.xy-3dk-page{--xy3-ink: #152238;--xy3-muted: #657083;--xy3-paper: #f5f4f0;--xy3-panel: #e9e7e1;--xy3-line: #ccd0d5;--xy3-white: #fff;--xy3-cobalt: #244d9b;--xy3-cobalt-dark: #19366d;--xy3-accent: #f0b84b;--xy3-serif: "Iowan Old Style", Baskerville, "Palatino Linotype", Georgia, serif;--xy3-sans: "Avenir Next", Avenir, "Segoe UI", sans-serif;--xy3-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;width:100%;background:var(--xy3-paper);color:var(--xy3-ink);font-family:var(--xy3-sans);-webkit-font-smoothing:antialiased}.xy-3dk-page *,.xy-3dk-page *:before,.xy-3dk-page *:after{box-sizing:border-box}.xy-3dk-page a{color:inherit}.xy-3dk-page button{font:inherit}.xy-3dk-shell{max-width:1480px;margin:0 auto;padding:34px clamp(18px,4.2vw,66px) 90px}.xy-3dk-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:clamp(34px,5vw,74px);align-items:start}.xy-3dk-gallery{min-width:0}.xy-3dk-gallery-meta,.xy-3dk-kicker,.xy-3dk-section-index,.xy-3dk-card-image+div>span,.xy-3dk-hardware-grid article>span{font-family:var(--xy3-mono);letter-spacing:.1em;text-transform:uppercase}.xy-3dk-gallery-meta{display:flex;justify-content:space-between;gap:18px;padding-bottom:12px;color:var(--xy3-muted);font-size:9px}.xy-3dk-gallery-meta span:first-child{color:var(--xy3-cobalt);font-weight:700}.xy-3dk-main-figure{margin:0;padding:14px;border:1px solid var(--xy3-line);background:var(--xy3-panel);box-shadow:0 24px 60px #1522381a}.xy-3dk-main-image-wrap{position:relative;display:grid;place-items:center;aspect-ratio:1 / .92;overflow:hidden;background:#e2e0d8}.xy-3dk-main-image-wrap img{display:block;width:100%;height:100%;object-fit:contain}.xy-3dk-depth-mark{position:absolute;right:15px;bottom:15px;display:grid;place-items:center;width:58px;height:58px;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:#152238db;color:var(--xy3-white);text-align:center;font:9px/1.2 var(--xy3-mono);letter-spacing:.08em}.xy-3dk-main-figure figcaption{display:flex;justify-content:space-between;gap:18px;padding:12px 2px 1px;color:var(--xy3-muted);font-size:11px;line-height:1.5}.xy-3dk-main-figure figcaption strong{color:var(--xy3-ink);font-weight:700}.xy-3dk-thumbs{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:12px}.xy-3dk-thumb{position:relative;padding:4px;border:1px solid transparent;background:var(--xy3-white);cursor:pointer}.xy-3dk-thumb[aria-pressed=true]{border-color:var(--xy3-cobalt);background:var(--xy3-white)}.xy-3dk-thumb img{display:block;width:100%;aspect-ratio:1;object-fit:contain;padding:4px;background:var(--xy3-white)}.xy-3dk-thumb span{position:absolute;right:6px;bottom:6px;padding:2px 4px;background:#152238cc;color:var(--xy3-white);font:8px var(--xy3-mono)}.xy-3dk-gallery-note{margin:12px 0 0;padding:12px 14px;border-left:3px solid var(--xy3-accent);background:#ffffffb3;color:var(--xy3-muted);font-size:11px;line-height:1.55}.xy-3dk-gallery-note strong{color:var(--xy3-ink)}.xy-3dk-buy-panel{position:sticky;top:20px}.xy-3dk-kicker{display:flex;align-items:center;gap:10px;margin:0;color:var(--xy3-cobalt);font-size:10px}.xy-3dk-kicker:before{content:"";width:24px;height:2px;background:var(--xy3-cobalt)}.xy-3dk-buy-panel h1{max-width:610px;margin:15px 0 14px;color:var(--xy3-ink);font:500 clamp(40px,4.2vw,62px)/.96 var(--xy3-serif);letter-spacing:-.045em;text-transform:none}.xy-3dk-lead{margin:0;color:var(--xy3-muted);font-size:15px;line-height:1.65}.xy-3dk-proof-points{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:18px 0;background:var(--xy3-line);border:1px solid var(--xy3-line)}.xy-3dk-proof-points span{display:flex;align-items:center;min-height:66px;padding:11px;background:var(--xy3-white);color:var(--xy3-ink);font-size:10px;line-height:1.4}.xy-3dk-price-card{position:relative;overflow:hidden;padding:18px;background:var(--xy3-ink);color:var(--xy3-white)}.xy-3dk-price-card:after{content:"";position:absolute;right:-50px;top:-48px;width:135px;height:135px;border:1px solid rgba(240,184,75,.55);border-radius:50%;box-shadow:0 0 0 15px #f0b84b12,0 0 0 32px #f0b84b09}.xy-3dk-price-header{position:relative;z-index:1;display:flex;justify-content:space-between;color:#d6dce6;font:9px var(--xy3-mono);letter-spacing:.1em}.xy-3dk-price-row{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;margin:10px 0 5px}.xy-3dk-price-row strong{color:#f8d58f;font:500 43px/.95 var(--xy3-serif);letter-spacing:-.03em}.xy-3dk-price-row span{color:#eef1f6;font-size:12px}.xy-3dk-price-card>p{margin:0;color:var(--xy3-white);font:10px var(--xy3-mono)}.xy-3dk-price-card small{position:relative;z-index:1;display:block;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.2);color:#ced5e0;font-size:10px;line-height:1.55}.xy-3dk-tier-block{margin-top:18px}.xy-3dk-tier-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:9px}.xy-3dk-tier-heading h2{margin:0;color:var(--xy3-ink);font-size:13px}.xy-3dk-tier-heading span{color:var(--xy3-cobalt);font:9px var(--xy3-mono);letter-spacing:.06em;text-transform:uppercase}.xy-3dk-tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.xy-3dk-tier{min-height:43px;border:1px solid #aab1bb;background:transparent;color:var(--xy3-ink);cursor:pointer;font:12px var(--xy3-mono);transition:transform .15s,background .15s,color .15s}.xy-3dk-tier:hover{transform:translateY(-1px);border-color:var(--xy3-ink)}.xy-3dk-tier[aria-pressed=true]{border-color:var(--xy3-cobalt);background:var(--xy3-cobalt);color:var(--xy3-white);font-weight:700}.xy-3dk-tier:disabled{opacity:.4;cursor:not-allowed}.xy-3dk-actions{display:grid;gap:8px;margin-top:15px}.xy-3dk-action{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:50px;padding:0 16px;border:1px solid var(--xy3-ink);text-decoration:none;font:10px var(--xy3-mono);letter-spacing:.07em;text-transform:uppercase;transition:transform .18s,background .18s}.xy-3dk-action:hover{transform:translateY(-2px)}.xy-3dk-action span:last-child{font-size:18px}.xy-3dk-action--primary{border-color:var(--xy3-cobalt);background:var(--xy3-cobalt);color:var(--xy3-white)}.xy-3dk-action--primary:hover{background:var(--xy3-cobalt-dark)}.xy-3dk-action--secondary{background:transparent;color:var(--xy3-ink)}.xy-3dk-action--secondary:hover{background:var(--xy3-white)}.xy-3dk-action-note{margin:8px 0 0;color:var(--xy3-muted);font-size:10px;line-height:1.5}.xy-3dk-anatomy,.xy-3dk-profile,.xy-3dk-hardware,.xy-3dk-compare,.xy-3dk-process,.xy-3dk-faq{margin-top:clamp(72px,9vw,132px)}.xy-3dk-section-heading{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:end;padding-bottom:20px;border-bottom:1px solid #aeb5bf}.xy-3dk-section-index{margin:0 0 10px;color:var(--xy3-cobalt);font-size:9px}.xy-3dk-section-heading h2,.xy-3dk-profile-copy h2,.xy-3dk-compare>div h2,.xy-3dk-process-title h2,.xy-3dk-faq>div h2{margin:0;color:var(--xy3-ink);font:500 clamp(34px,5vw,66px)/.98 var(--xy3-serif);letter-spacing:-.04em}.xy-3dk-section-heading>p{margin:0;color:var(--xy3-muted);font-size:13px;line-height:1.7}.xy-3dk-anatomy-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:12px;margin-top:20px}.xy-3dk-anatomy-card{display:grid;grid-template-columns:.95fr 1.05fr;min-height:240px;border:1px solid var(--xy3-line);background:var(--xy3-white)}.xy-3dk-anatomy-card--large{grid-row:span 2;grid-template-columns:1fr}.xy-3dk-card-image{position:relative;display:grid;place-items:center;min-height:210px;padding:10px;overflow:hidden;background:var(--xy3-white)}.xy-3dk-card-image img{display:block;width:100%;height:100%;object-fit:contain;background:transparent}.xy-3dk-anatomy-card--large .xy-3dk-card-image{min-height:0;aspect-ratio:1.45 / 1}.xy-3dk-card-image+div{padding:23px}.xy-3dk-card-image+div>span{color:var(--xy3-cobalt);font-size:9px}.xy-3dk-card-image+div h3{margin:11px 0 8px;color:var(--xy3-ink);font:500 28px/1.05 var(--xy3-serif)}.xy-3dk-card-image+div p{margin:0;color:var(--xy3-muted);font-size:11px;line-height:1.65}.xy-3dk-profile{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(26px,5vw,70px);align-items:center;padding:clamp(28px,5vw,64px);background:var(--xy3-ink);color:var(--xy3-white)}.xy-3dk-profile .xy-3dk-section-index{color:#f8d58f}.xy-3dk-profile-copy h2{color:var(--xy3-white)}.xy-3dk-profile-copy>p:not(.xy-3dk-section-index){color:#d2d8e1;font-size:13px;line-height:1.7}.xy-3dk-profile-copy ul{margin:20px 0 0;padding:0;list-style:none}.xy-3dk-profile-copy li{position:relative;padding:10px 0 10px 19px;border-top:1px solid rgba(255,255,255,.16);color:#e3e7ed;font-size:11px}.xy-3dk-profile-copy li:before{content:"";position:absolute;left:0;top:15px;width:6px;height:6px;border-radius:50%;background:var(--xy3-accent)}.xy-3dk-profile-visual{position:relative;padding:10px;border:1px solid rgba(255,255,255,.2)}.xy-3dk-profile-visual img{display:block;width:100%;aspect-ratio:1.1;object-fit:contain;padding:8px;background:var(--xy3-white)}.xy-3dk-dimension-line{display:flex;justify-content:space-between;gap:10px;padding:12px 3px 2px;color:#d6dce5;font:8px var(--xy3-mono);letter-spacing:.08em}.xy-3dk-hardware-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.xy-3dk-hardware-grid article{padding:22px;border:1px solid var(--xy3-line);background:#ffffffbd}.xy-3dk-hardware-grid article>span{color:var(--xy3-cobalt);font-size:10px}.xy-3dk-hardware-grid h3{margin:12px 0 7px;color:var(--xy3-ink);font:500 25px var(--xy3-serif)}.xy-3dk-hardware-grid p{margin:0;color:var(--xy3-muted);font-size:11px;line-height:1.65}.xy-3dk-compare{display:grid;grid-template-columns:.65fr 1.35fr;gap:40px;padding:32px;border:1px solid #aeb5bf;background:var(--xy3-white)}.xy-3dk-compare>div h2{font-size:clamp(32px,4vw,50px)}.xy-3dk-compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--xy3-line);border:1px solid var(--xy3-line)}.xy-3dk-compare-grid article{padding:18px;background:var(--xy3-paper)}.xy-3dk-compare-grid article.is-selected{background:var(--xy3-cobalt);color:var(--xy3-white)}.xy-3dk-compare-grid span{font:10px var(--xy3-mono);color:var(--xy3-cobalt)}.xy-3dk-compare-grid .is-selected span{color:#f8d58f}.xy-3dk-compare-grid h3{margin:10px 0 7px;color:inherit;font-size:13px}.xy-3dk-compare-grid p{margin:0;color:var(--xy3-muted);font-size:10px;line-height:1.55}.xy-3dk-compare-grid .is-selected p{color:#e1e7f0}.xy-3dk-compare>a{grid-column:2;justify-self:start;color:var(--xy3-cobalt);font-size:11px;font-weight:700;text-underline-offset:3px}.xy-3dk-process{padding:30px 0;border-top:1px solid #aeb5bf;border-bottom:1px solid #aeb5bf}.xy-3dk-process-title{display:flex;justify-content:space-between;align-items:end;gap:24px}.xy-3dk-process-title h2{max-width:730px;font-size:clamp(32px,4.5vw,58px)}.xy-3dk-steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:28px}.xy-3dk-steps article{padding:0 22px;border-left:1px solid var(--xy3-line)}.xy-3dk-steps article:first-child{padding-left:0;border-left:0}.xy-3dk-steps span{color:var(--xy3-cobalt);font:10px var(--xy3-mono)}.xy-3dk-steps h3{margin:10px 0 7px;color:var(--xy3-ink);font-size:13px}.xy-3dk-steps p{margin:0;color:var(--xy3-muted);font-size:11px;line-height:1.6}.xy-3dk-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:38px}.xy-3dk-faq>div h2{font-size:clamp(36px,4.6vw,58px)}.xy-3dk-faq-list details{border-top:1px solid #aeb5bf}.xy-3dk-faq-list details:last-child{border-bottom:1px solid #aeb5bf}.xy-3dk-faq-list summary{position:relative;padding:18px 36px 18px 0;color:var(--xy3-ink);cursor:pointer;list-style:none;font-size:13px;font-weight:650}.xy-3dk-faq-list summary::-webkit-details-marker{display:none}.xy-3dk-faq-list summary:after{content:"+";position:absolute;right:3px;top:12px;color:var(--xy3-cobalt);font:25px var(--xy3-serif)}.xy-3dk-faq-list details[open] summary:after{content:"\2212"}.xy-3dk-faq-list p{margin:-3px 36px 17px 0;color:var(--xy3-muted);font-size:12px;line-height:1.7}.xy-3dk-closing{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;margin-top:clamp(65px,8vw,100px);padding:28px 30px;background:#e7d7b5;border:1px solid var(--xy3-ink)}.xy-3dk-closing h2{max-width:820px;margin:0 0 7px;color:var(--xy3-ink);font:500 clamp(28px,3.3vw,44px)/1 var(--xy3-serif);letter-spacing:-.03em}.xy-3dk-closing p:not(.xy-3dk-section-index){margin:0;color:#5f5c57;font-size:11px}.xy-3dk-closing .xy-3dk-action{min-width:250px;background:var(--xy3-ink);color:var(--xy3-white)}.xy-3dk-closing .xy-3dk-action:hover{background:var(--xy3-cobalt-dark)}@media(max-width:1050px){.xy-3dk-hero{grid-template-columns:1fr minmax(350px,.9fr);gap:28px}.xy-3dk-buy-panel{position:static}.xy-3dk-anatomy-card{grid-template-columns:1fr}.xy-3dk-card-image{min-height:250px}}@media(max-width:760px){.xy-3dk-shell{padding:18px 15px 58px}.xy-3dk-hero{display:flex;flex-direction:column;gap:25px}.xy-3dk-gallery,.xy-3dk-buy-panel{width:100%;max-width:100%;min-width:0}.xy-3dk-gallery-meta{font-size:8px}.xy-3dk-main-figure{padding:8px}.xy-3dk-main-image-wrap{aspect-ratio:1 / .9}.xy-3dk-main-figure figcaption{font-size:10px}.xy-3dk-thumbs{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.xy-3dk-thumb{min-width:0;min-height:48px;aspect-ratio:1}.xy-3dk-thumb img{height:100%}.xy-3dk-buy-panel h1{font-size:clamp(43px,12vw,58px)}.xy-3dk-lead{font-size:14px}.xy-3dk-proof-points{grid-template-columns:1fr}.xy-3dk-proof-points span{min-height:45px}.xy-3dk-price-row strong{font-size:39px}.xy-3dk-tier{min-height:46px}.xy-3dk-action{min-height:53px}.xy-3dk-section-heading{grid-template-columns:1fr;gap:14px}.xy-3dk-section-heading h2,.xy-3dk-profile-copy h2,.xy-3dk-compare>div h2,.xy-3dk-process-title h2,.xy-3dk-faq>div h2{font-size:40px}.xy-3dk-anatomy-grid{grid-template-columns:1fr}.xy-3dk-anatomy-card--large{grid-row:auto}.xy-3dk-anatomy-card--large .xy-3dk-card-image{min-height:0;aspect-ratio:1.15 / 1}.xy-3dk-card-image{min-height:280px}.xy-3dk-profile{grid-template-columns:1fr;margin-left:-15px;margin-right:-15px;padding:30px 15px}.xy-3dk-hardware-grid{grid-template-columns:1fr}.xy-3dk-compare{grid-template-columns:1fr;gap:24px;padding:22px 18px}.xy-3dk-compare-grid{grid-template-columns:1fr}.xy-3dk-compare>a{grid-column:auto}.xy-3dk-process-title{display:block}.xy-3dk-steps{grid-template-columns:1fr 1fr;row-gap:24px}.xy-3dk-steps article{padding:0 12px}.xy-3dk-steps article:nth-child(3){padding-left:0;border-left:0}.xy-3dk-faq{grid-template-columns:1fr;gap:24px}.xy-3dk-closing{grid-template-columns:1fr;padding:23px 18px}.xy-3dk-closing .xy-3dk-action{min-width:0;width:100%}}@media(max-width:390px){.xy-3dk-tier-grid{gap:5px}.xy-3dk-tier-heading{align-items:flex-start;flex-direction:column;gap:5px}.xy-3dk-steps{grid-template-columns:1fr}.xy-3dk-steps article,.xy-3dk-steps article:nth-child(3){padding:0;border-left:0}}@media(prefers-reduced-motion:reduce){.xy-3dk-page *,.xy-3dk-page *:before,.xy-3dk-page *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/xy-custom-3d-keychains-page.css.map */