.opening{position:fixed;inset:0;z-index:20;overflow:hidden;isolation:isolate;color:var(--opening-ink);font-family:"neue-haas-grotesk-display","Helvetica Neue",Arial,sans-serif;font-weight:300;letter-spacing:-.02em;line-height:1;pointer-events:auto}
.opening-paper{position:absolute;inset:0;background:var(--opening-bg)}
.opening-character{position:absolute;left:var(--character-x);top:var(--character-y);width:var(--character-size);aspect-ratio:1;transform:translate(-50%,-50%);will-change:transform,opacity}
.opening-character img{display:block;width:100%;height:100%;object-fit:contain;opacity:0;transform:rotate(var(--character-angle)) scaleY(var(--character-flip));will-change:transform,opacity}
.opening p,.opening h1{position:absolute;margin:0;font:inherit}
.opening-logo{position:absolute;left:35.5%;top:6.65%;width:29%;aspect-ratio:556.747/74;opacity:0}
.opening-logo i{position:absolute;display:block;background:currentColor;transform:scaleY(-1);mask-size:100% 100%;mask-repeat:no-repeat}
.opening-logo-base{left:.52%;top:0;width:98.96%;height:129.17%;mask-image:url('/special/balloon-portfolio/opening/logo-base.svg')}
.opening-logo-o{left:51.37%;bottom:-.35%;width:7.4%;height:70.21%;mask-image:url('/special/balloon-portfolio/opening/logo-o.svg')}
.opening-logo-u{left:59.72%;bottom:-.35%;width:9.05%;height:70.62%;mask-image:url('/special/balloon-portfolio/opening/logo-u.svg')}
.opening .opening-description{top:6.35%;right:4.85%;width:10.8%;font-size:.94vw}
.opening .opening-copy{left:4.9%;top:39.38%;font-size:2.044vw}
.opening .opening-title{left:0;right:0;bottom:4.15%;text-align:center;font-size:8.766vw;letter-spacing:-.02em;white-space:nowrap}
.opening .opening-edition{right:5.36%;bottom:6.75%;font-size:.75vw}
.opening-word{display:inline-block;vertical-align:top;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}
.opening-word>span{display:inline-block;transform:translateY(115%);opacity:0;will-change:transform,opacity}
.opening-static .opening-character img,.opening-static .opening-logo,.opening-static .opening-word>span{opacity:1}
.opening-static .opening-word>span{transform:none}
body[data-opening]:not([data-opening=done]) :is(.play-controls,.portfolio-home,#reload-crowd){visibility:hidden}
body[data-opening=loading] #status{z-index:21;color:var(--opening-ink)}
@media(max-aspect-ratio:1/1){
 .opening-character{width:calc(var(--character-size) * 1.7);left:55%;top:47%}
 body[data-opening-pattern=coil] .opening-character{left:32%}
 .opening-logo{width:62%;left:19%;top:7%}
 .opening .opening-description{top:20%;right:6%;width:auto;font-size:clamp(11px,2.9vw,16.5px)}
 .opening .opening-copy{left:6%;top:57%;font-size:clamp(18px,4.6vw,30px)}
 .opening .opening-title{bottom:13%;font-size:13.5vw}
 .opening .opening-edition{right:6%;bottom:6%;font-size:clamp(10px,2.65vw,14.5px)}
}

/* Shared baseline for the title and the small edition label. */
@media(min-aspect-ratio:1/1){
 .opening-footer{position:absolute;left:5.36%;right:5.36%;bottom:5%;display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline}
 .opening .opening-footer .opening-title{position:static;grid-column:2}
 .opening .opening-footer .opening-edition{position:static;grid-column:3;justify-self:end;white-space:nowrap}
 .opening-footer .opening-word{vertical-align:baseline;overflow:visible;padding:0;margin:0;clip-path:inset(-.1em 0 -.16em 0)}
}

.opening{font-family:Geist,Arial,sans-serif;z-index:40}.opening-logo{aspect-ratio:5.2}.opening-logo-base{left:0;top:0;width:100%;height:100%;transform:none;mask-image:url("/assets/fa411e48-5489-45a9-9d00-14c92b080bd6.svg")}.opening .opening-title{font-family:Geist,Arial,sans-serif;word-spacing:normal}.opening .opening-description{line-height:1.4}

.opening .opening-logo .opening-logo-base{transform:none}