@charset "UTF-8";

.selectionPage{background:#f3f0e9;color:var(--ds-ink);overflow-x:hidden}
.selectionNav{background:#fffdf8;border-bottom:1px solid var(--ds-line)}
.selectionNav__inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.selectionNav__brand{display:flex;align-items:center;gap:12px;font-family:var(--ds-label);font-size:14px;letter-spacing:.12em}
.selectionNav__brand img{width:44px;height:44px}
.selectionNav__brand small{display:block;margin-top:2px;font-family:var(--ds-sans);font-size:10px;letter-spacing:.08em;color:var(--ds-ink-soft)}
.selectionNav nav{display:flex;gap:24px;font-size:12px}
.selectionNav nav a{border-bottom:1px solid transparent}
.selectionNav nav a:hover{border-color:currentColor}

.selectionHero{position:relative;min-height:720px;display:flex;align-items:flex-end;background:#171c18;color:#fff;overflow:hidden}
.selectionHero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%}
.selectionHero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,8,.84),rgba(7,10,8,.22) 66%),linear-gradient(0deg,rgba(7,10,8,.52),transparent 54%)}
.selectionHero__body{position:relative;z-index:1;padding-block:110px 92px}
.selectionHero__edition{font-family:var(--ds-label);font-size:11px;letter-spacing:.16em;margin-bottom:24px}
.selectionHero h1{max-width:12em;font-size:clamp(40px,5.4vw,72px);line-height:1.28;letter-spacing:0;color:#fff}
.selectionHero__body>p:not(.selectionHero__edition){max-width:39em;margin-top:26px;font-size:15px;line-height:2;color:rgba(255,255,255,.88)}
.selectionHero .ds-btn{margin-top:32px}
.selectionHero__caption{position:absolute;z-index:1;right:24px;bottom:18px;font-size:10px;color:rgba(255,255,255,.72)}

.selectionStandard{padding:120px 0;background:#fffdf8}
.selectionStandard__grid{display:grid;grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);gap:clamp(50px,8vw,120px)}
.selectionStandard h2{font-size:clamp(32px,4.4vw,54px);line-height:1.38;letter-spacing:0}
.selectionStandard__copy>p{font-size:15px;line-height:2;max-width:46em}
.selectionStandard ol{list-style:none;margin:42px 0;padding:0;border-top:1px solid var(--ds-line)}
.selectionStandard li{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:17px 0;border-bottom:1px solid var(--ds-line);font-size:14px}
.selectionStandard li b{font-family:var(--ds-serif);font-size:17px}
.selectionStandard__note{font-size:11px!important;color:var(--ds-ink-soft)}

.selectionPicks{padding:130px 0;background:#f3f0e9}
.selectionPicks__head{display:grid;grid-template-columns:1fr 1.25fr;gap:40px;align-items:end;padding-bottom:42px;border-bottom:2px solid var(--ds-ink)}
.selectionPicks__head .ds-kicker{grid-column:1/-1;margin:0}
.selectionPicks__head h2{font-size:clamp(38px,5vw,64px);line-height:1.2}
.selectionPicks__head>p:last-child{font-size:14px;color:var(--ds-ink-soft);line-height:1.9}
.selectItem{display:grid;grid-template-columns:minmax(300px,.88fr) minmax(0,1.12fr);gap:clamp(38px,6vw,84px);padding:84px 0;border-bottom:1px solid var(--ds-line);align-items:start}
.selectItem__media{margin:0;min-width:0}
.selectItem__image{display:block;width:100%;aspect-ratio:4/3;overflow:hidden;background:#fff}
.selectItem__media img{width:100%;height:100%;background:#fff}
.selectItem__image--cover{object-fit:cover}
.selectItem__image--contain{object-fit:contain}
.selectItem__media figcaption{padding-top:10px;font-size:10px;color:var(--ds-ink-soft)}
.selectItem__number{font-family:var(--ds-label);font-size:11px;letter-spacing:.12em;color:var(--ds-gold);margin-bottom:18px}
.selectItem h2{font-size:clamp(27px,3vw,41px);line-height:1.45;letter-spacing:0}
.selectItem__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 18px;margin-top:22px;padding-bottom:26px;border-bottom:1px solid var(--ds-line)}
.selectItem__price strong{font-family:var(--ds-serif);font-size:24px}
.selectItem__price span{font-size:12px;color:var(--ds-ink-soft)}
.selectItem__price small{display:block;width:100%;font-size:10px;color:var(--ds-ink-soft)}
.selectItem__criteria{margin:24px 0 0}
.selectItem__criteria div{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--ds-line)}
.selectItem__criteria dt{font-family:var(--ds-serif);font-weight:600}
.selectItem__criteria dd{margin:0;font-size:14px;line-height:1.9;color:#343b35}
.selectItem__actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:30px}
.selectLink{display:inline-block;padding:8px 0;border-bottom:1px solid currentColor;font-size:13px;color:var(--ds-accent)}
.selectItem__actions .ds-btn{min-height:50px;padding-inline:22px;font-size:13px}

.selectionNext{padding:110px 0;background:#243229;color:#f4eee4}
.selectionNext__inner{max-width:800px}
.selectionNext .ds-kicker{color:#cbbba5}
.selectionNext h2{font-size:clamp(30px,4vw,52px);line-height:1.35;color:#fff}
.selectionNext p:not(.ds-kicker){margin-top:22px;max-width:42em;font-size:14px;line-height:2;color:rgba(255,255,255,.76)}
.selectionNext .selectLink{margin-top:26px;color:#fff}
.selectionFooter{padding:44px 0;background:#121713;color:rgba(255,255,255,.7);font-size:10px}
.selectionFooter .ds-wrap{display:grid;gap:12px}
.selectionFooter nav{display:flex;flex-wrap:wrap;gap:18px;color:#fff}

@media(max-width:760px){
  .selectionNav__inner{min-height:72px}.selectionNav nav a:not(:last-child){display:none}
  .selectionHero{min-height:calc(100svh - 72px)}.selectionHero__body{padding-block:180px 78px}.selectionHero h1{font-size:32px}.selectionHero__body>p:not(.selectionHero__edition){font-size:14px}.selectionHero__caption{right:16px;bottom:12px}
  .selectionStandard{padding:78px 0}.selectionStandard__grid,.selectionPicks__head,.selectItem{grid-template-columns:1fr}.selectionStandard__grid{gap:36px}.selectionStandard li,.selectItem__criteria div{grid-template-columns:88px 1fr;gap:14px}
  .selectionPicks{padding:84px 0}.selectionPicks__head{gap:18px}.selectItem{gap:28px;padding:58px 0}.selectItem__actions{align-items:stretch;flex-direction:column}.selectItem__actions .ds-btn,.selectItem__actions .selectLink{text-align:center;width:100%}
  .selectionNext{padding:80px 0}
}