/* Interactive previews use inline SVG artwork and system fonts. */
.d-section{padding-block:46px 10px;scroll-margin-top:36px}.d-intro{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:35px}.d-intro .eyebrow{margin-bottom:14px}.d-intro h2{font-size:clamp(2.15rem,3.6vw,3.5rem)}.d-intro>p{max-width:335px;color:var(--muted);font-size:.9375rem}.d-controls{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:19px}.d-tabs{display:flex;gap:8px;flex-wrap:wrap}.d-tab{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:50px;min-height:46px;padding:10px 19px;cursor:pointer;font-size:.875rem;transition:background .18s,color .18s,border-color .18s}.d-tab>span{font-size:.65rem;margin-right:8px;opacity:.7}.d-tab[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.d-tab:not([aria-pressed=true]):hover{border-color:var(--ink)}.d-tab:disabled,.d-next:disabled{cursor:default}.d-next{display:grid;place-items:center;width:46px;height:46px;flex:none;border:1px solid var(--line);border-radius:50%;color:var(--ink);background:transparent;cursor:pointer;transition:background .18s,color .18s}.d-next:hover{background:var(--blue);color:#fff}.d-browser{border:1px solid #cdd2c9;border-radius:18px;overflow:hidden;box-shadow:0 20px 45px -30px #182a264d;background:#efeae0}.d-browser-bar{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;gap:18px;border-bottom:1px solid #d4d7cf;background:#f1f0eb;color:#60685f}.d-browser-dots{display:flex;gap:6px}.d-browser-dots i{width:7px;height:7px;border-radius:50%;background:#c0c5ba}.d-browser-title{font-size:.6875rem;letter-spacing:.04em}.d-browser-counter{font-size:.625rem;letter-spacing:.08em}.d-stage{position:relative;isolation:isolate}.d-panel{min-height:660px;display:grid;grid-template-rows:auto 1fr auto;padding:0 42px;overflow:hidden}.d-panel[hidden]{display:none!important}.d-panel h3{line-height:.98;letter-spacing:-.065em}.d-panel p{line-height:1.5}.d-panel button{cursor:pointer}.d-mini-label{font-size:.6rem;letter-spacing:.11em;font-weight:500}.d-coffee{background:#f4e9d6;color:#503524}.d-coffee-nav{height:77px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #d4baa0}.d-coffee-logo{font:700 2.25rem Georgia,serif;letter-spacing:-.07em;position:relative}.d-coffee-logo>span{font:500 .7rem 'Segoe UI',sans-serif;position:absolute;right:-11px;top:8px}.d-coffee-menu-link{background:none;border:0;padding:10px 0;color:#503524;font-size:.75rem}.d-coffee-menu-link>span{margin-left:12px}.d-coffee-main{padding-block:12px 22px;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.d-coffee-copy{padding-block:18px}.d-coffee-eyebrow{font-size:.6rem;letter-spacing:.1em;font-weight:600;margin-bottom:19px!important}.d-coffee-copy h3{font-family:Georgia,'Times New Roman',serif;font-size:clamp(3.25rem,5.3vw,5.15rem);font-weight:400;letter-spacing:-.067em}.d-coffee-copy h3>span{font-style:italic;color:#bd4727}.d-coffee-copy>p:not(.d-coffee-eyebrow){font-size:.875rem;max-width:305px;margin-top:20px}.d-coffee-button{background:#bd4727;color:#fff9f0;border:none;border-radius:5px;font-size:.75rem;padding:13px 18px;margin-top:19px;display:inline-flex;align-items:center;gap:28px}.d-coffee-button:hover{background:#a7381b}.d-coffee-art{position:relative;display:grid;gap:10px;width:100%;max-width:480px;justify-self:end}.d-coffee-visual{min-width:0}.d-cup-svg{display:block;width:100%;height:auto}.d-coffee-art-caption{display:block;text-align:center;font-size:.625rem;letter-spacing:.16em;}.d-coffee-menu{border-top:1px solid #d4baa0;padding-block:18px 25px}.d-coffee-menu-title{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:19px}.d-coffee-menu-title>span{font:italic 1.4rem Georgia,serif;letter-spacing:-.03em}.d-coffee-menu-title>div{display:flex;gap:7px}.d-menu-filter{font-size:.75rem;min-height:34px;background:transparent;border:1px solid #c9ae91;color:#503524;padding:7px 12px;border-radius:30px}.d-menu-filter[aria-pressed=true]{background:#503524;color:#f4e9d6;border-color:#503524}.d-menu-items{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;min-height:42px}.d-menu-items>div{display:flex;flex-direction:column;gap:6px}.d-menu-items strong{font-size:.8125rem;font-weight:600}.d-menu-items span{font-size:.6875rem;color:#755740;line-height:1.4}.d-beauty{background:#e9e2f2;color:#292036}.d-beauty-nav{height:78px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #c9bdcf}.d-beauty-logo{font:italic 2.3rem Georgia,serif;letter-spacing:-.08em;display:flex;gap:13px;align-items:center}.d-beauty-logo>span{font:500 .55rem 'Segoe UI',sans-serif;letter-spacing:.15em}.d-beauty-mark{font-size:2.25rem;line-height:1}.d-beauty-main{padding-block:12px 22px;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.d-beauty-eyebrow{font-size:.6rem;letter-spacing:.12em;margin-bottom:20px!important}.d-beauty-copy h3{font:400 clamp(3.6rem,6.8vw,6.6rem)/.89 Georgia,'Times New Roman',serif;letter-spacing:-.07em}.d-beauty-copy h3>span{font-style:italic}.d-beauty-copy>p:not(.d-beauty-eyebrow){font-size:.875rem;margin-top:23px;max-width:310px}.d-beauty-outline{display:inline-block;font-size:.55rem;letter-spacing:.1em;border:1px solid #b8aac2;border-radius:30px;padding:11px 14px;margin-top:20px}.d-beauty-art{position:relative;display:grid;gap:10px;max-width:450px;width:100%;justify-self:end;--nail:#ba7288}.d-beauty-art[data-color=cherry]{--nail:#7a153b}.d-beauty-art[data-color=lilac]{--nail:#7d65b5}.d-beauty-art[data-color=nude]{--nail:#bc906e}.d-polish-visual{min-width:0}.d-nail-svg{display:block;width:100%;height:auto}.d-nail-fill{fill:var(--nail);transition:fill .28s}.d-nail-color-label{justify-self:center;padding:10px 16px;background:#292036;color:#f0eaf5;border-radius:30px;font-size:.75rem}.d-beauty-bottom{display:flex;align-items:center;justify-content:space-between;gap:22px;border-top:1px solid #c9bdcf;padding-block:18px 23px}.d-beauty-bottom>div>p{font-size:.6875rem;letter-spacing:.02em;margin-bottom:11px}.d-swatches{display:flex;gap:10px}.d-swatch{width:35px;height:35px;border-radius:50%;border:1px solid #b6a5c2;display:grid;place-items:center;box-shadow:0 0 0 3px #e9e2f2,0 0 0 4px transparent;padding:0;transition:box-shadow .15s}.d-swatch>span{opacity:0;color:#fff;font-size:.8rem}.d-swatch[aria-pressed=true]{box-shadow:0 0 0 3px #e9e2f2,0 0 0 4px #292036}.d-swatch[aria-pressed=true]>span{opacity:1}.d-swatch-rose{background:#ba7288}.d-swatch-cherry{background:#7a153b}.d-swatch-lilac{background:#7d65b5}.d-swatch-nude{background:#bc906e}.d-beauty-note{font-size:.75rem;color:#62536f;max-width:315px}.d-repair{background:#0e1831;color:#f2f5fd}.d-repair-nav{height:78px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #344361}.d-repair-logo{font-size:1.45rem;font-weight:600;letter-spacing:-.07em;white-space:nowrap}.d-repair-logo>span{color:#95b0ff;font-size:1.4rem;margin-right:9px;font-weight:400;letter-spacing:-.12em}.d-repair-nav>.d-mini-label{color:#a9b8d5}.d-repair-status{font-size:.55rem;letter-spacing:.12em;display:flex;align-items:center;gap:7px;color:#b6c7ea}.d-repair-status>i{width:5px;height:5px;background:#91aefa;border-radius:50%}.d-repair-main{display:grid;grid-template-columns:1.06fr .94fr;gap:35px;align-items:center}.d-repair-eyebrow{font-size:.6rem;letter-spacing:.1em;color:#aebee0;margin-bottom:19px!important}.d-repair-copy h3{font-size:clamp(3rem,5.8vw,5.5rem);font-weight:500;letter-spacing:-.07em}.d-repair-copy h3>span{color:#97b1ff}.d-repair-copy>p:not(.d-repair-eyebrow){font-size:.875rem;color:#b3c0da;max-width:355px;margin-top:22px}.d-repair-points{display:flex;gap:20px;margin-top:26px;flex-wrap:wrap}.d-repair-points>span{font-size:.625rem;color:#c8d5ef;display:flex;gap:7px;align-items:center}.d-repair-points b{font-size:.6rem;font-weight:400;color:#91aaf1}.d-repair-art{position:relative;background-image:linear-gradient(#91aaf110 1px,transparent 1px),linear-gradient(90deg,#91aaf110 1px,transparent 1px);background-size:36px 36px;border:1px solid #91aaf11a;border-radius:10px;width:100%;max-width:420px;justify-self:end}.d-repair-grid-label{position:absolute;top:12px;left:12px;font-size:.5rem;color:#8aa0d0;letter-spacing:.15em}.d-phone-svg{display:block;width:100%;height:auto}.d-phone-battery,.d-phone-charge{display:none}.d-repair-art[data-issue=battery] .d-phone-cracks,.d-repair-art[data-issue=charge] .d-phone-cracks{display:none}.d-repair-art[data-issue=battery] .d-phone-battery,.d-repair-art[data-issue=charge] .d-phone-charge{display:block}.d-repair-device-label{display:block;padding:12px 15px;text-align:center;font-size:.625rem;color:#b4c6ed;border-top:1px solid #91aaf11a}.d-repair-bottom{border-top:1px solid #344361;padding-block:19px 24px;display:flex;gap:30px;align-items:end;justify-content:space-between}.d-repair-selector{min-width:0}.d-repair-selector>p{font-size:.6875rem;color:#b3c0da;margin-bottom:11px}.d-repair-selector>div{display:flex;flex-wrap:wrap;gap:7px}.d-issue{font-size:.6875rem;padding:9px 11px;min-height:36px;background:transparent;border:1px solid #51658e;color:#c8d5ef;border-radius:6px}.d-issue[aria-pressed=true]{background:#a6bcff;border-color:#a6bcff;color:#132348}.d-repair-detail{font-size:.6875rem;color:#b3c0da;max-width:270px;min-height:43px}.d-after{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:25px}.d-summary{font-size:.9rem;line-height:1.5;max-width:700px}.d-disclaimer{font-size:.75rem;color:var(--muted);margin-top:7px}.d-cta{flex:none;gap:19px}.d-panel button:focus-visible{outline:3px solid currentColor;outline-offset:4px}.d-repair button:focus-visible{outline-color:#c4d4ff}.d-beauty .d-swatch:focus-visible{outline-color:#292036;outline-offset:7px}
@media(max-width:1100px){.d-panel{padding-inline:30px;min-height:630px}.d-mini-label{font-size:.5rem;letter-spacing:.06em}.d-coffee-copy h3{font-size:4.4rem}.d-beauty-copy h3{font-size:5.5rem}.d-repair-copy h3{font-size:4.7rem}.d-repair-bottom{gap:20px}.d-repair-detail{max-width:225px}}
@media(max-width:900px){.d-panel{min-height:620px;padding-inline:25px}.d-coffee-copy h3{font-size:3.6rem}.d-beauty-copy h3{font-size:4.6rem}.d-repair-copy h3{font-size:3.8rem}.d-coffee-main,.d-beauty-main,.d-repair-main{gap:18px}.d-repair-bottom{display:block}.d-repair-detail{max-width:none;margin-top:11px;min-height:32px}.d-coffee-menu-title>span{font-size:1.25rem}.d-coffee-nav>.d-mini-label,.d-beauty-nav>.d-mini-label{display:none}.d-menu-items{gap:16px}}
@media(max-width:760px){.d-section{padding-block:36px 4px}.d-intro{display:block;margin-bottom:28px}.d-intro>p{margin-top:22px;max-width:440px}.d-tabs{gap:6px}.d-tab{padding:10px 13px;font-size:.75rem;min-height:42px}.d-tab>span{display:none}.d-next{width:42px;height:42px}.d-controls{gap:9px}.d-browser{border-radius:13px}.d-browser-bar{padding-inline:15px;height:37px}.d-browser-title{font-size:.625rem}.d-browser-counter{font-size:.55rem}.d-panel{min-height:875px;padding-inline:25px;grid-template-rows:auto 1fr auto}.d-coffee-nav,.d-beauty-nav,.d-repair-nav{height:67px}.d-coffee-logo{font-size:2rem}.d-coffee-main,.d-beauty-main,.d-repair-main{grid-template-columns:1fr;gap:6px;align-content:center;align-items:center}.d-coffee-copy{padding-block:18px 0}.d-coffee-copy h3{font-size:clamp(2.8rem,8.7vw,4.6rem)}.d-coffee-copy h3 br:nth-of-type(2){display:none}.d-coffee-copy h3>span{white-space:normal}.d-coffee-eyebrow,.d-beauty-eyebrow,.d-repair-eyebrow{font-size:.55rem;margin-bottom:13px!important}.d-coffee-copy>p:not(.d-coffee-eyebrow){font-size:.8125rem;margin-top:14px;max-width:360px}.d-coffee-button{margin-top:14px;padding:11px 14px;font-size:.7rem}.d-coffee-art{max-width:310px;justify-self:center;margin-top:-3px}.d-coffee-art-caption{font-size:.5rem;}.d-coffee-menu{padding-block:17px 22px}.d-coffee-menu-title{margin-bottom:17px;gap:10px}.d-coffee-menu-title>span{font-size:1.25rem}.d-menu-filter{font-size:.65rem;padding:7px 10px}.d-menu-items{grid-template-columns:1fr;gap:13px}.d-menu-items>div{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;gap:12px}.d-menu-items strong{font-size:.75rem;white-space:nowrap}.d-menu-items span{font-size:.625rem;text-align:right}.d-beauty-logo{font-size:2rem}.d-beauty-copy{padding-top:20px}.d-beauty-copy h3{font-size:clamp(3.6rem,11vw,5.3rem)}.d-beauty-copy h3 br:nth-of-type(2){display:none}.d-beauty-copy>p:not(.d-beauty-eyebrow){font-size:.8125rem;margin-top:18px;max-width:370px}.d-beauty-outline{font-size:.5rem;padding:9px 12px;margin-top:14px}.d-beauty-art{max-width:320px;justify-self:center;margin-top:-10px}.d-nail-color-label{font-size:.65rem;padding:9px 12px}.d-beauty-bottom{padding-block:20px 23px;gap:15px;align-items:center}.d-beauty-note{font-size:.65rem;max-width:190px}.d-swatch{width:30px;height:30px}.d-swatches{gap:9px}.d-repair-logo{font-size:1.3rem}.d-repair-nav>.d-mini-label{display:none}.d-repair-status{font-size:.5rem}.d-repair-copy{padding-top:20px}.d-repair-copy h3{font-size:clamp(2.9rem,9.8vw,4.4rem)}.d-repair-copy h3 br:nth-of-type(2){display:none}.d-repair-copy>p:not(.d-repair-eyebrow){font-size:.8125rem;max-width:380px;margin-top:16px}.d-repair-points{margin-top:16px;gap:16px}.d-repair-art{max-width:275px;justify-self:center;margin-top:10px}.d-repair-device-label{padding:9px;font-size:.6rem}.d-repair-bottom{padding-block:17px 22px}.d-repair-detail{font-size:.65rem;margin-top:12px;min-height:40px}.d-issue{font-size:.65rem;padding:9px 10px}.d-after{align-items:start;flex-direction:column;gap:18px;margin-top:21px}.d-summary{font-size:.875rem}.d-disclaimer{font-size:.7rem}.d-cta{font-size:.8125rem;min-height:46px}}
@media(max-width:420px){.d-controls{align-items:end}.d-tabs{max-width:235px}.d-tab{font-size:.7rem;padding:9px 12px;min-height:37px}.d-next{width:37px;height:37px}.d-panel{min-height:880px;padding-inline:19px}.d-browser-bar{padding-inline:12px;gap:9px}.d-browser-dots{gap:4px}.d-browser-dots i{width:5px;height:5px}.d-browser-title{font-size:.56rem}.d-coffee-copy h3{font-size:3rem}.d-coffee-copy h3 br:nth-of-type(2){display:block}.d-coffee-art{max-width:255px}.d-coffee-menu-title{flex-wrap:wrap;gap:10px}.d-coffee-menu-title>span{font-size:1.2rem}.d-menu-items>div{flex-direction:column;gap:3px}.d-menu-items{gap:11px}.d-menu-items span{text-align:left}.d-beauty-copy h3{font-size:3.8rem}.d-beauty-copy h3 br:nth-of-type(2){display:block}.d-beauty-art{max-width:270px}.d-beauty-bottom{display:block}.d-beauty-bottom>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.d-beauty-bottom>div>p{font-size:.6rem;max-width:90px;margin-bottom:0}.d-beauty-note{max-width:none;margin-top:15px;font-size:.65rem}.d-beauty-note br{display:none}.d-swatches{gap:9px}.d-repair-copy h3{font-size:3.05rem}.d-repair-copy h3 br:nth-of-type(2){display:block}.d-repair-art{max-width:235px;margin-top:7px}.d-repair-points{gap:11px}.d-repair-points>span{font-size:.55rem}.d-repair-points b{font-size:.5rem}.d-issue{font-size:.6rem;padding:9px 8px;min-height:34px}.d-repair-detail{font-size:.625rem;min-height:48px}.d-beauty-logo>span{font-size:.5rem}.d-coffee-nav{gap:12px}.d-coffee-menu-link{font-size:.65rem}.d-coffee-menu-link>span{margin-left:6px}}
@media(prefers-reduced-motion:reduce){.d-section *{transition:none!important;animation:none!important}}