/* Portrait tablets retain the desktop hierarchy and a single navigation row. */
@media (min-width:651px) and (max-width:1366px) and (orientation:portrait){
 body>.wrap{padding-inline:20px;max-width:100%;min-width:0}
 body:not(.case-study)>.wrap>nav{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;height:100px;padding:0;min-width:0}
 nav .nav-cluster{display:flex;gap:6px;min-width:0;margin-left:auto}
 nav .nav-pill{width:auto;display:flex;flex-shrink:1;gap:2px}
 nav .navlinks{display:flex;padding:0;gap:0}
 nav .navlinks a{padding-inline:6px;font-size:13px}
 nav .navlinks a[href="#work"],nav .navlinks a[href="#art"]{width:48px}
 nav .navlinks a[href="#about"]{width:64px}
 nav .navlinks .hero-gravity-toggle{width:92px}
 nav .navcta{width:108px;font-size:13px;padding-inline:8px}
 nav .nav-utilities{gap:22px}
 nav .surprise-switch .surprise-tooltip{display:none}
 .art-direction-hero .sculpture-stage{height:calc(100svh - 120px);min-height:680px;margin:0}
 .hero .direction-statement{font-size:10.5vw}
 html[lang=fi] .hero .direction-statement{font-size:7.8vw}
 .hero .direction-statement .statement-left{top:100px;left:0;width:40%}
 .hero .direction-statement .statement-right{top:auto;bottom:200px;left:62%;right:0}
 .art-direction-hero .character-scene{left:50%;top:49%;width:45vw;max-width:480px;height:620px}
 .art-direction-hero .art-hero-location{display:none}
 .art-direction-hero .sculpture-stage .art-hero-intro{left:0;bottom:0;width:44%;max-width:360px}
 .art-direction-hero .art-hero-intro p{font-size:15px;line-height:1.5}
 .art-direction-hero>.art-hero-actions{right:0;bottom:20px;max-width:100%;gap:20px}
 #about .about-layout{min-height:680px}
 #about .about-title{font-size:8vw;white-space:normal}
 #about .about-portrait-stage{width:460px;height:680px;margin-inline:auto}
 #about .about-portrait{width:300px;height:440px;margin-inline:auto}
 #about .about-portrait::before{width:90%;transform:translate(-50%,-50%) rotate(-7deg)}
 #about .about-portrait img{width:500px;height:600px;top:54px}
 #about .about-introduction{width:25%;max-width:240px;bottom:20px}
 #about .about-discovery-home{right:0;bottom:20px}
 #about .about-pocket-stack{translate:24px -16px}
}
/* Do not leave a light band after the dark footer or expose offscreen effects. */
.contact.portfolio-closing{padding-bottom:0;margin-bottom:0}
body{background-color:var(--paper)}
@media (hover:none), (pointer:coarse){
 .reference-cursor,.reference-cursor-dot{display:none!important}
}

/* Clip decorative paint to the content document, so offscreen effect nodes
   cannot extend the scroll area beyond the final footer. */
html{overflow-y:auto}
body{display:flow-root;overflow:clip}
body>svg[aria-hidden="true"]{position:fixed;top:0;left:0;width:0;height:0;overflow:hidden}

/* The root canvas supplies iPad overscroll; the page keeps its own theme. */
html{background:#171919;overscroll-behavior-y:none}
body{margin-bottom:0;padding-bottom:0}
body>.closing-footer-shell{display:flow-root;position:relative;z-index:1001;margin:0;padding-block:0}

/* The final footer defines the scrollable document boundary, independently
   of viewport probes, offscreen artwork, and WebKit's layout viewport tail. */
html.has-footer-boundary{height:auto;min-height:0}
html.has-footer-boundary body{box-sizing:border-box;height:var(--footer-page-end);max-height:var(--footer-page-end);min-height:0;margin:0;padding-bottom:0;overflow:clip}