@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');

:root{--bg:#f5f0e8;--paper:#fbf8f2;--ink:#211d19;--muted:#756b61;--brown:#6c4630;--line:#d9d0c4;--dark:#201b17}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.65}a{text-decoration:none;color:inherit}
.site-header{height:82px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(245,240,232,.94);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:11px;font-weight:700;letter-spacing:.06em;font-size:15px}.brand img{width:40px;height:40px;border-radius:50%;object-fit:cover}.brand small{display:block;font-weight:400;color:var(--muted);font-size:9px;letter-spacing:.12em;margin-top:-2px}.nav{display:flex;gap:25px;font-size:13px}.nav a{position:relative;color:#5d554e}.nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:1px;background:var(--brown);transition:.25s}.nav a:hover:after,.nav a.active:after{width:100%}.menu-toggle{display:none;border:0;background:none;font-size:24px}
.hero{min-height:calc(100vh - 82px);display:flex;align-items:center;position:relative;background:url('../images/mudamudig.JPG') center/cover}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,19,14,.76),rgba(25,19,14,.25),rgba(25,19,14,.05))}.hero-content{position:relative;color:#fff;max-width:720px;margin-left:10vw;padding:80px 24px 80px 0}.eyebrow{font-size:11px;letter-spacing:.24em;font-weight:700;color:var(--brown);margin:0 0 14px}.hero .eyebrow{color:#eadcc9}.hero h1,.page-hero h1{font-family:'Playfair Display',serif;font-weight:500;font-size:clamp(54px,8vw,100px);line-height:.98;margin:0 0 25px;letter-spacing:-.04em}.hero h1 em,.page-hero h1 em{font-weight:500}.hero p:not(.eyebrow){max-width:500px;font-size:16px;color:#f3ede5}.hero-actions{display:flex;gap:12px;margin-top:32px}.btn{display:inline-block;padding:13px 22px;border:1px solid transparent;font:600 12px 'DM Sans';letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.btn-primary{background:var(--brown);color:white}.btn-primary:hover{background:#543421}.btn-ghost{border-color:rgba(255,255,255,.6);color:white}.section{padding:100px 10vw}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:end}.intro h2,.cta h2,.split h2{font:500 clamp(34px,4vw,58px)/1.08 'Playfair Display',serif;letter-spacing:-.03em;margin:0}.intro p{color:var(--muted);max-width:530px}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:4px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:20px}.feature-card{border-top:1px solid var(--ink);padding:23px 0}.feature-card span,.menu-card span{font-size:11px;color:var(--brown);font-weight:700;letter-spacing:.1em}.feature-card h3{font:500 30px 'Playfair Display';margin:35px 0 8px}.feature-card p{color:var(--muted);font-size:14px}.quote-section{padding:115px 10vw;background:var(--dark);color:#f6efe6}.quote-section p{font:italic 500 clamp(35px,5vw,70px)/1.1 'Playfair Display';max-width:800px;margin:0}.cta{display:flex;justify-content:space-between;align-items:center;gap:40px}.cta h2{max-width:600px}
.page-hero{padding:120px 10vw 80px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(50px,7vw,88px);max-width:900px}.page-hero>p:last-child{color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.split img{width:100%;aspect-ratio:4/5;object-fit:cover}.split p:not(.eyebrow){color:var(--muted);font-size:15px}.dark-section{background:var(--dark);color:#f5eee5}.dark-section .eyebrow{color:#c9a886}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:55px}.values b{font-size:11px;color:#c9a886}.values h3{font:500 31px 'Playfair Display';margin:20px 0 5px}.values p{color:#bfb4a8;font-size:14px}
.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.menu-card{background:var(--paper);display:grid;grid-template-columns:180px 1fr;min-height:210px}.menu-card img{width:100%;height:100%;object-fit:cover}.menu-card>div{padding:25px}.menu-card h3{font:500 29px 'Playfair Display';margin:25px 0 5px}.menu-card p{color:var(--muted);font-size:13px;margin:0 0 18px}.menu-card strong{font-size:13px}
.process{max-width:1000px}.process-row{display:grid;grid-template-columns:100px 1fr;gap:40px;border-top:1px solid var(--line);padding:40px 0}.process-row>b{font-size:12px;color:var(--brown)}.process-row h2{font:500 43px 'Playfair Display';margin:0 0 5px}.process-row p{color:var(--muted);max-width:650px;margin:0}
.gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.gallery img{width:100%;height:330px;object-fit:cover}.gallery img:nth-child(1){grid-column:span 7}.gallery img:nth-child(2){grid-column:span 5}.gallery img:nth-child(3){grid-column:span 4}.gallery img:nth-child(4){grid-column:span 8}.gallery img:nth-child(5){grid-column:span 6}.gallery img:nth-child(6){grid-column:span 6}
.video-wrap{max-width:1100px}.video-wrap video{width:100%;display:block;background:#17130f;aspect-ratio:16/9;object-fit:cover}.video-note{font-size:13px;color:var(--muted);margin-top:15px}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:12vw}.contact h2{font:500 46px/1.05 'Playfair Display';margin:0 0 25px}.contact p{color:var(--muted)}form{display:grid;gap:18px}label{font-size:12px;font-weight:700;letter-spacing:.05em}input,textarea{width:100%;display:block;border:0;border-bottom:1px solid var(--line);background:transparent;padding:12px 0;font:15px 'DM Sans';outline:none}input:focus,textarea:focus{border-color:var(--brown)}.form-status{font-size:13px!important;color:var(--brown)!important;margin:0}
footer{border-top:1px solid var(--line);padding:25px 6vw;display:flex;justify-content:space-between;gap:20px;color:#887d72;font-size:11px;letter-spacing:.04em}
@media(max-width:800px){.site-header{height:70px;padding:0 6vw}.menu-toggle{display:block}.nav{display:none;position:absolute;top:70px;left:0;right:0;padding:18px 6vw;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;gap:16px}.nav.open{display:flex}.hero{min-height:calc(100vh - 70px)}.section-heading{display:block}.section-heading h2{margin-top:10px}.slide img{height:350px}.messages-container{grid-template-columns:1fr}.messages-section{padding:70px 7vw}.hero-content{margin-left:7vw}.section{padding:70px 7vw}.intro,.split,.contact{grid-template-columns:1fr;gap:35px}.cards,.values,.menu-grid{grid-template-columns:1fr}.page-hero{padding:90px 7vw 60px}.menu-card{grid-template-columns:120px 1fr}.menu-card>div{padding:18px}.menu-card h3{margin:17px 0 5px}.gallery{display:grid;grid-template-columns:1fr 1fr}.gallery img,.gallery img:nth-child(n){grid-column:span 1;height:240px}.gallery img:nth-child(1){grid-column:span 2}.cta{display:block}.cta .btn{margin-top:25px}.process-row{grid-template-columns:45px 1fr;gap:20px}.process-row h2{font-size:36px}footer{flex-direction:column}}

/* Tugas 3 additions */
.slideshow-section{padding-top:70px}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:35px}.section-heading h2{font:500 clamp(34px,4vw,58px)/1.08 'Playfair Display',serif;letter-spacing:-.03em;margin:0}.section-heading h2 em{font-weight:500}.slideshow{position:relative;max-width:1100px;margin:auto;overflow:hidden;background:#211d19}.slide{display:none}.slide.active{display:block}.slide img{display:block;width:100%;height:560px;object-fit:cover}.slide-btn{position:absolute;top:50%;transform:translateY(-50%);border:0;background:rgba(32,27,23,.65);color:#fff;width:48px;height:48px;border-radius:50%;font-size:34px;line-height:1;cursor:pointer}.slide-btn.prev{left:20px}.slide-btn.next{right:20px}.slide-dots{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);display:flex;gap:7px}.slide-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.5);border:0;padding:0;cursor:pointer}.slide-dot.active{background:#fff}.visitor-box{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 6vw;background:var(--dark);color:#e8dfd5;font-size:12px;letter-spacing:.05em}.visitor-box strong{font-size:16px;color:#fff}.music-player{position:fixed;right:22px;bottom:22px;z-index:50}.music-player button{border:1px solid rgba(255,255,255,.25);background:var(--dark);color:#fff;padding:11px 17px;border-radius:30px;font:600 11px 'DM Sans';letter-spacing:.08em;cursor:pointer;box-shadow:0 8px 25px rgba(0,0,0,.18)}.music-player button.playing{background:var(--brown)}.messages-section{padding:100px 10vw;min-height:70vh}.messages-section h1{font:500 clamp(44px,6vw,76px)/1 'Playfair Display',serif;margin:0 0 10px}.messages-section>p{color:var(--muted)}.messages-container{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:45px 0}.message-card{background:var(--paper);border-top:1px solid var(--ink);padding:25px}.message-card h3{font:500 25px 'Playfair Display';margin:0 0 2px}.message-card small{color:var(--muted);font-size:11px}.message-card p{color:var(--muted);font-size:14px;white-space:pre-wrap}.empty-message{padding:40px 0}.back-button{display:inline-block;margin-top:10px;font-size:13px;font-weight:700;border-bottom:1px solid var(--ink);padding-bottom:4px}