.wrap{max-width:var(--sr-col, 1920px);margin-inline:auto;padding-inline:var(--gutter)}.cap{font:500 var(--step--1)/1.4 var(--display);letter-spacing:.18em;text-transform:uppercase}.code{font:400 11px/1.3 var(--mono);letter-spacing:.04em;color:var(--ink-soft)}.muted{color:var(--ink-soft)}.btn{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:15px 26px;text-decoration:none;cursor:var(--cur-tip);font:500 12px/1 var(--display);letter-spacing:.18em;text-transform:uppercase;transition:background .25s ease,color .25s ease}.btn.ghost{background:transparent;color:var(--ink)}@media(hover:hover){.btn:hover{background:transparent;color:var(--ink)}.btn.ghost:hover{background:var(--ink);color:var(--paper)}}.cta-row{display:flex;gap:12px;flex-wrap:wrap}:where(.sr-shop,.pd,.zoom,.sr-card) :is(h1,h2,h3){font-family:var(--display);font-weight:300;margin:0;text-wrap:balance;letter-spacing:normal;color:inherit;word-break:normal}:where(.sr-shop,.pd,.zoom) h2{font-size:var(--step-3);line-height:1.02;letter-spacing:-.01em}:where(.sr-shop,.pd,.zoom,.sr-card) img{max-width:100%;display:block}:where(.sr-shop,.pd,.zoom,.sr-card) a{color:inherit}:where(.sr-shop,.pd,.zoom,.sr-card) :is(button,input,select){font:inherit;color:inherit}:where(.sr-shop,.pd,.zoom,.sr-card) :focus-visible,:where(.zoom,.sr-card):focus-visible{outline:1.5px solid var(--ink);outline-offset:3px;box-shadow:none}.sr-card{display:grid;gap:8px;align-content:start}.tile{position:relative;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--radius);background:var(--linen);background:color-mix(in srgb,var(--tint, var(--linen)) 55%,var(--linen))}.sr-card.wide .tile{aspect-ratio:16 / 10}.enlarge{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;background:none;padding:0;cursor:var(--cur-tip)}.enlarge:focus-visible{outline-offset:-3px}.tile img{position:absolute;top:8%;right:8%;bottom:8%;left:8%;width:84%;height:84%;object-fit:contain;mix-blend-mode:multiply;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .35s ease}.sr-card.acc .tile img{top:18%;right:6%;bottom:18%;left:6%;width:88%;height:64%}.sr-card.acc .tile img.cut{top:4%;right:0;bottom:4%;left:0;width:100%;height:92%;mix-blend-mode:normal}.sr-card.acc .tile,.sheet.acc .stage{background:#fff}.sr-card:hover .tile img.on{transform:scale(1.04) rotate(-1deg)}.tile img.off{opacity:0;pointer-events:none}.tile.photo{background:#fff}.tile.photo img{top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 0%;mix-blend-mode:normal}.sr-card:hover .tile.photo img.on{transform:scale(1.02)}.tile img.hov{opacity:0}.sr-card:hover .tile img.hov.on{opacity:1}@media(hover:none){.sr-card:hover .tile img.hov.on{opacity:0}}.tile.photo img.bt{inset:auto -50% 0 -50%;margin:0 auto;height:143%;width:auto;max-width:none;object-fit:fill}.cue{position:absolute;right:12px;top:12px;background:var(--white);padding:6px 10px;opacity:0;transition:opacity .25s ease}.sr-card:hover .cue,.enlarge:focus-visible .cue{opacity:1}.meta-row{display:grid;gap:6px;justify-items:start;align-content:start}.badge-line{border:1px solid var(--stone);padding:3px 7px;font-size:10px;white-space:nowrap}.chips{display:flex;gap:6px;flex-wrap:wrap}.badge-line.gone{background:var(--ink);color:var(--paper);border-color:var(--ink)}.sr-card.soldout .add-bag{visibility:hidden}.toggle{position:absolute;right:10px;bottom:10px;z-index:2;display:flex;background:var(--white);padding:3px}.toggle button{border:0;background:transparent;padding:9px 11px;cursor:var(--cur-tip);font:500 10px/1 var(--display);letter-spacing:.14em;text-transform:uppercase}.toggle button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.name-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:4px}.sr-card .name{font-size:var(--step-1);font-weight:400;line-height:1.2;margin:0}.sr-card .sr-price{font:400 var(--step-1)/1.2 var(--display);white-space:nowrap}.sr-card .meta{margin:0;font-size:14px}.sizes{display:flex;gap:4px;flex-wrap:wrap}.sizes button{min-width:36px;padding:9px 6px;cursor:var(--cur-tip);border:1px solid var(--stone);background:transparent;font:500 11px/1 var(--display);letter-spacing:.06em}.sizes button:hover{border-color:var(--ink)}.sizes button:disabled,.sizes button:disabled:hover{color:var(--ink-soft);border-style:dashed;border-color:var(--stone);cursor:var(--cur);background:linear-gradient(to top right,transparent calc(50% - .6px),var(--taupe) calc(50% - .6px),var(--taupe) calc(50% + .6px),transparent calc(50% + .6px))}.sizes button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.textlink{justify-self:start;border:0;background:none;padding:6px 0;cursor:var(--cur-tip);font:500 11px/1 var(--display);letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid var(--ink);text-decoration:none;color:inherit}.z-add:disabled,.z-add:disabled:hover{background:transparent;color:var(--ink-soft);border:1px dashed var(--taupe);cursor:var(--cur)}.btn .sr-bag-icon{height:20px;flex:none}.sr-tick{width:16px;height:16px;flex:none;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sr-tick path{stroke-dasharray:1;stroke-dashoffset:1}.added .sr-tick path{animation:sr-tick-draw .4s cubic-bezier(.4,0,.2,1) .3s both}@keyframes sr-tick-draw{to{stroke-dashoffset:0}}.btn{position:relative}.btn>span{transition:opacity .25s ease}.btn .sr-bag-icon{transition:transform .45s cubic-bezier(.2,.8,.2,1)}.btn>.sr-tick{position:absolute;left:calc(50% + 4px);top:50%;margin-top:-8px;opacity:0;transition:opacity .2s ease}.btn.added>span{opacity:0}.btn.added>.sr-tick{opacity:1}.btn.added .sr-bag-icon,.btn.added:hover .sr-bag-icon{transform:translate(var(--to-mid, 0))}.sr-card .add-bag .plus{display:inline-grid;place-items:center;min-width:16px}@media(prefers-reduced-motion:reduce){.added .sr-tick path{animation:none;stroke-dashoffset:0}.btn>span,.btn .sr-bag-icon,.btn>.sr-tick{transition:none}}.add-slot{--slot-gap: 12px;display:grid;grid-template-rows:1fr}.add-slot>div{min-height:0}.pd-match>.add-slot{--slot-gap: 10px}@supports selector(:has(*)){.add-slot{grid-template-rows:0fr;margin-top:calc(-1 * var(--slot-gap));transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1),margin-top .45s cubic-bezier(.2,.8,.2,1)}.add-slot>div{clip-path:inset(0 -8px -8px -8px);visibility:hidden;transition:visibility 0s linear .45s}.add-slot .btn{transform:translateY(-115%);transition:transform .45s cubic-bezier(.2,.8,.2,1),background .25s ease,color .25s ease}:is(.z-size:has([aria-pressed=true])~.add-slot,:not(:has(>.z-size))>.add-slot.z,.pd-size:has([aria-pressed=true])~.add-slot,.pd-size[hidden]~.add-slot,.pd-sizes:has([aria-pressed=true])~.add-slot,.z-msizes:has([aria-pressed=true])~.add-slot,.add-slot:has(.btn:disabled)){grid-template-rows:1fr;margin-top:0}:is(.z-size:has([aria-pressed=true])~.add-slot,:not(:has(>.z-size))>.add-slot.z,.pd-size:has([aria-pressed=true])~.add-slot,.pd-size[hidden]~.add-slot,.pd-sizes:has([aria-pressed=true])~.add-slot,.z-msizes:has([aria-pressed=true])~.add-slot,.add-slot:has(.btn:disabled))>div{visibility:visible;transition-delay:0s}:is(.z-size:has([aria-pressed=true])~.add-slot,:not(:has(>.z-size))>.add-slot.z,.pd-size:has([aria-pressed=true])~.add-slot,.pd-size[hidden]~.add-slot,.pd-sizes:has([aria-pressed=true])~.add-slot,.z-msizes:has([aria-pressed=true])~.add-slot,.add-slot:has(.btn:disabled)) .btn{transform:none}}@media(prefers-reduced-motion:reduce){.add-slot,.add-slot>div,.add-slot .btn{transition:none}}.sr-card .add-bag{justify-self:start;display:inline-flex;align-items:center;gap:5px;border:0;background:none;padding:6px 4px 6px 0;cursor:var(--cur-tip);color:var(--ink)}.sr-card .sizes~.add-bag{opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .25s ease,transform .25s ease,visibility 0s linear .25s}.sr-card.sized .sizes~.add-bag{opacity:1;visibility:visible;transform:none;transition-delay:0s}@media(prefers-reduced-motion:reduce){.sr-card .sizes~.add-bag{transition:none}}.sr-card .add-bag .sr-bag-icon{height:26px}.sr-card .add-bag .plus{font:400 20px/1 var(--display)}.sr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,28px) clamp(14px,1.6vw,22px)}.sr-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.sr-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}@supports (grid-template-rows: subgrid){.sr-grid>.sr-card{grid-row:span 5;grid-template-rows:subgrid}.sr-grid>.sr-card>.meta-row+.add-bag{grid-row:span 2;align-self:start}@media(max-width:520px){.sr-grid>.sr-card{grid-row:span 3}}}.more-tile{aspect-ratio:4 / 5;border-radius:var(--radius);background:var(--linen);display:grid;place-items:center;align-content:center;gap:10px;text-align:center;text-decoration:none;padding:16px;transition:background .25s ease}.more-tile:hover{background:var(--stone)}.more-tile b{font:300 var(--step-2)/1.1 var(--display)}.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);z-index:90;transform:translate(-50%,16px);opacity:0;pointer-events:none;background:var(--ink);color:var(--paper);padding:13px 22px;max-width:calc(100% - 32px);text-align:center;font-size:14px;transition:opacity .3s,transform .3s}.toast.show{opacity:1;transform:translate(-50%)}.zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#f5efe6e6;background:color-mix(in srgb,var(--paper) 80%,transparent);backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);opacity:0;transition:opacity .3s ease}.zoom.open{opacity:1}.zoom-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overscroll-behavior:contain;display:grid;place-items:center;padding:calc(env(safe-area-inset-top,0px) + 60px) 16px calc(env(safe-area-inset-bottom,0px) + 32px)}.zoom .close{position:absolute;top:calc(env(safe-area-inset-top,0px) + 16px);right:16px;z-index:2;background:var(--ink);color:var(--paper);border:0;cursor:var(--cur-tip);padding:12px 16px}.sheet{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:clamp(20px,3vw,44px);align-items:center;width:min(1180px,100%)}.sheet.solo{grid-template-columns:minmax(0,520px);justify-content:center}.gallery{display:grid;gap:12px;justify-items:center}.stage{margin:0;position:relative;overflow:hidden;width:min(100%,calc(100vh - 220px));aspect-ratio:1;background:var(--linen);background:color-mix(in srgb,var(--tint, var(--linen)) 55%,var(--linen));border-radius:10px;box-shadow:0 50px 100px -50px #1f1f1f73}.sheet.wide .stage{aspect-ratio:5 / 4}.stage img{position:absolute;top:5%;right:5%;bottom:5%;left:5%;width:90%;height:90%;object-fit:contain;mix-blend-mode:multiply}.sheet.acc .stage img{top:16%;right:5%;bottom:16%;left:5%;height:68%}.sheet.acc .stage.cut img{top:3%;right:5%;bottom:3%;left:5%;height:94%;mix-blend-mode:normal}.stage.photo{background:#fff}.stage.photo img{top:2%;right:2%;bottom:2%;left:2%;width:96%;height:96%;mix-blend-mode:normal}.nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:44px;border-radius:50%;border:0;cursor:var(--cur-tip);background:var(--white);color:var(--ink);font-size:18px;box-shadow:0 10px 24px -14px #1f1f1f80;transition:transform .2s ease}.nav:hover{transform:translateY(-50%) scale(1.08)}.nav.prev{left:14px}.nav.next{right:14px}.count{position:absolute;left:14px;bottom:12px;background:var(--white);padding:5px 9px}.thumbs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.thumbs button{width:76px;padding:0 0 6px;border:1px solid transparent;background:none;cursor:var(--cur-tip);display:grid;gap:4px;justify-items:center}.thumbs img{width:76px;aspect-ratio:1;object-fit:contain;border-radius:6px;background:var(--linen);background:color-mix(in srgb,var(--tint, var(--linen)) 55%,var(--linen));mix-blend-mode:multiply}.thumbs img.photo{background:#fff;mix-blend-mode:normal;object-fit:cover;object-position:50% 0%}.thumbs button[aria-current=true]{border-bottom-color:var(--ink)}.thumbs span{font-size:10px}.panel{background:var(--white);padding:clamp(20px,2.4vw,32px);box-shadow:0 40px 80px -50px #1f1f1f66}.buy,.guide{display:grid;gap:12px;align-content:start;grid-auto-rows:max-content}.buy[hidden],.guide[hidden]{display:none}.panel h2{font-size:var(--step-2);line-height:1.1}.panel p{margin:0}.panel .sr-price{font:300 var(--step-2)/1 var(--display)}.z-size{display:grid;gap:8px}.z-size-head{display:flex;justify-content:space-between}.z-size .sizes{gap:5px}.z-size .sizes button{min-width:44px;padding:12px 6px}.z-fit{min-height:44px;padding-top:10px;border-top:1px solid var(--linen)}.z-fit dl{margin:0;display:grid;grid-template-columns:repeat(var(--cols, 3),minmax(0,1fr));gap:8px}.z-fit dt{font-size:10px}.z-fit dd{margin:3px 0 0;font:400 12px/1.3 var(--mono);letter-spacing:.01em;white-space:nowrap}.z-fit p{padding-top:6px}.z-add{width:100%;justify-content:center;margin-top:4px}.hint{font-size:13px}.z-more{margin-top:2px}.look-sheet .panel{width:min(520px,100%)}.pieces{list-style:none;margin:6px 0 2px;padding:0;display:grid;gap:12px}.pieces li{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:14px;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--linen)}.pieces button{display:block;width:64px;height:80px;overflow:hidden;border-radius:6px;padding:0;border:0;background:#fff;cursor:var(--cur-tip)}.pieces img{width:100%;height:100%;object-fit:cover;object-position:50% 0%;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.pieces img.bt{transform:scale(1.75);transform-origin:50% 82%}.pieces img.flat{object-fit:contain;background:var(--linen);mix-blend-mode:multiply}.pieces button:hover img{transform:scale(1.06)}.pieces button:hover img.bt{transform:scale(1.85)}.pieces b{display:block;font-weight:500;line-height:1.3}.pieces span.muted{font-size:13px}.panel .pieces .sr-price{font:300 var(--step-1)/1 var(--display)}.look-tip{font-size:13px}.notes{margin:4px 0 0;padding:12px 0 0;border-top:1px solid var(--linen);list-style:none;display:grid;gap:4px;font-size:13px}.notes li:before{content:"\b7   "}.guide-open{background:none;border:0;padding:0;cursor:var(--cur-tip);text-decoration:underline;text-underline-offset:3px}.guide{animation:guide-in .28s cubic-bezier(.2,.8,.2,1)}@keyframes guide-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.guide h3{font-size:var(--step-1)}.guide .textlink.guide-back{padding:0 0 4px;border:0}.guide .btn.guide-back{width:100%;justify-content:center}.units{display:flex;border:1px solid var(--ink-soft);justify-self:start}.units button{border:0;background:none;padding:9px 12px;cursor:var(--cur-tip);font:500 10px/1 var(--display);letter-spacing:.14em;text-transform:uppercase}.units button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.table-wrap{overflow-x:auto}.guide table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}.guide th,.guide td{text-align:left;padding:6px;border-bottom:1px solid var(--linen);white-space:nowrap}.guide thead th{font:500 10px/1.3 var(--display);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);border-bottom-color:var(--stone)}.guide tbody th{padding:0 6px 0 0}.guide tbody th button,.guide tbody th span{display:block;width:100%;text-align:left;padding:9px 6px;border:0;background:none;cursor:var(--cur-tip);font:500 12px/1 var(--display);color:inherit}.guide tbody th span{cursor:var(--cur)}.guide tbody tr:hover{background:var(--paper)}.guide tbody tr.picked{background:var(--ink);color:var(--paper)}.guide tbody tr.picked:hover{background:var(--ink)}.guide tr.unstocked{color:var(--ink-soft);opacity:.7}.guide tr.unstocked:hover{background:none}.guide-note{font-size:12px}.how{border-top:1px solid var(--linen);padding-top:10px}.how summary{cursor:var(--cur-tip);list-style:none;display:flex;justify-content:space-between}.how summary::-webkit-details-marker{display:none}.how summary:after{content:"+"}.how[open] summary:after{content:"\2212"}.how dl{margin:12px 0 0;display:grid;gap:8px;font-size:13px}.how dt{font-weight:500}.how dd{margin:0;color:var(--ink-soft)}@media(max-width:1000px){.sr-grid,.sr-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.zoom-scroll{place-items:start center}.sheet{grid-template-columns:minmax(0,1fr)}.stage{width:min(100%,calc(100vh - 260px))}}@media(max-width:760px){nav.main>a.hide-sm{display:none}.brand span{display:none}}@media(max-width:520px){.sr-grid,.sr-grid.three{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.sr-grid.two{grid-template-columns:minmax(0,1fr)}.sr-card .sizes,.sr-card .add-bag{display:none}.sr-card .name{font-size:16px}.sr-card .sr-price{font-size:15px}.more-tile b{font-size:20px}.shop-panel{left:auto;right:-80px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tile img,.btn,.zoom,.nav,.cue{transition:none}.guide{animation:none}}.z-match{display:grid;gap:10px;margin-top:6px;padding-top:14px;border-top:1px solid var(--linen)}.z-match>.add-slot{--slot-gap: 10px}.z-match-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;text-decoration:none;color:inherit}.z-match-pic{display:block;width:48px;height:60px;overflow:hidden;border-radius:6px;background:#fff}.z-match-pic img{width:100%;height:100%;object-fit:cover;object-position:50% 0%}.z-match-pic img.bt{transform:scale(1.75);transform-origin:50% 82%}.z-match-what{display:grid;gap:2px;min-width:0}.z-match-what b{font-weight:500;line-height:1.3}.z-match-item .sr-price{font:400 var(--step-1)/1.2 var(--display);white-space:nowrap}@media(hover:hover){.z-match-item:hover .z-match-what b{text-decoration:underline;text-underline-offset:4px}}.z-madd{width:100%;justify-content:center}.z-madd:disabled,.z-madd:disabled:hover{background:transparent;color:var(--ink-soft);border:1px dashed var(--taupe);cursor:var(--cur)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/sr-common.css.map */
