:root { --ink:#141313; --paper:#fbfaf8; --cream:#f2ede5; --gold:#ab8a48; --gold-dark:#ab8a48; --muted:#6e6862; --line:#dfd8ce; --display:"Playfair Display",Georgia,serif; --body:"Montserrat","DM Sans",Arial,sans-serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font:400 16px/1.65 var(--body); } a { color:inherit; text-decoration:none; } img { display:block; width:100%; } button { font:inherit; } .shell { width:min(1180px,calc(100% - 48px)); margin:0 auto; }
.utility-bar { height:40px; border-top:2px solid var(--gold); background:#fff; font-size:12px; font-weight:600; } .utility-inner { height:100%; display:flex; justify-content:space-between; align-items:center; } .utility-inner p,.utility-inner a { display:inline-flex; align-items:center; gap:8px; margin:0; } .utility-inner i { width:15px; color:var(--gold-dark); } .utility-inner span { color:var(--muted); font-weight:400; }
.site-header { position:sticky; top:0; z-index:20; background:rgba(18,17,17,.98); color:#fff; } .nav-row { height:58px; display:flex; align-items:center; justify-content:space-between; gap:34px; } .logo { font:700 25px/1 var(--display); white-space:nowrap; } .logo span { display:block; margin-top:3px; color:var(--gold); font:600 9px/1 var(--body); letter-spacing:4.6px; text-align:center; } .site-nav { display:flex; align-items:center; gap:30px; font-size:12px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; } .site-nav>a { position:relative; padding:20px 0; } .site-nav>a:not(.nav-cta)::after { position:absolute; right:0; bottom:12px; left:0; height:1px; background:var(--gold); content:""; transform:scaleX(0); transition:transform .2s ease; } .site-nav>a:hover::after,.site-nav>a.active::after { transform:scaleX(1); } .nav-cta { display:inline-flex; align-items:center; gap:8px; min-width:142px; justify-content:center; padding:8px 17px!important; border-radius:3px; background:var(--gold); } .nav-cta i { width:15px; } .menu-toggle { display:none; color:#fff; background:none; border:0; }
.hero { position:relative; min-height:646px; overflow:hidden; color:#fff; isolation:isolate; } .hero-slides { position:absolute; inset:0; z-index:-2; background:#171515; } .hero-slide { position:absolute; inset:0; background-position:center center; background-size:cover; background-repeat:no-repeat; opacity:0; transition:opacity 1.1s ease; will-change:opacity; } .hero-slide.is-active { opacity:1; } .hero-shade { position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,rgba(5,5,5,.63),rgba(5,5,5,.26) 52%,rgba(5,5,5,.48)); } .hero-content { display:flex; min-height:646px; flex-direction:column; align-items:center; justify-content:center; padding:80px 0; text-align:center; } .eyebrow { margin:0 0 13px; color:var(--gold-dark); font-size:11px; font-weight:700; letter-spacing:2.2px; text-transform:uppercase; } .eyebrow.light { color:#e5d2a4; } h1,h2,h3,p { margin-top:0; } h1 { margin:0; font-size:clamp(64px,10vw,132px); line-height:.85; font-weight:700; } h1 span { display:block; margin-top:10px; color:var(--gold); font:600 13px/1 var(--body); letter-spacing:15px; text-indent:15px; } .hero-copy { max-width:550px; margin:28px auto 31px; font-size:clamp(17px,2.2vw,22px); font-weight:500; } .button { display:inline-flex; align-items:center; gap:12px; justify-content:center; min-height:48px; padding:0 22px; border:1px solid transparent; font-size:12px; font-weight:700; letter-spacing:1px; text-transform:uppercase; transition:transform .2s ease,background .2s ease; } .button:hover { transform:translateY(-2px); } .button i,.text-link i { width:16px; } .button-gold { color:#151515; background:var(--gold); } .button-dark { color:#fff; background:var(--ink); } .button-outline { color:#fff; border-color:rgba(255,255,255,.75); } .hero-scroll { position:absolute; right:38px; bottom:29px; display:flex; align-items:center; gap:10px; color:rgba(255,255,255,.8); font-size:10px; letter-spacing:1.6px; text-transform:uppercase; transform:rotate(90deg); transform-origin:right bottom; } .hero-scroll span { width:32px; height:1px; background:var(--gold); } .hero-arrow { position:absolute; top:50%; z-index:5; display:grid; width:44px; height:44px; place-items:center; padding:0; border:1px solid rgba(255,255,255,.45); border-radius:50%; color:#fff; background:rgba(10,10,10,.28); cursor:pointer; transform:translateY(-50%); transition:background .2s ease,border-color .2s ease; } .hero-arrow i { width:18px; height:18px; } .hero-arrow:hover { border-color:var(--gold); background:var(--gold); color:#151515; } .hero-arrow.prev { left:24px; } .hero-arrow.next { right:24px; } .hero-dots { position:absolute; z-index:5; bottom:24px; left:50%; display:flex; align-items:center; gap:9px; transform:translateX(-50%); } .hero-dots button { width:8px; height:8px; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,.55); cursor:pointer; transition:width .25s ease,border-radius .25s ease,background .25s ease; } .hero-dots button:hover { background:rgba(255,255,255,.9); } .hero-dots button.is-active { width:26px; border-radius:4px; background:var(--gold); }
.section { padding:115px 0; } .intro { background:#fff; } .intro-grid,.advantages-grid,.training-grid,.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(44px,7vw,112px); align-items:center; } .intro-image { height:580px; overflow:hidden; } .intro-image img,.advantages-photo img,.training-photo img { height:100%; object-fit:cover; } .intro-copy { max-width:495px; } h2 { margin-bottom:22px; font:600 clamp(38px,4.2vw,60px)/1.1 var(--display); } h2 em { color:var(--gold-dark); font-weight:500; } .intro-copy>p:not(.eyebrow),.color-copy>p:not(.eyebrow),.contact-intro { color:var(--muted); } .intro-stats { display:flex; gap:44px; margin:34px 0 27px; padding-top:24px; border-top:1px solid var(--line); } .intro-stats div { display:grid; gap:1px; } .intro-stats strong { font:600 28px/1 var(--display); } .intro-stats span { color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:1px; } .text-link { display:inline-flex; align-items:center; gap:9px; padding-bottom:4px; border-bottom:1px solid var(--gold); font-size:12px; font-weight:700; letter-spacing:1px; text-transform:uppercase; }
.products { background:#f6f2e8; } .products-title { margin:0 auto 56px; text-align:center; } .products-script { margin:0 0 6px; color:#ab8a48; font:400 clamp(36px,4.5vw,52px)/1 'Carattere',cursive; } .products-title h2 { margin:0; color:#000; font:700 clamp(30px,3.4vw,42px)/1.1 var(--body); letter-spacing:.05em; text-transform:uppercase; } .product-row { display:grid; grid-template-columns:repeat(3,1fr); gap:25px; } .product-row + .product-row { margin-top:25px; } .product-card { display:flex; flex-direction:column; background:#fff; } .product-card-media { overflow:hidden; aspect-ratio:1/1; } .product-card-media img { height:100%; object-fit:cover; transition:transform .5s ease; } .product-card:hover .product-card-media img { transform:scale(1.05); } .product-card-body { display:flex; flex:1; flex-direction:column; align-items:center; gap:13px; padding:22px 22px 24px; text-align:center; } .product-card-body h3 { margin:0; color:#000; font:700 18px/1.4 var(--body); letter-spacing:.04em; } .product-card-body p { margin:0; color:#000; font-size:13px; line-height:1.65; } .product-card-link { display:inline-block; margin-top:auto; padding:9px 24px; border-radius:30px; color:#fff; background:#ab8a48; font-size:13px; font-weight:600; line-height:1.55; transition:background .2s ease,transform .2s ease; } .product-card-link:hover { background:#97773a; transform:translateY(-1px); }
.advantages { background:#fff; } .advantages-photo { height:692px; } .advantages-copy { max-width:500px; } .benefit-list { margin-top:41px; } .benefit-list>div { display:grid; grid-template-columns:45px 1fr; gap:14px; padding:21px 0; border-top:1px solid var(--line); } .benefit-list>div:last-child { border-bottom:1px solid var(--line); } .benefit-list span { color:var(--gold-dark); font:600 15px/1 var(--display); } .benefit-list h3 { margin-bottom:6px; font:500 22px/1.2 var(--display); } .benefit-list p { margin-bottom:0; color:var(--muted); font-size:14px; }
.colors { padding:102px 0; background:#e5ddd1; } .color-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:70px; align-items:center; } .color-copy { max-width:430px; } .swatches { display:grid; grid-template-columns:repeat(7,1fr); height:292px; overflow:hidden; } .swatches span { position:relative; background:var(--swatch); } .swatches span::after { position:absolute; inset:0; background:repeating-linear-gradient(87deg,transparent 0 2px,rgba(255,255,255,.14) 3px 4px,transparent 6px 9px); content:""; mix-blend-mode:soft-light; }
.training { padding:0; background:#161414; color:#fff; } .training-grid { gap:0; min-height:600px; } .training-copy { padding:75px clamp(30px,6vw,92px) 75px 0; } .training-copy h2 { font-size:clamp(42px,4.5vw,66px); } .training-copy>p:not(.eyebrow) { max-width:450px; margin-bottom:32px; color:rgba(255,255,255,.7); } .training-photo { height:600px; } .contact { background:#fff; } .contact-grid { align-items:start; } .contact-intro { max-width:455px; font-size:17px; } .contact-details { display:grid; gap:20px; padding-top:12px; } .contact-details a { display:flex; align-items:center; gap:17px; padding:18px 0; border-bottom:1px solid var(--line); font:500 19px/1.2 var(--display); } .contact-details i { width:20px; color:var(--gold-dark); } .contact-details small { display:block; margin-bottom:4px; color:var(--muted); font:600 10px/1 var(--body); letter-spacing:1.2px; text-transform:uppercase; }
.site-footer{color:#fff;background:#000}.footer-main{padding:20px 0;background:#171717}.footer-main-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px}.footer-copy{margin:0;font-size:17px;font-weight:700}.footer-socials{display:none}.back-top{justify-self:end;color:#fff;font-size:16px;font-weight:700}.footer-credit{display:flex;align-items:center;justify-content:center;gap:10px;height:70px;font-size:12px;background:#000}.tilda-mark{display:grid;width:31px;height:31px;place-items:center;border:1px solid #fff;border-radius:50%;font-size:19px}.floating-whatsapp{position:fixed;z-index:10;right:20px;bottom:20px;display:flex;align-items:center;gap:20px;color:#fff}.floating-whatsapp span{padding:10px 17px;background:var(--gold);font-size:16px;font-weight:700}.floating-whatsapp i{display:grid;width:62px;height:62px;place-items:center;border:3px solid var(--gold);border-radius:50%;color:#fff;background:var(--gold);box-shadow:0 5px 22px rgba(0,0,0,.2)}.floating-whatsapp i svg{width:27px;height:27px}
@media (max-width:900px) { .utility-bar { height:36px; } .utility-inner a { font-size:0; } .utility-inner a i { width:17px; height:17px; } .nav-row { height:60px; } .menu-toggle { display:inline-grid; width:42px; height:42px; place-items:center; } .site-nav { position:absolute; top:60px; right:0; left:0; display:none; padding:15px 24px 25px; align-items:stretch; background:#181616; box-shadow:0 10px 25px rgba(0,0,0,.25); } .site-nav.open { display:flex; flex-direction:column; gap:0; } .site-nav>a { padding:12px 0; } .site-nav>a:not(.nav-cta)::after { display:none; } .nav-cta { margin-top:9px; width:100%; } .hero,.hero-content { min-height:580px; } .section { padding:80px 0; } .intro-grid,.advantages-grid,.contact-grid { grid-template-columns:1fr; gap:40px; } .intro-image { height:min(510px,80vw); } .intro-copy,.advantages-copy { max-width:none; } .product-row { grid-template-columns:1fr 1fr; } .advantages-photo { height:min(600px,90vw); } .color-layout { grid-template-columns:1fr; gap:35px; } .color-copy { max-width:620px; } .training-grid { grid-template-columns:1fr; } .training-copy { padding:76px 0; } .training-photo { height:450px; } }
@media (max-width:580px) { .shell { width:min(100% - 30px,1180px); } .utility-inner p { font-size:10px; } .utility-inner p span { display:none; } .logo { font-size:22px; } .hero-slide { background-position:center; } .hero-shade { background:rgba(0,0,0,.52); } .hero-arrow { width:38px; height:38px; } .hero-arrow.prev { left:12px; } .hero-arrow.next { right:12px; } .hero-dots { bottom:18px; } .hero,.hero-content { min-height:520px; } h1 { font-size:60px; } h1 span { font-size:10px; letter-spacing:10px; text-indent:10px; } .hero-copy { max-width:310px; font-size:16px; } .hero-scroll { display:none; } .section { padding:67px 0; } h2 { font-size:39px; } .intro-stats { gap:22px; } .product-row { grid-template-columns:1fr; } .product-card-body { padding:20px 16px 22px; } .product-card-body h3 { font-size:17px; } .products-title { margin-bottom:42px; } .advantages-photo { height:440px; } .swatches { height:175px; } .training-copy { padding:67px 0; } .training-photo { height:355px; } .footer-main-inner{grid-template-columns:1fr;justify-items:center;text-align:center;gap:15px}.back-top{justify-self:center}.floating-whatsapp{right:14px;bottom:14px;gap:8px}.floating-whatsapp span{font-size:12px;padding:8px 12px}.floating-whatsapp i{width:52px;height:52px} }

/* Header and hero alignment */
.shell{width:min(1660px,calc(100% - 120px))}
.utility-bar{height:90px;border:0;background:#fff;font-size:16px}
.utility-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.utility-logo{justify-self:start;display:block;width:166px}.utility-logo img{width:100%;height:auto}
.hours{display:flex!important;align-items:center;gap:14px!important}.hours i,.utility-contacts>i{width:38px!important;height:38px;color:var(--gold-dark)}
.hours-copy{display:flex;flex-direction:column;line-height:1.1}.hours-copy strong{font-size:22px;color:#000}.hours-copy small{margin-top:5px;font-size:16px;color:#111}
.utility-brand{justify-self:center;display:block;font-size:20px;font-weight:700;color:#111}.utility-contacts{justify-self:end;display:flex;align-items:center;gap:14px;line-height:1.35}.utility-contacts span{display:grid;grid-template-columns:auto auto;column-gap:8px;font-size:17px}.utility-contacts a{text-decoration:underline}.utility-contacts strong{font-weight:600}.utility-contacts b{font-weight:400}
.utility-contacts span{color:#111;font-weight:400}
.intro{padding:90px 0;background:#fff}.intro-grid{grid-template-columns:1.05fr .95fr;gap:70px}.intro-copy{max-width:760px}.intro-script{margin:0 0 12px;color:#b1843e;font:400 38px/1.1 'Carattere',cursive}.intro-title{margin:0 0 20px;color:#000;font:800 clamp(52px,5vw,78px)/1 var(--body);letter-spacing:.03em}.intro-copy>p:not(.intro-script){margin-bottom:26px;color:#111;font-size:24px;line-height:1.65}.intro-button{display:inline-flex;align-items:center;justify-content:center;padding:15px 42px;border-radius:32px;color:#fff;background:var(--gold);font-size:22px;font-weight:600}.intro-image{height:auto;aspect-ratio:3/4;position:relative;overflow:hidden}.intro-image img{width:100%;height:100%;object-fit:cover}.play-button{position:absolute;top:50%;left:50%;display:grid;width:112px;height:112px;place-items:center;border-radius:50%;color:#fff;background:#8d5f00;transform:translate(-50%,-50%)}.play-button svg{width:42px;height:42px;fill:currentColor;stroke-width:0;margin-left:7px}
.about-overview{background:#f5f2e8}.about-overview-inner{max-width:1120px}.about-overview-heading{margin:0 auto 38px;text-align:center}.about-overview-heading .intro-script{margin-bottom:8px}.about-overview-heading .intro-title{font-size:clamp(44px,5vw,68px)}.about-overview-copy{display:grid;gap:24px}.about-overview-copy p{margin:0;color:#222;font-size:17px;line-height:1.8}.about-overview-action{margin-top:40px;text-align:center}
.site-header{background:#050505}.nav-row{height:45px}.nav-row>.logo{display:none}.site-nav{width:100%;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:16px;font-weight:500;letter-spacing:.02em}.site-nav>a{padding:10px 0}.site-nav>a:not(.nav-cta)::after{display:none}.nav-cta{min-width:189px;padding:3px 30px!important;border:1px solid #fff;border-radius:30px;background:transparent;color:#fff}
.hero{min-height:668px;height:auto}.hero-slide{background-position:center center}.hero-shade{background:rgba(0,0,0,.5)}.hero-content{min-height:668px;padding:60px 0}.eyebrow.light{margin-bottom:18px;color:#fff;font:400 60px/1 'Carattere',cursive;letter-spacing:0;text-transform:none}h1{font-size:clamp(70px,7vw,108px);letter-spacing:.03em}h1 span{display:none}.hero-copy{max-width:none;margin:26px auto 0;font-size:32px}
.hero-arrows{display:block}.hero-dots{display:flex}.hero-scroll{display:flex}
@media (max-width:900px){.shell{width:min(100% - 48px,1660px)}.utility-bar{height:58px}.utility-logo{width:116px}.utility-brand{width:auto;font-size:16px}.utility-contacts span{font-size:12px}.hours-copy strong{font-size:16px}.hours-copy small{font-size:11px}.hours i,.utility-contacts>i{width:28px!important;height:28px}.nav-row{height:60px}.site-nav{font-size:18px}.hero,.hero-content{min-height:580px;height:auto}.hero-content{padding:40px 0}.eyebrow.light{font-size:44px}.hero-copy{font-size:22px}}
.intro-grid{align-items:center}.intro-copy{order:1}.intro-image{order:2}
.advantages{padding:90px 0;background:#fff}.advantages-grid{grid-template-columns:1.18fr .82fr;gap:70px;align-items:center}.advantages-copy{max-width:900px;order:1}.advantages-photo{order:2;height:auto;aspect-ratio:3/4;overflow:hidden}.advantages-photo img{width:100%;height:100%;object-fit:cover}.advantages-lead,.advantages-text{margin:0 0 20px;color:#111;font-size:24px;line-height:1.65}.advantages-subtitle{margin:8px 0 10px}.advantages-text{margin-bottom:24px}
@media (max-width:900px){.intro{padding:70px 0}.intro-grid{grid-template-columns:1fr;gap:40px}.intro-copy{order:1}.intro-image{order:2}.intro-copy>p:not(.intro-script){font-size:18px}.intro-script{font-size:32px}.intro-button{font-size:18px}.intro-image{aspect-ratio:3/4;max-height:620px}}
@media (max-width:900px){.about-overview-heading{margin-bottom:32px}.about-overview-copy p{font-size:16px}}
@media (max-width:580px){.about-overview-heading{margin-bottom:26px}.about-overview-copy{gap:20px}.about-overview-copy p{font-size:15px}.about-overview-action{margin-top:28px}}
@media (max-width:900px){.advantages{padding:70px 0}.advantages-grid{grid-template-columns:1fr;gap:40px}.advantages-copy{order:1}.advantages-photo{order:2;max-height:620px}.advantages-lead,.advantages-text{font-size:18px}.advantages-subtitle{font-size:30px}}
@media (max-width:900px){.nav-row>.logo{display:block;font-size:22px}.menu-toggle{display:inline-grid;width:42px;height:42px;place-items:center}.site-nav{position:absolute;top:60px;right:0;left:0;display:none;width:auto;padding:15px 24px 25px;flex-direction:column;align-items:stretch;gap:0;background:#181616}.site-nav.open{display:flex}.site-nav>a{padding:12px 0}.nav-cta{width:100%;margin-top:9px}}
@media (max-width:580px){.shell{width:calc(100% - 30px)}.utility-inner{grid-template-columns:auto 1fr auto;gap:10px}.utility-logo{width:78px}.utility-brand{display:block;font-size:14px;text-align:center}.utility-contacts span{display:grid;font-size:9px;line-height:1.25}.utility-contacts span strong{display:none}.utility-contacts span a{font-size:10px}.utility-contacts span b{font-size:9px}.utility-contacts>i{width:24px!important;height:24px}.hours-copy strong{font-size:14px}.hours-copy small{font-size:10px}.site-nav{font-size:16px}.hero,.hero-content{min-height:520px;height:auto}.eyebrow.light{font-size:38px}h1{font-size:52px}.hero-copy{font-size:17px}}

/* Keep the carousel artwork fully visible: scale to viewport width using the source ratio (3072x1440). */
@media (min-width:901px){
  .hero{height:auto;min-height:0;aspect-ratio:3072 / 1440}
  .hero-content{position:absolute;inset:0;min-height:0;height:auto}
  .hero-slide{background-size:100% auto;background-position:center top}
}

/* Official Kalugahair floating contact control */
.floating-whatsapp{position:fixed;z-index:100;right:20px;bottom:20px;display:flex;align-items:center;gap:12px;color:#fff}
.floating-whatsapp span{position:relative;display:block;padding:8px 23px 8px 14px;color:#fff;background:#b8944d;font-size:16px;font-weight:700;line-height:22px;white-space:nowrap}
.floating-whatsapp span::after{position:absolute;top:0;right:-14px;border-top:19px solid transparent;border-bottom:19px solid transparent;border-left:14px solid #b8944d;content:""}
.floating-whatsapp i{display:grid;width:62px;height:62px;place-items:center;border:0;border-radius:50%;color:#fff;background:#b8944d;box-shadow:0 4px 12px rgba(0,0,0,.22)}
.floating-whatsapp i svg{width:28px;height:28px;stroke-width:1.8}

.about-hero{padding:95px 0 70px;background:#f5f2ed;text-align:center}.about-hero .intro-script{margin:0;color:#b1843e;font-size:52px}.about-hero h1{margin:8px 0 0;color:#000;font:800 64px/1 var(--body);letter-spacing:.04em}.about-content{padding:95px 0;background:#fff}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.about-copy{color:#111;font-size:21px;line-height:1.75}.about-copy p{margin:0 0 28px}.about-copy strong{font-weight:800}.about-image{aspect-ratio:3/4;overflow:hidden}.about-image img{width:100%;height:100%;object-fit:cover}
.about-page-overview{padding-top:85px}
.floating-contact{position:fixed;right:20px;bottom:20px;z-index:100}.floating-main{display:flex;align-items:center;gap:22px;padding:0;border:0;color:#fff;background:none;cursor:pointer}.floating-main>span,.floating-option>span{position:relative;display:block;padding:8px 23px 8px 14px;color:#fff;background:#b8944d;font-size:16px;font-weight:700;line-height:22px;white-space:nowrap}.floating-main>span::after,.floating-option>span::after{position:absolute;top:0;right:-14px;border-top:19px solid transparent;border-bottom:19px solid transparent;border-left:14px solid #b8944d;content:""}.floating-main>i{display:grid;width:62px;height:62px;place-items:center;border-radius:50%;color:#fff;background:#b8944d;box-shadow:0 0 0 0 rgba(184,148,77,.7);animation:contact-pulse 2s infinite}.floating-main svg{width:29px;height:29px;stroke-width:1.8}.floating-options{position:absolute;right:0;bottom:72px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s ease}.floating-contact.is-open .floating-options{opacity:1;visibility:visible;transform:translateY(0)}.floating-option{display:flex;align-items:center;gap:10px;text-decoration:none}.floating-option>span{opacity:0;transform:translateX(8px);transition:.2s ease}.floating-option:hover>span{opacity:1;transform:translateX(0)}.floating-option>i{display:grid;width:52px;height:52px;place-items:center;border-radius:50%;color:#fff;background:#000;box-shadow:0 4px 12px rgba(0,0,0,.2)}.whatsapp-option>i{background:#27d061}.close-option{padding:0;border:0;background:none;cursor:pointer}.close-option>i{color:#111;background:#fff}.floating-option svg{width:24px;height:24px}
@keyframes contact-pulse{0%,100%{box-shadow:0 0 0 0 rgba(184,148,77,.65)}50%{box-shadow:0 0 0 10px rgba(184,148,77,0)}}
.floating-main .floating-icon svg{width:35px;height:32px;stroke-width:1.8}
@media (max-width:900px){.about-hero{padding:70px 0 55px}.about-hero .intro-script{font-size:40px}.about-hero h1{font-size:50px}.about-content{padding:65px 0}.about-grid{grid-template-columns:1fr;gap:40px}.about-copy{font-size:18px}.about-image{max-height:620px}}
.contact-page{background:#f5f2e8}.contact-block{min-height:730px;padding:60px 0}.contact-block-inner{display:flex;align-items:center}.contact-block-primary{background:#f5f2e8}.contact-block-secondary{background:#fff}.contact-copy{max-width:900px}.contact-brand-logo{display:block;width:min(280px,68vw);height:auto;margin:0 0 34px;object-fit:contain;object-position:left center}.contact-script{margin:0 0 2px;color:#b18a48;font:400 58px/1 'Carattere',cursive}.contact-copy h1,.contact-copy h2{margin:0 0 14px;color:#000;font:800 clamp(46px,5vw,70px)/1 var(--body);letter-spacing:.03em}.contact-copy p{margin:0 0 20px;color:#111;font-size:23px;line-height:1.6}.contact-copy p strong{font-weight:700}.contact-actions{display:flex;align-items:center;gap:10px;margin-top:26px;flex-wrap:wrap}.contact-actions a{display:inline-flex;align-items:center;gap:9px;padding:13px 30px;border-radius:30px;color:#fff;font-size:20px;font-weight:700}.contact-actions i{width:23px;height:23px}.contact-phone{background:#b8944d}.contact-whatsapp{background:#28bd4b}
@media (max-width:900px){.contact-block{min-height:auto;padding:70px 0}.contact-brand-logo{width:min(230px,62vw);margin-bottom:26px}.contact-script{font-size:44px}.contact-copy h1,.contact-copy h2{font-size:42px}.contact-copy p{font-size:18px}.contact-actions a{font-size:16px;padding:11px 22px}}
.color-intro{background:#f5f2e8;text-align:center}.color-intro .shell{max-width:980px}.color-intro h2{margin:8px 0 20px;color:#000;font:800 clamp(40px,5vw,64px)/1 var(--body)}.color-intro p:last-child{margin:0;color:#111;font-size:21px;line-height:1.7}.color-gallery{padding:70px 0 100px;background:#fff}.gallery-title{margin:42px 0 24px;color:#000;font:700 clamp(30px,3vw,42px)/1.2 var(--body);text-align:center}.gallery-title:first-child{margin-top:0}.color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.color-grid img{width:100%;height:300px;object-fit:cover;cursor:zoom-in;transition:transform .25s ease}.color-grid img:hover{transform:scale(1.02)}.natural-grid{grid-template-columns:repeat(4,1fr)}.rooted-grid{grid-template-columns:repeat(3,1fr)}
@media (max-width:900px){.color-intro p:last-child{font-size:18px}.color-grid,.natural-grid,.rooted-grid{grid-template-columns:repeat(2,1fr);gap:14px}.color-grid img{height:240px}}
@media (max-width:580px){.color-gallery{padding:50px 0 70px}.color-grid,.natural-grid,.rooted-grid{grid-template-columns:1fr}.color-grid img{height:auto;max-height:none}.gallery-title{margin-top:36px}}
.training-intro{background:#f5f2e8}.training-intro-inner{max-width:1000px}.training-intro h2{margin:8px 0 22px;color:#000;font:800 clamp(40px,5vw,64px)/1.08 var(--body)}.training-intro p:not(.intro-script){margin:0 0 20px;color:#111;font-size:21px;line-height:1.7}.training-catalog{background:#fff}.training-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:35px}.training-card{display:grid;grid-template-columns:230px 1fr;min-height:230px;background:#f5f2e8}.training-card img{width:100%;height:100%;object-fit:cover}.training-card div{padding:26px}.training-card h3{margin:0 0 12px;color:#000;font:800 24px/1.15 var(--body)}.training-card p{margin:0 0 18px;color:#111;font-size:16px;line-height:1.55}.training-card strong{color:#ab8a48;font-size:16px}
@media (max-width:900px){.training-intro p:not(.intro-script){font-size:18px}.training-cards{grid-template-columns:1fr;gap:24px}.training-card{grid-template-columns:220px 1fr}}
@media (max-width:580px){.training-card{grid-template-columns:1fr}.training-card img{height:260px}.training-card div{padding:22px}}
@media (max-width:580px){.floating-contact{right:14px;bottom:14px}.floating-main{gap:16px}.floating-main>span{font-size:13px;padding:7px 18px 7px 12px}.floating-main>span::after{border-top-width:17px;border-bottom-width:17px}.floating-main>i{width:56px;height:56px}.floating-options{bottom:65px}.floating-option>span{font-size:13px;padding:7px 18px 7px 12px}.floating-option>i{width:48px;height:48px}}

/* Products page layout mirrors the official production grid */
.products .shell{width:min(1040px,calc(100% - 48px));}
.products .product-card-body{min-height:205px;}
.products .product-card-media{background:#f3eee5;}
@media (max-width:900px){.products .shell{width:min(100% - 48px,1040px);}}
@media (max-width:580px){.products .shell{width:calc(100% - 30px);}.products .product-card-body{min-height:0;}}