body[data-design-page]{--accent:#7b2438;--accent-deep:#572033;--accent-soft:#f7e8eb;--accent-mist:#fff8f6;--accent-edge:#e7bdc6;--accent-pop:#eacb81;--ink:#272d29;--muted:#5e6860;background:#fdfcf9}
body[data-design-page="locations"]{--accent:#176a62;--accent-deep:#134d49;--accent-soft:#e0f0e9;--accent-mist:#f4faf4;--accent-edge:#b4d5c8;--accent-pop:#e0dd93}
body[data-design-page="uses"]{--accent:#665090;--accent-deep:#493569;--accent-soft:#eee7f8;--accent-mist:#faf7ff;--accent-edge:#cfc0e7;--accent-pop:#e7d39b}
body[data-design-page="rental"]{--accent:#a04727;--accent-deep:#78321f;--accent-soft:#fae8d9;--accent-mist:#fff9f1;--accent-edge:#edc4a8;--accent-pop:#f2d496}
body[data-design-page="sale"]{--accent:#345c91;--accent-deep:#25426d;--accent-soft:#e5eefb;--accent-mist:#f6f9ff;--accent-edge:#bdceea;--accent-pop:#e2d8a1}
body[data-design-page="gallery"]{--accent:#9b405a;--accent-deep:#6c2d42;--accent-soft:#f9e7e8;--accent-mist:#fff7f3;--accent-edge:#edc0cd;--accent-pop:#efcf8c}
body[data-design-page="contact"]{--accent:#216e60;--accent-deep:#1b514b;--accent-soft:#e3f2e9;--accent-mist:#f5fcf7;--accent-edge:#b8d9c8;--accent-pop:#dfdfa5}
body[data-design-page] .button,body[data-design-page] .select-place,body[data-design-page] .explorer-controls button{background:var(--accent);border-color:var(--accent);color:#fff;border-radius:100px;box-shadow:0 5px 16px color-mix(in srgb,var(--accent) 12%,transparent);transition:transform .25s,box-shadow .25s,background .25s}
body[data-design-page] .button:hover,body[data-design-page] .select-place:hover{background:var(--accent-deep);border-color:var(--accent-deep);box-shadow:0 9px 24px color-mix(in srgb,var(--accent) 23%,transparent);transform:translateY(-3px)}
body[data-design-page]>header{position:sticky;top:0;background:#fdfcf9f5;backdrop-filter:blur(18px);border-bottom:1px solid #e9e7df;transition:box-shadow .25s;z-index:60}
body[data-design-page].is-scrolled>header{box-shadow:0 6px 24px #2433270b}body[data-design-page] header>nav:not(.language-switch)>a{position:relative;transition:color .2s}body[data-design-page] header>nav:not(.language-switch)>a:hover,body[data-design-page] header>nav a[aria-current="page"]{color:var(--accent);text-decoration:none}body[data-design-page] header>nav:not(.language-switch)>a::after{content:'';position:absolute;bottom:-8px;left:0;right:0;height:2px;border-radius:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s}body[data-design-page] header>nav:not(.language-switch)>a:hover::after,body[data-design-page] header>nav:not(.language-switch)>a[aria-current="page"]::after{transform:scaleX(1)}
body[data-design-page] .language-switch{border-color:var(--accent-edge)}body[data-design-page] .language-switch a[aria-current]{background:var(--accent);color:white}body[data-design-page] .guide-shortcuts{background:var(--accent-soft);color:var(--accent-deep);border:0}body[data-design-page] .eyebrow{color:var(--accent);font-weight:700}body[data-design-page] .breadcrumbs{font-size:11px;color:#6b756b;padding:24px 5%;background:var(--accent-mist)}body[data-design-page] .breadcrumbs a{color:var(--accent);font-weight:600}
body[data-design-page] .page-hero{position:relative;isolation:isolate;margin:0 3% 30px;padding:58px 4.3%;grid-template-columns:1fr 1fr;gap:6%;background:linear-gradient(125deg,var(--accent-soft),var(--accent-mist) 68%);border:1px solid var(--accent-edge);border-radius:26px;overflow:hidden;min-height:470px}
body[data-design-page] .page-hero::before{content:'';position:absolute;width:370px;height:370px;border-radius:50%;right:-140px;top:-170px;background:var(--accent-pop);opacity:.35;z-index:-1}body[data-design-page] .page-hero::after{content:'';position:absolute;width:160px;height:160px;border:1px solid var(--accent-edge);border-radius:50%;left:-65px;bottom:-80px;z-index:-1}body[data-design-page] .page-hero h1{font-size:clamp(40px,4.6vw,72px);line-height:1.08;letter-spacing:-2.8px;color:var(--accent-deep);text-wrap:balance}body[data-design-page] .page-hero .intro{color:#4e5d53;font-size:15px;line-height:1.9;max-width:540px}body[data-design-page] .page-hero .eyebrow{display:inline-block;background:#ffffffad;border:1px solid var(--accent-edge);border-radius:100px;padding:8px 12px;font-size:9px;letter-spacing:1.3px;margin-bottom:22px}body[data-design-page] .page-hero-photo{height:390px;object-fit:cover;border-radius:18px;box-shadow:12px 12px 0 color-mix(in srgb,var(--accent) 14%,transparent);transition:transform .7s}body[data-design-page] .page-hero-photo:hover{transform:rotate(-1deg) scale(1.015)}body[data-design-page] .page-hero .muted{font-size:10px;margin:20px 0 0;color:#657367}body[data-design-page] .page-hero:not(:has(img)){grid-template-columns:1fr;min-height:0;padding-block:65px}body[data-design-page] .page-hero:not(:has(img))>div{max-width:860px}body[data-design-page] .page-hero:not(:has(img)) .intro{max-width:700px}
body[data-design-page]:not(.home-reimagined) main>section:not(.hero):not(.gallery-section):nth-of-type(even){background:var(--accent-mist)}body[data-design-page] main>section>h2{max-width:900px;text-wrap:balance}body[data-design-page] main>section>p{line-height:1.85}body[data-design-page] .page-grid{gap:24px}body[data-design-page] .page-grid>article,body[data-design-page] .page-card{position:relative;padding:26px;border:1px solid var(--accent-edge);border-radius:18px;background:#fff;box-shadow:0 5px 24px #243c2b04;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}body[data-design-page] .page-grid>article:nth-child(3n+2){background:var(--accent-mist)}body[data-design-page] .page-grid>article::before{content:'';position:absolute;left:0;top:0;width:56px;height:4px;background:var(--accent);transition:width .4s}body[data-design-page] .page-grid>article:hover::before{width:100%}body[data-design-page] .page-grid>article:hover{transform:translateY(-6px);box-shadow:0 14px 32px color-mix(in srgb,var(--accent) 10%,transparent);border-color:var(--accent)}body[data-design-page] .page-card img{height:245px;border-radius:11px;transition:transform .5s}body[data-design-page] .page-card:hover img{transform:scale(1.025)}body[data-design-page] .page-card h3,body[data-design-page] .page-grid>article>h3{font-size:24px;line-height:1.25;letter-spacing:-.8px;color:var(--accent-deep)}body[data-design-page] .page-grid>article p{color:#59665d;font-size:14px;line-height:1.85}body[data-design-page] .page-grid>article>a:last-child{color:var(--accent);font-weight:600;font-size:12px}body[data-design-page] .page-grid>article>a.button:last-child{color:white}
body[data-design-page] .zone-links a{background:#fff;border:1px solid var(--accent-edge);color:var(--accent-deep);box-shadow:0 2px 6px #20372903;transition:background .25s,transform .25s,color .25s}body[data-design-page] .zone-links a:hover{background:var(--accent);color:#fff;transform:translateY(-3px);text-decoration:none}body[data-design-page] .area-planner,body[data-design-page] .place-explorer{background:var(--accent-soft)!important}body[data-design-page] .place-selection{border-color:var(--accent-edge);box-shadow:0 10px 35px color-mix(in srgb,var(--accent) 7%,transparent);top:125px}body[data-design-page] .place-stop{border-color:var(--accent-edge)}body[data-design-page] .stop-number{background:var(--accent);color:white;box-shadow:0 4px 0 var(--accent-edge)}body[data-design-page] .place-stop h3{color:var(--accent-deep)}body[data-design-page] .select-place[aria-pressed="true"]{background:var(--accent-deep);box-shadow:0 0 0 3px var(--accent-edge)}body[data-design-page] .area-map{background:var(--accent-soft)!important}body[data-design-page] .area-map iframe,body[data-design-page] .place-selection iframe{border:5px solid #fff;border-radius:16px;box-shadow:0 8px 24px #2433270a}
body[data-design-page] .scene-card{border-color:var(--accent-edge);border-radius:20px;box-shadow:0 8px 28px #24332706;transition:box-shadow .3s,transform .3s}body[data-design-page] .scene-card:nth-child(even){background:var(--accent-mist)}body[data-design-page] .scene-card>div{padding:36px}body[data-design-page] .scene-card h3{color:var(--accent-deep)}body[data-design-page] .scene-card:hover{box-shadow:0 16px 40px color-mix(in srgb,var(--accent) 12%,transparent);transform:translateY(-4px)}body[data-design-page] .scene-card img{transition:filter .4s}body[data-design-page] .scene-card:hover img{filter:saturate(1.12)}
body[data-design-page] .gallery-intro{position:relative;isolation:isolate;margin:0 3%;padding:60px 4.3%;background:linear-gradient(120deg,var(--accent-soft),#fff6e5);border:1px solid var(--accent-edge);border-radius:24px;overflow:hidden}body[data-design-page] .gallery-intro::after{content:'✦';font-size:200px;line-height:1;position:absolute;right:5%;top:10%;color:var(--accent-pop);z-index:-1}body[data-design-page] .gallery-intro h1{color:var(--accent-deep);font-size:clamp(44px,5.8vw,80px);letter-spacing:-3px}body[data-design-page] .gallery-intro>p{max-width:680px}body[data-design-page] .gallery-controls{background:var(--accent-soft);border-color:var(--accent-edge);border-radius:18px;padding:26px}body[data-design-page] .gallery-card{border-color:var(--accent-edge);border-radius:16px}body[data-design-page] .gallery-card h2{color:var(--accent-deep);font-size:22px;letter-spacing:-.6px}body[data-design-page] .gallery-open{overflow:hidden}body[data-design-page] .gallery-open img{transition:transform .6s}body[data-design-page] .gallery-open:hover img{transform:scale(1.05)}body[data-design-page] .gallery-open span{background:var(--accent-deep);border-radius:100px;font-size:10px;padding:8px 13px}body[data-design-page] #gallery-viewer{border-radius:20px;box-shadow:0 30px 90px #0004}body[data-design-page] #gallery-viewer::backdrop{background:#18221de6;backdrop-filter:blur(5px)}
body[data-design-page] .contact-layout{background:linear-gradient(120deg,var(--accent-soft),var(--accent-mist));gap:8%;align-items:start}body[data-design-page] .contact-layout>div:first-child{padding:26px 0;position:sticky;top:140px}body[data-design-page] .contact-layout h1{color:var(--accent-deep);font-size:clamp(42px,5.1vw,72px);line-height:1.1}body[data-design-page] .contact-layout [data-phone]{display:inline-flex;padding:12px 20px;background:var(--accent-deep);color:white;border-radius:100px;font-size:13px;margin:15px 0}body[data-design-page] .contact-layout form,body[data-design-page] .quote form{border:1px solid var(--accent-edge);border-radius:22px;box-shadow:0 20px 55px color-mix(in srgb,var(--accent) 9%,transparent)}body[data-design-page] input,body[data-design-page] select,body[data-design-page] textarea{border:1px solid #ccd6ca;background:#fdfefb;transition:border-color .2s,box-shadow .2s}body[data-design-page] input:focus,body[data-design-page] select:focus,body[data-design-page] textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:2px solid var(--accent);outline-offset:2px}body[data-design-page] form label{color:#374a3d}body[data-design-page] details{border-color:var(--accent-edge);transition:background .25s,padding .25s}body[data-design-page] details[open]{background:var(--accent-mist);padding-inline:20px;border-radius:12px}body[data-design-page] summary::marker{color:var(--accent)}body[data-design-page] .advice{background:var(--accent-soft);border-color:var(--accent);border-radius:0 18px 18px 0}body[data-design-page] :focus-visible{outline-color:var(--accent)}
body[data-design-page] .design-finale{position:relative;isolation:isolate;overflow:hidden;margin:25px 4% 65px;padding:55px 5%!important;background:var(--accent-deep)!important;color:#fff;border-radius:24px;display:grid;grid-template-columns:1.5fr 1fr;gap:10%;align-items:center}body[data-design-page] .design-finale::after{content:'';position:absolute;width:280px;height:280px;border-radius:50%;border:45px solid #ffffff0b;right:-85px;bottom:-160px;z-index:-1}body[data-design-page] .design-finale .eyebrow{color:var(--accent-pop);margin-bottom:14px}body[data-design-page] .design-finale h2{font-size:clamp(30px,3vw,45px);margin:0;letter-spacing:-1.5px;line-height:1.16}body[data-design-page] .design-finale p{font-size:13px;line-height:1.8;color:#f4f2e7d9;margin:0 0 20px}body[data-design-page] .design-finale .button{background:var(--accent-pop);border-color:var(--accent-pop);color:#2d3027;box-shadow:none;font-size:12px}body[data-design-page]>footer{background:#252f29;color:#f0f1e5;border-top:0;padding-top:45px!important}body[data-design-page] footer .royal-wordmark{color:#f4eddb}body[data-design-page] footer .royal-wordmark small{color:#d2bd82}body[data-design-page] footer p{color:#c8cdbb}body[data-design-page] footer>a:last-child{color:#e5cf9c}body[data-design-page] .gallery-float{background:var(--accent-deep);border-color:var(--accent-edge);bottom:22px;right:22px}
.reading-progress{position:fixed;left:0;right:0;top:0;height:3px;background:var(--accent);transform:scaleX(0);transform-origin:left;z-index:90;pointer-events:none}.design-utilities{position:fixed;left:18px;bottom:18px;display:flex;align-items:center;gap:8px;z-index:55}.motion-toggle,.back-to-top{background:#fffef9f5;border:1px solid var(--accent-edge);color:var(--accent-deep);border-radius:100px;font:500 10px/1.3 'DM Sans',Arial,sans-serif;box-shadow:0 4px 18px #21362910;cursor:pointer}.motion-toggle{padding:10px 13px}.back-to-top{width:36px;height:36px;font-size:19px;display:grid;place-items:center}.back-to-top[hidden]{display:none!important}.design-toast{position:fixed;z-index:100;bottom:85px;left:50%;transform:translateX(-50%);max-width:min(480px,90vw);padding:16px 23px;background:var(--accent-deep);color:#fff;border:1px solid var(--accent-edge);box-shadow:0 10px 35px #20352b33;border-radius:14px;font-size:13px;text-align:center;pointer-events:none}.design-toast:empty{display:none}.design-toast[data-error="true"]{background:#7c2533}
@keyframes soft-arrival{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes photo-arrival{from{opacity:.65;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
body:not(.motion-paused) .page-hero>div:first-child,body:not(.motion-paused) .opening-title,body:not(.motion-paused) .gallery-intro>h1{animation:soft-arrival .7s both}body:not(.motion-paused) .opening-stage>img{animation:photo-arrival 1s both}.motion-ready .reveal-item{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal-item.is-visible{opacity:1;transform:translateY(0)}.motion-ready .reveal-item:hover{transition-delay:0ms}body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}body.motion-paused .reveal-item{opacity:1;transform:none}
body[data-design-page="home"] .new-opening .opening-panel{background:linear-gradient(145deg,#752d42,#542335)}body[data-design-page="home"] .new-choices{background:linear-gradient(145deg,#f7f5e8,#eef3e9)}body[data-design-page="home"] .choice-card:nth-child(1)>div{background:#f7e9e2}body[data-design-page="home"] .choice-card:nth-child(2)>div{background:#e5eddf}body[data-design-page="home"] .choice-card{border-radius:20px;border-color:#d9d8c7}body[data-design-page="home"] .opening-stage{border-radius:20px}body[data-design-page="home"] #koleksi{background:linear-gradient(130deg,#f8ece9,#f5f2e6)}body[data-design-page="home"] .product{border-radius:16px;overflow:hidden}body[data-design-page="home"] #kegunaan{background:#eef3e9}body[data-design-page="home"] .uses article{background:#fff;border:1px solid #d4dfcb;border-radius:16px;padding:26px}body[data-design-page="home"] .setup-photo{border-radius:16px}body[data-design-page="home"] #konsep-besar{background:#eee9f5}body[data-design-page="home"] .filters button.active{background:var(--accent);border-color:var(--accent)}
@media(max-width:1150px){body[data-design-page] header.menu-open>nav:not(.language-switch){background:#fdfcf9;padding-bottom:14px}body[data-design-page] header>nav:not(.language-switch)>a::after{display:none}body[data-design-page] header>nav:not(.language-switch)>a[aria-current]{background:var(--accent-soft);border-color:var(--accent-edge)}body[data-design-page] .page-hero{padding:42px 4%;min-height:400px}body[data-design-page] .page-hero-photo{height:340px}}
@media(max-width:850px){body[data-design-page] .page-hero h1{font-size:43px;letter-spacing:-2px}body[data-design-page] .page-hero-photo{height:330px}body[data-design-page] .page-grid>article{padding:22px}body[data-design-page] .contact-layout>div:first-child{position:static;padding:0}body[data-design-page] .design-finale{gap:6%;padding:40px 5%!important}body[data-design-page] .scene-card>div{padding:26px}body[data-design-page] .place-selection{position:static}}
@media(max-width:600px){body[data-design-page] .page-hero{grid-template-columns:1fr;margin:0 4% 20px;padding:30px 6% 26px;gap:30px;border-radius:20px;min-height:0}body[data-design-page] .page-hero h1{font-size:43px;line-height:1.12;letter-spacing:-2px}body[data-design-page] .page-hero .intro{font-size:14px;line-height:1.85}body[data-design-page] .page-hero-photo{height:290px;border-radius:13px;box-shadow:7px 7px 0 color-mix(in srgb,var(--accent) 14%,transparent)}body[data-design-page] .page-hero .muted{font-size:10px;margin-top:16px}body[data-design-page] .page-hero .eyebrow{font-size:8px;letter-spacing:1.1px;padding:7px 10px}body[data-design-page] .breadcrumbs{font-size:10px;padding:17px 5%;overflow-wrap:anywhere}body[data-design-page] .page-hero:not(:has(img)){padding-block:35px}body[data-design-page] .page-grid{gap:18px}body[data-design-page] .page-card img{height:auto;aspect-ratio:4/3}body[data-design-page] .page-grid>article h3{font-size:23px}body[data-design-page] .page-grid>article p{font-size:13px}body[data-design-page] .scene-card{border-radius:16px}body[data-design-page] .gallery-intro{margin:0 4%;padding:35px 6%;border-radius:20px}body[data-design-page] .gallery-intro h1{font-size:45px;letter-spacing:-2px}body[data-design-page] .gallery-intro::after{font-size:140px;right:-20px;top:30px;opacity:.45}body[data-design-page] .gallery-controls{padding:18px}body[data-design-page] .design-finale{grid-template-columns:1fr;gap:24px;margin:10px 4% 40px;padding:35px 7%!important;border-radius:20px}body[data-design-page] .design-finale h2{font-size:32px}body[data-design-page] .gallery-float{bottom:17px;right:13px;padding:11px 14px;font-size:11px}.design-utilities{left:12px;bottom:16px;gap:6px}.motion-toggle{font-size:9px;padding:9px 11px}.back-to-top{width:32px;height:32px;font-size:17px}.reading-progress{height:3px}body[data-design-page="home"] .uses article{padding:23px}body[data-design-page] .contact-layout h1{font-size:45px}body[data-design-page] footer{padding-bottom:100px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ready .reveal-item{opacity:1;transform:none}}