/* Cocktail Revolution: design tokens and shell, from cr-home-modern.html. */
:root{--ink:#0d0d0d;--muted:#5d5d5d;--line:#e4e4e4;--soft:#f5f3f0;--paper:#fff;--max:1320px;
 --serif:var(--wp--preset--font-family--serif);--sans:var(--wp--preset--font-family--sans)}
*{box-sizing:border-box}
body{margin:0;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--max);margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px}

/* utilities */
.caps{font-family:var(--sans);font-size:11px;font-weight:500;letter-spacing:.22em;text-transform:uppercase}
.serif{font-family:var(--serif)}
.dek{font-family:var(--serif);font-style:italic;color:var(--muted);line-height:1.45}
.by{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.sh{display:flex;align-items:center;gap:22px;margin:70px 0 30px}
.sh:before,.sh:after{content:"";flex:1;height:1px;background:var(--ink)}
.sh h2,.sh h3{font-family:var(--serif);font-weight:400;font-size:30px;margin:0}
.btn{display:inline-block;border:1px solid currentColor;padding:13px 26px;width:max-content}

/* header */
.cr-header{border-bottom:1px solid var(--ink)}
.cr-mast{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:30px;padding-bottom:18px}
.cr-date{color:var(--muted)}
.cr-logo{text-align:center}
.cr-logo__link{display:inline-block}
.cr-wordmark{display:block;height:auto;max-width:100%}
.cr-logo .cr-wordmark{width:520px}
.cr-tagline{margin:10px 0 0;font-size:11.5px;letter-spacing:.42em}
.cr-tools{display:flex;justify-content:flex-end;gap:22px;align-items:center}
.cr-icon{display:inline-flex}
.cr-icon svg{width:18px;height:18px}
.cr-icon:hover,.cr-nav a:hover{opacity:.55}
.cr-search .wp-block-search__button{background:none;border:0;padding:0;color:inherit;margin:0}
.cr-search .wp-block-search__button svg{width:20px;height:20px;fill:currentColor}
.cr-search .wp-block-search__input{border:0;border-bottom:1px solid var(--ink);font:inherit;padding:2px 4px}
/* core/navigation repeats className on its <ul>, so scope to the <nav> */
nav.cr-nav{border-top:1px solid var(--line);padding:14px 32px 16px;max-width:var(--max);margin:0 auto}
nav.cr-nav>ul{gap:clamp(16px,2.1vw,38px);border:0;padding:0;margin:0;white-space:nowrap;flex-wrap:nowrap}

/* main */
.cr-main{padding-top:44px;padding-bottom:20px}

/* footer */
.cr-footer{padding:60px 0 40px;margin-top:90px}
.cr-foot{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.cr-foot .cr-wordmark{width:280px}
.cr-foot__tag{margin:12px 0 0;color:var(--muted)}
.cr-foot__mission{font-size:15px;margin:18px 0 0}
.cr-links{list-style:none;padding:0;margin:14px 0 0;line-height:2.1;font-size:14px}
.cr-links a:hover{opacity:.55}
.cr-newsletter{margin-top:22px}
.cr-newsletter__row{display:flex;margin-top:8px;border:1px solid var(--ink)}
.cr-newsletter input{flex:1;min-width:0;border:0;padding:11px 12px;font:inherit;font-size:14px;background:transparent}
.cr-newsletter button{border:0;border-left:1px solid var(--ink);background:var(--ink);color:#fff;padding:0 16px;cursor:pointer}
.cr-ack{max-width:760px;margin:50px 0 0;font-size:13px;line-height:1.6;color:var(--muted)}
.cr-legal{border-top:1px solid var(--line);margin-top:24px;padding-top:20px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}
.cr-legal p{margin:0}

/* mobile */
/* ten menu items: below ~1300px the menu scrolls sideways instead of overflowing */
@media (max-width:1300px){
 nav.cr-nav{padding-left:18px;padding-right:18px;max-width:100vw;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}
 nav.cr-nav>ul{gap:18px;justify-content:flex-start;white-space:nowrap;flex-wrap:nowrap;width:max-content}
}
@media (max-width:900px){
 .wrap{padding-left:18px;padding-right:18px}
 .cr-mast{grid-template-columns:1fr;text-align:center;padding-top:20px;padding-bottom:12px}
 .cr-date,.cr-tools{display:none}
 .cr-logo .cr-wordmark{width:min(300px,100%);margin:0 auto}
 .cr-tagline{font-size:8.5px;letter-spacing:.3em}
 .cr-foot{grid-template-columns:1fr 1fr}
 .cr-foot__brand{grid-column:1/-1}
}

/* Cards and grids (home, archives, related) */
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.card{display:block}
.card .img{aspect-ratio:4/5;overflow:hidden;background:var(--soft)}
.card .img img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 15%;transition:transform .8s ease}
.card:hover .img img{transform:scale(1.03)}
.card .caps{margin:16px 0 8px;display:block;color:var(--muted)}
.card h3{font-family:var(--serif);font-weight:500;font-size:21px;line-height:1.18;margin:0 0 8px}
.card .dek{font-size:14.5px;margin:0}
@media (max-width:900px){.grid4{grid-template-columns:1fr 1fr;gap:18px}}