/* creART Studio 1.4 — corrections grounded in the real-site PDF capture.
   Loaded after golden-ratio.css for predictable overrides. */
:root{--creart-v14-max:1380px}
.creart-site .ref-home .wrap{max-width:var(--creart-v14-max)}
.creart-site .ref-home{padding:0 0 0}
.creart-site .ref-home-shell{margin-top:0;border-radius:0 0 22px 22px}
.creart-site .ref-hero{overflow:hidden}
.creart-site .ref-hero-grid{grid-template-columns:minmax(0,43%) minmax(0,57%);height:clamp(520px,43vw,640px);min-height:0;background:#fff}
.creart-site .ref-hero-copy{min-width:0;max-width:100%;padding:50px clamp(25px,3.4vw,52px) 50px clamp(25px,3.4vw,52px);align-self:center}
.creart-site .ref-hero-copy .ref-kicker{font-size:clamp(12px,1.15vw,16px);letter-spacing:.33em;margin:0 0 12px;font-weight:750;white-space:normal}
.creart-site .ref-hero-title{font-size:clamp(42px,4.5vw,69px);letter-spacing:-.07em;line-height:.93;font-weight:950;margin:0 0 20px;max-width:100%;text-wrap:initial}
.creart-site .ref-hero-title span{display:block;overflow-wrap:normal;hyphens:none;white-space:nowrap}
.creart-site .ref-hero-text{font-size:clamp(16px,1.25vw,18px);max-width:440px;line-height:1.5;color:#5e5f63;margin:18px 0 25px}
.creart-site .ref-hero-actions{gap:12px}
.creart-site .ref-hero-actions .btn{min-width:0;min-height:47px;padding:13px 16px;font-size:clamp(13px,1vw,15px);gap:12px;border-radius:9px}
.creart-site .ref-hero-copy .brand-bars{margin:0 0 2px}
.creart-site .ref-hero-visual{min-width:0;min-height:0;height:100%;position:relative;overflow:hidden;background:#e8e8e8}
.creart-site .ref-hero-image-wrap{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}
.creart-site .ref-hero-image-wrap img.ref-hero-photo{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center 20%;position:absolute;inset:0;filter:none}
.creart-site .ref-poster-image::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to right,rgba(255,255,255,.83) 0%,rgba(255,255,255,.24) 14%,transparent 34%)}
.creart-site .ref-clean-image .ref-hero-image-wrap img{object-position:center 45%}
.creart-site .ref-hero-slogan-wrap{max-width:25%;top:5%;left:7%}
.creart-site .ref-hero-logo-wrap{max-width:31%;right:2%;bottom:7%;opacity:.92}
.creart-site .ref-home .ref-featured-projects{padding-top:32px;padding-bottom:31px}
.creart-site .ref-section-kicker{font-size:13px;letter-spacing:.35em}
.creart-site .ref-projects-grid{gap:18px}
.creart-site .ref-project-card{border:0;border-radius:0;overflow:visible}
.creart-site .ref-project-media{aspect-ratio:1.60/1;border-radius:8px;overflow:hidden;background:#f4f4f4}
.creart-site .ref-project-media img.ref-project-image{width:100%;height:100%;object-fit:cover;display:block}
.creart-site .ref-project-bottom{align-items:center;padding:14px 0 0}
.creart-site .ref-project-meta{padding:0}
.creart-site .ref-project-meta h3{font-size:clamp(21px,2vw,28px);margin:3px 0 3px;letter-spacing:-.04em;line-height:1.13}
.creart-site .ref-project-meta p{font-size:11px;line-height:1.4}
.creart-site .ref-project-bottom .circle-arrow{width:43px;height:43px}
.creart-site .ref-anniversary-grid{grid-template-columns:27% 31% 1fr;gap:25px}
.creart-site .ref-anniversary-copy h2{font-size:clamp(38px,3.1vw,54px);line-height:.97}
.creart-site .ref-anniversary-copy p:last-child{font-size:14px;line-height:1.45}
.creart-site .ref-stat-item strong{font-size:clamp(19px,1.7vw,26px)}
.creart-site .ref-stat-item span{font-size:10px}
.creart-site .ref-cta-content{min-height:315px}
.creart-site .ref-cta-banner{min-height:315px}
.creart-site .ref-cta-copy h2{font-size:clamp(40px,4vw,61px);line-height:.94}
.creart-site .ref-cta-copy p:not(.ref-kicker){font-size:15px}
.creart-site .ref-cta-side li{font-size:13px}
.creart-site .ref-home .ref-mini-services{padding-top:22px;padding-bottom:22px}
/* Keep existing interior pages intact: home-specific overrides only above. */
@media(max-width:1180px){
 .creart-site .ref-hero-title{font-size:clamp(39px,4.35vw,58px)}
 .creart-site .ref-hero-grid{height:clamp(490px,49vw,600px)}
 .creart-site .ref-anniversary-grid{grid-template-columns:25% 31% 1fr;gap:14px}
 .creart-site .ref-stat-item{padding:14px 5px}
}
@media(max-width:980px){
 .creart-site .ref-hero-grid{grid-template-columns:minmax(0,44%) minmax(0,56%);height:clamp(460px,57vw,550px)}
 .creart-site .ref-hero-copy{padding:26px}
 .creart-site .ref-hero-title{font-size:clamp(37px,5vw,52px)}
 .creart-site .ref-hero-text{font-size:15px}
 .creart-site .ref-hero-actions .btn{font-size:13px;min-height:43px}
 .creart-site .ref-hero-actions .btn:last-child{min-width:0}
 .creart-site .ref-hero-visual{height:100%;min-height:0}
 .creart-site .ref-hero-image-wrap{height:100%}
 .creart-site .ref-anniversary-grid{grid-template-columns:1fr 1fr}
 .creart-site .ref-stats-grid{grid-column:1/-1}
}
@media(max-width:760px){
 .creart-site .ref-hero-grid{display:flex;flex-direction:column;height:auto}
 .creart-site .ref-hero-copy{padding:34px 24px 28px}
 .creart-site .ref-hero-title{font-size:clamp(41px,9.6vw,66px);line-height:.92}
 .creart-site .ref-hero-text{max-width:570px;font-size:16px}
 .creart-site .ref-hero-actions .btn{min-height:47px;font-size:14px;flex:1}
 .creart-site .ref-hero-visual{height:clamp(345px,72vw,510px);min-height:0;width:100%}
 .creart-site .ref-hero-image-wrap{position:absolute;inset:0;height:100%}
 .creart-site .ref-hero-image-wrap img.ref-hero-photo{object-position:center 18%}
 .creart-site .ref-projects-grid{grid-template-columns:1fr}
 .creart-site .ref-project-media{aspect-ratio:1.45/1}
 .creart-site .ref-anniversary-grid{grid-template-columns:1fr}
 .creart-site .ref-anniversary-mark{border-right:0;min-height:0;padding:0}
 .creart-site .ref-anniversary-image{height:160px;max-height:160px;object-position:left}
 .creart-site .ref-stats-grid{grid-template-columns:repeat(2,1fr)}
 .creart-site .ref-cta-content{min-height:340px}
 .creart-site .ref-cta-banner{min-height:340px}
 .creart-site .ref-cta-side{display:none}
}
@media(max-width:480px){
 .creart-site .ref-hero-copy{padding:28px 18px 24px}
 .creart-site .ref-hero-title{font-size:clamp(38px,10vw,49px);letter-spacing:-.067em}
 .creart-site .ref-hero-title span{white-space:nowrap}
 .creart-site .ref-hero-actions{flex-direction:row}
 .creart-site .ref-hero-actions .btn{font-size:12px;padding:12px 10px;white-space:normal;text-align:center}
 .creart-site .ref-hero-visual{height:350px}
 .creart-site .ref-home .section{padding-left:16px;padding-right:16px}
 .creart-site .ref-section-head .text-link{font-size:12px}
 .creart-site .ref-cta-copy h2{font-size:clamp(35px,10vw,48px)}
}
@media(max-width:355px){
 .creart-site .ref-hero-title{font-size:35px}
 .creart-site .ref-hero-actions{flex-direction:column}
 .creart-site .ref-hero-actions .btn{width:100%}
}
