/* Atelier direction: obsidian olive, warm porcelain and citron. */
:root{--bg:#111511;--surface:#1b211c;--raised:#262e27;--text:#f4f3e9;--muted:#b0b9ac;--line:#cedbc324;--blue:#d5edac;--gold:#e8d3ac;--mint:#c5dfc2;--lilac:#c9c9e0;--nav:#151c16db}
[data-theme=light]{--bg:#f4f3eb;--surface:#fffef8;--raised:#e9eddf;--text:#202a21;--muted:#5c6958;--line:#344a3026;--blue:#466527;--gold:#80623d;--mint:#406748;--lilac:#63607d;--nav:#f8f8eedb}
body{font-size:17px;background-image:radial-gradient(ellipse at 0 30%,#5e77510b,transparent 40%)}
::selection{background:#d5edac;color:#172116}h1,h2,h3{font-weight:500;letter-spacing:-.055em}.header{top:20px;height:76px;border-color:#d8e2d82b;background:var(--nav);max-width:1480px}.wordmark>span{color:var(--blue)}.desktop-nav a{font-size:14px}.nav-cta{background:#d5edac;color:#24341a;border:0;font-weight:600}.btn.primary,.btn.small{background:#d5edac;color:#223017;border:1px solid #e2f4c7;box-shadow:none}.btn.secondary{background:var(--raised)}.btn{min-height:56px}.btn:hover{box-shadow:0 8px 30px #b9dc6a18}.eyebrow{letter-spacing:2.1px}.section{padding-top:105px;padding-bottom:105px}.section-head{margin-bottom:42px}.section-head h2,.teaser-copy h2{font-size:clamp(36px,4.1vw,60px)}
.home-hero{margin:12px 12px 0;padding:175px 4.3% 32px;min-height:790px;border-radius:36px;overflow:hidden;grid-template-columns:1.3fr .8fr;gap:35px;align-items:center;isolation:isolate;background:#25332b}.hero-landscape,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero-landscape{object-fit:cover;object-position:50% 55%;animation:landscapeIn 2s ease-out both}.hero-shade{z-index:-1;background:linear-gradient(90deg,#0d1c16ed 0%,#13291bb0 48%,#14201535),linear-gradient(0deg,#0a160ee8,transparent 50%)}.hero-copy{padding-top:0;color:#f9faef}.hero-copy h1{font-size:clamp(54px,5.8vw,90px);line-height:1.04;max-width:800px;margin:26px 0}.hero-copy h1 span{color:#d5edac}.hero-copy .eyebrow{color:#e3ebda;font-size:10px}.hero-copy .lead{font-size:17px;color:#d8e0d2;max-width:390px}.hero-copy .btn.secondary{background:#ffffff0d;color:white;border-color:#ffffff40;backdrop-filter:blur(12px)}.hero-actions{margin-top:33px}.hero-tabs{margin-top:42px;border-color:#ffffff30}.hero-tabs button{color:#c8d0c3}.hero-tabs button[aria-pressed=true]{color:#d5edac;border-color:#d5edac}.hero-showcase{min-height:420px;transform:rotate(2deg);border-radius:32px;background:linear-gradient(140deg,#efefe4f0,#b7c8adf0);box-shadow:0 30px 90px #0004;border:1px solid #f7ffeb70}.showcase-top{padding:27px}.showcase-top .eyebrow{color:#4f6047}.showcase-word{top:39px;font-size:clamp(110px,11vw,175px);color:#68855b24}.showcase-image{inset:65px -14px 70px}.showcase-bottom{background:#f3f5e6a6;border-color:#ffffff60;color:#22341f;bottom:31px}.showcase-bottom p,.showcase-bottom span,.showcase-note{color:#4f6248}.circle-link{background:#263923;color:#e4f1d4}.hero-meta{align-self:end;margin:10px 0 0;border-top:1px solid #e6f1e22e;border-bottom:0;color:#dbe4d6;padding-bottom:0}.hero-meta svg{color:#d5edac}
.journey-bar{margin:28px 5% 0;display:grid;grid-template-columns:1fr 1.1fr 1.1fr auto;align-items:center;gap:25px;padding:26px 30px;background:var(--surface);border:1px solid var(--line);border-radius:26px}.journey-title .eyebrow{display:block;font-size:8px;margin:0 0 7px}.journey-title strong{font:500 23px 'Manrope';letter-spacing:-.7px}.journey-bar label{margin:0;font-size:11px;color:var(--muted);border-left:1px solid var(--line);padding-left:24px}.journey-bar select{margin:3px 0 0;padding:7px 25px 7px 0;min-height:35px;border:0;border-radius:0;background-color:transparent;color:var(--text);font-size:14px}.journey-bar select option{background:var(--surface)}
.car-card{padding:12px;border-radius:36px;background:var(--surface)}.car-image{height:360px;border-radius:26px}.car-image.gle{background:linear-gradient(140deg,#eaecdf,#c3cdb9)}.car-image.q5{background:#d5d4cb}.car-copy{padding:28px 21px 20px}.car-copy h3{font-size:36px}.car-copy .eyebrow{color:var(--blue)}.chips span{border-radius:100px;background:transparent;border:1px solid var(--line);padding:9px 13px}.image-tags span{background:#f6f6e5d9;color:#34432b}.image-arrow{background:#23341de6}.car-card:hover{border-color:#c3e5a350}.card-actions{padding-top:24px}.trip-photo{height:620px;border-radius:36px}.trip-photo h2{font-size:45px}.trip-teaser{gap:7%;padding-top:0}.trip-photo:after,.trips-cover:after{background:linear-gradient(transparent 15%,#142014d9)}.mini-trips a{padding:20px 0}.experience{padding-top:10px}.experience-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.experience-steps article{padding:32px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(140deg,#c1df9b08,transparent),var(--surface)}.experience-steps article>span{font-size:9px;color:var(--blue);letter-spacing:1.5px}.experience-steps h3{font-size:25px;margin:40px 0 18px}.experience-steps p{font-size:14px;color:var(--muted);max-width:320px}.experience-steps a{font-size:13px;display:inline-flex;align-items:center;min-height:44px;color:var(--blue)}.cta-banner{border-radius:36px;padding:60px;background:linear-gradient(115deg,#1d2d21ed,#263c20a8),url('/assets/coast.webp') center 60%/cover;color:#f3f6e9}.cta-banner .eyebrow{color:#d3dfc8}.cta-banner h2{font-size:46px}.cta-banner h2 span{color:#d5edac}.cta-banner .btn{background:#d5edac;color:#223017}.footer-top{padding:20px 0}.footer-top>p{font-size:32px}
.page-intro{padding-top:180px;padding-bottom:60px}.page-intro h1{font-size:clamp(52px,6.5vw,92px)}.detail-heading h1{font-size:clamp(54px,6.5vw,90px)}.comparison,.detail-booking,.booking-summary,.booking-form{border-radius:32px}.detail-photo{border-radius:32px;background:linear-gradient(140deg,#eaecdf,#c3cdb9)}.detail-photo .fine-print{background:#dce3d1;color:#4a5942}.spec-grid>div{border-radius:21px;padding:25px}.detail-booking{background:linear-gradient(145deg,#b4d58c09,transparent),var(--surface)}.drive-story{margin-top:35px;height:410px;border-radius:30px;overflow:hidden;position:relative;background:#202e23}.drive-story img{height:100%;width:100%;object-fit:cover}.drive-story:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#102116e8)}.drive-story>div{position:absolute;bottom:30px;left:30px;right:25px;z-index:1;color:white}.drive-story h2{font-size:34px;margin-bottom:20px}.drive-story .eyebrow{color:#d5e3cc;font-size:8px}.drive-story .btn{background:#ffffff16;border-color:#ffffff4f;color:white;backdrop-filter:blur(12px)}
.trips-cover{height:500px;border-radius:36px}.trips-cover h2{font-size:65px}.trips-cover>div{left:45px;bottom:40px}.trip-card{padding:12px 12px 27px;border-radius:30px;overflow:hidden;position:relative}.trip-visual{height:215px;position:relative;border-radius:21px;overflow:hidden;margin-bottom:26px}.trip-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#1220169c)}.trip-visual img{height:100%;width:100%;object-fit:cover;transition:transform 1s var(--ease)}.trip-card:hover .trip-visual img{transform:scale(1.06)}.trip-visual>span{position:absolute;z-index:1;left:19px;bottom:16px;color:white;font-size:8px;letter-spacing:1.7px}.trip-card>.trip-icon{position:absolute;right:28px;top:28px;width:44px;height:44px;border-radius:50%;background:#14201666;color:white;backdrop-filter:blur(10px);border:1px solid #ffffff40}.trip-card>.trip-icon svg{width:20px}.trip-card>p,.trip-card>h3,.trip-card>.itinerary,.trip-card>.text-link{margin-left:16px;margin-right:16px}.trip-card h3{font-size:27px}.trip-card .itinerary{margin-bottom:20px}.trip-grid{gap:22px}.booking-summary .summary-image{background:linear-gradient(140deg,#e9ebdf,#bdcbb3)}.price-note{background:#b8da8d0b}.booking-form fieldset{padding-bottom:32px}.booking-form input:focus,.booking-form select:focus,.booking-form textarea:focus{outline:2px solid var(--blue);outline-offset:2px}.booking-intro{padding-bottom:45px}
@keyframes landscapeIn{from{transform:scale(1.05)}to{transform:scale(1)}}
@media(min-width:1600px){.header{left:calc(50% - 740px)}.home-hero{min-height:850px}}
@media(max-width:1100px){.home-hero{grid-template-columns:1.2fr 1fr;min-height:730px;padding-top:155px;gap:25px}.hero-copy h1{font-size:62px}.hero-showcase{min-height:390px}.journey-bar{gap:17px;padding:24px}.journey-title strong{font-size:20px}.journey-bar label{padding-left:17px}.journey-bar .btn{font-size:12px;padding:15px}.car-image{height:290px}.experience-steps article{padding:25px}.experience-steps h3{font-size:23px}.trip-card h3{font-size:23px}.trip-visual{height:190px}.cta-banner{padding:45px}.cta-banner h2{font-size:37px}}
@media(max-width:800px){.home-hero{grid-template-columns:1fr;min-height:0;padding:140px 5% 25px;gap:30px}.hero-copy h1{font-size:66px;max-width:650px}.hero-showcase{transform:none;min-height:420px;max-width:600px;width:100%;justify-self:center}.hero-landscape{object-position:65% center}.hero-shade{background:linear-gradient(90deg,#122219dc,#12221960),linear-gradient(0deg,#102015eb,transparent)}.showcase-word{font-size:180px;top:25px}.hero-meta{gap:15px;font-size:10px}.journey-bar{grid-template-columns:1fr 1fr}.journey-title{grid-column:1/-1}.journey-bar label{padding-left:0;border-left:0}.journey-bar .btn{grid-column:1/-1;justify-self:center;padding:16px 28px}.section{padding-top:70px;padding-bottom:70px}.car-image{height:235px}.car-copy h3{font-size:29px}.trip-photo{height:500px}.trip-photo h2{font-size:35px}.experience-steps{grid-template-columns:1fr}.experience-steps article{display:grid;grid-template-columns:1fr 1.4fr;gap:10px 35px}.experience-steps h3{margin:0;grid-column:1}.experience-steps p{grid-column:2;grid-row:1/4;margin:0;align-self:center}.experience-steps a{grid-column:1}.experience{padding-top:0}.cta-banner h2{font-size:33px}.trips-cover{height:400px}.trips-cover h2{font-size:55px}.trip-visual{height:230px}.detail-booking{grid-row:auto}.detail-layout{display:flex;flex-direction:column}.detail-booking{width:100%;order:-1}.detail-main{width:100%}}
@media(max-width:540px){.header{top:17px;height:65px;left:7%;width:86%;padding:0 14px}.home-hero{margin:7px;border-radius:28px;padding:125px 5% 23px;gap:24px}.hero-copy h1{font-size:47px;letter-spacing:-.06em;line-height:1.08;margin:24px 0}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.4px}.hero-copy .lead{font-size:14px;max-width:300px}.hero-actions{margin-top:24px}.hero-actions .btn{min-height:50px;font-size:11px;padding:14px 16px}.hero-tabs{margin:23px auto 0}.hero-showcase{min-height:330px;border-radius:25px}.showcase-top{padding:20px}.showcase-word{font-size:130px;top:32px}.showcase-image{inset:50px -10px 70px}.showcase-bottom{bottom:27px;left:13px;right:13px;padding:14px;border-radius:18px}.showcase-bottom h2{font-size:22px}.showcase-note{font-size:5px;bottom:9px}.hero-meta{font-size:8px;gap:10px;padding-top:17px}.hero-meta span{gap:5px}.hero-meta svg{width:14px}.journey-bar{margin:20px 6% 0;gap:16px;padding:23px;border-radius:24px}.journey-title strong{font-size:23px}.journey-bar label{font-size:10px;min-width:0}.journey-bar select{font-size:12px;width:100%;text-overflow:ellipsis}.journey-bar .btn{width:100%;min-height:50px}.section{padding:60px 6%}.section-head h2,.teaser-copy h2{font-size:36px}.section-head{margin-bottom:28px}.car-card{border-radius:29px;padding:9px}.car-image{height:260px;border-radius:22px}.car-copy{padding:24px 16px 19px}.car-copy h3{font-size:32px}.chips{gap:6px}.chips span{padding:8px 9px;font-size:9px}.card-actions{gap:16px}.trip-teaser{padding-top:0;gap:30px}.trip-photo{height:380px;border-radius:29px}.trip-photo h2{font-size:37px}.experience{padding-top:0}.experience-steps article{display:block;padding:27px;border-radius:25px}.experience-steps h3{font-size:26px;margin:25px 0 16px}.experience-steps p{font-size:14px;margin-bottom:12px}.cta-banner{padding:32px 26px;border-radius:28px;margin-bottom:55px}.cta-banner h2{font-size:34px}.footer-top>p{font-size:22px}.page-intro{padding-top:130px;padding-bottom:35px}.page-intro h1{font-size:45px}.detail-heading h1{font-size:43px}.detail-photo{border-radius:25px}.detail-booking{border-radius:25px}.spec-grid>div{padding:17px}.drive-story{height:350px;border-radius:25px}.drive-story>div{left:23px;bottom:25px}.drive-story h2{font-size:29px}.drive-story .btn{font-size:12px}.trips-cover{height:340px;border-radius:27px}.trips-cover>div{left:25px;bottom:29px}.trips-cover h2{font-size:43px}.trip-visual{height:230px;margin-bottom:24px}.trip-card{border-radius:28px}.trip-card h3{font-size:28px}.trip-card .text-link{align-self:center}.booking-form,.booking-summary{border-radius:25px}.page-rezervo .page-intro h1{font-size:44px}.booking-layout{display:flex;flex-direction:column}.booking-summary{width:100%;order:-1}.booking-form{width:100%}}
@media(max-width:370px){.hero-copy h1{font-size:41px}.hero-actions .btn{font-size:10px;padding:13px}.hero-meta{font-size:7px}.journey-bar{grid-template-columns:1fr}.journey-title,.journey-bar .btn{grid-column:1}.car-image{height:220px}.car-copy h3{font-size:29px}}
@media(prefers-reduced-motion:reduce){.hero-landscape{animation:none}.hero-showcase{transform:none}}