:root{--display:"Playfair Display",Georgia,serif;--body:Inter,system-ui,sans-serif;--accent:#FEDD00;--accent2:#ff0077;--accent3:#009c3b;--deep:#071b16;--paper:#fff8d6;--dark:#050707;--muted:color-mix(in srgb,var(--paper) 68%,transparent)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--body);background:var(--dark);color:var(--paper);overflow-x:hidden}button,input,select{font:inherit}button{border:0;border-radius:8px;padding:12px 16px;background:var(--accent);color:var(--dark);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;transition:transform .25s ease,filter .25s ease,background .25s ease}button:hover{transform:translateY(-2px);filter:saturate(1.15)}input,select{accent-color:var(--accent);border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:var(--paper);border-radius:8px;padding:10px 12px;width:100%}label{display:grid;gap:8px;color:var(--muted);font-size:.9rem}.ambient-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}.back-link{position:fixed;z-index:20;left:18px;top:18px;color:var(--paper);text-decoration:none;background:rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px);padding:10px 14px;border-radius:999px;font-size:.9rem}.hero,.site-section,.footer{position:relative;z-index:1}.hero{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.82fr);align-items:center;gap:clamp(24px,5vw,76px);padding:84px clamp(20px,5vw,72px) 54px;background:radial-gradient(circle at 12% 22%,color-mix(in srgb,var(--accent) 36%,transparent),transparent 30%),radial-gradient(circle at 90% 20%,color-mix(in srgb,var(--accent2) 30%,transparent),transparent 32%),linear-gradient(140deg,var(--deep),var(--dark));overflow:hidden}.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:24vh;background:linear-gradient(transparent,var(--dark));pointer-events:none}.kicker,.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:.78rem;font-weight:900}.hero h1{font-family:var(--display);font-size:clamp(3rem,8vw,7.4rem);line-height:.9;margin:.2em 0;letter-spacing:0}.hero h1 span{display:block;color:var(--accent)}.hero p{max-width:700px;color:var(--muted);font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.75}.hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.hero-meta span{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.06);border-radius:999px;padding:8px 12px;color:var(--paper);font-size:.86rem}.action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.ghost-btn{background:transparent;color:var(--paper);border:1px solid rgba(255,255,255,.22)}.hero-visual{min-height:520px;border-radius:8px;position:relative;overflow:hidden;background:linear-gradient(160deg,color-mix(in srgb,var(--accent) 32%,#000),color-mix(in srgb,var(--accent2) 20%,#000));box-shadow:0 28px 80px rgba(0,0,0,.35);isolation:isolate}.hero-visual:before{content:"";position:absolute;inset:10%;border:1px solid rgba(255,255,255,.22);border-radius:8px}.sigil{position:absolute;inset:12%;display:grid;place-items:center;text-align:center;font-family:var(--display);font-size:clamp(3rem,8vw,7rem);color:var(--paper);text-shadow:0 12px 40px rgba(0,0,0,.5)}.sigil:before,.sigil:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.22);animation:orbit 12s linear infinite}.sigil:before{width:82%;height:82%}.sigil:after{width:58%;height:58%;animation-direction:reverse}.visual-ground{position:absolute;left:-5%;right:-5%;bottom:0;height:34%;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--accent3) 56%,#000));clip-path:polygon(0 46%,14% 20%,28% 42%,42% 12%,55% 32%,70% 8%,86% 35%,100% 16%,100% 100%,0 100%)}@keyframes orbit{to{transform:rotate(360deg)}}.site-section{padding:clamp(58px,8vw,110px) clamp(20px,5vw,72px)}.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,520px);gap:28px;align-items:end;margin-bottom:30px}.section-head h2{font-family:var(--display);font-size:clamp(2rem,5vw,4.4rem);line-height:.98;margin:.14em 0}.section-head p{color:var(--muted);line-height:1.75}.story-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.story-step{min-height:180px;padding:20px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));position:relative;overflow:hidden}.story-step strong{font-family:var(--display);font-size:1.55rem}.story-step p{color:var(--muted);line-height:1.55}.story-step:after{content:attr(data-num);position:absolute;right:12px;bottom:-12px;font:900 5rem/1 var(--display);color:rgba(255,255,255,.06)}.signature{background:linear-gradient(180deg,var(--dark),color-mix(in srgb,var(--deep) 80%,#000))}.lab-shell{border-top:1px solid rgba(255,255,255,.14);padding-top:24px}.lab-grid{display:grid;gap:20px}.dest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.dest-card{position:relative;min-height:260px;overflow:hidden;border-radius:8px;background:#111;text-align:left;color:var(--paper);align-items:flex-end;justify-content:flex-start;padding:0;border:1px solid rgba(255,255,255,.12)}.dest-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.05);transition:transform .7s ease}.dest-card:hover img{transform:scale(1.08)}.dest-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(0,0,0,.78))}.dest-card span{position:relative;z-index:1;display:block;padding:0 18px 18px}.dest-card small{display:block;color:var(--accent);text-transform:uppercase;letter-spacing:.12em;margin-bottom:7px}.photo-strip{display:grid;grid-template-columns:repeat(6,minmax(190px,1fr));gap:12px;overflow:auto;padding-bottom:10px}.photo-strip figure{min-height:250px;margin:0;border-radius:8px;overflow:hidden;position:relative;background:#222}.photo-strip img{width:100%;height:100%;object-fit:cover;display:block}.photo-strip figcaption{position:absolute;left:0;right:0;bottom:0;padding:34px 14px 14px;background:linear-gradient(transparent,rgba(0,0,0,.82));font-weight:800}.drawer{position:fixed;z-index:40;right:18px;bottom:18px;width:min(420px,calc(100vw - 36px));background:rgba(5,5,8,.9);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(18px);border-radius:8px;padding:22px;transform:translateY(130%);transition:transform .35s ease}.drawer.open{transform:translateY(0)}.drawer h3{font-family:var(--display);font-size:2rem;margin:0 0 8px}.drawer p{color:var(--muted);line-height:1.6}.portal-flash{position:fixed;inset:0;background:var(--accent);z-index:35;pointer-events:none;opacity:0;mix-blend-mode:screen}.portal-flash.active{animation:flash .7s ease}@keyframes flash{35%{opacity:.8}100%{opacity:0}}.toast{position:fixed;left:50%;bottom:22px;z-index:60;transform:translateX(-50%) translateY(140%);background:rgba(0,0,0,.82);color:#fff;border:1px solid rgba(255,255,255,.18);padding:12px 16px;border-radius:999px;transition:.3s;max-width:min(560px,90vw);text-align:center}.toast.show{transform:translateX(-50%) translateY(0)}.footer{padding:42px clamp(20px,5vw,72px);border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--muted)}.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}.lucide{width:18px;height:18px;stroke-width:2.2}@media (max-width:980px){.hero{grid-template-columns:1fr}.hero-visual{min-height:380px}.section-head{grid-template-columns:1fr}.story-rail,.dest-grid{grid-template-columns:1fr 1fr}.photo-strip{grid-template-columns:repeat(6,240px)}}@media (max-width:640px){.hero{padding-top:78px}.story-rail,.dest-grid{grid-template-columns:1fr}.hero-meta{display:none}.photo-strip{grid-template-columns:repeat(6,220px)}.back-link{left:12px;top:12px}.hero-visual{min-height:310px}.section-head h2{font-size:2.4rem}}
body.beat{animation:beatPulse .45s ease}.brazil-lab{display:grid;grid-template-columns:.85fr 1fr;gap:20px}.beat-button{font-size:1.1rem;min-height:92px;background:linear-gradient(135deg,var(--accent2),var(--accent));color:#071b16}.dancer-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.dancer-strip button{min-height:92px;background:linear-gradient(180deg,var(--accent),var(--accent2));color:#050707}.pitch{grid-column:1/-1;height:300px;position:relative;border:2px solid rgba(255,255,255,.28);background:linear-gradient(90deg,#19783a,#119447);overflow:hidden}.pitch:before{content:"";position:absolute;inset:20px;border:2px solid rgba(255,255,255,.45)}#football{position:absolute;width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0 35%,#111 36% 42%,#fff 43%);left:48%;top:48%;box-shadow:0 10px 18px #0005}.pitch small{position:absolute;right:18px;bottom:14px;color:#fff}.sunset-mixer{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(135deg,#ff6b35,#006994);border-radius:8px}@keyframes beatPulse{50%{filter:saturate(1.6);transform:scale(1.008)}}




/* === 10/10 enhancement pass === */
@media (prefers-reduced-motion:no-preference){.animate__animated{animation-duration:.8s}}
.progress-bar{position:fixed;left:0;right:0;top:0;height:4px;z-index:80;background:linear-gradient(90deg,var(--accent),var(--accent2),var(--accent3));transform:scaleX(0);transform-origin:left;box-shadow:0 0 22px var(--accent)}
.cursor-glow{position:fixed;z-index:2;width:260px;height:260px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 24%,transparent),transparent 66%);mix-blend-mode:screen;opacity:.45;transform:translate(-50%,-50%);transition:opacity .2s ease}
.quick-nav{position:fixed;right:18px;top:18px;z-index:30;display:flex;align-items:center;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(0,0,0,.34);backdrop-filter:blur(16px)}
.quick-nav a,.quick-nav button{min-height:36px;border-radius:999px;padding:8px 12px;text-decoration:none;color:var(--paper);font-size:.78rem;font-weight:900;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
.quick-nav button{background:var(--accent);color:var(--dark)}
.back-link{top:70px}
.hero{isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.05),transparent);transform:translateX(-100%);animation:heroSheen 7s ease-in-out infinite;pointer-events:none}.hero-copy{position:relative;z-index:2}.hero-visual{background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.62)),var(--hero-photo),linear-gradient(160deg,var(--deep),var(--dark));background-size:cover;background-position:center;transform-style:preserve-3d;transition:transform .2s ease,filter .5s ease}.hero-visual:before{background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 45%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}.hero-visual .sigil{z-index:3;mix-blend-mode:screen;letter-spacing:0;text-transform:uppercase}.visual-ground{z-index:2;filter:drop-shadow(0 -24px 26px rgba(0,0,0,.28))}.visual-orbit{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.34);border-radius:50%;inset:13%;animation:spinOrbit 16s linear infinite}.orbit-b{inset:27%;animation-duration:9s;animation-direction:reverse;border-style:dashed}.visual-glint{position:absolute;z-index:2;left:12%;top:14%;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 50px 24px var(--accent);animation:glintMove 6s ease-in-out infinite}
.lab-shell{border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:24px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));box-shadow:0 30px 90px rgba(0,0,0,.22)}
.story-step,.dest-card,.photo-strip figure,.micro-panel{box-shadow:0 18px 46px rgba(0,0,0,.18)}
.story-step{cursor:pointer}.story-step:hover{border-color:color-mix(in srgb,var(--accent) 70%,white);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 16%,transparent),rgba(255,255,255,.035))}
.dest-card{transform-style:preserve-3d}.dest-card:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.22),transparent 62%);transform:translateX(-120%);transition:transform .7s ease}.dest-card:hover:before{transform:translateX(120%)}.dest-card.active{outline:2px solid var(--accent);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 24%,transparent)}
.photo-strip{scroll-snap-type:x mandatory}.photo-strip figure{scroll-snap-align:start}.photo-strip img{transition:transform .65s ease,filter .65s ease}.photo-strip figure:hover img{transform:scale(1.08);filter:saturate(1.2)}
.drawer{box-shadow:0 28px 90px rgba(0,0,0,.42)}.drawer-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}.drawer-actions button{font-size:.82rem;padding:10px 12px}.drawer-kicker{color:var(--accent);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;margin-bottom:8px}.route-list{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:8px}.route-list li{padding:9px 10px;border-radius:8px;background:rgba(255,255,255,.07);color:var(--muted)}
.sound-bars{position:absolute;left:18px;bottom:18px;z-index:4;display:flex;gap:5px;height:46px;align-items:end}.sound-bars span{width:7px;border-radius:999px;background:linear-gradient(var(--accent),var(--accent2));height:30%;animation:barDance 1.2s ease-in-out infinite}.sound-bars span:nth-child(2n){animation-delay:-.25s}.sound-bars span:nth-child(3n){animation-delay:-.5s}
.micro-panel{margin-top:20px;padding:20px;border-radius:8px;border:1px solid rgba(255,255,255,.16);background:rgba(0,0,0,.22);display:grid;gap:14px}.micro-panel h3{font-family:var(--display);font-size:1.5rem;margin:0}.micro-panel p,.micro-panel output{color:var(--muted);line-height:1.55}.micro-controls{display:flex;flex-wrap:wrap;gap:10px}.meter{height:14px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}.meter span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .3s}.chip-line{display:flex;flex-wrap:wrap;gap:8px}.chip-line span{padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);font-size:.82rem;color:var(--muted)}
body[data-country="italy"]:before{background-size:4px 4px}.water-rise:after{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(transparent,rgba(0,155,158,.75));animation:waterWobble 1.8s ease-in-out infinite;z-index:1}
body[data-country="brazil"].beat .hero-visual{filter:saturate(1.6) brightness(1.15);animation:microBounce .35s ease}.tempo-hot .dancer-strip button{animation:microBounce .55s ease infinite}
body[data-country="egypt"].torch-mode .hero-visual{filter:sepia(.55) brightness(1.2);box-shadow:0 0 90px color-mix(in srgb,var(--accent) 45%,transparent)}
body[data-country="india"] .festival-wheel.spin{animation:spinOrbit 1.1s cubic-bezier(.2,.8,.2,1)}
body[data-country="greece"] .guardian-grid button.challenging{animation:microBounce .45s ease infinite}
body[data-country="jordan"].torch-mode .siq-stage{box-shadow:inset 0 0 90px #ffb45b}
body[data-country="peru"] .city-map.solstice{box-shadow:0 0 60px color-mix(in srgb,var(--accent) 55%,transparent)}
body[data-country="kenya"].golden-hour .safari-field,body[data-country="kenya"].golden-hour .hero-visual{filter:sepia(.22) saturate(1.35) brightness(1.08)}
body[data-country="iceland"].forecast .plates{box-shadow:inset 0 -45px 100px color-mix(in srgb,var(--accent3) 50%,transparent)}
body[data-country="mexico"].spirit .hero-visual{filter:saturate(1.5) hue-rotate(25deg);box-shadow:0 0 90px color-mix(in srgb,var(--accent) 45%,transparent)}
body[data-country="new-zealand"].cave-mode .hero-visual{filter:brightness(.62) saturate(1.45);box-shadow:inset 0 0 90px #6ee7ff66}
body[data-country="saudi-arabia"][data-era="future"] .hero-visual{filter:contrast(1.1) hue-rotate(18deg)}body[data-country="saudi-arabia"][data-era="ancient"] .hero-visual{filter:sepia(.42) saturate(1.2)}
body[data-country="norway"].marine .fjord-stage{filter:brightness(.72) saturate(1.4)}
body[data-country="thailand"].electric .hero-visual{filter:saturate(1.7);box-shadow:0 0 80px color-mix(in srgb,var(--accent2) 40%,transparent)}
@keyframes heroSheen{45%,100%{transform:translateX(100%)}}@keyframes spinOrbit{to{transform:rotate(360deg)}}@keyframes glintMove{50%{transform:translate(220px,120px);opacity:.45}}@keyframes barDance{50%{height:100%}}@keyframes microBounce{50%{transform:translateY(-4px) scale(1.02)}}@keyframes waterWobble{50%{height:58%;filter:hue-rotate(20deg)}}
@media(max-width:980px){.quick-nav{right:10px;left:10px;top:auto;bottom:10px;justify-content:center}.back-link{top:14px}.lab-shell{padding:16px}.micro-controls{display:grid;grid-template-columns:1fr 1fr}.japan-lab,.egypt-lab,.india-lab,.greece-lab,.jordan-lab,.kenya-lab,.iceland-lab,.mexico-lab,.nz-lab,.saudi-lab,.norway-lab,.thailand-lab,.cinema-lab,.peru-lab{grid-template-columns:1fr!important}}@media(max-width:560px){.quick-nav a,.quick-nav button{font-size:.72rem;padding:7px 9px}.cursor-glow{display:none}.micro-controls{grid-template-columns:1fr}.sound-bars{display:none}}

/* === /10/10 enhancement pass === */