/** Shopify CDN: Minification failed

Line 72:0 Unexpected "{"
Line 72:1 Expected identifier but found "%"
Line 73:0 Unexpected "{"
Line 73:1 Expected identifier but found "%"

**/
.shazory-hero-section{
  position: relative;
  color: #fff;
  
 
}
.shazory-hero-section .hero__bg{ position:absolute; inset:0; overflow:hidden; z-index:0; }
.shazory-hero-section .hero__bg > img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover; object-position:center;
  display:block;
}
.shazory-hero-section::before{
  content:""; position:absolute; inset:0; z-index:1;
  background:
    radial-gradient(1200px 600px at 16% 40%, rgba(0,0,0,.55) 0%, rgba(0,0,0,.35) 55%, rgba(0,0,0,.25) 75%, rgba(0,0,0,.15) 100%),
    linear-gradient(120deg, rgba(0,0,0,.22), rgba(0,0,0,.12));
}
.shazory-hero-section .wrap{
  position: relative; z-index:2;
  max-width: var(--page-width, 120rem);
  margin: 0 auto;
  padding: 0 16px;
}
.shazory-hero-section .inner{
  display:grid; align-content:center;
  min-height: inherit;
  max-width: 880px;
}
.shazory-hero-section .title p{ margin:0; }
.shazory-hero-section .title{
  color:#fff;                /* enforce bright text */
  font-weight:500;
  line-height:1;
  font-size: 7.6rem;
  margin:0 0 32px 0;
  text-wrap: balance;
  
}
.shazory-hero-section .subtitle{
  margin:0 0 32px 0;
  color: #fff;
  font-size: 2.4rem;
  line-height: 1.5;
   
}
.shazory-hero-section .btn{
  align-self: start;
  width: auto; max-width: none;   /* defeat theme-wide button:100% rules */
  display:inline-flex;
  align-items:center; justify-content:center;
  gap:8px; font-size:2rem;
  min-height: 80px; padding: 0 24px;
  border-radius: 8px;
  font-weight: 500; text-decoration: none;
 transition: transform .12s ease, filter .12s ease;
}
.shazory-hero-section .btn:hover{ transform: translateY(-1px); filter: brightness(1.04); }
@media (max-width: 749.98px){
  .shazory-hero-section .btn{ display:inline-flex; }
}

{%- endstyle -%}
{%- style -%}
.shazory-hero-section::before{
  content:""; position:absolute; inset:0; z-index:1;
  background:
    radial-gradient(1200px 600px at 16% 40%,
      rgba(0,0,0,.65) 0%,     
      rgba(0,0,0,.45) 55%,    
      rgba(0,0,0,.30) 75%,    
      rgba(0,0,0,.18) 100%),  
    linear-gradient(120deg, rgba(0,0,0,.28), rgba(0,0,0,.16)); 
}
 
.shazory-hero-section .subtitle{
  max-width: 62ch;
}

.shazory-hero-section .btn{
  display:inline-flex !important;
  inline-size:auto !important;      
  width:auto !important;           
  max-width:none !important;
  justify-self:start;
}

.shazory-hero-section .btn, 
.shazory-hero-section .wrap .btn{
  align-self:start;
}


@media (max-width: 767px) {
  .shazory-hero-section .title{ line-height:1.5;  font-size: 3.6rem; margin: 0 0 24px;} 
.shazory-hero-section .subtitle{ margin: 0 0 24px;     font-size: 1.6rem;line-height: 1.5; } 
.shazory-hero-section .btn{ min-height: 44px; padding: 0 20px; font-size: 1.6rem; } 
}
@media (min-width: 768px) and (max-width: 992px) {
 .shazory-hero-section .title{ line-height:1.5;  font-size: 3.6rem; margin: 0 0 24px;} 
.shazory-hero-section .subtitle{ margin: 0 0 24px;     font-size: 1.8rem;line-height: 1.5; } 
.shazory-hero-section .btn{ min-height: 44px; padding: 0 20px; font-size: 1.6rem; }  
}
@media (min-width: 992px) {
.shazory-hero-section .title{ font-size: 4.6rem; margin: 0 0 32px;} 
.shazory-hero-section .subtitle{ margin: 0 0 32px;     font-size: 1.8rem;line-height: 1.5; } 
.shazory-hero-section .btn{ min-height: 48px; padding: 0 24px; font-size: 1.6rem; }       
}
@media (min-width: 1024px) {
.shazory-hero-section .title{ font-size: 4.6rem; margin: 0 0 32px;} 
.shazory-hero-section .subtitle{ margin: 0 0 32px;     font-size: 1.8rem;line-height: 1.5; } 
.shazory-hero-section .btn{ min-height: 48px; padding: 0 24px; font-size: 1.6rem; }    
}
@media (min-width: 1280px) {
.shazory-hero-section .title{ font-size: 5.2rem; margin: 0 0 32px;} 
.shazory-hero-section .subtitle{ margin: 0 0 32px;     font-size: 2rem;line-height: 1.5; } 
.shazory-hero-section .btn{ min-height: 48px; padding: 0 24px; font-size: 1.6rem; } 
}
@media (min-width: 1440px) {
   
}
@media (min-width: 1600px) {
   
}
@media (min-width: 1800px) {
.shazory-hero-section .title{ font-size: 7.6rem; margin: 0 0 32px;} 
.shazory-hero-section .subtitle{ margin: 0 0 32px;     font-size: 2.4rem;line-height: 1.5; } 
.shazory-hero-section .btn{ min-height: 80px; padding: 0 24px; font-size: 2rem; }
}