/* Tripod / a cinematic travel journal */
:root{--forest:#103e37;--deep:#062d28;--gold:#e3b969;--gold-dark:#8d601c;--cream:#f7f5ef;--paper:#fffefa;--line:#d9ded5;--header-height:112px}
html{scroll-padding-top:calc(var(--header-height) + 20px)}
body{overflow-x:clip}
.announcement{padding:8px 5vw;min-height:38px;font-size:.8rem;letter-spacing:.1em}
.site-header{position:sticky;top:0;z-index:80;min-height:0;padding:8px 5vw;gap:24px;background:rgba(247,245,239,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid #103e3719;transition:box-shadow .25s}
.site-header.is-scrolled{box-shadow:0 8px 30px #062d281c}
.site-header .tripod-brand-logo{width:190px;height:98px;aspect-ratio:auto;object-fit:contain}
.site-header nav{gap:24px;font-size:.94rem}
.site-header nav>a:not(.nav-cta){font-weight:700}
.site-header .nav-cta{border-radius:30px;min-height:48px;padding:12px 22px;font-size:.9rem}
.button{border-radius:30px;min-height:56px;padding:14px 24px;gap:24px}
.action-arrow{font-size:1.55rem;margin-left:auto;transition:transform .2s}
a:hover>.action-arrow,button:hover>.action-arrow{transform:translate(3px,-3px)}
.hero{position:relative;isolation:isolate;display:block;min-height:760px;padding:105px 6vw 130px;background:var(--deep);color:white;overflow:hidden}
.hero-copy{z-index:3;padding:0}
.hero>.hero-copy{max-width:52%;pointer-events:none}
.hero>.hero-copy a{pointer-events:auto}
.hero>.hero-copy:before{display:none}
.hero .kicker{color:#f4d49c;font-size:.88rem;letter-spacing:.18em}
.hero h1{font-size:clamp(3.8rem,6vw,6.5rem);line-height:1.05;letter-spacing:-.06em}
.hero h1 em{color:#f3d4a2;font-weight:500}
.hero-intro{line-height:1.8}
.hero .hero-intro{color:#f0f1eb;max-width:440px;font-size:1.12rem}
.hero .trust-line{color:#e8e9df;border-color:#ffffff40;max-width:560px;gap:16px;font-size:.8rem;margin-top:42px}
.hero .underlink{color:#fff}
.hero .destination-carousel{position:absolute;inset:0;height:100%;z-index:1}
.hero .slide-stage{position:absolute;inset:0;height:100%;border-radius:0}
.hero .slide-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,29,25,.96) 0%,rgba(3,29,25,.83) 30%,rgba(3,29,25,.25) 65%,rgba(3,29,25,.08)),linear-gradient(0deg,rgba(3,29,25,.75),transparent 45%)}
.hero .destination-slide{height:100%}
.hero .destination-carousel img{object-position:center 52%}
.hero .destination-carousel figcaption{z-index:2;left:auto;right:6vw;bottom:180px;min-width:230px;padding:0;background:none;display:flex;flex-direction:column;text-align:right;gap:3px}
.hero .destination-carousel figcaption strong{font:500 clamp(2.4rem,4vw,4rem)/1.2 'Playfair Display',serif}
.hero .destination-carousel figcaption span{letter-spacing:.2em;font-size:.875rem;margin-bottom:10px}
.hero .carousel-controls{position:absolute;bottom:82px;right:6vw;gap:12px;margin:0;z-index:4}
.hero .carousel-controls button,.hero .carousel-controls #destination-play{background:#062d2870;color:white;border:1px solid #ffffff70;border-radius:28px;padding:10px 18px;backdrop-filter:blur(10px)}
.hero .carousel-controls button:hover{background:#fff;color:var(--deep)}
.hero .destination-pickers{position:absolute;bottom:24px;right:6vw;z-index:4;gap:8px}
.hero .destination-pickers button{background:transparent;color:#fff;border-color:#ffffff60;font-size:.875rem}
.hero .destination-pickers button[aria-pressed=true]{color:var(--deep);background:var(--gold);border-color:var(--gold)}
.planner{background:var(--cream);padding:86px 6vw}
.planner-title .kicker{color:var(--gold-dark)}
.planner-title h2{font-size:clamp(2.4rem,4vw,4rem)}
.planner form{background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 70px #062d280c}
.planner-group legend{color:var(--forest);font-size:1.1rem;font-weight:700}
input,select,textarea{border-color:#b6c1b7!important;background:#fff!important}
.trip-type label:has(input:checked){background:#e9efdf;border-color:var(--forest)}
.section{padding:100px 6vw}
.marquee{background:var(--deep);color:#ead4ab;padding:20px 0;border:0}
.marquee>div{font-size:.95rem;letter-spacing:.1em;gap:18px 35px}
.destinations{background:var(--paper)}
.destination-heading{margin-bottom:44px}
.destination-grid{gap:26px;align-items:start}
.destination-card{position:relative;min-height:490px;border:0;border-radius:160px 160px 12px 12px;background:var(--deep);color:#fff;isolation:isolate}
.destination-card:nth-child(2){margin-top:64px}
.destination-card img{position:absolute;inset:0;height:100%;width:100%;aspect-ratio:auto;z-index:-2;transition:transform .6s}
.destination-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#03241cec 100%);z-index:-1;pointer-events:none}
.destination-card:hover img{transform:scale(1.04)}
.destination-card .destination-info{margin-top:auto;padding:30px;min-height:490px;justify-content:flex-end}
.destination-card .country{color:#f2d39b;font-size:.875rem}
.destination-card h3{font:500 2.4rem/1.2 'Playfair Display',serif;margin:10px 0}
.destination-card p{color:#f0f2ec}
.destination-card a{border-color:#ffffff60;margin-top:0;color:#fff}
.destination-card a:hover{color:var(--gold)}
.destination-caption{margin-top:32px}
.service-grid{gap:18px;border:0}
.service-grid article{border:1px solid var(--line);border-radius:12px;background:var(--paper);transition:transform .25s,box-shadow .25s}
.service-grid article:hover{transform:translateY(-4px);box-shadow:0 15px 40px #062d2810}
.service-icon{color:var(--gold-dark)}
.journey-image img{height:100%;object-fit:cover}
.journey-copy{background:var(--deep);color:#fff}
.journey-copy h2 em{color:#edcc97}
.journey-links a{border-color:#ffffff38}
.journey-links small{color:#edcc97}
.about-heading:before{opacity:.04}
.notes{border-top:1px solid var(--line)}
.contact{background:radial-gradient(ellipse at 50% 0,#235c4e,var(--deep) 75%);padding-top:100px}
.contact .kicker{color:#edcc97}
.payment-card{background:#fff;border-radius:18px;padding:36px;box-shadow:0 20px 60px #062d280b}
.connect-strip{display:flex;flex-wrap:wrap;padding:42px 6vw;background:#062d28;border-top:1px solid #ffffff25;gap:26px}
.connect-strip>div:first-child{flex:1 1 260px}
.connect-strip h3{font:500 1.8rem/1.3 'Playfair Display',serif}
.connect-strip .social-group{flex:1 1 100%}
.social-links{display:flex;flex-wrap:wrap;gap:12px}
.social-link{display:inline-flex;align-items:center;gap:12px;min-height:48px;border:1px solid #ffffff50;border-radius:28px;padding:10px 18px;background:transparent;color:#fff;font:600 .9rem 'DM Sans',sans-serif}
.social-link svg{width:20px;height:20px;flex-shrink:0}
.social-link:disabled{cursor:default;opacity:.72}
.social-link:not(:disabled):hover{background:var(--gold);border-color:var(--gold);color:var(--deep)}
.connect-strip .social-note{font-size:.875rem;color:#d0d8d2;margin-top:14px}
footer{padding:28px 6vw}
.footer-brand .tripod-brand-logo{width:190px}
.service-hero{background:var(--deep);color:white;padding:72px 6vw;gap:5vw}
.service-hero .hero-intro{color:#e6ede7}
.service-hero h1 em{color:#edcc97}
.service-hero .kicker{color:#edcc97}
.service-hero .hero-copy:before{display:none}
.service-hero>img{height:520px;border-radius:180px 180px 12px 12px}
.service-option-grid article{border-radius:14px;padding:32px;background:white}
@media(min-width:1101px) and (max-width:1280px){.site-header nav{gap:14px}.site-header .tripod-brand-logo{width:170px}.site-header{padding-inline:4vw}}
@media(max-width:1100px){
.site-header{flex-wrap:nowrap;justify-content:space-between;padding:6px 5vw}
.site-header .tripod-brand-logo{width:170px;height:88px}
.site-header nav{max-height:calc(100dvh - var(--header-height));overflow-y:auto;overscroll-behavior:contain;align-items:stretch;justify-content:flex-start;gap:6px;background:var(--cream);border-top:1px solid var(--line)}
.site-header nav .nav-cta{justify-content:center;margin-top:8px}
.hero{min-height:730px;padding-top:90px}
.hero>.hero-copy{max-width:65%}
.hero h1{font-size:clamp(3.6rem,7vw,5.5rem)}
.hero .destination-carousel figcaption{bottom:210px}
.destination-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.destination-card,.destination-card .destination-info{min-height:410px}
.destination-card .destination-info{padding:22px}
.destination-card h3{font-size:1.9rem}
}
@media(max-width:800px){
.hero{display:flex;flex-direction:column;padding:48px 5vw 0;min-height:0}
.hero>.hero-copy{max-width:100%;padding-bottom:36px}
.hero h1{font-size:clamp(3.3rem,10vw,5rem)}
.hero .hero-intro{max-width:560px}
.hero .hero-actions{flex-direction:row;align-items:center;flex-wrap:wrap}
.hero .hero-actions .button{width:auto}
.hero .trust-line{display:flex;gap:12px;margin-top:28px;font-size:.8rem}
.hero .trust-line span+span:before{display:none}
.hero .destination-carousel{position:relative;inset:auto;width:calc(100% + 10vw);margin-inline:-5vw;height:520px;flex-shrink:0}
.hero .slide-stage:after{background:linear-gradient(0deg,#03241cf2,transparent 75%)}
.hero .destination-carousel figcaption{left:5vw;right:auto;bottom:185px;text-align:left}
.hero .carousel-controls{left:5vw;right:5vw;bottom:103px;justify-content:flex-start}
.hero .carousel-controls button{flex:1;min-width:0;font-size:.875rem;padding:8px}
.hero .carousel-controls #destination-play{order:0;flex:1.3}
.hero .destination-pickers{left:5vw;right:5vw;bottom:18px;gap:6px}
.hero .destination-pickers button{padding:7px 12px;min-height:36px}
.hero .destination-carousel figcaption strong{font-size:2.8rem}
.destination-grid{grid-template-columns:1fr;gap:24px}
.destination-card:nth-child(2){margin-top:0}
.destination-card{border-radius:16px;min-height:430px}
.destination-card .destination-info{min-height:430px;padding:28px}
.destination-card h3{font-size:2.5rem}
.section,.planner{padding:65px 5vw}
.service-hero{padding:42px 5vw}
.service-hero>img{height:380px;border-radius:110px 110px 10px 10px}
.connect-strip{padding:34px 5vw}
}
@media(max-width:400px){.site-header .tripod-brand-logo{width:145px;height:76px}.hero .trust-line{flex-direction:column;gap:6px}.hero .carousel-controls button{font-size:.8rem;gap:4px}.social-links{gap:8px}.social-link{padding:10px 12px;font-size:.875rem}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}