/* ADABI HOME — BASE44-INSPIRED ARCHITECTURAL EDITORIAL EDITION.
   This is an original redesign (not a direct copy of the inaccessible Base44 site).
   Quiet luxury, traditional Indonesian timber, serif headlines and tactile neutrals. */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@400;500;600;700&display=swap');
:root {
 --font:'DM Sans',Arial,sans-serif;
 --display:'Cormorant Garamond',Georgia,serif;
 --ink:#302a23;
 --deep:#34271d;
 --deep2:#4a3526;
 --olive:#746a57;
 --paper:#fbf8f2;
 --cream:#f3eee6;
 --linen:#eae1d6;
 --sand:#a77348;
 --border:#dfd4c6;
 --soft:#8e8276;
}
html{-webkit-text-size-adjust:100%}
body{background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.7;letter-spacing:0}
:focus-visible{outline:3px solid #956136;outline-offset:4px}
::selection{background:#dac2a6;color:#2d221d}
.container{max-width:1480px}
h1,h2,h3,h4,.display{font-family:var(--display);font-weight:500;letter-spacing:-.034em;text-wrap:balance}
p{line-height:1.83}
.eyebrow,.label,.hero-overline,.v5-promise-strip span{color:#8d5e3d;font-size:10px;font-weight:700;letter-spacing:.165em}
.section{padding-top:clamp(78px,8.5vw,130px);padding-bottom:clamp(78px,8.5vw,130px)}
.display{font-size:clamp(50px,5.6vw,87px);line-height:1.05;letter-spacing:-.035em}
.button,.nav-cta{border-radius:0!important;text-transform:uppercase;letter-spacing:.12em;font-size:10px;min-height:54px;box-shadow:none!important}
.button{gap:45px;padding:17px 25px}
.button:hover{transform:translateY(-2px)}
.button-dark{background:#453023;color:#fff;border-color:#453023}
.button-dark:hover{background:#62432e;color:#fff}
.button-light{background:#6c432a;color:white;border:1px solid #6c432a}
.button-light:hover{background:#865938;color:white}
.text-link,.subtle-link,.inline-link{color:#6c432a;font-size:11px;border-color:#bb926f}
/* Calm, creamy header from the reference visual language */
.site-header{position:sticky;top:0;left:auto;right:auto;z-index:50;color:#33291f;background:rgba(252,249,243,.975);border-bottom:1px solid #e5dacf;backdrop-filter:blur(14px);box-shadow:none}
.nav-inner{height:92px;max-width:1550px;padding:0 clamp(22px,4.3vw,72px);gap:clamp(12px,2vw,30px)}
.site-header .brand{height:90px}
.site-header .brand img{width:124px;height:82px;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;filter:none;object-fit:contain}
.desktop-nav{gap:clamp(11px,1.8vw,27px)}
.desktop-nav a{font-size:10px;letter-spacing:.085em;font-weight:600;color:#493c31;opacity:1}
.desktop-nav a:hover{color:#a06e4d;opacity:1}
.lang-switch a{font-size:10px;color:#5d4b3c;opacity:.65}
.lang-switch a.selected{color:#52351f;opacity:1}
.nav-actions{gap:15px}
.nav-cta{background:#6c432a;color:#fff;border:1px solid #6c432a!important;padding:14px 19px;font-weight:700;white-space:nowrap}
.nav-cta:hover{background:#fff;color:#6c432a}
.menu-toggle span{background:#4f3626}
.mobile-nav{top:91px;background:#fbf8f2;color:#493729;max-height:calc(100svh - 92px);box-shadow:0 16px 25px #21180f1b}
.mobile-nav a{border-color:#e4d8c8}
.mobile-nav .mobile-cta{color:#8c5935}
/* Light split hero, unlike the former heavy dark overlay */
.home-hero.v6-art-hero{display:grid;grid-template-columns:minmax(0,51%) minmax(0,49%);grid-template-rows:1fr;isolation:isolate;background:#f9f5ed;color:#312820;height:auto;min-height:clamp(635px,75vh,860px);overflow:hidden}
.v6-art-hero .hero-picture{position:relative;inset:auto;grid-column:2;grid-row:1;height:100%;z-index:0;background:#a58b6f;overflow:hidden}
.v6-art-hero .hero-picture:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#281b1255,transparent 36%),linear-gradient(90deg,#f9f5ed22,transparent 25%)}
.v6-art-hero .hero-picture img{width:100%;height:100%;object-fit:cover;object-position:59% 50%;filter:saturate(.9) sepia(.07) contrast(1.02)}
.v6-art-hero .hero-veil{display:none}
.v6-art-hero .hero-content{grid-column:1;grid-row:1;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;height:auto;max-width:none;min-width:0;padding:clamp(70px,7vw,118px) clamp(30px,5.1vw,92px);margin:0;background:radial-gradient(circle at 2% 2%,#ffffffb4,transparent 48%),#f9f5ed}
.v6-art-hero .hero-overline{color:#93653f;font-size:10px;letter-spacing:.16em;max-width:600px;line-height:1.6;gap:12px}
.v6-art-hero .hero-overline .line{width:27px;background:#a87d58}
.v6-art-hero .hero-content h1{font-family:var(--display);font-weight:500;font-size:clamp(62px,6.1vw,104px);line-height:.96;letter-spacing:-.046em;color:#302820;margin:30px 0 22px;text-shadow:none;max-width:780px}
.v6-art-hero .hero-content h1 em{display:block;margin-top:8px;color:#8d5935;font-style:italic;font-weight:400}
.v6-art-hero .hero-content p{color:#6e6257;font-size:clamp(13px,1.06vw,16px);line-height:1.89;max-width:550px;margin:0}
.v6-art-hero .hero-buttons{margin-top:32px;gap:25px;display:flex;flex-wrap:wrap;align-items:center}
.v6-art-hero .hero-buttons .button-light{background:#6c432a!important;color:#fff!important;border:1px solid #6c432a!important}
.v6-art-hero .hero-buttons .text-link-light{color:#6c432a;border-color:#6c432a;font-size:11px}
.v6-art-hero .hero-rail{position:absolute;left:auto;right:30px;bottom:23px;width:min(44%,620px);z-index:3;color:#f8efe2;border-top:1px solid #e1ceac8c;font-size:9px;letter-spacing:.1em;gap:12px}
.v6-art-hero .hero-rail span:last-child{display:none}
.v6-architecture-note{z-index:3;position:absolute;right:30px;top:26px;width:min(44%,400px);display:flex;flex-direction:column;align-items:flex-start;color:white;pointer-events:none;text-shadow:0 2px 12px #0007}
.v6-architecture-note span{font-size:9px;letter-spacing:.17em;font-weight:700;line-height:1.8}
.v6-architecture-note strong{font:500 clamp(36px,4vw,59px)/1 var(--display);letter-spacing:.01em;margin:5px 0}
.v6-architecture-note small{font-size:10px;letter-spacing:.1em;opacity:.95}
/* Magazine rhythm: warm paper, rules and larger humanist serif */
.v5-promise-strip{background:#eae0d3;border-top:1px solid #d8c8b5;border-bottom:1px solid #d8c8b5}
.v5-promise-strip span{color:#785134;letter-spacing:.095em}
.buying-bar{background:#efe7db;color:#47392c;border-bottom:1px solid #ded3c3}
.buying-bar strong{font:500 clamp(26px,2.5vw,38px)/1.12 var(--display);letter-spacing:-.02em;color:#3c2c20}
.buying-bar-inner>span:not(.eyebrow){color:#756656;line-height:1.75}
.buying-bar .button-light{background:#6c432a!important;color:#fff!important}
.intro-section,.premium-manifesto{background:#fbf8f2}
.intro-grid{grid-template-columns:21% 1fr 8%}
.intro-main .display{font-size:clamp(52px,5.7vw,90px);line-height:1.05;max-width:920px}
.intro-main p{color:#6b5e50;font-size:16px;max-width:680px}
.intro-symbol,.manifesto-seal{color:#d7bc9f}
.premium-manifesto-grid{grid-template-columns:22% 1fr}
.manifesto-text .display{font-size:clamp(71px,8vw,128px);line-height:.85;color:#382d22}
.manifesto-text p{color:#736457;max-width:780px}
.manifesto-numbers{border-color:#dcccb8}
.choice-section,.collection-section{background:#f3eee6}
.choice-card,.price-model,.destination-card,.verify-criterion{background:#fcfaf6;border:1px solid #ded3c5;box-shadow:none;transition:transform .25s,border-color .25s}
.choice-card:hover,.price-model:hover{border-color:#ac8163;transform:translateY(-3px)}
.choice-card-dark{background:#4d3628;color:#fff;border-color:#4d3628}
.choice-card h3{font-size:clamp(47px,4.1vw,70px);line-height:.99}
.choice-card-dark .choice-cta{color:#e3ceb8}
.place-photo{background:#e6d7c5;aspect-ratio:4/4.6;height:auto}
.place-photo img{filter:saturate(.78) sepia(.07);transition:transform .6s ease}
.place-card:hover .place-photo img{transform:scale(1.035)}
.place-card h3{font-size:clamp(38px,3.25vw,53px);line-height:1.03}
.place-meta{color:#895e41}
.corner-arrow{background:#f5eddf;color:#714a31}
.section-heading h2{font-size:clamp(53px,6vw,89px);line-height:1.02}
.story-section,.process-section,.journal-section,.bali-night{background:#ede4d8}
.story-text .display,.bali-night-copy .display{font-size:clamp(52px,5.3vw,84px);line-height:1.02}
.story-text p,.sustain-text>p{color:#706355}
.story-stamp{background:#f6ede0;box-shadow:0 10px 30px #311c0c13;border:1px solid #d6c4aa}
.sustain-section,.twin-values{background:#fbf8f2}
.sustain-badge{background:#efe0ca;color:#62452e}
.values-strip,.full-quote,.verified-teaser{background:#443125;color:#faf4e9}
.values-strip .container>div{border-color:#e0c5a437}
.values-strip span,.verified-teaser .eyebrow{color:#d9b793}
.process-stages{background:#dbcdbd}
.process-stages>div{background:#fbf8f2}
.bali-night-art{background:radial-gradient(ellipse at 50% 38%,#f8e8d6,#d0b499 85%);border-color:#faf5ee}
.visit-credit{border-color:#c8b5a0}
/* Interior pages: photographic cover retained; undertones match the reference */
.inner-hero{background:#4d3727;color:#faf6ef;height:clamp(510px,72vh,740px)}
.inner-shade{background:linear-gradient(90deg,#30231cc9,#30231c72 56%,#30231c25),linear-gradient(0deg,#22171288,transparent 45%)}
.inner-cover img{filter:saturate(.69) sepia(.16)}
.inner-content h1{font:500 clamp(67px,8.4vw,130px)/.95 var(--display);max-width:1150px}
.inner-content p{color:#f2e9dc}
.new-editorial-hero,.feature-page-hero{background:linear-gradient(125deg,#3f2e23,#725139 78%,#a17750);color:#fff9ee}
.new-editorial-hero:after{color:#e5b9901f}
.new-editorial-hero h1,.feature-page-hero h1{font-family:var(--display);font-size:clamp(68px,8vw,128px);line-height:.97}
.article-layout,.split-editorial{color:#302a23}
.info-item,.editorial-row,.material-row,.bespoke-item,.journey-step{border-color:#d8cbbb}
.info-item h2,.bespoke-item h2,.material-row h2,.journey-step h2{font:500 clamp(35px,3.1vw,49px)/1.04 var(--display)}
.info-item p,.bespoke-item p,.material-row p,.journey-step p{color:#74675b}
.model-section{background:#f4ece1}
.model-plan{background:#e9d8c3}
.model-price strong{color:#69452e}
.designer-controls,.plan-preview{background:#fcfaf6;border:1px solid #dfd1c1}
.design-section{background:#ede4d8}
.designer-choices input[type=range]{accent-color:#95623e}
.estimate{background:#4f3829;color:#fff}
.verify-content,.premium-article,.faq-section,.mini-faq,.v5-faq{background:#f4ede4}
.verify-criterion span,.journey-number{color:#936746}
.passport-cover{background:#4e3728}
.passport-demo{background:#fcf7f0;border-color:#d7c5ad}
.contact-form,.contact-aside{color:var(--ink)}
.contact-form input,.contact-form select,.contact-form textarea{accent-color:#986b46}
.footer-cta{background:#e9decd;color:#49372a}
.footer-cta h2{font-size:clamp(44px,5vw,75px);line-height:1.05}
.footer{background:#2e241d;color:#f8efe3}
.footer-contact a{color:#e1c4a5}
.footer-bottom{border-top-color:#ccb08a3b}
.footer-logo img{background:transparent;border:0;box-shadow:none}
@media(min-width:1200px){.desktop-nav a:nth-child(5){display:none}}
@media(max-width:1150px){.nav-inner{padding:0 30px}.desktop-nav{gap:10px}.desktop-nav a{font-size:9px}.v6-art-hero .hero-content{padding:70px 34px}.v6-art-hero .hero-content h1{font-size:clamp(55px,6.4vw,78px)}}
@media(max-width:900px){
 .home-hero.v6-art-hero{grid-template-columns:1fr;grid-template-rows:minmax(405px,56vh) auto;min-height:0}
 .v6-art-hero .hero-picture{grid-column:1;grid-row:1;min-height:405px}
 .v6-art-hero .hero-content{grid-column:1;grid-row:2;padding:55px clamp(24px,6vw,60px) 74px}
 .v6-art-hero .hero-content h1{font-size:clamp(65px,10vw,100px);max-width:820px}
 .v6-architecture-note{right:22px;top:22px;width:78%}
 .v6-art-hero .hero-rail{right:22px;bottom:auto;top:350px;width:70%}
 .nav-inner{height:84px}
 .site-header .brand{height:82px}
 .site-header .brand img{height:75px;width:112px}
 .mobile-nav{top:83px;max-height:calc(100svh - 83px)}
 .premium-manifesto-grid,.intro-grid{grid-template-columns:1fr}
 .intro-symbol{display:none}
}
@media(max-width:700px){
 .site-header{position:sticky;top:0}
 .nav-inner{padding:0 18px;height:77px}
 .site-header .brand{height:76px}
 .site-header .brand img{width:92px;height:70px}
 .mobile-nav{top:76px;max-height:calc(100svh - 76px)}
 .home-hero.v6-art-hero{grid-template-rows:minmax(285px,41svh) auto}
 .v6-art-hero .hero-picture{min-height:285px}
 .v6-art-hero .hero-picture img{object-position:61% center}
 .v6-art-hero .hero-content{padding:43px 23px 55px}
 .v6-art-hero .hero-content h1{font-size:clamp(50px,12vw,75px);line-height:.96;margin:23px 0 18px}
 .v6-art-hero .hero-content p{font-size:14px;line-height:1.75}
 .v6-art-hero .hero-buttons{gap:22px;margin-top:25px}
 .v6-art-hero .hero-buttons .button{width:100%;justify-content:space-between}
 .v6-architecture-note{right:15px;top:17px}
 .v6-architecture-note strong{font-size:37px}
 .v6-architecture-note span{font-size:7px;line-height:1.4}
 .v6-architecture-note small{font-size:9px}
 .v6-art-hero .hero-rail{top:calc(41svh - 50px);bottom:auto;right:15px;width:calc(100% - 30px);font-size:9px;left:15px}
 .v6-art-hero .hero-rail span:nth-child(2){display:none}
 .v5-promise-strip .container{flex-direction:column;gap:7px}
 .v5-promise-strip span{font-size:9px}
 .intro-main .display,.section-heading h2{font-size:clamp(44px,10.5vw,60px)}
 .manifesto-text .display{font-size:clamp(60px,13vw,79px)}
 .choice-card h3{font-size:clamp(45px,10vw,62px)}
 .value-panel h2{font-size:52px}
 .new-editorial-hero h1,.inner-content h1{font-size:clamp(57px,12.2vw,88px)}
 .display,.story-text .display,.bali-night-copy .display{font-size:clamp(43px,10.5vw,60px)}
 .section{padding-top:77px;padding-bottom:77px}
 .footer-cta h2{font-size:48px}
}
@media(prefers-reduced-motion:reduce){.place-photo img,.button{transition:none!important}}