@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/dm-sans-latin.woff2') format('woff2')}@font-face{font-family:'Playfair Display';font-style:normal;font-weight:600 700;font-display:swap;src:url('/assets/fonts/playfair-display-latin.woff2') format('woff2')}:root{--ink:#24211f;--muted:#706963;--paper:#fffdfa;--sand:#f4eadc;--sand-deep:#e7d2b4;--clay:#9b3c20;--clay-dark:#7f2f1a;--line:#e9e0d7;--radius:18px;--max:1180px}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;background:var(--paper);line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--clay)}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;line-height:1.13;margin:0 0 .7rem}h1{font-size:clamp(2.45rem,5vw,4.8rem)}h2{font-size:clamp(1.75rem,3vw,2.7rem)}h3{font-size:1.25rem}p{margin:0 0 1rem}.notice{background:#2f2925;color:#fff;font-size:.78rem;text-align:center;padding:.45rem 1rem}.site-header{height:78px;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;gap:30px;align-items:center;background:#fff;position:relative;z-index:5;border-bottom:1px solid #f0ebe5}.brand{font-family:'Playfair Display',serif;font-size:1.48rem;font-weight:700;white-space:nowrap}.brand span{color:var(--clay)}.site-header nav{display:flex;gap:24px;margin-left:auto;font-size:.93rem;font-weight:600}.site-header nav a{padding:8px 0}.menu-toggle{display:none;border:0;background:none;font-size:1.3rem}.button{background:var(--clay);color:#fff!important;border:1px solid var(--clay);display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:10px;font-weight:700;transition:.2s}.button:hover{background:var(--clay-dark);border-color:var(--clay-dark)}.button-small{min-height:41px;padding:0 16px;font-size:.86rem}.button-outline{background:transparent;color:var(--clay)!important}.button-light{background:#fff;color:var(--clay)!important;border-color:#fff}.center-button{display:flex;width:max-content;margin:38px auto 0}.hero{min-height:600px;position:relative;display:flex;align-items:center;overflow:hidden;background:#ebe2d7}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fffdfa 0%,rgba(255,253,250,.95) 31%,rgba(255,253,250,.12) 67%,rgba(20,15,10,.1))}.hero-copy{position:relative;z-index:1;width:min(590px,calc(100% - 48px));margin-left:max(24px,calc((100vw - var(--max))/2));padding:65px 0}.hero-copy>p:not(.eyebrow){font-size:1.13rem;max-width:540px;color:#48413c}.eyebrow{letter-spacing:.13em;font-size:.73rem;color:var(--clay);font-weight:700;margin-bottom:13px}.hero-actions,.cta-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:24px}.phone{font-weight:700;color:var(--clay)}.trust{background:var(--sand);display:grid;grid-template-columns:repeat(3,1fr);padding:24px max(24px,calc((100vw - var(--max))/2));gap:30px}.trust div{display:grid;grid-template-columns:35px 1fr;align-items:center;column-gap:10px;color:var(--clay);font-size:1.6rem}.trust strong{font-size:1rem;color:var(--ink)}.trust span{grid-column:2;font-size:.8rem;color:var(--muted)}.section{max-width:var(--max);padding:90px 24px;margin:auto}.section-tight{padding-top:20px}.section-heading{max-width:680px;text-align:center;margin:0 auto 38px}.section-heading>p:last-child,.page-hero>p:last-child{color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:12px 12px 18px;display:flex;flex-direction:column}.product-card p{color:var(--muted);font-size:.9rem}.product-card h3{margin:15px 0 8px}.product-card .text-link{margin-top:auto}.product-art,.material-feature{height:148px;border-radius:12px;display:flex;align-items:end;padding:12px;background:#d8c1a6;overflow:hidden;position:relative;color:#fff;font-weight:700}.product-art:before,.material-feature:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,15,10,.48),transparent 70%)}.product-art span,.material-feature span{z-index:1;text-shadow:0 1px 4px #222}.art-pasir-bangunan{background:linear-gradient(135deg,#bc9c70,#e8d5b4 50%,#a48157)}.art-batu-kali{background:radial-gradient(circle at 18% 23%,#aaa29b 0 7%,transparent 8%),radial-gradient(circle at 55% 35%,#756f6a 0 9%,transparent 10%),radial-gradient(circle at 76% 70%,#beb7ae 0 9%,transparent 10%),#5d5955}.art-batu-split{background:radial-gradient(circle,#9a9792 0 4%,transparent 5%) 0 0/28px 24px,#4e5050}.art-tanah-urug{background:linear-gradient(135deg,#8b3e25,#b95e35 48%,#6f2d1d)}.art-sirtu{background:repeating-linear-gradient(30deg,#9c886a 0 13px,#c2ae8c 14px 26px,#726653 27px 38px)}.art-batako{background:repeating-linear-gradient(0deg,#a5a5a2 0 20px,#777 21px 23px),repeating-linear-gradient(90deg,transparent 0 50px,#666 51px 53px)}.art-bata-merah{background:repeating-linear-gradient(0deg,#b75235 0 22px,#80402d 23px 25px),repeating-linear-gradient(90deg,transparent 0 65px,#803b2a 66px 68px)}.text-link{font-weight:700;color:var(--clay);font-size:.9rem}.split-section{max-width:var(--max);margin:0 auto 20px;padding:0 24px;display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.split-section img{width:100%;height:340px;object-fit:cover;border-radius:var(--radius)}.split-section p:not(.eyebrow){color:var(--muted);font-size:1.07rem}.reviews{padding-bottom:80px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-grid blockquote{margin:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:24px;font-family:'Playfair Display',serif;font-size:1.08rem}.review-grid cite{font-family:'DM Sans',sans-serif;display:block;font-style:normal;font-size:.8rem;color:var(--muted);margin-top:18px}.cta{background:linear-gradient(110deg,var(--clay-dark),var(--clay));color:#fff;padding:52px max(24px,calc((100vw - var(--max))/2));display:flex;justify-content:space-between;gap:30px;align-items:center}.cta h2{max-width:580px}.cta p:not(.eyebrow){max-width:600px;opacity:.9}.cta .eyebrow{color:#f6ccab}.phone-light{font-weight:700;color:#fff}.site-footer{background:#28231f;color:#eee;padding:55px max(24px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:55px;font-size:.9rem}.site-footer .brand{color:#fff}.site-footer .brand span{color:#f0c38e}.site-footer p{color:#c9c0b9;max-width:400px}.site-footer h3{font-family:'DM Sans',sans-serif;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:#d7b48d}.site-footer a{display:block;margin:6px 0}.breadcrumbs{max-width:var(--max);margin:20px auto 0;padding:0 24px;display:flex;gap:8px;align-items:center;font-size:.82rem;color:var(--muted)}.breadcrumbs a{color:var(--clay)}.page-hero{max-width:830px;margin:0 auto;padding:90px 24px 54px;text-align:center}.page-hero p:last-child{font-size:1.08rem}.product-page{max-width:var(--max);margin:auto;padding:30px 24px 0}.product-intro{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center;padding:28px 0 78px}.lead{font-size:1.15rem;color:var(--muted)}dl{display:flex;gap:28px;margin:28px 0}dt{font-size:.77rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:700}dd{margin:2px 0;font-weight:700}.material-feature{height:390px;border-radius:var(--radius);font-size:.85rem}.content-grid{max-width:var(--max);margin:0 auto;padding:52px 24px;display:grid;grid-template-columns:1.4fr .7fr;gap:90px;border-top:1px solid var(--line)}.content-grid li{margin-bottom:9px}.content-grid a{color:var(--clay);font-weight:700}.content-grid aside{border-left:1px solid var(--line);padding-left:30px}.content-grid aside a{display:block;margin:12px 0}.faq{padding-top:25px;max-width:900px}.faq details{border-bottom:1px solid var(--line);padding:17px 0}.faq summary{font-weight:700;cursor:pointer}.faq details p{margin:12px 0 0;color:var(--muted)}.fleet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:60px}.fleet-grid article{padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.fleet-grid span{display:block;color:var(--clay);font-weight:700}.area-list{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:50px}.area-list div{padding:22px;border:1px solid var(--line);border-radius:12px;color:var(--clay)}.area-list strong,.area-list span{color:var(--ink);display:block;margin-left:28px;margin-top:-26px}.area-list span{font-size:.86rem;color:var(--muted);margin-top:4px}.article-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding-top:10px}.article-list article{border:1px solid var(--line);padding:28px;border-radius:var(--radius);background:#fff}.article-list h2{font-size:1.55rem}.article-list p:not(.eyebrow){color:var(--muted)}.article-page{max-width:760px;margin:0 auto;padding:82px 24px}.article-page h1{font-size:clamp(2.2rem,4vw,3.7rem)}.article-page>p:not(.eyebrow){font-size:1.07rem}.related-box{background:var(--sand);border-radius:var(--radius);padding:26px;margin-top:40px}.related-box h2{font-size:1.5rem}.related-box a{display:block;color:var(--clay);font-weight:700;margin:8px 0}.content-single{max-width:760px;padding-top:10px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-grid>div{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px}.contact-grid a{display:block;color:var(--clay);font-weight:700;margin:13px 0}.placeholder-tag{font-size:.8rem;background:#fff0c8;display:inline-block;padding:4px 9px;border-radius:5px}.contact-card{background:var(--sand)!important}.not-found{max-width:700px;margin:0 auto;padding:120px 24px;text-align:center}.not-found p:not(.eyebrow){color:var(--muted);font-size:1.1rem}@media(max-width:850px){.site-header{gap:15px}.site-header nav{gap:12px}.product-grid{grid-template-columns:repeat(2,1fr)}.product-intro,.split-section{grid-template-columns:1fr;gap:28px}.split-section{padding-top:20px}.split-section img{height:280px}.content-grid{gap:35px}.site-footer{grid-template-columns:1fr 1fr}.hero{min-height:530px}.hero:after{background:linear-gradient(90deg,#fffdfa 0%,rgba(255,253,250,.86) 55%,rgba(255,253,250,.25))}}@media(max-width:600px){.notice{font-size:.68rem}.site-header{height:65px;padding:0 18px}.site-header .button-small{display:none}.menu-toggle{display:block;margin-left:auto}.site-header nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:15px 18px;flex-direction:column;gap:4px}.site-header nav.open{display:flex}.hero{min-height:610px;align-items:end}.hero>img{object-position:63% center}.hero:after{background:linear-gradient(0deg,#fffdfa 0%,rgba(255,253,250,.94) 55%,rgba(255,253,250,.12) 100%)}.hero-copy{margin:0;width:100%;padding:60px 24px 35px}.hero-copy>p:not(.eyebrow){font-size:1rem}.trust{grid-template-columns:1fr;padding:22px 24px;gap:17px}.section{padding:60px 20px}.product-grid,.review-grid,.fleet-grid,.article-list,.area-list,.contact-grid{grid-template-columns:1fr}.product-art{height:128px}.cta{padding:40px 24px;display:block}.cta-actions{align-items:flex-start;flex-direction:column}.site-footer{grid-template-columns:1fr;padding:42px 24px;gap:28px}.page-hero{padding:62px 20px 32px}.product-page{padding:10px 20px 0}.product-intro{padding-bottom:45px}.material-feature{height:245px}.content-grid{padding:38px 20px;grid-template-columns:1fr}.content-grid aside{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}dl{display:block}dl div{margin:12px 0}.article-page{padding:60px 20px}.split-section{padding:0 20px}.split-section img{height:230px}}/* Local photo illustration layer. Replace these images with original Sagara Material photography before launch. */.product-image{width:100%;height:155px;object-fit:cover;border-radius:12px;display:block}.product-card .product-image+h3{margin-top:15px}.page-hero{position:relative;isolation:isolate}.page-hero:before{content:"";position:absolute;inset:12px -12vw 0;background:linear-gradient(rgba(255,253,250,.84),rgba(255,253,250,.94)),url('/assets/images/material-yard-960.webp') center/cover;z-index:-1;border-radius:var(--radius)}.material-feature{margin:0!important;overflow:hidden!important;position:relative;padding:0!important}.material-feature:before{display:none}.material-feature img{width:100%;height:100%;object-fit:cover;display:block}.material-feature figcaption,.article-cover figcaption{position:absolute;right:10px;bottom:10px;background:rgba(34,31,28,.74);color:#fff;border-radius:5px;padding:4px 7px;font-size:.68rem}.article-cover{height:290px;margin:28px 0;position:relative;overflow:hidden;border-radius:var(--radius)}.article-cover img{width:100%;height:100%;object-fit:cover;display:block}.not-found img{width:100%;max-width:520px;height:180px;object-fit:cover;border-radius:var(--radius);margin-bottom:28px}.product-local-links{font-size:.92rem;color:var(--muted);margin:0 0 20px}.product-local-links a{color:var(--clay);font-weight:700}.price-section{padding-top:20px}.price-table-wrap{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.price-table{width:100%;border-collapse:collapse;text-align:left}.price-table th{background:var(--sand);padding:15px 18px;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.price-table td{padding:17px 18px;border-top:1px solid var(--line);color:var(--muted)}.price-table td:first-child,.price-table td:last-child{color:var(--ink)}.price-table td:last-child{color:var(--clay)}.price-note{margin-top:20px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:var(--sand);padding:18px 20px;border-radius:12px}.price-note p{margin:0;color:var(--muted);font-size:.9rem}.price-note .button{flex-shrink:0}.floating-whatsapp{position:fixed;right:22px;bottom:22px;z-index:20;display:flex;align-items:center;gap:8px;padding:13px 17px;border-radius:999px;background:#137a43;color:#fff!important;box-shadow:0 12px 28px rgba(20,89,48,.28);font-size:.88rem;font-weight:700;transition:transform .2s,background .2s}.floating-whatsapp:hover{background:#167c42;transform:translateY(-3px)}.floating-whatsapp span{font-size:1.25rem;line-height:1}@media(max-width:600px){.product-image{height:190px}.page-hero:before{inset:8px -20px 0}.article-cover{height:220px}.price-table-wrap{overflow:visible}.price-table thead{display:none}.price-table,.price-table tbody,.price-table tr,.price-table td{display:block;width:100%}.price-table tr{padding:14px 16px;border-top:1px solid var(--line)}.price-table tr:first-child{border-top:0}.price-table td{padding:3px 0;border:0;display:grid;grid-template-columns:112px 1fr;gap:12px;font-size:.92rem}.price-table td:before{content:attr(data-label);font-size:.73rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:700}.price-note{display:block}.price-note .button{margin-top:14px;width:100%}.floating-whatsapp{right:16px;bottom:16px;width:52px;height:52px;padding:0;justify-content:center}.floating-whatsapp strong{display:none}.floating-whatsapp span{font-size:1.45rem}}.reviews-compact .review-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:800px;margin:0 auto}.reviews-compact{padding-top:55px;padding-bottom:55px}@media(max-width:600px){.reviews-compact .review-grid{grid-template-columns:1fr}.reviews-compact{padding-top:42px;padding-bottom:42px}}
/* Keep the responsive hero image out of normal document flow. */
.hero>picture{position:absolute;inset:0;display:block;width:100%;height:100%}.hero>picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}@media(max-width:600px){.hero>picture img{object-position:63% center}}
