.detail-match{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;border:1px solid var(--ink);border-radius:2px;padding:13px 18px;margin:10px 0 0;font-size:14px;min-height:48px}.detail-match:hover,.detail-match[aria-expanded=true]{background:#e4e8dc}.detail-match span{font-size:19px}.match-panel{margin:30px 0 50px;padding:35px;background:#eeeee5;border:1px solid #e0e3d6;scroll-margin-top:20px}.match-intro{display:flex;justify-content:space-between;gap:25px;align-items:flex-start}.match-intro h2{font:37px/1.1 var(--serif);letter-spacing:-1px;margin:12px 0 16px}.match-color-note{max-width:670px;font-size:14px;line-height:1.7;margin:0}.match-mark{font-size:65px;font-weight:300;line-height:1;color:#69765f}.match-look-heading{display:flex;justify-content:space-between;gap:30px;padding:27px 0 24px;margin-top:25px;border-top:1px solid #d3d8ca}.match-look-heading>div:first-child{max-width:780px}.match-look-heading .eyebrow{font-size:12px;letter-spacing:.12em;margin:0 0 11px}.match-look-heading p:not(.eyebrow){font-size:14px;line-height:1.7;margin:0}.match-look-heading p.match-seed-why{color:#5e685d;font-size:12px;margin-top:9px}.match-palette{display:flex;align-items:flex-start;flex-shrink:0;padding-top:5px}.match-palette span{width:24px;height:24px;border:2px solid #eeeee5;border-radius:50%;margin-left:-5px;box-shadow:0 0 0 1px #d3d5cc;background:var(--match-swatch)}.match-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.match-grid:has(>.match-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px}.match-card{background:var(--paper);min-width:0;display:flex;flex-direction:column}.match-photo{display:block;aspect-ratio:4/4.3;background:#e7e9e2;overflow:hidden}.match-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .2s}.match-photo:hover img{transform:scale(1.03)}.match-card-body{padding:20px;display:flex;flex-direction:column;flex:1}.match-card-top{display:flex;gap:10px;justify-content:space-between;align-items:baseline;font-size:12px}.match-card-top>span{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.match-card-top strong{white-space:nowrap;font-size:16px;font-weight:500}.match-card h3{font:23px/1.2 var(--serif);letter-spacing:-.3px;margin:13px 0 8px}.match-card h3 a:hover{text-decoration:underline}.match-color{font-size:12px;margin:0 0 12px;color:#626d60}.match-reason{font-size:13px;line-height:1.7;margin:0 0 20px;flex:1}.match-size{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.match-size select{display:block;width:100%;appearance:auto;background:var(--paper);border:1px solid #b9c1b2;border-radius:0;font:13px/1.4 var(--sans);color:var(--ink);padding:11px 8px;margin-top:7px;min-height:44px}.match-shop{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--ink);color:var(--paper);font-size:12px;min-height:46px;padding:12px 14px;margin-top:12px}.match-shop:hover{background:#345345}.match-shop .icon{height:15px;width:15px}.match-footnote{font-size:11px;line-height:1.8;color:#626d60;margin:22px 0 0}.match-empty{display:flex;gap:25px;align-items:center;padding:15px 0}.match-empty h2{font:30px/1.2 var(--serif);margin:0 0 12px}.match-empty p{font-size:14px;line-height:1.7;margin:0 0 18px}.match-star{font-size:50px;color:#79836d}.match-loading{font:22px var(--serif);padding:30px 0}.match-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.match-tabs button{border:1px solid #bac2b1;padding:10px 18px;border-radius:25px;font-size:12px;min-height:44px}.match-tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper)}
@media(max-width:800px){.match-panel{padding:25px}.match-grid{gap:12px}.match-card-body{padding:16px}.match-card h3{font-size:21px}.match-intro h2{font-size:32px}.match-mark{font-size:50px}}
@media(max-width:600px){.match-panel{padding:22px 14px;margin:22px -4px 35px}.match-intro h2{font-size:30px;max-width:270px}.match-mark{font-size:36px}.match-intro{gap:5px}.match-color-note{font-size:13px}.match-look-heading{gap:16px;padding:21px 0;margin-top:22px}.match-look-heading p:not(.eyebrow){font-size:13px}.match-palette span{width:19px;height:19px}.match-grid,.match-grid:has(>.match-card:nth-child(2):last-child){grid-template-columns:1fr;gap:20px;max-width:none}.match-photo{aspect-ratio:4/3.7}.match-card-body{padding:20px}.match-card h3{font-size:25px}.match-reason{font-size:14px}.match-empty{gap:14px;align-items:flex-start}.match-star{font-size:32px}.match-empty h2{font-size:27px}.match-empty p{font-size:13px}.match-footnote{font-size:11px}}
/* Quiet motion: short reveals, restrained lift, no looping decorative effects. */
.detail-match{transition:background-color 220ms ease,border-color 220ms ease,box-shadow 220ms ease}.detail-match>span{transition:transform 400ms cubic-bezier(.22,.61,.36,1)}.detail-match:hover>span{transform:rotate(15deg)}.detail-match:hover{box-shadow:0 3px 12px #213e3409}.match-card{transition:transform 320ms cubic-bezier(.22,.61,.36,1),box-shadow 320ms ease}.match-shop,.match-tabs button{transition:background-color 220ms ease,color 220ms ease}.match-loading{position:relative}.match-loading:after{content:"";display:block;width:70px;height:1px;margin-top:20px;background:linear-gradient(90deg,#cbd3bf,#50674a,#cbd3bf);background-size:200% 100%;animation:match-loading-line 1800ms ease-in-out infinite}@keyframes match-loading-line{0%,100%{background-position:100% 0;opacity:.5}50%{background-position:0 0;opacity:1}}@media(hover:hover){.match-card:hover{transform:translateY(-3px);box-shadow:0 7px 22px #213e340a}}@media(prefers-reduced-motion:reduce){.detail-match,.detail-match>span,.match-card,.match-shop,.match-tabs button,.match-photo img{transition:none;transform:none!important}.match-loading:after{animation:none}html{scroll-behavior:auto!important}}

/* Match is temporarily hidden while outfit suggestions are being repaired. */
.detail-match,[data-match],#match-panel,.style-match-invite{display:none!important}