/* Scenes: the plugin at work on real pictures from the sample shop, drawn in the site's grammar.
   Every colour is a token from site.css; the pictures live in /shop, 480px on the long side. */

[data-scene]{position:relative;font-family:var(--font);color:var(--ink);letter-spacing:0;-webkit-font-smoothing:antialiased}
[data-scene] *{box-sizing:border-box}
[data-scene] img{display:block;width:100%;height:100%;object-fit:cover}

/* ---------- shared bits ---------- */
.sc-frame{position:relative;background:var(--white);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px rgb(20 20 15 / .1),0 40px 80px -44px rgb(20 20 15 / .45)}
.sc-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 16px;border-bottom:1px solid hsl(var(--ah) var(--as) var(--al) / .12);font-size:13px}
.sc-bar b{font-weight:500}
.sc-bar .sc-dim{color:var(--n60);font-size:12.5px}
.sc-tag{display:inline-block;border-radius:4px;padding:4px 9px;font-size:11.5px;font-weight:500;line-height:1.2;white-space:nowrap}
.sc-tag--dark{background:var(--dark);color:var(--surface)}
.sc-tag--soft{background:var(--surface);color:var(--n50)}
.sc-tag--hl{background:var(--hl);color:var(--on-hl)}
.sc-tag--ok{background:var(--ok-bg);color:var(--ok)}
.sc-label{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--n70)}
.sc-tabnum{font-variant-numeric:tabular-nums}
.sc-caret{display:inline-block;width:2px;height:1em;background:var(--accent);vertical-align:-.15em;margin-left:2px;animation:scBlink 1s steps(2) infinite}
.sc-tile{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;background:var(--band);transition:opacity .5s var(--ease),filter .5s var(--ease),outline-color .3s,transform .5s var(--ease)}
.sc-tile img{transition:transform .8s var(--ease)}
.sc-tile.is-dim{opacity:.28;filter:saturate(.2)}
.sc-tile.is-hit{outline:2px solid var(--accent);outline-offset:-2px}
.sc-tile.is-done{outline:2px solid var(--ink);outline-offset:-2px}
.sc-tile.is-reading{outline:2px solid var(--accent);outline-offset:-2px}
.sc-tile.is-reading::after{content:"";position:absolute;left:0;right:0;top:-40%;height:40%;background:linear-gradient(to bottom,transparent,hsl(var(--ah) var(--as) var(--al) / .35) 70%,var(--accent));animation:scScan .9s var(--ease) infinite}
.sc-tick{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:999px;background:var(--hl);color:var(--on-hl);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;transform:scale(0);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.sc-tile.is-done .sc-tick{transform:scale(1)}
.sc-chip{position:absolute;left:6px;bottom:6px;background:rgb(20 20 15 / .85);color:var(--surface);font-size:10.5px;font-weight:500;padding:2px 7px;border-radius:4px;opacity:0;transform:translateY(4px);transition:opacity .3s,transform .3s var(--ease)}
.sc-chip.is-on{opacity:1;transform:none}
.sc-chip.sc-chip--doubt{background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 1px var(--n80)}
.sc-ghost{position:absolute;z-index:5;border-radius:6px;overflow:hidden;box-shadow:0 18px 30px -12px rgb(20 20 15 / .5);pointer-events:none;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .3s ease .4s;transform-origin:0 0}
.sc-fade{animation:scFade .45s var(--ease) both}
.sc-hidden{visibility:hidden}

/* the folder tree, as the plugin draws it */
.sc-tree{display:flex;flex-direction:column;gap:1px;font-size:13px}
.sc-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:5px;color:var(--n50);transition:background .3s,color .3s}
.sc-row svg{flex:none;opacity:.55}
.sc-row>span:first-of-type{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-row .sc-n{font-size:11.5px;color:var(--n70);font-variant-numeric:tabular-nums;transition:color .3s,transform .3s var(--ease)}
.sc-row--child{padding-left:26px}
.sc-row.is-lit{background:var(--soft);color:var(--ink)}
.sc-row.is-lit .sc-n{color:var(--accent);font-weight:500}
.sc-row.is-lit .sc-n.is-bump{transform:translateY(-3px)}
.sc-row.is-active{background:var(--dark);color:var(--surface)}
.sc-row.is-active .sc-n{color:var(--n80);font-weight:500}
.sc-row.is-active svg{opacity:.85}

/* ---------- hero ---------- */
.sc-hero{--tile:1fr}
.sc-hero .sc-body{display:grid;grid-template-columns:186px 1fr}
.sc-hero .sc-side{border-right:1px solid hsl(var(--ah) var(--as) var(--al) / .12);padding:14px 10px 16px;background:var(--page)}
.sc-hero .sc-side .sc-label{margin:0 0 8px 8px}
.sc-hero .sc-main{padding:14px;display:flex;flex-direction:column;gap:12px}
.sc-hero .sc-search{display:flex;align-items:center;gap:9px;background:var(--page);border-radius:6px;padding:9px 12px;box-shadow:inset 0 0 0 1px hsl(var(--ah) var(--as) var(--al) / .14);font-size:13px;min-height:36px}
.sc-hero .sc-search svg{flex:none;stroke:var(--n60)}
.sc-hero .sc-search .sc-q{color:var(--ink);font-weight:500}
.sc-hero .sc-search .sc-q:empty+.sc-caret{display:none}
.sc-hero .sc-search .sc-ph{color:var(--n70)}
.sc-hero .sc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}
.sc-hero .sc-strip{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;background:var(--dark);color:var(--surface);border-radius:10px;padding:10px 12px;min-height:72px}
.sc-hero .sc-strip.is-search{grid-template-columns:1fr auto}
.sc-hero .sc-strip.is-search .sc-thumb{display:none}
.sc-hero .sc-strip .sc-thumb{width:52px;height:52px;border-radius:6px;overflow:hidden;background:var(--dark-2)}
.sc-hero .sc-strip .sc-thumb{opacity:.35;transition:opacity .3s}
.sc-hero .sc-strip .sc-thumb img{opacity:0;transition:opacity .3s}
.sc-hero .sc-strip .sc-thumb.is-on{opacity:1}
.sc-hero .sc-strip .sc-thumb.is-on img{opacity:1}
.sc-hero .sc-strip .sc-status{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--hl);margin-bottom:4px;min-height:14px}
.sc-hero .sc-strip .sc-text{font-size:13px;line-height:1.45;min-height:19px;color:var(--surface)}
.sc-hero .sc-strip .sc-cost{font-size:12px;font-weight:500;color:var(--hl);white-space:nowrap;align-self:start}
.sc-hero .sc-credits{font-variant-numeric:tabular-nums}
.sc-hero .sc-tile.is-reading img{transform:scale(1.06)}

/* ---------- describe ---------- */
.sc-describe .sc-frame{display:grid;grid-template-columns:200px 1fr}
.sc-describe .sc-pic{position:relative;background:var(--band);min-height:300px}
.sc-describe .sc-pic img{position:absolute;inset:0;transition:opacity .5s}
.sc-describe .sc-pic .sc-scan{position:absolute;left:0;right:0;top:-30%;height:30%;background:linear-gradient(to bottom,transparent,hsl(var(--ah) var(--as) var(--al) / .4) 70%,var(--accent));opacity:0}
.sc-describe .sc-pic.is-reading .sc-scan{opacity:1;animation:scScanTall 1.1s var(--ease) infinite}
.sc-describe .sc-pic .sc-file{position:absolute;left:10px;right:10px;bottom:10px;background:rgb(20 20 15 / .8);color:var(--surface);font-size:10.5px;padding:4px 8px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-describe .sc-out{padding:18px 20px 16px;display:flex;flex-direction:column;gap:12px;min-width:0}
.sc-describe .sc-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sc-describe .sc-prog{height:3px;border-radius:999px;background:hsl(var(--ah) var(--as) var(--al) / .12);overflow:hidden}
.sc-describe .sc-prog i{display:block;height:100%;width:0;background:var(--accent);transition:width .9s var(--ease)}
.sc-describe .sc-field .sc-label{display:block;margin-bottom:5px}
.sc-describe .sc-alt{font-size:14.5px;line-height:1.5;min-height:44px;border-left:2px solid var(--hl);padding-left:10px}
.sc-describe .sc-title{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;min-height:24px}
.sc-describe .sc-title s{color:var(--n70);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc-describe .sc-title .sc-new{background:var(--band);border-radius:4px;font-size:12px;font-weight:500;padding:3px 10px;opacity:0;transform:translateX(-6px);transition:opacity .35s,transform .35s var(--ease)}
.sc-describe .sc-title .sc-new.is-on{opacity:1;transform:none}
.sc-describe .sc-facts{display:flex;flex-wrap:wrap;gap:6px;min-height:52px;align-content:flex-start}
.sc-describe .sc-fact{background:var(--surface);border-radius:4px;font-size:12px;padding:4px 10px;color:var(--ink);opacity:0;transform:translateY(6px);transition:opacity .3s,transform .35s var(--ease)}
.sc-describe .sc-fact b{font-weight:500;color:var(--n60);margin-right:5px}
.sc-describe .sc-fact.is-on{opacity:1;transform:none}
.sc-describe .sc-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid hsl(var(--ah) var(--as) var(--al) / .12);padding-top:12px;margin-top:auto;font-size:12.5px;color:var(--n60)}
.sc-describe .sc-foot .sc-saved{opacity:0;transition:opacity .3s}
.sc-describe .sc-foot .sc-saved.is-on{opacity:1}

/* ---------- file ---------- */
.sc-file .sc-frame{display:grid;grid-template-columns:1fr 210px}
.sc-file .sc-tray{padding:16px;border-right:1px solid hsl(var(--ah) var(--as) var(--al) / .12)}
.sc-file .sc-tray .sc-bar2{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}
.sc-file .sc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.sc-file .sc-tile{transition:opacity .4s,transform .4s var(--ease)}
.sc-file .sc-tile.is-lift{transform:scale(1.05);box-shadow:0 14px 28px -12px rgb(20 20 15 / .5);z-index:2}
.sc-file .sc-tile.is-done{opacity:.92}
.sc-file .sc-side{padding:14px 10px 16px;background:var(--page)}
.sc-file .sc-side .sc-label{margin:0 0 8px 8px}
.sc-file .sc-foot{grid-column:1 / -1;display:flex;align-items:center;gap:10px;border-top:1px solid hsl(var(--ah) var(--as) var(--al) / .12);padding:12px 16px;font-size:12.5px;color:var(--n60)}
.sc-file .sc-foot .sc-btn{background:var(--hl);color:var(--on-hl);border-radius:5px;padding:8px 14px;font-size:12.5px;font-weight:500;opacity:.35;transition:opacity .3s}
.sc-file .sc-foot .sc-btn.is-on{opacity:1}
.sc-file .sc-foot .sc-undo{margin-left:auto}

/* ---------- find ---------- */
.sc-find .sc-frame{padding:16px}
.sc-find .sc-search{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}
.sc-find .sc-box{flex:1;min-width:200px;display:flex;align-items:center;gap:10px;background:var(--page);border-radius:6px;padding:11px 14px;box-shadow:inset 0 0 0 1px hsl(var(--ah) var(--as) var(--al) / .16);font-size:14px;min-height:42px}
.sc-find .sc-box svg{flex:none;stroke:var(--n60)}
.sc-find .sc-box .sc-q{font-weight:500}
.sc-find .sc-box .sc-q:empty+.sc-caret{display:none}
.sc-find .sc-box .sc-ph{color:var(--n70)}
.sc-find .sc-btn{background:var(--accent);color:var(--white);border-radius:6px;padding:11px 18px;font-size:13.5px;font-weight:500}
.sc-find .sc-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}
.sc-find .sc-tile .sc-rank{position:absolute;top:6px;left:6px;width:20px;height:20px;border-radius:999px;background:var(--accent);color:var(--white);font-size:11px;font-weight:500;display:flex;align-items:center;justify-content:center;transform:scale(0);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
.sc-find .sc-tile.is-hit .sc-rank{transform:scale(1)}
.sc-find .sc-foot{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:13px;color:var(--n50);min-height:20px}
.sc-find .sc-foot::before{content:"";width:9px;height:9px;background:var(--accent);flex:none;opacity:0;transition:opacity .3s}
.sc-find .sc-foot.is-on::before{opacity:1}
.sc-find .sc-foot span{opacity:0;transition:opacity .3s}
.sc-find .sc-foot.is-on span{opacity:1}

/* ---------- clean ---------- */
.sc-clean .sc-frame{padding:18px 20px}
.sc-clean .sc-set{display:flex;gap:10px;align-items:center;flex-wrap:wrap;min-height:78px}
.sc-clean .sc-set .sc-tile{width:74px;height:74px;aspect-ratio:auto;flex:none;transform:translateX(40px);opacity:0}
.sc-clean .sc-set .sc-tile.is-in{transform:none;opacity:1}
.sc-clean .sc-set .sc-tile.is-aside{opacity:.55}
.sc-clean .sc-set .sc-tile .sc-chip{left:5px;bottom:5px;padding:2px 6px;font-size:10px}
.sc-clean .sc-set .sc-tile .sc-chip--keep{background:var(--hl);color:var(--on-hl)}
.sc-clean .sc-note{flex:1;min-width:170px;font-size:12.5px;line-height:1.55;color:var(--n60);opacity:0;transition:opacity .4s}
.sc-clean .sc-note.is-on{opacity:1}
.sc-clean .sc-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.sc-clean .sc-head .sc-back{font-size:12.5px;font-weight:500;color:var(--ink);opacity:0;transition:opacity .3s}
.sc-clean .sc-head .sc-back.is-on{opacity:1}
.sc-clean .sc-rule{height:1px;background:hsl(var(--ah) var(--as) var(--al) / .12);margin:16px 0}

/* ---------- folders ---------- */
.sc-folders .sc-body{display:grid;grid-template-columns:176px 1fr}
.sc-folders .sc-side{border-right:1px solid hsl(var(--ah) var(--as) var(--al) / .12);padding:14px 10px 16px;background:var(--page)}
.sc-folders .sc-side .sc-label{margin:0 0 8px 8px}
.sc-folders .sc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:14px;align-content:start}
.sc-folders .sc-tile.is-lift{transform:scale(1.05);box-shadow:0 14px 28px -12px rgb(20 20 15 / .5);z-index:2}
.sc-cursor{position:absolute;left:0;top:0;z-index:6;pointer-events:none;opacity:0;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .3s;filter:drop-shadow(0 4px 6px rgb(20 20 15 / .35))}
.sc-cursor.is-on{opacity:1}
.sc-cursor .sc-key{position:absolute;left:22px;top:18px;background:var(--dark);color:var(--surface);font-size:10.5px;font-weight:500;padding:2px 7px;border-radius:4px;box-shadow:inset 0 -2px 0 rgb(0 0 0 / .4);opacity:0;transition:opacity .25s}
.sc-cursor .sc-key.is-on{opacity:1}

/* ---------- rename ---------- */
.sc-rename .sc-bar .sc-btn{background:var(--accent);color:var(--white);border-radius:5px;padding:8px 14px;font-size:12.5px;font-weight:500;opacity:.4;transition:opacity .3s,transform .2s}
.sc-rename .sc-bar .sc-btn.is-on{opacity:1;transform:scale(.97)}
.sc-rename .sc-item{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:center;padding:12px 16px;border-bottom:1px solid hsl(var(--ah) var(--as) var(--al) / .1);transition:background .4s}
.sc-rename .sc-item.is-done{background:var(--page)}
.sc-rename .sc-thumb{width:44px;height:44px;border-radius:5px;overflow:hidden;background:var(--band)}
.sc-rename .sc-names{min-width:0;position:relative;height:38px}
.sc-rename .sc-old,.sc-rename .sc-new{position:absolute;left:0;right:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .4s,transform .4s var(--ease),color .4s}
.sc-rename .sc-old{top:10px;color:var(--ink);font-weight:500}
.sc-rename .sc-new{top:20px;color:var(--ink);font-weight:500;opacity:0;transform:translateY(6px)}
.sc-rename .is-done .sc-old{top:0;font-size:11.5px;color:var(--n70);text-decoration:line-through;font-weight:400}
.sc-rename .is-done .sc-new{opacity:1;transform:none}
.sc-rename .sc-state{font-size:11.5px;font-weight:500;color:var(--n70);transition:color .3s}
.sc-rename .is-done .sc-state{color:var(--ok)}
.sc-rename .sc-foot{display:flex;justify-content:space-between;gap:10px;padding:12px 16px;font-size:12.5px;color:var(--n60);min-height:42px}

/* ---------- page heroes: a claim, three facts, a live element ---------- */
.ph-in{max-width:1320px;margin:0 auto;padding:64px 40px 52px;display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:center}
.ph-in--bar{padding:56px 0 40px;border-bottom:1px solid hsl(var(--ah) var(--as) var(--al) / .16);grid-template-columns:1.25fr .75fr}
.ph-label{font-size:12px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin-bottom:18px}
.ph-h1{font-weight:500;letter-spacing:-.04em;line-height:1;font-size:clamp(2.4rem,4.6vw,3.8rem);margin:0 0 26px;text-wrap:balance;max-width:14ch}
.ph-facts{display:flex;flex-wrap:wrap;gap:10px 28px;font-size:14px;color:var(--n50)}
.ph-facts span{display:flex;align-items:center;gap:9px;white-space:nowrap}
.ph-facts span::before{content:"";width:9px;height:9px;background:var(--accent);flex:none}
.ph-facts b{font-weight:500;color:var(--ink)}
.ph-in--solo{grid-template-columns:1fr;padding-bottom:44px}
.ph-in--solo .ph-h1{margin-bottom:22px}
.ph-facts--doc{background:var(--hero);border-radius:8px;padding:14px 18px;margin:0 0 40px;gap:8px 24px}
.ph-in--bar [data-scene="folders"] .sc-frame{box-shadow:inset 0 0 0 1px hsl(var(--ah) var(--as) var(--al) / .14),0 28px 60px -36px rgb(20 20 15 / .35)}

/* the rail: the seven sections as real pictures; click goes to the section */
.sc-rail{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
.sc-rail a{display:block;color:inherit;text-decoration:none}
.sc-rail .sc-tile{border-radius:8px;transition:transform .4s var(--ease),outline-color .3s;cursor:pointer}
.sc-rail a:hover .sc-tile{transform:translateY(-4px)}
.sc-rail .sc-tile.is-hit{outline:2px solid var(--accent);outline-offset:-2px}
.sc-rail .sc-cap{margin-top:8px;font-size:11.5px;line-height:1.3;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sc-rail .sc-cap b{font-weight:500;color:var(--accent);margin-right:3px}
.sc-rail .sc-cap i{display:block;font-style:normal;font-size:10.5px;color:var(--n60);margin-top:2px}

/* the meter: one picture, its sentence, one credit */
.sc-meter .sc-strip{display:grid;grid-template-columns:56px 1fr auto;gap:12px;align-items:center;background:var(--dark);color:var(--surface);border-radius:14px;padding:12px 14px;min-height:80px}
.sc-meter .sc-thumb{width:56px;height:56px;border-radius:6px;overflow:hidden;background:var(--dark-2)}
.sc-meter .sc-status{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--hl);margin-bottom:4px;min-height:14px}
.sc-meter .sc-text{font-size:13px;line-height:1.45;min-height:19px}
.sc-meter .sc-cost{font-size:12px;font-weight:500;color:var(--hl);white-space:nowrap;align-self:start;opacity:0;transition:opacity .3s}
.sc-meter .sc-cost.is-on{opacity:1}

@media (max-width:1080px){.sc-rail{grid-template-columns:repeat(4,1fr)}}
@media (max-width:900px){.ph-in,.ph-in--bar{grid-template-columns:1fr;gap:32px;padding:44px 20px 36px}.ph-in--bar{padding-left:0;padding-right:0}.ph-h1{max-width:none}}
@media (max-width:620px){.sc-rail{grid-template-columns:repeat(3,1fr)}.ph-facts{flex-direction:column;gap:8px}.ph-facts span{white-space:normal}}

/* ---------- the blocks around the scenes on the home page ---------- */
.sc-block{display:grid;grid-template-columns:.82fr 1.18fr;gap:52px;align-items:center;border-radius:28px;padding:56px}
.sc-block[data-side="right"]{grid-template-columns:1.18fr .82fr}
.sc-block[data-side="right"]>.sc-copy{order:2}
.sc-block .sc-copy h3{font-size:clamp(1.55rem,2.3vw,1.9rem);font-weight:500;letter-spacing:-.022em;margin:0 0 6px}
.sc-block .sc-copy .sc-kind{font-size:12px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:9px}
.sc-block .sc-copy .sc-kind::before{content:"";width:9px;height:9px;background:currentColor;flex:none}
.sc-block .sc-copy p{font-size:17.5px;line-height:1.6;margin:0 0 22px;text-wrap:pretty}
.sc-block .sc-copy ul{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:8px}
.sc-block .sc-copy li{display:flex;gap:9px;align-items:flex-start;font-size:14.5px;line-height:1.5}
.sc-block .sc-copy li::before{content:"✓";flex:none;margin-top:3px;width:15px;height:15px;border-radius:4px;background:var(--ok-bg);color:var(--ok);font-size:10px;font-weight:500;display:inline-flex;align-items:center;justify-content:center}
.sc-block .sc-copy a{display:inline-block;padding:13px 24px;border-radius:12px;font-size:15px;font-weight:500}
.sc-block--accent{background:var(--accent);color:var(--white)}
.sc-block--accent .sc-copy h3,.sc-block--accent .sc-copy .sc-kind{color:var(--white)}
.sc-block--accent .sc-copy p{color:rgb(255 255 255 / .88)}
.sc-block--accent .sc-copy li{color:rgb(255 255 255 / .86)}
.sc-block--accent .sc-copy a{background:var(--white);color:var(--ink)}
.sc-block--tint{background:var(--surface-h)}
.sc-block--tint .sc-copy .sc-kind{color:var(--accent)}
.sc-block--tint .sc-copy p,.sc-block--tint .sc-copy li{color:var(--n50)}
.sc-block--tint .sc-copy a{background:var(--white);color:var(--ink)}
.sc-block--paper{background:var(--white);box-shadow:inset 0 0 0 1px hsl(var(--ah) var(--as) var(--al) / .12)}
.sc-block--paper .sc-copy .sc-kind{color:var(--accent)}
.sc-block--paper .sc-copy p,.sc-block--paper .sc-copy li{color:var(--n50)}
.sc-block--paper .sc-copy a{background:var(--accent);color:var(--white)}
.sc-block--dark{background:var(--dark);color:var(--surface)}
.sc-block--dark .sc-copy h3{color:var(--white)}
.sc-block--dark .sc-copy .sc-kind{color:var(--hl)}
.sc-block--dark .sc-copy p{color:rgb(255 255 255 / .84)}
.sc-block--dark .sc-copy li{color:rgb(255 255 255 / .8)}
.sc-block--dark .sc-copy a{background:var(--white);color:var(--ink)}
.sc-block--paper .sc-frame{box-shadow:inset 0 0 0 1px hsl(var(--ah) var(--as) var(--al) / .14),0 28px 60px -36px rgb(20 20 15 / .35)}

@media (max-width:1080px){.sc-find .sc-grid{grid-template-columns:repeat(4,1fr)}}
@media (max-width:900px){
  .sc-block,.sc-block[data-side="right"]{grid-template-columns:1fr;gap:32px;padding:32px 28px}
  .sc-block[data-side="right"]>.sc-copy{order:0}
  .sc-hero .sc-body{grid-template-columns:1fr}
  .sc-hero .sc-side{display:none}
  .sc-describe .sc-frame{grid-template-columns:1fr}
  .sc-describe .sc-pic{min-height:0;aspect-ratio:3/2}
  .sc-describe .sc-pic img{position:absolute}
  .sc-file .sc-frame{grid-template-columns:1fr}
  .sc-folders .sc-body{grid-template-columns:1fr}
  .sc-folders .sc-side{border-right:0;border-bottom:1px solid hsl(var(--ah) var(--as) var(--al) / .12)}
  .sc-file .sc-tray{border-right:0;border-bottom:1px solid hsl(var(--ah) var(--as) var(--al) / .12)}
}
@media (max-width:620px){.sc-find .sc-grid{grid-template-columns:repeat(3,1fr)}}

@keyframes scScan{from{top:-40%}to{top:100%}}
@keyframes scScanTall{from{top:-30%}to{top:100%}}
@keyframes scBlink{50%{opacity:0}}
@keyframes scFade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){[data-scene] *{animation:none!important;transition:none!important}}