body.page-sterilization .page {max-width:760px;margin:0 auto;padding:clamp(88px,14vw,120px) 24px clamp(72px,10vw,112px)} body.page-sterilization h1 {margin:0;font-family:"EB Garamond",serif;font-size:clamp(52px,8vw,82px);line-height:0.96;font-weight:400;letter-spacing:-0.02em;color:var(--ink)} body.page-sterilization .intro,body.page-sterilization .step-text,body.page-sterilization .note {font-size:15px;line-height:1.95;color:var(--mid);font-weight:300} body.page-sterilization .intro {max-width:700px;margin:0 auto 34px;text-align:center} body.page-sterilization .step {display:grid;grid-template-columns:72px 1fr;gap:18px;padding:20px 0;border-top:1px solid var(--rule)} body.page-sterilization .step:last-of-type {border-bottom:1px solid var(--rule)} body.page-sterilization .step-num {font-family:"EB Garamond",serif;font-size:38px;line-height:1;color:var(--gold)} body.page-sterilization .step-title {margin:0 0 10px;font-family:"EB Garamond",serif;font-size:clamp(30px,5vw,46px);line-height:1.04;font-weight:400;color:var(--ink)} body.page-sterilization .step-text {margin:0} body.page-sterilization .note {margin-top:30px;padding:22px;border:1px solid var(--rule);background:var(--panel)} body.page-sterilization .cta-row {display:flex;gap:12px;flex-wrap:wrap;margin-top:34px} body.page-sterilization .cta {display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;text-decoration:none;text-transform:uppercase;letter-spacing:3px;font-size:10px;transition:background .2s ease,border-color .2s ease,color .2s ease} body.page-sterilization .cta-primary {background:#1c1813;color:#f0eeea;border:1px solid #1c1813} body.page-sterilization .cta-primary:hover,body.page-sterilization .cta-primary:active {background:var(--gold);border-color:var(--gold)} body.page-sterilization .cta-secondary {border:1px solid var(--rule);color:var(--ink);background:transparent} body.page-sterilization .cta-secondary:hover,body.page-sterilization .cta-secondary:active {border-color:var(--ink)} body.page-sterilization .steri-strip-outer {margin-bottom:clamp(40px,6vw,60px)} body.page-sterilization .steri-strip {display:flex;gap:clamp(8px,1vw,10px);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;cursor:grab} body.page-sterilization .steri-strip::-webkit-scrollbar {display:none} body.page-sterilization .steri-strip.grabbing {cursor:grabbing} body.page-sterilization .steri-strip-item {flex:0 0 auto;overflow:hidden;scroll-snap-align:start;margin:0;border:0;padding:0;border-radius:0;box-shadow:none;background:var(--panel);text-align:left;appearance:none;-webkit-appearance:none} body.page-sterilization .steri-strip-item.wide {width:clamp(240px,38vw,420px)} body.page-sterilization .steri-strip-item.tall {width:clamp(180px,28vw,280px)} body.page-sterilization .steri-strip-item img {width:100%;height:clamp(220px,28vw,340px);object-fit:cover;display:block;transition:transform .5s ease;pointer-events:none;background:#e8e5df} body.page-sterilization .steri-strip-item:hover img {transform:scale(1.04)} body.page-sterilization .steri-strip-item:focus-visible {outline:2px solid var(--gold);outline-offset:4px} body.page-sterilization .steri-strip-progress {display:flex;align-items:center;justify-content:space-between;margin-top:clamp(14px,2vw,20px)} body.page-sterilization .steri-strip-bar-track {flex:1;height:1px;background:var(--rule);position:relative;margin-right:20px} body.page-sterilization .steri-strip-bar-fill {position:absolute;left:0;top:0;bottom:0;background:var(--gold);width:25%;transition:width .3s ease} body.page-sterilization .steri-strip-hint {font-size:9px;letter-spacing:2.5px;text-transform:uppercase;color:var(--dust-text,#6a625b);white-space:nowrap;flex-shrink:0;font-weight:300} body.page-sterilization.steri-lightbox-open {overflow:hidden} body.page-sterilization .steri-lightbox {position:fixed;inset:0;z-index:1400;opacity:0;pointer-events:none;transition:opacity .25s ease} body.page-sterilization .steri-lightbox.open {opacity:1;pointer-events:auto} body.page-sterilization .steri-lightbox-backdrop {position:absolute;inset:0;background:rgba(16,13,10,.88)} body.page-sterilization .steri-lightbox-dialog {position:relative;z-index:1;width:min(100vw - 32px,1080px);height:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;padding:56px 0 32px} body.page-sterilization .steri-lightbox-figure {margin:0;max-width:100%;display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none;cursor:grab} body.page-sterilization .steri-lightbox-figure.is-dragging {cursor:grabbing} body.page-sterilization .steri-lightbox-figure img {display:block;max-width:min(100%,940px);max-height:calc(100vh - 140px);width:auto;height:auto;object-fit:contain;background:#f0eeea;box-shadow:0 24px 64px rgba(0,0,0,.28);user-select:none;-webkit-user-drag:none;pointer-events:none} body.page-sterilization .steri-lightbox-close {position:absolute;top:18px;right:0;width:48px;height:48px;border:1px solid rgba(240,238,234,.26);background:rgba(240,238,234,.06);color:#f0eeea;backdrop-filter:blur(6px);display:inline-flex;align-items:center;justify-content:center;font-size:28px;line-height:1;transition:background .2s ease,border-color .2s ease,transform .2s ease} body.page-sterilization .steri-lightbox-close:hover,body.page-sterilization .steri-lightbox-close:active {background:rgba(240,238,234,.12);border-color:rgba(240,238,234,.46);transform:translateY(-1px)} @media (max-width:640px) {body.page-sterilization .steri-strip-item.wide,body.page-sterilization .steri-strip-item.tall {width:calc(100vw - 48px)}} @media (max-width:640px) {body.page-sterilization .steri-strip-item img {height:calc(100vw - 48px)}} @media (max-width:640px) {body.page-sterilization .steri-strip-progress {gap:12px}} @media (max-width:640px) {body.page-sterilization .steri-strip-hint {white-space:normal;text-align:right}} @media (max-width:640px) {body.page-sterilization .steri-lightbox-dialog {width:calc(100vw - 20px);padding:72px 0 22px}} @media (max-width:640px) {body.page-sterilization .steri-lightbox-figure img {max-height:calc(100vh - 120px)}} @media (max-width:640px) {body.page-sterilization .steri-lightbox-close {top:10px;right:0;width:44px;height:44px}} @media (prefers-reduced-motion:reduce) {body.page-sterilization .steri-strip,body.page-sterilization .steri-strip-item img,body.page-sterilization .steri-strip-bar-fill,body.page-sterilization .steri-lightbox,body.page-sterilization .steri-lightbox-close {transition:none;scroll-behavior:auto}}