/* A composed, image-led experience for smaller screens. */
.mobile-dock{display:none}
.collection-refine{min-width:0}
.collection-refine>summary{display:none}
@media(min-width:701px){
  .collection-refine>.catalog-selects{display:flex}
  .collection-refine::details-content{content-visibility:visible;display:block}
}
@media(min-width:701px) and (max-width:1050px){.collection-refine{width:100%}}
@media(max-width:700px){
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  header{height:78px;min-height:78px;padding:15px 6%;position:relative}
  header .wordmark-main{font-size:32px}
  header .wordmark-sub{font-size:10px;letter-spacing:.18em}
  header .wordmark:after{display:none}
  header .nav-actions{gap:8px}
  header .nav-actions>[data-action="bag"]{display:none}
  .mobile-dock{position:fixed;z-index:40;inset:auto 0 0;display:grid;grid-template-columns:repeat(4,1fr);height:calc(68px + env(safe-area-inset-bottom));padding:5px 12px calc(5px + env(safe-area-inset-bottom));border-top:1px solid #c1a37730;background:#10110ff5;backdrop-filter:blur(18px);box-shadow:0 -8px 30px #0003}
  .mobile-dock>a,.mobile-dock>button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:4px;color:#9c9c92;font:inherit;font-size:10px;letter-spacing:.04em;min-width:0}
  .mobile-dock [aria-current="page"]{color:#dfc596}
  .mobile-dock [aria-current="page"]:before{content:'';position:absolute;top:-6px;width:26px;height:2px;background:#c9ad7c}
  .mobile-dock svg{width:20px;height:20px}
  .mobile-dock small{position:absolute;top:2px;left:calc(50% + 8px);font-size:9px;line-height:15px;min-width:15px;border-radius:50%;background:#cbb28a;color:#111;text-align:center;font-weight:700}
  #toast{bottom:calc(83px + env(safe-area-inset-bottom))}
  .campaign-hero{display:grid;grid-template-rows:1fr auto;min-height:640px;height:clamp(640px,calc(100svh - 146px),760px);padding:0 6%}
  .campaign-image{position:absolute;inset:70px -39% 85px -39%;width:auto;height:auto;margin:0;z-index:0}
  .campaign-image:after{background:linear-gradient(180deg,#000 0%,#0000 27%,#0000 55%,#000d 82%,#000 100%),linear-gradient(90deg,#0009,#0000 60%)}
  .campaign-image img{object-fit:cover;object-position:52% 48%}
  .slide-rose img{object-position:53% 50%}
  .slide-rose:after{background:linear-gradient(180deg,#000,#0000 28%),linear-gradient(0deg,#000,#0000 38%)}
  .slide-jewel img{padding:9% 14% 6% 23%;object-fit:contain;object-position:center}
  .campaign-copy{grid-row:1;order:initial;position:relative;width:100%;height:100%;padding:23px 0 0;min-height:0;z-index:2}
  .campaign-copy>.eyebrow{font-size:10px;letter-spacing:.17em;gap:10px}
  .campaign-copy>.eyebrow:before{width:23px}
  #hero-copy-dynamic{display:contents}
  #hero-copy-dynamic h1{font-size:clamp(59px,16.5vw,92px);line-height:1;letter-spacing:-.035em;margin:15px 0 0;max-width:100%;text-shadow:0 2px 24px #0008}
  #hero-copy-dynamic h1 .hero-prefix{display:block;font-size:.48em;line-height:1.2;letter-spacing:-.015em;margin-bottom:4px}
  #hero-copy-dynamic h1 .hero-prefix br{display:none}
  #hero-copy-dynamic p{position:absolute;left:0;bottom:80px;font-size:13px;line-height:1.6;max-width:30ch;min-height:42px;margin:0;color:#c0baae;text-shadow:0 1px 14px #000}
  .campaign-copy>.button{position:absolute;inset:auto auto 17px 0;width:auto;margin:0;min-height:47px;padding:16px 22px;font-size:10px;letter-spacing:.12em}
  .campaign-bottom{grid-row:2;order:initial;display:grid;grid-template-columns:1fr;gap:3px;align-items:start;text-align:left;position:relative;inset:auto;margin:0;padding:14px 0 12px;z-index:2;border-top:1px solid #c1a37732;background:none}
  .campaign-feature{grid-column:1;grid-row:1;min-height:0;display:block}
  .campaign-feature>.eyebrow{font-size:10px;letter-spacing:.13em}
  .campaign-feature h2{font-size:25px;line-height:1.1;margin:4px 0 3px}
  .campaign-feature .feature-spec{display:none}
  .campaign-controls{grid-column:1;grid-row:2;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}
  .slide-counter{font-size:10px}
  .slide-buttons{gap:5px}
  .slide-dot,.slide-play{min-width:44px;min-height:44px;font-size:10px}
  .brand-band{display:flex;overflow-x:auto;justify-content:flex-start;gap:36px;min-height:90px;padding:23px 6%;scrollbar-width:none}
  .brand-band>a{flex-shrink:0;font-size:19px}
  .brand-band small{font-size:9px;margin-top:5px}
  .section{padding-top:48px;padding-bottom:48px}
  .curated .section-heading{gap:17px;margin-bottom:26px}
  .curated .section-heading h2{font-size:44px;margin-top:12px}
  .curated .section-heading>.text-link{font-size:10px}
  .curated .product-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:6vw;margin:0 -5vw;padding:0 5vw 16px;scrollbar-width:thin;scrollbar-color:#766446 #171914}
  .curated .product-card{scroll-snap-align:start;min-width:0;display:flex}
  .curated .product-image{height:330px}
  .curated .product-info .eyebrow{min-height:0}
  .curated .product-info h3{font-size:30px;min-height:0}
  .curated .product-info p{font-size:12px}
  .curated .product-bottom{margin-top:12px}
  .collection-heading{padding-top:20px;padding-bottom:27px}
  .collection-heading .breadcrumb{margin-bottom:18px;font-size:10px}
  .collection-heading>.eyebrow{font-size:10px}
  .collection-heading h1{font-size:46px;margin:15px 0 13px}
  .collection-heading>p{font-size:14px;max-width:30ch}
  .catalog.section{padding-top:0}
  .brand-tabs{gap:24px}
  .brand-tabs button{padding:16px 0;font-size:12px}
  .catalog-toolbar{display:grid;grid-template-columns:1fr;gap:12px;padding:15px 0}
  .catalog-toolbar>.search-field{width:100%;min-width:0}
  .collection-refine{width:100%;border-top:1px solid #ffffff14;padding-top:6px}
  .collection-refine>summary{display:flex;justify-content:space-between;align-items:center;list-style:none;cursor:pointer;min-height:44px;font-size:12px;color:#ccb891;padding:0}
  .collection-refine>summary::-webkit-details-marker{display:none}
  .collection-refine>summary>span{font-size:20px;line-height:1;transition:transform .2s}
  .collection-refine[open]>summary>span{transform:rotate(45deg)}
  .collection-refine .catalog-selects{border:0;padding:3px 0 8px;margin:0;gap:10px}
  .catalog-selects label{display:block}
  .catalog-selects label>span{display:block;font-size:10px;color:#999d8f;margin:0 0 7px}
  .catalog-selects select{font-size:14px}
  .results-line{font-size:9px;padding:17px 0;gap:12px;letter-spacing:.04em}
  .catalog .product-grid{gap:22px 12px}
  .catalog .product-image{height:245px}
  .catalog .product-tag{font-size:9px;letter-spacing:.03em;left:9px;top:17px;max-width:calc(100% - 55px)}
  .catalog .product-info{padding-top:15px}
  .catalog .product-info .eyebrow{font-size:9px;letter-spacing:.09em}
  .catalog .product-info h3{font-size:24px;min-height:2.25em}
  .catalog .product-info p{font-size:11px;line-height:1.6;min-height:3.2em}
  .catalog .product-bottom strong{font-size:15px}
  .craft-feature{position:relative;display:grid;grid-template-columns:1fr;min-height:630px;overflow:hidden}
  .craft-photo{position:absolute;inset:0;min-height:0}
  .craft-photo img{object-position:60% center;opacity:.65}
  .craft-photo:after{background:linear-gradient(0deg,#060706 5%,#060706bd 36%,transparent 82%),linear-gradient(90deg,#06070675,transparent)}
  .craft-copy{position:relative;z-index:1;align-self:end;padding:42px 7%;background:none}
  .craft-copy h2{font-size:48px;margin:18px 0}
  .craft-copy h2 em br{display:none}
  .craft-copy p{font-size:14px;max-width:33ch;margin-bottom:20px}
  .craft-specs{margin-top:25px;padding-top:20px}
  .lounge-section{min-height:660px;align-items:flex-end;padding:270px 7% 75px}
  .lounge-photo{object-position:58% center}
  .lounge-section:after{background:linear-gradient(0deg,#090907 0%,#090907e0 28%,#09090750 62%,#09090710)}
  .lounge-copy h2{font-size:43px;line-height:1.06;margin:19px 0}
  .lounge-copy p{font-size:14px;margin-bottom:23px}
  .lounge-copy .button{padding:17px 20px;font-size:10px}
  .lounge-caption{font-size:9px;letter-spacing:.08em;max-width:none}
  .service-strip{padding-top:35px;padding-bottom:35px;gap:26px}
  .service-strip h3{font-size:25px}
  .service-strip p{font-size:13px}
}
@media(max-width:359px){
  .campaign-hero{min-height:590px;height:clamp(590px,calc(100svh - 146px),680px)}
  #hero-copy-dynamic h1{font-size:57px}
  .campaign-image{inset:72px -47% 82px}
  .campaign-feature h2{font-size:23px}
  .collection-heading h1{font-size:40px}
  .catalog .product-image{height:215px}
  .catalog .product-info h3{font-size:22px}
  .curated .product-image{height:295px}
}
@media(prefers-reduced-motion:reduce){.mobile-dock *,.collection-refine>summary>span{transition:none}}

/* Keep every mobile headline on a dark, readable part of the photograph. */
@media(max-width:700px){
  .campaign-image:after{background:linear-gradient(180deg,#000 0%,#000000eb 18%,#0000009c 31%,#0000 47%),linear-gradient(0deg,#000 0%,#000000ed 27%,#0000 49%)}
  #hero-copy-dynamic h1{color:#f4f0e8;text-shadow:0 2px 20px #000c}
  #hero-copy-dynamic h1 em{color:#e0caa4}
  #hero-copy-dynamic p{color:#e0dbd1;text-shadow:0 1px 10px #000}
  .lounge-section:after{background:linear-gradient(0deg,#090907 0%,#090907fa 44%,#090907d9 62%,#09090747 82%,#0909070a 100%)}
  .lounge-copy h2{color:#f4f0e8}
  .lounge-copy h2 em{color:#e0c69e}
  .lounge-copy p{color:#d0c9bb}
  .lounge-copy>.eyebrow,.lounge-caption{color:#dfc79f}
  .lounge-caption{max-width:100%;line-height:1.6}
  .lounge-copy .light-button{border-color:#c9b18eaa;background:#09090755;color:#f2e8d5}
  .craft-photo:after{background:linear-gradient(0deg,#060706 5%,#060706ee 48%,#060706ad 69%,#06070620 100%)}
  .craft-copy p{color:#d0c9bb}
  .craft-copy h2{color:#f4f0e8}
  .craft-copy h2 em,.craft-copy>.eyebrow,.craft-copy>.text-link{color:#e0c69e}
  .craft-specs small{color:#c1bdaf}
  .club-hero{display:flex;align-items:flex-end;min-height:730px}
  .club-hero>div{padding:260px 7% 58px}
  .club-hero:after{background:linear-gradient(0deg,#080908 0%,#080908f5 44%,#080908c9 63%,#08090840 82%,#08090810)}
  .club-hero h1{font-size:64px;line-height:1.02;margin:20px 0 22px;color:#f4f0e8}
  .club-hero h1 em,.club-hero .eyebrow{color:#e0c69e}
  .club-hero p{color:#d0c9bb;max-width:32ch;font-size:16px}
}
@media(max-width:359px){
  .club-hero h1{font-size:56px}
  .lounge-copy h2{font-size:38px}
}

@media(max-width:700px){
  .product-info .eyebrow,.catalog .product-info .eyebrow{min-height:0}
  .catalog .product-info .eyebrow{font-size:11px;letter-spacing:.04em}
  .catalog .product-info h3,.catalog .product-info p{min-height:0}
  .catalog .product-info h3{margin:7px 0 6px}
  .catalog .product-info p{font-size:12px;margin:0;line-height:1.5}
  .catalog .product-info p span{padding:0 2px}
  .product-bottom,.curated .product-bottom{margin-top:10px;padding-top:0}
  .product-bottom strong,.product-bottom>span{padding-top:0}
  .detail-price{margin-top:14px}
  .product-description{margin-top:18px}
}
@media(max-width:700px){
  #hero-copy-dynamic p{padding:5px 16px 5px 0;background:linear-gradient(90deg,#000000ed 0%,#000c 72%,transparent)}
  #hero-copy-dynamic h1 em{text-shadow:0 2px 4px #000,0 0 20px #0009}
}
