/* Full-bleed photography; no height-sized floating photo or solid left panel. */
.design-v7 .v7-hero{--hero-height:max(520px,37.5vw);height:var(--hero-height);min-height:0;max-height:none;background:#10281c;overflow:hidden;}
.design-v7 .hero-visual{position:absolute;inset:0;width:100%;max-width:none;margin:0;overflow:hidden;}
.design-v7 .hero-camera{position:absolute;inset:0;width:100%;height:100%;transform-origin:68.2% 60%;will-change:transform;}
.design-v7 .hero-camera>picture{display:block;width:100%;height:100%;}
.design-v7 .hero-camera .v7-hero-media{position:absolute;inset:0;width:100%;height:100%;max-width:none;aspect-ratio:auto;object-fit:cover;object-position:50% 50%;animation:none;transform:none;mask-image:none;}
.design-v7 .v7-hero:after{display:block;z-index:1;background:linear-gradient(90deg,rgba(4,18,12,.58),rgba(4,18,12,.24) 32%,transparent 58%);}
.design-v7 .v7-hero-copy{left:5.2%;width:min(40%,700px);z-index:3;}
.design-v7 .v7-hero-copy h1{font-size:clamp(52px,5.3vw,98px);line-height:1.04;}
.design-v7 .v7-hero-product{right:40px;z-index:4;}
@media(max-width:1000px){
  .design-v7 .hero-camera .v7-hero-media{object-position:100% 50%;}
  .design-v7 .v7-hero:after{display:none;}
}
.design-v7 .scene-image,.design-v7 .scene-linked{position:relative;min-width:0;}
.design-v7 .human-panel .scene-image>img{width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;object-position:center;}
.design-v7 .scene-linked>.nature-product-image,.design-v7 .scene-linked>.actual-product-photo{display:block;width:100%;height:100%;}
.design-v7 .scene-linked:has(>.reveal:not(.in-view))>.product-hotspot{opacity:0;pointer-events:none;}
.design-v7 .ambient-editorial{aspect-ratio:auto!important;height:auto;background:transparent;overflow:visible;}
.design-v7 .ambient-visual{position:relative;aspect-ratio:3/2;overflow:hidden;background:#193c2e;}
.design-v7 .book-pair .ambient-visual{aspect-ratio:16/9;background:#cecec5;}
.design-v7 .ambient-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;}
.design-v7 .ambient-editorial>.ambient-control{position:relative;left:auto;bottom:auto;right:auto;top:auto;display:flex;width:max-content;max-width:100%;margin:16px 0 0;box-shadow:none;}
.design-v7 .product-hotspot{position:absolute;z-index:6;left:var(--spot-x,50%);top:var(--spot-y,50%);width:44px;height:44px;min-height:44px;padding:0;display:grid;place-items:center;border:1px solid #ffffffb3;border-radius:50%;background:#ffffffed;color:#17261c;box-shadow:0 0 0 6px #ffffff26,0 4px 20px #0000001f;transform:translate(-50%,-50%);line-height:1;transition:background .65s,color .65s,box-shadow .8s,opacity .8s;}
.design-v7 .product-hotspot>.hotspot-symbol{font-size:27px;font-weight:300;line-height:1;transition:rotate .8s cubic-bezier(.22,1,.36,1);}
.design-v7 .product-hotspot:hover,.design-v7 .product-hotspot:focus-visible{background:#193c2e;color:#fff;box-shadow:0 0 0 9px #ffffff29,0 4px 20px #00000024;outline:2px solid #fff;outline-offset:4px;}
.design-v7 .product-hotspot:hover>.hotspot-symbol{rotate:90deg;}
.design-v7 .hotspot-label{position:absolute;right:0;bottom:calc(100% + 14px);width:max-content;max-width:190px;padding:12px 15px;background:#fff;color:#171917;font-size:12px;line-height:1.4;text-align:left;letter-spacing:0;box-shadow:0 5px 30px #00000012;opacity:0;visibility:hidden;translate:0 5px;pointer-events:none;transition:opacity .6s,translate .8s,visibility .6s;}
.design-v7 .hotspot-label small{display:block;font-size:11px;margin-top:3px;color:#5a625b;}
.design-v7 .product-hotspot:is(:hover,:focus-visible)>.hotspot-label{opacity:1;visibility:visible;translate:0 0;}
.design-v7 .product-story[data-campaign] img{height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;}
@media(min-width:1001px) and (max-height:700px){.design-v7 .v7-hero-copy h1{font-size:clamp(48px,4.8vw,84px);}}
@media(max-width:1100px){
  .design-v7 .main-nav{display:none;}.design-v7 .menu-button{display:flex;}
}
@media(max-width:1000px){
  .design-v7 .v7-hero{--hero-height:clamp(420px,60vw,650px);height:auto;display:flex;flex-direction:column;}
  .design-v7 .hero-visual{position:relative;inset:auto;width:100%;height:var(--hero-height);flex:none;order:0;}
  .design-v7 .v7-hero-copy{position:relative;left:auto;top:auto;transform:none;width:100%;max-width:none;order:1;padding:40px 6% 34px;background:transparent;animation:none;}
  .design-v7 .v7-hero-copy h1{font-size:clamp(48px,6.4vw,72px);max-width:800px;margin:22px 0;}
  .design-v7 .v7-hero-copy>p:not(.eyebrow){font-size:16px;max-width:600px;}
  .design-v7 .v7-hero-product{position:static;order:2;width:max-content;max-width:88%;margin:0 6% 28px;}
}
@media(min-width:761px) and (max-width:1000px){
  .design-v7 .product-detail{grid-template-columns:minmax(0,1fr);gap:36px;}
  .design-v7 .detail-copy{position:static;}
  .design-v7 .detail-gallery{grid-template-columns:60px minmax(0,1fr);}
  .design-v7 .thumbs button{width:54px;min-height:54px;}
  .design-v7 .thumbs img{height:46px;}
  .design-v7 .detail-copy h1,.design-v7 .detail-copy h2{font-size:44px;}
}
@media(max-width:760px){
  .design-v7 .v7-hero{--hero-height:min(118vw,620px);}
  .design-v7 .v7-hero-copy{padding:32px 22px 30px;}
  .design-v7 .v7-hero-copy h1{font-size:clamp(42px,11.8vw,68px);line-height:1.07;}
  .design-v7 .v7-hero-product{margin:0 22px 25px;max-width:calc(100% - 44px);}
  .design-v7 .chapter-heading{display:block;padding:58px 22px 34px;}
  .design-v7 .chapter-heading>.chapter-number{display:block;padding:0;margin-bottom:22px;font-size:11px;white-space:nowrap;}
  .design-v7 .chapter-heading h2{font-size:clamp(38px,10vw,58px);}
  .design-v7 .chapter-heading>p:not(.eyebrow){margin:22px 0 0;padding:0;font-size:15px;}
  .design-v7 .home-route .section-heading,.design-v7.home-route #collection>.section-heading{display:block;}
  .design-v7.home-route #collection>.section-heading .text-link{max-width:none;margin-top:22px;gap:28px;}
  .design-v7 .human-panel .scene-image>img{aspect-ratio:2/3;}
  .design-v7 .ambient-editorial>.ambient-control{margin-top:12px;min-height:48px;}
  .design-v7 .ambient-editorial>.ambient-control input{width:90px;}
  .design-v7 .product-hotspot{width:44px;height:44px;}
  .design-v7 .hotspot-label{bottom:auto;top:calc(100% + 12px);}
  .design-v7 .hero-camera .hotspot-label{right:auto;left:0;}
  .design-v7 .product-story[data-campaign] img{height:auto;max-height:none;}
}
@media(max-width:370px){.design-v7 .v7-hero-copy h1{font-size:38px;}}
@media(prefers-reduced-motion:reduce){.design-v7 .hero-camera{transform:none!important;will-change:auto;}.design-v7 .product-hotspot,.design-v7 .hotspot-symbol,.design-v7 .hotspot-label{transition:none;}}
