/* 360 Marketing · Story-led Case Studies v1.0 · Oct 2026
   Scoped to .storycase; does not alter the shared header/footer. */
.storycase{--sc-ink:#0b1220;--sc-navy:#101a2b;--sc-orange:#f97316;--sc-gold:#fb923c;--sc-muted:#a8b7ca;--sc-paper:#f6f8fb;--sc-line:rgba(255,255,255,.12);background:var(--sc-ink);color:#f8fafc;overflow:hidden}
.storycase *{box-sizing:border-box}.storycase img{max-width:100%}.storycase section[id]{scroll-margin-top:90px}.storycase .scw{width:min(1180px,calc(100% - 40px));margin-inline:auto}.storycase h1,.storycase h2,.storycase h3,.storycase p{margin-top:0}.storycase h1,.storycase h2,.storycase h3{color:inherit}.storycase h1{font-size:clamp(2.6rem,5.5vw,5rem);line-height:1.03;letter-spacing:-.048em;font-weight:950;margin-bottom:22px}.storycase h1 em{font-style:normal;color:var(--sc-gold)}.storycase h2{font-size:clamp(1.9rem,3.5vw,3.25rem);line-height:1.08;letter-spacing:-.037em;font-weight:950;margin-bottom:15px}.storycase h3{font-size:clamp(1.14rem,2vw,1.45rem);font-weight:900;line-height:1.25;margin-bottom:9px}.storycase p{line-height:1.72}.storycase .muted{color:var(--sc-muted)}.storycase .eyebrow{font-weight:900;font-size:.76rem;letter-spacing:.11em;text-transform:uppercase;color:var(--sc-gold);margin-bottom:13px}.storycase .lede{font-size:1.07rem;color:#c3cfdf;line-height:1.77}.storycase .sc-bread{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:30px;color:#94a3b8;font-size:.8rem}.storycase .sc-bread a{color:#cbd5e1;text-decoration:none}.storycase .sc-bread a:hover{color:var(--sc-gold)}
.storycase .sc-hero{background:radial-gradient(circle at 7% 3%,rgba(249,115,22,.17),transparent 35%),linear-gradient(160deg,#08101d,#121e32);padding:130px 0 72px;border-bottom:1px solid rgba(255,255,255,.1)}.storycase .sc-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.95fr);gap:34px;align-items:center}.storycase .sc-hero-visual{margin:0;overflow:hidden;border-radius:22px;background:#13213b;border:1px solid var(--sc-line);box-shadow:0 20px 55px rgba(0,0,0,.24)}.storycase .sc-hero-visual img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:contain}.storycase .sc-hero-visual figcaption{padding:9px 14px;font-size:.71rem;color:#9aaac0}.storycase .chips{list-style:none;display:flex;gap:7px;flex-wrap:wrap;padding:0;margin:20px 0 0}.storycase .chips li{font-size:.74rem;font-weight:850;color:#e2e8f0;border:1px solid var(--sc-line);background:rgba(255,255,255,.06);border-radius:999px;padding:6px 10px}.storycase .sc-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:25px}.storycase .sc-btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;background:var(--sc-orange);color:#111827!important;text-decoration:none;border-radius:11px;padding:13px 18px;min-height:47px;font-size:.87rem;font-weight:950}.storycase .sc-btn:hover{background:#fb923c}.storycase .sc-textlink{font-size:.87rem;color:#fdba74;text-decoration:none;font-weight:850}.storycase .sc-textlink:hover{text-decoration:underline}.storycase .sc-stats{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.storycase .sc-stats>div{padding:13px 16px;min-width:105px;border:1px solid var(--sc-line);border-radius:13px;background:rgba(255,255,255,.05)}.storycase .sc-stats strong{display:block;font-size:1.6rem;letter-spacing:-.035em;line-height:1.1}.storycase .sc-stats span{display:block;font-size:.74rem;color:#b6c4d8;margin-top:5px}.storycase .sc-fine{color:#8697ad;font-size:.79rem;line-height:1.6;margin-top:10px}
.storycase .sc-section{padding:76px 0}.storycase .sc-section.light{color:#101b2c;background:var(--sc-paper)}.storycase .sc-section.soft{background:#111c2e}.storycase .sc-section.light .muted{color:#5d6c7d}.storycase .sc-section.light .eyebrow{color:#c2410c}.storycase .sc-head{max-width:790px;margin-bottom:28px}.storycase .sc-head p{font-size:1rem;color:#aebccf}.storycase .sc-section.light .sc-head p{color:#5d6c7d}.storycase .sc-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px;align-items:center}.storycase .sc-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.storycase .sc-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.storycase .sc-panel{border:1px solid var(--sc-line);background:#172237;padding:25px;border-radius:19px}.storycase .sc-panel p{font-size:.92rem;color:#bac9d9;margin:0}.storycase .sc-section.light .sc-panel{background:#fff;border-color:#e0e5ed;box-shadow:0 18px 42px -35px rgba(15,23,42,.3)}.storycase .sc-section.light .sc-panel p{color:#586a80}.storycase .sc-panel .eyebrow{margin-bottom:9px}.storycase figure.sc-art{margin:0;border-radius:20px;overflow:hidden;border:1px solid var(--sc-line);background:#1b2b41}.storycase figure.sc-art img{display:block;width:100%;height:auto}.storycase figure.sc-art figcaption{padding:10px 14px;font-size:.76rem;color:#aebfd2}.storycase .sc-section.light figure.sc-art{border-color:#dfe5eb;background:#fff}.storycase .sc-section.light figure.sc-art figcaption{color:#5c6b7c}.storycase .sc-points{margin:15px 0 0;padding:0;list-style:none;display:grid;gap:11px}.storycase .sc-points li{color:inherit;line-height:1.55;font-size:.91rem;display:flex;gap:10px}.storycase .sc-points li::before{content:'✓';color:#f97316;font-weight:950;flex:none}
.storycase .sc-timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.storycase .sc-phase{border-radius:20px;padding:28px;border:1px solid var(--sc-line);background:#172237}.storycase .sc-phase small{font-size:.74rem;font-weight:900;color:#fdba74;letter-spacing:.06em}.storycase .sc-phase p{color:#b6c5d7;margin:0;font-size:.92rem}.storycase .sc-phase a{color:#fdba74;font-weight:850;text-decoration:none}.storycase .sc-phase a:hover{text-decoration:underline}.storycase .sc-phase .phase-arrow{margin-top:15px;color:#fdba74;font-weight:950;font-size:1rem}.storycase .sc-art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.storycase .sc-art-grid figure.sc-art img{aspect-ratio:16/10;object-fit:cover}.storycase .sc-phones{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.storycase .sc-phone{margin:0;border:1px solid var(--sc-line);background:#172237;border-radius:22px;padding:14px;text-align:center}.storycase .sc-phone img{display:block;max-width:240px;width:100%;height:330px;object-fit:contain;margin:0 auto}.storycase .sc-phone figcaption{color:#b8c6d7;font-size:.77rem;padding:11px 0 0;line-height:1.5}.storycase .sc-kpi-card{border:1px solid #dae1e9;border-radius:17px;background:#fff;padding:24px}.storycase .sc-kpi-card strong{display:block;color:#0b1220;font-size:1.05rem;font-weight:900;margin-bottom:7px}.storycase .sc-kpi-card p{color:#5c6b7e;font-size:.9rem;margin:0}.storycase .sc-cta{padding:60px 0;background:#0b1220}.storycase .sc-cta-inner{padding:37px;background:radial-gradient(circle at 10% 10%,rgba(249,115,22,.15),transparent 55%),#16243a;border-radius:24px;border:1px solid var(--sc-line);display:flex;gap:26px;align-items:center;justify-content:space-between}.storycase .sc-cta-inner h2{max-width:690px}.storycase .sc-cta-inner p{max-width:700px;color:#b9c8d8;margin:0}.storycase .sc-related{display:flex;gap:20px;flex-wrap:wrap;padding:0 0 38px}.storycase .sc-related a{color:#fdba74;text-decoration:none;font-size:.88rem;font-weight:900}.storycase .sc-related a:hover{text-decoration:underline}.storycase a:focus-visible{outline:3px solid #fb923c;outline-offset:4px}
@media(max-width:980px){.storycase .sc-hero-grid{grid-template-columns:1fr}.storycase .sc-hero-visual{max-width:800px}.storycase .sc-three{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.storycase .sc-hero{padding:106px 0 50px}.storycase .scw{width:calc(100% - 34px)}.storycase .sc-section{padding:53px 0}.storycase .sc-split,.storycase .sc-two,.storycase .sc-three,.storycase .sc-timeline,.storycase .sc-art-grid{grid-template-columns:1fr}.storycase .sc-phones{grid-template-columns:repeat(2,minmax(0,1fr))}.storycase .sc-phone img{height:275px}.storycase .sc-panel{padding:22px}.storycase .sc-cta-inner{display:block;padding:25px}.storycase .sc-cta-inner .sc-btn{margin-top:22px}.storycase .sc-stats>div{min-width:88px;flex:1}.storycase .sc-art-grid figure.sc-art img{aspect-ratio:auto}}
@media(max-width:400px){.storycase .sc-phones{grid-template-columns:1fr}.storycase .sc-phone img{height:310px}}