:root { --ink:#0d1b22; --snow:#edf6f7; --gray:#91aeb8; --flare:#79d9ef; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--snow); font-family:Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
button { font:inherit; }
.caption { margin:0; color:var(--flare); font:700 11px/1.2 "Courier New",monospace; letter-spacing:.08em; text-transform:uppercase; }
.header { height:72px; padding:0 28px; display:flex; align-items:center; justify-content:space-between; background:var(--ink); border-bottom:1px solid rgba(231,235,230,.18); }
.wordmark { font:900 18px/1 "Arial Narrow",Arial,sans-serif; text-transform:uppercase; letter-spacing:-.03em; }
.wordmark span { color:var(--flare); }
.header__right { display:flex; align-items:center; gap:28px; font:700 11px/1 "Courier New",monospace; text-transform:uppercase; }
.header__ca { color:var(--gray); }
.header__buy { background:var(--snow); color:var(--ink); padding:13px 16px; }
.hero { height:74svh; min-height:540px; max-height:760px; position:relative; overflow:hidden; background:#768183; }
.hero>img { width:100%; height:100%; object-fit:cover; object-position:center 68%; transform:scale(1.08); transform-origin:center 72%; }
.hero__shade { position:absolute; inset:0; background:linear-gradient(180deg,rgba(17,21,21,.05) 30%,rgba(17,21,21,.82) 100%); }
.frame-meta { position:absolute; z-index:2; left:28px; right:28px; top:25px; display:flex; justify-content:space-between; font:700 10px/1 "Courier New",monospace; letter-spacing:.08em; text-transform:uppercase; }
.hero__title { position:absolute; z-index:2; left:28px; right:28px; bottom:18px; display:grid; grid-template-columns:1fr auto; align-items:end; gap:40px; }
.hero__title p { max-width:300px; margin:0 0 20px; color:var(--snow); font:italic 20px/1.25 Georgia,serif; }
h1 { margin:0; font:900 clamp(82px,8.3vw,132px)/.78 "Arial Narrow",Impact,sans-serif; letter-spacing:-.06em; text-transform:uppercase; text-align:right; }
.timecode { position:absolute; z-index:2; right:31px; top:55px; color:var(--flare); font:700 10px/1 "Courier New",monospace; }
.hero__sticker { position:absolute; z-index:3; left:28px; top:52px; padding:10px 12px; background:var(--flare); color:var(--ink); font:900 10px/1 "Courier New",monospace; transform:rotate(-2deg); }
.market { min-height:116px; padding:24px 28px; display:grid; grid-template-columns:1fr 1.5fr auto; align-items:center; gap:40px; border-bottom:1px solid rgba(231,235,230,.18); }
.market__identity { display:flex; align-items:center; gap:12px; }
.market__identity img { width:42px; height:42px; object-fit:cover; border-radius:50%; filter:grayscale(1); }
.market__identity strong { font-size:15px; }
.market__identity span { color:var(--gray); font:11px/1 "Courier New",monospace; }
.market dl { display:grid; grid-template-columns:repeat(3,1fr); margin:0; }
.market dl div { border-left:1px solid rgba(231,235,230,.18); padding-left:22px; }
.market dt { color:var(--gray); font:10px/1 "Courier New",monospace; text-transform:uppercase; }
.market dd { margin:8px 0 0; font:700 14px/1 "Courier New",monospace; }
.market .up { color:var(--flare); }
.market>a { font:700 10px/1 "Courier New",monospace; text-transform:uppercase; border-bottom:1px solid var(--gray); padding-bottom:5px; }
.opening { background:var(--snow); color:var(--ink); padding:86px max(28px,calc((100vw - 1240px)/2)); }
.opening h2 { max-width:940px; margin:20px 0 48px; font:900 clamp(52px,6vw,88px)/.94 "Arial Rounded MT Bold","Trebuchet MS",Arial,sans-serif; letter-spacing:-.055em; }
.opening__copy { width:min(820px,100%); display:grid; grid-template-columns:1fr 1fr; gap:42px; }
.opening__copy p { margin:0; font:17px/1.5 "Trebuchet MS",Arial,sans-serif; }
.opening__copy em { color:var(--flare); }
.town-frame { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr); height:650px; }
.town-frame figure { margin:0; position:relative; overflow:hidden; }
.town-frame figure img { width:100%; height:100%; object-fit:cover; object-position:center 72%; }
.town-frame figcaption { position:absolute; left:0; right:0; bottom:0; padding:14px 18px; display:flex; justify-content:space-between; background:var(--ink); font:700 10px/1 "Courier New",monospace; text-transform:uppercase; }
.town-frame figcaption span:first-child { color:var(--flare); }
.town-frame aside { padding:44px; display:flex; flex-direction:column; justify-content:center; border-left:1px solid rgba(231,235,230,.18); }
.aside__index { color:var(--flare); font:700 10px/1 "Courier New",monospace; text-transform:uppercase; }
.town-frame aside p { margin:20px 0 42px; font:700 25px/1.3 "Trebuchet MS",Arial,sans-serif; }
.town-frame aside a { align-self:start; font:700 10px/1 "Courier New",monospace; text-transform:uppercase; border-bottom:1px solid var(--gray); padding-bottom:5px; }
.intertitle { background:var(--flare); color:var(--ink); padding:60px 28px 44px; overflow:hidden; }
.intertitle p { margin:0; font:900 clamp(90px,17vw,260px)/.72 "Arial Narrow",Impact,sans-serif; letter-spacing:-.07em; text-transform:uppercase; }
.archive { background:var(--snow); color:var(--ink); display:grid; grid-template-columns:1.2fr .8fr; gap:70px; align-items:center; padding:90px max(28px,calc((100vw - 1240px)/2)); }
.archive__copy h2 { margin:22px 0 45px; font:900 clamp(56px,6vw,88px)/.9 "Arial Narrow",Impact,sans-serif; text-transform:uppercase; letter-spacing:-.045em; }
.archive__copy h2 strong { color:var(--flare); font-weight:inherit; }
.archive__copy>p:not(.caption) { max-width:580px; margin:0; font:18px/1.5 "Trebuchet MS",Arial,sans-serif; }
.archive__links { display:flex; gap:30px; margin-top:45px; }
.archive__links a { font:700 10px/1 "Courier New",monospace; text-transform:uppercase; border-bottom:1px solid var(--ink); padding-bottom:5px; }
.archive__poster { margin:0; transform:rotate(1.4deg); }
.archive__poster img { width:100%; }
.archive__poster figcaption { margin-top:10px; font:10px/1 "Courier New",monospace; text-transform:uppercase; }
.contract { padding:60px 28px; }
.contract button { width:100%; margin-top:22px; padding:28px 0; display:flex; justify-content:space-between; gap:25px; color:var(--snow); background:transparent; border:0; border-block:1px solid rgba(231,235,230,.28); cursor:pointer; text-align:left; }
.contract button span { font:700 clamp(15px,2.3vw,34px)/1.2 "Courier New",monospace; overflow-wrap:anywhere; }
.contract button strong { color:var(--flare); font:700 11px/1 "Courier New",monospace; text-transform:uppercase; }
.buy { min-height:560px; padding:88px max(28px,calc((100vw - 1240px)/2)); display:grid; grid-template-columns:1.2fr .8fr; column-gap:90px; align-content:center; border-top:1px solid rgba(231,235,230,.18); }
.buy .caption { grid-column:1/-1; margin-bottom:24px; }
.buy h2 { margin:0; font:900 clamp(70px,8vw,126px)/.78 "Arial Narrow",Impact,sans-serif; text-transform:uppercase; letter-spacing:-.055em; }
.buy>p:not(.caption) { margin:8px 0 40px; color:var(--gray); font:17px/1.5 "Trebuchet MS",Arial,sans-serif; align-self:end; }
.buy>a { grid-column:2; display:flex; align-items:center; justify-content:space-between; padding:22px 0; border-block:1px solid var(--snow); font:900 18px/1 "Arial Narrow",Arial,sans-serif; text-transform:uppercase; }
.buy>a span { color:var(--flare); font-size:26px; }
footer { padding:38px 28px 42px; display:grid; grid-template-columns:1fr 2fr auto; gap:50px; align-items:end; background:var(--snow); color:var(--ink); }
.footer__name { font:900 17px/1 "Arial Narrow",Arial,sans-serif; text-transform:uppercase; }
footer p { max-width:600px; margin:0; font:10px/1.45 "Courier New",monospace; }
footer>span { font:10px/1 "Courier New",monospace; }
.mobile-bar { display:none; }
.toast { position:fixed; z-index:30; left:50%; bottom:24px; transform:translate(-50%,20px); opacity:0; background:var(--flare); color:var(--ink); padding:13px 16px; font:700 11px/1 "Courier New",monospace; transition:.2s ease; pointer-events:none; }
.toast.show { opacity:1; transform:translate(-50%,0); }
@media(max-width:760px){
  body{padding-bottom:66px}.header{height:60px;padding:0 15px}.wordmark{font-size:14px}.header__right{gap:0}.header__right>*:not(.header__buy){display:none}.header__buy{padding:10px 11px;font-size:9px}
  .hero{height:68svh;min-height:500px;max-height:620px}.hero>img{object-position:58% 70%;transform:scale(1.32);transform-origin:58% 72%}.hero__shade{background:linear-gradient(180deg,rgba(13,27,34,.02) 20%,rgba(13,27,34,.88) 95%)}.frame-meta{top:16px;left:15px;right:15px;font-size:8px}.timecode{top:37px;right:15px;font-size:8px}.hero__sticker{left:15px;top:42px;font-size:8px;padding:8px 9px}.hero__title{left:15px;right:15px;bottom:16px;display:flex;flex-direction:column;align-items:stretch;gap:10px}.hero__title p{order:2;max-width:270px;margin:0;font:700 14px/1.25 "Trebuchet MS",Arial,sans-serif}h1{font-size:clamp(56px,16.5vw,70px);line-height:.77;text-align:left}
  .market{min-height:96px;padding:18px 15px;display:flex;gap:28px;overflow-x:auto;scrollbar-width:none}.market__identity{min-width:115px}.market__identity img{width:34px;height:34px}.market__identity span{display:none}.market dl{min-width:260px}.market dl div{padding-left:15px}.market>a{min-width:110px}
  .opening{padding:62px 15px 68px}.opening h2{margin:16px 0 32px;font-size:clamp(43px,12vw,56px)}.opening__copy{grid-template-columns:1fr;gap:18px}.opening__copy p{font-size:15px}
  .town-frame{grid-template-columns:1fr;height:auto}.town-frame figure{height:92vw;max-height:520px}.town-frame figure img{object-position:center 76%}.town-frame aside{padding:38px 15px 48px;border-left:0}.town-frame aside p{margin:16px 0 32px;font-size:22px}.town-frame figcaption{padding:12px 15px;font-size:8px}
  .intertitle{padding:36px 15px 28px}.intertitle p{font-size:20vw}.archive{grid-template-columns:1fr;gap:50px;padding:68px 15px}.archive__copy h2{font-size:13vw;margin-bottom:26px}.archive__copy>p:not(.caption){font-size:15px}.archive__links{flex-direction:column;align-items:start;gap:18px}.archive__poster{width:82%;margin-inline:auto}
  .contract{padding:52px 15px}.contract button{align-items:end;padding:20px 0}.contract button span{font-size:14px;line-height:1.45}.buy{min-height:560px;padding:68px 15px 90px;display:block}.buy h2{font-size:17vw;margin-bottom:30px}.buy>p:not(.caption){font-size:15px}.buy>a{margin-top:36px}
  footer{padding:35px 15px;grid-template-columns:1fr;gap:25px}.mobile-bar{position:fixed;z-index:20;inset:auto 0 0;height:66px;padding:9px 10px 9px 15px;display:grid;grid-template-columns:1fr 1.25fr;gap:10px;background:var(--ink);border-top:1px solid rgba(231,235,230,.25)}.mobile-bar>div{display:flex;flex-direction:column;justify-content:center}.mobile-bar strong{font:700 10px/1 "Courier New",monospace}.mobile-bar span{margin-top:5px;color:var(--flare);font:700 9px/1 "Courier New",monospace}.mobile-bar a{display:grid;place-items:center;background:var(--snow);color:var(--ink);font:700 10px/1 "Courier New",monospace;text-transform:uppercase}.toast{bottom:78px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.toast{transition:none}}