/* Installed app (display-mode: standalone) in the mobile view: smaller type and tighter spacing so one screen shows more.
   Browser tabs and the desktop view inside the app are untouched. Fixed bars keep their safe-area insets. */
@media (display-mode: standalone) {
/* Header: logo, display-mode control and menu share one row. */
html[data-view="mobile"] .site-header{flex-wrap:nowrap;align-items:center;gap:8px;min-height:0;padding:4px max(14px,calc((100% - 652px)/2));padding-top:calc(4px + env(safe-area-inset-top,0px))}
html[data-view="mobile"] .site-header .wordmark{width:94px;height:36px}
html[data-view="mobile"] .site-header .wordmark img{flex:none;width:138px;max-width:none;margin-left:-24px}
html[data-view="mobile"] .page-view-mode{order:1;flex:0 1 auto;margin-left:auto}
html[data-view="mobile"] .header-actions{order:2}
html[data-view="mobile"] .menu-btn{min-height:40px;padding:2px 0;gap:4px}
html[data-view="mobile"] .page-view-mode .view-mode-control{display:grid;grid-template-columns:auto auto;align-items:center;gap:0 8px}
html[data-view="mobile"] .page-view-mode .view-mode-control>span{grid-area:1/1;align-self:end;font-size:var(--fs-xs);line-height:1.25}
html[data-view="mobile"] .page-view-mode .view-mode-control small{grid-area:2/1;align-self:start;line-height:1.25}
html[data-view="mobile"] .page-view-mode .view-mode-control:has(small:empty)>span{grid-row:1/span 2;align-self:center}
html[data-view="mobile"] .page-view-mode .view-mode-control select{grid-area:1/2/span 2;min-width:0;height:36px;min-height:36px;padding:4px 24px 4px 8px;font-size:var(--fs-base)}
@media (max-width:359px){
  html[data-view="mobile"] .site-header{flex-wrap:wrap;row-gap:4px}
  html[data-view="mobile"] .page-view-mode{order:3;flex:0 0 100%;margin-left:0}
}

/* Panels: start below the measured header and use more of the width. */
html[data-view="mobile"] #grid,html[data-view="mobile"] #content-panel{padding-top:calc(var(--site-header-h,calc(48px + env(safe-area-inset-top,0px))) + 12px);padding-bottom:calc(13px + env(safe-area-inset-bottom,0px));padding-inline:max(14px,calc((100% - 652px)/2))}
html[data-view="mobile"] #content-panel .panel-bar{margin-bottom:12px;padding-bottom:4px}
html[data-view="mobile"] .panel-bar a{min-height:36px;gap:12px;font-size:var(--fs-xs)}
html[data-view="mobile"] #content-panel .content-page{padding:4px 0 28px;font-size:var(--fs-sm);line-height:1.7}
html[data-view="mobile"] #content-panel .content-heading{padding-bottom:16px}
html[data-view="mobile"] #content-panel .content-eyebrow{margin-bottom:8px}
html[data-view="mobile"] #content-panel h2{font-size:var(--fs-2xl)}
html[data-view="mobile"] #content-panel .content-intro{margin-top:8px;font-size:var(--fs-sm);line-height:1.75}
html[data-view="mobile"] #content-panel .content-fine-print{font-size:var(--fs-xs);line-height:1.75}
html[data-view="mobile"] #content-panel .content-next{gap:8px;margin-top:32px;padding-top:16px}
html[data-view="mobile"] #content-panel .content-next>p{font-size:var(--fs-sm)}
html[data-view="mobile"] #content-panel .content-link{min-height:40px;font-size:var(--fs-sm)}

/* Plans */
html[data-view="mobile"] #content-panel .price-grid{gap:12px;margin-top:8px}
html[data-view="mobile"] #content-panel .price-card{padding:20px 16px 16px}
html[data-view="mobile"] #content-panel .price-badge{left:16px}
html[data-view="mobile"] #content-panel .price-card h3{margin-top:6px;font-size:var(--fs-xl)}
html[data-view="mobile"] #content-panel .price-fit{margin-top:6px;padding-bottom:10px;font-size:var(--fs-sm);line-height:1.7}
html[data-view="mobile"] #content-panel .price-amount{padding:8px 0;font-size:var(--fs-2xl)}
html[data-view="mobile"] #content-panel .price-list{margin:2px 0 14px;font-size:var(--fs-sm)}
html[data-view="mobile"] #content-panel .price-list li{padding-block:6px}
html[data-view="mobile"] #content-panel .price-note{margin:-8px 0 14px;font-size:var(--fs-xs)}
html[data-view="mobile"] #content-panel .price-cta{min-height:40px;font-size:var(--fs-sm)}
html[data-view="mobile"] #content-panel .price-card.is-wide{margin-top:12px}
html[data-view="mobile"] #content-panel .content-offer{gap:10px;margin-top:18px;padding:16px}
html[data-view="mobile"] #content-panel .content-offer h3{font-size:var(--fs-base)}
html[data-view="mobile"] #content-panel .content-offer p{font-size:var(--fs-sm);line-height:1.75}
html[data-view="mobile"] #content-panel .content-offer .content-offer-price{font-size:var(--fs-xl)}
html[data-view="mobile"] #content-panel .price-section{margin-top:40px}
html[data-view="mobile"] #content-panel .price-section>p{font-size:var(--fs-sm);line-height:1.75}
html[data-view="mobile"] #content-panel .price-eyebrow{font-size:var(--fs-xs)}
html[data-view="mobile"] #content-panel .price-modules{gap:8px;margin-top:16px}
html[data-view="mobile"] #content-panel .price-module{padding:14px 12px}
html[data-view="mobile"] #content-panel :is(.price-module,.price-duo-item) h4{margin:6px 0 4px;font-size:var(--fs-base)}
html[data-view="mobile"] #content-panel .price-module p{font-size:var(--fs-xs);line-height:1.75}
html[data-view="mobile"] #content-panel .price-duo{gap:10px;margin-top:16px}
html[data-view="mobile"] #content-panel .price-duo-item{padding:16px}
html[data-view="mobile"] #content-panel .price-duo-item h4{font-size:var(--fs-lg)}
html[data-view="mobile"] #content-panel .price-duo-item ul{font-size:var(--fs-sm);line-height:1.75}

/* Contact */
html[data-view="mobile"] #content-panel .contact-editorial{gap:18px}
html[data-view="mobile"] #content-panel .content-line-block{padding:14px 0}
html[data-view="mobile"] #content-panel .content-line-block h3{font-size:var(--fs-xl)}
html[data-view="mobile"] #content-panel .content-line-block>p{margin-top:6px;font-size:var(--fs-sm);line-height:1.75}
html[data-view="mobile"] #content-panel .content-line-actions{gap:8px;margin-top:10px}
html[data-view="mobile"] #content-panel .content-button{min-height:40px;gap:12px;padding:6px 12px;font-size:var(--fs-sm)}
html[data-view="mobile"] #content-panel #contact-copy-status{margin-top:4px;font-size:var(--fs-xs)}
html[data-view="mobile"] #content-panel .content-social-row{min-height:64px;padding:10px 0}
html[data-view="mobile"] #content-panel .content-social-row strong{font-size:var(--fs-lg);line-height:1.5}
html[data-view="mobile"] #content-panel .content-social-row small{font-size:var(--fs-xs);line-height:1.6}
html[data-view="mobile"] #content-panel .content-social-row>span:last-child{font-size:var(--fs-xl)}
html[data-view="mobile"] #content-panel .content-contact-channels>.content-fine-print{margin-top:10px}
html[data-view="mobile"] #content-panel .content-contact-info{padding:16px}
html[data-view="mobile"] #content-panel .content-contact-info>.content-eyebrow{margin-bottom:14px}
html[data-view="mobile"] #content-panel .content-contact-info h3{font-size:var(--fs-xl)}
html[data-view="mobile"] #content-panel address{margin-top:10px;font-size:var(--fs-sm)}
html[data-view="mobile"] #content-panel .content-phone{min-height:40px;margin-top:6px;font-size:var(--fs-xl)}
html[data-view="mobile"] #content-panel .content-mobile{min-height:36px;font-size:var(--fs-sm)}
html[data-view="mobile"] #content-panel .content-utility{gap:6px;margin-top:16px;padding-top:12px}
html[data-view="mobile"] #content-panel .workspace-notice{margin-top:32px;padding-top:18px}
html[data-view="mobile"] #content-panel .workspace-notice h3{font-size:var(--fs-lg)}
html[data-view="mobile"] #content-panel .workspace-notice p{margin-top:8px;font-size:var(--fs-sm);line-height:1.75}
html[data-view="mobile"] #content-panel .policy-links a{min-height:36px}

/* About */
html[data-view="mobile"] #content-panel .about-intro{font-size:var(--fs-base);line-height:1.75}
html[data-view="mobile"] #content-panel .about-editorial{gap:28px}
html[data-view="mobile"] #content-panel .about-feature-copy{margin-top:14px}
html[data-view="mobile"] #content-panel .about-ownership{padding-top:22px}
html[data-view="mobile"] #content-panel .about-ownership h3{font-size:var(--fs-xl)}

/* Services */
html[data-view="mobile"] #content-panel .svc-block{margin-top:36px}
html[data-view="mobile"] #content-panel .svc-title{font-size:var(--fs-xl)}
html[data-view="mobile"] #content-panel .svc-bar::after{margin-top:14px}
html[data-view="mobile"] #content-panel .svc-lede{margin-top:12px;font-size:var(--fs-sm);line-height:1.75}
html[data-view="mobile"] #content-panel .svc-hero{gap:14px;padding:10px}
html[data-view="mobile"] #content-panel .svc-hero-copy{gap:10px;padding:22px 16px 34px}
html[data-view="mobile"] #content-panel .svc-hero-sub{font-size:var(--fs-sm);line-height:1.7}
html[data-view="mobile"] #content-panel .svc-rows{gap:28px}
html[data-view="mobile"] #content-panel .svc-row-copy{padding:18px 16px}
html[data-view="mobile"] #content-panel .svc-row-copy h3{font-size:var(--fs-xl)}
html[data-view="mobile"] #content-panel .svc-row-copy h3::after{margin-top:12px}
html[data-view="mobile"] #content-panel .svc-row-copy p{margin-top:12px;font-size:var(--fs-sm);line-height:1.75}
html[data-view="mobile"] #content-panel .svc-all{padding:26px 14px}
html[data-view="mobile"] #content-panel .svc-tiles{gap:2px 12px;margin-top:22px}
html[data-view="mobile"] #content-panel .svc-tiles a{min-height:52px;gap:10px;padding:8px 2px;font-size:var(--fs-sm)}
html[data-view="mobile"] #content-panel .svc-tiles svg{width:22px;height:22px}
html[data-view="mobile"] #content-panel .svc-case p{font-size:var(--fs-xs)}
html[data-view="mobile"] #content-panel .svc-case{gap:8px;padding:34px 16px}
html[data-view="mobile"] #content-panel .svc-case strong{font-size:var(--fs-h1)}
html[data-view="mobile"] #content-panel .svc-case h3{font-size:var(--fs-lg)}
html[data-view="mobile"] #content-panel .svc-cards{gap:26px}
html[data-view="mobile"] #content-panel .svc-cards article{gap:10px}
html[data-view="mobile"] #content-panel .svc-cards h3{margin-top:6px;font-size:var(--fs-lg)}
html[data-view="mobile"] #content-panel .svc-cards p{font-size:var(--fs-sm);line-height:1.75}

/* Film controls */
html[data-view="mobile"] .hb-reel-controls{gap:8px}
html[data-view="mobile"] .hb-reel-controls button{width:40px;height:40px;min-height:40px}

/* Home sections and shared buttons */
html[data-view="mobile"] .hb-wrap{width:min(652px,calc(100% - 28px))}
html[data-view="mobile"] .hb-section{padding:40px 0}
html[data-view="mobile"] .hb-eyebrow{margin-bottom:10px;font-size:var(--fs-xs)}
html[data-view="mobile"] .hb-title{font-size:var(--fs-xl)}
html[data-view="mobile"] .hb-bar::after{margin-top:16px}
html[data-view="mobile"] .hb-body p{font-size:var(--fs-base);line-height:1.75}
html[data-view="mobile"] .hb-actions{gap:10px;margin-top:20px}
html[data-view="mobile"] .hb-btn{min-height:44px;gap:10px;padding:0 18px;font-size:var(--fs-sm)}
html[data-view="mobile"] .hb-strip-track{padding-block:14px}
html[data-view="mobile"] .hb-strip li{font-size:var(--fs-base)}

/* Works listing */
html[data-view="mobile"] #grid .wk-block{margin-top:36px}
html[data-view="mobile"] #grid .wk-hero{gap:16px;padding:18px 14px}
html[data-view="mobile"] #grid .wk-hero h1{font-size:var(--fs-h1)}
html[data-view="mobile"] #grid .wk-hero-sub{margin-top:10px;font-size:var(--fs-sm);line-height:1.75}
html[data-view="mobile"] #grid .wk-hero .hb-btn{margin-top:16px}
html[data-view="mobile"] #grid .wk-title{font-size:var(--fs-xl)}
html[data-view="mobile"] #grid .wk-lede{font-size:var(--fs-sm);line-height:1.75}
html[data-view="mobile"] #grid .wk-featured ul{gap:28px;margin-top:28px}
html[data-view="mobile"] #grid .wk-featured h3{font-size:var(--fs-lg)}
html[data-view="mobile"] #grid .wk-featured li p{font-size:var(--fs-sm);line-height:1.75}
html[data-view="mobile"] #grid .wk-count{padding:34px 16px}
html[data-view="mobile"] #grid .wk-count strong{font-size:var(--fs-h1)}
html[data-view="mobile"] #grid .wk-filters{gap:8px;margin-top:22px}
html[data-view="mobile"] #grid .wk-filters button{min-height:40px;padding:0 14px;font-size:var(--fs-sm)}
html[data-view="mobile"] #grid .rows{gap:28px;margin-top:26px}
html[data-view="mobile"] #grid .grid-card .grid-caption{font-size:var(--fs-lg)}
html[data-view="mobile"] #grid .grid-card small{font-size:var(--fs-xs)}
html[data-view="mobile"] #grid .wk-cta{padding:34px 16px}
html[data-view="mobile"] #grid .wk-cta h2{font-size:var(--fs-xl)}
}