@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#111417;--graphite:#20262b;--amber:#f5b800;--cream:#f5f4ee;--muted:#aab1b5;--wrap:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);font-family:'DM Sans',Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.055em}h2{font-size:clamp(36px,4vw,62px);line-height:1.1}h2 em,h1 em{font-style:normal;color:var(--amber)}.wrap{width:min(var(--wrap),calc(100% - 80px));margin:auto}.site-header{position:relative;z-index:20;background:#101417;color:white}.nav{display:flex;align-items:center;min-height:86px;gap:30px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{display:grid;place-items:center;width:48px;height:48px;background:var(--amber);color:var(--ink);font-size:30px;font-weight:800;letter-spacing:-5px;transform:skew(-8deg)}.brand-mark span{font-size:18px;align-self:start}.brand-name{font-size:20px;font-weight:800;line-height:.95;letter-spacing:-.07em}.brand-name small{display:block;color:var(--amber);font-size:10px;letter-spacing:.14em;margin-top:6px}.nav-links{display:flex;align-items:center;gap:21px;margin-left:auto}.nav-links a{font-size:12px;font-weight:700;white-space:nowrap;color:#d4d8d9}.nav-links a:hover,.nav-links a.current{color:var(--amber)}.nav-call{background:var(--amber);color:#111;padding:14px 19px;border-radius:6px;font-size:13px;font-weight:800;white-space:nowrap}.menu-toggle{display:none}.hero{min-height:680px;position:relative;background:#111;color:white;overflow:hidden}.hero-photo{position:absolute;inset:0;background:url('../images/arac-tasima.webp') center 48%/cover no-repeat;opacity:.63}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,16,19,.98) 0%,rgba(12,16,19,.92) 33%,rgba(12,16,19,.3) 78%),linear-gradient(0deg,rgba(12,16,19,.9),transparent 40%)}.hero-content{position:relative;padding:128px 0 85px}.eyebrow{display:inline-flex;align-items:center;gap:12px;letter-spacing:.19em;font-size:11px;font-weight:800;text-transform:uppercase}.eyebrow i{display:inline-block;width:28px;height:3px;background:var(--amber)}.hero h1{font-size:clamp(53px,6.4vw,94px);line-height:1.06;max-width:900px;margin:28px 0}.hero-content>p{font-size:18px;line-height:1.7;color:#d4d8d9;max-width:510px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:53px;padding:12px 21px;border-radius:5px;font-weight:800;font-size:14px}.btn-primary{background:var(--amber);color:#111}.btn-primary span{font-size:12px;opacity:.8}.btn-outline{border:1px solid #aeb5b7;color:#fff}.hero-facts{display:flex;gap:34px;margin-top:90px;font-size:12px;color:#d6dadb}.hero-facts b{color:var(--amber);font-size:20px;margin-right:6px}.hero-index{position:absolute;bottom:20px;right:40px;color:#ddd;font-size:10px;letter-spacing:.2em}.strip{padding:105px 0}.intro-grid{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:40px}.intro-grid h2{margin:20px 0 0}.intro-grid h2 em{color:#bc8a00}.intro-grid>p{max-width:360px;color:#5d666b;line-height:1.8}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.service-card{height:340px;position:relative;border-radius:7px;background:#151a1e;color:white;overflow:hidden;transition:transform .25s}.service-card:hover{transform:translateY(-6px)}.card-image{position:absolute;inset:0;background-position:center;background-size:cover;opacity:.6;transition:transform .4s}.service-card:hover .card-image{transform:scale(1.06)}.service-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent 30%,rgba(0,0,0,.95))}.card-top,.card-bottom{position:absolute;z-index:2;left:23px;right:23px}.card-top{top:22px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.1em;color:#f0d480}.card-top b{font-size:25px;color:var(--amber)}.card-bottom{bottom:16px}.card-bottom h3{font-size:25px;margin-bottom:8px}.card-bottom p{font-size:13px;color:#d5dadd;line-height:1.55}.region-section{padding:105px 0;background:var(--ink);color:white}.region-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:80px;align-items:center}.region-grid h2{margin:22px 0}.region-grid p{max-width:400px;color:#b7bfc2;line-height:1.8}.text-link{display:inline-flex;gap:35px;margin-top:18px;color:var(--amber);font-weight:800;border-bottom:1px solid var(--amber);padding-bottom:12px}.region-cards{display:grid;gap:14px}.region-cards a{position:relative;padding:26px 32px;border:1px solid #42494c;border-radius:5px;background:#1c2226;display:flex;flex-direction:column;gap:8px}.region-cards a:hover{border-color:var(--amber)}.region-cards span{color:var(--amber);font-size:10px;letter-spacing:.16em}.region-cards strong{font:800 32px Manrope}.region-cards small{color:#adb6b9}.region-cards b{position:absolute;right:30px;top:43px;color:var(--amber);font-size:28px}.proof-section{padding:65px 0;background:#e9e9e2}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.proof-grid>div{border-left:1px solid #bfc2bd;padding-left:25px}.proof-grid span{color:#b38600;font-weight:800;font-size:13px}.proof-grid strong{display:block;font-size:20px;margin:12px 0}.proof-grid p{color:#5e6668;font-size:14px;line-height:1.7}.cta-section{background:#f5b800;padding:100px 0}.cta-inner h2{margin:20px 0}.cta-inner h2 em{color:#111}.cta-inner>p{max-width:600px;line-height:1.7}.cta-section .eyebrow i{background:#111}.cta-section .btn-primary{background:#111;color:#fff}.cta-section .btn-outline{border-color:#111;color:#111}.footer{background:#0f1316;color:white;padding:70px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:80px}.footer-brand{font-size:24px;font-weight:800}.footer-brand span{display:block;color:var(--amber);font-size:12px;letter-spacing:.2em}.footer p{max-width:330px;color:#aeb5b7;line-height:1.8;font-size:14px;margin-top:22px}.footer-grid strong{display:block;margin-bottom:18px}.footer-grid a,.footer-grid span:not(.footer-brand span){display:block;color:#aeb5b7;margin-bottom:13px;font-size:14px}.foot-bottom{border-top:1px solid #30373a;margin-top:55px;padding-top:25px;display:flex;justify-content:space-between;color:#838e92;font-size:12px}.mobile-cta{display:none}.page-hero{position:relative;min-height:490px;background:#101417;color:white;overflow:hidden}.page-image{position:absolute;inset:0;background-position:center;background-size:cover;opacity:.35}.page-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101417 0%,rgba(16,20,23,.9) 40%,transparent 100%)}.page-hero-inner{position:relative;z-index:1;padding:95px 0}.page-hero h1{font-size:clamp(44px,5.4vw,75px);max-width:800px;margin:22px 0}.page-hero p{max-width:580px;color:#e0e3e3;line-height:1.8;font-size:17px}.page-content{padding:100px 0}.page-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.7fr);gap:100px}.page-grid h2{margin:20px 0}.page-grid p{font-size:17px;line-height:1.9;color:#515b60}.side-panel{background:#171c20;color:white;padding:36px;align-self:start}.side-panel>span{font-size:11px;letter-spacing:.2em;color:var(--amber)}.side-panel h3{font-size:39px;margin:20px 0}.side-panel p{font-size:14px;color:#b6bec1}.side-panel a{display:inline-block;background:var(--amber);color:#111;padding:15px;font-weight:800;margin-top:18px}.area-links{display:flex;flex-wrap:wrap;gap:12px}.area-links a{padding:16px;background:#111;color:var(--amber);font-weight:800}.info-note{margin-top:40px;padding:25px;border-left:4px solid var(--amber);background:#e9e9e2}.info-note p{margin-bottom:0}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:35px}.gallery-grid img{width:100%;height:220px;object-fit:cover}.gallery-grid img:first-child{grid-column:span 2;height:300px}
@media(max-width:1100px){.nav{gap:16px}.nav-links{gap:12px}.nav-links a{font-size:11px}.nav-call{padding:12px}.services-grid{grid-template-columns:repeat(2,1fr)}.service-card{height:310px}}
@media(max-width:820px){.wrap{width:calc(100% - 36px)}.nav{min-height:72px}.nav-call{margin-left:auto}.menu-toggle{display:block;background:none;border:1px solid #485057;color:white;padding:8px 11px;font-size:20px;order:3}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:#171d21;padding:18px;flex-direction:column;align-items:stretch;gap:0}.nav-links.is-open{display:flex}.nav-links a{padding:13px 9px;font-size:14px;border-bottom:1px solid #333b40}.hero{min-height:600px}.hero-content{padding:95px 0 65px}.hero h1{font-size:clamp(46px,9vw,74px)}.hero-facts{margin-top:65px;gap:15px;flex-wrap:wrap}.intro-grid{display:block}.intro-grid>p{margin-top:22px}.region-grid,.page-grid{grid-template-columns:1fr;gap:35px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:span 2}.page-content{padding:65px 0}}
@media(max-width:540px){.brand-mark{width:40px;height:40px}.brand-name{font-size:17px}.nav-call{font-size:18px;padding:9px 11px}.nav-call span{display:none}.hero{min-height:600px}.hero-photo{background-position:60% center}.hero-overlay{background:linear-gradient(90deg,rgba(12,16,19,.94),rgba(12,16,19,.65)),linear-gradient(0deg,#101417,transparent 55%)}.hero-content{padding:80px 0 50px}.hero h1{font-size:clamp(43px,10.5vw,60px)}.hero-content>p{font-size:15px}.actions{gap:9px}.btn{font-size:12px;min-height:49px;padding:10px 12px}.btn-primary span{display:none}.hero-facts{margin-top:55px;font-size:11px}.hero-facts b{font-size:16px}.hero-index{display:none}.strip,.region-section{padding:70px 0}.services-grid{grid-template-columns:1fr 1fr;gap:9px}.service-card{height:250px}.card-top,.card-bottom{left:13px;right:13px}.card-top{top:14px}.card-bottom h3{font-size:19px}.card-bottom p{font-size:11px}.region-cards strong{font-size:26px}.proof-grid{grid-template-columns:1fr}.cta-section{padding:65px 0}.footer{padding-bottom:85px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:span 1}.foot-bottom span{display:none}.mobile-cta{display:grid;grid-template-columns:1fr 1fr;position:fixed;bottom:0;left:0;right:0;z-index:30;box-shadow:0 -5px 25px #0003}.mobile-cta a{text-align:center;padding:17px 10px;background:var(--amber);color:#111;font-size:14px;font-weight:800}.mobile-cta a+ a{background:#17231e;color:#fff}.page-hero-inner{padding:70px 0}.page-hero h1{font-size:43px}.gallery-grid{grid-template-columns:1fr}.gallery-grid img:first-child{grid-column:span 1}}

/* Ana sayfa: gerçek çekicimizin öne çıktığı iki sütunlu vitrin */



/* Ana sayfa gece kurtarma foto�raf� */








/* BALABAN - Metalik foto�raf �er�evesi */















/* BALABAN - Metalik foto�raf �er�evesi */















/* nce �er�eve ve daha b�y�k foto�raf */












/* Foto�raf� yatay geni�letme */





/* Daha geni� foto�raf ve ince sar� k��eler */










/* Foto�raf� yatay geni�let, y�ksekli�i sabit tut */






/* Ana sayfa d�zen d�zeltmesi */









/* BALABAN - Ana sayfa yerle�im d�zeltmesi */




/* Balaban - Telefon ve WhatsApp butonlari */
a.btn[href^="tel:"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    flex-wrap: wrap;
    text-align: center;
}

a.btn[href^="tel:"] span {
    font-weight: 800 !important;
    white-space: nowrap;
}

a.btn[href*="wa.me"] {
    background: #25D366 !important;
    border-color: #25D366 !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

a.btn[href*="wa.me"]:hover {
    background: #1ebe5d !important;
    border-color: #1ebe5d !important;
}

/* BALABAN 12 FOTO GALERI START */
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-top: 35px;
}
.gallery-item {
    display: block;
    overflow: hidden;
    border-radius: 9px;
    background: #171c20;
    border: 1px solid #d4d4ce;
    transition: transform .25s, box-shadow .25s;
}
.gallery-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px #0002;
}
.gallery-item img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    height: auto;
    object-fit: cover;
}
.gallery-item span {
    display: block;
    padding: 13px 15px;
    color: #f5b800;
    font-size: 13px;
    font-weight: 700;
}
@media(max-width:820px) {
    .gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media(max-width:480px) {
    .gallery-grid { grid-template-columns: 1fr; }
}
/* BALABAN 12 FOTO GALERI END */
/* BALABAN YATAY GALERI */
.page-grid:has(.gallery-grid) {
    display: block !important;
}

.page-grid:has(.gallery-grid) .side-panel {
    margin-top: 45px;
}

.gallery-grid {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 12px 4px 22px;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
    scrollbar-color: #f5b800 #d8d8d0;
}

.gallery-item {
    flex: 0 0 310px;
    scroll-snap-align: start;
}

.gallery-item img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

@media(max-width:600px) {
    .gallery-item {
        flex-basis: 260px;
    }
}
/* BALABAN YATAY GALERI SON */


/* BALABAN - Iki satirli yatay galeri */
.gallery-grid {
    display: grid !important;
    grid-auto-flow: column !important;
    grid-template-columns: repeat(6, 310px) !important;
    grid-template-rows: repeat(2, auto) !important;
    gap: 20px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory;
    padding: 15px 5px 25px;
}

.gallery-item {
    width: 310px;
    scroll-snap-align: start;
}

.gallery-item img {
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
}

@media(max-width:600px) {
    .gallery-grid {
        grid-template-columns: repeat(6, 240px) !important;
    }
    .gallery-item {
        width: 240px;
    }
}
/* BALABAN - Iki satirli yatay galeri son */


/* BALABAN - 3 satir 4 sutun galeri */
.gallery-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-rows: auto !important;
    grid-auto-flow: row !important;
    overflow: visible !important;
    gap: 18px !important;
    padding: 15px 0 !important;
}

.gallery-item {
    width: 100% !important;
}

.gallery-item img {
    width: 100% !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
}

@media(max-width:820px) {
    .gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media(max-width:480px) {
    .gallery-grid {
        grid-template-columns: 1fr !important;
    }
}
/* BALABAN - 3 satir 4 sutun son */


/* ANA SAYFA GALERI */
.balaban-home-gallery {
    padding: 75px 0;
}
.home-gallery-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 16px;
    margin: 30px 0;
}
.home-gallery-grid a {
    display: block;
    overflow: hidden;
    border-radius: 9px;
}
.home-gallery-grid img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    display: block;
    transition: transform .3s;
}
.home-gallery-grid a:hover img {
    transform: scale(1.04);
}
@media(max-width:820px) {
    .home-gallery-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}
@media(max-width:480px) {
    .home-gallery-grid {
        grid-template-columns: 1fr;
    }
}
/* ANA SAYFA GALERI SON */


/* BALABAN HIZMET BOLGELERI */
.balaban-areas { padding: 65px 0; }
.area-heading { max-width: 760px; margin-bottom: 38px; }
.area-heading h2 { margin: 15px 0; }
.area-heading p, .area-note { color: #aeb5b8; line-height: 1.7; }
.area-category-title { margin: 38px 0 12px; font-size: 21px; }
.area-note { margin-bottom: 20px; font-size: 13px; }
.area-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 14px;
}
.area-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-height: 105px;
    justify-content: center;
    padding: 20px;
    border: 1px solid #343b40;
    border-radius: 9px;
    background: #191f23;
    color: #fff;
    text-decoration: none;
    transition: border-color .2s, transform .2s;
}
.area-card:hover { border-color: #f5bd32; transform: translateY(-3px); }
.area-card strong { font-size: 17px; }
.area-card span { color: #aeb5b8; font-size: 12px; }
.area-card.priority { border-color: #b58a27; }
.area-card.priority span { color: #f5bd32; font-weight: 700; }
.area-contact {
    margin-top: 45px;
    padding: 30px;
    border-radius: 10px;
    background: #20272b;
}
.area-contact p { color: #b8c0c3; margin: 12px 0 20px; }
@media(max-width:800px) {
    .area-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media(max-width:480px) {
    .area-grid { grid-template-columns: 1fr; }
}
/* BALABAN HIZMET BOLGELERI SON */

/* BALABAN GALERI DUZENI - 2026 */
.gallery-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-template-rows: auto !important;
    grid-auto-flow: row !important;
    flex-wrap: initial !important;
    overflow: visible !important;
    overflow-x: visible !important;
    gap: 18px !important;
    width: 100% !important;
    scroll-snap-type: none !important;
}
.gallery-grid img {
    display: block !important;
    width: 100% !important;
    height: 220px !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
    grid-column: auto !important;
}
.home-gallery-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
@media (max-width: 820px) {
    .gallery-grid,
    .home-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* BALABAN SON TASARIM DUZELTMELERI */

/* Telefon numaralari */
a[href^="tel:"],
.nav-call,
.nav-call span {
    font-weight: 900 !important;
}

/* Yatay tasma engeli */
html, body {
    max-width: 100%;
    overflow-x: hidden !important;
}

.wrap {
    min-width: 0;
}

/* Ana sayfa fotoğraf boyutu */


/* Galeri: duzgun ve esit fotoğraf kartlari */
.gallery-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    grid-auto-flow: row !important;
    grid-template-rows: auto !important;
    gap: 16px !important;
    width: 100% !important;
    overflow: hidden !important;
    padding: 10px 0 !important;
}

.gallery-item {
    width: 100% !important;
    min-width: 0 !important;
    flex: initial !important;
    overflow: hidden !important;
}

.gallery-item img {
    display: block !important;
    width: 100% !important;
    height: 190px !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
}

.home-gallery-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 16px !important;
}

.home-gallery-grid img {
    width: 100% !important;
    height: 180px !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
}

@media (max-width: 820px) {
    .gallery-grid,
    .home-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .gallery-item img {
        height: 170px !important;
    }

    
}

@media (max-width: 480px) {
    .gallery-grid,
    .home-gallery-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .gallery-item img {
        height: 145px !important;
    }

    .home-gallery-grid img {
        height: 145px !important;
    }
}

/* BALABAN SON TASARIM DUZELTMELERI SON */

/* BALABAN - GALERI VE VITRIN SON DUZEN */







.gallery-grid,
.home-gallery-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-flow: row !important;
  grid-template-rows: auto !important;
  gap: 14px !important;
  overflow: visible !important;
}

.gallery-item {
  width: 100% !important;
  min-width: 0 !important;
  flex: initial !important;
}

.gallery-grid img,
.gallery-item img,
.home-gallery-grid img {
  display: block !important;
  width: 100% !important;
  height: 175px !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  grid-column: auto !important;
}

@media (max-width: 820px) {
  .gallery-grid,
  .home-gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 480px) {
  .gallery-grid,
  .home-gallery-grid {
    grid-template-columns: 1fr !important;
  }
  .gallery-grid img,
  .gallery-item img,
  .home-gallery-grid img {
    height: 210px !important;
  }
}

/* BALABAN - TELEFON NUMARASI FONT DUZELTMESI */

a[href^="tel:"] {
    font-family: "Manrope", Arial, sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.nav-call {
    font-size: 14px !important;
    letter-spacing: 0.01em !important;
}

@media (max-width: 540px) {
    .nav-call {
        font-size: 16px !important;
    }
}

/* BALABAN - Ana sayfa baslik ve fotograf duzeltmesi */


/* BALABAN - Ana sayfa baslik ve fotograf duzeltmesi */


/* BALABAN - Baslik son duzenleme */



/* BALABAN: Ana sayfa vitrini - tek ve tutarli yerlesim */
.hero{min-height:640px;background:radial-gradient(circle at 76% 42%,#20282c 0%,#101417 65%);overflow:hidden}
.hero .hero-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"eyebrow visual" "heading visual" "description visual" "buttons visual" "facts visual";column-gap:clamp(28px,4vw,64px);align-content:center;align-items:center;min-height:640px;padding:76px 0}
.hero .hero-content>.eyebrow{grid-area:eyebrow;align-self:end}
.hero .hero-content>h1{grid-area:heading;min-width:0;max-width:100%;font-size:clamp(34px,3.15vw,49px);line-height:1.16;letter-spacing:-.045em;white-space:normal;overflow-wrap:normal;margin:20px 0 24px}
.hero .hero-title-line{display:block;white-space:normal}
.hero .hero-title-accent{color:var(--amber)}
.hero .hero-content>p{grid-area:description;min-width:0;max-width:530px;font-size:16px;line-height:1.75;margin:0}
.hero .hero-content>.actions{grid-area:buttons;margin-top:27px;align-self:start}
.hero .hero-content>.hero-facts{grid-area:facts;margin-top:44px;gap:18px;flex-wrap:wrap;align-self:start}
.hero .hero-content>.hero-visual{grid-area:visual;position:relative;inset:auto;width:100%;min-width:0;max-width:100%;margin:0;padding:12px;transform:none;align-self:center;isolation:isolate}
.hero .hero-visual::before{display:block;content:"";position:absolute;top:0;right:0;width:42%;height:7px;background:var(--amber);z-index:0}
.hero .hero-visual::after{display:block;content:"";position:absolute;top:0;right:0;width:7px;height:45%;background:var(--amber);z-index:0}
.hero .hero-visual-frame{position:relative;z-index:1;width:100%;max-width:100%;padding:5px;border:1px solid #4b5357;border-radius:3px;transform:none;overflow:hidden;background:#20262b;box-shadow:0 24px 55px #0007}
.hero .hero-visual-frame img{display:block;width:100%;height:auto;aspect-ratio:4/3;max-height:none;object-fit:cover;object-position:center;transform:none;border-radius:0}
.hero .hero-visual-tag{position:absolute;bottom:5px;left:5px;right:5px;padding:12px 14px;background:#101417dc;color:var(--amber);font-size:10px;letter-spacing:.1em}
.hero .hero-visual-accent{display:none}
@media(max-width:999px){
 .hero .hero-content{grid-template-columns:minmax(0,1fr);grid-template-areas:"eyebrow" "heading" "description" "buttons" "facts" "visual";min-height:0;padding:76px 0 65px;row-gap:0}
 .hero .hero-content>h1{font-size:clamp(36px,6vw,58px)}
 .hero .hero-content>.hero-visual{max-width:650px;margin:35px auto 0}
 .hero .hero-content>.hero-facts{margin-top:35px}
}
@media(max-width:540px){
 .hero .hero-content{padding:62px 0 48px}
 .hero .hero-content>h1{font-size:clamp(30px,8.5vw,43px);line-height:1.18;margin:20px 0}
 .hero .hero-content>p{font-size:15px}
 .hero .hero-content>.hero-visual{margin-top:27px;padding:8px}
 .hero .hero-visual-tag{font-size:9px;padding:9px}
}