/* iPhone refinements only. All desktop declarations and original artwork stay intact. */
@media (max-width:750px){
 /* Retain the existing menu and interaction; enlarge its tap surface only. */
 .site-menu{min-height:44px;min-width:64px;justify-content:center}
 .nav-link{min-height:44px;display:flex;align-items:center}

 /* About: keep a single full-width reading column and the independent scroll rail. */
 .about-canvas:not(.story-open) .about-lead,
 .about-canvas:not(.story-open) .about-photo.about-layered{height:max(620px,calc(100svh - 180px));min-height:0}
 .about-canvas.story-open{gap:20px}
 .about-canvas.story-open .about-lead{padding-top:20px}
 .about-canvas.story-open .about-reading-box{margin-top:24px;width:100%;min-width:0}
 .about-canvas.story-open .about-reading-box #about-more{
  box-sizing:border-box;width:100%;height:clamp(300px,55svh,460px);max-height:460px;
  padding:20px 30px 20px 18px;overflow-y:auto;overflow-x:hidden;
  overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y
 }
 .about-canvas.story-open .about-reading-box #about-more>p{
  font-size:16px;line-height:1.65;overflow-wrap:break-word;margin-bottom:20px
 }
 .about-canvas.story-open .about-reading-box #about-more>p:last-child{margin-bottom:0}
 .about-canvas.story-open #about-close-outside{margin-top:14px;min-height:44px}
 .about-canvas.story-open .about-visual{height:460px}
 .about-canvas.story-open .about-layered .portrait-note{translate:4px 16px}
 .about-canvas.story-open .about-layered>img.journey-woman{top:90px}

 /* Work: reduce the space between category rows without altering the photo crop. */
 body[data-page="work"] .category-archive{padding-top:20px;row-gap:16px}
 body[data-page="work"] .work-category>summary{min-height:72px;padding:12px 0 16px}
 body[data-page="work"] .work-category[open]>summary{min-height:72px}
 body[data-page="work"] .work-category>summary>span:first-child{min-width:0;overflow-wrap:break-word}
 body[data-page="work"] .work-next{padding-top:32px;padding-bottom:40px}

 /* Long Form's desktop spacing sheet otherwise reintroduces an 800px minimum. */
 body[data-page="long-form"] .long-hero{height:auto;min-height:0;padding-bottom:24px}
 body[data-page="long-form"] .long-hero-copy{padding-top:12px}
 body[data-page="long-form"] #long-title{margin-bottom:24px}
 body[data-page="long-form"] .long-explore{margin-top:22px;min-height:48px}
 body[data-page="long-form"] .long-hero-doodles{margin-top:20px;min-height:60px;padding-top:0;padding-bottom:0}
 body[data-page="long-form"] .long-hero .long-hero-doodles>svg{height:52px}
 body[data-page="long-form"] .long-scene{margin-top:18px}
 body[data-page="long-form"] .filmography{padding-top:24px;row-gap:16px}
 body[data-page="long-form"] #filmography-title{margin-bottom:12px}
 body[data-page="long-form"] .film-category-toggle{min-height:72px;padding:18px 0}
 body[data-page="long-form"] .film-project-toggle{min-height:48px}

 /* Pitch Vault: intrinsic rows, with no reserved row for closed readers. */
 body[data-page="pitch-room"] .pitch-editorial-hero{height:auto;min-height:0;gap:28px}
 body[data-page="pitch-room"] .pitch-vault{height:auto;min-height:0;grid-template-rows:none;grid-auto-rows:max-content;align-content:start;align-items:start;row-gap:18px;padding-top:24px}
 body[data-page="pitch-room"] .pitch-vault-heading{height:auto;min-height:0;margin:0;align-self:start}
 body[data-page="pitch-room"] .pitch-vault .pitch-campaign-lead{margin-top:12px}
 body[data-page="pitch-room"] .pitch-vault>dialog:not([open]){display:none}
 body[data-page="pitch-room"] .pitch-vault>.pitch-campaign{min-width:0}

 /* Contact: preserve the complete portrait and its intrinsic proportions. */
 body[data-page="contact"] .contact-hero{height:auto;min-height:0;gap:24px;padding-bottom:0}
 body[data-page="contact"] .contact-actions .cta-btn:first-child{font-size:14px;letter-spacing:0;max-width:none;min-height:52px;padding:15px 16px;gap:12px}
 body[data-page="contact"] .contact-actions .cta-btn:first-child>span:first-child{min-width:0;overflow-wrap:anywhere}
 body[data-page="contact"] .contact-actions .btn-arrow{flex-shrink:0}
 body[data-page="contact"] .contact-actions .cta-btn:last-child{font-size:12px;min-height:46px}
 body[data-page="contact"] .contact-photo-area{height:auto;min-height:0;aspect-ratio:auto;margin-top:8px}
 body[data-page="contact"] .contact-photograph{height:auto;margin-bottom:0}
 body[data-page="contact"] footer{position:relative;margin-top:0;padding-top:24px;padding-bottom:24px}
}

/* Final iPhone art-direction corrections; no desktop declarations. */
@media(max-width:750px){
 body[data-page="home"]{padding-top:72px}
 body[data-page="home"] .site-header{height:72px;background:transparent}
 body[data-page="home"] .editorial-hero{min-height:835px;background:transparent}
 body[data-page="home"]>.background-grain{position:fixed;inset:0;pointer-events:none;opacity:.15;z-index:0}
 body[data-page="home"] .portrait{top:28px}
 body[data-page="home"] .mustard-paper{top:40px}
 body[data-page="home"] #hero-name{top:450px}
 body[data-page="home"] .supporting-copy{top:620px}
 body[data-page="home"] .handwritten-note{left:auto;right:25px;top:345px;width:104px;z-index:5}
 body[data-page="home"] .scribble{top:758px;bottom:auto}
 .about-canvas.story-open .about-visual{height:245px}
 .about-canvas.story-open .about-layered>img.journey-woman{height:190px;top:24px}
 .about-canvas.story-open .about-lead{padding-bottom:70px}
 .about-canvas.story-open .about-lead .about-journey{height:60px;width:150px}
 .about-canvas.story-open .about-layered .portrait-note{font-size:13px;translate:4px 8px}
 body[data-page="work"] .work-approved-photo{margin-left:-84%}
 body[data-page="long-form"] .long-scene{width:175%;margin-left:-75%}
 body[data-page="pitch-room"] .pitch-visual{left:-4px}
 body[data-page="contact"] .contact-actions .cta-btn{opacity:1!important}
}

@media(max-width:750px) and (prefers-reduced-motion:no-preference){
 .mobile-portrait-pending .contact-original-scene{opacity:0}
 .mobile-portrait-pending .contact-intro-silhouette,.mobile-portrait-pending .contact-intro-islands,.mobile-portrait-pending .contact-intro-colour{display:block}
}

/* Mobile polish: paper note, compact copy rhythm, balanced biography art. */
@media(max-width:750px){
 body[data-page="home"]{position:relative}
 body[data-page="home"]>.background-grain{position:absolute}
 body[data-page="home"] .site-header{height:64px;min-height:64px;background:transparent}
 body[data-page="home"] .portrait{height:370px}
 body[data-page="home"] .location{margin-top:6px!important}
 body[data-page="home"] .handwritten-note{right:27px;top:350px;width:75px;font-size:11px;line-height:1.3;letter-spacing:0;white-space:nowrap;transform:rotate(-9deg);padding-bottom:3px;border-bottom:1px solid var(--ink)}
 body[data-page="home"] .handwritten-note>span{display:none}
 body[data-page="home"] .scribble{top:750px}
 body[data-page="home"] .editorial-hero{min-height:827px}
 .about-canvas:not(.story-open) .about-layered>img.journey-woman{top:200px}
 .about-canvas:not(.story-open) .about-layered .journey-grass,
 .about-canvas:not(.story-open) .about-layered .grass-accents{top:calc(200px + min(43svh,390px) - 55px)}
 .about-canvas.story-open .about-visual{height:280px}
 .about-canvas.story-open .about-layered>img.journey-woman{height:210px;top:45px;left:50%}
 .about-canvas.story-open .about-layered>img.journey-plane{top:10px;left:69%;width:25%}
 .about-canvas.story-open .about-layered .portrait-note{left:12px;right:auto;top:105px;width:78px;font-size:12px;line-height:1.35;translate:0 0;transform:rotate(-6deg)}
 .about-canvas.story-open .about-layered .portrait-note svg{max-height:32px}
 .about-canvas.story-open .about-layered .flight-curve{left:45%;top:5px;width:48%;height:45px}
 .about-canvas.story-open .about-layered .journey-grass,
 .about-canvas.story-open .about-layered .grass-accents{left:10%;width:80%;bottom:12px}
 .about-canvas.story-open .about-lead{padding-bottom:60px}
 .about-canvas.story-open .about-lead .about-journey.editorial-sketch{width:140px;height:48px;right:24px;bottom:4px}
 body[data-page="work"] .work-approved-photo{margin-left:-89%}
 body[data-page="long-form"] .long-scene{width:177%;margin-left:-77%}
}