:root{--navy:#202941;--navy-soft:#2d3b5c;--cream:#e8e4d6;--paper:#f4f1e9;--surface:#faf8f3;--muted:#697082;--rule:#20294135;--rule-inverse:#e8e4d650;--sage:#c7cec2;--apricot:#dcb99e;--shadow-card:0 10px 28px #2029411a;--serif:var(--font-playfair);--sans:var(--font-lato);--fs-display:clamp(48px, 6.2vw, 92px);--fs-1:clamp(40px, 5.2vw, 76px);--fs-2:clamp(32px, 3.8vw, 54px);--fs-3:clamp(24px, 2.4vw, 34px);--fs-lead:20px;--fs-body:16px;--fs-small:14px;--fs-label:12px;--fs-figure-lg:clamp(48px, 5vw, 72px);--fs-figure:clamp(26px, 2.4vw, 34px);--fs-figure-sm:clamp(18px, 1.5vw, 22px);--fs-card-title:clamp(20px, 1.9vw, 26px);--fs-card-title-lg:clamp(26px, 2.7vw, 38px);--timeline-dot:11px;--tracking-label:.12em;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;--s-10:128px;--section-y:clamp(64px, 8vw, 96px);--gutter:clamp(24px, 5vw, 80px);--aside:clamp(220px, 24vw, 320px);--col-gap:clamp(32px, 6vw, 96px);--radius-sm:12px;--radius-md:24px;--radius-lg:40px;--radius-arch:160px;--radius-pill:999px;--control-height:44px}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:var(--muted) var(--paper);scrollbar-gutter:stable;scroll-padding-top:120px}body{color:var(--navy);background:var(--paper);font:var(--fs-body)/1.75 var(--sans);margin:0}::selection{background:var(--navy);color:var(--cream)}a{color:inherit;text-underline-offset:5px;cursor:pointer}a:hover{text-decoration-thickness:2px}a:focus-visible,input:focus-visible+label{outline-offset:6px;border-radius:var(--radius-sm);outline:2px solid}h1,h2,h3,p{margin:0}p+p{margin-top:var(--s-4)}h1,h2{font-family:var(--serif);letter-spacing:-.012em;text-wrap:balance;font-weight:400;line-height:1.08}.icon{stroke-width:1.75px;flex:none;width:1.1em;height:1.1em}h1{font-size:var(--fs-1)}h2{font-size:var(--fs-2)}h3{line-height:1.25}img{max-width:100%;height:auto}figure{margin:0}body *{font-variant-numeric:lining-nums!important}figcaption{font:var(--fs-label)/1.5 var(--sans);padding:var(--s-3) var(--s-4);background:var(--cream);color:var(--navy)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:var(--muted);border:3px solid var(--paper);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--navy)}.eyebrow,.hero-keywords,.brand span,legend,.filter-options label,.card-top,.case-link,.back,.step-number,.project-facts dt,.pagination-label,.meta,.find-me h3,.about-subheading,.image-suggestion-label,.stat-context,.text-action{font:600 var(--fs-label)/1.5 var(--sans);letter-spacing:var(--tracking-label);text-transform:uppercase}.eyebrow{margin-bottom:var(--s-4)}.wrap,.section{max-width:1440px;padding-inline:var(--gutter);margin-inline:auto}.section{padding-block:var(--section-y)}.split{grid-template-columns:var(--aside) minmax(0,1fr);column-gap:var(--col-gap);align-items:start;display:grid}.split>.section-heading{margin-bottom:var(--s-7);grid-column:1/-1}.split>.section-heading h2{max-width:22ch}.split-aside{grid-column:1;min-width:0}.split-main{grid-column:2;min-width:0}.body-copy{max-width:65ch}.band{padding-block:var(--section-y)}.band,.home-hero,.contact{padding-inline:max(var(--gutter),calc((100% - 1440px)/2 + var(--gutter)))}.band-cream{background:var(--cream)}.band-cream figcaption{background:var(--paper)}.band-navy{background:var(--navy);color:var(--cream);--rule:var(--rule-inverse)}.links{gap:var(--s-3) var(--s-6);margin-top:var(--s-5);flex-wrap:wrap;display:flex}.links a{font-size:var(--fs-small);min-height:var(--control-height);align-items:center;gap:var(--s-1);display:inline-flex}.metric strong{font:400 var(--fs-figure)/1.15 var(--serif);display:block}.metric span{font-size:var(--fs-label);margin-top:var(--s-2);line-height:1.6;display:block}.metric .stat-context{margin-top:var(--s-1)}.metric-card strong{font-size:var(--fs-figure-sm);line-height:1.2}.metric-result strong{font-size:var(--fs-figure-lg);white-space:nowrap;line-height:1}.metric-result span{margin-top:var(--s-4)}.skip{top:-100px;left:var(--s-5);z-index:30;padding:var(--s-3) var(--s-4);background:var(--navy);color:var(--cream);border-radius:var(--radius-pill);position:fixed}.skip:focus{top:var(--s-3)}.site-header{z-index:20;background:var(--paper);border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:var(--s-5);padding:var(--s-4) var(--gutter);display:flex;position:sticky;top:0}.brand{font-size:var(--fs-small);font-weight:600;line-height:1.4;text-decoration:none}.brand span{margin-top:var(--s-1);font-weight:400;display:block}.site-header nav{width:auto;height:auto;color:inherit;gap:var(--s-1);padding:var(--s-1);background:0 0;border:0;margin:0;display:flex;position:static;inset:auto;overflow:visible}.site-header nav a{min-height:var(--control-height);padding:0 var(--s-4);font-size:var(--fs-small);border-radius:var(--radius-pill);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.site-header nav a:hover{background:var(--cream)}.menu-toggle{width:var(--control-height);height:var(--control-height);margin-right:calc(-1 * var(--s-2));border-radius:var(--radius-pill);color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:none}.menu-toggle:focus-visible{outline-offset:2px;outline:2px solid}.menu-toggle .icon{width:24px;height:24px}.menu-close,.site-header:has(nav:popover-open) .menu-open{display:none}.site-header:has(nav:popover-open) .menu-close{display:block}.text-action{align-items:center;gap:var(--s-5);min-height:var(--control-height);margin-top:var(--s-5);padding:0 var(--s-6);border:1px solid var(--navy);border-radius:var(--radius-pill);background:var(--navy);color:var(--cream);text-decoration:none;transition:background-color .2s,color .2s;display:inline-flex}.text-action:hover{color:var(--navy);background:0 0}.text-action:focus-visible{outline-color:var(--navy)}.home-hero{gap:var(--s-5) var(--col-gap);padding-block:var(--s-8);grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr;align-items:start;display:grid}.hero-identity h1{font-size:var(--fs-display);line-height:1}.hero-copy{grid-area:2/1;align-self:start;max-width:48ch}.hero-keywords{margin-bottom:var(--s-4);text-wrap:balance}.hero-keywords span{white-space:nowrap}.hero-work{grid-area:1/2/span 2;align-self:stretch}.hero-work .project-visual{border-radius:var(--radius-arch) var(--radius-arch) var(--radius-md) var(--radius-md);background:var(--apricot)}.hero-work .project-visual img{aspect-ratio:1.2}.project-index{padding-block:var(--s-8) var(--s-10)}.index-heading{margin-bottom:var(--s-7)}.index-heading p:not(.eyebrow){font-size:var(--fs-small);margin-top:var(--s-4)}.project-filter{border:0;min-width:0;margin:0;padding:0}.project-filter legend{margin-bottom:var(--s-3);padding:0}.filter-options{gap:var(--s-2);flex-wrap:wrap;display:flex}.filter-options label{border:1px solid var(--rule);padding:0 var(--s-4);border-radius:var(--radius-pill);min-height:var(--control-height);cursor:pointer;align-items:center;transition:background-color .2s;display:inline-flex}.filter-options label:hover{background:var(--cream)}.filter-radio{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.filter-status{font-size:var(--fs-small);color:var(--muted);min-height:1.75em;margin-block:var(--s-4) var(--s-6)}.filter-status:empty{margin-block:0 var(--s-6)}.project-grid{gap:var(--s-6);grid-template-columns:1fr 1fr;display:grid}.project-card{border:1px solid var(--rule);border-radius:var(--radius-md);background:var(--surface);min-width:0;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex}.project-card:hover{border-color:var(--navy);box-shadow:var(--shadow-card);transform:translateY(-2px)}.project-card-link{border-radius:inherit;min-width:0;color:inherit;flex-direction:column;flex:1;text-decoration:none;display:flex;overflow:hidden}.project-card-link:focus-visible{outline:3px solid var(--navy);outline-offset:5px}.project-card-link:active .card-content{background:#20294108}.project-card-link:hover h3{text-underline-offset:6px;text-decoration:underline 1px}.project-card .project-visual img{transition:transform .55s cubic-bezier(.16,1,.3,1)}.project-card:hover .project-visual img{transform:scale(1.025)}.card-content{padding:var(--s-5);flex-direction:column;flex:1;display:flex}.card-top{gap:var(--s-4);margin-bottom:var(--s-4);justify-content:space-between;display:flex}.project-card h3{font:400 var(--fs-card-title)/1.2 var(--serif);letter-spacing:-.01em;max-width:29ch}.card-name{font-size:var(--fs-small);margin-top:var(--s-3);font-weight:600}.card-desc{font-size:var(--fs-small);max-width:65ch;margin-block:var(--s-3) var(--s-5)}.project-card .metric{border-top:1px solid var(--rule);padding-top:var(--s-4);margin-top:auto}.case-link{min-height:var(--control-height);margin-top:var(--s-4);border-top:1px solid var(--rule);padding-top:var(--s-3);justify-content:space-between;align-items:center;display:flex}.case-link .icon,.text-action .icon{width:16px;height:16px}#f-todos:checked~.project-grid .project-card.featured{background:var(--navy);color:var(--cream);--rule:var(--rule-inverse);grid-column:1/-1}#f-todos:checked~.project-grid .featured .project-card-link{grid-template-columns:1fr 1fr;display:grid}#f-todos:checked~.project-grid .featured .card-content{padding:var(--s-6)}#f-todos:checked~.project-grid .featured h3{font-size:var(--fs-card-title-lg);line-height:1.12}#f-todos:checked~.project-grid .featured .card-desc{max-width:72ch}#f-todos:checked~.project-grid .featured .project-visual{flex-direction:column;height:100%;display:flex}#f-todos:checked~.project-grid .featured .project-visual img{aspect-ratio:4/3;flex:1;min-height:0}#f-todos:checked~.project-grid .featured .project-card-link:active .card-content{background:#ffffff0a}.project-visual{background:var(--cream);position:relative;overflow:hidden}.project-visual img{aspect-ratio:1.55;object-fit:cover;width:100%;display:block}.project-visual figcaption{z-index:1;position:relative}.web-art{aspect-ratio:1.55;padding:var(--s-6);background:var(--sage);color:var(--navy);background:var(--apricot);padding:var(--s-5);flex-direction:column;justify-content:start;display:flex}.browser-line{gap:var(--s-1);border-bottom:1px solid var(--rule);padding-bottom:var(--s-3);align-items:center;display:flex}.browser-line>span{border:1px solid var(--navy);border-radius:50%;width:6px;height:6px}.browser-line p{margin:0 0 0 var(--s-3);font-size:var(--fs-label)}.web-art-content{background:var(--paper);padding:var(--s-5);margin-top:var(--s-4);border-radius:var(--radius-sm);flex:1}.web-art-content>p{font:400 var(--fs-3)/1.05 var(--serif)}.site-map{gap:var(--s-2);margin-top:var(--s-5);display:flex}.site-map span{font-size:var(--fs-label);border-bottom:1px solid var(--navy);padding:var(--s-1);flex:1}.web-lines{gap:var(--s-2);margin-top:var(--s-5);display:grid}.web-lines i{background:var(--rule);border-radius:var(--radius-pill);width:70%;height:3px}.web-lines i:nth-child(2){width:90%}.about-portrait{border-radius:var(--radius-arch) var(--radius-arch) var(--radius-md) var(--radius-md);max-width:320px;overflow:hidden}.about-portrait img{aspect-ratio:4/5;object-fit:cover;width:100%;display:block}#sobre-mi .body-copy p:first-child{font:italic var(--fs-lead)/1.6 var(--serif)}.about-subheading{margin-top:var(--s-7)}.about-traits{max-width:320px;margin-top:var(--s-6)}.about-traits .about-subheading{margin-top:0}.traits{margin-top:var(--s-4)}.traits details{border-top:1px solid var(--rule)}.traits details:last-child{border-bottom:1px solid var(--rule)}.traits summary{align-items:baseline;gap:var(--s-2);min-height:var(--control-height);padding:var(--s-2) 0;cursor:pointer;list-style:none;display:flex}.traits summary::-webkit-details-marker{display:none}.traits summary .icon{align-self:center;margin-left:auto}.trait-close,.traits details[open] .trait-open{display:none}.traits details[open] .trait-close{display:block}.traits summary:focus-visible{outline-offset:2px;border-radius:var(--radius-sm);outline:2px solid}.trait-number{min-width:2.25em;font:600 var(--fs-label)/1.5 var(--sans);letter-spacing:var(--tracking-label)}.trait-title{font:600 var(--fs-small)/1.4 var(--sans)}.traits p{font-size:var(--fs-small);margin:0 0 var(--s-3) calc(2.25em + var(--s-2));line-height:1.6}.stats{gap:var(--s-5);margin-top:var(--s-4);padding-top:var(--s-5);border-top:1px solid var(--rule);grid-template-columns:repeat(2,1fr);display:grid}.stats .metric{margin:0}.split-reverse{grid-template-columns:minmax(0,1fr) var(--aside)}.split-reverse>.split-main,.split-reverse>.split-aside{grid-row:2}.split-reverse>.split-main{grid-column:1}.split-reverse>.split-aside{grid-column:2}.method-steps{margin:0;padding:0;list-style:none}.method-steps li{grid-template-columns:var(--s-7) 9.5em minmax(0,1fr);column-gap:var(--s-4);border-top:1px solid var(--rule);padding:var(--s-4) 0;align-items:baseline;display:grid}.method-steps li:first-child{border-top:0;padding-top:0}.method-steps li:last-child{padding-bottom:0}.method-number{font:400 var(--fs-lead)/1.3 var(--serif);opacity:.55}.method-steps h3{font:400 var(--fs-lead)/1.3 var(--serif)}.method-steps p{font-size:var(--fs-small);line-height:1.65}.method-notes{gap:var(--s-6);display:grid}.method-notes>div{border-top:1px solid var(--rule);padding-top:var(--s-4)}.method-notes>div:first-child{border-top:0;padding-top:0}.method-notes p{font-size:var(--fs-small)}.method-label{font:600 var(--fs-label)/1.5 var(--sans);letter-spacing:var(--tracking-label);text-transform:uppercase;margin-bottom:var(--s-2)}.method-figure{border:1px solid var(--rule);border-radius:var(--radius-md);padding:var(--s-4) var(--s-4) var(--s-3);margin:var(--s-1) 0 var(--s-3);background:#e8e4d60f}.method-figure .metric strong{font-size:var(--fs-3)}.method-figure .metric span{margin-top:var(--s-1)}.meta{margin-bottom:var(--s-6)}.find-me h3{margin-bottom:var(--s-3)}.find-me p{font-size:var(--fs-small)}.find-me p+p{margin-top:var(--s-2)}.personal-collage{margin-block:var(--s-6);border-radius:var(--radius-lg);overflow:hidden}.personal-collage img{width:100%;height:auto;display:block}.process-timeline{margin:var(--s-7) 0 0;padding:0 0 0 var(--s-6);row-gap:var(--s-5);counter-reset:process;list-style:none;display:grid;position:relative}.process-timeline:before{content:"";left:calc(var(--timeline-dot) / 2);top:var(--s-3);bottom:var(--s-3);background:var(--navy);width:1px;position:absolute}.process-timeline li{counter-increment:process;align-items:baseline;gap:var(--s-3);display:flex;position:relative}.process-timeline li:before{content:counter(process,decimal-leading-zero);min-width:2em;font:600 var(--fs-label)/1.5 var(--sans);letter-spacing:var(--tracking-label)}.process-timeline li:after{content:"";left:calc(-1 * var(--s-6));width:var(--timeline-dot);height:var(--timeline-dot);border:1px solid var(--navy);background:var(--paper);box-sizing:border-box;border-radius:50%;position:absolute;top:50%;transform:translateY(-50%)}.process-timeline li:first-child:after,.process-timeline li:last-child:after{background:var(--navy)}.process-timeline span{font:400 var(--fs-lead)/1.2 var(--serif)}.contact{background:var(--navy);color:var(--cream);--rule:var(--rule-inverse);max-width:none}.contact h2{font-size:var(--fs-display)}.contact .body-copy{font-size:var(--fs-body)}.split-even{grid-template-columns:1fr 1fr}.split-even>.split-aside,.split-even>.split-main{grid-row:2}.contact-card{border:1px solid var(--rule);border-radius:var(--radius-md);padding:var(--s-6);background:#e8e4d60f}.contact-rows{margin:0}.contact-rows>div{gap:var(--s-4);border-top:1px solid var(--rule);padding:var(--s-3) 0;grid-template-columns:7em minmax(0,1fr);align-items:center;display:grid}.contact-rows>div:first-child{border-top:0;padding-top:0}.contact-rows>div:last-child{padding-bottom:0}.contact-rows a{text-decoration:none}.contact-rows a:hover,.contact-rows a:focus-visible{text-underline-offset:4px;text-decoration:underline 1px}.contact-rows dt{font:600 var(--fs-label)/1.5 var(--sans);letter-spacing:var(--tracking-label);text-transform:uppercase}.contact-rows dd{font-size:var(--fs-small);margin:0}.contact-email{font:400 var(--fs-body)/1.4 var(--serif);overflow-wrap:anywhere}.contact-social{gap:0 var(--s-4);flex-wrap:wrap;display:flex}.contact-social a{align-items:center;gap:var(--s-1);min-height:var(--control-height);display:inline-flex}.case-heading{padding-block:var(--s-6) var(--s-7)}.back{align-items:center;gap:var(--s-2);min-height:var(--control-height);margin-bottom:var(--s-5);text-decoration:none;display:inline-flex}.back:hover{text-decoration:underline}.not-found .body-copy{margin-block:var(--s-5) var(--s-6);max-width:60ch}.case-heading h1{max-width:none}.case-intro{font-size:var(--fs-lead);margin-top:var(--s-5);line-height:1.6}.case-cover{margin-bottom:var(--s-8)}.case-cover .project-visual{border-radius:var(--radius-lg)}.case-cover .project-visual img{aspect-ratio:2.1}.case-cover .web-art{aspect-ratio:2.6;padding:5vw 10vw}.case-layout{padding-bottom:var(--s-9)}.project-facts{padding:var(--s-5);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--rule);position:sticky;top:110px}dl,dd{margin:0}.project-facts dt{margin-bottom:var(--s-1)}.project-facts dd{font-size:var(--fs-small);line-height:1.6}.project-facts dl>div{padding-block:var(--s-4);border-top:1px solid var(--rule)}.project-facts dl>div:first-child{border-top:0;padding-top:0}.project-facts .metric{border-top:1px solid var(--rule);padding-top:var(--s-5);margin-top:var(--s-1)}.facts-glass{display:none}.facts-float .project-facts{z-index:2;isolation:isolate;backdrop-filter:blur(18px)saturate(1.2);transform-origin:0 0;will-change:transform;background:0 0}.facts-float .facts-glass{z-index:-1;border-radius:inherit;background:var(--surface);display:block;position:absolute;inset:0}.case-step{border-top:1px solid var(--rule);padding-block:var(--s-6) var(--s-7);grid-template-columns:var(--step-label,160px) minmax(0,1fr);gap:var(--s-6);display:grid}.case-step:first-child{border-top:0;padding-top:0}.case-step h2{font:400 var(--fs-3)/1.2 var(--serif)}.step-number{margin-bottom:var(--s-3);display:block}.step-copy{max-width:70ch}.case-step .links{margin:0}.case-figure{margin-block:var(--s-6);border:1px solid var(--rule);border-radius:var(--radius-md);background:var(--surface);overflow:hidden}.case-figure img{width:100%;height:auto;display:block}.case-figure.is-tall{max-width:520px}.figure-zoom{cursor:zoom-in;display:block}.zoom-hint{display:none}.video-figure{background:var(--navy);position:relative}.video-figure video,.video-figure img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.video-figure .video-still{display:none}.video-cta{left:var(--s-4);bottom:var(--s-4);align-items:center;gap:var(--s-2);min-height:var(--control-height);padding:0 var(--s-5);border-radius:var(--radius-pill);background:var(--navy);color:var(--cream);font:600 var(--fs-label)/1 var(--sans);letter-spacing:var(--tracking-label);text-transform:uppercase;text-decoration:none;display:inline-flex;position:absolute}.video-cta:hover{background:var(--cream);color:var(--navy)}.video-cta .icon{width:16px;height:16px}.image-suggestion{justify-content:flex-end;gap:var(--s-3);min-height:260px;padding:var(--s-6);background:var(--navy);color:var(--cream);border:0;flex-direction:column;display:flex}.image-suggestion p{max-width:44ch;font:400 var(--fs-lead)/1.45 var(--serif);margin:0}.image-suggestion .image-suggestion-label{font:600 var(--fs-label)/1.5 var(--sans)}.band-navy h2{font-size:var(--fs-2);margin-bottom:var(--s-6)}.impact-copy{max-width:65ch}.tool-section{padding-block:var(--section-y)}.tool-section h2{font-size:var(--fs-2)}.tool-section dl{gap:0 var(--s-6);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.tool-section dl:has(>div:nth-child(4):last-child){grid-template-columns:repeat(auto-fill,minmax(max(240px,calc(50% - var(--s-6))),1fr))}.tool-section dl>div{border-top:1px solid var(--rule);padding-block:var(--s-4)}.tool-section dt{font-size:var(--fs-body);font-weight:600}.tool-section dd{font-size:var(--fs-small);margin-top:var(--s-2)}.project-pagination{justify-content:space-between;gap:var(--s-6);border-top:1px solid var(--rule);padding-block:var(--s-6) var(--s-9);display:flex}.project-pagination a{justify-content:center;gap:var(--s-2);min-height:var(--control-height);font:400 var(--fs-3)/1.3 var(--serif);flex-direction:column;text-decoration:none;display:flex}.pagination-title{align-items:center;gap:var(--s-2);display:inline-flex}.project-pagination a:hover{text-underline-offset:6px;text-decoration:underline 1px}.project-pagination a:last-child{text-align:right;align-items:end}@media (width>=701px){.hero-work .project-visual img{max-height:440px}.hero-identity h1,.impact h2,.impact-copy>p:first-child,.tool-section h2,#sobre-mi .body-copy>p:first-child,#marca-personal .split-aside>:first-child,#marca-personal .split-main>p:first-child,.contact .split-aside>p:first-child,.method-steps li:first-child>*,.method-notes>div:first-child>.method-label{text-box:trim-start cap alphabetic}.contact .split-aside{padding-top:calc(1px + var(--s-6) + 8px)}}@media (width>=701px) and (width<=1050px){.contact .split-aside{padding-top:calc(1px + var(--s-5) + 5px)}}@media (width>=1051px){.case-step>h2,.step-copy>:first-child{text-box:trim-start cap alphabetic}.step-copy>.links:first-child{font-size:var(--fs-small);margin-top:calc((var(--control-height) - 1cap) / -2)}}@media (width<=1050px){.contact-rows>div{gap:var(--s-1);grid-template-columns:1fr}.contact-card{padding:var(--s-5)}.method-steps li{grid-template-columns:var(--s-6) minmax(0,1fr);column-gap:var(--s-3);row-gap:var(--s-2)}.method-steps p{grid-column:2}.case-step{gap:var(--s-4);grid-template-columns:1fr}.step-number{margin-right:var(--s-3);display:inline}.site-header{padding-block:var(--s-3)}.card-top{gap:var(--s-2);flex-wrap:wrap}#f-todos:checked~.project-grid .featured .card-content{padding:var(--s-5)}.hero-work .project-visual{border-radius:100px 100px var(--radius-md) var(--radius-md)}.web-art{padding:var(--s-5)}}@media (width<=700px){:root{--radius-lg:28px;--section-y:var(--s-8);--header-h:69px}html{scroll-padding-top:100px}.site-header{height:var(--header-h);padding:var(--s-3) var(--s-5)}.brand span{margin-top:0}.split{display:block}.split-aside+.split-main{margin-top:var(--s-6)}.split-main+.split-aside{margin-top:var(--s-7)}.split>.section-heading{margin-bottom:var(--s-6)}.home-hero{min-height:0;padding-block:var(--s-6);gap:var(--s-5);grid-template-rows:none;grid-template-columns:1fr}.hero-copy,.hero-work{grid-area:auto/1}.hero-work .project-visual{border-radius:90px 90px var(--radius-md) var(--radius-md)}.hero-work .project-visual img{aspect-ratio:1.3}.project-index{padding-block:var(--s-7) var(--s-8)}.index-heading{margin-bottom:var(--s-6)}.project-grid{gap:var(--s-5);grid-template-columns:1fr}#f-todos:checked~.project-grid .featured .project-card-link{display:flex}#f-todos:checked~.project-grid .featured .project-visual img{aspect-ratio:1.45}#f-todos:checked~.project-grid .featured h3{font-size:var(--fs-card-title)}.web-art{aspect-ratio:auto;min-height:255px}.about-portrait{max-width:260px}.about-traits{max-width:none}.traits p{margin-left:0}.stats{gap:var(--s-4)}.contact-details{margin-top:var(--s-6)}.case-heading{padding-block:var(--s-5) var(--s-6)}.case-intro{font-size:var(--fs-body)}.case-cover{margin-bottom:var(--s-6)}.case-cover .project-visual img{aspect-ratio:1.25}.case-cover .web-art{aspect-ratio:auto;padding:var(--s-5)}.case-layout{padding-bottom:var(--s-7)}.project-facts{position:static}.project-facts dl{gap:0 var(--s-5);grid-template-columns:1fr 1fr;display:grid}.project-facts dl>div:last-child:nth-child(odd){grid-column:1/-1}.case-figure{margin-block:var(--s-5)}.image-suggestion{min-height:200px;padding:var(--s-5)}.video-cta{left:var(--s-3);bottom:var(--s-3);padding:0 var(--s-4)}.band-navy h2{margin-bottom:var(--s-5)}.impact-copy{margin-top:var(--s-6)}.tool-section h2{margin-bottom:var(--s-5)}.project-pagination{padding-bottom:var(--s-8);flex-direction:column}.project-pagination a:last-child{text-align:left;align-items:start}.zoom-hint{display:inline}.project-facts dl{grid-template-columns:1fr}.project-facts dl>div:nth-child(2){border-top:1px solid var(--rule);padding-top:var(--s-4)}@supports selector(:popover-open){.menu-toggle{display:inline-flex}.site-header nav{inset:var(--header-h) 0 auto;padding:var(--s-2) var(--s-5) var(--s-5);background:var(--paper);border-bottom:1px solid var(--rule);flex-direction:column;gap:0;position:fixed}.site-header nav:not(:popover-open){display:none}.site-header nav::backdrop{top:var(--header-h);background:var(--rule)}.site-header nav a{min-height:56px;font-size:var(--fs-body);border-bottom:1px solid var(--rule);border-radius:0;justify-content:flex-start;padding:0}.site-header nav a:last-child{border-bottom:0}.site-header nav a:hover{background:0 0}}@supports not selector(:popover-open){.site-header{align-items:stretch;gap:var(--s-1);flex-direction:column;height:auto}.site-header nav{margin-inline:calc(-1 * var(--s-2));justify-content:space-between;padding:0}.site-header nav a{padding:0 var(--s-2)}}}@media (prefers-reduced-motion:reduce){.video-figure .video-loop{display:none}.video-figure .video-still{display:block}html{scroll-behavior:auto}.project-card,.project-card .project-visual img,.text-action{transition:none}.project-card:hover,.project-card:hover .project-visual img{transform:none}}@media (forced-colors:active){html{scrollbar-color:auto}::-webkit-scrollbar-thumb{background:buttontext}.web-art,.project-card.featured{border:1px solid canvastext}.web-lines i,.process-timeline:before{background:canvastext}.process-timeline li:after{border-color:canvastext}}