/* INDONE brand system — forest, ocean and champagne */
:root{
  --ink:#103f40;
  --teal:#0d5556;
  --lime:#d7b478;
  --muted:#667876;
  --paper:#f8f5ed;
  --line:#ddd5c6;
  --orange:#b88b4b;
  --shadow:0 24px 70px rgba(7,58,59,.12);
  --forest:#073f41;
  --forest-deep:#042f31;
  --turquoise:#278d8d;
  --turquoise-soft:#d9ece8;
  --gold:#b99457;
  --gold-light:#e6d3a8;
  --ivory:#f8f5ed;
  --white:#fffdf8;
}
html{scroll-padding-top:94px}
body{background:var(--ivory);font-family:'Montserrat','DM Sans',sans-serif;color:var(--forest-deep)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 8% 4%,rgba(39,141,141,.09),transparent 26%),radial-gradient(circle at 92% 12%,rgba(185,148,87,.12),transparent 24%)}
.wrap{max-width:1320px}
.announcement{padding:9px 20px;background:var(--forest-deep);color:#f4ead4;font-size:10px;letter-spacing:.22em;text-transform:uppercase;border-bottom:1px solid rgba(230,211,168,.24)}
.announcement span{color:#fffdf8}
.nav{height:104px;gap:28px}
.brand-lockup{display:flex;align-items:center;flex:0 0 auto}
.brand-lockup img{display:block;width:236px;height:auto;mix-blend-mode:multiply}
.nav-links{gap:25px;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#395d5b}
.nav-links a{position:relative;padding:12px 0}
.nav-links a:after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:1px;background:var(--gold);transition:right .25s ease}
.nav-links a:hover:after,.nav-links a.active:after{right:0}
.nav-links a:hover,.nav-links a.active{color:var(--forest)}
.nav-actions{gap:12px}
.text-btn{color:var(--forest);font-size:11px;letter-spacing:.05em;text-transform:uppercase}
.cart-pill{background:#eee6d6;color:var(--forest);border:1px solid #dfd2ba;box-shadow:none}
.btn{border-radius:2px;padding:15px 24px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(7,63,65,.16)}
.btn-dark{background:var(--forest);color:#fffdf8}
.btn-dark:hover{background:var(--forest-deep)}
.btn-lime{background:var(--gold);color:#153d3b}
.btn-white{background:rgba(255,253,248,.93);color:var(--forest);border:1px solid rgba(255,255,255,.62)}
.menu-btn{color:var(--forest);width:44px;height:44px;border:1px solid var(--line);border-radius:50%}
.hero{min-height:670px;border-radius:4px;background-position:center 52%;box-shadow:var(--shadow);border:1px solid rgba(185,148,87,.34)}
.hero:before{background:linear-gradient(90deg,rgba(3,44,46,.97) 0%,rgba(4,54,55,.84) 38%,rgba(4,47,48,.24) 72%,rgba(3,32,33,.12) 100%),linear-gradient(0deg,rgba(3,36,38,.62),transparent 55%)}
.hero:after{content:"";position:absolute;inset:18px;border:1px solid rgba(230,211,168,.46);pointer-events:none}
.hero-content{padding:104px 0 135px 78px;max-width:730px}
.eyebrow{font-size:10px;letter-spacing:.25em;font-weight:600;text-transform:uppercase}
.hero .eyebrow{color:var(--gold-light)}
.hero h1,.section-title,.audience h3,.stats h2,.step h3,.cta h2,.modal h2{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600}
.hero h1{font-size:clamp(58px,6vw,88px);line-height:.91;letter-spacing:-.045em;margin:25px 0 24px}
.hero h1 em{color:var(--gold-light);font-weight:500}
.hero p{font-size:16px;line-height:1.75;max-width:610px;color:rgba(255,255,255,.8)}
.hero-ctas{margin-top:34px}
.hero-float{right:36px;bottom:34px;border-radius:2px;background:rgba(248,245,237,.92);border:1px solid rgba(185,148,87,.46);backdrop-filter:blur(14px);color:var(--forest)}
.hero-float .star{color:var(--gold)}
.search-wrap{margin-top:-40px;position:relative;z-index:4}
.search-bar{border-radius:3px;border:1px solid #d8cdb8;background:rgba(255,253,248,.96);box-shadow:0 20px 55px rgba(5,55,56,.13);backdrop-filter:blur(16px)}
.search-field label{color:#8b6e42;letter-spacing:.14em}
.search-field select{color:var(--forest)}
.trusted{color:#56716e;border-bottom-color:var(--line);gap:22px}
.trusted span{color:#9a7a48;letter-spacing:.16em}
.trusted strong{font-size:10px;letter-spacing:.07em;color:#345e5b}
.section{padding-top:104px}
.section-head{margin-bottom:42px}
.section-title{font-size:clamp(46px,5vw,68px);line-height:.98;letter-spacing:-.035em;color:var(--forest);margin-top:16px}
.section-intro{font-size:15px;line-height:1.8;color:#607270}
.section-link{color:var(--forest);border-bottom:1px solid var(--gold);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.audiences{gap:22px}
.audience{min-height:520px;border-radius:3px;border:1px solid rgba(185,148,87,.4);box-shadow:0 22px 60px rgba(4,47,49,.12)}
.audience:after{background:linear-gradient(0deg,rgba(3,42,44,.96),rgba(3,47,48,.18) 72%)}
.audience .inner{padding:42px}
.audience .kicker{color:var(--gold-light);letter-spacing:.16em}
.audience h3{font-size:50px;line-height:.94;letter-spacing:-.025em}
.demo-banner{border-color:#ddcda9;background:#fff9ea;color:#705a31;border-radius:3px}
.filters{gap:8px}
.chip{border-radius:2px;border-color:#d8cebd;background:transparent;color:#44615f;font-size:10px;letter-spacing:.07em;text-transform:uppercase}
.chip:hover,.chip.active{background:var(--forest);border-color:var(--forest);color:#fffdf8}
.packages{gap:22px}
.package{border-radius:3px;border:1px solid #ddd5c7;background:var(--white);box-shadow:none;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.package:hover{transform:translateY(-7px);box-shadow:0 22px 55px rgba(6,58,59,.13);border-color:#c6ab78}
.package-image{height:235px;background:#e8e2d5}
.package-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(2,37,39,.23));pointer-events:none}
.package-image img{transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.package:hover .package-image img{transform:scale(1.035)}
.tag{border-radius:1px;background:rgba(248,245,237,.94);color:var(--forest);letter-spacing:.11em}
.favorite{z-index:2;background:rgba(248,245,237,.93);color:var(--forest)}
.package-info{padding:24px}
.package-meta{color:#6c7976;font-size:10px;letter-spacing:.05em}
.package h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:29px;line-height:1.03;color:var(--forest);letter-spacing:-.02em}
.rating{color:#9b753f}
.price b{color:var(--forest)}
.arrow-round{background:var(--forest);color:#fffdf8}
.stats{border-radius:3px;background:var(--forest);border:1px solid rgba(230,211,168,.33);box-shadow:var(--shadow)}
.stats h2{font-size:44px;color:#fffdf8}
.stat b{font-family:'Cormorant Garamond',Georgia,serif;color:var(--gold-light);font-size:54px}
.steps{gap:18px}
.step{border-radius:3px;border-color:#ded5c5;background:rgba(255,253,248,.7)}
.step-number{color:var(--gold);font-family:'Cormorant Garamond',Georgia,serif;font-size:40px}
.step h3{font-size:31px;color:var(--forest)}
.cta{border-radius:3px;background:linear-gradient(125deg,var(--forest-deep),#0b5c5b);border:1px solid rgba(230,211,168,.35);box-shadow:var(--shadow)}
.cta:after{content:"";position:absolute;right:50px;top:50%;width:150px;height:150px;border:1px solid rgba(230,211,168,.22);border-radius:50%;transform:translateY(-50%);pointer-events:none}
.cta h2{font-size:clamp(42px,5vw,63px);line-height:.98}
.footer{background:#f0ebdf;border-top:1px solid #d9cfbd;color:#526765}
.footer .brand-lockup img{width:270px}
.footer h4{color:#9b7845;letter-spacing:.14em}
.footer a:hover{color:var(--forest)}
.footer-bottom{border-top-color:#d6ccba}
.floating-chat{background:var(--gold);color:var(--forest-deep);box-shadow:0 15px 38px rgba(5,51,52,.24)}
.modal{border-radius:3px;border:1px solid #d7c8ae;background:#fffdf8}
.modal h2{color:var(--forest);font-size:43px;letter-spacing:-.02em}
.field input,.field select{border-radius:2px;border-color:#d7cdbb;background:#fbf8f1}
.toast{background:var(--forest);border:1px solid rgba(230,211,168,.38)}
.brand-spectrum{padding-top:82px}
.brand-spectrum-head{display:flex;align-items:end;justify-content:space-between;gap:42px;margin-bottom:26px}
.brand-spectrum-head h2{margin:12px 0 0;font:600 clamp(40px,4vw,58px)/1 'Cormorant Garamond',Georgia,serif;letter-spacing:-.035em;color:var(--forest)}
.brand-spectrum-head p{max-width:520px;margin:0;color:#607270;font-size:14px;line-height:1.8}
.brand-spectrum-track{overflow:hidden;border:1px solid rgba(185,148,87,.52);box-shadow:0 22px 58px rgba(5,55,56,.13);background:var(--forest-deep)}
.brand-spectrum-track:focus-visible{outline:3px solid var(--turquoise);outline-offset:4px}
.brand-spectrum-track img{display:block;width:100%;height:auto;min-width:100%;object-fit:cover}
.brand-spectrum-hint{display:none;margin-top:10px;color:#7e6b49;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:1100px){
  .nav{height:92px}.brand-lockup img{width:205px}.nav-links{background:#f8f5ed;border:1px solid #d8cebc;border-radius:3px;box-shadow:0 18px 45px rgba(5,55,56,.15)}
  .hero-content{padding-left:52px}.hero{min-height:620px}
}
@media(max-width:760px){
  .wrap{width:calc(100% - 32px)}.announcement{font-size:8px;letter-spacing:.14em}.announcement span{display:none}
  .nav{height:82px}.brand-lockup img{width:176px}.nav-actions .text-btn,.nav-actions .btn-dark{display:none}
  .hero{min-height:650px;border-radius:2px;background-position:61% center}.hero:after{inset:10px}.hero-content{padding:78px 24px 145px}.hero h1{font-size:55px}.hero p{font-size:14px}.hero-ctas{align-items:stretch}.hero-ctas .btn{width:100%}.hero-float{left:24px;right:24px;bottom:24px}
  .search-wrap{margin-top:18px}.search-bar{border-radius:2px}.section{padding-top:76px}.section-title{font-size:46px}.audience{min-height:450px}.audience .inner{padding:30px}.audience h3{font-size:42px}.package-image{height:220px}.stats{border-radius:2px}.cta{border-radius:2px}.cta:after{display:none}.footer .brand-lockup img{width:230px}
  .brand-spectrum{padding-top:62px}.brand-spectrum-head{display:block;margin-bottom:20px}.brand-spectrum-head h2{font-size:42px}.brand-spectrum-head p{margin-top:14px}.brand-spectrum-track{overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--gold) var(--forest-deep);overscroll-behavior-inline:contain}.brand-spectrum-track img{width:1020px;min-width:1020px}.brand-spectrum-hint{display:block}
}
@media(max-width:410px){.brand-lockup img{width:154px}.cart-pill{width:40px;height:40px}.hero h1{font-size:49px}.hero-content{padding-left:20px;padding-right:20px}.package h3{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.package:hover{transform:none}.package:hover .package-image img{transform:none}}