/*
Theme Name: InnovaGlee
Author: InnovaGlee
Description: Bilingual InnovaGlee brand website with official artwork, ecommerce lifestyle imagery and direct business contact.
Version: 3.0.2
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: innovaglee
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--coral:#C25A36;--graphite:#1E2124;--ivory:#F6F3EC;--muted:#61625f;--line:#dedbd4;--white:#fff;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;color:var(--graphite);background:var(--ivory);font-family:Manrope,Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:inherit;text-underline-offset:5px}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--coral);outline-offset:5px}h1,h2,h3{font-family:'Space Grotesk',Arial,sans-serif;font-weight:500;line-height:1.08;letter-spacing:-.045em;margin:0 0 24px}h1{font-size:clamp(44px,5.4vw,76px)}h2{font-size:clamp(34px,4vw,55px)}h3{font-size:25px;letter-spacing:-.025em}p{margin:0 0 22px}.wrap{width:min(var(--max),calc(100% - 80px));margin-inline:auto}.skip-link{position:absolute;left:20px;top:-100px;z-index:100;background:white;padding:12px}.skip-link:focus{top:10px}.site-header{background:var(--ivory);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{min-height:106px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:block;flex-shrink:0;width:175px}.brand img{width:175px;height:88px;object-fit:contain}.nav{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:650}.nav a{text-decoration:none}.nav a:hover{color:var(--coral)}.nav .nav-contact{padding:11px 18px;border:1px solid var(--graphite);border-radius:5px}.languages{display:flex;gap:10px;margin-left:8px}.languages [aria-current]{border-bottom:2px solid var(--coral)}.menu-toggle{background:transparent;border:1px solid var(--line);padding:8px 14px;border-radius:5px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:800;margin:0 0 24px}.hero{padding:56px 0 58px;display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:center}.hero-copy{padding:24px 0}.hero h1 em{font-style:normal;color:var(--coral)}.hero .lead{font-size:19px;max-width:420px;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--coral);color:#fff;border:0;border-radius:5px;padding:15px 23px;font-size:14px;font-weight:750;line-height:1.5;text-decoration:none;cursor:pointer;min-height:50px}.button:hover{background:#a54728}.text-link{font-size:14px;font-weight:700;padding:12px 0;text-decoration:none;border-bottom:1px solid var(--graphite)}.hero-visual{margin:0;position:relative}.hero-visual>img{width:100%;height:590px;object-fit:cover;object-position:44% center;border-radius:12px}.image-label{position:absolute;bottom:22px;left:22px;right:22px;background:var(--ivory);padding:18px 22px;border-radius:6px;font-family:'Space Grotesk',sans-serif;font-size:18px;display:flex;justify-content:space-between;gap:15px}.image-label span:last-child{color:var(--coral)}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;gap:28px}.principles div{display:flex;gap:15px;align-items:center;font-size:14px}.principles b{color:var(--coral);font-weight:500;font-family:'Space Grotesk';font-size:15px}.section{padding:100px 0}.section-head{max-width:630px;margin-bottom:40px}.section-head p:last-child{color:var(--muted);font-size:17px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.value{border-top:1px solid var(--graphite);padding:25px 16px 0 0}.value .number{color:var(--coral);font-size:13px;margin-bottom:35px}.value h3{margin-bottom:14px}.value p{font-size:15px;color:var(--muted)}.story{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}.story-image{margin:0}.story-image img{border-radius:10px;aspect-ratio:1.1;object-fit:cover}.story-copy p{color:var(--muted)}.story-copy .eyebrow{color:var(--graphite)}.story-caption{font-size:11px;color:var(--muted);margin-top:10px}.business{background:var(--graphite);color:var(--ivory);padding:80px 0}.business-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:start}.business p{color:#d1d0cb;max-width:560px}.business .eyebrow{color:#e79578}.business-points{list-style:none;margin:0;padding:0}.business-points li{border-bottom:1px solid #555754;padding:19px 0;font-size:15px;display:flex;justify-content:space-between;gap:15px}.business-points span{color:#e79578}.business .button{margin-top:10px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-grid .intro{color:var(--muted);max-width:450px}.contact-links{margin-top:30px}.contact-link{display:flex;align-items:center;gap:16px;border-top:1px solid var(--line);padding:21px 0;text-decoration:none}.contact-link svg{width:24px;height:24px;flex:none;fill:currentColor}.contact-link small{display:block;color:var(--muted);font-size:12px}.contact-link strong{font-size:16px;font-weight:650;overflow-wrap:anywhere}.contact-link:hover strong{color:var(--coral)}.contact-form{padding:32px;background:#ede9e0;border-radius:10px}.contact-form label{display:block;font-size:13px;font-weight:700;margin-bottom:7px}.contact-form input,.contact-form textarea{width:100%;background:var(--ivory);border:1px solid #a9a69f;border-radius:4px;color:var(--graphite);padding:12px;margin-bottom:20px}.contact-form textarea{resize:vertical;min-height:130px}.contact-form .small{font-size:12px;color:var(--muted);margin-bottom:18px}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.notice{padding:14px;border:1px solid var(--coral);border-radius:5px;font-size:14px}.site-footer{border-top:1px solid var(--line);padding:38px 0 24px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-logo{width:205px}.footer-copy{font-size:14px;max-width:350px}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;margin-top:24px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}.footer-links{display:flex;flex-wrap:wrap;gap:20px}.content-shell{width:min(900px,calc(100% - 40px));margin:70px auto;min-height:45vh}.content-shell article{margin-bottom:50px}.content-shell h1{font-size:48px}.content-shell img{height:auto}.content-shell table{max-width:100%}.alignwide{max-width:100%}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.admin-bar .site-header{top:32px}
@media(min-width:901px){.menu-toggle{display:none!important}}
@media(max-width:1100px){.nav{gap:16px;font-size:12px}.hero{gap:30px}.hero-visual>img{height:540px}.story,.contact-grid,.business-grid{gap:40px}}
@media(max-width:900px){.wrap{width:calc(100% - 40px)}.header-inner{min-height:86px;flex-wrap:wrap;gap:0}.brand,.brand img{width:148px}.brand img{height:78px}.nav{width:100%;flex-wrap:wrap;padding:18px 0;gap:20px}.js .nav{display:none}.js .nav.is-open{display:flex}.hero{grid-template-columns:1fr;gap:24px;padding-top:28px}.hero-copy{max-width:600px}.hero h1{font-size:clamp(44px,8vw,70px)}.hero .lead{max-width:540px}.hero-visual>img{height:auto;aspect-ratio:1.35;object-position:center}.section{padding:65px 0}.story,.contact-grid,.business-grid{grid-template-columns:1fr;gap:35px}.story-image img{aspect-ratio:1.5}.business{padding:60px 0}.business-points{max-width:100%}.principles{gap:15px}.principles div{font-size:12px;align-items:flex-start}.values{gap:18px}.contact-form{padding:25px}.footer-top{align-items:flex-start}.admin-bar .site-header{top:32px}}
@media(max-width:560px){h1{letter-spacing:-.05em}h2{font-size:36px}.hero{padding-bottom:35px}.hero .lead{font-size:17px}.hero h1{font-size:46px}.hero-visual>img{aspect-ratio:1.02;object-position:44% center}.image-label{left:12px;right:12px;bottom:12px;padding:13px;font-size:14px}.eyebrow{font-size:10px}.principles{grid-template-columns:1fr;gap:15px;padding:22px 0}.principles div{font-size:13px}.values{grid-template-columns:1fr;gap:28px}.value .number{margin-bottom:16px}.value{padding-top:20px}.value p{margin-bottom:0}.section-head{margin-bottom:30px}.story-image img{aspect-ratio:1.15}.footer-top,.footer-bottom{flex-direction:column;gap:18px}.footer-top p{margin:0}.footer-logo{width:180px}.footer-bottom{margin-top:25px}.contact-grid{gap:25px}.contact-form{padding:22px}.actions{gap:12px}.nav{flex-direction:column;align-items:stretch}.nav a{padding:9px 0}.languages{margin-left:0}.languages a{padding:8px}.nav .nav-contact{text-align:center}.admin-bar .site-header{top:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.footer-links a{display:inline-flex;gap:6px;align-items:center}.footer-links svg{width:15px;height:15px;fill:currentColor}
.button{background:var(--graphite)}.button:hover{background:#a54728}
.business .button{background:var(--ivory);color:var(--graphite)}.business .button:hover{background:#e7dfd1}
.principles b,.value .number{color:#a54728}.contact-form input,.contact-form textarea{border-color:#807c73}
.languages a{display:inline-flex;min-width:28px;min-height:28px;justify-content:center;align-items:center}
.footer-bottom{font-size:12px}.footer-links a{min-height:28px}
@media(min-width:601px) and (max-width:782px){.admin-bar .site-header{top:46px}}
@media(max-width:600px){.admin-bar .site-header{top:0}}
@media(max-width:900px){.nav.is-open{max-height:calc(100dvh - 100px);overflow-y:auto}.contact-form input,.contact-form textarea{font-size:16px}}
.store-banner{margin:0;background:var(--ivory)}.store-banner>img{width:100%;height:clamp(230px,26vw,390px);object-fit:cover;object-position:center 58%}.banner-caption{background:var(--graphite);color:var(--ivory);padding:14px 0;font-size:13px}.banner-caption .wrap{display:flex;justify-content:space-between;gap:20px}.banner-caption span:first-child{font-weight:700}.banner-caption span:last-child{color:#d6d1c8}.customer-section{background:#eeebe3;margin-top:64px;padding:76px 0}.customer-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:65px;align-items:center}.customer-intro{max-width:570px;color:var(--muted);font-size:17px}.catalog-plans{margin:32px 0 20px}.catalog-plans article{border-top:1px solid #cbc6bc;padding:20px 0 4px}.plan-heading{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px}.plan-heading h3{font-size:22px;margin:0}.status-badge{font-size:10px;letter-spacing:.06em;text-transform:uppercase;border:1px solid #a54728;color:#8d3d23;border-radius:30px;padding:3px 9px;font-weight:800;white-space:nowrap}.catalog-plans p{font-size:14px;color:var(--muted)}.launch-note{font-size:12px;max-width:520px;color:var(--muted)}.customer-image{margin:0;background:var(--ivory);border-radius:10px;overflow:hidden}.customer-image img{width:100%;height:430px;object-fit:cover}.customer-image figcaption{padding:24px}.customer-image figcaption span{font-family:'Space Grotesk',sans-serif;font-size:26px;line-height:1.1;display:block;margin-bottom:12px}.customer-image figcaption small{font-size:11px;color:var(--muted);display:block}.hero-visual>img{object-position:51% center}.hero:lang(es) h1{font-size:clamp(42px,4.6vw,66px)}
@media(max-width:1100px){.customer-grid{gap:35px}.customer-image img{height:400px}}
@media(max-width:900px){.customer-grid{grid-template-columns:1fr}.customer-image{max-width:650px}.customer-image img{height:auto;aspect-ratio:1.5}.customer-section{padding:55px 0;margin-top:44px}.store-banner>img{height:260px}.banner-caption .wrap{gap:12px}.banner-caption{font-size:11px}.hero:lang(es) h1{font-size:clamp(42px,7.5vw,66px)}.story-image img{aspect-ratio:1.5}}
@media(max-width:560px){.store-banner>img{height:215px;object-position:58% center}.banner-caption .wrap{display:block}.banner-caption span:last-child{display:none}.banner-caption{font-size:11px;padding:11px 0}.customer-section{margin-top:32px;padding:45px 0}.customer-grid{gap:32px}.customer-image figcaption{padding:20px}.customer-image figcaption span{font-size:24px}.customer-intro{font-size:15px}.hero:lang(es) h1{font-size:42px}.plan-heading h3{font-size:21px}.catalog-plans p{font-size:14px}.hero-visual>img{object-position:center}.story-image img{aspect-ratio:1.3}}

.nav a:hover,.contact-link:hover strong{color:#a54728}