:root{--color-green: #17402D;--color-green-dark: #1E5238;--color-black: #191A14;--color-black-soft: #2F3129;--color-bg: #ECEDE7;--color-white: #F7F7F2;--color-gray: #6A6C61;--color-gray-light: #DFE0D9;--color-line: #DFE0D9;--color-error: #EF4444;--font: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SF Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-pill: 9px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--transition: .2s ease}.mattise-page *,.mattise-page *:before,.mattise-page *:after{margin:0;padding:0;box-sizing:border-box}.mattise-page{font-family:var(--font);font-size:15.5px;font-weight:400;line-height:1.6;color:var(--color-black);-webkit-font-smoothing:antialiased}.mattise-page a{color:inherit;text-decoration:none}.mattise-page a:focus-visible{outline:2px solid var(--color-green);outline-offset:2px;border-radius:var(--radius-sm)}.mattise-page .page{max-width:1120px;margin:0 auto;padding:var(--space-12) var(--space-6)}.mattise-page .page-header{text-align:left;padding:var(--space-12) 0 var(--space-8);margin-bottom:var(--space-8)}.mattise-page .page-header h1{font-size:34px;font-weight:700;line-height:1.08;letter-spacing:-.02em;margin-bottom:var(--space-4)}.mattise-page .page-header p{font-size:17px;line-height:1.6;color:var(--color-gray);max-width:65ch;margin:0}.mattise-page h1,.mattise-page .h1.h1{font-size:34px;font-weight:700;line-height:1.08;letter-spacing:-.02em}.mattise-page h2,.mattise-page .h2.h2{font-size:26px;font-weight:700;line-height:1.15;letter-spacing:-.02em}.mattise-page .label{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--color-gray);margin-bottom:var(--space-3)}.mattise-page .card{position:relative;background:var(--color-white);border:1px solid var(--color-gray-light);border-radius:var(--radius-lg);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;padding:var(--space-8);margin-bottom:var(--space-6)}.mattise-page .card:before{content:none;display:none}.mattise-page .card>*{position:relative;z-index:1}.mattise-page .card-title{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--color-gray);margin-bottom:var(--space-6)}.mattise-page .btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font);font-weight:600;font-size:16px;line-height:1;text-decoration:none;border:1px solid transparent;cursor:pointer;padding:0 var(--space-6);border-radius:var(--radius-md);height:48px;background:transparent;color:var(--color-black);transition:background var(--transition),border-color var(--transition),color var(--transition),transform .12s ease}.mattise-page .btn:after{content:none;display:none}.mattise-page .btn:active{transform:scale(.97)}.mattise-page .btn:focus-visible{outline:2px solid var(--color-green);outline-offset:2px}.mattise-page .btn svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none}.mattise-page .btn--green{background:var(--color-green);color:var(--color-white);border-color:var(--color-green)}.mattise-page .btn--green:hover{background:var(--color-green-dark);border-color:var(--color-green-dark)}.mattise-page .btn--black{background:var(--color-black);color:var(--color-white);border-color:var(--color-black)}.mattise-page .btn--black:hover{background:var(--color-black-soft);border-color:var(--color-black-soft)}.mattise-page .btn--outline{background:transparent;color:var(--color-black);border-color:var(--color-gray-light)}.mattise-page .btn--outline:hover{background:var(--color-white);border-color:var(--color-black)}.mattise-page .btn--full{width:100%}.mattise-page .btn-row{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}@media(max-width:480px){.mattise-page .btn-row .btn{width:100%}}.mattise-page .form-group{margin-bottom:var(--space-4);max-width:400px}.mattise-page .form-label{display:block;font-size:14px;font-weight:700;margin-bottom:var(--space-2)}.mattise-page .form-input{width:100%;font-family:var(--font);font-size:16px;padding:var(--space-3) var(--space-4);border:1px solid var(--color-gray-light);border-radius:var(--radius-md);background:var(--color-white);color:var(--color-black);height:48px;outline:none;transition:border-color .15s ease}.mattise-page .form-input:focus{border:2px solid var(--color-green);padding:calc(var(--space-3) - 1px) calc(var(--space-4) - 1px)}.mattise-page .form-input::placeholder{color:var(--color-gray)}.mattise-page .form-input--error{border-color:var(--color-error)}.mattise-page .form-error{font-size:12px;color:var(--color-error);margin-top:4px}.mattise-page .form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236A6C61' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.mattise-page .form-checkbox{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.mattise-page .form-checkbox input[type=checkbox]{-webkit-appearance:none;appearance:none;width:20px;height:20px;border:1px solid var(--color-gray-light);border-radius:var(--radius-sm);background:var(--color-white);cursor:pointer;position:relative;flex-shrink:0;transition:background .15s ease,border-color .15s ease}.mattise-page .form-checkbox input[type=checkbox]:focus-visible{outline:2px solid var(--color-green);outline-offset:2px}.mattise-page .form-checkbox input[type=checkbox]:checked{background:var(--color-green);border-color:var(--color-green)}.mattise-page .form-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:6px;height:10px;border:solid var(--color-white);border-width:0 2px 2px 0;transform:rotate(45deg)}.mattise-page .qty{display:inline-flex;align-items:center;background:var(--color-white);border:1px solid var(--color-gray-light);box-shadow:none;border-radius:var(--radius-pill);overflow:hidden;transition:border-color .15s ease}.mattise-page .qty:hover,.mattise-page .qty:focus-within{border-color:var(--color-green)}.mattise-page .qty button{width:28px;padding:0;border:none;background:transparent;font-size:14px;font-weight:700;cursor:pointer;color:var(--color-black);line-height:1;transition:color var(--transition)}.mattise-page .qty button:hover{color:var(--color-green)}.mattise-page .qty button:focus-visible{outline:2px solid var(--color-green);outline-offset:2px}.mattise-page .qty input{width:32px;text-align:center;padding:4px 0;border:none;background:transparent;font-family:var(--font-mono);font-size:16px;font-weight:500;outline:none;font-variant-numeric:tabular-nums;color:var(--color-black);-moz-appearance:textfield}.mattise-page .qty input::-webkit-inner-spin-button{-webkit-appearance:none}.mattise-page .swatch{width:20px;height:20px;border-radius:var(--radius-full);border:none;cursor:pointer;transition:box-shadow .15s ease,transform .15s ease;box-shadow:0 0 0 0 var(--color-black)}.mattise-page .swatch:hover{box-shadow:0 0 0 2px var(--color-gray)}.mattise-page .swatch:focus-visible{outline:2px solid var(--color-green);outline-offset:2px}.mattise-page .swatch--active{box-shadow:0 0 0 2px var(--color-black)}.mattise-page .swatch--gold{background:linear-gradient(135deg,#f5e6b8,#d4a853 30%,#f5e0a0,#b8923e 70%,#ddb86a)}.mattise-page .swatch--silver{background:linear-gradient(135deg,#e8e8e8,#b8b8b8 30%,#f0f0f0,#a0a0a0 70%,#d0d0d0)}.mattise-page .swatch--rosegold{background:linear-gradient(135deg,#f5d0d0,#e8b4b8 30%,#f5c8c8,#c89a9e 70%,#e0b0b5)}.mattise-page .swatch--black{background:var(--color-black)}.mattise-page .metallic-silver{background:linear-gradient(110deg,#484848,#b2b2b2,#5a5a5a,#949494,#484848);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mattise-page .metallic-gold{background:linear-gradient(110deg,#563c0e,#d8a849,#745616,#bd9135,#563c0e);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mattise-page .metallic-rosegold{background:linear-gradient(110deg,#673b39,#d28e8c,#7b4c4a,#b77876,#673b39);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mattise-page .metallic-black{background:linear-gradient(110deg,#161616,gray,#343434,#5a5a5a,#161616);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mattise-page .link{color:var(--color-black);text-decoration:none;font-weight:700;position:relative;display:inline-block}.mattise-page .link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-green);transition:width var(--transition)}.mattise-page .link:hover:after{width:100%}.mattise-page .link:focus-visible{outline:2px solid var(--color-green);outline-offset:2px;border-radius:var(--radius-sm)}.mattise-page .grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.mattise-page .grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.mattise-page .info-box,.mattise-page .step{background:var(--color-white);border:1px solid var(--color-gray-light);box-shadow:none;border-radius:var(--radius-md);padding:var(--space-6)}@media(min-width:900px){.mattise-page h1,.mattise-page .h1.h1,.mattise-page .page-header h1{font-size:38px}}@media(max-width:768px){.mattise-page .page{padding:var(--space-8) var(--space-4)}.mattise-page .page-header{padding:var(--space-8) 0 var(--space-6);margin-bottom:var(--space-4)}.mattise-page .page-header p{font-size:16px}.mattise-page .card{padding:var(--space-6);margin-bottom:var(--space-4)}.mattise-page .info-box,.mattise-page .step{padding:var(--space-4)}.mattise-page .grid-2,.mattise-page .grid-4{grid-template-columns:1fr}}html #shopify-pc__banner.shopify-pc__banner__dialog{background:var(--color-white)!important;color:var(--color-black)!important;border:0!important;border-top:1px solid var(--color-line)!important;border-radius:0!important;box-shadow:none!important;font-family:var(--font-body--family, Inter, system-ui, sans-serif)!important;inset:auto 0 0 0!important;max-width:none!important;padding:18px 32px!important}html #shopify-pc__banner .shopify-pc__banner__wrapper{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:10px 40px!important;max-width:none!important;margin:0!important}@media(min-width:750px){html #shopify-pc__banner .shopify-pc__banner__wrapper{flex-wrap:nowrap!important}}html #shopify-pc__banner .shopify-pc__banner__body{flex:1 1 auto!important;min-width:280px!important;max-width:none!important}html #shopify-pc__banner #shopify-pc__banner__body-title{font-size:16px!important;font-weight:600!important;margin:0 0 3px!important}html #shopify-pc__banner p{font-size:14px!important;line-height:1.5!important;margin:0!important}html #shopify-pc__banner .shopify-pc__banner__btns{display:flex!important;flex:0 0 auto!important;width:auto!important;gap:12px!important;flex-wrap:wrap!important}html #shopify-pc__banner .shopify-pc__banner__btns button{font-family:var(--font-body--family, Inter, system-ui, sans-serif)!important;font-weight:600!important;font-size:15px!important;height:44px!important;padding:0 var(--space-4)!important;border:0!important;border-radius:var(--radius-md)!important;flex:0 0 auto!important}html #shopify-pc__banner #shopify-pc__banner__btn-accept{background:var(--color-green)!important;color:#fff!important}html #shopify-pc__banner #shopify-pc__banner__btn-decline{background:var(--color-black)!important;color:#fff!important}html #shopify-pc__banner #shopify-pc__banner__btn-manage-prefs{background:none!important;color:var(--color-gray)!important;font-weight:400!important;height:auto!important;padding:var(--space-2)!important;text-decoration:underline!important}@media(max-width:768px){html #shopify-pc__banner{left:0!important;right:0!important;margin-left:auto!important;margin-right:auto!important;width:calc(100% - 32px)!important;max-width:none!important}html #shopify-pc__banner.shopify-pc__banner__dialog{padding:16px!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mattise-base.css.map */