/*
Theme Name: Artaville Residence
Theme URI: https://artaville-residence.mivt-art.chatgpt.site
Author: Artaville Residence
Description: Tema landing page premium dan responsif untuk Artaville Residence.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: artaville-residence
*/
:root{--ink:#12251e;--forest:#17362a;--deep:#0d241c;--cream:#f3efe6;--paper:#faf8f2;--gold:#b9974d;--line:rgba(18,37,30,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,p{margin-top:0}.section{padding:120px clamp(24px,6vw,96px)}
.nav-wrap{height:88px;padding:12px clamp(22px,4vw,64px);display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:20;width:100%;color:white;border-bottom:1px solid rgba(255,255,255,.22)}.brand img{width:132px;height:62px;object-fit:contain}nav{display:flex;gap:32px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}nav a{opacity:.84}.nav-cta{font-size:12px;border-bottom:1px solid var(--gold);padding:10px 0;letter-spacing:.05em}
.hero{min-height:100svh;position:relative;display:flex;align-items:center;overflow:hidden;color:white}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 16%}.hero-shade{background:linear-gradient(90deg,rgba(7,24,18,.88) 0%,rgba(7,24,18,.56) 48%,rgba(7,24,18,.12) 78%),linear-gradient(0deg,rgba(5,18,13,.52),transparent 42%)}.hero-content{position:relative;z-index:2;padding:150px clamp(24px,7vw,110px) 100px;max-width:980px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.24em;font-weight:700;color:var(--gold);margin-bottom:28px}.eyebrow.light{color:#dfc986}.hero h1,.section h2{font-family:'Playfair Display',serif;font-size:clamp(54px,7vw,104px);line-height:.88;font-weight:500;letter-spacing:-.045em;margin-bottom:32px}.hero h1{font-size:clamp(58px,7.3vw,112px)}h1 em,h2 em{font-weight:400;color:#d7bd7c}.hero-copy{max-width:600px;font-size:17px;line-height:1.75;color:rgba(255,255,255,.82)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:38px}.button{height:54px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:28px;font-size:12px;text-transform:uppercase;letter-spacing:.09em;font-weight:700}.button.gold{background:var(--gold);color:white}.button.ghost{border:1px solid rgba(255,255,255,.45)}.button span,.text-link span{font-size:18px}.hero-note{position:absolute;right:clamp(24px,5vw,78px);bottom:48px;z-index:2;display:flex;gap:16px;align-items:center}.hero-note span{color:var(--gold);font-family:'Playfair Display';font-size:30px}.hero-note p{margin:0;font-size:11px;line-height:1.6;text-transform:uppercase;letter-spacing:.12em}.hero-note strong{font-weight:500;color:#dfc986}
.section-kicker{display:flex;align-items:center;gap:20px;margin-bottom:54px}.section-kicker span{font-family:'Playfair Display';font-size:28px;color:var(--gold)}.section-kicker p{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.22em}.section-kicker.light{color:white}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;align-items:end}.intro h2,.facility-layout h2,.faq h2{font-size:clamp(48px,6vw,82px)}.intro-copy{font-size:15px;line-height:1.85;color:#496057}.intro-copy p+p{margin-top:20px}.image-pair{display:grid;grid-template-columns:1.45fr .55fr;gap:22px;margin-top:80px}.large-photo{margin:0;height:540px;position:relative;overflow:hidden}.large-photo img{width:100%;height:100%;object-fit:cover}.large-photo figcaption{position:absolute;bottom:22px;left:24px;color:white;font-family:'Playfair Display';font-style:italic;font-size:18px}.quote-card{margin:0;background:var(--forest);color:white;padding:54px 38px;display:flex;flex-direction:column;justify-content:space-between}.quote-card p{font-family:'Playfair Display';font-size:34px;line-height:1.2}.quote-card span{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:#d8c27d}
.specs{background:var(--deep);color:white}.spec-head{display:grid;grid-template-columns:1.35fr .65fr;gap:8vw;align-items:end}.specs h2{font-size:clamp(50px,6vw,86px)}.spec-head>p{color:#aec0b7;line-height:1.8;max-width:480px}.spec-list{margin-top:72px;border-top:1px solid rgba(255,255,255,.16)}.spec-list article{display:grid;grid-template-columns:1fr 1fr;padding:25px 0;border-bottom:1px solid rgba(255,255,255,.16);align-items:center}.spec-list strong{font-family:'Playfair Display';font-size:clamp(40px,5vw,68px);font-weight:400;color:#d8c27d}.spec-list h3{margin:0 0 5px;font-size:15px;letter-spacing:.05em}.spec-list p{margin:0;color:#8ca097;font-size:12px}
.plan{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.plan h2{font-size:clamp(48px,5vw,76px)}.plan-copy>p:not(.eyebrow){color:#597067;line-height:1.8;font-size:14px}.plan-points{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:32px 0;border-top:1px solid var(--line)}.plan-points span{padding:14px 0;border-bottom:1px solid var(--line);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.text-link{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid var(--gold);padding-bottom:8px}.plan-image{height:720px;overflow:hidden;background:#ebe5d9}.plan-image img{width:100%;height:100%;object-fit:cover;object-position:center bottom}
.tour{background:var(--forest);color:white;display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw;align-items:center}.tour h2{font-size:clamp(50px,5.5vw,82px)}.tour-copy>p:last-child{color:#afc0b8;line-height:1.8}.video-shell{max-width:520px;margin:auto;box-shadow:0 30px 80px rgba(0,0,0,.3);position:relative}.video-shell:before{content:"ARTAVILLE • PRIVATE TOUR";position:absolute;z-index:2;top:20px;left:22px;color:white;font-size:9px;letter-spacing:.2em}.video-shell video{width:100%;max-height:690px;background:#071710;display:block}
.facility-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw}.facility-layout>div:first-child img{margin-top:50px;width:100%;height:260px;object-fit:cover}.facility-list{border-top:1px solid var(--line)}.facility-list article{display:grid;grid-template-columns:58px 1fr;padding:25px 0;border-bottom:1px solid var(--line)}.facility-list>article>span{color:var(--gold);font-family:'Playfair Display';font-size:18px}.facility-list h3{font-family:'Playfair Display';font-size:31px;font-weight:500;margin:0 0 7px}.facility-list p{color:#64766e;font-size:13px;line-height:1.65;margin:0}
.location{min-height:720px;background:linear-gradient(90deg,rgba(7,28,20,.95),rgba(7,28,20,.74)),var(--location-image) center/cover;color:white;display:flex;align-items:center}.location-card{max-width:740px}.location h2{font-size:clamp(54px,6vw,88px)}.location-card>p:not(.eyebrow){max-width:600px;line-height:1.8;color:#bed0c7}.location-links{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.location-links span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;border:1px solid rgba(255,255,255,.26);padding:10px 12px}
.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:25px 0;display:grid;grid-template-columns:46px 1fr 20px;gap:10px;align-items:center;font-size:14px;font-weight:600}summary::-webkit-details-marker{display:none}summary span{font-family:'Playfair Display';font-size:18px;color:var(--gold)}summary b{font-size:22px;font-weight:400}details[open] summary b{transform:rotate(45deg)}details>p{padding:0 30px 24px 56px;color:#5a6c64;font-size:13px;line-height:1.8}
.final-cta{text-align:center;background:var(--deep);color:white;display:flex;flex-direction:column;align-items:center}.cta-logo img{width:175px;margin-bottom:32px}.final-cta h2{font-size:clamp(54px,7vw,98px);max-width:1100px}.final-cta>p:not(.eyebrow){max-width:570px;color:#b4c6bd;line-height:1.7}.final-cta .button{margin-top:22px}footer{padding:38px clamp(24px,6vw,96px);display:flex;justify-content:space-between;align-items:flex-end;gap:30px;background:#071811;color:#aab9b2;font-size:10px;text-transform:uppercase;letter-spacing:.08em}footer img{width:120px;margin-bottom:9px}footer p{margin:0}footer strong{color:#d5c078;font-weight:500}.floating-wa{position:fixed;right:22px;bottom:22px;z-index:30;width:62px;height:62px;border-radius:50%;background:var(--gold);color:white;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;box-shadow:0 10px 35px rgba(0,0,0,.25)}.floating-wa span{display:none}
@media(max-width:800px){.section{padding:82px 22px}.nav-wrap{height:74px;padding:8px 18px}.brand img{width:105px;height:52px}nav,.nav-cta{display:none}.hero{min-height:850px}.hero-media img{object-position:58% 8%}.hero-shade{background:linear-gradient(0deg,rgba(5,19,14,.94) 7%,rgba(5,19,14,.5) 68%,rgba(5,19,14,.15))}.hero-content{padding:260px 22px 120px;align-self:flex-end}.hero h1{font-size:56px}.hero-copy{font-size:14px}.button{width:100%}.hero-note{display:none}.intro-grid,.spec-head,.plan,.tour,.facility-layout,.faq{grid-template-columns:1fr}.intro-copy{margin-top:0}.image-pair{grid-template-columns:1fr;margin-top:50px}.large-photo{height:350px}.quote-card{min-height:280px}.spec-list article{grid-template-columns:.9fr 1.1fr}.plan{gap:50px}.plan-image{height:610px;order:-1}.tour{gap:45px}.video-shell{max-width:360px}.facility-layout{gap:35px}.location{min-height:760px}.faq{gap:40px}footer{align-items:flex-start;flex-direction:column}.floating-wa{width:auto;height:48px;border-radius:3px;padding:0 18px}.floating-wa span{display:inline;margin-right:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}