/* V1.2.7 — ONLY approved homepage copy updates. No baseline files altered. */
@media(min-width:1051px){
 body.home .hero.hero-reference .hero-text-removal{
  position:absolute;z-index:1;pointer-events:none;
  left:0;top:9%;width:57%;height:80%;
  background:linear-gradient(180deg,#10232b 0%,#15272f 27%,#14252b 63%,#0a1f24 100%);
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 19%,#000 86%,transparent 100%), linear-gradient(90deg,#000 0%,#000 68%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 19%,#000 86%,transparent 100%), linear-gradient(90deg,#000 0%,#000 68%,transparent 100%);
  -webkit-mask-composite:source-in;mask-composite:intersect;
 }
 body.home .hero.hero-reference .hero-text-removal-tags{
  position:absolute;z-index:1;pointer-events:none;
  top:67%;left:0;width:58%;height:17%;
  background:linear-gradient(90deg,#0c2025 0%,#16262a 83%, transparent 100%);
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 28%,#000 78%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent,#000 28%,#000 78%,transparent 100%);
 }
 body.home .hero-desktop-copy{position:absolute;top:29%;left:3.8%;width:35.2%;z-index:1;color:#f3f7f4;}
 body.home .hero-desktop-copy h1{font:500 clamp(27px,2.8vw,48px)/1.21 var(--font);letter-spacing:-.055em;margin:0;text-wrap:balance;}
}
@media(max-width:1050px){
 body.home .hero-text-removal{display:none}
 body.home .mobile-hero-top h1{font:500 clamp(27px,4.65vw,51px)/1.23 var(--font);letter-spacing:-.04em;max-width:725px;margin:18px 0 0}
 body.home .mobile-hero-cta{margin-top:31px}
 body.home .hero-mobile-content{justify-content:flex-start}
}
@media(max-width:600px){
 body.home .mobile-hero-top h1{font-size:clamp(25px,6.45vw,37px);line-height:1.25;letter-spacing:-.042em;margin-top:20px}
 body.home .hero-mobile-content{padding-top:126px}
}
/* Existing intro layout and approved content aside from these two text fields are retained. */
.intro-band .intro-layout h2{max-width:980px}
.intro-band .intro-layout p{max-width:750px}
@media(min-width:851px){
 .intro-band .intro-layout p{font-size:17px;line-height:1.65}
}

/* V1.2.8: approved headline color; no stylistic change elsewhere. */
body.home .intro-band .intro-layout h2 .type-muted { color: inherit; }
@media (min-width:1051px) {body.home .hero-reference-image{background-image:url('./hero-exact-composition-clean.webp');}}

/* V1.2.9 — explicit changes only: soften hero text mask, simplify projects introduction. */
@media(min-width:1051px){
 body.home .hero.hero-reference .hero-text-removal{
  background:radial-gradient(ellipse at 67% 60%,rgba(66,84,93,.29) 0%,transparent 74%),linear-gradient(180deg,#162b33 0%,#1d3037 29%,#1c3035 64%,#132c32 100%);
 }
 body.home .hero.hero-reference .hero-text-removal-tags{
  background:linear-gradient(90deg,#152a2e 0%,#1c2e33 79%,transparent 100%);
 }
}
body.home .work-section .project-intro-note{
 display:flex;justify-content:flex-end;align-items:flex-start;
 margin-bottom:54px;
}
body.home .work-section .project-intro-note p{
 width:min(100%,660px);max-width:660px;margin:0;
 font-size:clamp(16px,1.35vw,19px);line-height:1.7;
 color:#54655c;letter-spacing:-.015em;
}
@media(max-width:850px){
 body.home .work-section .project-intro-note{margin-bottom:42px}
 body.home .work-section .project-intro-note p{max-width:640px;font-size:17px;line-height:1.7}
}
@media(max-width:560px){
 body.home .work-section .project-intro-note{margin-bottom:33px}
 body.home .work-section .project-intro-note p{font-size:16px}
}