/* Local mobile review of the website's product preview and demo entry. */
.interface-dialog{width:min(1000px,96vw);overflow:auto}.interface-dialog header{padding:12px 20px;gap:12px}.interface-dialog header h2{font-size:24px}.interface-dialog #close-interface,.demo-toolbar #close-demo{width:44px;height:44px;min-width:44px;padding:0;border:0;border-radius:50%;font-size:28px;line-height:1;background:#f5f3ee;display:grid;place-items:center}.interface-dialog #interface-full-image{display:none}.interface-dialog #responsive-interface{padding:20px;min-width:0;width:100%}.interface-dialog .product-stage{height:auto!important;min-height:0!important;overflow:hidden;width:100%}.interface-dialog .product-stage-body{height:auto!important;padding:20px}.interface-dialog .product-outfit{height:auto!important;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.interface-dialog .product-look img{width:100%;height:auto!important;max-height:58vh;object-fit:contain}.interface-dialog .product-edit-piece strong{font-size:18px}.interface-dialog .product-edit-piece small{font-size:15px}.interface-dialog .associate-result,.interface-dialog .vic-result{height:480px;max-height:58vh;max-width:100%;width:100%;background-color:#eeece9}.interface-dialog>p{font-size:14px;padding:16px 20px}.demo-toolbar{height:56px;gap:12px}.demo-toolbar strong{font-size:16px}.demo-toolbar #demo-external{font-size:15px;white-space:nowrap;max-width:none}.demo-dialog iframe{height:calc(100% - 56px)}
@media(max-width:700px){.interface-dialog{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;border-radius:0;border:0;margin:0}.interface-dialog header{padding:10px 16px;height:68px}.interface-dialog .eyebrow{font-size:10px}.interface-dialog #responsive-interface{padding:16px}.interface-dialog .product-stage-bar{height:auto;min-height:44px;padding:12px;flex-wrap:wrap}.interface-dialog .product-stage-bar strong{font-size:14px}.interface-dialog .stage-status{display:none}.interface-dialog .product-stage-body{padding:12px}.interface-dialog .product-outfit{grid-template-columns:minmax(0,1fr)!important;gap:20px}.interface-dialog .product-look{margin:0;display:block}.interface-dialog .product-look img{width:100%;height:auto!important;max-height:none;object-fit:cover;border-radius:10px}.interface-dialog .product-look figcaption{font-size:14px;padding:12px 0;text-align:center}.interface-dialog .product-edit-piece{grid-template-columns:58px 1fr;gap:14px;padding:12px 0}.interface-dialog .product-edit-piece img{width:58px;height:78px}.interface-dialog .product-edit-piece strong{font-size:17px}.interface-dialog .product-edit-piece small{font-size:14px}.interface-dialog .product-edit .eyebrow{font-size:12px}.interface-dialog .associate-result,.interface-dialog .vic-result{height:440px;max-height:65dvh;border-radius:10px}.interface-dialog .associate-copy h4,.interface-dialog .vic-correspondence h4{font-size:26px}.interface-dialog .vic-message p{font-size:17px}.interface-dialog .vic-message>span{font-size:11px}.interface-dialog .vic-attachment,.interface-dialog .vic-draft{font-size:13px}.interface-dialog>p{font-size:14px;line-height:1.4}.interface-dialog :is(p,small){overflow-wrap:normal}.demo-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0}.demo-toolbar{height:52px;padding:0 12px}.demo-dialog iframe{height:calc(100% - 52px)}}

.interface-dialog #responsive-interface img{min-width:0!important;max-width:100%!important}

/* Phone entry: explain briefly and put the working experience within reach. */
@media(max-width:700px){
 body .experiences{padding:32px 16px;}
 body .experiences .section-heading{gap:10px;margin-bottom:16px;}
 body .experiences .section-heading h2{font-size:28px;line-height:1.15;margin-top:8px;}
 body .experiences .section-heading>p{font-size:16px;line-height:1.4;}
 body .experiences .eyebrow{font-size:12px;letter-spacing:.08em;}
 body .experience-tabs{margin:16px 0;gap:8px;}
 body .experience-tabs button{font-size:16px;min-height:44px;padding:10px 16px;}
 body .experience-panel{display:flex;flex-direction:column;align-items:stretch;min-height:0;}
 body .experience-copy{order:-1;padding:16px;gap:0;}
 body .experience-copy h3{font-size:24px;line-height:1.2;margin:8px 0;}
 body .experience-copy>p{font-size:16px;line-height:1.4;margin:0 0 14px;}
 body .experience-copy .journey,body .experience-copy .quiet-link{display:none;}
 body .experience-copy .primary-button{font-size:16px;min-height:48px;padding:12px 16px;margin:0;width:100%;text-align:center;}
 body .experience-art.product-interface{padding:12px;}
 body .interface-preview-footer{align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px;}
 body .interface-preview-footer p{font-size:13px;line-height:1.35;margin:0;}
 body .interface-preview-footer button{min-height:44px;font-size:15px;padding:10px 12px;}
 body .interface-dialog header h2{font-size:22px;}
 body .interface-dialog .product-edit-piece strong{font-size:16px;}
 body .interface-dialog .associate-copy h4,body .interface-dialog .vic-correspondence h4{font-size:24px;line-height:1.2;}
}

@media(max-width:700px){
 body .product-interface .product-stage{height:auto!important;min-height:0!important;}
 body .product-interface .product-stage-bar{min-height:44px;height:auto;padding:12px;}
 body .product-interface .product-stage-bar strong{font-size:14px;}
 body .product-interface .product-stage-body{height:auto;padding:12px;}
 body .product-interface .product-outfit{grid-template-columns:minmax(0,1fr);height:auto;gap:16px;}
 body .product-interface .product-look{margin:0;}
 body .product-interface .product-look img{height:auto;width:100%;}
 body .product-interface .product-look figcaption{font-size:13px;}
 body .product-interface .product-edit-piece{grid-template-columns:58px 1fr;gap:12px;}
 body .product-interface .product-edit-piece img{width:58px;height:78px;}
 body .product-interface .product-edit-piece strong{font-size:16px;}
 body .product-interface .product-edit-piece small{font-size:13px;}
 body .product-interface :is(.associate-result,.vic-result){width:100%;max-width:100%;}
 body .product-interface :is(.associate-edit,.vic-correspondence) h4{font-size:24px;line-height:1.2;margin-bottom:14px;}
 body .product-interface .associate-edit strong{font-size:16px;}
 body .product-interface .associate-edit span,body .product-interface .vic-attachment,body .product-interface .vic-draft{font-size:13px;}
 body .product-interface .vic-message p{font-size:16px;}
 body .product-interface .vic-message>span{font-size:12px;}
}