:root{--experience-cyan:#77e7eb;--experience-gold:#e4c776;--experience-red:#ff706a;--experience-blue:#83aefe}
html{overflow-x:hidden}
body{overflow-wrap:normal;word-break:normal}
main>*{min-width:0}
h1,h2,h3,h4,p,a,span,strong,em,label,summary{word-break:normal;overflow-wrap:break-word}
.section-heading>*,.split>*,.hero>*,.page-hero>*,.tool-hero>*,.start-panel>*,.cosmic-profile-head>*{min-width:0}
.nav-link-title,.nav-link-description,.nav-section-links a,.start-links a,.cosmic-resource-strip a,.feature,.profile{display:grid;gap:.45rem}
.nav-link-title,.nav-link-description,.start-links a,.cosmic-resource-strip strong,.feature h3,.profile h3{white-space:normal}

/* The four experiences are the site's primary wayfinding layer. */
.experience-gateway{position:relative;isolation:isolate;overflow:hidden}
.experience-gateway::before{content:"";position:absolute;inset:-20% -8%;z-index:-1;background:radial-gradient(circle at 15% 20%,rgba(119,231,235,.12),transparent 32%),radial-gradient(circle at 85% 75%,rgba(228,199,118,.12),transparent 34%);pointer-events:none}
.experience-gateway-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2rem}
.experience-door{position:relative;display:grid;align-content:end;min-height:17rem;padding:clamp(1.35rem,3vw,2.25rem);border:1px solid rgba(205,225,211,.28);border-radius:1.25rem;color:var(--ink,#f4f0e5);text-decoration:none;overflow:hidden;background:linear-gradient(145deg,rgba(18,32,25,.96),rgba(8,14,12,.98));transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.experience-door::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 34%,rgba(255,255,255,.06) 50%,transparent 65%);transform:translateX(-100%);transition:transform .55s ease}
.experience-door:hover,.experience-door:focus-visible{transform:translateY(-5px);border-color:var(--door-accent);box-shadow:0 22px 44px rgba(0,0,0,.3),0 0 0 1px color-mix(in srgb,var(--door-accent) 35%,transparent)}
.experience-door:hover::before,.experience-door:focus-visible::before{transform:translateX(100%)}
.experience-door>span{color:var(--door-accent);font:700 .73rem/1.2 var(--sans,system-ui);letter-spacing:.16em;text-transform:uppercase}
.experience-door>strong{margin:.55rem 0 .4rem;font:700 clamp(1.75rem,4vw,3rem)/.95 var(--display,Georgia,serif)}
.experience-door p{max-width:42rem;margin:.35rem 0 1.2rem;color:rgba(244,240,229,.78)}
.experience-door em{color:var(--door-accent);font-style:normal;font-weight:750}
.experience-door-fgc{--door-accent:var(--experience-red)}.experience-door-fps{--door-accent:var(--experience-blue)}.experience-door-learn{--door-accent:var(--experience-cyan)}.experience-door-business{--door-accent:var(--experience-gold)}

.welcome-daily{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(2rem,6vw,5rem);align-items:center;background:linear-gradient(130deg,rgba(15,31,23,.97),rgba(9,16,13,.98));border:1px solid rgba(228,199,118,.26);border-radius:1.3rem}
.welcome-daily h2{font-size:clamp(2.2rem,5vw,4.6rem);line-height:.98;margin:.6rem 0 1rem}
.daily-sequence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:0;padding:0;list-style:none;counter-reset:none}
.daily-sequence li{min-width:0;padding:1.1rem;border:1px solid rgba(205,225,211,.2);border-radius:.9rem;background:rgba(4,10,8,.38)}
.daily-sequence span{display:block;color:var(--experience-cyan);font-weight:800;letter-spacing:.15em}.daily-sequence strong{display:block;margin:.35rem 0;font-size:1.15rem}.daily-sequence p{margin:0;color:rgba(244,240,229,.72)}

/* Shared experience pages. */
.experience-page main{max-width:1440px}
.experience-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);gap:clamp(2rem,7vw,6rem);align-items:center;padding-block:clamp(4rem,9vw,8rem);overflow:hidden}
.experience-hero h1{max-width:16ch;font-size:clamp(3.1rem,8vw,7.2rem);line-height:.88;margin:.75rem 0 1.2rem}
.experience-hero .intro{max-width:62ch;font-size:clamp(1.08rem,2vw,1.35rem)}
.experience-sigil{aspect-ratio:1;display:grid;place-items:center;border-radius:50%;border:1px solid color-mix(in srgb,var(--experience-accent) 55%,transparent);background:radial-gradient(circle,color-mix(in srgb,var(--experience-accent) 18%,transparent),transparent 62%);box-shadow:0 0 90px color-mix(in srgb,var(--experience-accent) 16%,transparent);font:800 clamp(3rem,8vw,7rem)/1 var(--display,Georgia,serif);color:var(--experience-accent)}
.experience-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.experience-index>a,.study-card{min-width:0;display:grid;align-content:start;gap:.65rem;padding:1.25rem;border:1px solid rgba(205,225,211,.22);border-radius:1rem;background:rgba(13,26,20,.76);text-decoration:none;color:inherit}.experience-index>a:hover{border-color:var(--experience-accent)}
.experience-index strong,.study-card h3{font-size:1.2rem}.experience-index p,.study-card p{margin:0;color:rgba(244,240,229,.75)}
.study-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.study-card video{display:block;width:100%;aspect-ratio:16/9;border-radius:.7rem;background:#050807;object-fit:cover}.study-card .study-meta{color:var(--experience-accent);font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.study-workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;counter-reset:step}.study-workflow>div{padding:1rem;border-top:2px solid var(--experience-accent);background:rgba(10,19,15,.7)}.study-workflow>div::before{counter-increment:step;content:"0" counter(step);display:block;color:var(--experience-accent);font-weight:800}.study-workflow strong{display:block;margin:.45rem 0}.study-workflow p{margin:0;color:rgba(244,240,229,.72)}
.source-note{padding:1rem 1.2rem;border-left:3px solid var(--experience-accent);background:rgba(10,18,15,.72);color:rgba(244,240,229,.78)}
.owner-release{display:none}.owner-release.is-owner{display:block}.release-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.release-slot{display:grid;gap:.6rem;padding:1rem;border:1px solid rgba(205,225,211,.18);border-radius:.75rem}.release-slot label{font-weight:750}.release-slot input{max-width:100%}

/* Profile and account layout guardrails. */
#profile-root,.cosmic-profile-card,.cosmic-profile-head,.cosmic-profile-head>div,.community-card form{min-width:0;max-width:100%}
.cosmic-profile-card{width:100%;box-sizing:border-box}
.cosmic-profile-head{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:1rem!important;align-items:center}
.cosmic-profile-head h2,.cosmic-profile-about{max-width:100%;width:auto!important;writing-mode:horizontal-tb!important;white-space:normal!important;overflow-wrap:break-word!important}
.community-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:.65rem}.profile-stat{min-width:0}

/* Prevent the run-together labels shown in older cards. */
.cosmic-resource-strip>a,.start-links>a,.feature,.account-path-grid>a{gap:.5rem!important}
.cosmic-resource-strip span,.cosmic-resource-strip strong,.cosmic-resource-strip p,.start-links a>*{display:block}

@media(max-width:900px){.experience-gateway-grid,.study-grid,.welcome-daily,.experience-hero{grid-template-columns:1fr}.experience-index{grid-template-columns:1fr 1fr}.experience-sigil{max-width:20rem;width:70%;justify-self:center}.study-workflow{grid-template-columns:1fr 1fr}.cosmic-profile-head{grid-template-columns:auto minmax(0,1fr)!important}.cosmic-profile-private{grid-column:1/-1}.community-stats{grid-template-columns:1fr 1fr!important}}
@media(max-width:620px){.experience-gateway-grid,.experience-index,.daily-sequence,.study-workflow,.release-grid{grid-template-columns:1fr}.experience-door{min-height:14rem}.experience-hero{padding-block:2.5rem}.experience-hero h1{font-size:clamp(2.7rem,14vw,4.6rem)}.cosmic-profile-head{grid-template-columns:1fr!important;text-align:left}.cosmic-profile-avatar{justify-self:start}.community-stats{grid-template-columns:1fr!important}}
@media(prefers-reduced-motion:reduce){.experience-door,.experience-door::before{transition:none}}