:root{
  --navy:#071f35;
  --navy-2:#0b2c47;
  --cream:#f5efe4;
  --paper:#fbf8f1;
  --white:#ffffff;
  --ink:#12283b;
  --muted:#6d7882;
  --gold:#c79a3b;
  --gold-2:#e0b65e;
  --line:rgba(18,40,59,.13);
  --shadow:0 22px 70px rgba(7,31,53,.16);
  --serif:Georgia,"Times New Roman",serif;
  --sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--sans);
  color:var(--ink);
  background:var(--paper);
  line-height:1.55;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{max-width:var(--max);margin:0 auto;padding:0 32px}
.site-header{
  position:fixed;
  z-index:50;
  inset:0 0 auto 0;
  background:rgba(7,31,53,.96);
  color:white;
  border-bottom:1px solid rgba(255,255,255,.10);
  backdrop-filter:blur(10px);
}
.nav{
  max-width:var(--max);
  margin:0 auto;
  min-height:82px;
  padding:0 32px;
  display:flex;
  align-items:center;
  gap:28px;
}
.brand{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:205px;
  color:white;
}
.brand svg{width:74px;color:var(--gold-2);flex:0 0 auto}
.brand span{
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:1.05rem;
  font-weight:760;
  line-height:1.04;
}
.nav-links{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:28px;
  font-size:.91rem;
  font-weight:670;
}
.nav-links a{opacity:.9}
.nav-links a:hover{color:var(--gold-2)}
.nav-cta{margin-left:18px}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 22px;
  border-radius:0;
  border:1px solid transparent;
  font-weight:800;
  font-size:.92rem;
  letter-spacing:.02em;
}
.btn.gold{background:linear-gradient(180deg,var(--gold-2),var(--gold));color:white;box-shadow:0 15px 34px rgba(199,154,59,.26)}
.btn.outline{border-color:rgba(18,40,59,.35);color:var(--ink);background:rgba(255,255,255,.28)}
.btn.outline.light{border-color:rgba(255,255,255,.72);color:white}
.mobile-menu{display:none}
.hero{
  min-height:760px;
  padding-top:82px;
  display:grid;
  grid-template-columns:1fr 1fr;
  background:var(--cream);
  overflow:hidden;
}
.hero-copy{
  display:flex;
  align-items:center;
  padding:88px 7vw 88px max(32px,calc((100vw - var(--max))/2 + 32px));
  position:relative;
  z-index:3;
}
.hero-copy-inner{max-width:540px}
.hero h1{
  margin:0;
  font-family:var(--serif);
  font-size:clamp(3.7rem,5.8vw,6.6rem);
  line-height:.96;
  letter-spacing:-.058em;
}
.subtitle{
  margin:24px 0 0;
  font-size:1.22rem;
  color:#33485a;
  font-weight:570;
}
.hero-copy p.support{
  margin:20px 0 0;
  max-width:520px;
  color:var(--muted);
  font-size:1.04rem;
}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.hero-images{
  position:relative;
  min-height:680px;
  isolation:isolate;
}
.hero-images::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,var(--cream) 0%,rgba(245,239,228,.72) 12%,rgba(245,239,228,0) 36%);
  z-index:2;
  pointer-events:none;
}
.hero-paragliding{
  position:absolute;
  inset:0 28% 0 0;
  background:url("../assets/images/hero-paragliding.jpg") center/cover no-repeat;
  clip-path:polygon(0 0,100% 0,78% 100%,0 100%);
}
.hero-mtb{
  position:absolute;
  inset:0 0 0 38%;
  background:url("../assets/images/hero-mtb.jpg") center/cover no-repeat;
  clip-path:polygon(24% 0,100% 0,100% 100%,0 100%);
}
.hero-images::after{
  content:"";
  position:absolute;
  right:44px;
  bottom:60px;
  width:220px;
  height:90px;
  border-bottom:2px solid rgba(224,182,94,.75);
  border-left:2px solid transparent;
  opacity:.8;
}
.section{padding:96px 0}
.section.cream{background:var(--cream)}
.section.white{background:#fff}
.kicker{
  font-size:.78rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--gold);
  font-weight:850;
  margin-bottom:16px;
}
.section-title{
  font-family:var(--serif);
  font-size:clamp(2.7rem,4.4vw,4.45rem);
  line-height:1.04;
  letter-spacing:-.045em;
  margin:0;
}
.section-lead{
  font-size:1.08rem;
  color:var(--muted);
  max-width:650px;
  margin:22px 0 0;
}
.experience-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.card{
  background:white;
  border:1px solid var(--line);
  box-shadow:0 16px 46px rgba(7,31,53,.08);
  display:flex;
  flex-direction:column;
  min-height:430px;
}
.card-img{height:190px;overflow:hidden}
.card-img img{width:100%;height:100%;object-fit:cover}
.card-body{padding:28px 28px 30px}
.card-icon{width:54px;height:44px;color:var(--gold);margin-bottom:14px}
.card h3{
  font-family:var(--serif);
  font-size:1.62rem;
  margin:0 0 10px;
  letter-spacing:-.02em;
}
.card p{color:var(--muted);margin:0 0 24px}
.arrow{color:var(--gold);font-weight:900;font-size:1.3rem}
.editorial{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:72px;
  align-items:center;
}
.editorial-copy p{color:var(--muted);font-size:1.05rem}
.text-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:20px;
  color:var(--gold);
  font-weight:830;
  border-bottom:1px solid rgba(199,154,59,.45);
  padding-bottom:7px;
}
.editorial-images{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  min-height:480px;
}
.editorial-images img{
  height:100%;
  width:100%;
  object-fit:cover;
  box-shadow:var(--shadow);
}
.engadin{
  min-height:520px;
  background:url("../assets/images/engadin-banner.jpg") center/cover no-repeat;
  position:relative;
  display:flex;
  align-items:stretch;
}
.engadin::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(7,31,53,.96) 0%,rgba(7,31,53,.76) 35%,rgba(7,31,53,.08) 75%);
}
.engadin-panel{
  position:relative;
  z-index:2;
  color:white;
  width:100%;
  max-width:var(--max);
  margin:0 auto;
  padding:86px 32px;
}
.engadin-panel-inner{max-width:460px}
.engadin h2{
  font-family:var(--serif);
  font-size:clamp(2.8rem,4.4vw,4.6rem);
  line-height:1.04;
  letter-spacing:-.045em;
  margin:0;
}
.engadin p{color:rgba(255,255,255,.82);font-size:1.06rem}
.engadin .text-link{color:var(--gold-2)}
.about{
  display:grid;
  grid-template-columns:160px 1fr 180px;
  gap:42px;
  align-items:center;
}
.profile{
  width:142px;
  height:142px;
  border-radius:50%;
  overflow:hidden;
  box-shadow:0 18px 42px rgba(7,31,53,.16);
  border:7px solid white;
}
.profile img{width:100%;height:100%;object-fit:cover}
.about h2{
  font-family:var(--serif);
  font-size:2.75rem;
  line-height:1.05;
  margin:0 0 18px;
  letter-spacing:-.035em;
}
.about p{color:var(--muted);margin:0;max-width:700px}
.line-art{
  color:var(--gold);
  opacity:.85;
}
.contact{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:46px;
  align-items:start;
}
.contact-box{
  background:white;
  border:1px solid var(--line);
  box-shadow:0 16px 46px rgba(7,31,53,.08);
  padding:34px;
}
.contact-box a{color:var(--gold);font-weight:850}
.contact-list{display:grid;gap:15px;margin-top:20px}
.contact-item{border-top:1px solid var(--line);padding-top:14px;color:var(--muted)}
.footer{
  background:var(--navy);
  color:white;
  padding:52px 0 26px;
}
.footer-grid{
  max-width:var(--max);
  margin:0 auto;
  padding:0 32px;
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr;
  gap:46px;
  align-items:start;
}
.footer-brand{display:flex;gap:14px;align-items:center;color:var(--gold-2)}
.footer-brand svg{width:76px}
.footer-brand span{color:white;text-transform:uppercase;letter-spacing:.12em;line-height:1.05;font-weight:760}
.footer h4{text-transform:uppercase;letter-spacing:.15em;color:var(--gold-2);font-size:.8rem;margin:0 0 14px}
.footer p,.footer a{color:rgba(255,255,255,.72);font-size:.95rem}
.footer-links{display:grid;gap:8px}
.footer-bottom{
  max-width:var(--max);
  margin:36px auto 0;
  padding:22px 32px 0;
  border-top:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.54);
  font-size:.84rem;
  display:flex;
  justify-content:space-between;
  gap:20px;
}
@media(max-width:960px){
  .nav-links{display:none}
  .mobile-menu{display:block;margin-left:auto;color:white;font-weight:800}
  .nav-cta{margin-left:0}
  .hero{grid-template-columns:1fr;min-height:auto}
  .hero-copy{padding:124px 32px 54px}
  .hero-images{min-height:460px}
  .hero-images::before{background:linear-gradient(180deg,var(--cream),rgba(245,239,228,0) 30%)}
  .experience-grid,.editorial,.contact{grid-template-columns:1fr}
  .about{grid-template-columns:120px 1fr}
  .line-art{display:none}
  .footer-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  .nav{min-height:74px;padding:0 22px}
  .brand svg{width:56px}
  .brand span{font-size:.86rem}
  .nav-cta .btn{display:none}
  .hero-copy{padding:104px 24px 44px}
  .hero h1{font-size:3.58rem}
  .hero-actions .btn{width:100%}
  .hero-images{min-height:390px}
  .hero-paragliding{inset:0 20% 0 0}
  .hero-mtb{inset:0 0 0 42%}
  .section{padding:72px 0}
  .container{padding:0 24px}
  .experience-grid{gap:18px}
  .card{min-height:auto}
  .editorial-images{grid-template-columns:1fr;min-height:auto}
  .editorial-images img{height:320px}
  .engadin-panel{padding:72px 24px}
  .about{grid-template-columns:1fr;text-align:left}
  .profile{width:132px;height:132px}
  .footer-bottom{display:grid}
}


/* Alpine Lines v1.1 additions */
.motto-strip{
  background:var(--navy);
  color:white;
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
}
.motto-inner{
  min-height:118px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.motto-inner p{
  margin:0;
  font-family:var(--serif);
  font-size:clamp(1.75rem,3vw,3.05rem);
  line-height:1.1;
  letter-spacing:-.035em;
  color:white;
}
.about-v11{
  padding-bottom:56px;
}
.about-story{
  margin-top:26px;
  padding-top:56px;
  border-top:1px solid var(--line);
}
.story-copy{
  max-width:860px;
  margin-left:202px;
}
.story-copy h3{
  font-family:var(--serif);
  font-size:clamp(2.15rem,3.6vw,3.55rem);
  line-height:1.06;
  letter-spacing:-.04em;
  margin:0 0 24px;
}
.story-copy p{
  color:var(--muted);
  font-size:1.05rem;
  margin:0 0 18px;
}
.story-copy strong{
  color:var(--ink);
}
@media(max-width:960px){
  .story-copy{margin-left:0}
  .about-v11{padding-bottom:34px}
  .about-story{padding-top:40px}
}
@media(max-width:640px){
  .motto-inner{min-height:96px}
  .motto-inner p{font-size:1.85rem}
}


/* Alpine Lines v1.2 corrective overrides */

/* Anchor correction for fixed header navigation */
html{
  scroll-padding-top:104px;
}
:where(section, article, .about-story){
  scroll-margin-top:104px;
}

/* Hero rebuilt to match the approved mockup more closely:
   paragliding is dominant, mountain bike remains secondary. */
.hero{
  position:relative;
  display:block;
  min-height:790px;
  padding-top:82px;
  background:var(--cream);
  overflow:hidden;
}
.hero::before{
  content:"";
  position:absolute;
  z-index:2;
  top:82px;
  bottom:0;
  left:0;
  width:62%;
  background:linear-gradient(90deg,
    rgba(245,239,228,.98) 0%,
    rgba(245,239,228,.92) 29%,
    rgba(245,239,228,.58) 48%,
    rgba(245,239,228,0) 76%);
  pointer-events:none;
}
.hero-copy{
  position:relative;
  z-index:4;
  max-width:var(--max);
  margin:0 auto;
  min-height:708px;
  padding:84px 32px 78px;
  display:flex;
  align-items:center;
}
.hero-copy-inner{
  max-width:535px;
}
.hero-images{
  position:absolute;
  z-index:1;
  top:82px;
  left:0;
  right:0;
  bottom:0;
  min-height:auto;
  isolation:isolate;
}
.hero-images::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  background:linear-gradient(180deg,rgba(7,31,53,.10),rgba(7,31,53,.08));
  pointer-events:none;
}
.hero-paragliding{
  position:absolute;
  inset:0 31% 0 0;
  background:url("../assets/images/hero-paragliding.jpg") center center/cover no-repeat;
  clip-path:polygon(0 0,100% 0,82% 100%,0 100%);
  opacity:.98;
}
.hero-mtb{
  position:absolute;
  inset:0 0 0 55%;
  background:url("../assets/images/hero-mtb.jpg") center center/cover no-repeat;
  clip-path:polygon(17% 0,100% 0,100% 100%,0 100%);
  opacity:.97;
}
.hero-images::after{
  content:"";
  position:absolute;
  z-index:4;
  left:58%;
  bottom:54px;
  width:230px;
  height:86px;
  border-bottom:2px solid rgba(224,182,94,.70);
  opacity:.75;
}

/* Experience cards: less empty vertical space, better premium compactness. */
.card{
  min-height:360px;
}
.card-img{
  height:170px;
}
.card-body{
  padding:24px 26px 24px;
  display:flex;
  flex-direction:column;
  flex:1;
}
.card-icon{
  margin-bottom:10px;
}
.card h3{
  margin-bottom:8px;
}
.card p{
  margin-bottom:18px;
}
.card .arrow{
  margin-top:auto;
}

/* About: profile is now a real Carlo portrait; text kicker corrected in HTML. */
.profile img{
  object-fit:cover;
  object-position:center center;
}

/* Editorial visual correction: no mockup image inside the page. */
.editorial-images img{
  object-position:center center;
}

/* Keep v1.1 motto but avoid excessive vertical weight after hero. */
.motto-inner{
  min-height:104px;
}

/* Responsive rebuild for the new hero */
@media(max-width:960px){
  html{scroll-padding-top:92px}
  :where(section, article, .about-story){scroll-margin-top:92px}
  .hero{
    min-height:auto;
    padding-top:74px;
  }
  .hero::before{
    top:74px;
    bottom:auto;
    height:54%;
    width:100%;
    background:linear-gradient(180deg,
      rgba(245,239,228,.98) 0%,
      rgba(245,239,228,.92) 58%,
      rgba(245,239,228,.18) 100%);
  }
  .hero-copy{
    min-height:auto;
    padding:76px 32px 50px;
  }
  .hero-images{
    position:relative;
    top:auto;
    left:auto;
    right:auto;
    bottom:auto;
    height:470px;
  }
  .hero-paragliding{
    inset:0 18% 0 0;
    clip-path:polygon(0 0,100% 0,86% 100%,0 100%);
  }
  .hero-mtb{
    inset:0 0 0 54%;
    clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);
  }
}
@media(max-width:640px){
  html{scroll-padding-top:82px}
  :where(section, article, .about-story){scroll-margin-top:82px}
  .hero-copy{
    padding:58px 24px 40px;
  }
  .hero h1{
    font-size:3.45rem;
  }
  .hero-images{
    height:410px;
  }
  .hero-paragliding{
    inset:0 0 42% 0;
    clip-path:none;
    background-position:center center;
  }
  .hero-mtb{
    inset:58% 0 0 0;
    clip-path:none;
    background-position:center center;
  }
  .card-img{
    height:185px;
  }
}


/* Alpine Lines v1.2.1 corrective overrides */

/* New approved hero artwork: paragliding dominant, MTB secondary */
.hero-images{
  background:
    linear-gradient(90deg,
      rgba(245,239,228,.98) 0%,
      rgba(245,239,228,.92) 24%,
      rgba(245,239,228,.48) 43%,
      rgba(245,239,228,0) 63%),
    url("../assets/images/hero-alpine-lines-split.jpg") center center / cover no-repeat;
}
.hero-paragliding,
.hero-mtb{
  display:none;
}
.hero-images::before{
  background:linear-gradient(180deg,rgba(7,31,53,.04),rgba(7,31,53,.10));
}
.hero-images::after{
  display:none;
}

/* Profile: keep separation from cream background but make the white ring more refined */
.profile{
  border:4px solid white;
  box-shadow:0 14px 34px rgba(7,31,53,.13);
}

/* Contact section: email + WhatsApp as two clear but sober contact channels */
.contact-channels{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin:22px 0 22px;
}
.contact-channels div{
  border-top:1px solid var(--line);
  padding-top:14px;
}
.contact-channels span{
  display:block;
  font-size:.78rem;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--gold);
  font-weight:850;
  margin-bottom:4px;
}
.contact-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin:22px 0 4px;
}
.btn.whatsapp{
  border-color:rgba(18,40,59,.22);
  background:#fff;
}
.btn.whatsapp:hover{
  border-color:rgba(199,154,59,.65);
  color:var(--gold);
}

@media(max-width:960px){
  .hero-images{
    background:
      linear-gradient(180deg,
        rgba(245,239,228,.08) 0%,
        rgba(245,239,228,.0) 34%),
      url("../assets/images/hero-alpine-lines-split.jpg") center center / cover no-repeat;
  }
}
@media(max-width:640px){
  .hero-images{
    height:420px;
    background-position:center center;
  }
  .contact-actions .btn{
    width:100%;
  }
}


/* Alpine Lines v1.2.2 micro-corrections */

/* Hero: reduce the cream veil slightly so the paraglider/wing reads more clearly,
   without compromising title readability. */
.hero-images{
  background:
    linear-gradient(90deg,
      rgba(245,239,228,.94) 0%,
      rgba(245,239,228,.84) 22%,
      rgba(245,239,228,.34) 43%,
      rgba(245,239,228,0) 63%),
    url("../assets/images/hero-alpine-lines-split.jpg") center center / cover no-repeat;
}
.hero::before{
  background:linear-gradient(90deg,
    rgba(245,239,228,.94) 0%,
    rgba(245,239,228,.80) 29%,
    rgba(245,239,228,.34) 48%,
    rgba(245,239,228,0) 76%);
}

/* Contact anchor: target the internal content block rather than the top of the padded section. */
.anchor-target{
  display:block;
  height:0;
  width:0;
  position:relative;
  top:-72px;
  visibility:hidden;
}
.contact.section{
  scroll-margin-top:0;
}

@media(max-width:960px){
  .hero-images{
    background:
      linear-gradient(180deg,
        rgba(245,239,228,.04) 0%,
        rgba(245,239,228,0) 34%),
      url("../assets/images/hero-alpine-lines-split.jpg") center center / cover no-repeat;
  }
  .anchor-target{
    top:-64px;
  }
}

@media(max-width:640px){
  .anchor-target{
    top:-58px;
  }
}


/* Alpine Lines v1.2.3 micro-corrections */

/* Hero: decisive reduction of the left white veil.
   Text remains supported, but the paragliding wing and pilot are much less washed out. */
.hero-images{
  background:
    linear-gradient(90deg,
      rgba(245,239,228,.72) 0%,
      rgba(245,239,228,.52) 16%,
      rgba(245,239,228,.18) 30%,
      rgba(245,239,228,.04) 42%,
      rgba(245,239,228,0) 54%),
    url("../assets/images/hero-alpine-lines-split.jpg") center center / cover no-repeat;
}
.hero::before{
  width:38%;
  background:linear-gradient(90deg,
    rgba(245,239,228,.78) 0%,
    rgba(245,239,228,.48) 46%,
    rgba(245,239,228,.12) 78%,
    rgba(245,239,228,0) 100%);
}
.hero-images::before{
  background:linear-gradient(180deg,rgba(7,31,53,.00),rgba(7,31,53,.06));
}

/* Contact anchor: id is now on the visible .container.contact block.
   This should land like the validated reference: title and contact box visible immediately. */
#contact{
  scroll-margin-top:126px;
}
section.white{
  scroll-margin-top:0;
}
.anchor-target{
  display:none;
}

@media(max-width:960px){
  .hero-images{
    background:
      linear-gradient(90deg,
        rgba(245,239,228,.62) 0%,
        rgba(245,239,228,.34) 27%,
        rgba(245,239,228,.08) 48%,
        rgba(245,239,228,0) 66%),
      url("../assets/images/hero-alpine-lines-split.jpg") center center / cover no-repeat;
  }
  .hero::before{
    width:46%;
    background:linear-gradient(90deg,
      rgba(245,239,228,.68) 0%,
      rgba(245,239,228,.34) 58%,
      rgba(245,239,228,0) 100%);
  }
  #contact{
    scroll-margin-top:116px;
  }
}

@media(max-width:640px){
  .hero-images{
    background:
      linear-gradient(180deg,
        rgba(245,239,228,.00) 0%,
        rgba(245,239,228,0) 40%),
      url("../assets/images/hero-alpine-lines-split.jpg") center center / cover no-repeat;
  }
  .hero::before{
    width:100%;
    background:linear-gradient(180deg,
      rgba(245,239,228,.66) 0%,
      rgba(245,239,228,.32) 52%,
      rgba(245,239,228,0) 100%);
  }
  #contact{
    scroll-margin-top:96px;
  }
}


/* Alpine Lines v1.2.4 anchor-only correction */

/* Sole change: refine Contact / Request availability landing position.
   Lower scroll-margin-top makes the visible block sit higher in the viewport,
   exposing more of the operational contact box and buttons. */
#contact{
  scroll-margin-top:72px;
}

@media(max-width:960px){
  #contact{
    scroll-margin-top:64px;
  }
}

@media(max-width:640px){
  #contact{
    scroll-margin-top:56px;
  }
}


/* Alpine Lines v1.2.5 micro-navigation correction */

/* Sole corrections:
   - XC Flights lands with the card row more centered and less empty space above.
   - About / More about Carlo lands directly on STORY & APPROACH, with less leftover from the previous section.
   Contact / Request availability remains untouched and validated. */

#xc-flights{
  scroll-margin-top:58px;
}

#about-story{
  scroll-margin-top:56px;
}

@media(max-width:960px){
  #xc-flights{
    scroll-margin-top:54px;
  }

  #about-story{
    scroll-margin-top:52px;
  }
}

@media(max-width:640px){
  #xc-flights{
    scroll-margin-top:48px;
  }

  #about-story{
    scroll-margin-top:48px;
  }
}


/* Alpine Lines v1.2.6 experience-anchor alignment */

/* Sole correction:
   Align Paragliding and Mountain Bike landing positions to the already validated
   XC Flights anchor position. */
#paragliding,
#xc-flights,
#mountain-bike{
  scroll-margin-top:58px;
}

@media(max-width:960px){
  #paragliding,
  #xc-flights,
  #mountain-bike{
    scroll-margin-top:54px;
  }
}

@media(max-width:640px){
  #paragliding,
  #xc-flights,
  #mountain-bike{
    scroll-margin-top:48px;
  }
}


/* Alpine Lines v1.2.7 final anchor fine-tuning */

/* Sole corrections:
   - Experience cards: slightly higher in viewport than v1.2.6,
     so the bottom of the cards is more visible.
   - About story: slightly higher in viewport, closer to the validated desired framing.
   Already validated anchors/sections remain untouched. */

#paragliding,
#xc-flights,
#mountain-bike{
  scroll-margin-top:42px;
}

#about-story{
  scroll-margin-top:32px;
}

@media(max-width:960px){
  #paragliding,
  #xc-flights,
  #mountain-bike{
    scroll-margin-top:40px;
  }

  #about-story{
    scroll-margin-top:30px;
  }
}

@media(max-width:640px){
  #paragliding,
  #xc-flights,
  #mountain-bike{
    scroll-margin-top:38px;
  }

  #about-story{
    scroll-margin-top:28px;
  }
}


/* Alpine Lines v1.2.8 stronger anchor correction */

/* Stronger visible correction after v1.2.7 was technically correct
   but too subtle to be perceptible in real Edge testing. */

#paragliding,
#xc-flights,
#mountain-bike{
  scroll-margin-top:20px;
}

#about-story{
  scroll-margin-top:12px;
}

@media(max-width:960px){
  #paragliding,
  #xc-flights,
  #mountain-bike{
    scroll-margin-top:20px;
  }

  #about-story{
    scroll-margin-top:12px;
  }
}

@media(max-width:640px){
  #paragliding,
  #xc-flights,
  #mountain-bike{
    scroll-margin-top:18px;
  }

  #about-story{
    scroll-margin-top:10px;
  }
}


/* Alpine Lines v1.2.9 about-anchor final correction */

/* Sole correction:
   About / More about Carlo lands slightly higher.
   Experience cards, Contact, Hero and all other validated sections are untouched. */

#about-story{
  scroll-margin-top:0px;
}

@media(max-width:960px){
  #about-story{
    scroll-margin-top:0px;
  }
}

@media(max-width:640px){
  #about-story{
    scroll-margin-top:0px;
  }
}


/* Alpine Lines v1.2.11 deterministic about-anchor correction */

/* No JavaScript. The target #about-story is now a hidden anchor placed
   slightly below the old section top, so the separator line is pushed
   outside the viewport deterministically. */
.about-story{
  position:relative;
}

.about-story-anchor{
  position:absolute;
  top:26px;
  left:0;
  width:1px;
  height:1px;
  pointer-events:none;
  opacity:0;
}

#about-story{
  scroll-margin-top:0px;
}

@media(max-width:960px){
  .about-story-anchor{
    top:26px;
  }
  #about-story{
    scroll-margin-top:0px;
  }
}

@media(max-width:640px){
  .about-story-anchor{
    top:22px;
  }
  #about-story{
    scroll-margin-top:0px;
  }
}


/* Alpine Lines v1.2.12 mobile-public cleanup */

/* Contact / Request availability:
   refined deterministic landing. The previous value left the section slightly too low
   in the viewport, especially on desktop. */
#contact{
  scroll-margin-top:36px;
}

@media(max-width:960px){
  #contact{
    scroll-margin-top:28px;
  }
}

@media(max-width:640px){
  #contact{
    scroll-margin-top:24px;
  }
}

/* Mobile typography cleanup:
   avoid irregular word spacing / over-expanded text rendering on Safari mobile. */
@media(max-width:640px){
  body,
  p,
  .section-lead,
  .subtitle,
  .support,
  .card p,
  .editorial-copy p,
  .engadin p,
  .about p,
  .story-copy p,
  .contact p,
  .contact-item,
  .footer p,
  .footer a{
    text-align:left;
    word-spacing:normal;
    letter-spacing:normal;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
  }

  .story-copy p,
  .about p,
  .contact p,
  .contact-item{
    hyphens:none;
    overflow-wrap:normal;
  }
}


/* Alpine Lines v1.2.13 micro-contact-anchor */

/* Sole correction:
   Request availability / Contact lands slightly higher in the viewport. */
#contact{
  scroll-margin-top:20px;
}

@media(max-width:960px){
  #contact{
    scroll-margin-top:20px;
  }
}

@media(max-width:640px){
  #contact{
    scroll-margin-top:18px;
  }
}


/* Alpine Lines v1.2.14 micro-contact-final */

/* Sole correction:
   Request availability / Contact lands slightly higher than v1.2.13
   so the final conditions sentence remains visible in the desktop landing view. */
#contact{
  scroll-margin-top:8px;
}

@media(max-width:960px){
  #contact{
    scroll-margin-top:8px;
  }
}

@media(max-width:640px){
  #contact{
    scroll-margin-top:12px;
  }
}


/* Alpine Lines v1.2.16 mobile-menu-fix-corrected */

/* Native Safari-compatible mobile menu.
   Corrected approach: do not hide the whole header nav container.
   Only hide the desktop inline link group on mobile. */

.mobile-menu-real{
  display:none;
  position:relative;
  z-index:120;
}

.mobile-menu-real summary{
  list-style:none;
  cursor:pointer;
  user-select:none;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  padding:10px 15px;
  color:#fff;
  font-size:.82rem;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  background:rgba(255,255,255,.08);
}

.mobile-menu-real summary::-webkit-details-marker{
  display:none;
}

.mobile-menu-panel{
  position:absolute;
  right:0;
  top:calc(100% + 12px);
  min-width:222px;
  padding:10px;
  border-radius:18px;
  background:rgba(7,31,53,.98);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 22px 52px rgba(0,0,0,.30);
  display:grid;
  gap:4px;
  z-index:130;
}

.mobile-menu-panel a{
  color:#fff;
  text-decoration:none;
  padding:12px 14px;
  border-radius:12px;
  font-size:.92rem;
  font-weight:760;
  letter-spacing:.01em;
}

.mobile-menu-panel a:hover,
.mobile-menu-panel a:focus{
  background:rgba(255,255,255,.10);
  color:#fff;
}

@media(max-width:760px){
  .mobile-menu-real{
    display:block;
  }

  /* Hide only the desktop inline link group, not the whole header/nav container. */
  .nav-links{
    display:none !important;
  }
}

@media(min-width:761px){
  .mobile-menu-real{
    display:none !important;
  }
}