.landing{background:#080f1b;color:#edf1f6}.landing-shell{max-width:1280px;margin:auto;min-height:100svh}.landing-top{width:min(100%,calc((100svh - 150px)*899/605));margin:auto}.landing .landing-top .landing-art{width:100%;height:auto;aspect-ratio:899/605;overflow:hidden}.landing .landing-top .landing-art img{display:block;width:100%;height:auto}.landing .entry{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0 24px}.landing .gold{width:180px;min-width:0;padding:12px 10px;flex:none}.landing .gold strong{font-size:15px;gap:8px}.landing .gold .entry-label{font:inherit;margin:0}.scroll-explore{font-size:12px;color:#adbbcd;text-decoration:none;letter-spacing:.04em}.scroll-explore span{margin-left:10px}.landing-glass{background:linear-gradient(125deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid rgba(198,214,238,.2);border-radius:16px;box-shadow:0 15px 45px #0003,inset 0 1px 0 #ffffff0d;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);padding:32px}.entrance-card,.landing-info,.landing-addresses,.landing-footer{width:min(1040px,calc(100% - 48px));margin:56px auto}.entrance-card{scroll-margin-top:24px}.landing-eyebrow{color:#d7b97e;font-size:10px;letter-spacing:.18em;margin-bottom:15px}.landing h1{font-size:clamp(28px,4vw,44px);font-weight:500;margin:0 0 12px}.landing h2{font-size:22px;font-weight:500;line-height:1.3;margin:0 0 16px}.landing p{font-size:14px;line-height:1.8;color:#c4cedd;margin:0 0 16px}.entrance-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px}.entrance-heading p{max-width:65ch}.landing-text-link{display:inline-block;color:#ead7b0;font-size:13px;text-decoration:none;line-height:1.7}.landing-text-link:hover,.scroll-explore:hover{text-decoration:underline}.entrance-media{overflow:hidden;border:1px solid #ffffff21;border-radius:10px;background:#030711}.entrance-play{display:block;position:relative;width:100%;padding:0;border:0;background:#030711;color:white}.entrance-play picture,.entrance-play img{display:block;width:100%;height:auto}.entrance-play-label{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);white-space:nowrap;padding:10px 18px;border:1px solid #e0c28a70;border-radius:30px;background:#07101bc9;color:#f5e8cb;font-size:13px}.entrance-video{width:100%;max-height:75svh;background:#030711}.entrance-video[hidden]{display:none}.entrance-note{margin:16px 0 0!important;font-size:11px!important;text-align:center}.entrance-note a{color:#ead7b0;text-decoration:none}.landing-addresses{display:grid;grid-template-columns:1fr 150px 1fr;gap:22px;align-items:center;justify-items:center;margin-block:40px}.landing-addresses>a{font-size:16px;color:#b6c6db;text-decoration:none;letter-spacing:.05em}.landing-addresses>a:first-child{justify-self:end}.landing-addresses>a:last-child{justify-self:start}.landing-motion-logo{width:150px;display:block}.landing-motion-logo video{display:block;width:100%;border:0;background:transparent;pointer-events:none}.landing-motion-logo video::-webkit-media-controls{display:none!important}.landing-info{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:46px}.landing-info .landing-text-link{display:block;margin-top:10px}.landing-beta-note{padding:16px;border-radius:10px;background:#9ec9ec0a;border:1px solid #d9e9ff21;font-size:12px;line-height:1.8;color:#bfcddd}.landing-community-note{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:28px}.landing-community-note p{margin-bottom:0}.landing-footer{display:flex;justify-content:space-between;gap:18px;padding:24px 0;border-top:1px solid #ffffff1c;color:#8193aa;font-size:11px;margin-bottom:24px}.landing-footer a{text-decoration:none}.landing a:focus-visible,.landing button:focus-visible{outline:2px solid #edd4a0;outline-offset:5px}@media(max-width:700px){.landing-info{grid-template-columns:1fr}.landing-glass{padding:23px}.entrance-heading,.landing-community-note{display:block}.entrance-heading .landing-text-link{margin-bottom:8px}.landing-community-note .landing-text-link{margin-top:18px}.landing-addresses{grid-template-columns:1fr 100px 1fr;gap:12px}.landing-motion-logo{width:100px}.landing-addresses>a{font-size:12px;letter-spacing:0}.entrance-card,.landing-info,.landing-addresses,.landing-footer{width:calc(100% - 28px);margin-block:36px}.landing-footer{font-size:10px;gap:9px}.landing .entry{padding:14px 14px 24px}.landing .gold{width:164px;padding:11px 8px}.landing .gold strong{font-size:13px}.scroll-explore{font-size:10px}.scroll-explore span{margin-left:3px}.entrance-play-label{font-size:11px;bottom:12px}.landing h2{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.landing-footer{align-items:center;flex-wrap:wrap}.landing-footer-menu{display:flex;justify-content:center;flex-wrap:wrap;gap:9px 16px}.landing-footer-menu button{border:0;padding:6px 0;background:none;color:#b7c6d9;font-size:11px;cursor:pointer}.landing-footer-menu button:hover{color:#f1d5a0}.landing-info-dialog{width:min(590px,calc(100% - 30px));max-height:85svh;overflow:auto;margin:auto;background:linear-gradient(130deg,rgba(24,39,58,.94),rgba(7,15,27,.92));color:#edf1f6;cursor:pointer;box-shadow:0 25px 100px #0009}.landing-info-dialog::backdrop{background:#02071199;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.landing-info-dialog .landing-text-link{display:block;margin-top:12px}.landing-info-dialog .dialog-return{margin:26px 0 0;text-align:center;color:#8fa4bd;font-size:11px}.landing-info-dialog .landing-beta-note{margin-top:20px}.landing-info-dialog .landing-eyebrow{margin-top:4px}@media(max-width:600px){.landing-footer{justify-content:center;gap:14px}.landing-footer-menu{order:3;width:100%;gap:18px}.landing-info-dialog{padding:24px}.landing-footer-menu button{font-size:11px}}

@media(max-width:700px){.landing-top{width:min(calc(100% - 28px),calc((100svh - 150px)*899/605))}.landing .entry{padding:14px 0 24px}}

/* The original Commons Hub entry, then a blue-to-black transition. */
.landing{background:#000}.landing-shell{max-width:none;background:#000}.landing-hero{background:#080f1b}.landing .entry{justify-content:flex-end;padding:14px 0 24px}.landing .entry .gold{width:285px;max-width:100%;padding:15px 12px;margin-top:15px}.landing .entry .gold strong{font-size:23px}.landing .entry .gold>span{display:block;font-size:13px;margin-top:10px;white-space:nowrap}.landing-blue-fade{height:180px;background:linear-gradient(180deg,#080f1b 0%,#04080f 45%,#000 100%)}
.standalone-entrance{background:#000;padding:50px 24px 70px;text-align:center}.standalone-enter-button{display:block;position:relative;isolation:isolate;width:min(320px,100%);aspect-ratio:1879/2928;padding:0;margin:auto;border:0;background:#000;cursor:pointer;overflow:hidden;border-radius:22px;transition:transform .35s ease,filter .35s ease}.standalone-enter-button img,.standalone-enter-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;background:#000;transition:opacity .12s ease}.standalone-enter-video,.standalone-enter-pressed{opacity:0}.standalone-enter-button.is-playing .standalone-enter-still{opacity:0}.standalone-enter-button.is-playing .standalone-enter-video{opacity:1}.standalone-enter-button.is-pressed .standalone-enter-video,.standalone-enter-button.is-pressed .standalone-enter-still{opacity:0}.standalone-enter-button.is-pressed .standalone-enter-pressed{opacity:1}.standalone-enter-button::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 35%,#e8f9ff22 49%,transparent 62%);transform:translateX(-120%)}@media(hover:hover){.standalone-enter-button:not(:disabled):hover{transform:translateY(-4px) scale(1.015);filter:drop-shadow(0 0 17px #a6ddff55)}.standalone-enter-button:not(:disabled):hover::after{animation:enter-hover-shine 2.4s ease-in-out infinite}}.standalone-enter-button:active{transform:scale(.985)}@keyframes enter-hover-shine{from{transform:translateX(-120%)}to{transform:translateX(120%)}}
.landing-addresses{width:min(1160px,calc(100% - 48px));display:grid;grid-template-columns:minmax(100px,1fr) auto 75px auto minmax(100px,1fr);gap:24px;margin:20px auto 40px}.landing-addresses .landing-motion-logo{width:75px}.landing-addresses .address-domain{justify-self:center;font-size:15px;letter-spacing:.03em}.address-menu{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center}.address-menu-left{justify-self:start}.address-menu-right{justify-self:end}.address-menu button{border:0;background:none;color:#a8b9ce;font-size:11px;line-height:1.5;padding:5px 0;cursor:pointer}.address-menu button:hover{color:#ecd1a0}.landing-footer{margin-top:30px}
@media(max-width:700px){.landing .entry{padding:14px 0 24px}.landing .entry .gold{width:min(340px,100%);padding:15px 12px}.landing .entry .gold strong{font-size:20px}.landing .entry .gold>span{font-size:12px}.landing-blue-fade{height:140px}.standalone-entrance{padding:35px 24px 55px}.standalone-enter-button{width:min(270px,100%)}.landing-addresses{width:calc(100% - 28px);grid-template-columns:minmax(0,1fr) auto 50px auto minmax(0,1fr);gap:7px;margin-bottom:32px}.landing-addresses .landing-motion-logo{width:50px}.landing-addresses .address-domain{font-size:10px;letter-spacing:0}.address-menu{display:grid;gap:10px}.address-menu button{font-size:9px}.address-menu-left{text-align:left}.address-menu-right{text-align:right}.landing-footer{justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.standalone-enter-button{transition:none}.standalone-enter-button:hover{transform:none}.standalone-enter-button:hover::after{animation:none}}

/* Decorative inline videos never expose native mobile play/fullscreen controls. */
.standalone-enter-video,.landing-motion-logo video{pointer-events:none!important;-webkit-user-select:none;user-select:none}
.standalone-enter-video{visibility:hidden}.standalone-enter-button.is-playing .standalone-enter-video{visibility:visible}.standalone-enter-button.is-pressed .standalone-enter-video{visibility:hidden}
.landing-motion-logo{position:relative;aspect-ratio:1}.landing-logo-fallback{display:block;width:100%;height:100%;object-fit:contain}.landing-motion-logo video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;visibility:hidden;opacity:0}.landing-motion-logo.is-motion-playing video{visibility:visible;opacity:1}
.standalone-enter-video::-webkit-media-controls,.standalone-enter-video::-webkit-media-controls-enclosure,.standalone-enter-video::-webkit-media-controls-panel,.standalone-enter-video::-webkit-media-controls-play-button,.standalone-enter-video::-webkit-media-controls-start-playback-button,.standalone-enter-video::-webkit-media-controls-overlay-play-button,.standalone-enter-video::-webkit-media-controls-fullscreen-button,.landing-motion-logo video::-webkit-media-controls,.landing-motion-logo video::-webkit-media-controls-enclosure,.landing-motion-logo video::-webkit-media-controls-panel,.landing-motion-logo video::-webkit-media-controls-play-button,.landing-motion-logo video::-webkit-media-controls-start-playback-button,.landing-motion-logo video::-webkit-media-controls-overlay-play-button,.landing-motion-logo video::-webkit-media-controls-fullscreen-button{display:none!important;opacity:0!important;pointer-events:none!important;-webkit-appearance:none}

.contribution-record{border:1px solid #dab77580;border-left:3px solid #e4c17e;background:linear-gradient(120deg,#d6ae611a,#b7d9ff08);padding:18px;border-radius:10px;margin:20px 0}.contribution-record>a{display:inline-block;color:#f0d59d;font-size:17px;text-decoration:none;text-shadow:0 0 14px #e8c88022}.contribution-record>a:hover{text-decoration:underline}.contribution-record p{margin:10px 0 0;color:#d9e2ef}

/* All information is visible at once; popup cards have no internal scroll region. */
.landing-info-dialog{width:min(720px,calc(100vw - 32px));max-width:720px;max-height:none;height:auto;overflow:visible;padding:28px}.landing-info-dialog p{font-size:14px;line-height:1.6;margin-bottom:14px}.landing-info-dialog .contribution-record{padding:14px;margin:14px 0}.landing-info-dialog .contribution-record p{margin:8px 0 0}.landing-info-dialog .landing-beta-note{margin-top:14px;padding:13px;font-size:12px;line-height:1.6}.landing-info-dialog .dialog-return{margin:18px 0 0;font-size:11px}.landing-info-dialog h2{margin-bottom:14px}.landing-info-dialog .landing-eyebrow{margin-bottom:12px}
@media(max-width:600px){.landing-info-dialog{width:calc(100vw - 24px);padding:20px}.landing-info-dialog p{font-size:13px;line-height:1.5;margin-bottom:12px}.landing-info-dialog h2{font-size:21px}.landing-info-dialog .contribution-record>a{font-size:16px}.landing-info-dialog .landing-beta-note{font-size:11px;line-height:1.5;padding:11px}.landing-info-dialog .dialog-return{margin-top:14px}}
@media(max-height:650px){.landing-info-dialog{padding:16px}.landing-info-dialog h2{font-size:19px;margin-bottom:10px}.landing-info-dialog p{font-size:12px;line-height:1.4;margin-bottom:10px}.landing-info-dialog .landing-eyebrow{font-size:9px;margin-bottom:9px}.landing-info-dialog .contribution-record{margin:10px 0;padding:10px}.landing-info-dialog .contribution-record>a{font-size:15px}.landing-info-dialog .landing-beta-note{font-size:10px;line-height:1.4;margin-top:10px;padding:10px}.landing-info-dialog .dialog-return{font-size:10px;margin-top:10px}.landing-info-dialog .landing-text-link{font-size:12px;margin-top:8px}}

.landing-info-dialog{height:fit-content;block-size:fit-content;min-height:0}

/* Discover the entrance only after scrolling through the quiet blue-to-black space. */
.landing-hero{min-height:100svh}.landing-blue-fade{height:55svh;min-height:280px}.standalone-entrance{padding:80px 24px 80px}
/* Every stage shares the source film's exact 9:16 geometry. */
.standalone-enter-button{aspect-ratio:9/16;border-radius:0;overflow:visible;transform:none!important;filter:none!important;transition:none}.standalone-enter-button img,.standalone-enter-video{inset:0;object-fit:fill;transition:none}.standalone-enter-video{opacity:0;visibility:hidden}.standalone-enter-still{opacity:1}.standalone-enter-button.is-playing .standalone-enter-video,.standalone-enter-button.is-pressed .standalone-enter-video{opacity:1;visibility:visible}.standalone-enter-button.is-playing .standalone-enter-still,.standalone-enter-button.is-pressed .standalone-enter-still{opacity:0}.standalone-enter-edge{z-index:2;pointer-events:none;background:transparent!important;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20540%20960%22%3E%3Crect%20width%3D%22540%22%20height%3D%22960%22%20fill%3D%22white%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%2275%22%20width%3D%22514%22%20height%3D%22797%22%20rx%3D%2217%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20540%20960%22%3E%3Crect%20width%3D%22540%22%20height%3D%22960%22%20fill%3D%22white%22%2F%3E%3Crect%20x%3D%2213%22%20y%3D%2275%22%20width%3D%22514%22%20height%3D%22797%22%20rx%3D%2217%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E");mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}
.standalone-enter-button::before{content:"";position:absolute;inset:6% 0 7% 0;z-index:3;border-radius:18px;pointer-events:none;opacity:0;box-shadow:0 0 12px #cdefffaa,0 0 34px #8acaff55,inset 0 0 9px #e6f8ff70;transition:opacity .22s ease}.standalone-enter-button.is-pressed::before{opacity:1}.standalone-enter-button.is-pressed::after{display:none}
/* Menus stay near the addresses; on phones both groups form a row beneath them. */
.landing-domain-footer{display:grid;grid-template-columns:max-content max-content max-content;justify-content:center;align-items:center;column-gap:28px;row-gap:16px;margin:20px auto 40px;padding:0 20px}.landing-domain-footer .landing-addresses{grid-column:2;grid-row:1;width:auto;grid-template-columns:auto 75px auto;gap:18px;margin:0}.landing-domain-footer .address-menu-left{grid-column:1;grid-row:1}.landing-domain-footer .address-menu-right{grid-column:3;grid-row:1}.landing-domain-footer .address-menu{display:flex;gap:15px;justify-content:center;justify-self:stretch}.landing-motion-logo picture,.landing-motion-logo img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:900px){.landing-domain-footer{column-gap:16px}.landing-domain-footer .address-menu{gap:10px}.landing-domain-footer .address-domain{font-size:12px}}
@media(max-width:700px){.landing .entry .gold{width:170px;padding:8px 7px}.landing .entry .gold strong{font-size:11.5px;gap:4px}.landing .entry .gold>span{font-size:8px;margin-top:5px}.landing-blue-fade{height:55svh;min-height:280px}.standalone-entrance{padding:70px 24px 65px}.landing-domain-footer{width:calc(100% - 28px);grid-template-columns:3fr 2fr;padding:0;column-gap:0;row-gap:20px}.landing-domain-footer .landing-addresses{grid-column:1/-1;grid-row:1;grid-template-columns:auto 50px auto;justify-content:center;gap:16px}.landing-domain-footer .address-menu-left{grid-column:1;grid-row:2}.landing-domain-footer .address-menu-right{grid-column:2;grid-row:2}.landing-domain-footer .address-menu{justify-content:space-evenly;gap:8px}.landing-domain-footer .address-menu button{font-size:11px}.landing-domain-footer .address-domain{font-size:12px}}

.standalone-enter-button.is-static-pressed .standalone-enter-video{opacity:0;visibility:hidden}.standalone-enter-button.is-static-pressed .standalone-enter-still{opacity:1}

/* Refined framing and a slightly narrower Commons Hub entry. */
.landing-hero{background:#030913}.landing-blue-fade{background:linear-gradient(180deg,#030913 0%,#02060c 48%,#000 100%)}
.landing .entry .gold{width:270.75px;background:linear-gradient(115deg,#dfbf7b,#cba557 48%,#ad823d)}
@media(max-width:700px){.landing .entry .gold{width:161.5px}.landing .entry .gold strong{font-size:11px}}
/* One aligned media surface: idle poster, playing film, then its held final frame. */
.standalone-enter-button[data-phase]{aspect-ratio:9/16;background:#000;isolation:isolate;overflow:visible;transform:none!important;filter:none!important}
.standalone-enter-button[data-phase] .standalone-enter-still,.standalone-enter-button[data-phase] .standalone-enter-video{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;background:#000;clip-path:inset(6.6% 2% 7.7% 2% round 12px);transition:none}
.standalone-enter-button[data-phase] .standalone-enter-still{z-index:0;display:block;opacity:1;visibility:visible}
.standalone-enter-button[data-phase] .standalone-enter-video{z-index:1;display:block;opacity:0;visibility:hidden;pointer-events:none}
.standalone-enter-button[data-phase="playing"] .standalone-enter-video,.standalone-enter-button[data-phase="pressed"] .standalone-enter-video{opacity:1;visibility:visible}
.standalone-enter-button[data-phase="playing"] .standalone-enter-still,.standalone-enter-button[data-phase="pressed"] .standalone-enter-still{opacity:0;visibility:hidden}
.standalone-enter-button[data-phase]::after{content:none!important;display:none!important;animation:none!important}
.standalone-enter-button[data-phase]::before{content:"";position:absolute;inset:6.6% 2% 7.7%;z-index:2;pointer-events:none;border:1px solid #c5d8e533;border-radius:12px;opacity:1;box-shadow:none;transition:box-shadow .25s ease,border-color .25s ease}
.standalone-enter-button[data-phase="pressed"]::before,.standalone-enter-button[data-phase="fallback"]::before{border-color:#deefffd9;box-shadow:0 0 10px #e7f6ff80,0 0 25px #98bddd44,inset 0 0 6px #dcefff55}
@media(hover:hover){.standalone-enter-button[data-phase="idle"]:hover::before{border-color:#bfd7e891;box-shadow:0 0 16px #bfdff12b}}
@media(prefers-reduced-motion:reduce){.standalone-enter-button[data-phase]::before{transition:none}}

/* Explicit artwork order: original unpressed image, film, original pressed image. */
.standalone-enter-button[data-phase]{aspect-ratio:1879/2928;border-radius:18px;overflow:hidden}
.standalone-enter-button[data-phase] .standalone-enter-still{inset:0;width:100%;height:100%;clip-path:none;object-fit:fill;opacity:1;visibility:visible;z-index:0}
.standalone-enter-button[data-phase] .standalone-enter-video{inset:auto;left:0;top:-6.6826%;width:100%;height:114.5585%;clip-path:none;object-fit:fill;opacity:0;visibility:hidden;z-index:1}
.standalone-enter-button[data-phase] .standalone-enter-pressed{inset:auto;left:-4.5%;top:-2.8%;width:109%;height:105.6%;object-fit:fill;clip-path:none;opacity:0;visibility:hidden;z-index:2;transition:none}
.standalone-enter-button[data-phase="idle"] .standalone-enter-still,.standalone-enter-button[data-phase="buffering"] .standalone-enter-still{opacity:1;visibility:visible}
.standalone-enter-button[data-phase="playing"] .standalone-enter-still,.standalone-enter-button[data-phase="pressed"] .standalone-enter-still,.standalone-enter-button[data-phase="fallback"] .standalone-enter-still{opacity:0;visibility:hidden}
.standalone-enter-button[data-phase="playing"] .standalone-enter-video{opacity:1;visibility:visible}
.standalone-enter-button[data-phase="idle"] .standalone-enter-video,.standalone-enter-button[data-phase="buffering"] .standalone-enter-video,.standalone-enter-button[data-phase="pressed"] .standalone-enter-video,.standalone-enter-button[data-phase="fallback"] .standalone-enter-video{opacity:0;visibility:hidden}
.standalone-enter-button[data-phase="pressed"] .standalone-enter-pressed,.standalone-enter-button[data-phase="fallback"] .standalone-enter-pressed{opacity:1;visibility:visible}
.standalone-enter-button[data-phase]::before{inset:0;border-radius:18px;z-index:3}

/* Original footer film, inline and without native playback controls. */
.landing-motion-logo video.footer-aurora-video{visibility:visible;opacity:1;display:block;object-fit:contain;pointer-events:none}

/* Trim six percent from the artwork top and move entry down by that same image-relative space. */
.landing .landing-top .landing-art{aspect-ratio:899/568.7;height:auto;overflow:hidden}
.landing .landing-top .landing-art img{width:100%;height:auto;max-height:none}
.landing .entry .gold{margin-top:calc(15px + 4.0378%)}

/* Shift the original artwork upward by 6% of its own height: crop top, preserve bottom. */
.landing .landing-top .landing-art img{transform:translateY(-6%)}

.landing .entry{flex-wrap:wrap}.landing .entry .registration-preview-note{flex-basis:100%;text-align:right;font-size:12px;line-height:1.6;margin:0;color:#b9c5d7}

/* Clean supplied outline: original artwork ends at 605/899; trim its top 6%.
   Button bounds reproduce x650..851, y676..758 in the 899px reference. */
.landing .landing-hero{background:#080f1b}
.landing .landing-top{width:min(100%,899px)}
.landing .landing-top .landing-art{position:relative;aspect-ratio:899/568.7;height:auto;overflow:hidden}
.landing .landing-top .landing-art img{position:absolute;left:0;top:0;display:block;width:100%;height:auto;max-height:none;transform:translateY(-2.8359375%)}
.landing .landing-top .entry{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0;padding:7.89766% 5.33927% 24px 0}
.landing .landing-top .entry .gold{box-sizing:border-box;flex:0 0 23.61927%;width:23.61927%;max-width:none;min-width:0;aspect-ratio:201/82;margin:0;padding:8px 3px;display:flex;flex-direction:column;justify-content:center;align-items:center}
.landing .landing-top .entry .gold strong{font-size:clamp(10px,2.1vw,19px);gap:4px;white-space:nowrap}
.landing .landing-top .entry .gold>span{font-size:clamp(8px,1.45vw,13px);margin-top:8px;white-space:nowrap}
.landing .landing-top .entry .gold .entry-glyph{width:16px;height:16px;flex:none}
.landing .landing-top .entry .registration-preview-note{margin-top:14px}
.landing-blue-fade{background:linear-gradient(180deg,#080f1b 0%,#04080f 45%,#000 100%)}

/* Hairline side edges follow the blue field and disappear into black. */
.landing-hero,.landing-blue-fade{position:relative}
.landing-hero::before,.landing-hero::after,.landing-blue-fade::before,.landing-blue-fade::after{content:"";position:absolute;top:0;bottom:0;width:1px;pointer-events:none;z-index:2}
.landing-hero::before,.landing-blue-fade::before{left:0}
.landing-hero::after,.landing-blue-fade::after{right:0}
.landing-hero::before,.landing-hero::after{background:rgba(255,255,255,.42)}
.landing-blue-fade::before,.landing-blue-fade::after{background:linear-gradient(180deg,rgba(255,255,255,.42) 0%,rgba(255,255,255,.18) 45%,rgba(255,255,255,0) 100%)}

/* Equal side columns keep the logo at the exact page center. */
@media(min-width:701px){.landing-domain-footer{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.landing-domain-footer .address-menu-left{justify-self:end}.landing-domain-footer .address-menu-right{justify-self:start}}
.landing-domain-footer .landing-addresses{grid-template-columns:minmax(0,1fr) 75px minmax(0,1fr);justify-content:stretch;justify-self:center;width:360px;max-width:100%}
.landing-domain-footer .landing-addresses .address-domain:first-child{justify-self:end}
.landing-domain-footer .landing-addresses .address-domain:last-child{justify-self:start}
.landing-domain-footer .landing-addresses .landing-motion-logo{justify-self:center}
@media(max-width:700px){.landing-domain-footer .landing-addresses{width:100%;grid-template-columns:minmax(0,1fr) 50px minmax(0,1fr)}}

/* Restore the earlier mobile button proportions, independent of image scaling. */
@media(max-width:700px){
.landing .landing-top .entry .gold{flex:0 0 161.5px;width:161.5px;max-width:100%;aspect-ratio:auto;min-height:64px;padding:8px 7px;border-radius:6px}
.landing .landing-top .entry .gold strong{font-size:11px;gap:4px;line-height:1.3}
.landing .landing-top .entry .gold>span{font-size:8px;margin-top:5px;line-height:1.4}
.landing .landing-top .entry .gold .entry-glyph{width:14px;height:14px}
}

/* Continue the artwork's two hairline edges through the complete entrance. */
.landing .landing-shell{position:relative;max-width:899px;margin-inline:auto;border-inline:1px solid rgba(255,255,255,.42)}
.landing-hero::before,.landing-hero::after,.landing-blue-fade::before,.landing-blue-fade::after{display:none}
/* Addresses first, then one quiet information row below. */
.landing-domain-footer{grid-template-columns:max-content max-content;column-gap:24px;row-gap:20px}
.landing-domain-footer .landing-addresses{grid-column:1/-1;grid-row:1}
.landing-domain-footer .address-menu-left{grid-column:1;grid-row:2;justify-self:end}
.landing-domain-footer .address-menu-right{grid-column:2;grid-row:2;justify-self:start}
@media(max-width:700px){.landing-domain-footer{width:calc(100% - 28px);column-gap:18px;grid-template-columns:max-content max-content}.landing-domain-footer .address-menu{gap:12px}.landing-domain-footer .landing-addresses{width:100%}}

/* Reuse the exact front-page GIF and its letter mask, cropping only with CSS. */
.landing .landing-top .landing-art .commons-animated-title{position:absolute;left:26%;top:35%;width:68%;height:auto;aspect-ratio:1183/154;margin:0;padding:0;overflow:hidden;pointer-events:none;filter:drop-shadow(0 1px 2px #ffffff28)}
.commons-title-frame{position:absolute;left:-42.26543%;top:-387.01299%;width:148.35165%;height:581.81818%;background:url('../assets/commons-hub-aurora-shine.gif') center/100% 100% no-repeat;mask:url('../assets/commons-hub-title-mask.png') center/100% 100% no-repeat;-webkit-mask:url('../assets/commons-hub-title-mask.png') center/100% 100% no-repeat}
@media(prefers-reduced-motion:reduce){.commons-title-frame{background-image:url('../assets/commons-hub-aurora-poster.png')}}

/* Share the title GIF's playback clock rather than starting a second CSS loop. */
.landing .landing-top .entry .gold{position:relative;isolation:isolate}
.landing .landing-top .entry .gold::after{
 content:"";position:absolute;inset:-2px;padding:2px;border-radius:inherit;
 background:#d8edff url('../assets/commons-hub-aurora-shine.gif') center/300% 300% no-repeat;
 -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
 -webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
 filter:brightness(1.8) drop-shadow(0 0 3px #c5eaff80);pointer-events:none;
}
@media(prefers-reduced-motion:reduce){
 .landing .landing-top .entry .gold::after{background:#e3d4ad;filter:none;opacity:.6}
}

/* A bright travelling edge remains visible against the gold button. */
@property --commons-shine-angle{syntax:"<angle>";initial-value:0deg;inherits:false}
.landing .landing-top .entry .gold::after{
 inset:-3px;padding:2px;background:conic-gradient(from var(--commons-shine-angle),#ffffff18 0deg,#ffffff18 230deg,#bceaff 270deg,#fff 295deg,#fff3cf 310deg,#ffffff18 340deg);
 filter:drop-shadow(0 0 5px #d2ecff);animation:commons-button-shine 8s linear infinite;
}
@keyframes commons-button-shine{to{--commons-shine-angle:360deg}}
/* Cover only the square corners baked into the central logo artwork. */
.landing-art::after{content:"";position:absolute;left:39.822%;top:69.421%;width:18.799%;height:27.769%;pointer-events:none;background:url('assets/idc-rounded-corner-cover.svg') center/100% 100% no-repeat}
@media(prefers-reduced-motion:reduce){.landing .landing-top .entry .gold::after{animation:none;background:#e3d4ad;filter:none;opacity:.6}}

.landing .landing-top .entry .gold::after{inset:0;padding:2px}
.landing-art::after{top:67.47%;height:29.54%}

/* Supplied gold emblem sits precisely over the printed logo. */
.landing-idc-overlay{position:absolute;left:39.822%;top:67.47%;width:18.799%;height:29.54%;z-index:1;background:url('assets/idc-gold-frame-slower.gif') center/100% 100% no-repeat;clip-path:inset(.6% round 13%);pointer-events:none}

@media(prefers-reduced-motion:reduce){.landing-idc-overlay{background-image:url('assets/idc-gold-frame.jpg')}}

.landing .entry-actions{display:flex;flex-direction:column;gap:12px;flex:0 0 23.61927%;width:23.61927%;max-width:100%}.landing .landing-top .entry .entry-actions .gold{width:100%;flex:0 0 auto}.landing .landing-top .entry .entry-actions .guest-entry-button{aspect-ratio:auto;min-height:42px;padding:10px 7px}.landing .landing-top .entry .guest-entry-button strong{font-size:clamp(11px,1.45vw,13px)}

@media(max-width:700px){.landing .entry-actions{flex-basis:161.5px;width:161.5px}}

/* Supplied full-frame video replaces the separate title and glyph overlays. */
.landing .landing-top .landing-video-art{aspect-ratio:1600/1444}
.landing-video-art::after{content:none}
.landing-video-art .commons-top-video{display:block;width:100%;height:100%;object-fit:contain;background:#080f1b}
.landing-video-art .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.commons-top-video::-webkit-media-controls{display:none!important}

/* Register the original transparent logo against the logo baked into the film.
   Coordinates use the full 1600 x 1444 video frame so all sizes stay aligned. */
.landing-video-art::before{content:"";position:absolute;left:72.6875%;top:13.91967%;width:20.8125%;aspect-ratio:1285/1224;background:url('assets/aurora-logo-transparent.png') center/100% 100% no-repeat;z-index:1;pointer-events:none}


/* Continuous text columns remain side by side on phones. */
.landing .landing-story{height:auto;min-height:0;padding:clamp(64px,8vw,100px) clamp(18px,5vw,56px) max(70svh,440px);box-sizing:border-box;background:linear-gradient(180deg,#080f1b 0%,#04080f 55%,#000 90%)}
.landing-story-intro{margin-bottom:42px}
.landing .landing-story .landing-story-brand{font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:#f4f6fa;margin-bottom:28px}
.landing .landing-story h2{margin:0 0 18px;font:500 clamp(24px,3.5vw,36px)/1.25 system-ui,sans-serif;color:#fff;letter-spacing:-.02em}
.landing .landing-story-intro>p:last-child{font-size:clamp(15px,2vw,20px);color:#e5e9ef}
.landing-story-columns{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:44px;align-items:start}
.landing-story-columns::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:rgba(255,255,255,.8);pointer-events:none}
.landing-story-column{min-width:0;overflow-wrap:anywhere}
.landing .landing-story p{margin:0 0 22px;color:#dce2ea;font:400 15px/1.75 system-ui,sans-serif}
.landing .landing-story-column>p:last-child{margin-bottom:0}
.landing-story strong{font-weight:700;color:#fff}
.landing-story-join{font-weight:700;color:#fff;text-decoration:underline;text-underline-offset:4px}
@media(max-width:640px){
 .landing .landing-story{padding:56px 18px max(75svh,440px)}
 .landing-story-intro{margin-bottom:32px}
 .landing .landing-story .landing-story-brand{font-size:11px;letter-spacing:.12em;margin-bottom:20px}
 .landing-story-columns{column-gap:28px}
 .landing .landing-story p{font-size:14px;line-height:1.65;margin-bottom:20px}
 .landing .landing-story-intro>p:last-child{font-size:16px}
}