/* SAMJI: approved dimensional CI, daylight, legible construction photography.
   Keep the established desktop grid, section order, logo artwork and project records. */
:root{--surface:#f5f7f8;--light:#fafbfc;--rule:#d7dde1;--photo-saturation:1;--photo-contrast:1;--ci-stripe:linear-gradient(90deg,var(--samji-yellow) 0 25%,var(--samji-gray) 25% 50%,var(--samji-blue) 50% 75%,var(--samji-red) 75% 100%)}
.signature-hero{background:#eef2f5}
.signature-hero:before{background:linear-gradient(90deg,rgba(18,29,39,.57),rgba(18,29,39,.23) 36%,rgba(18,29,39,.03) 64%,transparent 80%),linear-gradient(0deg,rgba(18,29,39,.63),transparent 23%)}
.signature-hero h1{font-weight:600;text-shadow:0 2px 20px #17253033}
.signature-hero .hero-copy,.signature-hero .hero-scope,.signature-hero .hero-content>.eyebrow{text-shadow:0 1px 4px #15212a,0 0 18px #15212a70}
.signature-hero .hero-scope{color:#fff}
.signature-hero .hero-footer{border-color:#ffffff6b}
.home-standard{background:var(--surface);color:var(--ink);border-block:1px solid #e1e5e8}
.standard-copy>.eyebrow{color:#56616b}
.standard-copy>.eyebrow:before{content:"";display:block;width:72px;height:3px;background:var(--ci-stripe);margin-bottom:24px}
.standard-copy h2{font-weight:600}
.standard-lead{color:#4b5863}
.standard-principles article{border-top-color:#d5dce1}
.standard-principles article>span{color:#606b75;font-size:12px}
.standard-principles p{color:#52606b}
.standard-copy>.text-link{color:var(--ink);border-color:#8f9ba5}
.standard-photo:after{inset:auto 0 0;height:150px;background:linear-gradient(transparent,#17253060)}
.rotation-footer{background:#ffffffed;color:var(--ink);border-top:1px solid #ffffffb0;padding:12px 16px;gap:3px;backdrop-filter:blur(8px)}
.rotation-credit{text-shadow:none;color:var(--ink)}
.rotation-controls{color:#52606b}
.rotation-controls button{color:var(--ink);background:transparent}
.rotation-controls button:hover{background:#e1e7eb}
.rotation-controls button[data-rotation-pause]{border-left-color:#c9d1d8}
.rotation-controls button:focus-visible,.rotation-credit:focus-visible{outline:2px solid var(--samji-blue);outline-offset:3px}
.overview-photo{height:clamp(530px,40vw,720px)}
.overview-photo:after{background:linear-gradient(90deg,#16283860,transparent 62%)}
.overview-photo[data-project-rotation]>.wrap{bottom:170px;text-shadow:0 1px 4px #15212a,0 0 20px #15212a80}
.overview-photo[data-project-rotation]>.wrap>p:not(.eyebrow){font-weight:500}
.ceo-site.ceo-site-complete{background:var(--surface);border-top:3px solid #727e87;color:var(--ink)}
.ceo-site-complete .ceo-slides{background:#eef2f4}
.ceo-site-complete .ceo-slides>.ceo-slide{filter:none}
.ceo-site-complete .ceo-slides>.ceo-slide[data-framing="complete"]{object-fit:contain}
.ceo-site-complete .ceo-slides>.ceo-slide[data-framing="cover"]{object-fit:cover}
.ceo-site.ceo-site-complete figcaption{color:var(--ink);font-weight:500;border:1px solid #e1e5e8;border-top:0}
.ceo-site.ceo-site-complete figcaption>span:first-child{color:#596671;letter-spacing:.15em}
.ceo-site.ceo-site-complete figcaption>span:first-child:before{content:"";display:block;width:64px;height:3px;background:var(--ci-stripe);margin-bottom:22px}
.ceo-site-complete .ceo-project-credit{color:#52606b;font-weight:400}
.ceo-site-complete .ceo-case-link{color:var(--ink);border-color:#9ba6af;font-weight:400}
.ceo-slide-controls button{color:var(--ink);background:transparent}
.ceo-slide-controls button:hover{background:#e1e7eb}
.ceo-slide-controls button[data-ceo-pause]{border-left-color:#c9d1d8}
.ceo-slide-controls [data-ceo-count]{color:#52606b}
.ceo-slide-controls button:focus-visible{outline:2px solid var(--samji-blue);outline-offset:3px}
.home-selected .eyebrow:before,.case-evidence .eyebrow:before{width:56px;background:var(--ci-stripe)}
.home-brand{background:linear-gradient(120deg,#fafbfc,#f0f3f5);border-block:1px solid #e4e8eb}
.home-brand .brand-art{background:transparent}
.contact-band{background:#f0f3f5;color:var(--ink);border-top:1px solid #e0e5e9}
.contact-band:before{background:#f9fafb}
.contact-band h2{font-weight:500}
.history-banner>img,.case-evidence-grid img{filter:none}
.history-banner:after{background:linear-gradient(90deg,#1826308c,#1826305c)}
.company-heading h1,.page-intro h1,.projects-intro h1{color:var(--ink)}
.arrival-words>p,.arrival-words>p>span,.arrival-tomorrow strong,.arrival-logo>div>span{color:var(--ink)}
@media(min-width:951px) and (max-height:800px){
 .signature-hero .hero-content{padding-top:55px;padding-bottom:165px}
 .signature-hero h1{font-size:clamp(46px,4.7vw,72px)}
 .signature-hero .hero-content>.eyebrow{margin-bottom:19px}
 .signature-hero .hero-copy{margin-top:21px}
 .signature-hero .hero-actions{margin-top:25px}
}
/* Small screens preserve the complete facade, with text and controls on a light surface. */
@media(max-width:950px){
 .signature-hero{height:auto;min-height:0;display:flex;flex-direction:column;background:#fff;color:var(--ink)}
 .signature-hero:before{display:none}
 .signature-hero .hero-content{order:0;min-height:0;height:auto;padding-top:42px;padding-bottom:32px;pointer-events:auto}
 .signature-hero .hero-content>.eyebrow{color:#596671;font-size:11px;text-shadow:none;margin-bottom:20px;letter-spacing:.17em}
 .signature-hero h1{font-size:clamp(35px,6.2vw,55px);line-height:1.42;color:var(--ink);text-shadow:none;max-width:100%}
 .signature-hero .hero-copy{font-size:16px;color:#46535f;text-shadow:none;max-width:100%;margin-top:20px}
 .signature-hero .hero-scope{font-size:14px;color:#596671;text-shadow:none;max-width:100%;line-height:1.9}
 .signature-hero .hero-actions{margin-top:24px;gap:20px 30px}
 .signature-hero .hero-link{color:var(--ink);border-color:#8996a0;font-size:14px}
 .signature-hero .hero-link-primary{background:var(--ink);color:#fff;border:0;padding:12px 18px}
 .signature-hero .hero-link-primary:hover{background:#424b55}
 .signature-hero .hero-visual{position:relative;inset:auto;order:1;width:100%;height:auto;aspect-ratio:3/2;background:#edf2f5;overflow:hidden}
 .signature-hero .hero-slide[data-photo] img{object-fit:contain;object-position:50% 50%!important}
 .signature-hero .hero-footer{order:2;position:relative;inset:auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;max-width:var(--max);width:100%;padding-block:16px 22px;border-top:0;color:var(--ink);background:#fff}
 .signature-hero .hero-project{max-width:none;min-width:0;width:auto;color:var(--ink);text-shadow:none;padding:0}
 .signature-hero .hero-project>span:first-child{font-size:12px;color:#596671}
 .signature-hero .hero-project strong{font-size:16px;color:var(--ink)}
 .signature-hero .hero-project>span:last-child{color:var(--ink)}
 .signature-hero .hero-playback{gap:13px}
 .signature-hero .hero-index{color:var(--ink)}
 .signature-hero .hero-index>span{color:#63717d}
 .signature-hero .hero-dot:after{background:#bec8d0}
 .signature-hero .hero-dot.is-active:after{background:var(--ink)}
 .signature-hero .hero-pause{color:var(--ink)}
 .signature-hero .hero-dot:focus-visible,.signature-hero .hero-pause:focus-visible,.signature-hero .hero-link:focus-visible{outline:2px solid var(--samji-blue);outline-offset:3px}
 .overview-photo{height:550px}
 .overview-photo[data-project-rotation]>.wrap{bottom:175px}
}
@media(max-width:700px){
 .signature-hero .hero-content{padding-top:36px;padding-bottom:28px}
 .signature-hero h1{font-size:clamp(34px,8.8vw,49px)}
 .signature-hero .hero-copy{font-size:15px;line-height:1.85}
 .signature-hero .hero-scope{font-size:14px}
 .signature-hero .hero-footer{gap:7px;padding-top:12px;padding-bottom:22px}
 .signature-hero .hero-project{width:100%;margin-top:2px}
 .signature-hero .hero-project strong{font-size:16px;line-height:1.7}
 .signature-hero .hero-actions{gap:16px 25px}
 .standard-photo{height:auto;min-height:0;aspect-ratio:1/1}
 .rotation-footer{left:16px;right:16px;bottom:16px;padding:12px 14px;gap:2px}
 .rotation-credit{font-size:13px}
 .rotation-controls{margin-top:0}
 .overview-photo{height:530px}
 .overview-photo[data-project-rotation]>.wrap{bottom:185px}
 .overview-photo[data-project-rotation]>.wrap>p:not(.eyebrow){font-size:27px}
 .standard-copy>.eyebrow:before{margin-bottom:20px}
}