@font-face{font-family:DM;src:url('../assets/dm-sans-regular.woff2');font-display:swap}
@font-face{font-family:Archivo;src:url('archivo-black.ttf');font-weight:400;font-display:swap}
:root{--ink:#0d2f37;--teal:#1daba2;--accent:#e8ff38;--grey:#e7e9e8;--out:cubic-bezier(.22,1,.36,1);--quint:cubic-bezier(.83,0,.17,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:60px}body{margin:0;color:var(--ink);background:white;font:16px DM,Arial,sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}p{line-height:1.4;margin:0 0 24px}a:focus-visible,button:focus-visible{outline:3px solid #4566ce;outline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}.skip{position:fixed;top:-100px;z-index:100;background:white;padding:16px}.skip:focus{top:0}
.header{position:fixed;top:0;left:0;z-index:40;width:100%;height:64px;padding:12px 20px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;color:var(--ink);transition:color .3s}.header>*{pointer-events:auto}.header.on-dark{color:var(--accent)}.logo{width:88px;height:43px;background:currentColor;mask:url('../assets/brands-ministry-logo.svg') center/contain no-repeat;-webkit-mask:url('../assets/brands-ministry-logo.svg') center/contain no-repeat}.nav-bars{display:flex;width:50%;gap:16px}.chapter-button,.start-link{width:50%;height:34px;position:relative;isolation:isolate;border:1px solid #0d2f3720;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font:11px monospace;text-transform:uppercase;text-align:left;overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.chapter-button{background:#0d2f3780;color:var(--accent)}.start-link{color:var(--ink);background:#ffffff99;transition:padding .3s,clip-path .3s}.start-link:hover{padding-inline:22px;clip-path:polygon(4% 0,100% 0,96% 100%,0 100%)}.nav-progress{position:absolute;inset:-1px -12px;z-index:-1;background:var(--ink);transform:translateX(calc(-100% + var(--nav-progress,0)*100%)) skewX(-20deg);transform-origin:left}.on-dark .chapter-button{background:#1daba277;color:var(--accent)}.on-dark .nav-progress{background:var(--teal)}.meta{font:11px monospace;text-transform:uppercase}.section-heading{display:flex;justify-content:center;padding:0 20px 28px}
.hero{height:100svh;position:relative;background:var(--ink);color:var(--accent)}.hero-sticky{height:100%;position:relative;overflow:hidden}.hero-pictures{position:absolute;inset:0;display:flex}.hero-picture{width:50%;overflow:hidden}.hero-picture img{animation:hero-photo-drift 18s ease-in-out infinite alternate;transform:scale(1.04);transform-origin:center}.hero-picture.right img{animation-direction:alternate-reverse}.hero-letters{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none;font:400 22vw/.75 Archivo,Arial,sans-serif;letter-spacing:-.08em}.hero-letters span:first-child{margin-left:-.075em}.hero-letters span:last-child{margin-right:-.03em}.hero-copy{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:48%;max-width:620px;z-index:2;animation:entrance .9s var(--out) backwards}.hero-copy>.demo-chapter{display:none!important}.hero-copy h1{font-size:clamp(18px,1.35vw,26px);font-weight:400;line-height:1.25;letter-spacing:-.025em;margin:0 auto 28px;max-width:570px}.block-link{display:inline-flex;gap:20px;align-items:center;background:var(--accent);color:var(--ink);padding:12px 14px;font:11px monospace;text-transform:uppercase;transition:transform .5s,letter-spacing .5s;position:relative}.block-link:hover{transform:skewX(-10deg);letter-spacing:1px}.hero-bottom{position:absolute;bottom:25px;left:20px;right:20px;display:flex;justify-content:space-between;font:9px monospace;text-transform:uppercase}.hero-bottom a{display:flex;gap:20px}.down-arrow{animation:bounce 1.5s infinite}
/* The two-viewport story uses the same normal-scroll / pinned-image progression as the reference. */
.story{height:200svh;background:white;position:relative}.story-sticky{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}.story-image{position:absolute;left:var(--image-left,45%);top:var(--image-top,40%);width:var(--image-width,10%);height:var(--image-height,15%);clip-path:polygon(var(--cut,18%) 0,100% 0,calc(100% - var(--cut,18%)) 100%,0 100%);z-index:-2;will-change:width,height,left,top,clip-path}.story-image img{object-position:50% 45%}.story-shade{display:none}.story-image:after{content:"";position:absolute;inset:0;background:#0d2f37;opacity:var(--shade,0);pointer-events:none}.story-title{position:absolute;top:14%;left:0;width:100%;text-align:center;color:var(--story-ink,var(--ink));transition:color .65s;transform:translateY(var(--story-intro,0px))}.story-title>.demo-chapter{margin-bottom:30px}.massive{font:400 min(7.8vw,12vh)/.9 Archivo,Arial,sans-serif;letter-spacing:-.065em;text-transform:uppercase;margin:0 auto;width:96%;text-align:center}.massive>span{display:block;white-space:nowrap}.story-gap{display:inline-block;width:.8em;height:.8em;vertical-align:middle}.story-word{display:inline-block}.story-word.before{transform:translateX(calc(var(--story-p,0)*.4em))}.story-word.after{transform:translateX(calc(var(--story-p,0)*-.4em))}.story-note{position:absolute;right:0;bottom:0;width:25%;min-width:300px;background:var(--teal);padding:20px;color:var(--ink)}.story-note p{font-size:14px;margin-bottom:22px}.story-note p:first-child{font-size:18px}.text-link{font:11px monospace;text-transform:uppercase;display:flex;align-items:center;gap:10px;position:relative;padding:12px 0;margin-top:30px;line-height:1.3}.text-link:before{content:'';background:currentColor;transform:skewX(-20deg);width:12px;height:9px;flex-shrink:0;transition:width .2s}.text-link>span:last-child{margin-left:auto;transition:transform .5s}.text-link:hover:before{width:25px}.text-link:hover>span:last-child{transform:translateX(5px)}
.split-section{display:grid;grid-template-columns:1fr 1fr;background:var(--grey);min-height:85svh}.split-content{padding:120px 20px 32px;display:flex;flex-direction:column;min-width:0}.split-content>.demo-chapter{margin-bottom:28px}.display{font:400 clamp(40px,4.9vw,100px)/.96 Archivo,Arial,sans-serif;text-transform:uppercase;letter-spacing:-.05em;margin:0;text-wrap:balance}.split-content .display{max-width:10em}.split-description{width:50%;margin-left:auto;padding-top:65px;margin-top:auto;min-width:240px}.split-description p{font-size:clamp(16px,1.2vw,22px)}.split-media{min-width:0;position:relative;overflow:hidden}.split-media>img{position:absolute;inset:0;object-position:center}.service-links{position:absolute;bottom:0;right:0;width:50%;min-width:250px;background:var(--teal);display:flex;flex-direction:column;padding:8px 18px}.service-links a{display:flex;justify-content:space-between;gap:15px;font:11px monospace;text-transform:uppercase;padding:17px 0;transition:padding .3s}.service-links a:before{content:'';background:currentColor;width:12px;height:9px;transform:skew(-20deg)}.service-links a>span{margin-left:auto}.service-links a:hover{padding-left:10px}
.image-banner{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:70svh;height:min(100vw,100svh);overflow:clip}.image-banner>img{min-height:0;object-position:center}.banner-letters{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;color:var(--accent);font:400 24vw/.75 Archivo,Arial,sans-serif;letter-spacing:-.08em}.banner-letters>span:first-child{position:sticky;top:65px;margin-left:-.03em}.banner-letters>span:last-child{position:sticky;bottom:0;align-self:flex-end;margin-right:-.03em}.marquee{background:var(--teal);padding:50px 0;overflow:hidden}.marquee>div{display:flex;align-items:center;gap:70px;font-size:25px;letter-spacing:-.03em;width:max-content;animation:marquee 35s linear infinite}.marquee i{font-style:normal;font-size:28px}
/* The centered cinematic media replaces the unrelated horizontal scroll carousel. */
.service-reel{height:100svh;min-height:600px;background:var(--ink);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:60px 20px}.media-player{width:66.666%;position:relative;aspect-ratio:16/9;overflow:hidden;background:#143d43}.media-frames{position:absolute;inset:0}.media-frame{position:absolute;inset:0;opacity:0;transform:scale(1.005);transition:opacity .65s,transform 5s linear;object-position:50% 45%}.media-frame.active{opacity:1;transform:scale(1.025)}.media-toggle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0d2f37aa;border:0;color:white;padding:15px 22px;z-index:2;font-size:24px;transition:opacity .3s}.media-player.playing .media-toggle{opacity:0}.media-player.playing:hover .media-toggle,.media-player.playing:focus-within .media-toggle{opacity:1}.media-caption{display:flex;justify-content:space-between;width:66.666%;font:9px monospace;text-transform:uppercase;color:#c1d2d2}.belief .split-section{min-height:100svh}.belief .text-link{background:var(--teal);padding:18px;margin-bottom:-32px;margin-right:-20px}.belief .split-content{padding-top:110px}
.benefits{padding:140px 20px 100px;background:white}.centered{text-align:center;font-size:clamp(36px,4.5vw,88px);max-width:80%;margin:0 auto 90px}.benefit-list article{position:relative;display:grid;grid-template-columns:1fr 5fr;gap:24px;padding:30px 0}.benefit-list article:before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:#0d2f3777;transform:scaleX(1);transform-origin:center}.benefit-number{font:400 48px/1 Archivo,Arial,sans-serif;letter-spacing:-.05em}.benefit-list h3{font:400 clamp(20px,1.65vw,30px)/1.1 Archivo,Arial,sans-serif;text-transform:uppercase;letter-spacing:-.03em;margin:0 0 16px}.benefit-list p{font-size:clamp(16px,1.2vw,21px);margin:0;max-width:70ch}.benefit-list article>div{min-width:0}
.bridge{height:80svh;min-height:500px;position:relative;overflow:hidden;background:var(--ink)}.bridge>img{position:absolute;inset:0;object-position:center 40%}.bridge>div{position:absolute;bottom:0;right:0;width:25%;min-width:300px;background:var(--teal);padding:20px;min-height:260px;display:flex;flex-direction:column;justify-content:space-between}.bridge p{font-size:22px;letter-spacing:-.03em}.next{background:var(--grey);padding:125px 0 0;overflow:hidden}.next>.centered{max-width:75%;margin-bottom:0}.next-cards{display:flex;width:72%;margin:0 auto;align-items:flex-end;padding-top:80px}.next-card{width:33.333%;min-height:400px;padding:28px;background:var(--ink);color:white;display:flex;flex-direction:column;position:relative;transition:transform .5s var(--out)}.next-card:nth-child(2){background:white;color:var(--ink);min-height:490px}.next-card:nth-child(3){background:var(--teal);color:var(--ink);min-height:445px}.next-card h3{font:400 clamp(20px,1.8vw,34px)/1.03 Archivo,Arial,sans-serif;letter-spacing:-.04em;text-transform:uppercase;margin:0 0 26px}.next-card>.meta{display:none}.next-card p{font-size:clamp(14px,1vw,18px)}.next-card>.text-link{margin-top:auto;font-size:10px;padding-top:40px}.next-card:hover{transform:translateY(-12px)}
footer{background:var(--ink);color:var(--accent);padding:60px 20px 25px;overflow:hidden}.footer-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.footer-letter{font:400 23vw/.8 Archivo,Arial,sans-serif;letter-spacing:-.08em;margin-left:-.08em}.footer-letter:last-child{text-align:right;margin-left:0;margin-right:-.03em}.footer-top nav{display:flex;flex-direction:column;align-items:center;gap:12px;font:400 20px/1 Archivo,Arial,sans-serif;text-transform:uppercase;letter-spacing:-.03em}.footer-top nav a{padding:4px 8px;transition:background .2s,color .2s,transform .3s}.footer-top nav a:hover{background:var(--accent);color:var(--ink);transform:skewX(-10deg)}.footer-wordmark{display:block;background:currentColor;mask:url('../assets/brands-ministry-logo.svg') center/contain no-repeat;-webkit-mask:url('../assets/brands-ministry-logo.svg') center/contain no-repeat;width:90%;height:42vw;margin:80px auto}.footer-meta{display:flex;justify-content:space-between;gap:20px;font:10px monospace;text-transform:uppercase;border-top:1px solid #ffffff33;padding-top:20px}.end-transition{height:150svh;background:var(--teal);position:relative;overflow:clip}.end-transition>a{position:sticky;top:0;height:100svh;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:25px;text-align:center;padding:35px;font:400 clamp(45px,8vw,150px)/.95 Archivo,Arial,sans-serif;letter-spacing:-.06em;text-transform:uppercase;background:linear-gradient(110deg,var(--accent) var(--end-progress,0%),var(--teal) var(--end-progress,0%))}.end-percent{font:12px monospace;letter-spacing:0}.page-progress{position:fixed;bottom:0;left:0;z-index:50;width:var(--page-progress,0%);height:2px;background:var(--teal)}
/* Match the reference's reversible left-to-right diagonal reveals, with .2s line staggering. */
.line-mask{display:block;transform:none;transition:transform 1.2s var(--out)}.line-mask>.line{display:inline-block;clip-path:polygon(-100% 0,105% 0,100% 100%,-100% 100%);transition:clip-path .6s var(--quint);transition-delay:calc(var(--line-index,0)*.2s)}.js-motion .reveal:not(.visible) .line-mask{transform:translateX(-4rem)}.js-motion .reveal:not(.visible) .line{clip-path:polygon(-100% 0,0 0,-5% 100%,-100% 100%)}.js-motion .benefit-list article:before{transform:scaleX(0);transition:transform .65s var(--quint)}.js-motion .benefit-list article.visible:before{transform:scaleX(1)}.benefit-number{transition:transform .65s var(--quint)}.js-motion .benefit-list article:not(.visible) .benefit-number{transform:translateY(-35px)}.js-motion .next-card{transform:translateY(100px);opacity:0;transition:transform .85s var(--quint),opacity .5s}.js-motion .next-card.visible{transform:none;opacity:1}.js-motion .next-card:nth-child(2){transition-delay:.1s}.js-motion .next-card:nth-child(3){transition-delay:.2s}.js-motion .next-card.visible:hover{transform:translateY(-12px);transition-delay:0s}
dialog{margin:0;max-width:none;max-height:none;width:100%;height:100dvh;background:var(--teal);color:var(--ink);border:0;padding:28px}dialog::backdrop{background:var(--ink)}dialog[open]{display:flex;flex-direction:column;animation:menu-open .6s var(--quint)}.menu-top{display:flex;justify-content:space-between;align-items:center;font:11px monospace;text-transform:uppercase}.close-menu{background:transparent;border:1px solid currentColor;padding:10px 20px}dialog nav{margin:auto 8vw;width:84%}dialog nav a{display:flex;align-items:center;gap:25px;font:400 clamp(28px,5vw,85px)/1 Archivo,Arial,sans-serif;text-transform:uppercase;letter-spacing:-.05em;border-bottom:1px solid #0d2f3755;padding:18px 0}dialog nav a>span{font:12px monospace}dialog nav a>i{font-style:normal;margin-left:auto}.original-link{font:11px monospace;text-transform:uppercase}
@keyframes drift{to{transform:scale(1.035) translate3d(-.3%,.3%,0)}}@keyframes entrance{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}@keyframes bounce{50%{transform:translateY(5px)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes menu-open{from{clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important}
@media(min-width:1700px){.story-note{padding:26px}.story-note p{font-size:16px}.story-note p:first-child{font-size:20px}.split-content{padding-top:160px}.next-card{min-height:470px}.next-card:nth-child(2){min-height:580px}.next-card:nth-child(3){min-height:525px}}
@media(max-width:1050px){.hero-copy{width:60%}.hero-copy h1{font-size:22px}.hero-letters{font-size:23vw}.story-note{min-width:280px;width:32%;padding:18px}.story-note p{font-size:13px;margin-bottom:16px}.story-note p:first-child{font-size:17px}.split-content{padding-top:90px}.split-description{width:80%;min-width:0;padding-top:40px}.display{font-size:5.6vw}.service-links{width:75%;min-width:0}.media-player,.media-caption{width:88%}.next-cards{width:90%}.next-card{padding:22px}.next-card h3{font-size:23px}.footer-top nav{font-size:16px}.centered{font-size:5vw}}
@media(max-width:800px){.header{padding:12px 16px}.logo{width:78px;height:38px}.nav-bars{position:fixed;bottom:0;left:0;width:100%;gap:0}.chapter-button,.start-link{height:42px;font-size:10px;width:50%;background:#ffffffd9}.chapter-button{background:var(--ink);color:var(--accent)}.on-dark .chapter-button{background:var(--teal);color:var(--ink)}.hero{min-height:650px}.hero-pictures .right{display:none}.hero-pictures .left{width:100%}.hero-copy{top:auto;bottom:110px;transform:translateX(-50%);width:86%;max-width:500px}.hero-copy h1{font-size:22px}.hero-letters{align-items:flex-start;padding-top:25svh;font-size:29vw}.hero-bottom{display:none}.story{height:auto}.story-sticky{height:auto;min-height:100svh;position:relative;padding:110px 16px 0;display:flex;flex-direction:column;gap:30px}.story-title{position:relative;top:auto;transform:none!important;order:0;color:var(--ink)!important}.story-title>.demo-chapter{margin-bottom:24px}.massive{font-size:8vw;width:100%}.story-image{position:relative;inset:auto!important;width:85%!important;height:50svh!important;min-height:300px;margin:0 auto;clip-path:polygon(15% 0,100% 0,85% 100%,0 100%)!important;z-index:auto;order:1}.story-shade{display:none}.story-note{position:relative;right:auto;bottom:auto;order:2;width:65%;max-width:450px;margin-left:auto;min-width:0;padding:22px}.story-note p{font-size:15px}.story-note p:first-child{font-size:19px}.split-section{min-height:0;display:flex;flex-direction:column}.split-content{padding:80px 20px 35px;min-height:600px}.display{font-size:8vw}.split-content .display{max-width:12em}.split-description{width:53%;padding-top:45px}.split-media{height:75svh;min-height:450px}.split-media>img{position:absolute}.service-links{width:50%;min-width:270px}.image-banner{height:80svh;min-height:500px}.banner-letters{font-size:28vw}.marquee{padding:30px 0}.marquee>div{font-size:22px;gap:40px}.service-reel{height:80svh;min-height:500px}.media-player,.media-caption{width:100%}.belief .split-section{min-height:0}.belief .split-content{padding-top:75px}.belief .split-description{width:62%}.belief .text-link{margin-bottom:-35px}.benefits{padding:85px 16px 70px}.centered{max-width:95%;font-size:7vw;margin-bottom:65px}.benefit-list article{grid-template-columns:1fr 5fr;gap:20px;padding:24px 0}.benefit-list h3{font-size:20px}.benefit-list p{font-size:16px}.benefit-number{font-size:43px}.bridge{height:75svh;min-height:550px}.bridge>div{width:40%;min-width:280px}.next{padding-top:80px}.next>.centered{max-width:90%}.next-cards{width:94%;padding-top:60px}.next-card{padding:22px 18px;min-height:360px}.next-card:nth-child(2){min-height:440px}.next-card:nth-child(3){min-height:400px}.next-card h3{font-size:20px}.next-card p{font-size:14px}.next-card>.text-link{font-size:9px;gap:8px}.footer-top nav{font-size:13px}.footer-wordmark{margin:65px auto}.footer-meta{font-size:9px;padding-bottom:45px}.end-transition{height:auto}.end-transition>a{position:relative;height:70svh;min-height:450px;font-size:9vw}.page-progress{bottom:42px}}
@media(max-width:540px){.hero-copy h1{font-size:21px}.hero-letters{font-size:34vw;padding-top:21svh}.hero-copy{bottom:100px}.story-sticky{gap:24px;padding-top:90px}.massive{font-size:8vw}.story-image{height:40svh;min-height:280px}.story-note{width:90%;padding:24px}.split-content{min-height:520px;padding-top:70px}.display{font-size:10vw}.split-description{width:80%;padding-top:40px}.split-description p{font-size:16px}.split-media{height:65svh;min-height:430px}.service-links{width:78%}.image-banner{display:flex;flex-direction:column;height:auto;min-height:0}.image-banner>img{height:65svh}.banner-letters{font-size:40vw}.banner-letters>span:first-child{top:65px}.marquee>div{font-size:18px;gap:30px}.service-reel{height:65svh;min-height:380px;padding:50px 16px}.media-caption{font-size:8px;gap:25px}.media-toggle{font-size:20px;padding:12px 18px}.belief .split-description{width:85%}.centered{font-size:8vw;margin-bottom:55px}.benefit-list article{grid-template-columns:40px 1fr;gap:20px}.benefit-number{font-size:38px}.benefit-list h3{font-size:18px;line-height:1.15}.benefit-list p{font-size:15px}.bridge>div{width:80%;min-width:0;padding:24px;min-height:230px}.bridge p{font-size:22px}.next-cards{display:flex;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:20px;padding-inline:20px;align-items:flex-end}.next-card{flex:0 0 82%;scroll-snap-align:start;min-height:350px;padding:25px}.next-card:nth-child(2){min-height:410px}.next-card:nth-child(3){min-height:380px}.next-card h3{font-size:27px}.next-card p{font-size:16px}.next-card>.text-link{font-size:11px}footer{padding-inline:16px}.footer-top{position:relative;display:flex;justify-content:center;min-height:250px}.footer-letter{position:absolute;font-size:32vw;top:25px;left:-5px}.footer-letter:last-child{left:auto;right:-5px;top:auto;bottom:25px}.footer-top nav{font-size:15px;gap:16px;position:relative;z-index:2;padding-top:180px}.footer-wordmark{height:44vw;margin:65px auto 45px}.footer-meta{flex-wrap:wrap;font-size:8px;gap:15px}.footer-meta>span:nth-child(2){display:none}.end-transition>a{min-height:400px;padding-inline:20px;font-size:11vw;gap:15px}.end-percent{font-size:10px}dialog{padding:20px}dialog nav{margin:auto 0;width:100%}dialog nav a{font-size:28px;padding:22px 0;gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.story{height:auto}.story-sticky{position:relative;height:auto;min-height:100svh;padding:110px 20px 0;display:flex;flex-direction:column;gap:30px}.story-title{position:relative;top:auto;transform:none!important;color:var(--ink)!important}.story-image{position:relative;inset:auto!important;width:75%!important;height:55svh!important;margin:auto;order:1;z-index:auto}.story-note{position:relative;order:2;width:40%;min-width:280px;margin-left:auto}.story-shade{display:none}.js-motion .reveal:not(.visible) .line-mask,.js-motion .next-card{transform:none;opacity:1}.js-motion .reveal:not(.visible) .line{clip-path:none}.js-motion .benefit-list article:before{transform:scaleX(1)}.js-motion .benefit-list article:not(.visible) .benefit-number{transform:none}}

@media(max-width:800px),(prefers-reduced-motion:reduce){.story-gap{display:none}.story-word.before,.story-word.after{transform:none}}

/* Each service has its own existing-site photograph and an explicit preview. */
.service-photo-stage{position:absolute;inset:0;overflow:hidden}
.service-area-photo{position:absolute;inset:0;object-position:center;opacity:0;transition:opacity .55s var(--out)}
.service-area-photo.active{opacity:1}
.service-preview-controls{position:absolute;top:76px;left:20px;display:flex;gap:5px;z-index:2}
.service-preview-controls button{border:1px solid #ffffff99;background:#0d2f37aa;color:white;padding:9px 12px;font:11px monospace;backdrop-filter:blur(8px)}
.service-preview-controls button[aria-pressed=true]{background:var(--teal);border-color:var(--teal);color:var(--ink)}
.service-photo-label{position:absolute;left:20px;bottom:22px;background:var(--ink);color:white;padding:10px 14px;font:11px monospace;text-transform:uppercase;max-width:calc(50% - 35px)}
.service-links a[data-active=true]{text-decoration:underline;text-underline-offset:6px}
@media(max-width:800px){.service-preview-controls{top:20px}.service-photo-label{top:20px;bottom:auto;left:auto;right:16px;max-width:60%}}
@media(max-width:540px){.service-preview-controls{left:16px}.service-photo-label{font-size:9px;max-width:48%;padding:10px}.service-links{min-width:0}}
@media(prefers-reduced-motion:reduce){.service-area-photo{transition:none}}

/* Demo theme: editorial chapter titles replace the main site's capsule labels. */
.demo-chapter{display:inline-flex;align-items:baseline;gap:8px;max-width:100%;font:400 12px/18px monospace;letter-spacing:.025em;text-transform:uppercase;color:inherit;background:none;border:0;border-radius:0;padding:0;box-shadow:none;white-space:normal;text-align:left}
.demo-chapter::before,.demo-chapter::after{content:none}
.demo-chapter .chapter-index{flex:0 0 auto;letter-spacing:0}
.story-title>.demo-chapter{justify-content:center}

/* Keep footer links centered after removing the decorative initials. */
.footer-top{grid-template-columns:1fr;justify-items:center}.footer-top nav{padding-top:0}

/* Original home-page wording, presented in the Demo's visual system. */
.hero-copy{width:76%;max-width:920px}
.hero-copy>.demo-chapter{display:inline-flex!important;margin-bottom:24px;color:inherit}
.hero-copy h1{font-family:Archivo,Arial,sans-serif;font-size:clamp(36px,4.2vw,80px);font-weight:400;line-height:1.02;letter-spacing:-.055em;max-width:none;margin:0 auto 25px}
.hero-lead{font-size:clamp(16px,1.2vw,21px);line-height:1.45;max-width:660px;margin:0 auto 28px}
.hero-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.hero-secondary{background:#0d2f3766;color:var(--accent);border:1px solid var(--accent)}

@media(max-width:800px){.hero-copy{width:90%;bottom:110px;max-width:620px}.hero-copy h1{font-size:clamp(30px,5.5vw,48px)}.hero-lead{font-size:16px}.hero-copy>.demo-chapter{margin-bottom:20px;font-size:10px}}
@media(max-width:540px){.hero-copy{bottom:90px}.hero-copy h1{font-size:clamp(26px,8vw,40px);margin-bottom:20px}.hero-lead{font-size:14px;line-height:1.4;margin-bottom:22px}.hero-actions{gap:10px}.hero-actions .block-link{font-size:10px;padding:12px}.hero-copy>.demo-chapter{font-size:9px;letter-spacing:0}}

/* Image-only motion: keep the original photograph colours and stationary copy. */
@keyframes hero-photo-drift{from{transform:scale(1.04) translate(-.65%,-.4%)}to{transform:scale(1.075) translate(.65%,.4%)}}
.hero-copy{background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}

/* Smooth-scroll integration; all theme motion and hover treatments remain enabled. */
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}

/* Shade only the fixed header while it overlays the opening hero. */
.header.on-hero{background:linear-gradient(180deg,#0d2f37ed 0%,#0d2f37db 100%)}

/* One photographic canvas keeps every fibre joined during the existing drift. */
.hero-pictures.hero-connected{display:block}
.hero-connected .hero-picture.left{width:100%;height:100%}
@media(max-width:800px){.hero-connected .hero-picture img{object-position:left center}}

/* Finished text returns to normal painting; diagonal clipping is re-armed before reverse reveals. */
.reveal.visible.text-settled .line-mask>.line{clip-path:none}
/* The company footer is the final scroll destination. */
footer>.footer-wordmark{width:45%;height:21vw;max-height:350px}
.footer-company{max-width:500px;margin:0 auto 40px;text-align:center}
.footer-company h2{font:400 22px/1.2 Archivo,Arial,sans-serif;margin:0 0 16px}
.footer-company p{font:16px/1.5 DM,Arial,sans-serif;margin:0 0 14px}
.chapter-footer>.footer-company{display:none}
@media(max-width:800px){footer>.footer-wordmark{height:22vw}}