:root{--ink:#282522;--cream:#f4efe5;--paper:#fffdf8;--red:#a73527;--rust:#9b4f2f;--gold:#c79c5b;--line:#d6cab7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.6}.site-header{height:96px;display:flex;align-items:center;padding:12px 4vw;background:#f2ede4;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);margin-right:auto}.logo-mark{display:grid;place-items:center;width:68px;height:68px;border:3px double var(--ink);border-radius:50%;font:700 22px Georgia,serif;letter-spacing:-2px}.brand-name{font:700 14px/1.05 Georgia,serif;letter-spacing:1px}.nav{display:flex;gap:30px}.nav a,.footer a{color:inherit;text-decoration:none;font-size:13px;font-weight:700}.nav a:hover{color:var(--red)}.btn{display:inline-block;background:var(--red);color:#fff!important;text-decoration:none;font-weight:800;letter-spacing:.06em;padding:15px 27px;border-radius:2px;box-shadow:0 5px 0 #70251d}.btn-header{font-size:17px;padding:18px 30px;margin-left:32px}.menu-toggle{display:none;background:none;border:0;font-size:28px}.hero{min-height:650px;position:relative;display:flex;align-items:center;overflow:hidden;background:#352b24}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(27,19,14,.92) 0%,rgba(27,19,14,.55) 48%,rgba(27,19,14,.15)),repeating-linear-gradient(90deg,transparent 0 8%,rgba(255,255,255,.05) 8% 8.3%),radial-gradient(circle at 76% 35%,#d99a51 0 2%,transparent 2.3%),linear-gradient(135deg,#372a22,#76513a 50%,#b4895e);filter:saturate(.8)}.hero-image:after{content:'WORKSHOP  •  HANOI';position:absolute;right:6%;bottom:9%;color:rgba(255,255,255,.5);letter-spacing:.45em;font-weight:700}.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.15),transparent)}.hero-content{position:relative;color:white;max-width:700px;margin-left:9vw}.hero h1{font:700 clamp(58px,7vw,106px)/.89 Georgia,serif;margin:0 0 25px;letter-spacing:-.04em}.hero p{font:20px/1.55 Georgia,serif;max-width:600px;margin:0 0 34px}.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#37322d;color:white;padding:28px 5vw;gap:25px}.feature-strip>div{display:grid;grid-template-columns:45px 1fr}.feature-strip .icon{font-size:25px;grid-row:1/3}.feature-strip strong{font:700 16px Georgia,serif}.feature-strip small{color:#cfc8be;line-height:1.35}.section{padding:95px 8vw}.section h2{font:700 clamp(42px,5vw,68px) Georgia,serif;margin:0 0 30px}.story{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;background:var(--cream);align-items:center}.story-card{aspect-ratio:4/5;background:linear-gradient(150deg,#24201d,#594333);color:#fff;padding:12%;display:flex;flex-direction:column;justify-content:center;box-shadow:20px 20px 0 var(--gold)}.story-card span{font:100px/1 Georgia,serif;color:var(--gold)}.story-card strong{font:700 clamp(30px,3.5vw,53px)/1.05 Georgia,serif}.story-card small{margin-top:30px;letter-spacing:.12em}.story-copy p{margin:0 0 16px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);min-height:340px}.gallery-card{margin:0;position:relative;display:grid;place-items:center;overflow:hidden}.gallery-card div{font:80px Georgia,serif;color:rgba(255,255,255,.8)}.gallery-card figcaption{position:absolute;bottom:0;left:0;right:0;padding:18px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff;font-weight:800;font-size:12px;letter-spacing:.14em}.craft{background:#8a593e}.tools{background:#b17a46}.design{background:#4f5a50}.memory{background:#6f4937}.booking-strip{display:grid;grid-template-columns:1fr 1fr 1.4fr 1.1fr;background:#e6d7bd;padding:35px 5vw;gap:20px;align-items:center}.booking-item{display:flex;gap:14px;border-right:1px solid #b9a88e;min-height:115px;padding-right:20px}.booking-item>span{font-size:25px}.booking-item b,.booking-item strong,.booking-item small{display:block}.booking-item b{text-transform:uppercase;font-size:12px;letter-spacing:.12em}.booking-item strong{font:700 20px Georgia,serif}.booking-item a{color:var(--red);font-size:13px;font-weight:700}.booking-cta{text-align:center}.booking-cta small{display:block;margin-top:13px}.experience{text-align:center}.section-subtitle{margin:-18px auto 45px;color:#6c6259}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;text-align:left}.step{background:var(--cream);padding-bottom:24px}.step>p,.step-title{margin-left:22px;margin-right:22px}.step-image,.engrave-img,.finish-img{height:190px;display:grid;place-items:center;background:linear-gradient(135deg,#c49b6c,#6c4932);font-size:70px;color:white}.wood-grid{background:repeating-linear-gradient(90deg,#ddc09b 0 22px,#af8052 22px 44px,#7e4e32 44px 66px)}.engrave-img{background:#37322d}.finish-img{background:#889077}.step-title{display:flex;align-items:center;gap:12px;margin-top:18px}.step-title span{display:grid;place-items:center;background:var(--red);color:#fff;border-radius:50%;width:34px;height:34px;font-weight:800}.step-title h3{font:700 20px Georgia,serif}.upgrade{font-size:13px;border-top:1px solid var(--line);padding-top:13px}.faq{background:#eee4d4}.faq h2{text-align:center}.accordion{max-width:900px;margin:auto}details{border-bottom:1px solid #b9aa96;padding:18px 5px}summary{cursor:pointer;font:700 18px Georgia,serif}.footer{background:#282522;color:#eee4d4;padding:55px 6vw;display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:30px;align-items:start}.footer-brand{display:flex;align-items:center;gap:16px}.footer-brand small,.footer-contact span{display:block}.footer nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.footer-contact{text-align:right}.copyright{grid-column:1/-1;border-top:1px solid #514b45;padding-top:20px;font-size:12px;color:#aaa}@media(max-width:900px){.nav{display:none;position:absolute;top:96px;left:0;right:0;background:#f2ede4;padding:25px;flex-direction:column}.nav.open{display:flex}.menu-toggle{display:block}.btn-header{margin-left:12px;font-size:13px;padding:13px}.feature-strip,.steps{grid-template-columns:1fr 1fr}.story{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.booking-strip{grid-template-columns:1fr 1fr}.booking-item{border:0}.footer{grid-template-columns:1fr}.footer-contact{text-align:left}.copyright{grid-column:auto}}@media(max-width:580px){.site-header{height:78px}.logo-mark{width:50px;height:50px;font-size:17px}.brand-name{display:none}.nav{top:78px}.hero{min-height:560px}.hero-content{margin:0 7vw}.hero h1{font-size:56px}.feature-strip,.steps,.gallery,.booking-strip{grid-template-columns:1fr}.section{padding:65px 7vw}.gallery-card{min-height:230px}.story-card{aspect-ratio:1}.booking-item{min-height:auto}.footer{padding:45px 7vw}}