.device-collection{--device-surface:var(--spring-nav-surface);--device-detail-surface:var(--spring-nav-sage);--device-ink:var(--spring-nav-ink);--device-muted:var(--spring-nav-muted);--device-gap:24px;--device-padding:32px;--device-slide-duration:1.1s;--device-slide-ease:cubic-bezier(.16,1,.3,1);padding-block:var(--spring-space-section);background:var(--hanji-paper);color:var(--device-ink);font-family:var(--spring-hero-sans)}.device-collection-heading{grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(56px,8vw,112px);margin-bottom:72px;display:grid}.device-collection-intro{padding-block:40px}.device-collection-editorial{aspect-ratio:4/5;background:var(--hanji-line);border-radius:4px;position:relative;overflow:hidden}.device-collection-editorial img{object-fit:cover;object-position:center}.device-collection-heading h2{white-space:pre-line;font-family:var(--spring-hero-sans);margin:0;font-weight:400}.device-collection-heading .hanji-link{flex:none;margin:0 0 8px;font-size:13px}.hanji-home .device-collection-title{margin-inline:var(--editorial-gutter)}.hanji-home .device-collection-title .hanji-eyebrow{color:var(--hanji-pine);font:italic 400 clamp(26px, 2vw, 34px)/1.1 var(--next-font-serif), Georgia, serif;letter-spacing:.01em;text-transform:none;margin:0}.hanji-home .device-collection-title h2{color:var(--hanji-ink);font-family:var(--font-serif);letter-spacing:-.04em;margin:12px 0 0;font-size:clamp(32px,3vw,46px);font-weight:400;line-height:1.35}.hanji-home .device-collection-lead{color:var(--hanji-copy);word-break:keep-all;margin:12px 0 0;font-size:15px;line-height:1.75}.device-collection-rail{grid-auto-flow:column;grid-auto-columns:calc((100% - var(--device-gap) * 2) / 3);gap:var(--device-gap);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;display:grid;overflow-x:auto}.device-collection-rail::-webkit-scrollbar{display:none}.sliding-equipment{scroll-snap-align:start;min-width:0}.sliding-equipment-stage{isolation:isolate;background:var(--device-surface);border-radius:8px;height:360px;position:relative;overflow:hidden}.sliding-equipment-face,.sliding-equipment-details{will-change:transform;transition:transform .56s cubic-bezier(.3,.7,.35,1),opacity .4s;position:absolute;inset:0}.sliding-equipment.is-open .sliding-equipment-face,.sliding-equipment.is-open .sliding-equipment-details{transition-duration:var(--device-slide-duration), calc(var(--device-slide-duration) * .6);transition-timing-function:var(--device-slide-ease), ease}.sliding-equipment-face{display:flex}.sliding-equipment-hit{z-index:3;cursor:pointer;position:absolute;inset:0}.sliding-equipment-face img{object-fit:contain;padding:var(--device-padding)}.sliding-equipment-face .cardface-device img{padding:var(--device-padding)}.sliding-equipment-details{padding:var(--device-padding);background:var(--device-detail-surface);color:var(--spring-on-accent);opacity:0;flex-direction:column;justify-content:center;gap:20px;display:flex;transform:translate(102%)}.sliding-equipment-details>p{word-break:keep-all;opacity:0;transition:opacity .48s ease, transform .76s var(--device-slide-ease);margin:0;font-size:15px;line-height:1.85;transform:translate(22px)}.sliding-equipment.is-open .sliding-equipment-face{opacity:.88;transform:translate(-14%)scale(.93)}.sliding-equipment.is-open .sliding-equipment-details{opacity:1;transform:translate(0)}.sliding-equipment.is-open .sliding-equipment-details>p{opacity:1;transition-delay:.2s;transform:translate(0)}.sliding-equipment-caption{justify-content:space-between;align-items:center;gap:12px;padding-block:16px;display:flex}.sliding-equipment-caption h3{font:400 24px/1.4 var(--spring-hero-sans);margin:0}.sliding-equipment-caption button{min-height:44px;color:var(--device-muted);cursor:pointer;flex:none;padding:8px 4px;font-size:12px}.sliding-equipment-caption button:hover{color:var(--device-ink)}.device-collection-controls{justify-content:flex-end;gap:24px;margin-top:12px;display:flex}.device-collection-controls button{cursor:pointer;min-width:44px;min-height:44px;font-size:13px}.device-collection-controls button:disabled{opacity:.35;cursor:default}.device-collection :is(a,button):focus-visible{outline:2px solid var(--device-ink);outline-offset:-2px;border-radius:4px}.hanji-home>section:not(:first-child){scroll-margin-top:24px}@media (min-width:701px) and (max-width:1000px){.device-collection{--device-gap:20px;--device-padding:24px}.device-collection-heading{grid-template-columns:1fr 1fr;gap:32px}.hanji-home .device-collection-heading h2{font-size:clamp(24px,3.2vw,32px)}.device-collection-rail{grid-auto-columns:calc((100% - var(--device-gap)) / 2)}}@media (max-width:700px){.device-collection{--device-gap:16px;--device-padding:24px}.device-collection-heading{grid-template-columns:1fr;gap:32px;margin-bottom:48px}.device-collection-intro{padding:0}.device-collection-heading .hanji-link{margin-top:24px}.device-collection-rail{grid-auto-columns:100%}.sliding-equipment-stage{height:340px}.device-collection-controls{justify-content:flex-start}}@media (prefers-reduced-motion:reduce){.sliding-equipment-face,.sliding-equipment-details{transition:none}.sliding-equipment-details>p{transition:none;transform:none}}.sliding-equipment-details:lang(ja)>p,.sliding-equipment-details:lang(zh)>p{word-break:normal;line-break:strict}.sliding-equipment[data-product=xerf] .sliding-equipment-face img,.sliding-equipment[data-product=alltite] .sliding-equipment-face img{mix-blend-mode:multiply}.balance-philosophy{background:var(--hanji-paper);color:var(--device-ink);font-family:var(--spring-hero-sans)}.balance-track{height:240svh;position:relative}.balance-sticky{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.balance-panel{min-width:0;padding:var(--editorial-inset);flex-direction:column;justify-content:center;display:flex}.hanji-home .balance-panel .hanji-eyebrow{font-family:var(--next-font-serif), Georgia, serif;letter-spacing:.01em;text-transform:none;margin:0;font-size:clamp(26px,2vw,34px);font-style:italic;font-weight:400;line-height:1.1}.balance-title{white-space:pre-line;font-family:var(--font-serif);letter-spacing:-.04em;word-break:keep-all;margin:20px 0 0;font-size:clamp(30px,3.2vw,48px);font-weight:400;line-height:1.45}.balance-caption{max-width:34ch;color:var(--hanji-copy);margin:20px 0 0;font-size:15px;line-height:1.8}.balance-steps{margin:clamp(28px,5svh,56px) 0 0;padding:0;list-style:none}.balance-step{border-top:1px solid var(--hanji-line);opacity:.42;gap:20px;padding:16px 0;transition:opacity .48s;display:flex}.balance-step:last-child{border-bottom:1px solid var(--hanji-line)}.balance-step.is-active{opacity:1}.balance-step-no{font:400 12px/1 var(--spring-hero-sans);letter-spacing:.18em;color:var(--spring-nav-muted);flex:none;padding-top:6px}.balance-step h3{font-family:var(--font-serif);letter-spacing:-.02em;word-break:keep-all;transition:transform .5s var(--device-slide-ease);margin:0;font-size:clamp(19px,1.5vw,24px);font-weight:400;line-height:1.45}.balance-step.is-active h3{transform:translate(6px)}.balance-step-body{opacity:0;max-height:0;color:var(--hanji-copy);word-break:keep-all;transition:max-height .56s var(--device-slide-ease), opacity .48s ease, margin .48s ease;margin:0;font-size:14px;line-height:1.8;overflow:hidden}.balance-step.is-active .balance-step-body{opacity:1;max-height:140px;margin-top:10px}.balance-photo{background:var(--hanji-line);position:relative;overflow:hidden}.balance-frame{opacity:0;transition:opacity .7s;position:absolute;inset:0}.balance-frame.is-active{opacity:1}.balance-frame img{object-fit:cover;object-position:center 22%}.balance-progress{flex-direction:column;gap:10px;display:flex;position:absolute;top:32px;right:32px}.balance-progress span{width:8px;height:8px;transition:height .48s var(--device-slide-ease), background-color .48s ease;background:#ffffff8c;border-radius:999px}.balance-progress span.is-on{background:#fff;height:26px}.balance-zones{pointer-events:none;position:absolute;inset:0}.balance-zones>div{height:60svh;position:absolute;left:0;right:0}@media (prefers-reduced-motion:reduce){.balance-step,.balance-step h3,.balance-step-body,.balance-frame,.balance-progress span{transition-duration:1ms}}@media (max-width:1000px){.balance-sticky{grid-template-rows:minmax(0,42svh) minmax(0,1fr);grid-template-columns:1fr}.balance-photo{order:-1}.balance-panel{padding:26px var(--editorial-gutter,20px) 32px;justify-content:flex-start}.balance-panel .balance-title{font-size:clamp(28px,7vw,34px)}.balance-panel .balance-caption{margin-top:10px;font-size:13px}.balance-steps{margin-top:20px}.balance-step{gap:14px;padding:11px 0}.balance-step h3{font-size:19px}.balance-step.is-active h3{transform:translate(4px)}.balance-step-body{font-size:13px;line-height:1.7}.balance-step.is-active .balance-step-body{max-height:110px;margin-top:8px}.balance-progress{top:20px;right:20px}.balance-progress span{width:7px;height:7px}.balance-progress span.is-on{height:22px}}@media (max-width:380px){.balance-sticky{grid-template-rows:minmax(0,36svh) minmax(0,1fr)}.balance-panel .balance-caption{display:none}}