:root{--gold:#d5a84f;--gold2:#efc66f;--ink:#0b0b0b;--paper:#f6f4ef;--panel:#171717;--muted:#b8b3a9;--line:#34322e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0d0d0d;color:#f5f2eb;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}button,input,textarea{font:inherit}.site-header{height:76px;background:rgba(8,8,8,.97);border-bottom:1px solid #242424;position:sticky;top:0;z-index:50}.header-inner{height:100%;max-width:1460px;margin:auto;padding:0 42px;display:flex;align-items:center;gap:35px}.brand{display:flex;align-items:center;gap:12px;min-width:310px}.brand img{width:38px;height:48px;object-fit:cover;border:1px solid var(--gold)}.brand span{display:grid}.brand strong{font-family:Georgia,serif;font-size:25px;font-weight:500}.brand small{font-size:10px;color:#ddd;margin-top:3px}.main-nav{display:flex;align-items:center;justify-content:center;gap:38px;flex:1;font-weight:700}.main-nav>a,.mega-trigger{color:#f1eee7;background:none;border:0;padding:27px 0;cursor:pointer;font-weight:700}.main-nav>a:hover,.main-nav>a.active,.mega-trigger:hover{color:var(--gold)}.header-cta{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#1a1306;font-weight:800;border-radius:6px;padding:15px 21px;white-space:nowrap}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:28px}.mega-wrap{position:relative}.mega-trigger span{color:var(--gold);margin-left:5px}.mega-menu{position:absolute;top:68px;left:50%;transform:translate(-50%,-10px);width:min(790px,88vw);padding:30px;background:linear-gradient(145deg,#20201e,#111);border:1px solid #4b4841;border-radius:10px;box-shadow:0 24px 60px rgba(0,0,0,.55);display:grid;grid-template-columns:repeat(3,1fr);opacity:0;visibility:hidden;pointer-events:none;transition:.25s}.mega-menu:before{content:"";position:absolute;top:-9px;left:31%;width:16px;height:16px;background:#1d1d1b;border-left:1px solid #4b4841;border-top:1px solid #4b4841;transform:rotate(45deg)}.mega-wrap:hover .mega-menu,.mega-wrap.open .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.mega-col{padding:0 24px;border-right:1px solid #363531;display:grid;gap:6px}.mega-col:last-child{border:0}.mega-col a{display:flex;align-items:center;gap:15px;padding:12px 0;color:#f2efe8}.mega-col a:hover{color:var(--gold)}.mega-col b{width:28px;color:var(--gold);font-size:20px}.hero{height:500px;min-height:65vh;position:relative;background:url('/assets/images/kuhnya-grafit.jpg') center/cover no-repeat;display:flex;align-items:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86) 0%,rgba(0,0,0,.42) 46%,rgba(0,0,0,.12) 100%)}.hero-content{position:relative;z-index:2;max-width:760px;padding-left:max(5vw,45px)}.eyebrow{color:var(--gold);letter-spacing:2.5px;font-size:12px;font-weight:800}.hero h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(48px,5.8vw,79px);line-height:1.03;margin:16px 0 18px}.hero-copy{font-size:19px;line-height:1.6;max-width:560px;color:#e5e0d6}.hero-actions{display:flex;gap:18px;margin-top:28px}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:0 28px;border-radius:5px;font-weight:800;border:1px solid transparent;cursor:pointer}.btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#181107}.btn-outline{border-color:#bbb;color:#fff;background:rgba(20,20,20,.3)}.slider-dots{position:absolute;bottom:28px;left:50%;display:flex;gap:11px;z-index:3}.slider-dots span{width:12px;height:12px;border-radius:50%;background:#fff}.slider-dots .on{background:var(--gold)}.projects-section{background:var(--paper);color:#171717;padding:54px 3vw 72px}.section-title{text-align:center}.section-title p{color:#9d712b;font-size:12px;font-weight:800;letter-spacing:2px}.section-title h2{font:500 clamp(38px,4vw,56px) Georgia,serif;margin:10px 0 22px}.filters{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:30px}.filter{border:1px solid #d2cdc2;background:transparent;padding:9px 15px;border-radius:999px;cursor:pointer}.filter.active,.filter:hover{background:var(--gold);border-color:var(--gold);color:#17120a}.project-grid{max-width:1460px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.project-card{height:335px;position:relative;overflow:hidden;border-radius:10px;background:#222;box-shadow:0 9px 24px rgba(0,0,0,.13)}.project-card img{width:100%;height:100%;object-fit:cover;transition:.5s}.project-card:hover img{transform:scale(1.05)}.card-shade{position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.9))}.card-content{position:absolute;left:18px;right:18px;bottom:16px;color:#fff}.card-content span{display:inline-block;background:var(--gold);color:#211706;font-size:10px;font-weight:900;padding:7px 10px;border-radius:4px;text-transform:uppercase}.card-content h3{font-size:17px;line-height:1.25;margin:10px 30px 0 0}.card-content i{position:absolute;right:0;bottom:2px;font-style:normal;font-size:25px}.about-section{display:grid;grid-template-columns:1fr 1fr;min-height:560px;background:#151515}.about-copy{padding:90px max(7vw,50px);display:flex;flex-direction:column;justify-content:center}.about-copy h2,.contact-info h2,.project-details h2{font:500 clamp(38px,5vw,62px) Georgia,serif;margin:14px 0 22px}.about-copy>p:not(.eyebrow){color:var(--muted);font-size:18px;line-height:1.7}.about-copy .btn{align-self:flex-start;margin-top:18px}.about-section>img{width:100%;height:100%;object-fit:cover}.contact-section{padding:90px max(6vw,42px);display:grid;grid-template-columns:.8fr 1.2fr;gap:85px;background:#0d0d0d}.contact-info p{color:var(--muted);line-height:1.6}.contact-info strong{color:#fff}.contact-form{background:#171717;border:1px solid #292929;padding:34px;border-radius:10px;display:grid;gap:18px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:grid;gap:8px;color:#ddd}.contact-form input,.contact-form textarea{background:#0e0e0e;border:1px solid #3a3936;color:#fff;padding:14px;border-radius:5px}.contact-form textarea{min-height:145px;resize:vertical}.notice{background:#183d25;color:#d9ffe4;padding:13px;border-radius:5px}footer{display:flex;justify-content:space-between;padding:25px 5vw;border-top:1px solid #292929;color:#8d8980}.project-page{background:var(--paper);color:#151515;min-height:100vh}.project-hero{height:600px;position:relative;background:#111}.project-hero img{width:100%;height:100%;object-fit:cover}.project-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.08))}.project-hero-text{position:absolute;z-index:2;left:max(6vw,45px);bottom:70px;color:#fff;max-width:680px}.project-hero-text span{color:var(--gold);font-size:13px;text-transform:uppercase;font-weight:900;letter-spacing:2px}.project-hero-text h1{font:500 clamp(46px,6vw,78px) Georgia,serif;margin:12px 0}.project-hero-text p{font-size:19px;line-height:1.6}.project-details{max-width:1250px;margin:auto;padding:80px 35px;display:grid;grid-template-columns:1.15fr .85fr;gap:80px}.detail-copy>p:not(.eyebrow){font-size:18px;line-height:1.8;color:#5f5b54}.spec-card{background:#151515;color:#fff;border-radius:10px;padding:15px 32px;display:grid}.spec-card div{padding:19px 0;border-bottom:1px solid #353535;display:flex;justify-content:space-between;gap:20px}.spec-card div:last-child{border:0}.spec-card small{color:#aaa}.spec-card strong{text-align:right}.back-section{padding:0 35px 75px;max-width:1250px;margin:auto}.back-section a{font-weight:800;color:#7a5316}@media(max-width:1150px){.brand{min-width:auto}.brand small{display:none}.main-nav{gap:23px}.project-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:850px){.site-header{height:auto}.header-inner{padding:12px 20px;flex-wrap:wrap}.menu-toggle{display:block;margin-left:auto}.header-cta{display:none}.main-nav{display:none;order:3;width:100%;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav>a,.mega-trigger{padding:14px 0;text-align:left}.mega-menu{position:static;transform:none!important;width:100%;grid-template-columns:1fr;opacity:1;visibility:visible;display:none;box-shadow:none;margin-bottom:12px}.mega-wrap.open .mega-menu{display:grid}.mega-menu:before{display:none}.mega-col{border:0;padding:0}.hero{min-height:680px}.hero-content{padding:50px 24px}.project-grid{grid-template-columns:repeat(2,1fr)}.about-section,.contact-section,.project-details{grid-template-columns:1fr}.about-section>img{max-height:460px}.contact-section{gap:40px}.project-nav{display:flex;flex-direction:row;width:auto;order:initial}.project-hero{height:520px}}@media(max-width:560px){.brand strong{font-size:20px}.brand img{width:34px;height:42px}.hero h1{font-size:46px}.hero-actions{flex-direction:column;align-items:flex-start}.projects-section{padding-left:18px;padding-right:18px}.project-grid{grid-template-columns:1fr}.project-card{height:390px}.two-fields{grid-template-columns:1fr}.about-copy,.contact-section{padding:65px 22px}.project-nav{display:none}.project-hero-text{left:22px;right:22px;bottom:35px}.project-details{padding:55px 22px;gap:35px}.spec-card{padding:12px 20px}footer{flex-direction:column;gap:8px}}

/* PRO 7: project gallery, extra image and polished mobile layout */
.project-hero .hero-zoom{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:#111;cursor:zoom-in}.project-hero .hero-zoom img{width:100%;height:100%;object-fit:cover}.project-gallery-strip{max-width:1250px;margin:0 auto;padding:26px 35px 0;display:flex;align-items:center;gap:14px}.gallery-thumb{width:112px;height:76px;padding:0;border:2px solid transparent;border-radius:7px;overflow:hidden;background:#222;cursor:zoom-in}.gallery-thumb.active,.gallery-thumb:hover{border-color:var(--gold)}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.project-gallery-strip>span{font-size:13px;color:#716d65;margin-left:4px}.project-details-three{max-width:1450px;grid-template-columns:1.05fr .8fr .95fr;gap:34px;align-items:stretch}.spec-card h3{font-size:12px;letter-spacing:1.8px;color:var(--gold);margin:8px 0 4px}.detail-image{position:relative;padding:0;border:0;border-radius:10px;overflow:hidden;background:#111;min-height:430px;cursor:zoom-in;box-shadow:0 12px 35px rgba(0,0,0,.18)}.detail-image img{width:100%;height:100%;object-fit:cover;transition:.4s}.detail-image:hover img{transform:scale(1.035)}.detail-image span{position:absolute;right:14px;bottom:14px;background:rgba(0,0,0,.72);color:#fff;padding:9px 12px;border-radius:999px;font-size:12px}.lightbox{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.94);display:flex;align-items:center;justify-content:center;padding:30px;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.lightbox.open{opacity:1;visibility:visible;pointer-events:auto}.lightbox img{max-width:94vw;max-height:90vh;object-fit:contain;border-radius:6px;box-shadow:0 20px 70px #000}.lightbox-close{position:absolute;top:18px;right:24px;border:0;background:none;color:#fff;font-size:46px;cursor:pointer}.mobile-bottom-nav{display:none}
@media(max-width:1100px){.project-details-three{grid-template-columns:1fr 1fr}.detail-image{grid-column:1/-1;min-height:420px}}
@media(max-width:850px){body{padding-bottom:72px}.project-page{padding-bottom:0}.project-hero{height:500px}.project-hero-text{bottom:34px}.project-gallery-strip{padding:18px 18px 0;overflow-x:auto}.project-gallery-strip>span{white-space:nowrap}.project-details-three{grid-template-columns:1fr;padding:45px 18px}.detail-image{grid-column:auto;min-height:360px}.mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:100;height:68px;background:rgba(8,8,8,.98);border-top:1px solid #2d2b27;display:grid;grid-template-columns:repeat(3,1fr)}.mobile-bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gold);font-size:21px;gap:4px}.mobile-bottom-nav span{font-size:11px;color:#eee}.lightbox{padding:14px}.lightbox-close{top:8px;right:14px}.project-hero-text h1{font-size:44px}.project-hero-text p{font-size:16px}.project-details h2{font-size:43px}.spec-card div{padding:15px 0}.detail-image span{font-size:11px}}
@media(max-width:560px){.project-hero{height:470px}.project-hero-text h1{font-size:39px}.gallery-thumb{min-width:92px;width:92px;height:66px}.project-gallery-strip>span{font-size:11px}.detail-image{min-height:300px}.project-details-three{gap:24px}.project-details h2{font-size:38px}.spec-card strong{max-width:58%;font-size:13px}.project-card{height:430px}}