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