:root{color-scheme:dark;--paper:#f4edda;--jade:#a4c6b2;--metal:#cbbd92}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:clip;background:#020605;color:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei",sans-serif}body{position:fixed;inset:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--metal);outline-offset:5px}#experience{position:fixed;inset:0;width:100%;height:100svh;min-height:280px;overflow:clip;isolation:isolate}#matte{position:absolute;inset:0;background:#020605 url('/brand/universe-home/assets/brand-portal-approved.png?v=6f615993dc70324eb890f85862b2e39b1ef5c0e662e13614dff5aaa4c1cef0c7') center/contain no-repeat}#universe{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1}.vignette{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#02060544,transparent 13%,transparent 89%,#02060577)}.grain{display:none}
header{position:absolute;z-index:10;top:26px;left:38px;right:38px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:baseline;gap:11px;text-decoration:none;color:var(--paper);text-shadow:0 2px 12px #0009}.brand b{font-size:20px;font-weight:650;letter-spacing:1px}.brand span{font-size:8px;letter-spacing:2.5px}.top-right{display:flex;align-items:center}#skip{border:1px solid #e0d5b544;background:#0a14112b;backdrop-filter:blur(8px);padding:11px 19px;border-radius:2px;font-size:11px;letter-spacing:1.5px;min-height:44px}#skip span{margin-left:20px}#skip:hover{border-color:#e0d5b590}
.opening-caption{position:absolute;left:0;right:0;bottom:9.5%;z-index:4;text-align:center;pointer-events:none;opacity:0;text-shadow:0 2px 18px #000}.opening-caption p{font-size:14px;letter-spacing:.32em;margin:0 0 10px;font-weight:350}.opening-caption span{font-size:7px;letter-spacing:.35em;color:#c8d1c3}.chapter-subtitle{display:none}footer{position:absolute;z-index:10;bottom:20px;left:38px;right:38px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px;color:#dedbc7;text-shadow:0 1px 8px #000}.chapter{display:flex;align-items:center;gap:13px}.chapter #chapter-no{font-variant-numeric:tabular-nums;color:#a8b4a7;font-size:8px}.controls{display:flex;align-items:center;gap:22px}.controls button{border:0;background:none;display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px;padding:8px 0;min-height:44px;min-width:44px;color:#e5e2d3}.controls svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.4}.controls #pause-icon{font-size:16px;width:12px}.controls #time{font-size:8px;font-variant-numeric:tabular-nums;color:#b5b8ab}.controls button:disabled{opacity:.35;cursor:default}.progress{position:absolute;z-index:11;left:0;bottom:0;width:100%;height:1px;background:#ccd8c118}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#436757,#ddd5ad)}.preview-note{position:absolute;z-index:5;bottom:6px;left:38px;color:#91a49b;font-size:7px;letter-spacing:1px;opacity:.5}
#loading{position:absolute;z-index:8;inset:0;background:#020605;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity .6s}#loading.loaded{opacity:0;pointer-events:none}#loading p{font-size:11px;letter-spacing:.3em;color:#b7c6b8}.loading-line{width:70px;height:1px;background:linear-gradient(90deg,transparent,#d7be8a,transparent)}
#final{position:absolute;z-index:6;bottom:10.5%;left:50%;width:min(790px,84vw);display:flex;align-items:center;justify-content:center;gap:26px;opacity:0;pointer-events:none;translate:-50% 0;text-shadow:0 2px 10px #000a}#final.visible{pointer-events:auto}.final-copy{margin-right:auto}#final h2{font-weight:400;font-size:19px;letter-spacing:.22em;margin:0 0 9px}#final p{font-size:10px;color:#e1e2d5;letter-spacing:.12em;margin:0}.eyebrow{font-size:9px;letter-spacing:.35em;color:#afc7ba}.primary{padding:16px 23px;background:linear-gradient(115deg,#dcd4b2ee,#9bbfa5ef);color:#11291f;border:1px solid #e9e4c6;border-radius:2px;text-decoration:none;display:inline-flex;align-items:center;justify-content:space-between;gap:34px;font-size:12px;letter-spacing:1px;box-shadow:inset 0 1px #ffffdc88,0 7px 30px #0006;transition:box-shadow .25s,transform .25s;min-height:48px;white-space:nowrap;text-shadow:none}.primary:hover{box-shadow:inset 0 1px #ffffdcaa,0 0 26px #d2d7ab30;transform:translateY(-2px)}.text-button{border:0;background:transparent;padding:14px 0;font-size:9px;letter-spacing:1px;color:#d0d9cb;min-height:44px;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
dialog{color:var(--paper);background:#0e1919ed;backdrop-filter:blur(18px);border:1px solid #bdbda344;padding:50px 40px 25px;width:min(480px,90vw);text-align:center}dialog::backdrop{background:#010609bb;backdrop-filter:blur(8px)}dialog h2{font:26px "Songti TC",serif;margin:30px 0 20px}dialog p{font-size:13px;line-height:1.9;color:#bbc9c1;margin-bottom:28px}dialog .dialog-close{position:absolute;top:8px;right:8px;background:none;border:0;font-size:25px;color:#becac1;min-width:44px;min-height:44px}dialog .dialog-close-text{display:block;width:100%;margin-top:14px}.no-js{position:fixed;z-index:50;inset:0;display:grid;place-content:center;text-align:center;background:#07151a}.no-js a{color:#d7be8a}
@media(max-aspect-ratio:1/1){#final{bottom:13%;width:88vw;flex-direction:column;gap:13px;text-align:center}.final-copy{margin-right:0}#final h2{font-size:22px;margin-bottom:10px}#final p{font-size:11px}#final .text-button{padding:3px 0;min-height:35px}.opening-caption{bottom:24%}.opening-caption p{font-size:16px;letter-spacing:.1em}.opening-caption span{font-size:6px;letter-spacing:.24em}}
@media(max-width:700px){header{top:22px;left:22px;right:22px}.brand{gap:8px}.brand b{font-size:18px}.brand span{font-size:7px;letter-spacing:1.5px}#skip{font-size:10px;padding:10px 12px}#skip span{margin-left:9px}footer{bottom:21px;left:22px;right:22px}.controls{gap:5px}.controls button span:not(#pause-icon){display:none}.controls #time{display:none}.chapter{gap:9px}.chapter #chapter-label{font-size:8px}.preview-note{left:22px;font-size:6px}#final{gap:12px}}
@media(max-height:500px){header{top:12px;left:22px;right:22px}footer{bottom:12px;left:22px;right:22px}.opening-caption{bottom:16%}.opening-caption p{font-size:12px}.opening-caption span{display:none}#final{bottom:16%;gap:20px}#final h2{font-size:16px}#final p{font-size:8px}#final .primary{padding:10px 16px;min-height:44px;font-size:10px;gap:20px}#final .text-button{font-size:8px}.preview-note{display:none}}
[hidden]{display:none!important}

/* Remains a usable brand entrance even if the final artwork itself cannot load. */
body.degraded #final{inset:0;bottom:auto;left:0;translate:0;width:100%;padding:85px 25px;flex-direction:column;gap:20px;background:#02060566;text-align:center}
body.degraded #final-heading{position:static;width:auto;height:auto;clip:auto;overflow:visible;white-space:normal;margin:0 0 10px;font-size:clamp(38px,8vw,100px);letter-spacing:.03em}
body.degraded .final-copy{margin-right:0}

/* R3: quiet human-scale reading. The photograph moves underneath; the copy does not. */
#story-shade{position:absolute;z-index:3;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse 39% 30% at 50% 43%,rgba(0,8,8,.4),rgba(0,8,8,.12) 63%,transparent 100%)}
.story-copy{position:absolute;z-index:4;left:50%;top:43%;translate:-50% -50%;width:min(850px,88vw);text-align:center;pointer-events:none;opacity:0;color:#f1eee1;text-shadow:0 2px 18px #0006;-webkit-font-smoothing:antialiased}
.story-copy p{margin:0 0 17px;font-size:clamp(18px,1.85vw,26px);line-height:1.65;font-weight:350;letter-spacing:.13em;color:#e3e6dc}
.story-copy h2{margin:0;font-size:clamp(28px,3.35vw,48px);line-height:1.55;font-weight:350;letter-spacing:.085em;color:#f3efe4}
@media(max-width:700px){.story-copy{top:42%;width:90vw}.story-copy p{font-size:18px;letter-spacing:.075em;margin-bottom:15px}.story-copy h2{font-size:28px;letter-spacing:.06em}#story-shade{background:radial-gradient(ellipse 72% 25% at 50% 42%,#00100c66,transparent)}}
@media(max-height:500px){.story-copy{top:43%}.story-copy p{font-size:17px;margin-bottom:10px}.story-copy h2{font-size:30px;line-height:1.4}}

/* R4: brand-owned navigation, a quieter jewel-toned entrance. */
header{top:22px;left:38px;right:38px;min-height:64px}
.brand{width:190px;display:block;line-height:0;filter:drop-shadow(0 2px 10px #0008)}
.brand img{display:block;width:100%;height:auto;filter:grayscale(1) brightness(1.3) sepia(.18)}
.top-right{gap:30px}.top-right a{font-size:12px;letter-spacing:.08em;color:#e9e8dc;text-decoration:none;text-shadow:0 1px 8px #000b;display:inline-flex;align-items:center;justify-content:center;min-height:44px;cursor:pointer}
.top-right a:hover{color:#fff}.nav-divider{height:16px;width:1px;background:#c4ceb849;margin:0 1px}.top-right .nav-register{padding:0 20px;border:1px solid #d1d5bc7a;border-radius:25px;background:#c9d6be13;backdrop-filter:blur(12px);gap:17px;box-shadow:inset 0 1px #ffffff12}.nav-register:hover{background:#d7e0c628}
#menu{display:none;background:none;border:0;width:44px;height:44px;padding:12px;gap:6px;flex-direction:column;justify-content:center}#menu span{width:20px;height:1px;background:#e1e3d2}
#final{width:auto;max-width:90vw;bottom:9%;gap:34px;flex-direction:row;text-align:center;white-space:nowrap}.final-copy{margin:0}#final h2{font-size:18px;font-weight:350;letter-spacing:.18em;margin:0;text-shadow:0 2px 16px #000}
#final .primary{min-width:210px;min-height:54px;padding:7px 8px 7px 24px;border-radius:100px;border:1px solid #c9cdb982;background:#0c2b27bd;color:#f2f0df;backdrop-filter:blur(16px);font-size:14px;font-weight:400;letter-spacing:.1em;gap:24px;box-shadow:inset 0 1px 0 #e4ead522,0 8px 35px #0004}
#final .primary span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:#15312b;background:#dedec9;font-size:20px;transition:transform .25s,background .25s}
#final .primary:hover{background:#16453cde;box-shadow:inset 0 1px #e8f4dd33,0 0 28px #adcdb018;transform:translateY(-2px)}#final .primary:hover span{transform:rotate(45deg);background:#f2f0db}
footer{bottom:15px;font-size:10px}.footer-left{display:flex;align-items:center;gap:26px}.quiet-control{border:0;background:none;color:#dbdece;min-height:44px;padding:7px 0;font-size:10px;letter-spacing:.08em;cursor:pointer}.chapter{opacity:.6}.controls{gap:20px}.controls #skip{border:0;background:none;backdrop-filter:none;font-size:10px;letter-spacing:.05em;padding:7px 0;min-width:auto;border-radius:0}.controls #skip span{margin-left:0}.controls #replay{font-size:12px;gap:6px}.controls #time{display:none}.preview-note{bottom:3px;font-size:6px;opacity:.45}
#site-dialog{border-radius:18px;background:#081c19f5;border-color:#aebda646;padding:42px 35px 25px;max-height:90svh;width:min(530px,92vw);text-align:left;color:#e7e8d8}#site-dialog h2{font-family:inherit;font-weight:350;font-size:24px;margin:20px 0 24px;letter-spacing:.12em}.site-menu{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.site-menu a{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid #c1cfb52a;font-size:13px;letter-spacing:.03em;color:#e3e7da;text-decoration:none;min-height:52px}.site-menu a span{color:#aabdaf}.site-menu a:hover{color:#fff}.service-note{font-size:11px!important;line-height:1.9!important;color:#a6b6ac!important;margin:25px 0 15px!important}#site-dialog small{font-size:9px;color:#7f978b}
@media(max-width:900px){.top-right{gap:20px}.top-right .nav-secondary,.nav-divider{display:none}#menu{display:flex}.brand{width:170px}.footer-left .chapter{display:none}}
@media(max-width:700px){header{top:17px;left:19px;right:15px;min-height:50px}.brand{width:133px}.top-right{gap:10px}.top-right a{font-size:11px;min-height:42px}.top-right .nav-register{padding:0 13px;gap:8px}#menu{width:34px;padding:8px}#final{bottom:17%;gap:18px;flex-direction:column;width:90vw;max-width:none;white-space:normal}#final h2{font-size:18px;margin:0}#final .primary{min-width:206px;min-height:54px;padding:7px 8px 7px 24px;font-size:14px;gap:25px}footer{left:20px;right:18px;bottom:18px}.footer-left{gap:0}.controls{gap:9px}.controls #replay,.controls #sound,.controls #pause,.controls #fullscreen{min-width:30px}.controls #skip{font-size:9px;min-width:58px}.controls #skip span{display:none}.controls #replay span{display:none}.preview-note{left:20px;bottom:6px}.site-menu{gap:0 16px}#site-dialog{padding:36px 25px 22px}}
@media(max-height:500px){header{top:7px;min-height:46px}.brand{width:135px}#final{bottom:15%;gap:22px;flex-direction:row;width:auto}#final h2{font-size:15px}#final .primary{min-height:44px;min-width:178px;padding:5px 6px 5px 18px;font-size:12px}#final .primary span{width:30px;height:30px;font-size:17px}footer{bottom:5px}.controls{gap:12px}}

.top-right{border:1px solid #c2ceb331;border-radius:100px;background:#0718138c;backdrop-filter:blur(16px);padding:3px 7px 3px 26px;box-shadow:0 5px 24px #0002}.top-right .nav-register{min-height:40px}.nav-login{padding:0 2px}
@media(max-width:700px){.top-right{padding:2px 4px 2px 12px;gap:8px}.top-right .nav-register{min-height:36px;padding:0 11px}.brand{width:125px}}

@media(max-width:700px){.top-right a,.top-right .nav-register{min-height:44px}#menu{min-height:44px}}
@media(prefers-reduced-motion:reduce){#final .primary,#final .primary span{transition:none}#final .primary:hover,#final .primary:hover span{transform:none}}

/* R5: a cinematic serif, platinum optical detail, one illuminated entry. */
#atmosphere{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none}
.story-copy{top:44%;width:min(850px,88vw);font-family:"Songti TC","Songti SC","Noto Serif CJK TC",serif;text-shadow:0 2px 25px #0009}
.story-chapter{display:block;margin:0 0 31px;font:400 9px/1.5 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.37em;color:#bbd6c6;opacity:.88}
.story-chapter::before,.story-chapter::after{content:"";display:inline-block;vertical-align:middle;width:36px;height:1px;background:linear-gradient(90deg,transparent,#c5d9c77a);margin:0 16px}
.story-chapter::after{transform:rotate(180deg)}
.story-copy p{font-size:clamp(22px,2.05vw,29px);font-weight:500;letter-spacing:.13em;line-height:1.65;color:#e1e5d6;margin:0 0 16px}
.story-copy h2{font-size:clamp(30px,3.2vw,46px);font-weight:600;line-height:1.55;letter-spacing:.14em;color:#f3efdc}
#story-shade{background:radial-gradient(ellipse 37% 31% at 50% 44%,#000a0966,transparent 100%)}
#final{bottom:7%;gap:0;width:auto;max-width:90vw}
#final::before,#final::after{content:"";position:absolute;top:50%;width:clamp(32px,7vw,110px);height:1px;background:linear-gradient(90deg,transparent,#b5ddc755);pointer-events:none}
#final::before{right:calc(100% + 18px)}#final::after{left:calc(100% + 18px);transform:rotate(180deg)}
#final .primary{position:relative;isolation:isolate;overflow:hidden;min-width:260px;min-height:60px;padding:9px 12px 9px 24px;gap:17px;border-radius:12px;border:1px solid transparent;background:linear-gradient(110deg,#0d2927f2,#10201ff2) padding-box,linear-gradient(125deg,#c5d3b6aa,#3e696864 45%,#d1d8caaa) border-box;box-shadow:inset 0 1px #ebf0d526,inset 0 -1px #9bdcc21a,0 0 34px #81c3b11a,0 12px 34px #0008;backdrop-filter:blur(18px);font-size:15px;letter-spacing:.15em;color:#f1eee0;transition:transform .3s,box-shadow .3s}
#final .primary::before{content:"";position:absolute;inset:-100% -70%;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 44%,#ceefdf00 46%,#c7f0dc20 49%,#dcf6e849 50%,#b8dace0d 52%,transparent 55%);transform:translateX(calc(var(--entry-sweep,-70) * 1%))}
#final .primary b{font-weight:450;flex:1}
#final .primary .entry-arrow{width:36px;height:36px;flex:none;border-radius:7px;background:#b5d5c316;border:1px solid #c4d8c94a;color:#dceadb;font-size:22px;font-weight:300;transition:transform .3s,background .3s}
.entry-signal{display:block;width:4px;height:4px;border-radius:50%;background:#c6ead7;box-shadow:0 0 9px #b9f9d5,0 0 16px #85c9bc;flex:none}
#final .primary:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ecf4e34d,0 0 40px #85c9b42c,0 12px 34px #0008}
#final .primary:hover .entry-arrow{transform:translateX(2px);background:#c6e7cd2c}
@media(max-width:700px){.story-copy{top:44%;width:92vw}.story-chapter{font-size:7px;letter-spacing:.28em;margin-bottom:24px}.story-chapter::before,.story-chapter::after{width:20px;margin:0 12px}.story-copy p{font-size:20px;letter-spacing:.07em;margin-bottom:13px}.story-copy h2{font-size:28px;letter-spacing:.07em;line-height:1.7}#final{bottom:20%;width:auto}#final .primary{min-width:250px;min-height:60px;font-size:14px;padding:9px 11px 9px 20px}#final::before,#final::after{width:22px}#final::before{right:calc(100% + 9px)}#final::after{left:calc(100% + 9px)}#story-shade{background:radial-gradient(ellipse 80% 26% at 50% 44%,#000a0970,transparent)}}
@media(max-height:500px){.story-chapter{margin-bottom:14px;font-size:7px}.story-copy p{font-size:18px;margin-bottom:9px}.story-copy h2{font-size:28px}#final{bottom:5%}#final .primary{min-height:46px;min-width:224px;font-size:12px;padding:5px 8px 5px 20px}#final .primary .entry-arrow{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){#final .primary::before{animation:none}#final .primary,#final .primary .entry-arrow{transition:none}#final .primary:hover,#final .primary:hover .entry-arrow{transform:none}}

/* R6: the image fills the viewport; words state the visitor's question directly. */
#matte{background-size:cover}
#experience{height:100dvh}
.story-copy{font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei",sans-serif;top:45%;width:min(1040px,91vw);transform:translateY(var(--copy-rise,0px))}
.story-chapter{font-size:9px;letter-spacing:.3em;margin-bottom:25px;opacity:.75}
.story-copy p{font-size:clamp(24px,2.2vw,32px);font-weight:450;letter-spacing:.06em;line-height:1.5;color:#e4e9df;margin-bottom:17px}
.story-copy h2{font-size:clamp(36px,4.3vw,62px);font-weight:650;letter-spacing:.035em;line-height:1.3;color:#f5f3e9;text-shadow:0 3px 30px #0008}
.story-copy h2 strong{font-weight:inherit;color:#e5d3aa;text-shadow:0 2px 20px #c2b48e23}
#story-shade{background:radial-gradient(ellipse 46% 32% at 50% 45%,#0009078c,transparent 100%)}
@media(max-width:700px){.story-copy{top:44%;width:94vw}.story-copy p{font-size:21px;letter-spacing:.04em;margin-bottom:15px}.story-copy h2{font-size:clamp(28px,7.6vw,38px);line-height:1.35;letter-spacing:.025em}.story-chapter{margin-bottom:22px;font-size:7px}#story-shade{background:radial-gradient(ellipse 88% 28% at 50% 44%,#00090799,transparent)}#final{bottom:15%}}
@media(max-height:500px){.story-copy p{font-size:18px;margin-bottom:10px}.story-copy h2{font-size:32px}.story-chapter{margin-bottom:15px}}
@media(max-aspect-ratio:1/1){#matte{background-image:url('/brand/universe-home/assets/r6-brand-portrait.jpg?v=4e8800d6bf37f072501431329368f8edbd9614b69ce3dc7aaea0842a26334130')}}
@media(prefers-reduced-motion:reduce){.story-copy{transform:none}}

@media(min-aspect-ratio:1.85/1){#final{bottom:5.5%}}

/* R8: material, light and movement share one quiet, layered reveal. */
#uu-stage{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;overflow:clip}
#uu-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.uu-shade{position:absolute;inset:0;background:radial-gradient(ellipse 30% 43% at 68% 48%,#01080633,transparent 85%),linear-gradient(90deg,#010b0ad9 0%,#020c0ba1 29%,#020c0b18 62%,transparent 100%)}
.uu-aura{position:absolute;inset:0;background:radial-gradient(ellipse 23% 43% at 67% 47%,#81b4a11a,transparent 78%),radial-gradient(ellipse 22% 30% at 75% 29%,#e8d5a712,transparent 80%);pointer-events:none}
.uu-copy{position:absolute;left:9.3%;top:47%;translate:0 -50%;width:36%;text-align:left;color:#f0f1e7;text-shadow:0 3px 24px #0005;-webkit-font-smoothing:antialiased}
.uu-kicker{display:block;font:400 9px/1.6 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.31em;color:#9fb9ac;margin-bottom:20px}
.uu-copy h2{margin:0 0 21px;font-size:clamp(42px,4.5vw,68px);font-weight:450;line-height:1.13;letter-spacing:.025em}
.uu-copy h2 strong{font-weight:600;letter-spacing:-.035em;color:#efe9d8}
.uu-copy p{margin:0;font-size:clamp(20px,1.7vw,26px);font-weight:400;line-height:1.5;letter-spacing:.035em;white-space:nowrap}
.uu-copy #uu-knowledge{color:#a7bdb0;margin-bottom:17px}
.uu-copy #uu-promise{font-size:clamp(28px,2.6vw,38px);font-weight:500;color:#eceee4}
.uu-copy #uu-promise strong{font-weight:inherit;color:#dccca8}
#uu-still{position:absolute;width:40vw;height:64vh;object-fit:contain;left:46%;top:16%}
@media(max-aspect-ratio:1.15/1),(max-width:700px){
 .uu-shade{background:linear-gradient(180deg,#01100c20 18%,#010b0833 45%,#010b09d9 66%,#010b09e6 84%,transparent)}
 .uu-aura{background:radial-gradient(ellipse 48% 29% at 50% 38%,#86c7ac20,transparent 80%)}
 .uu-copy{left:5%;top:63%;translate:0 0;width:90%;text-align:center}
 .uu-kicker{font-size:7px;letter-spacing:.3em;margin-bottom:11px}
 .uu-copy h2{font-size:clamp(34px,6vw,58px);margin-bottom:12px}
 .uu-copy p{font-size:clamp(18px,3vw,25px);line-height:1.5;letter-spacing:.035em}
 .uu-copy #uu-knowledge{margin-bottom:7px}
 .uu-copy #uu-promise{font-size:clamp(25px,4.5vw,38px)}
 #uu-still{width:76vw;height:42vh;left:12%;top:17%}
}
@media(max-width:700px) and (max-height:730px){.uu-copy{top:62%}.uu-kicker{margin-bottom:8px}.uu-copy h2{font-size:32px;margin-bottom:9px}.uu-copy p{font-size:17px}.uu-copy #uu-promise{font-size:24px}}
@media(min-aspect-ratio:1.15/1) and (max-height:500px){.uu-copy{left:6%;width:42%;top:48%}.uu-kicker{margin-bottom:12px;font-size:7px}.uu-copy h2{font-size:36px;margin-bottom:15px}.uu-copy p{font-size:18px}.uu-copy #uu-promise{font-size:25px}.uu-copy #uu-knowledge{margin-bottom:8px}}

/* R9: after the flight, the invitation stays with UU and the introduction. */
.uu-aura{opacity:var(--arrival,0)}
.uu-finale:not(.degraded) #final{left:9.3%;top:66%;bottom:auto;translate:0 0;width:auto;max-width:39%;justify-content:flex-start}
.uu-finale:not(.degraded) #final::before,.uu-finale:not(.degraded) #final::after{display:none}
.uu-finale:not(.degraded) #final .primary{min-width:254px;font-size:14px;letter-spacing:.12em}
@media(max-aspect-ratio:1.15/1),(max-width:700px){
 .uu-finale:not(.degraded) #final{left:50%;top:83.5%;translate:-50% 0;max-width:90%;width:auto}
 .uu-finale:not(.degraded) #final .primary{min-height:54px;min-width:245px}
 .uu-copy{top:62%}
 #uu-still{height:43vh;top:16%;filter:drop-shadow(0 4px 20px #80bea620)}
}
@media(max-width:700px) and (max-height:730px){
 .uu-copy{top:58%}
 .uu-finale:not(.degraded) #final{top:80.5%}
 .uu-finale:not(.degraded) #final .primary{min-height:50px;font-size:13px}
 .uu-finale footer{bottom:12px}
}
@media(min-aspect-ratio:1.15/1) and (min-width:701px) and (max-height:500px){
 .uu-finale:not(.degraded) #final{left:6%;top:73%;max-width:43%}
 .uu-finale:not(.degraded) #final .primary{min-height:44px;min-width:218px;font-size:12px}
}

/* R10: center the belief itself; keep its chapter label outside the text block. */
body[data-chapter="3"] .story-copy{top:50%;width:min(1060px,92vw)}
body[data-chapter="3"] .story-chapter{position:absolute;left:0;right:0;bottom:calc(100% + 30px);margin:0}
body[data-chapter="3"] .story-copy p{font-size:clamp(26px,2.5vw,35px);margin:0 0 20px;line-height:1.45;letter-spacing:.07em}
body[data-chapter="3"] .story-copy h2{font-size:clamp(44px,5vw,76px);line-height:1.2;letter-spacing:.055em;font-weight:650}
body[data-chapter="3"] .story-copy h2 strong{color:#f1dfb5;text-shadow:0 2px 28px #dfc98926}
@media(max-width:700px){
 body[data-chapter="3"] .story-copy p{font-size:23px;margin-bottom:18px;letter-spacing:.035em}
 body[data-chapter="3"] .story-copy h2{font-size:clamp(40px,11.2vw,54px);letter-spacing:.055em}
 body[data-chapter="3"] .story-chapter{bottom:calc(100% + 26px)}
}
@media(max-height:500px){
 body[data-chapter="3"] .story-copy p{font-size:21px;margin-bottom:13px}
 body[data-chapter="3"] .story-copy h2{font-size:43px}
 body[data-chapter="3"] .story-chapter{bottom:calc(100% + 18px)}
}