/* 21 / 22: the opening introduces the idea; the header carries the original logo. */
/* Optical centering: the short last line carries less visual weight. */
.opening-type .opening-identity{transform:translateY(1svh)}
.opening-type .opening-statement{
 margin:0;max-width:100%;color:var(--ink);
 font:400 clamp(58px,7.2vw,104px)/1.1 var(--serif);letter-spacing:-.04em;
}
.opening-copy-first{display:flex;align-items:baseline;gap:.24em}
.opening-copy-line{display:block;overflow:hidden;padding:.12em .12em .16em 0;margin:-.12em -.12em -.16em 0}
.opening-copy-line>*{display:block;font-weight:400}
.opening-word-three{margin-top:.04em}
.opening-word-two em{color:#c44f34}
/* Retain the overall tracking; separate only the f terminal and the i dot. */
.type-fi{font-variant-ligatures:none;font-feature-settings:"liga" 0,"clig" 0;white-space:nowrap}
.type-fi-i{padding-inline-start:.055em}
@media(prefers-reduced-motion:no-preference){
 .with-opening .opening-copy-line>*{animation:opening-type-reveal 1.25s cubic-bezier(.25,.1,.25,1) .4s both}
 .with-opening .opening-word-two>*{animation-delay:.58s}
 .with-opening .opening-word-three>*{animation-delay:.76s}
}
@keyframes opening-type-reveal{
 from{transform:translate3d(0,115%,0);opacity:0}
 to{transform:translate3d(0,0,0);opacity:1}
}
@media(max-width:768px){
 .opening-type .opening-identity{padding-inline:32px;transform:translateY(0)}
 .opening-type .opening-statement{font-size:clamp(44px,13.9vw,68px);line-height:1.12;letter-spacing:-.035em}
 .opening-type .opening-copy-first{display:block}
 .opening-type .opening-word-three{font-size:.84em;margin-top:.13em}
}
@media(max-width:768px) and (orientation:landscape) and (max-height:500px){
 .opening-type .opening-statement{font-size:clamp(36px,7vw,52px)}
 .opening-type .opening-copy-first{display:flex}
 .opening-type .opening-word-three{font-size:1em;margin-top:.04em}
}