:root{--bg:#050505;--panel:#111;--text:#f5f7fa;--muted:#a8b0ba;--blue:#17a9ea;--line:#25282d;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;color:#111;line-height:1.6}.topbar{background:var(--blue);color:#04131b;text-align:center;padding:.55rem 1rem;font-weight:700;font-size:.9rem}.site-header{position:sticky;top:0;z-index:20;background:rgba(5,5,5,.96);display:flex;align-items:center;justify-content:space-between;padding:1rem 5%;border-bottom:1px solid #202020}.brand img{display:block;width:260px;max-width:55vw;height:70px;object-fit:contain;object-position:left center}.nav{display:flex;gap:1.5rem;align-items:center}.nav a{color:#fff;text-decoration:none;font-weight:650}.nav a:hover,.text-link:hover{color:var(--blue)}.cart-btn{border:1px solid var(--blue);padding:.65rem 1rem;border-radius:999px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:1.8rem}.hero{background:radial-gradient(circle at 80% 20%,#0b3146 0,#050505 35%);color:white;display:grid;grid-template-columns:1.05fr .95fr;gap:4rem;align-items:center;padding:7rem 7%}.hero h1{font-size:clamp(3rem,6vw,5.7rem);line-height:.98;margin:.6rem 0 1.3rem;letter-spacing:-.045em}.hero p{font-size:1.15rem;color:#c7ced5;max-width:650px}.eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:800}.hero-card img,.split img{width:100%;border-radius:26px;box-shadow:0 30px 70px rgba(0,0,0,.35)}.hero-actions{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.btn{display:inline-block;text-decoration:none;font-weight:800;padding:.95rem 1.3rem;border-radius:10px}.primary{background:var(--blue);color:#04131b}.secondary{border:1px solid #545b63;color:#fff}.section{padding:6rem 7%}.section-heading{max-width:760px;margin-bottom:2.5rem}.section-heading h2,.split h2,.promo-band h2{font-size:clamp(2rem,4vw,3.6rem);line-height:1.08;margin:.6rem 0}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.category-card{min-height:230px;border:1px solid #ddd;border-radius:20px;padding:1.5rem;text-decoration:none;color:#111;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,#fff,#f1f3f5);transition:.2s}.category-card:hover{transform:translateY(-4px);border-color:var(--blue)}.category-card strong{font-size:1.45rem}.category-card span{color:#68707a}.promo-band{margin:0 5%;border-radius:28px;background:#07131a;color:white;padding:4rem;display:flex;justify-content:space-between;align-items:end;gap:2rem}.promo-band p{color:#bac4cc}.split{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.split p{color:#4f5862}.text-link{color:#087eb4;text-decoration:none;font-weight:800}.footer{background:#050505;color:#dbe1e7;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:3rem;padding:4rem 7%}.footer img{width:280px;height:90px;object-fit:contain;object-position:left center}.footer h3{color:#fff}.footer a{display:block;color:#bfc7cf;text-decoration:none;margin:.45rem 0}.footer a:hover{color:var(--blue)}.copyright{background:#000;color:#828b94;text-align:center;padding:1rem}.page-hero{background:#070707;color:white;padding:5rem 7% 3rem}.page-hero h1{font-size:clamp(2.7rem,5vw,4.8rem);margin:.4rem 0}.content{max-width:1000px;margin:auto;padding:4rem 7%}.content h2{margin-top:2.2rem}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.product{border:1px solid #e1e4e7;border-radius:18px;overflow:hidden}.product-image{aspect-ratio:4/3;background:linear-gradient(135deg,#e6eef3,#fff);display:flex;align-items:center;justify-content:center;font-weight:800;color:#7690a2}.product-body{padding:1.2rem}.product button{width:100%;border:0;background:#111;color:white;padding:.9rem;border-radius:8px;font-weight:800;cursor:pointer}.notice{background:#eef8fd;border-left:4px solid var(--blue);padding:1rem 1.2rem;border-radius:8px}.contact-card{background:#f4f6f7;padding:2rem;border-radius:18px}.contact-card a{color:#087eb4}@media(max-width:850px){.menu-toggle{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:#050505;flex-direction:column;align-items:stretch;padding:1rem 5% 1.5rem}.nav.open{display:flex}.hero,.split{grid-template-columns:1fr}.hero{padding-top:4rem;gap:2rem}.category-grid,.product-grid{grid-template-columns:1fr 1fr}.footer{grid-template-columns:1fr}.promo-band{flex-direction:column;align-items:flex-start;padding:2.5rem}}@media(max-width:520px){.category-grid,.product-grid{grid-template-columns:1fr}.brand img{height:54px}.hero{padding:3.5rem 5%}.section,.content{padding:4rem 5%}.promo-band{margin:0 3%;}.site-header{padding:.8rem 4%}}

.hero-photo{position:relative;overflow:hidden;border-radius:26px}.hero-photo img{display:block;min-height:430px;object-fit:cover}.photo-caption{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(0,0,0,.72);backdrop-filter:blur(8px);color:#fff;padding:.9rem 1rem;border-radius:12px;font-weight:800}.photo-card{position:relative;overflow:hidden;isolation:isolate;color:white;background-image:linear-gradient(to top,rgba(0,0,0,.88),rgba(0,0,0,.08)),url("storefront.jpg");background-size:cover;border-color:#202020;box-shadow:0 14px 35px rgba(0,0,0,.12)}.photo-card:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.08);z-index:-1}.photo-card strong,.photo-card span{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.65)}.c1{background-position:10% 50%}.c2{background-position:38% 55%}.c3{background-position:74% 48%}.c4{background-position:92% 58%}.visual-categories .category-card{min-height:310px}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:2rem;align-items:stretch}.contact-photo{width:100%;height:100%;min-height:420px;object-fit:cover;border-radius:18px}.footer img,.brand img{background:#050505}.brand img{border-radius:6px}@media(max-width:850px){.contact-layout{grid-template-columns:1fr}.contact-photo{min-height:300px}}
/* Enlarge the header logo and crop the blank space in the portrait image. */
.brand img{width:340px;max-width:55vw;height:80px;object-fit:cover;object-position:center center}
@media(max-width:520px){.brand img{width:260px;max-width:70vw;height:64px}}

/* Stock category photography. */
.photo-card{background-image:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.2) 48%,rgba(0,0,0,.02) 100%),var(--category-photo);background-size:cover;background-repeat:no-repeat;background-position:center}
.photo-card.c1{--category-photo:url("assets/pexels-7412055.jpg");background-position:center}
.photo-card.c2{--category-photo:url("assets/pexels-34629933.jpg");background-position:center}
.photo-card.c3{--category-photo:url("assets/pexels-8266903.jpg");background-position:center}
.photo-card.c4{--category-photo:url("assets/pexels-5405598.jpg");background-position:center}

/* Enlarge the footer logo while keeping it within its column. */
.footer img{display:block;width:340px;max-width:100%;height:auto;aspect-ratio:17/4;object-fit:cover;object-position:center center}
@media(max-width:520px){.footer img{width:280px}}

/* Preserve the logo proportions within narrow headers. */
.brand{display:block;flex-shrink:0;max-width:70%}
.brand img{width:340px;max-width:100%;height:auto;aspect-ratio:17/4}
@media(max-width:520px){.brand img{width:260px;max-width:100%;height:auto}}

/* Shop category photography */
.shop-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.shop-categories .category-card{min-height:360px;aspect-ratio:4/3;padding:2rem}.shop-categories strong{font-size:clamp(1.7rem,3vw,2.6rem)}.shop-photo-note{color:#68707a;font-size:.9rem;margin:2rem 0 1.25rem}@media(max-width:520px){.shop-categories{grid-template-columns:1fr}.shop-categories .category-card{min-height:300px;padding:1.5rem}}