@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Argent Pixel CF;src:url(/fonts/ArgentPixelCF-Italic.woff2)format("woff2"),url(/fonts/ArgentPixelCF-Italic.woff)format("woff"),url(/fonts/ArgentPixelCF-Italic.otf)format("opentype");font-weight:400;font-style:italic;font-display:swap}:root{--ink:#fff;--font:"Forma DJR Micro", "Forma DJR Text", "Forma DJR Display", "Helvetica Neue", Helvetica, Arial, sans-serif;--track:-.03em;--track-small:-.005em;--font-mono:ui-monospace, "SF Mono", "Menlo", "Consolas", monospace;--font-mark:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-display:var(--font);--font-home:var(--font);--hot:#f6f;--acid:#e5ff76;--violet:#a06bff;--ease-smooth:cubic-bezier(.16, 1, .3, 1);--pad:clamp(1rem, 2.5vw, 2rem);--fs-small:clamp(.62rem, .78vw, .78rem)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);text-transform:uppercase;letter-spacing:var(--track-small);background:#000;overflow:hidden}a{color:inherit;text-decoration:none}.bg{object-fit:cover;z-index:0;width:100%;height:100%;position:fixed;inset:0}.overlay{z-index:1;mix-blend-mode:difference;color:var(--ink);padding:var(--pad);font-family:var(--font-display);font-size:var(--fs-small);letter-spacing:var(--track-small);text-transform:uppercase;grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0}.btn{font-family:var(--font-display);font-weight:400;font-size:var(--fs-small);text-transform:uppercase;letter-spacing:var(--track-small);white-space:nowrap;pointer-events:auto;border:1px solid;border-radius:999px;padding:.62em 1.1em;line-height:1;transition:background-color .2s,color .2s;display:inline-block}.btn:hover,.btn:focus-visible{background:var(--ink);color:#000}.btn:focus-visible{outline-offset:2px;outline:2px solid}.top{grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;display:grid}.top .wordmark{grid-column:2}.top__nav{flex-shrink:0;grid-column:3;justify-self:end;gap:.5rem;display:flex}.disciplines{right:var(--pad);bottom:var(--pad);text-align:right;pointer-events:none;position:absolute}.disciplines__word{letter-spacing:var(--track);text-transform:uppercase;transition:opacity .3s var(--ease-smooth), filter .3s var(--ease-smooth), transform .3s var(--ease-smooth);margin:0;font-size:clamp(.95rem,1.95vw,1.5rem);line-height:1.05}.disciplines__word.is-out{opacity:0;filter:blur(7px);transform:translateY(-.34em)}.disciplines__word.is-in{animation:settle .46s var(--ease-smooth) both}@keyframes settle{0%{opacity:0;filter:blur(7px);transform:translateY(.38em)}to{opacity:1;filter:blur();transform:translateY(0)}}.bottom{flex-direction:column;align-items:flex-start;gap:.4rem;display:flex}@media (width<=640px){.disciplines{bottom:calc(var(--pad) + 5.4rem)}.top{gap:1rem}}@media (prefers-reduced-motion:reduce){.disciplines__word{transition:none}.disciplines__word.is-in{animation:none}}body.home{overflow:hidden}body.page{color:var(--ink);background:#000;overflow-y:auto}.bar-scrim{height:calc(var(--pad) * 2 + 2.6rem);z-index:9;pointer-events:none;opacity:0;transition:opacity .35s var(--ease-smooth);background:linear-gradient(to bottom, var(--page-bg,#07070a) 0%, color-mix(in srgb, var(--page-bg,#07070a) 55%, transparent) 45%, transparent 100%);position:fixed;top:0;left:0;right:0}.bar-scrim.is-lit{opacity:1}body.has-fog .bar-scrim{z-index:29;background:linear-gradient(#07070af2 0%,#07070a80 45%,#0000 100%)}.page-bar{z-index:10;padding:var(--pad);mix-blend-mode:difference;color:var(--ink);font-family:var(--font-display);font-size:var(--fs-small);text-transform:uppercase;letter-spacing:var(--track-small);pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;display:grid;position:fixed;top:0;left:0;right:0}.page-bar>*{pointer-events:auto}.page-bar__nav{gap:.5rem;display:flex}.sections{inset:var(--pad);top:calc(var(--pad) * 2 + 2.6rem);z-index:3;color:var(--ink);grid-template-columns:repeat(2,1fr);align-self:stretch;gap:0;width:auto;min-height:0;padding:0;display:grid;position:fixed;bottom:0;left:0;right:0}.door{pointer-events:auto;isolation:isolate;border:0;border-radius:0;min-height:0;display:block;position:relative;overflow:hidden}.door+.door{border-left:1px solid #ffffff29}.door__glass{z-index:1;pointer-events:none;--glass:blur(20px) saturate(.85);backdrop-filter:var(--glass);transition:backdrop-filter .9s var(--ease-smooth), background-color .9s var(--ease-smooth);background:#0a0a0c75;position:absolute;inset:0}.sections:hover .door__glass{--glass:blur(26px) saturate(.8);background:#0a0a0c9e}.door:hover .door__glass,.door:focus-visible .door__glass{--glass:blur(11px) saturate(1.1);background:#0a0a0c4d}.door__glass:after{content:"";mix-blend-mode:multiply;opacity:.55;transition:opacity .9s var(--ease-smooth);background-image:radial-gradient(circle,#0000008c .6px,#0000 .7px);background-size:3px 3px;position:absolute;inset:0}.door:hover .door__glass:after,.door:focus-visible .door__glass:after{opacity:1}.door__body{z-index:2;pointer-events:none;gap:.5rem;display:grid;position:absolute;inset:auto clamp(1rem,3vw,2.2rem) clamp(1.4rem,4vw,2.6rem)}.door__title{font-family:var(--font);letter-spacing:-.035em;text-transform:uppercase;color:#fff;text-shadow:0 2px 20px #0009;transition:color .45s var(--ease-smooth);font-size:clamp(1.6rem,5.2vw,4rem);font-weight:400;line-height:.92}.door:hover .door__title,.door:focus-visible .door__title{color:var(--hot)}.door__meta{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:var(--track-small);color:#fff;opacity:.75}@media (width<=720px){.sections{inset:var(--pad);top:calc(var(--pad) * 2 + 2.6rem);z-index:3;color:var(--ink);grid-template-columns:1fr;gap:0;position:fixed}.door+.door{border-top:1px solid #ffffff29;border-left:0}}.reel{scroll-snap-type:y mandatory;scroll-behavior:smooth;height:100vh;overflow-y:auto}.reel__item{scroll-snap-align:start;background:#000;height:100vh;position:relative;overflow:hidden}.reel__video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.reel__item.is-portrait{background:#000}.reel__item.is-portrait .reel__video{object-fit:contain;padding:calc(var(--pad) * 2) var(--pad) 22vh}.reel__bar{left:var(--pad);right:var(--pad);bottom:var(--pad);z-index:5;mix-blend-mode:difference;color:var(--ink);pointer-events:none;font-family:var(--font-display);letter-spacing:var(--track-small);text-transform:uppercase;justify-content:space-between;align-items:baseline;gap:1.5rem;font-size:clamp(.56rem,.72vw,.7rem);font-weight:400;display:flex;position:fixed}.reel__bar__left{align-items:baseline;gap:.9rem;min-width:0;display:flex}.reel__title{text-transform:uppercase;letter-spacing:var(--track);white-space:nowrap;font-size:clamp(.72rem,.95vw,.92rem)}.reel__label,.reel__dur,.reel__index{opacity:.75;white-space:nowrap}.reel__dur,.reel__index{font-variant-numeric:tabular-nums}.reel__bar span{transition:opacity .2s linear}.reel__bar.is-changing span{opacity:0}@media (width<=720px){.reel__bar{flex-direction:column;align-items:flex-start;gap:.2rem}.reel__bar__left{flex-direction:column;align-items:flex-start;gap:.1rem}.reel__label{white-space:normal}}.empty{text-align:center;min-height:100vh;padding:var(--pad);font-family:var(--font-display);font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.08em;place-content:center;gap:.75rem;display:grid}.empty__title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--track);font-size:clamp(1.6rem,4vw,3rem);font-weight:400}.empty__note{opacity:.6}.page-bar__group:last-of-type{justify-content:flex-end}.page-bar__group{align-items:center;gap:.4rem;display:flex}.btn--round{text-align:center;place-items:center;display:inline-grid}.ico{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:1em;height:1em;display:block}.ico__dot{fill:currentColor;stroke:none}.btn--with-icon{align-items:center;gap:.45em;display:inline-flex}.menu a .ico{vertical-align:-.04em;width:.8em;height:.8em;margin-right:.45em;display:inline-block}.btn--icon{justify-content:center;align-items:center;padding:.42em .6em;display:inline-flex}.btn--icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:square;width:.85em;height:.85em;display:block}.star{width:2.1rem;height:2.1rem;color:inherit;cursor:pointer;pointer-events:auto;transition:box-shadow .28s var(--ease-smooth);background:currentColor;border:1px solid;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.star:hover,.star:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb, currentColor 22%, transparent)}.star svg{width:1.05rem;height:1.05rem;display:block;overflow:visible}.star__bar{stroke:var(--page-bg,#07070a);stroke-width:2px;stroke-linecap:square;transform-origin:12px 12px;transition:transform .28s cubic-bezier(.16,1,.3,1)}.star__bar:first-child{transform:rotate(0)}.star__bar:nth-child(2){transform:rotate(45deg)}.star__bar:nth-child(3){transform:rotate(90deg)}.star__bar:nth-child(4){transform:rotate(135deg)}.star:hover .star__bar:first-child{transform:translateY(-6px)}.star:hover .star__bar:nth-child(2){transform:rotate(0)}.star:hover .star__bar:nth-child(3){transform:rotate(0)translateY(6px)}.star:hover .star__bar:nth-child(4){transform:rotate(0)scaleX(0)}.star.is-open .star__bar:first-child{transform:rotate(45deg)}.star.is-open .star__bar:nth-child(2){transform:rotate(45deg)scaleX(0)}.star.is-open .star__bar:nth-child(3){transform:rotate(-45deg)}.star.is-open .star__bar:nth-child(4){transform:rotate(-45deg)scaleX(0)}.star:focus-visible{outline-offset:2px;outline:2px solid}.menu{z-index:20;color:var(--ink);padding:var(--pad);background:#000;flex-direction:column;justify-content:center;gap:.15rem;display:flex;position:fixed;inset:0}.menu[hidden]{display:none}.menu a{font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--track);width:fit-content;font-size:clamp(1.6rem,5vw,3.4rem);font-weight:400;line-height:1.12;transition:opacity .15s linear}.menu a:hover{opacity:.55}.menu__rule{opacity:.35;background:currentColor;width:min(18rem,40%);height:1px;margin:1.2rem 0 .9rem;display:block}.menu a[href^=https],.menu a[href^=mailto]{letter-spacing:.02em;text-transform:uppercase;font-size:clamp(.72rem,1vw,.85rem)}html.menu-open{overflow:hidden}[data-melt]{opacity:0;transition:opacity .6s ease-out}[data-melt].is-settled{opacity:1}[data-melt].is-melting{will-change:filter, transform}@media (prefers-reduced-motion:reduce){[data-melt]{opacity:1;transition:none;transform:none}}.film{z-index:1;pointer-events:none;position:fixed;inset:0}.film__screen{mix-blend-mode:multiply;opacity:var(--film-screen,1);background-image:radial-gradient(circle,#0000008c .6px,#0000 .7px);background-size:3px 3px;position:absolute;inset:0}.film__grain{mix-blend-mode:overlay;width:400%;height:400%;opacity:var(--film-grain,.16);background-image: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.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;animation:.9s steps(4,end) infinite grain;position:absolute;inset:-150%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-3%,2%)}50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-2%)}to{transform:translate(0)}}.bg{filter:brightness(1.28)contrast(1.06)saturate(1.05)}.overlay{z-index:2}@media (prefers-reduced-motion:reduce){.film__grain{animation:none}}.wordmark{font-family:var(--font-mark);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;pointer-events:auto;font-size:clamp(1.15rem,2vw,1.75rem);font-weight:400;line-height:1;display:inline-block}.wordmark__v{font-variant-numeric:tabular-nums;margin:0 .02em}.index-list{padding:calc(var(--pad) * 4) var(--pad) 0;flex-direction:column;justify-content:center;min-height:100vh;margin:0;list-style:none;display:flex}.index-list li{border-top:1px solid #ffffff29}.index-list li:last-child{border-bottom:1px solid #ffffff29}.row{color:var(--ink);transition:padding-left .45s var(--ease-smooth), opacity .35s var(--ease-smooth);grid-template-columns:clamp(2.4rem,6.5vw,5rem) 1fr auto;align-items:end;gap:clamp(.8rem,3vw,2.5rem);padding:clamp(.7rem,1.8vw,1.3rem) 0;display:grid}.index-list:hover .row{opacity:.4}.index-list .row:hover,.index-list .row:focus-visible{opacity:1;padding-left:clamp(.5rem,2vw,1.5rem)}.index-list .row:hover .row__title,.index-list .row:focus-visible .row__title{color:#fff}.row__title{color:#ffffffdb;transition:color .35s var(--ease-smooth)}.row__scope{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:var(--track-small);opacity:.6;font-variant-numeric:tabular-nums}.row__num{font-variant-numeric:tabular-nums;letter-spacing:.02em;color:#0000;-webkit-text-stroke:1.5px #ffffff80;transform-origin:0;transition:-webkit-text-stroke-color .45s var(--ease-smooth), color .45s var(--ease-smooth), transform .6s var(--ease-smooth);will-change:transform;align-self:center;font-size:clamp(1.15rem,3.6vw,2.7rem);line-height:1;display:block;transform:scale(.62,2)skew(-9deg)}.index-list .row:hover .row__num,.index-list .row:focus-visible .row__num{color:var(--hot);-webkit-text-stroke-color:var(--hot);transform:scale(.62,2.35)skew(0)}.row__title{font-family:var(--font);letter-spacing:var(--track);text-transform:uppercase;font-size:clamp(1.4rem,4.5vw,3.4rem);font-weight:400;line-height:1}.peek{z-index:60;isolation:isolate;aspect-ratio:4/5;pointer-events:none;opacity:0;width:clamp(12rem,22vw,20rem);transition:opacity .35s var(--ease-smooth);will-change:transform;position:fixed;top:0;left:0;transform:translate(0,0)}.peek.is-open{opacity:1}.peek img{object-fit:cover;background:#111;width:100%;height:100%;display:block;box-shadow:0 18px 40px #00000080}.peek.is-contained img{object-fit:contain;padding:18%}@media (width<=720px){.row{grid-template-columns:3ch 1fr;row-gap:.2rem}.row__scope{text-align:left;grid-column:2}}@media (hover:none){.index-list:hover .row{opacity:1}}.project{padding:calc(var(--pad) * 4) var(--pad) 0;max-width:62rem;color:var(--ink);margin:0 auto}.project__head{gap:.6rem;margin-bottom:clamp(2.5rem,6vw,5rem);display:grid}.project__title{font-family:var(--font);text-transform:uppercase;letter-spacing:var(--track);font-size:clamp(1.8rem,5vw,3.6rem);font-weight:400;line-height:1}.project__sub,.project__meta{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:var(--track-small);opacity:.7}.project__blurb{text-transform:none;opacity:.85;max-width:38rem;margin-top:.8rem;font-size:clamp(.9rem,1.2vw,1.05rem);line-height:1.5}.project__disclaimer{border:1px solid var(--note-ink,#d0021b);width:fit-content;max-width:44ch;color:var(--note-ink,#d0021b);text-transform:none;letter-spacing:var(--track-small);opacity:1;margin:clamp(.9rem,2vw,1.3rem) 0 0;padding:.45rem .6rem;font-size:.72rem;line-height:1.4;display:block}.tint.is-tinted .project__disclaimer{color:var(--note-ink,#d0021b)}.project__figure{margin:0 0 clamp(1.5rem,4vw,3rem)}.project__figure img{background:#111;width:auto;max-width:100%;height:auto;max-height:76vh;margin-inline:auto;display:block}.project__figure .mockup{max-height:82vh}.project__figure .mockup img{max-height:70vh}.project__figure.is-small img{width:auto;max-width:min(20rem,60%);margin-inline:auto}.project__figure.is-tall img{width:auto;max-width:min(15rem,45%);margin-inline:auto}.project__figure figcaption{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:var(--track-small);opacity:.55;margin-top:.6rem}.feed{border:1px solid #ffffff38;max-width:34rem;margin:0 0 clamp(2rem,5vw,4rem)}.feed__head{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:var(--track-small);border-bottom:1px solid #ffffff38;align-items:center;gap:.7rem;padding:.8rem .9rem;display:flex}.feed__avatar{letter-spacing:0;border:1px solid;border-radius:50%;flex-shrink:0;place-items:center;width:1.8rem;height:1.8rem;font-size:.55rem;display:grid}.feed__count{opacity:.55;margin-left:auto}.feed__grid{grid-template-columns:repeat(3,1fr);gap:2px;padding:2px;display:grid}.feed__grid img{aspect-ratio:1;object-fit:cover;background:#111;width:100%;display:block}.mockup{background:#d9d9d9;place-items:center;padding:clamp(1.8rem,5vw,4rem);display:grid}.mockup img{background:0 0;width:auto;max-width:min(28rem,100%);height:auto;box-shadow:0 1px 2px #0000002e,0 18px 40px #00000047}.storefront{aspect-ratio:4/3;background:radial-gradient(60% 45% at 50% 38%,#fff6e880,#0000 70%),linear-gradient(#cfc7bd 0%,#bdb4a9 55%,#a79d92 100%);position:relative;overflow:hidden}.storefront__fascia{background:linear-gradient(#5f544c,#4a413a);position:absolute;inset:0 0 34%;box-shadow:0 8px 24px #00000059}.storefront__glass{background:linear-gradient(190deg,#2f3a40 0%,#46545c 40%,#33404a 100%);border:6px solid #3a332e;border-bottom:0;position:absolute;inset:66% 6% 0;box-shadow:inset 0 10px 30px #00000073}.storefront__glass:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff29 45%,#0000 58%);position:absolute;inset:0}.storefront__sign{aspect-ratio:1;z-index:2;background:#8ba9f2;border-radius:50%;width:min(42%,16rem);position:absolute;top:30%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:inset 0 2px #ffffff59,inset 0 -6px 14px #00000040,0 18px 30px #00000073,0 0 60px #fff0d240}.storefront__sign img{width:212%;max-width:none;display:block;position:absolute;top:-19%;left:-3.6%}.storefront__arm{z-index:1;background:linear-gradient(90deg,#2e2924,#4a423a,#2e2924);width:8px;height:26%;position:absolute;top:30%;left:50%;transform:translate(-50%)}@media (width<=640px){.storefront{aspect-ratio:3/4}.storefront__sign{width:min(58%,12rem)}}.project__video{object-fit:contain;background:#111;width:100%;height:auto;max-height:76vh;display:block}.project__video.is-portrait{width:auto;max-width:min(24rem,100%);max-height:72vh;margin:0 auto}.mockup.is-poster{background:#b9b4ad}.mockup.is-poster img{max-width:min(26rem,100%)}.gallery{grid-template-columns:repeat(auto-fill,minmax(min(20rem,100%),1fr));align-items:start;gap:clamp(1rem,2.4vw,2.2rem);margin:0;display:grid}.gallery .project__figure{max-width:none;margin:0}.gallery .project__figure img{width:100%;height:auto;display:block}.passthrough{display:contents}body.about-page{background:#000}.about__bar{z-index:10;padding:var(--pad);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.about__bar a,.about__bar button{pointer-events:auto}.about{min-height:100vh;padding:calc(var(--pad) * 3) var(--pad) var(--pad);color:var(--ink);text-transform:uppercase;letter-spacing:var(--track-small);font-size:var(--fs-small);grid-template-columns:minmax(0,1fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);display:grid}.about__film{aspect-ratio:1;background:#0a0a0a;border-radius:50%;justify-self:start;width:clamp(9rem,19vw,17rem);margin:clamp(.4rem,1.4vh,1rem) 0 clamp(.4rem,1.4vh,1rem) clamp(0rem,4vw,4rem);overflow:hidden}.about__film video{object-fit:cover;width:100%;height:100%;display:block}.about__copy{justify-items:start;gap:.6rem;max-width:46rem;display:grid}.about__lead,.about__copy p{letter-spacing:var(--track);margin:0;font-size:clamp(1.55rem,4.4vw,3.6rem);font-weight:400;line-height:1.02}.about__name{color:var(--ink)}.about__star{color:inherit;padding:0 .12em;font-style:normal}.about__copy p{max-width:none;font-style:italic}.about__reach{opacity:.9;align-items:center;gap:.55rem;display:flex;margin-top:.4rem!important;font-style:normal!important}.about__arrow{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:square;width:.85em;height:.85em;animation:reach-nudge 1.9s var(--ease-smooth) infinite;flex-shrink:0}.about__links{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.about__links .btn{font-size:clamp(.72rem,1.05vw,.95rem)}@keyframes reach-nudge{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}@media (width<=820px){.about{grid-template-columns:1fr;align-content:center;gap:clamp(1.8rem,5vh,2.8rem)}.about__film{justify-self:start;width:clamp(10rem,44vw,16rem);margin-left:0}}@media (prefers-reduced-motion:reduce){.about__arrow{animation:none}}.project-card__logo{object-fit:contain;padding:18%}.project__section{border-top:1px solid #ffffff38;gap:.35rem;margin:clamp(2.5rem,6vw,5rem) 0 clamp(1.2rem,3vw,2rem);padding-top:clamp(1.2rem,3vw,2rem);display:grid}.project__section h2{font-family:var(--font);text-transform:uppercase;letter-spacing:var(--track);color:var(--ink);font-size:clamp(1.2rem,3vw,2.1rem);font-weight:400;line-height:1}.project__section p{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:var(--track-small);opacity:.6}.project__section:first-of-type{border-top:0;margin-top:0;padding-top:0}.project-card{isolation:isolate;position:relative}.project-card img{filter:blur(4px)brightness(.78)saturate(.92);transition:filter .55s var(--ease-smooth), transform .55s var(--ease-smooth);will-change:filter, transform;transform:scale(1.02)}.project-card:hover img,.project-card:focus-visible img{filter:blur()brightness()saturate();opacity:1;transform:scale(1)}.project-card img.project-card__logo{filter:brightness(.84);transform:none}.project-card:hover img.project-card__logo,.project-card:focus-visible img.project-card__logo{filter:brightness();transform:none}@media (hover:none){.project-card img,.project-card img.project-card__logo{filter:none;transform:none}}@media (prefers-reduced-motion:reduce){.project-card img{transition-duration:.01ms}}.laptop{max-width:46rem;margin:0 auto}.laptop__lid{background:#1b1b1d;border-radius:12px 12px 4px 4px;padding:2.2% 2.2% 2.6%;box-shadow:0 18px 40px #00000073}.laptop__screen{aspect-ratio:16/10;background:#bfd9b0;border-radius:3px;position:relative;overflow:hidden}.laptop__screen img{width:100%;height:auto;max-height:none;display:block;position:absolute;top:0;left:0}.laptop__screen.is-scrolling img{animation:20s ease-in-out infinite laptop-scroll}@keyframes laptop-scroll{0%,10%{opacity:1;transform:translateY(0)}92%,97%{opacity:1;transform:translateY(calc(62.5cqw - 100%))}to{opacity:0;transform:translateY(calc(62.5cqw - 100%))}}.laptop__screen{container-type:inline-size}.screen-hint{z-index:3;color:#fff;text-transform:uppercase;letter-spacing:var(--track-small);white-space:nowrap;pointer-events:none;transition:opacity .4s var(--ease-smooth);background:#0a0a0cb8;border-radius:999px;padding:.4em .85em;font-size:clamp(.5rem,1.05vw,.66rem);position:absolute;bottom:7%;left:50%;translate:-50%}.laptop__screen.is-touched .screen-hint,.phone__screen.is-touched .screen-hint{opacity:0}.laptop__screen,.phone__screen{cursor:ns-resize;touch-action:none}.laptop__screen.is-held,.phone__screen.is-held{cursor:grabbing}@media (hover:none){.laptop__screen,.phone__screen{cursor:default}}.laptop__base{background:linear-gradient(#3a3a3e,#202023);border-radius:0 0 10px 10px;height:10px;margin:0 -3%;box-shadow:0 10px 18px #0006}.laptop__base:after{content:"";background:#4a4a4f;border-radius:0 0 4px 4px;width:14%;height:4px;margin:0 auto;display:block}@media (prefers-reduced-motion:reduce){.laptop__screen img{animation-play-state:paused}}.project-card img.project-card__logo{object-fit:contain;padding:36% 22%}.mockup.stickers{background:#ece8e1;grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));place-items:center;gap:clamp(1rem,3vw,2.5rem);display:grid}.mockup.stickers img{width:100%;max-width:11rem;height:auto;transform:rotate(var(--tilt,0deg));filter:drop-shadow(0 6px 10px #00000038);transition:transform .45s var(--ease-smooth);background:0 0}.mockup.stickers img:hover{transform:rotate(0)scale(1.04)}.tint.is-tinted{background:var(--page-bg);color:var(--page-ink);z-index:0;min-height:100vh;position:relative}.tint.is-tinted .project,.tint.is-tinted .project__title,.tint.is-tinted .project__figure figcaption,.tint.is-tinted .project__section h2{color:var(--page-ink)}.tint.is-tinted .project__sub,.tint.is-tinted .project__meta,.tint.is-tinted .project__blurb,.tint.is-tinted .project__section p{color:var(--page-ink);opacity:.72}.project__section p.project__section-body{text-transform:none;max-width:46ch;letter-spacing:var(--track-small);opacity:.85;margin-top:.5rem;font-size:clamp(.95rem,1.6vw,1.05rem);line-height:1.5}.tint.is-tinted .project__section p.project__section-body{opacity:.88}.tint.is-tinted .project__section{border-top-color:color-mix(in srgb, var(--page-ink) 22%, transparent)}.tint.is-tinted .project__figure img,.tint.is-tinted .project__video{background:color-mix(in srgb, var(--page-ink) 8%, transparent)}.tint.is-tinted~.page-bar,body:has(.tint.is-tinted) .page-bar{mix-blend-mode:normal;color:var(--page-ink,#fff)}.project__figure img[src$=\.png],.tint.is-tinted .project__figure img[src$=\.png],.mockup img[src$=\.png]{background:0 0}.tilegrid{grid-template-columns:var(--cols-tpl,repeat(auto-fit, minmax(10rem, 1fr)));background:#0a0a0a;gap:2px;padding:2px;display:grid}.tilegrid[style*=--cols]{--cols-tpl:repeat(var(--cols), 1fr)}.tilegrid.is-tight{gap:0;padding:0}.tilegrid__cell{aspect-ratio:var(--ratio,1);background:#0a0a0a;place-items:center;display:grid;position:relative;overflow:hidden}.tilegrid__cell img{object-fit:contain;background:0 0;width:100%;height:100%;display:block;position:absolute;inset:0}.logo-plate{background:#0a0a0a;place-items:center;padding:clamp(2.5rem,8vw,6rem) clamp(1.5rem,6vw,5rem);display:grid}.logo-plate img{background:0 0;width:auto;max-width:min(26rem,80%);height:auto}.boxwrap{perspective:1600px;background:#ece8e1;place-items:center;padding:clamp(3.5rem,11vw,8rem) 1rem;display:grid}.box3d{width:15rem;height:15rem;transform-style:preserve-3d;animation:26s linear infinite box-turn;position:relative}@keyframes box-turn{0%{transform:rotateX(-62deg)rotate(0)}to{transform:rotateX(-62deg)rotate(360deg)}}.box3d__face{backface-visibility:visible;background:#8ba9f2;border:1px solid #0000001a;position:absolute;top:50%;left:50%}.box3d__top,.box3d__back{place-items:center;width:15rem;height:15rem;margin:-7.5rem 0 0 -7.5rem;display:grid}.box3d__top{transform:translateZ(2.5rem);box-shadow:inset 0 0 70px #00000012}.box3d__top img{background:0 0;width:70%;height:auto}.box3d__back{background:#6f8ed9;transform:translateZ(-2.5rem)rotateX(180deg)}.box3d__front,.box3d__left,.box3d__right{letter-spacing:.05em;text-transform:uppercase;color:#3d140f;text-align:center;background:#7f9de8;place-items:center;width:15rem;height:5rem;margin:-2.5rem 0 0 -7.5rem;padding:0 .6rem;font-size:.58rem;display:grid}.box3d__front{transform:rotateX(90deg)translateZ(7.5rem)}.box3d__left{transform:rotateX(90deg)rotateY(90deg)translateZ(7.5rem)}.box3d__right{transform:rotateX(90deg)rotateY(-90deg)translateZ(7.5rem)}@media (prefers-reduced-motion:reduce){.box3d{animation:none}}.ex{padding:calc(var(--pad) * 4) var(--pad) calc(var(--pad) * 4);color:var(--ink)}.ex__intro h1{font-family:var(--font);text-transform:uppercase;letter-spacing:var(--track);font-size:clamp(1.4rem,4vw,2.6rem);font-weight:400}.ex__intro p,.ex__note{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:var(--track-small);opacity:.6;margin-top:.4rem}.ex__opt{border-top:1px solid #ffffff2e;margin-top:clamp(3rem,8vw,6rem);padding-top:clamp(1.2rem,3vw,2rem)}.ex__label{font-family:var(--font);text-transform:uppercase;letter-spacing:var(--track-small);font-size:clamp(.95rem,1.6vw,1.3rem);font-weight:400}.ex__label span{opacity:.5}.ex__opt>.ex__note{margin-bottom:1.4rem}.va__list{margin:0;padding:0;list-style:none}.va__list li{border-top:1px solid #ffffff24}.va__row{color:var(--ink);transition:opacity .3s var(--ease-smooth), padding-left .4s var(--ease-smooth);grid-template-columns:3ch 1fr auto;align-items:baseline;gap:1.5rem;padding:.7rem 0;display:grid}.va__list:hover .va__row{opacity:.35}.va__row:hover{opacity:1;padding-left:1rem}.va__t{font-family:var(--font);text-transform:uppercase;letter-spacing:var(--track);font-size:clamp(1.1rem,2.6vw,2rem);line-height:1}.va__n,.va__m{font-size:var(--fs-small);text-transform:uppercase;opacity:.55}.va__peek{z-index:30;aspect-ratio:4/5;pointer-events:none;opacity:0;width:clamp(10rem,18vw,16rem);transition:opacity .3s var(--ease-smooth);position:fixed;top:0;left:0}.va__peek.is-open{opacity:1}.va__peek img{object-fit:cover;width:100%;height:100%;box-shadow:0 18px 40px #00000080}.vb{border:1px solid #ffffff24;padding:clamp(1.5rem,4vw,3rem);position:relative;overflow:hidden}.vb__bg{opacity:0;transition:opacity .6s var(--ease-smooth), transform 1.2s var(--ease-smooth);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.06)}.vb.is-live .vb__bg{opacity:.4;transform:scale(1)}.vb__list{z-index:1;margin:0;padding:0;list-style:none;position:relative}.vb__row{color:var(--ink);transition:opacity .3s var(--ease-smooth), transform .4s var(--ease-smooth);grid-template-columns:3ch 1fr auto;align-items:baseline;gap:1.5rem;padding:.55rem 0;display:grid}.vb.is-live .vb__row{opacity:.35}.vb__row:hover{opacity:1;transform:translate(.8rem)}.vb__t{font-family:var(--font);text-transform:uppercase;letter-spacing:var(--track);text-shadow:0 2px 16px #000000b3;font-size:clamp(1.2rem,3.4vw,2.6rem);line-height:1}.vb__n,.vb__y{font-size:var(--fs-small);opacity:.6}.vc{gap:2px;height:clamp(18rem,46vh,30rem);display:flex}.vc__panel{filter:grayscale()brightness(.4);min-width:0;transition:flex .55s var(--ease-smooth), filter .55s var(--ease-smooth);background-position:50%;background-size:cover;flex:1;position:relative;overflow:hidden}.vc:hover .vc__panel{flex:.6}.vc__panel:hover{filter:grayscale(0)brightness(.9);flex:5}.vc__label{writing-mode:vertical-rl;white-space:nowrap;font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.08em;color:#fff;text-shadow:0 1px 8px #000c;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)rotate(180deg)}.vc__panel:hover .vc__label{writing-mode:horizontal-tb;font-size:clamp(.8rem,1.6vw,1.2rem);transform:translate(-50%)rotate(0)}.vd{grid-template-columns:repeat(auto-fill,minmax(min(14rem,100%),1fr));gap:2px;display:grid}.vd__tile{aspect-ratio:4/3;color:var(--ink);text-align:center;background:#111;place-items:center;padding:1rem;display:grid;position:relative;overflow:hidden}.vd__img{transition:transform .6s var(--ease-smooth);background-position:50%;background-size:cover;position:absolute;inset:0;transform:translateY(101%)}.vd__tile:hover .vd__img{transform:translateY(0)}.vd__t{z-index:1;font-family:var(--font);text-transform:uppercase;letter-spacing:var(--track-small);text-shadow:0 2px 14px #000c;font-size:clamp(.85rem,1.6vw,1.15rem);line-height:1.05;position:relative}.vd__n{z-index:1;font-size:var(--fs-small);opacity:.6;position:absolute;top:.5rem;left:.6rem}@media (width<=720px){.vc{flex-direction:column;height:auto}.vc__panel{filter:grayscale(0)brightness(.6);height:5rem}.vc:hover .vc__panel,.vc__panel:hover{flex:1}.vc__label{writing-mode:horizontal-tb;transform:translate(-50%)}}body.has-fog{background:#07070a}.bg--fog{object-fit:cover;z-index:0;filter:grayscale(.55)brightness(.7)contrast(1.05);width:100%;height:100%;position:fixed;inset:0}.fog{z-index:1;pointer-events:none;backdrop-filter:blur(42px)saturate(.75);background:#08080bbd;position:fixed;inset:0}body.has-fog .index-list,body.has-fog .foot{z-index:2;position:relative}body.has-fog .page-bar{z-index:30}body.has-fog .peek{z-index:60;position:fixed}.index-list li{position:relative}.row:before{content:"";z-index:-1;pointer-events:none;opacity:0;backdrop-filter:blur(6px)saturate(1.15)brightness(1.5);transition:opacity .5s var(--ease-smooth);background:#ffffff0d;position:absolute;inset:0}.index-list .row:hover:before,.index-list .row:focus-visible:before{opacity:1}.row:after{content:"";z-index:-1;pointer-events:none;opacity:0;transition:opacity .5s var(--ease-smooth), transform .9s var(--ease-smooth);background:linear-gradient(100deg,#0000 35%,#ffffff1a 50%,#0000 65%);position:absolute;inset:0;transform:translate(-30%)}.index-list .row:hover:after,.index-list .row:focus-visible:after{opacity:1;transform:translate(30%)}.phone{background:#ece8e1;place-items:center;padding:clamp(2rem,6vw,4rem) 1rem;display:grid}.phone__body{aspect-ratio:9/19.5;background:#16161a;border-radius:2.2rem;width:min(17rem,78vw);padding:.55rem;position:relative;box-shadow:0 0 0 2px #2c2c31,0 22px 48px #00000073}.phone__notch{z-index:2;background:#16161a;border-radius:0 0 .9rem .9rem;width:32%;height:1.15rem;position:absolute;top:.55rem;left:50%;transform:translate(-50%)}.phone__screen{background:#e4f6fc;border-radius:1.75rem;width:100%;height:100%;position:relative;overflow:hidden;container-type:inline-size}.phone__screen img{background:0 0;width:100%;height:auto;max-height:none;animation:26s ease-in-out infinite phone-scroll;display:block;position:absolute;top:0;left:0}@keyframes phone-scroll{0%,10%{opacity:1;transform:translateY(0)}92%,97%{opacity:1;transform:translateY(calc(225cqw - 100%))}to{opacity:0;transform:translateY(calc(225cqw - 100%))}}@media (prefers-reduced-motion:reduce){.phone__screen img{animation-play-state:paused}}.foot{border-top:1px solid color-mix(in srgb, currentColor 22%, transparent);padding:clamp(1.4rem, 3.5vw, 2.4rem) var(--pad) 0;margin-top:clamp(2rem,4.5vw,3.5rem)}.project .foot{padding-inline:0}.index-list+.foot{border-top:0;margin-top:0}.foot__next{color:inherit;transition:padding-left .45s var(--ease-smooth);padding:clamp(1rem,3vw,2rem) 0;text-decoration:none;display:block}.foot__next:hover,.foot__next:focus-visible{padding-left:clamp(.5rem,2vw,1.5rem)}.foot__kicker{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:var(--track-small);opacity:.6;display:block}.foot__title{letter-spacing:var(--track);text-transform:uppercase;transition:color .35s var(--ease-smooth);margin-top:.35rem;font-size:clamp(1.6rem,6vw,3.6rem);line-height:1;display:block}.foot__next:hover .foot__title,.foot__next:focus-visible .foot__title{color:var(--violet)}.tint.is-tinted .foot__next:hover .foot__title,.tint.is-tinted .foot__next:focus-visible .foot__title{color:var(--page-ink);opacity:.55}.foot__arrow{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:square;width:.52em;height:.52em;transition:transform .35s var(--ease-smooth);margin-left:.3em}.foot__next:hover .foot__arrow,.foot__next:focus-visible .foot__arrow{transform:translate(.28em)}.foot__scope{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:var(--track-small);opacity:.6;margin-top:.45rem;display:block}.foot__end{border-top:1px solid color-mix(in srgb, currentColor 16%, transparent);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:clamp(1rem,3vw,2rem);padding:clamp(1.2rem,3vw,2rem) 0 clamp(1.4rem,3.5vw,2.4rem);display:flex}.foot__base{border-top:1px solid color-mix(in srgb, currentColor 16%, transparent);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.8rem clamp(1rem,3vw,2rem);padding:clamp(1rem,2.5vw,1.5rem) 0 clamp(1.8rem,4vw,3rem);display:flex}.foot__legal{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:var(--track-small);opacity:.6;flex-wrap:wrap;align-items:center;gap:.5em;margin:0;display:flex}.foot__dot{opacity:.55}.foot__top{width:fit-content;color:inherit;font:inherit;font-size:var(--fs-small);text-transform:uppercase;letter-spacing:var(--track-small);cursor:pointer;opacity:.6;transition:opacity .25s var(--ease-smooth);background:0 0;border:0;align-items:center;gap:.5em;margin:0 0 clamp(.8rem,2vw,1.4rem) auto;padding:.4em 0;display:flex}.foot__top:hover,.foot__top:focus-visible{opacity:1}.foot__top svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:square;width:.8em;height:.8em}.foot__contact{gap:.55rem;display:grid}.foot__links{flex-wrap:wrap;gap:.5rem;display:flex}@media (width<=560px){.foot__end,.foot__base{flex-direction:column;align-items:flex-start}}.notfound{align-content:center;min-height:70vh;display:grid}.notfound__links{flex-wrap:wrap;gap:.5rem;margin-top:clamp(1.2rem,3vw,2rem);display:flex}.slideshow{margin-bottom:clamp(2rem,5vw,3.5rem)}.slideshow__stage{place-items:center;display:grid}.slideshow__slide{opacity:0;visibility:hidden;width:100%;transition:opacity .3s var(--ease-smooth), visibility 0s linear .3s;grid-area:1/1}.slideshow__slide.is-current{opacity:1;visibility:visible;transition:opacity .3s var(--ease-smooth), visibility 0s linear 0s}.slideshow__slide>img{width:100%;height:auto;display:block}.slideshow.is-compact .slideshow__slide>img,.slideshow.is-compact .slideshow__slide .mockup{width:auto;max-width:100%;max-height:56vh;margin-inline:auto}.slideshow.is-compact .slideshow__stage{min-height:0}.slideshow__foot{justify-content:space-between;align-items:center;gap:1rem;margin-top:.7rem;display:flex}.slideshow__foot figcaption{margin-top:0}.slideshow__controls{flex-shrink:0;align-items:center;gap:.55rem;display:flex}.slideshow__arrow{width:1.5rem;height:1.5rem;color:inherit;opacity:.4;cursor:pointer;transition:opacity .25s var(--ease-smooth), transform .25s var(--ease-smooth);background:0 0;border:0;place-items:center;padding:0;display:grid}.slideshow__arrow:hover,.slideshow__arrow:focus-visible{opacity:1}.slideshow__arrow[data-prev]:hover{transform:translate(-2px)}.slideshow__arrow[data-next]:hover{transform:translate(2px)}.slideshow__arrow svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:square;width:.6rem;height:.6rem;display:block}.slideshow__dots{gap:.35rem;display:flex}.slideshow__dot{width:.42rem;height:.42rem;color:inherit;opacity:.35;cursor:pointer;background:0 0;border:1px solid;border-radius:50%;padding:0;transition:opacity .25s,background-color .25s}.slideshow__dot:hover{opacity:.7}.slideshow__dot.is-current{opacity:1;background:currentColor}@media (prefers-reduced-motion:reduce){.slideshow__slide{transition:none}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes sheen-sweep{0%{background-position:120% 0}to{background-position:-20% 0}}body:not(.home) .index-list .row:hover .row__num,body:not(.home) .index-list .row:focus-visible .row__num,body:not(.home) .index-list .row:hover .row__title,body:not(.home) .index-list .row:focus-visible .row__title{color:#0000;-webkit-text-stroke-color:transparent;animation:sheen-sweep 1.1s var(--ease-smooth) forwards;background-image:linear-gradient(100deg,#e9edf1 0%,#f6f9fc 38%,#fff 47% 53%,#f6f9fc 62%,#e9edf1 100%);background-size:280% 100%;background-clip:text}.door:hover .door__title,.door:focus-visible .door__title{color:#0000;animation:sheen-sweep 1.1s var(--ease-smooth) forwards;background-image:linear-gradient(100deg,#e9edf1 0%,#f6f9fc 38%,#fff 47% 53%,#f6f9fc 62%,#e9edf1 100%);background-size:280% 100%;background-clip:text}@media (prefers-reduced-motion:reduce){body:not(.home) .index-list .row:hover .row__num,body:not(.home) .index-list .row:hover .row__title{background-position:45% 0;animation:none}}.sheet{padding:calc(var(--pad) * 3) var(--pad) clamp(3rem, 8vw, 6rem);grid-template-columns:repeat(auto-fill,minmax(min(21rem,100%),1fr));gap:clamp(1rem,2.5vw,2rem);max-width:100rem;margin:0 auto;display:grid}.sheet__cell{grid-template-rows:auto 1fr;align-content:start;gap:.55rem;margin:0;display:grid;position:relative}.sheet__open{aspect-ratio:16/9;z-index:2;cursor:pointer;background:0 0;border:0;width:100%;padding:0;position:absolute;inset:0 0 auto}.sheet__open:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.sheet__video{transform-origin:50%;aspect-ratio:16/9;object-fit:cover;filter:grayscale(.4)brightness(.88);width:100%;height:auto;transition:filter .5s var(--ease-smooth), transform .7s var(--ease-smooth);background:#0a0a0a;border-radius:2px;display:block;transform:scale(1)}.sheet__cell.is-portrait .sheet__video{object-fit:contain}.sheet__cell:hover .sheet__video,.sheet__cell:focus-within .sheet__video{filter:none;transform:scale(1.015)}.sheet__cell figcaption{transition:opacity .4s var(--ease-smooth)}.sheet:hover .sheet__cell figcaption{opacity:.45}.sheet__cell:hover figcaption,.sheet__cell:focus-within figcaption{opacity:1}.sheet__cell{overflow:visible}.sheet__cell .sheet__video{border-radius:2px}.sheet__cell figcaption{font-size:var(--fs-small);text-transform:uppercase;letter-spacing:var(--track-small);grid-template-columns:2.6ch 1fr auto;align-items:baseline;gap:.2rem .7rem;display:grid}.sheet__n{opacity:.45;font-variant-numeric:tabular-nums}.sheet__d{opacity:.45}.sheet__l{opacity:.45;grid-column:2/-1}@media (width<=720px){.sheet{grid-template-columns:repeat(2,1fr);gap:.5rem}.sheet__cell figcaption{grid-template-columns:1fr auto}.sheet__n{display:none}.sheet__l{grid-column:1/-1}}.lb{--lb-band:clamp(4.6rem, 9vw, 6.4rem);color:#fff;background:#000;border:0;grid-template-rows:minmax(0,1fr);place-items:stretch stretch;width:100vw;max-width:100vw;height:100vh;max-height:100vh;margin:0;padding:0;display:grid;overflow:hidden}.lb::backdrop{background:#000}.lb:not([open]){display:none}.lb__stage{width:100%;height:100%;min-height:0;padding-bottom:var(--lb-band);grid-template-rows:minmax(0,1fr);place-items:stretch stretch;display:grid;position:relative}.lb__video{object-fit:contain;background:#000;width:100%;height:100%;min-height:0;display:block}.lb__tap{z-index:2;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;inset:0}.lb__hud,.lb__step,.lb__close{mix-blend-mode:difference;color:#fff;pointer-events:none}.lb__hud{z-index:3;font-size:var(--fs-small);text-transform:uppercase;letter-spacing:var(--track-small);grid-template-columns:1fr auto;align-items:end;gap:.1rem 1rem;padding:0 clamp(1rem,3vw,2rem) clamp(1.1rem,2.6vw,1.8rem);display:grid;position:absolute;bottom:0;left:0;right:0}.lb__t{letter-spacing:var(--track);grid-column:1;font-size:clamp(.95rem,2.4vw,1.5rem);line-height:1.05}.lb__l{opacity:.7;grid-column:1}.lb__i{font-variant-numeric:tabular-nums;opacity:.7;grid-area:1/2}.lb__time{text-align:right;font-variant-numeric:tabular-nums;opacity:.7;grid-area:2/2}.lb__sound{width:1.6rem;height:1.6rem;color:inherit;cursor:pointer;pointer-events:auto;opacity:.7;transition:opacity .25s var(--ease-smooth);background:0 0;border:0;grid-area:3/2;place-self:center end;place-items:center;padding:0;display:none}.lb.has-sound .lb__sound{display:grid}.lb__sound:hover{opacity:1}.lb__sound svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:square;width:1rem;height:1rem;display:block}.lb__spk{fill:currentColor;stroke-linejoin:round}.lb__cross,.lb.is-muted .lb__wave{display:none}.lb.is-muted .lb__cross{display:block}.lb__scrub{cursor:pointer;pointer-events:auto;background:#ffffff4d;border:0;grid-area:4/1/auto/-1;height:1px;margin-top:.7rem;padding:0;position:relative}.lb__scrub:before{content:"";position:absolute;inset:-10px 0}.lb__prog{transform-origin:0;background:#fff;height:100%;display:block;transform:scaleX(0)}.lb__step,.lb__close{z-index:4;cursor:pointer;opacity:0;pointer-events:auto;width:3rem;height:3rem;transition:opacity .3s var(--ease-smooth);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute}.lb:hover .lb__step,.lb:hover .lb__close,.lb__step:focus-visible,.lb__close:focus-visible{opacity:.75}.lb__step:hover,.lb__close:hover{opacity:1}.lb__step--prev{top:50%;left:clamp(.2rem,1.5vw,1rem);translate:0 -50%}.lb__step--next{top:50%;right:clamp(.2rem,1.5vw,1rem);translate:0 -50%}.lb__close{top:clamp(.4rem,1.5vw,1rem);right:clamp(.4rem,1.5vw,1rem)}.lb__step svg,.lb__close svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:square;width:.9rem;height:.9rem;display:block}.lb.is-paused .lb__step,.lb.is-paused .lb__close{opacity:.75}@media (hover:none){.lb__step,.lb__close{opacity:.75}}@media (width<=820px){.btn{justify-content:center;align-items:center;min-height:44px;padding:.5em 1.25em;display:inline-flex}.btn--round{min-width:5.2rem;display:inline-flex}.btn--icon{min-width:44px;padding:.5em .9em}.btn--with-icon{padding-inline:1.05em}.star{width:44px;height:44px}.star svg{width:1.15rem;height:1.15rem}.lb__sound{width:44px;height:44px}.lb__sound svg{width:1.25rem;height:1.25rem}.lb__step,.lb__close{width:44px;height:44px}.lb__scrub:before{inset:-18px 0}.foot__top{min-height:44px;padding-right:.2em}.menu a{align-items:center;min-height:44px;display:flex}}.cur{z-index:9999;pointer-events:none;mix-blend-mode:difference;opacity:0;transition:opacity .15s var(--ease-smooth);position:fixed;inset:0}html.cursor-on .cur{opacity:1}.cur__dot,.cur__ring{will-change:transform;border-radius:999px;margin:-50% 0 0 -50%;display:block;position:absolute;top:0;left:0}.cur__dot{background:#fff;width:6px;height:6px;margin:-3px 0 0 -3px}.cur__ring{width:34px;height:34px;transition:width .18s var(--ease-smooth), height .18s var(--ease-smooth), margin .18s var(--ease-smooth), opacity .18s var(--ease-smooth);border:1px solid #ffffffd9;margin:-17px 0 0 -17px}html.cursor-live .cur__ring{width:56px;height:56px;margin:-28px 0 0 -28px}html.cursor-drag .cur__ring{width:22px;height:22px;margin:-11px 0 0 -11px}html.cursor-down .cur__ring{width:18px;height:18px;margin:-9px 0 0 -9px}html.has-cursor.cursor-on,html.has-cursor.cursor-on *{cursor:none}@media (hover:none),(pointer:coarse){.cur{display:none}}