:root{--black:#090b0c;--panel:#111416;--ink:#ebedeb;--muted:#969c9b;--line:#2a2e2f;--blue:#67d8ff;--amber:#d6a05d;--serif:"Playfair Display",Georgia,serif;--sans:"Manrope",Arial,sans-serif;--mono:"DM Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;width:100%}.topbar{height:78px;position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;padding:0 4.5vw;border-bottom:1px solid rgba(255,255,255,.17)}.brand{font-family:var(--mono);font-size:1.35rem;font-weight:500;letter-spacing:-.08em;display:flex;align-items:center}.brand .bolt{color:var(--blue);font-size:.9em;margin:0 .04em}.topbar nav{display:flex;gap:2.2rem;margin:auto}.topbar nav a,.nav-cta{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.topbar nav a{color:#c7ccca}.topbar nav a:hover{color:#fff}.nav-cta{border-bottom:1px solid var(--blue);padding-bottom:.2rem}.menu{display:none;background:none;border:0;padding:10px}.menu span{display:block;width:26px;height:1px;background:#fff;margin:6px}
.hero{height:min(900px,100svh);min-height:720px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-image{height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,7,.97) 0%,rgba(4,6,7,.8) 31%,rgba(4,6,7,.12) 70%),linear-gradient(0deg,rgba(4,6,7,.65),transparent 40%)}.hero-copy{position:absolute;z-index:2;left:8vw;top:50%;transform:translateY(-44%);max-width:650px}.eyebrow,.section-label{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:#abb0ae}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow span{width:26px;height:1px;background:var(--blue)}h1{font-family:var(--serif);font-size:clamp(4rem,7vw,7.3rem);line-height:.91;letter-spacing:-.055em;font-weight:500;margin:1.4rem 0 1.7rem}h1 em,h2 em{font-weight:500;color:var(--blue)}.intro{font-size:1.1rem;line-height:1.7;color:#bdc1c0;max-width:520px;font-weight:300}.hero-actions{display:flex;align-items:center;gap:2rem;margin-top:2.4rem}.button{display:inline-flex;align-items:center;gap:2.8rem;padding:1rem 1.2rem;border:1px solid #dce1df;font-family:var(--mono);font-size:.73rem;text-transform:uppercase;letter-spacing:.08em}.button:hover{background:var(--ink);color:var(--black)}.button span{font-size:1rem}.text-link{font-family:var(--mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #626968;padding:.4rem 0}.text-link span{color:var(--blue);margin-left:.8rem}.hero-index{position:absolute;z-index:2;bottom:2rem;left:4.5vw;right:4.5vw;display:flex;justify-content:space-between;color:#9ca2a0;font:400 .68rem var(--mono);letter-spacing:.12em;text-transform:uppercase}
.manifesto{display:grid;grid-template-columns:1fr 2fr 1.2fr;gap:7vw;padding:10rem 7vw;border-bottom:1px solid var(--line)}.manifesto-copy{max-width:670px}.manifesto-copy p{color:#aeb3b1;font-size:1.05rem;font-weight:300}.manifesto-copy .lead{font:500 clamp(2rem,3vw,3.25rem)/1.25 var(--serif);color:var(--ink);margin-top:0}.pullquote{align-self:end;border-left:1px solid var(--amber);padding-left:1.5rem;color:#9da2a0;font:400 1.05rem/1.7 var(--serif)}.pullquote em{color:var(--ink)}
.principles{display:grid;grid-template-columns:repeat(3,1fr);padding:0 7vw;border-bottom:1px solid var(--line)}.principles article{padding:5rem 3.5vw 6rem;border-right:1px solid var(--line);position:relative}.principles article:first-child{border-left:1px solid var(--line)}.number{font:400 .68rem var(--mono);color:#66706e}.line-icon{font-size:2rem;color:var(--blue);height:70px;margin:4.2rem 0 1.5rem}.principles h2{font:500 2.2rem var(--serif);margin:0 0 1rem}.principles p{color:var(--muted);max-width:340px;font-weight:300}
.project{padding:10rem 7vw;background:#0c0f10}.project-heading{display:flex;justify-content:space-between}.status{font:400 .68rem var(--mono);text-transform:uppercase;letter-spacing:.13em;color:var(--blue);border:1px solid #244957;padding:.45rem .8rem}.project-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:9vw;margin-top:5rem}.project h2,.process h2,.contact h2{font:500 clamp(3rem,5vw,5.7rem)/1 var(--serif);letter-spacing:-.04em;margin:0}.project-intro{color:#9ca2a0;max-width:600px;margin-top:2rem;font-weight:300;font-size:1.05rem}.project dl{margin:0;display:grid;grid-template-columns:1fr 1fr}.project dl div{padding:1.4rem;border-top:1px solid var(--line)}.project dt{font:400 .7rem var(--mono);text-transform:uppercase;color:#767e7c}.project dd{margin:.45rem 0 0;font:400 2rem var(--serif)}.project dd span{font:400 .7rem var(--mono);color:#808785;text-transform:uppercase}.engineering-strip{display:grid;grid-template-columns:1fr 40px 1fr 40px 1fr 40px 1fr;align-items:center;margin-top:7rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:2rem 0}.engineering-strip div{display:grid;grid-template-columns:auto 1fr;column-gap:1rem}.engineering-strip span{grid-row:1/3;color:var(--blue);font:.7rem var(--mono)}.engineering-strip strong{font:500 .8rem var(--mono);text-transform:uppercase;letter-spacing:.06em}.engineering-strip small{color:#747b79;font:.68rem var(--mono);margin-top:.4rem}.engineering-strip i{height:1px;background:var(--line);position:relative}.engineering-strip i:after{content:"";position:absolute;right:0;top:-2px;border-left:5px solid var(--line);border-top:2px solid transparent;border-bottom:2px solid transparent}
.project-santana{background:#12110e;border-top:1px solid #302d26}.project-santana .concept{color:var(--amber);border-color:#5d472d}.project-visual{margin:4rem 0 0;position:relative;overflow:hidden}.project-visual:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(9,11,12,.35),transparent 42%),linear-gradient(0deg,rgba(9,11,12,.58),transparent 35%);pointer-events:none}.project-visual img{height:min(62vw,680px);min-height:420px;object-fit:cover}.project-visual figcaption{position:absolute;z-index:2;bottom:1.6rem;left:1.8rem;right:1.8rem;display:flex;justify-content:space-between;font:400 .68rem var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#e6e2d8}.project-visual figcaption span:first-child{border-left:3px solid #aa151b;padding-left:.7rem}.project-visual figcaption span:first-child:after{content:"";display:block;width:100%;height:3px;background:#f1bf00;margin-top:.25rem}.santana-grid{margin-top:6rem}.spanish-kicker{font:400 .72rem var(--mono);text-transform:uppercase;letter-spacing:.18em;color:#c9b999;display:flex;align-items:center;gap:.7rem;margin:0 0 1.8rem}.spanish-kicker span{display:inline-block;width:28px;height:4px;border-top:2px solid #aa151b;border-bottom:2px solid #f1bf00}.project-note{max-width:600px;color:#7f817c;font-size:.9rem;margin:1.5rem 0 2rem}.reference-link{display:inline-block}.project-santana dl div{border-color:#302d26}.santana-signoff{margin-top:6rem;padding-top:2rem;border-top:1px solid #302d26;display:flex;justify-content:space-between;align-items:baseline}.santana-signoff span{font:500 clamp(2rem,4vw,4rem) var(--serif);font-style:italic;color:var(--amber)}.santana-signoff strong{font:400 .72rem var(--mono);letter-spacing:.15em;text-transform:uppercase;color:#777870}
.process{padding:10rem 7vw}.process>.section-label{margin-bottom:4rem}.process h2{margin-bottom:5rem}.process ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.process li{padding:2.5rem 2vw 1rem 0;border-right:1px solid var(--line);min-height:240px}.process li+li{padding-left:2vw}.process li span{font:.7rem var(--mono);color:var(--blue)}.process h3{font:500 1.6rem var(--serif);margin:2rem 0 1rem}.process li p{color:var(--muted);font-weight:300;font-size:.93rem}
.contact{padding:9rem 7vw;text-align:center;background:var(--ink);color:var(--black)}.contact .eyebrow{justify-content:center;color:#555b59}.contact .eyebrow span{background:#0a789f}.contact h2{font-size:clamp(3.5rem,7vw,7.5rem);margin:2rem auto 3rem}.contact h2 em{color:#0a789f}.button.light{border-color:#1d2020}.button.light:hover{background:var(--black);color:var(--ink)}.contact-note{font:.68rem var(--mono);color:#6a716f;margin-top:1.2rem}
footer{padding:3rem 4.5vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;color:#858c8a}footer p{font:300 .85rem var(--sans);text-align:center;margin:0}footer>div{display:flex;flex-direction:column;align-items:flex-end;font:.68rem var(--mono);gap:.4rem}footer>div a{color:#d4d8d7}
@media(max-width:900px){.topbar nav,.nav-cta{display:none}.menu{display:block;margin-left:auto}.topbar.open nav{display:flex;position:absolute;top:78px;left:0;right:0;background:#090b0cf5;flex-direction:column;padding:2rem 4.5vw;gap:1.5rem}.hero{min-height:720px}.hero-copy{left:6vw;right:6vw;top:48%;}.hero-shade{background:linear-gradient(90deg,rgba(4,6,7,.93),rgba(4,6,7,.25)),linear-gradient(0deg,rgba(4,6,7,.75),transparent)}.manifesto{grid-template-columns:1fr;padding:7rem 7vw}.pullquote{margin-top:2rem}.principles{grid-template-columns:1fr}.principles article,.principles article:first-child{border-left:0;border-right:0;border-bottom:1px solid var(--line);padding:3.5rem 2vw}.line-icon{margin:2rem 0 1rem}.project-grid{grid-template-columns:1fr}.engineering-strip{grid-template-columns:1fr 1fr;gap:2rem}.engineering-strip i{display:none}.santana-signoff{align-items:flex-start;flex-direction:column;gap:1rem}.process ol{grid-template-columns:1fr 1fr}.process li:nth-child(2){border-right:0}.process li{border-bottom:1px solid var(--line)}}
@media(max-width:580px){.topbar{height:68px}.hero{min-height:680px}.hero-image{object-position:62% center}.hero-copy{top:46%}h1{font-size:3.6rem}.intro{font-size:1rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:1.2rem}.hero-index span:last-child{display:none}.manifesto,.project,.process{padding:6rem 6vw}.project-heading{align-items:start}.project dl{grid-template-columns:1fr}.engineering-strip{grid-template-columns:1fr}.process ol{grid-template-columns:1fr}.process li{border-right:0;min-height:auto;padding:2rem 0!important}.contact{padding:6rem 6vw}.contact h2{font-size:3.5rem}footer{grid-template-columns:1fr;gap:1.5rem;text-align:center}footer .brand{justify-content:center}footer p{text-align:center}footer>div{align-items:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
