/* DialByDay Collection Studio. Scoped to this prototype page. */
.studio{--studio-warm:#A47856;--studio-radius:14px;padding-bottom:90px;background:var(--paper);min-height:70vh}
.studio [hidden]{display:none!important}
.studio button{font-family:var(--font-body);-webkit-tap-highlight-color:transparent}
.studio button:disabled{cursor:default;opacity:.42}
.studio button:focus-visible,.studio input:focus-visible,.studio select:focus-visible{outline:3px solid var(--accent-ink);outline-offset:3px}
.studio-container{--content:1380px}
.studio-breadcrumb{display:flex;gap:12px;padding:18px 0 18px;font-size:.71rem;color:var(--muted)}
.studio-breadcrumb a{color:var(--ink)}
.studio-intro{display:grid;grid-template-columns:1fr 230px;gap:75px;align-items:end;padding:5px 0 19px}
.studio-kicker{display:flex;align-items:center;gap:10px;font:400 .63rem var(--font-detail);letter-spacing:.1em;margin:0 0 19px}
.studio-kicker>span{height:5px;width:5px;background:var(--copper);border-radius:50%}
.studio-intro h1{font-size:clamp(2.7rem,3.8vw,3.8rem);font-weight:600;letter-spacing:-.065em;line-height:1.06;max-width:900px;margin:0 0 18px}
.studio-intro h1 em{display:block;font-weight:400;color:var(--accent-ink)}
.studio-lede{color:var(--muted);font-size:.94rem;line-height:1.75;max-width:620px;margin:0}
.studio-steps{list-style:none;padding:0;margin:0 0 6px;font-size:.73rem;display:grid;gap:16px;color:var(--muted)}
.studio-steps li{display:flex;align-items:center;gap:11px;line-height:1.5}
.studio-steps span{font-family:var(--font-detail);font-size:.62rem;border:1px solid var(--line);width:29px;height:29px;display:grid;place-items:center;border-radius:50%}
.studio-steps [aria-current]{color:var(--ink);font-weight:600}
.studio-steps [aria-current] span{color:white;background:var(--ink);border-color:var(--ink)}
.studio-prototype{display:flex;align-items:center;gap:21px;border:1px solid #D4DEE5;border-radius:8px;background:#ECF1F5;padding:10px 17px;margin:6px 0 25px}
.studio-prototype__label{font:400 .55rem var(--font-detail);letter-spacing:.06em;flex-shrink:0;color:var(--ink)}
.studio-prototype p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.7}
.studio-notice{padding:20px;background:#FFF2DF;border:1px solid #A47856}
.studio-section-label{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 17px}
.studio-section-label h2{display:flex;align-items:center;gap:12px;font-size:1.13rem;letter-spacing:-.035em;line-height:1.35;margin:0;font-weight:600;scroll-margin-top:24px}
.studio-section-label h2>span{font:400 .6rem var(--font-detail);color:var(--accent-ink)}
.studio-section-label p{font-size:.71rem;color:var(--muted);margin:0}
.studio-size{padding-bottom:24px;margin-bottom:25px;border-bottom:1px solid var(--line)}
.studio-size-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.studio-size-option{display:flex;align-items:center;gap:16px;text-align:left;min-width:0;border:1px solid #D2DCE4;border-radius:10px;padding:16px 17px;background:white;color:var(--ink);transition:border-color .2s,box-shadow .2s,background .2s}
.studio-size-option:hover{border-color:#90A4B5;background:#FDFEFF}
.studio-size-option[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink);background:#F0F5F8}
.studio-size-option__art{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;flex-shrink:0;width:52px;padding:5px;background:linear-gradient(120deg,#A37A59,#664B37);border-radius:4px;box-shadow:0 2px 5px #102A4F1A;transform:rotate(-7deg)}
.studio-size-option__art i{height:18px;background:linear-gradient(100deg,#28313A,#4B5359);border-radius:2px;box-shadow:inset 0 0 2px #0008}
.studio-size-option[data-size="1"] .studio-size-option__art{width:31px;grid-template-columns:1fr;margin-inline:10px 11px}
.studio-size-option[data-size="1"] .studio-size-option__art i{height:30px}
.studio-size-option__copy{display:grid;gap:4px;min-width:0}
.studio-size-option__copy strong{font-size:.86rem;font-weight:600;line-height:1.4;white-space:nowrap}
.studio-size-option__copy small{font-size:.62rem;color:var(--muted);line-height:1.5}
.studio-size-option__price{margin-left:auto;display:grid;font-family:var(--font-editorial);font-size:1.35rem;line-height:1.3;text-align:right;white-space:nowrap}
.studio-size-option__price small{font-family:var(--font-body);font-size:.51rem;color:var(--muted);margin-top:4px}
.studio-size-option__price .studio-price-pending{font-family:var(--font-body);font-size:.68rem;line-height:1.5;white-space:normal;max-width:90px}
.studio-radio{display:grid;place-items:center;width:14px;height:14px;border:1px solid #A8B7C2;border-radius:50%;flex-shrink:0}
.studio-size-option[aria-pressed=true] .studio-radio{border:4px solid var(--ink);background:white}
.studio-workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:34px;align-items:start}
.studio-catalog{min-width:0}
.studio-quiet-button{border:0;background:transparent;color:var(--muted);font-size:.66rem;text-decoration:underline;text-underline-offset:3px;padding:9px 0;line-height:1.4}
.studio-quiet-button:hover{color:var(--ink)}
.studio-filters{margin-top:22px}
.studio-search-row{display:flex;gap:10px}
.studio-search{display:flex;align-items:center;gap:10px;border:1px solid #D4DDE4;background:white;border-radius:7px;padding:0 13px;min-height:45px;flex:1;min-width:0}
.studio-search svg{width:18px;height:18px;fill:none;stroke:var(--muted);stroke-width:1.5;flex-shrink:0}
.studio-search input{width:100%;min-width:0;background:transparent;color:var(--ink);font-size:.74rem;min-height:43px;border:0;border-radius:3px;padding:7px 0}
.studio-search input::placeholder{color:#637789;opacity:1}
.studio-strap-select select{height:45px;max-width:180px;border:1px solid #D4DDE4;border-radius:7px;color:var(--ink);background:white;font-size:.7rem;padding:0 28px 0 11px}

/* Dial portraits keep the style choice recognizable before customers browse. */
.studio-style-heading{margin:20px 0 5px;color:var(--ink);font-size:.72rem;font-weight:600;line-height:1.5}
.studio-style-filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:8px 3px 6px}
.studio-style-filters button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;min-width:0;min-height:116px;padding:11px 4px 9px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);white-space:normal;transition:background .2s,border-color .2s}
.studio-style-filters button:hover{border-color:#D2DFE8;background:#EDF3F7}
.studio-style-filters button[aria-pressed=true]{border-color:#B8CBD8;background:#E8F0F5;color:var(--ink)}
.studio-style-image{position:relative;display:block;flex:0 0 auto;width:66px;height:66px;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 50% 35%,#FFFFFF,#DAE5EC);box-shadow:0 0 0 1px #C7D5DF,0 4px 10px #102A4F12;transition:box-shadow .2s}
.studio-style-filters button[aria-pressed=true] .studio-style-image{box-shadow:0 0 0 3px var(--ink),0 4px 10px #102A4F1A}
.studio-style-image .studio-watch-art{display:block;width:100%;height:100%;max-width:100%;border-radius:50%;filter:none;transform:none;pointer-events:none}
.studio-style-name{display:block;width:100%;font-size:.65rem;font-weight:500;line-height:1.5;text-align:center}
.studio-style-filters button[aria-pressed=true] .studio-style-name{font-weight:600}
.studio-style-mini{position:absolute;display:block;width:34px;height:34px;overflow:hidden;border:2px solid #F7FAFC;border-radius:50%;box-shadow:0 2px 4px #102A4F26}
.studio-style-mini:nth-child(1){left:0;top:24px;z-index:1}
.studio-style-mini:nth-child(2){left:16px;top:7px;z-index:3}
.studio-style-mini:nth-child(3){left:32px;top:29px;z-index:2}
@media(max-width:700px){
 .studio-style-heading{margin-top:18px;font-size:.7rem}
 .studio-style-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding-top:7px}
 .studio-style-filters button{min-height:105px;padding:10px 4px 9px;gap:10px}
 .studio-style-image{width:58px;height:58px}
 .studio-style-name{font-size:.66rem}
 .studio-style-mini{width:30px;height:30px}
 .studio-style-mini:nth-child(1){left:0;top:20px}
 .studio-style-mini:nth-child(2){left:14px;top:6px}
 .studio-style-mini:nth-child(3){left:28px;top:25px}
}
.studio-results-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:45px}
.studio-results-bar p{margin:0;font-size:.64rem;color:var(--muted)}
.studio-replace-notice{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px 13px;background:#DFEAF0;border:1px solid #B9CEDA;border-radius:6px;font-size:.72rem;line-height:1.6;margin:6px 0 16px}
.studio-replace-notice button{flex-shrink:0;color:var(--ink)}

.studio-watch-art{display:block;width:auto;height:100%;max-width:100%;filter:drop-shadow(5px 7px 4px #142E4419);transition:transform .35s}

.studio-empty{padding:60px 25px;text-align:center;border:1px dashed #B7C6D1;border-radius:12px;background:white}
.studio-empty>span{font:400 2rem var(--font-editorial);color:var(--accent-ink)}
.studio-empty h3{font-size:1.4rem;margin:10px 0}
.studio-empty p{color:var(--muted);font-size:.85rem;max-width:400px;margin:0 auto 24px}
.studio-catalog-footnote{color:var(--muted);font-size:.61rem;line-height:1.8;padding:5px 0;margin:25px 0 0;max-width:650px}
.studio-box-panel{position:sticky;top:24px;padding:25px 24px 20px;background:var(--deep);border-radius:var(--studio-radius);color:white;box-shadow:0 12px 35px #102A4F12}
.studio-box-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:28px}
.studio-box-heading .studio-kicker{color:#B5CBD8;font-size:.47rem;letter-spacing:.08em;margin-bottom:10px}
.studio-box-heading h2{font-family:var(--font-editorial);font-weight:400;font-size:1.65rem;letter-spacing:-.045em;margin:0;line-height:1.1}
.studio-box-heading>[data-box-count]{display:grid;place-items:center;background:#1D3651;color:#D7E4EC;width:43px;height:43px;flex-shrink:0;border-radius:50%;font:400 .64rem var(--font-detail)}
.studio-box{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;border:7px solid #886344;background:repeating-linear-gradient(0deg,#63442F 0px,#745139 2px,#6D4932 4px);border-radius:7px;padding:5px;box-shadow:0 0 0 1px #AC8562,inset 0 2px 8px #0006,0 14px 20px #0003;min-height:122px}
.studio[data-size="1"] .studio-box{grid-template-columns:1fr;width:130px;margin:0 auto}
.studio[data-size="1"] .studio-slot{height:155px}
.studio-slot{position:relative;min-width:0;min-height:110px;background:radial-gradient(ellipse,#313A42,#1D242C);color:#95A6B2;border:1px solid #141D25;box-shadow:inset 0 2px 8px #0006;border-radius:4px;display:grid;place-items:center;overflow:hidden;padding:5px 0}
.studio-slot:before{content:"";height:68%;width:64%;border-radius:9px;box-shadow:inset 0 0 7px #5161702E,0 1px 5px #0002;background:linear-gradient(100deg,#272F36,#39424B,#292F37);position:absolute}
.studio-slot:hover{border-color:#BDD3DF}
.studio-slot.is-target{border:2px solid #CDDDE6}
.studio-slot.is-filled:before{opacity:.5}
.studio-slot .studio-watch-art{position:relative;width:100%;height:100px;z-index:1;filter:drop-shadow(1px 2px 1px #0006)}
.studio[data-size="1"] .studio-slot .studio-watch-art{height:140px}
.studio-slot-plus{position:relative;font-weight:300;font-size:1.3rem;line-height:1;opacity:.7}
.studio-slot-number{position:absolute;left:5px;bottom:3px;font:400 .4rem var(--font-detail);opacity:.7;z-index:2}
.studio-box-progress{height:2px;background:#2E4560;margin:26px 0 12px;border-radius:2px;overflow:hidden}
.studio-box-progress span{height:100%;display:block;background:#A8C5D6;transition:width .35s}
.studio-box-hint{font-size:.69rem;color:#B7CCD9;line-height:1.8;min-height:57px;margin:0 0 16px}
.studio-box-price{border-top:1px solid #304862;padding:19px 0 21px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.studio-box-price>div{display:grid;gap:5px;min-width:0}
.studio-box-price span{font-size:.63rem;color:#D2DEE7}
.studio-box-price small{font-size:.56rem;color:#AFC5D4;line-height:1.6}
.studio-box-price strong{font-family:var(--font-editorial);font-weight:400;font-size:2rem;line-height:1.1;letter-spacing:-.04em}
.studio-box-price strong.is-pending{font-family:var(--font-body);font-size:.76rem;letter-spacing:0;max-width:90px;text-align:right;line-height:1.5}
.studio-primary{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:48px;padding:14px 19px;background:var(--ink);color:white;border:1px solid var(--ink);border-radius:7px;font-weight:600;font-size:.76rem;line-height:1.45;text-align:left;transition:background .2s}
.studio-primary:hover{background:#23476A;border-color:#23476A}
.studio-primary>span{font-size:1rem;font-weight:400;line-height:1}
.studio-box-panel .studio-primary{background:#EDF4F8;color:var(--ink);border-color:#EDF4F8;width:100%}
.studio-box-panel .studio-primary:hover{background:white;border-color:white}
.studio-box-meta{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:10px 0 0}
.studio-box-meta>span{font-size:.53rem;line-height:1.5;color:#B2C8D7}
.studio-box-panel .studio-quiet-button{color:#D0E0E9;font-size:.57rem}
.studio-box-note{font-size:.53rem;line-height:1.8;color:#9CB5C8;margin:14px 0 0;padding-top:14px;border-top:1px solid #2D4560}

.studio-toast{position:fixed;z-index:80;bottom:28px;left:50%;transform:translate(-50%,20px);max-width:min(520px,calc(100% - 36px));width:max-content;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;color:white;background:var(--deep);box-shadow:0 5px 30px #102A4F2A;border:1px solid #5B7E98;border-radius:8px;padding:13px 20px;font-size:.76rem;line-height:1.6}
.studio-toast.is-visible{opacity:1;transform:translate(-50%,0)}
.studio-dialog{background:#F9FBFC;color:var(--ink);width:min(880px,calc(100vw - 40px));max-height:90dvh;max-height:min(90dvh,940px);border:1px solid #B2C5D2;border-radius:16px;padding:0;box-shadow:0 25px 90px #0004;overscroll-behavior:contain}
.studio-dialog::backdrop{background:#071B35B8;backdrop-filter:blur(5px)}
.studio-dialog-close{position:absolute;right:15px;top:14px;width:35px;height:35px;border-radius:50%;border:1px solid #C5D1DB;background:#F7FAFCEB;color:var(--ink);font-size:1.5rem;font-weight:400;line-height:1;z-index:2}
.studio-dialog-close:hover{background:white}
.studio-dialog h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.1;letter-spacing:-.055em;font-weight:600;margin:0 0 22px;outline:none}
.studio-dialog .studio-kicker{font-size:.56rem;color:var(--accent-ink);margin-bottom:15px}
.studio-dialog-open{overflow:hidden}
.studio-detail-layout{display:grid;grid-template-columns:.85fr 1.15fr;min-height:530px}
.studio-detail-art{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:40px 25px 55px;background:radial-gradient(ellipse,#F8FAFB,#DFE8EE);min-height:400px}
.studio-detail-art .studio-watch-art{height:390px;width:100%;transform:rotate(-10deg)}
.studio-detail-art>span{position:absolute;bottom:20px;color:var(--muted);font:400 .45rem var(--font-detail);letter-spacing:.05em}
.studio-detail-copy{padding:53px 38px 35px}
.studio-detail-intro{font-size:.85rem;line-height:1.85;color:var(--muted);margin:0 0 20px}
.studio-specs{margin:0;border-top:1px solid #D5DFE6}
.studio-specs>div{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px;padding:12px 0;border-bottom:1px solid #D5DFE6;font-size:.65rem;line-height:1.7}
.studio-specs dt{color:var(--muted)}
.studio-specs dd{margin:0;text-align:right;font-weight:500}
.studio-detail-note{font-size:.62rem;line-height:1.8;color:var(--muted);margin:19px 0 24px}
.studio-detail-copy .studio-primary{width:100%}
.studio-review{padding:45px 45px 29px}
.studio-review-intro{color:var(--muted);font-size:.82rem;line-height:1.8;margin:0 0 25px;max-width:500px}
.studio-review-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.studio-review-row{display:flex;gap:19px;align-items:center;min-height:113px;padding:13px 0;border-bottom:1px solid var(--line)}
.studio-review-number{font:400 .6rem var(--font-detail);color:var(--muted)}
.studio-review-art{display:grid;place-items:center;width:66px;height:89px;flex-shrink:0;background:#E9EFF3;border-radius:6px}
.studio-review-art .studio-watch-art{height:85px}
.studio-review-watch{flex:1}
.studio-review-row strong{font-size:.83rem;font-weight:600;line-height:1.5}
.studio-review-row p{font-size:.65rem;color:var(--muted);line-height:1.6;margin:5px 0 6px}
.studio-review-edit{display:flex;gap:17px}
.studio-review-edit button{border:0;background:transparent;padding:4px 0;font-size:.62rem;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.studio-review-edit button:hover{color:var(--ink)}
.studio-reorder{display:flex;gap:6px}
.studio-reorder button{display:grid;place-items:center;width:32px;height:34px;background:transparent;border:1px solid #C9D6DF;border-radius:5px;color:var(--ink);font-size:.9rem}
.studio-review-row.is-empty{min-height:95px}
.studio-review-row.is-empty>div{flex:1}
.studio-text-button{background:transparent;border:0;color:var(--ink);font-size:.73rem;font-weight:500;padding:12px 0;line-height:1.5;text-decoration:underline;text-underline-offset:4px}
.studio-review-total{margin:25px 0 18px;padding:20px 22px;background:#E7EEF3;border-radius:8px}
.studio-review-total>div{display:flex;align-items:center;justify-content:space-between;gap:20px}
.studio-review-total span{font-size:.76rem}
.studio-review-total strong{font:400 2.1rem var(--font-editorial);letter-spacing:-.04em}
.studio-review-total strong small{font:400 .65rem var(--font-body);letter-spacing:0}
.studio-review-total strong.is-pending{font:500 .9rem var(--font-body);letter-spacing:0;text-align:right}
.studio-review-total p{font-size:.65rem;color:var(--muted);line-height:1.8;margin:12px 0 0}
.studio-review-note{font-size:.65rem;line-height:1.8;color:var(--muted);margin-bottom:23px}
.studio-review>.studio-primary{width:100%}
.studio-save-note{font-size:.6rem;text-align:center;line-height:1.7;color:var(--muted);margin:13px 0 0}
.studio-confirm{padding:50px 42px 36px}
.studio-confirm p,.studio-confirm li{font-size:.85rem;color:var(--muted);line-height:1.8}
.studio-confirm ul{padding-left:22px}
.studio-confirm-actions{display:flex;align-items:center;flex-wrap:wrap;gap:15px 23px;margin-top:30px}
.studio-swap-options{display:grid;gap:9px;margin:25px 0 18px}
.studio-swap-options button{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;border:1px solid #C8D5DE;border-radius:7px;background:white;color:var(--ink);font-size:.8rem;line-height:1.6;text-align:left}
.studio-swap-options button span:first-child{font:400 .6rem var(--font-detail);color:var(--muted)}
.studio-swap-options button span:last-child{margin-left:auto;font-size:1.1rem}
.studio-swap-options button:hover{background:#E8F0F5;border-color:var(--ink)}
.studio-flight{position:fixed;z-index:100;pointer-events:none;display:grid;place-items:center;transform-origin:center}
.studio-flight .studio-watch-art{height:100%}
.studio[data-motion=off] *,.studio[data-motion=off] *:before,.studio[data-motion=off] *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
@media(min-width:1500px){.studio-workspace{gap:38px}}
@media(max-width:1150px){.studio-size-option{gap:11px;padding:17px 13px}.studio-size-option__art{display:none}.studio-size-option__price{font-size:1.25rem}.studio-size-option__copy small{font-size:.58rem}.studio-workspace{grid-template-columns:minmax(0,1fr) 310px;gap:24px}.studio-box-panel{padding:23px 20px 18px}}
@media(max-width:960px){
 .studio{padding-bottom:55px}.studio-intro{gap:35px;grid-template-columns:1fr 200px}.studio-intro h1{font-size:3.1rem}.studio-workspace{grid-template-columns:1fr}.studio-box-panel{display:none}.studio-catalog{max-width:100%}.studio-toast{bottom:103px}
}
@media(max-width:700px){
 .studio-breadcrumb{padding:20px 0 25px;font-size:.63rem}.studio-intro{display:block;padding:3px 0 24px}.studio-intro .studio-kicker{font-size:.54rem;margin-bottom:18px}.studio-intro h1{font-size:clamp(2.4rem,7.8vw,3.2rem);line-height:1.08;letter-spacing:-.065em;margin-bottom:18px}.studio-lede{font-size:.8rem;line-height:1.8;max-width:490px}.studio-steps{display:flex;justify-content:space-between;gap:14px;padding:24px 0 0;margin:0;font-size:.54rem}.studio-steps li{gap:6px;align-items:center}.studio-steps span{font-size:.48rem;height:22px;width:22px;flex-shrink:0}.studio-prototype{align-items:flex-start;gap:8px;flex-direction:column;padding:13px 14px;margin:0 0 27px;border-radius:7px}.studio-prototype__label{font-size:.47rem}.studio-prototype p{font-size:.62rem;line-height:1.7}.studio-section-label{gap:7px;margin-bottom:14px}.studio-section-label h2{font-size:.96rem;gap:8px}.studio-section-label h2>span{font-size:.53rem}.studio-section-label p{display:none}.studio-size{margin-bottom:27px;padding-bottom:26px}.studio-size-options{gap:8px}.studio-size-option{display:flex;flex-direction:column;align-items:flex-start;position:relative;gap:11px;min-height:114px;padding:15px 11px 12px;border-radius:8px}.studio-size-option__copy{gap:5px}.studio-size-option__copy strong{font-size:.74rem}.studio-size-option__copy small{font-size:.5rem;min-height:22px;max-width:77px;line-height:1.5}.studio-size-option__price{margin:0;font-size:1.35rem;text-align:left;line-height:1.1;min-height:33px}.studio-size-option__price small{font-size:.43rem;margin-top:5px}.studio-size-option__price .studio-price-pending{font-size:.59rem;max-width:79px;line-height:1.5}.studio-radio{position:absolute;top:15px;right:10px;height:11px;width:11px}.studio-size-option[aria-pressed=true] .studio-radio{border-width:3px}.studio-quiet-button{font-size:.58rem}.studio-filters{margin-top:18px}.studio-search-row{gap:8px}.studio-search{min-height:43px;padding:0 10px;gap:7px}.studio-search input{font-size:.65rem;min-height:41px}.studio-search svg{width:15px;height:15px}.studio-strap-select select{height:43px;max-width:128px;padding:0 17px 0 8px;font-size:.59rem}.studio-results-bar{min-height:42px}.studio-results-bar p{font-size:.58rem}.studio-catalog-footnote{font-size:.55rem;margin-top:20px}.studio-toast{font-size:.68rem;bottom:94px;padding:11px 15px}.studio-dialog{width:calc(100vw - 22px);max-height:91dvh;border-radius:12px}.studio-dialog-close{right:12px;top:11px;width:33px;height:33px}.studio-detail-layout{display:block;min-height:0}.studio-detail-art{min-height:250px;height:265px;padding:14px 20px 26px}.studio-detail-art .studio-watch-art{height:245px;max-width:210px}.studio-detail-art>span{bottom:12px;font-size:.38rem}.studio-detail-copy{padding:27px 24px 25px}.studio-dialog h2{font-size:1.8rem;margin-bottom:16px}.studio-dialog .studio-kicker{font-size:.49rem;margin-bottom:12px}.studio-detail-intro{font-size:.77rem;margin-bottom:16px}.studio-specs>div{font-size:.6rem;padding:10px 0}.studio-detail-note{font-size:.57rem;margin:17px 0 19px}.studio-primary{font-size:.7rem;min-height:46px;padding:12px 16px}.studio-review{padding:46px 20px 24px}.studio-review-intro{font-size:.74rem;margin-bottom:20px}.studio-review-row{gap:12px;min-height:104px;padding:12px 0}.studio-review-number{font-size:.5rem}.studio-review-art{width:49px;height:75px}.studio-review-art .studio-watch-art{height:72px}.studio-review-row strong{font-size:.73rem}.studio-review-row p{font-size:.57rem;margin:4px 0}.studio-review-edit{gap:13px}.studio-review-edit button{font-size:.57rem;padding-block:6px}.studio-reorder{gap:4px}.studio-reorder button{width:28px;height:34px;font-size:.8rem}.studio-review-total{margin-top:20px;padding:17px 15px}.studio-review-total span{font-size:.64rem}.studio-review-total strong{font-size:1.9rem}.studio-review-total strong.is-pending{font-size:.73rem;max-width:100px}.studio-review-total p,.studio-review-note{font-size:.59rem}.studio-save-note{font-size:.55rem}.studio-confirm{padding:48px 24px 27px}.studio-confirm p,.studio-confirm li{font-size:.76rem}.studio-confirm-actions{gap:12px 21px;margin-top:24px}.studio-text-button{font-size:.65rem}.studio-swap-options{margin:20px 0 15px}.studio-swap-options button{font-size:.72rem;padding:13px;gap:12px}.studio-replace-notice{font-size:.64rem;padding:9px 11px}.editorial-packages__grid--three{grid-template-columns:1fr}
}
@media(max-width:370px){.studio-steps{gap:7px;font-size:.48rem}.studio-steps li{gap:4px}.studio-size-option{padding-inline:9px}.studio-size-option__copy strong{font-size:.67rem}.studio-size-option__price{font-size:1.2rem}.studio-radio{right:8px}.studio-strap-select select{max-width:110px}.studio-review-row{gap:9px}.studio-review-art{width:39px}.studio-reorder{flex-direction:column}.studio-reorder button{height:27px}.studio-review-row strong{font-size:.68rem}}
@media(max-width:700px){
 
 
 
 
 
 
 
 
 .studio-search input{font-size:.72rem}
 .studio-strap-select select{font-size:.66rem}
 .studio-detail-intro{font-size:.85rem}
 .studio-specs>div{font-size:.7rem}
 .studio-review-row strong{font-size:.8rem}
 .studio-review-row p{font-size:.65rem}
 .studio-review-edit button{font-size:.65rem;min-height:36px}
 
 
}
@media(prefers-reduced-motion:reduce){.studio *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.studio-size-option__photo{display:grid;place-items:center;flex-shrink:0;width:100px;height:75px;border-radius:5px;overflow:hidden}
.studio-size-option__photo .studio-box-photo{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.studio-box-visual-note{margin:14px 0 0;color:var(--muted);font-size:.61rem;line-height:1.75;max-width:860px}
.studio[data-size="6"] .studio-box{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;min-height:0}
.studio[data-size="6"] .studio-slot{min-height:82px;padding:3px 0}
.studio[data-size="6"] .studio-slot .studio-watch-art{height:76px;width:100%}
@media(max-width:1150px){.studio-size-option__photo{width:65px;height:49px}.studio-size-option{gap:9px}.studio-size-option__price{font-size:1.18rem}}
@media(max-width:700px){.studio-size-option__photo{width:100%;height:90px}.studio-size-option{min-height:214px;gap:10px}.studio-box-visual-note{font-size:.57rem;line-height:1.8;margin-top:13px}.studio-size-option__price{font-size:1.35rem}}
/* Overhead photos and watch overlays share a calibrated, responsive coordinate system. */
.studio-box-display{width:100%}
.studio-box-overhead{position:relative;isolation:isolate;width:100%;aspect-ratio:var(--box-ratio);overflow:hidden;border-radius:4px}
.studio-box-overhead[data-tray-size="1"]{width:min(100%,148px);margin-inline:auto}
.studio-box-overhead__image{position:absolute;left:var(--box-image-left);top:var(--box-image-top);width:var(--box-image-width);max-width:none;height:auto;display:block;pointer-events:none;user-select:none}
.studio .studio-box-overhead .studio-box{position:absolute;inset:var(--box-top) var(--box-right) var(--box-bottom) var(--box-left);display:grid;grid-template-columns:repeat(var(--box-columns),minmax(0,1fr));gap:var(--box-gap);width:auto;height:auto;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.studio .studio-box-overhead .studio-slot{position:relative;display:grid;place-items:center;min-width:0;min-height:0;height:auto;margin:0;padding:0;border:2px solid transparent;border-radius:6px;background:transparent;box-shadow:none;overflow:visible;color:#F3E6D4}
.studio .studio-box-overhead .studio-slot:before{display:none}
.studio .studio-box-overhead .studio-slot:hover{border-color:#E7D5B780;background:#FFFFFF0D}
.studio .studio-box-overhead .studio-slot.is-target{border-color:#ECF6FC;background:#C9E8FF19}
.studio .studio-box-overhead .studio-slot .studio-watch-art{position:relative;width:86%;height:90%;max-width:100%;max-height:100%;margin:0;transform:none;filter:drop-shadow(0 2px 2px #130C08A8);pointer-events:none}
.studio .studio-box-overhead[data-tray-size="1"] .studio-slot .studio-watch-art{width:77%;height:84%}
.studio .studio-box-overhead .studio-slot-number{left:4px;bottom:2px;color:#F1DFCA;text-shadow:0 1px 3px #000;font-size:.45rem;opacity:.8}
.studio .studio-box-overhead .studio-slot-plus{font-size:1.1rem;color:#F3E6D4;text-shadow:0 1px 5px #24170D;opacity:.7}
.studio-review-overhead{width:100%;max-width:650px;margin:22px auto 27px;padding:19px 16px;border-radius:10px;background:var(--deep)}
@media(max-width:700px){.studio-review-overhead{padding:14px 10px;margin:19px 0 23px}.studio .studio-box-overhead .studio-slot-number{font-size:.38rem;left:2px;bottom:1px}.studio .studio-box-overhead .studio-slot-plus{font-size:.9rem}}

/* A native scroll-snap carousel keeps touch, trackpad and keyboard browsing in sync. */
.studio-carousel{overflow:hidden;min-width:0;border:1px solid #D5DFE7;border-radius:14px;background:#FFF}
.studio-carousel-stage{--slide-width:22%;position:relative;background:radial-gradient(ellipse at 50% 40%,#FFFFFF 0%,#EBF1F4 58%,#DEE8EE 100%);border-bottom:1px solid #D5DFE7;padding-bottom:20px}
.studio-carousel-eyebrow{margin:0;padding:24px 15px 2px;text-align:center;color:#566E80;font:400 .52rem var(--font-detail);letter-spacing:.12em}
.studio-carousel-track{display:flex;align-items:center;position:relative;width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:12px 0 3px;-webkit-overflow-scrolling:touch}
.studio-carousel-track::-webkit-scrollbar{display:none}
.studio-carousel-track::before,.studio-carousel-track::after{content:"";flex:0 0 calc((100% - var(--slide-width))/2)}
.studio-carousel-track:focus-visible{outline:3px solid var(--accent-ink);outline-offset:-4px;border-radius:5px}
.studio-carousel-slide{position:relative;flex:0 0 var(--slide-width);min-width:0;height:350px;scroll-snap-align:center;z-index:0}
.studio-carousel-slide.is-far{z-index:1}
.studio-carousel-slide.is-near{z-index:2}
.studio-carousel-slide.is-active{z-index:3}
.studio-carousel-visual{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;padding:0;border:0;background:transparent;color:var(--ink);opacity:0;transform:scale(.4);transition:transform .36s ease,opacity .3s ease;cursor:pointer;pointer-events:none}
.studio-carousel-visual>.studio-watch-art{flex:0 0 auto;width:248px;height:332px;max-width:none;transform:none;pointer-events:none;filter:drop-shadow(6px 12px 7px #142E4426)}
.studio-carousel-slide.is-active .studio-carousel-visual{opacity:1;transform:scale(1);pointer-events:auto}
.studio-carousel-slide.is-near .studio-carousel-visual{opacity:.52;transform:scale(.74);pointer-events:auto}
.studio-carousel-slide.is-far .studio-carousel-visual{opacity:.23;transform:scale(.5);pointer-events:auto}
.studio-carousel-slide.is-near .studio-carousel-visual:hover{opacity:.72}
.studio-carousel-slide.is-far .studio-carousel-visual:hover{opacity:.42}
.studio-carousel-track.is-recentering .studio-carousel-visual{transition:none}
.studio-carousel-visual:focus-visible{outline-offset:-4px;border-radius:12px}
.studio-carousel-selected{position:absolute;left:50%;bottom:1px;display:flex;align-items:center;gap:6px;white-space:nowrap;transform:translateX(-50%);padding:6px 10px;border:1px solid #C6D7DF;border-radius:20px;background:#F8FBFD;color:var(--ink);font-size:.58rem;line-height:1.3}
.studio-carousel-selected>span{font-size:.65rem}
.studio-carousel-selection{position:relative;z-index:4;display:flex;justify-content:center;margin:4px 18px 14px}
.studio-carousel-selection .studio-feature-add{min-width:218px;min-height:48px;justify-content:space-between;gap:30px}
.studio-carousel-navigation{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:7px}
.studio-carousel-arrow{display:grid;place-items:center;width:44px;height:44px;border:1px solid #B8CBD7;border-radius:50%;background:#F8FBFD9C;color:var(--ink);font-size:1.15rem;transition:background .2s,border-color .2s}
.studio-carousel-arrow:not(:disabled):hover{background:white;border-color:var(--ink)}
.studio-carousel-position{min-width:78px;margin:0;text-align:center;font:400 .67rem var(--font-detail);letter-spacing:.09em;color:var(--ink)}
.studio-carousel-progress{height:2px;width:86px;margin:13px auto 12px;background:#C9D8E2;overflow:hidden}
.studio-carousel-progress>span{display:block;height:100%;background:var(--ink);transition:width .25s}
.studio-carousel-help{margin:0;padding:0 14px;text-align:center;font-size:.59rem;line-height:1.7;color:#526B7D}
.studio-feature{padding:26px 28px 28px;text-align:center}
.studio-feature-style{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:11px;margin:0 0 10px;text-transform:uppercase;color:var(--accent-ink);font:400 .54rem var(--font-detail);letter-spacing:.07em;line-height:1.7}
.studio-feature-style>span{padding-left:11px;border-left:1px solid #BFCDD7;color:var(--muted)}
.studio-feature h3{margin:0 0 10px;font-size:clamp(1.6rem,2.6vw,2.25rem);font-weight:600;letter-spacing:-.045em;line-height:1.25}
.studio-feature-description{max-width:490px;margin:0 auto;color:var(--muted);font-size:.8rem;line-height:1.85;min-height:3.7em}
.studio-feature-specs{display:grid;grid-template-columns:.8fr .9fr 1.3fr;gap:12px;max-width:550px;margin:21px auto;padding:17px 0;border-block:1px solid #E0E7ED}
.studio-feature-specs>div{min-width:0}
.studio-feature-specs dt{margin:0 0 6px;color:var(--muted);font:400 .5rem var(--font-detail);text-transform:uppercase;letter-spacing:.07em;line-height:1.5}
.studio-feature-specs dd{margin:0;color:var(--ink);font-size:.72rem;line-height:1.65}
.studio-feature-add.is-in-box{background:#E7EFF4;color:var(--ink);border-color:#C4D5E0}
.studio-feature-details{display:flex;align-items:center;justify-content:center;gap:13px;min-height:44px;margin:0 auto;padding:8px 0;border:0;background:transparent;color:var(--ink);font-size:.71rem;text-decoration:underline;text-underline-offset:4px}
.studio-mobile-box{display:none}
@media(max-width:960px){
 .studio-mobile-box{display:block;position:sticky;top:8px;z-index:30;margin:0 0 14px;padding:13px 14px 12px;border:1px solid #314A64;border-radius:11px;background:var(--deep);color:white;box-shadow:0 7px 22px #102A4F24}
 .studio-mobile-box-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
 .studio-mobile-box-heading h2{margin:0;color:white;font:400 1.2rem var(--font-editorial);letter-spacing:-.025em;line-height:1.4}
 .studio-mobile-box-heading>span{color:#D0E0EC;font:400 .58rem var(--font-detail);line-height:1.5}
 .studio-mobile-box-body{display:grid;grid-template-columns:minmax(0,1fr) 126px;gap:14px;align-items:center}
 .studio-mobile-box-display{display:grid;place-items:center;min-height:78px}
 .studio-mobile-box-display .studio-box-overhead{width:100%;max-width:230px}
 .studio-mobile-box-display .studio-box-overhead[data-tray-size="1"]{width:60px}
 .studio-mobile-box-summary p{margin:0 0 9px;color:#D2E2ED;font-size:.67rem;line-height:1.65}
 .studio-mobile-box-summary .studio-primary{width:100%;min-height:42px;padding:10px 12px;background:#F0F5F8;border-color:#F0F5F8;color:var(--ink);font-size:.67rem;gap:12px}
 .studio .studio-carousel-track,.studio .studio-carousel-selection{scroll-margin-top:195px}
 .studio-toast{bottom:20px}
 .collection-studio-page .site-footer{padding-bottom:0}
}
@media(max-width:700px){
 .studio-carousel{border-radius:11px}
 .studio-carousel-stage{padding-bottom:16px}
 .studio-carousel-eyebrow{padding-top:20px;font-size:.45rem;letter-spacing:.08em}
 .studio-carousel-track{padding-top:8px}
 .studio-carousel-slide{height:300px}
 .studio-carousel-visual>.studio-watch-art{width:221px;height:295px}
 .studio-carousel-slide.is-near .studio-carousel-visual{transform:scale(.66)}
 .studio-carousel-slide.is-far .studio-carousel-visual{transform:scale(.44)}
 .studio-carousel-selected{bottom:0;font-size:.54rem;padding:5px 9px}
 .studio-carousel-selection{margin:3px 20px 12px}
 .studio-carousel-selection .studio-feature-add{min-width:210px;min-height:46px;font-size:.74rem}
 .studio-carousel-navigation{margin-top:7px;gap:22px}
 .studio-carousel-position{font-size:.62rem}
 .studio-carousel-help{font-size:.54rem}
 .studio-feature{padding:24px 19px 21px}
 .studio-feature-style{font-size:.49rem;gap:8px}
 .studio-feature-style>span{padding-left:8px}
 .studio-feature h3{font-size:1.7rem}
 .studio-feature-description{font-size:.76rem;min-height:5.55em}
 .studio-feature-specs{gap:8px;margin-block:17px;padding-block:15px}
 .studio-feature-specs dt{font-size:.46rem;letter-spacing:.03em}
 .studio-feature-specs dd{font-size:.66rem}
 .studio-feature-details{font-size:.69rem;min-height:40px}
 .studio-mobile-box-body{grid-template-columns:minmax(0,1fr) 105px;gap:12px}
 .studio-mobile-box-heading h2{font-size:1.12rem}
 .studio-mobile-box-heading>span{font-size:.54rem}
 .studio-mobile-box-summary p{font-size:.62rem}
}
.studio .studio-box-overhead .studio-box{opacity:0;transition:opacity .15s}
.studio .studio-box-overhead.is-ready .studio-box{opacity:1}

/* Keep the Studio focused on choosing a box and its watches. */
.collection-studio-page .announcement-bar,
.collection-studio-page .header-action{display:none}
.studio .studio-intro{
  display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
  gap:16px;padding:30px 0 26px;
}
.studio .studio-intro h1{
  font-family:var(--font-display);font-size:clamp(1.65rem,2.7vw,2.6rem);
  font-weight:600;line-height:1.2;letter-spacing:-.05em;margin:0;
}
.studio-preview-tag{
  display:inline-flex;align-items:center;gap:7px;padding:7px 10px;
  border:1px solid var(--line);border-radius:999px;white-space:nowrap;
  font:400 .56rem/1.4 var(--font-detail);color:var(--muted);
}
.studio .studio-section-label{margin-bottom:12px}
.studio .studio-section-label h2{font-size:1rem}
.studio .studio-size{padding-bottom:22px;margin-bottom:22px}
.studio .studio-filters{margin-top:14px}
.studio .studio-style-filters{padding-top:16px;padding-bottom:4px}
.studio .studio-results-bar{min-height:34px}
.studio .studio-carousel-stage{padding-top:18px}
.studio .studio-feature{
  display:flex;align-items:center;justify-content:space-between;
  gap:24px;padding:20px 26px;text-align:left;
}
.studio-feature-copy{min-width:0}
.studio .studio-feature-style{justify-content:flex-start;margin:0 0 4px}
.studio .studio-feature h3{font-size:clamp(1.15rem,1.8vw,1.65rem);margin:0}
.studio .studio-feature-details{flex:none;margin:0}
.studio .studio-box-heading{margin-bottom:20px}
.studio .studio-box-hint{min-height:0;line-height:1.6;margin:0 0 14px}
.studio .studio-box-meta{justify-content:flex-end}
.studio-preview-details{
  margin:24px 0 0;padding-top:16px;border-top:1px solid var(--line);
  color:var(--muted);font-size:.68rem;line-height:1.7;
}
.studio-preview-details summary{width:fit-content;cursor:pointer}
.studio-preview-details summary:focus-visible{outline:3px solid var(--accent-ink);outline-offset:4px}
.studio-preview-details p{max-width:680px;margin:12px 0 0}
@media(max-width:700px){
  .studio .studio-intro{padding:22px 0 20px;gap:12px}
  .studio .studio-intro h1{font-size:clamp(1.6rem,6.3vw,2rem)}
  .studio-preview-tag{font-size:.5rem;padding:5px 9px}
  .studio .studio-size-option{min-height:0;gap:8px;padding:12px 8px;align-items:center}
  .studio .studio-size-option__photo{height:68px}
  .studio .studio-size-option__copy{width:100%;text-align:center}
  .studio .studio-size-option__copy strong{font-size:.71rem}
  .studio .studio-size-option__price{font-size:1.2rem;text-align:center;align-self:center}
  .studio .studio-radio{top:10px;right:8px}
  .studio .studio-filters{margin-top:12px}
  .studio .studio-feature{gap:14px;padding:18px}
  .studio .studio-feature-style{font-size:.5rem}
  .studio .studio-feature-details{font-size:.66rem}
  .studio-preview-details{font-size:.63rem}
}

/* Editorial detail atelier: physical, tactile selectors instead of menus. */
.studio .studio-search-row .studio-search{width:100%}
.studio .studio-detail-filters{
  margin:15px 0 5px;padding:18px 18px 16px;
  background:linear-gradient(145deg,#F8FAFB 0%,#EDF2F5 100%);
  border:1px solid #D6E0E7;border-radius:13px;
}
.studio-detail-filters__intro{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 18px}
.studio-detail-filters__intro>span{color:#28445C;white-space:nowrap;font:500 .57rem/1.5 var(--font-detail);letter-spacing:.12em}
.studio-detail-filters__intro>p{max-width:560px;margin:0;color:#637687;font-size:.65rem;line-height:1.55;text-align:right}
.studio .studio-detail-filters__upper{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:18px;align-items:start}
.studio .studio-facet{min-width:0}
.studio .studio-facet--dial{margin-top:18px;padding-top:17px;border-top:1px solid #D6E0E7}
.studio .studio-facet__heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;margin:0 0 10px}
.studio .studio-facet__heading h3{color:var(--ink);font-weight:600;font-size:.78rem;letter-spacing:-.02em;margin:0;line-height:1.45}
.studio .studio-facet__heading>span{color:#738696;font-size:.61rem;line-height:1.5}
.studio .studio-facet__choices{display:flex;align-items:stretch;gap:8px;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:3px 3px 7px;scrollbar-width:thin;scrollbar-color:#BBCBD6 transparent}
.studio .studio-facet-option{
  position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  min-width:0;min-height:102px;flex:1 0 100px;padding:8px 7px 9px;
  border:1px solid #D4DEE6;border-radius:9px;background:#FFFFFF;
  color:var(--ink);cursor:pointer;scroll-snap-align:start;text-align:center;
  box-shadow:0 1px 1px #102A4F06;
  transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;
}
.studio .studio-facet-option:hover{background:#FDFEFF;border-color:#8DA8BA;transform:translateY(-2px);box-shadow:0 5px 16px #102A4F13}
.studio .studio-facet-option[aria-pressed=true]{border-color:#173455;background:#E8F0F5;box-shadow:0 0 0 1px #173455,0 5px 14px #102A4F13}
.studio .studio-facet-option[aria-pressed=true]::after{
  content:'✓';position:absolute;right:5px;top:5px;width:17px;height:17px;display:grid;place-items:center;
  background:#143252;border-radius:50%;font-size:.55rem;color:white;line-height:1;
}
.studio .studio-facet-option__art{height:57px;width:100%;display:grid;place-items:center;flex-shrink:0;pointer-events:none}
.studio .studio-facet-option__name{display:block;max-width:100%;font-size:.65rem;line-height:1.3;font-weight:600;overflow-wrap:anywhere}
.studio .studio-facet-option__count{display:block;color:#6B8192;font-size:.54rem;line-height:1.4}
.studio .studio-facet-option.is-unavailable:not([aria-pressed=true]){background:#F8FAFB;border-style:dashed}
.studio .studio-facet-option.is-unavailable .studio-facet-option__count{color:#8A5960}
.studio .studio-facet__choices--brand .studio-facet-option{flex:1 0 116px}
.studio .studio-facet__choices--strap .studio-facet-option{flex:1 0 95px}
.studio .studio-facet__choices--dial .studio-facet-option{flex:1 0 90px}
.studio-brand-emblem{display:grid;place-items:center;width:51px;height:51px;border-radius:50%;border:1px solid #ACBCC9;background:radial-gradient(circle at 30% 25%,#F8FAFC,#CBD7E1);color:#193451;font:500 1.15rem/1 var(--font-editorial);box-shadow:0 3px 9px #102A4F12}
.studio-brand-emblem--all{font-size:1.65rem}
.studio-strap-sample{display:block;position:relative;width:35px;height:55px;filter:drop-shadow(0 3px 3px #102A4F23)}
.studio-strap-sample>i{display:block;position:absolute;top:2px;bottom:2px;left:5px;right:5px;border-radius:4px;background:linear-gradient(90deg,#81919E,#DFE5E9 48%,#798995)}
.studio-strap-sample--bracelet>i{
 background:repeating-linear-gradient(to bottom,#9AABB9 0px,#E6EEF2 4px,#8898A6 6px,#CBD6DE 9px,#8094A3 11px,#BAC8D2 13px);
 border:1px solid #889CA9;
}
.studio-strap-sample--bracelet>i:after{content:'';position:absolute;inset:0 7px;border-left:1px solid #687E8D;border-right:1px solid #DCE6EC}
.studio-strap-sample--leather-look>i{background:linear-gradient(90deg,#704B35,#AE7C5D 48%,#755039);border:2px dashed #D7B198;border-radius:6px}
.studio-strap-sample--sport>i{background:linear-gradient(90deg,#183B3D,#2D5A55,#173638);border:1px solid #193837}
.studio-strap-sample--sport>i:after{content:'';position:absolute;top:9px;bottom:9px;left:10px;border-left:3px dotted #91AAA3}
.studio-strap-sample--other>i{background:linear-gradient(100deg,#455A67,#8092A1,#364A59)}
.studio-strap-all{display:flex;justify-content:center;gap:3px;transform:rotate(-12deg)}
.studio-strap-all i{width:12px;height:44px;border-radius:4px;border:1px solid #A2ADBA}
.studio-strap-all i:nth-child(1){background:repeating-linear-gradient(to bottom,#DDE6EB,#889BA9 5px,#DDE6EB 9px)}
.studio-strap-all i:nth-child(2){background:linear-gradient(90deg,#704C39,#B98966,#795342)}
.studio-strap-all i:nth-child(3){background:linear-gradient(90deg,#25413F,#557C74,#234642)}
.studio-dial-portrait{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;overflow:hidden;box-shadow:0 3px 7px #102A4F16}
.studio-dial-portrait .studio-watch-art{display:block;width:58px;height:58px;max-width:100%;border-radius:50%}
.studio-dial-trio{position:relative;display:block;width:73px;height:58px}
.studio-dial-trio>span{position:absolute;display:grid;place-items:center;width:39px;height:39px;border:2px solid #F7F9FA;border-radius:50%;overflow:hidden;box-shadow:0 2px 5px #102A4F27}
.studio-dial-trio>span:nth-child(1){left:0;top:17px}
.studio-dial-trio>span:nth-child(2){left:17px;top:2px;z-index:2}
.studio-dial-trio>span:nth-child(3){left:35px;top:18px;z-index:1}
.studio-dial-trio .studio-watch-art{width:100%;height:100%}
@media(max-width:1200px){
  .studio .studio-detail-filters__upper{grid-template-columns:1fr;gap:14px}
  .studio .studio-facet__choices--brand .studio-facet-option{flex:0 0 145px}
  .studio .studio-facet__choices--strap .studio-facet-option{flex:1 0 95px}
}
@media(max-width:700px){
  .studio .studio-detail-filters{margin-top:12px;padding:14px 11px 11px;border-radius:11px}
  .studio-detail-filters__intro{display:block;margin-bottom:14px}
  .studio-detail-filters__intro>span{font-size:.52rem}
  .studio-detail-filters__intro>p{margin-top:4px;text-align:left;font-size:.61rem}
  .studio .studio-detail-filters__upper{gap:11px}
  .studio .studio-facet__heading{margin-bottom:7px}
  .studio .studio-facet__heading h3{font-size:.72rem}
  .studio .studio-facet__heading>span{font-size:.57rem}
  .studio .studio-facet--dial{margin-top:12px;padding-top:13px}
  .studio .studio-facet-option{min-height:100px;padding:8px 6px;flex:0 0 101px}
  .studio .studio-facet__choices--brand .studio-facet-option{flex:0 0 131px}
  .studio .studio-facet__choices--strap .studio-facet-option{flex:0 0 95px}
  .studio .studio-facet__choices--dial .studio-facet-option{flex:0 0 91px}
  .studio .studio-facet-option__name{font-size:.62rem}
  .studio .studio-facet-option__count{font-size:.51rem}
}
@media(hover:none){
 .studio .studio-facet-option:hover{transform:none;box-shadow:0 1px 1px #102A4F06}
}
@media(prefers-reduced-motion:reduce){
 .studio .studio-facet-option{transition:none}
 .studio .studio-facet-option:hover{transform:none}
}

/* v0.8.25 — A product-led filter gallery, inspired by realistic watch configurators.
   All images remain original catalog vectors until verified supplier photos are added. */
.studio .studio-style-heading{
  margin:16px 0 10px;color:#445d71;font:.59rem/1.45 var(--font-detail);
  letter-spacing:.13em;font-weight:600;
}
.studio .studio-style-filters{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;padding:0 0 5px;
}
.studio .studio-style-filters button{
  min-height:183px;padding:8px 6px 11px;gap:5px;justify-content:flex-start;
  border:1px solid #D9E0E5;border-radius:10px;background:#fff;
  box-shadow:0 3px 13px #102A4F0B;
}
.studio .studio-style-filters button:hover{
  border-color:#9CB0C0;background:#F7FAFC;transform:translateY(-2px);
}
.studio .studio-style-filters button[aria-pressed=true]{
  border-color:#1B3754;background:#EFF4F7;box-shadow:0 0 0 1px #1B3754;
}
.studio .studio-style-image,
.studio .studio-style-filters button[aria-pressed=true] .studio-style-image{
  width:100%;height:126px;min-height:126px;flex:0 0 126px;
  display:grid;place-items:center;overflow:hidden;border-radius:7px;
  background:radial-gradient(ellipse at 47% 35%,#F7FAFB 0%,#E4E8EB 45%,#BBC7D0 100%);
  box-shadow:inset 0 0 0 1px #A9B8C440,0 2px 5px #102A4F0E;
}
.studio .studio-style-image .studio-watch-art{
  display:block;width:auto;height:125px;max-width:100%;max-height:125px;border-radius:0;
  filter:drop-shadow(2px 4px 3px #0D243C50);transform:none;
}
.studio .studio-style-image--all .studio-watch-trio{height:117px;width:115px}
.studio .studio-style-image--all .studio-watch-trio>span{height:110px;width:51px}
.studio .studio-style-image--all .studio-watch-trio>span:nth-child(1){left:0;top:10px}
.studio .studio-style-image--all .studio-watch-trio>span:nth-child(2){left:32px;top:0;z-index:3}
.studio .studio-style-image--all .studio-watch-trio>span:nth-child(3){left:65px;top:10px}
.studio .studio-style-image--all .studio-watch-trio .studio-watch-art{height:108px;max-height:108px}
.studio .studio-style-name{font-size:.69rem;font-weight:600;line-height:1.3;margin-top:3px}
.studio .studio-style-count{font-size:.54rem;color:#647A8A;line-height:1.3}
.studio .studio-detail-filters{margin-top:18px;padding:17px 16px 16px;border-color:#D1DBE2;background:#F8FAFB}
.studio .studio-detail-filters__upper{grid-template-columns:minmax(0,1fr) minmax(0,1.8fr)}
.studio .studio-facet--strap{margin-top:15px;padding-top:15px;border-top:1px solid #DCE5EB}
.studio .studio-facet--dial{margin-top:15px;padding-top:15px}
.studio .studio-facet__heading h3{font-size:.85rem}
.studio .studio-facet-option{
  min-height:146px;flex:1 0 122px;gap:4px;padding:7px 6px 11px;
  border-color:#D4DDE3;border-radius:10px;
  background:linear-gradient(180deg,#FAFBFC 0%,#FFFFFF 100%);
}
.studio .studio-facet-option__art{
  position:relative;height:96px;min-height:96px;width:100%;
  display:grid;place-items:center;overflow:hidden;border-radius:7px;
  background:radial-gradient(ellipse at 51% 33%,#FFFFFF 0%,#E6EAED 52%,#C9D2D9 100%);
}
.studio .studio-facet-option--finish .studio-facet-option__art{
  background:radial-gradient(ellipse at 45% 35%,#F8F2E9 0%,#E6DED6 65%,#D2C0B1 100%);
}
.studio .studio-facet-option--strap .studio-facet-option__art{
  background:radial-gradient(ellipse at 50% 35%,#F7F8FA 0%,#DCE3E7 60%,#C4CDD4 100%);
}
.studio .studio-facet-option--brand{min-height:142px;flex:1 0 126px}
.studio .studio-facet-option--brand .studio-facet-option__art{background:#F1F4F6}
.studio .studio-facet-option--brand .studio-brand-emblem{
  width:63px;height:63px;background:linear-gradient(130deg,#FFFFFF,#DCE5EB);
  border:1px solid #B0C2CE;box-shadow:0 5px 12px #102A4F19;
}
.studio .studio-facet-option--dial{
  min-height:134px;flex:0 0 103px;
}
.studio .studio-facet-option--dial .studio-facet-option__art{
  height:81px;min-height:81px;background:radial-gradient(circle,#FFFFFF,#E4EAEE);
}
.studio .studio-facet-option__name{font-size:.69rem}
.studio .studio-facet-option__count{font-size:.53rem}
.studio .studio-facet__choices--finish .studio-facet-option,
.studio .studio-facet__choices--strap .studio-facet-option{flex:1 0 120px}
.studio .studio-facet__choices--dial .studio-facet-option{flex:0 0 103px}
.studio-finish-watch,.studio-strap-watch{display:grid;place-items:center;width:100%;height:94px}
.studio-finish-watch .studio-watch-art,.studio-strap-watch .studio-watch-art,
.studio-finish-watch .studio-watch-photo,.studio-strap-watch .studio-watch-photo{
  width:auto;max-width:100%;height:91px;object-fit:contain;
  filter:drop-shadow(2px 4px 3px #0B1D2B55);
}
.studio-watch-trio{position:relative;display:block;width:118px;height:92px;max-width:100%}
.studio-watch-trio>span{position:absolute;display:grid;place-items:center;top:0;width:55px;height:92px}
.studio-watch-trio>span:nth-child(1){left:0;top:7px}
.studio-watch-trio>span:nth-child(2){left:31px;top:-2px;z-index:3}
.studio-watch-trio>span:nth-child(3){left:62px;top:7px;z-index:2}
.studio-watch-trio .studio-watch-art,.studio-watch-trio .studio-watch-photo{
  width:auto;max-width:100%;height:88px;object-fit:contain;
  filter:drop-shadow(1px 2px 2px #162B3A55);
}
.studio-dial-portrait{width:70px;height:70px;box-shadow:0 3px 8px #102A4F2B}
.studio-dial-portrait .studio-watch-art,.studio-dial-portrait .studio-watch-photo{
  width:70px;height:70px;object-fit:cover;
}
.studio-dial-trio{width:84px;height:67px}
.studio-dial-trio>span{width:45px;height:45px}
.studio-dial-trio>span:nth-child(1){left:0;top:19px}
.studio-dial-trio>span:nth-child(2){left:20px;top:0}
.studio-dial-trio>span:nth-child(3){left:40px;top:18px}
.studio-dial-trio .studio-watch-photo{width:100%;height:100%;object-fit:cover}
.studio .studio-facet-option[aria-pressed=true] .studio-facet-option__art{
  box-shadow:inset 0 0 0 1px #8EA9BA;
}
.studio .studio-facet-option.is-unavailable:not([aria-pressed=true]){
  opacity:.62;background:#F6F8F9;
}
.studio .studio-facet-option.is-unavailable:hover{opacity:1}
.studio .studio-watch-photo{
  display:block;object-fit:contain;max-width:100%;
}
@media(max-width:1200px){
 .studio .studio-detail-filters__upper{grid-template-columns:1fr;gap:13px}
 .studio .studio-facet__choices--brand .studio-facet-option{flex:0 0 136px}
 .studio .studio-facet__choices--finish .studio-facet-option{flex:0 0 131px}
 .studio .studio-style-filters button{min-height:175px}
}
@media(max-width:700px){
 .studio .studio-style-heading{margin-top:14px;margin-bottom:8px;font-size:.53rem}
 .studio .studio-style-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .studio .studio-style-filters button{min-height:153px;gap:4px;padding:6px 5px 9px;transform:none}
 .studio .studio-style-image,.studio .studio-style-filters button[aria-pressed=true] .studio-style-image{
   height:98px;min-height:98px;flex-basis:98px;border-radius:6px;
 }
 .studio .studio-style-image .studio-watch-art{height:98px;max-height:98px}
 .studio .studio-style-image--all .studio-watch-trio{width:90px;height:96px}
 .studio .studio-style-image--all .studio-watch-trio>span{width:42px;height:91px}
 .studio .studio-style-image--all .studio-watch-trio>span:nth-child(1){left:0;top:6px}
 .studio .studio-style-image--all .studio-watch-trio>span:nth-child(2){left:24px;top:0}
 .studio .studio-style-image--all .studio-watch-trio>span:nth-child(3){left:47px;top:6px}
 .studio .studio-style-image--all .studio-watch-trio .studio-watch-art{height:88px;max-height:88px}
 .studio .studio-style-name{font-size:.65rem}
 .studio .studio-style-count{font-size:.51rem}
 .studio .studio-detail-filters{margin-top:12px;padding:13px 10px}
 .studio .studio-facet--strap,.studio .studio-facet--dial{margin-top:12px;padding-top:12px}
 .studio .studio-facet__choices--strap .studio-facet-option,
 .studio .studio-facet__choices--finish .studio-facet-option{flex:0 0 124px}
 .studio .studio-facet__choices--dial .studio-facet-option{flex:0 0 96px;min-height:132px}
 .studio .studio-facet-option{min-height:144px;padding:6px 5px 9px}
 .studio .studio-facet-option__name{font-size:.64rem}
 .studio .studio-facet-option__art{height:92px;min-height:92px}
 .studio .studio-facet-option--dial .studio-facet-option__art{height:81px;min-height:81px}
}
@media(prefers-reduced-motion:reduce){
 .studio .studio-style-filters button{transition:none}
 .studio .studio-style-filters button:hover{transform:none}
}

/* Context note for the Her / Together preview routes. */
.studio .studio-edit-notice{
 display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;
 padding:13px 18px;margin:0 0 20px;background:#EDF3F7;border:1px solid #BDCFDC;border-radius:9px;
 color:#16344C;font-size:.71rem;line-height:1.65;
}
.studio .studio-edit-notice p{margin:0;flex:1 1 280px}
.studio .studio-edit-notice a{color:#0C2D4C;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}


/* COUPLES BOXES V0.8.27 — circular cushioned compartments and two-row layouts. */
.studio[data-collection-studio] .studio-box{
  --couple-columns:2;
  grid-template-columns:repeat(var(--couple-columns),minmax(0,1fr));
  width:min(100%,390px);min-height:0;margin-inline:auto;gap:10px;
  padding:15px;border:13px solid #392c26;border-radius:9px;
  background:linear-gradient(125deg,#1c1c1e,#29292b 45%,#141517);
  box-shadow:0 0 0 2px #81624d,inset 0 0 0 2px #55515a,0 12px 29px #06080d37;
}
.studio[data-collection-studio][data-size="6"] .studio-box{--couple-columns:3;gap:9px}
.studio[data-collection-studio] .studio-slot{
  aspect-ratio:1;min-height:0;height:auto;width:100%;
  padding:7px;border:5px solid #9ca5a7;border-radius:50%;
  background:radial-gradient(ellipse at 48% 43%,#383a40,#16181b 78%);
  box-shadow:inset 0 0 0 3px #555d65,inset 0 3px 9px #0008,0 0 0 1px #d1d5d4;
  overflow:hidden;color:#d8c2ac;
}
.studio[data-collection-studio] .studio-slot:before{
  display:block;position:absolute;inset:9%;height:auto;width:auto;
  border-radius:50%;background:radial-gradient(ellipse at 45% 40%,#34363b,#181a1f);
  box-shadow:inset 0 2px 9px #0009;
}
.studio[data-collection-studio] .studio-slot .studio-watch-art{
  position:relative;z-index:1;width:85%;height:90%;min-height:0;max-height:100%;
  filter:drop-shadow(0 2px 2px #0008);
}
.studio[data-collection-studio] .studio-slot-plus{z-index:1}
.studio[data-collection-studio] .studio-slot-number{z-index:2;left:50%;bottom:5px;transform:translateX(-50%);text-shadow:0 1px 2px #000}
.studio[data-collection-studio] .studio-slot:hover{border-color:#d2dcdf}
.studio[data-collection-studio] .studio-slot.is-target{border-color:#f4e2c6;box-shadow:0 0 0 3px #C9A076,inset 0 0 0 3px #5a666d}
.studio[data-collection-studio] .studio-size-option__photo{background:#e6e7e6}
.studio[data-collection-studio] .studio-size-option__photo .studio-box-photo{mix-blend-mode:normal}
.studio[data-collection-studio] .studio-mobile-box .studio-box{padding:7px;border-width:6px;gap:4px;max-width:225px}
.studio[data-collection-studio] .studio-mobile-box .studio-slot{padding:2px;border-width:2px}
.studio[data-collection-studio] .studio-mobile-box .studio-slot:before{inset:10%}
.studio[data-collection-studio] .studio-mobile-box .studio-slot-number{font-size:.35rem;bottom:1px}
@media(max-width:700px){
 .studio[data-collection-studio] .studio-size-option__photo{height:74px}
 .studio[data-collection-studio] .studio-size-option{min-height:189px}
 .studio[data-collection-studio] .studio-box{padding:10px;border-width:9px;gap:7px;max-width:280px}
 .studio[data-collection-studio] .studio-slot{border-width:3px;padding:3px}
}

/* PHYSICAL BOX FAMILY V0.8.28 — covers Him, Her and Couples. */
.studio[data-collection-studio][data-size="3"] .studio-box,
.studio[data-collection-studio][data-size="6"] .studio-box{--couple-columns:3}
.studio[data-collection-studio][data-size="1"] .studio-box{
  --couple-columns:1;width:min(100%,150px);max-width:150px;min-height:0;
  padding:12px;border:12px solid #232428;border-radius:7px;
  background:radial-gradient(circle,#1d1e20,#090a0c);
  box-shadow:0 0 0 2px #4f5255,inset 0 2px 12px #0009,0 10px 22px #0003;
}
.studio[data-collection-studio][data-size="1"] .studio-slot{
  height:auto;min-height:0;aspect-ratio:1;border-radius:50%;
  border-color:#abb3b5;background:radial-gradient(circle,#292b31,#101214);
}
.studio[data-collection-studio][data-size="1"] .studio-slot .studio-watch-art{height:87%;width:85%}
.studio-box-reference{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-width:0}
.studio-box-reference-photo{
  display:flex;align-items:center;justify-content:center;align-self:center;
  width:min(100%,290px);height:140px;min-height:0;
  padding:4px 8px;background:#f6f6f4;border-radius:7px;overflow:hidden;
}
.studio-box-reference-photo img{
  display:block;max-width:100%;max-height:132px;width:auto;height:auto;
  object-fit:contain;mix-blend-mode:multiply;
}
.studio-box-reference .studio-box{align-self:center;max-width:100%}
.studio-review-overhead .studio-box-reference-photo{width:min(100%,440px);height:230px}
.studio-review-overhead .studio-box-reference-photo img{max-height:220px}
.studio-review-overhead .studio-box-reference .studio-box{width:min(100%,410px)}
.studio-mobile-box-display .studio-box-reference{gap:0;width:100%}
.studio-mobile-box-display .studio-box-reference-photo{display:none}
.studio[data-collection-studio][data-size="1"] .studio-mobile-box .studio-box{width:72px;max-width:72px;padding:5px;border-width:5px}
@media(max-width:700px){
 .studio-box-reference-photo{height:110px}
 .studio-box-reference-photo img{max-height:104px}
 .studio-review-overhead .studio-box-reference-photo{height:175px}
 .studio-review-overhead .studio-box-reference-photo img{max-height:165px}
 .studio[data-collection-studio][data-size="1"] .studio-box{max-width:135px;padding:9px;border-width:8px}
 .studio[data-collection-studio][data-size="1"] .studio-mobile-box .studio-box{max-width:70px;padding:4px;border-width:5px}
}

/* TOP-DOWN BOX V0.8.38 — one plane for the tray, wells and fitted watches. */
.studio-topdown-stage{position:relative;isolation:isolate;width:100%;max-width:480px;margin:0 auto;padding:14px 3px 22px;transform-style:preserve-3d}
.studio-topdown-stage[data-tray-size="1"]{max-width:230px}
.studio-topdown-stage[data-tray-size="2"]{max-width:370px}
.studio-topdown-stage[data-tray-size="4"]{max-width:400px}
.studio-topdown-box{position:relative;display:grid;grid-template-columns:repeat(var(--tray-columns),minmax(0,1fr));gap:10px;padding:12px;border:12px solid transparent;border-radius:9px;background:linear-gradient(135deg,#090d11,#1c2226 58%,#080b0f) padding-box,repeating-linear-gradient(3deg,#21140f 0,#4c3426 2px,#211710 4px,#38261c 7px) border-box;box-shadow:inset 0 0 0 2px #0009,inset 0 3px 7px #000c,0 3px 0 #594332,0 8px 0 #21140e,0 11px 0 #100c09,0 18px 16px #0005}
.studio-topdown-stage[data-tray-size="1"] .studio-topdown-box{background:linear-gradient(135deg,#090d11,#21282c,#080b0f) padding-box,linear-gradient(110deg,#101518,#333b3f 45%,#080b0e) border-box;box-shadow:inset 0 0 0 2px #0009,0 3px 0 #454d50,0 8px 0 #111719,0 11px 0 #080b0d,0 18px 16px #0005}
.studio .studio-topdown-slot{position:relative;display:grid;place-items:center;min-width:0;min-height:0;width:100%;aspect-ratio:1;padding:0;border:0;border-radius:50%;overflow:hidden;color:#f0eee5;background:radial-gradient(circle closest-side at 50% 50%,#262d31 0,#151c20 40%,#0b1013 73%,#050709 79%,#b9beb4 82%,#4d5553 85%,#e1e3d8 87%,#747d75 90%,#0a0d0f 94%,#1c2226 100%);box-shadow:inset 0 2px 5px #000b,0 1px 0 #88928c42;cursor:pointer;outline-offset:3px;transition:box-shadow .18s ease}
.studio .studio-topdown-slot:hover{box-shadow:inset 0 2px 5px #000b,0 0 0 2px #d4bea0}
.studio .studio-topdown-slot:focus-visible,.studio .studio-topdown-slot.is-target{outline:3px solid #f4d9a8;outline-offset:2px}
.studio .studio-topdown-slot .studio-watch-art--boxed{position:absolute;inset:8%;display:block;width:84%;height:84%;max-width:none;max-height:none;margin:0;transform:none;filter:drop-shadow(0 2px 2px #000b);pointer-events:none}
.studio-topdown-slot__plus{position:relative;margin-top:-3px;font-size:clamp(1rem,2vw,1.7rem);line-height:1;font-weight:300;color:#d8dfd8;opacity:.8;pointer-events:none}
.studio-topdown-slot__number{position:absolute;bottom:7%;left:50%;transform:translateX(-50%);font:500 .43rem var(--font-detail);line-height:1;color:#e0e3db;opacity:.8;pointer-events:none}
.studio-topdown-hinge{position:absolute;top:8px;z-index:2;width:18px;height:12px;border:1px solid #343b3a;border-radius:2px;background:linear-gradient(#a5aca2,#f0f0df 35%,#525b57 48%,#d4d7cb 70%,#737e73);box-shadow:0 1px 2px #0008}
.studio-topdown-hinge--left{left:23%}.studio-topdown-hinge--right{right:23%}
.studio-topdown-clasp{position:absolute;bottom:9px;left:50%;z-index:2;transform:translateX(-50%);width:24px;height:16px;border:1px solid #4e5c53;border-radius:3px;background:linear-gradient(90deg,#777f72,#e1e2cf 38%,#a5ad9d 57%,#d8dccb 72%,#677563);box-shadow:0 1px 2px #0009}
.studio-topdown-clasp:after{content:"";position:absolute;inset:4px 7px;border:1px solid #465047;border-radius:2px;background:#6e7b6b}
.studio-review-overhead .studio-topdown-stage{max-width:500px}
.studio-review-overhead .studio-topdown-stage[data-tray-size="1"]{max-width:230px}
@media(max-width:960px){
 .studio-mobile-box{position:relative;top:auto}
 .studio-mobile-box-body{grid-template-columns:minmax(0,1fr);gap:8px}
 .studio-mobile-box-display,.studio-mobile-box-display .dbd-box-scene{width:100%}
 .studio-mobile-box .studio-topdown-stage{max-width:290px}
 .studio-mobile-box .studio-topdown-stage[data-tray-size="1"]{max-width:165px}
 .studio-mobile-box .studio-topdown-stage[data-tray-size="2"]{max-width:250px}
 .studio-mobile-box .studio-topdown-stage[data-tray-size="4"]{max-width:250px}
 .studio-mobile-box-summary{display:grid;grid-template-columns:minmax(0,1fr) 106px;align-items:center;gap:12px}
 .studio-mobile-box-summary p{margin:0}
 .studio .studio-carousel-track,.studio .studio-carousel-selection{scroll-margin-top:24px}
}
@media(max-width:700px){.studio-topdown-box{gap:8px;padding:9px;border-width:10px}.studio-topdown-slot__number{font-size:.4rem}}
@media(prefers-reduced-motion:reduce){.studio-topdown-slot{transition:none!important}}