/* Phone layouts: generous type, calm image framing and reachable controls. */
@media(max-width:700px){
 body.studio-site{font-size:15px;line-height:1.7;padding-bottom:calc(90px + env(safe-area-inset-bottom));--muted:#606b61}
 .studio-topline{display:none}
 header.studio-header,body.scrolled header.studio-header{height:76px;padding:0 20px;gap:10px;background:#f7f5effa}
 .studio-header .brand-identity{gap:10px;min-width:0}
 .studio-header .brand-identity .brand-name>strong{font-size:14px;letter-spacing:-.15px}
 .studio-header .brand-identity .brand-name>.brand-owner{font-size:10px;letter-spacing:1.3px;margin-top:3px}
 .studio-header .brand-identity .brand-domain{font-size:12px}
 .studio-header .brand-symbol{font-size:38px;display:block}
 .studio-header .header-actions{gap:1px}
 .studio-header .icon-button,.studio-header .menu-toggle{width:44px;min-width:44px;min-height:44px}
 .studio-header nav{top:75px;padding:12px 22px 24px;border-radius:0 0 20px 20px;max-height:calc(100dvh - 175px)}
 .studio-header nav a{font-size:18px;min-height:52px;padding:13px 0}
 .studio-hero{padding:28px 20px 34px;gap:24px}
 .hero-copy .eyebrow{display:none}
 .studio-hero h1{font-size:clamp(31px,8.9vw,43px);letter-spacing:-1.35px;line-height:1.17;margin:0 0 18px;max-width:100%}
 .studio-hero h1 em br{display:none}
 .studio-hero h1 em{display:block;margin-top:5px}
 .hero-description{font-size:14px;line-height:1.75;max-width:37ch}
 .hero-actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:22px}
 .hero-actions .button{width:100%;font-size:14px;min-height:50px;border-radius:10px;padding:14px 18px}
 .hero-actions .text-link{font-size:13px;min-height:40px;justify-self:center;border-bottom:0;padding:0}
 .hero-visual{padding:0;margin:0}
 .hero-photo-main{height:auto;aspect-ratio:5/4;max-height:380px;border-radius:20px;isolation:isolate}
 .hero-photo-main>img{object-position:50% 36%}
 .hero-photo-small,.hero-stamp,.vertical-note{display:none}
 .hero-slide-controls{right:10px;bottom:10px;border-radius:30px;background:#f7f5efe8;padding:0 3px;backdrop-filter:blur(8px)}
 .hero-slide-controls button{min-width:40px;min-height:40px;color:var(--ink)}
 .studio-values{margin:0 20px;padding:20px 0;gap:12px}
 .studio-values>span{font-size:13px;gap:12px;line-height:1.5}
 .studio-section{padding:44px 20px}
 .studio-site h2{font-size:32px;letter-spacing:-1px;line-height:1.22;text-wrap:balance}
 .studio-site .eyebrow{font-size:10px;letter-spacing:1.3px;line-height:1.6}
 .section-heading{margin-bottom:24px}
 .section-heading>p,.about-copy p:not(.eyebrow),.experience-grid p,.faq-list p{font-size:14px;line-height:1.8}
 .section-heading>.text-link,.about-copy .text-link{font-size:14px;min-height:44px}
 .service-grid{grid-template-columns:1fr;gap:14px}
 .service-card{display:grid;grid-template-columns:112px minmax(0,1fr);gap:0 18px;padding:12px;background:#eeeee5;border:1px solid #e1e2d6;border-radius:16px;min-width:0}
 .service-photo{grid-row:1/4;aspect-ratio:auto;height:155px;border-radius:10px}
 .service-card h3{font-size:24px;line-height:1.2;margin:6px 0 8px;align-self:end}
 .service-card h3 a{text-decoration:none}
 .service-card p{font-size:13px;line-height:1.6}
 .service-card .service-more{font-size:12px;min-height:44px;display:flex;align-items:center;margin-top:2px}
 .service-book{width:40px;height:40px;bottom:8px;right:8px}
 .service-number{font-size:11px}
 .event-callout{border-radius:16px;padding:24px;margin-top:20px}
 .studio-site .event-callout h3{font-size:29px}
 .event-callout p:not(.eyebrow){font-size:14px}
 .event-callout .button{font-size:14px;border-radius:9px}
 .portfolio-section{margin:0 20px;padding-left:0;padding-right:0}
 .portfolio-filters,.collection-filters{gap:6px;scrollbar-width:none;padding-bottom:8px}
 .portfolio-filters button,.collection-filters button{font-size:13px;min-height:44px;padding:10px 16px}
 .portfolio-grid.gallery{gap:24px 14px}
 .portfolio-grid.gallery .portfolio-item:first-child{grid-column:1/-1}
 .portfolio-grid.gallery .portfolio-item:first-child>img{aspect-ratio:5/4;object-position:50% 35%}
 .portfolio-grid.gallery .portfolio-item>img{border-radius:12px}
 .portfolio-item h3{font-size:21px;line-height:1.25}
 .portfolio-item figcaption>span:first-child{font-size:9px;letter-spacing:.4px}
 .photo-expand{min-width:28px;min-height:44px;text-align:right}
 .studio-about{padding:36px 20px;gap:28px}
 .about-photo{padding-right:0}
 .about-photo img{height:auto;aspect-ratio:4/4.5;border-radius:20px;object-position:50% 30%}
 .studio-pricing-grid{gap:18px}
 .studio-price{padding:26px 22px;border-radius:16px}
 .studio-price h3{font-size:29px}
 .studio-site .price-range{font-size:clamp(23px,6.4vw,29px);white-space:normal;line-height:1.3}
 .studio-price .price-description,.studio-price ul,.pricing-note{font-size:14px;line-height:1.75}
 .studio-price .button{font-size:14px;border-radius:9px}
 .experience-grid{gap:12px}.experience-grid article{padding:20px 0;grid-template-columns:36px 1fr}
 .faq-list summary{font-size:15px;min-height:60px;padding-right:30px}
 .studio-invitation{padding:44px 20px}
 .studio-invitation h2{font-size:34px}
 .studio-invitation>p:not(.eyebrow){font-size:14px;max-width:100%}
 .studio-invitation>.button{width:100%;border-radius:10px;font-size:14px}
 .studio-invitation>a{font-size:13px;line-height:1.7}
 .mobile-dock{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));height:66px;padding:6px;gap:3px;border:1px solid #d6ddcd;border-radius:18px;background:#fbfaf5f5;box-shadow:0 6px 32px #20332926}
 .mobile-dock>a,.mobile-dock>button{font-size:10px;min-height:52px;border-radius:12px;gap:3px}
 .mobile-dock svg{width:21px;height:21px}
 .studio-site .quick-tools{bottom:calc(94px + env(safe-area-inset-bottom));right:16px}
 footer.studio-footer{padding:36px 20px 22px}
 .studio-site .footer-top>p{font-size:24px}
 .footer-top>div:last-child>p:last-child{font-size:13px}
 .footer-links{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;font-size:13px}
 .footer-links a{min-height:44px;display:flex;align-items:center}
 .studio-site .footer-bottom{font-size:11px;line-height:1.8}
 main.studio-inner{padding:0 20px 36px}
 .studio-page-heading{padding:22px 0 24px;margin-bottom:24px}
 .breadcrumbs{font-size:11px;line-height:1.7;margin-bottom:20px;overflow-wrap:anywhere}
 .studio-page-heading .page-title{font-size:36px;line-height:1.16;margin:12px 0 16px;text-wrap:balance}
 .studio-page-heading>p:last-child{font-size:14px;line-height:1.75}
 .page-content p,.service-index-intro,.service-overview p,.service-detail-lead>div>p,.service-inclusions p,.service-inclusion-list li,.shoot-preparation li>p{font-size:14px;line-height:1.8}
 .service-detail-lead h2,.studio-site .event-detail-lead h2{font-size:32px!important}
 .service-detail-cover{aspect-ratio:5/4;max-height:360px;overflow:hidden;border-radius:18px}
 .service-detail-cover>img{border-radius:18px;object-position:50% 30%}
 .service-overview{gap:20px;margin-bottom:32px;padding-bottom:32px}
 .service-overview-photo{border-radius:16px}
 .service-overview-photo>img{aspect-ratio:5/4;max-height:350px}
 .service-overview h2{font-size:32px!important;line-height:1.2}
 .service-overview dt{font-size:10px}.service-overview dd{font-size:14px}
 .service-inclusions,.studio-inline-invite,.tailored-services,.article-next,.article-toc,.journal-grid article,.event-use-cases article{border-radius:16px}
 .service-inclusions{padding:24px}.service-detail-lead .button,.studio-inline-invite .button{font-size:14px;border-radius:9px}
 .detail-price>span{font-size:10px}.detail-secondary{font-size:13px;min-height:44px;display:flex;align-items:center}
 .collection-intro>p,.collection-caption>span,.album-story-lead>p,.journal-intro,.journal-grid article>p:not(.eyebrow),.editorial-article section>p{font-size:14px;line-height:1.8}
 .collection-caption h3{font-size:28px!important}.collection-caption>.eyebrow{font-size:10px}
 .collection-photo{border-radius:16px;overflow:hidden}.collection-grid{gap:30px 16px}
 .collection-result-bar{font-size:12px}.saved-filter{font-size:13px!important;border-radius:9px}
 .album-story-gallery.gallery{gap:12px}.page-content .album-story-gallery.gallery figure>img{border-radius:10px}
 .event-package{border-radius:16px;padding:26px 22px}.event-package>p:not(.eyebrow),.event-package li,.event-use-cases article>p{font-size:14px;line-height:1.8}
 .event-package .button{font-size:14px;border-radius:9px}.event-scope-note{font-size:14px!important}
 .article-toc a,.journal-grid .text-link,.article-next>p,.article-next>.text-link{font-size:14px;line-height:1.8}
 .article-toc a{min-height:44px;display:flex;align-items:center}.article-byline{font-size:11px!important}
 .studio-site .feature-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 32px);padding:28px 22px 24px;border-radius:20px}
 .studio-site .feature-dialog h2{font-size:30px;padding-right:20px;line-height:1.2}
 .studio-site .feature-dialog>p,.studio-site .feature-dialog label,.static-contact p{font-size:14px;line-height:1.7}
 .studio-site .feature-dialog>.eyebrow{font-size:9px;letter-spacing:.4px;max-width:260px;padding-right:25px}
 .static-contact .button{width:100%;border-radius:10px;min-height:50px;font-size:14px}
 .static-contact a[href^="mailto:"]{overflow-wrap:anywhere}
 .studio-site input,.studio-site select,.studio-site textarea{border-radius:9px;font-size:16px;min-height:50px}
 .studio-site #lightbox{border-radius:16px}.studio-site #lightbox .lb-toolbar{flex-wrap:wrap;gap:8px}
}
@media(max-width:460px){.collection-grid{grid-template-columns:1fr}.collection-photo>img{aspect-ratio:4/4.5;max-height:460px;object-position:50% 30%}.related-collections .collection-grid{grid-template-columns:1fr}.page-content .cards{grid-template-columns:1fr}.page-content .card h3{font-size:26px}.page-content .card img{max-height:410px;object-fit:cover;border-radius:12px}}
@media(max-width:360px){header.studio-header,body.scrolled header.studio-header{padding:0 16px}.studio-header .brand-symbol{display:none}.studio-header .brand-identity .brand-name>strong{font-size:13px}.studio-header .brand-identity .brand-name>.brand-owner{font-size:9px}.studio-hero{padding-left:16px;padding-right:16px}.studio-hero h1{font-size:29px;letter-spacing:-1px}.service-card{grid-template-columns:94px minmax(0,1fr);gap:0 12px}.service-card h3{font-size:22px}.service-photo{height:160px}.service-card p{font-size:12px}.studio-site .price-range{font-size:23px}.mobile-dock{left:8px;right:8px}.studio-page-heading .page-title{font-size:32px}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.studio-site .button:hover{transform:none}}
@media(max-width:700px){main.studio-inner:has(.collection-browser) .studio-page-heading{padding-bottom:18px;margin-bottom:18px}main.studio-inner:has(.collection-browser) .studio-page-heading>p:last-child{display:none}.collection-browser .collection-intro{margin-bottom:18px}.collection-browser .collection-intro .text-link{margin-top:8px}.collection-browser .collection-toolbar{flex-wrap:nowrap;gap:8px}.collection-browser .collection-search{min-width:0;flex:1;flex-basis:auto}.collection-browser .saved-filter{padding:10px;gap:5px;flex-shrink:0}.collection-browser .saved-filter svg{width:17px}.collection-browser .collection-result-bar{margin-bottom:14px}.collection-browser .topic-picker{margin:14px 0 22px}}