/* Template resmi JR–JOREMA. Logo sumber asli ditampilkan tanpa digambar ulang. */
:root{--cream:#faf9f5;--ink:#092440;--muted:#405571;--gold:#a5782d;--gold-soft:#dfbf7b;--navy:#0c324b;--grad-gold:linear-gradient(115deg,#a97d39,#bc9451 60%,#a97d39);--radius:8px}
header.site,header.site.scrolled{background:#fff}
.wrap{max-width:1360px}
.nav-row,header.site.scrolled .nav-row{padding-block:12px}
.jr-lockup{display:flex;align-items:center;gap:10px;width:226px;height:52px;background:#fff;flex-shrink:0}
.jr-symbol{display:block;flex:0 0 58px;height:52px;background:url('../img/jorema-logo-original.png') -19px -3px / 99px 75px no-repeat}
.jr-type{display:flex;flex-direction:column;gap:5px}
.jr-word{display:block;width:156px;height:25px;background:url('../img/jorema-logo-original.png') -7px -96px / 166px 126px no-repeat}
.jr-tag{font-size:8px;letter-spacing:2px;color:#183550;font-family:Arial,sans-serif;font-weight:700;white-space:nowrap}
nav.links{font-size:13px;gap:26px}
.btn{font-size:13px;font-weight:500;padding:12px 23px;white-space:normal;text-align:center}
.btn-gold,nav.links .btn-gold{color:#fff;opacity:1}
.btn-outline{border-color:var(--gold);background:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #c2913e;outline-offset:4px}
.hero{background:radial-gradient(ellipse at 15% 45%,#fff,#f7f5f0)}
.hero::before,.hero-copy::before{display:none}
.hero-grid{max-width:1600px;padding-top:0;gap:0}
.hero-copy{padding:42px 24px 35px 0}
.hero-eyebrow{font-family:Arial,sans-serif;font-size:10px;letter-spacing:1.7px;padding-left:0;margin-bottom:15px}
.hero-eyebrow::before{display:none}
.hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(34px,3.5vw,54px);line-height:1.07;max-width:570px}
.hero h1 em{color:#9c7029;background:none}
.hero p.lede-hero{font-size:14px;line-height:1.65;max-width:540px;margin-top:18px}
.hero-ctas{gap:12px;margin-top:24px}
.hero-pillars{margin-top:29px;gap:12px}
.hero-pillar-item{flex-direction:row;gap:8px;align-items:center}
.hero-pillar-item .hp-label{font-size:10px;font-weight:400}
.hero .icon-badge{background:none;color:var(--gold);box-shadow:none;width:26px;height:30px;flex:0 0 26px}
.hero-reference{background-image:url('../img/building.jpg'),url('../img/jorema-design-reference.png');background-size:cover,auto 231.2%;background-position:center,right 10.5%;background-repeat:no-repeat;border-radius:0;box-shadow:none;margin:0;min-height:320px;aspect-ratio:2.27}
.hero-photo::after{display:none}
.hero-quote-strip{margin-top:0;padding:20px 0;background:#0d334c}
.hero-quote-strip::before{display:none}
.hero-quote-strip .wrap{justify-content:center;flex-wrap:nowrap;gap:24px}
.hero-quote-strip .wrap::before,.hero-quote-strip .wrap::after{content:'';width:90px;height:1px;background:#b88b42;flex-shrink:1}
.hero-quote-strip p{font-family:Georgia,serif;font-size:clamp(17px,2vw,25px);color:#fff;text-align:center;flex-shrink:0;max-width:80%}
.home-services{padding:32px 0 28px}
.home-services .wrap{max-width:1600px}
.home-services .section-head{max-width:none;text-align:center;margin-bottom:22px}
.home-services .eyebrow{font-size:10px;padding-left:0;margin-bottom:8px}
.home-services .eyebrow::before{display:none}
.home-services h2{font:400 clamp(26px,2.7vw,36px)/1.15 Georgia,serif}
.home-services .lede{font-size:13px;margin:10px auto 0;max-width:80ch}
.service-preview{margin-top:0;gap:14px}
.sp-card{border:1px solid #eeeae2;padding:20px 18px 30px;border-radius:5px;display:grid;grid-template-columns:35px 1fr;gap:8px 12px;position:relative;box-shadow:0 3px 12px #102b4010;align-content:start}
.sp-card .icon-badge{width:35px;height:38px;background:none;color:var(--gold);box-shadow:none;grid-row:span 2;margin:0}
.sp-card .icon-badge svg{width:32px;height:32px}
.sp-card h3{font:400 18px/1.3 Georgia,serif;margin:3px 0 0}
.sp-card .num{display:none}
.service-summary{font-size:12px;line-height:1.55;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.card-arrow{position:absolute;right:18px;bottom:7px;color:var(--gold);font-size:23px}
.home-consult{background:repeating-radial-gradient(ellipse at 0% 140%,transparent 0 14px,#b7985120 15px 16px,transparent 17px 27px),#0d334c}
.home-consult .cta-band{background:none;border:0;border-radius:0;box-shadow:none;margin:0;padding:29px 0;display:flex;justify-content:space-between;gap:35px;align-items:center}
.home-consult .cta-band::before,.home-consult .cta-band::after{display:none}
.home-consult .cta-band h3{color:#fff;font:400 27px/1.2 Georgia,serif;max-width:700px}
.home-consult .cta-band p{color:#c2d2df;font-size:13px}
.home-consult .cta-band .eyebrow{color:#dfbd79;font-size:10px;padding:0;margin:0 0 9px}
.home-consult .eyebrow::before{display:none}
.home-consult .btn{flex-shrink:0}
footer{background:#082537;padding:27px 0 20px;border-top:1px solid #59717e}
.footer-brand{width:246px;background:#fff;border-radius:4px;padding:8px 10px}
.footer-top{gap:24px}
.footer-nav{display:grid;grid-template-columns:repeat(2,1fr);gap:7px 22px;align-content:start}
.footer-nav .m-label{grid-column:1/-1;color:#d9bd7e}
footer .wrap{gap:20px}
.footer-bottom{padding-top:17px}
.site-credit{display:block;font-size:10px;letter-spacing:1px;margin-top:5px;color:#b7c6ce}
@media(min-width:960px){.hero-grid{grid-template-columns:48% 52%;padding-right:0;min-height:490px;padding-left:max(40px,calc((100vw - 1280px)/2))}.hero-photo{min-height:490px;aspect-ratio:auto;height:100%;clip-path:polygon(11% 0,100% 0,100% 100%,0 100%)}.hero-photo::before{clip-path:polygon(11% 0,12.5% 0,1.5% 100%,0 100%)}}
@media(max-width:1150px) and (min-width:960px){.hero-grid{grid-template-columns:51% 49%}.hero h1{font-size:42px}.sp-card{display:block}.sp-card h3{margin:10px 0}.service-preview{gap:10px}.hero-copy{padding-right:15px}}
@media(max-width:959px){.hero-grid{padding:0;display:flex;flex-direction:column}.hero-copy{padding:36px 24px}.hero-photo{width:100%;min-height:0;aspect-ratio:2.27}.hero-quote-strip .wrap::before,.hero-quote-strip .wrap::after{display:none}.hero-quote-strip p{max-width:100%}.home-consult .cta-band{align-items:flex-start;flex-direction:column;gap:18px}.home-services{padding-top:32px}}
@media(max-width:699px){.service-preview{grid-template-columns:1fr}.sp-card{grid-template-columns:40px 1fr}.service-summary{-webkit-line-clamp:unset}.hero h1{font-size:38px}.hero-pillars{grid-template-columns:repeat(2,1fr)}.hero-ctas .btn{width:100%;justify-content:center}.footer-top{flex-direction:column}.footer-col{max-width:100%}.jr-lockup{transform-origin:left center;transform:scale(.9);width:210px}.home-consult .cta-band h3{font-size:25px}}

.custom-brand-logo{width:auto;max-width:230px;max-height:60px;object-fit:contain}.hero-custom img{width:100%;height:100%;object-fit:cover}.hero-custom{background:var(--cream)}

/* Scroll safety: beranda harus selalu mengikuti tinggi seluruh konten. */
html,body{height:auto!important;min-height:100%;overflow-x:hidden!important;overflow-y:auto!important;}
body.home-page,body.home-page main{overflow:visible!important;height:auto!important;max-height:none!important;}
.home-page .hero,.home-page .home-services,.home-page .home-consult,.home-page footer{visibility:visible;}