/* The artwork follows the text instead of relying on fixed pixel offsets. */
@media(max-width:760px){
 .opening{min-height:0;padding:35px 0 26px;display:flex;flex-direction:column;align-items:center}
 .opening-copy{width:100%;padding:0;align-self:auto}
 .opening h1{font-size:clamp(48px,12vw,72px);line-height:1.08}
 .opening-art.depth-scene{position:relative;top:auto;left:auto;right:auto;width:105%;margin:32px -2.5% 54px;flex:none}
 .opening-art .art-caption{bottom:-23px;font-size:clamp(20px,5.2vw,25px)}
 .scroll-note{position:relative;inset:auto;transform:none;margin:0 auto;max-width:100%;text-align:center}
 .js-nav .site-header nav{display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px 24px 22px;max-height:calc(100dvh - 76px);overflow:auto}
 .js-nav .site-header nav.is-open{display:flex}
 .site-header nav a{min-height:48px;display:flex;align-items:center;font-size:16px}
 .site-header .nav-contact{border-bottom:0}
 .journey-nav{top:76px;max-width:100%;gap:9px;padding:8px 12px;border-radius:0;font-size:21px}
 .journey-nav a{min-height:44px}.journey-nav>span{width:14px}
 .ink{width:44px;height:44px;padding:12px}.ink.active:after{left:11px}
 .film-under button,.quiet-link,.footer-links a{min-height:44px;display:inline-flex;align-items:center}
 .video-options,.film-controls{flex-wrap:wrap;justify-content:center;gap:8px 18px}.film-controls{margin-left:0}
 .film-under{gap:4px}.film-under button{font-size:14px}
 .whatsapp-float{bottom:calc(17px + env(safe-area-inset-bottom,0px))}
 .footer{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
 .contact-form input,.contact-form textarea,.contact-form select{font-size:18px;min-height:48px}
 .contact-methods a{overflow-wrap:anywhere;max-width:100%;min-height:44px}
 .paper-dialog{max-height:calc(100dvh - 30px);overflow:auto}
 .price-line h3{font-size:clamp(27px,7.8vw,37px)}.line-price{font-size:clamp(30px,8.8vw,42px)}
 .price-line{gap:14px}.price-line p{font-size:17px}.price-index{display:none}
 .table-scroll{overscroll-behavior-x:contain}
 .demo-toolbar button,.demo-toolbar .demo-back{min-height:44px;display:inline-flex;align-items:center}
 .demo-toolbar .demo-back{font-size:14px}.demo-toolbar button{font-size:13px}
 .cover h1{font-size:clamp(50px,17vw,75px);white-space:normal;overflow-wrap:normal}
 .invitation-nav{width:min(420px,calc(100% - 24px));gap:0;padding:4px 8px;bottom:calc(13px + env(safe-area-inset-bottom,0px))}
 .invitation-nav a{flex:1;justify-content:center;min-width:0;min-height:44px;font-size:13px}
 .demo-footer{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px))}
}
@media(max-width:350px){.shell{width:calc(100% - 36px)}.journey-nav{font-size:19px;gap:6px}.journey-nav>span{width:8px}.demo-toolbar{padding-inline:12px}.demo-toolbar .demo-back{font-size:12px}.demo-toolbar button{font-size:12px}.invitation{padding-inline:20px}.invitation-nav a{font-size:12px}}