/* --- FONT FACE DEFINITIONS (From style2013.css) --- */
        @font-face {
            font-family: 'MisoLight';
            src: url('fontface/miso/miso-light-webfont.eot');
            src: local('?'), 
                 url('fontface/miso/miso-light-webfont.woff') format('woff'), 
                 url('fontface/miso/miso-light-webfont.ttf') format('truetype'), 
                 url('fontface/miso/miso-light-webfont.svg#webfontF29MFFwu') format('svg');
            font-weight: normal;
            font-style: normal;
        }
        @font-face {
            font-family: 'MisoRegular';
            src: url('fontface/miso/miso-webfont.eot');
            src: local('?'), 
                 url('fontface/miso/miso-webfont.woff') format('woff'), 
                 url('fontface/miso/miso-webfont.ttf') format('truetype'), 
                 url('fontface/miso/miso-webfont.svg#webfontA4ZOCCxS') format('svg');
            font-weight: normal;
            font-style: normal;
        }
        @font-face {
            font-family: 'MisoBold';
            src: url('fontface/miso/miso-bold-webfont.eot');
            src: local('?'), 
                 url('fontface/miso/miso-bold-webfont.woff') format('woff'), 
                 url('fontface/miso/miso-bold-webfont.ttf') format('truetype'), 
                 url('fontface/miso/miso-bold-webfont.svg#webfontWPKh07R7') format('svg');
            font-weight: normal;
            font-style: normal;
        }

        /* --- GLOBAL STYLES --- */
        body {
            background-color: #eee;
            color: #777;
            font-size: 1.2em;
            letter-spacing: 0.08em;
            line-height: 1.2em;
            font-family: 'MisoLight', 'MisoRegular', Arial, sans-serif;
            text-decoration: none;
            margin: 15px; /* Mobile margin */
        }

        h1 {
            color: #000;
            font-family: 'MisoLight', Arial, sans-serif;
            letter-spacing: 0;
            font-size: 1.6em;
            line-height: 1.1em;
            font-weight: normal;
            margin: 0;
        }

        h2, h3 {
            font-weight: normal;
            font-size: 1.2em;
            letter-spacing: 0.08em;
            line-height: 1.2em;
            color: #000;
            margin-top: 0;
            margin-bottom: 20px;
        }

        p {
            margin: 0;
            padding: 2px 0 8px 0;
        }

        a {
            font-family: 'MisoRegular', arial;
            color: #000;
            text-decoration: none;
            border-bottom: none; 
        }
        
        a:hover {
            border-bottom: 2px solid #000;
        }

        ul {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        li {
            margin-bottom: 15px;
        }

        .work-title {
            font-family: 'MisoBold', 'MisoRegular', Arial, sans-serif; 
            color: #000;
        }

        /* --- LAYOUT SECTIONS --- */

        /* HEADER: Contains Title and Bio */
        #header {
            width: 100%;
            /* Mobile Default: Relative positioning (In flow) */
            position: relative;
            margin-bottom: 30px;
            z-index: 1000;
        }

        /* HEADER INFO (Bio) */
        #header-info {
            max-width: 600px;
            margin-top: 15px;
        }

        /* MAIN CONTENT SECTIONS */
        /* #wrap is Works, #shows is Exhibitions */
        #wrap, #shows, #foot {
            width: 100%;
            clear: both;
        }
        
        /* Mobile Spacing */
        #shows { margin-top: 60px; }
        #foot { margin-top: 60px; }

        /* Footer specific font override */
        #foot a, #foot a:hover {
            font-family: 'MisoLight', arial;
        }

        /* --- COLUMN SYSTEM (Mobile First = Stacked) --- */
        #left, #middle, #right {
            width: 100%;
            float: none;
            margin-bottom: 30px;
        }

        /* --- MEDIA QUERIES --- */

        /* TABLET & DESKTOP (min-width: 600px) */
        @media screen and (min-width: 600px) {
            body {
                margin: 30px; 
            }

            /* FIXED HEADER LOGIC */
            #header {
                position: fixed; /* Header becomes fixed */
                top: 0;
                left: 0;
                padding: 30px; /* Match body margin */
                width: 100%;
                box-sizing: border-box;
                margin-bottom: 0;
                /* Background is now transparent as requested */
                background-color: transparent; 
            }

            /* CONTENT SPACING */
            /* Margin 220px pushes content down to clear the fixed header */
            #wrap {
                margin-top: 220px; 
            }

            #shows {
                margin-top: 220px; /* "Same space before exhibitions" */
            }

            #foot {
                margin-top: 100px;
            }

            /* COLUMNS */
            #left {
                width: 48%;
                float: left;
                margin-right: 2%;
            }
            #middle {
                width: 48%;
                float: right;
            }
            #right {
                width: 100%;
                float: none;
                clear: both;
                margin-top: 30px;
            }
        }

        /* LARGE DESKTOP (min-width: 980px) */
        @media screen and (min-width: 980px) {
            #left {
                width: 33%;
                float: left;
                margin-right: 0;
            }
            #middle {
                width: 33%;
                float: left;
                margin-right: 0;
            }
            #right {
                width: 33%;
                float: left;
                margin-top: 0;
                clear: none;
            }
        }