.mask-builder__layout{display:grid;gap:.25rem}@media(min-width:1024px){.mask-builder__layout{grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:2rem;align-items:start}}@media(min-width:1280px){.mask-builder__layout{grid-template-columns:minmax(0,360px) minmax(0,1fr)}}.mask-builder__preview-top{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}@media(min-width:1024px){.mask-builder__preview-top{display:none}}.mask-builder__step-label{font-size:.55rem;letter-spacing:.22em;text-transform:uppercase;color:#c9a962d9}.mask-builder__price-mobile{font-family:var(--font-display);font-size:1.25rem;color:#c9a962}.mask-builder__preview-scene{position:absolute;inset:0;overflow:hidden}.mask-builder__preview-scene--flat .mask-builder__scene-bg,.mask-builder__preview-scene--flat .mask-builder__spin-stage,.mask-builder__preview-scene--flat .mask-builder__spin-hint{display:none}.mask-builder__preview-scene--premium .mask-builder__preview-flat{display:none!important}.mask-builder__scene-bg{position:absolute;inset:0;z-index:0;display:block;height:100%;width:100%;object-fit:cover}.mask-builder__spin-stage{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;perspective:920px;perspective-origin:50% 44%;touch-action:none;cursor:grab}.mask-builder__spin-stage.is-dragging{cursor:grabbing}.mask-builder__spin-rig{position:relative;width:min(72%,17rem);transform:rotateY(var(--mask-spin-y, 0deg));transform-style:preserve-3d;will-change:transform}.mask-builder__spin-mask-wrap{position:relative;display:block;width:100%}.mask-builder__spin-mask{display:block;width:100%;height:auto;pointer-events:none;user-select:none;-webkit-user-drag:none}.mask-builder__spin-tint{position:absolute;inset:0;mix-blend-mode:color;opacity:.78;pointer-events:none;mask-mode:alpha;-webkit-mask-mode:alpha}.mask-builder__spin-rig .mask-builder__embellish-layers{z-index:2}.mask-builder__spin-rig .mask-builder__name-wrap{z-index:3}.mask-builder__spin-hint{position:absolute;bottom:.55rem;left:50%;z-index:4;transform:translate(-50%);font-size:.52rem;letter-spacing:.18em;text-transform:uppercase;color:#f5f0eb6b;pointer-events:none}.mask-builder__preview-flat{position:absolute;inset:0;height:100%;width:100%;transition:opacity .25s ease}.mask-builder__preview-flat.is-swapping{opacity:.55}.mask-builder__preview-frame{max-height:min(40vh,268px)}@media(min-width:640px){.mask-builder__preview-frame{max-height:min(44vh,360px)}}@media(min-width:1024px){.mask-builder__preview-col{position:sticky;top:calc(var(--site-header-offset, 7.75rem) + .75rem)}.mask-builder__preview-frame{max-height:min(48vh,420px)}}.mask-builder__preview-img{position:absolute;inset:0;height:100%;width:100%;transition:opacity .25s ease}.mask-builder__preview-img--mock,.mask-builder__preview-img--photo{object-fit:contain;background:#f7f5f2;filter:drop-shadow(0 10px 28px rgba(18,10,6,.14))}.mask-builder__preview-shade--light{display:none}.mask-builder__preview-img.is-swapping{opacity:.55}.mask-builder__panel .mask-builder__station-head{display:block;margin-bottom:.25rem;padding-bottom:0;border-bottom:none}@media(min-width:1024px){.mask-builder__panel .mask-builder__station-head{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgb(255 255 255 / .08)}}.mask-builder__step-label--panel{display:none}.mask-builder__station-title{margin-bottom:.25rem;font-family:var(--font-display);font-size:clamp(.95rem,3.8vw,1.85rem);font-weight:300;line-height:1.2;color:#f5f0eb}.mask-builder__step-label--desktop,.mask-builder__station-title--desktop{display:none}@media(min-width:1024px){.mask-builder__step-label--panel,.mask-builder__station-title:not(.mask-builder__station-title--desktop){display:none}.mask-builder__step-label--desktop{display:block;margin-bottom:.35rem}.mask-builder__station-title--desktop{display:block;margin-top:0;margin-bottom:.65rem}}.mask-builder__name-wrap{position:absolute;z-index:3;pointer-events:none;text-align:center}.mask-builder__name-wrap--brow{top:38%;left:10%;right:10%}.mask-builder__name-wrap--temple{top:48%;right:8%;left:auto;max-width:45%}.mask-builder__name-wrap--ribbon{bottom:18%;left:10%;right:10%}.mask-builder__name{display:inline-block;font-size:clamp(.85rem,3.5vw,1.15rem);color:#c9a962;text-shadow:0 1px 8px rgba(10,6,16,.9)}:global(.mb-font-classic){font-family:var(--font-display);font-weight:400;letter-spacing:.04em}:global(.mb-font-script){font-family:var(--font-display);font-style:italic;font-weight:400}:global(.mb-font-deco){font-family:var(--font-body);font-size:.75em;letter-spacing:.28em;text-transform:uppercase}:global(.mb-font-crystal){font-family:var(--font-display);font-weight:500;background:linear-gradient(105deg,#e8d4f0,#dfc88a,#c8a2c8);-webkit-background-clip:text;background-clip:text;color:transparent}.mask-builder__receipt{display:none;margin-top:1rem;border:1px solid rgb(201 169 98 / .22);background:#0a0610bf;padding:1rem 1.1rem}@media(min-width:1024px){.mask-builder__receipt{display:block}}.mask-builder__receipt-lines{margin-top:.75rem;list-style:none;padding:0;font-size:.68rem;line-height:1.5;color:#f5f0eb8c}.mask-builder__receipt-lines li{display:flex;justify-content:space-between;gap:.75rem;padding:.2rem 0;border-bottom:1px solid rgb(255 255 255 / .05)}.mask-builder__receipt-amt{flex-shrink:0;color:#c9a962d9}.mask-builder__station-head{margin-bottom:0;padding-bottom:0;border-bottom:none}.mask-builder__steps{display:none;flex-wrap:wrap;gap:.3rem}@media(min-width:1024px){.mask-builder__steps{display:flex}}.mask-builder__step-pill{border:1px solid rgb(255 255 255 / .08);padding:.2rem .45rem;font-size:.42rem;letter-spacing:.12em;text-transform:uppercase;color:#f5f0eb4d}.mask-builder__step-pill--current{border-color:#c9a96280;color:#c9a962}.mask-builder__step-pill--done{color:#d4b8e0a6}button.mask-builder__step-pill{background:transparent;font:inherit;cursor:pointer}button.mask-builder__step-pill:hover{border-color:#c9a96259;color:#c9a962d9}.mask-builder__step-desc{display:none;font-size:.78rem;line-height:1.45;color:#f5f0eb73}@media(min-width:640px){.mask-builder__step-desc--desktop{display:block}}.mask-builder__step-subhead{margin-top:.35rem;margin-bottom:0;font-size:.5rem;letter-spacing:.22em;text-transform:uppercase;color:#c9a962bf}.mask-builder__step-subhead--colour{margin-top:.75rem}@media(min-width:640px){.mask-builder__step-subhead{margin-top:.65rem}.mask-builder__step-subhead--colour{margin-top:1rem}}.mask-builder__embellish-layers{position:absolute;inset:0;z-index:3;pointer-events:none}.mask-builder__embellish-layer{position:absolute;inset:0;height:100%;width:100%;object-fit:contain;pointer-events:none}.mask-builder__thumb-stack{position:relative;display:block;height:100%;width:100%;overflow:hidden;background:#f7f5f2}.mask-builder__thumb-stack-base,.mask-builder__thumb-stack .mask-builder__embellish-layer{position:absolute;inset:0;height:100%;width:100%;object-fit:contain;padding:.15rem}.mask-builder__options--tiles{display:grid;gap:.35rem;margin-top:.3rem;align-items:stretch}.mask-builder__options--row-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mask-builder__options--row-4{grid-template-columns:repeat(4,minmax(0,1fr))}.mask-builder__option-chip{display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0;border:1px solid rgb(255 255 255 / .1);background:#0a061080;padding:.28rem .2rem .32rem;text-align:center;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.mask-builder__option-chip--static{cursor:default}.mask-builder__option-chip--static:not(.is-selected){opacity:.72}.mask-builder__chip-thumb{display:flex;align-items:center;justify-content:center;position:relative;width:100%;aspect-ratio:1;overflow:hidden;border:1px solid rgb(255 255 255 / .12);background:#f7f5f2;flex-shrink:0}.mask-builder__chip-thumb img,.mask-builder__chip-thumb .mask-builder__thumb-stack,.mask-builder__chip-thumb .mask-builder__chip-swatch{position:absolute;inset:0;height:100%;width:100%}.mask-builder__chip-thumb img{height:100%;width:100%;object-fit:contain;object-position:center;padding:.1rem}.mask-builder__chip-swatch{display:block;height:100%;width:100%}.mask-builder__chip-text{display:flex;align-items:center;justify-content:center;padding:.1rem;font-family:var(--font-display);font-size:.65rem;line-height:1;color:#2a2438d9;text-align:center}.mask-builder__chip-meta{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.08rem;width:100%;height:2rem;margin-top:.2rem;padding:0;flex-shrink:0}.mask-builder__chip-label{font-family:var(--font-display);font-size:.48rem;line-height:1.1;height:1.1em;color:#f5f0ebe0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.mask-builder__chip-price{font-size:.42rem;line-height:1.1;height:1.1em;letter-spacing:.04em;text-transform:uppercase;color:#c9a962e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.mask-builder__option-chip.is-selected{border-color:#c9a962a6;background:#c9a9621a;box-shadow:0 0 0 1px #c9a96240}.mask-builder__option-chip.is-selected .mask-builder__chip-thumb{border-color:#c9a96273}.mask-builder__option-chip:not(.mask-builder__option-chip--static):hover{border-color:#c9a96259}.mask-builder__embellish-total{margin-top:.35rem;font-size:.58rem;color:#f5f0eb73}.mask-builder__name-field{margin-top:.35rem}.mask-builder__name-options--disabled{opacity:.45;pointer-events:none}.mask-builder__name-options--disabled:before{content:"Type a name above to choose font & placement";display:block;margin-top:.5rem;font-size:.58rem;line-height:1.4;color:#f5f0eb66}.mask-builder__summary-label{display:block;font-size:.55rem;letter-spacing:.16em;text-transform:uppercase;color:#c9a962bf;margin-bottom:.15rem}.mask-builder__summary-row span:first-child{line-height:1.35}@media(min-width:640px){.mask-builder__options--tiles{gap:.45rem}.mask-builder__chip-label{font-size:.54rem}.mask-builder__chip-price{font-size:.46rem}.mask-builder__chip-meta{height:2.15rem}}.mask-builder__options:not(.mask-builder__options--tiles){display:flex;flex-direction:column;gap:.5rem;margin-top:.65rem}.mask-builder__options.mask-builder__options--tiles{display:grid;margin-top:.2rem}.mask-builder__step{margin-top:0}.mask-builder__card,.mask-builder__row,.mask-builder__chip,.mask-builder__swatch-card,.mask-builder__font-card{text-align:left;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.mask-builder__card,.mask-builder__swatch-card,.mask-builder__font-card{display:flex;flex-direction:column;gap:.3rem;border:1px solid rgb(255 255 255 / .1);background:#0a061073;padding:.85rem 1rem}.mask-builder__swatch-card{flex-direction:row;align-items:flex-start;gap:.65rem}.mask-builder__swatch-dot{flex-shrink:0;height:1.75rem;width:1.75rem;border:1px solid rgb(255 255 255 / .15)}.mask-builder__font-card{align-items:flex-start}.mask-builder__font-sample{font-size:1.5rem;line-height:1.2;color:#f5f0eb}.mask-builder__row{display:flex;width:100%;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid rgb(255 255 255 / .1);background:#0a061073;padding:.75rem 1rem}.mask-builder__row--static{cursor:default;opacity:.85}.mask-builder__row--toggle.is-selected{box-shadow:inset 0 0 0 1px #c9a96259}.mask-builder__row span:first-child{display:flex;flex-direction:column;gap:.15rem}.mask-builder__card:hover,.mask-builder__row:hover:not(.mask-builder__row--static),.mask-builder__chip:hover,.mask-builder__swatch-card:hover,.mask-builder__font-card:hover{border-color:#c9a96259}.mask-builder__card.is-selected,.mask-builder__row.is-selected,.mask-builder__chip.is-selected,.mask-builder__swatch-card.is-selected,.mask-builder__font-card.is-selected{border-color:#c9a9628c;background:#c9a96214}.mask-builder__card-label,.mask-builder__row-label{font-family:var(--font-display);font-size:1.02rem;color:#f5f0eb}.mask-builder__card-desc,.mask-builder__row-desc{font-size:.7rem;line-height:1.4;color:#f5f0eb6b}.mask-builder__price{flex-shrink:0;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:#c9a962}.mask-builder__price--inc{color:#f5f0eb59}.mask-builder__chip{border:1px solid rgb(255 255 255 / .12);background:#0a061073;padding:.45rem .85rem;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:#f5f0ebb3}.mask-builder__input{width:100%;border-bottom:1px solid rgb(255 255 255 / .12);background:transparent;padding:.5rem 0;color:#f5f0eb;outline:none}.mask-builder__input:focus{border-color:#c9a96273}.mask-builder__summary{list-style:none;padding:0;margin-top:1rem;border:1px solid rgb(255 255 255 / .1);background:#0a061080}.mask-builder__summary-row,.mask-builder__summary-total{display:flex;justify-content:space-between;gap:1rem;padding:.65rem 1rem;font-size:.8rem;color:#f5f0eba6;border-bottom:1px solid rgb(255 255 255 / .06)}.mask-builder__summary-total{border-bottom:none;font-family:var(--font-display);font-size:1.1rem;color:#c9a962}.mask-builder__submit{display:flex;margin-top:1.25rem;width:100%;align-items:center;justify-content:center;border:1px solid rgb(201 169 98 / .5);background:#c9a962;padding:.95rem 1.25rem;font-size:.65rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#0a0610;transition:background-color .2s ease}.mask-builder__submit:hover{background:#dfc88a}.mask-builder__restart{display:block;width:100%;margin-top:.75rem;padding:.55rem .75rem;border:none;background:transparent;font-size:.58rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:underline;text-underline-offset:.2em;color:#f5f0eb73;cursor:pointer}.mask-builder__restart:hover{color:#c9a962d9}#mask-builder-step-review{padding-bottom:.5rem}@media(max-width:1023px){#mask-builder-step-review{padding-bottom:1rem}}.mask-builder__nav{display:flex;align-items:center;justify-content:space-between;gap:.65rem;margin-top:.75rem;padding:.65rem 0;padding-bottom:calc(.65rem + env(safe-area-inset-bottom,0px));border-top:1px solid rgb(255 255 255 / .08);position:sticky;bottom:0;z-index:20;background:#0a0610f7;backdrop-filter:blur(8px)}.mask-builder__panel{min-height:0}@media(min-width:1024px){.mask-builder__nav{position:static;background:none;padding-bottom:0;margin-top:1.5rem;padding-top:1.25rem}}.mask-builder__nav-total{display:flex;flex-direction:column;align-items:center;gap:.05rem;min-width:4rem}@media(min-width:1024px){.mask-builder__nav-total{display:none}}.mask-builder__nav-total-label{font-size:.45rem;letter-spacing:.18em;text-transform:uppercase;color:#f5f0eb66}.mask-builder__nav-total-amt{font-family:var(--font-display);font-size:1.05rem;color:#c9a962}.mask-builder__nav-btn{padding:.75rem 1.1rem;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;transition:all .2s ease;flex-shrink:0}.mask-builder__nav-btn--ghost{border:1px solid rgb(255 255 255 / .12);color:#f5f0eb99}.mask-builder__nav-btn--ghost.hidden+.mask-builder__nav-total{margin-right:auto}.mask-builder__nav-btn--primary{border:1px solid rgb(201 169 98 / .5);background:#c9a962;color:#0a0610;font-weight:500;min-width:5.5rem}.mask-builder__nav-btn--primary:hover{background:#dfc88a}.mask-builder__nav-btn.hidden{display:none}.mask-builder__nav:has(.mask-builder__nav-btn--primary.hidden) .mask-builder__nav-total{margin-left:auto}@media(min-width:1024px){.mask-builder__nav-btn--primary{margin-left:auto;background:#c9a96226;color:#c9a962;font-weight:400}.mask-builder__nav-btn--primary:hover{background:#c9a96247}}.mask-build-stage .shop-category-hero{padding-top:calc(var(--site-header-offset, 7.75rem) + .05rem)}@media(min-width:640px){.mask-build-stage .shop-category-hero{padding-top:calc(var(--site-header-offset, 7.75rem) + .35rem)}}.mask-build-stage{padding-bottom:.5rem}