/* Shared phone layout. Desktop styling remains in its original stylesheets. */
@media(max-width:700px){
 html{scroll-padding-top:18px;-webkit-text-size-adjust:100%}
 body{min-width:0}
 main,section,.form-grid,.form-card,.portfolio-panels{min-width:0}
 input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px!important;max-width:100%;min-height:48px}
 textarea{min-height:130px}
 a,button,summary{-webkit-tap-highlight-color:transparent}
 .site-header .reference-nav{display:block!important;margin-top:16px;padding:8px 0!important}
 .site-header .reference-nav>span{display:none}
 .site-header .reference-nav nav{display:flex;justify-content:space-between;gap:6px!important;flex-wrap:wrap}
 .site-header .reference-nav nav a,.reference-nav nav a:first-child{display:inline-flex!important;align-items:center;justify-content:center;min-height:44px;font-size:13px!important;padding:6px 3px}
 .scarlet-copy{padding:42px 20px 0}
 .scarlet-copy h1{font-size:clamp(30px,8.6vw,56px);line-height:1.06;letter-spacing:-.045em;-webkit-text-stroke:0}
 .scarlet-copy h1 span{white-space:normal}
 .scarlet-copy>p{font-size:16px;line-height:1.6;letter-spacing:0;padding:0;margin:23px auto 0;max-width:360px}
 .scarlet-actions{display:grid;grid-template-columns:1fr;max-width:360px;margin:26px auto 0;gap:10px}
 .scarlet-actions a{width:100%;font-size:14px;min-height:50px;padding:13px 16px}
 .scarlet-stage{margin-top:32px;height:64vw;width:80%}
 .scarlet-utility{font-size:11px;align-items:center;padding:8px 20px;gap:16px}
 .scarlet-utility a,.scarlet-utility button{font-size:11px;min-height:44px;display:inline-flex;align-items:center}
 .intro{padding-block:50px;gap:24px}.intro p{font-size:15px;line-height:1.7}
 .editorial-approach{overflow:clip}
 .approach-title .approach-line{max-width:100%;font-size:clamp(42px,12vw,76px)}
 .portfolio-sidebar{padding:44px 20px 28px}
 .portfolio-sidebar h2,.portfolio-sidebar h2 span{font-size:46px;line-height:1.05}
 .portfolio-sidebar>p{font-size:14px;line-height:1.65;margin-top:20px}
 .project-selector{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin-block:22px 18px}
 .project-selector a{display:grid;grid-template-columns:22px 1fr;gap:4px;min-width:0;min-height:76px;padding:12px 0;align-content:center}
 .project-selector a>span:nth-child(2){font-size:18px;line-height:1.2;overflow-wrap:normal}
 .project-selector small{grid-column:2;font-size:9px;max-width:none}
 .project-caption{gap:18px;padding:22px 20px 34px}
 .project-caption h3{font-size:27px;line-height:1.2}
 .project-caption p,.concept-note p{font-size:14px;line-height:1.6}
 .preview-button{min-height:44px;font-size:12px;padding:12px 16px}
 .project-backdrop{max-width:100%;font-size:clamp(30px,8vw,54px);overflow:hidden}
 .service-row ul{font-size:14px;line-height:1.6;gap:12px 20px}
 .service-row p,.services-heading p,.partnership p{font-size:15px;line-height:1.65}
 .restored-pricing .ticket-body{min-height:0;padding:26px 22px}
 .restored-pricing .ticket-body h3{font-size:30px}
 .restored-pricing .ticket-body ul{font-size:14px;line-height:1.7}
 .restored-pricing .ticket-stub{padding:24px 22px}
 .ticket-stub a,.ticket-stub button,.audit-section a,.audit-section button{min-height:48px;font-size:14px}
 .audit-grid{gap:28px}.audit-grid p,.audit-scope{font-size:15px;line-height:1.65}
 .faq summary{min-height:58px;padding-block:18px;font-size:16px;line-height:1.45;gap:16px}
 .faq details p{font-size:15px;line-height:1.7}
 .footer-links{gap:8px 18px;flex-wrap:wrap}.footer-links a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}
 .contact-main{gap:26px}.contact-action p{font-size:15px;line-height:1.65}
 .form-card{padding:24px 18px}.field-row{grid-template-columns:1fr;gap:20px}
 .field label{font-size:14px}.chips label{min-height:44px;display:inline-flex;align-items:center}
 .form-foot{display:flex;flex-direction:column;align-items:stretch;gap:16px}.form-foot button{min-height:50px;width:100%;font-size:15px}
 .form-foot p{font-size:13px;line-height:1.6}
 .actions{gap:12px}.actions a{min-height:48px;font-size:14px}
 .compact-bar{display:none!important}
 .legal-page{padding:45px 20px}.legal-page h1{font-size:42px;overflow-wrap:anywhere}
 dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:24px 18px;overflow:auto}
 .film-toggle{min-height:44px;font-size:12px}
}
@media(max-width:360px){.site-header .reference-nav nav a{font-size:12px!important}.scarlet-copy{padding-inline:16px}.project-selector{gap:0 12px}.project-selector a>span:nth-child(2){font-size:16px}.approach-hero h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:700px){html,body{overflow-x:clip}.scarlet-utility{position:relative;z-index:5;background:rgba(40,0,8,.62)}.scarlet-stage{height:56vw}.scarlet-site{--plane-tilt:35deg!important}.scarlet-entrance{perspective:150vw}}