.collection-selector{--selector-accent:#641f32;--selector-field:#3a1c26;--selector-light:#e5c3b9;padding-block:2rem 2.5rem}.collection-selector[data-active=nature]{--selector-accent:#405747;--selector-field:#293c31;--selector-light:#c5d1b9}.collection-selector[data-active=fold]{--selector-accent:#756957;--selector-field:#ded7ca;--selector-light:#554c40}.selector-heading{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.5rem;display:flex}.selector-heading h1{letter-spacing:-.05em;font-size:clamp(2rem,3vw,3rem);line-height:1}.selector-heading>p{font-size:.85rem;line-height:1.4}.selector-experience:not([hidden]){grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(2rem,5vw,5rem);display:grid}.collection-index{flex-direction:column;padding-top:1.5rem;display:flex;position:relative}.collection-choice{text-align:left;color:#171817;cursor:pointer;background:0 0;border:0;border-top:1px solid #cfccc2;grid-template-columns:1.5rem 1fr 1rem;gap:.8rem;width:100%;padding:1.8rem 0 1.8rem 1rem;display:grid;position:relative}.collection-choice:before{content:"";background:var(--selector-accent);width:3px;transition:transform .22s,background-color .22s;position:absolute;inset:1.5rem auto 1.5rem 0;transform:scaleY(0)}.collection-choice[aria-pressed=true]:before{transform:scaleY(1)}.choice-number{padding-top:.3rem;font-size:.7rem}.choice-copy{gap:.65rem;display:grid}.choice-name{letter-spacing:-.055em;font-size:clamp(1.4rem,2.6vw,2.8rem);line-height:1.05;transition:transform .22s}.collection-choice[aria-pressed=true] .choice-name{font-size:clamp(1.8rem,3.5vw,3.8rem);transform:translate(4px)}.choice-season{color:#55564f;text-transform:uppercase;letter-spacing:.04em;font-size:.65rem}.choice-arrow{opacity:0;color:var(--selector-accent);align-self:center}.collection-choice[aria-pressed=true] .choice-number,.collection-choice[aria-pressed=true] .choice-name{color:var(--selector-accent)}.collection-choice[aria-pressed=true] .choice-arrow{opacity:1}.collection-choice:focus-visible,.stage-link:focus-visible{outline:2px solid var(--selector-accent);outline-offset:5px}.index-note{letter-spacing:.04em;margin-top:auto;padding-top:2rem;font-size:.65rem;line-height:1.7}.stage-heading{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem;display:flex}.stage-heading h2{letter-spacing:.05em;font-size:.7rem;line-height:1.4}.stage-season{font-size:.65rem}.stage-visual{background:var(--selector-field);height:clamp(430px,60vh,660px);margin:0;transition:background-color .25s;position:relative;overflow:hidden}.stage-visual .stage-image{object-fit:cover;object-position:center 40%;filter:none;width:100%;height:100%;display:block}.stage-number{letter-spacing:-.1em;color:var(--selector-light);opacity:.13;pointer-events:none;font-size:clamp(10rem,20vw,23rem);line-height:1;position:absolute;top:-.05em;left:-.04em}.stage-pattern{width:18%;height:48%;stroke:var(--selector-light);stroke-width:1px;opacity:.22;pointer-events:none;transition:transform .3s,stroke .3s;position:absolute;top:44%;left:1rem}.collection-selector[data-active=nature] .stage-pattern{transform:translate(4px,-4px)rotate(2deg)}.collection-selector[data-active=fold] .stage-pattern{transform:translate(-3px,3px)rotate(-2deg)}.stage-annotation,.stage-studio{color:var(--selector-light);letter-spacing:.06em;font-size:.55rem;position:absolute;bottom:1rem}.stage-annotation{left:1rem}.stage-studio{writing-mode:vertical-rl;right:1rem}.stage-details{justify-content:space-between;align-items:start;gap:1.5rem;padding-top:1.1rem;display:flex}.stage-concept{max-width:24rem;min-height:4.8em;font-size:.85rem;line-height:1.6}.stage-link{white-space:nowrap;border-bottom:1px solid var(--selector-accent);align-items:center;gap:1rem;min-height:44px;font-size:.65rem;display:inline-flex}.stage-link span{transition:transform .18s}.stage-link:hover span,.stage-link:focus-visible span{transform:translate(4px)}.index-detail{padding:0 1rem 1.5rem 3.3rem}.index-concept{max-width:25rem;min-height:3.3em;font-size:1rem;line-height:1.65}.index-link{margin-top:.6rem;font-size:.8rem}.stage-count{letter-spacing:.05em;font-size:.6rem}.selector-controls{border-block:1px solid #cfccc2;grid-column:1/-1;justify-content:space-between;align-items:center;gap:1rem;padding-block:.6rem;display:flex}.control-count{color:var(--selector-accent);font-size:.75rem}.control-buttons{gap:2rem;display:flex}.control-buttons button{color:#171817;cursor:pointer;background:0 0;border:0;min-height:44px;padding:.75rem .25rem;font-size:.65rem}.control-buttons button:focus-visible{outline:2px solid var(--selector-accent);outline-offset:3px}@media (min-width:768px){.selector-experience:not([hidden]){grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:1.4rem clamp(1.5rem,4vw,4rem)}.stage-details,.stage-heading h2,.stage-season{display:none}.stage-heading{margin-bottom:.75rem}.collection-choice{align-items:center;min-height:110px;padding-block:1.2rem}}.collection-selector[data-active=nature] .stage-image{filter:saturate(.6)}.selector-status{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:768px) and (max-width:1100px){.selector-experience:not([hidden]){grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:1.5rem}.collection-choice{gap:.5rem;padding-left:.65rem}.stage-details{flex-direction:column;gap:.3rem}}@media (max-width:767px){.collection-selector{padding-block:1.5rem 2rem}.selector-heading{margin-bottom:1.25rem}.selector-heading .eyebrow{text-align:right;max-width:8rem;font-size:.55rem;line-height:1.5}.selector-experience:not([hidden]){flex-direction:column;gap:1rem;display:flex}.collection-stage{order:1}.collection-index{order:0}.selector-controls{flex-wrap:wrap;order:2}.collection-index{grid-template-columns:repeat(3,1fr);margin-bottom:1.25rem;padding:0;display:grid}.collection-choice{border-top:0;border-bottom:1px solid #cfccc2;justify-content:space-between;align-items:center;min-height:44px;padding:.6rem .75rem;display:flex}.collection-choice:before{width:auto;height:3px;inset:auto 0 -1px;transform:scaleX(0)}.collection-choice[aria-pressed=true]:before{transform:scaleX(1)}.choice-number{padding:0;font-size:.85rem}.choice-copy{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.index-detail,.stage-count,.stage-details .stage-link{display:none}.control-link{margin-left:auto}.control-buttons{gap:.8rem}.control-buttons button span{display:none}.control-buttons button{padding-inline:.4rem;font-size:1rem}.index-note{display:none}.stage-heading{margin-bottom:.85rem;display:block}.stage-heading h2{letter-spacing:-.055em;margin-bottom:.4rem;font-size:2rem;line-height:1.1}.stage-season{font-size:.75rem}.stage-visual{touch-action:pan-y;height:clamp(350px,105vw,440px)}.stage-number{font-size:12rem}.stage-details{flex-direction:column;gap:.35rem}.stage-concept{min-height:3.2em;font-size:.9rem}.stage-link{font-size:.7rem}}@media (prefers-reduced-motion:reduce){.collection-selector *,.collection-selector :before{transition:none}}@media (min-width:768px){.collection-selector{width:calc(100% - var(--page-margin) * 2);max-width:none}.collection-index{grid-area:1/1;padding-top:0}.collection-stage{grid-area:1/2;min-width:0}.selector-controls{grid-template-columns:minmax(0,2fr) minmax(0,3fr);column-gap:clamp(1.5rem,4vw,4rem);display:grid}.control-buttons{grid-area:1/1}.control-count{grid-area:1/2;align-self:start}.control-link{grid-area:1/2;justify-self:end}.stage-heading{display:none}.collection-choice[aria-pressed=true]{padding-bottom:.9rem}}
