@font-face{font-family:Adapter;src:url(/font/AdapterPETextWeb-Rg.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Adapter;src:url(/font/AdapterPETextWeb-Bd.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Adapter Mono;src:url(/font/AdapterMonoPEWeb-Rg.woff2) format("woff2");font-weight:400;font-display:swap}:root{--bg: #ffffff;--fg: #141414;--text: #2b2b2b;--dim: #8c8c8c;--hair: #e7e7e7;--media: #f4f4f4;color-scheme:light}:root[data-theme=dark]{--bg: #0e0e0e;--fg: #e6e6e6;--text: #d2d2d2;--dim: #7b7b7b;--hair: #242424;--media: #161616;color-scheme:dark}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0e0e0e;--fg: #e6e6e6;--text: #d2d2d2;--dim: #7b7b7b;--hair: #242424;--media: #161616;color-scheme:dark}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;font-size:16px}:root{--l: 1.65rem;--l: round(1.65rem, 1px);--ul: .34em;--bl: round(calc(var(--l) / 2 + .262rem), 1px);--ease: cubic-bezier(.2, .7, .2, 1);--t-in: .52s;--t-out: .38s}body{margin:0;background:var(--bg);color:var(--text);font-family:Adapter,ui-sans-serif,system-ui,sans-serif;font-size:1rem;line-height:var(--l);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,p,ul,ol,dl,figure{margin:0}h1,h2,h3{font-size:inherit;font-weight:700;color:var(--fg)}img,video{display:block;width:100%;height:auto}a{color:inherit}:root{--ul-pad: .2em;--ul-c: color-mix(in srgb, var(--fg) 30%, var(--bg))}a:where(:not(.top a,.foot a:not(.colophon a),.card,.tcard,.rows.cases a)),.rows.cases .what{text-decoration:none;padding-bottom:var(--ul-pad);margin-bottom:calc(-1 * var(--ul-pad));justify-self:start;background:linear-gradient(currentColor,currentColor) 0 100% / 0 1px no-repeat,linear-gradient(var(--ul-c),var(--ul-c)) 100% 100% / 100% 1px no-repeat;transition:background-size var(--t-out) var(--ease)}a:where(:not(.top a,.foot a:not(.colophon a),.card,.tcard,.rows.cases a)):is(:hover,:focus-visible),.rows.cases a:is(:hover,:focus-visible) .what{background-size:100% 1px,0 1px;transition-duration:var(--t-in)}.rows li>a,.rows.cases .what{align-self:start;--ul-lift: calc((var(--l) - 1.0667em) / 2);background-position:0 calc(100% - var(--ul-lift)),100% calc(100% - var(--ul-lift))}.foot .colophon .v a{text-decoration:none}@media(prefers-reduced-motion:reduce){a,.rows.cases .what{transition-property:none!important}}::selection{background:var(--fg);color:var(--bg)}:focus-visible{outline:1px solid var(--fg);outline-offset:3px}.dim{color:var(--dim)}.page{--px: 28px;position:relative;max-width:1136px;margin:0;padding:calc(var(--l) * 2) var(--px) var(--l)}@media(min-width:900px){.page{--px: 48px;padding-top:calc(var(--l) * 4);padding-bottom:calc(var(--l) * 2)}}:root{--sb: 0px}body{overflow-x:clip}.page{--bleed: calc(100vw - var(--sb) - 2 * var(--px))}.bleed,.page.wide main .g{width:max(100%,var(--bleed))}@media(min-width:701px){.bleed .ph,.page.wide main .g .ph{height:max(calc(var(--l) * var(--h, 12)),calc(var(--h, 12) * var(--bleed) * .025385))}@supports (height: round(nearest,10px,1px)){.bleed .ph,.page.wide main .g .ph{height:max(calc(var(--l) * var(--h, 12)),round(nearest,calc(var(--h, 12) * var(--bleed) * .025385),var(--l)))}}}.page.wide .proj>*{max-width:37rem}.text{max-width:37rem}.text p+p{margin-top:var(--l)}.face{display:inline-block;position:relative;z-index:2;width:1.4em;height:1.4em;margin:-1em .1em -.2em;vertical-align:-.14em;border-radius:50%;overflow:hidden;background:var(--media);cursor:zoom-in;transform-origin:50% 70%;transition:transform var(--t-out) var(--ease)}.face img{width:100%;height:100%;object-fit:cover;border-radius:0}.face:hover,.face:focus-visible{transform:scale(5);outline:none;box-shadow:0 0 0 .5px var(--hair);transition-duration:var(--t-in)}@media(prefers-reduced-motion:reduce){.face{transition:none}}.top{display:flex;flex-direction:column;margin-bottom:calc(var(--l) * 4)}.top a{text-decoration:none}.top .who{font-weight:700}.top .home{display:flex;flex-direction:column;align-self:flex-start;color:inherit}.top .roles{display:grid;height:var(--l);overflow:hidden}.top .roles>span{grid-area:1 / 1;transition:transform .32s var(--ease),opacity .32s var(--ease)}.top .roles .back{color:var(--fg);transform:translateY(70%);opacity:0}.top .home:focus-visible .now{transform:translateY(-70%);opacity:0}.top .home:focus-visible .back{transform:none;opacity:1}@media(hover:hover){.top .home:hover .now{transform:translateY(-70%);opacity:0}.top .home:hover .back{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.top .roles>span{transition:none}}section+section{margin-top:calc(var(--l) * 4)}.label{color:var(--dim);margin-bottom:var(--l)}.rows,.facts,.credits,.colophon{position:relative;top:calc(var(--l) / 2)}.rows{list-style:none;padding:0;box-shadow:inset 0 1px var(--hair)}.rows li{display:grid;grid-template-columns:7.5em 11em 1fr;gap:0 var(--l);padding:calc(var(--l) / 2) 0 calc(var(--l) / 2 - 1px);border-bottom:1px solid var(--hair)}.rows .when,.rows .note{color:var(--dim)}@media(max-width:700px){.rows li{grid-template-columns:6.5em 1fr}.rows .note{grid-column:2}}.rows.cases li{display:block;padding:0}.rows.cases a{display:grid;grid-template-columns:7.5em 11em 1fr auto;gap:0 var(--l);padding:calc(var(--l) / 2) 0 calc(var(--l) / 2 - 1px);text-decoration:none}.rows.cases .what{font-weight:700}.rows.cases .go{color:var(--dim);white-space:nowrap;transition:transform .2s,color .2s}.rows.cases a:hover .go{color:var(--fg);transform:translate(3px)}@media(max-width:700px){.rows.cases a{grid-template-columns:6.5em 1fr auto}.rows.cases .note{grid-column:2 / 4;grid-row:2}}figcaption{color:var(--dim);margin-top:calc(var(--l) / 2)}.drawing{background:#fff;padding:var(--l)}:root[data-theme=dark] .drawing{filter:invert(.945) hue-rotate(180deg)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .drawing{filter:invert(.945) hue-rotate(180deg)}}.case-head h1{font-weight:700}.case-head .lede{margin-top:var(--l);max-width:37rem}.facts{margin-top:calc(var(--l) * 2);box-shadow:inset 0 1px var(--hair)}.facts div{display:grid;grid-template-columns:7.5em 1fr;gap:var(--l);padding:calc(var(--l) / 2) 0 calc(var(--l) / 2 - 1px);border-bottom:1px solid var(--hair)}.facts dt{color:var(--dim)}.facts dd{margin:0}.body{margin-top:calc(var(--l) * 3)}.body h2{margin-top:calc(var(--l) * 3);margin-bottom:var(--l)}.body>p,.body>ul{max-width:37rem}.body>p+p{margin-top:var(--l)}.body figure{margin:calc(var(--l) * 2) 0}.body .frame{background:var(--media)}.body .frame.plain{background:transparent}.pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--l);margin:calc(var(--l) * 2) 0}.pair figure{margin:0}@media(max-width:700px){.pair{grid-template-columns:1fr}}.note-line{color:var(--dim);max-width:37rem}.credits{list-style:none;padding:0;max-width:37rem;box-shadow:inset 0 1px var(--hair)}.credits li{display:grid;grid-template-columns:11em 1fr;gap:var(--l);padding:calc(var(--l) / 2) 0 calc(var(--l) / 2 - 1px);border-bottom:1px solid var(--hair)}.credits span{color:var(--dim)}.next{margin-top:calc(var(--l) * 4);display:flex;gap:var(--l)}.foot{margin-top:calc(var(--l) * 5);color:var(--dim)}.foot a{color:var(--dim);text-decoration:none}.foot a:hover{color:var(--fg)}.colophon{list-style:none;padding:0;box-shadow:inset 0 1px var(--hair)}.colophon li{display:grid;grid-template-columns:7.5em 1fr auto;gap:0 var(--l);padding:calc(var(--l) / 2) 0 calc(var(--l) / 2 - 1px);border-bottom:1px solid var(--hair)}.colophon .v{color:var(--fg);font-family:Adapter,ui-sans-serif,system-ui,sans-serif;font-size:1rem}.colophon .v a{color:var(--fg);text-decoration:underline;text-decoration-color:var(--hair);text-decoration-thickness:1px;text-underline-offset:var(--ul)}.colophon .v a:hover{text-decoration-color:currentColor}.colophon .x{text-align:right;font-variant-numeric:tabular-nums}.colophon kbd{font-family:inherit;font-size:.92em;line-height:1;border:1px solid var(--hair);border-radius:3px;padding:0 .35em;color:var(--fg)}@media(max-width:700px){.colophon li{grid-template-columns:6.5em 1fr}.colophon .x{grid-column:2;text-align:left}}.foot .end{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:0 var(--l);padding-top:var(--l)}.foot .mail{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--l)}.foot .mail .addr{color:var(--fg)}.theme{appearance:none;border:0;padding:6px;margin:-6px;background:none;cursor:pointer;opacity:.35;transition:opacity .2s;line-height:0}.theme:hover,.theme:focus-visible{opacity:1}.theme span{display:block;width:9px;height:9px;border-radius:50%;border:1px solid var(--fg);background:linear-gradient(90deg,var(--fg) 50%,transparent 50%)}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--l);row-gap:var(--l);align-items:start}.g>*{grid-column:var(--c, 1 / -1);min-width:0}.g+.g{margin-top:var(--l)}.ph{height:calc(var(--l) * var(--h, 12));background:var(--media);overflow:hidden}.ph img{width:100%;height:100%;object-fit:cover}.ph.drawing{background:#fff;padding:var(--l)}.ph.drawing img{object-fit:contain}.cell figcaption{margin-top:0;color:var(--dim)}h1,h2,h3,b,strong,.top .who,.rows.cases .what,.card .t,.tcard .t,.lightbox .lb-t,.about-h{letter-spacing:.05em}@media(max-width:700px){.g{grid-template-columns:repeat(4,minmax(0,1fr))}.g>*{grid-column:1 / -1}.g>.m-half{grid-column:span 2}.ph{height:calc(var(--l) * min(var(--h, 12),var(--hm, 11)))}.g>.m-half .ph{height:calc(var(--l) * 7)}}.proj{grid-column:1 / span 4}.proj h2{font-weight:700}.proj p,.proj .facts{margin-top:var(--l)}.proj .facts div{grid-template-columns:6em 1fr;gap:var(--l);padding:calc(var(--l) / 2) 0 calc(var(--l) / 2 - 1px)}@media(min-width:701px){.proj.sticky{position:sticky;top:var(--l)}}.page-head{margin-bottom:calc(var(--l) * 3)}.page-head h1{font-weight:700}.page-head p{margin-top:var(--l);max-width:37rem}.chapter{margin-top:calc(var(--l) * 5)}.chapter:first-of-type{margin-top:0}.card{display:flex;flex-direction:column;text-decoration:none;color:inherit}.card .ph{margin-bottom:calc(var(--l) / 2);height:calc(var(--l) * var(--h, 12) - var(--l) / 2)}.card .ph img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.card .t{font-weight:700}.card .arrow{color:var(--dim);display:inline-block;transition:transform .2s,color .2s}a.card:hover .ph img{transform:scale(1.025)}a.card:hover .arrow{color:var(--fg);transform:translate(3px)}.card.soon .t{color:var(--fg)}.card .ph.plan{background:#fff;display:grid;place-items:center;padding:calc(var(--l) / 2)}.card .ph.plan img{object-fit:contain}.card .ph.type{display:flex;align-items:flex-end;padding:calc(var(--l) / 2);color:var(--dim)}.card .ph svg{width:100%;height:100%}:root[data-theme=dark] .ph.drawing,:root[data-theme=dark] .ph.plan{filter:invert(.945) hue-rotate(180deg)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .ph.drawing,:root:not([data-theme=light]) .ph.plan{filter:invert(.945) hue-rotate(180deg)}}html.show-grid .page:after{content:"";position:absolute;pointer-events:none;z-index:10;top:0;bottom:0;left:var(--px);right:var(--px);--col: calc((100% - 11 * var(--l)) / 12);background:repeating-linear-gradient(to bottom,transparent 0 calc(var(--bl) - 1px),rgba(255,60,40,.45) calc(var(--bl) - 1px) var(--bl),transparent var(--bl) var(--l)),repeating-linear-gradient(to right,rgba(255,60,40,.07) 0 var(--col),transparent var(--col) calc(var(--col) + var(--l)))}@media(max-width:700px){html.show-grid .page:after{--col: calc((100% - 3 * var(--l)) / 4)}}.ph-inner{width:100%;height:100%}.ph-inner.plan{padding:calc(var(--l) / 2);display:grid;place-items:center}.ph-inner.plan img{object-fit:contain}.ph-inner.art{color:var(--dim);padding:calc(var(--l) / 2)}.ph-inner.art svg{width:100%;height:100%;display:block}:root[data-theme=dark] .ph-inner.plan img{filter:invert(.85)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .ph-inner.plan img{filter:invert(.85)}}@media(max-width:700px){.g.cards>*{grid-column:span 2}.g.cards .ph{height:calc(var(--l) * 5.5)}}:root{--radius: 2px}img,video,.ph,.frame,.drawing,.plate{border-radius:var(--radius)}.ph,.frame,.drawing{overflow:hidden}.label,.rows .when,.rows.cases .go,figcaption,.facts dt,.foot,.top .role,.next .dim{font-family:Adapter Mono,ui-monospace,Menlo,monospace;font-size:.87rem;font-weight:400;letter-spacing:0}.label,.rows .when,.rows.cases .go,.top .role,.next .dim,.mono,.side-facts dt,.facts dt,.foot .k,.foot .x,.foot .end,figcaption{--a: round(.8095em, 1px);--d: round(.2857em, 1px);--a0: round(.8095rem, 1px);--d0: round(.2857rem, 1px);position:relative;top:calc(round(down,(var(--l) - var(--a0) - var(--d0)) / 2,1px) + var(--a0) - round(down,(var(--l) - var(--a) - var(--d)) / 2,1px) - var(--a))}.on-dark{display:none!important}:root[data-theme=dark] .on-dark{display:block!important}:root[data-theme=dark] .on-light{display:none!important}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .on-dark{display:block!important}:root:not([data-theme=light]) .on-light{display:none!important}}.mono{font-family:Adapter Mono,ui-monospace,monospace;font-size:.87rem;color:var(--dim)}.tcard{display:flex;flex-direction:column;text-decoration:none;color:inherit}.tcard .meta{display:flex;justify-content:space-between;align-items:flex-start;margin-top:calc(var(--l) / 2)}.tcard .t{font-weight:700}.tcard .arrow{color:var(--dim);display:inline-block;transition:transform .2s,color .2s}.tcard:hover .arrow{color:var(--fg);transform:translate(3px)}.plate{background:var(--media);overflow:hidden;height:calc(var(--l) * 10.5);padding:calc(var(--l) * 1.5) 0 0 calc(var(--l) * 1.5)}.plate img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius) 0 0 0;box-shadow:0 0 0 1px var(--hair),0 8px 24px #0000000f;transition:transform .5s cubic-bezier(.2,.7,.2,1)}.tcard:hover .plate img{transform:translate(-4px,-4px)}@media(max-width:700px){.plate{height:calc(var(--l) * 8.5)}}.side-facts{margin:0}.side-facts>div+div{margin-top:var(--l)}.side-facts dt{font-family:Adapter Mono,ui-monospace,monospace;font-size:.87rem;color:var(--dim)}.side-facts dd{margin:0}.zoom{display:block;width:100%;padding:0;border:0;cursor:zoom-in;font:inherit;color:inherit}.zoom img{transition:transform .6s var(--ease)}.zoom:hover img,.zoom.hold img{transform:scale(1.02)}.zoom.hold img{transition:none!important}.ph.pad{padding:var(--l)}.zoom:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.cell .zoom+figcaption{margin-top:calc(var(--l) / 2)}.cell .zoom.ph:has(+figcaption){height:calc(var(--l) * var(--h, 12) - var(--l) / 2)}html:has(.lightbox[open]){overflow:hidden}.lightbox{max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;padding:var(--l);border:0;background:var(--bg);color:var(--fg);cursor:zoom-out;overflow:hidden;display:none;grid-template-rows:minmax(0,1fr) auto;gap:var(--l)}.lightbox[open]{display:grid}.lightbox::backdrop{background:transparent}.lb-stage{min-height:0;display:grid;place-items:center}.lb-stage img{display:block;max-width:none;border-radius:var(--radius);will-change:transform,clip-path}.lightbox .lb-cap{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--l);max-width:72rem;width:100%;margin:0 auto}.lightbox .lb-t{grid-column:1 / 4;font-weight:700}.lightbox .lb-meta{grid-column:4 / 7;color:var(--dim);font-family:Adapter Mono,ui-monospace,Menlo,monospace;font-size:.87rem}.lightbox .lb-d{grid-column:7 / 13}.lightbox .lb-x{position:absolute;top:var(--l);right:var(--l);border:0;background:none;color:var(--dim);font-family:Adapter Mono,ui-monospace,Menlo,monospace;font-size:.87rem;cursor:pointer}@media(max-width:700px){.lightbox .lb-cap>*{grid-column:1 / -1}.ph.pad{padding:calc(var(--l) / 2)}}html:not(.kbd) :focus,html:not(.kbd) :focus-visible{outline:none}.about{align-items:start;margin-bottom:calc(var(--l) * 3)}.about-h{font-weight:700;margin-bottom:var(--l)}@media(max-width:700px){.about>.cell{grid-row:1;margin-bottom:var(--l)}}.text .more{margin-top:var(--l)}.frame.snapped{overflow:hidden}.frame.snapped>img,.frame.snapped>video{height:100%;object-fit:cover}html.am-open{overflow:hidden;scrollbar-gutter:stable}.about-modal{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:var(--fg);overflow:hidden}.about-modal::backdrop{background:transparent}.am-panel{--glass: color-mix(in srgb, var(--bg) 80%, transparent);position:absolute;inset:0;background:var(--glass);-webkit-backdrop-filter:blur(60px) saturate(1.4);backdrop-filter:blur(60px) saturate(1.4)}:root[data-theme=dark] .am-panel{--glass: color-mix(in srgb, var(--bg) 76%, transparent)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .am-panel{--glass: color-mix(in srgb, var(--bg) 76%, transparent)}}.am-scroll{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain}.am-page{--px: 28px;position:relative;max-width:1136px;margin:0;padding:calc(var(--l) * 2) var(--px) calc(var(--l) * 3)}@media(min-width:900px){.am-page{--px: 48px;padding-top:calc(var(--l) * 4)}}.am-page .about{margin-bottom:0}.am-page .top{view-transition-name:none}.am-home{display:flex;flex-direction:column;align-self:flex-start;justify-self:start;color:inherit;text-decoration:none}.am-home .roles{display:grid;height:var(--l);overflow:hidden}.am-home .roles>span{grid-area:1 / 1;transition:transform .32s var(--ease),opacity .32s var(--ease)}.am-home .roles .back{color:var(--fg);transform:translateY(70%);opacity:0}.kbd .am-home:focus-visible .now{transform:translateY(-70%);opacity:0}.kbd .am-home:focus-visible .back{transform:none;opacity:1}@media(hover:hover){.am-home:hover .now{transform:translateY(-70%);opacity:0}.am-home:hover .back{transform:none;opacity:1}}@media(max-width:700px){.am-page .about>.cell{grid-row:auto;margin-bottom:0}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.am-panel{--glass: var(--bg)}}@media(prefers-reduced-transparency:reduce){.am-panel{--glass: var(--bg) !important;-webkit-backdrop-filter:none;backdrop-filter:none}}.page.short{display:flex;flex-direction:column;min-height:100vh;min-height:100svh}.page.short .foot{margin-top:auto;padding-top:calc(var(--l) * 4)}.foot.short .colophon{box-shadow:none}.foot.short .colophon li:last-child{border-bottom:0}.foot.short .colophon .v a.addr{background:none}:root{--t-fade: .6s;--t-rise: .8s;--rise: 14px}:root{--page-out-dur: .32s;--page-in-dur: .36s;--page-in-delay: .16s;--page-blur: 10px;--page-ease-out: cubic-bezier(.4, 0, 1, 1);--page-ease-in: cubic-bezier(0, 0, .2, 1)}@view-transition{navigation:auto}::view-transition-group(*){animation-duration:calc(var(--page-in-delay) + var(--page-in-dur))}::view-transition-old(root){animation:vt-out var(--page-out-dur) var(--page-ease-out) both}::view-transition-new(root){animation:vt-in var(--page-in-dur) var(--page-ease-in) var(--page-in-delay) both}::view-transition-old(top){animation:none;opacity:0}::view-transition-new(top){animation:none}::view-transition-old(top):only-child{animation:vt-out var(--page-out-dur) var(--page-ease-out) both}::view-transition-new(top):only-child{animation:vt-in var(--page-in-dur) var(--page-ease-in) var(--page-in-delay) both}@keyframes vt-out{to{opacity:0;filter:blur(var(--page-blur))}}@keyframes vt-in{0%{opacity:0;filter:blur(var(--page-blur))}}.page-in body{animation:vt-in var(--page-in-dur) var(--page-ease-in) both}.vt-fade::view-transition-group(*){animation-duration:.35s}.vt-fade::view-transition-old(*){animation:vt-fade-out .35s ease both}.vt-fade::view-transition-new(*){animation:vt-fade-in .35s ease both}@keyframes vt-fade-out{to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.js .reveal{opacity:0;transform:translateY(var(--rise))}.js .reveal.in{opacity:1;transform:none;transition:opacity var(--t-rise) var(--ease) var(--d, 0s),transform var(--t-rise) var(--ease) var(--d, 0s)}.lqip{position:relative;isolation:isolate}.lqip:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--lqip) var(--pos, 50% 50%) / cover no-repeat;filter:blur(18px);transform:scale(1.15)}.js img.pending,.js video.pending{opacity:0}.js img.loaded,.js video.loaded{transition:opacity var(--t-fade) var(--ease)}@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none}.js img.loaded,.js video.loaded{transition:opacity .2s linear}}