@font-face{font-family:"P22 Underground";src:url("assets/fonts/p22-underground-book.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"P22 Underground";src:url("assets/fonts/p22-underground-medium.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
:root{--ink:#050505;--footer:#eae6dd;--menu:#a3bad0;--line:#d9d9d9;--font:"P22 Underground",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:var(--font);font-size:14px;line-height:1.35;-webkit-font-smoothing:antialiased;overflow-x:hidden}
button{border:0;background:none;color:inherit;font:inherit;cursor:pointer;padding:0}
img,svg{display:block}
.skip-link{position:fixed;z-index:99;top:0;left:0;transform:translateY(-110%);background:#000;color:#fff;padding:10px 14px}.skip-link:focus{transform:none}
.site-header{position:relative;z-index:40;background:#fff}
.promo-bar{height:40px;border-bottom:1px solid #e6e6e6;display:flex;align-items:center;justify-content:center}
.promo-link{font-size:12px;letter-spacing:1.8px;text-decoration:underline;text-underline-offset:4px;white-space:nowrap}
.nav-bar{height:80px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 32px;position:relative}
.desktop-nav{display:flex;gap:27px;align-items:center}
.desktop-nav button,.search-action span{font-size:12px;letter-spacing:1.8px}
.desktop-nav button:hover,.promo-link:hover,.search-action:hover span{text-decoration:underline;text-underline-offset:4px}
.brand{width:172px;height:21px}.branding-logo-image{width:172px;height:21px;fill:#000}
.header-actions{justify-self:end;display:flex;align-items:center;gap:24px}.header-actions svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1}.header-actions svg path{fill:currentColor;stroke:none}
.search-action{display:flex;align-items:center;gap:6px;margin-right:4px}.search-action svg{width:16px;height:16px}.icon-button{width:20px;height:24px;display:flex;align-items:center;justify-content:center}.icon-button svg{width:16px;height:16px}.header-actions .icon-button:last-child svg{width:18px;height:18px}
.mobile-menu-trigger{display:none}.mobile-nav{display:none}
.product-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;min-height:900px}
.product-panel{height:900px;position:relative;text-align:center;display:flex;flex-direction:column;align-items:center}
.product-panel h1{position:absolute;top:80px;left:50%;transform:translateX(-50%);width:400px;margin:0;text-align:center;font-size:16px;font-weight:400;line-height:22.4px;letter-spacing:2.4px}
.desktop-product-image{position:absolute;top:157px;left:50%;transform:translateX(-50%);width:400px;height:400px;object-fit:contain}
.mobile-gallery{display:none}
.price{position:absolute;top:603px;left:0;width:100%;font-size:14px}.price del{color:#777;margin-right:4px}
.discount{position:absolute;top:661px;left:calc(50% - 200px);margin:0;color:#777;font-size:14px}
.purchase-row{position:absolute;top:720px;left:50%;transform:translateX(-50%);height:42px;display:flex;align-items:stretch}
.add-button{height:42px;display:flex;align-items:center;gap:10px;background:#000;color:#fff;padding:0 15px;white-space:nowrap}.add-button svg{width:16px;height:16px;fill:currentColor}.quantity{height:42px;display:flex;align-items:center;background:#000;color:#fff}.quantity button,.quantity output{width:31px;text-align:center;display:block}.quantity button{font-size:20px;font-weight:300}.quantity output{font-size:14px}.save-button{width:42px;height:42px;border:1px solid #cacaca;background:#fff;display:flex;align-items:center;justify-content:center}.save-button svg{width:24px;height:24px;fill:none;stroke:#000}.save-button .heart-fill{fill:transparent;stroke:currentColor}.save-button[aria-pressed="true"] .heart-fill{fill:#000}
.benefits{position:absolute;top:809px;left:0;right:0;width:max-content;max-width:calc(100% - 48px);height:24px;overflow:hidden;margin:0 auto;padding:0;list-style:none;font-size:12px;text-align:left}.benefits li{min-height:24px;display:flex;align-items:center;justify-content:flex-start;gap:10px}.benefits li:not(:first-child){display:none}.benefits svg,.benefits-mobile svg{width:16px;height:16px;flex:0 0 16px;fill:#1c1b1f}.benefits span,.benefits-mobile span{white-space:nowrap}.mobile-benefits-slot,.benefits-mobile{display:none}
.lifestyle-panel{height:745px;overflow:hidden;position:relative}.lifestyle-panel>img{width:100%;height:705px;object-fit:cover}.desktop-gallery-controls{height:40px;display:flex;align-items:center;justify-content:center;gap:15px;background:#fff}.desktop-gallery-controls button{width:22px;height:22px}.desktop-gallery-controls button:first-child{transform:rotate(180deg)}.desktop-gallery-controls svg{width:16px;height:16px;fill:#000}.desktop-gallery-controls button:disabled{opacity:.1}
.details-section{max-width:1155px;margin:0 auto;padding:33px 0 84px;display:grid;grid-template-columns:440px 440px;justify-content:space-between;gap:120px;min-height:515px}
.description-copy h2{font-weight:400;font-size:24px;line-height:36px;letter-spacing:3.6px;margin:0 0 98px 124px}.description-copy p{font-size:14px;line-height:18px;margin:0 0 4px}.description-copy p:last-child{max-height:128px;overflow:hidden}
.detail-buttons{padding-top:101px}.detail-buttons button{height:81px;width:100%;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1.8px;text-align:left}.detail-buttons button:focus{outline:none;border-bottom-color:#000}.detail-buttons button:first-child{border-top:0}.detail-buttons button svg{width:16px;height:16px;flex:0 0 16px;fill:#000}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.recommendations{min-height:720px;padding:80px 0 105px;display:grid;grid-template-columns:50% 50%;overflow:hidden}
.recommendations-heading{display:flex;justify-content:center;padding-top:105px}.recommendations-heading h2{font-size:16px;font-weight:400;letter-spacing:2.4px;margin:0}
.recommendations-carousel{position:relative;min-width:0}.recommendations-track{display:flex;gap:25px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.recommendations-track::-webkit-scrollbar{display:none}.product-card{width:432px;flex:0 0 432px;scroll-snap-align:start}.card-media{width:432px;height:432px;background:#fbfaf8}.card-media img{width:100%;height:100%;object-fit:contain}.card-info{display:flex;justify-content:space-between;gap:18px;margin-top:17px}.card-info h3{font-size:14px;line-height:18px;font-weight:400;margin:0;max-width:265px}.card-info p{margin:0;white-space:nowrap}.card-info del{color:#777}.product-card small{display:block;font-size:12px;color:#666;margin-top:18px}
.recommendation-controls{display:flex;gap:18px;align-items:center;justify-content:flex-end;padding:23px 52px 0 0;font-size:14px}.recommendation-controls button{font-size:30px;line-height:1}.recommendation-controls button:disabled{opacity:.25}
.breadcrumbs{height:58px;display:flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;font-size:12px;border-top:1px solid #eee;overflow-x:auto;padding:0 20px}.breadcrumbs button{text-align:left}.breadcrumbs span:last-child{font-weight:500}
.footer-body{background:var(--footer);min-height:923px;padding:72px 32px 25px;position:relative}.footer-mark{display:flex;flex-direction:column;align-items:center}.footer-mark img{width:112px;height:123px;object-fit:contain}.footer-mark p{margin:38px 0 0}.footer-grid{display:grid;grid-template-columns:1fr 1.1fr 1fr 1.1fr;gap:48px;margin-top:128px}.footer-group.withdrawal{grid-column:1}.footer-heading{width:100%;text-align:left;font-size:16px;letter-spacing:2.4px;margin-bottom:27px}.footer-chevron{display:none}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-links button{text-align:left;font-size:14px;line-height:18px}.join{grid-column:4;grid-row:1}.join h2{font-size:16px;font-weight:400;letter-spacing:2.4px;margin:0 0 28px}.join button{font-size:12px;letter-spacing:1.8px;border-bottom:1px solid #aaa;padding-bottom:4px}.back-to-top{position:absolute;right:34px;bottom:76px;font-size:12px;letter-spacing:1.2px}.footer-bottom{position:absolute;left:32px;right:32px;bottom:25px;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1px}.footer-bottom p{margin:0}.footer-bottom p span{margin:0 8px}.socials{display:flex;gap:32px}.socials button{font-size:14px}
.detail-dialog{position:fixed;inset:0 0 auto auto;padding:0;border:0;width:100vw;max-width:640px;height:100dvh;max-height:none;margin:0;background:#fff;overflow-y:auto;transform:translateX(0)}.detail-dialog[open]:not([data-closing="true"]){animation:drawer-open .6s cubic-bezier(.16,1,.3,1) forwards}.detail-dialog[data-closing="true"]{animation:drawer-close .35s cubic-bezier(.16,1,.3,1) forwards}.detail-dialog::backdrop{background:#000;opacity:0}.detail-dialog[open]:not([data-closing="true"])::backdrop{animation:drawer-backdrop-in .35s cubic-bezier(.6,0,0,1) forwards}.detail-dialog[data-closing="true"]::backdrop{animation:drawer-backdrop-out .35s cubic-bezier(.6,0,0,1) forwards}.dialog-close{position:fixed;top:12px;left:14px;width:57px;height:40px;border:2px solid #000;border-radius:0;display:flex;align-items:center;justify-content:center;z-index:2;font-size:14px;line-height:1}.dialog-content{width:calc(100% - 17px);min-height:100%;padding:72px 24px;display:flex;flex-direction:column;align-items:center}.dialog-content h2{font-size:16px;font-weight:400;line-height:22.4px;letter-spacing:2.4px;margin:0 0 88px;text-align:center}.dialog-content>div{width:min(660px,100%);font-size:16px;line-height:24px}.dialog-content p{margin:0}.dialog-content ul{padding-left:16px;margin:0}.dialog-content li{margin:0}.drawer-specs{display:grid;grid-template-columns:2fr 1fr;gap:15px;margin:0;font-size:12px}.drawer-specs dt{text-align:left}.drawer-specs dd{margin:0;text-align:right}.dialog-inline-link{text-decoration:underline;text-underline-offset:3px}@keyframes drawer-open{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes drawer-close{from{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes drawer-backdrop-in{from{opacity:0}to{opacity:.4}}@keyframes drawer-backdrop-out{from{opacity:.4}to{opacity:0}}
.toast{position:fixed;z-index:90;left:50%;bottom:24px;transform:translate(-50%,130%);background:#000;color:#fff;padding:12px 18px;transition:transform .25s ease;white-space:nowrap;max-width:calc(100vw - 32px);overflow:hidden;text-overflow:ellipsis}.toast.show{transform:translate(-50%,0)}
@media (max-width:767px){
  .promo-bar{height:38px}.promo-link{font-size:12px;line-height:15px;letter-spacing:1.8px;white-space:normal;text-align:center;max-width:300px}
  .nav-bar{height:68px;padding:0 24px;grid-template-columns:1fr auto 1fr}.desktop-nav,.desktop-action,.search-action{display:none}.mobile-menu-trigger{display:flex;justify-self:start;width:24px;height:24px}.mobile-menu-trigger svg{width:24px;height:24px}.brand,.branding-logo-image{width:172px;height:21px}.header-actions{gap:0}.header-actions .icon-button:last-child{width:24px}.header-actions .icon-button:last-child svg{width:24px;height:24px}
  .mobile-nav{display:block;position:fixed;inset:0;z-index:50;background:var(--menu);transform:translateX(-100%);transition:transform .25s ease;padding:0 20px}.mobile-nav.open{transform:translateX(0)}.menu-close{position:absolute;top:8px;left:12px;width:40px;height:40px;border:1px solid #000;border-radius:50%;display:flex;align-items:center;justify-content:center}.menu-close svg{width:20px;height:20px}.mobile-nav-tools{position:absolute;top:16px;right:20px;display:flex;gap:16px}.mobile-nav-tools button,.mobile-nav-tools svg{width:24px;height:24px}.mobile-nav-tools svg{fill:none;stroke:#000}.mobile-nav-tools path{fill:#000;stroke:none}.mobile-nav-links{position:absolute;left:20px;top:92px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.mobile-nav-links button{font-size:18px;line-height:22.5px;letter-spacing:1.8px}.mobile-locale{position:absolute;left:20px;bottom:28px;font-size:14px;letter-spacing:1.4px}
  .product-grid{display:block;min-height:780px}.product-panel{height:auto;min-height:780px;display:block}.product-panel h1{position:absolute;top:508px;left:24px;transform:none;width:calc(100% - 48px);font-size:14px;line-height:21px;letter-spacing:2.1px}.desktop-product-image{display:none}.mobile-gallery{display:block;padding-top:21px}.gallery-frame{width:calc(100vw - 2px);height:calc(100vw - 2px);max-height:373px;max-width:373px;margin:0 auto}.gallery-frame img{width:100%;height:100%;object-fit:contain}.gallery-controls{height:84px;display:flex;align-items:flex-end;justify-content:center;gap:12px;padding-bottom:17px}.gallery-controls button{width:22px;height:22px}.gallery-controls button:first-child{transform:rotate(180deg)}.gallery-controls svg{width:16px;height:16px;fill:#000}.gallery-controls button:disabled{opacity:.08}.gallery-controls span{font-size:14px}
  .price{top:594px;font-size:14px}.discount{top:641px;left:24px}.purchase-row{top:670px;height:42px}.add-button{height:42px;padding:0 13px}.quantity{height:42px}.quantity button,.quantity output{width:31px}.save-button{width:42px;height:42px}.benefits{display:none}.lifestyle-panel{display:none}.desktop-gallery-controls{display:none}
  .details-section{display:block;min-height:680px;margin:0;padding:64px 24px}.description-copy h2{text-align:center;font-size:20px;line-height:30px;letter-spacing:3px;margin:0 0 32px}.description-copy p{font-size:14px;line-height:19px}.description-copy p:last-child{max-height:none}.mobile-benefits-slot{display:block;margin-top:48px}.benefits-mobile{display:block;width:100%;margin:0;padding:0;list-style:none;font-size:14px;line-height:1.4;text-align:left}.benefits-mobile li{min-height:20px;display:flex;align-items:center;gap:10px}.benefits-mobile li+li{margin-top:8px}.benefits-mobile span{min-width:0;white-space:normal}.detail-buttons{padding-top:48px}.detail-buttons button{height:81px}
  .recommendations{display:block;min-height:600px;padding:62px 0 74px}.recommendations-heading{padding:0 0 54px}.recommendations-heading h2{font-size:16px;letter-spacing:2.4px}.recommendations-carousel{padding-left:24px}.recommendations-track{gap:16px;padding-right:24px}.product-card{width:313px;flex-basis:313px}.card-media{width:313px;height:313px}.card-info{margin-top:16px;display:block}.card-info h3{font-size:14px;line-height:18px}.card-info p{margin-top:8px}.product-card small{margin-top:14px}.recommendation-controls{justify-content:center;padding:24px 24px 0 0}
  .breadcrumbs{justify-content:flex-start;height:58px;padding:0 24px}.footer-body{min-height:850px;padding:61px 24px 24px}.footer-mark img{width:112px;height:123px}.footer-mark p{margin-top:28px}.footer-grid{display:flex;flex-direction:column;gap:0;margin-top:58px}.footer-group{border-bottom:1px solid rgba(0,0,0,.16)}.footer-heading{height:55px;margin:0;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:1.8px}.footer-chevron{display:block;font-size:18px;transition:transform .2s}.footer-heading[aria-expanded="true"] .footer-chevron{transform:rotate(180deg)}.footer-links{display:none;padding:0 0 20px;gap:10px}.footer-heading[aria-expanded="true"]+.footer-links{display:flex}.join{order:-1;text-align:center;margin-bottom:35px}.join h2{font-size:14px;letter-spacing:2.1px;margin-bottom:16px}.withdrawal{order:4}.back-to-top{position:static;display:flex;justify-content:space-between;width:100%;margin-top:30px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.16)}.footer-bottom{position:static;margin-top:25px;display:block;text-align:center}.socials{display:none}
  .dialog-content{padding-top:70px}.dialog-content h2{font-size:14px;line-height:24px;letter-spacing:2.1px;margin-bottom:58px}.dialog-content>div{font-size:14px;line-height:21px}.toast{font-size:12px}
}
@media (min-width:768px){.detail-dialog{max-width:423px}}
@media (prefers-reduced-motion:reduce){.detail-dialog[open]:not([data-closing="true"]),.detail-dialog[data-closing="true"],.detail-dialog[open]:not([data-closing="true"])::backdrop,.detail-dialog[data-closing="true"]::backdrop{animation:none}.detail-dialog::backdrop{opacity:.4}}
@media (min-width:1441px){.product-panel h1,.desktop-product-image{left:50%}.details-section{max-width:1200px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}