/* Typography families are centralized below. Licensed bricolage-grotesque and Azo files are pending. */
:root{--blue:#0000ff;--orange:#ffa66d;--muted:var(--blue);--line:rgb(0 0 255 / 15%);--heading:'bricolage-grotesque',Arial,sans-serif;--body:Azo,'Helvetica Neue',Arial,sans-serif;--hand:'moonblossom',cursive}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:#fff;color:var(--blue);font-family:var(--body);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--blue);outline-offset:7px}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}.wrap{width:min(88%,1320px);margin-inline:auto}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{position:fixed;z-index:20;left:20px;top:20px;padding:10px;background:#fff}.site-header{height:112px;display:flex;align-items:center;gap:64px}.brand{display:block;width:83px;flex-shrink:0}.brand img{display:block;object-fit:contain;width:83px;height:60px}.site-header nav{display:flex;gap:28px;align-items:center;font-size:14px}.site-header nav a{position:relative;padding-block:10px}.site-header nav a:after{content:'';position:absolute;bottom:6px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}.site-header nav a:hover:after{transform:scaleX(1)}.header-contact{margin-left:auto;font-size:26px;line-height:1;border:1px solid var(--line);border-radius:50%;width:42px;height:42px;display:grid;place-items:center}.hero{position:relative;min-height:640px;height:calc(92svh - 112px);max-height:820px;display:grid;grid-template-columns:39% 61%;align-items:center;margin-bottom:120px}.hero-copy{position:relative;z-index:2;padding-top:0;padding-bottom:0}.hero h1{font-family:var(--heading);font-weight:1000;text-transform:uppercase;font-size:clamp(26px,2.52vw,42px);line-height:1.09;letter-spacing:-.035em;text-wrap:pretty;max-width:465px}.hero-disciplines{font-size:14px;line-height:1.7;margin-top:24px;color:var(--muted)}.hand-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;font-family:var(--hand);font-size:22px;line-height:1.3;padding:13px 23px;border:1.4px solid;border-radius:55% 45% 49% 51% / 45% 48% 52% 55%;transform:rotate(-3deg);transition:background .25s,color .25s,transform .3s;margin-top:34px}.hand-button:hover{background:var(--blue);color:white;transform:rotate(0)}.hand-button span{font-family:Arial,sans-serif;font-size:26px}.hero-animation{position:relative;width:116%;margin-left:-2%;align-self:center;margin-bottom:0}.animation-stage{position:relative;aspect-ratio:1240 / 950;overflow:hidden;isolation:isolate}.animation-stage img,.animation-stage video{position:absolute;max-width:none;width:154.838709677%;height:auto;aspect-ratio:16 / 9;left:-54.838709677%;top:-13.684210526%;object-fit:contain;display:block}.animation-video{opacity:0}.hero-animation.is-playing .animation-video{opacity:1}.motion-toggle{position:absolute;bottom:-33px;right:5%;border:0;border-bottom:1px solid var(--line);background:white;padding:5px 0;font-size:12px;color:var(--muted)}.motion-toggle span{padding-left:8px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:56px;gap:24px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;line-height:1.8}.section-heading h2{font:900 clamp(48px,6.4vw,90px)/1.15 var(--heading);letter-spacing:-.055em;text-transform:uppercase;margin-top:9px}.orange{color:var(--orange)}.section-heading>p{font-size:16px;color:var(--muted);padding-bottom:12px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:10px 3px 0}.project-card{border:1px solid var(--line);border-radius:5px;background:#fff;transform:rotate(-1deg);transition:transform .45s cubic-bezier(.2,.65,.3,1),border-color .45s;align-self:start;overflow:hidden}.project-card:nth-child(2){transform:rotate(.8deg);margin-top:54px}.project-card:nth-child(3){transform:rotate(-.5deg);margin-top:12px}.project-card:hover,.project-card:focus-within{transform:translateY(-5px) rotate(0);border-color:var(--blue)}.project-card>a{display:block}.project-image{aspect-ratio:1.25;overflow:hidden;position:relative;margin:10px 10px 0;border-radius:2px;background:#f6f7fb}.project-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.project-card:hover img{transform:scale(1.035)}.card-arrow{position:absolute;right:13px;bottom:13px;width:38px;height:38px;display:grid;place-items:center;background:#fff;border-radius:50%;font-size:23px;transform:translateY(8px);opacity:0;transition:opacity .3s,transform .3s}.project-card:hover .card-arrow,.project-card:focus-within .card-arrow{opacity:1;transform:translateY(0)}.project-info{padding:20px 22px 25px;position:relative}.project-info h3{font-weight:800;font-size:23px;line-height:1.3;letter-spacing:-.04em;margin:0 25px 8px 0}.project-info p{font-size:13px;color:var(--muted);line-height:1.6}.project-index{position:absolute;right:20px;top:24px;font-size:11px;color:var(--muted)}.tag{display:inline-block;margin-top:18px;font-size:10px;text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line);border-radius:40px;padding:3px 10px}.work-end{display:flex;justify-content:space-between;align-items:center;padding-top:54px;gap:25px}.hand-note{font-family:var(--hand);font-size:28px;transform:rotate(-4deg);display:inline-block}.text-link{border-bottom:1px solid;padding:4px 0;font-size:15px;display:inline-flex;align-items:center;gap:32px}.text-link span{font-size:22px}.about{display:grid;grid-template-columns:1fr 1fr;gap:11%;align-items:center;padding-top:195px;padding-bottom:155px}.about-art{display:flex;flex-direction:column;align-items:center}.about-art img{width:90%;max-height:440px;object-fit:contain}.about-art .hand-note{margin-top:32px}.about-copy h2{font:900 clamp(35px,4.2vw,62px)/1.12 var(--heading);letter-spacing:-.045em;text-transform:uppercase;margin:20px 0 30px}.outlined{-webkit-text-stroke:1px var(--blue);color:white}.about-copy>p:not(.eyebrow){color:var(--muted);font-size:16px;margin-bottom:20px;max-width:430px}.about-copy .text-link{margin-top:12px}.expertise{padding-top:40px;padding-bottom:58px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.expertise-list{display:flex;align-items:center;flex-wrap:wrap;column-gap:25px;row-gap:8px;margin-top:24px;font:900 clamp(21px,2.7vw,40px)/1.4 var(--heading);letter-spacing:-.04em;text-transform:uppercase}.expertise-list i{font-style:normal;font-weight:normal;color:var(--orange);font-size:34px}.contact{text-align:center;padding-top:142px;padding-bottom:130px}.contact h2{font:900 clamp(66px,10vw,150px)/.99 var(--heading);letter-spacing:-.065em;text-transform:uppercase;margin-top:30px}.contact-hand{font-family:var(--hand);font-size:clamp(35px,4.5vw,64px);transform:rotate(-4deg);margin:17px 0 5px}.contact .hand-button,.contact>.poln-cta{margin-top:33px}.contact-email{display:block;font-size:14px;margin-top:30px}.site-footer{border-top:1px solid var(--line);padding-block:30px;display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:12px;color:var(--muted)}.footer-brand{font-weight:800;color:var(--blue);font-size:16px}.reading{padding-block:80px;min-height:65vh}.reading article{max-width:760px;margin:0 auto 60px}.reading h1{font:900 clamp(32px,5vw,64px)/1.1 var(--heading);margin-bottom:40px}.reading p{margin-block:20px}.reading img{height:auto}.reading a{text-decoration:underline}
@media(min-width:1600px){.hero-animation{width:112%}.hero h1{font-size:42px}.hero{min-height:740px}}
@media(max-width:1100px){.wrap{width:88%}.site-header{gap:40px;height:96px}.hero{min-height:540px;height:calc(85svh - 96px);margin-bottom:110px}.hero h1{font-size:clamp(25px,3vw,33px)}.hero-animation{width:115%;align-self:center}.hero-disciplines{font-size:12px}.hand-button{font-size:19px;padding:12px 18px;gap:15px}.project-grid{gap:20px}.project-info{padding:18px 14px 22px}.project-info h3{font-size:20px}.project-info p{font-size:12px}.project-index{right:14px}.about{gap:7%;padding-top:140px}}
@media(max-width:800px){.hero{grid-template-columns:42% 58%;min-height:520px}.hero h1{font-size:26px}.hero-animation{width:114%;margin-left:0}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.project-card:nth-child(3){margin-top:10px}.project-card:nth-child(2){margin-top:36px}.about{gap:5%;padding-block:120px}.about-copy h2{font-size:34px}.section-heading>p{font-size:14px}.site-header nav{gap:20px}.site-header{gap:30px}.brand,.brand img{width:70px}.hero-disciplines{max-width:235px}}
@media(max-width:600px){.wrap{width:88%}.site-header{height:92px;gap:20px;justify-content:space-between;flex-wrap:wrap}.brand,.brand img{width:62px}.site-header nav{gap:13px;font-size:12px}.header-contact{display:none}.hero{display:flex;flex-direction:column;min-height:0;max-height:none;height:auto;margin-top:35px;margin-bottom:100px;align-items:stretch}.hero-copy{padding:0;max-width:420px}.hero h1{font-size:clamp(29px,7.2vw,40px);line-height:1.08;letter-spacing:-.04em}.hero-disciplines{font-size:13px;margin-top:22px;max-width:none}.hand-button{font-size:21px;margin-top:25px}.hero-animation{width:110%;margin:20px -5% 0;align-self:auto}.animation-stage{aspect-ratio:1240 / 950}.motion-toggle{font-size:11px;right:7%;bottom:-30px}.section-heading{display:block;margin-bottom:32px}.section-heading h2{font-size:57px;margin-top:5px}.section-heading>p{margin-top:20px;padding-bottom:0;font-size:15px}.eyebrow{font-size:11px;letter-spacing:.11em}.project-grid{grid-template-columns:1fr;gap:32px;padding-inline:3px}.project-card:nth-child(n){margin-top:0;transform:rotate(-.65deg)}.project-card:nth-child(2){transform:rotate(.65deg)}.project-info{padding:22px}.project-info h3{font-size:25px}.project-info p{font-size:13px}.project-index{right:22px;top:26px}.card-arrow{opacity:1;transform:none}.work-end{align-items:flex-start;flex-direction:column;padding-top:40px;gap:28px}.hand-note{font-size:27px}.about{display:flex;flex-direction:column-reverse;gap:55px;padding-top:110px;padding-bottom:95px}.about-copy h2{font-size:43px;margin-top:16px}.about-art img{width:80%;max-height:340px}.about-art .hand-note{margin-top:12px}.expertise{padding-block:32px}.expertise-list{font-size:26px;column-gap:16px;row-gap:10px}.expertise-list i{font-size:25px}.contact{padding-top:94px;padding-bottom:86px}.contact h2{font-size:clamp(62px,16vw,88px);margin-top:27px}.contact-hand{font-size:40px;margin-top:24px}.site-footer{font-size:11px;flex-wrap:wrap;gap:12px}.site-footer span:nth-child(2){order:3;width:100%}.footer-brand{font-size:15px}}
.featured{margin-top:110px}.featured-link{display:grid;grid-template-columns:38% 62%;border:1px solid var(--line);border-radius:5px;overflow:hidden;align-items:stretch;transition:border-color .3s}.featured-link:hover{border-color:var(--blue)}.featured-copy{padding:45px 38px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.featured h2{font:900 clamp(32px,4vw,54px)/1.1 var(--heading);letter-spacing:-.05em;margin:24px 0}.featured-copy>p:not(.eyebrow){font-size:15px;color:var(--muted)}.featured-copy .text-link{margin-top:32px}.featured-image{min-width:0;background:#f4f4f4}.featured-image img{width:100%;height:100%;display:block;object-fit:cover}.hero-animation{width:112%;align-self:center}.hero{max-height:720px}
@media(max-width:1100px){.hero-animation{width:112%}.featured-copy{padding:30px 24px}.featured-copy .text-link{font-size:13px;gap:16px}}
@media(min-width:601px) and (max-width:800px){.hero-animation{width:110%}}
.site-header .social-nav{display:flex;align-items:center;gap:10px;margin-left:14px}.social-link{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--blue);border-radius:9999px;background:transparent;color:var(--blue);box-shadow:0 0 0 var(--blue);transition:transform 200ms cubic-bezier(.2,.8,.2,1),box-shadow 200ms cubic-bezier(.2,.8,.2,1),background-color 200ms ease,color 200ms ease}.social-link svg{width:18px;height:18px;display:block}.social-link:hover{transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--blue);background:var(--blue);color:#fff}.social-link:focus-visible{outline:2px solid var(--blue);outline-offset:4px}@media(max-width:800px){.site-header .social-nav{gap:8px;margin-left:8px}.social-link{width:32px;height:32px}.social-link svg{width:17px;height:17px}}@media(max-width:600px){.site-header .social-nav{display:none}}@media(prefers-reduced-motion:reduce){.social-link{transition:background-color 200ms ease,color 200ms ease}.social-link:hover{transform:none}}
@media(max-width:600px){.hero-animation{width:110%;align-self:auto}.hero{max-height:none}.featured{margin-top:70px}.featured-link{grid-template-columns:1fr}.featured-copy{padding:30px}.featured-image{aspect-ratio:1.3}.featured h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.animation-video{display:none!important}.hero-animation .motion-toggle{display:none!important}.project-card:hover{transform:none}}

/* CTA Pol’N — applied only to the hero until visual approval.
   Moonblossom Regular is loaded from the Studio PolN Adobe Fonts web project. */
.poln-cta{
 --cta-shadow:7px;
 display:inline-flex;align-items:center;justify-content:center;gap:14px;
 width:auto;max-width:100%;min-height:48px;padding:14px 26px;
 border:2px solid var(--blue);border-radius:9999px;
 background:#fff;color:var(--blue);box-shadow:0 0 0 var(--blue);
 font-family:var(--hand);font-size:22px;font-weight:400;line-height:1.3;
 text-decoration:none;white-space:nowrap;vertical-align:middle;
 transform:rotate(-2deg);transform-origin:center;
 transition:transform 220ms cubic-bezier(.2,.8,.2,1),box-shadow 220ms cubic-bezier(.2,.8,.2,1),background-color 220ms ease,color 220ms ease;
}
.poln-cta--large{padding:16px 30px;font-size:24px}
.poln-cta--small{padding:12px 23px;font-size:20px}
.poln-cta--primary{border-color:var(--blue)}
.hero-copy>.poln-cta{margin-top:34px}
.poln-cta__arrow{display:inline-block;flex-shrink:0;font-family:Arial,sans-serif;font-size:1em;transition:transform 220ms ease}
.poln-cta:hover{transform:translate(-2px,-2px) rotate(0deg);box-shadow:var(--cta-shadow) var(--cta-shadow) 0 var(--blue)}
.poln-cta:hover .poln-cta__arrow{transform:translateX(4px)}
.poln-cta--filled-hover:hover{background:var(--blue);color:#fff;border-color:var(--blue)}
.poln-cta:active{transform:translate(3px,3px) rotate(0deg);box-shadow:2px 2px 0 var(--blue)}
.poln-cta:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
@media(max-width:1100px){.poln-cta--large{font-size:21px;padding:14px 23px;gap:12px}}
@media(max-width:600px){
 .poln-cta,.poln-cta--large{--cta-shadow:5px;padding:13px 23px;font-size:21px;gap:12px;white-space:normal;text-align:center}
 .poln-cta--small{font-size:19px;padding:12px 21px}
 .hero-copy>.poln-cta{margin-top:25px}
}
@media(prefers-reduced-motion:reduce){
 .poln-cta,.poln-cta:hover,.poln-cta:active,.poln-cta__arrow,.poln-cta:hover .poln-cta__arrow{transform:none;transition:none}
}
/* Moonblossom has wider glyphs: keep the hero label inside its capsule. */
@media(min-width:601px) and (max-width:800px){.poln-cta--large{font-size:17px;padding:14px 16px;gap:10px}}
@media(max-width:600px){.poln-cta,.poln-cta--large{font-size:18px;padding:13px 20px;gap:10px}}
/* Hero CTA: half-size visual requested, independent of contact CTA. */
.hero-copy>.poln-cta{zoom:.5;margin-top:68px}
@media(max-width:600px){.hero-copy>.poln-cta{margin-top:50px}}

#work-title{font-size:45px;text-transform:none;overflow-wrap:anywhere}

/* A centered, narrower wall of six projects. Text remains flush left. */
#work.work{width:min(76%,960px);margin-inline:auto;text-align:left}
#work .section-heading{display:block;margin-bottom:58px}
#work .section-heading>p{margin-top:20px;padding:0;max-width:440px;line-height:1.7}
#work .section-heading>p br{display:none}
#work .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 0;padding:28px 30px 28px;isolation:isolate;overflow:visible;align-items:start}
#work .project-card{--card-rotation:-2deg;position:relative;z-index:1;margin:0 -5px;top:0;border:1px solid rgb(0 0 255 / 18%);border-radius:4px;background:#fffefa;overflow:visible;transform:rotate(var(--card-rotation));transform-origin:center;box-shadow:0 0 0 #0000ff;transition:transform 260ms cubic-bezier(.2,.8,.2,1),box-shadow 260ms cubic-bezier(.2,.8,.2,1)}
#work .project-card:nth-child(2){--card-rotation:1deg;top:-20px;z-index:3}
#work .project-card:nth-child(3){--card-rotation:-1deg;top:8px;z-index:0}
#work .project-card:nth-child(4){--card-rotation:1.5deg;top:4px}
#work .project-card:nth-child(5){--card-rotation:-1deg;top:-16px;z-index:3}
#work .project-card:nth-child(6){--card-rotation:2deg;top:-6px}
#work .project-card>a{height:100%;border-radius:inherit}
#work .project-image{margin:14px 14px 0;aspect-ratio:1.35;border-radius:1px}
#work .project-image img{transform:none}
#work .project-info{padding:20px 18px 22px;min-height:164px}
#work .project-info h3{font-size:20px;letter-spacing:-.025em;line-height:1.25;margin:0 20px 10px 0;text-wrap:pretty}
#work .project-info p{font-size:12px;line-height:1.65;min-height:40px}
#work .project-index{right:16px;top:22px;font-size:10px}
#work .tag{font-size:10px;line-height:1.5;margin-top:15px;padding:3px 10px;border-color:rgb(0 0 255 / 25%)}
#work .card-arrow{width:30px;height:30px;font-size:20px;right:10px;bottom:10px}
#work .project-card:is(:nth-child(1),:nth-child(3),:nth-child(5))::before{content:'';position:absolute;z-index:2;left:calc(50% - 23px);top:-7px;width:48px;height:16px;background:rgb(0 0 255 / 10%);transform:rotate(-5deg);pointer-events:none}
#work .project-card:nth-child(1)::before{left:65%;transform:rotate(8deg)}
#work .project-card:nth-child(5)::before{left:38%;transform:rotate(-9deg)}
#work .project-card:nth-child(n):focus-within{transform:translateY(-6px) rotate(0deg) scale(1.04);box-shadow:8px 8px 0 #0000ff;z-index:20}
@media(hover:hover){#work .project-card:nth-child(n):hover{transform:translateY(-6px) rotate(0deg) scale(1.04);box-shadow:8px 8px 0 #0000ff;z-index:20}}
#work .work-end{padding-top:30px}
#work .hand-note{font-size:21px}
#work+.featured{width:min(76%,960px);margin-inline:auto}
@media(max-width:1100px){#work.work,#work+.featured{width:82%}#work .project-grid{gap:32px 0}#work .project-image{margin:11px 11px 0}#work .project-info{padding:18px 14px 20px}#work .project-info h3{font-size:18px}}
@media(max-width:900px){#work .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 0;padding-inline:18px}#work .project-card:nth-child(n){--card-rotation:-.7deg;margin:0 -2px;top:0;z-index:1}#work .project-card:nth-child(even){--card-rotation:.7deg;top:-10px;z-index:2}#work .project-info h3{font-size:20px}}
@media(max-width:600px){#work.work,#work+.featured{width:82%}#work .section-heading{margin-bottom:38px}#work .section-heading>p{font-size:14px}#work .project-grid{grid-template-columns:minmax(0,1fr);gap:38px;padding-inline:6px;max-width:330px;margin-inline:auto}#work .project-card:nth-child(n){--card-rotation:-1deg;margin:0;top:0;z-index:1}#work .project-card:nth-child(even){--card-rotation:1deg}#work .project-info{min-height:150px;padding:18px}#work .project-info p{min-height:0}#work .project-image{aspect-ratio:1.45;margin:14px 14px 0}#work .work-end{gap:24px}#work .hand-note{font-size:19px}}
@media(prefers-reduced-motion:reduce){#work .project-card,#work .project-card:nth-child(n):hover,#work .project-card:nth-child(n):focus-within{transform:none;transition:none}}

/* The same paper composition continues in the expandable group. */
#work{overflow-anchor:none}
#work .more-work{overflow:visible}
#work .more-work[hidden],#work .work-toggle[hidden]{display:none}
#work .more-work>.project-grid{padding-top:4px}
#work .more-work .project-card:nth-child(1){--card-rotation:1deg}
#work .more-work .project-card:nth-child(2){--card-rotation:-1.5deg}
#work .more-work .project-card:nth-child(3){--card-rotation:2deg}
#work .more-work .project-card:nth-child(4){--card-rotation:-1deg}
#work .more-work .project-card:nth-child(5){--card-rotation:1.5deg}
#work .more-work .project-card:nth-child(6){--card-rotation:-2deg}
#work .more-work .project-card::before{content:none}
#work .more-work .project-card:is(:nth-child(2),:nth-child(4),:nth-child(6))::before{content:'';position:absolute;z-index:2;left:calc(50% - 24px);top:-7px;width:48px;height:16px;background:rgb(0 0 255 / 10%);transform:rotate(-5deg);pointer-events:none}
#work .more-work .project-card:nth-child(4)::before{left:35%;transform:rotate(7deg)}
#work .more-work .project-card:nth-child(6)::before{left:65%;transform:rotate(-8deg)}
#work .work-end{display:grid;justify-content:stretch;justify-items:center;gap:30px}
#work .work-end .hand-note{justify-self:start;order:1}
#work .work-toggle{zoom:.3;margin-top:0;margin-bottom:0}
#work .work-toggle:hover .poln-cta__arrow{transform:translateY(3px)}
#work .work-toggle[aria-expanded=true]:hover .poln-cta__arrow{transform:translateY(-3px)}
@media(max-width:900px){#work .more-work .project-card:nth-child(n){--card-rotation:-.7deg}#work .more-work .project-card:nth-child(even){--card-rotation:.7deg}}
@media(max-width:600px){#work .more-work .project-card:nth-child(n){--card-rotation:-1deg}#work .more-work .project-card:nth-child(even){--card-rotation:1deg}}
@media(prefers-reduced-motion:reduce){#work .work-toggle .poln-cta__arrow{transform:none!important}}
@media(max-width:600px){.site-header{height:auto;min-height:132px;gap:4px 12px;padding-block:12px;align-content:center}.site-header>nav:not(.social-nav){order:3;width:100%;justify-content:space-between;gap:8px}.site-header .social-nav{display:flex;margin-left:auto;gap:8px}.site-header .social-nav a{padding:0}.site-header .social-nav a:after{display:none}}
.hero h1 .inline-illustration{display:inline-block;height:.85em;width:auto;max-width:none;vertical-align:-.04em;margin-inline:.08em;object-fit:contain}
/* Native Work rail: same cards and groups, desktop layout remains unchanged. */
.work-swipe-hint{display:none}
@media(max-width:900px){
 #work .work-rail{display:flex;align-items:stretch;gap:18px;width:121.9512195%;margin-inline:-10.97560975%;padding:24px 24px 36px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:24px;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom}
 #work .work-rail::-webkit-scrollbar{display:none}
 #work .work-rail .project-grid,#work .work-rail .more-work:not([hidden]){display:contents}
 #work .work-rail .more-work[hidden]{display:none}
 #work .work-rail .project-card:nth-child(n){flex:0 0 min(82vw,360px);max-width:360px;min-width:0;align-self:stretch;scroll-snap-align:start;scroll-margin:0;margin:0;top:0;--card-rotation:-1deg;transform:rotate(var(--card-rotation));box-shadow:none}
 #work .work-rail .project-card:nth-child(even){--card-rotation:1deg}
 #work .work-rail .project-card:nth-child(n):is(:hover,:focus-within){transform:rotate(var(--card-rotation));box-shadow:none}
 #work .work-rail:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}
 #work .work-swipe-hint{display:block;text-align:center;font-family:var(--hand);font-weight:400;font-size:17px;color:var(--blue);margin-top:8px}
}
@media(max-width:900px) and (prefers-reduced-motion:reduce){
 #work .work-rail{scroll-behavior:auto}
 #work .work-rail .project-card:nth-child(n),#work .work-rail .project-card:nth-child(n):is(:hover,:focus-within){transform:none;transition:none}
}