@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600&family=Playfair+Display:ital,wght@1,600&display=swap');

:root{
  --bg:#101113;
  --bg-soft:#17171a;
  --panel:#19171a;
  --panel-2:#221a1b;
  --text:#f5efe8;
  --muted:#a7a0a0;
  --muted-2:#777277;
  --line:rgba(255,255,255,.11);
  --line-soft:rgba(255,255,255,.055);
  --gold:#f1c782;
  --orange:#e77b54;
  --peach:#f0a36a;
  --danger:#c75749;
  --radius:30px;
  --ease:cubic-bezier(.22,.8,.22,1);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
button,a{font:inherit}
button{color:inherit}
img{display:block;max-width:100%}
::selection{background:var(--gold);color:#17130f}

.skip-link{position:fixed;left:16px;top:-60px;z-index:100;padding:10px 14px;border-radius:999px;background:#fff;color:#111;text-decoration:none;transition:top .2s ease}
.skip-link:focus{top:16px}

.page{position:relative;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(20px,2.5vw,38px);isolation:isolate;overflow:hidden;background:
radial-gradient(circle at 20% 0%,rgba(240,163,106,.08),transparent 29%),
linear-gradient(180deg,#101113 0%,#0f1012 100%)}

.noise{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.045;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.85'/%3E%3C/svg%3E")}
.ambient{position:absolute;border-radius:50%;filter:blur(90px);opacity:.18;pointer-events:none;z-index:-1}
.ambient-a{width:32vw;height:32vw;min-width:320px;min-height:320px;background:#7b3c2d;left:-14vw;top:19vh}
.ambient-b{width:28vw;height:28vw;min-width:280px;min-height:280px;background:#b16a3e;right:-13vw;bottom:-12vw;opacity:.12}

.site-header{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;position:relative;z-index:5}
.brand{width:clamp(128px,10.5vw,190px);display:block;filter:drop-shadow(0 8px 30px rgba(0,0,0,.18));transition:transform .35s var(--ease),opacity .35s ease}
.brand:hover{transform:translateY(-2px);opacity:.92}
.brand img{width:100%;height:auto}
.header-actions{display:flex;align-items:center;gap:24px;padding-top:4px}
.status-pill{display:flex;align-items:center;gap:9px;color:#c5bdb8;font-size:10px;letter-spacing:.16em;font-weight:600;white-space:nowrap}
.status-dot{width:6px;height:6px;border-radius:50%;background:#f2b46c;box-shadow:0 0 0 0 rgba(242,180,108,.35);animation:pulse 2.4s infinite}
.language{display:flex;align-items:center;gap:8px;color:#716e72;font-size:11px;letter-spacing:.16em;font-weight:600}
.language button{border:0;background:none;padding:4px 0;cursor:pointer;color:#6f6c70;transition:color .2s ease}
.language button:hover,.language button.active{color:#fff}

.hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(460px,.98fr);gap:clamp(22px,3vw,52px);align-items:stretch;min-height:0;padding:clamp(30px,5vh,64px) 0 clamp(18px,3vh,34px)}
.hero-copy{min-height:min(720px,72vh);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(14px,2vw,28px) 0 8px}
.copy-inner{max-width:780px;padding-top:clamp(6px,3vh,28px)}
.eyebrow{display:flex;align-items:center;gap:16px;margin:0 0 clamp(20px,3vh,34px);font-size:clamp(9px,.72vw,11px);letter-spacing:.23em;font-weight:600;color:#a69a93}
.eyebrow-line{width:44px;height:1px;background:linear-gradient(90deg,var(--orange),rgba(231,123,84,.15));box-shadow:0 0 18px rgba(231,123,84,.22)}
.headline{margin:0;font-family:"Manrope",system-ui,sans-serif;font-size:clamp(52px,6.15vw,112px);line-height:.89;letter-spacing:-.062em;font-weight:500;max-width:960px}
.headline span,.headline em{display:block}
.headline em{font-family:"Playfair Display",Georgia,serif;font-weight:600;color:var(--gold);letter-spacing:-.035em;padding-top:.04em;text-shadow:0 12px 38px rgba(240,163,106,.11)}
.lead{max-width:650px;margin:clamp(26px,3.4vh,42px) 0 0;font-size:clamp(15px,1.13vw,18px);line-height:1.8;color:#aaa4a2;font-weight:400}

.meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:720px;margin-top:clamp(30px,4.3vh,54px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.meta-card{padding:18px 18px 18px 0;min-width:0}
.meta-card + .meta-card{border-left:1px solid var(--line);padding-left:18px}
.meta-label{display:block;margin-bottom:7px;color:#6f6b6c;font-size:9px;letter-spacing:.18em;font-weight:600}
.meta-card strong{display:block;color:#d9d0cb;font-size:11px;letter-spacing:.12em;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.soon-block{display:flex;align-items:center;gap:15px;margin-top:clamp(26px,3vh,38px)}
.soon-icon{width:44px;height:44px;color:#ddb477;flex:0 0 auto}
.soon-block strong{display:block;font-size:12px;letter-spacing:.18em;color:#f1ebe6;margin-bottom:5px}
.soon-block span{font-size:12px;color:#7f7a7d}
.coordinates{display:flex;align-items:center;flex-wrap:wrap;gap:13px;color:#6f6c70;font-size:10px;letter-spacing:.16em;font-weight:600;text-transform:uppercase}
.coord-separator{width:18px;height:1px;background:#5e5b5e}
.coord-location{margin-left:8px;color:#959094}

.hero-visual{position:relative;min-height:min(760px,75vh);overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:var(--radius);background:
radial-gradient(circle at 63% 19%,rgba(224,126,80,.18),transparent 25%),
radial-gradient(circle at 12% 84%,rgba(155,64,52,.14),transparent 33%),
linear-gradient(150deg,#241b1d 0%,#17171a 48%,#111215 100%);box-shadow:0 32px 90px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04);transform:translateZ(0)}
.hero-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 25%,transparent 78%,rgba(0,0,0,.18));z-index:7}
.visual-grid{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 82%)}
.sun-glow{position:absolute;width:340px;height:340px;border-radius:50%;right:-90px;top:-80px;background:radial-gradient(circle,rgba(232,130,78,.27) 0%,rgba(187,79,57,.07) 44%,transparent 71%);filter:blur(6px);animation:floatGlow 8s ease-in-out infinite alternate}
.visual-header{position:absolute;z-index:8;top:28px;left:30px;right:30px;display:flex;justify-content:space-between;gap:18px;color:#8b8080;font-size:9px;letter-spacing:.18em;font-weight:600}
.visual-index{color:#6f686a}
.terrain{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible}
.contours path{stroke:rgba(236,218,202,.16);stroke-width:.76;vector-effect:non-scaling-stroke}
.route-shadow{fill:none;stroke:rgba(0,0,0,.36);stroke-width:10;vector-effect:non-scaling-stroke}
.route-base{fill:none;stroke:rgba(242,210,175,.18);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.route-trace{fill:none;stroke:url(#routeGradient);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:12 11;vector-effect:non-scaling-stroke;animation:dash 11s linear infinite;filter:url(#routeGlow)}
.rider{offset-path:path("M147 699C108 631 138 563 209 525C266 494 264 434 315 395C370 353 427 372 460 324C494 275 575 281 597 341C620 402 552 446 499 464C452 480 439 521 475 556C518 599 594 579 608 644C623 713 520 765 430 759C352 754 315 709 258 724C211 736 171 739 147 699Z");offset-rotate:0deg;transform-box:fill-box;transform-origin:center}
.rider-main{animation:ride 13s linear infinite}
.rider-secondary{animation:ride 13s linear infinite -6.5s;opacity:.65}

.visual-copy{position:absolute;z-index:6;left:clamp(28px,4vw,58px);bottom:clamp(90px,13vh,148px);max-width:420px}
.visual-kicker{margin:0 0 14px;color:#9c8580;font-size:9px;letter-spacing:.21em;font-weight:600}
.visual-copy h2{margin:0;font-family:"Manrope",system-ui,sans-serif;font-weight:500;font-size:clamp(54px,5.2vw,86px);line-height:.84;letter-spacing:-.06em}
.visual-copy h2 em{font-family:"Playfair Display",Georgia,serif;color:var(--gold);font-weight:600;letter-spacing:-.025em}
.visual-rule{width:64px;height:1px;margin:24px 0 17px;background:linear-gradient(90deg,#e09161,transparent)}
.visual-copy>p:last-child{margin:0;color:#aaa0a0;font-size:clamp(12px,.92vw,14px);line-height:1.65}

.elevation-card{position:absolute;z-index:6;right:clamp(24px,3vw,42px);bottom:clamp(100px,13vh,148px);width:clamp(170px,14vw,230px);padding:17px 18px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(13,14,16,.33);backdrop-filter:blur(12px);display:flex;align-items:flex-end;gap:14px}
.elevation-card>div{flex:1;min-width:0}
.elevation-card span{display:block;margin-bottom:7px;color:#716b6e;font-size:8px;letter-spacing:.16em}
.elevation-card strong{display:block;color:#d9cbc2;font-size:10px;letter-spacing:.08em;white-space:nowrap}
.elevation-card svg{width:74px;color:#d79e6e;opacity:.8;flex:0 0 auto}
.visual-footer{position:absolute;z-index:8;left:30px;right:30px;bottom:26px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;color:#706a6d;font-size:9px;letter-spacing:.16em;font-weight:600}
.weather-mark{display:flex;align-items:center;gap:9px}
.tiny-sun{width:7px;height:7px;border-radius:50%;background:#ce8c61;box-shadow:0 0 15px rgba(206,140,97,.6)}
.compass{display:flex;align-items:center;gap:8px;color:#827a7c}
.compass svg{width:25px;height:25px}

.site-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:4px;color:#666368;font-size:10px;letter-spacing:.07em}
.site-footer p{margin:0}
.motion-toggle{display:flex;align-items:center;gap:8px;border:0;background:none;padding:8px 0;cursor:pointer;color:#6b686c;font-size:9px;letter-spacing:.12em;text-transform:uppercase;transition:color .2s ease}
.motion-toggle:hover{color:#c3bab7}
.motion-bars{display:flex;gap:3px;align-items:center}
.motion-bars i{display:block;width:2px;height:8px;background:currentColor;border-radius:2px}
.is-paused .motion-bars i:first-child{height:7px;transform:skewY(-28deg) translateX(1px)}
.is-paused .motion-bars i:last-child{height:7px;transform:skewY(28deg) translateX(-1px)}

.reveal{opacity:0;transform:translateY(18px);animation:reveal .85s var(--ease) forwards}
.delay-1{animation-delay:.12s}.delay-2{animation-delay:.23s}.delay-3{animation-delay:.34s}.delay-4{animation-delay:.46s}

@keyframes reveal{to{opacity:1;transform:none}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(242,180,108,.3)}50%{box-shadow:0 0 0 8px rgba(242,180,108,0)}}
@keyframes dash{to{stroke-dashoffset:-46}}
@keyframes ride{from{offset-distance:0%}to{offset-distance:100%}}
@keyframes floatGlow{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-18px,24px,0) scale(1.05)}}

body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after{animation-play-state:paused!important}

@media (max-width:1120px){
  .hero{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr)}
  .headline{font-size:clamp(50px,6.7vw,82px)}
  .elevation-card{display:none}
  .meta-grid{grid-template-columns:1fr;max-width:430px}
  .meta-card{padding:12px 0}
  .meta-card + .meta-card{border-left:0;border-top:1px solid var(--line);padding-left:0}
}

@media (max-width:860px){
  .page{padding:20px}
  .site-header{align-items:center}
  .brand{width:132px}
  .status-pill{display:none}
  .hero{grid-template-columns:1fr;padding-top:34px;gap:36px}
  .hero-copy{min-height:auto;padding:0}
  .copy-inner{padding-top:0}
  .headline{font-size:clamp(54px,13vw,88px);max-width:720px}
  .lead{max-width:620px}
  .meta-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}
  .meta-card{padding:16px 12px 16px 0}
  .meta-card + .meta-card{border-left:1px solid var(--line);border-top:0;padding-left:12px}
  .coordinates{margin-top:34px}
  .hero-visual{min-height:690px}
  .visual-copy{bottom:116px}
  .site-footer{padding-top:8px}
}

@media (max-width:560px){
  :root{--radius:24px}
  .page{padding:17px}
  .site-header{gap:16px}
  .brand{width:116px}
  .header-actions{gap:14px}
  .language{font-size:10px}
  .hero{padding-top:28px;gap:30px}
  .eyebrow{gap:12px;margin-bottom:20px;letter-spacing:.16em}
  .eyebrow-line{width:28px}
  .headline{font-size:clamp(49px,15.2vw,72px);line-height:.91}
  .lead{margin-top:24px;font-size:14px;line-height:1.72}
  .meta-grid{grid-template-columns:1fr;margin-top:28px}
  .meta-card{padding:12px 0}
  .meta-card + .meta-card{border-left:0;border-top:1px solid var(--line);padding-left:0}
  .soon-block{margin-top:24px}
  .coordinates{gap:9px;font-size:8px;letter-spacing:.12em}
  .coord-location{width:100%;margin-left:0;margin-top:3px}
  .hero-visual{min-height:610px}
  .visual-header{top:21px;left:21px;right:21px;font-size:8px}
  .visual-copy{left:24px;right:24px;bottom:102px}
  .visual-copy h2{font-size:clamp(52px,17vw,74px)}
  .visual-kicker{font-size:8px;letter-spacing:.16em}
  .visual-copy>p:last-child{font-size:12px}
  .visual-footer{left:22px;right:22px;bottom:20px;font-size:8px}
  .weather-mark span:last-child{display:none}
  .site-footer{align-items:flex-end;font-size:8px;line-height:1.55}
  .motion-toggle{font-size:0;padding-bottom:1px}
  .motion-toggle #motion-label{display:none}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .rider{display:none}
}