/* Let's Go Erie — v2 "bright local blog" theme. Original design; palette: sunset coral, lake blue, harbor navy, sand. */
:root{
  --sun:#ef7f5c; --sun-d:#c4502c; --sun-l:#fde7dd;
  --lake:#a8d8e6; --lake-l:#e6f4f8;
  --harbor:#14405c; --harbor-d:#0e2f45;
  --sand:#f8efe1; --mist:#f3f6f9; --ink:#2f3a42; --soft:#56636d; --line:#e3e8ec;
  --head:"Montserrat",system-ui,sans-serif; --body:"Source Sans 3","Source Sans Pro",system-ui,sans-serif; --ui:"Jost",system-ui,sans-serif; --script:"Pacifico",cursive;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ink);font:400 18px/1.7 var(--body)}
img{max-width:100%;height:auto;display:block}
a{color:var(--sun-d)}
a:hover{color:var(--harbor)}
:focus-visible{outline:3px solid var(--harbor);outline-offset:2px}
.skip{position:absolute;left:-999px;top:0;background:var(--harbor);color:#fff;padding:10px 14px;z-index:99}.skip:focus{left:10px}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
h1,h2,h3,h4{font-family:var(--head);color:var(--harbor);line-height:1.22;margin:0 0 .5em;font-weight:600}
.eyebrow{font:400 14px/1.2 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--sun-d);margin:0 0 10px}
.btn{display:inline-block;background:var(--sun-d);color:#fff;text-decoration:none;font:500 14px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;padding:15px 24px;border-radius:3px;border:0;transition:background .2s,transform .2s}
.btn:hover{background:var(--harbor);color:#fff}
.btn-ghost{background:rgba(255,255,255,.14);border:1.5px solid #fff;color:#fff;backdrop-filter:blur(2px)}
.btn-ghost:hover{background:#fff;color:var(--harbor)}
.btn-navy{background:var(--harbor)} .btn-navy:hover{background:var(--sun-d)}
.center{text-align:center}

/* draft bar + header */
.draftbar{background:var(--harbor-d);color:#d9e6ee;font:400 13px/1.4 var(--body);text-align:center;padding:7px 16px}
.draftbar b{color:var(--lake);letter-spacing:.12em;margin-right:8px;font-family:var(--ui);font-weight:500}
.masthead{background:#fff}
.masthead .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-top:16px;padding-bottom:14px}
.logo{grid-column:2;display:flex;align-items:center;gap:12px;text-decoration:none}
.logo svg{width:58px;height:58px;flex:none}
.logo .lt{display:flex;flex-direction:column;line-height:1}
.logo .lt small{font:500 13px/1 var(--ui);letter-spacing:.32em;color:var(--harbor);margin:0 0 2px 3px}
.logo .lt span{font:400 40px/1.15 var(--script);color:var(--sun-d)}
.mh-right{grid-column:3;justify-self:end;display:flex;gap:10px;align-items:center}
.pill{font:500 12px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--harbor);border:1px solid var(--line);border-radius:99px;padding:8px 12px;text-decoration:none;background:#fff}
.pill:hover{border-color:var(--sun-d);color:var(--sun-d)}
.navbar{background:var(--mist);position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line)}
.navbar .wrap{display:flex;justify-content:center;align-items:center;gap:6px;min-height:54px}
.navbar nav.main a{font:400 14.5px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--harbor);text-decoration:none;padding:19px 13px;display:inline-block;position:relative}
.navbar nav.main a:hover,.navbar nav.main a[aria-current]{color:var(--sun-d)}
.navbar nav.main a[aria-current]::after{content:"";position:absolute;left:13px;right:13px;bottom:12px;height:2px;background:var(--sun)}
.menu{display:none}
/* hero */
.hero{position:relative;min-height:600px;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;overflow:hidden;background:var(--harbor)}
.hero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,47,69,.35),rgba(14,47,69,.45) 55%,rgba(14,47,69,.6));z-index:1}
.hero .in{position:relative;z-index:2;max-width:860px;padding:60px 24px 110px}
.hero .eyebrow{color:#fff;opacity:.95;font-size:15px}
.hero h1{color:#fff;font-size:clamp(40px,6.4vw,74px);font-weight:500;letter-spacing:-.01em;line-height:1.1;margin:6px 0 18px;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.hero p.lede{font-size:20px;line-height:1.55;max-width:640px;margin:0 auto 28px;text-shadow:0 1px 10px rgba(0,0,0,.35)}
.hero .ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.hero .credit{position:absolute;right:14px;bottom:62px;z-index:2;font-size:11.5px;color:rgba(255,255,255,.8);margin:0}
.hero .credit a{color:inherit}
.wave{position:absolute;left:0;right:0;bottom:-1px;z-index:2;width:100%;height:60px;display:block}
/* sand / contour sections */
.sand{background:var(--sand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='324' viewBox='0 0 420 324'%3E%3Cg fill='none' stroke='%23e7dac3' stroke-width='1.2'%3E%3Cpath d='M0 18.0 L10 23.4 L20 27.1 L30 28.2 L40 27.0 L50 24.7 L60 22.9 L70 22.3 L80 22.9 L90 23.6 L100 23.1 L110 20.4 L120 15.8 L130 10.7 L140 6.7 L150 5.3 L160 6.8 L170 10.2 L180 14.1 L190 16.9 L200 18.1 L210 18.0 L220 17.9 L230 19.1 L240 21.9 L250 25.8 L260 29.2 L270 30.7 L280 29.3 L290 25.3 L300 20.2 L310 15.6 L320 12.9 L330 12.4 L340 13.1 L350 13.7 L360 13.1 L370 11.3 L380 9.0 L390 7.8 L400 8.9 L410 12.6 L420 18.0'/%3E%3Cpath d='M0 65.0 L10 64.9 L20 62.8 L30 59.9 L40 57.8 L50 57.1 L60 57.5 L70 57.7 L80 56.6 L90 53.4 L100 48.8 L110 44.3 L120 41.4 L130 41.4 L140 44.1 L150 48.4 L160 52.5 L170 55.2 L180 56.1 L190 55.9 L200 55.8 L210 57.1 L220 59.8 L230 63.2 L240 65.6 L250 65.8 L260 63.1 L270 58.3 L280 52.9 L290 48.7 L300 46.7 L310 46.9 L320 48.1 L330 49.0 L340 48.7 L350 47.2 L360 45.6 L370 45.4 L380 47.5 L390 52.0 L400 57.5 L410 62.3 L420 65.0'/%3E%3Cpath d='M0 97.7 L10 94.4 L20 92.2 L30 91.5 L40 91.7 L50 91.6 L60 90.1 L70 86.7 L80 82.3 L90 78.6 L100 77.1 L110 78.4 L120 82.2 L130 87.1 L140 91.2 L150 93.6 L160 94.0 L170 93.5 L180 93.4 L190 94.6 L200 97.1 L210 99.8 L220 101.2 L230 100.0 L240 96.3 L250 90.9 L260 85.6 L270 82.1 L280 81.0 L290 82.0 L300 83.8 L310 85.0 L320 84.9 L330 83.7 L340 82.8 L350 83.5 L360 86.5 L370 91.4 L380 96.7 L390 100.7 L400 102.2 L410 100.9 L420 97.7'/%3E%3Cpath d='M0 126.1 L10 125.6 L20 125.8 L30 125.5 L40 123.7 L50 120.4 L60 116.6 L70 113.9 L80 113.7 L90 116.3 L100 121.0 L110 126.2 L120 130.1 L130 131.8 L140 131.7 L150 130.8 L160 130.5 L170 131.5 L180 133.6 L190 135.5 L200 135.8 L210 133.5 L220 129.0 L230 123.4 L240 118.5 L250 115.9 L260 116.0 L270 117.9 L280 120.2 L290 121.6 L300 121.7 L310 120.9 L320 120.6 L330 122.1 L340 125.6 L350 130.6 L360 135.4 L370 138.3 L380 138.4 L390 135.9 L400 132.0 L410 128.3 L420 126.1'/%3E%3Cpath d='M0 160.0 L10 159.6 L20 157.8 L30 154.7 L40 151.6 L50 150.1 L60 151.2 L70 155.0 L80 160.3 L90 165.4 L100 168.7 L110 169.7 L120 168.8 L130 167.5 L140 167.0 L150 167.8 L160 169.4 L170 170.5 L180 169.8 L190 166.6 L200 161.5 L210 156.0 L220 152.0 L230 150.5 L240 151.7 L250 154.5 L260 157.2 L270 158.8 L280 159.0 L290 158.6 L300 158.8 L310 160.8 L320 164.6 L330 169.4 L340 173.3 L350 175.0 L360 173.7 L370 170.1 L380 165.6 L390 161.9 L400 159.9 L410 159.7 L420 160.0'/%3E%3Cpath d='M0 192.4 L10 189.7 L20 187.5 L30 187.2 L40 189.5 L50 194.2 L60 199.7 L70 204.4 L80 206.9 L90 206.9 L100 205.3 L110 203.6 L120 202.8 L130 203.4 L140 204.5 L150 204.9 L160 203.2 L170 199.4 L180 194.1 L190 189.2 L200 186.2 L210 186.0 L220 188.3 L230 191.8 L240 194.9 L250 196.5 L260 196.7 L270 196.5 L280 197.1 L290 199.4 L300 203.3 L310 207.5 L320 210.4 L330 210.7 L340 208.1 L350 203.6 L360 198.7 L370 195.2 L380 193.8 L390 193.9 L400 194.4 L410 194.1 L420 192.4'/%3E%3Cpath d='M0 224.2 L10 225.0 L20 228.4 L30 233.6 L40 239.1 L50 243.1 L60 244.5 L70 243.5 L80 241.2 L90 239.0 L100 238.0 L110 238.4 L120 239.1 L130 238.7 L140 236.4 L150 232.1 L160 227.1 L170 222.9 L180 221.2 L190 222.4 L200 225.8 L210 229.8 L220 233.0 L230 234.5 L240 234.6 L250 234.4 L260 235.3 L270 237.7 L280 241.3 L290 244.8 L300 246.5 L310 245.4 L320 241.7 L330 236.5 L340 231.7 L350 228.7 L360 227.8 L370 228.5 L380 229.3 L390 229.2 L400 227.7 L410 225.6 L420 224.2'/%3E%3Cpath d='M0 267.7 L10 273.1 L20 278.1 L30 281.1 L40 281.3 L50 279.3 L60 276.2 L70 273.8 L80 272.7 L90 272.9 L100 273.2 L110 272.3 L120 269.6 L130 265.2 L140 260.6 L150 257.6 L160 257.2 L170 259.7 L180 264.0 L190 268.4 L200 271.4 L210 272.6 L220 272.5 L230 272.2 L240 273.1 L250 275.5 L260 278.7 L270 281.3 L280 281.7 L290 279.3 L300 274.6 L310 269.2 L320 264.7 L330 262.4 L340 262.3 L350 263.6 L360 264.8 L370 264.9 L380 263.7 L390 262.1 L400 261.7 L410 263.5 L420 267.7'/%3E%3Cpath d='M0 316.6 L10 318.4 L20 317.3 L30 314.2 L40 310.6 L50 308.0 L60 307.0 L70 307.1 L80 307.2 L90 305.9 L100 302.9 L110 298.8 L120 295.0 L130 293.2 L140 294.2 L150 297.8 L160 302.8 L170 307.2 L180 309.9 L190 310.6 L200 310.1 L210 309.7 L220 310.5 L230 312.7 L240 315.3 L250 316.8 L260 316.0 L270 312.5 L280 307.2 L290 301.8 L300 298.0 L310 296.6 L320 297.5 L330 299.4 L340 300.9 L350 301.2 L360 300.3 L370 299.4 L380 299.8 L390 302.4 L400 307.0 L410 312.3 L420 316.6'/%3E%3C/g%3E%3C/svg%3E") repeat}
.sec{padding:76px 0}
.sec-head{text-align:center;max-width:720px;margin:0 auto 40px}
.sec-head h2{font-size:clamp(28px,3.4vw,38px)}
.sec-head p.sub{color:var(--soft);margin:0}
/* feature split */
.split{display:grid;grid-template-columns:1.15fr 1fr;gap:56px;align-items:center}
.feat{position:relative;padding-bottom:110px}
.feat>img{width:100%;aspect-ratio:4/3.3;object-fit:cover;border-radius:4px;box-shadow:0 14px 40px rgba(20,64,92,.15)}
.explore{position:absolute;left:36%;right:-6%;bottom:0;background:#fff;padding:30px 34px 22px;text-align:center;box-shadow:0 18px 44px rgba(20,64,92,.16);border-radius:3px}
.explore h3{font:500 22px/1.2 var(--head);letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}
.explore a{display:block;font:400 14px/1 var(--ui);letter-spacing:.13em;text-transform:uppercase;color:var(--sun-d);text-decoration:none;padding:15px 0;border-bottom:1px solid #f2c9b8}
.explore a:last-child{border-bottom:0}
.explore a:hover{color:var(--harbor)}
.polaroids{text-align:center}
.polaroids h3{font:500 24px/1.2 var(--head);letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}
.polaroids>p{color:var(--soft);margin:0 auto 26px;max-width:420px}
.stack{position:relative;height:400px;margin-bottom:28px}
.stack figure{position:absolute;margin:0;background:#fff;padding:12px 12px 40px;box-shadow:0 12px 30px rgba(20,64,92,.18);width:66%}
.stack figure img{aspect-ratio:4/3;object-fit:cover;width:100%}
.stack figure figcaption{position:absolute;left:0;right:0;bottom:10px;font:400 18px/1 var(--script);color:var(--harbor)}
.stack .p1{left:4%;top:0;transform:rotate(-5deg)}
.stack .p2{right:2%;top:110px;transform:rotate(4deg)}
.tape{position:absolute;width:90px;height:26px;background:rgba(239,127,92,.55);top:-12px;left:50%;transform:translateX(-50%) rotate(-3deg)}
/* area tiles */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.tile{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;border-radius:3px;text-decoration:none}
.tile img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.tile:hover img{transform:scale(1.05)}
.tile span{position:absolute;left:14px;right:14px;bottom:30px;background:var(--sun-d);color:#fff;text-align:center;font:400 15px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;padding:14px 8px;border-radius:2px;box-shadow:0 4px 14px rgba(0,0,0,.15)}
.tiles-cta{text-align:center;margin-top:34px}
/* timeline (light) */
.whats{background:var(--lake-l)}
.filters{display:flex;justify-content:center}
.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 14px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;background:#fff;border:1px solid #cfe3ea;border-radius:999px;padding:10px 16px;font:400 14px/1 var(--ui);letter-spacing:.06em;color:var(--harbor);cursor:pointer;white-space:nowrap}
.chip span{color:var(--soft);margin-left:4px;font-size:12px}
.chip:hover{border-color:var(--sun-d)}
.chip.is-on{background:var(--harbor);color:#fff;border-color:var(--harbor)} .chip.is-on span{color:var(--lake)}
.tl-controls{display:flex;justify-content:space-between;align-items:center;padding:10px 0 18px;gap:12px;flex-wrap:wrap}
.tl-count{font:500 13px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--harbor)}
.tl-legend{display:flex;gap:10px;flex-wrap:wrap}
.tl-arrows{display:flex;gap:8px}
.tl-arrows button{width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:var(--harbor);font-size:18px;cursor:pointer;box-shadow:0 2px 10px rgba(20,64,92,.12)}
.tl-arrows button:hover{background:var(--sun-d);color:#fff}
.tl-viewport{overflow-x:auto;scroll-snap-type:x proximity;padding:6px 0 30px;scrollbar-width:thin;scrollbar-color:#bcdbe5 transparent}
.tl-track{list-style:none;margin:0;padding:0 max(24px,calc((100vw - 1200px)/2 + 24px));display:flex;gap:18px;width:max-content;align-items:stretch}
.tl-item{position:relative;width:280px;flex:0 0 280px;background:#fff;border-radius:6px;padding:22px 22px 20px;scroll-snap-align:start;box-shadow:0 6px 20px rgba(20,64,92,.08);border-top:4px solid var(--lake)}
.tl-item.is-next{border-top-color:var(--sun)}
.tl-item[hidden],.tl-month[hidden]{display:none}
.tl-dot{display:none}
.tl-item time{display:block;font:600 14px/1.3 var(--head);color:var(--sun-d);margin-bottom:8px}
.tl-cat{margin:0 0 8px;font:400 12px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--soft)}
.tl-title{font:600 18px/1.3 var(--head);margin:0 0 8px}
.tl-text{font-size:15.5px;line-height:1.55;color:var(--soft);margin:0 0 12px}
.tl-link{font:500 13px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.tl-month{flex:0 0 auto;display:flex;align-items:center}
.tl-month span{writing-mode:vertical-rl;transform:rotate(180deg);font:400 30px/1 var(--script);color:var(--harbor);opacity:.75}
.st{display:inline-block;font:500 11px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase;padding:6px 9px;border-radius:99px;margin:0 0 12px}
.st-confirmed{background:#dff3e6;color:#1d6b3a} .st-typical{background:#eef1f4;color:#5b6872}
.tl-more{display:none;margin:0 20px;width:calc(100% - 40px);padding:15px;border:0;background:var(--harbor);color:#fff;border-radius:3px;font:500 14px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
.tl-cut{display:none!important}
/* about block */
.hello{background:var(--sand)}
.hello .wrap{display:grid;grid-template-columns:340px 1fr;gap:60px;align-items:center}
.hello .ph{position:relative}
.hello .ph img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:3px;box-shadow:0 14px 40px rgba(20,64,92,.15)}
.hello .ph .badge{position:absolute;right:-22px;bottom:26px;background:var(--sun-d);color:#fff;font:400 22px/1 var(--script);padding:12px 18px;border-radius:3px;transform:rotate(-4deg);box-shadow:0 8px 20px rgba(0,0,0,.15)}
.hello h2{font-size:34px;letter-spacing:.04em;text-transform:uppercase}
.hello ul{list-style:none;padding:0;margin:18px 0 26px}
.hello li{display:flex;gap:12px;align-items:flex-start;margin:0 0 10px}
.hello li svg{width:22px;height:22px;flex:none;color:var(--sun-d);margin-top:4px}
.ph-note{display:inline-block;font:400 12.5px/1.4 var(--body);color:#7a6a52;border:1px dashed #d8c6a6;border-radius:3px;padding:5px 10px;margin:0 0 14px}
/* newsletter */
.news{background:var(--lake);padding:46px 0;text-align:center}
.news p{margin:0 0 16px;color:var(--harbor-d);font-size:18px}
.news form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.news input{width:220px;padding:13px 14px;border:1px solid #7fb3c4;background:rgba(255,255,255,.55);border-radius:3px;font:400 15px var(--body);color:var(--ink)}
.news button{background:var(--sun-d);color:#fff;border:0;border-radius:3px;padding:0 22px;font:500 13px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;min-height:47px;cursor:not-allowed;opacity:.9}
.news small{display:block;margin-top:12px;color:#355c6f;font-size:13px}
/* posts grid */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 34px}
.post{display:flex;flex-direction:column}
.post .thumb{display:block;position:relative;overflow:hidden;border-radius:3px;aspect-ratio:3/2;margin-bottom:16px}
.post .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.post:hover .thumb img{transform:scale(1.04)}
.post .tag{position:absolute;left:12px;top:12px;background:#fff;color:var(--sun-d);font:500 12px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;padding:7px 10px;border-radius:2px}
.post h3{font-size:21px;line-height:1.3;margin:0 0 8px}
.post h3 a{color:var(--harbor);text-decoration:none}
.post h3 a:hover{color:var(--sun-d)}
.post p{margin:0 0 10px;font-size:16.5px;line-height:1.6;color:var(--soft)}
.post .more{margin-top:auto;font:500 13px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--sun-d);text-decoration:none}
/* seasons */
.seasons{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.season{background:#fff;border-radius:6px;padding:26px 24px;box-shadow:0 6px 20px rgba(20,64,92,.07);border-bottom:4px solid var(--c,var(--sun))}
.season .ico{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--sun-l);color:var(--sun-d);margin-bottom:14px}
.season .ico svg{width:24px;height:24px}
.season h3{font-size:20px;margin-bottom:6px}
.season p{font-size:16px;line-height:1.6;color:var(--soft);margin:0}
/* ad slot */
.ad-slot{margin:36px auto;max-width:970px;min-height:120px;border:1.5px dashed #c9d3da;background:repeating-linear-gradient(135deg,#fafbfc 0 12px,#f4f6f8 12px 24px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font:500 12px/1.4 var(--ui);letter-spacing:.18em;text-transform:uppercase;color:#7b8a95;padding:18px;border-radius:4px}
.ad-slot small{display:block;margin-top:6px;letter-spacing:.02em;text-transform:none;font:400 13px/1.4 var(--body);color:#8a979f}
.ad-tall{min-height:600px;margin:0}
/* photo strip */
.strip{display:grid;grid-template-columns:repeat(6,1fr);gap:0}
.strip a{position:relative;display:block;aspect-ratio:1;overflow:hidden}
.strip img{width:100%;height:100%;object-fit:cover;transition:transform .5s,filter .3s}
.strip a:hover img{transform:scale(1.06);filter:brightness(.8)}
.strip span{position:absolute;left:0;right:0;bottom:0;padding:26px 12px 10px;color:#fff;font:400 13px/1.2 var(--ui);letter-spacing:.1em;text-transform:uppercase;background:linear-gradient(transparent,rgba(14,47,69,.75));opacity:0;transition:opacity .3s}
.strip a:hover span,.strip a:focus span{opacity:1}
/* affiliate */
.aff{background:var(--sand);border-radius:6px;padding:24px 26px;margin:34px 0;border-left:5px solid var(--sun)}
.aff p{margin:0 0 14px}
.aff p b{display:block;font:600 20px/1.3 var(--head);color:var(--harbor);margin-bottom:4px}
.aff-btns{display:flex;flex-wrap:wrap;gap:10px}
.aff-btn{display:inline-flex;flex-direction:column;align-items:flex-start;background:#fff;border:1.5px dashed var(--sun);border-radius:4px;padding:9px 14px;font:600 15px/1.2 var(--body);color:var(--harbor)}
.aff-btn small{font:500 10.5px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--sun-d);margin-bottom:4px}
/* footer */
.foot{background:var(--harbor);color:#cfdde6;margin-top:0}
.foot .top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;border-bottom:1px solid rgba(255,255,255,.12);flex-wrap:wrap}
.foot .logo{grid-column:auto}
.foot .logo .lt small{color:#fff} .foot .logo .lt span{color:var(--sun)}
.foot .top nav a{font:400 14px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:#fff;text-decoration:none;margin-left:22px}
.foot .top nav a:hover{color:var(--sun)}
.foot .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding:36px 0}
.foot h4{color:#fff;font:500 14px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px}
.foot ul{list-style:none;margin:0;padding:0}
.foot li{margin:0 0 8px;font-size:16px}
.foot a{color:#cfdde6} .foot a:hover{color:#fff}
.foot p{font-size:16px;line-height:1.6;margin:0}
.foot .legal{border-top:1px solid rgba(255,255,255,.12);padding:18px 0 26px;font-size:14px;color:#a9bfcd}
/* guide page */
.crumbs{font:400 13px/1.4 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--soft);margin:28px 0 22px}
.crumbs a{color:var(--sun-d);text-decoration:none}
.g-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start;padding-bottom:60px}
.g-hero img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:4px}
.g-hero figcaption{font-size:13px;color:var(--soft);margin-top:8px}
.g-title{font-size:clamp(32px,4vw,46px);font-weight:600;line-height:1.15;margin:28px 0 14px}
.g-meta{display:flex;flex-wrap:wrap;gap:6px 18px;font:400 14.5px/1.4 var(--ui);color:var(--soft);margin-bottom:18px;align-items:center}
.g-meta .av{width:30px;height:30px;border-radius:50%;object-fit:cover}
.g-meta b{color:var(--harbor);font-weight:500}
.g-disclose{font-size:14.5px;line-height:1.5;color:var(--soft);background:var(--mist);border-radius:4px;padding:10px 14px;margin:0 0 22px}
.g-dek{font-size:21px;line-height:1.6;color:var(--ink);margin:0 0 24px}
.jump{background:var(--sand);border-radius:6px;padding:22px 26px;margin:0 0 34px}
.jump summary{font:600 17px/1 var(--head);color:var(--harbor);cursor:pointer;list-style:none;display:flex;justify-content:space-between}
.jump summary::-webkit-details-marker{display:none}
.jump summary::after{content:"–";color:var(--sun-d);font-size:22px;line-height:.7}
.jump:not([open]) summary::after{content:"+"}
.jump ol{columns:2;column-gap:34px;margin:16px 0 0;padding-left:22px}
.jump li{font-size:16px;margin:0 0 6px;break-inside:avoid}
.jump a{color:var(--harbor);text-decoration:none}.jump a:hover,.jump a.on{color:var(--sun-d)}
.prose{font-size:18.5px}
.prose h2{font-size:30px;margin:46px 0 14px;scroll-margin-top:80px}
.prose h2 .n{display:none}
.prose h3{font-size:22px;margin:30px 0 10px}
.prose p{margin:0 0 1.1em}
.prose ul,.prose ol{padding-left:1.3em;margin:0 0 1.2em}
.prose li{margin:0 0 .45em}
.prose li::marker{color:var(--sun-d)}
.prose strong{color:#1d2a33}
.prose figure{margin:30px 0}
.prose figure img{border-radius:4px;width:100%}
.prose figcaption{font-size:14px;line-height:1.5;color:var(--soft);margin-top:8px}
.prose figcaption a{color:var(--soft)}
.callout{background:var(--lake-l);border-radius:6px;padding:18px 22px;margin:26px 0;border-left:5px solid var(--lake)}
.callout.check{background:#fff6ec;border-left-color:var(--sun)}
.callout p{margin:0;font-size:17px}
.callout .lab{display:block;font:500 13px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--harbor);margin-bottom:8px}
.callout.check .lab{color:var(--sun-d)}
.places{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0 30px}
.place{border:1px solid var(--line);border-radius:6px;padding:18px 20px;background:#fff}
.place h4{font-size:18px;margin:0 0 2px}
.place h4 a{color:var(--harbor);text-decoration:none;border-bottom:2px solid var(--sun-l)}
.place h4 a:hover{color:var(--sun-d)}
.place .where{font:400 13px/1.4 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--sun-d);margin:6px 0 8px}
.place p{font-size:16px;line-height:1.55;margin:0}
.tbl{overflow-x:auto;margin:24px 0 30px;border-radius:6px;border:1px solid var(--line)}
.tbl table{border-collapse:collapse;width:100%;font-size:16px}
.tbl th{background:var(--harbor);color:#fff;text-align:left;font:500 14px/1.3 var(--ui);letter-spacing:.06em;padding:12px 14px}
.tbl td{padding:12px 14px;border-top:1px solid var(--line);vertical-align:top}
.tbl tr:nth-child(even) td{background:var(--mist)}
.faq details{border-bottom:1px solid var(--line);padding:16px 0}
.faq summary{font:600 18px/1.4 var(--head);color:var(--harbor);cursor:pointer}
.faq summary::marker{color:var(--sun-d)}
.faq p{margin:10px 0 0}
.sources{font-size:14.5px;color:var(--soft);border-top:1px solid var(--line);padding-top:18px;margin-top:40px}
.sources a{color:var(--soft)}
.prose .ad-slot{margin:34px 0}
/* sidebar */
.side{display:flex;flex-direction:column;gap:28px}
.side-card{background:var(--mist);border-radius:6px;padding:28px 26px;text-align:center}
.side-card img.round{width:150px;height:150px;border-radius:50%;object-fit:cover;margin:0 auto 16px;border:5px solid #fff;box-shadow:0 6px 16px rgba(20,64,92,.15)}
.side-card h3{font-size:22px;margin-bottom:8px}
.side-card p{font-size:16px;line-height:1.6;color:var(--soft);margin:0 0 16px}
.side-plan{background:var(--sand);border-radius:6px;padding:26px 24px;text-align:center}
.side-plan h3{font-size:22px}
.side-plan p{font-size:16px;line-height:1.55;color:var(--soft);margin:0 0 14px}
.side-plan .aff-btns{justify-content:center}
.side-pop h4{font:500 14px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--harbor);border-bottom:2px solid var(--sun);padding-bottom:10px;margin-bottom:14px}
.side-pop a{display:grid;grid-template-columns:74px 1fr;gap:12px;align-items:center;text-decoration:none;margin-bottom:14px;color:var(--harbor);font:600 15px/1.35 var(--head)}
.side-pop a:hover{color:var(--sun-d)}
.side-pop img{width:74px;height:58px;object-fit:cover;border-radius:3px}
.side-sticky{position:sticky;top:76px}
.related{background:var(--sand)}
/* simple pages */
.page{max-width:780px;margin:0 auto;padding:46px 0 70px}
.page h1{font-size:40px}
.page h2{font-size:26px;margin-top:34px}
table.credits{border-collapse:collapse;width:100%;font-size:15px}
table.credits th,table.credits td{text-align:left;padding:10px;border-bottom:1px solid var(--line)}
/* responsive */
@media (max-width:1020px){
  .navbar nav.main a{padding:19px 8px;font-size:13.5px}
  .g-layout{grid-template-columns:1fr}
  .side{display:grid;grid-template-columns:1fr 1fr}
  .side-sticky,.ad-tall{position:static;min-height:250px}
  .tiles{grid-template-columns:repeat(2,1fr)}
  .seasons{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  body{font-size:17px}
  .wrap{padding:0 18px}
  .masthead .wrap{grid-template-columns:auto 1fr auto;padding-top:10px;padding-bottom:10px}
  .logo{grid-column:1}
  .logo svg{width:44px;height:44px}
  .logo .lt span{font-size:30px}
  .logo .lt small{font-size:11px}
  .mh-right{display:none}
  .navbar{position:sticky}
  .navbar .wrap{justify-content:space-between}
  .navbar nav.main{display:none}
  .menu{display:block;width:100%}
  .menu summary{list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font:500 14px/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;color:var(--harbor);padding:17px 0}
  .menu summary::-webkit-details-marker{display:none}
  .menu summary i{width:22px;height:2px;background:var(--harbor);position:relative;display:block}
  .menu summary i::before,.menu summary i::after{content:"";position:absolute;left:0;width:22px;height:2px;background:var(--harbor)}
  .menu summary i::before{top:-7px}.menu summary i::after{top:7px}
  .menu nav{display:flex;flex-direction:column;padding:0 0 12px}
  .menu nav a{padding:13px 0;border-top:1px solid var(--line);font:400 15px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase;color:var(--harbor);text-decoration:none}
  .hero{min-height:560px}
  .hero .in{padding:50px 20px 100px}
  .hero p.lede{font-size:18px}
  .hero .credit{bottom:44px;left:14px;right:14px;text-align:center}
  .wave{height:36px}
  .sec{padding:54px 0}
  .split{grid-template-columns:1fr;gap:40px}
  .feat{padding-bottom:0}
  .explore{position:relative;left:auto;right:auto;margin:-60px 18px 0;padding:24px}
  .stack{height:300px}
  .tiles{gap:12px}
  .tile span{left:8px;right:8px;bottom:14px;font-size:13px;padding:11px 6px}
  .hello .wrap{grid-template-columns:1fr;gap:34px}
  .hello .ph{max-width:300px;margin:0 auto}
  .hello h2{font-size:27px}
  .posts{grid-template-columns:1fr;gap:34px}
  .seasons{grid-template-columns:1fr}
  .strip{grid-template-columns:repeat(3,1fr)}
  .foot .cols{grid-template-columns:1fr;gap:26px}
  .foot .top nav a{margin:0 18px 0 0;display:inline-block;padding:6px 0}
  .side{grid-template-columns:1fr}
  .places{grid-template-columns:1fr}
  .jump ol{columns:1}
  .prose{font-size:17.5px}
  .prose h2{font-size:25px}
  .g-dek{font-size:19px}
  .news input{width:100%}
  .news button{width:100%}
  .tl-arrows{display:none}
  .tl-viewport{overflow:visible;padding:0 18px}
  .tl-track{flex-direction:column;width:auto;padding:0;gap:14px}
  .tl-item{width:auto;flex:none}
  .tl-month span{writing-mode:horizontal-tb;transform:none;font-size:26px}
  .tl-month{padding:8px 0 0}
  .tl-more{display:block}.tl-more[hidden]{display:none}
  .filters{justify-content:flex-start}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* fixes after review */
.sand .aff{background:#fff;box-shadow:0 6px 20px rgba(20,64,92,.07)}
.season .ico{color:var(--c);background:color-mix(in srgb,var(--c) 16%,#fff)}
.tl-viewport{scroll-padding-left:max(24px,calc((100vw - 1200px)/2 + 24px))}
.g-hero{margin:0}
.g-layout .side{align-self:stretch}
.stack .p2{top:150px}
.stack{height:440px}
@media (max-width:760px){
  .draftbar{font-size:12px;padding:6px 12px}
  .menu summary{padding:13px 0}
  .stack{height:330px}.stack .p2{top:120px}
  .explore{margin-top:-40px}
  .hello .ph-note{display:block;width:max-content;max-width:100%}
}
.stack figure{width:60%}.stack .p1{left:2%}.stack .p2{top:175px;right:0}
@media (max-width:760px){.stack{height:340px}.stack .p2{top:135px}}