:root{--cream:#faf5ec;--cream2:#f1e7d6;--gold:#b8893b;--gold2:#e9cf86;--ink:#1a1712;--g:linear-gradient(120deg,#8a6424,#d8b86a 30%,#f6e6b4 50%,#c79a4a 70%,#8a6424)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Lato,sans-serif;font-weight:300;color:var(--ink);background:var(--cream);line-height:1.7}
h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;margin:0}
.gold{background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}.c{text-align:center}
.script{font-family:'Great Vibes',cursive;font-size:2.4rem;color:var(--gold);margin:0;line-height:1}
.divider{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px 0 26px}.divider span{height:1px;width:70px;background:var(--g)}.divider svg{width:16px;fill:var(--gold)}
.mono{width:54px;height:54px}
header{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 5%;transition:.4s}
body.scrolled header{background:rgba(20,17,12,.92);backdrop-filter:blur(8px);padding:8px 5%}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--cream);font-family:'Cormorant Garamond',serif;font-size:1.5rem;letter-spacing:.04em}.brand b{font-weight:500;color:var(--gold2)}.brand .mono{width:44px;height:44px}
nav a{color:var(--cream);text-decoration:none;margin-left:24px;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;transition:.3s}nav a:hover{color:var(--gold2)}
.burger{display:none;background:none;border:0;cursor:pointer}.burger i{display:block;width:26px;height:2px;background:var(--gold2);margin:6px 0}
.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;color:var(--cream)}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(15,12,8,.45),rgba(15,12,8,.82))}
.hc{position:relative;padding:120px 6% 140px;max-width:900px;animation:up 1.4s ease both}.hc .mono{width:110px;height:110px}
.kicker{letter-spacing:.35em;text-transform:uppercase;font-size:.78rem;color:var(--gold2);margin:18px 0 8px}
.hero h1{font-size:clamp(2.6rem,7vw,5.4rem);line-height:1.05}.hero h1 em{font-style:italic}.lead{font-size:1.15rem;max-width:560px;margin:0 auto}
.ctas{margin-top:32px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-block;padding:14px 34px;border:1px solid var(--gold);color:var(--gold);text-decoration:none;letter-spacing:.18em;text-transform:uppercase;font-size:.78rem;border-radius:40px;transition:.35s;font-weight:400}
.btn:hover,.btn.solid{background:var(--g);color:var(--ink);border-color:transparent}.btn.light{color:var(--cream);border-color:var(--gold2)}
.wave{position:absolute;bottom:-1px;left:0;width:100%;height:90px;fill:var(--cream)}
section{padding:90px 6%}.silk{background:linear-gradient(rgba(250,245,236,.82),rgba(250,245,236,.82)),url(images/silk.jpg) center/cover fixed}
.areas{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:30px;max-width:1100px;margin:auto}
.area{text-align:center;padding:30px 20px;background:rgba(255,255,255,.55);border-radius:4px}.area h3{font-size:1.7rem}.area p{font-size:.92rem;margin:.4em 0 0}
.ico{width:74px;height:74px;margin:0 auto 14px;border-radius:50%;border:1.5px solid var(--gold);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 5px rgba(184,137,59,.12)}
.ico svg{width:32px;fill:none;stroke:var(--gold);stroke-width:1.3;stroke-linejoin:round}
.svc{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:center;max-width:1250px;margin:auto}.svc:nth-of-type(odd){background:transparent}
.svc.rev .ph{order:2}.ph{position:relative}
.ph img{width:100%;aspect-ratio:4/4.3;object-fit:cover;display:block;border-radius:46% 54% 40% 60%/55% 42% 58% 45%;box-shadow:0 30px 60px -25px rgba(60,40,10,.45)}
.ph:after{content:"";position:absolute;inset:-14px;border:1px solid var(--gold);border-radius:52% 48% 58% 42%/45% 58% 42% 55%;pointer-events:none;opacity:.7}
.list h2{font-size:clamp(2.4rem,4.5vw,3.4rem);line-height:1.1}.list .divider{justify-content:flex-start}.list .divider span:first-child{display:none}
ul{list-style:none;padding:0;margin:0 0 30px}li{display:flex;align-items:center;gap:10px;padding:9px 0}li .n{font-size:1.05rem}li small{color:#8b7a5e;margin-left:6px}
li .dots{flex:1;border-bottom:1px dotted #c8ad78;transform:translateY(-4px)}
.tag{background:var(--g);color:var(--ink);font-family:'Cormorant Garamond',serif;font-weight:600;font-size:1.08rem;padding:3px 16px;white-space:nowrap;border-radius:14px 4px 16px 5px/6px 14px 5px 16px;box-shadow:0 2px 6px rgba(140,100,30,.25)}
li.sub{font-family:'Cormorant Garamond',serif;font-size:1.4rem;color:var(--gold);padding-top:14px;border-bottom:1px solid #e3d2ae}
.dark{background:#16130e;color:var(--cream)}.dark .divider span{background:var(--g)}
.cgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:26px;max-width:1100px;margin:auto}
.cbox{text-align:center;text-decoration:none;color:var(--cream);padding:34px 20px;border:1px solid rgba(233,207,134,.3);border-radius:6px;transition:.35s}.cbox:hover{border-color:var(--gold2);transform:translateY(-4px)}
.cbox h3{font-size:1.5rem;color:var(--gold2)}.cbox p{margin:.3em 0 0;font-size:.95rem}.cbox u{color:var(--gold2);text-decoration:none;border-bottom:1px solid}
.small{text-align:center;font-size:.95rem}mark{background:#f3d98b;padding:0 4px}
footer{background:#0f0d09;color:#cbbd9f;text-align:center;padding:40px 6%;font-size:.85rem}footer .mono{width:60px;height:60px}
.wa{position:fixed;right:22px;bottom:22px;width:60px;height:60px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.3);z-index:60;animation:pulse 2.6s infinite}.wa svg{width:32px}
.reveal{opacity:0;transform:translateY(40px);transition:1s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}
@keyframes up{from{opacity:0;transform:translateY(30px)}}@keyframes pulse{50%{box-shadow:0 0 0 12px rgba(37,211,102,.15)}}
@media(max-width:900px){.areas{grid-template-columns:1fr 1fr;gap:14px}.area{padding:20px 10px}.area h3{font-size:1.35rem}.burger{display:block;z-index:2}nav{position:fixed;inset:0;background:rgba(18,15,10,.97);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;transform:translateX(100%);transition:.4s}
body.open nav{transform:none}nav a{margin:0;font-size:1rem}.svc{grid-template-columns:1fr;gap:40px}.svc.rev .ph{order:0}section{padding:70px 7%}.silk{background-attachment:scroll}.script{font-size:2rem}}
.cbox.qr{padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center}.cbox.qr img{width:100%;max-width:170px;border-radius:8px;border:2px solid var(--gold);background:#faf5ec}.cbox.qr p{color:var(--gold2);margin-top:10px}
.cgrid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));max-width:1200px}
@media(min-width:1100px){.cgrid{grid-template-columns:repeat(6,1fr)}}
@media(min-width:1100px){.cgrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.cbox{padding:30px 12px}.cbox p{font-size:.88rem;overflow-wrap:normal}}
.lang{display:flex;align-items:center;gap:4px;margin-left:auto;margin-right:22px;font-size:.72rem;letter-spacing:.1em;color:#7d6a48}
.lang button{background:none;border:0;color:var(--cream);cursor:pointer;font:inherit;padding:4px 3px;opacity:.7}.lang button.on{color:var(--gold2);opacity:1;border-bottom:1px solid var(--gold2)}
@media(max-width:900px){.lang{margin-right:12px;font-size:.68rem;z-index:2}}
@media(min-width:901px) and (max-width:1250px){nav a{margin-left:14px;font-size:.7rem}}
.brand span{white-space:nowrap}@media(max-width:900px){.brand{font-size:1.1rem;gap:8px}.brand .mono{width:34px;height:34px}.lang{gap:2px}}
@media(max-width:380px){.brand span{display:none}}
