:root{
  --ink:#555;
  --paper:#fff;
  --white:#fff;
  --muted:#737373;
  --line:#ece8d9;
  --accent:#f1be03;
  --accent-light:#fde076;
  --accent-deep:#8c6f02;
  --header:84px;
}
body{background:#fff;color:#555;font-family:'Montserrat',Arial,sans-serif}
h1,h2,h3{color:#555;font-family:'Montserrat',Arial,sans-serif;font-weight:700}
.site-header{height:var(--header);background:#fff;color:#555;border-bottom:1px solid #eee;box-shadow:0 8px 30px rgba(85,85,85,.05)}
.brand{color:#555;font-family:'Montserrat',Arial,sans-serif;text-transform:none}
.brand img{height:58px;max-width:190px;background:transparent;padding:0}
.brand-mark{border-color:#f1be03;color:#8c6f02}
.desktop-nav a{color:#555;font-weight:600}
.desktop-nav a:after{bottom:22px;background:#f1be03}
.contact-link{padding:10px 16px;background:#f1be03;color:#555;font-size:12px;border-radius:4px}
.contact-link:hover{background:#fde076;color:#555}
.menu-toggle span{background:#555}
.mobile-nav{background:#fff;color:#555;border-top-color:#eee;box-shadow:0 20px 30px rgba(85,85,85,.08)}
.mobile-nav a{border-bottom-color:#eee}
.hero-slider{height:calc(90vh - var(--header));min-height:610px;max-height:820px;background:#fff;color:#555;isolation:isolate}
.hero-media-stack{position:absolute;z-index:-2;inset:0;overflow:hidden;background:#fff}
.hero-slider .hero-media{z-index:auto;object-position:center right;visibility:hidden;opacity:0;transition:opacity .55s ease,visibility .55s}
.hero-slider .hero-media.is-active{visibility:visible;opacity:1}
.hero-panel{position:absolute;z-index:-1;inset:0 auto 0 0;width:57%;background:rgba(255,255,255,.94);clip-path:polygon(0 0,88% 0,100% 100%,0 100%)}
.hero-slides{position:relative;height:100%}
.hero-slide{position:absolute;top:50%;left:0;width:min(540px,46%);visibility:hidden;opacity:0;transform:translateY(-42%) translateX(-18px);transition:opacity .45s ease,transform .55s ease,visibility .55s}
.hero-slide.is-active{visibility:visible;opacity:1;transform:translateY(-50%) translateX(0)}
.hero-slide .eyebrow{color:#8c6f02;margin-bottom:20px}
.hero-slide h1,.hero-slide h2{margin:0 0 24px;color:#555;font-size:72px;line-height:.98;font-weight:800}
.hero-slide>p:not(.eyebrow){max-width:520px;color:#666;font-size:17px}
.hero-slide .button-row{margin-top:30px}
.button{border-radius:4px;font-family:'Montserrat',Arial,sans-serif}
.button-primary{background:#f1be03;color:#555}
.button-primary:hover{background:#fde076;color:#555}
.button-ghost{border-color:#8c6f02;color:#8c6f02}
.button-ghost:hover{background:#8c6f02;color:#fff}
.hero-controls{position:absolute;z-index:3;left:50%;bottom:34px;display:flex;align-items:center;justify-content:space-between;transform:translateX(-50%)}
.hero-dots{display:flex;align-items:center;gap:10px}
.hero-dots button{width:28px;height:4px;padding:0;border:0;border-radius:2px;background:#d7d2c2;cursor:pointer;transition:width .25s,background .25s}
.hero-dots button.is-active{width:56px;background:#f1be03}
.hero-counter{display:flex;gap:8px;color:#8c6f02;font-size:12px;font-weight:700}
.intro-band{background:#fff;border-bottom:1px solid #eee}
.eyebrow,.eyebrow.dark{color:#8c6f02;letter-spacing:0;font-weight:700}
.intro-grid h2,.section-heading h2,.story h2{color:#555}
.text-link{border-bottom-color:#f1be03;color:#8c6f02}
.placeholder-image{background:#f8f7f2;border:1px solid #eee;animation:none}
.placeholder-line{background:#eee}
.feature-band{background:#f1be03;color:#555}
.feature-grid div,.feature-grid div:first-child{border-color:rgba(140,111,2,.28)}
.feature-grid strong{color:#555;font-family:'Montserrat',Arial,sans-serif;font-weight:700}
.feature-grid span{color:#725d0b}
.page-hero,.page-hero.compact{background-image:none;background-color:#fff;color:#555;border-bottom:1px solid #eee}
.page-hero h1{color:#555}
.catalog-empty{border-color:#ece8d9;background:#fff}
.catalog-empty-icon{border-color:#f1be03;color:#8c6f02;background:#fde076}
.values{background:#fafafa}
.values article{border-top-color:#f1be03}
.values article>span{color:#8c6f02}
.site-footer{background:#fff;color:#555;border-top:1px solid #eee}
.footer-brand{color:#555}
.footer-grid p,.footer-bottom{color:#777}
.footer-grid strong{color:#555}
.footer-grid a:hover{color:#8c6f02}
.footer-bottom{border-top-color:#eee}
@media(max-width:900px){
  :root{--header:74px}
  .hero-slider{height:720px;min-height:0}
  .hero-panel{width:72%;background:rgba(255,255,255,.9)}
  .hero-slide{width:58%}
  .hero-slide h1,.hero-slide h2{font-size:58px}
}
@media(max-width:560px){
  .brand img{height:48px;max-width:145px}
  .hero-slider{height:690px;min-height:0}
  .hero-slider .hero-media{object-position:68% center}
  .hero-panel{width:100%;background:rgba(255,255,255,.78);clip-path:none}
  .hero-slide{top:auto;bottom:96px;width:100%;padding:22px;background:rgba(255,255,255,.9);border-left:4px solid #f1be03;transform:translateX(-14px)}
  .hero-slide.is-active{transform:translateX(0)}
  .hero-slide h1,.hero-slide h2{font-size:43px}
  .hero-slide>p:not(.eyebrow){font-size:14px}
  .hero-slide .button-row{margin-top:20px}
  .hero-controls{bottom:32px}
  .hero-counter{display:none}
}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-slider .hero-media{transition:none}}
.contact-hero{padding:86px 0 72px;background:#fff;border-bottom:1px solid #eee}
.contact-hero-inner{display:grid;grid-template-columns:1.35fr .65fr;gap:80px;align-items:end}
.contact-hero h1{max-width:760px;margin:0;font-size:64px;line-height:1.02}
.contact-hero-inner>p{max-width:430px;margin:0;color:#737373;font-size:17px}
.contact-layout{display:grid;grid-template-columns:1.45fr .75fr;min-height:500px;border:1px solid #eee}
.contact-map{min-height:500px;background:#f7f7f7}
.contact-map iframe{display:block;width:100%;height:100%;min-height:500px;border:0}
.contact-details{padding:54px;background:#fff}
.contact-details h2{margin-bottom:36px;font-size:34px}
.contact-item{padding:20px 0;border-top:1px solid #eee}
.contact-item span{display:block;margin-bottom:4px;color:#8c6f02;font-size:11px;font-weight:700;text-transform:uppercase}
.contact-item a,.contact-item address{color:#555;font-style:normal;font-weight:500;overflow-wrap:anywhere}
.contact-item a:hover{color:#8c6f02}
.contact-form-section{padding:90px 0;background:#fafafa;border-top:1px solid #eee}
.contact-form-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:9%;align-items:start}
.contact-form-layout h2{margin-bottom:18px;font-size:46px}
.contact-form-layout>div>p:last-child{color:#737373}
.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}
.form-field{display:flex;flex-direction:column;min-width:0}
.form-field-wide,.form-actions{grid-column:1/-1}
.form-field label{margin-bottom:8px;color:#555;font-size:12px;font-weight:700}
.form-field input,.form-field textarea{width:100%;border:1px solid #ddd;border-radius:4px;background:#fff;color:#555;font:500 15px 'Montserrat',Arial,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s}
.form-field input{height:50px;padding:0 14px}.form-field textarea{resize:vertical;min-height:140px;padding:14px}
.form-field input:focus,.form-field textarea:focus{border-color:#f1be03;box-shadow:0 0 0 3px rgba(241,190,3,.16)}
.form-field.is-invalid input,.form-field.is-invalid textarea{border-color:#a23c2d}
.field-error{display:none;margin-top:6px;color:#a23c2d;font-size:11px}.form-field.is-invalid .field-error{display:block}
.form-actions{display:flex;align-items:center;gap:20px}.form-actions p{margin:0;color:#8c6f02;font-size:13px}
@media(max-width:900px){.contact-hero-inner,.contact-form-layout{grid-template-columns:1fr;gap:28px}.contact-layout{grid-template-columns:1fr}.contact-details{padding:38px}.contact-hero h1{font-size:52px}}
@media(max-width:560px){.contact-hero{padding:56px 0 46px}.contact-hero h1{font-size:42px}.contact-main.section-space{padding:48px 0}.contact-map,.contact-map iframe{min-height:340px}.contact-details{padding:28px 22px}.contact-form-section{padding:58px 0}.contact-form{grid-template-columns:1fr}.form-field,.form-field-wide,.form-actions{grid-column:1}.form-actions{align-items:stretch;flex-direction:column}.form-actions .button{width:100%}}
.header-socials,.header-actions,.header-tools,.header-site-tools{display:flex;align-items:center;gap:8px}
.header-tools-separator{margin:0 4px;color:#c8c3b3;font-size:20px;font-weight:400;line-height:1}
.desktop-nav{margin-left:auto}
.header-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #e6e2d4;border-radius:4px;background:#fff;color:#8c6f02;font-size:17px;transition:background .2s,border-color .2s,color .2s,transform .2s}
.header-icon:hover,.header-icon:focus-visible{border-color:#f1be03;background:#f1be03;color:#555;transform:translateY(-1px)}
.header-cart{background:#f1be03;border-color:#f1be03;color:#555}
.header-cart:hover,.header-cart:focus-visible{background:#fde076;border-color:#fde076}
.footer-contact{display:flex;flex-direction:column;align-items:flex-start}
.footer-follow{width:100%;margin-top:28px;padding-top:22px;border-top:1px solid #eee}
.footer-follow>strong{display:block;margin-bottom:12px;color:#555;font-size:13px;text-transform:uppercase}
.footer-social-icons{display:flex;gap:10px}
.footer-social-icons a{display:grid;place-items:center;width:38px;height:38px;border:1px solid #e6e2d4;border-radius:4px;color:#8c6f02;font-size:17px;transition:background .2s,border-color .2s,color .2s}
.footer-social-icons a:hover,.footer-social-icons a:focus-visible{border-color:#f1be03;background:#f1be03;color:#555}
@media(max-width:900px){.header-tools{margin-left:auto}.header-icon{width:36px;height:36px}}
@media(max-width:560px){.header-inner{gap:6px}.header-socials,.header-actions,.header-tools,.header-site-tools{gap:3px}.header-tools-separator{margin:0 1px}.header-icon{width:30px;height:34px;border:0;font-size:16px}.brand img{max-width:108px}.footer-social-icons a{width:40px;height:40px}}

/* Motion system */
.motion-ready .site-header{animation:header-enter .6s cubic-bezier(.22,1,.36,1) both}
.motion-ready .hero-slide.is-active .eyebrow{animation:hero-text-enter .65s .08s cubic-bezier(.22,1,.36,1) both}
.motion-ready .hero-slide.is-active h1,.motion-ready .hero-slide.is-active h2{animation:hero-text-enter .75s .16s cubic-bezier(.22,1,.36,1) both}
.motion-ready .hero-slide.is-active>p:not(.eyebrow){animation:hero-text-enter .75s .25s cubic-bezier(.22,1,.36,1) both}
.motion-ready .hero-slide.is-active .button-row{animation:hero-text-enter .75s .34s cubic-bezier(.22,1,.36,1) both}
.motion-ready .hero-slider .hero-media.is-active{animation:hero-image-settle 6.2s cubic-bezier(.2,.7,.2,1) both}
.reveal-item{opacity:0;transform:translate3d(0,28px,0);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,transform}
.reveal-item.is-revealed{opacity:1;transform:translate3d(0,0,0);will-change:auto}
.button{position:relative;overflow:hidden;transition:background .25s,color .25s,border-color .25s,transform .25s,box-shadow .25s}
.button:hover,.button:focus-visible{transform:translateY(-3px);box-shadow:0 12px 24px rgba(140,111,2,.16)}
.text-link{transition:color .25s,border-color .25s,transform .25s}
.text-link:hover,.text-link:focus-visible{color:#555;border-color:#555;transform:translateX(4px)}
.product-placeholder{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}
.product-placeholder:hover{transform:translateY(-7px);box-shadow:0 18px 38px rgba(85,85,85,.08)}
.values article{transition:transform .35s,border-color .35s,background .35s;padding .35s}
.values article:hover{transform:translateY(-6px);border-color:#8c6f02;background:#fff;padding-left:18px;padding-right:18px}
.contact-item{transition:padding .3s,background .3s,border-color .3s}
.contact-item:hover{padding-left:14px;padding-right:14px;background:#fffdf5;border-color:#f1be03}
.contact-map{overflow:hidden}.contact-map iframe{transition:transform .8s cubic-bezier(.22,1,.36,1)}.contact-map:hover iframe{transform:scale(1.012)}
.header-icon i,.footer-social-icons i{transition:transform .3s cubic-bezier(.22,1,.36,1)}
.header-icon:hover i,.footer-social-icons a:hover i{transform:scale(1.12)}
@keyframes header-enter{from{transform:translateY(-12px)}to{transform:translateY(0)}}
@keyframes hero-text-enter{from{transform:translateY(24px)}to{transform:translateY(0)}}
@keyframes hero-image-settle{from{transform:scale(1.025)}to{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.motion-ready *,.reveal-item{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}

/* Distinct editorial backgrounds for inner-page heroes */
.page-hero,.contact-hero{position:relative;isolation:isolate;overflow:hidden;background-position:center;background-size:cover;background-repeat:no-repeat}
.page-hero::before,.contact-hero::before{content:"";position:absolute;z-index:0;inset:0;background:rgba(255,255,255,.42)}
.page-hero>.shell,.contact-hero>.shell{position:relative;z-index:1}
body[data-page="catalog"] .page-hero{background-image:url('../images/page-hero-catalog.webp');background-position:center}
body[data-page="about"] .page-hero{background-image:url('../images/page-hero-about.webp');background-position:center}
body[data-page="contact"] .contact-hero{min-height:350px;display:flex;align-items:center;background-image:url('../images/page-hero-contact.webp');background-position:center}
body[data-page="about"] .page-hero::before{background:rgba(255,255,255,.48)}
body[data-page="contact"] .contact-hero::before{background:rgba(255,255,255,.38)}
@media(max-width:560px){
  .page-hero::before,.contact-hero::before,body[data-page="about"] .page-hero::before,body[data-page="contact"] .contact-hero::before{background:rgba(255,255,255,.7)}
  body[data-page="catalog"] .page-hero{background-position:62% center}
  body[data-page="about"] .page-hero{background-position:67% center}
  body[data-page="contact"] .contact-hero{min-height:310px;background-position:68% center}
}