:root{
  --bg:#fafaf9;
  --ink:#0f1216;
  --ink-2:#1c1f23;
  --muted:#68655e;
  --muted-2:#8f8d8a;
  --line:#e6e6e6;
  --sand:#e9e6e0;
  --brand:#12161c;      /* kolor przewodni (bar, CTA, przyciski) */
  --gold:#c39a4b;       /* złoto z paragrafu w logo */
  --gold-2:#a57f34;
  --radius:10px;
  --pad:clamp(16px,2.2vw,32px);
  --font:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.3;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}

/* typografia */
.h1{font-size:clamp(40px,4.6vw,68px);font-weight:400;line-height:1;letter-spacing:-.01em}
.h2{font-size:clamp(30px,2.9vw,42px);font-weight:400;line-height:1.02;letter-spacing:-.01em}
.lead{font-size:18px;line-height:1.3}
.small{font-size:13px;color:var(--muted)}
.more{display:inline-flex;gap:6px;align-items:center;color:var(--muted);font-size:15px;transition:color .2s}
.more:hover{color:var(--ink)}
.more i{font-style:normal}

/* przycisk */
.btn{display:inline-flex;align-items:center;gap:10px;height:32px;padding:0 4px 0 14px;border-radius:99px;background:var(--brand);color:#fff;font-weight:500;font-size:14.4px;letter-spacing:-.01em;white-space:nowrap;transition:background .2s}
.btn .dot{width:22px;height:22px;border-radius:50%;background:#fff;color:var(--brand);display:grid;place-items:center;font-size:12px;transition:transform .25s}
.btn:hover .dot{transform:translateX(2px)}
.btn--light{background:#fff;color:var(--ink)}
.btn--light .dot{background:var(--brand);color:#fff}
.btn--gold{background:var(--gold)}
.btn--gold .dot{color:var(--gold-2)}

/* pasek komunikatu */
.bar{position:fixed;inset:0 0 auto;height:32px;z-index:60;background:var(--brand);color:#fff;display:flex;justify-content:center;align-items:center;gap:8px;font-size:15px}
.bar a{opacity:.6;transition:opacity .2s}
.bar a:hover{opacity:1}

/* nagłówek */
.nav{position:fixed;top:32px;left:0;right:0;z-index:50;height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--pad);color:#fff;transition:background .3s,color .3s,border-color .3s;border-bottom:1px solid transparent}
.nav.solid{background:rgba(250,250,249,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--ink);border-color:var(--line)}
.nav ul{display:flex;gap:26px;list-style:none}
.nav ul a{opacity:.9}
.nav ul a:hover{opacity:1}
.nav .right{justify-self:end;display:flex;align-items:center;gap:26px}
.logo{height:34px;width:auto}
.nav .logo{filter:brightness(0) invert(1);transition:filter .3s}
.nav.solid .logo{filter:none}
.burger{display:none;width:28px;height:28px;position:relative}
.burger span,.burger span::before,.burger span::after{position:absolute;left:4px;right:4px;height:1.5px;background:currentColor;content:"";transition:transform .3s}
.burger span{top:50%}
.burger span::before{top:-6px}
.burger span::after{top:6px}
.drawer{position:fixed;inset:0;z-index:80;background:var(--ink);color:#fff;display:flex;flex-direction:column;padding:0 var(--pad) calc(24px + env(safe-area-inset-bottom));
  clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .6s cubic-bezier(.7,0,.2,1),visibility 0s .6s}
.drawer.open{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .6s cubic-bezier(.7,0,.2,1)}
.drawer .dtop{height:90px;padding-top:32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12)}
.drawer .dtop .logo{filter:brightness(0) invert(1)}
.dclose{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);position:relative}
.dclose::before,.dclose::after{content:"";position:absolute;left:12px;right:12px;top:50%;height:1.5px;background:#fff;transform:rotate(45deg)}
.dclose::after{transform:rotate(-45deg)}
.dlinks{list-style:none;margin:auto 0;padding:24px 0}
.dlinks li{overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}
.dlinks a{display:flex;align-items:baseline;gap:14px;padding:12px 0;font-size:clamp(30px,8.5vw,44px);font-weight:300;letter-spacing:-.02em;line-height:1.05;transform:translateY(110%);transition:transform .7s cubic-bezier(.2,.7,.2,1),color .2s}
.dlinks a small{font-size:12px;color:var(--gold);letter-spacing:0;font-weight:400;min-width:22px}
.dlinks a:active{color:var(--gold)}
.drawer.open .dlinks a{transform:none}
.dfoot{display:grid;gap:14px;opacity:0;transform:translateY(10px);transition:opacity .5s .45s,transform .5s .45s}
.drawer.open .dfoot{opacity:1;transform:none}
.dfoot .btn{justify-self:start;height:44px;padding-left:20px;font-size:16px}
.dfoot .btn .dot{width:32px;height:32px}
.dfoot p{font-size:13px;color:rgba(255,255,255,.6);line-height:1.5}
.dfoot p a{color:#fff}
body.menu-open{overflow:hidden}

/* hero */
.hero{position:relative;height:100svh;min-height:620px;color:#fff;overflow:hidden;background:#000}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.06);animation:heroZoom 14s ease-out forwards;opacity:.85}
@keyframes heroZoom{to{transform:scale(1)}}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.65) 100%)}
.hero .in{position:absolute;left:0;right:0;bottom:64px;z-index:2;text-align:center;padding:0 var(--pad)}
.hero h1 span{display:inline-block;opacity:0;transform:translateY(24px);animation:rise .9s cubic-bezier(.2,.7,.2,1) forwards}
.hero h1 span:nth-child(2){animation-delay:.08s}.hero h1 span:nth-child(3){animation-delay:.16s}
.hero .sub{margin-top:22px;display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;opacity:0;animation:rise .9s .35s forwards}
@keyframes rise{to{opacity:1;transform:none}}

/* zaufali nam */
.trusted{padding:44px 0 40px;border-bottom:1px solid var(--line)}
.trusted p{text-align:center;margin-bottom:26px}
.marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee .track{display:flex;gap:64px;width:max-content;animation:marq 60s linear infinite;align-items:center}
.marquee img{height:52px;width:auto;max-width:130px;object-fit:contain;filter:grayscale(1) contrast(1.1);opacity:.6;mix-blend-mode:multiply}
@keyframes marq{to{transform:translateX(-50%)}}

/* metoda – stos warstw */
.intro{padding:150px var(--pad) 90px;text-align:center}
.intro .lead{margin-top:20px}
.stack{position:relative;height:760vh;background:linear-gradient(180deg,var(--bg) 0,#ececeb 14vh,#e7e7e6 100%)}
.stack .pin{position:sticky;top:90px;height:calc(100vh - 90px);overflow:hidden}
.pills{position:absolute;left:var(--pad);top:26px;z-index:3;display:flex;flex-direction:column;gap:6px;align-items:flex-start;max-width:min(420px,calc(100% - 2*var(--pad)))}
.pill{display:inline-flex;align-items:center;gap:10px;height:30px;padding:0 6px 0 12px;border-radius:99px;background:rgba(13,16,22,.42);color:#fff;font-size:14px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .3s}
.pill b{font-weight:400;width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.25);display:grid;place-items:center;font-size:12px}
.pill:hover{background:rgba(13,16,22,.6)}
.pill-card{display:none;border-radius:16px;background:rgba(13,16,22,.52);color:#fff;padding:12px 16px 16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);max-width:420px}
.pill-card small{display:block;opacity:.6;font-size:12px;margin-bottom:10px}
.pill-card p{font-size:16px;line-height:1.25}
.pills .on .pill{display:none}
.pills .on .pill-card{display:block;animation:fadeIn .35s}
@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}}
.scene{position:absolute;inset:0;display:grid;place-items:center;perspective:1800px}
.plates{position:relative;width:min(380px,62vw);aspect-ratio:1;transform-style:preserve-3d;transform:rotateX(58deg) rotateZ(-42deg);margin-top:4vh}
.plate{position:absolute;inset:0;border-radius:22px;transform-style:preserve-3d;
  background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(205,205,205,.55) 55%,rgba(170,170,170,.6));
  border:1px solid rgba(255,255,255,.9);
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.06),inset 0 -14px 30px rgba(0,0,0,.08),0 0 0 1px rgba(0,0,0,.05);
  transition:transform 1s cubic-bezier(.2,.7,.2,1),opacity .6s;opacity:0}
.plate::before{content:"";position:absolute;inset:0;border-radius:inherit;transform:translateZ(-12px);background:#2a2c2f;opacity:.85;filter:blur(.3px)}
.plate::after{content:"";position:absolute;inset:6%;border-radius:16px;border:1px solid rgba(255,255,255,.7);background:linear-gradient(135deg,rgba(255,255,255,.35),transparent)}
.plate span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(28deg);font-size:clamp(14px,1.6vw,20px);color:rgba(15,18,22,.62);white-space:nowrap;z-index:2}
.plate.top span{color:rgba(15,18,22,.8)}
.plate:not(.top) span{opacity:.25}
.shadow{position:absolute;inset:8%;border-radius:30px;background:rgba(0,0,0,.25);filter:blur(30px);transform:translateZ(-60px)}
.final{position:absolute;inset:-6%;border-radius:30px;display:grid;place-items:center;opacity:0;transition:opacity .8s;transform:translateZ(230px)}
.final span{font-size:clamp(46px,6vw,82px);font-weight:300;color:rgba(255,255,255,.95);transform:rotate(28deg);text-shadow:0 2px 20px rgba(0,0,0,.15);letter-spacing:-.02em}
.stack.done .final{opacity:1}
.stack{background:#e9e9e8}
.intro{background:linear-gradient(180deg,var(--bg) 40%,#e9e9e8)}
#books{position:absolute;inset:0;width:100%;height:100%;display:block}
.progress{position:absolute;left:var(--pad);bottom:24px;width:54px;height:12px;border-radius:99px;background:rgba(13,16,22,.25);overflow:hidden}
.progress i{position:absolute;inset:3px auto 3px 3px;border-radius:99px;background:#fff;width:10%;transition:width .3s}

/* obszary praktyki */
.section{padding:140px var(--pad) 120px}
.split{display:grid;grid-template-columns:1fr;gap:20px;max-width:560px}
.cards4{margin-top:56px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card .ph{aspect-ratio:4/3.3;overflow:hidden;background:var(--sand);border-radius:2px}
.card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.card:hover .ph img{transform:scale(1.04)}
.card h3{font-size:18px;font-weight:400;margin:18px 0 10px}
.card p{font-size:15px;color:#6b6b6b;line-height:1.3;margin-bottom:14px}

/* Legal AI & Tech */
.ai{margin-top:18px;display:grid;grid-template-columns:1fr 1.25fr;background:var(--ink);color:#fff;border-radius:2px;overflow:hidden;position:relative}
.ai::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(195,154,75,.28) 1px,transparent 1.2px);background-size:22px 22px;mask-image:linear-gradient(90deg,#000,transparent 55%);pointer-events:none}
.ai .l{position:relative;padding:34px 32px;display:flex;flex-direction:column;gap:18px}
.ai .tag{align-self:flex-start;font-size:12px;color:var(--gold);border:1px solid rgba(195,154,75,.5);border-radius:99px;padding:4px 10px}
.ai h3{font-size:clamp(28px,2.6vw,38px);font-weight:400;line-height:1.02;letter-spacing:-.01em}
.ai .l p{font-size:15px;color:rgba(255,255,255,.7);max-width:440px;line-height:1.35}
.ai .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.ai .chips span{font-size:12px;padding:5px 10px;border-radius:99px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.8)}
.ai .l .btn{align-self:flex-start}
.ai ol{list-style:none;display:grid;grid-template-columns:1fr 1fr;border-left:1px solid rgba(255,255,255,.1);position:relative}
.ai li{padding:26px 26px 30px;border-bottom:1px solid rgba(255,255,255,.1)}
.ai li:nth-child(odd){border-right:1px solid rgba(255,255,255,.1)}
.ai li:nth-last-child(-n+2){border-bottom:0}
.ai li small{display:block;color:var(--gold);font-size:12px;margin-bottom:14px}
.ai li h4{font-weight:400;font-size:18px;margin-bottom:10px}
.ai li p{font-size:13.5px;color:rgba(255,255,255,.62);line-height:1.4}
@media (max-width:1100px){.ai{grid-template-columns:1fr}.ai ol{border-left:0;border-top:1px solid rgba(255,255,255,.1)}}
@media (max-width:760px){.ai ol{grid-template-columns:1fr}.ai li:nth-child(odd){border-right:0}.ai li:nth-last-child(2){border-bottom:1px solid rgba(255,255,255,.1)}.ai .l{padding:28px 22px}.ai li{padding:22px}}

/* karuzela */
.teams{padding:40px 0 120px;text-align:center;overflow:hidden}
.teams .lead{margin:20px auto 0;max-width:500px}
.car{margin-top:64px;position:relative}
.car .rail{display:flex;gap:28px;align-items:flex-start;transition:transform .7s cubic-bezier(.2,.7,.2,1);will-change:transform}
.slide{flex:0 0 auto;width:240px;transition:width .7s cubic-bezier(.2,.7,.2,1);text-align:left;cursor:pointer}
.slide .ph{position:relative;height:260px;overflow:hidden;transition:height .7s cubic-bezier(.2,.7,.2,1)}
.slide .ph img{width:100%;height:100%;object-fit:cover;filter:grayscale(.15)}
.slide .ph em{position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-style:normal;font-size:15px;background:rgba(0,0,0,.28);transition:opacity .4s}
.slide .txt{opacity:0;max-height:0;overflow:hidden;transition:opacity .4s}
.slide .txt h3{font-size:18px;font-weight:400;margin:22px 0 22px}
.slide .txt p{font-size:15px;color:var(--muted);max-width:430px;margin-bottom:22px}
.slide.on{width:460px}
.slide.on .ph{height:300px}
.slide.on .ph em{opacity:0}
.slide.on .txt{opacity:1;max-height:300px}
.car-ui{display:flex;justify-content:space-between;align-items:center;padding:0 var(--pad);margin-top:30px}
.arrow{width:30px;height:30px;border-radius:50%;background:#ececeb;display:grid;place-items:center;transition:background .2s}
.arrow:hover{background:#dcdcda}
.dots{display:flex;gap:5px;padding:7px 10px;border-radius:99px;background:#ececeb}
.dots i{width:4px;height:4px;border-radius:99px;background:#b5b3ae;transition:width .3s,background .3s}
.dots i.on{width:16px;background:var(--ink)}

/* baner */
.banner{position:relative;height:300px;color:#fff;display:grid;place-items:center;text-align:center;overflow:hidden}
.banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.banner::after{content:"";position:absolute;inset:0;background:rgba(10,14,22,.45)}
.banner .in{position:relative;z-index:2}
.banner small{font-size:12px;opacity:.7}
.banner h2{margin:10px 0 0}
.banner .rm{font-size:clamp(22px,2.2vw,32px);opacity:.75;display:inline-block;margin-top:6px}

/* case study / liczby */
.case-photo{height:min(92vh,820px);overflow:hidden;background:#d8d8d6}
.case-photo img{width:100%;height:100%;object-fit:cover;object-position:60% 30%;filter:grayscale(1)}
.case{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:40px var(--pad) 120px}
.case .intro-t{font-size:clamp(18px,1.6vw,22px);line-height:1.3;max-width:560px;align-self:start}
.stats{border-top:1px solid var(--line)}
.stat{display:grid;grid-template-columns:1fr 200px;gap:20px;padding:28px 0 46px;border-bottom:1px solid var(--line)}
.stat b{font-weight:300;font-size:clamp(64px,7vw,104px);line-height:.9;letter-spacing:-.03em}
.stat p{font-size:13px;color:var(--muted);align-self:end}
.quote{margin-top:34px;font-size:15px;color:var(--muted);max-width:560px}
.quote cite{display:block;margin-top:10px;font-style:normal;color:var(--ink)}

/* wizja */
.vision{background:var(--sand);padding:40px var(--pad) 0}
.vision .grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-bottom:100px}
.vision .cols{display:grid;grid-template-columns:1fr 1fr;gap:28px;font-size:13.5px;line-height:1.35;color:#3a3a38}
.vision .cols p+p{margin-top:14px}
.vision .people{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}
.person img{width:200px;aspect-ratio:3/4;object-fit:cover;object-position:top;filter:grayscale(1)}
.person p{margin-top:12px;font-size:12px;color:var(--muted);line-height:1.35}
.sign{margin-top:10px;width:90px;height:40px}
.office{height:300px;overflow:hidden}
.office img{width:100%;height:100%;object-fit:cover;filter:grayscale(.3)}

/* standardy */
.std{background:var(--ink);color:#fff;padding:36px var(--pad) 0}
.std .top{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-bottom:110px}
.std .top .rm{font-size:clamp(26px,2.4vw,34px);color:rgba(255,255,255,.55);display:inline-block;margin-top:2px}
.std .top .rm:hover{color:#fff}
.std .top p{grid-column:1;font-size:13px;color:rgba(255,255,255,.75);max-width:400px;margin-top:70px;line-height:1.4}
.std .cols{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.12)}
.std .col{padding:18px 18px 26px 0;border-right:1px solid rgba(255,255,255,.12);min-height:220px;display:flex;flex-direction:column}
.std .col+.col{padding-left:18px}
.std .col:last-child{border-right:0}
.std .col h4{font-weight:400;font-size:14px;margin-bottom:10px}
.std .col p{font-size:12px;color:rgba(255,255,255,.65);line-height:1.4;max-width:220px}
.badge{margin-top:auto;width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.45);display:grid;place-items:center;font-size:8px;letter-spacing:.04em;color:rgba(255,255,255,.75);text-transform:uppercase;text-align:center;line-height:1.1}

/* CTA */
.cta-wrap{padding:150px var(--pad) 120px}
.cta{max-width:1060px;margin:0 auto;background:var(--brand);color:#fff;border-radius:14px;display:grid;grid-template-columns:1fr 1.15fr;overflow:hidden;min-height:380px}
.cta .l{padding:30px 30px 34px;display:flex;flex-direction:column}
.cta .l p{font-size:13px;color:rgba(255,255,255,.75);max-width:330px;margin-top:26px;line-height:1.4}
.cta .l .btn{margin-top:auto;align-self:flex-start}
.cta .r{background:#fff;margin:14px 14px 14px 0;border-radius:8px;display:grid;place-items:center;overflow:hidden}
.cta .r svg{width:100%;height:100%}

/* stopka */
footer{padding:40px var(--pad) 26px;border-top:1px solid var(--line)}
.fcols{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.fcols h5{font-weight:400;font-size:13px;color:var(--muted);margin-bottom:14px}
.fcols a,.fcols span{display:block;font-size:13px;line-height:1.7}
.fcols a:hover{color:var(--gold-2)}
.wordmark{margin:120px 0 60px;text-align:center}
.wordmark img{width:min(620px,80vw);margin:0 auto}
.fbot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px}
.fbot div{display:flex;gap:18px;flex-wrap:wrap}

/* ujawnianie */
.rv{opacity:0;transform:translateY(18px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.rv.in{opacity:1;transform:none}

/* responsywność */
@media (max-width:1100px){
  .nav ul,.nav .right .lnk{display:none}
  .burger{display:block}
  .nav{grid-template-columns:auto 1fr auto}
  .nav .logo-a{grid-column:1}
  .nav .right{grid-column:3}
  .cards4{grid-template-columns:repeat(2,1fr)}
  .std .cols{grid-template-columns:repeat(2,1fr)}
  .std .col{border-bottom:1px solid rgba(255,255,255,.12);padding-left:18px}
  .std .col:nth-child(odd){padding-left:0}
  .fcols{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:760px){
  .bar{font-size:13px}
  .nav .btn{display:none}
  .logo{height:28px}
  .hero .in{bottom:40px}
  .cards4{grid-template-columns:1fr}
  .slide{width:200px}.slide.on{width:min(300px,78vw)}
  .slide .ph{height:200px}.slide.on .ph{height:220px}
  .case,.vision .grid,.vision .cols,.vision .people,.std .top,.cta{grid-template-columns:1fr}
  .stat{grid-template-columns:1fr}
  .std .cols{grid-template-columns:1fr}
  .std .col,.std .col+.col{padding-left:0;border-right:0;min-height:0;gap:14px}
  .badge{margin-top:14px}
  .cta .r{margin:0 14px 14px;min-height:240px}
  .fcols{grid-template-columns:1fr 1fr}
  .pill-card{max-width:calc(100vw - 2*var(--pad))}
  .plates{width:62vw;margin-top:22vh}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .rv,.hero h1 span,.hero .sub{opacity:1;transform:none}
}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.2s}
.hero video.on{opacity:.85}
@media (prefers-reduced-motion:reduce){.hero video{display:none}}

/* Ostatnie aktualności */
.hnews{padding:130px var(--pad) 0}
.hnews .head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-bottom:34px;border-bottom:1px solid var(--line)}
.hnews .head .rm{font-size:15px;color:var(--muted);white-space:nowrap;transition:color .2s}
.hnews .head .rm:hover{color:var(--ink)}
.hnews .grid{display:grid;grid-template-columns:repeat(3,1fr);margin:0 -28px}
.hnews a.it{display:flex;flex-direction:column;padding:28px 28px 34px;border-right:1px solid var(--line)}
.hnews a.it:last-child{border-right:0}
.hnews .meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:22px}
.hnews .meta b{font-weight:400;color:var(--gold-2)}
.hnews .ph{aspect-ratio:4/3;overflow:hidden;background:var(--sand);margin-bottom:24px}
.hnews .ph img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:filter .6s,transform .9s cubic-bezier(.2,.7,.2,1)}
.hnews a.it:hover .ph img{filter:none;transform:scale(1.035)}
.hnews h3{font-size:clamp(19px,1.5vw,22px);font-weight:400;line-height:1.18;letter-spacing:-.005em;margin-bottom:22px}
.hnews .go{margin-top:auto;font-size:14px;color:var(--muted);transition:color .2s}
.hnews a.it:hover .go{color:var(--ink)}
@media (max-width:900px){.hnews{padding-top:90px}.hnews .grid{grid-template-columns:1fr;margin:0}.hnews a.it,.hnews a.it:last-child{padding:26px 0 30px;border-right:0;border-bottom:1px solid var(--line)}.hnews .head .rm{font-size:14px}}