/* home-hub-v2.css */
/* Scoped additions: existing format cards, gallery, FAQ and footer retain their design. */
.home-hub {padding: 170px 5vw 64px; background: #f8f2e7; color: #30221d;}
.home-hub-heading {max-width: 1296px; margin: 0 auto 28px; display: flex; justify-content: space-between; align-items: end; gap: 24px;}
.home-hub-heading .section-kicker {margin: 0 0 12px;}
.home-hub-heading h1 {font: 800 clamp(32px,4vw,58px)/1.05 var(--font-manrope, sans-serif); letter-spacing: -.045em; text-transform: uppercase; color: #74242a; margin: 0;}
.home-hub-note {font-size: 16px; margin: 0 0 4px;}
.home-hub-grid {max-width:1296px; margin:auto; display:grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:18px;}
.home-hub-tile {display:block; position:relative; min-width:0; aspect-ratio:1; padding:0; margin:0; border:1.5px solid #b49a82; border-radius:3px; overflow:hidden; background:#f3eadb; color:#74242a; text-align:left; text-decoration:none; isolation:isolate; transition:border-color .2s,box-shadow .2s,transform .2s;}
button.home-hub-tile, a.home-hub-tile {cursor:pointer;}
.home-hub-tile img {display:block; position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .4s ease;}
.home-hub-tile-title {position:absolute; z-index:1; top:7%; left:7%; right:7%; font:800 clamp(24px,2.45vw,36px)/1.12 var(--font-manrope,sans-serif); letter-spacing:-.035em; text-transform:uppercase; max-width:90%; text-wrap:balance;}
.home-hub-arrow {position:absolute; right:6%; bottom:6%; width:44px; height:44px; display:grid; place-items:center; border-radius:50%; background:#74242a; color:#fff9ef; font:400 28px/1 sans-serif;}
.home-hub-soon {position:absolute; right:6%; bottom:6%; padding:8px 14px; border:1px solid #74242a; background:#f8f2e7ed; color:#74242a; font-size:13px; font-weight:700; text-transform:uppercase; letter-spacing:.07em;}
.home-hub-tile:focus-visible {outline:3px solid #74242a; outline-offset:4px;}
@media (hover:hover) {a.home-hub-tile:hover,button.home-hub-tile:hover {border-color:#74242a;box-shadow:0 8px 24px #41231718;transform:translateY(-2px);} a.home-hub-tile:hover img,button.home-hub-tile:hover img {transform:scale(1.025);}}
.home-hub-dialog {max-width:560px; width:calc(100% - 32px); max-height:calc(100dvh - 48px); padding:0; border:1px solid #b49a82; border-radius:8px; background:#f8f2e7; color:#30221d; margin:auto; overscroll-behavior:contain;}
.home-hub-dialog::backdrop {background:#261a17a6; backdrop-filter:blur(3px);}
.home-hub-dialog-body {position:relative; padding:44px 32px 32px;}
.home-hub-close {position:absolute;right:14px;top:12px; width:40px;height:40px; border:1px solid #b49a82; border-radius:50%; color:#74242a; background:none; font:30px/1 sans-serif; cursor:pointer;}
.home-hub-dialog h2 {font-size:clamp(28px,6vw,40px); line-height:1.08; letter-spacing:-.04em; color:#74242a; margin:20px 0;}
.home-hub-dialog-copy {font-size:17px;line-height:1.6;}
.home-hub-dialog h3 {font-size:16px; margin:28px 0 12px;}
.home-hub-links {display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.home-hub-links a {background:#74242a;color:#fff9ef;padding:15px 10px;text-align:center;text-decoration:none;font-weight:700;border-radius:3px;}
.home-hub-access {display:block;margin-top:24px;color:#74242a;text-underline-offset:4px;line-height:1.6;}
.formats-title {max-width:none;}
@media (max-width: 767px) {
  .home-hub {padding:114px 16px 36px;}
  .home-hub-heading {display:block;margin-bottom:20px;}
  .home-hub-heading .section-kicker {font-size:10px;letter-spacing:.12em;margin-bottom:9px;}
  .home-hub-heading h1 {font-size:32px;}
  .home-hub-note {font-size:13px;margin-top:10px;}
  .home-hub-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .home-hub-tile-title {font-size:clamp(15px,4.15vw,25px);top:7%;left:7%;right:5%;letter-spacing:-.04em;}
  .home-hub-arrow {width:30px;height:30px;font-size:21px;}
  .home-hub-soon {font-size:10px;padding:5px 9px;}
  .home-hub-dialog-body {padding:42px 22px 26px;}
}
@media (prefers-reduced-motion:reduce) {.home-hub-tile,.home-hub-tile img {transition:none;}}

/* Paper-collage design carried through the existing homepage. */
.site-header {background:#f8f2e7f5;box-shadow:5px 6px 0 #74242a12;border-color:#bca58e;}
.home-hub-tile {border-radius:0;border-color:#bca58e;}
.home-hub-arrow {border-radius:44% 53% 47% 40%;}
.formats {background:#eee3d2;padding:64px 5vw 72px;}
.formats>div:first-child {max-width:1296px;margin-left:auto;margin-right:auto;}
.formats-title {font-size:clamp(44px,6vw,78px);line-height:1.05;letter-spacing:-.035em;}
.tile-grid {max-width:1296px;margin:auto;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;gap:18px;}
.format-tile {grid-area:auto!important;aspect-ratio:1;min-height:340px;padding:0;background:#f8f2e7!important;color:#74242a!important;border:1px solid #bca58e;box-shadow:4px 5px 0 #74242a12;}
.format-tile::before {display:none;}
.format-tile .tile-art {inset:0;width:100%;height:100%;border:0;border-radius:0;opacity:1;background:center/cover no-repeat;animation:none;transform:none;}
.format-tile .tile-art>* , .format-tile .tile-art::before, .format-tile .tile-art::after {display:none;}
.format-tile .art-hand {background-image:url('/home-assets/booking-paper.webp');}
.format-tile .art-wheel {background-image:url('/home-assets/wheel-paper.webp');}
.format-tile .art-date {background-image:url('/home-assets/date-paper.webp');}
.format-tile .art-party {background-image:url('/home-assets/party-paper.webp');}
.format-tile .art-coworking {background-image:url('/home-assets/adults-paper.webp');}
.format-tile.certificate-tile {background:#f8f2e7 url('/home-assets/certificate-paper-v2.webp') center/cover no-repeat!important;}
.format-tile .tile-copy {top:20px;bottom:auto;left:22px;right:22px;z-index:2;}
.format-tile .tile-copy small {font-size:10px;color:#51362c;}
.format-tile .tile-copy strong {font-family:var(--font-manrope,sans-serif);font-size:clamp(22px,2.2vw,34px);font-weight:800;letter-spacing:-.035em;line-height:1.1;}
.format-tile .tile-meta {font-size:10px;line-height:1.5;margin-top:9px;max-width:100%;color:#51362c;background:#f8f2e7db;padding:3px 5px;}
.format-tile .tile-arrow {top:auto;bottom:18px;right:18px;width:38px;height:38px;display:grid;place-items:center;background:#74242a;color:#f8f2e7;border-radius:45% 53% 46% 42%;z-index:2;}
.format-tile:hover {transform:translateY(-3px);box-shadow:6px 9px 0 #74242a18;}
.format-tile:hover .tile-art {transform:none;}
.format-tile {min-width:0;width:100%;}
.format-tile.certificate-tile>img {display:none;}
.studio-gallery {background:#74242a;padding-top:70px;padding-bottom:54px;}
.studio-gallery::before {background:repeating-linear-gradient(108deg,transparent 0 34px,#f8f2e7 35px 36px,transparent 37px 68px);opacity:.08;transform:none;}
.studio-gallery::after {content:'';position:absolute;width:190px;height:190px;border:20px double #b67558;border-radius:50%;top:-84px;right:8%;pointer-events:none;opacity:.65;}
.studio-shot {border:9px solid #f8f2e7;box-shadow:6px 7px 0 #30221d45;}
.studio-shot:nth-child(even) {border-color:#e6d8bd;}
.faq {background:#f8f2e7;background-image:none;padding:76px 5vw!important;gap:5vw;}
.faq-heading h2 {font-size:clamp(42px,5.4vw,78px);line-height:1.03;letter-spacing:-.035em;}
.faq-heading::after {content:'';display:block;width:200px;height:160px;margin:30px 0;background:url('/home-assets/kids-paper.webp') center bottom/cover;clip-path:polygon(5% 0,100% 6%,95% 100%,0 92%);}
.faq-list details {border:1px solid #bca58e;background:#f1e7d7;box-shadow:4px 5px 0 #74242a15;}
.faq-list details:nth-child(3n+2) {background:#e6e5d7;}
.faq-list summary b {font-family:var(--font-manrope,sans-serif);font-weight:750;letter-spacing:-.025em;font-size:clamp(16px,1.6vw,22px);line-height:1.2;}
.faq-list summary i {border-radius:45% 53% 44% 48%;}
.contacts {background:#eee3d2;border-top:1px solid #bca58e;}
.contacts::before {background:url('/home-assets/adults-paper.webp') center/cover;opacity:.09;pointer-events:none;}
.contacts h2 {letter-spacing:-.035em;}
.contact-map {border:7px solid #f8f2e7;box-shadow:7px 8px 0 #74242a20;}
.format-modal,.messenger-modal,.home-hub-dialog {background-color:#f8f2e7!important;color:#30221d!important;border:1px solid #bca58e;border-radius:2px;box-shadow:8px 10px 0 #74242a30;}
.format-modal h2,.messenger-modal h2,.home-hub-dialog h2 {color:#74242a;}
.home-hub-links a {border-radius:0;}
.home-hub-links a:nth-child(2) {background:#5a6151;}
@media(max-width:1000px) {.format-tile{min-height:290px;} .format-tile .tile-copy{left:16px;right:16px;top:16px;}.format-tile .tile-copy small{font-size:9px;}}
@media(max-width:767px) {
  .formats {padding:40px 16px 44px;}
  .tile-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .format-tile {grid-column:auto!important;min-height:240px;aspect-ratio:.78;}
  .format-tile .tile-copy strong {font-size:clamp(18px,4.8vw,28px);}
  .format-tile .tile-copy small {display:none;}
  .format-tile .tile-meta {font-size:9px;letter-spacing:0;}
  .format-tile .tile-arrow {width:28px;height:28px;font-size:20px;bottom:12px;right:12px;}
  .faq {padding:44px 20px!important;gap:24px;}
  .faq-heading::after {display:none;}
  .faq-list summary {padding:16px 12px;grid-template-columns:24px 1fr 32px;gap:8px;}
  .faq-list summary i {width:32px;}
  .faq-list summary i::before,.faq-list summary i::after {top:15px;left:8px;right:8px;}
  .faq-list details>p {padding:0 16px 22px;font-size:15px;}
  .studio-gallery {padding-top:44px;}
}

/* Separate paper tones, keeping HTML text unaffected by blending. */
.home-hub-booking,.format-tile.tile-1{--card-paper:#edd2bb}
.home-hub-membership,.format-tile.tile-2{--card-paper:#d8dfc6}
.home-hub-certificate,.format-tile.tile-3{--card-paper:#ead0d4}
.home-hub-kids,.format-tile.tile-4{--card-paper:#eee0ad}
.home-hub-adults,.format-tile.tile-5{--card-paper:#cddedc}
.home-hub-cinema,.format-tile.tile-6{--card-paper:#ddd2e4}
.home-hub-tile,.format-tile{background-color:var(--card-paper)!important;isolation:isolate}
.home-hub-tile img,.format-tile .tile-art{mix-blend-mode:multiply}
.format-tile.certificate-tile{background-color:var(--card-paper)!important;background-blend-mode:multiply}

/* card-borders-20260925.css */
/* Distinct opaque paper frames for both card grids. */
.home-hub-booking,.format-tile.tile-1{--card-frame:#ad6947}
.home-hub-membership,.format-tile.tile-2{--card-frame:#78824f}
.home-hub-certificate,.format-tile.tile-3{--card-frame:#a2576c}
.home-hub-kids,.format-tile.tile-4{--card-frame:#b18b38}
.home-hub-adults,.format-tile.tile-5{--card-frame:#4e827d}
.home-hub-cinema,.format-tile.tile-6{--card-frame:#88709a}
.home-hub-tile,.format-tile{box-sizing:border-box;border:4px solid var(--card-frame)!important}
@media(min-width:900px){.home-hub-tile,.format-tile{border-width:5px!important}}

/* 2026-10-01: white homepage tiles; existing artwork, frames and links retained. */
.home-hub-grid .home-hub-tile {background:#fff!important;--card-paper:#fff;}
.home-hub-grid .home-hub-tile img {mix-blend-mode:normal;filter:brightness(1.12);}
.home-hub-grid .home-hub-tile-title {left:5%;right:5%;max-width:none;text-align:center;}

/* 2026-10-01: inset/lowered artwork, stronger frames and centered heavy titles. */
.home-hub-grid .home-hub-tile {border-width:7px!important;}
.home-hub-grid .home-hub-tile img {inset:auto auto 3% 7%;width:86%;height:86%;object-fit:contain;}
.home-hub-grid .home-hub-tile-title {left:5%;right:5%;text-align:center;font-weight:900;-webkit-text-stroke:.3px currentColor;}
@media(min-width:900px){.home-hub-grid .home-hub-tile{border-width:8px!important;}}

/* Highlight booking only; keep the other five cards unchanged. */
.home-hub-grid .home-hub-booking {--card-frame:#36d94e;background:linear-gradient(rgba(54,217,78,.16),rgba(54,217,78,.16)),#fff!important;}
.home-hub-grid .home-hub-booking img {mix-blend-mode:multiply;}

/* formats-details.css */
.formats .section-head{display:block;margin-bottom:24px}
.formats .section-head>p:last-child{max-width:680px;margin-top:18px}
.formats-title{max-width:100%;font-size:clamp(32px,5.5vw,74px)!important;line-height:1.04!important}
#format-cards.format-links{display:flex;flex-flow:row wrap;gap:12px;align-items:stretch;padding:0;margin-top:28px}
#format-cards .format-link{--format-color:#8c4236;--format-tint:#f0dfd1;appearance:none;display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:58px;min-width:0;padding:15px 22px;border:2px solid var(--format-color);border-radius:3px;background:var(--format-tint);color:#352a26;font-family:inherit;font-size:18px;font-weight:700;line-height:1.3;text-align:left;cursor:pointer;box-shadow:none;transition:background .16s ease,color .16s ease,transform .16s ease}
#format-cards .format-tone-2{--format-color:#627050;--format-tint:#e5e9db}
#format-cards .format-tone-3{--format-color:#93465b;--format-tint:#f0e0e2}
#format-cards .format-tone-4{--format-color:#9a7030;--format-tint:#f2e7ce}
#format-cards .format-tone-5{--format-color:#497773;--format-tint:#e1ebe6}
#format-cards .format-tone-6{--format-color:#775d80;--format-tint:#eae2ed}
#format-cards .format-link-arrow{color:var(--format-color);font-size:22px;font-weight:500;flex:none;line-height:1}
@media(hover:hover){#format-cards .format-link:hover{background:var(--format-color);color:#fff;transform:translateY(-2px)}#format-cards .format-link:hover .format-link-arrow{color:inherit}}
#format-cards .format-link:focus-visible{outline:3px solid #74242a;outline-offset:4px}
.format-details-dialog{max-width:680px}
.format-description{font-size:17px;line-height:1.6;margin:0 0 18px;color:#372e28}
.format-primary-action{display:block;text-align:center;background:#74242a;color:#fff!important;padding:17px 20px;text-decoration:none;font-size:19px;font-weight:700;margin-top:28px}
.format-primary-action:focus-visible{outline:3px solid #4e827d;outline-offset:4px}
.format-coming-soon{font-size:22px;color:#74242a;font-weight:700}
/* Contacts: text labels remain accessible; SVGs are decorative. */
#contacts .contact-link-grid{--service-color:#74242a;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 28px}
#contacts a.contact-service{grid-column:auto;grid-row:auto;display:flex;align-items:center;gap:14px;min-width:0;min-height:86px;margin:0;padding:17px 18px;border:2px solid #c5b4a0;border-radius:3px;background:#faf4e9;color:#382923;text-decoration:none;box-sizing:border-box;text-transform:none;letter-spacing:normal;font-family:inherit;transition:border-color .16s ease,background .16s ease}
#contacts .contact-service-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border-radius:12px;background:var(--service-color);color:#fff}
#contacts .contact-service-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
#contacts .contact-service-name{font-size:clamp(17px,1.9vw,24px);line-height:1.2;font-weight:750;overflow-wrap:anywhere}
#contacts .contact-service-hint{font-size:13px;line-height:1.35;font-weight:500;color:#706257}
#contacts .contact-service-arrow{margin-left:auto;flex:none;color:var(--service-color);font-size:24px;font-weight:500}
#contacts a.contact-service-booking{grid-column:1/-1;background:#74242a;color:#fff;border-color:#74242a}
#contacts .contact-service-booking .contact-service-icon{background:#fff2df;color:#74242a;border-radius:3px}
#contacts .contact-service-booking .contact-service-hint{color:#eddbd0}
#contacts .contact-service-booking .contact-service-arrow{color:#fff}
#contacts .contact-service-whatsapp{--service-color:#287e50}
#contacts .contact-service-telegram{--service-color:#2385b6}
#contacts .contact-service-yandex{--service-color:#e33d36}
#contacts .contact-service-instagram{--service-color:#a74173}
#contacts a.contact-service-phone{grid-column:1/-1;background:#ede7dc}
#contacts .contact-service-phone .contact-service-name{white-space:nowrap;overflow-wrap:normal}
#contacts .contact-service-phone .contact-service-icon{background:#79664f}
#contacts a.contact-service:hover{border-color:var(--service-color)}
#contacts a.contact-service-booking:hover{background:#5c1b22}
#contacts a.contact-service:focus-visible,#contacts .contact-map>a:focus-visible{outline:3px solid #4e827d;outline-offset:4px}
#contacts .contact-map>a{display:flex;align-items:center;gap:12px;min-height:54px;padding:14px 18px;background:#f9f1e5;border:2px solid #bd9a75;color:#74242a;font-family:inherit;font-size:16px;font-weight:700;line-height:1.3;text-decoration:none;text-transform:none}
#contacts .contact-map>a:before{content:'';width:24px;height:28px;flex:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'%3E%3Cpath fill='%23e33d36' d='M12 27S1 18 1 11a11 11 0 0 1 22 0c0 7-11 16-11 16Z'/%3E%3Ccircle fill='white' cx='12' cy='11' r='5'/%3E%3C/svg%3E") center/contain no-repeat}
#contacts .contact-map>a>span{margin-left:auto}
#contacts .footer-links{display:flex;flex-wrap:wrap;gap:8px}
#contacts .footer-links a{display:inline-flex;align-items:center;min-height:36px;padding:7px 10px;border:1px solid #c6b6a0;border-radius:3px;background:#f5eddf;text-decoration:none;font-size:12px;line-height:1.35}
#contacts .footer-links a:hover,#contacts .footer-links a:focus-visible{border-color:#74242a;background:#ecdfca}
@media(max-width:600px){
 #format-cards.format-links{gap:10px;margin-top:20px}
 #format-cards .format-link{flex:1 1 calc(50% - 10px);padding:13px 12px;min-height:54px;gap:10px;font-size:15px}
 .format-description{font-size:16px;line-height:1.55}
 #contacts .contact-link-grid{gap:10px}
 #contacts a.contact-service{padding:14px 12px;gap:10px;min-height:80px}
 #contacts .contact-service-icon{width:34px;height:34px;flex-basis:34px;border-radius:9px}
 #contacts .contact-service-icon svg{width:23px;height:23px}
 #contacts .contact-service-name{font-size:15px}
 #contacts .contact-service-hint{font-size:11px}
 #contacts .contact-service-arrow{display:none}
 #contacts .contact-service-booking .contact-service-arrow,#contacts .contact-service-phone .contact-service-arrow{display:block;font-size:22px}
 #contacts .contact-service-booking .contact-service-name,#contacts .contact-service-phone .contact-service-name{font-size:19px}
}
@media(max-width:360px){#contacts a.contact-service{padding:12px 9px;gap:8px}#contacts .contact-service-name{font-size:14px}#contacts .contact-service-icon{width:30px;height:30px;flex-basis:30px}}
@media(prefers-reduced-motion:reduce){#format-cards .format-link,#contacts a.contact-service{transition:none;transform:none}}

/* brand-horizontal-align-20260927.css */
/* Approved raster artwork is unchanged; only transparent outer margins are clipped. */
a.approved-brand,
.site-header a.approved-brand {
  display: inline-flex; align-items: center; justify-content: center;
  flex: none; width: 144px; min-width: 0; max-width: 100%; height: 116px;
  overflow: hidden; line-height: 0;
}
a.approved-brand img.slepok-approved-logo {
  display: block; flex: none; width: 144px; height: 144px;
  max-width: none; aspect-ratio: 1; object-fit: contain; margin: 0;
}
.access-card img.slepok-approved-logo,
.gate-card img.slepok-approved-logo {
  display: block; width: 156px; height: 156px; object-fit: contain;
  max-width: 100%; aspect-ratio: 1; margin: -16px auto 0;
}
.topbar a.approved-brand { width: 108px; height: 86px; }
.topbar a.approved-brand img.slepok-approved-logo { width: 108px; height: 108px; }
/* The fixed homepage header needs an explicit, compact height for a square logo. */
main > .site-header { min-height: 0; padding-top: 4px; padding-bottom: 4px; }
.home-hub { padding-top: 190px; }
.brand-row { gap: 16px; }
.approved-brand:focus-visible { outline: 3px solid #74242a; outline-offset: 4px; }
/* Quiet paper-cut accents stay behind the labels and never receive pointer events. */
#format-cards .format-link {
  position: relative; isolation: isolate; overflow: hidden;
  min-width: 172px; padding-right: 26px;
}
#format-cards .format-link-label { position: relative; z-index: 1; }
#format-cards .format-link::before,
#format-cards .format-link::after {
  content: ''; position: absolute; z-index: 0; pointer-events: none;
  color: var(--format-color);
}
#format-cards .format-link::before {
  width: 90px; height: 90px; right: -30px; top: -51px;
  border: 15px solid currentColor; border-radius: 50%; opacity: .09;
}
#format-cards .format-link::after {
  width: 74px; height: 35px; right: -12px; bottom: -18px;
  background: currentColor; transform: rotate(-24deg); opacity: .10;
}
#format-cards .format-link:nth-child(3n + 2)::before {
  width: 70px; height: 70px; top: 7px; right: -30px;
  border-width: 13px; border-radius: 50% 50% 12% 50%; transform: rotate(-35deg);
}
#format-cards .format-link:nth-child(3n + 2)::after {
  width: 38px; height: 38px; right: 41px; bottom: -19px; border-radius: 50%;
}
#format-cards .format-link:nth-child(3n)::before {
  border: 0; background: currentColor; border-radius: 0; width: 76px; height: 64px;
  top: -25px; right: -18px; transform: rotate(32deg); opacity: .08;
}
#format-cards .format-link:nth-child(3n)::after {
  width: 65px; height: 65px; right: 20px; bottom: -45px; border-radius: 50%;
}
.how-to-find .how-to-find-heading {
  min-height: 0; justify-content: center; gap: 0;
}
@media (hover: hover) {
  #format-cards .format-link:hover::before,
  #format-cards .format-link:hover::after { color: #fff; }
}
@media (max-width: 767px) {
  a.approved-brand,
  .site-header a.approved-brand { width: 116px; height: 94px; }
  a.approved-brand img.slepok-approved-logo { width: 116px; height: 116px; }
  main > .site-header { padding-top: 3px; padding-bottom: 3px; }
  .home-hub { padding-top: 150px; }
  .topbar a.approved-brand { width: 90px; height: 74px; }
  .topbar a.approved-brand img.slepok-approved-logo { width: 90px; height: 90px; }
  #format-cards .format-link { min-width: 0; padding-right: 12px; }
  .how-to-find .how-to-find-heading { padding: 22px 20px; }
}
/* Two independent CSS windows into the approved PNG: symbol left, wordmark right.
   No artwork is regenerated; the original image supplies the accessible alt text. */
a.approved-brand,
.site-header a.approved-brand,
.topbar a.approved-brand {
  --brand-mark-width: 62px;
  --brand-name-width: 164px;
  position: relative; display: inline-flex; align-items: center;
  justify-content: flex-start; gap: 12px; width: max-content;
  height: 76px; min-width: 0; overflow: visible;
}
a.approved-brand img.slepok-approved-logo,
.topbar a.approved-brand img.slepok-approved-logo {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}
a.approved-brand::before,
a.approved-brand::after {
  content: ''; display: block; flex: none; pointer-events: none;
  background-image: url('/home-assets/logo-approved-20261102.webp');
  background-repeat: no-repeat;
}
a.approved-brand::before {
  width: var(--brand-mark-width); height: calc(var(--brand-mark-width) * 1.14035);
  background-size: 220% auto;
  background-position: calc(var(--brand-mark-width) * -.5614) calc(var(--brand-mark-width) * -.27193);
}
a.approved-brand::after {
  transform: translateY(3px);
  width: var(--brand-name-width); height: calc(var(--brand-name-width) * .28);
  background-size: 125.4% auto;
  background-position: calc(var(--brand-name-width) * -.118) calc(var(--brand-name-width) * -.83);
}
.topbar a.approved-brand { --brand-mark-width: 44px; --brand-name-width: 118px; gap: 8px; height: 54px; }
.home-hub { padding-top: 154px; }
@media (max-width: 767px) {
  a.approved-brand,
  .site-header a.approved-brand { --brand-mark-width: 50px; --brand-name-width: 144px; gap: 9px; height: 62px; }
  .topbar a.approved-brand { --brand-mark-width: 36px; --brand-name-width: 98px; gap: 6px; height: 46px; }
  .home-hub { padding-top: 120px; }
}

/* phone-align-20260927.css */
#contacts a.contact-service-phone {
  justify-content: center;
  align-items: center;
}
#contacts a.contact-service-phone .contact-service-arrow { display: none; }
#contacts a.contact-service-phone .contact-service-copy {
  align-items: center;
  text-align: center;
}

/* illustrated-cards-20261009.css */
/* Exact supplied artwork, cropped by the browser; original links and names remain. */
.home-hub-grid>.home-hub-tile{
  --crop-x:5.454545%;--crop-y:3.317972%;
  --sheet-width:216.033755%;--sheet-height:340.576497%;
  border:0!important;border-radius:6%;aspect-ratio:1;
  background:url('/home-assets/cards-reference-20261009.png') var(--crop-x) var(--crop-y)/var(--sheet-width) var(--sheet-height) no-repeat #fbf7ee!important;
}
.home-hub-grid>.home-hub-membership{--crop-x:94.545455%}
.home-hub-grid>.home-hub-certificate{--crop-y:47.943925%;--sheet-height:329.613734%}
.home-hub-grid>.home-hub-kids{--crop-x:94.545455%;--crop-y:47.943925%;--sheet-height:329.613734%}
.home-hub-grid>.home-hub-adults{--crop-y:95.606495%;--sheet-height:314.110429%}
.home-hub-grid>.home-hub-cinema{--crop-x:94.545455%;--crop-y:95.606495%;--sheet-height:314.110429%}
.home-hub-grid>.home-hub-tile img,.home-hub-grid>.home-hub-tile .home-hub-arrow{display:none!important}
/* Opacity keeps the real HTML names available to assistive technology. */
.home-hub-grid>.home-hub-tile .home-hub-tile-title,
.home-hub-grid>.home-hub-tile .home-hub-soon{opacity:0;pointer-events:none}
@media(forced-colors:active){
  .home-hub-grid>.home-hub-tile{background:none!important;border:2px solid CanvasText!important}
  .home-hub-grid>.home-hub-tile .home-hub-tile-title,
  .home-hub-grid>.home-hub-tile .home-hub-soon{opacity:1}
}

/* illustrated-formats-20261009.css */
/* Supplied artwork in nine native, still-interactive format buttons. */
#formats{background:#f8f2e7!important}
#formats>.section-head{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
#formats>.section-head>.formats-title{order:0;margin:0}
#formats>.section-head>.section-kicker{order:1;margin:0;font-size:clamp(18px,2.4vw,30px);font-weight:700;letter-spacing:normal;text-transform:none}
#formats>.section-head>.section-note{order:2;margin:0;max-width:680px}
#format-cards.format-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
#format-cards .format-link{
  --crop-x:4.074074%;--crop-y:26.762699%;
  --sheet-width:211.570248%;--sheet-height:707.834101%;
  display:block;position:relative;box-sizing:border-box;width:100%;
  min-width:0!important;min-height:0;padding:0;aspect-ratio:484/217;
  border:0!important;border-radius:6% / 13%;overflow:hidden;
  background:url('/home-assets/formats-reference-20261009.png') var(--crop-x) var(--crop-y)/var(--sheet-width) var(--sheet-height) no-repeat #fbf7ee!important;
}
#format-cards .format-link::before,#format-cards .format-link::after{display:none!important}
#format-cards .format-link-label{opacity:0;pointer-events:none}
#format-cards .format-link-arrow{display:none!important}
#format-cards :is(#format-wheel,#format-party,#format-cinema,#format-certificate){--crop-x:96.111111%}
#format-cards :is(#format-date,#format-party){--crop-y:44.090909%;--sheet-height:711.111111%}
#format-cards :is(#format-club,#format-cinema){--crop-y:61.287879%;--sheet-height:711.111111%}
#format-cards :is(#format-membership,#format-certificate){--crop-y:78.441755%;--sheet-height:717.757009%}
#format-cards #format-coworking{
  grid-column:1/-1;aspect-ratio:981/219;border-radius:3% / 13%;
  --crop-x:51.162791%;--crop-y:95.823842%;--sheet-width:104.383282%;--sheet-height:701.369863%;
}
@media(max-width:767px){#format-cards.format-links{gap:10px}}
@media(forced-colors:active){
  #format-cards .format-link{background:none!important;border:2px solid CanvasText!important;display:flex;align-items:center;justify-content:flex-start;padding:8px}
  #format-cards .format-link-label{opacity:1}
}

/* continuous-header-20261009.css */
/* One persistent menu button occupies the header slot, then stays while the header leaves. */
.site-header{transition:transform .65s ease,opacity .65s ease,visibility .65s}
.site-header[data-scroll-hidden="true"]{
  transform:translateY(calc(-100% - 48px));opacity:0;visibility:hidden;pointer-events:none;
}
.scroll-menu-toggle{
  position:fixed;z-index:31;top:var(--menu-top,19px);
  right:var(--menu-right,max(16px,calc(2vw + 15px)));
  display:block;width:52px;height:52px;padding:0;border:0;border-radius:50%;
  background:var(--wine);cursor:pointer;box-shadow:0 4px 14px #27100e12;
  opacity:1;visibility:visible;pointer-events:auto;transition:box-shadow .65s ease;
}
.scroll-menu-toggle[data-visible="true"]{opacity:1;visibility:visible;pointer-events:auto}
.scroll-menu-toggle i{
  display:block;position:absolute;left:14px;top:25px;width:24px;height:2px;
  background:var(--paper-light);pointer-events:none;
}
.scroll-menu-toggle i:first-child{transform:translateY(-7px)}
.scroll-menu-toggle i:nth-child(3){transform:translateY(7px)}
.scroll-menu-toggle:focus-visible{outline:2px solid var(--wine);outline-offset:4px}
.scroll-menu-toggle i{transition:transform .25s,opacity .25s}
.scroll-menu-toggle[aria-expanded="true"] i:first-child{transform:rotate(45deg)}
.scroll-menu-toggle[aria-expanded="true"] i:nth-child(2){opacity:0}
.scroll-menu-toggle[aria-expanded="true"] i:nth-child(3){transform:rotate(-45deg)}
.scroll-menu-panel{
  position:fixed;z-index:31;top:calc(var(--menu-top,19px) + 62px);
  right:var(--menu-right,max(16px,calc(2vw + 15px)));
  display:grid;grid-template-columns:minmax(0,1fr);width:min(280px,calc(100vw - var(--menu-right,24px) - 16px));
  max-height:calc(100dvh - var(--menu-top,19px) - 72px);overflow-y:auto;padding:8px;gap:0;
  border:1px solid #74242a30;border-radius:16px;background:#f8f2e7f5;box-shadow:0 8px 28px #27100e22;
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);
  transition:opacity .65s ease,transform .65s ease,visibility .65s;
}
.scroll-menu-panel[data-open="true"]{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.scroll-menu-panel>a{
  display:block;min-height:44px;padding:12px 14px;border-bottom:1px solid #74242a20;
  font-family:var(--font-text);font-size:16px;font-weight:700;line-height:1.3;
  letter-spacing:normal;text-align:left;white-space:normal;
}
.scroll-menu-panel>a:last-child{border-bottom:0}
.scroll-menu-panel>.mobile-nav-booking{
  display:flex;align-items:center;justify-content:space-between;min-height:44px;
  margin-bottom:4px;border:0;border-radius:10px;background:var(--wine);color:var(--paper-light);
}
html{scroll-padding-top:0}
:is(#top,#formats,#format-cards,#studio,#home-membership,#faq,#contacts,#contacts-title,#how-to-find){scroll-margin-top:128px!important}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  .site-header,.scroll-menu-toggle,.scroll-menu-toggle i,.scroll-menu-panel{transition:none!important}
}



.site-header>.menu-toggle{display:block!important;visibility:hidden!important;pointer-events:none!important;width:52px;height:52px;min-height:52px;padding:0;justify-self:end}
.scroll-menu-toggle[data-detached="false"]{box-shadow:none}
@media(min-width:1101px){
 .site-header{grid-template-columns:max-content minmax(0,1fr) auto 52px;column-gap:14px}
 .site-header>nav{min-width:0;width:100%;font-size:13px}
 .site-header>nav a{font-size:13px;padding-left:6px;padding-right:6px}
}
@media(max-width:1100px){
 .site-header{grid-template-columns:minmax(0,1fr) 52px;column-gap:10px}
 .site-header>nav,.site-header>.header-cta{display:none!important}
}
/* Ordinary decoded images replace large CSS backgrounds; keep the background until ready. */
img.stable-illustration{display:none!important}
.home-hub-grid>.home-hub-tile>img.stable-illustration,
#format-cards .format-link>img.stable-illustration{
 position:absolute!important;inset:auto!important;left:var(--art-left)!important;top:var(--art-top)!important;
 width:var(--art-width)!important;height:var(--art-height)!important;max-width:none!important;max-height:none!important;
 margin:0!important;padding:0!important;object-fit:fill!important;object-position:initial!important;
 mix-blend-mode:normal!important;filter:none!important;transform:none!important;transition:none!important;
 pointer-events:none;z-index:0;
}
.home-hub-grid>.home-hub-tile>img.stable-illustration[data-loaded="true"],
#format-cards .format-link>img.stable-illustration[data-loaded="true"]{display:block!important}
.home-hub-grid>.home-hub-tile[data-illustration-ready="true"],
#format-cards .format-link[data-illustration-ready="true"]{background-image:none!important}
@media(forced-colors:active){
 .home-hub-grid>.home-hub-tile>img.stable-illustration[data-loaded="true"],
 #format-cards .format-link>img.stable-illustration[data-loaded="true"]{display:none!important}
}

/* crisp-cards-20261009.css */
/* Real text and code-native frames, with independent high-resolution artwork. */
@font-face{font-family:SlepokCards;src:url('/_next/static/_vinext_fonts/manrope-35218281b57f/manrope-c9a5f13c.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:SlepokCards;src:url('/_next/static/_vinext_fonts/manrope-35218281b57f/manrope-81401990.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF,U+2000-206F,U+20A0-20CF,U+2212,U+2215}
.home-hub-heading,.home-hub-grid,#formats>.section-head,#format-cards.format-links{max-width:960px!important;margin-left:auto;margin-right:auto}
.home-hub-heading h1{font-size:clamp(30px,3vw,42px)}
#formats>.section-head>.formats-title{font-size:clamp(30px,3vw,42px);line-height:1.12}
#formats>.section-head>.section-kicker{font-size:clamp(18px,2vw,24px)}
.home-hub-grid{gap:16px}
.home-hub-grid>.home-hub-tile,#format-cards .format-link{
 --frame:#b6684e;position:relative;isolation:isolate;box-sizing:border-box;
 background:#fbf7ee!important;border:10px solid var(--frame)!important;
 border-radius:20px;overflow:hidden;transform:none!important;
 opacity:1!important;visibility:visible!important;animation:none!important;
 will-change:auto;content-visibility:visible;contain:none;
}
.home-hub-grid>.home-hub-booking{--frame:#438452}
.home-hub-grid>.home-hub-membership,#format-cards :is(#format-wheel,#format-membership){--frame:#808654}
.home-hub-grid>.home-hub-certificate,#format-cards :is(#format-date,#format-certificate){--frame:#ad6078}
.home-hub-grid>.home-hub-kids,#format-cards #format-party{--frame:#b68b38}
.home-hub-grid>.home-hub-adults,#format-cards :is(#format-club,#format-coworking){--frame:#51868a}
.home-hub-grid>.home-hub-cinema,#format-cards #format-cinema{--frame:#8b729c}
.home-hub-grid>.home-hub-tile .home-hub-tile-title,
#format-cards .format-link-label{
 opacity:1!important;visibility:visible!important;position:absolute;z-index:2;
 margin:0;color:#720c21;font-family:SlepokCards,Arial,sans-serif;
 font-weight:800;line-height:1.13;letter-spacing:-.025em;-webkit-text-stroke:0;
 pointer-events:none;text-wrap:balance;
}
.home-hub-grid>.home-hub-tile .home-hub-tile-title{
 top:6%;left:4%;right:4%;max-width:none;width:auto;text-align:center;
 font-size:clamp(17px,2.1vw,25px);text-transform:uppercase;
}
.home-hub-grid>.home-hub-tile>img.stable-illustration,
#format-cards .format-link>img.stable-illustration{
 position:absolute!important;inset:auto!important;margin:0!important;padding:0!important;
 left:0!important;top:13%!important;width:100%!important;height:90%!important;
 max-width:none!important;max-height:none!important;object-fit:contain!important;
 object-position:center!important;filter:none!important;mix-blend-mode:normal!important;
 transform:none!important;transition:none!important;pointer-events:none;z-index:1;
 opacity:1!important;visibility:visible!important;animation:none!important;will-change:auto!important;
}
.home-hub-grid>.home-hub-tile .home-hub-arrow{
 display:block!important;position:absolute;right:5%;bottom:5%;z-index:2;
 width:32px;height:18px;background:none;color:#720c21;border-radius:0;font-size:0;
}
.home-hub-arrow::before{content:'';position:absolute;left:0;top:8px;width:30px;height:3px;background:currentColor;border-radius:2px}
.home-hub-arrow::after{content:'';position:absolute;right:0;top:3px;width:12px;height:12px;border-top:3px solid;border-right:3px solid;transform:rotate(45deg)}
.home-hub-grid>.home-hub-tile .home-hub-soon{
 opacity:1!important;visibility:visible;z-index:2;right:5%;bottom:4%;padding:0;
 border:0;background:none;font-family:SlepokCards,Arial,sans-serif;font-size:14px;font-weight:800;letter-spacing:0;
}
#format-cards.format-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#format-cards .format-link{aspect-ratio:1.9;min-height:0;padding:0;border-width:8px!important;border-radius:16px}
#format-cards .format-link-label{
 top:50%;left:5%;width:47%;max-width:none;transform:translateY(-50%);
 text-align:left;font-size:clamp(16px,2.15vw,23px);white-space:normal;
}
#format-cards .format-link>img.stable-illustration{
 left:53%!important;top:7%!important;width:44%!important;height:86%!important;
}
#format-cards #format-coworking{grid-column:1/-1;aspect-ratio:4.1;border-radius:16px}
#format-cards #format-coworking>img.stable-illustration{left:45%!important;width:52%!important}
@media(min-width:1024px){
 .home-hub{padding-top:145px;padding-bottom:48px}
 #formats{padding-top:48px;padding-bottom:52px}
 #format-cards.format-links{grid-template-columns:repeat(3,minmax(0,1fr))}
 #format-cards #format-coworking{grid-column:auto;aspect-ratio:1.9}
 #format-cards #format-coworking>img.stable-illustration{left:53%!important;width:44%!important}
 #format-cards .format-link-label{font-size:20px}
}
@media(max-width:767px){
 .home-hub-grid{gap:10px}
 .home-hub-grid>.home-hub-tile{border-width:6px!important;border-radius:13px}
 .home-hub-grid>.home-hub-tile .home-hub-tile-title{font-size:clamp(12px,3.7vw,23px);top:6%;left:3%;right:3%}
 .home-hub-grid>.home-hub-tile>img.stable-illustration{top:20%!important;height:80%!important}
 .home-hub-grid>.home-hub-tile .home-hub-arrow{transform:scale(.7);transform-origin:right bottom;right:6%;bottom:5%}
 .home-hub-grid>.home-hub-tile .home-hub-soon{font-size:10px;bottom:5%}
 #format-cards.format-links{gap:10px}
 #format-cards .format-link{border-width:5px!important;border-radius:12px;aspect-ratio:1.7}
 #format-cards .format-link-label{font-size:clamp(12px,3.1vw,21px);width:60%;left:4%}
 #format-cards .format-link>img.stable-illustration{left:64%!important;width:33%!important}
 #format-cards #format-coworking{aspect-ratio:3.6;border-radius:12px}
}
@media(forced-colors:active){
 .home-hub-grid>.home-hub-tile,#format-cards .format-link{background:Canvas!important;border-color:CanvasText!important}
 .home-hub-grid>.home-hub-tile .home-hub-tile-title,#format-cards .format-link-label,
 .home-hub-grid>.home-hub-tile .home-hub-soon,.home-hub-grid>.home-hub-tile .home-hub-arrow{color:CanvasText}
}
.faq-heading::after{background-image:url('/home-assets/art-kids-20261102.webp');background-size:contain;background-repeat:no-repeat;clip-path:none}
.contacts::before{background-image:url('/home-assets/art-adults-20261102.webp')}

/* header-type-20261009.css */
/* Match the illustrated cards; keep the compact/mobile header untouched. */
@media(min-width:1101px){
 .site-header>nav>a{
  font-family:SlepokCards,Arial,sans-serif;font-weight:800;
  font-size:clamp(16px,1.25vw,19px);line-height:1.25;
  color:#720c21;letter-spacing:0;padding-left:4px;padding-right:4px;
 }
 .site-header>.header-cta{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  min-height:52px;box-sizing:border-box;padding:11px 16px;
  border:3px solid #720c21;border-radius:14px;clip-path:none;
  background:#fbf7ee;color:#720c21;
  font-family:SlepokCards,Arial,sans-serif;font-size:clamp(16px,1.3vw,20px);
  font-weight:800;line-height:1.2;letter-spacing:0;white-space:nowrap;
  transition:background-color .2s,color .2s;
 }
 .site-header>.header-cta span{margin-left:0}
 .site-header>.header-cta:hover{background:#720c21;color:#fbf7ee}
 .site-header>.header-cta:focus-visible{outline:2px solid #720c21;outline-offset:4px}
 .scroll-menu-panel>a{
  font-family:SlepokCards,Arial,sans-serif;font-size:18px;font-weight:800;color:#720c21;
 }
 .scroll-menu-panel>.mobile-nav-booking{color:#fbf7ee}
}
@media(min-width:1024px){
 #format-cards .format-link-label{font-size:24px;line-height:1.15;width:57%}
 #format-cards .format-link>img.stable-illustration,
 #format-cards #format-coworking>img.stable-illustration{left:62%!important;width:35%!important}
}

/* nav-frames-20261009.css */
/* Compact framed navigation, only in the expanded desktop header. */
@media(min-width:1101px){
 .site-header>nav{
  display:flex;align-items:center;justify-content:center;justify-self:center;
  width:max-content;max-width:100%;gap:clamp(6px,.55vw,10px);
 }
 .site-header>nav>a{
  flex:0 0 auto;box-sizing:border-box;min-height:52px;
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px clamp(6px,.6vw,12px);border:2px solid #720c21;border-radius:12px;
  background:#fbf7ee;color:#720c21;white-space:nowrap;
  transition:background-color .2s,color .2s;
 }
 .site-header>nav>a.mobile-nav-booking{display:none}
 .site-header>nav>a:hover{background:#720c21;color:#fbf7ee}
 .site-header>nav>a:focus-visible{outline:2px solid #720c21;outline-offset:3px}
}

/* nav-spacing-20261009.css */
@media(min-width:1101px){
 .site-header>nav{gap:clamp(12px,calc(3vw - 20px),32px)}
}

/* heading-center-20261009.css */
.home-hub-heading{justify-content:center;text-align:center}
.home-hub-heading>div{width:100%}

/* nav-no-underline-20261009.css */
/* The framed navigation uses colour and a focus outline, not an extra underline. */
.site-header nav a::after,.scroll-menu-panel>a::after{content:none;display:none}
.scroll-menu-panel>a:focus-visible{outline:2px solid #720c21;outline-offset:-3px;border-radius:6px}

/* paper-header-20261009.css */
/* Paper and abstract pottery rings: decorative only, never part of card text. */
body{background-color:#fbf7ee}
.home-hub{
 background-color:#fbf7ee;background-image:url('/home-assets/paper-shapes-20261009.svg');
 background-repeat:no-repeat;background-size:100% 100%;background-position:center;
}
.site-header{
 top:0;left:0;right:0;min-height:104px;box-sizing:border-box;
 padding:16px clamp(20px,4vw,72px);background:#fbf7eef5;
 border:0;border-bottom:1px solid #c7b39b;box-shadow:none;
 backdrop-filter:none;-webkit-backdrop-filter:none;
}
@media(min-width:1101px){
 .site-header{column-gap:18px}
 .site-header>nav{gap:clamp(12px,1.6vw,28px)}
 .site-header>nav>a{
  min-height:44px;padding:8px 0;border:0;border-radius:0;
  background:transparent;color:#720c21;font-size:clamp(15px,1.2vw,18px);
 }
 .site-header>nav>a:hover{background:transparent;color:#99414a}
 .site-header>nav>a:focus-visible{outline:2px solid #720c21;outline-offset:5px;border-radius:4px}
 .site-header>.header-cta{
  border:2px solid #720c21;border-radius:999px;background:#720c21;color:#fbf7ee;
  padding:11px 24px;gap:14px;min-height:52px;
 }
 .site-header>.header-cta:hover{background:#8e2835;border-color:#8e2835;color:#fbf7ee}
 .site-header>.header-cta>span{font-size:0;position:relative;width:28px;height:18px}
 .site-header>.header-cta>span::before{content:'';position:absolute;left:0;right:1px;top:8px;height:2px;background:currentColor}
 .site-header>.header-cta>span::after{content:'';position:absolute;right:1px;top:3px;width:10px;height:10px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}
}
@media(max-width:1100px){
 .site-header{min-height:82px;padding:10px 20px}
 .home-hub{background-size:100% 100%;background-position:center}
}
@media(forced-colors:active){
 .home-hub{background-image:none}
 .site-header{background:Canvas;border-color:CanvasText}
 .site-header>nav>a,.site-header>nav>a:hover{color:LinkText}
 .site-header>.header-cta{background:ButtonFace;color:ButtonText;border-color:ButtonText}
}

/* first-screen-20261009.css */
/* Fit the desktop introduction and six square cards in the available window. */
.home-hub-heading .section-kicker{display:none}
.home-hub{padding-top:98px;padding-bottom:20px}
.home-hub-heading{margin-top:0;margin-bottom:14px}
.home-hub-heading h1{margin:0;line-height:1.1}
@media(min-width:1024px){
 .home-hub{
  --first-card-size:clamp(180px,calc((100svh - 204px)/2),312px);
  box-sizing:border-box;min-height:100svh;padding-top:120px;padding-bottom:16px;
 }
 .home-hub-heading{margin-bottom:12px}
 .home-hub-heading h1{font-size:clamp(28px,4svh,40px);line-height:1.1}
 .home-hub-grid{
  width:calc(var(--first-card-size)*3 + 24px);max-width:100%!important;
  grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;
 }
 .home-hub-grid>.home-hub-tile{
  min-height:0;aspect-ratio:1;padding:0;container-type:inline-size;
  border-width:8px!important;border-radius:18px;
 }
 .home-hub-grid>.home-hub-tile .home-hub-tile-title{font-size:clamp(14px,7.7cqw,25px)}
}

/* desktop-formats-20261009.css */
/* Desktop only: mobile styles and all booking rules remain unchanged. */
@media(min-width:1024px){
 #formats{
  background:#f3f1e7 url('/home-assets/formats-landscape-20261009.svg') center/100% 100% no-repeat!important;
 }
 #format-cards .format-link-label{
  font-size:28px;font-weight:800;line-height:1.12;width:60%;
  -webkit-text-stroke:.3px currentColor;
 }
 #format-cards .format-link>img.stable-illustration,
 #format-cards #format-coworking>img.stable-illustration{left:64%!important;width:34%!important}
 .screen[data-step="1"]{max-width:900px;margin-left:auto;margin-right:auto}
 .screen[data-step="1"]>h1{font-size:42px;margin-top:20px;margin-bottom:18px}
 .service-grid{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .service-grid .service-option{aspect-ratio:2.08;border-width:7px!important;border-radius:17px}
 .service-grid .service-option .service-copy{
  top:50%;left:4%;width:54%;transform:translateY(-50%);
 }
 .service-grid .service-option h2{font-size:28px;line-height:1.08;margin-bottom:9px;font-weight:800;-webkit-text-stroke:.2px currentColor}
 .service-grid .service-option .service-art{inset:3% 0 auto auto;width:45%;height:94%}
 .service-grid .service-option .service-art img{width:100%;height:100%;max-width:none}
 .service-grid .service-option .service-details{font-size:15px}
 .service-grid .service-option .service-price{font-size:24px;margin-top:6px}
 .service-grid .service-option .service-arrow{right:3%;bottom:4%;width:23px;height:19px}
 .service-grid .service-option .service-arrow svg{width:23px;height:19px}
 .screen[data-step="1"] .access-entry-button{height:166px;margin-top:16px}
 .screen[data-step="1"] .access-entry-label strong{font-size:22px}
}
@media(min-width:1024px) and (forced-colors:active){
 #formats{background:Canvas!important}
 #format-cards .format-link-label,.service-grid .service-option h2{-webkit-text-stroke:0}
}

/* studio-polaroids-20261009.css */
/* Desktop album: original photographs, captions and gallery controls retained. */
@media(min-width:1024px){
 #studio.studio-gallery{background:#eae5da;color:#720c21;padding:54px 0 30px}
 #studio.studio-gallery::before,#studio.studio-gallery::after{display:none;content:none}
 #studio .gallery-heading{display:block;max-width:1100px;margin:0 auto;padding:0 40px 22px;text-align:center}
 #studio .gallery-heading .section-kicker{position:static;transform:none;display:block;margin:0 0 12px;color:#766b5b;font-size:13px;letter-spacing:.1em}
 #studio .gallery-heading h2{transform:none;white-space:normal;font-family:SlepokCards,Arial,sans-serif;font-size:clamp(34px,3.4vw,48px);font-weight:800;letter-spacing:-.035em;line-height:1.12;color:#720c21}
 #studio .gallery-heading h2 em{color:inherit}
 #studio .studio-showcase-track{gap:28px;padding-top:20px;padding-bottom:28px}
 #studio .studio-shot{
  flex:0 0 clamp(280px,28vw,350px);height:auto;min-width:0;
  display:grid;grid-template-rows:auto 68px;align-content:start;
  box-sizing:border-box;padding:12px 12px 0;border:0;border-radius:1px;
  background:#fffdf7;color:#720c21;box-shadow:0 5px 13px #44322324;
  transform:rotate(-1.3deg);overflow:hidden;
 }
 #studio .studio-shot:nth-child(even){transform:rotate(1.2deg)}
 #studio .studio-shot:nth-child(3n){transform:rotate(-.5deg)}
 #studio .studio-shot img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;transform:none;transition:none}
 #studio .studio-shot::after{display:none;content:none}
 #studio .studio-shot>span{
  position:static;display:flex;align-items:center;gap:12px;min-width:0;
  padding:0 8px;font:600 16px/1.25 SlepokCards,Arial,sans-serif;
  letter-spacing:0;text-transform:none;
 }
 #studio .studio-shot>span b{font-size:12px;opacity:.5;flex:none}
 #studio .studio-shot:focus-visible{outline:3px solid #720c21;outline-offset:4px}
 #studio .studio-showcase-controls{color:#720c21;padding-top:0;padding-bottom:4px}
 #studio .studio-showcase-controls button{width:46px;font-size:24px;border-width:1px}
 #studio .studio-showcase-controls button:hover{background:#720c21;color:#fffdf7}
}
@media(min-width:1024px) and (forced-colors:active){
 #studio.studio-gallery{background:Canvas;color:CanvasText}
 #studio .studio-shot{border:1px solid CanvasText;background:Canvas;color:CanvasText}
}

/* header-green-20261009.css */
.site-header>.header-cta{background:#438452;border-color:#438452;color:#fffdf7;gap:0}
.site-header>.header-cta:hover{background:#346d42;border-color:#346d42;color:#fffdf7}
.site-header>.header-cta>span{display:none}
.scroll-menu-panel>a{color:#720c21}
.scroll-menu-panel>.mobile-nav-booking{
 display:block;margin:0;border:0;border-bottom:1px solid #74242a20;border-radius:0;
 background:transparent;color:#720c21;font:inherit;
 font-family:var(--font-text);font-size:16px;font-weight:700;line-height:1.3;
 letter-spacing:normal;text-align:left;min-height:44px;padding:12px 14px;
}
.scroll-menu-panel>.mobile-nav-booking>span{display:none}
@media(min-width:1101px){
 .scroll-menu-panel>.mobile-nav-booking{font-family:SlepokCards,Arial,sans-serif;font-size:18px;font-weight:800}
 .site-header>nav>a[href="#faq"]{max-width:160px;white-space:normal;text-align:center;line-height:1.15}
}
@media(min-width:1101px) and (max-width:1350px){
 .site-header{padding-left:24px;padding-right:24px;column-gap:14px}
 .site-header>nav{gap:12px}
 .site-header>nav>a{font-size:14px}
 .site-header>nav>a[href="#faq"]{max-width:124px}
 .site-header>.header-cta{font-size:16px;padding-left:18px;padding-right:18px}
}
@media(forced-colors:active){
 .site-header>.header-cta,.site-header>.header-cta:hover{background:ButtonFace;color:ButtonText;border-color:ButtonText}
 .scroll-menu-panel>.mobile-nav-booking{color:LinkText;background:Canvas}
}

/* flow-paper-20261009.css */
/* One viewport-wide paper landscape; no section-sized images or animated content. */
@media (min-width:1024px){
 body{background:#fbf7ee;isolation:isolate}
 body::after{content:"";display:block;position:fixed;inset:-5vh -4vw;z-index:-1;pointer-events:none;background:url('/home-assets/flow-paper-20261009.svg') center/cover no-repeat;transform-origin:center;animation:slepok-paper-drift 32s ease-in-out infinite alternate}
 #top.home-hub,#formats.formats,#studio.studio-gallery,#faq.faq,#contacts.contacts{background:transparent!important}
 #contacts.contacts{border-top-color:transparent}
 #contacts.contacts::before{display:none;content:none}
 #studio .studio-shot{--frame-ink:#88865a;padding:16px 16px 0;border:6px solid var(--frame-ink);border-radius:14px 11px 16px 10px / 11px 16px 10px 14px;background:#fffaf0;grid-template-rows:auto 68px;box-shadow:2px 4px 0 #52332212,0 7px 14px #52332216;position:relative}
 #studio .studio-shot:nth-child(4n+2){--frame-ink:#ae657b}
 #studio .studio-shot:nth-child(4n+3){--frame-ink:#55898b}
 #studio .studio-shot:nth-child(4n){--frame-ink:#bc8e37}
 #studio .studio-shot::after{content:"";display:block;position:absolute;inset:-4px;pointer-events:none;background:url('/home-assets/polaroid-ink-20261009.svg') center/100% 100% no-repeat;opacity:1}
 #studio .studio-shot img{border:1px solid #6b432e55;border-radius:3px 5px 2px 4px;box-sizing:border-box}
 #studio .studio-shot>span{position:relative;padding:0 5px;z-index:1;font-weight:700}
 #studio .studio-shot>span b{color:var(--frame-ink);opacity:1}
 @keyframes slepok-paper-drift{from{transform:translate3d(-.8vw,-.5vh,0) rotate(-.3deg)}to{transform:translate3d(.8vw,.5vh,0) rotate(.3deg)}}
}
@media (min-width:1024px) and (prefers-reduced-motion:reduce){body::after{animation:none;transform:none}}
@media (min-width:1024px) and (forced-colors:active){body::after,#studio .studio-shot::after{display:none}#studio .studio-shot{border-color:CanvasText;background:Canvas;color:CanvasText}}

/* contacts-reference-20261009.css */
.contact-reference{display:none}
@media(min-width:1024px){
 #contacts.has-contact-reference{display:block;padding:64px max(32px,calc((100vw - 1280px)/2)) 24px;color:#720c21}
 #contacts.has-contact-reference::after{display:none;content:none}
 #contacts.has-contact-reference>.section-kicker,#contacts.has-contact-reference>h2,#contacts.has-contact-reference>.contact-layout{display:none}
 #contacts .contact-reference{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:26px;font-family:SlepokCards,Arial,sans-serif;position:relative}
 #contacts .contact-reference h2,#contacts .contact-reference h3{font-family:SlepokCards,Arial,sans-serif;color:#720c21;font-weight:800;letter-spacing:-.035em;line-height:1.13;text-transform:none;transform:none;margin:0}
 #contacts .contact-reference h2{font-size:clamp(32px,3.25vw,46px);white-space:normal;margin:0 0 12px}
 #contacts .contact-reference h3{font-size:clamp(24px,2.1vw,30px)}
 #contacts .contact-reference-intro{font-size:18px;line-height:1.5;margin:0 0 24px}
 #contacts .contact-reference-booking{margin-bottom:24px}
 #contacts .contact-reference-left>h3{margin:0 0 14px}
 #contacts .contact-reference-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #contacts .contact-reference .contact-service{display:flex;align-items:center;gap:16px;min-height:90px;padding:16px 20px;border:2px solid var(--contact-frame,#8d8760);border-radius:14px;background:#fffaf0b8;color:#720c21;box-shadow:none;transform:none;text-decoration:none;min-width:0;box-sizing:border-box;transition:background-color .18s ease,border-color .18s ease}
 #contacts .contact-reference .contact-service:hover{background:#fffaf0;border-color:#720c21}
 #contacts .contact-reference .contact-service:focus-visible{outline:3px solid #720c21;outline-offset:4px}
 #contacts .contact-reference .contact-service::after{display:none}
 #contacts .contact-reference .contact-service-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:0;border-radius:16px;background:var(--contact-icon,#8d8760);color:#fffaf0;transform:none}
 #contacts .contact-reference .contact-service-icon svg{width:31px;height:31px}
 #contacts .contact-reference .contact-service-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
 #contacts .contact-reference .contact-service-name{font-size:clamp(19px,1.75vw,25px);font-weight:800;line-height:1.2;letter-spacing:-.025em;text-transform:none}
 #contacts .contact-reference .contact-service-hint{font-size:15px;line-height:1.3;color:#76664c;text-transform:none;letter-spacing:0;font-weight:500}
 #contacts .contact-reference .contact-service-arrow{position:static;margin-left:auto;color:var(--contact-icon,#8d8760);font-size:30px;line-height:1;flex:none;transform:none}
 #contacts .contact-reference .contact-service-booking{background:#7b2430;border-color:#7b2430;color:#fffaf0;min-height:126px;padding:22px 26px;gap:22px}
 #contacts .contact-reference .contact-service-booking:hover{background:#651323}
 #contacts .contact-reference .contact-service-booking .contact-service-name{font-size:clamp(25px,2.3vw,34px)}
 #contacts .contact-reference .contact-service-booking .contact-service-icon{background:transparent;flex-basis:56px;width:56px;height:56px}
 #contacts .contact-reference .contact-service-booking .contact-service-icon svg{width:52px;height:52px}
 #contacts .contact-reference .contact-service-booking .contact-service-hint,#contacts .contact-reference .contact-service-booking .contact-service-arrow{color:#fffaf0}
 #contacts .contact-reference .contact-service-whatsapp{--contact-frame:#858e63;--contact-icon:#398351}
 #contacts .contact-reference .contact-service-telegram{--contact-frame:#537e80;--contact-icon:#2786aa}
 #contacts .contact-reference .contact-service-phone{--contact-frame:#ab9173;--contact-icon:#81735a;grid-column:1/-1;justify-content:flex-start;text-align:left}
 #contacts .contact-reference .contact-service-phone .contact-service-copy{align-items:flex-start;text-align:left}
 #contacts .contact-reference .contact-service-phone .contact-service-arrow{display:block}
 #contacts .contact-reference .contact-service-instagram{--contact-frame:#b56a82;--contact-icon:#b85e7b;grid-column:1/-1}
 #contacts .contact-reference-place{border:2px solid #80865e;border-radius:20px;padding:30px 28px;background:#fffaf099}
 #contacts .contact-reference-address{font-size:clamp(27px,2.7vw,38px);font-weight:800;letter-spacing:-.035em;line-height:1.2;margin:18px 0 20px}
 #contacts .contact-reference-hours{display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.4;margin:0 0 18px}
 #contacts .contact-reference-hours svg{width:30px;height:30px;flex:none;color:#737453}
 #contacts .contact-reference .contact-service-yandex{background:#70774e;color:#fffaf0;border-color:#70774e;min-height:76px;padding:12px 18px;--contact-icon:#70774e;--service-color:#70774e}
 #contacts .contact-reference .contact-service-yandex:hover{background:#5c653d}
 #contacts .contact-reference .contact-service-yandex .contact-service-name{font-size:20px}
 #contacts .contact-reference .contact-service-yandex .contact-service-hint,#contacts .contact-reference .contact-service-yandex .contact-service-arrow{color:#fffaf0}
 #contacts .contact-reference .contact-service-yandex .contact-service-icon{background:transparent;flex-basis:28px;width:28px}
 #contacts .contact-reference-directions{list-style:none;counter-reset:directions;margin:26px 0 22px;padding:24px 0 0;border-top:1px solid #bba68f;display:grid;gap:20px}
 #contacts .contact-reference-directions li{counter-increment:directions;display:grid;grid-template-columns:36px 1fr;gap:15px;align-items:start;font-size:16px;line-height:1.5}
 #contacts .contact-reference-directions li::before{content:counter(directions);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#7b2430;color:#fffaf0;font-size:17px}
 #contacts .contact-reference-nearby{margin:0;padding:22px 0 0 51px;border-top:1px solid #bba68f;font-size:16px;line-height:1.5}
 #contacts.has-contact-reference>.footer-line{margin-top:40px}
}
@media(min-width:1024px) and (max-width:1150px){
 #contacts .contact-reference{gap:20px}
 #contacts .contact-reference .contact-service{padding:14px;gap:10px}
 #contacts .contact-reference .contact-service-icon{flex-basis:38px;width:38px;height:38px;border-radius:12px}
 #contacts .contact-reference .contact-service-hint{font-size:13px}
 #contacts .contact-reference-place{padding:26px 22px}
}
@media(prefers-reduced-motion:reduce){#contacts .contact-reference .contact-service{transition:none}}

/* contact-row-20261009.css */
@media(min-width:1024px){
 #contacts .contact-reference .contact-service-phone,#contacts .contact-reference .contact-service-instagram{grid-column:auto}
 #contacts .contact-reference .contact-service-phone{display:grid;grid-template-columns:40px minmax(0,1fr) 20px;gap:8px;padding:14px 12px}
 #contacts .contact-reference .contact-service-phone .contact-service-icon{width:40px;height:48px;border-radius:12px}
 #contacts .contact-reference .contact-service-phone .contact-service-icon svg{width:31px;height:31px}
 #contacts .contact-reference .contact-service-phone .contact-service-name{font-size:clamp(17px,1.5vw,24px);white-space:nowrap}
 #contacts .contact-reference .contact-service-phone .contact-service-hint{font-size:13px}
 #contacts .contact-reference .contact-service-phone .contact-service-arrow{font-size:22px}
}

/* contacts-mobile-20261009.css */
@media(max-width:1023px){
 #contacts.has-contact-reference{display:block;padding:64px max(32px,calc((100vw - 1280px)/2)) 24px;color:#720c21}
 #contacts.has-contact-reference::after{display:none;content:none}
 #contacts.has-contact-reference>.section-kicker,#contacts.has-contact-reference>h2,#contacts.has-contact-reference>.contact-layout{display:none}
 #contacts .contact-reference{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:26px;font-family:SlepokCards,Arial,sans-serif;position:relative}
 #contacts .contact-reference h2,#contacts .contact-reference h3{font-family:SlepokCards,Arial,sans-serif;color:#720c21;font-weight:800;letter-spacing:-.035em;line-height:1.13;text-transform:none;transform:none;margin:0}
 #contacts .contact-reference h2{font-size:clamp(32px,3.25vw,46px);white-space:normal;margin:0 0 12px}
 #contacts .contact-reference h3{font-size:clamp(24px,2.1vw,30px)}
 #contacts .contact-reference-intro{font-size:18px;line-height:1.5;margin:0 0 24px}
 #contacts .contact-reference-booking{margin-bottom:24px}
 #contacts .contact-reference-left>h3{margin:0 0 14px}
 #contacts .contact-reference-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 #contacts .contact-reference .contact-service{display:flex;align-items:center;gap:16px;min-height:90px;padding:16px 20px;border:2px solid var(--contact-frame,#8d8760);border-radius:14px;background:#fffaf0b8;color:#720c21;box-shadow:none;transform:none;text-decoration:none;min-width:0;box-sizing:border-box;transition:background-color .18s ease,border-color .18s ease}
 #contacts .contact-reference .contact-service:hover{background:#fffaf0;border-color:#720c21}
 #contacts .contact-reference .contact-service:focus-visible{outline:3px solid #720c21;outline-offset:4px}
 #contacts .contact-reference .contact-service::after{display:none}
 #contacts .contact-reference .contact-service-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border:0;border-radius:16px;background:var(--contact-icon,#8d8760);color:#fffaf0;transform:none}
 #contacts .contact-reference .contact-service-icon svg{width:31px;height:31px}
 #contacts .contact-reference .contact-service-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
 #contacts .contact-reference .contact-service-name{font-size:clamp(19px,1.75vw,25px);font-weight:800;line-height:1.2;letter-spacing:-.025em;text-transform:none}
 #contacts .contact-reference .contact-service-hint{font-size:15px;line-height:1.3;color:#76664c;text-transform:none;letter-spacing:0;font-weight:500}
 #contacts .contact-reference .contact-service-arrow{position:static;margin-left:auto;color:var(--contact-icon,#8d8760);font-size:30px;line-height:1;flex:none;transform:none}
 #contacts .contact-reference .contact-service-booking{background:#7b2430;border-color:#7b2430;color:#fffaf0;min-height:126px;padding:22px 26px;gap:22px}
 #contacts .contact-reference .contact-service-booking:hover{background:#651323}
 #contacts .contact-reference .contact-service-booking .contact-service-name{font-size:clamp(25px,2.3vw,34px)}
 #contacts .contact-reference .contact-service-booking .contact-service-icon{background:transparent;flex-basis:56px;width:56px;height:56px}
 #contacts .contact-reference .contact-service-booking .contact-service-icon svg{width:52px;height:52px}
 #contacts .contact-reference .contact-service-booking .contact-service-hint,#contacts .contact-reference .contact-service-booking .contact-service-arrow{color:#fffaf0}
 #contacts .contact-reference .contact-service-whatsapp{--contact-frame:#858e63;--contact-icon:#398351}
 #contacts .contact-reference .contact-service-telegram{--contact-frame:#537e80;--contact-icon:#2786aa}
 #contacts .contact-reference .contact-service-phone{--contact-frame:#ab9173;--contact-icon:#81735a;grid-column:1/-1;justify-content:flex-start;text-align:left}
 #contacts .contact-reference .contact-service-phone .contact-service-copy{align-items:flex-start;text-align:left}
 #contacts .contact-reference .contact-service-phone .contact-service-arrow{display:block}
 #contacts .contact-reference .contact-service-instagram{--contact-frame:#b56a82;--contact-icon:#b85e7b;grid-column:1/-1}
 #contacts .contact-reference-place{border:2px solid #80865e;border-radius:20px;padding:30px 28px;background:#fffaf099}
 #contacts .contact-reference-address{font-size:clamp(27px,2.7vw,38px);font-weight:800;letter-spacing:-.035em;line-height:1.2;margin:18px 0 20px}
 #contacts .contact-reference-hours{display:flex;align-items:center;gap:12px;font-size:16px;line-height:1.4;margin:0 0 18px}
 #contacts .contact-reference-hours svg{width:30px;height:30px;flex:none;color:#737453}
 #contacts .contact-reference .contact-service-yandex{background:#70774e;color:#fffaf0;border-color:#70774e;min-height:76px;padding:12px 18px;--contact-icon:#70774e;--service-color:#70774e}
 #contacts .contact-reference .contact-service-yandex:hover{background:#5c653d}
 #contacts .contact-reference .contact-service-yandex .contact-service-name{font-size:20px}
 #contacts .contact-reference .contact-service-yandex .contact-service-hint,#contacts .contact-reference .contact-service-yandex .contact-service-arrow{color:#fffaf0}
 #contacts .contact-reference .contact-service-yandex .contact-service-icon{background:transparent;flex-basis:28px;width:28px}
 #contacts .contact-reference-directions{list-style:none;counter-reset:directions;margin:26px 0 22px;padding:24px 0 0;border-top:1px solid #bba68f;display:grid;gap:20px}
 #contacts .contact-reference-directions li{counter-increment:directions;display:grid;grid-template-columns:36px 1fr;gap:15px;align-items:start;font-size:16px;line-height:1.5}
 #contacts .contact-reference-directions li::before{content:counter(directions);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#7b2430;color:#fffaf0;font-size:17px}
 #contacts .contact-reference-nearby{margin:0;padding:22px 0 0 51px;border-top:1px solid #bba68f;font-size:16px;line-height:1.5}
 #contacts.has-contact-reference>.footer-line{margin-top:40px}
}
/* Desktop album: original photographs, captions and gallery controls retained. */
@media(max-width:1023px){
 #studio.studio-gallery{background:#eae5da;color:#720c21;padding:54px 0 30px}
 #studio.studio-gallery::before,#studio.studio-gallery::after{display:none;content:none}
 #studio .gallery-heading{display:block;max-width:1100px;margin:0 auto;padding:0 40px 22px;text-align:center}
 #studio .gallery-heading .section-kicker{position:static;transform:none;display:block;margin:0 0 12px;color:#766b5b;font-size:13px;letter-spacing:.1em}
 #studio .gallery-heading h2{transform:none;white-space:normal;font-family:SlepokCards,Arial,sans-serif;font-size:clamp(34px,3.4vw,48px);font-weight:800;letter-spacing:-.035em;line-height:1.12;color:#720c21}
 #studio .gallery-heading h2 em{color:inherit}
 #studio .studio-showcase-track{gap:28px;padding-top:20px;padding-bottom:28px}
 #studio .studio-shot{
  flex:0 0 clamp(280px,28vw,350px);height:auto;min-width:0;
  display:grid;grid-template-rows:auto 68px;align-content:start;
  box-sizing:border-box;padding:12px 12px 0;border:0;border-radius:1px;
  background:#fffdf7;color:#720c21;box-shadow:0 5px 13px #44322324;
  transform:rotate(-1.3deg);overflow:hidden;
 }
 #studio .studio-shot:nth-child(even){transform:rotate(1.2deg)}
 #studio .studio-shot:nth-child(3n){transform:rotate(-.5deg)}
 #studio .studio-shot img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;transform:none;transition:none}
 #studio .studio-shot::after{display:none;content:none}
 #studio .studio-shot>span{
  position:static;display:flex;align-items:center;gap:12px;min-width:0;
  padding:0 8px;font:600 16px/1.25 SlepokCards,Arial,sans-serif;
  letter-spacing:0;text-transform:none;
 }
 #studio .studio-shot>span b{font-size:12px;opacity:.5;flex:none}
 #studio .studio-shot:focus-visible{outline:3px solid #720c21;outline-offset:4px}
 #studio .studio-showcase-controls{color:#720c21;padding-top:0;padding-bottom:4px}
 #studio .studio-showcase-controls button{width:46px;font-size:24px;border-width:1px}
 #studio .studio-showcase-controls button:hover{background:#720c21;color:#fffdf7}
}
@media(max-width:1023px) and (forced-colors:active){
 #studio.studio-gallery{background:Canvas;color:CanvasText}
 #studio .studio-shot{border:1px solid CanvasText;background:Canvas;color:CanvasText}
}

@media(max-width:1023px){
 #contacts.has-contact-reference{padding:38px 16px 24px;background:#fbf7ee;border-top:0}
 #contacts.has-contact-reference::before{display:none;content:none}
 #contacts .contact-reference{grid-template-columns:minmax(0,1fr);gap:26px}
 #contacts .contact-reference h2{font-size:clamp(27px,7vw,38px)}
 #contacts .contact-reference h3{font-size:24px}
 #contacts .contact-reference-intro{font-size:16px;margin-bottom:20px}
 #contacts .contact-reference-booking{margin-bottom:24px}
 #contacts .contact-reference-buttons{gap:10px}
 #contacts .contact-reference .contact-service{padding:12px 10px;gap:8px;min-height:82px;border-radius:12px}
 #contacts .contact-reference .contact-service-icon{width:30px;height:36px;flex-basis:30px;border-radius:10px}
 #contacts .contact-reference .contact-service-icon svg{width:24px;height:24px}
 #contacts .contact-reference .contact-service-name{font-size:clamp(14px,4vw,20px)}
 #contacts .contact-reference .contact-service-hint{font-size:12px}
 #contacts .contact-reference .contact-service-arrow{display:none}
 #contacts .contact-reference .contact-service-booking{min-height:112px;padding:18px 16px;gap:14px}
 #contacts .contact-reference .contact-service-booking .contact-service-icon{width:38px;height:44px;flex-basis:38px}
 #contacts .contact-reference .contact-service-booking .contact-service-icon svg{width:38px;height:38px}
 #contacts .contact-reference .contact-service-booking .contact-service-name{font-size:clamp(20px,5.8vw,28px)}
 #contacts .contact-reference .contact-service-booking .contact-service-hint{font-size:13px}
 #contacts .contact-reference .contact-service-phone,#contacts .contact-reference .contact-service-instagram{grid-column:auto}
 #contacts .contact-reference .contact-service-phone{display:grid;grid-template-columns:24px minmax(0,1fr);gap:7px}
 #contacts .contact-reference .contact-service-phone .contact-service-icon{width:24px;height:32px}
 #contacts .contact-reference .contact-service-phone .contact-service-icon svg{width:20px;height:20px}
 #contacts .contact-reference .contact-service-phone .contact-service-name{font-size:clamp(12px,3.65vw,17px);white-space:nowrap;letter-spacing:-.04em}
 #contacts .contact-reference .contact-service-phone .contact-service-hint{font-size:11px}
 #contacts .contact-reference .contact-service-phone .contact-service-arrow{display:none}
 #contacts .contact-reference-place{padding:24px 20px;border-radius:16px}
 #contacts .contact-reference-address{font-size:clamp(27px,7vw,36px)}
 #contacts .contact-reference-hours{font-size:14px}
 #contacts .contact-reference .contact-service-yandex{min-height:72px;padding:12px 14px}
 #contacts .contact-reference .contact-service-yandex .contact-service-name{font-size:18px}
 #contacts .contact-reference-directions{gap:18px}
 #contacts .contact-reference-directions li{font-size:14px;gap:12px;grid-template-columns:30px 1fr}
 #contacts .contact-reference-directions li::before{width:30px;height:30px;font-size:15px}
 #contacts .contact-reference-nearby{padding:18px 0 0 42px;font-size:14px}
 #contacts.has-contact-reference>.footer-line{margin-top:30px}
 #studio.studio-gallery{background:#fbf7ee;padding:36px 0 24px}
 #studio .gallery-heading{padding:0 20px 12px}
 #studio .gallery-heading h2{font-size:30px}
 #studio .gallery-heading .section-kicker{font-size:11px}
 #studio .studio-showcase-track{gap:20px;padding:18px 24px 24px}
  #studio .studio-shot{--frame-ink:#88865a;padding:16px 16px 0;border:6px solid var(--frame-ink);border-radius:14px 11px 16px 10px / 11px 16px 10px 14px;background:#fffaf0;grid-template-rows:auto 68px;box-shadow:2px 4px 0 #52332212,0 7px 14px #52332216;position:relative}
 #studio .studio-shot:nth-child(4n+2){--frame-ink:#ae657b}
 #studio .studio-shot:nth-child(4n+3){--frame-ink:#55898b}
 #studio .studio-shot:nth-child(4n){--frame-ink:#bc8e37}
 #studio .studio-shot::after{content:"";display:block;position:absolute;inset:-4px;pointer-events:none;background:url('/home-assets/polaroid-ink-20261009.svg') center/100% 100% no-repeat;opacity:1}
 #studio .studio-shot img{border:1px solid #6b432e55;border-radius:3px 5px 2px 4px;box-sizing:border-box}
 #studio .studio-shot>span{position:relative;padding:0 5px;z-index:1;font-weight:700}
 #studio .studio-shot>span b{color:var(--frame-ink);opacity:1}

 #studio .studio-shot{flex-basis:clamp(224px,78vw,300px);padding:12px 12px 0;grid-template-rows:auto 64px}
 #studio .studio-shot>span{font-size:14px;gap:8px}
 #studio .studio-showcase-controls{padding:0 24px;gap:12px}
 #studio .studio-showcase-controls>span{font-size:11px}
}
@media(max-width:1023px) and (forced-colors:active){#studio .studio-shot::after{display:none}#studio .studio-shot{border-color:CanvasText;background:Canvas;color:CanvasText}}
@media(max-width:359px){
 #contacts .contact-reference .contact-service-phone{grid-template-columns:minmax(0,1fr)}
 #contacts .contact-reference .contact-service-phone .contact-service-icon{display:none}
 #contacts .contact-reference .contact-service-phone .contact-service-name{font-size:13px}
}

/* contact-icons-square-20261009.css */
/* Keep contact badges square; do not change the button sizes or destinations. */
#contacts .contact-reference-buttons .contact-service{--contact-square:48px}
#contacts .contact-reference-buttons .contact-service-phone{--contact-square:40px}
#contacts .contact-reference-buttons .contact-service .contact-service-icon{
 width:var(--contact-square);height:var(--contact-square);
 min-width:var(--contact-square);min-height:var(--contact-square);
 flex:0 0 var(--contact-square);aspect-ratio:1;align-self:center;border-radius:28%;
}
@media(min-width:1024px) and (max-width:1150px){
 #contacts .contact-reference-buttons .contact-service{--contact-square:38px}
 #contacts .contact-reference-buttons .contact-service-phone{--contact-square:40px}
}
@media(max-width:1023px){
 #contacts .contact-reference-buttons .contact-service{--contact-square:30px}
 #contacts .contact-reference-buttons .contact-service-phone{--contact-square:24px}
}

/* formats-toggle-20261009.css */
#formats.formats.formats-disclosure-ready{padding-top:28px;padding-bottom:28px}
#formats.formats-disclosure-ready .section-head{margin-bottom:0}
#formats.formats-disclosure-ready .formats-title{width:100%;margin:0;transform:none;line-height:1.2}
#formats .formats-disclosure-button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;box-sizing:border-box;padding:20px 24px;background:#fffaf0;border:3px solid #868859;border-radius:16px;color:#720c21;font:800 28px/1.2 SlepokCards,Arial,sans-serif;letter-spacing:-.025em;text-transform:none;text-align:left;cursor:pointer}
#formats .formats-disclosure-button:hover{border-color:#720c21;background:#fffdf7}
#formats .formats-disclosure-button:focus-visible{outline:3px solid #720c21;outline-offset:5px}
#formats .formats-disclosure-button svg{width:26px;height:26px;flex:none;transition:transform .2s ease}
#formats .formats-disclosure-button[aria-expanded="true"] svg{transform:rotate(180deg)}
#formats.formats-disclosure-ready:not(.formats-open) .section-kicker,#formats.formats-disclosure-ready:not(.formats-open) .section-note,#formats.formats-disclosure-ready #format-cards[hidden]{display:none!important}
#formats.formats-disclosure-ready.formats-open .section-head{margin-bottom:24px}
#formats.formats-disclosure-ready.formats-open .section-kicker{margin-top:20px}
@media(max-width:767px){#formats .formats-disclosure-button{padding:17px 18px;font-size:22px;gap:12px;border-radius:14px}}
@media(prefers-reduced-motion:reduce){#formats .formats-disclosure-button svg{transition:none}}

/* faq-reference-20261010.css */
/* FAQ reference layout; retain native details and original answer content. */
#faq.faq{display:block;position:relative;isolation:isolate;max-width:1100px;width:100%;margin:0 auto;padding:64px 36px 70px;background:transparent;border:0;overflow:hidden;scroll-margin-top:90px}
#faq::before{content:'';position:absolute;left:auto;bottom:auto;right:0;top:0;z-index:-1;width:260px;height:310px;border:0;border-radius:0;box-shadow:none;opacity:1;transform:none;background:url('/home-assets/faq-vase-20261010.svg') top right/contain no-repeat;pointer-events:none}
#faq::after{content:none}
#faq .faq-heading{position:relative;top:auto;width:100%;max-width:none;margin:0 0 28px;padding:0;border:0}
#faq .faq-heading::before,#faq .faq-heading::after{content:none;display:none}
#faq .faq-heading .section-kicker{margin:0 0 16px;color:#596248;font:700 13px/1.4 SlepokCards,Manrope,Arial,sans-serif;letter-spacing:.19em;text-transform:uppercase}
#faq .faq-heading h2{display:block;margin:0 0 20px;padding:0;max-width:75%;color:#761620;font:800 clamp(42px,6vw,76px)/.98 SlepokCards,Manrope,Arial,sans-serif;letter-spacing:-.045em;text-transform:none;transform:none;text-shadow:none;filter:none}
#faq .faq-heading h2 em{color:inherit;font:inherit;font-style:normal;letter-spacing:inherit}
#faq .faq-heading>p:last-child{max-width:78%;margin:0;color:#35231e;font:400 clamp(16px,2vw,22px)/1.5 SlepokCards,Manrope,Arial,sans-serif}
#faq .faq-list{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:none;width:100%;margin:0;padding:0;border:0}
#faq .faq-list details{display:block;margin:0;padding:0;border:2px solid #8a8b6b;border-radius:20px;background:rgba(252,248,239,.75);box-shadow:none;overflow:hidden}
#faq .faq-list details[open]{border-color:#801f28}
#faq .faq-list summary{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:18px;min-height:64px;padding:24px 28px;margin:0;color:#301913;font:800 clamp(17px,2vw,23px)/1.28 SlepokCards,Manrope,Arial,sans-serif;cursor:pointer;list-style:none;text-transform:none}
#faq .faq-list summary::-webkit-details-marker{display:none}
#faq .faq-list summary::marker{content:''}
#faq .faq-list summary>span{display:none}
#faq .faq-list summary b{font:inherit;min-width:0;text-transform:none;letter-spacing:normal}
#faq .faq-list summary i{display:block;position:relative;justify-self:center;width:13px;height:13px;margin:0;border:0;border-right:3px solid #801f28;border-bottom:3px solid #801f28;border-radius:0;background:none;transform:translateY(-3px) rotate(45deg);transition:transform .2s ease}
#faq .faq-list summary i::before,#faq .faq-list summary i::after{content:none}
#faq .faq-list details[open] summary i{transform:translateY(3px) rotate(225deg)}
#faq .faq-list details>p{margin:0;padding:0 28px 24px;color:#35231e;font:400 clamp(16px,1.8vw,21px)/1.55 SlepokCards,Manrope,Arial,sans-serif;max-width:94%}
#faq.faq-reference-ready .faq-cta{display:none}
#faq .faq-reference-cta{position:relative;margin-top:8px;padding:30px 230px 30px 28px;min-height:210px;border:0;border-radius:23px;background:#e4e4d3;color:#301913;overflow:hidden}
#faq .faq-reference-cta h3{position:relative;z-index:1;margin:0 0 8px;font:800 clamp(24px,3vw,33px)/1.2 SlepokCards,Manrope,Arial,sans-serif;letter-spacing:-.025em}
#faq .faq-reference-cta>p{position:relative;z-index:1;margin:0 0 22px;font:400 clamp(15px,1.8vw,20px)/1.4 SlepokCards,Manrope,Arial,sans-serif}
#faq .faq-reference-links{position:relative;z-index:1;display:flex;gap:14px}
#faq .faq-reference-links a{display:flex;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:12px 20px;border:2px solid #626c52;border-radius:13px;background:rgba(252,248,239,.3);color:#301913;font:700 18px/1.2 SlepokCards,Manrope,Arial,sans-serif;text-decoration:none;white-space:nowrap}
#faq .faq-reference-links svg{flex:0 0 29px;width:29px;height:29px}
#faq .faq-reference-cta>img{position:absolute;right:14px;bottom:10px;width:205px;height:205px;object-fit:contain;pointer-events:none}
#faq :is(summary,a):focus-visible{outline:3px solid #507d80;outline-offset:-5px}
#faq .faq-reference-links a:hover{background:#fcf8ef}
@media(max-width:650px){
 #faq.faq{padding:42px 16px 42px;scroll-margin-top:70px}
 #faq::before{width:145px;height:195px;right:-14px}
 #faq .faq-heading{margin-bottom:24px}
 #faq .faq-heading .section-kicker{font-size:11px;letter-spacing:.17em;margin-bottom:15px}
 #faq .faq-heading h2{font-size:clamp(40px,11.5vw,62px);max-width:76%;margin-bottom:18px}
 #faq .faq-heading>p:last-child{max-width:100%;font-size:16px;padding-right:4px}
 #faq .faq-list{gap:12px}
 #faq .faq-list details{border-radius:16px}
 #faq .faq-list summary{padding:19px 16px;gap:12px;grid-template-columns:minmax(0,1fr) 18px;font-size:17px}
 #faq .faq-list summary i{width:11px;height:11px;border-width:2.5px}
 #faq .faq-list details>p{padding:0 16px 19px;max-width:none;font-size:16px;line-height:1.5}
 #faq .faq-reference-cta{padding:24px 18px;min-height:230px;border-radius:18px}
 #faq .faq-reference-cta h3{font-size:25px;padding-right:52px}
 #faq .faq-reference-cta>p{font-size:16px;padding-right:65px;margin-bottom:20px}
 #faq .faq-reference-cta>img{width:90px;height:110px;right:4px;top:22px;bottom:auto;opacity:.85}
 #faq .faq-reference-links{gap:8px}
 #faq .faq-reference-links a{flex:1;min-width:0;min-height:48px;padding:10px 8px;gap:6px;font-size:14px;border-radius:10px}
 #faq .faq-reference-links svg{flex-basis:24px;width:24px;height:24px}
}
@media(prefers-reduced-motion:reduce){#faq .faq-list summary i{transition:none}}

/* studio-theme-20261102.css */
/* Shared public-site canvas. Never loaded by admin/staff/account pages. */
html{background:#fbf7ee}
body{background:#fbf7ee!important;isolation:isolate}
body::after{content:'';display:block;position:fixed;inset:-3vh -3vw;z-index:-1;pointer-events:none;background:url('/home-assets/studio-theme-20261010.svg') center/cover no-repeat;transform-origin:center;animation:studio-theme-breathe 40s ease-in-out infinite alternate;border:0;border-radius:0;opacity:1}
body::before{content:none!important;display:none!important}
#top.home-hub,#formats.formats,#studio.studio-gallery,#faq.faq,#contacts.contacts{background:transparent!important}
#top.home-hub::before,#top.home-hub::after,#formats.formats::before,#formats.formats::after,#faq.faq::before,#faq.faq::after,#contacts.contacts::before,#contacts.contacts::after{content:none!important;display:none!important}
#contacts.contacts{border-top-color:transparent}
.site-header{background:rgba(251,247,238,.95)!important}
.site-header>nav a[href="#home-membership"],#scroll-menu-panel a[href="#home-membership"]{display:none!important}
#home-kids,#home-adults{opacity:.65!important;cursor:default!important;pointer-events:none!important}
#home-kids .home-hub-arrow,#home-adults .home-hub-arrow{display:none!important}
body.clubs-booking-enabled #home-kids,body.clubs-booking-enabled #home-adults{opacity:1!important;cursor:pointer!important;pointer-events:auto!important}
body.clubs-booking-enabled #home-kids .home-hub-arrow,body.clubs-booking-enabled #home-adults .home-hub-arrow{display:block!important}
a[href^="https://wa.me/"] svg[data-whatsapp-mark]{display:block;aspect-ratio:1;flex-shrink:0;fill:currentColor;stroke:none;overflow:visible;transform:none}
.faq-reference-links a[href^="https://wa.me/"] svg[data-whatsapp-mark]{width:29px;height:29px}
#shopDialog[data-kind="certificate"] .shop-choice .segmented{display:none}
@media(max-width:700px){
 .service-grid .service-option{aspect-ratio:auto;height:clamp(160px,42vw,190px);min-height:0;border-width:6px!important;border-radius:16px}
 .service-grid .service-option .service-copy{inset:50% auto auto 5%;width:54%;transform:translateY(-50%);overflow:visible}
 .service-grid .service-option h2,.service-grid .service-option:is([data-service="kids_club"],[data-service="adults_club"]) h2{font-size:clamp(20px,5.8vw,26px);line-height:1.1;margin:0 0 8px}
 .service-grid .service-option .service-details{font-size:13px;line-height:1.25}
 .service-grid .service-option .service-price{font-size:22px;line-height:1.15;margin-top:5px}
 .service-grid .service-option .price-unit{font-size:11px}
 .service-grid .service-option .service-art{inset:4% 0 auto auto;width:41%;height:86%}
 .service-grid .service-option .service-arrow{right:3%;bottom:5%;width:22px;height:18px}
 .service-grid .service-option .service-arrow svg{width:22px;height:18px}
 .access-entry-button{height:142px}
 .access-entry-label strong{font-size:clamp(12px,3.5vw,20px)}
}
@media(max-width:650px){
 body::after{background-size:auto 110%;background-position:48% center;opacity:.8}
 .faq-reference-links a[href^="https://wa.me/"] svg[data-whatsapp-mark]{width:24px;height:24px}
}
@keyframes studio-theme-breathe{from{transform:translate3d(-.5vw,-.4vh,0) scale(1)}to{transform:translate3d(.5vw,.4vh,0) scale(1.018)}}
@media(prefers-reduced-motion:reduce){body::after{animation:none;transform:none}}
@media(forced-colors:active){body::before,body::after{display:none}body{background:Canvas!important}.site-header{background:Canvas!important}}

/* studio-theme-mobile-20261010.css */
/* Keep the existing shared fixed canvas and motion; fit portrait artwork, not a crop. */
@media(max-width:1023px){
 body::after{
  background-image:url('/home-assets/studio-theme-mobile-20261010.svg');
  background-size:100% 100%;
  background-position:center;
  background-repeat:no-repeat;
  opacity:1;
 }
}

/* format-details-theme-20261011.css */
.format-details-dialog.fd-themed{
 --fd-frame:#808654;box-sizing:border-box;width:min(820px,calc(100vw - 32px));max-width:820px;
 max-height:calc(100dvh - 32px);padding:0;border:4px solid var(--fd-frame);border-radius:24px;
 background:#fbf7ee;color:#382923;box-shadow:0 16px 60px #30141038;overflow:auto;
 font-family:Manrope,SlepokCards,Arial,sans-serif;
}
.format-details-dialog.fd-themed::backdrop{background:#32261e66;backdrop-filter:blur(4px)}
.fd-themed .home-hub-dialog-body{position:relative;padding:30px;overflow:visible}
.fd-themed .home-hub-close{position:sticky;float:right;top:12px;right:auto;width:40px;height:40px;margin:-16px -16px 0 0;padding:0;border:2px solid var(--fd-frame);border-radius:50%;background:#fbf7ee;color:#791c2b;box-shadow:none;font:600 30px/1 Arial,sans-serif;z-index:5}
.fd-themed .home-hub-close:focus-visible,.fd-themed .format-primary-action:focus-visible{outline:3px solid #548a8d;outline-offset:4px}
.fd-themed .section-kicker{margin:0 0 12px;font-size:11px;line-height:1.4;letter-spacing:.17em;color:#6f7357;text-transform:uppercase}
.fd-themed #format-details-title{max-width:calc(100% - 150px);margin:0 0 16px;color:#791c2b;font-family:inherit;font-size:clamp(30px,4vw,42px);font-weight:800;line-height:1.1;letter-spacing:-.035em;text-transform:none}
.fd-themed .fd-art{position:absolute;right:38px;top:62px;width:125px;height:125px;object-fit:contain;pointer-events:none}
.fd-themed .fd-intro{max-width:calc(100% - 145px);min-height:60px;margin:0 0 22px;font-size:16px;line-height:1.5;color:#47372d}
.fd-themed .fd-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px;padding:0}
.fd-themed .fd-facts:has(.fd-fact:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
.fd-themed .fd-fact{padding:14px;border:2px solid var(--fd-frame);border-radius:14px;background:#fffaf2}
.fd-themed .fd-fact dt{font-size:12px;font-weight:700;line-height:1.4;color:#6f6255;margin-bottom:6px}
.fd-themed .fd-fact dd{margin:0}
.fd-themed .fd-fact .fd-value{font-size:23px;font-weight:800;line-height:1.2;letter-spacing:-.025em;color:#791c2b}
.fd-themed .fd-fact .fd-note{margin-top:5px;font-size:12px;line-height:1.4;color:#6f6255}
.fd-themed .fd-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}
.fd-themed .fd-section:only-child{grid-column:1/-1}
.fd-themed .fd-section h3{font:800 18px/1.3 Manrope,SlepokCards,Arial,sans-serif;color:#791c2b;margin:0 0 9px;text-transform:none}
.fd-themed .fd-section ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.fd-themed .fd-section li{position:relative;margin:0;padding-left:17px;font-size:15px;line-height:1.45;color:#47372d}
.fd-themed .fd-section li::before{content:'';position:absolute;left:0;top:.52em;width:6px;height:6px;background:var(--fd-frame);border-radius:50%}
.fd-themed .format-primary-action{margin:24px 0 0;padding:15px 20px;border:2px solid #438452;border-radius:16px;background:#438452;color:#fffaf2!important;font:800 20px/1.25 Manrope,SlepokCards,Arial,sans-serif;text-decoration:none;text-align:center;box-shadow:none}
.fd-themed .format-primary-action:hover{background:#367143;border-color:#367143}
.fd-themed .format-coming-soon{display:inline-block;margin:22px 0 0;padding:10px 18px;border:2px solid var(--fd-frame);border-radius:12px;color:#791c2b;font-size:18px;font-weight:800}
.fd-themed .format-description[hidden]{display:none!important}
@media(max-width:600px){
 .format-details-dialog.fd-themed{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-width:3px;border-radius:20px}
 .fd-themed .home-hub-dialog-body{padding:20px 16px}
 .fd-themed .home-hub-close{margin:-10px -6px 0 0;top:10px;width:34px;height:34px;font-size:26px}
 .fd-themed .section-kicker{font-size:9px;letter-spacing:.12em;margin-bottom:12px}
 .fd-themed #format-details-title{font-size:30px;max-width:calc(100% - 68px);min-height:52px;margin-bottom:12px}
 .fd-themed .fd-art{top:64px;right:14px;width:68px;height:72px}
 .fd-themed .fd-intro{max-width:100%;min-height:0;font-size:15px;margin-bottom:16px}
 .fd-themed .fd-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:20px}
 .fd-themed[data-format="certificate"] .fd-facts{grid-template-columns:1fr!important}
 .fd-themed .fd-fact{padding:10px;border-radius:12px}
 .fd-themed .fd-fact:nth-child(3){grid-column:1/-1}
 .fd-themed .fd-fact .fd-value{font-size:19px}
 .fd-themed .fd-sections{grid-template-columns:1fr;gap:18px}
 .fd-themed .fd-section h3{font-size:17px}
 .fd-themed .fd-section li{font-size:14px}
 .fd-themed .format-primary-action{font-size:18px;margin-top:20px;padding:14px}
}
@media(forced-colors:active){.format-details-dialog.fd-themed,.fd-themed .fd-fact,.fd-themed .format-primary-action{border-color:CanvasText;background:Canvas;color:CanvasText!important}.fd-themed .fd-art{display:none}}