:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-display:"Syne";--font-body:"Manrope";--font-mono:"DM Mono";--ink:#181817;--paper:#f3f0e9;--white:#fbfaf6;--violet:#9b89ff;--blue:#3977ef;--coral:#ff725d;--lime:#c9f45c;--violet-soft:#b7aaff;--blue-soft:#81b5ff;--coral-soft:#ffad86;--lime-soft:#efffa2;--line:#18181738;--ink-soft:#181817a8;--accent:var(--coral);--panel:#181817;--panel-ink:#f3f0e9;--panel-soft:#f3f0e99e;--panel-line:#f3f0e94d;--artwork-ink:#181817;--artwork-fallback:#ddd;--scrim:#181817e0;--scrim-ink:#f3f0e9;--surface-footer:var(--coral);--surface-contact:var(--violet);--surface-resume:var(--blue);--surface-principles:var(--lime);--surface-portrait:var(--violet)}[data-theme=light]{--ink:#1c1c1b;--paper:#fbfbfa;--white:#fff;--violet:#dddbd3;--blue:#d5d8da;--coral:#e6ded4;--lime:#e2e5d8;--violet-soft:#edebe5;--blue-soft:#e9ebec;--coral-soft:#f2ede6;--lime-soft:#f0f2e8;--line:#1c1c1b24;--ink-soft:#1c1c1b99;--accent:#a7a297;--panel:#f1f0ed;--panel-ink:#1c1c1b;--panel-soft:#1c1c1b94;--panel-line:#1c1c1b24;--artwork-ink:#1c1c1b;--artwork-fallback:#e8e7e4;--scrim:#1c1c1bd9;--scrim-ink:#fbfbfa;--surface-footer:#f1f0ed;--surface-contact:#f5f4f1;--surface-resume:#f1f0ed;--surface-principles:#f5f4f1;--surface-portrait:#e9e8e4}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e8e6df;--paper:#131312;--white:#1b1b19;--violet:#575077;--blue:#33517a;--coral:#95513f;--lime:#68713c;--violet-soft:#6b6390;--blue-soft:#436795;--coral-soft:#ac6750;--lime-soft:#828c4e;--line:#e8e6df2e;--ink-soft:#e8e6df99;--accent:#cf7a5f;--panel:#1d1d1b;--panel-ink:#e8e6df;--panel-soft:#e8e6df94;--panel-line:#e8e6df2e;--artwork-ink:#eceade;--artwork-fallback:#242422;--scrim:#000000b8;--scrim-ink:#e8e6df;--surface-footer:#1d1d1b;--surface-contact:#181817;--surface-resume:#1b1b19;--surface-principles:#181817;--surface-portrait:#232321}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-body),sans-serif;margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-shell{min-height:100vh;overflow:hidden}.frame{width:min(100% - 64px,1360px);margin-inline:auto}.site-header{z-index:20;border-bottom:1px solid var(--line);background:var(--paper);position:relative}.nav{justify-content:space-between;align-items:center;gap:32px;min-height:84px;display:flex}.brand{font-family:var(--font-display);align-items:center;gap:12px;font-size:1.2rem;font-weight:700;display:flex}.brand-mark{background:var(--ink);width:34px;height:34px;color:var(--paper);font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:.7rem;display:grid}.nav-links{align-items:center;gap:34px;font-size:.84rem;display:flex}.nav-links a{transition:opacity .2s}.nav-links a:hover{opacity:.5}.nav-contact{border:1px solid var(--ink);border-radius:999px;padding:11px 17px}.mobile-menu{display:none}.home-hero{align-items:stretch;min-height:calc(100svh - 85px);display:flex}.hero-layout{grid-template-rows:auto 1fr auto;padding:54px 0 38px;display:grid;position:relative}.hero-intro{width:370px;margin:0 0 60px auto;font-size:.98rem;line-height:1.55}.hero-title-wrap{align-self:center;position:relative}.hero-title-wrap h1{font-family:var(--font-display);letter-spacing:-.07em;margin:0;font-size:clamp(4.7rem,11.3vw,10.8rem);font-weight:600;line-height:.78}.hero-scribble{color:var(--accent);font-size:clamp(4rem,9vw,9rem);position:absolute;top:-16%;right:9%;transform:rotate(12deg)}.hero-bottom{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:end;margin-top:80px;font-size:.66rem;line-height:1.6;display:flex}.hero-bottom p{margin:0}.micro-label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.68rem;line-height:1.5}.featured-work{background:var(--panel);color:var(--panel-ink);padding:118px 0}.section-intro{grid-template-columns:1fr 2fr;margin-bottom:90px;display:grid}.section-intro h2{font-family:var(--font-display);letter-spacing:-.055em;margin:0;font-size:clamp(2.8rem,5.4vw,5.7rem);font-weight:500;line-height:.94}.project-list{width:min(100% - 64px,1360px);margin-inline:auto}.project-card{border-top:1px solid var(--panel-line);padding:24px 0 88px}.project-card a{display:block}.project-visual{height:min(60vw,700px);margin-left:25%;overflow:hidden}.artwork{isolation:isolate;width:100%;height:100%;min-height:340px;color:var(--artwork-ink);background:var(--artwork-fallback);position:relative;overflow:hidden}.artwork--violet{background:linear-gradient(135deg,var(--violet-soft),var(--violet))}.artwork--blue{background:linear-gradient(135deg,var(--blue-soft),var(--blue))}.artwork--coral{background:linear-gradient(135deg,var(--coral-soft),var(--coral))}.artwork--lime{background:linear-gradient(135deg,var(--lime-soft),var(--lime))}.artwork:before{content:"";background:var(--paper);mix-blend-mode:soft-light;border-radius:48% 52% 65% 35%/55% 45%;width:60%;height:80%;position:absolute;top:10%;left:22%;transform:rotate(-13deg)}.artwork-orbit{opacity:.8;border:2px solid;border-radius:50%;position:absolute}.artwork-orbit--one{aspect-ratio:1;width:58%;top:7%;left:-12%}.artwork-orbit--two{aspect-ratio:1;border-style:dashed;width:38%;bottom:-12%;right:8%}.artwork-code{font:500 .65rem var(--font-mono);letter-spacing:.08em;position:absolute;top:22px;left:24px}.artwork-name{font:600 clamp(2rem,6vw,6rem) var(--font-display);letter-spacing:-.06em;position:absolute;bottom:16px;left:24px}.project-card-copy{grid-template-columns:1fr 2fr 1fr;gap:24px;padding-top:22px;display:grid}.project-card-copy h2{font:500 clamp(2rem,4vw,4.8rem)/.95 var(--font-display);letter-spacing:-.055em;margin:0 0 10px}.project-card-copy p{max-width:580px;color:var(--panel-soft);margin:0;line-height:1.55}.project-number,.project-meta{font:400 .67rem var(--font-mono);text-transform:uppercase;letter-spacing:.05em}.project-meta{justify-content:space-between;gap:12px;display:flex}.all-work-link{justify-content:flex-end;display:flex}.all-work-link a,.text-link{border-bottom:1px solid;padding-bottom:7px}.home-about{padding:140px 0}.home-about-grid{grid-template-columns:1fr 1.5fr .75fr;gap:7%;display:grid}.home-about h2{font:500 clamp(2.6rem,5vw,5.5rem)/.95 var(--font-display);letter-spacing:-.055em;margin:0 0 42px}.home-about h2+p{max-width:620px;margin:0 0 32px;font-size:1.1rem;line-height:1.7}.practice-list{font-family:var(--font-mono);text-transform:uppercase;flex-direction:column;align-self:end;gap:0;font-size:.72rem;display:flex}.practice-list span{border-top:1px solid var(--line);padding:14px 0}.site-footer{background:var(--surface-footer);padding:92px 0 28px}.footer-grid{grid-template-columns:3fr 1fr;gap:60px;display:grid}.footer-kicker{font:400 .7rem var(--font-mono);text-transform:uppercase}.footer-title{max-width:900px;font:600 clamp(3rem,7vw,7.5rem)/.9 var(--font-display);letter-spacing:-.06em;border-bottom:5px solid var(--ink);display:inline-block}.footer-links{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:12px;font-size:.85rem;display:flex}.footer-meta{border-top:1px solid var(--line);font:400 .62rem var(--font-mono);text-transform:uppercase;justify-content:space-between;margin-top:100px;padding-top:20px;display:flex}.page-hero{padding:105px 0 120px}.page-hero .micro-label{margin-bottom:70px}.page-hero h1{font:600 clamp(4rem,9vw,9.5rem)/.85 var(--font-display);letter-spacing:-.07em;margin:0}.page-deck{width:min(530px,100%);transition:margin-top var(--portfolio-title-collapse-ms,.65s) ease;margin:55px 0 0 auto;font-size:1.05rem;line-height:1.7}.page-hero+.project-list{color:var(--ink)}.page-hero+.project-list .project-card{border-color:var(--line)}.page-hero+.project-list .project-card-copy p{color:var(--ink-soft)}.case-hero{padding:55px 0 100px}.back-link{font:400 .68rem var(--font-mono);text-transform:uppercase;margin-bottom:85px;display:inline-block}.case-title-row{grid-template-columns:2fr 1fr;align-items:end;gap:8%;margin-bottom:58px;display:grid}.case-title-row h1{font:600 clamp(4.6rem,10vw,10rem)/.82 var(--font-display);letter-spacing:-.07em;margin:12px 0 0}.case-title-row>p{font-size:1rem;line-height:1.65}.case-cover{height:min(70vw,820px)}.case-intro{grid-template-columns:1fr 1.5fr 1fr;gap:6%;padding:80px 0 30px;display:grid}.case-lede{letter-spacing:-.025em;margin:0;font-size:clamp(1.35rem,2.2vw,2.15rem);line-height:1.4}.case-intro dl{margin:0}.case-intro dl div{border-top:1px solid var(--line);padding:12px 0 18px}.case-intro dt{font:400 .63rem var(--font-mono);text-transform:uppercase;margin-bottom:7px}.case-intro dd{margin:0;font-size:.83rem;line-height:1.5}.case-blocks{padding-bottom:100px}.case-text{border-top:1px solid var(--line);grid-template-columns:1fr 1.5fr 1fr;gap:6%;padding:130px 0;display:grid}.case-text h2{font:500 clamp(2.6rem,5vw,5.5rem)/.95 var(--font-display);letter-spacing:-.055em;margin:0}.case-text>p:last-child{margin:0;line-height:1.75}.case-media{min-height:600px;font:400 .65rem var(--font-mono);text-transform:uppercase;justify-content:space-between;align-items:flex-end;padding:24px;display:flex;position:relative;overflow:hidden}.case-media:before,.portrait-placeholder:before{content:"";aspect-ratio:1;border:2px solid;border-radius:50%;width:55%;position:absolute;top:12%;left:22%}.case-media--violet{background:var(--violet)}.case-media--blue{background:var(--blue)}.case-media--coral{background:var(--coral)}.case-media--lime{background:var(--lime)}.case-media--square{aspect-ratio:1;min-height:0}.case-media--portrait{aspect-ratio:3/4;min-height:0}.case-media span{position:relative}.case-gallery{grid-template-columns:1fr 1fr;gap:20px;margin:20px 0;display:grid}.case-quote{text-align:center;margin:0;padding:130px 8%}.case-quote blockquote{font:500 clamp(2.8rem,6vw,6.2rem)/.96 var(--font-display);letter-spacing:-.055em;margin:0}.case-quote figcaption{font:.68rem var(--font-mono);text-transform:uppercase;margin-top:28px}.case-stats{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:80px 0;display:grid}.case-stats div{border-right:1px solid var(--line);padding:30px}.case-stats div:last-child{border:0}.case-stats dt{font:500 clamp(2.8rem,5vw,5rem) var(--font-display)}.case-stats dd{font:.67rem var(--font-mono);text-transform:uppercase;margin:8px 0 0}.case-pagination{background:var(--panel);color:var(--panel-ink);grid-template-columns:1fr 1fr;display:grid}.case-pagination a{flex-direction:column;gap:16px;padding:70px max(32px,50vw - 680px);display:flex}.case-pagination a+a{border-left:1px solid var(--panel-line);text-align:right}.case-pagination span{font:.65rem var(--font-mono);text-transform:uppercase}.case-pagination strong{font:500 clamp(2rem,4vw,4rem) var(--font-display)}.about-story{padding:0 0 140px}.about-story-grid{grid-template-columns:1fr 1fr;align-items:start;gap:8%;display:grid}.portrait-placeholder{aspect-ratio:4/5;background:var(--surface-portrait);font:.7rem var(--font-mono);text-align:center;text-transform:uppercase;place-items:center;display:grid;position:relative;overflow:hidden}.portrait-placeholder span{position:relative}.about-copy{padding-top:30px}.about-copy p{line-height:1.75}.about-copy .about-lede{letter-spacing:-.03em;font-size:clamp(1.5rem,2.5vw,2.4rem);line-height:1.4}.principles{background:var(--surface-principles);padding:100px 0 120px}.principle-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:80px;display:grid}.principle-grid article{border-top:1px solid var(--ink);padding-top:18px}.principle-grid span{font:.65rem var(--font-mono)}.principle-grid h2{font:500 clamp(2rem,3vw,3.3rem)/1 var(--font-display);letter-spacing:-.05em}.principle-grid p{line-height:1.65}.resume-hero{background:var(--surface-resume)}.pill-link{border:1px solid var(--ink);border-radius:99px;margin-top:55px;padding:13px 18px;font-size:.8rem;display:inline-block}.resume-section{padding:110px 0}.resume-heading{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:end;padding-bottom:18px;display:flex}.resume-heading h2{font:500 3rem var(--font-display);margin:0}.resume-heading p{font:.65rem var(--font-mono);text-transform:uppercase;margin:0}.resume-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.5fr 2fr;gap:5%;padding:30px 0;display:grid}.resume-row time{font:.68rem var(--font-mono)}.resume-row h3{font:500 1.3rem var(--font-display);margin:0}.resume-row p{margin:5px 0 0;line-height:1.6}.resume-row>p{color:var(--ink-soft)}.resume-heading--second{margin-top:100px}.capability-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.capability-grid p{line-height:2}.contact-page{background:var(--surface-contact);min-height:calc(100svh - 85px);padding:80px 0}.contact-layout{grid-template-columns:.6fr 2.2fr .8fr;align-items:start;gap:5%;display:grid}.contact-layout h1{font:600 clamp(3.7rem,8vw,8.3rem)/.86 var(--font-display);letter-spacing:-.07em;margin:0}.contact-email{border-bottom:2px solid var(--ink);margin-top:55px;padding-bottom:6px;font-size:1.1rem;display:inline-block}.contact-layout aside{align-self:end}.contact-layout aside p{line-height:1.65}.contact-layout aside div{flex-direction:column;gap:8px;margin-top:30px;font-size:.85rem;display:flex}@media (max-width:800px){.frame,.project-list{width:min(100% - 32px,1360px)}.nav{min-height:68px}.nav-links{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{font-size:.8rem;list-style:none}.mobile-menu[open] nav{background:var(--panel);color:var(--panel-ink);flex-direction:column;gap:14px;min-width:160px;padding:20px;display:flex;position:absolute;top:30px;right:0}.home-hero{min-height:calc(100svh - 69px)}.hero-layout{padding-top:30px}.hero-intro{width:75%;margin-left:auto}.hero-title-wrap h1{font-size:clamp(4rem,20vw,7rem);line-height:.82}.hero-scribble{right:0}.hero-bottom{margin-top:60px}.section-intro,.home-about-grid,.case-title-row,.case-intro,.case-text,.about-story-grid,.contact-layout{grid-template-columns:1fr}.section-intro{gap:34px}.featured-work{padding:80px 0}.project-card{padding-bottom:64px}.project-visual{height:110vw;max-height:620px;margin:0}.project-card-copy{grid-template-columns:40px 1fr}.project-meta{grid-column:2;justify-content:flex-start}.home-about{padding:90px 0}.home-about-grid{gap:35px}.footer-grid{grid-template-columns:1fr}.footer-title{border-bottom-width:3px}.footer-meta{flex-direction:column;gap:8px;margin-top:65px}.page-hero{padding:75px 0 90px}.page-hero .micro-label{margin-bottom:50px}.page-deck{margin-left:0}.case-title-row{gap:25px}.case-cover{height:110vw}.case-intro{gap:32px}.case-text{gap:30px;padding:85px 0}.case-gallery{grid-template-columns:1fr}.case-media{min-height:80vw}.case-media--square{min-height:0}.case-stats{grid-template-columns:1fr}.case-stats div{border-right:0;border-bottom:1px solid var(--line)}.case-pagination a{padding:42px 20px}.about-story-grid{gap:40px}.principle-grid{grid-template-columns:1fr}.resume-row{grid-template-columns:1fr;gap:10px}.capability-grid{grid-template-columns:1fr}.contact-layout{gap:50px;min-height:calc(100svh - 230px)}.contact-layout aside{align-self:auto}}.artwork--image img,.case-media--image img,.portrait-placeholder--image img{object-fit:cover}.artwork--image:before,.case-media--image:before,.portrait-placeholder--image:before{display:none}.case-media--image span{z-index:2;background:var(--scrim);color:var(--scrim-ink);padding:7px 9px}.draft-toolbar{z-index:9999;background:var(--panel);color:var(--panel-ink);font:500 .68rem var(--font-mono);text-transform:uppercase;border-radius:999px;align-items:center;gap:18px;padding:9px 10px 9px 15px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000038}.draft-toolbar a{background:var(--lime);color:var(--ink);border-radius:999px;padding:7px 11px}.cms-setup{background:var(--violet);place-items:center;min-height:100vh;padding:32px;display:grid}.cms-setup>div{width:min(720px,100%)}.cms-setup h1{font:600 clamp(3rem,7vw,7rem)/.9 var(--font-display);letter-spacing:-.06em;margin:22px 0}.cms-setup p{max-width:640px;line-height:1.7}.cms-setup code{background:#ffffff73;padding:2px 5px}.cms-setup a{border-bottom:1px solid;margin-top:20px;padding-bottom:5px;display:inline-block}.home-hero{min-height:0}.home-kicker{justify-content:space-between;align-items:flex-start;gap:32px;display:flex}.home-kicker .hero-intro{width:350px;margin:0;font-size:.9rem}.home-hero .hero-layout{padding:34px 0 42px}.home-hero .hero-title-wrap{align-self:auto;margin-top:62px}.home-hero .hero-title-wrap h1{font-size:clamp(3.2rem,6vw,6.4rem);line-height:.84}.home-hero .hero-bottom{margin-top:48px}.hero-scroll{transition:opacity .2s}.hero-scroll:hover{opacity:.55}.work-count{max-width:150px;color:var(--panel-soft);font:400 .67rem/1.55 var(--font-mono);text-transform:uppercase;letter-spacing:.05em;margin:34px 0 0}.work-header{grid-template-columns:1fr auto;align-items:end;gap:32px;margin-bottom:58px;display:grid}.work-header h2{font:500 clamp(1.8rem,3vw,3.2rem)/1 var(--font-display);letter-spacing:-.05em;margin:0}.project-list--grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 20px;display:grid}.project-list--grid .project-card{border-top:0;padding:0}.project-list--grid .project-visual{aspect-ratio:1.18;height:auto;margin:0}.project-list--grid .artwork{min-height:0}.project-list--grid .project-card-copy{grid-template-columns:28px minmax(0,1fr) auto;align-items:baseline;gap:8px 12px;padding-top:14px}.project-list--grid .project-card-copy h2{margin:0;font-size:clamp(1.35rem,2vw,2.1rem)}.project-list--grid .project-card-copy p{display:none}.project-list--grid .project-meta{grid-column:3;justify-content:flex-end;gap:10px;margin:0}.project-card--grid .project-visual{transition:transform .45s cubic-bezier(.2,.7,.2,1)}.project-card--grid:hover .project-visual{transform:translateY(-6px)}.portfolio-hero{padding:0}.portfolio-title-shell{--portfolio-title-collapse-ms:.65s;--portfolio-title-caret-ms:.65s}.portfolio-intro{transition:padding var(--portfolio-title-collapse-ms) cubic-bezier(.2,.7,.2,1), column-gap var(--portfolio-title-collapse-ms) cubic-bezier(.2,.7,.2,1);grid-template-columns:minmax(0,1fr) minmax(300px,430px);align-items:end;column-gap:48px;padding:105px 0 120px;display:grid}.portfolio-intro .micro-label{transition:margin var(--portfolio-title-collapse-ms) cubic-bezier(.2,.7,.2,1);grid-area:1/1/auto/-1;margin:0 0 70px}.portfolio-title{transition:font-size var(--portfolio-title-collapse-ms) cubic-bezier(.2,.7,.2,1), line-height var(--portfolio-title-collapse-ms) cubic-bezier(.2,.7,.2,1), letter-spacing var(--portfolio-title-collapse-ms) cubic-bezier(.2,.7,.2,1), max-width var(--portfolio-title-collapse-ms) cubic-bezier(.2,.7,.2,1);grid-area:2/1/auto/-1;overflow:visible}.portfolio-title-word{white-space:nowrap;display:inline-block}.portfolio-title-letter{white-space:pre;opacity:1;transition:opacity .18s,transform .18s;display:inline-block;transform:translateY(0)}.portfolio-title-shell--printing .portfolio-title-letter{opacity:0;transform:translateY(.35em)}.portfolio-title-shell--printing .portfolio-title-letter--visible{opacity:1;transform:translateY(0)}.portfolio-intro .page-deck{width:100%;transition:margin var(--portfolio-title-collapse-ms) cubic-bezier(.2,.7,.2,1), font-size var(--portfolio-title-collapse-ms) cubic-bezier(.2,.7,.2,1), line-height var(--portfolio-title-collapse-ms) cubic-bezier(.2,.7,.2,1);grid-area:3/2;margin:55px 0 0}.portfolio-title-shell--collapsed{padding:34px 0 30px}.portfolio-title-shell--collapsed .micro-label{margin-bottom:14px}.portfolio-title-shell--collapsed .portfolio-title{letter-spacing:-.055em;grid-column:1;max-width:860px;font-size:clamp(2.35rem,3.4vw,3.6rem);line-height:.94}.portfolio-title-shell--collapsed .page-deck{grid-area:2/2;align-self:end;width:100%;margin:0;font-size:.88rem;line-height:1.55}.portfolio-title-caret{background:var(--accent);vertical-align:-.04em;width:.07em;height:.78em;animation:portfolio-caret-blink var(--portfolio-title-caret-ms) steps(1,end) infinite;margin-left:.12em;display:inline-block}.portfolio-title-shell--collapsed .portfolio-title-caret{display:none}@keyframes portfolio-caret-blink{50%{opacity:0}}@media (max-width:1100px){.portfolio-title-shell--collapsed{column-gap:34px}.portfolio-title-shell--collapsed .portfolio-title{font-size:clamp(2.2rem,4.4vw,3.5rem)}.project-list--grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.home-kicker{display:block}.home-kicker .hero-intro{width:75%;margin:22px 0 0 auto}.home-hero .hero-layout{padding-top:30px}.home-hero .hero-title-wrap{margin-top:58px}.home-hero .hero-title-wrap h1{font-size:clamp(3rem,14vw,5.4rem)}.home-hero .hero-bottom{margin-top:48px}.work-count{margin-top:22px}.work-header{grid-template-columns:1fr;gap:22px;margin-bottom:40px}.portfolio-intro{grid-template-columns:1fr;padding:75px 0 90px}.portfolio-intro .micro-label{grid-column:1;margin-bottom:50px}.portfolio-intro .portfolio-title{grid-column:1}.portfolio-intro .page-deck{grid-area:3/1;width:min(100%,36rem);margin:40px 0 0}.portfolio-title-shell--collapsed{padding:26px 0 24px}.portfolio-title-shell--collapsed .micro-label{margin-bottom:12px}.portfolio-title-shell--collapsed .portfolio-title{font-size:clamp(2rem,9vw,3.4rem)}.portfolio-title-shell--collapsed .page-deck{grid-area:3/1;margin-top:16px;font-size:.84rem}.project-list--grid{grid-template-columns:1fr;gap:58px}.project-list--grid .project-card-copy{grid-template-columns:28px minmax(0,1fr)}.project-list--grid .project-card-copy h2{font-size:clamp(1.7rem,8vw,2.6rem)}.project-list--grid .project-meta{grid-column:2;justify-content:flex-start;gap:14px;margin-top:2px}}.portfolio-groups{padding-bottom:100px}.portfolio-group{border-top:1px solid var(--line);padding:54px 0 82px}.portfolio-group-header{grid-template-columns:170px minmax(0,1fr) 22px;align-items:start;gap:24px;margin-bottom:34px;display:grid}.portfolio-group-header h2{font:500 clamp(2.3rem,4vw,4.7rem)/.92 var(--font-display);letter-spacing:-.055em;margin:0 0 12px}.portfolio-group-header div p{max-width:500px;margin:0;font-size:.9rem;line-height:1.6}.portfolio-group-marker{background:var(--ink);border-radius:50%;width:18px;height:18px;margin-top:5px}.portfolio-group--violet .portfolio-group-marker{background:var(--violet)}.portfolio-group--blue .portfolio-group-marker{background:var(--blue)}.portfolio-group--coral .portfolio-group-marker{background:var(--coral)}.portfolio-group--lime .portfolio-group-marker{background:var(--lime)}.portfolio-group .project-list{width:100%}.portfolio-group .project-list--grid{gap:32px 20px}.portfolio-group .project-list--grid .project-visual{aspect-ratio:1.35}.portfolio-group .project-list--grid .project-card-copy h2{font-size:clamp(1.25rem,1.8vw,2rem)}.portfolio-group .project-list--grid .project-card-copy{padding-top:12px}@media (max-width:800px){.portfolio-groups{padding-bottom:55px}.portfolio-group{padding:34px 0 58px}.portfolio-group-header{grid-template-columns:1fr auto;gap:18px;margin-bottom:24px}.portfolio-group-header .micro-label,.portfolio-group-header div{grid-column:1/-1}.portfolio-group-header h2{font-size:clamp(2.2rem,10vw,3.5rem)}.portfolio-group-marker{grid-area:2/2}}.portfolio-template{width:min(100% - 64px,1360px);margin:0 auto;padding:84px 0 120px}.portfolio-template-intro{grid-template-columns:1fr 1fr;align-items:end;gap:28px 8%;padding-bottom:70px;display:grid}.portfolio-template-intro .micro-label{grid-column:1/-1}.portfolio-template-intro h1{max-width:760px;font:600 clamp(3rem,7vw,7.5rem)/.88 var(--font-display);letter-spacing:-.065em;margin:0}.portfolio-template-intro>p:last-child{max-width:420px;margin:0 0 8px;line-height:1.7}.portfolio-template-card{border:1px solid var(--line);background:var(--white);padding:20px}.portfolio-template-card-top,.portfolio-template-facts{justify-content:space-between;align-items:center;gap:16px;display:flex}.portfolio-template-dot{background:var(--coral);border-radius:50%;width:16px;height:16px}.portfolio-template-art{aspect-ratio:1.7;background:linear-gradient(135deg,var(--violet),var(--coral));place-items:end start;margin:22px 0;padding:26px;display:grid;overflow:hidden}.portfolio-template-art span{font:500 clamp(2.8rem,7vw,7rem)/.86 var(--font-display);letter-spacing:-.06em}.portfolio-template-card-copy{grid-template-columns:1fr 1fr;align-items:end;gap:28px;display:grid}.portfolio-template-card-copy h2{font:500 clamp(2rem,4vw,4rem)/.92 var(--font-display);letter-spacing:-.055em;margin:8px 0 0}.portfolio-template-card-copy>p{max-width:430px;margin:0;line-height:1.6}.portfolio-template-facts{border-top:1px solid var(--line);font:400 .65rem var(--font-mono);text-transform:uppercase;letter-spacing:.04em;margin-top:22px;padding-top:14px}.portfolio-template-guide{border-bottom:1px solid var(--line);grid-template-columns:1fr 2fr;gap:8%;padding:100px 0;display:grid}.portfolio-template-guide h2{max-width:480px;font:500 clamp(2.2rem,4.5vw,4.8rem)/.92 var(--font-display);letter-spacing:-.055em;margin:0}.portfolio-template-fields{grid-template-columns:1fr 1fr;gap:0 28px;display:grid}.portfolio-template-fields article{border-top:1px solid var(--line);padding:16px 0 24px}.portfolio-template-fields article p:not(.micro-label){margin:12px 0 20px;line-height:1.55}.portfolio-template-fields strong{font-size:.82rem}.portfolio-template-blocks{padding-top:28px}.portfolio-template-blocks>div{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.portfolio-template-blocks span{border:1px solid var(--line);border-radius:999px;padding:10px 13px;font-size:.78rem}@media (max-width:800px){.portfolio-template{width:min(100% - 32px,1360px);padding:54px 0 75px}.portfolio-template-intro,.portfolio-template-card-copy,.portfolio-template-guide{grid-template-columns:1fr;gap:26px}.portfolio-template-intro{padding-bottom:44px}.portfolio-template-intro h1{font-size:clamp(3rem,14vw,5.5rem)}.portfolio-template-guide{padding:62px 0}.portfolio-template-fields{grid-template-columns:1fr}}.theme-switch{border:1px solid var(--line);background:var(--white);font:500 .62rem var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border-radius:999px;grid-template-columns:repeat(3,1fr);padding:3px;display:grid;position:relative}.theme-switch-thumb{background:var(--ink);border-radius:999px;width:calc(33.3333% - 2px);transition:transform .3s cubic-bezier(.2,.7,.2,1);position:absolute;top:3px;bottom:3px;left:3px}.theme-switch button{z-index:1;cursor:pointer;color:var(--ink);opacity:.55;background:0 0;border:0;border-radius:999px;padding:8px 14px;transition:color .25s,opacity .25s;position:relative}.theme-switch button[aria-pressed=true]{color:var(--paper);opacity:1}.theme-switch button:hover{opacity:1}@media (max-width:800px){.theme-switch{font-size:.58rem}.theme-switch button{padding:7px 9px}}
