.roosa-badge{z-index:3;color:#1e3465;background:#f5f5f5;border-radius:12px;flex-direction:column;transition:transform .35s cubic-bezier(.2,.9,.3,1.25),box-shadow .25s;display:flex;position:absolute;top:134px;right:calc(5% + 2px);overflow:hidden}.roosa-badge .roosa-logo{--logo-extra:4px;width:auto}.roosa-badge .roosa-logo img{margin:0 auto}.roosa-badge__cta{letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;background:#ecaacb;justify-content:space-between;align-items:center;gap:10px;padding:9px 15px 10px;font-size:10px;font-weight:700;display:flex}.roosa-badge__cta svg{width:15px;height:15px;transition:transform .3s cubic-bezier(.2,.9,.3,1.6)}.roosa-badge:hover,.roosa-badge:focus-visible{transform:translateY(-4px);box-shadow:0 0 0 3px #d36b9e}.roosa-badge:hover .roosa-badge__cta svg,.roosa-badge:focus-visible .roosa-badge__cta svg{transform:translateY(3px)}.roosa-badge:active{transition-duration:.1s;transform:translateY(-1px)}.roosa-badge:focus-visible{outline-offset:4px;outline:3px solid #fcfaf3}@media (width<=1050px){.roosa-badge{top:120px;right:calc(4% + 2px)}.roosa-badge .roosa-logo{--logo-w:156px}}@media (width<=760px){.roosa-badge{top:158px;right:calc(4% + 20px)}.roosa-badge .roosa-logo{--logo-w:140px}.roosa-badge__cta{letter-spacing:.1em;padding:8px 12px 9px;font-size:9px}}@media (height<=600px) and (width>=761px){.roosa-badge{top:124px}.roosa-badge .roosa-logo{--logo-w:144px}}.scene-hero{color:#fcfaf3;--scene-p:0;background:#18251d;height:118svh;min-height:calc(640px + 18svh);position:relative}.scene-stage{isolation:isolate;background:#18251d;height:100svh;min-height:640px;position:sticky;top:0;overflow:hidden}.scene-photo{z-index:-2;pointer-events:none;position:absolute;inset:0}.scene-photo picture{display:contents}.scene-photo .scene-object{object-fit:cover;object-position:62% 50%;width:100%;height:106%;transform:translate3d(0, calc(var(--scene-p) * -3%), 0);will-change:transform;display:block;position:absolute;inset:-3% 0}.scene-stage:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0c1810d6,#0c18108c 31%,#0c181014 62%,#0000 82%),linear-gradient(#0c181085,#0000 24% 76%,#0c181061);position:absolute;inset:0}.scene-copy{z-index:2;width:40%;max-width:650px;position:absolute;top:52%;left:5%;transform:translateY(-43%)}.scene-title{font-family:var(--display);letter-spacing:-.055em;margin:0;font-size:clamp(64px,min(6.8vw,11svh),112px);font-weight:600;line-height:.98}.scene-title span{display:block}.scene-title span:last-child{letter-spacing:-.05em;text-wrap:balance;max-width:8em;margin-top:.12em;font-size:.74em}.scene-footer{margin-top:clamp(24px,4svh,40px)}.scene-footer p{max-width:30em;margin:0 0 28px;font-size:clamp(13px,1.05vw,16px);line-height:1.75}.scene-cta{color:#fcfaf3;align-items:center;gap:22px;font-size:14px;font-weight:650;display:inline-flex}.scene-arrow{color:#193c2b;background:#fcfaf3;border-radius:50%;place-items:center;width:49px;height:49px;transition:transform .18s;display:grid}.scene-cta:hover .scene-arrow{transform:translate(5px)}.scene-scroll{z-index:2;align-items:center;gap:18px;font-size:11px;display:flex;position:absolute;bottom:5%;left:5%}.scene-scroll span{font-size:24px}.scene-hero[data-still=true]{height:auto;min-height:0}.scene-hero[data-still=true] .scene-stage{position:relative}.scene-hero[data-still=true] .scene-object{will-change:auto}body:has(.scene-hero) .site-header{color:#fcfaf3;border-color:#fcfaf340}body:has(.scene-hero) .logo-link img{filter:brightness(0)invert();mix-blend-mode:normal}body:has(.scene-hero) .site-header nav a:after{background:#fcfaf3}body:has(.scene-hero) .menu-toggle span{background:#fcfaf3}body:has(.scene-hero) .header-cta{border-color:#fcfaf3b3}body:has(.scene-hero) .header-cta:hover{color:#193c2b;background:#fcfaf3}@media (width<=960px){.scene-hero{height:112svh;min-height:calc(740px + 12svh)}.scene-stage{min-height:740px}.scene-photo .scene-object{object-position:67% 50%;height:70%;inset:-2% 0 auto}.scene-stage:after{background:linear-gradient(#0c181075,#0000 23%,#18251d1a 43%,#18251d 72%),linear-gradient(90deg,#0c18101f,#0000 45%)}.scene-copy{width:88%;max-width:650px;top:auto;bottom:12%;left:6%;transform:none}.scene-title{font-size:clamp(48px,9.7vw,76px)}.scene-title span:last-child{max-width:none;margin-top:.13em;font-size:.66em}.scene-footer{margin-top:24px}.scene-footer p{margin-bottom:22px;font-size:13px}.scene-cta{gap:17px;font-size:13px}.scene-arrow{width:44px;height:44px}.scene-scroll{bottom:4%;left:6%}}@media (width<=760px){body:has(.scene-hero) .site-header nav.is-open{color:var(--ink)}}@media (prefers-reduced-motion:reduce){.scene-hero{height:auto;min-height:0}.scene-stage{position:relative}.scene-photo .scene-object{will-change:auto;transform:none}.scene-arrow{transition:none}}@media (height<=600px) and (width>=761px){.scene-hero{min-height:calc(560px + 18svh)}.scene-stage{min-height:560px}.scene-copy{width:42%;top:51%;bottom:auto;left:5%;transform:translateY(-35%)}.scene-title{font-size:clamp(52px,6.5vw,70px)}.scene-title span:last-child{max-width:8em;font-size:.74em}.scene-photo .scene-object{object-position:62% 50%;height:106%;inset:-3% 0}.scene-stage:after{background:linear-gradient(90deg,#0c1810d6,#0c18108c 31%,#0c181014 62%,#0000 82%)}.scene-footer{margin-top:20px}.scene-footer p{margin-bottom:18px;font-size:12px}.scene-arrow{width:40px;height:40px}}.motion-story{background:var(--paper);padding:42px 5% 38px;position:relative;overflow:clip}.motion-tools{z-index:2;justify-content:space-between;align-items:center;gap:28px;display:flex;position:relative}.motion-tools nav{flex-wrap:wrap;gap:30px;display:flex}.motion-tools nav a{color:#4a5f50;border-bottom:1px solid #0000;padding:10px 0;font-size:12px}.motion-tools nav a[aria-current=true],.motion-tools nav a:hover{color:inherit;border-color:var(--ink)}.sound-toggle{border:1px solid var(--line);background:0 0;border-radius:30px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:11px 15px;font-size:11px;display:inline-flex}.sound-toggle svg{width:18px;height:18px}.sound-toggle[aria-pressed=true]{background:var(--ink);color:var(--paper)}.motion-scenes{height:calc(var(--story-units) * 100svh);position:relative}.motion-anchor{top:var(--anchor-top);pointer-events:none;width:1px;height:1px;scroll-margin-top:0;position:absolute}.motion-stand{--stand-y:0px;height:100svh;transform:translate3d(0, var(--stand-y), 0);position:sticky;top:0;overflow:clip}.motion-scene{--stage-y:0px;--media-y:0px;--media-x:0px;--copy-y:0px;--copy-clip:0%;position:absolute;inset:0}.motion-scene[data-phase=before],.motion-scene[data-phase=after]{visibility:hidden}.motion-stage{height:100%;transform:translate3d(0, var(--stage-y), 0);will-change:transform;grid-template-columns:42% 58%;align-items:center;padding:36px 0;display:grid;position:relative}.motion-scene.media-left .motion-stage{grid-template-columns:58% 42%}.motion-scene.media-left .motion-copy{grid-area:1/2;padding-left:24px}.motion-scene.media-left .motion-media{grid-area:1/1}.motion-copy{z-index:2;transform:translate3d(0, var(--copy-y), 0);clip-path:inset(0 0 var(--copy-clip) 0);will-change:transform;padding:24px 12px 24px 0;position:relative}.motion-product{margin-bottom:23px;font-size:14px;font-weight:550;display:block}.motion-copy h2{margin:0;font-size:clamp(48px,5.4vw,86px);line-height:1}.motion-copy h2 span{color:#768875}.motion-copy>p{max-width:330px;margin:26px 0 0;font-size:13px;line-height:1.8}.motion-media{width:100%;min-width:0;transform:translate3d(var(--media-x), var(--media-y), 0);will-change:transform;place-items:center;display:grid;position:relative}.motion-media .frame-sequence{place-items:center;max-width:min(100%,109.333svh);display:grid;position:relative}.motion-media canvas,.motion-media img{object-fit:contain;width:100%;height:auto;display:block}.motion-note{color:#4a5f50;margin:0;font-size:10px}.audio-notice{text-align:right;margin:16px 0 0;font-size:11px}.motion-story[data-still=true] .motion-scenes{height:auto}.motion-story[data-still=true] .motion-stand{height:auto;position:relative;overflow:visible;transform:none}.motion-story[data-still=true] .motion-scene{visibility:visible;position:relative}.motion-story[data-still=true] .motion-copy{clip-path:none}.motion-story[data-still=true] .motion-stage{height:auto;min-height:650px;position:relative}.motion-story[data-still=true] .motion-stage,.motion-story[data-still=true] .motion-copy,.motion-story[data-still=true] .motion-media{will-change:auto;transform:none}@media (width>=761px) and (height<=500px){.motion-stage{padding:24px 0}.motion-copy h2{font-size:clamp(36px,min(5.2vw,12svh),64px)}.motion-product{margin-bottom:16px;font-size:11px}.motion-copy>p{margin-top:16px;font-size:11px}}@media (width<=1050px){.motion-copy h2{font-size:clamp(43px,5.5vw,62px)}.motion-stage{grid-template-columns:44% 56%}.motion-scene.media-left .motion-stage{grid-template-columns:56% 44%}.motion-tools nav{gap:24px}}@media (width<=760px){.motion-story{padding:28px 6% 30px}.motion-tools{align-items:flex-start;gap:16px}.motion-tools nav{gap:2px 15px}.motion-tools nav a{padding:7px 0;font-size:10px}.sound-toggle{gap:7px;padding:9px 11px;font-size:10px}.motion-stage,.motion-scene.media-left .motion-stage{grid-template-rows:auto auto;grid-template-columns:1fr;align-content:center;gap:12px;padding:32px 0}.motion-copy,.motion-scene.media-left .motion-copy{grid-area:1/1;padding:0}.motion-scene.media-left .motion-copy{text-align:right}.motion-scene.media-left .motion-copy>p{margin-left:auto}.motion-media,.motion-scene.media-left .motion-media{grid-area:2/1;width:95%}.motion-media{justify-self:end}.motion-scene.media-left .motion-media{justify-self:start}.motion-product{margin-bottom:14px;font-size:11px}.motion-copy h2{font-size:clamp(36px,min(10vw,8.5svh),60px)}.motion-copy>p{max-width:305px;margin:17px 0 0;font-size:11px;line-height:1.75}.motion-media .frame-sequence{max-width:min(100%,max(120px,133.333svh - 373.333px))}.motion-note{font-size:9px}.motion-story[data-still=true] .motion-stage{min-height:0;padding:65px 0}.motion-story[data-still=true] .motion-media .frame-sequence{max-width:100%}}@media (width<=760px) and (height<=600px) and (orientation:landscape){.motion-stage,.motion-scene.media-left .motion-stage{grid-template-rows:auto;grid-template-columns:44% 56%;gap:0;padding:24px 0}.motion-scene.media-left .motion-stage{grid-template-columns:56% 44%}.motion-scene.media-left .motion-copy{text-align:left;grid-column:2;padding-left:20px}.motion-scene.media-left .motion-media{grid-area:1/1}.motion-media{grid-area:1/2;width:100%}.motion-scene.media-left .motion-media{width:100%}.motion-copy h2{font-size:clamp(31px,5.5vw,42px)}.motion-copy>p{font-size:10px}.motion-media .frame-sequence{max-width:min(100%,106.667svh)}}@media (prefers-reduced-motion:reduce){.motion-scenes{height:auto}.motion-stand{height:auto;position:relative;overflow:visible;transform:none}.motion-scene{visibility:visible;position:relative}.motion-copy{clip-path:none}.motion-stage{height:auto;min-height:650px;position:relative}.motion-stage,.motion-copy,.motion-media{will-change:auto;transform:none}}@media (prefers-reduced-motion:reduce) and (width<=760px){.motion-stage{min-height:0;padding:65px 0}.motion-media .frame-sequence{max-width:100%}}.benefit-story{border-top:1px solid var(--line)}.benefit-story .motion-anchor{scroll-margin-top:-100px}.benefit-story .motion-scene{--stage-x:0px;--copy-x:0px}.benefit-story .motion-stage{transform:translate3d(var(--stage-x), 0, 0);overflow:clip}.benefit-story .motion-copy{transform:translate3d(var(--copy-x), 0, 0)}.benefit-story .motion-scene:not(.media-left) .motion-copy{padding-left:12px}.benefit-index{letter-spacing:.14em;color:#4a5f50;font-variant-numeric:tabular-nums;margin:0;font-size:12px}.benefit-story .motion-copy>p{max-width:360px}.benefit-frame{--frame-inset:clamp(18px, 2vw, 26px);width:min(96%, 600px, calc((76svh - 2 * var(--frame-inset)) * var(--benefit-ratio) + 2 * var(--frame-inset)))}.benefit-frame__pane{padding:var(--frame-inset)}.benefit-photo{width:100%;aspect-ratio:var(--benefit-ratio);border-radius:8px;display:block;overflow:hidden;box-shadow:0 0 0 1px #193c2b1f,0 2px 8px #193c2b1a}.benefit-story .benefit-photo img{object-fit:contain;width:100%;height:100%}@media (width<=760px){.benefit-index{font-size:10px}.benefit-frame{--frame-inset:14px;width:min(96%, calc((42svh - 2 * var(--frame-inset)) * var(--benefit-ratio) + 2 * var(--frame-inset)), calc((100svh - 290px - 2 * var(--frame-inset)) * var(--benefit-ratio) + 2 * var(--frame-inset)))}.benefit-story .motion-copy>p{max-width:305px}.benefit-story .motion-scene .motion-copy{padding-left:12px}.benefit-story .motion-scene.media-left .motion-copy{padding-right:22px}}@media (width<=760px) and (height<=600px) and (orientation:landscape){.benefit-frame{width:min(96%, calc((76svh - 2 * var(--frame-inset)) * var(--benefit-ratio) + 2 * var(--frame-inset)))}}.roosa-section{--roosa-bg:#fef6fa;--roosa-light:#ecaacb;--roosa-pink:#d36b9e;--roosa-navy:#1e3465;isolation:isolate;color:var(--roosa-navy);background:radial-gradient(760px 560px at 88% 12%, #ecaacb52, transparent 70%), radial-gradient(620px 460px at 4% 96%, #ecaacb42, transparent 72%), var(--roosa-bg);position:relative;overflow:hidden}.roosa-head{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:5%;display:grid}.roosa-section .section-index{color:var(--roosa-navy)}.roosa-section h2{color:var(--roosa-navy);letter-spacing:-.055em;font-size:clamp(44px,5.4vw,82px);line-height:1}.roosa-section h2 span{color:inherit}.roosa-year{font-family:var(--display);letter-spacing:-.04em;color:var(--roosa-pink);align-items:center;gap:.35em;margin:10px 0 34px;font-size:clamp(40px,4.4vw,66px);font-weight:500;line-height:1;display:flex}.roosa-year span{opacity:.75;font-weight:300}.roosa-pledge{border-left:3px solid var(--roosa-pink);max-width:470px;padding-left:20px}.roosa-pledge p{margin:0;font-size:14px;line-height:1.75}.roosa-pledge p:last-child{color:#3d4b6e;font-size:13px}.roosa-pledge strong{font-family:var(--display);letter-spacing:-.045em;align-items:baseline;gap:.35em;margin:6px 0 10px;font-size:clamp(36px,3.6vw,54px);font-weight:600;line-height:1.05;display:flex}.roosa-pledge small{letter-spacing:.16em;text-transform:uppercase;font-family:Manrope Variable,Arial,sans-serif;font-size:11px;font-weight:700}.roosa-actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.roosa-button{border:1.5px solid var(--roosa-pink);color:var(--roosa-navy);background:#fff9;border-radius:4px;align-items:center;gap:18px;padding:14px 20px;font-size:14px;font-weight:700;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.roosa-button svg{width:20px;height:20px;transition:transform .25s}.roosa-button:hover{border-color:var(--roosa-navy);background:#fff}.roosa-button--solid{border-color:var(--roosa-light);background:var(--roosa-light)}.roosa-button--solid:hover{background:var(--roosa-navy);border-color:var(--roosa-navy);color:#fff}.roosa-button--solid:hover svg{transform:translate(4px)}.roosa-section a:focus-visible{outline-color:var(--roosa-navy)}.roosa-figure{margin:0}.roosa-figure__plate{background:linear-gradient(#fff,#f5f5f5);border-radius:28px;padding:7% 4% 0;box-shadow:0 30px 60px #1e34651a,inset 0 0 0 1px #1e34650f}.roosa-figure__plate img{width:100%;height:auto;display:block}.roosa-figure figcaption{margin-top:22px}.roosa-figure figcaption img{width:168px;height:auto;display:block}.roosa-products{margin-top:clamp(80px,9vw,130px)}.roosa-products__intro{border-top:1px solid #1e346526;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:40px;padding-top:36px;display:flex}.roosa-products h3{font-family:var(--display);letter-spacing:-.045em;margin:0;font-size:clamp(32px,3.2vw,48px);font-weight:500;line-height:1.05}.roosa-products h3 small{letter-spacing:-.015em;margin-top:10px;font-size:.5em;display:block}.roosa-products__intro p{max-width:440px;margin:0;font-size:13px;line-height:1.85}.roosa-bags{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,28px);margin:0;padding:0;list-style:none;display:grid}.roosa-bag{background:#ffffffb3;border:1px solid #d36b9e4d;border-radius:24px;flex-direction:column;padding:16px 16px 22px;transition:transform .35s cubic-bezier(.2,.9,.3,1.2),box-shadow .35s;display:flex;box-shadow:0 18px 40px #1e34650f}.roosa-bag:hover{transform:translateY(-6px);box-shadow:0 28px 54px #1e34651f}.roosa-bags .roosa-bag.is-visible{animation-delay:calc(var(--bag-index) * 90ms)}.roosa-bag__photo{aspect-ratio:1/.92;background:radial-gradient(circle at 50% 45%,#fff 0,#fdf2f7 55%,#f8dfeb 100%);border-radius:16px;place-items:center;display:grid;position:relative}.roosa-bag__photo img{object-fit:contain;filter:drop-shadow(0 14px 16px #781e4629);width:76%;height:86%;transition:transform .5s cubic-bezier(.2,.9,.3,1.2);position:absolute;inset:7% 12%}.roosa-bag:hover .roosa-bag__photo img{transform:translateY(-6px)}.roosa-bag__sticker{background:var(--roosa-navy);color:#fff;letter-spacing:.14em;text-align:center;text-transform:uppercase;border-radius:50%;place-content:center;width:76px;height:76px;font-size:8px;font-weight:700;transition:rotate .4s cubic-bezier(.2,.9,.3,1.4);display:grid;position:absolute;top:12px;right:12px;rotate:8deg;box-shadow:0 10px 20px #1e346540}.roosa-bag:hover .roosa-bag__sticker{rotate:-6deg}.roosa-bag__sticker strong{font-family:var(--display);letter-spacing:-.03em;text-transform:none;color:var(--roosa-light);margin-bottom:3px;font-size:22px;line-height:1;display:block}.roosa-bag h4{font-family:var(--display);letter-spacing:-.035em;margin:22px 4px 8px;font-size:25px;font-weight:500}.roosa-bag p{color:#3d4b6e;flex:1;margin:0 4px;font-size:13px;line-height:1.7}.roosa-bag__order{border-bottom:1px solid #1e34654d;align-self:flex-start;align-items:center;gap:10px;margin:20px 4px 0;padding-bottom:6px;font-size:13px;font-weight:700;transition:color .2s,border-color .2s;display:inline-flex}.roosa-bag__order svg{width:16px;height:16px;transition:transform .25s}.roosa-bag__order:hover{border-color:var(--roosa-pink)}.roosa-bag__order:hover svg{transform:translate(3px,-3px)}.roosa-footnote{color:#5a6787;margin:22px 0 0;font-size:11px}html[data-motion=paused] .roosa-bag,html[data-motion=paused] .roosa-bag__photo img,html[data-motion=paused] .roosa-bag__sticker{transition:none}@media (width<=1050px){.roosa-head{grid-template-columns:1fr;gap:56px}.roosa-figure{max-width:760px}}@media (width<=760px){.roosa-section h2{font-size:clamp(40px,11vw,54px)}.roosa-year{margin-bottom:28px}.roosa-actions{margin-top:30px}.roosa-button{flex:auto;justify-content:center}.roosa-figure__plate{border-radius:22px;padding-top:9%}.roosa-figure figcaption{margin-top:16px}.roosa-figure figcaption img{width:136px}.roosa-products__intro{margin-bottom:28px;display:block}.roosa-products__intro p{margin-top:18px}.roosa-bags{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:none;grid-auto-columns:min(78%,300px);grid-auto-flow:column;gap:14px;margin:0 -5.5%;padding:4px 5.5% 18px;scroll-padding:0 5.5%;overflow-x:auto}.roosa-bags::-webkit-scrollbar{display:none}.roosa-bag{scroll-snap-align:start}.roosa-bag:hover{transform:none}}.bag-backdrop{z-index:0;pointer-events:none;opacity:.2;filter:saturate(.75);transition:opacity .45s;position:fixed;inset:0;overflow:hidden}html[data-backdrop=off] .bag-backdrop{opacity:0}.bag-backdrop canvas{width:100%;height:100%;display:block}#main,footer{z-index:1;position:relative}#main .motion-story{background:0 0}.scroll-rail{z-index:18;pointer-events:none;width:28px;height:min(440px,46vh);position:fixed;top:50%;right:0;translate:0 -54%}.scroll-rail-line{height:100%;position:relative}.scroll-rail-line:before{content:"";background:color-mix(in srgb, var(--ink) 28%, var(--celadon));width:1px;position:absolute;top:0;bottom:0;left:50%;translate:-50%}.scroll-rail-elastic{z-index:1;background:linear-gradient(180deg, var(--acid), color-mix(in srgb, var(--ink) calc(var(--tension,0) * 48%), var(--acid)));width:11px;height:11px;box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 42%, transparent), 0 0 calc(4px + var(--tension,0) * 10px) color-mix(in srgb, var(--acid) 82%, transparent);pointer-events:none;border-radius:999px;position:absolute;top:0;left:50%}.scroll-rail-stop{z-index:2;pointer-events:auto;background:0 0;border:0;border-radius:50%;width:24px;height:24px;padding:0;position:absolute;top:0;left:50%;translate:-50% -50%}.scroll-rail-stop:before{content:"";background:var(--paper);width:7px;height:7px;box-shadow:0 0 0 1.5px var(--ink);border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.scroll-rail-stop.is-reached:before{background:var(--ink)}.scroll-rail-stop[aria-current=true]:before{background:var(--acid);width:9px;height:9px;box-shadow:0 0 0 1.5px var(--ink)}.scroll-rail-stop span{background:color-mix(in srgb, var(--paper) 90%, transparent);color:var(--ink);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;opacity:0;pointer-events:none;border-radius:4px;padding:4px 7px;font-size:9px;font-weight:700;transition:opacity .2s,translate .2s;position:absolute;top:50%;right:calc(100% + 4px);translate:8px -50%}.scroll-rail-stop:hover span,.scroll-rail-stop:focus-visible span{opacity:1;translate:0 -50%}@media (width<=760px){.scroll-rail{width:28px;height:min(260px,36vh);right:0}.scroll-rail-stop{width:24px;height:24px}}.theme-switch button.backdrop-toggle{place-items:center;min-width:29px;padding:6px 7px;display:grid}.theme-switch button.backdrop-toggle svg{width:16px;height:16px}.bag-scene{isolation:isolate;border-radius:inherit;touch-action:pan-y;background:#1c1a19;position:absolute;inset:0;overflow:hidden}.bag-scene__plane{isolation:isolate;--px:0;--py:0;--hover:0;transition:left .85s cubic-bezier(.33,0,.2,1),top .85s cubic-bezier(.33,0,.2,1);position:absolute}.bag-scene__layer,.bag-fx{pointer-events:none;opacity:0;will-change:transform, opacity;transition:opacity .85s cubic-bezier(.33,0,.2,1);position:absolute;inset:0}.bag-scene__layer.is-shown{opacity:1}.bag-scene__layer img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.bag-scene__bag{z-index:6;will-change:transform;transition:left .7s cubic-bezier(.16,1,.3,1),top .7s cubic-bezier(.16,1,.3,1),width .7s cubic-bezier(.16,1,.3,1),height .7s cubic-bezier(.16,1,.3,1);animation:.75s cubic-bezier(.16,1,.3,1) both bag-scene-in;position:absolute}.bag-scene__canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.bag-scene__canvas:focus-visible{outline-offset:-12%;border-radius:12px;outline:2px dashed #ffffffd9}.bag-scene__bag.is-svg svg{width:100%;height:100%}.bag-scene__dust{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.bag-scene__dust.is-front{z-index:9}.bag-scene__grade{z-index:5;pointer-events:none;border-radius:inherit;mix-blend-mode:soft-light;opacity:.55;background:radial-gradient(120% 90% at 50% 46%,#0000 55%,#0806065c 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.bag-scene__pick{z-index:3;box-shadow:none;color:#0000;cursor:pointer;appearance:none;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;margin:0;padding:0;position:absolute;inset:-50px}.bag-scene__pick:focus{outline:none}.bag-scene__pick:focus-visible{outline-offset:-12px;outline:2px dashed #ffffffd9}.bag-fx--sun{z-index:1;background:radial-gradient(38% 26% at calc(var(--fx-x) * 100%) calc(var(--fx-y) * 100%), #ffecc4f2, #ffaa6e73 38%, #ff785000 72%);mix-blend-mode:screen}.bag-fx--sun.is-shown{opacity:calc(.6 + var(--hover) * .25 - var(--px) * .18)}.bag-fx--leak{z-index:4;mix-blend-mode:screen;background:radial-gradient(60% 70% at -8% 42%,#ff8c5a8c,#0000 70%),radial-gradient(40% 40% at 4% 30%,#ffd6a059,#0000 70%)}.bag-fx--leak.is-shown{opacity:calc(.35 + var(--hover) * .2 - var(--px) * .3)}.bag-fx--rays{z-index:4;filter:blur(6px);mix-blend-mode:screen;background:repeating-linear-gradient(112deg,#ffe4aa00 0 5%,#ffe4aa61 7%,#ffe4aa00 10% 14%,#ffe4aa38 15.5%,#ffe4aa00 18%) 0 0/160% 160%;animation:18s ease-in-out infinite alternate bag-rays;-webkit-mask-image:radial-gradient(110% 90% at 0 0,#000 0%,#0000008c 45%,#0000 85%);mask-image:radial-gradient(110% 90% at 0 0,#000 0%,#0000008c 45%,#0000 85%)}.bag-fx--rays.is-shown{opacity:calc(.62 + var(--hover) * .25 - var(--px) * .2)}.bag-fx--flares{z-index:4;filter:blur(1.2px);mix-blend-mode:screen;background:linear-gradient(90deg,#0000 30%,#78aaff80 52%,#e1f0ffe6 64%,#78aaff80 78%,#0000 99%) 0 48%/100% .4% no-repeat,linear-gradient(90deg,#0000 40%,#6ea0ff5c 60%,#d2e6ffa8 72%,#6ea0ff5c 84%,#0000 98%) 0 50.5%/100% .28% no-repeat,linear-gradient(90deg,#0000 50%,#ffbe9647 70%,#0000 90%) 0 53%/100% .22% no-repeat;-webkit-mask-image:linear-gradient(90deg,#0000 0 38%,#000 56%);mask-image:linear-gradient(90deg,#0000 0 38%,#000 56%)}.bag-fx--flares.is-shown{opacity:calc(.7 + var(--hover) * .3);animation:4.6s step-end infinite bag-flicker}.bag-fx--glow{z-index:4;mix-blend-mode:screen;background:radial-gradient(70% 50% at 50% 30%,#ffd2e680,#0000 70%)}.bag-fx--glow.is-shown{opacity:calc(.45 + var(--hover) * .25)}@keyframes bag-scene-in{0%{opacity:0;translate:0 3%}}@keyframes bag-rays{0%{background-position:0 0}to{background-position:30% 12%}}@keyframes bag-flicker{0%,to{filter:blur(1.2px)brightness()}37%{filter:blur(1.2px)brightness(1.18)}61%{filter:blur(1.2px)brightness(.9)}}@media (prefers-reduced-motion:reduce){.bag-fx--rays,.bag-fx--flares.is-shown,.bag-scene__bag{animation:none}}html[data-motion=paused] .bag-fx--rays,html[data-motion=paused] .bag-fx--flares.is-shown{animation:none}