:root{--arang: #11130d;--olive: #202417;--olive2: #2d331f;--daun: #57643a;--tanah: #8a5c2f;--pasir: #d8c095;--batu: #aaa59a;--putih: #f3ead8;--line: rgba(216, 192, 149, .24);--shadow: rgba(0, 0, 0, .42)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--arang);color:var(--putih);font-family:Inter,sans-serif;line-height:1.65;overflow-x:hidden}img{width:100%;display:block;object-fit:cover}a{color:inherit;text-decoration:none}.nav{position:fixed;top:0;left:0;right:0;z-index:20;padding:18px 5vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(to bottom,#11130ddb,#11130d2e);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(216,192,149,.08);transition:background .3s ease}.nav.scrolled{background:#11130df2}.brand{font-family:Cormorant Garamond,serif;letter-spacing:.22em;font-size:22px;text-transform:uppercase}.brand span{display:block;font-family:Inter,sans-serif;font-size:10px;letter-spacing:.34em;text-transform:lowercase;margin-top:-4px;color:var(--pasir)}.navlinks{display:flex;gap:24px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#f3ead8c2}.navlinks a{position:relative;transition:color .3s ease}.navlinks a:hover{color:var(--pasir)}.navlinks a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:var(--pasir);transition:width .3s ease}.navlinks a:hover:after{width:100%}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}.mobile-menu-btn span{display:block;width:24px;height:1.5px;background:var(--putih);transition:.3s ease}.hero{min-height:100vh;display:grid;grid-template-columns:1fr;align-items:end;position:relative;padding:130px 5vw 70px;background:linear-gradient(90deg,#11130df0,#11130dad 38%,#11130d29 72%),url(/assets/juasseh1b-DF1HvMC2.jpg) center/cover no-repeat}.hero:after{content:"";position:absolute;inset:auto 0 0 0;height:32%;background:linear-gradient(to top,var(--arang),transparent);pointer-events:none}.hero-content{position:relative;z-index:2;max-width:720px}.eyebrow{font-size:12px;letter-spacing:.32em;text-transform:uppercase;color:var(--pasir);margin-bottom:24px}h1,h2,h3{font-family:Cormorant Garamond,serif;font-weight:500;line-height:1.02}h1{font-size:clamp(58px,9vw,132px);letter-spacing:.08em;text-transform:uppercase}h1 span{display:block;font-size:clamp(22px,3vw,42px);letter-spacing:.26em;text-transform:lowercase;color:var(--pasir);margin-top:10px}.hero p{max-width:520px;margin-top:28px;color:#f3ead8c7;font-size:17px}.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.btn{padding:14px 22px;border:1px solid var(--line);border-radius:999px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;transition:.25s ease;background:#d8c0950f;cursor:pointer}.btn.primary{background:var(--pasir);color:var(--arang);border-color:var(--pasir);font-weight:500}.btn:hover{transform:translateY(-2px);background:#d8c0952e}.btn.primary:hover{background:#e8d4a8;transform:translateY(-2px)}section{padding:90px 5vw;border-top:1px solid rgba(216,192,149,.12)}.section-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;margin-bottom:46px;align-items:end}.section-head h2{font-size:clamp(38px,5vw,78px);letter-spacing:.06em}.section-head p{color:#f3ead8b8;max-width:620px}.principles{background:linear-gradient(180deg,var(--arang),var(--olive))}.principle-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line)}.principle{padding:30px;min-height:210px;border-right:1px solid var(--line);transition:background .3s ease}.principle:last-child{border-right:0}.principle:hover{background:#d8c0950a}.icon{font-size:32px;color:var(--pasir);margin-bottom:18px}.principle h3{font-size:24px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}.principle p{font-size:14px;color:#f3ead8ad}.pill-line{display:flex;gap:18px;flex-wrap:wrap;padding-top:28px;color:var(--pasir);font-size:12px;letter-spacing:.22em;text-transform:uppercase}.pill-line span{border-top:1px solid var(--line);padding-top:12px}.gallery{background:#15180f}.gallery-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.feature-card,.image-card{position:relative;overflow:hidden;background:var(--olive);border:1px solid var(--line)}.feature-card img{height:720px;transition:transform .6s ease}.feature-card:hover img{transform:scale(1.03)}.image-card img{height:351px;transition:transform .6s ease}.image-card:hover img{transform:scale(1.03)}.caption{position:absolute;left:0;right:0;bottom:0;padding:26px;background:linear-gradient(to top,rgba(17,19,13,.82),transparent);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--pasir)}.stack{display:grid;gap:18px}.portfolio-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:30px}.portfolio-strip img{height:300px;border:1px solid var(--line);transition:transform .4s ease}.portfolio-strip img:hover{transform:scale(1.02)}.portfolio-label{margin-top:56px;margin-bottom:18px;font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--pasir);border-bottom:1px solid var(--line);padding-bottom:12px}.portfolio-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:240px;gap:14px;margin-top:14px}.portfolio-mosaic .mosaic-big{grid-column:span 2;grid-row:span 2;position:relative;overflow:hidden;border:1px solid var(--line)}.portfolio-mosaic .mosaic-big img{height:100%;transition:transform .6s ease}.portfolio-mosaic .mosaic-big:hover img{transform:scale(1.03)}.portfolio-mosaic .mosaic-small{position:relative;overflow:hidden;border:1px solid var(--line)}.portfolio-mosaic .mosaic-small img{height:100%;transition:transform .5s ease}.portfolio-mosaic .mosaic-small:hover img{transform:scale(1.04)}.portfolio-mosaic .mosaic-wide{grid-column:span 2;position:relative;overflow:hidden;border:1px solid var(--line)}.portfolio-mosaic .mosaic-wide img{height:100%;transition:transform .5s ease}.portfolio-mosaic .mosaic-wide:hover img{transform:scale(1.03)}.portfolio-mosaic.mosaic-alt{grid-template-columns:repeat(3,1fr);grid-auto-rows:280px}.services{background:var(--olive)}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.service-card{min-height:300px;padding:28px;border:1px solid var(--line);background:linear-gradient(180deg,#d8c0950f,#11130d2e);display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s ease,background .3s ease}.service-card:hover{transform:translateY(-4px);background:linear-gradient(180deg,#d8c0951a,#11130d47)}.service-card h3{font-size:28px;letter-spacing:.06em;margin-bottom:16px}.service-card p{font-size:14px;color:#f3ead8ad}.service-card a{margin-top:22px;color:var(--pasir);font-size:12px;letter-spacing:.18em;text-transform:uppercase;transition:color .3s ease}.service-card a:hover{color:var(--putih)}.card-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:22px}.card-links a{margin-top:0}.story{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch;background:var(--arang);padding:0;border-top:1px solid rgba(216,192,149,.12)}.story-copy{padding:70px;border:1px solid var(--line);background:linear-gradient(180deg,var(--olive),var(--arang))}.story-copy h2{font-size:clamp(38px,5vw,76px);letter-spacing:.07em;margin-bottom:28px}.story-copy p{color:#f3ead8b8;margin-bottom:18px;max-width:620px}.story-img{overflow:hidden}.story-img img{height:100%;min-height:600px;transition:transform .6s ease}.story-img:hover img{transform:scale(1.03)}.social{background:#171a11}.social-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.social-grid a{border:1px solid var(--line);padding:22px;text-align:center;color:var(--pasir);font-size:12px;letter-spacing:.18em;text-transform:uppercase;background:#d8c0950a;transition:background .3s ease,transform .3s ease}.social-grid a:hover{background:#d8c0951f;transform:translateY(-2px)}.inquiry-section{background:linear-gradient(180deg,var(--olive),var(--arang));padding:90px 5vw}.inquiry-form{max-width:780px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:30px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--pasir)}.form-group input,.form-group select,.form-group textarea{background:#d8c0950f;border:1px solid var(--line);border-radius:6px;padding:14px 18px;font-family:Inter,sans-serif;font-size:15px;color:var(--putih);transition:border-color .3s ease,background .3s ease;outline:none;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#f3ead85c}.form-group select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23d8c095' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;cursor:pointer}.form-group select option{background:var(--olive);color:var(--putih)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--pasir);background:#d8c0951a}.form-group textarea{resize:vertical;min-height:120px}.form-success{display:none;align-items:center;gap:14px;margin-top:24px;padding:20px 24px;background:#57643a47;border:1px solid rgba(87,100,58,.5);border-radius:8px}.form-success.show{display:flex}.success-icon{width:36px;height:36px;border-radius:50%;background:var(--daun);color:var(--putih);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.form-success p{color:#f3ead8db;font-size:14px;line-height:1.5}.final-cta{min-height:82vh;display:flex;align-items:center;padding:90px 5vw;background:linear-gradient(90deg,#11130deb,#11130d5c),url(/assets/beranang5b-DMRYmRZX.jpg) center/cover no-repeat}.final-cta .wrap{max-width:780px}.final-cta h2{font-size:clamp(48px,7vw,104px);letter-spacing:.07em;margin-bottom:26px}.final-cta p{max-width:560px;color:#f3ead8c7;margin-bottom:30px}footer{padding:38px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#f3ead89e;font-size:12px;letter-spacing:.18em;text-transform:uppercase;background:var(--arang)}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.mobile-nav{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:19;background:#11130df7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;align-items:center;justify-content:center;gap:32px}.mobile-nav.active{display:flex}.mobile-nav a{font-size:18px;letter-spacing:.22em;text-transform:uppercase;color:var(--putih);transition:color .3s ease}.mobile-nav a:hover{color:var(--pasir)}@media (max-width: 980px){.navlinks{display:none}.mobile-menu-btn{display:flex}.hero{background-position:center;min-height:92vh;padding-top:110px}.section-head{grid-template-columns:1fr;gap:18px}.principle-grid,.service-grid{grid-template-columns:1fr 1fr}.principle{border-bottom:1px solid var(--line)}.gallery-grid,.story{grid-template-columns:1fr}.feature-card img,.image-card img,.story-img img{height:420px;min-height:auto}.portfolio-strip{grid-template-columns:1fr 1fr}.portfolio-mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}.portfolio-mosaic.mosaic-alt{grid-template-columns:repeat(2,1fr);grid-auto-rows:220px}.social-grid{grid-template-columns:1fr 1fr 1fr}.form-grid{grid-template-columns:1fr}.story{padding:0}.story-copy{padding:50px 5vw}}@media (max-width: 560px){.brand{font-size:18px}section{padding:64px 5vw}.hero{padding:110px 5vw 54px;background-image:linear-gradient(180deg,#11130d40,#11130deb),url(/assets/juasseh1b-DF1HvMC2.jpg)}h1{font-size:54px}h1 span{font-size:18px}.principle-grid,.service-grid,.portfolio-strip,.social-grid{grid-template-columns:1fr}.story-copy{padding:36px 24px}.feature-card img,.image-card img{height:310px}.final-cta{min-height:72vh}.cta-row{flex-direction:column}.btn{text-align:center;width:100%}.service-card{min-height:auto}}