/* Photo-panel CORE adapted from the 21st.dev "Interactive Selector"; default since Sept 29 (?core=tabs shows the old tabs, PremiumCore.jsx). */
.review-core--selector .review-core-tabs{margin:0 0 48px;gap:10px;height:440px;border-bottom:0}
.review-core--selector .review-core-tabs button{position:relative;flex:1 1 0;min-width:72px;padding:0;overflow:hidden;border:1px solid #ffffff22;border-radius:14px;background:#18181b;text-transform:none;letter-spacing:0;transition:flex .7s ease,border-color .7s ease}
.review-core--selector .review-core-tabs button[aria-selected=true]{flex:5 1 0;border-color:var(--gold-primary)}
.review-core--selector .review-core-tabs img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%;filter:brightness(.5) saturate(.7);transform:scale(1.12);transition:filter .7s ease,transform .7s ease}
.review-core--selector .review-core-tabs button[aria-selected=true] img{filter:none;transform:scale(1)}
/* Embody is a portrait photo; in the wide open panel, anchor to the top so her face stays in frame. */
.review-core--selector #core-tab-3 img{object-position:50% 4%}
.review-core--selector .review-core-tabs button:hover img{filter:brightness(.75) saturate(.85)}
.review-core--selector .review-core-tabs button[aria-selected=true]:hover img{filter:none}
.review-core--selector .review-core-tabs button::after{content:'';position:absolute;inset:auto 0 0;height:55%;background:linear-gradient(transparent,#000c);pointer-events:none}
/* The gold letter stays put; the rest of the word slides out of it when the panel opens. */
.core-select-word{position:absolute;left:22px;bottom:18px;z-index:1;display:flex;align-items:baseline;white-space:nowrap;font:400 46px/1 var(--font-display);color:var(--gold-primary)}
.core-select-rest{display:inline-block;max-width:0;overflow:hidden;opacity:0;transition:max-width .7s ease,opacity .5s ease}
.review-core--selector button[aria-selected=true] .core-select-rest{max-width:10ch;opacity:1;transition:max-width .7s ease,opacity .7s ease .15s}
.review-core--selector .review-core-panel{grid-template-columns:1fr;max-width:1100px;margin-inline:auto}
/* Copy in two columns: what the step is (left) | what she leaves with (right), split by a thin gold rule. */
.review-core--selector .review-core-copy{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);grid-template-rows:auto 1fr auto;column-gap:72px;grid-template-areas:"head h4" "body list" "cta list"}
.review-core--selector .review-core-copy::before{content:'';grid-area:1/2/-1/3;justify-self:start;width:1px;margin-left:-36px;background:linear-gradient(transparent,#d5bc8066 12%,#d5bc8066 88%,transparent)}
.review-core--selector .review-core-heading{grid-area:head}
.review-core--selector .review-core-body{grid-area:body;margin:0}
.review-core--selector .review-core-copy h4{grid-area:h4;align-self:end;margin:0 0 14px}
.review-core--selector .review-core-copy ul{grid-area:list;grid-template-columns:1fr;gap:0;margin:0;align-self:start}
.review-core--selector .review-core-copy li{padding:13px 0 13px 18px;border-top:1px solid #d5bc8033}
.review-core--selector .review-core-copy li:last-child{border-bottom:1px solid #d5bc8033}
.review-core--selector .review-core-copy li::before{top:13px}
.review-core--selector .review-core-copy .home-button{grid-area:cta;justify-self:start;align-self:end;margin-top:32px}
@media(max-width:760px){
 .review-core--selector .review-core-tabs{flex-direction:column;height:auto;gap:8px;margin-bottom:32px}
 .review-core--selector .review-core-tabs button{flex:none;height:76px;min-width:0;transition:height .7s ease,border-color .7s ease}
 .review-core--selector .review-core-tabs button[aria-selected=true]{flex:none;height:300px}
 .review-core--selector .review-core-copy{grid-template-columns:1fr;grid-template-rows:none;grid-template-areas:"head" "body" "h4" "list" "cta"}
 .review-core--selector .review-core-copy::before{display:none}
 .review-core--selector .review-core-copy .home-button{align-self:start}
 .review-core--selector .review-core-copy h4{margin-top:32px;padding-top:28px;border-top:1px solid #d5bc8055}
 .core-select-word{left:18px;font-size:40px}
}
@media(prefers-reduced-motion:reduce){
 .review-core--selector .review-core-tabs button,.review-core--selector .review-core-tabs img,.core-select-rest{transition:none}
}