*{box-sizing:border-box;margin:0;padding:0}
:root{--ink:#171717;--muted:#777;--paper:#f5f3ef;--accent:#b49a68}
html,body{min-height:100%;font-family:Inter,Arial,sans-serif;color:var(--ink)}
body{background:var(--paper)}
.page{position:relative;min-height:100vh;overflow:hidden;display:flex;flex-direction:column;padding:34px 6vw}
.grain{position:absolute;inset:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.topbar{position:relative;z-index:1;display:flex;align-items:center;gap:14px;animation:fadeDown 1s ease both}
.brand-mark{width:45px;height:45px;border:1px solid var(--ink);display:grid;place-items:center;font-family:"Playfair Display",serif;font-size:16px}
.brand-name{font-size:11px;line-height:1.25;letter-spacing:2.5px;font-weight:600}
.brand-name span{font-size:9px;letter-spacing:3.2px;font-weight:500}
.hero{position:relative;z-index:1;max-width:850px;margin:auto 0;padding:10vh 0 9vh;animation:fadeUp 1.1s .15s ease both}
.eyebrow{font-size:10px;letter-spacing:4px;font-weight:600;color:var(--muted);margin-bottom:28px}
h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(72px,12vw,170px);line-height:.8;letter-spacing:-5px;font-weight:500}
h1 em{font-weight:500;color:var(--accent)}
.intro{max-width:470px;margin-top:45px;color:#555;font-size:15px;line-height:1.8}
.line{width:95px;height:1px;background:var(--ink);margin:36px 0 22px}
.status{font-size:9px;letter-spacing:3px;font-weight:600;display:flex;align-items:center;gap:10px}
.status span{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(180,154,104,.13);animation:pulse 2s infinite}
footer{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d5d1ca;padding-top:18px;font-size:8px;letter-spacing:2px;color:#888}
@keyframes fadeUp{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}
@keyframes fadeDown{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}
@media(max-width:600px){.page{padding:25px 25px}.hero{padding:8vh 0 10vh}h1{font-size:clamp(68px,20vw,110px);letter-spacing:-3px}.intro{margin-top:34px;font-size:14px}.eyebrow{letter-spacing:2.5px}footer{flex-direction:column;line-height:1.5}}