:root{--paper:#fcfaf7;--ink:#454340;--green:#31594d;--line:#d8d9d2;--orange:#f7eee7;--sage:#eaf0eb;--blue:#edf1f6;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Zen Kaku Gothic New,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-size:100%}*{box-sizing:border-box}body{margin:0;font-size:1.125rem;line-height:1.8}a{color:inherit;text-underline-offset:.25em}a:hover{text-decoration-thickness:2px}button,summary{font:inherit}button{color:inherit}button:disabled{cursor:not-allowed}img{max-width:100%;height:auto;display:block}figure,h1,h2,h3,p{margin:0}h1,h2,h3{overflow-wrap:anywhere}h1{letter-spacing:.045em;font-size:clamp(2rem,3.3vw,2.75rem);font-weight:500;line-height:1.65}h2{font-size:1.625rem;font-weight:600;line-height:1.65}h3{font-size:1.3125rem;font-weight:600;line-height:1.7}:focus-visible{outline-offset:5px;outline:3px solid #b55b22}[id]{scroll-margin-top:110px}.skip-link{z-index:100;background:#fff;padding:1rem;position:fixed;top:-100px;left:1rem}.skip-link:focus{top:1rem}.preview-notice{text-align:center;color:#344c43;letter-spacing:.06em;background:#e8ece8;padding:5px 12px;font-size:.8125rem}.preview-notice span{margin-left:20px}.site-header{z-index:30;border-bottom:1px solid var(--line);background:#fcfaf7fa;position:sticky;top:0}.header-inner{align-items:center;gap:32px;max-width:1280px;min-height:88px;margin:auto;padding:12px 40px;display:flex}.brand{margin-right:auto}.brand img{object-fit:contain;width:152px;height:auto;max-height:62px}.desktop-nav{align-items:center;gap:26px;font-size:.9375rem;display:flex}.desktop-nav a,.cart-link,.site-menu a{text-decoration:none}.cart-link{border-left:1px solid var(--line);padding-left:28px;font-size:.9375rem}.pending-nav{color:#686661;flex-direction:column;align-items:center;line-height:1.6;display:flex}.pending-tag{color:#76726a;font-size:.75rem}.site-menu{font-size:.9375rem;position:relative}.site-menu summary{cursor:pointer;align-items:center;gap:8px;min-height:44px;list-style:none;display:flex}.site-menu summary::-webkit-details-marker{display:none}.menu-lines{font-size:1.15rem}.site-menu nav{background:var(--paper);border:1px solid var(--line);width:300px;padding:12px 24px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 12px 25px #2221}.site-menu nav a{border-bottom:1px solid var(--line);padding:13px 0;display:block}.site-menu nav a:last-child{border-bottom:none}.site-menu nav [aria-current=page]{color:var(--green);font-weight:700}.page-switch{border-bottom:1px solid var(--line);justify-content:center;gap:44px;font-size:.9375rem;display:flex}.page-switch a{padding:15px 5px;text-decoration:none;position:relative}.page-switch [aria-current=page]{color:var(--green);font-weight:700}.page-switch [aria-current=page]:after{content:"";background:var(--green);height:3px;position:absolute;bottom:0;left:0;right:0}.page-shell{max-width:1160px;margin:auto;padding:0 40px 100px}.breadcrumb{color:#726e67;flex-wrap:wrap;gap:10px;padding:22px 0 26px;font-size:.8125rem;display:flex}.breadcrumb a{text-decoration:none}.page-hero{grid-template-columns:.9fr 1.15fr;align-items:center;gap:52px;margin:24px 0 50px;display:grid}.hero-copy{padding-bottom:36px}.eyebrow{letter-spacing:.16em;color:var(--green);font-size:.8125rem;font-weight:600}.hero-copy .eyebrow{margin-bottom:24px}.hero-rule{background:var(--green);width:60px;height:3px;margin-top:30px;display:block}.image-wrap{background:#eceae4;position:relative;overflow:hidden}.media-slot img{aspect-ratio:3/2;object-fit:cover;width:100%}.hero-media img{aspect-ratio:1.18;object-position:center}.sample-label{letter-spacing:.04em;color:#555048;background:#fffdf5ee;border:1px solid #d2d0c8;padding:3px 9px;font-size:.75rem;position:absolute;top:10px;left:10px}.media-slot figcaption{color:#69665f;margin-top:8px;font-size:.8125rem;line-height:1.7}.article-intro{max-width:820px;margin:0 auto 52px}.article-intro p{white-space:pre-line;margin-bottom:20px;line-height:1.9}.contents{border-top:3px solid var(--green);background:#f0f2ed;max-width:900px;margin:0 auto 80px;padding:32px 36px 22px}.contents-title{align-items:center;gap:24px;margin-bottom:20px;display:flex}.contents-title h2{font-size:1.25rem}.contents-video{color:#fff;background:var(--green);align-items:center;gap:12px;padding:16px 22px;font-size:1rem;text-decoration:none;display:flex}.contents-video span:last-child{margin-left:auto}.contents ol{grid-template-columns:1fr 1fr;column-gap:34px;margin:14px 0 0;padding:0;list-style:none;display:grid}.contents li{border-bottom:1px solid #d4dbd1}.contents li a{align-items:center;gap:13px;min-height:67px;padding:13px 0;font-size:.9375rem;line-height:1.65;text-decoration:none;display:flex}.contents li a>span:last-child{margin-left:auto}.contents-number{color:var(--green);letter-spacing:.06em;min-width:22px;font-size:.8125rem}.article-body{max-width:900px;margin:auto}.article-section{margin-bottom:72px;padding-top:8px}.section-heading{border-top:1px solid #a7b5a7;align-items:baseline;gap:24px;margin-bottom:32px;padding-top:24px;display:flex}.section-index{color:var(--green);letter-spacing:.08em;flex-shrink:0;font-size:1rem}.section-heading h2{letter-spacing:.025em}.content-group{margin-bottom:34px}.content-group:has(>.group-copy:empty):not(.has-media){display:none}.content-group h3{margin-bottom:16px}.group-copy p{white-space:pre-line;overflow-wrap:anywhere;margin-bottom:20px}.group-copy p:last-child{margin-bottom:0}.content-list{margin:14px 0 20px;padding-left:1.4em}.content-list li{white-space:pre-line;overflow-wrap:anywhere;margin:8px 0;padding-left:.25em}.content-list li::marker{color:var(--green)}.has-media{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:32px;display:grid}.has-media .media-slot{padding-top:4px}.callout{background:var(--sage);border-left:3px solid #6c8576;padding:26px 30px}.callout h3{color:var(--green);font-size:1.1875rem}.tone-henna,.tone-blend,.tone-indigo{gap:26px;padding:28px 30px}.tone-henna{background:var(--orange)}.tone-blend{background:var(--sage)}.tone-indigo{background:var(--blue)}.tone-henna h3{color:#815332}.tone-blend h3{color:#31594d}.tone-indigo h3{color:#3c526b}.closing-thought{border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;padding:38px 0;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:1.3125rem;font-weight:600;line-height:2.2}.video-block{margin:28px 0 38px}.video-heading{margin-bottom:18px}.video-heading h3{margin-top:5px;margin-bottom:0}.video-placeholder{aspect-ratio:16/9;text-align:center;width:100%;min-height:300px;color:var(--green);background:#e7ece6;border:1px solid #c6d1c5;flex-direction:column;justify-content:center;align-items:center;padding:28px;display:flex}.video-placeholder strong{margin:10px 0 12px;font-size:1.375rem}.video-placeholder>span:not(.video-mark){font-size:.9375rem}.video-placeholder small{margin-top:4px;font-size:.875rem}.video-mark{font-size:3rem;line-height:1}.video-block iframe{aspect-ratio:16/9;border:0;width:100%}.button{background:var(--green);color:#fff;border:1px solid var(--green);font:inherit;justify-content:center;align-items:center;gap:22px;max-width:100%;min-height:54px;margin:10px 12px 10px 0;padding:14px 24px;font-size:1rem;line-height:1.65;text-decoration:none;display:inline-flex}.button-outline{color:var(--green);background:0 0}.button:disabled{color:#66685f;background:#f1f1eb;border-color:#a8afa1}.product-action{margin:16px 0}.product-action small{color:#746f66;font-size:.8125rem;display:block}.back-to-contents{max-width:300px;color:var(--green);border:1px solid #9aab9c;justify-content:center;align-items:center;gap:28px;margin:20px auto 0;padding:15px 25px;font-size:1rem;text-decoration:none;display:flex}.site-footer{background:#e9eee8;border-top:1px solid #d1dacd}.footer-inner{max-width:1160px;margin:auto;padding:46px 40px 24px}.footer-brand{letter-spacing:.025em;color:var(--green);font-family:Georgia,serif;font-size:1.625rem;text-decoration:none}.site-footer nav{flex-wrap:wrap;gap:14px 28px;padding:26px 0 34px;font-size:.875rem;display:flex}.site-footer nav a{text-decoration:none}.site-footer small{color:#696d65;font-size:.75rem}.preview-index{min-height:70vh;padding-top:70px}.preview-index h1{margin:16px 0}.preview-index>p{max-width:720px}.preview-links{grid-template-columns:1fr 1fr;gap:28px;margin:40px 0;display:grid}.preview-links>a{border:1px solid var(--line);background:var(--sage);padding:28px;text-decoration:none}.preview-links h2{margin:12px 0}.preview-links p{margin-bottom:24px;font-size:1rem}.preview-links strong{color:var(--green);font-size:1rem}@media (width>=1000px){.article-section#okinawa .content-group:not(.has-media):not(.callout){max-width:740px}.article-section#okinawa .has-media{grid-template-columns:minmax(0,1fr) 260px}}@media (width<=760px){[id]{scroll-margin-top:86px}.header-inner{gap:22px;min-height:72px;padding:10px 20px}.brand img{width:120px;max-height:48px}.desktop-nav{display:none}.cart-link{border:0;padding:0;font-size:.875rem}.site-menu{font-size:.875rem}.site-menu summary{gap:6px}.site-menu nav{width:min(300px,100vw - 40px);right:0}.page-switch{gap:36px;font-size:.875rem}.page-shell{padding:0 22px 60px}.breadcrumb{gap:6px;padding:18px 0 12px;font-size:.75rem}.page-hero{grid-template-columns:1fr;gap:18px;margin:22px 0 32px}.hero-copy{padding:0}.hero-copy .eyebrow{margin-bottom:14px;font-size:.75rem}h1{letter-spacing:.025em;font-size:1.9375rem;line-height:1.65}.hero-rule{width:44px;height:2px;margin-top:22px}.hero-media img{aspect-ratio:3/2}.article-intro{margin-bottom:34px}.article-intro p{line-height:1.8}.contents{margin-bottom:52px;padding:23px 20px 16px}.contents-title{flex-wrap:wrap;gap:14px;margin-bottom:16px}.contents-title .eyebrow{font-size:.75rem}.contents-title h2{font-size:1.125rem}.contents-video{gap:8px;padding:14px;font-size:.9375rem}.contents ol{grid-template-columns:1fr}.contents li a{min-height:57px;padding:13px 0}.section-heading{gap:16px;margin-bottom:26px;padding-top:20px}.section-heading h2{font-size:1.4375rem}.section-index{font-size:.875rem}.article-section{margin-bottom:48px}.content-group{margin-bottom:28px}h3{font-size:1.1875rem}.content-group h3{margin-bottom:13px}.has-media{grid-template-columns:1fr;gap:20px}.has-media .media-slot{width:100%;max-width:480px;padding:0}.callout{padding:22px 20px}.callout h3{font-size:1.125rem}.tone-henna,.tone-blend,.tone-indigo{gap:20px;padding:22px 20px}.video-placeholder{aspect-ratio:auto;min-height:240px;padding:24px 16px}.video-placeholder strong{font-size:1.1875rem}.button{width:100%;margin-right:0;padding:14px 16px;font-size:.9375rem}.closing-thought{font-size:1.1875rem}.footer-inner{padding:34px 24px 24px}.site-footer nav{grid-template-columns:1fr;gap:15px;padding:24px 0;display:grid}.preview-index{padding-top:38px}.preview-links{grid-template-columns:1fr;gap:20px}}@media (width<=360px){.header-inner{gap:14px;padding:10px 16px}.brand img{width:104px}.page-shell{padding-left:18px;padding-right:18px}.preview-notice span{margin-left:8px}.contents{padding-left:16px;padding-right:16px}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}a{transition:background-color .15s,color .15s}a:hover{color:#152f25}.button:hover{color:#fff;background:#24473c}.button-outline:hover{color:#fff}}.how-to-article .section-index{display:none}