/* Keep the intro within the visible phone screen, independent of page length. */
@media(max-width:600px){.splash{position:fixed;inset:0;height:100dvh;padding-top:max(32px,env(safe-area-inset-top));z-index:1000}.splash .drive-stage{bottom:140px;top:auto;height:190px}.splash .hilux-drive{width:min(280px,78vw);left:calc(50% - min(140px,39vw));animation:phone-truck 3s ease-out both}.splash h1{font-size:32px}.scene{min-width:0}.module-page{overflow-wrap:anywhere}.module-page input,.module-page select,.module-page textarea{max-width:100%;min-width:0}}
@keyframes phone-truck{from{transform:translateX(-70vw)}55%,100%{transform:translateX(0)}}
@media(max-height:650px) and (orientation:portrait){.splash .logo-pad{width:135px}.splash h1{margin:12px 0 8px}.splash .drive-stage{bottom:115px;height:160px}.splash .hilux-drive{height:150px}}
.phone-portrait-note{display:none}
@media(orientation:landscape) and (max-height:500px) and (pointer:coarse){body:has(input:focus,textarea:focus,select:focus) .phone-portrait-note{display:none}.phone-portrait-note{position:fixed;inset:0;z-index:2147483647;background:#eee8dc;color:#253b30;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;gap:14px;font-size:20px}.phone-portrait-note span{font-size:48px}}

/* The same coffee artwork and steam stay visible during automatic sign-in. */
.splash>.splash-coffee{position:absolute;bottom:120px;left:50%;width:132px;height:176px;flex:none;margin:0;z-index:2;transform:translateX(-50%) scale(.85);transform-origin:50% 100%}
.splash>.splash-coffee img{width:109.333px;height:164px;left:11.333px;object-fit:fill;clip-path:url(#coffee-silhouette);mix-blend-mode:normal}
.splash>.splash-coffee .coffee-vapor{left:5px;width:122px;height:176px}
.splash .drive-stage{bottom:275px;height:175px}
.splash.hide .steam-clouds i{animation-play-state:paused}
@media(max-height:700px){.splash{padding-top:max(20px,env(safe-area-inset-top))}.splash .logo-pad{width:125px}.splash h1{font-size:27px;margin:12px 0 8px}.splash .drive-stage{bottom:250px;height:140px}.splash .hilux-drive{height:135px}.splash>.splash-coffee{bottom:113px;transform:translateX(-50%) scale(.72)}}

/* Clip in the image's own SVG coordinate space, independent of hidden screen/HTML image clip support. */
.coffee-stove>.coffee-product{position:absolute;top:12px;left:11.333px;width:109.333px;height:164px;overflow:hidden;display:block}