/* Style and industry explore pages */
.ex .kicker a{color:inherit;text-decoration:none;border-bottom:1px solid var(--line)}
.ex-hubhero{text-align:center;max-width:980px;margin:0 auto;padding-bottom:clamp(24px,3vw,48px)!important}
.ex-hubhero h1{font-size:clamp(44px,6.2vw,88px);line-height:.98;margin-bottom:26px}
.ex-hubhero .lede{max-width:36em;margin:0 auto}

/* extras strip */
.ex-extras{display:flex;justify-content:center;align-items:center;gap:clamp(20px,4vw,56px);flex-wrap:wrap;max-width:1080px;margin:0 auto}
.ex-extras img{height:clamp(140px,18vw,220px);width:auto;max-width:42%;object-fit:contain;filter:drop-shadow(0 14px 22px rgba(31,26,22,.22))}
.ex-extras img:nth-child(2){rotate:-4deg}.ex-extras img:nth-child(3){rotate:3deg}

/* sample letter */
.letter{max-width:640px;margin:0 auto;padding:clamp(32px,5vw,64px);background:#FBF8F2;box-shadow:0 2px 3px rgba(31,26,22,.06),0 30px 50px -24px rgba(31,26,22,.35);rotate:-.6deg}
.letter p{margin:0 0 1.05em;font-size:17px;line-height:1.7}
.letter__date{font-size:13px!important;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft)}
.letter__sig{font-size:30px!important;margin-top:1.4em!important}
.letter__note{font:400 12px/1.5 var(--sans)!important;color:var(--ink-soft);border-top:1px solid var(--rule);padding-top:14px;margin:28px 0 0!important}
.letter--whimsy{background:#FFF9EC;border-top:10px solid #B5372D;font-family:"Switzer",var(--sans)}
.letter--whimsy .letter__sig{font-family:"Little Vintage Shop",var(--hand);color:#B5372D}
.letter--salon{background:#F7F1E3;font-family:"Zodiak",Georgia,serif;outline:1px solid #C4A35A;outline-offset:-14px}
.letter--salon p{font-size:18px}
.letter--salon .letter__date{text-align:center;font-family:"Zodiak",Georgia,serif}
.letter--salon .letter__sig{font-style:italic;font-weight:300}
.letter--linen{background:#FDFCF9;font-family:"Courier Prime",ui-monospace,monospace;border-left:6px solid #A9B79A}
.letter--linen p{font-size:15.5px;line-height:1.75}
.letter--linen .letter__sig{font-size:20px!important}

/* 12-month gallery */
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,28px);max-width:1180px;margin:0 auto}
.gal__i{margin:0}
.gal__i img,.mt{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;box-shadow:0 14px 28px -16px rgba(31,26,22,.45)}
.gal figcaption{margin-top:12px;font:400 15px/1.35 var(--sans)}
.gal figcaption b{font-weight:500}
.gal figcaption small{display:block;margin-top:4px;font-size:13px;color:var(--ink-soft)}
.mt{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:16%;gap:10px}
.mt--whimsy{background:var(--bg) center/cover}
.mt--whimsy .mt__m{font:400 clamp(30px,3vw,44px)/1 "Little Vintage Shop",var(--hand);color:#FFF9EC;text-shadow:0 2px 0 rgba(31,26,22,.25)}
.mt--whimsy .mt__t{font:500 11px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#FFF9EC;background:rgba(31,26,22,.28);padding:6px 10px}
.mt--whimsy .mt__s{display:none}
.mt--salon{background:#F4EEDF;outline:1px solid #C4A35A;outline-offset:-10px}
.mt--salon .mt__m{font:300 clamp(26px,2.6vw,36px)/1 "Zodiak",Georgia,serif;font-style:italic;color:#6E2A25}
.mt--salon .mt__t{font:400 11px/1.3 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:#2F4A3A}
.mt--salon .mt__s{font:300 14px/1.4 "Zodiak",Georgia,serif;color:var(--ink-soft)}
.mt--linen{background:#FDFCF9;border:1px solid var(--rule)}
.mt--linen .mt__m{font:400 clamp(20px,2vw,26px)/1 "Courier Prime",monospace;color:#2B2B2B;border-bottom:1px solid #2B2B2B;padding-bottom:10px}
.mt--linen .mt__t{font:400 13px/1.3 "Courier Prime",monospace;color:#2B2B2B}
.mt--linen .mt__s{font:400 12px/1.45 "Courier Prime",monospace;color:#9A9184}

/* palette and fit */
.ex-fit{background:var(--paper-2)}
.ex-fit__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,96px);max-width:1080px;margin:0 auto}
.ex-fit h2{font-size:clamp(30px,3.4vw,44px);margin-bottom:28px}
.sw{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.sw li{display:flex;flex-direction:column;gap:6px;font:500 13px/1.2 var(--sans)}
.sw i{display:block;aspect-ratio:1;border:1px solid var(--rule)}
.sw small{font-size:11px;color:var(--ink-soft);letter-spacing:.06em}
.made{list-style:none;padding:0;margin:0}
.made li{font:400 19px/1.4 var(--sans);padding:14px 0;border-bottom:1px solid var(--rule)}
.made li::before{content:"✦";color:var(--tomato);margin-right:12px;font-size:13px}

/* other styles */
.ex-others__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,40px);max-width:760px;margin:0 auto}
.ex-other,.hub-style,.hub-ind{text-decoration:none;color:var(--ink);text-align:center;display:block}
.ex-other img,.hub-style img{width:100%;aspect-ratio:909/1002;object-fit:cover;margin-bottom:16px;box-shadow:0 18px 36px -18px rgba(31,26,22,.4);transition:translate .3s}
.ex-other:hover img,.hub-style:hover img,.hub-ind:hover img{translate:0 -4px}
.ex-other span,.hub-style span,.hub-ind span{display:block;font:400 30px/1 var(--hand)}
.ex-other small,.hub-style small{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}

/* hubs */
.hub-styles__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,44px);max-width:1180px;margin:0 auto}
.hub-style p{margin:14px auto 0;max-width:22em;font-size:15px;color:var(--ink-soft)}
.hub-jan{background:var(--paper-2)}
.hub-jan__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,44px);max-width:960px;margin:0 auto}
.hub-jan__i{margin:0;text-align:center}
.hub-jan__i img{width:100%;aspect-ratio:3/4;object-fit:cover;box-shadow:0 18px 36px -18px rgba(31,26,22,.45)}
.hub-jan__i figcaption{margin-top:14px;font-size:14px;color:var(--ink-soft)}
.hub-jan__i b{display:block;font:400 26px/1.1 var(--hand);color:var(--ink);margin-bottom:4px}
.tbl{max-width:1000px;margin:0 auto;overflow-x:auto}
.tbl table{width:100%;border-collapse:collapse;min-width:560px}
.tbl th,.tbl td{text-align:left;padding:16px 14px;border-bottom:1px solid var(--rule);font-size:15px;vertical-align:top}
.tbl thead th{font:400 26px/1 var(--hand)}
.tbl thead a{text-decoration:none}
.tbl tbody th{font:500 12px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);width:18%}
.hub-note{text-align:center;color:var(--ink-soft);margin-top:28px!important}
.hub-inds__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,2.6vw,36px);max-width:1180px;margin:0 auto}
.hub-ind{text-align:left}
.hub-ind img{width:100%;aspect-ratio:4/5;object-fit:cover;margin-bottom:16px;box-shadow:0 16px 30px -18px rgba(31,26,22,.4);transition:translate .3s;background:var(--card)}
.hub-ind span{font-size:28px}
.hub-ind p{margin:8px 0 0;font-size:15px;color:var(--ink-soft)}

@media (max-width:900px){
  .gal{grid-template-columns:repeat(3,1fr)}
  .hub-inds__grid{grid-template-columns:1fr 1fr}
  .ex-fit__grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .gal{grid-template-columns:1fr 1fr}
  .hub-styles__grid,.hub-jan__grid{grid-template-columns:1fr;max-width:380px}
  .ex-others__grid{grid-template-columns:1fr;max-width:360px}
  .sw{grid-template-columns:repeat(3,1fr)}
  .letter{rotate:0deg}
}
@media (max-width:420px){.hub-inds__grid{grid-template-columns:1fr}}
/* month cards read as printed cards */
.gal__i img,.mt{border:10px solid #FBF9F4;box-shadow:0 1px 1px rgba(31,26,22,.12),0 6px 10px -4px rgba(31,26,22,.18),0 22px 34px -18px rgba(31,26,22,.45)}
.mt--linen{border-color:#fff}
.gal__i{transition:translate .3s}.gal__i:hover{translate:0 -4px}