@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"}
@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/65c558afe41e89d6-s.e2c8389a.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/14e23f9b59180572-s.9c448f3c.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:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/b49b0d9b851e4899-s.4f3fa681.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:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/2a65768255d6b625-s.p.d19752fb.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:Playfair Display Fallback;src:local(Times New Roman);ascent-override:97.25%;descent-override:22.56%;line-gap-override:0.0%;size-adjust:111.26%}.playfair_display_fed1534a-module__F9WnGq__className{font-family:Playfair Display,Playfair Display Fallback;font-style:normal}.playfair_display_fed1534a-module__F9WnGq__variable{--font-playfair:"Playfair Display","Playfair Display Fallback"}
:root{--bg:#f4f0e8;--surface:#fffdf8;--border:#c9c0b2;--border-soft:#e2dbcf;--text-primary:#14233b;--text-secondary:#5d625f;--text-muted:#85847d;--accent-brand:#bb452e;--accent-brand-soft:#f2ded5;--accent-brand-mid:#e4b9aa;--font-sans:var(--font-inter),"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-serif:var(--font-playfair),"Noto Serif JP","Source Han Serif JP",Georgia,serif;--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-pill:9999px}footer,.article-content,.featured-shops-section,.categories-entry-section{content-visibility:auto;contain-intrinsic-size:1px 1000px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{background-color:var(--bg);color:var(--text-primary);font-family:var(--font-sans);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.6;overflow-x:hidden}.site-header{z-index:100;color:#14233b;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(1.25rem,5vw,4.5rem);transition:background .25s,border-color .25s;display:flex;position:fixed;inset:0 0 auto}.site-header.is-scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f0e8f0;border-color:#c9c0b2}.site-logo{color:inherit;align-items:center;gap:.7rem;display:inline-flex}.site-logo-mark{color:#fffdf8;letter-spacing:-.06em;background:#bb452e;place-items:center;width:32px;height:32px;font-size:.66rem;font-weight:800;display:grid}.site-logo-name{letter-spacing:-.055em;font-size:1rem;font-weight:800;line-height:1;display:block}.site-logo-kicker{letter-spacing:.13em;color:#69717a;margin-top:.28rem;font-size:.48rem;font-weight:800;line-height:1;display:block}.header-actions,.desktop-nav{align-items:center;display:flex}.desktop-nav{gap:clamp(.65rem,2vw,1.65rem)}.desktop-nav a{letter-spacing:.01em;color:#344155;font-size:.77rem;font-weight:700}.desktop-nav a:hover{color:#bb452e}.header-search{color:#14233b;border-left:1px solid #bdb3a4;align-items:center;gap:.4rem;margin-left:clamp(1rem,2.5vw,2rem);padding-left:clamp(1rem,2.5vw,2rem);font-size:.75rem;font-weight:800;display:flex}.mobile-toggle{background:0 0;border:1px solid #14233b;width:38px;height:38px;margin-left:.65rem;padding:9px;display:none}.mobile-toggle span{background:#14233b;height:1px;margin:4px 0;display:block}.mobile-menu{background:#f4f0e8;border-bottom:1px solid #c9c0b2;padding:.6rem clamp(1.25rem,5vw,4.5rem) 1.2rem;position:fixed;top:72px;left:0;right:0}.mobile-menu a{border-bottom:1px solid #d9d0c2;justify-content:space-between;padding:.95rem 0;font-weight:700;display:flex}.op-topline{color:#f5e5bf;letter-spacing:.15em;background:#14233b;justify-content:space-between;align-items:center;height:32px;padding:0 clamp(1.25rem,5vw,4.5rem);font-size:.58rem;font-weight:800;display:flex}.op-hero{background:#f4f0e8;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:center;gap:clamp(2.5rem,8vw,9rem);min-height:690px;padding:160px clamp(1.25rem,5vw,4.5rem) 80px;display:grid;position:relative;overflow:hidden}.op-hero:before{content:"OP";font-family:var(--font-serif);color:#e8dfd0;letter-spacing:-.14em;pointer-events:none;font-size:min(48vw,47rem);font-weight:800;line-height:.7;position:absolute;bottom:-11vw;right:-3vw}.op-hero-copy,.op-search-panel{z-index:1;position:relative}.op-eyebrow{color:#627084;letter-spacing:.12em;align-items:center;gap:.65rem;font-size:.62rem;font-weight:800;display:flex}.op-eyebrow span{color:#bb452e}.op-hero h1,.op-section h2,.op-path-grid h2{font-family:var(--font-serif);color:#14233b;letter-spacing:-.075em;font-weight:700}.op-hero h1{margin-top:1.3rem;font-size:clamp(3.5rem,7.2vw,7.1rem);line-height:.98}.op-hero h1 em{color:#bb452e;font-style:normal}.op-hero-lead{color:#52606b;max-width:41ch;margin-top:1.8rem;font-size:.98rem;line-height:2}.op-stats{gap:0;margin-top:3rem;display:flex}.op-stats div{border-left:1px solid #bfb6a8;padding:0 1.3rem}.op-stats div:first-child{border-left:0;padding-left:0}.op-stats strong{font-family:var(--font-serif);letter-spacing:-.07em;font-size:2.15rem;line-height:1;display:block}.op-stats span{letter-spacing:.1em;color:#707776;margin-top:.45rem;font-size:.6rem;font-weight:800;display:block}.op-search-panel{background:#fffdf8;border-top:5px solid #bb452e;padding:clamp(1.3rem,3vw,2rem);box-shadow:12px 12px #14233b}.op-panel-heading{border-bottom:1px solid #c9c0b2;flex-direction:column;gap:.35rem;padding-bottom:1.4rem;display:flex}.op-panel-heading span{color:#bb452e;letter-spacing:.14em;font-size:.64rem;font-weight:800}.op-panel-heading b{letter-spacing:-.035em;font-size:1.2rem}.op-search-form{gap:1rem;margin-top:1.4rem;display:grid}.op-search-form label{gap:.38rem;display:grid}.op-search-form label>span{letter-spacing:.08em;color:#5d6875;font-size:.65rem;font-weight:800}.op-search-form input,.op-search-form select{color:#14233b;width:100%;height:47px;font:inherit;background:#fffdf8;border:1px solid #bdb3a4;border-radius:0;padding:0 .8rem;font-size:.85rem}.op-search-form button{color:#fffdf8;height:49px;font:inherit;cursor:pointer;background:#14233b;border:none;justify-content:space-between;align-items:center;padding:0 1rem;font-size:.82rem;font-weight:800;display:flex}.op-search-form button span{color:#f5e5bf;font-size:1.3rem}.op-suggestions{flex-wrap:wrap;align-items:center;gap:.48rem;margin-top:1.35rem;display:flex}.op-suggestions>span{color:#687482;letter-spacing:.1em;margin-right:.2rem;font-size:.56rem;font-weight:800}.op-suggestions a{background:#eee8dc;padding:.33rem .5rem;font-size:.68rem;font-weight:700}.op-suggestions a:hover{color:#9f341f;background:#f2ded5}.op-search-note{color:#727770;border-top:1px solid #e1d9cd;margin-top:1.2rem;padding-top:1rem;font-size:.66rem;line-height:1.65}.op-section{padding:clamp(4.5rem,9vw,8rem) clamp(1.25rem,5vw,4.5rem)}.op-section-heading{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:clamp(2rem,5vw,4.4rem);display:flex}.op-section h2{margin-top:1rem;font-size:clamp(2.4rem,5vw,5rem);line-height:1}.op-arrow-link{white-space:nowrap;border-bottom:1px solid #14233b;align-items:center;gap:1rem;padding-bottom:.45rem;font-size:.76rem;font-weight:800;display:inline-flex}.op-arrow-link span{color:#bb452e;font-size:1.2rem}.op-categories{color:#fffdf8;background:#14233b}.op-categories .op-eyebrow{color:#b7c4d4}.op-categories h2{color:#fffdf8}.op-categories .op-arrow-link{border-color:#f5e5bf}.op-categories .op-arrow-link span{color:#f5e5bf}.op-category-grid{border-top:1px solid #536174;border-left:1px solid #536174;grid-template-columns:repeat(3,1fr);display:grid}.op-category-card{border-bottom:1px solid #536174;border-right:1px solid #536174;flex-direction:column;min-height:215px;padding:1.3rem;transition:background .2s;display:flex;position:relative}.op-category-card:hover{background:#20334f}.op-category-num{color:#e7a890;letter-spacing:.12em;font-size:.63rem;font-weight:800}.op-category-card h3{letter-spacing:-.03em;margin-top:auto;font-size:1.08rem;line-height:1.3}.op-category-card p{color:#bbc5ce;margin-top:.5rem;padding-right:1rem;font-size:.78rem;line-height:1.6}.op-card-arrow{color:#f5e5bf;font-size:1.3rem;position:absolute;bottom:1.1rem;right:1.3rem}.op-featured{background:#ede7dc}.op-featured-grid{grid-template-columns:repeat(3,1fr);gap:1.3rem;display:grid}.op-shop-card{background:#fffdf8;border-bottom:3px solid #14233b}.op-shop-image{aspect-ratio:1.18;background:#d9d0c2;display:block;position:relative;overflow:hidden}.op-shop-image img{transition:transform .35s}.op-shop-card:hover .op-shop-image img{transform:scale(1.04)}.op-shop-image>span:not(.op-image-index){font-family:var(--font-serif);color:#69717a;padding:1rem;font-size:1.4rem;line-height:.9;display:block}.op-image-index{color:#fffdf8;background:#bb452e;padding:.38rem .55rem;font-size:.65rem;font-weight:800;position:absolute;bottom:0;left:0}.op-shop-body{padding:1.2rem 1.25rem}.op-shop-meta{color:#687482;letter-spacing:.05em;flex-wrap:wrap;gap:.5rem;font-size:.61rem;font-weight:800;display:flex}.op-shop-meta span+span:before{content:"/";color:#bb452e;padding-right:.5rem}.op-shop-body h3{letter-spacing:-.035em;margin-top:.55rem;font-size:1.18rem;line-height:1.3}.op-shop-body>p{color:#627078;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:4.8em;margin-top:.7rem;font-size:.78rem;line-height:1.65;display:-webkit-box;overflow:hidden}.op-shop-bottom{color:#687482;border-top:1px solid #e2dbcf;justify-content:space-between;gap:.5rem;margin-top:1.15rem;padding-top:.7rem;font-size:.64rem;font-weight:800;display:flex}.op-shop-bottom a{color:#bb452e}.op-paths{background:#f4f0e8}.op-path-grid{background:#c9c0b2;border:1px solid #c9c0b2;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:2rem;display:grid}.op-path-grid>a{background:#f4f0e8;flex-direction:column;min-height:300px;padding:clamp(1.25rem,3vw,2.4rem);transition:background .2s;display:flex}.op-path-grid>a:hover{background:#f2ded5}.op-path-grid>a>span{letter-spacing:.12em;color:#bb452e;font-size:.61rem;font-weight:800}.op-path-grid h2{margin-top:auto;font-size:clamp(2rem,3vw,3.1rem);line-height:.97}.op-path-grid p{color:#5d6970;max-width:25ch;margin-top:1rem;font-size:.8rem;line-height:1.8}.op-path-grid b{justify-content:space-between;margin-top:1.5rem;font-size:.75rem;display:flex}.op-path-grid i{color:#bb452e;font-size:1.2rem;font-style:normal}.site-footer{color:#fffdf8;background:#14233b;padding:4rem clamp(1.25rem,5vw,4.5rem) 1.5rem}.footer-main{grid-template-columns:2fr 1fr 1fr;gap:2rem;max-width:1300px;margin:0 auto;display:grid}.footer-brand .site-logo{color:#fffdf8}.footer-brand .site-logo-kicker{color:#afbdca}.footer-brand>p{color:#c3ccd2;max-width:34ch;margin-top:1.3rem;font-size:.82rem;line-height:1.85}.footer-links{flex-direction:column;gap:.65rem;display:flex}.footer-links p{color:#e7a890;letter-spacing:.12em;margin-bottom:.4rem;font-size:.61rem;font-weight:800}.footer-links a{color:#dce2e5;font-size:.8rem;font-weight:600}.footer-links a:hover{color:#f5e5bf}.footer-bottom{color:#aab7c1;border-top:1px solid #405066;justify-content:space-between;max-width:1300px;margin:3rem auto 0;padding-top:1.2rem;font-size:.66rem;display:flex}.footer-bottom a{color:#f5e5bf;font-weight:700}@media (max-width:860px){.desktop-nav{display:none}.mobile-toggle{display:block}.header-search{border-left:0;margin-left:0;padding-left:0}.header-search span{display:none}.op-hero{grid-template-columns:1fr;min-height:auto;padding-top:130px}.op-hero:before{font-size:55vw;bottom:28%;right:-6vw}.op-search-panel{max-width:600px}.op-category-grid,.op-featured-grid,.op-path-grid{grid-template-columns:repeat(2,1fr)}.op-path-grid>a:last-child{grid-column:span 2;min-height:240px}}@media (max-width:580px){.site-header{height:64px}.mobile-menu{top:64px}.site-logo-name{font-size:.9rem}.op-topline{height:28px;font-size:.48rem}.op-hero{padding-top:105px;padding-bottom:60px}.op-hero h1{font-size:clamp(3.2rem,15vw,5rem)}.op-stats{margin-top:2.2rem}.op-stats div{padding:0 .75rem}.op-stats strong{font-size:1.65rem}.op-stats span{font-size:.5rem}.op-section-heading{flex-direction:column;align-items:start;gap:1.4rem}.op-category-grid,.op-featured-grid,.op-path-grid{grid-template-columns:1fr}.op-category-card{min-height:165px}.op-path-grid>a:last-child{grid-column:auto}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}.footer-bottom{flex-direction:column;gap:1rem}}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}::selection{background:var(--text-primary);color:var(--bg)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent-brand-mid);border-radius:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-up{animation:fadeUp .7s var(--ease-out)both}.fade-in{animation:fadeIn .6s var(--ease-out)both}.delay-1{animation-delay:80ms}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}.delay-5{animation-delay:.4s}.container{max-width:1160px;margin:0 auto;padding:0 clamp(1.25rem,5vw,3rem)}.tag{background:var(--accent-brand-soft);color:var(--accent-brand);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-pill);border:1px solid var(--accent-brand-mid);align-items:center;gap:.4rem;padding:.3rem .85rem;font-size:.72rem;font-weight:700;display:inline-flex}.btn{border-radius:var(--radius-sm);font-family:var(--font-sans);letter-spacing:-.01em;cursor:pointer;transition:all .18s var(--ease-out);white-space:nowrap;align-items:center;gap:.5rem;padding:.7rem 1.6rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--text-primary);color:var(--bg);border:1px solid var(--text-primary)}.btn-primary:hover{background:#2a2a28;transform:translateY(-1px);box-shadow:0 6px 20px #0000002e}.btn-secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{border-color:#b5b5b3;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:box-shadow .2s var(--ease-out),border-color .2s,transform .2s var(--ease-out);box-shadow:0 10px 30px -10px #00000014,0 4px 12px #00000008}.card:hover{border-color:#c8c8c6;transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-brand);margin-bottom:.75rem;font-size:.72rem;font-weight:600}.section-title{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--text-primary);font-size:clamp(1.8rem,4vw,2.75rem);font-weight:700;line-height:1.2}.article-cta{text-align:center;margin-top:3rem;margin-bottom:2rem}.article-cta-btn,.cta-button{background:var(--text-primary);color:var(--bg);border-radius:var(--radius-sm);letter-spacing:-.01em;transition:all .2s var(--ease-out);border:1px solid var(--text-primary);align-items:center;gap:.5rem;padding:.85rem 2rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.article-cta-btn:hover,.cta-button:hover{background:#2a2a28;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.divider{border:none;border-top:1px solid var(--border);margin:0}.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}