@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_c15e96cb-module__0bjUvq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_c15e96cb-module__0bjUvq__variable{--font-inter:"Inter","Inter Fallback"}
:root{--color-canvas-mist:#f6f8f7;--color-ink-black:#000;--color-carbon:#0f0e12;--color-steel-gray:#e5e5e5;--color-graphite:#b2b2b2;--color-link:#0071bb;--bg:var(--color-canvas-mist);--surface:#fff;--border:var(--color-steel-gray);--border-soft:var(--color-steel-gray);--text-primary:var(--color-ink-black);--text-secondary:#494949;--text-muted:#737373;--accent-brand:var(--color-ink-black);--accent-brand-soft:#eee;--accent-brand-mid:var(--color-graphite);--font-sans:var(--font-inter),"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-serif:var(--font-sans);--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--radius-pill:0px;--page-pad:clamp(20px,5vw,66px);--page-max:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0;box-shadow:none!important;border-radius:0!important}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{background:var(--bg);color:var(--text-primary);font-family:var(--font-sans);letter-spacing:0;-webkit-font-smoothing:antialiased;font-size:13px;font-weight:300;line-height:1.5;overflow-x:hidden}main{background:var(--bg)!important}h1,h2,h3,h4,h5,h6,b,strong,a,button{font-family:var(--font-sans)!important;font-weight:300!important}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}button,input,select,textarea{font:inherit;border-radius:0}::selection{background:var(--color-carbon);color:var(--color-canvas-mist)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--color-graphite)}.site-header{z-index:100;height:66px;padding:0 var(--page-pad);background:var(--bg);color:var(--color-ink-black);border-block:1px solid var(--color-steel-gray);justify-content:space-between;align-items:stretch;display:flex;position:relative}.site-header.is-scrolled{background:var(--bg);border-color:var(--color-steel-gray)}.site-logo{color:inherit;align-items:center;gap:15px;display:inline-flex}.site-logo:hover{text-decoration:none}.site-logo-mark{width:29px;height:29px;color:inherit;letter-spacing:-.04em;background:0 0;border:1px solid;place-items:center;font-size:10px;display:grid;font-weight:300!important}.site-logo-name{letter-spacing:-.04em;font-size:19px;line-height:1;display:block;font-weight:300!important}.site-logo-kicker{letter-spacing:.08em;color:var(--text-muted);margin-top:5px;font-size:9px;line-height:1;display:block;font-weight:300!important}.header-actions,.desktop-nav{align-items:stretch;display:flex}.desktop-nav{border-left:1px solid var(--color-steel-gray)}.desktop-nav a{border-right:1px solid var(--color-steel-gray);min-width:72px;color:var(--color-ink-black);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 15px 7px;font-size:11px;display:flex}.desktop-nav a span{font-size:15px;line-height:1}.desktop-nav a:hover,.header-search:hover{background:#fff;text-decoration:none}.header-search{border-right:1px solid var(--color-steel-gray);width:66px;color:var(--color-ink-black);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;display:flex}.header-search svg{stroke-width:1px;width:17px;height:17px}.mobile-toggle{border:0;border-left:1px solid var(--color-steel-gray);background:0 0;width:50px;padding:14px;display:none}.mobile-toggle span{background:var(--color-ink-black);height:1px;margin:5px 0;display:block}.mobile-menu{padding:0 var(--page-pad);background:var(--bg);border-bottom:1px solid var(--color-ink-black);position:absolute;top:65px;left:0;right:0}.mobile-menu a{border-bottom:1px solid var(--color-steel-gray);justify-content:space-between;padding:15px 0;font-size:13px;display:flex}.op-topline{height:27px;padding:0 var(--page-pad);background:var(--color-carbon);color:var(--color-graphite);letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:9px;display:flex}.op-hero{background:var(--color-carbon);min-height:590px;color:var(--color-canvas-mist);border-bottom:1px solid #2a292d;grid-template-columns:minmax(310px,.8fr) minmax(0,1.2fr);display:grid}.op-hero-copy{padding:66px var(--page-pad);border-right:1px solid #2a292d;flex-direction:column;justify-content:center;display:flex}.op-eyebrow{color:var(--color-graphite);letter-spacing:.06em;align-items:center;gap:15px;font-size:11px;display:flex}.op-eyebrow span{color:var(--color-canvas-mist)}.op-hero h1{letter-spacing:-.045em;color:var(--color-canvas-mist);margin-top:33px;font-size:clamp(40px,5.1vw,68px);line-height:1.05}.op-hero-lead{max-width:42ch;color:var(--color-graphite);margin-top:33px;font-size:13px;line-height:1.75}.op-stats{border-top:1px solid #38373b;grid-template-columns:repeat(3,1fr);margin-top:66px;display:grid}.op-stats div{border-right:1px solid #38373b;padding:15px 10px 0 0}.op-stats div+div{padding-left:15px}.op-stats strong{color:var(--color-canvas-mist);font-size:24px;line-height:1;display:block}.op-stats span{color:var(--color-graphite);margin-top:7px;font-size:10px;display:block}.op-hero-display{background:#18171b;min-height:590px;position:relative;overflow:hidden}.op-hero-display:after{content:"";border:15px solid var(--color-carbon);pointer-events:none;position:absolute;inset:0}.op-hero-display img{filter:saturate(.72)contrast(.95)}.op-display-placeholder{color:#303034;letter-spacing:-.09em;place-content:center;height:100%;font-size:clamp(70px,11vw,160px);line-height:.72;display:grid}.op-display-caption{z-index:2;color:var(--color-graphite);letter-spacing:.04em;justify-content:space-between;font-size:11px;display:flex;position:absolute;inset:auto 33px 29px}.op-display-caption a{color:var(--color-canvas-mist)}.op-search-band{padding:33px var(--page-pad);border-bottom:1px solid var(--color-ink-black);background:var(--bg)}.op-search-panel{width:min(var(--page-max),100%);grid-template-columns:.7fr 1.3fr;column-gap:33px;margin:0 auto;display:grid}.op-panel-heading{border-right:1px solid var(--color-steel-gray);padding-right:33px}.op-panel-heading span{color:var(--text-muted);letter-spacing:.08em;font-size:10px;display:block}.op-panel-heading b{margin-top:15px;font-size:24px;line-height:1.15;display:block}.op-search-form{grid-template-columns:1.2fr 1fr auto;gap:0;display:grid}.op-search-form label{gap:7px;display:grid}.op-search-form label>span{color:var(--text-muted);font-size:10px}.op-search-form input,.op-search-form select{border:1px solid var(--color-steel-gray);width:100%;height:44px;color:var(--color-ink-black);background:#fff;border-right:0;padding:0 15px;font-size:13px}.op-search-form button{border:1px solid var(--color-carbon);background:var(--color-carbon);min-width:145px;height:44px;color:var(--color-canvas-mist);cursor:pointer;justify-content:space-between;align-self:end;align-items:center;padding:0 15px;display:flex}.op-suggestions{flex-wrap:wrap;grid-column:2;align-items:center;gap:15px;margin-top:15px;display:flex}.op-suggestions>span{color:var(--text-muted);letter-spacing:.08em;font-size:9px}.op-suggestions a{color:var(--color-link);font-size:11px}.op-search-note{border-top:1px solid var(--color-steel-gray);color:var(--text-muted);grid-column:2;margin-top:15px;padding-top:15px;font-size:10px}.op-section{padding:66px var(--page-pad)}.op-section-heading{width:min(var(--page-max),100%);justify-content:space-between;align-items:end;gap:33px;margin:0 auto 33px;display:flex}.op-section h2{letter-spacing:-.035em;margin-top:15px;font-size:clamp(26px,3vw,40px);line-height:1.11}.op-arrow-link{color:var(--color-link);white-space:nowrap;font-size:13px}.op-arrow-link span{color:inherit}.op-categories{background:var(--bg);color:var(--color-ink-black)}.op-category-grid{width:min(var(--page-max),100%);border-top:1px solid var(--color-ink-black);border-left:1px solid var(--color-steel-gray);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid}.op-category-card{border-right:1px solid var(--color-steel-gray);border-bottom:1px solid var(--color-steel-gray);flex-direction:column;min-height:190px;padding:15px;display:flex;position:relative}.op-category-card:hover{background:#fff;text-decoration:none}.op-category-num{color:var(--color-graphite);font-size:11px}.op-category-card h3{margin-top:auto;font-size:19px;line-height:1.15}.op-category-card p{max-width:28ch;color:var(--text-muted);margin-top:8px;padding-right:22px;font-size:13px}.op-card-arrow{color:var(--color-link);position:absolute;bottom:15px;right:15px}.op-featured{border-block:1px solid var(--color-steel-gray);background:#fff}.op-featured-grid{width:min(var(--page-max),100%);border-left:1px solid var(--color-steel-gray);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid}.op-shop-card{border-right:1px solid var(--color-steel-gray);border-bottom:1px solid var(--color-steel-gray);background:var(--bg)}.op-shop-image{aspect-ratio:1.15;background:#ededed;display:block;position:relative;overflow:hidden}.op-shop-image img{filter:saturate(.78);transition:transform .35s}.op-shop-card:hover .op-shop-image img{transform:scale(1.015)}.op-shop-image>span:not(.op-image-index){color:var(--color-graphite);padding:15px;font-size:19px;line-height:1;display:block}.op-image-index{background:var(--color-carbon);color:var(--color-canvas-mist);padding:6px 9px;font-size:10px;position:absolute;bottom:0;left:0}.op-shop-body{padding:15px}.op-shop-meta{color:var(--text-muted);justify-content:space-between;gap:15px;font-size:10px;display:flex}.op-shop-body h3{margin-top:15px;font-size:19px}.op-shop-body>p{min-height:4.5em;color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:8px;font-size:13px;display:-webkit-box;overflow:hidden}.op-shop-bottom{border-top:1px solid var(--color-steel-gray);color:var(--text-muted);justify-content:space-between;gap:15px;margin-top:15px;padding-top:15px;font-size:11px;display:flex}.op-shop-bottom a{color:var(--color-link)}.op-paths{background:var(--color-carbon);color:var(--color-canvas-mist)}.op-paths .op-eyebrow{width:min(var(--page-max),100%);margin:0 auto}.op-path-grid{width:min(var(--page-max),100%);border-top:1px solid #353438;border-left:1px solid #353438;grid-template-columns:repeat(3,1fr);margin:33px auto 0;display:grid}.op-path-grid>a{border-bottom:1px solid #353438;border-right:1px solid #353438;flex-direction:column;min-height:270px;padding:22px;display:flex}.op-path-grid>a:hover{background:#17161a;text-decoration:none}.op-path-grid>a>span{color:var(--color-graphite);letter-spacing:.08em;font-size:10px}.op-path-grid h2{color:var(--color-canvas-mist);margin-top:auto;font-size:26px}.op-path-grid p{max-width:29ch;color:var(--color-graphite);margin-top:15px;font-size:13px}.op-path-grid b{color:var(--color-canvas-mist);justify-content:space-between;margin-top:22px;font-size:11px;display:flex}.op-path-grid i{color:var(--color-link);font-style:normal}.site-footer{padding:33px var(--page-pad)22px;background:var(--color-carbon);color:var(--color-canvas-mist);border-top:1px solid #353438}.footer-main{width:min(var(--page-max),100%);grid-template-columns:2fr 1fr 1fr;gap:33px;margin:0 auto;display:grid}.footer-brand .site-logo{color:var(--color-canvas-mist)}.footer-brand .site-logo-kicker,.footer-brand>p{color:var(--color-graphite)}.footer-brand>p{max-width:38ch;margin-top:22px;font-size:13px}.footer-links{flex-direction:column;gap:8px;display:flex}.footer-links p{color:var(--color-graphite);letter-spacing:.08em;margin-bottom:7px;font-size:10px}.footer-links a{font-size:13px}.footer-bottom{width:min(var(--page-max),100%);color:var(--color-graphite);border-top:1px solid #353438;justify-content:space-between;margin:33px auto 0;padding-top:15px;font-size:10px;display:flex}.footer-bottom a{color:var(--color-canvas-mist)}.container{width:min(var(--page-max),100%);padding-inline:var(--page-pad);margin:0 auto}.tag,.section-label{color:var(--text-muted);border:1px solid var(--color-steel-gray);background:0 0;padding:5px 8px;font-size:11px}.section-title{font-size:clamp(26px,4vw,40px);line-height:1.11}.btn,.article-cta-btn,.cta-button{border:1px solid var(--color-ink-black);color:var(--color-ink-black);background:0 0;align-items:center;gap:8px;padding:10px 15px;font-size:13px;transition:none;display:inline-flex}.btn-primary,.article-cta-btn,.cta-button{background:var(--color-carbon);color:var(--color-canvas-mist)}.card{border:1px solid var(--color-steel-gray);background:#fff}.card:hover{border-color:var(--color-ink-black);transform:none}.divider{border:0;border-top:1px solid var(--color-steel-gray)}.brand-index-link:hover,.brand-link-card:hover,.guide-footer-btn:hover{box-shadow:none!important;transform:none!important}.brand-link-card,.shop-card,.visual-card,.policy-card,.search-card-mini{border-color:var(--color-steel-gray)!important}.cat-tab{box-shadow:none!important;border-radius:0!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:900px){.desktop-nav{display:none}.mobile-toggle{display:block}.header-search{border-left:1px solid var(--color-steel-gray);margin-left:auto}.op-hero{grid-template-columns:1fr}.op-hero-copy{border-bottom:1px solid #2a292d;border-right:0;min-height:500px}.op-hero-display{min-height:480px}.op-search-panel{grid-template-columns:1fr}.op-panel-heading{border-right:0;border-bottom:1px solid var(--color-steel-gray);padding:0 0 22px}.op-search-form{margin-top:22px}.op-suggestions,.op-search-note{grid-column:1}.op-category-grid,.op-featured-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.site-header{height:60px}.site-logo-name{font-size:16px}.site-logo-kicker{display:none}.mobile-menu{top:59px}.op-topline{font-size:8px}.op-topline span:last-child{display:none}.op-hero-copy{min-height:470px;padding-block:55px}.op-hero h1{font-size:40px}.op-hero-display{min-height:340px}.op-display-caption{inset:auto 22px 22px}.op-stats{margin-top:44px}.op-search-form{grid-template-columns:1fr}.op-search-form input,.op-search-form select{border-right:1px solid var(--color-steel-gray);border-bottom:0}.op-search-form button{width:100%}.op-section-heading{flex-direction:column;align-items:start;gap:15px}.op-category-grid,.op-featured-grid,.op-path-grid{grid-template-columns:1fr}.op-category-card{min-height:155px}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{border-bottom:1px solid #353438;grid-column:span 2;padding-bottom:22px}.footer-bottom{flex-direction:column;gap:8px}}
