.media-reel{--reel-height:min(80svh, 760px);--stage-height:min(var(--reel-height), calc((100vw - 112px) / var(--active-ratio)));--reel-step:clamp(110px, 21vw, 280px);width:100%}.media-reel .media-reel-viewport{height:calc(var(--stage-height) + 40px);touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;padding:0;position:relative;overflow:hidden}.media-reel .media-reel-track{perspective:1400px;isolation:isolate;height:100%;display:block;position:relative}.media-reel .media-reel-slide{width:calc(var(--stage-height) * var(--media-ratio));min-width:0;max-width:calc(100vw - 112px);z-index:calc(10 - var(--reel-depth));opacity:1;transform:translate(-50%, -50%) translateX(calc(var(--reel-offset) * var(--reel-step))) rotateY(calc(var(--reel-offset) * -12deg)) scale(calc(1 - var(--reel-depth) * .21));margin:0;transition:transform .65s cubic-bezier(.22,.68,.2,1),opacity .5s;position:absolute;top:50%;left:50%}.media-reel .media-reel-slide[data-depth="1"]{opacity:.64}.media-reel .media-reel-slide[data-depth="2"]{opacity:.34}.media-reel .media-reel-slide[data-depth="3"]{opacity:0;visibility:hidden;pointer-events:none}.media-reel .media-reel-slide[data-wrapped=true]{transition:none}.media-reel .media-reel-slide .media-reel-media{isolation:isolate;width:100%;aspect-ratio:var(--media-ratio);filter:none;border-radius:20px;position:relative;overflow:hidden;transform:none;box-shadow:0 12px 30px #30282016}.media-reel-slide[data-depth="1"] .media-reel-media{filter:saturate(.86)}.media-reel-slide[data-depth="2"] .media-reel-media{filter:blur(.7px)saturate(.7)}.media-reel-media>:is(img,video){object-fit:cover;border:0;width:100%;max-width:none;height:100%;display:block}.media-reel-media:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000,#0009);position:absolute;inset:65% 0 0}.media-reel-media figcaption{z-index:2;color:#fff;text-shadow:0 1px 5px #0008;pointer-events:none;font-size:16px;line-height:1.4;position:absolute;bottom:18px;left:18px;right:18px}.media-reel-video figcaption{right:65px}.media-reel-actions{z-index:3;flex-direction:column;gap:6px;display:flex;position:absolute;bottom:12px;right:10px}.media-reel-actions button,.media-reel-photo-pause{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#211d1870;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.media-reel-photo-pause{z-index:4;position:absolute;top:10px;left:10px}.media-reel-select{z-index:4;cursor:pointer;background:0 0;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.media-reel-select:focus-visible{outline-offset:-4px!important}.media-reel-navigation{pointer-events:none;z-index:15;opacity:0;visibility:hidden;justify-content:space-between;align-items:center;transition:opacity .18s;display:flex;position:absolute;inset:0 -48px}.media-reel-viewport:hover .media-reel-navigation,.media-reel:focus-within .media-reel-navigation{opacity:1;visibility:visible}.media-reel .media-reel-navigation button{isolation:isolate;width:44px;height:44px;box-shadow:none;color:#302820;pointer-events:auto;touch-action:manipulation;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.media-reel .media-reel-navigation button:before{content:"";z-index:-1;background:#fffdf5ed;border-radius:50%;position:absolute;inset:6px;box-shadow:0 2px 10px #30282012}.media-reel .media-reel-navigation button:hover{background:0 0}.media-reel-progress{top:0;z-index:3;pointer-events:none;background:#ffffff40;height:2px;position:absolute;inset-inline:0}.media-reel-progress>span{transform-origin:0;background:#fff;width:100%;height:100%;display:block}.media-reel-lightbox{background:#fbf8f1;border-radius:20px;gap:8px;max-height:94dvh;width:min(94vw,900px)!important;max-width:94vw!important;padding:14px!important}.media-reel-lightbox>img{object-fit:contain;border-radius:12px;width:100%;height:auto;max-height:80dvh;display:block}.media-reel-lightbox>p{text-align:center;margin:0;font-size:16px}.media-reel-lightbox-prev,.media-reel-lightbox-next{background:#fffdf2e8;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:50%}.media-reel-lightbox-prev{left:16px}.media-reel-lightbox-next{right:16px}.media-reel-lightbox>button:last-child{opacity:1;background:#fffdf2f2;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;top:20px;right:20px}@media (max-width:767px){.media-reel{--reel-step:clamp(100px, 25vw, 170px);--stage-height:min(var(--reel-height), calc((100vw - 88px) / var(--active-ratio)))}.media-reel .media-reel-slide{max-width:calc(100vw - 88px)}.media-reel .media-reel-navigation{inset:0 -44px}.media-reel .media-reel-slide .media-reel-media{border-radius:16px}.media-reel-media figcaption{font-size:15px}.media-reel-lightbox>img{max-height:76dvh}}@media (hover:none),(pointer:coarse){.media-reel .media-reel-navigation{opacity:1;visibility:visible}}@media (prefers-reduced-motion:reduce){.media-reel .media-reel-slide{transition:none}}.media-reel[data-motion-mode=light] .media-reel-slide,.media-reel[data-motion-mode=off] .media-reel-slide{transition:none}.pop-page,.pop-feature{--pop-ink:#29231f;--pop-paper:#f7f3eb;--pop-line:#d9cdbc;font-family:var(--font-sans);color:var(--pop-ink);background:var(--pop-paper)}.pop-page h1,.pop-feature h2{font-family:var(--font-sans);letter-spacing:-.025em;font-weight:400}.pop-kicker{letter-spacing:.16em;font-size:10px;line-height:1.8}.pop-button{color:#fff;letter-spacing:.025em;text-align:center;background:#302820;justify-content:center;align-items:center;gap:24px;min-height:48px;padding:14px 24px;font-size:12px;line-height:1.6;display:inline-flex}.pop-button:hover{background:#594432}.pop-inline-link{border-bottom:1px solid;align-items:center;gap:14px;min-height:44px;font-size:12px;display:inline-flex}.pop-page :is(a,button):focus-visible,.pop-feature a:focus-visible{outline-offset:4px;outline:2px solid #8f6c43}.pop-page button{cursor:pointer}.pop-feature{border-block:1px solid var(--pop-line);grid-template-columns:1fr 1fr;max-width:1280px;margin:0 auto 64px;display:grid}.pop-feature-image{display:block;position:relative;overflow:hidden}.pop-feature-image>img{object-fit:contain;width:100%;height:auto;max-height:660px;display:block}.pop-seal{color:#f7f3eb;letter-spacing:.08em;background:#312820;align-items:center;gap:16px;padding:12px 18px;font-size:14px;display:flex;position:absolute;top:24px;left:24px}.pop-seal span{writing-mode:vertical-rl;border-left:1px solid #a78d70;padding-left:10px;font-size:11px}.pop-feature-copy{align-self:center;padding:50px 9%}.pop-feature h2{margin:22px 0;font-size:clamp(35px,4.5vw,60px)}.pop-feature-intro{margin-bottom:22px;font-size:21px;line-height:1.6}.pop-feature-copy>p:not(.pop-kicker):not(.pop-feature-intro){color:#6e6256;max-width:390px;font-size:14px;line-height:1.9}.pop-feature-facts{flex-wrap:wrap;gap:10px 22px;margin:26px 0 32px;font-size:11px;display:flex}.pop-feature-facts li{border-bottom:1px solid var(--pop-line);padding-bottom:10px;list-style:none}.pop-editorial{padding-top:4px;overflow:clip}.pop-intro{justify-content:space-between;align-items:center;gap:18px;max-width:1280px;margin:auto;padding:24px 30px 18px;display:flex}.pop-intro>p{letter-spacing:.1em;font-size:13px}.pop-intro>p>span{letter-spacing:.12em;color:#83725e;margin-left:20px;font-size:9px}.pop-intro nav{gap:24px;font-size:11px;display:flex}.pop-intro a{align-items:center;min-height:40px;display:flex}.pop-reel-section{padding:0 0 30px;scroll-margin-top:82px}.pop-photo-section{border-top:1px solid #e5ddd1;padding-top:22px}.pop-product-info{border-top:1px solid #d9cdbc;grid-template-columns:1.3fr 1fr;align-items:center;gap:7%;max-width:1280px;margin:22px auto 0;padding:64px 30px;scroll-margin-top:85px;display:grid}.pop-cutout{min-width:0}.pop-cutout>img{width:100%;height:auto;display:block}.pop-cutout figcaption{text-align:center;color:#786957;margin-top:24px;font-size:11px;line-height:1.7}.pop-small-caption{letter-spacing:.035em;margin-bottom:18px;font-size:14px;line-height:1.8}.pop-info-summary{color:#766858;font-size:13px;line-height:1.95}.pop-specs{margin:22px 0}.pop-specs>div{border-bottom:1px solid #ded2c0;justify-content:space-between;gap:20px;padding:14px 0;font-size:12px;line-height:1.8;display:flex}.pop-specs dt{color:#83725e;flex-shrink:0}.pop-specs dd{text-align:right}.pop-fit-caption{color:#83725e;font-size:11px;line-height:1.8}.pop-info-copy>.pop-button{margin-top:22px}.pop-detail-sheet{max-width:1280px;margin:auto;padding:22px 30px 52px}.pop-sheet-zoom{background:#fff;width:100%;display:block;position:relative}.pop-sheet-zoom img{width:100%;height:auto;display:block}.pop-sheet-zoom>span{background:#f7f3ebe8;align-items:center;gap:8px;padding:10px 16px;font-size:11px;display:flex;position:absolute;bottom:16px;right:16px}.pop-detail-sheet>p{margin-top:12px}.pop-finishing{grid-template-columns:1fr 1fr;gap:32px;max-width:1000px;margin:auto;padding:0 30px 55px;display:grid}.pop-finishing figure{min-width:0}.pop-finishing-frame{aspect-ratio:2/3;overflow:hidden}.pop-finishing-frame img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.pop-finishing figcaption{color:#786957;margin-top:12px;font-size:12px;line-height:1.8}.pop-messenger{text-align:center;border-top:1px solid #ded2c0;padding:36px 24px 58px}.pop-messenger>p{margin-bottom:16px;font-size:16px}.pop-detail-dialog{max-height:90dvh;overflow:auto;background:#fff!important;max-width:min(96vw,1300px)!important;padding:28px!important}.pop-detail-dialog>img{width:100%;min-width:0;max-width:none;height:auto;display:block}@media (max-width:767px){.pop-intro{padding:12px 18px 14px;display:block}.pop-intro>p{justify-content:space-between;font-size:12px;display:flex}.pop-intro>p>span{margin-left:8px;font-size:8px}.pop-intro nav{gap:24px;margin-top:4px}.pop-intro a{min-height:44px;font-size:12px}.media-reel{--reel-height:min(68svh, 650px)}.media-reel-track{gap:10px}.media-reel-slide{width:min(calc(var(--reel-height) * var(--media-ratio)), calc(100vw - 112px))}.media-reel-navigation{padding-inline:0;inset-inline:-50px}.media-reel-navigation button{width:44px;height:44px}.media-reel-hint{max-width:180px;font-size:11px}.media-reel-toolbar{padding:7px 18px 0}.media-reel-media figcaption{font-size:12px;bottom:16px;left:13px}.pop-reel-section{padding-bottom:20px;scroll-margin-top:70px}.pop-photo-section{padding-top:20px}.pop-product-info{grid-template-columns:1fr;gap:30px;margin-top:10px;padding:36px 20px 24px}.pop-cutout figcaption{margin-top:10px;font-size:12px}.pop-info-copy{width:100%;max-width:540px;margin:auto}.pop-small-caption{margin-bottom:10px}.pop-specs>div{gap:14px;font-size:13px}.pop-info-summary{font-size:14px}.pop-small-caption{font-size:16px}.pop-fit-caption{font-size:12px}.pop-detail-sheet{padding:16px 20px 32px}.pop-sheet-zoom>span{padding:8px;font-size:10px;bottom:8px;right:8px}.pop-finishing{gap:14px;padding:0 20px 36px}.pop-finishing figcaption{font-size:12px;line-height:1.7}.pop-messenger{padding-block:26px 40px}.pop-detail-dialog{padding:24px 12px!important}.pop-feature{grid-template-columns:1fr;margin-bottom:36px}.pop-feature-image>img{max-height:480px}.pop-feature-copy{padding:30px 24px 36px}.pop-feature h2{margin:16px 0;font-size:39px}.pop-feature-facts{gap:10px 16px;font-size:12px}.pop-feature-intro{font-size:19px}.pop-button{gap:18px;max-width:100%}}@media (prefers-reduced-motion:reduce){.media-reel-slide,.media-reel-media{transition:none}}@media (hover:none),(pointer:coarse){.media-reel-navigation{opacity:1;visibility:visible}}.pop-detail-tools{flex-wrap:wrap;gap:8px;padding-right:24px;display:flex}.pop-detail-tools button{border:1px solid #d9cdbc;min-height:44px;padding:9px 12px;font-size:12px}.pop-detail-tools button:disabled{opacity:.4}.pop-detail-viewer{touch-action:pan-x pan-y pinch-zoom;max-height:68dvh;overflow:auto}.pop-detail-viewer img{max-width:none;height:auto;display:block}.media-reel-open{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:4;background:#211d1852;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:10px;right:10px}@media (max-width:767px){.media-reel-hint{font-size:11px}.pop-detail-dialog{max-height:92dvh}}
