.x-room .v-main{flex-direction:column;padding-block-start:30px;display:flex}.x-room h1{margin-block-end:calc(12px - .1em)}.x-room .x-strip{--hole:14px;--hole-y:12px;--track-y:38px;--frame-width:250px;--frame-height:160px;--frame-gap:14px;--frame-title:var(--fs-lead);--leader-title:64px;--tree-width:120px;--tree-height:99px;--reel-speed:22;block-size:236px;margin-block:34px 0;margin-inline:calc(-1 * var(--space-6));background:var(--ink);touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;position:relative;overflow:clip}.x-room .x-strip.x-dragging{cursor:grabbing}.x-room .x-strip:before,.x-room .x-strip:after{content:"";z-index:2;block-size:var(--hole);background:var(--paper);position:absolute;inset-inline:0;-webkit-mask:repeating-linear-gradient(90deg,#0000 0 10px,#000 10px 24px,#0000 24px 34px);mask:repeating-linear-gradient(90deg,#0000 0 10px,#000 10px 24px,#0000 24px 34px)}.x-room .x-strip:before{inset-block-start:var(--hole-y)}.x-room .x-strip:after{inset-block-end:var(--hole-y)}.x-room .x-defs{block-size:0;inline-size:0;position:absolute}.x-room .x-track{will-change:transform;display:flex;position:absolute;inset-block-start:var(--track-y);inset-inline-start:0}.x-room .x-copy{display:flex}.x-room .x-frame{all:unset;box-sizing:border-box;inline-size:var(--frame-width);block-size:var(--frame-height);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:6px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:6px;margin-inline-end:var(--frame-gap);padding-inline:36px;display:flex;position:relative;overflow:hidden}.x-room .x-frame:focus-visible{outline:2px solid var(--paper);outline-offset:3px}.x-room .x-frame-title{font:500 var(--frame-title) / 1 var(--font-sans);letter-spacing:-.01em}.x-room .x-fin{font-style:italic}.x-room .x-frame .lbl{position:absolute;inset-block-end:8px;inset-inline-start:10px}.x-room .x-leader{background:color-mix(in srgb, var(--ink) 7.5%, var(--paper))}.x-room .x-leader svg{stroke:currentColor;block-size:100%;inline-size:100%;position:absolute;inset:0}.x-room .x-leader .x-frame-title{font-size:var(--leader-title);position:relative}.x-room .x-tree{inline-size:var(--tree-width);block-size:var(--tree-height);overflow:visible}.x-room .x-reel-caption{margin-block:16px 1em}.x-room .x-tap{display:none}.x-room .x-screen{justify-content:center;align-items:center;block-size:460px;inline-size:760px;display:flex}.x-room .x-slide{max-inline-size:520px}.x-room .x-slide .lbl{margin-block:1em}.x-room .x-slide h2{font:500 var(--fs-display) / 1 var(--font-sans);letter-spacing:-.045em;margin-block:-.025em calc(16px - .025em);margin-inline:0}.x-room .x-slide-text{font:500 var(--fs-lead) / 1.27 var(--font-sans);margin-block:0 22px;margin-inline:0}@media (hover:none),(max-width:1100px){.x-room .x-click{display:none}.x-room .x-tap{display:inline}}@media (min-width:721px) and (max-width:1100px){.x-room .v-main{justify-content:center;padding-block-end:60px}.x-room .x-strip{--hole:16px;--hole-y:14px;--track-y:50px;--frame-width:300px;--frame-height:200px;--frame-gap:16px;--frame-title:24px;--leader-title:24px;--tree-width:144px;--tree-height:124px;block-size:300px;margin-block-start:48px}.x-room .x-screen{block-size:520px;inline-size:740px}}@media (max-width:720px){.x-room.v-page{flex-direction:column;min-block-size:100vh;display:flex}.x-room .v-main{flex:1;padding-block-start:var(--space-6)}.x-room h1{margin-block:calc(var(--fs-label) + 6px - .1em) calc(10px - .1em)}.x-room .x-lede{font:500 17px / 1.35 var(--font-sans);letter-spacing:-.01em;margin:0}.x-room .x-strip{--hole:10px;--hole-y:9px;--track-y:28px;--frame-width:180px;--frame-height:116px;--frame-gap:10px;--frame-title:17px;--leader-title:46px;--tree-width:86px;--tree-height:72px;--reel-speed:18;block-size:170px;margin-block:auto 0;margin-inline:calc(-1 * var(--space-4))}.x-room .x-frame .lbl{font-size:9px;inset-block-end:6px;inset-inline-start:8px}.x-room .x-reel-caption{text-align:center;margin-block:14px auto}.x-room .x-screen{block-size:auto;inline-size:calc(100vw - 32px);padding-block:28px 30px;padding-inline:22px}.x-room .x-slide h2{letter-spacing:-.04em;font-size:40px}.x-room .x-slide-text{font-size:18px}.x-room .x-slide .v-btn{justify-content:center;block-size:48px;inline-size:100%}}
