/* New markup is invisible in the untouched narrow-screen experience */
@font-face{font-family:MorskieRefined;src:url('./assets/MorskieDisplay-Refined.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
.desktop-only{display:none}
@media (min-width:1024px){
  .desktop-redesign .desktop-content h1,.desktop-redesign .desktop-content h2,.desktop-redesign .desktop-content h3{font-family:MorskieRefined,Manrope,Arial,sans-serif;font-weight:600;letter-spacing:.015em;text-transform:uppercase}
  .desktop-redesign{--header-height:clamp(100px,12svh,134px);--hud-height:64px}
  .desktop-redesign .portal-header{gap:0}
  .desktop-redesign .portal-header>.portal-brand,.desktop-redesign .portal-header>.portal-nav,.desktop-redesign .portal-header>.portal-shop{display:none}
  .desktop-redesign .desktop-header{display:flex;width:100%;height:100%;gap:clamp(16px,2vw,40px);align-items:center}
  .desktop-brand{width:clamp(86px,7.8vw,142px);flex-shrink:0;display:flex;align-items:center;justify-content:center;height:100%}
  .desktop-logo{display:block;width:100%;aspect-ratio:1;background-position:center;background-size:contain;background-repeat:no-repeat;pointer-events:none;user-select:none}
  .desktop-brand .desktop-logo{max-height:100%;filter:drop-shadow(0 2px 10px #03121966)}
  .desktop-sections{display:flex;align-items:stretch;justify-content:space-evenly;flex:1;gap:clamp(8px,1vw,22px);height:100%}
  .desktop-sections>a{display:flex;align-items:center;justify-content:center;flex:1;white-space:nowrap;font-size:clamp(14px,1.05vw,20px);position:relative;padding:0 3px}
  .desktop-sections>a:after{content:'';position:absolute;bottom:21%;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .25s}
  .desktop-sections>a:hover:after,.desktop-sections>a:focus-visible:after{transform:scaleX(1)}
  .desktop-destinations{display:flex;gap:10px;flex-shrink:0}
  .desktop-cta{display:inline-flex;position:relative;align-items:center;justify-content:center;gap:clamp(16px,2vw,34px);min-height:56px;padding:16px 48px;border:1px solid #d7b67a88;border-radius:12px;text-align:center;font-size:clamp(15px,1.05vw,20px);line-height:1.3;transition:background .25s,color .25s,border-color .25s}
  .desktop-cta>span[aria-hidden]{position:absolute;right:18px;font-size:22px;line-height:1}
  .desktop-cta-label{font:inherit;text-align:center}
  .desktop-cta--primary{background:var(--gold);border-color:var(--gold);color:var(--ink)}
  .desktop-cta:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
  .desktop-destinations .desktop-cta{padding:14px 18px;font-size:clamp(13px,.9vw,17px);min-height:52px;gap:16px;border-radius:12px}
  .desktop-destinations .desktop-cta>span[aria-hidden]{position:static}
  .desktop-redesign .chapter-panel>.chapter-copy:not(.desktop-content),.desktop-redesign .scene-caption{display:none}
  .desktop-redesign .desktop-content{display:block;width:100%;max-width:none}
  .desktop-redesign .chapter-panel{padding:calc(var(--header-height) + 28px) 8vw calc(var(--hud-height) + 30px) 7.2vw}
  .desktop-kicker{margin:0 0 18px;color:var(--gold);font-size:clamp(12px,.9vw,16px);text-transform:uppercase;letter-spacing:.2em;line-height:1.5}
  .desktop-content h2{font-size:clamp(38px,min(4.6vw,7.2svh),84px);line-height:1.08;letter-spacing:-.025em}
  .desktop-redesign .chapter-home .chapter-panel{text-align:center;align-items:center;justify-content:flex-start;padding-left:8vw;padding-top:calc(var(--header-height) + 18px)}
  .desktop-redesign .chapter-home .opening-shade{background:linear-gradient(180deg,#03121970,#03121944 35%,#031219a8 72%,#031219ed),linear-gradient(90deg,#03121960,transparent 35%,transparent 65%,#03121960)}
  .desktop-hero-lockup{width:min(19vw,29svh);margin:0 auto 6px}
  .desktop-hero-lockup .desktop-logo{filter:drop-shadow(0 4px 24px #03121988)}
  .desktop-route{display:flex;align-items:center;justify-content:center;gap:18px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:0 0 4px;line-height:1.5}
  .desktop-route i{display:block;width:clamp(40px,5vw,95px);height:1px;background:var(--gold);position:relative}
  .desktop-route i:after{content:'';position:absolute;right:0;top:-2px;width:5px;height:5px;background:var(--gold);border-radius:50%}
  .desktop-redesign .chapter-home .desktop-content h1{font-family:MorskieRefined,Arial,sans-serif;font-size:clamp(22px,min(2.45vw,4.7svh),47px);line-height:1.25;letter-spacing:.015em;font-weight:600;margin:auto 0 0;white-space:nowrap}
  .desktop-hero-actions{display:flex;justify-content:center;gap:18px;margin-top:32px}
  .desktop-hero-actions .desktop-cta{min-width:min(24vw,350px);text-align:center}
  .desktop-hero-actions .desktop-cta{border-radius:12px}
  .desktop-redesign .chapter-home .desktop-content{display:flex;flex:1;flex-direction:column;align-items:center}
  .desktop-redesign .chapter-home .desktop-hero-actions{margin-top:0;padding-top:24px;flex-shrink:0}
  .desktop-redesign .chapter-home .chapter-panel{padding-bottom:calc(var(--hud-height) + 24px)}
  .desktop-redesign .chapter-origin .chapter-visual,.desktop-redesign .chapter-taste .chapter-visual{display:none}
  .desktop-direction-heading{position:absolute;top:0;left:0}
  .desktop-direction-heading h2{font-size:clamp(28px,2.45vw,48px)}
  .desktop-circles{display:flex;justify-content:center;align-items:center;gap:8vw;padding:5svh 2vw 0 12vw}
  .desktop-circle{display:block;position:relative;width:min(31vw,48svh);aspect-ratio:1;flex-shrink:0;border-radius:50%;isolation:isolate}
  .desktop-circle:before,.desktop-circle:after{content:'';position:absolute;inset:-12px;border:1px solid #d7b67a55;border-radius:50%;pointer-events:none;transition:transform .5s}
  .desktop-circle:after{inset:-28px;border-color:#d7b67a19}
  .desktop-circle--wholesale{width:min(25vw,39svh);margin-top:18svh}
  .desktop-circle-photo{position:absolute;inset:0;border-radius:50%;overflow:hidden}
  .desktop-circle-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
  .desktop-circle-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#03121900,#03121930 20%,#031219d9 88%)}
  .desktop-circle--retail .desktop-circle-photo img{object-position:65% center}
  .desktop-circle--wholesale .desktop-circle-photo img{object-position:48% center}
  .desktop-circle-label{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:0 16px 17%}
  .desktop-circle-label small{font-size:clamp(11px,.8vw,15px);letter-spacing:.15em;text-transform:uppercase;color:var(--gold)}
  .desktop-circle-label h3{font-size:clamp(25px,2.4vw,45px);line-height:1.1;margin:14px 0 22px}
  .desktop-circle-label>span{font-size:clamp(13px,.95vw,18px);display:flex;gap:16px;align-items:center}
  .desktop-circle-label>span>span{font-size:23px}
  .desktop-circle--wholesale h3{font-size:clamp(23px,2vw,38px)}
  .desktop-circle:hover img{transform:scale(1.06)}.desktop-circle:hover:before{transform:scale(1.025)}
  .desktop-redesign .chapter-taste .desktop-content{padding-right:1vw}
  .desktop-geo-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}
  .desktop-geo-heading h2{font-size:clamp(34px,min(3.5vw,6svh),66px)}
  .desktop-map-modes{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid #ffffff30;border-radius:12px;min-width:250px;background:#061221}
  .desktop-map-modes button{border:1px solid transparent;background:transparent;padding:12px 22px;min-height:46px;font-size:15px;line-height:1.3;color:#ffffffaa;border-radius:8px;text-align:center}
  .desktop-map-modes button[aria-pressed=true]{color:var(--ink);background:var(--gold);border-color:var(--gold);box-shadow:none}
  .desktop-map-modes button:hover:not([aria-pressed=true]){background:#ffffff0a;color:var(--paper)}
  .desktop-geo-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,22%);align-items:center;gap:3vw;margin-top:22px}
  .desktop-map-stage{min-width:0;min-height:28svh;display:flex;align-items:center;justify-content:center;color:#ffffff99}
  .desktop-map-stage svg{width:100%;max-height:39svh;overflow:visible}
  .desktop-map-stage path{fill:#43606a;stroke:#aac0c477;stroke-width:.65;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .18s}
  .desktop-map-stage path:hover{fill:#a38d65}.desktop-map-stage path.is-selected{fill:var(--gold);stroke:var(--paper)}
  .desktop-map-city{cursor:pointer}
  .desktop-map-city line{stroke:var(--gold);stroke-width:1;opacity:.7;pointer-events:none}
  .desktop-map-city circle{fill:var(--gold);stroke:#061221;stroke-width:2}
  .desktop-map-city text{fill:var(--paper);font:28px Manrope,Arial,sans-serif;paint-order:stroke;stroke:#061221;stroke-width:5;stroke-linejoin:round}
  .desktop-region-card{border-left:1px solid #d7b67a66;padding:16px 0 16px 26px;min-width:0}
  .desktop-region-card>span{font-size:13px;text-transform:uppercase;letter-spacing:.16em;color:var(--gold)}
  .desktop-region-card h3{font-size:clamp(22px,1.8vw,32px);line-height:1.2;margin:17px 0;overflow-wrap:anywhere}
  .desktop-region-card p{font-size:15px;line-height:1.65;color:#ffffff99;margin:0 0 25px}
  .desktop-region-card label{display:block;font-size:12px;color:#ffffff99;margin-bottom:8px}
  .desktop-region-card select{width:100%;min-height:50px;padding:12px;font:14px Manrope;background:#061221;border:1px solid #ffffff33;color:var(--paper);border-radius:8px}
  .desktop-map-retry{border:0;border-bottom:1px solid var(--gold);background:none;color:var(--gold);padding:10px 0;margin-top:14px;font-size:13px}
  .desktop-map-note{font-size:13px;line-height:1.7;color:#ffffff77;margin:8px 0 0}
  .desktop-redesign .chapter-table .desktop-content{margin-left:44vw;width:calc(100% - 44vw);max-width:670px}
  .desktop-redesign .chapter-table .visual-table{height:60svh;width:39vw}
  .desktop-redesign .chapter-table .visual-table:not(.desktop-about-visual){display:none}
  .desktop-redesign .chapter-table .desktop-about-visual{display:block;height:46svh;aspect-ratio:3/2}
  .desktop-redesign .desktop-about-visual img{object-position:50% center}
  .desktop-about-lead{font-size:clamp(17px,1.35vw,25px);line-height:1.65;color:#ffffffcf;margin:25px 0}
  .desktop-about-story{border-top:1px solid #ffffff30;padding-top:23px;max-width:510px}
  .desktop-about-story>span{font-size:13px;letter-spacing:.1em;color:var(--gold);text-transform:uppercase}
  .desktop-about-story p{font-size:clamp(14px,1vw,19px);line-height:1.7;color:#ffffff99;margin:13px 0 20px}
  .desktop-about-link{display:inline-flex;align-items:center;gap:50px;border-bottom:1px solid #ffffff60;padding:10px 0;font-size:15px}
  .desktop-contact-heading h2{font-size:clamp(38px,min(4.8vw,7svh),90px)}
  .desktop-contact-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:7vw;margin-top:4svh}
  .desktop-contact-direct{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding-top:6px}
  .desktop-phone{font-size:clamp(29px,3vw,56px);letter-spacing:-.03em;white-space:nowrap}
  .desktop-mail{font-size:clamp(22px,2.1vw,39px);color:var(--gold)}
  .desktop-telegram{font-size:15px;color:#ffffffaa;border-bottom:1px solid #ffffff44;padding:12px 0;display:inline-flex;gap:40px}
  .desktop-contact-place{padding-left:3vw;border-left:1px solid #ffffff33;position:relative}
  .desktop-contact-place>span{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold)}
  .desktop-contact-place h3{font-size:clamp(27px,2.2vw,42px);margin:16px 0 12px}
  .desktop-contact-place p{font-size:clamp(16px,1.35vw,24px);line-height:1.55;margin:0 0 16px}
  .desktop-contact-place small{display:block;font-size:13px;line-height:1.7;color:#ffffff88}
  .desktop-contact-place>a{display:inline-flex;align-items:center;gap:35px;padding:13px 0 8px;border-bottom:1px solid #d7b67a77;font-size:14px;color:var(--gold);margin-top:7px}
  .desktop-contact-bottom{margin-top:3svh;border-top:1px solid #ffffff30;padding-top:22px}
  .desktop-contact-bottom>div{display:flex;gap:18px}
  .desktop-contact-bottom>p{display:flex;justify-content:space-between;margin:22px 0 0;color:#ffffff77;font-size:12px}
  .desktop-redesign .portal-hud{font-size:11px}.desktop-redesign .motion-toggle{font-size:11px}.desktop-redesign .chapter-rail{right:calc(var(--gutter) - 20px)}
  /* A deep blue-black field with photographic sea texture and a defined light edge */
  .desktop-redesign .cinema-stage{background:radial-gradient(ellipse at 88% 10%,#123866 0%,#09182f 36%,#020812 76%)}
  .desktop-redesign .cinema-stage:before{content:'';position:absolute;inset:0;background:url('/demo/assets/route-far-east.webp') center/cover no-repeat;filter:grayscale(.75) contrast(1.4);opacity:.075;mix-blend-mode:screen}
  .desktop-redesign .cinema-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 46%,#8faed809 51%,transparent 55%),radial-gradient(ellipse at 7% 100%,#d7b67a12,transparent 44%)}
  .desktop-redesign .stage-orbit{border-color:#d7b67a24;box-shadow:0 0 90px #2457a00c,inset 0 0 90px #2457a00c}
  .desktop-redesign .stage-orbit:after{content:'';position:absolute;inset:36px;border:1px solid #729cd912;border-radius:50%}
  .desktop-redesign .stage-horizon{background:linear-gradient(90deg,transparent,#d7b67a28 44%,#a3c5ef33 75%,transparent)}
  .desktop-redesign .desktop-map-stage path{fill:#1c3554;stroke:#7895b866}
  .desktop-redesign .desktop-map-stage path:hover{fill:#466a96}
  .desktop-redesign .desktop-map-stage path.is-selected{fill:var(--gold);stroke:var(--paper)}
}
@media (min-width:1024px) and (max-height:780px){
  .desktop-redesign{--header-height:90px;--hud-height:52px}
  .desktop-redesign .chapter-panel{padding-top:112px;padding-bottom:74px}
  .desktop-kicker{margin-bottom:12px}.desktop-route{margin-bottom:4px}.desktop-hero-actions{margin-top:24px}
  .desktop-hero-lockup{width:min(17vw,27svh)}
  .desktop-about-lead{margin:18px 0}.desktop-about-story{padding-top:16px}.desktop-about-story p{margin:10px 0}
  .desktop-contact-layout{margin-top:24px}.desktop-contact-direct{gap:16px}.desktop-contact-place h3{margin:10px 0}
  .desktop-contact-place p{margin-bottom:12px}.desktop-contact-place small{font-size:12px}
  .desktop-contact-bottom{margin-top:20px;padding-top:18px}.desktop-contact-bottom>p{margin-top:15px}
  .desktop-contact-bottom .desktop-cta{min-height:48px;padding:13px 48px}
}
@media (min-width:1024px) and (max-width:1200px){
  .desktop-redesign .desktop-header{gap:12px}.desktop-destinations{gap:6px}.desktop-destinations .desktop-cta{padding:13px 10px;gap:8px;font-size:12px}.desktop-sections>a{font-size:13px}
  .desktop-circles{gap:7vw;padding-left:11vw}.desktop-circle-label small{font-size:10px}
}