/* Reference material line. New paint stays separate from original photography. */
.material-unify{--material-petrol:#073d43;--material-copper:#ad542c;--material-ivory:#fff3df}
.material-unify .material-photo-surface{display:block;position:relative;isolation:isolate;line-height:0}
.material-unify .material-photo-surface:before{content:"";position:absolute;inset:-3.5% -3%;z-index:-1;background:url(material-photo-paint-v1.webp) center/100% 100% no-repeat;mask-image:url(material-photo-outer-v1.svg);mask-size:100% 100%;mask-repeat:no-repeat;pointer-events:none}
.material-unify .material-photo-surface>img{mask-image:url(material-photo-aperture-v1.svg)!important;mask-size:100% 100%!important;mask-position:center!important;mask-repeat:no-repeat!important;mask-mode:alpha;mask-composite:add!important;display:block}
.material-unify.startpage-a .a-section .photo>.material-photo-surface{position:absolute;inset:0}
.material-unify.startpage-a .a-section .photo:before{content:none}

/* Restrained frames scale with each existing photo. Captions stay outside the painting. */
.material-unify .about-photo{overflow:visible}
.material-unify .about-photo .material-photo-surface{margin:0}
.material-unify .about-jamie-rest .material-photo-surface:before,
.material-unify .about-jamie-practice .material-photo-surface:before,
.material-unify .about-jamie-detail-photo .material-photo-surface:before,
.material-unify .practice-calm-jamie .material-photo-surface:before{inset:-1.8%}
.material-unify .practice-calm-room-photo,.material-unify .practice-calm-jamie{overflow:visible}
.material-unify .practice-calm-room-photo .material-photo-surface,
.material-unify .practice-calm-jamie .material-photo-surface{height:100%}
.material-unify .practice-calm-room-photo .material-photo-surface>img,
.material-unify .practice-calm-jamie .material-photo-surface>img{height:100%;width:100%;object-fit:cover}
/* The original cut-out portraits deliberately have no material-photo-surface. */

/* Petrol is a tonal material, with quiet centers and proportional paint caps. */
.material-unify .about-jamie-paint,
.material-unify .pt-relationship-paint,
.material-unify .costs-rhythm-paint,
.material-unify .about-landscape-paint,
.material-unify .adult-page .attitude-paint{background:var(--material-petrol) url(material-petrol-field-v1.webp) center/100% 310% no-repeat}
.material-unify.adult-page .attitude-paint{background:var(--material-petrol) url(material-petrol-field-v1.webp) center/100% 310% no-repeat}
.material-unify .about-jamie-paint:before,
.material-unify .pt-relationship-paint:before,
.material-unify .costs-rhythm-paint:before,
.material-unify .attitude-paint:before{
 background-image:url(material-thread-top-v1.svg),url(material-petrol-field-v1.webp);
 background-position:center top;background-size:100% auto;background-repeat:no-repeat;
}
.material-unify .about-jamie-paint:after,
.material-unify .pt-relationship-paint:after,
.material-unify .costs-rhythm-paint:after{
 background-image:url(material-thread-bottom-v1.svg),url(material-petrol-field-v1.webp);
 background-position:center bottom;background-size:100% auto;background-repeat:no-repeat;
}
.material-unify .about-landscape-top{background-image:url(material-thread-top-v1.svg),url(material-petrol-field-v1.webp);background-size:100% auto;background-position:center top}
.material-unify .about-landscape-top:after{content:none}
.material-unify .about-landscape-bottom{background-image:url(material-thread-bottom-v1.svg),url(material-petrol-field-v1.webp);background-size:100% auto;background-position:center bottom}
.material-unify .costs-contact-paint{background-image:url(material-thread-bottom-v1.svg),url(material-petrol-field-v1.webp);background-size:100% auto;background-position:center bottom}
.material-unify.psychotherapy-page .pt-shared-floor .pt-together-paint{background:var(--material-petrol) url(material-petrol-field-v1.webp) center/100% 310% no-repeat}
.material-unify .pt-shared-floor:before{background-image:url(material-thread-top-v1.svg),url(material-petrol-field-v1.webp);background-size:100% auto;background-position:center top}
/* Preserve the already integrated complete room photograph and its native lower shore. */
.material-unify.startpage-a .a-right:before{background-image:url(material-thread-vertical-v1.svg),url(material-vertical-shore-v1.webp);mask-image:linear-gradient(transparent,#000 2%,#000 98%,transparent);mask-composite:add;background-size:100% 100%}
.material-unify.startpage-a .a-parent-wave-beads{display:none}
@media(max-width:850px){
 .material-unify.startpage-a .a-right:before{inset:0 -3%;background:var(--material-petrol) url(material-petrol-field-v1.webp) center/100% 310% no-repeat;mask-image:linear-gradient(transparent,#000 38px,#000 calc(100% - 38px),transparent)}
 .material-unify.startpage-a .a-right:after{height:74px;background-image:url(material-thread-top-v1.svg),url(material-petrol-field-v1.webp);background-size:100% auto;mask-image:linear-gradient(#000 65%,transparent)}
 .material-unify .about-photo .material-photo-surface:before{inset:-3%}
}
/* Gallery slots keep the existing photo, crop variables and interaction data. */
.material-unify .organic-photo{mask-image:none!important;overflow:visible}
.material-unify .organic-photo .material-photo-surface{width:100%;height:100%;overflow:visible;mask-image:none}
.material-unify .organic-photo .material-photo-surface:before{inset:-2%;mask-image:url(material-photo-outer-v1.svg)}
.material-unify .organic-photo .material-photo-clip{display:block;position:absolute;inset:0;overflow:hidden;mask-image:url(material-photo-aperture-v1.svg);mask-size:100% 100%;mask-repeat:no-repeat}
.material-unify .organic-photo .material-photo-clip>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;mask-image:none}
.material-unify .organic-photo .material-photo-surface{transform:scale(1);}
/* Calm legal pages and functional dividers use the same warm copper family. */
.material-unify .adult-footer,.material-unify .footer{border-top-color:#ae7047}
.material-unify .practice-calm-wave-art{background-image:url(material-thread-bottom-v1.svg),url(material-petrol-field-v1.webp);background-position:center bottom;background-size:100% auto}
.material-unify .practice-calm-pearl{display:none}
/* Keep the new opaque paint behind the right column; the old bitmap had alpha here. */
@media(min-width:851px){
 .material-unify.startpage-a .a-right:before{
  inset:-100px 0 -14px -6cqw;
  background-image:url(material-thread-vertical-v1.svg),url(material-vertical-shore-v1.webp),linear-gradient(90deg,transparent 35%,#073d43 48%);
  background-position:left top,left top,center;background-repeat:no-repeat;
  background-size:55% 100%,55% 100%,100% 100%;
  mask-image:linear-gradient(90deg,transparent,#000 40px),linear-gradient(transparent,#000 5%,#000 95%,transparent);
  mask-size:100% 100%;mask-composite:intersect;
 }
}
/* The left shore is its own feathered layer; the reading ground stays continuous. */
@media(min-width:851px){
 .material-unify.startpage-a .a-right:before{
  inset:-70px 0 -12px -2cqw;background:var(--material-petrol) url(material-petrol-field-v1.webp) center/100% 310% no-repeat;
  mask-image:linear-gradient(transparent,#000 65px,#000 calc(100% - 45px),transparent);mask-composite:add;
 }
 .material-unify.startpage-a .a-right:after{
  content:"";position:absolute;z-index:-1;inset:-70px auto -12px -6cqw;width:30cqw;height:auto;pointer-events:none;
  background-image:url(material-thread-vertical-v1.svg),url(material-vertical-shore-v1.webp);
  background-position:left top;background-size:100% 132%;background-repeat:no-repeat;
  mask-image:linear-gradient(90deg,transparent,#000 40px,#000 65%,transparent),linear-gradient(transparent,#000 65px,#000 calc(100% - 45px),transparent);mask-composite:intersect;mask-size:100% 100%;
 }
}
.material-unify .practice-calm-wave-art{background-position:center calc(100% + .9cqw),center bottom}
@media(min-width:851px){
 .material-unify.startpage-a .a-right:before{mask-image:url(material-field-contour-v1.svg);mask-size:100% 100%;mask-composite:add}
 .material-unify.startpage-a .a-parent-wave-beads{display:block;inset:-70px auto -12px -6cqw;width:30cqw;pointer-events:none}
 .material-unify.startpage-a .a-parent-pearl{background:radial-gradient(circle at 34% 29%,#edc18a,#d58b4d 24%,#b66031 66%,#6a3828);box-shadow:0 1px 2px #4c2b2255;width:12px;height:12px;transform:translate(-50%,-50%)}
 .material-unify.startpage-a .a-parent-pearl-one{left:29.665%;top:24.702%;width:11px;height:11px}
 .material-unify.startpage-a .a-parent-pearl-two{left:25.359%;top:88.702%;width:13px;height:13px}
 .material-unify.startpage-a .a-parent-pearl-three{display:none}
}
/* The light closing chapter uses only a low copper/ivory shore, keeping its copy light. */
.material-unify .costs-contact-paint{background-image:url(material-thread-shore-v1.svg),url(material-photo-paint-v1.webp);background-size:100% auto;background-position:center bottom;mask-image:linear-gradient(transparent,#000 18%,#000 93%,transparent)}
@media(max-width:850px){
 .material-unify.startpage-a .a-right:after{
  inset:0;height:auto;background-image:url(material-thread-top-v1.svg),url(material-petrol-field-v1.webp),url(material-thread-bottom-v1.svg),url(material-petrol-field-v1.webp);
  background-position:center top,center top,center bottom,center bottom;background-size:100% auto;background-repeat:no-repeat;
  mask-image:linear-gradient(#000 74px,transparent 110px,transparent calc(100% - 95px),#000 calc(100% - 75px));
 }
}
@media(max-width:850px){.material-unify.startpage-a .a-right{padding-bottom:125px}}
/* The gallery retains its own single native connection; avoid duplicate strands. */
.material-unify .about-landscape-bottom{background-image:url(material-petrol-field-v1.webp)}
.material-unify .organic-gallery-pearl:before{background:radial-gradient(circle at 34% 29%,#edc18a,#d58b4d 24%,#b66031 66%,#6a3828);filter:none}
@media(min-width:851px){
 .material-unify.startpage-a .a-right:after{mask-image:linear-gradient(90deg,transparent,#000 40px,#000 35%,transparent 55%),linear-gradient(transparent,#000 65px,#000 calc(100% - 45px),transparent)}
}