:root{--dx-primary:hsl(222 75% 38%);--dx-secondary:hsl(222 75% 52%);--dx-ink:hsl(245 55% 10%);--dx-border:hsl(214 32% 91%);--dx-muted:hsl(215 16% 47%);--dx-light:#f9fafb;--dx-serif:'Darker Grotesque',sans-serif}
html{font-size:15px;scroll-behavior:smooth}
body{font-family:Roboto,sans-serif;color:var(--dx-ink);background:#fff;overflow-x:clip}
h1,h2,h3,h4{font-family:var(--dx-serif);font-weight:900;color:var(--dx-primary);line-height:1.1}
.has-dx-primary-color{color:var(--dx-primary)}.has-dx-secondary-color{color:var(--dx-secondary)}.has-dx-ink-color{color:var(--dx-ink)}.has-dx-light-color{color:var(--dx-light)}.has-dx-white-color{color:#fff}
.has-dx-primary-background-color{background-color:var(--dx-primary)}.has-dx-secondary-background-color{background-color:var(--dx-secondary)}.has-dx-ink-background-color{background-color:var(--dx-ink)}.has-dx-light-background-color{background-color:var(--dx-light)}.has-dx-white-background-color{background-color:#fff}
.has-dx-white-color :is(h1,h2,h3,h4){color:#fff}
.dx-wrap{width:min(1280px,100% - 2rem);margin-inline:auto}
.dx-narrow{width:min(760px,100% - 2rem)}
.dx-section{padding-block:3rem}
/* Gutenberg alignments */
.entry-content>*{max-width:1100px;margin-inline:auto;padding-inline:1rem}
.entry-content>.alignwide{max-width:1280px}
.entry-content>.alignfull{max-width:none;width:100%;padding-inline:0;margin-inline:0}
.entry-content>.alignfull.has-background{padding-inline:max(1rem,calc((100% - 1100px)/2))}
.entry-content>.alignfull>*:not(.alignfull){max-width:1100px;margin-inline:auto}
.entry-content>*+*{margin-top:1.25rem}
.entry-content h2{font-size:2.2rem}.entry-content h3{font-size:1.6rem}
.entry-content p,.entry-content li{line-height:1.7}
.dx-entry--full .entry-content>*{max-width:none;padding-inline:0}
.dx-hero{padding-block:4.5rem}.dx-hero h1{font-size:clamp(2.4rem,5vw,4rem);max-width:760px}.dx-hero p{max-width:620px;opacity:.85}
.wp-block-button__link{border-radius:0;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;padding:.8rem 1.6rem}
.wp-block-details{border:1px solid var(--dx-border);padding:1rem 1.25rem}
.wp-block-details summary{font-weight:700;cursor:pointer;color:var(--dx-primary)}
/* page heads */
.dx-pagehead{background:var(--dx-primary);color:#fff;padding:2.5rem 0}
.dx-pagehead h1{color:#fff;font-size:clamp(2rem,4vw,3rem);margin:0}
.dx-pagehead time{display:block;opacity:.7;font-size:.8rem;margin-bottom:.5rem}
.dx-pagehead__lead{opacity:.8;max-width:640px;margin-top:.75rem}
.dx-crumbs{background:var(--dx-light);border-bottom:1px solid var(--dx-border);font-size:.85rem;color:var(--dx-muted);padding:.75rem 0}
.dx-crumbs .dx-wrap{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.dx-crumbs strong{color:var(--dx-primary)}
.dx-cathero{background:var(--dx-primary);color:#fff;overflow:hidden}
.dx-cathero__in{display:grid;gap:0;align-items:stretch}
.dx-cathero h1{color:#fff;font-size:clamp(2rem,4vw,2.9rem);padding-top:1.75rem;margin:0 0 .75rem}
.dx-cathero__lead{opacity:.75;max-width:520px;padding-bottom:1.75rem}
.dx-cathero__img{display:none}
@media(min-width:1024px){.dx-cathero__in{grid-template-columns:1fr 1fr}.dx-cathero__img{display:block;position:relative;min-height:220px}.dx-cathero__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}}
/* catalog grid */
.dx-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}
@media(min-width:768px){.dx-grid{grid-template-columns:repeat(min(3,var(--dx-cols,3)),1fr)}}
@media(min-width:1024px){.dx-grid{grid-template-columns:repeat(var(--dx-cols,4),1fr)}}
.dx-from{font-size:.75rem;color:var(--dx-muted);font-weight:400;text-transform:lowercase}
.dx-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--dx-border);text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .3s}
.dx-card:hover{border-color:var(--dx-secondary);box-shadow:0 20px 40px -14px rgba(0,0,0,.25)}
.dx-card__media{position:relative;display:block;aspect-ratio:3/4;background:var(--dx-light);overflow:hidden}
.dx-card__media img{width:100%;height:100%;object-position:center}
.dx-card__media.is-contain img{object-fit:contain;padding:.75rem}
.dx-card__media.is-cover img{object-fit:cover}
.dx-badge{position:absolute;top:.5rem;left:.5rem;background:var(--dx-secondary);color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .55rem}
.dx-card__body{display:flex;flex-direction:column;gap:.4rem;padding:1rem;flex:1}
.dx-card__brand{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--dx-secondary)}
.dx-card__title{font-family:var(--dx-serif);font-weight:900;font-size:1.1rem;line-height:1.15;color:var(--dx-primary)}
.dx-card__color{font-size:.85rem;color:var(--dx-muted)}
.dx-card__more{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--dx-border);display:flex;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--dx-secondary)}
.dx-price small{font-size:.75rem;color:var(--dx-muted);font-weight:400}
.dx-card--dark,.dx-card--light,.dx-card--blog{padding:1.25rem;min-height:260px;gap:.5rem}
.dx-card--dark{background:var(--dx-primary);color:#fff;border-color:var(--dx-primary)}
.dx-card--dark .dx-card__title{color:#fff}.dx-card--dark .dx-card__more{color:#fff;border-color:rgba(255,255,255,.25)}
.dx-card--light{background:var(--dx-light);border-top:4px solid var(--dx-secondary)}
.dx-card--blog{border-style:dashed;border-color:hsl(222 75% 38% / .4)}
.dx-card__eyebrow{font-size:.65rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--dx-secondary)}
.dx-card--dark .dx-card__eyebrow{color:rgba(255,255,255,.7)}
.dx-card__text{font-size:.9rem;line-height:1.5;color:var(--dx-muted)}.dx-card--dark .dx-card__text{color:rgba(255,255,255,.8)}
.dx-empty{text-align:center;padding:4rem 1rem;color:var(--dx-muted)}
.dx-prose{max-width:860px;line-height:1.7}
/* product */
.dx-product__grid{display:grid;gap:2rem;padding-block:2rem}
@media(min-width:900px){.dx-product__grid{grid-template-columns:1fr 1fr}}
.dx-product__main{display:block;width:100%;aspect-ratio:3/4;background:var(--dx-light);border:1px solid var(--dx-border);padding:0;cursor:zoom-in}
.dx-product__main img{width:100%;height:100%;object-fit:contain;padding:1rem}
.dx-product__thumbs{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}
.dx-product__thumbs button{width:72px;height:96px;padding:0;border:1px solid var(--dx-border);background:var(--dx-light);cursor:pointer}
.dx-product__thumbs img{width:100%;height:100%;object-fit:contain}
.dx-product__info h1{font-size:clamp(2rem,3.5vw,2.8rem);margin:0 0 .75rem}
.dx-product__price{font-size:1.5rem;font-weight:700;margin:1rem 0}
.dx-specs{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.dx-specs h2{font-size:1.5rem}.dx-specs ul{padding-left:1.1rem;line-height:1.7}
.dx-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(15,11,39,.94);display:flex;align-items:center;justify-content:center}
.dx-lightbox[hidden]{display:none}
.dx-lightbox img{max-width:88vw;max-height:88vh;object-fit:contain}
.dx-lightbox button{position:absolute;background:none;border:0;color:#fff;cursor:pointer;padding:1rem}
.dx-lightbox__close{top:.5rem;right:.5rem}.dx-lightbox__prev{left:.5rem;transform:scaleX(-1)}.dx-lightbox__next{right:.5rem}
/* posts */
.dx-posts{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.dx-post-card{border:1px solid var(--dx-border);display:flex;flex-direction:column}
.dx-post-card__img img{width:100%;aspect-ratio:16/10;object-fit:cover}
.dx-post-card__body{padding:1.1rem}.dx-post-card h2{font-size:1.4rem;margin:.3rem 0 .5rem}.dx-post-card h2 a{text-decoration:none}
.dx-post-card time{font-size:.75rem;color:var(--dx-muted)}
.dx-link{color:var(--dx-secondary);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}
.navigation.pagination{margin-top:2rem}.nav-links{display:flex;gap:.5rem;flex-wrap:wrap}
.page-numbers{padding:.5rem 1rem;border:1px solid var(--dx-border);text-decoration:none;font-weight:700;color:var(--dx-primary)}
.page-numbers.current{background:var(--dx-primary);color:#fff}
.dx-hero-img{width:100%;margin-bottom:1.5rem}
.footer-menu a{display:block;padding:.2rem 0}