:root{--forest:#0c3028;--deep:#08241e;--ivory:#f2eadc;--ochre:#bd9143}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--forest);color:var(--ivory);-webkit-font-smoothing:antialiased;margin:0;font-family:Helvetica Neue,Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}main{grid-template-rows:90px 1fr 58px;min-height:100svh;display:grid}header{border-bottom:1px solid #f2eadc2e;justify-content:space-between;align-items:center;padding:0 clamp(24px,5.5vw,82px);display:flex}.brand{align-items:center;gap:14px;display:flex}.brand img{object-fit:contain;width:48px;height:48px}.brand span{flex-direction:column;gap:5px;display:flex}.brand strong{letter-spacing:.13em;font-size:20px}.brand small{color:var(--ochre);letter-spacing:.14em;font-size:8px}.language{letter-spacing:.12em;align-items:center;gap:8px;font-size:10px;display:flex}.language button{color:var(--ivory);cursor:pointer;opacity:.38;background:0 0;border:0;padding:8px 2px}.language button.active{color:var(--ochre);opacity:1}.language span{opacity:.25}.hero{grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);min-height:610px;display:grid}.hero-copy{flex-direction:column;justify-content:center;padding:clamp(68px,9vh,108px) clamp(30px,7vw,108px);display:flex}.label{color:var(--ochre);letter-spacing:.23em;margin:0 0 30px;font-size:11px;font-weight:700}h1{letter-spacing:-.045em;text-wrap:balance;max-width:700px;margin:0;font-size:clamp(54px,6vw,88px);line-height:.98}.lang-de h1{letter-spacing:-.04em;max-width:760px;font-size:clamp(48px,5.2vw,76px);line-height:1.02}.trade{color:#f2eadca3;text-transform:uppercase;letter-spacing:.15em;margin:32px 0 0;font-size:12px}.region{color:var(--ochre);text-transform:uppercase;letter-spacing:.14em;margin:12px 0 0;font-size:10px;font-weight:600}.contact{border-top:1px solid var(--ochre);border-bottom:1px solid #f2eadc40;grid-template-columns:1fr auto auto;align-items:center;gap:25px;width:min(100%,520px);margin-top:42px;padding:21px 0;display:grid}.contact span{color:var(--ochre);text-transform:uppercase;letter-spacing:.15em;font-size:10px}.contact strong{letter-spacing:.02em;font-size:15px;font-weight:400}.contact b{color:var(--ochre);font-size:19px;font-weight:400;transition:transform .2s}.contact:hover b{transform:translate(3px,-3px)}.hero-mark{border-left:1px solid var(--ochre);background:#0a2a23;place-items:center;display:grid;position:relative;overflow:hidden}.hero-mark:before{content:"";border:1px solid #bd914329;position:absolute;inset:9%}.rule{background:var(--ochre);width:38%;height:1px;position:absolute;top:12%;right:0}.equipment-mosaic{z-index:1;background:#f2eadc14;border:1px solid #bd91437a;grid-template-columns:repeat(2,1fr);gap:8px;width:min(76%,390px);padding:8px;display:grid;position:relative;box-shadow:0 22px 44px #0000002e}.equipment-tile{aspect-ratio:4/3;background-image:url(/varano-equipment-sketches.png);background-repeat:no-repeat;background-size:400% 200%;background-color:var(--ivory);border:1px solid #bd914338;position:relative;overflow:hidden}.equipment-tile:first-child{background-position:0 0}.equipment-tile:nth-child(2){background-position:33.333% 0}.equipment-tile:nth-child(3){background-position:66.666% 0}.equipment-tile:nth-child(4){background-position:100% 0}.equipment-tile:nth-child(5){background-position:0 100%}.equipment-tile:nth-child(6){background-position:33.333% 100%}.equipment-tile:nth-child(7){background-position:66.666% 100%}.equipment-tile:nth-child(8){background-position:100% 100%}footer{color:#f2eadc7a;text-transform:uppercase;letter-spacing:.16em;border-top:1px solid #f2eadc2e;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:0 clamp(24px,5.5vw,82px);font-size:10px;display:grid;position:relative}footer .location{color:#bd9143d1;text-align:center}footer span:last-child{justify-self:end}@media (max-width:760px){main{grid-template-rows:76px auto 82px}header{padding:0 max(22px, env(safe-area-inset-right)) 0 max(22px, env(safe-area-inset-left));flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.brand{gap:9px;min-width:0}.brand img{flex:none;width:36px;height:36px}.brand strong{letter-spacing:.12em;font-size:15px}.brand small{display:none}.language{letter-spacing:.08em;flex:none;justify-content:flex-end;gap:2px;font-size:9px}.language button{min-width:26px;min-height:34px;padding:7px 2px}.language span{margin:0}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{min-height:0;padding:48px max(22px, env(safe-area-inset-right)) 40px max(22px, env(safe-area-inset-left));justify-content:flex-start}.label{letter-spacing:.18em;margin-bottom:19px;font-size:9px;line-height:1.4}h1{overflow-wrap:break-word;font-size:clamp(38px,11.5vw,48px);line-height:1.02}.lang-de h1{font-size:clamp(33px,8.9vw,38px);line-height:1.06}.trade{letter-spacing:.1em;margin-top:25px;font-size:10px;line-height:1.55}.region{letter-spacing:.1em;margin-top:10px;font-size:9px;line-height:1.45}.contact{grid-template-columns:1fr auto;gap:16px}.contact span{grid-column:1/-1}.contact{margin-top:29px;padding:17px 0}.contact strong{font-size:14px}.hero-mark{border-top:1px solid #f2eadc2e;border-left:0;min-height:210px}.hero-mark:before,.hero-mark .rule{display:none}.equipment-mosaic{grid-template-columns:repeat(4,1fr);gap:4px;width:min(100% - 44px,520px);padding:5px}footer{padding:12px max(22px, env(safe-area-inset-right)) 10px max(22px, env(safe-area-inset-left));grid-template-rows:auto auto;grid-template-columns:1fr auto;gap:7px 12px;font-size:9px}footer .location{grid-area:1/1/auto/-1;justify-self:center}footer span:first-child{grid-area:2/1}footer span:last-child{grid-area:2/2}}@media (max-width:360px){header,.brand{gap:8px}.brand img{width:34px;height:34px}.brand strong{font-size:14px}.language button{min-width:24px}h1{font-size:38px}.lang-de h1{font-size:32px}.region{font-size:9px}footer{font-size:8px}.contact strong{font-size:13px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}