/* Phone-only adjustments. Tablet and desktop retain the approved scene layout. */
.phone-presentation{scroll-behavior:auto;overflow-anchor:none;-webkit-text-size-adjust:100%}
.phone-presentation body{overflow-anchor:none}
/* Touch-action uses the outer screen's axes across a transformed iframe. */
.phone-rotated #home,.phone-rotated .nav-card,.phone-rotated .card-stage,.phone-rotated .archivefan-fan,.phone-rotated .gallery-catalog{touch-action:pan-x pinch-zoom}
.phone-rotated #campus .campus-reel-stage,.phone-rotated #campus .campus-reel-photo{touch-action:pan-y pinch-zoom}
.phone-presentation #home .hub-content{height:800px;min-height:800px;padding:44px 0 24px}
.phone-presentation #home .hub-heading h1{font-size:64px;line-height:1.2}
.phone-presentation #home .hub-heading>p{font-size:14px;margin-bottom:12px}
.phone-presentation #home .card-stage{height:360px;flex:0 0 360px;margin:22px auto 6px}
.phone-presentation #home .hub-caption{height:58px}
.phone-presentation #home .hub-footer{margin-top:14px}
.phone-presentation .chapter-scroll-shell:not(:first-child)>.scene-content{clip-path:var(--phone-scene-clip,none)}
.phone-presentation #art-career-wheel .scene{z-index:0}
.phone-presentation #art-career-wheel .page-shell{z-index:1;padding:28px 44px 25px}
.phone-presentation #art-career-wheel .scene-image{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000c 17%,#000 33%);will-change:auto}
.phone-presentation #art-career-wheel .page-head{margin-bottom:14px}
.phone-presentation #art-career-wheel .topic-nav{margin-bottom:18px;padding:8px 0}
.phone-presentation #art-career-wheel .wheel-surround{max-width:540px}
.phone-presentation #art-career-wheel .acw-facts{grid-template-columns:96px minmax(0,1fr)}
.phone-presentation #art-career-wheel .topic-button{font-size:19px;min-height:64px;padding:14px 20px}
.phone-presentation #art-career-wheel .head-note,.phone-presentation #art-career-wheel .acw-facts{font-size:18px}
.phone-presentation #art-career-wheel .acw-picker select{font-size:20px;min-height:68px}
.phone-presentation #art-career-wheel .acw-caption,.phone-presentation #art-career-wheel .income-job,.phone-presentation #art-career-wheel .acw-source summary,.phone-presentation #art-career-wheel .watch-button{font-size:17px}
.phone-presentation #art-career-wheel .acw-detail h2{font-size:30px}
.phone-presentation #campus .campus-reel-copy{left:13%;width:36%;max-width:530px}
.phone-presentation #campus .campus-reel-albums{max-width:500px;gap:6px 24px;margin-top:20px}
.phone-presentation #campus .campus-reel-albums button{font-size:21px;min-height:64px}
.phone-presentation #campus .campus-reel-topics button{font-size:18px;min-height:56px}
.phone-presentation #campus .campus-reel-navigation button{width:80px;height:80px}
.phone-presentation #campus .campus-reel-navigation svg{width:27px;height:27px}
.phone-presentation #campus #campus-counter{font-size:18px}
.phone-presentation #campus .campus-reel-caption{font-size:20px}
.phone-presentation #campus .campus-reel-caption small{font-size:15px}
.phone-presentation #history .archivefan-collection-tabs button{font-size:18px;min-height:60px;padding:10px 18px}
.phone-presentation #history .archivefan-topics button{font-size:17px;min-height:50px}
.phone-presentation #history .archivefan-navigation button{width:72px;height:72px;font-size:24px}
.phone-presentation .section-intro{font-size:20px}
.phone-presentation .hub-caption span{font-size:20px}
.phone-presentation .card-label{font-size:17px}
.phone-presentation .hub-footer{font-size:18px}
.phone-presentation #intro-replay,.phone-presentation #intro-skip{font-size:20px;min-height:64px;padding:14px 22px}
.phone-presentation #menu-open{font-size:20px;min-height:72px;padding:16px 22px}
.phone-presentation .faq details>summary{font-size:24px;min-height:76px}
.phone-presentation .faq details p{font-size:21px}

/* Reserve only the photo fields. A swipe beside them continues scrolling the page. */
.phone-presentation #campus .campus-reel-stage,.phone-presentation #campus .campus-reel-photo,
.phone-presentation #history .archivefan-fan,.phone-presentation #history .archivefan-photo{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.phone-presentation #campus .campus-reel-stage{pointer-events:auto}
.phone-presentation #campus .campus-reel-photo[aria-hidden=true]{visibility:hidden;will-change:auto}
.phone-presentation #history .archivefan-photo.is-away{will-change:auto}