:root {
  --font-family: "Noto Sans", sans-serif;
  --font-size-base: 16.8px;
  --line-height-base: 1.84;

  --max-w: 1660px;
  --space-x: 2.52rem;
  --space-y: 1.5rem;
  --gap: 1.62rem;
  --space-section-y: calc(var(--space-y) * 2.4);
  --space-section-x: var(--space-x);
  --space-block: calc(var(--gap) * 1.5);
  --space-card: calc(var(--space-y) * .75);
  --font-size-sm: calc(var(--font-size-base) * .875);
  --font-size-md: var(--font-size-base);
  --font-size-lg: calc(var(--font-size-base) * 1.125);
  --font-size-h3: calc(var(--font-size-base) * 1.35);
  --font-size-h2: calc(var(--font-size-base) * 2);
  --font-size-h1: calc(var(--font-size-base) * 2.65);
  --motion-distance: calc(var(--gap) * var(--random-number));

  --radius-xl: 1.3rem;
  --radius-lg: 0.95rem;
  --radius-md: 0.52rem;
  --radius-sm: 0.25rem;

  --shadow-sm: 0 2px 8px rgba(0,0,0,0.14);
  --shadow-md: 0 12px 16px rgba(0,0,0,0.18);
  --shadow-lg: 0 28px 30px rgba(0,0,0,0.22);

  --overlay: rgba(15, 23, 42, 0.6);
  --anim-duration: 260ms;
  --anim-ease: cubic-bezier(0.22,1,0.36,1);
  --random-number: 2;

  --brand: #2c5f8a;
  --brand-contrast: #ffffff;
  --accent: #1e3a5f;
  --accent-contrast: #ffffff;

  --neutral-0: #ffffff;
  --neutral-100: #f1f5f9;
  --neutral-300: #cbd5e1;
  --neutral-600: #475569;
  --neutral-800: #1e293b;
  --neutral-900: #0f172a;

  --page-bg: #f8fafc;
  --page-fg: #1e293b;
  --muted-bg: #e2e8f0;
  --muted-fg: #475569;
  --card-bg: #ffffff;
  --card-fg: #1e293b;
  --card-border: #cbd5e1;
  --inverse-bg: #1e3a5f;
  --inverse-fg: #ffffff;
  --primary-bg: #2c5f8a;
  --primary-fg: #ffffff;
  --primary-hover: #1e4a6f;
  --accent-bg: #1e3a5f;
  --accent-fg: #ffffff;
  --accent-hover: #162d4a;
  --gradient-hero-bg: linear-gradient(135deg, #1e3a5f 0%, #2c5f8a 100%);
  --gradient-hero-fg: #ffffff;
  --gradient-accent-bg: linear-gradient(135deg, #2c5f8a 0%, #1e4a6f 100%);
  --gradient-accent-fg: #ffffff;

  --ring: #2c5f8a;

  --link: #2c5f8a;
  --link-hover: #1e3a5f;

  --btn-ghost-bg: transparent;
  --btn-ghost-bg-hover: color-mix(in srgb, currentColor 10%, transparent);
  --input-placeholder: rgba(255,255,255,0.55);
}
body{margin:0;padding:0;font-family:var(--font-family);box-sizing: border-box;}
*{box-sizing:border-box;}
a{color:inherit;}
.btn-primary,.btn.btn-primary{background:var(--primary-bg)!important;color:var(--primary-fg)!important;border-color:var(--primary-bg)!important;}
.btn-primary:hover,.btn.btn-primary:hover{background:var(--primary-hover)!important;color:var(--primary-fg)!important;border-color:var(--primary-hover)!important;}
.btn-outline-primary{color:var(--primary-bg)!important;border-color:var(--primary-bg)!important;}
.btn-outline-primary:hover{background:var(--primary-bg)!important;color:var(--primary-fg)!important;}
.bg-primary{background:var(--primary-bg)!important;color:var(--primary-fg)!important;}
.text-primary{color:var(--primary-bg)!important;}
.border-primary{border-color:var(--primary-bg)!important;}
.bg-light{background:var(--page-bg)!important;color:var(--page-fg)!important;}
.bg-dark{background:var(--inverse-bg)!important;color:var(--inverse-fg)!important;}

.site-header {
    width: 100%;
    background: var(--page-bg);
    border-bottom: 1px solid var(--card-border);
  }

  .header-inner {
    max-width: var(--max-w);
    margin: 0 auto;
    padding: var(--space-y) var(--space-x);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap);
  }

  .logo {
    font-size: var(--font-size-lg);
    font-weight: 700;
    color: var(--page-fg);
    text-decoration: none;
    white-space: nowrap;
  }

  .main-nav {
    display: flex;
    align-items: center;
    gap: var(--space-block);
  }

  .main-nav a {
    font-size: var(--font-size-md);
    color: var(--page-fg);
    text-decoration: none;
    padding: 0.25rem 0;
    border-bottom: 2px solid transparent;
    transition: border-color var(--anim-duration) var(--anim-ease), color var(--anim-duration) var(--anim-ease);
  }

  .main-nav a:hover {
    color: var(--link-hover);
    border-bottom-color: var(--link-hover);
  }

  .cta-button {
    display: inline-block;
    font-size: var(--font-size-md);
    font-weight: 600;
    color: var(--primary-fg);
    background: var(--primary-bg);
    padding: 0.5rem 1.25rem;
    border-radius: var(--radius-md);
    text-decoration: none;
    transition: background var(--anim-duration) var(--anim-ease);
    white-space: nowrap;
  }

  .cta-button:hover {
    background: var(--primary-hover);
  }

  .burger {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
  }

  .burger span {
    display: block;
    width: 24px;
    height: 2px;
    background: var(--page-fg);
    border-radius: 2px;
    transition: transform var(--anim-duration) var(--anim-ease), opacity var(--anim-duration) var(--anim-ease);
  }

  .burger.active span:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
  }

  .burger.active span:nth-child(2) {
    opacity: 0;
  }

  .burger.active span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
  }

  @media (max-width: 767px) {
    .header-inner {
      flex-wrap: wrap;
      padding: var(--space-y) var(--space-x);
    }

    .logo {
      margin-right: auto;
    }

    .burger {
      display: flex;
    }

    .main-nav {
      display: none;
      flex-direction: column;
      align-items: flex-start;
      width: 100%;
      padding-top: var(--space-y);
      gap: var(--space-y);
    }

    .main-nav.open {
      display: flex;
    }

    .main-nav a {
      font-size: var(--font-size-lg);
      width: 100%;
      padding: 0.25rem 0;
    }

    .cta-button {
      display: none;
    }
  }

.site-footer {
  background: var(--inverse-bg, #1a1a1a);
  color: var(--inverse-fg, #f5f5f5);
  padding: var(--space-section-y, 4rem) var(--space-section-x, 2rem) 2rem;
  font-family: var(--font-family, inherit);
  font-size: var(--font-size-base, 1rem);
  line-height: var(--line-height-base, 1.6);
}

.footer-container {
  max-width: var(--max-w, 1200px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: var(--gap, 2rem);
  padding-bottom: var(--space-block, 2rem);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.footer-column {
  display: flex;
  flex-direction: column;
}

.footer-brand {
  gap: var(--space-y, 1rem);
}

.footer-logo {
  font-size: var(--font-size-h2, 1.75rem);
  font-weight: 700;
  color: var(--inverse-fg, #f5f5f5);
  text-decoration: none;
  letter-spacing: -0.02em;
}

.footer-logo:hover {
  color: var(--link-hover, #c9a86a);
}

.footer-tagline {
  font-size: var(--font-size-sm, 0.875rem);
  color: rgba(245, 245, 245, 0.7);
  margin: 0;
  max-width: 30ch;
}

.footer-nav-col {
  gap: var(--space-y, 1rem);
}

.footer-nav {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.footer-nav a {
  color: var(--inverse-fg, #f5f5f5);
  text-decoration: none;
  font-size: var(--font-size-base, 1rem);
  transition: color var(--anim-duration, 0.3s) var(--anim-ease, ease);
}

.footer-nav a:hover {
  color: var(--link-hover, #c9a86a);
}

.footer-legal {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: auto;
  padding-top: var(--space-y, 1rem);
}

.footer-legal a {
  color: rgba(245, 245, 245, 0.6);
  text-decoration: none;
  font-size: var(--font-size-sm, 0.875rem);
  transition: color var(--anim-duration, 0.3s) var(--anim-ease, ease);
}

.footer-legal a:hover {
  color: var(--link-hover, #c9a86a);
}

.footer-contact {
  gap: var(--space-y, 1rem);
}

.contact-info {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.contact-label {
  font-size: var(--font-size-sm, 0.875rem);
  font-weight: 600;
  color: rgba(245, 245, 245, 0.5);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-top: 0.75rem;
}

.contact-label:first-child {
  margin-top: 0;
}

.contact-value {
  color: var(--inverse-fg, #f5f5f5);
  font-size: var(--font-size-base, 1rem);
  text-decoration: none;
  transition: color var(--anim-duration, 0.3s) var(--anim-ease, ease);
}

a.contact-value:hover {
  color: var(--link-hover, #c9a86a);
}

.footer-bottom {
  max-width: var(--max-w, 1200px);
  margin: 0 auto;
  padding-top: var(--space-block, 2rem);
  display: flex;
  flex-direction: column;
  gap: var(--space-y, 1rem);
}

.footer-disclaimer {
  font-size: var(--font-size-sm, 0.875rem);
  color: rgba(245, 245, 245, 0.5);
  margin: 0;
  line-height: 1.5;
}

.footer-copyright {
  font-size: var(--font-size-sm, 0.875rem);
  color: rgba(245, 245, 245, 0.4);
  margin: 0;
}

@media (max-width: 768px) {
  .footer-container {
    grid-template-columns: 1fr;
    gap: var(--space-block, 2rem);
  }

  .footer-brand {
    gap: 0.75rem;
  }

  .footer-nav-col {
    gap: 0.75rem;
  }

  .footer-legal {
    margin-top: 0;
    padding-top: 0.75rem;
  }

  .footer-contact {
    gap: 0.75rem;
  }
}

.cookies {
        position: fixed;
        left: var(--space-section-x);
        right: var(--space-section-x);
        bottom: var(--space-y);
        z-index: 1200
    }

    .cookies .ledger {
        max-width: var(--max-w);
        margin: 0 auto;
        display: flex;
        gap: 1px;
        background: #d8dde6;
        color: #0a0f1a;
        border: 1px solid #d8dde6;
        box-shadow: var(--shadow-lg)
    }

    .cookies .ledger div {
        width: 50%;
    }

    .cookies .ledger > * {
        min-width: 0;
    }

    .cookies .ledger > * {
        background: #fff;
        color: #0a0f1a;
        padding: var(--space-y)
    }

    .cookies strong {
        font-size: var(--font-size-h3);
        line-height: 1.12
    }

    .cookies p {
        margin: var(--space-card) 0 0;
        color: #2a3040;
        line-height: var(--line-height-base)
    }

    .cookies button {
        border: 0;
        font: inherit;
        cursor: pointer
    }

    .cookies button.cookie-accept {
        background: var(--primary-bg);
        color: var(--primary-fg)
    }

    @media (max-width: 760px) {
        .cookies .ledger {
            display: block
        }

        .cookies .ledger > * {
            display: block;
            width: 100%;
            text-align: left;
            border-bottom: 1px solid #d8dde6
        }
    }

.arrival---public{padding:calc(var(--space-y) * 3) var(--space-x);background:var(--page-bg);color:var(--page-fg);}

    .arrival---public .shell{max-width:var(--max-w);margin:0 auto;}

    .arrival---public .top{display:flex;gap:var(--gap);align-items:center;justify-content:space-between;flex-wrap:wrap;}

    .arrival---public .copy{flex:1 1 30rem;min-width:0;color:var(--page-fg);}

    .arrival---public h1{margin:0;font-size:clamp(2rem,4.3vw,3.5rem);line-height:1.1;}

    .arrival---public .subtitle{margin:0;max-width:50ch;}

    .arrival---public .actions{display:flex;flex-wrap:wrap;gap:.7rem;}

    .arrival---public .actions a{padding:.64rem .95rem;border-radius:var(--radius-md);text-decoration:none;background:var(--primary-bg);color:var(--primary-fg);font-weight:700;transition:background var(--anim-duration) var(--anim-ease);}

    .arrival---public .actions a:hover{background:var(--primary-hover);color:var(--primary-fg);}

    .arrival---public .actions a:nth-child(even){background:var(--card-bg);color:var(--card-fg);border:1px solid var(--card-border);}

    .arrival---public .image{flex:0 1 min(31rem,36vw);min-width:0;}

    .arrival---public img{width:min(31rem,100%);height:auto;object-fit:contain;display:block;border-radius:var(--radius-xl);}

.member-profile--aside {
  background: var(--gradient-hero-bg);
  color: var(--gradient-hero-fg);
  padding: var(--space-section-y) var(--space-section-x);
}
.member-profile--aside .wrap {
  width: min(100%, var(--max-w));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, .45fr) minmax(0, 1fr);
  gap: var(--gap);
}
.member-profile--aside h2,
.member-profile--aside h3,
.member-profile--aside p { margin: 0; }
.member-profile--aside h2 { font-size: var(--font-size-h2); line-height: 1.08; }
.member-profile--aside h3 { font-size: var(--font-size-h3); line-height: 1.16; }
.member-profile--aside p { font-size: var(--font-size-md); line-height: var(--line-height-base); }
.member-profile--aside .side {
  display: grid;
  gap: var(--space-y);
  align-content: start;
  padding-top: var(--space-block);
}
.member-profile--aside [data-block] span { color: var(--muted-fg); }
.member-profile--aside .cascade {
  display: grid;
  gap: var(--space-card);
}
.member-profile--aside [data-block] {
  display: grid;
  grid-template-columns: 4rem minmax(0, 1fr);
  gap: var(--space-y);
  padding: var(--space-y);
  border-radius: var(--radius-xl);
  background: var(--card-bg);
  color: var(--card-fg);
  border: 1px solid var(--card-border);
  animation: profilePrefIn calc(var(--anim-duration) * 2.2) var(--anim-ease) both;
  animation-delay: var(--delay, 0ms);
}
.member-profile--aside [data-block]:nth-child(2n) { margin-left: clamp(0rem, 8vw, calc(var(--gap) * 1.1)); }
@keyframes profilePrefIn {
  from { opacity: .2; transform: translateY(calc(var(--motion-distance) * .16)); }
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 800px) {
  .member-profile--aside .wrap,
  .member-profile--aside [data-block] { grid-template-columns: 1fr; }
  .member-profile--aside .side { padding-top: 0; }
  .member-profile--aside [data-block]:nth-child(2n) { margin-left: 0; }
}

.safeguards__formal {
  background: var(--page-bg);
  color: var(--page-fg);
  padding: var(--space-section-y) var(--space-section-x);
  overflow: hidden;
}
.safeguards__formal .wrap {
  width: min(100%, var(--max-w));
  margin: 0 auto;
}
.safeguards__formal h2,
.safeguards__formal h3,
.safeguards__formal p { margin: 0; }
.safeguards__formal h2 { font-size: var(--font-size-h2); line-height: 1.08; }
.safeguards__formal h3 { font-size: var(--font-size-h3); line-height: 1.16; }
.safeguards__formal p { font-size: var(--font-size-md); line-height: var(--line-height-base); }
.safeguards__formal a { color: inherit; text-decoration: none; }
.safeguards__formal .tone { background: var(--inverse-bg); color: var(--inverse-fg); }
.safeguards__formal .surface { background: var(--card-bg); color: var(--card-fg); border: 1px solid var(--card-border); }
.safeguards__formal .muted { color: var(--muted-fg); }
.safeguards__formal .action {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  min-height: 2.65rem;
  padding: calc(var(--space-card) * .72) var(--space-y);
  border-radius: var(--radius-md);
  background: var(--accent-bg);
  color: var(--accent-fg);
  transition: transform var(--anim-duration) var(--anim-ease), box-shadow var(--anim-duration) var(--anim-ease);
}
.safeguards__formal .action:hover { transform: translateY(-2px); box-shadow: var(--shadow-sm); }
.safeguards__formal [data-soft] {
  animation: securitysafedockIn calc(var(--anim-duration) * 2.6) var(--anim-ease) both;
  animation-delay: var(--d, 0ms);
}
@keyframes securitysafedockIn {
  from { opacity: .18; transform: translateY(calc(var(--motion-distance) * .18)); }
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 760px) {
  .safeguards__formal h2 { font-size: clamp(var(--font-size-h3), 11vw, var(--font-size-h2)); }
}
.safeguards__formal .safe-dock { max-width: min(100%, 64rem); }
.safeguards__formal .safe-signal { border-radius: var(--radius-xl); padding: var(--space-block); display: grid; gap: var(--space-y); align-content: start; }
.safeguards__formal .safe-signal span { color: var(--muted-fg); }
.safeguards__formal .safe-stack { display: flex; flex-direction: column; gap: var(--space-card); margin-top: var(--space-block); }
.safeguards__formal .safe-item { display: flex; flex-wrap: wrap; gap: var(--space-y); padding: var(--space-y); border: 1px solid var(--card-border); border-radius: var(--radius-sm); background: color-mix(in srgb, var(--card-bg) 76%, transparent); color: var(--card-fg); }
.safeguards__formal .safe-item>* { flex: 1 1 min(100%,12rem); }
.safeguards__formal .safe-item:hover { transform: translateX(calc(var(--space-card) * .35)); }
.safeguards__formal .safe-item b { color: var(--muted-fg); }
.safeguards__formal .safe-cta { margin-top: var(--space-block); border-radius: var(--radius-lg); padding: var(--space-y); display: flex; align-items: center; justify-content: space-between; gap: var(--gap); }
@media (max-width: 820px) { .safeguards__formal .safe-item { display: block; } .safeguards__formal .safe-item>*+* { margin-top: var(--space-card); } .safeguards__formal .safe-item:hover { transform: none; } .safeguards__formal .safe-cta { flex-direction: column; align-items: flex-start; } }

.knowledge--entry{--flow:calc(var(--space-y) * 0.92);--measure:calc(var(--max-w) / 2.40);--image-size:calc(var(--max-w) / 3.77);padding:var(--space-section-y) var(--space-section-x);background:var(--primary-bg);color:var(--primary-fg);}
.knowledge--entry .wrap{max-width:var(--max-w);margin:0 auto;}
.knowledge--entry h1,.knowledge--entry h2,.knowledge--entry h3,.knowledge--entry p{margin:0;}
.knowledge--entry h1{font-size:var(--font-size-h1);line-height:1.08;}
.knowledge--entry h2{font-size:var(--font-size-h2);line-height:1.12;}
.knowledge--entry h3{font-size:var(--font-size-h3);line-height:1.2;}
.knowledge--entry p{font-size:var(--font-size-md);line-height:var(--line-height-base);color:color-mix(in srgb, currentColor 74%, transparent);}
.knowledge--entry a{color:inherit;text-decoration:none;}
.knowledge--entry img{display:block;width:100%;height:auto;border-radius:var(--radius-md);}
.knowledge--entry .action{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:var(--space-card) var(--space-y);border-radius:var(--radius-sm);background:var(--primary-fg);color:var(--primary-bg);}
.knowledge--entry .lead,.knowledge--entry .note{}
.knowledge--entry .questions{display:flex;flex-direction:column;gap:var(--flow);}
.knowledge--entry details,.knowledge--entry .item{padding:calc(var(--space-card) * .9);border-radius:var(--radius-md);background:color-mix(in srgb, currentColor 11%, transparent);}
.knowledge--entry summary{cursor:pointer;font-weight:700;}
.knowledge--entry details p,.knowledge--entry .item p,.knowledge--entry .item h3{margin-top:calc(var(--space-y) / 3);}
.knowledge--entry .lead,.knowledge--entry .questions,.knowledge--entry .image-last>img{margin-top:var(--flow);}

.room_-identity-card {
  background: var(--page-bg);
  color: var(--page-fg);
  padding: var(--space-section-y) var(--space-section-x);
}
.room_-identity-card .wrap {
  width: min(100%, var(--max-w));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(15rem, .32fr);
  gap: var(--gap);
}
.room_-identity-card h2,
.room_-identity-card h3,
.room_-identity-card p { margin: 0; }
.room_-identity-card h2 { font-size: var(--font-size-h2); line-height: 1.08; }
.room_-identity-card h3 { font-size: var(--font-size-h3); line-height: 1.16; }
.room_-identity-card p { font-size: var(--font-size-md); line-height: var(--line-height-base); }
.room_-identity-card .top {
  display: grid;
  gap: var(--space-y);
}
.room_-identity-card .frame {
  display: grid;
  gap: var(--space-y);
  padding: var(--space-y);
  border-radius: var(--radius-lg);
  background: var(--inverse-bg);
  color: var(--inverse-fg);
}
.room_-identity-card .frame strong { font-size: var(--font-size-h3); }
.room_-identity-card .frame a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  width: fit-content;
}
.room_-identity-card .items {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-card);
}
.room_-identity-card [data-block] {
  min-height: 13rem;
  display: grid;
  gap: var(--space-card);
  padding: var(--space-y);
  border-radius: var(--radius-md);
  background: var(--card-bg);
  color: var(--card-fg);
  border: 1px solid var(--card-border);
}
.room_-identity-card .bar {
  height: .35rem;
  border-radius: var(--radius-sm);
  background: var(--primary-bg);
  animation: profilePanelMeter calc(var(--anim-duration) * 5) var(--anim-ease) infinite alternate;
}
.room_-identity-card .meta { color: var(--muted-fg); font-size: var(--font-size-sm); }
@keyframes profilePanelMeter {
  from { transform: scaleX(.35); transform-origin: left; }
  to { transform: scaleX(1); transform-origin: left; }
}
@media (max-width: 900px) {
  .room_-identity-card .wrap,
  .room_-identity-card .items { grid-template-columns: 1fr; }
}

.workshops-tag {
  background: var(--gradient-hero-bg);
  color: var(--gradient-hero-fg);
  padding: var(--space-section-y) var(--space-section-x);
}
.workshops-tag .wrap {
  width: min(100%, var(--max-w));
  margin: 0 auto;
  display: grid;
  gap: var(--gap);
}
.workshops-tag h2,
.workshops-tag h3,
.workshops-tag p { margin: 0; }
.workshops-tag h2 { font-size: var(--font-size-h2); line-height: 1.08; }
.workshops-tag h3 { font-size: var(--font-size-h3); line-height: 1.16; }
.workshops-tag p { font-size: var(--font-size-md); line-height: var(--line-height-base); }
.workshops-tag .banner {
  display: grid;
  grid-template-columns: minmax(7rem, .16fr) minmax(0, .72fr) minmax(0, .5fr);
  gap: var(--gap);
  align-items: end;
  padding: var(--space-block);
  border-radius: var(--radius-xl);
  background: var(--gradient-accent-bg);
  color: var(--gradient-accent-fg);
}
.workshops-tag .pockets {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: var(--space-card);
}
.workshops-tag .pocket {
  grid-column: span 3;
  min-height: 13rem;
  display: grid;
  gap: var(--space-card);
  align-content: start;
  padding: var(--space-y);
  border-radius: var(--radius-md);
  background: var(--card-bg);
  color: var(--card-fg);
  border: 1px solid var(--card-border);
  animation: activitiesPocketIn calc(var(--anim-duration) * 2.2) var(--anim-ease) both;
  animation-delay: var(--delay, 0ms);
}
.workshops-tag .pocket:nth-child(4n + 1) { grid-column: span 5; }
.workshops-tag .pocket div {
  display: flex;
  justify-content: space-between;
  gap: var(--space-card);
  color: var(--muted-fg);
}
.workshops-tag .action {
  width: fit-content;
  padding: calc(var(--space-card) * .75) var(--space-y);
  border-radius: var(--radius-md);
  background: var(--primary-bg);
  color: var(--primary-fg);
  text-decoration: none;
}
@keyframes activitiesPocketIn {
  from { opacity: .2; transform: scale(.97); }
  to { opacity: 1; transform: scale(1); }
}
@media (max-width: 900px) {
  .workshops-tag .banner,
  .workshops-tag .pockets { grid-template-columns: 1fr; }
  .workshops-tag .pocket,
  .workshops-tag .pocket:nth-child(4n + 1) { grid-column: auto; }
}

.service-desk-tag{padding:clamp(48px,6vw,80px) clamp(16px,4vw,36px);background:var(--muted-bg);color:var(--muted-fg);}

    .service-desk-tag .wrap{max-width:900px;margin:0 auto;display:grid;gap:12px;grid-template-columns:1fr 1fr;}

    .service-desk-tag .wrap article{border:1px solid var(--card-border);border-radius:var(--radius-lg);background:var(--muted-bg);padding:var(--space-y) var(--space-x);box-shadow:var(--shadow-sm);color:var(--muted-fg);}

    .service-desk-tag .wrap h3{margin:0 0 7px;}

    .service-desk-tag .wrap p{margin:0;}

    @media (max-width: 700px){.service-desk-tag .wrap{grid-template-columns:1fr;}
    }

.simple_preferences {
  background: var(--gradient-hero-bg);
  color: var(--gradient-hero-fg);
  padding: var(--space-section-y) var(--space-section-x);
  overflow: hidden;
}
.simple_preferences .wrap {
  width: min(100%, var(--max-w));
  margin: 0 auto;
}
.simple_preferences h2,
.simple_preferences h3,
.simple_preferences p { margin: 0; }
.simple_preferences h2 { font-size: var(--font-size-h2); line-height: 1.08; }
.simple_preferences h3 { font-size: var(--font-size-h3); line-height: 1.16; }
.simple_preferences p { font-size: var(--font-size-md); line-height: var(--line-height-base); }
.simple_preferences a { color: inherit; text-decoration: none; }
.simple_preferences .tone { background: var(--gradient-accent-bg); color: var(--gradient-accent-fg); }
.simple_preferences .surface { background: color-mix(in srgb, var(--card-bg) 84%, var(--accent-bg) 16%); color: var(--card-fg); border: 1px solid var(--card-border); }
.simple_preferences .muted { color: var(--muted-fg); }
.simple_preferences .action {
  display: inline-flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  min-height: 2.65rem;
  padding: calc(var(--space-card) * .72) var(--space-y);
  border-radius: var(--radius-md);
  background: var(--primary-bg);
  color: var(--primary-fg);
  transition: transform var(--anim-duration) var(--anim-ease), box-shadow var(--anim-duration) var(--anim-ease);
}
.simple_preferences .action:hover { transform: translateY(-2px); box-shadow: var(--shadow-sm); }
.simple_preferences [data-soft] {
  animation: settingspanelstairIn calc(var(--anim-duration) * 2.6) var(--anim-ease) both;
  animation-delay: var(--d, 0ms);
}
@keyframes settingspanelstairIn {
  from { opacity: .18; transform: translateY(calc(var(--motion-distance) * .18)); }
  to { opacity: 1; transform: translateY(0); }
}
@media (max-width: 760px) {
  .simple_preferences h2 { font-size: clamp(var(--font-size-h3), 11vw, var(--font-size-h2)); }
}
.simple_preferences .frame-stair { max-width: min(100%, 64rem); }
.simple_preferences .frame-intro { display: grid; gap: var(--space-y); padding-top: var(--space-block); }
.simple_preferences .frame-steps { display: flex; flex-direction: column; gap: var(--space-card); margin-top: var(--space-block); }
.simple_preferences .frame-step { border-radius: var(--radius-xl); padding: var(--space-y); display: flex; gap: var(--space-y); }
.simple_preferences .frame-step:nth-child(2n) { margin-left: clamp(0rem, 9vw, calc(var(--gap) * 1.4)); }
.simple_preferences .frame-step span { min-height: 3rem; display: inline-flex; align-items: center; justify-content: center; border-radius: var(--radius-lg); background: var(--accent-bg); color: var(--accent-fg); }
.simple_preferences .action { margin-top: var(--space-card); }
@media (max-width: 780px) { .simple_preferences .frame-step { display: block; } .simple_preferences .frame-step>*+* { margin-top: var(--space-card); } .simple_preferences .frame-intro { padding-top: 0; } .simple_preferences .frame-step:nth-child(2n) { margin-left: 0; } }

.advice-shell{--flow:calc(var(--space-y) * 1.42);--measure:calc(var(--max-w) / 3.15);--image-size:calc(var(--max-w) / 3.55);padding:var(--space-section-y) var(--space-section-x);background:#f7f7f7;color:#0a0f1a;}
.advice-shell .wrap{max-width:var(--max-w);margin:0 auto;}
.advice-shell h1,.advice-shell h2,.advice-shell h3,.advice-shell p{margin:0;}
.advice-shell h1{font-size:var(--font-size-h1);line-height:1.08;}
.advice-shell h2{font-size:var(--font-size-h2);line-height:1.12;}
.advice-shell h3{font-size:var(--font-size-h3);line-height:1.2;}
.advice-shell p{font-size:var(--font-size-md);line-height:var(--line-height-base);color:color-mix(in srgb, #0a0f1a 68%, transparent);}
.advice-shell a{color:inherit;text-decoration:none;}
.advice-shell img{display:block;width:100%;height:auto;border-radius:var(--radius-md);}
.advice-shell .action{display:inline-flex;align-items:center;justify-content:center;width:max-content;max-width:100%;padding:var(--space-card) var(--space-y);border-radius:var(--radius-sm);background:#0a0f1a;color:#ffffff;}
.advice-shell .lead,.advice-shell .note{}
.advice-shell .list{display:flex;flex-direction:column;gap:var(--flow);margin-top:var(--flow);}
.advice-shell .item{min-width:0;}
.advice-shell .item p,.advice-shell .item a{margin-top:calc(var(--space-y) / 3);}
.advice-shell .item img{margin-bottom:calc(var(--space-y) / 2);max-width:calc(var(--image-size) * .7);}
.advice-shell .image-after{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--gap);}
.advice-shell .image-after>.copy{flex:1 1 calc(var(--max-w) / 3);min-width:0;}
.advice-shell .image-after>.list{flex:2 1 calc(var(--max-w) / 2);margin-top:0;}
.advice-shell .image-after>img{margin-left:auto;}
.advice-shell .copy .lead{margin-top:var(--space-y);}

.fine-print_-flow{padding:var(--space-section-y) var(--space-section-x);background:var(--accent-bg);color:var(--accent-fg)}
.fine-print_-flow .wrap{max-width:var(--max-w);margin:0 auto}
.fine-print_-flow .heading{display:flex;align-items:end;justify-content:space-between;gap:var(--gap);margin-bottom:var(--space-block)}
.fine-print_-flow .heading p{max-width:38rem;margin:0;font-size:var(--font-size-lg);line-height:var(--line-height-base)}
.fine-print_-flow h2{max-width:13ch;margin:0;font-size:var(--font-size-h1);line-height:1;text-align:right}
.fine-print_-flow .clusters{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--gap)}
.fine-print_-flow [data-cluster]{flex:1 1 18rem;max-width:34rem;padding:var(--space-y) 0;order:var(--cluster-order,0);transform:translateY(var(--cluster-shift,0))}
.fine-print_-flow h3{margin:0;font-size:var(--font-size-h3)}
.fine-print_-flow [data-cluster] p{margin:var(--space-card) 0 0;line-height:var(--line-height-base)}
@media(max-width:680px){.fine-print_-flow .heading{display:block}.fine-print_-flow h2{margin-top:var(--space-y);text-align:left}.fine-print_-flow [data-cluster]{max-width:none;transform:none}}

.lead___ring{padding:var(--space-section-y) var(--space-section-x);background:#fafafa;color:#0a0f1a}
.lead___ring .wrap{max-width:var(--max-w);margin:0 auto;display:flex;flex-wrap:wrap;gap:var(--space-block)}
.lead___ring .wrap>*{min-width:0;flex:1 1 12rem}
.lead___ring .summary{position:relative;padding-top:var(--space-y)}
.lead___ring .summary:before{content:"";position:absolute;top:0;left:0;width:calc(var(--gap)*1.4);height:1px;background:var(--primary-bg)}
.lead___ring h2{margin:0;font-size:var(--font-size-h2);line-height:1.08}
.lead___ring .summary p{margin:var(--space-y) 0 0;line-height:var(--line-height-base);color:var(--neutral-600)}
.lead___ring form{display:flex;flex-wrap:wrap;gap:var(--gap);align-items:start}
.lead___ring form>*{min-width:0;flex:1 1 17rem}
.lead___ring .pairs{display:flex;flex-wrap:wrap;gap:1px;background:color-mix(in srgb,var(--inverse-fg) 14%,transparent);border:1px solid color-mix(in srgb,var(--inverse-fg) 14%,transparent)}
.lead___ring .pairs>*{min-width:0;flex:1 1 20rem}
.lead___ring label{display:block;background:#fff;color:#0a0f1a;padding:var(--space-y)}
.lead___ring span{display:block;margin-bottom:var(--space-card);font-size:var(--font-size-sm);color:var(--neutral-600)}
.lead___ring input{width:100%;border:0;background:transparent;color:inherit;font:inherit;outline:none}
.lead___ring input:focus{box-shadow:0 1px 0 var(--ring)}
.lead___ring .confirm{background:var(--accent-bg);color:var(--accent-fg);border-radius:var(--radius-md);padding:var(--space-y)}
.lead___ring .confirm p{margin:0 0 var(--space-y);font-size:var(--font-size-sm);line-height:var(--line-height-base)}
.lead___ring button{width:100%;border:0;border-radius:var(--radius-sm);background:var(--primary-bg);color:var(--primary-fg);font:inherit;padding:var(--space-card);cursor:pointer}
@media(max-width:920px){.lead___ring .wrap,.lead___ring form{display:block}.lead___ring form{margin-top:var(--space-block)}.lead___ring .confirm{margin-top:var(--space-y)}}@media(max-width:560px){.lead___ring .pairs{display:block}.lead___ring label{border-bottom:1px solid color-mix(in srgb,var(--inverse-fg) 12%,transparent)}}

.address___origin{background:var(--accent-bg);color:var(--accent-fg);padding:var(--space-section-y) var(--space-section-x)}
.address___origin .wrap{max-width:var(--max-w);margin:0 auto}
.address___origin .media{display:flex;align-items:center;gap:var(--space-block)}
.address___origin .photo{display:block;flex:0 1 42%;min-width:15rem;width:100%;height:auto;aspect-ratio:5/4;object-fit:cover;border-radius:var(--radius-lg)}
.address___origin .content{flex:1 1 34rem;min-width:0}
.address___origin h2{margin:0;font-size:clamp(var(--font-size-h2),5vw,var(--font-size-h1));line-height:1.05;letter-spacing:0}
.address___origin p{margin:var(--space-y) 0 0;max-width:42rem;font-size:var(--font-size-lg);line-height:1.65}
.address___origin .links{display:flex;flex-wrap:wrap;gap:var(--space-card);margin-top:var(--space-block)}
.address___origin a{padding:var(--space-card);border-radius:var(--radius-sm);background:color-mix(in srgb,currentColor 10%,transparent);color:inherit;text-decoration:none}
@media(max-width:760px){.address___origin .media{align-items:stretch;flex-direction:column}.address___origin .photo{flex-basis:auto;min-width:0}}

.clear--rights-notes{background:#f8fafc;color:#0a0f1a;padding:var(--space-section-y) var(--space-section-x)}
.clear--rights-notes .wrap{max-width:var(--max-w);margin:0 auto}
.clear--rights-notes .side{display:flex;align-items:flex-start;gap:var(--space-block)}
.clear--rights-notes .image{display:block;flex:0 1 18rem;min-width:12rem;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius-lg)}
.clear--rights-notes .note{flex:0 1 18rem;margin:0;min-width:0;color:#475467;line-height:1.65}
.clear--rights-notes .content{flex:1 1 42rem;min-width:0;display:flex;flex-direction:column;gap:var(--space-block)}
.clear--rights-notes h2{margin:0;max-width:18ch;font-size:clamp(var(--font-size-h2),5vw,var(--font-size-h1));line-height:1.05;letter-spacing:0}
.clear--rights-notes .items{display:flex;flex-wrap:wrap;gap:var(--gap)}
.clear--rights-notes .items div{flex:1 1 20rem;min-width:0}
.clear--rights-notes strong,.clear--rights-notes span{display:block}
.clear--rights-notes span{margin-top:calc(var(--space-card)*.55);color:#475467;line-height:1.55}
@media(max-width:760px){.clear--rights-notes .side{flex-direction:column}.clear--rights-notes .image{flex-basis:auto;min-width:0;aspect-ratio:16/9}.clear--rights-notes .note{flex-basis:auto}}

.service--usage-rules{padding:var(--space-section-y) var(--space-section-x);background:var(--inverse-bg);color:var(--inverse-fg)}
.service--usage-rules .copy{max-width:min(var(--max-w),58rem);margin:0 auto}
.service--usage-rules h2{margin:0;font-size:var(--font-size-h1);line-height:1.05}
.service--usage-rules .intro{margin:var(--space-y) 0 var(--space-block);font-size:var(--font-size-lg);color:color-mix(in srgb,currentColor 72%,transparent)}
.service--usage-rules .term{margin:0 0 var(--gap);padding-bottom:var(--space-card)}
.service--usage-rules .term:last-child{margin-bottom:0}
.service--usage-rules h3{margin:0 0 var(--space-card);font-size:var(--font-size-h3);line-height:1.2}
.service--usage-rules .term p{margin:0;color:color-mix(in srgb,currentColor 72%,transparent)}

.calm___thanks{background:#ffffff;color:#0a0f1a;padding:var(--space-section-y) var(--space-section-x)}
.calm___thanks .wrap{max-width:min(var(--max-w),48rem);margin:0 auto}
.calm___thanks .centered{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-y)}
.calm___thanks .note{margin:0;color:#475467;line-height:1.55}
.calm___thanks h2{margin:0;max-width:15ch;font-size:clamp(var(--font-size-h2),6vw,var(--font-size-h1));line-height:1.04;letter-spacing:0}
.calm___thanks .image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-lg)}
.calm___thanks p{margin:0;max-width:40rem;color:#475467;font-size:var(--font-size-lg);line-height:1.65}
.calm___thanks a{margin-top:var(--space-y);padding:var(--space-card) var(--gap);border-radius:var(--radius-md);background:#0a0f1a;color:#ffffff;text-decoration:none;font-weight:700}

.unit_unavailable {
  background:var(--gradient-hero-bg,linear-gradient(135deg,#1f3d5a,#553c2f));
  color:var(--primary-fg,#ffffff);
  padding:var(--space-section-y,76px) var(--space-section-x,20px);
}
.unit_unavailable .wrap {
  width:min(100%,var(--max-w,1100px));
  margin:0 auto;
}
.unit_unavailable .story {
  display:flex;
  align-items:stretch;
  gap:var(--space-block,30px);
}
.unit_unavailable .photo {
  display:block;
  flex:0 1 36%;
  min-width:220px;
  width:100%;
  height:auto;
  aspect-ratio:3/4;
  object-fit:cover;
  border-radius:var(--radius-lg,18px);
}
.unit_unavailable .copy {
  flex:1 1 430px;
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:var(--space-block,34px);
  padding:var(--space-card,24px) 0;
}
.unit_unavailable p {
  margin:0;
  max-width:34ch;
  color:color-mix(in srgb,currentColor 70%,transparent);
  line-height:1.6;
}
.unit_unavailable h1 {
  margin:0;
  max-width:12ch;
  font-size:clamp(var(--font-size-h2,34px),7vw,var(--font-size-h1,74px));
  line-height:1;
  letter-spacing:0;
}
.unit_unavailable .bottom {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:16px;
}
.unit_unavailable span {
  max-width:38ch;
  line-height:1.55;
  color:color-mix(in srgb,currentColor 78%,transparent);
}
.unit_unavailable a {
  padding:13px 18px;
  border-radius:var(--radius-md,12px);
  background:var(--primary-fg,#ffffff);
  color:#1f3d5a;
  text-decoration:none;
  font-weight:700;
}
@media (max-width:760px) {
  .unit_unavailable { padding:var(--space-section-y,56px) var(--space-section-x,16px); }
  .unit_unavailable .story { flex-direction:column; }
  .unit_unavailable .photo { flex-basis:auto; min-width:0; aspect-ratio:16/10; }
}