/* VELORA — ported from prototype */


:root{--cr:#F8F3EE;--iv:#FBF7F3;--mo:#6C5954;--ch:#2F2A29;--go:#C7A476;--bl:#E7C9CC;--tp:#9B8782;--ln:rgba(108,89,84,.22);box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:light}}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{font:400 17px/1.75 Heebo,sans-serif;background:var(--cr);color:var(--ch);overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}
:focus-visible{outline:2px solid var(--mo);outline-offset:3px}
h1,h2,h3{font-family:Heebo,sans-serif;font-weight:300;color:var(--mo);line-height:1.12}
h2{font-size:clamp(34px,4.6vw,64px)}
.en{font-family:'Playfair Display',serif;font-weight:400;letter-spacing:.02em}
.w{max-width:1280px;margin:auto;padding:0 clamp(20px,4vw,56px)}
section{padding:clamp(48px,6vw,92px) 0}
.sub{max-width:44ch;color:var(--tp);color:#7d6a65}
.btn{display:inline-block;padding:15px 34px;border-radius:99px;background:var(--mo);color:var(--iv);text-decoration:none;transition:background .3s}
.btn:hover{background:var(--ch)}
.btn.o{background:none;border:1px solid var(--mo);color:var(--mo)}
.btn.o:hover{background:var(--mo);color:var(--iv)}
.btn[disabled]{opacity:.5;cursor:default}
header{position:fixed;inset:0 0 auto;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:calc(14px + env(safe-area-inset-top,0px)) clamp(20px,4vw,56px) 14px;background:rgba(248,243,238,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--ln)}
.lg{width:150px;height:27px;overflow:hidden;position:relative;display:block}
.lg img{position:absolute;width:245px;max-width:none;left:-47px;top:-16px;}
nav{display:flex;gap:clamp(14px,2.4vw,36px);font-size:15px}
nav a{text-decoration:none;color:var(--mo)}
nav a:hover{text-decoration:underline;text-underline-offset:6px}
#cb{padding:8px 14px;border:1px solid var(--ln);border-radius:99px;font-size:15px;color:var(--mo)}
.hero{min-height:90svh;display:grid;grid-template-columns:1.05fr .95fr;gap:5vw;align-items:center;padding:110px 0 60px}
.hero h1{font-size:clamp(52px,8vw,118px);margin-bottom:28px;animation:up 1.4s .5s both cubic-bezier(.2,.7,.2,1)}
.hero .sub{margin-bottom:38px;animation:up 1.2s .8s both}
.hero .cta{display:flex;gap:14px;flex-wrap:wrap;animation:up 1.2s 1s both}
.arch{position:relative;aspect-ratio:4/5;max-height:80vh;border-radius:999px 999px 28px 28px;overflow:hidden;animation:rev 1.6s cubic-bezier(.7,0,.2,1) both}
.arch img{width:100%;height:100%;object-fit:cover;transform:scale(1.06)}
.cap{position:absolute;bottom:22px;inset-inline:0;text-align:center;color:#fff;font-size:14px;text-shadow:0 1px 12px rgba(0,0,0,.45)}
@keyframes up{from{opacity:0;transform:translateY(26px)}}
@keyframes rev{from{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0)}}
.mq{border-block:1px solid var(--ln);overflow:hidden;white-space:nowrap;padding:16px 0;color:var(--mo)}
.mq div{display:inline-block;animation:mq 40s linear infinite}
@keyframes mq{to{transform:translateX(50%)}}
.mood{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}
.mood ul{list-style:none;padding:0}
.mo{display:flex;justify-content:space-between;align-items:baseline;width:100%;padding:20px 0;border-bottom:1px solid var(--ln);text-align:start;transition:padding .35s,color .3s;color:var(--tp)}
.mo b{font-weight:300;font-size:clamp(28px,3.4vw,46px)}
.mo.on{color:var(--mo);padding-inline-start:18px}
.mimg{position:relative;aspect-ratio:1;border-radius:200px 200px 24px 24px;overflow:hidden;background:var(--bl)}
.mimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s}
.mimg img.on{opacity:1}
.mlink{margin-top:22px}
#quiz{background:var(--iv)}
.qb{max-width:760px;margin:44px auto 0;border:1px solid var(--ln);border-radius:28px;padding:clamp(24px,4vw,56px);background:var(--cr);min-height:420px}
.pg{display:flex;gap:8px;margin-bottom:34px}.pg i{flex:1;height:3px;background:var(--ln);border-radius:3px}.pg i.on{background:var(--mo)}
.qb h3{font-size:clamp(26px,3vw,38px);margin-bottom:26px}
.ops{display:grid;gap:10px}
.op{padding:15px 22px;border:1px solid var(--ln);border-radius:99px;text-align:start;transition:.25s}
.op:hover{background:var(--mo);color:var(--iv)}
.back{margin-top:22px;color:var(--tp);text-decoration:underline;text-underline-offset:5px;color:#7d6a65}
.res{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.res img{border-radius:160px 160px 20px 20px;aspect-ratio:4/5;object-fit:cover;width:100%}
.pin{height:380vh;position:relative;background:#EADCC6;transition:background 1s;padding:0}
.stk{position:sticky;top:0;height:100vh;overflow:hidden}
.trk{display:flex;width:600vw;height:100%;will-change:transform}
.pan{flex:0 0 100vw;display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;padding:90px clamp(24px,7vw,110px) 40px}
.pan .im{height:min(72vh,640px);border-radius:999px 999px 24px 24px;overflow:hidden}
.pan .im img{width:100%;height:100%;object-fit:cover}
.pan h3{font-size:clamp(44px,6vw,88px);margin:6px 0 14px}
.pan p{margin-bottom:8px}
.pan .no{color:var(--mo);margin:14px 0 28px;font-size:18px}
.hint{position:absolute;bottom:26px;inset-inline:0;text-align:center;font-size:14px;color:var(--mo)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,44px);margin-top:56px}
.card.hl .ph{outline:2px solid var(--go);outline-offset:6px}
.ph{position:relative;aspect-ratio:1;border-radius:20px;overflow:hidden;background:var(--iv)}
.ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .8s}
.ph .lf{opacity:0}
.ph:hover .lf,.ph.sh .lf{opacity:1}
.sw{display:none;position:absolute;bottom:10px;inset-inline-start:10px;padding:5px 12px;border-radius:99px;background:rgba(251,247,243,.9);font-size:13px}
@media(hover:none){.sw{display:block}}
.card h3{font-size:22px;margin:16px 0 2px;color:var(--ch);font-weight:400}
.card p{font-size:15px;color:#7d6a65}
.row{display:flex;justify-content:space-between;align-items:center;margin-top:12px}
.add{padding:8px 20px;border:1px solid var(--mo);border-radius:99px;color:var(--mo);font-size:15px;transition:.25s}
.add:hover{background:var(--mo);color:var(--iv)}
.rit{display:grid;grid-template-columns:1.1fr 1fr;gap:6vw;align-items:center}
.rit>img{border-radius:24px;aspect-ratio:3/2;object-fit:cover;width:100%}
.tri{display:grid;gap:14px;margin:30px 0}
.tri div{display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--ln)}
.tri img{width:64px;height:64px;object-fit:cover;border-radius:12px}
#gifts{background:var(--iv)}
.gs{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,44px);margin-top:56px}
.gs .ph{aspect-ratio:4/3}
.box{margin-top:64px;padding:clamp(28px,5vw,60px);border-radius:28px;background:var(--bl);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.box h3{font-size:clamp(28px,3.4vw,44px)}
.story{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}
.story img{border-radius:24px;aspect-ratio:4/5;object-fit:cover;width:100%}
.story p{margin-top:18px;max-width:46ch}
#nl{text-align:center;background:var(--bl)}
#nl form{display:grid;gap:14px;max-width:460px;margin:34px auto 0}
input[type=email]{padding:15px 22px;border-radius:99px;border:1px solid var(--mo);background:var(--iv);font:inherit;text-align:start}
label{font-size:14px}
footer{padding:64px 0 100px;border-top:1px solid var(--ln)}
footer .w{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;font-size:15px}
footer img{width:200px;}
.fsoc p{margin:0 0 12px;color:var(--mo)}.soc{display:flex;gap:10px}.soc a{width:42px;height:42px;border-radius:50%;border:1px solid var(--go);display:grid;place-items:center;color:var(--ch);transition:.3s}.soc a:hover{background:var(--ch);color:var(--cr)}.pol{max-width:780px}.pol h2{font-size:26px;margin:34px 0 8px}.pol p,.pol li{line-height:1.9;color:var(--mo)}.pol ul{padding-inline-start:22px}.pol table{width:100%;border-collapse:collapse;margin:14px 0}.pol th,.pol td{text-align:start;padding:12px 10px;border-bottom:1px solid var(--bl)}.pol .upd{font-size:14px;color:#7d6a65}.pol a{color:var(--ch)}
footer ul{list-style:none;padding:0;display:grid;gap:8px}
.dm{grid-column:1/-1;color:#7d6a65;font-size:13px;border-top:1px solid var(--ln);padding-top:18px}
#ov{position:fixed;inset:0;background:rgba(47,42,41,.35);z-index:40;opacity:0;pointer-events:none;transition:opacity .4s}
#ov.open{opacity:1;pointer-events:auto}
#dr{position:fixed;inset:0 auto 0 0;width:min(420px,100vw);z-index:41;background:var(--cr);transform:translateX(-102%);transition:transform .5s cubic-bezier(.2,.7,.2,1);display:flex;flex-direction:column;padding:24px}
#dr.open{transform:none}
#dr header{position:static;padding:0 0 16px;background:none;backdrop-filter:none}
#dl{list-style:none;padding:0;flex:1;overflow:auto;min-height:0}#df{padding-top:12px;border-top:1px solid var(--ln)}
#dl li{display:grid;grid-template-columns:64px 1fr auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--ln);font-size:15px}
#dl img{width:64px;height:64px;object-fit:cover;border-radius:10px}
.q button{width:28px;height:28px;border:1px solid var(--ln);border-radius:50%}
.fl{position:fixed;z-index:25;bottom:calc(20px + env(safe-area-inset-bottom,0px));width:52px;height:52px;border-radius:50%;display:grid;place-items:center;text-decoration:none}
#wa{inset-inline-start:20px;background:#2F2A29;color:#fff}
#up{inset-inline-end:20px;background:var(--iv);border:1px solid var(--ln);opacity:0;pointer-events:none;transition:opacity .3s}
#up.on{opacity:1;pointer-events:auto}
#tt{position:fixed;bottom:90px;inset-inline:0;margin:auto;width:max-content;max-width:90vw;z-index:50;padding:12px 22px;border-radius:99px;background:var(--ch);color:var(--iv);font-size:15px;opacity:0;transition:opacity .3s;pointer-events:none}
#tt.on{opacity:1}
#cur{position:fixed;top:0;left:0;z-index:60;width:12px;height:12px;margin:-6px;border:1px solid var(--mo);border-radius:50%;pointer-events:none;opacity:0;display:grid;place-items:center;font-size:11px;letter-spacing:.12em;transition:width .3s,height .3s,margin .3s,background .3s,opacity .3s}
#cur.on{opacity:1}
#cur.big{width:68px;height:68px;margin:-34px;background:rgba(251,247,243,.78)}
#cur::after{content:attr(data-t)}
.sk{position:absolute;right:-999px}.sk:focus{right:10px;top:10px;z-index:99;background:#fff;padding:8px}
@media(max-width:860px){
nav{display:none}
.hero,.mood,.rit,.story,.res,.grid,.gs,footer .w{grid-template-columns:1fr}
.grid{grid-template-columns:1fr 1fr}
.hero{padding-top:100px}.arch{order:-1;max-height:62vh}
.pin{height:auto;padding:80px 0}.stk{position:static;height:auto}.trk{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;gap:0}
.pan{scroll-snap-align:center;grid-template-columns:1fr;padding:0 24px;flex-basis:86vw;margin-inline-end:14px}.pan .im{height:56vh}.hint{display:none}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.pin{height:auto;padding:80px 0}.stk{position:static;height:auto}.trk{width:auto;overflow-x:auto}.pan{flex-basis:86vw}.hint{display:none}}

.view[hidden]{display:none}
.dd{position:relative}.sm{position:absolute;top:100%;inset-inline-start:-18px;min-width:240px;padding-top:18px;display:none}
.sm div{background:var(--iv);border:1px solid var(--ln);border-radius:16px;padding:10px;display:flex;flex-direction:column}
.dd:hover .sm,.dd:focus-within .sm{display:block}
.sm a{padding:9px 14px;border-radius:10px}.sm a:hover{background:var(--cr);text-decoration:none}
nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}
#bm{display:none;padding:8px 14px;border:1px solid var(--ln);border-radius:99px;color:var(--mo)}
.pg1{padding-top:130px}
.crumb{font-size:14px;color:#7d6a65;margin-bottom:26px}.crumb a{text-decoration:none}
.ph{display:block}
.chips{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 8px;align-items:center}
.chip{padding:8px 20px;border:1px solid var(--ln);border-radius:99px;text-decoration:none;font-size:15px;color:var(--mo)}
.chip.on{background:var(--mo);color:var(--iv)}
select{font:inherit;padding:8px 16px;border-radius:99px;border:1px solid var(--ln);background:var(--iv);color:var(--mo)}
.pd{display:grid;grid-template-columns:1.1fr 1fr;gap:5vw;align-items:start}
.gal .big{aspect-ratio:1;border-radius:24px;overflow:hidden;background:var(--iv)}
.gal .big img{width:100%;height:100%;object-fit:cover}
.th{display:flex;gap:10px;margin-top:12px}.th button{width:78px;height:78px;border-radius:14px;overflow:hidden;border:1px solid var(--ln);opacity:.6}
.th button.on{opacity:1;border-color:var(--mo)}.th img{width:100%;height:100%;object-fit:cover}
.pd h1{font-size:clamp(34px,4vw,54px);margin:6px 0 10px}
.st{color:var(--go);letter-spacing:2px}
.pp{font-size:28px;margin:14px 0;color:var(--mo)}
.nt{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.nt span{padding:6px 16px;border-radius:99px;background:var(--bl);font-size:14px}
.buy{display:flex;gap:12px;align-items:center;margin:24px 0;flex-wrap:wrap}
.qt{display:flex;align-items:center;border:1px solid var(--ln);border-radius:99px}.qt button{width:42px;height:46px;font-size:20px}.qt span{min-width:28px;text-align:center}
.wl{width:48px;height:48px;border:1px solid var(--ln);border-radius:50%;font-size:20px;color:var(--mo)}
details{border-top:1px solid var(--ln);padding:16px 0}details:last-child{border-bottom:1px solid var(--ln)}
summary{cursor:pointer;color:var(--mo);font-size:18px}details p{margin-top:10px;color:#5d4e4a}
.sec{margin-top:clamp(64px,8vw,110px)}
.rv{display:grid;grid-template-columns:1fr 1fr;gap:5vw;margin-top:30px}
.rv article{padding:18px 0;border-bottom:1px solid var(--ln)}.rv small{color:#7d6a65}
.rv form{display:grid;gap:12px;align-content:start}
input,textarea{font:inherit;padding:13px 18px;border:1px solid var(--ln);border-radius:16px;background:var(--iv);width:100%;text-align:start}
#sb{position:fixed;inset:auto 0 0 0;z-index:28;background:rgba(251,247,243,.95);backdrop-filter:blur(10px);border-top:1px solid var(--ln);padding:12px clamp(20px,4vw,56px) calc(12px + env(safe-area-inset-bottom,0px));display:flex;justify-content:space-between;align-items:center;gap:14px;transform:translateY(110%);transition:transform .4s}
#sb.on{transform:none}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:30px}
.g4 .card h3{font-size:18px}
.ar{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,44px);margin-top:50px}
.ar a{text-decoration:none}.ar img{border-radius:20px;aspect-ratio:4/3;object-fit:cover;width:100%;margin-bottom:14px}
.tag{font-size:13px;letter-spacing:.14em;color:var(--go)}
.art{max-width:720px;margin:auto}.art img{border-radius:24px;aspect-ratio:16/10;object-fit:cover;width:100%;margin:30px 0}.art p{margin-bottom:20px;font-size:18px}
.val{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.val div{padding:26px;border:1px solid var(--ln);border-radius:20px}.val h3{font-size:22px;margin-bottom:6px}
.dots{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.dots a{text-decoration:none;display:flex;align-items:center;gap:10px}.dots i{width:22px;height:22px;border-radius:50%;border:1px solid var(--ln)}
.cf{display:grid;grid-template-columns:1fr 1fr;gap:6vw;margin-top:50px}.cf form{display:grid;gap:12px;align-content:start}
@media(max-width:860px){
#bm{display:block}
nav{display:none;position:absolute;top:100%;left:0;right:0;height:calc(100dvh - 100%);background:var(--cr);flex-direction:column;padding:28px 28px 120px;gap:6px;font-size:22px;overflow:auto;border-top:1px solid var(--ln)}
nav.open{display:flex}.sm{position:static;display:block;padding:0}.sm div{border:0;background:none;padding:0 12px;font-size:17px}
header{z-index:35}
.pd,.rv,.cf,.val,.ar{grid-template-columns:1fr}.g4{grid-template-columns:1fr 1fr}
}

.sx{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;margin-top:28px}.sxi img{border-radius:200px 200px 24px 24px;width:100%;aspect-ratio:4/5;object-fit:cover}.sxi.sq img{border-radius:24px;aspect-ratio:1}
.words{font-size:clamp(20px,2vw,26px);line-height:1.6;color:var(--mo);font-weight:300}
.sh{font-size:15px;letter-spacing:.06em;color:var(--go);margin:22px 0 6px;font-weight:500}
.pyr{display:grid;gap:8px;justify-items:center;margin:12px 0}.pyt{width:var(--w);padding:12px 18px;border-radius:14px;background:var(--bl);display:flex;justify-content:space-between;gap:10px;transition:.3s;color:var(--mo)}.pyt.on{background:var(--mo);color:var(--iv)}.pyt small{opacity:.8}
.nd{min-height:3em;color:#5d4e4a;font-size:15px}
.bars div{display:grid;grid-template-columns:90px 1fr;gap:12px;align-items:center;margin:8px 0;font-size:15px}.bars i{height:6px;background:var(--ln);border-radius:6px;overflow:hidden;display:block}.bars b{display:block;height:100%;background:var(--go);border-radius:6px}
.fy{padding-inline-start:20px}.fy li{margin:4px 0}
.dl{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;font-size:15px}.dl dt{color:#7d6a65}.dl dd{margin:0}
.mos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.mos img{border-radius:20px;aspect-ratio:3/4;object-fit:cover;width:100%}
.nlg{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;text-align:start}.nli{border-radius:200px 200px 24px 24px;aspect-ratio:4/5;object-fit:cover;width:100%;max-height:520px}
#nl form{margin:30px 0 0}
.pm,.pm2{font-size:13px;color:#a07f4d}.pm2{font-size:15px;margin:-4px 0 8px}
.promo{margin-top:56px;padding:clamp(22px,4vw,44px);border-radius:28px;background:var(--bl);display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center}.promo .pi{display:flex}.promo .pi img{width:120px;height:120px;object-fit:cover;border-radius:50%;border:3px solid var(--bl)}.promo .pi img+img{margin-inline-start:-30px}.promo h3{font-size:clamp(28px,3.4vw,44px)}
#v-shop section.pg1{background-image:linear-gradient(rgba(248,243,238,.55),rgba(248,243,238,.93)),var(--rip);background-size:cover}
@media(max-width:860px){.sx,.nlg,.promo{grid-template-columns:1fr}.mos{grid-template-columns:1fr 1fr}.promo .pi img{width:90px;height:90px}}

.hi{display:flex;gap:2px;align-items:center}.ib{position:relative;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:var(--mo);text-decoration:none}.ib:hover{background:var(--bl)}
.ib b{position:absolute;top:2px;inset-inline-end:0;background:var(--mo);color:var(--iv);font-size:11px;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;font-weight:400}.ib b[hidden]{display:none}
#cb.ib{padding:0;border:0;border-radius:50%;font-size:inherit}
.card{position:relative}.hb{position:absolute;top:12px;inset-inline-end:12px;z-index:2;width:38px;height:38px;border-radius:50%;background:rgba(251,247,243,.92);color:var(--mo);font-size:18px}
.add2{padding:8px 20px;border:1px solid var(--mo);border-radius:99px;color:var(--mo);font-size:15px;text-decoration:none;transition:.25s}.add2:hover{background:var(--mo);color:var(--iv)}
.add[disabled]{opacity:.4;cursor:default}
.wal{display:inline-flex;gap:6px;align-items:center;color:#1f7a4d}.btn svg{vertical-align:-4px;margin-inline-end:6px}
.sz{display:flex;gap:10px;margin:16px 0;flex-wrap:wrap}.sz button{padding:10px 18px;border:1px solid var(--ln);border-radius:16px;text-align:center}.sz button.on{border-color:var(--mo);background:var(--mo);color:var(--iv)}.sz small{display:block;opacity:.85}
.fr{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:14px 0}.fl2{font-size:14px;color:#7d6a65;min-width:96px}
.fo{display:flex;gap:14px;align-items:center;padding:16px 20px;border-radius:20px;background:var(--iv);border:1px solid var(--ln);margin:8px 0;animation:up .5s both}.fo i{width:34px;height:34px;border-radius:50%;flex:none;border:1px solid var(--ln)}
.chip i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-inline-end:8px;border:1px solid var(--ln)}button.chip{font:inherit}
.qb{max-width:980px}.qq{display:grid;grid-template-columns:.7fr 1.3fr;gap:30px;align-items:center}.qimg img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:160px 160px 20px 20px}
#sr{position:fixed;inset:0;z-index:55;background:rgba(47,42,41,.35)}#sr[hidden],.pop[hidden]{display:none}
.srb{background:var(--cr);padding:calc(24px + env(safe-area-inset-top,0px)) clamp(20px,6vw,80px) 30px;max-height:85vh;overflow:auto}
#sl{list-style:none;padding:0;margin-top:14px}#sl a{display:grid;grid-template-columns:56px 1fr auto;gap:14px;align-items:center;text-decoration:none;padding:10px 0;border-bottom:1px solid var(--ln)}#sl img{width:56px;height:56px;object-fit:cover;border-radius:10px}#sl small{display:block;color:#7d6a65}.sn{color:#7d6a65;padding:10px 0}
.pop{position:fixed;inset:0;z-index:70;background:rgba(47,42,41,.5);display:grid;place-items:center;padding:20px;backdrop-filter:blur(4px)}
.pcard{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;max-width:820px;width:100%;background:var(--iv);border-radius:28px;overflow:hidden;animation:up .7s both}.pcard>img{width:100%;height:100%;object-fit:cover;min-height:380px}.pbd{padding:clamp(24px,4vw,48px)}.pbd h2{font-size:clamp(28px,3.4vw,42px)}
.pcx{position:absolute;top:14px;inset-inline-end:14px;z-index:2;width:38px;height:38px;border-radius:50%;background:rgba(251,247,243,.92)}
.ck{display:grid;grid-template-columns:1.2fr .8fr;gap:5vw;align-items:start;margin-top:30px}.ck h3{font-size:22px;margin:30px 0 12px}.f2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.f2 label,label.l{display:block;font-size:14px;margin-bottom:4px;color:#5d4e4a}
.opt{display:flex;gap:12px;align-items:center;padding:14px 18px;border:1px solid var(--ln);border-radius:16px;margin-bottom:8px;cursor:pointer;font-size:16px}.opt:has(input:checked){border-color:var(--mo);background:var(--iv)}.opt input{width:auto}.opt span{flex:1}
.cs{position:sticky;top:96px;background:var(--iv);border:1px solid var(--ln);border-radius:24px;padding:28px}.cs ul{padding:0}.cs li{list-style:none;display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;padding:8px 0;font-size:15px}.cs img{width:56px;height:56px;object-fit:cover;border-radius:10px}.cs .row{margin:8px 0}.cs .tot,.bsum .tot{font-size:20px;border-top:1px solid var(--ln);padding-top:12px;margin-top:12px}.cpn{margin:14px 0}
.bd{display:grid;grid-template-columns:1.3fr .7fr;gap:4vw;align-items:start;margin-top:30px}.bd h3{font-size:22px;margin:28px 0 10px}.bgr{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:14px}.bc{border:1px solid var(--ln);border-radius:18px;padding:12px;background:var(--iv)}.bc img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}.bc h4{font-weight:400;font-size:15px;margin:8px 0 4px}.bc select{width:100%;margin-bottom:4px}
.bsum{position:sticky;top:96px;background:var(--iv);border:1px solid var(--ln);border-radius:24px;padding:26px}.slot{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;padding:8px;border:1px dashed var(--ln);border-radius:12px;margin:8px 0;min-height:64px;font-size:14px}.slot.f{border-style:solid}.slot img{width:48px;height:48px;object-fit:cover;border-radius:8px}
@media(max-width:860px){.qq,.ck,.f2,.bd,.pcard{grid-template-columns:1fr}.qimg img{aspect-ratio:16/9;border-radius:20px}.bgr{grid-template-columns:1fr 1fr}.cs,.bsum{position:static}.pcard>img{min-height:160px;max-height:200px}.fl2{min-width:100%}}

.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px;margin-top:26px}
.bp{display:block;text-decoration:none;border:1px solid var(--ln);border-radius:18px;overflow:hidden;background:var(--iv);transition:transform .3s,box-shadow .3s}
.bp:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(47,42,41,.08)}
.bp img,.art .bp img{width:100%;aspect-ratio:3/2;object-fit:cover;margin:0;border-radius:0}
.bp>div{padding:14px 16px 18px}
.bp .tag{font-size:12px}
.bp h3{font-size:18px;line-height:1.35;margin:4px 0 6px;color:var(--ch);font-weight:400}
.bs{font-size:14px;color:#7d6a65;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bm{font-size:14px;color:var(--mo);display:inline-block;margin-top:8px}
.art{max-width:860px}.art h2.ah{font-size:26px;margin:38px 0 10px;color:var(--mo)}.lead{font-size:20px!important;color:var(--mo)}.ameta{font-size:14px;color:#7d6a65}.art details p{font-size:16px}
.rp{grid-template-columns:repeat(3,1fr)}.ar2{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}
@media(max-width:860px){.rp,.ar2{grid-template-columns:1fr}}
.fsb{margin:0 0 14px;font-size:14px;color:var(--mo)}.fsb i{display:block;height:6px;border-radius:6px;background:var(--ln);overflow:hidden;margin-top:7px}.fsb i b{display:block;height:100%;background:var(--go);border-radius:6px;transition:width .6s}
#fb{padding-top:12px}
.oc{border:1px solid var(--ln);border-radius:20px;padding:20px;background:var(--iv);margin:14px 0}.och{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.och small{display:block;color:#7d6a65}.oc ul{padding:0;list-style:none;margin:10px 0}.oc li{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:6px 0;font-size:15px}.oc img{width:48px;height:48px;object-fit:cover;border-radius:8px}.stc{padding:4px 14px;border-radius:99px;background:var(--bl);font-size:13px}
.ib.in::after{content:'';position:absolute;top:9px;inset-inline-start:9px;width:8px;height:8px;border-radius:50%;background:var(--go)}
.acg{display:grid;grid-template-columns:1fr 1fr;gap:6vw;margin-top:30px;align-items:start}.acg form,.dtf{display:grid;gap:12px;max-width:520px}
@media(max-width:860px){.acg{grid-template-columns:1fr}}
#ab{inset-inline-start:20px;bottom:calc(84px + env(safe-area-inset-bottom,0px));background:var(--mo);color:var(--iv)}
#ap{position:fixed;z-index:45;inset-inline-start:20px;bottom:calc(146px + env(safe-area-inset-bottom,0px));width:min(310px,calc(100vw - 40px));background:var(--iv);border:1px solid var(--ln);border-radius:20px;padding:18px;box-shadow:0 12px 40px rgba(47,42,41,.18)}#ap[hidden]{display:none}
#ap h3{font-size:20px;margin-bottom:12px;color:var(--ch)}.apg{display:grid;grid-template-columns:1fr 1fr;gap:8px}.apg button{padding:10px 8px;border:1px solid var(--ln);border-radius:12px;font-size:14px;line-height:1.3}.apg button[aria-pressed=true]{background:var(--mo);color:var(--iv)}.apf{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:14px}.apf button{width:36px;height:36px;border:1px solid var(--ln);border-radius:50%}
html.fs1 .w,html.fs1 header nav{zoom:1.12}html.fs2 .w,html.fs2 header nav{zoom:1.25}html.fs3 .w,html.fs3 header nav{zoom:1.4}
html.a-hc{--cr:#fff;--iv:#fff;--mo:#000;--ch:#000;--go:#6b4a00;--bl:#fff0a0;--tp:#000;--ln:#000;filter:contrast(1.2)}
html.a-hc .sub,html.a-hc small,html.a-hc .card p,html.a-hc .crumb,html.a-hc .bs,html.a-hc .ameta{color:#000!important}
html.a-gs{filter:grayscale(1)}html.a-hc.a-gs{filter:contrast(1.2) grayscale(1)}
html.a-ul a{text-decoration:underline!important;text-underline-offset:3px}html.a-ul a:not(.btn):not(.ib):not(.fl):not(.bp){background:rgba(199,164,118,.28)}
html.a-rf *{font-family:Arial,Helvetica,sans-serif!important;letter-spacing:0!important}
html.a-na *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html.a-nc #cur{display:none!important}
@media(max-width:860px){#hl{display:none}.ib{width:38px;height:38px}.lg{flex:none}header{gap:6px}.fl{width:46px;height:46px}#ab{bottom:calc(76px + env(safe-area-inset-bottom,0px))}#ap{bottom:calc(132px + env(safe-area-inset-bottom,0px))}}

.texv{position:relative;border-radius:32px;overflow:hidden;aspect-ratio:16/8;background:#e8d9c4;min-height:300px}.texv video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.texc{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:10px;padding:clamp(22px,5vw,64px);background:linear-gradient(to top,rgba(47,42,41,.62),rgba(47,42,41,0) 65%);color:#fff}
.texc h2{color:#fff;font-size:clamp(34px,5vw,72px)}.texc p{max-width:46ch;color:#fff}.texc .tag{color:#f0dcb8}.texc .btn{background:var(--iv);color:var(--ch);margin-top:8px}.texc .btn:hover{background:#fff}
.tvp{position:absolute;top:16px;inset-inline-end:16px;width:42px;height:42px;border-radius:50%;background:rgba(251,247,243,.88);color:var(--ch);display:grid;place-items:center}
.emp{display:block!important;text-align:center;border:0!important;padding:26px 4px!important}.emp h3{font-size:24px;margin:12px 0 4px;color:var(--mo)}.emp p{color:#7d6a65;margin-bottom:16px;font-size:15px}
.es{display:grid;gap:8px;margin-top:22px;text-align:start}.es a{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;text-decoration:none;padding:8px;border:1px solid var(--ln);border-radius:14px}.es img{width:56px;height:56px;object-fit:cover;border-radius:10px}.es small{display:block;color:#7d6a65}
.emc{display:grid;grid-template-columns:1.1fr .9fr;gap:6vw;align-items:center;margin:30px 0 10px}
.nf{text-align:center;max-width:980px}.nfn{font-size:clamp(90px,16vw,220px);line-height:1;color:var(--go);letter-spacing:.02em}.nf .sub{margin:12px auto 22px}.nf .g4{text-align:start}
.gcw{display:grid;grid-template-columns:1.05fr .95fr;gap:5vw;align-items:start;margin-top:30px}
.gcp{position:sticky;top:96px;aspect-ratio:16/10;border-radius:26px;background-size:cover;background-position:center;padding:clamp(18px,3vw,34px);display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 18px 50px rgba(47,42,41,.14);color:var(--ch);overflow:hidden}
.gcl{width:120px}.gca{font-size:clamp(40px,6vw,72px);line-height:1;color:var(--mo)}.gcn{font-size:18px;margin-top:6px}.gcm{font-size:15px;margin-top:6px;max-width:34ch;color:var(--mo);font-style:italic}.gcf2{font-size:12px;color:var(--mo)}
.gcw fieldset{border:0;padding:0;display:grid;gap:8px}.gcw legend{font-size:14px;color:#5d4e4a;margin-bottom:6px}
.gcdz{display:flex;gap:10px}.gcdz button{width:84px;height:54px;border-radius:12px;overflow:hidden;border:2px solid transparent;padding:0}.gcdz button[aria-pressed=true]{border-color:var(--mo)}.gcdz img{width:100%;height:100%;object-fit:cover}
.fsb i{position:relative;overflow:visible}.fsb i b{border-radius:6px}.fsb .mk{position:absolute;top:-4px;width:14px;height:14px;margin-inline-start:-7px;border-radius:50%;background:var(--iv);border:2px solid var(--go)}.fsb .mk.on{background:var(--go)}.fsl{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;color:#7d6a65}
.gsel{margin-top:4px;font-size:13px;padding:4px 10px;max-width:100%}
@media(max-width:860px){.emc,.gcw{grid-template-columns:1fr}.gcp{position:static}.texv{aspect-ratio:4/5}}
#sb .btn,.add,.add2{white-space:nowrap}#sb .btn{padding:12px 22px}@media(max-width:860px){.add,.add2{padding:8px 14px}}
#s-tex{padding:0}#s-tex .w{max-width:none;padding:0}.texv{border-radius:0;aspect-ratio:auto;height:100svh;min-height:520px}@media(max-width:860px){.texv{aspect-ratio:auto}}.texc{padding:clamp(24px,6vw,96px)}