:root{color-scheme:dark;--page:#11110f;--surface:#1c1c19;--surface2:#24231f;--line:#555348;--text:#f1f0e9;--muted:#b5b2a6;--metal:#d8dcdb;--gold:#d7a13a;--mono:"DejaVu Sans Mono","SFMono-Regular",Consolas,monospace;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:300px;margin:0;background:linear-gradient(135deg,rgb(255 255 255 / 2%) 25%,transparent 25%) 0 0/32px 32px,linear-gradient(315deg,rgb(255 255 255 / 1.5%) 25%,transparent 25%) 0 0/32px 32px,var(--page);color:var(--text);font-family:var(--sans);line-height:1.55}a{color:var(--gold);text-underline-offset:.2em}button,a{-webkit-tap-highlight-color:transparent}.wrap{width:min(1260px,calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;z-index:100;top:10px;left:10px;padding:9px 13px;transform:translateY(-160%);background:#fff;color:#111;font-family:var(--mono)}.skip-link:focus{transform:none}.scroll-meter{position:fixed;z-index:80;inset:0 0 auto;height:3px}.scroll-meter span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--metal),var(--gold))}
.site-header{position:sticky;z-index:30;top:0;border-bottom:1px solid rgb(255 255 255 / 9%);background:rgb(17 17 15 / 90%);backdrop-filter:blur(16px)}.topbar{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;color:white;font-family:var(--mono);font-size:.75rem;font-weight:700;text-decoration:none}.brand span{padding:7px 17px 7px 16px;background:#4b4b47;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,0 100%,9px 50%)}.brand span:first-child{padding-left:11px;background:#a46d18;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 50%,calc(100% - 9px) 100%,0 100%)}.brand span+span{margin-left:-6px}.nav-links{display:flex;gap:22px;font-family:var(--mono);font-size:.72rem}.nav-links a{color:var(--muted);text-decoration:none}.nav-links a:hover{color:white}
.hero{padding:clamp(72px,10vw,140px) 0 0}.hero-grid{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(40px,7vw,110px)}.kicker{margin:0 0 18px;color:var(--gold);font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}h1,h2{margin:0;font-family:var(--mono);letter-spacing:-.065em;line-height:.98}h1{font-size:clamp(3.2rem,7.5vw,7.5rem)}h1 span{color:var(--metal)}h2{font-size:clamp(2.25rem,5vw,5.2rem)}.lede{max-width:680px;margin:26px 0 0;color:#d3d2cc;font-size:clamp(1rem,1.5vw,1.18rem)}.button{display:inline-block;margin-top:30px;padding:13px 17px;border:1px solid var(--gold);border-radius:3px;color:var(--text);font-family:var(--mono);font-size:.75rem;font-weight:700;text-decoration:none}
.hero-figure,.media-card{overflow:hidden;margin:0;border:1px solid var(--line);border-radius:3px;background:var(--surface)}.hero-figure button,.media-card button{display:block;width:100%;padding:0;border:0;background:#070706;cursor:zoom-in}.hero-figure button{aspect-ratio:4/5}.hero-figure img,.media-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.hero-figure img{object-position:center}.hero-figure button:hover img,.media-card button:hover img{transform:scale(1.015)}.hero-figure figcaption,.media-card figcaption{display:flex;justify-content:space-between;gap:14px;padding:10px 13px;color:var(--muted);font-family:var(--mono);font-size:.66rem}.hero-figure figcaption span:first-child,.media-card figcaption span:first-child{color:var(--gold)}
.facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-block:1px solid var(--line)}.facts div{padding:22px 24px;border-left:1px solid var(--line)}.facts div:first-child{border-left:0}.facts span,.facts strong{display:block}.facts span{color:var(--muted);font-family:var(--mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.facts strong{margin-top:4px;font-family:var(--mono);font-size:.84rem}.section{padding:clamp(88px,11vw,150px) 0}.section.alt{background:rgb(255 255 255 / 2%);box-shadow:inset 0 1px var(--line),inset 0 -1px var(--line)}.section-heading{max-width:900px;margin-bottom:50px}.section-heading p:last-child{max-width:720px;margin:24px 0 0;color:var(--muted)}
.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.gallery figure{grid-column:span 4}.gallery .wide{grid-column:span 8}.gallery .full{grid-column:1/-1}.gallery .portrait button{aspect-ratio:3/4}.gallery button{aspect-ratio:4/3}.gallery .wide button,.gallery .full button{aspect-ratio:16/9}.gallery .brake-photo button{aspect-ratio:4/3}.bend-note{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;margin:55px 0 0;padding:24px;border:1px solid var(--line);border-left:5px solid var(--gold);background:linear-gradient(110deg,rgb(215 161 58 / 11%),rgb(216 220 219 / 5%))}.bend-note b{font-family:var(--mono);font-size:2rem;color:var(--gold)}.bend-note strong{display:block;font-family:var(--mono);font-size:clamp(1rem,2vw,1.5rem)}.bend-note p{margin:7px 0 0;color:var(--muted)}.end-actions{text-align:center;margin-top:56px}.site-footer{display:flex;min-height:104px;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-family:var(--mono);font-size:.68rem}.site-footer a{text-decoration:none}
.lightbox{width:min(95vw,1600px);max-width:none;max-height:94vh;padding:48px 12px 12px;border:1px solid var(--line);border-radius:4px;background:#060605;color:var(--text);box-shadow:0 30px 100px #000}.lightbox::backdrop{background:rgb(0 0 0 / 88%);backdrop-filter:blur(5px)}.lightbox img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(94vh - 90px);margin:auto;object-fit:contain}.lightbox p{margin:9px 4px 0;color:var(--muted);font-family:var(--mono);font-size:.68rem;text-align:center}.lightbox-close{position:absolute;top:10px;right:12px;padding:5px 8px;border:1px solid var(--line);border-radius:3px;background:var(--surface);color:var(--text);font-family:var(--mono);cursor:pointer}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-figure{max-width:760px}.hero-figure button{aspect-ratio:16/10}.gallery figure,.gallery .wide{grid-column:span 6}.gallery .full{grid-column:1/-1}.facts{grid-template-columns:repeat(2,1fr)}.facts div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.facts div:nth-child(4){border-top:1px solid var(--line)}}
@media(max-width:580px){.wrap{width:min(100% - 24px,1260px)}.site-header{position:relative}.nav-links{display:none}.hero{padding-top:52px}.hero-figure button{aspect-ratio:4/3}.gallery{grid-template-columns:1fr}.gallery figure,.gallery .wide,.gallery .full{grid-column:auto}.gallery button,.gallery .wide button,.gallery .full button{aspect-ratio:4/3}.gallery .portrait button,.hero-figure.final-installation button,.gallery .final-installation button{aspect-ratio:3/4}.site-footer{display:block;padding:30px 0}.site-footer span{display:block;margin-top:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-figure img,.media-card img{transition:none}}