.mobile-dock{display:none}
@media(max-width:760px){
 body{font-size:14px;overflow-wrap:break-word}
 .wrap{width:calc(100% - 40px)}
 .site-header{height:72px;margin-inline:20px}
 .site-header nav{top:72px}
 .site-header .brand{gap:12px}
 .menu-toggle{min-height:44px;min-width:76px;justify-content:flex-end}
 .hero{padding-top:28px}
 .hero h1{font-size:clamp(40px,10.7vw,64px);line-height:1.32}
 .hero .hero-description{font-size:18px;line-height:1.8}
 .hero .hero-detail{font-size:13px;line-height:1.9;max-width:100%}
 .hero .primary{width:100%;font-size:14px;min-height:56px}
 .hero-art{margin-top:45px}
 .hero-art .art-note{bottom:-20%;font-size:10px}
 .hero-art .image-caption{font-size:7px;bottom:-66px}
 .hero-bottom{padding-top:27px}
 .intro h2{font-size:clamp(24px,6.7vw,31px)}
 .intro p:not(.eyebrow){font-size:14px;line-height:2}
 .section-heading>p{font-size:14px;line-height:1.9}
 .section-heading>p br{display:none}
 .scene-tabs button{font-size:12px;padding:14px 9px;gap:5px;min-height:59px}
 .scene-tabs button>span:first-child{font-size:10px}
 .scene-tabs .tab-arrow{font-size:15px}
 .scene-copy>p:not(.eyebrow):not(.example-note){font-size:14px;line-height:2}
 .scene-examples li{font-size:13px;padding-block:6px}
 .example-note{font-size:10px;line-height:1.9}
 .text-link{font-size:14px;min-height:54px}
 .work-card>p{font-size:14px;line-height:2}
 .work-features li{font-size:12px;grid-template-columns:82px 1fr;gap:10px;padding-block:13px}
 .work-features strong{font-size:11px}
 .tags span{font-size:11px;padding:4px 11px}
 .privacy-note{font-size:11px}
 .possibilities-layout>div>p:not(.eyebrow){font-size:14px;line-height:2}
 .possibility-list p{font-size:13px;line-height:2}
 .process-grid h3{font-size:16px}
 .process-grid p{font-size:13px;line-height:1.95}
 .process-grid li{padding-right:12px}
 .process-grid li+li{padding-left:12px}
 .process-grid li:nth-child(3){padding-left:0}
 .estimate-note strong{font-size:14px}
 .estimate-note p{font-size:13px;line-height:2}
 .about-copy>p{font-size:14px;line-height:2}
 .about-copy .large-copy{font-size:18px}
 .logo-showcase{height:125px;margin-top:12px}
 summary{font-size:14px;line-height:1.8;min-height:65px}
 details>p{font-size:13px;line-height:2}
 .contact-layout>div>p:not(.eyebrow){font-size:14px;line-height:1.95}
 .contact-layout>div>p br{display:none}
 .contact-box h3{font-size:17px}
 .contact-box>p:first-of-type{font-size:12px}
 .contact-box label{font-size:13px}
 .contact-box label>span{font-size:10px;margin-left:8px}
 .contact-box select,.contact-box textarea{font-size:16px;padding:12px 10px}
 .contact-box textarea{font-size:14px;min-height:220px}
 .contact-box select{min-height:50px}
 .copy-button{font-size:13px;min-height:48px}
 .copy-status{font-size:12px;line-height:1.8;min-height:34px}
 .contact-box .button{font-size:14px;min-height:56px;gap:15px;padding-inline:16px}
 .contact-note{font-size:11px!important;line-height:1.95!important}
 .footer-bottom>div{flex-wrap:wrap;gap:10px 18px;font-size:11px}
 .footer-bottom>div a{display:flex;align-items:center;min-height:44px}
 .back-top{display:flex;align-items:center;min-height:44px;font-size:10px}
 .site-footer{padding-bottom:calc(85px + env(safe-area-inset-bottom))}
 .mobile-dock:not([hidden]){position:fixed;inset:auto 0 0;z-index:8;display:grid;grid-template-columns:1fr 1.65fr;gap:9px;padding:9px 16px calc(9px + env(safe-area-inset-bottom));background:rgba(247,245,239,.96);border-top:1px solid #d8dbd0;backdrop-filter:blur(12px)}
 .mobile-dock>a{display:flex;align-items:center;justify-content:center;gap:20px;font-size:13px;font-weight:700;min-height:46px;border:1px solid var(--line);border-radius:4px}
 .mobile-dock>a:last-child{background:var(--orange);color:#fff;border-color:var(--orange)}
 .mobile-dock>a span{font-size:21px}
 .dialog-bar h2{font-size:14px;line-height:1.6}
 .dialog-bar button{min-height:44px;min-width:80px;white-space:nowrap}
 .work-dialog>p{font-size:11px}
 .subpage>p,.subpage li{font-size:14px}
 .company-data>div{font-size:13px;grid-template-columns:90px 1fr}
}
@media(max-width:374px){.wrap{width:calc(100% - 32px)}.site-header{margin-inline:16px}.scene-tabs button{font-size:11px}.scene-tabs button>span:first-child{display:none}.hero h1{font-size:39px}.contact-box{padding-inline:16px}.contact-box h3{font-size:16px}.brand-sub{font-size:8px}}