/* Paper mobile v2. Flow-based overlaps accommodate real content and smaller screens. */
.mobile-project-meta,.mobile-dot,.mobile-studio-link{display:none}
@media(max-width:760px){
.meta{font-size:11px;line-height:14px;letter-spacing:.1em}.text-link{font-size:16px;line-height:20px;padding-bottom:5px}.display{font-size:48px;line-height:46px}
.header{height:58px;min-height:58px;padding:8px 20px 12px;display:grid;grid-template-columns:1fr auto 1fr;position:relative;z-index:20}.logo{grid-column:2;grid-row:1;font-size:40px;line-height:34px}.menu-toggle{grid-column:1;grid-row:1;justify-self:start;gap:8px;padding:5px 0}.menu-toggle>span{font-size:20px}.header .nav-right{display:flex;grid-column:3;grid-row:1;justify-self:end}.nav-right>a:first-child{display:none}.header .contact-button{font-size:12px;padding:9px 12px}.header .nav-left{display:none}
body.menu-open{overflow:hidden}.menu-open .header{position:fixed;inset:0 0 auto;background:var(--orange)}.menu-open .logo{color:#fff}.menu-open .nav-right{visibility:hidden}.menu-open main{padding-top:58px}
.header .mobile-nav:not([hidden]){position:fixed;top:58px;bottom:0;left:0;right:0;padding:32px 0 0;overflow-y:auto;display:flex;align-items:stretch;background:var(--orange);box-shadow:none;gap:32px;overscroll-behavior:contain}.mobile-menu-links{padding:0 20px;flex:1}.mobile-menu-links>a{display:flex;align-items:baseline;justify-content:space-between;text-align:left!important;font-size:clamp(48px,17.44vw,68px)!important;line-height:.97;font-weight:700;letter-spacing:-.05em;border-bottom:0;border-top:2px solid #111;padding:10px 0 6px;margin:0!important}.mobile-menu-links>a>span{font-size:22px;letter-spacing:0}.mobile-menu-links>a[href='#contact']{color:#fff}.mobile-menu-links>a.menu-news{font-size:16px!important;line-height:22px;letter-spacing:0;border:0;padding-top:18px}.menu-address{background:#111;color:#fff;padding:18px 20px max(36px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:14px}.menu-address .meta{color:var(--orange)}.menu-address>div{display:flex;align-items:end;justify-content:space-between;gap:14px}.menu-address address{font-style:normal;font-size:16px;line-height:23px}.menu-address a{border:0;padding:0;width:auto;font-size:13px!important;line-height:22px}.menu-address>div>a{border-bottom:1px solid var(--orange)}.menu-address .menu-direct{border-top:1px solid #444;padding-top:14px;display:flex;flex-direction:column;align-items:start;gap:0}.menu-direct a{font-size:18px!important;font-weight:700;line-height:26px;border:0!important}
.hero{padding:40px 20px 36px}.hero h1{font-size:clamp(49px,15.9vw,62px);line-height:.9032;letter-spacing:-.05em}.hero-line.inset{padding-left:40px}.hero-work{display:block;padding-left:110px}.hero-location{text-align:left;font-size:11px;line-height:14px;margin-top:24px}.hero-line:has(.hero-work){overflow:visible}
.introduction{padding-bottom:0}.hero-photo{height:480px}.intro-panel{width:calc(100% - 20px);margin:-80px 0 0 20px;padding:28px 24px 30px;gap:22px}.intro-panel>p{font-size:18px;line-height:26px;font-weight:500}.intro-caption{margin:22px 20px 0;max-width:none;font-size:11px;line-height:14px}
.selected-work{padding:72px 0;gap:48px}.section-heading h2{margin-bottom:20px}.upstairs>.project-image{width:calc(100% - 40px);height:300px}.upstairs-copy{margin-top:-50px;padding:24px 20px 0 24px;gap:14px}.project-copy h3{font-size:34px;line-height:36px;letter-spacing:-.035em}.project-copy>p{font-size:16px;line-height:24px}.project-copy>.lead{font-size:18px;line-height:25px}.project-copy>.mobile-project-meta{display:block;font-size:11px;line-height:14px}.upstairs>.project-caption{display:none}.saddlery{padding-top:36px;background:linear-gradient(var(--orange) 0 430px,#fff 430px)}.saddlery-copy{margin:0 20px 28px;gap:14px}.saddlery-figure{width:calc(100% - 40px);margin-left:40px;background:none}.saddlery-figure .image-link{height:280px}.saddlery-figure figcaption{padding-top:16px}
.types h2{font-size:clamp(46px,14.87vw,58px);line-height:.931;letter-spacing:-.05em}.type-row{padding:18px 0 22px}.type-row h3,.type-row:last-child h3{font-size:44px;line-height:44px;letter-spacing:-.04em;text-align:left}.type-row>p{padding-top:10px;line-height:24px}.type-row:last-child h3 br{display:none}
.blue-room{padding:0}.blue-image{height:400px}.blue-caption{display:none}.blue-panel{margin:-80px 0 0 20px;padding:28px 24px 32px;gap:16px}.blue-panel h2{font-size:38px;line-height:38px}.blue-panel>p:not(.meta){font-size:16px;line-height:24px}.blue-panel>.secondary{font-size:15px!important;line-height:23px!important}.blue-panel>.meta:first-child:after{content:' · Rendering'}.blue-facts{padding-top:12px;font-size:11px;line-height:16px;letter-spacing:.08em}.proof{padding:40px 20px 80px}.proof p{font-size:clamp(43px,14.36vw,56px);line-height:.9643;letter-spacing:-.05em}.proof p:nth-child(2){padding-left:16px}.proof p:nth-child(3){padding-left:56px}
.expertise{padding:64px 20px 72px}.expertise-heading{margin-bottom:28px}.expertise h2{font-size:48px;line-height:46px;margin-bottom:28px}.expertise h2 br{display:none}.expertise-heading>p{line-height:26px}.expertise-heading>p:after{content:' Our experience spans:'}.expertise-photo{display:none}.services summary{display:block;padding:16px 0 4px;cursor:default}.services h3{font-size:21px;line-height:26px;letter-spacing:-.015em}.services summary:hover h3{text-decoration:none}.service-num,.service-plus{display:none}.services details>p{font-size:15px;line-height:22px;padding:0 0 18px;max-width:none}
.work-detail{padding:72px 0 64px}.work-detail>h2{margin-bottom:32px}.project-pair{gap:36px}.kailash{width:calc(100% - 40px)}.kailash>.image-link{height:280px;width:calc(100% - 20px)}.detail-copy{padding:20px 0 0 20px;gap:10px}.detail-copy h3{font-size:28px;line-height:32px}.detail-copy>p:not(.meta){font-size:16px;line-height:24px}.toastique{width:calc(100% - 80px);margin-left:80px;padding:12px 0 0 12px}.toastique>.image-link{height:278px}.toastique .detail-copy{padding:16px 20px 0 0;gap:10px}
.studio{padding:56px 20px 80px}.studio-intro h2{font-size:40px;line-height:40px;letter-spacing:-.04em}.studio-intro>div{gap:28px}.studio-intro p{font-size:17px;line-height:26px}.studio-intro .text-link{display:none}.principals{margin-top:52px;gap:20px}.principal,.principal:nth-child(2){gap:6px}.principal:nth-child(2){align-items:flex-end;text-align:right}.principal h3,.principal:nth-child(2) h3{font-size:54px;line-height:50px;letter-spacing:-.05em}.principal-link{display:block}.surname{display:block}.portrait,.principal:nth-child(2) .portrait{display:none}.principal>p,.principal:nth-child(2)>p{text-align:inherit}.credential-break{display:none}.mobile-dot{display:inline}.mobile-studio-link{display:inline-flex;margin-top:28px}
.contact{padding:72px 20px 40px}.contact h2{font-size:60px;line-height:54px;letter-spacing:-.05em;margin-bottom:28px}.contact h2 br{display:none}.contact-content{padding-top:20px;gap:36px;align-items:stretch}.contact-content>div:first-child{gap:28px}.contact-content p{font-size:18px;line-height:26px}.solid-link{width:100%;justify-content:center;padding:18px 12px;font-size:17px;line-height:22px;gap:6px}.contact-direct{gap:2px}.contact-direct a{font-size:26px;line-height:34px}
.footer{padding:0 20px 24px}.footer-grid{border-top:2px solid #111;padding-top:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px;row-gap:4px;font-size:15px;line-height:21px}.footer-grid>div,.footer-grid>nav,.footer-grid>address{border:0;padding:0}.footer-grid>div:first-child{grid-column:1;grid-row:1}.footer-grid strong{font-size:15px;line-height:21px}.footer-grid>div:first-child p,.footer-grid>div:nth-child(3){display:none}.footer-grid address{grid-column:1;grid-row:2}.footer-grid nav{grid-column:2;grid-row:1 / span 3;gap:2px;line-height:22px}.footer-wordmark{font-size:45.13cqw;line-height:.8523;letter-spacing:-.02em;padding:52px 0 28px}.footer-bottom{font-size:9px;line-height:14px;letter-spacing:.06em;padding-top:14px}
}
@media(max-width:360px){.hero-line.inset{padding-left:28px}.hero-work{padding-left:80px}.type-row h3,.type-row:last-child h3{font-size:38px;line-height:40px}.proof p:nth-child(3){padding-left:35px}.contact h2{font-size:52px;line-height:49px}.solid-link{font-size:15px}.toastique{margin-left:56px;width:calc(100% - 56px)}.blue-facts{letter-spacing:.04em}.footer-grid{grid-template-columns:1.2fr 1fr}}
