@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--bg:#100d12;--panel:#1b151d;--panel2:#251923;--text:#fff4f7;--muted:#c8b8c1;--pink:#e889a7;--accent:#c83d68;--line:rgba(255,255,255,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 75% 8%,#321927 0,transparent 36%),var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;min-height:100vh}
[hidden]{display:none!important}.site-shell{max-width:1080px;margin:auto;padding:0 28px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand{font-size:17px;font-weight:800;letter-spacing:.13em;color:#fff;text-decoration:none}.brand span{color:var(--pink);margin-left:5px}.age-pill{font-size:10px;font-weight:800;letter-spacing:.14em;border:1px solid #9b526b;color:#f0b2c4;border-radius:99px;padding:8px 11px}
.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:28px;align-items:center;padding:56px 0 50px;min-height:440px}.eyebrow{color:var(--pink);font-size:10px;font-weight:800;letter-spacing:.19em;margin:0 0 13px}.hero h1{font-size:clamp(42px,6vw,68px);line-height:.99;letter-spacing:-.055em;margin:0 0 20px}.hero h1 em{font-family:'Playfair Display',Georgia,serif;color:var(--pink);font-weight:600}.intro{max-width:420px;color:var(--muted);line-height:1.7;font-size:15px}.hero-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.hero-tags span{border:1px solid var(--line);border-radius:99px;padding:8px 11px;font-size:9px;font-weight:700;letter-spacing:.12em;color:#e6d5dc}
.hero-art{height:340px;position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(135deg,#4b2637,#20131d 62%,#100d12);box-shadow:0 25px 80px #0008}.art-glow{position:absolute;width:270px;height:270px;border-radius:50%;background:#df7398;filter:blur(85px);opacity:.32;right:4%;top:10%}.art-halo{position:absolute;width:235px;height:235px;border:1px solid #f2b2c7aa;border-radius:50%;right:18%;top:13%;box-shadow:0 0 55px #d96c9270}.art-figure{position:absolute;inset:0}.art-head{position:absolute;width:105px;height:130px;border-radius:48% 48% 44% 44%;background:linear-gradient(110deg,#e7a28f,#9c5d5c);right:34%;top:19%;transform:rotate(7deg);box-shadow:inset -18px -4px 25px #4e2639}.art-neck{position:absolute;width:64px;height:95px;background:linear-gradient(90deg,#99585a,#e7a28f);right:40%;top:49%;transform:rotate(7deg)}.art-body{position:absolute;width:255px;height:205px;right:12%;bottom:-86px;border-radius:48% 48% 0 0;background:linear-gradient(110deg,#3d1e2d,#a95771 45%,#2a1521 80%);transform:rotate(-8deg);box-shadow:inset 18px 5px 25px #f0a0b55c}.art-orbit{position:absolute;width:340px;height:130px;border:1px solid #e89bb455;border-radius:50%;right:-30px;bottom:17px;transform:rotate(-25deg)}.art-caption{position:absolute;left:22px;bottom:20px;font-size:10px;line-height:1.5;font-weight:800;letter-spacing:.2em;color:#f3c4d2}
.discovery{border-top:1px solid var(--line);padding:43px 0 35px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section-heading h2{font-size:clamp(23px,3vw,32px);letter-spacing:-.04em;margin:0}.section-note{font-size:12px;color:var(--muted)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.category-card{min-height:145px;text-align:left;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#241923,#18131a);color:var(--text);padding:18px;cursor:pointer;transition:.18s ease;font:inherit}.category-card:hover{transform:translateY(-2px);border-color:#b65d7a}.category-card.selected{border-color:var(--pink);background:linear-gradient(145deg,#402234,#21151f);box-shadow:0 0 0 1px #e889a733 inset}.category-icon{display:block;color:var(--pink);font-size:22px;margin-bottom:15px}.category-name{display:block;font-weight:800;font-size:15px;margin-bottom:5px}.category-desc{display:block;color:var(--muted);font-size:11px;line-height:1.45}
.selection-panel{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#211821;border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin-top:17px}.selection-panel .eyebrow{font-size:9px;margin-bottom:7px}.selection-panel h3{font-size:19px;margin:0 0 4px}.selection-panel p:not(.eyebrow){font-size:12px;color:var(--muted);margin:0}.button{border:0;border-radius:99px;padding:15px 21px;font-size:11px;font-weight:800;letter-spacing:.07em;cursor:pointer}.button-primary{background:linear-gradient(100deg,#d34d76,#a92d58);color:#fff;box-shadow:0 9px 24px #a92d5838}.button-primary:hover{filter:brightness(1.12)}.button span{font-size:16px;margin-left:8px}.disclosure{font-size:10px;line-height:1.6;color:#9f8e98;margin:14px 2px}.footer{border-top:1px solid var(--line);padding:20px 0 30px;display:flex;justify-content:space-between;gap:15px;color:#9e8e98;font-size:10px;letter-spacing:.08em}
.age-gate{position:fixed;inset:0;z-index:10;background:radial-gradient(ellipse at 50% 25%,#482234,#100d12 65%);display:grid;place-items:center;padding:20px}.age-card{max-width:440px;width:100%;text-align:center;background:#1c151d;border:1px solid #ffffff20;border-radius:20px;padding:35px 30px;box-shadow:0 25px 90px #0009}.brand-gate{margin-bottom:20px}.age-card h1{font-size:30px;margin:20px 0 10px}.age-card p{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 22px}.age-card .button{width:100%}.exit-link{display:block;margin:17px 0;color:#c5aeb9;font-size:11px;text-decoration:underline}.age-card small{display:block;color:#897984;font-size:9px;line-height:1.5}
@media(max-width:700px){.site-shell{padding:0 17px}.topbar{height:64px}.hero{grid-template-columns:1fr;gap:22px;padding:39px 0 35px}.hero-art{height:260px;order:-1}.hero h1{font-size:48px}.section-heading{display:block}.section-note{margin:9px 0 0}.category-grid{grid-template-columns:repeat(2,1fr);gap:9px}.category-card{min-height:132px;padding:14px}.selection-panel{align-items:stretch;flex-direction:column}.selection-panel .button{width:100%}.footer{flex-wrap:wrap}.footer span:last-child{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.category-img {
  width: 100%;
  max-width: 200px;    /* Максимальная ширина картинки — 200 пикселей */
  height: 150px;       /* Высота — 150 пикселей */
  object-fit: cover;   /* Обрезает края, чтобы не плющило */
  border-radius: 8px;
  margin-bottom: 10px;
  display: block;
  margin-left: auto;   /* Центрируем */
  margin-right: auto;  /* Центрируем */
}.hero-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 20px; /* Или другой радиус, если у контейнера он свой */
  display: block;
}