/*
Theme Name: RumahFix Design 1 — Transform Your Home
Author: RumahFix
Description: Standalone theme based on reference image 1, with five services, four projects, dark benefits strip, workflow and service area tags.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: rumahfix
*/
:root{--yellow:#ffc600;--ink:#101214;--muted:#4d535d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:#fff}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #e18c00;outline-offset:4px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}em{color:#ffbf00;font-style:normal}h2{font-size:29px;letter-spacing:-1px;line-height:1.15}.wrap{width:min(1180px,94%);margin:auto}.site-header{background:white;position:relative;z-index:10}.header-inner{display:flex;align-items:center;gap:20px;min-height:67px}.logo{width:245px}.desktop-nav{display:flex;gap:17px;margin-left:auto;align-items:center;font-size:12px}.desktop-nav a:first-child{border-bottom:3px solid var(--yellow);padding:24px 0 17px}.desktop-nav ul{display:flex;list-style:none;padding:0;gap:16px}.languages{display:flex;gap:4px;font-size:12px;font-weight:bold}.pill{padding:11px 12px;border:1px solid #eee;border-radius:6px}.yellow{background:var(--yellow)}.phone-header{background:#101418;color:white;border-radius:6px;padding:11px 12px;font-size:14px;font-weight:700;white-space:nowrap}.mobile-nav{display:none}.skip{position:absolute;left:-9999px}.skip:focus{left:5px;top:5px;background:#fff;padding:15px;z-index:30}.hero{position:relative;background:url(assets/hero.png) center/cover no-repeat;min-height:440px;color:#fff;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.4),transparent 65%)}.hero-content{position:relative;padding-top:30px;padding-bottom:24px}.eyebrow{font-size:14px;margin-bottom:8px}h1{font-size:clamp(38px,4.5vw,58px);font-weight:800;line-height:.99;letter-spacing:-1.8px;max-width:620px}.hero-description{font-size:20px;line-height:1.25;margin:10px 0 18px}.trust{display:flex;gap:20px;margin-bottom:20px}.trust>span{display:flex;gap:8px;align-items:center;font-size:29px;color:var(--yellow)}.trust small{font-size:11px;color:white;line-height:1.25}.buttons{display:flex;gap:14px;align-items:center}.button{display:flex;gap:12px;align-items:center;border-radius:8px;padding:12px 18px;box-shadow:0 4px 10px #0002;min-width:210px;color:#080b0d}.button strong{font-size:18px;white-space:nowrap}.button small{display:block;font-size:13px;margin-top:2px}.whatsapp{background:var(--yellow)}.call{background:#fff}.button-icon{font-size:36px;line-height:1}.hero-script{position:absolute;right:4%;top:18px;font-family:cursive;font-style:italic;font-size:26px;transform:rotate(-12deg);color:#111;line-height:1.1}.section{padding-top:16px;padding-bottom:18px}.subtitle{color:var(--muted);font-size:14px;margin:3px 0 12px}.grid{display:grid;gap:13px}.six{grid-template-columns:repeat(6,minmax(0,1fr))}.card{border:1px solid #eee;border-radius:7px;background:#fff;box-shadow:0 4px 10px #0000000c;overflow:hidden}.service img{width:100%;aspect-ratio:1.58;object-fit:cover}.service>div{display:flex;align-items:center;gap:8px;padding:10px 8px;min-height:55px}.service strong{font-size:12px;line-height:1.15}.service-icon{font-size:27px;color:#eab000}.arrow{background:var(--yellow);border-radius:50%;padding:1px 4px;margin-left:auto}.stats{background:#151718;color:#fff}.stats-inner{display:grid;grid-template-columns:repeat(4,1fr) 1.4fr;align-items:center}.stats-inner>div{padding:13px 22px;border-right:1px solid #fff2}.stats b{display:block;font-size:26px;color:var(--yellow)}.stats span{font-size:12px}.stats a{background:var(--yellow);color:#111;padding:15px 30px;transform:skew(-12deg)}.stats a>*{display:block;transform:skew(12deg)}.stats small{font-size:10px;margin-top:5px}.section-head{display:flex;justify-content:space-between;align-items:center}.more{background:var(--yellow);padding:13px 16px;font-size:12px;font-weight:bold;border-radius:6px}.project img{width:100%;border-radius:5px;aspect-ratio:1.6;object-fit:cover}.project strong{display:block;font-size:11px;margin:7px 3px}.why{display:grid;grid-template-columns:29% 42% 29%;min-height:235px;overflow:hidden;background:#fafafa}.why-photo{background-size:cover;background-position:center}.why-photo.left{background-image:url(assets/why-left.png);clip-path:polygon(0 0,70% 0,100% 100%,0 100%)}.why-photo.right{background-image:url(assets/why-right.png);clip-path:polygon(0 0,100% 0,100% 100%,29% 100%)}.why-content{padding:16px 0}.why h2{font-size:27px}.why .subtitle{font-size:12px}.reasons{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;padding:0 14px}.reasons>div{display:flex;gap:9px;align-items:center}.reason-icon{border-radius:50%;padding:8px 11px;background:var(--yellow);font-size:17px}.reasons strong{display:block;font-size:12px}.reasons small{font-size:11px;color:var(--muted)}.testimonials{grid-template-columns:repeat(3,1fr)}.review{padding:7px;display:flex;gap:13px}.review>img{width:36%;border-radius:5px;object-fit:cover}.review>div{flex:1}.stars{color:#ffb900;font-size:20px}.review p{font-size:12px;line-height:1.3;margin:4px 0 8px}.review strong,.review small{display:block;font-size:11px}.areas{padding:12px 0 30px;background:linear-gradient(#ffffffa0,#ffffff22),url(assets/skyline.png) center/cover}.area-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.area-grid a{background:linear-gradient(transparent,#000a),url(assets/skyline.png) center/cover;border:2px solid white;border-radius:6px;height:94px;display:flex;align-items:flex-end;color:#fff;font-size:11px;font-weight:700;padding:8px}.area-grid a:nth-child(even){background-position:right}.cta{background:var(--yellow);min-height:135px;overflow:hidden}.cta-inner{display:flex;align-items:center;gap:25px;min-height:135px;position:relative;padding-left:220px}.person{position:absolute;left:0;bottom:0;width:210px}.cta h2{font-size:26px}.cta p{font-size:18px;margin-top:5px}.cta .buttons{margin-left:auto}.cta .whatsapp{background:#00be3f;color:white}.cta .button{min-width:190px;padding:12px}.cta .button strong{font-size:17px}.notice{padding:20px}.post{padding:50px 0;min-height:60vh}.lightbox{display:none;position:fixed;inset:0;z-index:100;background:#000e;align-items:center;justify-content:center;color:white}.lightbox:target{display:flex}.lightbox figure{width:min(750px,90%);margin:0}.lightbox img{width:100%;image-rendering:auto;border-radius:8px}.lightbox figcaption{padding:15px}.close{position:absolute;right:25px;top:25px;padding:12px;background:var(--yellow);color:#111;border-radius:6px}.steps{grid-template-columns:repeat(4,1fr);text-align:center}.steps article{padding:20px;background:#fafafa}.steps p{font-size:14px;margin-top:10px}.variant-one:before{background:linear-gradient(90deg,#fff,#fff9 40%,transparent 70%)}.variant-one{color:#111}.variant-one .trust small{color:#111}.variant-one .whatsapp{background:#00ba46;color:white}
@media(min-width:1400px){.hero{min-height:500px}.hero-content{padding-top:40px}}
@media(max-width:1100px){.header-inner{gap:12px}.logo{width:210px}.desktop-nav{gap:12px;font-size:10px}.phone-header{font-size:12px}.hero{min-height:360px}h1{font-size:46px}.hero-description{font-size:18px}.hero-content{padding-top:25px}.cta-inner{padding-left:190px;gap:15px}.person{width:185px}.cta h2{font-size:22px}.cta p{font-size:15px}.cta .button{min-width:170px}.cta .button strong{font-size:15px}.cta .button-icon{font-size:28px}}
@media(max-width:850px){.desktop-nav{display:none}.mobile-nav{display:block;margin-left:auto;position:relative}.mobile-nav summary{cursor:pointer;padding:10px;font-weight:bold}.mobile-nav[open]>a,.mobile-nav li{display:block;padding:12px;background:white}.mobile-nav[open]{position:absolute;right:10px;top:60px;background:white;min-width:210px;box-shadow:0 5px 20px #0003}.mobile-nav[open] summary{text-align:right}.header-inner{min-height:66px}.languages{margin-left:auto}.six{grid-template-columns:repeat(3,1fr)}.hero{background-position:60% center}.hero:before{background:linear-gradient(90deg,#000a,transparent)}.hero-script{display:none}.why{grid-template-columns:20% 60% 20%}.testimonials{grid-template-columns:1fr}.review>img{width:100px;height:100px}.review p{font-size:14px}.area-grid{grid-template-columns:repeat(4,1fr)}.stats-inner>div{padding:12px}.stats a{padding:15px}.cta-inner{padding:25px 0 25px 175px;flex-wrap:wrap}.cta .buttons{margin:0}.person{width:160px}.variant-one:before{background:linear-gradient(90deg,#fff,#fffa 60%,transparent)}}
@media(max-width:540px){h2{font-size:25px}.logo{width:158px}.phone-header{display:none}.languages{margin-right:65px}.mobile-nav{position:absolute;right:4px}.hero{min-height:490px}.hero-content{padding-top:36px}.hero:before{background:#0008}h1{font-size:43px}.eyebrow{font-size:11px}.hero-description{font-size:17px}.trust{gap:12px;flex-wrap:wrap}.trust small{font-size:10px}.trust>span{font-size:24px}.buttons{gap:8px;flex-wrap:wrap}.button{min-width:0;padding:12px;flex:1}.button strong{font-size:14px}.button small{font-size:11px}.button-icon{font-size:28px}.six{grid-template-columns:repeat(2,1fr)}.service strong{font-size:13px}.stats-inner{grid-template-columns:repeat(2,1fr);text-align:center}.stats a{grid-column:1/-1;transform:none}.stats a>*{transform:none}.stats b{font-size:27px}.section-head{gap:10px;align-items:flex-start}.more{padding:10px;font-size:11px;max-width:125px}.why{display:block}.why-photo{display:none}.why-content{padding:20px 4%}.why h2{font-size:26px}.reasons{padding:5px 0}.area-grid{grid-template-columns:repeat(2,1fr)}.area-grid a{height:75px}.cta-inner{padding:24px 0;text-align:center;display:block}.person{display:none}.cta .buttons{margin-top:18px}.cta h2{font-size:25px}.cta p{font-size:16px}.cta .button{min-width:0;text-align:left}.cta .button strong{font-size:13px}.steps{grid-template-columns:1fr 1fr}.variant-one:before{background:#fffd}}

.original-links{padding:22px 0;font-size:12px;color:#4d535d}.original-links summary{cursor:pointer;font-weight:bold}.original-link-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;padding:18px 0}.original-links p{margin-top:10px}.original-links a{text-decoration:underline}

/* Standalone reference 1 layout */
.hero{min-height:450px;background-position:center}.hero:before{background:linear-gradient(90deg,#fff 1%,#fffffff0 28%,#ffffff9c 42%,transparent 64%)}.hero-content{padding-top:30px;padding-bottom:40px}.hero h1{font-size:clamp(40px,4.7vw,58px);max-width:560px;line-height:1.02}.hero-description{max-width:440px}.hero .buttons{max-width:470px}.hero .button{border:1px solid #8884}.hero-services{position:absolute;right:0;top:30px;bottom:30px;width:15%;min-width:155px;background:#081017ed;border-radius:18px 0 0 18px;color:white;padding:12px 18px;display:flex;flex-direction:column;justify-content:space-around}.hero-services a{display:flex;gap:13px;align-items:center;font-size:12px;line-height:1.3}.hero-services a>span{font-size:32px}.hero-services strong:after{content:'';display:block;background:var(--yellow);width:30px;height:2px;margin-top:12px}.six{grid-template-columns:repeat(5,minmax(0,1fr))}.service img{aspect-ratio:1.55}.service strong{font-size:14px}.service>div{min-height:65px}.section{padding-top:22px;padding-bottom:24px}#services{position:relative;border-radius:25px 25px 0 0;margin-top:-22px;background:white;padding:16px 20px 24px;width:min(1220px,98%)}#project-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}.project{border:1px solid #eee;border-radius:7px;overflow:hidden;box-shadow:0 5px 12px #0001}.project img{aspect-ratio:1.77}.project strong{font-size:13px;padding:4px 7px}.why{display:block;background:linear-gradient(110deg,#202223,#121415);color:white;min-height:0;padding:22px 3%}.why-content{max-width:1180px;margin:auto;padding:0}.why-photo{display:none}.why h2{font-size:29px;margin-bottom:17px}.reasons{grid-template-columns:repeat(5,1fr);gap:15px;padding:0}.reason-icon{font-size:23px;padding:10px 13px}.reasons strong{font-size:13px}.reasons small{color:#eee;font-size:12px}.workflow h2{font-size:26px}.steps article{position:relative;background:white;padding:6px 15px}.step-no{position:absolute;left:10px;top:0;display:grid;place-items:center;border-radius:50%;background:var(--yellow);width:35px;height:35px;font-size:22px;font-weight:bold}.step-icon{display:block;font-size:42px;margin:0 0 10px}.steps article:not(:last-child):after{content:'›';position:absolute;right:-12px;top:35px;font-size:52px;color:#cbc8c0}.steps h3{font-size:16px}.steps p{font-size:13px;line-height:1.3;margin-top:6px}.areas{padding:15px 0 24px}.areas .wrap{width:min(1120px,90%)}.area-grid{display:flex;flex-wrap:wrap;gap:9px 12px}.area-grid a{height:auto;padding:9px 12px;background:#fff;color:#111;font-size:12px;border:none}.area-grid a span:first-letter{color:#ffbf00}.review{min-height:120px}.stars{font-size:19px}.review>img{width:34%;height:100px}.cta-inner{min-height:145px}.cta h2{font-size:26px}.cta .person{width:210px}.cta .whatsapp{background:#00be3f}.original-links{font-size:11px}.mobile-nav[open]{z-index:40}
@media(min-width:1400px){.hero{min-height:500px}.hero-services{width:17%}}
@media(max-width:1000px){.hero-services{width:150px;min-width:0;padding:12px}.hero-services a{font-size:11px}.hero-services a>span{font-size:26px}.hero h1{font-size:46px}.reasons{gap:10px}.reasons>div{gap:6px}.reason-icon{padding:8px}.reasons strong{font-size:11px}.reasons small{font-size:10px}.service strong{font-size:12px}.cta h2{font-size:22px}}
@media(max-width:850px){.six{grid-template-columns:repeat(3,minmax(0,1fr))}#project-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.reasons{grid-template-columns:repeat(3,1fr)}.reasons strong{font-size:13px}.reasons small{font-size:12px}.testimonials{grid-template-columns:1fr}.review>img{width:105px}.hero-services{right:0;top:25px;bottom:35px}.hero h1{font-size:43px;max-width:420px}.hero-description{font-size:17px;max-width:360px}.hero .buttons{max-width:420px}.hero .button{min-width:0}.hero .button strong{font-size:15px}}
@media(max-width:600px){.hero{min-height:0;background-position:60% center}.hero:before{background:#ffffffe8}.hero-content{padding-top:28px;padding-bottom:28px}.hero h1{font-size:43px}.hero-services{position:relative;top:auto;bottom:auto;width:94%;margin:0 auto 40px;border-radius:10px;display:grid;grid-template-columns:repeat(2,1fr);gap:17px;padding:18px}.hero-services a:last-child{grid-column:1/-1}.hero-services a{font-size:12px}.hero-services strong:after{margin-top:7px}.six{grid-template-columns:repeat(2,minmax(0,1fr))}.service strong{font-size:12px}.reasons{grid-template-columns:repeat(2,1fr);gap:16px}.why{padding:24px 4%}.steps article{padding:10px}.step-no{width:28px;height:28px;font-size:17px;left:0}.step-icon{font-size:35px}.steps article:after{display:none}.steps h3{font-size:14px}.area-grid{gap:8px}.area-grid a{font-size:11px;padding:9px}.cta .person{display:none}.cta h2{font-size:24px}.project strong{font-size:11px}.why h2{font-size:26px}.hero .button strong{font-size:14px}.hero .buttons{max-width:100%}.steps{gap:20px 10px}}