
.mobile-contact{display:none}.copy-email{margin:14px 0 20px}.copy-email button,.film-tools button{font:inherit;font-size:15px;min-height:44px;padding:10px 16px;border:1px solid #53615b;background:transparent;color:#20332d}.copy-email p{margin-top:10px;font-size:14px;line-height:1.6}.film-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin:16px 0}.film-tools a{font-size:15px;min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:5px}.film-mobile-hint{font-size:15px!important;line-height:1.7!important}.film-readable{max-width:860px;background:#e6e9df;border-left:3px solid #9c4b2e;padding:22px 25px;margin:22px 0}.film-readable>span{font-size:12px;letter-spacing:1.3px}.film-readable h2{font-size:26px;line-height:1.25;margin:12px 0}.film-readable p{font-size:17px;line-height:1.7}.film-chapters,.portfolio-filters{position:static;top:auto;left:auto;right:auto;z-index:auto;box-shadow:none;background:transparent;max-width:100%;align-items:stretch;flex-direction:row}.portfolio-filters{padding:0}.film-chapters button{min-height:44px;font-size:14px}.film-navigation-note{font-size:14px}.copy-email button:focus-visible,.film-tools button:focus-visible{outline:3px solid #a44e30;outline-offset:4px}
@media(max-width:760px){
 html{scroll-padding-top:100px}body{padding-bottom:calc(82px + env(safe-area-inset-bottom,0px))}
 main,section,article,figure,footer,.contact-card>div{min-width:0}
 .site-header{position:sticky;top:0;height:80px}.site-header .menu-toggle{min-height:44px;padding:10px 14px;font-size:14px;flex-shrink:0}
 .site-header nav{position:absolute;left:0;right:0;top:79px;max-height:calc(100svh - 165px);overflow-y:auto;padding:12px 6%;background:#f4f1e9;box-shadow:0 8px 14px #20332d20;flex-direction:column;gap:0;align-items:stretch}
 .site-header nav a{font-size:16px;min-height:48px;display:flex;align-items:center;padding:10px 0}
 main p,main li,main dd,.project-info p,.service-links p,.tour-chapters p,.tour-heading>p,.tour-screen>p,.tour-context p,.film-gallery>p,.portfolio-item p,.education-grid p,.agent-result p,.agent-flow li span,.contact-card p,.contact-card li{font-size:16px;line-height:1.75}
 .tour-screen>.film-mobile-hint{font-size:15px!important}
 .intro-note p,.context-line,.contact-note,.portfolio-note,.v-split-title figcaption,.tour-feature small,.field-complete .context-line{font-size:14px!important;line-height:1.75!important}
 .film-grid small,.film-grid a>span,.tour-caption,.tour-chapters article>span,.workflow-step small,.process-image>span,.tour-duration{font-size:13px;line-height:1.65;letter-spacing:.3px}.portfolio-count{font-size:14px}
 .eyebrow,.portfolio-item .eyebrow,.journal-links span,.agent-result>span,.transfer span{font-size:12px;line-height:1.6;letter-spacing:1px}
 .button,.light-button,.ai-visual-feature .button,.text-link,.round-link,.back,.anchor-menu a,.portfolio-filters button,.film-chapters button{font-size:15px;min-height:44px;max-width:100%;line-height:1.5}
 .button{gap:16px;padding:14px 18px}.text-link,.back{align-items:center;padding-block:10px}.back{display:inline-flex}
 .v-page-title h1,.v-split-title h1{font-size:clamp(40px,10.5vw,64px);overflow-wrap:normal;hyphens:auto}
 .v-hero h1{font-size:clamp(41px,11.3vw,79px)}.v-hero{min-height:690px}.v-hero-copy{padding-top:45px}.v-hero-copy>p{font-size:18px}
 .hero-lower>span,.hero-lower>a,.model-inset span,.model-inset small,.project-tags,.project-tags span,.field-collage>span{font-size:12px;line-height:1.6}
 .v-intro h2,.tour-feature h2,.v-section-title h2,.digital-title h2,.process-copy h2,.field-heading h2{font-size:clamp(32px,9vw,42px)}
 .contact-card>div{padding:24px 20px}.contact-card .text-link{overflow-wrap:anywhere}.contact-card .context-line{font-size:14px!important}
 .contact-card a:not(.button),.tour-context a{ text-decoration:underline;text-underline-offset:4px }
 .round-link b{flex-shrink:0}.anchor-menu{gap:12px}.portfolio-filters{gap:10px}.portfolio-filters button{padding:10px 14px}
 .film-chapters{display:flex;position:static;padding:0 6% 14px;gap:10px;flex-wrap:wrap}.film-navigation-note{padding:0 6% 30px;font-size:14px}
 .tour-screen{padding-inline:0}.tour-screen video{width:100%;height:auto;aspect-ratio:16/9;scroll-margin-top:0}.film-tools,.tour-screen>.film-mobile-hint,.film-readable{margin-inline:6%}.film-readable{padding:18px 20px;min-height:205px}.film-readable h2{font-size:23px}.film-readable p{font-size:17px;line-height:1.65}
 .film-grid strong{font-size:19px;line-height:1.35}.film-grid a{padding:14px}.film-grid figcaption{padding:14px 0}.tour-context .text-link{display:inline-flex}
 footer>div:nth-child(2),.foot-bottom{font-size:14px}.foot-bottom a{min-height:44px;display:inline-flex;align-items:center}
 .mobile-contact{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:35;gap:12px;padding:12px max(6%,env(safe-area-inset-left,0px)) calc(12px + env(safe-area-inset-bottom,0px));background:#f4f1e9;border-top:1px solid #b0bbaf;box-shadow:0 -4px 18px #142b2310}
 .mobile-contact a{min-height:48px;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:500;line-height:1.4}.mobile-contact a:first-child{flex:1;gap:14px;background:#20332d;color:#f4f1e9;padding:10px 14px}.mobile-contact a:last-child{padding:10px 6px;text-decoration:underline;text-underline-offset:4px}
 body:has(dialog[open]) .mobile-contact{display:none}.zoom-toolbar p{font-size:14px}.zoom-toolbar button,.zoom-download{font-size:14px;min-height:44px}.zoom-download{padding:14px 12px}
}
@media(max-width:360px){.site-header{padding-inline:5%}.site-header .identity{gap:9px}.site-header .identity>span:last-child{font-size:9px;letter-spacing:.8px}.site-header .identity small{font-size:6px;letter-spacing:.6px}.site-header .menu-toggle{padding:10px}.tour-heading h1{font-size:40px}.mobile-contact{gap:8px;padding-inline:5%}.mobile-contact a{font-size:14px}}
@media(max-height:500px) and (orientation:landscape){.site-header{position:relative}.mobile-contact{display:none}body{padding-bottom:0}.film-readable{min-height:0}}
