:root{
  --ink:#11151f;
  --paper:#f6f1e7;
  --army:#1e315c;
  --stripe:#b7192b;
  --brass:#c9a354;
  --mist:#d8dde8;
  --line:rgba(17,21,31,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(115deg,#f7f1e5 0%,#e8edf6 44%,#f5efe4 100%);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}
a{color:inherit}
.locktop{position:sticky;top:0;z-index:20;background:rgba(246,241,231,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.locktop__stripe{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:10px 28px;background:repeating-linear-gradient(90deg,var(--army) 0 46px,var(--stripe) 46px 92px);color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:12px}
.locktop__stripe span{font-weight:900}.locktop__stripe b{font-weight:600;opacity:.9}
.brace-nav{display:flex;justify-content:center;gap:12px;padding:12px 20px;flex-wrap:wrap}
.brace-nav a{text-decoration:none;border:1px solid var(--line);padding:9px 16px;border-radius:999px;background:#fffdf8;font-weight:700;font-size:14px;box-shadow:0 8px 20px rgba(31,37,54,.06)}
.brace-nav a:hover{transform:translateY(-1px);border-color:var(--stripe);color:var(--stripe)}
.twinboard{max-width:1240px;margin:0 auto;padding:34px 22px 70px;position:relative}
.hero-lock{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,470px);gap:30px;align-items:stretch;min-height:560px}
.hero-lock__left{position:relative;padding:54px 46px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(241,231,215,.76));border-radius:32px 32px 6px 32px;overflow:hidden;box-shadow:0 30px 70px rgba(25,35,62,.13)}
.hero-lock__left:before{content:"";position:absolute;inset:20px auto 20px 28px;width:10px;background:linear-gradient(var(--stripe),var(--army));border-radius:20px}.overline{margin:0 0 22px 0;text-transform:uppercase;letter-spacing:.15em;color:var(--stripe);font-weight:800;font-size:13px}
h1{font-size:clamp(42px,7vw,88px);line-height:.93;margin:0;letter-spacing:-.06em;max-width:760px}.lead{font-size:20px;max-width:720px;margin:28px 0;color:#303849}.lock-marks{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.lock-marks span{display:inline-flex;align-items:center;justify-content:center;min-width:76px;height:76px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:inset 0 0 0 5px rgba(201,163,84,.15);font-weight:900;color:var(--army)}
.hero-lock__photo{margin:0;position:relative;border-radius:6px 32px 32px 32px;overflow:hidden;background:#0d1428;box-shadow:0 30px 80px rgba(12,19,35,.24)}
.hero-lock__photo img,.side-photo img,.mirror-slab img,.final-lock img{width:100%;height:100%;object-fit:cover;display:block}.hero-lock__photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.72))}.hero-lock__photo figcaption{position:absolute;left:22px;right:22px;bottom:20px;color:#fff;z-index:2;font-weight:700}
.twin-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0 34px}.rail-card{border-radius:26px;padding:20px 22px;color:#fff;min-height:118px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 24px 48px rgba(19,29,51,.13)}.rail-card strong{font-size:28px;text-transform:uppercase}.rail-card span{opacity:.88}.rail-card--red{background:linear-gradient(135deg,#a50f24,#d43543)}.rail-card--blue{background:linear-gradient(135deg,#1e315c,#314f91)}.rail-card--gold{background:linear-gradient(135deg,#8a6620,#d0a651)}
.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:26px;align-items:start}.field-copy{background:#fffdf8;border:1px solid var(--line);border-radius:34px;padding:40px;box-shadow:0 20px 56px rgba(31,37,54,.08)}.field-copy h2,.hinge-title h2,.mirror-slab h2,.final-lock h2{font-size:clamp(30px,4vw,56px);line-height:1;margin:0 0 22px;letter-spacing:-.04em}.field-copy p,.hinge-copy p,.mirror-slab p,.final-lock p{font-size:18px;margin:0 0 20px}.field-copy p:first-of-type{font-size:19px}.field-copy a{font-weight:900;color:var(--stripe);text-decoration-thickness:2px;text-underline-offset:3px}.side-photo{position:sticky;top:124px;margin:0;border:14px solid #fff;background:#fff;box-shadow:0 22px 50px rgba(16,24,44,.18);transform:rotate(2deg)}.side-photo img{height:420px}.side-photo figcaption{padding:14px 12px;font-weight:700;color:#394052}.side-photo--tilt:before{content:"";position:absolute;left:-26px;top:70px;width:18px;height:180px;background:var(--stripe);border-radius:99px}
.hinge-section{margin-top:42px;display:grid;grid-template-columns:310px minmax(0,1fr);gap:24px;align-items:start}.hinge-title{position:sticky;top:124px;background:var(--ink);color:#fff;border-radius:32px;padding:30px;min-height:260px;display:flex;flex-direction:column;justify-content:space-between}.hinge-title span{font-size:74px;font-weight:900;color:var(--brass)}.hinge-copy{background:linear-gradient(180deg,#ffffff,#f6f1e7);border:1px solid var(--line);border-radius:32px;padding:38px;columns:2;column-gap:34px}
.mirror-slab{margin-top:42px;display:grid;grid-template-columns:430px minmax(0,1fr);gap:0;background:#101729;color:#fff;border-radius:38px;overflow:hidden;box-shadow:0 32px 70px rgba(10,18,38,.24)}.mirror-slab figure{margin:0;min-height:560px}.mirror-slab__text{padding:44px}.mirror-slab p{color:#e5e9f2}.mirror-slab h2{color:#fff}.mirror-slab:before{content:"";position:absolute}.final-lock{margin-top:42px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-radius:38px;border:1px solid var(--line);overflow:hidden;background:#fff;box-shadow:0 22px 60px rgba(31,37,54,.12)}.final-lock__image{min-height:520px}.final-lock__copy{padding:44px;background:linear-gradient(135deg,#fff,#f4ead7)}.closing-badge{margin-top:26px;border-top:4px solid var(--stripe);padding-top:16px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--army)}
.lockfooter{max-width:1240px;margin:0 auto 26px;padding:18px 22px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-weight:800}.lockfooter a{text-decoration:none;color:var(--stripe)}
@media(max-width:900px){.hero-lock,.article-grid,.hinge-section,.mirror-slab,.final-lock{grid-template-columns:1fr}.hero-lock{min-height:0}.hero-lock__left{padding:38px 28px}.hero-lock__photo{min-height:460px}.twin-rail{grid-template-columns:1fr}.side-photo,.hinge-title{position:relative;top:auto;transform:none}.hinge-copy{columns:1}.mirror-slab figure,.final-lock__image{min-height:360px}.locktop__stripe{align-items:flex-start;flex-direction:column;gap:4px}}
@media(max-width:560px){.brace-nav{justify-content:flex-start;overflow:auto;flex-wrap:nowrap}.lock-marks span{min-width:62px;height:62px}.field-copy,.hinge-copy,.mirror-slab__text,.final-lock__copy{padding:26px}.hero-lock__photo{min-height:340px}h1{font-size:44px}}