/* The shop at /shop (api/_lib/shop-view.js, assets/shop.js), on the site's tokens and components (site.css) */
.qs{--qs-err:#A3311A}
.qs-price b,.qs-line-s,.qs-sum dd,.qs-order-tot b,.qs-bn-h{font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
.qs [hidden],.qs-bagb[hidden]{display:none!important}
html.qs-lock{overflow:hidden}

/* the opening */
.qs-hero{padding:150px 0 30px}
.qs-hero-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:60px;align-items:center}
.qs-hero h1{max-width:none;font-size:clamp(46px,6vw,92px)}
.qs-hero .lede{max-width:50ch}
.qs-facts{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.qs-facts li{display:inline-flex;align-items:center;gap:10px;text-wrap:balance;padding:9px 16px;border:1px solid var(--hair-strong);border-radius:999px;background:#fff;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ivory-2)}
.qs-facts li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--gold)}
.qs-arch{width:270px;aspect-ratio:5/6}
.qs-arch picture,.qs-arch img{display:block;width:100%;height:100%}
.qs-arch img{object-fit:cover}
.qs-soon{padding-bottom:70px}
.qs-soon .cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}

/* Black November, in the promotion's black and gold */
.qs-bn{position:relative;margin:0 0 30px;border-radius:22px;background:#0B0B0B;color:#fff;overflow:hidden;isolation:isolate;box-shadow:0 26px 70px rgba(0,0,0,.16)}
.qs-bn::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 40% 120% at 100% 50%,rgba(201,162,74,.22),transparent 70%),radial-gradient(ellipse 30% 90% at 0% 0%,rgba(102,190,195,.12),transparent 70%)}
.qs-bn::after{content:"";position:absolute;inset:8px;border:1px solid rgba(226,195,119,.4);border-radius:16px;pointer-events:none}
.qs-bn-in{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"k t a" "h t a";gap:6px 44px;align-items:center;padding:28px 44px}
.qs-bn-k{grid-area:k;display:inline-flex;align-items:center;gap:12px;font-family:var(--mono);font-size:11.5px;letter-spacing:.24em;text-transform:uppercase;color:#E2C377}
.qs-bn-k::before{content:"";width:28px;height:1px;background:#E2C377}
.qs-bn-h{grid-area:h;font-family:var(--display);font-weight:500;font-size:clamp(32px,3.2vw,44px);line-height:1.02;color:#fff}
.qs-bn-h em{font-style:italic;color:#E2C377}
.qs-bn-t{grid-area:t;max-width:40ch;font-size:16px;line-height:1.55;color:rgba(255,255,255,.88)}
.qs-bn-a{grid-area:a;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 4px;color:#F3DFA2;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:gap .3s,color .3s}
.qs-bn-a:hover{color:#fff;gap:16px}

/* the products */
.qs-shop{position:relative;z-index:1;padding:20px 0 110px}
.qs-cats{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px}
.qs-cats button{min-height:44px;padding:0 20px;border-radius:999px;border:1px solid var(--hair-strong);background:#fff;color:var(--ivory);font-size:13px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .3s,border-color .3s,color .3s}
.qs-cats button:hover{border-color:var(--deep)}
.qs-cats button[aria-pressed="true"]{background:var(--deep);border-color:var(--deep);color:#fff}
.qs-noscript{margin:0 0 22px;padding:14px 18px;border-radius:12px;background:#FFF6DF;color:var(--bronze);max-width:66ch}
.qs-noscript a{color:inherit}
.qs-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.qs-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--hair);border-radius:22px;padding:12px;box-shadow:0 18px 50px rgba(12,62,69,.07);scroll-margin-top:150px;transition:box-shadow .5s var(--ease),transform .7s var(--ease-out)}
.qs-card:hover{box-shadow:0 26px 70px rgba(12,62,69,.13);transform:translateY(-3px)}
.qs-pic{position:relative;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:linear-gradient(160deg,#F5FAFA,#E2EFF0);cursor:pointer}
.qs-pic img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--ease-out)}
.qs-card:hover .qs-pic img{transform:scale(1.04)}
.qs-noimg::after{content:"";position:absolute;inset:16% 22% 12%;border:1px solid rgba(201,162,74,.55);border-radius:999px 999px 10px 10px;pointer-events:none}
.qs-mono{position:absolute;inset:0;display:grid;place-items:center;padding-top:6%;font-family:var(--display);font-style:italic;font-weight:500;font-size:clamp(80px,9vw,132px);line-height:1;color:var(--bronze);opacity:.62;user-select:none}
.qs-flag,.qs-tag{position:absolute;left:12px;top:12px;padding:7px 12px;border-radius:999px;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;pointer-events:none}
.qs-flag{background:#0B0B0B;color:#F3DFA2;border:1px solid rgba(226,195,119,.55)}
.qs-tag{background:rgba(255,255,255,.95);color:#141414;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.qs-out .qs-pic img,.qs-out .qs-mono{filter:grayscale(.6);opacity:.6}
.qs-tx{display:flex;flex-direction:column;align-items:flex-start;gap:8px;flex:1;padding:18px 10px 6px}
.qs-k{font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--bronze)}
.qs-n{font-family:var(--display);font-weight:500;font-size:clamp(26px,2.2vw,31px);line-height:1.08;letter-spacing:-.005em}
.qs-n button{display:inline;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:color .3s}
.qs-n button:hover{color:var(--champagne)}
.qs-d{color:var(--ivory-2);font-size:15px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.qs-row{align-self:stretch;margin-top:auto;padding-top:16px;border-top:1px solid var(--hair);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}
.qs-tx .qs-row{margin-top:auto}
.qs-k+.qs-n{margin-top:-2px}
.qs-d+.qs-row,.qs-n+.qs-row{margin-top:auto}
.qs-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;font-variant-numeric:lining-nums}
.qs-price b{font-family:var(--display);font-weight:500;font-size:29px;line-height:1;color:var(--ivory)}
.qs-price:has(s) b{color:var(--deep)}
.qs-price s{font-size:15px;color:var(--ivory-3);text-decoration-thickness:1px}
.qs-from{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ivory-3)}
.qs-v{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ivory-3)}
.qs-add{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 20px;border-radius:999px;border:1px solid var(--deep);background:#fff;color:var(--deep);font-size:12.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:background .35s,color .35s,border-color .35s}
.qs-add:hover,.qs-add.ok{background:var(--deep);color:#fff}
.qs-add.ok::before{content:"";width:10px;height:5px;border-left:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg) translateY(-2px)}
.qs-out-l{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ivory-3);padding:12px 0}

/* the tile that rounds off the last row */
.qs-tile{position:relative;display:none;flex-direction:column;min-height:420px;border-radius:22px;overflow:hidden;background:var(--deep-2);color:#fff;isolation:isolate}
.qs-tile-pic{position:absolute;inset:0;z-index:-1}
.qs-tile-pic picture,.qs-tile-pic img{display:block;width:100%;height:100%}
.qs-tile-pic img{object-fit:cover;object-position:61% 22%}
.qs-tile-pic::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,32,36,0) 30%,rgba(8,32,36,.55) 52%,rgba(8,32,36,.92) 74%,rgba(8,32,36,.96) 100%)}
.qs-tile::after{content:"";position:absolute;inset:10px;border:1px solid rgba(226,195,119,.45);border-radius:16px;pointer-events:none}
.qs-tile-t{margin-top:auto;display:grid;gap:10px;justify-items:start;padding:30px 30px 28px}
.qs-tile .qs-k{color:#F3DFA2}
.qs-tile-h{font-family:var(--display);font-weight:500;font-size:clamp(32px,2.8vw,40px);line-height:1.02;color:#fff}
.qs-tile-h em{font-style:italic;color:#F3DFA2}
.qs-tile-t p:not(.qs-tile-h){font-size:15.5px;line-height:1.55;color:rgba(255,255,255,.9);max-width:34ch}
.qs-tile-a{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#fff;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.4);transition:gap .3s,border-color .3s}
.qs-tile-a:hover{gap:16px;border-color:#F3DFA2}
@media (min-width:981px){.qs-tile[data-r3="1"]{display:flex}.qs-tile[data-r3="2"]{display:flex;grid-column:span 2}.qs-tile[data-r3="2"] .qs-tile-t{max-width:52%}.qs-tile[data-r3="2"] .qs-tile-pic img{object-position:center 22%}.qs-tile[data-r3="2"] .qs-tile-pic::after{background:linear-gradient(270deg,rgba(8,32,36,0) 35%,rgba(8,32,36,.7) 58%,rgba(8,32,36,.94) 85%)}}
@media (min-width:621px) and (max-width:980px){.qs-tile[data-r2="1"]{display:flex}}

/* how it works */
.qs-how{background:var(--canvas-2);padding:100px 0}
.qs-how h2{margin-top:22px}
.qs-how .pg-steps{margin-top:34px}
.qs-how .pg-steps b{font-weight:500}
.qs-how .pg-steps p{color:var(--ivory-2)}
.qs-how .pg-steps a{color:var(--ivory);text-decoration:none;border-bottom:1px solid var(--hair-strong);white-space:nowrap}
.qs-how .pg-steps a:hover{color:var(--champagne);border-color:var(--champagne)}
.qs-desk{margin:0}
.qs-desk .pg-frame{aspect-ratio:4/5;box-shadow:0 30px 80px rgba(12,62,69,.16)}
.qs-desk picture{display:block;height:100%}
.qs-desk figcaption{margin-top:14px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ivory-2)}

/* the header button */
.qs-bagb{display:inline-flex;align-items:center;gap:7px;flex:none;margin-left:18px;min-height:44px;padding:0 11px 0 12px;border:1px solid var(--hair-strong);border-radius:999px;background:none;color:var(--ivory);font-size:12px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:border-color .3s}
.qs-bagb:hover{border-color:var(--champagne)}
.qs-bagb svg{flex:none}
.qs-bagb-n{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--canvas-2);font-family:var(--mono);font-size:11px;letter-spacing:0}
.qs-bagb.has .qs-bagb-n{background:linear-gradient(135deg,#E2C377,#C9A24A);color:var(--ink)}
.qs-bagb.bump .qs-bagb-n{animation:qsbump .6s var(--ease-out)}
@keyframes qsbump{30%{transform:scale(1.35)}}
.qs-bagb+.menu-btn{margin-left:10px}
@media (max-width:1040px){.qs-bagb{margin-left:auto}}
.qs-bagb-l{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* the note after adding */
.qs-toast{position:fixed;right:22px;top:110px;z-index:80;display:flex;align-items:center;gap:14px;max-width:min(440px,calc(100vw - 24px));padding:8px 8px 8px 20px;border-radius:999px;background:#fff;border:1px solid rgba(19,122,133,.35);box-shadow:0 18px 50px rgba(12,62,69,.18)}
.qs-toast.on{animation:qsin .45s var(--ease-out)}
.qs-toast p{min-width:0;font-size:14.5px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.qs-toast button{flex:none;min-height:44px;padding:0 18px;border:0;border-radius:999px;background:var(--deep);color:#fff;font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
@media (max-width:620px){.qs-toast{left:12px;right:12px;max-width:none}}

/* dialogs */
.qs-dlg{padding:0;border:0;background:transparent;color:var(--ivory);max-width:none;max-height:none;overflow:visible}
.qs-dlg::backdrop{background:rgba(9,20,22,.6);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.qs-dlg[open]::backdrop{animation:qsfade .35s ease}
@keyframes qsfade{from{opacity:0}}
@keyframes qsin{from{opacity:0;transform:translateY(14px)}}
@keyframes qsside{from{opacity:.3;transform:translateX(48px)}}
.qs-x{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--hair-strong);background:rgba(255,255,255,.95);color:var(--ivory);font-size:26px;line-height:1;cursor:pointer;transition:border-color .3s,color .3s}
.qs-x:hover{border-color:var(--deep);color:var(--deep)}
.qs-k:empty{display:none}
.qs-tx>.qs-k:empty{display:block;visibility:hidden;min-height:1.45em}

/* the product view */
.qs-pd{width:min(1020px,94vw);margin:auto}
.qs-pd-in{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);max-height:min(92vh,780px);background:#fff;border-radius:26px;overflow:hidden;box-shadow:0 40px 120px rgba(0,0,0,.35)}
.qs-pd[open] .qs-pd-in{animation:qsin .45s var(--ease-out)}
.qs-pd .qs-x{position:absolute;top:14px;right:14px;z-index:3}
.qs-pd-g{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--canvas-2);min-height:0}
.qs-pd-main{position:relative;flex:1;min-height:0;aspect-ratio:1/1;max-height:calc(min(92vh,780px) - 28px);border-radius:16px;overflow:hidden;background:linear-gradient(160deg,#F5FAFA,#E2EFF0)}
.qs-pd-th:not([hidden])~.qs-pd-main,.qs-pd-g:has(.qs-pd-th:not([hidden])) .qs-pd-main{max-height:calc(min(92vh,780px) - 112px)}
.qs-pd-main img{width:100%;height:100%;object-fit:cover}
.qs-pd-th{display:flex;gap:8px;flex-wrap:wrap}
.qs-pd-th button{position:relative;width:64px;height:64px;padding:0;border-radius:12px;border:1px solid var(--hair);overflow:hidden;background:#fff;cursor:pointer}
.qs-pd-th button[aria-pressed="true"]{border-color:var(--deep);box-shadow:0 0 0 1px var(--deep)}
.qs-pd-th img{width:100%;height:100%;object-fit:cover}
.qs-pd-th .qs-mono{font-size:30px}
.qs-pd-t{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:48px 42px 34px;overflow-y:auto;overscroll-behavior:contain}
.qs-pd-t h2{font-size:clamp(36px,3.4vw,50px);line-height:1.02;padding-right:40px;outline:none}
.qs-pd-t .qs-price b{font-size:34px}
.qs-pd-d{color:var(--ivory-2);font-size:16.5px;line-height:1.65;max-width:52ch;white-space:pre-line}
.qs-vars{align-self:stretch;margin:6px 0 0;padding:0;border:0;min-width:0}
.qs-vars legend,.qs-lab{padding:0;margin-bottom:10px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--champagne)}
.qs-vl{display:flex;flex-wrap:wrap;gap:8px}
.qs-vopt{position:relative;cursor:pointer}
.qs-vopt input{position:absolute;opacity:0;width:1px;height:1px}
.qs-vopt span{display:flex;flex-direction:column;justify-content:center;min-height:52px;min-width:96px;padding:8px 18px;border:1px solid var(--hair-strong);border-radius:14px;transition:border-color .3s,background .3s}
.qs-vopt b{font-weight:500;font-size:15.5px;line-height:1.2}
.qs-vopt small{font-size:13px;color:var(--ivory-3)}
.qs-vopt:hover span{border-color:var(--deep)}
.qs-vopt input:checked+span{border-color:var(--deep);background:rgba(15,90,99,.06);box-shadow:inset 0 0 0 1px var(--deep)}
.qs-vopt input:focus-visible+span{outline:2px solid var(--gold);outline-offset:3px}
.qs-vopt.out{cursor:default}.qs-vopt.out span{border-style:dashed;color:var(--ivory-3)}.qs-vopt.out b{text-decoration:line-through;text-decoration-thickness:1px}
.qs-qty{display:flex;align-items:center;gap:18px;margin-top:4px}
.qs-qty .qs-lab{margin:0}
.qs-step{display:inline-flex;align-items:center;border:1px solid var(--hair-strong);border-radius:999px;background:#fff}
.qs-step button{width:44px;height:44px;border:0;border-radius:50%;background:none;color:var(--ivory);font-size:20px;line-height:1;cursor:pointer}
.qs-step button:hover:not(:disabled){color:var(--deep);background:rgba(15,90,99,.06)}
.qs-step button:disabled{opacity:.3;cursor:default}
.qs-step output,.qs-q{min-width:26px;text-align:center;font-weight:500;font-variant-numeric:tabular-nums}
.qs-note{min-height:1.4em;font-size:14px;color:var(--ivory-3)}
.qs-note:empty{display:none}
.qs-go{width:100%}
.qs-go:disabled{opacity:.5;cursor:default;transform:none;box-shadow:none}
.qs-fine{font-size:13.5px;line-height:1.55;color:var(--ivory-3)}

/* the bag */
.qs-bag{position:fixed;inset:0 0 0 auto;width:min(500px,100vw);height:100vh;height:100dvh;margin:0}
.qs-bag-in{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:24px 0 0 24px;box-shadow:-30px 0 90px rgba(12,62,69,.22)}
.qs-bag[open] .qs-bag-in{animation:qsside .45s var(--ease-out)}
.qs-bag-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px 18px 28px;border-bottom:1px solid var(--hair)}
.qs-bag-top h2{font-size:40px;line-height:1;outline:none}
.qs-bag-body{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:0 28px}
.qs-empty{padding:40px 0;display:grid;gap:18px;justify-items:start}
.qs-empty p{font-family:var(--display);font-size:26px;line-height:1.2;color:var(--ivory-2)}
.qs-lines{list-style:none;margin:0;padding:0}
.qs-line{display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:4px 16px;padding:20px 0;border-bottom:1px solid var(--hair)}
.qs-line-i{position:relative;grid-row:1/3;width:76px;height:76px;border-radius:12px;overflow:hidden;background:linear-gradient(160deg,#F5FAFA,#E2EFF0)}
.qs-line-i img{width:100%;height:100%;object-fit:cover}
.qs-line-i .qs-mono{font-size:38px;padding-top:4px}
.qs-line-i.qs-noimg::after{inset:10px 14px 8px}
.qs-line-t{display:flex;flex-direction:column;gap:3px;min-width:0}
.qs-line-t>b{font-family:var(--display);font-weight:500;font-size:22px;line-height:1.1}
.qs-line-v{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ivory-3)}
.qs-line-t .qs-price{margin-top:2px}
.qs-line-t .qs-price b{font-family:var(--body);font-size:15px;font-weight:500}
.qs-line-t .qs-price s{font-size:13.5px}
.qs-line-x{font-size:14px;color:var(--qs-err)}
.qs-line-s{font-family:var(--display);font-weight:500;font-size:22px;line-height:1.1;font-variant-numeric:lining-nums;text-align:right}
.qs-line-c{grid-column:2/4;display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px;margin-top:8px}
.qs-line-n{font-size:13px;color:var(--ivory-3)}
.qs-rm{margin-left:auto;min-height:44px;padding:0 2px;border:0;background:none;color:var(--ivory-2);font-size:12px;letter-spacing:.14em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.qs-rm:hover{color:var(--qs-err)}
.qs-line.gone .qs-line-t>b,.qs-line.gone .qs-line-i{opacity:.55}
.qs-foot{padding:6px 0 28px}
#qs-foot1{position:sticky;bottom:0;background:#fff;box-shadow:0 -1px 0 var(--hair)}
@media (max-height:800px){#qs-foot1{position:static;box-shadow:none}}
.qs-sum{margin:18px 0 0;display:grid;gap:9px}
.qs-sum div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:15.5px}
.qs-sum dt{color:var(--ivory-2)}
.qs-sum dd{margin:0;font-variant-numeric:tabular-nums;white-space:nowrap}
.qs-sum .qs-disc dd{color:var(--deep);font-weight:500}
.qs-sum .qs-tot{margin-top:4px;padding-top:12px;border-top:1px solid var(--hair-strong)}
.qs-sum .qs-tot dt{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ivory)}
.qs-sum .qs-tot dd{font-family:var(--display);font-weight:500;font-size:34px;line-height:1}
.qs-foot .qs-fine{margin-top:10px}
.qs-foot .qs-go{margin-top:18px}
.qs-foot .qs-go+.qs-fine{text-align:center}
.qs-link{display:block;margin:6px auto 0;min-height:44px;padding:0 10px;border:0;background:none;color:var(--ivory-2);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.qs-warn,.qs-err{margin-top:16px;padding:13px 16px;border-radius:12px;border:1px solid rgba(163,49,26,.32);background:#FDF3F0;color:#7A2414;font-size:15px;line-height:1.5}
.qs-warn{display:grid;gap:8px;justify-items:start}
.qs-warn button{min-height:44px;padding:0 16px;border-radius:999px;border:1px solid #7A2414;background:#fff;color:#7A2414;font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}

/* the details */
.qs-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:10px;padding:0;border:0;background:none;color:var(--champagne);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.qs-view fieldset{margin:22px 0 0;padding:0;border:0;min-width:0}
.qs-view legend{padding:0;margin-bottom:12px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--champagne)}
.qs-opts{display:grid;gap:10px}
.qs-opt{position:relative;display:block;cursor:pointer}
.qs-opt input{position:absolute;opacity:0;width:1px;height:1px}
.qs-opt span{position:relative;display:grid;gap:3px;padding:15px 18px 15px 52px;border:1px solid var(--hair-strong);border-radius:16px;transition:border-color .3s,background .3s}
.qs-opt span::before{content:"";position:absolute;left:18px;top:17px;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--hair-strong);background:#fff;transition:border-color .3s,background .3s}
.qs-opt:hover span{border-color:var(--deep)}
.qs-opt input:checked+span{border-color:var(--deep);background:rgba(15,90,99,.05);box-shadow:inset 0 0 0 1px var(--deep)}
.qs-opt input:checked+span::before{border-color:var(--deep);background:radial-gradient(circle,var(--deep) 0 5px,#fff 5.5px)}
.qs-opt input:focus-visible+span{outline:2px solid var(--gold);outline-offset:3px}
.qs-opt b{font-weight:500;font-size:16.5px;line-height:1.3}
.qs-opt small{font-size:14px;line-height:1.45;color:var(--ivory-2)}
.qs-mode.bad .qs-opt span{border-color:var(--qs-err)}
/* the shipping options: the same cards as pickup or shipping, with the price on the right */
.qs-rate span{grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:baseline}
.qs-rate-n,.qs-rate small{grid-column:1}
.qs-rate .qs-rate-p{grid-column:2;grid-row:1;text-align:right;white-space:nowrap;font-variant-numeric:lining-nums tabular-nums}
.qs-rate .qs-rate-p.free{color:var(--deep)}
.qs-rates.bad .qs-opt span{border-color:var(--qs-err)}
.qs-rst{font-size:14.5px;line-height:1.5;color:var(--ivory-2);outline:none}
.qs-rst.wait{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 18px;border:1px dashed var(--hair-strong);border-radius:16px}
.qs-rst.wait::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--gold);animation:qspulse 1.1s ease-in-out infinite alternate}
@keyframes qspulse{from{opacity:.25;transform:scale(.75)}}
.qs-rst.note{margin-bottom:10px;padding:12px 16px;border-radius:12px;border:1px solid rgba(19,122,133,.32);background:rgba(15,90,99,.06);color:var(--ivory)}
.qs-rdays{margin-top:10px}
.qs-rates .qs-warn{margin-top:0}
.qs-nw{white-space:nowrap}
.qs-fs{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.qs-f{min-width:0}
.qs-f.wide{grid-column:1/-1}
.qs-f label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--ivory-2)}
.qs-f label span{font-weight:400;color:var(--ivory-3)}
.qs-f input,.qs-f select{display:block;width:100%;height:50px;padding:0 14px;border:1px solid var(--hair-strong);border-radius:12px;background:#fff;color:var(--ivory);font:inherit;font-size:16px;-webkit-appearance:none;appearance:none;transition:border-color .3s,box-shadow .3s}
.qs-f select{padding-right:40px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23141414' stroke-width='1.4'/%3E%3C/svg%3E") right 16px center no-repeat}
.qs-f input:focus,.qs-f select:focus{outline:none;border-color:var(--champagne);box-shadow:0 0 0 3px rgba(19,122,133,.2)}
.qs-f.bad input,.qs-f.bad select{border-color:var(--qs-err);box-shadow:0 0 0 1px var(--qs-err)}
.qs-msg{margin-top:6px;font-size:13.5px;line-height:1.4;color:var(--qs-err)}
.qs-msg:empty{display:none}
#qs-v-det .qs-foot{margin-top:26px;border-top:1px solid var(--hair)}

/* back from Square */
.qs-order{position:relative;z-index:1;padding:156px 0 10px}
.qs-order-in{max-width:780px;margin:0 auto;padding:46px 52px 48px;background:#fff;border:1px solid var(--hair);border-radius:26px;box-shadow:0 30px 80px rgba(12,62,69,.1);outline:none}
.qs-order-in h2{margin-top:20px;font-size:clamp(40px,4.6vw,64px)}
.qs-order-p{margin-top:16px;font-size:17.5px;color:var(--ivory-2);max-width:56ch}
.qs-ref{white-space:nowrap}
.qs-order-in.wait h2 em{animation:qsglow 1.6s ease-in-out infinite alternate}
@keyframes qsglow{to{opacity:.45}}
.qs-order-items{list-style:none;margin:26px 0 0;padding:0;border-top:1px solid var(--hair)}
.qs-order-items li{display:flex;gap:14px;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--hair);font-size:17px}
.qs-order-q{flex:none;min-width:34px;font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--bronze)}
.qs-order-tot{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:16px}
.qs-order-tot span{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.qs-order-tot b{font-family:var(--display);font-weight:500;font-size:36px;line-height:1}
.qs-order-next{margin-top:26px;padding:20px 22px;border-radius:16px;background:var(--canvas-2)}
.qs-order-next b{display:block;font-family:var(--mono);font-weight:400;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--champagne)}
.qs-order-next p{margin-top:8px;font-size:16px;line-height:1.6;color:var(--ivory)}
.qs-order-in .cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.qs-ordering .qs-hero{padding-top:80px}

/* tablets and phones */
@media (max-width:980px){
  .qs-hero{padding:140px 0 26px}
  .qs-hero-in{grid-template-columns:1fr}
  .qs-arch{display:none}
  .qs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .qs-bn-in{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"k a" "h a" "t a";padding:26px 32px}
  .qs-how{padding:80px 0}
  .qs-desk .pg-frame{aspect-ratio:16/10}
}
@media (max-width:860px){
  .qs-pd-in{grid-template-columns:1fr;max-height:none;overflow:visible;border-radius:22px}
  .qs-pd{width:min(640px,94vw);max-height:94vh;overflow-y:auto;border-radius:22px;overscroll-behavior:contain}
  .qs-pd-main{aspect-ratio:4/3;max-height:none!important;flex:none}
  .qs-pd-t{overflow:visible;padding:26px 26px 30px}
}
@media (max-width:720px){
  .qs-hero{padding:118px 0 20px}
  .qs-hero h1{font-size:clamp(40px,12vw,56px)}
  .qs-facts{margin-top:20px;gap:8px 18px}
  .qs-facts li{padding:0;border:0;background:none;gap:8px;font-size:10.5px;letter-spacing:.12em}
  .qs-shop{padding-bottom:80px}
  .qs-bn{border-radius:20px}
  .qs-bn-in{grid-template-columns:1fr;grid-template-areas:"k" "h" "t" "a";gap:8px;padding:24px 24px 18px}
  .qs-bn-h{font-size:34px}
  .qs-bn-a{margin-left:-4px}
  .qs-order{padding-top:112px}
  .qs-order-in{padding:30px 22px 32px;border-radius:22px}
  .qs-order-in .cta .btn{width:100%}
  .qs-ordering .qs-hero{padding-top:50px}
  .qs-pd{width:100vw;height:100dvh;max-height:100dvh;border-radius:0}
  .qs-pd-in{min-height:100%;border-radius:0;box-shadow:none;display:flex;flex-direction:column}
  .qs-pd .qs-x{position:sticky;top:10px;align-self:flex-end;margin:10px 10px -54px 0}
  .qs-pd-g{padding:0}
  .qs-pd-main{aspect-ratio:1/1;border-radius:0}
  .qs-pd-th{padding:0 14px 4px}
  .qs-pd-t{padding:22px 20px 34px}
  .qs-pd-t h2{padding-right:0}
  .qs-bag{width:100vw}
  .qs-bag-in{border-radius:0}
  .qs-bag-top{padding:14px 14px 12px 20px}
  .qs-bag-top h2{font-size:34px}
  .qs-bag-body{padding:0 20px}
}
@media (max-width:620px){
  .qs-grid{grid-template-columns:1fr;gap:16px}
  .qs-card:hover{transform:none}
  .qs-n{font-size:28px}
}
@media (max-width:400px){
  .qs-fs{grid-template-columns:1fr}
  .qs-line{grid-template-columns:60px minmax(0,1fr) auto;gap:4px 12px}
  .qs-line-i{width:60px;height:60px}
  .qs-line-t>b,.qs-line-s{font-size:19px}
  .qs-line-c{grid-column:1/4}
}
@media (prefers-reduced-motion:reduce){
  .qs-card,.qs-pic img,.qs-add,.qs-bn-a,.qs-tile-a{transition:none}
  .qs-card:hover,.qs-card:hover .qs-pic img{transform:none}
  .qs-toast.on,.qs-dlg[open]::backdrop,.qs-pd[open] .qs-pd-in,.qs-bag[open] .qs-bag-in,.qs-bagb.bump .qs-bagb-n,.qs-order-in.wait h2 em,.qs-rst.wait::before{animation:none}
}
/* the announcements inside the dialogs stay within the dialog edge (the site's .sr has a -1px margin) */
.qs-dlg>.sr{left:0;top:0;margin:0}