@import"https://api.fontshare.com/v2/css?f[]=clash-display@200,300,400,500,600,700&display=swap";:root{background:var(--color-bg-default);font-family:var(--font-family);margin:0;--royallondon_bg: #f2f3f4}:root{--header-lg-size: 48px;--body-lg-size: 24px}body{margin:0}@media(min-width:810px){:root{--header-lg-size: 56px}}@media(min-width:1200px){:root{--header-lg-size: 64px;--body-lg-size: 32px}}.header-lg-size{font-size:var(--headline-lg-size);font-weight:500;line-height:1.2em}.body-lg-size{font-size:var(--body-lg-size);font-weight:500;line-height:1.2em}.page-bg{background-color:var(--color-bg-default)}.page-section{position:relative;z-index:2;background-color:var(--color-bg-default)}.page-section--overlap{margin-top:-22vh;padding-top:22vh}.page-section__inner{max-width:1120px;margin:0 auto;padding:56px 24px 120px;color:#f3f3f3}.page-section__inner h2,.page-section__inner h3{color:#fff;margin-top:0}.page-section__inner p{max-width:760px;line-height:1.8;color:#ffffffd6}:root{--color-red: #df523c;--color-blue-light: #8fccf0;--color-lila: #b6adf7;--color-yellow: #f1ddaf;--color-green: #77bc82;--color-orange: #ec9c3f;--color-pink: #e1aca5;--color-blue-dark: #4454ce;--color-black: #221f20;--color-white: #ffffff;--gray-200: #e9e9e9;--gray-300: #e1e1e1;--gray-400: #b4b4b4;--gray-500: #919191;--gray-600: #3a3839;--gray-700: #212121;--gray-800: #0d0d0d;--text-primary: var(--color-white);--text-secondary: var(--gray-400);--text-muted: var(--gray-500);--text-on-accent: var(--color-black);--border-default: var(--gray-600);--border-subtle: var(--gray-700);--color-bg-default: var( --color-black );--color-text-default: var( --color-white )}:root{--space-100: .25rem;--space-200: .5rem;--space-300: 1rem;--space-400: 1.25rem;--space-500: 1.5rem;--space-600: 2rem;--space-700: 2.5rem;--space-800: 3rem;--space-900: 4rem;--space-1000: 5rem;--space-1100: 6rem;--section-gap: var( --space-1100 );--headers-gap: var( --space-800 );--gap-md: var(--space-600);--gap-sm: var(--space-400);--item-gap-sm: var( --space-300 );--item-gap-md: var( --space-600 );--item-gap-lg: var( --space-900 );--grid-margin: var( --space-900 )}@media(max-width:1024px){:root{--section-gap: var( --space-900 );--grid-margin: var( --space-600 );--headers-gap: var( --space-800 )}}@media(max-width:48em){:root{--section-gap: var( --space-800 );--grid-margin: var( --space-400 );--headers-gap: var( --space-600 )}}:root{--icon-size-sm: 1.5rem;--icon-size-md: 2rem;--icon-size-lg: 3rem}:root{--font-display: "Clash Display", sans-serif}:root{--ease-out-expo: cubic-bezier(.16, 1, .3, 1)}:root{--font-family: "Clash Display", sans-serif;--text-display-extralarge: clamp( 7.25rem, 10vw, 40rem );--text-display-large: clamp( 2.25rem, 5vw, 21.875rem );--text-display-medium: clamp( 3.5rem, 10vw, 9.375rem );--text-header-large: clamp( 2.25rem, 5vw, 4rem );--text-header-medium: clamp( 1.75rem, 3.5vw, 3rem );--text-header-small: 1.5rem;--text-title-large: 2rem;--text-title-medium: 1.5rem;--text-title-small: 1.25rem;--text-body-large: clamp( 1.25rem, 2vw, 1.5rem );--text-body-medium: 1.3rem;--text-body-small: 1rem;--text-body-extrasmall: .875rem;--text-heading-5: 1.125rem;--text-tag: .8125rem;--lh-large-text: 1.2;--lh-medium-text: 1.4;--lh-paragraph: 1.5;--font-weight-extralight: 200;--font-weight-light: 400;--font-weight-regular: 500;--font-weight-medium: 600;--font-weight-semibold: 700;--font-weight-bold: 700;--font-weight-extrabold: 700}.t-display-extralarge{font-family:var(--font-family);font-size:var( --text-display-extralarge );line-height:var(--lh-large-text);font-weight:var( --font-weight-regular );letter-spacing:-.02em}.t-display-large{font-family:var(--font-family);font-size:var(--text-display-large);line-height:var(--lh-large-text);font-weight:var( --font-weight-regular );letter-spacing:-.02em}.t-header-large{font-family:var(--font-family);font-size:var(--text-header-large);line-height:var(--lh-large-text);font-weight:var( --font-weight-regular );letter-spacing:-.02em}.t-header-medium{font-family:var(--font-family);font-size:var(--text-header-medium);line-height:var(--lh-large-text);font-weight:var( --font-weight-regular );letter-spacing:-.01em}.t-header-small{font-family:var(--font-family);font-size:var(--text-header-small);line-height:var(--lh-large-text);font-weight:var(--font-weight-light)}.t-title-large{font-family:var(--font-family);font-size:var(--text-title-large);line-height:var(--lh-large-text);font-weight:var(--font-weight-light)}.t-title-medium{font-family:var(--font-family);font-size:var(--text-title-medium);line-height:var(--lh-large-text);font-weight:var( --font-weight-regular )}.t-title-small{font-family:var(--font-family);font-size:var(--text-title-small);line-height:var(--lh-medium-text);font-weight:var( --font-weight-regular )}.t-body-large{font-family:var(--font-family);font-size:var(--text-body-large);line-height:var(--lh-large-text);font-weight:var( --font-weight-regular )}.t-body-medium{font-family:var(--font-family);font-size:var(--text-body-medium);line-height:var(--lh-paragraph);font-weight:var(--font-weight-light)}.t-body-small{font-family:var(--font-family);font-size:var(--text-body-small);line-height:var(--lh-paragraph);font-weight:var(--font-weight-light)}.t-body-extrasmall{font-family:var(--font-family);font-size:var(--text-tag);line-height:var(--lh-paragraph);font-weight:var(--font-weight-light)}.t-heading-5{font-family:var(--font-family);font-size:var(--text-heading-5);line-height:var(--lh-medium-text);font-weight:var( --font-weight-medium )}.section{padding-block:var(--section-gap)}.stack{display:flex;flex-direction:column}.stack--sm{gap:var(--space-300)}.stack--md{gap:var(--space-500)}.stack--lg{gap:var(--space-800)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--text-body-small);line-height:var(--lh-paragraph);background-color:var(--surface-bg);color:var(--text-primary);overflow-x:hidden;display:flex;flex-direction:column}img,video,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button,input,textarea,select{font:inherit}.menu-logo{position:fixed;top:1.6rem;left:1.8rem;z-index:90;display:block;width:clamp(56px,7.8125vw,100px)}.menu-logo .logo{display:block;width:100%;height:auto}.menu-toggle{position:fixed;top:1.6rem;right:1.8rem;z-index:90;width:54px;height:46px;display:grid;align-content:center;gap:6px;padding:11px 12px;cursor:pointer;background:#141312b3;border:1.5px solid var(--color-orange);backdrop-filter:blur(6px);transition:transform .3s var( --ease-overshoot, cubic-bezier( .34, 1.56, .64, 1 ) ),background .3s ease,border-color .3s ease}.menu-toggle:hover{transform:translateY(-2px)}.menu-toggle span{display:block;height:3px;transition:transform .4s var( --ease-overshoot, cubic-bezier( .34, 1.56, .64, 1 ) ),opacity .3s ease,background .3s ease}.menu-toggle span:nth-child(1){background:var(--color-red)}.menu-toggle span:nth-child(2){background:var(--color-yellow)}.menu-toggle span:nth-child(3){background:var(--color-blue-light)}.menu.open~.menu-toggle{background:#8fccf02e;border-color:var(--color-blue-light)}.menu.open~.menu-toggle span:nth-child(1){background:var(--color-red);transform:translateY(9px) rotate(45deg)}.menu.open~.menu-toggle span:nth-child(2){opacity:0}.menu.open~.menu-toggle span:nth-child(3){background:var(--color-blue-light);transform:translateY(-9px) rotate(-45deg)}.menu{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:5vh 4vw;pointer-events:none}.menu__scrim{position:absolute;inset:0;opacity:0;transition:opacity .5s ease;background:#080707bd;backdrop-filter:blur(7px);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/></svg>")}.menu.open{pointer-events:auto}.menu.open .menu__scrim{opacity:1}.menu__panel{position:relative;width:min(900px,94vw);max-height:88vh;background:linear-gradient(160deg,#1b1819,#131111);border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 40px 100px #0009;transform-origin:top right;opacity:0;transform:translate(80px,-80px) scale(.55);transition:opacity .5s var( --ease-out-expo, cubic-bezier(.16, 1, .3, 1) ),transform .6s var( --ease-overshoot, cubic-bezier( .34, 1.56, .64, 1 ) )}.menu.open .menu__panel{opacity:1;transform:none}.panel__close{position:absolute;top:14px;right:16px;z-index:5;width:34px;height:34px;display:grid;place-items:center;cursor:pointer;color:var(--text-muted);background:none;border:0;border-radius:9px;transition:color .2s,background .2s}.panel__close:hover{color:#fff;background:#ffffff14}.panel__grid{display:grid;grid-template-columns:.85fr 1fr;gap:1rem;padding:2.4rem}.panel__art{display:flex;align-items:flex-end;justify-content:right;padding:1rem}.ill-svg{width:12rem;max-width:100%;overflow:visible}.ltr{transition:fill .35s var( --ease-out-expo, cubic-bezier(.16, 1, .3, 1) )}.panel__art[data-active=d] .ltr--d,.panel__art[data-active=e] .ltr--e,.panel__art[data-active=s] .ltr--s,.panel__art[data-active=i] .ltr--i,.panel__art[data-active=g] .ltr--g,.panel__art[data-active=n] .ltr--n{fill:var(--accent)}.ill-frame{stroke:var(--gray-400);stroke-width:1;transition:stroke .35s var( --ease-out-expo, cubic-bezier(.16, 1, .3, 1) )}.panel__art[data-active] .ill-frame{stroke:var(--frame-accent)}.ill-line{stroke:var(--color-orange);transition:stroke .35s var( --ease-out-expo, cubic-bezier(.16, 1, .3, 1) )}.panel__art[data-active] .ill-line{stroke:var(--frame-accent)}.ill-tagline{font-family:Times New Roman,Times,serif;font-style:italic;font-weight:700;font-size:14px;fill:var(--color-yellow)}.ill-sq{transform-box:fill-box;transform-origin:center;transform:rotate(0);transition:fill .3s ease,stroke .3s ease,transform .5s var( --ease-overshoot, cubic-bezier( .34, 1.56, .64, 1 ) )}.ill-sq--tl{fill:var(--color-blue-light)}.ill-sq--tr{fill:none;stroke:var(--color-lila);stroke-width:1.6}.ill-sq--br{fill:var(--color-red)}.ill-sq.rot{transform:rotate(45deg)}.panel__nav{display:flex;flex-direction:column;justify-content:center;gap:.2rem;padding:1rem 1.4rem 1rem 1.8rem}.navlink{position:relative;display:block;padding:.62rem 0 .62rem 1.1rem;text-decoration:none;color:var(--text-primary);font-size:clamp(1.3rem,2.4vw,1.75rem);font-weight:400;letter-spacing:-.01em;transition:transform .35s var( --ease-out-expo, cubic-bezier(.16, 1, .3, 1) ),color .25s ease}.navlink:before{content:"";position:absolute;left:0;top:50%;height:64%;width:3px;background:var(--la);transform:translateY(-50%) scaleY(0);transform-origin:center;transition:transform .35s var( --ease-overshoot, cubic-bezier(.34, 1.56, .64, 1) )}.navlink:hover,.navlink:focus-visible{transform:translate(7px);outline:none}.navlink:hover:before,.navlink:focus-visible:before{transform:translateY(-50%) scaleY(1)}.nav-contact{margin-top:1.6rem;align-self:flex-start}@media(max-width:680px){.panel__grid{grid-template-columns:1fr;gap:0;padding:2rem 1.5rem}.panel__art{padding:.5rem}.ill-svg{height:34vh}}@media(prefers-reduced-motion:reduce){.menu *,.menu-toggle *{transition-duration:.01ms!important}.menu__panel{transform:none}}.btn{display:inline-block;padding:.72rem 1.4rem;cursor:pointer;text-decoration:none;font-family:var( --font-display, "Clash Display", sans-serif );font-size:1.1rem;font-weight:500;border:0;border-radius:0;background:var(--color-black);color:var(--color-white);border:1px solid var(--gray-400);box-shadow:4px 4px 0 var( --btn-shadow, var(--color-blue-dark) );transition:box-shadow .25s var( --ease-out-expo, cubic-bezier(.16, 1, .3, 1) ),transform .25s var( --ease-out-expo, cubic-bezier(.16, 1, .3, 1) )}.btn:hover{box-shadow:10px 10px 0 var( --btn-shadow, var(--color-blue-dark) );transform:translate(-2px,-2px)}.btn:focus-visible{outline:2px solid var(--color-white);outline-offset:3px}@media(prefers-reduced-motion:reduce){.btn{transition-duration:.01ms}}.footer{--_bar-height: 1.75rem;--_avatar-size: 6rem;--_rule-color: var(--border-default);--_gap: clamp( 2rem, 6vw, var(--space-900) );--_padding-v: var( --space-800 );--_padding-h: var( --grid-margin )}.footer{display:flex;flex-direction:column;width:100%;background-color:var(--surface-bg);color:var(--text-primary);font-family:var(--font-family)}.footer__bar{flex-shrink:0;height:var(--_bar-height);width:100%}.footer__bar--top{background-color:var(--color-red)}.footer__bar--bottom{background-color:var(--color-green)}.footer__body{padding-block:var(--_padding-v);padding-inline:var(--_padding-h)}.footer__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--_gap);max-width:90rem;margin-inline:auto}.footer__block{display:flex;flex-direction:column}.footer__heading{margin-block-end:var(--space-300);color:var(--text-primary)}.footer__rule{border:none;border-top:1px solid var(--_rule-color);margin-block-end:var( --space-600 )}.footer__identity{display:flex;align-items:flex-start;gap:var(--space-500)}.footer__avatar-wrap{flex-shrink:0;width:var(--_avatar-size);height:var(--_avatar-size);border-radius:50%;overflow:hidden;border:2px solid var(--border-default)}.footer__avatar{width:100%;height:100%;object-fit:cover;object-position:top center}.footer__tagline{margin:0;font-size:var( --text-body-medium );line-height:var(--lh-reading);color:var(--text-secondary)}.footer__nav{display:flex;flex-direction:column;gap:0}.footer__nav-item{border-bottom:1px solid var(--border-subtle)}.footer__nav-item:last-child{border-bottom:none}.footer__nav-link{display:inline-block;padding-block:var( --space-300 );font-size:var( --text-heading-5 );font-weight:500;line-height:var(--lh-reading);color:var(--text-secondary);text-decoration:none;transition:color .15s ease}.footer__nav-link:hover,.footer__nav-link:focus-visible{color:var(--text-primary);outline:none}.footer__nav-link--cta{display:inline-flex;align-items:center;margin-block-start:var(--space-300);padding:var(--space-200) var(--space-500);color:var(--text-primary);font-weight:700;border:2px solid var(--color-red);border-radius:var(--radius-sm);transition:background-color .15s ease,color .15s ease}.footer__nav-link--cta:hover,.footer__nav-link--cta:focus-visible{background-color:var(--color-red);color:var(--color-white);outline:none}.footer__nav-link:focus-visible,.footer__nav-link--cta:focus-visible{outline:2px solid var(--color-lila);outline-offset:3px;border-radius:var(--radius-sm)}@media(max-width:48em){.footer__inner{grid-template-columns:1fr}.footer__block--nav{border-top:1px solid var(--_rule-color);padding-block-start:var( --space-600 )}.footer__identity{flex-direction:column}}body.project-overlay-open{overflow:hidden!important}.project-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;overflow:hidden;background-color:var(--color-bg-default, #ffffff);opacity:0;pointer-events:none;transform:translateY(30px) scale(.99);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1),background-color .65s cubic-bezier(.16,1,.3,1)}.project-overlay.active{opacity:1;pointer-events:all;transform:translateY(0) scale(1)}.project-overlay__content{height:100%;width:100%;overflow-y:auto;overscroll-behavior:contain;opacity:1;transition:opacity .3s ease}.project-overlay__loader{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:none;z-index:10001;color:var(--color-text-default, #1a1a1a)}.project-overlay.loading .project-overlay__loader{display:block}.project-overlay.loading .project-overlay__content{opacity:.3;filter:blur(8px);pointer-events:none}.spinner{width:48px;height:48px;border:3px solid rgba(0,0,0,.05);border-radius:50%;border-top-color:currentColor;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.project-overlay .project-close-button{position:fixed;top:32px;right:32px;z-index:10002;width:48px;height:48px;border-radius:50%;background:#ffffff26;color:currentColor;border:1px solid rgba(128,128,128,.2);display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px #00000014;transition:all .3s cubic-bezier(.16,1,.3,1);opacity:0;pointer-events:none;text-decoration:none}.project-overlay.active .project-close-button{opacity:1;pointer-events:all}.project-overlay .project-close-button:hover{background:#ffffff40;transform:scale(1.08) rotate(90deg)}.project-overlay .project-layout .project-close-button{display:none!important}@media(hover:hover)and (pointer:fine){:root{--cursor-color: var(--color-white)}body,a,button,input,textarea,select,details,[role=button],.folder,.scroll-display__card,.blog-card,.design-item{cursor:none!important}.cursor-trail{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:99999;opacity:0;transition:opacity .3s ease}.cursor-trail.is-hidden{opacity:0!important}.cursor-dot{position:absolute;top:0;left:0;border-radius:50%;background-color:var(--cursor-color);transition:background-color .5s ease;will-change:transform}.main-dot{width:12px;height:12px;margin-left:-6px;margin-top:-6px;z-index:2;transition:background-color .5s ease,width .3s cubic-bezier(.16,1,.3,1),height .3s cubic-bezier(.16,1,.3,1),margin .3s cubic-bezier(.16,1,.3,1),background-color .3s ease}.trail-dot{z-index:1;transition:background-color .5s ease,opacity .3s ease}.trail-dot:nth-child(2){width:8px;height:8px;margin:-4px 0 0 -4px;opacity:.8}.trail-dot:nth-child(3){width:7px;height:7px;margin:-3.5px 0 0 -3.5px;opacity:.6}.trail-dot:nth-child(4){width:6px;height:6px;margin:-3px 0 0 -3px;opacity:.4}.trail-dot:nth-child(5){width:5px;height:5px;margin:-2.5px 0 0 -2.5px;opacity:.3}.trail-dot:nth-child(6){width:4px;height:4px;margin:-2px 0 0 -2px;opacity:.2}.trail-dot:nth-child(7){width:3px;height:3px;margin:-1.5px 0 0 -1.5px;opacity:.15}.trail-dot:nth-child(8){width:2px;height:2px;margin:-1px 0 0 -1px;opacity:.1}.trail-dot:nth-child(9){width:2px;height:2px;margin:-1px 0 0 -1px;opacity:.05}.cursor-trail.is-hovering .main-dot{width:32px;height:32px;margin-left:-16px;margin-top:-16px;background-color:transparent;border:1.5px solid var(--cursor-color)}.cursor-trail.is-hovering .trail-dot{opacity:0!important}}