/* Portrait-only adjustments. No media, timing, loader or desktop overrides. */
@media (max-width:700px) and (orientation:portrait){
 #inside.material-story,#inside .material-stage{background:#073f2a}
 #inside .material-vignette{background:linear-gradient(180deg,#032b2055,transparent 28%,transparent 58%,#032b2077),radial-gradient(ellipse,transparent 45%,#032b2044)}
 .material-handoff{background:#073f2a}
 #inside .material-eyebrow{top:13%;color:#f4ebd6}
 #inside .material-word{top:36%}
 #inside .material-graph{height:clamp(240px,36svh,300px)}
 #inside .material-fine{width:86%;line-height:1.6;text-shadow:none}
 #inside .material-badge span{text-shadow:0 2px 8px #032b20}
 #inside.material-reduced .material-words{background-color:#073f2a}
 #inside.material-reduced .material-final{background-color:#073f2a}
 .final.section-pad{min-height:0;padding:44px 6% calc(28px + env(safe-area-inset-bottom))}
 .final .final-head{align-items:flex-start;gap:20px}
 .final .final-head .eyebrow{max-width:60%;font-size:9px}
 .final .back-top{max-width:95px;text-align:right;line-height:1.5;font-size:8px}
 .final h2{width:100%;font-size:clamp(64px,21vw,100px);line-height:.91;letter-spacing:-.04em;margin:32px 0 22px}
 .final .final-product{position:relative;inset:auto;width:52%;max-width:220px;height:auto;aspect-ratio:2/3;margin:0 0 28px auto;opacity:.7;mask-image:linear-gradient(180deg,transparent,black 12%,black 91%,transparent),linear-gradient(90deg,transparent,black 10%,black 94%,transparent);mask-composite:intersect}
 .final .final-product img{object-fit:contain;object-position:center}
 .final #milo-celebration .gift-trigger{left:calc(6% + 18px)!important}
 .final .footer-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding-top:28px}
 .final .footer-bottom .wordmark{font-size:42px}
 .final .footer-bottom p{font-size:11px;line-height:1.7}
 .final .footer-bottom .creator-credit{width:100%}
 .final .footer-contact-links{position:static;display:flex;flex-wrap:wrap;gap:0 18px;width:auto;max-width:100%;margin-top:6px}
 .final .footer-contact-links a{min-height:44px;padding:10px 0}
 .final .footer-bottom .concept-note{margin:0;font-size:10px;line-height:1.6}
 .final .footer-privacy{position:static;display:block;width:max-content;min-height:44px;padding:12px 0 6px}
 body:has(.final #milo-celebration.is-visible) #milo-privacy .privacy-toggle{visibility:hidden}
 .final .footer-privacy-notice{margin-top:20px;padding:18px}
 .final .footer-privacy-notice p{font-size:12px}
}

/* Mobile header: retain the approved text mark; remove the excessive overlap
   from desktop tracking and reserve an independent, unshrunk logo box. */
@media (max-width: 700px) {
  .header { gap: clamp(12px, 4vw, 20px); }
  .header > .wordmark { letter-spacing: -1px; flex: 0 0 auto; white-space: nowrap; }
  .header nav { gap: 12px; }
}