@media(min-width:1600px){.hero{height:760px}.nav-wrap{padding-inline:20px}}@media(max-width:1150px){.nav-wrap{gap:16px;padding:17px 25px}#navigation{gap:17px}.brand span{font-size:14px}.brand img{width:64px}.nav-actions{gap:6px}.button{padding:11px 15px}}@media(max-width:980px){.nav-wrap{padding:14px 24px}.menu-toggle{display:flex;order:3}.nav-actions{margin-left:auto}#navigation{position:absolute;top:100%;left:0;right:0;padding:16px 24px 26px;background:var(--forest-dark);display:none;align-items:stretch;flex-direction:column;gap:1px;box-shadow:0 15px 25px #0002}#navigation.is-open{display:flex;animation:menu-in .25s ease}#navigation>a,#navigation>button{text-align:left;padding:12px;font-size:14px;width:100%}#navigation .active:after{left:12px;right:auto;width:35px;bottom:4px}.hero{height:640px;min-height:580px}.hero h1{font-size:54px;letter-spacing:-1.8px;max-width:760px}.hero-content{padding-top:80px}.hero-slide[data-index="0"]{background-position:37% center!important}.hero-slide[data-index="2"]{background-position:35% center!important}}@media(max-width:600px){.nav-wrap{padding:12px 18px;gap:8px}.brand{gap:6px}.brand img{width:57px;height:42px}.brand span{font-size:12px;letter-spacing:-.2px}.nav-actions .social{display:none}.nav-actions .button{font-size:10px;min-height:35px;padding:9px 12px;gap:6px}.nav-actions .button svg{width:12px}.menu-toggle{width:38px;padding:6px}.hero{height:600px;min-height:540px}.hero-content{padding:65px 22px 35px}.hero h1{font-size:clamp(35px,8.7vw,48px);letter-spacing:-1.3px;max-width:480px;min-height:3.39em;display:flex;align-items:center;justify-content:center}.script{font-size:39px;margin-bottom:12px}.hero-description{font-size:12px;line-height:1.8;margin-top:15px;max-width:345px;min-height:5.4em}.hero-mountain{margin-top:15px;gap:12px}.hero-mountain span{width:68px}.hero-mountain svg{width:65px;height:32px}.hero-controls{bottom:53px;gap:15px}.edge{height:30px}.hero-shade{background:linear-gradient(180deg,#061b2e75,#071b2048 30%,#061c266b 70%,#061b204d)}.hero-slide{background-position:center}.hero-slide[data-index="0"]{background-position:33% center!important}.hero-slide[data-index="1"]{background-position:28% center!important}.hero-slide[data-index="2"]{background-position:26% center!important}.hero-slide[data-index="3"]{background-position:52% center!important}}@media(max-width:370px){.brand img{width:45px}.brand span{font-size:11px}.nav-wrap{padding-inline:12px}.nav-actions .button{padding-inline:10px}}

@media(min-width:700px){
 .intro-grid{grid-template-columns:1fr 1fr;gap:32px}
 .why-grid{grid-template-columns:.92fr 1.08fr}
 .about-grid{grid-template-columns:1.08fr .92fr}
 .intro-section{padding-top:35px}
 .about-section{padding-top:30px;padding-bottom:70px}
 .intro-body{font-size:14px;line-height:1.6}
}
@media(min-width:1100px){
 .section-container{width:min(1240px,calc(100% - 96px))}
 .intro-grid{gap:54px}
 .why-grid{grid-template-columns:.86fr 1.14fr}
 .about-grid{grid-template-columns:1.08fr .92fr;gap:44px}
 .why-grid .intro-copy{padding-left:12px}
 .intro-section{padding-top:42px;padding-bottom:4px}
 .about-section{padding-top:22px;padding-bottom:80px}
 .intro-body{font-size:15px;line-height:1.65}
 .eyebrow{font-size:13px}
 .feature-row{margin-top:24px;max-width:465px}
 .feature-row svg{width:38px;height:38px}
 .feature-row span{font-size:12px}
 .intro-copy h3{font-size:17px}
 .intro-copy .guide-script{font-size:41px}
}
@media(max-width:699px){
 .intro-copy h2{max-width:450px;letter-spacing:-.9px}
 .why-grid .intro-art{margin-top:0}
 .intro-grid{gap:20px}
 .intro-body{font-size:14px;line-height:1.7;max-width:none}
 .feature-row{margin-top:23px}
 .feature-row li{padding-inline:4px}
 .feature-row span{font-size:10px}
 .intro-art{max-width:560px;width:100%;margin-inline:auto}
 .about-section{padding-top:24px;padding-bottom:50px}
 .about-grid{gap:22px}
 .intro-copy .guide-script{font-size:35px}
 .intro-copy .guide-heading{font-size:43px}
}

/* Final spacing for the two sections below the hero. */
@media(max-width:699px){
 .intro-section{padding-top:30px}
 .about-section{padding-top:18px;padding-bottom:52px}
 .feature-row span{font-size:11px;line-height:1.45;overflow-wrap:break-word}
 .feature-row li{gap:10px}
 .about-grid .intro-copy{padding-top:2px}
}
@media(min-width:700px) and (max-width:899px){
 .intro-grid{gap:24px}
 .intro-copy h2{font-size:30px}
 .intro-copy .guide-heading{font-size:42px}
 .intro-copy h3{font-size:14px}
 .feature-row li{padding-inline:3px}
 .feature-row span{font-size:10px}
}

@media(min-width:600px){.adventure-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.destination-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.destination-card{height:255px}.destination-copy{left:15px;right:15px;gap:8px;flex-wrap:wrap}.destination-card .card-title{font-size:15px}.destination-card .card-arrow{width:25px;height:25px;flex-basis:25px}.location-icon{display:none}}
@media(min-width:1100px){.adventure-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.adventure-card{height:355px}.adventure-card-copy{inset:auto 21px 22px}.adventure-card .card-title{font-size:22px}.card-description{font-size:11px}.destination-card{height:240px}.destination-copy{flex-wrap:nowrap;left:20px;right:20px}.location-icon{display:block}.destination-card .card-title{font-size:18px}.scenic-section{padding-top:35px}.about-section{padding-bottom:42px}}
@media(max-width:980px){.header.scrolled #navigation{background:#fffdf6;border-radius:24px;margin-top:9px;border:1px solid var(--border-light)}.header.scrolled .nav-wrap{padding:8px 16px}.header.scrolled{width:calc(100% - 28px);top:10px}}
@media(max-width:600px){.header.scrolled{width:calc(100% - 20px);top:8px;border-radius:28px}.header.scrolled .nav-wrap{padding:7px 11px;gap:5px}.header.scrolled .brand img{width:49px;height:36px}.header.scrolled .brand span{font-size:11px}.scenic-section{padding-top:32px}.scenic-section:before{height:210px;background-size:auto 100%}.section-heading{margin-bottom:23px}.section-heading h2{font-size:30px;letter-spacing:-1px}.section-heading>p:last-child{font-size:13px}.adventure-card{height:360px}.adventure-card .card-title{max-width:210px}.card-description{max-width:235px}.destination-card{height:245px}.destinations-section{padding-bottom:45px}.destination-note{font-size:10px}}

/* Final card layouts for phone, tablet and desktop. */
@media(max-width:767px){
 .adventure-grid,.destination-grid{grid-template-columns:minmax(0,1fr);gap:18px}
 .destination-card{height:245px}
 .destination-copy{flex-wrap:nowrap;left:22px;right:22px}
 .destination-card .card-title{font-size:18px}
 .location-icon{display:block}
}
@media(min-width:768px) and (max-width:1023px){
 .adventure-grid,.destination-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 .destination-card{height:250px}
 .destination-copy{flex-wrap:nowrap}
}
@media(min-width:1024px){
 .adventure-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
 .destination-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
 .adventure-card-copy{left:19px;right:19px}
 .adventure-card .card-title{font-size:21px}
 .card-description{font-size:11px}
}

/* Keep the same three-card composition at every screen size. */
@media(min-width:1600px){.adventure-cta{min-height:350px}}
@media(min-width:601px) and (max-width:900px){.testimonials-heading{margin-bottom:42px}.memories-stage{height:460px}.memory-card[data-position="active"]{width:53%}.memory-card{width:39%}.memory-card[data-position="previous"]{transform:translateX(-122%)}.memory-card[data-position="next"]{transform:translateX(22%)}}
@media(max-width:600px){
 .testimonials-section{padding:40px 0 90px}
 .testimonials-section .section-container{width:calc(100% - 34px)}
 .testimonials-heading{margin-bottom:44px}
 .testimonials-heading .script{font-size:48px;margin-bottom:9px}
 .testimonials-heading h2{font-size:clamp(25px,7.5vw,35px);letter-spacing:-1.1px;line-height:1.18;margin-bottom:22px}
 .testimonials-heading>p:last-child{font-size:13px;line-height:2;max-width:330px;margin-inline:auto}
 .mobile-break{display:block}
 .memories-stage{height:clamp(360px,115vw,520px)}
 .memory-card{width:64%;height:70%;top:15%;border-radius:22px}
 .memory-card[data-position="active"]{width:80%;height:100%;top:0;border-radius:23px}
 .memory-card[data-position="previous"]{transform:translateX(-78%)}
 .memory-card[data-position="next"]{transform:translateX(-22%)}
 .memories-controls{margin-top:30px;gap:18px}
 .memory-arrow{width:62px;height:62px}
 .testimonials-edge{height:50px}
 .adventure-cta{min-height:425px;align-items:flex-start;padding:38px 0 50px;background-position:68% center}
 .adventure-cta:before{background:linear-gradient(90deg,#061c37bd,#061c3740),linear-gradient(180deg,#061c3750,transparent 80%)}
 .adventure-cta-copy{max-width:325px}
 .adventure-cta h2{font-size:34px;letter-spacing:-1px}
 .adventure-cta p{font-size:13px;max-width:275px}
 .desktop-break{display:none}
 .adventure-cta .button{font-size:11px;padding-inline:18px;gap:12px;white-space:normal}
}

/* Narrower layered cards, still overlapping on phones and desktop. */
@media(min-width:901px){
 .memory-card{width:33%}
 .memory-card[data-position="active"]{width:40%}
 .memory-card[data-position="previous"]{transform:translateX(-135%)}
 .memory-card[data-position="next"]{transform:translateX(35%)}
}
@media(min-width:601px) and (max-width:900px){
 .memory-card{width:34%}
 .memory-card[data-position="active"]{width:46%}
 .memory-card[data-position="previous"]{transform:translateX(-128%)}
 .memory-card[data-position="next"]{transform:translateX(28%)}
 .contact-grid{gap:30px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
 .contact-form{padding:24px}
 .contact-form-row{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){
 .memory-card{width:56%}
 .memory-card[data-position="active"]{width:72%}
 .memory-card[data-position="previous"]{transform:translateX(-88%)}
 .memory-card[data-position="next"]{transform:translateX(-12%)}
 .contact-section{padding:42px 0 52px}
 .contact-grid{grid-template-columns:minmax(0,1fr);gap:32px}
 .contact-intro .script{font-size:43px}
 .contact-intro h2{font-size:36px;letter-spacing:-1.2px}
 .contact-description{font-size:13px;margin-bottom:24px}
 .contact-form{padding:24px 20px;gap:17px;border-radius:22px}
 .contact-field input,.contact-field textarea{font-size:16px}
 .contact-form-row{grid-template-columns:minmax(0,1fr);gap:17px}
 .contact-submit{width:100%;justify-content:center;padding-inline:15px;gap:12px}
 .contact-form-note{margin-top:10px}
 .adventure-cta{min-height:300px;padding-block:36px 45px}
}
@media(max-width:350px){
 .nav-wrap{padding-inline:10px;gap:3px}
 .brand span{font-size:10px}
 .brand img{width:40px}
 .nav-actions .button{font-size:9px;padding-inline:8px}
 .header.scrolled .brand span{font-size:10px}
 .header.scrolled .brand img{width:38px}
 .header.scrolled .nav-wrap{gap:2px;padding-inline:8px}
 .contact-form{padding-inline:16px}
 .contact-intro h2{font-size:32px}
}

@media(min-width:901px){.adventure-cta>.section-container,.contact-section>.section-container{width:min(1200px,calc(100% - 96px))}.contact-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:60px}.contact-form{width:100%;max-width:540px;justify-self:end}}
@media(min-width:1600px){.adventure-cta{min-height:370px}}
@media(min-width:601px) and (max-width:900px){.adventure-cta{min-height:330px}.adventure-cta-copy{max-width:430px}.contact-form{padding:24px}}
@media(max-width:600px){
 .adventure-cta{min-height:325px;padding:32px 0 42px}
 .adventure-cta .cta-eyebrow{font-size:31px;margin-bottom:12px}
 .adventure-cta h2{font-size:32px;max-width:290px}
 .adventure-cta-copy{max-width:300px}
 .adventure-cta p:not(.cta-eyebrow){max-width:260px;font-size:13px;line-height:1.75}
 .adventure-cta:before{background:linear-gradient(90deg,#102b27db,#102b2770 70%,#102b2725)}
 .contact-section{padding-top:42px}
 .contact-form{padding:24px 20px}
}

/* Preserve the original compact heights defined above. */
.adventure-cta-image{object-fit:fill;object-position:center}
@media(max-width:900px){.adventure-cta-image{object-position:right center}}
@media(max-width:600px){
 .adventure-cta-copy{max-width:260px}
 .adventure-cta h2{font-size:29px;max-width:260px;line-height:1.12}
 .adventure-cta p:not(.cta-eyebrow){max-width:225px;line-height:1.65}
}

/* Floating navigation uses the forest palette to contrast with the white logo. */
.header:not(.scrolled){box-shadow:none;transition:none}
.header.scrolled{top:10px;max-width:1040px;width:calc(100% - 72px);border-radius:32px;background:#163c2c;color:white;border-color:#35614c;box-shadow:0 8px 24px #102d2026}
.header.scrolled .nav-wrap{padding:7px 18px;gap:18px}
.header.scrolled .brand img{height:38px;width:62px;padding:0;background:transparent}
.header.scrolled .brand span{font-size:13px}
.header.scrolled .brand strong,.header.scrolled #navigation .active,.header.scrolled #navigation>a:hover{color:var(--gold-primary)}
.header.scrolled #navigation>a:not(.active):not(:hover){color:white}
.header.scrolled #navigation{gap:20px}
.header.scrolled .nav-actions{gap:8px}
.adventure-menu{position:relative;flex:none}
#adventure-toggle{display:flex;align-items:center;gap:5px;padding:13px 0;border:0;background:none;color:inherit;font:inherit;font-size:12px;font-weight:600;white-space:nowrap}
#adventure-toggle:hover,#adventure-toggle[aria-expanded="true"]{color:var(--gold-primary)}
#adventure-toggle svg{width:13px;height:13px}
#adventure-options{position:absolute;top:100%;left:0;min-width:196px;padding:6px;border:1px solid #35614c;border-radius:14px;background:#163c2c;color:white;box-shadow:0 8px 24px #102d2038}
#adventure-options a{display:block;padding:11px 12px;border-radius:8px;font-size:12px;white-space:nowrap}
#adventure-options a:hover,#adventure-options a:focus-visible{background:#ffffff14;color:var(--gold-primary)}
.nav-actions .button svg{width:17px;height:17px;flex:none}
@media(max-width:1150px){.header.scrolled #navigation{gap:14px}.header.scrolled .nav-wrap{gap:12px}}
@media(max-width:980px){.header.scrolled #navigation{background:#163c2c;border-color:#35614c;gap:1px}.header.scrolled{width:calc(100% - 48px)}}
@media(max-width:980px){
 #adventure-toggle{width:100%;justify-content:space-between;padding:12px;font-size:14px}
 #adventure-options{position:static;box-shadow:none;margin:0 12px 6px}
}
@media(max-width:767px){
 .header .menu-toggle,.header #navigation.is-open{display:none}
 .header .nav-actions{gap:4px}
 .header .nav-actions .social{display:inline-flex;width:38px;height:44px;padding:8px}
 .header .nav-actions .social svg{width:21px;height:21px}
}
@media(max-width:699px){
 .about-grid .intro-copy{order:0}
 .about-grid .about-art{order:1}
}
/* Keep legacy controls hidden if an older homepage is still cached. */
.memories-carousel .memory-autoplay,.destination-controls .destination-count,.destination-controls .destination-playback{display:none}
@media(max-width:767px){
 .destination-grid{touch-action:pan-y}
 .destination-card{height:clamp(270px,76vw,380px)}
 .destination-controls:not([hidden]){display:flex;justify-content:center;align-items:center;gap:20px;margin-top:22px}
 .destination-arrow{display:grid;place-items:center;width:44px;height:44px;padding:12px;border:0;border-radius:50%;background:var(--gold-primary);color:var(--forest-dark);cursor:pointer}
 .destination-arrow svg{width:22px;height:22px}
}
@media(max-width:600px){
 .header.scrolled{top:8px;width:calc(100% - 40px);border-radius:32px}
 .header.scrolled .nav-wrap{padding:6px 10px;gap:4px}
 .header.scrolled .brand{gap:5px}
 .header.scrolled .brand img{width:50px;height:34px}
 .header.scrolled .brand span{font-size:10px}
 .header.scrolled .nav-actions .button{min-height:34px;padding:8px 10px;font-size:10px}
 .memory-arrow{width:44px;height:44px;padding:11px}
 .memory-arrow svg{width:22px;height:22px}
 .memories-controls{gap:16px;margin-top:28px}
 .adventure-cta{min-height:400px;padding:34px 0 60px}
 .adventure-cta-copy{max-width:320px}
 .adventure-cta h2{font-size:clamp(29px,8.3vw,34px);max-width:320px;line-height:1.14;letter-spacing:-1px;margin-bottom:20px}
 .adventure-cta p:not(.cta-eyebrow){max-width:290px;font-size:15px;line-height:1.75;margin-bottom:26px}
 .adventure-cta .button{min-height:52px;font-size:12px;padding-inline:24px;gap:18px}
 .adventure-cta-image{object-fit:fill;object-position:center}
}
/* Raise the torn image edge on mobile. */
@media(max-width:600px){.hero>.edge{height:54px}.adventure-cta>.edge{height:34px}}

@media(max-width:370px){.header.scrolled .brand img{width:38px}.header.scrolled .nav-wrap{padding-inline:8px;gap:2px}.header.scrolled .nav-actions{gap:2px}.header.scrolled .nav-actions .social{width:32px;padding:6px}.header.scrolled .nav-actions .button{padding-inline:8px}}

/* Bojan's experience stays readable across narrow and wide layouts. */
.guide-experience{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0;padding:18px 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}
.guide-experience>div{min-width:0;display:flex;flex-direction:column-reverse;gap:6px}
.guide-experience dt{font-size:11px;line-height:1.5;color:var(--text-secondary)}
.guide-experience dd{margin:0;color:var(--forest-green);font-size:30px;font-weight:700;line-height:1.15}
.guide-experience dd span{font-size:11px;font-weight:500}
.contact-experience{max-width:360px;margin:-8px 0 24px;font-size:12px;line-height:1.9;color:var(--text-secondary);text-wrap:pretty}
@media(max-width:600px){.guide-experience{gap:8px;margin:20px 0;padding:16px 0}.guide-experience dd{font-size:26px}.guide-experience dt{font-size:10px}.contact-experience{max-width:100%}}

/* Mobile date field matches the supplied rounded input reference. */
@media(max-width:600px){
 .contact-field:has(#contact-date) label{font-size:14px;line-height:1.5;margin-bottom:6px}
 #contact-date{height:60px;min-height:60px;border:1px solid #dbe3d9;border-radius:17px;background:#fafcf9;padding:16px 20px;font-size:16px;line-height:1.5;color:#243c31;color-scheme:light}
 #contact-date::-webkit-date-and-time-value{text-align:left}
 #contact-date::-webkit-datetime-edit{padding:0}
 #contact-date::-webkit-calendar-picker-indicator{width:18px;height:18px;margin:0 2px 0 12px;padding:0;opacity:1;cursor:pointer}
}

/* Explicit hint and icon for mobile browsers that leave date inputs blank. */
.date-input-wrap{position:relative;min-width:0}
.date-input-wrap #contact-date{padding-right:48px}
.date-placeholder{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#8a9991;font-size:14px;line-height:1.5;pointer-events:none}
.date-input-wrap:not(.has-date) #contact-date:not(:focus){color:transparent}
.date-input-wrap:not(.has-date) #contact-date:not(:focus)::-webkit-datetime-edit{opacity:0}
.date-input-wrap.has-date .date-placeholder,.date-input-wrap:focus-within .date-placeholder{display:none}
.date-calendar-icon{position:absolute;right:20px;top:50%;transform:translateY(-50%);width:18px;height:18px;pointer-events:none;color:#243c31}
.date-input-wrap #contact-date::-webkit-calendar-picker-indicator{opacity:0;margin:0;padding:0;width:20px;height:20px}
@media(max-width:600px){.date-placeholder{left:20px;font-size:16px}}

/* Keep mobile hero subjects in frame without extra zoom or image stretching. */
@media(max-width:600px){
 .hero{height:clamp(560px,145vw,640px);min-height:560px}
 .hero-slide,.hero-slide.is-active{background-size:cover;transform:none;transition:opacity 1s ease;will-change:opacity}
 .hero-slide[data-index="0"]{background-position:9% center!important}
 .hero-slide[data-index="1"]{background-position:21% center!important}
 .hero-slide[data-index="2"]{background-position:13% center!important}
 .hero-slide[data-index="3"]{background-position:51% center!important}
 .hero-shade{background:linear-gradient(180deg,#061b2e70 0%,#071b2026 22%,#061c2666 46%,#061b2059 72%,#061b2026 100%)}
 .hero-content{padding-inline:20px}
}