:root{color-scheme:light;--paper: #fcfcfc;--ink: #111;--body: #777;--muted: #999;--rule: #ddd;--gutter: 3%}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--body);background:var(--paper);font:400 14px/1.6 Avenir Next,Avenir,Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:#111;text-decoration:none}a:hover{color:#555}img{display:block;max-width:100%;height:auto}button{font:inherit}.canvas{max-width:1200px;min-height:100vh;margin:0 auto;padding:82px 75px 32px}.site-header{display:flex;align-items:flex-start;justify-content:space-between;min-height:117px;margin-bottom:50px;border-bottom:1px solid var(--rule)}.brand h1{margin:0;color:var(--ink);font-family:Futura,Trebuchet MS,Avenir Next,sans-serif;font-size:clamp(36px,4.7vw,46px);font-weight:400;line-height:1;letter-spacing:1px;text-transform:uppercase}.brand p{margin:17px 0 0;color:#99999940;font-size:12px;line-height:1;letter-spacing:1px;text-transform:uppercase}.desktop-nav{display:flex;gap:34px;padding-top:12px}.desktop-nav a,.mobile-menu a{color:#999999b8;font-family:Futura,Trebuchet MS,Avenir Next,sans-serif;font-size:12px;line-height:1.6;letter-spacing:1px;text-transform:uppercase}.desktop-nav a:hover,.desktop-nav a[aria-current=page],.mobile-menu a[aria-current=page]{color:#111}.mobile-menu{display:none}.announcement{display:block;margin:0 auto 52px;text-align:center;font-size:13px;font-weight:600;letter-spacing:.1px;text-transform:uppercase}.announcement span{font-weight:400}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:29px var(--gutter)}.project-card{min-width:0;color:#707070}.project-image{display:block;aspect-ratio:1;margin-bottom:7px;overflow:hidden;background:#eee}.project-image img{width:100%;height:100%;object-fit:cover;transition:opacity .2s ease}.project-card:hover img{opacity:.78}.project-title{display:block;overflow:hidden;font-size:12px;line-height:1.6;text-align:center;text-overflow:ellipsis;white-space:nowrap}.project-detail{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:50px}.project-meta{grid-column:2;grid-row:1}.project-meta h2{margin:0 0 18px;color:#555;font-family:Futura,Trebuchet MS,Avenir Next,sans-serif;font-size:18px;line-height:1.2}.credits p{margin:0 0 9px}.credits a{border-bottom:1px solid #bbb}.image-list{grid-column:1;grid-row:1;min-width:0}.image-list img{width:100%;margin:0 auto .5em}.project-controls{display:flex;align-items:center;gap:7px;margin-top:28px;font-size:12px}.project-controls .back-link{margin-left:auto}.styling-intro{margin:0 0 48px}.styling-intro strong{text-transform:uppercase}.styling-slider{max-width:850px;margin:0 auto}.styling-slide{min-height:360px}.styling-slide[hidden]{display:none}.styling-slide img{width:84%;max-height:620px;margin:0 auto;object-fit:contain}.styling-slide iframe{width:100%;aspect-ratio:16 / 9;border:0}.slider-controls{display:flex;justify-content:space-between;margin-top:15px;font-size:12px}.slider-controls button{padding:0 3px;border:0;color:var(--body);background:transparent;cursor:pointer}.slider-controls button:hover,.slider-controls button[aria-current=true]{color:#111}.slider-numbers{display:flex;gap:10px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;min-height:610px}.about-portrait{width:100%}.about-copy{padding-top:4px}.about-copy p{max-width:390px;margin:0}.about-details{grid-column:1 / -1;align-self:end}.about-details p{margin:0 0 14px}.instagram-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:80px}.instagram-grid img{width:100%;aspect-ratio:1;object-fit:cover}.resume-downloads{margin-bottom:31px}.resume-downloads p{margin:0 0 14px}.resume-downloads a{font-weight:600;text-transform:uppercase}.resume-table{display:grid;gap:12px}.resume-row{display:grid;grid-template-columns:1.05fr .78fr 1.25fr;gap:34px}.resume-row .production{font-style:italic}.site-footer{min-height:65px;margin-top:80px;padding-top:8px;font-size:12px;font-weight:600}@media(max-width:900px){.canvas{padding:50px 36px 28px}.desktop-nav{gap:20px}.project-detail{grid-template-columns:minmax(0,1fr) 210px;gap:35px}}@media(max-width:750px){.canvas{padding:20px}.site-header{display:block;min-height:0;margin-bottom:30px;border-bottom:0}.brand{text-align:center}.brand h1{font-size:36px}.desktop-nav{display:none}.mobile-menu{display:block;margin-top:24px}.mobile-menu summary{padding:0 0 15px;border-bottom:1px solid var(--rule);color:var(--muted);cursor:pointer;font-family:Futura,Trebuchet MS,sans-serif;font-size:16px;letter-spacing:1px;list-style:none;text-align:center;text-transform:uppercase}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{display:grid;padding:10px 0;border-bottom:1px solid var(--rule)}.mobile-menu a{padding:7px;font-size:15px;text-align:center}.announcement{margin:18px auto 34px;line-height:1.8}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 3%}.project-detail{display:flex;flex-direction:column}.project-meta{order:0;width:auto;margin-bottom:20px;text-align:center}.image-list{order:1}.project-controls .back-link{display:none}.styling-slide{min-height:0}.about-grid{display:block;min-height:0}.about-copy,.about-details{padding-top:35px}.instagram-grid{grid-template-columns:repeat(2,1fr);margin-top:55px}.resume-row{grid-template-columns:1fr;gap:2px;padding-bottom:14px;border-bottom:1px solid #eee}.site-footer{margin-top:55px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
