.hwk{--hwk-ink:#162c2c;--hwk-muted:#566360;--hwk-paper:#f7f6f0;--hwk-accent:#e9ff80;--hwk-line:#d8ded5;color:var(--hwk-ink);background:var(--hwk-paper);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:18px;line-height:1.6;border-radius:24px;padding:clamp(20px,4.5vw,64px);margin:24px auto;width:100%;max-width:1200px;isolation:isolate;text-align:left;box-sizing:border-box}
.hwk *,.hwk *::before,.hwk *::after{box-sizing:border-box}.hwk h1,.hwk h2,.hwk p{padding:0;margin:0;clear:none;font-family:inherit;color:inherit}.hwk a{color:inherit;text-decoration:none;box-shadow:none}.hwk a:focus-visible{outline:3px solid #cf5229;outline-offset:6px}.hwk h1{font-size:clamp(40px,6.3vw,82px);font-weight:800;line-height:1.04;letter-spacing:-.06em;max-width:850px;text-transform:none}.hwk h2{font-weight:750;letter-spacing:-.045em;line-height:1.12;text-transform:none}.hwk .hwk-eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:750;line-height:1.5}.hwk-dot{display:inline-block;flex:0 0 9px;width:9px;height:9px;background:#d95631;border-radius:50%}.hwk-hero{padding:15px 0 25px}.hwk-hero h1{margin:24px 0}.hwk-period{color:#c84e2c}.hwk .hwk-intro{font-size:clamp(18px,2vw,21px);line-height:1.65;color:var(--hwk-muted);max-width:620px}.hwk-hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--hwk-line);margin-top:36px;padding-top:16px;font-size:13px;font-weight:600}.hwk-hero-bottom>span:last-child{font-size:25px}.hwk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.hwk .hwk-category{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:420px;border-radius:20px;overflow:hidden;color:white;background:#16342f;padding:26px;transition:transform .28s ease,box-shadow .28s ease}.hwk-category::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.06) 25%,rgba(0,0,0,.72) 66%,rgba(0,0,0,.88));pointer-events:none}.hwk .hwk-cover{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .6s ease;border-radius:0}.hwk-category{isolation:isolate}.hwk-category-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.hwk-chip{display:inline-block;border-radius:50px;background:var(--hwk-accent);color:#162c2c;padding:5px 12px;font-weight:750;font-size:11px;letter-spacing:.07em;text-transform:uppercase}.hwk-index{font-size:13px;font-weight:700;background:rgba(0,0,0,.55);padding:5px 10px;border-radius:50px}.hwk-category-copy{padding-top:85px}.hwk .hwk-category h2{font-size:clamp(30px,3.5vw,43px);max-width:380px;color:#fff}.hwk .hwk-category p{color:#f2f2eb;font-size:16px;line-height:1.5;margin-top:14px;max-width:350px}.hwk-category-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;font-weight:650;margin-top:25px;padding-top:18px;border-top:1px solid #ffffff40}.hwk-arrow{width:38px;height:38px;border-radius:50%;background:#fff;color:#162c2c;display:grid;place-items:center;font-size:25px;transition:transform .25s ease}.hwk-instagram{display:flex;gap:30px;justify-content:space-between;align-items:center;margin-top:32px;border-radius:20px;background:#e9eedf;padding:32px}.hwk .hwk-instagram h2{font-size:30px;margin:14px 0 10px;max-width:480px}.hwk .hwk-instagram p:not(.hwk-eyebrow){font-size:16px;color:var(--hwk-muted)}.hwk .hwk-button{display:inline-flex;justify-content:center;align-items:center;gap:26px;min-height:48px;background:var(--hwk-ink);color:#fff;padding:12px 20px;border-radius:50px;font-size:14px;font-weight:650;white-space:nowrap;transition:background .2s}.hwk .hwk-button:hover{background:#34504b;color:#fff}.hwk .hwk-signoff{font-size:12px;text-align:center;letter-spacing:.07em;color:var(--hwk-muted);padding-top:32px}.hwk-guide{max-width:1050px}.hwk-nav{display:flex;flex-wrap:wrap;align-items:center;gap:5px 17px;border-bottom:1px solid var(--hwk-line);padding-bottom:18px;font-size:13px;font-weight:650}.hwk-nav a{padding:9px 0;min-height:44px;display:inline-flex;align-items:center}.hwk-nav a[aria-current]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}.hwk-guide-header{padding:42px 0}.hwk-guide-header h1{font-size:clamp(37px,5.7vw,66px);margin:20px 0;max-width:790px}.hwk .hwk-picks{list-style:none;display:block;margin:0;padding:0}.hwk .hwk-pick{list-style:none;margin:0 0 26px;padding:0;overflow:hidden;border:1px solid var(--hwk-line);background:#fff;border-radius:20px}.hwk-pick-heading{display:flex;align-items:center;gap:22px;padding:28px 30px}.hwk .hwk-rank{font-size:clamp(44px,6vw,67px);letter-spacing:-.07em;line-height:1;font-weight:800;color:#537169;font-variant-numeric:tabular-nums;flex-shrink:0}.hwk .hwk-pick h2{font-size:clamp(26px,3.5vw,38px);overflow-wrap:anywhere}.hwk-labels{display:flex;flex-wrap:wrap;gap:6px}.hwk-label{display:inline-flex;background:#edf3e5;color:#31413a;border-radius:50px;padding:3px 9px;font-size:11px;font-weight:650;margin-bottom:9px;letter-spacing:.02em}.hwk-sponsored{background:#f3ede3;color:#5d4730}.hwk-pick-media{overflow:hidden}.hwk .hwk-pick-image{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;margin:0;border-radius:0}.hwk-pick-body{padding:25px 30px 30px}.hwk-meta{display:flex;flex-wrap:wrap;gap:7px 20px;font-size:13px;font-weight:650;color:#53655f;margin-bottom:16px}.hwk-meta>span+span::before{content:"·";margin-right:20px}.hwk-description{max-width:720px;color:#41524d;font-size:18px;line-height:1.75;overflow-wrap:anywhere}.hwk .hwk-description p+p{margin-top:14px}.hwk .hwk-detail{display:inline-flex;align-items:center;gap:24px;font-size:15px;font-weight:700;min-height:48px;margin-top:18px;border-bottom:1px solid #38534a}.hwk-detail:hover{color:#a33a20}.hwk-guide-end{text-align:center;padding:24px 0 5px}.hwk .hwk-guide-end p{font-size:20px;font-weight:650;margin:0 0 20px}.hwk-empty{padding:35px;border:1px solid var(--hwk-line);border-radius:20px}.hwk-empty h2{font-size:28px;margin-bottom:15px}.hwk .hwk-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(hover:hover){.hwk-category:hover{transform:translateY(-5px);box-shadow:0 15px 30px #162c2c20}.hwk-category:hover .hwk-cover{transform:scale(1.045)}.hwk-category:hover .hwk-arrow{transform:rotate(45deg)}}
@media(max-width:700px){.hwk{padding:22px 16px;border-radius:16px;margin:16px auto}.hwk-hero{padding:10px 4px 23px}.hwk-hero h1{max-width:420px}.hwk-grid{grid-template-columns:1fr;gap:16px}.hwk .hwk-category{min-height:390px;padding:24px}.hwk .hwk-category h2{font-size:37px;max-width:310px}.hwk-category-copy{padding-top:80px}.hwk-instagram{flex-direction:column;align-items:flex-start;padding:25px;gap:22px}.hwk-nav{gap:0 15px;font-size:12px}.hwk-guide-header{padding:32px 4px}.hwk-pick-heading{padding:22px 19px;gap:17px}.hwk-pick-body{padding:21px 20px 26px}.hwk .hwk-pick-image{aspect-ratio:4/3}.hwk-meta{flex-direction:column}.hwk-meta>span+span::before{content:none}.hwk .hwk-description{font-size:17px}.hwk-empty{padding:25px}.hwk-hero-bottom{font-size:11px}.hwk-guide-end{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.hwk *,.hwk *::before,.hwk *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
/* Keep long editor-entered labels and narrow theme containers within their cards. */
.hwk h1,.hwk h2,.hwk p,.hwk a{overflow-wrap:anywhere}.hwk-grid>*{min-width:0}.hwk .hwk-button{max-width:100%;white-space:normal}.hwk-instagram>div{min-width:0}.hwk .hwk-arrow{flex-shrink:0}.hwk .hwk-category-bottom>span:first-child{min-width:0}