@layer sections{.section{padding-block:var(--section-y)}.section-head{max-width:52ch;margin-bottom:var(--sp-8)}.section-head__title{margin-top:var(--sp-3)}.section-head__lead{margin-top:var(--sp-4);color:var(--c-muted);font-size:var(--t-lead)}.coord{position:absolute;z-index:1;font-size:var(--t-micro);color:var(--c-faint);pointer-events:none}.coord--tl{top:var(--sp-5);left:var(--gutter)}.coord--tr{top:var(--sp-5);right:var(--gutter)}.hero{position:relative;overflow:hidden;min-height:min(92dvh,920px);display:flex;align-items:center;padding-block:clamp(6rem,14vh,11rem) var(--sp-9)}.hero:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 88% 8%,color-mix(in oklab,var(--c-accent) 12%,transparent),transparent 70%)}.hero__inner{position:relative;z-index:2;max-width:60ch}.hero__eyebrow{font-size:var(--t-sm);color:var(--c-muted);margin-bottom:var(--sp-5)}.hero__title{font-size:var(--t-mega);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight)}.hero__title-line{display:block}.hero__lead{margin-top:var(--sp-6);max-width:48ch;font-size:var(--t-lead);color:var(--c-muted)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--sp-4);margin-top:var(--sp-7)}.hero__index{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:var(--sp-9);border-top:var(--bw) solid var(--c-line-2)}.hero__index li{border-bottom:var(--bw) solid var(--c-line-2)}.hero__index li+li{border-left:var(--bw) solid var(--c-line)}.hero__index a{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-4) var(--sp-4) var(--sp-4) var(--sp-3);height:100%;transition:background var(--dur-1) var(--ease-out)}.hero__index a:hover{background:var(--c-surface)}.hero__index-num{font-size:var(--t-micro);color:var(--c-accent)}.hero__index-name{font-weight:var(--w-semi);font-size:var(--t-sm)}.hero__index-tag{font-size:var(--t-micro);color:var(--c-faint)}.hero .reveal{transition-duration:var(--dur-3)}.hero__eyebrow.reveal{transition-delay:.05s}.hero__title-line:nth-child(1).reveal{transition-delay:.12s}.hero__title-line:nth-child(2).reveal{transition-delay:.2s}.hero__title-line:nth-child(3).reveal{transition-delay:.28s}.hero__lead.reveal{transition-delay:.38s}.hero__actions.reveal{transition-delay:.46s}.hero__index.reveal{transition-delay:.54s}.cases{position:relative}.case{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);gap:clamp(1.5rem,4vw,var(--sp-8));align-items:center;padding-block:var(--section-y);border-top:var(--bw) solid var(--c-line-2)}.case--reverse{grid-template-columns:minmax(0,1.6fr) minmax(0,.85fr)}.case--reverse .case__meta{order:2}.case--reverse .compare{order:1}.case__meta{position:relative}.case__index{display:block;font-size:clamp(2.5rem,5vw,3.4rem);font-weight:var(--w-medium);color:var(--c-line-strong);line-height:1;margin-bottom:var(--sp-4)}.case__name{font-size:var(--t-h3)}.case__desc{margin-top:var(--sp-4);color:var(--c-muted)}.case__specs{margin-top:var(--sp-5);display:grid;gap:var(--sp-2)}.case__specs>div{display:grid;grid-template-columns:7rem 1fr;gap:var(--sp-3);align-items:baseline;padding-block:var(--sp-2);border-top:var(--bw) solid var(--c-line)}.case__specs dt{font-size:var(--t-micro);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--c-faint)}.case__specs dd{font-size:var(--t-sm);color:var(--c-text)}.case__live{display:inline-flex;align-items:center;gap:var(--sp-2);margin-top:var(--sp-6);font-family:var(--font-mono);font-size:var(--t-sm);color:var(--c-accent);border-bottom:var(--bw) solid color-mix(in oklab,var(--c-accent) 40%,transparent);padding-bottom:2px;transition:color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}.case__live:hover{color:var(--c-accent-hi);border-color:var(--c-accent)}.about__inner{display:grid;grid-template-columns:minmax(280px,380px) 1fr;gap:clamp(2rem,6vw,var(--sp-9));align-items:stretch}.about__photo{position:relative;margin:0;height:100%;min-height:420px}.about__photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top;border:var(--bw) solid var(--c-line-strong);background:var(--c-surface);filter:contrast(1.03)}.about__photo-corner{position:absolute;width:20px;height:20px;z-index:1}.about__photo-corner--tl{top:-1px;left:-1px;border-top:var(--bw-2) solid var(--c-accent);border-left:var(--bw-2) solid var(--c-accent)}.about__photo-corner--br{right:-1px;bottom:-1px;border-right:var(--bw-2) solid var(--c-accent);border-bottom:var(--bw-2) solid var(--c-accent)}.about__photo-cap{position:absolute;left:var(--sp-3);bottom:var(--sp-3);padding:4px 10px;font-size:var(--t-micro);color:var(--c-text);background:color-mix(in oklab,var(--c-bg) 72%,transparent);backdrop-filter:blur(4px);border:var(--bw) solid var(--c-line-2)}.about__name{margin-top:var(--sp-5);font-family:var(--font-display);font-weight:var(--w-semi);font-size:var(--t-h3);display:flex;flex-direction:column;gap:var(--sp-1)}.about__role{font-size:var(--t-sm);font-weight:var(--w-medium);color:var(--c-accent)}.about__text{margin-top:var(--sp-5);max-width:56ch;color:var(--c-muted);font-size:var(--t-lead)}.about__facts{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-6)}.about__facts li{padding:var(--sp-2) var(--sp-4);font-size:var(--t-mono);color:var(--c-muted);border:var(--bw) solid var(--c-line-2);background:var(--c-surface)}.method__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-6);margin-bottom:var(--sp-8)}.method__step{padding-top:var(--sp-4);border-top:var(--bw-2) solid var(--c-accent)}.method__step-num{font-size:var(--t-sm);color:var(--c-accent)}.method__step-title{margin-top:var(--sp-3);font-size:var(--t-h3)}.method__step p{margin-top:var(--sp-3);color:var(--c-muted);font-size:var(--t-sm)}.method__stack{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding-top:var(--sp-6);border-top:var(--bw) solid var(--c-line-2)}.method__stack li{padding:var(--sp-2) var(--sp-4);font-size:var(--t-mono);color:var(--c-muted);border:var(--bw) solid var(--c-line-2);background:var(--c-surface)}.contact__inner{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,var(--sp-9));align-items:start}.contact__channels{margin-top:var(--sp-7);display:grid;gap:var(--sp-3)}.contact__channel{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-4) var(--sp-5);border:var(--bw) solid var(--c-line-strong);background:var(--c-surface);transition:border-color var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out)}.contact__channel:hover{border-color:var(--c-accent);transform:translateY(-2px)}.contact__channel-label{font-size:var(--t-micro);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--c-faint)}.contact__channel-value{font-size:var(--t-lead);font-weight:var(--w-semi)}@media (max-width: 900px){.case,.contact__inner,.about__inner{grid-template-columns:1fr}.about__photo{max-width:320px}.case__meta{order:1!important}.compare{order:2!important}.method__steps{grid-template-columns:1fr;gap:var(--sp-7)}}@media (max-width: 760px){.site-header__cta,.site-nav{display:none}.burger{display:flex}.hero__index{grid-template-columns:1fr 1fr}.hero__index li:nth-child(odd){border-left:none}.hero__index li:nth-child(2n){border-left:var(--bw) solid var(--c-line)}.coord--tr{display:none}}@media (max-width: 460px){.hero__index{grid-template-columns:1fr}.hero__index li:nth-child(2n){border-left:none}}}