/* Quiet photographic identity. Poppins gives structure; Lora carries the text. */
:root{--display:'Poppins',Arial,sans-serif;--body:'Lora',Georgia,serif;--header-height:116px}
body{font-family:var(--body);font-size:17px;line-height:1.75;letter-spacing:0}
h1,h2,h3,h4,h5,h6{font-family:var(--display);font-weight:500;letter-spacing:-.035em;line-height:1.2}
.brand,nav,button,.pill-button,.header-cta,.text-link,.eyebrow,.section-label,.project-meta,.project-number,.discipline-strip,.service-no,.service-plus,.frame-marker,.filter-bar,.case-strip,.project-summary dl,.back-top,.footer-bottom,.placeholder-partner,.gallery-content .wp-block-image::before,figcaption,.contact-form-panel label,.legal-toc,.legal-other,.skip-link{font-family:var(--display)}
.eyebrow,.project-meta{font-weight:500;letter-spacing:.08em}.lead{font-size:clamp(21px,1.9vw,27px);line-height:1.6;letter-spacing:-.015em}
.section-title{font-size:clamp(32px,3.9vw,58px);line-height:1.2;letter-spacing:-.035em;margin-block:28px 46px}.section-space{padding-block:clamp(72px,7.5vw,112px)}.soft-text{color:#50755f}
/* CSS crops only the transparent canvas, keeping the supplied PNG unchanged. */
.logo-art{width:48px;height:auto;aspect-ratio:331/585;flex:0 0 auto;transform:none;margin:0;mix-blend-mode:normal}
.logo-art img{width:326.284%;height:184.615%;max-width:none;left:-117.825%;top:-42.393%;object-fit:fill}
.header-inner{gap:30px}.brand{gap:18px}.brand>span:not(.logo-art){font-size:23px;line-height:1.05;font-weight:600;letter-spacing:-.035em}
.brand>span:not(.logo-art)>span{font-family:var(--display);font-size:10px;letter-spacing:.3em;line-height:1.5;margin-top:6px}
.site-header.is-scrolled{height:84px}.site-header.is-scrolled .logo-art{width:36px;transform:none;margin:0}.site-header.is-scrolled .brand>span:not(.logo-art){font-size:20px}.site-header.is-scrolled .brand>span:not(.logo-art)>span{font-size:9px}
.desktop-nav a{font-size:13px;font-weight:500;letter-spacing:0}.desktop-nav small{font-size:9px}.header-cta{font-size:12px;font-weight:500}.pill-button,.text-link{font-weight:500}
/* One image, one mark. No pinned stage, oversized title or moving overlays. */
.hero.hero-quiet{position:relative;height:clamp(500px,73svh,820px);min-height:0;isolation:isolate;overflow:hidden}
.hero-quiet .hero-photo{inset:0;clip-path:none;z-index:-2}.hero-quiet .hero-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 51%;transform:none;filter:none;will-change:auto}
.hero-quiet .hero-shade{z-index:-1;background:linear-gradient(90deg,transparent 48%,rgba(12,34,25,.12))}
.hero-emblem{position:absolute;right:10%;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:clamp(146px,14vw,194px);aspect-ratio:1;border-radius:50%;background:rgba(236,234,229,.95);box-shadow:0 8px 36px rgba(15,36,27,.08)}
.hero-emblem .logo-art{width:40%;margin:0;transform:none}.discipline-strip .wrap{min-height:68px}.discipline-strip span{font-size:11px;font-weight:500;letter-spacing:.035em}.discipline-strip i{font-size:24px}
.studio-statement{gap:10%;grid-template-columns:1fr 1fr;padding-top:54px}.studio-statement h2{font-size:clamp(36px,4.3vw,64px);line-height:1.28;letter-spacing:-.035em}
.studio-copy>p:not(.lead),.services-head>p,.service-content>p{font-size:16px;line-height:1.8}.small-orbit{width:48px;height:48px;font-size:27px}
.selected-work .section-title{margin-bottom:55px}.project-card h3{font-size:clamp(23px,2.2vw,33px);line-height:1.3;letter-spacing:-.025em}.project-meta{font-size:10px}
.service-row h3{font-size:clamp(26px,2.9vw,42px);letter-spacing:-.025em}.service-row summary{grid-template-columns:50px 1.2fr 1fr 32px;gap:20px;padding-block:28px}.service-tag{font-family:var(--body);font-size:14px;line-height:1.65}.service-content{padding-left:70px}
.gallery-teaser h2{font-size:clamp(38px,4.5vw,68px);line-height:1.2;letter-spacing:-.035em}.process-grid h3{font-size:clamp(26px,2.7vw,36px);line-height:1.25;letter-spacing:-.025em}.process-grid p{font-size:16px;line-height:1.75}
.cta-title{font-size:clamp(34px,5.2vw,76px);line-height:1.2;font-weight:500;letter-spacing:-.04em;max-width:1050px;margin-block:30px 36px}.cta-title>span{width:.85em;height:.85em;margin-left:.2em;vertical-align:middle}.cta-bottom p{font-size:16px}
.footer-word{font-size:clamp(28px,4.9vw,72px);line-height:1.2;font-weight:500;letter-spacing:-.035em;margin-block:55px 38px}.footer-top .brand>span:not(.logo-art){font-size:22px}.footer-top .logo-art{width:40px}.footer-top>p{font-size:14px}.footer-bottom{font-size:10px}
/* Readable sizing also covers projects, the contact form and legal pages. */
.page-intro h1,.project-intro h1,.contact-main .page-intro h1,.legal-hero h1{font-size:clamp(38px,5.1vw,76px);line-height:1.18;letter-spacing:-.04em;text-transform:none;font-weight:500;overflow-wrap:anywhere}
.project-intro h1{max-width:1040px;margin-block:28px 38px}.intro-split{grid-template-columns:1.15fr 1fr;gap:10%;align-items:start}.intro-split>p,.intro-split>div{font-size:17px;line-height:1.75;max-width:440px}
.project-summary>p{font-size:19px;line-height:1.7}.project-summary dl{font-size:12px;line-height:1.65}.project-body>p:first-child{font-size:clamp(22px,2.2vw,31px);line-height:1.65;letter-spacing:-.015em;margin-bottom:60px}
.entry-content h2,.project-body h2{font-size:clamp(28px,3vw,42px);line-height:1.3;letter-spacing:-.025em}.entry-content h3,.legal-copy.entry-content h3{font-size:clamp(23px,2.2vw,31px);line-height:1.35;letter-spacing:-.02em}
.entry-content .wp-block-pullquote p{font-family:var(--body);font-size:clamp(23px,2.6vw,36px);letter-spacing:-.02em;line-height:1.55}.entry-content p,.entry-content li{line-height:1.85}
.contact-form-panel h2{font-size:clamp(27px,2.8vw,38px);letter-spacing:-.025em;line-height:1.3}.contact-form-panel .contact-form button,.contact-form-panel input[type=submit],.contact-form-panel .wp-block-button__link{font:500 14px var(--display)!important}.contact-form-panel label{font-weight:500!important}
.contact-email{font-family:var(--display);font-size:clamp(15px,1.5vw,22px);letter-spacing:-.025em}.legal-copy.entry-content p,.legal-copy.entry-content li{font-size:16px;line-height:1.9}.legal-hero .eyebrow{margin-bottom:28px}.legal-hero p:last-child{line-height:1.8}.jh-media-slot p:first-child{font-family:var(--display);font-size:clamp(24px,3vw,40px);line-height:1.3}
@media(max-width:1100px){:root{--header-height:108px}.header-inner{gap:25px}.brand>span:not(.logo-art){font-size:21px}}
@media(max-width:800px){
 :root{--header-height:100px}.site-header.is-scrolled{height:80px}.logo-art{width:42px}.site-header.is-scrolled .logo-art{width:33px}.brand{gap:13px}.mobile-nav a{font-size:clamp(25px,5.5vw,35px);letter-spacing:-.025em;padding-block:14px}
 .hero.hero-quiet{height:clamp(450px,65svh,650px)}.hero-quiet .hero-photo img{object-position:42% 50%}.hero-emblem{right:7%;width:144px}
 .studio-statement,.intro-split{grid-template-columns:1fr;gap:36px}.studio-copy{margin-left:10%}.studio-statement h2{font-size:clamp(36px,6.4vw,49px)}
 .service-row summary{grid-template-columns:35px 1fr 30px;gap:15px}.service-row .service-tag{display:none}.service-content{padding-left:50px}.contact-form-panel h2{font-size:31px}.legal-copy.entry-content h3{font-size:27px}
}
@media(max-width:520px){
 :root{--header-height:96px}.site-header.is-scrolled{height:76px}.brand>span:not(.logo-art),.site-header.is-scrolled .brand>span:not(.logo-art){font-size:19px}.brand>span:not(.logo-art)>span,.site-header.is-scrolled .brand>span:not(.logo-art)>span{font-size:8px}.menu-toggle{font-size:12px;padding:14px 15px}
 .hero.hero-quiet{height:clamp(400px,61svh,560px)}.hero-quiet .hero-photo img{object-position:38% 50%}.hero-emblem{width:110px;right:22px;top:24px;transform:none}
 .discipline-strip .wrap{padding:17px 22px;gap:8px;min-height:60px}.discipline-strip span{font-size:8px;letter-spacing:0}.discipline-strip i{font-size:16px}
 .section-label{gap:15px;align-items:start}.section-label .eyebrow{font-size:9px}.section-label>span{font-size:10px;max-width:120px;text-align:right}.section-label .text-link{font-size:11px;gap:9px;flex-shrink:0}
 .section-space{padding-block:66px}.section-title{font-size:32px;line-height:1.3}.studio-statement{padding-top:35px}.studio-statement h2{font-size:37px}.studio-copy{margin-left:0}.studio-copy .lead{font-size:21px}
 .project-card h3{font-size:25px}.service-row h3{font-size:26px}.service-row summary{padding-block:24px;grid-template-columns:25px 1fr 25px;gap:10px}.service-content{padding-left:35px;padding-right:0}.gallery-teaser h2{font-size:37px}.process-grid h3{font-size:28px}.cta-title{font-size:34px;line-height:1.3}
 .footer-word{font-size:clamp(25px,7.4vw,38px);margin-block:40px 28px}.footer-top .brand>span:not(.logo-art){font-size:18px}.footer-top>p{font-size:11px}
 .page-intro h1,.project-intro h1,.contact-main .page-intro h1,.legal-hero h1{font-size:clamp(32px,8.7vw,43px);line-height:1.25}.project-summary>p{font-size:17px}.project-body>p:first-child{font-size:22px;line-height:1.7;margin-bottom:40px}
 .entry-content h2,.project-body h2{font-size:28px}.entry-content h3,.legal-copy.entry-content h3{font-size:24px}.contact-form-panel h2{font-size:28px}.contact-email{font-size:17px}.intro-split>p,.intro-split>div{font-size:16px}
}