:root{
  --deep:#071a33; --navy:#0c2340; --navy-2:#14365e; --sea:#2c6aa8; --sky:#a9c9e4;
  --brass:#cfae78; --brass-d:#bc9a62; --brass-soft:#f1e7d4;
  --foam:#f7f4ee; --sand:#ece6da; --white:#fff;
  --ink:#0c2340; --muted:#5a6779; --line:rgba(12,35,64,.12); --line-d:rgba(255,255,255,.16);
  --head:'Red Hat Display',system-ui,sans-serif; --body:'Red Hat Text',system-ui,sans-serif;
  --r:16px; --wrap:1240px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--body);color:var(--ink);background:var(--foam);line-height:1.6;-webkit-font-smoothing:antialiased}
img,video{display:block;max-width:100%}
a{color:inherit}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 32px}
h1,h2,h3{font-family:var(--head);letter-spacing:-.015em;line-height:1.1}
h2{font-size:clamp(2rem,3.6vw,3rem);font-weight:800}
h3{font-weight:700}
.lead{font-size:1.1rem;color:var(--muted);max-width:560px}
.btn{display:inline-block;padding:14px 24px;border-radius:999px;font-family:var(--body);font-weight:600;font-size:.95rem;text-decoration:none;border:0;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.b-brass{background:var(--brass);color:var(--deep)}.b-brass:hover{background:var(--brass-d)}
.b-navy{background:var(--navy);color:#fff}.b-navy:hover{background:var(--navy-2)}
.b-line{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55);color:#fff}.b-line:hover{background:rgba(255,255,255,.1)}
.b-ghost{box-shadow:inset 0 0 0 1.5px var(--navy);color:var(--navy)}.b-ghost:hover{background:var(--navy);color:#fff}
.tlink{font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1.5px;text-decoration-color:var(--brass)}
.cap{font-size:.8rem;color:var(--muted);margin-top:10px}
.note{position:fixed;left:16px;bottom:16px;z-index:60;background:#fff;border-radius:12px;padding:10px 14px;font-size:.78rem;box-shadow:0 6px 24px rgba(0,0,0,.18);max-width:300px}
.note b{color:var(--brass-d)}

/* HEADER */
.site{position:fixed;inset:0 0 auto 0;z-index:50;padding:20px 0;transition:background .3s,padding .3s}
.site.solid{background:var(--navy);padding:10px 0}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo img{height:124px;width:auto;transition:height .3s}
.site.solid .logo img{height:48px}
.menu{display:flex;gap:28px;list-style:none;color:#fff;font-weight:500;font-size:.95rem}
.menu a{text-decoration:none;opacity:.88}
.menu a:hover{opacity:1;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--brass)}
.nav-r{display:flex;align-items:center;gap:18px}
.lang{color:#fff;font-size:.8rem;font-weight:600;display:flex;gap:9px;opacity:.8}
.lang a{text-decoration:none}.lang a.on{text-decoration:underline;text-underline-offset:4px}
.burger{display:none;background:none;border:1.5px solid rgba(255,255,255,.55);color:#fff;width:44px;height:44px;border-radius:12px;font-size:1.1rem}

/* HERO (pionowy film BGZ bez ramki, brzegi rozpływają się w tle z tym samym filmem rozmytym; na telefonie film na cały ekran) */
.hero{--fh:min(84vh,780px);position:relative;min-height:100vh;min-height:100svh;background:var(--deep);color:#fff;display:flex;align-items:flex-end;overflow:hidden}
.hero-bg{position:absolute;inset:0;overflow:hidden}
.hero-bg video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(38px) saturate(1.15);transform:scale(1.2);opacity:.6}
.hero::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(7,26,51,.55) 0%,rgba(7,26,51,.15) 30%,rgba(7,26,51,.35) 70%,rgba(7,26,51,.9) 100%),linear-gradient(90deg,rgba(7,26,51,.7) 0%,rgba(7,26,51,.1) 70%)}
.hero-film{position:absolute;z-index:2;bottom:0;right:max(32px,calc((100vw - var(--wrap))/2 + 32px));height:var(--fh);aspect-ratio:3/4}
.film-in{position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 26%,#000 80%,transparent),linear-gradient(180deg,transparent,#000 20%,#000 74%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 26%,#000 80%,transparent),linear-gradient(180deg,transparent,#000 20%,#000 74%,transparent);mask-composite:intersect}
.hero-in{position:relative;z-index:2;width:100%;padding:170px 0 52px}
.hero-copy{max-width:calc(100% - var(--fh)*.75 + 60px)}
.hero h1{font-size:clamp(2.8rem,5.4vw,5.4rem);font-weight:800;max-width:14ch}
.hero .sub{font-size:1.15rem;opacity:.92;max-width:560px;margin-top:22px}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.wind{margin-top:34px;background:rgba(7,26,51,.82);border-radius:var(--r);padding:20px 22px;display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:end;width:min(560px,100%)}
.wind .vals{display:flex;gap:24px;flex-wrap:wrap}
.wind .vals div b{display:flex;align-items:center;gap:8px;font-family:var(--head);font-weight:700;font-size:1.5rem;line-height:1.1}
.wind .vals div>span{font-size:.78rem;opacity:.6}
.wind .arr{width:20px;height:20px;transition:transform 1.2s ease}
.wind .t{font-size:.78rem;opacity:.6;margin-bottom:10px}
.spark{display:flex;align-items:flex-end;gap:3px;height:38px}
.spark div{flex:1;background:rgba(169,201,228,.45);border-radius:2px 2px 0 0;min-height:2px;position:relative}
.spark i{position:absolute;left:0;right:0;height:2px;background:var(--brass)}
.wind small{display:block;font-size:.74rem;opacity:.72;margin-top:6px;grid-column:1/-1;line-height:1.45}
.wind small a{color:var(--sky)}
.hero-film video,.hero-film img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 35%}

/* ABOUT */
.about{padding:120px 0}
.about-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;align-items:center}
.about h2{margin-bottom:22px}
.about p{font-size:1.08rem;color:var(--muted);max-width:520px}
.about p+p{margin-top:14px}
.areas{margin-top:34px;border-top:1px solid var(--line)}
.areas div{display:grid;grid-template-columns:160px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}
.areas b{font-family:var(--head);font-size:1.05rem}
.areas span{color:var(--muted);font-size:.97rem}
.duo{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}
.duo img{border-radius:var(--r);width:100%;height:440px;object-fit:cover}
.duo figure:last-child img{height:300px;margin-top:140px}

/* SEASON */
.season{padding:0 0 120px}
.head-row{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:36px}
.head-row p{color:var(--muted);margin-top:10px}
.log{border-top:1px solid var(--line)}
.ev{display:grid;grid-template-columns:150px 1fr 230px;gap:32px;padding:26px 0;border-bottom:1px solid var(--line);align-items:start}
.ev .when b{display:block;font-family:var(--head);font-weight:800;font-size:1.7rem;line-height:1}
.ev .when span{font-size:.85rem;color:var(--muted)}
.ev .where{font-size:.82rem;color:var(--brass-d);font-weight:600}
.ev h3{font-size:1.3rem;margin-top:4px}
.ev p{color:var(--muted);margin-top:6px;max-width:620px}
.ev img{border-radius:12px;width:100%;height:150px;object-fit:cover}

/* REGATTA */
.regatta{background:var(--navy);color:#fff;padding:120px 0}
.regatta .lead{color:rgba(255,255,255,.72)}
.reg-top{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:44px}
.reg-photos{display:grid;grid-template-columns:2fr 1fr;gap:14px}
.reg-photos img{border-radius:var(--r);width:100%;height:100%;object-fit:cover}
.reg-photos .side{display:grid;grid-template-rows:1fr 1fr;gap:14px}
.reg-photos .main{height:480px}
.reg-info{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;margin-top:56px}
.reg-info h3{font-size:1.3rem;margin-bottom:14px}
.rows{border-top:1px solid var(--line-d)}
.rows div{display:grid;grid-template-columns:170px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid var(--line-d);align-items:baseline}
.rows .k{font-size:.86rem;opacity:.62}
.rows .v{font-family:var(--head);font-weight:700;font-size:1.1rem}
.rows .v small{font-family:var(--body);font-weight:400;font-size:.88rem;opacity:.7;margin-left:8px}
.next{margin-top:56px;background:var(--navy-2);border-radius:var(--r);padding:30px 34px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.next h3{font-size:1.45rem}
.next p{opacity:.75;margin-top:4px}
.reg-links{display:flex;gap:28px;flex-wrap:wrap;margin-top:34px}
.reg-links a{color:#fff}

/* SPONSOR */
.sponsor{background:var(--brass-soft);padding:110px 0}
.sp-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.sp-grid img{border-radius:var(--r);width:100%;height:430px;object-fit:cover}
.sponsor h2{margin-bottom:18px}
.sponsor p{color:#4c5666;font-size:1.06rem;max-width:520px}
.sponsor p+p{margin-top:12px}
.sp-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.partners{margin-top:80px;background:#fff;border-radius:24px;padding:44px 48px 12px}
.partners-h{display:flex;justify-content:space-between;align-items:center;gap:20px 40px;flex-wrap:wrap;padding-bottom:30px}
.partners-h h3{font-size:clamp(1.4rem,2.2vw,1.9rem)}
.strat{display:flex;align-items:center;gap:18px}
.strat span{font-size:.85rem;color:var(--muted);text-align:right;max-width:9ch;line-height:1.3}
.strat img{height:58px;width:auto}
.logos{display:flex;flex-wrap:wrap;justify-content:center}
.logos>*{flex:0 0 20%;height:136px;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--line);min-width:0}
.logos img{max-width:82%;height:60px;width:auto;object-fit:contain;transition:transform .25s}
.logos a[href]:hover img{transform:scale(1.06)}

/* GALLERY */
.gallery{padding:120px 0 110px;overflow:hidden}
.filters{display:flex;gap:8px;flex-wrap:wrap}
.filters button{font:inherit;font-weight:600;font-size:.9rem;border:0;background:var(--sand);color:var(--navy);padding:10px 18px;border-radius:999px;cursor:pointer}
.filters button.on{background:var(--navy);color:#fff}
.strip{display:flex;gap:16px;overflow-x:auto;padding:0 0 8px;scrollbar-width:none;cursor:grab;touch-action:pan-y}
.strip::-webkit-scrollbar{display:none}
.strip figure{flex:none}
.strip img,.strip video{display:block;height:440px;width:auto;max-width:none;border-radius:var(--r);pointer-events:none;object-fit:cover}
.strip video{width:248px}
.g-more{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:26px}
.g-nav{display:flex;gap:10px}
.g-nav button{width:48px;height:48px;border-radius:50%;border:1.5px solid var(--navy);background:none;color:var(--navy);font-size:1.15rem;cursor:pointer}
.g-nav button:hover{background:var(--navy);color:#fff}

/* ARK */
.ark{background:var(--navy-2);color:#fff;padding:120px 0}
.ark-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.ark h2{margin-bottom:22px}
.ark p{opacity:.86;font-size:1.06rem;max-width:540px}
.ark p+p{margin-top:12px}
.ark .btn{margin-top:30px}
.ark blockquote{font-family:var(--head);font-weight:300;font-style:italic;font-size:clamp(1.3rem,1.9vw,1.6rem);line-height:1.35;border-left:3px solid var(--brass);padding-left:24px;margin-top:30px;max-width:520px}
.ark-ph{position:relative;padding:0 0 76px 64px}
.ark-ph img{display:block;object-fit:cover;border-radius:var(--r)}
.ark-ph .a{width:100%;aspect-ratio:4/3}
.ark-ph .b{position:absolute;left:0;bottom:0;width:50%;aspect-ratio:4/3;border:6px solid var(--navy-2);box-sizing:content-box}
.ark blockquote span{display:block;font-family:var(--body);font-weight:400;font-style:normal;font-size:.85rem;opacity:.65;margin-top:14px}

/* SUPPORT */
.support{padding:120px 0}
.sup-top{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
.card{border-radius:20px;padding:36px;display:flex;flex-direction:column;gap:12px;min-height:260px}
.card h3{font-size:1.75rem}
.card p{max-width:440px}
.card .btn{align-self:flex-start;margin-top:auto}
.card.a{background:var(--brass-soft)}
.card.a p{color:#4c5666}
.card.b{background:var(--navy);color:#fff}
.card.b p{opacity:.78}
.sup-rows{margin-top:20px;border-top:1px solid var(--line)}
.sup-row{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
.sup-row h3{font-size:1.2rem}
.sup-row p{color:var(--muted);font-size:.95rem;margin-top:4px}
.acct{font-family:var(--head);font-weight:700;font-size:1.15rem;letter-spacing:.02em;margin-top:6px}

/* SOCIAL */
.social{background:#fff;padding:110px 0}
.feed{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.post{text-decoration:none}
.post img{border-radius:var(--r);aspect-ratio:1;object-fit:cover;width:100%}
.post .m{font-size:.8rem;color:var(--muted);margin-top:12px}
.post p{font-size:.95rem;margin-top:4px}
.feed-note{font-size:.82rem;color:var(--muted);margin-top:20px}

/* FOOTER */
footer{background:var(--deep);color:#fff;padding:80px 0 34px}
.f-main{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;background:var(--navy);border-radius:24px;padding:40px 44px}
.f-brand{display:flex;align-items:center;gap:28px}
footer img.fl{height:144px;width:auto;flex:none}
footer p.f-motto{font-size:1.02rem;line-height:1.6;max-width:30ch;opacity:.85}
.f-mail{justify-self:end;display:flex;flex-direction:column;gap:10px;min-width:0}
.f-k{font-size:.88rem;color:var(--brass)}
footer a.f-email{font-family:var(--head);font-weight:700;font-size:clamp(1.15rem,1.9vw,1.55rem);color:#fff;text-decoration:underline;text-decoration-color:var(--brass);text-decoration-thickness:2px;text-underline-offset:7px;overflow-wrap:anywhere}
.f-soc{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
footer .f-soc a{border:1.5px solid rgba(255,255,255,.35);border-radius:999px;padding:8px 18px;font-size:.88rem;font-weight:600}
footer .f-soc a:hover{border-color:var(--brass);text-decoration:none}
.f-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;margin-top:52px}
@media (max-width:900px){.f-main{grid-template-columns:1fr;padding:32px 28px}.f-mail{justify-self:start}}
@media (max-width:620px){.f-brand{flex-direction:column;align-items:flex-start;gap:18px}footer img.fl{height:118px}.f-main{padding:28px 22px}footer a.f-email{font-size:min(1.05rem,3.95vw)}}
footer h4{font-family:var(--head);font-size:1rem;margin-bottom:12px}
footer p,footer li{list-style:none;font-size:.93rem;opacity:.78;line-height:1.85}
footer a{text-decoration:none}footer a:hover{text-decoration:underline}
.f-bot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:56px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);font-size:.82rem;opacity:.6}

/* RESPONSIVE */
@media (max-width:1060px){
  .menu,.lang{display:none}.burger{display:block}
  .about-grid,.reg-top,.reg-info,.sp-grid,.ark-grid{grid-template-columns:1fr;gap:36px}
  .ev{grid-template-columns:120px 1fr;gap:20px}.ev img{grid-column:2;height:180px}
  .logos>*{flex-basis:25%}
  .feed{grid-template-columns:repeat(2,1fr)}
  .f-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .hero-bg{display:none}
  .hero-film{inset:0;height:auto;aspect-ratio:auto;filter:none;z-index:0}
  .film-in{-webkit-mask-image:none;mask-image:none}
  .hero-in{padding-top:46vh}
  .hero-copy{max-width:none}
}
@media (max-width:620px){
  .wrap{padding:0 18px}
  .hero h1{font-size:2.6rem}
  .areas div,.rows div{grid-template-columns:1fr;gap:2px}
  .duo{grid-template-columns:1fr 1fr}.duo img{height:240px}.duo figure:last-child img{height:180px;margin-top:60px}
  .ev{grid-template-columns:1fr;gap:8px}.ev img{grid-column:auto}
  .reg-photos{grid-template-columns:1fr}.reg-photos .main{height:260px}.reg-photos .side{grid-template-columns:1fr 1fr;grid-template-rows:180px}
  .sp-grid img{height:260px}
  .ark-ph{padding:0 0 48px 28px}.ark-ph .b{border-width:4px}
  .logos>*{flex-basis:50%;height:110px}
  .partners{padding:30px 20px 6px;border-radius:20px}.strat img{height:46px}
  .strip img{height:320px}.strip video{height:320px;width:180px}
  .sup-top{grid-template-columns:1fr}.card{padding:28px}
  .sup-row{grid-template-columns:1fr}
  .feed,.f-grid{grid-template-columns:1fr}
  .logo img{height:84px}.site.solid .logo img{height:46px}
  .wind{grid-template-columns:1fr;padding:18px}
}
@media (max-width:360px){.logo img{height:70px}.nav-r{gap:10px}.nav-r .btn{padding:11px 15px;font-size:.86rem}.sp-ctas .btn{white-space:normal;overflow-wrap:anywhere;font-size:.86rem;padding:13px 16px}}
@media (max-width:620px){footer .wrap{text-align:center}.f-main{justify-items:center}.f-brand{align-items:center!important}footer p.f-motto{margin:0 auto}.f-mail{justify-self:center!important;align-items:center}.f-soc{justify-content:center}.f-grid{justify-items:center}.f-grid ul{padding:0}.f-grid>div:first-child{order:3}.f-bot{flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px}}
@media (max-width:620px){header.site .btn{padding:9px 16px;font-size:.82rem}.logo img{height:104px}.site.solid .logo img{height:54px}}
@media (max-width:360px){header.site .btn{padding:8px 13px}.logo img{height:88px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.mnav{position:fixed;inset:0;z-index:70;background:var(--deep);color:#fff;padding:24px 24px 40px;display:none;flex-direction:column;overflow:auto}.mnav.open{display:flex}.mnav .top{display:flex;justify-content:space-between;align-items:center}.mnav .top img{height:52px}.mnav .x{background:none;border:1.5px solid rgba(255,255,255,.55);color:#fff;width:44px;height:44px;border-radius:12px;font-size:1.2rem;cursor:pointer}.mnav ul{list-style:none;margin-top:36px}.mnav li a{display:block;font-family:var(--head);font-weight:700;font-size:1.6rem;padding:12px 0;border-bottom:1px solid var(--line-d);text-decoration:none}.mnav .lang{margin-top:28px;font-size:1rem;display:flex}.mnav .btn{margin-top:28px;align-self:flex-start}

/* --- WordPress: tłumaczenie, formularze, wpisy --- */
.lang .gtranslate_wrapper{display:flex;gap:9px;align-items:center}
.lang a.glink{text-decoration:none;color:inherit;opacity:.85}
.lang a.glink:hover{opacity:1}
.lang a.glink.gt-current-lang{text-decoration:underline;text-underline-offset:4px;opacity:1}
.lang a.glink img{display:none}
.feat img{height:auto}
.ncard .ph img{height:100%}

.fbfeed .cff-wrapper,.fbfeed #cff{background:none!important;padding:0!important}
.fbfeed .cff-item{border-radius:var(--r)}


/* Odznaka nad tytułem w hero (np. członkostwo w związku żeglarskim) */
.hero-badge{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;padding:8px 18px 8px 14px;border:1px solid rgba(207,174,120,.55);border-radius:999px;background:rgba(7,26,51,.5);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--brass-soft);font:600 .85rem/1.35 var(--body);letter-spacing:.01em;text-decoration:none;transition:border-color .2s,background .2s}
.hero-badge::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--brass);box-shadow:0 0 0 4px rgba(207,174,120,.2)}
a.hero-badge:hover{border-color:var(--brass);background:rgba(7,26,51,.75)}
@media (max-width:900px){.hero-badge{display:none}}


/* AKTUALNOŚCI NA STRONIE GŁÓWNEJ ([bgz_home_news]) */
.hnews{background:#fff;padding:110px 0}
.hn-feat{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:64px;align-items:center}
.hn-poster{position:relative;display:block;aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;background:var(--deep);color:#fff;text-decoration:none;box-shadow:0 30px 60px -30px rgba(7,26,51,.45)}
.hn-poster>img:first-child{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.hn-poster.has-t>img:first-child{height:72%}
.hn-poster:hover>img:first-child{transform:scale(1.03)}
.hn-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,26,51,.45) 0%,rgba(7,26,51,0) 20%,rgba(7,26,51,0) 40%,rgba(7,26,51,.9) 64%,var(--deep) 73%)}
.hn-logo{position:absolute;top:26px;right:26px;width:86px;height:auto}
.hn-cap{position:absolute;left:40px;right:40px;bottom:44px;display:flex;flex-direction:column;gap:14px}
.hn-kick{font:700 .78rem/1.2 var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--brass)}
.hn-pt{font:800 clamp(1.6rem,2.5vw,2.35rem)/1.08 var(--head);letter-spacing:-.015em}
.hn-pt::after{content:"";display:block;width:64px;height:3px;background:var(--brass);margin-top:22px}
.hn-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:.85rem;color:var(--muted)}
.hn-tag{background:var(--brass-soft);color:var(--navy);padding:4px 12px;border-radius:999px;font-weight:600;font-size:.78rem}
.hn-body h3{font-size:clamp(1.6rem,2.4vw,2.25rem);font-weight:800;margin:16px 0 20px}
.hn-body h3 a{color:inherit;text-decoration:none}
.hn-body h3 a:hover{text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:6px}
.hn-txt p{font-size:1.06rem;color:var(--muted);max-width:560px}
.hn-txt p+p{margin-top:12px}
.hn-acts{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.hn-list{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:72px;padding-top:48px;border-top:1px solid var(--line)}
.hn-card{text-decoration:none;color:inherit;display:block}
.hn-card .ph{border-radius:var(--r);overflow:hidden;aspect-ratio:3/2;margin-bottom:16px;background:var(--sand)}
.hn-card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.hn-card:hover .ph img{transform:scale(1.04)}
.hn-card h4{font:700 1.15rem/1.3 var(--head);letter-spacing:-.01em;margin-top:10px}
.hn-card:hover h4{text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:5px}
@media (max-width:900px){
  .hnews{padding:80px 0}
  .hn-feat{grid-template-columns:1fr;gap:34px}
  .hn-poster{max-width:520px}
  .hn-list{grid-template-columns:1fr;gap:22px;margin-top:52px;padding-top:36px}
  .hn-card{display:grid;grid-template-columns:140px 1fr;gap:4px 18px;align-items:start}
  .hn-card .ph{grid-row:span 2;margin:0}
  .hn-card h4{margin-top:6px;font-size:1.05rem}
}
@media (max-width:620px){
  .hnews{padding:64px 0}
  .hn-cap{left:24px;right:24px;bottom:28px;gap:10px}
  .hn-logo{width:64px;top:18px;right:18px}
  .hn-pt::after{margin-top:16px}
  .hn-card{grid-template-columns:110px 1fr}
}