:root{ --text:#25211d; --gray:#6b6259; --border:#ded8cf; --bg:#fbfaf7; --white:#fffdf9; --accent:#b36c52; --gold:#c89b4b; --dark:#22211f; } *{box-sizing:border-box} html{ overflow-x:hidden; scroll-padding-top:90px } body{ margin:0; font-family:Inter,Arial,sans-serif; color:var(--text); background:var(--bg); line-height:1.6; overflow-x:hidden } a{ color:inherit; text-decoration:none } img,video{ max-width:100% } /* ===== GLOBAL HEADER ===== */ #cornovo-global-header{ position:sticky; top:0; z-index:9999; width:100%; min-height:78px; padding:14px max(24px,calc((100vw - 1180px)/2)); display:flex; align-items:center; justify-content:space-between; background:rgba(255,253,249,.96); border-bottom:1px solid var(--border); backdrop-filter:blur(10px) } .cgh-brand{ display:flex; align-items:center; gap:12px } .cgh-mark{ width:42px; height:42px; display:grid; place-items:center; border-radius:10px; background:#171717; color:#fff; font-weight:800 } .cgh-brand strong{ display:block; font-size:17px; letter-spacing:.15em; color:#6564ad } .cgh-brand small{ display:block; margin-top:5px; font-size:11px; color:#7b746d } .cgh-nav{ display:flex; gap:28px; font-size:14px; font-weight:700 } .cgh-nav a{ color:#56549a } .cgh-nav a:hover{ color:var(--accent) } .cgh-quote{ border:0; padding:13px 20px; border-radius:9px; background:#2d2823; color:white; font-weight:700 } .cgh-menu{ display:none } /* ===== MAIN ===== */ .cornovo-home-live{ width:100%; overflow:hidden } main>section{ padding:76px 5vw; border-bottom:1px solid var(--border) } main>section>*{ width:94%; max-width:1180px; margin:auto } h1,h2,h3{ line-height:1.15; margin:0 } h1{ font-size:clamp(32px,4vw,52px) } h2{ font-size:clamp(32px,4vw,50px) } h3{ font-size:20px } p{ color:var(--gray) } .eyebrow{ font-size:13px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--accent); margin-bottom:12px } /* ===== BUTTON ===== */ .btn{ display:inline-flex; align-items:center; justify-content:center; height:46px; padding:0 20px; border-radius:8px; background:#29241f; color:white; font-weight:700; border:1px solid #29241f } .btn.alt{ background:white; color:#29241f; border-color:var(--border) } .btn.light{ background:#fffaf0; color:#29241f } .cta-row{ display:flex; gap:14px; flex-wrap:wrap } /* ===== HERO ===== */ .hero{ display:grid; grid-template-columns:1.05fr .95fr; gap:40px; align-items:center; padding-top:50px } .lead{ font-size:18px; max-width:680px; margin:20px 0 28px } .visual{ height:clamp(360px,34vw,420px); aspect-ratio:4/3; border-radius:10px; background:url("https://cornovohome.com/wp-content/uploads/2026/07/article-soft-home-collection.jpg") center/cover; position:relative; overflow:hidden } .visual-card{ position:absolute; top:18px; left:18px; right:18px; padding:16px; background:rgba(255,253,249,.94); border-radius:8px; box-shadow:0 10px 28px rgba(0,0,0,.12) }/* ===== GRID ===== */ .grid-4{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px } .grid-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px } .card{ background:var(--white); border:1px solid var(--border); border-radius:10px; overflow:hidden } .card-body{ padding:20px } .card p{ margin-top:10px } .tagline{ font-size:13px; font-weight:800; color:var(--accent); text-transform:uppercase; letter-spacing:.08em } .mini-cta{ display:inline-flex; margin-top:18px; font-weight:800; color:var(--accent) } /* ===== TRUST ===== */ .trust{ display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:30px } .trust div{ background:white; border:1px solid var(--border); padding:16px; border-radius:8px; font-size:13px; color:var(--gray) } .trust strong{ display:block; color:var(--text); font-size:16px; margin-bottom:8px } /* ===== DIRECTORY ===== */ .directory-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px } .directory-item{ background:var(--white); border:1px solid var(--border); border-radius:10px; overflow:hidden } .directory-image{ height:150px; background:center/cover no-repeat } .directory-copy{ padding:18px } .directory-copy span{ font-size:20px; font-weight:800; color:var(--accent) } .directory-copy p{ font-size:14px } /* ===== CONVERSION ===== */ .conversion-strip{ display:grid; grid-template-columns:1fr auto; gap:24px; align-items:center; padding:26px; margin-top:30px; border-radius:10px; background:#29241f; color:white } .conversion-strip p{ color:#e7ddd0 } /* ===== TREND ===== */ .trend-board{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px } .trend-card{ background:var(--white); border:1px solid var(--border); border-radius:10px; overflow:hidden } .palette{ height:150px; background-size:cover; background-position:center } .trend-card ul{ color:var(--gray); padding-left:18px } /* ===== ABOUT ===== */ .about-panel{ display:grid; grid-template-columns:1fr 1fr; gap:40px } .about-intro{ background:#29241f; color:white; padding:32px; border-radius:10px } .about-intro p{ color:#e7ddd0 } .about-stats{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:25px } .about-stats div{ padding:15px; border:1px solid rgba(255,255,255,.2); border-radius:8px; font-size:13px } .capability-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:15px } .capability-card{ background:white; border:1px solid var(--border); border-radius:10px; padding:22px } .capability-card span{ color:var(--accent); font-weight:800; font-size:13px } /* ===== PROCESS ===== */ .band{ background:#312b25; color:white; border-radius:10px } .process{ display:grid; grid-template-columns:repeat(5,1fr); gap:14px } .process article{ border:1px solid rgba(255,255,255,.25); padding:20px; border-radius:8px } .process p{ color:#e7ddd0 } /* ===== ACTION PANEL ===== */ .action-panel{ display:grid; grid-template-columns:1fr 1fr; gap:30px; padding:35px; background:#29241f; border-radius:10px; color:white } .action-panel p{ color:#e7ddd0 } .action-list{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px } .action-list div{ padding:16px; border:1px solid rgba(255,255,255,.2); border-radius:8px; color:#e7ddd0 } /* ===== FORM ===== */ .inquiry-form{ display:grid; grid-template-columns:repeat(2,1fr); gap:14px; background:white; padding:25px; border-radius:10px } input, select, textarea{ width:100%; padding:13px; border:1px solid var(--border); border-radius:7px; font:inherit } textarea{ grid-column:1/-1; min-height:120px } .inquiry-form button{ grid-column:1/-1 } /* ===== PROOF ===== */ .proof-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px } .proof-card{ min-height:240px; padding:20px; display:flex; flex-direction:column; justify-content:end; border-radius:10px; color:white; background: linear-gradient(transparent,rgba(0,0,0,.7)), var(--proof-image) center/cover } .proof-card p{ color:#eee }/* ===== FOOTER ===== */ #cornovo-global-footer{ background:#25211d; color:#f6f0e8; padding:60px 6vw 30px } .cgf-grid{ display:grid; grid-template-columns:1.3fr 1fr 1fr 1.2fr; gap:40px; max-width:1180px; margin:auto } .cgf-brand{ font-size:20px; letter-spacing:.15em; margin-bottom:15px } .cgf-copy{ color:#bfb5aa; font-size:14px } .cgf-title{ font-size:13px; text-transform:uppercase; margin-bottom:15px } .cgf-links{ display:grid; gap:10px; font-size:14px } .cgf-social{ display:flex; flex-wrap:wrap; gap:10px } .cgf-social a{ border:1px solid #5e554d; padding:8px 12px; border-radius:6px; font-size:12px } .cgf-bottom{ max-width:1180px; margin:35px auto 0; padding-top:18px; border-top:1px solid #49423b; display:flex; justify-content:space-between; font-size:12px; color:#9f958b } /* ===== FLOAT INQUIRY ===== */ .sticky-inquiry{ position:fixed; right:20px; bottom:20px; z-index:999; display:grid; gap:10px } .sticky-inquiry a{ background:#29241f; color:white; padding:12px 18px; border-radius:8px; font-weight:700; font-size:13px } .sticky-inquiry .secondary{ background:white; color:#29241f; border:1px solid var(--border) } /* ===== MODAL ===== */ #cornovo-inquiry-modal{ display:none; position:fixed; inset:0; z-index:10000; background:rgba(0,0,0,.65); align-items:center; justify-content:center; padding:20px } #cornovo-inquiry-modal.is-open{ display:flex } .cim-panel{ width:min(620px,100%); background:#fffdf9; padding:32px; border-radius:12px; box-shadow:0 20px 60px rgba(0,0,0,.3) } .cim-close{ float:right; border:0; background:none; font-size:22px } .cim-ey{ font-size:12px; font-weight:800; color:var(--accent) } .cim-panel h2{ margin:15px 0 } .cim-grid{ display:grid; grid-template-columns:1fr 1fr; gap:12px } .cim-grid textarea{ grid-column:1/-1 } /* ===== TABLET ===== */ @media(max-width:980px){ .cgh-nav{ display:none } .cgh-menu{ display:block } .hero, .about-panel, .action-panel{ grid-template-columns:1fr } .grid-4, .directory-grid, .trend-board, .proof-grid{ grid-template-columns:repeat(2,1fr) } .process{ grid-template-columns:repeat(2,1fr) } .cgf-grid{ grid-template-columns:repeat(2,1fr) } } /* ===== MOBILE ===== */ @media(max-width:620px){ #cornovo-global-header{ padding:10px 16px; min-height:68px } .cgh-brand strong{ font-size:15px } .cgh-brand small{ display:none } .cgh-mark{ width:38px; height:38px } main>section{ padding:45px 16px } .hero, .grid-4, .grid-3, .directory-grid, .trend-board, .proof-grid, .process, .inquiry-form, .cgf-grid, .action-list, .about-stats, .capability-grid{ grid-template-columns:1fr } .visual{ height:300px } .conversion-strip{ grid-template-columns:1fr } .cim-grid{ grid-template-columns:1fr } .sticky-inquiry{ display:none } .cgf-bottom{ display:block } }