@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--ink:#14353c;--cream:#f7f5ed;--orange:#f5ad70;--lime:#d3ec8a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.55}a{color:inherit}button{font:inherit}.skip{position:absolute;top:-100px;left:1rem;background:white;padding:.5rem;z-index:20}.skip:focus{top:1rem}.header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,80px);background:var(--cream);position:relative;z-index:5}.brand{text-decoration:none;display:flex;align-items:center;gap:11px;font:800 12px/1.05 Outfit,Arial,sans-serif;letter-spacing:.15em}.brand-mark{font:800 48px/.8 Outfit,Arial,sans-serif;letter-spacing:-.13em;margin-right:5px}.brand-mark span{color:#ed8d52}.header nav{display:flex;align-items:center;gap:clamp(20px,3vw,48px)}.header nav a{text-decoration:none;font-size:14px;font-weight:700}.header nav a:hover,.footer-bottom a:hover{text-decoration:underline}.header nav .nav-contact{background:var(--ink);color:white;padding:14px 19px;border-radius:2px}.nav-contact span{margin-left:17px}.menu-toggle{display:none}.hero{min-height:690px;height:calc(100svh - 86px);max-height:890px;position:relative;isolation:isolate;display:flex;align-items:center;color:white;overflow:hidden}.hero-image{position:absolute;inset:0;background:#438c94 url('https://cheaptoursbali.com/images/slider/slider1.jpg') center center/cover no-repeat;z-index:-2}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,37,44,.84) 0%,rgba(9,55,60,.62) 47%,rgba(5,38,45,.12) 100%);z-index:-1}.hero-content{margin-left:clamp(24px,8vw,125px);max-width:790px;padding:80px 25px 85px 0}.eyebrow,.kicker,.hero-note,.card-top,.contact-caption,.island-label{font-size:13px;font-weight:800;letter-spacing:.19em}.eyebrow{display:flex;align-items:center;gap:15px}.line{width:36px;height:2px;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Outfit,Arial,sans-serif}h1{font-size:clamp(72px,9.5vw,154px);line-height:.88;letter-spacing:-.07em;margin:34px 0 30px;font-weight:700}h1 em,h2 em{font-style:normal;color:var(--lime)}.hero-content>p{max-width:510px;font-size:clamp(17px,1.7vw,21px);line-height:1.5}.hero-actions{display:flex;align-items:center;gap:36px;margin-top:38px}.button{text-decoration:none;display:inline-flex;justify-content:space-between;align-items:center;gap:25px;padding:17px 22px;font-weight:800;font-size:15px;transition:transform .2s,background .2s}.button:hover,.contact-button:hover{transform:translateY(-3px)}.button-light{background:var(--lime);color:var(--ink)}.text-link{font-weight:700;text-decoration:none;border-bottom:1px solid white;padding-bottom:5px}.hero-note{position:absolute;bottom:30px;left:clamp(24px,8vw,125px);right:clamp(24px,5vw,80px);display:flex;justify-content:space-between;font-size:11px}.ticker{background:var(--lime);min-height:64px;display:flex;align-items:center;overflow:hidden;white-space:nowrap;font:800 13px Outfit,sans-serif;letter-spacing:.14em}.ticker-track{display:flex;width:max-content;animation:ticker-scroll 28s linear infinite}.ticker-group{display:flex;align-items:center;flex:none;gap:clamp(20px,3vw,45px);padding-right:clamp(20px,3vw,45px)}.ticker b{font-size:23px;color:#699457}@keyframes ticker-scroll{to{transform:translateX(-50%)}}.ticker:hover .ticker-track{animation-play-state:paused}.section-wrap{max-width:1460px;margin:auto;padding-left:clamp(24px,6vw,90px);padding-right:clamp(24px,6vw,90px)}.intro{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:end;padding-top:105px;padding-bottom:48px}.kicker{color:#65856f;margin-bottom:25px}.intro h2,.islands h2,.steps h2,.contact h2{font-size:clamp(46px,5.4vw,84px);line-height:.99;letter-spacing:-.06em;margin-bottom:0}.intro h2 em,.steps h2 em{color:#8aa56a}.intro>p{font-size:19px;max-width:490px;margin-bottom:5px;color:#4c6264}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:110px}.card{min-height:490px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;color:white;isolation:isolate;background:#316879}.card:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(145deg,#317d88,#173b47)}.card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 25%,rgba(5,33,40,.88) 100%)}.card-sea:before{background:linear-gradient(160deg,rgba(0,85,107,.1),#153e4a),url('https://cheaptoursbali.com/images/slider/slider1.jpg') center/cover}.card-land:before{background:radial-gradient(circle at 70% 30%,#9fbb82,transparent 48%),linear-gradient(140deg,#547b57,#234a43)}.card-local:before{background:radial-gradient(circle at 28% 20%,#e5ad76,transparent 42%),linear-gradient(145deg,#a76e50,#244c4a)}.card-top{display:flex;justify-content:space-between}.card h3{font-size:clamp(29px,3vw,42px);line-height:1.05;letter-spacing:-.04em;margin-bottom:12px}.card p{max-width:330px;margin-bottom:27px}.card a{display:flex;justify-content:space-between;border-top:1px solid #ffffff66;padding-top:15px;font-size:14px;font-weight:800;text-decoration:none}.card a:hover{text-decoration:underline}.islands{display:grid;grid-template-columns:1fr 1fr;min-height:600px;background:#e2ead6}.island-copy{padding:clamp(65px,8vw,125px) clamp(24px,7vw,110px)}.islands h2 em{color:#82a66c}.island-copy>p:not(.kicker){max-width:510px;font-size:18px;margin:28px 0 34px}.button-dark{background:var(--ink);color:white}.island-art{background:#164753;position:relative;color:var(--lime);display:flex;align-items:center;justify-content:center;overflow:hidden}.island-art:before{content:'';position:absolute;width:80%;aspect-ratio:1;border:2px solid #b5d18d55;border-radius:50%;box-shadow:0 0 0 60px #ffffff08,0 0 0 125px #ffffff08}.big-type{position:relative;font:800 clamp(70px,9vw,155px)/.81 Outfit,sans-serif;letter-spacing:-.09em;transform:rotate(-9deg)}.big-type span{color:var(--orange)}.island-label{position:absolute;top:40px;left:40px;color:#c9e2d3;font-size:11px}.steps{padding-top:110px;padding-bottom:115px}.steps h2{margin-bottom:65px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step-grid>div{border-top:1px solid #90a8a0;padding-top:20px}.step-grid span{font:800 15px Outfit;color:#799b71}.step-grid h3{font-size:26px;margin:35px 0 8px}.step-grid p{color:#53696a;max-width:300px}.contact{background:#14353c;color:white}.contact-inner{max-width:1460px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:105px clamp(24px,6vw,90px)}.contact .kicker{color:var(--lime)}.contact h2 em{color:var(--orange)}.contact-inner>div:first-child>p:last-child{max-width:460px;margin:27px 0 0;font-size:19px;color:#d0e1dc}.contact-box{align-self:end;background:#21505a;padding:36px}.contact-caption{color:var(--lime)}.contact-button{background:var(--lime);color:var(--ink);display:flex;justify-content:space-between;padding:20px;text-decoration:none;font:800 20px Outfit;transition:transform .2s}.contact-small{font-size:14px;color:#d2e3db;margin:20px 0 0}footer{background:#0c262d;color:white;padding:45px clamp(24px,6vw,90px) 23px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:55px}.footer-main p{margin:0;color:#c8d9d4}.footer-main>a:last-child{font-weight:700;text-decoration:none}.footer-bottom{border-top:1px solid #ffffff33;display:flex;justify-content:space-between;gap:25px;padding-top:22px;color:#acbfbb;font-size:13px}.footer-bottom a{text-decoration:none}@media(max-width:850px){.header{height:74px}.menu-toggle{display:flex;align-items:center;gap:12px;background:none;border:0;font-weight:800;cursor:pointer}.header nav{display:none;position:absolute;top:74px;left:0;right:0;background:var(--cream);padding:20px 25px 30px;box-shadow:0 12px 15px #15333b22;flex-direction:column;align-items:stretch;gap:0}.header nav.open{display:flex}.header nav a{padding:14px 0}.header nav .nav-contact{padding:14px;margin-top:8px}.hero{min-height:620px;height:calc(90svh - 74px)}.hero-content{margin-left:6vw}.intro{gap:30px}.cards{grid-template-columns:1fr 1fr}.card:last-child{grid-column:span 2;min-height:380px}.islands{grid-template-columns:1fr}.island-art{min-height:380px}.contact-inner{gap:40px}}@media(max-width:600px){.hero{height:auto;min-height:660px}.hero-image{background-position:57% center}.hero-shade{background:linear-gradient(90deg,#082a33dc,#143e48aa)}.hero-content{margin:0;padding:85px 25px 110px}h1{font-size:clamp(68px,14vw,95px)}.hero-actions{gap:22px;flex-wrap:wrap}.hero-note{left:25px;right:25px}.hero-note span{display:none}.ticker{justify-content:flex-start}.ticker-track{animation-duration:22s}.intro{grid-template-columns:1fr;padding-top:75px;padding-bottom:35px}.intro h2,.islands h2,.steps h2,.contact h2{font-size:clamp(45px,11vw,65px)}.intro>p{font-size:17px}.cards{grid-template-columns:1fr;padding-bottom:75px}.card,.card:last-child{min-height:430px;grid-column:auto}.island-copy{padding:75px 25px}.island-art{min-height:320px}.big-type{font-size:clamp(72px,18vw,115px)}.steps{padding-top:75px;padding-bottom:75px}.steps h2{margin-bottom:38px}.step-grid{grid-template-columns:1fr;gap:22px}.step-grid h3{margin:15px 0 6px}.contact-inner{grid-template-columns:1fr;padding-top:75px;padding-bottom:75px}.contact-box{padding:24px}.footer-main,.footer-bottom{align-items:flex-start;flex-direction:column}.footer-main{padding-bottom:35px}.footer-bottom{gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.contact-button{transition:none}.ticker-track{animation:none}.ticker{overflow-x:auto}}
