/* House of LaDore — The House Edit, featured looks, v6.107; v6.109 adds its own page and a name card when a store photo will not load. */
.hef{padding:clamp(56px,8vw,104px) clamp(20px,6vw,80px);background:#fbf7ef;border-top:1px solid rgba(199,154,81,.35)}
.hef[hidden]{display:none}
.hef .wrap{max-width:1180px;margin:0 auto}
.hef-sub{margin:0 0 26px;max-width:60ch;font:italic 20px/1.45 'Cormorant Garamond',Georgia,serif;color:#173f5f}
.hef-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}
.hef-look{display:flex;flex-direction:column;background:#fff;border:1px solid #e4d9c9}
.hef-board{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px;background:#F3EADC}
.hef-board a{position:relative;display:block;aspect-ratio:1/1;background:#fff;border:1px solid rgba(184,150,46,.5);overflow:hidden}
.hef-board img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:4%}
.hef-board a:first-child img{object-fit:cover;object-position:center top;padding:0}
.hef-board a span{position:absolute;left:6px;bottom:6px;font:500 9px/1 Jost,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#8A6A3E;background:rgba(251,246,238,.95);padding:5px 7px}
.hef-board a b{display:none}
.hef-board a.hef-noimg{background:#FBF6EE}.hef-board a.hef-noimg img{display:none}
.hef-board a.hef-noimg b{display:flex;position:absolute;inset:0;align-items:center;justify-content:center;padding:12px 10px 30px;text-align:center;font:italic 400 16px/1.25 'Cormorant Garamond',Georgia,serif;color:#4A3526}
.hef-sq-total{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;aspect-ratio:1/1;background:#fffdf8;border:1px solid rgba(184,150,46,.5);text-align:center;padding:8px}
.hef-sq-total small{font:500 9px Jost,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#8A6A3E}
.hef-sq-total strong{font:400 clamp(24px,2.6vw,32px)/1 'Cormorant Garamond',Georgia,serif;color:#173f5f}
.hef-more{margin:26px 0 0}.hef-more a{font:500 12px Jost,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#173f5f;text-decoration:none;border-bottom:1px solid #c79a51;padding-bottom:3px}
.hef-body{padding:16px 16px 14px;display:flex;flex-direction:column;gap:8px}
.hef-kick{font:500 10px Jost,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#9a6a39}
.hef-body h3{margin:0;font:400 24px/1.15 'Cormorant Garamond',Georgia,serif;color:#173f5f}
.hef-why{margin:0;font:italic 16px/1.4 'Cormorant Garamond',Georgia,serif;color:#6b604e}
.hef-body ul{list-style:none;margin:0;padding:0;border-top:1px solid #e4d9c9}
.hef-body li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid #e4d9c9;font-size:13px}
.hef-body li a{color:#1d2a33;text-decoration:none}.hef-body li a:hover{text-decoration:underline}.hef-body li span{white-space:nowrap;color:#6b604e}
.hef-total{display:flex;justify-content:space-between;align-items:baseline}
.hef-total span{font:500 10px Jost,Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#9a6a39}
.hef-total strong{font:400 22px 'Cormorant Garamond',Georgia,serif;color:#173f5f}
.hef-note{margin:20px 0 0;font-size:12px;color:#6b604e}
@media (max-width:520px){.hef-grid{grid-template-columns:1fr}}

/* v6.110 (approved by Dorthy, October 14): each look across the page. The main piece is the star, large and tall;
   the shoes, handbag and jewelry sit smaller beside it under "To finish the look"; looks alternate sides. */
.hef-grid.hes-grid{display:flex;flex-direction:column;gap:clamp(32px,4.5vw,56px)}
.hx-look{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:#FFFDF9;border:1px solid #E2D3BA;scroll-margin-top:24px}
.hx-flip .hx-hero{order:2}
.hx-hero{position:relative;margin:0;min-height:clamp(520px,48vw,700px);background:#E5DACB}
.hx-hph{position:absolute;inset:0;display:block;overflow:hidden}
.hx-hph img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .6s ease}
.hx-hero:hover .hx-hph img{transform:scale(1.02)}
.hx-hph b,.hx-ph b{display:none}
.hx-noimg{background:#FBF6EE}.hx-noimg img{display:none}
.hx-noimg b{display:flex!important;position:absolute;inset:0;align-items:center;justify-content:center;padding:14px;text-align:center;font:italic 400 20px/1.25 'Cormorant Garamond',Georgia,serif;color:#4A3526}
.hx-hero figcaption{position:absolute;left:20px;right:20px;bottom:20px;display:flex;align-items:center;gap:16px;padding:14px 18px;background:rgba(251,247,239,.95)}
.hx-hero figcaption div{flex:1;min-width:0}
.hx-hero small,.hx-acc small,.hx-kick,.hx-finish{font:500 10px Jost,Arial,sans-serif;letter-spacing:.26em;text-transform:uppercase;color:#8A6A3E}
.hx-hero strong{display:block;margin-top:4px;font:500 15px/1.3 Jost,Arial,sans-serif;color:#2B1E14}
.hx-hero .hx-pr{font:400 24px 'Cormorant Garamond',Georgia,serif;color:#2B1E14;white-space:nowrap}
.hx-story{display:flex;flex-direction:column;padding:clamp(26px,3.4vw,48px)}
.hx-kick{font-size:11px;letter-spacing:.3em}
.hx-story h3{margin:10px 0 0;font:400 clamp(34px,3.8vw,54px)/1.03 'Cormorant Garamond',Georgia,serif;color:#2B1E14}
.hx-why{margin:14px 0 0;font:italic 400 clamp(19px,1.7vw,23px)/1.45 'Cormorant Garamond',Georgia,serif;color:#5C4636}
.hx-finish{margin:28px 0 12px;padding-top:22px;border-top:1px solid #E2D3BA}
.hx-accs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hx-accs.hx-n1{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}.hx-accs.hx-n2{grid-template-columns:repeat(2,minmax(0,1fr))}.hx-accs.hx-n4{grid-template-columns:repeat(4,minmax(0,1fr))}
.hx-acc{margin:0;display:flex;flex-direction:column;min-width:0}
.hx-ph{position:relative;display:block;aspect-ratio:1/1;background:#F6F2EC;overflow:hidden}
.hx-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:10%;mix-blend-mode:multiply;transition:transform .4s ease}
.hx-acc:hover .hx-ph img{transform:scale(1.04)}
.hx-acc figcaption{display:flex;flex-direction:column;gap:1px;padding-top:10px;flex:1}
.hx-acc strong{margin-top:4px;font:500 14px/1.3 Jost,Arial,sans-serif;color:#2B1E14}
.hx-nm{font-size:13px;line-height:1.35;color:#6B5644}
.hx-acc .hx-pr{margin:4px 0 10px;font:400 20px 'Cormorant Garamond',Georgia,serif;color:#2B1E14}
.hx-shop{margin-top:auto;align-self:flex-start;padding:9px 14px;border:1px solid #B8962E;font:500 10px Jost,Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#2B1E14;text-decoration:none;white-space:nowrap}
.hx-hero .hx-shop{margin:0}
.hx-shop:hover{background:#F3EADC}
.hx-foot{margin-top:auto;padding-top:26px;display:flex;flex-direction:column;gap:16px}
.hx-tot{display:flex;justify-content:space-between;align-items:baseline;padding-top:18px;border-top:1px solid #E2D3BA}
.hx-tot em{font:500 11px Jost,Arial,sans-serif;letter-spacing:.26em;text-transform:uppercase;font-style:normal;color:#8A6A3E}
.hx-tot span{font:400 34px 'Cormorant Garamond',Georgia,serif;color:#2B1E14}
.hx-acts{display:flex;gap:12px;flex-wrap:wrap}
.hx-acts a{flex:1 1 160px;text-align:center;padding:16px 20px;font:500 11px Jost,Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase;text-decoration:none}
.hx-dark{background:#4A2E1C;color:#FBF6EE}.hx-dark:hover{background:#5d3a24}
.hx-line{border:1px solid #8A6A3E;color:#2B1E14}.hx-line:hover{background:#F3EADC}
.hx-look :focus-visible{outline:2px solid #B8962E;outline-offset:3px}
@media (max-width:900px){.hx-look{grid-template-columns:1fr}.hx-flip .hx-hero{order:0}.hx-hero{min-height:0;aspect-ratio:4/5}.hx-hero figcaption{left:12px;right:12px;bottom:12px;padding:12px 14px;gap:12px}.hx-accs{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.hx-accs.hx-n4{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hx-nm{display:none}}
@media (max-width:420px){.hx-hero .hx-pr{font-size:20px}.hx-hero strong{font-size:14px}.hx-acc .hx-pr{font-size:18px}.hx-shop{padding:8px 10px}}