.lff-matboard{display:block;background:var(--lff-paper,#faf9f6);color:var(--lff-ink,#29342a);--mat-gutter:clamp(22px,5vw,80px);scroll-margin-top:150px;font-family:var(--lff-ui,sans-serif)}.lff-matboard *{box-sizing:border-box}.lff-matboard [hidden]{display:none!important}.lff-matboard ::selection{background:#dac9ac;color:#29342a}.lff-matboard :focus-visible{outline:2px solid #775b36;outline-offset:5px}.lff-matboard :is(h1,h2,h3){font-family:var(--lff-display,serif);font-weight:400;letter-spacing:-.025em;text-transform:none;line-height:1.17;text-wrap:balance;color:inherit}.lff-matboard :is(h1,h2){font-size:clamp(36px,4.2vw,62px);margin:0 0 24px}.lff-matboard h3{font-size:clamp(28px,3vw,43px);margin:0 0 22px}.lff-matboard p{font-size:15px;line-height:1.85;max-width:66ch;margin:0 0 24px}.lff-matboard a{text-underline-offset:5px}.lff-mat-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,5vw,80px);max-width:1440px;padding:100px var(--mat-gutter) 88px;margin:auto;align-items:center}.lff-matboard .lff-mat-lead{font-size:clamp(20px,2vw,27px);line-height:1.5;max-width:24ch}.lff-mat-description{max-width:43ch;margin-bottom:28px}.lff-mat-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:52px;padding:14px 22px;background:#29342a;border:1px solid #29342a;color:#fff!important;font:400 13px/1.6 var(--lff-ui,sans-serif);text-decoration:none;cursor:pointer;transition:background .2s ease}.lff-mat-button:hover{background:#43513f}.lff-mat-choices{display:flex;flex-wrap:wrap;gap:0 20px;margin:36px 0 18px}.lff-mat-choices button{padding:12px 0;border:0;border-bottom:1px solid transparent;border-radius:0;background:transparent;color:#666b61;font:400 13px/1.6 var(--lff-ui,sans-serif);cursor:pointer}.lff-mat-choices button[aria-pressed=true]{color:#29342a;border-bottom-color:#29342a}.lff-mat-choices button:hover{color:#29342a}.lff-matboard .lff-mat-note{font-size:12px;line-height:1.8;color:#626658;margin:20px 0 0;max-width:56ch}.lff-mat-gallery{min-width:0;max-width:480px;width:100%;justify-self:center}.lff-mat-gallery figure{margin:0 0 32px}.lff-mat-gallery.is-enhanced figure{margin:0}.lff-mat-pair{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:16px;align-items:end}.lff-mat-pair:not(:has(.lff-mat-detail)){padding-right:92px;grid-template-columns:minmax(0,1fr)}.lff-mat-photo{position:relative;display:block;overflow:hidden;background:#e8e2d7}.lff-mat-photo>img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}.lff-mat-photo>span{display:flex;align-items:center;justify-content:space-between;position:absolute;inset:auto 12px 12px;padding:8px 12px;background:#faf9f6;color:#29342a;font-size:11px}.lff-mat-detail img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}.lff-mat-detail span{display:block;margin-top:8px;font-size:10px;line-height:1.6}.lff-mat-gallery figcaption{display:grid;gap:6px;margin-top:18px;max-width:44ch}.lff-mat-gallery figcaption strong{font-size:14px;font-weight:500}.lff-mat-gallery figcaption>span{font-size:12px;line-height:1.8;color:#626658}.lff-mat-color-study{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(40px,7vw,110px);align-items:center;padding:80px var(--mat-gutter);max-width:1440px;margin:auto;border-top:1px solid var(--lff-line,#dcd9d0)}.lff-mat-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px;margin:32px 0}.lff-mat-swatches button{padding:0 0 5px;border:0;background:transparent;text-align:left;font:400 11px/1.6 var(--lff-ui,sans-serif);color:#29342a;cursor:pointer}.lff-mat-swatches button>span{display:block;background:var(--mat-swatch);height:44px;margin:0 0 9px;border:1px solid #29342a26}.lff-mat-swatches button[aria-pressed=true]>span{outline:2px solid #29342a;outline-offset:3px}.lff-mat-swatches button:hover>span{outline:1px solid #626658;outline-offset:3px}.lff-mat-swatches button:disabled{opacity:1;cursor:default}.lff-mat-link{display:inline-block;border-bottom:1px solid #a9aa9d;color:#29342a;font-size:12px;line-height:1.8;padding:5px 0;text-decoration:none}.lff-mat-study{padding:30px;background:#eeebe1}.lff-mat-simulation{width:100%;max-width:300px;aspect-ratio:11/14;padding:12%;background:var(--mat-top);margin:auto;box-shadow:0 15px 28px #29342a1a}.lff-mat-inner{height:100%;padding:5px;background:var(--mat-inner)}.lff-mat-simulation.is-single .lff-mat-inner{padding:0}.lff-mat-window{height:100%;background:#faf9f6;color:#626658;display:grid;place-items:center;text-align:center;box-shadow:inset 0 1px 3px #29342a33;position:relative;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.lff-mat-window:focus-visible{outline:2px solid #775b36;outline-offset:2px}.lff-mat-window span[data-mat-placeholder]{font-family:var(--lff-display,serif);font-size:clamp(20px,2vw,28px);line-height:1.5;transition:opacity .2s ease}.lff-mat-window img[data-mat-preview]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;box-shadow:inset 0 2px 4px #29342a40}.lff-mat-window .lff-mat-window-overlay{position:absolute;inset:auto 0 0 0;padding:8px 6px;background:#29342ae0;color:#faf9f6;display:flex;align-items:center;justify-content:center;gap:6px;opacity:0;transition:opacity .2s ease;font-family:var(--lff-ui,sans-serif)}.lff-mat-window .lff-mat-window-overlay small{font-size:11px;font-weight:500}.lff-mat-window:hover .lff-mat-window-overlay,.lff-mat-window:focus-visible .lff-mat-window-overlay{opacity:1}.lff-mat-window.has-image [data-mat-placeholder]{display:none!important}.lff-mat-window.is-dragover{outline:2px dashed #29342a;outline-offset:-4px;background:#e8e5dc}.lff-mat-upload-bar{display:flex;align-items:center;justify-content:center;gap:12px;margin:16px 0 8px}.lff-mat-upload-trigger{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#faf9f6;border:1px solid #b9b9ae;color:#29342a;font:500 12px/1.4 var(--lff-ui,sans-serif);cursor:pointer;transition:all .2s ease;border-radius:2px}.lff-mat-upload-trigger:hover{background:#fff;border-color:#29342a}.lff-mat-upload-trigger:focus-within{outline:2px solid #775b36;outline-offset:2px}.lff-mat-remove-photo{background:none;border:none;border-bottom:1px solid #626658;color:#626658;font:400 11px/1.4 var(--lff-ui,sans-serif);padding:2px 0;cursor:pointer;transition:color .2s ease}.lff-mat-remove-photo:hover{color:#29342a;border-bottom-color:#29342a}.lff-mat-study-caption{display:grid;gap:5px;margin-top:16px;text-align:center}.lff-mat-study-caption strong{font-weight:500;font-size:12px}.lff-mat-study-caption>span{font-size:11px;color:#626658}.lff-mat-style{border:0;padding:0;margin:24px 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px}.lff-mat-style legend{font-size:12px;text-align:center;margin:0 0 12px}.lff-mat-style label{display:flex;align-items:center;gap:8px;min-height:44px;font-size:12px;cursor:pointer}.lff-mat-style input{accent-color:#29342a;margin:0;width:16px;height:16px}.lff-mat-sizing{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(40px,5vw,84px);padding:clamp(52px,5vw,80px) var(--mat-gutter);background:#eeebe1}.lff-mat-sizing>div{max-width:720px;justify-self:stretch;width:100%}.lff-mat-sizing h3{font-size:clamp(30px,3.2vw,44px);margin:0 0 20px}.lff-mat-sizing .rte p{font-size:16px;line-height:1.75;max-width:58ch;margin:0 0 24px;color:#374238}.lff-mat-sizing dl{margin:28px 0 32px}.lff-mat-sizing dl>div{border-top:1px solid #cbc8bc;padding:16px 0;display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;align-items:baseline}.lff-mat-sizing dt{font-size:14px;font-weight:600;color:#29342a}.lff-mat-sizing dd{font-size:14px;line-height:1.75;margin:0;color:#434a41}.lff-mat-sizing .lff-mat-note{font-size:13px;line-height:1.7;color:#52594d;padding:14px 18px;background:#fff9;border-left:3px solid #775b36;border-radius:2px;margin:24px 0 0;max-width:64ch}.lff-mat-measurement{margin:0 auto;max-width:560px;width:100%;justify-self:center}.lff-mat-measurement svg{display:block;width:100%;height:auto;font-family:var(--lff-ui,sans-serif)}.lff-mat-measurement figcaption{text-align:center;font-size:13px;font-weight:500;margin-top:14px;color:#52594d}.lff-mat-request{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,7vw,100px);max-width:1440px;margin:auto;padding:90px var(--mat-gutter) 100px;align-items:start}.lff-mat-request-copy{position:sticky;top:160px}.lff-mat-request-copy .lff-mat-link{margin-top:28px}.lff-mat-form{scroll-margin-top:160px}.lff-mat-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.lff-mat-form label{display:block;font-size:12px;font-weight:400;line-height:1.6;margin-bottom:9px}.lff-mat-form :is(input,select,textarea){width:100%;height:auto;min-height:48px;border:1px solid #b9b9ae;border-radius:0;background:#faf9f6;color:#29342a;font:400 13px/1.6 var(--lff-ui,sans-serif);padding:12px;margin-bottom:22px;caret-color:#775b36}.lff-mat-form input::placeholder,.lff-mat-form textarea::placeholder{color:#626658;opacity:1}.lff-mat-form textarea{resize:vertical;min-height:150px}.lff-mat-form button{margin-top:4px}.lff-mat-notification{padding:18px;background:#eeebe1;margin-bottom:22px;font-size:14px}@media(min-width:1440px){.lff-matboard:not(.lff-matboard-guide) .lff-mat-sizing{padding-inline:max(var(--mat-gutter),calc((100vw - 1440px)/2 + var(--mat-gutter)))}.lff-matboard-guide .lff-mat-sizing{padding-inline:clamp(44px,5vw,80px)}}@media(max-width:989px){.lff-mat-intro{grid-template-columns:1fr 1fr;gap:28px;padding-top:65px}.lff-mat-pair{grid-template-columns:minmax(0,1fr)}.lff-mat-detail{display:flex;align-items:center;gap:12px}.lff-mat-detail img{width:48px}.lff-mat-pair:not(:has(.lff-mat-detail)){padding-right:0}.lff-mat-color-study{gap:32px}.lff-mat-study{padding:22px}.lff-mat-request{grid-template-columns:1fr 1.2fr;gap:30px}.lff-mat-sizing{gap:32px;padding:48px 24px}.lff-mat-sizing dl>div{grid-template-columns:140px minmax(0,1fr);gap:14px}}@media(max-width:749px){.lff-mat-intro,.lff-mat-color-study,.lff-mat-sizing,.lff-mat-request{grid-template-columns:1fr;padding-block:44px;gap:28px}.lff-mat-copy{order:0}.lff-mat-gallery{order:1}.lff-mat-choices{margin-top:24px;gap:0 18px}.lff-mat-pair{grid-template-columns:minmax(0,1fr) 60px;gap:12px}.lff-mat-detail{display:block}.lff-mat-detail img{width:100%}.lff-mat-pair:not(:has(.lff-mat-detail)){padding-right:72px;grid-template-columns:minmax(0,1fr)}.lff-mat-study{padding:30px}.lff-mat-simulation{max-width:260px}.lff-mat-swatches{gap:20px 12px}.lff-mat-swatches button{min-height:68px}.lff-mat-sizing>div{justify-self:start}.lff-mat-sizing dl>div{grid-template-columns:120px minmax(0,1fr);gap:12px}.lff-mat-measurement{max-width:420px}.lff-mat-request-copy{position:static}.lff-mat-request-copy .lff-mat-link{margin-top:15px}.lff-mat-form{scroll-margin-top:100px}.lff-mat-fields{gap:14px}.lff-matboard{scroll-margin-top:90px}}@media(prefers-reduced-motion:reduce){.lff-matboard *{scroll-behavior:auto!important;transition:none!important}}@media(min-width:990px){.lff-mat-intro{padding-top:64px;padding-bottom:64px}}@media(max-width:749px){.lff-mat-form :is(input,select,textarea){font-size:16px}}.lff-mat-color-fields{display:none!important}.lff-mat-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;max-width:1440px;margin:auto;padding:32px var(--mat-gutter) 56px;border-top:1px solid var(--lff-line,#dcd9d0)}.lff-mat-footer .lff-mat-note{margin:0;max-width:65ch}.lff-mat-footer .lff-mat-link{white-space:nowrap}@media(max-width:749px){.lff-mat-footer{flex-direction:column;align-items:flex-start;padding-block:28px 40px}}@media(max-width:640px){.lff-mat-swatches{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px}}@media(max-width:440px){.lff-mat-swatches{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}}.lff-mat-swatches button:focus-visible{outline:2px solid #775b36;outline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/32/assets/lff-custom-matboard.css.map */