/* KASBOKAR V123 — cinematic scroll universe */
:root{--v123-lilac:#c7a7ff;--v123-cyan:#7df3ff;--v123-rose:#ff8fc9;--v123-ink:#05050a}
.home-v121{background:var(--v123-ink)}
.home-hero-v123{height:calc(100svh - 78px);min-height:690px;overflow:hidden;padding:0}
.home-hero-v123 .hero-grid{height:calc(100svh - 126px);min-height:640px;align-items:center}
.home-hero-v123 .hero-copy{padding-top:0}
.home-hero-v123 .hero-art{height:100%;min-height:620px}
.home-hero-v123 .hero-copy>p{font-size:clamp(14px,1.1vw,17px);line-height:2.15}
.home-hero-v123 .hero-copy h2{display:flex;align-items:center;gap:10px;color:#d8d1e4;font-size:clamp(14px,1.15vw,18px)}
.home-hero-v123 .hero-copy h2:before{content:"";width:28px;height:1px;background:linear-gradient(90deg,var(--v123-cyan),transparent)}
.home-hero-v123 .hero-bottom{position:absolute;inset:auto 0 16px;z-index:11}
.home-hero-v123 .floating-note.note-web{bottom:13%;right:0}
.home-hero-v123 .floating-note.note-brands{top:12%;left:2%}

.cinematic-journey{position:relative;height:600svh;background:#030307;color:#fff;isolation:isolate}
.journey-sticky{position:sticky;top:0;height:100svh;overflow:hidden;background:radial-gradient(circle at 50% 48%,#211436 0,#080711 42%,#030307 76%)}
#universeCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1;touch-action:pan-y}
.journey-fallback{display:none;position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 50% 50%,#6e47a933 0 9%,transparent 31%),radial-gradient(circle at 68% 38%,#3acbd322,transparent 28%),#05050a}
.journey-fallback span{position:absolute;left:50%;top:50%;width:clamp(220px,42vw,650px);aspect-ratio:1;border:1px solid #d8c5ff22;border-radius:50%;transform:translate(-50%,-50%)}
.journey-fallback span:nth-child(2){width:clamp(320px,58vw,880px);border-color:#7df3ff19;transform:translate(-50%,-50%) rotate(28deg) scaleY(.55)}
.journey-fallback span:nth-child(3){width:clamp(430px,72vw,1120px);border-style:dashed;opacity:.55}
.cinematic-journey.no-webgl .journey-fallback,.cinematic-journey.is-static .journey-fallback{display:block}
.cinematic-journey.no-webgl #universeCanvas,.cinematic-journey.is-static #universeCanvas{display:none}
.journey-noise{position:absolute;inset:0;z-index:2;opacity:.1;pointer-events:none;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.26'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.journey-vignette{position:absolute;inset:0;z-index:3;pointer-events:none;background:radial-gradient(circle at 50% 48%,transparent 31%,rgba(3,3,7,.2) 60%,rgba(3,3,7,.9) 100%),linear-gradient(90deg,rgba(3,3,7,.62),transparent 25%,transparent 75%,rgba(3,3,7,.62))}
.journey-hud{position:absolute;z-index:9;top:104px;right:clamp(22px,4vw,72px);left:clamp(22px,4vw,72px);display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;font-family:Arial,sans-serif;direction:ltr}
.journey-hud>div:first-child{display:grid;gap:11px}.journey-hud b{font:600 11px/1.2 Estedad,Arial;letter-spacing:.06em;color:#eee8f6;direction:rtl}
.hud-live{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:.22em;color:#9b94a8}.hud-live i{width:6px;height:6px;border-radius:50%;background:#7bffd0;box-shadow:0 0 18px #7bffd0}
.hud-depth{display:flex;align-items:baseline;gap:7px;color:#aaa1b7}.hud-depth span,.hud-depth small{font-size:7px;letter-spacing:.2em}.hud-depth b{font:300 clamp(30px,3.2vw,52px)/1 Arial;color:#fff;letter-spacing:-.06em}
.journey-counter{position:absolute;z-index:9;right:clamp(22px,4vw,72px);bottom:45px;display:flex;align-items:flex-end;gap:7px;font-family:Arial;direction:ltr;pointer-events:none}.journey-counter b{font-size:25px;font-weight:400}.journey-counter span,.journey-counter small{font-size:9px;color:#7d7687;margin-bottom:4px}
.journey-progress{position:absolute;z-index:9;right:clamp(22px,4vw,72px);bottom:31px;width:118px;height:1px;background:#ffffff18;overflow:hidden}.journey-progress i{display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--v123-rose),var(--v123-lilac),var(--v123-cyan));box-shadow:0 0 12px var(--v123-lilac)}
.journey-nav{position:absolute;z-index:12;left:clamp(18px,2.7vw,48px);top:50%;transform:translateY(-50%);display:grid;gap:17px;direction:ltr}
.journey-nav button{position:relative;width:18px;height:18px;padding:0;border:0;background:transparent;cursor:pointer;color:#aba4b7}
.journey-nav button:before{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;border:1px solid #ffffff66;border-radius:50%;transform:translate(-50%,-50%);transition:.35s}
.journey-nav button:after{content:"";position:absolute;left:50%;top:16px;width:1px;height:20px;background:#ffffff12}.journey-nav button:last-child:after{display:none}
.journey-nav button span{position:absolute;left:24px;top:50%;width:max-content;opacity:0;transform:translate(5px,-50%);font:8px Estedad;transition:.3s;direction:rtl}
.journey-nav button:hover span,.journey-nav button[aria-current="true"] span{opacity:1;transform:translate(0,-50%)}
.journey-nav button[aria-current="true"]:before{width:15px;height:15px;border-color:var(--v123-cyan);box-shadow:0 0 20px #7df3ff88;background:#7df3ff12}
.journey-controls{position:absolute;z-index:12;left:clamp(22px,4vw,72px);bottom:35px;display:flex;align-items:center;gap:18px;font-size:9px}
.journey-controls button,.journey-controls a{border:0;background:none;color:#a49cad;padding:8px;cursor:pointer;font:inherit}.journey-controls button{display:flex;align-items:center;gap:8px}.journey-controls button span{display:grid;place-items:center;width:20px;height:20px;border:1px solid #ffffff2c;border-radius:50%;transition:.3s}.journey-controls button[aria-pressed="true"]{color:#fff}.journey-controls button[aria-pressed="true"] span{background:#7df3ff22;border-color:#7df3ff88;box-shadow:0 0 18px #7df3ff33}.journey-controls a:hover{color:#fff}

.journey-story{position:absolute;inset:0;z-index:8;pointer-events:none}
.journey-chapter{--chapter-top:.62;position:absolute;top:calc(var(--chapter-top) * 100svh);right:clamp(24px,8vw,140px);width:min(560px,42vw);opacity:0;transform:translate3d(0,42px,0);filter:blur(8px);transition:opacity .45s ease,transform .65s cubic-bezier(.2,.8,.2,1),filter .45s;pointer-events:none;text-shadow:0 3px 30px #000}
.journey-chapter:nth-child(2){--chapter-top:1.72}.journey-chapter:nth-child(3){--chapter-top:2.82}.journey-chapter:nth-child(4){--chapter-top:3.92}.journey-chapter:nth-child(5){--chapter-top:5.02}
.journey-chapter.is-active{opacity:1;transform:none;filter:none;pointer-events:auto}
.journey-chapter.chapter-left{right:auto;left:clamp(55px,9vw,155px)}
.journey-chapter.chapter-center{right:50%;transform:translate3d(50%,42px,0);text-align:center;width:min(760px,78vw)}.journey-chapter.chapter-center.is-active{transform:translateX(50%)}
.chapter-index{display:flex;align-items:center;gap:12px;font:8px Arial;letter-spacing:.28em;color:#b2a5c2;direction:ltr}.chapter-index:before{content:"";width:44px;height:1px;background:linear-gradient(90deg,var(--v123-cyan),transparent)}
.journey-chapter h2{font-size:clamp(48px,5.2vw,88px);line-height:1.42;letter-spacing:-4px;margin:18px 0 17px}.journey-chapter h2 em{font-style:normal;color:transparent;background:linear-gradient(100deg,#fff 0,#d7baff 45%,#84f2fb 100%);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 28px #b488ff25)}
.journey-chapter p{max-width:470px;font-size:clamp(13px,1.05vw,16px);line-height:2.2;color:#beb7c8}.journey-chapter.chapter-center p{margin-inline:auto}
.journey-chapter>a:not(.button),.chapter-actions>a:not(.button){display:inline-flex;align-items:center;gap:12px;margin-top:14px;color:#fff;font-size:11px;border-bottom:1px solid #ffffff32;padding-bottom:8px}.journey-chapter>a b,.chapter-actions a b{font-family:Arial;color:var(--v123-cyan)}
.chapter-actions{display:flex;align-items:center;gap:18px;margin-top:25px}.chapter-actions .button{min-height:55px;border-radius:999px;text-shadow:none}

.universe-labels{position:absolute;inset:0;z-index:10;opacity:0;visibility:hidden;transition:opacity .4s;pointer-events:none;direction:rtl}.cinematic-journey[data-scene="1"] .universe-labels{opacity:1;visibility:visible}
.universe-labels a{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid color-mix(in srgb,var(--brand) 38%,transparent);border-radius:999px;background:rgba(7,7,13,.7);backdrop-filter:blur(9px);color:#eee9f5;font-size:9px;white-space:nowrap;transform:translate3d(-999px,-999px,0);opacity:var(--label-opacity,0);pointer-events:none;box-shadow:0 8px 28px #0008;transition:opacity .2s,border-color .2s,background .2s}
.cinematic-journey[data-scene="1"] .universe-labels a{pointer-events:auto}.universe-labels a:hover{background:#171421;border-color:var(--brand);z-index:3}.universe-labels a i{width:6px;height:6px;border-radius:50%;background:var(--brand);box-shadow:0 0 12px var(--brand)}
.journey-exit{height:90px;display:flex;align-items:center;justify-content:center;gap:20px;background:#06060b;color:#756e7e;font:8px Arial;letter-spacing:.28em}.journey-exit i{width:110px;height:1px;background:linear-gradient(90deg,#ffffff20,transparent)}
.mobile-dock{transition:transform .35s ease,opacity .35s ease}.journey-visible .mobile-dock{transform:translateY(145%);opacity:0;pointer-events:none}

@media(max-width:980px){
 .home-hero-v123{height:auto;min-height:calc(100svh - 68px);padding-bottom:54px}.home-hero-v123 .hero-grid{height:auto;min-height:calc(100svh - 120px)}.home-hero-v123 .hero-art{height:520px;min-height:520px}.home-hero-v123 .hero-bottom{bottom:10px}
 .journey-chapter{width:min(560px,72vw);right:7vw}.journey-chapter.chapter-left{left:8vw}.journey-chapter h2{font-size:clamp(46px,8vw,76px)}
 .universe-labels a{font-size:8px;padding:5px 7px}.journey-hud{top:88px}.journey-vignette{background:radial-gradient(circle at 50% 45%,transparent 20%,rgba(3,3,7,.28) 62%,#030307 100%)}
}
@media(max-width:600px){
 .home-hero-v123{padding-bottom:42px}.home-hero-v123 .hero-grid{display:flex;flex-direction:column}.home-hero-v123 .hero-copy{min-height:54svh;padding-top:35px}.home-hero-v123 .hero-copy h1{font-size:clamp(43px,13.4vw,61px);margin-block:20px 14px}.home-hero-v123 .hero-copy>p{font-size:13px;line-height:2}.home-hero-v123 .hero-actions{display:grid;grid-template-columns:1fr}.home-hero-v123 .hero-actions .button{width:100%}.home-hero-v123 .hero-art{height:42svh;min-height:330px}.home-hero-v123 .floating-note.note-web{right:8px;bottom:6%;max-width:220px}.home-hero-v123 .floating-note.note-web img{width:72px}.home-hero-v123 .floating-note.note-brands{top:4%;left:0}.home-hero-v123 .hero-bottom>span{display:none}
 .cinematic-journey{height:560svh}.journey-hud{top:84px;right:18px;left:18px}.journey-hud>div:first-child b{font-size:10px}.hud-depth span,.hud-depth small{display:none}.hud-depth b{font-size:30px}
 .journey-chapter{right:21px;left:21px!important;top:calc(var(--chapter-top) * 92svh);width:auto;padding:20px 0;background:linear-gradient(90deg,rgba(3,3,7,.82),rgba(3,3,7,.32),transparent);text-align:right}.journey-chapter:nth-child(2){--chapter-top:1.75}.journey-chapter:nth-child(3){--chapter-top:2.86}.journey-chapter:nth-child(4){--chapter-top:3.97}.journey-chapter:nth-child(5){--chapter-top:5.05}.journey-chapter.chapter-center{transform:translate3d(0,42px,0)}.journey-chapter.chapter-center.is-active{transform:none;text-align:center}
 .journey-chapter h2{font-size:clamp(39px,12vw,56px);line-height:1.46;letter-spacing:-2.7px;margin:14px 0}.journey-chapter p{font-size:12px;line-height:2;max-width:360px}.chapter-actions{display:grid;justify-items:start}.chapter-center .button{width:100%;justify-content:center}
 .journey-nav{left:50%;top:auto;bottom:82px;transform:translateX(-50%);display:flex;gap:14px}.journey-nav button:after{left:16px;top:50%;width:20px;height:1px}.journey-nav button span{display:none}
 .journey-controls{left:14px;right:14px;bottom:24px;justify-content:space-between}.journey-counter{right:18px;bottom:112px}.journey-progress{right:18px;bottom:103px;width:90px}.universe-labels a{font-size:0;width:12px;height:12px;padding:0;border:0;background:transparent;box-shadow:none}.universe-labels a i{width:7px;height:7px}.journey-vignette{background:radial-gradient(circle at 50% 41%,transparent 17%,rgba(3,3,7,.18) 46%,rgba(3,3,7,.88) 88%),linear-gradient(0deg,rgba(3,3,7,.85),transparent 35%)}
}
@media(prefers-reduced-motion:reduce){
 .cinematic-journey{height:auto}.journey-sticky{position:absolute;inset:0;height:100%;min-height:100svh}.journey-story{position:relative}.journey-chapter,.journey-chapter:nth-child(n){position:relative;top:auto;right:auto!important;left:auto!important;width:min(760px,calc(100% - 40px));min-height:78svh;margin:auto;display:flex;flex-direction:column;justify-content:center;opacity:1;filter:none;transform:none!important;pointer-events:auto}.journey-nav,.journey-counter,.journey-progress,.universe-labels{display:none}.journey-controls{position:absolute;top:calc(100svh - 70px);bottom:auto}.journey-controls button{display:none}.journey-fallback{display:block}.journey-fallback span{animation:none!important}
}