.experience{--x-accent:#a9bbff;--x-text:#f1f3fa;--x-soft:#a5afc7;--x-line:#b4bfff30;background:#080e25;color:var(--x-text);overflow-x:clip}.experience.pedzo{--x-accent:#ac4224;--x-text:#422533;--x-soft:#826871;--x-line:#69474c30;background:#f5e7d6}.experience .brand{color:var(--x-text)}.experience .unity-brand svg,.experience .brand-dot{color:#b2c4ff}.x-header{position:fixed;top:0;left:0;width:100%;z-index:12;padding:25px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;pointer-events:none}.x-header a{pointer-events:auto}.x-header>span{font-size:8px;letter-spacing:.2em;color:var(--x-soft)}.x-header .exit{display:flex;align-items:center;gap:25px;font-size:11px}.exit b{font:30px Manrope}.x-scroll{height:510svh}.x-sticky{position:sticky;top:0;height:100svh;overflow:hidden}.x-noise{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#8298d822 .7px,transparent .7px);background-size:9px 9px;opacity:.18}.x-horizon{position:absolute;inset:0;background:radial-gradient(ellipse at 74% 48%,#314bd429,transparent 58%),linear-gradient(0deg,#060b20,transparent 25%);pointer-events:none}.pedzo .x-horizon{background:radial-gradient(ellipse at 78% 58%,#f1b38655,transparent 60%),linear-gradient(0deg,#e9d5c6,transparent 24%);transition:background .8s}.pedzo[data-mode=services] .x-horizon{background:radial-gradient(ellipse at 75% 50%,#cfb3e266,transparent 60%),linear-gradient(0deg,#e4d3df,transparent 25%)}.x-scene{position:absolute;inset:5% -5% 7% 27%;cursor:grab;touch-action:pan-y}.x-scene:active{cursor:grabbing}.x-scene canvas{width:100%;height:100%;display:block;outline:none}.x-copy{position:absolute;left:5%;top:26%;width:43%;max-width:650px;pointer-events:none;z-index:3}.x-copy a{pointer-events:auto}.chapter{position:absolute;inset:0 0 auto;opacity:0;visibility:hidden;transform:translateY(35px);transition:opacity .65s,transform .65s,visibility .65s;pointer-events:none}.chapter.active{opacity:1;visibility:visible;transform:none}.chapter .eyebrow{font-size:9px;letter-spacing:.16em;color:var(--x-accent)}.chapter h1{font-size:clamp(50px,5.4vw,84px);line-height:1.03;letter-spacing:-.06em;margin:27px 0}.chapter h1 em{color:var(--x-accent);white-space:normal}.chapter-description{font-size:13px;max-width:310px;color:var(--x-soft);line-height:1.8;text-wrap:pretty}.x-contact{display:inline-flex;align-items:center;gap:25px;padding:16px 22px;background:var(--x-accent);color:#12203a;font-size:11px;border-radius:35px;margin-top:24px}.pedzo .x-contact{color:#fff1e4}.x-coordinate{position:absolute;right:6%;top:19%;font:8px monospace;letter-spacing:.12em;color:var(--x-soft);pointer-events:none}.x-coordinate span{display:block;font-size:6px;margin-top:10px;opacity:.6}.world-caption{position:absolute;left:52%;bottom:24%;pointer-events:none;z-index:1}.world-caption strong{display:block;font:600 clamp(35px,5vw,76px) Space;letter-spacing:-.07em;color:#b3c4ff14}.world-caption>span{font-size:6px;letter-spacing:.2em;color:var(--x-soft);opacity:.7}.pedzo .world-caption strong{color:#59304214}.mode-switch{display:flex;gap:4px;position:absolute;right:5%;top:105px;padding:4px;background:#fff8eea6;backdrop-filter:blur(15px);border:1px solid var(--x-line);border-radius:30px;z-index:5}.mode-switch button{font-size:10px;padding:10px 18px;border-radius:25px;background:transparent;color:#6b4654}.mode-switch [aria-pressed=true]{background:#5b3043;color:white}.scene-tools{display:flex;gap:7px;position:absolute;bottom:176px;left:5%;z-index:6}.scene-tools button,.hotspot-controls button{font:10px Manrope;border:1px solid var(--x-line);color:var(--x-text);background:#16203e95;backdrop-filter:blur(14px);border-radius:25px;padding:13px 18px;min-height:42px;transition:background .2s,transform .2s}.pedzo .scene-tools button,.pedzo .hotspot-controls button{background:#fff6eaaa}.scene-tools button:hover,.hotspot-controls button:hover{transform:translateY(-2px);border-color:var(--x-accent)}.scene-tools #tour{background:var(--x-accent);color:#10192e;border:0}.pedzo .scene-tools #tour{color:white}.scene-tools #reset-camera{font-size:20px;padding:7px 14px}.scene-tools button:disabled,.hotspot-controls button:disabled{opacity:.35;cursor:default}.hotspot-controls{display:flex;gap:7px;position:absolute;bottom:176px;right:5%;z-index:6}.hotspot-controls button{font-size:9px;padding:12px 14px}.hotspot-controls button>span{font-size:15px;margin-right:6px;color:var(--x-accent)}.x-bottom{position:absolute;bottom:22px;left:5%;right:5%;z-index:5}.chapter-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.chapter-nav button{background:none;display:flex;gap:15px;align-items:center;text-align:left;color:var(--x-soft);padding:16px 0;font-size:11px;border-top:1px solid var(--x-line)}.chapter-nav button b{font:11px Space;opacity:.6}.chapter-nav button[aria-current]{color:var(--x-text);border-color:var(--x-accent)}.chapter-nav button[aria-current] b{color:var(--x-accent);opacity:1}.progress-track{width:100%;height:2px;background:var(--x-line);margin-top:10px}.progress-track i{display:block;height:2px;width:0;background:var(--x-accent);box-shadow:0 0 12px var(--x-accent)}.x-meta{display:flex;align-items:center;gap:25px;padding-top:15px;font-size:7px;letter-spacing:.1em;color:var(--x-soft)}.x-meta button{margin-left:auto;font-size:9px;background:none;color:var(--x-soft);padding:8px 5px}.x-meta output{font:10px Space;letter-spacing:.1em}.insight{position:absolute;right:6%;top:28%;width:285px;background:#152340ea;backdrop-filter:blur(24px);border:1px solid var(--x-line);border-radius:18px;box-shadow:0 20px 70px #0004;padding:27px;z-index:9}.pedzo .insight{background:#fff8eee8;box-shadow:0 20px 70px #65332322}.insight[hidden]{display:none}.insight>button{position:absolute;right:10px;top:8px;background:none;font-size:22px;color:var(--x-soft)}.insight>span{font:8px monospace;letter-spacing:.12em;color:var(--x-accent)}.insight h2{font-size:28px;margin:15px 0}.insight p{font-size:12px;color:var(--x-soft);line-height:1.7}.scene-fallback{position:absolute;inset:10%;display:grid;place-items:center;pointer-events:none;opacity:.7}.scene-fallback>div{position:absolute;width:80%;aspect-ratio:1;border:1px solid var(--x-accent);border-radius:50%;box-shadow:0 0 0 20px #a4b7fa12,0 0 0 60px #a4b7fa08;transform:rotateX(55deg) rotate(-25deg)}.scene-fallback>span{font:600 160px Space;color:var(--x-accent);opacity:.3}.webgl-ready .scene-fallback{display:none}#scene-status{position:absolute;left:5%;top:100px;max-width:400px;font-size:10px;color:var(--x-soft);z-index:6}.webgl-ready #scene-status{opacity:0;pointer-events:none}.scene-lite #scene-status{opacity:1}.no-webgl-note{position:absolute;top:115px;left:5%;font-size:12px;z-index:6}.experience a:focus-visible,.experience button:focus-visible{outline-color:var(--x-accent)}@media(max-width:1100px){.scene-tools{bottom:183px}.hotspot-controls{bottom:133px;right:5%;left:auto}.x-bottom{bottom:13px}.chapter h1{font-size:63px}.x-copy{width:45%;top:23%}.chapter-description{max-width:280px}.world-caption{bottom:28%}.x-scene{inset:7% -12% 11% 23%}.x-coordinate{top:21%}}@media(max-width:780px){.x-header{padding:18px 6%}.x-header .unity-brand{font-size:29px}.x-header .unity-brand svg{width:29px;height:29px}.x-header .pedzo-brand img{width:115px}.x-header>span{display:none}.x-header .exit{font-size:9px;gap:15px}.exit b{font-size:25px}.x-copy{left:6%;top:13%;width:88%;max-width:none}.chapter .eyebrow{font-size:7px}.chapter h1{font-size:clamp(34px,9.7vw,47px);margin:17px 0 15px}.chapter-description{font-size:11px;max-width:325px;line-height:1.7}.x-contact{font-size:9px;min-height:38px;padding:11px 16px;margin-top:16px;gap:18px}.x-scene{inset:32% -10% 18% -10%}.x-coordinate{display:none}.world-caption{left:8%;bottom:29%}.world-caption strong{font-size:48px}.world-caption>span{font-size:5px}.mode-switch{right:6%;top:77px;padding:3px}.mode-switch button{font-size:8px;padding:7px 12px}.pedzo .x-copy{top:17%}.pedzo .x-scene{top:37%;bottom:18%}.scene-tools{left:6%;right:6%;bottom:150px;justify-content:center;gap:6px}.scene-tools button{font-size:9px;padding:10px 13px;min-height:37px}.scene-tools #reset-camera{font-size:19px;padding:5px 12px}.hotspot-controls{left:6%;right:6%;bottom:105px;justify-content:center;gap:5px}.hotspot-controls button{min-height:34px;padding:8px 10px;font-size:8px;white-space:nowrap}.hotspot-controls button>span{font-size:12px;margin-right:4px}.x-bottom{left:6%;right:6%;bottom:12px}.chapter-nav{gap:8px}.chapter-nav button{display:flex;justify-content:center;padding:10px 0 7px;gap:0}.chapter-nav button span{display:none}.chapter-nav button b{font-size:10px}.progress-track{margin-top:8px}.x-meta{padding-top:8px;gap:12px;font-size:5px;letter-spacing:.05em}.x-meta button{font-size:7px;padding:8px 0}.x-meta output{font-size:8px}.insight{left:6%;right:6%;top:auto;bottom:195px;width:auto;max-width:350px;margin:auto;padding:23px}.insight h2{font-size:25px;margin:10px 0}.insight p{font-size:11px}.insight>span{font-size:7px}#scene-status{top:84px;left:6%;font-size:8px;max-width:260px}.pedzo #scene-status{top:116px}.scene-fallback>span{font-size:110px}}@media(max-height:720px) and (max-width:780px){.x-copy{top:13%}.pedzo .x-copy{top:18%}.chapter h1{font-size:33px;margin:12px 0}.chapter-description{font-size:10px;max-width:285px}.scene-tools{bottom:143px}.hotspot-controls{bottom:100px}.x-scene{top:30%;bottom:21%}.pedzo .x-scene{top:39%;bottom:23%}.x-contact{margin-top:12px}.x-meta>span{max-width:135px}.mode-switch{top:69px}.world-caption{bottom:29%}.world-caption strong{font-size:35px}.world-caption>span{display:none}}@media(prefers-reduced-motion:reduce){.chapter,.mode-switch,.insight{transition:none}}@media(max-width:780px){.experience:not(.pedzo) .x-scene{mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 94%,transparent 100%)}}

/* Faster editorial pacing; each chapter has a distinct entrance. */
.x-scroll{height:350svh}.chapter{transition:opacity .26s,visibility .26s;transform:none}.chapter.active h1{animation:chapter-arrive .48s cubic-bezier(.2,.7,.2,1) both}.chapter.active .chapter-description{animation:chapter-arrive .4s .06s both}.chapter[data-index="1"].active h1{animation-name:chapter-connect}.chapter[data-index="2"].active h1{animation-name:chapter-focus}.chapter[data-index="3"].active h1{animation-name:chapter-open}.experience:not(.pedzo) .x-horizon{background:radial-gradient(ellipse at 72% 48%,#53658d38,transparent 65%)}
@keyframes chapter-arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@keyframes chapter-connect{from{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:none}}
@keyframes chapter-focus{from{opacity:0;transform:scale(.975);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes chapter-open{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
.calm .chapter.active h1,.calm .chapter.active .chapter-description{animation:none}@media(prefers-reduced-motion:reduce){.chapter.active h1,.chapter.active .chapter-description{animation:none}}

/* Keep the final CTA in its own dock row, outside the animated text stack. */
.unity.experience .journey-contact{display:none;position:absolute;left:5%;bottom:242px;z-index:7;margin:0;min-height:44px;max-width:90%;box-sizing:border-box;justify-content:space-between;pointer-events:auto}
.unity.experience[data-chapter="3"] .journey-contact{display:inline-flex}
.unity.experience[data-chapter="3"] .x-copy{top:clamp(105px,17svh,165px);bottom:310px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;pointer-events:auto;padding:0 8px 12px 0}
.unity.experience[data-chapter="3"] .chapter.active{position:relative}
.unity.experience[data-chapter="3"] .chapter h1{font-size:clamp(38px,5vw,76px);margin:18px 0}
@media(max-width:1100px){.unity.experience .journey-contact{bottom:246px}}
@media(max-width:780px){.unity.experience .journey-contact{left:6%;right:6%;bottom:204px;max-width:none;font-size:11px;padding:12px 18px}.unity.experience[data-chapter="3"] .x-copy{top:94px;bottom:264px;width:88%}.unity.experience[data-chapter="3"] .chapter h1{font-size:clamp(32px,9.7vw,47px);margin:12px 0}.unity.experience[data-chapter="3"] .x-scene{top:42%;opacity:.7}}
@media(max-height:600px) and (min-width:781px){.unity.experience[data-chapter="3"] .x-copy{top:90px;bottom:300px}.unity.experience[data-chapter="3"] .chapter h1{font-size:36px;margin:8px 0}}

/* One measured dock owns CTA, action controls and navigation at every viewport. */
.experience .experience-dock{position:absolute;z-index:10;left:5%;right:5%;bottom:max(16px,env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto;gap:16px 24px;pointer-events:auto}
.experience .experience-dock .scene-tools,.experience .experience-dock .hotspot-controls,.experience .experience-dock .x-bottom{position:static;inset:auto;margin:0;min-width:0}
.experience .experience-dock .scene-tools{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center}
.experience .experience-dock .hotspot-controls{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center}
.experience .experience-dock .x-bottom{grid-column:1/-1}
.experience .experience-dock .dock-contact{display:none;position:static;inset:auto;grid-column:1/-1;justify-self:start;margin:0;min-height:44px;box-sizing:border-box;max-width:100%;pointer-events:auto;font-size:12px;padding:13px 20px;gap:20px}
.experience[data-chapter="3"] .experience-dock .dock-contact{display:inline-flex}
.experience .x-copy,.unity.experience[data-chapter="3"] .x-copy{top:clamp(110px,22svh,210px);bottom:calc(var(--experience-dock-height,220px) + 42px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;pointer-events:auto;padding:0 8px 12px 0;z-index:4}
.experience .chapter{display:none;position:relative}.experience .chapter.active{display:block}
.experience .experience-dock button{min-height:44px;touch-action:manipulation}
.experience .experience-dock .chapter-nav button{min-height:44px}
.experience .insight{z-index:15;max-height:calc(100svh - var(--experience-dock-height,220px) - 130px);overflow-y:auto;top:110px;bottom:auto}
@media(max-width:1100px){.experience .experience-dock{gap:10px 14px}.experience .experience-dock .scene-tools button,.experience .experience-dock .hotspot-controls button{padding:10px 12px}}
@media(max-width:780px){.experience .experience-dock{left:6%;right:6%;bottom:max(10px,env(safe-area-inset-bottom));grid-template-columns:1fr;gap:8px}.experience .experience-dock .scene-tools,.experience .experience-dock .hotspot-controls{justify-content:center;gap:5px}.experience .experience-dock .dock-contact{justify-self:stretch;justify-content:space-between;font-size:11px}.experience .experience-dock .hotspot-controls button{padding:8px 10px}.experience .experience-dock .x-meta{padding-top:4px}.experience .experience-dock .progress-track{margin-top:3px}.experience .experience-dock .chapter-nav button{padding:5px 0}.experience .experience-dock .x-meta button{min-height:36px}.experience .x-copy,.unity.experience[data-chapter="3"] .x-copy{top:92px;bottom:calc(var(--experience-dock-height,240px) + 26px);width:88%}.pedzo.experience .x-copy{top:132px}.experience .chapter h1{font-size:clamp(30px,9vw,43px);margin:12px 0}.experience .chapter-description{font-size:11px;line-height:1.65}.experience .insight{top:140px;max-height:calc(100svh - var(--experience-dock-height,240px) - 176px)}}
@media(max-height:650px) and (min-width:781px){.experience .x-copy,.unity.experience[data-chapter="3"] .x-copy{top:90px}.experience .chapter h1{font-size:38px;margin:10px 0}.experience .experience-dock{gap:8px}.experience .chapter-description{font-size:12px}}