/* Selected header study03: native original room photograph in one painted field.
   Scoped to the opening of03; every lower layout rule remains unchanged. */
.variant-03 .opening.practice-photo-opening{width:100%;max-width:none;margin:0;display:grid;grid-template-columns:minmax(0,46%) minmax(0,54%);gap:0;align-items:start;padding:18px 5% 72px;min-height:46cqw;isolation:isolate}
.variant-03 .practice-photo-opening .opening-copy{z-index:3;padding:0 0 0;min-width:0;align-self:start}
.variant-03 .practice-photo-opening .opening-copy:before{inset:-10px -4% -16px -2%;background:linear-gradient(90deg,#fff3df 0 89%,#fff3df00)}
.variant-03 .practice-photo-opening .opening-copy h1{margin:12px 0 18px;font-size:clamp(38px,4.05cqw,58px);line-height:1.12}
.variant-03 .practice-photo-opening .opening-copy .lead{font-size:clamp(22px,1.95cqw,28px);max-width:22em;margin:0 0 24px;line-height:1.35}
.variant-03 .practice-photo-opening .opening-copy .intro{max-width:34em}
.variant-03 .practice-photo-opening .opening-copy .intro p{font-size:16px;line-height:1.65}
.variant-03 .practice-photo-opening .opening-copy .intro p+p{margin-top:17px}
.variant-03 .practice-photo-opening .opening-copy .jump{font-size:12px;gap:8px 19px;margin-top:22px}
.variant-03 .practice-photo-opening .opening-copy .button{margin-top:14px}
.variant-03 .practice-photo-opening .opening-art{position:absolute;z-index:1;left:auto;right:-1cqw;top:-2cqw;width:64cqw;max-width:none;min-width:0;margin:0;padding:0;pointer-events:none;align-self:unset}
.variant-03 .practice-photo-opening .hero-room{display:block;position:relative;width:100%;margin:0}
.variant-03 .practice-photo-opening .hero-room img{display:block;width:100%;height:auto;aspect-ratio:auto;max-width:none;object-fit:contain;mask-image:url(costs-practice-photo-mask-v1.svg);mask-size:100% 100%;mask-repeat:no-repeat;filter:none}
.variant-03 .practice-photo-opening .hero-room figcaption{display:none}
.variant-03 .opening.practice-photo-opening>.hero-field{position:absolute;z-index:0;pointer-events:none;inset:-8cqw 0 -5cqw;left:0;right:0;width:100%;height:auto;max-height:none;background:url(costs-practice-hero-paint-v1.webp) center bottom/100% auto no-repeat;mask-image:linear-gradient(transparent,#000 9cqw,#000 calc(100% - 6cqw),transparent);mask-composite:add;opacity:1}
/* The foreground shore follows the same proportional source below the photo. */
.variant-03 .practice-photo-opening:after{content:"";position:absolute;z-index:2;inset:-8cqw 0 -5cqw;pointer-events:none;background:url(costs-practice-hero-paint-v1.webp) center bottom/100% auto no-repeat;mask-image:linear-gradient(transparent calc(100% - 18cqw),#000 calc(100% - 11cqw),#000 calc(100% - 6cqw),transparent);mask-repeat:no-repeat}
@media(max-width:1250px) and (min-width:1001px){
 .variant-03 .opening.practice-photo-opening{grid-template-columns:48% 52%;padding:16px 5.5% 76px}
 .variant-03 .practice-photo-opening .opening-art{width:65cqw;right:-3cqw;top:4cqw}
 .variant-03 .practice-photo-opening .opening-copy .lead{font-size:24px}
}
@media(max-width:1000px){
 .variant-03 .opening.practice-photo-opening{display:block;width:100%;padding:8px 6.5% 0;min-height:0}
 .variant-03 .practice-photo-opening .opening-copy{padding:0;max-width:750px;margin-inline:auto}
 .variant-03 .practice-photo-opening .opening-copy:before{background:#fff3df;inset:-8px -3% -12px;mask-image:linear-gradient(#000 94%,transparent)}
 .variant-03 .practice-photo-opening .opening-copy .intro{max-width:none}
 .variant-03 .practice-photo-opening .opening-copy .lead{font-size:26px;max-width:25em}
 .variant-03 .practice-photo-opening .opening-art{position:relative;right:auto;top:auto;left:auto;width:116%;max-width:930px;margin:18px -8% 0;min-width:0}
 .variant-03 .practice-photo-opening .hero-room{width:100%}
 .variant-03 .opening.practice-photo-opening>.hero-field{inset:auto 0 -4cqw;max-height:none;height:78cqw;background-size:126% auto;background-position:right bottom;mask-image:linear-gradient(transparent,#000 20%,#000 81%,transparent)}
 .variant-03 .practice-photo-opening:after{inset:auto 0 -4cqw;height:78cqw;background-size:126% auto;background-position:right bottom;mask-image:linear-gradient(transparent 67%,#000 81%,#000 91%,transparent)}
}
@media(max-width:600px){
 .variant-03 .opening.practice-photo-opening{padding-top:3px;padding-inline:6.5%}
 .variant-03 .practice-photo-opening .opening-copy h1{font-size:37px;margin-top:10px}
 .variant-03 .practice-photo-opening .opening-copy .lead{font-size:23px;max-width:15em;margin-bottom:19px}
 .variant-03 .practice-photo-opening .opening-copy .intro p{font-size:16px}
 .variant-03 .practice-photo-opening .opening-copy .jump{margin-top:20px;gap:8px 16px}
 .variant-03 .practice-photo-opening .opening-copy .button{margin-top:13px}
 .variant-03 .practice-photo-opening .opening-art{margin-top:18px;width:120%;margin-inline:-10%;max-width:none}
 .variant-03 .opening.practice-photo-opening>.hero-field{height:88cqw;background-size:142% auto;bottom:-2cqw}
 .variant-03 .practice-photo-opening:after{height:88cqw;background-size:142% auto;bottom:-2cqw}
}
/* The natural ivory field is shared; no opaque rectangle behind the copy. */
.variant-03 .practice-photo-opening .opening-copy:before{content:none}
@media(min-width:1001px){
 .variant-03 .opening.practice-photo-opening{min-height:43.5cqw;padding-bottom:40px}
 .variant-03 .opening.practice-photo-opening>.hero-field{top:auto;bottom:-7.5cqw;height:auto;aspect-ratio:1738/905;mask-image:linear-gradient(transparent,#000 12%,#000 81%,transparent)}
 .variant-03 .practice-photo-opening:after{bottom:-7.5cqw}
}
/* Match each backdrop plane to its real bitmap bounds so the upper fade starts
   at the first pigment pixel, including stacked mobile/tablet compositions. */
@media(max-width:1000px){
 .variant-03 .opening.practice-photo-opening>.hero-field{top:auto;left:auto;right:0;bottom:-4cqw;width:126%;height:auto;aspect-ratio:1738/905;background-size:100% auto;background-position:right bottom;mask-image:linear-gradient(transparent,#000 16%,#000 82%,transparent)}
}
@media(max-width:600px){
 .variant-03 .opening.practice-photo-opening>.hero-field{width:142%;height:auto;bottom:-2cqw}
}
/* Only the two native pearl pixels are brought above the photograph. Their
   proportional source plane is identical to the background, avoiding gray veils. */
.variant-03 .practice-photo-opening>.practice-pearl-cover{position:absolute;z-index:4;pointer-events:none;left:0;right:0;top:auto;bottom:-7.5cqw;width:100%;height:auto;aspect-ratio:1738/905;background:url(costs-practice-hero-paint-v1.webp) center bottom/100% auto no-repeat;mask-image:url(costs-practice-pearl-overlay-mask-v1.svg);mask-size:100% 100%;mask-repeat:no-repeat}
@media(max-width:1000px){.variant-03 .practice-photo-opening>.practice-pearl-cover{left:auto;right:0;bottom:-4cqw;width:126%}}
@media(max-width:600px){.variant-03 .practice-photo-opening>.practice-pearl-cover{bottom:-2cqw;width:142%}}