@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--black:#090909;--white:#f7f7f5;--gray:#a6a6a3;--line:#292929}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:'DM Sans',Arial,sans-serif}
a{color:inherit;text-decoration:none}.delivery-bar{height:31px;display:flex;align-items:center;justify-content:center;gap:10px;background:#f4f4f1;color:#111;font-size:10px;font-weight:700;letter-spacing:1.8px}
.site-header{height:78px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5;background:#090909}
.wordmark{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:27px;letter-spacing:-1.5px}.wordmark span{font-size:10px;vertical-align:top;margin-left:3px}
nav{display:flex;gap:35px;font-size:12px;color:#c5c5c2}nav a:hover,.header-cta:hover{color:#fff}
.header-cta{border:1px solid #777;padding:12px 17px;font-size:10px;font-weight:700;letter-spacing:1px}.menu-toggle{display:none;background:none;color:white;border:0;font-size:24px}
.hero{height:min(740px,78vw);min-height:520px;position:relative;overflow:hidden;background:#222}.hero-image{width:100%;height:100%;object-fit:cover;object-position:center 37%;display:block}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.12) 65%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 45%)}
.hero-copy{position:absolute;left:9%;top:50%;transform:translateY(-50%);max-width:540px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.3px;color:#b9b9b5;margin:0 0 18px}.hero h1,.statement h2,.contact-section h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(48px,8vw,100px);line-height:.88;letter-spacing:-5px;margin:0;font-weight:700}.hero h1 em,.section-heading h2 em,.statement h2 em,.contact-section h2 em{font-style:normal;color:#aaa}.hero-sub{font-size:14px;line-height:1.8;color:#ddd;margin:25px 0 29px}.button{display:inline-flex;align-items:center;gap:22px;padding:16px 19px;font-size:10px;font-weight:700;letter-spacing:1px}.button-light{background:#f5f5f2;color:#111}.button span{font-size:17px}.hero-index{position:absolute;bottom:25px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px;color:#ddd}
.category-section{padding:100px 5.5% 110px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:32px}.section-heading h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(32px,5vw,56px);letter-spacing:-2px;margin:0}.section-note{font-size:12px;line-height:1.7;color:#999;margin:0}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.category-card{height:420px;position:relative;overflow:hidden;background:#242424}.category-card img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease;filter:brightness(.83)}.category-card:hover img{transform:scale(1.05)}.card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 65%)}.card-content{position:absolute;left:22px;right:22px;bottom:23px}.card-content span{font-size:9px;letter-spacing:1.6px;color:#d0d0ce}.card-content h3{font-family:'Space Grotesk',sans-serif;font-size:34px;letter-spacing:-1px;margin:8px 0 15px}.category-link{display:inline-block;border-bottom:1px solid #bbb;padding-bottom:5px;font-size:9px;font-weight:700;letter-spacing:1.4px}
.statement{text-align:center;padding:100px 20px;background:#f2f2ef;color:#111}.statement .eyebrow{color:#555}.statement h2{font-size:clamp(42px,7vw,78px)}.statement h2 em{color:#777}.statement>p:last-child{color:#555;font-size:13px;margin:25px 0 0}
.contact-section{padding:90px 9%;display:flex;justify-content:space-between;gap:40px}.contact-section h2{font-size:clamp(46px,7vw,76px)}.contact-details{width:min(430px,100%);display:flex;flex-direction:column;gap:24px;justify-content:center}.contact-details a,.contact-details>div{border-bottom:1px solid #333;padding-bottom:18px;display:flex;flex-direction:column;gap:8px}.contact-details span{font-size:9px;letter-spacing:1.6px;color:#999}.contact-details strong{font-size:15px;font-weight:500}
footer{border-top:1px solid var(--line);padding:30px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:15px}footer p,footer small{font-size:9px;letter-spacing:1px;color:#888}
@media(max-width:760px){.site-header{height:67px;padding:0 5%}nav{display:none;position:absolute;top:67px;left:0;right:0;background:#111;padding:22px 5%;flex-direction:column;gap:20px;border-bottom:1px solid #333}.site-header.nav-open nav{display:flex}.header-cta{margin-left:auto;margin-right:14px;padding:10px 12px}.menu-toggle{display:block}.hero{height:670px;min-height:0}.hero-image{object-position:57% center}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.08)),linear-gradient(0deg,rgba(0,0,0,.5),transparent 55%)}.hero-copy{left:7%;right:7%;top:55%}.hero h1{font-size:65px;letter-spacing:-3px}.category-section{padding:70px 5%}.section-heading{align-items:start;gap:15px;flex-direction:column}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.category-card{height:310px}.card-content{left:14px;right:14px;bottom:17px}.card-content h3{font-size:26px}.contact-section{padding:70px 7%;flex-direction:column}.contact-details{margin-top:5px}footer{flex-wrap:wrap}footer p{order:3;width:100%;margin:0}}
@media(max-width:400px){.category-card{height:260px}.hero h1{font-size:55px}.header-cta{font-size:9px}}