:root { --ink:#101719; --muted:#667170; --line:#dbe2df; --paper:#f4f5f0; --white:#fff; --orange:#f7a900; --orange-dark:#d98200; --blue:#1c6278; --deep:#0e292f; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Arial,"Helvetica Neue",sans-serif; }
a { color:inherit; text-decoration:none; }
.site-header { align-items:center; background:rgba(244,245,240,.94); border-bottom:1px solid var(--line); display:flex; justify-content:space-between; padding:22px 6vw; position:sticky; top:0; z-index:5; backdrop-filter:blur(14px); }
.brand { align-items:center; display:flex; gap:11px; letter-spacing:.04em; }.brand-mark { color:var(--orange-dark); font-family:Georgia,serif; font-size:24px; font-weight:800; letter-spacing:-.1em; }.brand b { display:block; font-size:16px; letter-spacing:.16em; }.brand small { color:var(--muted); display:block; font-size:8px; letter-spacing:.12em; margin-top:3px; }
nav { align-items:center; display:flex; gap:28px; font-size:12px; font-weight:700; }nav a:hover { color:var(--orange-dark); }.nav-contact { border:1px solid var(--ink); border-radius:999px; padding:10px 16px; }
.hero { display:grid; grid-template-columns:1fr 1fr; min-height:700px; }.hero-copy { align-self:center; padding:100px 8vw 90px 10vw; }.eyebrow,.section-label,.tag { color:var(--orange-dark); font-size:10px; font-weight:800; letter-spacing:.16em; }.hero h1 { font-size:clamp(50px,7vw,96px); letter-spacing:-.08em; line-height:.93; margin:25px 0; }.hero h1 em { color:var(--blue); font-family:Georgia,serif; font-weight:400; letter-spacing:-.07em; }.hero-lead { color:var(--muted); font-size:18px; line-height:1.65; max-width:520px; }.hero-actions { align-items:center; display:flex; gap:24px; margin:34px 0 60px; }.button { border-radius:999px; display:inline-block; font-size:12px; font-weight:800; padding:16px 22px; }.primary { background:var(--ink); color:white; }.text-link { font-size:12px; font-weight:800; }.text-link span,.email span { color:var(--orange-dark); font-size:18px; margin-left:8px; }.hero-facts { border-top:1px solid var(--line); display:flex; gap:38px; padding-top:22px; }.hero-facts div { display:grid; gap:6px; }.hero-facts strong { font-size:18px; }.hero-facts span { color:var(--muted); font-size:10px; line-height:1.3; max-width:88px; }.hero-visual { min-height:700px; overflow:hidden; position:relative; }.hero-visual:after { background:linear-gradient(0deg,rgba(10,28,31,.7),transparent 55%); content:""; inset:0; position:absolute; }.hero-visual img { height:100%; object-fit:cover; width:100%; }.image-caption { bottom:42px; color:white; left:44px; position:absolute; z-index:1; }.image-caption span { display:block; font-size:10px; font-weight:800; letter-spacing:.18em; margin-bottom:9px; }.image-caption b { font-size:20px; font-weight:500; }
.section { padding:120px 10vw; }.intro { background:var(--white); }.intro-grid,.dark-grid { display:grid; gap:8vw; grid-template-columns:1fr 1fr; }.section h2 { font-size:clamp(36px,5vw,68px); letter-spacing:-.08em; line-height:.98; margin:28px 0 0; }.intro-grid p,.section-head > p { color:var(--muted); font-size:16px; line-height:1.75; max-width:520px; }.intro-grid p + p { margin-top:22px; }
.products { background:#e9eeea; }.section-head { align-items:end; display:flex; justify-content:space-between; margin-bottom:52px; }.section-head h2 { margin-bottom:0; }.section-head > p { margin:0; max-width:320px; }.product-grid { display:grid; gap:18px; grid-template-columns:1.25fr 1fr 1fr; }.product-card { background:var(--white); min-height:500px; }.product-card img { display:block; height:245px; object-fit:cover; width:100%; }.product-card.featured img { height:275px; }.product-content { padding:28px; }.product-content h3 { font-size:25px; letter-spacing:-.05em; margin:17px 0 12px; }.product-content p { color:var(--muted); font-size:14px; line-height:1.65; min-height:70px; }.product-content a { font-size:12px; font-weight:800; }.product-content a span { color:var(--orange-dark); font-size:18px; margin-left:7px; }
.dark-section { background:var(--deep); color:white; }.dark-section .section-label { color:var(--orange); }.dark-grid h2 { color:#f5f1e7; }.principles { border-top:1px solid #315059; }.principles > div { align-items:flex-start; border-bottom:1px solid #315059; display:flex; gap:24px; padding:24px 0; }.principles > div > span { color:var(--orange); font-size:11px; }.principles h3 { font-size:19px; margin:0 0 7px; }.principles p { color:#a9bab8; font-size:13px; line-height:1.6; margin:0; }
.catalogues { background:var(--white); }.download-list { border-top:1px solid var(--line); }.download-list a { align-items:center; border-bottom:1px solid var(--line); display:grid; gap:20px; grid-template-columns:1fr 160px 25px; padding:22px 4px; }.download-list a:hover { color:var(--orange-dark); }.download-list span { font-size:18px; font-weight:700; }.download-list small { color:var(--muted); }.download-list b { color:var(--orange-dark); font-size:20px; }
.contact { background:var(--orange); }.contact-panel { display:grid; gap:8vw; grid-template-columns:1fr 1fr; }.contact .section-label { color:var(--deep); }.contact h2 { color:var(--deep); }.contact-details { align-self:end; }.contact-details p { color:#5f4100; font-size:15px; line-height:1.65; max-width:390px; }.email { border-bottom:2px solid var(--deep); display:inline-block; font-family:Georgia,serif; font-size:clamp(25px,3vw,42px); padding-bottom:9px; }.address { font-size:13px!important; margin-top:34px; }
footer { align-items:center; background:var(--paper); display:flex; justify-content:space-between; padding:28px 6vw; }.footer-brand { align-items:center; display:flex; gap:10px; }.footer-brand b { font-size:13px; letter-spacing:.16em; }.footer-meta { align-items:center; color:var(--muted); display:flex; font-size:9px; gap:20px; letter-spacing:.06em; }.footer-meta a { color:var(--blue); }
@media (max-width:850px) { .site-header { padding:18px 6vw; }.site-header nav a:not(.nav-contact) { display:none; }.hero { display:block; }.hero-copy { padding:75px 7vw; }.hero-visual { min-height:430px; }.hero-facts { gap:20px; }.section { padding:80px 7vw; }.intro-grid,.dark-grid,.contact-panel,.product-grid { grid-template-columns:1fr; }.section-head { align-items:start; display:block; }.section-head > p { margin-top:20px; }.product-card,.product-card.featured { min-height:0; }.product-card img,.product-card.featured img { height:260px; }.download-list a { gap:10px; grid-template-columns:1fr 25px; }.download-list small { display:none; }footer { align-items:flex-start; display:block; }.footer-meta { align-items:flex-start; flex-direction:column; gap:8px; margin-top:20px; } }