.story-page{background:#11130f;color:var(--paper)}
.story-hero{min-height:690px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:7vw;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 28%,#82693355,transparent 30%),linear-gradient(135deg,#0b0c0a,#20231c)}
.story-hero h1{font-size:clamp(3.5rem,6.8vw,7.2rem);text-shadow:none;margin:18px 0 28px}
.story-hero-copy>p:not(.eyebrow){max-width:690px;color:#d0d0c7;font-size:18px;line-height:1.8}
.story-hero .eyebrow{color:#d8bb7b}
.story-premiere{aspect-ratio:4/5;border:1px solid #9c8451;display:grid;place-items:center;text-align:center;position:relative;background:linear-gradient(145deg,#25271f,#11120f);overflow:hidden}
.story-premiere:before{content:'CW';position:absolute;font:clamp(8rem,18vw,17rem)/1 var(--serif);color:#cda85b0c;transform:rotate(-9deg)}
.story-premiere span{position:relative;font:clamp(2rem,3vw,3.4rem)/1.15 var(--serif)}
.story-premiere small{display:block;color:#cdb478;font:12px/1.6 Arial,sans-serif;letter-spacing:.18em;margin-top:18px}
.story-concept{background:#f3efe5;color:var(--ink)}
.story-lead{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:start}
.story-lead>p{font:clamp(1.7rem,3vw,2.7rem)/1.35 var(--serif)}
.story-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#aaa18d;margin-top:70px}
.story-steps article{background:#f3efe5;padding:34px}
.story-steps h3{margin:22px 0 14px;font-size:1.8rem}.story-steps p{color:#5f5b51}
.story-uses{background:#171915;color:var(--paper)}
.story-uses-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}
.story-uses-grid>div>p:not(.eyebrow){color:#c7c8be;font-size:17px;line-height:1.85;margin-top:28px}
.story-uses ul{list-style:none;padding:0;margin:0}.story-uses li{border-top:1px solid #45483c;padding:24px 0;font:clamp(1.25rem,2vw,1.7rem)/1.4 var(--serif)}
.story-offers{background:#eee8dc;color:var(--ink)}
.story-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:55px}
.story-offer{padding:clamp(30px,4vw,52px);border:1px solid #b6aa91;background:#f8f5ee;display:flex;flex-direction:column}
.story-offer.featured{background:#1b1d18;color:var(--paper);border-color:#9e8550}
.story-offer h3{font-size:clamp(2.3rem,4vw,4rem);margin:24px 0 12px}.story-offer .price{font:clamp(2rem,3vw,3rem)/1.2 var(--serif);color:#9a7330;margin-bottom:24px}.story-offer.featured .price{color:#d4b36e}
.story-offer .client-price{margin:-10px 0 25px;padding:12px 15px;border-left:2px solid #b28a43;background:#c7a45d18;color:#68552e;font-size:13px;line-height:1.55}.story-offer.featured .client-price{background:#d4b36e14;color:#dcc58f;border-left-color:#d4b36e}
.story-offer ul{list-style:none;padding:0;margin:8px 0 30px}.story-offer li{padding:13px 0;border-top:1px solid #cfc6b5;font-size:15px}.story-offer.featured li{border-color:#43463b;color:#d0d1c8}
.story-offer .button-gold{margin-top:auto;align-self:flex-start}
.story-note{max-width:920px;margin:34px auto 0;color:#615d54;font-size:14px;line-height:1.7}
.story-contact{text-align:center;background:#f6f2e9;color:var(--ink)}.story-contact>p:not(.eyebrow){margin:24px auto 30px;max-width:690px;font-size:17px}
@media(max-width:900px){.story-hero,.story-lead,.story-uses-grid{grid-template-columns:1fr}.story-premiere{max-width:430px;width:100%;margin:auto}.story-steps{grid-template-columns:1fr}.story-price-grid{grid-template-columns:1fr}}
@media(max-width:650px){.story-hero{padding-top:48px}.story-hero h1{font-size:3.6rem}.story-steps{margin-top:45px}.story-steps article{padding:28px 24px}.story-offer{padding:28px 23px}}