@font-face{font-family:Brand;src:url("assets/bricolage-regular.ttf");font-display:swap}*{box-sizing:border-box}html{background:#171a15}body{margin:0;font-family:Brand,Arial,sans-serif;color:#fff}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #c5e159;outline-offset:5px}header{position:fixed;z-index:20;top:0;left:0;width:100%;padding:24px 4%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(#1118,transparent)}.brand{width:135px;height:48px;border-radius:30px;background:#faf9f3;padding:7px 14px;display:flex;align-items:center}.brand img{width:100%;height:100%;object-fit:contain}nav{display:flex;background:#171a1588;padding:4px;border:1px solid #ffffff30;border-radius:40px}nav a{font-size:12px;padding:9px 15px;border-radius:30px}nav a.active{background:#c5e159;color:#171a15}#audienceToggle{border:1px solid #ffffff55;color:white;background:#171a1577;padding:12px 16px;border-radius:30px;font-size:12px}#journey{height:650vh}#stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#181a15}canvas,.shade,#paper{position:absolute;inset:0;width:100%;height:100%}.shade{background:linear-gradient(90deg,#080d09b8,transparent 70%),linear-gradient(0deg,#0007,transparent 30%);pointer-events:none}#paper{background:#f3f2e9;opacity:0}.intro,.chapter,.outro{position:absolute;left:7%;top:27%;z-index:3;max-width:520px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;margin-bottom:25px}h1{font-size:clamp(42px,5.5vw,84px);line-height:1.01;letter-spacing:-3.5px;font-weight:500;margin:0 0 24px}.lead{font-size:16px;line-height:1.6;color:#eeeee3}.choices{display:flex;gap:9px;margin-top:30px}.choices button{padding:13px 18px;border-radius:28px;border:1px solid #fff7;background:#171a1544;color:white;font-size:12px}.choices .selected{background:#c5e159;color:#182018;border-color:#c5e159}.chapter{top:auto;bottom:19%;opacity:0;max-width:330px}.chapter span{font-size:9px;letter-spacing:2px}.chapter h2{font-size:48px;line-height:1.04;letter-spacing:-2px;font-weight:500;margin:18px 0}.chapter p{font-size:14px;line-height:1.5;max-width:230px;color:#eee}.outro{top:26%;color:#223224;opacity:0;max-width:470px;pointer-events:none}.outro h2{font-size:clamp(42px,4.8vw,73px);letter-spacing:-3px;line-height:1.03;font-weight:500;margin:0}.outro em{font-style:normal;color:#58a346}.outro>p:last-child{font-size:16px;line-height:1.6;max-width:330px;margin-top:26px}#screen{position:absolute;left:0;top:0;width:280px;height:440px;transform-origin:0 0;visibility:hidden;z-index:4;overflow:hidden;will-change:transform;border-radius:0}.screen-inner{height:100%;background:#c5e159;color:#17331c;position:relative;padding:23px;overflow:hidden}.screen-brand{font-size:23px;font-weight:800;letter-spacing:-1px}.screen-brand>span{font-weight:400}.seed-art{height:132px;position:relative;margin-top:15px}.seed-art i{position:absolute;width:89px;height:123px;border-radius:70% 20% 60% 45%;background:#58a346;transform:rotate(-35deg);left:25px;top:8px}.seed-art i:nth-child(2){background:#ff3b3c;left:100px;transform:rotate(24deg)}.seed-art i:nth-child(3){width:26px;height:40px;background:#17331c;left:131px;top:47px;transform:rotate(28deg)}.screen-message small{font-size:8px;letter-spacing:1.7px;font-weight:bold}.screen-message h2{font-size:34px;line-height:1.01;letter-spacing:-1.5px;margin:11px 0}.screen-bottom{font-size:8px;position:absolute;bottom:23px;left:23px;right:23px;border-top:1px solid #17331c55;padding-top:12px;display:flex;justify-content:space-between}.screen-bottom span{font-size:17px}.satellite{position:absolute;z-index:3;width:180px;height:250px;padding:25px;border-radius:16px;opacity:0;color:#243123;top:36%;right:5%}.satellite span{font-size:8px;letter-spacing:1px}.satellite strong{display:block;font-size:25px;line-height:1.05;letter-spacing:-1px;margin-top:20px}.sat-one{background:#ff6160}.sat-one b{font-size:60px;display:block;margin-top:25px}.sat-two{background:#58a346;right:27%;top:41%;color:#fff}.circle{border:1px solid #fff8;border-radius:50%;width:80px;height:80px;margin:20px auto;display:grid;place-items:center;font-size:60px}.bottom{position:absolute;bottom:30px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;z-index:8;gap:12px;font-size:9px;letter-spacing:1.5px}.bottom button{color:inherit;background:none;border:0;font-size:10px}#load{letter-spacing:0;color:#ddd}.progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#fff2}.progress i{display:block;height:100%;background:#c5e159;transform-origin:left;transform:scaleX(0)}.closing{background:#f3f2e9;color:#233524;padding:110px 7% 35px}.closing h2{font-size:clamp(50px,7vw,110px);font-weight:500;line-height:.98;letter-spacing:-4px;margin:20px 0 70px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-bottom:70px}.benefits article{border-top:1px solid #23352444;padding-top:20px}.benefits span{font-size:12px;color:#58a346}.benefits h3{font-size:23px;font-weight:500}.benefits p{font-size:15px;line-height:1.7;color:#5a665b}.closing>a{display:inline-block;border-radius:40px;background:#243d28;color:white;padding:18px 25px;font-size:14px}.closing button{border:0;background:none;margin:20px;color:inherit}footer{border-top:1px solid #23352433;margin-top:90px;padding-top:25px;font-size:11px;color:#657165}@media(max-width:700px){header{padding:17px 5%;flex-wrap:wrap}.brand{width:110px;height:40px}nav a{font-size:10px;padding:8px 12px}#audienceToggle{display:none}.intro{left:7%;right:7%;top:18%;max-width:none}h1{font-size:49px;letter-spacing:-2.5px}.lead{font-size:14px}.choices{flex-wrap:wrap;gap:7px;margin-top:22px}.choices button{font-size:11px;padding:12px 15px}.shade{background:linear-gradient(180deg,#000a,transparent 85%)}.chapter{top:15%;bottom:auto;left:7%;max-width:80%}.chapter h2{font-size:34px;margin:12px 0}.chapter p{font-size:12px}.chapter span{font-size:8px}.outro{top:15%;left:7%;right:7%;max-width:none}.outro h2{font-size:39px;letter-spacing:-2px}.outro>p:last-child{font-size:13px;max-width:90%;margin-top:13px}.outro .eyebrow{margin-bottom:12px;font-size:8px}.satellite{width:110px;height:160px;padding:14px;top:65%;right:1%;border-radius:10px}.satellite strong{font-size:17px}.satellite span{font-size:6px}.sat-one b{font-size:30px;margin-top:10px}.sat-two{right:auto;left:0;top:61%}.circle{width:45px;height:45px;font-size:30px;margin-top:10px}.bottom{bottom:20px;font-size:7px;letter-spacing:.5px}#load{max-width:100px;text-align:center;font-size:8px}.benefits{grid-template-columns:1fr;gap:20px}.closing{padding-top:80px}.closing h2{letter-spacing:-2px;margin-bottom:45px}#journey{height:600vh}}@media(prefers-reduced-motion:reduce){#journey{height:1100px}}
.chapter,.satellite{pointer-events:none}.sat-two{right:33%;top:49%}.brand{position:relative;overflow:hidden}.brand img{position:absolute;width:100%;height:100%;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}@media(max-width:700px){.sat-two{left:0;right:auto;top:61%}}

@font-face{font-family:Brand;src:url("assets/bricolage-bold.ttf");font-weight:700 900;font-display:swap}.brand img{padding:6px 10px}.screen-brand{display:block;height:30px}.screen-brand img{width:110px;height:38px;object-fit:contain;mix-blend-mode:multiply}.seed-art{margin-top:10px}.sat-one b{font-size:42px;margin-top:15px}

/* Review controls and light direction. No realtime video color filter. */
.test-controls{display:flex;align-items:center;gap:10px}.cut-nav a{padding:9px 12px}#themeToggle{border:1px solid #ffffff44;border-radius:24px;padding:12px 15px;color:#fff;background:#171a1577;font:inherit;font-size:12px;white-space:nowrap}
body[data-theme="light"]{color:#243b29;background:#f3f2e9}body[data-theme="light"] header{background:linear-gradient(#f3f2efee,#f3f2ef99,transparent)}body[data-theme="light"] .shade{background:linear-gradient(90deg,#f6f3e9ed 0%,#f6f3e9ae 27%,#f6f3e921 58%,transparent 80%),linear-gradient(0deg,#f6f3e980,transparent 20%)}body[data-theme="light"] .lead,body[data-theme="light"] .chapter p{color:#354c39}body[data-theme="light"] nav{background:#f8f8f2d9;border-color:#243b2926}body[data-theme="light"] nav a.active{background:#c5e159;color:#243b29}body[data-theme="light"] #themeToggle,body[data-theme="light"] #audienceToggle{background:#f8f8f2d9;color:#243b29;border-color:#243b2926}body[data-theme="light"] .choices button{background:#f8f8f2c9;color:#243b29;border-color:#243b2955}body[data-theme="light"] .choices .selected{background:#c5e159;border-color:#c5e159}.brand{background:transparent;border-radius:0}.screen-brand img{mix-blend-mode:normal}
@media(max-width:700px){header{gap:10px;padding:12px 5%}.brand{width:118px;height:38px}.test-controls{width:100%;justify-content:space-between;gap:6px}.test-controls nav a{padding:8px 11px}.test-controls #themeToggle{position:absolute;right:5%;top:14px;padding:9px 13px;font-size:11px}.intro{top:23%}.chapter{top:19%}body[data-theme="light"] .shade{background:linear-gradient(180deg,#f3f2e9 0%,#f3f2e9ee 13%,#f3f2e9c9 33%,#f3f2e929 64%,transparent 83%),linear-gradient(0deg,#f3f2e977,transparent 20%)}.outro{top:20%}.outro h2{font-size:35px}.outro>p:last-child{font-size:12px}.outro .eyebrow{font-size:7px}}

.fixed-settings{font-size:10px;letter-spacing:.5px;white-space:nowrap;color:#eee}.test-controls{gap:16px}@media(max-width:700px){.test-controls{gap:8px}.fixed-settings{font-size:9px}.test-controls nav a{padding:9px 12px}.intro{top:23%}}

/* The cinematic stage follows Safari's visible height as browser bars collapse. */
#stage{height:100vh;height:100dvh}
header{padding-top:calc(24px + env(safe-area-inset-top,0px));padding-left:max(4%,env(safe-area-inset-left,0px));padding-right:max(4%,env(safe-area-inset-right,0px))}
.bottom{bottom:calc(30px + env(safe-area-inset-bottom,0px))}
@media(max-width:700px){header{padding-top:calc(12px + env(safe-area-inset-top,0px));padding-left:max(5%,env(safe-area-inset-left,0px));padding-right:max(5%,env(safe-area-inset-right,0px))}.bottom{bottom:calc(20px + env(safe-area-inset-bottom,0px))}.intro{top:max(23%,calc(135px + env(safe-area-inset-top,0px)))}.chapter,.outro{top:max(20%,calc(125px + env(safe-area-inset-top,0px)))}}

/* Keep the cinematic surface stable while Safari retracts its toolbars. */
#stage{height:100vh;height:100lvh}
.bottom{bottom:calc(30px + env(safe-area-inset-bottom,0px) + max(0px,100lvh - 100dvh))}
@media(max-width:700px){.bottom{bottom:calc(20px + env(safe-area-inset-bottom,0px) + max(0px,100lvh - 100dvh))}}

/* Isolated Safari edge-color experiment. No video/rendering changes. */
html[data-edges="transparent"] #stage{background:transparent}
html[data-edges="transparent"] header{background:transparent;isolation:isolate}
html[data-edges="transparent"] header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#1118,transparent)}

/* Visible, independently selectable iPhone edge experiments. */
header{flex-wrap:wrap}.edge-tests{width:fit-content;margin-left:auto;font-size:11px;align-items:center;gap:3px}.edge-tests>span{padding:0 10px;color:#eee}.edge-tests a{font-size:11px;padding:9px 12px;white-space:nowrap}.edge-tests a.active{background:#c5e159;color:#17331c}
html[data-edge-mode="free"] header{position:absolute}
@media(max-width:700px){.edge-tests{width:100%;margin:0;justify-content:space-between}.edge-tests>span{display:none}.edge-tests a{padding:9px 10px;font-size:10px}.intro{top:max(26%,calc(185px + env(safe-area-inset-top,0px)))}.chapter,.outro{top:max(24%,calc(175px + env(safe-area-inset-top,0px)))}}

/* D changes the pinning mechanism; E is a normal-flow static control. */
html[data-edge-mode="unpinned"] #journey{position:relative}
html[data-edge-mode="unpinned"] #stage{position:absolute;top:0;left:0;width:100%}
html[data-edge-mode="flow"] #stage{position:relative;top:auto}
html[data-edge-mode="unpinned"] header,html[data-edge-mode="flow"] header{position:absolute}
.edge-tests{flex-wrap:wrap}.edge-tests a{font-size:10px;padding:8px 10px}
@media(max-width:700px){.edge-tests{display:grid;grid-template-columns:repeat(3,1fr);border-radius:18px}.edge-tests a{text-align:center;padding:8px 5px;font-size:9px}.intro{top:max(29%,calc(215px + env(safe-area-inset-top,0px)))}.chapter,.outro{top:max(26%,calc(205px + env(safe-area-inset-top,0px)))}}

/* F/G: browser scroll timeline owns the scene translation, not the JS loop. */
html:is([data-edge-mode="native"],[data-edge-mode="zoom"]) #journey{position:relative}
html:is([data-edge-mode="native"],[data-edge-mode="zoom"]) #stage{position:absolute;top:0;left:0;width:100%}
html:is([data-edge-mode="native"],[data-edge-mode="zoom"]) header{position:absolute}
@keyframes native-scene-pin{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,var(--pin-travel),0)}}
html[data-native-pin="true"] #stage{animation:native-scene-pin linear both;animation-timeline:scroll(root block);animation-range:0px var(--pin-travel);will-change:transform}
.edge-tests [data-edge="base"],.edge-tests [data-edge="transparent"],.edge-tests [data-edge="free"]{display:none}
@media(max-width:700px){.edge-tests{grid-template-columns:repeat(2,1fr)}}

/* Return to the earlier comparison set; preserve F/G only as archived links. */
.edge-tests [data-edge="base"],.edge-tests [data-edge="transparent"],.edge-tests [data-edge="free"]{display:block}
.edge-tests [data-edge="native"],.edge-tests [data-edge="zoom"]{display:none}

/* Comparison toolbar reduced to the requested two framing options. */
@media(max-width:700px){header .test-controls{width:auto}.intro{top:max(23%,calc(120px + env(safe-area-inset-top,0px)))}.chapter,.outro{top:max(20%,calc(110px + env(safe-area-inset-top,0px)))}}

/* Upscale comparison: same timing and framing, one source per visit. */
.test-controls{flex-wrap:wrap}.quality-nav a{white-space:nowrap}
@media(max-width:700px){header .test-controls{width:100%;gap:6px}.quality-nav{width:100%;justify-content:space-between}.quality-nav a{font-size:10px!important;padding:8px!important}.intro{top:max(25%,calc(175px + env(safe-area-inset-top,0px)))}}
/* Synapse-inspired continuation: actual HTML screens, scroll-driven transforms. */
.orbit-section{height:280svh;background:#f3f2e9;color:#19331f}.orbit-stage,.universe-stage{position:sticky;top:0;height:100lvh;overflow:hidden}.section-caption{position:absolute;top:13%;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px}.orbit-marquee{position:absolute;top:39%;left:7%;font-size:clamp(70px,10vw,165px);white-space:nowrap;letter-spacing:-7px;font-weight:500;margin:0;line-height:1;opacity:.85}.orbit-cards{position:absolute;left:50%;top:24%;width:0;height:50%;perspective:1100px;transform-style:preserve-3d}.tv{position:absolute;left:-125px;top:0;width:250px;height:395px;border-radius:15px;padding:23px;color:#19331f;box-shadow:0 25px 30px -20px #0005;overflow:hidden;backface-visibility:hidden}.tv-label{font-size:7px;letter-spacing:1.4px}.tv h3{font-size:36px;line-height:.99;letter-spacing:-1.8px;margin:20px 0 12px;font-weight:700}.tv p{font-size:12px;max-width:175px;line-height:1.4}.tv footer{position:absolute;bottom:20px;left:23px;right:23px;margin:0;padding-top:12px;font-size:8px;color:inherit;display:flex;justify-content:space-between;border-color:currentColor}.tv footer b{font-size:18px}.lime{background:#c5e159}.coral{background:#ff6060}.forest{background:#193e2d;color:#f3f2e9}.cream{background:#eee9d8}.green{background:#59a445;color:#fff}.fruit-mark{position:relative;height:130px}.fruit-mark i{position:absolute;top:24px;left:25px;width:80px;height:110px;background:#59a445;border-radius:65% 25% 55% 40%;transform:rotate(-30deg)}.fruit-mark i:nth-child(2){left:98px;background:#ff393e;transform:rotate(30deg)}.fruit-mark i:nth-child(3){left:122px;top:58px;width:24px;height:40px;background:#193e2d;transform:rotate(30deg)}.coffee-art{font-family:Arial;font-size:100px;text-align:center;height:155px;padding-top:10px}.notice-art{height:160px;display:flex;align-items:center;justify-content:space-between}.notice-art span{font-size:27px;line-height:.95;letter-spacing:-1px}.notice-art i{font-style:normal;font-size:75px;color:#c5e159}.type-art{font-size:88px;letter-spacing:-7px;height:155px;padding-top:25px}.type-art span{color:#59a445;font-size:50px}.rings-art{position:relative;height:155px}.rings-art i{position:absolute;width:110px;height:110px;border:1px solid #c5e159;border-radius:50%;top:25px;left:5px}.rings-art i:nth-child(2){left:45px}.rings-art i:nth-child(3){left:85px}.orbit-note{position:absolute;bottom:7%;left:0;width:100%;text-align:center}.orbit-note p{font-size:17px;line-height:1.4}.pill{display:inline-block;background:#19331f;color:#f3f2e9;border-radius:50px;padding:15px 23px;font-size:12px}.meaning-section{min-height:100svh;padding:9% 7% 6%;background:#10251b;position:relative;overflow:hidden}.section-number{font-size:9px;letter-spacing:2px}.meaning-section h2{font-size:clamp(50px,7.7vw,118px);font-weight:500;letter-spacing:-5px;line-height:1.02;position:relative;z-index:2}.meaning-section h2 span{display:block;text-align:right;color:#c5e159}.meaning-center{position:absolute;top:30%;left:calc(50% - 90px);width:180px;text-align:center;font-size:180px;color:#c5e159;line-height:1;opacity:.85}.meaning-bottom{position:relative;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:35px;margin-top:100px}.meaning-bottom>p{max-width:285px;line-height:1.7;font-size:17px;color:#ced9cb}.meaning-bottom>div{display:grid;grid-template-columns:auto auto;gap:15px 30px;align-items:center}.meaning-bottom span{font-size:8px;letter-spacing:2px;color:#aabbad}.meaning-bottom strong{font-size:24px;font-weight:500}.universe-section{height:300svh;background:#0c1711}.universe-copy{position:absolute;top:17%;left:7%;z-index:4;pointer-events:none}.universe-copy h2{font-size:clamp(50px,6vw,94px);font-weight:500;line-height:.98;letter-spacing:-4px;margin:25px 0}.universe-copy em{font-style:normal;color:#c5e159}.universe-copy p{font-size:16px;line-height:1.6;color:#c8d2c8}.universe-cards{position:absolute;top:55%;left:50%}.universe-cards .tv{top:-100px}.universe-foot{position:absolute;bottom:5%;left:7%;font-size:9px;letter-spacing:2px;color:#c5e159}.story-cta{background:#c5e159;color:#17331c;min-height:90svh;padding:8% 7%;position:relative;overflow:hidden}.story-cta>div:first-child{position:relative;z-index:2}.story-cta h2{font-size:clamp(65px,8vw,125px);line-height:.92;letter-spacing:-6px;font-weight:500;margin:40px 0 25px}.story-cta em{font-style:normal;color:#408438}.story-cta p{font-size:17px}.story-cta .pill{margin-top:18px}.cta-sculpture{position:absolute;right:5%;top:20%;width:40%;height:65%;transform:rotate(-18deg)}.cta-sculpture i{position:absolute;width:65%;height:85%;border-radius:65% 25% 60% 35%;background:#59a445;box-shadow:inset -20px -20px 40px #17331c18}.cta-sculpture i:nth-child(2){left:40%;top:10%;background:#ff4145;transform:rotate(45deg)}.cta-sculpture i:nth-child(3){left:65%;top:40%;width:18%;height:23%;background:#193e2d;transform:rotate(40deg)}.story-active header{background:none;pointer-events:none}.story-active header .brand,.story-active #audienceToggle{pointer-events:auto}.story-active .test-controls{opacity:0;visibility:hidden}.closing{padding-top:35px}.closing>h2,.closing>.benefits,.closing>.eyebrow,.closing>a{display:none}.master-links{font-size:11px}body{overflow-x:clip}
@media(max-width:700px){.section-caption{top:11%;font-size:7px;letter-spacing:1px}.section-caption span:last-child{display:none}.orbit-stage .tv{width:200px;height:330px;left:-100px;padding:18px}.orbit-cards{top:25%;perspective:850px}.tv h3{font-size:29px}.tv footer{left:18px;right:18px}.orbit-stage .fruit-mark,.orbit-stage .notice-art,.orbit-stage .rings-art,.orbit-stage .type-art,.orbit-stage .coffee-art{height:120px}.orbit-stage .fruit-mark{transform:scale(.85);transform-origin:top left}.orbit-marquee{font-size:85px;letter-spacing:-5px;top:42%}.orbit-note{bottom:8%}.orbit-note p{font-size:14px}.meaning-section{padding:100px 7% 60px}.meaning-section h2{font-size:50px;letter-spacing:-2.5px}.meaning-section h2 span{text-align:left;margin-top:190px}.meaning-center{top:28%;font-size:150px}.meaning-bottom{margin-top:30px;display:block}.meaning-bottom>p{font-size:15px}.meaning-bottom>div{margin-top:30px;gap:12px}.meaning-bottom strong{font-size:21px}.universe-copy{top:13%}.universe-copy h2{font-size:52px;letter-spacing:-2px}.universe-copy p{font-size:14px}.universe-cards{top:65%}.story-cta{padding:80px 7% 320px;min-height:auto}.story-cta h2{font-size:68px;letter-spacing:-3px}.cta-sculpture{width:60%;height:240px;top:auto;bottom:30px;right:15%}.story-active header{padding-top:12px}.story-active header .brand{width:100px}.story-active .test-controls{display:none}}
@media(prefers-reduced-motion:reduce){.orbit-section,.universe-section{height:auto}.orbit-stage,.universe-stage{position:relative;height:auto;min-height:100svh;padding:100px 7% 50px}.orbit-marquee{position:static;white-space:normal;font-size:55px;letter-spacing:-3px}.section-caption{top:40px}.orbit-cards,.universe-cards{position:static;width:auto;height:auto;display:flex;gap:20px;overflow-x:auto;perspective:none;padding:30px 0;transform:none}.orbit-cards .tv,.universe-cards .tv{position:relative;left:auto;top:auto;flex:0 0 230px;opacity:1}.orbit-note,.universe-copy,.universe-foot{position:static;opacity:1}.meaning-center{transform:none}.universe-copy{margin-bottom:30px}}
.tv .coffee-art{position:relative;display:grid;place-items:center;padding:0}.coffee-art i{width:95px;height:80px;border-radius:8px 8px 45px 45px;background:#f3f2e9;position:relative;transform:rotate(-12deg)}.coffee-art i:after{content:"";position:absolute;right:-26px;top:10px;width:33px;height:38px;border:9px solid #f3f2e9;border-radius:50%;z-index:-1}.coffee-art i:before{content:"";position:absolute;left:10px;right:10px;top:8px;height:12px;border-radius:50%;background:#193e2d}.orbit-cards{z-index:2}.orbit-marquee{z-index:1}.orbit-note{z-index:3}.tv.cream h3{font-size:32px}.tv.forest h3{font-size:32px}.tv.green h3{font-size:34px}
@media(max-width:700px){.orbit-stage .tv h3{font-size:27px}.orbit-stage .type-art{font-size:70px}.orbit-stage .notice-art span{font-size:22px}.orbit-stage .notice-art i{font-size:52px}.orbit-stage .tv p{font-size:10px}}
.tv h3{font-size:30px;margin-top:16px}.tv .coffee-art,.tv .notice-art,.tv .rings-art,.tv .type-art{height:135px}.tv.forest h3,.tv.green h3{font-size:30px}.tv p{margin-top:8px}
/* Desktop feedback pass: continuity, legibility and original brand seeds. */
#screen-carrier{position:fixed;left:0;top:0;width:280px;height:440px;transform-origin:0 0;visibility:hidden;pointer-events:none;z-index:12;border-radius:18px;overflow:hidden}.card-handoff #screen{opacity:0!important}.journey-tv{padding:0!important}.journey-tv .screen-inner{width:280px;height:440px;transform:scale(.785714);transform-origin:0 0}.journey-tv .screen-message h2{font-size:34px}.journey-tv .screen-bottom{position:absolute}.cta-sculpture img{display:block;width:100%;height:100%;object-fit:cover}.cta-sculpture i{display:none}.cta-sculpture{transform:rotate(-8deg);border-radius:80px 18px 80px 18px;overflow:hidden;right:-3%;width:45%;height:78%;top:12%}.meaning-center{width:65px;height:110px;background:#c5e159;font-size:0;opacity:1;left:82%;top:45%;z-index:4;transform-origin:center;pointer-events:none}.meaning-stage{position:sticky;top:0;min-height:100lvh;overflow:hidden;padding:9% 7% 6%}.meaning-section{height:220svh;padding:0;overflow:clip;--meaning-copy:1}.meaning-stage>.section-number,.meaning-stage>h2,.meaning-bottom{opacity:var(--meaning-copy)}
@media(min-width:701px){.sat-two{right:auto;left:49%;top:44%;width:160px;height:235px}.sat-two strong{font-size:23px}.orbit-cards{top:40%;perspective:1200px}.orbit-cards .tv{width:220px;height:346px;left:-110px;padding:20px}.orbit-cards .tv h3{font-size:27px}.orbit-cards .tv footer{font-size:7px;left:20px;right:20px;bottom:16px}.orbit-cards .tv-label{font-size:6px}.orbit-cards .coffee-art,.orbit-cards .notice-art,.orbit-cards .rings-art,.orbit-cards .type-art{height:110px}.orbit-cards .type-art{font-size:75px;padding-top:10px}.orbit-cards .notice-art span{font-size:22px}.orbit-cards .notice-art i{font-size:48px}.orbit-cards .tv p{font-size:10px}.orbit-marquee{top:20%;left:7%;right:7%;white-space:normal;font-size:clamp(48px,5.7vw,100px);line-height:1.05;letter-spacing:-4px;text-align:center;margin:0;opacity:1}.orbit-note{bottom:4%}.orbit-note p{font-size:14px;margin:0 0 12px}.orbit-note .pill{padding:10px 20px}.meaning-section h2{font-size:clamp(54px,6.4vw,100px);max-width:80%;line-height:1.07;letter-spacing:-4px;margin:50px 0 0}.meaning-section h2 span{text-align:left}.meaning-bottom{position:absolute;bottom:10%;left:7%;right:7%;margin:0}.universe-copy{width:38%;top:24%;z-index:5}.universe-copy h2{font-size:clamp(50px,5.1vw,88px)}.universe-cards{top:25%;left:50%}.universe-section{height:320svh}.story-cta h2{max-width:55%}}
@media(max-width:700px){.meaning-stage{padding:100px 7% 60px}.meaning-center{left:70%;top:35%;width:40px;height:70px}.journey-tv .screen-inner{transform:scale(.714286)}.cta-sculpture{height:240px;width:70%;top:auto;bottom:20px;right:-5%;border-radius:40px 0 0 40px}}
@media(prefers-reduced-motion:reduce){.meaning-section{height:auto}.meaning-stage{position:relative}.meaning-center{transform:rotate(25deg)}.orbit-cards .journey-tv{height:346px}.universe-copy{width:auto}.universe-cards{left:auto;top:auto}.meaning-bottom{position:relative;left:auto;right:auto;bottom:auto;margin-top:80px}}
@media(min-width:701px){.sat-two{left:47%}}
/* Manual p10: titles/tagline Fredoka Condensed; body Bricolage Grotesque. */
@font-face{font-family:MelanciaTitle;src:url('assets/fredoka-variable.ttf') format('truetype');font-style:normal;font-weight:300 700;font-stretch:75% 125%;font-display:swap}
h1,h2,h3,.satellite strong{font-family:MelanciaTitle,Brand,sans-serif;font-variation-settings:'wdth' 75;letter-spacing:-.025em!important;font-weight:400}.tv h3,.screen-message h2{font-weight:500}.orbit-marquee{font-weight:400}.orbit-cards{transform-style:flat;perspective:none}.orbit-cards .tv{transform-style:flat;backface-visibility:visible;isolation:isolate}
.seed-art img,.fruit-mark img{width:100%;height:100%;object-fit:contain}.seed-art{height:132px}.fruit-mark{height:130px}.meaning-center{width:180px;height:90px;mask:url('assets/seed-cluster.svg') center/contain no-repeat;-webkit-mask:url('assets/seed-cluster.svg') center/contain no-repeat;left:77%;top:48%;background:#c5e159}.meaning-stage:after{content:'';position:absolute;inset:0;background:#0c1711;opacity:var(--seed-cover,0);z-index:5;pointer-events:none}.brand-seeds{display:block;width:65px;height:48px;background:#c5e159;mask:url('assets/seed-cluster.svg') center/contain no-repeat;-webkit-mask:url('assets/seed-cluster.svg') center/contain no-repeat}.cta-sculpture{transform:rotate(-5deg);border-radius:0;right:0;top:0;height:100%;width:44%}.cta-sculpture img{object-fit:cover}.story-cta{background:#c5e159}.tv.coral{background:#ff6160}.tv.green{background:#58a346}

/* Give the primary brand mark more visual presence in the header. */
.brand{width:260px;height:92px}.brand img{padding:2px 4px}
@media(max-width:700px){.brand,.story-active header .brand{width:180px;height:64px}}
@media(max-width:700px){.meaning-center{left:68%;width:100px;height:70px;top:36%}.cta-sculpture{width:100%;height:260px;top:auto;bottom:0;transform:none}.story-cta{padding-bottom:320px}}
@media(prefers-reduced-motion:reduce){.meaning-stage:after{display:none}.orbit-cards .tv{opacity:1!important}}
/* Seed field: deterministic irregular paths, centered hero, scroll-reversible. */
.meaning-center{inset:0;width:100%;height:100%;mask:none;-webkit-mask:none;background:transparent!important;transform:none!important;overflow:hidden}.floating-seed{position:absolute;display:block;width:20px;height:20px;background:#c5e159;mask:url('assets/seed-single.svg') center/contain no-repeat;-webkit-mask:url('assets/seed-single.svg') center/contain no-repeat;transform-origin:center;pointer-events:none}.meaning-stage>.section-number,.meaning-stage>h2,.meaning-bottom{z-index:6;position:relative}.meaning-bottom{position:absolute}
@media(max-width:700px){.floating-seed{width:14px;height:14px}.meaning-bottom{position:relative}}
@media(prefers-reduced-motion:reduce){.meaning-stage>.section-number,.meaning-stage>h2,.meaning-bottom{opacity:1}.floating-seed{transform:rotate(20deg);opacity:.6}.meaning-bottom{position:relative}}
/* Motion comparison and two distinct video-copy beats. */
.motion-switch{pointer-events:auto;gap:3px}.motion-switch button{font:inherit;font-size:11px;border:0;border-radius:30px;padding:9px 14px;color:#fff;background:transparent}.motion-switch button.active{background:#c5e159;color:#19331f}.chapter-next{position:absolute;right:7%;top:23%;z-index:3;max-width:340px;opacity:0;pointer-events:none;text-shadow:0 2px 14px #0009}.chapter-next span{font-size:9px;letter-spacing:2px}.chapter-next h2{font-size:48px;line-height:1.04;margin:18px 0}.chapter-next p{font-size:14px;line-height:1.5;max-width:285px;color:#eee}.closing{padding:12px 7%;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#c5e159}.closing>button{margin:0;padding:8px 0;font-size:11px}.closing>footer{margin:0;border:0;padding:0;font-size:10px}.closing>.master-links{display:none}.story-cta{min-height:calc(100svh - 52px)}
@media(max-width:700px){.motion-switch button{font-size:10px;padding:8px 11px}.chapter-next{top:22%;left:7%;right:7%;max-width:85%}.chapter-next h2{font-size:34px}.chapter-next p{font-size:12px}.chapter-next span{font-size:8px}.closing{gap:10px;flex-wrap:wrap}.closing>footer{font-size:9px}.story-cta{min-height:auto}}
/* Final comparison pass: denser orbit, early galaxy reveal, faster card parallax. */
.universe-section{position:relative;margin-top:0;background:#0c1711}.universe-stage{opacity:1}.bottom{justify-content:space-between}.sat-one b:empty,.screen-bottom span:empty,.tv footer b:empty,.type-art span:empty{display:none}
@media(prefers-reduced-motion:reduce){.universe-section{margin-top:0}.universe-stage{opacity:1!important}}

/* Let cards cross the upper section boundary, while clipping below the stage. */
@media(prefers-reduced-motion:no-preference){.universe-stage{overflow-x:clip;overflow-y:visible;clip-path:inset(-100lvh 0 0 0)}.universe-cards{visibility:hidden}}

/* Mobile reading rhythm: heading above carousel, compact seed copy. */
@media(max-width:700px){
.orbit-marquee{top:17%;left:7%;right:7%;font-size:clamp(32px,9vw,42px);line-height:1.08;letter-spacing:-.7px;white-space:normal;text-align:center;opacity:1}
.orbit-cards{top:35%}.orbit-stage .tv{width:180px;height:300px;left:-90px}.orbit-stage .journey-tv .screen-inner{transform:scale(.642857)}
.meaning-section h2{max-width:100%;font-size:clamp(36px,10vw,46px);line-height:1.1;margin-top:35px}.meaning-section h2 span{margin-top:8px}
.meaning-bottom{position:absolute;top:51%;bottom:auto;left:7%;right:7%;margin:0}.meaning-bottom>p{max-width:300px}.meaning-bottom>div{margin-top:24px}
.universe-copy{top:13%;left:7%;right:7%}.universe-copy h2{font-size:46px;line-height:1.05}.universe-copy p{max-width:300px}
.universe-foot{display:none}
}
@media(max-width:700px) and (max-height:720px){.orbit-cards{top:34%}.orbit-stage .tv{width:160px;height:260px;left:-80px;padding:15px}.orbit-stage .tv h3{font-size:24px}.orbit-stage .journey-tv .screen-inner{transform:scale(.571429)}.orbit-note{bottom:4%}.orbit-note p{margin:0 0 10px}.meaning-bottom{top:49%}.meaning-bottom>p{font-size:14px}.meaning-bottom>div{margin-top:15px;gap:10px}.meaning-bottom strong{font-size:19px}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.orbit-marquee{position:static}.meaning-bottom{position:relative;top:auto;left:auto;right:auto}.universe-copy{position:static}.orbit-stage .tv{flex-basis:200px;height:330px}.orbit-stage .journey-tv .screen-inner{transform:scale(.714286)}}

@media(max-width:700px){.orbit-stage .tv h3{font-size:25px;line-height:1.05;margin:10px 0 8px}.orbit-stage .tv p{font-size:10px;line-height:1.3;margin:0}.orbit-stage .tv footer{font-size:6px;bottom:14px;padding-top:8px}.orbit-stage .notice-art span{font-size:21px}.orbit-stage .notice-art i{font-size:40px}}
@media(max-width:700px) and (max-height:720px){.orbit-stage .coffee-art,.orbit-stage .notice-art,.orbit-stage .rings-art,.orbit-stage .type-art{height:85px}.orbit-stage .coffee-art{font-size:65px}.orbit-stage .tv h3{font-size:21px;margin:8px 0 6px}.orbit-stage .tv p{font-size:9px}.orbit-stage .tv footer{left:15px;right:15px;bottom:12px}.orbit-stage .notice-art span{font-size:18px}.orbit-stage .type-art{font-size:62px;padding-top:8px}.orbit-stage .rings-art i{width:70px;height:70px;top:8px}.orbit-stage .rings-art i:nth-child(2){left:28px}.orbit-stage .rings-art i:nth-child(3){left:50px}}

@media(max-width:700px){.meaning-bottom{top:59%}}
@media(max-width:700px) and (max-height:720px){.meaning-bottom{top:57%}.meaning-bottom>div{margin-top:12px}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.meaning-bottom{top:auto}.universe-cards .tv,.orbit-stage .tv{will-change:auto}}

@media(max-width:700px){.chapter{top:auto;bottom:13%}.meaning-bottom{top:auto;bottom:6%}.meaning-bottom>div{margin-top:18px}.meaning-bottom>p{margin-top:0}.meaning-stage>h2{z-index:6}.floating-seed{pointer-events:none}}
@media(max-width:700px) and (max-height:720px){.meaning-bottom{top:auto;bottom:5%}.meaning-bottom>div{gap:8px;margin-top:12px}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.meaning-bottom{bottom:auto}}