@font-face{font-family:'Alfa Slab One';src:url(fonts/alfa.woff2) format('woff2');font-display:swap}
@font-face{font-family:Oswald;font-weight:400;src:url(fonts/oswald-400.woff2) format('woff2');font-display:swap}
@font-face{font-family:Oswald;font-weight:600;src:url(fonts/oswald-600.woff2) format('woff2');font-display:swap}
@font-face{font-family:'Playfair Display';font-style:italic;src:url(fonts/playfair-italic.woff2) format('woff2');font-display:swap}
:root{--charbon:#15100c;--noyer:#3a2416;--cuivre:#c8873a;--laiton:#e0b062;--creme:#efe3cc;--rouge:#9e2b25;--led:#a86bff}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;overflow-x:clip}
body{background:var(--charbon);color:var(--creme);font-family:Oswald,Arial,sans-serif;letter-spacing:.04em;line-height:1.5;-webkit-font-smoothing:antialiased;text-transform:uppercase;text-align:center}
a{color:inherit}
img{max-width:100%;display:block}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;background:var(--cuivre);color:var(--charbon);padding:8px 12px;z-index:99}
header.top{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:linear-gradient(#15100cee,#15100c00);transition:background .3s}
header.top.solid{background:#15100cf5;box-shadow:0 1px 0 #3a2416}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:'Alfa Slab One';color:var(--laiton);font-size:20px}
.brand svg{width:42px;height:42px}
nav.menu{display:flex;gap:22px;font-size:15px;letter-spacing:.12em}
nav.menu a{text-decoration:none;opacity:.85}nav.menu a:hover{opacity:1;color:var(--laiton)}
.cta-top{background:var(--cuivre);color:var(--charbon)!important;padding:9px 18px;border-radius:30px;font-weight:600;opacity:1!important}
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:96px 16px 60px;overflow:hidden}
.hero .bg{position:absolute;inset:0;background:url(https://res.cloudinary.com/planity/image/upload/w_1600,q_auto,f_auto/zh02rgo4nt9enwxljrbc) center/cover;transform:scale(1.08);animation:zoom 18s ease-out forwards;z-index:-2}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,#15100c99,#15100cf2 75%);z-index:-1}
@keyframes zoom{to{transform:scale(1)}}
.hero svg.logo{width:min(230px,58vw);filter:drop-shadow(0 10px 30px #000a);animation:pop .9s cubic-bezier(.2,1.4,.4,1) both}
@keyframes pop{from{opacity:0;transform:scale(.7) rotate(-12deg)}}
.hero h1{font-family:'Alfa Slab One';font-weight:400;font-size:clamp(30px,6.5vw,62px);line-height:1.05;margin:22px 0 10px;animation:up .8s .2s both}
.hero p{font-size:clamp(16px,2.4vw,19px);opacity:.88;max-width:560px;animation:up .8s .35s both}
@keyframes up{from{opacity:0;transform:translateY(20px)}}
.btn{display:inline-block;margin-top:26px;background:var(--cuivre);color:var(--charbon);font-weight:600;padding:16px 30px;border-radius:40px;text-decoration:none;letter-spacing:.12em;animation:pulse 2.4s infinite,up .8s .5s both}
.btn.ghost{background:none;border:1px solid var(--cuivre);color:var(--creme);animation:up .8s .6s both;margin-left:8px}
@keyframes pulse{70%{box-shadow:0 0 0 16px #c8873a00}0%{box-shadow:0 0 0 0 #c8873a88}}
.strip{background:var(--rouge);text-align:center;padding:12px 16px;font-size:14px;letter-spacing:.15em}
.sec{padding:72px 16px;max-width:980px;margin:auto}
.sec h2{font-family:'Alfa Slab One';font-weight:400;font-size:clamp(28px,4.5vw,40px);color:var(--laiton);text-align:center;margin-bottom:6px}
.sub{text-align:center;font-family:'Playfair Display';font-style:italic;opacity:.8;margin-bottom:30px;font-size:18px}
.prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.price{display:flex;flex-direction:column;align-items:center;gap:4px;padding:20px 12px;border:1px solid #3a2416;border-radius:14px;background:#1b130d;font-size:17px;transition:transform .25s,border-color .3s,box-shadow .3s}.price:hover{border-color:var(--led);box-shadow:0 0 22px #a86bff88}
.price small{display:block;font-size:13px;opacity:.6}
.price b{color:var(--laiton);font-family:'Alfa Slab One';font-weight:400;font-size:30px;white-space:nowrap}
.center{text-align:center}
.gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.gal img{width:100%;height:auto;min-width:0;aspect-ratio:1;object-fit:cover;border-radius:8px;transition:transform .4s}
.gal img:hover{transform:scale(1.03)}
.wood{background:linear-gradient(#3a2416ee,#1d120bf2),url(https://res.cloudinary.com/planity/image/upload/w_1400,q_auto,f_auto/krpyo2gxoycck01ja7ig) center/cover}
.wood .sec{max-width:980px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.card{border:1px solid #c8873a66;border-radius:14px;padding:22px;background:#15100cb3;transition:border-color .3s,box-shadow .3s}
.card:hover,.card:focus-within{border-color:var(--led);box-shadow:0 0 22px #a86bff88}
.card b{font-family:'Alfa Slab One';font-weight:400;color:var(--laiton);font-size:21px;display:block;margin-bottom:6px}
.info{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.box{background:#1f1610;border:1px solid #3a2416;border-radius:14px;padding:22px;font-size:17px;line-height:1.8;transition:border-color .3s,box-shadow .3s}
.box:hover{border-color:var(--led);box-shadow:0 0 22px #a86bff66}
.box b{color:var(--laiton)}
.box a{color:var(--laiton)}
.faq details{border-bottom:1px solid #3a2416;padding:16px 0}
.faq summary{cursor:pointer;font-size:18px;list-style:none}
.faq summary::after{content:" +";color:var(--laiton)}
.faq details[open] summary::after{content:" –"}
.faq p{opacity:.85;margin-top:8px}
footer{text-align:center;padding:34px 16px 100px;font-size:13px;opacity:.7;border-top:1px solid #3a2416}
footer a{margin:0 6px}
.sticky{position:fixed;bottom:0;left:0;right:0;display:none;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#15100cf5;border-top:1px solid #3a2416;z-index:30}
.sticky a{flex:1;text-align:center;padding:14px;border-radius:30px;text-decoration:none;font-weight:600;letter-spacing:.1em;font-size:15px}
.s1{background:var(--cuivre);color:var(--charbon)}.s2{border:1px solid var(--cuivre)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}
.reveal.on{opacity:1;transform:none}
.legal{max-width:820px;margin:auto;padding:110px 16px 60px}
.legal h1{font-family:'Alfa Slab One';font-weight:400;color:var(--laiton);font-size:34px;margin-bottom:20px}
.legal h2{color:var(--laiton);font-size:20px;margin:26px 0 8px;letter-spacing:.06em}
.legal p,.legal li{opacity:.9;margin-bottom:8px}
.legal ul{list-style:none}
.ticker{background:var(--rouge);overflow:hidden;white-space:nowrap;padding:13px 0;font-size:15px;letter-spacing:.18em}
.track{display:inline-block;animation:tick 28s linear infinite}.track span{margin:0 18px}.track i{font-style:normal;color:var(--laiton);display:inline-block;animation:snip 1.2s ease-in-out infinite}
@keyframes tick{to{transform:translateX(-50%)}}@keyframes snip{50%{transform:rotate(25deg)}}
.live{display:inline-block;margin-top:18px;padding:7px 16px;border-radius:30px;background:#9e2b2533;border:1px solid #9e2b25;font-size:14px;letter-spacing:.14em;animation:up .8s .1s both}
.live.open{background:#2e7d3233;border-color:#4caf50;color:#9be29f}
.progress{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--cuivre),var(--led));z-index:40}
.lb{position:fixed;inset:0;background:#000d;display:none;align-items:center;justify-content:center;z-index:50;padding:16px;cursor:zoom-out}.lb.on{display:flex}.lb img{max-height:90vh;border-radius:12px;animation:pop .4s both}
.gal img{cursor:zoom-in}
.quiz{position:relative;min-height:230px}.q{display:none;animation:up .5s both}.q.on{display:block}
.qt{font-size:24px;margin-bottom:18px;color:var(--laiton)}
.q button{font:inherit;text-transform:uppercase;letter-spacing:.1em;margin:6px;padding:14px 22px;border-radius:40px;border:1px solid var(--cuivre);background:#1b130d;color:var(--creme);cursor:pointer;transition:background .2s,transform .2s,box-shadow .3s}
.q button:hover{background:var(--cuivre);color:var(--charbon);transform:translateY(-2px);box-shadow:0 0 18px #a86bff88}
.q .again{border:none;background:none;text-decoration:underline;display:block;margin:14px auto 0;opacity:.7}
.cf{position:fixed;top:-30px;font-size:24px;z-index:60;pointer-events:none;animation:fall 2.4s ease-in forwards}@keyframes fall{to{transform:translateY(110vh) rotate(540deg)}}
.hero .bg{transition:translate .1s linear}.hero svg.logo{transition:transform .1s linear}
@media(max-width:760px){.prices{grid-template-columns:repeat(2,minmax(0,1fr))}nav.menu a:not(.cta-top){display:none}.info{grid-template-columns:1fr}.gal{grid-template-columns:repeat(2,minmax(0,1fr))}.sticky{display:flex}.btn.ghost{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

sup{text-transform:none;font-size:.6em}
@media(max-width:760px){.brand{font-size:16px;white-space:nowrap}.brand svg{width:34px;height:34px}}