@font-face{font-family:Fugaz;src:url("/fonts/FugazOne-Regular.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Jakarta;src:url("/fonts/PlusJakartaSans-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Jakarta;src:url("/fonts/PlusJakartaSans-600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Jakarta;src:url("/fonts/PlusJakartaSans-700.woff2") format("woff2");font-weight:700;font-display:swap}

:root{
  --lake:#041821;--lake-2:#072430;--deep:#021016;
  --cyan:#3de7d8;--cyan-2:#7ef6ea;
  --amber:#ff8c1a;--amber-2:#ffb04a;
  --gold:#f3c453;--gold-2:#ffe08a;
  --green:#2ecf6e;--wood:#4a2c18;--wood-2:#2a180c;--plank:#6b3e22;
  --ink:#eef6f4;--muted:#9bb0b0;--card:#0b2430;
  --cta:#ff8c1a;--cta-ink:#1a0c02;
  --radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{margin:0;padding:0;background:var(--lake);color:var(--ink);font-family:Jakarta,system-ui,sans-serif;line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold);text-decoration:none}
a:hover{color:var(--cyan)}
h1,h2,h3,h4{font-family:Fugaz,Jakarta,sans-serif;line-height:1.15;letter-spacing:.02em;color:var(--gold-2);margin:0 0 .5em}
h1{font-size:clamp(2.1rem,5vw,3.6rem);color:var(--gold)}
h2{font-size:clamp(1.4rem,3vw,2rem)}
p{margin:0 0 1em}
.az-skip{position:absolute;left:-999px;top:0}
.az-skip:focus{left:12px;top:12px;background:#000;padding:8px 12px;z-index:80}

/* dock header */
.az-dock{
  position:sticky;top:0;z-index:40;
  display:flex;align-items:center;gap:14px;
  padding:8px 18px;
  background:
    linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.45)),
    repeating-linear-gradient(90deg,#5a351c 0 18px,#3e2412 18px 20px,#6a4022 20px 36px,#2a160a 36px 38px);
  box-shadow:0 8px 24px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,200,120,.25);
  border-bottom:3px solid #c9893a;
}
.az-brand{display:flex;align-items:center;gap:8px;color:var(--gold-2);font-family:Fugaz,sans-serif;font-size:1.55rem;text-shadow:0 2px 0 #2a1406}
.az-brand svg{width:34px;height:34px;flex:none}
.az-lures{display:flex;gap:8px;flex:1;justify-content:center;flex-wrap:wrap}
.az-lures a{
  display:inline-flex;align-items:center;gap:6px;
  padding:7px 14px;border-radius:999px;
  background:linear-gradient(#1a0e08,#0d0705);
  border:1px solid #e0b25a;
  color:#ffe9b0;font-weight:700;font-size:.86rem;
  box-shadow:inset 0 1px 0 rgba(255,220,150,.25),0 2px 0 #1a0c06;
}
.az-lures a[aria-current="page"],.az-lures a:hover{background:linear-gradient(#3a220e,#1a0e08);color:#fff;border-color:var(--gold-2)}
.az-18{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#120806;border:2px solid var(--gold);color:var(--gold);font-weight:800;font-size:.8rem}
.az-cta,.az-cta-rec{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:12px 20px;border-radius:999px;font-weight:800;letter-spacing:.04em;
  border:0;cursor:pointer;text-align:center;
}
.az-cta{
  background:linear-gradient(180deg,var(--amber-2),var(--amber));
  color:var(--cta-ink);
  box-shadow:0 0 0 2px #7a3a00,0 6px 18px rgba(255,140,26,.4);
}
.az-cta:hover{color:#000;filter:brightness(1.06)}
.az-cta-rec{
  background:linear-gradient(180deg,#6ff3e6,var(--cyan));
  color:#042226;
  box-shadow:0 0 0 2px #0c5c55,0 6px 18px rgba(61,231,216,.28);
}
.az-cta-rec:hover{color:#021014;filter:brightness(1.05)}
.az-menu{display:none;background:transparent;border:0;color:var(--gold);font-size:1.4rem}
.az-note{font-size:.85rem;color:var(--muted)}
.az-disc{font-size:.8rem;color:#c9b48a;margin-top:.35em}

/* body water */
.az-body{
  background:
    radial-gradient(1200px 500px at 70% 0,rgba(255,140,26,.16),transparent 55%),
    radial-gradient(900px 600px at 10% 20%,rgba(61,231,216,.08),transparent 50%),
    linear-gradient(180deg,#03141c 0,var(--lake) 30%,#021018 100%);
  min-height:100vh;
}
.az-wrap{width:min(1280px,calc(100% - 24px));margin:0 auto;padding:16px 0 64px}
.az-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start}
@media (max-width:1040px){
  .az-grid{grid-template-columns:1fr}
  .az-lures{display:none}
  .az-lures.is-open{display:flex;position:absolute;top:62px;left:0;right:0;background:#1a1008;padding:12px;border-bottom:2px solid var(--gold);z-index:50}
  .az-menu{display:block}
  .az-dock{flex-wrap:nowrap;gap:8px}
  .az-dock>.az-cta{padding:8px 12px;font-size:.78rem;margin-left:auto;flex:none;white-space:nowrap}
  .az-brand{font-size:1.25rem}
}

/* hero */
.az-hero{
  position:relative;overflow:hidden;border-radius:22px;
  border:2px solid #d7a44a;
  box-shadow:0 10px 40px rgba(0,0,0,.45),inset 0 0 0 1px rgba(255,200,120,.25);
  min-height:420px;
  background:#041018;
}
.az-hero img.az-hero-art{width:100%;height:100%;object-fit:cover;min-height:420px;max-height:520px}
.az-hero-copy{
  position:absolute;left:0;top:0;bottom:0;width:min(46%,540px);
  padding:36px 28px 28px;
  background:linear-gradient(90deg,rgba(2,10,16,.82) 55%,rgba(2,10,16,0));
  display:flex;flex-direction:column;justify-content:center;
}
.az-kicker{color:var(--cyan);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;margin-bottom:.4em}
.az-hero h1{margin:0 0 .35em;text-shadow:0 3px 0 #1a0c04,0 0 24px rgba(0,0,0,.6)}
.az-hero h1 span{display:block;color:var(--cyan);font-size:.72em}
.az-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.az-ghost{
  display:inline-flex;align-items:center;gap:6px;padding:12px 18px;border-radius:999px;
  border:2px solid var(--cyan);color:#e8fffc;background:rgba(6,40,44,.55);font-weight:800
}
@media (max-width:720px){
  .az-hero-copy{position:relative;width:100%;background:linear-gradient(0deg,rgba(2,10,16,.9),rgba(2,10,16,.45));padding:20px}
  .az-hero img.az-hero-art{min-height:260px;max-height:320px}
}

/* flag rope */
.az-rope{position:relative;margin:18px 0 8px;padding-top:8px}
.az-rope:before{
  content:"";position:absolute;left:0;right:0;top:14px;height:6px;
  background:repeating-linear-gradient(90deg,#c9a06a 0 10px,#7a5a32 10px 14px);
  border-radius:4px;box-shadow:0 2px 0 #2a1a0c;
}
.az-flags{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:16px}
.az-flag{
  position:relative;background:#0b1c24;border-radius:10px;overflow:hidden;
  border:1px solid #c9a06a;transform-origin:top center;
  box-shadow:0 8px 16px rgba(0,0,0,.35);
}
.az-flag:nth-child(2){transform:rotate(-1.2deg)}
.az-flag:nth-child(3){transform:rotate(1deg)}
.az-flag img{width:100%;height:150px;object-fit:cover}
.az-clip{position:absolute;top:-8px;left:50%;width:16px;height:18px;margin-left:-8px;background:radial-gradient(circle at 50% 40%,#ffe08a,#b8862a);border-radius:3px 3px 6px 6px;z-index:2}
@media (max-width:800px){.az-flags{grid-template-columns:1fr}}

/* stringer tiles */
.az-stringer{margin:8px 0 22px}
.az-rail{
  height:14px;border-radius:8px;margin:0 8px 0;
  background:linear-gradient(#8a5a30,#3a2414);
  box-shadow:0 4px 0 #1a0e08;position:relative;
}
.az-tiles{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;padding:0 4px}
.az-tile{position:relative;margin-top:8px}
.az-hook{
  width:12px;height:22px;margin:0 auto -2px;
  background:linear-gradient(#ffe08a,#c9893a);
  border-radius:0 0 10px 10px;
  box-shadow:0 2px 0 #3a240c;
}
.az-tile a{
  display:block;background:#07161c;border:3px solid #e0b25a;border-radius:10px;overflow:hidden;
  box-shadow:0 8px 16px rgba(0,0,0,.4),inset 0 0 0 1px #7a5a22;
  transform:rotate(var(--tilt,0deg));
  transition:transform .2s ease, box-shadow .2s;
}
.az-tile:nth-child(odd){--tilt:-1.4deg}
.az-tile:nth-child(even){--tilt:1.1deg}
.az-tile a:hover{transform:rotate(0) translateY(-4px);box-shadow:0 14px 24px rgba(0,0,0,.5)}
.az-tile img{width:100%;aspect-ratio:1;object-fit:cover}
.az-tile figcaption{margin:0;padding:7px 6px 8px;text-align:center;font-weight:800;font-size:.72rem;color:#ffe9b0;background:#140c08}
.az-badges{position:absolute;left:8px;bottom:34px;display:flex;gap:4px;flex-wrap:wrap}
.az-badge{font-size:.62rem;font-weight:800;padding:2px 6px;border-radius:4px;letter-spacing:.04em}
.az-badge.hot{background:#ff3b4e;color:#fff}
.az-badge.novo{background:var(--green);color:#04210c}
.az-badge.plus{background:#120806;color:var(--gold);border:1px solid var(--gold)}
@media (max-width:1100px){.az-tiles{grid-template-columns:repeat(4,1fr)}}
@media (max-width:640px){.az-tiles{grid-template-columns:repeat(2,1fr)}}

/* weigh board */
.az-weigh{
  background:
    linear-gradient(180deg,rgba(20,10,4,.2),rgba(0,0,0,.35)),
    repeating-linear-gradient(180deg,#3a2414 0 28px,#2a180c 28px 30px);
  border:4px solid #d7a44a;border-radius:16px;
  padding:14px 14px 16px;color:#f8ecd0;
  box-shadow:0 12px 30px rgba(0,0,0,.4),inset 0 0 0 2px #6a4218;
  position:sticky;top:84px;
}
.az-weigh h2{color:var(--gold-2);font-size:1.15rem;text-align:center;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid #c9893a}
.az-weigh table{width:100%;border-collapse:collapse;font-size:.84rem}
.az-weigh th,.az-weigh td{padding:7px 4px;border-bottom:1px dashed rgba(201,137,58,.35);text-align:left}
.az-weigh td:last-child{text-align:right;font-weight:800;color:var(--gold-2);white-space:nowrap}
.az-weigh caption{caption-side:bottom;font-size:.75rem;color:#d7c29a;padding-top:8px;text-align:left}
.az-weigh .az-cta{width:100%;margin-top:12px}

/* content */
.az-prose{background:rgba(6,22,30,.72);border:1px solid rgba(215,164,74,.35);border-radius:16px;padding:22px 24px;margin:18px 0}
.az-prose h2{margin-top:1.2em}
.az-prose ul,.az-prose ol{padding-left:1.2em}
.az-prose li{margin:.3em 0}
.az-fig{margin:0 0 1.2em;background:#07141a;border:1px solid rgba(215,164,74,.4);border-radius:12px;overflow:hidden}
.az-fig img{width:100%;aspect-ratio:1200/630;object-fit:cover}
.az-fig figcaption{padding:8px 12px;font-size:.86rem;color:#c9d8d6}
.az-crumbs{font-size:.86rem;color:var(--muted);margin:6px 0 14px}
.az-crumbs a{color:var(--cyan)}
.az-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:12px 0 18px}
.az-kpi{background:#0b2430;border:1px solid #d7a44a;border-radius:12px;padding:12px}
.az-kpi b{display:block;font-family:Fugaz,sans-serif;color:var(--gold);font-size:1.15rem}
.az-kpi span{font-size:.8rem;color:var(--muted)}
.az-call{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0;padding:14px;border-radius:14px;background:linear-gradient(90deg,#2a1608,#122028);border:1px solid var(--amber)}

/* reviews log */
.az-journal{
  background:
    linear-gradient(180deg,#f3e2c0,#e6cda0);
  color:#2a1a10;border-radius:8px 16px 16px 8px;
  border:3px solid #6a4218;padding:16px 16px 20px;
  box-shadow:8px 0 0 #3a2414,12px 8px 20px rgba(0,0,0,.35);
}
.az-journal h1,.az-journal h2{color:#6a3a0c}
.az-journal p,.az-journal li{color:#2e2014}
.az-tools{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 14px}
.az-tools input,.az-tools select,.az-tools button{
  font:inherit;padding:8px 10px;border-radius:8px;border:1px solid #8a5a30;background:#fff8ea;color:#2a1a10
}
.az-voyage{margin:16px 0 8px;padding:6px 0;border-bottom:2px solid #8a5a30;font-family:Fugaz,sans-serif;color:#5a300c}
.az-logs{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media (max-width:800px){.az-logs{grid-template-columns:1fr}}
.az-log{
  background:#fff6e4;border:1px solid #c9a06a;border-radius:8px;padding:8px 10px 10px;
  display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:start;
}
.az-log[hidden]{display:none !important}
.az-stamp{
  width:28px;height:28px;border-radius:50%;background:#3a2414;color:var(--gold);
  display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800
}
.az-log b{display:block;color:#1a0e08}
.az-local{font-size:.78rem;color:#5a4430}
.az-log .az-more{font-size:.78rem;font-weight:800;color:#0a5c54}
.az-pages{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:16px}
.az-pages button{
  min-width:40px;padding:8px 10px;border-radius:8px;border:1px solid #8a5a30;
  background:#3a2414;color:#ffe9b0;font-weight:800;cursor:pointer
}
.az-pages button[aria-current="true"]{background:var(--amber);color:#1a0c02}
.az-trophy{border:2px solid #c9893a;background:#fff1d0}

/* footer */
.az-foot{
  background:
    linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.5)),
    repeating-linear-gradient(90deg,#5a351c 0 18px,#3e2412 18px 20px,#6a4022 20px 36px);
  border-top:3px solid #c9893a;color:#f0e0c0;padding:22px 16px 36px;font-size:.9rem
}
.az-foot a{color:var(--gold-2)}
.az-foot-in{width:min(1280px,calc(100% - 24px));margin:0 auto;display:grid;gap:10px}
.az-legal{opacity:.9}

/* inner hero img */
.az-pagehero{margin:0 0 12px}
@media (max-width:1040px){.az-weigh{position:static}}