:root { --ink: #163128; --muted: #6f776e; --line: rgba(33, 73, 58, 0.14); --font-body: "DM Sans", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; --font-display: "Fraunces", Georgia, serif; }
* { box-sizing: border-box; }
body { margin: 0px; color: var(--ink); font-family: var(--font-body); line-height: 1.6; }
a { color: inherit; text-decoration: none; }
button,  input,  select,  textarea { font: inherit; }
button { color: inherit; }
img { display: block; max-width: 100%; }
::selection { color: var(--forest-2); }
.grain { position: fixed; inset: 0px; z-index: 99; pointer-events: none; opacity: 0.04; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E"); }
.hero { min-height: 100svh; padding-bottom: 95px; display: flex; align-items: center; overflow: clip; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; margin-bottom: 22px; font-size: 12px; font-weight: 700; letter-spacing: 0.13em; text-transform: uppercase; color: var(--forest-3); }
.eyebrow.coral { color: rgb(181, 90, 71); }
.eyebrow.gold { color: rgb(156, 118, 33); }
.eyebrow.light { color: rgba(255, 255, 255, 0.78); }
.eyebrow-dot { width: 8px; height: 8px; border-radius: 50%; background: currentcolor; box-shadow: color-mix(in srgb, currentcolor 12%, transparent 88%) 0px 0px 0px 5px; }
h1,  h2,  h3,  p { margin-top: 0px; }
h1 { margin-bottom: 28px; font-family: var(--font-display); letter-spacing: -0.055em; font-weight: 600; }
h1 em,  h2 em { font-style: italic; }
@keyframes floatY { 
  50% { transform: translateY(-9px) rotate(0.4deg); }
}
@keyframes slowSpin { 
  100% { rotate: 360deg; }
}
.curriculum-copy h2 { margin-bottom: 20px; font-family: var(--font-display); font-size: clamp(43px, 5vw, 68px); line-height: 1.02; letter-spacing: -0.045em; font-weight: 600; }
.curriculum-copy > p { color: var(--muted); font-size: 17px; line-height: 1.75; }
.three-pillar-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.pillar-card { min-height: 610px; padding: 28px; transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.4s; overflow: hidden; position: relative; }
.pillar-card.featured { transform: translateY(22px); }
.pillar-card.featured:hover { transform: translateY(12px); }
.pillar-art { height: 235px; border-radius: 28px; margin-bottom: 26px; position: relative; overflow: hidden; }
.featured .pillar-art { background: rgb(42, 87, 70); }
.pillar-index { font-size: 10px; letter-spacing: 0.14em; font-weight: 800; }
.pillar-card h3 { margin: 10px 0px 14px; font-family: var(--font-display); line-height: 1.05; letter-spacing: -0.03em; }
.pillar-card p { color: var(--muted); font-size: 14px; }
.pillar-card ul { list-style: none; padding: 0px; margin: 24px 0px 0px; display: grid; gap: 10px; }
.pillar-card li { display: flex; align-items: center; gap: 9px; color: rgb(95, 105, 95); }
.pillar-card li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; box-shadow: rgba(211, 166, 62, 0.13) 0px 0px 0px 4px; }
.find-art .pin { position: absolute; width: 58px; height: 58px; left: calc(50% - 29px); top: 70px; border-radius: 50% 50% 50% 0px; rotate: -45deg; box-shadow: rgba(238, 132, 106, 0.25) 0px 15px 30px; }
.find-art .pin::after { content: ""; position: absolute; width: 16px; height: 16px; border-radius: 50%; left: 21px; top: 21px; }
.map-line { position: absolute; height: 2px; border-radius: 99px; background: rgba(33, 73, 58, 0.22); transform-origin: left center; }
.l1 { width: 170px; left: 20px; top: 65px; rotate: 24deg; }
.l2 { width: 150px; right: 0px; bottom: 55px; rotate: -18deg; }
.map-dot { position: absolute; width: 12px; height: 12px; border-radius: 50%; }
.d1 { left: 38px; bottom: 50px; }
.d2 { right: 36px; top: 44px; }
.approve-art .doc { position: absolute; width: 105px; height: 135px; left: 50%; top: 50%; translate: -50% -50%; border-radius: 14px; box-shadow: rgba(0, 0, 0, 0.12) 0px 17px 35px; rotate: -5deg; }
.approve-art .doc::before,  .approve-art .doc::after { content: ""; position: absolute; height: 6px; border-radius: 99px; left: 19px; }
.approve-art .doc::before { top: 33px; width: 68px; box-shadow: 0 22px 0 var(--sage-soft),0 44px 0 var(--sage-soft); }
.approve-art .doc::after { top: 99px; width: 44px; }
.approve-art .stamp { position: absolute; left: 50%; top: 52%; translate: 15px 22px; width: 62px; height: 62px; display: grid; place-items: center; border-radius: 50%; color: rgb(255, 255, 255); font-size: 30px; font-weight: 800; box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 30px; }
.orbit { position: absolute; border: 1px solid rgba(241, 217, 150, 0.35); border-radius: 50%; left: 50%; top: 50%; translate: -50% -50%; animation: 13s linear 0s infinite normal none running slowSpin; }
.o1 { width: 190px; height: 190px; }
.o2 { width: 240px; height: 120px; rotate: 24deg; animation-direction: reverse; }
.launch-art .door { position: absolute; width: 95px; height: 132px; border-radius: 48px 48px 8px 8px; left: 50%; bottom: 28px; translate: -50%; box-shadow: rgba(33, 73, 58, 0.22) 0px 18px 40px; }
.launch-art .door::before { content: ""; position: absolute; inset: 13px; border-radius: 36px 36px 4px 4px; background: linear-gradient(rgb(248, 223, 157), rgb(255, 245, 217)); }
.launch-art .door::after { content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; right: 22px; top: 72px; }
.ray { position: absolute; height: 2px; width: 54px; left: 50%; top: 37px; transform-origin: left center; }
.r1 { rotate: 30deg; }
.r2 { rotate: 90deg; }
.r3 { rotate: 150deg; }
.curriculum-grid { display: grid; grid-template-columns: 0.86fr 1.14fr; gap: 90px; align-items: center; }
.curriculum-pills { display: flex; gap: 9px; flex-wrap: wrap; margin: 30px 0px 18px; }
.curriculum-pill { border-radius: 99px; font-weight: 700; cursor: pointer; transition: 0.25s; }
.curriculum-pill:hover,  .curriculum-pill.active { color: rgb(255, 255, 255); }
.curriculum-info { min-height: 75px; padding: 16px 18px; background: rgba(241, 217, 150, 0.2); color: var(--muted); }
.curriculum-visual { height: 560px; position: relative; overflow: hidden; box-shadow: var(--shadow); transform-style: preserve-3d; transition: transform 0.15s ease-out; }
.room-card { position: absolute; width: 215px; padding: 20px; border-radius: 25px; background: rgba(255, 253, 248, 0.86); backdrop-filter: blur(12px); box-shadow: rgba(33, 73, 58, 0.1) 0px 20px 45px; display: grid; gap: 6px; }
.room-card span { font-size: 9px; font-weight: 800; letter-spacing: 0.12em; color: var(--coral); }
.room-card strong { font-family: var(--font-display); font-size: 21px; }
.room-card i { display: block; width: 48px; height: 7px; border-radius: 99px; margin-top: 8px; box-shadow: 63px 0 0 var(--gold-soft); }
.room-a { left: 42px; top: 58px; rotate: -5deg; }
.room-b { right: 38px; top: 170px; rotate: 5deg; }
.room-c { left: 54px; bottom: 54px; rotate: 3deg; }
.room-center { position: absolute; left: 50%; top: 50%; translate: -50% -50%; width: 126px; height: 126px; border-radius: 50%; display: grid; place-content: center; justify-items: center; color: rgb(255, 255, 255); box-shadow: rgba(33, 73, 58, 0.22) 0px 22px 45px; }
.room-center span { font-family: var(--font-display); font-size: 46px; line-height: 0.9; color: var(--gold-soft); }
.room-center small { font-size: 10px; text-transform: uppercase; letter-spacing: 0.13em; }
.scribble { position: absolute; inset: 0px; width: 100%; height: 100%; color: rgba(33, 73, 58, 0.24); }
.why-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.why-card { min-height: 270px; padding: 25px; position: relative; overflow: hidden; transition: 0.35s; }
.why-card:hover { transform: translateY(-7px); box-shadow: var(--shadow-soft); }
.why-card::after { content: ""; position: absolute; width: 90px; height: 90px; border-radius: 50%; right: -34px; bottom: -34px; opacity: 0.55; transition: 0.35s; }
.why-card:hover::after { scale: 1.4; }
.why-card > span { color: var(--coral); font-size: 10px; font-weight: 800; }
.why-card h3 { margin: 50px 0px 12px; font-family: var(--font-display); line-height: 1.08; }
.why-card p { color: var(--muted); }
@media (max-width: 1050px) {
  .hero { padding-top: 150px; }
  .curriculum-grid { grid-template-columns: 1fr; gap: 55px; }
  .curriculum-visual { max-width: 700px; width: 100%; margin-inline: auto; }
  .why-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 720px) {
  .hero { padding-top: 120px; padding-bottom: 65px; min-height: auto; }
  h1 { font-size: clamp(47px, 14vw, 70px); }
  .curriculum-copy h2 { font-size: clamp(38px, 11.5vw, 52px); }
  .curriculum-copy > p { font-size: 14px; }
  .three-pillar-grid,  .why-grid { grid-template-columns: 1fr; }
  .pillar-card { min-height: auto; }
  .pillar-card.featured { transform: none; }
  .curriculum-grid { gap: 45px; }
  .curriculum-visual { height: 480px; border-radius: 32px; }
  .room-card { width: 175px; padding: 15px; }
  .room-card strong { font-size: 17px; }
  .room-a { left: 18px; }
  .room-b { right: 16px; }
  .room-c { left: 24px; }
  .room-center { width: 106px; height: 106px; }
  .room-center span { font-size: 39px; }
  .why-card { min-height: 240px; }
}
@media (max-width: 430px) {
  .curriculum-visual { height: 450px; }
  .room-b { top: 182px; }
  .room-c { bottom: 35px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,  ::before,  ::after { animation-duration: 0.01ms; animation-iteration-count: 1; transition-duration: 0.01ms; }
}
:root { --forest: #245344; --forest-2: #173d32; --forest-3: #3b6d5a; --sage: #9fbe8e; --sage-soft: #dcebd5; --gold: #e0ad38; --gold-soft: #f8dc87; --coral: #f08a72; --coral-soft: #ffd7cb; --sky: #8fcfd3; --sky-soft: #d9f0f1; --lilac: #b9a9d7; --lilac-soft: #ece5f6; --sun: #f7c84b; --cream: #fff8ec; --cream-2: #f7eddc; --paper: #fffdf7; --font-play: "Fredoka", "DM Sans", sans-serif; --shadow: 0 30px 80px rgba(36, 83, 68, .13); --shadow-soft: 0 14px 40px rgba(36, 83, 68, .08); }
h1,  .curriculum-copy h2,  .pillar-card h3,  .why-card h3 { font-family: var(--font-play); letter-spacing: -0.035em; }
h1 em,  h2 em { font-family: Fraunces, Georgia, serif; font-weight: 600; color: var(--coral); }
@keyframes floatY { 
  50% { transform: translateY(-14px) rotate(5deg); }
}
.hero { padding-top: 165px; background-image: radial-gradient(circle at 8% 31%, rgba(247, 200, 75, 0.18), transparent 14%), radial-gradient(circle at 92% 18%, rgba(143, 207, 211, 0.18), transparent 16%), linear-gradient(rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0)); background-color: initial; }
.hero::after { content: ""; position: absolute; z-index: 0; left: -3%; right: -3%; bottom: -34px; height: 82px; border-radius: 50% 50% 0px 0px / 36% 36% 0px 0px; opacity: 0.9; }
h1 { font-size: clamp(58px, 6.6vw, 98px); line-height: 0.95; }
.three-pillar-grid { gap: 18px; }
.pillar-card { border: 2px solid rgba(36, 83, 68, 0.08); border-radius: 36px 36px 36px 13px; box-shadow: rgba(36, 83, 68, 0.07) 0px 16px 35px; }
.pillar-card:nth-child(1) { transform: rotate(-1deg); }
.pillar-card:nth-child(2) { transform: translateY(-16px) rotate(1deg); }
.pillar-card:nth-child(3) { transform: rotate(-0.5deg); }
.pillar-card:hover { transform: translateY(-10px) rotate(0deg); box-shadow: var(--shadow); }
.pillar-index { color: var(--forest); }
.pillar-card h3 { font-size: 30px; }
.pillar-card li::before { color: var(--coral); }
.curriculum-visual { border: 2px solid rgba(255, 255, 255, 0.92); border-radius: 50px 34px 50px 18px; }
.room-card { border: 2px solid rgba(255, 255, 255, 0.92); }
.room-center { border: 6px solid rgba(255, 255, 255, 0.5); }
.why-card { border: 2px solid rgba(36, 83, 68, 0.08); border-radius: 30px 30px 30px 10px; }
.why-card::after { background: rgba(255, 255, 255, 0.55); }
@media (max-width: 720px) {
  .hero { padding-top: 135px; }
  .pillar-card:nth-child(2) { transform: none; }
}
.kicker { display: inline-flex; align-items: center; gap: 10px; margin: 0px 0px 22px; font-size: 12px; font-weight: 800; letter-spacing: 0.14em; text-transform: uppercase; color: var(--forest-3); }
.addons-band { margin-top: 48px; padding-top: 28px; display: grid; grid-template-columns: 140px 1fr 280px; gap: 25px; align-items: start; }
.addons-band > span { font-size: 10px; font-weight: 800; letter-spacing: 0.14em; }
.addons-band > div { display: flex; flex-wrap: wrap; gap: 8px; }
.addons-band i { font-style: normal; border: 1px solid rgba(33, 73, 58, 0.13); background: rgb(255, 255, 255); border-radius: 999px; padding: 9px 12px; font-size: 11px; }
.addons-band p { font-size: 11px; line-height: 1.55; color: rgb(103, 115, 109); margin: 0px; }
.growth-journey { position: relative; overflow: hidden; }
.growth-heading { display: grid; grid-template-columns: 1fr 1fr; column-gap: 70px; align-items: end; margin-bottom: 60px; }
.growth-heading .kicker { grid-column: 1 / -1; }
.growth-heading > p { margin: 0px 0px 5px; color: rgb(92, 103, 98); font-size: 18px; line-height: 1.7; }
.journey-canvas { height: 1500px; position: relative; border-radius: 64px; background: linear-gradient(rgb(248, 237, 207) 0%, rgb(236, 241, 231) 42%, rgb(223, 238, 238) 73%, rgb(244, 208, 201) 100%); overflow: hidden; box-shadow: rgba(33, 73, 58, 0.08) 0px 0px 0px 1px inset; }
.journey-path { inset: 0px; width: 100%; height: 100%; overflow: visible; }
.journey-path-base,  #journeyPathProgress { stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; fill: none; }
.journey-path-base { stroke: rgba(33, 73, 58, 0.13); stroke-dasharray: 8, 15; }
#journeyPathProgress { stroke: var(--forest); stroke-dasharray: 1; stroke-dashoffset: 1; }
.journey-seed { position: absolute; width: 54px; height: 54px; transform: translate(-50%, -50%); transition: left 0.06s linear, top 0.06s linear; }
.journey-seed i { position: absolute; width: 30px; height: 22px; border-radius: 55% 45%; left: 12px; top: 20px; transform: rotate(-12deg); box-shadow: rgba(33, 73, 58, 0.17) 0px 12px 28px; }
.journey-seed span { position: absolute; width: 4px; height: 34px; left: 26px; top: -4px; border-radius: 999px; }
.journey-seed b { position: absolute; width: 25px; height: 17px; border-radius: 100% 0px; left: 26px; top: 0px; transform: rotate(-10deg); }
.growth-stage-grid { inset: 0px; }
.growth-stage { position: absolute; width: 330px; padding: 26px; border-radius: 30px; background: rgba(255, 255, 255, 0.74); backdrop-filter: blur(10px); border: 1px solid rgba(33, 73, 58, 0.1); box-shadow: rgba(33, 73, 58, 0.08) 0px 20px 40px; opacity: 0.55; transform: scale(0.94); transition: opacity 0.5s, transform 0.5s, background 0.5s; }
.growth-stage.active { opacity: 1; transform: scale(1); background: rgba(255, 255, 255, 0.92); }
.growth-stage:nth-child(1) { left: 6%; top: 4%; }
.growth-stage:nth-child(2) { right: 7%; top: 19%; }
.growth-stage:nth-child(3) { left: 12%; top: 38%; }
.growth-stage:nth-child(4) { right: 8%; top: 54%; }
.growth-stage:nth-child(5) { left: 13%; top: 70%; }
.growth-stage:nth-child(6) { right: 6%; top: 85%; }
.growth-stage-index { font-family: var(--font-display); font-size: 30px; color: rgba(33, 73, 58, 0.34); float: right; }
.growth-stage small { font-size: 9px; letter-spacing: 0.18em; font-weight: 800; color: var(--coral); }
.growth-stage h3 { font-family: var(--font-display); font-size: 29px; line-height: 1.02; letter-spacing: -0.03em; margin: 12px 0px; color: var(--forest); }
.growth-stage p { font-size: 13px; line-height: 1.6; margin: 0px; color: rgb(82, 96, 90); }
.journey-outcome { display: grid; grid-template-columns: 260px 1fr; gap: 55px; align-items: center; margin-top: 80px; }
.journey-outcome span { font-size: 10px; font-weight: 800; letter-spacing: 0.16em; color: var(--coral); }
.journey-outcome h3 { font-family: var(--font-display); font-size: 44px; line-height: 1; letter-spacing: -0.04em; margin: 12px 0px 20px; color: var(--forest); }
.journey-outcome p { line-height: 1.65; color: rgb(92, 103, 98); }
@media (max-width: 900px) {
  .growth-heading { grid-template-columns: 1fr; gap: 28px; }
  .addons-band { grid-template-columns: 1fr; }
  .journey-canvas { height: 1300px; }
  .growth-stage { width: 300px; }
  .growth-stage:nth-child(1) { left: 4%; }
  .growth-stage:nth-child(2) { right: 4%; }
  .growth-stage:nth-child(3) { left: 5%; }
  .growth-stage:nth-child(4) { right: 4%; }
  .growth-stage:nth-child(5) { left: 6%; }
  .growth-stage:nth-child(6) { right: 4%; }
  .journey-outcome { grid-template-columns: 200px 1fr; }
}
@media (max-width: 640px) {
  .growth-heading h2 { font-size: 46px; }
  .growth-heading > p { font-size: 16px; }
  .journey-canvas { height: auto; padding: 24px; background: linear-gradient(rgb(248, 237, 207), rgb(230, 239, 234), rgb(244, 208, 201)); }
  .journey-path,  .journey-seed { display: none; }
  .growth-stage-grid { position: relative; display: flex; flex-direction: column; gap: 14px; }
  .growth-stage,  .growth-stage:nth-child(n) { position: relative; left: auto; right: auto; top: auto; width: auto; opacity: 1; transform: none; }
  .journey-outcome { grid-template-columns: 1fr; gap: 25px; margin-top: 45px; }
  .journey-outcome h3 { font-size: 34px; }
}
@media (max-width: 480px) {
  .addons-band p { font-size: 10px; }
}
:root { --green: var(--forest); --ease: cubic-bezier(.2,.75,.25,1); }
html { scroll-behavior: auto; }
body { overscroll-behavior-y: none; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; }
.journey-seed { backface-visibility: hidden; transform-style: preserve-3d; }
 .pillar-card,  .why-card { transition: transform 0.38s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.38s, background 0.38s; }
.pillar-card::after,  .why-card::before { content: ""; position: absolute; width: 62px; height: 62px; border-radius: 50%; right: -18px; top: -18px; background: rgba(255, 255, 255, 0.32); pointer-events: none; }
.curriculum-visual::after { content: ""; position: absolute; width: 92px; height: 92px; border: 2px dashed rgba(36, 83, 68, 0.15); border-radius: 50%; right: 24px; top: 28px; animation: 18s linear 0s infinite normal none running slowSpin; }
.growth-journey,  .curriculum { position: relative; }
.growth-journey::before { content: ""; position: absolute; left: 0px; right: 0px; top: -1px; height: 34px; background: radial-gradient(70% 65px at 50% -22px, rgba(255, 255, 255, 0.75), transparent 72%); pointer-events: none; }
@media (prefers-reduced-motion: reduce) {
  .curriculum-visual::after { animation: auto ease 0s 1 normal none running none; }
}
.hero { isolation: isolate; }
.journey-path,  .journey-seed,  .growth-stage-grid { z-index: 2; }
.journey-path { position: absolute; }
.growth-stage-grid { position: absolute; }
.journey-seed { z-index: 4; }
:root { --motion-spring: cubic-bezier(.16,1.32,.42,1); --motion-soft: cubic-bezier(.22,1,.36,1); --motion-fast: 320ms; }
.pillar-card,  .why-card,  .room-card { transform-origin: center center; }
[data-motion-float="hero"] { will-change: transform; }
@media (hover: hover) and (pointer: fine) {
  .why-card:hover { box-shadow: rgba(36, 83, 68, 0.12) 0px 24px 55px; }
}
@media (prefers-reduced-motion: reduce) {
  [data-motion-float="hero"] { transform: none; }
}
:root { --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-7: 48px; --space-8: 64px; --radius-sm: 12px; --radius-md: 20px; --radius-lg: 30px; --radius-xl: 48px; --focus-ring: 0 0 0 4px rgba(240,138,114,.24); }
* { min-width: 0px; }
body { overflow-x: clip; min-width: 320px; }
main:focus { outline: 0px; }
img { height: auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }
.skip-link { position: fixed; z-index: 12000; top: 10px; left: 12px; padding: 12px 16px; border-radius: 12px; color: rgb(255, 255, 255); font-weight: 800; transform: translateY(-140%); transition: transform 0.2s; }
.skip-link:focus { transform: none; }
a,  button { touch-action: manipulation; }
:where(a, button, input, select, textarea, summary, [role="button"]):focus-visible { outline-offset: 4px; }
button:disabled { cursor: not-allowed; opacity: 0.58; transform: none; }
.pillar-card,  .why-card,  .room-card { will-change: auto; }
.growth-heading h2 { margin: 0px; font-family: var(--font-play); font-size: clamp(48px, 5.2vw, 76px); line-height: 0.98; letter-spacing: -0.048em; }
.growth-heading h2 em { font-family: var(--font-display); }
.growth-heading > p { max-width: 68ch; }
.pillar-card.featured { color: var(--ink); border-color: rgba(36, 83, 68, 0.1); }
.pillar-card.featured p,  .pillar-card.featured li { color: rgb(76, 93, 85); }
.pillar-card.featured .pillar-index { color: var(--forest); }
.pillar-card li { font-size: 13px; }
.why-card p { font-size: 13px; line-height: 1.58; }
.why-card h3 { font-size: 24px; }
.curriculum-pill { min-height: 44px; padding: 10px 17px; font-size: 12px; }
.curriculum-info { font-size: 13px; line-height: 1.6; }
@media (hover: hover) and (pointer: fine) {
  [data-motion-float="hero"] { will-change: transform; }
}
@media (max-width: 720px) {
  .hero { padding-top: 112px; padding-bottom: 54px; }
  .pillar-card { padding: 22px; border-radius: 30px; }
  .pillar-art { height: 190px; margin-bottom: 20px; }
  .pillar-card h3 { font-size: 30px; }
  .pillar-card p { font-size: 15px; line-height: 1.6; }
  .growth-heading { display: block; }
  .growth-heading h2 { font-size: 44px; line-height: 1; }
  .growth-heading > p { margin-top: 24px; font-size: 16px; line-height: 1.65; }
  .addons-band { margin-top: 34px; }
  .journey-canvas { padding: 18px; border-radius: 34px; }
  .growth-stage-grid { gap: 12px; }
  .growth-stage-grid { position: relative; }
  .growth-stage,  .growth-stage:nth-child(n) { padding: 21px; border-radius: 24px; }
  .growth-stage h3 { font-size: 26px; }
  .journey-outcome { margin-top: 38px; }
  .why-card { min-height: 0px; padding: 22px; }
  .why-card h3 { margin: 24px 0px 10px; }
  .grain { display: none; }
}
@media (max-width: 430px) {
  .journey-outcome h3 { font-size: 32px; }
}
.clay-edition { --clay-cream: #fff4df; --clay-sand: #f3d9a6; --clay-peach: #f59b80; --clay-peach-deep: #df765f; --clay-mint: #a8cf9a; --clay-mint-deep: #5f9673; --clay-blue: #9ed9df; --clay-yellow: #f6c955; --clay-lilac: #c9b5e7; --clay-white: #fffdf6; --clay-shadow: rgba(66,84,65,.18); }
.clay-edition .hero { isolation: isolate; min-height: 100svh; }
.clay-edition .hero::before { content: ""; position: absolute; inset: 0px; z-index: 0; pointer-events: none; background-image: radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.8) 0px, rgba(255, 255, 255, 0.8) 2px, transparent 2.4px), radial-gradient(circle at 72% 18%, rgba(255, 255, 255, 0.72) 0px, rgba(255, 255, 255, 0.72) 1.5px, transparent 2px), radial-gradient(circle at 89% 60%, rgba(255, 255, 255, 0.62) 0px, rgba(255, 255, 255, 0.62) 2px, transparent 2.5px); }
.clay-edition .hero::after { height: 110px; bottom: -50px; border-radius: 50% 50% 0px 0px / 55% 55% 0px 0px; box-shadow: rgba(36, 83, 68, 0.04) 0px -18px 45px; }
.clay-edition .pillar-card,  .clay-edition .why-card,  .clay-edition .room-card { backface-visibility: hidden; transform: translateZ(0px); }
.clay-edition .why-card:hover { box-shadow: rgba(36, 83, 68, 0.1) 0px 22px 42px; }
@media (max-width: 720px) {
  .clay-edition .hero { padding-bottom: 48px; }
}
.clay-edition .hero { padding-top: 138px; padding-bottom: 72px; background-image: radial-gradient(circle at 88% 20%, rgba(184, 219, 197, 0.26), transparent 25%), radial-gradient(circle at 14% 16%, rgba(250, 208, 118, 0.18), transparent 18%), linear-gradient(145deg, rgb(255, 253, 247) 0%, rgb(255, 248, 233) 54%, rgb(245, 248, 239) 100%); background-color: initial; }
.clay-edition .hero::before { opacity: 0.34; background-size: 180px 180px, 230px 230px, 260px 260px; }
.surreal-launch { isolation: isolate; overflow: hidden; padding-top: 140px; padding-bottom: 150px; background-image: radial-gradient(circle at 18% 28%, rgba(158, 216, 221, 0.28), transparent 20%), radial-gradient(circle at 82% 26%, rgba(246, 203, 111, 0.26), transparent 22%), radial-gradient(circle at 54% 86%, rgba(239, 142, 119, 0.17), transparent 24%), linear-gradient(rgb(255, 253, 247) 0%, rgb(251, 246, 234) 46%, rgb(244, 247, 239) 100%); background-color: initial; }
.surreal-launch::before { content: ""; position: absolute; z-index: -2; width: 900px; height: 420px; left: 50%; top: 38%; transform: translate(-50%, -50%) rotate(-4deg); border-radius: 50%; border: 1px solid rgba(48, 91, 72, 0.08); box-shadow: rgba(255, 255, 255, 0.14) 0px 0px 0px 55px, rgba(255, 255, 255, 0.1) 0px 0px 0px 120px, rgba(255, 255, 255, 0.06) 0px 0px 0px 190px; }
.surreal-launch::after { content: ""; position: absolute; z-index: -3; left: 8%; right: 8%; bottom: 4%; height: 180px; border-radius: 50%; background: rgba(58, 91, 70, 0.08); filter: blur(55px); }
.surreal-orbit { position: absolute; z-index: -1; border: 1px solid rgba(42, 88, 68, 0.12); border-radius: 50%; pointer-events: none; animation: 18s linear 0s infinite normal none running surrealOrbit; }
.surreal-orbit-a { width: 520px; height: 230px; left: -160px; top: 33%; rotate: 28deg; }
.surreal-orbit-b { width: 570px; height: 250px; right: -210px; bottom: 14%; rotate: -24deg; animation-direction: reverse; animation-duration: 24s; }
.surreal-sphere { position: absolute; border-radius: 50%; pointer-events: none; box-shadow: rgba(255, 255, 255, 0.48) 12px 15px 20px inset, rgba(54, 76, 61, 0.08) -13px -15px 18px inset, rgba(53, 76, 61, 0.1) 0px 20px 35px; }
.surreal-sphere-a { width: 92px; height: 92px; left: 7%; top: 19%; background: linear-gradient(145deg, rgb(185, 223, 225), rgb(143, 201, 204)); animation: 6s ease-in-out 0s infinite normal none running surrealFloat; }
.surreal-sphere-b { width: 64px; height: 64px; right: 9%; top: 58%; background: linear-gradient(145deg, rgb(246, 201, 133), rgb(230, 173, 71)); animation: 7.2s ease-in-out 0.4s infinite reverse none running surrealFloat; }
.surreal-star { position: absolute; color: rgb(238, 139, 113); opacity: 0.72; font-size: 34px; animation: 3.2s ease-in-out 0s infinite normal none running surrealPulse; }
.surreal-star-a { left: 12%; bottom: 20%; }
.surreal-star-b { right: 14%; top: 18%; color: rgb(213, 164, 54); font-size: 25px; animation-delay: 0.5s; }
@keyframes surrealOrbit { 
  100% { transform: rotate(360deg); }
}
@keyframes surrealFloat { 
  50% { transform: translateY(-17px) rotate(6deg); }
}
@keyframes surrealPulse { 
  50% { transform: scale(1.35) rotate(18deg); opacity: 0.35; }
}
.surreal-launch .three-pillar-grid { position: relative; z-index: 3; display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 1fr; gap: 28px; align-items: stretch; }
.surreal-launch .pillar-card { min-height: 570px; padding: 24px; border-width: 1px; border-style: solid; border-image: none; border-radius: 46px; background: rgba(255, 255, 255, 0.55); backdrop-filter: blur(18px) saturate(1.12); overflow: visible; transform-style: preserve-3d; }
.surreal-launch .pillar-card:nth-child(1) { transform: translateY(44px) rotateY(7deg) rotateZ(-1.3deg); }
.surreal-launch .pillar-card:nth-child(2) { transform: translateY(-12px) rotateX(1.5deg); }
.surreal-launch .pillar-card:nth-child(3) { transform: translateY(54px) rotateY(-7deg) rotateZ(1.1deg); }
.surreal-launch .pillar-card::before { content: ""; position: absolute; inset: 12px; border-radius: 36px; border: 1px solid rgba(255, 255, 255, 0.55); pointer-events: none; }
.surreal-launch .pillar-art { height: 300px; border-radius: 36px; margin-bottom: 24px; border: 1px solid rgba(255, 255, 255, 0.7); box-shadow: rgba(255, 255, 255, 0.4) 10px 12px 20px inset, rgba(42, 69, 57, 0.05) -10px -12px 20px inset; overflow: hidden; }
.surreal-launch .pillar-card:nth-child(1) .pillar-art { background-image: radial-gradient(circle at 60% 30%, rgb(255, 247, 228) 0px, rgb(255, 247, 228) 16%, transparent 17%), linear-gradient(145deg, rgb(205, 235, 238), rgb(183, 221, 225)); background-color: initial; }
.surreal-launch .pillar-card:nth-child(2) .pillar-art { background-image: radial-gradient(circle at 22% 18%, rgba(255, 255, 255, 0.22), transparent 25%), linear-gradient(145deg, rgb(45, 101, 79), rgb(33, 75, 60)); background-color: initial; }
.surreal-launch .pillar-card:nth-child(3) .pillar-art { background-image: radial-gradient(circle at 72% 20%, rgb(255, 247, 229) 0px, rgb(255, 247, 229) 15%, transparent 16%), linear-gradient(145deg, rgb(255, 216, 206), rgb(244, 190, 176)); background-color: initial; }
.surreal-launch .pillar-art::after { content: ""; position: absolute; width: 160px; height: 160px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.45); left: 50%; top: 50%; transform: translate(-50%, -50%); box-shadow: rgba(255, 255, 255, 0.08) 0px 0px 0px 35px, rgba(255, 255, 255, 0.04) 0px 0px 0px 70px; }
.surreal-launch .pillar-index { font-size: 9px; letter-spacing: 0.18em; color: rgb(62, 102, 85); }
.surreal-launch .pillar-card h3 { font-size: 30px; line-height: 1; margin-top: 12px; }
.surreal-launch .pillar-card p { font-size: 12.5px; line-height: 1.65; }
.surreal-launch .pillar-card ul { margin-top: 18px; gap: 8px; }
.surreal-launch .pillar-card li { font-size: 10.5px; }
.surreal-launch .find-art .pin { width: 74px; height: 74px; left: calc(50% - 37px); top: 92px; background: linear-gradient(145deg, rgb(251, 148, 124), rgb(232, 120, 98)); box-shadow: rgba(255, 255, 255, 0.26) 8px 9px 10px inset, rgba(192, 97, 78, 0.2) 0px 20px 28px; z-index: 3; }
.surreal-launch .find-art .pin::after { width: 20px; height: 20px; left: 27px; top: 27px; background: rgb(255, 249, 233); }
.surreal-launch .map-line { filter: drop-shadow(rgba(50, 70, 60, 0.06) 0px 3px 3px); height: 3px; background: rgba(39, 79, 63, 0.2); }
.surreal-launch .map-dot { box-shadow: rgba(255, 255, 255, 0.35) 3px 3px 4px inset, rgba(90, 70, 30, 0.1) 0px 5px 8px; width: 15px; height: 15px; background: linear-gradient(145deg, rgb(243, 200, 93), rgb(220, 165, 40)); }
.surreal-launch .approve-art .doc { width: 120px; height: 150px; border-radius: 24px; background: rgb(255, 253, 247); box-shadow: rgba(255, 255, 255, 0.8) 6px 7px 9px inset, rgba(0, 0, 0, 0.2) 0px 24px 34px; }
.surreal-launch .approve-art .stamp { width: 74px; height: 74px; background: linear-gradient(145deg, rgb(250, 151, 126), rgb(231, 116, 96)); box-shadow: rgba(255, 255, 255, 0.2) 7px 7px 8px inset, rgba(0, 0, 0, 0.22) 0px 17px 26px; z-index: 5; }
.surreal-launch .orbit { border-color: rgba(247, 214, 133, 0.34); }
.surreal-launch .launch-art .door { width: 110px; height: 154px; border-radius: 60px 60px 16px 16px; background: linear-gradient(145deg, rgb(47, 107, 85), rgb(31, 78, 62)); box-shadow: rgba(255, 255, 255, 0.1) 10px 10px 13px inset, rgba(35, 71, 54, 0.2) 0px 24px 34px; }
.surreal-launch .launch-art .door::before { background: linear-gradient(145deg, rgb(255, 230, 168), rgb(247, 199, 105)); box-shadow: rgba(255, 255, 255, 0.34) 6px 7px 9px inset; }
.surreal-launch .ray { box-shadow: rgba(226, 170, 47, 0.2) 0px 0px 12px; height: 3px; background: rgb(226, 170, 47); }
@media (min-width: 901px) and (max-width: 1050px) {
  .surreal-launch .three-pillar-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .surreal-launch .pillar-card { grid-column: span 2; }
  .surreal-launch .pillar-card:nth-child(3) { grid-column: 2 / span 2; }
  .surreal-launch .pillar-card:nth-child(n) { transform: none; }
  .surreal-launch .pillar-card:hover { transform: translateY(-8px) scale(1.01); }
}
@media (max-width: 720px) {
  .clay-edition .hero { padding-top: 112px; }
  .surreal-launch { padding-top: 100px; padding-bottom: 100px; }
  .surreal-launch .three-pillar-grid { grid-template-columns: 1fr; gap: 20px; }
  .surreal-launch .pillar-card { min-height: auto; }
  .surreal-launch .pillar-art { height: 250px; }
  .surreal-sphere-a { left: -20px; }
  .surreal-sphere-b { right: -20px; }
}
@media (prefers-reduced-motion: reduce) {
  .surreal-orbit,  .surreal-sphere,  .surreal-star { animation: auto ease 0s 1 normal none running none; }
}
.surreal-launch .pillar-card { will-change: transform; backface-visibility: hidden; }
.surreal-launch .pillar-art { transition: transform 0.75s cubic-bezier(0.16, 0.84, 0.32, 1), box-shadow 0.6s; will-change: transform; }
.surreal-launch .pillar-art::after { opacity: 0.72; }
@media (prefers-reduced-motion: reduce) {
  .surreal-launch .pillar-card,  .surreal-launch .pillar-art { animation: auto ease 0s 1 normal none running none; transition: none; }
}
.surreal-launch .three-pillar-grid { perspective: none; }
.surreal-launch .pillar-card,  .surreal-launch .pillar-card:nth-child(1),  .surreal-launch .pillar-card:nth-child(2),  .surreal-launch .pillar-card:nth-child(3),  .surreal-launch .pillar-card:hover { transform: none; will-change: auto; }
.surreal-launch .pillar-card { border-color: rgba(48, 83, 68, 0.075); box-shadow: rgba(42, 73, 58, 0.086) 0px 22px 58px, rgba(42, 73, 58, 0.035) 0px 4px 14px, rgba(255, 255, 255, 0.96) 0px 1px 0px inset; transition: box-shadow 0.78s cubic-bezier(0.22, 0.72, 0.18, 1), border-color 0.62s, background-color 0.62s; }
.surreal-launch .pillar-card:hover { border-color: rgba(48, 83, 68, 0.12); box-shadow: rgba(42, 73, 58, 0.106) 0px 28px 68px, rgba(42, 73, 58, 0.04) 0px 6px 18px, rgba(255, 255, 255, 0.98) 0px 1px 0px inset; }
.surreal-launch .pillar-card::after { content: ""; position: absolute; inset: 0px; border-radius: inherit; pointer-events: none; background: radial-gradient(circle at 28% 14%, rgba(255, 255, 255, 0.38), transparent 34%); transform: none; opacity: 0; transition: opacity 0.72s cubic-bezier(0.22, 0.72, 0.18, 1); }
.surreal-launch .pillar-card:hover::after { transform: none; opacity: 0.34; }
.surreal-launch .pillar-art,  .surreal-launch .pillar-card:hover .pillar-art { transform: none; will-change: auto; transition: box-shadow 0.82s cubic-bezier(0.22, 0.72, 0.18, 1), filter 0.82s; }
.surreal-launch .pillar-card:hover .pillar-art { filter: saturate(1.015) brightness(1.006); box-shadow: rgba(255, 255, 255, 0.46) 11px 13px 22px inset, rgba(42, 69, 57, 0.05) -11px -13px 22px inset, rgba(42, 70, 56, 0.05) 0px 13px 28px; }
.surreal-launch .pillar-art::after { transition: opacity 0.8s, transform 0.9s cubic-bezier(0.22, 0.72, 0.18, 1); }
.surreal-launch .pillar-card:hover .pillar-art::after { transform: translate(-50%, -50%) scale(1.035); opacity: 0.82; }
.surreal-launch .find-art .pin,  .surreal-launch .approve-art .doc,  .surreal-launch .approve-art .stamp,  .surreal-launch .launch-art .door { transition: transform 0.9s cubic-bezier(0.22, 0.72, 0.18, 1), filter 0.75s; }
.surreal-launch .find-art .pin { transform: none; }
.surreal-launch .approve-art .doc { transform: rotate(-7deg); }
.surreal-launch .approve-art .stamp { transform: none; }
.surreal-launch .launch-art .door { transform: none; }
.surreal-launch .pillar-card:hover .find-art .pin { transform: translate3d(0px, -2px, 0px); }
.surreal-launch .pillar-card:hover .approve-art .doc { transform: rotate(-6deg) translateY(-2px); }
.surreal-launch .pillar-card:hover .approve-art .stamp { transform: translate3d(0px, -2px, 0px) scale(1.012); }
.surreal-launch .pillar-card:hover .launch-art .door { transform: translate3d(0px, -2px, 0px) scale(1.008); }
@media (max-width: 1050px) {
  .surreal-launch .pillar-card,  .surreal-launch .pillar-card:nth-child(1),  .surreal-launch .pillar-card:nth-child(2),  .surreal-launch .pillar-card:nth-child(3),  .surreal-launch .pillar-card:hover { transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .surreal-launch .pillar-card,  .surreal-launch .pillar-art,  .surreal-launch .find-art .pin,  .surreal-launch .approve-art .doc,  .surreal-launch .approve-art .stamp,  .surreal-launch .launch-art .door { transition: none; }
}
.clay-edition .hero.hero-cinematic { --hero-forest: #173b30; --hero-cream: #fbf4e7; --hero-paper: #fffdf8; --hero-gold: #d3a63e; --hero-coral: #ee846a; --hero-sage: #9eaf8a; --hero-mx: 72%; --hero-my: 32%; isolation: isolate; position: relative; min-height: 100svh; padding: 0px; display: block; overflow: hidden; background-image: radial-gradient(circle at 72% 24%, rgba(211, 166, 62, 0.12), transparent 26%), radial-gradient(circle at 91% 76%, rgba(158, 175, 138, 0.16), transparent 28%), radial-gradient(circle at 11% 80%, rgba(238, 132, 106, 0.1), transparent 24%), linear-gradient(135deg, rgb(255, 253, 247) 0%, rgb(251, 244, 231) 54%, rgb(244, 240, 223) 100%); background-color: initial; }
.clay-edition .hero.hero-cinematic::before { content: ""; position: absolute; inset: 0px; pointer-events: none; opacity: 0.23; background-image: linear-gradient(rgba(23, 59, 48, 0.024) 1px, transparent 1px), linear-gradient(90deg, rgba(23, 59, 48, 0.024) 1px, transparent 1px); background-size: 76px 76px; mask-image: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 76%, transparent 96%); }
.clay-edition .hero.hero-cinematic::after { content: none; }
.hero-cinematic-bg { position: absolute; inset: 0px; z-index: 0; pointer-events: none; overflow: hidden; }
.hero-cursor-light { position: absolute; inset: 0px; opacity: 0.72; transition: opacity 0.5s; }
.hero-mist { position: absolute; border-radius: 50%; filter: blur(1px); will-change: transform; opacity: 0.72; }
.hero-mist-a { width: min(46vw, 680px); height: min(46vw, 680px); right: -13vw; top: -12vw; background: radial-gradient(circle, rgba(205, 222, 191, 0.72), rgba(205, 222, 191, 0) 69%); }
.hero-mist-b { width: min(34vw, 500px); height: min(34vw, 500px); left: -12vw; bottom: -11vw; background: radial-gradient(circle, rgba(244, 181, 159, 0.46), rgba(244, 181, 159, 0) 70%); }
.hero-mist-c { width: min(30vw, 420px); height: min(30vw, 420px); right: 26%; bottom: -14%; background: radial-gradient(circle, rgba(241, 217, 150, 0.44), rgba(241, 217, 150, 0) 70%); }
.hero-watermark { position: absolute; right: -3.5%; top: 11%; width: min(47vw, 720px); height: auto; object-fit: contain; opacity: 0.055; filter: saturate(0.75) contrast(0.9); transform: rotate(5deg); transform-origin: center center; }
.hero-rings { position: absolute; right: 5.5%; top: 17%; width: min(40vw, 620px); aspect-ratio: 1 / 1; opacity: 0.52; transform: rotate(-9deg); }
.hero-rings i { position: absolute; inset: 0px; border: 1px solid rgba(33, 73, 58, 0.08); border-radius: 48% 52% 46% 54% / 56% 44%; }
.hero-rings i:nth-child(2) { inset: 11%; border-color: rgba(211, 166, 62, 0.12); transform: rotate(21deg); }
.hero-rings i:nth-child(3) { inset: 25%; border-color: rgba(238, 132, 106, 0.11); transform: rotate(-14deg); }
.hero-organic,  .hero-particle { position: absolute; display: block; will-change: transform; }
.hero-organic-seed { width: 34px; height: 22px; left: 7%; top: 31%; border-radius: 55% 45% 58% 42%; background: linear-gradient(145deg, rgb(227, 186, 87), rgb(198, 147, 46)); box-shadow: rgba(152, 105, 22, 0.15) 0px 12px 28px; transform: rotate(-19deg); }
.hero-organic-leaf { border-radius: 90% 10% 72% 28%; box-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px inset, rgba(37, 75, 57, 0.08) 0px 20px 45px; }
.hero-organic-leaf-a { width: 112px; height: 164px; right: 17%; top: 14%; background: linear-gradient(150deg, rgb(49, 95, 78), rgb(23, 56, 45)); transform: rotate(38deg); }
.hero-organic-leaf-b { width: 75px; height: 113px; right: 4.5%; top: 40%; background: linear-gradient(145deg, rgb(182, 198, 165), rgb(143, 164, 123)); transform: rotate(58deg) scale(0.9); }
.hero-organic-dot { border-radius: 50%; box-shadow: rgba(33, 73, 58, 0.08) 0px 18px 38px; }
.hero-organic-dot-a { width: 26px; height: 26px; right: 42%; top: 25%; background: rgba(238, 132, 106, 0.74); }
.hero-organic-dot-b { width: 13px; height: 13px; left: 41%; bottom: 16%; background: rgba(211, 166, 62, 0.78); }
.hero-organic-line { left: 47%; top: 19%; width: 132px; height: 1px; background: linear-gradient(90deg, transparent, rgba(33, 73, 58, 0.24), transparent); transform: rotate(-32deg); }
.hero-particle { font-family: var(--font-play); font-style: normal; font-weight: 700; color: rgba(33, 73, 58, 0.34); }
.hp-a { left: 15%; top: 21%; font-size: 17px; color: rgba(211, 166, 62, 0.62); }
.hp-b { right: 8%; bottom: 17%; font-size: 12px; color: rgba(238, 132, 106, 0.58); }
.hp-c { left: 48%; top: 34%; font-size: 29px; color: rgba(33, 73, 58, 0.18); }
.hero-visual-column { position: relative; align-self: stretch; min-height: 510px; display: grid; place-items: center; z-index: 4; }
.hero-symbol-stage { position: absolute; right: 3%; top: 50%; translate: 0px -52%; width: min(37vw, 520px); aspect-ratio: 1 / 1; display: grid; place-items: center; will-change: transform; }
.hero-symbol-halo { position: absolute; inset: 3%; border-radius: 50%; background: radial-gradient(circle at 42% 35%, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.38) 40%, rgba(219, 226, 201, 0.32) 66%, rgba(211, 166, 62, 0.1)); box-shadow: rgba(255, 255, 255, 0.75) 0px 0px 0px 1px inset, rgba(33, 73, 58, 0.08) 0px 28px 70px; backdrop-filter: blur(12px); }
.hero-symbol-shell { position: relative; width: 55%; height: 68%; display: grid; place-items: center; border-radius: 45% 55% 48% 52% / 54% 44% 56% 46%; background: rgba(255, 253, 248, 0.57); border: 1px solid rgba(255, 255, 255, 0.79); box-shadow: rgba(33, 73, 58, 0.1) 0px 24px 60px, rgba(255, 255, 255, 0.85) 0px 1px 0px inset; transform: rotate(2deg); }
.hero-symbol-shell img { width: 76%; height: 86%; object-fit: contain; filter: drop-shadow(rgba(33, 73, 58, 0.1) 0px 16px 20px); mix-blend-mode: multiply; }
.hero-growth-line { position: absolute; inset: 10%; border-radius: 50%; border: 1px solid rgba(33, 73, 58, 0.09); transform: rotate(21deg); }
.hero-growth-line::before,  .hero-growth-line::after { content: ""; position: absolute; border-radius: 50%; }
.hero-growth-line::before { width: 8px; height: 8px; right: 12%; top: 9%; box-shadow: rgba(211, 166, 62, 0.08) 0px 0px 0px 8px; }
.hero-growth-line::after { width: 5px; height: 5px; left: 7%; bottom: 18%; }
.hero-value-chip { position: absolute; z-index: 8; display: flex; align-items: center; gap: 9px; min-width: 148px; padding: 9px 11px; border-radius: 17px; border: 1px solid rgba(255, 255, 255, 0.68); background: rgba(255, 253, 248, 0.62); backdrop-filter: blur(18px); box-shadow: rgba(33, 73, 58, 0.086) 0px 16px 38px, rgba(255, 255, 255, 0.85) 0px 1px 0px inset; will-change: transform; }
.hero-value-chip > span { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 10px; font-size: 12px; font-weight: 900; }
.hero-value-chip div { display: grid; gap: 1px; }
.hero-value-chip b { font-size: 8.8px; line-height: 1.15; color: var(--hero-forest); }
.hero-value-chip small { font-size: 6.9px; color: rgb(122, 132, 125); white-space: nowrap; }
.hero-value-care { left: -3%; top: 26%; }
.hero-value-care > span { background: rgba(238, 132, 106, 0.15); color: rgb(184, 97, 79); }
.hero-value-growth { right: -1%; top: 42%; }
.hero-value-growth > span { background: rgba(211, 166, 62, 0.18); color: rgb(142, 105, 24); }
.hero-value-learning { left: 7%; bottom: 22%; }
.hero-value-learning > span { background: rgba(158, 175, 138, 0.2); color: rgb(70, 109, 89); }
.hero-scroll-cue { position: absolute; z-index: 6; left: 25px; bottom: 56px; display: flex; align-items: center; gap: 10px; writing-mode: vertical-rl; color: rgba(33, 73, 58, 0.4); font-size: 7px; font-weight: 800; letter-spacing: 0.22em; }
.hero-scroll-cue i { position: relative; display: block; width: 1px; height: 48px; overflow: hidden; background: rgba(33, 73, 58, 0.12); }
.hero-scroll-cue i::after { content: ""; position: absolute; left: 0px; top: -20px; width: 1px; height: 20px; animation: 2.15s cubic-bezier(0.45, 0, 0.55, 1) 0s infinite normal none running heroScrollLine; }
.hero-next-blend { position: absolute; z-index: 2; left: 0px; right: 0px; bottom: -1px; height: 78px; pointer-events: none; background: linear-gradient(transparent, rgba(255, 253, 248, 0.78) 68%, rgba(255, 253, 248, 0.96)); clip-path: ellipse(72% 58% at 50% 100%); }
@keyframes heroScrollLine { 
  0% { transform: translateY(0px); opacity: 0; }
  20% { opacity: 1; }
  80% { opacity: 1; }
  100% { transform: translateY(70px); opacity: 0; }
}
@media (max-width: 1120px) {
  .hero-visual-column { min-height: 470px; }
  .hero-symbol-stage { width: min(42vw, 470px); right: -3%; }
  .hero-value-care { left: -7%; }
  .hero-value-growth { right: -7%; }
}
@media (max-width: 900px) {
  .clay-edition .hero.hero-cinematic { min-height: 100svh; }
  .hero-visual-column { min-height: 500px; width: min(650px, 100%); justify-self: end; margin-top: -10px; }
  .hero-symbol-stage { width: min(500px, 76vw); right: 0px; }
  .hero-watermark { width: 70vw; right: -16%; top: 31%; }
  .hero-rings { width: 67vw; right: -13%; top: 37%; }
  .hero-organic-leaf-a { right: 8%; top: 33%; }
  .hero-organic-leaf-b { right: -2%; top: 54%; }
  .hero-scroll-cue { display: none; }
}
@media (max-width: 720px) {
  .hero-visual-column { min-height: 430px; margin-top: 10px; }
  .hero-symbol-stage { width: min(430px, 94vw); right: 50%; translate: 50% -51%; }
  .hero-symbol-shell { width: 51%; height: 65%; }
  .hero-symbol-shell img { width: 75%; }
  .hero-value-chip { min-width: 131px; padding: 8px 9px; }
  .hero-value-chip > span { width: 28px; height: 28px; }
  .hero-value-chip b { font-size: 8px; }
  .hero-value-chip small { font-size: 6.2px; }
  .hero-value-care { left: 0px; top: 25%; }
  .hero-value-growth { right: 0px; top: 43%; }
  .hero-value-learning { left: 6%; bottom: 19%; }
  .hero-watermark { width: 91vw; right: -33%; top: 40%; opacity: 0.04; }
  .hero-rings { width: 88vw; right: -30%; top: 44%; opacity: 0.34; }
  .hero-organic-leaf-a { width: 70px; height: 108px; right: 4%; top: 39%; }
  .hero-organic-leaf-b,  .hero-organic-line,  .hp-c { display: none; }
  .hero-organic-seed { left: 6%; top: 29%; transform: scale(0.8) rotate(-19deg); }
  .hero-next-blend { height: 54px; }
}
@media (max-width: 430px) {
  .hero-visual-column { min-height: 388px; }
  .hero-symbol-stage { width: 390px; max-width: 104vw; }
  .hero-value-learning { display: none; }
  .hero-value-care { left: -2%; top: 28%; }
  .hero-value-growth { right: -2%; top: 47%; }
}
@media (hover: none), (pointer: coarse) {
  .hero-cursor-light { display: none; }
  .hero-organic,  .hero-particle,  .hero-value-chip { will-change: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-scroll-cue i::after { animation: auto ease 0s 1 normal none running none; }
  .hero-cursor-light { display: none; }
}
:root { --read-body: 1.125rem; --read-detail: 1rem; --read-caption: .8125rem; --read-label: .8125rem; --section-space: clamp(64px, 7vw, 104px); --read-ink: #23483b; --read-muted: #52645a; --read-paper: #fffdf7; --read-sage: #e6ecdf; --read-cream: #f3ecde; }
body.clay-edition { font-size: var(--read-body); line-height: 1.7; background: rgb(242, 238, 228); }
body.clay-edition .grain { opacity: 0.018; }
[hidden] { display: none; }
body.clay-edition :is(a, button, input, select, textarea, summary, [tabindex]):focus-visible { outline-offset: 5px; box-shadow: none; outline: rgb(177, 121, 36) solid 3px; }
body.clay-edition p { text-wrap: pretty; }
body.clay-edition h2 { text-wrap: balance; }
body.clay-edition .hero.hero-cinematic { min-height: min(900px, 100svh); }
body.clay-edition .hero-visual-column { min-height: 540px; }
body.clay-edition .hero-symbol-stage { width: min(36vw, 500px); right: -1%; top: 46%; }
body.clay-edition .hero-value-chip { min-width: 180px; gap: 10px; padding: 12px; background: rgba(255, 253, 247, 0.94); }
body.clay-edition .hero-value-chip b { font-size: 0.875rem; line-height: 1.4; }
body.clay-edition .hero-value-chip small { font-size: 0.75rem; line-height: 1.5; color: rgb(87, 104, 94); }
body.clay-edition .hero-value-care { top: 19%; left: -5%; }
body.clay-edition .hero-value-growth { top: 44%; right: -3%; }
body.clay-edition .hero-value-learning { bottom: 27%; left: 0px; }
body.clay-edition .hero-scroll-cue { font-size: 0.625rem; color: rgb(99, 117, 104); }
body.clay-edition .hero-next-blend { display: none; }
body.clay-edition .hero-organic-leaf-a { top: 5%; right: 8%; opacity: 0.25; }
body.clay-edition .hero-organic-leaf-b { opacity: 0.28; }
body.clay-edition .launch-simplified { border-top-left-radius: 100px; }
body.clay-edition .growth-journey { border-top-left-radius: 100px; }
body.clay-edition :is(.eyebrow.coral, .eyebrow.gold) { color: rgb(155, 87, 60); }
body.clay-edition .surreal-launch .pillar-card { padding: 24px; border-radius: 28px; background: rgb(247, 245, 237); border: 1px solid rgb(220, 225, 211); box-shadow: rgba(33, 73, 58, 0.04) 0px 10px 28px; }
body.clay-edition .surreal-launch .pillar-art { height: 225px; border-radius: 20px; }
body.clay-edition .surreal-launch .pillar-card h3 { font-size: 1.875rem; line-height: 1.13; margin: 14px 0px; }
body.clay-edition .surreal-launch .pillar-card p { font-size: 1.0625rem; line-height: 1.7; color: var(--read-muted); }
body.clay-edition .surreal-launch .pillar-card li { line-height: 1.6; padding-block: 5px; font-size: 0.9375rem; }
body.clay-edition .addons-band { margin-top: 40px; }
body.clay-edition .addons-band i { font-size: 0.9375rem; line-height: 1.5; }
body.clay-edition .addons-band p { line-height: 1.7; color: var(--read-muted); font-size: 0.9375rem; }
body.clay-edition .journey-canvas { height: auto; min-height: 0px; padding: 12px 0px; overflow: visible; background: none; }
body.clay-edition :is(.journey-path, .journey-seed, .journey-cinema) { display: none; }
body.clay-edition .growth-stage-grid { position: relative; inset: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 24px 52px; }
body.clay-edition .growth-stage-grid::before { content: ""; position: absolute; width: 1px; top: 0px; bottom: 0px; left: 50%; background: rgb(184, 167, 123); }
body.clay-edition .growth-stage { position: relative; border: 1px solid rgb(220, 225, 209); backdrop-filter: none; inset: auto; width: auto; opacity: 1; transform: none; padding: 30px; background: rgb(241, 242, 233); border-radius: 24px; box-shadow: none; }
body.clay-edition .growth-stage:nth-child(2n) { top: 44px; background: rgb(246, 236, 216); }
body.clay-edition .growth-stage small { color: rgb(139, 91, 41); }
body.clay-edition .growth-stage h3 { font-size: 1.875rem; line-height: 1.15; }
body.clay-edition .growth-stage p { font-size: 1.0625rem; line-height: 1.7; }
body.clay-edition .growth-stage-index { font-size: 1.75rem; color: rgb(104, 125, 102); }
body.clay-edition .journey-outcome { border: 1px solid rgb(211, 217, 200); border-radius: 24px; margin-top: 96px; padding: 36px; background: rgb(231, 236, 223); }
body.clay-edition .journey-outcome h3 { font-size: clamp(28px, 3vw, 40px); line-height: 1.15; }
body.clay-edition .journey-outcome p { font-size: 1rem; line-height: 1.7; }
body.clay-edition .journey-outcome > div > span { font-size: 0.8125rem; color: rgb(139, 91, 41); }
body.clay-edition .curriculum-grid { grid-template-columns: 1fr 1fr; gap: 64px; }
body.clay-edition .curriculum-info { line-height: 1.75; padding: 20px 22px; color: rgb(67, 90, 75); background: rgb(248, 244, 231); font-size: 1rem; }
body.clay-edition .curriculum-pill.active { background: rgb(36, 75, 61); border-color: rgb(36, 75, 61); color: rgb(255, 255, 255); }
body.clay-edition .room-card span { font-size: 0.75rem; color: rgb(148, 84, 56); }
body.clay-edition .room-card strong { font-size: 1.375rem; line-height: 1.3; }
body.clay-edition .room-center small { font-size: 1rem; }
body.clay-edition .why-grid { grid-template-columns: repeat(2, 1fr); gap: 24px; }
body.clay-edition .why-card { padding: 32px; min-height: 0px; border-radius: 24px; box-shadow: none; }
body.clay-edition .why-card > span { font-size: 0.875rem; color: rgb(140, 87, 62); }
body.clay-edition .why-card h3 { line-height: 1.2; margin: 24px 0px 16px; font-size: 1.875rem; }
body.clay-edition .why-card p { line-height: 1.75; color: rgb(67, 89, 75); font-size: 1.0625rem; }
@media (max-width: 1120px) {
  body.clay-edition .hero-value-chip { min-width: 162px; padding: 10px; }
  body.clay-edition .hero-value-care { left: 0px; }
  body.clay-edition .hero-value-growth { right: 0px; }
  body.clay-edition .curriculum-grid { gap: 36px; }
}
@media (max-width: 900px) {
  body.clay-edition .hero-visual-column { justify-self: center; width: min(550px, 100%); min-height: 550px; margin-top: 0px; }
  body.clay-edition .hero-symbol-stage { width: min(490px, 74vw); right: 0px; }
  body.clay-edition .three-pillar-grid { grid-template-columns: 1fr; gap: 20px; }
  body.clay-edition .surreal-launch .pillar-card { grid-template-columns: 220px 1fr; column-gap: 28px; display: grid; }
  body.clay-edition .surreal-launch .pillar-art { grid-row: 1 / 5; min-height: 250px; height: 100%; margin: 0px; }
  body.clay-edition .curriculum-visual { max-width: 570px; width: 100%; margin-inline: auto; }
}
@media (max-width: 640px) {
  :root { --read-body: 1.0625rem; --read-label: .75rem; }
  body.clay-edition :is(.hero-organic, .hero-particle) { display: none; }
  body.clay-edition .hero-visual-column { min-height: 474px; }
  body.clay-edition .hero-symbol-stage { width: 100%; right: 0px; top: 42%; }
  body.clay-edition .hero-value-chip { min-width: 0px; padding: 9px; gap: 7px; }
  body.clay-edition .hero-value-chip b { font-size: 0.8125rem; }
  body.clay-edition .hero-value-chip small { font-size: 0.75rem; white-space: normal; }
  body.clay-edition .hero-value-care { top: 13%; left: 0px; }
  body.clay-edition .hero-value-growth { top: 38%; right: 0px; }
  body.clay-edition .hero-value-learning { display: flex; bottom: 28%; left: 2%; }
  body.clay-edition .surreal-launch .pillar-card { display: block; padding: 20px; }
  body.clay-edition .surreal-launch .pillar-art { min-height: 0px; height: 225px; margin-bottom: 22px; }
  body.clay-edition .surreal-launch .pillar-card h3 { font-size: 1.75rem; }
  body.clay-edition .growth-stage-grid { grid-template-columns: 1fr; padding-left: 18px; gap: 18px; }
  body.clay-edition .growth-stage-grid::before { left: 0px; }
  body.clay-edition .growth-stage { padding: 24px; }
  body.clay-edition .growth-stage:nth-child(2n) { top: auto; }
  body.clay-edition .growth-stage::before { content: ""; position: absolute; width: 9px; height: 9px; border-radius: 50%; background: rgb(174, 139, 66); top: 32px; left: -23px; box-shadow: rgb(255, 253, 247) 0px 0px 0px 5px; }
  body.clay-edition .journey-outcome { margin-top: 36px; padding: 24px; }
  body.clay-edition .journey-outcome h3 { font-size: 1.75rem; }
  body.clay-edition .curriculum-visual { height: 440px; }
  body.clay-edition .room-card { width: 195px; padding: 18px; }
  body.clay-edition .room-card strong { font-size: 1.1875rem; }
  body.clay-edition .why-grid { grid-template-columns: 1fr; }
  body.clay-edition .why-card { padding: 28px; }
  body.clay-edition .why-card h3 { font-size: 1.75rem; }
}
@media (min-width: 641px) {
  body.clay-edition .journey-canvas { border-radius: 48px; height: var(--journey-height, 2100px); padding: 0px; overflow: hidden; background: linear-gradient(rgb(248, 237, 207) 0%, rgb(236, 241, 231) 42%, rgb(223, 238, 238) 73%, rgb(244, 208, 201) 100%); }
  body.clay-edition .journey-path { display: block; z-index: 1; }
  body.clay-edition.has-signature-motion .journey-seed { display: block; z-index: 4; }
  body.clay-edition .growth-stage-grid { inset: 0px; display: block; padding: 0px; position: absolute; }
  body.clay-edition .growth-stage-grid::before { display: none; }
  body.clay-edition .growth-stage { position: absolute; z-index: 2; inset: auto; width: clamp(285px, 32%, 380px); padding: 28px; background: rgba(255, 253, 247, 0.91); box-shadow: rgba(33, 73, 58, 0.08) 0px 18px 40px; transition: opacity 0.55s, transform 0.55s, background 0.55s; }
  body.clay-edition.has-signature-motion .growth-stage { opacity: 0.76; transform: scale(0.94); }
  body.clay-edition.has-signature-motion .growth-stage.active { opacity: 1; transform: scale(1); background: rgb(255, 253, 247); }
  body.clay-edition .growth-stage:nth-child(1) { left: 6%; top: 4%; }
  body.clay-edition .growth-stage:nth-child(2) { right: 7%; top: 19%; }
  body.clay-edition .growth-stage:nth-child(3) { left: 12%; top: 38%; }
  body.clay-edition .growth-stage:nth-child(4) { right: 8%; top: 54%; }
  body.clay-edition .growth-stage:nth-child(5) { left: 13%; top: 70%; }
  body.clay-edition .growth-stage:nth-child(6) { right: 6%; top: 85%; }
  body.clay-edition .journey-outcome { margin-top: 56px; }
}
@media (min-width: 641px) and (max-width: 900px) {
  body.clay-edition .growth-stage:nth-child(2n+1) { left: 4%; }
  body.clay-edition .growth-stage:nth-child(2n) { right: 4%; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,  ::before,  ::after { animation: auto ease 0s 1 normal none running none; transition: none; }
}