.hero{min-height:660px;height:min(820px,92vh);display:block;background:#071120;position:relative;overflow:hidden}.hero-photo{position:absolute;inset:0;width:100%;height:100%;display:block}.hero-photo::after{background:linear-gradient(90deg,rgba(5,14,28,.97) 0%,rgba(7,17,32,.82) 32%,rgba(7,17,32,.17) 63%,rgba(7,17,32,.03) 100%)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center;transform:translate3d(var(--hero-x,0),var(--hero-y,0),0) scale(1.02)}.hero-copy{position:relative;z-index:2;width:min(660px,50%);height:100%;min-height:660px;display:flex;flex-direction:column;justify-content:center;padding:120px 0 80px 7vw;background:none}.hero-copy>p{color:#e4ebf3}.hero-note{z-index:2}.product-image{height:430px;background:#f7f7f5}.product-image img{object-fit:contain;object-position:center;padding:24px;transform:none}.product-card:hover .product-image img{transform:scale(1.025)}.collection-card{background:#edf1f5}.collection-card img{object-fit:contain;object-position:center;padding:28px}.editorial-image{background:#f4f4f2}.editorial-image img{object-fit:contain;padding:45px;object-position:center}.insta-grid img{object-fit:contain;padding:22px;background:#f4f4f2;object-position:center}.modal-content>img{object-fit:contain;padding:32px;background:#f7f7f5;object-position:center}.cart-row img{object-fit:contain;background:#f5f5f3}
@media(max-width:900px){.hero{display:block;min-height:720px;height:88vh}.hero-photo{display:block}.hero-photo img{object-position:68% center}.hero-photo::after{background:linear-gradient(90deg,rgba(5,14,28,.95),rgba(7,17,32,.68) 63%,rgba(7,17,32,.24))}.hero-copy{width:100%;min-height:720px;padding:160px 24px 70px;background:none}}
@media(max-width:560px){.hero{min-height:680px;height:86vh}.hero-copy{min-height:680px;padding-top:150px}.hero-photo img{object-position:64% center}.hero-photo::after{background:linear-gradient(90deg,rgba(5,14,28,.94),rgba(7,17,32,.72) 74%,rgba(7,17,32,.45))}.product-image{height:310px}.product-image img{padding:12px}.collection-card img{padding:18px}}

/* Responsive refinement — preserves the desktop art direction at mobile scale. */
@media(max-width:900px){
  html,body{overflow-x:hidden}
  .announce{height:28px;padding:0 12px;font-size:9px;line-height:1.25;gap:7px}
  .header{top:28px;height:62px;padding:0 18px}
  .inner-header{top:auto;height:auto;min-height:62px;padding:12px 18px;flex-wrap:wrap;gap:10px}
  .brand{gap:8px}.brand img{width:34px;height:34px}.brand span{font-size:12px}
  .header-actions{gap:5px}.icon-btn{padding:8px 5px;font-size:12px}.menu-toggle{padding:8px;font-size:19px}
  .header:not(.inner-header) .nav{display:flex;position:absolute;top:58px;left:12px;right:12px;flex-direction:column;gap:0;padding:6px;background:rgba(7,17,32,.98);border:1px solid rgba(255,255,255,.15);box-shadow:0 18px 40px rgba(0,0,0,.25);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease}
  .header:not(.inner-header) .nav a{padding:11px 10px;border-bottom:1px solid rgba(255,255,255,.1);font-size:12px}.header:not(.inner-header) .nav a:last-child{border:0}
  .header.menu-open .nav{opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .inner-header .nav{display:flex;order:3;width:100%;gap:18px;padding:4px 0 1px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.inner-header .nav::-webkit-scrollbar{display:none}.inner-header .nav a{font-size:11px}
  .inner-header>.text-link{font-size:11px}

  .hero{min-height:590px;height:min(78svh,690px)}
  .hero-copy{width:min(570px,72%);min-height:590px;padding:110px 0 52px 6vw}
  .hero h1{font-size:clamp(44px,7vw,66px);line-height:.96;margin-bottom:20px}
  .hero-copy>p{font-size:15px;line-height:1.6;max-width:410px}
  .hero-actions{margin-top:26px;gap:18px;flex-direction:row;flex-wrap:wrap}
  .hero-photo img{object-position:68% center}
  .btn{min-height:44px;padding:12px 18px;font-size:12px}.text-link{font-size:12px}

  .finder{width:calc(100% - 32px);margin:-22px auto 0;padding:18px 20px;grid-template-columns:minmax(0,1fr);gap:12px}
  .finder h2{font-size:19px}.finder select{width:100%;height:44px;font-size:13px}.finder .btn{width:100%}
  .section{padding:62px 20px}.section-head{gap:16px;margin-bottom:28px}.section-head h2,.instagram h2{font-size:clamp(32px,6vw,44px)}.section-head>p{font-size:14px;line-height:1.6}
  .eyebrow{font-size:9px;margin-bottom:12px}
  .collection-grid{gap:12px}.collection-card,.collection-card.tall{height:360px}.collection-card img{padding:22px}.collection-card>div{left:22px;bottom:22px}.collection-card h3{font-size:25px;margin:5px 0 11px}
  .product-grid{gap:24px 10px}.product-image{height:280px}.product-image img{padding:16px}.product-info{padding-top:11px}.product-info h3{font-size:13px;line-height:1.3;margin:5px 0}.product-info strong{font-size:13px}.product-meta{font-size:8px;line-height:1.35}.quick-add{opacity:1;transform:none;padding:10px;font-size:11px}.product-badge{top:8px;left:8px;padding:5px 7px;font-size:8px}
  .editorial{min-height:0}.editorial-image{height:430px}.editorial-image img{padding:28px}.editorial-copy{padding:56px 28px}.editorial-copy h2{font-size:clamp(36px,7vw,50px)}.editorial-copy p{font-size:14px;line-height:1.65}
  .benefits{padding:38px 18px}.benefits>div{padding:20px}.benefits h3{margin:11px 0 5px;font-size:13px}.benefits p{font-size:12px;line-height:1.5}.benefits span{font-size:21px}
  .instagram{padding:62px 20px}.insta-grid img{height:250px;padding:14px}
  footer{padding:58px 20px 22px}.footer-main{gap:36px}.footer-bottom{margin-top:42px}

  .page-hero{padding:68px 22px 58px}.page-hero h1{font-size:clamp(38px,8vw,58px);line-height:1}.page-hero p{font-size:14px;line-height:1.65;margin-top:18px}
  .page-content{padding:52px 22px}.page-content h1{font-size:34px;line-height:1.08}.page-content h2{font-size:27px;margin-top:32px}.page-content p,.page-content li{font-size:14px;line-height:1.7}.info-grid{gap:12px}.info-card{padding:25px}.info-card h3{font-size:19px}.contact-box{padding:28px}
  .collection-links{gap:12px}.collection-links .collection-card{height:390px}
  .catalogue-page .products-section{padding-top:52px}
  .cart-drawer{padding:20px;width:min(430px,100%)}.drawer-head h2{font-size:23px}.cart-row{grid-template-columns:60px 1fr auto}.cart-row img{width:60px;height:74px}
  .product-modal{max-height:calc(100dvh - 28px);overflow:auto}.modal-content>img{height:360px;padding:24px}.modal-details{padding:32px 28px}.modal-details h2{font-size:30px}.modal-details p{font-size:13px;line-height:1.6}
}

@media(max-width:560px){
  .header{padding:0 14px}.inner-header{padding:10px 14px}.inner-header>.text-link{display:none}
  .hero{min-height:520px;height:min(72svh,600px)}
  .hero-copy{width:88%;min-height:520px;padding:100px 18px 34px}
  .hero h1{font-size:clamp(36px,10.5vw,44px);letter-spacing:-.05em;margin-bottom:15px}
  .hero-copy>p{font-size:13px;line-height:1.5;max-width:300px}
  .hero-actions{margin-top:19px;gap:11px;align-items:center}.hero-actions .btn{padding:10px 13px;font-size:10px}.hero-actions .text-link{font-size:10px}
  .hero-photo img{object-position:65% center}.hero-note{display:none}
  .finder{width:calc(100% - 24px);padding:16px;margin-top:-16px}.finder h2{font-size:17px}.finder select{font-size:12px}
  .section{padding:48px 14px}.section-head{margin-bottom:22px}.section-head h2,.instagram h2{font-size:30px}.section-head>p{font-size:13px}
  .filters{gap:5px}.filters button{padding:8px 9px;font-size:10px}
  .collection-card,.collection-card.tall{height:290px}.collection-card img{padding:14px}.collection-card>div{left:18px;bottom:18px}.collection-card h3{font-size:22px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 8px}.product-image{height:220px}.product-image img{padding:8px}.quick-add{left:7px;right:7px;bottom:7px;padding:8px 5px;font-size:9px}.product-meta{font-size:7px}.product-info h3,.product-info strong{font-size:11px}
  .editorial-image{height:300px}.editorial-image img{padding:20px}.editorial-copy{padding:42px 20px}.editorial-copy h2{font-size:32px}.editorial-copy p{font-size:13px}
  .benefits{grid-template-columns:repeat(2,minmax(0,1fr));padding:28px 12px}.benefits>div{padding:16px 12px;border-right:0;border-bottom:1px solid var(--line)}.benefits h3{font-size:12px}.benefits p{font-size:11px}.benefits span{font-size:18px}
  .instagram{padding:48px 14px}.insta-grid{gap:5px}.insta-grid img{height:180px;padding:8px}
  footer{padding:44px 18px 20px}.footer-main{gap:28px}.footer-main h4{margin-bottom:14px}.footer-main a{margin:9px 0}.footer-bottom{font-size:9px;line-height:1.5;margin-top:30px}
  .page-hero{padding:48px 18px 42px}.page-hero h1{font-size:34px;letter-spacing:-.045em}.page-hero p{font-size:13px}
  .page-content{padding:38px 18px}.page-content h1{font-size:29px}.page-content h2{font-size:23px;margin-top:26px}.page-content p,.page-content li{font-size:13px}.info-card{padding:20px}.info-card h3{font-size:17px}.contact-box{padding:22px}
  .collection-links .collection-card{height:300px}
  .catalogue-page .products-section{padding-top:40px}
  .cart-drawer{padding:16px}.cart-row{grid-template-columns:52px minmax(0,1fr) auto;gap:9px}.cart-row img{width:52px;height:65px}.cart-row h4{font-size:11px}
  .product-modal{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.modal-content{display:block}.modal-content>img{height:230px;padding:14px}.modal-details{padding:23px 18px}.modal-details h2{font-size:25px;margin:7px 0}.modal-details select{padding:11px;margin:10px 0}.modal-details .eyebrow{margin-bottom:5px}.modal-close{right:8px;top:5px;width:42px;height:42px;background:rgba(255,255,255,.88);border-radius:50%}
}

@media(max-width:370px){
  .announce span{display:none}.header .brand span{display:none}.hero-copy{width:94%}.hero h1{font-size:35px}.hero-actions .text-link{display:none}
  .product-image{height:195px}.product-meta{display:none}.insta-grid img{height:155px}
  .benefits{grid-template-columns:1fr 1fr}.benefits>div{padding:14px 10px}
}