/* Revision A3: composed scene, scroll narrative and open service catalogue. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.a-hero{width:calc(100% - 112px);max-width:1560px;margin:auto;min-height:740px;display:grid;grid-template-columns:.92fr 1.35fr;gap:0;align-items:center;overflow:visible;padding:30px 0 55px;isolation:isolate}
.hero-inner.wrap{width:auto;max-width:none;margin:0;padding:0;pointer-events:auto;z-index:2}
.hero-inner h1{font-size:clamp(48px,4.1vw,66px);width:auto;max-width:none;letter-spacing:-2.5px;line-height:1.055}
.hero-inner .eyebrow{font-size:10px;margin-bottom:27px}
.hero-intro{max-width:430px;font-size:14px;margin-top:26px}
.hero-answer{max-width:445px;font-size:17px;margin-top:14px}
.hero-actions{gap:22px;max-width:none;flex-wrap:wrap;margin-top:28px}
.hero-actions .a-button{font-size:13px;padding-inline:20px;gap:23px}
.hero-foot{gap:15px;margin-top:32px;font-size:11px}
.hero-foot .mono{min-width:0;font-size:8px;letter-spacing:1px}
.hero-visual{min-width:0;position:relative;align-self:center;margin-left:-55px;margin-right:-28px;z-index:1}
.hero-stage{position:relative;aspect-ratio:1.29;overflow:hidden;isolation:isolate}
.hero-canvas{position:absolute;width:148.5%;height:100%;left:-48.5%;top:0}
.hero-canvas>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;mask-image:linear-gradient(0deg,transparent,#000 13%,#000 86%,transparent);pointer-events:none}
.hero-plate{visibility:hidden}.hero-fallback{visibility:visible}
.hero-stage.is-layered .hero-plate{visibility:visible}.hero-stage.is-layered .hero-fallback{visibility:hidden}
.hero-paper{display:none;position:absolute;width:16%;aspect-ratio:1;background-image:url('paper-sprites.webp');background-size:300% 200%;background-repeat:no-repeat;mix-blend-mode:screen;transform-origin:center;will-change:transform,opacity;z-index:3;filter:brightness(.82)}
.is-layered .hero-paper{display:block}
.hp-0{left:34%;top:9%;background-position:0 0;transform:rotate(-13deg)}
.hp-1{left:45%;top:21%;background-position:50% 0;transform:rotate(9deg)}
.hp-2{left:31%;top:35%;background-position:100% 0;transform:rotate(-8deg)}
.hp-3{left:45%;top:47%;background-position:0 100%;transform:rotate(12deg)}
.hp-4{left:31%;top:63%;background-position:50% 100%;transform:rotate(-15deg)}
.hp-5{left:43%;top:73%;background-position:100% 100%;transform:rotate(5deg)}
.hero-threads{display:none;position:absolute;inset:0;width:100%;height:100%;z-index:2;opacity:.85;filter:drop-shadow(0 0 6px #efaa4877)}
.is-layered .hero-threads{display:block}.hero-threads path{stroke-dasharray:1000;stroke-dashoffset:1000}
.hero-folder{position:absolute;left:70%;top:36%;width:27%;z-index:4;opacity:0;visibility:hidden;border:1px solid #d29a4d;border-radius:4px;background:linear-gradient(145deg,#343728,#14180e);box-shadow:0 25px 60px #000b;color:var(--cream);transform:perspective(800px) rotateY(-8deg)}
.folder-tab{display:flex;align-items:center;justify-content:space-between;font:9px/1.5 var(--mono);letter-spacing:1px;color:#e9b46c;border-bottom:1px solid #6d6040;padding:11px 15px}
.folder-tab>span{width:18px;height:18px;display:grid;place-items:center;border:1px solid #909a72;border-radius:50%;color:#cedaaa}
.folder-inner{padding:18px 16px 15px}.folder-kicker{font:7px/1.6 var(--mono);color:#adb59a;letter-spacing:1px}
.folder-inner h3{font-size:clamp(21px,2vw,29px);line-height:1.1;letter-spacing:-.8px;margin:11px 0 16px}
.folder-inner ul{padding:0;margin:0;list-style:none}.folder-inner li{display:flex;justify-content:space-between;gap:10px;font-size:9px;line-height:1.6;border-top:1px solid #515740;padding:9px 0;color:#d6dac6}.folder-inner li b{font-weight:400;color:#c6cd99}
.folder-total{display:flex;align-items:center;gap:13px;margin-top:10px;padding-top:10px;border-top:1px solid #606948}.folder-total strong{font-family:var(--serif);font-size:40px;line-height:1;color:var(--orange);font-weight:500}.folder-total span{font-size:9px;color:#bdc3aa;line-height:1.5}
.hero-scene-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:5px 10px 0 75px;min-height:34px}.hero-scene-caption>span{display:flex;align-items:center;gap:9px;font-size:12px;color:#c4c2b3;line-height:1.5}.hero-scene-caption i{width:5px;height:5px;border-radius:50%;background:var(--orange);flex-shrink:0}.scene-control{background:transparent;font-size:10px;color:var(--orange);white-space:nowrap;padding:8px 0;min-height:36px;border-bottom:1px solid #5f513b}.hero-scene-note{margin:10px 10px 0 75px;font:8px/1.6 var(--mono);letter-spacing:.6px;color:#949683}
.flow-scroll-shell{position:relative}.flow-demo{position:relative}.flow-progress{position:absolute;top:0;left:0;width:100%;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;z-index:5}.flow-scroll-hint{display:flex;align-items:center;gap:18px;color:#c6ae86;font-family:var(--mono);font-size:9px;line-height:1.6;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.flow-scroll-hint>span{font-size:19px}.flow-description{min-height:92px}.flow-stage{height:420px}.flow-result{min-height:345px}.result-layout{min-height:242px}.result-ready{position:relative}.flow-demo[data-stage="3"] .flow-source{opacity:1}
.services .section-heading{grid-template-columns:1.1fr 1fr;gap:90px;margin-bottom:55px}.services-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #45473a}.service{padding:35px 38px 34px 0;border-bottom:1px solid #45473a;display:flex;flex-direction:column}.service:nth-child(2n){padding-left:38px;padding-right:0;border-left:1px solid #45473a}.service-heading{display:grid;grid-template-columns:27px 1fr 42px;gap:17px;align-items:start;margin-bottom:25px}.service-heading>.mono{color:#c78f48;padding-top:7px}.service-heading h3{font-size:32px;letter-spacing:-.8px;line-height:1.14;max-width:375px}.service-symbol{font-family:var(--sans);font-size:34px;line-height:1;color:var(--orange);text-align:right}.service-body{margin:0 0 0 44px;padding:0;display:flex;flex:1;flex-direction:column;gap:24px}.service-body>p{max-width:none;font-size:14px}.service-path{margin-top:auto;justify-content:flex-start;gap:15px;padding-top:18px;border-top:1px solid #303426;font-size:8px;flex-wrap:wrap}.service-path span{color:#c2c7b0}.services .price-line{margin-top:40px}.faq-layout{grid-template-columns:.8fr 1.2fr}.faq-section{padding-block:85px}
@media(min-width:1900px){.a-header.wrap,.assurances.wrap{max-width:1560px}.a-hero{min-height:800px}.hero-inner h1{font-size:70px}.hero-visual{margin-left:-55px;margin-right:0}.hero-answer{max-width:470px}.hero-intro{max-width:460px}}
@media(max-width:1150px) and (min-width:801px){.a-hero{width:calc(100% - 70px);grid-template-columns:1fr 1.15fr;min-height:720px}.hero-inner h1{font-size:49px}.hero-visual{margin-left:-20px;margin-right:-15px}.hero-intro,.hero-answer{max-width:360px}.hero-answer{font-size:16px}.hero-foot{flex-direction:column;align-items:flex-start;gap:8px}.hero-scene-caption{margin-left:28px;align-items:flex-start;flex-direction:column;gap:4px}.hero-scene-note{margin-left:28px}.folder-inner{padding:13px 11px}.folder-tab{padding:9px 10px;font-size:7px}.folder-inner h3{font-size:20px}.folder-inner li{font-size:7px;padding:7px 0}.folder-kicker{font-size:6px}.folder-total strong{font-size:29px}.folder-total span{font-size:7px}.hero-folder{top:34%;width:28%}.service-heading h3{font-size:28px}.services .section-heading{gap:45px}.service-path{gap:9px}}
@media(max-width:800px){.a-hero{display:flex;flex-direction:column;width:calc(100% - 40px);padding:24px 0 35px;min-height:0;gap:16px;overflow:visible}.hero-inner.wrap{order:0;width:100%}.hero-inner h1{font-size:clamp(36px,6.4vw,52px);max-width:640px;letter-spacing:-1.5px}.hero-inner .eyebrow{margin-bottom:24px;font-size:9px}.hero-intro{margin-top:22px;max-width:580px}.hero-answer{font-size:16px;max-width:580px}.hero-actions{gap:20px;margin-top:25px}.hero-foot{margin-top:25px;font-size:10px;gap:15px}.hero-foot .mono{min-width:125px}.hero-visual{order:1;margin:0;width:100%;max-width:640px;align-self:center}.hero-stage{aspect-ratio:1.15;margin-inline:-12px}.hero-canvas{width:166%;left:-66%}.hero-scene-caption{margin:0;gap:8px}.hero-scene-caption>span{font-size:11px;max-width:240px}.scene-control{font-size:10px;min-height:44px}.hero-scene-note{margin:7px 0 0;font-size:7px}.hero-folder{width:28%;top:32%}.folder-inner{padding:12px 11px}.folder-tab{font-size:7px;padding:8px 10px}.folder-kicker{font-size:6px}.folder-inner h3{font-size:21px;margin:8px 0 11px}.folder-inner li{font-size:7px;padding:6px 0;gap:5px}.folder-total{gap:8px;margin-top:7px;padding-top:7px}.folder-total strong{font-size:30px}.folder-total span{font-size:7px}.flow-stage{height:auto;min-height:465px;padding:135px 18px 20px}.flow-result{min-height:0}.result-layout{min-height:260px}.flow-description{min-height:135px}.flow-scroll-hint{font-size:8px;gap:12px}.flow-demo[data-stage="3"] .flow-source{opacity:1}.services .section-heading{grid-template-columns:1fr;gap:25px;margin-bottom:32px}.services-list{grid-template-columns:1fr}.service,.service:nth-child(2n){padding:28px 0;border-left:0}.service-heading{grid-template-columns:23px 1fr 32px;gap:13px;margin-bottom:20px}.service-heading h3{font-size:29px;max-width:500px}.service-symbol{font-size:28px}.service-body{margin-left:36px;gap:20px}.service-body>p{font-size:13px}.service-path{font-size:8px;gap:10px;padding-top:14px}.faq-layout{grid-template-columns:1fr}.faq-section{padding-block:65px}}
@media(max-width:380px){.hero-inner h1{font-size:34px}.hero-scene-caption>span{font-size:10px;max-width:200px}.hero-folder{width:29%}.folder-inner h3{font-size:19px}.folder-tab{letter-spacing:.5px}.hero-foot{gap:8px}.service-heading h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){.hero-paper{will-change:auto}.flow-scroll-hint{display:none}}
.reduce-motion .hero-paper{will-change:auto}.reduce-motion .flow-scroll-hint{display:none}
.is-approved-artwork{margin-left:-15px;margin-right:0}.is-approved-artwork .hero-stage{aspect-ratio:1.4235}.is-approved-artwork .hero-canvas{width:135%;left:-35%}.is-approved-artwork .hero-scene-caption,.is-approved-artwork .hero-scene-note{margin-left:25px}.is-approved-artwork .hero-fallback{mask-image:linear-gradient(0deg,transparent,#000 12%,#000 87%,transparent)}
@media(max-width:800px){.is-approved-artwork{margin:0}.is-approved-artwork .hero-stage{aspect-ratio:1.15}.is-approved-artwork .hero-canvas{width:166%;left:-66%}.is-approved-artwork .hero-scene-caption,.is-approved-artwork .hero-scene-note{margin-left:0}}
.is-approved-artwork .hero-canvas{background:var(--black)}.is-approved-artwork .hero-fallback{mix-blend-mode:lighten}
@media(max-width:800px){.is-approved-artwork .hero-stage{aspect-ratio:1.39;margin-inline:-12px}.is-approved-artwork .hero-canvas{width:138%;left:-38%}}
.a-logo{display:inline-flex;align-items:center;gap:12px}.a-logo .brand-symbol{width:44px;height:44px;object-fit:contain;flex-shrink:0}.a-logo .brand-name{color:var(--cream)}.a-logo .brand-name em{font-style:normal;color:var(--orange)}.a-footer .brand-symbol{width:34px;height:34px}.a-footer .a-logo{gap:9px}
.flow-playback{display:flex;align-items:center;gap:18px;flex-shrink:0}.flow-playback-label{font:8px/1.6 var(--mono);letter-spacing:.6px;text-transform:uppercase;color:#a8ad97}.flow-pause{padding:8px 0;min-height:44px;color:var(--orange);font-size:12px;background:transparent;border-bottom:1px solid #6d6049}.flow-pause:hover{color:#ffd08d}.flow-description{gap:18px}.flow-description>p{max-width:760px}
@media(max-width:1150px){.flow-playback{gap:12px;flex-direction:column;align-items:flex-end}.flow-playback-label{font-size:7px}}
@media(max-width:800px){.a-logo{gap:9px}.a-logo .brand-symbol{width:36px;height:36px}.a-footer .brand-symbol{width:29px;height:29px}.hero-inner.wrap{display:contents}.hero-inner>.eyebrow{order:0;align-self:flex-start;margin:0 0 3px}.hero-inner>h1{order:1;width:100%;margin:0}.hero-visual{order:2;margin:3px 0 4px}.hero-answer{order:3;width:100%;margin:0;font-size:16px}.hero-actions{order:4;width:100%;margin:8px 0 0}.hero-intro{order:5;width:100%;margin:8px 0 0;font-size:13px}.hero-foot{display:none}.hero-scene-caption{min-height:0}.hero-scene-caption>span{font-size:10px;max-width:none}.hero-scene-note{font-size:7px;margin-top:5px}.flow-playback{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.flow-playback-label{font-size:8px}.flow-pause{font-size:12px}.flow-description{gap:8px}.flow-stage{min-height:477px}.result-layout{min-height:268px}}
@media(max-width:480px){.assurances{grid-template-columns:repeat(2,minmax(0,1fr))}.assurances>div{padding:18px 12px!important;min-width:0}.assurances strong{font-size:clamp(17px,5.2vw,24px)}.assurances .mono{font-size:7px;letter-spacing:.6px}.price-line>span{white-space:normal}.result-layout aside{display:none}.result-title h3{font-size:13px}.result-fields>div{font-size:11px}.result-alert p,.result-ready p{font-size:11px}.result-alert small,.result-ready small{font-size:9px}.result-layout{min-height:265px}.flow-controls button{font-size:10px}}
@media(max-width:800px){.hero-inner>h1,.hero-answer,.hero-intro{align-self:flex-start;max-width:none}.hero-inner>h1{width:100%}}
@media(min-width:600px) and (max-width:800px){.hero-inner>h1{font-size:44px}.hero-visual{max-width:600px}}
