:root{--brand-black: #1A1A1A;--brand-gold: #C5A059;--brand-gray: #888888;--brand-lightgray: #F7F7F7;--brand-border: #EAEAEA;--bg-color: #FFFFFF;--font-serif: "Zen Old Mincho", serif;--font-sans: "Zen Kaku Gothic New", sans-serif;--font-en: "Cinzel", serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-color);color:var(--brand-black);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}.stories-wrapper{background:#fffffff2;border-bottom:1px solid var(--brand-border);padding:24px 0 16px;position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.stories-container{max-width:1200px;margin:0 auto;display:flex;justify-content:normal;gap:16px;overflow-x:auto;padding:0 24px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.stories-container::-webkit-scrollbar{display:none}@media(min-width:768px){.stories-container{display:flex;justify-content:center}}.story-item{display:flex;flex-direction:column;align-items:center;cursor:pointer;flex-shrink:0;width:68px}.story-ring{width:64px;height:64px;border-radius:50%;padding:2px;background:linear-gradient(135deg,var(--brand-gold),#FFF,var(--brand-black));transition:transform .2s ease}.story-item:hover .story-ring{transform:scale(1.05)}.story-img-box{width:100%;height:100%;border-radius:50%;border:2px solid #FFF;overflow:hidden;background-color:var(--brand-lightgray)}.story-img-box img{width:100%;height:100%;object-fit:cover}.story-label{font-size:10px;margin-top:8px;font-family:var(--font-en);letter-spacing:.05em;color:var(--brand-black);text-align:center;white-space:nowrap}.blog-header-section{padding:40px 24px 24px;max-width:1200px;margin:0 auto;text-align:center}@media(min-width:768px){.blog-header-section{padding:64px 48px 32px}}.blog-eyebrow{font-family:var(--font-en);font-size:12px;color:var(--brand-gray);letter-spacing:.2em;margin-bottom:8px}.blog-title{font-family:var(--font-serif);font-size:24px;margin-bottom:32px}@media(min-width:768px){.blog-title{font-size:30px}}.brand-filter-bar{display:flex;justify-content:center;margin-bottom:16px}.brand-filter-trigger{display:inline-flex;align-items:center;gap:10px;padding:13px 28px;border:1px solid var(--brand-black);font-family:var(--font-en);font-size:11px;letter-spacing:.08em;background-color:#fff;transition:background-color .3s ease,color .3s ease}@media(min-width:768px){.brand-filter-trigger{font-size:12px}}.brand-filter-trigger:hover{background-color:var(--brand-black);color:#fff}.brand-filter-trigger.is-active{background-color:var(--brand-black);color:#fff;border-color:var(--brand-black)}.brand-filter-trigger svg{width:9px;height:9px;flex-shrink:0}.brand-filter-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:32px;min-height:0}.brand-filter-tag{display:inline-flex;align-items:center;gap:10px;background-color:var(--brand-black);color:#fff;font-family:var(--font-en);font-size:11px;letter-spacing:.05em;padding:8px 12px 8px 18px;border-radius:999px}.brand-filter-tag button{font-size:15px;line-height:1;color:#fff;opacity:.8}.brand-filter-tag button:hover{opacity:1}.catalog-container{max-width:1200px;margin:0 auto;padding:0 20px}@media(min-width:768px){.catalog-container{padding:0 20px}}.masonry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px 16px;text-align:left}@media(min-width:768px){.masonry-grid{grid-template-columns:repeat(3,1fr);gap:40px 32px}}@media(min-width:1024px){.masonry-grid{grid-template-columns:repeat(4,1fr);gap:48px 32px}}.card{margin-bottom:0;background:transparent;position:relative;cursor:pointer;text-align:left;width:100%}.card.hidden{display:none!important}.card-image-wrap{position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden;background-color:var(--brand-lightgray);margin-bottom:12px}.card-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.card:hover .card-image-wrap img{transform:scale(1.05)}.card-tag{position:absolute;top:12px;left:12px;background-color:var(--brand-black);color:#fff;font-family:var(--font-en);font-size:9px;padding:4px 10px;letter-spacing:.1em}.card-info{padding:4px 0;text-align:left}.card-brand{font-family:var(--font-en);font-size:10px;color:var(--brand-gray);margin-bottom:4px}@media(min-width:768px){.card-brand{font-size:12px}}.card-title{font-size:13px;margin-bottom:4px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;font-weight:400}@media(min-width:768px){.card-title{font-size:14px}}.bottom-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:65;background-color:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease;display:none}.bottom-sheet-overlay.is-open{display:block;opacity:1}.bottom-sheet{position:fixed;top:50%;left:50%;right:auto;bottom:auto;z-index:75;background-color:#fff;border-radius:12px;width:90%;max-width:420px;max-height:70vh;display:flex;flex-direction:column;transform:translate(-50%,calc(-50% + 20px));opacity:0;visibility:hidden;transition:transform .4s cubic-bezier(.19,1,.22,1),opacity .4s ease,visibility .4s ease}.bottom-sheet.is-open{transform:translate(-50%,-50%);opacity:1;visibility:visible}.bottom-sheet__header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--brand-border);flex-shrink:0}.bottom-sheet__title{font-family:var(--font-en);font-size:13px;letter-spacing:.1em;font-weight:600}.bottom-sheet__close{font-size:22px;color:var(--brand-gray);transition:color .3s ease}.bottom-sheet__close:hover{color:var(--brand-black)}.bottom-sheet__body{flex:1;overflow-y:auto;padding:8px 24px 24px}.brand-option{display:flex;align-items:center;gap:14px;padding:15px 4px;border-bottom:1px solid #F5F5F5;font-size:14px;cursor:pointer;transition:color .2s ease}.brand-option:hover{color:var(--brand-gold)}.brand-option__radio{width:18px;height:18px;border:1px solid #AAAAAA;border-radius:50%;flex-shrink:0;position:relative;transition:border-color .2s ease}.brand-option.is-selected .brand-option__radio{border-color:var(--brand-black)}.brand-option.is-selected .brand-option__radio:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background-color:var(--brand-black);border-radius:50%}.brand-option.is-selected{font-weight:600;color:var(--brand-black)}.catalog-empty{grid-column:1 / -1;column-span:all;text-align:center;padding:64px 24px;font-family:var(--font-serif);font-size:14px;color:var(--brand-gray)}.site-footer{background-color:#1a1a1a;color:#ffffffb3;padding:56px 24px;text-align:center;margin-top:10px}.site-footer__logo{font-family:Cinzel,serif;font-size:14px;letter-spacing:.2em;color:#fff;margin-bottom:16px}.site-footer__note{font-size:12px;margin-bottom:24px}.site-footer__link{font-family:Cinzel,serif;font-size:12px;letter-spacing:.1em;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:4px;transition:color .3s ease}.site-footer__link:hover{color:#fff}.hassin-site-__link{display:flex;justify-content:center;align-items:center;height:150px;margin-top:100px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/wwjf2026-blog.css.map */