/* JAYA MAKMUR — Luxury Industrial Architecture — Green Website Indonesia */
:root{--navy:#0b1726;--black:#0a0e14;--gold:#c9a15d;--gold-light:#e3c894;--silver:#a7b0ba;--ivory:#f7f7f4;--bone:#f0efea;--muted:#63707b;--ink:#172332;--line:rgba(15,28,42,.14);--frame:1240px;--side:clamp(20px,5.1vw,80px);--ease:cubic-bezier(.22,.68,0,1.05)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:"Plus Jakarta Sans","Manrope","Avenir Next","Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--ivory);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}svg{width:20px;height:20px;flex:none}::selection{background:var(--gold);color:var(--navy)}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}section{scroll-margin-top:90px}.container{width:min(calc(100% - var(--side)*2),var(--frame));margin-inline:auto}.skip-link{position:fixed;left:15px;top:-90px;z-index:5000;background:#fff;color:var(--navy);padding:12px 18px;border-radius:3px}.skip-link:focus{top:12px}.scroll-progress{position:fixed;inset:0 0 auto;height:2px;z-index:1100;pointer-events:none}.scroll-progress span{display:block;height:100%;width:0;background:var(--gold);transition:width .07s linear}
/* Header */
.site-header{position:fixed;top:0;left:0;right:0;height:102px;z-index:900;color:#fff;transition:background .3s ease,box-shadow .3s ease,height .3s ease;background:linear-gradient(to bottom,rgba(5,12,22,.63),rgba(5,12,22,0))}.site-header.scrolled,.site-header.menu-active{height:82px;background:rgba(11,23,38,.97);box-shadow:0 12px 38px rgba(3,10,20,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.header-inner{height:100%;display:flex;align-items:center;gap:clamp(14px,2.3vw,44px)}.brand{display:inline-flex;align-items:center;gap:12px;min-width:245px;flex:none}.brand img{width:63px;height:63px;object-fit:cover;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.2)}.brand-type{display:flex;flex-direction:column;line-height:1.1;gap:6px}.brand-type strong{font-size:16px;letter-spacing:.075em;font-weight:850;white-space:nowrap}.brand-type small{font-size:8.5px;letter-spacing:.24em;color:#d1bd9f;font-weight:700}.desktop-nav{display:flex;align-items:center;gap:clamp(15px,2vw,34px);margin-left:auto}.desktop-nav a{position:relative;color:#e3e6ea;font-size:12px;font-weight:600;white-space:nowrap;padding:13px 0;transition:color .22s}.desktop-nav a:hover,.desktop-nav a.active{color:#fff}.desktop-nav a::after{content:"";position:absolute;bottom:4px;left:0;right:0;height:1px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .24s}.desktop-nav a.active::after,.desktop-nav a:hover::after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:15px}.header-cta{padding:15px 19px;display:inline-flex;gap:15px;align-items:center;border:1px solid rgba(210,178,119,.72);color:#f0dfc2;font-size:11px;font-weight:700;white-space:nowrap;transition:background .2s,color .2s}.header-cta:hover{background:var(--gold);color:var(--navy)}.header-cta svg{width:16px;height:16px}.menu-toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;width:44px;height:44px;border:1px solid rgba(255,255,255,.38);background:transparent;color:#fff}.menu-toggle span{display:block;width:20px;height:1.5px;background:currentColor;transition:transform .24s ease,opacity .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(6.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.mobile-nav{display:none}
/* Basic typography */
.section{padding:clamp(92px,9vw,154px) 0}.eyebrow{margin:0 0 24px;display:flex;align-items:center;gap:13px;color:#9f773c;font-size:10.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.eyebrow-line{display:inline-block;width:28px;height:1px;background:currentColor;flex:none}.eyebrow i{width:3px;height:3px;background:var(--gold);border-radius:50%}.eyebrow-light{color:var(--gold-light)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.048em}h2{font-size:clamp(35px,4.6vw,64px);line-height:1.115;font-weight:790;margin:0}h2 span{color:#9c7a48}h2 em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em;color:#b48e56}p{line-height:1.8}.btn{min-height:55px;display:inline-flex;align-items:center;justify-content:center;gap:23px;padding:16px 24px;font-size:12px;letter-spacing:.006em;font-weight:750;text-align:center;transition:background .25s,color .25s,transform .25s,border-color .25s}.btn:hover{transform:translateY(-2px)}.btn svg{width:18px;height:18px}.btn-gold{background:var(--gold);color:var(--navy);border:1px solid var(--gold)}.btn-gold:hover{background:var(--gold-light);border-color:var(--gold-light)}.btn-outline-white{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.35)}.btn-outline-white:hover{border-color:var(--gold);color:var(--gold-light)}.btn-dark{background:var(--navy);color:#fff;border:1px solid var(--navy)}.btn-dark:hover{background:#203349}.section-intro{margin-bottom:50px}.intro-split,.gallery-heading{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.55fr);align-items:end;gap:70px}.intro-aside{padding-bottom:9px}.intro-aside p{font-size:15px;color:#616b74;line-height:1.85;margin-bottom:24px}.aside-rule{display:block;width:78px;height:2px;background:var(--gold)}
/* Hero */
.hero{height:min(900px,100svh);min-height:700px;background:#0d1725;position:relative;overflow:hidden;color:#fff;isolation:isolate}.hero-image,.hero-gradient{position:absolute;inset:0;z-index:-2}.hero-image img{height:100%;width:100%;object-fit:cover;object-position:70% 52%;filter:saturate(.83) contrast(1.08)}.hero-gradient{z-index:-1;background:linear-gradient(90deg,rgba(6,15,27,.98) 0%,rgba(6,15,27,.95) 29%,rgba(6,15,27,.79) 47%,rgba(6,15,27,.29) 77%,rgba(6,15,27,.05) 100%),linear-gradient(0deg,rgba(5,13,24,.59) 0,transparent 25%,rgba(5,13,24,.14) 88%)}.hero-frame{position:absolute;top:152px;bottom:132px;width:1px;background:rgba(255,255,255,.12)}.hero-frame-left{left:clamp(8px,2.4vw,37px)}.hero-inner{height:100%;display:flex;align-items:center;position:relative;padding-top:91px;padding-bottom:90px}.hero-copy{max-width:750px;position:relative;z-index:1}.hero-copy .eyebrow{margin-bottom:30px;font-size:10px}.hero h1{font-size:clamp(48px,5.25vw,83px);line-height:1.095;font-weight:760;letter-spacing:-.062em;margin:0 0 26px;text-wrap:balance}.hero h1 em{font-family:Georgia,"Times New Roman",serif;color:#ddb775;font-weight:400;letter-spacing:-.07em}.headline-period{color:var(--gold)}.hero-description{max-width:590px;font-size:15px;line-height:1.85;color:#d0d6de;margin-bottom:33px}.hero-buttons{display:flex;gap:11px;flex-wrap:wrap}.hero-side-note{position:absolute;right:0;bottom:132px;display:flex;align-items:center;gap:20px;color:#f6ebdb;font-size:9.5px;font-weight:700;letter-spacing:.15em}.hero-side-note b{color:var(--gold);font-weight:400}.hero-side-dash{width:62px;height:1px;background:rgba(255,255,255,.5)}.hero-bottom{position:absolute;bottom:0;left:0;right:0;border-top:1px solid rgba(255,255,255,.17);background:rgba(7,15,28,.42)}.hero-bottom-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:15px}.scroll-cue{display:flex;align-items:center;gap:16px;font-size:9px;letter-spacing:.13em;font-weight:750;color:#e4e9ed}.scroll-icon{display:block;width:19px;height:29px;border:1px solid rgba(255,255,255,.65);border-radius:20px;position:relative}.scroll-icon::before{content:"";height:6px;width:2px;position:absolute;left:calc(50% - 1px);top:7px;background:var(--gold);animation:scrollDown 2.3s infinite}.hero-bottom-stat,.hero-bottom-region{font-size:9px;letter-spacing:.13em;color:#bcc2c8;font-weight:700}.hero-bottom-stat .sparkle{font-size:17px;color:var(--gold);vertical-align:middle;margin-right:8px}@keyframes scrollDown{0%,100%{transform:translateY(0);opacity:1}65%{transform:translateY(8px);opacity:.5}}
.ticker{background:#e9e6df;border-bottom:1px solid #dedbd3}.ticker-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px}.ticker span{font-weight:850;color:#334254;font-size:11px;letter-spacing:.17em}.ticker b{font-size:18px;color:#bb985e;font-weight:400}
/* Services */
.services-section{background:var(--ivory)}.services-section h2{max-width:755px}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.service-card{background:#fff;border:1px solid rgba(10,27,47,.07);box-shadow:0 16px 45px rgba(15,30,47,.035);transition:transform .33s,box-shadow .33s}.service-card:hover{transform:translateY(-5px);box-shadow:0 28px 64px rgba(15,30,47,.11)}.service-card-image{height:315px;display:block;position:relative;overflow:hidden;background:#d8d9d7}.service-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,13,23,.15),transparent 52%);pointer-events:none}.service-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.6,.3,1)}.service-card:hover .service-card-image img{transform:scale(1.045)}.service-card-image-index{position:absolute;top:20px;left:23px;background:rgba(11,23,38,.85);backdrop-filter:blur(8px);color:#fff;font-size:9px;letter-spacing:.2em;padding:10px 14px;z-index:1}.service-card-body{padding:29px 30px 31px;display:flex;align-items:end;gap:20px;justify-content:space-between;min-height:204px}.service-card-body h3{font-size:clamp(23px,2.2vw,31px);margin:9px 0 10px;font-weight:770}.service-card-kicker{font-size:9px;letter-spacing:.15em;font-weight:800;color:#a7834f}.service-card-body p{color:#68727a;line-height:1.7;font-size:13px;max-width:385px;margin:0}.circle-link{width:48px;height:48px;border:1px solid #d4c5ab;display:grid;place-items:center;border-radius:50%;color:#a17c45;flex:none;transition:background .22s,color .22s,transform .22s}.circle-link:hover{background:var(--navy);color:#fff;transform:rotate(45deg)}.circle-link svg{width:19px;height:19px}.service-endnote{border-top:1px solid var(--line);margin-top:38px;padding-top:28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.service-endnote>span{font-size:10px;color:#7a838c;font-weight:750;letter-spacing:.13em}.endnote-symbol{color:#b28b53;font-size:18px;margin-right:8px}.service-endnote a{display:inline-flex;gap:14px;align-items:center;font-size:12px;color:var(--navy);font-weight:760}.service-endnote a svg{width:19px;color:#b18d56}
/* About */
.about-section{background:#eae8e1;overflow:hidden}.about-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(65px,10vw,165px);align-items:center}.about-art{position:relative;min-height:645px;padding:35px 70px 60px 0}.about-main-image{height:550px;width:87%;overflow:hidden}.about-main-image img{width:100%;height:100%;object-fit:cover;object-position:53% 50%}.about-accent-image{position:absolute;right:0;bottom:0;width:42%;height:260px;border:9px solid #eae8e1;overflow:hidden;box-shadow:0 14px 28px rgba(10,18,30,.06)}.about-accent-image img{width:100%;height:100%;object-fit:cover}.about-vertical-caption{position:absolute;left:-43px;top:45%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;font-weight:750;color:#7b766c;letter-spacing:.16em}.about-gold-box{position:absolute;right:7%;top:0;width:116px;height:112px;background:#bc985e;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 16px 45px rgba(89,67,31,.1)}.about-gold-box span{font-family:Georgia,serif;font-size:38px;line-height:1.1}.about-gold-box small{text-align:center;font-size:8px;letter-spacing:.19em;line-height:1.5;font-weight:800}.about-copy h2{max-width:570px}.about-lede{color:#626f76;font-size:15px;margin:30px 0 37px;line-height:1.93}.about-values{border-top:1px solid rgba(23,34,47,.19);margin-bottom:35px}.about-values>div{border-bottom:1px solid rgba(23,34,47,.19);min-height:73px;display:flex;align-items:center;gap:19px;font-size:13px;font-weight:760}.value-no{color:#b28b55;font-family:Georgia,serif;font-size:21px}.about-values svg{width:15px;height:15px;color:#a68b64;margin-left:auto}.text-link{display:inline-flex;align-items:center;gap:17px;font-weight:770;font-size:13px;color:var(--navy)}.text-link>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff}.text-link svg{width:16px;height:16px}.text-link:hover>span{background:var(--gold)}
/* Gallery */
.gallery-section{background:#fff}.gallery-heading h2{max-width:850px}.gallery-heading .intro-aside{padding-bottom:2px}.gallery-heading .intro-aside p{margin-bottom:10px}.gallery-heading .intro-aside small{font-size:11px;line-height:1.7;color:#8c9297;display:block}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding:24px 0 32px}.filter-list{display:flex;gap:6px;flex-wrap:wrap}.filter-btn{border:1px solid #e3e5e5;background:#fff;color:#576270;padding:13px 17px;min-height:45px;font-size:11px;font-weight:740;transition:background .22s,color .22s,border-color .22s}.filter-btn:hover{border-color:#c8a36b;color:var(--navy)}.filter-btn.active{background:var(--navy);border-color:var(--navy);color:#fff}.filter-btn span{font-size:9px;color:#dfc493;margin-left:6px}.gallery-count{color:#9a9fa3;font-size:10px;letter-spacing:.1em;white-space:nowrap;font-weight:770}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.gallery-item{padding:0;position:relative;overflow:hidden;border:0;background:#bdc1c2;text-align:left;aspect-ratio:1/.93;min-width:0}.gallery-item[hidden]{display:none!important}.gallery-item-featured{grid-column:span 2;aspect-ratio:2.03/.93}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.65,.3,1);filter:saturate(.9)}.gallery-item:hover img{transform:scale(1.07)}.gallery-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,17,31,.87) 0%,rgba(5,17,31,.1) 55%,rgba(5,17,31,.13));transition:background .2s}.gallery-label{position:absolute;top:20px;left:20px;padding:9px 11px;background:rgba(8,20,34,.78);color:#fff;font-size:9px;letter-spacing:.1em;font-weight:740}.gallery-zoom{position:absolute;right:19px;top:19px;border:1px solid rgba(255,255,255,.67);color:#fff;width:40px;height:40px;display:grid;place-items:center;transition:background .2s}.gallery-zoom svg{width:18px;height:18px}.gallery-item:hover .gallery-zoom{background:var(--gold);border-color:var(--gold);color:var(--navy)}.gallery-info{position:absolute;bottom:0;left:0;right:0;padding:20px 23px 22px;color:#fff;display:flex;flex-direction:column;gap:6px}.gallery-info strong{font-size:clamp(15px,1.45vw,20px);font-weight:760;letter-spacing:-.02em}.gallery-info small{font-size:11px;color:#d0d3d5;line-height:1.45}.gallery-foot{padding-top:36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.gallery-foot p{max-width:450px;color:#707982;font-size:13px;margin:0}
/* Statement */
.statement-section{position:relative;min-height:565px;display:flex;align-items:center;background:var(--navy);color:#fff;overflow:hidden;isolation:isolate}.statement-image,.statement-cover{position:absolute;inset:0;z-index:-2}.statement-image img{width:100%;height:100%;object-fit:cover;object-position:center 50%;opacity:.42;filter:grayscale(.25)}.statement-cover{z-index:-1;background:linear-gradient(90deg,rgba(8,20,34,.98) 3%,rgba(8,20,34,.87) 55%,rgba(8,20,34,.64))}.statement-grid{display:flex;align-items:center;justify-content:space-between;padding-top:76px;padding-bottom:76px}.statement-copy{max-width:790px}.statement-copy h2{font-size:clamp(40px,5.1vw,74px);max-width:770px;margin-bottom:20px;color:#fff}.statement-copy h2 em{color:#d8b476}.statement-copy p:not(.eyebrow){font-size:15px;color:#c4cbd2;max-width:590px;margin-bottom:29px}.statement-asterisk{font-family:Georgia,serif;font-size:clamp(130px,22vw,360px);line-height:1;color:rgba(201,161,93,.15);user-select:none}
/* Process */
.process-section{background:var(--bone)}.process-heading{display:flex;gap:60px;align-items:end;justify-content:space-between;margin-bottom:63px}.process-heading h2{max-width:870px}.process-heading>p{flex:0 0 220px;color:#707983;font-size:14px;margin-bottom:0}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.process-item{padding:4px 9px 5px 0}.process-number{display:block;font-family:Georgia,serif;font-size:clamp(70px,8vw,120px);line-height:1;color:#c8c5bb;letter-spacing:-.08em;margin-bottom:20px}.process-number span{color:var(--gold)}.process-rule{display:block;width:100%;height:1px;background:#c8c6bd;position:relative;margin-bottom:28px}.process-rule::before{content:"";position:absolute;top:-3px;width:7px;height:7px;background:var(--gold);border-radius:50%}.process-item h3{font-size:clamp(20px,2.25vw,28px);max-width:290px;margin-bottom:17px;font-weight:750;line-height:1.25}.process-item p{font-size:13px;color:#6a747b;max-width:290px;line-height:1.8}
/* FAQ */
.faq-section{background:var(--ivory)}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(60px,8vw,135px)}.faq-heading h2{max-width:450px}.faq-heading>p:not(.eyebrow){margin:25px 0 32px;max-width:345px;font-size:14px;color:#6f7880}.faq-list{border-top:1px solid #d7dadc}.faq-list details{border-bottom:1px solid #d7dadc}.faq-list summary{cursor:pointer;list-style:none;min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:22px;font-weight:730;font-size:15px;color:var(--navy);line-height:1.6;padding:20px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-plus{flex:none;width:35px;height:35px;border:1px solid #c9cdd0;border-radius:50%;position:relative;transition:background .2s}.faq-plus::before,.faq-plus::after{content:"";position:absolute;top:50%;left:50%;width:11px;height:1px;background:#6c7883;transform:translate(-50%,-50%)}.faq-plus::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s}.faq-list details[open] .faq-plus{background:var(--navy)}.faq-list details[open] .faq-plus::before{background:#fff}.faq-list details[open] .faq-plus::after{transform:translate(-50%,-50%) rotate(0);background:#fff}.faq-answer{padding:0 58px 25px 0;color:#69747e;font-size:13.5px;line-height:1.8}
/* Map */
.location-section{padding:105px 0 110px;background:#0c1929;color:#fff}.location-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;align-items:center}.location-info{position:relative}.location-info h2{font-size:clamp(38px,4.4vw,66px);max-width:550px;color:#fff}.location-info h2 em{color:#d5af71}.location-deco{position:absolute;color:rgba(205,172,120,.17);font-size:150px;font-weight:100;right:8px;top:35px;line-height:1}.location-address{margin:49px 0 29px;padding-left:20px;border-left:2px solid var(--gold);max-width:460px}.small-label{font-size:9px;letter-spacing:.14em;color:#c4a06b;font-weight:780}.location-address address{font-style:normal;font-size:14px;color:#d5dbe0;line-height:1.8;margin-top:12px}.location-actions{display:flex;flex-wrap:wrap;gap:11px}.location-actions .btn{font-size:11px;padding:15px 18px;gap:12px}.map-shell{background:#dce0e1;padding:10px 10px 0;box-shadow:0 25px 65px rgba(0,0,0,.17)}.map-shell iframe{width:100%;height:435px;border:0;display:block;background:#e9ecee}.map-caption{display:flex;align-items:center;justify-content:space-between;background:#fff;color:#334050;height:54px;padding:0 16px}.map-caption span{font-size:10px;letter-spacing:.08em;font-weight:800}.map-caption a{color:#9b7949}.map-caption a svg{width:20px}.map-pulse{display:inline-block;width:7px;height:7px;background:#8aab84;border-radius:50%;margin-right:8px}
/* Footer */
.site-footer{background:#080f1a;color:#e7e9ec}.footer-upper{padding:85px 0 74px;display:grid;grid-template-columns:1.55fr .65fr .9fr 1fr;gap:clamp(28px,5vw,75px)}.footer-brand{display:flex;align-items:center;gap:15px;margin-bottom:21px}.footer-brand img{height:75px;width:75px;object-fit:cover;border-radius:50%}.footer-brand span{display:flex;flex-direction:column;gap:7px}.footer-brand strong{font-size:19px;white-space:nowrap;font-weight:820;letter-spacing:.06em}.footer-brand small{font-size:9px;letter-spacing:.2em;color:var(--gold)}.footer-about p{max-width:325px;color:#9ea7b0;font-size:12px;line-height:1.85;margin-bottom:27px}.footer-wa{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:#e9c58f;font-weight:750}.footer-wa svg{height:19px;width:19px}.footer-wa svg:last-child{width:15px;height:15px}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:15px}.footer-links h3{font-size:10px;letter-spacing:.17em;color:var(--gold);margin:4px 0 12px;font-weight:800}.footer-links>a,.footer-links p{font-size:12px;color:#a7b0ba;margin:0;line-height:1.7}.footer-links a:hover{color:#f7dbac}.footer-contact p{max-width:220px}.footer-contact a{display:inline-flex;align-items:center;gap:6px;color:#f0c78b}.footer-contact a svg{width:15px;height:15px}.footer-bottom{min-height:78px;border-top:1px solid rgba(255,255,255,.13);display:flex;align-items:center;justify-content:space-between;gap:16px;color:#8a959f;font-size:10px;letter-spacing:.02em}.footer-bottom span:nth-child(2){font-size:9px;letter-spacing:.13em}.footer-bottom a{color:#d1b07c}.footer-bottom a:hover{color:#fff}
/* Floating WhatsApp */
.floating-wa{position:fixed;bottom:25px;right:25px;z-index:850;display:flex;align-items:center;gap:10px;background:#1caa62;color:#fff;box-shadow:0 10px 35px rgba(4,19,13,.25);border-radius:100px;padding:13px 17px;font-size:12px;font-weight:800;transition:transform .2s,background .2s}.floating-wa:hover{transform:translateY(-3px);background:#139653}.floating-wa svg{width:22px;height:22px}
/* Lightbox */
.lightbox{background:transparent;border:0;padding:0;color:#fff;overflow:visible;max-width:min(93vw,1080px);max-height:94svh;width:100%}.lightbox::backdrop{background:rgba(4,12,21,.92);backdrop-filter:blur(10px)}.lightbox-panel{position:relative;background:#121e2b;max-height:92svh;display:flex;flex-direction:column}.lightbox-close{position:absolute;right:12px;top:12px;width:44px;height:44px;background:rgba(11,23,38,.85);color:#fff;border:1px solid rgba(255,255,255,.3);z-index:6;font-size:27px;line-height:1}.lightbox-image-wrap{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;background:#0c1521}.lightbox-image-wrap img{display:block;max-height:calc(92svh - 105px);width:auto;max-width:100%;height:auto;object-fit:contain}.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);width:47px;height:57px;background:rgba(12,21,33,.72);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:40px;line-height:1}.lightbox-prev{left:14px}.lightbox-next{right:14px}.lightbox-prev:hover,.lightbox-next:hover,.lightbox-close:hover{background:var(--gold);color:var(--navy)}.lightbox-caption{padding:18px 25px;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:105px}.lightbox-caption div{display:flex;flex-direction:column;gap:5px}.lightbox-caption div>span{font-size:9px;color:#d6b47f;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.lightbox-caption strong{font-size:18px}.lightbox-caption p{font-size:11px;color:#a8b1b9;margin:0;line-height:1.5}.lightbox-caption>span{font-size:11px;color:#9ea7ad;letter-spacing:.1em}
/* subtle, progressive enhancement reveal */
.js-ready .reveal{opacity:0;transform:translateY(23px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.6,.2,1)}.js-ready .reveal.is-visible{opacity:1;transform:none}
@media(min-width:1550px){.hero-copy{max-width:800px}.hero h1{font-size:82px}.hero-image img{object-position:70% 59%}}
@media(max-width:1260px){.brand{min-width:220px}.brand-type strong{font-size:14px}.brand img{width:57px;height:57px}.desktop-nav{gap:16px}.header-cta{padding:13px 13px;font-size:10px}.header-inner{gap:15px}.about-grid{gap:90px}.location-grid{gap:42px}}
@media(max-width:1060px){:root{--side:clamp(24px,4vw,48px)}.desktop-nav,.header-cta{display:none}.menu-toggle{display:flex}.header-actions{margin-left:auto}.site-header{height:85px}.site-header.scrolled,.site-header.menu-active{height:75px}.mobile-nav{display:flex;position:fixed;left:0;right:0;top:75px;background:#0b1726;flex-direction:column;padding:18px var(--side) 29px;box-shadow:0 35px 60px rgba(3,11,20,.2);visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-10px);transition:transform .2s,opacity .2s,visibility .2s;max-height:calc(100svh - 75px);overflow:auto}.site-header:not(.scrolled) .mobile-nav{top:85px;max-height:calc(100svh - 85px)}.mobile-nav.open{visibility:visible;opacity:1;pointer-events:auto;transform:none}.mobile-nav>a:not(.mobile-nav-cta){padding:14px 0;border-bottom:1px solid rgba(255,255,255,.13);font-size:16px;font-weight:750}.mobile-nav-cta{background:var(--gold);color:var(--navy);padding:17px;display:flex;justify-content:space-between;margin-top:19px;font-weight:780}.mobile-nav>span{font-size:10px;color:#b3bbbf;letter-spacing:.16em;margin-top:25px}.hero h1{max-width:720px;font-size:clamp(48px,7vw,77px)}.hero-side-note{display:none}.intro-split,.gallery-heading{gap:35px}.about-grid{gap:45px}.about-art{min-height:590px}.about-main-image{height:490px}.about-accent-image{height:230px}.location-grid{grid-template-columns:1fr 1fr;gap:34px}.location-actions{flex-direction:column;align-items:flex-start}.map-shell iframe{height:405px}.footer-upper{gap:25px;grid-template-columns:1.25fr .7fr .8fr 1fr}.footer-brand strong{font-size:16px}}
@media(max-width:800px){.hero{height:auto;min-height:720px}.hero-inner{min-height:720px;padding-top:132px;padding-bottom:126px}.hero-image img{object-position:57% 45%}.hero-gradient{background:linear-gradient(90deg,rgba(6,15,27,.96),rgba(6,15,27,.72) 72%,rgba(6,15,27,.45)),linear-gradient(0deg,rgba(6,15,27,.52),transparent 50%)}.hero-copy{max-width:620px}.hero h1{font-size:clamp(46px,7.5vw,65px)}.hero-description{max-width:510px}.ticker-inner{min-height:62px;flex-wrap:wrap;justify-content:center;padding-block:12px}.ticker-inner span{font-size:10px}.section{padding:90px 0}.intro-split,.gallery-heading{grid-template-columns:1fr;gap:16px}.intro-aside{max-width:590px}.intro-aside p{margin-bottom:14px}.service-grid{gap:14px}.service-card-image{height:240px}.service-card-body{padding:22px;min-height:218px}.service-card-body p{font-size:12px}.about-grid{grid-template-columns:1fr;gap:30px}.about-art{min-height:530px;padding:20px 15% 35px 20px;max-width:580px}.about-main-image{height:475px}.about-accent-image{height:230px;bottom:0}.about-copy{padding-top:15px}.about-copy h2{max-width:700px}.gallery-toolbar{align-items:start;flex-direction:column}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-item-featured{grid-column:span 2}.gallery-item{aspect-ratio:1/.95}.gallery-item-featured{aspect-ratio:1.6/.8}.process-heading{flex-direction:column;align-items:start;gap:20px}.process-heading>p{flex:auto}.process-grid{gap:18px}.process-number{font-size:84px}.process-item h3{font-size:23px}.faq-grid{grid-template-columns:1fr;gap:35px}.faq-heading h2{max-width:700px}.location-grid{grid-template-columns:1fr;gap:40px}.location-actions{flex-direction:row}.map-shell iframe{height:390px}.footer-upper{grid-template-columns:1.3fr 1fr;row-gap:50px}.footer-bottom{flex-wrap:wrap;padding-block:21px}}
@media(max-width:520px){:root{--side:21px}.site-header{height:78px}.site-header.scrolled,.site-header.menu-active{height:72px}.brand{min-width:0;gap:9px}.brand img{width:49px;height:49px}.brand-type strong{font-size:12px;letter-spacing:.045em}.brand-type small{font-size:7px;letter-spacing:.18em}.mobile-nav{top:72px}.site-header:not(.scrolled) .mobile-nav{top:78px}.hero{min-height:760px}.hero-inner{min-height:760px;align-items:center;padding-top:145px;padding-bottom:118px}.hero-image img{object-position:50% 50%}.hero-gradient{background:linear-gradient(0deg,rgba(6,15,27,.96) 2%,rgba(6,15,27,.89) 35%,rgba(6,15,27,.76) 75%,rgba(6,15,27,.67)),linear-gradient(90deg,rgba(6,15,27,.4),transparent)}.hero-copy .eyebrow{font-size:8.5px;gap:8px;margin-bottom:22px;letter-spacing:.13em}.hero-copy .eyebrow .eyebrow-line{width:19px}.hero h1{font-size:clamp(40px,10.7vw,55px);line-height:1.105;margin-bottom:20px}.hero-description{font-size:13px;line-height:1.75;margin-bottom:26px}.hero-buttons{flex-direction:column;align-items:stretch;max-width:320px;gap:10px}.hero-buttons .btn{min-height:52px;justify-content:space-between;padding-inline:18px}.hero-bottom-inner{height:62px}.scroll-cue{font-size:8px;gap:10px}.hero-bottom-stat{display:none}.hero-bottom-region{font-size:8px;text-align:right}.hero-frame{display:none}.ticker-inner{gap:7px 10px}.ticker-inner span{font-size:8.3px;letter-spacing:.085em}.ticker-inner b{font-size:12px}.section{padding:76px 0}.eyebrow{font-size:9px;gap:10px;margin-bottom:18px}.eyebrow-line{width:23px}h2{font-size:clamp(34px,9vw,43px)}.section-intro{margin-bottom:30px}.intro-aside p{font-size:13px}.service-grid{grid-template-columns:1fr;gap:17px}.service-card-image{height:265px}.service-card-body{min-height:0;padding:23px 23px 25px}.service-card-body h3{font-size:25px}.service-card-body p{font-size:12.5px}.circle-link{width:43px;height:43px}.service-endnote{align-items:flex-start;flex-direction:column;gap:12px}.service-endnote>span{font-size:9px}.about-art{min-height:380px;padding:18px 15% 20px 10px}.about-main-image{height:360px}.about-accent-image{height:160px;width:40%;border-width:6px}.about-vertical-caption{left:-10px;font-size:7px}.about-gold-box{width:78px;height:76px}.about-gold-box span{font-size:27px}.about-gold-box small{font-size:6.5px}.about-copy h2{font-size:43px}.about-lede{font-size:13px;margin:22px 0 28px}.about-values>div{font-size:12px;min-height:68px;gap:14px}.gallery-heading .intro-aside small{font-size:10px}.gallery-toolbar{padding-top:18px;padding-bottom:23px;gap:12px}.filter-list{width:100%;gap:6px}.filter-btn{font-size:10px;padding:11px 12px;min-height:42px}.gallery-grid{gap:9px}.gallery-item{aspect-ratio:1/.98}.gallery-item-featured{aspect-ratio:1.3/.77}.gallery-label{top:10px;left:10px;padding:7px 8px;font-size:8px}.gallery-zoom{top:9px;right:9px;width:29px;height:29px}.gallery-zoom svg{width:14px;height:14px}.gallery-info{padding:10px}.gallery-info strong{font-size:12px;line-height:1.2}.gallery-info small{font-size:9px;line-height:1.2}.gallery-item-featured .gallery-info strong{font-size:16px}.gallery-foot{align-items:stretch;flex-direction:column;gap:18px}.gallery-foot p{font-size:12px}.statement-section{min-height:0}.statement-grid{padding-block:80px}.statement-copy h2{font-size:41px}.statement-copy p:not(.eyebrow){font-size:13px}.statement-asterisk{display:none}.process-heading{margin-bottom:30px}.process-grid{grid-template-columns:1fr;gap:22px}.process-item{padding:0 0 14px}.process-number{font-size:79px;margin-bottom:8px}.process-rule{margin-bottom:19px}.process-item h3{margin-bottom:7px}.process-item p{margin:0;max-width:100%}.faq-heading>p:not(.eyebrow){font-size:13px;margin:20px 0 24px}.faq-list summary{min-height:75px;font-size:13px;gap:12px}.faq-plus{width:30px;height:30px}.faq-answer{font-size:12px;padding-right:25px}.location-section{padding:77px 0 80px}.location-info h2{font-size:41px}.location-deco{font-size:95px;top:60px}.location-address{margin:31px 0 25px}.location-address address{font-size:12px}.location-actions{flex-direction:column;align-items:stretch}.location-actions .btn{justify-content:space-between}.map-shell iframe{height:315px}.footer-upper{grid-template-columns:1fr 1fr;padding:65px 0 49px;gap:40px 17px}.footer-about{grid-column:span 2}.footer-brand img{width:65px;height:65px}.footer-brand strong{font-size:17px}.footer-contact{grid-column:span 2}.footer-links h3{font-size:9px}.footer-links>a,.footer-links p{font-size:11px}.footer-bottom{gap:12px;align-items:flex-start;flex-direction:column;font-size:10px}.floating-wa{right:16px;bottom:16px;padding:13px;width:52px;height:52px;justify-content:center}.floating-wa span{display:none}.floating-wa svg{width:25px;height:25px}.lightbox{max-width:96vw}.lightbox-panel{max-height:90svh}.lightbox-image-wrap img{max-height:calc(90svh - 108px)}.lightbox-prev,.lightbox-next{width:38px;height:46px;font-size:29px}.lightbox-prev{left:5px}.lightbox-next{right:5px}.lightbox-caption{padding:12px 15px;min-height:108px}.lightbox-caption strong{font-size:15px}.lightbox-caption p{font-size:10px}}
@media(max-width:380px){.hero h1{font-size:40px}.hero-copy .eyebrow{font-size:7.7px}.hero-bottom-region{font-size:7px}.ticker-inner span{font-size:7.7px}.ticker-inner{gap:6px}.gallery-item .gallery-info small{display:none}.filter-btn{font-size:9px;padding:11px 10px}.brand-type strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js-ready .reveal{opacity:1;transform:none}}

/* Premium revision: warm charcoal and bronze, no plain white section backgrounds */
:root{--revision-bg:#111d29;--revision-gold:#cda56b}body{background:#101b27} .services-section,.process-section,.faq-section,.classic-section,.reviews-section,.social-section{background:linear-gradient(145deg,#172737,#101b29)!important;color:#f5eee2!important}.services-section h2,.process-section h2,.faq-section h2,.classic-section h2,.reviews-section h2,.social-section h2{color:#f5eee2!important}.services-section p,.process-section p,.faq-section p,.classic-section p,.reviews-section p,.social-section p{color:#c8cdd0}.services-section .service-card-body{background:#223344;color:#f5eee2}.services-section .service-card-body h3{color:#fff}.services-section .service-card-body p{color:#cbd0d5}.process-item,.faq-list details{background:#223344;color:#f5eee2}.faq-list summary,.process-item h3{color:#fff}.classic-section,.reviews-section,.social-section{padding:95px 0}.classic-section h2,.reviews-section h2,.social-section h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1.13;margin:18px 0 24px}.classic-section em,.reviews-section em,.social-section em{color:#d4ad77}.section-subcopy{max-width:700px;line-height:1.8;margin-bottom:35px}.classic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.classic-grid figure{margin:0;background:#253648;border:1px solid #ffffff1f;overflow:hidden;border-radius:12px}.classic-grid img{display:block;width:100%;height:280px;object-fit:cover}.classic-grid figcaption{padding:15px 18px;color:#e3d0b2;font-size:13px;letter-spacing:.05em}.review-panel{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:35px;background:#253648;border:1px solid #cda56b55;border-radius:16px}.review-panel h3{font-size:25px;color:white;margin:12px 0}.review-stars{color:#d7b178;letter-spacing:5px;font-size:22px}.social-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.social-grid a{display:flex;flex-direction:column;gap:16px;min-width:0;padding:26px 22px;background:#253648;border:1px solid #ffffff24;border-radius:14px;text-decoration:none;color:white;transition:transform .2s,border-color .2s}.social-grid a:hover{transform:translateY(-4px);border-color:#cda56b}.social-grid strong{font-size:21px}.social-grid span{font-size:12px;color:#d4b58d;overflow-wrap:anywhere}section[id]{scroll-margin-top:95px}@media(max-width:900px){.classic-grid,.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.classic-grid,.social-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.classic-grid img{height:180px}.classic-grid figcaption{padding:12px;font-size:11px}.social-grid a{padding:17px 12px}.social-grid strong{font-size:17px}.review-panel{flex-direction:column;align-items:flex-start;padding:24px}.classic-section,.reviews-section,.social-section{padding:65px 0}}

/* Editorial sample reviews — responsive, clearly marked examples */
.sample-reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:32px 0 30px}.sample-review-card{min-width:0;border:1px solid rgba(191,155,87,.26);border-radius:16px;background:linear-gradient(155deg,rgba(197,158,89,.09),rgba(255,255,255,.025));padding:25px 23px;display:flex;flex-direction:column;gap:16px;transition:border-color .2s,transform .2s}.sample-review-card:hover{border-color:rgba(191,155,87,.55);transform:translateY(-3px)}.sample-review-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.sample-review-mark{font-family:Georgia,serif;font-size:49px;line-height:.7;color:#caa76b}.sample-review-category{font-size:11px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:#caa76b;text-align:right}.sample-review-card p{margin:0;line-height:1.8;font-size:14px;flex:1}.sample-review-tag{font-size:11px;opacity:.7;border-top:1px solid rgba(170,150,115,.22);padding-top:12px}.reviews-section .section-subcopy{max-width:780px}@media(max-width:980px){.sample-reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.sample-reviews-grid{grid-template-columns:1fr;gap:12px;margin:24px 0}.sample-review-card{padding:20px}.sample-review-card p{font-size:14px}}

/* Identitas pada kartu ulasan contoh */
.review-identity{display:flex;align-items:center;gap:11px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}
.review-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(208,164,94,.15);border:1px solid rgba(208,164,94,.3);color:#e4ba78;font-weight:700;flex-shrink:0}
.review-identity strong{display:block;color:#fff;font-size:14px;line-height:1.4}
.review-identity small{display:block;color:#b6c0ca;font-size:11px;line-height:1.5}
.gallery-photo-note{display:block;margin-top:5px;font-size:.86em;opacity:.82}

/* Penambahan foto, mempertahankan desain bagian lain */
.large-workshop-logo{background:linear-gradient(145deg,#172737,#101b29);display:flex;justify-content:center;padding:15px 20px 55px}.large-workshop-logo img{width:min(100%,530px);height:auto;display:block;border-radius:12px;object-fit:contain;box-shadow:0 16px 48px #0004}.gallery-grid .gallery-item img{object-fit:cover}@media(max-width:600px){.large-workshop-logo{padding:5px 18px 36px}.large-workshop-logo img{width:min(100%,390px)}}

/* Fix: readable WhatsApp consultation link on dark services background */
.services-section .service-endnote>a,.services-section .service-endnote>a:visited{color:#f5eee2;font-weight:760;}
.services-section .service-endnote>a:hover,.services-section .service-endnote>a:focus-visible{color:#e8bd7d;}
.services-section .service-endnote>a svg{color:#d7aa69;}
.services-section .service-endnote>span{color:#ced7df;}

/* Formulir pada 04 / Proses Konsultasi */
.consult-form-shell{margin-top:52px;display:grid;grid-template-columns:minmax(230px,.85fr) minmax(0,1.7fr);gap:38px;background:#132334;color:#f6f1e8;padding:clamp(22px,4vw,48px);border:1px solid rgba(209,169,107,.35)}
.consult-form-intro h3{font-size:clamp(25px,3vw,42px);line-height:1.17;letter-spacing:-.03em;margin:15px 0 16px;color:#f8f2e8}
.consult-form-intro p:not(.consult-form-kicker){font-size:15px;line-height:1.8;color:#d2dce5}
.consult-form-kicker{font-size:11px;color:#deb579;font-weight:800;letter-spacing:.18em}
.consult-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;min-width:0}
.consult-field{display:flex;flex-direction:column;gap:9px;min-width:0}
.consult-field-full,.consult-form-bottom{grid-column:1/-1}
.consult-field label,.consult-label{font-size:13px;font-weight:700;color:#f0e5d4}
.consult-field label span{color:#e4b474}
.consult-field input,.consult-field select,.consult-field textarea{width:100%;min-width:0;background:#fff;color:#142334;border:1px solid #b2bcc8;border-radius:3px;font:inherit;font-size:15px;line-height:1.4;padding:13px 14px;outline-offset:3px}
.consult-field textarea{resize:vertical;min-height:90px}
.consult-field input:focus,.consult-field select:focus,.consult-field textarea:focus{outline:2px solid #dab176;border-color:#dab176}
.consult-field small{font-size:12px;line-height:1.6;color:#c1ced9}
.consult-measures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.consult-measures label{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#d7e0e8}
.consult-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.22);padding-top:22px}
.consult-form-bottom p{font-size:12px;line-height:1.65;color:#cad4de;max-width:300px}
.consult-submit{background:#cda35f;color:#102030;border:0;border-radius:2px;padding:16px 20px;font-size:14px;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:20px;min-height:50px}
.consult-submit:hover,.consult-submit:focus-visible{background:#e3bd80}
@media(max-width:900px){.consult-form-shell{grid-template-columns:1fr;gap:26px}}
@media(max-width:600px){.consult-form-shell{margin-top:34px;padding:22px 16px}.consult-form{grid-template-columns:1fr}.consult-field-full,.consult-form-bottom{grid-column:1}.consult-measures{grid-template-columns:1fr 1fr}.consult-form-bottom{flex-direction:column;align-items:stretch}.consult-submit{width:100%}}
@media(max-width:350px){.consult-measures{grid-template-columns:1fr}}

/* Classic collection uses the same auto-synced popup as the main gallery. */
#klasik .classic-grid figure{cursor:zoom-in;transition:transform .2s ease,border-color .2s ease}
#klasik .classic-grid figure:hover{transform:translateY(-3px);border-color:#cda56b}
#klasik .classic-grid figure:focus-visible{outline:3px solid #d9b77f;outline-offset:4px}
@media(prefers-reduced-motion:reduce){#klasik .classic-grid figure{transition:none}}