/* Flat device studies. Shutters reveal real wallpaper; they are never ambient decoration. */
.title-word{display:inline-block;white-space:nowrap;overflow:hidden;vertical-align:bottom;padding-bottom:.12em;margin-bottom:-.12em}.title-char{display:inline-block;transform-origin:50% 100%}
.wallpaper-showcase{height:100svh;min-height:760px;position:relative;background:var(--paper);color:var(--ink);border-top:1px solid var(--line);overflow:hidden}
.showcase-top{position:absolute;inset:28px 5% auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.showcase-skip{font:10px Mono;border-bottom:1px solid var(--line);padding:8px 0}.showcase-skip:hover{color:var(--cyan-dark);border-color:var(--cyan)}
.showcase-heading{position:absolute;top:88px;left:5%;right:5%;text-align:center;z-index:4;pointer-events:none}.showcase-count{color:var(--magenta)}.showcase-heading h2{font-size:clamp(30px,3.6vw,54px);font-weight:500;line-height:1.1;letter-spacing:-.05em;margin:12px 0}.showcase-heading p{font-size:13px;color:var(--ink-soft);max-width:590px;margin:auto;line-height:1.6}
.showcase-devices{display:grid;place-items:center;position:absolute;top:238px;bottom:145px;left:5%;right:5%}.device{grid-area:1/1;position:relative;transform-origin:center;will-change:transform}.device-label{margin-bottom:12px;display:flex;justify-content:center;font-size:9px;letter-spacing:.13em}
.android-device{width:252px;z-index:2}.phone-frame{height:440px;position:relative;border:2px solid var(--ink);border-radius:12px;overflow:hidden;background:var(--paper-deep)}.phone-frame .scene{position:absolute;inset:86px 0 0}.device-status{position:absolute;inset:0 0 auto;height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;font:9px Mono;background:var(--paper);border-bottom:1px solid var(--line);z-index:3}.phone-clock{position:absolute;top:43px;left:0;right:0;text-align:center;pointer-events:none}.phone-clock strong{font-size:40px;line-height:1.1;font-weight:300;letter-spacing:-.05em}.phone-clock>span{display:block;font:7px Mono;margin-top:6px}
.screen-shutters,.cast-shutters{position:absolute;inset:0;display:grid;grid-template-columns:repeat(12,1fr);pointer-events:none;z-index:5}.screen-shutters i,.cast-shutters i{display:block;background:var(--paper-deep);border-right:1px solid var(--line);transform-origin:top}.screen-shutters i:nth-child(even),.cast-shutters i:nth-child(even){transform-origin:bottom}.screen-shutters i:first-child,.cast-shutters i:first-child{border-left:1px solid var(--line)}
.device-apps{position:absolute;z-index:4;display:flex;gap:8px;bottom:34px;left:10px;right:10px;justify-content:center}.device-apps button{display:flex;flex-direction:column;align-items:center;gap:5px;border:1px solid var(--line);border-radius:2px;padding:8px 6px 6px;color:var(--ink);background:var(--paper);min-width:46px;font:7px Mono;transition:background .18s,color .18s,border-color .18s}.device-apps button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.device-apps button:hover{border-color:var(--cyan);background:var(--cyan);color:var(--key)}.device-apps button[aria-pressed=true]{border-color:var(--magenta);background:var(--magenta);color:var(--white)}.device-apps button:focus-visible,.cast-greet:focus-visible,.showcase-chapters button:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.device-reply{position:absolute;z-index:4;left:12px;right:12px;bottom:102px;border-left:2px solid var(--magenta);background:var(--paper);color:var(--ink);padding:9px 10px;font-size:10px;line-height:1.4;pointer-events:none}.phone-home{position:absolute;bottom:8px;left:39%;right:39%;height:2px;background:var(--ink);z-index:4}.device .scene-label{font-size:6px;padding:3px 4px;bottom:16px;left:10px;max-width:90%;line-height:1.2}
.windows-device{width:min(70vw,760px)}.monitor-frame{position:relative;height:410px;border:2px solid var(--ink);border-radius:2px;background:var(--paper-deep);overflow:hidden}.monitor-frame .scene{position:absolute;inset:28px 0 32px}.desktop-bar{position:absolute;inset:0 0 auto;display:flex;justify-content:space-between;height:28px;padding:8px 14px;font:8px Mono;background:var(--paper);border-bottom:1px solid var(--line);z-index:4}.windows-device .device-apps{inset:48px auto auto 14px;flex-direction:column;gap:8px}.windows-device .device-apps button{padding:7px;min-width:54px}.desktop-widget{position:absolute;top:58px;right:25px;padding:15px;border-left:2px solid var(--cyan);background:var(--paper);pointer-events:none;max-width:180px;z-index:4}.desktop-widget .meta{font-size:7px}.desktop-widget strong{display:block;font-size:24px;font-weight:400;letter-spacing:-.035em;line-height:1.2;margin:12px 0}.desktop-widget>span:last-child{font:8px Mono;color:var(--ink-faint)}.desktop-taskbar{position:absolute;inset:auto 0 0;height:32px;display:flex;align-items:center;gap:16px;padding:0 14px;background:var(--paper);border-top:1px solid var(--line);font:8px Mono;z-index:4}.desktop-taskbar>span:last-child{margin-left:auto}.windows-mark{font-size:21px;color:var(--cyan-dark)}.windows-device .device-reply{left:auto;right:25px;bottom:58px;width:180px;font-size:11px}.windows-device .scene-label{bottom:8px}.monitor-foot{width:110px;height:13px;border:1px solid var(--ink);border-top:none;margin:auto;background:var(--paper-deep)}
.showcase-bottom{position:absolute;bottom:28px;left:5%;right:5%;z-index:6}.showcase-chapters{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line)}.showcase-chapters button{padding:14px 8px;text-align:left;background:transparent;color:var(--ink-soft);border:0;border-top:2px solid transparent;font:11px Mono;transition:color .18s,border-color .18s}.showcase-chapters button span{margin-right:10px;font-size:9px;color:var(--ink-faint)}.showcase-chapters button:hover{color:var(--cyan-dark);border-top-color:var(--cyan)}.showcase-chapters button[aria-current=step]{color:var(--ink);border-top-color:var(--magenta)}.showcase-note{font:9px Mono;color:var(--ink-faint);margin-top:8px;text-align:center}
.creator{padding:28px 5% 24px;min-height:100svh}.creator-content{width:100%}.creator .chapter-head{margin-bottom:18px}.creator .chapter-head>p{font-size:11px}.creator-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:22px}.creator-intro h2{font-size:clamp(36px,4vw,62px);line-height:1.03;letter-spacing:-.05em}.creator-intro .btn{font-size:11px;min-height:40px}.creator-cast{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}.creator-column{min-width:0;border-right:1px solid var(--line);overflow:hidden}.creator-column:last-child{border-right:0}.cast-heading{display:flex;align-items:center;gap:18px;padding:12px 18px;border-bottom:1px solid var(--line)}.cast-heading h3{font-size:24px;font-weight:500;line-height:1.1;letter-spacing:-.04em}.cast-heading .meta{color:var(--ink-faint)}.cast-art{height:clamp(230px,37svh,360px);position:relative;background:var(--paper-deep)}.cast-art .scene{position:absolute;inset:0}.cast-art .scene-label{font:7px Mono;padding:4px 6px;left:12px;bottom:12px;max-width:90%}.cast-shutters{grid-template-columns:repeat(10,1fr)}.cast-description{position:relative;padding:14px 18px 16px;min-height:102px}.cast-description p{font-size:15px;letter-spacing:-.02em;margin-bottom:7px}.cast-description>span{font:8px Mono;color:var(--ink-faint);display:block}.cast-greet{border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:9px Mono;margin-top:13px;padding:4px 0;transition:color .18s,border-color .18s}.cast-greet:hover{color:var(--magenta);border-color:var(--magenta)}.creator-flow{display:grid;grid-template-columns:repeat(3,1fr);margin-top:16px;gap:16px;font:9px Mono;color:var(--ink-soft)}.creator-flow span{padding-left:18px;border-left:2px solid var(--cyan)}.creator-flow span:nth-child(2){border-color:var(--magenta)}.creator-flow span:nth-child(3){border-color:var(--yellow)}.creator-note{font:8px Mono;color:var(--ink-faint);margin-top:14px;line-height:1.5}
html[data-motion=off] .screen-shutters,html[data-motion=off] .cast-shutters,.compact-showcase .screen-shutters{display:none}html[data-motion=off] .wallpaper-showcase,.compact-showcase{height:auto;min-height:0;padding:28px 5%}html[data-motion=off] .showcase-top,.compact-showcase .showcase-top{position:static}html[data-motion=off] .showcase-heading,.compact-showcase .showcase-heading{position:static;margin:30px 0}html[data-motion=off] .showcase-devices,.compact-showcase .showcase-devices{position:static;display:flex;align-items:center;justify-content:center;gap:40px;margin:40px 0}html[data-motion=off] .device,.compact-showcase .device{position:relative;left:auto;top:auto;translate:none;transform:none!important;opacity:1!important;visibility:visible!important;will-change:auto}html[data-motion=off] .showcase-bottom,.compact-showcase .showcase-bottom{position:static}html[data-motion=off] .windows-device,.compact-showcase .windows-device{width:min(60vw,760px)}
@media(min-width:761px) and (max-height:790px){.showcase-heading{top:70px}.showcase-heading h2{font-size:38px}.showcase-devices{top:215px;bottom:120px}.phone-frame{height:390px}.android-device{width:226px}.monitor-frame{height:350px}.creator .cast-art{height:230px}.creator-intro h2{font-size:40px}.creator .chapter-head{margin-bottom:12px}}
@media(max-width:760px){.wallpaper-showcase{min-height:820px}.showcase-top{top:22px}.showcase-top .meta{font-size:8px;max-width:175px}.showcase-skip{font-size:8px}.showcase-heading{top:78px}.showcase-heading h2{font-size:32px;max-width:330px;margin:12px auto}.showcase-heading p{font-size:11px;max-width:320px}.showcase-devices{top:250px;bottom:160px;left:0;right:0}.android-device{width:230px}.phone-frame{height:410px}.windows-device{width:96vw}.monitor-frame{height:310px}.desktop-widget{right:10px;top:46px;width:92px;padding:8px}.desktop-widget strong{font-size:14px}.desktop-widget .meta{font-size:5px}.desktop-widget>span:last-child{font-size:6px}.windows-device .device-reply{right:14px;width:132px;font-size:9px}.windows-device .device-apps{left:10px;top:42px;gap:5px}.windows-device .device-apps button{min-width:43px;padding:5px}.device-apps button svg{width:20px;height:20px}.showcase-bottom{bottom:24px}.showcase-chapters{grid-template-columns:repeat(3,1fr)}.showcase-chapters button{font-size:9px;padding:9px 4px}.showcase-chapters button span{font-size:7px;margin-right:6px}.showcase-note{font-size:7px;line-height:1.6}.creator{padding:28px 6%}.creator .chapter-head{display:block}.creator .chapter-head>p{margin-top:12px}.creator-intro{display:block;margin:25px 0}.creator-intro h2{font-size:40px}.creator-intro .btn{margin-top:22px}.creator-cast{grid-template-columns:1fr}.creator-column{border-right:0;border-bottom:1px solid var(--line)}.creator-column:last-child{border-bottom:0}.cast-art{height:370px}.cast-heading{padding:14px 16px}.cast-description{min-height:115px}.creator-flow{grid-template-columns:1fr;gap:15px;margin-top:24px}.creator-note{font-size:8px;margin-top:22px}html[data-motion=off] .showcase-devices,.compact-showcase .showcase-devices{flex-direction:column;gap:36px}html[data-motion=off] .windows-device,.compact-showcase .windows-device{width:100%}html[data-motion=off] .showcase-heading,.compact-showcase .showcase-heading{margin:30px 0}.creator .title-word{vertical-align:bottom}}
@media(prefers-reduced-motion:reduce){.title-char{transform:none!important;opacity:1!important}.screen-shutters,.cast-shutters{display:none}.device-apps button,.cast-greet,.showcase-chapters button{transition:none}}

@media(min-height:481px) and (max-height:650px){.wallpaper-showcase{height:100svh;min-height:550px}.showcase-top{top:16px}.showcase-heading{top:55px}.showcase-heading h2{font-size:26px;margin:9px 0}.showcase-heading p{font-size:10px;max-width:430px}.showcase-devices{top:170px;bottom:105px}.android-device{width:170px}.phone-frame{height:270px}.device-label{font-size:7px;margin-bottom:8px}.device-status{height:23px;padding:0 10px;font-size:7px}.phone-clock{top:30px}.phone-clock strong{font-size:25px}.phone-clock>span{font-size:5px}.phone-frame .scene{inset:62px 0 0}.android-device .device-apps{bottom:22px;gap:3px;left:5px;right:5px}.android-device .device-apps button{min-width:35px;padding:4px 3px;font-size:5px;gap:3px}.android-device .device-apps svg{width:15px;height:15px}.android-device .device-reply{bottom:65px;left:7px;right:7px;font-size:7px;padding:5px}.device .scene-label{font-size:5px;padding:2px;left:6px;bottom:13px}.windows-device{width:min(84vw,620px)}.monitor-frame{height:245px}.desktop-widget{top:42px;right:15px;width:135px;padding:10px}.desktop-widget strong{font-size:18px;margin:8px 0}.windows-device .device-apps{top:38px;gap:4px;left:10px}.windows-device .device-apps button{min-width:37px;padding:4px;font-size:6px}.windows-device .device-apps svg{width:15px;height:15px}.windows-device .device-reply{bottom:46px;right:15px;width:135px;font-size:8px;padding:7px}.showcase-bottom{bottom:15px}.showcase-chapters button{font-size:8px;padding:7px 4px}.showcase-note{font-size:6px;margin-top:4px}.windows-device .scene-label{bottom:5px}html[data-motion=off] .wallpaper-showcase,.compact-showcase{height:auto;min-height:0}}