@font-face{font-family:Space Grotesk;src:url(assets/space-grotesk.ttf) format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--paper:#f8f7f3;--ink:#171716;--muted:#646460;--gutter:clamp(20px,3.3vw,64px);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px;scrollbar-color:#88877e var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Space Grotesk',sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}::selection{background:#222;color:var(--paper)}a{color:inherit;text-decoration:none;text-underline-offset:5px}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--ink);outline-offset:6px}img{display:block;width:100%;height:100%;object-fit:cover}figure,h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-weight:400}figure{min-width:0}section[id],footer[id]{scroll-margin-top:35px}.skip{position:fixed;left:20px;top:-80px;background:var(--ink);color:var(--paper);padding:14px;z-index:10}.skip:focus{top:20px}.hero{height:100svh;min-height:600px;max-height:1100px;display:grid;grid-template-rows:auto 1fr auto;padding:var(--gutter) var(--gutter) 8vh}.edge-labels{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.06em}.hero h1{align-self:center;justify-self:center;font-size:clamp(30px,4.2vw,76px);letter-spacing:.28em;padding-left:.28em;max-width:100%;text-align:center;line-height:1.4}.hero nav{display:flex;justify-content:center;gap:32px;font-size:12px;text-transform:uppercase}.hero nav a{padding:12px 0}.gallery-section{padding:70px var(--gutter) 0}.gallery-intro{font-size:12px;text-transform:uppercase;width:20%;margin:0 auto 36px;line-height:1.4}.gallery-intro p{margin-top:14px}.gallery{display:grid;grid-template-columns:.8fr 1.05fr 1.1fr 1.7fr 1fr 1.05fr .75fr;gap:14px;align-items:center}.tile{display:block;min-width:0;transition:transform .65s var(--ease)}.tile:hover{transform:translateY(-8px);text-decoration:none}.tile>span{display:block;margin-top:10px;font-size:10px;text-transform:uppercase;letter-spacing:.02em}.tile-small>img{aspect-ratio:3/4}.tile-medium>img{aspect-ratio:3/4}.tile-hero>img{aspect-ratio:2/3}.tile-email{align-self:center}.mini-email{background:#eeece7;padding:12px 9px;text-align:center}.mini-email>span{display:block;font-size:clamp(10px,1.2vw,19px);text-align:left;margin:12px 0 18px;line-height:1.1}.mini-email img{aspect-ratio:3/4}.mini-email p{font-size:9px;letter-spacing:.12em;margin:18px 0}.mini-email small{display:block;font-size:7px}.mini-ui{padding:10px;background:#eeece7}.mini-ui small{font-size:6px}.mini-ui p{font-size:clamp(10px,1.2vw,20px);line-height:1.05;margin:28px 0 20px;letter-spacing:-.04em}.mini-ui img{aspect-ratio:4/3;object-position:50% 30%}.detail-crop{object-position:75% 50%}.metal-crop{object-position:85% 50%}.gallery-end{display:flex;align-items:end;justify-content:space-between;margin:32px 0 120px}.gallery-end h2{font-size:clamp(58px,9.6vw,170px);line-height:.9;letter-spacing:-.04em}.gallery-end>span{font-size:11px;line-height:1.4;text-transform:uppercase}.statement{text-align:center;padding:45px 20px 55px}.statement h2{font-size:clamp(27px,3vw,48px);line-height:1.02;letter-spacing:-.04em}.statement p{font-size:14px;margin-top:20px}.wide-image{margin:0 var(--gutter)}.wide-image img{aspect-ratio:2.25;object-position:center 60%}figcaption{font-size:11px;text-transform:uppercase;letter-spacing:.025em;margin-top:13px}.wide-image figcaption{display:flex;justify-content:space-between}.about{padding:120px 0 110px;text-align:center}.micro,.about-copy{font-size:12px;line-height:1.5;letter-spacing:.06em;text-transform:uppercase}.portrait-stage{position:relative;margin:28px 0 24px;isolation:isolate}.portrait-stage img{width:31%;aspect-ratio:3/4;margin:auto;position:relative;z-index:1}.portrait-stage h2{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 2%;font-size:clamp(45px,11.2vw,200px);letter-spacing:-.04em;color:#deded9;line-height:1;z-index:0}.portrait-stage h2 span:first-child{align-self:center}.studies{display:grid;grid-template-columns:1fr .72fr 1fr 2.05fr 1fr;gap:16px;padding:0 var(--gutter) 65px;align-items:start;position:relative}.studies h2{grid-column:1/3;grid-row:2;font-size:12px;margin-top:20px;align-self:end}.study-one{grid-column:1}.study-two{grid-column:3}.study-three{grid-column:4;grid-row:1/3}.study-four{grid-column:5}.study img{aspect-ratio:3/4}.study-three img{aspect-ratio:1;object-position:80%}.study-two img{object-position:70% 70%}.diptych{display:grid;grid-template-columns:1fr 1fr;gap:3px}.diptych figure{position:relative}.diptych img{aspect-ratio:1;object-position:center}.diptych figcaption{position:absolute;bottom:25px;left:28px;color:white;background:#171716;padding:5px 8px;margin:0}.design-work,.interface-work{padding:110px var(--gutter) 0}.work-label{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px;gap:20px}.work-label h2{font-size:clamp(34px,5vw,78px);letter-spacing:-.04em}.work-label>span{font-size:12px;text-transform:uppercase}.email-pair{display:grid;grid-template-columns:1fr 1fr;gap:5vw;max-width:1100px;margin:auto}.email-concept{background:#eeece5;padding:28px}.email-top{font-size:10px;display:flex;justify-content:space-between;gap:20px}.email-top>span{font-size:9px}.email-concept h3{font-size:clamp(28px,3.4vw,50px);line-height:1.03;letter-spacing:-.04em;margin:36px 0}.email-concept>img{height:auto;aspect-ratio:1;object-fit:cover}.email-copy{padding:36px 18px 24px;text-align:center}.email-copy h4{font-size:24px;letter-spacing:.09em}.email-copy p{font-size:16px;line-height:1.5;max-width:28ch;margin:24px auto}.sample-link{display:inline-block;font-size:12px;border-bottom:1px solid;padding-bottom:5px}.dark-email{background:#181a19;color:var(--paper)}.dark-email>img{aspect-ratio:1}.interface-work{padding-top:140px}.interface-concept{padding:30px;background:#eeece6}.interface-nav{display:flex;justify-content:space-between;font-size:12px;margin-bottom:40px}.interface-body{display:grid;grid-template-columns:1fr 1.15fr;align-items:stretch;gap:35px}.interface-body h3{font-size:clamp(26px,5vw,82px);line-height:1;letter-spacing:-.04em;margin:35px 0}.interface-body p{font-size:16px;max-width:24ch;margin:40px 0}.interface-body span{font-size:11px}.interface-body img{max-height:650px;aspect-ratio:1;object-position:50% 30%}footer{padding:135px var(--gutter) 36px}footer h2{font-size:clamp(60px,10vw,170px);letter-spacing:-.04em;line-height:1.1}.footer-meta{display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:12px;margin-top:38px}.footer-meta>span,.footer-meta>a{text-transform:uppercase}.footer-meta p{color:var(--muted)}
@media(max-width:700px){.hero{min-height:540px;max-height:850px;padding-top:26px}.hero h1{font-size:clamp(27px,7vw,48px);letter-spacing:.18em}.hero nav{gap:26px}.gallery-section{padding-top:55px}.gallery-intro{width:42%;font-size:11px;margin-bottom:30px}.gallery{grid-template-columns:1fr 1.2fr 1fr;gap:12px;row-gap:25px}.tile-hero{grid-column:2;grid-row:1/3;align-self:center}.tile-email{grid-column:1;grid-row:2}.tile-ui{grid-column:3;grid-row:2}.tile:nth-child(6),.tile:nth-child(7){display:none}.tile>span{font-size:9px}.gallery-end{margin:42px 0 60px;align-items:center}.gallery-end h2{font-size:15vw}.gallery-end>span{max-width:95px;font-size:9px}.statement{padding-bottom:35px}.statement p{font-size:12px}.wide-image img{aspect-ratio:1.4}.wide-image figcaption{font-size:9px}.about{padding:75px 0}.portrait-stage img{width:47%}.portrait-stage h2{font-size:13vw;align-items:start;padding-top:50px}.portrait-stage h2 span:last-child{align-self:end;margin-bottom:40px}.studies{grid-template-columns:1fr .35fr 1fr;gap:14px;padding-bottom:45px}.study-one{grid-column:1;grid-row:1}.study-two{grid-column:3;grid-row:1}.study-three{grid-column:1/3;grid-row:2}.study-four{grid-column:3;grid-row:2}.studies h2{grid-row:3;font-size:10px}.study figcaption{font-size:9px}.diptych img{aspect-ratio:3/4}.diptych figcaption{font-size:9px;bottom:10px;left:8px;padding:4px}.design-work,.interface-work{padding-top:70px}.work-label{align-items:start;margin-bottom:25px}.work-label>span{font-size:10px;max-width:100px;text-align:right}.email-pair{gap:30px;grid-template-columns:1fr;max-width:480px}.email-concept{padding:22px}.interface-concept{padding:18px}.interface-nav{font-size:9px;gap:15px;margin-bottom:20px}.interface-body{grid-template-columns:1fr;gap:22px}.interface-body h3{font-size:12vw;margin:14px 0}.interface-body p{margin:24px 0}.interface-body img{max-height:450px;aspect-ratio:1.2}.footer-meta{flex-wrap:wrap;font-size:11px;row-gap:25px}.footer-meta p{order:3;width:100%}footer{padding-top:85px}.mini-email>span,.mini-ui p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tile{transition:none}.tile:hover{transform:none}}

.image-number{position:absolute!important;display:block!important;width:auto!important;height:auto!important;margin:0!important;padding:4px 6px!important;background:var(--paper);color:var(--ink);font:11px/1 'Space Grotesk',sans-serif!important;letter-spacing:.03em;z-index:2;pointer-events:none}
.hero h1{font-size:clamp(27px,4.2vw,76px)}
.gallery-open{overflow:hidden}
.lightbox{border:0;background:transparent;padding:0;width:min(1000px,94vw);max-width:94vw;height:94svh;max-height:94svh;color:var(--ink);overflow:visible}
.lightbox::backdrop{background:rgba(0,0,0,.2)}
.lightbox[open]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}
.lightbox button{font:12px 'Space Grotesk',sans-serif;text-transform:uppercase;color:var(--ink);background:var(--paper);border:0;min-height:44px;padding:12px 18px;cursor:pointer}
.lightbox button:hover{text-decoration:underline;text-underline-offset:4px}.lightbox button:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
.lightbox-close{align-self:flex-end}
.lightbox-content{min-height:0;max-height:calc(94svh - 130px);display:flex;align-items:center;justify-content:center}
.lightbox-content>img{width:auto;height:auto;max-width:90vw;max-height:calc(94svh - 130px);object-fit:contain;aspect-ratio:auto}
.lightbox-content>.mini-email,.lightbox-content>.mini-ui{width:min(420px,84vw);max-height:calc(94svh - 130px);overflow:auto;padding:28px}
.lightbox-content .mini-email>span{font-size:26px}.lightbox-content .mini-email img{max-height:40svh;aspect-ratio:1;object-fit:cover}.lightbox-content .mini-email p{font-size:14px}.lightbox-content .mini-email small{font-size:11px}
.lightbox-content .mini-ui p{font-size:32px}.lightbox-content .mini-ui small{font-size:11px}.lightbox-content .mini-ui img{max-height:36svh}
.lightbox-controls{display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--paper);font-size:12px;flex-shrink:0}
@media(max-width:700px){.hero h1{font-size:clamp(21px,5.5vw,38px);letter-spacing:.13em}.lightbox-controls{gap:10px}}

.tile-email>img{height:auto;object-fit:contain}.tile-hero>img[src$=".gif"]{height:auto;aspect-ratio:auto;object-fit:contain}

/* Supplied work and signature; the signature is decorative, not a numbered image. */
.hero{position:relative;isolation:isolate}
.hero::before{content:"";position:absolute;inset:18% 12%;background:url(assets/signature.svg) center / contain no-repeat;opacity:.18;mix-blend-mode:multiply;z-index:-1;pointer-events:none}
.hero h1,.hero nav,.hero header{position:relative;z-index:1}
.lightbox::backdrop{background:rgba(0,0,0,.3)}
.lightbox .lightbox-close{position:fixed;top:40px;right:40px;z-index:10}
.tile-small.still>img{aspect-ratio:1;object-fit:contain}
.wide-image img[src$="work-08.png"]{height:auto;aspect-ratio:auto;object-fit:contain}
.study-one img[src$="work-10.png"]{aspect-ratio:1;object-fit:contain}

/* Preserve original 4809px artwork inside a square, without cropping or resampling. */
.wide-image img[src$="work-08-hires.png"]{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain;object-position:center;background:linear-gradient(110deg,#e5d8d0 0%,#dfd0c8 55%,#d7c6bd 100%)}

/* Full-viewport interactive portrait hero. */
.hero{height:100svh;min-height:0;max-height:none;padding:0;display:block;overflow:hidden;background:#f8f7f3}
.hero::before{content:none;background:none}
.hero .edge-labels{position:absolute;top:var(--gutter);left:var(--gutter);right:var(--gutter);z-index:2;align-items:center;pointer-events:none}
.hero .edge-labels h1{font-size:12px;line-height:1.4;letter-spacing:.06em;padding:0;text-align:left;margin:0}
.hero .edge-labels span{font-size:12px;letter-spacing:.06em}
.hero nav{position:absolute;bottom:40px;left:0;right:0;z-index:2}
.hero nav a{background:var(--paper);padding:10px 12px}
.portrait-stage-hero{position:absolute;inset:0;display:grid;place-items:center}
#hero-portrait{width:min(100vw,100svh);height:min(100vw,100svh);aspect-ratio:1;touch-action:pan-y;object-fit:contain}
#hero-portrait:focus-visible{outline:1px solid var(--ink);outline-offset:-4px}
#portrait-status{position:absolute;top:48%;left:0;right:0;text-align:center;font-size:14px}
#portrait-status[hidden]{display:none}
@media(max-width:700px){.hero .edge-labels h1,.hero .edge-labels span{font-size:11px}.hero nav{bottom:30px;gap:12px}#hero-portrait{width:100vw;height:100vw}}

.gallery .tile>img[src*="-alua"],.gallery .tile>img[src*="-ring"],.gallery .tile>img[src*="-cans"]{height:auto;aspect-ratio:auto;object-fit:contain}

.pdf-module{display:block;position:relative}.pdf-module img{display:block;width:100%;height:auto}.study-four.slideshow img{aspect-ratio:1;object-fit:contain}.slideshow figcaption{display:flex;justify-content:space-between;align-items:center}.slideshow-toggle{font:inherit;text-transform:uppercase;border:0;background:none;padding:8px;cursor:pointer;color:inherit}

/* Full-bleed imagery for Selected Work and On Screen only. */
.gallery-section > .gallery,
.interface-work > .pdf-module{margin-inline:calc(-1 * var(--gutter))}

/* Keep the supplied Smiles composition intact. */
.wide-image img[src$="smile-app-hero.jpg"]{height:auto;aspect-ratio:auto;object-fit:contain}

.email-scroll-section,.email-scroll-section *{box-sizing:border-box}.email-scroll-section{font-family:Arial,Helvetica,sans-serif}.email-scroll-section h2{margin:0;font-weight:400;line-height:1.1;letter-spacing:-1.5px}.email-scroll-section .serif{font-family:Georgia,serif;font-style:italic}.email-scroll-section .section-label{letter-spacing:1.5px}.email-scroll-section{background:#1b1b1b;color:#faf9f6;padding:20vh 5%;padding-block:20svh;position:relative}.email-scroll-track{position:relative;height:2000px;max-width:1440px;margin:auto}.email-scroll-scene{position:sticky;top:20vh;top:20svh;display:grid;grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);gap:clamp(35px,5vw,90px);align-items:center}.email-scroll-window{width:300px;max-width:100%;height:60vh;height:60svh;overflow:hidden;border-radius:30px;clip-path:inset(0 round 30px);position:relative;background:#1b1b1b}.email-scroll-image{display:block;width:300px;max-width:100%;height:auto;position:absolute;top:0;left:0;transform:translate3d(0,var(--email-offset,0px),0);will-change:transform}.email-scroll-copy h2{font-size:clamp(36px,3.5vw,56px)}.email-scroll-copy .section-label{font-size:11px;color:#aaa;margin-bottom:25px}.email-scroll-description p{font-size:16px;line-height:1.8;color:#bdbdb7;margin:0}.email-scroll-description .email-scroll-instruction{font-size:12px;margin-top:28px}.email-scroll-progress{height:2px;background:#ffffff20;margin-top:20px}.email-scroll-progress span{display:block;width:0;height:100%;background:#ddd}@media(max-width:1050px) and (min-width:701px){.email-scroll-scene{gap:25px}.email-scroll-copy h2{font-size:34px}.email-scroll-description p{font-size:14px;line-height:1.65}}@media(max-width:700px){.email-scroll-scene{display:flex;justify-content:center}.email-scroll-copy,.email-scroll-description{display:none}.email-scroll-section{padding-inline:24px}.email-scroll-window{width:min(300px,100%)}}
.library-work{position:relative;padding-top:110px}.library-work>img{display:block;width:100%;height:auto;object-fit:contain}

/* Approved travel-case scrolling module. */
.email-scroll-section{padding:20svh 5%}.email-scroll-track{position:relative;max-width:1440px;margin:auto;height:2400px}.email-scroll-scene{position:sticky;top:20svh;display:grid;grid-template-columns:minmax(0,1fr) 300px 2px;gap:clamp(35px,5vw,90px);align-items:center}.email-scroll-window{width:300px;max-width:100%;height:60svh;overflow:hidden;border-radius:30px;position:relative;clip-path:inset(0 round 30px)}.email-scroll-image{display:block;width:300px;max-width:100%;height:auto;position:absolute;top:0;left:0;transform:translate3d(0,var(--email-offset,0px),0);will-change:transform}.email-scroll-copy h2{font-size:clamp(36px,3.5vw,56px);font-weight:400;line-height:1.1;letter-spacing:-1.5px;margin:0}.section-label{font-size:11px;letter-spacing:1.5px;margin-bottom:25px;color:#646460}.email-scroll-progress{width:2px;height:30svh;background:#17171620;align-self:center}.email-scroll-progress span{display:block;width:100%;height:0;background:#171716}@media(max-width:700px){.email-scroll-scene{grid-template-columns:minmax(0,300px) 2px;justify-content:center;gap:22px}.email-scroll-copy{display:none}.email-scroll-section{padding-inline:20px}.email-scroll-window{width:100%}}

.email-scroll-section{background:#f8f7f3;color:#171716;font-family:"Space Grotesk",sans-serif}.email-scroll-section .section-label{color:#646460}

.email-scroll-section .email-scroll-progress{margin-top:0}@media(max-width:700px){.email-scroll-section .email-scroll-scene{display:grid}}

/* Use a single rounded clip to avoid dark antialiased seams. */
.email-scroll-window{background:transparent;border:0;outline:0;box-shadow:none;clip-path:none;overflow:hidden;isolation:isolate;transform:translateZ(0)}

.hero nav a{background:transparent}.diptych img[data-number="14"],.diptych img[data-number="15"]{object-fit:contain;aspect-ratio:1;background:var(--paper)}

/* Requested artwork proportions and tighter centered email composition. */
.gallery .tile>img[data-number="01"],.gallery .tile>img[data-number="06"],.gallery .tile>img[data-number="07"]{height:auto;aspect-ratio:auto;object-fit:contain}
.wide-image img[data-number="08"]{height:auto;aspect-ratio:auto;object-fit:contain}
.library-work{margin-bottom:150px}
@media(min-width:701px){.email-scroll-scene{grid-template-columns:minmax(0,1fr) 300px 2px;max-width:1000px;margin-inline:auto;gap:clamp(17.5px,2.5vw,45px)}}

/* Updated campaign showcase and personal introduction. */
.diptych img[data-number="15"]{object-fit:cover}
.announcement{height:40px;display:grid;grid-template-columns:repeat(3,1fr);align-items:center;padding-inline:12px;background:#eea06b;color:#fff;text-align:center;font-size:12px;letter-spacing:.08em}
.hero{height:calc(100svh - 40px)}
.hero-bio{position:absolute;top:50%;transform:translateY(-50%);width:clamp(170px,19vw,300px);font-size:clamp(13px,1.1vw,17px);line-height:1.5;z-index:2}
.hero-bio-left{left:var(--gutter)}.hero-bio-right{right:var(--gutter)}
.visual-project .statement{padding:45px var(--gutter) 70px;text-align:left}
.visual-project .statement h2{font-size:clamp(58px,9.6vw,170px);line-height:1;letter-spacing:-.04em;text-wrap:balance}
.campaign-slideshow img{aspect-ratio:9/16;object-fit:contain;height:auto}
.campaign-slideshow figcaption{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}
.slideshow-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
@media(max-width:900px){.hero-bio{top:auto;bottom:90px;transform:none;width:40%;font-size:12px}.portrait-stage-hero{bottom:140px}}
@media(max-width:500px){.announcement{font-size:9px;letter-spacing:.02em}.hero{min-height:700px}.hero-bio{bottom:85px;font-size:11px;width:42%}.portrait-stage-hero{bottom:180px}.visual-project .statement h2{font-size:13vw}}

/* Focused typography and biography placement. */
.announcement{background:#777}
.hero .edge-labels{top:calc(var(--gutter) / 2)}
.portrait-stage-hero{bottom:0}
.gallery-section{padding-bottom:70px}
.visual-project .statement h2{font-size:clamp(36px,3.5vw,56px);line-height:1.1;max-width:50%;letter-spacing:-1.5px}
.gallery .tile>img[data-number="05"],.gallery .tile>img[data-number="06"]{height:auto;aspect-ratio:auto;object-fit:contain}
.library-work{padding-top:calc(110px * 2 / 3)}
.email-scroll-bio{font-size:clamp(13px,1.1vw,17px);line-height:1.5;display:grid;gap:24px}
@media(min-width:701px){.email-scroll-scene{max-width:1440px;grid-template-columns:minmax(0,1fr) 300px 2px minmax(0,1fr);gap:clamp(18px,2.5vw,45px)}}
@media(max-width:1050px) and (min-width:701px){.email-scroll-scene{grid-template-columns:minmax(0,1fr) 240px 2px minmax(0,1fr);gap:18px}.email-scroll-window,.email-scroll-image{width:240px}.email-scroll-copy h2{font-size:30px}.email-scroll-bio{font-size:12px}}
@media(max-width:700px){.visual-project .statement h2{max-width:100%;font-size:36px}.email-scroll-bio{grid-column:1 / -1;font-size:13px;max-width:340px}.email-scroll-section .email-scroll-scene{top:6svh}.email-scroll-window{height:50svh}.email-scroll-progress{height:25svh}}

/* Biography belongs alongside the personal statement. */
.announcement{background:transparent;color:#000;border-bottom:1px solid #000}
.visual-project .statement{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,100px);align-items:start}
.visual-project .statement h2{max-width:none}
.statement-bio{font-size:clamp(14px,1.1vw,17px);line-height:1.5;display:grid;gap:24px;max-width:52ch}
@media(min-width:701px){.email-scroll-scene{grid-template-columns:minmax(0,1fr) 300px 2px;max-width:1000px;gap:clamp(17.5px,2.5vw,45px)}.email-scroll-window,.email-scroll-image{width:300px}}
@media(max-width:700px){.visual-project .statement{grid-template-columns:1fr;gap:28px}.email-scroll-section .email-scroll-scene{top:20svh}.email-scroll-window{height:60svh}.email-scroll-progress{height:30svh}}

/* Final gallery scale and statement spacing adjustments. */
@media(min-width:701px){.gallery{grid-template-columns:.8fr 1.05fr 1.1fr 1.7fr 1.3fr .75fr .75fr}}
.statement-bio{gap:12px}
.visual-project .statement{padding-bottom:140px}
.announcement{background:#000;color:#fff;border-bottom-color:#fff}
.image-number{display:block!important}

/* Edge-to-edge SneakerAsk artwork and desktop gallery hover. */
.gallery .tile>img[data-number="05"]{width:100%;height:auto;aspect-ratio:1866 / 2643;object-fit:cover}
@media(hover:hover) and (pointer:fine){.gallery .tile:hover{transform:none}.gallery .tile>img{transition:transform .45s var(--ease)}.gallery .tile:hover>img{transform:scale(1.035)}}
@media(prefers-reduced-motion:reduce){.gallery .tile>img{transition:none}.gallery .tile:hover>img{transform:none}}

/* Align the gallery introduction with the full-bleed first image. */
.gallery-intro{width:auto;margin-left:calc(-1 * var(--gutter));margin-right:0}
#visitor-count{font-variant-numeric:tabular-nums}

/* Share the artwork grid so the introduction starts exactly above image 04. */
.gallery-section{--gallery-columns:.8fr 1.05fr 1.1fr 1.7fr 1.3fr .75fr .75fr;--gallery-gap:14px}
.gallery,.gallery-intro{grid-template-columns:var(--gallery-columns);column-gap:var(--gallery-gap)}
.gallery-intro{display:grid;width:auto;margin-inline:calc(-1 * var(--gutter))}
.gallery-intro>span,.gallery-intro>p{grid-column:4}
footer{padding-top:67.5px}
@media(max-width:700px){.gallery-section{--gallery-columns:1fr 1.2fr 1fr;--gallery-gap:12px}.gallery-intro>span,.gallery-intro>p{grid-column:2}footer{padding-top:42.5px}}

/* The selected-work key sits beside the portrait instead of above the gallery. */
.hero-selected-work{position:absolute;left:var(--gutter);top:50%;z-index:2;width:min(210px,18vw);transform:translateY(-50%);font-size:12px;line-height:1.4;text-transform:uppercase;letter-spacing:.02em;pointer-events:none}
.hero-selected-work p{margin-top:14px}
@media(max-width:900px){.hero-selected-work{top:auto;bottom:var(--gutter);transform:none;width:auto;font-size:11px}}

/* Reference-led portfolio sequence */
.announcement{padding:8px 12px}
.studies[hidden]{display:none!important}
.visual-project .statement{display:flex;flex-direction:column;align-items:center;gap:20px;padding-bottom:clamp(32px,3vw,48px);text-align:center}
.visual-project .statement h2{max-width:900px}
.statement-bio{max-width:510px;justify-items:center;text-align:center}
.interface-work-strip{padding-top:0}
.interface-work-strip .pdf-module{margin-top:0}
.library-work{margin-bottom:100px}
.gallery-section{padding-top:clamp(90px,9vw,145px)}
.final-visual-project{padding:clamp(70px,7vw,110px) var(--gutter) 0}
.final-visual-project .wide-image{margin:0}
.final-visual-project .wide-image img{display:block;width:100%;height:auto}
.image-number{display:none!important}
@media(max-width:700px){
  .visual-project .statement{gap:20px;padding-bottom:28px}
  .gallery-section{padding-top:72px}
  .final-visual-project{padding-top:56px}
}