:root{--gold-line:#e7be77;--gold-hairline:#d9b36f8c;--gold-hairline-soft:#cfa96045}
/* Reference-led art direction. Source scenes contain architecture only; all UI is HTML.
   Border layering informed by 21st Glowing Effect and Vengeance Glow Border Card.
   We use quiet gold CSS highlights, without continuous pointer tracking or large blurs. */
:root{--serif:var(--nx-font-display);--ink:#020a0d;--navy:#031116;--surface:#061b20;--text:#f6f1e7;--gold:#f1c779;--gold-bright:#ffe3af;--muted:#d0d4d2;--line:#d5ac6666;--max:1510px;--gutter:clamp(24px,8vw,150px)}
h1,h2,h3{letter-spacing:-.035em}h1,h2{line-height:1.08}em{color:var(--gold)}.section-lead{font-family:var(--serif);font-size:clamp(18px,1.45vw,26px);line-height:1.4;color:var(--text)}.eyebrow{font-size:11px;font-weight:400;letter-spacing:.26em;color:#f6eedc}.eyebrow::before{background:var(--gold);height:2px;width:30px}.centered .eyebrow::after{content:'';width:30px;height:2px;background:var(--gold)}.section-heading{max-width:none}.section-heading p:last-child{max-width:none}.button{text-transform:uppercase;font-size:12px;min-height:47px;padding:12px 25px;gap:22px;border-color:var(--gold-line);background:linear-gradient(174deg,#fff0c9,#edc37e 60%,#d7a34e);box-shadow:inset 0 1px 2px #fffbdc,0 0 18px #e6b97018;color:#081116}.button--line{background:linear-gradient(120deg,#05161ceb,#010a0ce6);box-shadow:inset 0 1px 1px var(--gold-hairline-soft);color:#fff1d5;border-color:var(--gold-line)}.button:hover{box-shadow:inset 0 1px 2px #fffbdc,0 0 24px #edbd7050;transform:translateY(-2px)}.gold-rule{display:block!important;width:32px;height:2px;background:var(--gold);margin:18px auto!important}.gold-ring{width:72px;height:72px;border:2px solid var(--gold-line);border-radius:50%;display:grid;place-items:center;flex:none;box-shadow:inset 0 0 10px #e4b97815,0 0 8px #dca95d18;color:var(--gold)}.gold-ring .icon{width:34px;height:34px;margin:0}.fineprint{color:#d2d7d4}.glass-panel,.marble-panel{border:1px solid var(--gold-hairline);border-radius:7px;background:linear-gradient(125deg,#0d2428ef,#00161bed 60%,#10282ae8);box-shadow:inset 0 1px 3px #ffe1a139,inset 0 -1px 2px #ffe2aa38,0 18px 35px #0006;backdrop-filter:blur(3px)}.marble-panel{background:linear-gradient(135deg,#081519d9,#030a0de8);backdrop-filter:blur(1px)}
/* A single real navigation, shared by all scenes. */
.site-header{background:#001015f5;border-color:var(--gold-hairline)}.header-inner{height:64px;max-width:1510px;width:84%;gap:25px}.desktop-nav{gap:clamp(20px,2.4vw,44px)}.desktop-nav a{font-size:11px;text-transform:uppercase;line-height:64px}.desktop-nav a::after{bottom:8px}.header-actions .button{min-width:210px;min-height:41px;font-size:11px;padding-inline:24px}.brand .emblem{width:62px;height:44px;object-fit:fill}.emblem{mask:url('../v135/lotus-silhouette.svg') center/100% 100% no-repeat;-webkit-mask:url('../v135/lotus-silhouette.svg') center/100% 100% no-repeat;object-fit:fill}.brand-wordmark{font-family:var(--nx-font-display);font-size:26px;letter-spacing:.17em;text-shadow:0 1px #361d08;color:#f1cf91}.brand-wordmark small{font-size:11px;letter-spacing:.47em;margin-top:6px}
/* Each desktop section preserves its own supplied camera composition. */
.cinematic{position:relative;isolation:isolate;min-height:56.28vw;padding:5.4vw 0 7vw;background:#020b0e}.cinematic>.scene,.cinematic-hero>.scene{position:absolute;inset:0;z-index:-2}.cinematic>.scene img,.cinematic-hero>.scene img{height:100%;width:100%;object-fit:cover;opacity:1}.cinematic::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#020b0e,#020b0e00 13%,transparent 85%,#0002);pointer-events:none}.cinematic .section-heading h2{font-size:clamp(37px,3.5vw,65px)}.cinematic .section-heading{margin-bottom:2.2vw}.cinematic .section-heading p:last-child{margin-top:12px}.scene-plaque{position:absolute;bottom:24px;left:0;right:0;text-align:center;color:#e9dec7;font-size:9px;text-transform:uppercase;letter-spacing:.4em}
/* 01 / The opening room and its monumental blue-gem signature. */
.cinematic-hero{height:calc(48vw - 64px);min-height:610px;max-height:980px;padding:0;isolation:isolate}.cinematic-hero .scene img{object-position:center}.hero-shade{background:linear-gradient(90deg,#00080b22,transparent 49%)}.hero-inner{height:100%;display:block;width:79%}.hero-copy{position:absolute;top:14%;left:0;padding:0;width:46%;max-width:680px}.hero-copy h1{font-size:clamp(44px,3.75vw,75px);line-height:1.09;max-width:none;letter-spacing:-.04em}.hero-copy .eyebrow{font-size:clamp(11px,.8vw,12px);letter-spacing:.24em;margin-bottom:18px;white-space:nowrap}.hero-copy>p:not(.eyebrow){font:400 clamp(18px,1.4vw,26px)/1.35 var(--serif);margin-top:24px;max-width:540px;color:#f3f0e8}.hero-copy .actions{gap:12px;flex-wrap:nowrap;margin-top:25px}.hero-copy .button{font-size:clamp(10px,.74vw,14px);padding:13px 23px;gap:16px;min-height:47px}.hero-signature{position:absolute;left:68.5%;top:31%;transform:translateX(-50%);width:21%;text-align:center;display:block;filter:drop-shadow(0 2px 7px #f1c98038)}.hero-signature .brand-lockup{display:flex;flex-direction:column;gap:6px}.hero-signature .emblem{width:67%;height:auto;aspect-ratio:1.5;margin:0;object-fit:fill}.hero-signature .brand-wordmark{font-size:clamp(30px,2.4vw,49px);letter-spacing:.19em}.hero-signature .brand-wordmark small{font-size:15px;letter-spacing:.72em;margin-top:13px}.hero-signature>small{display:block;font:400 8px var(--sans);letter-spacing:.45em;text-transform:uppercase;margin-top:19px;color:#eee8dc}.hero-qualities{position:absolute;bottom:0;left:0;right:0;min-height:76px;display:grid;grid-template-columns:repeat(4,1fr);padding:18px 8%;background:linear-gradient(100deg,#020908e0,#081216ec,#030808e8);border-block:1px solid var(--gold-line);box-shadow:0 0 8px #f3c1746b,inset 0 0 25px #8c66371c}.hero-qualities>div{display:flex;align-items:center;justify-content:center;gap:26px;border-right:1px solid var(--gold-hairline)}.hero-qualities>div:last-child{border:0}.hero-qualities .icon{width:34px;height:34px;color:var(--gold)}.hero-qualities span{font-size:11px;text-transform:uppercase;letter-spacing:.13em}.hero-qualities span::after{content:'';display:block;width:25px;height:2px;background:var(--gold);margin-top:8px}.hero .motion-toggle{position:absolute;right:20px;bottom:92px;background:#021016d9;color:#f9e8c4;font-size:9px;border:1px solid var(--gold-hairline);border-radius:20px;padding:7px 12px;z-index:2}.hero .motion-toggle .icon{width:13px;height:13px}.water-light{bottom:75px;height:15%;opacity:.2;pointer-events:none}
/* 02 / Three physical laptops, Euro Mangoes at the centre. */
.case-section{padding-top:4vw}.case-section .container{width:81%;max-width:1500px}.case-section .eyebrow{font:400 clamp(27px,3.5vw,61px)/1 var(--serif);letter-spacing:-.03em;margin-bottom:10px}.case-section .eyebrow::before,.case-section .eyebrow::after{display:none}.case-section .section-heading h2{font-size:clamp(26px,2.7vw,45px)}.case-section .section-heading .section-lead{font-size:clamp(14px,1.12vw,20px);max-width:1000px;margin-inline:auto}.case-track{display:grid;grid-template-columns:1fr 1.36fr 1fr;gap:3.1vw;align-items:end;margin:1.3vw auto 0;perspective:1400px;overflow:visible}.case-card,.case-card:not(:first-child){padding-top:70px;min-width:0;text-align:center}.case-card--featured,.case-card--featured:not(:first-child){padding-top:0}.case-status{display:table;position:relative;z-index:2;margin:0 auto 8px;padding:4px 15px;border:1px solid #c0ceccab;border-radius:50px;font:400 10px/1.5 var(--sans);text-transform:uppercase;color:#f4f6ee;background:linear-gradient(#183941,#00141c);white-space:nowrap;box-shadow:0 0 8px #9bccce32}.status-dot{display:inline-block;width:5px;height:5px;background:#4eedc6;border-radius:50%;margin:0 7px 1px 0}.laptop{position:relative}.case-card:first-child .laptop{transform:perspective(1200px) rotateY(10deg) rotateZ(-2deg);transform-origin:center bottom}.case-card:last-child .laptop{transform:perspective(1200px) rotateY(-10deg) rotateZ(2deg);transform-origin:center bottom}.case-image{border:3px solid #3c4546;border-radius:10px 10px 2px 2px;padding:8px 6px;background:#060a0c;box-shadow:0 0 0 1px #9c9b87,0 12px 28px #000a;overflow:visible}.case-image::before{content:'';position:absolute;top:2px;left:50%;height:3px;width:3px;border-radius:50%;background:#474b4d}.case-image picture{aspect-ratio:1.55;overflow:hidden}.case-image img{border-radius:2px;object-position:center top}.laptop-base{height:12px;margin:0 -5%;background:linear-gradient(#b9b5a3,#393e3c 35%,#838b86 50%,#101415);clip-path:polygon(5% 0,95% 0,100% 65%,94% 100%,6% 100%,0 65%);box-shadow:0 5px 9px #000}.case-open{width:32px;height:32px;right:12px;bottom:12px;opacity:0;transition:opacity .2s}.case-image:hover .case-open,.case-image:focus-visible .case-open{opacity:1}.case-caption{padding:17px 10px 10px;min-height:58px;background:linear-gradient(120deg,#030b0ae3,#1219129c,#030b0aec);border-bottom:1px solid var(--gold-hairline);box-shadow:inset 0 1px #edc98055}.case-caption h3{font:400 clamp(15px,1.35vw,25px)/1.2 var(--serif);letter-spacing:.13em;text-transform:uppercase;color:var(--gold-bright);margin:0}.gallery-controls{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:3.1vw}.gallery-controls .button{min-width:245px}.gallery-controls .icon-button{border-color:var(--gold);background:#031015cf}.case-section--detail{min-height:0}.case-section--detail .case-track{align-items:start}.case-section--detail .case-card{padding-top:0}.case-section--detail .case-caption{padding:20px;min-height:230px}.case-description{font-size:13px;text-align:left;margin-top:20px}.case-section--detail .scene img{filter:brightness(.5)}
/* 03 / Portrait posters on the gallery ledge. */
.sectors-section{padding-top:5.4vw}.sectors-section .container{width:76%;max-width:1350px}.sectors-section .section-heading{margin-bottom:2.2vw}.sectors-section .section-heading h2{font-size:clamp(29px,3vw,52px)}.sector-grid{gap:4.1vw}.sector-card{background:#001017;border:1px solid var(--gold-line);border-radius:0;box-shadow:0 0 0 3px #070c0a,inset 0 0 1px 2px #e8c58b80,0 13px 12px #0008;overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s}.sector-card:hover{transform:translateY(-5px);box-shadow:0 0 0 3px #070c0a,0 0 20px #e8c58b45}.sector-card>picture{height:14.5vw;max-height:265px}.sector-card>picture img{object-position:center}.sector-content{padding:0 14px 17px;border:0;text-align:center;margin-top:-25px;min-height:225px;background:linear-gradient(0deg,#001016 86%,transparent);display:flex;flex-direction:column;align-items:center}.sector-content>.icon{color:var(--gold);width:32px;height:32px;margin-bottom:9px}.sector-content h3{font-size:clamp(15px,1.3vw,24px);text-transform:uppercase;letter-spacing:.045em;min-height:45px;max-width:220px;color:var(--gold-bright)}.sector-content .gold-rule{margin:10px auto!important;width:22px}.sector-content p{font:400 clamp(17px,1.55vw,28px)/1.12 var(--serif);color:var(--text);margin:1px 0 15px;max-width:160px;min-height:42px}.sector-content .button{font-size:clamp(8px,.57vw,11px);padding:10px 11px;gap:9px;min-height:37px;width:100%;margin-top:auto;justify-content:center}.sector-content .button .icon{width:16px;height:16px}
/* 04 / Labels align with the original three architectural wall bays. */
.services-section{height:56.28vw;min-height:0;padding:0}.services-section .container{position:static;width:100%;height:100%}.services-section .section-heading{position:absolute;top:11.5%;left:25%;right:25%;margin:0}.services-section .section-heading h2{font-size:clamp(31px,3.2vw,59px)}.services-section .eyebrow{margin-bottom:15px}.service-grid{position:absolute;left:15%;right:14%;top:37%;height:32%;display:grid;grid-template-columns:repeat(3,1fr);gap:4.6vw}.service-item{border:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;text-align:center}.service-item .gold-ring{width:6vw;height:6vw;max-width:110px;max-height:110px;min-width:66px;min-height:66px}.service-item .gold-ring .icon{width:3vw;height:3vw}.service-item h3{font-size:clamp(19px,1.65vw,29px);text-transform:uppercase;letter-spacing:0;margin:24px 0 0}.service-item .gold-rule{margin:15px auto!important}.service-item p{font:400 clamp(16px,1.35vw,24px)/1.35 var(--serif);max-width:none;color:#f5f0e7}.service-action{position:absolute;top:79%;left:0;right:0;text-align:center}.service-action .button{min-width:265px}
/* 05 / An actual monitor with keyboard/pointer-operable comparison. */
.transform-section{padding-top:7.5vw}.transform-section .container{width:82%}.transform-section .split{grid-template-columns:37% 57%;gap:6%;align-items:center}.transform-copy h2{font-size:clamp(38px,3.8vw,65px)}.transform-subtitle{font:400 clamp(23px,2.1vw,37px)/1.25 var(--serif);color:var(--text);margin-top:16px}.transform-copy .section-lead{font-size:clamp(17px,1.3vw,23px);margin-top:18px}.check-list{gap:11px;margin:22px 0}.check-list li{font-size:13px;color:#f0f0e7;align-items:center}.check-list .icon{border:1px solid var(--gold);border-radius:50%;padding:3px;width:21px;height:21px;margin-top:0}.comparison{position:relative;perspective:1600px;min-width:0;margin-bottom:28px}.monitor-body{background:linear-gradient(110deg,#202928,#041217 60%,#071017);border:2px solid #6d6a56;padding:10px 11px 17px;border-radius:10px;box-shadow:0 0 0 4px #000,0 16px 30px #0009;transform:rotateY(-8deg) rotateZ(-1deg);transform-origin:bottom center}.monitor-labels{display:flex;justify-content:space-around;padding:15px 0;border-bottom:1px solid #c3bda658;margin-bottom:18px;font-size:11px;text-transform:uppercase}.monitor-labels span{border:1px solid #c8d0c680;padding:5px 20px;border-radius:4px}.monitor-labels span:last-child{background:var(--gold);color:#071115;font-weight:bold}.comparison-stage{border:1px solid #c1c8b959;aspect-ratio:1.7;border-radius:4px;box-shadow:none;overflow:hidden}.mini-content{padding:24px 16px}.comparison-before .mini-content h3{font-family:Arial,sans-serif;font-size:20px;color:#5b6464}.comparison-before .mini-content p{color:#666e6e;font-size:11px}.comparison-before .mini-content .mini-action{font-size:10px}.comparison-after{background-image:linear-gradient(90deg,#011016aa,#01090cb3);background-size:cover;clip-path:inset(0 0 0 45%)}.comparison-after .mini-content{margin-left:48%;padding:22px 10px}.comparison-after .mini-content h3{font-size:25px;letter-spacing:-.03em}.comparison-after .mini-content p{font-size:11px}.comparison-after .mini-action{font-size:9px;padding:8px;white-space:normal}.mini-nav{height:36px;padding:10px 15px;font-size:8px}.wire-cards{display:flex;gap:8px;width:43%;margin-top:18px}.wire-cards i{height:38px;background:#b8c0bd;flex:1}.comparison-divider{position:absolute;z-index:3;left:45%;top:0;bottom:0;width:1px;background:#ffdfa0;box-shadow:0 0 8px #fada9b;pointer-events:none}.comparison-divider span{position:absolute;top:45%;left:50%;transform:translateX(-50%);width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:#08212ae6;border:1px solid #ffe4ab;box-shadow:0 0 15px var(--gold-hairline);font-size:16px;color:#ffefca}.comparison-stage input[type=range]{position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;appearance:none}.comparison-stage:has(input:focus-visible){outline:3px solid var(--gold-bright);outline-offset:4px}.comparison-stage input::-webkit-slider-thumb{appearance:none;width:1px;height:100%}.comparison-stage input::-moz-range-thumb{width:1px;height:100%;border:0}.monitor-foot{height:70px;width:29%;margin:0 auto;background:linear-gradient(90deg,#222923,#060a0a 50%,#363c35);clip-path:polygon(24% 0,76% 0,80% 83%,100% 90%,100% 100%,0 100%,0 90%,20% 83%);filter:drop-shadow(0 3px 4px #000)}.comparison>.fineprint{text-align:center;margin-top:9px;color:#e3e3d9;font-size:10px;text-shadow:0 1px 5px #000}
/* 06 / The mountain window and the separate business-capabilities rail. */
.possibilities-section{display:block;padding-top:9vw}.possibilities-section .container{width:78%;position:static}.possibility-copy{width:34%;max-width:560px}.possibility-copy h2{font-size:clamp(32px,3.15vw,55px);text-transform:uppercase;line-height:1.15}.possibility-copy .section-lead{font-size:clamp(17px,1.28vw,23px);margin:22px 0 24px}.mini-pillars{display:flex;gap:18px;margin:25px 0 28px}.mini-pillars>div{display:flex;gap:10px;flex:1;align-items:flex-start}.mini-pillars .icon{color:var(--gold);width:27px;height:27px}.mini-pillars b{display:block;font-size:10px;text-transform:uppercase;font-weight:400}.mini-pillars small{display:block;font-size:9px;color:#e1e4df;line-height:1.5;margin-top:3px}.capability-rail{position:absolute;left:44%;right:6%;bottom:15%;display:grid;grid-template-columns:repeat(5,1fr);gap:0;border:0;padding:0;margin:0;background:linear-gradient(90deg,#06161a44,#051518aa,#0b242c88)}.capability-rail>div{display:flex;flex-direction:column;text-align:center;gap:12px;border-right:1px solid var(--gold-hairline);padding:0 8px}.capability-rail>div:last-child{border:0}.capability-rail .icon{width:30px;height:30px}.capability-rail h3{font-size:10px;letter-spacing:.05em;min-height:30px;color:#f4f3e9}.capability-rail .gold-rule{width:24px;margin:0 auto!important}
/* 07 / Functional booking demonstration within three spatial layers. */
.booking-section{padding-top:8.8vw}.booking-section .container{width:82%;max-width:1540px}.booking-layout{display:grid;grid-template-columns:27% 57% 14%;gap:1%;align-items:center}.booking-layout h2{font-size:clamp(31px,2.9vw,50px)}.booking-copy{padding-right:8%}.booking-benefits{list-style:none;padding:0;margin:28px 0;display:grid;gap:15px}.booking-benefits li{display:flex;gap:20px;align-items:center}.booking-benefits .gold-ring{width:43px;height:43px;border-width:1px}.booking-benefits .icon{width:24px;height:24px}.booking-benefits li>span:last-child{font-size:10px;letter-spacing:.13em;text-transform:uppercase}.booking-copy .button{font-size:10px;padding-inline:19px;gap:15px}.booking-demo{padding:19px 12px 14px;background:linear-gradient(120deg,#092329f7,#00191ded);border-color:var(--gold-hairline);box-shadow:inset 0 0 4px #ffdda854,0 0 14px #ffe1a32b,0 22px 30px #0009}.demo-title{gap:10px;padding:0 7px;align-items:center}.demo-title h3{font-size:18px;letter-spacing:-.03em}.demo-label{font-size:8px;padding:3px 5px;white-space:normal;text-align:center}.booking-workspace{display:grid;grid-template-columns:17% 83%;border:1px solid var(--gold-hairline-soft);border-radius:7px;margin-top:14px;background:linear-gradient(125deg,#061c27d9,#04141ece);overflow:hidden}.booking-steps{padding:0;margin:0;list-style:none;border-right:1px solid var(--gold-hairline-soft)}.booking-steps li{font-size:8px;display:flex;gap:7px;align-items:center;min-height:65px;padding:10px 7px;color:#c3d2d3}.booking-steps li:first-child{color:#ffe9c0;background:#3a2c1042;border-bottom:1px solid var(--gold-hairline-soft)}.booking-steps li>span{border:1px solid var(--gold-line);border-radius:50%;padding:3px;font-size:8px;line-height:16px;min-width:23px;text-align:center}.booking-columns{grid-template-columns:1fr 1.15fr .48fr;gap:8px;margin:0;padding:14px 8px}.booking-columns legend,.calendar-prompt{font-size:9px;color:#eef2e9;margin-bottom:16px}.demo-services label>span{padding:10px 7px;min-height:56px;display:flex;align-items:center;gap:7px;font-size:9px}.demo-services label>span>.icon{width:15px;height:15px}.demo-services small{font-size:8px}.demo-times label>span{font-size:9px;padding:6px 3px;min-height:28px}.demo-times legend{font-size:8px}.calendar-heading{margin-bottom:8px;gap:0}.calendar-heading h4{font-size:9px}.calendar-heading .icon-button{min-width:22px;width:22px;height:28px}.calendar-heading .icon{width:11px}.weekdays span{font-size:8px;padding-bottom:5px}.calendar-days{gap:1px}.calendar-days button{min-width:18px;min-height:25px;font-size:8px}.calendar-prompt{margin-bottom:10px}.booking-demo>.fineprint{font-size:9px;line-height:1.5;padding-inline:9px;margin-top:14px}.booking-summary{font-size:10px;min-height:0;padding:9px 8px 0;margin-top:9px;color:#f0d7aa}.booking-tools{padding:24px 15px;align-self:center;min-height:310px}.booking-tools h3{font-size:20px;letter-spacing:-.04em}.booking-tools .gold-rule{margin:20px 0!important;width:22px}.booking-tools ul{padding:0;list-style:none;display:grid;gap:22px}.booking-tools li{display:flex;gap:12px;align-items:center;font-size:9px;line-height:1.4}.booking-tools li .icon{width:23px;height:23px;color:var(--gold)}.booking-tools li:last-child .icon{color:#ffe0a3}.booking-tools p{font-size:9px;margin-top:22px;line-height:1.5}
/* 08 / Boardroom and continuous four-step timeline. */
.process-section{padding-top:9vw;padding-bottom:4vw}.process-section .container{width:77%}.process-copy{width:38%;max-width:590px}.process-copy .section-heading h2{font-size:clamp(40px,4.1vw,76px)}.process-copy .section-heading{margin-bottom:25px}.process-copy .section-lead{font-size:clamp(18px,1.4vw,25px)}.process-grid{--pg-gap:44px;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--pg-gap);margin:9.5vw -4vw 0;background:linear-gradient(120deg,#0e202ab8,#03101ac9 45%,#11222cb0);border:1px solid #e2ba736e;border-radius:18px;padding:24px 34px 26px;backdrop-filter:blur(9px);box-shadow:inset 0 1px 0 #f7dda422,0 18px 44px #000609b0,0 0 34px #d9a95e1a}.process-grid li{border:0;padding:0;position:relative}.process-grid li+li::before{content:'';position:absolute;left:calc(var(--pg-gap)/-2);top:8px;bottom:4px;width:1px;background:linear-gradient(#e2ba7300,#e2ba737d 30%,#e2ba737d 70%,#e2ba7300)}.step-top{display:flex;align-items:center;gap:20px;position:relative}.process-grid .step-number{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--gold);border-radius:50%;font:400 14px var(--sans);margin:0;color:#f7f5e9;background:#03202a}.process-grid .icon{width:31px;height:31px}.process-grid h3{font:400 13px/1.4 var(--sans);letter-spacing:.11em;text-transform:uppercase;margin:18px 0 7px;padding-left:64px}.process-grid p{font-size:13px;line-height:1.4;padding-left:64px;max-width:260px;color:#f1f2ed}
/* 09 / Pricing is presented on the conference-room plinth. */
.pricing-section{padding-top:5.8vw}.pricing-section .container{width:62%;max-width:1130px}.pricing-section .section-heading .eyebrow{font:400 clamp(20px,2.15vw,38px)/1.12 var(--serif);letter-spacing:0;text-transform:uppercase}.pricing-section .eyebrow::before,.pricing-section .eyebrow::after{display:none}.pricing-section .section-heading h2{font-size:clamp(25px,2.8vw,48px);text-transform:uppercase}.pricing-section .section-heading h2 em{font-style:normal}.pricing-section .section-lead{font-size:clamp(15px,1.25vw,23px)}.pricing-section .section-heading{margin-bottom:15px}.pricing-subtitle{font-size:14px;letter-spacing:.32em;text-align:center;text-transform:uppercase;color:#f0f0e8;margin:12px 0 24px}.price-grid{gap:16px}.price-card{padding:25px 25px 20px;text-align:center;display:flex;flex-direction:column;align-items:center}.price-card--featured{border-color:#fff0bd;box-shadow:inset 0 0 4px #fff1bcb0,0 0 8px #ffd38a,0 0 25px #dda9575e;background:linear-gradient(130deg,#182224d4,#02090cef)}.price-card>.icon{width:34px;height:34px;margin-bottom:20px}.price-card h3{font-size:12px;letter-spacing:.2em}.price-card .price{font-size:clamp(39px,3.8vw,72px);line-height:1.2;margin:9px 0 8px;white-space:nowrap}.price small{font-size:14px}.price-card .check-list{width:100%;text-align:left;border-top:1px solid var(--gold-hairline-soft);padding-top:18px;margin:9px 0 25px;gap:10px;flex:1}.price-card .check-list li{font:400 clamp(11px,.99vw,17px)/1.35 var(--serif);gap:10px}.price-card .check-list .icon{width:18px;height:18px;padding:2px}.price-card .button{min-height:41px;padding:10px 14px;font-size:clamp(8px,.62vw,11px);gap:10px}.pricing-section>.container>.fineprint{margin:3vw -10vw 0;font-size:10px;text-shadow:0 1px 6px #000}
/* 10 / An architectural triptych and one shared offer strip. */
.creative-section{padding-top:7.2vw}.creative-section .container{width:77%}.creative-section .split{grid-template-columns:40% 57%;gap:3%;align-items:center}.creative-section h2{font-size:clamp(34px,3.3vw,62px)}.creative-section .section-lead{font-size:clamp(18px,1.35vw,23px)}.creative-section .actions{flex-wrap:nowrap;gap:10px}.creative-section .actions .button{font-size:10px;gap:12px;padding-inline:20px}.creative-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:7px;background:#030a0f;border:1px solid #987238;box-shadow:0 0 0 6px #071416,0 8px 20px #0009;transform:perspective(1500px) rotateY(-6deg)}.creative-gallery article{position:relative;overflow:hidden;background:#001016;min-width:0}.creative-gallery picture,.creative-gallery picture:first-child{height:23vw;max-height:380px;margin:0;border-radius:0}.creative-gallery img{height:100%;object-fit:cover;width:100%}.creative-gallery article>div{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,#001016,#001016ee 70%,transparent);padding:38px 9px 16px;text-align:center}.creative-gallery h3{font-size:clamp(15px,1.3vw,25px);text-transform:uppercase;letter-spacing:.08em}.creative-gallery p{font-size:7px;letter-spacing:.13em;text-transform:uppercase;margin-top:12px;color:#f6f0e5}.creative-gallery .gold-rule{width:18px;margin:14px auto 0!important}.creative-prices{position:relative;margin:7.3vw -3vw 0;padding:27px 22px 43px;gap:0;display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(120deg,#030a0dee,#080e0de8);border-radius:4px}.creative-prices article{padding:0 24px;border-right:1px solid var(--gold-hairline-soft);position:relative}.creative-prices article:nth-child(4){border:0}.creative-prices article>.icon{color:var(--gold);width:27px;height:27px;position:absolute;left:24px;top:0}.creative-prices h3{font:400 11px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.035em;padding-left:42px;min-height:33px;margin:0 0 15px}.creative-prices p{font:400 clamp(12px,1vw,18px)/1.35 var(--serif);color:var(--gold-bright)}.creative-prices strong{font:400 clamp(23px,2vw,37px)/1.3 var(--serif);letter-spacing:-.05em;margin:0}.creative-prices article>.button{font-size:9px;margin-top:13px;min-height:38px;border-radius:4px;padding:10px 13px;width:100%;gap:8px}.creative-prices>.fineprint{position:absolute;bottom:10px;left:20px;right:20px;text-align:center;font:400 9px var(--sans);margin:0;color:#dfdfd6}.creative-film{margin-top:75px}
/* 11 / Eight distinct marble product-direction panels. */
.products-section{padding-top:7vw}.products-section .container{width:65%;margin-left:13%;margin-right:auto}.products-section .section-heading{position:relative;margin-bottom:30px}.products-section .section-heading h2{font-size:clamp(33px,3.7vw,66px);max-width:65%}.products-section .section-lead{position:absolute;right:0;bottom:8px;width:30%;border-left:1px solid var(--gold-line);padding-left:22px;font:400 12px/1.6 var(--sans)}.product-grid{gap:13px;border:0;margin-bottom:25px}.product-grid article{text-align:center;padding:25px 10px 18px;min-height:145px;border:1px solid var(--gold-line)}.product-grid .gold-ring{margin:0 auto 13px;width:53px;height:53px;border-width:1px}.product-grid .gold-ring .icon{width:25px;height:25px}.product-grid h3{font-size:clamp(13px,1.21vw,22px);letter-spacing:.13em;text-transform:uppercase;line-height:1.35}.product-grid .gold-rule{width:23px;margin:11px auto 5px!important}.product-grid small{display:block;color:#d1c5af;font-size:10px;letter-spacing:.03em}.product-grid p{font-size:12px}.products-section .button{font-size:11px}
/* 12 / Three independent glass slabs, with real FAQ and form. */
.contact-section{padding-top:8vw}.contact-section .container{width:72%;max-width:1370px}.contact-grid{grid-template-columns:.85fr 1.12fr 1.04fr;gap:16px;align-items:stretch}.contact-grid:has(.check-intro){width:78%;grid-template-columns:1fr 1fr;gap:30px}.contact-grid>.webcheck{border:1px solid var(--gold-hairline);border-radius:7px;padding:26px 23px;background:linear-gradient(125deg,#0c252af5,#00181ced);box-shadow:inset 0 1px 3px #ffe1a139,inset 0 -1px 2px #ffe2aa38,0 18px 35px #0006}.contact-grid>.glass-panel{padding:26px 23px}.integrations h2,.faq h3,.webcheck h3{font:400 clamp(21px,1.7vw,32px)/1.12 var(--serif);text-transform:uppercase;letter-spacing:-.03em;margin:0 0 22px}.integrations ul{margin:0 0 16px;border-top:1px solid var(--gold-hairline);padding-top:15px;gap:7px}.integrations li{border:1px solid #b4cbce55;border-radius:5px;background:linear-gradient(120deg,#173138c2,#263a3d70);padding:6px 9px;min-height:47px;gap:18px;font:400 13px var(--serif)}.integration-symbol{display:grid;place-items:center;width:32px;height:32px;border-radius:6px;background:#000e;font:bold 23px Arial;color:white;flex:none}.integrations li:nth-child(2) .integration-symbol{color:#138bff;background:transparent}.integrations li:nth-child(3) .integration-symbol{color:#62b8f0;background:transparent}.integrations li:nth-child(4) .integration-symbol{color:#ff702d;background:transparent}.integrations li:nth-child(5) .integration-symbol{color:#3199ff;background:transparent;font-size:32px}.integrations li:nth-child(6) .integration-symbol{color:#030c0c;background:#ffd62a}.integrations .fineprint{font-size:11px;border-top:1px solid var(--gold-hairline);padding-top:14px}.faq h3{padding-bottom:20px;border-bottom:1px solid var(--gold-hairline)}.faq details{border:1px solid #abc5c547;border-radius:4px;margin-bottom:9px;background:#00141aad}.faq summary{padding:16px 13px;min-height:61px;font-size:11px;font-weight:700;gap:10px}.faq summary .icon{width:14px}.faq details p{padding:0 13px 15px;font-size:12px;color:#e7e9e3}.faq-signature{padding-top:15px}.faq-signature .emblem{width:56px;height:38px;margin:0 auto 15px;object-fit:fill}.faq-signature p{font-size:9px;line-height:1.8;letter-spacing:.2em}.faq-signature .gold-rule{width:24px}.webcheck>p{font-size:11px;line-height:1.5;margin-bottom:18px}.field{margin-bottom:12px}.field label{font-size:11px;margin-bottom:5px}.field input,.field textarea{font-size:12px;min-height:36px;padding:7px 11px;background:#00141bbc;border-color:#aec3c9a8}.field textarea{min-height:68px}.webcheck .button{font-size:10px;min-height:44px;padding-inline:17px;margin-top:5px}.webcheck .fineprint{font-size:9px;line-height:1.5;margin-top:14px}.check-intro .section-lead{font-size:23px}.check-intro p:last-child{font-size:14px}
/* 13 / Central waterfall, blue jewel and skyline. */
.finale{padding:4vw 0 6vw;min-height:43vw}.finale>.container{width:80%}.finale::before{background:linear-gradient(90deg,transparent 20%,#00111748 50%,transparent 80%)}.finale-brand .brand-lockup{flex-direction:column;gap:8px;margin:0 auto 28px}.finale-brand .emblem{width:135px;height:92px;margin:0;object-fit:fill}.finale-brand .brand-wordmark{font-size:37px;letter-spacing:.22em}.finale-brand .brand-wordmark small{font-size:11px;letter-spacing:.9em;margin-top:9px}.finale .eyebrow{font-size:11px;letter-spacing:.3em;margin-bottom:18px}.finale h2{font-size:clamp(41px,3.95vw,74px)}.finale p:not(.eyebrow){font:400 clamp(18px,1.42vw,25px)/1.4 var(--serif);color:#f2f0e6;margin:22px auto 25px;text-shadow:0 1px 4px #041019d9,0 2px 22px #041019b3}
.finale h2{text-shadow:0 2px 6px #04101980,0 4px 30px #04101966}
.finale .scene img{filter:brightness(.84) contrast(1.05)}.finale .button{min-width:280px}.site-footer{background:linear-gradient(130deg,#071313,#020809);border-top:1px solid #d9b77a;padding:35px 0 20px}.footer-grid{grid-template-columns:1.65fr 1fr 1fr 1.15fr;gap:30px}.footer-grid>div:not(:first-child){border-left:1px solid #c59e605e;padding-left:35px}.footer-grid>div:first-child p{font:400 15px/1.4 var(--serif);color:#e4e5dc;margin-top:18px}.footer-grid h2{font-size:11px;margin-bottom:15px}.footer-grid>div:not(:first-child) a,.footer-grid>div:last-child p{font-size:11px;color:#ecede6}.footer-bottom{margin-top:17px;padding-top:13px;font-size:10px}.page-intro{background:linear-gradient(135deg,#061a20,#030a0c)}
/* At intermediate widths content determines height; the scenes remain recognisable. */
@media(min-width:1101px) and (max-width:1350px){.header-inner{width:90%;gap:20px}.header-actions .button{min-width:175px}.desktop-nav{gap:21px}.desktop-nav a{font-size:10px}.hero-copy .actions{flex-wrap:wrap}.cinematic-hero{min-height:585px}.hero-copy{top:12%;width:48%}.hero-copy h1{font-size:47px}.hero-signature{top:33%}.sector-grid{gap:30px}.sector-content{min-height:230px;padding-inline:10px}.booking-section .container{width:91%}.booking-layout{grid-template-columns:26% 59% 13%}.booking-tools{padding-inline:10px}.booking-tools h3{font-size:17px}.pricing-section .container{width:69%}.contact-section .container{width:82%}.products-section .container{width:74%;margin-left:13%}.creative-section .container{width:82%}.creative-prices article{padding-inline:14px}.creative-prices article>.icon{left:14px}.process-grid{--pg-gap:20px}}
@media(max-width:1100px){:root{--gutter:36px}.header-inner{width:calc(100% - 60px);height:70px}.desktop-nav{display:none}.menu-toggle{display:inline-flex}.header-actions .button{min-width:0}.mobile-nav:not([hidden]){display:grid;background:#001318;border-top:1px solid #b9945d6b;padding:20px 30px;gap:0 25px}.mobile-nav a{padding:12px 0;border-bottom:1px solid #94794c55}.cinematic{padding:70px 0 95px;min-height:0}.cinematic>.scene img{object-position:center;object-fit:cover}.cinematic::before{background:linear-gradient(#00101788,#00101733 50%,#00101777)}.cinematic .container{width:calc(100% - 72px);max-width:none;margin-inline:auto}.cinematic .section-heading h2{font-size:40px}.cinematic .section-heading{margin-bottom:35px}.cinematic .section-lead{font-size:19px}.cinematic-hero{height:680px;min-height:0;max-height:none}.hero-inner{width:84%}.hero-copy{width:58%;top:10%}.hero-copy h1{font-size:47px}.hero-copy .eyebrow{font-size:9px;white-space:normal;line-height:1.7}.hero-copy>p:not(.eyebrow){font-size:19px}.hero-copy .actions{flex-wrap:wrap}.hero-signature{left:76%;top:39%;width:26%}.hero-signature .brand-wordmark{font-size:24px}.hero-signature .brand-wordmark small{font-size:10px}.hero-signature>small{font-size:6px;letter-spacing:.24em}.hero-qualities{padding-inline:3%;min-height:82px}.hero-qualities>div{gap:13px}.hero-qualities .icon{width:26px;height:26px}.hero-qualities span{font-size:9px;letter-spacing:.07em}.case-track{gap:25px;margin:20px 0 0;grid-template-columns:1fr 1.3fr 1fr}.case-card,.case-card:not(:first-child){padding-top:40px}.case-card--featured,.case-card--featured:not(:first-child){padding-top:0}.case-caption h3{font-size:14px;letter-spacing:.05em}.case-status{font-size:8px;padding-inline:8px}.case-image{padding:5px 3px;border-width:2px}.case-section .eyebrow{font-size:36px}.case-section .section-heading h2{font-size:30px}.case-section .section-heading .section-lead{font-size:14px;max-width:640px}.gallery-controls{margin-top:35px}.sector-grid{grid-template-columns:repeat(2,1fr);gap:32px;max-width:740px;margin:auto}.sector-card>picture{height:250px;max-height:none}.sector-content{min-height:230px;padding:0 25px 24px}.sector-content h3{font-size:22px}.sector-content p{font-size:23px;max-width:210px;min-height:40px}.sector-content .button{font-size:11px;min-height:42px}.sector-content .icon{margin-bottom:12px}.services-section{height:auto;min-height:740px}.services-section .section-heading{position:static;margin-bottom:80px}.service-grid{position:static;display:grid;gap:55px;grid-template-columns:repeat(3,1fr);height:auto}.service-item .gold-ring{width:70px;height:70px}.service-item .gold-ring .icon{width:34px;height:34px}.service-item h3{font-size:23px}.service-item p{font-size:18px}.service-action{position:static;margin-top:70px}.services-section::before{background:#0010166e}.transform-section .split{grid-template-columns:1fr;gap:50px;max-width:790px}.transform-copy{max-width:620px}.transform-copy h2{font-size:49px}.transform-copy .section-lead{font-size:19px}.transform-subtitle{font-size:27px}.comparison{width:92%;margin:0 auto}.comparison-stage{aspect-ratio:1.7;height:auto}.comparison-after .mini-content h3{font-size:30px}.comparison-before .mini-content h3{font-size:25px}.comparison>.fineprint{font-size:11px}.possibility-copy{width:65%;max-width:590px}.possibility-copy h2{font-size:43px}.mini-pillars{gap:22px;margin-block:30px}.mini-pillars b{font-size:11px}.mini-pillars small{font-size:10px}.capability-rail{position:static;margin:60px 0 0 20%;width:80%;padding:25px 10px;background:#001318c9;border:1px solid #dab67566}.capability-rail h3{font-size:10px}.capability-rail .icon{width:29px;height:29px}.booking-layout{grid-template-columns:1fr;gap:35px}.booking-copy{max-width:650px;padding:0}.booking-layout h2{font-size:43px}.booking-benefits{grid-template-columns:1fr 1fr;gap:22px}.booking-benefits li>span:last-child{font-size:11px}.booking-demo{padding:25px}.booking-workspace{grid-template-columns:16% 84%}.booking-columns{padding:18px 12px;gap:14px;grid-template-columns:1fr 1.2fr .5fr}.booking-columns legend,.calendar-prompt{font-size:12px}.demo-services label>span{font-size:11px;min-height:67px}.demo-services small{font-size:10px}.demo-services label>span>.icon{width:21px;height:21px}.demo-times label>span{font-size:11px;min-height:35px}.calendar-heading h4{font-size:12px}.calendar-heading .icon-button{width:35px;height:35px;min-width:35px}.calendar-days button{font-size:11px;min-height:32px}.weekdays span{font-size:10px}.booking-steps li{font-size:10px;min-height:83px;padding-inline:8px}.booking-demo>.fineprint{font-size:11px}.booking-summary{font-size:12px}.demo-title h3{font-size:25px}.demo-label{font-size:9px}.booking-tools{min-height:0;padding:22px;display:flex;align-items:center;gap:24px}.booking-tools h3{font-size:20px;max-width:115px}.booking-tools ul{display:flex;flex:1;gap:25px;justify-content:space-around}.booking-tools li{font-size:10px;flex-direction:column;text-align:center;gap:7px}.booking-tools .gold-rule{display:none!important}.booking-tools p{max-width:105px;font-size:10px;margin:0}.process-copy{width:65%}.process-copy .section-heading h2{font-size:50px}.process-grid{margin:100px 0 0;--pg-gap:20px;padding:20px}.process-grid h3{font-size:11px;padding-left:0}.process-grid p{font-size:12px;padding-left:0}.step-top{gap:15px}.price-grid{gap:15px;max-width:930px;margin:auto}.price-card{padding:25px 18px}.price-card .price{font-size:47px}.price-card h3{font-size:11px}.price-card .check-list li{font-size:14px}.price-card .button{font-size:9px;padding-inline:9px;gap:6px}.pricing-section .section-heading .eyebrow{font-size:26px}.pricing-subtitle{margin:0 0 25px}.pricing-section>.container>.fineprint{margin:30px 0 0;font-size:11px}.creative-section .split{grid-template-columns:1fr;gap:45px}.creative-section .split>div:first-child{max-width:620px}.creative-section h2{font-size:44px}.creative-gallery{max-width:750px}.creative-gallery picture,.creative-gallery picture:first-child{height:330px;max-height:none}.creative-gallery h3{font-size:22px}.creative-gallery p{font-size:8px}.creative-prices{margin:50px 0 0;grid-template-columns:repeat(2,1fr);gap:35px 0;padding:27px 10px 60px}.creative-prices article:nth-child(2){border:0}.creative-prices article{padding:0 25px}.creative-prices h3{font-size:13px;padding-left:44px}.creative-prices article>.icon{left:25px}.creative-prices p{font-size:18px}.creative-prices strong{font-size:33px}.creative-prices article>.button{font-size:11px;min-height:42px}.creative-prices>.fineprint{font-size:10px;bottom:18px}.products-section .section-heading h2{max-width:65%;font-size:44px}.products-section .section-lead{font-size:12px;width:31%;padding-left:15px}.product-grid{gap:13px;grid-template-columns:repeat(4,minmax(0,1fr))}.product-grid article{padding:23px 10px;min-height:170px}.product-grid h3{font-size:15px;letter-spacing:.08em}.product-grid small{font-size:9px}.contact-grid{grid-template-columns:1fr 1fr;gap:25px}.contact-grid>.integrations{grid-column:1/-1;display:block}.integrations ul{grid-template-columns:repeat(3,1fr);gap:10px}.integrations h2 br{display:none}.integrations h2{font-size:28px}.integrations li{font-size:14px;min-height:53px}.contact-grid>.webcheck,.contact-grid>.glass-panel{padding:28px}.faq h3,.webcheck h3{font-size:28px}.faq summary{font-size:13px}.webcheck>p{font-size:13px}.field label{font-size:12px}.field input,.field textarea{font-size:16px;min-height:44px}.webcheck .button{font-size:11px;min-height:47px}.webcheck .fineprint{font-size:11px}.scene-plaque{font-size:8px;letter-spacing:.24em}.finale{padding:60px 0 75px}.finale .container{width:90%}.finale h2{font-size:48px}.finale p:not(.eyebrow){font-size:20px}.finale-brand .brand-lockup{margin-bottom:25px}.footer-grid{gap:25px}.footer-grid>div:not(:first-child){padding-left:20px}}
@media(max-width:760px){:root{--gutter:24px}.header-inner{width:calc(100% - 36px);height:70px;gap:15px}.brand .emblem{width:46px;height:31px}.brand-lockup{gap:8px}.brand-wordmark{font-size:19px}.brand-wordmark small{font-size:8px;letter-spacing:.45em;margin-top:5px}.header-actions{gap:8px}.header-actions .button{font-size:9px;padding:10px 13px;min-height:36px}.header-actions .button .icon{display:none}.header-actions .icon-button{width:38px;height:38px}.hero{height:780px;min-height:0}.hero-inner{width:calc(100% - 48px)}.hero-copy{top:50px;width:100%;max-width:520px;left:0}.hero-copy h1{font-size:clamp(38px,8vw,52px);line-height:1.08;max-width:520px}.hero-copy .eyebrow{font-size:11px;max-width:310px;letter-spacing:.18em;margin-bottom:20px;white-space:normal}.hero-copy>p:not(.eyebrow){font-size:18px;max-width:370px;margin-top:22px}.hero-copy .actions{gap:12px;margin-top:24px;flex-direction:column;align-items:flex-start}.hero-copy .button{font-size:11px;min-height:44px;padding:12px 19px}.hero-shade{background:linear-gradient(180deg,#00141bed 0%,#001018c4 42%,#000a0a00 75%)}.cinematic-hero .scene img{object-position:67% center}.hero-signature{display:block;top:auto;bottom:150px;left:66%;width:33%;max-width:190px}.hero-signature .brand-wordmark{font-size:20px}.hero-signature .brand-wordmark small{font-size:8px;letter-spacing:.7em;margin-top:6px}.hero-signature .emblem{width:72%;height:auto}.hero-signature>small{font-size:5px;letter-spacing:.15em;margin-top:9px}.hero-qualities{grid-template-columns:1fr 1fr;padding:14px 18px;gap:13px 8px;min-height:105px}.hero-qualities>div{justify-content:flex-start;border:0;padding-left:10px;gap:13px}.hero-qualities .icon{width:24px;height:24px}.hero-qualities span{font-size:8px;letter-spacing:.05em}.hero-qualities span::after{margin-top:5px;width:17px;height:1px}.hero .motion-toggle{bottom:118px;right:14px;font-size:8px;padding:5px 9px}.water-light{bottom:105px}.cinematic{padding:60px 0 75px;min-height:0}.cinematic .container{width:calc(100% - 40px)}.cinematic::before{background:linear-gradient(0deg,#001016ba,#001015b3 55%,#001017b8)}.cinematic>.scene img{object-position:center;object-fit:cover}.cinematic .section-heading h2{font-size:33px;line-height:1.1}.cinematic .section-heading{margin-bottom:32px}.cinematic .section-lead{font-size:18px;line-height:1.45}.cinematic .eyebrow{font-size:9px;letter-spacing:.18em}.cinematic .section-heading p:last-child{margin-top:17px}.case-section .eyebrow{font:400 29px var(--serif);letter-spacing:0}.case-section .section-heading h2{font-size:26px}.case-section .section-heading .section-lead{font:400 13px/1.55 var(--sans)}.case-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;perspective:none;padding:8px 3px 15px;scrollbar-width:thin;scrollbar-color:var(--gold) #001016;align-items:start;margin-top:0}.case-card,.case-card:not(:first-child),.case-card--featured,.case-card--featured:not(:first-child){padding:0;flex:0 0 89%;scroll-snap-align:center}.case-card:first-child .laptop,.case-card:last-child .laptop{transform:none}.case-image{padding:7px 4px;border-width:3px}.case-image picture{aspect-ratio:1.55}.case-status{font-size:10px;margin-bottom:12px}.case-caption{min-height:55px;padding:17px 10px}.case-caption h3{font-size:18px;letter-spacing:.07em}.case-open{opacity:1}.gallery-controls{gap:12px;margin-top:26px}.gallery-controls .button{min-width:0;font-size:10px;gap:18px;padding-inline:20px}.gallery-controls .icon-button{width:37px;height:37px;flex:none}.case-section--detail .case-caption{min-height:260px}.scene-plaque{font-size:7px;line-height:1.6;letter-spacing:.18em;bottom:23px;padding-inline:24px}.sector-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.sector-card>picture{height:190px;max-height:none}.sector-content{padding:0 12px 15px;min-height:236px;margin-top:-25px}.sector-content>.icon{width:27px;height:27px;margin-bottom:9px}.sector-content h3{font-size:16px;letter-spacing:.02em;min-height:42px}.sector-content p{font-size:20px;min-height:43px;max-width:160px;margin-bottom:15px}.sector-content .button{font-size:8px;padding:9px 7px;gap:4px;min-height:40px;white-space:normal;text-align:left}.sector-content .button .icon{width:14px;height:14px}.services-section{height:auto}.services-section .section-heading{position:static}.service-grid{position:static;display:grid;grid-template-columns:1fr;gap:22px;margin:0 20px}.service-item{display:flex;border:1px solid #d7b06a80;border-radius:5px;background:linear-gradient(130deg,#102629d9,#001217ed);padding:28px 20px;box-shadow:inset 0 1px 2px #f8d29433}.service-item .gold-ring{width:69px;height:69px}.service-item h3{font-size:23px;margin-top:18px}.service-item p{font-size:18px;line-height:1.4}.service-item .gold-rule{margin:13px auto!important}.service-action{margin-top:35px}.service-action .button{font-size:11px;min-width:0}.transform-section .split{display:grid;grid-template-columns:1fr;gap:38px}.transform-copy h2{font-size:40px}.transform-subtitle{font-size:25px;margin-top:16px}.transform-copy .section-lead{font-size:18px}.check-list{gap:13px;margin:23px 0}.check-list li{font-size:12px;gap:12px}.transform-copy .button{font-size:11px}.comparison{width:96%;margin:0 auto}.monitor-body{transform:none;padding:7px 7px 11px;border-width:1px;border-radius:7px}.monitor-labels{padding:9px 0;margin-bottom:9px;font-size:9px}.monitor-labels span{padding:4px 18px}.comparison-stage{height:320px;aspect-ratio:auto}.mini-nav{font-size:8px;height:35px;padding:10px}.mini-content{padding:22px 13px}.comparison-before .mini-content h3{font-size:17px;max-width:43%}.comparison-before .mini-content p{font-size:10px}.comparison-after .mini-content{margin-left:48%;padding:24px 8px}.comparison-after .mini-content h3{font-size:22px}.comparison-after .mini-content p{font-size:10px}.comparison-after .mini-action{font-size:8px;line-height:1.4;padding:7px;margin-top:18px}.comparison-before .mini-action{font-size:8px;max-width:43%;white-space:normal;padding:7px}.monitor-foot{height:45px;width:35%}.comparison>.fineprint{font-size:10px;line-height:1.5;max-width:320px;margin:12px auto 0}.possibility-copy{width:100%;max-width:none}.possibility-copy h2{font-size:37px;max-width:490px;line-height:1.1}.possibility-copy .section-lead{font-size:18px;max-width:510px}.mini-pillars{gap:14px;margin:27px 0;flex-wrap:wrap}.mini-pillars>div{gap:9px;flex-basis:28%}.mini-pillars .icon{width:23px;height:23px}.mini-pillars b{font-size:9px}.mini-pillars small{font-size:9px;max-width:85px}.possibility-copy .button{font-size:10px}.capability-rail{width:100%;margin:45px 0 0;grid-template-columns:repeat(2,1fr);padding:25px 17px;gap:27px 10px;background:#00171cdd;border-color:#d6b17680}.capability-rail>div{border:0;gap:10px;padding:0}.capability-rail h3{font-size:10px;min-height:26px;max-width:125px}.capability-rail>div:last-child{grid-column:1/-1}.capability-rail .gold-rule{height:1px}.booking-layout{gap:35px}.booking-layout h2{font-size:37px;max-width:490px}.booking-benefits{grid-template-columns:1fr;gap:15px;margin:25px 0}.booking-benefits li{gap:20px}.booking-benefits li>span:last-child{font-size:10px}.booking-copy .button{font-size:10px}.booking-demo{padding:21px 15px}.demo-title{padding:0;display:block}.demo-title h3{font-size:24px;line-height:1.2}.demo-label{font-size:9px;display:inline-block;margin-top:12px}.booking-workspace{display:block;overflow:visible;border:0;background:none;margin-top:20px}.booking-steps{display:flex;border:0;gap:10px;margin-bottom:20px;justify-content:space-between}.booking-steps li{padding:0;display:flex;flex-direction:column;gap:8px;min-height:0;flex:1;font-size:8px;text-align:center;line-height:1.4}.booking-steps li:first-child{background:none;border:0;color:#e8d7b1}.booking-steps li>span{font-size:10px;padding:4px;min-width:29px;border-color:var(--gold-line)}.booking-columns{grid-template-columns:1fr;gap:23px;padding:0}.booking-columns legend{font-size:13px;margin-bottom:12px}.demo-services{display:grid;grid-template-columns:1fr;gap:0}.demo-services label{margin-bottom:9px}.demo-services label>span{padding:13px 12px;min-height:60px;font-size:13px;gap:15px;justify-content:flex-start}.demo-services label>span>.icon{width:24px;height:24px}.demo-services small{font-size:10px;display:block;margin-top:3px}.demo-services label>span>span{display:block}.calendar-prompt{font-size:13px;margin-bottom:10px}.calendar-heading h4{font-size:14px}.calendar-heading .icon-button{width:44px;height:44px;min-width:44px}.calendar-heading .icon{width:15px}.calendar-days{gap:3px}.calendar-days button{font-size:13px;min-height:38px;min-width:28px}.weekdays span{font-size:11px;padding-bottom:8px}.demo-times{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.demo-times label{margin:0}.demo-times label>span{min-height:42px;font-size:13px;display:grid;place-items:center}.booking-demo>.fineprint{font-size:11px;padding:0;line-height:1.6}.booking-summary{font-size:12px;padding:14px 0 0;margin-top:17px;line-height:1.5}.booking-tools{display:block;padding:24px;min-height:0}.booking-tools h3{font-size:23px;max-width:none}.booking-tools ul{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.booking-tools li{flex-direction:row;justify-content:flex-start;font-size:12px;text-align:left;gap:14px}.booking-tools p{font-size:11px;max-width:none;margin-top:22px}.process-copy{width:100%;max-width:520px}.process-copy .section-heading h2{font-size:43px}.process-copy .section-lead{font-size:18px}.process-copy .button{font-size:11px}.process-grid{grid-template-columns:1fr 1fr;gap:32px 22px;margin:90px 0 0;padding:22px 18px;background:#001116cf;border:1px solid #d8b47666;border-radius:12px}.process-grid li+li::before{display:none}.process-grid .step-number{width:37px;height:37px;font-size:12px}.process-grid .icon{width:27px;height:27px}.process-grid h3{font-size:11px;letter-spacing:.08em;line-height:1.5;margin:17px 0 7px;padding:0}.process-grid p{font-size:12px;line-height:1.45;padding:0}.price-grid{grid-template-columns:1fr;gap:24px;max-width:430px}.price-card{padding:30px 26px 25px}.price-card>.icon{width:34px;height:34px;margin-bottom:17px}.price-card h3{font-size:13px}.price-card .price{font-size:62px;margin:12px 0}.price small{font-size:17px}.price-card .check-list{padding-top:22px;margin:7px 0 28px;gap:13px}.price-card .check-list li{font-size:16px}.price-card .check-list .icon{width:20px;height:20px}.price-card .button{font-size:11px;min-height:46px}.pricing-section .section-heading .eyebrow{font-size:23px;line-height:1.2}.pricing-section .section-heading h2{font-size:31px}.pricing-subtitle{font-size:11px;letter-spacing:.23em;margin-bottom:26px}.pricing-section>.container>.fineprint{font-size:11px;line-height:1.6;text-align:center}.creative-section .split{gap:40px}.creative-section h2{font-size:38px}.creative-section .section-lead{font-size:18px}.creative-section .actions{flex-wrap:wrap}.creative-section .actions .button{font-size:10px}.creative-gallery{transform:none;padding:4px;gap:4px}.creative-gallery picture,.creative-gallery picture:first-child{height:265px;max-height:none}.creative-gallery article>div{padding:35px 6px 13px}.creative-gallery h3{font-size:13px;letter-spacing:.02em}.creative-gallery p{font-size:6px;line-height:1.6;letter-spacing:.04em;min-height:20px;margin-top:12px}.creative-prices{grid-template-columns:1fr;padding:25px 20px 76px;gap:25px;margin-top:40px}.creative-prices article{border:0;border-bottom:1px solid #ad8d575c!important;padding:0 0 24px}.creative-prices article:nth-child(4){border:0!important;padding-bottom:0}.creative-prices article>.icon{left:0}.creative-prices h3{font-size:13px;margin-bottom:12px}.creative-prices p{font-size:18px}.creative-prices strong{font-size:34px}.creative-prices article>.button{font-size:11px;margin-top:15px;min-height:43px}.creative-prices>.fineprint{font-size:10px;line-height:1.5;left:20px;right:20px;bottom:20px}.products-section .section-heading h2{font-size:36px;max-width:100%}.products-section .section-lead{position:static;width:100%;border:0;padding:0;font:400 13px/1.6 var(--sans);max-width:480px!important}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:30px}.product-grid article{padding:24px 9px 19px;min-height:174px}.product-grid .gold-ring{width:52px;height:52px}.product-grid h3{font-size:15px;letter-spacing:.08em;min-height:38px}.product-grid small{font-size:9px}.product-grid p{font-size:12px}.products-section .button{font-size:10px}.contact-grid,.contact-grid:has(.check-intro){grid-template-columns:1fr;gap:23px}.contact-grid>.integrations{grid-column:auto}.contact-grid>.glass-panel,.contact-grid>.webcheck{padding:28px 23px}.integrations ul{grid-template-columns:1fr;gap:9px}.integrations h2,.faq h3,.webcheck h3{font-size:27px;line-height:1.15}.integrations li{font-size:16px;min-height:52px}.integration-symbol{width:33px;height:33px}.integrations .fineprint{font-size:12px}.faq summary{font-size:12px;min-height:62px;padding:17px 13px}.faq details p{font-size:13px;line-height:1.6}.faq-signature{display:block;padding-top:25px}.faq-signature .emblem{width:65px;height:44px}.faq-signature p{font-size:9px}.webcheck>p{font-size:13px}.field label{font-size:12px}.field input,.field textarea{font-size:16px;min-height:44px;padding:10px 12px}.field textarea{min-height:94px}.field{margin-bottom:17px}.webcheck .button{font-size:10px;min-height:47px}.webcheck .fineprint{font-size:11px;line-height:1.5}.form-errors,.field-error,.form-result p,.form-result dl{font-size:13px}.form-result h4{font-size:26px}.finale{padding:65px 0 75px}.finale::before{background:#00101695}.finale .container{width:calc(100% - 38px)}.finale-brand .emblem{width:108px;height:74px;margin:0}.finale-brand .brand-wordmark{font-size:29px}.finale-brand .brand-wordmark small{font-size:9px}.finale .eyebrow{font-size:9px;letter-spacing:.2em;margin-bottom:23px}.finale h2{font-size:clamp(32px,8vw,45px);line-height:1.15}.finale p:not(.eyebrow){font-size:17px;line-height:1.5;margin:25px auto;max-width:410px}.finale p br{display:none}.finale .button{font-size:11px;min-width:255px}.site-footer{padding:36px 0 20px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.footer-grid>div:not(:first-child){border:0;padding-left:0}.footer-grid>div:first-child p{font-size:16px}.footer-grid h2{font-size:11px}.footer-grid>div:not(:first-child) a{font-size:12px;min-height:37px}.footer-grid>div:last-child p{font-size:12px;margin-bottom:5px}.footer-bottom{font-size:9px;margin-top:15px}.page-intro h1{font-size:40px;line-height:1.1}.detail-grid h2{font-size:30px}.story h2{font-size:35px}.process-detail h2{font-size:30px}.story p{font-size:16px}.page-intro .section-lead{font-size:18px}.button{max-width:100%;white-space:normal}}
@media(max-width:380px){.header-inner{width:calc(100% - 26px);gap:10px}.brand .emblem{width:39px;height:27px}.brand-wordmark{font-size:16px}.brand-wordmark small{font-size:7px}.header-actions .button{font-size:8px;padding:9px 10px}.header-actions .icon-button{width:34px;height:34px}.hero-copy h1{font-size:36px}.hero-copy .eyebrow{max-width:270px;font-size:7px}.hero-copy>p:not(.eyebrow){font-size:17px}.hero{height:760px}.sector-grid{grid-template-columns:1fr;max-width:290px}.sector-card>picture{height:260px}.sector-content h3{font-size:22px;min-height:0}.sector-content p{font-size:24px}.sector-content .button{font-size:11px;min-height:43px}.product-grid h3{font-size:13px}.calendar-days button{min-width:26px;min-height:35px}.booking-demo{padding-inline:12px}.creative-gallery h3{font-size:11px}.creative-gallery picture,.creative-gallery picture:first-child{height:235px}.comparison-after .mini-content h3{font-size:20px}.comparison-stage{height:315px}}
@media(prefers-reduced-motion:reduce){.cinematic *,.cinematic-hero *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.water-light{display:none}.sector-card:hover,.button:hover{transform:none}}
@media(prefers-reduced-transparency:reduce){.glass-panel,.marble-panel,.contact-grid>.webcheck{background:#03171d;backdrop-filter:none}}
@media(forced-colors:active){.cinematic>.scene,.cinematic-hero>.scene,.cinematic::before,.hero-signature,.finale-brand{display:none}.glass-panel,.marble-panel,.sector-card,.contact-grid>.webcheck,.gold-ring,.hero-qualities,.comparison-stage{border:1px solid CanvasText;background:Canvas}.emblem{mask:none}.cinematic,.cinematic-hero{background:Canvas}.comparison-divider{background:Highlight}.gold-rule{background:CanvasText}}

.hero-signature .monument-emblem,.finale-brand .monument-emblem{mask:none;mix-blend-mode:screen;object-fit:contain;aspect-ratio:1;height:auto;margin-bottom:-10%}

/* Final visual audit: brand composition, typography, real integration marks.
   2026-09-16: merk-serif hersteld — Editorial (Instrument Serif, lokaal geleverd)
   vóór de eerdere Times-keuze; terugdraaien = Editorial hieronder verwijderen. */
:root{--serif:var(--nx-font-display)}
.hero-signature,.finale-brand{filter:none;opacity:1;mix-blend-mode:screen}
.hero-signature .emblem{filter:none}
.hero-signature{top:19%;padding-bottom:0}
.hero-signature .monument-emblem{width:74%;margin-bottom:-8%;aspect-ratio:1}
.finale-brand .brand-lockup{display:flex;flex-direction:column;gap:12px}
.finale-brand .monument-emblem{width:175px;height:175px;margin:0 0 -23px;position:static}
.finale-brand .brand-wordmark{position:static;line-height:1}
.finale .container>p:not(.eyebrow){background:#0010169e;padding:12px 20px;border-radius:4px;width:fit-content}
.contact-grid>*{min-width:0}.field input,.field textarea{width:100%;min-width:0}.faq summary{white-space:normal}.contact-grid .button{min-width:0}
.product-grid .gold-ring .icon{display:block;margin:0;position:static;transform:none;align-self:center}
.product-grid .gold-ring{place-items:center}
.product-grid .marble-panel{background:linear-gradient(135deg,#061015b0,#030c10c7)}
.comparison>.fineprint{display:table;background:#031015de;border:1px solid #d6b77750;border-radius:4px;padding:8px 14px;margin:17px auto 0;font-size:12px}
.integration-mark{width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex:none;overflow:hidden;border-radius:5px}
.integration-mark img{width:100%;height:100%;object-fit:contain}
.mark-mollie{width:42px;background:#191919}.mark-mollie img{width:100%;height:auto}
.mark-zapier{border-radius:0}.mark-zapier img{max-width:none;width:auto;height:100%;object-fit:cover;object-position:left;transform:translateX(38%)}
.mark-mailchimp{background:#ffe01b;padding:3px}.mark-meta img{filter:invert(32%) sepia(95%) saturate(4130%) hue-rotate(205deg) brightness(105%)}
@media(min-width:1101px){.hero-copy .button,.button,.webcheck .button,.creative-prices article>.button,.sector-content .button{font-size:12px}.process-grid p{font-size:16px}.process-grid h3{font-size:14px}.product-grid h3{font-size:21px}.booking-columns legend,.calendar-prompt{font-size:11px}.demo-services label>span{font-size:11px}.demo-services small,.calendar-days button,.demo-times label>span{font-size:11px}.faq summary{font-size:13px}.integrations li{font-size:16px}.webcheck>p,.field label{font-size:12px}.field input,.field textarea{font-size:13px}.webcheck .fineprint{font-size:11px}.hero-copy h1{font-size:clamp(48px,4.2vw,76px)}.hero-copy>p:not(.eyebrow){font-size:clamp(20px,1.55vw,28px)}}
@media(max-width:760px){.hero-signature{top:auto;bottom:150px}.hero-signature .monument-emblem{width:90%;margin-bottom:-8%}.finale-brand .monument-emblem{width:130px;height:130px;margin-bottom:-20px}.contact-grid,.contact-grid:has(.check-intro){grid-template-columns:minmax(0,1fr)}.integration-mark{width:34px;height:34px}.contact-grid .button{white-space:normal}.finale .container>p:not(.eyebrow){font-size:17px}}

.finale .container{z-index:auto}.hero-signature .monument-emblem{width:67%}@media(min-width:761px){.hero-signature{top:17%}}

.comparison-after{isolation:isolate}.comparison-backdrop{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover;opacity:.45}

.mark-zapier img{width:100%;height:100%;max-width:100%;object-fit:contain;transform:none}.mark-mollie{position:relative}.mark-mollie img{position:absolute;width:306px;height:144px;max-width:none;left:-102px;top:-51px;object-fit:contain}

.mark-mollie img{top:-56px;clip-path:inset(0 172px 0 0)}

/* Audit refinement: keep the existing scenes, with clearer functional copy. */
.cinematic-hero .hero-copy>p:not(.eyebrow){font:400 clamp(16px,1.2vw,21px)/1.6 var(--sans);color:var(--text);max-width:48ch;text-shadow:0 2px 8px #000}
.cinematic-hero .hero-shade{background:linear-gradient(90deg,#00080b85,transparent 58%)}
.case-caption .case-discipline,.case-caption .case-role{font:400 var(--copy-small)/1.5 var(--sans);color:var(--text);margin-top:10px;letter-spacing:0;text-transform:none}
.case-caption .case-role{color:#e3dfd4}
.case-status{font-size:12px;white-space:normal}
.case-description{font:400 15px/1.6 var(--sans)}
.pricing-section .price-card{background:linear-gradient(130deg,#102027f5,#02090cf5)}
.pricing-section .price-card .price-label{font:400 var(--copy-small)/1.5 var(--sans);color:var(--gold-bright);margin:0 0 8px}
.pricing-section .price-card .price-context{font:400 var(--copy-small)/1.6 var(--sans);color:var(--text);margin:12px 0;text-align:left}
.pricing-section .price-card .button{font-size:12px;line-height:1.45;white-space:normal;gap:8px;min-height:48px}
.pricing-section>.container>.fineprint{font:400 var(--copy-small)/1.6 var(--sans);margin:26px 0 0;background:#031015eb;border-radius:4px;padding:12px 16px;text-shadow:none}
.creative-prices>.fineprint{position:static;grid-column:1/-1;font:400 var(--copy-small)/1.6 var(--sans);margin:4px 0 0;padding-top:12px}
.creative-prices{padding-bottom:24px}
.creative-prices article>.button{white-space:normal;font-size:12px;line-height:1.5}
.webcheck .fineprint,.booking-demo>.fineprint,.integrations .fineprint{font:400 var(--copy-small)/1.6 var(--sans);color:var(--text)}
.webcheck .demo-notice,.booking-demo .demo-notice{margin:18px 0 12px}
.product-grid .product-state{font:400 13px/1.5 var(--sans);color:var(--gold-bright);margin:14px 0 0}
.footer-grid>div:first-child p,.footer-grid>div:last-child p,.footer-grid>div:not(:first-child) a{font:400 var(--copy-small)/1.65 var(--sans);color:var(--text)}
.footer-grid>div:not(:first-child) a{min-height:40px;padding-block:7px}
.footer-grid h2{font-size:13px}
.footer-bottom,.footer-bottom small{font:400 13px/1.6 var(--sans)}
@media(max-width:760px){
 .cinematic-hero .hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.6;max-width:36ch}
 .cinematic-hero .hero-copy .eyebrow{font-size:10px;line-height:1.6;letter-spacing:.14em}
 .pricing-section .price-card .check-list li{font:400 15px/1.55 var(--sans)}
 .footer-bottom{gap:16px;flex-wrap:wrap}
}

@media(max-width:760px){.cinematic-hero .hero-shade{background:linear-gradient(180deg,#001016ed,#001016c2 44%,#00101622 72%,transparent)}}

.cinematic-hero .hero-copy .actions{flex-wrap:wrap;gap:10px}
.cinematic-hero .hero-copy .actions .button{flex-shrink:0;padding-inline:18px}

.pricing-section .price-card .check-list li{font:400 15px/1.55 var(--sans)}
/* Keep the original mobile monument legible above its water reflection. */
@media(max-width:760px){
 .cinematic-hero .hero-signature{mix-blend-mode:normal;isolation:isolate;bottom:142px;width:158px;left:68%;padding:8px 8px 14px}
 .cinematic-hero .hero-signature::before{content:'';position:absolute;inset:-9px -28px -12px;z-index:-1;background:radial-gradient(ellipse,#021017ed 25%,#021017b5 50%,transparent 73%);pointer-events:none}
 .cinematic-hero .hero-signature .brand-wordmark{color:#f6d59a;text-shadow:0 2px 5px #000,0 0 14px #000;font-size:21px}
 .cinematic-hero .hero-signature>small{font-size:6px;letter-spacing:.12em;color:#ffefd0;text-shadow:0 1px 4px #000}
 .cinematic-hero .hero-signature .monument-emblem{mix-blend-mode:screen;width:76%;margin-bottom:-8%}
}
@media(max-width:760px){
 .cinematic-hero .hero-signature{mix-blend-mode:screen;isolation:auto}
 .cinematic-hero .hero-signature::before{content:none}
 .cinematic-hero .hero-shade::after{content:'';position:absolute;bottom:135px;left:68%;width:235px;height:200px;transform:translateX(-50%);background:radial-gradient(ellipse,#001017ed 25%,#001017b5 49%,transparent 73%);pointer-events:none}
}
.cinematic-hero .hero-copy>p.hero-action-note{font:400 12px/1.6 var(--sans);max-width:440px;margin:16px 0 0;color:#e0d8c9}
@media(max-width:380px){
 .integrations h2{font-size:23px}
 .cinematic-hero{height:auto;min-height:0}
 .cinematic-hero .hero-inner{height:auto;padding-top:48px}
 .cinematic-hero .hero-copy{position:relative;top:auto;width:100%}
 .cinematic-hero .hero-signature{position:relative;top:auto;bottom:auto;left:auto;transform:none;margin:24px 5% 118px auto}
}

/* Eigenaarpreview 2026-09-16: eerste productvak als filmvak (layout a) — logo
   in de clip bovenin, HTML-titel onderin; reduced-motion toont het stilstaande
   vak. Verwijderen = deze blokregels + .product-film in de HTML terugdraaien. */
.product-grid article.product-film{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
.product-film .product-film-video{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:50% 18%}
.product-film::before{content:'';position:absolute;left:0;right:0;bottom:0;top:38%;z-index:-1;background:linear-gradient(180deg,transparent,#02101af0 62%);pointer-events:none}
.product-film .gold-ring{display:none}
.product-film h3,.product-film .product-state,.product-film .product-blurb{text-shadow:0 1px 10px #041019cc}
@media (prefers-reduced-motion:reduce){.product-film .product-film-video{display:none}}

/* 07b / Branch-agenda demonstration (owner model 2026-09-16): six fictitious businesses,
   five horizontal steps, live sample availability per staff member. Local demo only. */
.booking-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.45fr);gap:2.4vw 6%;align-items:center}
.agenda-demo{grid-column:1/-1;padding:26px 24px 20px}
.agenda-demo .demo-title{align-items:flex-start;padding:0}
.agenda-demo .demo-title h3{font-size:clamp(23px,2vw,34px);letter-spacing:-.03em}
.agenda-demo .demo-label{font-size:9px;padding:5px 9px}
.agenda-sub{font-size:13px;line-height:1.6;color:#d8dcd6;max-width:760px;margin-top:10px}
.industry-tabs{display:flex;flex-wrap:wrap;gap:6px;width:max-content;max-width:100%;margin-top:18px;padding:6px;border:1px solid #d5ac6659;border-radius:999px;background:#02141ac9}
.industry-tabs button{min-height:40px;padding:9px 19px;border:1px solid transparent;border-radius:999px;background:none;color:#e9e7da;font-size:11px;letter-spacing:.09em;text-transform:uppercase;transition:background-color .18s,color .18s,border-color .18s}
.industry-tabs button:hover{border-color:var(--gold-hairline)}
.industry-tabs button[aria-selected=true]{background:linear-gradient(174deg,#fff0c9,#edc37e 60%,#d7a34e);color:#081116;border-color:var(--gold-line);box-shadow:inset 0 1px 2px #fffbdc}
.agenda-stage{margin-top:16px;padding:16px 14px 12px;border:1px solid var(--gold-hairline-soft);border-radius:7px;background:linear-gradient(125deg,#061c27d9,#04141ece)}
.agenda-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:2px 6px 12px}
.agenda-head>strong{font:400 clamp(24px,1.9vw,32px)/1.15 var(--serif);letter-spacing:-.02em;color:var(--gold-bright)}
.agenda-head>span{font-size:10px;color:#c9d4d2;letter-spacing:.05em}
.agenda-grid{display:grid;grid-template-columns:1fr 1fr 1.35fr 1fr 1fr;gap:9px;align-items:stretch}
.agenda-panel{min-width:0;padding:14px 11px;border:1px solid #c8a25f42;border-radius:7px;background:linear-gradient(160deg,#0a2634b5,#081f2cb8);box-shadow:inset 0 1px 0 #f5d69b14}
.agenda-panel h3{display:flex;align-items:center;gap:9px;min-height:36px;font:400 clamp(15px,1.15vw,20px)/1.2 var(--serif);color:var(--gold);letter-spacing:0}
.agenda-step-num{display:grid;place-items:center;width:34px;height:34px;flex:none;border:1px solid var(--gold);border-radius:50%;background:#03202a;color:var(--text);font:500 11px/1 var(--sans);box-shadow:inset 0 0 0 3px #0a2531}
.agenda-hint{font-size:11px;line-height:1.45;color:#c9d4d2;margin:5px 0 14px 43px}
.choice-list{display:grid;gap:8px}
.choice-list button{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:64px;padding:10px 9px;border-radius:6px;border:1px solid #b3925c6e;background:linear-gradient(110deg,#122c3c,#081d29);color:var(--text);text-align:left;transition:background-color .18s,border-color .18s,box-shadow .18s}
.choice-list button:hover{border-color:#eac98b}
.choice-list button>span:last-child{display:grid;flex:1;min-width:0;gap:5px}
.choice-list strong{font:500 12px/1.35 var(--sans);padding-right:14px}
.choice-list small{font-size:11px;color:#c9d4d2}
.choice-list img{width:40px;height:40px;flex:0 0 40px;object-fit:cover;border-radius:50%;border:1px solid #e6c185d6;box-shadow:0 0 6px #d9a95e33}
.choice-list button[aria-pressed=true]{border-color:#f0d195;background:linear-gradient(120deg,#59461e,#2b2110);box-shadow:inset 0 0 12px #ffe4a326,0 0 10px #f2cd8a3d}
.choice-list button[aria-pressed=true]::after{content:"✓";position:absolute;top:8px;right:7px;display:grid;place-items:center;width:18px;height:18px;border:1px solid #f0d195;border-radius:50%;color:#ffedc1;background:#4a3813;font:600 11px/1 var(--sans)}
.agenda-calendar{padding:0 5px 6px;border-radius:7px;background:#07202cb0}
.agenda-calendar .calendar-caption{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:4px;color:var(--text)}
.calendar-caption [data-calendar-label]{font:500 12px/1.3 var(--sans);text-align:center;text-transform:capitalize}
.calendar-caption button{display:grid;place-items:center;min-height:34px;width:34px;padding:0;border:0;border-radius:6px;background:none;color:var(--text)}
.calendar-caption button .icon{width:14px;height:14px}
.calendar-caption button:disabled{color:#8faaaeb3}
.agenda-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center;padding:4px 0;font:500 10px/1.4 var(--sans);color:#c9d4d2}
.date-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}
.date-grid button{display:grid;place-items:center;width:100%;min-height:27px;padding:0;border:1px solid transparent;border-radius:5px;background:none;color:var(--text);font:400 11px/1 var(--sans)}
.date-grid button:not(:disabled):hover{background:#3d3115}
.date-grid button:disabled{color:#90a9af;opacity:.7}
.date-grid button.is-outside-month{opacity:.3}
.date-grid button[aria-pressed=true]{border-color:#f0d195;background:linear-gradient(140deg,#6b5423,#3a2c10);color:#fff6e3;box-shadow:inset 0 0 8px #ffe9b52a,0 0 9px #f4d69a52}
.agenda-time-label{margin:12px 0 7px;font:500 11px/1.4 var(--sans);color:#eef2e9}
.agenda-time-label span{color:var(--gold-bright)}
.time-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.time-grid button{min-height:36px;padding:5px 2px;border:1px solid #a08050;border-radius:6px;background:#122736;color:var(--text);font:400 11px/1.2 var(--sans)}
.time-grid button:not(:disabled):hover{border-color:#eac98b}
.time-grid button[aria-pressed=true]{border-color:#f0d195;background:linear-gradient(140deg,#6b5423,#38290f);box-shadow:inset 0 0 9px #ffe4a32b,0 0 8px #f2cd8a45}
.time-grid button.is-bezet{text-decoration:line-through;color:#e8b5a5;background:#26161acc;border-color:#a4635f66;opacity:1}
.agenda-legend{display:flex;align-items:center;gap:7px;margin-top:10px;font-size:10px;color:#c9d4d2}
.agenda-dot{width:9px;height:9px;border-radius:50%;flex:none}
.agenda-dot--vrij{border:1px solid #f0d195;background:#5b4720}
.agenda-dot--bezet{border:1px solid #a4635f;background:#26161a;margin-left:12px}
.agenda-availability{margin-top:8px;font-size:11px;line-height:1.5;color:#f0d7aa;min-height:32px}
.agenda-demo .form-mini{display:grid;gap:9px}
.form-mini label{display:block;color:var(--text);font:500 11px/1.4 var(--sans)}
.agenda-optional{color:#c9d4d2;font-weight:400}
.form-mini input{width:100%;min-width:0;min-height:42px;margin-top:5px;padding:9px 10px;border:1px solid #70959b;border-radius:6px;background:#082e38;color:var(--text);font:400 13px/1.4 var(--sans)}
.form-mini input::placeholder{color:#b7cccf}
.form-mini input[aria-invalid=true]{border-color:var(--danger)}
.agenda-field-error{display:block;margin-top:4px;font-size:10px;line-height:1.4;color:var(--danger)}
.agenda-panel--confirm{border-color:#eac98b66;background:linear-gradient(150deg,#14657755,#092f3af2 45%,#104751d9)}
.agenda-orb{position:relative;display:grid;place-items:center;width:56px;height:56px;margin:14px auto 10px;border:1px solid #eac98b;border-radius:50%;background:radial-gradient(ellipse,#155b6999,#07323e);box-shadow:0 0 18px #6bf4ff40,inset 0 0 14px #67e9ff28;color:#e9fdff}
.agenda-orb .icon{width:24px;height:24px}
.agenda-orb .check{font:400 30px/1 var(--sans)}
.agenda-confirm-title{max-width:18ch;margin:0 auto 12px;text-align:center;color:var(--text);font:400 18px/1.2 var(--serif)}
.agenda-summary{margin:0;padding:0 9px;border:1px solid #628f99;border-radius:6px;background:#082e389e}
.agenda-summary>div{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;column-gap:9px;padding:10px 0}
.agenda-summary>div+div{border-top:1px solid #8ac1c132}
.agenda-summary .icon{width:17px;height:17px;color:#c9d4d2;margin-top:1px}
.agenda-summary dd{margin:0;font:400 11px/1.5 var(--sans);color:var(--text);overflow-wrap:anywhere}
.agenda-summary strong{display:block;font-weight:500}
.agenda-summary dd>span{display:block;color:#c9d4d2}
.agenda-submit-row{display:flex;justify-content:center;margin:16px 0 0}
.agenda-submit{display:flex;align-items:center;justify-content:center;gap:20px;min-height:50px;width:min(430px,100%);padding:10px 22px;border:1px solid var(--gold-line);border-radius:999px;background:linear-gradient(174deg,#fff0c9,#edc37e 60%,#d7a34e);color:#081116;font:700 12px/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase;box-shadow:inset 0 1px 2px #fffbdc,0 0 18px #e6b97022;transition:box-shadow .18s,transform .18s}
.agenda-submit:hover{box-shadow:inset 0 1px 2px #fffbdc,0 0 24px #edbd7050;transform:translateY(-2px)}
.agenda-submit-arrow .icon{width:19px;height:19px}
.agenda-wizard{display:none}
.booking-status{margin:10px auto 0;max-width:95%;min-height:18px;color:#cfd9d6;font:400 11px/1.5 var(--sans);text-align:center}
.agenda-demo>.fineprint{font-size:10px;line-height:1.6;margin-top:14px}
.agenda-demo .demo-notice{margin:12px 0 10px}
.agenda-demo .text-link{font-size:12px}

/* 07c / Compact eenschermmodel (eigenaarmockup 2026-09-17): horizontale USP-ringenrij +
   subtekst links, slanker toolspaneel, demo opent met merk + "Plan eenvoudig jouw afspraak". */
.booking-layout{align-items:start;gap:1.6vw 5%}
.booking-copy .booking-sub{max-width:52ch;margin-top:14px;font-size:13px;line-height:1.75;color:#d8dcd6}
.booking-benefits{display:flex;justify-content:flex-start;gap:clamp(18px,2.6vw,44px);max-width:560px;margin:26px 0 24px}
.booking-benefits li{flex:0 1 auto;min-width:0;flex-direction:column;gap:11px;align-items:center;text-align:center}
.booking-benefits li>span:last-child{font-size:9px;letter-spacing:.12em;line-height:1.55;max-width:110px}
.booking-benefits .gold-ring{width:54px;height:54px}
.booking-tools{min-height:0;padding:20px 16px 15px;align-self:start}
.booking-tools .gold-rule{margin:12px 0 16px!important}
.booking-tools ul{gap:15px}
.booking-tools p{margin-top:14px;font-size:9px;line-height:1.5}
.agenda-demo{margin-top:.5vw}
.agenda-demo .demo-title{display:flex;justify-content:space-between;gap:14px}
.agenda-demo .demo-title h3{font-size:clamp(17px,1.35vw,23px)}
.industry-tabs{margin-top:10px;padding:4px}
.industry-tabs button{min-height:34px;padding:7px 15px;font-size:10px}
.agenda-stage{margin-top:12px}
.agenda-brandblock{display:grid;gap:2px}
.agenda-brandblock strong{font:400 clamp(22px,1.7vw,28px)/1.15 var(--serif);letter-spacing:-.02em;color:var(--gold-bright)}
.agenda-brandblock .agenda-plan{font:400 12px/1.3 var(--sans);color:#cfd9d6;letter-spacing:.03em}
/* Teamreview 2026-09-17: demoknop één stap terug in gewicht t.o.v. websitecheck-CTA (goudrand,
   vol goud pas op hover); skiplink als gecentreerde pil boven de header i.p.v. over het merk. */
.agenda-submit{background:linear-gradient(174deg,#123842,#0a2830);border-color:#d9b369a8;color:#f3ddae;box-shadow:inset 0 1px 0 #ffffff12,0 0 14px #e6b97014}
.agenda-submit:hover,.agenda-submit:focus-visible{background:linear-gradient(174deg,#fff0c9,#edc37e 60%,#d7a34e);border-color:var(--gold-line);color:#081116;box-shadow:inset 0 1px 2px #fffbdc,0 0 24px #edbd7050;transform:translateY(-2px)}
.skip-link{top:12px;left:50%;transform:translate(-50%,-240%);z-index:120;border:1px solid var(--gold-line);border-radius:999px;padding:12px 26px;background:linear-gradient(174deg,#fff0c9,#e4b66a);color:#081116;font:700 12px/1.4 var(--sans);letter-spacing:.06em;box-shadow:0 10px 26px #000a}
.skip-link:focus{transform:translate(-50%,0)}
@media(max-width:760px){.booking-benefits{flex-wrap:wrap;gap:16px 4%}.booking-benefits li{flex:1 1 44%}}
@media(min-width:1101px) and (max-width:1350px){.booking-layout{grid-template-columns:minmax(0,1.5fr) minmax(240px,.5fr)}.agenda-grid{gap:7px}.agenda-panel{padding:12px 9px}.agenda-hint{margin-left:0}.choice-list strong{font-size:11px}}
@media(max-width:1100px){.booking-layout{grid-template-columns:1fr;gap:35px}.agenda-demo{padding:24px 20px}.agenda-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.agenda-panel--calendar{grid-row:2/span 2}.industry-tabs{border-radius:18px}.agenda-hint{margin-left:43px}}
@media(max-width:760px){
 .agenda-demo{padding:20px 14px}
 .agenda-demo .demo-title{display:block}
 .agenda-demo .demo-label{display:inline-block;margin-top:12px}
 .agenda-sub{font-size:12px}
 .industry-tabs{width:100%;padding:5px;gap:4px}
 .industry-tabs button{flex:1 1 30%;min-height:42px;padding:8px 6px;font-size:10px;letter-spacing:.05em}
 .agenda-stage{padding:14px 11px}
 .agenda-head{flex-direction:column;align-items:flex-start;gap:6px}
 .agenda-grid{grid-template-columns:minmax(0,1fr);gap:16px}
 .agenda-grid>.agenda-panel{display:none;padding:15px 13px}
 .agenda-grid>.agenda-panel.is-mobile-active,.agenda-grid>.agenda-panel--confirm.is-mobile-companion{display:block}
 .agenda-panel--calendar{grid-row:auto}
 .agenda-hint{margin:5px 0 16px 43px;font-size:12px}
 .choice-list button{min-height:60px}
 .choice-list strong{font-size:13px}
 .choice-list small{font-size:12px}
 .calendar-caption button{width:44px;min-height:44px}
 .calendar-caption [data-calendar-label]{font-size:14px}
 .agenda-weekdays{font-size:11px}
 .date-grid{gap:3px}
 .date-grid button{min-height:38px;font-size:13px}
 .time-grid button{min-height:44px;font-size:13px}
 .agenda-time-label{font-size:12px}
 .agenda-availability{font-size:12px}
 .form-mini input{font-size:16px;min-height:44px}
 .agenda-stage:not([data-booking-step="4"]) .agenda-submit-row{display:none}
 .agenda-submit{gap:12px;font-size:11px;letter-spacing:.04em}
 .agenda-wizard{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:16px}
 .agenda-wizard p{font-size:12px;color:#e6e9e2}
 .agenda-wizard div{display:flex;gap:9px}
 .agenda-wizard button{min-height:44px;padding:10px 18px;border:1px solid #d3b77e95;border-radius:9px;background:#04101772;color:var(--text);font-size:12px}
 .booking-status{font-size:12px}
 .agenda-demo>.fineprint{font-size:11px}
}
@media(max-width:380px){.industry-tabs button{flex-basis:45%}.agenda-demo{padding:18px 11px}.date-grid button{min-height:35px}}
@media(prefers-reduced-transparency:reduce){.agenda-stage,.agenda-panel{background:#0b303a}}
@media(forced-colors:active){.agenda-panel,.agenda-stage,.industry-tabs,.industry-tabs button,.choice-list button,.date-grid button,.time-grid button,.agenda-submit,.agenda-summary{border:1px solid ButtonText;background:Canvas}.agenda-dot{border:1px solid ButtonText}.time-grid button.is-bezet{text-decoration:line-through}}
[INFO] Recording command outcome: cat

[OK] Command outcome recorded

/* 08 / Ultra-godmode pass 2026-09-17 (eigenaar: "wat kan beter en luxer") - statische luxelaag.
   Filmische korrel + vignet, gouden sectieovergangen, gradient-goud in accentwoorden en een
   merkwaardige scrollbar. Alles pointer-events:none en forced-colors-veilig. */
html{scrollbar-color:#9a7845 #04121a}
::-webkit-scrollbar{width:13px}
::-webkit-scrollbar-track{background:#04121a}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#d3aa64,#8a6a3a);border-radius:9px;border:3px solid #04121a}
::-webkit-scrollbar-thumb:hover{background:#e2ba73}
h1 em,h2 em{background:linear-gradient(178deg,#ffedc4 8%,#eec581 52%,#cf9f58 95%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.section::after{content:'';position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);width:min(560px,62%);height:1px;z-index:3;pointer-events:none;background:linear-gradient(90deg,transparent,#eec886b3 50%,transparent);box-shadow:0 0 22px 1px #e8bf7840}
/* Grain/vignet leeft in motion.css (film-finish 5a, parallelle ronde) — de eerdere laag hier is
   verwijderd omdat motion.css later laadt en won. De guards hieronder werken door op die laag. */
@media(prefers-reduced-transparency:reduce){body::before,body::after{display:none}}
@media(forced-colors:active){body::before,body::after,.section::after,.button::after{display:none}h1 em,h2 em{background:none;-webkit-text-fill-color:currentColor}}

/* 09 / Merkintro 2026-09-17: 15s-openingsfilm over de hele viewport, zonder tijdteller
   (eigenaar: "pagina teller per direct weg"). Glazen regiebalk + slanke voortgangslijn. */
.brand-intro{position:fixed;inset:0;z-index:200;background:#020c12;opacity:1;transition:opacity .9s var(--ease,cubic-bezier(.4,0,1,1))}
.brand-intro.is-ending{opacity:0;pointer-events:none}
.brand-intro-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.brand-intro-ui{position:absolute;inset:auto 0 0;display:grid;justify-items:center;gap:18px;padding-bottom:5.5vh}
.brand-intro-controls{display:flex;gap:8px;padding:7px;border:1px solid #f2dcae52;border-radius:999px;background:#04141ea6;box-shadow:0 14px 40px #0007,inset 0 1px 0 #ffffff14}
.brand-intro-controls button{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 22px;border:0;border-radius:999px;background:none;color:#f3e3bd;font:600 12px/1.4 var(--sans);letter-spacing:.09em;text-transform:uppercase;cursor:pointer;transition:background .25s,color .25s}
.brand-intro-controls button:hover,.brand-intro-controls button:focus-visible{background:linear-gradient(174deg,#fff0c9,#e4b66a);color:#081116}
.brand-intro-progress{width:min(420px,58vw);height:2px;border-radius:2px;background:#f6d69a2e;overflow:hidden}
.brand-intro-progress span{display:block;height:100%;background:linear-gradient(90deg,#caa25c,#ffe2a4);transform:scaleX(0);transform-origin:left}
.intro-active{overflow:hidden}
.intro-active body::before,.intro-active body::after{display:none}
@media(max-width:760px){.brand-intro-controls button{padding:10px 13px;font-size:10px}.brand-intro-ui{padding-bottom:4vh}}
@media(forced-colors:active){.brand-intro{background:Canvas}.brand-intro-controls,.brand-intro-controls button{border:1px solid ButtonText}}
/* 09b / Merkintro-titel: echte typografie boven de film (geen AI-tekst), fade op 13,2s. */
.brand-intro-title{position:absolute;left:50%;top:69%;transform:translate(-50%,-50%) scale(.96);opacity:0;font:400 clamp(30px,4.6vw,78px)/1.15 var(--serif);letter-spacing:.24em;text-transform:uppercase;text-align:center;white-space:nowrap;pointer-events:none;background:linear-gradient(178deg,#ffedc4 10%,#eec581 55%,#cf9f58);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:opacity 1.4s var(--ease,cubic-bezier(.16,1,.3,1)),transform 1.4s var(--ease,cubic-bezier(.16,1,.3,1))}
.brand-intro-title span{letter-spacing:.5em;margin-left:.24em}
.brand-intro.is-titled .brand-intro-title{opacity:1;transform:translate(-50%,-50%) scale(1)}
@media(forced-colors:active){.brand-intro-title{background:none;-webkit-text-fill-color:CanvasText}}


/* 07d / Compacte demo 2026-09-17 (eigenaar: "kan dit compacter met behoud van alle functie").
   Alleen dichtheid op desktop (>=1101px): kleinere paddings, slankere rijen en strakkere
   tekstvoet. Geen element, tekst of interactie verwijderd; mobiel ongewijzigd. */
@media(min-width:1101px){
 .agenda-demo{padding:18px 18px 14px}
 .agenda-demo .demo-title h3{font-size:clamp(16px,1.2vw,20px)}
 .industry-tabs{margin-top:8px}
 .industry-tabs button{min-height:31px;padding:6px 13px}
 .agenda-stage{margin-top:8px;padding:12px 12px 10px}
 .agenda-brandblock strong{font-size:clamp(19px,1.45vw,24px)}
 .agenda-brandblock .agenda-plan{font-size:11px}
 .agenda-panel{padding:11px 9px 9px}
 .agenda-step-num{width:29px;height:29px;font-size:10px}
 .agenda-hint{margin:3px 0 9px 38px;font-size:10px}
 .choice-list button{min-height:46px;padding:7px 8px;gap:9px}
 .choice-list strong{font-size:12px}
 .choice-list small{font-size:10px}
 .choice-list img{width:34px;height:34px}
 .calendar-caption button{min-height:29px;width:29px}
 .calendar-caption [data-calendar-label]{font-size:11px}
 .agenda-weekdays{padding:2px 0;font-size:9px}
 .date-grid button{min-height:24px;font-size:10px}
 .agenda-time-label{margin:8px 0 5px;font-size:10px}
 .time-grid button{min-height:31px;padding:4px 2px;font-size:10px}
 .agenda-availability{margin-top:5px;min-height:0;font-size:10px;line-height:1.45}
 .agenda-legend{margin-top:5px}
 .form-mini input{min-height:38px;font-size:12px}
 .form-mini label{font-size:10px}
 .agenda-summary{font-size:11px}
 .agenda-summary dd>span{font-size:11px}
 .agenda-submit-row{margin:10px 0 0}
 .agenda-submit{min-height:44px;padding:8px 20px;width:min(390px,100%)}
 .booking-status{margin:6px auto 0;min-height:0;font-size:10px}
 .agenda-demo>.fineprint{margin-top:8px;font-size:9.5px;line-height:1.5}
 .agenda-demo .demo-notice{margin:7px 0 6px;padding:8px 12px;font-size:12px}
 .agenda-demo .text-link{font-size:11px;min-height:34px}
}


/* 07d / Compacte demo 2026-09-17 (eigenaar: "kan dit compacter met behoud van alle functie").
   Alleen dichtheid op desktop (>=1101px): kleinere paddings, slankere rijen en strakkere
   tekstvoet. Geen element, tekst of interactie verwijderd; mobiel ongewijzigd. */
@media(min-width:1101px){
 .agenda-demo{padding:18px 18px 14px}
 .agenda-demo .demo-title h3{font-size:clamp(16px,1.2vw,20px)}
 .industry-tabs{margin-top:8px}
 .industry-tabs button{min-height:31px;padding:6px 13px}
 .agenda-stage{margin-top:8px;padding:12px 12px 10px}
 .agenda-brandblock strong{font-size:clamp(19px,1.45vw,24px)}
 .agenda-brandblock .agenda-plan{font-size:11px}
 .agenda-panel{padding:11px 9px 9px}
 .agenda-step-num{width:29px;height:29px;font-size:10px}
 .agenda-hint{margin:3px 0 9px 38px;font-size:10px}
 .choice-list button{min-height:46px;padding:7px 8px;gap:9px}
 .choice-list strong{font-size:12px}
 .choice-list small{font-size:10px}
 .choice-list img{width:34px;height:34px}
 .calendar-caption button{min-height:29px;width:29px}
 .calendar-caption [data-calendar-label]{font-size:11px}
 .agenda-weekdays{padding:2px 0;font-size:9px}
 .date-grid button{min-height:24px;font-size:10px}
 .agenda-time-label{margin:8px 0 5px;font-size:10px}
 .time-grid button{min-height:31px;padding:4px 2px;font-size:10px}
 .agenda-availability{margin-top:5px;min-height:0;font-size:10px;line-height:1.45}
 .agenda-legend{margin-top:5px}
 .form-mini input{min-height:38px;font-size:12px}
 .form-mini label{font-size:10px}
 .agenda-summary{font-size:11px}
 .agenda-summary dd>span{font-size:11px}
 .agenda-submit-row{margin:10px 0 0}
 .agenda-submit{min-height:44px;padding:8px 20px;width:min(390px,100%)}
 .booking-status{margin:6px auto 0;min-height:0;font-size:10px}
 .agenda-demo>.fineprint{margin-top:8px;font-size:9.5px;line-height:1.5}
 .agenda-demo .demo-notice{margin:7px 0 6px;padding:8px 12px;font-size:12px}
 .agenda-demo .text-link{font-size:11px;min-height:34px}
}

/* 07e / Juwelendoos 2026-09-17 (eigenaar: "kleiner en compacter zodat je ook nog kan genieten
   van de achtergrond"): de demokaart wordt smaller en gecentreerd zodat de marmer/waterscene
   eromheen zichtbaar blijft. Alleen desktop; alle functies onaangetast. */
@media(min-width:1101px){
 .booking-demo.agenda-demo{justify-self:center;width:min(1260px,100%)}
}

/* 07e / Juwelendoos 2026-09-17 (eigenaar: "kleiner en compacter zodat je ook nog kan genieten
   van de achtergrond"): de demokaart wordt smaller en gecentreerd zodat de marmer/waterscene
   eromheen zichtbaar blijft. Alleen desktop; alle functies onaangetast. */
@media(min-width:1101px){
 .booking-demo.agenda-demo{justify-self:center;width:min(1260px,100%)}
}


/* 07f / Demo + toolskaart zij-aan-zij 2026-09-17 (eigenaar: "nog kleiner, met de toolskaart
   ernaast in het formaat van de afbeelding"). Desktop: USP-copy bovenlangs, daaronder de
   Maison Aveline-demo (max 1100px) met rechts het Integreert-paneel als staande kaart.
   Geen markupwijziging; mobiel onaangeroerd. */
@media(min-width:1101px){
 .booking-layout{grid-template-columns:minmax(0,1fr) minmax(300px,368px);align-items:start;gap:1.6vw 28px}
 .booking-copy{grid-column:1/-1;grid-row:1;padding-right:0}
 .booking-tools{grid-column:2;grid-row:2;align-self:start;min-height:0;padding:22px 20px 18px}
 .booking-tools h3{font-size:19px}
 .booking-tools .gold-rule{margin:14px 0 18px!important}
 .booking-tools ul{gap:19px}
 .booking-tools li{font-size:11px;gap:14px}
 .booking-tools li .icon{width:28px;height:28px}
 .booking-tools .integration-mark img{width:34px;height:34px}
 .booking-tools p{font-size:10px;margin-top:18px}
 .booking-demo.agenda-demo{grid-column:1;grid-row:2;justify-self:end;width:100%;max-width:1100px}
 .agenda-grid{gap:7px}
}


/* 07f / Demo + toolskaart zij-aan-zij 2026-09-17 (eigenaar: "nog kleiner, met de toolskaart
   ernaast in het formaat van de afbeelding"). Desktop: USP-copy bovenlangs, daaronder de
   Maison Aveline-demo (max 1100px) met rechts het Integreert-paneel als staande kaart.
   Geen markupwijziging; mobiel onaangeroerd. */
@media(min-width:1101px){
 .booking-layout{grid-template-columns:minmax(0,1fr) minmax(300px,368px);align-items:start;gap:1.6vw 28px}
 .booking-copy{grid-column:1/-1;grid-row:1;padding-right:0}
 .booking-tools{grid-column:2;grid-row:2;align-self:start;min-height:0;padding:22px 20px 18px}
 .booking-tools h3{font-size:19px}
 .booking-tools .gold-rule{margin:14px 0 18px!important}
 .booking-tools ul{gap:19px}
 .booking-tools li{font-size:11px;gap:14px}
 .booking-tools li .icon{width:28px;height:28px}
 .booking-tools .integration-mark img{width:34px;height:34px}
 .booking-tools p{font-size:10px;margin-top:18px}
 .booking-demo.agenda-demo{grid-column:1;grid-row:2;justify-self:end;width:100%;max-width:1100px}
 .agenda-grid{gap:7px}
}


/* 07g / Korter boven de marmer 2026-09-17 (eigenaar: "agenda is vrij lang, korter, net boven de
   zwarte marmer"). Trap 1: extra hoogtewinst op alle desktopbreedtes. Trap 2: verdichting voor
   1101-1500px waar de zij-aan-zij-opstelling kolommen knijpt en labels laat wikkelen (dat rekte
   de kaart uit). Alle functies en teksten blijven. */
@media(min-width:1101px){
 .agenda-demo{padding:15px 16px 11px}
 .agenda-stage{margin-top:6px;padding:10px 10px 9px}
 .agenda-brandblock strong{font-size:clamp(18px,1.35vw,22px)}
 .agenda-head{margin-bottom:2px}
 .agenda-hint{margin:2px 0 7px 36px}
 .choice-list button{min-height:42px}
 .agenda-panel{padding:9px 8px 8px}
 .calendar-caption [data-calendar-label]{white-space:nowrap}
 .agenda-availability{line-height:1.4}
 .agenda-submit-row{margin:8px 0 0}
 .agenda-submit{min-height:42px}
 .booking-status{margin:5px auto 0}
 .agenda-demo>.fineprint{margin-top:6px;font-size:9px}
 .agenda-demo .demo-notice{margin:6px 0 5px;padding:7px 10px;font-size:11px}
 .agenda-demo .text-link{min-height:30px}
}
@media(min-width:1101px) and (max-width:1500px){
 .agenda-grid{gap:6px}
 .agenda-panel{padding:8px 7px 7px}
 .agenda-step-num{width:25px;height:25px;font-size:9px}
 .agenda-hint{margin:2px 0 6px 32px;font-size:9px}
 .choice-list button{min-height:38px;gap:7px;padding:6px 7px}
 .choice-list strong{font-size:11px;line-height:1.25}
 .choice-list small{font-size:9px}
 .choice-list img{width:26px;height:26px}
 .calendar-caption button{min-height:26px;width:26px}
 .calendar-caption [data-calendar-label]{font-size:10px}
 .agenda-weekdays{font-size:8px}
 .date-grid button{min-height:21px;font-size:9px}
 .agenda-time-label{margin:6px 0 4px;font-size:9px}
 .time-grid button{min-height:27px;font-size:9px}
 .agenda-availability{font-size:9px;margin-top:4px}
 .form-mini input{min-height:33px;font-size:11px}
 .form-mini label{font-size:9px}
 .agenda-summary{font-size:10px}
 .agenda-summary dd>span{font-size:10px}
 .agenda-orb,.agenda-orb-icon{transform:scale(.85)}
 .agenda-brandblock strong{font-size:17px}
 .agenda-brandblock .agenda-plan{font-size:10px}
}


/* 07g / Korter boven de marmer 2026-09-17 (eigenaar: "agenda is vrij lang, korter, net boven de
   zwarte marmer"). Trap 1: extra hoogtewinst op alle desktopbreedtes. Trap 2: verdichting voor
   1101-1500px waar de zij-aan-zij-opstelling kolommen knijpt en labels laat wikkelen (dat rekte
   de kaart uit). Alle functies en teksten blijven. */
@media(min-width:1101px){
 .agenda-demo{padding:15px 16px 11px}
 .agenda-stage{margin-top:6px;padding:10px 10px 9px}
 .agenda-brandblock strong{font-size:clamp(18px,1.35vw,22px)}
 .agenda-head{margin-bottom:2px}
 .agenda-hint{margin:2px 0 7px 36px}
 .choice-list button{min-height:42px}
 .agenda-panel{padding:9px 8px 8px}
 .calendar-caption [data-calendar-label]{white-space:nowrap}
 .agenda-availability{line-height:1.4}
 .agenda-submit-row{margin:8px 0 0}
 .agenda-submit{min-height:42px}
 .booking-status{margin:5px auto 0}
 .agenda-demo>.fineprint{margin-top:6px;font-size:9px}
 .agenda-demo .demo-notice{margin:6px 0 5px;padding:7px 10px;font-size:11px}
 .agenda-demo .text-link{min-height:30px}
}
@media(min-width:1101px) and (max-width:1500px){
 .agenda-grid{gap:6px}
 .agenda-panel{padding:8px 7px 7px}
 .agenda-step-num{width:25px;height:25px;font-size:9px}
 .agenda-hint{margin:2px 0 6px 32px;font-size:9px}
 .choice-list button{min-height:38px;gap:7px;padding:6px 7px}
 .choice-list strong{font-size:11px;line-height:1.25}
 .choice-list small{font-size:9px}
 .choice-list img{width:26px;height:26px}
 .calendar-caption button{min-height:26px;width:26px}
 .calendar-caption [data-calendar-label]{font-size:10px}
 .agenda-weekdays{font-size:8px}
 .date-grid button{min-height:21px;font-size:9px}
 .agenda-time-label{margin:6px 0 4px;font-size:9px}
 .time-grid button{min-height:27px;font-size:9px}
 .agenda-availability{font-size:9px;margin-top:4px}
 .form-mini input{min-height:33px;font-size:11px}
 .form-mini label{font-size:9px}
 .agenda-summary{font-size:10px}
 .agenda-summary dd>span{font-size:10px}
 .agenda-orb,.agenda-orb-icon{transform:scale(.85)}
 .agenda-brandblock strong{font-size:17px}
 .agenda-brandblock .agenda-plan{font-size:10px}
}


/* 07h / Groene-lijn-inkorting 2026-09-17 (eigenaar: "maison aveline moet daar stoppen, met
   duidelijke vermelding"). De staart onder de tijdsloten wordt samengevouwen: legenda naast de
   beschikbaarheidstekst, bevestigingsknop en statusregel op een rij, en de losse demoteksten
   tot twee slanke regels met de goudomrande demo-vermelding als duidelijk slot. CSS-only:
   geen element of tekst verdwijnt; mobiel onaangeroerd. */
@media(min-width:1101px){
 .agenda-panel--calendar .agenda-legend{margin:5px 0 0;white-space:nowrap}
 .agenda-panel--calendar .agenda-availability{margin:3px 0 0;line-height:1.35}
 .agenda-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,340px);column-gap:16px;align-items:center}
 .agenda-stage>*{grid-column:1/-1}
 .agenda-stage .agenda-submit-row{grid-column:1;justify-content:flex-end;margin:9px 0 0}
 .agenda-stage .booking-status{grid-column:2;margin:9px 0 0;text-align:left;font-size:10px}
 .agenda-demo{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;grid-template-areas:"title title" "tabs tabs" "stage stage" "fp link" "notice notice"}
 .agenda-demo>.demo-title{grid-area:title}
 .agenda-demo>.industry-tabs{grid-area:tabs}
 .agenda-demo>.agenda-stage{grid-area:stage}
 .agenda-demo>.fineprint{grid-area:fp;margin:7px 0 0;align-self:center}
 .agenda-demo>.text-link{grid-area:link;margin:7px 0 0;align-self:center;justify-self:end;min-height:0}
 .agenda-demo>.demo-notice{grid-area:notice;margin:6px 0 0;padding:7px 11px;font-size:11px}
}


/* 07h / Groene-lijn-inkorting 2026-09-17 (eigenaar: "maison aveline moet daar stoppen, met
   duidelijke vermelding"). De staart onder de tijdsloten wordt samengevouwen: legenda naast de
   beschikbaarheidstekst, bevestigingsknop en statusregel op een rij, en de losse demoteksten
   tot twee slanke regels met de goudomrande demo-vermelding als duidelijk slot. CSS-only:
   geen element of tekst verdwijnt; mobiel onaangeroerd. */
@media(min-width:1101px){
 .agenda-panel--calendar .agenda-legend{margin:5px 0 0;white-space:nowrap}
 .agenda-panel--calendar .agenda-availability{margin:3px 0 0;line-height:1.35}
 .agenda-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,340px);column-gap:16px;align-items:center}
 .agenda-stage>*{grid-column:1/-1}
 .agenda-stage .agenda-submit-row{grid-column:1;justify-content:flex-end;margin:9px 0 0}
 .agenda-stage .booking-status{grid-column:2;margin:9px 0 0;text-align:left;font-size:10px}
 .agenda-demo{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;grid-template-areas:"title title" "tabs tabs" "stage stage" "fp link" "notice notice"}
 .agenda-demo>.demo-title{grid-area:title}
 .agenda-demo>.industry-tabs{grid-area:tabs}
 .agenda-demo>.agenda-stage{grid-area:stage}
 .agenda-demo>.fineprint{grid-area:fp;margin:7px 0 0;align-self:center}
 .agenda-demo>.text-link{grid-area:link;margin:7px 0 0;align-self:center;justify-self:end;min-height:0}
 .agenda-demo>.demo-notice{grid-area:notice;margin:6px 0 0;padding:7px 11px;font-size:11px}
}


/* 07i / Kaderformaat 2026-09-18 (eigenaar groene kader): structurele samenvoegingen boven de
   leesbaarheidsvloer — titel+tabs op een regel, merkregel inline, tekstvoet als een band,
   beschikbaarheid op een regel geklemd. Alle stappen zichtbaar en bedienbaar; mobiel intact. */
@media(min-width:1101px){
 .agenda-demo{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"title tabs tabs" "stage stage stage" "notice fp link";align-items:center;row-gap:0}
 .agenda-demo>.demo-title{grid-area:title;padding-right:14px}
 .agenda-demo>.demo-title h3{font-size:15px;white-space:nowrap}
 .agenda-demo>.demo-title .demo-label{display:none}
 .agenda-demo>.industry-tabs{grid-area:tabs;justify-self:end;margin-top:0}
 .industry-tabs button{min-height:29px;padding:5px 11px;font-size:9px}
 .agenda-demo>.agenda-stage{grid-area:stage;margin-top:7px;padding:9px 10px 8px}
 .agenda-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:4px}
 .agenda-brandblock{display:flex;align-items:baseline;gap:10px}
 .agenda-brandblock strong{font-size:16px}
 .agenda-brandblock .agenda-plan{font-size:10px}
 .agenda-head>span{font-size:9px;letter-spacing:.1em}
 .agenda-panel--calendar .agenda-availability{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin:3px 0 0}
 .calendar-caption button{min-height:24px}
 .date-grid button{min-height:22px}
 .agenda-demo>.demo-notice{grid-area:notice;margin:7px 0 0;padding:6px 10px;font-size:10px;white-space:nowrap}
 .agenda-demo>.fineprint{grid-area:fp;margin:7px 0 0 12px;font-size:11px;line-height:1.4}
 .agenda-demo>.text-link{grid-area:link;margin:7px 0 0;justify-self:end;align-self:center;font-size:10px;min-height:0}
 .agenda-stage .agenda-submit-row{margin:7px 0 0}
 .agenda-stage .booking-status{margin:7px 0 0}
 .agenda-submit{min-height:40px}
}


/* 07i / Kaderformaat 2026-09-18 (eigenaar groene kader): structurele samenvoegingen boven de
   leesbaarheidsvloer — titel+tabs op een regel, merkregel inline, tekstvoet als een band,
   beschikbaarheid op een regel geklemd. Alle stappen zichtbaar en bedienbaar; mobiel intact. */
@media(min-width:1101px){
 .agenda-demo{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"title tabs tabs" "stage stage stage" "notice fp link";align-items:center;row-gap:0}
 .agenda-demo>.demo-title{grid-area:title;padding-right:14px}
 .agenda-demo>.demo-title h3{font-size:15px;white-space:nowrap}
 .agenda-demo>.demo-title .demo-label{display:none}
 .agenda-demo>.industry-tabs{grid-area:tabs;justify-self:end;margin-top:0}
 .industry-tabs button{min-height:29px;padding:5px 11px;font-size:9px}
 .agenda-demo>.agenda-stage{grid-area:stage;margin-top:7px;padding:9px 10px 8px}
 .agenda-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:4px}
 .agenda-brandblock{display:flex;align-items:baseline;gap:10px}
 .agenda-brandblock strong{font-size:16px}
 .agenda-brandblock .agenda-plan{font-size:10px}
 .agenda-head>span{font-size:9px;letter-spacing:.1em}
 .agenda-panel--calendar .agenda-availability{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin:3px 0 0}
 .calendar-caption button{min-height:24px}
 .date-grid button{min-height:22px}
 .agenda-demo>.demo-notice{grid-area:notice;margin:7px 0 0;padding:6px 10px;font-size:10px;white-space:nowrap}
 .agenda-demo>.fineprint{grid-area:fp;margin:7px 0 0 12px;font-size:11px;line-height:1.4}
 .agenda-demo>.text-link{grid-area:link;margin:7px 0 0;justify-self:end;align-self:center;font-size:10px;min-height:0}
 .agenda-stage .agenda-submit-row{margin:7px 0 0}
 .agenda-stage .booking-status{margin:7px 0 0}
 .agenda-submit{min-height:40px}
}

/* Bewijsrij 2026-09-18: bestaande klantnamen als stille vertrouwensregel direct onder de hero. */
.trust-strip{display:flex;align-items:center;justify-content:center;gap:clamp(18px,3vw,44px);flex-wrap:wrap;padding:22px 6%;background:#020b0e;border-bottom:1px solid var(--gold-hairline-soft)}
.trust-strip .trust-label{font:400 10px var(--sans);letter-spacing:.3em;text-transform:uppercase;color:#cfd6d2}
.trust-strip .trust-names{display:flex;align-items:center;gap:clamp(18px,3vw,44px);flex-wrap:wrap;justify-content:center}
.trust-strip .trust-names span{font:400 clamp(15px,1.25vw,21px)/1 var(--serif);letter-spacing:.14em;text-transform:uppercase;color:#e9d9b7;white-space:nowrap}
.trust-strip .trust-names span+span::before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--gold-line);margin-right:clamp(18px,3vw,44px);vertical-align:middle}
@media(max-width:760px){.trust-strip{padding:16px 16px}.trust-strip .trust-names span{font-size:13px}}
.check-intro{display:flex;flex-direction:column}
.check-trust{margin-top:auto;padding-top:20px;border-top:1px solid var(--gold-hairline-soft)}
.check-trust span{display:block;font:400 9px var(--sans);letter-spacing:.3em;text-transform:uppercase;color:#cfd6d2;margin-bottom:8px}
.check-trust strong{font:400 clamp(13px,1.05vw,17px)/1.6 var(--serif);letter-spacing:.09em;text-transform:uppercase;color:#e9d9b7}

.case-section--detail .case-card .laptop{transform-origin:center bottom}

/* Conceptfilm 2026-09-18: klik-om-af-te-spelen merkmoment op Over ons. */
.brandfilm-section{padding:5vw 0 6vw;background:#020b0e}
.brandfilm{max-width:1080px}
.brandfilm-stage{position:relative;margin:2.2vw 0 0;border:1px solid var(--gold-hairline);border-radius:8px;overflow:hidden;background:#000;box-shadow:0 0 0 5px #06121466,0 24px 50px #000a,inset 0 1px 0 #ffe9b826}
.brandfilm-stage video{display:block;width:100%;aspect-ratio:1112/834;object-fit:cover;background:#000}
.brandfilm-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;border:0;background:linear-gradient(180deg,#020b0e30,#020b0eb8);color:#f6ecd8;cursor:pointer;transition:background .3s}
.brandfilm-play:hover,.brandfilm-play:focus-visible{background:linear-gradient(180deg,#020b0e14,#020b0ea6)}
.brandfilm-play:focus-visible{outline:2px solid var(--gold-line);outline-offset:-6px}
.brandfilm-ring{display:grid;place-items:center;width:84px;height:84px;border:1.5px solid var(--gold-line);border-radius:50%;background:#04101ac9;box-shadow:0 0 24px #e7be7738,inset 0 1px 0 #ffe9b845;transition:transform .35s var(--ease)}
.brandfilm-play:hover .brandfilm-ring{transform:scale(1.07)}
.brandfilm-ring .icon{width:30px;height:30px;color:var(--gold-bright);margin-left:4px}
.brandfilm-cta{font:400 11px var(--sans);letter-spacing:.24em;text-transform:uppercase}
.brandfilm-stage figcaption{position:absolute;left:0;right:0;bottom:0;margin:0;padding:9px 14px;text-align:right;font-size:9px;color:#cdd5d1;background:linear-gradient(0deg,#020b0ecc,transparent);pointer-events:none}
.brandfilm-stage.is-playing figcaption{opacity:0;transition:opacity .4s}
@media(max-width:760px){.brandfilm-ring{width:64px;height:64px}.brandfilm-stage{border-radius:6px}}

/* Finale-omgevingsloop 2026-09-18: lobby-cinemagraph achter de slotsectie; fade zodra hij speelt. */
.finale{position:relative}
.finale-loop{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease}
.finale.has-loop .finale-loop{opacity:1}
.finale.has-loop>.scene{opacity:0;transition:opacity 1.2s ease}

/* Sectie-cinemagraphs 2026-09-18: zelfde laag als de scene, fade zodra de loop speelt. */
.ambient-loop{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s ease}
section.has-loop>.ambient-loop{opacity:1}
.ambient-host{position:relative;isolation:isolate;overflow:hidden}
.ambient-host>.ambient-loop{z-index:-2}
.ambient-host::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#020b0ee6,#020b0e8c 30%,#020b0e8c 70%,#020b0ee6);pointer-events:none}

/* NAX-EINDREVIEW-R2-LOCKUP-20260920 — actual hero identity at the match cut. */
.brand-intro-video{transition:opacity .45s ease}
.brand-intro.is-titled .brand-intro-video{opacity:0}
.brand-intro .brand-intro-title{position:absolute;inset:auto;transform:none;display:block;text-align:center;color:#ecc885;-webkit-text-fill-color:#ecc885;background:none;letter-spacing:normal;white-space:normal}
.brand-intro.is-titled .brand-intro-title{transform:none}
.brand-intro-title>img{display:block;width:100%;height:auto;mix-blend-mode:screen;margin-bottom:-8%}
.brand-intro-title>span{display:block;font-family:var(--serif);font-size:clamp(27px,2.1vw,43px);line-height:1;letter-spacing:.18em;padding-left:.18em;text-transform:uppercase;margin-left:0}
.brand-intro-title small{display:block;font:inherit;font-size:.43em;letter-spacing:.45em;margin-top:12px}