/* Approved square sleeve carousel. Desktop atlas remains unchanged. */
.directory-sleeves{display:none}
.sleeve-town-links a[hidden],.sleeve-towns-toggle[hidden]{display:none}
.sleeve-towns-toggle{display:block;min-height:44px;margin-top:12px;padding:10px 16px;border:1px solid #22221f;background:transparent;color:#22221f;font:600 14px/1.5 'Montserrat',sans-serif;cursor:pointer}
.sleeve-towns-toggle:hover{background:#e9e6dd}
.sleeve-towns-toggle:focus-visible{outline:2px solid #22221f;outline-offset:3px}
.directory-layout-morphing{overflow:clip}
.directory-layout-morphing .ex-copy{position:relative;z-index:6}
.blend-geography.layout-morphing{overflow:clip}
.blend-geography.layout-morphing .geography-copy{position:relative;z-index:2}
.blend-geography.layout-morphing .state-bin{position:relative;z-index:3}
.geography-directory-link{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;margin-top:12px;padding:10px 16px;box-sizing:border-box;background:#f4bb2f;color:#22221f;font-size:13px;font-weight:700;text-decoration:none}
.geography-directory-link:hover{background:#22221f;color:#fffaec}
.geography-directory-link:focus-visible{outline:2px solid #22221f;outline-offset:4px}
@media(min-width:1367px){
 .blend-home .blend-geography:has([data-map-flip]){box-sizing:border-box;height:auto;min-height:calc(100svh - 24px);max-height:none;padding-block:24px}
 .blend-geography:has([data-map-flip]) .geography-atlas{height:calc(100svh - 96px);min-height:360px;align-self:center}
 .geography-copy:has([data-map-flip]){min-height:0}
 .geography-copy:has([data-map-flip]) h2{font-size:clamp(40px,6.5svh,66px)}
 .geography-copy:has([data-map-flip]) .state-bin{max-width:min(100%,max(180px,calc(100svh - 410px)));margin-inline:auto}
 .geography-copy:has([data-map-flip]) .geography-selection{display:none}
 .geography-copy .state-bin[data-map-flip]{display:block;margin-top:12px}
 .geography-copy:has([data-map-flip]) .geography-intro{margin-top:20px;font-size:clamp(12px,.95vw,14px);line-height:1.6}
 .geography-copy:has([data-map-flip]) .geography-intro-break{display:none}
 .blend-geography:has([data-map-flip]) .all-states{margin-top:8px}
 .blend-geography:has([data-map-flip]) .map-explore-card{display:none!important}
 .state-bin[data-map-flip] .bin-deck{overflow:hidden;aspect-ratio:auto;width:calc(100% + 64px);margin-inline:-32px;height:0;padding-bottom:100%}
 .state-bin[data-map-flip] .bin-cover{perspective:900px;width:calc(90% - 57.6px);left:calc(5% + 28.8px);top:12px}
 .state-bin[data-map-flip] .bin-cover[aria-hidden="true"]{visibility:hidden}
 .state-bin[data-map-flip] .bin-details{gap:8px 16px;padding:12px 0 8px}
 .state-bin[data-map-flip] .bin-details .bin-selected-name{font-size:18px}
 .state-bin[data-map-flip] .bin-cover:focus-visible{outline-color:#22221f}
 .sleeve-flap{position:absolute;left:0;right:0;height:50%;overflow:hidden;backface-visibility:hidden;pointer-events:none;background:#eee4ce}
 .sleeve-flap-top{top:0;transform-origin:center bottom}
 .sleeve-flap-bottom{bottom:0;transform-origin:center top}
 .bin-cover .sleeve-flap img{height:200%;width:100%;max-height:none}
 .bin-cover .sleeve-flap-bottom img{top:-100%}
}
@media(min-width:1367px) and (max-height:760px){
 .blend-home .blend-geography:has([data-map-flip]){padding-block:16px}
 .geography-copy:has([data-map-flip]) h2{font-size:40px}
 .geography-copy:has([data-map-flip]) .geography-total{margin-bottom:20px}
 .geography-copy:has([data-map-flip]) .geography-intro{margin-top:12px}
 .geography-copy .state-bin[data-map-flip]{margin-top:4px}
 .state-bin[data-map-flip] .bin-details{padding-block:8px 4px}
 .geography-copy:has([data-map-flip]) .geography-directory-link{margin-top:8px}
}
@media(max-width:1366px){
 .directory-page.wide-picker .directory-sleeves{display:block}
 .directory-page.wide-picker .directory-sleeves .state-bin{display:block;margin-top:0}
 .directory-page.wide-picker .directory-sleeves .bin-deck{width:calc(100% + 32px);margin-inline:-16px}
 .directory-page.wide-picker .wide-picker-intro{display:block;padding-top:24px;margin-top:28px;border-top:1px solid #c9c2b1}
 .directory-page.wide-picker .ex-view-switch,.directory-page.wide-picker .ex-mapcol{display:none}
 .directory-page.wide-picker .ex-list{display:block;max-width:none;width:100%}
 .directory-page .sleeve-towns{border-top:1px solid #c9c2b1;padding-top:24px}
 .directory-page .sleeve-towns h2{font:700 27px/1.15 'BenchNine',sans-serif;margin:0 0 14px}
 .sleeve-towns-status{font-size:13px;line-height:1.6}
 .sleeve-towns-status:empty{display:none}
 .sleeve-town-links{display:grid}
 .sleeve-town-links a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;padding:12px 0;border-bottom:1px solid #d1cbbb;text-decoration:none;font-size:14px;font-weight:600}
 .sleeve-town-links small{font-size:11px;font-weight:400;white-space:nowrap}
 .sleeve-town-links a:focus-visible{outline:3px solid #9b321e;outline-offset:3px}
}
@media(min-width:721px){
 .map-explore-card.map-card-with-art{display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px 18px;width:min(390px,100%);padding:18px;box-shadow:0 12px 30px #0003}
 .map-explore-card.map-card-with-art[hidden]{display:none}
 .map-card-with-art .map-card-art-link{grid-column:1;grid-row:1 / 4;align-self:center;display:block}
 .map-card-with-art .map-card-art{display:block;width:150px;height:150px;object-fit:cover;border:1px solid #fffaec66}
 .map-explore-card.map-card-with-art h3{grid-column:2;margin:6px 20px 0 0;font-size:28px}
 .map-explore-card.map-card-with-art .map-card-count{grid-column:2}
 .map-explore-card.map-card-with-art .map-card-link{grid-column:2;margin:4px 0 0;padding:10px;gap:8px}
}
@media(max-width:1366px){
 .blend-geography .geography-copy #geography-heading{text-align:center;font-size:clamp(24px,7.2vw,34px);line-height:1.1;white-space:nowrap}
 .blend-geography .geography-copy #geography-heading br{display:none}
 .blend-geography .geography-copy #geography-heading::before{display:none}
 .blend-geography .geography-copy .geography-total{text-align:center;margin:0 0 16px}
 .blend-geography .geography-copy .geography-total::before{content:"";display:block;width:48px;height:4px;margin:0 auto 14px;background:#f4bb2f}
 .blend-geography .state-bin .bin-deck{width:calc(100% + 48px);margin-inline:-24px}
}
@media screen{
 .state-bin{margin-top:12px}
 .state-bin .bin-deck{position:relative;aspect-ratio:1.18;padding:0;perspective:none;touch-action:pan-y;user-select:none;isolation:isolate;overflow:hidden;overscroll-behavior-x:contain}
 .bin-cover{position:absolute;width:72%;aspect-ratio:1;left:14%;top:20px;border:1px solid #777164;padding:0;background:#eee4ce;color:#191916;box-shadow:0 6px 10px #0002;cursor:grab;will-change:transform}
 .bin-deck.dragging .bin-cover{cursor:grabbing}
 .bin-cover img{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
 .bin-cover img[hidden]{display:none}
 .bin-cover-fallback{display:flex;align-items:center;justify-content:center;height:100%;padding:20px;font:700 32px/1.1 'BenchNine',sans-serif;text-align:center}
 .state-bin .bin-details{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 28px;text-align:left;padding:12px 0 24px;align-items:center}
 .state-bin .bin-details .bin-selected-name{grid-column:1;grid-row:1;margin:0;font:700 20px/1.25 'Montserrat',sans-serif;text-transform:none;letter-spacing:normal;overflow-wrap:anywhere}
 .state-bin .bin-details .bin-count{grid-column:1;grid-row:2;margin:0;font:400 13px/1.5 'Montserrat',sans-serif;color:#59564e}
 .state-bin .bin-details .bin-explore{grid-column:2;grid-row:1 / 3;display:block;align-content:center;align-self:center;max-width:142px;min-height:48px;margin:0;font:600 13px/1.6 'Montserrat',sans-serif;text-align:left;text-decoration:none;border:0}
 .bin-explore span{display:block;text-decoration:underline;text-underline-offset:5px}
 .bin-cover:focus-visible,.bin-deck:focus-visible,.bin-explore:focus-visible{outline:3px solid #9b321e;outline-offset:3px}
}
@media(max-width:350px){.state-bin .bin-details{column-gap:24px}.state-bin .bin-details .bin-selected-name{font-size:18px}.state-bin .bin-details .bin-count,.state-bin .bin-details .bin-explore{font-size:12px}}
/* Keep touch browsing comfortable through tablet landscape. */
@media(max-width:1366px){
 .blend-home .blend-geography,.blend-home .blend-geography:has(.all-states[open]){display:block;height:auto;min-height:0;max-height:none;padding:28px 24px 24px}
 .blend-geography .geography-copy{max-width:592px;margin-inline:auto}
 .blend-geography .geography-intro,.blend-geography .geography-selection,.blend-geography .geography-atlas{display:none}
 .blend-geography .state-bin{display:block}
 .blend-geography .all-states{margin-top:0}
 .blend-geography .all-states>summary{min-height:48px;align-content:center}
 .directory-page.wide-picker .ex-layout{display:block}
 .directory-page.wide-picker .ex-list{max-width:640px;margin-inline:auto}
 .directory-page.wide-picker .directory-sleeves{padding-inline:16px}
}
@media(min-width:721px) and (max-width:1366px){
 .blend-home .blend-geography{padding-block:40px}
 .state-bin .bin-details .bin-selected-name{font-size:24px}
 .state-bin .bin-details .bin-count,.state-bin .bin-details .bin-explore{font-size:15px}
 .state-bin .bin-details .bin-explore{max-width:170px}
}
/* Keep search, artwork and the state action together in the first viewport. */
@media(max-width:1366px){
 .directory-page.wide-picker:has(.directory-sleeves) .ex-top{padding-top:16px;padding-bottom:0}
 .directory-page.wide-picker:has(.directory-sleeves) .ex-top .ex-copy,
 .directory-page.wide-picker:has(.directory-sleeves) .ex-list>.ex-copy{margin:0 0 8px}
 .directory-page.wide-picker #exTitle{font-size:clamp(26px,4vw,32px);line-height:1.1}
 .directory-page.wide-picker:has(.directory-sleeves) .ex-copy #exBlurb{margin:6px 0 0;max-width:none;font-size:14px;line-height:1.45}
 .directory-page.wide-picker:has(.directory-sleeves) .ex-copy>.discovery-search{margin-top:12px}
 .directory-page.wide-picker:has(.directory-sleeves) .ex-copy>.discovery-search>label{margin-bottom:5px}
 .directory-page.wide-picker:has(.directory-sleeves) .ex-layout{padding-top:8px}
 .directory-page.wide-picker .directory-sleeves .bin-deck{aspect-ratio:1.32;width:min(calc(100% + 32px),max(230px,calc((100svh - 380px)*1.32)));margin-inline:auto;left:50%;transform:translateX(-50%);margin-left:0}
 .directory-page.wide-picker .directory-sleeves .bin-cover{top:8px}
 .directory-page.wide-picker .directory-sleeves .bin-details{padding:0 0 16px;gap:4px 20px}
}