@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/fc0a7394b875fa43-s.3zvkfbs08rnj_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:italic;font-weight:400;font-display:swap;src:url(../media/7ebf22b5a21034f8-s.p.3strvg7o-g5v2.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ccf27e5a7366fb23-s.1wwzpfhzaj2r0.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Serif;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e41d5df559864f9e-s.p.2rlzm4mj5kw8e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif Fallback;src:local(Times New Roman);ascent-override:117.94%;descent-override:36.93%;line-gap-override:0.0%;size-adjust:83.94%}.instrument_serif_316ce0d0-module__mH7jRW__className{font-family:Instrument Serif,Instrument Serif Fallback;font-weight:400}.instrument_serif_316ce0d0-module__mH7jRW__variable{--font-display:"Instrument Serif", "Instrument Serif Fallback"}
@font-face{font-family:Archivo;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/a2947afc6a06879b-s.138s14ivx2xer.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/651aaf1801011892-s.3b2emle-7szv-.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/75affa71d1e2f6a7-s.p.13rul5q9jl2r0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/a2947afc6a06879b-s.138s14ivx2xer.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/651aaf1801011892-s.3b2emle-7szv-.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/75affa71d1e2f6a7-s.p.13rul5q9jl2r0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/a2947afc6a06879b-s.138s14ivx2xer.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/651aaf1801011892-s.3b2emle-7szv-.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/75affa71d1e2f6a7-s.p.13rul5q9jl2r0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(../media/a2947afc6a06879b-s.138s14ivx2xer.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Archivo;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(../media/651aaf1801011892-s.3b2emle-7szv-.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Archivo;font-style:normal;font-weight:800;font-stretch:100%;font-display:swap;src:url(../media/75affa71d1e2f6a7-s.p.13rul5q9jl2r0.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Archivo Fallback;src:local(Arial);ascent-override:88.96%;descent-override:21.28%;line-gap-override:0.0%;size-adjust:98.7%}.archivo_e6fff5cc-module__Qyd8Ma__className{font-family:Archivo,Archivo Fallback;font-style:normal}.archivo_e6fff5cc-module__Qyd8Ma__variable{--font-body:"Archivo", "Archivo Fallback"}
@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2039e8342bda6056-s.1iie40g0-cbk2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bebas Neue;font-style:normal;font-weight:400;font-display:swap;src:url(../media/fabcf92ba1ccea36-s.p.3jvga4rcv46fc.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Bebas Neue Fallback;src:local(Arial);ascent-override:117.32%;descent-override:39.11%;line-gap-override:0.0%;size-adjust:76.72%}.bebas_neue_9d822436-module__MDPx7G__className{font-family:Bebas Neue,Bebas Neue Fallback;font-style:normal;font-weight:400}.bebas_neue_9d822436-module__MDPx7G__variable{--font-tags:"Bebas Neue", "Bebas Neue Fallback"}
:root{--bg:#f2f6f5;--ink:#1c272b;--ink-soft:#56676d;--line:#d3dedd;--accent:#a3602b;--accent-ink:#fbf7f0;--thumb-a:#3f6b72;--thumb-b:#9dbfbf;--thumb-c:#c9a46f;--thumb-d:#1c272b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--bg:#111a1d;--ink:#e8efee;--ink-soft:#98a9ac;--line:#26343a;--accent:#d9a96c;--accent-ink:#1c272b}}:root[data-theme=dark]{--bg:#111a1d;--ink:#e8efee;--ink-soft:#98a9ac;--line:#26343a;--accent:#d9a96c;--accent-ink:#1c272b}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:400 16.5px/1.6 var(--font-body), system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{margin:0;font-weight:400}p{margin:0}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}img{max-width:100%;display:block}.wrap{max-width:1160px;margin:0 auto;padding:0 28px}.label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);font-size:11.5px;font-weight:500;line-height:1}em,.italic{font-style:italic}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.intro{position:relative}.intro-space{height:160svh}.hero{isolation:isolate;--hero-bg:#c4b58f;--ink:#1c272b;--ink-soft:#1c272bad;--accent:#a3602b;--line:#1c272b29;align-items:center;height:100lvh;min-height:560px;padding:120px 0 96px;display:flex;position:sticky;top:0;overflow:hidden}.hero-photo{z-index:0;background:var(--hero-bg);position:absolute;inset:0}.hero{--name-size:clamp(88px, 20vw, 330px);--copy-x:clamp(24px, 11vw, 190px);--copy-shift:translate(calc(var(--px,0) * -24px), calc(var(--py,0) * -14px));--copy-fade:calc(1 - var(--portal,0) * 2.4)}.hero-name{z-index:1;left:var(--copy-x);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font:800 var(--name-size) / .82 var(--font-body), system-ui, sans-serif;letter-spacing:-.055em;text-transform:uppercase;color:#1c272be6;translate:0 -72%;transform:var(--copy-shift);opacity:var(--copy-fade);will-change:transform, opacity;justify-items:start;margin:0;display:grid;position:absolute;top:50%}.hero-name span{animation:1.3s cubic-bezier(.2,.8,.2,1) both hero-name-in;animation-delay:calc(var(--i,0) * .12s);display:block}@keyframes hero-name-in{0%{opacity:0;letter-spacing:.04em;filter:blur(14px);transform:translateY(.18em)}to{opacity:1;letter-spacing:-.055em;filter:blur();transform:none}}.hero-based,.hero-tags{z-index:3;left:var(--copy-x);text-align:right;font:400 calc(var(--name-size) * .16) / 1 var(--font-tags), var(--font-body), sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);transform:var(--copy-shift);opacity:var(--copy-fade);pointer-events:none;will-change:transform, opacity;flex-direction:column;align-items:flex-end;margin:0;display:flex;position:absolute}.hero-based{top:calc(50% - var(--name-size) * 1.29);font-size:calc(var(--name-size) * .1);letter-spacing:.12em;flex-direction:row;justify-content:flex-end;align-items:baseline;gap:.3em}.hero-based span{animation:.9s cubic-bezier(.2,.8,.2,1) .3s both hero-tag-in}.hero-based-in{font:italic 400 1.35em / 1 var(--font-display), Georgia, serif;text-transform:none;letter-spacing:0;color:var(--accent)}.hero-tags{top:calc(50% + var(--name-size) * .5);gap:.12em}.hero-tags span{white-space:nowrap;animation:.9s cubic-bezier(.2,.8,.2,1) both hero-tag-in;animation-delay:calc(.45s + var(--i,0) * .15s);align-items:baseline;gap:.25em;display:flex}.hero-tags i{font:italic 400 1.1em / 1 var(--font-display), Georgia, serif;color:var(--accent)}@keyframes hero-tag-in{0%{opacity:0;filter:blur(8px);transform:translateY(.5em)}to{opacity:1;filter:blur();transform:none}}@media (max-width:760px){.hero{--copy-x:24px;--name-size:clamp(88px, 25vw, 330px)}.hero-tags{font-size:calc(var(--name-size) * .17);letter-spacing:.06em}.hero-based{font-size:calc(var(--name-size) * .12)}}@media (prefers-reduced-motion:reduce){.hero-name span,.hero-tags span,.hero-based span{animation:none}}.hero-case{z-index:4;pointer-events:none;color:#f2f6f5;--enter:0;--covered:0;opacity:calc(min((var(--portal,0) - .87) * 10, (1 - var(--portal,0)) * 40));position:absolute;inset:0}.hero-case .case-media{inset:0;transform:none}.hero-scroll{z-index:3;font:400 clamp(20px, 2vw, 28px) / 1 var(--font-tags), var(--font-body), sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);opacity:calc(1 - var(--portal,0) * 4);flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:calc(34px + 100lvh - 100svh);right:clamp(24px,7vw,110px)}.hero-scroll-text{padding:2px 0;display:inline-block;overflow:hidden}.hero-scroll-word{animation:.55s cubic-bezier(.2,1.4,.4,1) both hero-flip;display:inline-block}@keyframes hero-flip{0%{opacity:0;transform:translateY(110%)rotate(6deg)}to{opacity:1;transform:none}}.hero-scroll-arrow{transform-origin:bottom;color:color-mix(in srgb, var(--accent) calc(var(--anger,0) * 100%), currentColor);animation:hero-hop calc(1.6s - var(--anger,0) * 1.15s) cubic-bezier(.5, 0, .5, 1) infinite}@keyframes hero-hop{0%,to{transform:translateY(calc(-4px - var(--anger,0) * 6px)) rotate(0deg)}25%{transform:translateY(0) rotate(calc(var(--anger,0) * -12deg))}45%{transform:translateY(calc(5px + var(--anger,0) * 14px)) rotate(0deg) scaleY(1)}55%{transform:translateY(calc(5px + var(--anger,0) * 14px)) scale(calc(1.15 + var(--anger,0) * .25), calc(.8 - var(--anger,0) * .25))}70%{transform:translateY(-1px) rotate(calc(var(--anger,0) * 12deg)) scaleY(1.05)}}@media (prefers-reduced-motion:reduce){.hero-scroll-word,.hero-scroll-arrow{animation:none}}.hero-scene{z-index:2;pointer-events:none;position:absolute;inset:0}.hero-scene-stage{position:absolute;inset:0}.hero-scene-stage canvas{width:100%;height:100%;display:block}.hero-scene-iris{opacity:calc((var(--portal,0) - .83) * 14);background:#000;position:absolute;inset:0}.cases{z-index:2;margin-top:-100lvh;position:relative}.case-block{--enter:0;--covered:0;--zoom:0;--pre:0;--fly:0;height:320svh;position:relative}.case-block:last-child{height:300svh}.case{color:#f2f6f5;background:#1c272b;height:100lvh;min-height:560px;position:sticky;top:0;overflow:hidden}.case-media{background:radial-gradient(120% 90% at 22% 10%, color-mix(in srgb, var(--case-color,#4e3b2c) 82%, #f3ecd9), transparent 70%), var(--case-color,#4e3b2c);transform:translateY(calc(var(--enter) * 9% - var(--covered) * 7%)) scale(calc(1 + var(--covered) * .05));will-change:transform;position:absolute;inset:-12% 0;overflow:hidden}.case-block:first-child .case{background:color-mix(in srgb, var(--case-color) calc(min(1, var(--covered,0) * 4) * 100%), transparent)}.case-block:first-child .case-media{opacity:calc((var(--portal,1) - .97) * 34);transform:translateY(calc(var(--enter) * -100% - var(--covered) * 7%)) scale(calc(1 + var(--covered) * .05));inset:0}.case-block:first-child .case-scrim{opacity:calc((var(--portal,1) - .975) * 40)}.case-block:first-child .case-body{opacity:calc((1 - var(--covered) * 1.7) * (1 - var(--fly) * 4) * (var(--portal,1) - .975) * 40);transform:translateY(calc(var(--enter) * -100% + var(--covered) * -48px + var(--pre,0) * -78px))}.case-block:first-child .device{opacity:calc((var(--portal,1) - .97) * 34 * (1 - var(--covered,0) * 2))}.case-bottom .section-title{font:800 clamp(64px, 15vw, 230px) / .85 var(--font-body), system-ui, sans-serif;letter-spacing:-.05em;text-transform:uppercase;text-shadow:none;margin:0}.section-blurb{text-wrap:balance;max-width:30ch;font:400 clamp(17px, 1.5vw, 24px) / 1.35 var(--font-body), system-ui, sans-serif;color:#f2f6f5cc;margin:0}.case .case-body{pointer-events:none}.device{z-index:2;pointer-events:none;opacity:calc(1 - var(--covered,0) * 2);will-change:opacity;position:absolute;inset:0}.device-stage{position:absolute;inset:0}.device-stage canvas{width:100%;height:100%;display:block}.case-inside{z-index:3;background:var(--screen-color,#38291d);color:#f2f6f5;pointer-events:none;transform-origin:0 0;will-change:transform;box-sizing:border-box;opacity:calc(1 - var(--covered,0) * 2);flex-direction:column;justify-content:center;padding-bottom:calc(100lvh - 100svh);display:flex;position:absolute;inset:0;overflow:hidden}.case-block[data-inside="1"] .case-inside{pointer-events:auto}.case-block:first-child .case-inside{opacity:calc((var(--portal,1) - .97) * 34 * (1 - var(--covered,0) * 2))}.case-inside .wrap{--wrap-pad:clamp(24px, 7vw, 110px);box-sizing:border-box;flex-direction:column;width:100%;max-height:calc(100svh - 2*clamp(20px,4svh,44px));display:flex}.case-inside-top{border-bottom:1px solid #f2f6f547;flex:none;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:clamp(24px,4svh,44px);padding-bottom:24px;display:flex}.case-inside-all{color:#f2f6f5b3;white-space:nowrap;font:400 15px / 1 var(--font-tags), var(--font-body), sans-serif;letter-spacing:.1em;text-transform:uppercase}.case-inside-viewport{margin-inline:calc(var(--wrap-pad) * -1);padding-inline:var(--wrap-pad);flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.case-inside-list{min-height:0;transform:translateX(var(--pan,0px));will-change:transform;flex:auto;justify-content:center;align-items:stretch;gap:clamp(18px,2.4vw,40px);margin:0;padding:0;list-style:none;display:flex}.case-inside-list li{flex:0 0 clamp(230px,23vw,340px);min-width:0;min-height:0;display:flex}.case-inside-pad{flex-basis:clamp(230px,23vw,340px)}.case-card{color:inherit;flex-direction:column;flex:auto;gap:16px;min-height:0;text-decoration:none;display:flex}.case-card-media{aspect-ratio:2/3;background:var(--case-color,#4e3b2c);border-radius:3px;flex:0 auto;min-height:120px;max-height:56svh;display:block;position:relative;overflow:hidden}.case-card-media img{object-fit:cover;object-position:left top;width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.8,.2,1);display:block}.case-card:hover .case-card-media img{transform-origin:0 0;transform:scale(1.04)}.case-card-mark{font:italic 400 clamp(48px, 6vw, 96px) var(--font-display), Georgia, serif;color:#ffffff2e;place-items:center;display:grid;position:absolute;inset:0}.case-card-text{flex:none;gap:7px;display:grid}.case-card-text h4{font:400 clamp(20px, 1.9vw, 30px) / 1.1 var(--font-display), Georgia, serif;letter-spacing:-.01em;margin:0}.case-card:hover .case-card-text h4{text-underline-offset:4px;text-decoration:underline}.case-inside-index{font:400 13px / 1 var(--font-tags), var(--font-body), sans-serif;letter-spacing:.12em;color:#f2f6f58c}.case-inside-tag{font:400 12px / 1.4 var(--font-tags), var(--font-body), sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#f2f6f59e}.case-inside-desc{color:#f2f6f5d1;margin-top:4px;font-size:14.5px;line-height:1.5}.case-inside-empty{color:#f2f6f5b3}.case-inside .wrap:has(>.showreel){box-sizing:border-box;width:min(100%,131.556svh + 56px);max-width:none}.showreel{opacity:calc((var(--fly) - .66) * 12);gap:16px;display:grid}.showreel-frame{aspect-ratio:16/9;background:#00000040;border-radius:3px;position:relative;overflow:hidden}.showreel-frame video{object-fit:cover;opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0}.showreel-frame video.is-front{opacity:1}.case-block .case-inside.is-reel{pointer-events:none;background:0 0;transform:none!important}.case-inside.is-reel .wrap{display:contents}.case-inside.is-reel .showreel{opacity:1;display:block;position:absolute;inset:0}.case-inside.is-reel .showreel-frame{aspect-ratio:auto;background:0 0;border-radius:0;position:absolute;inset:0}.case-inside.is-reel .showreel-frame video{opacity:0;width:2px;height:2px;inset:auto auto 0 0}.showreel-hit{left:var(--reel-l,0px);top:var(--reel-t,0px);width:var(--reel-w,0px);height:var(--reel-h,0px);color:#f2f6f5;cursor:pointer;pointer-events:none;opacity:calc((1 - var(--enter)) * (1 - var(--covered,0) * 2));background:0 0;border:0;justify-content:flex-end;align-items:flex-end;padding:clamp(10px,2%,18px);display:flex;position:absolute}.case-block[data-state=active] .showreel-hit{pointer-events:auto}.showreel-badge{font:400 12px / 1 var(--font-tags), var(--font-body), sans-serif;letter-spacing:.1em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c121473;border:1px solid #f2f6f566;border-radius:999px;align-items:center;gap:8px;padding:8px 12px 8px 10px;transition:background .2s;display:inline-flex}.showreel-hit:hover .showreel-badge,.showreel-hit:focus-visible .showreel-badge{background:#0c1214bf}.showreel-hit:focus-visible{outline-offset:-2px;outline:2px solid #f2f6f5b3}.case-inside.is-reel .showreel.is-full{z-index:50;pointer-events:auto;cursor:pointer;background:#000;position:fixed;inset:0}.case-inside.is-reel .showreel.is-full .showreel-frame{position:absolute;inset:0}.case-inside.is-reel .showreel.is-full .showreel-frame video{object-fit:contain;opacity:0;width:100%;height:100%;inset:0}.case-inside.is-reel .showreel.is-full .showreel-frame video.is-front{opacity:1}.showreel-controls{z-index:1;cursor:default;padding:28px clamp(16px, 3vw, 36px) calc(clamp(16px, 3vw, 28px) + env(safe-area-inset-bottom,0px));color:#f2f6f5;opacity:0;background:linear-gradient(#0000,#000000b3);align-items:center;gap:14px;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.showreel.is-full:hover .showreel-controls,.showreel.is-full:focus-within .showreel-controls,.showreel.is-full[data-paused="1"] .showreel-controls{opacity:1}@media (hover:none){.showreel-controls{opacity:1}}.showreel-btn{width:40px;height:40px;color:inherit;cursor:pointer;background:#0c121473;border:1px solid #f2f6f559;border-radius:999px;flex:none;place-items:center;display:grid}.showreel-btn:hover{background:#0c1214cc}.showreel-scrub{cursor:pointer;touch-action:none;--p:0;flex:1;align-items:center;height:28px;display:flex}.showreel-scrub-line{background:#f2f6f54d;border-radius:1px;width:100%;height:2px;transition:height .15s;position:relative}.showreel-scrub:hover .showreel-scrub-line,.showreel-scrub:active .showreel-scrub-line{height:4px}.showreel-scrub-line:before{content:"";width:calc(var(--p) * 100%);border-radius:inherit;background:#f2f6f5;position:absolute;inset:0 auto 0 0}.showreel-scrub-line:after{content:"";top:50%;left:calc(var(--p) * 100%);background:#f2f6f5;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;transition:transform .15s;position:absolute;transform:scale(0)}.showreel-scrub:hover .showreel-scrub-line:after,.showreel-scrub:active .showreel-scrub-line:after,.showreel-scrub:focus-visible .showreel-scrub-line:after{transform:none}.showreel-scrub:focus-visible{outline:none}.showreel-time{font:400 12px / 1 var(--font-tags), var(--font-body), sans-serif;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:#f2f6f5d9;flex:none}@media (max-width:900px){.case-inside-list li{flex:0 0 66%}.case-inside-list .case-inside-pad{flex-basis:33%}.case-card-media{aspect-ratio:3/4;max-height:44svh}.case-inside-desc{font-size:13.5px}}@media (max-width:760px){.case-bottom .section-title{font-size:clamp(56px,22vw,120px)}.case-block{height:300svh}}.case-scrim{pointer-events:none;opacity:calc((1 - var(--enter,0) * 3) * (1 - var(--fly,0) * 4));background:linear-gradient(to top, #0c121452 0%, #0c121400 40%), linear-gradient(to bottom, #0c12141a, #0c121400 12%), rgba(12, 18, 20, calc(var(--covered) * .45));position:absolute;inset:0}.case-body{z-index:2;opacity:calc((1 - var(--covered,0) * 1.7) * (1 - var(--enter,0) * 3) * (1 - var(--fly,0) * 4));transform:translateY(calc(var(--covered,0) * -48px + var(--enter,0) * 60px + var(--pre,0) * -78px));will-change:opacity, transform;flex-direction:column;justify-content:space-between;padding-block:clamp(96px,12svh,130px) calc(clamp(36px,6svh,64px) + 100lvh - 100svh);display:flex;position:absolute;inset:0}.case-top{letter-spacing:.16em;text-transform:uppercase;color:#f2f6f5c7;justify-content:space-between;align-items:baseline;gap:24px;font-size:11.5px;font-weight:500;display:flex}.case-index{font-variant-numeric:tabular-nums}.case-index span{color:#f2f6f573}.case-bottom{gap:18px;max-width:44rem;display:grid}.case-top{text-shadow:0 1px 12px #0c121480}@media (max-width:760px){.case-bottom{gap:14px}}.slab{--slab-bg:#c4b58f;--slab-ink:#1c272b;--slab-soft:#1c272bad;--slab-line:#1c272b33;--slab-accent:#8c4a2f;z-index:2;background:radial-gradient(120% 90% at 22% 0%, color-mix(in srgb, var(--slab-bg) 82%, #f3ecd9), transparent 70%), var(--slab-bg);color:var(--slab-ink);padding:clamp(96px,12svh,130px) 0 clamp(72px,10svh,120px);position:relative}.slab .label{color:var(--slab-soft)}.slab-top{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:clamp(20px,3svh,36px);display:flex}.slab-title{max-width:14em;font:800 clamp(52px, 9vw, 150px) / .88 var(--font-body), system-ui, sans-serif;letter-spacing:-.05em;text-transform:uppercase;text-wrap:balance;margin:0}.slab-list{border-top:1px solid var(--slab-line);margin:clamp(22px,3.5svh,44px) 0 0;padding:0;list-style:none}.slab-row{border-bottom:1px solid var(--slab-line);grid-template-columns:minmax(90px,.6fr) 1.4fr 2fr;align-items:baseline;gap:12px clamp(20px,3vw,48px);padding:clamp(22px,3svh,34px) 0;display:grid}.slab-row h3{font:800 clamp(22px, 2.3vw, 34px) / 1 var(--font-body), system-ui, sans-serif;letter-spacing:-.03em;text-transform:uppercase;margin:0}.slab-row p{color:var(--slab-soft);max-width:52ch;font-size:15.5px}.slab-index{font:400 clamp(16px, 1.3vw, 20px) / 1.1 var(--font-tags), var(--font-body), sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--slab-soft);font-variant-numeric:tabular-nums}.slab-row .company{color:var(--slab-accent);font:italic 400 clamp(18px, 1.5vw, 22px) / 1.2 var(--font-display), Georgia, serif;margin-top:8px}@media (max-width:880px){.slab-row{grid-template-columns:1fr;gap:10px}}.slab{overflow-x:clip}.slab-row{--dir:-1;opacity:var(--in,1);transform:translateX(calc((1 - var(--in,1)) * var(--dir) * 14vw));will-change:transform, opacity}.slab-row:nth-child(2n){--dir:1}.slab-title .word{opacity:clamp(0, var(--in,1) * 1.4, 1);transform:translateY(calc((1 - var(--in,1)) * -.7em)) rotate(calc((1 - var(--in,1)) * -4deg));will-change:transform, opacity;display:inline-block}.cv{--slab-bg:#38291d;--slab-ink:#f2f6f5;--slab-soft:#f2f6f5b8;--slab-line:#f2f6f538;--slab-accent:#d9c49a}.contact{--slab-bg:#8c4a2f;--slab-ink:#f2f6f5;--slab-soft:#f2f6f5bf;--slab-line:#f2f6f547;--slab-accent:#f3ddb0}.contact .slab-title{max-width:11em}.contact-email{font:italic 400 clamp(36px, 6vw, 96px) / 1.05 var(--font-display), Georgia, serif;color:var(--slab-accent);overflow-wrap:anywhere;margin-top:clamp(20px,3svh,36px);text-decoration:none;display:inline-block}.contact-email:hover{text-underline-offset:.12em;text-decoration:underline;text-decoration-thickness:2px}.contact-cv{border:1px solid var(--slab-line);width:fit-content;color:var(--slab-ink);font:400 16px / 1 var(--font-tags), var(--font-body), sans-serif;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;margin-top:32px;padding:12px 20px;text-decoration:none;display:flex}.contact-cv:hover{background:#f2f6f51f}.mega{--slab-ink:#f2f6f5;--slab-soft:#f2f6f5b8;--slab-line:#f2f6f538;--slab-accent:#e8b776;background:radial-gradient(1px 1px at 12% 18%,#f3ddb080 50%,#0000 51%),radial-gradient(1px 1px at 33% 9%,#f3ddb066 50%,#0000 51%),radial-gradient(1.5px 1.5px at 52% 22%,#f3ddb08c 50%,#0000 51%),radial-gradient(1px 1px at 71% 12%,#f3ddb073 50%,#0000 51%),radial-gradient(1px 1px at 88% 30%,#f3ddb066 50%,#0000 51%),radial-gradient(1px 1px at 22% 36%,#f3ddb059 50%,#0000 51%),linear-gradient(#1a1410 0%,#2e2219 34%,#4e3b2c 62%,#8c4a2f 88%,#b8693a 100%);min-height:100svh;padding:0;display:flex;overflow:hidden}.mega-tower{z-index:0;width:auto;max-width:46%;height:calc(100% - 96px);transform:translateY(calc((1 - var(--rise,1)) * 30%));will-change:transform;position:absolute;bottom:0;right:clamp(0px,4vw,80px)}.mega-in{z-index:1;flex-direction:column;flex:1;justify-content:space-between;gap:40px;width:100%;padding-top:clamp(110px,14svh,160px);padding-bottom:32px;display:flex;position:relative}.mega-yell{gap:clamp(18px,3svh,32px);max-width:62%;display:grid}.mega-title{max-width:none;font-size:clamp(36px,6.6vw,120px)}.mega-title>span{white-space:nowrap}.mega-title em{font:italic 400 1.08em / .95 var(--font-display), Georgia, serif;letter-spacing:-.02em;text-transform:none;color:var(--slab-accent);display:block}.mega-meh{max-width:46ch;color:var(--slab-soft);font-size:clamp(16px,1.4vw,19px)}@media (max-width:760px){.mega-yell{max-width:100%}.mega-title{font-size:10.5vw}.mega-tower{opacity:.5;max-width:none;height:78%;right:-6%}}.mega-meta{border-top:1px solid var(--slab-line);font:400 15px / 1 var(--font-tags), var(--font-body), sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--slab-soft);flex-wrap:wrap;justify-content:space-between;gap:24px;padding-top:22px;display:flex}.mega-meta nav{gap:20px;display:flex}.mega-meta a{text-decoration:none}.mega-meta a:hover{color:var(--slab-ink)}
html[data-mode=glitch]{overflow:hidden}html[data-mode=glitch] body{animation:.16s step-end infinite glitch-jitter,2.1s linear forwards glitch-tint}html[data-mode=glitch] body :is(h1,h2,h3,p,a,span,blockquote,figcaption,button){animation:.12s step-end infinite glitch-rgb}html[data-mode=glitch] body:before{content:"";z-index:900;pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#00000059 0 2px,#0000 2px 4px) 0 0/100% 4px,linear-gradient(#0000 0 40%,#00ff412e 40% 43%,#0000 43%) 0 0/100% 100%;animation:1.2s linear infinite glitch-scan,.3s step-end infinite glitch-tear;position:fixed;inset:0}html[data-mode=glitch] body:after{content:"";z-index:901;pointer-events:none;mix-blend-mode:difference;background:#00ff41;animation:2.1s step-end forwards glitch-invert;position:fixed;inset:0}@keyframes glitch-jitter{0%{transform:translate(0)}20%{transform:translate(-6px,2px)skew(-1deg)}40%{transform:translate(4px,-3px)}60%{transform:translate(-2px,6px)skew(2deg)}80%{transform:translate(7px,1px)}to{transform:translateY(-4px)}}@keyframes glitch-rgb{0%{text-shadow:3px 0 #f0f,-3px 0 #0ff}33%{text-shadow:-4px 0 #f0f,4px 0 #0ff}66%{text-shadow:2px 2px #f0f,-2px -2px #0ff}to{text-shadow:-1px 0 #f0f,5px 0 #0ff}}@keyframes glitch-tint{0%{filter:none}40%{filter:saturate(1.4)contrast(1.1)}70%{filter:saturate(0)contrast(1.6)brightness(.8)sepia()hue-rotate(60deg)saturate(4)}to{filter:saturate(0)contrast(2)brightness(.5)sepia()hue-rotate(60deg)saturate(6)}}@keyframes glitch-scan{to{background-position:0 0,0 100vh}}@keyframes glitch-tear{0%,to{clip-path:inset(0)}25%{clip-path:polygon(0 0,100% 0,100% 30%,0 34%,0 60%,100% 58%,100% 100%,0 100%)}50%{clip-path:inset(0);transform:translate(-12px)}75%{clip-path:polygon(0 0,100% 0,100% 72%,0 70%,0 100%,100% 100%);transform:translate(9px)}}@keyframes glitch-invert{0%,18%,22%,47%,51%,78%,81%,to{opacity:0}19%,21%{opacity:1}48%,50%{opacity:1;clip-path:inset(30% 0 40%)}79%,80%{opacity:1;clip-path:inset(0 0 60%)}}.matrix-rain{z-index:1000;pointer-events:none;opacity:0;width:100%;height:100%;animation:1.3s ease-in .4s forwards rain-in;position:fixed;inset:0}@keyframes rain-in{to{opacity:1}}.mode-flash{z-index:1100;pointer-events:none;background:#fff;animation:.32s ease-out forwards flash-out;position:fixed;inset:0}@keyframes flash-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.matrix-rain,.mode-flash{display:none}}html[data-mode=retro]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:auto}html[data-mode=retro] body{color:#000;cursor:default;background:#003;font:400 16px/1.45 Times New Roman,Times,serif}.r95{--navy:navy;--silver:silver;--teal:teal;--lime:#0f0;--yellow:#ff0;--magenta:#f0f;--cyan:#0ff;--link:#00e;--visited:#551a8b;--hi:#fff;--lo:gray;--shadow:#404040;--comic:"Comic Sans MS", "Comic Neue", "Chalkboard SE", "Segoe Print", cursive;--times:"Times New Roman", Times, serif;--courier:"Courier New", Courier, monospace;--sans:"MS Sans Serif", "Microsoft Sans Serif", Tahoma, Arial, sans-serif;background-color:#003;background-image:radial-gradient(1px 1px at 20px 30px,#fff 50%,#0000 51%),radial-gradient(1px 1px at 90px 120px,#fff 50%,#0000 51%),radial-gradient(1.5px 1.5px at 160px 60px,#ffc 50%,#0000 51%),radial-gradient(1px 1px at 230px 170px,#fff 50%,#0000 51%),radial-gradient(1px 1px at 300px 20px,#ccf 50%,#0000 51%),radial-gradient(2px 2px at 60px 200px,#fff 50%,#0000 51%),radial-gradient(1px 1px at 130px 250px,#fff 50%,#0000 51%),radial-gradient(1px 1px at 280px 230px,#fff 50%,#0000 51%);background-size:340px 280px;min-height:100vh;padding:44px 12px 64px;position:relative;overflow-x:hidden}.r95 a{color:var(--link);text-decoration:underline}.r95 a:visited{color:var(--visited)}.r95 a:hover{color:red}.r95 a:focus-visible,.r95 button:focus-visible{outline-offset:1px;outline:1px dotted #000}.r95 p{margin:0 0 .7em}.r95 p:last-child{margin-bottom:0}.r95 h1,.r95 h2,.r95 h3{margin:0;font-weight:700}.r-accent{color:red}.r-center{text-align:center}.r-nowrap{white-space:nowrap}.r-marquee{z-index:5;color:var(--lime);border-bottom:2px solid var(--lime);font:700 13px/26px var(--courier);white-space:nowrap;background:#000;position:fixed;top:0;left:0;right:0;overflow:hidden}.r-marquee-track{animation:32s linear infinite marquee;display:inline-flex}@keyframes marquee{to{transform:translate(-50%)}}.r-page{gap:18px;max-width:780px;margin:0 auto;display:grid}.r-head{text-align:center;color:#fff;padding-top:8px}.r-new{color:var(--yellow);font:700 14px/1 var(--comic);background:red;border:2px outset #f66;margin:0 0 6px;padding:4px 8px;display:inline-block;transform:rotate(-6deg)}.r-blink{animation:1s step-end infinite r-blink}@keyframes r-blink{50%{visibility:hidden}}.r-wordart{letter-spacing:.01em;text-transform:uppercase;background:linear-gradient(180deg, var(--yellow) 0%, #f80 35%, var(--magenta) 65%, var(--cyan) 100%);color:#0000;filter:drop-shadow(2px 2px 0 var(--navy)) drop-shadow(2px 2px 0 var(--navy)) drop-shadow(2px 2px 0 var(--navy)) drop-shadow(0 0 12px #ffffff59);-webkit-background-clip:text;background-clip:text;margin:0 0 8px;padding:6px 10px;font:900 clamp(44px,10vw,84px)/1 Impact,Arial Black,Haettenschweiler,sans-serif;display:inline-block;transform:skew(-8deg)rotate(-2deg)}.r-tagline{font:400 clamp(18px, 3vw, 24px)/1.3 var(--comic);color:var(--yellow);text-shadow:2px 2px #000;max-width:32em;margin:0 auto 14px}.r-tagline .r-accent{color:var(--cyan)}.r-construction{background:repeating-linear-gradient(-45deg, var(--yellow) 0 14px, #000 14px 28px);font:700 14px/1 var(--sans);text-transform:uppercase;border:3px solid #000;margin:4px 0 14px;padding:6px 18px;display:inline-block}.r-construction span{background:var(--yellow);color:#000;padding:4px 8px;display:inline-block}.r-rainbow{background:linear-gradient(90deg,red,#f80,#ff0,#0f0,#0ff,#00f,#f0f,red);border:0;height:5px;margin:8px 0;box-shadow:0 1px #000,inset 0 -1px #0006}.r-nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;padding:6px 0;display:flex}.r-nav a{color:var(--cyan);font:700 15px/1 var(--comic);text-decoration:none}.r-nav a:hover{color:var(--yellow);text-decoration:underline}.r-btn{appearance:none;cursor:pointer;font:400 13px/1 var(--sans);color:#000;background:var(--silver);border:2px solid;border-color:var(--hi) var(--shadow) var(--shadow) var(--hi);box-shadow:inset -1px -1px 0 var(--lo), inset 1px 1px 0 #dfdfdf, 1px 1px 0 #000;padding:6px 14px;text-decoration:none;display:inline-block}.r-btn:hover{color:#000}.r-btn:active{border-color:var(--shadow) var(--hi) var(--hi) var(--shadow);box-shadow:inset 1px 1px 0 var(--lo)}.r-btn-wide{padding:8px 22px;font-weight:700}.r-textbtn{appearance:none;cursor:pointer;color:var(--cyan);font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.r-textbtn:hover{color:var(--yellow)}.r-win{background:var(--silver);border:2px solid;border-color:var(--hi) var(--shadow) var(--shadow) var(--hi);box-shadow:inset -1px -1px 0 var(--lo), inset 1px 1px 0 #dfdfdf, 3px 3px 0 #0009;padding:3px}.r-win-title{background:linear-gradient(90deg, var(--navy), #1084d0);color:#fff;font:700 13px/1 var(--sans);align-items:center;gap:6px;padding:3px 4px;display:flex}.r-win-icon{width:14px;height:12px;box-shadow:inset 0 3px 0 var(--navy);background:#fff;border:1px solid #000}.r-win-btns{gap:2px;margin-left:auto;display:flex}.r-win-btns i{background:var(--silver);color:#000;width:16px;height:14px;font-style:normal;font:700 11px/1 var(--sans);border:1px solid;border-color:var(--hi) var(--shadow) var(--shadow) var(--hi);place-items:center;display:grid}.r-win-body{border:1px solid;border-color:var(--lo) var(--hi) var(--hi) var(--lo);background:#fff;margin-top:3px;padding:16px 18px}.r-about{grid-template-columns:96px 1fr;align-items:start;gap:18px;display:grid}.r-avatar{background:linear-gradient(135deg, var(--teal), var(--navy));width:96px;height:96px;color:var(--yellow);font:700 56px/1 var(--comic);border:2px inset var(--silver);place-items:center;display:grid}.r-intro{font-size:17px}.r-clients{font-size:15px}.r-counter-row{font:400 13px/1.4 var(--courier);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.r-counter{border:1px inset var(--silver);background:#333;gap:1px;padding:2px;display:inline-flex}.r-counter span{text-align:center;width:14px;color:var(--lime);font:700 15px/20px var(--courier);background:#000;display:inline-block}.r-table{border-collapse:separate;border-spacing:2px;border:2px outset var(--silver);background:#e8e8e8;width:100%}.r-table td,.r-table th{border:1px inset var(--silver);vertical-align:top;text-align:left;background:#fff;padding:6px 8px}.r-table th{background:var(--navy);color:#fff;font:700 13px/1.3 var(--sans)}.r-table h3{font:700 17px/1.3 var(--comic);margin-bottom:2px}.r-table h3 small{font:400 13px var(--times);color:#444}.r-table p{margin-bottom:.4em;font-size:15px}.r-cat{color:var(--teal);font:700 12px/1.3 var(--sans)}.r-thumb-cell{width:140px}.r-thumb{aspect-ratio:4/3;border:2px inset var(--silver);width:124px;image-rendering:pixelated;place-items:center;display:grid;overflow:hidden}.r-thumb img{object-fit:cover;filter:contrast(1.2)saturate(1.3);width:100%;height:100%}.r-thumb span{color:#fff;font:700 28px/1 var(--comic);text-shadow:2px 2px #000}.r-cv td{font-size:14px}.r-list{margin:0;padding-left:26px;font-size:16px}.r-list li{margin-bottom:8px;list-style:none;position:relative}.r-list li:before{content:"►";color:red;font-size:12px;position:absolute;top:3px;left:-22px}.r-contact{text-align:center}.r-contact-head{font:700 24px/1.2 var(--comic);color:var(--navy)}.r-mail{font-size:20px}.r-spin{vertical-align:middle;font-size:26px;animation:2.4s linear infinite r-spin;display:inline-block}@keyframes r-spin{to{transform:rotateY(360deg)}}.r-midi{background:var(--silver);border:2px inset var(--silver);font:400 12px/1.4 var(--sans);margin-top:10px;padding:6px 12px;display:inline-block}.r-foot{text-align:center;color:#fff;padding-top:6px}.r-badges{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:16px;display:flex}.r-badge{text-transform:uppercase;border:1px solid #000;align-content:center;gap:1px;width:88px;height:31px;font-family:Arial,Helvetica,sans-serif;line-height:1;display:grid;box-shadow:inset 1px 1px #fff9,inset -1px -1px #00000080}.r-badge b{letter-spacing:.02em;font-size:10px}.r-badge small{font-size:8px;font-weight:700}.b-netscape{color:#fff;background:linear-gradient(#036,#000)}.b-html{color:navy;background:#fff}.b-notepad{color:#000;background:#ffc}.b-y2k{color:#000;background:linear-gradient(90deg,red,#ff0)}.b-res{background:var(--teal);color:#fff}.b-frames{color:red;background:#000}.r-webring{font:400 14px/1.5 var(--times)}.r-webring a{color:var(--cyan)}.r-fine{font:400 12px/1.6 var(--times);color:#aaa}.r-status{z-index:5;background:var(--silver);border-top:2px solid var(--hi);font:400 12px/18px var(--sans);gap:3px;padding:3px;display:flex;position:fixed;bottom:0;left:0;right:0}.r-status-main{border:1px inset var(--silver);flex:1;padding:0 6px}.r-status-pane{border:1px inset var(--silver);padding:0 8px}.r-status-bar{width:120px;padding:2px}.r-status-bar i{background:repeating-linear-gradient(90deg, var(--navy) 0 8px, transparent 8px 10px);width:100%;height:100%;display:block}.r-sparkles{z-index:20;pointer-events:none;position:fixed;inset:0}.r-sparkle{text-shadow:0 0 4px;animation:.75s ease-out forwards r-sparkle;position:absolute;transform:translate(-50%,-50%)}@keyframes r-sparkle{to{opacity:0;transform:translate(-50%,30px)scale(.3)rotate(120deg)}}@media (max-width:600px){.r-about{grid-template-columns:1fr}.r-avatar{width:72px;height:72px;font-size:40px}.r-win-body{padding:12px}.r-thumb-cell,.r-cv thead{display:none}.r-cv tr{display:grid}.r-status-pane:not(.r-status-bar){display:none}}