/* The shop is a small, considered catalogue. Device frames are illustrative. */
.boutique-store .store-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,360px);gap:28px 8%;align-items:end;padding-top:47px;padding-bottom:40px}
.boutique-store .store-intro .eyebrow{margin-bottom:16px}
.boutique-store .store-intro h1{font:650 clamp(42px,4.8vw,72px)/1.12 var(--sans);letter-spacing:-.055em}
.boutique-store .store-intro h1 .pixel-accent{display:inline-block;font:400 .95em/1.45 var(--pixel);color:var(--rust)}
.boutique-store .store-intro .store-description{font-size:14px;line-height:1.8;margin:0;color:#58604f}
.boutique-store .store-intro .store-status{font:9px/1.6 var(--mono);letter-spacing:.04em;margin-top:16px;color:#795b44}
.store-status::before{content:'';display:inline-block;width:5px;height:5px;background:var(--rust);margin-right:9px}
.boutique-store .shop-catalogue{padding-top:35px;padding-bottom:66px}
.shop-section-top{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px}
.shop-section-top h2{font:600 23px/1.3 var(--sans);letter-spacing:-.035em}
.shop-section-top>.mono{font-size:9px;letter-spacing:.03em;color:#666857}
.shop-product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.shop-product{min-width:0}
.shop-product-visual{display:block;aspect-ratio:1.24;position:relative;isolation:isolate;overflow:hidden;background:#dfd8c8;transition:background .25s}
.shop-product-visual:hover{background:#d7cdbb}
.shop-product-visual:focus-visible{outline-offset:5px}
.shop-product-visual::after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid #453c2020}
.shop-visual-caption{position:absolute;inset:24px 24px auto;display:flex;justify-content:space-between;gap:12px;align-items:start;z-index:3}
.shop-visual-caption>span{font:9px/1.5 var(--mono);letter-spacing:.04em;color:#565b49}
.shop-visual-caption>small{font:8px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.07em;padding:5px 7px;background:#f3e9d8b8;color:#695641}
.shop-cover-number{position:absolute;bottom:21px;left:24px;font:8px/1.6 var(--mono);letter-spacing:.1em;color:#66614f}
.shop-cover-arrow{position:absolute;bottom:16px;right:21px;font:25px/1 var(--sans);color:#65634f;transition:transform .25s}
.shop-product-visual:hover .shop-cover-arrow{transform:translate(3px,-3px)}
.shop-phone-arrangement{position:absolute;inset:17% 10% 14%;display:flex;align-items:center;justify-content:center;gap:0;perspective:900px}
.shop-cover-phone{height:84%;aspect-ratio:9/19.5;padding:4px;border:1px solid #656058;background:#1c1e1b;border-radius:12px;box-shadow:10px 18px 25px #3e2e2229;overflow:hidden;position:relative}
.shop-cover-phone::after{content:'';position:absolute;width:4px;height:4px;top:9px;left:calc(50% - 2px);border-radius:50%;background:#151715}
.shop-cover-phone>span{height:100%;width:100%;display:block;border-radius:8px}
.shop-cover-phone:nth-child(1){transform:translate(12%,6%) rotate(-9deg);z-index:1}
.shop-cover-phone:nth-child(2){height:100%;z-index:2;transform:translateY(-2%);box-shadow:5px 18px 27px #3e2e2247}
.shop-cover-phone:nth-child(3){transform:translate(-12%,6%) rotate(9deg);z-index:1}
.shop-product-visual--desktop{background:#dedbce}
.shop-product-visual--desktop:hover{background:#d4d1c1}
.shop-cover-monitor{position:absolute;left:11%;right:11%;top:29%;aspect-ratio:21/9;background:#22241f;padding:6px;border:1px solid #595b50;box-shadow:8px 14px 23px #37342633;border-radius:4px}
.shop-cover-monitor>span{display:block;height:100%;width:100%;background-position:50% 50%;border-radius:1px}
.shop-cover-monitor::before{content:'';position:absolute;top:100%;left:47%;width:6%;height:30%;background:linear-gradient(90deg,#35382f,#777970,#383b32)}
.shop-cover-monitor::after{content:'';position:absolute;top:calc(130% - 1px);left:31%;width:38%;height:4%;background:#45483d;clip-path:polygon(18% 0,82% 0,100% 100%,0 100%)}
.shop-product-meta{padding:21px 0 0;display:grid;grid-template-columns:1fr auto;gap:8px 22px;align-items:start}
.shop-product-meta h3{font:600 clamp(20px,2vw,28px)/1.2 var(--sans);letter-spacing:-.04em}
.shop-product-meta .shop-format{font:10px/1.6 var(--mono);letter-spacing:.01em;color:#626653;margin-top:7px}
.shop-product-meta .shop-availability{font-size:12px;color:#656956;grid-column:1;margin-top:7px}
.shop-product-meta .quiet-link{font-size:11px;gap:16px;padding-top:0;grid-column:2;grid-row:1 / span 2}
.shop-catalogue-note{margin-top:30px;padding-top:20px;border-top:1px solid var(--fine);font-size:12px;line-height:1.8;color:#676c58;max-width:100%}
.boutique-store .shop-try-on{padding-top:60px;padding-bottom:65px;background:#e9e1d2;border-top:1px solid var(--fine);border-bottom:1px solid var(--fine)}
.shop-preview-heading{display:grid;grid-template-columns:1fr minmax(230px,340px);gap:30px;align-items:end;margin-bottom:32px}
.shop-preview-heading .eyebrow{margin-bottom:15px}
.shop-preview-heading h2{font:600 clamp(35px,3.7vw,56px)/1.15 var(--sans);letter-spacing:-.05em}
.shop-preview-heading>p{font-size:13px;line-height:1.8;color:#59604f}
.shop-preview-panel{display:grid;grid-template-columns:210px minmax(0,1fr);background:#f3e9d8;border:1px solid #c7bca8;min-width:0}
.shop-art-selector{display:flex;flex-direction:column;border-right:1px solid #c7bca8;padding:24px 19px}
.shop-selector-label{font:9px/1.6 var(--mono);text-transform:uppercase;letter-spacing:.1em;margin-bottom:17px;color:#665d49}
.shop-art-option{display:flex;flex-direction:column;align-items:flex-start;gap:10px;border:0;border-top:1px solid #c7bca8;background:none;text-align:left;padding:17px 0;color:var(--ink)}
.shop-art-thumbnail{display:block;aspect-ratio:1.65;width:100%;background-size:cover;transition:transform .25s}
.shop-art-option:hover .shop-art-thumbnail{transform:translateY(-2px)}
.shop-art-option>span:last-child{display:flex;justify-content:space-between;align-items:center;width:100%;gap:10px}
.shop-art-option strong{font:600 13px/1.4 var(--sans);letter-spacing:-.015em}
.shop-art-option small{font:8px/1.5 var(--mono);color:#77765f}
.shop-art-option[aria-pressed=true]{border-top-color:var(--rust)}
.shop-art-option[aria-pressed=true] strong{color:#a33e21}
.shop-art-option[aria-pressed=true] .shop-art-thumbnail{outline:1px solid var(--rust);outline-offset:3px}
.shop-preview-space{min-width:0}
.shop-device-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:18px 20px;border-bottom:1px solid #c7bca8}
.shop-device-toolbar>.shop-selector-label{margin:0 7px 0 0}
.shop-device-options{display:flex;flex-wrap:wrap;gap:4px}
.shop-device-options button{border:1px solid transparent;background:none;font:10px/1.3 var(--sans);padding:10px 12px;min-height:40px}
.shop-device-options button:hover{background:#ded7c6}
.shop-device-options button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.shop-stage{min-height:440px;height:440px;position:relative;display:flex;align-items:center;justify-content:center;padding:30px 35px 48px;background:radial-gradient(ellipse at 50% 60%,#c9b79c6b,transparent 65%);overflow:hidden}
.shop-device{height:330px;aspect-ratio:9/19.5;position:relative;background:#191c18;border:1px solid #777467;padding:5px;border-radius:12px;box-shadow:13px 23px 30px #382b2038;transition:width .4s,height .4s,border-radius .4s,aspect-ratio .4s}
.shop-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:8px;color:#fff7e7;isolation:isolate}
.shop-wallpaper{position:absolute;inset:0;z-index:-1}
.shop-camera{position:absolute;left:calc(50% - 3px);top:7px;width:6px;height:6px;border-radius:50%;background:#171916}
.shop-clock{position:absolute;top:35px;left:8px;right:8px;text-align:center;text-shadow:0 1px 10px #1a19164d}
.shop-clock>small{display:block;font-size:8px;line-height:1.5;letter-spacing:.01em}
.shop-clock>strong{display:block;font:400 40px/1.2 var(--sans);letter-spacing:-.06em}
.shop-phone-footer{position:absolute;bottom:8px;left:calc(50% - 20px);width:40px;height:2px;border-radius:4px;background:#fff7e7c9}
.shop-dock{display:none;position:absolute;bottom:7px;left:50%;transform:translateX(-50%);gap:4px;padding:4px;border:1px solid #fff7e740;background:#fff7e726;border-radius:5px}
.shop-dock i{width:11px;height:11px;display:block;background:#f3e9d8a1;border-radius:3px}
.shop-dock i:nth-child(2){background:#d28a62}.shop-dock i:nth-child(4){background:#8f9d89}
.shop-stage[data-shop-device=iphone] .shop-device{aspect-ratio:9/19.5;border-radius:29px;padding:5px}
.shop-stage[data-shop-device=iphone] .shop-screen{border-radius:23px}
.shop-stage[data-shop-device=iphone] .shop-camera{width:40px;height:11px;left:calc(50% - 20px);top:6px;border-radius:10px}
.shop-stage[data-shop-device=pixel] .shop-device{aspect-ratio:9/20;border-radius:24px;padding:5px}
.shop-stage[data-shop-device=pixel] .shop-screen{border-radius:18px}
.shop-stage[data-shop-device=pixel] .shop-clock{top:55px}
.shop-stage[data-shop-device=pixel] .shop-clock>strong{font-weight:650;letter-spacing:-.06em}
.shop-stage[data-shop-device=desktop] .shop-device,.shop-stage[data-shop-device=ultrawide] .shop-device{width:88%;max-width:600px;height:auto;aspect-ratio:16/9;padding:7px;border-radius:5px;margin-bottom:25px}
.shop-stage[data-shop-device=ultrawide] .shop-device{width:94%;max-width:770px;aspect-ratio:21/9}
.shop-stage[data-shop-device=desktop] .shop-screen,.shop-stage[data-shop-device=ultrawide] .shop-screen{border-radius:0}
.shop-stage[data-shop-device=desktop] .shop-camera,.shop-stage[data-shop-device=ultrawide] .shop-camera,.shop-stage[data-shop-device=desktop] .shop-phone-footer,.shop-stage[data-shop-device=ultrawide] .shop-phone-footer{display:none}
.shop-stage[data-shop-device=desktop] .shop-clock,.shop-stage[data-shop-device=ultrawide] .shop-clock{top:23%}
.shop-stage[data-shop-device=desktop] .shop-dock,.shop-stage[data-shop-device=ultrawide] .shop-dock{display:flex}
.shop-stage[data-shop-device=desktop] .shop-stand,.shop-stage[data-shop-device=ultrawide] .shop-stand{position:absolute;top:100%;width:8%;left:46%;height:36px;background:linear-gradient(90deg,#373b31,#74766a,#3d4035)}
.shop-stage[data-shop-device=desktop] .shop-stand::after,.shop-stage[data-shop-device=ultrawide] .shop-stand::after{content:'';position:absolute;top:100%;left:-120%;width:340%;height:6px;background:#424739;clip-path:polygon(17% 0,83% 0,100% 100%,0 100%)}
.shop-stage.hide-overlay .shop-clock,.shop-stage.hide-overlay .shop-dock,.shop-stage.hide-overlay .shop-phone-footer{display:none}
.shop-stage-marker{position:absolute;font:14px/1 var(--mono);color:#8f8976}
.shop-stage-marker:first-child{top:20px;left:20px}.shop-stage-marker:last-child{bottom:22px;right:20px}
.shop-screen-note{position:absolute;bottom:18px;left:20px;font:8px/1.5 var(--mono);letter-spacing:.03em;color:#7b725d}
.shop-preview-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;border-top:1px solid #c7bca8;font-size:11px}
.shop-preview-bottom .mono{font-size:9px;letter-spacing:.01em}
.shop-preview-bottom label{display:flex;align-items:center;gap:9px;cursor:pointer}
.shop-preview-bottom input{accent-color:var(--ink);width:16px;height:16px;margin:0}
.shop-footer-note{font-size:11px;color:#676c58;line-height:1.8;margin-top:17px;max-width:700px}
.shop-newsletter-invite{margin-top:36px;padding-top:27px;border-top:1px solid #c7bca8;display:flex;align-items:center;justify-content:space-between;gap:35px}
.shop-newsletter-invite h3{font:600 24px/1.3 var(--sans);letter-spacing:-.035em}
.shop-newsletter-invite p{font-size:13px;line-height:1.8;color:#5b6350;margin-top:7px;max-width:530px}
.shop-newsletter-invite .quiet-link{white-space:nowrap;font-size:12px}
.boutique-store .product-summary{background:var(--paper);border-top:0}
.boutique-store .product-copy h2{font:600 clamp(36px,4.2vw,56px)/1.15 var(--sans)}
.boutique-store .store-faq{padding-top:56px}
.boutique-store .store-faq h2{font:600 clamp(32px,3.7vw,49px)/1.2 var(--sans)}
@media(min-width:1600px){.shop-preview-panel{grid-template-columns:240px minmax(0,1fr)}.shop-stage{height:490px}.shop-device{height:370px}}
@media(max-width:1000px){.shop-product-grid{gap:22px}.shop-product-meta{grid-template-columns:1fr;gap:7px}.shop-product-meta .quiet-link{grid-column:1;grid-row:auto;justify-self:start;margin-top:8px}.shop-preview-panel{grid-template-columns:170px minmax(0,1fr)}.shop-art-selector{padding:20px 15px}.shop-device-toolbar{padding:15px}.shop-device-options{gap:2px}.shop-device-options button{padding:10px;min-height:42px}.shop-stage{height:420px;min-height:420px;padding:30px 22px 45px}.shop-preview-heading{grid-template-columns:1.2fr 1fr;gap:30px}.shop-preview-bottom{flex-wrap:wrap;gap:12px;padding:17px 15px}.shop-stage[data-shop-device=desktop] .shop-clock>strong,.shop-stage[data-shop-device=ultrawide] .shop-clock>strong{font-size:30px}.shop-stage[data-shop-device=ultrawide] .shop-clock{top:16%}.shop-stage[data-shop-device=ultrawide] .shop-clock>small{font-size:7px}.shop-stage[data-shop-device=ultrawide] .shop-dock{bottom:4px;padding:3px}.shop-stage[data-shop-device=ultrawide] .shop-dock i{width:8px;height:8px}}
@media(max-width:760px){.boutique-store .store-intro{grid-template-columns:1fr;gap:17px;padding-top:37px;padding-bottom:30px}.boutique-store .store-intro h1{font-size:clamp(39px,8vw,56px)}.boutique-store .store-intro h1 .pixel-accent{display:inline-block;font-size:.95em;line-height:1.45}.boutique-store .store-intro .eyebrow{font-size:9px;margin-bottom:13px}.boutique-store .store-intro .store-description{font-size:13px;max-width:460px}.boutique-store .store-intro .store-status{font-size:8px;margin-top:12px}.boutique-store .shop-catalogue{padding-top:28px;padding-bottom:42px}.shop-section-top{gap:16px;margin-bottom:18px}.shop-section-top h2{font-size:21px}.shop-section-top>.mono{font-size:8px;max-width:100px;text-align:right}.shop-product-grid{grid-template-columns:1fr;gap:35px}.shop-product-visual{aspect-ratio:1.25}.shop-product-meta{grid-template-columns:1fr auto;gap:5px 14px;padding-top:17px}.shop-product-meta h3{font-size:23px}.shop-product-meta .shop-format{font-size:9px;margin-top:7px}.shop-product-meta .shop-availability{font-size:11px;margin-top:7px}.shop-product-meta .quiet-link{grid-column:2;grid-row:1 / span 2;margin-top:0;font-size:10px;gap:12px}.shop-visual-caption{inset:20px 20px auto}.shop-visual-caption>span{font-size:8px}.shop-visual-caption>small{font-size:7px}.shop-cover-number{left:20px;bottom:18px;font-size:7px}.shop-cover-arrow{right:18px;font-size:23px}.shop-catalogue-note{font-size:11px;margin-top:28px}.boutique-store .shop-try-on{padding-top:42px;padding-bottom:44px}.shop-preview-heading{display:block;margin-bottom:25px}.shop-preview-heading h2{font-size:36px}.shop-preview-heading>p{margin-top:17px;font-size:13px;max-width:460px}.shop-preview-panel{grid-template-columns:1fr}.shop-art-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:20px 17px;border-right:0;border-bottom:1px solid #c7bca8}.shop-art-selector>.shop-selector-label{grid-column:1/-1;margin:0}.shop-art-option{padding:12px 0 0;gap:11px}.shop-art-option strong{font-size:11px;line-height:1.4}.shop-art-option small{display:none}.shop-art-thumbnail{aspect-ratio:1.35}.shop-device-toolbar{padding:15px;gap:9px}.shop-device-toolbar>.shop-selector-label{flex-basis:100%;font-size:8px}.shop-device-options{gap:4px}.shop-device-options button{padding:10px 11px;font-size:10px;min-height:42px}.shop-stage{height:390px;min-height:390px;padding:26px 19px 45px}.shop-device{height:305px}.shop-stage[data-shop-device=desktop] .shop-device{width:92%}.shop-stage[data-shop-device=ultrawide] .shop-device{width:98%;padding:5px}.shop-stage[data-shop-device=desktop] .shop-clock>strong{font-size:30px}.shop-stage[data-shop-device=ultrawide] .shop-clock>strong{font-size:27px}.shop-stage[data-shop-device=ultrawide] .shop-clock{top:16%}.shop-stage[data-shop-device=desktop] .shop-clock>small{font-size:7px}.shop-preview-bottom{font-size:10px;padding:15px;gap:13px}.shop-preview-bottom .mono{font-size:8px}.shop-screen-note{font-size:7px;left:15px;bottom:18px}.shop-footer-note{font-size:10px}.shop-newsletter-invite{display:block;margin-top:28px;padding-top:25px}.shop-newsletter-invite h3{font-size:23px}.shop-newsletter-invite p{font-size:12px}.shop-newsletter-invite .quiet-link{margin-top:14px;font-size:11px}.boutique-store .product-copy h2{font-size:36px}.boutique-store .store-faq{padding-top:42px}.boutique-store .store-faq h2{font-size:34px}}
@media(max-width:370px){.shop-product-meta{grid-template-columns:1fr}.shop-product-meta .quiet-link{grid-column:1;grid-row:auto;margin-top:6px}.shop-visual-caption{inset:15px 15px auto}.shop-visual-caption>small{font-size:6px;padding:4px}.shop-cover-number{left:15px;font-size:6px}.shop-preview-heading h2{font-size:32px}.shop-device-options button{font-size:9px;padding:10px}.shop-art-selector{padding:18px 13px;gap:9px}.shop-art-option strong{font-size:10px}.shop-stage{padding-left:13px;padding-right:13px}.shop-stage[data-shop-device=ultrawide] .shop-clock{top:12%}.shop-stage[data-shop-device=ultrawide] .shop-clock>strong{font-size:21px}.shop-stage[data-shop-device=ultrawide] .shop-clock>small{font-size:6px}.shop-stage[data-shop-device=ultrawide] .shop-dock{padding:2px;gap:3px}.shop-stage[data-shop-device=ultrawide] .shop-dock i{width:6px;height:6px}}
@media(prefers-reduced-motion:reduce){.shop-device,.shop-product-visual,.shop-cover-arrow,.shop-art-thumbnail{transition:none}.shop-product-visual:hover .shop-cover-arrow,.shop-art-option:hover .shop-art-thumbnail{transform:none}}