/* Shared components and the revised concert layout. */
.footer-legal{flex-wrap:wrap}
.date-weekday{font-size:.9em;font-weight:500;opacity:.72;white-space:nowrap}
.hero-event .event-weekday{display:block;margin-top:3px;font-size:.8em;font-weight:500;line-height:1.2;letter-spacing:.04em;opacity:.7}
.ticket-weekday{font-size:.7em;font-weight:600;letter-spacing:.04em}
.hero{display:flex;flex-direction:column;height:auto;min-height:max(850px,100svh);padding-bottom:0}
.hero-topline,.hero-title,.hero-copy{flex-shrink:0}
.hero-portrait{animation:none}
.hero-portrait::after{display:none}
.portrait-loading .hero-portrait{opacity:0;transform:translateY(18px)}
.hero-portrait{transition:opacity 1.05s ease,transform 1.3s var(--ease)}
.hero-portrait img{mask-image:linear-gradient(to bottom,#000 0 90%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0 90%,transparent 100%)}
.hero-bottom{position:relative;inset:auto;margin-top:auto;padding:38px 0 24px;min-height:96px;justify-content:flex-end}
.hero-index{display:none}
.anniversary-sticker{display:none}
.era-2007 .hero{height:auto;min-height:850px;padding-bottom:0}
.era-2007 .hero-bottom{inset:auto;padding:38px 0 24px}
.era-2007 .anniversary-sticker{display:block;width:140px;height:140px;transform:rotate(-10deg)}
.era-2007 .anniversary-sticker>svg{position:static;inset:auto;width:100%;height:100%;transform:none;filter:drop-shadow(0 0 22px #ff54e330)}

/* Keep the full image height and both hands in a taller composition. */
.about-visual{aspect-ratio:1/1.04;background:#202020}
.about-visual>img{position:absolute;inset:0;display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:28.5% bottom;opacity:1}
.about-visual:hover>img{transform:none}
.about-visual::after{display:none}

.music-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:45px}
.music-heading>p{margin:0 0 4px;color:#ffffff80;font-size:12px;line-height:1.8}
.music-layout{align-items:center;gap:clamp(35px,6vw,100px);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.retro-tv{width:100%;max-width:540px;margin:0 auto;min-width:0;padding-top:6px;isolation:isolate}
.tv-shell{position:relative;padding:22px 20px 16px;background:linear-gradient(140deg,#e4e8e8,#a9afb2 38%,#878e92 65%,#c1c7ca);border:2px solid #cbd1d4;border-bottom:7px solid #555e63;border-radius:23px 23px 28px 28px;box-shadow:inset 2px 2px 2px #fff9,inset -3px -4px 3px #31393a80,0 20px 35px #0006}
.tv-face{display:grid;grid-template-columns:minmax(0,1fr) 13%;gap:18px;align-items:stretch;min-width:0}
.tv-screen{position:relative;width:100%;min-width:0;aspect-ratio:4/3;isolation:isolate;overflow:hidden;border:10px solid #252b2e;border-radius:13px / 20px;background:#07090a;box-shadow:0 0 0 3px #717a7e,0 1px 0 4px #eef1f133}
.tv-screen video,.tv-poster{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#060809;transition:opacity .65s ease}
.tv-screen video{opacity:0;filter:saturate(.85) contrast(1.05)}
.tv-shell.is-playing .tv-screen video{opacity:1}
.tv-glass{position:absolute;z-index:1;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 18px #0009;background:linear-gradient(130deg,#fff2,transparent 40%,transparent 75%,#fff1)}
.tv-shell.is-off .tv-screen video,.tv-shell.is-off .tv-poster{opacity:0}
.tv-shell.is-off .tv-glass{background:linear-gradient(135deg,#20282b,#080d10 65%,#1b2529)}
.tv-panel{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:space-between;padding-block:4px}
.tv-speaker{width:72%;min-height:24px;flex:1;margin-bottom:20px;background:repeating-linear-gradient(#4c555a 0 2px,#a8b1b6 2px 5px);border:1px solid #737b7f;border-radius:5px;box-shadow:inset 0 1px 3px #0005;opacity:.8}
.tv-dial{width:27px;height:27px;margin-bottom:22px;flex-shrink:0;border:2px solid #575f63;border-radius:50%;background:linear-gradient(130deg,#f2f4f4,#8d9496);box-shadow:0 2px 2px #0005,inset 0 1px #fff9}
.tv-dial::after{content:"";display:block;width:2px;height:9px;margin:2px auto;background:#4a5255;transform:rotate(30deg);transform-origin:bottom}
.tv-power{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;padding:6px;border:1px solid #60696c;border-radius:50%;background:linear-gradient(#dde2e3,#91999c);color:#3f474a;box-shadow:0 2px 2px #0005,inset 0 1px #fffa}
.tv-power>svg{width:19px;height:19px}
.tv-power:hover{color:#111;background:#eef1ed}
.tv-power:active{box-shadow:inset 0 2px 4px #0005}
.tv-power:focus-visible{outline:2px solid var(--acid);outline-offset:4px}
.tv-led{display:block;width:4px;height:4px;flex-shrink:0;margin-top:13px;border-radius:50%;background:#a6f988;box-shadow:0 0 8px #c1ff97}
.tv-shell.is-off .tv-led{background:#c44a38;box-shadow:none}
.tv-retry{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:9px;padding:12px 15px;border:1px solid #fff6;border-radius:4px;background:#111d;color:#fff;font:700 11px/1.3 var(--body);white-space:nowrap}
.tv-retry[hidden]{display:none}
.tv-brand-strip{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:0 2px;font:700 8px/1.5 Arial,sans-serif;letter-spacing:.1em;color:#2c3336;text-shadow:0 1px #ffffff80}
.tv-brand-strip>span:first-child{font-weight:900;letter-spacing:.04em}
.tv-brand-strip>span:last-child{font-size:7px}
.tv-stand{position:relative;z-index:-1;width:48%;height:16px;margin:-2px auto 0;background:linear-gradient(#3b4145,#90989b 65%,#4a5155);border-radius:0 0 6px 6px;box-shadow:0 10px 26px #0008}
.retro-tv figcaption{display:flex;justify-content:space-between;gap:15px;margin-top:26px;color:#ffffff70;font-size:10px}
.retro-tv figcaption>span:first-child{color:#f0f0e9c0}
.era-2007 .tv-shell{background:linear-gradient(130deg,#e7dbea,#b3a4c1 35%,#776c83 70%,#c1b4d0);border-color:#f1e2fa;border-bottom-color:#57485f}
.era-2007 .tv-screen{box-shadow:0 0 0 3px #7d6989,0 0 22px #da75ff30}
.era-2007 .tv-glass{background:repeating-linear-gradient(transparent 0 3px,#0002 3px 4px),linear-gradient(135deg,#fff2,transparent 45%)}
.era-2007 .retro-tv figcaption{font-family:monospace;color:#c8aed9}

/* A contemporary flat screen becomes a silver CRT in the 2007 skin. */
body:not(.era-2007) .tv-shell{padding:7px 7px 24px;border:1px solid #5b6066;border-bottom:2px solid #080a0c;border-radius:10px;background:linear-gradient(120deg,#34383e,#111317 50%,#25292e);box-shadow:inset 0 1px #fff3,0 15px 30px #0008}
body:not(.era-2007) .tv-face{display:block}
body:not(.era-2007) .tv-screen{aspect-ratio:16/9;border:0;border-radius:4px;box-shadow:0 0 0 1px #020304}
body:not(.era-2007) .tv-panel{position:absolute;right:12px;bottom:3px;display:flex;flex-direction:row;gap:8px;padding:0;height:18px}
body:not(.era-2007) .tv-speaker,body:not(.era-2007) .tv-dial{display:none}
body:not(.era-2007) .tv-power{width:19px;height:19px;padding:3px;border:0;border-radius:50%;color:#a4adb8;background:transparent;box-shadow:none}
body:not(.era-2007) .tv-power:hover{color:#fff;background:#fff1}
body:not(.era-2007) .tv-power>svg{width:12px;height:12px}
body:not(.era-2007) .tv-led{width:3px;height:3px;margin:0}
body:not(.era-2007) .tv-brand-strip{margin-top:8px;padding:0 42px 0 7px;color:#9ba3ab;font-size:7px;line-height:1;text-shadow:none}
body:not(.era-2007) .tv-brand-strip>span:last-child{font-size:6px;letter-spacing:.12em}
body:not(.era-2007) .tv-stand{width:44%;height:5px;margin-top:24px;border-radius:50%;background:linear-gradient(#626a72,#252b31);box-shadow:0 7px 16px #0008}
body:not(.era-2007) .tv-stand::before{content:"";position:absolute;bottom:3px;left:calc(50% - 10px);width:20px;height:25px;background:linear-gradient(90deg,#1b2026,#555f69,#1b2026)}
.tv-glass::before{content:"";position:absolute;inset:-25% 0 auto;height:20%;background:linear-gradient(transparent,#ffffff08,transparent);animation:tv-scan 9s linear infinite;opacity:.6}
.tv-glass::after{content:"";position:absolute;inset:-10%;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");animation:tv-grain .3s steps(2,end) infinite}
.era-2007 .tv-glass{background:repeating-linear-gradient(transparent 0 4px,#0000000a 4px 5px),linear-gradient(135deg,#fff1,transparent 45%)}
.era-2007 .tv-glass::after{opacity:.085}
.tv-shell.is-off .tv-glass::before,.tv-shell.is-off .tv-glass::after{opacity:0;animation:none}
@keyframes tv-scan{to{transform:translateY(700%)}}
@keyframes tv-grain{0%,100%{transform:translate(0,0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(-1%,2%)}}

/* The statement sits in the empty sky above the centered artist. */
.manifesto{position:relative;isolation:isolate;display:block;min-height:440px;height:max(440px,36.56vw);padding:0;text-align:center;background:#151516;overflow:hidden}
.manifesto::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#15151670,transparent 62%);pointer-events:none}
.manifesto-content{position:relative;width:100%;min-width:0;padding:clamp(30px,3vw,48px) var(--pad) 0}
.manifesto-content>p{justify-content:center;margin:0 0 20px;font-size:10px;line-height:1.3}
.manifesto h2{font-size:clamp(34px,4.8vw,70px);line-height:1.05;letter-spacing:-.055em}
.manifesto-caption{display:block;max-width:none;font-size:11px;line-height:1.5;margin-top:20px;color:#f0f0e9c7}
.manifesto-photo{position:absolute;inset:0;z-index:-2;width:100%;height:100%;min-width:0;overflow:hidden}
.manifesto-photo>img{display:block;width:100%;height:100%;position:static;object-fit:cover;object-position:center bottom;opacity:1}
.era-2007 .manifesto{height:max(440px,min(36.56vw,452px))}
.era-2007 .manifesto h2{font-size:clamp(32px,4.6vw,65px);line-height:1.08}
.era-2007 .manifesto-photo>img{filter:sepia(.45) hue-rotate(220deg) saturate(1.7)}
.venue-map-logo{display:block;max-width:360px;transition:opacity .2s}
.venue-map-logo:hover{opacity:.65}
.venue-map-logo img{display:block;width:100%;height:auto;filter:brightness(0)}
.venue-route{display:flex;align-items:center;gap:18px;width:fit-content;margin-top:12px;padding-bottom:3px;border-bottom:1px solid currentColor;font-size:11px;font-weight:700}
.venue-route:hover{opacity:.65}
.hero-event a:hover{text-decoration:underline;text-underline-offset:5px}
.era-2007 .venue-map-logo img{filter:none}
.ticket-stub{container-type:inline-size;max-width:100%;flex-shrink:0;border-radius:7px 18px 9px 12px / 12px 8px 15px 6px}
.ticket-stub>strong,.era-2007 .ticket-stub>strong{width:100%;white-space:nowrap;font-size:clamp(22px,7vw,34px);font-size:15cqi;letter-spacing:-.035em}
.ticket-art{perspective:950px;perspective-origin:50% 45%;--ticket-tilt-x:0deg;--ticket-tilt-y:0deg;--ticket-lift:0px;--ticket-shine:110deg}
.ticket-stub,.era-2007 .ticket-stub{--ticket-angle:11deg;transform-style:preserve-3d;transform:translate3d(0,var(--ticket-lift),25px) rotateX(var(--ticket-tilt-x)) rotateY(var(--ticket-tilt-y)) rotateZ(var(--ticket-angle));box-shadow:1px 1px 0 #d0cec2,2px 2px 0 #b9b6a9,12px 25px 28px #15151628;animation:ticket-hover 6s ease-in-out infinite;animation-play-state:paused}
.era-2007 .ticket-stub{--ticket-angle:-8deg;box-shadow:1px 1px 0 #cab5d2,2px 2px 0 #8e7598,12px 25px 28px #0005}
.ticket-art.is-in-view .ticket-stub{animation-play-state:running}
.ticket-stub::before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(163deg,transparent 43%,#92877a0b 43.4%,#fff6 43.7%,transparent 44.3%),linear-gradient(38deg,transparent 76%,#92877a0c 76.3%,#fff5 76.6%,transparent 77%),linear-gradient(var(--ticket-shine),#fff0 15%,#ffffff35 40%,#fff0 65%);border:1px solid #fff4}
.ticket-stub::after{content:"";position:absolute;right:-1px;bottom:-1px;width:24px;height:27px;pointer-events:none;border-radius:15px 0 8px 0;background:linear-gradient(132deg,transparent 39%,#c2bcac44 46%,#fffdf2 57%,#dedacb 78%,#b6b2a4);box-shadow:-2px -1px 3px #15151608;transform:translateZ(1px)}
.era-2007 .ticket-stub::after{background:linear-gradient(132deg,transparent 39%,#9f85af44 46%,#faf0ff 57%,#ddcbe7 78%,#ad96b8)}
@keyframes ticket-hover{0%,100%{transform:translate3d(0,var(--ticket-lift),25px) rotateX(var(--ticket-tilt-x)) rotateY(var(--ticket-tilt-y)) rotateZ(var(--ticket-angle))}50%{transform:translate3d(0,calc(var(--ticket-lift) - 9px),35px) rotateX(calc(var(--ticket-tilt-x) + 3deg)) rotateY(calc(var(--ticket-tilt-y) - 3deg)) rotateZ(calc(var(--ticket-angle) + 1deg))}}

.venue-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px;margin-bottom:20px}
.venue-details>div{display:grid;align-content:start;justify-content:stretch;align-items:start;gap:8px;min-width:0;padding:17px 0 20px}
.venue-details .venue-address{grid-column:1/-1}
.venue-details dt{font-size:10px}
.venue-details dd{text-align:left;font-size:15px;line-height:1.55}
.venue-details dd small{display:block;margin-top:5px;font-size:9px;line-height:1.5;color:#75756c}
.time-placeholder{font:600 20px/1.2 var(--body);letter-spacing:.04em}
.hero-event [data-event-time]{color:#f0f0e9b5;white-space:nowrap}
.era-2007 .venue-details dd{font-size:14px}
.era-2007 .venue-details dd small{color:#c9a9dd}

.dialog-close{width:38px;height:38px;border:1px solid #ffffff25;border-radius:50%;background:#ffffff06}
.dialog-close:hover{background:#ffffff14}
.dialog-close>svg{width:19px;height:19px}
.dialog-close:focus-visible{outline:2px solid #fff;outline-offset:3px}
#dialog-title:focus{outline:none}
.footer-info{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding:30px 0;border-bottom:1px solid #ffffff25}
.organizer>span{display:block;margin-bottom:12px;color:#ffffff60;font-size:9px;letter-spacing:.1em;text-transform:uppercase}
.organizer>p{margin:0 0 5px;font-size:11px;line-height:1.7}
.organizer>p:last-child{font-size:9px;color:#ffffff75}
.footer-legal{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:20px;font-size:10px;color:#ffffffa5}
.footer-legal>a,.footer-legal>button{padding:4px 0;border-bottom:1px solid #ffffff40;background:none;color:inherit;font:inherit}
.site-footer{padding-bottom:110px}
.era-2007 .site-footer{padding-bottom:110px}
.era-2007 .footer-info{border-color:#a772c548}
.era-2007 .organizer,.era-2007 .footer-legal{font-family:monospace}

/* The invitation is deliberately separate from navigation. */
.time-machine,.era-2007 .time-machine{position:fixed;z-index:180;inset:auto auto max(20px,env(safe-area-inset-bottom)) 50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;gap:15px;width:270px;min-width:0;height:62px;padding:0 23px;border:1px solid #efffa0;border-radius:99px;background-color:#ddfa52;background-image:linear-gradient(120deg,#edffa7,#ddfa52 56%,#c9ed31);color:#171b0d;box-shadow:0 8px 35px #0005,0 0 26px #dcfa522e,inset 0 1px #fff9;white-space:nowrap;overflow:hidden;transition:left .75s var(--ease),width .65s var(--ease),transform .75s var(--ease),padding .65s,gap .65s,background .5s,box-shadow .4s,border-radius .65s;animation:magic-aura 5s ease-in-out infinite}
.time-machine>.time-machine-icon,.era-2007 .time-machine>.time-machine-icon{width:28px;height:28px;color:#28320b;filter:drop-shadow(0 1px #fff8);transform:none;transition:transform .5s}
.time-machine-copy{display:grid;gap:4px;max-width:200px;opacity:1;overflow:hidden;text-align:left;transition:max-width .55s var(--ease),opacity .25s,transform .55s}
.time-machine-label,.era-2007 .time-machine-label{display:block;max-width:none;opacity:1;transform:none;font:800 13px/1.2 var(--body);letter-spacing:-.01em}
.time-machine-copy small{font:500 9px/1.2 var(--body);color:#33400dba}
.time-machine:hover,.era-2007 .time-machine:hover{background-color:#e9ff8a;background-image:linear-gradient(120deg,#f4ffd0,#e9ff8a 60%,#d4f94d);box-shadow:0 8px 38px #0006,0 0 40px #ddfa5245}
.time-machine:hover>svg{transform:rotate(-12deg) scale(1.1)}
.is-scrolled .time-machine,.era-2007.is-scrolled .time-machine{left:22px;transform:translateX(0);width:54px;height:54px;padding:0;gap:0;border-radius:50%;animation:none}
.is-scrolled .time-machine-copy{max-width:0;opacity:0;transform:translateX(15px)}
.is-scrolled .time-machine>.time-machine-icon{width:25px;height:25px}
.era-2007 .time-machine{background-color:#f889dc;background-image:linear-gradient(120deg,#ffd4fa,#f889dc 58%,#df5abf);border-color:#ffd1f7;box-shadow:0 8px 35px #0006,0 0 28px #e861cb40}
.era-2007 .time-machine>.time-machine-icon{color:#45203c}
.era-2007 .time-machine-copy small{color:#65254d}
.era-2007 .time-machine:hover{background-color:#ffabea;background-image:linear-gradient(120deg,#ffe4fc,#ffabea 70%,#e98cd5)}
@keyframes magic-aura{0%,100%{box-shadow:0 8px 35px #0005,0 0 22px #dcfa5220}50%{box-shadow:0 8px 35px #0005,0 0 38px #dcfa5247}}

@media(max-width:1000px){
 .hero{min-height:840px}.music-heading{gap:25px}.tv-face{gap:12px}.tv-shell{padding:17px 14px 13px}.tv-power{width:29px;height:29px}.tv-dial{width:25px;height:25px}.venue-details{gap:0 14px}.venue-details dd{font-size:13px}.venue-details dd small{font-size:8px}
}
@media(max-width:700px){
 .hero,.era-2007 .hero{min-height:0;height:auto;padding-bottom:0}.hero-copy{margin-top:220px}.hero-portrait{height:290px}.hero-bottom,.era-2007 .hero-bottom{inset:auto;min-height:0;margin-top:0;padding:96px 0 24px}.era-2007 .hero-copy{margin-top:230px}.era-2007 .hero-portrait{height:270px}.era-2007 .anniversary-sticker{width:108px;height:108px;top:245px;left:24px}
 .music-heading{display:block;margin-bottom:34px}.music-heading>p{font-size:11px;margin-top:20px}.music-layout{grid-template-columns:1fr;gap:43px}.tv-face{gap:14px}.tv-shell{padding:19px 16px 14px}.tv-screen{border-width:9px}.tv-power{width:32px;height:32px}.retro-tv figcaption{font-size:9px;margin-top:22px}
 .about-visual{aspect-ratio:4/3}
 .manifesto,.era-2007 .manifesto{min-height:440px;height:440px;padding:0}.manifesto-content{padding:38px var(--pad) 0}.manifesto h2{font-size:clamp(30px,7.9vw,46px)}.era-2007 .manifesto h2{font-size:clamp(27px,7.3vw,41px)}.manifesto-content>p{justify-content:center;margin-bottom:22px}.manifesto-caption{font-size:10px;margin-top:20px}.manifesto-photo>img{height:100%;object-fit:cover;object-position:50% bottom}
 .venue-details,.era-2007 .venue-details{gap:0 16px}.venue-details dd,.era-2007 .venue-details dd{font-size:14px}.venue-details dt{font-size:10px}.venue-details dd small{font-size:8px}.venue-address dd,.era-2007 .venue-address dd{font-size:16px;max-width:290px}.venue-route{font-size:10px}
 .footer-info{display:block;padding-block:24px}.organizer>p{font-size:11px}.organizer>p:last-child{font-size:8px}.footer-legal{justify-content:flex-start;gap:22px;margin-top:20px;font-size:9px}
 .time-machine,.era-2007 .time-machine{bottom:max(16px,env(safe-area-inset-bottom));width:254px;height:58px;padding:0 20px;gap:13px}.time-machine-label,.era-2007 .time-machine-label{font-size:12px}.time-machine>.time-machine-icon,.era-2007 .time-machine>.time-machine-icon{width:26px;height:26px}.is-scrolled .time-machine,.era-2007.is-scrolled .time-machine{left:16px;width:50px;height:50px;padding:0;gap:0}.time-machine-copy small{font-size:8px}.time-placeholder{font-size:19px}
}
@media(max-width:380px){
 .ticket-stub,.era-2007 .ticket-stub{width:220px;max-width:calc(100vw - 100px)}
 .hero-copy{margin-top:195px}.hero-portrait{height:260px}.era-2007 .hero-copy{margin-top:213px}.era-2007 .hero-portrait{height:255px}.era-2007 .anniversary-sticker{width:94px;height:94px;left:20px;top:227px}
 .tv-face{gap:10px}.tv-shell{padding:14px 12px 11px;border-radius:18px 18px 24px 24px}.tv-screen{border-width:7px}.tv-power{width:28px;height:28px;padding:5px}.tv-dial{width:23px;height:23px;margin-bottom:14px}.tv-speaker{margin-bottom:13px}.tv-brand-strip{font-size:7px}.tv-brand-strip>span:last-child{font-size:6px}.retro-tv figcaption{font-size:8px}
 .venue-details,.era-2007 .venue-details{gap:0 12px}.venue-details dd,.era-2007 .venue-details dd{font-size:13px}.venue-address dd,.era-2007 .venue-address dd{font-size:15px}.venue-details dd small{font-size:7px}.manifesto h2{font-size:29px}.era-2007 .manifesto h2{font-size:26px}
}
/* A collapsed invitation expands without shifting away from the pointer. */
.is-scrolled .time-machine:focus-visible,.era-2007.is-scrolled .time-machine:focus-visible{width:270px;gap:15px;padding:0 23px;border-radius:99px}
.is-scrolled .time-machine:focus-visible .time-machine-copy{max-width:200px;opacity:1;transform:none}
@media(hover:hover) and (pointer:fine){
 .is-scrolled .time-machine:hover,.era-2007.is-scrolled .time-machine:hover{width:270px;gap:15px;padding:0 23px;border-radius:99px}
 .is-scrolled .time-machine:hover .time-machine-copy{max-width:200px;opacity:1;transform:none}
}

/* The retro skin contains the actual Yandex album inside its playlist window. */
.winamp-shell{min-width:0}
.winamp-title,.winamp-face,.winamp-launch,.winamp-status{display:none}
.album-panel[hidden]{display:none}
.era-2007 .winamp-shell{width:100%;max-width:550px;margin:0 auto;padding:6px;border:3px ridge #a4a2b2;background:#292a3a;box-shadow:4px 5px 0 #0006,inset 0 0 0 1px #11131d;color:#c3ff5a;font:12px/1.3 "Courier New",monospace}
.era-2007 .winamp-title{display:flex;align-items:center;gap:7px;height:24px;padding:0 3px 6px;color:#d6d4df;font-size:10px;letter-spacing:2px}
.winamp-title>span:first-child{color:#e3d578;font-size:21px;font-weight:900;line-height:1;letter-spacing:0}
.winamp-title>i{flex:1;height:8px;background:repeating-linear-gradient(#55586d 0 1px,#171a29 1px 2px);border-block:1px solid #111}
.winamp-title>strong{font-size:10px;font-weight:400}
.winamp-window-icons{letter-spacing:1px;color:#b2b2c2}
.era-2007 .winamp-face{display:grid;grid-template-columns:34% minmax(0,1fr);gap:8px;padding:5px}
.winamp-lcd{min-width:0;padding:7px 6px 4px;background:#070d0b;border:2px inset #777581}
.winamp-lcd>strong{font-size:clamp(17px,2vw,26px);font-weight:400;letter-spacing:-1px;white-space:nowrap;text-shadow:0 0 5px #c3ff5a55}
.winamp-spectrum{height:25px;display:flex;align-items:flex-end;justify-content:space-between;gap:2px;margin-top:7px;padding-top:2px;border-top:1px solid #3e4e27}
.winamp-spectrum>i{flex:1;height:30%;background:repeating-linear-gradient(transparent 0 1px,#080e0b 1px 2px),linear-gradient(#f0e752,#79dd2b);transform-origin:bottom;animation:winamp-eq .65s ease-in-out alternate infinite}
.winamp-spectrum>i:nth-child(3n){height:87%;animation-duration:.36s;animation-delay:-.2s}.winamp-spectrum>i:nth-child(4n){height:58%;animation-duration:.6s;animation-delay:-.4s}.winamp-spectrum>i:nth-child(5n){height:75%;animation-duration:.28s}
.winamp-info{display:flex;min-width:0;flex-direction:column;justify-content:space-between;gap:9px}
.winamp-marquee{padding:4px 5px;overflow:hidden;border:2px inset #777581;background:#070d0b;white-space:nowrap;font-size:11px;line-height:15px}
.winamp-marquee>span{display:inline-block;animation:winamp-marquee 14s linear infinite}
.winamp-format{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px}
.winamp-format>span{padding:1px 3px;background:#070d0b}
.winamp-format>b{color:#e1dbab;font-size:9px;letter-spacing:1px}
.winamp-volume-trim{display:flex;align-items:center;gap:7px;color:#b8bac8;font-size:9px}
.winamp-volume-trim>i{position:relative;flex:1;height:8px;border:1px inset #72727c;background:linear-gradient(90deg,#76a539,#e8bb3b)}
.winamp-volume-trim>i::after{content:"";position:absolute;left:72%;top:-3px;width:10px;height:10px;border:2px outset #b6b2a2;background:#aaa67d}
.era-2007 .winamp-launch{display:flex;align-items:center;gap:11px;width:calc(100% - 10px);min-height:54px;margin:9px 5px;padding:8px;border:2px outset #d2d0ce;border-radius:0;background:linear-gradient(#454757,#2f3242);color:#e2edcc;text-align:left;cursor:pointer;font-family:var(--body)}
.winamp-launch:hover{background:linear-gradient(#55596a,#3a3e50)}
.winamp-launch:active{border-style:inset}
.winamp-launch:focus-visible{outline:2px solid #c3ff5a;outline-offset:4px}
.winamp-play-key{display:grid;place-items:center;width:32px;height:28px;border:2px outset #d2d0ce;background:linear-gradient(#c5c5c7,#8c8d97);color:#22242d;font-size:13px}
.winamp-launch>span:nth-child(2){display:grid;gap:4px}
.winamp-launch strong{font-size:12px;font-weight:700}
.winamp-launch small{font:9px/1.2 "Courier New",monospace;color:#a9acbe}
.winamp-pl{display:grid;place-items:center;width:27px;height:21px;margin-left:auto;border:2px outset #a4a3a9;background:#444554;color:#b9ff53;font:700 9px/1 monospace}
.winamp-shell.is-open .winamp-pl{border-style:inset;box-shadow:inset 0 0 0 1px #b9ff5360}
.era-2007 .winamp-status{display:flex;justify-content:space-between;gap:10px;padding:7px 5px 3px;color:#9095ac;font-size:8px;letter-spacing:.07em}
.era-2007 .winamp-shell .player-chrome,.era-2007 .winamp-shell .player-topline{display:none}
.era-2007 .winamp-shell .music-player{min-height:0;margin:0 3px;padding:9px;border:2px inset #7e8092;background:#e9e8ee}
.era-2007 .winamp-shell iframe{height:440px}
.era-2007 .winamp-shell .player-fallback{margin-top:8px;font:9px/1.5 "Courier New",monospace}
@keyframes winamp-eq{from{transform:scaleY(.18)}to{transform:scaleY(1)}}
@keyframes winamp-marquee{0%,15%{transform:translateX(0)}85%,100%{transform:translateX(-60%)}}
@media(max-width:380px){.era-2007 .winamp-shell{padding:4px}.winamp-face{gap:5px}.winamp-lcd>strong{font-size:16px}.winamp-marquee{font-size:9px}.winamp-format{font-size:8px}.winamp-format>b{font-size:7px}.winamp-launch strong{font-size:11px}.winamp-status{font-size:6px}}

/* The print below is a fallback; WebGL bends the paper itself. */
.ticket-art{min-height:600px}
.ticket-render{position:absolute;z-index:2;inset:0;display:block;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .65s ease}
.ticket-art.has-ticket-render .ticket-render{opacity:1}
.ticket-art.has-ticket-render .ticket-stub{visibility:hidden;animation:none;transform:none}
.ticket-art.has-ticket-render .ticket-art-star{opacity:0}
.ticket-art.has-ticket-render .ticket-art-note{z-index:3}
@media(max-width:700px){.ticket-art{min-height:500px}.era-2007 .winamp-shell iframe{height:420px}}

/* Slow moving club lights, visible only in the retro skin. */
.rave-lights{display:none;position:fixed;inset:0;z-index:110;overflow:hidden;pointer-events:none;mix-blend-mode:screen}
.era-2007 .rave-lights{display:block}
.rave-lights>i{position:absolute;top:-12vh;left:-15vw;width:65vw;height:135vh;clip-path:polygon(49% 0,51% 0,100% 100%,0 100%);background:linear-gradient(#ff51cb00,#ff51cb19 30%,#a352ff04);transform-origin:50% 0;transform:rotate(-24deg);animation:rave-beam 7s ease-in-out alternate infinite}
.rave-lights>i:nth-child(2){left:auto;right:-15vw;background:linear-gradient(#3fffe000,#3fffe01c 35%,#3f97ff04);animation-duration:8.5s;animation-delay:-3s;transform:rotate(24deg);animation-direction:alternate-reverse}
.rave-lights>i:nth-child(3){left:24vw;width:40vw;background:linear-gradient(#bcff3800,#c0ff3812 35%,#a9ff3802);animation-duration:11s;animation-delay:-5s}
.rave-lights>span{position:absolute;inset:45% -15% -40%;background:radial-gradient(ellipse at 20% 80%,#ff3ec121,transparent 50%),radial-gradient(ellipse at 80% 60%,#3dbdff1e,transparent 55%);animation:rave-haze 9s ease-in-out alternate infinite}
@keyframes rave-beam{from{transform:rotate(-27deg)}to{transform:rotate(27deg)}}
@keyframes rave-haze{from{transform:translateX(-6%);opacity:.6}to{transform:translateX(6%);opacity:1}}
@media(prefers-reduced-motion:reduce){.time-machine,.winamp-spectrum>i,.winamp-marquee>span,.rave-lights>i,.rave-lights>span,.tv-glass::before,.tv-glass::after,.ticket-stub,.era-2007 .ticket-stub{animation:none}.time-machine,.time-machine-copy,.hero-portrait{transition:none}.ticket-stub,.era-2007 .ticket-stub{transform:rotate(var(--ticket-angle))}}

/* The original panoramic frame is shown in full, with room around the copy. */
.about-body{display:block}
.about-visual,.era-2007 .about-visual{width:100%;aspect-ratio:2318/846;background:transparent}
.about-visual>img{object-fit:contain;object-position:center}
.press-release{max-width:1040px;margin:44px auto 0;columns:2;column-gap:64px}
.press-release p{break-inside:avoid}
.press-release .lead{column-span:all;max-width:880px;margin-bottom:34px}
.press-release>.inline-link{column-span:all;margin-top:10px}
@media(max-width:700px){.press-release{columns:1;margin-top:27px}.press-release .lead{margin-bottom:24px}}

/* SVG marks remain identical on iOS and desktop. */
.decorative-star{display:inline-block;vertical-align:middle;width:.85em;height:.85em;color:currentColor}
.hit-ticker .decorative-star{width:.8em;height:.8em}
.winamp-title>svg{width:14px;height:14px;color:#e6dc75}
.winamp-play-key>svg{width:19px;height:19px}
.tv-retry>svg,.video-pause>svg{width:18px;height:18px}
.ticket-stars{display:flex;gap:3px}.ticket-stars>svg{width:11px;height:11px}

/* The outline is an independent SVG stroke; no compositing mask touches the fill. */
.time-machine,.era-2007 .time-machine{-webkit-appearance:none;appearance:none;opacity:1}
.time-machine,.era-2007 .time-machine{isolation:isolate;animation:magic-aura 5s ease-in-out infinite}
.time-machine::before,.time-machine::after{display:none;content:none}
.time-machine>.time-machine-icon,.time-machine-copy{position:relative;z-index:2}
.time-machine>.time-machine-orbit,.time-machine:hover>.time-machine-orbit,.era-2007 .time-machine>.time-machine-orbit{position:absolute;z-index:1;inset:0;display:block;width:100%;height:100%;pointer-events:none;filter:none;transform:none;transition:none;overflow:visible}
.time-machine-orbit>rect{width:calc(100% - 2px);height:calc(100% - 2px);fill:none;stroke:#faffdc;stroke-width:2;stroke-linecap:round;stroke-dasharray:18 82;animation:magic-outline 3.6s linear infinite}
.era-2007 .time-machine-orbit>rect{stroke:#fff1ff}
@keyframes magic-outline{to{stroke-dashoffset:-100}}

/* A small, silent wave invites the visitor into the time machine. */
.angel-visitor{position:fixed;z-index:182;width:100px;height:89px;pointer-events:none;user-select:none;animation:angel-visit 4.8s both;will-change:opacity,transform}
.angel-visitor>.karaoke-angel{display:block;width:100%;height:100%;overflow:visible;image-rendering:pixelated;filter:drop-shadow(0 8px 12px #0007)}
.angel-visitor .angel-head{animation:angel-visitor-look 4.8s ease-in-out both}
.angel-visitor .angel-float{animation:angel-visitor-bob 4.8s ease-in-out both}
.angel-visitor .angel-spark,.angel-visitor .angel-shadow{display:none}
.angel-wave-hand{transform-box:view-box;transform-origin:98px 79px;animation:angel-wave 4.8s ease-in-out both}
.era-2007 .angel-visitor,.is-warping .angel-visitor,.menu-open .angel-visitor,.dialog-open .angel-visitor{display:none}
.era-2007 .time-machine:hover>.time-machine-icon{transform:translateX(-2px)}
@keyframes angel-visit{0%{opacity:0;transform:translateY(18px) scale(.9)}15%,84%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-10px) scale(.97)}}
@keyframes angel-visitor-look{0%,15%{transform:rotate(-7deg)}24%,57%{transform:rotate(0)}70%,100%{transform:rotate(5deg)}}
@keyframes angel-visitor-bob{0%,100%{transform:translateY(0)}40%{transform:translateY(-3px)}70%{transform:translateY(-1px)}}
@keyframes angel-wave{0%,12%,88%,100%{transform:rotate(28deg) translateY(4px);opacity:0}20%,38%,56%,74%{transform:rotate(-18deg);opacity:1}29%,47%,65%,80%{transform:rotate(12deg);opacity:1}}
@media(max-width:700px){.angel-visitor{width:84px;height:75px}}
@media(prefers-reduced-motion:reduce){.angel-visitor,.angel-visitor *{animation:none!important;transform:none!important}.angel-wave-hand{display:none}.angel-visitor{will-change:auto}}

/* The browser exposes page playback, but never the physical output volume. */
.sound-notice{position:fixed;z-index:181;right:22px;bottom:calc(var(--karaoke-offset,var(--karaoke-height)) + 16px);display:grid;grid-template-columns:23px minmax(0,1fr) auto;align-items:center;gap:10px;width:330px;max-width:calc(100vw - 44px);padding:14px 31px 14px 14px;border:1px solid #cf9bea66;border-radius:12px;background:linear-gradient(135deg,#352044f5,#20122ff8);box-shadow:0 10px 35px #0005,inset 0 1px #fff1;color:#f6eaff;animation:sound-notice-in .3s ease-out}
body:not(.era-2007) .sound-notice,.is-warping .sound-notice,.menu-open .sound-notice,.dialog-open .sound-notice,body:has(.cookie-banner.is-visible) .sound-notice{display:none}
.sound-notice-icon{width:23px;height:23px;color:#d9ff93}
.sound-notice-copy{min-width:0}.sound-notice-copy>strong{display:block;font:700 12px/1.35 var(--body)}
.sound-notice-copy>p{margin:5px 0 0;color:#d9c4e6;font:400 10px/1.5 var(--body)}
.sound-notice-enable{padding:9px 10px;border-radius:5px;background:#d5fa71;color:#20300a;font:800 10px/1 var(--body);white-space:nowrap}
.sound-notice-enable:hover{background:#e5ff9d}
.sound-notice-close{position:absolute;right:4px;top:4px;display:grid;place-items:center;width:22px;height:22px;padding:4px;border-radius:50%;background:transparent;color:#d3b9e1}
.sound-notice-close:hover{background:#fff1;color:#fff}.sound-notice-close>svg{width:14px;height:14px}
@keyframes sound-notice-in{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
@media(max-width:1000px){.sound-notice{bottom:calc(var(--karaoke-offset,var(--karaoke-height)) + 94px)}}
@media(max-width:700px){.sound-notice{right:12px;width:306px;max-width:calc(100vw - 24px);gap:9px;padding:12px 28px 12px 12px}.sound-notice-copy>strong{font-size:11px}.sound-notice-copy>p{font-size:9px}.sound-notice-enable{font-size:9px;padding:9px}.sound-notice-icon{width:21px;height:21px}}

/* Two lyric rows share the media clock. The upcoming row becomes the current row. */
:root{--karaoke-height:164px}
.karaoke-panel{position:fixed;z-index:170;inset:auto 0 0;min-height:var(--karaoke-height);border-top:2px ridge #e9c4ff;background:linear-gradient(110deg,#180b29f5,#2f1248f5 50%,#140c26f5);box-shadow:0 -8px 35px #0005,0 -1px 20px #e36eff25;backdrop-filter:blur(18px);color:#f0e6f9;transform:translateY(110%);visibility:hidden;transition:transform .65s var(--ease),visibility .65s}
.era-2007 .karaoke-panel{transform:translateY(0);visibility:visible}
.era-2007 .karaoke-panel.is-collapsed{transform:translateY(calc(100% - 29px))}
.karaoke-toolbar{display:flex;align-items:center;justify-content:space-between;width:100%;height:27px;padding:0 22px;border-bottom:1px solid #b17ee84d;background:linear-gradient(#cdb4df,#9e7cb9 46%,#5c3d76 50%,#9572af);color:#23112e;font:700 10px/1 "Courier New",monospace;letter-spacing:.12em;text-align:left;cursor:pointer}
.karaoke-toolbar>span:first-child{display:flex;align-items:center;gap:5px}
.karaoke-toolbar svg{width:12px;height:12px}
.karaoke-toolbar small{font-size:8px;font-weight:400;letter-spacing:.08em;margin-left:10px;opacity:.8}
.karaoke-toolbar>span:last-child{display:grid;place-items:center;width:18px;height:16px;border:1px outset #e5d2f2;background:#9c83af;font-size:15px;line-height:1;letter-spacing:0}
.karaoke-body{display:grid;grid-template-columns:90px minmax(0,1fr) 90px;align-items:center;gap:20px;max-width:1440px;min-height:135px;margin:auto;padding:12px 30px}
.karaoke-language{display:flex;gap:5px}
.karaoke-language>button{width:36px;height:29px;padding:0;border:2px outset #ab8cba;border-radius:2px;background:#382445;color:#e7cfee;font:700 11px/1 "Courier New",monospace}
.karaoke-language>button[aria-pressed=true]{border-style:inset;background:#baff51;color:#172005;box-shadow:0 0 14px #bcff3838}
.karaoke-lyrics{position:relative;text-align:center;min-width:0;min-height:108px}
.karaoke-roll{--line-step:54px;position:relative;height:108px;overflow:hidden;isolation:isolate}
.karaoke-line{position:absolute;inset:1px 0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 .28em;min-height:43px;padding:0 2px;font:900 clamp(20px,2.2vw,31px)/1.15 var(--display);text-transform:uppercase;letter-spacing:-.025em;filter:drop-shadow(0 2px #0b0312);transform-origin:center top;will-change:transform,opacity}
.karaoke-upcoming{transform:translateY(var(--line-step)) scale(.82);opacity:.55}
.karaoke-line>span{position:relative;display:inline-block;color:#f3e9ff;white-space:nowrap;--sung:0%}
.karaoke-line>span::after{content:attr(data-word);position:absolute;inset:0;color:#c7ff45;clip-path:inset(0 calc(100% - var(--sung)) 0 0);text-shadow:0 0 14px #c7ff4550}
.karaoke-backing{position:absolute;z-index:1;left:0;right:0;top:-9px;color:#e7b1ff;font:8px/1 "Courier New",monospace;letter-spacing:.15em}
.karaoke-resume{display:flex;align-items:center;justify-content:center;gap:6px;padding:7px;border:1px solid #d2ff6870;border-radius:4px;background:#c7ff4510;color:#d7ff8e;font:9px/1.4 var(--body)}
.karaoke-resume>svg{width:17px;height:17px}
.karaoke-panel.is-muted .karaoke-roll{opacity:.5}
.karaoke-interlude{position:relative;height:108px;display:flex;align-items:center;justify-content:center}
.karaoke-angel{display:block;flex-shrink:0;width:132px;height:108px;overflow:visible;image-rendering:pixelated;filter:drop-shadow(0 0 10px #c6b3ff25)}
.angel-float{animation:angel-float 1.8s ease-in-out infinite;transform-origin:72px 105px}
.angel-head{animation:angel-nod .93s ease-in-out infinite;transform-origin:72px 57px}
.angel-wing-left{transform-origin:54px 76px;animation:angel-wing 1.4s ease-in-out infinite}
.angel-wing-right{transform-origin:90px 76px;animation:angel-wing 1.4s .15s ease-in-out infinite}
.angel-eyes{transform-origin:72px 49px;animation:angel-blink 4.8s steps(1,end) infinite}
.angel-spark{animation:angel-spark 1.9s steps(2,end) infinite}
.angel-shadow{transform-origin:72px 118px;animation:angel-shadow 1.8s ease-in-out infinite}
.angel-bubble{position:absolute;z-index:2;left:calc(50% + 33px);top:0;padding:7px 10px;border:2px solid #29213a;border-radius:9px;background:#fff8e9;color:#342340;font:900 14px/1.1 var(--display);white-space:nowrap;box-shadow:3px 3px #08010e88;transform:rotate(-5deg);animation:angel-bubble 2s ease-in-out infinite}
.angel-bubble::after{content:"";position:absolute;left:8px;bottom:-8px;width:9px;height:9px;background:inherit;border-right:2px solid #29213a;border-bottom:2px solid #29213a;transform:skewY(-28deg)}
.angel-caption{display:none}
.karaoke-score{height:108px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;animation:karaoke-tada .7s ease-out both}
.karaoke-score>span{color:#e5ff87;font:900 clamp(12px,1.6vw,22px)/1.1 var(--display);text-shadow:2px 2px #f07fce80}
.karaoke-score>strong{display:flex;align-items:baseline;gap:5px;color:#fff4f9;font:900 40px/1 var(--display);text-shadow:0 0 22px #f993ff80}
.karaoke-score>strong small{font-size:18px;color:#e4c7ee}.karaoke-score>small{font:7px/1.4 "Courier New",monospace;letter-spacing:.08em;color:#c6add6}
.karaoke-panel.is-paused .karaoke-interlude *,.karaoke-panel.is-collapsed .karaoke-interlude *{animation-play-state:paused}
.era-2007 .time-machine{bottom:max(44px,env(safe-area-inset-bottom))}
.era-2007.karaoke-open .time-machine{bottom:calc(var(--karaoke-offset,var(--karaoke-height)) + 16px)}
.era-2007.karaoke-open .site-footer{padding-bottom:calc(110px + var(--karaoke-offset,var(--karaoke-height)))}
.era-2007.karaoke-open .cookie-banner{bottom:calc(var(--karaoke-offset,var(--karaoke-height)) + 95px)}
@keyframes angel-float{0%,100%{transform:translateY(1px)}50%{transform:translateY(-4px)}}
@keyframes angel-nod{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg) translateY(1px)}}
@keyframes angel-wing{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.78) rotate(-3deg)}}
@keyframes angel-blink{0%,42%,47%,100%{transform:scaleY(1)}44%,46%{transform:scaleY(.15)}}
@keyframes angel-spark{0%,100%{opacity:.3}50%{opacity:1}}
@keyframes angel-shadow{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.8);opacity:.3}}
@keyframes angel-bubble{0%,100%{translate:0 0}50%{translate:0 -3px}}
@keyframes karaoke-tada{from{opacity:0;transform:scale(.65) rotate(-5deg)}to{opacity:1;transform:scale(1) rotate(0)}}
@media(max-width:700px){:root{--karaoke-height:160px}.karaoke-toolbar{padding:0 12px;font-size:9px}.karaoke-toolbar small{font-size:7px;margin-left:4px;letter-spacing:0}.karaoke-body{grid-template-columns:33px minmax(0,1fr) 31px;gap:8px;min-height:131px;padding:10px 12px}.karaoke-language{flex-direction:column;gap:4px}.karaoke-language>button{width:33px;height:27px;font-size:10px}.karaoke-line{font-size:clamp(15px,4.6vw,23px);line-height:1.2;min-height:41px}.karaoke-resume{width:31px;min-height:34px;padding:4px}.karaoke-resume>span{display:none}.angel-bubble{font-size:12px;padding:6px 8px;left:calc(50% + 27px)}.karaoke-score>span{font-size:clamp(10px,3.5vw,17px)}.karaoke-score>small{font-size:6px;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.time-machine-orbit>rect,.sound-notice,.karaoke-interlude *,.karaoke-score{animation:none!important}.karaoke-panel{transition:none}}

/* Keep all three musicians together; the group joins the document flow on small screens. */
.hero-portrait.hero-portrait--group,.era-2007 .hero-portrait.hero-portrait--group{right:-1%;top:auto;bottom:0;width:57%;height:calc(100% - 190px)}
.hero-portrait--group img{max-width:none;object-position:center bottom}
.era-2007 .about-note .anniversary-sticker{position:relative;inset:auto;flex-shrink:0;width:112px;height:112px}
.era-2007 .about-note>svg{display:none}
@media(min-width:1001px){.hero-copy,.era-2007 .hero-copy{max-width:43%}}
@media(max-width:1000px){
 .hero-portrait.hero-portrait--group,.era-2007 .hero-portrait.hero-portrait--group{position:relative;inset:auto;flex-shrink:0;width:min(100%,520px);height:auto;aspect-ratio:1;margin:12px auto 0}
 .hero-portrait--group img,.era-2007 .hero-portrait--group img{display:block;width:100%;height:auto;max-width:none;margin:0;object-position:center}
 .hero-copy,.era-2007 .hero-copy{max-width:100%;margin-top:24px}
}
@media(max-width:700px){.hero-copy,.era-2007 .hero-copy{margin-top:18px}.era-2007 .about-heading{flex-wrap:wrap}.era-2007 .about-heading>.section-title{width:100%}.era-2007 .about-note{display:block;margin-left:auto}.era-2007 .about-note>p{display:none}.era-2007 .about-note .anniversary-sticker{width:84px;height:84px}}