.site-header .bar{gap:.8rem}.site-header,:root[data-theme=dark] .site-header{background:var(--paper)}.space-layer{z-index:1}.shot figcaption em{opacity:1}.nav{flex-shrink:0;gap:1.2rem}.nav a{padding-block:.8rem}.nav a[aria-current]{color:var(--fg);text-decoration:underline;-webkit-text-decoration-color:var(--acid);text-decoration-color:var(--acid);text-underline-offset:.45em}.header-actions .chip{min-height:2.75rem}.menu-toggle{display:inline-flex}@media (min-width:900px){.menu-toggle{display:none}}@media (min-width:900px) and (max-width:1250px){.brand span{display:none}}dialog:not([open]){display:none}html:has(dialog[open]){overflow:hidden}dialog::backdrop{background:#000000a6}.mobile-menu{background:var(--paper);width:auto;max-width:36rem;max-height:calc(100dvh - 6rem);color:var(--fg);border:1px solid var(--line);border-radius:1rem;margin:0 auto;padding:1.5rem;position:fixed;inset:4.6rem 1rem auto;overflow-y:auto}.mobile-menu-head{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.mobile-menu-head h2{margin:0;font-size:1rem}.mobile-menu nav{display:grid}.mobile-menu nav a{border-bottom:1px solid var(--line);padding:1rem .5rem;font-size:1.3rem}.mobile-menu nav a[aria-current]{text-decoration:underline;-webkit-text-decoration-color:var(--acid);text-decoration-color:var(--acid);text-underline-offset:.4em;font-weight:800}.portfolio-home .section{padding-block:clamp(2.75rem,5vw,4.5rem)}.portfolio-home .hero{padding-block:clamp(2.5rem,5vw,4rem) 2.75rem}.portfolio-home .hero-title{font-size:clamp(2.35rem,5.1vw,4.5rem);line-height:1.14}.portfolio-home .hero-title em{white-space:normal}.portfolio-home .hero-title .line{overflow:visible}.portfolio-home .hero-quote{margin-block:1.5rem 1.1rem}.portfolio-home .hero-quote blockquote{font-size:clamp(1.1rem,2vw,1.4rem)}.portfolio-home .hero-body{margin-top:1.1rem;font-size:1rem}.portfolio-home .hero-body p{margin-bottom:.65rem;font-size:1rem;line-height:1.65}.portfolio-home .hero-cta{margin-top:1.4rem}.portfolio-home .hero-cta .primary{background:var(--mark);color:#0b0b0f;border-color:#0000}.hero-secondary{margin-top:1.25rem}.secondary-links{flex-wrap:wrap;gap:1.25rem;margin-block:1.15rem;font-size:.88rem;display:flex}.secondary-links a{color:var(--muted);text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:.25em;padding-block:.2rem}.secondary-links a:hover,.secondary-links a:focus-visible{color:var(--fg)}.hero-secondary .document-downloads{box-shadow:none;background:0 0;border:0;gap:.6rem 1.15rem;margin:.4rem 0 0;padding:0;font-size:.78rem}.hero-secondary .document-downloads>span{display:none}.hero-secondary .document-downloads a{color:var(--muted);box-shadow:none;background:0 0;border:0;padding:.3rem 0;font-size:.78rem}.hero-secondary .document-downloads a:hover{color:var(--fg)}.lede,.hero-body,.block p,.scale-copy,.detail-content>p{max-width:65ch}.anchor-alias{scroll-margin-top:5rem;display:block}.portfolio-home section[id],.home-detail[id],.live-reference[id]{scroll-margin-top:5rem}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 1.5rem;margin-top:1.75rem;display:grid}.project-slot{min-width:0;display:flex}.project-card{background:color-mix(in srgb,var(--paper)92%,transparent);border-radius:.65rem;width:100%;min-width:0;position:relative;overflow:clip}.project-main{outline-offset:-3px;flex-direction:column;height:100%;display:flex}.project-image{aspect-ratio:16/10;background:var(--paper-2);width:100%;position:relative;overflow:hidden}.project-image img{object-fit:cover;transition:transform .3s}.project-artifact{aspect-ratio:16/10;background:var(--paper-2);flex-direction:column;justify-content:center;padding:1.5rem;display:flex}.project-artifact>span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.project-artifact p{margin:.75rem 0 0;font-size:clamp(1.05rem,1.7vw,1.3rem);font-weight:650;line-height:1.5}.project-copy{flex-direction:column;flex:1;padding:1.4rem;display:flex}.project-meta{color:var(--muted);justify-content:space-between;gap:.5rem;margin:0 0 .8rem;font-size:.7rem;display:flex}.project-meta span{letter-spacing:.1em;font-size:.66rem}.project-card[data-project=cleo-detail-page] .project-meta span{white-space:nowrap;flex-shrink:0;min-width:max-content}.project-card h3{letter-spacing:-.025em;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;margin:0 0 .7rem;font-size:1.2rem;font-weight:800;line-height:1.35;display:-webkit-box;overflow:hidden}.project-problem{min-height:3.2em;margin:0 0 1.25rem;font-size:.95rem;line-height:1.6}.problem-label{color:var(--muted);margin-bottom:.3rem;font-size:.7rem;display:block}.project-featured .project-problem{min-height:6em}.project-card dl{gap:1rem;margin:auto 0 0;display:grid}.project-card dt{color:var(--muted);margin-bottom:.3rem;font-size:.7rem}.project-card dd{margin:0;font-size:.83rem;line-height:1.6}.project-card dl>div:first-child dd{min-height:3.2em}.project-result{background:color-mix(in srgb,var(--fg)4%,transparent);border-radius:.3rem;margin-inline:-.8rem;padding:.7rem .8rem;transition:background-color .2s}.project-result dd{min-height:3.2em;font-weight:700}.project-more{border-top:1px solid var(--line);margin-top:1.3rem;padding-top:.7rem;font-size:.76rem}.project-more>span{float:right}.project-live{background:var(--paper);color:var(--fg);border-radius:999px;min-height:2.75rem;padding:.65rem .9rem;font-size:.75rem;font-weight:700;position:absolute;top:.7rem;right:.7rem}.project-card:focus-within .project-result{background:color-mix(in srgb,var(--mark)18%,var(--paper))}.project-main:focus-visible .project-image img{transform:scale(1.025)}@media (hover:hover) and (pointer:fine){.project-card:hover .project-image img{transform:scale(1.025)}.project-card:hover .project-result{background:color-mix(in srgb,var(--mark)18%,var(--paper))}}.text-link{text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:.35em;align-items:center;gap:1rem;margin-top:1.5rem;padding-block:.7rem;font-size:.9rem;font-weight:650;display:inline-flex}.project-filters{flex-wrap:wrap;gap:.6rem;margin-top:1.5rem;display:flex}.project-filters .chip,.gallery-filters .chip{letter-spacing:0;min-height:2.75rem;font-size:.88rem}.chip[aria-pressed=true]{background:var(--fg);color:var(--bg);border-color:var(--fg)}.filter-status{color:var(--muted);min-height:1.5em;margin:1rem 0;font-size:.8rem}.project-results .project-grid{margin-top:0;animation:.18s project-fade}.more-projects{color:var(--fg);cursor:pointer;background:0 0;margin-top:1.75rem}@keyframes project-fade{0%{opacity:.4}to{opacity:1}}.live-reference{border-top:1px solid var(--line);margin-top:2.5rem;padding-block:1rem}.live-reference summary{cursor:pointer;padding-block:.5rem;font-size:.9rem;font-weight:650}.live-reference ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;padding:0;list-style:none;display:grid}.live-reference li{flex-direction:column;gap:.4rem;font-size:.9rem;display:flex}.live-reference li>span{color:var(--muted);font-size:.8rem}.portfolio-home .gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;margin-top:2rem}.context-nav{margin:1rem 0}.context-nav>.section-nav-line{display:none}.context-nav ul{gap:1.5rem;padding:0;font-size:.85rem;list-style:none;display:flex}.context-nav a{text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:.3em;padding-block:.6rem}.context-nav a[aria-current]{-webkit-text-decoration-color:var(--acid);text-decoration-color:var(--acid)}.context-nav .section-nav-label{opacity:1;color:var(--fg);transform:none}.context-nav .section-nav-dot{display:none}.home-detail{border-top:1px solid var(--line);padding:.25rem 0}.home-detail>summary{cursor:pointer;padding:1.25rem 0;font-size:1.05rem;font-weight:650}.detail-content{padding:1.25rem 0 2rem}.detail-content .pipeline{margin-top:1.5rem}.detail-content .h2{font-size:clamp(1.5rem,3vw,2.1rem)}.portfolio-home .supporting-section{padding-block:2.5rem}.contact-actions{position:relative}.copy-email{align-items:center;display:inline-flex}.copy-email button{color:var(--fg);cursor:pointer;background:0 0}.copy-status{z-index:5;pointer-events:none;width:max-content;max-width:min(24rem,80vw);font-size:.82rem;line-height:1.5;position:absolute;top:calc(100% + .5rem);left:0}.copy-status:not(:empty){color:var(--fg);background:var(--paper-2);border:1px solid var(--line);border-radius:.5rem;padding:.7rem 1rem}.case-hero{padding:3rem 1.5rem 2.5rem}.case-hero-with-image{grid-template-columns:1fr 1fr;align-items:center;gap:2.5rem;display:grid}.case-hero h1{font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.25}.case-cover{margin:0}.case-cover>div{aspect-ratio:16/10;background:var(--paper-2);border-radius:.5rem;position:relative;overflow:hidden}.case-cover img{object-fit:cover}.case-cover figcaption{color:var(--muted);margin-top:.7rem;font-size:.75rem;line-height:1.5}.case-evidence{gap:.5rem;max-width:65ch;font-size:1.05rem;font-weight:700;line-height:1.6;display:grid}.case-evidence>span{color:var(--muted);font-size:.72rem;font-weight:500}.case-progress{z-index:35;background:var(--paper);border-block:1px solid var(--line);position:sticky;top:4rem}.case-progress>div{gap:1rem;display:flex}.case-progress a{color:var(--muted);border-bottom:3px solid #0000;align-items:center;gap:.6rem;padding:1rem .25rem;font-size:.9rem;display:flex}.case-progress a[aria-current]{color:var(--fg);border-bottom-color:var(--acid);font-weight:750}.step-number{font-size:.7rem}.step-arrow{margin-left:1rem}.block[id]{scroll-margin-top:9rem}.block{padding-block:2.5rem}.block h2:not(:first-child){margin-top:2rem}.verification-result{font-weight:750}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:52rem}.design-page{padding-block:3rem 5rem}.design-page>h1{margin-top:1.25rem}dialog.lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--fg);background:var(--paper);overscroll-behavior:contain;border:0;margin:0}dialog.lightbox:not([open]){display:none}dialog.lightbox figure{margin:0 auto}dialog.lightbox figcaption{background:var(--paper-2);color:var(--fg);-webkit-backdrop-filter:none;backdrop-filter:none}dialog.lightbox .lightbox-close{color:var(--fg);background:var(--paper);border-color:var(--line);min-height:2.75rem}@media (max-width:1100px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-grid .project-card:last-child{grid-column:1/-1;max-width:calc(50% - .75rem)}.portfolio-home .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.case-hero-with-image{grid-template-columns:1fr;gap:1.5rem}.case-hero{padding-block:2rem}.case-cover{max-width:40rem}}@media (max-width:700px){.project-grid,.related-grid{grid-template-columns:1fr}.featured-grid .project-card:last-child{grid-column:auto;max-width:none}.portfolio-home .hero-title{font-size:clamp(2.1rem,7.5vw,3rem)}.portfolio-home .hero{padding-top:2rem}.project-card h3,.project-problem,.project-featured .project-problem{min-height:0}.project-image,.project-artifact{aspect-ratio:16/9}.project-card dl>div:first-child dd,.project-result dd{min-height:0}.project-copy{padding:1.25rem}.portfolio-home .gallery-grid,.live-reference ul{grid-template-columns:1fr}.case-progress>div{justify-content:space-between;gap:0}.case-progress a{gap:.4rem;font-size:.8rem}.step-arrow{display:none}.copy-status{left:0}}@media (prefers-reduced-motion:reduce){.project-image img,.project-main:focus-visible .project-image img,.project-card:hover .project-image img{transition:none;transform:none}.project-results .project-grid{animation:.12s project-fade}.context-nav *,.case-progress *{transition-property:color,opacity,background-color}}@media print{.mobile-menu,.case-progress,.context-nav,.project-filters,.copy-email{display:none!important}}