/* Travel atlas visual direction */
body{background-color:#04080d;background-image:radial-gradient(circle at 78% 7%,rgba(0,129,198,.16),transparent 23%),radial-gradient(circle at 9% 36%,rgba(23,87,114,.13),transparent 27%),linear-gradient(rgba(78,153,181,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(78,153,181,.025) 1px,transparent 1px);background-size:auto,auto,64px 64px,64px 64px}.nav:after{content:'ROUTE / 2026';position:absolute;left:50%;transform:translateX(-50%);font:600 9px Manrope;letter-spacing:.2em;color:#526373}.hero:after{content:'';position:absolute;z-index:0;right:-18%;top:-10%;width:780px;height:780px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 52px,rgba(92,185,222,.065) 53px 54px),linear-gradient(115deg,transparent 49.8%,rgba(76,178,218,.09) 50%,transparent 50.2%);pointer-events:none}.hero h1{max-width:720px}.hero-copy:after{content:'BKK 13°45′N 100°30′E  ·  PAR 48°51′N 2°21′E';display:block;margin-top:34px;color:#3e5365;font:600 9px Manrope;letter-spacing:.14em}.reel-frame{position:relative}.route-video{width:100%;height:100%;object-fit:cover;display:block}.video-live{position:absolute;left:16px;top:16px;border:1px solid rgba(255,255,255,.25);background:rgba(3,8,12,.6);backdrop-filter:blur(8px);border-radius:999px;padding:7px 10px;font:700 8px Manrope;letter-spacing:.12em}.video-live i{display:inline-block;width:6px;height:6px;background:#55d8ff;border-radius:50%;margin-right:5px;box-shadow:0 0 12px #55d8ff}.map-coordinate{position:absolute;color:#5f7386;font:600 9px Manrope;letter-spacing:.13em}.coordinate-a{right:-70px;top:40px;writing-mode:vertical-rl}.orbit-a{border-style:dashed}.orbit-a:after,.orbit-a:before{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:#58c5ef;box-shadow:0 0 18px #58c5ef}.orbit-a:before{left:9%;top:24%}.orbit-a:after{right:12%;bottom:20%}.marquee{background:rgba(6,17,25,.8);border-color:rgba(94,179,214,.16)}.section-index{color:#65c9e8}.section h2{letter-spacing:-.05em}.intro{position:relative}.intro:after{content:'N  /  E';position:absolute;bottom:20px;right:0;color:#2c4555;font:700 10px Manrope;letter-spacing:.3em}.travel-atlas{padding:40px 0 130px}.atlas-head{display:grid;grid-template-columns:1fr .72fr;align-items:end;gap:90px;margin-bottom:45px}.atlas-head h2{font:700 clamp(40px,5vw,66px)/1.02 Manrope;margin:14px 0 0;letter-spacing:-.05em}.atlas-head>p{color:#91a4b4;font-size:18px;max-width:500px}.atlas-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:16px;align-items:end;position:relative}.atlas-grid:before{content:'';position:absolute;left:8%;right:8%;top:46%;border-top:1px dashed rgba(94,195,234,.32);z-index:-1}.atlas-shot{margin:0;height:470px;position:relative;border:1px solid rgba(126,194,221,.2);border-radius:22px;overflow:hidden;background:#071019;box-shadow:0 28px 65px rgba(0,0,0,.38)}.atlas-shot:nth-child(2){height:400px;transform:translateY(-24px)}.atlas-shot:nth-child(3){height:430px}.atlas-shot img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.88) contrast(1.04)}.atlas-shot:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(1,7,11,.88))}.atlas-shot figcaption{position:absolute;z-index:2;left:20px;right:20px;bottom:17px;display:flex;align-items:center;justify-content:space-between;font:700 10px Manrope;letter-spacing:.13em}.atlas-shot figcaption b{border:1px solid rgba(255,255,255,.3);width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:9px}.preview-card{position:relative;overflow:hidden;background-image:linear-gradient(140deg,rgba(9,25,38,.96),rgba(5,11,18,.97)),url('/assets/mapa-final.webp');background-size:cover;background-position:center}.preview-card:before{content:'ROUTE BUILDER';position:absolute;right:20px;top:20px;color:#4b6677;font:700 8px Manrope;letter-spacing:.18em}.route-preview{background-image:linear-gradient(160deg,rgba(3,16,25,.58),rgba(2,8,13,.96)),url('/assets/mapa-final.webp');background-size:cover;background-position:center}.route-output span{background:rgba(3,13,20,.78);border:1px solid rgba(91,190,226,.22);padding:7px 9px;border-radius:6px}.social{position:relative}.social:before,.social:after{content:'';position:absolute;width:7px;height:7px;border:1px solid #4aaed4;border-radius:50%;top:50%}.social:before{left:3%}.social:after{right:3%}.route-cinema{padding:30px 0 130px;display:grid;grid-template-columns:.82fr 1.18fr;gap:90px;align-items:center}.cinema-copy h2{font:700 clamp(42px,5vw,66px)/1.03 Manrope;letter-spacing:-.05em;margin:18px 0}.cinema-copy>p:not(.section-index){color:#9aabb8;font-size:18px}.cinema-meta{display:flex;flex-wrap:wrap;gap:8px;margin:27px 0}.cinema-meta span{padding:7px 9px;border:1px solid rgba(95,185,219,.18);border-radius:6px;color:#648094;font:700 8px Manrope;letter-spacing:.13em}.cinema-screen{position:relative;height:650px;border-radius:32px;background:#071018;padding:10px;border:1px solid rgba(92,188,224,.25);box-shadow:0 45px 110px rgba(0,0,0,.5)}.cinema-screen:before{content:'';position:absolute;inset:-20px;border:1px dashed rgba(82,174,209,.12);border-radius:42px;pointer-events:none}.cinema-screen video{width:100%;height:100%;object-fit:cover;border-radius:23px;background:#000}.cinema-label{position:absolute;right:-4px;top:40px;transform:translateX(100%);writing-mode:vertical-rl;color:#496374;font:700 8px Manrope;letter-spacing:.18em}.step{background-image:linear-gradient(145deg,rgba(10,21,31,.94),rgba(5,10,15,.98));border-color:rgba(104,180,208,.13)}.step:nth-child(2){background-image:linear-gradient(145deg,rgba(10,33,47,.98),rgba(5,10,15,.98))}.step-icon{color:#61c7e9}.value{position:relative;overflow:hidden;background:#e9f3f4}.value:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(56,158,179,.14),transparent 24%),repeating-radial-gradient(circle at 90% 50%,transparent 0 70px,rgba(14,92,111,.045) 71px 72px);pointer-events:none}.value-inner{position:relative}.format-stage:before{content:'SOCIAL / READY';position:absolute;top:5%;right:2%;font:700 8px Manrope;letter-spacing:.18em;color:#476072}.mini-screen{position:relative;overflow:hidden;background:#071018}.mini-screen img{width:100%;height:100%;object-fit:cover}.mini-screen span{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);background:rgba(3,8,12,.72);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:5px 9px;font-size:8px;white-space:nowrap}.unique{position:relative;background:linear-gradient(90deg,rgba(2,8,12,.97),rgba(3,12,18,.83)),url('/assets/mapa-europa.webp') right center/48% auto no-repeat}.unique:after{content:'';position:absolute;left:0;right:0;top:48%;border-top:1px dashed rgba(84,180,214,.13);pointer-events:none}.audience-grid article{border-color:rgba(103,182,211,.14);background:linear-gradient(145deg,rgba(9,25,35,.96),rgba(5,10,15,.98))}.gift-card{background-image:linear-gradient(120deg,rgba(8,33,48,.94),rgba(5,12,19,.96)),url('/assets/mapa-final.webp');background-size:cover;background-position:center}.offer-card{position:relative;background-image:linear-gradient(145deg,rgba(9,28,42,.97),rgba(4,9,14,.98) 70%),url('/assets/mapa-europa.webp');background-size:cover}.offer-card:before{content:'LAT  ·  LON  ·  ROUTE';position:absolute;right:30px;bottom:20px;color:#334d5d;font:700 8px Manrope;letter-spacing:.18em}.final-cta{background-image:linear-gradient(rgba(2,8,12,.78),rgba(2,8,12,.94)),url('/assets/mapa-final.webp');background-size:cover;background-position:center}.final-orbit{border-style:dashed}.final-orbit:before{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:#55caef;left:10%;top:28%;box-shadow:0 0 18px #55caef}
@media(max-width:900px){.atlas-head,.route-cinema{grid-template-columns:1fr;gap:38px}.atlas-grid{grid-template-columns:repeat(3,1fr)}.atlas-shot,.atlas-shot:nth-child(2),.atlas-shot:nth-child(3){height:390px;transform:none}.route-cinema{padding-top:10px}.cinema-screen{height:620px;max-width:390px;width:100%;margin:auto}.cinema-label{display:none}.unique{background-size:auto 100%;background-position:135% center}}
@media(max-width:600px){.nav:after{display:none}.hero:after{width:520px;height:520px;right:-80%}.hero-copy:after{font-size:7px;letter-spacing:.08em}.coordinate-a{display:none}.travel-atlas{padding:10px 0 80px}.atlas-head{display:block}.atlas-head>p{font-size:16px}.atlas-grid{grid-template-columns:1fr 1fr;gap:10px}.atlas-shot,.atlas-shot:nth-child(2),.atlas-shot:nth-child(3){height:310px;border-radius:15px}.atlas-shot:first-child{grid-row:span 2;height:630px}.atlas-shot figcaption{left:12px;right:12px;bottom:12px;font-size:7px}.atlas-grid:before{display:none}.route-cinema{padding-bottom:85px}.cinema-copy{text-align:center}.cinema-meta{justify-content:center}.cinema-screen{height:560px}.unique{background-image:linear-gradient(90deg,rgba(2,8,12,.94),rgba(3,12,18,.9)),url('/assets/mapa-europa.webp');background-size:cover;background-position:center}.format-stage{overflow:hidden}.final-cta{background-position:55% center}}
.close{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#17202d;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:30px;line-height:1;z-index:5;touch-action:manipulation}.close:hover,.close:focus-visible{background:#26364a;outline:2px solid #65c9e8;outline-offset:2px}@media(max-width:600px){dialog{max-height:calc(100dvh - 20px)}.modal-shell{max-height:calc(100dvh - 20px);padding-top:66px}.close{position:absolute;right:14px;top:12px}.modal-progress{margin-top:0}}
