.masthead .brand{margin-top:0}
.sound-toggle{position:absolute;left:4px;bottom:0;display:grid;place-items:center;width:44px;height:44px}
.sound-toggle svg{width:19px;height:19px;fill:none;stroke:var(--muted);stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}
.sound-toggle .sound-slash{display:none}
.sound-toggle[aria-pressed=false] .sound-waves{display:none}
.sound-toggle[aria-pressed=false] .sound-slash{display:block}
/* The hand demonstrates actual controls before the compact invitation appears. */
.swipe-tutorial{position:absolute;inset:0;z-index:12;pointer-events:none}
.tutorial-hand{position:absolute;left:0;top:0;width:38px;height:46px;opacity:0;pointer-events:none;transform-origin:15px 5px;transition:opacity 180ms ease;will-change:transform}
.tutorial-hand svg{width:100%;height:100%;fill:#fcfbf7ed;stroke:#474d40;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 4px #3b3c292d);transition:scale 150ms ease}
.tutorial-hand.is-visible{opacity:.93}
.tutorial-hand.is-tapping svg{scale:.86}
.tutorial-tap-ring{position:absolute;left:6px;top:-4px;width:19px;height:19px;border:1px solid #505749;border-radius:50%;opacity:0;scale:.7}
.tutorial-hand.is-tapping .tutorial-tap-ring{animation:tutorial-tap 420ms ease-out both}
.tutorial-panel{position:absolute;left:var(--tutorial-panel-x,50%);top:var(--tutorial-panel-y,calc(100% - 12px));transform:translate(-50%,-100%);width:var(--tutorial-panel-width,280px);padding:16px 14px 6px;border:1px solid transparent;border-radius:16px;text-align:center}
.tutorial-title{font:400 26px/1.18 Georgia,'Times New Roman',serif;letter-spacing:-.035em;margin:0 auto 22px;max-width:230px;text-wrap:balance;opacity:0;translate:0 5px;transition:opacity 240ms ease,translate 240ms ease}
.swipe-tutorial.is-prompt .tutorial-panel{transform:translate(-50%,-50%);padding:26px 24px 24px;background:#f8f6f1f2;border-color:#ffffffc4;box-shadow:0 16px 50px #39372d1a,0 1px 4px #39372d0a,inset 0 0 0 1px #807b6b12;backdrop-filter:blur(14px);animation:tutorial-invitation 320ms cubic-bezier(.2,.7,.2,1) both}
.swipe-tutorial.is-prompt .tutorial-title{opacity:1;translate:0 0}
.tutorial-skip{display:block;pointer-events:auto;width:100%;min-height:48px;padding:0 22px;border:1px solid #30352c;border-radius:999px;background:#2c3128;box-shadow:0 3px 9px #272c2114,inset 0 1px 0 #ffffff0c;color:#fbfaf7;font-size:13px;line-height:1.2;letter-spacing:.035em;text-decoration:none;transition:background 150ms ease,transform 150ms ease,box-shadow 150ms ease}
.tutorial-skip:hover{background:#3d4435;box-shadow:0 4px 12px #272c2120,inset 0 1px 0 #ffffff12}
.tutorial-skip:active{transform:scale(.98)}
.tutorial-skip:focus-visible{outline:1px solid #f8f6f1b3;outline-offset:-5px}
.ad:not(.is-ready) .swipe-tutorial,.ad.is-finished .swipe-tutorial{display:none}
.ad.is-tutorial .gesture-hint,.ad.is-tutorial #finish{visibility:hidden}
.ad.is-tutorial .wardrobe{opacity:1}
.ad.is-tutorial .tabs button.tutorial-target{background:#ffffff70;box-shadow:inset 0 0 0 1px #767b6e50;border-radius:4px}
@keyframes tutorial-tap{0%{opacity:.1;scale:.7}35%{opacity:.65}100%{opacity:0;scale:1.8}}
@keyframes tutorial-invitation{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}
@media(max-height:650px) and (orientation:portrait){.tutorial-hand{width:34px;height:41px}.tutorial-title{font-size:24px;margin-bottom:20px}.tutorial-panel{padding-top:14px}.swipe-tutorial.is-prompt .tutorial-panel{padding:24px 22px 22px}.tutorial-skip{min-height:46px}}
@media(orientation:landscape) and (max-height:500px){.sound-toggle{left:0}.masthead{padding-left:44px;padding-right:44px}.tutorial-hand{width:31px;height:37px}.tutorial-panel{padding:12px 12px 6px}.swipe-tutorial.is-prompt .tutorial-panel{padding:20px 24px}.tutorial-title{font-size:23px;margin-bottom:18px}.tutorial-skip{min-height:44px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.tutorial-hand{display:none}.tutorial-panel,.tutorial-title,.tutorial-skip{transition:none}}
/* Quiet editorial controls keep the photography at the centre of the ad. */
.tabs button{min-height:44px;flex-direction:row;gap:0;font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.tabs button[aria-selected=true]:after{height:1px;left:13px;right:13px}
.selection-line{font-size:12px;letter-spacing:.015em}
.swatches{gap:8px}
.swatch.is-accessory{width:64px;height:44px;border-radius:0}
.swatch.is-accessory:before{display:none}
.swatch.is-accessory.is-none:before{display:block;width:20px;height:20px;border:1px solid #929286;background:transparent}
.swatch.is-accessory[aria-pressed=true]:after{inset:1px;border-radius:0;border:1px solid #666b5f}
.swatch.is-accessory[aria-pressed=false]{box-shadow:inset 0 0 0 1px #686b5e20}
.accessory-thumbnail{position:absolute;left:4px;right:4px;top:4px;height:36px;overflow:hidden;pointer-events:none}
.accessory-photo{position:absolute;width:88px;height:220px;left:50%;top:-3px;transform:translateX(-50%);overflow:hidden}
.accessory-photo img{display:block;width:400%;height:100%;max-width:none;object-fit:fill;user-select:none;-webkit-user-drag:none}
.thumbnail-glasses .accessory-photo{width:180px;height:450px;top:-29px}
.primary{font-size:11px;letter-spacing:.13em;text-transform:uppercase}
@media(orientation:landscape) and (max-height:500px){.tabs button{font-size:9px;min-height:44px;letter-spacing:.08em}}

.accessory-retail{display:block;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:multiply}

/* A short, direct desktop drag. */
.swipe-area{inset:0;user-select:none;-webkit-user-select:none;cursor:grab}
.ad.is-dragging,.ad.is-dragging .swipe-area{cursor:grabbing}
.ad.is-tutorial .swipe-area{cursor:default}
@media(hover:hover) and (pointer:fine){.model-stage{cursor:grab}.ad.is-tutorial .model-stage{cursor:default}.ad.is-dragging .model-stage{cursor:grabbing}}