.nav-utilities{display:flex;align-items:center;gap:14px}.stagger-word{display:inline-block;white-space:nowrap}html[lang=fi] .hero .direction-statement{font-size:clamp(40px,6.3vw,134px)}html[lang=fi] .art-hero-eyebrow{max-width:100%;font-size:clamp(26px,3vw,44px)}
@media(max-width:1000px){nav{display:grid;grid-template-columns:1fr auto;height:auto;min-height:122px;padding:15px 0;gap:12px}.logo{grid-column:1;grid-row:1}.nav-cluster{display:contents}.nav-utilities{grid-column:2;grid-row:1;gap:12px}.nav-pill{grid-column:1/-1;grid-row:2;justify-content:space-between}.navlinks{display:flex}.navlinks a{font-size:11px;padding:10px 12px}.navcta{font-size:11px;padding:10px 14px}}
@media(max-width:650px){html[lang=fi] .hero .direction-statement{font-size:9vw}html[lang=fi] .art-hero-eyebrow{font-size:24px;line-height:1.05;max-width:calc(100% - 12px)}}
@media(max-width:580px){nav{min-height:116px;gap:10px}.navlinks a{font-size:10px;padding:9px 8px}.navcta{font-size:10px;padding:9px 12px}.nav-utilities{gap:10px}}
@media(max-width:370px){.navlinks a{font-size:9px;padding:9px 6px}.navcta{font-size:9px;padding:9px 10px}.nav-utilities{gap:7px}}

/* Let the final Finnish reveal word use the hero width, with a shared type size. */
.hero .reveal-statement .statement-right{left:0;right:0;padding-inline-end:0}
.reveal-statement .statement-right>span:first-child{margin-left:58%}
@media(max-width:650px){.reveal-statement .statement-right>span:first-child{margin-left:36%}}

.hero .reveal-statement .statement-right>span:last-child .revealed-word{padding-inline-end:0}

/* Keep leading strokes inside the canvas without changing the outer 20px gutter. */
.hero .direction-statement .statement-left>span:first-child{padding-inline-start:0;text-indent:0}

/* Match the main heading's visible edges to the reveal and the 20px grid. */
.hero h1.direction-statement .statement-right{padding-inline-end:0}

@media(prefers-reduced-motion:reduce){nav .language-switch::after{transition:none}}