:root{
  --zu-ink:#0d0d0d;
  --zu-text:#3d3d3d;
  --zu-quiet:#5b6470;
  --zu-paper:#ffffff;
  --zu-mist:#f4f4f4;
  --zu-mist-2:#ececec;
  --zu-hl:#ff584a;
  --zu-hl-deep:#690031;
  --zu-blush:#ffeaec;
  --zu-show:"Hanken Grotesk","zu-show-fb",Arial,sans-serif;
  --zu-read:"DM Sans","zu-read-fb",Arial,sans-serif;
  --zu-wrap:1200px;
  --zu-gut:clamp(16px,4vw,40px);
  --zu-r-card:14px;
  --zu-r-pill:100px;
}

@font-face{font-family:"DM Sans";font-style:normal;font-weight:300 500;font-display:swap;src:url(/assets/fonts/dmsans-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:300 500;font-display:swap;src:url(/assets/fonts/dmsans-latinext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/hanken-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/hanken-600-latinext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"zu-read-fb";src:local("Arial");size-adjust:99%;ascent-override:94%;descent-override:29%;line-gap-override:0%}
@font-face{font-family:"zu-show-fb";src:local("Arial");size-adjust:97%;ascent-override:98%;descent-override:26%;line-gap-override:0%}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:88px}
body{margin:0;background:var(--zu-paper);color:var(--zu-text);font-family:var(--zu-read);font-weight:350;font-size:1.0625rem;line-height:1.6}
img{display:block;max-width:100%;height:auto}
figure{margin:0}
a{color:var(--zu-ink);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--zu-hl-deep)}
:focus-visible{outline:3px solid var(--zu-hl-deep);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-family:var(--zu-show);font-weight:600;color:var(--zu-ink);letter-spacing:-.012em;margin:0}
h1{font-size:clamp(2.35rem,5.6vw,4.4rem);line-height:1.02}
h2{font-size:clamp(1.65rem,3.2vw,2.5rem);line-height:1.1}
h3{font-size:1.3rem;line-height:1.2}
p{margin:0 0 1em}
strong{font-weight:500;color:var(--zu-ink)}
ul,ol{padding-left:1.2em}
table{border-collapse:collapse}

.zu-tank{max-width:var(--zu-wrap);margin-inline:auto;padding-inline:var(--zu-gut)}
.zu-vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.zu-skip{position:absolute;left:12px;top:-60px;z-index:60;background:var(--zu-ink);color:#fff;padding:12px 20px;border-radius:var(--zu-r-pill);text-decoration:none}
.zu-skip:focus{top:12px;color:#fff}

.zu-hook{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:48px;padding:.7em 1.6em;border:2px solid var(--zu-ink);border-radius:var(--zu-r-pill);font-family:var(--zu-read);font-weight:500;font-size:1rem;line-height:1.2;color:var(--zu-ink);text-decoration:none;cursor:pointer;background:transparent;transition:transform .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}
.zu-hook svg{width:1em;height:1em;flex:none}
.zu-hook--bite{background:var(--zu-hl);box-shadow:0 0 0 0 var(--zu-ink)}
.zu-hook--bite:hover{background:var(--zu-ink);color:#fff;transform:translateY(-3px);box-shadow:0 3px 0 0 var(--zu-hl)}
.zu-hook--line{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-color:var(--zu-hl)}
.zu-hook--line:hover{background:var(--zu-blush);color:var(--zu-hl-deep);border-color:var(--zu-hl-deep);text-underline-offset:8px}
.zu-hook:active{transform:translateY(1px);box-shadow:none}
.zu-hook--small{min-height:44px;padding:.5em 1.15em;font-size:.94rem}

.zu-tag{display:inline-block;align-self:flex-start;justify-self:start;padding:.22em .8em;border-radius:999px;background:var(--zu-blush);color:var(--zu-hl-deep);font-size:.8rem;font-weight:500;letter-spacing:.03em}
.zu-eyebrow{font-size:.82rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--zu-hl-deep);margin:0 0 1rem}

.zu-score{display:flex;flex-wrap:wrap;align-items:center;gap:.35em .6em;font-size:.95rem;color:var(--zu-quiet)}
.zu-score b{font-weight:500;color:var(--zu-ink);font-size:1.02rem}
.zu-stars{position:relative;display:inline-block;width:92px;height:17px;flex:none}
.zu-stars svg{display:block;width:92px;height:17px}
.zu-stars__fill{position:absolute;inset:0 auto 0 0;overflow:hidden}
.zu-stars__base{color:#d9d9d9}
.zu-stars__fill svg{color:var(--zu-hl)}

.zu-cast{padding-block:clamp(40px,7vw,96px) clamp(56px,8vw,112px)}
.zu-cast__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:clamp(32px,5vw,72px);align-items:center}
.zu-cast h1 em{font-style:normal;background-image:none;text-decoration:underline;text-decoration-color:var(--zu-hl);text-decoration-thickness:.12em;text-underline-offset:.1em}
.zu-cast__lede{font-size:1.2rem;font-weight:300;color:var(--zu-text);max-width:30em;margin:1.4rem 0 2rem}
.zu-cast__actions{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:center}
.zu-cast__facts{display:flex;flex-wrap:wrap;gap:8px 22px;margin:2rem 0 0;padding:0;list-style:none;font-size:.92rem;color:var(--zu-quiet)}
.zu-cast__facts b{font-family:var(--zu-show);font-weight:600;color:var(--zu-ink);font-size:1.3rem;margin-right:.25em}
.zu-tray{background:var(--zu-mist);border-radius:20px;padding:22px 22px 14px;max-height:320px;transform:rotate(-1.2deg)}
.zu-tray__title{font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--zu-quiet);margin:0 0 10px}
.zu-tray__list{list-style:none;margin:0;padding:0}
.zu-tray__row{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:4px 0}
.zu-tray__row img{width:48px;height:48px;border-radius:12px;object-fit:cover}
.zu-tray__row a{text-decoration:none;font-weight:500;line-height:1.25;display:block;padding-block:6px}
.zu-tray__row a:hover{text-decoration:underline}
.zu-tray__num{font-family:var(--zu-show);font-weight:600;color:var(--zu-ink);font-size:1.05rem}

.zu-tide{padding-block:clamp(56px,8vw,104px)}
.zu-tide--dense{padding-block:clamp(40px,5vw,64px)}
.zu-tide--air{padding-block:clamp(72px,10vw,128px)}
.zu-tide--mist{background:var(--zu-paper)}
.zu-tide__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 48px;align-items:end;margin-bottom:clamp(28px,4vw,48px)}
.zu-tide__head p{margin:0;max-width:34em;color:var(--zu-text)}
.zu-tide__head--stack{grid-template-columns:1fr}

.zu-shoal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.zu-catch{position:relative;display:flex;flex-direction:column;background:var(--zu-mist);border-radius:var(--zu-r-card);overflow:hidden}
.zu-catch__frame{aspect-ratio:16/10;overflow:hidden;background:var(--zu-mist-2)}
.zu-catch__frame img{width:100%;height:100%;object-fit:cover}
.zu-catch__body{display:flex;flex-direction:column;gap:10px;padding:22px 24px 24px;flex:1}
.zu-catch__name{font-size:1.35rem}
.zu-catch__name a{text-decoration:none}
.zu-catch__name a:hover{text-decoration:underline;text-decoration-color:var(--zu-hl);text-decoration-thickness:2px}
.zu-catch__maker{margin:0;font-size:.9rem;color:var(--zu-quiet)}
.zu-catch__blurb{margin:0;font-size:1rem}
.zu-catch__say{margin:0;font-size:.98rem;color:var(--zu-ink)}
.zu-catch__say span{font-weight:500;color:var(--zu-hl-deep)}
.zu-catch__foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:auto;padding-top:8px}
.zu-catch__out{font-size:.94rem;text-decoration:underline;padding-block:12px}
.zu-catch--broad{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);background:var(--zu-paper);border:2px solid var(--zu-ink)}
.zu-catch--broad .zu-catch__frame{aspect-ratio:auto;min-height:100%}
.zu-catch--broad .zu-catch__body{padding:clamp(24px,3.4vw,44px);gap:14px}
.zu-catch--broad .zu-catch__name{font-size:clamp(1.6rem,2.8vw,2.2rem)}
.zu-catch--note{background:var(--zu-blush);justify-content:center;padding:clamp(24px,3vw,40px);gap:12px}
.zu-catch--note h3{color:var(--zu-hl-deep);font-size:1.6rem}
.zu-catch--note p{margin:0;color:var(--zu-ink)}
.zu-catch--note .zu-hook{align-self:flex-start;margin-top:8px}
.zu-catch__order{margin:6px 0 4px;padding:0;list-style:none;display:grid;gap:8px;counter-reset:ord}
.zu-catch__order li{counter-increment:ord;display:flex;gap:12px;align-items:baseline;color:var(--zu-ink)}
.zu-catch__order li::before{content:counter(ord);font-family:var(--zu-show);font-weight:600;color:var(--zu-hl-deep);min-width:1.2em}

.zu-log-wrap{width:100%;overflow-x:auto;border-radius:var(--zu-r-card)}
.zu-log{width:100%;min-width:680px;font-size:.96rem;line-height:1.45}
.zu-log caption{caption-side:top;text-align:left;font-family:var(--zu-show);font-weight:600;color:var(--zu-ink);font-size:1.1rem;padding:0 0 14px}
.zu-log th,.zu-log td{text-align:left;vertical-align:top;padding:14px 16px}
.zu-log thead th{font-size:.8rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--zu-quiet);border-bottom:2px solid var(--zu-ink);white-space:nowrap}
.zu-log tbody th{font-weight:500;color:var(--zu-ink)}
.zu-log tbody tr:nth-child(odd){background:var(--zu-mist)}
.zu-log__mark{font-family:var(--zu-show);font-weight:600;color:var(--zu-hl-deep);font-size:1.1rem}
.zu-log__note{margin:16px 0 0;font-size:.93rem;color:var(--zu-quiet);max-width:48em}
.zu-log--facts{min-width:0}
.zu-log--facts tbody th{width:34%}
.zu-yes{display:inline-flex;align-items:center;gap:6px}
.zu-yes svg{width:16px;height:16px;color:var(--zu-hl-deep);flex:none}

.zu-knots{display:grid;gap:10px}
.zu-knot{background:var(--zu-mist);border-radius:12px;width:100%}
.zu-knot summary{display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:56px;padding:16px 22px;cursor:pointer;list-style:none;font-weight:500;color:var(--zu-ink);font-size:1.06rem}
.zu-knot summary::-webkit-details-marker{display:none}
.zu-knot__sign{flex:none;width:30px;height:30px;border-radius:50%;background:var(--zu-paper);display:grid;place-items:center;transition:transform .2s ease}
.zu-knot__sign svg{width:14px;height:14px}
.zu-knot[open] .zu-knot__sign{transform:rotate(45deg);background:var(--zu-hl)}
.zu-knot__a{padding:0 22px 20px;max-width:50em}
.zu-knot__a p:last-child{margin-bottom:0}
.zu-faqsplit{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:start}
.zu-faqsplit__aside p{color:var(--zu-text);margin-top:1rem}

.zu-pond{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
.zu-pond__hub{display:grid;gap:18px}
.zu-pond__hub img{border-radius:var(--zu-r-card);aspect-ratio:3/2;object-fit:cover;width:100%}
.zu-pond__hub .zu-hook{justify-self:start}
.zu-pond__hub h3{font-size:clamp(1.5rem,2.4vw,2rem)}
.zu-pond__list{list-style:none;margin:0;padding:0;display:grid;gap:4px;counter-reset:pond}
.zu-pond__list li{padding:18px 0 18px 3.2em;position:relative;counter-increment:pond}
.zu-pond__list li::before{content:counter(pond,decimal-leading-zero);position:absolute;left:0;top:16px;font-family:var(--zu-show);font-weight:600;color:var(--zu-hl-deep);font-size:1.15rem}
.zu-pond__list a{font-weight:500;font-size:1.12rem}
.zu-pond__list p{margin:.35em 0 0;font-size:.97rem}

.zu-deck{padding-block:clamp(24px,4vw,48px) clamp(28px,4vw,56px)}
.zu-deck__lede{font-size:1.18rem;font-weight:300;max-width:36em;margin:1.1rem 0 0}
.zu-wake{margin:0 0 clamp(20px,3vw,36px);font-size:.9rem;color:var(--zu-quiet)}
.zu-wake ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 10px}
.zu-wake li{display:flex;gap:10px;align-items:center}
.zu-wake a{color:var(--zu-quiet);display:inline-block;padding-block:10px}
.zu-wake a:hover{color:var(--zu-hl-deep)}
.zu-wake [aria-current]{color:var(--zu-ink)}

.zu-gamehead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);gap:clamp(24px,4vw,64px);align-items:center}
.zu-gamehead__meta{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin:1.1rem 0}
.zu-gamehead__maker{margin:0;color:var(--zu-quiet);font-size:.95rem}
.zu-gamehead__cover{border-radius:18px;overflow:hidden;aspect-ratio:16/10;background:var(--zu-mist)}
.zu-gamehead__cover img{width:100%;height:100%;object-fit:cover}
.zu-gamehead .zu-hook{margin-top:1.6rem}

.zu-stern{display:grid;grid-template-columns:auto minmax(0,1.2fr) minmax(0,1fr);gap:clamp(20px,3vw,44px);background:var(--zu-mist);border-radius:20px;padding:clamp(24px,3.5vw,44px);align-items:start}
.zu-stern__mark{font-family:var(--zu-show);font-weight:600;color:var(--zu-hl-deep);font-size:clamp(3.2rem,6vw,4.6rem);line-height:.9;letter-spacing:-.03em}
.zu-stern__mark small{display:block;font-family:var(--zu-read);font-size:.9rem;letter-spacing:.02em;color:var(--zu-quiet);font-weight:400;margin-top:10px}
.zu-stern__label{font-family:var(--zu-read);font-weight:500;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--zu-quiet);margin-bottom:.6rem}
.zu-stern__say{margin:0;font-size:1.08rem;color:var(--zu-ink)}
.zu-stern__lists{display:grid;gap:18px}
.zu-stern__lists h3{font-family:var(--zu-read);font-weight:500;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--zu-quiet);margin-bottom:8px}
.zu-stern__lists ul{list-style:none;margin:0;padding:0;display:grid;gap:7px;font-size:.97rem}
.zu-stern__lists li{position:relative;padding-left:1.6em}
.zu-stern__lists li::before{content:"";position:absolute;left:0;top:.62em;width:.8em;height:2px;background:var(--zu-ink)}
.zu-stern__plus li::after{content:"";position:absolute;left:.3em;top:calc(.62em - .3em + 1px);width:2px;height:.8em;background:var(--zu-ink)}

.zu-leaf{display:grid;grid-template-columns:minmax(0,42em) minmax(0,1fr);gap:0 clamp(24px,4vw,60px);padding-block:clamp(26px,3.5vw,44px) 0}
.zu-leaf__text h2{margin-bottom:.8rem}
.zu-leaf__text{grid-column:1}
.zu-leaf__side{grid-column:2;align-self:start;padding-top:.4rem}
.zu-shot img{border-radius:12px;width:100%;background:var(--zu-mist)}
.zu-shot figcaption{font-size:.88rem;color:var(--zu-quiet);margin-top:10px;line-height:1.45}
.zu-shot--tall{max-width:300px}
.zu-endfacts{padding-block:clamp(40px,5vw,64px) 0}
.zu-endfacts h2{margin-bottom:1.2rem}

.zu-kin{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.zu-kin a{display:grid;grid-template-columns:64px 1fr;gap:14px;align-items:center;text-decoration:none;background:var(--zu-mist);border-radius:var(--zu-r-card);padding:14px;height:100%}
.zu-kin a:hover{background:var(--zu-blush)}
.zu-kin img{width:64px;height:64px;border-radius:12px;object-fit:cover}
.zu-kin b{display:block;font-weight:500;color:var(--zu-ink);line-height:1.25}
.zu-kin small{display:block;font-size:.88rem;color:var(--zu-quiet);margin-top:4px}
.zu-kin__head{margin-bottom:1.2rem}

.zu-read{display:grid;grid-template-columns:minmax(0,42em) minmax(0,1fr);gap:0 clamp(24px,4vw,64px)}
.zu-read__main>h2{margin:2.2rem 0 .8rem}
.zu-read__main>h2:first-child{margin-top:0}
.zu-read__main>ul,.zu-read__main>ol{margin:0 0 1.1em}
.zu-read__main li{margin-bottom:.45em}
.zu-read__side{display:grid;gap:28px;align-content:start;padding-top:.3rem}
.zu-read__fig{margin:1.8rem 0 2rem}
.zu-read__main .zu-log-wrap{margin-top:1.4rem}
.zu-picks__end{margin-top:clamp(40px,6vw,72px)}
.zu-kinds{list-style:none;padding:0;margin:0 0 1.2em;display:grid;gap:14px}
.zu-kinds li{background:var(--zu-mist);border-radius:12px;padding:18px 20px;margin:0}
.zu-kinds b{display:block;font-family:var(--zu-show);font-weight:600;color:var(--zu-ink);font-size:1.12rem;margin-bottom:4px}
.zu-weights{list-style:none;padding:0;margin:0 0 1.2em;display:grid;gap:10px}
.zu-weights li{display:grid;grid-template-columns:4.2em 1fr;gap:14px;align-items:baseline}
.zu-weights b{font-family:var(--zu-show);font-weight:600;color:var(--zu-hl-deep);font-size:1.5rem}

.zu-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-bottom:clamp(36px,5vw,56px)}
.zu-log__note+.zu-read{margin-top:clamp(36px,5vw,60px)}
.zu-duo__side{background:var(--zu-mist);border-radius:var(--zu-r-card);overflow:hidden}
.zu-duo__side:nth-child(2){transform:translateY(22px)}
.zu-duo__side img{aspect-ratio:16/10;object-fit:cover;width:100%}
.zu-duo__body{padding:22px 24px 26px}
.zu-duo__body h2{font-size:1.5rem;margin-bottom:.5rem}
.zu-duo__body ul{margin:.8rem 0 1rem;padding-left:1.1em}

.zu-rank{list-style:none;margin:clamp(28px,4vw,48px) 0 0;padding:0;display:grid;gap:clamp(28px,4vw,48px)}
.zu-rank__item{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,260px);gap:clamp(16px,3vw,40px);align-items:start}
.zu-rank__num{font-family:var(--zu-show);font-weight:600;font-size:clamp(3.4rem,8vw,6rem);line-height:.85;color:var(--zu-hl);letter-spacing:-.04em;-webkit-text-stroke:0}
.zu-rank__item h2{font-size:clamp(1.4rem,2.6vw,1.9rem);margin-bottom:.4rem}
.zu-rank__item img{border-radius:12px;aspect-ratio:16/10;object-fit:cover;width:100%}

.zu-chart{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 48px}
.zu-chart h2{font-size:1.25rem;margin-bottom:.6rem}
.zu-chart ul{list-style:none;margin:0;padding:0}
.zu-chart li a{display:inline-block;padding-block:9px}
.zu-chart__next{margin-top:2rem}
.zu-chart ul ul{padding-left:1.1em;border-left:2px solid var(--zu-blush)}

.zu-sheet{display:grid;grid-template-columns:minmax(0,44em) minmax(0,1fr);gap:0 64px}
.zu-sheet__body h2{font-size:1.45rem;margin:2.2rem 0 .7rem}
.zu-sheet__body h3{font-size:1.1rem;margin:1.4rem 0 .5rem}
.zu-sheet__body li{margin-bottom:.4em}
.zu-sheet__stamp{display:inline-block;margin:0 0 1.4rem;font-size:.92rem;color:var(--zu-quiet)}
.zu-sheet__aside{padding-top:.5rem}
.zu-sheet__aside nav{position:sticky;top:96px}
.zu-sheet__aside ul{list-style:none;margin:.6rem 0 0;padding:0}
.zu-sheet__aside a{display:inline-block;padding-block:8px;font-size:.95rem}
.zu-sheet__aside p{margin:0;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--zu-quiet)}
.zu-owner{font-style:normal;background:var(--zu-mist);border-radius:12px;padding:18px 22px;margin:0 0 1.2em;line-height:1.7;overflow-wrap:anywhere}
.zu-sheet .zu-log-wrap{margin:0 0 1.2em}

.zu-mailbig{font-family:var(--zu-show);font-weight:600;font-size:clamp(1.5rem,4vw,2.6rem);overflow-wrap:anywhere;margin:.4rem 0 1.4rem}
.zu-mailbig a{text-decoration-color:var(--zu-hl);text-decoration-thickness:3px;text-underline-offset:6px}

.zu-dock{position:sticky;top:0;z-index:40;background:var(--zu-paper)}
.zu-dock__row{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:72px}
.zu-mark{font-family:var(--zu-show);font-weight:600;font-size:1.22rem;letter-spacing:.09em;text-transform:uppercase;color:var(--zu-ink);text-decoration:none;display:inline-flex;align-items:baseline;padding-block:10px}
.zu-mark__b{color:var(--zu-hl-deep);position:relative;margin-left:.08em}
.zu-mark__b::after{content:"";position:absolute;left:0;right:.09em;bottom:-5px;height:4px;border-radius:4px;background:var(--zu-hl)}
.zu-mark:hover{color:var(--zu-ink)}
.zu-reel__list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px}
.zu-reel__link{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;border-radius:var(--zu-r-pill);text-decoration:none;font-size:.95rem;font-weight:400;color:var(--zu-ink)}
.zu-reel__link:hover{background:var(--zu-mist);color:var(--zu-ink)}
.zu-reel__link[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--zu-hl);text-decoration-thickness:2px;text-underline-offset:6px}
.zu-reel-toggle{display:none;width:48px;height:48px;border:2px solid var(--zu-ink);border-radius:var(--zu-r-pill);background:var(--zu-paper);color:var(--zu-ink);cursor:pointer;padding:0;align-items:center;justify-content:center}
.zu-reel-toggle:hover{background:var(--zu-blush)}
.zu-reel-toggle .zu-reel-toggle__icon{width:22px;height:22px}
.zu-reel-toggle .zu-reel-toggle__shut{display:none}
.zu-reel-toggle[aria-expanded="true"] .zu-reel-toggle__open{display:none}
.zu-reel-toggle[aria-expanded="true"] .zu-reel-toggle__shut{display:block}
html.zu-locked,html.zu-locked body{overflow:hidden}

.zu-pier{background:var(--zu-paper);padding-block:clamp(64px,9vw,112px) 32px;margin-top:clamp(48px,7vw,96px)}
.zu-pier__top{display:grid;grid-template-columns:minmax(0,1.1fr) repeat(3,minmax(0,.7fr));gap:36px 40px}
.zu-pier__mailbox{background:var(--zu-mist);border-radius:18px;padding:26px 28px}
.zu-pier__mailbox h2{font-size:1.5rem;margin-bottom:.5rem}
.zu-pier__mailbox p{font-size:.97rem}
.zu-pier__mail{font-weight:500;font-size:1.1rem;overflow-wrap:anywhere;display:inline-block;padding-block:8px}
.zu-pier__group h2{font-family:var(--zu-read);font-weight:500;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--zu-quiet);margin-bottom:.6rem}
.zu-pier__group ul{list-style:none;margin:0;padding:0}
.zu-pier__group a{display:inline-block;padding-block:8px;text-decoration:none;font-size:.96rem;line-height:1.3}
.zu-pier__group a:hover{text-decoration:underline}
.zu-pier__base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 32px;margin-top:clamp(40px,6vw,72px);font-size:.9rem;color:var(--zu-quiet)}
.zu-pier__base a{color:var(--zu-quiet);display:inline-block;padding-block:10px}

.zu-buoy{position:fixed;left:16px;bottom:16px;z-index:50;width:min(34em,calc(100% - 32px));background:var(--zu-paper);color:var(--zu-ink);border-radius:18px;box-shadow:0 10px 40px rgba(13,13,13,.18);padding:20px 22px}
.zu-buoy[hidden]{display:none}
.zu-buoy__text{margin:0 0 14px;font-size:.95rem;line-height:1.5}
.zu-buoy__text a{text-decoration:underline;text-underline-offset:3px;color:var(--zu-hl-deep)}
.zu-buoy__acts{display:flex;flex-wrap:wrap;gap:10px}

@media (max-width:1020px){
  .zu-reel-toggle{display:inline-flex}
  .zu-reel{position:fixed;inset:72px 0 0 0;background:var(--zu-paper);padding:12px var(--zu-gut) 32px;overflow-y:auto;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}
  .zu-reel[data-open="true"]{visibility:visible;opacity:1;transform:none;transition:opacity .2s ease,transform .2s ease}
  .zu-reel__list{flex-direction:column;align-items:stretch;gap:0}
  .zu-reel__link{min-height:56px;font-size:1.25rem;font-family:var(--zu-show);font-weight:600;border-radius:14px;padding:0 14px}
  .zu-pier__top{grid-template-columns:repeat(2,minmax(0,1fr))}
  .zu-pier__mailbox{grid-column:1/-1}
  .zu-stern{grid-template-columns:auto minmax(0,1fr)}
  .zu-stern__lists{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}
  .zu-chart{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:860px){
  .zu-cast__grid,.zu-gamehead,.zu-pond,.zu-faqsplit,.zu-tide__head{grid-template-columns:1fr}
  .zu-tray{transform:none;max-height:none}
  .zu-catch--broad{grid-template-columns:1fr}
  .zu-catch--broad .zu-catch__frame{aspect-ratio:16/10;min-height:0}
  .zu-leaf,.zu-read,.zu-sheet{grid-template-columns:minmax(0,1fr)}
  .zu-leaf__side{grid-column:1;padding-top:1.2rem}
  .zu-shot--tall{max-width:260px}
  .zu-sheet__aside{display:none}
  .zu-kin{grid-template-columns:1fr}
  .zu-rank__item{grid-template-columns:auto minmax(0,1fr)}
  .zu-rank__item figure{grid-column:2}
  .zu-duo__side:nth-child(2){transform:none}
}
@media (max-width:640px){
  body{font-size:1rem}
  .zu-shoal,.zu-duo,.zu-chart,.zu-pier__top{grid-template-columns:minmax(0,1fr)}
  .zu-stern{grid-template-columns:1fr}
  .zu-stern__lists{grid-template-columns:1fr}
  .zu-cast__lede{font-size:1.08rem}
  .zu-buoy{left:8px;bottom:8px;width:calc(100% - 16px);padding:16px 18px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition:none!important;animation:none!important}
  html{scroll-behavior:auto}
}