:root{--navy:#012d3a;--navy-mid:#004762;--blue:#1b7899;--cyan:#00d9eb;--cyan-lt:#b2f9f7;--magenta:#c70055;--magenta-h:#ff0079;--light:#ebebeb;--white:#fff;--border:rgba(0,217,235,.14);--border-lt:rgba(235,235,235,.1);--muted:rgba(178,249,247,.55);--muted2:rgba(178,249,247,.32);--card-bg:rgba(0,71,98,.45);--card-bg-h:rgba(27,120,153,.3)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--navy);color:var(--light);-webkit-font-smoothing:antialiased;background-image:radial-gradient(rgba(0,217,235,.06) 1px,transparent 1px);background-size:28px 28px;min-height:100vh;font-family:Inter,sans-serif}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(70% 60% at 80% 20%,rgba(27,120,153,.18) 0%,transparent 60%),radial-gradient(50% 40% at 10% 80%,rgba(0,71,98,.4) 0%,transparent 60%);position:fixed;top:0;bottom:0;left:0;right:0}.controls-wrap{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:rgba(1,45,58,.97);position:-webkit-sticky;position:sticky;top:60px}.controls{justify-content:space-between;align-items:stretch;max-width:1200px;margin:0 auto;padding:0 48px;display:flex}.mode-tabs{border-right:1px solid var(--border);display:flex}button.mode-tab{cursor:pointer;letter-spacing:.1em;text-transform:uppercase;color:var(--muted2);white-space:nowrap;background:0 0;border:none;height:52px;padding:0 20px;font-family:Inter,sans-serif;font-size:10.5px;font-weight:700;transition:color .2s;position:relative}button.mode-tab:after{content:"";background:var(--cyan);height:2px;transition:transform .22s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}button.mode-tab.active{color:var(--cyan)}button.mode-tab.active:after{transform:scaleX(1)}.chips-scroll{scrollbar-width:none;flex:1;align-items:center;gap:6px;padding:0 18px;display:flex;overflow-x:auto}.chips-scroll::-webkit-scrollbar{display:none}button.chip,button.chips-toggle{border:1px solid var(--border);cursor:pointer;color:var(--muted);white-space:nowrap;opacity:0;background:0 0;border-radius:100px;padding:5px 15px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;transition:opacity .4s,background 1.4s,transform .4s;transform:translate(10px)}button.chip:hover,button.chips-toggle:hover{color:var(--cyan-lt);border-color:rgba(0,217,235,.4)}button.chip.active,button.chips-toggle.active{background:var(--cyan);border-color:var(--cyan);color:var(--navy);font-weight:700;transition:background 1s}button.chip.is-visible,button.chips-toggle.is-visible{opacity:1;transform:translate(0)}.view-toggle{border-left:1px solid var(--border);align-items:center;gap:2px;padding:0 0 0 16px;display:flex}button.view-btn{cursor:pointer;width:34px;height:34px;color:var(--muted2);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:all .18s;display:flex}button.view-btn:hover{color:var(--cyan-lt);background:rgba(0,217,235,.08)}button.view-btn.active{color:var(--cyan);background:rgba(0,217,235,.12)}@media (max-width:768px){.controls{flex-flow:wrap;padding-left:20px;padding-right:20px}.controls .mode-tabs{border-right:none;flex-shrink:1;order:0}.controls .chips-scroll{flex-wrap:wrap;flex-shrink:1;order:2;row-gap:1rem;margin:1rem 0;padding-left:0}.controls .view-toggle{flex-shrink:1;order:1}}.tours-wrap{z-index:1;max-width:1200px;margin:0 auto;padding:40px 48px 100px;position:relative}.tours-meta{align-items:center;gap:10px;margin-bottom:24px;display:flex}.tours-label{letter-spacing:.12em;text-transform:uppercase;color:var(--muted2);font-size:10.5px;font-weight:600}.count-pill{color:var(--cyan);background:rgba(0,217,235,.12);border-radius:100px;padding:2px 9px;font-size:11px;font-weight:700}.scrim{z-index:40;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:rgba(1,20,28,.8);display:none;position:fixed;top:0;bottom:0;left:0;right:0}.scrim.open{animation:.25s fadeScrim;display:block}@keyframes fadeScrim{0%{opacity:0}to{opacity:1}}.drawer{z-index:50;background:var(--navy-mid);border-top:2px solid var(--cyan);border-radius:16px 16px 0 0;flex-direction:column;height:84vh;transition:transform .38s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -24px 80px rgba(0,0,0,.6)}.drawer.open{transform:translateY(0)}
