.mbpd{--indigo:#26075C;--plum:#26075C;--plum-deep:#26075C;--lavender:#C7B6DA;--ivory:#1A1611;--ink:#FFFFFF;--serif:"Cormorant Garamond",serif;--mono:"Jost",sans-serif;--sans:"Jost",sans-serif;font-family:var(--sans);background:var(--ivory);color:var(--ink)}.mbpd *{margin:0;padding:0;box-sizing:border-box}.mbpd img{display:block}.mbpd a:focus-visible,.mbpd button:focus-visible{outline:1px solid currentColor;outline-offset:4px}.mbpd header{position:sticky;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:16px 34px;background:var(--plum);color:#fff}.mbpd .left,.mbpd .right{display:flex;align-items:center;gap:24px;flex:1}.mbpd .right{justify-content:flex-end}.mbpd .menu-btn{display:flex;align-items:center;gap:11px;background:none;border:0;color:#fff;cursor:pointer;font-family:var(--mono);font-size:15px;letter-spacing:.22em;text-transform:uppercase;padding:6px 0}.mbpd .menu-btn line{transition:transform .4s cubic-bezier(.5,0,.2,1);transform-origin:left center}.mbpd .menu-btn:hover line:nth-child(1){transform:scaleX(.66)}.mbpd .menu-btn:hover line:nth-child(2){transform:scaleX(1.4)}.mbpd .menu-word{transition:letter-spacing .4s ease}.mbpd .menu-btn:hover .menu-word{letter-spacing:.34em}.mbpd .logo-wrap{flex:0 0 auto;cursor:pointer;text-decoration:none;color:#fff}.mbpd .logo-wrap img{height:44px;width:auto}.mbpd .logo-wrap .wordmark{font-family:var(--serif);font-size:26px;letter-spacing:.02em;color:#fff}.mbpd .icon-btn{position:relative;background:none;border:0;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;transition:transform .35s ease;text-decoration:none}.mbpd .icon-btn:hover{transform:translateY(-2px)}.mbpd .icon-btn svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.1;fill:none;stroke-linecap:round;stroke-linejoin:round}.mbpd .icon-btn:after{content:"";position:absolute;left:50%;bottom:-9px;width:14px;height:1px;background:currentColor;transform:translate(-50%) scaleX(0);transition:transform .35s ease}.mbpd .icon-btn:hover:after{transform:translate(-50%) scaleX(1)}.mbpd .search{display:flex;align-items:center;gap:8px}.mbpd .search input{width:0;opacity:0;border:0;border-bottom:1px solid rgba(255,255,255,.7);background:transparent;color:#fff;font-family:var(--mono);font-size:12px;letter-spacing:.08em;padding:4px 2px;transition:width .45s ease,opacity .3s ease;outline:none}.mbpd .search input::placeholder{color:#ffffffa6}.mbpd .search:hover input,.mbpd .search:focus-within input{width:150px;opacity:1}.mbpd .search button{background:none;border:0;color:#fff;cursor:pointer;padding:0;display:flex}.mbpd .drop{position:absolute;top:calc(100% + 16px);right:-6px;min-width:180px;background:var(--ivory);color:var(--ink);padding:18px 22px;border:1px solid rgba(0,0,0,.07);opacity:0;visibility:hidden;transform:translateY(-6px);transition:all .28s ease;box-shadow:0 14px 36px #140f081f}.mbpd .icon-btn:hover .drop,.mbpd .icon-btn:focus-within .drop{opacity:1;visibility:visible;transform:translateY(0)}.mbpd .drop p,.mbpd .drop a{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;line-height:2.2;color:var(--ink);text-decoration:none;display:block}.mbpd .drop a:hover{color:var(--indigo)}.mbpd .drop .drop-title{color:var(--indigo);margin-bottom:6px}.mbpd .cart-count{position:absolute;top:-3px;right:-5px;min-width:13px;height:13px;border-radius:50%;background:var(--indigo);color:#fff;font-size:8px;line-height:13px;text-align:center;font-family:var(--mono)}.mbpd .drawer{position:fixed;top:0;left:0;bottom:0;width:min(400px,88vw);background:var(--mb-drawer-bg);z-index:60;transform:translate(-101%);transition:transform .5s cubic-bezier(.7,0,.25,1);padding:38px 44px;display:flex;flex-direction:column}.mbpd .drawer.open{transform:translate(0)}.mbpd .drawer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:52px}.mbpd .drawer-top span{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--indigo)}.mbpd .drawer-close{background:none;border:0;cursor:pointer;color:var(--ink);padding:4px}.mbpd .drawer-close svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.4;fill:none;stroke-linecap:round}.mbpd .drawer nav a{display:block;font-family:var(--serif);font-size:var(--mb-drawer-size);font-weight:400;color:var(--ink);text-decoration:none;padding:10px 0;transition:color .25s,transform .3s}.mbpd .drawer nav a:hover{color:var(--indigo);transform:translate(8px)}.mbpd .drawer-foot{margin-top:auto;font-family:var(--mono);font-size:var(--mb-drawer-meta);letter-spacing:.16em;text-transform:uppercase;color:#1a16118c;line-height:2}.mbpd .scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0a0559;z-index:50;opacity:0;visibility:hidden;transition:opacity .4s}.mbpd .scrim.show{opacity:1;visibility:visible}.mbpd .kicker{font-family:var(--mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--indigo)}.mbpd .thread{width:1px;height:52px;background:var(--indigo);opacity:.5;margin:0 auto 24px}.mbpd .reveal{opacity:0;transform:translateY(28px);transition:opacity 1.1s ease,transform 1.1s cubic-bezier(.2,.6,.2,1)}.mbpd .reveal.in{opacity:1;transform:none}.mbpd .product{max-width:1240px;margin:0 auto;padding:64px 6vw 100px;display:grid;grid-template-columns:1.15fr 1fr;gap:7vw}.mbpd .gallery .main-frame{aspect-ratio:4/5;overflow:hidden;background:#e8e2d8}.mbpd .gallery .main-frame img{width:100%;height:100%;object-fit:cover}.mbpd .angles-label{margin:26px 0 14px;font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:#1a16118c}.mbpd .thumbs{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.mbpd .thumbs button{border:1px solid transparent;padding:0;cursor:pointer;aspect-ratio:1/1;overflow:hidden;background:#e8e2d8;transition:border-color .25s}.mbpd .thumbs button.active{border-color:var(--indigo)}.mbpd .thumbs img{width:100%;height:100%;object-fit:cover;display:block}.mbpd .details{display:flex;flex-direction:column;padding-top:8px}.mbpd .pname-full{font-family:var(--serif);font-weight:400;font-size:clamp(32px,3vw,44px);line-height:1.15;color:var(--ink)}.mbpd .pdesc{margin-top:26px;font-family:var(--serif);font-size:18px;line-height:1.75;color:#1a1611d9;max-width:44ch}.mbpd .pdesc p{margin-bottom:12px}.mbpd .pprice{margin-top:32px;font-family:var(--mono);font-size:20px;letter-spacing:.04em;color:var(--ink)}.mbpd .pprice-was{margin-left:12px;color:#1a161173;font-size:15px}.mbpd .pprice-sale{color:var(--indigo)}.mbpd .pmeta{margin-top:14px;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#1a161180}.mbpd .pvariants{margin-top:30px}.mbpd .pvariants label{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#1a16118c;margin-bottom:8px}.mbpd .pvariants select{width:100%;max-width:320px;font-family:var(--mono);font-size:13px;padding:12px 14px;border:1px solid rgba(26,22,17,.25);background:transparent;color:var(--ink)}.mbpd .pactions{margin-top:44px;display:flex;gap:14px;flex-wrap:wrap}.mbpd .btn{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;padding:15px 30px;border:1px solid var(--ink);color:var(--ink);background:transparent;cursor:pointer;transition:background .3s ease,color .3s ease,transform .3s ease;display:inline-flex;align-items:center;gap:10px}.mbpd .btn:hover{transform:translateY(-1px)}.mbpd .btn-primary{background:var(--plum);border-color:var(--plum);color:#fff}.mbpd .btn-primary:hover{background:var(--plum-deep);border-color:var(--plum-deep)}.mbpd .btn-primary[disabled]{opacity:.5;cursor:not-allowed}.mbpd .btn-ghost:hover{background:var(--ink);color:var(--ivory)}.mbpd .btn svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.2;fill:none}.mbpd .btn.mb-heart-btn.is-saved svg{fill:var(--indigo);stroke:var(--indigo)}.mbpd .pnote{margin-top:40px;padding-top:28px;border-top:1px solid rgba(26,22,17,.12);font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#1a16118c;line-height:2.4}@media(max-width:860px){.mbpd .product{grid-template-columns:1fr;padding:44px 6vw 70px;gap:44px}.mbpd .thumbs{display:flex;gap:8px;overflow-x:auto;padding:0 0 6px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.mbpd .thumbs button{flex:0 0 78px;width:78px;scroll-snap-align:start}}.mbpd .pair{background:var(--ivory);padding:0 8vw 110px;text-align:center}.mbpd .pair-cards{display:flex;justify-content:center;align-items:flex-start;gap:5vw;margin-top:44px;flex-wrap:wrap}.mbpd .pcard{width:min(300px,28vw);text-decoration:none;color:var(--ink)}.mbpd .pcard .frame{overflow:hidden;aspect-ratio:1/1;background:#e8e2d8}.mbpd .pcard img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.6,.2,1)}.mbpd .pcard:hover img{transform:scale(1.04)}.mbpd .pcard .cname{display:block;margin-top:18px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase}.mbpd .also{background:var(--ivory);padding:0 0 120px}.mbpd .also-head{text-align:center;margin-bottom:40px;padding:0 8vw}.mbpd .also-grid{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;padding:0 8vw}.mbpd .also-grid a{flex:0 0 auto;width:220px;text-decoration:none;color:var(--ink)}.mbpd .also-grid .frame{overflow:hidden;aspect-ratio:1/1;background:#e8e2d8}.mbpd .also-grid img{width:100%;height:100%;object-fit:cover;transition:transform 1s ease}.mbpd .also-grid a:hover img{transform:scale(1.05)}.mbpd .also-grid .cname{display:block;margin-top:16px;font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase}@media(max-width:640px){.mbpd .pcard{width:min(300px,86vw)}.mbpd .pair-cards{gap:36px}.mbpd .also-grid a{width:150px}}@media(max-width:600px){.mbpd header{padding:14px 16px}.mbpd .left,.mbpd .right{gap:12px}.mbpd .menu-word{display:none}.mbpd .logo-wrap img{height:36px}.mbpd .logo-wrap .wordmark{font-size:20px}.mbpd .icon-btn svg{width:20px;height:20px}.mbpd .search:hover input,.mbpd .search:focus-within input{width:104px}}.mbpd .product{max-width:1440px;padding:clamp(46px,5vw,76px) clamp(24px,5vw,76px) clamp(76px,8vw,120px);grid-template-columns:minmax(0,7fr) minmax(360px,5fr);gap:clamp(42px,6vw,94px);align-items:start}.mbpd .gallery .main-frame{aspect-ratio:4/5}.mbpd .details{align-self:start;position:sticky;top:112px;padding:clamp(18px,4vw,54px) 0 0}.mbpd .p-eyebrow{margin-bottom:16px;font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--plum)}.mbpd .pname-full{font-size:clamp(38px,4.5vw,64px);line-height:1.02;max-width:10ch}.mbpd .pprice{margin-top:26px;font-size:15px;letter-spacing:.1em}.mbpd .pmeta{max-width:42ch;line-height:1.8}.mbpd .pactions{margin-top:34px}.mbpd .btn{min-height:48px;justify-content:center}.mbpd .btn-primary{flex:1 1 220px}.mbpd .btn-ghost{flex:0 1 auto}.mbpd .pnote{margin-top:32px;padding-top:22px;line-height:1.9}.mbpd .pdetails{margin-top:26px;border-top:1px solid rgba(26,22,17,.14)}.mbpd .pdetails details{border-bottom:1px solid rgba(26,22,17,.14)}.mbpd .pdetails summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:52px;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.mbpd .pdetails summary::-webkit-details-marker{display:none}.mbpd .pdetails summary span{font-size:18px;font-weight:300;transition:transform .25s}.mbpd .pdetails details[open] summary span{transform:rotate(45deg)}.mbpd .pdetails details p{padding:0 0 20px;max-width:48ch;font-family:var(--serif);font-size:16px;line-height:1.65;color:#1a1611b8}.mbpd-product-placeholder{width:100%;height:100%;background:#e8e2d8}.mbpd .product-story{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);min-height:620px;background:var(--plum-deep);color:#efe9fb}.mbpd .product-story-image{min-height:520px;overflow:hidden;background:var(--lavender)}.mbpd .product-story-image img{width:100%;height:100%;object-fit:cover}.mbpd .product-story-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(54px,8vw,120px)}.mbpd .product-story-copy .thread{margin:0 0 24px;background:var(--lavender)}.mbpd .product-story-copy .kicker{color:var(--lavender);margin-bottom:28px}.mbpd .product-story-copy .pdesc{margin:0;color:#efe9fb;max-width:50ch;font-size:clamp(15px,1.25vw,17px);line-height:1.7}.mbpd .product-story-copy .pdesc p{margin-bottom:1em}.mbpd .pair{padding:clamp(78px,9vw,126px) 7vw}.mbpd .pair-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1080px;margin:44px auto 0;gap:clamp(18px,3vw,42px)}.mbpd .pcard{width:auto}.mbpd .pcard .frame{aspect-ratio:4/5}.mbpd .also{padding:10px 0 clamp(86px,9vw,130px)}.mbpd .also-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:1280px;margin:0 auto;gap:clamp(16px,2.4vw,34px)}.mbpd .also-grid a{width:auto}.mbpd .also-grid .frame{aspect-ratio:4/5}@media(max-width:900px){.mbpd .product{grid-template-columns:1fr;padding:44px 6vw 76px;gap:40px}.mbpd .details{position:static;padding-top:0}.mbpd .pname-full{max-width:none}.mbpd .product-story{grid-template-columns:1fr}.mbpd .product-story-image{min-height:0;aspect-ratio:4/5}.mbpd .pair-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.mbpd .product{padding:32px 5vw 64px;gap:30px}.mbpd .pname-full{font-size:clamp(36px,12vw,52px)}.mbpd .pactions{display:grid;grid-template-columns:1fr}.mbpd .btn{width:100%}.mbpd .product-story-copy{padding:54px 7vw 64px}.mbpd .pair-cards{display:flex;flex-direction:column;align-items:stretch;gap:34px}.mbpd .pcard{width:100%}.mbpd .also-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 5vw}.mbpd .also-grid a{width:auto}}.mbpd .drop{border-color:#ffffff24;box-shadow:0 14px 36px #00000047}.mbpd .drop .drop-title,.mbpd .drawer-top span,.mbpd .kicker,.mbpd .p-eyebrow{color:#fff}.mbpd .drop a:hover,.mbpd .drawer nav a:hover{color:#fff}.mbpd .drawer-foot,.mbpd .angles-label,.mbpd .pvariants label,.mbpd .pnote{color:#ffffff9e}.mbpd .pdesc{color:#ffffffdb}.mbpd .pprice-was{color:#ffffff7a}.mbpd .pprice-sale{color:#fff}.mbpd .pmeta{color:#ffffff94}.mbpd .gallery .main-frame,.mbpd .thumbs button,.mbpd .pcard .frame,.mbpd .also-grid .frame,.mbpd-product-placeholder{background:#0f0c0b}.mbpd .thumbs button.active{border-color:#fff}.mbpd .pvariants select{border-color:#ffffff61;background:var(--ivory);color:var(--ink)}.mbpd .pvariants option{background:var(--ivory);color:var(--ink)}.mbpd .pnote,.mbpd .pdetails,.mbpd .pdetails details{border-color:#ffffff2e}.mbpd .pdetails details p{color:#ffffffc2}.mbpd .btn.mb-heart-btn.is-saved svg{fill:#fff;stroke:#fff}.mbpd .product-story,.mbpd .product-story-copy .kicker,.mbpd .product-story-copy .pdesc{color:#fff}.mbpd .pair{padding:clamp(36px,3vw,48px) 7vw clamp(42px,3.5vw,52px)}.mbpd .pair .thread,.mbpd .also-head .thread{height:24px;margin-bottom:12px}.mbpd .pair .kicker,.mbpd .also-head .kicker{margin:0}.mbpd .pair-cards{margin-top:22px}.mbpd .also{padding:clamp(24px,2.5vw,36px) 0 clamp(50px,4vw,64px)}.mbpd .also-head{margin-bottom:22px}@media(max-width:640px){.mbpd .pair{padding:32px 5vw 42px}.mbpd .pair-cards{margin-top:18px}.mbpd .also{padding:24px 0 50px}.mbpd .also-head{margin-bottom:18px}}.mbpd .pair,.mbpd .also{padding:34px var(--mb-page-margin,37px) 38px;text-align:left}.mbpd .also{position:relative;padding-top:8px}.mbpd .also:before{content:"";position:absolute;left:var(--mb-page-margin,37px);right:var(--mb-page-margin,37px);top:0;height:1px;background:#ffffff29}.mbpd .pair .kicker,.mbpd .also .kicker{text-align:left;margin:0 0 20px}.mbpd .also-head{text-align:left;margin:0 0 20px;padding:0}.mbpd .pair-cards,.mbpd .also-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;max-width:none;margin:0;padding:0;justify-content:stretch}.mbpd .pcard,.mbpd .also-grid a{width:auto;flex:initial}.mbpd .pcard .frame,.mbpd .also-grid .frame{aspect-ratio:1/1}.mbpd .pcard .cname,.mbpd .also-grid .cname{margin-top:13px;font-size:15px}@media(max-width:900px){.mbpd .pair-cards,.mbpd .also-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media(max-width:640px){.mbpd .pair,.mbpd .also{padding-left:7vw;padding-right:7vw}.mbpd .also:before{left:7vw;right:7vw}.mbpd .pair-cards,.mbpd .also-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-main-product.css.map */