:root{color-scheme:dark;--space:#070504;--cream:#f8f1df;--tan:#dac6a6;--dust:#b49171;--red:#c73230;--font:"Outfit", system-ui, sans-serif;--pad:clamp(22px, 5vw, 88px);--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}html,body{overscroll-behavior:none;height:100%;overflow:hidden}html{background:var(--space);color:var(--cream);font-family:var(--font);-webkit-font-smoothing:antialiased;font-synthesis:none;font-size:100%;font-weight:300}body{font-size:clamp(1rem,.94rem + .25vw,1.125rem);line-height:1.6}::selection{background:var(--red);color:var(--cream)}:focus-visible{outline:1.5px solid var(--cream);outline-offset:4px;border-radius:2px}.apos{color:var(--red)}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.sky,.sky-fallback,.veil{width:100%;height:100%;position:fixed;inset:0}.sky{z-index:0;touch-action:none;display:block}.sky-fallback{z-index:0;background:radial-gradient(120% 90% at 70% 40%, #1a120c, var(--space) 60%)}.sky-ready .sky-fallback{display:none}.veil{z-index:1;pointer-events:none;background:linear-gradient(90deg,#070504b8,#07050440 46%,#0000 70%)}@media (width<=820px){.veil{background:linear-gradient(#0000 30%,#07050499 58%,#070504d9)}}.sites{z-index:2;pointer-events:none;position:fixed;inset:0}.site{opacity:0;will-change:transform, opacity;align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0}.site i{background:var(--cream);border-radius:50%;width:5px;height:5px;margin:-2.5px 0 0 -2.5px;box-shadow:0 0 0 3px #f8f1df2e}.site.is-left{flex-direction:row-reverse;translate:-100%}.site.is-left i{margin:-2.5px -2.5px 0 0}.site span{letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 6px #000000e6;white-space:nowrap;font-size:.6875rem;font-weight:400}.star-tip{z-index:2;pointer-events:none;opacity:0;gap:1px;margin-top:-10px;padding-left:16px;transition:opacity .3s;display:grid;position:fixed;top:0;left:0}.star-tip.is-on{opacity:1}.star-tip:before{content:"";border:1px solid #f8f1df8c;border-radius:50%;width:18px;height:18px;position:absolute;top:1px;left:-9px}.star-tip b{letter-spacing:.02em;font-size:.875rem;font-weight:500}.star-tip span{letter-spacing:.16em;text-transform:uppercase;color:var(--tan);font-size:.6875rem}.globe-hit{z-index:4;touch-action:none;cursor:grab;border-radius:50%;position:fixed;top:0;left:0}.globe-hit:focus-visible{outline-offset:6px}.is-dragging .globe-hit{cursor:grabbing}.header{z-index:10;height:84px;padding-inline:var(--pad);justify-content:space-between;align-items:center;gap:24px;display:flex;position:fixed;inset:0 0 auto}.brand{align-items:center;gap:14px;display:inline-flex}.brand .laika{width:58px;display:block;overflow:visible}.wordmark{letter-spacing:-.01em;color:var(--tan);white-space:nowrap;font-size:1.5rem;font-weight:400}.wordmark b{color:var(--cream);font-weight:600}.nav{align-items:center;gap:clamp(18px,2.6vw,40px);display:flex}.nav>a{letter-spacing:.22em;text-transform:uppercase;color:#f8f1dfbf;font-size:.75rem;transition:color .3s}.nav>a:hover{color:var(--cream)}.langs{gap:14px;display:flex}.langs a{letter-spacing:.16em;color:#f8f1df73;font-size:.75rem}.langs a[aria-current]{color:var(--tan)}@media (width<=820px){.header{height:68px}.wordmark{font-size:1rem}.brand .laika{width:46px}}.page{z-index:3;pointer-events:none;padding:84px var(--pad) 72px;opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s .5s;position:fixed;inset:0}.page a,.page button{pointer-events:auto}html[data-view=home] .page-home,html[data-view=about] .page-about,html[data-view=services] .page-services,html[data-view=studio] .page-studio{opacity:1;visibility:visible;transition:opacity 1.2s .9s,visibility}.page-home{align-items:center;display:grid}.hero-text{max-width:44rem;transition:opacity 1s var(--ease)}.sig{letter-spacing:-.045em;font-size:clamp(3rem,1.6rem + 5.4vw,8.2rem);font-weight:500;line-height:.98}.sig .l1,.sig .l2{white-space:nowrap;display:block}.sig .l1{color:var(--tan);font-weight:400}.caret{vertical-align:-.04em;background:var(--red);width:.06em;height:.82em;margin-left:.06em;animation:1.05s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.lead{color:#f8f1dfd1;max-width:33rem;margin-top:clamp(20px,4svh,34px);font-size:clamp(1rem,.94rem + .35vw,1.3rem);line-height:1.55}.reel-caption{z-index:3;right:var(--pad);text-align:right;letter-spacing:.06em;max-width:26rem;color:var(--tan);opacity:0;font-size:.75rem;transition:opacity .8s;position:fixed;bottom:64px}.is-reel .reel-caption{opacity:1}.is-reel .hero-text{opacity:.25}.foot{z-index:3;inset:auto var(--pad) 22px var(--pad);letter-spacing:.06em;pointer-events:none;justify-content:space-between;align-items:end;gap:12px 32px;font-size:.6875rem;display:flex;position:fixed}.credits{color:#f8f1df59;max-width:36rem}@media (width<=820px){.page-home{padding:0 var(--pad) 96px;align-items:end}.reel-caption{left:var(--pad);right:var(--pad);text-align:center;max-width:none;top:calc(28svh + min(40vw,20svh) + 18px);bottom:auto}.foot{flex-direction:column-reverse;align-items:start;gap:6px}}@media (width<=820px) and (height<=700px){.lead{display:none}}.hero-text>*{animation:rise 1.4s var(--ease) both}.hero-text>:nth-child(2){animation-delay:.2s}@keyframes rise{0%{opacity:0;transform:translateY(22px)}}@media (prefers-reduced-motion:reduce){.hero-text>*{animation:none}.caret{display:none}}.light{z-index:60;pointer-events:none;opacity:0;width:0;height:0;transition:opacity .4s;position:fixed;top:0;left:0}.light.is-on{opacity:1}.light:before,.light:after{content:"";transition:width .45s var(--ease), height .45s var(--ease), border-radius .45s, clip-path .45s var(--ease), opacity .45s;position:absolute;translate:-50% -50%}.light:before{background:#fffaf0;border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px 2px #ffecc8f2,0 0 18px 6px #f0b46e8c}.light:after{background:radial-gradient(circle,#ffe2b433,#e8a05a14 40%,#0000 70%);border-radius:50%;width:150px;height:150px}.light.is-over:before{width:10px;height:10px}.light.is-over:after{width:220px;height:220px}.light.is-down:before{width:5px;height:5px}.light.is-moon:before{clip-path:polygon(0 0,100% 50%,0 100%);width:11px;height:13px;box-shadow:none;border-radius:0;translate:-35% -50%}.is-reel .light.is-moon:before{clip-path:none;background:linear-gradient(90deg,#fffaf0 0 34%,#0000 34% 66%,#fffaf0 66%);width:10px;height:12px;translate:-50% -50%}@media (pointer:fine){.has-light,.has-light *{cursor:none!important}}.foot .credits{display:none}html[data-view=home] [data-credits=home],html[data-view=about] [data-credits=about],html[data-view=services] [data-credits=services],html[data-view=studio] [data-credits=studio]{display:block}.light-label{white-space:nowrap;letter-spacing:.22em;text-transform:uppercase;color:var(--cream);text-shadow:0 1px 8px #000000e6;opacity:0;transition:opacity .35s ease, transform .45s var(--ease);font-size:.6875rem;font-weight:400;position:absolute;top:14px;left:18px;transform:translateY(4px)}.light.is-moon .light-label{opacity:1;transform:none}.light.is-earth:before{clip-path:none;background:#fffaf0;border-radius:50%;width:7px;height:7px;translate:-50% -50%}.people{list-style:none}.person{position:absolute;top:0;left:0}.person .portrait{display:none}.who{text-align:center;white-space:nowrap;text-shadow:0 1px 14px #070504bf,0 0 2px #07050466;justify-items:center;gap:4px;display:grid;translate:-50% -100%}.who b{letter-spacing:-.01em;font-size:clamp(1rem,.9rem + .5vw,1.35rem);font-weight:500}.who small{letter-spacing:.24em;text-transform:uppercase;color:var(--tan);font-size:.6875rem}.who .text{display:none}html[data-view=about] .veil{opacity:.5}@media (width<=820px){.page-about{padding:84px var(--pad) 64px;align-content:center;display:grid}.people{gap:clamp(18px,3.4svh,30px);display:grid}.person{grid-template-columns:92px 1fr;align-items:center;gap:18px;display:grid;position:static}.person .portrait{background:radial-gradient(circle at 35% 30%,#3a2c22,#120d0a 70%);border-radius:50%;width:92px;height:92px;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #f8f1df1f}.person .portrait:after{content:"";-webkit-mask:var(--m) center top / contain no-repeat;mask:var(--m) center top / contain no-repeat;background:linear-gradient(160deg,#e9dcc6,#6e5c48);position:absolute;inset:10% 6% -18%}.person-michael .portrait:after{background:url(/about/michael-colour.webp) 31% 5%/190% no-repeat;inset:0;-webkit-mask:none;mask:none}.person-darius .portrait:after{background:url(/about/darius-colour.webp) 60% 26%/200% no-repeat;inset:0;-webkit-mask:none;mask:none}.person-laika .portrait:after{background:url(/about/laika-colour.webp) 23% 7%/170% no-repeat;inset:0;-webkit-mask:none;mask:none}.who,.person-laika .who{text-align:left;white-space:normal;justify-items:start;gap:3px;translate:none}.who .text{color:#f8f1dfb8;font-size:.875rem;line-height:1.45;display:block}.wordmark{display:none}.nav{gap:16px}.nav>a{letter-spacing:.14em;font-size:.6875rem}}.nav>a[aria-current]{color:var(--cream)}.nav>a[aria-current]:after{content:"";background:var(--red);height:1px;margin-top:5px;display:block}html[data-view=about] .foot{text-align:center;justify-content:center}@media (width<=820px){html[data-view=about] .foot{text-align:left;justify-content:flex-start}}.patch-card{z-index:5;text-align:center;font-size:var(--fs,18px);color:#2a211b;pointer-events:none;opacity:0;visibility:hidden;justify-items:center;gap:.9em;transition:opacity .25s,visibility 0s .25s;display:grid;position:fixed;top:0;left:0;translate:-50% -50%}.patch-card>*{opacity:0;filter:blur(4px);transform:translateY(.4em)}.patch-card.is-on{opacity:1;visibility:visible;transition:opacity .2s .75s,visibility}.patch-card.is-on>*{opacity:1;filter:none;transition:opacity .8s ease, transform 1s var(--ease), filter .8s ease;transform:none}.patch-card.is-on>:first-child{transition-delay:.85s}.patch-card.is-on>:nth-child(2){transition-delay:1.05s}.patch-card h2{letter-spacing:-.022em;text-wrap:balance;font-size:1.75em;font-weight:560;line-height:1.05}.pc-text{color:#3b3028;text-wrap:pretty;max-width:26em;font-size:1em;font-weight:400;line-height:1.5}.light.is-patch .light-label{opacity:1;transform:none}@media (width<=820px){.header{padding-inline:16px}.nav{gap:11px}.nav>a{letter-spacing:.08em;font-size:.6rem}.langs{gap:8px}.langs a{letter-spacing:.06em;font-size:.6rem}.brand .laika{width:46px}}.page-studio{align-content:center;display:grid}.projects{width:min(30rem,34vw);list-style:none;display:grid}.projects button{text-align:left;opacity:.4;width:100%;transition:opacity .5s ease, transform .8s var(--ease);gap:3px;padding:clamp(4px,.85svh,9px) 0;display:grid}.projects button:hover,.projects button:focus-visible,.projects button.is-on{opacity:1}.projects button.is-on{transform:translate(22px)}.pj-name{letter-spacing:-.015em;font-size:clamp(1.05rem,.7rem + .95vw,1.6rem);font-weight:400;line-height:1.12;position:relative}.pj-meta{letter-spacing:.2em;text-transform:uppercase;color:var(--tan);font-size:.65rem}.pj-name:before{content:"";opacity:0;width:7px;height:7px;transition:opacity .5s ease, scale .7s var(--ease);background:#fff1d6;border-radius:50%;position:absolute;top:50%;left:-22px;translate:0 -50%;scale:.2;box-shadow:0 0 8px 2px #ffc478e6,0 0 24px 7px #f096466b}.projects button.is-on .pj-name:before{opacity:1;scale:1}html[data-view=studio] .projects li{animation:rise 1.1s var(--ease) both;animation-delay:calc(1s + var(--i) * 70ms)}@media (width>=821px) and (height<=780px){.projects button{gap:1px;padding:3px 0}.pj-name{font-size:1.2rem}.pj-meta{font-size:.6rem}}.beacon{text-align:center;white-space:nowrap;opacity:0;pointer-events:none;text-shadow:0 1px 12px #000000f2;will-change:transform, opacity;justify-items:center;gap:3px;display:grid;position:absolute;top:0;left:0;translate:-50% calc(-100% - 12px)}.beacon b{letter-spacing:.005em;font-size:1rem;font-weight:500}.beacon span{letter-spacing:.22em;text-transform:uppercase;color:var(--tan);font-size:.625rem}@media (width<=820px){.page-studio{padding:0 var(--pad) 66px;align-content:end}.projects{width:auto}.projects button{padding:4px 0}.projects button.is-on{transform:translate(16px)}.pj-name{font-size:1rem}.pj-name:before{width:6px;height:6px;left:-16px}.pj-meta{display:none}.beacon b{font-size:.875rem}}@media (width<=820px) and (height<=740px){.projects button{padding:2px 0}.pj-name{font-size:.9rem}}@media (pointer:coarse){.nav a:focus-visible,.langs a:focus-visible{outline:none}}.veil{transition:opacity 1.2s}html[data-view=services] .veil{opacity:0}.globe-hit:after{content:"";pointer-events:none;filter:drop-shadow(0 0 22px #00000073);width:46%;height:46%;transition:opacity .6s ease, scale .7s var(--ease);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M28 17 Q28 9 35 13 L86 44 Q93 50 86 56 L35 87 Q28 91 28 83 Z' fill='rgba(255,248,235,0.16)' stroke='rgba(255,248,235,0.62)' stroke-width='2.2' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;margin:auto;display:none;position:absolute;inset:0;translate:7%}@media (width<=820px),(pointer:coarse){.globe-hit[data-globe=home]:after{animation:3.4s ease-in-out infinite breathe;display:block}.is-reel .globe-hit[data-globe=home]:after{opacity:0;animation:none;scale:1.25}}@keyframes breathe{0%,to{opacity:.95;scale:1}50%{opacity:.6;scale:.95}}@media (prefers-reduced-motion:reduce){.globe-hit[data-globe=home]:after{animation:none!important}}@media (width<=820px),(pointer:coarse){.sites{display:none}}.menu-btn{display:none}@media (width<=820px){.brand{z-index:12;position:relative}.menu-btn{z-index:12;width:46px;height:46px;margin-right:-11px;display:block;position:relative}.menu-btn i{background:var(--cream);height:1.5px;transition:transform .55s var(--ease), width .55s var(--ease);border-radius:1px;position:absolute;top:50%;right:11px}.menu-btn i:first-child{width:24px;transform:translateY(-4.5px)}.menu-btn i:last-child{width:15px;transform:translateY(4.5px)}.menu-open .menu-btn i:first-child{width:22px;transform:rotate(45deg)}.menu-open .menu-btn i:last-child{width:22px;transform:rotate(-45deg)}.nav{z-index:11;padding:96px var(--pad) 56px;backdrop-filter:blur(18px)saturate(1.1);opacity:0;visibility:hidden;background:#070504c7;flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(4px,1.4svh,12px);transition:opacity .45s,visibility 0s .45s;position:fixed;inset:0}.menu-open .nav{opacity:1;visibility:visible;transition:opacity .45s,visibility}.nav>a{letter-spacing:-.03em;text-transform:none;color:#f8f1df9e;opacity:0;transition:opacity .6s ease, transform .8s var(--ease), color .3s;font-size:clamp(2.3rem,11vw,3.2rem);font-weight:400;line-height:1.12;transform:translateY(22px)}.menu-open .nav>a{opacity:1;transition-delay:calc(80ms + var(--i) * 60ms);transform:none}.nav>a[aria-current]{color:var(--cream)}.nav>a[aria-current]:after{width:.7em;height:2px;margin-top:2px}.langs{opacity:0;gap:22px;margin-top:clamp(20px,4svh,40px);transition:opacity .6s .3s}.menu-open .langs{opacity:1}.langs a{letter-spacing:.22em;font-size:.8125rem}.menu-open .page,.menu-open .page *,.menu-open .globe-hit{pointer-events:none!important}}@media (width<=820px) and (prefers-reduced-motion:reduce){.nav>a,.menu-btn i{transition:none}}.bios{pointer-events:none;display:grid;position:absolute;top:0;left:0;translate:-50% -100%}@media (width<=820px){.bios{display:none}.person .portrait:after{filter:grayscale(.9)sepia(.12)}}@media (width>=821px){.page-about:before{content:"";pointer-events:none;background:linear-gradient(#0000,#07050466 32%,#070504d1 66%,#070504f5);height:34%;position:absolute;inset:auto 0 0}.who{text-shadow:0 0 18px #070504f2,0 1px 3px #070504cc;gap:7px;translate:-50% -100%}.who b{letter-spacing:-.015em;color:var(--cream);font-size:clamp(1.05rem,.75rem + .6vw,1.5rem);font-weight:500;line-height:1.1}.who small{letter-spacing:.28em;color:var(--tan);font-size:.625rem;font-weight:400}html[data-view=about] .foot{display:none}.bios .bio{text-align:center;opacity:0;filter:blur(4px);transition:opacity .6s ease, transform .9s var(--ease), filter .6s ease;grid-area:1/1;align-self:end;justify-items:center;gap:12px;display:grid;transform:translateY(10px)}.bios .bio.is-on{opacity:1;filter:none;transition-delay:.1s;transform:none}.bio-who{letter-spacing:.3em;text-transform:uppercase;color:var(--tan);font-size:.625rem;font-weight:400}.bios .bio p{color:#f8f1dfdb;text-wrap:balance;text-shadow:0 1px 16px #070504f2;font-size:clamp(.95rem,.8rem + .32vw,1.12rem);font-weight:300;line-height:1.6}}.who b{position:relative}.li{width:1.15em;height:1.15em;color:var(--tan);opacity:.8;border-radius:3px;place-items:center;transition:opacity .3s,color .3s;display:inline-grid;position:absolute;top:50%;left:100%;translate:.4em -50%}.li svg{fill:currentColor;width:.72em;height:.72em}.li:hover,.li:focus-visible{opacity:1;color:var(--cream)}@media (width<=820px){.person-michael .portrait:after{background-position:-4px 3px;background-size:119px}.person-laika .portrait:after{background-position:-9px 9px;background-size:125px}.person-darius .portrait:after{background-position:-19px -2px;background-size:124px}}@media (width>=821px){.nav>a,.langs a{text-shadow:0 0 10px #070504e6,0 1px 2px #070504cc;transition:color .25s,text-shadow .25s;position:relative}.nav>a:hover,.nav>a:focus-visible,.langs a:hover,.langs a:focus-visible{color:#fff;text-shadow:0 0 10px #070504f2,0 0 16px #ffd6a08c}.nav>a:not([aria-current]):after{content:"";background:var(--red);transform-origin:0;height:1px;transition:transform .45s var(--ease);position:absolute;bottom:-6px;left:0;right:.22em;transform:scaleX(0)}.nav>a:not([aria-current]):hover:after,.nav>a:not([aria-current]):focus-visible:after{transform:scaleX(1)}}.light.is-nav:before{width:5px;height:5px;box-shadow:0 0 4px 1px #ffecc8b3}.light.is-nav:after{opacity:.35;width:46px;height:46px}