/* Вторая главная «Всё на море» — выразительная (идея из варианта Arena, 02.10.2026).
   Тёмный первый экран, огромные буквы, круглое окно с галькой, рукописные вставки.
   Поверх общего n.css: берёт его кнопки, карточки, метки «уточнить». */
:root {
  --b-night: #07161c;
  --b-night2: #0d2a33;
  --b-sand: #f4ece3;
  --b-paper: #fbf7f1;
  --b-ink: #14262d;
  --b-coral: #e25c3a;
  --b-coral-d: #c94a2b;
  --f-display: "Unbounded", "Manrope", system-ui, sans-serif;
  --f-hand: "Caveat", "Marck Script", cursive;
  --f-text: "Manrope", "Nunito", system-ui, sans-serif;
}
body.b { background: var(--b-paper); color: var(--b-ink); font-family: var(--f-text); }
.b .wrap { max-width: 1240px; }
.hand { font-family: var(--f-hand); font-weight: 600; }

/* шапка */
.bh { position: absolute; top: 0; left: 0; right: 0; z-index: 30; }
.bh .in { display: flex; align-items: center; gap: 14px; height: 78px; }
.bh .lg { font-family: var(--f-display); font-size: 17px; line-height: 1; color: var(--b-sand); text-transform: lowercase; letter-spacing: -.02em; }
.bh .lg small { display: block; margin-top: 4px; font: 600 15px var(--f-hand); color: var(--b-coral); letter-spacing: 0; }
.bh nav { display: none; margin: 0 auto; gap: 2px; }
.bh nav a { padding: 8px 13px; border-radius: 999px; color: rgba(244, 236, 227, .82); font-weight: 700; font-size: 14px; }
.bh nav a:hover { color: #fff; background: rgba(255, 255, 255, .08); }
.bh .r { margin-left: auto; display: flex; gap: 10px; align-items: center; }
.bh .cab { display: none; padding: 9px 16px; border-radius: 999px; border: 1px solid rgba(244, 236, 227, .3); color: var(--b-sand); font-weight: 700; font-size: 13px; }
.bh .bb { padding: 11px 20px; border-radius: 999px; background: var(--b-coral); color: #fff; font-weight: 800; font-size: 14px; white-space: nowrap; }
.bh .bb:hover { background: var(--b-coral-d); }
.bh .bg { width: 42px; height: 42px; border-radius: 50%; border: 1px solid rgba(244, 236, 227, .3); background: transparent; color: var(--b-sand); cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.bm { display: none; position: absolute; top: 78px; left: 12px; right: 12px; z-index: 40; background: var(--b-night2); border-radius: 22px; padding: 10px; box-shadow: 0 30px 60px -20px rgba(0, 0, 0, .6); }
.bm.open { display: block; }
.bm a { display: block; padding: 13px 16px; color: var(--b-sand); font-weight: 700; border-radius: 14px; }
.bm a:hover { background: rgba(255, 255, 255, .06); }
@media (min-width: 1080px) { .bh nav { display: flex; } .bh .cab { display: inline-block; } .bh .bg { display: none; } .bm { display: none !important; } }

/* первый экран */
.bhero { position: relative; background: var(--b-night); color: var(--b-sand); overflow: hidden; padding: 120px 0 70px; }
.bhero::before { content: ""; position: absolute; width: 700px; height: 700px; right: -180px; top: -200px; border-radius: 50%; background: radial-gradient(circle, rgba(226, 92, 58, .22), transparent 65%); }
.bhero .grid2 { position: relative; display: grid; gap: 40px; align-items: center; grid-template-columns: 1fr; }
@media (min-width: 960px) { .bhero .grid2 { grid-template-columns: 1.25fr .9fr; } .bhero { padding: 140px 0 90px; } }
.bhero .btag { font-family: var(--f-hand); font-weight: 600; font-size: clamp(22px, 2.4vw, 30px); color: var(--b-coral); margin: 0 0 26px; }
.bhero h1 { margin: 0; font-family: var(--f-display); font-weight: 400; font-size: clamp(52px, 10.5vw, 128px); line-height: .82; letter-spacing: -.045em; color: var(--b-sand); text-transform: uppercase; }
.bhero h1 em { font-style: normal; color: var(--b-coral); }
.bhero .lede { max-width: 540px; margin: 26px 0 0; font-size: clamp(16px, 1.6vw, 19px); font-weight: 600; line-height: 1.55; color: rgba(244, 236, 227, .82); }
.bhero .nums { display: flex; flex-wrap: wrap; gap: 14px 38px; margin-top: 30px; }
.bhero .nums div b { display: block; font: 400 clamp(26px, 3vw, 38px) var(--f-display); color: var(--b-sand); letter-spacing: -.03em; line-height: 1; }
.bhero .nums div span { display: block; margin-top: 6px; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: rgba(244, 236, 227, .55); }
.bhero .nums .ph { margin-left: 6px; }
.bhero .cta { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 12px; }
.bhero .cta a { display: inline-flex; padding: 16px 28px; border-radius: 999px; font-weight: 800; font-size: 16px; }
.bhero .cta .c1 { background: var(--b-coral); color: #fff; }
.bhero .cta .c1:hover { background: var(--b-coral-d); }
.bhero .cta .c2 { border: 1px solid rgba(244, 236, 227, .35); color: var(--b-sand); }
.bhero .cta .c2:hover { background: rgba(255, 255, 255, .08); }
.circle { position: relative; width: min(100%, 520px); aspect-ratio: 1; margin: 0 auto; border-radius: 50%; overflow: hidden; box-shadow: 0 40px 90px -30px rgba(0, 0, 0, .7); }
.circle img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.12); animation: kb 18s ease-in-out infinite alternate; }
@keyframes kb { from { transform: scale(1.12) translate(0, 0); } to { transform: scale(1.22) translate(-2%, -2%); } }
.circle::after { content: ""; position: absolute; inset: 0; border-radius: 50%; box-shadow: inset 0 0 0 10px rgba(7, 22, 28, .5); }
.sticker { position: absolute; right: 2%; bottom: 8%; z-index: 3; width: min(250px, 55%); padding: 14px 18px 16px; border-radius: 22px 22px 22px 6px; background: var(--b-coral); color: #fff; transform: rotate(-3deg); box-shadow: 0 20px 40px -14px rgba(0, 0, 0, .5); }
.sticker b { display: block; font: 400 26px var(--f-display); text-transform: lowercase; letter-spacing: -.02em; }
.sticker span { display: block; margin-top: 4px; font: 600 19px/1.15 var(--f-hand); }
.circlewrap { position: relative; }
@media (prefers-reduced-motion: reduce) { .circle img { animation: none; } }

/* поиск под первым экраном */
.bsearch { position: relative; z-index: 5; margin-top: -42px; }
.bsearch .search { border-radius: 28px; box-shadow: 0 30px 70px -30px rgba(7, 22, 28, .6); }

/* секции */
.bs { padding: 80px 0; }
.bs.sand { background: var(--b-sand); }
.bs.night { background: var(--b-night); color: var(--b-sand); }
.k { margin: 0; font-family: var(--f-hand); font-weight: 600; font-size: 28px; color: var(--b-coral); line-height: 1; }
.t2 { margin: 8px 0 0; font-family: var(--f-display); font-weight: 400; font-size: clamp(26px, 4.2vw, 46px); line-height: 1.06; letter-spacing: -.03em; color: var(--b-ink); }
.night .t2 { color: var(--b-sand); }
.why { display: grid; gap: 22px; margin-top: 36px; grid-template-columns: 1fr; }
@media (min-width: 800px) { .why { grid-template-columns: repeat(3, 1fr); } }
.why > div { padding: 28px; border-radius: 28px; background: #fff; border: 1px solid rgba(20, 38, 45, .08); }
.why b { display: block; font: 400 21px var(--f-display); letter-spacing: -.02em; color: var(--b-ink); }
.why p { margin: 10px 0 0; font-weight: 600; line-height: 1.55; color: #4a5c63; }
.bhead { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 16px; margin-bottom: 30px; }
.bhead a { font-weight: 800; color: var(--b-coral-d); }
.two2 { display: grid; gap: 20px; grid-template-columns: 1fr; margin-top: 34px; }
@media (min-width: 800px) { .two2 { grid-template-columns: 1fr 1fr; } }
.place { padding: 34px; border-radius: 32px; background: var(--b-sand); }
.place .hand { color: var(--b-coral); font-size: 24px; }
.place h3 { margin: 6px 0 10px; font: 400 28px var(--f-display); letter-spacing: -.03em; }
.place p { margin: 0; font-weight: 600; line-height: 1.55; color: #4a5c63; }
.steps3 { display: grid; gap: 22px; margin-top: 36px; grid-template-columns: 1fr; }
@media (min-width: 800px) { .steps3 { grid-template-columns: repeat(3, 1fr); } }
.steps3 > div { padding: 28px; border-radius: 28px; border: 1px solid rgba(244, 236, 227, .16); }
.steps3 i { display: block; font: 400 44px var(--f-display); color: var(--b-coral); font-style: normal; letter-spacing: -.04em; }
.steps3 b { display: block; margin-top: 8px; font-size: 20px; }
.steps3 p { margin: 8px 0 0; color: rgba(244, 236, 227, .75); font-weight: 600; line-height: 1.55; }
.letters { display: grid; gap: 20px; margin-top: 34px; grid-template-columns: 1fr; }
@media (min-width: 900px) { .letters { grid-template-columns: repeat(3, 1fr); } }
.letter { padding: 26px; border-radius: 24px; background: #fff; border: 1px solid rgba(20, 38, 45, .08); display: flex; flex-direction: column; gap: 12px; }
.letter .st { color: var(--b-coral); letter-spacing: 2px; }
.letter p { margin: 0; font-weight: 600; line-height: 1.6; }
.letter .who { margin-top: auto; font: 600 22px var(--f-hand); color: #4a5c63; }
.about { display: grid; gap: 30px; align-items: center; grid-template-columns: 1fr; }
@media (min-width: 900px) { .about { grid-template-columns: .8fr 1.2fr; } }
.portrait { aspect-ratio: 4/5; border-radius: 32px; background: repeating-linear-gradient(45deg, rgba(226, 92, 58, .12) 0 14px, rgba(226, 92, 58, .05) 14px 28px); border: 2px dashed rgba(226, 92, 58, .5); display: flex; align-items: center; justify-content: center; text-align: center; padding: 20px; font-weight: 800; color: var(--b-coral-d); }
.about p { font-size: 18px; font-weight: 600; line-height: 1.65; color: #34474e; }
.bban { border-radius: 40px; padding: clamp(32px, 5vw, 60px); background: var(--b-night); color: var(--b-sand); display: grid; gap: 22px; align-items: center; }
@media (min-width: 900px) { .bban { grid-template-columns: 1fr auto; } }
.bban .t2 { color: var(--b-sand); }
.bban p { margin: 14px 0 0; max-width: 560px; color: rgba(244, 236, 227, .78); font-weight: 600; line-height: 1.6; }
.bf { background: var(--b-night); color: rgba(244, 236, 227, .75); padding: 60px 0 30px; }
.bf .big { font: 400 clamp(34px, 7vw, 86px) var(--f-display); letter-spacing: -.045em; text-transform: uppercase; color: var(--b-sand); line-height: .9; }
.bf .big em { color: var(--b-coral); font-style: normal; }
.bf .row { margin-top: 30px; display: flex; flex-wrap: wrap; gap: 12px; }
.bf .row a { padding: 14px 24px; border-radius: 999px; font-weight: 800; border: 1px solid rgba(244, 236, 227, .3); color: var(--b-sand); }
.bf .row a.c { background: var(--b-coral); border-color: var(--b-coral); color: #fff; }
.bf .links { margin-top: 40px; padding-top: 24px; border-top: 1px solid rgba(244, 236, 227, .14); display: flex; flex-wrap: wrap; gap: 8px 22px; font-weight: 700; font-size: 14px; }
.bf .links a:hover { color: var(--b-coral); }
.bf .legal { margin-top: 18px; font-size: 13px; font-weight: 600; color: rgba(244, 236, 227, .5); }
.b .card { border-radius: 26px; }
.b .btn-coral { background: var(--b-coral); }
.b .btn-coral:hover { background: var(--b-coral-d); }

/* ===== Тёплая светлая тема (главная /n/ с 04.10.2026): те же блоки, но без чёрного ===== */
body.b.warm { background: var(--b-paper); }
.warm { --w-cream: #fff7ef; --w-deep: #f6e6d6; --w-peach: #f3cdb2; }
.warm .bh .lg { color: var(--b-ink); }
.warm .bh nav a { color: rgba(20, 38, 45, .78); }
.warm .bh nav a:hover { color: var(--b-ink); background: rgba(20, 38, 45, .06); }
.warm .bh .cab, .warm .bh .bg { border-color: rgba(20, 38, 45, .22); color: var(--b-ink); }
.warm .bm { background: #fff; box-shadow: 0 30px 60px -20px rgba(20, 38, 45, .25); }
.warm .bm a { color: var(--b-ink); }
.warm .bm a:hover { background: var(--b-sand); }
.warm .bhero { background: linear-gradient(180deg, var(--w-cream) 0%, var(--w-deep) 100%); color: var(--b-ink); }
.warm .bhero::before { background: radial-gradient(circle, rgba(243, 205, 178, .75), transparent 65%); }
.warm .bhero h1 { color: var(--b-ink); }
.warm .bhero .lede { color: #3b4d54; }
.warm .bhero .nums div b { color: var(--b-ink); }
.warm .bhero .nums div span { color: rgba(20, 38, 45, .55); }
.warm .bhero .cta .c2 { border-color: rgba(20, 38, 45, .3); color: var(--b-ink); }
.warm .bhero .cta .c2:hover { background: rgba(20, 38, 45, .06); }
.warm .circle { box-shadow: 0 40px 80px -34px rgba(120, 70, 40, .55); }
.warm .circle::after { box-shadow: inset 0 0 0 10px rgba(255, 247, 239, .85); }
.warm .sticker { box-shadow: 0 20px 40px -16px rgba(120, 50, 20, .45); }
.warm .bs.night { background: var(--w-peach); color: var(--b-ink); }
.warm .night .t2 { color: var(--b-ink); }
.warm .steps3 > div { background: rgba(255, 255, 255, .55); border-color: rgba(20, 38, 45, .1); }
.warm .steps3 p { color: #4a5c63; }
.warm .bban { background: var(--w-deep); color: var(--b-ink); }
.warm .bban .t2 { color: var(--b-ink); }
.warm .bban p { color: #4a5c63; }
.warm .bf { background: var(--w-deep); color: #4a5c63; }
.warm .bf .big { color: var(--b-ink); }
.warm .bf .row a { border-color: rgba(20, 38, 45, .25); color: var(--b-ink); }
.warm .bf .row a.c { background: var(--b-coral); border-color: var(--b-coral); color: #fff; }
.warm .bf .links { border-top-color: rgba(20, 38, 45, .14); }
.warm .bf .legal { color: rgba(20, 38, 45, .5); }

/* ===== полоса фактов и «зелёный двор» (04–07.10.2026) ===== */
.bfacts { padding: 34px 0 6px; }
.fgrid { display: grid; gap: 22px 18px; grid-template-columns: repeat(2, 1fr); }
@media (min-width: 900px) { .fgrid { grid-template-columns: repeat(5, 1fr); } }
.fgrid > div { text-align: center; padding: 0 6px; }
.fgrid b { display: block; font: 400 clamp(26px, 3.2vw, 38px)/1.05 var(--f-display); color: var(--b-ink); letter-spacing: -.03em; }
.fgrid span { display: block; margin-top: 8px; font-weight: 700; font-size: 14px; line-height: 1.4; color: #4a5c63; }
.terr .portrait { aspect-ratio: 4/3; }

/* ===== Третья тема «терракота» (/n/?theme=terra): среднее между светлой и тёмной ===== */
.terra { --t-clay: #c7653a; --t-clay2: #a9512b; --t-deep: #7a3b1f; --t-cream: #fff3e4; --t-sand: #f0d6b8; }
body.b.terra { background: var(--t-sand); }
.terra .bh .lg, .terra .bh nav a { color: var(--t-cream); }
.terra .bh nav a:hover { background: rgba(255, 243, 228, .14); color: #fff; }
.terra .bh .cab, .terra .bh .bg { border-color: rgba(255, 243, 228, .5); color: var(--t-cream); }
.terra .bh .lg small { color: #ffd9a8; }
.terra .bh .bb { background: var(--t-deep); }
.terra .bhero { background: linear-gradient(170deg, #dd8a55 0%, var(--t-clay) 45%, var(--t-clay2) 100%); color: var(--t-cream); }
.terra .bhero::before { background: radial-gradient(circle, rgba(255, 214, 160, .45), transparent 65%); }
.terra .bhero .btag { color: #ffe0b8; }
.terra .bhero h1 { color: var(--t-cream); }
.terra .bhero h1 em { color: #3b1c0d; }
.terra .bhero .lede { color: rgba(255, 243, 228, .92); }
.terra .bhero .nums div b { color: var(--t-cream); }
.terra .bhero .nums div span { color: rgba(255, 243, 228, .75); }
.terra .bhero .cta .c1 { background: var(--t-deep); }
.terra .bhero .cta .c2 { border-color: rgba(255, 243, 228, .6); color: var(--t-cream); }
.terra .bhero .cta .c2:hover { background: rgba(255, 243, 228, .14); }
.terra .circle { box-shadow: 0 40px 80px -30px rgba(60, 25, 8, .6); }
.terra .circle::after { box-shadow: inset 0 0 0 10px rgba(255, 243, 228, .85); }
.terra .sticker { background: var(--t-deep); }
.terra .bfacts, .terra .bs { background: transparent; }
.terra .bs.sand { background: var(--t-sand); }
.terra .bs.night { background: var(--t-clay2); color: var(--t-cream); }
.terra .night .t2 { color: var(--t-cream); }
.terra .night .k { color: #ffd9a8; }
.terra .steps3 > div { background: rgba(255, 243, 228, .12); border-color: rgba(255, 243, 228, .3); }
.terra .steps3 p { color: rgba(255, 243, 228, .88); }
.terra .steps3 i { color: #ffd9a8; }
.terra .bban { background: var(--t-deep); color: var(--t-cream); }
.terra .bban .t2 { color: var(--t-cream); }
.terra .bban p { color: rgba(255, 243, 228, .85); }
.terra .bf { background: #5e2d16; color: rgba(255, 243, 228, .8); }
.terra .bf .big { color: var(--t-cream); }
.terra .bf .row a { border-color: rgba(255, 243, 228, .4); color: var(--t-cream); }
.terra .bf .row a.c { background: var(--t-clay); border-color: var(--t-clay); }
.terra .bf .links { border-top-color: rgba(255, 243, 228, .2); }
.terra .bf .legal { color: rgba(255, 243, 228, .6); }
.terra .k { color: var(--t-clay2); }
.terra .why > div, .terra .letter { background: #fff8ef; }
.terra .place { background: #f7e6d0; }

/* ===== Морские темы (/n/?theme=sea — тёмная бирюза, /n/?theme=aqua — светлая бирюза) ===== */
.sea { --m-h1:#0f4c5c; --m-h2:#1f7a8e; --m-bg:#e6f3f4; --m-head:#f2fbff; --m-text:#f2fbff; --m-tag:#ffb48a; --m-em:#ff9a6b; --m-sand:#d6eaec;
       --m-night:#14586a; --m-night-text:#f2fbff; --m-step:rgba(255,255,255,.12); --m-bban:#0d3f4d; --m-bban-text:#f2fbff; --m-foot:#0a2f3a; --m-foot-text:rgba(242,251,255,.8);
       --m-ring:rgba(242,251,255,.85); --m-k:#14586a; --m-line:rgba(242,251,255,.25); }
.aqua { --m-h1:#e6f8f8; --m-h2:#bfe6e8; --m-bg:#f1fafa; --m-head:#0f3b46; --m-text:#0f3b46; --m-tag:#c94a2b; --m-em:#e25c3a; --m-sand:#dff2f3;
        --m-night:#9fd8da; --m-night-text:#0f3b46; --m-step:rgba(255,255,255,.6); --m-bban:#cdeaec; --m-bban-text:#0f3b46; --m-foot:#bfe3e5; --m-foot-text:#2c5560;
        --m-ring:rgba(255,255,255,.9); --m-k:#1c7185; --m-line:rgba(15,59,70,.22); }
body.b.mtheme { background: var(--m-bg); }
.mtheme .bh .lg, .mtheme .bh nav a { color: var(--m-head); }
.mtheme .bh nav a:hover { background: rgba(127,127,127,.15); }
.mtheme .bh .cab, .mtheme .bh .bg { border-color: var(--m-line); color: var(--m-head); }
.mtheme .bh .lg small { color: var(--m-tag); }
.mtheme .bhero { background: linear-gradient(170deg, var(--m-h1) 0%, var(--m-h2) 100%); color: var(--m-text); }
.mtheme .bhero::before { background: radial-gradient(circle, rgba(255,255,255,.28), transparent 65%); }
.mtheme .bhero .btag { color: var(--m-tag); }
.mtheme .bhero h1 { color: var(--m-text); }
.mtheme .bhero h1 em { color: var(--m-em); }
.mtheme .bhero .lede { color: var(--m-text); opacity: .92; }
.mtheme .bhero .nums div b { color: var(--m-text); }
.mtheme .bhero .nums div span { color: var(--m-text); opacity: .7; }
.mtheme .bhero .cta .c2 { border-color: var(--m-line); color: var(--m-text); }
.mtheme .bhero .cta .c2:hover { background: rgba(127,127,127,.15); }
.mtheme .circle::after { box-shadow: inset 0 0 0 10px var(--m-ring); }
.mtheme .bfacts, .mtheme .bs { background: transparent; }
.mtheme .bs.sand { background: var(--m-sand); }
.mtheme .bs.night { background: var(--m-night); color: var(--m-night-text); }
.mtheme .night .t2 { color: var(--m-night-text); }
.mtheme .night .k { color: var(--m-night-text); opacity: .85; }
.mtheme .steps3 > div { background: var(--m-step); border-color: var(--m-line); }
.mtheme .steps3 p { color: var(--m-night-text); opacity: .9; }
.mtheme .bban { background: var(--m-bban); color: var(--m-bban-text); }
.mtheme .bban .t2 { color: var(--m-bban-text); }
.mtheme .bban p { color: var(--m-bban-text); opacity: .88; }
.mtheme .bf { background: var(--m-foot); color: var(--m-foot-text); }
.mtheme .bf .big { color: var(--m-foot-text); filter: brightness(1.25); }
.mtheme .bf .row a { border-color: var(--m-line); color: var(--m-foot-text); }
.mtheme .bf .row a.c { background: var(--b-coral); border-color: var(--b-coral); color: #fff; }
.mtheme .bf .links { border-top-color: var(--m-line); }
.mtheme .bf .legal { color: var(--m-foot-text); opacity: .7; }
.mtheme .k { color: var(--m-k); }
.mtheme .place { background: #fff; }

/* 15.10.2026: тема «Закат» — цвета визитки бота; с 15.10 основная на /n/ (прежняя светлая — ?theme=warm).
   Фото берега на весь первый экран, небо светлое, один набор шрифтов: Lobster (заголовки, логотип) + Nunito (текст). */
.sunset { --m-h1:#8fb0ee; --m-h2:#e8a699; --m-bg:#fbf3ee; --m-head:#ffffff; --m-text:#ffffff; --m-tag:#fff6dc; --m-em:#ffe2a6; --m-sand:#f4e4de;
          --m-night:#3f4f9a; --m-night-text:#ffffff; --m-step:rgba(255,255,255,.14); --m-bban:#4a5aa8; --m-bban-text:#ffffff; --m-foot:#33407f; --m-foot-text:rgba(255,255,255,.9);
          --m-ring:rgba(255,255,255,.92); --m-k:#5565b0; --m-line:rgba(255,255,255,.45); --b-coral:#e57a62; --b-coral-d:#cf654e;
          --f-display: "Lobster", "Marck Script", cursive; --f-hand: "Lobster", "Marck Script", cursive; --f-text: "Nunito", system-ui, sans-serif; }
/* первый экран: фото берега чёткое, лёгкая голубая вуаль сверху и мягкая тень под текстом */
.sunset .bhero { min-height: min(100vh, 920px); display: flex; align-items: center; text-align: center;
  background:
    radial-gradient(ellipse 78% 62% at 50% 48%, rgba(38,56,130,.40) 0%, rgba(38,56,130,0) 74%),
    linear-gradient(180deg, rgba(143,176,238,.50) 0%, rgba(184,203,242,.16) 42%, rgba(184,203,242,.04) 72%, rgba(110,124,196,.20) 100%),
    url("/static/n/hero_photo2_hd.jpg") center 60% / cover no-repeat; }
.sunset .bhero::before { display: none; }
.sunset .bhero .grid2 { grid-template-columns: 1fr; width: 100%; }
.sunset .circlewrap { display: none; }
.sunset .bhero h1 { font-size: clamp(54px, 13vw, 170px); line-height: 1.02; letter-spacing: 0; text-transform: none; white-space: nowrap; }
.sunset .bhero h1 br { display: none; }
.sunset .bhero .btag { font-size: clamp(24px, 2.6vw, 34px); margin-bottom: 18px; }
.sunset .bhero .lede { max-width: 780px; margin: 22px auto 0; font-size: clamp(17px, 1.7vw, 21px); }
.sunset .bhero .nums, .sunset .bhero .cta { justify-content: center; }
.sunset .bhero .nums div b { font-size: clamp(30px, 3.4vw, 44px); }
.sunset .bhero .nums div span { font-size: 13px; }
.sunset .bhero h1, .sunset .bhero .lede, .sunset .bhero .btag, .sunset .bhero .nums div b, .sunset .bhero .nums div span, .sunset .bh .lg, .sunset .bh nav a
  { text-shadow: 0 1px 2px rgba(30,45,110,.40), 0 2px 22px rgba(30,45,110,.42); }
.sunset .bhero .nums div span, .sunset .bhero .lede { opacity: 1; }
.sunset .bhero .cta .c2 { border-color: rgba(255,255,255,.75); }
/* шапка: крупнее */
.sunset .bh .lg { font-size: 27px; letter-spacing: 0; text-transform: none; white-space: nowrap; }
.sunset .bh .lg small { font-size: 17px; margin-top: 2px; }
.sunset .bh nav a { font-size: 17px; font-weight: 800; padding: 10px 12px; white-space: nowrap; }
.sunset .bh .cab { white-space: nowrap; }
.sunset .bh .bb { font-size: 16px; padding: 12px 22px; }
.sunset .bh .cab { font-size: 15px; }
@media (max-width: 1500px) { .sunset .bh .cab { display: none !important; } }
@media (max-width: 560px) { .sunset .bh .lg { font-size: 22px; } .sunset .bh .bb { font-size: 14px; padding: 10px 16px; } }
/* «Варианты размещения» */
.chips2 { display: flex; flex-wrap: wrap; gap: 10px; margin: 6px 0 22px; }
.chips2 a { display: inline-flex; padding: 11px 20px; border-radius: 999px; background: #fff; border: 1px solid rgba(85,101,176,.28); color: #3f4f9a; font-weight: 800; font-size: 16px; }
.chips2 a:hover { background: #3f4f9a; color: #fff; }