:root{--content-width:1080px;--theme-accent:#66518C}#s5_responsive_mobile_sidebar,#s5_responsive_mobile_top_bar_spacer,#s5_responsive_mobile_top_bar_wrap,#s5_responsive_mobile_bottom_bar_outer{display:none!important}.content-discovery{box-sizing:border-box;width:min(var(--content-width),calc(100% - 24px));margin:18px auto;padding:16px 18px;background:#fff;border:1px solid #c5c5c5;border-radius:6px;box-shadow:0 0 8px #bdbdbd;color:#333;font-family:Arial,sans-serif}.content-discovery *{box-sizing:border-box}.discovery-title{margin:0 0 12px;color:var(--theme-accent);font-family:Arial Narrow,Arial,sans-serif;font-size:18px;text-transform:uppercase}.entry-date{display:block;margin:0 0 12px;color:#666;font-size:12px}.topic-links,.featured-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:0;padding:0;list-style:none}.topic-links a,.featured-item{display:block;height:100%;padding:10px;border:1px solid #ddd;border-radius:4px;text-decoration:none;background:#fafafa}.featured-item strong,.featured-item time,.featured-item span{display:block}.featured-item time{margin:5px 0;color:#777;font-size:11px}.featured-item span{color:#555;font-size:12px;line-height:1.4}.archived-form [disabled]{opacity:1;cursor:not-allowed}.topic-index{columns:3;column-gap:24px}.topic-index li{break-inside:avoid;margin:0 0 7px}.page .logo img,.page .footer-logo img{display:block;width:auto!important;max-width:min(100%,300px)!important;height:auto!important;max-height:90px!important;object-fit:contain}.page .brands-carousel .logotype img{display:block;width:auto!important;max-width:100%!important;height:auto!important;max-height:80px!important;object-fit:contain}.page .catalog .img-wrapper>img,.page .product-gallery #msGallery img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.page .gallery .img-wrapper>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.page .header-social img,.page .messenger img,.page .social-links img{width:28px!important;height:28px!important;object-fit:contain}@media(max-width:700px){.topic-index{columns:1}}.related-nav{display:flex;flex-wrap:wrap;gap:8px;align-items:center}a:not([href]){cursor:default!important;pointer-events:none!important}@media(max-width:700px){html,body{width:100%!important;max-width:100%!important;min-width:0!important;margin-right:0!important;margin-left:0!important}img,picture,video{max-width:100%!important;height:auto!important}h1,h2,h3,p,li,a{overflow-wrap:anywhere}input,select,textarea,button{box-sizing:border-box;max-width:100%!important}.archived-form [disabled]{opacity:.68!important;filter:grayscale(.35);cursor:not-allowed!important;pointer-events:none!important}#header .container,#content .container,#footer .container,footer .container{box-sizing:border-box;width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin-right:auto!important;margin-left:auto!important;padding-right:0!important;padding-left:0!important}#header .row,#content .row,#footer .row,footer .row{margin-right:0!important;margin-left:0!important}#header [class*="grid_"],#content [class*="grid_"],#footer [class*="grid_"],footer [class*="grid_"]{box-sizing:border-box;float:none!important;width:100%!important;max-width:100%!important;margin-right:0!important;margin-left:0!important}#header .logo,#header nav,#content .wrap1,#content .btn_1-wrap{box-sizing:border-box;float:none!important;width:100%!important;max-width:100%!important}#header h1{max-width:100%;white-space:normal!important}#header nav{clear:both!important;padding-top:8px!important}#header nav .sf-menu{display:flex!important;float:none!important;flex-wrap:wrap!important;justify-content:center;width:100%!important;margin:0!important;padding:0!important}#header nav .sf-menu>li{box-sizing:border-box;float:none!important;max-width:100%}#header nav .sf-menu>li>a{display:block;padding:8px 10px!important;white-space:normal!important}#header nav .sf-menu ul{display:none!important}#content .top-image,#content .top-image img{display:block;width:100%!important;max-width:100%!important;height:auto!important}#content .wrapper1{margin-top:36px!important;margin-bottom:38px!important}#content .btn{box-sizing:border-box;display:inline-block;max-width:100%;white-space:normal!important}#s5_body_padding,#s5_responsive_mobile_sidebar_body_wrap,#s5_responsive_mobile_sidebar_body_wrap_inner,#s5_width_wrap,#s5_header_area_inner,#s5_center_area_inner,#s5_above_columns_inner,#s5_columns_wrap,#s5_columns_wrap_inner,#s5_center_column_wrap,#s5_center_column_wrap_inner{box-sizing:border-box;width:100%!important;max-width:100%!important;min-width:0!important}#s5_header_area_inner,#s5_center_area_inner{margin-right:auto!important;margin-left:auto!important}#s5_header_area_inner2,#s5_component_wrap,.module_round_box_outer{box-sizing:border-box;max-width:calc(100% - 14px)!important}#s5_logo{box-sizing:border-box;float:none!important;display:block!important;width:auto!important;max-width:100%!important;height:auto!important;margin-right:auto!important;margin-left:auto!important}#s5_menu_wrap{display:block!important;box-sizing:border-box;width:100%!important;max-width:100%!important}#s5_nav{display:flex!important;float:none!important;flex-wrap:wrap!important;width:100%!important;margin:0!important;padding:0!important}#s5_nav>li{box-sizing:border-box;float:none!important;flex:1 1 50%;height:auto!important;min-width:0!important;padding:0!important}#s5_nav>li a{box-sizing:border-box;display:block!important;padding:12px 9px!important;font-size:14px!important;line-height:1.25!important;white-space:normal!important}#s5_nav>li .s5_level1_span1,#s5_nav>li .s5_level1_span2{height:auto!important;padding:0!important}#s5_columns_wrap{overflow:visible!important}#s5_columns_wrap_inner,#s5_center_column_wrap,#s5_center_column_wrap_inner{position:static!important;left:auto!important;float:none!important}#s5_above_columns_inner>.s5_float_left{box-sizing:border-box;float:none!important;width:100%!important;max-width:100%!important}#s5_component_wrap{margin-right:7px!important;margin-left:7px!important;padding:16px!important}#s5_component_wrap [class*="col-"],#s5_above_columns_inner [class*="col-"]{box-sizing:border-box;float:none!important;width:100%!important;max-width:100%!important;margin-left:0!important}#s5_component_wrap table,#s5_above_columns_inner table{max-width:100%!important}}.page .product-gallery #msGallery .fotorama{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.page .product-gallery #msGallery .fotorama>a{display:block;min-width:0}.page .product-gallery #msGallery .fotorama>a:first-child{grid-column:1/-1}.page .brands-carousel{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));height:auto!important;overflow:visible!important}.page .brands-carousel>.item{min-width:0}.redacted-contact{font-size:12px;line-height:1.35}.page .header:has(.header-tel-1 .redacted-contact) .header-tel-2:has(.redacted-contact),.page .header:has(.header-tel-1 .redacted-contact) .header-address:has(.redacted-contact),.page .header:has(.header-tel-1 .redacted-contact) .email-header:has(.redacted-contact),.page .footer-contacts:has(.footer-phone .redacted-contact) .footer-email:has(.redacted-contact),.page .footer-contacts:has(.footer-phone .redacted-contact) .footer-address:has(.redacted-contact){display:none!important}.archive-video-preview{display:block;width:min(100%,720px);margin:18px auto}.archive-video-preview img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px}.page a:not([href]),.page a[aria-disabled="true"]{color:inherit!important;cursor:not-allowed!important;pointer-events:none;text-decoration:none!important}.page :is(input,select,textarea,button)[disabled]{opacity:.55!important;cursor:not-allowed!important;pointer-events:none}.page a:not([href]),.page a[aria-disabled="true"],.page .archived-form{display:none!important}.page #header nav .sf-menu>li>a{color:#365f63!important;text-shadow:none!important}.page a.btn,.page a.btn_2{color:#fff!important;border-color:transparent!important}.page a.btn_2:after{content:" →"!important;font-family:Arial,sans-serif!important}.page #content .box3>img.put-left{width:442px!important;max-width:100%!important;height:auto!important}@media(max-width:700px){.page #header nav .sf-menu>li>a{display:flex!important;align-items:center;min-height:44px}}.editorial-note{margin:0 0 14px;padding:10px 12px;border-left:4px solid var(--theme-accent);background:#f5f5f2;color:#444;font-size:12px;line-height:1.45}.page .preloader,.page .circle-menu,.page .btnSlideNav,.page .overlay-slideNav,.page .slideNav{display:none!important}.page .nav-wrap{position:static!important;inset:auto!important;width:auto!important;height:auto!important;opacity:1!important;visibility:visible!important;transform:none!important}.page .nav-wrap .nav{display:flex!important;flex-wrap:wrap!important;position:static!important;transform:none!important}.page .slice-slider,.page .slice-layer,.page .slice-viewport,.page .slice-stage,.page .slice-slide{position:static!important;inset:auto!important;width:auto!important;height:auto!important;transform:none!important;opacity:1!important;visibility:visible!important}.page .slice-viewport{overflow:visible!important}.page .slice-stage{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.page .slice-slide{display:block!important}.page .slice-slide img{display:block!important;width:100%!important;height:auto!important}@media(max-width:700px){.page .slice-stage{grid-template-columns:1fr!important}}.page .map-iframe:empty{display:none!important}#content .quote-box>img{width:190px!important;height:190px!important;object-fit:cover}#owl-carousel{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0!important}#owl-carousel .item{padding:0!important}#owl-carousel .item img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}@media(max-width:700px){#owl-carousel{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.page{min-height:100vh;margin:0;color:#333;font:14px/1.55 Arial,sans-serif}.page *{box-sizing:border-box}.page a{color:#2671a8}.page img{max-width:100%;height:auto}.page .news img{float:left;width:50px!important;height:auto!important;margin:2px}.page .container{width:min(1170px,calc(100% - 32px));margin-right:auto;margin-left:auto}.page header{border-bottom:1px solid #ddd;background:#f7f7f5}.page .brand{display:inline-block;padding:24px 0}.page .brand_name{margin:0;font-size:38px;line-height:1}.page .brand_name a{text-decoration:none}.page .brand_slogan{margin:12px 0 0}.page .info-meta{display:none}.page .stuck_container{clear:both;background:#26343d}.page .sf-menu{display:flex;flex-wrap:wrap;gap:0;margin:0;padding:0;list-style:none}.page .sf-menu li{position:relative;margin:0;list-style:none}.page .sf-menu>li>a{display:block;padding:16px 18px;color:#fff;text-decoration:none}.page .sf-menu ul{position:absolute;z-index:2;display:none;min-width:180px;margin:0;padding:8px 18px;background:#fff}.page .sf-menu li:hover>ul,.page .sf-menu li:focus-within>ul{display:block}.page .row{display:flex;flex-wrap:wrap;margin-right:-12px;margin-left:-12px}.page [class*=grid_]{padding-right:12px;padding-left:12px}.page .grid_12{width:100%}.page .grid_8{width:66.6667%}.page .grid_6{width:50%}.page .grid_4{width:33.3333%}.page .grid_3{width:25%}.page main,.page #content{display:block}.page .well{padding:48px 0}.page .center{text-align:center}.page .decorated-heading{margin:0 0 28px;font-size:32px}.page .gal_menu{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 24px;padding:0;list-style:none}.page .gal_menu a{display:block;padding:8px 12px;border:1px solid #ddd;border-radius:3px;text-decoration:none}.page #container>.row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 0 18px}.page #container>.row>.grid_12{display:contents}.page #container>.row>.grid_3{width:auto;padding:0}.page .thumb1{overflow:hidden;border:1px solid #ddd;background:#fff}.page .thumb1 img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.page .capture{min-height:76px;padding:10px}.page footer{padding:28px 0;color:#ddd;background:#26343d}.page footer a{color:#fff}@media(max-width:700px){.page .container{width:calc(100% - 20px)}.page .sf-menu{display:block}.page .sf-menu ul{position:static;display:block}.page [class*=grid_]{width:100%}.page #container>.row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.page ul.nav,.page ul.list-unstyled{margin:0;padding:0;list-style:none}.page .dropdown-menu{position:absolute;z-index:5;display:none;max-width:min(900px,calc(100vw - 32px));max-height:70vh;overflow:auto;padding:14px;background:#fff;border:1px solid #ddd}.page .dropdown:hover>.dropdown-menu,.page .dropdown:focus-within>.dropdown-menu{display:block}.page .homepage-container{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:24px}.page .homepage-container>.sidebar{min-width:0}.page .homepage-container>.homebanner-holder{min-width:0}.page .homepage-container>:last-child{grid-column:1/-1}@media(max-width:700px){.page .homepage-container{display:block}.page .dropdown-menu{position:static;max-height:none}}.page [class*="col-"]{min-width:0;padding-right:12px;padding-left:12px}.page .col-xs-5{width:41.6667%}.page .col-xs-7{width:58.3333%}.page .col-xs-12{width:100%}@media(min-width:701px){.page .col-sm-2{width:16.6667%}.page .col-sm-3{width:25%}.page .col-sm-6{width:50%}.page .col-sm-7{width:58.3333%}.page .col-sm-9{width:75%}.page .col-sm-12{width:100%}.page .col-md-3{width:25%}.page .col-md-4{width:33.3333%}.page .col-md-5{width:41.6667%}.page .col-md-6{width:50%}.page .col-md-7{width:58.3333%}.page .col-md-9{width:75%}.page .col-md-12{width:100%}}.page .navbar-toggle{display:none!important}.page .header-nav{background:#26343d;color:#fff}.page .navbar-nav,.page .breadcrumb ul{display:flex;flex-wrap:wrap;align-items:center}.page .navbar-nav{color:#fff}.page .navbar-nav>li>a{display:block;padding:14px 16px;color:inherit;text-decoration:none}.page .breadcrumb ul{gap:8px;padding:10px 0}.page .breadcrumb li+li:before{content:"/";margin-right:8px;color:#999}.page .homepage-container>.sidebar,.page .homepage-container>.homebanner-holder{width:auto}.page>table[width="900"][height="100%"]{margin-right:auto;margin-left:auto}.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td>table>tbody>tr>td{vertical-align:top}@media(max-width:700px){.page .row{margin-right:0;margin-left:0}.page p,.page td,.page [style*="text-align: justify"],.page [style*="text-align:justify"]{text-align:left!important}.page [class*="col-sm-"],.page [class*="col-md-"]{width:100%}.page .homepage-container{display:flex;flex-direction:column}.page .homepage-container>.homebanner-holder{order:-1}.page .homepage-container>.sidebar,.page .homepage-container>.homebanner-holder{width:100%}.page .single-product>.row>.product-info-block{order:-1}.page .product-info .name{width:100%!important;max-width:100%!important}.page>table[width="900"][height="100%"],.page>table[width="900"][height="100%"]>tbody,.page>table[width="900"][height="100%"]>tbody>tr,.page>table[width="900"][height="100%"]>tbody>tr>td{display:block;width:100%!important;height:auto!important}.page>table[width="900"][height="100%"]>tbody>tr:first-child img{display:block;width:100%!important;height:auto!important}.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td{padding:12px!important}.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td>table,.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td>table>tbody{display:block;width:100%!important}.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td>table>tbody>tr{display:flex;flex-direction:column}.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td>table>tbody>tr>td{display:block;width:100%!important;height:auto!important}.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td>table>tbody>tr>td:nth-child(3){order:1}.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td>table>tbody>tr>td:nth-child(1){order:2}.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td>table>tbody>tr>td:nth-child(5){order:3}.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td>table>tbody>tr>td:nth-child(2),.page>table[width="900"][height="100%"]>tbody>tr:nth-child(2)>td>table>tbody>tr>td:nth-child(4){display:none!important}}body{font-family:Arial,sans-serif}.source-content h1,.source-content h2,.source-content h3,.source-logo,.source-nav a{font-family:'Arial Narrow',Arial,sans-serif}.source-header{padding:18px 22px;border-radius:7px 7px 0 0;background:#66518C;color:#fff}.source-logo{color:#fff}.source-content,.source-footer,.content-discovery{border:1px solid #dedbd2;box-shadow:0 8px 24px rgba(0,0,0,.08);background:#faf9f5;border-radius:7px;padding:22px}.entry-image{border-radius:7px}.source-header{display:flex;align-items:center;min-height:96px}.source-nav{display:flex;background:#242424}.source-nav a{color:#fff}.source-entry-hero .entry-image{max-height:360px;object-fit:contain;background:#f4f4f1}.featured-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.source-wrap{max-width:1080px}.source-entry-hero{align-items:center}

:root {
  color-scheme: light dark;
  --paper: #f3f1ea;
  --paper-deep: #e7e8df;
  --surface: #fbfaf6;
  --surface-muted: #eceee7;
  --ink: #202722;
  --ink-muted: #5c665e;
  --line: #cfd2c8;
  --accent: #963b3f;
  --accent-strong: #762b2f;
  --accent-soft: #f1e3e1;
  --nav: #27342d;
  --nav-text: #f4f1e8;
  --shadow: 0 18px 50px rgb(56 65 58 / 0.12);
  --content-width: 1120px;
  --reading-width: 72ch;
  --radius: 4px;
  
  --theme-accent: var(--accent);
}

@media (prefers-color-scheme: dark) {
  :root {
    --paper: #1c211e;
    --paper-deep: #252c27;
    --surface: #232a25;
    --surface-muted: #2d352f;
    --ink: #ecebe4;
    --ink-muted: #bdc5bd;
    --line: #465048;
    --accent: #d58a8d;
    --accent-strong: #efb1b3;
    --accent-soft: #3c2c2d;
    --nav: #151b17;
    --nav-text: #f1efe8;
    --shadow: 0 18px 50px rgb(5 8 6 / 0.28);
  }
}

html {
  background: var(--paper);
  scroll-behavior: smooth;
}

body,
body.page,
body.bg_7,
body > .page {
  min-height: 100dvh;
  margin: 0;
  background: var(--paper) !important;
  color: var(--ink);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.72;
  text-rendering: optimizeLegibility;
}

body *,
body *::before,
body *::after {
  box-sizing: border-box;
}

body.page .row::before,
body.page .row::after {
  display: none;
  content: none;
}

body :is(h1, h2, h3, h4, h5, h6) {
  color: var(--ink);
  font-family: Georgia, Cambria, "Times New Roman", serif;
  font-weight: 600;
  letter-spacing: -0.025em;
  line-height: 1.16;
  text-wrap: balance;
}

body :is(p, li, blockquote) {
  text-wrap: pretty;
}

body a {
  color: var(--accent-strong);
  text-decoration-color: color-mix(in srgb, var(--accent) 45%, transparent);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.18em;
}

body a:hover {
  color: var(--accent);
  text-decoration-color: currentColor;
}

body :is(a, button, input, textarea, select):focus-visible {
  outline: 3px solid var(--accent);
  outline-offset: 3px;
}

body img {
  display: block;
}

body .container,
body.page .container,
body > .page .container {
  width: min(var(--content-width), calc(100% - 48px)) !important;
  max-width: none !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

body .divider {
  height: 1px;
  background: var(--line);
}


body.bg_7 > #header {
  padding: 0 !important;
  border-top: 6px solid var(--accent);
  border-bottom: 1px solid var(--line);
  background: var(--surface) !important;
}

body.bg_7 > #header #stuck_container > .container > .row:first-child {
  display: none;
}

body.bg_7 > #header #stuck_container > .container > .row:last-child {
  margin: 0 !important;
}

body.bg_7 > #header #stuck_container > .container > .row:last-child > .grid_12 {
  display: grid;
  float: none;
  grid-template-columns: minmax(260px, auto) minmax(0, 1fr);
  align-items: center;
  gap: 30px;
  width: 100% !important;
  margin: 0 !important;
  padding: 23px 0 20px !important;
}

body.bg_7 > #header .logo {
  float: none;
  min-width: 0;
}

body.bg_7 > #header .logo h1 {
  display: flex;
  align-items: baseline;
  margin: 0;
  white-space: nowrap;
}

body.bg_7 > #header .logo h1 > a {
  color: var(--ink);
  text-decoration: none;
}

body.bg_7 > #header .logo .text_1 {
  color: var(--ink) !important;
  font: 600 42px/1 Georgia, Cambria, "Times New Roman", serif;
  letter-spacing: -0.055em;
}

body.bg_7 > #header .logo .color_3 {
  color: var(--accent) !important;
}

body.bg_7 > #header .slogan {
  margin-left: 14px;
  padding-left: 14px;
  border-left: 1px solid var(--line);
  color: var(--ink-muted) !important;
  font: 500 12px/1.35 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  letter-spacing: 0.015em;
}

body.bg_7 > #header .slogan::before {
  display: none;
}

body.bg_7 > #header nav {
  min-width: 0;
  padding: 0;
}

body.bg_7 > #header .sf-menu {
  display: flex !important;
  float: none;
  flex-wrap: nowrap;
  justify-content: flex-end;
  margin: 0;
}

body.bg_7 > #header .sf-menu > li {
  float: none;
  flex: 0 0 auto;
}

body.bg_7 > #header .sf-menu > li::before {
  display: none;
}

body.bg_7 > #header .sf-menu > li > a {
  display: block;
  padding: 13px 8px 11px !important;
  border-bottom: 2px solid transparent;
  color: var(--ink-muted) !important;
  font: 650 12px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  letter-spacing: 0.035em;
  text-transform: none;
  white-space: nowrap;
}

body.bg_7 > #header .sf-menu > :is(.current, .active) > a,
body.bg_7 > #header .sf-menu > li > a:hover,
body.bg_7 > #header .sf-menu > li > a:focus-visible {
  border-bottom-color: var(--accent);
  color: var(--accent-strong) !important;
}

body.bg_7 > #header .sf-menu ul {
  top: calc(100% + 2px);
  left: 0;
  width: min(310px, 88vw);
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: var(--shadow);
}

body.bg_7 > #header .sf-menu ul li {
  line-height: 1.35;
}

body.bg_7 > #header .sf-menu ul a {
  display: block;
  padding: 9px 10px;
  color: var(--ink-muted);
  font-size: 14px;
}


body.bg_7 > #content {
  overflow: clip;
  background: var(--paper) !important;
}

body.bg_7 > #content > .divider:first-child {
  display: none;
}

body.bg_7 > #content .top-image {
  width: min(1320px, 100%);
  height: clamp(300px, 42vw, 580px);
  margin: 0 auto;
  overflow: hidden;
  background: var(--paper-deep);
}

body.bg_7 > #content .top-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center 48%;
}

body.bg_7 > #content .wrapper1 {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 30px;
  margin: -66px 0 62px !important;
  padding: 34px 38px 37px;
  border-top: 4px solid var(--accent);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: var(--shadow);
}

body.bg_7 > #content .wrapper1 :is(.wrap1, .btn_1-wrap) {
  float: none;
  margin: 0;
  text-align: left;
}

body.bg_7 > #content .wrapper1 .heading_1 {
  margin: 0 0 10px;
}

body.bg_7 > #content .wrapper1 h2,
body.bg_7 > #content .wrapper1 h2 span {
  color: var(--ink) !important;
  font: 600 clamp(38px, 5vw, 62px)/0.98 Georgia, Cambria, "Times New Roman", serif;
  letter-spacing: -0.055em;
}

body.bg_7 > #content .wrapper1 h2 span {
  color: var(--accent) !important;
}

body.bg_7 > #content .wrapper1 p {
  max-width: 48ch;
  margin: 0;
  color: var(--ink-muted) !important;
  font: 400 18px/1.55 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

body.bg_7 > #content :is(.btn, .btn_2),
body > .page :is(.btn, .mode_1, .mode_2) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 17px !important;
  border: 1px solid var(--accent) !important;
  border-radius: var(--radius) !important;
  background: var(--accent) !important;
  color: #fff8f3 !important;
  font: 700 13px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  letter-spacing: 0.025em;
  text-align: center;
  text-transform: none;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

body.bg_7 > #content :is(.btn, .btn_2):hover,
body > .page :is(.btn, .mode_1, .mode_2):hover {
  border-color: var(--accent-strong) !important;
  background: var(--accent-strong) !important;
  color: #fff8f3 !important;
}

body.bg_7 > #content :is(.btn, .btn_2):active,
body > .page :is(.btn, .mode_1, .mode_2):active {
  transform: translateY(1px);
}

body.bg_7 > #content .btn_2::after {
  display: none;
}

body.bg_7 > #content .wrapper2 {
  margin: 0 0 66px !important;
}

body.bg_7 > #content .wrapper2 > .row {
  display: grid;
  grid-template-columns: minmax(0, 7fr) minmax(310px, 5fr);
  gap: 28px;
  margin: 0 !important;
}

body.bg_7 > #content .wrapper2 > .row > .grid_4 {
  float: none;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.bg_7 > #content .wrapper2 > .row > .grid_4:first-child {
  grid-row: span 2;
}

body.bg_7 > #content .wrapper2 .box {
  display: grid;
  align-content: start;
  height: 100%;
  margin: 0;
  padding-top: 15px;
  border-top: 3px solid var(--accent);
}

body.bg_7 > #content .wrapper2 .box img {
  width: 100%;
  aspect-ratio: 16 / 9;
  margin: 0 0 22px;
  object-fit: cover;
}

body.bg_7 > #content .wrapper2 > .row > .grid_4:not(:first-child) .box {
  grid-template-columns: minmax(150px, 42%) minmax(0, 1fr);
  column-gap: 18px;
}

body.bg_7 > #content .wrapper2 > .row > .grid_4:not(:first-child) .box img {
  grid-row: 1 / 5;
  height: 100%;
  min-height: 220px;
  margin: 0;
  object-fit: cover;
}

body.bg_7 > #content .wrapper2 .heading_2 {
  margin: 0 0 12px;
}

body.bg_7 > #content .wrapper2 h6 {
  color: var(--ink);
  font-size: 22px;
  line-height: 1.2;
}

body.bg_7 > #content .wrapper2 p {
  margin: 0 0 18px;
  color: var(--ink-muted);
  font-size: 15px;
  line-height: 1.62;
}

body.bg_7 > #content .wrapper2 .btn_2-wrap {
  align-self: end;
  margin-top: auto;
}

body.bg_7 > #content .wrapper3 {
  margin: 0 0 72px !important;
}

body.bg_7 > #content .quote-box {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  gap: 34px;
  padding: 32px;
  border-left: 4px solid var(--accent);
  border-radius: var(--radius);
  background: var(--surface-muted);
}

body.bg_7 > #content .quote-box::before,
body.bg_7 > #content .quote-box::after {
  display: none;
}

body.bg_7 > #content .quote-box > img {
  position: static;
  width: 190px !important;
  height: 228px !important;
  border-radius: var(--radius);
  object-fit: cover;
}

body.bg_7 > #content .quote-box .caption {
  margin: 0;
  padding: 0;
}

body.bg_7 > #content .quote-box .heading_3 {
  margin: 0 0 15px;
  padding: 0;
}

body.bg_7 > #content .quote-box h5 {
  font-size: 28px;
}

body.bg_7 > #content .quote-box p {
  max-width: var(--reading-width);
  margin: 0 0 12px;
  padding: 0;
}

body.bg_7 > #content .stellar-block {
  min-height: 0 !important;
  background: var(--nav) !important;
}

body.bg_7 > #content .stellar-block .fill-opacity {
  min-height: 0 !important;
  background: none !important;
}

body.bg_7 > #content .wrapper8 {
  margin: 0 !important;
  padding: 64px 0 70px;
}

body.bg_7 > #content .heading_4 {
  margin: 0 0 30px;
}

body.bg_7 > #content .heading_4 h4 {
  color: var(--nav-text);
  font-size: 34px;
}

body.bg_7 > #content #owl-carousel {
  display: grid !important;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 13px;
}

body.bg_7 > #content #owl-carousel .item {
  grid-column: span 3;
  min-width: 0;
  padding: 0 !important;
}

body.bg_7 > #content #owl-carousel .item:first-child {
  grid-column: span 6;
  grid-row: span 2;
}

body.bg_7 > #content #owl-carousel .item:not(:has(img)) {
  display: none;
}

body.bg_7 > #content #owl-carousel .item a {
  height: 100%;
  background: none;
}

body.bg_7 > #content #owl-carousel .item img {
  width: 100%;
  height: 100%;
  min-height: 155px;
  aspect-ratio: 4 / 3;
  border-radius: var(--radius);
  object-fit: cover;
  opacity: 0.92;
}

body.bg_7 > #content #owl-carousel .item:first-child img {
  min-height: 323px;
}

body.bg_7 > #content .wrapper4 {
  margin: 0 !important;
  padding: 74px 0 18px;
}

body.bg_7 > #content .wrapper4 > .row {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
  gap: 68px;
  margin: 0 !important;
}

body.bg_7 > #content .wrapper4 > .row > .grid_6 {
  float: none;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.bg_7 > #content .wrapper4 > .row > .grid_6:last-child {
  padding: 28px !important;
  border-top: 3px solid var(--accent);
  background: var(--surface-muted);
}

body.bg_7 > #content .wrapper4 .heading_5 {
  margin: 0 0 24px;
}

body.bg_7 > #content .wrapper4 .heading_5 h3 {
  color: var(--ink) !important;
  font-size: 42px;
}

body.bg_7 > #content .wrapper4 .box2 {
  margin-bottom: 40px;
}

body.bg_7 > #content .wrapper4 .box2 h6 {
  max-width: none;
  color: var(--ink);
  font-size: 22px;
}

body.bg_7 > #content .wrapper4 .box2 p {
  max-width: var(--reading-width);
  margin-bottom: 24px;
}


body.bg_7 > #content :is(.wrapper5, .wrapper6, .wrapper7, .wrapper9, .wrapper10, .wrapper11, .wrapper12) {
  margin: 0 !important;
  padding: 62px 0 66px;
}

body.bg_7 > #content :is(.wrapper5, .wrapper6, .wrapper7, .wrapper9, .wrapper10, .wrapper11, .wrapper12) > .row {
  margin: 0 !important;
}

body.bg_7 > #content [class^="heading_"] {
  color: var(--ink) !important;
}

body.bg_7 > #content [class^="heading_"] :is(h2, h3, h4, h5, h6, a) {
  color: inherit;
}

body.bg_7 > #content :is(.heading_5, .heading_9, .heading_12, .heading_14) h3 {
  max-width: 22ch;
  color: var(--ink) !important;
  font-size: clamp(34px, 4vw, 50px);
}

body.bg_7 > #content .box3 .caption,
body.bg_7 > #content .box6 .caption {
  max-width: var(--reading-width);
  margin-left: 0;
}

body.bg_7 > #content .box3 > img.put-left {
  float: none;
  width: min(100%, 760px) !important;
  margin: 0 0 28px;
  border-radius: var(--radius);
}

body.bg_7 > #content .box3 :is(p, li),
body.bg_7 > #content .box6 :is(p, li),
body.bg_7 > #content .box5 :is(p, li),
body.bg_7 > #content .policy-box :is(p, li) {
  max-width: var(--reading-width);
}

body.bg_7 > #content b {
  color: var(--ink);
  font-family: inherit;
  font-weight: 700;
}

body.bg_7 > #content .wrapper6 > .row:last-child {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
  margin: 0 !important;
}

body.bg_7 > #content .wrapper6 > .row:last-child > [class*="grid_"] {
  float: none;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.bg_7 > #content .link-box {
  margin: 0;
  padding: 18px 0 0;
  border-top: 3px solid var(--accent);
}

body.bg_7 > #content .link-box::before,
body.bg_7 > #content .link-box a::before {
  display: none;
}

body.bg_7 > #content .link-box li {
  margin: 0 0 11px;
  padding-left: 1.2em;
  color: var(--ink-muted);
  line-height: 1.55;
}

body.bg_7 > #content .link-box li::before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 0 0.7em 0.18em -1.2em;
  border-radius: 50%;
  background: var(--accent);
}

body.bg_7 > #content .price-box li + li {
  margin-top: 18px;
}

body.bg_7 > #content .archive-video-preview img {
  border-radius: var(--radius);
}

body.bg_7 > #content :is(input[type="text"], textarea, select) {
  border: 1px solid var(--line) !important;
  border-radius: var(--radius) !important;
  background: var(--surface) !important;
  color: var(--ink) !important;
  font: inherit !important;
}

body.bg_7 > #content textarea {
  height: 220px !important;
}

body.bg_7 > #content .archived-form [disabled] {
  opacity: 0.65 !important;
}


body .content-discovery {
  width: min(var(--content-width), calc(100% - 48px));
  margin: 34px auto;
  padding: 24px 0 0;
  border: 0;
  border-top: 1px solid var(--line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--ink);
  font: 15px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

body .editorial-note {
  max-width: 92ch;
  margin: 0 0 15px;
  padding: 14px 16px;
  border: 0;
  border-left: 4px solid var(--accent);
  border-radius: 0 var(--radius) var(--radius) 0;
  background: var(--accent-soft);
  color: var(--ink);
  font-size: 13px;
  line-height: 1.55;
}

body .entry-date,
body .topic-index time {
  color: var(--ink-muted);
  font-variant-numeric: tabular-nums;
}

body .discovery-title {
  margin: 20px 0 12px;
  color: var(--ink);
  font: 600 24px/1.2 Georgia, Cambria, "Times New Roman", serif;
  letter-spacing: -0.025em;
  text-transform: none;
}

body :is(.topic-links, .featured-list) {
  gap: 12px;
}

body :is(.topic-links a, .featured-item) {
  padding: 13px 14px;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  color: var(--ink);
}

body .featured-item time {
  color: var(--ink-muted);
  font-size: 12px;
}

body .featured-item span {
  color: var(--ink-muted);
  font-size: 13px;
  line-height: 1.48;
}

body .topic-index {
  columns: 3;
  column-gap: 42px;
}

body .topic-index li {
  margin: 0 0 13px;
  break-inside: avoid;
}


body > .source-wrap {
  width: min(var(--content-width), calc(100% - 48px));
  margin: 24px auto;
}

body .source-header {
  height: auto;
  padding: 25px 28px;
  border-top: 6px solid var(--accent);
  border-radius: var(--radius) var(--radius) 0 0;
  background: var(--surface);
}

body .source-logo {
  height: auto;
  color: var(--ink);
  font: 600 34px/1.1 Georgia, Cambria, "Times New Roman", serif;
  letter-spacing: -0.045em;
}

body .source-nav {
  display: flex;
  min-height: 0;
  padding: 0 14px;
  gap: 0;
  background: var(--nav);
}

body .source-nav a {
  padding: 16px 12px;
  color: var(--nav-text);
  font: 650 13px/1.25 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  text-transform: none;
}

body .source-nav a:hover {
  background: color-mix(in srgb, var(--nav-text) 10%, transparent);
  color: var(--nav-text);
}

body :is(.source-content, .source-footer) {
  margin-top: 0;
  padding: 34px 28px;
  border: 1px solid var(--line);
  border-top: 0;
  border-radius: 0;
  background: var(--surface);
  box-shadow: none;
}

body .source-content h1 {
  margin: 26px 0 14px;
  color: var(--ink);
  font-size: clamp(38px, 5vw, 58px);
}

body .source-content p {
  max-width: var(--reading-width);
}

body .fallback-image {
  width: 100%;
  max-height: 430px;
  margin: 0 0 26px;
  border-radius: var(--radius);
  object-fit: cover;
}

body .source-footer {
  border-radius: 0 0 var(--radius) var(--radius);
  text-align: left;
}


body > .page > .preview-container {
  display: none !important;
}

body > .page > header {
  padding: 0;
  border-top: 6px solid var(--accent);
  border-bottom: 1px solid var(--line);
  background: var(--surface) !important;
}

body > .page > header > .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 112px;
  gap: 28px;
}

body > .page .brand {
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 20px 0;
}

body > .page .brand_name {
  margin: 0;
  color: var(--ink);
  font-size: 34px;
  line-height: 0.78;
}

body > .page .brand_name a {
  color: inherit;
}

body > .page .brand_name span {
  color: var(--accent);
}

body > .page .brand_slogan {
  margin: 0;
  padding-left: 18px;
  border-left: 1px solid var(--line);
  color: var(--ink-muted);
  font-size: 13px;
  line-height: 1.45;
}

body > .page .info-meta,
body > .page .socials {
  display: none !important;
}

body > .page .stuck_container {
  background: var(--nav);
}

body > .page .stuck_container > .container {
  width: min(var(--content-width), calc(100% - 48px)) !important;
}

body > .page .stuck_container .nav {
  padding: 0;
}

body > .page .stuck_container .sf-menu {
  display: flex !important;
  float: none;
  flex-wrap: nowrap;
}

body > .page .stuck_container .sf-menu > li {
  float: none;
}

body > .page .stuck_container .sf-menu > li::before {
  display: none;
}

body > .page .stuck_container .sf-menu > li > a {
  display: block;
  padding: 16px 15px;
  border-bottom: 3px solid transparent;
  color: var(--nav-text);
  font: 650 13px/1.25 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  text-transform: none;
  white-space: nowrap;
}

body > .page .stuck_container .sf-menu > :is(.active, .current) > a,
body > .page .stuck_container .sf-menu > li > a:hover {
  border-bottom-color: var(--accent);
  color: var(--nav-text);
}

body > .page .stuck_container .sf-menu ul {
  top: 100%;
  padding: 10px;
  border: 1px solid var(--line);
  background: var(--surface);
  box-shadow: var(--shadow);
}

body > .page .camera_container {
  background: var(--paper-deep);
}

body > .page .camera_banner {
  width: min(var(--content-width), calc(100% - 48px));
  margin: 0 auto;
  padding: 66px 0 72px;
}

body > .page .bg-slider {
  max-width: 730px;
  padding: 32px 34px;
  border-left: 4px solid var(--accent);
  background: var(--surface);
}

body > .page .bg-slider .title {
  margin: 0;
  color: var(--accent);
  font: 600 18px/1.3 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

body > .page .bg-slider .description {
  margin: 4px 0 14px;
  color: var(--ink);
  font: 600 clamp(38px, 5vw, 58px)/1 Georgia, Cambria, "Times New Roman", serif;
  letter-spacing: -0.045em;
}

body > .page .bg-slider h3 {
  margin: 0 0 14px;
  color: var(--ink);
  font-size: 23px;
}

body > .page .bg-slider p:not(.title, .description) {
  max-width: 62ch;
}

body > .page .camera_wrap {
  display: none;
}

body > .page main {
  display: block;
  background: var(--paper);
}

body > .page .well {
  padding: 64px 0 70px;
}

body > .page .bg-secondary {
  background: var(--surface-muted) !important;
}

body > .page .decorated-heading,
body > .page .title-padding,
body > .page main h2,
body > .page main h3 {
  color: var(--ink);
}

body > .page .decorated-heading {
  margin: 0 0 34px;
  font-size: clamp(34px, 4vw, 48px);
}

body > .page main .center {
  text-align: left;
}

body > .page main .row {
  margin-right: -12px;
  margin-left: -12px;
}

body > .page main .row > [class*="grid_"] {
  padding-right: 12px;
  padding-left: 12px;
}

body > .page .well__02 > .container > .row:has(> .grid_3) {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 18px;
  margin: 34px 0 0;
}

body > .page .well__02 > .container > .row:has(> .grid_3) > .grid_3 {
  float: none;
  grid-column: span 5;
  width: auto;
  margin: 0;
  padding: 0;
}

body > .page .well__02 > .container > .row:has(> .grid_3) > .grid_3:nth-child(4n + 1),
body > .page .well__02 > .container > .row:has(> .grid_3) > .grid_3:nth-child(4n + 4) {
  grid-column: span 7;
}

body > .page .well__02 .box2 {
  height: 100%;
  margin: 0;
  padding: 24px;
  border-top: 3px solid var(--accent);
  background: var(--surface);
}

body > .page .well__02 .box2 h6 {
  margin: 0 0 8px;
  color: var(--ink-muted);
  font: 700 12px/1.3 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

body > .page .well__02 .box2 h3 {
  margin: 0 0 14px;
  font-size: 25px;
}

body > .page .well__01 .parallax > .container > .row:has(> .box1) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
  margin: 0;
}

body > .page .well__01 .parallax > .container > .row > .box1 {
  float: none;
  width: auto;
  margin: 0;
  padding: 24px 0 0;
  border-top: 1px solid var(--line);
}

body > .page .well__01 .parallax > .container > .row > .box1:first-child {
  grid-column: 1 / -1;
  max-width: var(--reading-width);
}

body > .page .box1 > .icon,
body > .page .box_aside {
  display: none;
}

body > .page .box1 h4 {
  margin: 0 0 12px;
  font-size: 26px;
}

body > .page .well__06 > .container > .row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
}

body > .page .well__06 > .container > .row > .grid_2 {
  float: none;
  width: auto;
  margin: 0;
  padding: 20px;
  border-top: 1px solid var(--line);
  background: var(--surface);
}

body > .page blockquote {
  max-width: 76ch;
  margin: 0 auto;
  padding: 28px 30px;
  border-left: 4px solid var(--accent);
  background: var(--surface);
  color: var(--ink);
  font-family: Georgia, Cambria, "Times New Roman", serif;
  font-size: 18px;
  line-height: 1.65;
}

body > .page .resp-tabs > .row {
  display: grid;
  grid-template-columns: minmax(180px, 0.35fr) minmax(0, 1fr);
  gap: 34px;
  margin: 0;
}

body > .page .resp-tabs-list,
body > .page .resp-tabs-container {
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
}

body > .page .resp-tabs-list li {
  padding: 12px 0;
  border-bottom: 1px solid var(--line);
  color: var(--ink-muted);
  font-weight: 700;
}

body > .page .resp-tabs-container > div {
  display: block !important;
  margin: 0 0 34px;
}

body > .page .resp-tabs-container p {
  max-width: var(--reading-width);
}

body > .page #container > .row {
  gap: 18px;
}

body > .page .thumb1 {
  height: 100%;
  border: 0;
  border-top: 2px solid var(--accent);
  border-radius: 0;
  background: var(--surface);
}

body > .page .thumb1 .magnifier:empty {
  display: none;
}

body > .page .capture {
  min-height: 0;
  padding: 16px;
}

body > .page .capture a {
  font-family: Georgia, Cambria, "Times New Roman", serif;
  font-size: 18px;
  font-weight: 600;
}

body > .page .gal_menu {
  justify-content: flex-start;
}

body > .page .gal_menu a {
  border-color: var(--line);
  border-radius: var(--radius);
  background: var(--surface);
}

body > .page footer,
body.bg_7 > #footer {
  padding: 34px 0;
  background: var(--nav) !important;
  color: var(--nav-text);
}

body.bg_7 > #footer .grid_12 {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 26px;
}

body.bg_7 > #footer nav {
  grid-column: 2;
  grid-row: 1 / span 2;
  justify-self: end;
  padding: 0;
}

body.bg_7 > #footer .footer-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

body.bg_7 > #footer .footer-nav > li {
  float: none;
}

body.bg_7 > #footer .footer-nav > li > a {
  padding: 7px 9px;
  color: var(--nav-text);
  font: 650 12px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  text-transform: none;
}

body.bg_7 > #footer .footer-logo {
  color: var(--nav-text);
  font: 600 28px/1 Georgia, Cambria, "Times New Roman", serif;
}

body.bg_7 > #footer .color_13,
body.bg_7 > #footer .color_13 a {
  color: color-mix(in srgb, var(--nav-text) 72%, transparent);
  font: 12px/1.4 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

body > .page footer .row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  margin: 0;
}

body > .page footer .row > .grid_3 {
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
}

body > .page footer h3,
body > .page footer a {
  color: var(--nav-text);
}

body > .page footer h3 {
  margin: 0 0 12px;
  font-size: 20px;
}

body > .page footer li {
  margin-bottom: 7px;
}

body > .page footer hr {
  border: 0;
  border-top: 1px solid color-mix(in srgb, var(--nav-text) 20%, transparent);
}


@media (max-width: 1080px) {
  body.bg_7 > #header #stuck_container > .container > .row:last-child > .grid_12 {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  body.bg_7 > #header .sf-menu {
    justify-content: flex-start;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
  }
}

@media (max-width: 780px) {
  body,
  body.page,
  body.bg_7,
  body > .page {
    font-size: 15px;
  }

  body .container,
  body.page .container,
  body > .page .container,
  body > .source-wrap,
  body .content-discovery,
  body > .page .camera_banner {
    width: calc(100% - 28px) !important;
  }

  body.bg_7 > #header #stuck_container > .container > .row:last-child > .grid_12 {
    padding: 17px 0 14px !important;
  }

  body.bg_7 > #header .logo h1 {
    display: block;
    white-space: normal;
  }

  body.bg_7 > #header .logo .text_1 {
    font-size: 38px;
  }

  body.bg_7 > #header .slogan {
    display: block;
    margin: 8px 0 0;
    padding: 0;
    border: 0;
  }

  body.bg_7 > #header .sf-menu {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
  }

  body.bg_7 > #header .sf-menu > li > a {
    min-height: 44px;
    padding: 12px 9px !important;
    white-space: normal;
  }

  body.bg_7 > #header .sf-menu ul,
  body > .page .sf-menu ul {
    display: none !important;
  }

  body.bg_7 > #content .top-image {
    height: clamp(250px, 62vw, 390px);
  }

  body.bg_7 > #content .wrapper1 {
    grid-template-columns: 1fr;
    margin: -28px 0 46px !important;
    padding: 25px 22px 27px;
  }

  body.bg_7 > #content .wrapper1 .btn_1-wrap {
    text-align: left;
  }

  body.bg_7 > #content .wrapper2 > .row,
  body.bg_7 > #content .wrapper4 > .row,
  body.bg_7 > #content .wrapper6 > .row:last-child,
  body > .page .well__02 > .container > .row:has(> .grid_3),
  body > .page .well__01 .parallax > .container > .row:has(> .box1),
  body > .page .well__06 > .container > .row,
  body > .page .resp-tabs > .row,
  body > .page footer .row {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  body.bg_7 > #content .wrapper2 > .row > .grid_4:first-child,
  body > .page .well__01 .parallax > .container > .row > .box1:first-child,
  body > .page .well__02 > .container > .row:has(> .grid_3) > .grid_3,
  body > .page .well__02 > .container > .row:has(> .grid_3) > .grid_3:nth-child(4n + 1),
  body > .page .well__02 > .container > .row:has(> .grid_3) > .grid_3:nth-child(4n + 4) {
    grid-column: auto;
    grid-row: auto;
  }

  body.bg_7 > #content .wrapper2 > .row > .grid_4:not(:first-child) .box {
    grid-template-columns: 1fr;
  }

  body.bg_7 > #content .wrapper2 > .row > .grid_4:not(:first-child) .box img {
    grid-row: auto;
    height: auto;
    min-height: 0;
    margin: 0 0 20px;
  }

  body.bg_7 > #content .quote-box {
    grid-template-columns: 1fr;
    gap: 22px;
    padding: 24px;
  }

  body.bg_7 > #content .quote-box > img {
    width: 150px !important;
    height: 180px !important;
  }

  body.bg_7 > #content #owl-carousel .item,
  body.bg_7 > #content #owl-carousel .item:first-child {
    grid-column: span 6;
    grid-row: auto;
  }

  body.bg_7 > #content #owl-carousel .item:first-child img {
    min-height: 155px;
  }

  body.bg_7 > #content .wrapper4 > .row > .grid_6:last-child {
    padding: 22px !important;
  }

  body .topic-index {
    columns: 1;
  }

  body .source-nav {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: visible;
  }

  body .source-nav a {
    min-width: 0;
    padding: 12px 10px;
    white-space: normal;
  }

  body > .page > header > .container,
  body > .page .brand {
    align-items: flex-start;
  }

  body > .page > header > .container {
    min-height: 0;
  }

  body > .page .stuck_container > .container {
    width: 100% !important;
  }

  body > .page .stuck_container .sf-menu {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body > .page .stuck_container .sf-menu > li > a {
    min-height: 44px;
    padding: 12px 14px;
    white-space: normal;
  }

  body > .page .camera_banner {
    padding: 32px 0 38px;
  }

  body > .page .bg-slider {
    padding: 25px 22px;
  }

  body > .page .well {
    padding: 45px 0 50px;
  }

  body > .page #container > .row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body.bg_7 > #footer .grid_12 {
    grid-template-columns: 1fr;
  }

  body.bg_7 > #footer nav {
    grid-column: auto;
    grid-row: auto;
    justify-self: stretch;
  }

  body.bg_7 > #footer .footer-nav {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    justify-content: stretch;
  }

  body.bg_7 > #footer .footer-nav > li > a {
    display: block;
    min-height: 38px;
    padding: 8px 0;
  }
}

@media (max-width: 430px) {
  body.bg_7 > #content #owl-carousel {
    grid-template-columns: 1fr;
  }

  body.bg_7 > #content #owl-carousel .item,
  body.bg_7 > #content #owl-carousel .item:first-child {
    grid-column: auto;
  }

  body > .page .brand_slogan {
    display: none;
  }

  body > .page #container > .row,
  body .source-nav {
    grid-template-columns: 1fr;
  }

  body.bg_7 > #header .sf-menu,
  body > .page .stuck_container .sf-menu {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  body *,
  body *::before,
  body *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}