@font-face {font-family:Manrope;src:url('/assets/fonts/manrope-variable.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root {color-scheme:dark;--ink:#f7f6f2;--paper:#f0efea;--night:#090909;--muted:#b9b9b6;font-family:Manrope,Arial,Helvetica,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
* {box-sizing:border-box}
html {min-width:320px;background:var(--night);scroll-padding-top:30px}
body {margin:0;color:var(--ink);background:var(--night)}
a {color:inherit;text-decoration:none}
a:focus-visible {outline:2px solid currentColor;outline-offset:8px;border-radius:2px}
.skip-link {position:absolute;left:24px;top:-100px;padding:12px 16px;z-index:20;background:var(--ink);color:var(--night)}
.skip-link:focus {top:18px}
.site-header {position:absolute;top:0;left:0;z-index:3;width:100%;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:36px 5.4vw}
.brand {display:inline-flex;align-items:center}
.brand img {display:block;width:205px;height:auto}
.site-header nav {margin-left:auto;font-size:12px}
.site-header nav a {display:flex;align-items:center;gap:24px;padding:10px 0}
.site-header nav a span {font-size:18px}
.development-status {display:inline-flex;align-items:center;gap:9px;border:1px solid #ffffff35;border-radius:30px;padding:10px 16px;font-size:10px;letter-spacing:.04em;white-space:nowrap;backdrop-filter:blur(8px);background:#08080825}
.development-status>span,.store-status>span {width:4px;height:4px;border-radius:50%;background:currentColor}
.hero {position:relative;min-height:700px;height:min(100svh,1020px);isolation:isolate;overflow:hidden;background:#0a0a0a}
.hero-art {position:absolute;inset:0;z-index:-1}
.architecture {display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-shade {position:absolute;inset:0;background:linear-gradient(90deg,#0707073b 0,#07070711 48%,transparent 75%),linear-gradient(180deg,#0004,transparent 24%,transparent 75%,#0007)}
.hero-emblem {position:absolute;left:71%;top:45%;width:clamp(220px,22.5vw,370px);aspect-ratio:224/230;transform:translate(-50%,-50%);filter:drop-shadow(3px 12px 8px #000b) drop-shadow(0 -1px 0 #ffffff55)}
.emblem-crop {height:100%;overflow:hidden}
.emblem-crop img {display:block;max-width:none;width:178.5714286%;height:auto;transform:translate(-22%,-21.25%)}
.hero-content {position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%;max-width:65%;padding:100px 0 80px 5.4vw}
.eyebrow {margin:0 0 29px;font-size:10px;font-weight:500;line-height:1.5;letter-spacing:.24em;text-transform:uppercase}
.hero .eyebrow {color:#c3c3bd}
h1 {margin:0;font-size:clamp(64px,7.5vw,126px);line-height:.98;letter-spacing:-.073em;font-weight:450}
h1 span {color:#e6e6df}
.hero-intro {margin:30px 0 33px;color:#c8c8c2;font-size:clamp(14px,1.15vw,18px);line-height:1.65;letter-spacing:-.015em}
.hero-link {display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-width:185px;border-bottom:1px solid #f7f6f25f;padding:0 0 12px;font-size:11px;font-weight:600}
.hero-link span {display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid #f7f6f25f;font-size:15px;transition:background .2s,color .2s}
.hero-link:hover span {background:var(--ink);color:var(--night)}
.hero-footnote {display:flex;align-items:center;gap:15px;position:absolute;bottom:29px;left:5.4vw;right:5.4vw;color:#c3c3bd;font-size:9px;letter-spacing:.1em}
.hero-footnote>span:last-child {margin-left:auto}
.scroll-line {width:30px;height:1px;background:#c3c3bd80}
.store-section {position:relative;color:#161616;background:var(--paper);padding:100px 5.4vw 55px;display:grid;grid-template-columns:1.15fr 1fr;column-gap:70px}
.store-section .eyebrow {color:#53534f;margin-bottom:24px}
h2 {margin:0;font-weight:450;font-size:clamp(42px,4.6vw,78px);line-height:1.05;letter-spacing:-.065em}
.store-copy {align-self:center;max-width:430px;padding-top:25px}
.store-copy p {font-size:14px;line-height:1.8;color:#62625d;margin:0 0 18px}
.store-copy .store-lead {color:#171717;font-size:clamp(20px,1.7vw,27px);line-height:1.4;letter-spacing:-.035em;max-width:360px}
.store-copy .store-status {display:flex;align-items:center;gap:9px;font-size:10px;color:#4e4e49;margin-top:26px;margin-bottom:0}
.brand-detail {grid-column:1/-1;display:flex;align-items:flex-end;justify-content:space-between;gap:40px;border-top:1px solid #16161624;margin-top:80px;padding-top:36px}
.brand-detail img {display:block;width:clamp(200px,26vw,440px);height:auto}
.brand-detail>span {font-size:11px;padding-bottom:8px;color:#62625d}
.site-footer {display:flex;align-items:center;justify-content:space-between;gap:35px;padding:38px 5.4vw;font-size:10px}
.footer-brand img {display:block;width:145px;height:auto}
.website-link {color:#c3c3bd}
.back-top {display:inline-flex;align-items:center;gap:28px;color:#c3c3bd}
.back-top span {color:var(--ink);font-size:16px}
@media(min-width:1900px) {.site-header,.hero-content,.hero-footnote,.store-section,.site-footer {padding-left:max(5.4vw,calc((100vw - 1800px)/2));padding-right:max(5.4vw,calc((100vw - 1800px)/2))}.hero-footnote {left:0;right:0}}
@media(max-width:1000px) {.hero {min-height:680px}.brand img {width:180px}.hero-content {max-width:66%}h1 {font-size:8vw}.hero-emblem {left:73%;width:24vw}.store-section {column-gap:45px;padding-top:80px}}
@media(max-width:680px) {
.site-header {flex-wrap:wrap;gap:16px;padding:25px 24px}.brand img {width:166px}.site-header nav {display:none}.development-status {margin-left:auto;padding:8px 11px;font-size:9px}
.hero {height:auto;min-height:860px}.hero-content {max-width:none;height:auto;justify-content:flex-start;padding:148px 24px 390px}.hero .eyebrow {margin-bottom:25px}
h1 {font-size:clamp(57px,13vw,88px);letter-spacing:-.07em;line-height:1}
.hero-intro {font-size:14px;margin:24px 0 25px}.hero-link {font-size:10px;min-width:170px;gap:22px}
.architecture {position:absolute;top:auto;bottom:0;height:480px;width:100%;object-position:84% center}
.hero-shade {background:linear-gradient(180deg,#090909 0,#090909 45%,#09090900 63%,#0004 100%)}
.hero-emblem {left:54%;top:auto;bottom:180px;width:190px;transform:translateX(-50%)}
.hero-footnote {left:24px;right:24px;bottom:26px;font-size:8px;gap:12px}.hero-footnote>span:last-child {display:none}
.store-section {grid-template-columns:minmax(0,1fr);padding:64px 24px 36px;gap:30px}h2 {font-size:clamp(44px,10.5vw,65px)}
.store-copy {padding-top:0;max-width:360px}.store-copy p {font-size:13px}.store-copy .store-lead {font-size:21px}
.brand-detail {margin-top:18px;padding-top:28px;gap:15px;align-items:center}.brand-detail img {width:200px}.brand-detail>span {max-width:90px;font-size:9px;line-height:1.6;padding:0}
.site-footer {flex-wrap:wrap;padding:30px 24px;gap:28px}.footer-brand img {width:130px}.website-link {margin-left:auto;font-size:9px}.back-top {display:none}
}
@media(max-width:360px) {.site-header {gap:12px}.brand img {width:137px}.development-status {font-size:8px;padding:7px 9px;gap:6px}h1 {font-size:56px}.hero-content {padding-top:135px}.brand-detail img {width:165px}}
@media(prefers-reduced-motion:no-preference) {
html {scroll-behavior:smooth}.hero-content {animation:reveal .7s ease-out both}.hero-emblem {animation:light-up .9s .15s ease-out both}
@keyframes reveal {from {opacity:0;translate:0 10px}to {opacity:1;translate:0 0}}
@keyframes light-up {from {opacity:0}to {opacity:1}}
}