@view-transition{navigation:auto}
:root{--bg:#F3F1ED;--ink:#17131A;--acc:#5B1742;--mute:#6A6370;--line:#DAD4CC;--dark:#221823;--d:"Cormorant Garamond",Georgia,"Times New Roman",serif;--b:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font:400 17px/1.6 var(--b);font-synthesis:none;-webkit-font-smoothing:antialiased}
::selection{background:var(--acc);color:var(--bg)}
img{display:block;max-width:100%}
a{color:inherit}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.dark :focus-visible,.ft :focus-visible{outline-color:#C99AB6}
.wrap{max-width:1240px;margin:0 auto;padding:0 max(24px,env(safe-area-inset-left))}
.narrow{max-width:900px}
.mute{color:var(--mute)}
.ad{background:var(--dark);color:var(--bg);font-size:14px;text-align:center;padding:6px 16px;letter-spacing:.04em}
.hd{position:sticky;top:0;z-index:50;background:rgba(243,241,237,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.tick{overflow:hidden;background:var(--acc);color:var(--bg);font-size:14px;white-space:nowrap}
.tick-i{display:inline-flex;animation:tk 40s linear infinite}
.tick-i span{padding:4px 12px}
@keyframes tk{to{transform:translateX(-50%)}}
.hd-r{display:flex;align-items:center;gap:32px;height:68px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:600 24px/1 var(--d);font-variant:small-caps;letter-spacing:.03em}
.nav{display:flex;gap:28px;margin-left:auto}
.nav a{text-decoration:none;font:600 19px var(--d);font-variant:small-caps;letter-spacing:.05em;padding:12px 0;border-bottom:1px solid transparent;transition:border-color .2s}
.nav a:hover{border-color:var(--acc)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 26px;background:var(--acc);color:var(--bg);border:1px solid var(--acc);font:600 16px var(--b);text-decoration:none;cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:background .2s,transform .15s}
.btn:hover{background:var(--ink);border-color:var(--ink)}
.btn:active{transform:scale(.97)}
.btn-s{min-height:44px;padding:10px 18px;font-size:15px}
.btn-o{background:transparent;color:var(--ink)}
.burger{display:none;margin-left:auto;width:44px;height:44px;background:none;border:0;cursor:pointer;position:relative}
.burger i{position:absolute;left:10px;right:10px;height:2px;background:var(--ink);transition:transform .3s,opacity .3s}
.burger i:nth-child(1){top:15px}.burger i:nth-child(2){top:21px}.burger i:nth-child(3){top:27px}
.burger.on i:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger.on i:nth-child(2){opacity:0}.burger.on i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.kit-overlay{background:var(--bg)}
.kit-overlay nav{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;height:100%}
.kit-overlay a{font:600 34px var(--d);font-variant:small-caps;text-decoration:none;padding:8px}
.hero{position:relative;display:flex;flex-direction:column;justify-content:center;padding:32px 0 48px;overflow:hidden;background:radial-gradient(60% 50% at 15% 20%,rgba(91,23,66,.12),transparent 70%),radial-gradient(50% 60% at 90% 80%,rgba(218,212,204,.9),transparent 70%),radial-gradient(40% 40% at 60% 10%,rgba(91,23,66,.06),transparent 70%),var(--bg)}
.hero::before{content:"";position:absolute;width:420px;height:420px;right:-120px;top:10%;border-radius:50%;background:rgba(91,23,66,.14);filter:blur(80px);pointer-events:none}
.strip-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.strip-hint{font-size:15px;color:var(--mute)}
.strip-nav{display:flex;gap:8px}
.sbtn{width:48px;height:48px;border:1px solid var(--ink);background:transparent;font:500 26px var(--d);cursor:pointer;transition:background .2s,color .2s}
.sbtn:hover{background:var(--ink);color:var(--bg)}
.strip{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:8px max(24px,calc((100vw - 1192px)/2)) 24px;scrollbar-width:thin}
.card{flex:0 0 clamp(290px,30vw,380px);scroll-snap-align:start;background:#fff;border:1px solid var(--line);padding:28px;position:relative;box-shadow:8px 8px 0 var(--line);display:flex;flex-direction:column;gap:12px}
.card h2{font:600 30px/1.1 var(--d)}
.c-poster{flex-basis:clamp(320px,52vw,660px);padding:0;overflow:hidden;background:var(--dark);color:var(--bg);box-shadow:10px 10px 0 var(--acc)}
.c-poster .c-img{width:100%;height:280px;object-fit:cover;object-position:50% 30%}
.c-txt{padding:28px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.c-txt h1{font:500 clamp(40px,5vw,68px)/1 var(--d);font-optical-sizing:none}
.c-txt h1 .kit-ln{display:block}
.c-txt small{font-size:15px;opacity:.8}
.c-poster .btn{background:var(--bg);color:var(--ink);border-color:var(--bg)}
.c-poster .btn:hover{background:#C99AB6;border-color:#C99AB6}
.c-img2 .c-img{height:230px;width:calc(100% + 56px);margin:-28px -28px 8px;object-fit:cover}
.c-price{background:var(--acc);color:var(--bg);border-color:var(--acc);box-shadow:8px 8px 0 var(--dark);justify-content:center}
.big{font:600 72px/1 var(--d)}
.pick{display:flex;flex-wrap:wrap;gap:8px}
.chip{min-height:44px;padding:8px 16px;border:1px solid var(--ink);background:transparent;font:400 16px var(--b);cursor:pointer;transition:background .2s,color .2s}
.chip.on,.chip:hover{background:var(--ink);color:var(--bg)}
.pick-out{border-top:1px solid var(--line);padding-top:14px}
.pick-out h3{font:600 26px var(--d);color:var(--acc)}
.pick-out.sw{animation:sw .3s ease both}
@keyframes sw{from{opacity:0;transform:translateY(6px)}}
.lnk{display:inline-block;padding:10px 0;font-weight:600;text-underline-offset:4px;text-decoration-thickness:1px;transition:color .2s}
.lnk:hover{color:var(--acc)}
.dark .lnk:hover,.c-price .lnk:hover{color:#C99AB6}
.sec{padding:96px 0;scroll-margin-top:110px}
.dark{background:var(--dark);color:var(--bg)}
.soft{background:#EAE6E0}
.h2{font:500 clamp(38px,5vw,64px)/1.02 var(--d);margin-bottom:40px;font-variant:small-caps}
.h3{font:600 30px/1.1 var(--d);margin-bottom:16px}
.pairs{display:grid;gap:0}
.pr{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;padding:28px 0;border-top:1px solid var(--line)}
.pr h3{font:500 28px/1.2 var(--d);font-style:italic}
.pr p{max-width:60ch}
.alt{display:grid;gap:64px}
.al{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:center}
.al.rev{grid-template-columns:7fr 5fr}
.al.rev img{order:2}
.al img{width:100%;aspect-ratio:4/3;object-fit:cover;clip-path:polygon(0 0,100% 0,100% 88%,88% 100%,0 100%)}
.al h3{font:600 40px/1.1 var(--d);margin-bottom:12px}
.al p{max-width:58ch;opacity:.92}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--ink)}
.fc{padding:28px 24px 28px 0;border-right:1px solid var(--line)}
.fc:last-child{border:0}
.fc+.fc{padding-left:24px}
.ic{display:grid;place-items:center;width:52px;height:52px;background:linear-gradient(140deg,rgba(91,23,66,.14),rgba(91,23,66,.04));margin-bottom:16px}
.ic svg{width:26px;height:26px;fill:none;stroke:var(--acc);stroke-width:1.6;stroke-linecap:round}
.fc h3{font:600 24px/1.2 var(--d);margin-bottom:8px}
.fit{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.fit ul{list-style:none}
.fit li{padding:12px 0 12px 22px;border-top:1px solid var(--line);position:relative}
.fit li::before{content:"";position:absolute;left:0;top:23px;width:10px;height:2px;background:var(--acc)}
.fwrap{display:grid;grid-template-columns:5fr 6fr;gap:64px;align-items:start}
.f-intro p{max-width:46ch;margin-bottom:24px;opacity:.92}
.wa{display:inline-flex;min-height:48px;align-items:center;padding:12px 22px;border:1px solid var(--bg);text-decoration:none;font-weight:600;transition:background .2s,color .2s}
.wa:hover{background:var(--bg);color:var(--ink)}
.frm{display:grid;gap:22px;position:relative}
.fl{display:grid;gap:6px}
.fl span{font:600 18px var(--d);font-variant:small-caps;letter-spacing:.05em;color:#D9C9D3}
.fl input,.fl select,.fl textarea{width:100%;font:400 17px var(--b);color:var(--bg);background:transparent;border:0;border-bottom:1px solid rgba(243,241,237,.4);padding:10px 0;border-radius:0;transition:border-color .2s}
.fl select option{color:var(--ink)}
.fl input:focus,.fl select:focus,.fl textarea:focus{outline:0;border-color:#C99AB6;box-shadow:0 1px 0 #C99AB6}
.kit-err{display:none;font-style:normal;font-size:15px;color:#F2B8D2}
.err .kit-err,.kit-err.show{display:block}
.ck{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;font-size:15px}
.ck input{width:22px;height:22px;accent-color:#C99AB6;margin-top:2px}
.ck span{flex:1}
.ck .kit-err{flex-basis:100%}
.frm .btn{background:var(--bg);color:var(--ink);border-color:var(--bg);justify-self:start}
.frm .btn:hover{background:#C99AB6;border-color:#C99AB6}
.frm small{font-size:15px;opacity:.75}
.kit-done{display:none;border:1px solid #C99AB6;padding:28px;background:rgba(91,23,66,.35)}
.kit-done h3{font:600 30px/1.1 var(--d);margin-bottom:10px}
.frm.sent>*:not(.kit-done){display:none}
.frm.sent .kit-done,.kit-done:target{display:block}
.fin{text-align:center}
.fin .wrap{display:grid;justify-items:center;gap:16px}
.fin-t{font:500 clamp(28px,3.4vw,42px)/1.2 var(--d);font-style:italic;max-width:24ch}
.ft{background:var(--dark);color:var(--bg);padding:64px 0 calc(24px + env(safe-area-inset-bottom));font-size:15px}
.ft-g{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:32px}
.ft h4{font:600 20px var(--d);font-variant:small-caps;margin-bottom:10px}
.ft a{display:block;padding:6px 0;text-decoration:none;opacity:.85}
.ft a:hover{opacity:1;text-decoration:underline}
.ft .logo{margin-bottom:12px}
.ft-n{border-top:1px solid rgba(243,241,237,.2);margin-top:40px;padding-top:20px;display:grid;gap:4px;opacity:.75}
.rv{opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s}
.rv.in{opacity:1;transform:none}
.mcta{display:none}
.cookie{position:fixed;left:16px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:80;max-width:720px;margin:0 auto;background:#fff;border:1px solid var(--line);box-shadow:8px 8px 0 var(--line);padding:18px 20px;display:flex;gap:16px;align-items:center;font-size:15px}
.cookie div{display:flex;gap:8px;flex-shrink:0}
@media (max-width:980px){.nav,.hd-cta{display:none}.burger{display:block}.facts{grid-template-columns:1fr 1fr}.fc:nth-child(2){border:0}.fc:nth-child(3){padding-left:0}.ft-g{grid-template-columns:1fr 1fr}.fwrap{grid-template-columns:1fr;gap:40px}}
@media (max-width:760px){.sec{padding:64px 0}.strip-hint{display:none}.card{flex-basis:84vw}.c-poster{flex-basis:88vw}.c-poster .c-img{height:220px}.c-txt h1{font-size:clamp(36px,11vw,46px)}.pr,.al,.al.rev,.fit{grid-template-columns:1fr;gap:16px}.al.rev img{order:0}.facts{grid-template-columns:1fr}.fc,.fc+.fc{padding:24px 0;border-right:0;border-bottom:1px solid var(--line)}.ft-g{grid-template-columns:1fr}.cookie{flex-direction:column;align-items:stretch}.mcta{display:flex;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:60;min-height:52px;align-items:center;justify-content:center;background:var(--acc);color:var(--bg);font-weight:600;text-decoration:none;transform:translateY(160%);transition:transform .3s}.mcta.show{transform:none}.hero::before{display:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}