.ph-panel{margin-block:42px 0;background:var(--paper);padding-block:clamp(24px,3vw,48px);display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:center;gap:clamp(25px,4vw,68px);position:relative}
.ph-stage{position:relative;aspect-ratio:16/9;background:#837768;isolation:isolate;overflow:hidden}.ph-base,.ph-plates,.ph-plates img,.ph-glint{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.ph-plates{z-index:1;pointer-events:none}.ph-panel figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px}.ph-panel figcaption{padding:.8em 0;font-size:14px}.ph-panel figcaption small{color:#595449;font-size:11px}.ph-copy h2{font-size:clamp(34px,3.8vw,60px);line-height:1.06;margin:14px 0 22px}.ph-copy h2 em{display:inline-block}.ph-preference{font-size:14px;min-height:2.8em;margin:14px 0}.ph-brief{background:#37392f;color:#fff;padding:12px 16px;min-height:46px}.ph-detail{position:absolute;z-index:5;inset:10px auto auto 10px;background:#302e27dd;color:white;padding:5px 10px;font-size:11px;pointer-events:none}.ph-detail:empty{display:none}[lang=ar] .ph-copy h2{line-height:1.4}@media(max-width:850px){.ph-panel{grid-template-columns:1fr;gap:15px}.ph-copy h2{margin-block:10px 14px}.ph-preference{min-height:0}.ph-figure{width:100%}}@media(prefers-reduced-motion:reduce){.ph-glint{transition:none}}

/* The room is a single native property link. The painted mask follows the camera crop. */
.ph-stage,.ph-picture{display:block}.ph-picture{position:absolute;inset:0;transition:transform .65s cubic-bezier(.2,.8,.3,1)}
@media(hover:hover){.ph-stage:hover .ph-picture{transform:scale(1.024)}}
.ph-stage:focus-visible{outline-offset:4px}.ph-material{position:absolute;inset:0;z-index:3;pointer-events:none;mask-size:100% 100%;-webkit-mask-size:100% 100%;mix-blend-mode:soft-light;opacity:0;transition:opacity .16s}
.ph-detail{position:static;color:#674456;background:transparent;padding:0;text-align:end;font-size:12px}.ph-figure figcaption{min-height:45px;align-items:center;line-height:1.45}.ph-caption{font-size:11px;color:#645c51}

.ph-panel{row-gap:clamp(16px,2.3vw,34px)}







.ph-brief{background:#68435e;color:#fff9f3;border-color:#68435e;transition:background .25s,box-shadow .25s,transform .25s}
.ph-panel .ph-brief:is(:hover,:focus-visible){background:#53324e;color:white;border-color:#53324e;box-shadow:0 5px 15px #59374f30;transform:translateY(-2px)}
.ph-copy h2 a{transition:color .25s}.ph-copy h2 a:hover{color:#82515b}.ph-copy:hover .eyebrow{color:#855e3c}
.ph-figure:hover .ph-caption{color:#664657}
@media(max-width:700px){.ph-figure figcaption{min-height:40px}.ph-copy h2{margin:6px 0}.ph-preference{margin:8px 0 14px}}
@media(prefers-reduced-motion:reduce){.ph-panel *,.ph-panel :before,.ph-panel :after{transition:none!important}.ph-stage:hover .ph-picture{transform:none}}
@media(hover:hover){

 .ph-copy .eyebrow,.ph-preference,.ph-caption,.ph-copy h2 em{transition:color .25s}
 .ph-copy .eyebrow:hover{color:#866032}.ph-preference:hover{color:#61483f}
 .ph-copy h2 a:hover em{color:#93545b}
 .ph-brief span{transition:transform .25s}.ph-brief:hover span{transform:translateX(3px)}
 [dir=rtl] .ph-brief:hover span{transform:translateX(-3px)}
}

@media(prefers-reduced-motion:reduce){.ph-plates{visibility:hidden}}