:root{--ink:#141414;--cyan:#36b9e9;--paper:#f3f1ed;--line:#d9d5ce}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:#fff}a{color:inherit;text-decoration:none}.topline{height:34px;background:var(--cyan);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 max(4vw,24px);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.topline a{font-weight:700}header{height:104px;padding:0 max(4vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #c9e8f3;background:#fafaf7}.brand img{width:210px;height:auto;display:block}nav{display:flex;gap:24px;align-items:center}nav a{color:var(--ink);font-size:12px;letter-spacing:.08em;font-weight:700;position:relative}nav a:hover{color:#67d5f4}.hero{height:660px;position:relative;color:#fff;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.18) 70%)}.herocopy{position:absolute;left:max(7vw,30px);top:50%;transform:translateY(-50%);max-width:760px}.eyebrow{font-size:12px;letter-spacing:.22em;font-weight:800;color:var(--cyan);margin-bottom:18px}.herocopy .eyebrow{color:#67d5f4}.herocopy h1,.catalog h1,.detail h1,.contact h1{font-size:clamp(46px,6.2vw,92px);line-height:.94;letter-spacing:-.055em;margin:0 0 24px;text-transform:uppercase}.herocopy p{font-size:20px;max-width:610px;line-height:1.5;margin:0 0 36px}.cta,.ghost{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;text-transform:uppercase;font-size:12px;letter-spacing:.1em;font-weight:800}.cta{background:var(--cyan);color:#fff}.cta:hover{background:#159bcf}.ghost{border:1px solid rgba(255,255,255,.55);margin-left:10px}.featured,.catalog,.detail,.contact{padding:90px max(6vw,28px)}.sectionhead{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px}.sectionhead h2,.promise h2{font-size:clamp(38px,5vw,64px);letter-spacing:-.04em;margin:0;text-transform:uppercase}.sectionhead>a{font-weight:700;border-bottom:2px solid var(--cyan);padding-bottom:5px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{border:1px solid var(--line);background:#fff;transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0001}.photo{height:360px;position:relative;overflow:hidden;background:#eee}.photo img{width:100%;height:100%;object-fit:cover;transition:.4s}.card:hover .photo img{transform:scale(1.035)}.photo span,.pill{position:absolute;left:18px;top:18px;background:var(--cyan);color:#fff;padding:8px 10px;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.cardcopy{padding:24px}.cardcopy small{text-transform:uppercase;color:#777;font-weight:700;letter-spacing:.12em}.cardcopy h3{font-size:21px;line-height:1.15;text-transform:uppercase;min-height:72px}.cardcopy b{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.cardcopy i{color:var(--cyan);font-style:normal}.promise{background:var(--ink);color:#fff;padding:80px max(6vw,28px);display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.promise strong{color:#36b9e9;text-transform:uppercase;letter-spacing:.12em}.promise p{font-size:20px;line-height:1.7;color:#ccc}.catalog{min-height:650px;background:var(--paper)}.catalog .lead,.detail .lead,.contact .lead{font-size:20px;line-height:1.6;max-width:720px;margin-bottom:45px}.catalog .grid{margin-top:30px}.empty{padding-bottom:180px}.detailgrid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.detailimage{height:650px;background:#eee}.detailimage img{width:100%;height:100%;object-fit:cover}.detail .pill{position:static;display:inline-block;margin-bottom:20px}.detail h1{font-size:clamp(42px,5vw,72px)}.detail ul{line-height:2;margin:0 0 35px;padding-left:20px}.back{display:inline-block;margin-bottom:30px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.contact{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;background:var(--paper)}.contactbox{background:#171717;color:#fff;padding:45px}.contactbox h2{text-transform:uppercase}.contactbox p{line-height:1.7;color:#ccc}.contactbox a{color:#fff}footer{background:#eaf8fd;color:#4c5960;padding:60px max(6vw,28px);display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px}footer img{width:210px}footer>div{display:flex;flex-direction:column;gap:9px}footer strong{color:var(--ink);text-transform:uppercase;letter-spacing:.1em;font-size:12px}footer p{line-height:1.7;margin:4px 0}.whatsapp{position:fixed;right:24px;bottom:24px;background:#25d366;color:#fff;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:24px;box-shadow:0 8px 24px #0003;z-index:10}
@media(max-width:900px){header{height:auto;padding-top:18px;padding-bottom:18px;align-items:flex-start}.brand img{width:160px}nav{max-width:55%;flex-wrap:wrap;gap:12px 18px}.hero{height:600px}.grid{grid-template-columns:repeat(2,1fr)}.detailgrid,.contact,.promise{grid-template-columns:1fr}.detailimage{height:500px}footer{grid-template-columns:1fr 1fr}.photo{height:320px}}
@media(max-width:600px){.topline span{display:none}.topline{justify-content:center}header{display:block}.brand img{margin:auto}nav{max-width:none;margin-top:18px;justify-content:center}nav a{font-size:10px}.hero{height:580px}.herocopy h1,.catalog h1,.detail h1,.contact h1{font-size:42px}.herocopy p{font-size:17px}.ghost{margin:10px 0 0}.featured,.catalog,.detail,.contact{padding:65px 20px}.grid{grid-template-columns:1fr}.photo{height:380px}.promise{padding:65px 20px;gap:20px}.detailgrid{gap:30px}.detailimage{height:420px}footer{grid-template-columns:1fr}.sectionhead{align-items:flex-start;gap:15px;flex-direction:column}}
header nav{position:relative;z-index:20}
header nav a{display:block;padding:12px 0;cursor:pointer;pointer-events:auto}
header nav a:hover,header nav a:focus-visible{color:#67d5f4;outline:none}
.supplies .photo{background:#fff;padding:26px}.supplies .photo img{object-fit:contain}.supplies .cardcopy h3{min-height:auto}.supplies .grid{grid-template-columns:repeat(4,1fr)}
@media(max-width:1050px){.supplies .grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:750px){.supplies .grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:500px){.supplies .grid{grid-template-columns:1fr}}