/* Phase 1.1 — original Phase 1 styles remain the base. */
:root{--header-compact:72px;--note-size:12px;--section-title-leading:1.42}
html{scroll-padding-top:96px}
.header{position:fixed;transition:height .25s,background-color .25s,border-color .25s}
.header.is-scrolled{height:var(--header-compact);background:#101a2bf7;border-bottom-color:#c4ad8633}
.header-cta{background:transparent;align-items:center;min-height:44px}
.hero-content{padding-top:218px}
.hero .eyebrow{margin-bottom:20px}
.hero-identity{color:#e1cfaf;font-size:16px;font-weight:500;line-height:1.7;letter-spacing:.5px;margin-bottom:18px}
.image-disclaimer{font-size:12px;letter-spacing:.3px;color:#e0e5eb}
.mobile-only{display:none}
.operation-benefit{margin-top:15px}
.expertise-bottom{align-items:start}
.expertise-bottom .serif{padding-top:5px}
.expertise-bottom h3{font-size:23px;letter-spacing:-.5px;line-height:1.5}
.asset-note,.detail-note,.project-caption{font-size:var(--note-size);line-height:1.85}
.detail-note{color:#b1bdcb}
.sample-label{font-size:12px;letter-spacing:0;line-height:1.6}
.project-meta{margin:22px 0 0;padding:17px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:13px 20px;font-size:13px;line-height:1.6}
.project-meta>div{display:flex;gap:15px;min-width:0}
.project-meta>div:first-child{grid-column:1/-1}
.project-meta dt{color:#56616b;flex-shrink:0;min-width:52px}
.project-meta dd{margin:0;color:#727a82;overflow-wrap:anywhere}
.business-card:hover img{transform:none}
.inquiry .inquiry-action>p:last-child{font-size:12px;letter-spacing:0}
.footer-info p{font-size:12px}
.footer-bottom button{font-size:12px;min-height:44px}
.dialog-close{width:44px;height:44px;right:8px;top:6px}
@media(min-width:1600px){.hero-content{padding-top:260px}}
@media(max-width:1199px){.expertise-bottom h3{font-size:21px}.project-meta{grid-template-columns:1fr}.project-meta>div:first-child{grid-column:auto}}
@media(max-width:899px){
 .desktop-nav{display:none}
 .header{justify-content:space-between;gap:24px}
 .header-cta{display:flex;margin-left:auto;padding:10px 15px;gap:18px}
 .menu-toggle{display:flex;width:44px;height:44px;flex-direction:column;justify-content:center;align-items:flex-end;gap:7px;padding:8px 0;background:none;z-index:23}
 .menu-toggle span{width:24px;height:1px;background:white;transition:transform .2s}
 .menu-open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}
 .menu-open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}
 .mobile-nav{position:fixed;inset:0;background:var(--navy);color:white;z-index:19;padding:108px 32px 30px;display:flex;flex-direction:column;overflow-y:auto}
 .menu-open .header{background:var(--navy)}
 .mobile-nav a{font-size:24px;border-bottom:1px solid #ffffff26;padding:20px 0;display:flex;justify-content:space-between}
 .mobile-nav a span{font-family:Georgia,serif;color:var(--gold);font-size:17px}
 .mobile-nav>p{font-size:11px;letter-spacing:1.3px;color:#aab7c7;margin-top:30px}
 .principles p{font-size:12px}
 .image-disclaimer{font-size:12px}
}
@media(max-width:640px){
 :root{--header-compact:64px}
 html{scroll-padding-top:88px}
 .header{height:82px;gap:14px}
 .header-cta{font-size:12px;padding:10px 12px;gap:12px;min-height:44px}
 .header .wordmark{font-size:20px;letter-spacing:3.4px}
 .header .wordmark span{font-size:7px;letter-spacing:5.5px}
 .mobile-nav{padding:105px 24px 30px}
 .hero-content{padding-top:231px}
 .hero .eyebrow{margin-bottom:17px}
 .hero-identity{font-size:14px;letter-spacing:0;margin-bottom:18px}
 .hero-bottom{align-items:flex-end;gap:14px;bottom:25px}
 .image-disclaimer{font-size:12px;max-width:180px;line-height:1.6;letter-spacing:0}
 .about .body-copy{font-size:15px}
 .principles{gap:8px}
 .principles p{font-size:12px;line-height:1.65}
 .principles h3{font-size:17px}
 .business-grid{gap:25px}
 .business-photo{height:auto;aspect-ratio:1.9}
 .business-photo>span{left:17px;bottom:16px;font-size:10px;letter-spacing:1px}
 .business-info{padding-top:17px;padding-bottom:18px}
 .business-info p{font-size:14px;line-height:1.8;margin-top:9px}
 .asset-note{font-size:12px;margin-top:25px}
 .expertise-bottom h3{font-size:21px;line-height:1.5}
 .expertise-bottom div p{font-size:14px;line-height:1.85}
 .detail-note{font-size:12px;margin-top:18px}
 .operation-flow p{font-size:13px;line-height:1.65}
 .mobile-only{display:block}
 .sample-label{font-size:12px;left:12px;top:12px;padding:8px 10px}
 .project-meta{font-size:13px;gap:8px;margin-top:18px;padding-top:16px}
 .project-meta>div{gap:18px}
 .project-meta dt{min-width:56px}
 .inquiry .inquiry-action>p:last-child{font-size:12px;line-height:1.7;margin-top:13px}
 .footer-top>p{font-size:11px}
 .footer-top{gap:20px}
 .back-top{width:44px;height:44px}
 .footer-info p{font-size:12px;line-height:1.8}
 .footer-info span{margin-left:7px}
 .footer-bottom>span{font-size:11px}
 .footer-bottom button{font-size:12px}
 .footer-bottom>span:last-child{font-size:10px}
}
@media(max-width:374px){.header{gap:10px}.header-cta{padding-inline:10px}.header .wordmark{font-size:19px}.principles h3{font-size:15px}.principles p{font-size:12px}.footer-top{gap:12px}.footer-top>p{max-width:119px}}
@media(prefers-reduced-motion:reduce){.header{transition:none}}