:root{--paper:#f2efe8;--ink:#172126;--navy:#152531;--accent:#a85f45;--soft:#d8d1c5;--line:rgba(23,33,38,.22);--head:"Manrope",sans-serif;--body:"DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.55}body[data-theme="lighthouse"]{--accent:#b5743e;--soft:#d9cbb1}body[data-theme="rhema"]{--accent:#a45c42;--soft:#b7c2c8}body[data-theme="redemption"]{--accent:#8d563f;--soft:#c8c4b8}body[data-theme="beauty"]{--accent:#a15e67;--soft:#d9b7b0}a{color:inherit;text-decoration:none}.skip{position:fixed;top:10px;left:10px;z-index:99;background:var(--navy);color:white;padding:9px 12px;transform:translateY(-150%)}.skip:focus{transform:none}.case-nav{display:flex;align-items:center;justify-content:space-between;padding:23px clamp(20px,5vw,78px);border-bottom:1px solid var(--line)}.case-brand{font-family:var(--head);font-weight:700;letter-spacing:-.05em}.case-brand i{color:var(--accent);font-style:normal}.back-link{font-size:12px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--accent);padding-bottom:4px}.case-hero{min-height:82vh;padding:clamp(70px,10vw,145px) clamp(20px,5vw,78px) 75px;display:flex;flex-direction:column;justify-content:space-between}.case-kicker{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#5e696f}.case-hero h1{font-family:var(--head);font-size:clamp(62px,11vw,170px);font-weight:600;line-height:.8;letter-spacing:-.08em;margin:30px 0 50px;max-width:1250px}.case-hero h1 em{font-style:normal;color:var(--accent)}.case-intro{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.case-intro>p{font-size:clamp(18px,2vw,25px);line-height:1.55;max-width:700px;margin:0}.case-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--line);padding-top:18px}.case-facts small{display:block;font-size:8px;letter-spacing:.14em;color:#788187;margin-bottom:7px}.case-facts b,.case-facts a{font-size:12px;font-weight:500}.case-facts a{border-bottom:1px solid var(--accent)}
.hero-visual{min-height:680px;position:relative;overflow:hidden;background:var(--navy);color:var(--paper);display:grid;place-items:center;padding:7vw}.hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.1) 50%),linear-gradient(transparent 49.9%,rgba(255,255,255,.1) 50%)}.display-type{position:relative;z-index:2;font-family:var(--head);font-size:clamp(62px,12vw,180px);font-weight:600;line-height:.72;letter-spacing:-.09em;text-align:center}.display-type em{display:block;font-style:normal;color:var(--accent)}.visual-card{position:absolute;z-index:3;background:var(--paper);color:var(--ink);padding:24px;width:min(270px,30vw);aspect-ratio:.8;right:8%;bottom:8%;transform:rotate(4deg);box-shadow:12px 12px 0 var(--accent);transition:transform .5s}.hero-visual:hover .visual-card{transform:rotate(0) translateY(-7px)}.visual-card small{font-size:8px;letter-spacing:.15em}.visual-card b{display:block;font-family:var(--head);font-size:clamp(25px,3vw,44px);line-height:.9;margin-top:42%}.visual-seal{position:absolute;z-index:2;left:7%;top:9%;width:130px;height:130px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center;text-align:center;font-size:9px;letter-spacing:.14em;animation:slow-spin 18s linear infinite}
.case-section{padding:clamp(90px,11vw,165px) clamp(20px,5vw,78px)}.section-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;display:flex;align-items:center;gap:13px}.section-label:before{content:"";width:38px;height:1px;background:var(--accent)}.case-section h2{font-family:var(--head);font-size:clamp(45px,7vw,100px);font-weight:600;letter-spacing:-.07em;line-height:.92;margin:38px 0 70px}.case-section h2 em{font-style:normal;color:var(--accent)}.challenge-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.challenge-grid>p{font-size:clamp(20px,2.4vw,32px);line-height:1.5;margin:0}.challenge-list{list-style:none;padding:0;margin:0}.challenge-list li{display:grid;grid-template-columns:40px 1fr;gap:15px;padding:20px 0;border-top:1px solid var(--line)}.challenge-list span{font-size:9px;color:var(--accent);letter-spacing:.12em}.challenge-list strong{font-family:var(--head);font-weight:500}.challenge-list p{margin:5px 0 0;color:#677178;font-size:14px}
.comparison-section{background:#dcd7ce}.comparison-intro{display:flex;justify-content:space-between;gap:50px;align-items:end}.comparison-intro p{max-width:480px;color:#59636a;margin-bottom:70px}.compare{--split:50%;position:relative;min-height:clamp(470px,60vw,760px);overflow:hidden;background:#c7c4bc;border:1px solid rgba(23,33,38,.35)}.compare-layer{position:absolute;inset:0;display:grid;place-items:center;padding:6vw}.compare-after{clip-path:inset(0 0 0 var(--split));background:var(--navy);color:var(--paper)}.compare-before{background:#c8c7c1}.compare-divider{position:absolute;z-index:5;top:0;bottom:0;left:var(--split);width:1px;background:white;pointer-events:none}.compare-divider:after{content:"↔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:white;font-size:18px}.compare input{position:absolute;z-index:6;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.compare-label{position:absolute;z-index:7;top:20px;padding:8px 11px;background:rgba(242,239,232,.9);color:var(--ink);font-size:9px;letter-spacing:.15em;text-transform:uppercase;pointer-events:none}.before-label{left:20px}.after-label{right:20px}.screen{width:min(880px,84%);min-height:70%;background:#e9e7e1;border:1px solid #777;color:#54585a;padding:24px}.old-nav{height:24px;border-bottom:1px solid #aaa;display:flex;gap:12px}.old-nav i{width:44px;height:6px;background:#aaa}.old-title{width:70%;height:55px;background:#a9aaa7;margin:80px auto 20px}.old-copy{width:54%;height:8px;background:#b9bab7;margin:8px auto}.old-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:70px}.old-boxes i{height:120px;background:#d1d0ca;border:1px solid #aaa}.new-screen{width:min(920px,86%);min-height:74%;background:var(--paper);color:var(--ink);padding:28px;box-shadow:14px 14px 0 var(--accent)}.new-nav{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em;padding-bottom:18px;border-bottom:1px solid var(--line)}.new-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:20px;align-items:center;padding-top:8%}.new-hero h3{font-family:var(--head);font-size:clamp(38px,6vw,82px);font-weight:600;line-height:.84;letter-spacing:-.07em;margin:0}.new-hero h3 em{display:block;font-style:normal;color:var(--accent)}.new-art{aspect-ratio:1;background:var(--soft);position:relative}.new-art:before{content:"";position:absolute;width:60%;height:60%;border:1px solid var(--ink);border-radius:50%;left:20%;top:20%}.new-art:after{content:"";position:absolute;width:1px;height:85%;background:var(--accent);left:50%;top:8%;transform:rotate(38deg)}
.system{background:var(--navy);color:var(--paper)}.system h2 em{color:#c98568}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#4a5962;border:1px solid #4a5962}.system-card{background:var(--navy);padding:35px;min-height:280px}.system-card span{font-size:9px;letter-spacing:.14em;color:#c98568}.system-card h3{font-family:var(--head);font-size:27px;font-weight:500;margin:55px 0 16px}.system-card p{font-size:14px;color:#b5bfc3}.social-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:70px}.social-post{aspect-ratio:1;background:var(--soft);color:var(--navy);padding:25px;position:relative;overflow:hidden;transition:transform .4s}.social-post:hover{transform:translateY(-8px)}.social-post:nth-child(2){background:var(--accent);color:white}.social-post:nth-child(3){background:var(--paper)}.social-post small{font-size:8px;letter-spacing:.15em}.social-post b{position:absolute;left:25px;bottom:25px;font-family:var(--head);font-size:clamp(27px,4vw,55px);line-height:.8;letter-spacing:-.06em}.social-post i{position:absolute;width:45%;aspect-ratio:1;border:1px solid;border-radius:50%;right:-8%;top:8%;opacity:.65}
.outcome{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:start}.outcome h2{margin-top:0}.outcome-copy>p{font-size:19px;line-height:1.7;color:#5d686f}.outcome-note{border-left:2px solid var(--accent);padding-left:24px;margin-top:40px;font-size:13px;color:#6b757a}.next-case{display:flex;justify-content:space-between;align-items:center;padding:55px clamp(20px,5vw,78px);background:var(--accent);color:white}.next-case small{font-size:9px;letter-spacing:.15em}.next-case b{font-family:var(--head);font-size:clamp(24px,4vw,52px);font-weight:500;letter-spacing:-.05em}.next-case:hover b{transform:translateX(8px)}.next-case b{transition:.3s}.case-footer{padding:30px clamp(20px,5vw,78px);background:var(--navy);color:#9eaaaf;display:flex;justify-content:space-between;font-size:11px}
.reveal{opacity:0;transform:translateY(24px);transition:.8s}.reveal.visible{opacity:1;transform:none}@keyframes slow-spin{to{transform:rotate(360deg)}}@media(max-width:850px){.case-intro,.challenge-grid,.outcome{grid-template-columns:1fr}.case-facts{margin-top:40px}.hero-visual{min-height:560px}.comparison-intro{display:block}.comparison-intro p{margin-top:-40px}.system-grid{grid-template-columns:1fr}.system-card{min-height:220px}.social-showcase{grid-template-columns:1fr 1fr}.social-post:last-child{grid-column:1/-1}.visual-card{width:210px}.case-footer{flex-direction:column;gap:8px}}@media(max-width:600px){.case-facts{grid-template-columns:1fr}.case-hero h1{font-size:58px}.hero-visual{min-height:480px}.visual-seal{width:95px;height:95px}.visual-card{width:155px;padding:15px}.compare{min-height:440px}.compare-layer{padding:45px 12px 12px}.screen,.new-screen{width:94%;min-height:76%;padding:16px}.new-hero{grid-template-columns:1fr}.new-art{display:none}.old-boxes{grid-template-columns:1fr}.old-boxes i:nth-child(n+2){display:none}.social-showcase{grid-template-columns:1fr}.social-post:last-child{grid-column:auto}.next-case{align-items:flex-end}.next-case b{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}