.hero{position:relative;z-index:1;display:grid;grid-template-columns:repeat(12,1fr);min-height:50vh;border-bottom:1px solid var(--ink)}.hero-cell{position:relative;padding:26px 18px;gap:10px}.bauhaus-graph{margin-inline-start:-100%}.kicker{grid-column:1 / span 4;display:flex;flex-direction:column;justify-content:space-between;min-height:100%;border-right:1px dashed var(--grid)}.kicker .tag{font-family:var(--font-mono);font-size:var(--fs-mono-label);letter-spacing:var(--tr-mono);text-transform:uppercase;line-height:1.5}.kicker .tag small{display:block;color:var(--mute);margin-top:6px}.hero-center{grid-column:5 / span 4;border-right:1px dashed var(--grid);display:flex;align-items:center;justify-content:center;padding:40px 20px}.hero-right{grid-column:9 / span 4;display:flex;flex-direction:column;justify-content:space-between;padding:26px 18px 26px 24px}.hero-right .scroll{align-self:flex-end;font-family:var(--font-mono);font-size:var(--fs-mono-label);letter-spacing:var(--tr-mono);text-transform:uppercase;display:flex;align-items:center;gap:10px}.hero-right .scroll .line{display:inline-block;width:42px;height:1px;background:var(--ink)}.lede{font-family:var(--font-serif);font-weight:400;font-size:clamp(18px,1.6vw,22px);line-height:1.45;max-width:38ch;letter-spacing:-.005em}.lede em{font-style:italic;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.headline-row{position:relative;z-index:1;border-bottom:1px solid var(--ink);padding:40px 0 48px;display:grid;grid-template-columns:repeat(12,1fr)}.headline{grid-column:1 / span 8;padding:0 var(--cell-pad-x);font-family:var(--font-display);font-weight:900;font-size:var(--fs-display);line-height:var(--lh-display);letter-spacing:var(--tr-display-tight)}.headline .serif{font-family:var(--font-serif);font-style:italic;font-weight:400;letter-spacing:-.03em}.headline-meta{grid-column:10 / span 3;align-self:end;padding:0 var(--cell-pad-x);font-family:var(--font-mono);font-size:var(--fs-mono-label);letter-spacing:var(--tr-mono);text-transform:uppercase;line-height:1.7}.headline-meta .dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ink);margin-right:8px;vertical-align:middle}.composition{width:min(320px,85%);aspect-ratio:1 / 1;position:relative}.comp-square{position:absolute;inset:0;border:1.5px solid var(--ink)}.comp-circle{position:absolute;left:8%;top:12%;width:68%;aspect-ratio:1;border-radius:50%;background:var(--ink)}.comp-tri{position:absolute;right:-6%;bottom:-2%;width:0;height:0;border-left:80px solid transparent;border-right:80px solid transparent;border-bottom:140px solid var(--ink);transform:rotate(18deg)}.comp-bar{position:absolute;left:-8%;bottom:22%;width:42%;height:10px;background:var(--mute)}.comp-ring{position:absolute;right:6%;top:6%;width:34%;aspect-ratio:1;border-radius:50%;border:1.5px solid var(--ink);background:var(--paper);animation:spin 24s linear infinite;transform-origin:center}.projects{border-top:1px solid var(--ink)}.project{display:grid;grid-template-columns:80px 1fr 1.2fr 200px 80px;align-items:center;padding:26px 18px;border-bottom:1px solid var(--ink);gap:20px;position:relative;cursor:pointer;text-decoration:none;color:inherit;transition:background .3s ease,color .3s ease,padding .3s ease;overflow:hidden}.project:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--ink);transition:width .45s cubic-bezier(.7,.01,.3,1);z-index:-1}.project:hover{color:var(--paper);padding-left:32px}.project:hover:before{width:100%}.project:hover .p-arrow{transform:translate(6px)}.p-num{font-family:var(--font-mono);font-size:13px;letter-spacing:.08em;opacity:.7}.p-name{font-family:var(--font-display);font-weight:700;font-size:clamp(20px,2.2vw,30px);letter-spacing:var(--tr-display-mid)}.p-name .serif{font-family:var(--font-serif);font-style:italic;font-weight:400}.p-desc{font-family:var(--font-display);font-size:14px;line-height:1.45;color:var(--mute);max-width:50ch}.project:hover .p-desc{color:var(--mute-2)}.p-meta{font-family:var(--font-mono);font-size:var(--fs-mono-label);letter-spacing:var(--tr-mono-tight);text-transform:uppercase;display:flex;flex-direction:column;gap:4px}.p-meta span:last-child{color:var(--mute)}.project:hover .p-meta span:last-child{color:var(--mute-2)}.p-arrow{justify-self:end;font-family:var(--font-display);font-size:22px;transition:transform .3s ease}.about{display:grid;grid-template-columns:repeat(12,1fr);padding:10px 0 0}.about-copy{grid-column:4 / span 6;padding:0 var(--cell-pad-x);font-family:var(--font-serif);font-size:clamp(18px,1.5vw,22px);line-height:1.55}.about-copy p+p{margin-top:1em}.about-copy em{font-style:italic}.about-meta{grid-column:11 / span 2;padding:0 var(--cell-pad-x);font-family:var(--font-mono);font-size:var(--fs-mono-label);letter-spacing:var(--tr-mono);text-transform:uppercase;line-height:1.8;color:var(--mute)}.about-meta strong{display:block;color:var(--ink);font-weight:500;margin-bottom:4px;margin-top:14px}.about-meta strong:first-child{margin-top:0}.foot-big{grid-column:1 / span 12;padding:0 var(--cell-pad-x) 40px;font-family:var(--font-display);font-weight:900;font-size:var(--fs-display-sm);line-height:.9;letter-spacing:var(--tr-display-tight);position:relative;width:fit-content;display:flex}.foot-big .serif{font-family:var(--font-serif);font-style:italic;font-weight:400}.foot-meta{grid-column:1 / span 12;padding:20px var(--cell-pad-x) 0;border-top:1px solid var(--ink);display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:var(--fs-mono-label);letter-spacing:var(--tr-mono);text-transform:uppercase}.foot-meta a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:1px}.click{width:var(--fs-display-sm)}@media(max-width:900px){.hero{grid-template-columns:repeat(6,1fr);min-height:auto}.kicker{grid-column:1 / -1;border-right:none;border-bottom:1px dashed var(--grid);padding:24px 4px}.hero-cell{gap:24px}.hero-center{grid-column:1 / -1;border-right:none;border-bottom:1px dashed var(--grid);padding:40px 0}.hero-right{grid-column:1 / -1;padding:24px 4px;gap:24px}.headline{grid-column:1 / -1;font-size:clamp(54px,14vw,120px)}.headline-meta{grid-column:1 / -1;padding-top:20px}.project{grid-template-columns:60px 1fr 40px;gap:12px}.p-desc,.p-meta{display:none}.about{grid-template-columns:1fr}.about-copy,.about-meta{grid-column:1 / -1;padding:0 4px}.about-meta{margin-top:30px}.foot-meta{flex-direction:column;gap:10px}.bauhaus-graph{display:none}}