:root{--bg: #efe9de;--surface: #f8f4ee;--ink: #252018;--ink-soft: #5f5545;--accent: #2f4f43;--accent-light: #3e6858;--line: rgba(50, 42, 30, .12);--shadow: 0 16px 40px rgba(28, 23, 16, .12);--radius: 16px}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:DM Sans,sans-serif;color:var(--ink);background:radial-gradient(800px 320px at 10% -5%,rgba(79,120,101,.16),transparent 55%),radial-gradient(600px 260px at 90% -15%,rgba(117,93,64,.16),transparent 55%),var(--bg);line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(1120px,92%);margin:0 auto}.site-shell{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.site-header{position:sticky;top:0;z-index:25;background:#f8f4eee6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav-wrap{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:inline-flex;align-items:center;gap:12px;font-family:Cinzel,serif;letter-spacing:.06em;font-weight:700}.brand img{width:48px;height:48px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.site-nav{display:flex;align-items:center;gap:14px}.site-nav a{font-weight:600;color:var(--ink-soft);padding:8px 12px;border-radius:10px;transition:.18s ease}.site-nav a:hover,.site-nav a.active{color:var(--accent);background:#2f4f431a}.hero{min-height:82vh;position:relative;overflow:hidden;background-image:url(/assets/jecc-20260207T192254Z-1-001/jecc/_1209951.jpg);background-size:cover;background-position:center;display:grid;align-items:center}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,#121e1cc7,#121e1c33 60%),linear-gradient(180deg,#00000059,#0003)}.hero-content{position:relative;z-index:1;color:#f6f0e7;padding:64px 0;animation:rise .8s ease both}.eyebrow{margin:0;letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;font-weight:700;opacity:.88}h1,h2,h3{margin:0 0 10px;font-family:Cinzel,serif;line-height:1.2}h1{max-width:800px;font-size:clamp(2rem,4.5vw,3.8rem);margin-top:16px}h2{font-size:clamp(1.5rem,2.8vw,2.2rem)}.hero-copy{max-width:640px;margin:0 0 26px;font-size:clamp(1rem,2vw,1.12rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-block;padding:12px 22px;border-radius:999px;font-weight:700;background:var(--accent);color:#f6f0e7;border:1px solid transparent;transition:transform .2s ease,background .2s ease}.button:hover{background:var(--accent-light);transform:translateY(-2px)}.button-outline{background:transparent;border-color:var(--accent);color:var(--accent)}.button-outline:hover{background:#2f4f431a}.light-outline{border-color:#f6f0e7cc;color:#f6f0e7}.light-outline:hover{background:#f6f0e729}.section{padding:clamp(56px,8vw,96px) 0}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:26px}.category-card{padding:22px;background:linear-gradient(145deg,#fffc,#ffffff73);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.category-card h3{font-size:1.2rem;margin-bottom:8px}.category-card p{margin:0;color:var(--ink-soft)}.brand-band{padding-top:0}.split{border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,4vw,40px);background:linear-gradient(120deg,#2f4f4314,#42311d14);display:flex;align-items:center;justify-content:space-between;gap:20px}.split p{margin:0;color:var(--ink-soft)}.catalog-hero{padding-bottom:10px}.catalog-hero p{margin:0;color:var(--ink-soft)}.catalog-controls-wrap{padding-top:0;padding-bottom:30px}.catalog-controls{display:flex;gap:14px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.filters{display:flex;gap:10px;flex-wrap:wrap}.chip{border:1px solid var(--line);border-radius:999px;padding:8px 14px;background:#ffffffb3;color:var(--ink-soft);font-weight:600;cursor:pointer}.chip:hover{color:var(--accent)}.chip.active{border-color:var(--accent);background:#2f4f431f;color:var(--accent)}.search-wrap input{width:min(280px,82vw);padding:10px 14px;border-radius:12px;border:1px solid var(--line);font:inherit;color:var(--ink);background:#fffc}.search-wrap input:focus{outline:2px solid rgba(47,79,67,.24);border-color:var(--accent)}.results-text{margin-top:14px;margin-bottom:0;color:var(--ink-soft);font-weight:600}.catalog-section{padding-top:0}.catalog-grid{columns:4 220px;column-gap:14px}.catalog-item{break-inside:avoid;margin-bottom:14px;overflow:hidden;border-radius:14px;background:#ddd;border:1px solid rgba(26,22,16,.12);box-shadow:var(--shadow)}.catalog-item img{width:100%;height:auto;transition:transform .26s ease}.catalog-item:hover img{transform:scale(1.03)}.catalog-item figcaption{padding:8px 10px;font-size:.84rem;background:#f8f4eef5;color:var(--ink-soft);display:flex;align-items:center;justify-content:space-between;gap:10px}.catalog-item figcaption small{color:var(--accent);font-weight:700;text-wrap:nowrap}.empty-state{margin-top:20px;padding:14px;border:1px dashed var(--line);border-radius:12px;color:var(--ink-soft)}.inquiry-band{padding-top:10px}.contact-section h1{margin-top:10px}.contact-intro{margin:0;color:var(--ink-soft)}.contact-grid{margin-top:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.contact-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.contact-card h2{font-size:1.35rem}.contact-card a{display:block;margin-top:8px;color:var(--accent);font-weight:700;overflow-wrap:anywhere}.contact-card a:hover{color:var(--accent-light)}.contact-actions{margin-top:22px}.site-footer{border-top:1px solid var(--line);padding:22px 0;text-align:center;color:var(--ink-soft)}.whatsapp-fab{position:fixed;right:18px;bottom:18px;z-index:28;padding:10px 16px;border-radius:999px;background:#1f8f5e;color:#fff;font-weight:700;box-shadow:0 12px 30px #13533859}.whatsapp-fab:hover{background:#156f49}.reveal{animation:rise .7s ease both}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 980px){.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.nav-wrap{flex-direction:column;justify-content:center;padding:10px 0 12px}.site-nav{width:100%;justify-content:center;flex-wrap:wrap}.hero{min-height:68vh}.split{flex-direction:column;align-items:flex-start}.contact-grid,.category-grid{grid-template-columns:1fr}.catalog-item figcaption{flex-direction:column;align-items:flex-start}.whatsapp-fab{right:12px;bottom:12px;font-size:.92rem}}