:root { --red: #9e1c37; --text:#111; --muted:#4b5563; }
* { box-sizing:border-box; }
html,body { height:100%; }
body { margin:0; font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial; background:#fff; color:var(--text);}
.wrapper { display:grid; grid-template-columns:1fr 1fr; min-height:100vh; }
.left { padding:clamp(24px,4vw,56px); display:grid; grid-template-rows:auto 1fr auto; gap:clamp(16px,3vw,32px); background:#fff; }
.brand { display:flex; align-items:center; gap:14px; }
.brand img { height:clamp(24px,4vw,40px); width:auto; }
.main { align-self:center; }
h1.coming { font-family:"Minion Pro", Georgia, "Times New Roman", serif; font-weight:700; font-size:clamp(48px,10vw,150px); line-height:.9; letter-spacing:-0.5px; margin:0 0 8px; }
h1.coming .dot { color:var(--red); }
h2.tag { font-family:Inter, ui-sans-serif, system-ui; font-weight:300; font-size:clamp(18px,3.2vw,48px); margin:8px 0 10px; color:#222; }
p.desc { font-family:Inter, ui-sans-serif, system-ui; font-weight:300; font-size:clamp(14px,2.2vw,24px); color:#333; max-width:44ch; }
.footer { color:#6b7280; font-size:12px; }
.right { position:relative; overflow:hidden; background:#000; }
.right img.bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:grayscale(100%) contrast(1.05);}
.strip { position:absolute; top:0; right:0; height:100%; width:clamp(48px,9vw,96px); background:var(--red); display:grid; place-items:center; }
.strip span { color:#fff; font-weight:700; letter-spacing:.5px; transform:rotate(-90deg); white-space:nowrap; font-family:Inter, ui-sans-serif, system-ui; font-size:clamp(12px,1.6vw,24px);}
@media (max-width:900px) { .wrapper{ grid-template-columns:1fr; } .right{ order:-1; height:44vh; } .strip{ width:56px; } }