:root{--bg:#03050c;--panel:#101b30;--text:#e3e5f2;--muted:#a2adc8;--lime:#d2f86a;--border:#24324d;--font:'DM Sans',sans-serif;--display:'DM Sans',sans-serif;color-scheme:dark;font-family:var(--font);color:var(--text);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:6px}::selection{background:var(--lime);color:var(--bg)}.skip-link{position:fixed;left:20px;top:-70px;padding:15px;background:var(--lime);color:var(--bg);z-index:100}.skip-link:focus{top:12px}.site-header{min-height:88px;padding:0 4.5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff13;position:relative;z-index:10;background:#03050c}.brand{display:inline-flex;align-items:center;gap:12px;font-family:var(--display);font-weight:500;font-size:20px;letter-spacing:-1px;white-space:nowrap}.brand img{width:43px;height:37px;object-fit:contain}.brand-x{color:var(--lime)}nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:500}nav>a{transition:color .2s}nav>a:hover{color:var(--lime)}.nav-cta{border:1px solid #394f7b;padding:13px 19px;border-radius:5px;display:flex;gap:24px;align-items:center}.nav-cta span{color:var(--lime);font-size:22px;line-height:1}.menu-toggle{display:none}.hero{position:relative;min-height:744px;overflow:hidden}.hero-art{position:absolute;inset:0 0 0 31%}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:59% center;filter:brightness(.78) saturate(.72)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#03050c 0%,#03050c 25%,#03050cee 33%,#03050c5a 60%,#03050c10 100%),linear-gradient(0deg,#03050c 0%,transparent 24%,transparent 87%,#03050c50 100%)}.hero-content{position:relative;z-index:1;max-width:1500px;margin:auto;padding:68px 4.5% 86px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:2px;line-height:1.6;margin:0;display:flex;align-items:center;gap:12px}.little-star{font-size:24px;color:var(--lime);line-height:1}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display)}h1{font-weight:600;font-size:clamp(65px,6.65vw,100px);letter-spacing:-5.5px;line-height:1.07;margin:29px 0 26px;max-width:740px}.love{color:var(--lime);position:relative}.love-star{display:inline-block;font-size:42px;font-weight:400;vertical-align:top;line-height:1;margin:12px 0 0 13px}.hero-description{color:#b9c2da;font-size:17px;line-height:1.75;max-width:405px;margin-bottom:27px}.hero-actions{display:flex;align-items:center;gap:26px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;border:0;border-radius:5px;padding:14px 23px;font-weight:600;font-size:14px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(155deg,#3561b5,#20407c);color:#e5eaff}.button-primary:hover{background:#416abd}.button-outline{background:transparent;border:1px solid #394b6a;color:var(--text)}.button-outline:hover{background:#152442}.play-small{display:inline-block;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor}.text-link{font-size:14px;font-weight:500;border-bottom:1px solid #4d6187;padding-bottom:5px;transition:color .2s}.text-link:hover{color:var(--lime)}.hero-note{display:flex;align-items:center;gap:14px;margin-top:30px;font-size:12px;line-height:1.8;color:#909fbf}.hero-note strong{font-weight:400;color:#c4cee8}.fine-line{width:30px;height:1px;background:#456397}.hero-caption{position:absolute;bottom:116px;right:4.5%;display:flex;align-items:center;gap:13px;color:#cdd7ed;font-size:10px;line-height:1.7;letter-spacing:1.7px}.crosshair{font-size:42px;font-weight:200}.hero-scroll{position:absolute;right:4.5%;bottom:39px;display:flex;align-items:center;gap:22px;font-size:10px;letter-spacing:1.7px;color:#a2afcc}.scroll-line{height:31px;width:1px;background:linear-gradient(#527dcc,#d2f86a)}.belief-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:25px 4.5%;display:flex;justify-content:space-between;align-items:center;gap:24px;font-family:var(--display);font-weight:500;font-size:16px;color:#cdd3e6}.belief-strip>span:nth-child(even){color:var(--lime);font-size:23px}.section-wrap{max-width:1500px;margin:0 auto;padding:100px 4.5%}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.section-number{color:var(--lime);letter-spacing:1px}.side-note{font-size:13px;color:var(--muted)}h2{font-size:clamp(33px,3.6vw,52px);line-height:1.2;letter-spacing:-2.3px;font-weight:500;margin:0}.muted{color:#919fbe}.journey-intro,.resource-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:46px}.journey-intro>p,.resource-heading>p{max-width:360px;color:#adb8d0;font-size:16px;line-height:1.8;margin:0}.journey-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:48px}.film-card{position:relative;text-align:left;border:0;padding:0;min-height:430px;border-radius:8px;overflow:hidden;background:#101b30}.film-card>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:43% center;transition:transform .8s}.film-card:hover>img{transform:scale(1.035)}.film-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#05091ae8,transparent 80%)}.film-tag{position:absolute;top:23px;left:24px;border:1px solid #ffffff50;background:#101c3655;backdrop-filter:blur(8px);padding:8px 12px;border-radius:3px;font-size:10px;letter-spacing:1.5px;z-index:1}.play-circle{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:66px;height:66px;border:1px solid #ffffffa0;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:1;background:#ffffff10;backdrop-filter:blur(4px)}.play-circle .play-small{border-top-width:7px;border-bottom-width:7px;border-left-width:11px;margin-left:4px}.film-bottom{position:absolute;bottom:29px;left:29px;right:29px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;z-index:1}.film-bottom .eyebrow{color:var(--lime);font-size:10px;margin-bottom:12px}.film-bottom strong{font-family:var(--display);font-size:26px;line-height:1.25;letter-spacing:-.6px;font-weight:500}.film-action{font-size:12px;white-space:nowrap;padding-bottom:4px;border-bottom:1px solid #a8b8d6}.small-label{font-size:11px;letter-spacing:1.8px;font-weight:600}.journey-notes{padding-top:7px}.journey-notes>.small-label{color:#a8b8dc}.journey-notes article{padding:23px 0;border-bottom:1px solid var(--border);display:flex;gap:20px}.note-number{font-size:12px;font-family:var(--display);color:#809acc;padding-top:6px}.journey-notes h3{font-size:20px;font-weight:500;margin:0 0 9px;letter-spacing:-.6px}.journey-notes p{font-size:14px;line-height:1.7;color:#aebbd8;margin:0;max-width:330px}.channel-link{display:flex;justify-content:space-between;align-items:center;margin-top:26px;padding-bottom:9px;border:0;font-size:15px}.channel-link .small-label{font-size:9px;color:#8b9dbc;letter-spacing:1.2px}.resources{padding-top:35px}.resource-heading>p{max-width:360px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.resource-card{display:flex;flex-direction:column;border-radius:8px;border:1px solid #293b5f;overflow:hidden;background:var(--panel);transition:transform .25s,border-color .25s}.resource-card:hover{transform:translateY(-5px);border-color:#668bd4}.resource-top{padding:23px 24px 0;display:flex;justify-content:space-between;align-items:center;color:#c2cde5}.resource-index{font-size:12px;font-family:var(--display);color:#8ca5d0}.principle-preview{height:230px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.orbit{height:156px;width:156px;position:absolute;border:1px solid #7398e566;border-radius:50%}.orbit-one{transform:translateX(-40px)}.orbit-two{transform:translateX(40px)}.orbit-three{height:174px;width:174px}.orbit-core{font-size:85px;color:var(--lime);line-height:1}.manual-card{background:#1b3366;color:#e2e8fa;border-color:#1b3366}.manual-card .resource-top,.manual-card .resource-index{color:#aebfe1}.manual-preview{height:230px;position:relative;margin:0 26px;padding-top:30px;overflow:hidden}.manual-title{font-family:var(--display);display:block;font-size:37px;line-height:1.08;letter-spacing:-2px;font-weight:500}.manual-title em{font-family:Georgia,serif;font-weight:400}.manual-subtitle{display:block;font-size:8px;letter-spacing:2px;margin-top:17px}.manual-rule{position:absolute;bottom:30px;left:0;right:0;height:1px;background:#96aff066}.manual-mark{position:absolute;right:0;bottom:38px;font-size:87px;line-height:1;font-weight:400;color:#8ca9e1}.collection-card{background:#111a31}.collection-preview{height:230px;padding:28px 26px 0;display:flex;flex-direction:column;justify-content:center;font-family:var(--display);font-size:34px;line-height:1.13;letter-spacing:-1.5px;font-weight:500}.collection-preview>span:nth-child(2){color:#c4cdec}.collection-preview>span:nth-child(3){color:#9aabe2}.collection-foot{font-family:var(--font);font-size:8px;letter-spacing:1.6px!important;margin-top:25px;color:#a2b3d7}.accent{color:var(--lime)}.resource-copy{padding:0 25px 24px;display:flex;flex-direction:column;flex:1}.resource-copy h3{font-size:23px;font-weight:600;letter-spacing:-1px;margin:0 0 14px}.resource-copy p{font-size:14px;line-height:1.75;color:#afbedc;margin:0 0 29px}.manual-card .resource-copy p{color:#c0cce6}.resource-action{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #344967;padding-top:17px;font-size:13px;font-weight:500;margin-top:auto}.manual-card .resource-action{border-color:#769ee455}.resource-action span{font-size:23px;line-height:1;font-weight:400}.resource-footnote{display:flex;align-items:center;gap:12px;margin-top:27px;color:#9baacb;font-size:13px}.resource-footnote>span{color:var(--lime);font-size:19px}.resource-footnote p{margin:0}.resource-footnote a{margin-left:auto;color:#c2d0f0;text-decoration:underline;text-underline-offset:4px}.bigger-picture{max-width:1500px;margin:0 auto;position:relative;min-height:660px;overflow:hidden;background:#0c1629}.bigger-picture>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:35% center;filter:brightness(.7)}.picture-shade{position:absolute;inset:0;background:linear-gradient(90deg,#03050c10,#03050c40 40%,#03050ce8 75%,#03050c 100%)}.picture-content{position:relative;margin-left:54%;padding:65px 10% 65px 0}.picture-content .eyebrow{font-size:11px;margin-bottom:25px}.picture-content h2{font-size:46px;line-height:1.17;margin-bottom:25px;letter-spacing:-2px}.picture-content p:not(.eyebrow){font-size:15px;line-height:1.8;color:#c0cbe2;margin-bottom:15px}.picture-content .button{margin-top:15px}.invitation{text-align:center;padding-top:96px;padding-bottom:98px}.invitation>.eyebrow{justify-content:center;color:#a9bfe5;font-size:11px;margin-bottom:24px}.invitation h2{font-size:42px}.invitation-actions{display:flex;justify-content:center;gap:15px;margin-top:33px}.closing-note{display:block;color:#9caccb;font-size:12px;margin-top:24px}.site-footer{padding-top:0;padding-bottom:25px}.footer-top{padding:31px 0;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-top>.brand{font-size:18px}.footer-top>.brand img{width:36px}.footer-top p{font-size:13px;color:#93a3c0;margin:0}.footer-justbe{display:flex;align-items:center;gap:14px;font-size:8px;letter-spacing:1.6px;color:#a9b6d2}.footer-justbe strong{font-size:26px;letter-spacing:-1.5px;color:var(--lime);font-family:var(--display);font-weight:500}.footer-bottom{border-top:1px solid #1c2840;padding-top:23px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#92a2bf;gap:25px}.footer-bottom>div{display:flex;gap:28px}.footer-bottom a:hover{color:var(--lime)}.film-dialog{color:var(--text);background:#0d162a;border:1px solid #435981;border-radius:10px;padding:24px;width:min(1000px,94vw);max-height:92vh;overflow:auto;box-shadow:0 30px 120px #000a}.film-dialog::backdrop{background:#020611e8;backdrop-filter:blur(10px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:20px}.dialog-heading .eyebrow{font-size:9px;color:var(--lime);margin-bottom:5px}.dialog-heading h2{font-size:26px;letter-spacing:-1px}.close-dialog{background:#1d2c4d;border:1px solid #5272a6;border-radius:50%;height:42px;width:42px;font-size:26px;flex-shrink:0}.film-dialog video{display:block;width:100%;max-height:64vh;background:#000;border-radius:4px}.film-note{font-size:12px;line-height:1.8;color:#a2b3d4;margin:14px 0 0}.film-note a{text-decoration:underline;text-underline-offset:3px}.video-error{color:var(--lime)}
@media(min-width:1500px){.site-header{padding-left:calc((100vw - 1365px)/2);padding-right:calc((100vw - 1365px)/2)}.hero{max-width:1700px;margin:auto}.hero-content{padding-left:67.5px}.hero-art{left:30%}}
@media(max-width:1050px){nav{gap:22px}.site-header{padding:0 4%}.brand{font-size:18px;gap:8px}h1{font-size:77px;letter-spacing:-4.7px}.hero{min-height:715px}.hero-content{padding:62px 4% 76px}.hero-art{left:27%}.hero-caption{display:none}.journey-grid{gap:28px;grid-template-columns:1.2fr 1fr}.journey-intro,.resource-heading{gap:35px}.journey-intro>p{max-width:330px}.film-card{min-height:420px}.film-bottom strong{font-size:23px}.film-action{display:none}.film-bottom{left:24px;right:24px}.resource-copy{padding:0 20px 22px}.resource-copy h3{font-size:21px}.resource-top{padding:20px 20px 0}.collection-preview{font-size:29px;padding-left:20px}.manual-preview{margin:0 20px}.manual-title{font-size:32px}.picture-content{margin-left:50%;padding-right:6%}.picture-content h2{font-size:43px}.footer-top p{display:none}.belief-strip{font-size:14px;gap:12px}}
@media(max-width:760px){html{scroll-padding-top:25px}.site-header{min-height:74px;padding:0 6%}.brand{font-size:18px}.brand img{width:36px;height:32px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;background:transparent;border:1px solid #3c5075;border-radius:4px;padding:12px}.menu-toggle span{height:1px;width:18px;background:var(--text)}nav{display:none;position:absolute;left:0;right:0;top:73px;background:#0d1528;padding:24px 6% 30px;box-shadow:0 20px 25px #0007;align-items:stretch;gap:24px}nav.is-open{display:flex;flex-direction:column}.nav-cta{justify-content:space-between}.hero{min-height:850px}.hero-content{padding:43px 6% 350px}.hero-content .eyebrow{font-size:9px;letter-spacing:1.3px;gap:8px}.little-star{font-size:19px}h1{font-size:clamp(53px,9.8vw,72px);letter-spacing:-3.3px;line-height:1.07;margin-top:25px;margin-bottom:22px}.love-star{font-size:30px;margin:7px 0 0 9px}.hero-description{font-size:15px;line-height:1.8;max-width:355px}.hero-actions{gap:18px;flex-wrap:wrap}.button{font-size:13px;padding:13px 18px;min-height:49px}.text-link{font-size:13px}.hero-note{display:none}.hero-art{inset:315px 0 0}.hero-art img{object-position:center 65%;filter:brightness(.75)}.hero-shade{background:linear-gradient(0deg,#03050c 0%,#03050c00 12%,#03050c00 27%,#03050ccc 49%,#03050c 68%)}.hero-scroll{right:6%;bottom:26px;font-size:9px}.belief-strip{padding:20px 6%;display:flex;justify-content:center;flex-wrap:wrap;gap:10px 15px;font-size:12px}.belief-strip>span:nth-child(even){font-size:16px}.belief-strip>span:nth-child(6){display:none}.belief-strip>span:last-child{display:none}.section-wrap{padding:64px 6%}.section-heading{margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:1.7px}.side-note{display:none}.journey-intro,.resource-heading{display:block;margin-bottom:30px}.journey-intro>p,.resource-heading>p{font-size:15px;margin-top:20px;max-width:500px}h2{font-size:34px;letter-spacing:-1.7px}.journey-grid{grid-template-columns:1fr;gap:30px}.film-card{min-height:350px}.film-bottom strong{font-size:24px}.journey-notes article{padding:21px 0}.journey-notes p{max-width:none;font-size:14px}.channel-link{margin-top:24px}.resources{padding-top:12px}.resource-grid{grid-template-columns:1fr;gap:20px}.resource-top{padding:23px 24px 0}.resource-card{min-height:420px}.resource-copy{padding:0 24px 24px}.resource-copy h3{font-size:24px}.resource-copy p{max-width:420px;margin-bottom:24px}.principle-preview,.manual-preview,.collection-preview{height:210px}.collection-preview{padding:20px 24px 0;font-size:38px}.manual-preview{margin:0 24px;padding-top:26px}.manual-title{font-size:36px}.manual-mark{bottom:27px;font-size:95px}.manual-rule{bottom:15px}.resource-footnote{flex-wrap:wrap;gap:8px;font-size:12px;margin-top:24px}.resource-footnote a{margin:7px 0 0 26px}.bigger-picture{min-height:835px}.bigger-picture>img{object-position:28% bottom;height:490px;bottom:0;filter:brightness(.63)}.picture-shade{background:linear-gradient(0deg,#03050c55 0%,#03050c00 30%,#03050c 65%)}.picture-content{margin-left:0;padding:42px 6% 380px}.picture-content h2{font-size:38px}.picture-content p:not(.eyebrow){font-size:14px;max-width:460px}.picture-content .eyebrow{font-size:10px}.picture-content .button{margin-top:10px}.invitation{padding-top:60px;padding-bottom:65px}.invitation h2{font-size:30px;line-height:1.35;letter-spacing:-1.4px}.invitation-actions{flex-direction:column;align-items:center;margin-top:26px;gap:12px}.invitation-actions .button{width:260px}.site-footer{padding-top:0;padding-bottom:24px}.footer-top{gap:15px;flex-wrap:wrap}.footer-top .brand{font-size:16px}.footer-justbe strong{font-size:23px}.footer-justbe{font-size:7px;gap:8px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:20px;font-size:11px}.footer-bottom>div{gap:24px}.footer-bottom>span:last-child{display:none}.film-dialog{padding:16px}.film-note{font-size:11px}.dialog-heading h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Keep secondary labels legible at every breakpoint. */
.small-label,.film-tag,.film-bottom .eyebrow,.manual-subtitle,.collection-foot,.hero-caption,.hero-scroll,.hero-content .eyebrow,.channel-link .small-label,.picture-content .eyebrow,.invitation>.eyebrow,.dialog-heading .eyebrow,.footer-justbe,.footer-bottom,.film-note{font-size:12px}
.hero-caption{letter-spacing:1px}.manual-subtitle,.collection-foot{letter-spacing:1px}.love{margin-left:.025em}.love-star{margin-left:8px}
@media(max-width:760px){.hero-content .eyebrow{font-size:10px}.channel-link{gap:14px}.channel-link .small-label{font-size:11px}.footer-justbe{font-size:10px}}


/* Framer reference: midnight blue, silver type, glass, and pastel cloud characters. */
:root {
  --blue: #20407c;
  --blue-light: #3767bf;
  --silver: #cdd2e8;
  --lavender: #bfc4f0;
  --border: rgba(131, 157, 216, .17);
}
body { background: radial-gradient(ellipse at 50% 41%, #0b1326 0, transparent 40%), var(--bg); }
.site-header { background: rgba(3,5,12,.92); border-color: rgba(154,174,224,.1); }
.brand { font-weight: 500; letter-spacing: -.65px; }
.brand-x { color: var(--silver); }
.nav-cta { border-radius: 999px; background: linear-gradient(160deg,#192541aa,#0c1326); border-color: #3b4b6c; }
.nav-cta span { color: #a5bde9; }
nav>a:hover { color: #c8d9ff; }
.button { border-radius: 999px; font-weight: 450; min-height: 54px; padding: 14px 27px; }
.button-primary { border: 1px solid #749ada44; box-shadow: inset 0 1px 0 #bed5ff1f, 0 5px 32px #3468c32b; color: #e0e8fa; }
.button-primary:hover { background: linear-gradient(155deg,#4474ce,#295098); box-shadow: 0 5px 34px #4276d449; }
.button-outline { background: linear-gradient(140deg,#17233cbb,#101a2bb3); border-color: #6d86b52e; color: #c3cde5; box-shadow: inset 0 1px 0 #9bb3df0a; }
.button-outline:hover { border-color: #799fe771; background: #1b2d51; }
.text-link:hover,.resource-footnote a:hover { color: #d4ddff; }
.hero { min-height: 0; max-width: none; padding: 37px 0 32px; isolation: isolate; background: radial-gradient(ellipse 50% 70% at 50% 48%, #20407c82 0%, #102043a3 42%, #03050c00 100%); }
.hero-content { padding: 0 24px; text-align: center; }
.hero-cloud { width: 58px; height: 48px; object-fit: contain; margin: 0 auto 17px; filter: drop-shadow(0 3px 20px #c2e66419); }
.hero .eyebrow { justify-content: center; color: #95a9d2; font-size: 11px; letter-spacing: 2px; font-weight: 400; }
.hero h1 { max-width: 920px; margin: 17px auto 17px; font-size: clamp(48px,5.3vw,76px); line-height: 1.08; letter-spacing: -3px; font-weight: 450; background: linear-gradient(175deg,#fff 0%,#cdd2e6 55%,#848cab 100%); color: #dce0ef; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.love { color: inherit; margin: 0; }
.hero-description { margin: 0 auto 24px; color: #b9c1d7; font-size: 16px; line-height: 1.65; max-width: 550px; }
.hero-description em { color: #cbd1e3; font-style: italic; }
.hero-actions { justify-content: center; gap: 13px; }
.hero-note { display: block; text-align: center; margin: -6px 0 0; position: relative; z-index: 3; font-size: 12px; color: #8798ba; }
.hero-note strong { color: #bcc8e3; font-weight: 450; }
.dream-stage { position: relative; height: 435px; margin-top: 29px; overflow: hidden; }
.dream-characters { width: max-content; display: flex; align-items: center; gap: 28px; position: absolute; left: 50%; transform: translateX(-50%); top: 64px; }
.dream-character { width: 145px; height: 259px; object-fit: cover; border-radius: 7px; border: 1px solid #9dabe02b; box-shadow: 0 16px 50px #02051055; opacity: .86; transition: transform .65s ease, opacity .65s ease; }
.character-1,.character-6 { transform: translateY(23px); opacity: .58; }
.character-2,.character-5 { transform: translateY(-2px); opacity: .8; }
.character-3,.character-4 { transform: translateY(15px); }
.dream-character:hover { transform: translateY(-9px); opacity: 1; }
.phone-space { width: 212px; }
.dream-phone { position: absolute; z-index: 2; width: 241px; height: 492px; left: 50%; top: 0; transform: translateX(-50%); padding: 0; border: 0; border-radius: 44px; background: #070b16; box-shadow: 0 0 90px #3963bb3d, 0 22px 70px #0009; }
.phone-scene { position: absolute; inset: 8px; width: calc(100% - 16px); height: calc(100% - 16px); border-radius: 37px; object-fit: cover; object-position: 50% 50%; }
.phone-frame { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 2; }
.portal-play { position: absolute; z-index: 3; top: 39%; left: 50%; transform: translate(-50%,-50%); width: 90px; height: 90px; border: 1px solid #d5ddf077; border-radius: 50%; display: flex; gap: 8px; align-items: center; justify-content: center; background: #24234466; backdrop-filter: blur(9px); color: #eff0fa; font-size: 12px; line-height: 1.4; box-shadow: 0 0 40px #a6b6ff42, inset 0 0 22px #afb8f515; transition: box-shadow .3s, background .3s; }
.portal-play .play-small { border-top-width: 11px; border-bottom-width: 11px; border-left-width: 17px; margin-left: 5px; }
.dream-phone:hover .portal-play { background: #3b456b99; box-shadow: 0 0 60px #a6b6ff6b; }
.stage-fade { position: absolute; z-index: 3; inset: 0; background: linear-gradient(90deg,#03050c 0%,transparent 10%,transparent 90%,#03050c 100%),linear-gradient(0deg,#03050c 0%,#03050c00 23%); pointer-events: none; }
.belief-strip { background: #0b12214d; color: #a9b5d1; padding-top: 23px; padding-bottom: 23px; font-weight: 400; }
.belief-strip>span:nth-child(even) { color: #8fa9da; font-size: 18px; }
.section-number,.film-bottom .eyebrow,.resource-footnote>span,.invitation>.eyebrow,.dialog-heading .eyebrow { color: #94b6ee; }
.eyebrow,.small-label { font-weight: 450; }
h2 { font-weight: 400; letter-spacing: -1.7px; }
.muted { color: #8e9fca; }
.film-card { border-radius: 20px; border: 1px solid #43577844; box-shadow: 0 12px 80px #1a3a721f; }
.film-tag { border-radius: 999px; color: #d7deef; border-color: #a7bce63f; background: #14244566; }
.film-card>img { filter: saturate(.95); }
.play-circle { background: #6f7fab2c; border-color: #bfcaed99; box-shadow: 0 0 40px #7f9bdf2e; }
.resource-card { border-radius: 20px; background: linear-gradient(145deg,#14203b,#0c1324); box-shadow: inset 0 1px 0 #becbff0b,0 16px 55px #0002; }
.resource-card:hover { border-color: #577dc288; box-shadow: 0 18px 60px #15397440; }
.principles-card { background: radial-gradient(ellipse at 50% 27%,#294a7c70,transparent 58%),linear-gradient(140deg,#121f3a,#0a1120); }
.manual-card { background: radial-gradient(ellipse at 80% 5%,#738bca3b,transparent 64%),linear-gradient(145deg,#233c70,#12213e); border-color: #536f9e77; color: #e2e8fa; }
.collection-card { background: radial-gradient(ellipse at 20% 25%,#57568040,transparent 70%),linear-gradient(150deg,#222b49,#10182d); }
.orbit { border-color: #8da9ec50; }
.orbit-core { color: #b5c7f6; text-shadow: 0 0 36px #92afff66; }
.manual-mark { color: #9bb6ef; }
.manual-title { font-weight: 500; }
.collection-preview>span:nth-child(2) { color: #c4cbea; }
.collection-preview>span:nth-child(3) { color: #a5afd7; }
.accent { color: #b0c4f3; }
.resource-action { border-color: #899bc733; }
.resource-copy h3 { font-weight: 450; }
.bigger-picture { border-radius: 24px; max-width: 1365px; border: 1px solid #37496c44; box-shadow: 0 0 100px #19376722; }
.bigger-picture>img { filter: brightness(.68) sepia(.15) hue-rotate(175deg) saturate(.9); }
.picture-content h2 { font-weight: 400; }
.invitation { background: radial-gradient(ellipse at 50% 65%,#1c3b784a,transparent 68%); }
.footer-justbe strong { color: #bdc9e6; }
.footer-bottom a:hover { color: #d1ddff; }
.film-dialog { border-radius: 22px; background: linear-gradient(140deg,#15233e,#080f20); border-color: #4b66915c; }
.close-dialog { background: #1b2d50; border-color: #728cb660; }
.menu-toggle { border-radius: 12px; }
.film-card>img { inset: 0; }
@media (min-width:1500px) {
  .hero-content { padding-left: 24px; }
  .dream-character { width: 166px; height: 297px; }
  .dream-characters { gap: 38px; }
}
@media (max-width:1050px) {
  .hero-content { padding: 0 24px; }
  .hero h1 { font-size: 62px; }
  .dream-characters { gap: 23px; }
  .dream-character { width: 133px; height: 238px; }
  .phone-space { width: 220px; }
  .bigger-picture { border-radius: 0; border-left: 0; border-right: 0; }
}
@media (max-width:760px) {
  .hero { padding-top: 33px; padding-bottom: 27px; min-height: 0; background: radial-gradient(ellipse 90% 60% at 50% 43%,#1a346b88,transparent 100%); }
  .hero-content { padding: 0 20px; }
  .hero-cloud { width: 47px; height: 40px; margin-bottom: 17px; }
  .hero .eyebrow { font-size: 10px; letter-spacing: 1.1px; }
  .hero h1 { font-size: clamp(39px,8.5vw,55px); line-height: 1.1; letter-spacing: -1.7px; margin: 18px auto; max-width: 460px; }
  .hero-description { font-size: 14px; max-width: 330px; line-height: 1.75; margin-bottom: 23px; }
  .hero-actions { gap: 11px; flex-wrap: nowrap; }
  .hero-actions .button { font-size: 12px; padding: 12px 16px; min-height: 48px; gap: 8px; }
  .dream-stage { height: 348px; margin-top: 30px; }
  .dream-characters { top: 57px; gap: 17px; }
  .dream-character { width: 116px; height: 208px; border-radius: 5px; }
  .phone-space { width: 148px; }
  .dream-phone { width: 186px; height: 380px; border-radius: 34px; }
  .phone-scene { inset: 6px; width: calc(100% - 12px); height: calc(100% - 12px); border-radius: 28px; }
  .portal-play { width: 77px; height: 77px; font-size: 11px; }
  .stage-fade { background: linear-gradient(90deg,#03050c88,transparent 10%,transparent 90%,#03050c88),linear-gradient(0deg,#03050c,transparent 23%); }
  .hero-note { display: block; margin: -2px 0 0; font-size: 12px; }
  .belief-strip { font-size: 12px; }
  .resource-card { border-radius: 18px; }
  nav { background: #0b1326f5; backdrop-filter: blur(20px); border-bottom: 1px solid #4f659642; }
  .picture-content h2 { font-size: 37px; }
}
@media (prefers-reduced-motion:no-preference) {
  .hero-cloud { animation: cloud-entrance 1.2s ease both; }
  .dream-stage { animation: stage-entrance 1.1s ease both; }
  @keyframes cloud-entrance { from {opacity:0;transform:translateY(9px)} to {opacity:1;transform:translateY(0)} }
  @keyframes stage-entrance { from {opacity:0;transform:translateY(16px)} to {opacity:1;transform:translateY(0)} }
}

/* Keep the navigation and a compact brand bar within reach while scrolling. */
:root {
  --header-height: 88px;
  --bottom-bar-height: 68px;
}
html {
  scroll-padding-top: calc(var(--header-height) + 20px);
  scroll-padding-bottom: calc(var(--bottom-bar-height) + env(safe-area-inset-bottom, 0px) + 20px);
}
body {
  padding-bottom: calc(var(--bottom-bar-height) + env(safe-area-inset-bottom, 0px));
}
.site-header {
  position: sticky;
  top: 0;
  z-index: 40;
  min-height: var(--header-height);
  background: rgba(5, 10, 23, .88);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, .16);
}
.footer-top {
  position: fixed;
  inset: auto 0 0;
  z-index: 30;
  min-height: calc(var(--bottom-bar-height) + env(safe-area-inset-bottom, 0px));
  padding: 8px max(4.5%, env(safe-area-inset-right, 0px)) calc(8px + env(safe-area-inset-bottom, 0px)) max(4.5%, env(safe-area-inset-left, 0px));
  background: rgba(5, 10, 23, .91);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border-top: 1px solid rgba(154, 174, 224, .19);
  box-shadow: 0 -8px 35px rgba(0, 0, 0, .2);
  flex-wrap: nowrap;
  gap: 16px;
}
.footer-top>.brand,.footer-top>.footer-justbe { min-height: 44px; }
.footer-top p { color: #9eacc7; }
.footer-top .footer-justbe:hover strong { color: #e1e8ff; }
@media (min-width:1500px) {
  .footer-top { padding-left: calc((100vw - 1365px)/2); padding-right: calc((100vw - 1365px)/2); }
}
@media (max-width:760px) {
  :root { --header-height: 74px; --bottom-bar-height: 64px; }
  .site-header nav {
    top: 100%;
    max-height: calc(100dvh - var(--header-height) - var(--bottom-bar-height) - env(safe-area-inset-bottom, 0px));
    overflow-y: auto;
  }
  .footer-top { padding-left: 6%; padding-right: 6%; gap: 10px; }
  .footer-top>.brand { font-size: 15px; gap: 7px; }
  .footer-top>.brand img { width: 29px; height: 29px; }
  .footer-top .footer-affiliation { display: none; }
  .footer-top .footer-justbe strong { font-size: 23px; }
}

/* Public-site audit: connect the dream to real people and useful resources. */
.hero-description { max-width: 570px; }
.hero-description em { display: inline-block; margin-bottom: 5px; }
.human-story { margin: 0; overflow: hidden; border: 1px solid var(--border); border-radius: 22px; background: linear-gradient(135deg,#14223b,#0b1323); display: flex; flex-direction: column; }
.story-photo { min-height: 292px; flex: 1; position: relative; overflow: hidden; }
.story-photo>img { position: absolute; inset: 0; height: 100%; width: 100%; object-fit: cover; object-position: 50% 54%; }
.story-photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg,#071022d9,transparent 45%); pointer-events: none; }
.story-photo .film-tag { position: absolute; z-index: 1; left: 23px; top: 23px; background: #071226a8; backdrop-filter: blur(10px); padding: 9px 13px; font-size: 10px; letter-spacing: 1.5px; }
.photo-caption { position: absolute; z-index: 1; bottom: 23px; left: 25px; right: 25px; color: #f0f2fc; font-size: 20px; letter-spacing: -.5px; }
.story-person { display: flex; align-items: center; gap: 18px; padding: 24px; }
.story-person>img { width: 58px; height: 58px; object-fit: cover; border-radius: 50%; border: 1px solid #a9b6db55; }
.story-person .small-label { font-size: 9px; color: #96add3; letter-spacing: 1.5px; }
.story-person h3 { font-size: 19px; font-weight: 500; letter-spacing: -.4px; margin: 5px 0 7px; }
.story-person h3 span { color: #9eadc9; font-size: 14px; font-weight: 400; }
.story-person a { font-size: 12px; color: #bcccea; display: inline-flex; align-items: center; gap: 15px; min-height: 26px; border-bottom: 1px solid #647ca85c; }
.podcast-strip { margin-top: 32px; padding: 23px 25px; border: 1px solid var(--border); border-radius: 18px; display: flex; align-items: center; gap: 22px; background: linear-gradient(110deg,#17243a80,#10182940); }
.podcast-strip>img { width: 68px; height: 80px; border-radius: 10px; object-fit: cover; object-position: 50% 40%; }
.podcast-copy { flex: 1; }
.podcast-copy .small-label { font-size: 10px; letter-spacing: 1.5px; color: #9db3da; }
.podcast-copy h3 { font-size: 22px; font-weight: 450; letter-spacing: -.5px; margin: 5px 0 6px; }
.podcast-copy p { margin: 0; font-size: 13px; color: #a7b5d0; line-height: 1.6; }
.podcast-links { display: flex; gap: 10px; }
.podcast-links a { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 16px; padding: 10px 16px; border: 1px solid #788db64a; border-radius: 999px; font-size: 12px; color: #c9d4ec; }
.podcast-links a:hover { background: #1b2d51; border-color: #799fe771; }
.resource-top { gap: 9px; height: 52px; flex-shrink: 0; }
.resource-top .small-label { font-size: 10px; letter-spacing: 1.1px; }
.resource-badge { font-size: 8px; color: #c9d694; border: 1px solid #c9d69430; background: #c9d69409; border-radius: 999px; padding: 5px 7px; white-space: nowrap; }
.poster-preview,.ecosystem-preview { height: 250px; position: relative; display: flex; justify-content: center; align-items: center; margin: 16px 22px 18px; overflow: hidden; }
.poster-preview img { height: 236px; width: auto; display: block; transform: rotate(-6deg); border-radius: 4px; box-shadow: 0 15px 32px #03050caa; transition: transform .3s; }
.principles-card:hover .poster-preview img { transform: rotate(-2deg) translateY(-2px); }
.ecosystem-preview { background: radial-gradient(ellipse at center,#15436755,transparent 68%); }
.ecosystem-preview img { height: 285px; width: 100%; object-fit: contain; display: block; }
.manual-preview { height: 284px; margin-bottom: 0; padding-top: 45px; }
.manual-title { font-size: 43px; line-height: 1.04; letter-spacing: -1.9px; }
.manual-subtitle { display: block; margin-top: 14px; font-size: 9px; letter-spacing: 1.8px; }
.manual-mark { bottom: 26px; font-size: 84px; }
.manual-rule { bottom: 30px; }
button.resource-action { padding: 17px 0 0; width: 100%; border: 0; border-top: 1px solid #899bc733; background: none; color: inherit; font-family: inherit; text-align: left; }
button.resource-action:hover { color: #fff; }
.resource-card:focus-within { border-color: #779dd8; }
.connected-world { padding-top: 90px; padding-bottom: 30px; }
.connected-world h2 { max-width: 800px; }
.world-links { display: grid; grid-template-columns: repeat(3,1fr); margin-top: 39px; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.world-links>a { padding: 33px 30px 31px; display: flex; flex-direction: column; transition: background .25s; }
.world-links>a:first-child { padding-left: 0; }
.world-links>a:last-child { padding-right: 0; }
.world-links>a+a { border-left: 1px solid var(--border); }
.world-links>a:hover { background: #20375f22; }
.world-links .small-label { font-size: 10px; letter-spacing: 1.2px; color: #9cb2d9; }
.world-links h3 { display: flex; justify-content: space-between; align-items: center; font-size: 26px; font-weight: 450; letter-spacing: -.9px; margin: 14px 0; }
.world-links h3 span { color: #8197bc; font-size: 20px; }
.world-links p { color: #a5b3cf; font-size: 14px; line-height: 1.75; margin: 0 0 23px; max-width: 310px; }
.world-action { font-size: 12px; color: #cddaf4; margin-top: auto; }
.principles-dialog { width: min(1120px,94vw); padding: 30px; max-height: 88dvh; }
.principles-dialog .dialog-heading { position: sticky; top: -30px; z-index: 1; background: #132139; padding: 14px 0; margin: -14px 0 0; }
.principles-intro { font-size: 14px; line-height: 1.7; color: #afbedb; margin: 8px 0 26px; }
.principles-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 34px; align-items: start; }
.principles-layout figure { margin: 0; }
.principles-layout figure img { display: block; width: 100%; height: auto; border-radius: 5px; }
.principles-layout figcaption { font-size: 11px; line-height: 1.7; color: #9eaecb; margin-top: 15px; }
.principles-list { margin: 0; padding: 0; list-style: none; counter-reset: principles; display: grid; gap: 17px; }
.principles-list li { counter-increment: principles; position: relative; padding-left: 34px; }
.principles-list li::before { content: counter(principles,decimal-leading-zero); position: absolute; left: 0; top: 2px; font-size: 12px; color: #91b3eb; }
.principles-list h3 { font-size: 15px; line-height: 1.5; font-weight: 500; margin: 0 0 4px; }
.principles-list p { font-size: 13px; line-height: 1.7; color: #aabbd9; margin: 0; }
.principles-next { display: flex; align-items: center; justify-content: space-between; gap: 20px; border-top: 1px solid var(--border); margin-top: 30px; padding-top: 23px; }
.principles-next p { font-size: 22px; line-height: 1.4; letter-spacing: -.5px; margin: 0; }
.principles-source { color: #8fa4ca; font-size: 11px; margin: 24px 0 0; }
.principles-source a { text-decoration: underline; text-underline-offset: 3px; }
@media(max-width:1100px) {
  .resource-top { align-items: flex-start; }
  .resource-badge { display: none; }
  .story-person { gap: 12px; padding: 21px; }
  .story-person h3 span { display: block; margin-top: 3px; }
  .podcast-links { flex-direction: column; }
  .manual-title { font-size: 35px; }
  .world-links h3 { font-size: 23px; }
}
@media(max-width:760px) {
  .hero-description { max-width: 335px; }
  .hero-actions .button { font-size: 11px; padding: 12px 13px; }
  .hero .eyebrow { font-size: 9px; letter-spacing: 1px; }
  .story-photo { min-height: 270px; }
  .story-photo .film-tag { top: 20px; left: 20px; }
  .photo-caption { left: 20px; font-size: 18px; bottom: 21px; }
  .story-person { padding: 20px; }
  .story-person .small-label { font-size: 8px; letter-spacing: 1px; }
  .story-person h3 { font-size: 18px; }
  .story-person>img { width: 49px; height: 49px; }
  .podcast-strip { flex-wrap: wrap; padding: 21px; gap: 17px; margin-top: 28px; }
  .podcast-strip>img { width: 56px; height: 72px; }
  .podcast-copy { min-width: 150px; }
  .podcast-copy .small-label { font-size: 8px; letter-spacing: 1px; }
  .podcast-copy h3 { font-size: 19px; }
  .podcast-copy p { font-size: 12px; }
  .podcast-links { flex-direction: row; width: 100%; }
  .podcast-links a { flex: 1; padding: 10px 12px; gap: 10px; }
  .resource-badge { display: inline-block; }
  .resource-top { align-items: center; }
  .poster-preview,.ecosystem-preview { height: 245px; }
  .poster-preview img { height: 235px; }
  .manual-preview { height: 279px; padding-top: 44px; }
  .manual-title { font-size: 42px; }
  .connected-world { padding-top: 60px; padding-bottom: 10px; }
  .world-links { grid-template-columns: 1fr; margin-top: 30px; }
  .world-links>a,.world-links>a:first-child,.world-links>a:last-child { padding: 28px 0; }
  .world-links>a+a { border-left: 0; border-top: 1px solid var(--border); }
  .world-links h3 { font-size: 25px; margin-top: 12px; }
  .world-links p { max-width: 500px; margin-bottom: 20px; }
  .principles-dialog { padding: 20px; }
  .principles-dialog .dialog-heading { top: -20px; gap: 12px; }
  .principles-dialog .dialog-heading .eyebrow { font-size: 8px; letter-spacing: 1.2px; }
  .principles-dialog .dialog-heading h2 { font-size: 23px; }
  .principles-layout { grid-template-columns: 1fr; gap: 29px; }
  .principles-layout figure { max-width: 360px; margin: 0 auto; }
  .principles-next { flex-direction: column; align-items: flex-start; }
  .principles-next p { font-size: 21px; }
}
@media(max-width:360px) {
  .resource-badge { font-size: 7px; padding: 4px 5px; }
  .resource-top .small-label { font-size: 9px; }
  .hero-actions { flex-wrap: wrap; }
  .hero-actions .button { min-width: 192px; }
}

/* A useful landing point for retired or mistyped URLs. */
.not-found-page { min-height: 100dvh; padding: 40px 24px; display: grid; place-items: center; background: radial-gradient(ellipse at 50% 45%,#18326477,transparent 65%),var(--bg); }
.not-found-content { text-align: center; max-width: 780px; }
.not-found-content>img { margin: 0 auto 24px; object-fit: contain; }
.not-found-content .eyebrow { justify-content: center; color: #95a9d2; }
.not-found-content h1 { font-size: clamp(36px,6vw,68px); font-weight: 450; letter-spacing: -.045em; margin: 24px 0; }
.not-found-content>p:not(.eyebrow) { color: #aebbd8; margin-bottom: 30px; line-height: 1.7; }