/* 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}
