:root{--ivory:#f4f6fb;--paper:#ffffff;--sand:#e9edf5;--terra:#E96535;--brown:#10283A;--copper:#E96535;--ink:#263247;--muted:#677186;--line:#dce2ec;--serif:'Iowan Old Style','Palatino Linotype',Georgia,serif;--sans:'Avenir Next',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5.6%;background:var(--paper);position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(56,41,31,.09)}.brand{display:flex;gap:11px;align-items:center;color:var(--brown);font-family:var(--serif);font-size:17px;line-height:1.05;letter-spacing:.01em}.brand small{display:block;font:600 9px var(--sans);letter-spacing:.28em;margin-top:6px}.brand-mark{border:1px solid var(--copper);color:var(--copper);font:500 14px var(--serif);width:39px;height:39px;display:grid;place-items:center;border-radius:50%}nav{display:flex;gap:30px;font-size:13px;color:#4e463f}nav a:hover,.footer a:hover{color:var(--terra)}.header-actions,.language{display:flex;align-items:center;gap:10px}.language{font-size:12px;color:#9e9388}.language button{border:0;background:none;padding:4px;color:#90857a;cursor:pointer}.language button.active{color:var(--brown);font-weight:700}.button{display:inline-flex;align-items:center;gap:14px;justify-content:center;padding:14px 23px;font-size:13px;font-weight:600;letter-spacing:.02em;transition:.2s;border:1px solid transparent}.button-dark{background:var(--brown);color:#fff}.button-dark:hover{background:var(--terra)}.button-light{background:var(--ivory);color:var(--brown)}.button-light:hover{background:#fff}.menu-toggle{display:none}.hero{height:min(690px,76vw);min-height:560px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden;background:#54443a}.hero-image,.hero-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-image{object-position:center 52%}.hero-overlay{background:linear-gradient(90deg,rgba(28,24,21,.67),rgba(28,24,21,.16) 75%),linear-gradient(0deg,rgba(20,18,16,.25),transparent 55%)}.hero-content{position:relative;width:min(1160px,88%);margin:0 auto;padding:10px 0}.eyebrow{font-size:11px;letter-spacing:.23em;font-weight:700;color:var(--terra);margin:0 0 20px}.eyebrow.light{color:#cbd4ff}.hero h1,.private-content h2,.contact-inner h2{font:400 clamp(46px,6vw,82px)/1.08 var(--serif);letter-spacing:-.025em;margin:0 0 24px}.hero-copy{font-size:17px;max-width:490px;color:#f2eee8;margin:0 0 30px}.hero-buttons{display:flex;align-items:center;gap:27px}.text-link{font-weight:600;font-size:13px;border-bottom:1px solid var(--copper);padding-bottom:5px}.light-link{color:#fff;border-color:#d5ac8d}.hero-caption{position:absolute;right:5.5%;bottom:34px;font-size:10px;letter-spacing:.16em;color:rgba(255,255,255,.78)}.section-wrap{width:min(1160px,88%);margin:0 auto}.intro{padding-top:115px;padding-bottom:115px}.intro-row{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:end}.intro h2,.section-heading h2,.about-copy h2,.faq-section h2{font:400 clamp(39px,4.4vw,59px)/1.13 var(--serif);letter-spacing:-.02em;margin:0;color:var(--brown)}.intro-copy{max-width:440px;padding-bottom:6px}.intro-copy p{font-size:17px;color:#6c6259;margin:0 0 20px}.tour-section{background:#f1f4f9;padding:102px 0 90px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:42px}.section-heading>p{color:#72685e;font-size:14px;margin:0 0 5px}.section-heading>p a{color:var(--terra);border-bottom:1px solid}.section-heading .eyebrow{margin-bottom:16px}.tour-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.tour-card{background:var(--paper);cursor:pointer;transition:transform .25s,box-shadow .25s;outline:none}.tour-card:hover,.tour-card:focus{transform:translateY(-5px);box-shadow:0 15px 35px #493a2b18}.tour-card img{width:100%;height:235px;object-fit:cover;display:block}.card-body{padding:24px 23px 20px}.card-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:12px}.tag{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--terra);font-weight:700}.duration{font-size:11px;color:#756c63}.tour-card h3{font:500 23px/1.25 var(--serif);margin:0 0 10px;color:var(--brown)}.tour-card p{font-size:13px;color:#746b63;margin:0 0 22px;min-height:44px}.card-meta{border-top:1px solid var(--line);padding-top:14px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#796f65}.card-price{font:500 17px var(--serif);color:var(--brown)}.card-cta{color:var(--terra);font-weight:700;font-size:12px}.reference-note{font-size:12px;color:#766c62;margin:22px 0 0}.private-section{display:grid;grid-template-columns:1fr 1fr;min-height:540px;background:var(--brown);color:#fff}.private-photo{min-height:460px}.private-photo img{height:100%;width:100%;object-fit:cover}.private-content{align-self:center;padding:65px clamp(40px,8vw,120px)}.private-content h2{font-size:clamp(44px,5vw,65px)}.private-content>p:not(.eyebrow){max-width:420px;color:#e0d8ce;font-size:15px;margin:0 0 28px}.about-section{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-top:120px;padding-bottom:120px}.about-image{height:470px;position:relative}.about-image:after{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid #b5c3fb;z-index:-1}.about-image img{width:100%;height:100%;object-fit:cover}.about-copy h2{font-size:clamp(39px,4.2vw,55px);margin-bottom:23px}.about-copy>p:not(.eyebrow){color:#6d645b;font-size:15px}.about-copy .pending{border-left:2px solid var(--copper);padding-left:13px;font-size:12px!important;color:#877b70!important;margin-top:26px}.reviews-section{background:#f1f4f9;padding:80px 0}.reviews-inner{text-align:center}.reviews-inner .eyebrow{margin-bottom:22px}.review-empty{max-width:600px;margin:0 auto}.quote-mark{font:72px/1 var(--serif);color:var(--copper)}.review-empty p{font:italic 24px/1.45 var(--serif);color:var(--brown);margin:0 auto 20px}.review-rule{display:block;background:var(--copper);height:1px;width:42px;margin:0 auto 16px}.review-empty small{font-size:9px;letter-spacing:.18em;color:#82756a}.review-controls{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:25px;color:#9c8e82}.review-controls button{border:1px solid #cfc2b5;border-radius:50%;background:transparent;width:35px;height:35px;color:#9c8e82}.faq-section{padding-top:110px;padding-bottom:120px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-question{padding:19px 0;width:100%;border:0;background:none;text-align:left;display:flex;justify-content:space-between;gap:18px;cursor:pointer;color:var(--brown);font:500 17px var(--serif)}.faq-question span:last-child{font:400 20px var(--sans);color:var(--terra)}.faq-answer{padding:0 48px 20px 0;color:#71685f;font-size:14px;max-width:850px}.contact-section{background:var(--brown);color:#fff;position:relative;text-align:center;padding:94px 20px 80px;overflow:hidden}.contact-section:before,.contact-section:after{content:"";position:absolute;width:440px;height:440px;border:1px solid #56617a;border-radius:50%;opacity:.45}.contact-section:before{left:-220px;top:-210px}.contact-section:after{right:-220px;bottom:-280px}.contact-inner{position:relative;z-index:1;max-width:590px;margin:auto}.contact-inner h2{font-size:clamp(47px,5.5vw,70px);margin-bottom:20px}.contact-inner>p:not(.eyebrow){color:#e1d9d0;font-size:15px;margin:0 auto 27px;max-width:460px}.calendar-status{font-size:12px!important;color:#c3b4a7!important;margin:23px auto 0!important}.contact-coordinate{position:absolute;bottom:24px;left:0;right:0;font-size:9px;letter-spacing:.2em;color:#aebbd3}.footer{min-height:130px;padding:28px 5.6%;display:grid;grid-template-columns:1fr 1fr 1.6fr auto;gap:20px;align-items:center}.footer-brand{font-size:14px}.footer-brand .brand-mark{width:34px;height:34px}.footer-links{display:flex;gap:17px;font-size:11px;color:#6e655c}.footer-legal{display:flex;flex-direction:column;gap:4px;font-size:10px;color:#8a8076}.footer-language{justify-self:end}.whatsapp-float{position:fixed;right:23px;bottom:22px;z-index:8;background:#E96535;color:white;border-radius:40px;box-shadow:0 5px 20px #1d16122b;padding:12px 18px;display:flex;gap:9px;align-items:center;font-size:12px}.whatsapp-float span{font-size:16px}.tour-dialog{border:0;padding:0;width:min(850px,92vw);max-height:90vh;background:var(--paper);color:var(--ink);box-shadow:0 25px 100px #1d161250}.tour-dialog::backdrop{background:#201b18b3}.dialog-close{position:sticky;float:right;top:12px;margin:12px 12px -46px 0;border:0;border-radius:50%;width:36px;height:36px;font-size:24px;background:var(--paper);z-index:2;cursor:pointer}.dialog-inner{max-height:90vh;overflow:auto}.dialog-hero{width:100%;height:300px;object-fit:cover;display:block}.dialog-body{padding:32px clamp(22px,5vw,50px) 45px}.dialog-body h2{font:500 38px var(--serif);color:var(--brown);margin:6px 0 10px}.dialog-lead{color:#746a61}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;background:#f1f4f9;padding:17px;margin:22px 0}.detail-grid div{font-size:12px}.detail-grid b{display:block;color:var(--brown);font-size:10px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.dialog-body h3{font:500 22px var(--serif);color:var(--brown);margin:24px 0 10px}.stops{padding-left:20px;color:#6d645b;font-size:14px}.availability-box{background:#f2f5fa;padding:18px;margin-top:22px}.availability-box p{font-size:13px;color:#685f57}.date-picker{font:inherit;padding:11px;border:1px solid #b8a99b;background:white}.calendar-badge{display:inline-block;padding:5px 10px;margin:6px 0;border-radius:12px;background:#e8edff;color:#3448be;font-size:11px}.dialog-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}.dialog-buttons .button{cursor:pointer}.pending-price{font-size:12px;color:#826755}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} @media(max-width:900px){nav{gap:16px;font-size:12px}.site-header{padding:0 4%}.tour-grid{grid-template-columns:repeat(2,1fr)}.footer{grid-template-columns:1fr auto}.footer-links{order:3}.footer-legal{order:4}.footer-language{grid-column:2;grid-row:1}.about-section{gap:7%}.private-content{padding:55px 7%}} @media(max-width:650px){body{font-size:15px}.site-header{height:70px;padding:0 5%;}.brand{font-size:15px}.brand-mark{width:34px;height:34px}.menu-toggle{display:block;border:0;background:none;font-size:24px;color:var(--brown)}#nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:18px 6% 23px;box-shadow:0 14px 18px #21180f14;flex-direction:column;gap:14px}#nav.open{display:flex}.header-actions{gap:8px}.header-actions>.language{display:none}.nav-cta{padding:10px 13px;font-size:11px}.hero{height:650px;min-height:0}.hero-content{width:88%;padding-top:20px}.hero h1{font-size:52px}.hero-copy{font-size:15px;max-width:360px}.hero-buttons{align-items:flex-start;flex-direction:column;gap:19px}.hero-caption{font-size:8px;bottom:22px}.section-wrap{width:88%}.intro{padding:76px 0}.intro-row{grid-template-columns:1fr;gap:20px}.intro h2,.section-heading h2{font-size:44px}.tour-section{padding:73px 0}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:15px}.tour-grid{grid-template-columns:1fr;gap:17px}.tour-card img{height:230px}.card-body{padding:21px}.private-section{grid-template-columns:1fr}.private-photo{height:270px;min-height:0}.private-content{padding:55px 7% 62px}.about-section{grid-template-columns:1fr;padding:75px 0;gap:40px}.about-image{height:330px;margin-right:12px}.about-copy h2{font-size:43px}.reviews-section{padding:62px 0}.review-empty p{font-size:21px}.faq-section{padding:75px 0}.faq-section h2{font-size:43px}.faq-section .section-heading>p{font-size:13px}.faq-question{font-size:16px}.faq-answer{font-size:13px}.contact-section{padding:75px 22px 90px}.footer{grid-template-columns:1fr auto;padding:25px 6%;gap:16px}.footer-links{flex-wrap:wrap;gap:12px}.footer-legal{font-size:9px}.whatsapp-float{right:14px;bottom:14px;padding:12px 15px}.dialog-hero{height:220px}.dialog-body h2{font-size:31px}.detail-grid{grid-template-columns:1fr 1fr}.language.footer-language{display:flex}} /* Booking calendar and clear payment state */ .button-blue{background:#E96535;color:white}.button-blue:hover{background:#3449ce}.button-outline{border-color:#E96535;color:#3449ce;background:white}.button-outline:hover{background:#f1f4ff}.button.is-disabled{opacity:.48;cursor:not-allowed;pointer-events:auto}.availability-box{background:#f2f5fa;border:1px solid #e0e6f0;padding:22px}.availability-box>h3{margin-top:0}.booking-calendar{background:#fff;border:1px solid #e0e6f0;padding:16px;margin:16px 0}.calendar-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;text-transform:capitalize;color:#10283A}.month-nav{border:1px solid #dce2ec;border-radius:50%;width:34px;height:34px;background:#fff;color:#E96535;font-size:22px;line-height:1;cursor:pointer}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(30px,1fr));gap:5px;text-align:center}.weekday{font-size:11px;color:#788399;font-weight:700;padding:6px 0}.calendar-day{border:1px solid transparent;border-radius:7px;aspect-ratio:1;background:white;color:#253144;cursor:pointer}.calendar-day:hover{background:#edf0ff;border-color:#E96535}.calendar-day.selected{background:#E96535;color:white}.calendar-day:disabled{color:#bbc2ce;background:#f3f5f8;cursor:not-allowed;text-decoration:line-through}.booking-summary{display:grid;grid-template-columns:auto auto 1fr auto;gap:12px;align-items:center;border-top:1px solid #dce2ec;padding-top:15px;font-size:13px}.booking-summary label{font-weight:600}.booking-summary select{padding:8px;border:1px solid #cbd4e2;background:#fff;border-radius:5px}.booking-summary span{color:#657086}.booking-summary strong{color:#10283A}.checkout-note{font-size:12px;color:#647088;margin-top:12px}.dialog-buttons{margin-top:18px}.reference-note{color:#5c6881}.tag,.card-cta{color:#E96535}.tour-card{border:1px solid #e8ecf3}.tour-card:hover,.tour-card:focus{box-shadow:0 15px 35px #19253a18}.private-section,.contact-section{background:#18243a}.whatsapp-float{background:#E96535}.calendar-status{color:#cbd4e5!important} @media(max-width:650px){.booking-summary{grid-template-columns:auto auto;}.booking-summary span{grid-column:1/-1;grid-row:2}.booking-summary strong{grid-column:1/-1}.booking-calendar{padding:11px}.calendar-grid{gap:2px}.calendar-day{font-size:12px}} /* Brighter, more open palette and cinematic landscape chapters */ :root{--ivory:#f4f8ff;--paper:#fff;--sand:#F9E5DC;--terra:#B84827;--brown:#10283A;--copper:#B84827;--ink:#233653;--muted:#566985;--line:#d8e3f2} body{background:#fff;color:#243956}.site-header{background:rgba(255,255,255,.96);box-shadow:0 4px 18px #1b4d8d0b}.brand{color:#1d385c}.brand-mark{border-color:#E96535;color:#E96535}.button-dark,.nav-cta{background:#E96535;color:#fff}.button-dark:hover,.nav-cta:hover{background:#2f4ed7}.hero{background:#dcecff}.hero-image,.hero-video,.hero-overlay{position:absolute;inset:0;width:100%;height:100%}.hero-image{z-index:0;object-fit:cover;opacity:.4}.hero-video{z-index:1;border:0;pointer-events:none;object-fit:cover;transform:scale(1.22)}.hero-overlay{z-index:2;background:linear-gradient(90deg,rgba(17,48,87,.4),rgba(20,57,102,.08) 82%),linear-gradient(0deg,rgba(13,43,83,.22),transparent 58%)}.hero-content,.hero-caption{z-index:3}.hero h1{color:#fff;text-shadow:0 2px 24px #0d25445c}.hero-copy{color:#f8fbff}.eyebrow.light{color:#dce8ff}.text-link{border-color:#E96535}.light-link{border-color:#fff}.intro{background:#fff}.intro-copy p,.section-heading>p,.tour-card p,.about-copy>p:not(.eyebrow){color:#526782}.tour-section,.reviews-section{background:#F2F6F7}.tour-card{background:#fff;border:1px solid #e4ebf6;border-radius:6px;overflow:hidden}.tour-card h3,.intro h2,.section-heading h2,.about-copy h2,.faq-section h2{color:#10283A}.tour-card:hover,.tour-card:focus{box-shadow:0 16px 38px #355a9718}.card-cta{border:0;background:transparent;padding:4px 0;color:#B84827;font:700 12px var(--sans);cursor:pointer}.tag,.card-cta,.text-link{color:#B84827}.reference-note{color:#526782}.scenic-video{position:relative;min-height:470px;height:52vw;max-height:680px;overflow:hidden;background:#173250;color:#fff;display:flex;align-items:center}.scenic-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.scenic-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,42,78,.56),rgba(13,42,78,.14)),linear-gradient(0deg,rgba(10,38,71,.2),transparent)}.scenic-caption{position:relative;z-index:1;width:min(1160px,88%);margin:0 auto}.scenic-caption span{font-size:11px;letter-spacing:.2em;font-weight:700;color:#e0eaff}.scenic-caption h2{font:400 clamp(45px,6.1vw,78px)/1.07 var(--serif);margin:15px 0;color:#fff}.scenic-caption p{font-size:16px;max-width:490px;color:#f1f6ff}.scenic-caption-right{text-align:right}.scenic-caption-right h2{max-width:700px;margin-left:auto}.private-section{background:#eaf2ff;color:#10283A}.private-photo{overflow:hidden}.private-photo img{filter:saturate(1.13)}.private-content h2{color:#10283A}.private-content>p:not(.eyebrow){color:#516987}.private-content .eyebrow{color:#B84827}.private-content .button-light{background:#E96535;color:#fff}.about-image:after{border-color:#8caaff}.about-copy .pending{border-color:#E96535;color:#536987!important}.review-empty p{color:#234366}.review-empty small{color:#627796}.faq-question{color:#1e3c61}.faq-answer{color:#536985}.contact-section{background:#E96535}.contact-section:before,.contact-section:after{border-color:#a8bbff}.contact-coordinate{color:#e3ebff}.calendar-status{color:#e8eeff!important}.whatsapp-float{background:#22ba78}.availability-box{background:#f2f7ff;border-color:#dae6f8}.booking-calendar{border-radius:8px}.calendar-day.selected{background:#E96535}.dialog-body h2,.dialog-body h3{color:#1c385e}.calendar-badge{background:#e8eeff;color:#3458df} @media(max-width:650px){.scenic-video{height:520px;min-height:520px}.scenic-video video{width:100%;height:100%}.scenic-caption{text-align:left}.scenic-caption-right h2{margin-left:0}} .scenic-video-two{background:#abc7ed url('./assets/south-coast.jpg') center/cover no-repeat} .scenic-image-one{background:#b9d3f3 url('./assets/mountains.jpg') center 48%/cover no-repeat}.scenic-image{position:relative;min-height:470px;height:52vw;max-height:680px;overflow:hidden;display:flex;align-items:center;color:#fff}.scenic-image .scenic-wash{background:linear-gradient(90deg,rgba(15,44,84,.54),rgba(15,44,84,.08)),linear-gradient(0deg,rgba(10,38,71,.16),transparent)} #tour-detail-panel[hidden]{display:none}#tour-detail-panel:not([hidden]){display:block;margin:34px auto 25px;scroll-margin-top:100px;background:#fff;border:1px solid #dce6f4;border-radius:9px;box-shadow:0 18px 48px #20477b18;overflow:hidden}.tour-detail-inner{position:relative}.tour-detail-inner .dialog-hero{height:clamp(250px,38vw,440px);object-fit:cover;background:#dce9f8}.tour-detail-inner .dialog-body{padding:34px clamp(20px,5vw,54px) 45px}.tour-detail-inner .availability-box{margin-top:28px}.panel-close{position:absolute;top:16px;right:16px;z-index:2;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#1b3556;font-size:28px;line-height:1;box-shadow:0 4px 18px #092c5529;cursor:pointer}.tour-card img{background:#dce9f8;object-position:center}.tour-detail-panel .dialog-buttons{justify-content:flex-start} @media(max-width:650px){#tour-detail-panel:not([hidden]){margin:23px auto}.tour-detail-inner .dialog-hero{height:240px}.panel-close{top:10px;right:10px;width:38px;height:38px}} /* Cinematic local video chapters */ .scenic-video-one{background:#193d62} .scenic-video-one video{object-position:center 48%} .scenic-video-two{background:#21476c} .scenic-video-two video{object-position:center 54%} .private-photo{position:relative;overflow:hidden} .private-photo video{width:100%;height:100%;min-height:460px;position:absolute;inset:0;object-fit:cover} .about-image video{width:100%;height:100%;object-fit:cover} @media(max-width:650px){.private-photo video{min-height:270px}} .included-list li::marker{color:#E96535} /* Tours lead the page as clear, bookable products */ .tour-section{padding-top:96px} .tour-grid{align-items:stretch;gap:24px} .tour-card{display:flex;flex-direction:column;box-shadow:0 5px 24px #244a7a0d} .tour-card img{height:250px} .tour-card .card-body{display:flex;flex:1;flex-direction:column;padding:22px 22px 20px} .tour-card h3{min-height:2.4em} .tour-card p{flex:1;min-height:60px} .card-meta{gap:12px;align-items:center;margin-top:auto} .card-price-wrap{display:flex;flex-direction:column;line-height:1.2;gap:5px} .card-price-wrap small{font:11px var(--sans);color:#526782} .card-cta{background:#E96535;color:#fff;border-radius:4px;padding:11px 13px;font-size:10px;letter-spacing:.04em;white-space:nowrap} .card-cta:hover{background:#2f4ed7;color:#fff} @media(max-width:650px){.tour-card img{height:240px}.tour-card h3{min-height:0}.card-cta{font-size:11px}} /* Static FAQ fallback for file previews; JS upgrades these into the bilingual accordion. */ details.faq-item{border-bottom:1px solid var(--line)} details.faq-item>summary{list-style:none;position:relative;padding-right:36px} details.faq-item>summary::-webkit-details-marker{display:none} details.faq-item>summary::after{content:'+';position:absolute;right:2px;color:#B84827;font:400 20px var(--sans)} details.faq-item[open]>summary::after{content:'−'} details.faq-item .faq-answer{display:none;padding:0 48px 20px 0} details.faq-item[open] .faq-answer{display:block} /* Interactive review carousel; all sample copy stays explicitly identified as fictional. */ .reviews-section{padding:96px 0 104px;background:linear-gradient(180deg,#F2F6F7 0%,#eaf1ff 100%)} .reviews-inner{text-align:center} .reviews-inner>.eyebrow{margin-bottom:26px} .review-carousel{max-width:900px;margin:0 auto} .review-card{position:relative;overflow:hidden;text-align:left;min-height:340px;padding:clamp(26px,5vw,56px);border-radius:18px;background:linear-gradient(130deg,#18365d 0%,#3458aa 58%,#E96535 100%);color:#fff;box-shadow:0 28px 70px #1a3e7524;transition:opacity .26s ease,transform .26s ease} .review-card:before,.review-card:after{content:"";position:absolute;border:1px solid #ffffff22;border-radius:50%;pointer-events:none} .review-card:before{width:340px;height:340px;right:-90px;top:-200px} .review-card:after{width:220px;height:220px;right:-70px;bottom:-140px} .review-card.is-changing{opacity:.55;transform:translateY(5px)} .review-card-top{display:flex;justify-content:space-between;align-items:center;gap:16px;position:relative;z-index:1} .review-demo-label{display:inline-flex;padding:7px 11px;border:1px solid #ffffff56;border-radius:30px;background:#ffffff14;color:#fff;font-size:9px;font-weight:700;letter-spacing:.13em} .review-count{font-size:11px;letter-spacing:.14em;color:#dce7ff;white-space:nowrap} .review-card .quote-mark{display:block;margin:21px 0 -12px;color:#b9ccff;font:76px/.9 var(--serif)} .review-card blockquote{position:relative;z-index:1;max-width:760px;margin:0 0 32px;font:400 clamp(24px,3.8vw,40px)/1.32 var(--serif);letter-spacing:-.015em;color:#fff} .review-card-footer{position:relative;z-index:1;display:flex;align-items:center;gap:12px;border-top:1px solid #ffffff35;padding-top:18px;font-size:12px;font-weight:600} .review-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#ffffff22;border:1px solid #ffffff55;font:14px var(--serif);color:#fff} .review-route{margin-left:auto;color:#dce7ff;font-size:9px;font-weight:700;letter-spacing:.14em} .review-progress{height:2px;position:absolute;left:0;right:0;bottom:0;background:#ffffff28} .review-progress span{display:block;width:0;height:100%;background:#fff} .review-carousel.is-rotating .review-progress span{animation:review-progress-fill 7s linear forwards} @keyframes review-progress-fill{to{width:100%}} .review-carousel-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin:22px 0 14px} .review-arrow{width:42px;height:42px;border-radius:50%;border:1px solid #9cb1d5;background:#fff;color:#24456f;font-size:21px;cursor:pointer;transition:background .2s,color .2s,border-color .2s} .review-arrow:hover,.review-arrow:focus-visible{background:#E96535;border-color:#E96535;color:#fff} .review-dots{display:flex;align-items:center;justify-content:center;gap:9px} .review-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#b5c4dc;cursor:pointer;transition:width .25s,background .25s} .review-dot.active{width:25px;border-radius:8px;background:#E96535} .review-disclaimer{max-width:630px;margin:0 auto;color:#60738f;font-size:11px;line-height:1.55} @media(max-width:650px){.reviews-section{padding:68px 0 76px}.review-card{min-height:315px;padding:24px 21px 27px;border-radius:13px}.review-card-top{align-items:flex-start}.review-demo-label{max-width:230px;font-size:8px;line-height:1.4}.review-card blockquote{font-size:27px;margin-bottom:24px}.review-route{font-size:8px}.review-carousel-controls{margin-top:18px}.review-arrow{width:38px;height:38px}.review-disclaimer{font-size:10px}} @media(prefers-reduced-motion:reduce){.review-card,.review-dot,.review-arrow{transition:none!important}.review-carousel.is-rotating .review-progress span{animation:none}} /* Language options live inside the mobile three-line navigation. */ .nav-language-switch{display:none} .language{gap:4px} .language button{padding-inline:6px} @media(max-width:650px){ #nav .nav-language-switch{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;padding-top:16px;border-top:1px solid var(--line)} .nav-language-switch>span{flex-basis:100%;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase} .nav-language-switch button{min-height:38px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--ink);font:inherit;font-size:13px;cursor:pointer} .nav-language-switch button.active{border-color:#E96535;background:#E96535;color:#fff} .nav-language-switch button:focus-visible{outline:2px solid #E96535;outline-offset:2px} } /* Refined mobile navigation and nested language picker */ @media(max-width:650px){ #nav{display:flex;visibility:hidden;opacity:0;transform:translateY(-9px);pointer-events:none;transition:opacity .2s ease,transform .24s ease,visibility .24s ease;} #nav.open{display:flex;visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto;} #nav>a{position:relative;display:flex;align-items:center;min-height:42px;padding:7px 12px;border-radius:10px;color:#34445e;font-weight:500;transition:background-color .18s ease,color .18s ease,transform .18s ease;} #nav>a::after{content:'↗';margin-left:auto;color:#E96535;opacity:0;transform:translate(-5px,3px);transition:opacity .18s ease,transform .18s ease;} #nav>a:hover,#nav>a:focus-visible{background:#f0f3ff;color:#2e4bd3;transform:translateX(2px);outline:none;} #nav>a:hover::after,#nav>a:focus-visible::after{opacity:1;transform:translate(0,0)} #nav>a:active{transform:scale(.985);background:#e8edff} .menu-toggle{border-radius:10px;padding:7px 10px;transition:transform .2s ease,background-color .2s ease,color .2s ease} .menu-toggle:hover,.menu-toggle:focus-visible{background:#f0f3ff;color:#3449ce;outline:none;transform:rotate(-4deg) scale(1.04)} .menu-toggle:active{transform:scale(.93)} #nav .nav-language-switch{display:block;margin-top:7px;padding-top:12px;border-top:1px solid var(--line)} .nav-language-switch summary{display:flex;align-items:center;gap:12px;min-height:44px;padding:7px 12px;border-radius:10px;list-style:none;cursor:pointer;color:#34445e;font-weight:600;transition:background-color .18s ease,color .18s ease} .nav-language-switch summary::-webkit-details-marker{display:none} .nav-language-switch summary::after{content:'⌄';margin-left:auto;color:#E96535;font-size:19px;transition:transform .2s ease} .nav-language-switch[open] summary{background:#f0f3ff;color:#2e4bd3} .nav-language-switch[open] summary::after{transform:rotate(180deg)} .language-current{color:#77839a;font-size:12px;font-weight:400} .nav-language-options{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 8px 4px;animation:language-options-in .18s ease both} .nav-language-options button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:42px;padding:8px 11px;border:1px solid #e0e6f0;border-radius:10px;background:#fff;color:#34445e;font:500 13px var(--sans);cursor:pointer;transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease} .nav-language-options button span{color:#8893a6;font-size:10px;letter-spacing:.08em} .nav-language-options button:hover,.nav-language-options button:focus-visible{transform:translateY(-2px);border-color:#9baaff;background:#f7f8ff;box-shadow:0 5px 14px #24385b12;outline:none} .nav-language-options button:active{transform:scale(.97)} .nav-language-options button.active{border-color:#E96535;background:#eef1ff;color:#2e49cf} .nav-language-options button.active span{color:#E96535} } @keyframes language-options-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}} @media(prefers-reduced-motion:reduce){#nav,#nav>a,.menu-toggle,.nav-language-switch summary,.nav-language-options button{transition:none!important}.nav-language-options{animation:none!important}} /* Icelandic flag-inspired premium palette: snow, Atlantic, glacier and lava. */ :root{--ivory:#F8FBFD;--paper:#FFFFFF;--sand:#EAF3F7;--terra:#2F78A8;--brown:#153B5B;--copper:#D94B45;--ink:#2B3E4C;--muted:#536471;--line:#DCE7ED;--atlantic:#153B5B;--glacier:#A9D8EF;--lava:#D94B45} body{background:var(--ivory);color:var(--ink)} .site-header{background:rgba(255,255,255,.97);border-bottom-color:#DCE7ED} .brand,.brand-mark{color:var(--atlantic)}.brand-mark{border-color:var(--lava)} nav a:hover,.footer a:hover,.language button.active{color:var(--atlantic)} .button-dark,.nav-cta,.button-blue{background:var(--lava);color:#fff} .button-dark:hover,.nav-cta:hover,.button-blue:hover{background:#A63E24} .hero{background:var(--glacier)} .hero-overlay{background:linear-gradient(90deg,rgba(16,47,73,.58),rgba(21,59,91,.12) 82%),linear-gradient(0deg,rgba(16,47,73,.24),transparent 58%)} .eyebrow,.tag,.card-cta,.text-link{color:#2F78A8} .eyebrow.light{color:#D8EFFA}.text-link{border-color:var(--lava)}.light-link{border-color:#fff} .tour-section,.reviews-section{background:#EDF5F8} .tour-card{border-color:#DCE7ED}.tour-card h3,.intro h2,.section-heading h2,.about-copy h2,.faq-section h2,.dialog-body h2,.dialog-body h3{color:var(--atlantic)} .tour-card:hover,.tour-card:focus{box-shadow:0 16px 38px #153B5B18} .card-cta{color:var(--lava)}.card-cta:hover{color:#A63E24} .private-section{background:#EAF3F7;color:var(--atlantic)} .private-content h2,.faq-question{color:var(--atlantic)} .private-content .eyebrow{color:#2F78A8}.private-content .button-light,.contact-inner .button-light,.hero .button-light{background:var(--lava);color:#fff} .private-content .button-light:hover,.contact-inner .button-light:hover,.hero .button-light:hover{background:#A63E24} .about-image:after,.about-copy .pending{border-color:var(--lava)} .contact-section{background:var(--atlantic)} .contact-section:before,.contact-section:after{border-color:#A9D8EF}.contact-coordinate{color:#D8EFFA} .faq-question span:last-child,.quote-mark{color:var(--lava)} .availability-box{background:#F0F7FA;border-color:#D7E7EE}.booking-calendar{border-color:#DCE7ED} .month-nav{color:var(--atlantic);border-color:#DCE7ED}.month-nav:hover{background:#EAF3F7;border-color:var(--glacier)} .calendar-day:hover{background:#F9E5DC;border-color:#F7B49A}.calendar-day.selected{background:var(--lava);border-color:var(--lava);color:#fff} .button-outline{border-color:var(--atlantic);color:var(--atlantic)}.button-outline:hover{background:#EAF3F7} .calendar-badge{background:#EAF3F7;color:var(--atlantic)} .review-card{background:linear-gradient(130deg,#153B5B 0%,#225A7D 65%,#2F78A8 100%)} .review-card .quote-mark{color:#A9D8EF}.review-arrow:hover,.review-arrow:focus-visible{background:var(--lava);border-color:var(--lava)} .review-dot.active{background:var(--lava)}.review-progress span{background:#A9D8EF} .nav-language-switch[open] summary,.nav-language-options button.active{background:#F9E5DC;color:#B84827;border-color:#F7B49A} .nav-language-options button.active span{color:#A63E24}.nav-language-options button:hover,.nav-language-options button:focus-visible{border-color:#A9D8EF;background:#F3F9FC} @media(max-width:650px){#nav>a:hover,#nav>a:focus-visible,.nav-language-switch[open] summary{background:#EAF3F7;color:var(--atlantic)}#nav>a::after,.nav-language-switch summary::after{color:var(--lava)}} body,.tour-card p,.intro-copy p,.section-heading>p,.about-copy>p:not(.eyebrow),.faq-answer,.reference-note,.duration,.card-meta,.footer-links,.footer-legal,.booking-summary span,.checkout-note{color:var(--muted)} .hero-copy{color:#F8FBFD}.private-content>p:not(.eyebrow){color:#536471}.contact-inner>p:not(.eyebrow){color:#DFEDF5}.calendar-status{color:#D8EFFA!important} .whatsapp-float{background:var(--lava);color:#fff}.whatsapp-float:hover{background:#A63E24} :focus-visible{outline:2px solid var(--terra);outline-offset:3px} /* Northern Routes palette adapted from Katlatrack's adventure brand: navy, white and volcanic red. */ :root{--ivory:#F5F6F7;--paper:#FFFFFF;--sand:#E9EDF1;--terra:#E96535;--brown:#10283A;--copper:#E96535;--ink:#29384A;--muted:#687482;--line:#DCE2E8;--atlantic:#10283A;--glacier:#DDE7EE;--lava:#E96535} body{background:var(--paper);color:var(--ink)} .site-header{background:#10283A;border-bottom-color:#34465E;box-shadow:0 5px 18px #10203320} .brand{color:#fff}.brand-mark{color:#E96535;border-color:#E96535} .site-header nav{color:#F5F7FA}.site-header nav a{color:#F5F7FA}.site-header nav a:hover,.site-header nav a:focus-visible{color:#F7B49A} .site-header .language button{color:#CBD4DE}.site-header .language button.active{color:#F7B49A} .button-dark,.nav-cta,.button-blue{background:#E96535;color:#fff} .button-dark:hover,.nav-cta:hover,.button-blue:hover{background:#A63E24} .hero{background:#10283A}.hero-overlay{background:linear-gradient(90deg,rgba(21,34,51,.62),rgba(30,48,69,.12) 82%),linear-gradient(0deg,rgba(21,34,51,.22),transparent 58%)} .eyebrow,.tag{color:#536B83}.eyebrow.light{color:#E7EDF3} .card-cta,.text-link{color:#B84827}.text-link{border-color:#E96535}.light-link{color:#fff;border-color:#fff} .tour-section,.reviews-section{background:#F2F6F7} .tour-card{background:#fff;border-color:#E0E4E9}.tour-card h3,.intro h2,.section-heading h2,.about-copy h2,.faq-section h2,.dialog-body h2,.dialog-body h3{color:#10283A} .tour-card:hover,.tour-card:focus{box-shadow:0 16px 38px #26374F1A}.tour-card p,.intro-copy p,.section-heading>p,.about-copy>p:not(.eyebrow),.faq-answer,.reference-note,.duration,.card-meta,.footer-links,.footer-legal{color:#687482} .private-section{background:#10283A;color:#fff}.private-content h2{color:#fff}.private-content .eyebrow{color:#A9C4D6}.private-content>p:not(.eyebrow){color:#E0E7ED}.private-content .button-light{background:#E96535;color:#fff}.private-content .button-light:hover{background:#A63E24} .about-image:after,.about-copy .pending{border-color:#E96535}.about-copy .pending{color:#687482!important} .contact-section{background:#10283A}.contact-section:before,.contact-section:after{border-color:#8498AC}.contact-coordinate{color:#CBD7E1}.contact-inner>p:not(.eyebrow){color:#E0E7ED} .hero .button-light,.contact-inner .button-light{background:#E96535;color:#fff}.hero .button-light:hover,.contact-inner .button-light:hover{background:#A63E24} .faq-question{color:#10283A}.faq-question span:last-child,.quote-mark{color:#E96535} .availability-box{background:#F5F7F8;border-color:#DCE2E8}.booking-calendar{background:#fff;border-color:#DCE2E8}.month-nav{color:#10283A;border-color:#DCE2E8}.month-nav:hover{background:#EDF1F4;border-color:#AEBCC8} .calendar-day{color:#29384A}.calendar-day:hover{background:#F9E5DC;border-color:#F7B49A}.calendar-day.selected{background:#E96535;border-color:#E96535;color:#fff} .button-outline{border-color:#10283A;color:#10283A}.button-outline:hover{background:#EDF1F4}.calendar-badge{background:#E9EDF1;color:#10283A} .review-card{background:linear-gradient(130deg,#10283A 0%,#344B65 68%,#47647F 100%)}.review-card .quote-mark{color:#CAD9E5}.review-arrow:hover,.review-arrow:focus-visible{background:#E96535;border-color:#E96535}.review-dot.active{background:#E96535}.review-progress span{background:#E96535} .whatsapp-float{background:#E96535;color:#fff}.whatsapp-float:hover{background:#A63E24} :focus-visible{outline-color:#E96535} .nav-language-switch[open] summary,.nav-language-options button.active{background:#F9E5DC;color:#B84827;border-color:#F7B49A}.nav-language-options button.active span{color:#B84827} @media(max-width:650px){.site-header #nav{background:#10283A;box-shadow:0 14px 22px #10203330}.site-header #nav>a{color:#F5F7FA}.site-header #nav>a:hover,.site-header #nav>a:focus-visible{background:#344B65;color:#fff}.site-header #nav>a::after,.site-header .nav-language-switch summary::after{color:#F7B49A}.site-header .nav-language-switch{border-top-color:#506176}.site-header .nav-language-switch summary{color:#F5F7FA}.site-header .language-current{color:#CBD4DE}.site-header .nav-language-switch[open] summary{background:#344B65;color:#fff}.site-header .nav-language-options button{background:#fff;color:#10283A}.site-header .nav-language-options button.active{background:#F9E5DC;color:#B84827;border-color:#F7B49A}} /* Tour booking actions: calm navy at rest, volcanic red on interaction. */ .tour-card .card-cta{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:9px 13px;border:1px solid #10283A;border-radius:4px;background:#10283A;color:#fff;font:700 11px/1.2 var(--sans);letter-spacing:.015em;white-space:nowrap;transition:background-color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease} .tour-card .card-cta:hover,.tour-card .card-cta:focus-visible{border-color:#E96535;background:#E96535;color:#fff;transform:translateY(-1px);box-shadow:0 5px 12px #26374F20} .tour-card .card-cta:active{transform:translateY(0) scale(.98);box-shadow:none} .tour-card .card-cta:focus-visible{outline:2px solid #E96535;outline-offset:3px} @media(max-width:650px){.tour-card .card-cta{min-height:38px;padding:8px 10px;font-size:10px}} @media(prefers-reduced-motion:reduce){.tour-card .card-cta{transition:none}} /* Restore the mobile menu affordance on the dark header and add consistent button feedback. */ .menu-toggle{color:#fff;background:transparent;border:1px solid transparent;border-radius:8px} .menu-toggle:hover,.menu-toggle:focus-visible{color:#fff;background:#E96535;border-color:#E96535;transform:rotate(0) scale(1.06);box-shadow:0 5px 14px #101f3030} .menu-toggle:active{transform:scale(.94)} .button,.nav-cta,.card-cta,.button-blue,.button-outline,.whatsapp-float,.review-arrow,.month-nav,.nav-language-options button,.dialog-close,.language button,.faq-question,.calendar-day{transition:transform .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease} .button:hover,.nav-cta:hover,.button-blue:hover,.button-outline:hover,.whatsapp-float:hover{transform:translateY(-2px);box-shadow:0 7px 18px #18283a26} .button:active,.nav-cta:active,.button-blue:active,.button-outline:active,.whatsapp-float:active{transform:translateY(0) scale(.98);box-shadow:none} .tour-card .card-cta:hover,.tour-card .card-cta:focus-visible{transform:translateY(-2px);box-shadow:0 7px 16px #18283a2a} .month-nav:hover,.review-arrow:hover{transform:translateY(-2px);box-shadow:0 4px 10px #18283a1c} .calendar-day:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 9px #18283a18} .nav-language-options button:hover,.nav-language-options button:focus-visible{transform:translateY(-2px);box-shadow:0 6px 15px #18283a1c} .language button:hover{color:#F7B49A;transform:translateY(-1px)} .faq-question{border-radius:5px;padding-left:8px;padding-right:8px} .faq-question:hover,.faq-question:focus-visible{background:#F1F3F5;color:#B84827} .dialog-close:hover{transform:rotate(90deg);color:#E96535;box-shadow:0 4px 12px #18283a24} @media(max-width:650px){ .site-header .menu-toggle{display:block;color:#fff;min-width:42px;min-height:42px;font-size:25px;line-height:1} .site-header .menu-toggle:hover,.site-header .menu-toggle:focus-visible{color:#fff;background:#E96535} .site-header #nav.open{display:flex;visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)} .site-header #nav .nav-language-switch{display:block;visibility:visible} } @media(prefers-reduced-motion:reduce){.button,.nav-cta,.card-cta,.button-blue,.button-outline,.whatsapp-float,.review-arrow,.month-nav,.nav-language-options button,.dialog-close,.language button,.faq-question,.calendar-day{transition:none!important}} /* Group and private package pricing */ .private-rate{display:block;max-width:240px;margin-top:3px;font-size:10px!important;line-height:1.4;color:#B84827!important;font-weight:700} .booking-mode{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0 16px} .booking-mode-button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:82px;padding:14px 16px;border:1px solid #d5dfec;border-radius:8px;background:#fff;color:#34465e;text-align:left;cursor:pointer;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s} .booking-mode-button:hover{border-color:#E96535;transform:translateY(-2px);box-shadow:0 7px 18px #B735301a} .booking-mode-button.active{border-color:#E96535;background:#F9E5DC;box-shadow:inset 0 0 0 1px #E96535} .booking-mode-button span{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase} .booking-mode-button strong{font-size:16px;color:#10283A} .booking-mode-button small{font-size:11px;color:#60718a} .fixed-package-note{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;margin:18px 0 16px;border:1px solid #d5dfec;border-radius:8px;background:#F9E5DC;color:#10283A;font-size:13px} .fixed-package-note strong{font-size:12px;text-transform:uppercase;letter-spacing:.05em} @media(max-width:650px){.booking-mode{grid-template-columns:1fr}.booking-summary{grid-template-columns:1fr 1fr}.booking-summary strong{grid-column:1/-1}.fixed-package-note{align-items:flex-start;flex-direction:column}.private-rate{max-width:190px}} /* Founder and guide profiles */ .team-section{padding:105px 0 115px;background:#F2F6F7} .team-heading{max-width:850px;margin:0 auto 44px;text-align:center} .team-heading h2{max-width:800px;margin:0 auto 18px;color:#10283A;font:400 clamp(38px,4.7vw,60px)/1.12 var(--serif);letter-spacing:-.02em} .team-heading>p:last-child{max-width:700px;margin:0 auto;color:#526782;font-size:16px} .team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;max-width:970px;margin:0 auto} .team-card{overflow:hidden;background:#fff;border:1px solid #e1e9f4;border-radius:8px;box-shadow:0 12px 32px #294e7b0d} .team-photo-slot{height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;position:relative;overflow:hidden;background:linear-gradient(145deg,#dce9fb,#b9cbe3 62%,#e8f0fa);color:#B84827} .team-photo-slot:before,.team-photo-slot:after{content:"";position:absolute;border:1px solid #ffffff80;border-radius:50%;width:280px;height:280px;transform:scaleX(1.6);opacity:.6} .team-photo-slot:after{width:170px;height:170px;opacity:.45} .team-photo-alejandro{background:linear-gradient(145deg,#e6edf8,#c7d8ed 60%,#f4f7fc)} .team-photo-symbol{z-index:1;width:66px;height:66px;border:1px solid #ffffffc9;border-radius:50%;display:grid;place-items:center;background:#ffffff55;color:#294e78;font:500 20px var(--serif);letter-spacing:.08em} .team-photo-note{z-index:1;padding:7px 12px;border-radius:30px;background:#ffffffd9;color:#38516f;font-size:10px;letter-spacing:.11em;text-transform:uppercase} .team-card-copy{padding:25px 28px 30px} .team-role{margin:0 0 8px;color:#E96535;font-size:10px;font-weight:700;letter-spacing:.17em} .team-card-copy h3{margin:0 0 12px;color:#10283A;font:500 30px/1.15 var(--serif)} .team-card-copy>p:last-child{margin:0;color:#526782;font-size:14px;line-height:1.75} @media(max-width:700px){.team-section{padding:75px 0}.team-grid{grid-template-columns:1fr;max-width:510px}.team-photo-slot{height:270px}.team-heading{margin-bottom:32px}} /* Custom itinerary callout beneath the tour packages */ .custom-tour-callout{display:flex;align-items:center;justify-content:space-between;gap:32px;margin:38px 0 8px;padding:30px 34px;background:#fff;border:1px solid #dce6f4;border-left:4px solid #E96535;border-radius:8px;box-shadow:0 12px 30px #20477b0c} .custom-tour-copy{max-width:690px} .custom-tour-copy .eyebrow{margin:0 0 8px;font-size:10px} .custom-tour-copy h3{margin:0 0 8px;color:#10283A;font:500 clamp(25px,3vw,34px)/1.2 var(--serif)} .custom-tour-copy>p:last-child{margin:0;color:#526782;font-size:14px;line-height:1.65} .custom-tour-button{flex:none;background:#E96535;color:#fff;border-radius:5px;font-size:12px} .custom-tour-button:hover{background:#10283A;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #26374F2e} @media(max-width:700px){.custom-tour-callout{align-items:flex-start;flex-direction:column;gap:20px;padding:25px 22px}.custom-tour-button{width:100%}} /* Conversion clarity: a sharper offer, simple tour discovery, and an honest booking path. */ .hero-copy{max-width:560px;font-size:18px;line-height:1.6;text-wrap:pretty} .hero-proof{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 28px;padding:0;list-style:none} .hero-proof li{padding:7px 11px;border:1px solid #ffffff70;border-radius:3px;background:#172b3d55;color:#fff;font-size:11px;line-height:1.3;letter-spacing:.02em;backdrop-filter:blur(5px)} .hero-buttons .button{min-height:50px}.hero .light-link{padding:10px 0} .tour-filters{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:-17px 0 17px} .tour-filters-label{margin-right:5px;color:#526273;font-size:12px;font-weight:600} .tour-filter{min-height:38px;padding:8px 13px;border:1px solid #cbd4dd;border-radius:3px;background:#fff;color:#34485b;font-size:12px;font-weight:600;cursor:pointer} .tour-filter:hover,.tour-filter:focus-visible{border-color:#10283A;background:#edf1f4;color:#10283A} .tour-filter.active{border-color:#10283A;background:#10283A;color:#fff;box-shadow:0 3px 8px #26374f20} .booking-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0 0 25px;padding:0;list-style:none;border:1px solid #dce2e8;background:#fff} .booking-steps li{display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 18px;color:#10283A} .booking-steps li+li{border-left:1px solid #dce2e8} .booking-steps li span{display:grid;place-items:center;width:29px;height:29px;flex:none;border-radius:50%;background:#F9E5DC;color:#A63E24;font-size:10px;font-weight:800;letter-spacing:.04em} .booking-steps li b{font-size:12px;line-height:1.4} .tour-grid{align-items:stretch} .tour-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #e0e4e9;border-radius:4px;box-shadow:0 4px 15px #26374f09} .tour-card .card-body{display:flex;flex:1;flex-direction:column} .tour-card .card-body>p{flex:1} .tour-card .card-meta{gap:12px;align-items:flex-end} .tour-card .card-cta{flex:none} .private-rate{color:#B84827!important} .reference-note{max-width:850px;padding:12px 15px;border-left:3px solid #E96535;background:#fff;color:#4b5b6a;font-size:12px;line-height:1.55} .custom-tour-callout{border-left-color:#E96535} .custom-tour-button{background:#10283A} .custom-tour-button:hover{background:#E96535} @media(max-width:700px){.hero-proof{gap:7px;margin-bottom:23px}.hero-proof li{font-size:10px;padding:7px 9px}.tour-filters{gap:7px;margin-top:-8px;margin-bottom:17px}.tour-filters-label{flex-basis:100%;margin:0 0 2px}.tour-filter{min-height:36px;padding:7px 10px;font-size:11px}.booking-steps{grid-template-columns:1fr;margin-bottom:21px}.booking-steps li{min-height:48px;padding:9px 13px}.booking-steps li+li{border-left:0;border-top:1px solid #dce2e8}.tour-card .card-meta{align-items:flex-start;flex-direction:column}.tour-card .card-cta{width:100%;min-height:44px}.reference-note{margin-top:17px}} @media(prefers-reduced-motion:reduce){.tour-filter{transition:none}} /* Keep the privacy notice as a visible, first-class footer link. */ .footer-links a[href="privacy.html"]{color:#10283A;font-weight:700;text-decoration:underline;text-decoration-color:#E96535;text-decoration-thickness:2px;text-underline-offset:5px} .footer-links a[href="privacy.html"]:hover,.footer-links a[href="privacy.html"]:focus-visible{color:#B84827} /* Clear, multilingual cookie choices. Optional tracking remains inactive until configured. */ .cookie-banner[hidden]{display:none} .cookie-banner{position:fixed;z-index:20;right:22px;bottom:22px;width:min(720px,calc(100vw - 44px));display:grid;grid-template-columns:minmax(0,1.2fr) minmax(190px,.8fr);gap:22px;align-items:center;padding:24px 26px;background:#fff;border:1px solid #dce2e8;border-top:3px solid #E96535;border-radius:8px;box-shadow:0 18px 55px #18283a38;color:#10283A} .cookie-banner-copy .cookie-kicker,.cookie-kicker{margin:0 0 8px;color:#B84827;font-size:9px;font-weight:800;letter-spacing:.16em} .cookie-banner h2,.cookie-dialog h2{margin:0 0 8px;color:#10283A;font:500 25px/1.15 var(--serif)} .cookie-banner-copy>p:not(.cookie-kicker){margin:0 0 9px;color:#586777;font-size:12px;line-height:1.55} .cookie-banner-copy>a{color:#10283A;font-size:11px;text-decoration:underline;text-decoration-color:#E96535;text-underline-offset:3px} .cookie-banner-actions{display:grid;gap:8px} .cookie-button{min-height:40px;padding:10px 13px;border:1px solid #10283A;border-radius:4px;font:600 11px/1.2 var(--sans);cursor:pointer;transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease} .cookie-button:hover,.cookie-button:focus-visible{transform:translateY(-1px);outline:2px solid #E96535;outline-offset:2px} .cookie-button-primary{background:#10283A;color:#fff}.cookie-button-primary:hover{background:#E96535;border-color:#E96535} .cookie-button-secondary{background:#fff;color:#10283A}.cookie-button-secondary:hover{background:#F2F6F7} .cookie-text-button{justify-self:center;border:0;background:transparent;color:#526273;font:600 11px var(--sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer} .cookie-dialog{width:min(550px,calc(100vw - 32px));max-width:none;max-height:min(90vh,760px);padding:0;border:1px solid #dce2e8;border-radius:8px;background:#fff;color:#10283A;box-shadow:0 25px 90px #10203355} .cookie-dialog::backdrop{background:#152235a8;backdrop-filter:blur(2px)} .cookie-dialog-inner{position:relative;padding:32px clamp(20px,5vw,38px) 30px;overflow:auto;max-height:min(90vh,760px)} .cookie-dialog-close{position:absolute;top:16px;right:16px;width:34px;height:34px;border:1px solid #dce2e8;border-radius:50%;background:#fff;color:#10283A;font-size:22px;cursor:pointer} .cookie-dialog-close:hover{border-color:#E96535;color:#E96535} .cookie-dialog h2{font-size:32px;margin-bottom:12px;padding-right:30px} .cookie-dialog-intro{margin:0 0 21px;color:#586777;font-size:13px;line-height:1.6} .cookie-category{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 0;border-top:1px solid #e3e8ed;cursor:pointer} .cookie-category strong{display:block;color:#10283A;font-size:13px} .cookie-category p{margin:4px 0 0;color:#657281;font-size:11px;line-height:1.5} .cookie-category input{width:19px;height:19px;flex:none;accent-color:#E96535;cursor:pointer} .cookie-always-on{flex:none;color:#536273;font-size:10px;font-weight:700} .cookie-dialog-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px} .cookie-dialog-actions .cookie-button{flex:1} .footer-cookie-button{padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:#E96535;text-underline-offset:3px} .footer-cookie-button:hover,.footer-cookie-button:focus-visible{color:#B84827} @media(max-width:700px){.cookie-banner{right:12px;bottom:12px;left:12px;width:auto;grid-template-columns:1fr;gap:14px;padding:20px}.cookie-banner h2{font-size:23px}.cookie-banner-actions{grid-template-columns:1fr 1fr}.cookie-banner-actions .cookie-text-button{grid-column:1/-1;padding:5px}.cookie-dialog-inner{padding:27px 20px 22px}.cookie-dialog h2{font-size:27px}.cookie-dialog-actions{flex-direction:column}.cookie-dialog-actions .cookie-button{flex:auto}.footer-cookie-button{font-size:inherit}} @media(prefers-reduced-motion:reduce){.cookie-button{transition:none}} /* Contrast refinements: keep the red and navy identity while meeting readable text contrast. */ .brand-mark{color:#F7B49A;border-color:#F7B49A} .button-dark,.nav-cta,.button-blue,.hero .button-light,.private-content .button-light,.contact-inner .button-light,.custom-tour-button,.whatsapp-float{background:#B84827;border-color:#B84827;color:#fff} .button-dark:hover,.nav-cta:hover,.button-blue:hover,.hero .button-light:hover,.private-content .button-light:hover,.contact-inner .button-light:hover,.custom-tour-button:hover,.whatsapp-float:hover{background:#962B27;border-color:#962B27;color:#fff} .card-cta,.text-link,.faq-question:hover,.faq-question:focus-visible,.team-role,.cookie-banner-copy .cookie-kicker,.cookie-kicker,.dialog-close:hover{color:#A52D29} .tour-card .card-cta:hover,.tour-card .card-cta:focus-visible{background:#962B27;border-color:#962B27;color:#fff} /* Fine tune remaining small text and interactive targets found in Lighthouse. */ .section-heading>p,.review-disclaimer{color:#4F5D6B} .faq-section .section-heading>p a{color:#9B2A26} .footer .brand-mark{color:#A52D29;border-color:#A52D29} .footer-language button{color:#536273;min-width:44px;min-height:44px;padding:8px} .review-dot{position:relative;width:44px;height:44px;flex:none;background:transparent;border-radius:50%;display:grid;place-items:center} .review-dot::before{content:"";display:block;width:8px;height:8px;border-radius:50%;background:#66788C;transition:width .25s,background .25s} .review-dot.active{width:44px;height:44px;background:transparent;border-radius:50%} .review-dot.active::before{width:25px;height:8px;border-radius:8px;background:#B84827} @media(max-width:650px){.review-arrow{width:44px;height:44px}} .tour-card h3 .tour-seo-link{color:inherit;text-decoration:none}.tour-card h3 .tour-seo-link:hover,.tour-card h3 .tour-seo-link:focus-visible{color:#B84827;text-decoration:underline;text-underline-offset:4px} /* Iceland Nomad Adventures — Northbound brand system */ :root{--ivory:#F5F3EE;--paper:#FFFFFF;--sand:#EAF2F5;--terra:#E96535;--brown:#10283A;--copper:#E96535;--ink:#263B49;--muted:#596B75;--line:#D8E2E7;--serif:"Barlow Condensed","Arial Narrow","Avenir Next",sans-serif;--sans:Inter,"Avenir Next",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif} .site-header{background:rgba(255,255,255,.97);border-bottom-color:rgba(16,40,58,.12);backdrop-filter:blur(14px)} .site-header nav{color:#344D5B} .site-header nav a:hover,.footer a:hover{color:var(--terra)} .brand{gap:0;color:var(--brown);font-family:var(--sans)} .brand-logo{display:block;width:clamp(208px,22vw,270px);height:auto;max-height:58px} .footer-brand .brand-logo{width:245px;max-width:100%} .brand-mark{display:none} .button-dark{background:#10283A;color:#fff} .button-dark:hover,.button-dark:focus-visible{background:#B84827;color:#fff;transform:translateY(-2px)} .hero .button-dark,.button-primary,.cookie-button-primary{background:#C94F28;color:#fff} .hero .button-dark:hover,.button-primary:hover,.cookie-button-primary:hover{background:#A63E24;color:#fff} .button-light{background:#F5F3EE;color:#10283A} .button-light:hover{background:#8EBFD2;color:#10283A} .eyebrow,.tag,.card-cta,.section-heading>p a,.seo-related a,.seo-breadcrumb a{color:#B84827} .eyebrow.light{color:#F7B49A} .text-link{border-color:#E96535} .tour-section,.reviews-section{background:#F2F6F7} .tour-card:hover,.tour-card:focus{box-shadow:0 18px 42px rgba(16,40,58,.13)} .private-section,.contact-section{background:#10283A} .team-section{background:#fff} .footer{background:#10283A;color:#F5F3EE} .footer .brand{color:#F5F3EE} .footer .language{color:#D5E2E8} .footer .language button{color:#C4D3DA} .footer .language button.active{color:#fff} .footer-legal,.footer-links{color:#D1DEE4} :focus-visible{outline:3px solid #E96535;outline-offset:3px} @media(max-width:760px){.brand-logo{width:208px;max-height:48px}.footer-brand .brand-logo{width:220px}} /* Final Northbound interaction colors and legible accent states */ .tour-card .card-cta{border-color:#10283A;background:#10283A;color:#fff} .tour-card .card-cta:hover,.tour-card .card-cta:focus-visible{border-color:#C94F28;background:#C94F28;color:#fff;box-shadow:0 5px 12px rgba(16,40,58,.18)} .tour-card .card-cta:focus-visible{outline:3px solid #E96535;outline-offset:3px} .hero .button-light,.contact-inner .button-light,.private-content .button-light{background:#C94F28;color:#fff} .hero .button-light:hover,.contact-inner .button-light:hover,.private-content .button-light:hover{background:#A63E24;color:#fff} .whatsapp-float{background:#C94F28;color:#fff} .whatsapp-float:hover{background:#A63E24;color:#fff} .calendar-day.selected{background:#C94F28;border-color:#C94F28;color:#fff} .calendar-day:hover{background:#F9E5DC;border-color:#E96535} .nav-language-switch[open] summary,.nav-language-options button.active{background:#F9E5DC;color:#A63E24;border-color:#E96535} .nav-language-options button.active span{color:#A63E24} .review-arrow:hover,.review-arrow:focus-visible,.menu-toggle:hover,.menu-toggle:focus-visible{background:#C94F28;border-color:#C94F28;color:#fff} /* Keep navigation readable against the snow-white Northbound header. */ .site-header nav a{color:#344D5B} .site-header nav a:hover,.site-header nav a:focus-visible{color:#A63E24} .site-header .language button{color:#516675} .site-header .language button.active{color:#A63E24} /* Nomad cinematic refresh: cinematic photography, quiet editorial typography, clear booking path. */ :root{--ink:#102536;--brown:#102536;--atlantic:#173F53;--muted:#536875;--line:#D9E2E4;--ivory:#F3F6F4;--paper:#fff;--terra:#C84E2C;--lava:#C84E2C;--copper:#C84E2C;--ice:#E9F0EE;--serif:'Iowan Old Style','Palatino Linotype',Georgia,serif;--sans:'Avenir Next',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif} html{scroll-padding-top:88px} body{background:#fff;color:var(--ink);font-size:16px;line-height:1.7} .site-header{height:82px;padding-inline:clamp(22px,5vw,82px);background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid #dce5e4;box-shadow:0 8px 28px #0b26350b} .site-header nav{gap:clamp(16px,2.1vw,34px);font-size:12px;font-weight:600;color:#344d5b} .site-header nav a{color:#344d5b;position:relative} .site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--lava);transition:right .25s ease} .site-header nav a:hover:after,.site-header nav a:focus-visible:after{right:0} .site-header .language button{min-width:32px;min-height:38px;color:#526875;font-size:11px} .site-header .language button.active{color:var(--lava)} .site-header .nav-cta{padding:12px 17px;background:var(--ink);border-radius:2px;color:#fff;letter-spacing:.04em} .site-header .nav-cta:hover{background:var(--lava)} .brand-logo{width:174px;height:auto;max-height:54px;object-fit:contain} .hero{height:min(850px,calc(100svh - 82px));min-height:650px;background:#102536} .hero-video{transform:scale(1.04);animation:nomad-camera-drift 30s ease-in-out infinite alternate;will-change:transform} .hero-overlay{background:linear-gradient(90deg,rgba(8,24,35,.76) 0%,rgba(8,24,35,.52) 43%,rgba(8,24,35,.08) 100%),linear-gradient(0deg,rgba(8,24,35,.36),transparent 53%)} .hero-content{width:min(1280px,88%);padding:30px 0 42px} .hero .eyebrow.light{color:#f4a78a;letter-spacing:.25em;margin-bottom:24px} .hero h1{max-width:960px;font-size:clamp(58px,8.2vw,116px);line-height:.96;letter-spacing:-.055em;text-wrap:balance;margin-bottom:26px} .hero-copy{max-width:550px;font-size:clamp(16px,1.5vw,20px);line-height:1.55;color:#f2f5f4;margin-bottom:28px} .hero-proof{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 31px;padding:0;list-style:none} .hero-proof li{padding:8px 11px;border:1px solid #ffffff55;border-radius:2px;background:#10253665;color:#fff;font-size:10px;letter-spacing:.02em;backdrop-filter:blur(8px)} .hero-buttons{gap:28px} .hero .button-light,.contact-inner .button-light,.private-content .button-light{min-height:52px;padding:15px 22px;background:var(--lava);color:#fff;border-color:var(--lava);border-radius:2px;box-shadow:0 8px 24px #091b2b35} .hero .button-light:hover,.contact-inner .button-light:hover,.private-content .button-light:hover{background:#a73c24;border-color:#a73c24} .hero .light-link{color:#fff;border-color:#ffffffb5;padding-bottom:6px} .hero-caption{right:clamp(22px,5vw,82px);bottom:30px;font-size:9px;letter-spacing:.22em} .scenic-video{min-height:540px;height:58vw;max-height:760px;background:#102536} .scenic-video video{transform:scale(1.03);animation:nomad-camera-drift 34s ease-in-out infinite alternate} .scenic-wash{background:linear-gradient(90deg,rgba(8,24,35,.72),rgba(8,24,35,.12) 78%),linear-gradient(0deg,rgba(8,24,35,.42),transparent 60%)} .scenic-caption{width:min(1280px,88%)} .scenic-caption span{color:#f2a58a;letter-spacing:.23em} .scenic-caption h2{max-width:800px;font:400 clamp(48px,7.5vw,92px)/.98 var(--serif);letter-spacing:-.045em;text-wrap:balance} .scenic-caption p{max-width:480px;color:#f2f5f4;font-size:16px} .intro{padding-block:clamp(82px,11vw,154px)} .intro .eyebrow,.section-heading .eyebrow,.about-copy .eyebrow,.team-heading .eyebrow,.faq-section .eyebrow{color:var(--lava)} .intro-row{gap:9%;align-items:center} .intro h2,.section-heading h2,.about-copy h2,.faq-section h2{font-size:clamp(44px,5.5vw,76px);line-height:1.02;letter-spacing:-.045em} .intro-copy{max-width:490px} .intro-copy p,.section-heading>p,.about-copy>p:not(.eyebrow){color:#526672;font-size:16px;line-height:1.8} .intro-copy .text-link{color:var(--lava);border-color:#d5a18f} .tour-section{padding:clamp(78px,9vw,126px) 0 105px;background:#f1f5f3} .section-heading{gap:36px;margin-bottom:34px} .section-heading .eyebrow{margin-bottom:18px} .tour-section .section-heading>p{max-width:385px;margin-bottom:8px} .tour-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 24px} .tour-filters-label{width:100%;margin-bottom:3px;color:#354f5d;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase} .tour-filter{min-height:39px;padding:8px 14px;border:1px solid #cad8d8;border-radius:99px;background:#fff;color:#3c5661;font-size:11px;font-weight:650;transition:background .2s,border-color .2s,color .2s,transform .2s} .tour-filter:hover,.tour-filter:focus-visible{border-color:var(--lava);transform:translateY(-1px)} .tour-filter.active{background:var(--ink);border-color:var(--ink);color:#fff} .booking-steps{margin-bottom:26px;border:1px solid #dce5e3;background:#fff;border-radius:4px} .booking-steps li{min-height:62px;padding:12px 16px;color:#38505d} .booking-steps li span{background:#f9e6df;color:var(--lava)} .tour-grid{gap:20px} .tour-card{border:1px solid #dce4e2;border-radius:5px;background:#fff;box-shadow:0 8px 22px #18394708;transition:transform .35s cubic-bezier(.2,.75,.2,1),box-shadow .35s,border-color .35s} .tour-card:hover,.tour-card:focus-within{transform:translateY(-5px);border-color:#bdccca;box-shadow:0 20px 42px #18394716} .tour-card img{height:clamp(215px,22vw,300px);object-position:center;transition:transform .65s cubic-bezier(.2,.75,.2,1)} .tour-card:hover img,.tour-card:focus-within img{transform:scale(1.035)} .card-body{padding:22px 22px 20px} .card-top{align-items:flex-start;margin-bottom:15px} .tag{color:var(--lava);font-size:9px;letter-spacing:.17em} .duration{color:#596d76;font-size:10px;white-space:nowrap} .tour-card h3{font-size:clamp(21px,2vw,26px);line-height:1.15;letter-spacing:-.025em;color:var(--ink);margin-bottom:12px} .tour-card p{min-height:70px;margin-bottom:18px;color:#536873;font-size:13px;line-height:1.7} .card-meta{align-items:flex-end;gap:12px;padding-top:16px;border-top:1px solid #e1e8e6;color:#526672} .card-price{font-size:22px;color:var(--ink)} .card-price-wrap small{display:block;margin-top:2px;color:#657780;font-size:10px} .private-rate{color:#9e472f!important;font-size:10px!important} .tour-card .card-cta{min-height:42px;padding:10px 12px;border:1px solid var(--ink);border-radius:2px;background:var(--ink);color:#fff;font-size:10px;letter-spacing:.035em} .tour-card .card-cta:hover,.tour-card .card-cta:focus-visible{background:var(--lava);border-color:var(--lava);box-shadow:0 7px 18px #c84e2c32} .reference-note{margin-top:18px;color:#586d77;font-size:12px} .custom-tour-callout{border:1px solid #d9e4e0;border-left:4px solid var(--lava);border-radius:4px;background:#fff;box-shadow:0 14px 34px #1839470c} .private-section{background:#102536} .private-photo{overflow:hidden} .private-photo img{transition:transform 1s cubic-bezier(.2,.7,.2,1)} .private-section:hover .private-photo img{transform:scale(1.025)} .private-content{padding:clamp(48px,7vw,108px)} .private-content .eyebrow{color:#f2a58a} .private-content h2{font-size:clamp(48px,6vw,78px);line-height:1;letter-spacing:-.045em} .private-content>p:not(.eyebrow){color:#d9e3e4;line-height:1.8} .about-section{padding-block:clamp(82px,11vw,150px);gap:10%} .about-image{height:clamp(330px,42vw,540px);margin-right:16px} .about-image:after{border-color:#c84e2c;inset:16px -16px -16px 16px} .about-image img{border-radius:3px} .about-copy .pending{border-color:var(--lava);color:#536875!important;line-height:1.7} .team-section{padding:clamp(76px,9vw,120px) 0;background:#f1f5f3} .team-heading{margin-bottom:40px} .team-heading h2{color:var(--ink);font-size:clamp(42px,5vw,68px);letter-spacing:-.04em;line-height:1.02} .team-grid{gap:20px} .team-card{border:1px solid #dce5e3;border-radius:4px;box-shadow:0 12px 30px #1839470c} .team-photo-slot{height:clamp(250px,30vw,350px);background:linear-gradient(145deg,#d7e4e0,#9bb6b4 62%,#e8efec);color:#a9482d} .team-photo-alejandro{background:linear-gradient(145deg,#e0e9e6,#b3c7c1 60%,#f2f5f3)} .team-card-copy h3{font-size:32px;color:var(--ink)} .team-card-copy>p:last-child{color:#526672;line-height:1.8} .reviews-section{padding:clamp(65px,8vw,100px) 0;background:#102536} .reviews-inner .eyebrow{color:#f2a58a} .reviews-inner h2,.reviews-inner .review-empty p{color:#fff} .review-empty small{color:#d4e0e2} .review-rule{background:#c84e2c} .faq-section{padding-block:clamp(76px,9vw,125px)} .faq-section .section-heading{align-items:flex-end} .faq-list{border-top:1px solid #d7e1df} .faq-item{border-bottom:1px solid #d7e1df} .faq-question{min-height:64px;padding:18px 12px;border-radius:2px;color:#183341;font:600 16px/1.4 var(--sans)} .faq-question:hover,.faq-question:focus-visible{background:#f2f6f4;color:var(--lava)} .faq-answer{max-width:820px;padding:0 40px 22px 12px;color:#536873;font-size:14px;line-height:1.8} .contact-section{padding:clamp(82px,10vw,128px) 20px 98px;background:#102536} .contact-section:before,.contact-section:after{border-color:#78919a;opacity:.2} .contact-inner h2{font-size:clamp(54px,7vw,88px);letter-spacing:-.05em;line-height:.98} .contact-inner>p:not(.eyebrow){color:#d9e3e4;line-height:1.8} .contact-coordinate{color:#d6e1e1;letter-spacing:.24em} .footer{padding-inline:clamp(22px,5vw,82px);border-top:1px solid #dce5e3;background:#f6f8f7} .footer-links,.footer-legal{color:#526672} .whatsapp-float{background:#168a60;box-shadow:0 8px 25px #0e332a35} .whatsapp-float:hover{background:#0c704b} .tour-detail-panel{scroll-margin-top:96px} .tour-detail-inner{border:1px solid #d8e2e0;border-radius:5px;box-shadow:0 24px 70px #10253621} .dialog-body{padding:clamp(24px,5vw,50px)} .dialog-body h2{font-size:clamp(32px,5vw,54px);line-height:1.05;letter-spacing:-.035em} .detail-grid{background:#f0f5f3;border:1px solid #e0e9e6;border-radius:3px} .availability-box{background:#f4f7f5;border-color:#dce5e2;border-radius:3px} .booking-calendar{border-color:#dce5e2;border-radius:3px} .booking-mode-button{border-radius:3px} .booking-mode-button.active{background:#fbede8;border-color:var(--lava)} .booking-mode-button:hover{border-color:var(--lava)} .booking-mode-button strong,.booking-summary strong{color:var(--ink)} .calendar-day.selected,.button-blue{background:var(--lava);border-color:var(--lava)} .button-blue:hover{background:#a73c24} .button-outline{color:#183341;border-color:#183341} .button-outline:hover{background:#e9f0ee} .calendar-badge{background:#e8f0ed;color:#294a55} .motion-reveal{opacity:1;transform:none} .motion-ready .motion-reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)} .motion-ready .motion-reveal.is-visible{opacity:1;transform:translateY(0)} .tour-card.motion-reveal{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s} @keyframes nomad-camera-drift{from{transform:scale(1.04) translate3d(-.3%,0,0)}to{transform:scale(1.11) translate3d(.3%,-.5%,0)}} @media(max-width:900px){.site-header nav{gap:13px}.brand-logo{width:150px}.tour-grid{gap:16px}} @media(max-width:650px){ html{scroll-padding-top:72px}.site-header{height:70px;background:rgba(255,255,255,.97);padding-inline:5%;backdrop-filter:blur(14px)}.brand-logo{width:154px}.site-header #nav{top:70px;left:0;right:0;padding:16px 6% 22px;background:#fff;border-bottom:1px solid #dce5e3;box-shadow:0 18px 28px #1025361d}.site-header #nav>a{color:#243e4b;font-size:14px}.site-header #nav>a:hover,.site-header #nav>a:focus-visible{background:#eff4f2;color:var(--lava)}.site-header #nav .nav-language-switch{border-top-color:#dce5e3}.site-header .nav-language-switch summary{color:#243e4b}.site-header .language-current{color:#526875}.site-header .nav-language-options button{min-height:44px}.site-header .nav-cta{padding:10px 12px}.hero{height:min(780px,calc(100svh - 70px));min-height:650px}.hero-content{width:88%;padding:34px 0 55px}.hero h1{font-size:clamp(54px,13vw,78px);line-height:.98;max-width:620px}.hero-copy{font-size:15px;max-width:410px}.hero-proof{gap:6px;margin-bottom:26px}.hero-proof li{padding:7px 9px;font-size:9px}.hero-buttons{align-items:flex-start;gap:20px}.hero-buttons .button{min-height:48px}.hero-caption{right:6%;bottom:18px;font-size:8px}.scenic-video{min-height:490px;height:78svh;max-height:650px}.scenic-caption h2{font-size:clamp(48px,12vw,70px)}.scenic-caption p{max-width:350px;font-size:14px}.intro{padding-block:78px}.intro-row{gap:18px}.intro h2,.section-heading h2{font-size:clamp(43px,11vw,58px)}.tour-section{padding:74px 0 76px}.section-heading{margin-bottom:26px}.tour-section .section-heading>p{font-size:13px}.tour-grid{grid-template-columns:1fr;gap:17px}.tour-card img{height:clamp(225px,68vw,310px)}.card-body{padding:20px 19px 18px}.tour-card h3{font-size:25px}.tour-card p{min-height:0;margin-bottom:17px}.tour-card .card-cta{min-height:42px;font-size:10px}.booking-steps{margin-bottom:22px}.booking-steps li{min-height:50px;padding:9px 13px}.booking-steps li+li{border-left:0;border-top:1px solid #dce5e3}.custom-tour-callout{align-items:flex-start;flex-direction:column;padding:24px 22px}.private-section{grid-template-columns:1fr}.private-photo{height:300px;min-height:0}.private-content{padding:52px 7% 60px}.private-content h2{font-size:clamp(48px,11vw,68px)}.about-section{padding-block:78px;gap:38px}.about-image{height:330px;margin-right:12px}.about-copy h2{font-size:clamp(43px,11vw,56px)}.team-section{padding:76px 0}.team-heading h2{font-size:clamp(42px,10vw,58px)}.team-grid{grid-template-columns:1fr;max-width:520px}.team-photo-slot{height:280px}.reviews-section{padding-block:66px}.faq-section{padding-block:76px}.faq-section h2{font-size:clamp(43px,10vw,58px)}.faq-question{min-height:60px;font-size:14px}.faq-answer{font-size:13px}.contact-section{padding:78px 22px 92px}.contact-inner h2{font-size:clamp(53px,12vw,72px)}.footer{grid-template-columns:1fr auto;padding:25px 6%;gap:15px}.footer-links{flex-wrap:wrap}.tour-detail-inner{border-radius:0}.dialog-hero{height:240px}.dialog-body{padding:25px 19px 34px}.detail-grid{grid-template-columns:1fr 1fr;gap:10px;padding:14px}.booking-summary{grid-template-columns:auto auto}.booking-summary span{grid-column:1/-1;grid-row:2}.booking-summary strong{grid-column:1/-1}.booking-calendar{padding:11px}.calendar-grid{gap:2px}.calendar-day{font-size:12px}.whatsapp-float{right:13px;bottom:13px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-video,.scenic-video video{animation:none!important;transform:none!important}.motion-ready .motion-reveal,.motion-ready .motion-reveal.is-visible{opacity:1;transform:none;transition:none!important}.tour-card,.tour-card img,.private-photo img,.site-header nav a:after{transition:none!important}} @media(max-width:650px){.site-header .menu-toggle{color:#102536;background:transparent;border-color:transparent}.site-header .menu-toggle:hover,.site-header .menu-toggle:focus-visible{color:#fff;background:#C84E2C;border-color:#C84E2C}} @media(max-width:650px){.site-header .menu-toggle{display:grid!important;place-items:center;flex:none;width:42px;height:42px;margin-left:auto;margin-right:10px;padding:0;color:#102536!important;background:#fff;border:1px solid #cbd7d7;border-radius:2px;visibility:visible;opacity:1;font-size:22px;line-height:1;z-index:12}.site-header .menu-toggle:hover,.site-header .menu-toggle:focus-visible{color:#fff!important;background:#C84E2C;border-color:#C84E2C}} /* Editorial title sequence: a quiet, readable reveal that follows the landscape. */ .hero-title-line{display:block} .hero-title-word{display:inline-block;white-space:nowrap} .hero-title-letter{display:inline-block;opacity:0;transform:translate3d(0,.42em,0) rotate(2deg);filter:blur(5px);animation:nomad-title-arrive .68s cubic-bezier(.2,.75,.25,1) both;animation-delay:calc(var(--letter-index)*18ms)} @keyframes nomad-title-arrive{to{opacity:1;transform:translate3d(0,0,0) rotate(0);filter:blur(0)}} @media(prefers-reduced-motion:reduce){.hero-title-letter{opacity:1;transform:none;filter:none;animation:none}} /* Field-film direction: landscape scenes respond to the reader's scroll like one continuous journey. */ .hero-video,.scenic-video video,.private-photo video,.about-image video{ animation:none!important; transform:translate3d(0,0,0) scale(1.08); will-change:transform; } .hero-image{transform:translate3d(0,0,0) scale(1.08);will-change:transform} .hero{isolation:isolate} .hero-overlay{background:linear-gradient(90deg,rgba(8,24,35,.72) 0%,rgba(8,24,35,.42) 46%,rgba(8,24,35,.06) 100%),linear-gradient(0deg,rgba(8,24,35,.42),transparent 55%),radial-gradient(ellipse at 72% 42%,transparent 20%,rgba(5,17,25,.22) 100%)} .hero-caption{display:flex;align-items:center;gap:10px} .hero-caption:before{content:"";display:block;width:26px;height:1px;background:#f2a58a} .scenic-video{height:min(88svh,860px);min-height:620px;max-height:none;isolation:isolate} .scenic-video video{filter:saturate(1.08) contrast(1.03)} .scenic-wash{background:linear-gradient(90deg,rgba(8,24,35,.62),rgba(8,24,35,.04) 82%),linear-gradient(0deg,rgba(8,24,35,.46),transparent 62%)} .scenic-caption{padding-left:clamp(18px,4vw,54px);border-left:1px solid rgba(255,255,255,.58)} .scenic-caption-right{border-left:0;border-right:1px solid rgba(255,255,255,.58);padding-left:0;padding-right:clamp(18px,4vw,54px)} .scenic-caption span{display:inline-flex;align-items:center;gap:12px} .scenic-caption span:before{content:"";width:24px;height:1px;background:#f2a58a} .scenic-caption-right span:before{display:none} .scenic-caption-right span:after{content:"";width:24px;height:1px;background:#f2a58a} .scenic-caption h2{max-width:760px} .intro{position:relative} .intro:before{content:"";position:absolute;left:6%;top:0;width:1px;height:48px;background:var(--lava);opacity:.65} .tour-section{position:relative;overflow:hidden} .tour-section:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent 5%,#c84e2c55 50%,transparent 95%)} .tour-section .section-wrap{position:relative} .tour-card{border-radius:3px} .tour-card img{transform-origin:center;will-change:transform} .tour-card .card-cta{letter-spacing:.06em} .private-photo video,.about-image video{height:100%;width:100%;object-fit:cover;display:block} .private-photo{position:relative} .private-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 62%,rgba(16,37,54,.22));pointer-events:none} .about-image{overflow:visible} .about-image video{border-radius:3px} @media(max-width:650px){ .scenic-video{height:78svh;min-height:500px;max-height:680px} .scenic-caption{padding-left:18px} .scenic-caption-right{padding-right:18px} .hero-video,.scenic-video video,.private-photo video,.about-image video,.hero-image{transform:scale(1.06)} } @media(prefers-reduced-motion:reduce){ .hero-video,.scenic-video video,.private-photo video,.about-image video,.hero-image{animation:none!important;transform:none!important;will-change:auto!important} .scenic-caption,.scenic-caption h2,.tour-card img{transition:none!important} } /* Give the Iceland Nomad wordmark a clear place in the header. */ .site-header>.brand{flex:0 0 auto} .site-header .brand-logo{width:clamp(196px,19vw,236px);max-height:60px} .site-header .nav-cta{border-color:transparent;box-shadow:0 5px 15px #10253620} .site-header .nav-cta:focus-visible{outline:2px solid #8EBFD2;outline-offset:3px;box-shadow:none} @media(max-width:1024px){.site-header .brand-logo{width:170px}} @media(max-width:650px){.site-header .brand-logo{width:182px;max-height:50px}.site-header .nav-cta{box-shadow:none}} /* Use the supplied stacked logo artwork as-is on a white header. */ html{scroll-padding-top:148px} .site-header{height:138px;padding-inline:clamp(18px,4vw,64px);background:#fff;border-bottom-color:#dce5e4} .site-header .brand{align-self:center} .site-header .brand-logo{display:block;width:170px;height:auto;max-height:none;object-fit:contain} .site-header #nav{background:#fff;border-bottom-color:#dce5e4} .site-header .nav-cta{border:1px solid transparent;outline:0;box-shadow:none} .site-header .nav-cta:focus-visible{outline:2px solid #8EBFD2;outline-offset:3px} @media(max-width:1024px){.site-header .brand-logo{width:158px}} @media(max-width:650px){ html{scroll-padding-top:122px} .site-header{height:112px;padding-inline:12px} .site-header .brand-logo{width:140px;max-height:none} .site-header #nav{top:112px;background:#fff;border-bottom-color:#dce5e4} .site-header .nav-cta{padding:9px 11px;font-size:10px} } /* Keep the navigation and logo panel white at every breakpoint. */ .site-header{background:#fff!important;border-bottom-color:#dce5e4} .site-header #nav{background:#fff!important;border-bottom-color:#dce5e4} /* Iceland Nomad cinematic navigation, based on the supplied horizontal brand lockup. */ html{scroll-padding-top:108px} .site-header{height:94px;padding-inline:clamp(18px,4vw,56px);background:#10283A!important;color:#F5F3EE;border-bottom:1px solid #30465a;box-shadow:0 5px 20px #08152236} .site-header>.brand{flex:0 1 auto;min-width:0} .site-header .brand-logo{display:block;width:clamp(280px,52vw,460px);height:auto;max-height:76px;object-fit:contain;object-position:left center} .site-header .menu-toggle{display:flex!important;flex-direction:column;justify-content:center;align-items:flex-end;gap:8px;flex:none;width:62px;height:58px;margin-left:auto;padding:8px;border:0;border-radius:0;background:transparent;color:#F5F3EE;cursor:pointer;z-index:12} .site-header .menu-toggle span{display:block;width:46px;height:3px;background:#F5F3EE;transition:width .2s ease,transform .2s ease,opacity .15s ease} .site-header .menu-toggle span:nth-child(2){width:38px} .site-header .menu-toggle:hover span:nth-child(2),.site-header .menu-toggle:focus-visible span:nth-child(2){width:46px} .site-header .menu-toggle:focus-visible{outline:2px solid #8EBFD2;outline-offset:3px} .site-header .menu-toggle.is-open span:nth-child(1){transform:translateY(11px) rotate(45deg)} .site-header .menu-toggle.is-open span:nth-child(2){opacity:0} .site-header .menu-toggle.is-open span:nth-child(3){transform:translateY(-11px) rotate(-45deg)} .site-header #nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;padding:18px clamp(20px,6vw,80px) 24px;background:#10283A!important;border-top:1px solid #34495b;border-bottom:1px solid #34495b;box-shadow:0 18px 30px #08152242;color:#F5F3EE} .site-header #nav.open{display:flex} .site-header #nav>a{padding:12px 0;color:#F5F3EE;font-size:14px;border-bottom:1px solid #ffffff1c} .site-header #nav>a:hover,.site-header #nav>a:focus-visible{color:#8EBFD2} .site-header #nav .nav-language-switch{border-top:0;border-bottom:0} .site-header #nav .nav-language-switch summary{padding:13px 0;color:#F5F3EE} .site-header #nav .nav-language-options{background:#17364c;border-color:#42586b} .site-header #nav .nav-language-options button{color:#F5F3EE} .site-header #nav .nav-language-options button:hover,.site-header #nav .nav-language-options button:focus-visible{background:#244b65} .site-header .header-actions{display:none!important} @media(max-width:650px){ html{scroll-padding-top:94px} .site-header{height:84px;padding-inline:15px} .site-header .brand-logo{width:clamp(238px,64vw,310px);max-height:58px} .site-header .menu-toggle{width:46px;height:48px;padding:6px;gap:7px} .site-header .menu-toggle span{width:34px;height:2.5px} .site-header .menu-toggle span:nth-child(2){width:28px} .site-header .menu-toggle:hover span:nth-child(2),.site-header .menu-toggle:focus-visible span:nth-child(2){width:34px} .site-header #nav{top:84px;padding:12px 22px 20px} .site-header .menu-toggle.is-open span:nth-child(1){transform:translateY(9.5px) rotate(45deg)} .site-header .menu-toggle.is-open span:nth-child(3){transform:translateY(-9.5px) rotate(-45deg)} } @media(prefers-reduced-motion:reduce){.site-header .menu-toggle span{transition:none!important}} /* Use the exact logo lockup from the user's supplied header reference. */ .site-header>.brand{display:block;flex:0 1 auto;width:min(490px,calc(100vw - 76px));height:auto;aspect-ratio:490/94;overflow:hidden;background:#10283A} .site-header .brand-logo{display:block;width:100%;height:100%;max-height:none;object-fit:contain;object-position:left center} @media(max-width:650px){ .site-header{height:94px;padding-inline:15px} .site-header>.brand{width:calc(100vw - 76px);max-width:490px} .site-header #nav{top:94px} } @media(max-width:450px){.site-header{height:84px}.site-header #nav{top:84px}} /* Keep the supplied original full logo legible and organized in the footer. */ .footer{background:#fff;grid-template-columns:minmax(170px,210px) minmax(0,1.25fr) minmax(180px,1fr) auto;align-items:center;gap:24px} .footer-brand{display:block;width:min(200px,100%);line-height:0} .footer-brand .brand-logo{display:block;width:100%;height:auto;max-height:none;max-width:100%;object-fit:contain} .footer-links{display:flex;flex-wrap:wrap;align-content:center;gap:8px 16px} @media(max-width:900px){.footer{grid-template-columns:minmax(145px,190px) minmax(0,1fr);align-items:start;gap:18px}.footer-brand{grid-column:1;grid-row:1 / span 2;width:min(180px,100%)}.footer-links{grid-column:2;grid-row:1;align-self:center}.footer-legal{grid-column:1 / -1}.footer-language{grid-column:2;grid-row:2;justify-self:start}} @media(max-width:560px){.footer{grid-template-columns:1fr;gap:15px}.footer-brand,.footer-links,.footer-legal,.footer-language{grid-column:1;grid-row:auto}.footer-brand{width:170px}.footer-links{gap:8px 15px}.footer-language{justify-self:start}} /* Header color matches the single navy used in the original brand header. */ .site-header{background:#182434!important;border-bottom:1px solid #182434!important} .site-header>.brand:after{display:none!important}