
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#172425;background:#f5f5ee;font:16px/1.5 Arial,sans-serif}header,main,footer{width:min(1160px,90%);margin:auto}header,footer,.line{display:flex;align-items:center;justify-content:space-between;gap:18px}header{height:84px;border-bottom:1px solid #aeb5ae}.brand{display:block;width:144px;height:64px;overflow:hidden;mix-blend-mode:multiply}.brand img{display:block;width:144px;height:144px;transform:translateY(-41px)}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #9ba9a3;background:transparent;padding:4px 10px}button[aria-pressed=true]{color:white;background:#143B4A}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:5%;padding:55px 0}.tag,.code,small{font-family:monospace}.tag{color:#49625b;letter-spacing:.14em;font-size:12px;text-transform:uppercase}h1{font-size:clamp(45px,6.3vw,90px);line-height:.98;letter-spacing:-.065em;margin:20px 0}p{max-width:48ch;color:#485953}.btn{display:inline-block;background:#143B4A;color:white;padding:12px 18px;text-decoration:none;margin:10px 0}.graphic{background:#143B4A;color:#A6DCF4;padding:24px;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:22px 22px}.graphic svg{width:100%;display:block}.graphic small{letter-spacing:.12em}h2{font-size:clamp(30px,4vw,50px);letter-spacing:-.055em;margin:8px 0}.stock{border-top:2px solid;padding:32px 0}.row{display:grid;grid-template-columns:1.1fr 1.1fr 1fr auto;align-items:center;gap:16px;padding:18px 0;border-top:1px solid #bdc7bf}.row a,footer a{color:#143B4A;font-weight:bold}footer{padding:28px 0;border-top:1px solid #aeb5ae}a:focus-visible,button:focus-visible{outline:3px solid #c4650e}@media(max-width:720px){header{height:64px}.hero{grid-template-columns:1fr;padding:32px 0;gap:24px}.graphic svg{max-height:165px}.row{grid-template-columns:1fr auto;gap:5px 12px}.code{grid-row:2;grid-column:1}.row a{grid-column:2;grid-row:2}.row small{text-align:right}.brand{font-size:20px}}

.menu{display:flex;gap:24px;margin-left:auto}.menu a{color:#143b4a;text-decoration:none;padding:7px 0}.menu a[aria-current]{border-bottom:2px solid;font-weight:bold}.stock h1{font-size:clamp(40px,5vw,68px)}.stock{border:0;padding:48px 0}.intro{border-top:1px solid #aeb5ae;padding:32px 0 42px}.intro p{max-width:66ch}.row strong,.code{overflow-wrap:anywhere}
@media(max-width:720px){header{height:auto;flex-wrap:wrap;gap:4px 12px;padding-bottom:10px}.menu{order:3;width:100%;margin:0}.row small{max-width:15ch}.stock{padding:32px 0}}
.menu{flex-wrap:wrap}.secondary{color:#143b4a;background:transparent;box-shadow:inset 0 0 0 1px #143b4a}.item{padding:20px 0;border-top:1px solid #bdc7bf;display:grid;grid-template-columns:1.2fr 1fr auto;gap:20px;align-items:center}.item h3{margin:4px 0}.item img{object-fit:contain;display:block}.item small,.item a{display:block}.item a,main a:not(.btn){color:#143b4a}.item a{padding:4px 0}form{max-width:620px}form label{display:block;margin:16px 0}form input,form textarea{display:block;width:100%;padding:10px;font:inherit;background:#fff;border:1px solid #91a3a6}form textarea{resize:vertical}.stock h2{margin-top:40px}@media(max-width:720px){.menu{gap:6px 16px}.item{grid-template-columns:1fr}.item>div:last-child{display:flex;gap:18px}.item{gap:8px}}
.gallery{margin:0;min-width:0;background:#143b4a;color:white}.slides{position:relative}.slide img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.caption{position:absolute;bottom:0;left:0;right:0;padding:32px 16px 12px;background:linear-gradient(transparent,#061722dd);display:flex;gap:14px;align-items:baseline}.gallery figcaption{display:flex;align-items:center;justify-content:space-between;padding:5px 10px 5px 16px;gap:6px}.controls{display:flex}.controls button{color:white;border:0;min-width:38px;height:40px}
.brands details{border-top:1px solid #bcc8ca}.brands summary{padding:15px 0;cursor:pointer;font-weight:700;color:#143b4a}.brands dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:18px 26px;margin:0 0 20px}.brands dt{font-weight:bold}.brands dd{margin:2px 0;color:#485953;font-size:.92rem}
.brand-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:28px;margin-top:24px}.brand-list article{border-top:2px solid #143b4a;padding-top:16px}.brand-list h3{margin:0;color:#143b4a;font-size:26px}.brand-list small{display:block;margin-top:3px}
#marchi{text-align:center}
.brand-names{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:10px 26px;max-width:850px;margin:28px auto 0;padding:0;list-style:none;color:#36545e;font-size:clamp(16px,1.5vw,20px)}
.brand-names li{white-space:nowrap}
.brand-names.featured{max-width:100%;margin-top:30px;gap:10px 30px;color:#143b4a;font-weight:700;font-size:clamp(23px,2.7vw,37px);letter-spacing:-.04em;line-height:1.25}
@media(max-width:520px){.brand-names{gap:9px 18px}.brand-names.featured{gap:9px 20px}}

#marchi .brand-note{margin:12px auto 6px;max-width:60ch}
