:root{--color-black: #12130F;--color-black-dark: #0C0C09;--color-black-lt: #2D2F26;--color-sage: #929479;--color-sage-lt: #DDDFC5;--color-sage-dk: #727556;--color-earth: #494A35;--color-parchment: #F5F3EC;--color-parchment-dk: #EAE7DC;--color-ink: #4D4F3B;--color-amber: #8B6914;--color-teal: #4A6B5A;--font-serif: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", Georgia, serif;--font-sans: "Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, sans-serif;--font-mono: "SF Mono", "Menlo", "Consolas", monospace;--ease: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(.33, 1, .68, 1);--gutter: clamp(16px, 4vw, 48px);--max-w: 1040px;--header-h: 50px}.u-ta-c{text-align:center}.u-hide--sp{display:inline}.u-text--teal{color:var(--color-teal)}.u-star{color:var(--color-teal);letter-spacing:.05em;white-space:nowrap;font-size:.75rem}.u-border--teal{padding:.7rem 1rem;border-left:3px solid var(--color-teal);background:#4a6b5a0a;font-weight:500;font-size:.82rem;color:var(--color-black);margin:.8rem 0}@media(max-width:640px){.u-hide--sp{display:none}}.header__menu{background:none;border:none;cursor:pointer;padding:8px 6px;position:relative;width:32px;height:var(--header-h);display:flex;flex-direction:column;justify-content:center;gap:6px}.header__menu span{display:block;width:18px;height:1.5px;background:currentColor;transition:transform .4s var(--ease),opacity .3s;transform-origin:center}.header__menu.is-open span:first-child{transform:translateY(3.75px) rotate(45deg)}.header__menu.is-open span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.modal{position:fixed;inset:0;z-index:300;background:var(--color-black-dark);color:var(--color-sage-lt);opacity:0;visibility:hidden;transition:opacity .6s var(--ease),visibility .6s;border:none}.modal[open]{opacity:1;visibility:visible}.modal::backdrop{background:transparent}.modal__nav{display:flex;align-items:center;justify-content:center;height:100%;padding:calc(var(--header-h) + 2rem) var(--gutter) 2rem}.modal__list{display:flex;flex-direction:column;gap:0;max-width:500px;width:100%}.modal__link{display:flex;align-items:baseline;gap:1.8rem;padding:1.1rem 0;font-family:var(--font-serif);font-size:clamp(1.1rem,2.8vw,1.5rem);font-weight:400;letter-spacing:.02em;color:var(--color-sage);opacity:.6;border-bottom:1px solid rgba(146,148,121,.08);transition:color .3s,opacity .3s,transform .3s}.modal__link:hover{color:var(--color-sage-lt);opacity:1;transform:translate(6px)}.modal__link.is-current{color:var(--color-sage-lt);opacity:1}.modal__num{font-size:.55em;letter-spacing:.12em;opacity:.5;min-width:2em;font-family:var(--font-sans)}.modal__close{position:absolute;top:0;right:0;padding:0 var(--gutter);height:var(--header-h);background:none;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:7px}.modal__close span{display:block;width:20px;height:1.5px;background:var(--color-sage-lt)}.modal__close span:first-child{transform:rotate(45deg) translate(2.5px,2.5px)}.modal__close span:last-child{transform:rotate(-45deg) translate(2.5px,-2.5px)}.modal[open] .modal__link{animation:modalFadeIn .6s var(--ease-out) both;animation-delay:calc(.1s + var(--i, 0) * .05s)}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-12px)}to{opacity:.6;transform:translate(0)}}.meter{position:fixed;top:50%;right:20px;transform:translateY(-50%);z-index:150;width:1px;height:80px;background:#9294791f}.js-scroll-color.is-rev .meter{background:#92947933}.meter__body{position:relative;height:100%;width:100%}.meter__main:after{content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:currentColor;transform:translateY(-100%);transition:transform .8s var(--ease-out),background .6s}.js-scroll-color .meter__main:after{background:var(--color-sage)}.js-scroll-color.is-rev .meter__main:after{background:var(--color-sage-lt)}.meter__main.is-progress:after{transform:translateY(var(--progress, -100%))}.meter:before{content:"0" attr(data-current) " / 0" attr(data-total);position:absolute;bottom:-18px;left:50%;transform:translate(-50%) rotate(90deg);font-size:8px;letter-spacing:.15em;white-space:nowrap;color:var(--color-sage);opacity:.4}.slider{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden}.slider__group{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .6s var(--ease);z-index:1}.slider__group:nth-child(1){z-index:8}.slider__group:nth-child(2){z-index:7}.slider__group:nth-child(3){z-index:6}.slider__group:nth-child(4){z-index:5}.slider__group:nth-child(5){z-index:4}.slider__group:nth-child(6){z-index:3}.slider__group:nth-child(7){z-index:2}.slider__group:nth-child(8){z-index:1}.slider__group.is-active{opacity:1;pointer-events:auto;z-index:10}.slider__group.is-active .slide{animation:fadeInSlide 1.2s var(--ease-out) both .3s}.slider__body{width:100%;max-height:100vh;max-height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-sage) transparent}.slider__group.is-leaving{opacity:1;z-index:11;pointer-events:none;animation:maskFadeOut .6s var(--ease) forwards}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(30px)}30%{opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes maskFadeOut{0%{opacity:1}to{opacity:0}}.slide{padding:calc(var(--header-h) + 1rem) var(--gutter) 1rem}.slide--hero{position:relative}.slide__container{max-width:var(--max-w);margin:0 auto}.slide__num{display:block;font-family:var(--font-serif);font-size:clamp(1.6rem,4vw,2.6rem);font-weight:400;color:var(--color-sage);opacity:.25;line-height:1;margin-bottom:.15rem;user-select:none}.slide__heading{font-family:var(--font-serif);font-size:clamp(1.15rem,2.4vw,1.45rem);font-weight:400;color:var(--color-black-dark);line-height:1.35}.slide__sub{font-size:11px;color:var(--color-sage-dk);letter-spacing:.08em;margin-top:.15rem;margin-bottom:1rem}.slide__cols{display:grid;grid-template-columns:1fr 220px;gap:1.5rem;align-items:start}@media(max-width:768px){.slide__cols{grid-template-columns:1fr}}.slide--hero{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;position:relative}.slide--hero__overlay{position:absolute;inset:0;background:#f5f3ece0;z-index:0}.slide--hero>*:not(.slide--hero__overlay){position:relative;z-index:1}.slide__label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-sage-dk);margin-bottom:1.5rem}.slide__title{font-family:var(--font-serif);font-size:clamp(1.6rem,4vw,2.6rem);font-weight:400;color:var(--color-black-dark);line-height:1.4;margin-bottom:1.2rem}.slide__lead{font-size:clamp(.82rem,1.4vw,.92rem);line-height:1.9;color:var(--color-ink);max-width:480px;margin:0 auto 1.5rem}.slide__scroll{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-sage)}.slide__main h3{font-family:var(--font-serif);font-size:.92rem;font-weight:400;color:var(--color-black-dark);margin:.8rem 0 .4rem;padding-bottom:.3rem;border-bottom:1px solid rgba(146,148,121,.15)}.slide__main p{margin-bottom:.45rem;font-size:.84rem;line-height:1.75}.slide__main strong{color:var(--color-black);font-weight:600}.code-block{background:var(--color-black-lt);color:var(--color-sage-lt);padding:.7rem .8rem;border-radius:4px;overflow-x:auto;font-family:var(--font-mono);font-size:11px;line-height:1.55;margin:.6rem 0}.code-block code{font-family:inherit;color:inherit}.formula{display:block;text-align:center;padding:.7rem;background:#9294790f;border-radius:4px;font-family:var(--font-serif);font-size:.88rem;color:var(--color-black);margin:.6rem 0}.formula var{font-style:normal;font-weight:600}.card-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:.8rem 0}.card{position:relative;background:#fff;border:1px solid rgba(146,148,121,.12);border-radius:4px;padding:.8rem .7rem}.card--featured{border-color:var(--color-teal);box-shadow:0 2px 12px #4a6b5a0f}.card__badge{position:absolute;top:-8px;right:10px;background:var(--color-teal);color:#fff;font-size:9px;letter-spacing:.1em;padding:1px 8px;border-radius:3px}.card__title{font-family:var(--font-serif);font-size:.95rem;font-weight:400;color:var(--color-black-dark);margin-bottom:.5rem}.card__dl{display:grid;grid-template-columns:auto 1fr;gap:.1rem .6rem;font-size:.72rem;margin-bottom:.5rem}.card__dl dt{color:var(--color-sage-dk);white-space:nowrap}.card__dl dd{color:var(--color-ink)}.card__note{font-size:.72rem;color:var(--color-teal);padding-top:.4rem;border-top:1px solid rgba(146,148,121,.08)}@media(max-width:640px){.card-row{grid-template-columns:1fr}}.table{width:100%;border-collapse:collapse;font-size:.74rem;margin:.6rem 0}.table caption{text-align:left;font-size:.72rem;color:var(--color-sage-dk);font-style:italic;margin-bottom:.3rem}.table th{background:var(--color-black-lt);color:var(--color-sage-lt);font-weight:500;font-size:.68rem;letter-spacing:.04em;padding:5px 8px;text-align:left;white-space:nowrap}.table td{padding:5px 8px;border-bottom:1px solid rgba(146,148,121,.1);color:var(--color-ink)}.table--mini th{font-size:.64rem;padding:4px 7px}.table--mini td{font-size:.7rem;padding:4px 7px}.badge{display:inline-block;font-size:.66rem;font-weight:600;padding:0 6px;border-radius:2px}.badge--ok{background:#4a6b5a1a;color:var(--color-teal)}.badge--ng{background:#8b28281a;color:#8b2828}.badge--best{background:var(--color-teal);color:#fff}.reason-grid{display:grid;gap:.6rem;margin:.6rem 0}.reason{padding:.7rem;background:#9294790a;border:1px solid rgba(146,148,121,.1);border-radius:4px}.reason__num{font-family:var(--font-serif);font-size:.74rem;color:var(--color-teal);margin-bottom:.15rem;display:block}.reason h4{font-size:.82rem;font-weight:600;color:var(--color-black-dark);margin-bottom:.25rem}.reason p{font-size:.78rem;margin:0;line-height:1.65}.callout{padding:.7rem;border-radius:4px;border:1px solid rgba(146,148,121,.15);background:#9294790a;font-size:.8rem;margin:.6rem 0}.callout--info{border-color:var(--color-teal);background:#4a6b5a08}.warn{margin:.7rem 0;padding:.7rem;border:1px solid rgba(139,40,40,.1);border-radius:4px}.warn__head{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.warn__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#8b28281a;color:#8b2828;font-weight:700;font-size:.7rem;flex-shrink:0}.warn__head h4{font-size:.82rem;font-weight:600;color:#6b2020}.warn p{font-size:.78rem;margin-bottom:.25rem;line-height:1.65}.story{margin:.6rem 0;padding:.8rem;border-left:3px solid var(--color-amber);background:#8b691408;border-radius:0 4px 4px 0}.story__label{font-size:.66rem;letter-spacing:.1em;color:var(--color-amber);text-transform:uppercase;margin-bottom:.15rem}.story h4{font-size:.8rem;font-weight:600;color:var(--color-black-dark);margin-bottom:.25rem}.story p{font-size:.74rem;margin-bottom:.2rem;line-height:1.6}.protocol-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.protocol__title{font-family:var(--font-serif);font-size:.92rem;font-weight:400;color:var(--color-black-dark);margin-bottom:.5rem}.protocol__en{font-family:var(--font-sans);font-size:.68rem;color:var(--color-sage);margin-left:.4rem;font-weight:400}.principles{display:grid;gap:.7rem;margin:1rem 0}.principle{padding:.9rem;background:#fff;border:1px solid rgba(146,148,121,.1);border-radius:4px}.principle__num{display:block;font-family:var(--font-serif);font-size:.78rem;color:var(--color-teal);margin-bottom:.25rem;letter-spacing:.05em}.principle p{font-size:.82rem;line-height:1.7}.checklist{margin:1rem 0}.checklist__title{font-family:var(--font-serif);font-size:.88rem;font-weight:400;color:var(--color-black-dark);margin-bottom:.5rem;padding-bottom:.3rem;border-bottom:2px solid var(--color-teal)}.checklist li{position:relative;padding:.3rem 0 .3rem 1.4rem;font-size:.8rem;border-bottom:1px solid rgba(146,148,121,.06)}.checklist li:before{content:"";position:absolute;left:0;top:.45rem;width:10px;height:10px;border:1.5px solid var(--color-sage);border-radius:2px}.closing{text-align:center;margin:1.5rem 0 0;padding-top:1rem;border-top:1px solid rgba(146,148,121,.12)}.closing p{font-family:var(--font-serif);font-size:.86rem;line-height:2;color:var(--color-black-dark);margin-bottom:.2rem}.slide__side img{border-radius:4px;width:100%;position:sticky;top:calc(var(--header-h) + .5rem)}.img-caption{font-size:.66rem;color:var(--color-sage);margin-top:.3rem;text-align:center;letter-spacing:.03em}.slider__group[data-color-nav-rev=true]{background:var(--color-black-lt);color:var(--color-sage-lt)}.slider__group[data-color-nav-rev=true] .slide__heading{color:var(--color-sage-lt)}.slider__group[data-color-nav-rev=true] .slide__sub{color:var(--color-sage)}.slider__group[data-color-nav-rev=true] .slide__num{color:var(--color-sage);opacity:.2}.slider__group[data-color-nav-rev=true] .reason{background:#9294790f;border-color:#92947926}.slider__group[data-color-nav-rev=true] .reason h4{color:var(--color-sage-lt)}.slider__group[data-color-nav-rev=true] .reason p{color:var(--color-sage-lt);opacity:.8}.slider__group[data-color-nav-rev=true] .callout--info{border-color:var(--color-sage);background:#9294790f}.slider__group[data-color-nav-rev=true] .callout--info p,.slider__group[data-color-nav-rev=true] .protocol__title{color:var(--color-sage-lt)}.slider__group[data-color-nav-rev=true] .protocol__en{color:var(--color-sage)}.slider__group[data-color-nav-rev=true] .table th{background:var(--color-earth)}.slider__group[data-color-nav-rev=true] .table td{border-color:#92947926;color:var(--color-sage-lt)}@media(max-width:768px){.slide{padding:calc(var(--header-h) + .5rem) 16px 1rem}.slide__side{display:none}.card-row,.protocol-grid{grid-template-columns:1fr}.meter{display:none}}@media(max-width:480px){.slide__cols{gap:.5rem}}.float-nav{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:180;display:flex;align-items:center;gap:.5rem;padding:8px 16px;background:var(--color-black-dark);color:var(--color-sage-lt);border:1px solid rgba(146,148,121,.15);border-radius:20px;cursor:pointer;font-family:var(--font-sans);font-size:12px;opacity:0;visibility:hidden;transition:opacity .5s var(--ease),visibility .5s,transform .5s var(--ease);box-shadow:0 4px 20px #0c0c094d;max-width:90vw}.float-nav.is-visible{opacity:1;visibility:visible}.float-nav:hover{background:var(--color-black-lt);border-color:#9294794d}.float-nav__index{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;background:var(--color-teal);color:#fff;font-size:9px;font-weight:600;border-radius:11px;padding:0 5px;flex-shrink:0}.float-nav__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;letter-spacing:.03em;opacity:.85}.js-scroll-color.is-rev .float-nav{background:var(--color-black);border-color:#92947933}@media(max-width:768px){.float-nav{bottom:12px;padding:6px 12px;font-size:11px}.float-nav__label{max-width:140px}}