body{color:#eeeae6;font-family:var(--sans);--scene:#282235;--cloud:#555568;--cloud-top:#68687c;--rear:#424557;--cloud-ink:#fff8ed;--control:#ffffff12;--line-cloud:#ffffff30;background:#17131e;margin:0;padding:48px clamp(16px,5vw,80px) 80px}.day{color:#29332e;--scene:#e8dcc4;--cloud:#f8f9f3;--cloud-top:#fffef8;--rear:#cfdee3;--cloud-ink:#304c5c;--control:#a6c4d51c;--line-cloud:#819eac60;background:#f3ecde}.intro{max-width:820px;margin-bottom:64px}h1{font:clamp(36px,5vw,60px) var(--display);margin:12px 0 20px}.intro p,.label p{opacity:.8;line-height:1.7}button{font:inherit;border:1px solid var(--line-cloud);background:var(--control);min-height:44px;color:inherit;cursor:pointer;border-radius:28px;padding:10px 18px}button:focus-visible{outline-offset:4px;outline:3px solid #7dc6f0}button:hover{filter:brightness(1.1)}.study{margin-bottom:80px}.label{max-width:760px;margin-bottom:22px}.label h2{font:34px var(--display);margin:4px 0 8px}.label .eyebrow{margin:0}.sample{background:var(--scene);border:1px solid #88888830;border-radius:20px;overflow:hidden}.photos{touch-action:pan-y;height:340px;position:relative;overflow:hidden}.still,.reels{height:100%}.still img{object-fit:cover;object-position:center 50%;width:100%;height:100%}.still picture{height:100%;display:block}.hero-copy{font:38px var(--display);color:#fff;text-shadow:0 2px 12px #0008;position:absolute;bottom:65px;left:40px}.reels{grid-template-columns:repeat(4,1fr);gap:20px;padding:20px;display:grid}.reels img{object-fit:cover;border-radius:8px;width:100%;height:100%}.reels picture{min-height:0;overflow:hidden}.sample [hidden]{display:none}.cloud-divider{isolation:isolate;z-index:1;place-items:center;min-height:180px;margin-top:-44px;padding:44px 28px;display:grid;position:relative}.cloud{pointer-events:none;z-index:-1;width:100%;height:100%;fill:var(--cloud);position:absolute;inset:0}.rear{display:none}.controls{color:var(--cloud-ink);flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;max-width:1100px;display:flex}.controls button{font-family:var(--display);white-space:normal;font-size:16px}.controls button[aria-pressed=true]{background:var(--cloud-ink);color:var(--cloud)}.hint{margin:0 5px;font-size:11px}.below{outline-offset:-4px;padding:30px 40px 50px}.below h3{font:48px var(--display);margin:10px 0 20px}.rule{opacity:.15;background:currentColor;height:1px}.note{opacity:.6;margin:24px 0 0;font-size:13px}.bank .front{filter:drop-shadow(0 7px 8px #00000012)}.layers .rear{fill:var(--rear);display:block;translate:0 -22px;scale:1.04 1.12}.layers .front{fill:var(--cloud-top);filter:drop-shadow(0 9px 5px #00000015);scale:1.02 .85}.pillow .cloud-divider{min-height:230px;margin-top:-65px;padding:65px 50px}.pillow .front{filter:drop-shadow(0 12px 15px #0003);width:88%;fill:var(--cloud-top);inset:0 6%}.pillow .rear{fill:var(--rear);display:block;translate:0 30px;scale:1 .42}.pillow .controls{max-width:850px}.pillow .hint{text-align:center;flex-basis:100%;order:4}.pillow .below{padding-top:0}@media (width<=700px){body{padding-top:30px}.photos{height:270px}.hero-copy{font-size:28px;left:22px}.reels{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}.reels picture:nth-child(n+3){display:none}.cloud-divider{margin-top:-35px;padding:48px 16px}.hint{text-align:center;flex-basis:100%;order:4}.controls{gap:9px}.controls button{padding:9px 12px;font-size:13px}.controls .descend{flex-basis:auto}.below{padding:24px 22px 40px}.below h3{font-size:35px}.pillow .cloud-divider{padding:65px 24px}.pillow .front{width:96%;inset:0 2%}.intro{margin-bottom:42px}}body{--puff-light:#dfe9f3;--puff-shade:#8caac5;--puff-highlight:#f3f8ff;--cloud-ink:#294658;--line-cloud:#597a9755;--control:#ffffff38}.day{--puff-light:#fff;--puff-shade:#c2deef;--puff-highlight:#fff;--cloud-ink:#294658}.controls button[aria-pressed=true]{color:#fff;background:#345c72}.cloud-divider{min-height:200px;padding-block:55px}.puff-detail{opacity:.6}@media (width<=700px){.top-puff.small-puff{display:none}.top-puff:not(.small-puff){rx:170px;ry:43px}.lower-puff{ry:24px;rx:145px}.puff-detail{display:none}.cloud.rear path{d:path("M0 65 Q130 5 340 40 Q530 0 700 38 Q950 -5 1200 65 L1200 155 Q980 205 780 165 Q550 205 340 165 Q100 200 0 155 Z")}}.bank .below{padding-top:45px;position:relative}.bank .below>:not(.bank-billows){z-index:1;position:relative}.bank-billows{pointer-events:none;width:58%;height:190px;position:absolute;top:-65px;right:-1px}.bank .front{overflow:visible}.bank .front .top-puff{ry:56px}.bank .front .lower-puff{ry:40px}.bank .below h3{max-width:42%}@media (width<=700px){.bank-billows{width:65%;height:125px;top:-55px}.bank .below{padding-top:75px}.bank .below h3{max-width:none}.bank .front .top-puff:not(.small-puff){ry:48px}}.layers .front{width:100%;height:100%;inset:0;overflow:visible;scale:1}.layers .rear{opacity:.88;width:50%;height:200%;inset:-100% auto auto 25%;translate:none;scale:1}.layers .front .top-puff{ry:56px}.layers .front .top-puff:nth-child(3n){ry:65px}.layers .front .lower-puff{ry:40px}.layers .cloud-divider{margin-top:-35px}@media (width<=700px){.layers .front .top-puff:not(.small-puff){ry:48px}.layers .front .lower-puff{ry:30px}}