@font-face{font-family:Majestic;src:url('assets/fonts/Majestic.ttf') format('truetype');font-display:swap}@font-face{font-family:STIXTwoText;src:url('assets/fonts/stixtwotext.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}:root{--pink:#ff7fdf;--ink:#000;--margin:2.25vw;--gap:1.0417vw;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--pink)}body{margin:0;min-height:100vh;background:var(--pink);color:var(--ink);-webkit-text-stroke:.014em currentColor;font-family:STIXTwoText,Georgia,serif;overflow-x:hidden;position:relative}body:before{content:"";position:absolute;z-index:0;inset:0;background:url('assets/textures/background-texture-01.webp') left top/100% auto repeat-y;opacity:.6;mix-blend-mode:difference;pointer-events:none}body>main{position:relative;z-index:1}.section{min-height:100svh;position:relative;padding:3.4rem var(--margin) 3.5rem;isolation:isolate}.site-header{position:fixed!important;z-index:30!important;top:1.25vw;left:var(--margin);right:var(--margin);pointer-events:none}.site-nav{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap);pointer-events:auto}.site-nav a{color:#000;text-decoration:none;font-weight:700;font-size:1rem;white-space:nowrap;text-align:center;transition:-webkit-text-stroke .2s ease,color .2s ease}.site-nav a:nth-child(1){grid-column:5}.site-nav a:nth-child(2){grid-column:6}.site-nav a:nth-child(3){grid-column:7}.site-nav a:nth-child(4){grid-column:8}@media(hover:hover){.site-nav a:hover{-webkit-text-stroke:.06em #000}}.site-nav a:focus-visible{outline:2px solid #000;outline-offset:.3rem;-webkit-text-stroke:.04em #000}.display-title,.section-title{font-family:STIXTwoText,Georgia,serif;font-weight:400;line-height:.86;letter-spacing:-.015em;margin:0;text-transform:uppercase}.outline-letter{font-family:Majestic,Georgia,serif;color:#000;-webkit-text-fill-color:#000;-webkit-text-stroke:clamp(1px,.1875rem,.1875rem) #000;text-stroke:clamp(1px,.1875rem,.1875rem) #000}.hero{display:block;min-height:100svh;padding:0;overflow:hidden}.hero-lockup{position:absolute;z-index:6;top:8.5vh;left:50%;width:100%;transform:translateX(-50%);display:grid;place-items:center}.hero-title{position:relative;z-index:2;font-size:clamp(4.1rem,8.02vw,9.61375rem);max-width:95vw;text-align:center}.hero-title .outline-letter{font-size:clamp(7.5rem,15.31vw,18.375rem)}.hero-stripe{position:absolute;z-index:3;top:50%;left:50%;width:100vw;height:1.5016vw;min-height:20px;background:#000;color:#d0ff00;display:grid;place-items:center;transform:translate(-50%,-50%) rotate(-1deg)}.hero-stripe span{font-weight:700;font-size:clamp(.8rem,1.302vw,1.5625rem);line-height:1}.hero-horovod{position:absolute;z-index:4;left:50%;bottom:4vh;width:min(65.8vw,1260px);height:auto;transform:translateX(-50%) rotate(-5.4deg);pointer-events:none}.question-field{position:absolute;inset:0;z-index:5;pointer-events:none;overflow:hidden}.question{position:absolute;width:clamp(4.5rem,10vw,10rem);aspect-ratio:1;animation:driftDown var(--duration) linear var(--delay) infinite}.question:not(.missing-graphic){object-fit:contain}.missing-graphic{opacity:0}.question--l1{left:5%;top:0;--duration:15s;--delay:-4s;--drift:2vw}.question--l2{left:13%;top:0;--duration:19s;--delay:-13s;--drift:-2.5vw}.question--l3{left:4%;top:0;--duration:17s;--delay:-8s;--drift:1.5vw}.question--r1{right:6%;top:0;--duration:18s;--delay:-10s;--drift:-2vw}.question--r2{right:13%;top:0;--duration:14s;--delay:-3s;--drift:2.2vw}.question--r3{right:4%;top:0;--duration:20s;--delay:-16s;--drift:-1.4vw}@keyframes driftDown{0%{transform:translate3d(0,1rem,0) rotate(-4deg)}25%{transform:translate3d(var(--drift),calc(25svh - 27.5%),0) rotate(2deg)}50%{transform:translate3d(calc(var(--drift)*-.45),calc(50svh - 55% - .5rem),0) rotate(-2deg)}75%{transform:translate3d(var(--drift),calc(75svh - 82.5% - 1rem),0) rotate(3deg)}100%{transform:translate3d(0,calc(100svh - 110% - 2rem),0) rotate(-4deg)}}.section-title{text-align:center;font-size:clamp(3.6rem,5.733vw,6.88rem);margin:0 0 1.4rem;letter-spacing:.005em}.section-title .outline-letter{font-size:clamp(7rem,10.95vw,13.140625rem);-webkit-text-stroke:clamp(1px,.134375rem,.134375rem) #000}.about{min-height:105svh}.about-stage{position:relative;max-width:1550px;height:95vh;min-height:820px;margin:auto}.about-copy{font-size:clamp(1rem,1.33vw,1.59rem);line-height:1.14;max-width:27rem;position:absolute;z-index:3;margin:0}.copy-one{left:1%;top:2%;transform:rotate(1deg)}.copy-two{right:0;top:43%;transform:rotate(1deg)}.copy-three{left:1%;bottom:1%;transform:rotate(-1deg);max-width:30rem}.face{--pupil-max-x:10px;--pupil-max-y:7px;position:absolute;z-index:2;left:50%;top:1%;transform:translateX(-50%);width:min(37.2vw,684px);aspect-ratio:799/1189}.face>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.head-art{z-index:1}.pupil{z-index:2;transition:transform .12s ease-out;will-change:transform;pointer-events:none}.sticker{position:absolute;z-index:5;cursor:grab;user-select:none;touch-action:none}.sticker img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.sticker--1{left:16%;top:13%;width:clamp(14rem,23vw,25rem);height:auto;aspect-ratio:1}.sticker--2{right:6%;top:8%;width:clamp(12rem,18vw,20rem);height:auto;aspect-ratio:1}.sticker--3{right:0;bottom:3%;width:clamp(15rem,23vw,24rem);height:auto;aspect-ratio:11/8}.sticker--4{left:18%;bottom:1%;width:8rem;height:8rem}.sticker--5{left:12%;top:42%;width:9rem;height:7rem}.section-intro{font-size:clamp(1rem,1.25vw,1.25rem);max-width:46rem;margin:-.9rem auto 1.6rem;text-align:center}.party{min-height:100svh}.poster-builder{display:grid;grid-template-columns:minmax(175px,1fr) minmax(380px,620px) minmax(175px,1fr);gap:clamp(1.2rem,3vw,4rem);align-items:center;max-width:1640px;margin:0 auto}.controls{display:flex;flex-direction:column;gap:2.3rem}.controls--left .control{text-align:right}.controls--right .control{text-align:left}.poster{width:100%;aspect-ratio:4/5;position:relative;overflow:hidden;border:2px solid #000;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;touch-action:none}.poster-kicker,.poster-date{font-size:.8rem;font-weight:700}.poster-title{font:clamp(3.4rem,5.2vw,6rem)/.75 STIXTwoText,Georgia,serif;letter-spacing:-.015em;text-transform:uppercase}.poster-decor{font-size:2rem}.theme-grid{background-color:#e8e8e8;background-image:linear-gradient(#000 1px,transparent 1px),linear-gradient(90deg,#000 1px,transparent 1px);background-size:20px 20px;color:#000}.theme-wave{background:repeating-radial-gradient(circle at 30% 30%,#000 0 2px,#fff 3px 16px);color:#fff}.theme-noise{background:linear-gradient(120deg,#fff 0 25%,#000 25% 50%,#fff 50% 75%,#000 75%);color:#fff}.type-soft .poster-title{font-family:Georgia,serif;letter-spacing:-.06em}.type-tall .poster-title{font-family:Arial,sans-serif;transform:scaleX(.7);transform-origin:left}.decor-hearts .poster-decor{font-size:0}.decor-hearts .poster-decor:after{content:'♥ ♥ ♥';font-size:2rem}.decor-zigzag .poster-decor{font-size:0}.decor-zigzag .poster-decor:after{content:'〰 〰 〰';font-size:2rem}.colour-acid{filter:invert(1)}.colour-red{background-color:#d00;color:#fff;background-image:linear-gradient(45deg,transparent 48%,#fff 49% 51%,transparent 52%)}.poster-sticker{position:absolute;right:8%;top:24%;border:2px solid currentColor;border-radius:50%;padding:1rem .5rem;background:inherit;font-weight:700;cursor:grab;user-select:none}.poster-sticker--two{right:auto;top:auto;left:11%;bottom:20%;border-radius:0;transform:rotate(-11deg)}.download{display:block;margin:1.8rem auto 0}.download-note{text-align:center;min-height:1.5rem;font-size:.9rem}.contacts{display:grid;align-content:start;min-height:90svh}.contact-content{display:flex;justify-content:center;gap:4rem;align-items:center;font-size:clamp(1.2rem,1.8vw,2rem);text-align:left}.qr-placeholder{width:min(22vw,280px);aspect-ratio:1;background:repeating-conic-gradient(#000 0 25%,#ff7fdf 0 50%) 50%/24px 24px;border:5px solid #000;display:grid;place-items:center;color:#000;text-align:center}.qr-placeholder span{font:5rem STIXTwoText,Georgia,serif;background:#ff7fdf;padding:.15rem .5rem}.qr-placeholder small{background:#ff7fdf;padding:.3rem}strong{font-weight:700}@media(max-width:800px){.site-nav{grid-template-columns:repeat(4,1fr);gap:.5rem}.site-nav a{grid-column:auto!important;font-size:.75rem}.section{padding:5.3rem 1.25rem 3rem}.hero-lockup{top:10vh}.hero-title{font-size:clamp(3rem,11vw,5rem)}.hero-title .outline-letter{font-size:clamp(5.4rem,21vw,9rem)}.hero-horovod{width:115vw;max-width:none;bottom:8vh}.question{width:4rem}.question--l2{left:18%}.question--r2{right:18%}.about-stage{height:1350px;min-height:0;overflow:hidden}.face{width:74.4vw;top:25%}.about-copy{max-width:90%;font-size:1.05rem}.copy-one{top:0}.copy-two{top:67%;right:0}.copy-three{bottom:0}.sticker--1{left:0;top:29%;width:35vw}.sticker--2{right:0;top:27%;width:32vw}.sticker--3{right:0;bottom:15%;width:36vw}.sticker--4{left:0;bottom:16%;width:32vw}.sticker--5{display:none}.poster-builder{grid-template-columns:1fr;gap:1.2rem}.controls{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:.7rem}.controls .control{text-align:center}.poster{width:min(82vw,520px);margin:auto}.controls--right{order:3}.contact-content{flex-direction:column;gap:2rem;text-align:center}.qr-placeholder{width:55vw}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.pupil{transition:none}}
@media(prefers-reduced-motion:reduce){.question{animation:none!important;transform:none!important}.question--l1{top:8%}.question--l2{top:42%}.question--l3{top:70%}.question--r1{top:23%}.question--r2{top:55%}.question--r3{top:79%}}

/* Five-card history fan. Only the five active elements are painted. */
.control,.download{appearance:none;border:2px solid #000;background:#ff7fdf;color:#000;font:700 1rem STIXTwoText,Georgia,serif;padding:.75rem 1rem;cursor:pointer}
.control:hover,.download:hover{background:#000;color:#ff7fdf}
.history.section{min-height:100svh;height:auto;padding:3.4rem var(--margin) 2.5rem;overflow:visible}
.history-deck{--card-w:min(52vw,760px);--card-h:min(58svh,520px);--fan-x:17px;--fan-y:13px;position:relative;width:calc(var(--card-w) + 100px);height:calc(var(--card-h) + 85px);margin:1rem auto 0;cursor:pointer;touch-action:pan-y;outline:none;overflow:visible}
.history-deck:focus-visible{outline:3px solid #000;outline-offset:6px}
.history-track{position:absolute;inset:0;left:calc(4 * var(--fan-x) + 22px)}
.history-item{position:absolute;left:0;top:0;width:var(--card-w);height:var(--card-h);margin:0;visibility:hidden;opacity:0;transform:translate3d(calc(-1 * var(--slot) * var(--fan-x)),calc(var(--slot) * var(--fan-y)),0) rotate(var(--angle));transform-origin:center;pointer-events:none;backface-visibility:hidden;border:0;filter:drop-shadow(0 7px 9px rgba(0,0,0,.16))}
.history-item.is-visible{visibility:visible;opacity:1}
.history-item.is-moving{transition:transform .62s cubic-bezier(.22,.72,.18,1)}
.history-item.is-leaving{transform:translate3d(var(--exit-x),-1rem,0) rotate(2deg)}
.history-item.is-entering{transform:translate3d(calc(4 * var(--fan-x) + 3.5rem),calc(4 * var(--fan-y) + 1.5rem),0) rotate(6deg)}
.history-paper{width:100%;height:100%;clip-path:polygon(.6% .35%,13% .15%,23% .65%,34% .1%,46% .55%,57% .18%,69% .7%,81% .15%,92% .45%,99.5% .2%,99.8% 13%,99.35% 25%,99.9% 38%,99.5% 51%,99.85% 64%,99.4% 77%,99.8% 89%,99.5% 99.55%,87% 99.8%,75% 99.4%,62% 99.9%,49% 99.5%,36% 99.85%,23% 99.4%,11% 99.8%,.45% 99.5%,.2% 87%,.65% 75%,.15% 62%,.6% 49%,.1% 36%,.7% 23%,.2% 11%)}
.history-text .history-paper{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.25rem,2vw,2rem);background:#d0ff00;color:#000;overflow-y:auto;font-family:STIXTwoText,Georgia,serif}
.history-content{max-width:100%}
.history-content h3{font:700 clamp(1.4rem,2vw,2rem)/1.06 STIXTwoText,Georgia,serif;margin:0 0 .8rem}
.history-content p{font:400 clamp(1rem,1.22vw,1.18rem)/1.25 STIXTwoText,Georgia,serif;margin:0;max-width:46rem}
.history-footer{display:flex;align-items:end;justify-content:space-between;gap:.5rem;flex:none;padding-top:1rem;font:700 clamp(1rem,1.45vw,1.35rem)/1 STIXTwoText,Georgia,serif}
.history-arrow{font:400 clamp(1.8rem,2.5vw,2.6rem)/.75 STIXTwoText,Georgia,serif}
.history-photo .history-paper{display:grid;place-items:center;overflow:hidden;background:transparent}
.history-photo img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}
.history-photo .history-paper{position:relative}
.history-photo .history-paper::before{content:"";position:absolute;z-index:2;left:0;right:0;bottom:0;height:clamp(6rem,25%,10rem);background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,0));opacity:0;visibility:hidden;pointer-events:none}
.history-photo.is-top .history-paper::before{opacity:1;visibility:visible}
.history-photo-caption{position:absolute;z-index:3;left:clamp(.75rem,2vw,1.5rem);bottom:clamp(.75rem,2vw,1.5rem);max-width:calc(100% - 2rem);margin:0;color:#d0ff00;font:400 clamp(.8rem,1.2vw,1.15rem)/1.2 STIXTwoText,Georgia,serif;text-align:left;text-shadow:0 1px 4px #000,0 0 12px #000;opacity:0;visibility:hidden;pointer-events:none}
.history-photo.is-top .history-photo-caption{opacity:1;visibility:visible}
.history-item:nth-child(3n+2) .history-paper{clip-path:polygon(.3% .7%,12% .2%,25% .55%,37% .1%,49% .65%,61% .15%,73% .5%,86% .1%,99.65% .65%,99.35% 12%,99.85% 25%,99.4% 38%,99.75% 50%,99.3% 63%,99.9% 76%,99.45% 88%,99.8% 99.4%,88% 99.7%,76% 99.3%,63% 99.85%,50% 99.4%,38% 99.9%,25% 99.5%,12% 99.8%,.25% 99.3%,.7% 88%,.15% 76%,.6% 63%,.2% 51%,.7% 39%,.1% 26%,.55% 13%)}
.history-item:nth-child(3n+3) .history-paper{clip-path:polygon(.65% .2%,14% .6%,27% .1%,39% .55%,52% .15%,65% .7%,77% .2%,89% .55%,99.3% .1%,99.8% 12%,99.3% 24%,99.9% 37%,99.35% 49%,99.8% 62%,99.4% 75%,99.85% 87%,99.35% 99.8%,87% 99.45%,74% 99.9%,61% 99.3%,48% 99.75%,35% 99.4%,22% 99.85%,10% 99.35%,.7% 99.8%,.15% 87%,.65% 74%,.2% 61%,.7% 48%,.15% 35%,.6% 22%,.1% 10%)}

@media(max-width:800px){.history.section{padding:5.3rem 1.25rem 2.5rem}.history-deck{--card-w:min(68vw,520px);--card-h:min(58svh,500px);--fan-x:12px;--fan-y:10px;width:calc(var(--card-w) + 80px);height:calc(var(--card-h) + 65px);margin-top:1.2rem}.history-text .history-paper{padding:clamp(.8rem,2.5vw,1.2rem)}.history-content h3{font-size:clamp(1.1rem,3.5vw,1.6rem);margin-bottom:.5rem}.history-content p{font-size:clamp(.78rem,2.3vw,1rem);line-height:1.22}.history-footer{font-size:clamp(.8rem,2.7vw,1.1rem)}.history-arrow{font-size:1.7rem}}
@media(prefers-reduced-motion:reduce){.history-item.is-moving{transition:transform .08s linear}.history-item.is-leaving{transform:translate3d(var(--exit-x),0,0)}}

/* Revised header and second-screen composition. */
.site-header{transform:translateY(0);opacity:1;transition:transform .55s cubic-bezier(.22,1.45,.43,1),opacity .25s ease}
.site-header.is-hidden{transform:translateY(calc(-100% - 2rem));opacity:0}
.site-header:focus-within{transform:translateY(0);opacity:1}
.site-nav a{font-weight:700;transition:-webkit-text-stroke .22s ease}
@media(hover:hover){.site-nav a:hover{font-weight:700;-webkit-text-stroke:.055em #000}}
.site-nav a:focus-visible{font-weight:700;-webkit-text-stroke:.055em #000}

.hero-lockup{top:5.95vh}
.hero-stripe{top:61%}
.hero-horovod{z-index:8;pointer-events:auto;animation:horovodBounce 3.8s cubic-bezier(.37,0,.63,1) infinite;will-change:transform}
.question-field{z-index:9}
@keyframes horovodBounce{
0%,100%{transform:translate(-50%,0) rotate(-5.4deg)}
9%{transform:translate(-49.2%,-1.5vh) rotate(-3.9deg)}
21%{transform:translate(-50.8%,.4vh) rotate(-6.8deg)}
32%{transform:translate(-49.6%,-2.1vh) rotate(-4.7deg)}
40%{transform:translate(-51.1%,-.5vh) rotate(-7deg)}
54%{transform:translate(-49.1%,.7vh) rotate(-3.7deg)}
63%{transform:translate(-50.5%,-1.8vh) rotate(-6.2deg)}
76%{transform:translate(-49.4%,.2vh) rotate(-4.1deg)}
87%{transform:translate(-50.9%,-1.2vh) rotate(-6.5deg)}
}
.section-title{font-size:clamp(3.06rem,4.87305vw,5.848rem);letter-spacing:-.025em}
.section-title .outline-letter{font-size:clamp(5.95rem,9.3075vw,11.16953125rem)}

.sticker--1{left:2%;top:8%;right:auto;bottom:auto;width:clamp(12.6rem,20.7vw,22.5rem)}
.sticker--2{left:1%;bottom:3%;right:auto;top:auto;width:clamp(20.4rem,30.6vw,34rem)}
.sticker--3{right:0;top:7%;left:auto;bottom:auto;width:clamp(24rem,36.8vw,38.4rem)}
.sticker--4{right:3%;bottom:3%;left:auto;top:auto;width:23.52rem;height:23.52rem}

.sticker.is-free{z-index:25}

@media(max-width:800px){
  .hero-lockup{top:7vh}
  .sticker--1{left:0;top:17%;width:31.5vw}
  .sticker--2{left:0;bottom:17%;width:54.4vw}
  .sticker--3{right:0;top:18%;width:57.6vw}
  .sticker--4{right:0;bottom:15%;width:94.08vw;height:auto}
}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}.hero-horovod{animation:none}}

/* History: paper surface, editorial text, and two-way controls. */
.history-gallery{display:flex;align-items:center;justify-content:center;gap:clamp(.5rem,1.7vw,1.8rem);position:relative}
.history-gallery .history-deck{margin:0;cursor:default}
.history-nav{appearance:none;position:relative;z-index:5;flex:none;border:0;background:transparent;padding:0;width:clamp(3.25rem,5vw,5rem);aspect-ratio:1;cursor:pointer;display:grid;place-items:center}
.history-nav img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.history-nav:focus-visible{outline:2px solid #000;outline-offset:3px}
.history-nav.is-pressed img{animation:historyButtonPress .34s cubic-bezier(.2,.8,.25,1)}
@keyframes historyButtonPress{0%{transform:scale(1)}38%{transform:scale(.84)}72%{transform:scale(1.08)}100%{transform:scale(1)}}
.history-nav:disabled{cursor:default}
.history-item.is-entering-back{transform:translate3d(-1.5rem,-1rem,0) rotate(-2deg)}
.history-item.is-leaving-back{visibility:hidden;opacity:0}
.history-item.is-cycling-forward{animation:historyCycleForward .82s cubic-bezier(.25,.7,.25,1) forwards}
.history-item.is-cycling-back{animation:historyCycleBack .82s cubic-bezier(.25,.7,.25,1) forwards}
@keyframes historyCycleForward{
  0%{z-index:100;opacity:1;transform:translate3d(0,0,0) rotate(0)}
  38%{z-index:100;opacity:1;transform:translate3d(clamp(3rem,9vw,9rem),-.6rem,0) rotate(8deg)}
  53%{z-index:1;opacity:1;transform:translate3d(clamp(3rem,9vw,9rem),-.6rem,0) rotate(8deg)}
  78%{z-index:1;opacity:1}
  100%{z-index:1;opacity:0;transform:translate3d(calc(-4 * var(--fan-x)),calc(4 * var(--fan-y)),0) rotate(6deg)}
}
@keyframes historyCycleBack{
  0%{z-index:1;opacity:0;transform:translate3d(calc(-4 * var(--fan-x)),calc(4 * var(--fan-y)),0) rotate(6deg)}
  20%{opacity:1}
  45%{z-index:1;transform:translate3d(clamp(-9rem,-9vw,-3rem),-.6rem,0) rotate(-8deg)}
  55%{z-index:100;transform:translate3d(clamp(-9rem,-9vw,-3rem),-.6rem,0) rotate(-8deg)}
  100%{z-index:100;opacity:1;transform:translate3d(0,0,0) rotate(0)}
}
@media(prefers-reduced-motion:reduce){.history-item.is-cycling-forward,.history-item.is-cycling-back{animation:none}}
.history-paper{position:relative;isolation:isolate}
.history-paper::after{content:"";position:absolute;inset:0;z-index:2;background:url('assets/textures/paper texture.png') center/cover no-repeat;mix-blend-mode:multiply;pointer-events:none}

/* The five poster surfaces share the original 929 × 1159 artboard. */
.poster{aspect-ratio:929/1159;padding:0;display:block;border:0;background:#fff;touch-action:auto;isolation:isolate}
.poster-white,.poster-layer{position:absolute;inset:0;width:100%;height:100%}
.poster-white{background:#fff;z-index:0}
.poster-layer{display:block;pointer-events:none}
.poster-graphics{z-index:1}
.poster-font{z-index:2}
.poster-texture{z-index:3;mix-blend-mode:multiply}
.poster-colour{z-index:4;mix-blend-mode:multiply}
.poster-controls{align-self:stretch;display:grid;grid-template-rows:repeat(5,minmax(0,1fr));min-height:0}
.poster-control-row{display:flex;align-items:center;gap:.4rem;font:700 1rem STIXTwoText,Georgia,serif;text-transform:uppercase}
.poster-control-row span{width:5.5rem;text-align:center}
.poster-controls--left .poster-control-row{justify-content:flex-end}
.poster-controls--right .poster-control-row{justify-content:flex-start}
.poster-arrow{appearance:none;border:0;background:transparent;padding:0;width:clamp(3.25rem,5vw,5rem);aspect-ratio:1;flex:none;cursor:pointer;display:grid;place-items:center}
.poster-arrow img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.poster-arrow:focus-visible{outline:2px solid #000;outline-offset:3px}
.poster-arrow.is-pressed img{animation:historyButtonPress .34s cubic-bezier(.2,.8,.25,1)}
@media(max-width:800px){.poster-builder{grid-template-columns:minmax(0,1fr) minmax(0,68vw) minmax(0,1fr);gap:.15rem}.poster{width:100%;margin:0}.poster-control-row span{display:none}.poster-controls--left .poster-control-row,.poster-controls--right .poster-control-row{justify-content:center}.poster-arrow{width:clamp(1.75rem,7vw,2.5rem)}}
@media(prefers-reduced-motion:reduce){.poster-arrow.is-pressed img{animation:none}}
.history-text .history-paper{justify-content:flex-start}
.history-label{align-self:flex-end;text-align:right;text-transform:uppercase;font:700 clamp(.625rem,1.55vw,1.675rem)/.95 STIXTwoText,Georgia,serif;max-width:100%;position:relative;z-index:1}
.history-content{width:100%;margin-top:clamp(.3rem,1.3vh,.8rem);position:relative;z-index:1}
.history-content h3{display:flex;align-items:flex-start;text-transform:none;letter-spacing:-.02em;margin:0 0 clamp(.3rem,1vh,.7rem);font-weight:400}
.history-title-initial{font:400 clamp(4.5rem,11.7vw,10.5rem)/.75 Majestic,Georgia,serif;flex:none;margin-right:.02em}
.history-title-rest{font:400 clamp(1.2rem,2.5vw,2.75rem)/.84 STIXTwoText,Georgia,serif;overflow-wrap:normal}
.history-text--long .history-title-rest{font-size:clamp(1.05rem,1.9vw,2.1rem)}
.history-content p{font:700 clamp(.92rem,1.23vw,1.18rem)/1.2 STIXTwoText,Georgia,serif;max-width:none;margin:0;text-align:left}
.history-stars{display:block;align-self:flex-end;width:clamp(2.75rem,6vw,5.75rem);height:auto;margin-top:auto;padding-top:.5rem;position:relative;z-index:1}
@media(max-width:800px){.history-gallery{display:block}.history-gallery .history-deck{margin:0 auto}.history-nav{position:absolute;top:50%;z-index:5;width:clamp(1.9rem,6vw,3rem);transform:translateY(-50%)}.history-nav--previous{left:0}.history-nav--next{right:0}.history-text .history-paper{padding:clamp(.7rem,2.2vw,1rem)}.history-label{font-size:clamp(.425rem,1.3vw,.675rem)}.history-title-initial{font-size:clamp(3.4rem,13vw,6rem)}.history-title-rest{font-size:clamp(.85rem,2.6vw,1.35rem)}.history-text--long .history-title-rest{font-size:clamp(.75rem,2.3vw,1.1rem)}.history-content p{font-size:clamp(.78rem,2.3vw,1rem);line-height:1.2}.history-stars{width:clamp(2rem,9vw,3.5rem)}}
@media(prefers-reduced-motion:reduce){.history-nav.is-pressed img{animation:none}.history-item.is-entering-back{transform:translate3d(-.3rem,0,0)}}


/* STIX stroke weights use the supplied regular font. */
.display-title,.section-title,.history-title-rest,.poster-title{font-weight:400;-webkit-text-stroke:.035em currentColor}
.display-title,.section-title{line-height:1}
.history-title-rest{line-height:.98}
.site-nav a{font-family:STIXTwoText,Georgia,serif;font-weight:400;-webkit-text-stroke:.045em currentColor}
.site-nav a:hover,.site-nav a:focus-visible,.site-nav a:active{font-weight:400;-webkit-text-stroke:.085em currentColor}
.hero-horovod:hover{animation:horovodFrenzy .28s steps(1,end) infinite}
@keyframes horovodFrenzy{
0%,100%{transform:translate(-50%,0) rotate(-5.4deg)}
12%{transform:translate(-46%,-2.8vh) rotate(4deg)}
25%{transform:translate(-54%,2.4vh) rotate(-15deg)}
37%{transform:translate(-47%,3.2vh) rotate(6deg)}
50%{transform:translate(-53%,-3.4vh) rotate(-17deg)}
62%{transform:translate(-45%,1.3vh) rotate(9deg)}
75%{transform:translate(-55%,-1.8vh) rotate(-12deg)}
87%{transform:translate(-48%,3.5vh) rotate(3deg)}
}
@media(prefers-reduced-motion:reduce){.hero-horovod:hover{animation:none}}
.hero-horovod-shell{position:absolute;z-index:8;left:50%;bottom:4vh;width:min(65.8vw,1260px);aspect-ratio:1318/746;transform:translateX(-50%)}
.hero-horovod{position:absolute;z-index:0;left:50%;top:0;display:block;width:100%;height:100%;animation:horovodBounce 3.8s cubic-bezier(.37,0,.63,1) infinite;pointer-events:auto;will-change:transform}
.hero-horovod-shell:hover .hero-horovod{animation:horovodFrenzy .28s steps(1,end) infinite}
.hero-next{position:absolute;left:50%;top:50%;z-index:10;display:block;transform:translate(-50%,-50%);color:#000;text-decoration:none;white-space:nowrap;text-align:center;font:700 clamp(1.15rem,2vw,2rem)/1 STIXTwoText,Georgia,serif;letter-spacing:.04em;cursor:pointer}
.hero-next span{font-size:1em}
.hero-next:hover,.hero-next:focus-visible{text-decoration:underline;text-underline-offset:.15em}
.hero-next:focus-visible{outline:2px solid #000;outline-offset:5px}
@media(max-width:800px){.hero-horovod-shell{width:115vw;max-width:none;bottom:8vh}.hero-next{width:clamp(72px,16vw,110px)}}
@media(prefers-reduced-motion:reduce){.hero-horovod,.hero-horovod-shell:hover .hero-horovod{animation:none;transform:translateX(-50%) rotate(-5.4deg)}}
@keyframes questionVisibility{0%,94.99%{visibility:visible}95%,100%{visibility:hidden}}
.question{animation:driftDown var(--duration) linear var(--delay) infinite,questionVisibility var(--duration) linear var(--delay) infinite}
@media(prefers-reduced-motion:reduce){.question{opacity:1}}

/* Larger navigation; labels are revealed by their own poster button. */
.site-nav a{font-size:1.3rem;-webkit-text-stroke:.055em currentColor}
.site-nav a:hover,.site-nav a:focus-visible,.site-nav a:active{-webkit-text-stroke:.095em currentColor}
.history-title-initial{-webkit-text-stroke:.025em currentColor}
.poster-control-row{position:relative}
.poster-control-row span{opacity:0;pointer-events:none;transition:opacity .18s ease}
.poster-control-row:has(.poster-arrow:hover) span,.poster-control-row:has(.poster-arrow:focus-visible) span{opacity:1}
@media(max-width:800px){
.site-nav a{font-size:.975rem}
.poster-control-row span{display:block;position:absolute;z-index:6;top:50%;width:max-content;max-width:6rem;padding:.2rem .35rem;background:var(--pink);font-size:.8rem;transform:translateY(-50%)}
.poster-controls--left .poster-control-row span{left:100%}
.poster-controls--right .poster-control-row span{right:100%}
}

/* Requested final screen refinements. */
.about-stage{max-width:none}
.about-copy{font-size:clamp(.91rem,1.2103vw,1.4469rem);-webkit-text-stroke:.035em currentColor}
.copy-one,.copy-three{left:0}.copy-two{right:0}
.history-text .history-paper{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto 1fr;column-gap:clamp(.7rem,1.5vw,1.4rem);row-gap:clamp(.3rem,1.3vh,.8rem)}
.history-label{grid-column:1 / -1;justify-self:end}
.history-content{display:contents}
.history-content h3{grid-column:1 / -1;display:block;position:relative;z-index:1;line-height:1.1;margin:0}
.history-title-initial{font-size:clamp(3.15rem,8.19vw,7.35rem);line-height:.75;vertical-align:baseline}
.history-title-rest{display:inline}
.history-content p{grid-column:1;grid-row:3;align-self:end;position:relative;z-index:1;transform:rotate(1deg);transform-origin:right bottom}
.history-stars{grid-column:2;grid-row:3;align-self:end;margin:0;padding:0}
.poster-builder{gap:clamp(.3rem,.7vw,.7rem)}
.poster-control-row span{display:none}
.poster-control-row:has(.poster-arrow:focus-visible) span{display:block;position:absolute;z-index:10;top:100%;width:max-content;background:var(--pink);opacity:1}
.poster-cursor-label{position:fixed;z-index:100;pointer-events:none;background:var(--pink);padding:.15rem .3rem;font:700 1rem STIXTwoText,Georgia,serif;text-transform:uppercase;white-space:nowrap}
.poster-cursor-label[hidden]{display:none}
.contacts{min-height:45svh;padding-bottom:1.75rem}
.contact-qr{display:block;width:min(18vw,220px);height:auto;aspect-ratio:1;object-fit:contain}
@media(max-width:800px){.about-copy{font-size:.9555rem}.history-title-initial{font-size:clamp(2.38rem,9.1vw,4.2rem)}.poster-builder{gap:.15rem}.contact-qr{width:min(40vw,180px)}.contact-content{gap:1rem}.contacts{padding-top:3rem;min-height:45svh}}

/* Export artwork shares the spring press animation of the arrow buttons. */
.download,.download:hover{position:relative;display:grid;place-items:center;width:min(22rem,78vw);aspect-ratio:1938/688;border:0;padding:0;background:transparent;color:#d0ff00;font:400 clamp(1.3rem,2.08vw,1.82rem)/1 STIXTwoText,Georgia,serif;-webkit-text-stroke:.045em currentColor;text-transform:uppercase;isolation:isolate}
.download img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:-1;pointer-events:none}
.download span{pointer-events:none}
.download.is-pressed{animation:historyButtonPress .34s cubic-bezier(.2,.8,.25,1)}
.download:focus-visible{outline:2px solid #000;outline-offset:4px}
.download:disabled{cursor:wait}
.about-copy{text-wrap:pretty}
@media(prefers-reduced-motion:reduce){.download.is-pressed{animation:none}}

/* Larger second-screen artwork; the eyes share the head's coordinate system. */
.face{width:min(37.2vw,684px)}
.sticker--1{width:clamp(15.12rem,24.84vw,27rem)}
.sticker--2{width:clamp(24.48rem,36.72vw,40.8rem)}
.sticker--3{width:clamp(28.8rem,44.16vw,46.08rem)}
.sticker--4{width:28.224rem;height:28.224rem}
.sticker--5{width:10.8rem;height:8.4rem}
/* Tighten the transitions after the first screen by forty percent. */
.about.section{padding-bottom:2.1rem}
.history.section{min-height:60svh;padding-top:2.04rem;padding-bottom:1.5rem}
.party.section{min-height:60svh;padding-top:2.04rem;padding-bottom:2.1rem}
.contacts.section{padding-top:2.04rem}
@media(max-width:800px){
.face{width:74.4vw}
.sticker--1{width:37.8vw}
.sticker--2{width:65.28vw}
.sticker--3{width:69.12vw}
.sticker--4{width:112.896vw;height:auto}
.about.section{padding-bottom:1.8rem}
.history.section{padding-top:3.18rem;padding-bottom:1.5rem}
.party.section{padding-top:3.18rem;padding-bottom:1.8rem}
.contacts.section{padding-top:1.8rem}
}
.loading-screen{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#000;opacity:1;visibility:visible;transition:opacity .35s ease,visibility .35s ease}
.loading-screen.is-finished{opacity:0;visibility:hidden;pointer-events:none}
.loading-slots{--slot-size:clamp(100px,23vw,253px);display:flex;align-items:center;justify-content:center;gap:0}
.loading-slot+.loading-slot{margin-left:calc(-.18 * var(--slot-size))}
.loading-slot{width:var(--slot-size);height:var(--slot-size);overflow:hidden}
.loading-reel{display:flex;flex-direction:column;will-change:transform}
.loading-reel img{display:block;width:var(--slot-size);height:var(--slot-size);flex:none}
.loading-reel--left{animation:loading-left 2.25s cubic-bezier(.5,0,.3,1) both}
.loading-reel--middle{animation:loading-middle 2.25s cubic-bezier(.28,.03,.35,1) both}
.loading-reel--right{animation:loading-right 2.25s cubic-bezier(.5,0,.3,1) both}
@keyframes loading-left{0%,12%{transform:translateY(0)}65%,100%{transform:translateY(calc(-1 * var(--slot-size)))}}
@keyframes loading-middle{0%{transform:translateY(0)}82%,100%{transform:translateY(calc(-8 * var(--slot-size)))}}
@keyframes loading-right{0%,29%{transform:translateY(0)}82%,100%{transform:translateY(calc(-1 * var(--slot-size)))}}
@media(prefers-reduced-motion:reduce){.loading-reel--left,.loading-reel--right{animation:none;transform:translateY(calc(-1 * var(--slot-size)))}.loading-reel--middle{animation:none;transform:translateY(calc(-2 * var(--slot-size)))}.loading-screen{transition:none}}

/* About screen: closer copy and stickers that start on the paragraphs. */
.about-copy{width:19vw;max-width:19vw;text-wrap:pretty}
.copy-one{left:9%;top:3%}
.copy-two{right:4%;top:43%}
.copy-three{left:5%;bottom:2%}
.sticker--1{left:8%;top:5%;width:clamp(13.3rem,21.9vw,23.8rem)}
.sticker--2{left:8%;bottom:2%;width:clamp(21.5rem,32.3vw,35.9rem)}
.sticker--3{right:8%;top:40%;width:clamp(25.3rem,38.9vw,40.6rem)}
.sticker--4{right:22%;top:20%;bottom:auto;width:clamp(17rem,28vw,24.8rem);height:auto;aspect-ratio:1}
.sticker.is-twitching img{animation:stickerTwitch .42s steps(1,end) 1}
@keyframes stickerTwitch{0%,100%{transform:translate(0,0) rotate(0)}20%{transform:translate(-8px,5px) rotate(-7deg)}42%{transform:translate(9px,-7px) rotate(8deg)}65%{transform:translate(-5px,-4px) rotate(-5deg)}82%{transform:translate(6px,4px) rotate(4deg)}}
@media(max-width:800px){
  .about-copy{width:auto;max-width:68%;left:4%;right:4%}
  .about-copy br{display:none}
  .sticker--1{left:5%;top:1%;width:33vw}
  .sticker--2{left:5%;bottom:1%;width:56vw}
  .sticker--3{right:5%;top:67%;width:60vw}
  .sticker--4{right:19%;top:45%;bottom:auto;width:70vw;height:auto}
}
@media(prefers-reduced-motion:reduce){.sticker.is-twitching img{animation:none}}

.about-copy::before{position:absolute;top:-.7rem;left:-3.3rem;display:grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:50%;background:#000;color:#d0ff00;font-family:STIXTwoText,Georgia,serif;font-size:clamp(1.3rem,1.6vw,1.8rem);font-weight:700;line-height:1;-webkit-text-stroke:.045em #d0ff00}
.copy-one::before{content:"1"}
.copy-two::before{content:"2";left:-3.3rem;right:auto}
.copy-three::before{content:"3"}
@media(max-width:800px){.about-copy::before{left:-.7rem;top:-2.8rem;width:2.2rem;height:2.2rem;font-size:1.25rem}.copy-two::before{left:-.7rem;right:auto}}

/* Keep the composition usable when the window narrows or browser zoom increases. */
@media(min-width:801px) and (max-width:1100px){
  .about-copy{width:21vw;max-width:21vw;font-size:clamp(.85rem,1.3vw,1rem)}
  .copy-one{left:7%}.copy-two{right:4%}.copy-three{left:4%}
  .sticker--4{right:19%}
}
@media(max-width:800px){
  .about-stage{height:max(84rem,150svh);min-height:0;overflow:visible}
  .face{width:min(74.4vw,32rem)}
  .about-copy{font-size:clamp(.84rem,2.1vw,1rem)}
  .history-deck{--card-w:min(68vw,520px);--card-h:max(28rem,58svh);width:min(calc(100vw - 5rem),calc(var(--card-w) + 4rem));height:calc(var(--card-h) + 4rem)}
  .poster-builder{min-width:0}
  .poster-controls,.poster{min-width:0}
}
@media(max-width:900px){
  .about-stage{display:grid;grid-template-columns:1fr;gap:clamp(2rem,7vw,3.5rem);height:auto;min-height:0;overflow:visible}
  .about-copy{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:min(70vw,26rem);max-width:none;font-size:clamp(.95rem,1.8vw,1.1rem)}
  .copy-one,.copy-three{justify-self:start;margin-left:1.3rem}
  .copy-two{justify-self:end;margin-right:1.3rem}
  .face{position:relative;left:auto;top:auto;grid-row:2;justify-self:center;transform:none;width:min(80vw,26rem)}
  .sticker--4{right:17%;top:35%;width:min(70vw,24.8rem)}
}

/* Artwork and controls respond to both viewport width and viewport height. */
.hero-horovod-shell{width:min(65.8vw,100svh,1260px)}
.face{width:min(37.2vw,60svh,684px)}
.copy-one .sticker--1{left:-8%;top:0;right:auto;bottom:auto}
.copy-three .sticker--2{left:-8%;top:0;right:auto;bottom:auto}
.copy-two .sticker--3{right:-8%;top:0;left:auto;bottom:auto}
@media(max-width:900px){
  .face{width:min(80vw,55svh,26rem)}
  .copy-one .sticker--1{left:-5%;top:0;width:min(38vw,16rem)}
  .copy-three .sticker--2{left:-5%;top:0;width:min(58vw,27rem)}
  .copy-two .sticker--3{right:-5%;top:0;width:min(60vw,28rem)}
  .sticker--4{width:min(70vw,45svh,24.8rem)}
}
@media(max-width:800px){
  .hero-horovod-shell{width:min(115vw,100svh)}
  .hero-next{width:auto;padding:.3em;font-size:clamp(1rem,3vw,1.5rem)}
  .history-gallery{max-width:100%}
  .history-deck{--card-w:min(68vw,520px);width:min(calc(100vw - 5rem),calc(var(--card-w) + 4rem))}
  .poster-builder{grid-template-columns:minmax(2rem,1fr) minmax(0,68vw) minmax(2rem,1fr)}
  .poster-control-row{min-width:0}
}
@media(max-width:600px){
  .hero-lockup{top:clamp(2rem,7svh,4rem)}
  .hero-horovod-shell{width:min(115vw,92svh);bottom:5svh}
  .section-title{font-size:clamp(2.8rem,9vw,4.5rem)}
  .section-title .outline-letter{font-size:clamp(5rem,17vw,8rem)}
  .about-copy{width:min(72vw,24rem)}
  .about-copy::before{width:clamp(2rem,7vw,2.4rem);height:clamp(2rem,7vw,2.4rem)}
  .history-deck{--card-w:min(70vw,30rem);--card-h:max(29rem,60svh);--fan-x:clamp(5px,1.5vw,12px);--fan-y:clamp(4px,1.2vw,10px);width:min(calc(100vw - 4.5rem),calc(var(--card-w) + 2.5rem))}
  .history-nav{width:clamp(1.8rem,7vw,2.5rem)}
  .poster-builder{grid-template-columns:minmax(0,1fr) minmax(0,70vw) minmax(0,1fr)}
  .poster-arrow{width:clamp(1.3rem,6vw,2.3rem)}
  .contact-content{font-size:clamp(1rem,4vw,1.35rem)}
}
@media(max-height:650px) and (min-width:901px){
  .hero-lockup{top:2svh}
  .hero-title{font-size:min(8.02vw,13svh)}
  .hero-title .outline-letter{font-size:min(15.31vw,25svh)}
  .hero-horovod-shell{width:min(65.8vw,90svh)}
}

/* History opens and closes with a paragraph while the card stack waits at the edge. */
.history.section{overflow:hidden;min-height:max(42rem,90svh)}
.history-gallery{transition:transform .85s cubic-bezier(.22,.72,.18,1);will-change:transform}
.history.section[data-history-mode="intro"] .history-gallery,.history.section[data-history-mode="outro"] .history-gallery{transform:translateX(50vw)}
.history-nav{transition:opacity .2s ease,visibility .2s ease}
.history.section:not([data-history-mode="reading"]) .history-nav{opacity:0;visibility:hidden;pointer-events:none}
.history.section[data-history-mode="reading"] .history-nav{transition-delay:.55s}
.history-story{position:absolute;z-index:6;top:52%;left:50%;width:min(29rem,42vw);transform:translate(-50%,-50%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease}
.history.section[data-history-mode="intro"] .history-story--intro,.history.section[data-history-mode="outro"] .history-story--outro{opacity:1;visibility:visible;pointer-events:auto;transition-delay:.3s}
.history-story-copy{position:relative;margin:0;font-family:STIXTwoText,Georgia,serif;font-size:clamp(.91rem,1.2103vw,1.4469rem);line-height:1.14;-webkit-text-stroke:.035em currentColor;text-wrap:pretty}
.history-story-copy::before{position:absolute;top:-.7rem;left:-3.3rem;display:grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:50%;background:#000;color:#d0ff00;font-family:STIXTwoText,Georgia,serif;font-size:clamp(1.3rem,1.6vw,1.8rem);font-weight:700;line-height:1;-webkit-text-stroke:.045em #d0ff00}
.history-story--intro .history-story-copy::before{content:"4"}
.history-story--outro .history-story-copy::before{content:"5"}
.history-story-button{display:inline-block;margin-top:1.4rem;padding:.5rem 0;border:0;border-bottom:2px solid #000;background:transparent;color:#000;font:700 clamp(.95rem,1.2vw,1.3rem)/1 STIXTwoText,Georgia,serif;text-align:left;cursor:pointer}
.history-story-button span{display:inline-block;margin-left:.3em;transition:transform .2s ease}
.history-story-button:hover span,.history-story-button:focus-visible span{transform:translateX(.4em)}
.history-story-button:focus-visible{outline:2px solid #000;outline-offset:4px}
@media(max-width:900px){
  .history.section{min-height:max(38rem,90svh)}
  .history-story{width:min(65vw,26rem)}
  .history-story-copy{font-size:clamp(.95rem,1.8vw,1.1rem)}
}
@media(max-width:600px){
  .history.section{min-height:max(40rem,95svh)}
  .history-story{left:47%;width:min(68vw,24rem)}
  .history-story-copy::before{left:-2.6rem;width:2.2rem;height:2.2rem;font-size:1.25rem}
  .history-story-button{font-size:.95rem}
}
@media(prefers-reduced-motion:reduce){.history-gallery,.history-story,.history-nav{transition:none}}

.history.section{padding-bottom:6rem}
.history-quicknav{position:absolute;z-index:10;left:50%;bottom:1.5rem;display:flex;align-items:center;justify-content:center;gap:clamp(.4rem,1.2vw,1rem);width:max-content;max-width:calc(100% - 2rem);transform:translateX(-50%)}
.history-quicknav button{appearance:none;min-height:2.6rem;padding:.5rem clamp(.65rem,1.4vw,1.3rem);border:2px solid #000;border-radius:999px;background:transparent;color:#000;font:700 clamp(.72rem,.95vw,1rem)/1 STIXTwoText,Georgia,serif;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.history-quicknav button:hover{transform:translateY(-3px)}
.history-quicknav button[aria-pressed="true"]{background:#000;color:#d0ff00}
.history-quicknav button:focus-visible{outline:2px solid #000;outline-offset:3px}
@media(max-width:600px){.history.section{padding-bottom:5.5rem}.history-quicknav{gap:.3rem;bottom:1rem}.history-quicknav button{min-height:2.4rem;padding:.4rem .55rem;font-size:clamp(.65rem,2.8vw,.8rem)}}


/* Intro curtain shares the poster's exact artboard and never enters PNG export. */
.poster-intro{position:absolute;inset:0;z-index:5;display:grid;align-items:center;padding:clamp(1.25rem,4vw,4rem);background:#000;color:#d0ff00}
.poster-intro[hidden]{display:none}
.poster-intro-content{width:100%;max-width:26rem;margin:auto}
.poster-intro-copy{position:relative;margin:0 0 0 3.3rem;font:400 clamp(.91rem,1.2103vw,1.4469rem)/1.14 STIXTwoText,Georgia,serif;-webkit-text-stroke:.035em currentColor;text-wrap:pretty}
.poster-intro-number{position:absolute;left:-3.3rem;top:-.7rem;display:grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:50%;background:#d0ff00;color:#000;font-size:clamp(1.3rem,1.6vw,1.8rem);font-weight:700;-webkit-text-stroke:.045em #000}
.poster-intro-button{display:block;appearance:none;margin:1.6rem 0 0 3.3rem;padding:.6rem 0;border:0;border-bottom:2px solid currentColor;background:transparent;color:#d0ff00;font:700 clamp(.95rem,1.2vw,1.3rem)/1.15 STIXTwoText,Georgia,serif;text-align:left;cursor:pointer}
.poster-intro-button span{display:inline-block;margin-left:.3em;transition:transform .2s}
.poster-intro-button:hover span{transform:translateY(-.3em)}
.poster-intro-button:focus-visible{outline:2px solid #d0ff00;outline-offset:6px}
.poster-controls,.party .download{transition:opacity .25s ease}
.party:not([data-poster-mode="ready"]) .poster-controls,.party:not([data-poster-mode="ready"]) .download,.party:not([data-poster-mode="ready"]) .download-note{opacity:0;visibility:hidden;pointer-events:none}

/* Responsive sizing uses available space rather than fixed minimum columns. */
.site-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:clamp(.6rem,2.2vw,2.5rem)}
.site-nav a{min-height:2.75rem;display:flex;align-items:center}
.section{scroll-margin-top:4rem}
.poster-builder{width:100%;grid-template-columns:minmax(44px,1fr) minmax(0,620px) minmax(44px,1fr)}
.poster{width:100%;margin:0;min-width:0}
.poster-arrow{max-width:100%;min-height:44px;min-width:44px}
@media(max-width:1000px){
  .about-stage{display:grid;grid-template-columns:1fr;gap:3.5rem;height:auto;min-height:0;padding-top:2rem}
  .about-copy{position:relative;inset:auto;width:min(76%,30rem);max-width:none;font-size:clamp(.95rem,1.8vw,1.1rem)}
  .copy-one,.copy-three{justify-self:start;margin-left:2.5rem}
  .copy-two{justify-self:end;margin-right:1rem}
  .face{position:relative;inset:auto;grid-row:2;justify-self:center;transform:none;width:min(70vw,26rem)}
  .sticker--4{left:auto;right:10%;top:35%;bottom:auto;width:min(50vw,20rem)}
  .hero-title{font-size:clamp(2rem,8.5vw,5rem)}
  .hero-title .outline-letter{font-size:clamp(4rem,17vw,10rem)}
}
@media(max-width:800px){
  .section:not(.hero){padding-left:1rem;padding-right:1rem}
  .poster-builder{grid-template-columns:44px minmax(0,1fr) 44px;gap:4px;max-width:38rem}
  .poster-arrow{width:44px;height:44px}
  .poster-intro{padding:clamp(.8rem,3vw,1.5rem)}
  .poster-intro-copy{font-size:clamp(.95rem,1.8vw,1.1rem);margin-left:0;padding-top:3rem;line-height:1.2}
  .poster-intro-number{left:0;top:0;width:2.2rem;height:2.2rem;font-size:1.25rem}
  .poster-intro-button{margin:1.1rem 0 0;font-size:clamp(.8rem,2.8vw,.95rem)}
  .history-deck{--card-w:min(66vw,520px);--card-h:max(32rem,65svh)}
  .history-story{width:min(68vw,26rem)}
  .history-content p{font-size:clamp(.9rem,2.3vw,1rem);line-height:1.25}
  .history-text .history-paper{grid-template-columns:minmax(0,1fr);overflow-y:auto}
  .history-stars{display:none}
  .history.section{min-height:max(45rem,95svh)}
  .contact-content{flex-direction:column;text-align:center}
}
@media(max-width:380px){
  .poster-builder{grid-template-columns:44px minmax(0,1fr) 44px;gap:0}
  .poster-intro{padding:.65rem}
  .poster-intro-copy{font-size:.875rem;padding-top:2.2rem;line-height:1.12}
  .poster-intro-number{width:1.8rem;height:1.8rem;font-size:1.1rem}
  .poster-intro-button{margin-top:.65rem;font-size:.75rem}
  .site-nav{gap:.65rem}.site-nav a{font-size:.875rem}
}
@media(max-height:550px) and (min-width:601px){
  .hero{min-height:38rem}
  .hero-lockup{top:4rem}
  .hero-horovod-shell{width:min(65vw,40rem);bottom:1rem}
}
@media(prefers-reduced-motion:reduce){
  .poster-controls,.party .download,.poster-intro-button span{transition:none}
}

/* Updated introduction and project story. */
.hero-description{position:absolute;z-index:9;top:34%;left:50%;width:min(42rem,74vw);margin:0;transform:translateX(-50%);font-size:clamp(1rem,1.35vw,1.5rem);line-height:1.2;text-align:center;text-wrap:pretty}
.about.section{padding-bottom:3rem}
.about-stage{display:flex;flex-direction:column;align-items:center;gap:1.5rem;height:auto;min-height:0;max-width:1550px;padding:0 0 1rem;overflow:visible}
.about-stage .face{position:relative;inset:auto;flex:none;transform:none;width:min(26vw,42svh,480px);margin:0 auto}
.about-text{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;width:100%;gap:1.15rem}
.about-stage .about-copy{position:relative;inset:auto;transform:none;width:min(45rem,72vw);max-width:none;margin:0;text-align:center;font-size:clamp(1rem,1.3vw,1.4rem);line-height:1.22}
.about-stage .about-copy::before{display:none}
.about-stars{display:block;width:clamp(3rem,5vw,5rem);height:auto;margin:.25rem auto .5rem}
.about-stage .sticker{z-index:5}
.about-stage .sticker--1{left:3%;top:12%;width:clamp(9rem,18vw,18rem)}
.about-stage .sticker--2{left:0;top:55%;bottom:auto;width:clamp(12rem,25vw,27rem)}
.about-stage .sticker--3{right:1%;top:39%;width:clamp(13rem,27vw,29rem)}
.about-stage .sticker--4{right:7%;top:73%;bottom:auto;width:clamp(10rem,20vw,21rem)}
.about-next{display:table;position:relative;z-index:6;margin:1.5rem auto 0;padding:.6rem .2rem;border-bottom:2px solid #000;color:#000;text-decoration:none;text-align:center;font:700 clamp(1rem,1.2vw,1.3rem)/1 STIXTwoText,Georgia,serif}
.about-next:hover,.about-next:focus-visible{transform:translateY(-3px)}
.about-next:focus-visible,.contact-button:focus-visible{outline:2px solid #000;outline-offset:4px}
.contacts.section{min-height:70svh;padding-bottom:3rem}
.contact-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}
.contact-content p{width:min(42rem,80vw);margin:0;font-size:clamp(1rem,1.35vw,1.5rem);line-height:1.22;text-wrap:pretty}
.contact-button{display:inline-block;padding:.7rem 1rem;border:2px solid #000;border-radius:999px;background:#000;color:#d0ff00;text-decoration:none;text-align:center;font:700 clamp(.9rem,1.15vw,1.2rem)/1.1 STIXTwoText,Georgia,serif}
.contact-button:hover{background:#d0ff00;color:#000}
.contact-qr{width:min(18vw,220px)}
@media(max-width:900px){
  .hero-description{top:32%;width:min(35rem,80vw)}
  .about-stage{display:flex;gap:1rem;padding-top:0}
  .about-stage .face{width:min(56vw,32svh,22rem)}
  .about-stage .about-copy{width:min(36rem,76vw);font-size:clamp(.95rem,2.1vw,1.1rem)}
  .about-stage .sticker--1{left:-1%;top:8%;width:24vw}
  .about-stage .sticker--2{left:-3%;top:53%;width:32vw}
  .about-stage .sticker--3{right:-2%;top:30%;width:33vw}
  .about-stage .sticker--4{right:-2%;top:77%;width:28vw}
}
@media(max-width:600px){
  .hero-description{top:31%;width:86vw;font-size:clamp(.9rem,3.5vw,1.05rem)}
  .hero-horovod-shell{bottom:2svh;width:min(100vw,54svh)}
  .about-stage .face{width:min(65vw,32svh)}
  .about-stage .about-copy{width:82vw;font-size:1rem}
  .about-text{gap:.8rem}
  .about-stars{width:3rem;margin:.2rem auto}
  .about-stage .sticker--1{left:-6%;top:8%;width:33vw}
  .about-stage .sticker--2{left:-8%;top:56%;width:42vw}
  .about-stage .sticker--3{right:-8%;top:28%;width:44vw}
  .about-stage .sticker--4{right:-6%;top:79%;width:38vw}
  .contact-content p{width:88vw;font-size:1rem}
  .contact-qr{width:min(40vw,180px)}
}

/* Draggable artwork starts on top of the project copy. */
.hero-description{width:min(55rem,84vw);font-family:STIXTwoText,Georgia,serif;font-size:clamp(1rem,1.3vw,1.4rem);font-weight:400;line-height:1.22;-webkit-text-stroke:.035em currentColor}
@media(min-width:901px){.hero-description{top:34%;width:96vw;white-space:nowrap;text-wrap:nowrap}}
.about-stage{display:block}
.about-stage .face{position:absolute;left:40%;top:0;right:auto;bottom:auto;z-index:5;width:min(18vw,29svh,330px);margin:0;transform:none}
.about-text{padding-top:2.5rem}
.about-stage .sticker--1{left:8%;top:18%;width:clamp(8rem,15vw,15rem)}
.about-stage .sticker--2{left:8%;top:59%;width:clamp(10rem,20vw,21rem)}
.about-stage .sticker--3{right:7%;top:35%;width:clamp(10rem,21vw,22rem)}
.about-stage .sticker--4{right:10%;top:78%;width:clamp(8rem,17vw,17rem)}
.face.is-free{transform:none;margin:0}

/* The enlarged stickers begin on top of the three project paragraphs. */
.about-stage .sticker--1{left:23%;top:10%;width:clamp(10rem,18.75vw,18.75rem)}
.about-stage .sticker--2{left:25%;top:68%;width:clamp(12.5rem,25vw,26.25rem)}
.about-stage .sticker--3{right:22%;top:39%;width:clamp(12.5rem,26.25vw,27.5rem)}
.about-stage .sticker--4{right:20%;top:12%;width:clamp(10rem,21.25vw,21.25rem)}
.face.is-twitching .head-art{animation:stickerTwitch .42s steps(1,end) 1}
.contact-content p{width:min(45rem,72vw);font-size:clamp(1rem,1.3vw,1.4rem);line-height:1.22;-webkit-text-stroke:.035em currentColor}
.history.section[data-history-mode="reading"] .history-item.is-top{pointer-events:auto;cursor:pointer}
.history-item.is-top:focus-visible{outline:3px solid #000;outline-offset:6px}
.history-item.is-tapped .history-paper{animation:historyCardTap .14s ease-out}
@keyframes historyCardTap{0%,100%{transform:translateY(0)}50%{transform:translateY(2px)}}
@media(prefers-reduced-motion:reduce){.history-item.is-tapped .history-paper{animation:none}}
@media(max-width:900px){.about-stage .sticker--1{left:18%;top:18%;width:30vw}.about-stage .sticker--2{left:20%;top:63%;width:37.5vw}.about-stage .sticker--3{right:19%;top:36%;width:36.25vw}.about-stage .sticker--4{right:16%;top:76%;width:31.25vw}}
@media(max-width:600px){.about-stage .sticker--1{left:15%;top:19%;width:40vw}.about-stage .sticker--2{left:16%;top:66%;width:48.75vw}.about-stage .sticker--3{right:14%;top:40%;width:46.25vw}.about-stage .sticker--4{right:12%;top:81%;width:38.75vw}.contact-content p{width:82vw;font-size:1rem}}
@media(max-width:900px){
  .hero-description{width:86vw;font-size:clamp(.95rem,2.1vw,1.1rem)}
  .about-stage .face{left:37%;top:1%;width:min(26vw,24svh,13rem)}
  .about-stage .sticker--1{left:0;top:20%;width:24vw}
  .about-stage .sticker--2{left:-2%;top:59%;width:30vw}
  .about-stage .sticker--3{right:0;top:36%;width:29vw}
  .about-stage .sticker--4{right:1%;top:79%;width:25vw}
}
@media(max-width:600px){
  .hero-description{width:90vw;font-size:1rem}
  .about-stage .face{left:35%;top:1%;width:min(30vw,19svh)}
  .about-text{padding-top:1rem}
  .about-stage .sticker--1{left:-4%;top:18%;width:32vw}
  .about-stage .sticker--2{left:-6%;top:60%;width:39vw}
  .about-stage .sticker--3{right:-5%;top:34%;width:37vw}
  .about-stage .sticker--4{right:-3%;top:79%;width:31vw}
}
@media(max-width:900px){.about-stage .sticker--1{left:18%;top:18%;width:30vw}.about-stage .sticker--2{left:20%;top:63%;width:37.5vw}.about-stage .sticker--3{right:19%;top:36%;width:36.25vw}.about-stage .sticker--4{right:16%;top:76%;width:31.25vw}}
@media(max-width:600px){.about-stage .sticker--1{left:15%;top:19%;width:40vw}.about-stage .sticker--2{left:16%;top:66%;width:48.75vw}.about-stage .sticker--3{right:14%;top:40%;width:46.25vw}.about-stage .sticker--4{right:12%;top:81%;width:38.75vw}}
/* Reference composition */
.hero-title{font-size:clamp(3.3rem,6.416vw,7.69rem)}
.hero-title .outline-letter{font-size:clamp(6rem,12.248vw,14.7rem)}
.hero-stripe{top:50%}
.hero-description{top:25%;width:min(48rem,78vw);white-space:normal;text-wrap:balance;line-height:1.05}
.section-title{font-size:clamp(2.15rem,3.41vw,4.1rem)}
.section-title .outline-letter{font-size:clamp(4.16rem,6.52vw,7.82rem)}
.about.section{min-height:145svh;padding-bottom:3rem}
.about-stage{height:118svh;min-height:920px;max-width:1100px}
.about-text{display:block;padding:0;height:100%;position:relative}
.about-stage .about-copy{position:absolute;width:29%;max-width:none;margin:0;text-align:left;font-size:clamp(.9rem,1.25vw,1.22rem);line-height:1.18;z-index:3}
.about-stage .copy-one{left:20%;top:6%}
.about-stage .copy-two{left:49%;top:38%}
.about-stage .copy-three{left:17%;top:71%}
.about-stage .about-text:before,.about-stage .about-text:after,.about-stage:before{content:"";position:absolute;background-repeat:no-repeat;background-size:contain;pointer-events:none;z-index:1}
.about-stage .about-text:before{background-image:url('assets/textures/1.png');left:9%;top:0;width:49%;height:40%}
.about-stage .about-text:after{background-image:url('assets/textures/2.png');right:6%;top:31%;width:52%;height:40%}
.about-stage:before{background-image:url('assets/textures/3.png');left:9%;top:64%;width:45%;height:34%}
.about-stage .sticker--1{left:8%;top:7%;width:25%}
.about-stage .sticker--2{left:17%;top:66%;width:30%}
.about-stage .sticker--3{right:8%;top:39%;width:31%}
.about-stage .sticker--4{right:13%;top:12%;width:25%}
.hero-next,.about-next,.history-story-button,.history-quicknav button,.download{border:3px solid #000;border-radius:44% 56% 49% 51% / 58% 42% 56% 44%;background:#ff7fdf;color:#000;padding:.22em .55em;text-decoration:none;transition:background .2s,color .2s}
.hero-next:hover,.about-next:hover,.history-story-button:hover,.history-quicknav button:hover,.download:hover,.hero-next:focus-visible,.about-next:focus-visible,.history-story-button:focus-visible,.history-quicknav button:focus-visible,.download:focus-visible{background:#000;color:#ff7fdf;animation:wobbleBorder .45s steps(3,end) infinite}
@keyframes wobbleBorder{0%,100%{border-radius:44% 56% 49% 51% / 58% 42% 56% 44%}33%{border-radius:55% 45% 61% 39% / 38% 63% 42% 57%}66%{border-radius:38% 62% 43% 57% / 63% 39% 60% 40%}}
.download img{display:none}
@media(max-width:800px){.about.section{min-height:1250px}.about-stage{height:1050px;min-height:0}.about-stage .about-copy{font-size:clamp(.75rem,2.4vw,1rem);width:45%}.about-stage .copy-one{left:12%;top:6%}.about-stage .copy-two{left:48%;top:37%}.about-stage .copy-three{left:10%;top:70%}.about-stage .about-text:before{left:0;width:70%}.about-stage .about-text:after{right:0;width:70%}.about-stage:before{left:0;width:65%}.hero-description{top:30%;width:85vw}}
@media(prefers-reduced-motion:reduce){.hero-next:hover,.about-next:hover,.history-story-button:hover,.history-quicknav button:hover,.download:hover{animation:none}}
/* Corrections to reference layout */
.hero-lockup{top:2vh}
.hero-stripe{top:61%}
.hero-description{top:28%;width:min(51rem,84vw);line-height:1.1}
.hero-horovod{width:min(88.83vw,1701px)}
.hero-next span,.about-next span,.history-story-button span{display:none}
.hero-next,.about-next,.history-story-button,.history-quicknav button,.download{border:0;outline:0;background:transparent;color:#000;padding:.35em .7em;text-decoration:none;position:relative;isolation:isolate;transform:none}
.hero-next:before,.about-next:before,.history-story-button:before,.history-quicknav button:before,.download:before{content:"";position:absolute;inset:0;z-index:-1;background:#ff7fdf;border:3px solid #000;clip-path:polygon(0% 18%,4% 7%,13% 9%,20% 2%,30% 8%,41% 4%,52% 10%,63% 3%,75% 8%,85% 4%,95% 10%,100% 22%,98% 42%,100% 61%,97% 82%,92% 95%,81% 92%,70% 99%,58% 93%,47% 98%,36% 92%,25% 99%,15% 93%,5% 96%,0% 83%,3% 61%,0% 41%);border-radius:0}
.hero-next:hover,.about-next:hover,.history-story-button:hover,.history-quicknav button:hover,.download:hover,.hero-next:focus-visible,.about-next:focus-visible,.history-story-button:focus-visible,.history-quicknav button:focus-visible,.download:focus-visible{background:transparent;color:#ff7fdf;animation:none}
.hero-next:hover:before,.about-next:hover:before,.history-story-button:hover:before,.history-quicknav button:hover:before,.download:hover:before,.hero-next:focus-visible:before,.about-next:focus-visible:before,.history-story-button:focus-visible:before,.history-quicknav button:focus-visible:before,.download:focus-visible:before{background:#000;animation:roughButton .32s steps(2,end) infinite}
@keyframes roughButton{50%{clip-path:polygon(2% 10%,10% 3%,20% 8%,32% 2%,43% 9%,54% 4%,66% 10%,78% 2%,91% 8%,99% 18%,97% 37%,100% 53%,98% 77%,92% 97%,80% 91%,68% 99%,56% 92%,44% 97%,31% 92%,19% 99%,7% 91%,0% 78%,3% 56%,0% 34%)}}
.about.section{min-height:170svh}
.about-stage{height:142svh;min-height:1150px}
.about-stage .about-copy{font-size:clamp(.9rem,1.25vw,1.22rem)}
.about-stage .copy-one{left:16%;top:8%}
.about-stage .copy-two{left:50%;top:39%}
.about-stage .copy-three{left:13%;top:70%}
.about-stage .about-text:before{left:2%;top:0;width:66%;height:48%}
.about-stage .about-text:after{right:0;top:29%;width:70%;height:48%}
.about-stage:before{left:1%;top:61%;width:61%;height:43%}
.about-stage .face{display:block;left:44%;top:14%;width:min(18vw,29svh,330px)}
.about-stage .sticker--1{left:23%;top:10%;width:clamp(10rem,18.75vw,18.75rem)}
.about-stage .sticker--2{left:25%;top:68%;width:clamp(12.5rem,25vw,26.25rem)}
.about-stage .sticker--3{right:22%;top:39%;width:clamp(12.5rem,26.25vw,27.5rem)}
.about-stage .sticker--4{right:20%;top:12%;width:clamp(10rem,21.25vw,21.25rem)}
@media(max-width:800px){.hero-lockup{top:7vh}.hero-description{top:32%}.hero-horovod{width:155vw}.about.section{min-height:1350px}.about-stage{height:1150px;min-height:0}.about-stage .about-text:before{width:85%}.about-stage .about-text:after{width:87%}.about-stage:before{width:82%}.about-stage .face{left:44%;top:16%;width:28vw}}
@media(prefers-reduced-motion:reduce){.hero-next:hover:before,.about-next:hover:before,.history-story-button:hover:before,.history-quicknav button:hover:before,.download:hover:before{animation:none}}
/* Layering and button corrections */
.hero-description{top:25.5%;width:min(51rem,84vw)}
.hero-horovod-shell{width:min(78vw,108svh,1510px);bottom:1vh}
.hero-horovod{width:100%;bottom:0}
.hero-next{width:max-content;max-width:calc(100% - 1rem);min-width:0;display:inline-block}
.hero-next,.about-next,.history-story-button,.history-quicknav button,.download{background:#ff7fdf;border:3px solid #000;clip-path:polygon(0% 17%,4% 7%,14% 9%,23% 2%,34% 8%,45% 3%,57% 9%,69% 3%,81% 8%,92% 4%,100% 19%,98% 39%,100% 61%,97% 83%,91% 96%,79% 92%,67% 99%,55% 93%,43% 98%,31% 92%,19% 99%,8% 93%,0% 82%,2% 60%,0% 40%);border-radius:0;isolation:auto}
.hero-next:before,.about-next:before,.history-story-button:before,.history-quicknav button:before,.download:before{display:none}
.hero-next:hover,.about-next:hover,.history-story-button:hover,.history-quicknav button:hover,.download:hover,.hero-next:focus-visible,.about-next:focus-visible,.history-story-button:focus-visible,.history-quicknav button:focus-visible,.download:focus-visible{background:#000;color:#ff7fdf;animation:roughButton .32s steps(2,end) infinite}
.about.section{isolation:isolate}
.about-stage{isolation:auto}
.about-stage .about-text{z-index:auto}
.about-stage:before,.about-stage .about-text:before,.about-stage .about-text:after{z-index:-1}
.about-stage .about-copy{z-index:3}
.about.section:after{content:"";position:absolute;inset:0;z-index:0;background:url('assets/textures/background-texture-01.webp') left top/100% auto repeat-y;opacity:.6;mix-blend-mode:difference;pointer-events:none}
.about-stage .sticker,.about-stage .about-copy,.about-next,.about>.section-title{z-index:2}
.about-stage .about-text{position:relative}
@media(max-width:800px){.hero-horovod-shell{width:min(120vw,85svh)}.hero-description{top:30%}}
/* Restore the original project screen and centre the hero control. */
.about.section{min-height:105svh;isolation:isolate;padding-bottom:3rem}
.about.section:after,.about-stage:before,.about-stage .about-text:before,.about-stage .about-text:after{display:none}
.about-stage{display:block;height:auto;min-height:0;max-width:1550px;padding:0 0 1rem;isolation:auto}
.about-stage .face{display:block;position:absolute;left:40%;top:0;right:auto;bottom:auto;width:min(18vw,29svh,330px);margin:0;transform:none;z-index:5}
.about-text,.about-stage .about-text{display:flex;flex-direction:column;align-items:center;gap:1.15rem;width:100%;height:auto;padding-top:2.5rem;position:relative;z-index:3}
.about-stage .about-copy{position:relative;inset:auto;left:auto;right:auto;top:auto;bottom:auto;transform:none;width:min(45rem,72vw);max-width:none;margin:0;text-align:center;font-size:clamp(1rem,1.3vw,1.4rem);line-height:1.22;z-index:3}
.about-stage .about-stars{display:block;width:clamp(3rem,5vw,5rem);height:auto;margin:.25rem auto .5rem}
.about-stage .sticker--1{left:23%;top:10%;width:clamp(10rem,18.75vw,18.75rem)}
.about-stage .sticker--2{left:25%;top:68%;width:clamp(12.5rem,25vw,26.25rem)}
.about-stage .sticker--3{right:22%;top:39%;width:clamp(12.5rem,26.25vw,27.5rem)}
.about-stage .sticker--4{right:20%;top:12%;width:clamp(10rem,21.25vw,21.25rem)}
.hero-next{position:absolute;left:50%;top:50%;right:auto;bottom:auto;width:max-content;max-width:none;display:inline-block;transform:translate(-50%,-50%);white-space:nowrap}
.hero-next:hover,.hero-next:focus-visible{transform:translate(-50%,-50%)}
.hero-next,.about-next,.history-story-button,.history-quicknav button,.download{border:0}
@media(max-width:800px){.about.section{min-height:100svh}.about-stage{height:auto;min-height:0}.about-stage .face{left:37%;top:1%;width:min(26vw,24svh,13rem)}.about-stage .about-copy{position:relative;inset:auto;width:min(36rem,76vw);font-size:clamp(.95rem,2.1vw,1.1rem)}.about-stage .sticker--1{left:18%;top:18%;width:30vw}.about-stage .sticker--2{left:20%;top:63%;width:37.5vw}.about-stage .sticker--3{right:19%;top:36%;width:36.25vw}.about-stage .sticker--4{right:16%;top:76%;width:31.25vw}}
/* Tall project composition from the supplied artwork. */
.about.section{min-height:0;padding-top:3.5rem;padding-bottom:2rem}
.about-stage{width:min(100%,1034px);height:940px;min-height:0;margin:auto;padding:0}
.about-shape{position:absolute;z-index:0;display:block;pointer-events:none}
.about-shape--1{width:43%;left:17%;top:0}
.about-shape--2{width:45%;right:8%;top:30%}
.about-shape--3{width:37%;left:17%;top:59%}
.about-shape--1{width:49.45%;left:13.775%;top:-5%}
.about-shape--2{width:51.75%;right:4.625%;top:25%}
.about-shape--3{width:42.55%;left:14.225%;top:54%}
.about-shape--1{width:59.34%;left:8.83%;top:-12%}
.about-shape--2{width:62.1%;right:-.55%;top:18%}
.about-shape--3{width:51.06%;left:9.97%;top:47%}
.about-shape--1{top:-17%}
.about-shape--2{top:13%}
.about-shape--3{top:42%}
.about-stage .about-text{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;z-index:1}
.about-stage .about-copy{position:absolute;display:block;width:max-content;max-width:none;margin:0;text-align:left;font-size:18px;line-height:1.31;font-weight:700;text-wrap:nowrap;white-space:nowrap;-webkit-text-stroke:.025em currentColor}
.about-stage .copy-one{left:28%;top:12%}
.about-stage .copy-two{left:54%;top:38%}
.about-stage .copy-three{left:25%;top:69%}
.about-stage .copy-two{left:59%;top:35%}
.about-stage .copy-three{top:65%}
.about>.section-title{position:relative;z-index:10}
.about-stage .copy-one{top:8%}
.about-stage .copy-two{left:62%}
.about-stage .copy-three{top:62%}
.about-stage .face{left:49%;top:14%;width:22%;z-index:5}
.about-stage .sticker--1{left:10%;top:6%;width:26%;z-index:6}
.about-stage .sticker--2{left:17%;top:29%;width:18%;z-index:6}
.about-stage .sticker--3{left:18%;top:51%;width:34%;z-index:6}
.about-stage .sticker--4{right:12%;top:62%;width:19%;height:auto;z-index:6}
.about-stage .sticker--2{width:30.42%}
.about-stage .sticker--3{width:44.965%}
.about-next{margin:0 auto}
@media(max-width:800px){.about.section{padding-top:5rem}.about-stage{height:calc(100vw * .91);min-height:620px}.about-stage .about-copy{font-size:clamp(10px,1.75vw,16px);line-height:1.25}.about-stage .face{left:49%;top:14%;width:22%}.about-stage .sticker--1{left:10%;top:6%;width:26%}.about-stage .sticker--2{left:17%;top:29%;width:18%}.about-stage .sticker--3{left:18%;top:51%;width:34%}.about-stage .sticker--4{right:12%;top:62%;width:19%}}
@media(max-width:800px){.about-stage .sticker--2{width:30.42%}.about-stage .sticker--3{width:44.965%}}
.about-stage .sticker--1{width:29.9%}
.about-stage .sticker--2{width:34.983%}
.about-stage .sticker--3{width:51.70975%}
.about-stage .sticker--4{width:21.85%}
.about-stage .face{width:28.6%}
.about-stage .sticker--1{width:37.375%}
.about-stage .sticker--2{width:43.72875%}
.about-stage .sticker--3{width:64.6371875%}
.about-stage .sticker--4{width:27.3125%}
.about-stage .face{width:35.75%}
.about-stage .sticker::after{display:none!important}
/* Extended second screen: enlarge all three forms and keep their copy aligned. */
.about-stage{height:1160px}
.about-shape--1{width:74.175%;left:1.4125%;top:-175px}
.about-shape--2{width:77.625%;right:-8.3125%;top:180px}
.about-shape--3{width:63.825%;left:3.5875%;top:565px}
.about-stage .copy-one{top:95px}
.about-stage .copy-two{top:395px}
.about-stage .copy-three{top:755px}
@media(max-width:800px){.about-stage{height:calc(100vw * 1.12);min-height:720px}.about-shape--1{top:-15%}.about-shape--2{top:15.5%}.about-shape--3{top:48.7%}.about-stage .copy-one{top:8.2%}.about-stage .copy-two{top:34%}.about-stage .copy-three{top:65%}}
.about-shape--1{width:68.241%;left:4.3795%}
.about-shape--2{width:71.415%;right:-5.2075%}
.about-shape--3{width:58.719%;left:6.1405%}
.hero{overflow:visible}
.hero-horovod-shell{bottom:5vh}
@media(max-width:800px){.hero-horovod-shell{bottom:9vh}}
.about-stage .copy-two{top:410px}
.about-stage .copy-three{top:770px}
.about-stage .sticker--4{top:calc(62% + 18px)}
.about-next{margin-top:-20px}
.about.section{padding-bottom:1rem;padding-top:2rem}
.history.section,.party.section,.contacts.section{padding-top:2rem}
@media(max-width:800px){.about-stage .copy-two{top:calc(34% + 12px)}.about-stage .copy-three{top:calc(65% + 12px)}.about.section,.history.section,.party.section,.contacts.section{padding-top:3.25rem}}
/* Keep the project control within its own screen and match history body type. */
.about.section{overflow:clip}
.about-stage .about-copy{font-size:clamp(.92rem,1.23vw,1.18rem);line-height:1.2}
.about-stage .about-copy::before{display:grid;top:.05em;left:-2.6rem;width:2rem;height:2rem;font-size:1.15rem}
.about-stage .copy-two::before{left:-2.6rem}
.about-next{margin-top:-38px}
@media(max-width:800px){.about-stage .about-copy{font-size:clamp(.78rem,2.3vw,1rem);line-height:1.2}.about-stage .about-copy::before{left:-1.7rem;top:0;width:1.4rem;height:1.4rem;font-size:.85rem}.about-stage .copy-two::before{left:-1.7rem}}
.about-stage .about-copy{font-size:clamp(.91rem,1.2103vw,1.4469rem);line-height:1.14;font-weight:400;-webkit-text-stroke:.035em currentColor}
@media(max-width:800px){.about-stage .about-copy{font-size:clamp(.95rem,1.8vw,1.1rem)}}
.about-stage .about-copy::before{top:-.7rem;left:-3.3rem;width:2.7rem;height:2.7rem;font-size:clamp(1.3rem,1.6vw,1.8rem)}
.about-stage .copy-two::before{left:-3.3rem}
@media(max-width:800px){.about-stage .about-copy::before,.about-stage .copy-two::before{left:-2.6rem;width:2.2rem;height:2.2rem;font-size:1.25rem}}
.about-shape--1{left:1%}
.about-stage .copy-one{left:25%}
.about-shape--2{right:-8%}
.about-stage .copy-two{left:65%}
.about-shape--3{width:61.655%;left:1.5%}
.about-stage .copy-three{left:22%}
.about-stage .copy-one{left:23.5%}
.about-shape--2{right:-10%}
.about-shape--3{width:67.8205%;left:-1.58275%}
.about-shape--2{top:200px}
.about-stage .copy-two{top:430px}
.about-stage .copy-three{top:790px}
@media(max-width:800px){.about-shape--2{top:calc(15.5% + 20px)}.about-stage .copy-two{top:calc(34% + 32px)}.about-stage .copy-three{top:calc(65% + 32px)}}
.about-stage .copy-three{top:815px}
@media(max-width:800px){.about-stage .copy-three{top:calc(65% + 57px)}}
.hero-description{top:24%}
@media(max-width:800px){.hero-description{top:29%}}
/* Artwork buttons keep their existing links and click handlers. */
.svg-button,.svg-button:hover,.svg-button:focus-visible,.svg-button[aria-pressed="true"]{padding:0;border:0;background:transparent;color:inherit;clip-path:none;animation:none;line-height:0}
.svg-button::before{display:none}
.svg-button img{display:block;width:100%;height:auto}
.svg-button img.svg-button-hover{position:absolute;inset:0;opacity:0}
.svg-button:hover img.svg-button-hover,.svg-button:focus-visible img.svg-button-hover{opacity:1}
.svg-button:hover img:not(.svg-button-hover),.svg-button:focus-visible img:not(.svg-button-hover){opacity:0}
.hero-next.svg-button{width:clamp(88px,9.945vw,168.3px)}
.history-story-button.svg-button,.history-quicknav button.svg-button{width:clamp(88px,9.945vw,168.3px);min-height:0}
.history-quicknav{display:grid;grid-template-columns:repeat(3,clamp(88px,9.945vw,168.3px));gap:clamp(.4rem,1.2vw,1rem);max-width:calc(100% - 2rem)}
.history-story-button.svg-button{transform:translateX(-20px)}
.hero-next.svg-button,.history-story-button.svg-button,.history-quicknav button.svg-button{appearance:none;box-sizing:border-box;padding:0;border:0;border-radius:0;background:none;clip-path:none;box-shadow:none;isolation:auto;overflow:visible}
.hero-next.svg-button:hover,.hero-next.svg-button:focus-visible,.history-story-button.svg-button:hover,.history-story-button.svg-button:focus-visible,.history-quicknav button.svg-button:hover,.history-quicknav button.svg-button:focus-visible,.history-quicknav button.svg-button[aria-pressed="true"]{padding:0;border:0;background:none;color:inherit;clip-path:none;box-shadow:none;animation:none}
.hero-next.svg-button::before,.history-story-button.svg-button::before,.history-quicknav button.svg-button::before{content:none;display:none}
.poster-intro-button.svg-button{position:relative;box-sizing:border-box;width:clamp(188.76px,21.332025vw,361.0035px);padding:0;border:0;border-radius:0;background:none;line-height:0}
.poster-intro-button.svg-button:hover,.poster-intro-button.svg-button:focus-visible{padding:0;border:0;background:none;animation:none}
.download-area{position:relative;isolation:isolate;width:100%;margin:1.8rem auto 0}
.download-area .download.svg-button,.download-area .download.svg-button:hover,.download-area .download.svg-button:focus-visible{position:relative;z-index:2;display:block;width:clamp(135.9px,15.359058vw,259.92252px);height:auto;aspect-ratio:auto;margin:0 auto;padding:0;border:0;border-radius:0;background:none;clip-path:none;box-shadow:none;animation:none;isolation:auto}
.download-area .download.svg-button::before{content:none;display:none}
.download-area .download.svg-button img{position:relative;inset:auto;z-index:auto;display:block;width:100%;height:auto;object-fit:contain}
.download-area .download.svg-button img.svg-button-hover{position:absolute;inset:0;opacity:0}
.download-area .download.svg-button:hover img.svg-button-hover,.download-area .download.svg-button:focus-visible img.svg-button-hover{opacity:1}
.download-area .download.svg-button:hover img:not(.svg-button-hover),.download-area .download.svg-button:focus-visible img:not(.svg-button-hover){opacity:0}
.download-exclamations{position:absolute;z-index:1;left:50%;top:50%;width:100vw;height:clamp(3rem,6vw,6rem);overflow:hidden;transform:translate(-50%,-50%);pointer-events:none}
.download-exclamations span{display:block;width:max-content;white-space:nowrap;font:400 clamp(3rem,5vw,6rem)/1 STIXTwoText,Georgia,serif;color:transparent;-webkit-text-stroke:4px #000;letter-spacing:.04em;opacity:0}
.download-area:has(.download:hover) .download-exclamations span,.download-area:has(.download:focus-visible) .download-exclamations span{animation:exclamationSpawn 1.2s steps(45,end) infinite,exclamationFlutter .13s steps(2,end) infinite alternate;opacity:1}
@keyframes exclamationSpawn{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes exclamationFlutter{from{transform:translateX(-6px)}to{transform:translateX(6px)}}
@media(prefers-reduced-motion:reduce){.download-area:has(.download:hover) .download-exclamations span,.download-area:has(.download:focus-visible) .download-exclamations span{animation:none;opacity:1}}
.history-story-button.text-action,.poster-intro-button.text-action{position:relative;display:inline-block;width:auto;min-height:0;padding:0;border:0;border-radius:0;background:none;clip-path:none;box-shadow:none;isolation:auto;color:#000;font:700 clamp(1.2rem,1.7vw,2rem)/1.1 STIXTwoText,Georgia,serif;text-decoration:none;text-transform:lowercase;-webkit-text-stroke:1.2px currentColor;transition:-webkit-text-stroke-width .15s ease;cursor:pointer}
.history-story-button.text-action::before,.poster-intro-button.text-action::before{content:none;display:none}
.history-story-button.text-action:hover,.history-story-button.text-action:focus-visible,.history-story-button.text-action:active,.poster-intro-button.text-action:hover,.poster-intro-button.text-action:focus-visible,.poster-intro-button.text-action:active{padding:0;border:0;background:none;clip-path:none;box-shadow:none;color:inherit;animation:none;-webkit-text-stroke-width:2.5px}
.history-story-button.text-action{transform:none}
.poster-intro-button.text-action{color:#d0ff00;margin:1.6rem 0 0 3.3rem}
.poster-intro-button.text-action:hover,.poster-intro-button.text-action:focus-visible,.poster-intro-button.text-action:active{color:#d0ff00}
@media(max-width:800px){.poster-intro-button.text-action{margin:1.1rem 0 0}}
.history-story-button.text-action,.poster-intro-button.text-action{overflow:visible}
.history-story-button.text-action::after,.poster-intro-button.text-action::after{content:"";position:absolute;left:0;right:0;bottom:-.18em;height:4px;background:currentColor;pointer-events:none;transition:height .12s ease}
.poster-intro-button.text-action::after{content:none}
.poster-intro-button.text-action .invitation-word{position:relative;display:inline-block;vertical-align:baseline;margin:0;transition:none}
.poster-intro-button.text-action .invitation-word::after{content:"";position:absolute;left:0;right:0;bottom:-.18em;height:4px;background:currentColor;pointer-events:none;transition:height .12s ease}
.poster-intro-button.text-action:active .invitation-word::after{height:7px}
.contact-button.svg-button,.contact-button.svg-button:hover,.contact-button.svg-button:focus-visible{position:relative;display:block;width:clamp(164.439px,18.58446018vw,314.5062492px);padding:0;border:0;border-radius:0;background:none;clip-path:none;box-shadow:none;line-height:0;animation:none}
.contact-button.svg-button img{display:block;width:100%;height:auto}
.contact-button.svg-button img.svg-button-hover{position:absolute;inset:0;opacity:0}
.contact-button.svg-button:hover img.svg-button-hover,.contact-button.svg-button:focus-visible img.svg-button-hover{opacity:1}
.contact-button.svg-button:hover img:not(.svg-button-hover),.contact-button.svg-button:focus-visible img:not(.svg-button-hover){opacity:0}
.hero-horovod-shell{width:min(80.73vw,111.78svh,1562.85px);bottom:7vh}
@media(max-width:800px){.hero-horovod-shell{width:min(124.2vw,87.975svh);bottom:11vh}}
.hero-description{z-index:7}
.history-story-button.text-action:active::after,.poster-intro-button.text-action:active::after{height:7px}