:root{--cream:#f3efe5;--paper:#faf8f1;--ink:#183b32;--pine:#123a31;--coral:#ed6b4f;--sky:#7fb8bd;--line:rgba(24,59,50,.18);--white:#fffaf2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif}.skip-link{position:fixed;top:-100px;left:20px;background:#fff;padding:12px;z-index:99}.skip-link:focus{top:20px}.header{height:76px;padding:0 clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;background:var(--cream);border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none;font-weight:700;font-size:20px;letter-spacing:-.5px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--coral);color:#fff;font-size:12px}.nav{display:flex;gap:36px}.nav a,.footer a{color:inherit;text-decoration:none;font-size:14px}.nav a:hover{color:var(--coral)}.button{border:0;display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--pine);color:#fff;text-decoration:none;border-radius:999px;padding:16px 23px;font-weight:700;font:inherit;cursor:pointer;transition:.25s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #132d2633}.button-small{padding:11px 18px;font-size:13px}.button-coral{background:var(--coral)}.menu-button{display:none;border:0;background:transparent;font-size:24px;color:var(--ink)}.hero{height:min(820px,calc(100vh - 76px));min-height:650px;position:relative;overflow:hidden;background:#496c68}.hero-photo{position:absolute;inset:0;background:url('assets/tripscan-hero.jpg') center/cover no-repeat;transform:scale(1.01)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,37,31,.82) 0%,rgba(9,37,31,.52) 38%,rgba(9,37,31,.08) 70%),linear-gradient(0deg,rgba(5,28,23,.45),transparent 45%)}.hero-content{position:absolute;left:clamp(24px,7vw,110px);top:50%;transform:translateY(-54%);color:var(--white);max-width:720px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:700;margin:0 0 24px;color:var(--coral)}.eyebrow.light{color:#ffd5c5}.hero h1,.section h2{font-family:Prata,Georgia,serif;font-weight:400;line-height:1.08;letter-spacing:-.03em}.hero h1{font-size:clamp(52px,6.6vw,102px);margin:0 0 24px}.hero h1 em,.section h2 em{font-weight:400;color:#ffb59d}.hero-copy{font-size:17px;line-height:1.65;max-width:540px;color:#fffdf3c7}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:34px}.text-link{color:#fff;text-underline-offset:6px;font-size:14px}.hero-stamp{position:absolute;right:7%;top:16%;width:126px;height:126px;border:1px solid #fff8;border-radius:50%;display:grid;place-items:center;text-align:center;color:#fff;transform:rotate(8deg);font-size:10px;letter-spacing:.17em;line-height:1.6}.hero-stamp strong{position:absolute;font-size:26px}.hero-meta{position:absolute;bottom:32px;right:clamp(24px,6vw,90px);display:flex;gap:36px;color:#fff;border-top:1px solid #fff6;padding-top:16px}.hero-meta span{display:flex;flex-direction:column;font-size:11px;text-transform:uppercase;letter-spacing:.13em}.hero-meta b{font-family:Prata;font-size:28px;letter-spacing:0}.section{padding:120px clamp(24px,5vw,80px)}.intro{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;background:var(--paper)}.section h2{font-size:clamp(43px,5vw,76px);margin:0}.section h2 em{color:var(--coral)}.intro-copy{align-self:end;font-size:17px;line-height:1.75}.arrow-link{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--ink);color:var(--ink);text-decoration:none;font-weight:700;margin-top:34px}.principles{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:40px}.principles article{padding:38px 45px 10px 0}.principles article+article{border-left:1px solid var(--line);padding-left:45px}.principles span,.journey-list span{font-size:11px;color:var(--coral);font-weight:700}.principles h3{font-family:Prata;font-size:25px;font-weight:400;margin:30px 0 10px}.principles p{font-size:14px;line-height:1.7;color:#4e655f}.routes{background:var(--cream)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:50px;padding:11px 17px;cursor:pointer}.filter.active,.filter:hover{background:var(--pine);color:white}.route-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px}.route-card{height:520px;border-radius:2px;position:relative;overflow:hidden;color:#fff;transition:.35s}.route-card:hover{transform:translateY(-7px)}.route-card.hidden{display:none}.route-photo,.route-overlay,.contour,.sun{position:absolute;inset:0}.route-photo-coast{background:url('assets/tripscan-hero.jpg') 72% center/cover}.route-overlay{background:linear-gradient(0deg,#071d18c7,transparent 70%)}.route-card-color{background:#b75e44}.route-card-color.blue{background:#4f8d95}.contour{opacity:.28;background:repeating-radial-gradient(ellipse at 70% 30%,transparent 0 20px,#fff 21px 22px,transparent 23px 36px)}.sun{width:190px;height:190px;inset:65px auto auto 50%;transform:translateX(-50%);border-radius:50%;background:#e6d29c}.route-top,.route-bottom{position:absolute;left:26px;right:26px;display:flex;justify-content:space-between;z-index:2}.route-top{top:25px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.route-bottom{bottom:25px;display:block}.route-bottom p{font-size:12px;text-transform:uppercase;letter-spacing:.15em;margin:0 0 8px}.route-bottom h3{font-family:Prata;font-weight:400;font-size:35px;margin:0 0 28px}.route-bottom div{border-top:1px solid #fff6;padding-top:17px;display:flex;align-items:center;justify-content:space-between}.route-bottom button{border:1px solid #fff8;background:transparent;border-radius:50%;color:#fff;width:40px;height:40px;font-size:18px}.route-note{text-align:center;font-size:13px;margin:36px 0 0;color:#64746f}.journey{background:var(--pine);color:var(--white);display:grid;grid-template-columns:1fr 1fr;padding-top:0;padding-bottom:0;min-height:720px}.journey-art{position:relative;background:#e4a14c;min-height:720px;margin-left:calc(-1 * clamp(24px,5vw,80px));overflow:hidden;display:grid;place-items:center}.journey-art:before{content:"";position:absolute;width:420px;height:540px;border-radius:50% 50% 8% 8%;background:var(--sky);transform:rotate(-12deg)}.journey-art span{position:absolute;font-family:Prata;font-size:140px;color:#fff5;left:10%;top:8%;z-index:2}.journey-art b{position:relative;font-size:150px;color:var(--paper);z-index:2}.route-line{position:absolute;z-index:3;width:75%;height:50%;border:2px dashed #173c32;border-color:#173c32 transparent transparent #173c32;border-radius:50%;transform:rotate(-18deg)}.journey-content{padding:105px 0 90px 9vw}.journey-content h2{font-size:clamp(44px,4.5vw,68px)}.journey-list{margin-top:70px}.journey-list>div{display:grid;grid-template-columns:42px 1fr;padding:23px 0;border-top:1px solid #ffffff2b}.journey-list p{display:flex;justify-content:space-between;margin:0;color:#b9c8c3;font-size:13px}.journey-list b{color:white;font-size:16px}.stories{background:var(--paper)}.quote-wrap{display:grid;grid-template-columns:1fr 260px;gap:70px;border-top:1px solid var(--line);padding-top:60px}.quote-wrap blockquote{font-family:Prata;font-size:clamp(29px,4vw,54px);line-height:1.38;margin:0}.quote-author{align-self:end;display:flex;gap:15px;align-items:center}.quote-author>span{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:var(--coral);color:#fff}.quote-author p{display:flex;flex-direction:column;margin:0;font-size:12px}.quote-author b{font-size:14px;margin-bottom:5px}.contact{background:var(--sky);display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact h2{color:var(--white)}.contact h2 em{color:var(--pine)}.contact-form{display:grid;gap:22px}.contact-form label{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.contact-form input{width:100%;border:0;border-bottom:1px solid #183b3280;background:transparent;padding:13px 0;font:inherit;font-size:16px;outline:none}.contact-form input:focus{border-color:var(--coral)}.contact-form .button{justify-self:start;margin-top:10px}.form-status{font-size:13px;margin:0}.footer{background:#0c2a23;color:#dbe6df;padding:70px clamp(24px,5vw,80px) 30px;display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:40px;align-items:start}.brand-footer{color:#fff!important}.footer p{margin:0;font-size:13px;line-height:1.7;color:#9db3ab}.footer nav{display:flex;flex-direction:column;gap:13px}.site-url{font-family:Prata;font-size:22px!important;color:#ffb59d!important}.footer small{grid-column:1/-1;border-top:1px solid #ffffff1f;padding-top:24px;color:#78948a}
@media(max-width:900px){.nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:20px 24px;flex-direction:column}.nav.open{display:flex}.header>.button{display:none}.menu-button{display:block}.hero{min-height:700px}.hero-meta{left:24px;right:24px}.hero-stamp{display:none}.intro,.journey,.contact{grid-template-columns:1fr}.intro-copy{max-width:650px}.principles{grid-template-columns:1fr}.principles article+article{border-left:0;border-top:1px solid var(--line);padding-left:0}.section-heading{display:block}.filters{margin-top:28px}.route-grid{grid-template-columns:1fr 1fr}.route-card-main{grid-column:1/-1}.journey-art{margin:0 calc(-1 * clamp(24px,5vw,80px));min-height:520px}.journey-content{padding:80px 0}.quote-wrap{grid-template-columns:1fr}.footer{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.header{height:66px}.brand{font-size:18px}.hero{height:760px}.hero-photo{background-position:65% center}.hero-shade{background:linear-gradient(90deg,rgba(9,37,31,.87),rgba(9,37,31,.3)),linear-gradient(0deg,rgba(5,28,23,.55),transparent)}.hero h1{font-size:49px}.hero-copy{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-meta{gap:20px}.hero-meta b{font-size:22px}.section{padding:82px 22px}.route-grid{grid-template-columns:1fr}.route-card-main{grid-column:auto}.route-card{height:470px}.journey{padding-top:0}.journey-art{min-height:430px;margin:0 -22px}.journey-content{padding-left:0}.journey-list p{display:block}.journey-list b{display:block;margin-bottom:7px}.quote-wrap blockquote{font-size:31px}.footer{grid-template-columns:1fr;padding:55px 22px 25px}.footer small{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
