:root{--charcoal:#2d2a28;--charcoal2:#393431;--wood:#815b3d;--wood2:#a4744d;--cream:#eee7de;--warm:#c9b9a8;--ink:#f4f0ea;--muted:#c8beb4;--black:#141311}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:var(--black);color:var(--ink);overflow:hidden}.grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);width:100vw;height:100vh;gap:2px;background:#171513}.tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem;text-align:center;text-decoration:none;color:var(--ink);overflow:hidden;background:linear-gradient(145deg,#3c3733,#292624);border:0;isolation:isolate}.tile::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 92%,rgba(129,91,61,.22) 92% 94%,transparent 94%);opacity:.45;z-index:-1}.tile::after{content:"";position:absolute;left:14%;right:14%;bottom:0;height:3px;background:linear-gradient(90deg,transparent,var(--wood2),transparent);opacity:.8}.tile:hover,.tile:focus-visible{background:linear-gradient(145deg,#484039,#2c2926);outline:none}.tile:focus-visible{box-shadow:inset 0 0 0 3px var(--wood2)}.tile .rivet{position:absolute;top:20px;right:22px;width:7px;height:7px;border-radius:50%;background:var(--wood2);opacity:.7}.tile .icon{width:clamp(50px,6vw,80px);height:clamp(50px,6vw,80px);stroke:var(--wood2);fill:none;stroke-width:1.35;transition:transform .18s ease}.tile:hover .icon{transform:scale(1.05)}.tile h2{margin:0;font-size:clamp(1.35rem,3vw,2.25rem);letter-spacing:.055em;text-transform:uppercase;font-weight:650}.tile p{margin:0;max-width:390px;font-size:clamp(.85rem,1.05vw,1rem);color:var(--muted);line-height:1.5}.tile .go{margin-top:.35rem;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:750;color:#d1a57f}@media(max-width:900px){.grid{grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}.tile{padding:1rem;gap:.45rem}.tile .icon{width:clamp(36px,6vh,52px);height:clamp(36px,6vh,52px)}.tile h2{font-size:clamp(1.05rem,4vw,1.55rem)}.tile p{font-size:.8rem}}
/* Voltmann brand header */
.brandbar{height:84px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#302c29,#252321);border-bottom:1px solid rgba(164,116,77,.55);padding:10px 22px}.brand-logo{display:block;width:min(300px,42vw);height:58px;object-fit:contain}.grid{height:calc(100vh - 84px)}
@media(max-width:700px){.brandbar{height:62px;padding:6px 14px}.brand-logo{height:46px;width:min(240px,62vw)}.grid{height:calc(100vh - 62px)}}