/* Share the Platform product frame; keep text native and product results crisp. */
.experience-panel{max-width:1160px;margin-inline:auto;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);align-items:center;min-height:0;background:#fff;border:1px solid #e8e3da;border-radius:10px}
.experience-art.product-interface{padding:20px;aspect-ratio:auto;background:#f5f3ee;overflow:hidden}
#experience-product-view{min-width:0}
.product-interface .product-stage{height:440px;box-shadow:0 10px 30px #55452f06}
.product-interface .product-stage-bar{padding:0 15px;gap:10px}
.product-interface .product-stage-bar strong{font-size:14px}
.product-interface .stage-status{display:none}
.product-interface .product-stage-body{padding:14px}
.product-interface .product-outfit{gap:16px}
.product-interface .product-stage:has(.product-look){height:auto;min-height:440px}
.product-interface .product-stage:has(.product-look) .product-stage-body{display:grid;align-items:center}
.product-interface .product-stage:has(.product-look) .product-outfit{height:auto;align-items:center}
.product-interface .product-look{background:transparent;grid-template-rows:auto auto}
.product-interface .product-look img{width:100%;height:auto;object-fit:cover;object-position:center;border-radius:6px}
@media(max-width:520px){.product-interface .product-stage:has(.product-look){min-height:420px}}
.product-interface .product-edit-piece{grid-template-columns:52px 1fr;gap:10px}
.product-interface .product-edit-piece img{width:52px;height:74px}
.product-interface .product-edit-piece strong{font-size:14px}
.product-interface .associate-result{width:min(100%,265px)}
.interface-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px}
.interface-caption{font-size:11px;color:#675f55;line-height:1.35;max-width:240px}
#enlarge-interface{font-size:12px;border-bottom:1px solid #b7aa97;padding:5px 0;white-space:nowrap;color:#615645}
.experience-copy{padding:30px}
.experience-copy h3{font-size:clamp(32px,3vw,44px)}
.experience-copy>p{font-size:19px}
.vic-result{height:100%;width:min(100%,265px);justify-self:center;border-radius:6px;background-image:url('/assets/product-previews-20260930/vic.webp');background-size:280% auto;background-position:10.9% 22%;background-repeat:no-repeat;background-color:#eeece9}
.vic-correspondence{min-width:0;display:flex;flex-direction:column;justify-content:center}
.vic-correspondence h4{font-size:27px;font-weight:400;line-height:1.1;letter-spacing:-.03em;margin:0 0 20px}
.vic-message{padding:17px;background:#f3f0ea;border:1px solid #eae4da;border-radius:12px 12px 12px 2px}
.vic-message>span{font-size:8px;letter-spacing:.1em;color:#99866c}
.vic-message>p{font-size:15px;line-height:1.4;margin-top:9px;color:#50483e}
.vic-attachment{display:flex;gap:8px;align-items:center;margin-top:18px;font-size:12px;color:#877962}
.vic-attachment>span:first-child{font-size:22px}
.vic-draft{font-size:10px;color:#948a7b;margin-top:11px}
.interface-dialog{border:1px solid #ddd6cb;border-radius:10px;background:#f7f6f3;color:#24221f;width:min(1200px,96vw);max-width:96vw;max-height:94dvh;padding:0;overflow:auto;box-shadow:0 25px 90px #0003}
.interface-dialog::backdrop{background:#24211dcc;backdrop-filter:blur(8px)}
.interface-dialog header{position:sticky;top:0;z-index:1;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:18px 24px;gap:20px;border-bottom:1px solid #e3dfd7}
.interface-dialog .eyebrow{font-size:10px;letter-spacing:.12em}
.interface-dialog h2{font-size:27px;margin-top:3px}
.interface-dialog header button{font-size:17px;min-height:44px;padding:10px 18px;border:1px solid #ded7cc;border-radius:30px}
.interface-dialog-image{overflow:auto}.interface-dialog-image img{display:block;width:100%;height:auto}
.interface-dialog>p{font-size:14px;color:#72695d;padding:16px 24px;border-top:1px solid #e3dfd7}
@media(max-width:1000px){.experience-panel{grid-template-columns:1.5fr 1fr}.experience-copy{padding:23px}.experience-copy h3{font-size:34px}.experience-art.product-interface{padding:14px}.journey{margin:20px 0}.product-interface .product-stage-body{padding:10px}.product-interface .product-edit-piece{grid-template-columns:40px 1fr;gap:7px}.product-interface .product-edit-piece img{width:40px;height:64px}.product-interface .product-edit-piece strong{font-size:12px}.vic-message{padding:12px}.vic-message>p{font-size:13px}.vic-correspondence h4{font-size:24px}.interface-preview-footer{align-items:flex-start}}
@media(max-width:800px){.experience-panel{grid-template-columns:1fr}.experience-art.product-interface{padding:18px}.experience-copy{padding:26px}.experience-copy h3{font-size:36px}.product-interface .product-edit-piece{grid-template-columns:60px 1fr;gap:12px}.product-interface .product-edit-piece img{width:60px;height:78px}.product-interface .product-edit-piece strong{font-size:15px}.vic-message>p{font-size:16px}.interface-dialog-image img{min-width:760px}.interface-dialog>p{font-size:13px}}
@media(max-width:520px){.experience-art.product-interface{padding:12px}.product-interface .product-stage{height:420px}.product-interface .product-stage-bar{padding:0 10px;gap:8px}.product-interface .product-stage-bar strong{font-size:12px}.product-interface .product-outfit{gap:10px}.product-interface .product-edit-piece{grid-template-columns:35px 1fr;gap:7px}.product-interface .product-edit-piece img{width:35px;height:58px}.product-interface .product-edit-piece strong{font-size:11px}.product-interface .product-edit-piece small{font-size:10px}.product-interface .associate-edit h4{font-size:20px}.product-interface .associate-edit strong{font-size:12px}.vic-result{width:100%;background-size:auto 194%;background-position:17% 21%}.vic-correspondence h4{font-size:21px;margin-bottom:16px}.vic-message{padding:10px}.vic-message>p{font-size:13px;line-height:1.4}.vic-message>span{font-size:7px}.vic-attachment{font-size:10px;gap:5px;margin-top:12px}.vic-draft{font-size:9px}.interface-caption{font-size:10px;max-width:160px}.interface-preview-footer{gap:10px}.interface-dialog header{padding:12px 16px}.interface-dialog .eyebrow{font-size:9px}}
/* Clip the actual portrait, not the white margins in the source interface. */
.product-interface :is(.associate-result,.vic-result){width:min(100%,265px);height:auto;aspect-ratio:868 / 1164;place-self:center;border-radius:6px;overflow:hidden;background-size:280.18% auto;background-repeat:no-repeat}
.product-interface .associate-result{background-position:10.74% 20.25%}
.product-interface .vic-result{background-position:10.74% 21.78%}