:root{
  --yellow:#ffc400;
  --yellow-2:#ffd84d;
  --yellow-soft:#fff8d9;
  --black:#0b0e12;
  --black-2:#151a21;
  --ink:#10151b;
  --muted:#5c6672;
  --blue:#55b5e8;
  --blue-dark:#1685c0;
  --blue-soft:#eaf7fd;
  --green:#22a55a;
  --paper:#ffffff;
  --soft:#f4f6f8;
  --line:#dfe4e9;
  --line-dark:#28313b;
  --shadow:0 12px 28px rgba(11,14,18,.10);
  --container:1200px;
  --radius:4px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.68;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
::selection{background:var(--yellow);color:var(--black)}
.container{width:min(calc(100% - 36px),var(--container));margin-inline:auto}
.skip-link{position:fixed;left:14px;top:-90px;z-index:9999;background:var(--yellow);color:var(--black);padding:11px 15px;font-weight:900;box-shadow:var(--shadow)}
.skip-link:focus{top:14px}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}

/* TOPBAR + HEADER */
.topbar{background:var(--black);color:#d9e0e6;font-size:13px;border-bottom:1px solid #232a32}
.topbar .container{min-height:39px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.topbar strong{color:var(--yellow);font-weight:900}
.topbar .quick{display:flex;gap:22px;align-items:center}
.topbar a{transition:.18s ease}
.topbar a:hover{color:var(--yellow)}
.header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.98);border-bottom:4px solid var(--yellow);box-shadow:0 4px 18px rgba(10,13,17,.06)}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:24px}
.logo{display:flex;align-items:center;gap:12px;font-weight:950;letter-spacing:-.04em;white-space:nowrap}
.logo-mark{width:48px;height:48px;flex:0 0 48px}
.logo-text{display:grid;line-height:1;font-size:17px;color:var(--black)}
.logo-text small{font-size:10px;letter-spacing:.17em;color:var(--blue-dark);font-weight:900;margin-top:6px}
.menu{display:flex;align-items:center;gap:23px;font-size:14px;font-weight:850}
.menu>a{position:relative;padding:30px 0 24px}
.menu>a:after{content:"";position:absolute;left:0;right:100%;bottom:17px;height:3px;background:var(--blue);transition:.18s ease}
.menu>a:hover:after,.menu>a[aria-current="page"]:after{right:0}
.nav-actions{display:flex;align-items:center;gap:8px}
.menu-toggle{display:none;width:46px;height:44px;border:2px solid var(--black);background:#fff;border-radius:0;align-items:center;justify-content:center;cursor:pointer}
.menu-toggle span,.menu-toggle:before,.menu-toggle:after{content:"";display:block;width:21px;height:2px;background:var(--black);transition:.2s}
.menu-toggle span{margin:5px 0}

/* BUTTON SYSTEM */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:49px;padding:0 21px;border-radius:2px;font-weight:900;border:2px solid transparent;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease;cursor:pointer;letter-spacing:-.01em}
.btn:hover{transform:translateY(-2px)}
.btn-red{background:var(--yellow);color:var(--black);border-color:var(--yellow)}
.btn-red:hover{background:var(--yellow-2);border-color:var(--yellow-2)}
.btn-dark{background:var(--black);color:#fff;border-color:var(--black)}
.btn-dark:hover{background:#20262e;border-color:#20262e}
.btn-green{background:var(--blue);color:var(--black);border-color:var(--blue)}
.btn-green:hover{background:#76c6ef;border-color:#76c6ef}
.btn-light{background:#fff;color:var(--black);border-color:var(--black)}
.btn-light:hover{background:var(--yellow-soft);border-color:var(--black)}
.btn-sm{min-height:42px;padding:0 15px;font-size:13px}
.icon{width:18px;height:18px;fill:currentColor;flex:0 0 18px}

/* TYPE */
h1,h2,h3{line-height:1.08;margin:0;color:var(--black);letter-spacing:-.04em}
h1{font-size:clamp(43px,6vw,76px);font-weight:950;max-width:790px}
h2{font-size:clamp(31px,4.2vw,50px);font-weight:950}
h3{font-size:22px;font-weight:900}
p{margin-top:0}
.kicker,.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--blue-dark);font-weight:950;letter-spacing:.09em;text-transform:uppercase;font-size:12px;margin-bottom:14px}
.kicker:before,.eyebrow:before{content:"";width:32px;height:4px;background:var(--yellow)}

/* HOME HERO */
.hero{position:relative;overflow:hidden;background:var(--black);border-bottom:0}
.hero:before{content:"";position:absolute;left:0;right:0;bottom:0;height:9px;background:linear-gradient(90deg,var(--yellow) 0 72%,var(--blue) 72% 100%)}
.hero:after{content:"";position:absolute;right:-120px;top:-70px;width:53%;height:115%;background:var(--yellow);clip-path:polygon(25% 0,100% 0,100% 100%,0 100%);z-index:0}
.hero-grid{position:relative;z-index:1;min-height:680px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:56px;padding:76px 0 82px}
.hero .kicker{color:var(--blue)}
.hero h1{color:#fff}
.hero h1 .accent{color:var(--yellow)}
.hero-lead{font-size:clamp(18px,2vw,21px);max-width:690px;color:#c5cdd5;margin:22px 0 0}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.hero-points{display:flex;flex-wrap:wrap;gap:12px 21px;margin-top:28px;color:#e2e6ea;font-weight:800;font-size:14px}
.hero-points span{display:flex;align-items:center;gap:8px}
.hero-points span:before{content:"✓";display:grid;place-items:center;width:22px;height:22px;background:var(--blue);color:var(--black);font-weight:950}
.hero-visual{position:relative;z-index:2}
.hero-visual .visual-card{position:relative;background:transparent;border:0;padding:0;box-shadow:none;isolation:isolate}
.hero-visual .visual-card:after{content:"";position:absolute;inset:12% -5% -8% 12%;background:var(--black);z-index:-1}
.hero-visual img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:0;filter:drop-shadow(0 18px 22px rgba(0,0,0,.20))}
.hero-badge{position:absolute;background:#fff;border:0;border-left:6px solid var(--blue);box-shadow:var(--shadow);padding:13px 16px;border-radius:0;font-weight:900;display:flex;align-items:center;gap:10px;color:var(--black)}
.hero-badge strong{display:block;font-size:16px}
.hero-badge small{display:block;color:var(--muted);font-weight:700}
.hero-badge.one{left:-25px;bottom:62px}
.hero-badge.two{right:-10px;top:50px;border-left-color:var(--black)}

/* SECTIONS */
.section{padding:88px 0;position:relative}
.section-soft{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-dark{background:var(--black);color:#fff;border-top:8px solid var(--yellow)}
.section-dark h2,.section-dark h3{color:#fff}
.section-dark .eyebrow{color:var(--blue)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:40px;padding-bottom:22px;border-bottom:3px solid var(--black)}
.section-soft .section-head{border-color:#cdd4da}
.section-dark .section-head{border-color:#343b44}
.section-head p{max-width:650px;margin:0;color:var(--muted);font-size:17px}
.section-dark .section-head p{color:#b9c1c9}

/* FLAT CONTENT BLOCKS */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.card{background:#fff;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:30px;transition:background .2s ease,transform .2s ease}
.card:hover{transform:none;background:var(--yellow-soft);box-shadow:none}
.card .card-icon{width:48px;height:48px;border-radius:0;background:var(--yellow);color:var(--black);display:grid;place-items:center;margin-bottom:20px}
.card p{color:var(--muted);margin:12px 0 0}
.card-link{display:inline-flex;gap:9px;align-items:center;color:var(--blue-dark);font-weight:950;margin-top:18px}
.card-link:after{content:"→";transition:.18s}
.card-link:hover:after{transform:translateX(4px)}
.feature-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:0;background:#fff;border-radius:0;overflow:hidden;margin-top:-30px;position:relative;z-index:5;box-shadow:0 14px 28px rgba(11,14,18,.10)}
.feature-strip article{padding:23px 22px;border-right:1px solid var(--line);border-top:5px solid var(--yellow)}
.feature-strip article:nth-child(even){border-top-color:var(--blue)}
.feature-strip article:last-child{border-right:0}
.feature-strip strong{display:block;font-size:17px;color:var(--black)}
.feature-strip span{color:var(--muted);font-size:13px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}
.media-panel{position:relative;border-radius:0;overflow:hidden;min-height:480px;background:var(--black);border-bottom:8px solid var(--yellow)}
.media-panel img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.media-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(8,11,14,.82) 100%)}
.media-caption{position:absolute;left:28px;right:28px;bottom:26px;z-index:2;color:#fff}
.media-caption strong{font-size:23px;display:block}
.media-caption span{opacity:.82}
.check-list{display:grid;gap:13px;margin:25px 0 0;padding:0;list-style:none}
.check-list li{display:flex;gap:12px;align-items:flex-start}
.check-list li:before{content:"✓";width:24px;height:24px;background:var(--yellow);color:var(--black);display:grid;place-items:center;font-weight:950;flex:0 0 24px;margin-top:2px}
.districts{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.districts a,.districts span{display:inline-flex;align-items:center;min-height:43px;padding:0 14px;background:#fff;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;font-weight:850;font-size:14px;transition:.18s}
.districts a:hover{background:var(--black);color:var(--yellow)}
.route-table{border:1px solid #323942;border-radius:0;overflow:hidden;background:#12171d}
.route-row{display:grid;grid-template-columns:1.2fr .8fr .65fr;gap:10px;align-items:center;padding:18px 20px;border-bottom:1px solid #2c333c}
.route-row:last-child{border-bottom:0}
.route-row.head{background:var(--yellow);font-weight:950;font-size:12px;color:var(--black);text-transform:uppercase;letter-spacing:.06em}
.route-row strong{font-size:16px;color:#fff}
.route-row .muted{color:#aeb8c1}
.quote{background:#fff;border:0;border-left:5px solid var(--yellow);border-radius:0;padding:26px 28px}
.stars{color:#eeb000;letter-spacing:2px;margin-bottom:12px}
.quote p{margin:0;color:#424b55}
.quote footer{margin-top:16px;font-weight:900}

/* FAQ */
.faq{display:grid;gap:0;border-top:1px solid var(--line)}
.faq details{border:0;border-bottom:1px solid var(--line);border-radius:0;background:#fff;padding:0 18px}
.faq summary{cursor:pointer;list-style:none;font-weight:900;padding:20px 42px 20px 0;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:3px;top:12px;width:34px;height:34px;background:var(--yellow);color:var(--black);display:grid;place-items:center;font-size:24px;font-weight:900}
.faq details[open] summary:after{content:"−";background:var(--blue)}
.faq details p{margin:0 0 20px;color:var(--muted);max-width:980px}

/* CTA */
.cta{background:var(--yellow);border-radius:0;padding:44px 46px;color:var(--black);display:flex;align-items:center;justify-content:space-between;gap:28px;overflow:hidden;position:relative;border-left:12px solid var(--black)}
.cta:after{content:"";position:absolute;right:0;top:0;bottom:0;width:20%;background:var(--blue);clip-path:polygon(55% 0,100% 0,100% 100%,0 100%);opacity:.75}
.cta h2{color:var(--black);font-size:clamp(30px,3.5vw,45px);position:relative;z-index:1}
.cta p{margin:12px 0 0;max-width:680px;color:#363b40;position:relative;z-index:1}
.cta .actions{display:flex;gap:9px;flex-wrap:wrap;position:relative;z-index:2}

/* SUBPAGES */
.subhero{position:relative;overflow:hidden;background:var(--black);color:#fff;padding:72px 0 62px;border-bottom:8px solid var(--yellow)}
.subhero:after{content:"";position:absolute;right:-9%;top:-80%;width:42%;height:250%;background:var(--blue);opacity:.15;transform:rotate(14deg)}
.subhero h1{color:#fff;max-width:900px;font-size:clamp(40px,5.4vw,66px);position:relative;z-index:1}
.subhero .kicker{color:var(--blue)}
.subhero p{font-size:18px;max-width:820px;color:#c1c9d1;margin:19px 0 0;position:relative;z-index:1}
.breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#9da8b3;font-size:13px;margin-bottom:20px;position:relative;z-index:1}
.breadcrumb a{color:var(--yellow);font-weight:800}
.prose{max-width:920px}
.prose p{color:var(--muted);font-size:17px;line-height:1.8}
.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.info-box{padding:26px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.info-box strong{display:block;font-size:20px;margin-bottom:7px}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:0;border:1px solid var(--line)}
.contact-card{background:#fff;border:0;border-radius:0;padding:32px;border-right:1px solid var(--line)}
.contact-list{display:grid;gap:0;margin-top:22px;border-top:1px solid var(--line)}
.contact-item{display:flex;gap:14px;align-items:flex-start;padding:15px 0;border-bottom:1px solid var(--line)}
.contact-item .ci{width:42px;height:42px;border-radius:0;background:var(--yellow);color:var(--black);display:grid;place-items:center;flex:0 0 42px}
.contact-item strong{display:block}
.contact-item span{color:var(--muted);font-size:14px}
.map-placeholder{min-height:410px;border-radius:0;background:
 linear-gradient(90deg,rgba(85,181,232,.12) 1px,transparent 1px),
 linear-gradient(rgba(85,181,232,.12) 1px,transparent 1px),#edf3f6;background-size:44px 44px;display:grid;place-items:center;border:0;position:relative;overflow:hidden}
.map-pin{width:78px;height:78px;border-radius:50% 50% 50% 0;background:var(--yellow);transform:rotate(-45deg);display:grid;place-items:center;box-shadow:var(--shadow);border:6px solid var(--black)}
.map-pin:after{content:"İZMİR";transform:rotate(45deg);color:var(--black);font-weight:950;font-size:12px}
.notice{padding:16px 18px;border-left:5px solid var(--blue);background:var(--blue-soft);border-radius:0;color:#36434d}

/* LONG DISTRICT SEO PAGES */
.district-subhero .hero-actions{margin-top:24px;position:relative;z-index:2}
.article-prose{max-width:990px}
.article-prose>p{font-size:17px;line-height:1.84;color:var(--muted);margin:0 0 20px}
.article-prose h2{margin-bottom:20px;padding-bottom:16px;border-bottom:4px solid var(--yellow)}
.article-prose h3{margin:35px 0 14px;font-size:25px;padding-left:14px;border-left:4px solid var(--blue)}
.article-intro p{font-size:16.5px;line-height:1.8;color:var(--muted)}
.local-summary{align-self:start;position:sticky;top:105px;background:var(--black);color:#fff;border:0!important;border-top:7px solid var(--yellow)!important}
.local-summary h3{color:#fff}
.local-summary p{color:#bfc7cf}
.local-summary .btn{margin-top:22px;width:100%}
.local-chips{margin-top:24px}
.dark-card{background:var(--black-2);border-color:#303943!important;color:#fff}
.dark-card h3{color:#fff}.dark-card .check-list li{color:#d8dfe5}
.route-list li{align-items:flex-start}
.long-read p:first-of-type{font-size:18px;color:#303840;font-weight:550}
.related-districts a{background:#fff}
.district-card-grid .card{display:flex;flex-direction:column;border-top:4px solid transparent}
.district-card-grid .card:nth-child(3n+1){border-top-color:var(--yellow)}
.district-card-grid .card:nth-child(3n+2){border-top-color:var(--blue)}
.district-card-grid .card:nth-child(3n){border-top-color:var(--black)}
.district-card-grid .card .card-link{margin-top:auto;padding-top:10px}

/* FOOTER */
.footer{background:#080b0f;color:#fff;padding:62px 0 28px;border-top:8px solid var(--yellow);position:relative}
.footer:before{content:"";position:absolute;left:0;top:0;width:28%;height:8px;background:var(--blue)}
.footer-grid{display:grid;grid-template-columns:1.35fr .8fr .8fr 1fr;gap:40px}
.footer .logo{color:#fff}.footer .logo-text{color:#fff}.footer .logo-text small{color:var(--yellow)}
.footer p{color:#aab4be;margin:17px 0 0;max-width:400px}
.footer h3{font-size:16px;letter-spacing:0;margin-bottom:17px;color:var(--yellow)}
.footer-links{display:grid;gap:10px;color:#c1c9d0;font-size:14px}
.footer-links a:hover{color:var(--blue)}
.footer-bottom{border-top:1px solid #242b33;margin-top:42px;padding-top:22px;display:flex;justify-content:space-between;gap:18px;color:#89949f;font-size:13px}
.footer-bottom a:hover{color:#fff}

/* FIXED ACTIONS */
.floating-actions{position:fixed;right:18px;bottom:18px;display:grid;gap:8px;z-index:800}
.float-btn{width:54px;height:54px;border-radius:2px;display:grid;place-items:center;color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.18);border:2px solid #fff}
.float-btn.call{background:var(--yellow);color:var(--black);border-color:var(--black)}
.float-btn.wa{background:var(--green)}
.mobile-callbar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:900;background:var(--black);border-top:4px solid var(--yellow);padding:8px 10px;gap:7px}
.mobile-callbar .btn{flex:1;min-height:47px}
.reveal{opacity:0;transform:translateY(14px);transition:.55s ease}
.reveal.is-visible{opacity:1;transform:none}

@media (max-width:1060px){
  .menu{position:absolute;left:16px;right:16px;top:74px;background:#fff;border:2px solid var(--black);box-shadow:var(--shadow);border-radius:0;padding:8px;display:none;flex-direction:column;align-items:stretch;gap:0}
  .menu.open{display:flex}.menu>a{padding:13px 12px;border-bottom:1px solid var(--line)}.menu>a:last-child{border-bottom:0}.menu>a:after{display:none}
  .menu-toggle{display:flex;flex-direction:column}.nav-actions .btn-dark{display:none}
  .hero-grid{grid-template-columns:1fr 1fr;gap:34px}.hero:after{width:55%}
  .hero-badge.one{left:8px}.hero-badge.two{right:8px}
  .grid-4{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  .topbar .quick span:first-child{display:none}
  .hero:after{right:-35%;width:92%;height:60%;top:auto;bottom:-12%;clip-path:polygon(0 38%,100% 0,100% 100%,0 100%)}
  .hero-grid{grid-template-columns:1fr;min-height:unset;padding:58px 0 74px}.hero-visual{max-width:650px}
  .feature-strip{grid-template-columns:1fr 1fr;margin-top:-18px}.feature-strip article:nth-child(2){border-right:0}.feature-strip article:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .grid-3{grid-template-columns:1fr}.split{grid-template-columns:1fr;gap:36px}.media-panel{min-height:390px}
  .section-head{display:block}.section-head p{margin-top:15px}
  .route-row{grid-template-columns:1fr .8fr}.route-row>:last-child{display:none}
  .cta{display:block;padding:34px}.cta .actions{margin-top:24px}.cta:after{width:34%;opacity:.45}
  .contact-grid{grid-template-columns:1fr}.contact-card{border-right:0;border-bottom:1px solid var(--line)}
  .local-summary{position:static}.article-prose{max-width:none}
}
@media (max-width:620px){
  body{padding-bottom:70px}.container{width:min(calc(100% - 24px),var(--container))}
  .topbar .container{justify-content:center}.topbar .quick span{display:none}
  .nav{min-height:70px}.logo-mark{width:40px;height:40px;flex-basis:40px}.logo-text{font-size:14px}.logo-text small{font-size:8px}
  .nav-actions>.btn-green{display:none}
  h1{font-size:42px}.hero-lead{font-size:17px}.hero-actions .btn{flex:1;min-width:145px}
  .hero-visual .visual-card{padding:0}.hero-visual img{border-radius:0}.hero-badge{position:static;margin-top:8px;box-shadow:none}.hero-badge.two{display:none}
  .section{padding:66px 0}.section-head{padding-bottom:18px;margin-bottom:30px}
  .feature-strip{grid-template-columns:1fr}.feature-strip article{border-right:0;border-bottom:1px solid var(--line)!important}.feature-strip article:last-child{border-bottom:0!important}
  .grid-4{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr}.route-row{grid-template-columns:1fr}.route-row .muted{margin-top:3px}
  .cta{padding:28px 23px;border-left-width:7px}.cta .actions .btn{flex:1}
  .footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}
  .floating-actions{display:none}.mobile-callbar{display:flex}
  .subhero{padding:53px 0 44px}.subhero p{font-size:17px}
  .card{padding:24px}.grid-3,.grid-4{border-left:0}.card{border-left:1px solid var(--line)}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.btn,.card,.card-link:after{transition:none}}


/* REAL PHOTO SYSTEM */
.hero-visual .visual-card{overflow:hidden;border-left:8px solid var(--blue);border-bottom:8px solid var(--black);background:#11161c}
.hero-visual .hero-photo{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;filter:saturate(.96) contrast(1.03);display:block}
.subhero.has-photo{padding:54px 0 48px}
.subhero.has-photo>.container{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(330px,.94fr);grid-template-rows:auto auto auto auto auto;gap:0 52px;align-items:center}
.subhero.has-photo .breadcrumb,.subhero.has-photo .kicker,.subhero.has-photo h1,.subhero.has-photo> .container>p,.subhero.has-photo .hero-actions{grid-column:1}
.subhero.has-photo .breadcrumb{grid-row:1}.subhero.has-photo .kicker{grid-row:2}.subhero.has-photo h1{grid-row:3}.subhero.has-photo>.container>p{grid-row:4}.subhero.has-photo .hero-actions{grid-row:5}
.subhero-photo{grid-column:2;grid-row:1 / 6;margin:0;position:relative;z-index:2;overflow:hidden;min-height:320px;border-left:7px solid var(--yellow);border-bottom:7px solid var(--blue);background:#151a21}
.subhero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(8,11,14,.28));pointer-events:none}
.subhero-photo-img{width:100%;height:100%;min-height:320px;max-height:410px;object-fit:cover;display:block;filter:saturate(.95) contrast(1.03)}
.media-panel img{filter:saturate(.94) contrast(1.03)}
@media(max-width:820px){
 .subhero.has-photo>.container{grid-template-columns:1fr;display:block}
 .subhero-photo{margin-top:30px;min-height:250px;border-left-width:5px;border-bottom-width:5px}
 .subhero-photo-img{min-height:250px;max-height:320px}
}

.visual-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}.visual-gallery article{overflow:hidden;border-top:3px solid var(--yellow,#ffc400);background:#fff}.visual-gallery figure{margin:0}.visual-gallery img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.visual-gallery figcaption{padding:12px 14px;color:#4d5564;font-size:.94rem;border-top:1px solid rgba(0,0,0,.07)}@media(max-width:800px){.visual-gallery{grid-template-columns:1fr}}


/* Site reference */
.site-credit{border-top:1px solid rgba(255,255,255,.12);margin-top:22px;padding:14px 20px 18px;text-align:center;font-size:.82rem;letter-spacing:.02em}
.site-credit a{color:inherit;text-decoration:none;opacity:.72}
.site-credit a:hover{opacity:1;text-decoration:underline}