.lookbook-image{position:relative;overflow:hidden;isolation:isolate}
.lookbook-image>img{display:block;width:100%;height:auto;margin:0}
.look-spotlight{position:absolute;inset:0 auto 0 0;width:16.666667%;transform:translateX(calc(var(--look-index,0)*100%));border-left:1px solid #d8ba8e55;border-right:1px solid #d8ba8e55;box-shadow:0 0 0 200vw #05090985;pointer-events:none;transition:transform .65s cubic-bezier(.22,.61,.36,1)}
.look-spotlight[hidden],.look-selection[hidden]{display:none}
.look-selection{display:grid;grid-template-columns:minmax(150px,.75fr) 3fr;gap:35px;padding:30px 0 28px;border-bottom:1px solid #5c5b4a;margin:0;scroll-margin:24px}
.look-selection-heading{padding:10px 0}
.look-selection-heading>span{font:9px/1.6 monospace;letter-spacing:1.5px;color:#a2ac97}
.look-selection-heading h3{font:clamp(38px,4vw,65px)/1.15 Machro;margin:12px 0;padding:.05em 0;overflow:visible}
.look-selection-heading p{font:11px/1.5 Arial;color:#babbaa;margin:10px 0}
.look-selection-pieces{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}
.look-piece{display:block;min-width:0;text-decoration:none;color:#e5dfcc}
.look-item-art{aspect-ratio:4/5;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#39362f,#22221d);border:1px solid #8e8c701c;border-radius:6px}
.look-item-art .piece-photograph{width:100%;height:100%;display:block;transition:transform .4s}
.look-piece:hover .piece-photograph{transform:scale(1.035)}
.look-piece:focus-visible{outline:1px solid #ff5900;outline-offset:5px}
.look-item-name{display:flex;justify-content:space-between;align-items:start;gap:10px;padding-top:13px;font:11px/1.5 monospace}
.look-item-name i{font:17px/1 Arial;font-style:normal;color:#ff5900}
.look-piece small{display:block;font:9px/1.5 monospace;color:#a7aa99;margin-top:5px}
@media(max-width:760px){.lookbook-heading>span{display:block}.look-selection{grid-template-columns:1fr;gap:18px;padding:23px 0}.look-selection-heading{padding:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px}.look-selection-heading>span{grid-column:1/-1}.look-selection-heading h3{font-size:42px;margin:0}.look-selection-heading p{margin:0;font-size:10px}.look-selection-pieces{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.look-item-name{font-size:10px}.look-selection{scroll-margin:18px}}
@media(prefers-reduced-motion:reduce){.look-spotlight,.look-item-art .piece-photograph{transition:none}}
