/* Two distinct doors, using the existing native dialog and media lifecycle. */
html .header{gap:16px}
.header-sections{display:flex;align-items:center;gap:6px;margin-left:auto}
html .header-actions{margin-left:0;gap:6px}
.header-sections .jelly-button{padding-inline:17px}
.info-dialog:is([data-panel=prototipos],[data-panel=merch]){width:min(1160px,94vw);max-height:92svh;background:#181916;color:#f3efe6;border:1px solid #ffffff26;border-radius:22px;overscroll-behavior:contain}
.info-dialog:is([data-panel=prototipos],[data-panel=merch]) .dialog-top{padding:14px 26px;background:#181916;color:#c4c1b7}
.info-dialog:is([data-panel=prototipos],[data-panel=merch]) .dialog-top button{min-height:44px;padding:10px 17px;border:1px solid #ffffff33;border-radius:24px;color:#f3efe6}
.info-dialog:is([data-panel=prototipos],[data-panel=merch]) .info-content{padding:30px}
.window-heading{margin-bottom:28px}.window-heading .micro{color:#ff8c6f;font-size:10px;margin-bottom:16px}
.info-content .window-heading h2{font:400 clamp(40px,6vw,76px)/.98 'Anton',sans-serif;letter-spacing:-.025em;margin-bottom:20px}
.window-heading>p:last-child{font-size:15px;line-height:1.6;color:#b7b6ad;max-width:420px}
.prototype-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.prototype-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #ffffff25;border-radius:16px;background:#22231f}
.prototype-cover{position:relative;aspect-ratio:4/3;overflow:hidden;background:#2e3228}
.prototype-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.prototype-number{position:absolute;top:12px;left:12px;z-index:2;padding:6px 9px;border-radius:16px;background:#151612e6;color:#f3efe6;font:500 9px/1.2 'DM Sans',sans-serif;letter-spacing:.06em}
.prototype-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:22px 18px}
.prototype-copy h3{font:400 clamp(19px,2.1vw,25px)/1.15 'Anton',sans-serif;overflow-wrap:anywhere;letter-spacing:-.015em;margin-bottom:12px}
.prototype-copy p{font-size:13px;line-height:1.6;color:#b7b6ad;margin-bottom:24px}
.prototype-copy small,.merch-copy small{font-size:10px;line-height:1.5;color:#b7b6ad;margin-top:12px}
.window-action{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;padding:12px 17px;border:1px solid #f3efe633;border-radius:28px;background:#f3efe6;color:#171814;font:500 12px/1.3 'DM Sans',sans-serif;transition:background .2s,transform .35s cubic-bezier(.3,1.6,.5,1)}
.prototype-copy .window-action,.prototype-pending{margin-top:auto}.window-action>span{font-size:18px;transition:translate .3s}
.window-action:active{transform:scale(.96,1.03)}
.window-action:focus-visible{outline:2px solid #ff6745;outline-offset:4px}
.prototype-pending{min-height:44px;display:flex;align-items:center;font-size:12px;color:#c9c8be;border-top:1px solid #ffffff26;width:100%;padding-top:12px}
.prototype-type{display:grid;place-items:center;isolation:isolate}
.prototype-fast .prototype-type{background:#c9ed48;color:#1c2413}
.prototype-type>strong{font:400 clamp(48px,6vw,78px)/.88 'Anton',sans-serif;letter-spacing:-.02em;z-index:1;transform:rotate(-7deg)}
.prototype-type>strong>span{display:block;font:600 13px/1.8 'DM Sans',sans-serif;letter-spacing:.27em;margin-top:8px}
.prototype-track{position:absolute;inset:60% -20% -35%;border:2px solid #283c1745;border-radius:50%;rotate:-18deg;box-shadow:0 0 0 16px #c9ed48,0 0 0 18px #283c1745,0 0 0 34px #c9ed48,0 0 0 36px #283c1745}
.prototype-focus .prototype-type{background:#b7ace1;color:#30264e}
.prototype-focus .prototype-type>strong{font-size:clamp(35px,4.2vw,55px);transform:none;line-height:1.05}
.focus-orbit{position:absolute;width:210px;height:210px;border:1px solid #30264e30;border-radius:50%;right:-100px;bottom:-100px;box-shadow:0 0 0 20px #b7ace1,0 0 0 21px #30264e30}
.merch-window{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.merch-poster{position:relative;isolation:isolate;overflow:hidden;min-height:510px;padding:30px;background:#ff6745;color:#21190e;border-radius:12px;display:flex;flex-direction:column}
.merch-poster>.micro{font-size:10px;letter-spacing:.1em}
.info-content .merch-poster h2{font:400 clamp(70px,8.5vw,115px)/.93 'Anton',sans-serif;letter-spacing:-.03em;margin:42px 0}
.merch-stamp{position:absolute;right:23px;top:40%;border:1px solid #21190e;border-radius:50%;width:100px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;font:400 24px/1.2 'Anton',sans-serif;rotate:13deg;background:#ff6745}
.merch-stamp>span{font:500 9px/1.5 'DM Sans',sans-serif;letter-spacing:.13em}
.merch-poster-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:auto;padding-top:20px;border-top:1px solid #21190e55;font-size:10px;line-height:1.5;letter-spacing:.08em}.merch-poster-bottom>span:last-child{font-size:40px;line-height:1}
.merch-copy{padding-right:20px;display:flex;flex-direction:column;align-items:flex-start}
.merch-status{display:flex;align-items:center;gap:8px;font-size:11px;color:#b7b6ad;margin-bottom:28px}.merch-status i{width:6px;height:6px;border-radius:50%;background:#ff6745}
.merch-copy h3{font:400 clamp(42px,5vw,64px)/1.05 'Anton',sans-serif;margin-bottom:24px}
.merch-copy p{font-size:14px;line-height:1.7;color:#b7b6ad;margin-bottom:15px}.merch-copy .window-action{margin-top:15px;background:#ff6745;border-color:#ff9a7f}
@media(hover:hover){.prototype-card:hover .prototype-cover>img{transform:scale(1.045)}.window-action:hover{background:#ff8c6f}.window-action:hover>span{translate:3px -3px}}
@media(max-width:900px){.header-sections .jelly-button,.header-actions .jelly-button{padding-inline:12px}html .header{padding-inline:3vw;gap:10px}.merch-window{gap:25px}.merch-poster{min-height:460px;padding:24px}.merch-stamp{width:78px;height:78px;right:14px;font-size:20px}}
@media(max-width:640px){
 html .header,html[data-experience=choose] .header{height:122px;display:grid;grid-template-columns:1fr auto;grid-template-rows:52px 44px;padding:8px 5vw 10px;gap:6px 12px}
 .header-sections{grid-column:1/-1;grid-row:2;margin:0;gap:6px}.header-sections>.jelly-button{flex:1;min-height:36px;font-size:12px;padding-inline:12px}
 html .header-actions{grid-column:2;grid-row:1}.header-actions>.jelly-button:first-child{display:inline-flex}
 .navigation-ready{scroll-padding-top:138px}
 html[data-experience=choose] .experience-start,#experience-start{padding-top:138px}
 .info-dialog:is([data-panel=prototipos],[data-panel=merch]) .info-content{padding:20px}
 .info-dialog:is([data-panel=prototipos],[data-panel=merch]) .dialog-top{padding:10px 20px}
 .prototype-grid{grid-template-columns:1fr}.prototype-cover{aspect-ratio:16/9}.prototype-copy{padding:20px}.prototype-copy h3{font-size:26px}.prototype-type>strong{font-size:72px}.prototype-focus .prototype-type>strong{font-size:48px}
 .merch-window{grid-template-columns:1fr;gap:30px}.merch-poster{min-height:430px}.info-content .merch-poster h2{font-size:clamp(58px,18vw,88px)}.merch-stamp{right:22px;top:45%}.merch-copy{padding:0 4px 10px}
 .window-heading>p:last-child{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.prototype-cover>img,.window-action,.window-action>span{transition:none}.prototype-card:hover .prototype-cover>img,.window-action:active{transform:none}}

/* Upcoming sections are ordinary page links, with a visible lock. */
.upcoming-link{gap:9px}.upcoming-link>.lock-icon,.universe-links>a>.lock-icon{width:15px;height:15px;flex-shrink:0}
.universe-links>a{display:grid;grid-template-columns:1fr auto;text-align:left;padding:32px 30px;border-right:1px solid var(--line);align-items:center}
.universe-links>a:last-child{border-right:0}.universe-links>a>span:first-child{grid-column:1/-1;font-size:12px;color:#aaa8a2;margin-bottom:25px}.universe-links>a>.lock-icon{width:24px;height:24px;transition:rotate .35s cubic-bezier(.2,1.7,.4,1)}
@media(hover:hover){.universe-links>a:hover>.lock-icon{rotate:-12deg}}
@media(max-width:760px){.universe-links>a{padding:25px 0;border-right:0;border-bottom:1px solid var(--line)}.universe-links>a:last-child{border-bottom:0}.universe-links>a>span:first-child{margin-bottom:12px}}
@media(max-width:640px){.header-actions .upcoming-link{gap:6px}}
@media(prefers-reduced-motion:reduce){.universe-links>a>.lock-icon{transition:none}}