@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#201b16;--cream:#f2eee7;--paper:#faf8f3;--brown:#71543d;--line:#cfc7bb;--white:#fff;--accent:#c76d45}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.site-header{height:84px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(250,248,243,.95);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}.brand{display:flex;flex-direction:column;line-height:1}.brand span{font-weight:600;letter-spacing:.24em;font-size:22px}.brand small{font-size:8px;letter-spacing:.35em;margin-top:7px}.nav{display:flex;gap:28px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.nav a{padding:31px 0;border-bottom:1px solid transparent}.nav a:hover,.nav a.active{border-bottom-color:var(--ink)}.menu-toggle{display:none;border:0;background:none;font-size:25px}.hero{min-height:78vh;display:flex;align-items:flex-end;padding:9vw 7vw;background:linear-gradient(90deg,rgba(25,18,12,.7),rgba(25,18,12,.1)),url('../images/hero.jpg') center/cover;color:#fff}.hero-content{max-width:760px}.eyebrow{font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;margin:0 0 18px}.hero h1,.page-hero h1{font-size:clamp(50px,8vw,105px);line-height:.95;margin:0 0 28px;font-weight:500;letter-spacing:-.045em}.hero h1 em,.page-hero h1 em,h2 em{font-family:'Playfair Display',serif}.hero-text{max-width:550px;font-size:17px}.actions{display:flex;align-items:center;gap:30px;margin-top:35px}.btn{display:inline-block;padding:14px 24px;border:1px solid currentColor;text-transform:uppercase;font-size:10px;letter-spacing:.15em;cursor:pointer}.btn-light{background:#fff;color:var(--ink)}.btn-dark{background:var(--ink);color:#fff}.text-link{font-size:12px;border-bottom:1px solid #fff;padding-bottom:4px}.section{padding:100px 7vw}.intro{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw}.intro h2,.story-layout h2{font-size:clamp(36px,5vw,66px);line-height:1.05;font-weight:500;margin:0}.intro>div:last-child{padding-top:45px;max-width:500px}.intro p{font-size:18px}.underline{display:inline-block;margin-top:18px;border-bottom:1px solid var(--ink);font-size:12px;text-transform:uppercase;letter-spacing:.1em}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);min-height:440px}.feature-card{padding:45px;display:flex;flex-direction:column;justify-content:space-between}.feature-card span{font-size:10px}.feature-card h3{font-size:43px;line-height:1;margin:0;font-weight:500}.feature-card p{max-width:230px}.dark{background:var(--ink);color:#fff}.warm{background:#c9ad91}.image-card{color:#fff;background:linear-gradient(135deg,#544233,#9a7759)}.quote{text-align:center;background:var(--cream)}.quote p{font:italic 42px 'Playfair Display',serif;max-width:850px;margin:auto}.quote small{display:block;margin-top:25px;font-size:9px;letter-spacing:.2em}.page-hero{padding:130px 7vw 90px;background:var(--cream)}.page-hero.compact{padding-bottom:75px}.page-hero p:last-child{max-width:520px;font-size:17px}.story-layout{display:grid;grid-template-columns:180px 1fr;gap:5vw}.story-number{font-size:100px;font-family:'Playfair Display',serif;color:#b6a797}.story-layout>div:last-child{max-width:800px}.story-layout p:not(.eyebrow){max-width:680px;font-size:17px;margin-top:28px}.manifesto{display:grid;grid-template-columns:1fr 1fr;padding:100px 7vw;background:var(--ink);color:#fff;gap:10vw}.manifesto h2{font:500 60px/1.05 'Playfair Display',serif}.manifesto strong{letter-spacing:.15em}.steps{padding-top:30px}.step{display:grid;grid-template-columns:150px 1fr;gap:5vw;padding:55px 0;border-bottom:1px solid var(--line)}.step span{font:500 50px 'Playfair Display',serif}.step h2{font-size:55px;margin:0 0 12px;font-weight:500}.step p{max-width:650px;font-size:17px}.menu{display:grid;grid-template-columns:.5fr 1.5fr;gap:7vw}.menu h2{font-size:65px;font-weight:500;margin:0}.menu-list article{display:grid;grid-template-columns:45px 1fr auto;gap:20px;align-items:center;padding:25px 0;border-top:1px solid var(--line)}.menu-list article>span{font-size:10px}.menu-list h3{margin:0;font-size:20px}.menu-list p{margin:4px 0 0;font-size:13px;color:#655c53}.menu-list b{font-size:12px}.gallery{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:310px;gap:18px}.gallery-item{position:relative;background:linear-gradient(145deg,#d8cbbb,#796450);overflow:hidden}.gallery-item:nth-child(2){background:linear-gradient(145deg,#46372c,#c9a989)}.gallery-item:nth-child(3){background:linear-gradient(145deg,#9c866e,#3b3029)}.gallery-item:nth-child(4){background:linear-gradient(145deg,#c3b19d,#625244)}.gallery-item.tall{grid-row:span 2}.gallery-item.wide{grid-column:span 2}.gallery-item>div{position:absolute;left:25px;bottom:22px;color:#fff;text-shadow:0 2px 12px #000}.gallery-item small{font-size:10px}.gallery-item h3{margin:5px 0;font:500 30px 'Playfair Display',serif}.gallery-note{padding:0 7vw 60px;font-size:12px;color:#756b60}.video-section video{width:100%;display:block;background:#17120f;max-height:70vh;object-fit:cover}.video-caption{padding:35px 0}.video-caption h2{font:500 45px 'Playfair Display',serif;margin:0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact-grid h2{font-size:50px;font-weight:500}.contact-grid p:not(.eyebrow){font-size:17px;margin:30px 0}.contact-grid form{display:flex;flex-direction:column;gap:20px}.contact-grid label{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.contact-grid input,.contact-grid textarea{display:block;width:100%;margin-top:8px;padding:14px;border:0;border-bottom:1px solid var(--line);background:transparent;font:inherit;outline:0}.form-message{font-size:12px!important;color:var(--brown)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px 7vw;background:#18130f;color:#fff;font-size:10px;letter-spacing:.06em}.footer-brand span{font-size:18px}.footer-brand small{font-size:6px}.footer-brand{flex-shrink:0}@media(max-width:800px){.site-header{height:70px}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--paper);padding:20px 7vw;flex-direction:column;gap:0;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav a{padding:12px 0}.menu-toggle{display:block}.hero{min-height:78vh;padding:12vw 7vw}.hero h1{font-size:54px}.intro,.story-layout,.manifesto,.menu,.contact-grid{grid-template-columns:1fr}.intro>div:last-child{padding-top:0}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:300px}.section{padding:70px 7vw}.page-hero{padding:90px 7vw 65px}.page-hero h1{font-size:58px}.story-number{font-size:60px}.manifesto h2{font-size:48px}.step{grid-template-columns:65px 1fr;gap:15px}.step h2{font-size:40px}.gallery{grid-template-columns:1fr;grid-auto-rows:300px}.gallery-item.tall,.gallery-item.wide{grid-row:auto;grid-column:auto}footer{flex-direction:column;align-items:flex-start}.quote p{font-size:31px}}
.photo-gallery{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:360px;gap:18px}.photo{position:relative;margin:0;overflow:hidden;background:#ddd}.photo.tall{grid-row:span 2}.photo.wide{grid-column:span 2}.photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.photo:hover img{transform:scale(1.04)}.photo:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(20,15,10,.72));pointer-events:none}.photo figcaption{position:absolute;z-index:1;left:28px;bottom:22px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35)}.photo figcaption small{font-size:9px;letter-spacing:.16em}.photo figcaption h3{font:500 30px/1.1 'Playfair Display',serif;margin:7px 0 0}@media(max-width:800px){.photo-gallery{grid-template-columns:1fr;grid-auto-rows:330px}.photo.tall,.photo.wide{grid-row:auto;grid-column:auto}.photo figcaption h3{font-size:26px}}

.slideshow-section{background:var(--cream)}.slide-heading{margin-bottom:35px}.slide-heading h2{font-size:clamp(38px,5vw,64px);font-weight:500;margin:0}.slideshow{height:520px;position:relative;overflow:hidden;background:#211a15}.slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s}.slide.active{opacity:1}.slide-btn{position:absolute;top:50%;z-index:2;transform:translateY(-50%);width:44px;height:44px;border:1px solid #fff;background:rgba(0,0,0,.25);color:#fff;font-size:28px;cursor:pointer}.slide-btn.prev{left:20px}.slide-btn.next{right:20px}.slide-dots{position:absolute;z-index:3;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:7px}.slide-dots button{width:8px;height:8px;border:0;border-radius:50%;background:rgba(255,255,255,.55);padding:0}.slide-dots button.active{background:#fff}.visitor-counter{font-size:10px;letter-spacing:.08em}.help-box{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:var(--cream)}.help-box h2{font-size:48px;font-weight:500;margin:0}.sound-toggle{position:fixed;right:22px;bottom:22px;z-index:20;width:44px;height:44px;border-radius:50%;border:1px solid currentColor;background:var(--paper);color:var(--ink);cursor:pointer;font-size:18px}.sound-toggle.on{background:var(--ink);color:#fff}@media(max-width:800px){.slideshow{height:350px}.help-box{grid-template-columns:1fr}}

.received-messages{margin-top:50px;padding-top:35px;border-top:1px solid var(--line)}.received-messages h2{font-size:34px;font-weight:500;margin:0 0 22px}.message-card{padding:18px 0;border-top:1px solid var(--line)}.message-top{display:flex;justify-content:space-between;gap:15px;font-size:14px}.message-top span{font-size:11px;color:#756b60}.message-email{font-size:11px;color:#756b60;margin-top:3px}.message-card p{font-size:14px!important;margin:12px 0 0!important;white-space:pre-wrap}.empty-message{font-size:13px!important;color:#756b60}

/* Pesan pengunjung */
.received-messages{margin-top:60px;padding:38px 0 0;border-top:1px solid var(--line)}
.received-messages h2{font-size:38px;font-weight:500;margin:0 0 8px}
.message-note{font-size:13px!important;color:#756b60;margin:0 0 25px!important}
.message-card{padding:22px 0;border-top:1px solid var(--line)}
.message-card:last-child{border-bottom:1px solid var(--line)}
.message-top{display:flex;justify-content:space-between;align-items:baseline;gap:18px;font-size:15px}
.message-top strong{font-weight:600}
.message-top span{font-size:11px;color:#756b60;white-space:nowrap}
.message-email{font-size:11px;color:#756b60;margin-top:3px}
.message-card p{font-size:14px!important;margin:12px 0 0!important;white-space:pre-wrap;line-height:1.7}
.empty-message{font-size:13px!important;color:#756b60!important;margin:0!important}
#contactForm button:disabled{opacity:.65;cursor:wait}
@media(max-width:800px){
 .received-messages{margin-top:45px}
 .received-messages h2{font-size:32px}
 .message-top{align-items:flex-start;flex-direction:column;gap:4px}
}