/* AJR identity inspired by the supplied brand reference. */
:root{
  --red:#ed1026;
  --red2:#b90b1e;
  --black:#151617;
  --ink:#222326;
  --muted:#67666a;
  --line:#ded9d2;
  --soft:#f3f0eb;
  --gold:#d6aa50;
  --radius:8px;
  --shadow:0 18px 44px rgba(18,18,20,.12);
}
body{font-family:Manrope,Arial,sans-serif;background:#f3f0eb}
h1,h2,h3,h4,.btn,.nav-links,.brand-wordmark{font-family:'Barlow Condensed',Arial,sans-serif}
h1,h2,h3,h4{letter-spacing:.01em}
.eyebrow{letter-spacing:.28em;color:var(--red)}
.section-heading{position:relative;padding-left:20px;border-left:3px solid var(--red)}
.section-heading.center{padding-left:0;border-left:0}
.section-heading.center:before{content:"";display:block;width:52px;height:3px;margin:0 auto 20px;background:var(--red)}
.section h2{font-size:clamp(40px,4.8vw,62px);line-height:1}
.btn{border-radius:4px;letter-spacing:.045em;font-size:17px;box-shadow:0 10px 24px rgba(120,0,15,.22)}
.btn-sm{font-size:15px}
.btn-outline{background:transparent}
.btn-whatsapp,.btn-whatsapp:hover{background:#248e56;color:#fff;box-shadow:0 10px 24px rgba(0,70,35,.22)}

.topbar{background:#0d0e0f;border-bottom:1px solid #303033;color:#e6e1d9}
.site-header{background:rgba(21,22,23,.97);border-bottom:1px solid #393638;box-shadow:0 8px 32px rgba(0,0,0,.16)}
.nav-wrap{min-height:88px}
.brand{display:inline-flex;align-items:center;gap:2px;min-width:0}
.brand img{width:104px;height:70px;object-fit:contain;flex:0 0 auto}
.brand-wordmark{display:flex;flex-direction:column;min-width:0;color:#f6f3ed;line-height:.85}
.brand-wordmark strong{display:block;font-size:58px;font-weight:800;letter-spacing:.015em;line-height:.82}
.brand-wordmark strong span{color:var(--red)}
.brand-wordmark small{margin-top:9px;font:700 9px/1 Manrope,Arial,sans-serif;letter-spacing:.2em;white-space:nowrap}
.nav-links{gap:24px;color:#eee9e2;font-size:17px;letter-spacing:.035em}
.nav-links a:hover{color:#f45b67}
.nav-links .btn{color:#fff}
.menu-toggle{color:#fff}

.hero{min-height:680px;background:radial-gradient(circle at 82% 35%,rgba(193,124,31,.13),transparent 29%),linear-gradient(115deg,#121314 0%,#232325 58%,#19191b 100%);color:#f8f5ef}
.hero:before{content:"";position:absolute;right:-110px;top:-190px;width:350px;height:950px;background:linear-gradient(90deg,transparent 40%,rgba(237,16,38,.8) 41%,rgba(237,16,38,.8) 48%,transparent 49%);transform:rotate(38deg);pointer-events:none}
.hero:after{width:560px;height:560px;right:-180px;bottom:-270px;border:1px solid rgba(214,170,80,.22);box-shadow:0 0 0 70px rgba(214,170,80,.035),0 0 0 140px rgba(214,170,80,.025)}
.hero-overlay{background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px}
.hero-grid{grid-template-columns:1.12fr .88fr;gap:58px}
.hero .eyebrow{color:#e5b958}
.hero h1{max-width:740px;font-size:clamp(56px,6vw,86px);line-height:.94;text-transform:uppercase;letter-spacing:.015em}
.hero-copy>p{color:#d6d1c9;font-size:17px}
.hero .experience-pill{background:rgba(214,170,80,.14);border:1px solid rgba(214,170,80,.42);color:#f4d492}
.hero .btn-ghost{background:transparent;border-color:#8a8580;color:#fff}
.hero .btn-ghost:hover{color:#fff;border-color:#f1c16d;background:rgba(241,193,109,.08)}
.trust-row{color:#d8d4ce}
.trust-row span:before{color:var(--gold)}
.hero-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:520px;padding:30px;background:linear-gradient(145deg,rgba(39,39,41,.94),rgba(22,22,24,.98));border:1px solid #60503a;border-radius:8px;box-shadow:0 28px 70px rgba(0,0,0,.35)}
.hero-card:before{content:"";position:absolute;left:0;top:0;width:80px;height:3px;background:var(--red)}
.hero-eagle{display:block;width:100%;height:250px;object-fit:contain;object-position:center;margin:-10px auto 3px;filter:drop-shadow(0 14px 18px rgba(0,0,0,.25))}
.hero-card-badge{background:transparent;border-left:3px solid var(--red);border-radius:0;color:#ebc47b;padding:3px 0 3px 10px;text-transform:uppercase;letter-spacing:.2em}
.hero-card h2{color:#f8f4eb;font-size:35px;line-height:1;margin:12px 0 8px}
.hero-card p{color:#c9c5c0;font-size:13px;margin:0 0 12px}
.hero-card a{color:#efbd62;margin-top:auto}

.benefits{background:#1b1c1e;border-bottom:3px solid var(--red)}
.benefits-grid div{border-color:#38393b;padding:28px}
.benefits-grid strong{font-family:'Barlow Condensed',Arial,sans-serif;color:#f9f4ed;font-size:21px;letter-spacing:.04em}
.benefits-grid span{color:#aaa7a4}
.promotions-section{background:#eeeae3}
.promo-stage{border-radius:8px;box-shadow:0 20px 56px rgba(15,15,18,.17)}
.promo-slide{background:#1b1c1e}
.promo-copy{background:linear-gradient(135deg,#222326,#111214)}
.promo-copy h3{font-size:clamp(40px,4.8vw,62px)}
.promo-price{color:#efc266}
.promo-tag{border-radius:2px}
.partner-section{background:#f8f6f1}
.technology-section{background:#1b1c1e;border-color:#383536;color:#f6f3ed}
.technology-section .section-heading p,.technology-section .technology-card p,.technology-section .mascot-copy p{color:#c7c2bc}
.technology-card{background:#27282a;border-color:#454345;border-radius:5px;box-shadow:none}
.technology-icon{background:#3b2529;border-radius:4px}
.mascot-panel{background:linear-gradient(160deg,#34302b,#1d1d1f);border-color:#67583f;border-radius:6px}
.mascot-copy h3{color:#fff}
.store-products-section{background:#f8f6f1;border-color:var(--line)}
.store-photo{border-radius:5px}
.store-gallery-footer{background:#eee9e1;border-radius:5px}
.category-card{border-radius:5px;border-top:3px solid var(--red);box-shadow:0 8px 24px rgba(0,0,0,.05)}
.category-card:hover{border-color:var(--gold)}
.section-dark{background:#18191b;border-color:#3b3b3e;color:#fff}
.section-dark p{color:#c7c4be}
.service-list>div{background:#242527;border-color:#414145;border-radius:5px}
.service-list small{color:#bcb8b1}
.quote-box{background:#eae3d7;border-radius:5px;color:#202022}
.quote-box p{color:#5e5b57}
.about-visual,.about-gallery{background:#252527;border-radius:6px}
.about-gallery .about-logo{background:transparent;object-fit:contain}
.company-data span{background:#ede9e1;border-left:2px solid var(--gold);border-radius:2px}
.accessories-section{background:#eeeae3}
.accessories-showcase{border-radius:6px}
.accessory-tags span{border-radius:2px}
.contact-section{background:#eae5dc}
.contact-card,.contact-form-wrap{border-radius:6px}
.contact-card img{border-radius:3px}
.contact-form input,.contact-form select,.contact-form textarea{border-radius:4px}

.catalog-hero{background:radial-gradient(circle at 80% 20%,rgba(190,132,39,.14),transparent 30%),linear-gradient(120deg,#17181a,#282729);color:#f8f5ee;border-color:#49383a}
.catalog-hero p{color:#d4cfc7}
.catalog-partner{background:#262628;border-color:#68563a;border-radius:6px;box-shadow:0 18px 44px rgba(0,0,0,.2)}
.catalog-partner p{color:#ebe6db}
.catalog-section{background:#eeeae3}
.catalog-count{background:#e9dfca;color:#58411b}
.brand-chip,.catalog-filters button{border-radius:3px}
.brand-chip.is-active{border-color:var(--red);background:var(--red)}
.catalog-tools,.product-card,.catalog-empty{border-radius:6px}
.catalog-search input{border-radius:4px}
.product-image{background:#e8e5e0}
.product-content>small{color:#9e1726}
.product-content h3{font-size:29px}
.product-actions .btn{font-size:15px}
.product-video-button{border-radius:3px}

footer{background:#111213;border-top:3px solid var(--red)}
.footer-grid img{width:88px;height:63px;object-fit:contain;background:transparent;border-radius:0}
.footer-brand .brand{gap:0}
.footer-brand .brand-wordmark strong{font-size:48px}
.footer-brand .brand-wordmark small{font-size:7px}
footer .footer-grid h4{color:#e9c077;font-size:22px;letter-spacing:.05em}
footer .footer-grid p,footer .footer-grid a{color:#cbc6be}

@media(max-width:1100px){
  .nav-links{gap:14px;font-size:15px}
  .brand img{width:84px;height:62px}
  .brand-wordmark strong{font-size:48px}
  .brand-wordmark small{font-size:7px}
}
@media(max-width:900px){
  .nav-links{background:#1d1e20;border-color:#454548;box-shadow:0 16px 36px rgba(0,0,0,.3)}
  .hero-grid{grid-template-columns:1fr}
  .hero-card{max-width:620px;min-height:0}
  .hero-eagle{height:210px}
  .hero{padding:86px 0}
}
@media(max-width:620px){
  .nav-wrap{min-height:72px}
  .brand img{width:65px;height:52px}
  .brand-wordmark strong{font-size:39px}
  .brand-wordmark small{font-size:6px;letter-spacing:.16em;margin-top:6px}
  .nav-links{top:72px}
  .hero{padding:62px 0}
  .hero:before{display:none}
  .hero h1{font-size:clamp(49px,11vw,70px)}
  .hero-card{padding:22px}
  .hero-eagle{height:170px}
  .section{padding:70px 0}
  .footer-brand .brand-wordmark strong{font-size:42px}
}

/* The full reference logo is one image so the AJR letterforms stay intact. */
.site-header .nav-wrap{min-height:106px}
.site-header .brand,.footer-brand .brand{display:inline-flex;padding:3px 11px;background:linear-gradient(145deg,#f3eee6,#ded6ca);border:1px solid #bdb3a5;border-radius:3px}
.site-header .brand img{display:block;width:166px;height:88px;object-fit:contain}
.hero-card .hero-eagle{height:240px;padding:12px;background:linear-gradient(145deg,#f1ebe1,#d9d0c2);border:1px solid #8d7b5d;border-radius:3px}
.about-gallery .about-logo{background:#e9e1d5;object-fit:contain;padding:10px}
.footer-brand .brand img{width:174px;height:106px;background:transparent}
@media(max-width:900px){
  .site-header .nav-wrap{min-height:94px}
  .nav-links{top:94px}
}
@media(max-width:620px){
  .site-header .nav-wrap{min-height:78px}
  .site-header .brand{padding:2px 6px}
  .site-header .brand img{width:118px;height:65px}
  .nav-links{top:78px}
  .hero-card .hero-eagle{height:185px}
}

/* Light identity: warm stone surfaces and letterforms close to the AJR mark. */
:root{--ink:#242427;--muted:#66615b;--line:#ded6ca;--soft:#f7f3ed;--shadow:0 16px 40px rgba(68,49,28,.1)}
body{background:#f8f5ef;color:var(--ink)}
h1,h2,h3,h4,.btn,.nav-links,.brand-wordmark,.eyebrow,.promo-tag,.experience-pill,.benefits-grid strong,.product-price{font-family:'Chakra Petch',Arial,sans-serif}
h1,h2,h3,h4{font-weight:700;letter-spacing:-.025em}
.nav-links{font-weight:700}
.btn{font-weight:700}
.topbar{background:#eee9e0;color:#4b4540;border-bottom:1px solid #d8d0c5}
.topbar a,.topbar span{color:#4b4540}
.topbar-address:hover{color:var(--red)}
.site-header{background:rgba(250,247,242,.97);border-bottom:1px solid #d7cfc3;box-shadow:0 9px 28px rgba(42,34,23,.07)}
.site-header .brand,.footer-brand .brand{background:#f4efe7;border-color:#d2c5b3}
.nav-links{color:#302e2d}
.nav-links a:hover{color:var(--red)}
.nav-links .btn{color:#fff}
.menu-toggle{color:#2a2929}
.hero{background:radial-gradient(circle at 84% 22%,rgba(214,170,80,.17),transparent 31%),linear-gradient(125deg,#fffdfa 0%,#f2ecdf 58%,#e9e0d3 100%);color:#242427}
.hero-overlay{background-image:linear-gradient(rgba(78,63,48,.043) 1px,transparent 1px),linear-gradient(90deg,rgba(78,63,48,.043) 1px,transparent 1px)}
.hero:after{border-color:rgba(172,132,64,.22);box-shadow:0 0 0 70px rgba(172,132,64,.035),0 0 0 140px rgba(172,132,64,.025)}
.hero .eyebrow{color:#a60e1e}
.hero h1{color:#242427;font-size:clamp(49px,5.4vw,76px);line-height:1.02}
.hero-copy>p{color:#5f5c59}
.hero .experience-pill{background:#fff9ef;border:1px solid #d8bd85;color:#5e4520}
.hero .experience-pill strong{color:#a70d20}
.hero .btn-ghost{background:#fffaf3;border:1px solid #a9a095;color:#282727}
.hero .btn-ghost:hover{background:#fff;color:#ab1021;border-color:#ab1021}
.trust-row{color:#5d5a55}
.hero-card{background:#fffdf9;border:1px solid #d4c6b1;box-shadow:0 25px 56px rgba(88,62,37,.12)}
.hero-card-badge{color:#9c1828}
.hero-card h2{color:#252426}
.hero-card p{color:#67615b}
.hero-card a{color:#a11225}
.hero-card .hero-eagle{background:#f3ecdf;border-color:#d3c5b1}
.benefits{background:#f1ece3;border-bottom:3px solid var(--red)}
.benefits-grid div{border-color:#d8cec0}
.benefits-grid strong{color:#282625;font-size:18px}
.benefits-grid span{color:#6a655f}
.promotions-section{background:#fbf8f2}
.promo-stage,.promo-slide{background:#fffaf3}
.promo-copy{background:#fffaf3;color:#292827}
.promo-copy p{color:#625e58}
.promo-price{color:#a20f20}
.technology-section{background:#f3eee5;border-color:#ded5c8;color:#292827}
.technology-section .section-heading p,.technology-section .technology-card p,.technology-section .mascot-copy p{color:#67615b}
.technology-card{background:#fffdfa;border-color:#ded4c6;color:#292827;box-shadow:0 8px 22px rgba(49,35,20,.05)}
.technology-icon{background:#fbe7e8}
.mascot-panel{background:linear-gradient(155deg,#fffdfa,#efe3d0);border-color:#ddcbae}
.mascot-copy h3{color:#252426}
.store-products-section{background:#fffdfa}
.category-card{background:#fffdfa}
.section-dark{background:#eee8de;border-color:#d9cfc1;color:#282727}
.section-dark p{color:#625e58}
.service-list>div{background:#fffdfa;border-color:#d8cbbb;color:#292827;box-shadow:0 7px 20px rgba(52,36,18,.05)}
.service-list small{color:#69635d}
.quote-box{background:#fffdfa;border:1px solid #d8cbbb;color:#282727}
.quote-box p{color:#625e58}
.about-visual,.about-gallery{background:#eee7dc}
.accessories-section{background:#f5f0e7}
.contact-section{background:#f1ece3}
.catalog-hero{background:radial-gradient(circle at 82% 18%,rgba(211,168,82,.17),transparent 30%),linear-gradient(120deg,#fffdfa,#eee6d9);color:#272626;border-color:#d8cbb9}
.catalog-hero p{color:#66615b}
.catalog-partner{background:#fffdfa;border-color:#ddcfbc;box-shadow:0 15px 38px rgba(57,39,19,.09)}
.catalog-partner p{color:#5b554e}
.catalog-section{background:#f7f3ed}
.catalog-tools,.product-card,.catalog-empty{background:#fffdfa}
.product-content h3{font-family:'Chakra Petch',Arial,sans-serif}
.product-content>small{color:#a5182b}
.product-price{font-weight:700}
footer{background:#f0eae0;color:#3c3935;border-top:3px solid var(--red)}
footer .footer-grid h4{color:#9f1727}
footer .footer-grid p,footer .footer-grid a{color:#5a554e}
.copyright{border-color:#d8cdbd;color:#797169}
@media(max-width:900px){
  .nav-links{background:#fffaf3;border-color:#d8cdbd;box-shadow:0 15px 35px rgba(46,33,18,.12)}
}
