.hero{position:relative;margin-bottom:calc(var(--slant) * -1)}.hero-stage{position:relative;width:100%}.hero-bg{display:block;width:100%;height:92vh;min-height:620px;max-height:1040px;border:none;border-radius:0;object-fit:cover;object-position:center;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--slant)),0 100%);filter:drop-shadow(0 14px 22px rgba(8,8,10,.14))}.hero-bg .image-frame__img,.hero-bg--video{width:100%;height:100%;object-fit:cover;object-position:center}.hero-placeholder{background:var(--block-card-muted, var(--bg-sunken));background-image:linear-gradient(var(--ink-06) 1px,transparent 1px),linear-gradient(90deg,var(--ink-06) 1px,transparent 1px);background-size:26px 26px}.hero-overlay{position:absolute;inset:0;display:flex;align-items:center;pointer-events:none}.hero-overlay .hero-content{pointer-events:auto}.hero-overlay .wrap{width:100%}.hero-brand-wrap{position:absolute;top:var(--s6);left:0;right:0}.hero-brand{pointer-events:auto;display:inline-flex;align-items:baseline;gap:var(--s3);color:#fff;text-decoration:none}.hero-brand b{font-size:1rem;font-weight:500}.hero-brand .sep{color:#ffffff73;font-weight:300}.hero-brand .org{font-family:var(--font-data);font-size:var(--size-micro);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--accent)}.hero-scrim{position:absolute;inset:0;pointer-events:none;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--slant)),0 100%);background:linear-gradient(to top,#08080c8c,#08080c00 34%),linear-gradient(100deg,#08080cd1,#08080c80 45%,#08080c1f)}.hero-content{--block-fg: #FFFFFF;--block-bg: var(--bg-inverse);--block-muted: rgba(255, 255, 255, .78);--block-border: rgba(255, 255, 255, .28);--block-border-soft: rgba(255, 255, 255, .14);--block-accent: var(--accent);--block-accent-ink: var(--accent-ink);position:relative;max-width:620px}.hero h1.lede{font-family:var(--font-display);font-weight:700;font-size:clamp(2.2rem,3.6vw,3.6rem);line-height:1.04;letter-spacing:-.01em;color:var(--block-fg, var(--ink));margin:0 0 var(--s5);max-width:18ch;text-wrap:balance}.hero h1.lede em{font-style:normal;color:var(--accent)}.hero p.intro{max-width:48ch;font-size:calc(var(--size-body) * 1.08);line-height:var(--lh-reading);color:var(--block-muted, var(--ink-60))}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s4);margin-top:var(--s7)}.sec{overflow:hidden}.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--s6);margin-bottom:var(--s9);flex-wrap:wrap}.sec-head .titleblock{max-width:52ch}.sec-head p{color:var(--block-muted, var(--ink-60))}.sec-title{margin:0 0 var(--s3);font-size:clamp(1.7rem,2.6vw,2.4rem);font-weight:700;letter-spacing:-.01em;line-height:1.08}.work-stack{display:flex;flex-direction:column;gap:var(--s7)}.case{display:grid;gap:0;text-decoration:none;color:inherit;border:1px solid var(--block-border-soft, var(--ink-06));border-radius:var(--r-surface);background:var(--block-card-bg, var(--bg-elevated));overflow:hidden;transition:all var(--t-med) var(--fluid)}.case:hover,.case:focus-visible,.case.in-view{border-radius:var(--r-technical);border-color:var(--accent-25);box-shadow:var(--shadow-lg)}.case:hover .tag,.case:focus-visible .tag,.case.in-view .tag{border-radius:var(--r-technical)}.case-media{position:relative;overflow:hidden}.case-media .image-frame,.case-media img{width:100%;height:100%}.case-media img{object-fit:cover;display:block}.case-media .placeholder-img{width:100%;height:100%;display:block;background:var(--block-card-muted, var(--bg-sunken));background-image:linear-gradient(var(--ink-06) 1px,transparent 1px),linear-gradient(90deg,var(--ink-06) 1px,transparent 1px);background-size:26px 26px;border:none}.case-body{position:relative;padding:var(--s7);display:flex;flex-direction:column;justify-content:center;background:var(--block-card-bg, var(--bg-elevated));transition:background-color var(--t-med) var(--fluid)}.case h3{font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:600;letter-spacing:-.005em;line-height:1.12;margin-bottom:var(--s2);transition:color var(--t-med) var(--fluid)}.case .cat{font-family:var(--font-data);font-size:var(--size-small);color:var(--block-muted, var(--ink-60));transition:color var(--t-med) var(--fluid)}.case-reveal{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--t-med) var(--fluid)}.case-reveal-inner{overflow:hidden}.case .desc{padding-top:var(--s5);color:var(--block-muted, var(--ink-60));line-height:var(--lh-reading);max-width:54ch;transition:color var(--t-med) var(--fluid)}.case .tags{display:flex;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s6)}.case .case-link{position:absolute;top:var(--s5);right:var(--s5);font-size:1.5rem;color:var(--accent-ink);opacity:0;transform:translate(-8px,8px);transition:opacity var(--t-med) var(--fluid),transform var(--t-med) var(--snap)}.case:hover .case-body,.case:focus-visible .case-body,.case.in-view .case-body{background:var(--accent)}.case:hover .case-reveal,.case:focus-visible .case-reveal,.case.in-view .case-reveal{grid-template-rows:1fr}.case:hover h3,.case:focus-visible h3,.case.in-view h3{color:var(--accent-ink)}.case:hover .cat,.case:hover .desc,.case:focus-visible .cat,.case:focus-visible .desc,.case.in-view .cat,.case.in-view .desc{color:#ffffffd9}.case:hover .case-link,.case:focus-visible .case-link,.case.in-view .case-link{opacity:1;transform:translate(0)}.case--flag{grid-template-columns:calc((100% - var(--s7)) / 2) 1fr;height:480px}.case--flag .case-media .image-frame,.case--flag .case-media img,.case--flag .case-media .placeholder-img{min-height:400px}.case--flag .case-body{padding:var(--s8);justify-content:center}.work-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--s7)}.case--row{grid-template-rows:1fr auto;height:560px}.case--row .case-media{min-height:200px}.case--row h3{font-size:clamp(1.35rem,1.7vw,1.6rem)}.case--row .case-body{min-height:212px}.case--row .case-media .image-frame,.case--row .case-media img,.case--row .case-media .placeholder-img{height:100%}.fields h2{font-size:clamp(1.8rem,3vw,2.6rem);font-weight:700;letter-spacing:-.01em;line-height:1.1;max-width:24ch;margin:0 0 var(--s5);color:var(--block-fg, var(--ink))}.fields p.lead{color:var(--block-muted, var(--ink-60));max-width:60ch;line-height:var(--lh-reading)}.dark-fields{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--s7) var(--s6);position:relative;margin-top:var(--s9)}.dfld .num{font-family:var(--font-data);font-size:var(--size-micro);color:var(--block-accent, var(--accent));letter-spacing:var(--ls-wide);display:inline-block;transform-origin:left bottom}.dfld h3{font-size:1.04rem;font-weight:500;margin:var(--s4) 0 var(--s3);color:var(--block-fg, var(--ink))}@media(hover:hover){.dfld .num{transition:transform var(--t-med) var(--snap)}.dfld h3{transition:font-weight var(--t-med) var(--fluid)}.dfld:hover .num{transform:scale(1.35)}.dfld:hover h3{font-weight:700}}.dfld p{font-size:var(--size-small);line-height:var(--lh-compact);color:var(--block-muted, var(--ink-60))}.about{overflow:hidden}.about:after{content:"";position:absolute;inset:0;background:radial-gradient(60% 80% at 85% 20%,var(--accent-12),transparent 70%);pointer-events:none}.about>.wrap{position:relative;z-index:1}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s8);align-items:stretch}.about-figure{margin:0;position:relative;align-self:stretch;border-radius:var(--r-surface);overflow:hidden;filter:drop-shadow(0 14px 22px rgba(8,8,10,.14))}.about-image{position:absolute;inset:0;width:100%;height:100%;display:block}.about-image .image-frame__img{object-fit:cover}.about-figure .figcap{margin-top:var(--s3)}.about .sec-title{color:var(--block-fg, var(--ink))}.about-group{margin-top:var(--s6)}.about-group h3{font-family:var(--font-display);font-size:var(--size-micro);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--block-accent, var(--accent));margin-bottom:var(--s3);font-weight:500}.about-group ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--s2)}.about-group li{font-size:1rem;color:var(--block-fg, var(--ink));padding-left:var(--s4);position:relative;line-height:var(--lh-reading)}.about-group li:before{content:"";position:absolute;left:0;top:.85em;width:5px;height:5px;border-radius:var(--r-round);background:var(--block-accent, var(--accent));transform:translateY(-50%)}@media(max-width:980px){.dark-fields{grid-template-columns:repeat(2,1fr)}}@media(max-width:860px){.case--flag,.work-pair,.about-grid{grid-template-columns:1fr}.case--flag,.case--row{display:block;position:relative;height:min(560px,135vw)}.case--flag .case-media,.case--row .case-media{position:absolute;inset:0;min-height:0}.case--flag .case-media .image-frame,.case--flag .case-media img,.case--flag .case-media .placeholder-img{min-height:0;height:100%}.case--flag .case-body,.case--row .case-body{position:absolute;left:0;right:0;bottom:0;max-height:100%;min-height:174px;padding:var(--s5);transition:background-color var(--t-slow) var(--fluid)}.case-reveal{transition:grid-template-rows var(--t-slow) var(--fluid)}.case .desc{padding-top:var(--s4);font-size:var(--size-small);display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical;overflow:hidden}.about-grid{gap:var(--s6)}.about-figure{align-self:start;aspect-ratio:4 / 5}}@media(max-width:760px){.hero-bg{height:80vh;min-height:460px;filter:none}.hero-content{max-width:none}.hero-scrim{background:linear-gradient(to top,#08080c9e,#08080c1a 46%),linear-gradient(160deg,#08080cb8,#08080c66 60%,#08080c38)}.hero h1.lede{font-size:clamp(1.95rem,7.4vw,2.6rem);max-width:22ch}.hero-actions{gap:var(--s2)}.hero-actions .btn{flex:1 1 100%;justify-content:center;white-space:normal;text-align:center}.sec-head{margin-bottom:var(--s7)}.sec-head .btn{align-self:flex-start}}@media(prefers-reduced-motion:reduce){.hero-bg,.about-figure{filter:none}.case,.case-body,.case-reveal,.case .case-link{transition:none}}@media(max-width:560px){.dark-fields{grid-template-columns:1fr}}