/* Generated by scripts/prepare_handoff_pages.py from the GLASSBOX handoff. Do not edit by hand. */
@font-face{font-family:'Onest';src:url('assets/onest-cyrillic.woff2') format('woff2');font-style:normal;font-weight:300 800;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';src:url('assets/onest-latin.woff2') format('woff2');font-style:normal;font-weight:300 800;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Unbounded';src:url('assets/unbounded-cyrillic.woff2') format('woff2');font-style:normal;font-weight:300 600;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Unbounded';src:url('assets/unbounded-currency.woff2') format('woff2');font-style:normal;font-weight:300 600;font-display:swap;unicode-range:U+20A0-20C4}
@font-face{font-family:'Unbounded';src:url('assets/unbounded-latin.woff2') format('woff2');font-style:normal;font-weight:300 600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cormorant Garamond';src:url('assets/cormorant-cyrillic.woff2') format('woff2');font-style:italic;font-weight:400 600;font-display:swap;unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Cormorant Garamond';src:url('assets/cormorant-latin-ext.woff2') format('woff2');font-style:italic;font-weight:400 600;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cormorant Garamond';src:url('assets/cormorant-latin.woff2') format('woff2');font-style:italic;font-weight:400 600;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
html{scroll-behavior:smooth}
body{margin:0;background:#efeee8;color:#171714;font-family:Onest,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
a{color:#171714;text-decoration:none}
a:hover{color:#8a6a35}
input:focus{outline:none}
@keyframes gbGold{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes gbItem{0%{transform:translateX(-120%) skewX(-20deg)}100%{transform:translateX(260%) skewX(-20deg)}}
@keyframes gbGlare{0%{transform:translateX(-160px) skewX(-18deg)}38%{transform:translateX(1500px) skewX(-18deg)}100%{transform:translateX(1500px) skewX(-18deg)}}
/* ---- template styles (landing) ---- */
.l1{min-height:100vh;background:#efeee8}
.l2{position:sticky;top:0;z-index:40;background:rgba(239,238,232,0.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(23,23,20,0.1)}
.l3{max-width:1360px;margin:0 auto;padding:14px clamp(16px,4vw,48px);display:flex;align-items:center;justify-content:space-between;gap:20px}
.l4{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;row-gap:2px;min-width:0}
.l5{font-weight:600;font-size:19px;letter-spacing:0.16em}
.l6{display:flex;align-items:center;gap:8px;font-family:Unbounded,sans-serif;font-weight:300;font-size:11px;letter-spacing:0.08em;color:#6b6a63}
.l7{height:16px;width:auto;display:block}
.l8{display:flex;align-items:center;gap:22px}
.l9{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}
.l10{font-weight:500;font-size:16px}
.l11{font-size:12px;color:#6b6a63}
.l12{font-family:inherit;font-size:14px;font-weight:500;padding:13px 20px;white-space:nowrap;flex:0 0 auto;border:0;border-radius:999px;background:#171714;color:#f7f6f1;cursor:pointer}
.l12:hover{background:#3a372f}
.l13{position:relative;min-height:min(82vh,780px);display:flex;align-items:center;overflow:hidden;background:#20211c}
.l14{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 58%;transform:scaleX(-1)}
.l15{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,15,12,0.72) 0%,rgba(14,15,12,0.45) 45%,rgba(14,15,12,0.1) 75%),linear-gradient(180deg,rgba(14,15,12,0.15) 0%,rgba(14,15,12,0.15) 40%,rgba(14,15,12,0.8) 100%)}
.l16{position:relative;width:100%;max-width:1360px;margin:0 auto;padding:clamp(40px,6vh,72px) clamp(16px,4vw,48px) clamp(32px,5vh,56px);color:#f7f6f1;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:40px;align-items:end}
.l17{display:flex;flex-direction:column;gap:24px}
.l18{display:flex;flex-direction:row;gap:8px;width:100%;height:96px;position:relative;z-index:6}
.l19{text-align:left;font-family:inherit;padding:12px 14px;border-radius:16px;border:1px solid rgba(247,246,241,0.16);background:rgba(20,21,18,0.45);backdrop-filter:blur(10px);color:#f7f6f1;cursor:pointer;display:flex;flex-direction:row;gap:0;flex:0 0 auto;height:100%;transition:background .3s,border-color .3s}
.l20{display:flex;flex-direction:column;gap:6px;width:128px}
.l21{display:flex;justify-content:space-between;align-items:center;gap:8px;font-family:Unbounded,sans-serif;font-weight:300;font-size:14px;line-height:1;letter-spacing:0.04em;color:#d6b27a}
.l22{font-size:13px;font-weight:500;line-height:1.3;text-wrap:pretty}
.l23{display:block;overflow:hidden;width:0px;opacity:0;margin-left:0px;align-self:center;transition:width .5s cubic-bezier(.2,.8,.2,1),margin .5s cubic-bezier(.2,.8,.2,1),opacity .35s ease .1s}
.l24{display:block;width:270px;padding:0 0 0 14px;border-left:1px solid rgba(247,246,241,0.18);font-size:12px;line-height:1.4;color:#dcdad2;text-wrap:pretty}
.l25{margin:0;display:flex;flex-direction:column;gap:0.24em;font-weight:400;font-size:clamp(38px,5.4vw,78px);line-height:0.98;letter-spacing:-0.035em;text-wrap:balance;text-shadow:0 2px 24px rgba(0,0,0,0.35)}
.l26{display:block;font-family:Unbounded,sans-serif;font-weight:400;font-size:0.74em;line-height:1.05;letter-spacing:-0.02em;white-space:nowrap}
.l27{display:block;margin:0;font-family:Unbounded,sans-serif;font-weight:300;font-size:0.5em;line-height:1.1;letter-spacing:0.16em;text-transform:uppercase;color:#d6b27a}
.l28{display:block;font-size:0.58em;line-height:1.1;margin:0;letter-spacing:-0.025em}
.l29{margin:0;max-width:760px;font-size:clamp(17px,1.4vw,20px);line-height:1.5;color:#e6e4dc;text-wrap:pretty}
.l30{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
.l31{position:relative;overflow:hidden;isolation:isolate;font-family:inherit;font-size:16px;font-weight:500;padding:19px 30px;border:0;border-radius:999px;background:#d6b27a;color:#171714;cursor:pointer;box-shadow:0 8px 28px rgba(214,178,122,0.35)}
.l31:hover{box-shadow:0 10px 36px rgba(214,178,122,0.55)}
.l32{position:relative;z-index:2}
.l33{font-family:inherit;font-size:16px;font-weight:500;padding:18px 28px;border:1px solid rgba(247,246,241,0.5);border-radius:999px;background:transparent;color:#f7f6f1;cursor:pointer}
.l33:hover{background:rgba(247,246,241,0.12)}
.l34{display:flex;flex-direction:column;gap:10px;justify-self:end;width:100%;max-width:380px}
.l35{display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:18px;background:rgba(20,21,18,0.55);backdrop-filter:blur(10px);border:1px solid rgba(247,246,241,0.16)}
.l36{display:flex;align-items:center;justify-content:space-between;gap:14px}
.l37{height:24px;width:auto;display:block;filter:brightness(0) invert(1)}
.l38{font-size:12px;line-height:1.35;color:#dcdad2;text-align:right}
.l39{display:flex;align-items:center;gap:14px;padding-top:14px;border-top:1px solid rgba(247,246,241,0.16)}
.l40{font-family:Unbounded,sans-serif;font-weight:300;font-size:34px;letter-spacing:-0.02em}
.l41{display:flex;flex-direction:column;gap:2px}
.l42{color:#d6b27a;letter-spacing:2px;font-size:14px}
.l43{font-size:13px;color:#dcdad2}
.l44{display:flex;flex-direction:column;gap:8px;padding:16px 18px;border-radius:18px;background:rgba(20,21,18,0.55);backdrop-filter:blur(10px);border:1px solid rgba(247,246,241,0.16);font-size:14px;line-height:1.4}
.l45{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.l46{font-family:Unbounded,sans-serif;font-weight:300;font-size:19px;letter-spacing:-0.03em;white-space:nowrap}
.l47{font-size:12px;line-height:1.35;color:#dcdad2}
.l48{max-width:1360px;margin:0 auto;padding:clamp(24px,4vw,48px) clamp(16px,4vw,48px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,520px),1fr));gap:clamp(24px,3vw,40px)}
.l49{display:flex;flex-direction:column;gap:24px;justify-content:center;padding:clamp(8px,2vw,24px) 0}
.l50{font-size:15px;line-height:1.5;max-width:760px;color:#4a4943}
.l51{margin:0;display:flex;flex-direction:column;gap:0.24em;font-weight:400;font-size:clamp(40px,5.4vw,80px);line-height:0.98;letter-spacing:-0.035em;text-wrap:balance}
.l52{margin:0;max-width:760px;font-size:18px;line-height:1.5;color:#4a4943;text-wrap:pretty}
.l53{padding:24px;border-radius:24px;background:#f7f6f1;border:1px solid rgba(23,23,20,0.1);display:flex;flex-direction:column;gap:16px}
.l54{display:flex;justify-content:space-between;align-items:center;gap:12px}
.l55{font-size:18px;font-weight:500}
.l56{font-family:Unbounded,sans-serif;font-weight:300;font-size:12px;color:#6b6a63}
.l57{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.l58{font-family:inherit;text-align:left;font-size:15px;padding:16px 18px;border-radius:14px;border:1px solid rgba(23,23,20,0.16);background:#efeee8;color:#171714;cursor:pointer}
.l58:hover{border-color:#171714;background:#fff}
.l59{position:relative;min-height:520px;border-radius:28px;overflow:hidden;background:#20211c}
.l60{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.l61{position:absolute;left:16px;bottom:16px;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:14px;background:rgba(20,21,18,0.6);backdrop-filter:blur(10px);color:#f7f6f1}
.l62{font-family:Unbounded,sans-serif;font-weight:300;font-size:26px}
.l63{font-size:13px;line-height:1.3}
.l64{position:sticky;top:102px;z-index:35;height:0;overflow:visible}
.l65{max-width:1360px;margin:0 auto;padding:0 clamp(16px,4vw,48px);display:flex;justify-content:center;transform:translateY(-50%)}
.l66{position:relative;isolation:isolate;display:flex;gap:2px;padding:5px;max-width:100%;overflow-x:auto;scrollbar-width:none;border-radius:999px;background:linear-gradient(180deg,rgba(40,41,36,0.9),rgba(16,17,14,0.92));backdrop-filter:blur(16px) saturate(1.4);border:1px solid rgba(247,246,241,0.12);box-shadow:0 10px 30px rgba(14,15,12,0.25)}
.l67{position:absolute;left:24px;right:24px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(247,246,241,0.45),transparent);pointer-events:none}
.l68{position:relative;z-index:2;overflow:hidden;isolation:isolate;flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:10px 14px;border:0;border-radius:999px;background:transparent;font-family:inherit;font-size:13px;font-weight:500;color:#c9c7be;cursor:pointer;white-space:nowrap;transition:background .25s,color .25s}
.l68:hover{color:#f7f6f1}
.l69{position:relative;z-index:2;font-family:Unbounded,sans-serif;font-weight:300;font-size:10px;letter-spacing:0.04em;color:#8d8a80}
.l70{max-width:1360px;margin:0 auto;padding:clamp(64px,9vw,120px) clamp(16px,4vw,48px)}
.l71{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:40px}
.l72{display:flex;flex-direction:column;gap:16px;max-width:760px}
.l73{font-family:Unbounded,sans-serif;font-weight:300;font-size:11px;letter-spacing:0.1em;color:#6b6a63}
.l74{font-family:Unbounded,sans-serif;font-weight:300;font-size:1.15em;letter-spacing:0.04em}
.l75{margin:0;font-weight:400;font-size:clamp(34px,4.4vw,60px);line-height:1.02;letter-spacing:-0.03em;text-wrap:balance}
.l76{font-family:'Cormorant Garamond',serif;font-style:italic}
.l77{margin:0;max-width:760px;font-size:16px;line-height:1.5;color:#4a4943}
.l78{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px}
.l79{display:flex;flex-direction:column;background:#f7f6f1;border-radius:24px;overflow:hidden;border:1px solid rgba(23,23,20,0.08)}
.l80{position:relative;aspect-ratio:4/3;background:#dcdad2}
.l81{display:block;width:100%;height:100%}
.l82{width:100%;height:100%;object-fit:cover;display:block}
.l83{padding:22px;display:flex;flex-direction:column;gap:14px;flex:1}
.l84{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.l85{margin:0;font-weight:500;font-size:clamp(17px,1.5vw,21px);letter-spacing:0.01em;white-space:nowrap}
.l86{font-size:14px;color:#6b6a63;white-space:nowrap}
.l87{font-size:14px;color:#4a4943;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.l88{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;padding:10px;border-radius:14px;background:#fff;border:1px solid rgba(23,23,20,0.08)}
.l89{max-width:100%;max-height:100%;object-fit:contain;display:block}
.l90{display:flex;flex-direction:column;gap:2px;margin-top:auto;padding-top:14px;border-top:1px solid rgba(23,23,20,0.1)}
.l91{font-size:13px;color:#6b6a63}
.l92{font-family:Unbounded,sans-serif;font-weight:300;font-size:clamp(17px,1.5vw,21px);letter-spacing:-0.02em;white-space:nowrap}
.l93{font-family:inherit;font-size:15px;font-weight:500;padding:15px;border-radius:999px;border:1px solid #171714;background:transparent;color:#171714;cursor:pointer}
.l93:hover{background:#171714;color:#f7f6f1}
.l94{text-align:center;font-size:14px;font-weight:500;color:#4a4943}
.l95{position:absolute;top:14px;left:14px;font-family:Unbounded,sans-serif;font-weight:300;font-size:11px;letter-spacing:0.08em;padding:7px 11px;border-radius:999px;background:#171714;color:#f7f6f1}
.l96{margin:20px 0 0;font-size:13px;line-height:1.5;color:#6b6a63;max-width:820px}
.l97{padding:0 0 clamp(64px,9vw,120px)}
.l98{max-width:1360px;margin:0 auto;padding:0 clamp(16px,4vw,48px);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px}
.l99{cursor:grab;user-select:none;overflow:hidden;padding:0 clamp(16px,4vw,48px)}
.l100{display:flex;gap:14px;transition:transform .7s cubic-bezier(.2,.8,.2,1);transform:translateX(0px)}
.l101{flex:0 0 clamp(280px,30vw,420px);scroll-snap-align:start;border-radius:24px;overflow:hidden;background:#f7f6f1;color:#171714;border:1px solid rgba(23,23,20,0.08);display:flex;flex-direction:column;transition:background .25s,color .25s;cursor:default}
.l102{aspect-ratio:3/2;margin:6px 6px 0;border-radius:19px;overflow:hidden;background:repeating-linear-gradient(135deg,#e4e2d9 0 10px,#dcdad2 10px 20px);display:flex;align-items:center;justify-content:center}
.l103{padding:28px 24px 28px;display:flex;flex-direction:column;gap:10px;flex:1}
.l104{font-family:Unbounded,sans-serif;font-weight:300;font-size:14px;color:#6b6a63}
.l105{margin:0;font-weight:500;font-size:24px;letter-spacing:-0.01em}
.l106{margin:0;font-size:15px;line-height:1.5;color:#4a4943;text-wrap:pretty}
.l107{max-width:1360px;margin:28px auto 0;padding:0 clamp(16px,4vw,48px);display:flex;align-items:center;gap:clamp(16px,2vw,28px)}
.l108{font-family:Unbounded,sans-serif;font-weight:300;font-size:13px;letter-spacing:0.04em;color:#171714;white-space:nowrap}
.l109{flex:1;height:2px;border-radius:2px;background:rgba(23,23,20,0.12);position:relative;overflow:hidden}
.l110{position:absolute;top:0;bottom:0;left:0%;width:33.3333%;background:#171714;border-radius:2px;transition:left .7s cubic-bezier(.2,.8,.2,1)}
.l111{display:flex;gap:10px}
.l112{width:56px;height:56px;border-radius:999px;border:1px solid rgba(23,23,20,0.24);background:transparent;color:#171714;font-size:20px;cursor:pointer;font-family:inherit;opacity:0.35;transition:opacity .3s,background .2s,color .2s}
.l112:hover{background:#171714;color:#f7f6f1}
.l113{width:56px;height:56px;border-radius:999px;border:0;background:#171714;color:#f7f6f1;font-size:20px;cursor:pointer;font-family:inherit;opacity:1;transition:opacity .3s,background .2s}
.l113:hover{background:#3a372f}
.l114{max-width:1360px;margin:28px auto 0;padding:0 clamp(16px,4vw,48px);display:flex;flex-wrap:wrap;align-items:center;gap:20px}
.l115{font-family:inherit;font-size:16px;font-weight:500;padding:18px 28px;border:0;border-radius:999px;background:#171714;color:#f7f6f1;cursor:pointer}
.l115:hover{background:#3a372f}
.l116{font-size:14px;color:#6b6a63}
.l117{background:#141512;color:#f2f1eb}
.l118{max-width:1360px;margin:0 auto;padding:clamp(64px,9vw,120px) clamp(16px,4vw,48px);display:flex;flex-direction:column;gap:clamp(40px,5vw,64px)}
.l119{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:32px;align-items:end}
.l120{display:flex;flex-direction:column;gap:16px}
.l121{font-family:Unbounded,sans-serif;font-weight:300;font-size:11px;letter-spacing:0.1em;color:#a9a79e}
.l122{font-family:'Cormorant Garamond',serif;font-style:italic;color:#d6b27a}
.l123{margin:0;font-size:17px;line-height:1.55;color:#c9c7be;max-width:760px}
.l124{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}
.l125{border-radius:28px;background:#1e1f1b;padding:clamp(24px,2.6vw,36px);display:flex;flex-direction:column;gap:20px}
.l126{font-family:Unbounded,sans-serif;font-weight:300;font-size:11px;letter-spacing:0.1em;color:#8d8a80}
.l127{font-family:Unbounded,sans-serif;font-weight:300;font-size:clamp(56px,6vw,88px);line-height:1;letter-spacing:-0.04em}
.l128{font-size:22px;line-height:1.2}
.l129{font-size:15px;line-height:1.55;color:#b5b3aa;margin-top:auto}
.l130{display:inline;cursor:help;border-bottom:1px dashed #d6b27a;color:#f2f1eb}
.l131{border-radius:28px;background:#1e1f1b;padding:clamp(24px,2.6vw,36px);display:flex;flex-direction:column}
.l132{font-family:Unbounded,sans-serif;font-weight:300;font-size:11px;letter-spacing:0.1em;color:#8d8a80;margin-bottom:16px}
.l133{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:16px;padding:18px 0;border-top:1px solid rgba(242,241,235,0.12)}
.l134{font-size:clamp(22px,2vw,28px);white-space:nowrap;letter-spacing:-0.03em;color:#d6b27a}
.l135{font-size:15px;line-height:1.45;color:#c9c7be}
.l136{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;padding:16px 0;border-top:1px solid rgba(242,241,235,0.12)}
.l137{font-family:Unbounded,sans-serif;font-weight:300;font-size:14px;color:#d6b27a;padding-top:4px}
.l138{font-size:16px;line-height:1.45}
.l139{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}
.l140{font-size:14px;line-height:1.5;color:#a9a79e;max-width:760px}
.l141{font-family:inherit;font-size:16px;font-weight:500;padding:18px 28px;border:0;border-radius:999px;background:#d6b27a;color:#171714;cursor:pointer}
.l141:hover{background:#e3c391}
.l142{max-width:1360px;margin:0 auto;padding:clamp(64px,9vw,120px) clamp(16px,4vw,48px) 0}
.l143{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:16px}
.l144{position:relative;min-height:380px;border-radius:28px;overflow:visible;background:#141512;color:#f2f1eb;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(24px,2.6vw,36px)}
.l145{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:28px}
.l146{position:absolute;inset:0;border-radius:28px;background:linear-gradient(180deg,rgba(14,15,12,0.55) 0%,rgba(14,15,12,0.1) 35%,rgba(14,15,12,0.85) 100%)}
.l147{position:relative;display:flex;justify-content:flex-start;align-items:center;font-family:Unbounded,sans-serif;font-weight:300;font-size:13px;letter-spacing:0.1em;color:#d6b27a}
.l148{position:relative;display:flex;flex-direction:column;gap:18px}
.l149{margin:0;font-weight:400;font-size:clamp(30px,3vw,44px);line-height:1.04;letter-spacing:-0.03em;text-wrap:balance}
.l150{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.l151{margin:0;max-width:760px;font-size:15px;line-height:1.5;color:#dcdad2;text-wrap:pretty}
.l152{flex:0 0 auto;font-family:Unbounded,sans-serif;font-size:12px;font-weight:300;letter-spacing:0.08em;padding:16px 24px;border-radius:999px;border:1px solid rgba(242,241,235,0.5);background:rgba(20,21,18,0.35);backdrop-filter:blur(8px);color:#f2f1eb;cursor:pointer}
.l152:hover{background:#d6b27a;border-color:#d6b27a;color:#171714}
.l153{position:relative;min-height:520px;border-radius:28px;overflow:hidden;background:#dcdad2}
.l154{position:absolute;left:16px;bottom:16px;font-family:Unbounded,sans-serif;font-weight:300;font-size:11px;letter-spacing:0.08em;padding:8px 12px;border-radius:999px;background:rgba(20,21,18,0.6);color:#f7f6f1}
.l155{padding:clamp(28px,3.4vw,52px);border-radius:28px;background:#f7f6f1;border:1px solid rgba(23,23,20,0.08);display:flex;flex-direction:column;gap:24px}
.l156{margin:0;font-weight:400;font-size:clamp(32px,3.6vw,52px);line-height:1.04;letter-spacing:-0.03em;text-wrap:balance}
.l157{margin:0;font-size:17px;line-height:1.6;color:#4a4943;text-wrap:pretty}
.l158{display:flex;flex-direction:column}
.l159{display:flex;gap:14px;font-size:16px;line-height:1.5;color:#4a4943;padding:14px 0;border-top:1px solid rgba(23,23,20,0.12)}
.l160{color:#8a6a35}
.l161{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:auto}
.l162{font-family:inherit;font-size:15px;font-weight:500;padding:16px 26px;border:0;border-radius:999px;background:#171714;color:#f7f6f1;cursor:pointer}
.l162:hover{background:#3a372f}
.l163{padding:clamp(64px,9vw,120px) 0}
.l164{margin:0;font-weight:400;font-size:clamp(34px,4.4vw,60px);line-height:1.02;letter-spacing:-0.03em}
.l165{margin:0;flex:0 0 clamp(260px,28vw,400px);scroll-snap-align:start;display:flex;flex-direction:column;gap:10px}
.l166{aspect-ratio:4/5;border-radius:20px;overflow:hidden;background:#dcdad2}
.l167{font-size:14px;color:#4a4943}
.l168{position:absolute;top:0;bottom:0;left:0%;width:25%;background:#171714;border-radius:2px;transition:left .7s cubic-bezier(.2,.8,.2,1)}
.l169{max-width:1360px;margin:0 auto;padding:0 clamp(16px,4vw,48px) clamp(64px,9vw,120px);display:flex;flex-direction:column;gap:16px}
.l170{position:relative;min-height:540px;border-radius:28px;overflow:hidden;background:#20211c}
.l171{padding:clamp(28px,3vw,44px);border-radius:28px;background:#f7f6f1;border:1px solid rgba(23,23,20,0.08);display:flex;flex-direction:column;gap:20px}
.l172{margin:0;font-size:16px;line-height:1.55;color:#4a4943}
.l173{display:block;color:#171714;font-weight:500}
.l174{display:block}
.l175{display:flex;flex-wrap:wrap;gap:8px}
.l176{font-size:14px;padding:9px 14px;border-radius:999px;border:1px solid rgba(23,23,20,0.16)}
.l177{display:flex;flex-wrap:wrap;gap:10px;margin-top:auto}
.l178{font-size:15px;font-weight:500;padding:15px 24px;border-radius:999px;border:1px solid #171714}
.l179{padding:clamp(28px,3vw,44px);border-radius:28px;background:#141512;color:#f2f1eb;display:flex;flex-direction:column;gap:20px}
.l180{margin:0;font-weight:400;font-size:clamp(30px,3.2vw,46px);line-height:1.04;letter-spacing:-0.03em}
.l181{display:flex;gap:14px;font-size:16px;line-height:1.45;padding:12px 0;border-top:1px solid rgba(242,241,235,0.12)}
.l182{color:#d6b27a}
.l183{font-family:inherit;font-size:15px;font-weight:500;padding:16px 26px;border:0;border-radius:999px;background:#d6b27a;color:#171714;cursor:pointer}
.l183:hover{background:#e3c391}
.l184{font-size:15px;font-weight:500;padding:15px 24px;border-radius:999px;border:1px solid rgba(242,241,235,0.4);color:#f2f1eb}
.l184:hover{color:#f2f1eb;background:rgba(242,241,235,0.1)}
.l185{font-size:13px;color:#8d8a80}
.l186{position:relative;min-height:460px;border-radius:28px;overflow:hidden;background:#20211c}
.l187{max-width:1360px;margin:0 auto;padding:0 clamp(16px,4vw,48px) clamp(64px,9vw,120px)}
.l188{padding:clamp(28px,3.4vw,48px);border-radius:28px;background:#141512;color:#f2f1eb;display:flex;flex-direction:column;gap:22px}
.l189{align-self:flex-start;font-family:Unbounded,sans-serif;font-weight:300;font-size:11px;letter-spacing:0.12em;padding:8px 12px;border-radius:999px;border:1px solid #d6b27a;color:#d6b27a}
.l190{margin:0;font-weight:400;font-size:clamp(36px,4.4vw,64px);line-height:1;letter-spacing:-0.035em;text-wrap:balance}
.l191{margin:0;max-width:760px;font-size:17px;line-height:1.55;color:#c9c7be;text-wrap:pretty}
.l192{flex:1;padding:clamp(28px,3.4vw,48px);border-radius:28px;background:#f7f6f1;border:1px solid rgba(23,23,20,0.08);display:flex;flex-direction:column;gap:22px}
.l193{margin:0;font-weight:400;font-size:clamp(26px,2.6vw,36px);line-height:1.1;letter-spacing:-0.025em;text-wrap:balance}
.l194{display:flex;flex-direction:column;gap:8px}
.l195{display:flex;gap:14px;font-size:16px;line-height:1.5;color:#4a4943}
.l196{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:auto}
.l197{font-family:inherit;font-size:16px;font-weight:500;padding:19px 30px;border:0;border-radius:999px;background:#171714;color:#f7f6f1;cursor:pointer}
.l197:hover{background:#3a372f}
.l198{font-size:13px;line-height:1.5;color:#6b6a63}
.l199{position:relative;min-height:620px;border-radius:28px;overflow:hidden;background:#dcdad2}
.l200{border-top:1px solid rgba(23,23,20,0.14)}
.l201{max-width:1360px;margin:0 auto;padding:clamp(64px,9vw,120px) clamp(16px,4vw,48px);display:flex;flex-direction:column;gap:40px}
.l202{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px;align-items:end}
.l203{margin:0;font-size:16px;line-height:1.55;color:#4a4943;max-width:760px}
.l204{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:32px}
.l205{display:flex;flex-direction:column;gap:12px;padding-top:20px;border-top:1px solid #171714}
.l206{font-size:22px}
.l207{font-size:15px;line-height:1.55;color:#4a4943}
.l208{background:#e4e2d9}
.l209{max-width:1360px;margin:0 auto;padding:clamp(64px,9vw,120px) clamp(16px,4vw,48px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:32px;align-items:start}
.l210{display:flex;flex-direction:column;gap:18px}
.l211{font-family:Unbounded,sans-serif;font-weight:300;font-size:11px;letter-spacing:0.1em;color:#5c5b54}
.l212{display:flex;align-items:baseline;gap:14px}
.l213{font-family:Unbounded,sans-serif;font-weight:300;font-size:clamp(72px,8vw,112px);line-height:1;letter-spacing:-0.05em}
.l214{font-size:20px;color:#8a6a35;letter-spacing:2px}
.l215{font-size:17px;color:#4a4943}
.l216{align-self:flex-start;font-size:15px;font-weight:500;padding:14px 22px;border-radius:999px;border:1px solid #171714}
.l217{grid-column:span 2;display:flex;flex-direction:column;gap:16px}
.l218{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}
.l219{padding:24px;border-radius:22px;background:#f7f6f1;border:1px solid rgba(23,23,20,0.08);display:flex;flex-direction:column;gap:14px}
.l220{font-size:19px;line-height:1.25;color:#171714}
.l221{font-size:15px;line-height:1.55;color:#4a4943;text-wrap:pretty}
.l222{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:13px;color:#6b6a63}
.l223{color:#8a6a35;letter-spacing:1px}
.l224{max-width:1100px;margin:0 auto;padding:clamp(64px,9vw,120px) clamp(16px,4vw,48px)}
.l225{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}
.l226{display:flex;flex-direction:column;border-top:1px solid rgba(23,23,20,0.2)}
.l227{border-bottom:1px solid rgba(23,23,20,0.2)}
.l228{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;background:none;border:0;font-family:inherit;font-size:clamp(18px,1.6vw,22px);color:#171714;text-align:left;cursor:pointer}
.l229{font-size:26px;font-weight:300;flex:0 0 auto}
.l230{margin:0;padding:0 40px 24px 0;font-size:16px;line-height:1.6;color:#4a4943}
.l231{position:relative;overflow:hidden;background:#141512;color:#f2f1eb}
.l232{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0.45}
.l233{position:relative;max-width:1360px;margin:0 auto;padding:clamp(80px,12vw,160px) clamp(16px,4vw,48px);display:flex;flex-direction:column;align-items:flex-start;gap:28px}
.l234{margin:0;max-width:900px;font-weight:400;font-size:clamp(40px,5.6vw,80px);line-height:1;letter-spacing:-0.035em;text-wrap:balance}
.l235{margin:0;max-width:760px;font-size:18px;line-height:1.5;color:#e6e4dc}
.l236{display:flex;flex-wrap:wrap;gap:12px}
.l237{font-size:16px;font-weight:500;padding:18px 28px;border:1px solid rgba(242,241,235,0.5);border-radius:999px;color:#f2f1eb}
.l237:hover{color:#f2f1eb;background:rgba(242,241,235,0.12)}
.l238{max-width:1360px;margin:0 auto;padding:48px clamp(16px,4vw,48px) 120px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:28px;font-size:14px;line-height:1.6;color:#4a4943}
.l239{display:flex;flex-direction:column;gap:6px}
.l240{font-weight:600;letter-spacing:0.16em;color:#171714}
.l241{display:flex;align-items:center;gap:10px;margin-top:10px;width:fit-content}
.l242{height:22px;width:auto;display:block}
.l243{font-size:13px}
.l244{font-size:16px}
.l245{color:#6b6a63}
.l246{position:fixed;left:10px;right:10px;bottom:10px;z-index:45;display:grid;grid-template-columns:56px 56px 1fr;gap:8px;padding:8px;border-radius:999px;background:rgba(23,23,20,0.92);backdrop-filter:blur(12px)}
.l247{height:52px;border-radius:999px;background:#2c2b26;color:#f2f1eb;display:flex;align-items:center;justify-content:center;font-size:12px}
.l248{height:52px;border:0;border-radius:999px;background:#d6b27a;color:#171714;font-family:inherit;font-size:15px;font-weight:500}
/* ---- shared supplements (not in the template's inline styles) ---- */
/* focus ring #9a7637: ≥3:1 against both the cream page and the dark blocks (WCAG 1.4.11); inputs override the template's input:focus{outline:none} */
:where(a,button,input,[tabindex]):focus-visible{outline:2px solid #9a7637;outline-offset:3px}
input:focus-visible{outline:2px solid #9a7637;outline-offset:3px}
img{max-width:100%}
[hidden]{display:none!important}
.skip{position:fixed;top:-100px;left:20px;z-index:200;background:#f7f6f1;padding:14px;border-radius:999px}
.skip:focus{top:10px}
.preview-note{display:flex;justify-content:space-between;gap:10px;padding:5px clamp(16px,4vw,48px);font-size:11px;background:#e4e2d9;color:#5c5b54}
[id]{scroll-margin-top:150px}
.gb-selection{max-width:1360px;margin:0 auto;padding:clamp(48px,7vw,96px) clamp(16px,4vw,48px)}
.gb-goldfill{position:absolute;inset:0;z-index:0;border-radius:inherit;background:linear-gradient(110deg,#b8894a 0%,#e8cc94 22%,#d6b27a 42%,#f3dfb2 58%,#c49a5c 78%,#e3c391 100%);background-size:300% 100%;animation:gbGold 6s ease-in-out infinite;pointer-events:none}
.gb-navglare{position:absolute;top:0;bottom:0;left:0;width:110px;background:linear-gradient(90deg,rgba(247,246,241,0) 0%,rgba(247,246,241,0.16) 45%,rgba(214,178,122,0.18) 55%,rgba(247,246,241,0) 100%);animation:gbGlare 7s cubic-bezier(.45,.05,.25,1) 1.2s infinite;pointer-events:none;z-index:1}
.gb-navfx{position:absolute;inset:0;border-radius:inherit;z-index:0;pointer-events:none;opacity:0;background:linear-gradient(110deg,rgba(184,137,74,0.28),rgba(243,223,178,0.42),rgba(214,178,122,0.3),rgba(196,154,92,0.38));background-size:300% 100%;box-shadow:inset 0 0 0 1px rgba(214,178,122,0.55)}
.gb-navfx>span{position:absolute;top:0;bottom:0;left:0;width:45%;z-index:1;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,250,235,0.45),rgba(255,255,255,0));transform:translateX(-120%) skewX(-20deg)}
[data-nav]:hover:not(.is-active) .gb-navfx{opacity:1;animation:gbGold 3s ease-in-out infinite}
[data-nav]:hover:not(.is-active) .gb-navfx>span{animation:gbItem .9s cubic-bezier(.4,0,.2,1) forwards}
[data-nav]:hover:not(.is-active){color:#f7f6f1}
[data-nav].is-active{background:#d6b27a;color:#171714}
[data-nav]>span:not(.gb-navfx){position:relative;z-index:2}
[data-nav]:hover:not(.is-active) .gb-navfx+span{color:#d6b27a}
[data-nav].is-active .gb-navfx+span{color:#5c4520}
main :is(a[href],button,input,select,textarea,summary,[tabindex="0"]):not(nav *,.lpc *),footer :is(a[href],button){scroll-margin-top:var(--gb-focus-top,150px);scroll-margin-bottom:24px}
@media (max-width:759px){main :is(a[href],button,input,select,textarea,summary,[tabindex="0"]):not(nav *,.lpc *),footer :is(a[href],button){scroll-margin-bottom:96px}}
.gb-add{color:#6b6a63}
.gb-lightbox{border:0;padding:0;background:transparent;max-width:none;max-height:none;width:100vw;height:100vh;height:100dvh;margin:0;overflow:hidden}
.gb-lightbox[open]{display:flex;align-items:center;justify-content:center;padding:clamp(56px,6vw,88px) clamp(12px,4vw,48px) clamp(16px,3vw,40px);animation:gbFade .28s ease}
.gb-lightbox::backdrop{background:rgba(18,18,16,0.82);backdrop-filter:blur(8px)}
.gb-lightbox img{max-width:100%;max-height:100%;object-fit:contain;display:block;padding:clamp(12px,2vw,28px);border-radius:20px;background:#fff;animation:gbZoom .32s cubic-bezier(.2,.8,.2,1)}
.gb-lightbox figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px;max-width:100%;max-height:100%}
.gb-lightbox figcaption{font-size:13px;color:#dcdad2}
/* review screenshot (supplement, not in the template): text must stay readable, so on low screens (1288x585,
   landscape phone) the dialog scrolls instead of cutting the bottom and the caption; margin:auto = safe centring */
.gb-lightbox:has(figure){overflow-y:auto;overscroll-behavior:contain}
.gb-lightbox:has(figure) figure{margin:auto;max-height:none}
.gb-close{position:fixed;top:clamp(10px,2vw,22px);right:clamp(10px,2vw,22px);width:48px;height:48px;border-radius:999px;border:0;background:#f7f6f1;color:#171714;font-size:26px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}
.gb-close:hover{background:#d6b27a}
/* template openZoom(): body overflow hidden while the zoom is open — a native modal <dialog> does not stop wheel/touch
   scrolling the page underneath, so the reader came back hundreds of px away from the plan */
html:has(dialog.gb-lightbox[open]){overflow:hidden}
@keyframes gbFade{from{opacity:0}to{opacity:1}}
@keyframes gbZoom{from{transform:scale(.96)}to{transform:scale(1)}}
@media (max-width:759px){.gb-desk{display:none!important}.preview-note{font-size:9px;gap:6px}}
@media (min-width:760px){.gb-mob{display:none!important}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* ---- landing interactions (states of the template logic) ---- */
.l19[aria-expanded="true"]{background:rgba(20,21,18,0.75);border-color:rgba(214,178,122,0.6)}
.l19[aria-expanded="true"] .l23{width:270px;opacity:1;margin-left:14px}
.gb-variants{display:flex;justify-content:center;gap:6px;min-height:30px}
.gb-variants button{font-family:inherit;font-size:12px;padding:6px 12px;border-radius:999px;border:1px solid rgba(23,23,20,0.2);background:transparent;color:#171714;cursor:pointer;min-height:30px}
.gb-variants button[aria-pressed="true"]{background:#171714;border-color:#171714;color:#f7f6f1}
/* the empty variant row only aligns plans across cards in a row; only a single-column grid does not need it.
   The grid is minmax(min(100%,230px),1fr) + gap 14 → two columns from 474px of grid width (viewport ≈ 520), so query the grid, not the viewport. */
.l78{container-type:inline-size}
@container (max-width:473.98px){.gb-variants:empty{display:none}}
/* both labels stay on one line: a two-line pill made the 65 row taller and pushed its plan below the neighbours.
   The row is ≥186px in a 230px card; 12px labels need 216px, so narrow rows switch to 11px / 7px padding (180px). */
.gb-variants{container-type:inline-size}
.gb-variants button{white-space:nowrap}
@container (max-width:215.98px){.gb-variants button{font-size:11px;padding:6px 7px}}
[data-custom].is-active{background:#141512;color:#f2f1eb}
/* «СТЕКЛО»: photo stays as is (no gradient), the text is on a frosted-glass panel — the card is about glass */
[data-glass]>img+div{display:none}
[data-glass]>img+div+div{align-self:flex-start;padding:9px 15px;border-radius:999px;background:rgba(247,246,241,0.62);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);color:#7d5f2c}
[data-glass]>img+div+div+div{align-self:flex-start;max-width:min(100%,440px);padding:clamp(20px,2vw,26px);border-radius:22px;background:rgba(247,246,241,0.58);-webkit-backdrop-filter:blur(20px) saturate(1.25);backdrop-filter:blur(20px) saturate(1.25);border:1px solid rgba(255,255,255,0.6);box-shadow:0 12px 32px rgba(20,21,18,0.14);color:#171714}
[data-glass] p{color:#3b3a34}
[data-glass] h3{font-size:clamp(26px,2.3vw,34px)}
[data-glass] [data-tip]{color:#171714;border-bottom-color:#9a7337}
[data-glass] button{border-color:rgba(23,23,20,0.35);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;color:#171714}
[data-glass] button:hover{background:#171714;border-color:#171714;color:#f7f6f1}
[data-custom].is-active .l104{color:#d6b27a}
[data-custom].is-active .l106{color:#c9c7be}
[data-slider-viewport] img{-webkit-user-drag:none}
.gb-revshot{align-self:flex-start;font-family:inherit;font-size:13px;font-weight:500;padding:9px 14px;border-radius:999px;border:1px solid rgba(23,23,20,0.24);background:transparent;color:#171714;cursor:zoom-in}
.gb-revshot:hover{background:#171714;color:#f7f6f1}
.gb-tip{position:fixed;z-index:100;pointer-events:none;padding:16px 18px;border-radius:14px;background:rgba(20,21,18,0.96);backdrop-filter:blur(12px);border:1px solid rgba(214,178,122,0.6);box-shadow:0 16px 40px rgba(0,0,0,0.4);font-size:13px;line-height:1.5;color:#dcdad2;display:flex;flex-direction:column;gap:8px}
.gb-tip>div{display:flex;flex-direction:column;gap:8px}
.gb-tip-title{font-family:Unbounded,sans-serif;font-weight:300;font-size:12px;letter-spacing:0.08em;color:#d6b27a}
.gb-tip-lead{color:#f2f1eb;font-weight:500}
.l246{grid-template-columns:56px 56px minmax(0,1fr)}
/* narrow phones (< 360px, below the 390px template frame): the wordmark must not slide under the header CTA */
@media (max-width:359px){
  .l3{gap:12px}
  .l3 [data-quiz]{padding-left:16px;padding-right:16px}
  .l5{font-size:17px;letter-spacing:0.14em}
}
@media (max-width:759px){.l217{grid-column:1/-1}}
@media (max-width:759px){
  .l18{flex-direction:column;height:auto}
  .l19{flex-direction:column;height:auto}
  .l20{width:auto}
  .l23{display:none;width:auto;margin-left:0;opacity:1}
  .l19[aria-expanded="true"] .l23{display:block;width:auto;margin-left:0}
  .l24{width:auto;padding:8px 0 0;border-left:0}
}

/* ---- privacy.html / consent.html / 404.html: same tokens as the template (paper #efeee8, ink #171714, Onest, Unbounded eyebrows) ---- */
.legal{max-width:760px;margin:0 auto;padding:clamp(28px,6vw,72px) clamp(20px,5vw,40px) 96px;font-size:16px;line-height:1.65;color:#2b2a26;overflow-wrap:anywhere}
.legal>a:first-child{display:inline-flex;align-items:center;min-height:44px;font-family:Unbounded,sans-serif;font-weight:300;font-size:12px;letter-spacing:0.08em;color:#6b6a63;text-decoration:none}
.legal>a:first-child:hover{color:#171714}
.legal .eyebrow{margin:0 0 8px;font-family:Unbounded,sans-serif;font-weight:300;font-size:12px;letter-spacing:0.08em;color:#6b6a63}
.legal h1{margin:20px 0 28px;font-weight:400;font-size:clamp(32px,5vw,52px);line-height:1.08;letter-spacing:-0.02em;color:#171714;text-wrap:balance}
.legal h2{margin:44px 0 12px;font-weight:500;font-size:clamp(20px,2.4vw,26px);line-height:1.25;color:#171714}
.legal p{margin:0 0 16px}
.legal a{color:#171714;text-decoration:underline;text-underline-offset:3px}
.legal .button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;margin-top:12px;padding:14px 28px;border-radius:999px;background:#171714;color:#f7f6f1;font-size:15px;font-weight:500;text-decoration:none}
.legal .button:hover{background:#3a372f}