/* Inner pages share the homepage identity and editorial rhythm. */
:root{--bg:#101217;--ink:#eeefea;--muted:#a8aca8;--accent:var(--flow-accent,#dba19e)}
.inner-page{background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}
.inner-page .site-header{position:relative;height:112px;margin:0;padding:20px 6%;border-bottom:1px solid #ffffff14}
.inner-page .site-header nav{position:static;margin-left:auto;padding:5px;border-radius:6px;background:#ffffff05;display:flex;gap:3px}
.inner-page .site-header nav a{padding:13px 20px;font-size:13px}.inner-page .site-header .button{padding:17px 21px}
.inner-page .wordmark .editorial-mark{width:126px}.inner-page .editorial-dot{fill:var(--accent)}
.inner-page h1,.inner-page h2,.inner-page h3{text-transform:none;font-family:'DM Sans',Arial,sans-serif;font-weight:400;letter-spacing:-.055em}
.inner-main{padding:0}.inner-hero,.inner-main>.section{padding:110px 6% 90px;position:relative}.inner-hero{overflow:hidden;isolation:isolate;border-bottom:1px solid #ffffff14}.inner-hero:before{content:'';position:absolute;z-index:-1;width:60vw;height:50vw;right:-20%;top:-65%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--accent) 10%,transparent),transparent 66%);pointer-events:none}
.inner-main h1{font-size:clamp(56px,7.5vw,112px);line-height:1.04;max-width:1150px;margin:36px 0 38px}.inner-main .eyebrow,.inner-main .section-label{font:11px/1.6 ui-monospace,monospace;letter-spacing:.06em;color:var(--accent)}
.inner-main .section-label{display:flex;justify-content:space-between;gap:20px}.inner-main .detail-copy{font-size:clamp(18px,1.6vw,22px);line-height:1.65;max-width:760px;color:#bfc3bf;margin:24px 0}.inner-hero>.detail-copy{margin-left:32%;max-width:720px}
.inner-content{display:grid;grid-template-columns:1fr 2.1fr;gap:5%;padding:85px 6% 105px;border-bottom:1px solid #ffffff14}.inner-content h2{font-size:clamp(30px,3.2vw,46px);line-height:1.13;margin:45px 0 22px}.inner-content h2:first-child{margin-top:0}.inner-content address{font-style:normal;font-size:16px;line-height:1.8;color:#aeb5b0;margin:35px 0}.service-points{list-style:none;padding:0;margin:0;counter-reset:point}.service-points li{counter-increment:point;padding:23px 0 23px 48px;border-top:1px solid #ffffff20;position:relative;font-size:19px;line-height:1.5;color:#dde0d9}.service-points li:before{content:'0' counter(point);position:absolute;left:0;top:28px;font:11px ui-monospace,monospace;color:var(--accent)}
.inner-main .local-service-detail{margin-top:52px}.inner-page .related-services{display:flex;flex-wrap:wrap;gap:18px 28px;background:none;border-radius:0;padding:0;margin:30px 0 0}.inner-page .related-services a{font-size:14px;color:#dde0d9;border-bottom:1px solid #ffffff40;padding:0 0 6px}.inner-page .related-services a:hover{color:var(--accent)}
.inner-next{padding:85px 6%;background:color-mix(in srgb,var(--accent) 9%,#15171b);display:grid;grid-template-columns:1fr 1.5fr auto;align-items:center;gap:35px}.inner-next h2{font-size:clamp(35px,4vw,58px);line-height:1.1}.inner-page .primary{background:var(--accent);color:#111719}.inner-page .primary:hover{background:#eeefea}
.inner-bridge{position:absolute;inset:0;z-index:-1;background:url('/assets/wearmouth-photo.webp') center 70%/cover no-repeat;opacity:.23;mask-image:linear-gradient(0deg,transparent,#000 30%,#000 65%,transparent)}
.inner-page .site-footer{background:#101217;padding:60px 6% 28px}.inner-page .site-footer .footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:45px}.inner-page .site-footer .wordmark .editorial-mark{width:174px}.inner-page .site-footer .footer-top>div{display:flex;gap:25px;justify-content:flex-end}.inner-page .site-footer .footer-top p{font-size:15px;line-height:1.8;color:#a9aea8}.inner-page .site-footer .footer-bottom{border-top:1px solid #ffffff18;padding-top:24px;margin-top:50px;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:#a9aea8}
.inner-main .projects{display:grid;grid-template-columns:1fr 1fr;gap:60px 30px;margin-top:70px}.inner-main .project{margin:0}.inner-main .project:first-child{grid-column:1/-1}.inner-main .project-caption{display:grid;grid-template-columns:45px 1fr;gap:18px;padding-top:24px}.inner-main .project-caption h3{font-size:30px;margin:0 0 8px}.inner-main .project-caption>p{grid-column:2;color:#aeb5b0;font-size:16px;line-height:1.65}.inner-main .project-index,.inner-main .project-tags{font-size:12px;color:#aeb5b0}.inner-main>.section>.project-mockup{max-width:1100px;margin:65px auto}.inner-main>.section>h2{font-size:38px;margin:55px 0 24px}.inner-main>.section>ul{font-size:18px;line-height:1.8;color:#bfc3bf;padding-left:22px}.inner-main .text-link{display:inline-block;margin:28px 0 10px;font-size:15px}.inner-main .demo-note{font-size:12px;color:#959d97;margin:18px 0;line-height:1.6}
.inner-contact .contact-studio{padding:85px 6% 100px;border:0;background:var(--contact-surface,#dce1dc);color:#17201d}.inner-contact .contact-studio h1{font-size:clamp(68px,9vw,138px);margin:30px 0 0;max-width:none}.inner-contact .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:60px}.inner-contact .contact-links>a{font-size:27px}.inner-contact .contact-links>a+a{font-size:17px;margin-top:16px}.inner-contact .contact-links p{font-size:16px;line-height:1.8;margin-top:40px}.inner-contact label{display:block}.inner-contact .two-fields{display:grid;grid-template-columns:1fr 1fr;gap:25px}.inner-contact .eyebrow{color:#42504a}
@media(max-width:750px){.inner-page .site-header{height:auto;min-height:100px;padding:20px 6%;flex-wrap:wrap;gap:18px}.inner-page .site-header nav{order:3;width:100%;justify-content:center;margin:0;background:transparent;border:0}.inner-page .site-header nav a{padding:8px 15px}.inner-page .site-header>.button{margin-left:auto;font-size:12px;padding:14px}.inner-page .wordmark .editorial-mark{width:96px}.inner-hero,.inner-main>.section{padding:65px 6%}.inner-main h1{font-size:clamp(44px,10vw,70px);margin:28px 0;overflow-wrap:normal}.inner-hero>.detail-copy{margin-left:0;font-size:17px}.inner-content{display:block;padding:55px 6% 70px}.inner-content>aside{margin-bottom:30px}.inner-content h2{font-size:32px}.inner-main .detail-copy{font-size:17px}.service-points li{font-size:17px}.inner-next{display:block;padding:55px 6%}.inner-next h2{font-size:40px;margin:25px 0}.inner-page .site-footer .footer-top{grid-template-columns:1fr 1fr;gap:28px}.inner-page .site-footer .footer-top>div{grid-column:1/-1;justify-content:flex-start}.inner-page .site-footer .wordmark .editorial-mark{width:125px}.inner-page .site-footer .footer-top p{font-size:12px}.inner-page .site-footer .footer-bottom{flex-wrap:wrap;font-size:11px}.inner-main .projects{display:block;margin-top:45px}.inner-main .project{margin-bottom:55px}.inner-main .project-caption h3{font-size:27px}.inner-contact .contact-studio{padding:60px 6%}.inner-contact .contact-studio h1{font-size:clamp(53px,13vw,80px)}.inner-contact .contact-grid{display:block;margin-top:40px}.inner-contact form{margin-top:40px}.inner-contact .two-fields{display:block}.inner-contact .contact-links>a{font-size:24px}.inner-main .section-label{font-size:10px}.inner-main .authentic-mockup .mockup-project-name{font-size:23px}}
