:root{--why-copy:#c2c8c3;--why-copy-strong:#e3e7e0;--why-subtle:#a6afa8}
.story-copy p,.section-heading>p,.solutions .section-heading>p,.about-strip p,.contact>p,.method-grid p,.sub-hero>p,.sub-content p,.sub-content li{color:var(--why-copy);font-weight:400}
.story-copy p,.section-heading>p,.solutions .section-heading>p,.about-strip p,.contact>p{font-size:16px;line-height:1.8}
.method-grid p{font-size:14px;line-height:1.8}.solution-link p{font-size:13px;line-height:1.7;color:var(--why-copy);min-height:62px}
.copy-accent{color:var(--why-lime);font-weight:600}.form-note,.contact-note,.interaction-hint,.hero-foot,.solution-more{color:var(--why-subtle)}
.solutions{background:var(--why-black)}.solution-card,.solution-card:hover,.solution-card:focus-within{border:0;border-radius:0;background:transparent;box-shadow:none}
.icon-button,.icon-button:hover{background:transparent;border:0;box-shadow:none}.icon-button:after{display:none}
.solution-card.icon-hover .icon-button img,.solution-card.icon-click .icon-button img{transform:none;filter:none;animation:none}
.solution-gallery{isolation:isolate}.service-icon-canvas{z-index:1}.solution-link{z-index:2}.icon-button{z-index:2}.icon-live .icon-button img{opacity:0}
.solution-link h3{font-weight:600;line-height:1.25}.solution-link:hover h3{color:var(--why-lime)}.solution-link:focus-visible{outline:2px solid var(--why-lime);outline-offset:1px}
.solutions-watermark{opacity:.4}.solutions-foot{color:var(--why-subtle)}.icons-pause{margin-right:auto;font-size:11px!important;width:auto!important;height:auto!important;padding:10px 14px!important;border:1px solid #434b40!important;border-radius:30px!important;background:transparent!important;color:#ccd3c9!important}
.story-copy{transform-origin:left center;will-change:transform,opacity}.story-copy p{max-width:370px}.connected p{max-width:420px}
.depth-ready{opacity:1;transform:translate3d(0,24px,0) scale(.985);transition:transform .85s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms);transform-origin:50% 55%}
.depth-ready.depth-in{transform:translate3d(0,0,0) scale(1)}
.method-grid article{transition:border-color .3s,transform .85s cubic-bezier(.2,.7,.2,1)}.method-grid article:hover{border-color:var(--why-lime)}
@media(min-width:1001px){.story-mode .journey{height:360vh}.connected{top:29%}.scattered{top:29%}.connected h2{font-size:clamp(44px,4.8vw,78px)}}
@media(max-width:760px){.story-copy p,.section-heading>p,.solutions .section-heading>p,.about-strip p,.contact>p{font-size:14px;line-height:1.8}.method-grid p{font-size:13px}.solution-link p{min-height:0;font-size:14px}.solution-track{grid-auto-columns:75%}.solution-link h3{font-size:24px}.icons-pause{font-size:10px!important}.depth-ready{transform:translate3d(0,14px,0)}}
@media(prefers-reduced-motion:reduce){.depth-ready{transform:none!important;transition:none!important}.story-copy{will-change:auto}}

/* One continuous reading space. The 3D viewport is the entire opening scene. */
.journey-sticky{background:var(--why-black)}
.solutions,.method,.about-strip,.contact,.sub-content,.related,footer,.hero-foot{border:0;background:transparent}
.about-strip:after{display:none}.method-grid article{border:0;padding-top:0}
.solutions .section-heading>p{border-left:0;padding-left:0}
.section-heading>p,.solutions .section-heading>p,.about-strip p,.contact>p{font-size:clamp(18px,1.65vw,25px);line-height:1.55;color:var(--why-copy-strong);max-width:560px}
.method-grid p{font-size:16px;line-height:1.7;color:var(--why-copy-strong)}
.hero-copy p{font-size:clamp(19px,1.7vw,25px);line-height:1.5;max-width:470px;color:var(--why-white)}
.story-copy.scattered,.story-copy.connected{display:flex;flex-direction:column;align-items:center;text-align:center;isolation:isolate}
.scattered h2{font-size:clamp(19px,1.7vw,26px);line-height:1.3;letter-spacing:-.025em;margin:20px 0 35px;color:#c2c8c3}
.scattered h2 br{display:none}.scattered h2 .muted{color:inherit}
.scattered h2 br:after{content:' '}
.story-copy.scattered p{font-size:clamp(32px,3.45vw,58px);line-height:1.25;letter-spacing:-.045em;max-width:950px;color:var(--why-white);text-wrap:balance}
.reading-line{display:block;opacity:var(--line-focus,1);transition:opacity .18s linear}
.connected .copy-accent{white-space:nowrap}.reading-statement{display:block}
.story-copy.connected h2{font-size:clamp(30px,3vw,49px);line-height:1.08;margin:20px 0 30px;max-width:850px}
.connected h2 br{display:none}.connected h2 br:after{content:' '}
.story-copy.connected p{font-size:clamp(26px,2.5vw,39px);line-height:1.45;letter-spacing:-.035em;max-width:850px;color:var(--why-white);text-wrap:balance}
.reading-controls{right:3%;bottom:4%}.reading-controls #expand,.reading-controls #reset{display:none}
.journey-counter{top:auto;bottom:5%;left:5%;right:auto;flex-direction:row;align-items:center;z-index:4}.journey-counter>i{height:1px;width:42px}
.solutions-watermark{display:none}.solutions-foot{margin-top:12px}.section{padding-top:100px;padding-bottom:100px}
@media(min-width:900px) and (min-height:600px){
 .story-mode .journey{height:440svh}
 .journey-sticky{min-height:600px}
 .stage,.no-motion .stage{left:0;top:0;bottom:auto;width:100%;height:100%;contain:none;will-change:opacity}
 .stage .poster{position:absolute;right:0;top:12%;width:60%;height:75%}
 .story-mode .scattered,.story-mode .connected{left:10%;width:80%;top:23%;transform-origin:center}
 .story-mode .scattered:before,.story-mode .connected:before{content:'';position:absolute;inset:-100px -10%;z-index:-1;background:radial-gradient(ellipse,rgba(5,7,6,.98) 35%,rgba(5,7,6,.92) 50%,transparent 80%);pointer-events:none}
 .story-mode .connected{top:20%}
 .story-mode .scattered{top:30%}
 .story-mode .scattered h2{position:relative;width:auto;height:auto;margin:32px 0 0}
 .story-mode .scattered p{margin-top:36px}
 .story-mode .connected h2 .muted{display:block}
 .story-mode .connected p{font-size:clamp(25px,2.25vw,36px)}
 .story-mode .connected .text-link{font-size:15px}
 .hero-copy{width:46%;top:24%}
 .hero-copy h1{font-size:clamp(50px,5.4vw,90px)}
 .story-mode .solutions{padding-top:60px}
 .story-mode>.stage{position:fixed;inset:0;z-index:0}
 .story-mode .journey-sticky{background:transparent}
 .story-mode main{position:relative;z-index:1;pointer-events:none}
 .story-mode main a,.story-mode main button,.story-mode main p,.story-mode main h1,.story-mode main h2,.story-mode .solution-gallery{pointer-events:auto}
 .story-mode>.sculpture-controls{position:fixed}
 .story-mode footer{position:relative;z-index:2}
 .story-mode .header{position:fixed;background:linear-gradient(var(--why-black),transparent)}
 .story-mode .contact{min-height:90svh;padding-bottom:240px}
 .story-mode .contact h2,.story-mode .contact>p{position:relative;z-index:1;text-shadow:0 2px 25px #050706}
 .story-mode .contact-note{margin-top:18px;position:relative;z-index:2}
}
/* All narrative copy stays available without a pinned scene, on phones and in reduced-motion mode. */
body:not(.story-mode) .journey,body:not(.story-mode) .journey-sticky{height:auto;min-height:0}
body:not(.story-mode) .journey-sticky{padding:140px 6% 30px}
body:not(.story-mode) .hero-copy{position:relative;left:auto;top:auto;width:100%;max-width:620px;margin-bottom:460px}
body:not(.story-mode) .stage{top:var(--scene-top,470px);left:0;width:100%;height:360px;bottom:auto}
body:not(.story-mode) .stage .poster{inset:0;width:100%;height:100%}
body:not(.story-mode) .scattered,body:not(.story-mode) .connected{position:relative;left:auto;top:auto;width:100%;padding:65px 0;visibility:visible;opacity:1;display:flex}
body:not(.story-mode) .sculpture-controls{top:calc(var(--scene-top,470px) + 360px);bottom:auto;left:0;right:0;justify-content:center}
body:not(.story-mode) .interaction-hint{top:calc(var(--scene-top,470px) + 415px);bottom:auto;left:0;right:0;text-align:center}
body:not(.story-mode) .hero-foot{display:none}
@media(max-width:899px){
 .hero-copy p{font-size:20px}.story-copy.scattered p{font-size:clamp(29px,5.6vw,43px);line-height:1.3}
 .story-copy.connected p{font-size:25px}.story-copy.connected h2{font-size:32px}
 .reading-line{display:inline}.reading-line+.reading-line:before{content:' '}
 .reading-statement{display:inline}.reading-statement+.reading-statement:before{content:' '}
 .scattered h2{font-size:19px;margin-bottom:28px}
 .section{padding-top:65px;padding-bottom:65px}.section-heading>p,.solutions .section-heading>p,.about-strip p,.contact>p{font-size:19px;line-height:1.6}
 .method-grid p{font-size:16px}.method-grid{grid-template-columns:1fr;gap:42px}.method-grid h3{min-height:0;margin:15px 0}
 .contact>p{max-width:100%}.solutions .section-heading>p{max-width:100%}
}

/* Identity pass: stronger editorial type, service cards and official logo assets. */
h1,h2,h3,.solutions-title,.sub-hero h1,.sub-content h2,.about-strip h2,.contact h2{font-family:"Arial Black",Inter,Arial,sans-serif;font-weight:900;letter-spacing:-.065em;-webkit-text-stroke:0}
h1,.section h2,.story-copy h2,.sub-hero h1,.about-strip h2,.contact h2{-webkit-text-stroke:0}
.hero-copy h1 *,.story-copy h2 *,.section h2 *,.sub-hero h1 *,.sub-content h2 *,.about-strip h2 *,.contact h2 *{font-family:inherit;font-weight:inherit}
.hero-copy h1{font-weight:900;line-height:.94}.story-copy h2{font-weight:900}.section h2{font-weight:900;line-height:.96}
.solution-link h3{font-weight:850;letter-spacing:-.035em}.sub-content h2{font-weight:850}.related .text-link{font-weight:700}
.connected h2{font-size:clamp(52px,5.4vw,88px);line-height:.98}.connected p,.story-mode .connected p{font-size:clamp(16px,1.25vw,20px);line-height:1.55;max-width:820px;letter-spacing:-.015em}.connected .reading-statement{display:inline}.connected .text-link{margin-top:24px}
.story-copy.scattered p{font-family:"Arial Black",Inter,Arial,sans-serif;font-weight:900}
.brand-complete{display:block;width:144px;aspect-ratio:1517/494;height:auto;overflow:hidden;position:relative;flex:0 0 144px}
.brand-complete img,.footer-logo img{position:absolute;width:131.8392%;height:auto;max-width:none;left:-16.0185%;top:-88.8664%;object-fit:contain;filter:none;mix-blend-mode:normal}
.footer-logo{width:280px;height:auto;aspect-ratio:1517/494;overflow:hidden;position:relative;display:block;flex:0 0 280px}

.solution-track{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:calc((100% - 66px)/4);gap:22px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;cursor:grab;padding:18px 0 28px}.solution-track:active{cursor:grabbing}
.solution-card,.solution-card:hover,.solution-card:focus-within{border:1px solid rgba(255,255,255,.11);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.035);overflow:hidden;transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s,background .35s}
.solution-card:hover,.solution-card:focus-within{transform:translateY(-7px);border-color:rgba(141,255,25,.38);background:linear-gradient(145deg,rgba(141,255,25,.055),rgba(255,255,255,.018))}
.icon-button{aspect-ratio:1.3;padding:16px 18px 0}.solution-link{padding:8px 26px 28px;text-align:left}.solution-link h3{font-size:clamp(21px,1.8vw,29px);min-height:0}.solution-link p{font-size:14px;min-height:46px;margin-top:13px}.solution-more{font-size:11px;margin-top:20px}.solution-nav [data-sol-prev],.solution-nav [data-sol-next]{display:none}.icons-pause{margin-left:auto;margin-right:0}
.about-strip{grid-template-columns:1fr 1.08fr;gap:40px 8%;padding-top:140px;padding-bottom:150px}.about-strip h2{font-size:clamp(54px,5.35vw,86px);line-height:.92}.about-copy{max-width:720px}.about-copy p{font-size:clamp(18px,1.5vw,24px);line-height:1.62;max-width:none}.about-copy p+p{margin-top:28px}.about-copy .about-capabilities{color:var(--why-lime);font-weight:800}.about-copy strong{color:var(--why-white);font-weight:850}.about-copy .text-link{margin-top:34px}
.contact h2{font-size:clamp(56px,6vw,96px);line-height:.94;max-width:1320px}.contact h2 .muted{color:var(--why-white)}.contact h2 .copy-accent{display:inline-block}.contact .button{margin-top:20px}
@media(min-width:900px){.contact h2 .muted{display:inline-block;white-space:nowrap}}
@media(max-width:899px){
 h1,h2,h3,.solutions-title,.sub-hero h1,.sub-content h2,.about-strip h2,.contact h2{letter-spacing:-.055em}
 .connected h2{font-size:clamp(39px,10vw,58px)}.connected p{font-size:17px;line-height:1.65}
 .solution-track{grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:82%;gap:14px;overflow-x:auto;padding:12px 0 25px}.solution-nav [data-sol-prev],.solution-nav [data-sol-next]{display:block}
 .solution-card{border-radius:21px}.icon-button{aspect-ratio:1.15}.solution-link{padding:7px 22px 26px}.solution-link h3{font-size:25px}.solution-link p{font-size:15px}
 .about-strip{display:block;padding-top:90px;padding-bottom:100px}.about-strip h2{font-size:clamp(54px,14vw,78px);margin:24px 0 45px}.about-copy p{font-size:18px;line-height:1.7}
 .contact h2{font-size:clamp(48px,13vw,70px);line-height:.96}
 .brand-complete{width:122px;flex-basis:122px}.footer-logo{width:240px;flex-basis:240px}
}
@media(min-width:761px){footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:35px;align-items:center}footer .footer-logo{grid-column:2;grid-row:1 / span 2;justify-self:center}footer p{grid-column:1;grid-row:1;margin-right:0}footer>a:not(.footer-logo){grid-column:3;grid-row:1;justify-self:end}footer>span{grid-column:3;grid-row:2;justify-self:end}}
.solution-nav [data-sol-prev],.solution-nav [data-sol-next]{display:block}.solution-nav .icons-pause{margin-right:auto;margin-left:0}
.solution-link{padding-left:20px;padding-right:20px}.solution-link h3{font-size:clamp(19px,1.5vw,24px)}
@media(max-width:899px){.solution-track{grid-auto-columns:74%}.solution-link h3{font-size:22px}}
@media(max-width:760px){footer{display:flex;flex-direction:column;align-items:center;text-align:center}footer .footer-logo{margin:0 auto;flex-basis:auto}footer p{width:auto}footer>a:not(.footer-logo){margin-right:0}}

/* Shared atmosphere, supplied headline art and the text-only solutions rail. */
body{isolation:isolate}
body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(rgba(0,0,0,.16),rgba(0,0,0,.1)),url('/assets/editorial/why-atmosphere.png') center bottom/cover no-repeat}
.journey-sticky,.solutions,.about-strip,.contact,footer,.subpage main{background:transparent}
.journey-sticky:after{display:none}
.story-mode .header{background:linear-gradient(rgba(2,4,3,.76),transparent)}
.story-mode .scattered:before,.story-mode .connected:before{background:radial-gradient(ellipse,rgba(2,4,3,.78) 10%,rgba(2,4,3,.45) 45%,transparent 72%)}
.story-copy.connected h2{max-width:950px;font-size:clamp(42px,5vw,78px)}
.story-copy.connected .text-link{margin-top:12px}

.button.solid,.button.outline{color:var(--why-white);border:1px solid rgba(255,255,255,.28);background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.035) 52%,rgba(255,255,255,.075));box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 8px 24px rgba(0,0,0,.16);backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%);font-weight:500;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}
.button.solid span,.button.outline span{color:var(--why-lime);transition:transform .25s}
.button.solid:hover,.button.outline:hover{color:white;background:linear-gradient(135deg,rgba(255,255,255,.22),rgba(255,255,255,.07));border-color:rgba(216,255,164,.55);box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 10px 26px rgba(0,0,0,.2);transform:translateY(-2px)}
.button:hover span{transform:translate(2px,-2px)}
.button.solid:active,.button.outline:active{transform:translateY(0) scale(.985)}

.solutions{overflow:visible;padding-bottom:100px}
.solution-nav{align-items:center;gap:10px;margin:36px 0 14px}
.carousel-hint{margin-right:auto;font-size:13px;letter-spacing:.01em;color:var(--why-copy-strong);display:flex;align-items:center;gap:14px}
.carousel-hint>span{color:var(--why-lime);font-size:22px}
[data-sol-counter]{font-size:11px;font-variant-numeric:tabular-nums;color:var(--why-copy);margin-right:12px}
.carousel-arrow{width:46px;height:46px;color:white;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.065);backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.carousel-arrow:hover:not(:disabled){box-shadow:none;border-color:var(--why-lime);color:var(--why-lime);background:rgba(255,255,255,.1)}
.solution-track{counter-reset:solution;grid-auto-columns:clamp(235px,22vw,300px);gap:18px;scroll-snap-type:x mandatory;scroll-padding:4px;padding:10px 4px 20px;touch-action:pan-x pan-y;overscroll-behavior-x:contain;scrollbar-width:none;scroll-behavior:smooth}
.solution-track::-webkit-scrollbar{display:none}
.solution-track.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;user-select:none}
.solution-track.is-dragging *{cursor:grabbing!important}
.solution-card,.solution-card:hover,.solution-card:focus-within{counter-increment:solution;min-height:280px;border-radius:22px;border:1px solid rgba(255,255,255,.17);background:linear-gradient(140deg,rgba(255,255,255,.085),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(12px);transform:none}
.solution-card:hover,.solution-card:focus-within{border-color:rgba(199,255,143,.42);background:linear-gradient(140deg,rgba(255,255,255,.115),rgba(255,255,255,.04))}
.solution-card:before{content:counter(solution,decimal-leading-zero);position:absolute;left:24px;top:24px;font-size:11px;color:var(--why-lime);font-variant-numeric:tabular-nums;pointer-events:none}
.solution-link{display:flex;flex-direction:column;min-height:280px;height:100%;padding:76px 24px 26px}
.solution-link h3{font-size:23px;line-height:1.12;min-height:52px;letter-spacing:-.04em}
.solution-link p{font-size:15px;line-height:1.55;min-height:0;margin:17px 0 24px;color:#e0e5df}
.solution-link .copy-accent{font-weight:500}
.solution-more{margin-top:auto;font-size:11px;color:#dde5d7;letter-spacing:.01em}
.solution-link:hover .solution-more{color:var(--why-lime)}
.solutions-foot{margin-top:20px}.solutions-foot>div{width:48%}


.headline-art{display:block;overflow:hidden;position:relative;max-width:100%;text-shadow:none}
.headline-art img{position:absolute;max-width:none;height:auto;object-fit:contain;pointer-events:none}
.headline-problema{aspect-ratio:1594/323;margin-top:.1em;width:100%}
.headline-problema img{width:180.6775%;left:-37.0765%;top:-248.2972%}
.headline-resolver{aspect-ratio:1965/203;width:min(790px,84%);margin:24px auto 0}
.headline-resolver img{width:146.5649%;left:-6.4631%;top:-533.4975%}
.contact h2{font-size:clamp(36px,4.7vw,70px);line-height:1.03;margin-left:auto;margin-right:auto}
.contact .button{margin-top:32px;position:relative;z-index:3}
.about-strip h2{font-size:clamp(42px,4.65vw,73px);line-height:1.02}
.closing-poster{display:block;width:min(100%,1000px);height:auto;margin:35px auto 0}
.story-mode .closing-poster{display:none}
.closing-space{display:none}.story-mode .closing-space{display:block;height:clamp(230px,34svh,360px);margin-top:12px}.story-mode .contact{min-height:0;padding-bottom:12px}
@media(max-width:899px){
 .solution-track{grid-auto-columns:78%;gap:14px}.solution-card,.solution-link{min-height:270px}
 .solution-link h3{font-size:24px}.solution-link p{font-size:15px}
 .carousel-hint{font-size:11px;gap:7px}.solution-nav{gap:8px}.solution-nav button{width:44px;height:44px}
 [data-sol-counter]{margin-right:2px;font-size:10px}
 .solutions-foot>div{width:100%}.solutions-foot>span{display:none}
 .story-copy.connected h2{font-size:clamp(38px,8vw,58px)}
 .contact h2{font-size:clamp(30px,7.8vw,56px)}.contact h2 .muted{white-space:normal}
 .headline-resolver{width:100%;margin-top:20px}
 .about-strip h2{max-width:540px;font-size:clamp(44px,11vw,70px)}
 .header.menu-open nav{background:rgba(12,16,13,.94);backdrop-filter:blur(20px)}
}
@supports not (backdrop-filter:blur(1px)){.solution-card,.button.solid,.button.outline{background:rgba(24,29,25,.92)}}
@media(min-width:900px) and (max-height:850px){
 .story-mode .contact{padding-top:40px}
 .contact h2{font-size:52px}
 .headline-resolver{width:620px;margin-top:18px}
 .contact .button{margin-top:18px}
 .story-mode .contact-note{font-size:8px;margin-top:12px}
}

/* Guided copy and side controls share the existing native scrolling rail. */
.story-copy.scattered h2{font-family:Inter,Arial,sans-serif;font-size:clamp(30px,3.15vw,52px);font-weight:400;line-height:1.24;letter-spacing:-.045em;color:var(--why-white);max-width:1100px;text-shadow:0 2px 8px rgba(0,0,0,.65),0 6px 24px rgba(0,0,0,.4)}
.scattered h2 strong{font-family:"Arial Black",Inter,Arial,sans-serif;font-weight:900}
.about-copy strong.copy-accent{color:var(--why-lime)}
.scattered h2 .reading-secondary{display:block;margin-top:14px;font-size:.8em;font-weight:400;color:var(--why-copy-strong)}
.story-copy.connected h2 br{display:block}.story-copy.connected h2 .copy-accent{display:block;white-space:normal}
.solution-gallery{position:relative;margin:0 28px}
.carousel-arrow{position:absolute;top:50%;z-index:5;display:grid;place-items:center;border-radius:50%;transform:translateY(-50%);font-size:22px;transition:background .25s,border-color .25s,opacity .25s}
.carousel-prev{left:-50px}.carousel-next{right:-50px}
.solution-track.is-moving .solution-card{transform:scale(.985)}
.solution-track.is-moving .solution-card:focus-within{transform:none}
.solution-track.is-animating{scroll-snap-type:none;scroll-behavior:auto}
.solutions-foot{margin-top:14px}
.reading-controls{bottom:10px}
body:not(.story-mode) .contact{padding-bottom:24px}
body:not(.story-mode) .contact-note{margin-top:30px}
body:not(.story-mode) .closing-poster{margin-top:18px}
@media(min-width:900px){.story-copy.connected h2{width:100%;max-width:1100px;font-size:clamp(40px,4vw,66px)}}
@media(max-width:899px){.solution-gallery{margin:0 20px}.carousel-arrow{width:38px;height:38px}.carousel-prev{left:-34px}.carousel-next{right:-34px}.solution-track{grid-auto-columns:90%}.story-copy.scattered h2{font-size:clamp(28px,6vw,43px)}.scattered h2 .reading-line{display:block}}
@media(prefers-reduced-motion:reduce){.solution-track{scroll-behavior:auto}.solution-track.is-moving .solution-card{transform:none}.solution-card{transition:none}}

/* Supplied narrative PNGs: only transparent margins are framed out, never redrawn. */
.story-copy h2.narrative-art{font-size:0;line-height:0;text-shadow:none;filter:drop-shadow(0 3px 12px rgba(0,0,0,.55));max-width:100%;flex-shrink:0}
.story-copy.scattered h2.narrative-pieces{width:min(960px,100%,104svh);aspect-ratio:1592/579;margin:30px 0 0}
.narrative-pieces img{width:125.62814%;left:-12.87688%;top:-40.93264%}
.story-copy.connected h2.narrative-result{width:min(650px,100%,76svh);aspect-ratio:1074/516;margin:20px 0 16px}
.narrative-result img{width:186.21974%;left:-37.05773%;top:-64.92248%}
@media(min-width:900px) and (min-height:600px){.story-mode .connected{top:16%}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .solution-track:not(.is-dragging):not(.is-moving) .solution-card:hover{transform:translateY(-3px) scale(1.018);border-color:rgba(199,255,143,.55)}
 .solution-track:not(.is-dragging):not(.is-moving) .solution-card:hover .solution-more{transform:translateX(3px)}
 .solution-more{transition:transform .3s ease,color .3s ease}
}
.solution-card:focus-within{border-color:rgba(199,255,143,.55)}