.home-belonging { position:relative;isolation:isolate;overflow:hidden;min-height:90svh;align-items:center;background:radial-gradient(ellipse at 5% 60%,#263d4e5c,transparent 48%),#050b13; }
.home-belonging::before { content:"";position:absolute;z-index:-1;width:75vw;height:75vw;left:-47vw;top:50%;transform:translateY(-50%) rotateX(25deg);border:1px solid #d2b07a42;border-radius:50%;box-shadow:0 0 65px #b48d4933,inset 0 0 60px #af997c09; }
.home-belonging::after { content:"";position:absolute;z-index:-1;width:50vw;height:50vw;left:-29vw;top:50%;transform:translateY(-50%);border:1px solid #bbd7f232;border-radius:50%; }
.home-belonging .belonging-intro { align-self:center; }
.home-belonging .belonging-intro > span { display:block;width:clamp(55px,8vw,125px);transform:perspective(800px) translateY(var(--heart-rise,0px)) rotateY(var(--heart-turn,0deg));filter:drop-shadow(0 0 18px #e3c28d3b); }
.belonging-intro svg { display:block;width:100%;height:auto; }
.home-belonging h2 em { color:#d5c4a7; }
.home-page .home-discover.has-spatial-windows { padding:7rem var(--gutter) 3rem;background:#e8efed;overflow:clip; }
.home-page .home-discover.has-spatial-windows::before,.home-page .home-discover.has-spatial-windows::after { display:none; }
.home-page .has-spatial-windows .discover-heading { grid-template-columns:1fr 1fr;gap:8vw;align-items:start;margin-bottom:2rem; }
.home-page .has-spatial-windows .discover-heading h2 { font-size:clamp(3.1rem,5.8vw,6.8rem);font-weight:600;line-height:1.06;letter-spacing:-.06em;max-width:12ch; }
.discover-exhibition { display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:8vw;align-items:start;position:relative; }
.discover-spatial-stage { position:sticky;top:100px;height:calc(100svh - 130px);max-height:850px;min-height:450px;display:grid;align-items:center;perspective:1200px; }
.discovery-orbit { position:absolute;left:0;right:-6%;top:9%;bottom:9%;border:1px solid #5473873d;border-radius:50%;transform:rotate(-26deg) rotateX(29deg); }
.discovery-orbit::before { content:"";position:absolute;inset:9% -8%;border:1px solid #b796633b;border-radius:50%;transform:rotate(45deg); }
.discovery-orbit::after { content:"";position:absolute;right:8%;top:12%;inline-size:2.3rem;block-size:2.3rem;background:currentColor;color:#ad8450;-webkit-mask:url("assets/icons/noel-star.svg") center/contain no-repeat;mask:url("assets/icons/noel-star.svg") center/contain no-repeat; }
.discovery-planes { width:100%;height:70%;position:relative;transform-style:preserve-3d;transform:translateY(var(--window-drift,0px)); }
.discovery-plane { --plane-offset:0;position:absolute;inset:6% 4%;overflow:hidden;border:1px solid #ccd6d4;border-radius:42% 42% 4px 4px;box-shadow:0 30px 50px #122c3f27,3px 2px 0 #f3f3e4,inset 0 0 20px #fff4;transform:translate3d(calc(var(--plane-offset) * 23px),calc(var(--plane-offset) * -13px),calc(var(--plane-offset) * -55px)) rotateY(-13deg) rotateZ(calc(var(--plane-offset) * 4deg));transition:transform 1.15s cubic-bezier(.2,.72,.2,1),opacity .75s,filter .75s;filter:brightness(.45) saturate(.6);background:#152639;opacity:1; }
.discovery-plane img { width:100%;height:100%;object-fit:cover;display:block; }
.discovery-plane.is-window-front { filter:none;transform:translate3d(0,0,25px) rotateY(-7deg) rotateZ(-2deg); }
.discovery-plane.is-window-past { transform:translate3d(-80px,65px,-140px) rotateY(-25deg) rotateZ(-15deg);opacity:0; }
.discovery-plane.is-window-distant { opacity:0; }
.discovery-caption { position:absolute;bottom:1rem;left:1rem;right:0;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #526f8144;padding-top:1rem;font-size:.58rem;font-weight:700;letter-spacing:.09em;color:#516977; }
.home-page .has-spatial-windows .discover-worlds { display:block;width:100%;margin:0; }
.home-page .has-spatial-windows .discover-card:nth-child(n) { display:flex;flex-direction:column;justify-content:center;min-height:77svh;min-height:max(490px,77svh);margin:0;padding:4rem 0;background:none;color:#173044;box-shadow:none;transform:none;overflow:visible;transition:none; }
.home-page .has-spatial-windows .discover-card::before,.home-page .has-spatial-windows .discover-card::after,.home-page .has-spatial-windows .discover-card > img { display:none; }
.home-page .has-spatial-windows .discover-number { position:relative;top:auto;left:auto;color:#7a7970;font-size:.56rem; }
.home-page .has-spatial-windows .discover-card-copy { position:relative;inset:auto;display:block;padding-top:2rem; }
.home-page .has-spatial-windows .discover-card-copy small { display:block;color:#526f7d;font-size:.57rem; }
.home-page .has-spatial-windows .discover-card:nth-child(n) .discover-card-copy h3 { margin:1.2rem 0 1.6rem;font-size:clamp(2.5rem,4.5vw,5.3rem);font-weight:600;line-height:1.05;letter-spacing:-.065em; }
.home-page .has-spatial-windows .discover-card-copy p { color:#536b78;font-size:.88rem;max-width:28rem;line-height:1.8; }
.home-page .has-spatial-windows .discover-arrow { margin-top:1.8rem;border:1px solid #2c526660;color:#193c51;border-radius:50%;background:transparent; }
.home-page .has-spatial-windows .is-current-window .discover-arrow { background:#173b51;color:#f9f5e8;border-color:#173b51; }
.home-page .has-spatial-windows .discover-card:hover .discover-arrow { background:#b89b70;color:#091724;border-color:#b89b70;transform:rotate(45deg); }
.home-invitation { position:relative;isolation:isolate;overflow:hidden;background:#091621;color:#f0ede4;padding-top:7rem; }
.home-invitation > .home-eyebrow { color:#d7bb8f; }
.home-invitation h2 { width:64%;font-size:clamp(2.7rem,4.9vw,5.7rem);margin-block:2rem 5rem; }
.home-invitation h2 span { color:#adc9d8; }
.invitation-window { position:absolute;z-index:-1;top:3.5rem;right:var(--gutter);width:31%;height:25vw;max-height:370px;min-height:240px;overflow:hidden;border-radius:50% 50% 0 0;border:1px solid #dccaab60;transform:rotate(7deg);box-shadow:0 0 0 12px #ffffff03,0 0 0 13px #decaa71f; }
.invitation-window img { width:100%;height:100%;object-fit:cover; }
.invitation-window span { position:absolute;bottom:0;left:0;right:0;padding:3rem 1rem 1rem;background:linear-gradient(transparent,#050c16dd);font-size:.62rem;text-align:center;color:#f0ede4; }
.home-invitation .invitation-facts { padding-top:2.5rem;border-color:#adc4d139; }
.home-invitation .invitation-facts small { color:#d9bb8e; }
.home-invitation .invitation-facts > a { border:1px solid #d1ba9344;border-radius:1px;background:#ecdfc9;color:#193142; }
.home-invitation .invitation-facts > a:hover { background:#fff3df; }
.home-invitation .invitation-exceptions { color:#a7bbc8; }
@media(max-width:1100px) and (min-width:761px) {
  .home-belonging { min-height:80svh; }
  .discover-exhibition { gap:5vw;grid-template-columns:1fr 1fr; }
  .home-page .has-spatial-windows .discover-card:nth-child(n) .discover-card-copy h3 { font-size:4.8vw; }
  .invitation-window { top:4rem;width:30%;height:30vw; }
}
@media(max-width:760px) {
  .home-belonging { min-height:0; }
  .home-belonging .belonging-intro > span { width:36px; }
  .home-page .home-discover.has-spatial-windows { padding-top:4.5rem;padding-bottom:4rem; }
  .home-page .has-spatial-windows .discover-heading { display:block;margin-bottom:3rem; }
  .home-page .has-spatial-windows .discover-heading h2 { font-size:12vw; }
  .discover-exhibition { display:block; }
  .discover-spatial-stage { display:none; }
  .home-page .has-spatial-windows .discover-card:nth-child(n) { display:block;min-height:0;padding:0 0 4rem;margin:0 0 2rem; }
  .home-page .has-spatial-windows .discover-card > img { display:block;position:relative;inset:auto;width:100%;height:92vw;max-height:500px;border-radius:46% 46% 2px 2px;border:1px solid #9caeb5;box-shadow:8px 10px 0 #b8cbd044;object-fit:cover; }
  .home-page .has-spatial-windows .discover-card:nth-child(even) > img { border-radius:2px 2px 46% 46%; }
  .home-page .has-spatial-windows .discover-number { margin-top:2rem; }
  .home-page .has-spatial-windows .discover-card-copy { padding-top:1.3rem; }
  .home-page .has-spatial-windows .discover-card:nth-child(n) .discover-card-copy h3 { font-size:10.5vw; }
  .home-page .has-spatial-windows .discover-card-copy small { display:none; }
  .home-page .has-spatial-windows .discover-arrow { margin-top:1.3rem; }
  .home-invitation { padding-top:4rem; }
  .home-invitation h2 { width:100%;font-size:10vw;margin-bottom:2rem; }
  .invitation-window { position:relative;top:auto;right:auto;z-index:0;width:70%;height:73vw;max-height:340px;min-height:0;margin:0 auto 3.5rem;transform:rotate(4deg); }
  .home-invitation .invitation-facts { margin-top:2rem; }
}
@media(prefers-reduced-motion:reduce) { .discovery-plane { transition:none; } .home-belonging .belonging-intro > span { transform:none; } }
html.motion-paused .home-belonging .belonging-intro > span { transform:none; }