/* Touch tablets share a spacing scale in both orientations, including iPad Pro. */
@media (min-width:651px) and (max-width:1366px) and (any-pointer:coarse){
 :root{--section-space:64px;--intro-space:96px;--content-space:32px;--caption-space:24px;--column-space:32px;--item-space:24px;--page-gutter:20px;--case-gutter:20px}
 body>.wrap{padding-inline:20px}
 body:not(.case-study)>.wrap>nav{display:grid;grid-template-columns:1fr auto;height:auto;min-height:130px;padding-block:12px;gap:12px}
 body:not(.case-study)>.wrap>nav .nav-cluster{display:contents}
 body:not(.case-study)>.wrap>nav .nav-utilities{grid-column:2;grid-row:1;gap:16px}
 body:not(.case-study)>.wrap>nav .nav-pill{grid-column:1/-1;grid-row:2;display:flex;width:100%;min-height:50px;gap:8px;justify-content:space-between}
 body:not(.case-study)>.wrap>nav .navlinks{flex:1;min-width:0;padding:0;display:flex}
 body:not(.case-study)>.wrap>nav .navlinks a{flex:1;width:auto;min-width:0;min-height:44px;font-size:14px;padding:8px}
 body:not(.case-study)>.wrap>nav .navcta{width:144px;min-height:44px;font-size:14px;padding:8px}
 nav .nav-cluster .surprise-switch{width:44px;height:44px}
 nav .language-switch{height:44px;min-height:44px}
 nav .language-switch button{min-height:42px}
 .fixed-wordmark .nav-name,nav .nav-name{font-size:22px}
 .art-direction-hero .sculpture-stage{height:720px}
 .hero .direction-statement{font-size:clamp(64px,8.6vw,108px)}
 html[lang=fi] .hero .direction-statement{font-size:clamp(48px,6.3vw,86px)}
 .hero .direction-statement .statement-left{top:72px;width:48%}
 .hero .direction-statement .statement-right{top:280px}
 .art-direction-hero .character-scene{width:340px;height:520px;top:47%}
 .art-direction-hero .art-hero-location{display:none}
 .art-direction-hero .sculpture-stage .art-hero-intro{max-width:320px}
 .art-direction-hero .art-hero-intro p{font-size:16px;line-height:1.5}
 #work .grid{gap:32px 24px}
 #work .project-title>span{font-size:14px;line-height:1.4}
 #work .filters button,#work .filter{min-height:44px}
 #art .art-practice-heading{column-gap:32px;row-gap:24px}
 #art .art-practice-heading h2{font-size:clamp(56px,6vw,80px);padding-left:0}
 #art .art-practice-copy h3{font-size:clamp(28px,2.6vw,36px)}
 #art .art-practice-copy>p{font-size:16px;line-height:1.5}
 #about .about-layout{min-height:640px}
 #about .about-title{font-size:clamp(64px,8vw,112px)}
 #about .about-portrait-stage{width:520px;height:640px;margin:0 auto}
 #about .about-portrait img{width:540px;height:600px}
 #about .about-introduction{width:26%;max-width:280px}
 #about .about-introduction p{font-size:16px;line-height:1.5}
 #about .about-thread-button{width:76px;height:76px}
 .case-study .project-nav{height:88px}
 .case-study .project-nav .logo{left:20px;top:20px}
 .case-study .project-nav>a:nth-child(2){right:124px;top:20px;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:0}
 .case-study .project-nav>a:nth-child(2)>span{display:none}
 .case-study .project-nav>a:nth-child(2) svg{width:20px;height:20px}
 .case-study .project-nav .language-switch{right:20px;top:20px}
 .case-study .case-cover{height:auto;min-height:0;aspect-ratio:16/10;max-height:80svh}
 .case-study .case-cover-image{position:absolute;inset:calc(-1 * var(--cover-bleed));width:calc(100% + 2 * var(--cover-bleed));height:calc(100% + 2 * var(--cover-bleed));margin:0}
 .case-study .case-cover-image img{height:100%;object-fit:cover}
 .case-study .case-title-block h1{font-size:clamp(64px,14.5vw,180px)}
 .case-study .case-long-title h1{font-size:clamp(52px,11.5vw,146px)}
 .case-study .case-description{max-width:1100px;padding-inline:20px;grid-template-columns:minmax(88px,1fr) minmax(0,4fr) minmax(120px,1fr)}
 .case-study .case-description-body #project-overview{font-size:clamp(26px,2.5vw,34px);line-height:1.25}
 .case-study .case-facts{flex-direction:column;min-width:0}
 .case-study :is(.case-label,.case-project-number,.case-title-role,.case-eyebrow,.case-facts dt,.case-facts dd){font-size:14px;line-height:1.4}
 .case-study :is(.case-wide-chapter,.case-pair,.lost-gallery,.jobs-gallery,.jobs-digital,.lost-outlook,.mouno-approach,.mouno-release){padding-inline:20px}
 .case-study :is(.lost-chapter,.jobs-chapter){padding-inline:0}
 .case-study .lost-environment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .case-study :is(.mouno-track-info,.mouno-track-info a,.mouno-album-link,.mouno-credits dt,.mouno-credits dd,.mouno-release-date,.jobs-digital-pair figcaption){font-size:14px;line-height:1.5}
 .case-study .mouno-track-info .mouno-song-note{font-size:16px}
 .case-study :is(.mouno-track-info a,.mouno-album-link){min-height:44px;align-items:center}
 .case-study :is(.booknooker-design-story,.booknooker-walkthrough,.booknooker-detail){width:calc(100% - 40px);max-width:1100px}
 .case-study .mouno-track,.case-study .mouno-track:nth-child(even){width:calc(100% - 40px);max-width:1060px;margin-inline:auto}
 .case-study :is(.case-caption-copy,.case-pair .case-caption-copy,.booknooker-design-story p,.booknooker-detail-copy>p){font-size:16px;line-height:1.55}
 .case-study .booknooker-video-frame figcaption{font-size:14px}
 .case-study .booknooker-video-frame button{min-height:44px;padding-block:12px}
 .case-study .case-related-link{display:grid;grid-template-columns:minmax(0,1fr) clamp(140px,22vw,240px);gap:16px 32px;align-items:center;min-height:176px;padding:24px 20px}
 .case-study .case-related-title{grid-column:1;grid-row:1;max-width:100%;white-space:normal;font-size:clamp(40px,5.6vw,72px);line-height:1.05;letter-spacing:-.065em}
 .case-study .case-related-meta{position:static;grid-column:1;grid-row:2;transform:none;max-width:none;gap:5px;font-size:14px;margin-top:0}
 .case-study .case-related-detail .letter-stack>span:first-child{visibility:visible}
 .case-study .case-related-preview{position:relative;grid-column:2;grid-row:1/3;width:100%;max-width:none;right:auto;top:auto;transform:none;opacity:1;clip-path:inset(0);align-self:center}
 .portfolio-closing .closing-invitation p{font-size:16px;max-width:460px;line-height:1.5}
 .closing-footer-shell .footer-link-list a{min-height:44px;display:inline-flex;align-items:center}
}
@media (min-width:651px) and (max-width:1366px) and (any-pointer:coarse) and (orientation:portrait){
 .art-direction-hero .sculpture-stage{height:920px}
 .hero .direction-statement{font-size:clamp(60px,8.4vw,86px)}
 html[lang=fi] .hero .direction-statement{font-size:clamp(46px,6.6vw,68px)}
 .hero .direction-statement .statement-left{top:90px;width:54%}
 .hero .direction-statement .statement-right{top:590px;left:46%}
 .hero .reveal-statement .statement-right{left:0}
 .reveal-statement .statement-right>span:first-child{margin-left:46%}
 .art-direction-hero .character-scene{width:360px;height:540px;top:50%}
 .art-direction-hero .sculpture-stage .art-hero-intro{bottom:100px;max-width:460px}
 .art-direction-hero>.art-hero-actions{left:0;right:0;width:100%;max-width:none;gap:16px}
 .art-direction-hero .art-hero-actions .art-hero-cta{flex:1;min-width:0;justify-content:space-between}
 #art .art-practice-heading{grid-template-columns:minmax(0,1fr) 140px;align-items:center}
 #art .art-practice-heading h2{grid-column:1;grid-row:1;justify-self:start;padding-top:16px}
 #art .art-practice-drawing{grid-column:2;grid-row:1/3;width:140px;height:240px}
 #art .art-practice-copy{display:block;grid-column:1;grid-row:2;max-width:460px}
 #art .art-practice-copy h3{margin-bottom:16px}
 #about.about-desk{min-height:100svh;height:auto;padding-bottom:0}
 #about .about-layout{min-height:940px;display:flex;flex-direction:column;align-items:stretch}
 #about .about-title{position:relative;inset:auto;order:0;flex:none;font-size:clamp(64px,8vw,88px);line-height:1.3;padding:12px 0 24px;margin:0 0 24px}
 #about .about-introduction{position:relative;inset:auto;order:1;width:90%;max-width:600px;margin:0 auto;text-align:center;flex:none}
 #about .about-discovery-home{position:relative;inset:auto;align-self:center;order:2;width:64px;margin:32px auto 0;flex:none}
 #about .about-discovery-controls{width:64px}
 #about .about-thread-button{width:64px;height:64px;touch-action:none}
 #about .about-thread-drawing{transform:rotate(-90deg)}
 #about .about-thread-label{left:calc(100% + 14px);right:auto;top:50%;transform:translateY(-50%);font-size:14px;max-width:160px}
 #about .about-thread-button>.about-thread-hint{display:none}
 #about .about-portrait-stage{order:3;flex:1;min-height:520px;width:100%;height:auto;margin:0;padding:0}
 #about .about-portrait{position:absolute;bottom:0;left:15%;width:70%;height:calc(100% - 90px);margin:0}
 #about .about-portrait::before{width:70%;z-index:2;transform:translate(-50%,-50%) rotate(-10deg)}
 #about .about-portrait img{width:110%;height:100%;top:auto;bottom:0;z-index:3}
 #about .about-portrait-stage>.about-card-slot{width:250px;--desk-card-width:250px;--desk-card-height:310px;height:310px}
 #about .about-pocket-stack{transform:scale(.78);transform-origin:50% 50%}
 #about .about-pocket-back{inset:11%}
 .case-study .case-description{grid-template-columns:minmax(0,1fr)}
 .case-study .case-facts{flex-direction:row;flex-wrap:wrap;gap:24px 48px}
 .case-study :is(.case-panel figcaption,.case-pair,.case-pair-reverse,.booknooker-design-story,.booknooker-detail-copy,.mouno-release,.lost-chapter-heading,.jobs-chapter-heading){grid-template-columns:minmax(0,1fr)}
 .case-study .case-pair .case-pair-first,.case-study .case-pair .case-pair-second{padding-top:0}
}