
html[data-skin]{
  --e-ivory:#fbf5e9;--e-ivory2:#f6edda;--e-paper:#fffdf7;
  --e-red:#b8202f;--e-red-deep:#8e1424;--e-indigo:#18234f;--e-indigo-deep:#101940;
  --e-gold:#c9a25a;--e-gold2:#e6cd8f;--e-ink:#2b1d18;
  --e-asanoha:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='69.28' viewBox='0 0 40 69.28'%3E%3Cg fill='none' stroke='%23e6cd8f' stroke-width='.7'%3E%3Cpath d='M0 0H40M0 34.64H40M0 69.28H40M0 0L20 34.64 0 69.28M40 0L20 34.64 40 69.28'/%3E%3Cpath d='M20 11.55L0 0M20 11.55L40 0M20 11.55V34.64M0 23.09V0M0 23.09L20 34.64M0 23.09L-20 34.64M40 23.09V0M40 23.09L20 34.64M40 23.09L60 34.64M20 57.74V34.64M20 57.74L0 69.28M20 57.74L40 69.28M0 46.19L20 34.64M0 46.19L-20 34.64M0 46.19V69.28M40 46.19L20 34.64M40 46.19L60 34.64M40 46.19V69.28'/%3E%3C/g%3E%3C/svg%3E");
  --e-shippou:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cg fill='none' stroke='%23e6cd8f' stroke-width='.7'%3E%3Ccircle cx='0' cy='0' r='22'/%3E%3Ccircle cx='44' cy='0' r='22'/%3E%3Ccircle cx='0' cy='44' r='22'/%3E%3Ccircle cx='44' cy='44' r='22'/%3E%3Ccircle cx='22' cy='22' r='22'/%3E%3C/g%3E%3C/svg%3E");
  --e-shippou-red:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='44' viewBox='0 0 44 44'%3E%3Cg fill='none' stroke='%23b8202f' stroke-width='.7'%3E%3Ccircle cx='0' cy='0' r='22'/%3E%3Ccircle cx='44' cy='0' r='22'/%3E%3Ccircle cx='0' cy='44' r='22'/%3E%3Ccircle cx='44' cy='44' r='22'/%3E%3Ccircle cx='22' cy='22' r='22'/%3E%3C/g%3E%3C/svg%3E");
}


html[data-skin] body.discovery{background:var(--e-ivory)}
html[data-skin] .wonder-nav{background:rgba(251,245,233,.94);border-bottom:1px solid rgba(201,162,90,.35)}
html[data-skin] .discovery-hero{background:radial-gradient(120% 90% at 78% 0%,#fffdf7 0%,rgba(255,253,247,0) 60%),linear-gradient(180deg,#fbf5e9 0%,#f6edda 100%)}
html[data-skin] .discovery-hero::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.07;background:var(--e-shippou-red);-webkit-mask-image:linear-gradient(100deg,#000 0%,transparent 42%);mask-image:linear-gradient(100deg,#000 0%,transparent 42%)}
html[data-skin] .discovery-hero{position:relative}
html[data-skin] .discovery-hero>*{position:relative}
html[data-skin] .hero-facts strong{color:var(--e-red)}
html[data-skin] .story-why{background:var(--e-ivory)}
html[data-skin] .story-how{background:var(--e-paper)}
html[data-skin] .discovery #two-moments.discovery-ritual{background:linear-gradient(#f5eee2 0,var(--e-paper) 120px) var(--e-paper)}
html[data-skin] .steps-sec{background:var(--e-ivory2)}
html[data-skin] .faq-sec{background:var(--e-ivory)}
html[data-skin] .wonder-close{background:radial-gradient(90% 70% at 50% 0%,#fffdf7 0%,rgba(255,253,247,0) 70%),var(--e-ivory2);position:relative}
html[data-skin] .wonder-close::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.06;background:var(--e-shippou-red)}
html[data-skin] .wonder-close>.wrap{position:relative}
html[data-skin] footer{background:var(--e-ivory2);border-top:1px solid rgba(201,162,90,.45)}
html[data-skin] .btn-red,html[data-skin] .tt-cta{background:linear-gradient(180deg,#c5283a,#a5172a)}
html[data-skin] .us-notice-bar{background:#3a1d12}
html[data-skin] .y-items li::after,html[data-skin] .y-tag{background:#3a1d12}



html[data-skin="a"] .story-how::after{background:linear-gradient(rgba(246,237,218,0),var(--e-ivory2))}
html[data-skin="a"] .story-en{background:radial-gradient(80% 60% at 85% 10%,#fffdf7 0%,rgba(255,253,247,0) 65%),var(--e-ivory2);color:#3a2a20}
html[data-skin="a"] .story-en .eyebrow{color:#a33d22}
html[data-skin="a"] .story-en .ch-t{color:var(--e-red)}
html[data-skin="a"] .story-en h2{color:#342d24}
html[data-skin="a"] .story-en h2 em{color:#a34225}
html[data-skin="a"] .en-text>p:not(.ch):not(.eyebrow){color:#4f463b}
html[data-skin="a"] .en-text b{color:#2b1d18}
html[data-skin="a"] .en-kanji{color:var(--e-red)}
html[data-skin="a"] .en-thread{color:#8e2a1c!important;border-left-color:var(--e-red)}
html[data-skin="a"] .en-links a{color:#2b1d18;border-bottom-color:rgba(184,32,47,.5)}
html[data-skin="a"] .en-photo img{box-shadow:0 22px 50px rgba(60,30,10,.2)}
html[data-skin="a"] .en-photo figcaption{color:#6f6152}
html[data-skin="a"] .story-en .ch.tied .ch-n{box-shadow:0 0 0 3px #fff,0 0 0 5px #c8102e}


html[data-skin="a"] .byobu-sec{background:linear-gradient(180deg,#a81b2d 0%,var(--e-red-deep) 100%);border-top:1px solid var(--e-gold)}
html[data-skin] .byobu-sec::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background:var(--e-asanoha);z-index:0}
html[data-skin] .byobu{box-shadow:0 30px 70px rgba(40,5,10,.45)}
html[data-skin="a"] .byobu-sec .eyebrow{color:#f3dfae}
html[data-skin="a"] .bpanel{background:#6d0f1b}
@media(max-width:760px){
html[data-skin="a"] .byobu .byobu-cap{background:#7d1220}
}



html[data-skin="a2"]{--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E")}
html[data-skin="a2"] body.discovery{background:#f8efdc url(skin/washi-plain.jpg) top center/100% auto repeat-y}

html[data-skin="a2"] .discovery-hero{background:url(skin/mountains.webp) bottom center/max(100%,1500px) auto no-repeat,url(skin/washi-shoji.jpg) top center/cover no-repeat;padding-bottom:clamp(150px,19vw,330px);max-width:none}
html[data-skin="a2"] .discovery-hero::before{display:none}
html[data-skin="a2"] .discovery-hero figure img{box-shadow:0 30px 70px rgba(90,30,10,.22);border-radius:18px}
html[data-skin="a2"] .hero-facts{background:rgba(255,253,247,.82);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:18px;box-shadow:0 0 0 1px rgba(201,162,90,.5),0 14px 34px rgba(90,30,10,.12)}

html[data-skin="a2"] .story-why,html[data-skin="a2"] .plans-sec.tt{background:transparent;position:relative}
html[data-skin="a2"] .story-why::before,html[data-skin="a2"] .plans-sec.tt::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:1;background:url(skin/washi-shoji.jpg) top center/max(100%,1100px) auto no-repeat;-webkit-mask-image:linear-gradient(#000 0,#000 max(22vw,240px),transparent max(40vw,440px));mask-image:linear-gradient(#000 0,#000 max(22vw,240px),transparent max(40vw,440px))}
html[data-skin="a2"] .plans-sec.tt::before{transform:scaleX(-1)}
html[data-skin="a2"] .plans-sec.tt>*{position:relative}
html[data-skin="a2"] .story-how{background:url(skin/washi-plain.jpg) center/cover no-repeat}
html[data-skin="a2"] .story-how::after{background:linear-gradient(rgba(168,27,45,0),#a81b2d)}

html[data-skin="a2"] .story-en{position:relative;background:radial-gradient(44vw 44vw at 84% 60%,rgba(240,205,135,.10) 0,rgba(240,205,135,.16) 49.2%,rgba(240,214,150,.75) 49.4%,rgba(240,214,150,.75) 49.75%,rgba(236,196,120,0) 50%),linear-gradient(180deg,#a81b2d 0%,#93152a 100%)}
html[data-skin="a2"] .story-en::before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--grain),var(--e-shippou);opacity:.13;mix-blend-mode:soft-light}
html[data-skin="a2"] .story-en::after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--e-shippou);opacity:.1;-webkit-mask-image:linear-gradient(110deg,#000 0,transparent 46%);mask-image:linear-gradient(110deg,#000 0,transparent 46%)}
html[data-skin="a2"] .story-en>.wrap{position:relative;z-index:1}
html[data-skin="a2"] .story-en .eyebrow,html[data-skin="a2"] .story-en .ch-t{color:#f3dfae}
html[data-skin="a2"] .story-en .ch-n{background:#fff8ee;color:#a81b2d}
html[data-skin="a2"] .story-en h2 em{color:#f3dfae}
html[data-skin="a2"] .en-text>p:not(.ch):not(.eyebrow){color:#fbeedd}
html[data-skin="a2"] .en-kanji{color:#fff8ee}
html[data-skin="a2"] .en-thread{color:#f6e4b8!important;border-left-color:#e6cd8f}
html[data-skin="a2"] .en-photo img{box-shadow:0 0 0 1px rgba(230,205,143,.7),0 26px 60px rgba(60,5,12,.5)}
html[data-skin="a2"] .en-photo figcaption{color:#f1d9c6}
html[data-skin="a2"] .story-en .ch.tied .ch-n{box-shadow:0 0 0 3px #a81b2d,0 0 0 5px #f3dfae}

html[data-skin="a2"] .thread{filter:drop-shadow(0 0 .8px rgba(255,246,228,.95)) drop-shadow(0 0 .8px rgba(255,246,228,.95))}

html[data-skin="a2"] .byobu-sec{background:linear-gradient(180deg,#93152a 0%,rgba(147,21,42,.35) 30%,rgba(120,14,30,.45) 100%),url(skin/red-floor.jpg) center/cover no-repeat #93152a}
html[data-skin="a2"] .byobu-sec::before{display:none}
html[data-skin="a2"] .byobu-sec .eyebrow{color:#f3dfae}
html[data-skin="a2"] .bpanel{background:#6d0f1b}
@media(max-width:760px){html[data-skin="a2"] .byobu .byobu-cap{background:#7d1220}}

html[data-skin="a2"] .snack-pairing{background:var(--grain),linear-gradient(135deg,#ad1d30,#8e1424);background-blend-mode:soft-light,normal;box-shadow:inset 0 0 0 1px rgba(230,205,143,.55)}
html[data-skin="a2"] .snack-pairing .eyebrow{color:#f3dfae}

html[data-skin="a2"] .steps-sec{position:relative;background:linear-gradient(180deg,#a81b2d,#93152a);color:#fff8ee;border-top:1px solid var(--e-gold);border-bottom:1px solid var(--e-gold)}
html[data-skin="a2"] .steps-sec::before{content:"";position:absolute;inset:0;pointer-events:none;background:var(--e-asanoha);opacity:.16;-webkit-mask-image:linear-gradient(250deg,#000 0,transparent 60%);mask-image:linear-gradient(250deg,#000 0,transparent 60%)}
html[data-skin="a2"] .steps-sec>.wrap{position:relative}
html[data-skin="a2"] .steps-sec .eyebrow{color:#f3dfae!important}
html[data-skin="a2"] .steps-sec h2,html[data-skin="a2"] .steps b{color:#fff8ee}
html[data-skin="a2"] .steps p{color:#f6e2d2}

html[data-skin="a2"] .faq-sec{background:transparent}

html[data-skin="a2"] .wonder-close{background:url(skin/mountains.webp) bottom center/max(100%,1500px) auto no-repeat,url(skin/washi-shoji.jpg) top center/cover no-repeat;padding-bottom:clamp(190px,24vw,400px)}
html[data-skin="a2"] .wonder-close::before{display:none}
html[data-skin="a2"] footer{background:#8e1424;color:#f6e2d2;border-top:1px solid var(--e-gold)}
html[data-skin="a2"] footer a,html[data-skin="a2"] footer .text-button,html[data-skin="a2"] #operatorLine,html[data-skin="a2"] #measureOffFoot{color:#fff8ee!important}
html[data-skin="a2"] footer img{filter:brightness(0) invert(1);opacity:.95}


.skin-sw{position:fixed;left:12px;bottom:12px;z-index:2000;display:flex;gap:4px;align-items:center;padding:6px 8px;border-radius:999px;background:rgba(43,29,24,.9);color:#fff8ee;font:600 12px/1 -apple-system,"Hiragino Sans",sans-serif;box-shadow:0 6px 20px rgba(0,0,0,.3)}
.skin-sw span{padding:0 6px}
.skin-sw button{border:0;border-radius:999px;padding:7px 11px;background:transparent;color:inherit;font:inherit;cursor:pointer}
.skin-sw button[aria-pressed="true"]{background:#fff8ee;color:#2b1d18}
