:root{
  --black:#0b0b0b;
  --white:#f4f1eb;
  --red:#f01414;
  --line:rgba(255,255,255,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;font-weight:600;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;width:100%}
.topbar{position:fixed;z-index:50;top:0;left:0;right:0;height:72px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;background:rgba(11,11,11,.76);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1)}
.brand{font-size:22px;font-weight:900;letter-spacing:-.05em}
.topbar nav{display:flex;gap:28px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.topbar nav a{opacity:.72;transition:.2s ease}.topbar nav a:hover{opacity:1}
.hero{position:relative;min-height:100vh;padding:120px 34px 48px;display:grid;grid-template-columns:minmax(300px,.85fr) minmax(480px,1.4fr);gap:28px;align-items:end;border-bottom:1px solid var(--line)}
.hero-copy{align-self:center;max-width:620px;padding-right:4vw}
.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;opacity:.62;margin-bottom:28px}
h1,h2{margin:0;font-weight:900;letter-spacing:-.07em;line-height:.84;text-transform:uppercase}
h1{font-size:clamp(78px,10.5vw,180px)}
h2{font-size:clamp(58px,7vw,120px)}
.hero-copy p,.section-heading p{max-width:560px;font-size:18px;line-height:1.45;font-weight:500;opacity:.76;margin:34px 0}
.cta{display:inline-flex;gap:28px;align-items:center;border-bottom:2px solid var(--white);padding:0 0 9px;font-size:15px;text-transform:uppercase;letter-spacing:.08em}.cta span{font-size:20px}
.hero-note{margin-top:50px;font-size:12px;letter-spacing:.04em;opacity:.5;max-width:360px;line-height:1.5}
.hero-media{position:relative;overflow:hidden;border-radius:2px;min-height:68vh;background:#111}
.hero-media>img{height:100%;min-height:68vh;object-fit:cover}
.media-tag,.media-index{position:absolute;bottom:18px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:rgba(0,0,0,.7);padding:9px 11px}.media-tag{left:18px}.media-index{right:18px}
.crown{position:absolute;width:150px;height:auto;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2));pointer-events:none}.crown-a{left:45%;bottom:5%;transform:rotate(-10deg);opacity:.8}
.space-section{padding:130px 34px}
.section-heading{display:grid;grid-template-columns:1fr 2fr;column-gap:30px;align-items:start;margin-bottom:70px}.section-heading .eyebrow{grid-column:1}.section-heading h2{grid-column:2}.section-heading p{grid-column:2;margin-top:34px}
.gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:240px;gap:12px}
.tile{margin:0;overflow:hidden;background:#171717}.tile img{height:100%;object-fit:cover;transition:transform .5s ease}.tile:hover img{transform:scale(1.025)}
.tile:nth-of-type(1){grid-column:1/8;grid-row:1/3}.tile:nth-of-type(2){grid-column:8/13;grid-row:1/2}.tile:nth-of-type(3){grid-column:8/13;grid-row:2/3}.tile:nth-of-type(4){grid-column:1/6;grid-row:3/5}
.graphic-card{grid-column:6/13;grid-row:3/5;background:var(--white);color:var(--black);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.graphic-card img{width:min(70%,520px);height:auto;opacity:.95;transform:rotate(-12deg)}.graphic-card span{position:absolute;left:24px;bottom:20px;font-size:14px;letter-spacing:.12em}
.statement{padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}.statement-inner{display:flex;gap:50px;white-space:nowrap;font-size:clamp(34px,5vw,80px);font-weight:900;letter-spacing:-.055em;text-transform:uppercase;transform:translateX(-1vw)}.statement-inner span:nth-child(2){color:var(--red)}
.location{display:grid;grid-template-columns:1fr 1.15fr;min-height:84vh;background:var(--white);color:var(--black)}
.location-copy{padding:120px 5vw 80px 34px;display:flex;flex-direction:column;justify-content:center}.location-copy .eyebrow{opacity:.55}.location-copy h2{font-size:clamp(58px,7vw,110px)}
.info-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:34px 26px;margin:55px 0}.info-grid .label{display:block;text-transform:uppercase;font-size:10px;letter-spacing:.14em;opacity:.45;margin-bottom:8px}.info-grid p{margin:0;font-size:16px;line-height:1.55;font-weight:700}.info-grid>div:last-child{grid-column:1/-1}.inverse{border-color:var(--black);align-self:flex-start}
.location-media{min-height:84vh;overflow:hidden}.location-media img{height:100%;object-fit:cover}
footer{min-height:100px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;border-top:1px solid var(--line)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}
@media (max-width:900px){
  .topbar{height:64px;padding:0 18px}.topbar nav a:not(:last-child){display:none}.topbar nav{gap:0}
  .hero{padding:100px 18px 24px;grid-template-columns:1fr;min-height:auto}.hero-copy{padding-right:0}.hero-media{min-height:52vh}.hero-media>img{min-height:52vh}.crown-a{display:none}
  h1{font-size:clamp(72px,19vw,130px)}
  .space-section{padding:90px 18px}.section-heading{display:block}.section-heading h2{font-size:clamp(54px,14vw,100px)}
  .gallery{grid-template-columns:1fr 1fr;grid-auto-rows:190px}.tile:nth-of-type(1){grid-column:1/-1;grid-row:auto/span 2}.tile:nth-of-type(2),.tile:nth-of-type(3){grid-column:auto;grid-row:auto}.tile:nth-of-type(4){grid-column:1/-1;grid-row:auto/span 2}.graphic-card{grid-column:1/-1;grid-row:auto/span 2}
  .statement-inner{gap:28px}
  .location{grid-template-columns:1fr}.location-copy{padding:90px 18px 60px}.location-media{min-height:56vh;order:-1}.location-copy h2{font-size:clamp(56px,14vw,100px)}
  footer{padding:26px 18px;align-items:flex-start;flex-direction:column}
}
@media (max-width:560px){
  .hero-copy p,.section-heading p{font-size:16px}.hero-note{margin-top:34px}
  .gallery{display:block}.tile,.graphic-card{height:300px;margin-bottom:10px}.graphic-card{display:flex}.tile:nth-of-type(1),.tile:nth-of-type(4){height:410px}
  .info-grid{grid-template-columns:1fr}.info-grid>div:last-child{grid-column:auto}
}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}