@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap');
/* Kompozycja inspirowana stroną RTS, z treścią i zdjęciami VIS. */
:root{--vis-dark:#101826;--vis-dark-deep:#0b1018;--vis-gold-v7:#c9a760;--vis-white:#f8f8f4}
body{font-family:Inter,Arial,sans-serif;background:#0b1018;color:var(--vis-white)}
.nav{background:#101826;border-color:rgba(201,167,96,.19)}
.nav .navInner{width:min(1500px,calc(100% - 48px));min-height:84px;display:flex;flex-wrap:nowrap;gap:26px;padding:0}
.nav .brand{max-width:290px;order:0;font-size:14px;line-height:1.25;letter-spacing:.03em;text-transform:uppercase}
.nav .brandLogoSimple{background:transparent;border:0;box-shadow:none;width:54px;height:54px}
.nav .brandLogoImg{width:50px;height:50px}
.nav .links.vis-nav-v7{order:0;flex:1;display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:3px}
.nav .vis-nav-v7>a,.nav .vis-nav-v7 summary{display:block;position:relative;padding:13px 10px;border:0;background:transparent;color:#f6f6f1;font:600 12px/1.2 Inter,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;list-style:none}
.nav .vis-nav-v7 summary::-webkit-details-marker{display:none}
.nav .vis-nav-v7 summary::after{content:'⌄';font-size:14px;margin-left:6px;color:var(--vis-gold-v7)}
.nav .vis-nav-v7>a:hover,.nav .vis-nav-v7 summary:hover,.nav .vis-nav-v7>a.active,.nav .vis-nav-v7 details[open]>summary{color:var(--vis-gold-v7);background:transparent;box-shadow:none}
.nav .vis-nav-v7>a.active::after{content:'';position:absolute;left:10px;right:10px;bottom:4px;height:1px;background:var(--vis-gold-v7)}
.vis-menu-group{position:relative}
.vis-menu-drop{position:absolute;z-index:1010;top:100%;left:0;min-width:215px;padding:8px;background:#121b2a;border:1px solid rgba(201,167,96,.3);box-shadow:0 14px 30px rgba(0,0,0,.3)}
.nav .vis-menu-drop a{display:block;color:#f6f6f1;padding:11px 12px!important;font-size:13px;text-transform:none;letter-spacing:normal}
.nav .vis-menu-drop a:hover{background:#253142;color:#e3c27b}
.nav .actions{order:0;margin-left:0;gap:8px}
.nav .visPortalQuick{display:none}
.hero{padding:0}
.hero .heroGrid{width:100%;max-width:none;display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.hero .heroMain{position:relative;display:block;min-height:min(790px,calc(100vh - 84px));padding:0;border:0;border-bottom:4px solid var(--vis-gold-v7);background:#0b1018;overflow:hidden}
.heroMain .visHeroPhoto{position:absolute;inset:0;z-index:0;display:block;border:0;min-height:0}
.heroMain .visHeroPhoto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.heroMain::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#0b1018 0%,#0b1018 43%,rgba(11,16,24,.9) 53%,rgba(11,16,24,.18) 82%),linear-gradient(0deg,rgba(11,16,24,.58),transparent 45%)}
.heroMain .visHeroContent{position:relative;z-index:2;display:flex;min-height:min(786px,calc(100vh - 88px));width:min(1440px,calc(100% - 64px));margin:0 auto;padding:60px 0 42px;align-items:flex-start;justify-content:center;background:transparent}
.heroMain .visHeroEyebrow{margin:0 0 24px;color:#d3b572;font-size:13px;letter-spacing:.2em;text-transform:uppercase}
.heroMain .visHeroEyebrow::before{content:'';display:inline-block;width:38px;height:1px;background:#c9a760;vertical-align:middle;margin-right:14px}
.heroMain .visHeroContent .h1{max-width:780px;margin:0;color:#fff;font:800 clamp(58px,6vw,100px)/.98 'Barlow Condensed','Arial Narrow',Arial,sans-serif;letter-spacing:.008em;text-transform:uppercase;text-wrap:balance}
.visHeroIntro{max-width:570px;color:#e4e8e3;font-size:17px;line-height:1.65;margin:24px 0 0}
.heroMain .heroActions{margin-top:30px;display:flex;flex-wrap:wrap;gap:10px}
.heroMain .heroActions .btn{min-height:50px;padding:0 22px;border-radius:0!important;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.heroMain .heroActions .btnPrimary{background:#c9a760;color:#0b1018;border-color:#c9a760}
.heroMain .heroActions .btnGhost{background:rgba(11,16,24,.3);color:#fff;border-color:rgba(255,255,255,.56)}
.heroMain .heroQuote{width:min(100%,1440px);display:flex;gap:40px;border-top:1px solid rgba(255,255,255,.25);margin-top:54px;padding-top:18px;color:#e1e4df;font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
.visAbout{order:1;width:100%;background:#101826;border-bottom:1px solid rgba(201,167,96,.18)}
.visAboutInner{width:min(1160px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start;padding:56px 0}
.visAbout .kicker{color:#d1b270}.visAbout h2{font:700 clamp(30px,3vw,43px)/1.05 'Barlow Condensed','Arial Narrow',Arial,sans-serif;text-transform:uppercase;letter-spacing:.02em;margin:10px 0}
.visAbout p{font-size:16px;line-height:1.75;color:#d9e0da;margin:0}
.hero .heroSide{order:2;width:min(1160px,calc(100% - 48px));margin:38px auto;background:#121b2a}
.pageHeroCompact{background:linear-gradient(120deg,#162234,#0b1018 70%)}
.sectionHead .h2,.pageHeroCompact .h1{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:700;letter-spacing:.01em;text-transform:uppercase}
/* Stopka: spokojna, kanciasta nawigacja w stylistyce RTS. */
.footer{background:#0b1018;border-top:1px solid rgba(201,167,96,.3);margin-top:40px;color:#c6cedb}
.footer .footerInner{width:min(1500px,calc(100% - 48px));min-height:0;display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,2fr);gap:24px 48px;align-items:start;padding:38px 0 26px}
.footer .footerInner::before{content:'LIPNOWSKI KLUB STRZELECKI VIS';display:flex;align-items:center;min-height:44px;padding-left:54px;background:url('../assets/logo-vis.png') left center/42px 42px no-repeat;color:#f4f1ea;font-weight:700;font-size:13px;line-height:1.35;letter-spacing:.05em}
.footer .footerLinks{display:flex!important;justify-content:flex-end;align-items:center;gap:4px 10px}
.footer .footerLinks a{color:#c6cedb;background:transparent;box-shadow:none;border-radius:0!important;padding:8px 4px;font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}
.footer .footerLinks a:hover,.footer .footerLinks a.active{color:#d4af37;background:transparent;box-shadow:none;text-decoration:underline;text-underline-offset:5px;transform:none}
.footer .footerStrong{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.09);padding-top:18px;text-align:right;font-size:11px;letter-spacing:.1em;color:#8b97ab}
.footer .footerStrong a{color:#d4af37}
@media(max-width:760px){.footer .footerInner{grid-template-columns:1fr;gap:18px;padding:30px 0 22px}.footer .footerLinks{justify-content:flex-start}.footer .footerStrong{grid-column:auto;text-align:left}}
@media(max-width:1200px){.nav .navInner{width:calc(100% - 32px);min-height:72px;flex-wrap:nowrap;padding:0}.nav .brand{max-width:calc(100% - 260px)}.nav .links.vis-nav-v7{display:none!important}.nav .actions{margin-left:auto}.nav .hamburger{display:inline-flex!important}.nav .visPortalQuick{display:inline-block}.heroMain .visHeroContent{min-height:650px}}
@media(max-width:760px){.nav .brand{max-width:calc(100% - 145px)}.nav .visPortalQuick{display:none}.hero .heroMain{min-height:0;display:flex;flex-direction:column}.heroMain::before{display:none}.heroMain .visHeroPhoto{position:relative;order:0;height:250px;min-height:250px}.heroMain .visHeroPhoto img{position:absolute;width:100%;height:100%;object-fit:cover}.heroMain .visHeroContent{order:1;width:100%;min-height:0;padding:36px 22px 26px;background:#101826}.heroMain .visHeroContent .h1{font-size:clamp(48px,10.5vw,70px);line-height:.98}.heroMain .visHeroEyebrow{font-size:11px;margin-bottom:20px}.visHeroIntro{font-size:15px;line-height:1.6;margin-top:18px}.heroMain .heroQuote{gap:20px;margin-top:32px;font-size:10px}.visAboutInner{grid-template-columns:1fr;gap:14px;padding:38px 0}.hero .heroSide{width:calc(100% - 32px);margin-top:26px}}

/* Strona główna: wspólna szerokość, rytm i spokojniejsze kafle. */
.heroMain .visHeroContent,.visAboutInner,.hero .heroSide,
:is(#najblizsze-zawody,#dlaczego-vis,#licznik,#bron,#faq,#mapa) > .container{
  width:min(1280px,calc(100% - 48px));
}
.hero .heroSide{margin:48px auto 0;padding:32px;background:#121b2a;border:1px solid rgba(201,167,96,.18);box-shadow:none}
:is(#najblizsze-zawody,#dlaczego-vis,#licznik,#bron,#faq,#mapa).section{padding:42px 0}
:is(#najblizsze-zawody,#dlaczego-vis,#licznik,#bron,#faq,#mapa) .sectionHead{margin-bottom:24px}
:is(#dlaczego-vis,#licznik,#bron,#faq) :is(.weaponsGrid,.counterGrid),#najblizsze-zawody .eventsSplit{gap:18px}
:is(#najblizsze-zawody,#dlaczego-vis,#licznik,#bron,#faq,#mapa) .card{
  background:#121b2a;border:1px solid rgba(255,255,255,.10);box-shadow:none;
}
#najblizsze-zawody .eventsSplit > .nextEventBanner{padding:26px;background:#121b2a;box-shadow:none}
:is(#dlaczego-vis,#bron) .weaponCard,#licznik .counterCard{padding:26px}
#faq .weaponsGrid > .card{padding:26px!important}
.heroSide .mini{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.09)}
.heroSide .noticeBox{box-shadow:none}
#najblizsze-zawody :is(.nextCountdown,.nextEventRight,.eventMiniStatus){border-radius:0}
@media(max-width:760px){
  .heroMain .visHeroContent,.visAboutInner,.hero .heroSide,
  :is(#najblizsze-zawody,#dlaczego-vis,#licznik,#bron,#faq,#mapa) > .container{width:calc(100% - 32px)}
  .heroMain .visHeroContent{padding:36px 0 26px}
  .visAboutInner{padding:38px 0}
  .hero .heroSide{margin:28px auto 0;padding:20px}
  :is(#najblizsze-zawody,#dlaczego-vis,#licznik,#bron,#faq,#mapa).section{padding:30px 0}
  #najblizsze-zawody .eventsSplit > .nextEventBanner,:is(#dlaczego-vis,#bron) .weaponCard,#licznik .counterCard{padding:20px}
  #faq .weaponsGrid > .card{padding:20px!important}
}

/* Kafle strony głównej w stylu sekcji VIS na stronie RTS. */
:is(#dlaczego-vis,#bron,#faq) .weaponsGrid{counter-reset:vis-tile}
:is(#dlaczego-vis,#bron,#faq) .weaponsGrid > .card{counter-increment:vis-tile}
:is(#dlaczego-vis,#bron,#faq) .weaponsGrid > .card::before{
  content:counter(vis-tile,decimal-leading-zero);display:block;
  color:#d4af37;font-size:11px;font-weight:800;letter-spacing:.08em;margin-bottom:10px;
}
:is(#dlaczego-vis,#bron) .weaponIcon{display:none}
:is(#dlaczego-vis,#bron,#faq) .weaponsGrid h3{
  margin:0 0 10px;font:700 1.35rem/1.1 'Barlow Condensed','Arial Narrow',Arial,sans-serif;
  text-transform:uppercase;letter-spacing:.015em;color:#f4f1ea;
}
:is(#dlaczego-vis,#bron,#faq) .weaponsGrid p{margin:0;color:#aeb8c8;font-size:15px;line-height:1.6}
:is(#dlaczego-vis,#bron,#faq,#licznik) :is(.weaponCard,.counterCard,.weaponsGrid > .card){
  border-radius:0!important;background:#121b2a;border:1px solid rgba(255,255,255,.09);
  box-shadow:0 18px 40px rgba(0,0,0,.18);
}
#licznik .counterCard{text-align:left}
#licznik .counterNumber{font:700 2.5rem/1 'Barlow Condensed','Arial Narrow',Arial,sans-serif;color:#f0c851}
#licznik .counterLabel,#licznik .counterSub{color:#aeb8c8;font-size:13px;font-weight:400}
#licznik .counterSub{margin-top:8px}
.hero .heroSide{padding:0;background:transparent;border:0;box-shadow:none}
.heroSide .miniGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.heroSide .mini{padding:20px;background:#121b2a;border:1px solid rgba(255,255,255,.09);border-radius:0!important}
.heroSide .mini strong{font:700 1.2rem/1.15 'Barlow Condensed','Arial Narrow',Arial,sans-serif;text-transform:uppercase;letter-spacing:.02em}
.heroSide .mini em{font-size:14px;color:#aeb8c8}
#najblizsze-zawody .eventsSplit > .nextEventBanner{border-radius:0!important;border-color:rgba(255,255,255,.09);box-shadow:0 18px 40px rgba(0,0,0,.18)}
#najblizsze-zawody .nextEventTitle{font:700 clamp(1.55rem,2.4vw,2.15rem)/1.1 'Barlow Condensed','Arial Narrow',Arial,sans-serif;text-transform:uppercase}
#najblizsze-zawody .chip{padding:0;border:0;background:none;color:#d4af37;font-size:11px;letter-spacing:.07em;text-transform:uppercase}
#najblizsze-zawody .chip .dot{width:6px;height:6px;box-shadow:none}
#najblizsze-zawody .eventsSplit .nextEventRight{border:1px solid rgba(255,255,255,.07);background:rgba(0,0,0,.12)}
#najblizsze-zawody .eventsSplit .btn{width:auto}
@media(max-width:760px){.hero .heroSide{padding:0}.heroSide .miniGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.heroSide .mini{padding:16px}}
@media(max-width:400px){.heroSide .miniGrid{grid-template-columns:1fr}}

/* VIS v12 — spokojniejsza, szaro-złota identyfikacja całej strony publicznej. */
:root{--bg:#0d1116;--bg-soft:#151b22;--card:#1b222b;--card-2:#212a34;--text:#f4f1ea;--muted:#c4ccd3;--faint:#9da9b3;--primary:#d3b16a;--primary-strong:#e2c47f;--border:rgba(235,237,235,.12);--vis-corner:0px}
body{background:#0d1116;color:#f4f1ea}
.nav{background:#11171c;border-color:rgba(211,177,106,.25)}
.nav .vis-menu-drop{background:#192129}
.hero .heroMain{background:#10151b}
.heroMain::before{background:linear-gradient(90deg,#0d1216 0%,rgba(13,18,22,.98) 32%,rgba(13,18,22,.82) 51%,rgba(13,18,22,.12) 82%),linear-gradient(0deg,rgba(13,18,22,.55),transparent 48%)}
.visAbout{background:#171e25;border-bottom:1px solid rgba(211,177,106,.24)}
.visAboutInner{padding-top:62px;padding-bottom:62px}
.heroMain .visHeroContent .h1{letter-spacing:.015em}
.pageHeroCompact{padding:56px 0 48px;background:linear-gradient(112deg,#202832,#11171d 72%);border-bottom:1px solid rgba(211,177,106,.3)}
.pageHeroCompact > .container,.section > .container{width:min(1280px,calc(100% - 48px))}
.pageHeroCompact .h1{font-size:clamp(42px,5vw,68px);line-height:1;margin-top:12px}
.pageHeroCompact .lead{max-width:780px;font-size:17px;line-height:1.65}
.sectionHead .h2,.pageHeroCompact .h1{color:#f8f7f3}
.sectionHead .kicker,.pageHeroCompact .kicker,.visAbout .kicker{color:#d3b16a}
.sectionHead .kicker::before{content:'';display:inline-block;width:30px;height:1px;margin:0 11px 3px 0;background:#d3b16a}
body :is(.card,.mini,.miniCard,.infoCard,.contentCard,.summaryCard,.noteCard,.newsCard,.postCard,.galleryCard,.weaponCard,.counterCard,.nextEventBanner,.visCalendar,.scheduleCard,.infoDocCard,.noticeBox,.noticeIcon,.miniMap,.mapWrap,.galleryThumb,.infoDocIcon,.youthIcon,.youthInfoCard,.youthBenefitCard,.youthCtaCard,.youthPromoItem,.youthCtaBox,.ballisticPromoMain,.ballisticPromoSide,.ballisticPromoQuote,.ballisticFeature,.jubileeNewsMetaBox,.jubileeNewsPoster){border-radius:0!important}
body :is(button,.btn,input:not([type=checkbox]):not([type=radio]),select,textarea,.chip,.tag,.newsBadge,.galleryBadge,.eventMiniStatus,.newsFilter,.fbMetaPill,.youthEyebrow,.youthPromoBadge,.ballisticPromoBadge,.noticeText .noticeCta){border-radius:0!important}
body :is(.card,.miniCard,.infoCard,.contentCard,.summaryCard,.noteCard,.newsCard,.postCard,.galleryCard,.visCalendar,.scheduleCard,.infoDocCard,.youthInfoCard,.youthBenefitCard,.youthCtaCard,.ballisticPromoMain,.ballisticPromoSide){background:#1b222b;border-color:rgba(235,237,235,.11);box-shadow:0 16px 36px rgba(0,0,0,.16)}
:is(#dlaczego-vis,#licznik,#bron,#faq,#mapa,#najblizsze-zawody) .card,.heroSide .mini,#najblizsze-zawody .eventsSplit > .nextEventBanner{background:#1b222b;border-color:rgba(235,237,235,.11)}
.heroSide .mini{box-shadow:0 16px 36px rgba(0,0,0,.16)}
.heroSide .noticeBox{border-left:3px solid #d3b16a;background:#242821}
.btn,.noticeText .noticeCta{min-height:44px;letter-spacing:.035em}
.btnPrimary,.noticeText .noticeCta{background:#d3b16a;color:#101419;border:1px solid #d3b16a}
.btnPrimary:hover,.noticeText .noticeCta:hover{background:#e3c681;color:#101419;border-color:#e3c681}
.btnGhost{background:transparent;border-color:rgba(230,233,232,.35);color:#f4f1ea}
.btnGhost:hover{background:rgba(211,177,106,.1);border-color:#d3b16a}
body :is(.tag,.newsBadge,.galleryBadge,.eventMiniStatus,.fbMetaPill,.youthEyebrow,.youthPromoBadge,.ballisticPromoBadge){box-shadow:none}
#najblizsze-zawody .eventsSplit .nextEventRight{background:#151b22}
#najblizsze-zawody .eventsSplit .nextCountdown{background:rgba(211,177,106,.07);border-left:2px solid #d3b16a}
:is(#dlaczego-vis,#licznik,#bron,#faq,#mapa,#najblizsze-zawody).section{border-top:1px solid rgba(255,255,255,.035)}
.footer{background:#10151b}
@media(max-width:760px){
  .pageHeroCompact{padding:38px 0 32px}
  .pageHeroCompact > .container,.section > .container{width:calc(100% - 32px)}
  .pageHeroCompact .h1{font-size:clamp(38px,10vw,54px)}
  .pageHeroCompact .lead{font-size:16px}
  .heroMain .visHeroContent{background:#171e25}
  .visAboutInner{padding-top:38px;padding-bottom:38px}
}

/* VIS v13 — komunikat i informacje o wizycie. */
.visAboutInner{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,6vw,88px);padding-top:70px;padding-bottom:70px}
.visAboutInner > div:first-child{margin:0}
.visAbout .kicker::before{content:'';display:inline-block;width:30px;height:1px;margin:0 11px 3px 0;background:#d3b16a}
.visAbout h2{max-width:430px;margin:18px 0 0;font:600 clamp(36px,4vw,58px)/1.05 Inter,Arial,sans-serif;text-transform:none;letter-spacing:-.035em}
.visAboutCopy{display:grid;grid-template-columns:1fr;gap:18px;padding-top:2px}
.visAboutCopy p{color:#d9e0e2;font-size:16px;line-height:1.75}
.hero .heroSide{margin:42px auto 0}
.heroSide > .kicker{margin-bottom:12px}
.heroSide .noticeBox{display:flex;align-items:flex-start;padding:22px 26px;background:#1b222b;border:1px solid rgba(235,237,235,.11);border-left:3px solid #d3b16a;box-shadow:none}
.heroSide .noticeText{min-width:0;width:100%}
.heroSide .noticeText p{color:#e3e5e3;font-size:16px;line-height:1.7;overflow-wrap:anywhere}
.visVisitGrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}
.visVisitDetails .miniGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.visVisitDetails .mini{min-height:106px;padding:20px;background:#1b222b;border:1px solid rgba(235,237,235,.11)}
.visVisitDetails .mini strong{font:700 1.2rem/1.15 'Barlow Condensed','Arial Narrow',Arial,sans-serif;text-transform:uppercase;letter-spacing:.02em}
.visVisitDetails .mini em{font-size:14px;color:#c4ccd3}
.visVisitActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.visVisitMap{min-height:290px;box-shadow:none}
.visVisitMap iframe{width:100%;height:100%;min-height:290px}
@media(max-width:760px){.visAboutInner{grid-template-columns:1fr;gap:24px;padding-top:40px;padding-bottom:40px}.visAbout h2{font-size:38px}.visAboutCopy{gap:14px}.hero .heroSide{margin-top:28px}.heroSide .noticeBox{padding:18px}.visVisitGrid{grid-template-columns:1fr}.visVisitDetails .miniGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.visVisitDetails .mini{padding:16px}.visVisitMap,.visVisitMap iframe{min-height:260px}}
@media(max-width:360px){.visVisitDetails .miniGrid{grid-template-columns:1fr}}

/* VIS v14: zdjęcie i tekst tworzą jedną sekcję; komunikat jest jej lekkim uzupełnieniem. */
.visAbout{background:#141a20}
.visAboutInner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,4.5vw,72px);align-items:center;padding:70px 0}
.visAboutPhoto{position:relative;margin:0;min-width:0;overflow:hidden;background:#202831;aspect-ratio:4/3}
.visAboutPhoto img{display:block;width:100%;height:100%;object-fit:cover}
.visAboutPhoto figcaption{position:absolute;bottom:0;left:0;right:0;padding:28px 20px 16px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.72));font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.visAboutContent{min-width:0}
.visAbout .visAboutContent h2{max-width:none;margin:16px 0 22px;font:600 clamp(36px,3.4vw,50px)/1.05 Inter,Arial,sans-serif;letter-spacing:-.035em;text-transform:none}
.visAboutCopy{gap:15px}
.visAboutCopy p{font-size:16px;line-height:1.7;color:#d3d9dd}
.hero .heroSide{display:grid;grid-template-columns:minmax(150px,.22fr) minmax(0,1fr);gap:24px;align-items:start;margin:38px auto 0}
.heroSide > .kicker{margin:0;padding-top:18px}
.heroSide .noticeBox{padding:18px 22px;background:#1b222b;border:1px solid rgba(235,237,235,.11);border-left:3px solid #d3b16a}
@media(max-width:800px){.visAboutInner{grid-template-columns:1fr;gap:26px;padding:38px 0}.visAboutPhoto{aspect-ratio:16/9}.visAbout .visAboutContent h2{font-size:38px;margin:12px 0 18px}.hero .heroSide{grid-template-columns:1fr;gap:10px;margin-top:28px}.heroSide > .kicker{padding:0}.heroSide .noticeBox{padding:16px 18px}}