:root{color-scheme:dark;--bg:#080809;--paper:#f8f5ef;--gold:#e4b783;--muted:#a5a3a3;--sans:'DM Sans',Arial,sans-serif;--serif:'Playfair Display',Georgia,serif;--display:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--bg);color:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased}body,button,input,textarea{font-family:var(--sans)}a{color:inherit;text-decoration:none}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #e4b783;outline-offset:4px}.skip{position:fixed;z-index:100;left:10px;top:-60px;padding:12px;background:#fff;color:#000}.skip:focus{top:10px}.top-progress{position:fixed;z-index:52;top:0;left:0;height:2px;width:100%;pointer-events:none}.top-progress span{display:block;height:100%;width:0;background:var(--gold)}
.header{position:fixed;z-index:50;top:0;left:0;right:0;min-height:91px;padding:18px clamp(24px,5.4vw,108px);display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(180deg,rgba(6,6,7,.89),transparent);transition:background .3s}.header.scrolled{background:rgba(9,8,9,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.05)}.brand{display:flex;align-items:center;gap:14px}.brand-monogram{font:500 32px/1 var(--serif);letter-spacing:-.2em;white-space:nowrap;color:var(--gold)}.monogram-dot{font:600 19px/1 var(--sans);letter-spacing:0}.brand-title{display:flex;flex-direction:column;font:700 10px/1.7 var(--display);letter-spacing:.24em}.brand-title small{font:500 8px/2 var(--display);letter-spacing:.24em;color:#9f9a91}.nav{display:flex;align-items:center;gap:clamp(25px,2.7vw,48px)}.nav a{font:600 9px/1.4 var(--display);letter-spacing:.17em;color:#ccc4bc;transition:color .3s}.nav a:hover{color:var(--gold)}.actions{display:flex;gap:20px;align-items:center}.language{display:flex;align-items:center;gap:7px;font:700 10px var(--display);color:#786f66}.language button{border:0;background:none;color:#8c8179;font:700 10px var(--display);padding:8px 0}.language .selected{color:#f8efe6}.contact-btn{border:1px solid rgba(228,183,131,.68);background:rgba(22,16,14,.2);color:var(--gold);border-radius:999px;padding:14px 17px;display:flex;gap:25px;align-items:center;font:700 9px var(--display);letter-spacing:.13em;white-space:nowrap;transition:background .3s}.contact-btn:hover{background:#d9af7f;color:#110d0b}.contact-btn span:last-child{font-size:14px}.menu-toggle{display:none;width:36px;height:38px;border:0;background:none;padding:8px}.menu-toggle span{display:block;height:1px;background:#fff;margin:7px 0;width:100%}.mobile-nav{position:fixed;z-index:49;top:76px;left:0;right:0;background:rgba(10,9,10,.98);padding:22px 28px;box-shadow:0 20px 40px rgba(0,0,0,.4)}.mobile-nav:not([hidden]){display:flex;flex-direction:column}.mobile-nav button{background:none;border:0;color:#f5e5d4;text-align:left;font:500 17px var(--serif);padding:16px 3px;border-bottom:1px solid #282024}
.scroll-story{position:relative;height:410svh;background:#f4f0e9}.pin{height:100svh;min-height:590px;position:sticky;top:0;isolation:isolate;overflow:hidden;--smokiness:.36;--scene:0;--ring-opacity:0;--art-opacity:0;--warm:0;--grid-opacity:0}.scene,.base-gradient,.ambient-1,.ambient-2,.aperture,.rings,.shisha-stage,#smokeCanvas,.lounge-art,.gridlines,.veil,.noise{position:absolute;inset:0;pointer-events:none}.scene{z-index:0;overflow:hidden;background:radial-gradient(ellipse at 60% 45%,#161112,#070709 65%)}.base-gradient{background:radial-gradient(ellipse 40% 65% at 62% 45%,rgba(132,75,37,.26),transparent 73%),radial-gradient(ellipse 58% 80% at 90% 100%,rgba(86,40,32,.1),transparent 75%);transform:scale(calc(1 + var(--scene)*.07))}.ambient-1{background:radial-gradient(circle at 66% 31%,rgba(237,145,64,.2),transparent 34%);filter:blur(50px);opacity:calc(.65 + var(--warm)*.45)}.ambient-2{background:radial-gradient(circle at 30% 80%,rgba(133,54,38,.16),transparent 40%);filter:blur(48px)}.aperture{z-index:1;display:flex;align-items:center;justify-content:center;opacity:calc(.07 + var(--ring-opacity)*.28)}.aperture span{position:absolute;width:min(65vw,760px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(228,188,146,.45);box-shadow:0 0 0 55px rgba(211,173,129,.027),0 0 0 190px rgba(211,173,129,.015)}.aperture span:nth-child(2){width:min(47vw,560px)}.aperture span:nth-child(3){width:min(29vw,350px)}.aperture span:nth-child(4){width:min(11vw,138px)}.rings{z-index:2;opacity:var(--ring-opacity);transform:translate(18vw,8vh) scale(calc(1 + var(--scene)*.04))}.rings i{position:absolute;top:50%;left:50%;width:55vw;max-width:900px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(235,199,144,.43);transform:translate(-50%,-50%)}.rings i:nth-child(2){width:42vw;max-width:700px;border-style:dashed;opacity:.6}.rings i:nth-child(3){width:24vw;max-width:390px;border-color:rgba(255,255,255,.18)}
.shisha-stage{z-index:5;inset:auto;left:53%;top:calc(50% - 255px);width:min(37.5vw,600px);aspect-ratio:2/3;transform:translate3d(var(--prod-x,0px),var(--prod-y,0px),0) scale(var(--prod-s,1.65)) rotate(var(--prod-r,-1deg));transform-origin:48% 15%;will-change:transform;opacity:var(--prod-o,1);filter:drop-shadow(0 25px 55px rgba(0,0,0,.5))}.shisha-stage img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;filter:contrast(1.09) saturate(.87);user-select:none;-webkit-user-drag:none}#smokeCanvas{z-index:7;width:100%;height:100%;mix-blend-mode:screen;filter:blur(1.9px)}.lounge-art{z-index:3;background:url('assets/babylon-art.svg') center/cover no-repeat;opacity:var(--art-opacity);transform:scale(calc(1.21 - var(--art-opacity)*.16));filter:brightness(.64) saturate(.85)}.gridlines{z-index:2;opacity:var(--grid-opacity);background-image:linear-gradient(90deg,transparent 49.95%,rgba(224,189,151,.09) 50%,transparent 50.05%),linear-gradient(transparent 49.9%,rgba(224,189,151,.08) 50%,transparent 50.1%);background-size:12vw 12vw;transform:perspective(650px) rotateX(33deg) scale(1.6)}.veil{z-index:8;background:linear-gradient(90deg,#060607 0%,rgba(6,6,7,.97) 19%,rgba(6,6,7,.71) 37%,rgba(6,6,7,.20) 64%,transparent 88%),linear-gradient(0deg,rgba(6,6,7,.8),transparent 24%,transparent 79%,rgba(6,6,7,.55));opacity:calc(.86 + var(--art-opacity)*.10)}.noise{z-index:9;opacity:.2;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}.graphic{position:absolute;z-index:4;top:27%;right:12%;opacity:0;display:flex;gap:14px;align-items:center;font:600 10px var(--display);letter-spacing:.2em;color:#e4bb85}.graphic-line{display:block;width:92px;height:1px;background:#cfa779}.graphic-flavour{top:32%}.graphic-operations{top:48%}.graphic-reputation{top:27%}.graphic-revenue{top:65%}
.chapter-stage{z-index:12;position:absolute;inset:0;pointer-events:none}.chapter{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translate3d(0,40px,0);filter:blur(10px);pointer-events:none;will-change:opacity,transform,filter}.chapter.is-active{visibility:visible}.chapter-inner{position:absolute;left:clamp(24px,9.2vw,180px);top:50%;transform:translateY(-50%);width:min(690px,47vw)}.kicker{font:700 10px/1.7 var(--display);letter-spacing:.23em;color:var(--gold);margin:0 0 28px;text-transform:uppercase}.kicker:before{content:"";display:inline-block;width:24px;height:1px;background:var(--gold);vertical-align:middle;margin-right:14px}.chapter h1,.chapter h2{font:400 clamp(59px,6.25vw,111px)/1.04 var(--serif);letter-spacing:-.048em;font-weight:400;color:#fbf7f2;margin:0 0 29px;text-wrap:balance;text-shadow:0 2px 20px rgba(0,0,0,.25)}.chapter h1 em,.chapter h2 em{color:var(--gold);font-weight:400}.chapter p{max-width:450px;font:400 clamp(14px,1.08vw,17px)/1.85 var(--sans);color:#bdb8b3;margin:0;text-wrap:pretty}.chapter-cta{margin-top:40px;display:flex;align-items:center;gap:20px;font:700 9px var(--display);letter-spacing:.23em;color:#e3c7a3}.cta-ring{width:39px;height:39px;display:grid;place-items:center;border:1px solid rgba(229,194,142,.6);border-radius:50%;font-size:17px;animation:arrowPulse 2s ease-in-out infinite}.micro-stats{display:flex;gap:24px;flex-wrap:wrap;margin-top:40px}.micro-stats span{font:700 9px/1.8 var(--display);letter-spacing:.12em;color:#e4c7a2;padding-top:10px;border-top:1px solid rgba(227,190,143,.48)}.chapter-number{position:absolute;bottom:110px;left:clamp(24px,9.2vw,180px);display:flex;align-items:baseline;gap:14px;font:400 27px var(--serif);color:#e5ba86}.chapter-number span{font:600 8px var(--display);color:#a89c92;letter-spacing:.2em}.chapter--babylon .chapter-inner,.chapter--method .chapter-inner{width:min(680px,52vw)}.text-link{display:inline-block;margin-top:30px;border-bottom:1px solid #ca9d70;padding:0 0 9px;font:700 10px var(--display);letter-spacing:.12em;color:#ecc093}.text-link:hover{color:#fff;border-color:#fff}.case-note{max-width:440px;margin-top:32px;font:400 10px/1.6 var(--sans);color:#b4a496}.chapter--babylon .chapter-inner{left:clamp(24px,9.2vw,180px)}.chapter--babylon p{max-width:430px}.chapter--method .chapter-inner{width:min(830px,76vw)}.chapter--method h2{font-size:clamp(55px,5.75vw,101px)}.chapter--method p{max-width:520px}.method-track{display:grid;grid-template-columns:repeat(2,minmax(160px,250px));gap:22px 25px;margin-top:32px}.method-track>div{border-top:1px solid rgba(217,178,131,.4);padding-top:10px;display:flex;gap:16px;align-items:center}.method-track b{font:400 23px var(--serif);color:#d4a678}.method-track span{font:700 9px/1.6 var(--display);letter-spacing:.08em;color:#e9dfd1}.chapter--contact .chapter-inner{top:50%;width:calc(100% - clamp(48px,18.4vw,360px));display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:40px 10%;align-items:center}.chapter--contact .kicker,.chapter--contact h2,.chapter--contact p:not(.form-status){grid-column:1;}.chapter--contact .kicker{align-self:end;margin:0 0 -15px}.chapter--contact h2{font-size:clamp(54px,5.3vw,94px);margin-bottom:-15px}.chapter--contact p:not(.form-status){align-self:start;max-width:460px}.inquiry{grid-column:2;grid-row:1/4;position:relative;padding:27px 34px 24px;background:rgba(24,19,20,.69);border:1px solid rgba(228,185,139,.19);backdrop-filter:blur(17px);pointer-events:auto}.form-line{padding:10px 0 12px;border-bottom:1px solid #63514b;margin-bottom:13px}.form-line label{display:block;font:700 9px var(--display);letter-spacing:.15em;color:#d7b18b;margin-bottom:9px}.form-line input,.form-line textarea{display:block;width:100%;border:0;background:transparent;color:#fff;padding:8px 0;outline:0;resize:vertical;font:400 14px var(--sans)}.form-line :is(input,textarea)::placeholder{color:#897d77}.submit{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 18px;background:#d9ad7c;border:0;color:#190f0c;margin-top:24px;font:800 10px var(--display);letter-spacing:.13em}.submit:hover{background:#f1c899}.form-status{font:400 10px/1.6 var(--sans)!important;margin-top:14px!important;color:#aaa09a!important}.numbers-graphic{position:absolute;right:10%;top:72%;width:240px;display:flex;gap:12px;align-items:center;font:700 9px var(--display);color:#cbb18e;letter-spacing:.12em}.numbers-graphic i{flex:1;height:1px;background:#cbb18e}
.position-tag{position:absolute;z-index:13;top:123px;left:clamp(24px,9.2vw,180px);display:flex;align-items:center;gap:12px;color:#a49a91;font:700 9px var(--display);letter-spacing:.19em}.small-cross{color:var(--gold);font:400 16px var(--serif)}.tag-line{width:24px;height:1px;background:#77655a}.side-progress{position:absolute;z-index:22;right:clamp(22px,4vw,80px);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:16px;flex-direction:column}.side-title,.side-end{writing-mode:vertical-rl;font:600 9px var(--display);letter-spacing:.14em;color:#b5a297}.side-end{font-size:8px;color:#776b64}.side-steps{display:flex;flex-direction:column;align-items:center;gap:10px}.side-steps button{width:28px;height:28px;padding:0;border:0;background:none;display:grid;place-items:center}.side-steps button i{display:block;width:3px;height:3px;border-radius:99px;background:#b7a9a1;transition:height .25s,background .25s,width .25s}.side-steps button:hover i,.side-steps button[aria-current="step"] i{height:23px;width:2px;background:var(--gold)}.bottom-overlay{position:absolute;z-index:19;left:clamp(24px,9.2vw,180px);right:clamp(24px,9.2vw,180px);bottom:43px;display:flex;align-items:center;gap:25px}.bottom-progress{display:flex;gap:11px;align-items:center;min-width:230px;font:700 8px var(--display);letter-spacing:.16em;color:#b4a79e}.bottom-progress b{font:400 24px var(--serif);color:var(--gold)}.dash{height:1px;width:19px;background:#bc9071}.bottom-line{flex:1;height:1px;background:#473a34}.bottom-line div{height:1px;width:0;background:#e7c093}.bottom-cue{font:700 9px var(--display);letter-spacing:.14em;color:#d0baa5}.bottom-cue b{font:400 19px var(--serif);color:#e9c497;margin-left:12px}.site-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;padding:22px clamp(24px,5.4vw,108px);font:700 9px var(--display);letter-spacing:.12em;color:#b7a79c;border-top:1px solid #262020;background:#0c0b0b}.site-footer button{background:transparent;border:0;font:700 9px var(--display);color:#d6ae83;letter-spacing:.12em}
@keyframes arrowPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
@media(max-width:1050px){.nav{display:none}.shisha-stage{width:52vw;left:49%}.chapter-inner{width:min(640px,56vw)}.chapter h1,.chapter h2{font-size:clamp(56px,7vw,90px)}.chapter--contact .chapter-inner{width:calc(100% - 100px);gap:40px}.chapter--contact h2{font-size:60px}}
@media(max-width:680px){.header{min-height:77px;padding:12px 22px}.brand-monogram{font-size:26px}.brand-title{font-size:8px}.brand-title small{font-size:7px}.language{gap:5px}.contact-btn{display:none}.menu-toggle{display:block}.scroll-story{height:435svh}.pin{height:100svh;min-height:490px}.position-tag{top:91px;left:24px;font-size:7px;gap:6px;letter-spacing:.1em}.tag-line{width:10px}.position-tag .small-cross{font-size:13px}.chapter-inner{left:24px;top:auto;bottom:162px;transform:none;width:calc(100% - 56px)!important}.chapter h1,.chapter h2{font-size:clamp(45px,11.3vw,70px);margin-bottom:18px;line-height:1.09}.chapter p{font-size:12px;line-height:1.7;max-width:94%}.kicker{font-size:8px;margin-bottom:15px}.kicker:before{width:14px;margin-right:8px}.chapter-cta{margin-top:17px;font-size:8px}.cta-ring{width:31px;height:31px}.micro-stats{margin-top:18px;gap:12px}.micro-stats span{font-size:7px;max-width:150px}.chapter-number{left:24px;bottom:89px;font-size:21px;gap:7px}.chapter-number span{font-size:7px}.side-progress{right:6px;top:43%;gap:5px}.side-title,.side-end{display:none}.side-steps{gap:5px}.side-steps button{width:20px;height:21px}.side-steps button[aria-current="step"] i{height:15px}.bottom-overlay{bottom:26px;left:24px;right:24px;gap:12px}.bottom-progress{min-width:125px;font-size:7px;gap:7px}.bottom-progress b{font-size:19px}.bottom-line{display:none}.bottom-cue{margin-left:auto;font-size:7px;white-space:nowrap}.bottom-cue b{margin-left:5px;font-size:16px}.shisha-stage{width:70vw;left:26%;top:11vh;opacity:calc(var(--prod-o,1) * .77)}.veil{background:linear-gradient(0deg,rgba(5,5,6,.97) 0%,rgba(5,5,6,.94) 23%,rgba(5,5,6,.48) 52%,rgba(5,5,6,.25) 85%,rgba(5,5,6,.38)),linear-gradient(90deg,rgba(5,5,6,.3),transparent 70%);opacity:1}.lounge-art{background-position:60% center}.rings{transform:translate(1vw,-17vh)}.rings i{width:95vw}.rings i:nth-child(2){width:70vw}.rings i:nth-child(3){width:44vw}.aperture span{width:90vw}.aperture span:nth-child(2){width:66vw}.aperture span:nth-child(3){width:44vw}.aperture span:nth-child(4){width:22vw}.chapter--babylon .text-link{margin-top:15px;font-size:8px}.case-note{font-size:9px;margin-top:15px;max-width:85%}.chapter--method .chapter-inner{bottom:132px}.chapter--method h2{font-size:clamp(41px,10vw,62px)}.chapter--method p{font-size:11px}.method-track{grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.method-track>div{gap:6px;padding-top:6px}.method-track b{font-size:17px}.method-track span{font-size:7px}.chapter--contact .chapter-inner{left:24px;right:24px;bottom:83px;top:95px;display:flex;flex-direction:column;align-items:stretch;gap:0;width:calc(100% - 48px)!important}.chapter--contact h2{font-size:clamp(40px,10vw,60px);margin-bottom:9px}.chapter--contact .kicker{margin:0 0 12px}.chapter--contact p:not(.form-status){font-size:11px;line-height:1.5}.inquiry{margin-top:14px;padding:11px 18px 14px;overflow:auto;max-height:min(55vh,455px)}.form-line{padding:4px 0 3px;margin-bottom:5px}.form-line label{font-size:7px;margin-bottom:3px}.form-line input,.form-line textarea{font-size:12px;padding:4px 0}.form-line textarea{min-height:33px}.submit{margin-top:10px;font-size:8px;padding:11px}.form-status{font-size:8px!important;margin-top:7px!important}.chapter--contact .chapter-number{display:none}.numbers-graphic{display:none}.graphic{right:7%;font-size:8px}.graphic-line{width:45px}.site-footer{font-size:7px;padding:17px 24px}}
@media(max-width:370px){.brand-title small{display:none}.chapter h1,.chapter h2{font-size:43px}.chapter--contact h2{font-size:39px}.position-tag{font-size:6px}.chapter-inner{bottom:145px}.chapter-number{bottom:80px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-story{height:auto}.pin{height:auto;position:relative;min-height:0;overflow:visible}.scene,.position-tag,.side-progress,.bottom-overlay{display:none}.chapter-stage{position:relative}.chapter{position:relative;opacity:1!important;visibility:visible!important;transform:none!important;filter:none!important;min-height:88svh;padding:125px 24px 60px;pointer-events:auto!important;background:radial-gradient(ellipse at 90% 25%,#392318,#0a0909 69%)}.chapter:nth-child(even){background:radial-gradient(ellipse at 90% 25%,#291618,#0a0909 69%)}.chapter-inner{position:relative;inset:auto!important;transform:none;width:min(770px,100%)!important;margin:auto}.chapter-number{position:relative;inset:auto;margin-top:35px}.chapter--contact .chapter-inner{display:block}.inquiry{margin-top:30px}.chapter-cta .cta-ring{animation:none}}
/* Blend the black studio backdrop into the scene, rather than showing a rectangular photo edge. */
.shisha-stage{mix-blend-mode:screen;filter:none}
.shisha-stage img{mix-blend-mode:normal}
@media(max-width:680px){.chapter--contact .chapter-inner{top:139px;bottom:70px}}

/* V3: Return to the immersive cinematic stage. No opaque ivory panels. */
:root{color-scheme:dark;--bg:#101011;--paper:#faf3ea;--gold:#e5b888;--muted:#c3b4a6}
body,.scroll-story{background:#101011;color:var(--paper)}
.scene{background:radial-gradient(ellipse 65% 80% at 74% 43%,#38251d 0%,#1c1616 45%,#111113 77%,#101012 100%)}
.base-gradient{background:radial-gradient(ellipse 40% 63% at 73% 43%,rgba(219,141,78,.25),transparent 75%),radial-gradient(ellipse 55% 73% at 89% 95%,rgba(102,70,54,.11),transparent 75%)}
.ambient-1{background:radial-gradient(circle at 78% 38%,rgba(229,148,83,.25),transparent 43%)}
.ambient-2{background:radial-gradient(circle at 18% 70%,rgba(162,97,60,.12),transparent 48%)}
/* The veil shades text without painting over the photographic stage. */
.veil{background:linear-gradient(90deg,rgba(15,15,16,.96) 0%,rgba(15,15,16,.91) 18%,rgba(18,17,17,.74) 34%,rgba(18,17,17,.26) 51%,transparent 70%),linear-gradient(0deg,rgba(10,10,11,.55),transparent 22%,transparent 79%,rgba(10,10,11,.30));opacity:.90}
#smokeCanvas{z-index:10;mix-blend-mode:screen;filter:blur(1.15px);opacity:1}
.shisha-stage img{filter:contrast(1.13) saturate(1.06) brightness(1.05);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.86) 2%,#000 7%,#000 91%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.86) 2%,#000 7%,#000 91%,transparent 100%)}
.header{background:linear-gradient(180deg,rgba(13,13,14,.90),rgba(13,13,14,.20) 85%,transparent)}
.header.scrolled{background:rgba(16,15,15,.88);border-bottom:1px solid rgba(230,184,134,.11)}
.chapter h1,.chapter h2{color:#faf4eb;text-shadow:0 4px 28px rgba(0,0,0,.25)}
.chapter h1 em,.chapter h2 em{color:#e2b283}
.chapter p{color:#d5cbc0}
.inquiry{background:rgba(25,22,21,.78);border-color:rgba(231,190,149,.23)}
.site-footer{background:#121112;border-top:1px solid rgba(231,190,149,.17)}
.footer-link{color:#d8b083;border-bottom:1px solid rgba(216,176,131,.45);padding:6px 0;font-size:9px;transition:color .2s}
.footer-link:hover{color:#fff}
@media(max-width:680px){
 .scene{background:radial-gradient(ellipse 95% 58% at 54% 28%,#503424 0%,#251b19 49%,#111113 100%)}
 .veil{background:linear-gradient(0deg,rgba(13,13,14,.98) 0%,rgba(13,13,14,.96) 19%,rgba(15,14,15,.78) 41%,rgba(16,14,14,.15) 69%,rgba(10,10,11,.22) 100%);opacity:1}
 .shisha-stage{top:12vh;opacity:calc(var(--prod-o,1) * .90)}
 #smokeCanvas{filter:blur(.75px);opacity:1}
 .footer-link{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.chapter{background:radial-gradient(ellipse at 90% 30%,#41281d,#101012 73%)!important}.chapter:nth-child(even){background:radial-gradient(ellipse at 90% 30%,#2f2220,#101012 73%)!important}}
/* ─────────────────────────────────────────────────────────────────────────────
   V4 / CHAPTER VISUALS · The hero is a beginning, not the whole narrative.
   All story visuals are distinct, framed as strategic lenses instead of claims.
───────────────────────────────────────────────────────────────────────────── */
.scroll-story{height:510svh}
.scene{background:radial-gradient(ellipse 70% 84% at 74% 43%,#38271e 0%,#1c1616 48%,#111113 79%,#0d0e10 100%)}
.scene::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 43% 45% at 75% 38%,rgba(180,111,71,.14),transparent 78%);z-index:0;opacity:calc(.45 + var(--guest-glow,0)*.3)}
.shisha-stage{transition:filter .3s ease;backface-visibility:hidden}
.visual-stories{z-index:11;position:absolute;inset:0;pointer-events:none;isolation:isolate}
.visual-scene{--local-progress:0;--visual-shift:0px;position:absolute;top:50%;right:clamp(78px,9.5vw,180px);height:min(570px,67vh);width:min(595px,42.7vw);transform:translate3d(0,45px,0) scale(.95);transform-origin:center center;opacity:0;visibility:hidden;will-change:opacity,transform;contain:paint;isolation:isolate}
.scene-index{position:absolute;top:14px;left:18px;font:700 9px/1.5 var(--display);letter-spacing:.19em;color:#e2b88a;z-index:6}
.visual-stories .visual-scene--taste{width:min(510px,36vw);height:min(520px,60vh);top:52%;}
.frame-accent{position:absolute;inset:18px 2px 23px 30px;border-radius:50%;border:1px solid rgba(229,185,139,.31);box-shadow:0 0 0 28px rgba(190,140,96,.025),0 0 0 63px rgba(190,140,96,.015);transform:rotate(12deg)}
.taste-disc{position:absolute;right:6%;top:8%;width:80%;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 15px 105px rgba(0,0,0,.28);border:1px solid rgba(212,177,137,.3);transform:translateY(calc(var(--visual-shift)*-.27))}
.taste-disc img{width:100%;height:100%;object-fit:cover;object-position:50% 21%;filter:contrast(1.1) saturate(.86) brightness(.81);transform:scale(calc(1.13 + var(--local-progress)*.045));}
.taste-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 23%,rgba(11,10,10,.3) 55%,rgba(12,12,13,.89) 94%),linear-gradient(0deg,rgba(5,5,7,.40),transparent 45%)}
.taste-caption{position:absolute;left:2%;bottom:4%;display:flex;flex-direction:column;align-items:flex-start;gap:12px;color:#dcc09d;text-shadow:0 4px 32px #0e0d0e;z-index:2}.taste-caption>span:nth-child(2){font:700 9px var(--display);letter-spacing:.25em}.taste-large{font:400 clamp(26px,2.4vw,41px)/1.1 var(--serif);white-space:pre-line;color:#fff4e7}.fine-rule{height:1px;width:74px;background:#e5ba86}
.taste-satellite{position:absolute;width:9px;height:9px;border-radius:50%;background:#dfb07c;box-shadow:0 0 0 9px rgba(219,160,109,.07),0 0 28px #b97339}.satellite-a{right:0;top:25%}.satellite-b{left:11%;top:20%;width:4px;height:4px}
/* Back-of-house operational flow / deliberately qualitative */
.visual-scene--operations{height:min(480px,61vh);top:50%;padding:34px 38px 26px;border-radius:3px;background:linear-gradient(125deg,rgba(50,35,29,.92),rgba(23,22,22,.89) 50%,rgba(15,18,21,.93));border:1px solid rgba(223,183,139,.25);box-shadow:0 40px 100px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.045)}
.visual-scene--operations::before{content:"";position:absolute;right:-80px;top:-100px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,rgba(237,176,113,.18),transparent 67%);pointer-events:none}
.visual-top,.visual-footer{display:flex;justify-content:space-between;align-items:center;gap:15px}.visual-top .overline,.visual-footer>span{font:700 9px/1.5 var(--display);letter-spacing:.15em;color:#bcaa98}.visual-top-mark{font:400 24px var(--serif);color:#dfb083}.operations-engine{position:relative;margin-top:35px;margin-bottom:31px}.operations-rail{position:absolute;left:17px;top:12px;bottom:19px;width:1px;background:linear-gradient(#8f6247,#e0b280,#604635);overflow:hidden}.operations-rail:before{content:"";position:absolute;width:1px;height:44%;top:-44%;left:0;background:#fff2d5;box-shadow:0 0 12px #e7ae78;animation:serviceFlow 4s linear infinite}.operations-row{display:flex;align-items:center;gap:15px;padding:15px 0;position:relative;z-index:1;border-bottom:1px solid rgba(231,184,134,.10)}.operations-row>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid #836048;border-radius:50%;font:600 10px var(--display);color:#deb887;background:#261d1b}.operations-row b{font:600 clamp(11px,1.05vw,15px) var(--display);letter-spacing:.13em;color:#f7ead8;white-space:nowrap}.operations-row i{height:1px;flex:1;background:linear-gradient(90deg,rgba(225,181,137,.28),transparent)}.operations-row em{font:700 8px var(--display);letter-spacing:.09em;color:#a89684;min-width:49px;text-align:right;font-style:normal}.visual-footer{border-top:1px solid rgba(231,184,134,.15);padding-top:19px}.visual-footer>span{max-width:210px;font-size:8px}.signal-wave{display:flex;gap:5px;height:22px;align-items:center}.signal-wave i{width:3px;height:7px;border-radius:2px;background:#cc9568;animation:meter 1.4s ease-in-out infinite}.signal-wave i:nth-child(2n){animation-delay:.2s}.signal-wave i:nth-child(3n){animation-delay:.4s}
/* Guest-first perspective: environmental image + assessment framework */
.visual-scene--guest{width:min(670px,48vw);height:min(595px,71vh);top:51%;right:clamp(64px,7vw,135px)}.guest-photo{position:absolute;inset:0 0 16%;overflow:hidden;border:1px solid rgba(213,181,146,.18);box-shadow:0 40px 110px rgba(0,0,0,.26)}.guest-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.10) brightness(.76);transform:scale(calc(1.05 + var(--local-progress)*.06)) translateY(calc(var(--visual-shift)*-.1))}.photo-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,10,11,.95),transparent 53%),linear-gradient(90deg,rgba(14,13,13,.32),transparent 69%)}.visual-scene--guest .scene-index{top:20px;left:24px}.guest-evaluation{position:absolute;bottom:1%;left:8%;right:5%;padding:20px 22px;background:linear-gradient(130deg,rgba(34,29,27,.96),rgba(23,23,24,.95));border:1px solid rgba(217,176,133,.33);box-shadow:0 28px 68px rgba(0,0,0,.38);backdrop-filter:blur(7px)}.evaluation-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;font:700 10px var(--display);letter-spacing:.17em;color:#eed1ad}.starburst{font-size:26px;color:#d69d68}.evaluation-line{display:flex;align-items:center;gap:12px;border-top:1px solid rgba(225,189,143,.13);padding:9px 0;color:#dad0c4;font:600 9px var(--display);letter-spacing:.10em}.evaluation-line>b{flex:1;height:1px;background:linear-gradient(90deg,rgba(225,189,143,.5),rgba(225,189,143,.04))}.evaluation-line span:last-child{font:400 16px var(--serif);color:#e4b787}.guest-evaluation small{display:block;margin-top:6px;font:500 7px var(--display);letter-spacing:.12em;color:#927e70}
/* The opportunity map carries no fictitious performance claims */
.visual-scene--growth{width:min(650px,46vw);top:51%;height:min(590px,70vh)}.growth-orbit{width:70%;aspect-ratio:1;position:absolute;top:16%;left:17%;transform:translateY(calc(var(--visual-shift)*-.13)) rotate(calc(var(--local-progress)*4deg))}.orbit{border:1px solid rgba(214,174,134,.25);border-radius:50%;position:absolute;inset:0}.orbit-2{inset:11%;border-style:dashed;opacity:.8}.orbit-3{inset:24%;border-color:rgba(236,185,127,.46);box-shadow:0 0 60px rgba(194,130,77,.07)}.growth-orbit:before,.growth-orbit:after{content:"";position:absolute;inset:-12%;border-radius:50%;border:1px solid rgba(216,164,111,.09)}.growth-orbit:after{inset:6%;border-color:rgba(216,164,111,.12)}.growth-core{position:absolute;inset:25%;border-radius:50%;background:radial-gradient(circle at 35% 23%,#4e3426,#221c1b 60%,#171516);display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px solid rgba(231,179,130,.23);text-align:center;box-shadow:0 0 70px rgba(203,148,98,.12),inset 0 0 50px rgba(247,195,139,.04)}.growth-core>span{font:700 8px var(--display);letter-spacing:.12em;color:#cba57d}.growth-core strong{font:400 clamp(18px,2.1vw,32px)/1.15 var(--serif);white-space:pre-line;color:#f8dfbb;margin:11px 0 3px}.core-glyph{font:400 22px var(--serif);color:#efb97c}.orbit-node{position:absolute;width:11px;height:11px;background:#edbd86;border-radius:50%;box-shadow:0 0 0 11px rgba(207,150,87,.1),0 0 28px rgba(232,170,105,.65)}.node-a{top:7%;left:26%}.node-b{top:49%;right:-1%}.node-c{bottom:7%;left:19%}.growth-label{position:absolute;display:flex;gap:9px;align-items:center;border-bottom:1px solid rgba(223,173,126,.28);padding-bottom:8px;color:#f3e6d6;text-shadow:0 2px 9px #181516}.growth-label span{font:400 21px var(--serif);color:#ddaa76}.growth-label b{font:600 9px var(--display);letter-spacing:.13em}.growth-label.label-a{left:0;top:19%}.growth-label.label-b{right:0;top:27%}.growth-label.label-c{right:0;bottom:19%}.growth-label.label-d{left:0;bottom:21%}.illustrative-note{position:absolute;bottom:0;left:15%;font:500 8px var(--display);letter-spacing:.13em;color:#927f70}
/* Babylon venue illustration becomes a proper full-bleed story image */
.visual-scene--babylon{width:min(750px,56vw);height:min(610px,72vh);top:50%;right:clamp(30px,5.7vw,110px)}.babylon-image{position:absolute;inset:3% 0 4% 2%;overflow:hidden;border:1px solid rgba(229,177,124,.28);box-shadow:0 25px 100px rgba(0,0,0,.3)}.babylon-image img{width:100%;height:100%;object-fit:cover;filter:contrast(1.04) saturate(.88) brightness(.87);transform:scale(calc(1.09 + var(--local-progress)*.07)) translateX(calc(var(--visual-shift)*-.13))}.babylon-image-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,8,10,.86),transparent 53%),linear-gradient(90deg,rgba(8,8,10,.28),transparent 85%)}.babylon-plaque{position:absolute;bottom:9%;left:9%;display:flex;flex-direction:column;gap:8px;text-shadow:0 3px 16px #100a0a}.babylon-plaque>span{font:600 8px var(--display);color:#ecc399;letter-spacing:.2em}.babylon-plaque strong{font:400 clamp(40px,5.4vw,87px)/1 var(--serif);letter-spacing:-.045em;color:#fff0dc}.venue-graphic{position:absolute;top:3%;right:3%;font:400 72px var(--serif);color:rgba(243,203,161,.16)}.venue-graphic sup{font:400 25px var(--serif)}
/* Consulting methodology: clearly business-focused, still dramatic */
.visual-scene--method{top:50%;height:min(590px,69vh);width:min(585px,42vw);padding:36px 22px 34px 32px;background:radial-gradient(ellipse at 70% 20%,rgba(107,69,45,.23),transparent 65%),linear-gradient(90deg,rgba(16,17,19,.12),rgba(39,29,25,.60));border-left:1px solid rgba(236,187,139,.14)}
.visual-scene--method .scene-index{position:relative;top:auto;left:auto}.method-visual-pipe{position:relative;display:flex;flex-direction:column;gap:6px;margin-top:38px}.pipe-stem{position:absolute;top:20px;bottom:24px;left:25px;width:1px;background:linear-gradient(0deg,#b18b68,#eee0bd,#a06e4d);opacity:.6}.pipe-stem:after{content:"";height:23%;width:2px;position:absolute;left:0;top:0;background:#fff3cd;animation:serviceFlow 5s linear infinite;box-shadow:0 0 16px #c98d55}.pipe-step{display:flex;gap:21px;align-items:center;position:relative;z-index:1;padding:12px 10px}.pipe-step>b{display:grid;place-items:center;flex:none;width:52px;height:52px;background:#2d231f;border:1px solid rgba(223,169,112,.6);border-radius:50%;font:400 22px var(--serif);color:#e1b180}.pipe-step>div{display:flex;flex-direction:column;gap:7px;flex:1}.pipe-step strong{font:600 clamp(10px,1vw,13px)/1.3 var(--display);letter-spacing:.09em;color:#f6e2ca}.pipe-step span{font:400 11px/1.35 var(--sans);color:#b8a89a}.pipe-step i{font:400 20px var(--serif);color:#b18a6c;font-style:normal}.method-loop{margin:24px 0 0 85px;display:flex;align-items:center;gap:22px;font:700 8px var(--display);letter-spacing:.19em;color:#d7b08d}.method-loop span:nth-child(2){font:400 25px var(--serif);color:#dfb887;animation:slowRotate 12s linear infinite}
/* Quiet return to the signature at inquiry */
.visual-scene--contact{width:min(490px,38vw);height:min(480px,58vh);top:50%;display:grid;place-items:center}.last-emblem{display:grid;place-items:center;width:100%;height:100%;text-align:center}.last-emblem>span{font:400 clamp(110px,14vw,215px)/1 var(--serif);color:rgba(222,165,115,.19);letter-spacing:-.18em;transform:translateX(-.06em)}.last-emblem .monogram-dot{font-size:.25em}.last-emblem-ring{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(225,172,124,.25);box-shadow:0 0 0 50px rgba(217,167,116,.025),inset 0 0 80px rgba(168,103,58,.07);animation:slowRotate 20s linear infinite}.last-emblem p{position:absolute;bottom:3%;font:700 10px/1.7 var(--display);letter-spacing:.18em;color:#d9b28b}
@keyframes meter{0%,100%{height:6px;opacity:.5}50%{height:23px;opacity:1}}@keyframes serviceFlow{0%{transform:translateY(0)}100%{transform:translateY(500%)}}@keyframes slowRotate{to{transform:rotate(360deg)}}
/* chapter tune-up: preserve ample room for text; gold used as an accent, never an opaque white card */
.chapter--reputation h2,.chapter--method h2{font-size:clamp(54px,5.8vw,99px)}
.chapter--reputation .chapter-inner,.chapter--revenue .chapter-inner{width:min(600px,44vw)}
.chapter--method .chapter-inner{width:min(590px,43vw)}
.chapter--method .chapter-inner p{max-width:430px}
.chapter--method .micro-stats{margin-top:36px}
.chapter--babylon .chapter-inner{width:min(530px,41vw)}
.chapter--babylon h2{font-size:clamp(60px,6.1vw,105px)}
@media (max-width:1160px) and (min-width:681px){
 .visual-scene{width:43vw;right:65px}.visual-scene--guest{width:45vw;right:55px}.visual-scene--babylon{width:50vw;right:35px}.visual-scene--method{width:43vw;right:48px}
 .operations-row{gap:9px}.visual-scene--operations{padding:25px 20px}.operations-row b{font-size:10px}.operations-row em{font-size:7px}
 .chapter-inner{left:6vw}.chapter h1,.chapter h2{font-size:clamp(49px,5.7vw,79px)}
 .chapter--reputation .chapter-inner,.chapter--revenue .chapter-inner,.chapter--babylon .chapter-inner,.chapter--method .chapter-inner{width:46vw}
}
@media(max-width:680px){
 .scroll-story{height:540svh}
 .visual-stories{z-index:10}
 .visual-scene,.visual-stories .visual-scene--taste,.visual-scene--guest,.visual-scene--growth,.visual-scene--babylon,.visual-scene--method,.visual-scene--contact{right:9%;left:9%;top:13%;width:82%;height:33%;min-height:230px;max-height:290px}
 .visual-stories .visual-scene--taste{top:13%;width:76%;left:14%;right:10%;height:35%}.taste-disc{width:77%;top:0;right:9%}.taste-caption{bottom:-1%;left:0}.taste-large{font-size:29px}.frame-accent{inset:4px 9px 35px 3px}.taste-satellite{transform:scale(.6)}
 .visual-scene--operations{top:13%;height:34%;min-height:232px;padding:15px 17px}.operations-engine{margin-top:14px;margin-bottom:7px}.operations-row{gap:9px;padding:8px 0}.operations-row>span{width:24px;height:24px;font-size:8px}.operations-rail{left:12px;top:7px;bottom:12px}.operations-row b{font-size:9px}.operations-row em{font-size:7px;min-width:31px}.visual-top .overline{font-size:7px}.visual-top-mark{font-size:16px}.visual-footer{padding-top:9px}.visual-footer>span{font-size:7px}.signal-wave{gap:3px}
 .visual-scene--guest{top:11%;height:36%;min-height:250px}.guest-photo{inset:0 0 9%}.visual-scene--guest .scene-index{top:10px;left:13px;font-size:7px}.guest-evaluation{left:4%;right:0;padding:9px 12px}.evaluation-head{font-size:7px;margin-bottom:3px}.starburst{font-size:16px}.evaluation-line{font-size:7px;padding:4px 0;gap:7px}.evaluation-line span:last-child{font-size:11px}.guest-evaluation small{font-size:6px;letter-spacing:.06em;margin-top:1px}
 .visual-scene--growth{top:10%;height:36%;min-height:270px}.growth-orbit{width:68%;top:11%;left:16%}.growth-core strong{font-size:15px}.growth-core>span{font-size:6px}.core-glyph{font-size:16px}.growth-label{gap:5px;padding-bottom:3px}.growth-label span{font-size:13px}.growth-label b{font-size:6px}.growth-label.label-a{top:20%;left:0}.growth-label.label-b{top:29%;right:0}.growth-label.label-c{bottom:23%;right:0}.growth-label.label-d{bottom:27%;left:0}.illustrative-note{font-size:6px;left:5%;bottom:1%}.visual-scene--growth .scene-index{top:3px;left:0}
 .visual-scene--babylon{top:14%;height:34%;min-height:245px;left:7%;right:5%;width:88%}.babylon-image{inset:0 0 0 0}.babylon-plaque{bottom:9%;left:9%;gap:2px}.babylon-plaque strong{font-size:45px}.babylon-plaque>span{font-size:6px}.venue-graphic{font-size:40px}
 .visual-scene--method{left:6%;right:5%;width:89%;top:11%;height:36%;min-height:265px;padding:16px 8px 10px 12px}.visual-scene--method .scene-index{font-size:7px}.method-visual-pipe{margin-top:11px;gap:0}.pipe-step{gap:9px;padding:5px}.pipe-step>b{width:30px;height:30px;font-size:12px}.pipe-stem{left:19px;top:15px;bottom:14px}.pipe-step>div{gap:3px}.pipe-step strong{font-size:8px}.pipe-step span{font-size:8px}.pipe-step i{font-size:13px}.method-loop{margin:9px 0 0 45px;font-size:7px}.method-loop span:nth-child(2){font-size:17px}
 .visual-scene--contact{top:12%;height:32%;min-height:225px}.last-emblem>span{font-size:100px}.last-emblem p{font-size:7px;bottom:-3%}.last-emblem-ring{width:66%}
 .chapter--reputation .chapter-inner,.chapter--revenue .chapter-inner,.chapter--babylon .chapter-inner,.chapter--method .chapter-inner{width:calc(100% - 56px)!important}
 .chapter--reputation h2,.chapter--method h2,.chapter--babylon h2{font-size:clamp(43px,10.6vw,59px)}
 .chapter--method .micro-stats{margin-top:14px}.chapter--method .chapter-inner{bottom:155px}
 .chapter--babylon p{max-width:90%}
 .scene{background:radial-gradient(ellipse at 59% 23%,#442e24,#1e191a 59%,#101012 100%)}
 /* Product fades into a silhouette so new visuals are clearly distinct and legible. */
 .shisha-stage{filter:brightness(.87)}
}
@media(max-width:380px){.visual-scene--method{min-height:250px}.chapter--reputation h2,.chapter--method h2{font-size:40px}.guest-evaluation small{display:none}}
@media(prefers-reduced-motion:reduce){.visual-stories{display:none}.visual-scene{transform:none!important}.scene{display:none}.scroll-story{height:auto}.pin{height:auto}.chapter--method .method-track{display:none}}


/* V5 chart-focused visual scenes */
.visual-scene--roi,.visual-scene--satisfaction,.visual-scene--speed{width:min(610px,44vw);height:min(540px,63vh);right:clamp(58px,8vw,150px);top:51%}
.metric-board{position:relative;height:100%;padding:30px 30px 24px;border:1px solid rgba(228,185,139,.22);background:linear-gradient(180deg,rgba(24,18,19,.88),rgba(13,11,13,.82));backdrop-filter:blur(20px);box-shadow:0 35px 100px rgba(0,0,0,.34);overflow:hidden}
.metric-board:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 14%,rgba(228,183,131,.15),transparent 28%),radial-gradient(circle at 12% 100%,rgba(167,83,50,.10),transparent 30%);pointer-events:none}
.board-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;position:relative;z-index:2}
.board-head small{display:block;font:700 9px/1.4 var(--display);letter-spacing:.18em;color:#d8a976;margin-bottom:10px}
.board-head h3{margin:0;font:400 clamp(30px,2.6vw,40px)/1.05 var(--serif);color:#fbf7f2;letter-spacing:-.04em}
.mini-pill{border:1px solid rgba(228,185,139,.36);color:#e7bb89;padding:10px 12px;border-radius:999px;font:700 9px var(--display);letter-spacing:.16em}
.roi-graph{position:relative;height:230px;margin:30px 0 18px;border-left:1px solid rgba(226,189,143,.16);border-bottom:1px solid rgba(226,189,143,.16)}
.roi-grid{position:absolute;inset:0;background-image:linear-gradient(to top,rgba(226,189,143,.08) 1px,transparent 1px),linear-gradient(to right,rgba(226,189,143,.06) 1px,transparent 1px);background-size:100% 25%,25% 100%}
.roi-line{position:absolute;left:7%;bottom:18%;width:86%;height:2px;background:transparent;transform-origin:left center}
.roi-line:before{content:"";position:absolute;inset:0;border-top:2px solid rgba(164,145,133,.45);transform:skewY(-13deg) translateY(8px)}
.roi-line--lift:before{border-top:3px solid #e4b783;box-shadow:0 0 18px rgba(228,183,131,.28);transform:skewY(-26deg) translateY(-14px)}
.roi-dot{position:absolute;width:11px;height:11px;border-radius:50%;background:#e4b783;box-shadow:0 0 0 7px rgba(228,183,131,.12)}
.dot-a{left:25%;bottom:38%}.dot-b{left:54%;bottom:53%}.dot-c{left:81%;bottom:73%}
.roi-axis{position:absolute;left:0;right:0;bottom:-28px;display:flex;justify-content:space-between;font:700 8px var(--display);letter-spacing:.12em;color:#aa9d95}
.metric-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px;position:relative;z-index:2}
.metric-chip{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:160px;flex:1;padding:13px 14px;border:1px solid rgba(228,185,139,.14);background:rgba(255,255,255,.02)}
.metric-chip b{font:700 9px/1.5 var(--display);letter-spacing:.14em;color:#f2e3d1}
.metric-chip span{color:#e4b783}
.illustrative-note{display:block;margin-top:14px;font:400 10px/1.6 var(--sans);color:#aa9d95;position:relative;z-index:2}
.sat-layout{display:grid;grid-template-columns:190px 1fr;gap:24px;align-items:center;margin-top:28px;position:relative;z-index:2}
.sat-gauge{width:190px;height:190px;border-radius:50%;background:conic-gradient(#e4b783 0 74%, rgba(255,255,255,.08) 74% 85%, rgba(255,255,255,.03) 85% 100%);display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(228,185,139,.25)}
.sat-gauge-inner{width:122px;height:122px;border-radius:50%;background:#161113;display:grid;place-items:center;border:1px solid rgba(228,185,139,.2);text-align:center}
.sat-gauge-inner span{font:700 11px/1.5 var(--display);letter-spacing:.14em;color:#f0dcc5;text-transform:uppercase}
.sat-bars{display:flex;flex-direction:column;gap:16px}
.sat-bar label,.speed-track label{display:block;margin-bottom:6px;font:700 9px var(--display);letter-spacing:.14em;color:#d9c2a6}
.sat-bar i,.speed-track i{display:block;height:10px;background:rgba(255,255,255,.06);position:relative}
.sat-bar i span,.speed-track i span{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#8a5a3e,#e4b783)}
.speed-hero{display:grid;grid-template-columns:210px 1fr;gap:22px;align-items:center;margin:24px 0 20px;position:relative;z-index:2}
.speed-ring{width:210px;height:210px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%, rgba(228,183,131,.24), rgba(228,183,131,.02) 52%, transparent 53%),conic-gradient(from -80deg,#e4b783 0 68%, rgba(255,255,255,.08) 68% 100%);box-shadow:inset 0 0 0 1px rgba(228,185,139,.22)}
.speed-ring-core{width:132px;height:132px;border-radius:50%;background:#151113;border:1px solid rgba(228,185,139,.18);display:grid;place-items:center;text-align:center}
.speed-ring-core span{font:700 11px/1.55 var(--display);letter-spacing:.16em;color:#f1e1cd;text-transform:uppercase}
.speed-list{display:flex;flex-direction:column;gap:14px}
.speed-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border:1px solid rgba(228,185,139,.14);background:rgba(255,255,255,.02)}
.speed-item b{font:700 9px/1.4 var(--display);letter-spacing:.14em;color:#f2e3d1}.speed-item span{color:#e4b783;font:400 24px var(--serif)}
.speed-tracks{display:flex;flex-direction:column;gap:14px;position:relative;z-index:2}
@media(max-width:1050px){.visual-scene--roi,.visual-scene--satisfaction,.visual-scene--speed{width:min(540px,42vw)}}
@media(max-width:680px){.visual-scene--roi,.visual-scene--satisfaction,.visual-scene--speed{left:24px;right:24px;width:auto;height:min(275px,31vh);top:15vh;transform-origin:center top}.metric-board{padding:16px 16px 14px}.board-head small{font-size:7px;margin-bottom:6px}.board-head h3{font-size:23px}.mini-pill{font-size:7px;padding:7px 9px}.roi-graph{height:92px;margin:14px 0 10px}.metric-row{margin-top:18px;gap:8px}.metric-chip{min-width:0;padding:8px 10px}.metric-chip b{font-size:7px}.illustrative-note{font-size:8px;line-height:1.4;margin-top:8px}.sat-layout{grid-template-columns:78px 1fr;gap:12px;margin-top:14px}.sat-gauge{width:78px;height:78px}.sat-gauge-inner{width:51px;height:51px}.sat-gauge-inner span{font-size:6px;letter-spacing:.08em;line-height:1.25}.sat-bars{gap:8px}.sat-bar label,.speed-track label{font-size:7px;margin-bottom:3px}.sat-bar i,.speed-track i{height:7px}.speed-hero{grid-template-columns:86px 1fr;gap:11px;margin:14px 0 10px}.speed-ring{width:86px;height:86px}.speed-ring-core{width:55px;height:55px}.speed-ring-core span{font-size:6px;letter-spacing:.08em;line-height:1.25}.speed-list{gap:7px}.speed-item{padding:7px 9px}.speed-item b{font-size:7px}.speed-item span{font-size:15px}.speed-tracks{gap:8px}}

/* V6: Always-transparent navigation and a true downward image-pan. */
.header,.header.scrolled{background:transparent!important;border-bottom:0!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
.header .brand,.header .nav,.header .actions{text-shadow:0 1px 10px rgba(0,0,0,.45)}
/* Motion is controlled through translation on scroll; no opacity/background flash. */
.shisha-stage{transition:none!important}

/* Keep the consulting charts entirely in the viewport on desktop. */
@media(min-width:681px){.visual-scene--roi,.visual-scene--satisfaction,.visual-scene--speed{top:calc(50% - min(270px,31.5vh))}}
/* The chart's own heading is sufficient; avoid tiny labels over the chart. */
.visual-scene--roi>.scene-index,.visual-scene--satisfaction>.scene-index,.visual-scene--speed>.scene-index{display:none}
.chapter--revenue .numbers-graphic{display:none}


.metric-row{align-items:stretch}
.metric-chip{min-height:58px}
.sat-bars{gap:14px}
.speed-list,.speed-tracks{gap:12px}
.case-note{max-width:470px}
@media(max-width:680px){.metric-chip{min-height:auto}.sat-bars{gap:8px}.speed-list,.speed-tracks{gap:7px}}

/* ----- V8: readable pinned chapters and editorial portfolio ----- */
:root{--v8-gold:#e4b783}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{overflow-x:hidden}
.header .contact-btn{display:flex}
.mobile-nav a{display:block;background:none;border:0;border-bottom:1px solid #282024;color:#f5e5d4;text-align:left;font:500 17px var(--serif);padding:16px 3px}
.chapter--operations .chapter-inner,.chapter--reputation .chapter-inner,.chapter--revenue .chapter-inner,.chapter--babylon .chapter-inner{width:min(470px,36vw)!important;left:clamp(36px,7vw,118px);top:49%}
.chapter--operations h2,.chapter--reputation h2,.chapter--revenue h2,.chapter--babylon h2{font-size:clamp(44px,4.15vw,67px)!important;line-height:1.08;margin-bottom:20px;letter-spacing:-.045em}
.chapter--operations p,.chapter--reputation p,.chapter--revenue p,.chapter--babylon p{font-size:clamp(13px,1vw,15px);line-height:1.72;max-width:440px}
.chapter--operations .micro-stats,.chapter--reputation .micro-stats,.chapter--revenue .micro-stats,.chapter--babylon .micro-stats{margin-top:25px;gap:12px 18px}
.chapter--operations .micro-stats span,.chapter--reputation .micro-stats span,.chapter--revenue .micro-stats span,.chapter--babylon .micro-stats span{font-size:8px;letter-spacing:.08em}
.chapter--contact .chapter-inner{display:block!important;width:min(650px,46vw)!important;left:clamp(40px,8vw,130px)}
.chapter--contact h2{font-size:clamp(50px,5.2vw,80px);margin-bottom:27px}
.chapter--contact p{margin-bottom:28px}
.v8-hero-book{display:inline-flex;gap:20px;align-items:center;background:#d9ad7c;color:#140e0c;padding:15px 20px;font:800 10px/1.4 var(--display);letter-spacing:.12em;pointer-events:auto!important;position:relative;z-index:18}
.v8-hero-book:hover{background:#f0c79b}
.v8-portfolio,.v8-booking{position:relative;background:#0c0a0b;color:#eee7df;z-index:4}
.v8-portfolio{padding:clamp(75px,10vw,150px) clamp(24px,7vw,120px) clamp(70px,8vw,130px)}
.v8-section-intro{max-width:890px;margin:0 0 clamp(45px,7vw,110px)}
.v8-eyebrow{display:block;font:750 10px/1.6 var(--display);letter-spacing:.19em;color:#dcaf7b;margin-bottom:17px;text-transform:uppercase}
.v8-section-intro h2,.v8-booking h2{font:400 clamp(50px,5.3vw,85px)/1.06 var(--serif);letter-spacing:-.048em;margin:0 0 27px;color:#f6eee6}
.v8-section-intro h2 em,.v8-booking h2 em,.v8-reviews h3 em{font-style:italic;color:#e4b783}
.v8-section-intro>p{max-width:690px;color:#bbb0a9;font:400 17px/1.8 var(--sans)}
.v8-project{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(26px,5.8vw,100px);padding:60px 0;border-top:1px solid #45342a}
.v8-project--twin{padding-bottom:96px}
.v8-project-gallery{height:min(590px,53vw);display:grid;gap:12px;min-width:0}
.v8-project-gallery--two{grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr)}
.v8-photo{margin:0;position:relative;min-height:300px;overflow:hidden;background:linear-gradient(140deg,#42231e,#111011);border:1px solid #49342b}
.v8-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease;filter:saturate(.85) contrast(1.03)}
.v8-photo:hover img{transform:scale(1.045)}
.v8-photo figcaption{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:20px 15px 12px;background:linear-gradient(0deg,#000b,transparent);font:700 9px/1.5 var(--display);letter-spacing:.08em;color:#eddfd1}
.v8-photo--small img{object-position:57% center}
.v8-photo--twin{height:min(540px,43vw)}
.v8-project-content{max-width:570px}
.v8-project-content h3{font:400 clamp(53px,5.7vw,92px)/1.04 var(--serif);letter-spacing:-.055em;color:#f7efe7;margin:12px 0 26px}
.v8-project-content h3 em{color:#dcb27f;font-weight:400}
.v8-project-content p{font:400 15px/1.83 var(--sans);color:#ada6a0;margin:0 0 16px}
.v8-project-content .v8-lead{font:400 21px/1.5 var(--serif);color:#f3e5d7;max-width:520px;margin-bottom:23px}
.v8-workflows{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:28px 0;border-top:1px solid #43352d;border-bottom:1px solid #43352d;padding:17px 0}
.v8-workflows span{font:700 10px/1.5 var(--display);letter-spacing:.055em;color:#e4bd91}
.v8-workflows i{font:400 16px var(--serif);font-style:normal;color:#796553}
.v8-text-link{display:inline-block;border-bottom:1px solid #cea16d;padding-bottom:8px;font:750 10px var(--display);letter-spacing:.12em;color:#e4bd91;margin-top:10px}
.v8-project-content .v8-detail{font-size:13px;color:#968b83}
.v8-reviews{position:relative;display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:65px;padding:50px clamp(25px,5vw,75px);background:radial-gradient(ellipse at 10% 100%,#32221b 0%,#171113 60%);border:1px solid #453329}
.v8-reviews h3{font:400 clamp(38px,4vw,64px)/1.12 var(--serif);letter-spacing:-.035em;margin:0;color:#f3e6d8}
.v8-reviews>p{font:400 16px/1.8 var(--sans);color:#afa49c;margin:0;max-width:560px}
.v8-reviews-mark{position:absolute;top:24px;right:35px;color:#e4b783;font-size:23px}
.v8-booking{padding:clamp(60px,8vw,125px) clamp(24px,7vw,120px) clamp(90px,12vw,160px);border-top:1px solid #362820;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(35px,6vw,100px);align-items:start;background:radial-gradient(ellipse at 85% 5%,#35241e,#0c0a0b 70%)}
.v8-booking-copy>p{font:400 16px/1.85 var(--sans);color:#b8aea6;max-width:455px}
.v8-booking-benefits{display:flex;flex-direction:column;gap:0;margin-top:36px;max-width:460px}
.v8-booking-benefits span{padding:15px 0;border-top:1px solid #473a32;color:#e2c5a0;font:700 10px/1.5 var(--display);letter-spacing:.09em}
.v8-booking-panel{border:1px solid #5b4536;background:linear-gradient(155deg,#221a17,#130f11);min-height:520px;padding:24px;box-shadow:0 40px 100px #0005}
.v8-booking-panel-head{display:flex;justify-content:space-between;align-items:center;font:800 10px/1.4 var(--display);letter-spacing:.13em;color:#deb889;border-bottom:1px solid #45382d;padding-bottom:18px}
.v8-booking-dot{width:8px;height:8px;background:#d6b38a;border-radius:50%;box-shadow:0 0 0 7px #d6b38a22}
.v8-booking-panel iframe{width:100%;min-height:660px;border:0;display:block;background:#fff;margin-top:16px}
.v8-booking-panel iframe[hidden]{display:none}
.v8-booking-pending{min-height:410px;padding:35px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.v8-booking-pending[hidden]{display:none}
.v8-calendar-icon{width:72px;height:80px;border:1px solid #b18a61;border-radius:6px;background:#2d231e;margin-bottom:26px;overflow:hidden;display:flex;flex-direction:column}
.v8-calendar-icon span{padding:6px;background:#bc9568;font:800 9px var(--display);letter-spacing:.16em;color:#1b1410}
.v8-calendar-icon b{font:400 37px var(--serif);color:#f0dbbf;padding:3px}
.v8-booking-pending h3{font:400 27px/1.25 var(--serif);color:#f0e2d2;margin:0 0 18px}
.v8-booking-pending p{font:400 13px/1.75 var(--sans);color:#c3b6aa;max-width:390px;margin:0 0 20px}
.v8-booking-pending small{color:#927f70;font:400 11px var(--sans)}
.v8-booking-external{display:inline-flex;margin-top:18px;padding:12px 19px;background:#d8ad7c;color:#1d100c;font:800 10px var(--display);letter-spacing:.12em}
.v8-booking-external[hidden]{display:none}
@media(min-width:681px) and (max-width:1180px){
 .chapter--operations .chapter-inner,.chapter--reputation .chapter-inner,.chapter--revenue .chapter-inner,.chapter--babylon .chapter-inner{left:5.5vw;width:38vw!important}
 .chapter--operations h2,.chapter--reputation h2,.chapter--revenue h2,.chapter--babylon h2{font-size:clamp(40px,4.5vw,54px)!important}
 .chapter--operations p,.chapter--reputation p,.chapter--revenue p,.chapter--babylon p{font-size:13px;line-height:1.62}
 .chapter--operations .micro-stats,.chapter--reputation .micro-stats,.chapter--revenue .micro-stats,.chapter--babylon .micro-stats{margin-top:15px}
 .v8-project-content h3{font-size:clamp(45px,5vw,75px)}
}
@media(max-width:680px){
 .header .contact-btn{display:none}
 .chapter--operations .chapter-inner,.chapter--reputation .chapter-inner,.chapter--revenue .chapter-inner,.chapter--babylon .chapter-inner{top:auto;left:24px;width:calc(100% - 56px)!important;bottom:119px;transform:none}
 .chapter--operations h2,.chapter--reputation h2,.chapter--revenue h2,.chapter--babylon h2{font-size:clamp(35px,9.3vw,49px)!important;line-height:1.08;margin-bottom:11px}
 .chapter--operations p,.chapter--reputation p,.chapter--revenue p,.chapter--babylon p{font-size:11px;line-height:1.53;max-width:100%}
 .chapter--operations .kicker,.chapter--reputation .kicker,.chapter--revenue .kicker,.chapter--babylon .kicker{margin-bottom:9px}
 .chapter--operations .micro-stats,.chapter--reputation .micro-stats,.chapter--revenue .micro-stats,.chapter--babylon .micro-stats{margin-top:10px;gap:9px}
 .chapter--operations .micro-stats span,.chapter--reputation .micro-stats span,.chapter--revenue .micro-stats span,.chapter--babylon .micro-stats span{font-size:7px;padding-top:6px}
 .chapter--contact .chapter-inner{width:calc(100% - 48px)!important;left:24px;bottom:115px;top:auto}
 .chapter--contact h2{font-size:clamp(39px,9vw,56px);margin-bottom:12px}
 .chapter--contact p{margin-bottom:15px}
 .v8-hero-book{font-size:8px;padding:12px 13px;gap:12px}
 .v8-portfolio{padding:75px 24px}
 .v8-section-intro h2,.v8-booking h2{font-size:clamp(43px,11vw,60px)}
 .v8-section-intro>p{font-size:14px}
 .v8-project{display:flex;flex-direction:column;gap:28px;padding:37px 0 50px;align-items:stretch}
 .v8-project--twin .v8-photo{order:-1}
 .v8-project-gallery{height:380px}
 .v8-project-content h3{font-size:61px;margin-bottom:15px}
 .v8-project-content p{font-size:14px;line-height:1.75}
 .v8-project-content .v8-lead{font-size:20px}
 .v8-workflows{gap:7px 11px;margin:18px 0;padding:13px 0}
 .v8-workflows span{font-size:9px}
 .v8-photo--twin{height:350px}
 .v8-reviews{grid-template-columns:1fr;gap:22px;padding:30px 25px}
 .v8-reviews h3{font-size:43px}
 .v8-reviews>p{font-size:14px}
 .v8-booking{grid-template-columns:1fr;padding:72px 24px 90px}
 .v8-booking-panel{padding:16px;min-height:420px}
 .v8-booking-panel iframe{min-height:680px}
 .v8-booking-panel-head{font-size:8px}
 .v8-booking-pending{padding:20px 6px;min-height:330px}
}
@media(max-width:400px) and (max-height:720px){
 .chapter--operations .chapter-inner,.chapter--reputation .chapter-inner,.chapter--revenue .chapter-inner,.chapter--babylon .chapter-inner{bottom:93px}
 .chapter--operations h2,.chapter--reputation h2,.chapter--revenue h2,.chapter--babylon h2{font-size:35px!important}
 .chapter--operations p,.chapter--reputation p,.chapter--revenue p,.chapter--babylon p{font-size:10.5px;line-height:1.4}
 .chapter--operations .micro-stats,.chapter--reputation .micro-stats,.chapter--revenue .micro-stats,.chapter--babylon .micro-stats{margin-top:7px}
}


/* V9 | QA corrections: simple meaningful data, no invented percentages */
.v9-panel-scene{width:min(635px,43vw)!important;height:min(520px,62vh)!important;right:clamp(58px,7vw,140px)!important;top:51%!important}
.v9-board{position:relative;box-sizing:border-box;height:100%;overflow:hidden;padding:clamp(20px,2.1vw,30px);border:1px solid rgba(228,185,139,.25);background:linear-gradient(148deg,rgba(28,20,19,.94),rgba(11,10,11,.94));box-shadow:0 40px 120px #0007;display:flex;flex-direction:column;gap:0}
.v9-board:before{content:'';position:absolute;right:-20%;top:-30%;width:78%;height:80%;background:radial-gradient(circle,rgba(200,129,72,.10),transparent 67%);pointer-events:none}
.v9-board-head{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex:none}
.v9-overline{font:800 9px/1.4 var(--display);letter-spacing:.2em;color:#d9a873}
.v9-board-head h3{font:400 clamp(29px,2.55vw,39px)/1.08 var(--serif);letter-spacing:-.045em;color:#fff5e9;margin:8px 0 0}
.v9-board-tag{border:1px solid #765742;padding:9px 13px;border-radius:40px;color:#e2b783;font:700 9px var(--display);letter-spacing:.13em;flex:none}
.v9-board-explainer{font:400 clamp(11px,.94vw,13px)/1.6 var(--sans);color:#bcb0a6;max-width:510px;margin:13px 0 18px;flex:none}
.v9-roi-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));flex:1;min-height:0;gap:7px;align-items:stretch;position:relative}
.v9-roi-step{padding:16px 10px 15px;display:flex;flex-direction:column;min-width:0;justify-content:flex-start;background:linear-gradient(180deg,#34231e99,#1a1414aa);border:1px solid #66462f55;position:relative}
.v9-roi-step:not(:last-child):after{content:'›';font:400 30px var(--serif);color:#e3b381;position:absolute;right:-10px;top:40%;z-index:3}
.v9-step-no{font:400 29px var(--serif);color:#e2b783;margin-bottom:26px}
.v9-roi-step strong{font:700 12px/1.45 var(--display);color:#f2e2d0;letter-spacing:.02em;overflow-wrap:break-word}
.v9-roi-step small{font:400 10px/1.45 var(--sans);color:#b1a095;margin-top:11px}
.v9-metric-strip{flex:none;position:relative;z-index:1;border-top:1px solid #604331;padding-top:13px;margin-top:16px;color:#ccae8b;font:600 10px/1.6 var(--display);letter-spacing:.04em}
.v9-quality-grid{display:flex;flex-direction:column;justify-content:space-around;flex:1;min-height:0;gap:6px}
.v9-quality-item{display:flex;align-items:center;gap:17px;padding:10px 15px;border:1px solid #64463277;background:#211918aa;min-height:0;flex:1}
.v9-quality-item b{color:#d9ad7a;font:400 21px var(--serif);min-width:25px}
.v9-quality-item span{font:600 12px/1.4 var(--display);color:#eee0d1;flex:1}
.v9-quality-item i{width:13px;height:13px;border:1px solid #d2a877;border-radius:100%;position:relative;flex:none}
.v9-quality-item i:after{content:'';position:absolute;inset:4px;background:#d2a877;border-radius:50%}
.v9-speed-flow{position:relative;flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:stretch}
.v9-speed-node{padding:16px 11px;background:linear-gradient(180deg,#2a201ba9,#171314a8);border:1px solid #6b4a3277;display:flex;flex-direction:column;min-width:0}
.v9-speed-node b{font:400 31px var(--serif);color:#dfb483;margin-bottom:auto}
.v9-speed-node strong{font:600 12px/1.5 var(--display);color:#f3e3cf;margin-top:7px}
.v9-speed-node span{font:400 10px/1.5 var(--sans);color:#b4a298;margin-top:7px;overflow-wrap:break-word}
.v9-timing-box{flex:none;display:flex;align-items:center;justify-content:space-between;margin-top:13px;padding:11px 14px;border:1px solid #66463280;background:#21171788;color:#dfb685;gap:12px}
.v9-timing-box span:first-child{font:700 9px var(--display);letter-spacing:.14em}
.v9-timing-box p{font:400 11px/1.5 var(--sans);color:#c2b1a3;margin:6px 0 0}
.v9-timing-symbol{font:400 29px var(--serif);color:#ddad7c}
/* Portfolio: stays editorial but now moves horizontally */
.v8-portfolio{padding-bottom:clamp(65px,8vw,130px);overflow:hidden}
.v8-portfolio .v8-section-intro{margin-bottom:30px}
.v9-carousel-controls{display:flex;align-items:center;justify-content:space-between;padding:8px 0 20px;max-width:1250px}
.v9-carousel-status{display:flex;align-items:center;gap:14px;color:#dfb987;font:400 23px var(--serif)}
.v9-control-rule{width:66px;height:1px;background:#906e52}
.v9-carousel-buttons{display:flex;gap:9px}
.v9-carousel-arrow{width:54px;height:54px;border:1px solid #7b5c43;background:rgba(54,35,26,.25);border-radius:50%;color:#f1d1a9;font-size:23px;transition:background .2s,border .2s}
.v9-carousel-arrow:not(:disabled):hover{background:#b38a65;color:#161111}
.v9-carousel-arrow:disabled{opacity:.25;cursor:not-allowed}
.v9-carousel-track{display:flex;gap:22px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;scrollbar-width:none;padding-bottom:8px;touch-action:pan-x pan-y;outline-offset:5px}
.v9-carousel-track::-webkit-scrollbar{display:none}
.v9-carousel-slide{flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;box-sizing:border-box}
.v8-portfolio .v8-project.v9-carousel-slide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,66px);align-items:center;border:1px solid #50382a;background:radial-gradient(ellipse at 0% 50%,#241915,#100d0e 75%);padding:clamp(25px,4vw,55px);min-height:600px}
.v8-portfolio .v8-project--twin.v9-carousel-slide{padding-bottom:clamp(25px,4vw,55px)}
.v8-portfolio .v8-project-gallery{height:510px}
.v8-portfolio .v8-project-content h3{font-size:clamp(46px,5vw,74px)}
.v8-portfolio .v8-project-content p{font-size:14px;line-height:1.7}
.v8-portfolio .v8-project-content .v8-lead{font-size:19px}
.v8-portfolio .v8-photo--twin{height:510px}
.v9-carousel-foot{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;font:700 9px var(--display);letter-spacing:.14em;color:#bd9371}
.v9-review-slide{border:1px solid #533a29;background:radial-gradient(circle at 10% 10%,#342119,#111011 62%);display:grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);min-height:600px;padding:clamp(25px,4vw,55px);gap:clamp(24px,4vw,66px);align-items:center}
.v9-review-visual{position:relative;height:510px;overflow:hidden;background:radial-gradient(circle at 40% 30%,#5a3725,#080808 69%);border:1px solid #533d2c}
.v9-review-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:brightness(.9) saturate(.9)}
.v9-photo-word{position:absolute;left:25px;bottom:24px;font:700 12px/1.6 var(--display);letter-spacing:.2em;color:#ebc098;text-shadow:0 3px 8px #000}
.v9-review-copy h3{font:400 clamp(42px,4.3vw,70px)/1.07 var(--serif);letter-spacing:-.05em;margin:16px 0 25px;color:#fbf4ea}
.v9-review-copy h3 em{color:#e0b484}
.v9-review-copy .v8-lead{font:400 22px/1.45 var(--serif);color:#e9d6c2}
.v9-review-copy p:not(.v8-lead){font:400 15px/1.8 var(--sans);color:#aca29a}
.v9-review-details{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}
.v9-review-details span{padding:11px 15px;border:1px solid #705139;color:#e2ba91;font:700 10px var(--display);letter-spacing:.1em}
.v9-review-copy .v9-link-note{font-size:12px!important;color:#9f8a78!important}
/* Three services with no huge white areas */
.v9-services{background:radial-gradient(ellipse at 70% 10%,#261914,#0c0b0c 65%);padding:clamp(70px,8vw,120px) clamp(24px,7vw,120px);color:#f4ede6;border-top:1px solid #493427;position:relative}
.v9-services-header{display:grid;grid-template-columns:1fr minmax(220px,380px);align-items:end;gap:55px;margin-bottom:45px}
.v9-services h2{font:400 clamp(48px,5.8vw,86px)/1.03 var(--serif);letter-spacing:-.05em;margin:0}
.v9-services h2 em{color:#dfb27f}
.v9-services-header>p{font:400 16px/1.8 var(--sans);color:#bcb0a6;max-width:410px}
.v9-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v9-service-card{padding:clamp(24px,3vw,42px);border:1px solid #5b4130;background:linear-gradient(145deg,#211915,#100e0e);display:flex;flex-direction:column;min-height:385px}
.v9-service-head{display:flex;align-items:center;justify-content:space-between;color:#c89d70;font:400 24px var(--serif);margin-bottom:65px}
.v9-service-symbol{font-size:26px}
.v9-service-card h3{font:400 clamp(27px,2.55vw,37px)/1.13 var(--serif);letter-spacing:-.02em;color:#f2e4d4;margin:0 0 18px}
.v9-service-card p{font:400 14px/1.8 var(--sans);color:#b5a69d;margin:0 0 24px;flex:1}
.v9-service-tags{display:flex;flex-wrap:wrap;gap:8px}
.v9-service-tags span{border-top:1px solid #856244;padding-top:9px;color:#d6aa7f;font:700 9px/1.5 var(--display);letter-spacing:.08em;margin-right:8px}
.v9-services-cta{display:inline-flex;margin-top:30px;border-bottom:1px solid #e5bb8d;padding:12px 0;color:#e5bb8d;font:700 10px var(--display);letter-spacing:.14em;text-decoration:none}
/* Overlap: avoid clipped boards at small or shorter viewport sizes */
@media(min-width:681px) and (max-height:750px){.v9-panel-scene{height:min(480px,66vh)!important}.v9-board{padding:17px 22px}.v9-board-head h3{font-size:31px}.v9-board-explainer{margin:8px 0 12px}.v9-quality-item{padding:6px 12px}.v9-roi-step{padding:10px 8px}.v9-step-no{margin-bottom:12px}}
@media(max-width:1000px){.v9-panel-scene{width:min(530px,47vw)!important;right:5vw!important}.v9-board{padding:20px}.v9-roi-steps{gap:3px}.v9-roi-step{padding:10px 7px}.v9-roi-step strong{font-size:10px}.v9-roi-step small{font-size:9px}.v9-service-grid{gap:10px}.v9-service-card{padding:24px}}
@media(max-width:680px){
 .v9-panel-scene{left:24px!important;right:24px!important;width:auto!important;top:12vh!important;height:min(275px,36vh)!important}
 .v9-board{padding:12px 14px}.v9-overline{font-size:7px}.v9-board-head h3{font-size:23px;margin-top:4px}.v9-board-tag{font-size:7px;padding:5px 9px}
 .v9-board-explainer{font-size:9px;line-height:1.38;margin:5px 0 9px}.v9-roi-steps{gap:4px}.v9-roi-step{padding:6px 4px}.v9-step-no{font-size:17px;margin-bottom:5px}.v9-roi-step strong{font-size:8px;line-height:1.22}.v9-roi-step small{font-size:7px;margin-top:4px;line-height:1.2}.v9-roi-step:not(:last-child):after{font-size:15px;right:-7px}.v9-metric-strip{margin-top:8px;padding-top:7px;font-size:8px;line-height:1.25}
 .v9-quality-grid{gap:3px}.v9-quality-item{padding:3px 6px;gap:8px}.v9-quality-item b{font-size:13px;min-width:18px}.v9-quality-item span{font-size:9px}.v9-quality-item i{width:9px;height:9px}.v9-quality-item i:after{inset:2px}
 .v9-speed-flow{gap:4px}.v9-speed-node{padding:7px 5px}.v9-speed-node b{font-size:18px}.v9-speed-node strong{font-size:8px}.v9-speed-node span{font-size:7px;line-height:1.2;margin-top:3px}.v9-timing-box{margin-top:7px;padding:6px 9px}.v9-timing-box span:first-child{font-size:7px}.v9-timing-box p{font-size:8px;margin-top:2px}
 .v8-portfolio{padding:65px 20px}.v9-carousel-arrow{width:43px;height:43px}.v8-portfolio .v8-project.v9-carousel-slide,.v9-review-slide{display:flex;flex-direction:column;min-height:0;gap:20px;padding:19px}.v8-portfolio .v8-project-gallery{height:235px;width:100%;flex:none}.v8-portfolio .v8-photo--twin{height:230px;width:100%;flex:none}.v8-portfolio .v8-project-content h3{font-size:47px;margin-bottom:11px}.v8-portfolio .v8-project-content .v8-lead{font-size:18px}.v8-portfolio .v8-project-content p{font-size:12px;line-height:1.55}.v8-portfolio .v8-workflows span{font-size:8px}.v8-portfolio .v8-project--twin.v9-carousel-slide{flex-direction:column-reverse}.v8-portfolio .v8-project--twin.v9-carousel-slide .v8-project-content{order:1}.v8-portfolio .v8-project--twin.v9-carousel-slide .v8-photo--twin{order:0}.v9-review-visual{height:230px;width:100%;flex:none}.v9-review-copy h3{font-size:42px;margin:12px 0 15px}.v9-review-copy .v8-lead{font-size:19px}.v9-review-copy p:not(.v8-lead){font-size:12px}.v9-review-details{margin:18px 0}.v9-review-details span{padding:8px 10px;font-size:8px}.v9-carousel-foot{font-size:7px;letter-spacing:.06em}
 .v9-services{padding:65px 24px}.v9-services-header{grid-template-columns:1fr;gap:10px}.v9-services h2{font-size:clamp(44px,10vw,62px)}.v9-services-header>p{font-size:14px}.v9-service-grid{grid-template-columns:1fr;gap:10px}.v9-service-card{min-height:0;padding:25px}.v9-service-head{margin-bottom:32px}.v9-service-card h3{font-size:33px}.v9-service-card p{font-size:13px}.v9-service-card .v9-service-tags span{font-size:8px}
}

/* Final screenshot refinements: align metrics with the body rather than below it. */
@media(min-width:681px){.v9-panel-scene{top:14vh!important}}
.chapter--intro .kicker{display:none!important}
.chapter-number{display:none!important}
.v8-photo{background-image:url('assets/babylon-art.svg');background-position:center;background-size:cover}
.v8-photo--twin{background-image:none}
.v8-portfolio,.v9-services,.v8-booking{scroll-margin-top:95px}

/* V9 Gold · social profile accents (no change to scrolling/header effect). */
.site-footer{gap:18px 28px}
.eak-social-group{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.eak-social-caption{font:700 9px var(--display);letter-spacing:.18em;color:#9e8b7b}
.eak-social-icons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.eak-social-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:35px;min-width:35px;border:1px solid rgba(228,183,131,.32);border-radius:999px;padding:8px 10px;background:rgba(228,183,131,.045);color:#e2bb90;font:700 8px var(--display);letter-spacing:.08em;transition:background .25s,border-color .25s,color .25s}
.eak-social-link svg{width:16px;height:16px;display:block;flex:none}
.eak-social-link[href]:hover{color:#101011;background:#e1b783;border-color:#e1b783}
.eak-social-link--pending{color:#947b64;border-color:rgba(228,183,131,.14);opacity:.68;cursor:default}
.eak-social-link--pending .eak-social-name{color:#9b8d7d}
.eak-mobile-socials{display:none}
@media(max-width:1100px){.eak-social-group{gap:10px}.eak-social-name{display:none}.eak-social-icons{gap:7px}.eak-social-link{padding:8px}}
@media(max-width:1050px){.mobile-nav{max-height:calc(100svh - 76px);overflow-y:auto}.eak-mobile-socials{display:block;padding:22px 3px 8px}.eak-mobile-socials>span{display:block;font:700 9px var(--display);letter-spacing:.19em;color:#d4a574;margin-bottom:13px}.eak-mobile-socials .eak-social-name{display:inline}.eak-mobile-socials .eak-social-link{padding:9px 12px;min-height:39px}}
@media(max-width:680px){.site-footer{align-items:flex-start}.eak-social-group{flex:1 1 100%;align-items:flex-start;flex-direction:column;gap:11px}.eak-social-group .eak-social-name{display:inline}.eak-social-group .eak-social-link{padding:8px 10px}.eak-social-caption{font-size:8px}.eak-mobile-socials .eak-social-icons{gap:7px}.eak-mobile-socials .eak-social-name{font-size:7px}}
/* Mobile: keep all four social icons in one aligned row, not menu-sized links. */
@media(max-width:1050px){
 .eak-mobile-socials .eak-social-icons{display:flex;flex-wrap:nowrap;gap:11px}
 .mobile-nav .eak-mobile-socials .eak-social-link{display:inline-flex;align-items:center;justify-content:center;min-width:39px;min-height:39px;padding:9px;border:1px solid rgba(228,183,131,.32);border-radius:999px;font:700 9px var(--display);background:rgba(228,183,131,.045);color:#e2bb90}
 .mobile-nav .eak-mobile-socials .eak-social-link--pending{color:#947b64;border-color:rgba(228,183,131,.14)}
 .mobile-nav .eak-mobile-socials .eak-social-name{display:none!important}
}