@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
/* Live specimens are scoped; the portfolio keeps its own primary colour. */
.ds-cover{--ds-brand:#32346c;position:relative;background:#f5f5f8;color:#181d27;padding:28px;border:1px solid #d5d7da;overflow:hidden;font-family:Arial,sans-serif;border-radius:0;isolation:isolate}.ds-cover-top,.ds-cover-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;font:9px/1.5 var(--mono);letter-spacing:.08em}.ds-cover-top{padding-bottom:22px;border-bottom:1px solid #e1e1e8}.ds-live-dot{display:flex;align-items:center;gap:7px;color:#535966}.ds-live-dot:before{content:'';height:5px;width:5px;background:#3ccb7f;border-radius:50%}.ds-cover-grid{display:grid;grid-template-columns:.85fr 1.3fr;gap:35px;align-items:center;padding:35px 0}.ds-cover-grid>div>span{font:8px var(--mono);letter-spacing:.06em;color:#717680;display:block;margin-bottom:18px}.ds-cover-swatches{display:flex;margin-bottom:17px}.ds-cover-swatches i{width:30px;height:30px;border:2px solid #f5f5f8;border-radius:50%;margin-right:-7px;background:#32346c}.ds-cover-swatches i:nth-child(2){background:#575986}.ds-cover-swatches i:nth-child(3){background:#d5d7e5}.ds-cover-swatches i:nth-child(4){background:#fff}.ds-cover-tokens>b{display:block;font-size:56px;line-height:1;letter-spacing:-.07em}.ds-cover-tokens>small{display:block;font-size:10px;margin-top:12px;color:#535862}.ds-cover-spacing{display:flex;align-items:end;gap:6px;margin-top:16px;height:24px}.ds-cover-spacing i{width:12px;height:6px;background:#bbbcd2}.ds-cover-spacing i:nth-child(2){height:12px}.ds-cover-spacing i:nth-child(3){height:18px}.ds-cover-spacing i:nth-child(4){height:24px;background:#32346c}.ds-cover-component{position:relative;padding:22px;background:#fff;box-shadow:0 15px 35px #2528490e;border:1px solid #e9eaeb;border-radius:20px;transition:transform .35s}.ds-cover:hover .ds-cover-component{transform:translateY(-4px)}.ds-cover-field{display:block;border:1px solid #d5d7da;border-radius:16px;padding:9px 14px;font-size:11px;color:#414651;transition:border-color .2s,box-shadow .2s}.ds-cover-field:focus-within{border-color:#575986;box-shadow:0 0 0 3px #32346c16}.ds-cover-field input{width:100%;display:block;min-width:0;font:14px Arial,sans-serif;padding:5px 0 0;background:transparent;border:0;outline:0;color:#181d27}.ds-cover-cta{width:100%;margin-top:15px;padding:12px 16px;border:1px solid #ffffff20;border-radius:12px;color:white;background:#32346c;font:600 13px Arial,sans-serif;display:flex;justify-content:center;align-items:center;gap:8px;transition:background .2s,box-shadow .2s}.ds-cover-cta:hover{background:#2b2c5c}.ds-cover-cta:focus-visible{outline:3px solid #b7b9db;outline-offset:3px}.ds-cover-cta svg{width:0;height:16px;stroke:currentColor;stroke-width:2;fill:none;transition:width .25s}.ds-cover-cta.is-saved{background:#216844}.ds-cover-cta.is-saved svg{width:16px}.ds-cover-note{text-align:center;font-size:9px;line-height:1.5;color:#717680;margin-top:14px;min-height:27px}.ds-cover-bottom{font-size:8px;border-top:1px solid #e1e1e8;padding-top:18px}.ds-cover-play{border:0;background:none;color:#414651;padding:6px;font:10px var(--mono);white-space:nowrap}.ds-demo-pointer{position:absolute;width:22px;height:27px;right:12%;bottom:22%;fill:#c3f53c;stroke:#181d27;stroke-width:1.8;opacity:0;pointer-events:none}.ds-cover.is-playing .ds-demo-pointer{animation:ds-pointer 5.2s ease-in-out}.ds-cover.is-playing .ds-cover-field{animation:ds-focus 5.2s ease-in-out}.ds-cover.is-playing .ds-cover-cta{animation:ds-press 5.2s ease-in-out}.ds-cover.is-playing .ds-cover-cta svg{animation:ds-check 5.2s ease-in-out}
@keyframes ds-pointer{0%,100%{opacity:0;transform:translate(45px,45px)}15%{opacity:1}30%,48%{opacity:1;transform:translate(-50px,-75px)}65%,80%{opacity:1;transform:translate(-35px,-5px)}90%{opacity:0;transform:translate(-35px,-5px)}}@keyframes ds-focus{0%,20%,55%,100%{box-shadow:none;border-color:#d5d7da}30%,48%{border-color:#575986;box-shadow:0 0 0 3px #32346c18}}@keyframes ds-press{0%,60%,100%{background:#32346c;transform:none}68%{background:#2b2c5c;transform:scale(.98)}75%,90%{background:#216844;transform:none}}@keyframes ds-check{0%,68%,100%{width:0}75%,90%{width:16px}}
.ds-project-media{padding:0!important;background:none!important;display:flex;align-items:center;justify-content:center}.ds-project-media .ds-cover{width:100%;max-height:100%;padding:clamp(14px,2vw,28px);container-type:inline-size;box-shadow:0 20px 32px #372d1320}.ds-project-media .ds-cover-grid{gap:24px;padding:26px 0}.ds-project-media .ds-cover-component{padding:18px}.ds-project-media .ds-cover-top{font-size:8px}.ds-project-media .ds-cover-bottom{font-size:7px}
.ds-case{--ds-brand:#32346c;--ds-brand-hover:#2b2c5c;--ds-focus:#575986;--ds-ui-bg:#fff;--ds-ui-soft:#f5f5f8;--ds-ui-ink:#181d27;--ds-ui-copy:#535862;--ds-ui-line:#d5d7da}.ds-case .ds-cover{margin:0 0 15px}.ds-case .ds-cover-grid{padding:50px 25px;gap:60px}.ds-case .ds-cover-component{padding:32px}.ds-case .ds-cover-field{font-size:13px}.ds-case .ds-cover-field input{font-size:16px}.ds-case .ds-cover-note{font-size:11px}.ds-layer-map{display:grid;justify-items:center;margin:32px 0;gap:12px}.ds-layer-map>div{width:100%;padding:24px;border:1px solid var(--line);background:color-mix(in srgb,var(--ink) 3%,var(--paper))}.ds-layer-map .mono{font-size:9px;color:var(--soft);display:block;margin-bottom:13px}.ds-layer-map strong{font-size:20px;letter-spacing:-.03em}.ds-layer-map>span{color:var(--soft)}
.ds-lab{margin:32px 0 0;border:1px solid var(--line);min-width:0;overflow:hidden}.ds-lab-heading,.ds-lab-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 22px;border-bottom:1px solid var(--line)}.ds-lab-heading .mono{font-size:9px;line-height:1.6}.ds-interact{font:8px/1.6 var(--mono);color:var(--soft);letter-spacing:.04em}.ds-controls{padding:20px 22px;display:flex;align-items:end;gap:16px;flex-wrap:wrap}.ds-controls>label{display:flex;flex-direction:column;gap:9px;font:11px/1.4 var(--mono);color:var(--soft);flex:1;min-width:120px}.ds-controls select{min-width:0;max-width:100%;font:13px/1.5 var(--body);padding:9px 30px 9px 12px;border:1px solid var(--line);border-radius:0;background:var(--paper);color:var(--ink)}.ds-controls>.ds-check-control{flex-direction:row;align-items:center;justify-content:end;min-height:39px;min-width:90px}.ds-check-control input{accent-color:var(--ds-brand);width:16px;height:16px}.ds-state-picker{display:flex;flex-wrap:wrap;gap:6px;padding:0 22px 22px}.ds-state-picker button{font:11px/1.3 var(--body);padding:9px 13px;border:1px solid var(--line);background:transparent;color:var(--soft);transition:background .2s,color .2s}.ds-state-picker button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.ds-state-picker button:hover{border-color:var(--ink)}.ds-lab button:focus-visible,.ds-lab select:focus-visible,.ds-lab input[type=range]:focus-visible,.ds-cover-play:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.ds-demo-surface{min-height:220px;padding:42px 25px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--ink) 3%,var(--paper));border-block:1px solid var(--line)}.ds-lab-footer{border-bottom:0;font:10px/1.7 var(--mono);color:var(--soft);min-height:58px}.ds-text-button{padding:4px 0;border:0;background:transparent;color:inherit;font:12px/1.5 var(--body);text-decoration:underline;text-underline-offset:4px}.ds-caption{font-size:12px!important;margin-top:13px!important;line-height:1.7!important;color:var(--soft)}
.ds-field{width:min(100%,340px);color:var(--ds-ui-ink);font-family:Arial,sans-serif}.ds-field-box{border:1px solid var(--ds-ui-line);border-radius:16px;background:var(--ds-ui-bg);padding:8px 16px;min-height:64px;transition:border-color .2s,box-shadow .2s,background .2s}.ds-field-box>label{display:block;font-size:14px;line-height:20px;color:var(--ds-ui-copy)}.ds-field-box>label>span{color:var(--ds-brand)}.ds-field-row{display:flex;gap:8px;align-items:center;min-height:25px}.ds-field-row input{flex:1;width:100%;min-width:0;outline:0;border:0;background:transparent;padding:0;font:16px/24px Arial,sans-serif;color:var(--ds-ui-ink)}.ds-field-row input::placeholder{color:#717680}.ds-field-row select{max-width:80px;background:transparent;border:0;color:var(--ds-ui-ink);font:13px Arial,sans-serif;outline-offset:2px}.ds-field-row>span{font-size:12px;color:var(--ds-ui-copy);flex-shrink:0}.ds-field>p{font:13px/1.6 Arial,sans-serif;margin:8px 0 0;color:var(--ds-ui-copy);min-height:22px}.ds-field[data-state=focused] .ds-field-box,.ds-field[data-state=default]:focus-within .ds-field-box{border-color:var(--ds-focus);box-shadow:0 0 0 3px #57598624}.ds-field[data-state=error] .ds-field-box{border-color:#fda29b}.ds-field[data-state=error]>p{color:#d92d20}.ds-field[data-state=success] .ds-field-box{border-color:#3ccb7f}.ds-field[data-state=success]>p{color:#218451}.ds-field[data-state=disabled] .ds-field-box{background:var(--ds-ui-soft);opacity:.65}.ds-state-mark svg,.ds-state-mark b{display:none}.ds-field[data-state=success] .ds-state-mark svg{display:block;width:18px;height:18px;stroke:#218451;stroke-width:2;fill:none}.ds-field[data-state=error] .ds-state-mark b{display:grid;place-items:center;border:1.5px solid #d92d20;color:#d92d20;width:15px;height:15px;font-size:10px;line-height:1;border-radius:50%}
.ds-ui-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#32346c;border:1px solid #ffffff20;color:#fff;border-radius:12px;padding:10px 14px;min-height:40px;font:600 14px/20px Arial,sans-serif;box-shadow:0 1px 2px #1018280d;transition:background .2s,border-radius .3s,padding .2s,color .2s,transform .2s}.ds-ui-button:hover{background:#2b2c5c}.ds-ui-button:focus-visible{outline:3px solid #b7b9db!important;outline-offset:3px}.ds-ui-button:active:not(:disabled){transform:translateY(1px)}.ds-ui-button>svg{width:0;height:18px;stroke:currentColor;fill:none;stroke-width:2;transition:width .2s}.ds-ui-button.is-done>svg{width:18px;animation:ds-tick .35s ease-out}.ds-ui-button[data-size=small]{padding:8px 12px;min-height:36px}.ds-ui-button[data-size=large]{padding:12px 18px;min-height:48px;font-size:16px}.ds-ui-button[data-hierarchy=secondary]{background:var(--ds-ui-bg);color:var(--ds-ui-ink);border-color:var(--ds-ui-line)}.ds-ui-button[data-hierarchy=secondary]:hover{background:var(--ds-ui-soft)}.ds-ui-button[data-hierarchy=tertiary]{background:transparent;box-shadow:none;color:var(--ds-ui-copy);border-color:transparent}.ds-ui-button[data-hierarchy=tertiary]:hover{background:var(--ds-ui-soft)}.ds-ui-button:disabled{background:#f5f5f5!important;color:#a4a7ae!important;border-color:#e9eaeb!important;box-shadow:none}.ds-ui-button.is-done{background:#216844;color:#fff}.ds-composition-layout{display:grid;gap:30px;padding:15px 28px 35px;align-items:center}.ds-layer-explanation>.mono{font-size:9px;color:var(--soft)}.ds-case .ds-layer-explanation h3{margin:15px 0;font-size:24px}.ds-layer-explanation p{font-size:14px;line-height:1.8;color:var(--soft);margin:0}.ds-layer-explanation ol{margin:24px 0 0;padding-left:17px;font-size:12px;line-height:2.3;color:var(--soft)}.ds-source{margin-top:28px;border-bottom:1px solid var(--line);padding:18px 0}.ds-source summary{font-size:12px;color:var(--soft);cursor:pointer}.ds-source .yal-screen{max-width:340px;margin:25px auto}body.dark .ds-case{--ds-ui-bg:#24262f;--ds-ui-soft:#1e2028;--ds-ui-ink:#f3f3f7;--ds-ui-copy:#b9bac7;--ds-ui-line:#454853;--ds-focus:#989bc9}[data-theme=dark] .ds-field[data-state=error]>p{color:#fda29b}[data-theme=dark] .ds-field[data-state=success]>p{color:#6ce9a6}
@keyframes ds-tick{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}
@media(max-width:800px){.ds-case .ds-cover-grid{padding:32px 0;gap:25px}.ds-case .ds-cover-component{padding:22px}.ds-cover{padding:20px}.ds-case .ds-cover-top{font-size:8px}.ds-composition-layout{gap:22px;padding-inline:20px}.ds-radius-preview{gap:24px;padding-inline:22px}.ds-lab-heading{align-items:start}}
@media(max-width:550px){.ds-cover-grid{gap:16px;padding:25px 0;grid-template-columns:.65fr 1.4fr}.ds-cover-component,.ds-case .ds-cover-component{padding:16px}.ds-cover-tokens>b{font-size:42px}.ds-cover-tokens>small{font-size:9px}.ds-cover-grid>div>span{font-size:7px;margin-bottom:13px}.ds-cover-swatches i{width:24px;height:24px}.ds-cover-top{font-size:7px}.ds-live-dot{font-size:6px;gap:4px}.ds-cover-bottom{font-size:6px}.ds-cover-field,.ds-case .ds-cover-field{font-size:10px;padding:8px 10px}.ds-cover-field input,.ds-case .ds-cover-field input{font-size:12px}.ds-cover-cta{font-size:11px;padding:10px 8px}.ds-cover-note,.ds-case .ds-cover-note{font-size:8px}.ds-cover-play{font-size:9px}.ds-case .ds-cover-grid{gap:16px}.ds-lab-heading,.ds-lab-footer{padding:16px;gap:10px}.ds-lab-heading .mono{font-size:8px}.ds-interact{font-size:7px}.ds-controls{padding:18px 16px;gap:12px}.ds-state-picker{padding:0 16px 18px;gap:5px}.ds-state-picker button{padding:9px 10px;font-size:10px}.ds-demo-surface{padding:32px 18px;min-height:200px}.ds-range-label{padding:22px 18px}.ds-radius-preview{padding:10px 18px 28px;grid-template-columns:1fr}.ds-radius-card{padding:24px}.ds-radius-spec{display:none}.ds-composition-layout{grid-template-columns:1fr;padding:10px 20px 25px;gap:30px}.ds-gift-app{max-width:360px;width:100%;margin:auto;padding:18px}.ds-layer-explanation{min-height:215px}.ds-layer-map>div{padding:20px}.ds-layer-map strong{font-size:18px}.ds-lab-footer{font-size:9px}.ds-project-media .ds-cover{padding:16px}.ds-project-media .ds-cover-grid{gap:12px;padding:18px 0}.ds-project-media .ds-cover-component{padding:12px}.ds-project-media .ds-cover-bottom{padding-top:12px}.ds-project-media .ds-cover-top{padding-bottom:12px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.ds-cover *,.ds-lab *,.ds-product-dialog{animation:none!important;transition:none!important}.ds-demo-pointer{display:none}}

.ds-case [hidden],.ds-product-dialog [hidden]{display:none!important}
/* Product-derived specimens: the Add Gift quantity row and gift-detail organism. */
.ds-numeric-stepper{display:inline-flex;align-items:center;gap:8px;font:16px/1 Inter,Arial,sans-serif}.ds-numeric-stepper>button{display:grid;place-items:center;padding:0;width:24px;height:24px;background:transparent;border:0;color:var(--ds-ui-copy);font:22px/1 Inter,Arial,sans-serif}.ds-numeric-stepper>button:disabled{color:#d5d7da;cursor:default}.ds-numeric-stepper>span{height:20px;color:var(--ds-ui-line);font-size:20px}.ds-field-row input[type=number],.ds-quantity-field input{appearance:textfield;-moz-appearance:textfield}.ds-field-row input::-webkit-inner-spin-button,.ds-quantity-field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ds-ui-button[data-size=large]{min-height:44px;padding:10px 16px}.ds-real-quantity{background:var(--ds-ui-bg);color:var(--ds-ui-ink);font-family:Inter,Arial,sans-serif;padding:20px 16px;border:1px solid #f5f5f5;border-radius:20px;max-width:370px;width:calc(100% - 36px);margin:30px auto}.ds-case .ds-real-quantity h3{font:400 14px/20px Inter,Arial,sans-serif;letter-spacing:0;margin:0 0 8px}.ds-real-quantity h3>span{color:#32346c;margin-left:3px}.ds-quantity-row{display:flex;gap:8px}.ds-quantity-field{border:1px solid var(--ds-ui-line);border-radius:16px;padding:8px 16px;flex:1;min-width:0;min-height:62px;font:400 14px/20px Inter,Arial,sans-serif;color:var(--ds-ui-copy)}.ds-quantity-field:focus-within{border-color:var(--ds-focus);box-shadow:0 0 0 3px #57598620}.ds-quantity-field>div{display:flex;align-items:center;gap:4px}.ds-quantity-field input{font:400 16px/24px Inter,Arial,sans-serif;width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ds-ui-ink);padding:0}.ds-quantity-field .ds-numeric-stepper{gap:4px;flex-shrink:0}.ds-unlimited{min-width:112px;border:1px solid var(--ds-ui-line);border-radius:16px;background:var(--ds-ui-bg);color:var(--ds-ui-copy);font:600 18px/28px Inter,Arial,sans-serif;padding:12px 16px;box-shadow:0 1px 2px #1018280d;transition:background .2s,border-color .2s,color .2s}.ds-unlimited:hover{background:var(--ds-ui-soft)}.ds-unlimited[aria-pressed=true]{background:#32346c;color:#fff;border-color:#32346c}.is-unlimited .ds-quantity-field{opacity:.55}.ds-real-state-picker{padding:0 22px 22px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.ds-real-state-picker>label{font:11px var(--mono);display:flex;align-items:center;gap:12px;color:var(--soft)}.ds-real-state-picker select{font:12px Inter,Arial,sans-serif;padding:8px 28px 8px 10px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}.ds-real-state-picker>span{font-size:10px;color:var(--soft)}.ds-composition-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr);gap:30px;align-items:center}.ds-gift-phone{position:relative;isolation:isolate;width:100%;max-width:402px;aspect-ratio:402/874;overflow:hidden;border:1px solid var(--ds-ui-line);border-radius:24px;background:#fff;font-family:Inter,Arial,sans-serif;color:#181d27;box-shadow:0 12px 30px #0000000a;margin:auto}.ds-gift-base{display:block;width:100%;height:100%;padding:0;border:0;background:white}.ds-gift-base>img{display:block;width:100%;height:100%;object-fit:cover}.ds-product-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:16px 16px 50px;background:#10182899;backdrop-filter:blur(7px);animation:ds-open-gift .22s ease-out}.ds-real-gift-card{width:100%;padding:20px 16px 16px;border-radius:20px;background:#fff;color:#181d27;border:0;box-shadow:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f;transition:box-shadow .25s;position:relative}.ds-real-gift-header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:28px;margin-bottom:20px}.ds-case .ds-real-gift-header h3{font:600 18px/28px Inter,Arial,sans-serif;letter-spacing:0;margin:0}.ds-small-action{background:#32346c;color:#fff;font:600 12px/18px Inter,Arial,sans-serif;padding:5px 10px;border:1px solid #ffffff20;border-radius:8px;box-shadow:0 1px 2px #1018280d}.ds-small-action:hover{background:#2b2c5c}.ds-real-gift-header>[data-ds-not-available]{font:600 12px/20px Inter,Arial,sans-serif;color:#a4a7ae;white-space:nowrap}.ds-real-badges{display:flex;gap:4px;margin-bottom:8px;transition:box-shadow .25s}.ds-real-badges>span{width:50%;display:flex;align-items:center;gap:6px;background:#f5f5f8;border:1px solid #d0d1e3;border-radius:999px;padding:3px 5px;font:400 10px/18px Inter,Arial,sans-serif;color:#32346c}.ds-real-badges b{font-weight:400;display:inline-block;padding:0 4px;border:1px solid #d0d1e3;border-radius:999px;background:#fff;line-height:18px}.ds-real-gift-image{position:relative}.ds-real-gift-image>img{width:100%;height:auto;display:block;border-radius:16px;aspect-ratio:338/177;object-fit:cover}.ds-real-reserver,.ds-real-countdown{position:absolute;left:50%;transform:translateX(-50%);border-radius:999px;padding:5px 8px;background:#ecfdf3;border:1px solid #abefc6;color:#067647;font:400 12px/18px Inter,Arial,sans-serif;white-space:nowrap}.ds-real-reserver{top:8px}.ds-real-countdown{bottom:8px}.ds-real-gift-actions{display:flex;gap:8px;margin-top:8px}.ds-real-gift-actions>button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-width:0;background:#fff;border:1px solid #a7a8c5;border-radius:16px;padding:10px 5px;color:#32346c;font:600 14px/24px Inter,Arial,sans-serif;box-shadow:0 1px 2px #1018280d}.ds-real-gift-actions>button:hover{background:#f5f5f8}.ds-real-gift-actions svg{width:20px;height:20px;stroke-width:1.8}.ds-gift-close{padding:0;border:0;background:none;color:#ddd;font:300 28px/1 Inter,Arial,sans-serif;margin-bottom:22px;transition:transform .2s}.ds-gift-close:hover{transform:rotate(90deg)}.ds-mini-gift-list{position:absolute;width:calc(100% - 32px);height:auto;bottom:22px;left:16px;pointer-events:none}.ds-product-toast{position:absolute;top:8%;left:8px;right:8px;border-radius:16px;background:white;color:#181d27;padding:12px 16px;box-shadow:0 4px 8px #0002}.ds-product-toast>b{font:600 12px/18px Inter,Arial,sans-serif;display:block;margin-top:8px}.ds-product-toast>p{font:400 12px/18px Inter,Arial,sans-serif;color:#414651;margin:4px 0 0}.ds-notice-icon{display:grid;place-items:center;width:24px;height:24px;border:1px solid #f79009;border-radius:50%;box-shadow:0 0 0 5px #f7900912;color:#dc6803;font:600 15px Inter,Arial,sans-serif}.ds-gift-destination{font:12px/18px Inter,Arial,sans-serif;color:#535862;border-top:1px solid #e9eaeb;padding-top:12px;margin:12px 0 0}.ds-gift-phone [hidden]{display:none!important}[data-gift-state=split] .ds-real-reserver,[data-gift-state=split] .ds-real-countdown{background:#fffaeb;border-color:#fedf89;color:#b54708}[data-layer=atom] .ds-small-action{outline:2px solid #e6bf48;outline-offset:3px}[data-layer=molecule] .ds-real-badges{box-shadow:0 0 0 3px #e6bf48;border-radius:16px}[data-layer=organism] .ds-real-gift-card{box-shadow:0 0 0 3px #e6bf48,0 10px 24px #0002}[data-layer=template] .ds-gift-phone{outline:3px solid #e6bf48;outline-offset:3px}.ds-field,.ds-field-row input,.ds-ui-button,.ds-cover,.ds-cover-cta,.ds-cover-field input{font-family:Inter,Arial,sans-serif}.ds-case .ds-field[data-state=focused] .ds-field-box,.ds-case .ds-field[data-state=default]:focus-within .ds-field-box{border-color:var(--ds-focus)}
@keyframes ds-open-gift{from{opacity:0}to{opacity:1}}
@media(max-width:550px){.ds-real-state-picker{padding-inline:16px;gap:12px}.ds-real-state-picker>label{flex-direction:column;align-items:start;gap:8px}.ds-real-state-picker select{max-width:100%}.ds-composition-layout{grid-template-columns:1fr;gap:25px;padding-inline:12px}.ds-gift-phone{max-width:402px}.ds-quantity-field{padding-inline:12px}.ds-unlimited{font-size:16px;min-width:100px;padding-inline:12px}}

.ds-input-help{flex-shrink:0;display:grid;place-items:center;width:14px;height:14px;border:1px solid #98a2b3;background:none;border-radius:50%;font:10px/1 Inter,Arial,sans-serif;color:#717680;padding:0}.ds-case [data-ds-gift-phone] [data-ds-reserve]:focus-visible,.ds-case .ds-gift-close:focus-visible{outline:2px solid #e6bf48;outline-offset:4px}

.ds-mini-gift-list{aspect-ratio:370/144;background:transparent}.ds-mini-gift-list>img{position:absolute;height:auto;border-radius:12px;object-fit:cover;box-shadow:0 5px 10px #0001}.ds-mini-gift-list>img:nth-child(1){width:11.89%;left:0;bottom:0}.ds-mini-gift-list>img:nth-child(2){width:12.97%;left:20.27%;bottom:22.92%}.ds-mini-gift-list>img:nth-child(3){width:17.3%;left:41.62%;bottom:27.08%;border:1px solid white}.ds-mini-gift-list>img:nth-child(4){width:12.97%;left:67.3%;bottom:22.92%}.ds-mini-gift-list>img:nth-child(5){width:11.89%;right:0;bottom:0}

.ds-input-icon svg{width:20px;height:20px;color:#717680;stroke-width:1.7}.ds-phone-flag img{display:block;width:24px;height:18px;object-fit:contain}.ds-case .ds-field[data-state=error]>p{color:#d92d20}.ds-case .ds-field[data-state=success]>p{color:#218451}body.dark .ds-case .ds-field[data-state=error]>p{color:#fda29b}body.dark .ds-case .ds-field[data-state=success]>p{color:#6ce9a6}

.ds-real-gift-image>img{border:1px solid transparent}[data-gift-state=reserved] .ds-real-gift-image>img{border-color:#17b26a}[data-gift-state=split] .ds-real-gift-image>img{border-color:#f79009}

.ds-product-overlay{inset:auto;top:0;left:0;width:402px;height:874px;transform:scale(var(--ds-phone-scale,1));transform-origin:top left}.ds-real-gift-actions>button{white-space:nowrap}.ds-gift-close{position:relative;z-index:1}

/* Fill the existing homepage frame; preserve the specimen's intrinsic dimensions. */
@media(min-width:651px){
 .ds-project-media .ds-cover{height:100%;display:flex;flex-direction:column;}
 .ds-project-media .ds-cover-top,.ds-project-media .ds-cover-bottom{flex-shrink:0;}
 .ds-project-media .ds-cover-grid{flex:1;min-height:0;align-content:center;}
}
@media(max-width:650px){
 .ds-project-media{aspect-ratio:auto;}
 .ds-project-media .ds-cover{height:auto;max-height:none;}
}

/* Scale the full interactive specimen within the compact mobile photo frame. */
@media(max-width:650px){
 .ds-project-media{aspect-ratio:1.5;display:block}
 .ds-project-media .ds-cover{position:absolute;top:0;left:0;width:560px;height:360px;max-height:none;padding:24px;display:flex;flex-direction:column;transform:scale(var(--ds-preview-scale,.5));transform-origin:top left}
 .ds-project-media .ds-cover-top{font-size:9px;padding-bottom:20px;flex-shrink:0}
 .ds-project-media .ds-cover-grid{flex:1;min-height:0;align-content:center;gap:28px;padding:24px 0}
 .ds-project-media .ds-cover-component{padding:20px}
 .ds-project-media .ds-cover-bottom{font-size:8px;padding-top:16px;flex-shrink:0}
}