@import url("detail.css");
@import url("product-hero.css");
@import url("catalog-cards.css");
.catalog-page .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}
.catalog-page .product-card,.catalog-page .product-card:first-child{grid-column:auto;grid-row:auto;display:flex;flex-direction:column;min-height:100%;background:#f5f6f2;border:1px solid rgba(32,37,34,.08)}
.catalog-page .product-image,.catalog-page .product-card:first-child .product-image{height:clamp(210px,21vw,280px);flex:none;padding:28px;background:linear-gradient(145deg,#f7f8f5,#ecefe9)}
.catalog-page .product-image img{max-width:78%;max-height:100%}
.catalog-page .product-info,.catalog-page .product-card:first-child .product-info{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:21px 22px 23px;border-top:1px solid #e1e4dc}
.catalog-page .product-info h3,.catalog-page .product-card:first-child h3{font-size:22px;margin-top:8px}
.catalog-page .product-description{min-height:60px;margin-top:12px;font-size:13px;line-height:1.55;color:#60675f}
.catalog-page .product-action{margin-top:auto;padding:10px 14px;min-height:40px;background:var(--blue);color:#fff;font-size:12px}
@media(max-width:900px){.catalog-page .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-page .product-image,.catalog-page .product-card:first-child .product-image{height:250px}}
@media(max-width:540px){.catalog-page .product-grid{grid-template-columns:1fr;gap:12px}.catalog-page .product-image,.catalog-page .product-card:first-child .product-image{height:270px}.catalog-page .product-info,.catalog-page .product-card:first-child .product-info{padding:19px 18px 21px}.catalog-page .product-description{min-height:0;margin-bottom:22px}}
.stage-brand{visibility:hidden!important}.chapter{transition:opacity .08s linear,transform .08s linear,filter .08s linear!important;will-change:opacity,transform,filter}
.header nav>a[aria-current=page]{text-underline-offset:6px;text-decoration:underline;text-decoration-color:rgba(255,255,255,.68)}
.page-hero{height:clamp(430px,58svh,650px);padding:clamp(150px,22vh,235px) var(--pad) 55px;position:relative;isolation:isolate;overflow:hidden;color:#fff;background:#323933;display:flex;align-items:end;justify-content:space-between}
.page-hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:url('assets/poster.webp');background-size:cover;background-position:center 44%;transform:scale(1.01)}
.page-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,17,16,.66),rgba(10,17,16,.12)),linear-gradient(0deg,rgba(10,17,16,.4),transparent 60%)}
.page-hero h1{font-size:clamp(56px,8vw,112px);line-height:.98}.page-hero .eyebrow{margin-bottom:24px}.page-index{font-size:12px;letter-spacing:.1em}.about-main,.vision,.contact-main{background:var(--paper)}.about-copy{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:64px}.about-copy h2{font-size:clamp(40px,5vw,70px)}.about-copy p{margin-bottom:22px;color:#555d55}.about-copy .about-motto{font:italic 30px Georgia,serif;color:var(--blue);margin:35px 0 0}.vision{background:#e8ebe5}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:62px}.vision-grid article h2{font-size:clamp(35px,4vw,58px);max-width:620px}.mission p{padding:21px 0;border-bottom:1px solid var(--line);display:flex;gap:24px;color:#4f5650}.mission p:first-of-type{padding-top:5px}.mission b{font-size:12px;color:var(--muted);font-weight:400}.catalog-page{background:#e8ebe5;padding-top:68px}.catalog-page .product-grid{margin-top:36px}.catalog-page .product-foot{margin-top:20px}.contact-main .contact-details{padding-top:54px;display:grid;grid-template-columns:1fr 1fr;gap:50px 10%}.contact-details article{padding:10px 0 30px;border-bottom:1px solid var(--line)}.contact-details h2{font-size:30px;margin:16px 0 22px}.contact-details .eyebrow{font-size:11px;color:var(--muted)}.contact-line{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:1px solid var(--line);font-size:15px}.contact-details address{font-style:normal;line-height:1.8;margin:20px 0}.home-products{padding-top:70px}.home-contact{padding-top:70px}.footer{position:relative;z-index:1}
@media(max-width:850px){.header nav>a:nth-child(2){display:inline}.header nav{gap:18px}.about-copy,.vision-grid{gap:8%}.contact-details{gap:35px 7%}}
@media(max-width:540px){.header{padding-left:18px;padding-right:18px}.brand img{width:124px}.header nav{gap:10px;font-size:11px}.header nav a{white-space:nowrap}.header nav>a:nth-child(2){display:inline}.nav-contact{font-size:11px}.nav-contact span{margin-left:2px}.page-hero{height:470px;padding:145px 24px 38px}.page-hero h1{font-size:clamp(52px,14vw,74px)}.page-hero .eyebrow{font-size:9px}.about-copy,.vision-grid{grid-template-columns:1fr;gap:32px;padding-top:38px}.about-copy h2{font-size:41px}.vision-grid article h2{font-size:38px}.contact-details{grid-template-columns:1fr!important;gap:20px!important;padding-top:35px!important}.contact-details h2{font-size:26px}.catalog-page{padding-top:48px}.home-products .section-heading h2{font-size:35px}}
