/* Responsive layout compatibility layer for the client theme. */
body.page-home .hero{
  min-height:640px;
  background:
    radial-gradient(circle at 8% 12%,rgba(242,139,0,.18),transparent 26%),
    radial-gradient(circle at 88% 80%,rgba(242,139,0,.1),transparent 30%),
    linear-gradient(122deg,#210807 0%,#34100c 58%,#46170d 100%);
}
body.page-home .hero::before{width:420px;height:420px;top:-225px;inset-inline-end:-190px;border-width:62px}
body.page-home .hero .hero-grid{
  grid-template-columns:minmax(0,1.04fr) minmax(420px,.86fr);
  gap:64px;
  padding-block:62px 104px;
}
body.page-home .hero h1{max-width:650px;font-size:clamp(40px,4.6vw,64px)}
body.page-home .hero-copy>p{max-width:610px;font-size:17px;line-height:1.9}

.hero-showcase{
  position:relative;
  width:100%;
  max-width:530px;
  min-height:0!important;
  height:480px;
  margin-inline:auto;
  isolation:isolate;
}
.hero-showcase figure{margin:0}
.showcase-main{
  position:absolute;
  inset:0 38px 20px 58px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.2);
  border-radius:46px 22px 46px 22px;
  background:#6c2a16;
  box-shadow:0 38px 86px rgba(0,0,0,.34);
}
.showcase-main::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 58%,rgba(25,6,4,.88));
  pointer-events:none;
}
.showcase-main>img{width:100%;height:100%;object-fit:cover;object-position:center bottom;transform:scale(1.02)}
.showcase-main figcaption{
  position:absolute;
  z-index:2;
  inset-inline:24px;
  bottom:22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  color:#fff;
}
.showcase-main figcaption span{padding:6px 10px;border-radius:9px;background:var(--brand);color:var(--brown);font-size:10px;font-weight:800}
.showcase-main figcaption b{font-size:13px}
.showcase-side{
  position:absolute;
  z-index:3;
  left:0;
  bottom:0;
  width:178px;
  height:205px;
  overflow:hidden;
  border:7px solid #2d0c09;
  border-radius:30px 14px 30px 14px;
  background:#42160d;
  box-shadow:0 22px 50px rgba(0,0,0,.32);
  transform:rotate(-2deg);
}
.showcase-side img{width:100%;height:100%;object-fit:cover;object-position:center 78%;transform:scale(1.06)}
.showcase-logo{
  position:absolute;
  z-index:4;
  top:18px;
  left:4px;
  width:118px;
  height:86px;
  display:grid;
  place-items:center;
  padding:8px;
  border:1px solid rgba(43,11,9,.1);
  border-radius:22px 10px 22px 10px;
  background:#fff;
  box-shadow:0 15px 36px rgba(0,0,0,.24);
  transform:rotate(-3deg);
}
.showcase-logo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.hero-showcase .hero-location{
  right:0;
  left:auto;
  bottom:28px;
  max-width:245px;
  padding:13px 15px;
  border-color:rgba(255,255,255,.2);
  border-radius:16px;
  background:rgba(33,8,7,.92);
}
.hero-showcase .hero-location b{font-size:12px}
.hero-showcase .hero-location span{font-size:9px}

body.page-home .story-section{padding-block:92px;background:linear-gradient(180deg,#fff 0%,#fffaf5 100%)}
body.page-home .story-section .story-grid{grid-template-columns:minmax(390px,.9fr) minmax(0,1.1fr);gap:78px}
.story-gallery{position:relative;min-height:0!important;height:500px;overflow:visible!important;background:transparent!important}
.story-gallery::before{display:none}
.story-gallery figure{margin:0;overflow:hidden;background:#f2dfcf;box-shadow:var(--shadow)}
.story-photo-main{position:absolute;inset:0 0 26px 24%;border-radius:42px 20px 42px 20px}
.story-photo-main img{width:100%;height:100%;object-fit:cover;object-position:center 58%}
.story-photo-side{position:absolute;z-index:2;left:0;bottom:0;width:45%;height:248px;border:8px solid #fff;border-radius:28px 12px 28px 12px;transform:rotate(2deg)}
.story-photo-side img{width:100%;height:100%;object-fit:cover;object-position:center 72%}
.story-brand{
  position:absolute;
  z-index:3;
  top:22px;
  left:-10px;
  width:150px;
  padding:10px 12px 8px;
  border:1px solid var(--line);
  border-radius:20px 10px 20px 10px;
  background:#fff;
  box-shadow:var(--shadow-sm);
  text-align:center;
}
.story-brand img{width:100%;height:72px;object-fit:contain;mix-blend-mode:multiply}
.story-brand span{display:block;color:var(--brand-2);font-size:9px;font-weight:800}
.story-gallery .story-quote{inset-inline-start:auto;right:24px;bottom:7px;max-width:250px}

body.page-home .quick-card{min-width:0}
body.page-home .site-footer{margin-top:0}

@media (max-width:1100px){
  body.page-home .hero .hero-grid{grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);gap:38px}
  .hero-showcase{height:440px}
  body.page-home .story-section .story-grid{gap:46px}
}

@media (max-width:900px){
  body.page-home .hero{min-height:auto}
  body.page-home .hero .hero-grid{grid-template-columns:1fr;gap:38px;padding-block:54px 92px}
  body.page-home .hero-copy{text-align:center}
  body.page-home .hero h1,body.page-home .hero-copy>p{margin-inline:auto}
  body.page-home .hero-actions,body.page-home .hero-trust{justify-content:center}
  .hero-showcase{height:420px;max-width:590px}
  body.page-home .story-section{padding-block:76px}
  body.page-home .story-section .story-grid{grid-template-columns:1fr;gap:50px}
  .story-gallery{width:100%;max-width:620px;height:470px;margin-inline:auto}
  .footer-grid{padding-top:2px}
}

@media (max-width:680px){
  body.page-home .hero .hero-grid{gap:28px;padding-block:42px 78px}
  body.page-home .hero-copy{text-align:start}
  body.page-home .hero h1{font-size:40px}
  body.page-home .hero-copy>p{font-size:15px;line-height:1.9}
  body.page-home .hero-actions{grid-template-columns:1fr}
  body.page-home .hero-trust{justify-content:flex-start}
  .hero-showcase{height:305px}
  .showcase-main{inset:0 0 18px 0;border-radius:30px 14px 30px 14px}
  .showcase-main figcaption{inset-inline:14px;bottom:15px}
  .showcase-main figcaption b{font-size:11px}
  .showcase-side{display:none}
  .showcase-logo{top:10px;left:10px;width:92px;height:66px;border-radius:16px 8px 16px 8px}
  .hero-showcase .hero-location{right:8px;bottom:0;max-width:220px;padding:10px 12px}
  .hero-showcase .hero-location>.icon{width:25px;height:25px}
  body.page-home .story-section{padding-block:64px}
  .story-gallery{height:390px}
  .story-photo-main{inset:0 0 20px 18%;border-radius:30px 14px 30px 14px}
  .story-photo-side{width:43%;height:185px;border-width:6px}
  .story-brand{top:14px;left:0;width:116px;padding:7px 8px}
  .story-brand img{height:54px}
  .story-gallery .story-quote{right:12px;bottom:4px;max-width:210px;font-size:11px}
  .site-footer{padding-top:58px}
  .footer-grid{gap:28px;padding-bottom:36px}
}

@media (max-width:390px){
  body.page-home .hero h1{font-size:36px}
  .hero-showcase{height:276px}
  .showcase-main figcaption b{max-width:150px}
  .story-gallery{height:340px}
  .story-photo-side{height:155px}
  .story-brand{width:102px}
  .story-brand img{height:46px}
}

@media (max-width:330px){
  body.page-home .hero h1{font-size:32px}
  .hero-showcase{height:250px}
  .showcase-logo{width:78px;height:56px}
  .hero-showcase .hero-location{max-width:205px}
  .showcase-main figcaption span{display:none}
  .story-gallery{height:310px}
}

@media (prefers-reduced-motion:reduce){
  .showcase-main>img,.showcase-side,.showcase-side img,.showcase-logo{transform:none!important}
}