/* Consistent spacing and predictable touch behavior. */
.headline-dot,.work-spark,.pour-star{display:none}.services::after{content:none}
@media(max-width:720px){
 html{scroll-behavior:auto}
 .wrap{width:calc(100% - 40px)}
 .nav{min-height:76px;gap:16px}.nav nav{gap:12px}.nav .button{min-height:44px}
 .mobile-jumps{padding:0 20px 15px;gap:18px;flex-wrap:wrap;line-height:1.6}
 .studio-hero{padding:28px 0 24px}.studio-topline{margin-bottom:14px}
 .studio-hero .hero-grid{grid-template-columns:1fr;gap:24px}
 .studio-hero h1,.landing .studio-hero h1{font-size:clamp(42px,10.8vw,70px);line-height:1.06;letter-spacing:-.055em;margin:0 0 22px;max-width:100%}
 .studio-hero .intro{font-size:16px;line-height:1.65;max-width:38rem;margin:0}
 .studio-hero .hero-actions{display:flex;flex-wrap:wrap;gap:20px;margin-top:24px}
 .hero-actions .button{min-height:48px}.studio-hero .micro{font-size:13px;line-height:1.65;margin-top:20px;max-width:38rem}
 .work-stage{height:auto;aspect-ratio:1.18;max-width:530px;margin:16px auto 8px}
 .work-main{top:4%;left:2%;width:92%}.work-front{right:2%;bottom:7%;width:76%}.work-ticket{left:1%;bottom:3%;width:30%}
 .work-backdrop{inset:13% 5% 10% 20%}.work-backdrop span{font-size:clamp(40px,10vw,65px)}
 .section{padding:48px 0}.section-top{gap:20px;margin-bottom:28px}.section-top h2,.client-voices .section-top h2{font-size:clamp(36px,9vw,52px);line-height:1.1;letter-spacing:-.045em}
 .section-top>p{font-size:16px;line-height:1.65;margin:0}.case-studies{gap:36px}.case-study{gap:26px;padding-bottom:32px}
 .case-copy h3{font-size:28px;line-height:1.2}.case-copy dl{grid-template-columns:1fr;gap:5px;font-size:15px}.case-copy dd{margin-bottom:12px}
 .work-row{gap:12px;padding:24px 0}.work-row p{font-size:15px;line-height:1.65}.work-more{margin-top:32px}
 .service h3{font-size:48px}.service{padding-right:0}.service p,.service ul{font-size:15px;line-height:1.7}
 .founder-grid{gap:20px}.founder-grid h2{font-size:40px}.founder-grid p:not(.eyebrow):not(.founder-intro){font-size:16px;line-height:1.7}
 .contact .contact-grid{gap:32px;align-items:start}.contact h2{font-size:clamp(40px,10vw,60px);line-height:1.08}.contact::before{content:none}
 .brief{padding:24px 20px;box-shadow:4px 5px 0 #102688;min-width:0}.brief h3{font-size:26px;line-height:1.2}.brief p{font-size:14px;line-height:1.65}.brief label{line-height:1.5;margin-top:18px}
 .brief input,.brief select,.brief textarea{font-size:16px;min-width:0;width:100%;box-sizing:border-box}.brief .button{min-height:48px;width:100%;justify-content:center;white-space:normal}
 .form-pair{grid-template-columns:1fr;gap:0}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:14px;overflow-wrap:anywhere}
 .package-grid,.faq-grid{gap:32px}.footer-top{gap:20px;flex-wrap:wrap}.footer-bottom{gap:16px;line-height:1.8}
 .detail-page .detail-intro{padding:20px 0 36px}.detail-page .detail-intro h1{font-size:clamp(38px,9.5vw,60px);line-height:1.1}.detail-page .detail-content section{padding-top:26px}
}
@media(hover:none),(pointer:coarse){
 *,*::before,*::after{transition:none!important;animation:none!important}
 .button:hover{transform:none}.work-main:hover{transform:rotate(-3deg)}.work-front:hover{transform:rotate(4deg)}.case-image:hover img{transform:rotate(-4deg)}.case-study:nth-child(2) .case-image:hover img{transform:rotate(4deg)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}
.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0;white-space:nowrap}