@font-face{font-family: 'Caveat';font-style: normal;font-weight: 600;font-display: swap;src: url(../fonts/caveat-latin-ext-6b2267.woff2) format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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: 'Caveat';font-style: normal;font-weight: 600;font-display: swap;src: url(../fonts/caveat-latin-4230ff.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family: 'Caveat';font-style: normal;font-weight: 700;font-display: swap;src: url(../fonts/caveat-latin-ext-6b2267.woff2) format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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: 'Caveat';font-style: normal;font-weight: 700;font-display: swap;src: url(../fonts/caveat-latin-4230ff.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family: 'Manrope';font-style: normal;font-weight: 500;font-display: swap;src: url(../fonts/manrope-latin-ext-76dcfc.woff2) format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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: 'Manrope';font-style: normal;font-weight: 500;font-display: swap;src: url(../fonts/manrope-latin-814019.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family: 'Manrope';font-style: normal;font-weight: 600;font-display: swap;src: url(../fonts/manrope-latin-ext-76dcfc.woff2) format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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: 'Manrope';font-style: normal;font-weight: 600;font-display: swap;src: url(../fonts/manrope-latin-814019.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family: 'Manrope';font-style: normal;font-weight: 700;font-display: swap;src: url(../fonts/manrope-latin-ext-76dcfc.woff2) format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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: 'Manrope';font-style: normal;font-weight: 700;font-display: swap;src: url(../fonts/manrope-latin-814019.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family: 'Manrope';font-style: normal;font-weight: 800;font-display: swap;src: url(../fonts/manrope-latin-ext-76dcfc.woff2) format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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: 'Manrope';font-style: normal;font-weight: 800;font-display: swap;src: url(../fonts/manrope-latin-814019.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family: 'Montserrat';font-style: normal;font-weight: 400;font-display: swap;src: url(../fonts/montserrat-latin-ext-de38a2.woff2) format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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: 'Montserrat';font-style: normal;font-weight: 400;font-display: swap;src: url(../fonts/montserrat-latin-2f5adf.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family: 'Montserrat';font-style: normal;font-weight: 500;font-display: swap;src: url(../fonts/montserrat-latin-ext-de38a2.woff2) format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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: 'Montserrat';font-style: normal;font-weight: 500;font-display: swap;src: url(../fonts/montserrat-latin-2f5adf.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}@font-face{font-family: 'Montserrat';font-style: normal;font-weight: 600;font-display: swap;src: url(../fonts/montserrat-latin-ext-de38a2.woff2) format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, 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: 'Montserrat';font-style: normal;font-weight: 600;font-display: swap;src: url(../fonts/montserrat-latin-2f5adf.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}:root{--cream: #fcfaf4;--sand: #efe6d3;--mint: #d9ebe8;--teal: #589e98;--teal-deep: #2f6f69;--teal-soft: #9fcdc8;--ink: #16302d;--muted: #5d716e;--line: #e4ded0;--display: "Manrope", "Helvetica Neue", Arial, sans-serif;--hand: "Caveat", "Bradley Hand", "Segoe Print", cursive;--body: "Montserrat", "Helvetica Neue", Arial, sans-serif;--gutter: clamp(16px, 4vw, 56px);--max: 1440px;--ease: cubic-bezier(0.16, 1, 0.3, 1);--ease-io: cubic-bezier(0.76, 0, 0.24, 1);--teal-text: #3b807a;--teal-strong: #4a8e88;--stack-top: 92px;--stack-gap: 48px}*{box-sizing: border-box}html{scroll-behavior: smooth}body{margin: 0;background: var(--ink);color: var(--ink);font-family: var(--body);font-size: 16px;line-height: 1.65;overflow-x: clip;-webkit-font-smoothing: antialiased}img{display: block;max-width: 100%}a{color: inherit}button{font: inherit;color: inherit}h1, h2, h3{font-family: var(--display);font-weight: 600;line-height: 0.94;letter-spacing: -0.045em;margin: 0}::selection{background: var(--teal);color: var(--cream)}.wrap{max-width: var(--max);margin: 0 auto;padding: 0 var(--gutter)}.eyebrow{display: inline-flex;align-items: center;gap: 10px;font-size: 12px;font-weight: 600;letter-spacing: 0.2em;text-transform: uppercase;color: var(--teal-deep);margin: 0 0 18px}.eyebrow::before{content: "";width: 7px;height: 7px;border-radius: 50%;background: currentColor}@keyframes pulse{50%{transform: scale(0.4);opacity: 0.4}}html.js .reveal{opacity: 0;transform: translateY(26px);transition: opacity 0.6s var(--ease), transform 0.7s var(--ease);transition-delay: var(--d, 0ms)}html.js .reveal.in{opacity: 1;transform: none}html.js .reveal-clip > *{clip-path: inset(100% 0 0 0);transition: clip-path 0.9s var(--ease) var(--d, 0ms), transform 1.2s var(--ease)}html.js .reveal-clip.in > *{clip-path: inset(0 0 0 0)}.split .word{display: inline-block;overflow: hidden;vertical-align: top;padding: 0.14em 0.05em 0.2em;margin: -0.14em -0.05em -0.2em}.split .char{display: inline-block}html.js .split .char{transform: translateY(110%) rotate(6deg);transition: transform 0.8s var(--ease);transition-delay: calc(var(--i) * 14ms + var(--d, 0ms))}html.js .split.in .char{transform: none}.scrub .w{opacity: 0.34;transition: opacity 0.25s linear}html:not(.js) .scrub .w{opacity: 1}.loader{display: none}html.js .loader{position: fixed;inset: 0;z-index: 100;display: block;overflow: hidden;background: var(--cream);transition: transform 0.8s var(--ease-io) 0.5s, border-radius 0.8s var(--ease-io) 0.5s;animation: loader-failsafe 0s linear 5s forwards}@keyframes loader-failsafe{to{visibility: hidden}}html.arriving .loader{display: none}html.loaded .loader{transform: translateY(-100%);border-radius: 0 0 50% 50% / 0 0 22% 22%}.loader-blob{position: absolute;left: 50%;top: 50%;width: min(50vmin, 320px);aspect-ratio: 1;z-index: 2;translate: -50% -50%;overflow: hidden;background: var(--mint);border-radius: 58% 42% 55% 45% / 52% 60% 40% 48%;animation: blob-shape 7s ease-in-out infinite;transition: opacity 0.3s 0.45s}@keyframes blob-shape{0%, 100%{border-radius: 58% 42% 55% 45% / 52% 60% 40% 48%}33%{border-radius: 40% 60% 36% 64% / 62% 40% 60% 38%}66%{border-radius: 54% 46% 66% 34% / 38% 58% 42% 62%}}.loader-liquid{position: absolute;left: -60%;width: 220%;aspect-ratio: 1;z-index: 2;top: calc(100% - var(--p, 0) * 118%);background: var(--teal);border-radius: 43% 46% 41% 45%;animation: spin 4.5s linear infinite}.loader-blob img{position: absolute;left: 33%;top: 50%;width: 34%;translate: 0 -50%;z-index: 1}.loader-flood{position: absolute;left: 50%;top: 50%;width: 20vmax;height: 20vmax;margin: -10vmax 0 0 -10vmax;z-index: 3;border-radius: 58% 42% 55% 45% / 52% 60% 40% 48%;background: var(--teal);transform: scale(0) rotate(0deg);transition: transform 0.7s var(--ease-io)}html.loaded .loader-flood{transform: scale(9.5) rotate(70deg)}html.loaded .loader-blob{opacity: 0}.loader-mark{position: absolute;left: 50%;top: 50%;width: min(17vmin, 108.8px);translate: -50% -50%;z-index: 4;clip-path: inset(var(--clip, 100%) 0 0 0);transition: scale 0.9s var(--ease-io)}html.loaded .loader-mark{scale: 1.8}.curtain{position: fixed;inset: 0;z-index: 90;pointer-events: none;background: var(--teal);transform: translateY(101%);display: grid;place-items: center}.curtain img{width: min(30vw, 160px)}html.leaving .curtain{transform: translateY(0);transition: transform 0.65s var(--ease-io)}html.arriving .curtain{transform: translateY(0)}html.arrived .curtain{transform: translateY(-101%);transition: transform 0.9s var(--ease-io)}.progress{position: fixed;top: 0;left: 0;right: 0;height: 3px;z-index: 60;background: var(--teal);transform: scaleX(0);transform-origin: 0 50%}.cursor{display: none}html.has-cursor .cursor{display: grid;place-items: center;position: fixed;top: 0;left: 0;z-index: 95;pointer-events: none;width: 14px;height: 14px;margin: -7px 0 0 -7px;border-radius: 58% 42% 55% 45% / 52% 60% 40% 48%;background: var(--teal);transition: width 0.45s var(--ease), height 0.45s var(--ease), margin 0.45s var(--ease), background 0.3s, opacity 0.3s}@keyframes wobble{33%{border-radius: 42% 58% 45% 55% / 60% 40% 58% 42%}66%{border-radius: 50% 50% 38% 62% / 44% 56% 46% 54%}}.cursor span{font: 600 11px var(--body);letter-spacing: 0.14em;text-transform: uppercase;color: var(--cream);opacity: 0;transition: opacity 0.2s}html.has-cursor .cursor.link{width: 46px;height: 46px;margin: -23px 0 0 -23px;background: rgba(88, 158, 152, 0.35)}html.has-cursor .cursor.big{width: 104px;height: 104px;margin: -52px 0 0 -52px;background: var(--ink)}.cursor.big span{opacity: 1}.cursor.gone{opacity: 0}.nav{position: fixed;top: 16px;left: 0;right: 0;z-index: 50;display: flex;justify-content: center;pointer-events: none;transition: transform 0.7s var(--ease)}.nav.hidden{transform: translateY(-140%)}.nav-pill{pointer-events: auto;display: flex;align-items: center;gap: clamp(14px, 3vw, 40px);padding: 8px 10px 8px 16px;border-radius: 999px;background: rgba(252, 250, 244, 0.78);backdrop-filter: blur(16px) saturate(1.4);-webkit-backdrop-filter: blur(16px) saturate(1.4);box-shadow: 0 10px 40px rgba(22, 48, 45, 0.12), inset 0 0 0 1px rgba(22, 48, 45, 0.06)}.brand{display: flex;align-items: center;gap: 10px;text-decoration: none}.brand img{width: 34px;transition: transform 0.8s var(--ease)}.brand:hover img{transform: rotate(-200deg) scale(1.1)}.brand span{font: 600 17px var(--display);letter-spacing: -0.03em;color: var(--ink);white-space: nowrap}.nav nav{display: flex;align-items: center;gap: 4px}.nav nav a{position: relative;text-decoration: none;font-size: 13px;font-weight: 600;padding: 13px 14px;border-radius: 999px;overflow: hidden}.nav nav a span{display: block;transition: transform 0.5s var(--ease)}.nav nav a::after{content: attr(data-t);position: absolute;left: 0;right: 0;top: 100%;padding: 13px 14px;text-align: center;color: var(--teal-deep);transition: transform 0.5s var(--ease)}.nav nav a:hover span, .nav nav a:hover::after{transform: translateY(-100%)}.nav nav a.cta{background: var(--ink);color: var(--cream)}.nav nav a.cta::after{color: var(--teal-soft)}.btn{position: relative;display: inline-flex;align-items: center;gap: 12px;text-decoration: none;cursor: pointer;isolation: isolate;overflow: hidden;font-weight: 600;font-size: 14px;letter-spacing: 0.02em;padding: 16px 28px;border-radius: 999px;border: 0;background: var(--ink);color: var(--cream);transition: color 0.4s var(--ease)}.btn::before{content: "";position: absolute;z-index: -1;left: 50%;top: 50%;width: 140%;aspect-ratio: 1;border-radius: 50%;background: var(--teal);transform: translate(-50%, 60%) scale(0.2);transition: transform 0.7s var(--ease)}.btn:hover::before{transform: translate(-50%, -50%) scale(1)}.btn i{font-style: normal;display: inline-block;transition: transform 0.5s var(--ease)}.btn:hover i{transform: translateX(6px)}.btn.ghost{background: transparent;color: var(--ink);box-shadow: inset 0 0 0 1.5px var(--ink)}.btn.ghost:hover{color: var(--cream)}.btn.ghost::before{background: var(--ink)}.btn.light{background: var(--cream);color: var(--ink)}.btn.light::before{background: var(--ink)}.btn.light:hover{color: var(--cream)}.magnetic{transition: transform 0.6s var(--ease);will-change: transform}.hero{position: relative;z-index: 1;overflow: hidden;background: var(--cream)}.hero-blobs{position: absolute;inset: 0;pointer-events: none}.hero-blobs::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 40%;background: linear-gradient(to bottom, rgba(252, 250, 244, 0), var(--cream))}.hero-blobs i{position: absolute;display: block;filter: blur(50px);opacity: 0.55;border-radius: 58% 42% 55% 45% / 52% 60% 40% 48%;translate: calc(var(--mx, 0) * var(--k, 20px)) calc(var(--my, 0) * var(--k, 20px))}.hero-blobs i:nth-child(1){width: 46vw;height: 40vw;right: -8vw;top: -10vw;background: var(--mint);--k: -40px}.hero-blobs i:nth-child(2){width: 34vw;height: 30vw;left: -10vw;bottom: -12vw;background: var(--sand);--k: 30px;animation-duration: 21s}.hero-blobs i:nth-child(3){width: 22vw;height: 20vw;left: 38vw;top: 52vh;background: #c9e3df;--k: 60px;animation-duration: 12s}@keyframes morph{0%{border-radius: 58% 42% 55% 45% / 52% 60% 40% 48%;transform: rotate(0deg) scale(1)}50%{border-radius: 40% 60% 42% 58% / 60% 38% 62% 40%;transform: rotate(40deg) scale(1.12)}100%{border-radius: 52% 48% 62% 38% / 42% 56% 44% 58%;transform: rotate(-30deg) scale(0.94)}}.hero-inner{position: relative;width: 100%;padding-top: clamp(104px, 11vw, 150px);padding-bottom: clamp(20px, 3vw, 44px);display: grid;grid-template-columns: minmax(0, 1fr) auto;align-items: center;column-gap: clamp(28px, 5vw, 90px)}.hero-copy{min-width: 0}.hero h1{font-size: clamp(36px, 5.5vw, 98px);max-width: 13.5em;line-height: 0.96}.hero .lede{max-width: 44ch;margin: 22px 0 26px;color: var(--muted);font-size: clamp(15px, 1.3vw, 18px)}.hero-actions{display: flex;flex-wrap: wrap;gap: 12px}.hero-mark{width: clamp(120px, 26vw, 420px);pointer-events: none;translate: calc(var(--mx, 0) * -10px) calc(var(--my, 0) * -10px)}.hero-mark img{width: 100%;animation: float 8s ease-in-out infinite;will-change: transform}@keyframes float{50%{transform: translateY(-14px) rotate(-3deg)}}html.js .hero-mark{opacity: 0;scale: 0.4;rotate: 60deg;transition: opacity 1s var(--ease) 0.3s, scale 1.6s var(--ease) 0.3s, rotate 1.6s var(--ease) 0.3s}html.js.ready .hero-mark{opacity: 1;scale: 1;rotate: 0deg}.scroll-hint{position: absolute;left: var(--gutter);bottom: 26px;display: flex;align-items: center;gap: 12px;font-size: 11px;font-weight: 600;letter-spacing: 0.2em;text-transform: uppercase;color: var(--muted)}.scroll-hint i{display: block;width: 1.5px;height: 42px;background: var(--line);overflow: hidden;position: relative}.scroll-hint i::after{content: "";position: absolute;inset: 0;background: var(--teal-deep);animation: drip 2s var(--ease-io) infinite}@keyframes drip{0%{transform: translateY(-100%)}60%, 100%{transform: translateY(100%)}}.hero-badge{position: absolute;right: var(--gutter);bottom: 26px;font-size: 11px;font-weight: 600;letter-spacing: 0.2em;text-transform: uppercase;color: var(--teal-deep);display: flex;align-items: center;gap: 10px}.hero-badge::before{content: "";width: 8px;height: 8px;border-radius: 50%;background: #58b98a}@keyframes ping{70%, 100%{box-shadow: 0 0 0 12px rgba(88, 185, 138, 0)}}main{background: var(--cream)}.sheet{position: relative;z-index: 2;background: var(--cream)}.marquee{overflow: hidden;padding: clamp(22px, 3vw, 40px) 0;white-space: nowrap;user-select: none}.marquee-track{display: inline-flex;will-change: transform}.marquee-track span{display: inline-flex;align-items: center;gap: 0.5em;padding-right: 0.5em;font: 600 clamp(40px, 7vw, 110px) / 1.1 var(--display)}.marquee-track span:nth-child(even){color: transparent;-webkit-text-stroke: 1.5px var(--teal)}.marquee-track span::after{content: "";width: 0.36em;height: 0.3em;background: var(--teal);border-radius: 58% 42% 55% 45% / 52% 60% 40% 48%;animation: spin 6s linear infinite}@keyframes spin{to{transform: rotate(360deg)}}.statement{padding: clamp(36px, 5vw, 80px) 0}.statement p.big{font: 500 clamp(24px, 3.6vw, 58px) / 1.2 var(--body);margin: 0;max-width: 22em;letter-spacing: -0.02em}.section-head{display: flex;flex-wrap: wrap;align-items: end;justify-content: space-between;gap: 20px;margin-bottom: clamp(20px, 3vw, 40px)}.section-head h2{font-size: clamp(42px, 7.4vw, 124px)}.section-head .count{font: 600 13px var(--body);color: var(--muted)}.stack{padding: 0 0 4vh}.stack-card{position: sticky;top: calc(var(--stack-top) + var(--i) * var(--stack-gap));height: calc(100vh - var(--stack-top) - var(--n) * var(--stack-gap) - 20px);min-height: 400px;margin-bottom: 6vh}.stack-inner{position: relative;height: 100%;overflow: hidden;text-decoration: none;border-radius: clamp(22px, 3vw, 44px);background: var(--bg);color: var(--fg);transform-origin: 50% 0;will-change: transform;box-shadow: 0 -14px 50px rgba(22, 48, 45, 0.14)}.th-teal{--bg: #3f837d;--fg: var(--cream);--soft: #d8ebe9}.th-ink{--bg: var(--ink);--fg: var(--cream);--soft: var(--teal-soft)}.th-sand{--bg: var(--sand);--fg: var(--ink);--soft: var(--teal-deep)}.th-mint{--bg: var(--mint);--fg: var(--ink);--soft: var(--teal-deep)}.th-deep{--bg: var(--teal-deep);--fg: var(--cream);--soft: #bfe0dc}.stack-inner{display: flex;flex-direction: column}.stack-tab{flex: none;height: var(--stack-gap);display: flex;align-items: center;gap: 14px;padding: 0 clamp(18px, 2.6vw, 40px);font-size: 11px;font-weight: 600;letter-spacing: 0.14em;text-transform: uppercase;border-bottom: 1px solid color-mix(in srgb, var(--fg) 16%, transparent)}.stack-tab .num{opacity: 0.7}.stack-tab .name{font: 600 15px var(--display);letter-spacing: -0.02em;text-transform: none;opacity: 0;transform: translateY(6px);transition: opacity 0.35s, transform 0.5s var(--ease)}.stack-card.covered .stack-tab .name{opacity: 1;transform: none}.stack-tab .cat{margin-left: auto}.stack-body{position: relative;flex: 1;min-height: 0;display: grid;grid-template-columns: 1fr 1.05fr}.stack-body::after{content: "";position: absolute;inset: 0;background: #0b1a18;opacity: var(--dim, 0);pointer-events: none}.stack-text{display: flex;flex-direction: column;justify-content: space-between;gap: 18px;padding: clamp(18px, 3vw, 48px) clamp(18px, 2.6vw, 40px);min-width: 0}.stack-text h3{font-size: clamp(40px, 5.8vw, 108px);line-height: 0.92;overflow-wrap: anywhere}.stack-bottom{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 12px 16px}.stack-bottom p{margin: 0;font-size: clamp(14px, 1.2vw, 17px);max-width: 26ch}.view{flex: none;display: inline-flex;align-items: center;gap: 10px;min-height: 48px;padding: 0 22px;border-radius: 999px;background: var(--fg);color: var(--bg);font-size: 14px;font-weight: 600;transition: gap 0.5s var(--ease), transform 0.5s var(--ease)}.view i{font-style: normal}.stack-inner:hover .view, .stack-inner:focus-visible .view{gap: 16px}.stack-inner:active .view{transform: scale(0.96)}.stack-media{margin: clamp(10px, 1.2vw, 18px);border-radius: clamp(16px, 2.2vw, 32px);overflow: hidden;position: relative}.stack-media > *{width: 100%;height: 100%;object-fit: cover;transform: scale(calc(1.3 - var(--e, 1) * 0.3));transition: transform 0.9s var(--ease)}.stack-inner:hover .stack-media > *{transform: scale(1.06)}.hscroll{background: var(--ink);color: var(--cream);border-radius: clamp(24px, 4vw, 56px)}.hscroll-sticky{position: sticky;top: 0;height: 100vh;overflow: hidden;display: flex;flex-direction: column;justify-content: center}.hscroll-track{display: flex;align-items: stretch;gap: clamp(16px, 2vw, 32px);padding: 0 var(--gutter);width: max-content;will-change: transform}.panel{position: relative;flex: none;overflow: hidden;width: min(74vw, 620px);height: min(68vh, 620px);display: flex;flex-direction: column;justify-content: space-between;padding: clamp(24px, 3vw, 44px);border-radius: clamp(22px, 3vw, 40px);background: #1d3d39}.panel.intro{background: transparent;width: min(80vw, 560px);padding-left: 0;justify-content: center}.panel.intro h2{font-size: clamp(54px, 8vw, 128px)}.panel.intro h2 em{font-style: normal;color: var(--teal-soft)}.panel.intro p{color: #c9d6d4;max-width: 30ch;margin: 22px 0 0}.panel.intro .eyebrow, .panel .num{color: var(--teal-soft)}.panel .num{font-size: 12px;font-weight: 600;letter-spacing: 0.2em}.panel h3{font-size: clamp(38px, 4.6vw, 72px);position: relative}.panel p{margin: 12px 0 0;color: #c9d6d4;max-width: 30ch;position: relative}.panel .shape{position: absolute;right: -12%;top: -14%;width: 70%;aspect-ratio: 1.2;background: var(--teal);opacity: 0.9;border-radius: 58% 42% 55% 45% / 52% 60% 40% 48%;animation: morph 11s ease-in-out infinite alternate}.panel:nth-child(3) .shape{background: var(--teal-soft);animation-duration: 14s;right: auto;left: 46%;top: -22%}.panel:nth-child(4) .shape{background: var(--sand);animation-duration: 9s;top: -30%;right: -20%}.panel:nth-child(5) .shape{background: var(--teal-deep);animation-duration: 17s;width: 86%}.panel.outro{background: var(--teal);align-items: flex-start;justify-content: flex-end;gap: 24px}.panel.outro h3{font-size: clamp(40px, 5vw, 80px)}.hscroll-bar{position: absolute;left: var(--gutter);right: var(--gutter);bottom: 34px;height: 2px;background: #2c4a46}.hscroll-bar i{display: block;height: 100%;background: var(--teal-soft);transform: scaleX(0);transform-origin: 0 50%}.index{padding: clamp(36px, 5vw, 80px) 0}.filters{display: flex;flex-wrap: wrap;gap: 8px}.filters button{font: 600 13px var(--body);min-height: 44px;padding: 10px 18px;border-radius: 999px;cursor: pointer;border: 1.5px solid var(--line);background: transparent;transition: background 0.3s, color 0.3s, border-color 0.3s, transform 0.5s var(--ease)}.filters button:hover{border-color: var(--teal);transform: translateY(-3px)}.filters button[aria-pressed="true"]{background: var(--ink);border-color: var(--ink);color: var(--cream)}.rows{border-top: 1.5px solid var(--ink)}.row{position: relative;display: grid;align-items: center;grid-template-columns: 64px minmax(0, 2.2fr) minmax(0, 1.2fr) minmax(0, 1fr) 40px;gap: 16px;padding: clamp(14px, 1.8vw, 26px) 0;text-decoration: none;border-bottom: 1.5px solid var(--line);transition: opacity 0.4s, padding 0.6s var(--ease), color 0.4s}.row::before{content: "";position: absolute;left: 0;right: 0;bottom: -1.5px;height: 1.5px;background: var(--teal);transform: scaleX(0);transform-origin: 0 50%;transition: transform 0.8s var(--ease)}.row:hover::before{transform: scaleX(1)}.row[hidden]{display: none}.row .n{font-size: 12px;font-weight: 600;letter-spacing: 0.16em;color: var(--muted)}.row h3{font-size: clamp(28px, 4.4vw, 68px);transition: transform 0.7s var(--ease)}.row .t, .row .c{font-size: 13px;color: var(--muted)}.row .c{text-transform: capitalize}.row .arrow{font-size: 20px;opacity: 0.4;transition: opacity 0.4s, transform 0.6s var(--ease)}@media (hover: hover){.rows:hover .row{opacity: 0.28}.rows:hover .row:hover{opacity: 1;padding-left: 18px;color: var(--teal-deep)}.row:hover h3{transform: translateX(10px)}.row:hover .arrow{opacity: 1;transform: translateX(6px)}}.peek{display: none}html.has-cursor .peek{display: block;position: fixed;top: 0;left: 0;z-index: 40;pointer-events: none;width: clamp(200px, 22vw, 320px);aspect-ratio: 4 / 5;margin: -170px 0 0 30px;border-radius: 24px;overflow: hidden;opacity: 0;scale: 0.6;transition: opacity 0.4s, scale 0.6s var(--ease);box-shadow: 0 30px 80px rgba(22, 48, 45, 0.28)}html.has-cursor .peek.on{opacity: 1;scale: 1}.peek > div{position: absolute;inset: 0;clip-path: inset(100% 0 0 0);transition: clip-path 0.7s var(--ease)}.peek > div.on{clip-path: inset(0);z-index: 1}.peek img{width: 100%;height: 100%;object-fit: cover}.skills{padding: 0 0 clamp(36px, 5vw, 80px)}.skills-box{background: var(--mint);border-radius: clamp(24px, 4vw, 56px);padding: clamp(28px, 5vw, 80px) clamp(20px, 4vw, 72px);overflow: hidden}.stats{display: grid;grid-template-columns: repeat(3, 1fr);gap: clamp(16px, 3vw, 40px);padding-bottom: clamp(22px, 3vw, 44px);margin-bottom: clamp(22px, 3vw, 44px);border-bottom: 1.5px solid rgba(22, 48, 45, 0.18)}.stat b{display: block;font: 600 clamp(64px, 10.5vw, 176px) / 0.82 var(--display);letter-spacing: -0.06em;color: var(--teal-deep);font-variant-numeric: tabular-nums}.stat > span{display: block;margin-top: 10px;font-size: 12px;font-weight: 600;letter-spacing: 0.18em;text-transform: uppercase}.skills-cols{display: grid;grid-template-columns: 1fr 1fr;gap: clamp(30px, 6vw, 100px)}.skills-cols h3{font-size: clamp(34px, 3.6vw, 56px);margin-bottom: 22px}.tools{display: flex;flex-wrap: wrap;gap: clamp(12px, 1.6vw, 22px)}.tool{width: clamp(92px, 9vw, 128px);text-align: center}.tool i{display: grid;place-items: center;aspect-ratio: 1;margin-bottom: 10px;border-radius: 26%;background: var(--ink);color: var(--teal-soft);font: 600 clamp(26px, 2.8vw, 40px) var(--body);font-style: normal;rotate: var(--r, 0deg);transition: rotate 0.7s var(--ease), scale 0.7s var(--ease), background 0.3s, color 0.3s}.tool:nth-child(even) i{background: var(--teal);color: var(--cream)}.tool:hover i{rotate: 0deg;scale: 1.1;background: var(--teal-deep);color: var(--cream)}.tool span{font-size: 12px;font-weight: 600;line-height: 1.3;display: block}.pills{display: flex;flex-wrap: wrap;gap: 10px}.pill{padding: 12px 20px;border-radius: 999px;background: var(--cream);font-size: 14px;font-weight: 600;transition: background 0.3s, color 0.3s, translate 0.5s var(--ease), rotate 0.5s var(--ease)}.pill:hover{background: var(--ink);color: var(--cream);translate: 0 -5px;rotate: -3deg}.ph{position: relative;display: grid;place-items: center;overflow: hidden;width: 100%;height: 100%;background: var(--ph-bg, #e3efec)}.ph::before{content: "";position: absolute;width: 62%;aspect-ratio: 1.25;background: var(--ph-blob, #c3ddd9);border-radius: 58% 42% 55% 45% / 52% 60% 40% 48%;transform: rotate(-14deg)}.ph::after{content: "";position: absolute;inset: clamp(10px, 1.4vw, 18px);border: 1.5px dashed color-mix(in srgb, var(--ph-ink, var(--teal-deep)) 32%, transparent);border-radius: clamp(10px, 1.6vw, 22px);pointer-events: none}.ph span{position: relative;text-align: center;padding: 0 12px;font: 600 11px var(--body);letter-spacing: 0.16em;text-transform: uppercase;color: var(--ph-ink, var(--teal-deep))}.ph span b{text-transform: none;display: block;font: 600 clamp(20px, 2.4vw, 34px) var(--display);letter-spacing: 0;margin-bottom: 6px}.ph.t1{--ph-bg: #e3efec;--ph-blob: #c3ddd9}.ph.t2{--ph-bg: #f6f1e6;--ph-blob: #e6dcc6;--ph-ink: #6d5f3f}.ph.t3{--ph-bg: #8fc0bb;--ph-blob: #a6cfca;--ph-ink: #16302d}.ph.t4{--ph-bg: #224541;--ph-blob: #2f5a55;--ph-ink: #cfe4e1}.about{padding: clamp(16px, 3vw, 48px) 0 clamp(12px, 2vw, 32px)}.about .wrap{display: grid;grid-template-columns: 0.8fr 1.2fr;gap: clamp(24px, 6vw, 110px);align-items: center}.portrait{aspect-ratio: 4 / 5;border-radius: 24px;overflow: hidden;rotate: -3deg;transition: rotate 1s var(--ease)}.portrait:hover{rotate: 0deg}.portrait > *{width: 100%;height: 115%;object-fit: cover}.about h2{font-size: clamp(40px, 5.6vw, 92px);margin-bottom: 26px}.about p{max-width: 56ch;color: var(--muted);margin: 0 0 16px}.about .btn{margin-top: 16px}.contact{position: relative;overflow: hidden;text-align: center;background: var(--teal-strong);color: var(--cream);border-radius: clamp(24px, 4vw, 56px) clamp(24px, 4vw, 56px) 0 0;padding: clamp(30px, 4vw, 60px) 0 0}.contact .marquee-track span{font-size: clamp(22px, 3vw, 44px)}.contact .marquee-track span:nth-child(even){-webkit-text-stroke: 1px var(--cream)}.contact .marquee-track span::after{background: var(--ink)}.contact-body{padding: clamp(44px, 6vw, 100px) 0 calc(clamp(44px, 6vw, 100px) + clamp(24px, 4vw, 56px))}.contact .eyebrow{color: var(--cream)}.contact h2{font-size: clamp(40px, 10vw, 190px);line-height: 0.88;margin-bottom: clamp(30px, 4vw, 56px);text-wrap: balance}.contact .btn{font-size: clamp(15px, 1.6vw, 22px);padding: clamp(18px, 2vw, 28px) clamp(28px, 3.4vw, 52px)}.socials{display: flex;justify-content: center;flex-wrap: wrap;gap: 10px;margin-top: 34px}.socials a{display: inline-flex;align-items: center;gap: 8px;min-height: 44px;text-decoration: none;font-size: 13px;font-weight: 600;padding: 10px 20px;border-radius: 999px;background: var(--cream);color: var(--ink);transition: background 0.3s, color 0.3s, transform 0.5s var(--ease)}.socials a:hover{background: var(--ink);color: var(--cream);transform: translateY(-3px)}.socials a i{font-style: normal}body[data-page="project"]{background: var(--cream)}.project-head{padding: clamp(110px, 11vw, 160px) 0 clamp(24px, 3vw, 44px)}.back{display: inline-flex;gap: 8px;margin-bottom: 30px;font-size: 13px;font-weight: 600;text-decoration: none;color: var(--muted);transition: color 0.3s, gap 0.5s var(--ease)}.back:hover{color: var(--teal-deep);gap: 16px}.project-head h1{font-size: clamp(48px, 11.5vw, 210px);line-height: 0.86;overflow-wrap: anywhere}.project-info{display: grid;grid-template-columns: 1fr 2fr;gap: var(--gutter);margin-top: clamp(30px, 4vw, 60px);padding-top: 26px;border-top: 1.5px solid var(--ink)}.project-info dl{margin: 0;display: flex;flex-wrap: wrap;gap: 14px 40px;align-content: start}.project-info dt{font-size: 11px;font-weight: 600;letter-spacing: 0.16em;text-transform: uppercase;color: var(--muted)}.project-info dd{margin: 2px 0 0;font-weight: 600;text-transform: capitalize}.project-info p{margin: 0;max-width: 34em;font: 500 clamp(17px, 1.7vw, 24px) / 1.45 var(--body)}.cover{height: clamp(300px, 80vh, 900px);border-radius: clamp(20px, 3vw, 44px);overflow: hidden}.cover > *{width: 100%;height: 120%;object-fit: cover}.gallery{display: grid;grid-template-columns: 1fr 1fr;gap: clamp(12px, 2vw, 32px);padding: clamp(12px, 2vw, 32px) 0 0}.gallery .shot{border-radius: clamp(16px, 2.2vw, 32px);overflow: hidden}.gallery .shot.is-ph{aspect-ratio: 4 / 5}.gallery .shot.wide{grid-column: 1 / -1}.gallery .shot.wide.is-ph{aspect-ratio: 16 / 9}.gallery .shot:nth-child(3n + 2){margin-top: clamp(0px, 8vw, 120px)}.gallery img{width: 100%;height: auto;transition: transform 1.2s var(--ease)}.gallery .shot:hover img{transform: scale(1.04)}.next{display: block;position: relative;overflow: hidden;text-decoration: none;text-align: center;margin-top: clamp(40px, 6vw, 90px);padding: clamp(60px, 10vw, 150px) var(--gutter);background: var(--ink);color: var(--cream);border-radius: clamp(24px, 4vw, 56px) clamp(24px, 4vw, 56px) 0 0}.next::before{content: "";position: absolute;left: 50%;top: 100%;width: 150vmax;aspect-ratio: 1;border-radius: 50%;background: var(--teal);transform: translate(-50%, 0) scale(0.2);transition: transform 1.1s var(--ease)}.next:hover::before{transform: translate(-50%, -55%) scale(1)}.next > *{position: relative}.next span{font-size: 12px;font-weight: 600;letter-spacing: 0.2em;text-transform: uppercase;color: var(--teal-soft);transition: color 0.4s}.next:hover span{color: var(--cream)}.next strong{display: block;font: 600 clamp(54px, 13vw, 230px) / 0.9 var(--display);margin-top: 14px;overflow-wrap: anywhere}@media (max-width: 900px){:root{--stack-top: 80px;--stack-gap: 44px}.hero-inner{grid-template-columns: minmax(0, 1fr);row-gap: 22px}.hero-mark{order: -1;translate: none}.hero-badge{display: none}.stack-body{grid-template-columns: 1fr;grid-template-rows: minmax(0, 1.1fr) auto}.stack-media{order: -1;margin-bottom: 0}.stack-text h3{font-size: clamp(34px, 10vw, 72px)}.hscroll{height: auto !important;padding: clamp(50px, 10vw, 90px) 0}.hscroll-sticky{position: static;height: auto;overflow: visible}.hscroll-track{flex-direction: column;width: auto;transform: none !important}.panel, .panel.intro{width: 100%;height: auto;min-height: 300px}.panel.intro{min-height: 0;padding-right: 0}.hscroll-bar{display: none}.row{grid-template-columns: 36px minmax(0, 1fr) auto 24px}.row .c{display: none}.row .t{text-align: right}.about .wrap, .project-info, .skills-cols{grid-template-columns: 1fr}.portrait{max-width: 320px}.gallery .shot:nth-child(3n + 2){margin-top: 0}}@media (max-width: 560px){.brand span{display: none}.nav nav a{padding: 13px 11px}.nav nav a::after{padding: 13px 11px}.gallery{grid-template-columns: 1fr}.stats{grid-template-columns: 1fr}.row .t{display: none}.row{grid-template-columns: 36px minmax(0, 1fr) 24px;min-height: 56px}.cover{height: 60vh}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*, *::before, *::after{animation: none !important;transition-duration: 0.01ms !important;transition-delay: 0ms !important}html.js .reveal, html.js .split .char, html.js .hero-mark{opacity: 1;transform: none;scale: 1;rotate: 0deg}html.js .reveal-clip > *{clip-path: none}.scrub .w{opacity: 1 !important}html.js .loader{display: none}}h1 em, h2 em, h3 em, .word.em{font-family: var(--hand);font-style: normal;font-weight: 700;font-size: 1.2em;line-height: 0.7;letter-spacing: -0.01em;color: var(--teal-text)}.contact .word.em, .panel.outro em{color: var(--ink)}.panel.intro h2 em{color: var(--teal-soft)}.next strong{letter-spacing: -0.05em;font-weight: 600}.eyebrow, .stack-top, .row .n, .row .t, .row .c, .panel .num, .stat > span, .scroll-hint, .hero-badge, .project-info dt, .next span, .foot, .loader-meta, .loader-word, .ph span, .cursor span, .section-head .count, .back{font-family: var(--body);font-weight: 600;letter-spacing: 0.14em}.eyebrow{font-size: 11px}.section-head .count{font-size: 13px;color: var(--muted);align-self: start}.stack-text h3, .row h3, .panel h3, .skills-cols h3{letter-spacing: -0.04em}.row .t, .row .c{font-size: 11px;text-transform: uppercase}.statement p.big{letter-spacing: -0.03em;font-weight: 500}body::after{content: "";position: fixed;inset: 0;z-index: 85;pointer-events: none;opacity: 0.07;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.footer{position: relative;z-index: 1;background: var(--ink);color: var(--cream);border-radius: clamp(24px, 4vw, 56px) clamp(24px, 4vw, 56px) 0 0;margin-top: calc(clamp(24px, 4vw, 56px) * -1);padding: clamp(40px, 5vw, 72px) 0 0;overflow: hidden}.footer-grid{display: grid;grid-template-columns: 1.5fr 1fr 1fr 1.2fr;gap: clamp(28px, 4vw, 64px);padding-bottom: clamp(30px, 4vw, 56px)}.footer-logo{display: inline-block}.footer-logo img{width: 64px;transition: transform 0.9s var(--ease)}.footer-logo:hover img{transform: rotate(-200deg) scale(1.1)}.footer-brand p{margin: 18px 0 20px;font: 600 clamp(20px, 1.8vw, 26px) / 1.15 var(--display);letter-spacing: -0.03em}.footer-brand p span + br + span{color: var(--teal-soft)}.footer-status{display: inline-flex;align-items: center;gap: 10px;padding: 9px 16px;border-radius: 999px;box-shadow: inset 0 0 0 1px #2c4a46;font: 500 11px var(--body);text-transform: uppercase;letter-spacing: 0.04em;color: #c9d6d4}.footer-status::before{content: "";width: 8px;height: 8px;border-radius: 50%;background: #58b98a;animation: ping 2s infinite}.footer-col h4{margin: 0 0 18px;font: 600 11px var(--body);letter-spacing: 0.14em;text-transform: uppercase;color: var(--teal-soft)}.footer-col ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 10px}.footer-col a{position: relative;display: inline-block;text-decoration: none;font-size: 15px;font-weight: 500;transition: color 0.3s, translate 0.5s var(--ease)}.footer-col a::after{content: "";position: absolute;left: 0;right: 0;bottom: -2px;height: 1.5px;background: var(--teal-soft);transform: scaleX(0);transform-origin: 100% 50%;transition: transform 0.6s var(--ease)}.footer-col a:hover{color: var(--teal-soft);translate: 4px 0}.footer-col a:hover::after{transform: scaleX(1);transform-origin: 0 50%}.footer-col a i{font-style: normal;font-size: 0.85em;opacity: 0.7}.footer-mail{font-size: clamp(16px, 1.5vw, 20px) !important;font-weight: 600 !important;overflow-wrap: anywhere}.wordmark{font: 700 clamp(36px, 13.4vw, 280px) / 0.82 var(--display);letter-spacing: -0.05em;text-transform: uppercase;white-space: nowrap;text-align: center;margin: 0;padding: 0.07em 0 0;width: 100%;overflow: hidden;border-top: 1px solid #2c4a46;color: var(--cream)}.wordmark.split .word{padding-left: 0;padding-right: 0;margin-left: 0;margin-right: 0}.footer-bar{display: flex;justify-content: space-between;flex-wrap: wrap;gap: 12px;padding: 20px 0 26px;border-top: 1px solid #2c4a46;font: 600 11px var(--body);letter-spacing: 0.12em;text-transform: uppercase;color: #9fb3b0}.footer-bar a{text-decoration: none;transition: color 0.3s}.footer-bar a:hover{color: var(--teal-soft)}body[data-page="project"] .footer{border-radius: 0;margin-top: 0;border-top: 1px solid #2c4a46}@media (max-width: 900px){.footer-grid{grid-template-columns: 1fr 1fr}.footer-brand{grid-column: 1 / -1}}@media (max-width: 480px){.footer-grid{grid-template-columns: 1fr}}.rows-empty{margin: 0;padding: clamp(28px, 4vw, 56px) 0;border-bottom: 1.5px solid var(--line);font: 600 clamp(24px, 3vw, 44px) var(--display);letter-spacing: -0.04em;color: var(--muted)}:focus-visible{outline: 2.5px solid var(--teal-deep);outline-offset: 3px;border-radius: 8px}.btn:focus-visible, .filters button:focus-visible, .nav nav a:focus-visible, .socials a:focus-visible, .stack-nav button:focus-visible{border-radius: 999px}.footer :focus-visible, .contact :focus-visible, .next:focus-visible, .th-teal:focus-visible, .th-ink:focus-visible{outline-color: var(--cream)}.stack-inner:focus-visible{outline-offset: -6px;border-radius: clamp(22px, 3vw, 44px)}.skip{position: fixed;left: 16px;top: -80px;z-index: 120;padding: 12px 18px;border-radius: 999px;background: var(--ink);color: var(--cream);font-weight: 600;font-size: 14px;text-decoration: none;transition: top 0.2s}.skip:focus{top: 16px}.btn:active{scale: 0.97}.filters button:active, .socials a:active, .stack-nav button:active{scale: 0.95}.row:active{color: var(--teal-deep)}.nav nav a:active{background: rgba(88, 158, 152, 0.22)}.nav nav a.cta:active{background: var(--teal-deep)}.nav nav a[aria-current="true"]:not(.cta){background: rgba(88, 158, 152, 0.2)}.nav nav a.cta[aria-current="true"]{box-shadow: 0 0 0 2px var(--cream), 0 0 0 4px var(--ink)}.is-todo{cursor: default;opacity: 0.85}.btn.is-todo::before{display: none}.btn.is-todo:hover{color: var(--ink)}.footer-mail.is-todo{font-size: 15px !important;font-weight: 500 !important;color: #9fb3b0}.footer-mail.is-todo::after{display: none}.footer-mail.is-todo:hover{color: #9fb3b0;translate: none}.stack-nav{position: fixed;left: 50%;bottom: max(16px, env(safe-area-inset-bottom));z-index: 45;translate: -50% 0;display: flex;align-items: center;gap: 6px;padding: 6px;border-radius: 999px;background: rgba(252, 250, 244, 0.9);backdrop-filter: blur(14px);-webkit-backdrop-filter: blur(14px);box-shadow: 0 10px 40px rgba(22, 48, 45, 0.18), inset 0 0 0 1px rgba(22, 48, 45, 0.08);opacity: 0;visibility: hidden;transform: translateY(16px);transition: opacity 0.3s, transform 0.4s var(--ease), visibility 0s 0.3s}.stack-nav.on{opacity: 1;visibility: visible;transform: none;transition: opacity 0.3s, transform 0.4s var(--ease)}.stack-nav button{width: 44px;height: 44px;border: 0;border-radius: 50%;background: var(--ink);color: var(--cream);font-size: 17px;cursor: pointer;transition: background 0.3s, opacity 0.3s, scale 0.3s}.stack-nav button:hover{background: var(--teal-deep)}.stack-nav button:disabled{opacity: 0.28;cursor: default;background: var(--ink)}.stack-nav span{min-width: 74px;text-align: center;font: 600 12px var(--body);letter-spacing: 0.12em;font-variant-numeric: tabular-nums}.doodle{display: block;overflow: visible;color: var(--teal-deep);pointer-events: none}.doodle path{fill: none;stroke: currentColor;stroke-width: 2.2;stroke-linecap: round;stroke-linejoin: round;vector-effect: non-scaling-stroke}html.js .doodle.draw path{stroke-dasharray: 1;stroke-dashoffset: 1;transition: stroke-dashoffset 0.9s var(--ease) 0.35s}html.js .doodle.draw path + path{transition-delay: 0.75s}html.js .in .doodle.draw path, html.js .doodle.draw.in path, html.js.ready .hero-mark .doodle.draw path{stroke-dashoffset: 0}.hero-mark{position: relative}.doodle.sparkle{position: absolute;right: -4%;top: -10%;width: 20%}.hero-note{display: inline-flex;align-items: flex-end;gap: 4px;margin-left: 6px;color: var(--teal-deep)}.hero-note .arrow{width: 54px}.hero-note em{font: 700 24px/1 var(--hand);font-style: normal;rotate: -5deg;translate: 0 6px;white-space: nowrap}.doodle.underline{position: absolute;height: 0.17em;min-height: 9px;color: var(--teal-text)}.contact .doodle.underline{color: var(--ink)}.skills-box{position: relative}.doodle.star{position: absolute;right: clamp(18px, 4vw, 64px);top: clamp(18px, 3.4vw, 56px);width: clamp(34px, 4vw, 56px);rotate: 12deg}.footer-col a{padding: 9px 0}.footer-col ul{gap: 0}.footer-col a::after{bottom: 7px}.footer-col h4{margin-bottom: 8px}.footer-bar a{display: inline-flex;align-items: center;min-height: 44px;padding: 0 16px;margin: -12px -16px;border-radius: 999px}.footer-bar{align-items: center}@media (max-width: 480px){.footer-grid{grid-template-columns: 1fr 1fr}.footer-brand, .footer-grid:not(.three) .footer-col:last-child{grid-column: 1 / -1}}@media (max-width: 560px){.hero-note{margin: 4px 0 0 4px}.stack-tab{letter-spacing: 0.1em}}@media (prefers-reduced-motion: reduce){html.js .doodle.draw path{stroke-dashoffset: 0}.stack-tab .name{transition: none}}.kit-title{font-size: clamp(26px, 2.6vw, 40px);letter-spacing: -0.04em;margin: 0 0 clamp(12px, 1.4vw, 20px)}.kit{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: clamp(10px, 1.4vw, 20px);margin-bottom: clamp(28px, 4vw, 56px)}.kit-card{background: var(--cream);border-radius: clamp(16px, 1.8vw, 24px);padding: clamp(18px, 2vw, 28px);transition: opacity 0.6s var(--ease), transform 0.7s var(--ease), translate 0.5s var(--ease), box-shadow 0.5s}.kit-card:hover{translate: 0 -4px;box-shadow: 0 16px 40px rgba(22, 48, 45, 0.1)}.kit-num{font: 600 11px var(--body);letter-spacing: 0.14em;color: var(--muted)}.kit-card h4{margin: 10px 0 14px;font: 600 clamp(19px, 1.7vw, 24px) / 1.1 var(--display);letter-spacing: -0.03em}.kit-card ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 10px}.kit-card li{display: flex;align-items: flex-start;gap: 10px;font-size: 14.5px;font-weight: 500;line-height: 1.35}.doodle.tick{flex: none;width: 16px;height: 16px;margin-top: 2px;color: var(--teal-text)}.tool span{color: var(--ink)}@media (max-width: 1000px){.kit{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (max-width: 400px){.kit{grid-template-columns: 1fr}}.footer-grid.three{grid-template-columns: 1.7fr 1fr 1fr}.footer-brand .footer-name{margin: 16px 0 4px;font: 600 clamp(22px, 2vw, 30px) / 1.1 var(--display);letter-spacing: -0.035em}.footer-brand .footer-tag{margin: 0;font: 500 15px / 1.5 var(--body);letter-spacing: 0;color: var(--teal-soft)}.footer-col h4{padding-bottom: 10px;border-bottom: 1px solid #2c4a46}.footer-col a{font-size: 15.5px}@media (max-width: 900px){.footer-grid.three{grid-template-columns: 1fr 1fr}}.portrait .ph::after, .cover .ph::after{display: none}.side-note{display: inline-flex;align-items: flex-end;gap: 4px;color: var(--teal-deep)}.side-note .arrow{width: 46px;flex: none}.side-note em{font: 700 22px/1 var(--hand);font-style: normal;rotate: -4deg;translate: 0 4px;white-space: nowrap}.about-note{display: flex;width: max-content;margin: 0 0 12px -4px}.count-wrap{align-self: flex-start;display: inline-flex;align-items: center;gap: 8px}.count-note em{rotate: 3deg;translate: 0 -2px}.count-note .arrow{width: 40px}.about p{line-height: 1.7}.statement p.big{line-height: 1.24}.hero .eyebrow{margin-bottom: clamp(16px, 1.6vw, 26px)}.hero h1{font-size: clamp(38px, 6vw, 104px);line-height: 1.02;letter-spacing: -0.05em;max-width: 11.5em;text-wrap: balance}.hero h1 .brk{display: block;height: 0.06em}.hero h1 .word.em{font-size: 1.16em;line-height: 0.95;letter-spacing: -0.015em}.hero .lede{max-width: 40ch;margin: clamp(22px, 2.2vw, 34px) 0 clamp(22px, 2.2vw, 32px);font-size: clamp(16px, 1.35vw, 19px);line-height: 1.55;color: var(--ink);opacity: 0.78}html.js .hero .lede.reveal{opacity: 0}html.js .hero .lede.reveal.in{opacity: 0.78}html.js .hero h1.split .word:not(.em) .char{transition-delay: calc(var(--i) * 16ms)}html.js .hero h1.split .word.em .char{transform: translateY(70%) rotate(-10deg) scale(0.9);opacity: 0;transition: transform 0.7s cubic-bezier(0.34, 1.4, 0.64, 1), opacity 0.35s ease;transition-delay: calc(var(--i) * 22ms + 60ms)}html.js .hero h1.split.in .word.em .char{transform: none;opacity: 1}html.js .hero h1 .doodle.underline path{transition-delay: 1.45s}html.js .hero h1 .doodle.underline path + path{transition-delay: 1.85s}.hero-inner{will-change: transform, opacity}@media (prefers-reduced-motion: reduce){html.js .hero h1.split .word.em .char{transform: none;opacity: 1}html.js .hero .lede.reveal{opacity: 0.78}}.split.done .word{overflow: visible}html:not(.js) .split .word{overflow: visible}h1 em, h2 em, h3 em, .word.em{line-height: 1}.section-head h2, .about h2, .contact h2{line-height: 1.02}.section-head h2{padding-right: 0.08em}@keyframes doodle-boil{0%, 49.9%{transform: rotate(-0.9deg) translateY(0)}50%, 100%{transform: rotate(0.9deg) translateY(1px)}}@keyframes note-boil{0%, 49.9%{transform: rotate(-1.6deg)}50%, 100%{transform: rotate(1.6deg)}}@keyframes nudge-left{0%, 55%, 100%{transform: translate(0, 0)}28%{transform: translate(-5px, -2px)}}@keyframes nudge-right{0%, 55%, 100%{transform: translate(0, 0)}28%{transform: translate(5px, -2px)}}@keyframes twinkle{0%, 100%{transform: rotate(0deg) scale(1)}50%{transform: rotate(-18deg) scale(1.14)}}.doodle.underline{animation: doodle-boil 1.5s linear infinite;transform-origin: 50% 50%}.side-note em, .hero-note em{display: inline-block;animation: note-boil 1.9s linear infinite}.doodle.arrow{animation: nudge-left 2.8s ease-in-out 1.6s infinite}.count-note .doodle.arrow{animation-name: nudge-right}.doodle.star{animation: twinkle 5s ease-in-out infinite}.split .word{overflow: visible;clip-path: inset(-0.45em -0.45em 0 -0.45em)}.split.done .word, html:not(.js) .split .word{clip-path: none}.split .word.em{padding-bottom: 0.34em;margin-bottom: -0.34em}html.js .split:not(.in) .word.em .char{transform: translateY(150%) rotate(6deg)}.wordmark{overflow: visible}@media (max-width: 900px){.stack-card{height: calc(100vh - var(--stack-top) - var(--n) * var(--stack-gap) - 92px);height: calc(100svh - var(--stack-top) - var(--n) * var(--stack-gap) - 92px);min-height: 360px}}@media (prefers-reduced-motion: reduce){.split .word{clip-path: none}}.toolkit{padding: clamp(36px, 5vw, 80px) 0}.toolkit .wrap{position: relative}.toolkit .doodle.star{right: var(--gutter);top: 0}.toolkit .stats{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 0;padding: 0;margin: 0 0 clamp(36px, 5vw, 76px);border-top: 1.5px solid var(--ink);border-bottom: 1px solid var(--line)}.toolkit .stat{padding: clamp(16px, 2.6vw, 40px) clamp(10px, 2vw, 32px) clamp(14px, 2vw, 30px)}.toolkit .stat:first-child{padding-left: 0}.toolkit .stat + .stat{border-left: 1px solid var(--line)}.toolkit .stat b{font: 500 clamp(40px, 9vw, 156px) / 0.86 var(--display);letter-spacing: -0.065em;color: var(--ink)}.toolkit .stat > span{margin-top: clamp(8px, 1vw, 16px);color: var(--muted)}.tk-title{font-size: clamp(26px, 2.8vw, 44px);letter-spacing: -0.04em;margin: 0 0 clamp(12px, 1.4vw, 20px)}.ledger{border-top: 1.5px solid var(--ink)}.ledger-row{position: relative;isolation: isolate;display: grid;align-items: baseline;grid-template-columns: clamp(36px, 5vw, 72px) minmax(0, 1fr) minmax(0, 1.25fr);column-gap: 16px;padding: clamp(18px, 2.3vw, 34px) clamp(0px, 1.2vw, 18px);border-bottom: 1px solid var(--line);transition: opacity 0.6s var(--ease), transform 0.7s var(--ease), color 0.35s, padding 0.5s var(--ease)}.ledger-row::before{content: "";position: absolute;inset: 0;z-index: -1;background: var(--ink);transform: scaleY(0);transform-origin: 50% 100%;transition: transform 0.5s var(--ease)}.ledger-row h4{margin: 0;font: 600 clamp(28px, 4.2vw, 64px) / 1 var(--display);letter-spacing: -0.045em}.ledger-row p{margin: 0;font-size: clamp(14px, 1.25vw, 17px);font-weight: 500;line-height: 1.6;color: var(--muted);transition: color 0.35s}.ledger-row p i{font-style: normal;margin: 0 0.45em;color: var(--teal-text)}.l-num{font: 600 11px var(--body);letter-spacing: 0.14em;color: var(--muted);transition: color 0.35s}@media (hover: hover){.ledger-row:hover{color: var(--cream);padding-left: clamp(12px, 2vw, 30px)}.ledger-row:hover::before{transform: scaleY(1)}.ledger-row:hover p, .ledger-row:hover .l-num{color: #c9d6d4}.ledger-row:hover p i{color: var(--teal-soft)}}.tk-tools{margin-top: clamp(36px, 5vw, 76px);padding: clamp(24px, 4.4vw, 68px);display: grid;grid-template-columns: minmax(0, 0.9fr) minmax(0, 2fr);gap: clamp(24px, 4vw, 64px);background: var(--sand);border-radius: clamp(24px, 4vw, 56px)}.tk-intro p{margin: 0;max-width: 26ch;font-size: 15px;line-height: 1.6;color: #55503f}.tk-groups{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: clamp(20px, 3vw, 48px);align-items: start}.tk-group h4{margin: 0 0 6px;padding-bottom: 12px;border-bottom: 1.5px solid var(--ink);font: 600 11px var(--body);letter-spacing: 0.14em;text-transform: uppercase}.tk-group ul{list-style: none;margin: 0;padding: 0}.tk-group li{display: flex;align-items: center;gap: 14px;padding: 11px 0;border-bottom: 1px solid rgba(22, 48, 45, 0.14);font-size: 15.5px;font-weight: 600}.mono{flex: none;display: grid;place-items: center;width: 46px;height: 46px;border-radius: 50%;border: 1.5px solid var(--ink);font: 600 13px var(--display);letter-spacing: -0.02em;transition: background 0.3s, color 0.3s, rotate 0.5s var(--ease), scale 0.5s var(--ease)}.tk-group li:hover .mono, .tk-group li:active .mono{background: var(--ink);color: var(--cream);rotate: -10deg;scale: 1.06}@media (max-width: 900px){.ledger-row{grid-template-columns: 36px minmax(0, 1fr);row-gap: 8px}.ledger-row p{grid-column: 2}.tk-tools{grid-template-columns: 1fr}}@media (max-width: 560px){.tk-groups{grid-template-columns: 1fr}.toolkit .stats{grid-template-columns: repeat(3, minmax(0, 1fr))}.toolkit .stat{padding-left: 10px;padding-right: 6px}.toolkit .stat > span{font-size: 9px;letter-spacing: 0.08em;line-height: 1.4}}.toolkit .stat b i{font-style: normal;color: var(--teal-text)}.story{position: relative}.thread{position: absolute;left: 50%;top: 0;bottom: 0;width: 1.5px;margin-left: -0.75px;background: var(--line);z-index: 0}.thread i{position: absolute;inset: 0;background: var(--teal);transform-origin: 50% 0}.story > .tk-title, .uses-intro .tk-title{font-size: clamp(30px, 3.6vw, 56px)}.story > .tk-title{margin-bottom: 0}.svc{position: relative;display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);column-gap: clamp(64px, 11vw, 180px);align-items: center;padding: clamp(22px, 3.4vw, 52px) 0}.svc .node{position: absolute;left: 50%;top: 50%;width: 13px;height: 13px;margin: -6.5px 0 0 -6.5px;border-radius: 50%;background: var(--cream);border: 1.5px solid var(--teal-deep);z-index: 1;transition: background 0.4s, scale 0.5s var(--ease)}.svc .node.on{background: var(--teal-deep);scale: 1.25}.svc-media{justify-self: end;width: min(100%, 440px);overflow: hidden}.svc:nth-child(even) .svc-media{order: 2;justify-self: start}.svc:nth-child(even) .svc-text{justify-self: end}.svc-media > *{width: 100%;height: 100%;object-fit: cover}.svc-media .ph::after{display: none}.svc-media .ph span{padding: 0 16%;letter-spacing: 0.04em;text-transform: none;font-weight: 500;font-size: 12px;line-height: 1.5}.svc-media .ph span b{font-size: clamp(17px, 1.7vw, 24px);line-height: 1.15;margin-bottom: 8px}.s1 .svc-media{aspect-ratio: 4 / 5;width: min(100%, 360px);border-radius: 999px 999px 22px 22px}.s2 .svc-media{aspect-ratio: 5 / 4;border-radius: 22px 140px 22px 22px;rotate: -2deg}.s3 .svc-media{aspect-ratio: 1;width: min(100%, 360px);border-radius: 50%}.s4 .svc-media{aspect-ratio: 16 / 10;border-radius: 22px 22px 22px 140px;rotate: 1.5deg}.svc-text{width: min(100%, 460px)}.svc-text h4{margin: 10px 0 clamp(12px, 1.4vw, 20px);font: 600 clamp(30px, 4.2vw, 64px) / 0.98 var(--display);letter-spacing: -0.045em}.svc-text ul{list-style: none;margin: 0;padding: 0;border-top: 1.5px solid var(--ink)}.svc-text li{padding: 12px 0;border-bottom: 1px solid var(--line);font-size: clamp(15px, 1.25vw, 17px);font-weight: 500}.bridge{position: relative;z-index: 1;display: flex;flex-direction: column;align-items: center;gap: 2px;width: max-content;max-width: 100%;margin: clamp(10px, 2vw, 28px) auto;padding: 14px 20px;background: var(--cream);color: var(--teal-deep)}.bridge .arrow-down{width: 30px}.bridge em{font: 700 26px/1 var(--hand);font-style: normal;rotate: -3deg;white-space: nowrap;display: inline-block;animation: note-boil 1.9s linear infinite}.doodle.arrow-down{animation: nudge-down 2.8s ease-in-out 1.4s infinite}@keyframes nudge-down{0%, 55%, 100%{transform: translate(0, 0)}28%{transform: translate(0, 5px)}}.uses{position: relative;display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);column-gap: clamp(64px, 11vw, 180px);align-items: start;padding: clamp(10px, 2vw, 28px) 0 clamp(16px, 3vw, 40px)}.uses-intro{position: sticky;top: 110px}.uses-intro p{margin: 0;max-width: 30ch;color: var(--muted);font-size: clamp(15px, 1.25vw, 17px);line-height: 1.6}.uses-lists{display: grid;gap: clamp(28px, 3.4vw, 48px)}.use-group h4{margin: 0;padding-bottom: 12px;border-bottom: 1.5px solid var(--ink);font: 600 11px var(--body);letter-spacing: 0.14em;text-transform: uppercase;color: var(--teal-deep)}.use-group ul{list-style: none;margin: 0;padding: 0}.use-group li{display: flex;align-items: baseline;justify-content: space-between;gap: 16px;padding: clamp(11px, 1.2vw, 16px) 0;border-bottom: 1px solid var(--line)}.u-name{font: 600 clamp(22px, 2.5vw, 36px) / 1.1 var(--display);letter-spacing: -0.04em;transition: translate 0.5s var(--ease), color 0.3s}.u-mark{flex: none;font: 600 12px var(--body);letter-spacing: 0.1em;color: var(--teal-text)}@media (hover: hover){.use-group li:hover .u-name{translate: 8px 0;color: var(--teal-text)}}.contact{background: transparent;color: var(--ink);border-radius: 0;padding: 0;overflow: visible}.contact-body{padding: clamp(8px, 1.4vw, 20px) 0 calc(clamp(48px, 7vw, 110px) + clamp(24px, 4vw, 56px))}.contact .eyebrow{color: var(--teal-deep)}.contact .word.em{color: var(--teal-text)}.contact .doodle.underline{color: var(--teal-text)}.contact .btn.is-todo:hover{color: var(--cream)}.contact .socials a{background: transparent;box-shadow: inset 0 0 0 1.5px var(--ink)}.contact .socials a:hover{background: var(--ink);color: var(--cream)}.contact :focus-visible{outline-color: var(--teal-deep)}.toolkit{padding-bottom: 0}@media (max-width: 900px){.story{padding-left: 30px}.thread{left: 6px}.svc{grid-template-columns: minmax(0, 1fr);row-gap: 18px;padding: 22px 0}.svc .node{left: -24px;top: 34px}.svc-media, .svc:nth-child(even) .svc-media{order: 0;justify-self: start}.svc:nth-child(even) .svc-text{justify-self: start}.s1 .svc-media, .s3 .svc-media{width: min(78%, 300px)}.s2 .svc-media, .s4 .svc-media{width: min(100%, 380px)}.bridge{flex-direction: row;align-items: flex-end;gap: 8px;margin: 12px 0 12px -30px;padding: 12px 14px 12px 0}.uses{grid-template-columns: minmax(0, 1fr);row-gap: 20px}.uses-intro{position: static}}@media (prefers-reduced-motion: reduce){.thread i{transform: none !important}}.tk-head{align-items: center}.stamp{position: relative;flex: none;width: clamp(92px, 11vw, 156px);aspect-ratio: 1;display: grid;place-items: center;color: var(--teal-deep)}.stamp svg{position: absolute;inset: 0;width: 100%;height: 100%;will-change: transform}.stamp text{font: 600 13.5px var(--body);letter-spacing: 0.08em;text-transform: uppercase;fill: currentColor}.stamp span{font-size: clamp(20px, 2.4vw, 34px);line-height: 1;color: var(--ink)}.toolkit .stat b{color: transparent;-webkit-text-stroke: 1.5px var(--ink);transition: color 0.9s var(--ease) 0.25s}.toolkit .stat.in b, html:not(.js) .toolkit .stat b{color: var(--ink)}.toolkit .stat b i{-webkit-text-stroke: 0;color: var(--teal-text)}.story{padding-left: 0}.svc-head{display: flex;align-items: flex-end;justify-content: space-between;gap: 16px;margin-bottom: clamp(14px, 2vw, 26px)}.svc-head .tk-title{margin: 0}.svc-ctrl{display: flex;align-items: center;gap: 8px}.svc-ctrl button{width: 46px;height: 46px;border-radius: 50%;border: 1.5px solid var(--ink);background: transparent;font-size: 17px;cursor: pointer;transition: background 0.3s, color 0.3s, opacity 0.3s, scale 0.3s}.svc-ctrl button:hover{background: var(--ink);color: var(--cream)}.svc-ctrl button:active{scale: 0.94}.svc-ctrl button:disabled{opacity: 0.3;cursor: default;background: transparent;color: var(--ink)}.svc-ctrl span{min-width: 68px;text-align: center;font: 600 12px var(--body);letter-spacing: 0.12em;font-variant-numeric: tabular-nums}.services{display: flex;align-items: flex-start;gap: clamp(16px, 2.4vw, 36px);overflow-x: auto;overflow-y: hidden;scroll-snap-type: x mandatory;scrollbar-width: none;margin: 0 calc(var(--gutter) * -1);padding: 6px var(--gutter) 26px;scroll-padding: 0 var(--gutter);overscroll-behavior-x: contain;-webkit-overflow-scrolling: touch;cursor: grab}.services::-webkit-scrollbar{display: none}.services.dragging{cursor: grabbing;scroll-snap-type: none;user-select: none}.services .svc{display: block;flex: none;width: clamp(250px, 34vw, 470px);padding: 0;scroll-snap-align: start}.services .svc:nth-child(even){margin-top: clamp(18px, 4.5vw, 70px)}.services .svc-media, .services .svc:nth-child(even) .svc-media{width: 100%;aspect-ratio: 1 / 1.06;rotate: none}.services .s1 .svc-media{border-radius: 999px 999px 22px 22px}.services .s2 .svc-media{border-radius: 22px 46% 22px 22px}.services .s3 .svc-media{border-radius: 50%}.services .s4 .svc-media{border-radius: 22px 22px 22px 46%}.services .svc-text, .services .svc:nth-child(even) .svc-text{width: 100%;margin-top: clamp(14px, 1.6vw, 22px);justify-self: auto}.services .svc-text h4{margin: 8px 0 12px;font-size: clamp(26px, 3vw, 46px)}.services .svc-text ul{display: flex;flex-wrap: wrap;gap: 4px 0;padding-top: 12px;border-top: 1.5px solid var(--ink)}.services .svc-text li{padding: 0;border: 0;font-size: 15px;color: var(--muted)}.services .svc-text li + li::before{content: "/";margin: 0 0.6em;color: var(--teal-text)}.svc-bar{height: 1.5px;background: var(--line)}.svc-bar i{display: block;height: 100%;background: var(--teal-deep);transform: scaleX(0.12);transform-origin: 0 50%;transition: transform 0.25s linear}.bridge, .story .bridge{flex-direction: column;align-items: center;gap: 2px;margin: clamp(14px, 2.4vw, 34px) auto;padding: 10px 20px;background: none}.uses{display: block;padding: 0 0 clamp(8px, 2vw, 24px)}.uses-intro{position: static;display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;gap: 10px 32px;margin-bottom: clamp(16px, 2vw, 28px)}.uses-intro .tk-title{margin: 0}.uses-intro p{max-width: 34ch;text-align: left}.uses-lists{display: block}.use-flow{margin: 0;padding: clamp(14px, 1.6vw, 22px) 0 clamp(18px, 2.4vw, 34px);border-top: 1.5px solid var(--ink);font: 600 clamp(26px, 4.7vw, 76px) / 1.14 var(--display);letter-spacing: -0.05em}.use-label{display: block;margin-bottom: clamp(8px, 1vw, 14px);font: 600 11px var(--body);letter-spacing: 0.14em;text-transform: uppercase;color: var(--teal-deep)}.use-word{display: inline-block;white-space: nowrap;transition: opacity 0.6s var(--ease), transform 0.7s var(--ease), color 0.4s}.use-word:nth-of-type(odd){color: transparent;-webkit-text-stroke: 1.5px var(--ink)}.use-word sup{margin-left: 0.3em;font: 600 0.19em var(--body);letter-spacing: 0.1em;vertical-align: top;position: relative;top: 0.9em;color: var(--teal-text);-webkit-text-stroke: 0}.use-flow > i{font-style: normal;font-weight: 400;margin: 0 0.24em;color: var(--teal)}.use-word:hover, .use-word:active{color: var(--teal-text);-webkit-text-stroke: 0}@media (max-width: 560px){.services .svc{width: 76vw}.use-word sup{font-size: 10px;top: 0.5em}.stamp text{font-size: 15px}}@media (prefers-reduced-motion: reduce){.svc-bar i{transition: none}}.use-word:nth-of-type(odd), .toolkit .stat b{color: var(--cream);-webkit-text-stroke: 3px var(--ink);paint-order: stroke fill}.use-word:nth-of-type(odd){letter-spacing: -0.03em}.toolkit .stat.in b, html:not(.js) .toolkit .stat b{color: var(--ink)}.toolkit .stat b i{-webkit-text-stroke: 0;color: var(--teal-text)}.use-word:nth-of-type(odd) sup{-webkit-text-stroke: 0;color: var(--teal-text)}.use-word:hover, .use-word:active{color: var(--teal-text);-webkit-text-stroke: 0}.use-word:nth-of-type(odd){-webkit-text-stroke: 0.045em var(--ink)}.toolkit .stat b{-webkit-text-stroke: 0.03em var(--ink)}.use-word:hover, .use-word:active{-webkit-text-stroke: 0}.services .svc-text li + li::before{content: none}.services .svc-text li:not(:last-child)::after{content: "/";margin: 0 0.6em;color: var(--teal-text)}@media (max-width: 560px){.tk-head{align-items: flex-end}.stamp{width: 84px;margin-left: auto}}.process{padding: clamp(36px, 5vw, 80px) 0 clamp(12px, 2vw, 28px)}.proc-note{align-self: center;align-items: center;gap: 8px}.proc-note .arrow-down{width: 26px}.proc-grid{--shift: 44px;--gap: clamp(28px, 4vw, 72px);display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));column-gap: var(--gap);margin: clamp(8px, 2vw, 28px) 0 clamp(28px, 4vw, 56px)}.step{position: relative;padding-bottom: clamp(22px, 3vw, 44px)}.step.c2{margin-top: var(--shift)}.marker{position: relative;display: grid;place-items: center;width: 54px;height: 54px}.marker svg{position: absolute;inset: 0;width: 100%;height: 100%;color: var(--teal-deep)}.marker b{position: relative;font: 600 13px var(--body);letter-spacing: 0.08em;transition: color 0.4s}.marker::before{content: "";position: absolute;inset: 5px;border-radius: 50%;background: var(--ink);scale: 0;transition: scale 0.5s var(--ease)}.step.on .marker::before{scale: 1}.step.on .marker b{color: var(--cream)}.step h3{margin: 16px 0 8px;font: 600 clamp(22px, 2.3vw, 34px) / 1.08 var(--display);letter-spacing: -0.04em}.step p{margin: 0;max-width: 31ch;color: var(--muted);font-size: 15.5px;line-height: 1.58}.conn{position: absolute;left: 62px;width: calc(100% - 62px + var(--gap) - 8px);height: 64px;color: var(--teal)}.conn.down{top: 17px}.conn.up{top: -27px}.step.turn::after{content: "";position: absolute;left: 26px;top: 60px;bottom: 0;width: 1.5px;background: var(--teal);opacity: 0.55}.proc-return{grid-column: 1 / -1;width: 100%;height: 84px;color: var(--teal)}.step.c3{z-index: 0}.process .stats{margin-bottom: 0}@media (max-width: 900px){.proc-grid{grid-template-columns: minmax(0, 1fr);margin-top: 8px}.step, .step.c2{margin-top: 0;padding: 0 0 30px 72px;min-height: 84px}.marker{position: absolute;left: 0;top: 0}.conn, .proc-return, .step.turn::after{display: none}.step::before{content: "";position: absolute;left: 26px;top: 58px;bottom: 4px;width: 1.5px;background: var(--line);transition: background 0.5s}.step.on::before{background: var(--teal)}.step:last-child::before{display: none}.step h3{margin-top: 12px}.proc-note{display: none}}.skillshow{position: relative;overflow: hidden;color: var(--cream);margin-top: clamp(28px, 4vw, 60px);padding: clamp(52px, 8vw, 130px) 0 clamp(60px, 9vw, 150px);border-radius: clamp(24px, 4vw, 56px);background: radial-gradient(110% 70% at 88% 0%, #2a5a53 0%, rgba(42, 90, 83, 0) 62%), radial-gradient(90% 60% at 0% 100%, #1e4a43 0%, rgba(30, 74, 67, 0) 60%), linear-gradient(180deg, #153330 0%, #0f2623 100%)}.show-head{display: flex;align-items: center;justify-content: space-between;gap: 16px}.skillshow .eyebrow{color: var(--teal-soft);margin: 0}.show-note{color: var(--teal-soft);align-items: center;gap: 8px}.show-note .arrow-down{width: 24px}.phrases{position: relative;margin-top: clamp(22px, 3vw, 44px);padding-left: clamp(46px, 7vw, 124px)}.phrase{margin: 0;padding: clamp(8px, 1.3vw, 20px) 0;font: 600 clamp(36px, 8.2vw, 136px) / 1 var(--display);letter-spacing: -0.05em;text-wrap: balance;transform-origin: 0 50%;transition: color 0.5s ease, transform 0.6s var(--ease)}.skillshow.live .phrase{color: #2c5650}.skillshow.live .phrase.near{color: #5f9189}.skillshow.live .phrase.active{color: var(--cream);transform: translateX(0.1em)}.dots{position: absolute;left: 0;top: 0;display: flex;gap: clamp(5px, 0.7vw, 11px);opacity: 0;transition: transform 0.6s var(--ease), opacity 0.4s;will-change: transform}.skillshow.live .dots{opacity: 1}.dots i{display: block;width: clamp(8px, 1.15vw, 17px);aspect-ratio: 1;border-radius: 50%;background: var(--teal-soft);transition: background 0.4s, scale 0.4s var(--ease)}.dots[data-step="0"] i:nth-child(1), .dots[data-step="1"] i:nth-child(2), .dots[data-step="2"] i:nth-child(3){background: var(--cream);scale: 1.25}.dots.pop i{animation: dot-pop 0.55s var(--ease) both}.dots.pop i:nth-child(2){animation-delay: 0.07s}.dots.pop i:nth-child(3){animation-delay: 0.14s}@keyframes dot-pop{0%{transform: scale(0.3)}60%{transform: scale(1.3)}100%{transform: scale(1)}}.tools-sec{padding: clamp(6px, 1vw, 16px) 0 0}.tools-sec .section-head{align-items: flex-end}.uses-note{margin: 0 0 0.6em;max-width: 34ch;color: var(--muted);font-size: clamp(15px, 1.25vw, 17px);line-height: 1.6}.use-label{display: flex;align-items: center;gap: 10px}.use-label::before{content: "";width: 26px;height: 6px;flex: none;background: radial-gradient(circle, var(--teal-deep) 0 3px, transparent 3.5px) 0 0 / 10px 6px repeat-x}@media (max-width: 900px){.phrase{font-size: clamp(38px, 11.5vw, 84px);padding: clamp(18px, 5.5vw, 34px) 0}.phrases{padding-left: 46px}.skillshow{padding-bottom: clamp(70px, 16vw, 130px)}}html.js .conn path, html.js .proc-return path, .conn path, .proc-return path{stroke-dasharray: none !important;stroke-dashoffset: 0 !important}html.js .conn{clip-path: inset(-20% 100% -20% 0);transition: clip-path 0.9s var(--ease) 0.45s}html.js .step.in .conn{clip-path: inset(-20% -2% -20% 0)}html.js .proc-return{clip-path: inset(-20% 0 -20% 100%);transition: clip-path 1.2s var(--ease) 0.2s}html.js .proc-return.on{clip-path: inset(-20% 0 -20% -2%)}@media (prefers-reduced-motion: reduce){html.js .conn, html.js .proc-return{clip-path: none}}.tools-sec .section-head{align-items: flex-end;margin-bottom: clamp(22px, 3vw, 44px)}.tools-sec .eyebrow{font-family: var(--display);letter-spacing: 0.16em}.tools-sec h2{font-family: var(--body);font-weight: 600;font-size: clamp(38px, 5.6vw, 88px);line-height: 1.02;letter-spacing: -0.04em}.tools-sec .uses-note{font-family: var(--display);font-weight: 500;font-size: clamp(15px, 1.2vw, 17px);line-height: 1.6;max-width: 32ch;color: var(--muted)}.tools-sec .uses{padding: 0 0 clamp(8px, 2vw, 24px)}.tools-sec .uses-lists{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));column-gap: clamp(32px, 7vw, 120px);row-gap: 36px;align-items: start}.tl-label{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding-bottom: 14px;border-bottom: 1.5px solid var(--ink);font: 600 11px var(--display);letter-spacing: 0.16em;text-transform: uppercase;color: var(--teal-deep)}.tl-label span:first-child{display: inline-flex;align-items: center;gap: 10px}.tl-label span:first-child::before{content: "";width: 26px;height: 6px;flex: none;background: radial-gradient(circle, var(--teal-deep) 0 3px, transparent 3.5px) 0 0 / 10px 6px repeat-x}.tl-label span:last-child{color: var(--muted);letter-spacing: 0.1em}.tl-col ul{list-style: none;margin: 0;padding: 0}.tl-col li{display: grid;grid-template-columns: clamp(44px, 4.4vw, 64px) minmax(0, 1fr);align-items: baseline;padding: clamp(14px, 1.5vw, 20px) 0;border-bottom: 1px solid var(--line)}.tl-init{font: 600 12px var(--display);letter-spacing: 0.08em;color: var(--teal-deep)}.tl-name{font: 500 clamp(19px, 1.9vw, 27px) / 1.2 var(--body);letter-spacing: -0.02em;color: var(--ink);transition: translate 0.5s var(--ease)}@media (hover: hover){.tl-col li:hover .tl-name{translate: 6px 0}}@media (max-width: 700px){.tools-sec .uses-lists{grid-template-columns: minmax(0, 1fr)}}.proc-top, .proc-bottom{display: flex;align-items: center;justify-content: space-between;gap: 16px;font: 600 clamp(12px, 1.1vw, 15px) var(--body);letter-spacing: 0.08em;text-transform: uppercase}.proc-bottom span:last-child{font-size: 1.5em;line-height: 1}.proc-word{margin: clamp(10px, 1.6vw, 26px) 0 clamp(18px, 3vw, 50px);font: 600 clamp(74px, 19.6vw, 330px) / 0.88 var(--display);letter-spacing: -0.065em}.proc-board{--k: 1;position: relative;display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);column-gap: clamp(18px, 5vw, 90px);row-gap: clamp(22px, 2.6vw, 44px);max-width: 1120px;margin: 0 auto clamp(26px, 4vw, 60px);padding: 26px 0}.proc-lines{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: visible;z-index: 0;pointer-events: none}.proc-lines path{fill: none;stroke: var(--ink);stroke-width: 1.5;stroke-linejoin: round;stroke-dasharray: 1;stroke-dashoffset: 0}html.js .proc-lines path{stroke-dashoffset: 1}.pcard{position: relative;z-index: 1;background: var(--cream);border: 1.5px solid var(--ink);border-radius: clamp(16px, 2vw, 28px);padding: clamp(18px, 2.3vw, 32px) clamp(18px, 2.5vw, 36px);rotate: calc(var(--r, 0deg) * var(--k) + var(--wob, 0deg));transition: opacity 0.6s var(--ease), translate 0.9s var(--ease), scale 0.9s var(--ease), rotate 0.7s var(--ease), box-shadow 0.4s}.pcard h3{margin: 0 0 10px;font: 600 clamp(26px, 3.5vw, 54px) / 1 var(--display);letter-spacing: -0.045em}.pcard p{margin: 0;max-width: 36ch;font-size: clamp(13.5px, 1.1vw, 15.5px);line-height: 1.52;color: var(--muted)}.pnum{position: absolute;right: -15px;top: -15px;display: grid;place-items: center;width: clamp(34px, 3.2vw, 44px);aspect-ratio: 1;border-radius: 50%;background: var(--teal-soft);color: var(--ink);font: 600 clamp(14px, 1.3vw, 17px) var(--display);transition: background 0.4s, color 0.4s, scale 0.5s var(--ease)}.pcard.on .pnum{background: var(--ink);color: var(--cream);scale: 1.12}html.js .pcard{opacity: 0;translate: 0 46px;scale: 0.94;rotate: 0deg}html.js .pcard.in{opacity: 1;translate: 0 0;scale: 1;rotate: calc(var(--r, 0deg) * var(--k) + var(--wob, 0deg))}.pcard:hover, .pcard:active{rotate: 0deg !important;box-shadow: 0 18px 44px rgba(22, 48, 45, 0.12);z-index: 2}.p1{justify-self: end;width: min(100%, 430px)}.p2{justify-self: start;width: min(100%, 450px);margin-top: clamp(30px, 5vw, 70px)}.p3{grid-column: 1 / -1;justify-self: center;width: min(100%, 600px)}.p4{justify-self: start;width: min(100%, 450px)}.p5{justify-self: end;width: min(100%, 440px);margin-top: clamp(20px, 4vw, 56px)}.p6{grid-column: 1 / -1;justify-self: center;width: min(100%, 520px)}@media (max-width: 700px){.proc-board{--k: 0.7;grid-template-columns: minmax(0, 1fr);row-gap: 26px;padding: 20px 0}.pcard, .p1, .p2, .p3, .p4, .p5, .p6{grid-column: auto;width: 88%;margin-top: 0}.p1, .p3, .p5{justify-self: start}.p2, .p4, .p6{justify-self: end}.pnum{right: -10px;top: -14px}}@media (prefers-reduced-motion: reduce){html.js .pcard{opacity: 1;translate: 0 0;scale: 1;rotate: calc(var(--r, 0deg) * var(--k))}html.js .proc-lines path{stroke-dashoffset: 0}}.proc-bottom{margin-bottom: clamp(22px, 3.4vw, 48px)}.pcard{aspect-ratio: 1.34;display: grid;place-content: center;justify-items: center;text-align: center;padding: 11% 15%;border-radius: var(--shape);transition: opacity 0.6s var(--ease), translate 0.9s var(--ease), scale 0.9s var(--ease), rotate 0.7s var(--ease), box-shadow 0.4s, border-radius 1.4s var(--ease), background 0.6s}.pcard.on{border-radius: var(--shape-on);background: #eef5f3}.pcard h3{margin-bottom: 8px;font-size: clamp(24px, 2.9vw, 44px);text-wrap: balance}.pcard p{max-width: 27ch;font-size: clamp(13px, 1.05vw, 15px);text-wrap: balance}.p1{--shape: 58% 42% 55% 45% / 52% 60% 40% 48%;--shape-on: 46% 54% 44% 56% / 60% 46% 54% 40%}.p2{--shape: 44% 56% 48% 52% / 60% 44% 56% 40%;--shape-on: 56% 44% 58% 42% / 46% 58% 42% 54%}.p3{--shape: 52% 48% 62% 38% / 44% 58% 42% 56%;--shape-on: 42% 58% 46% 54% / 58% 44% 56% 42%}.p4{--shape: 40% 60% 44% 56% / 56% 42% 58% 44%;--shape-on: 56% 44% 60% 40% / 44% 56% 44% 56%}.p5{--shape: 60% 40% 50% 50% / 46% 54% 46% 54%;--shape-on: 46% 54% 40% 60% / 58% 42% 58% 42%}.p6{--shape: 48% 52% 40% 60% / 58% 46% 54% 42%;--shape-on: 58% 42% 54% 46% / 44% 60% 40% 56%}.pnum{right: 13%;top: 1%;width: clamp(40px, 3.8vw, 54px);aspect-ratio: 1.15;border-radius: 58% 42% 55% 45% / 52% 60% 40% 48%;background: var(--teal);color: var(--cream);font-size: clamp(15px, 1.4vw, 19px);rotate: -8deg;transition: background 0.4s, color 0.4s, scale 0.5s var(--ease), rotate 0.6s var(--ease), border-radius 1.2s var(--ease)}.pcard.on .pnum{background: var(--ink);color: var(--cream);scale: 1.12;rotate: 6deg;border-radius: 44% 56% 46% 54% / 58% 44% 56% 42%}.pcard:hover, .pcard:active{box-shadow: 0 20px 50px rgba(22, 48, 45, 0.12)}.p1{width: min(100%, 440px)}.p2{width: min(100%, 450px)}.p3{width: min(100%, 500px);margin-top: clamp(-40px, -3vw, -10px)}.p4{width: min(100%, 450px);margin-top: clamp(-30px, -2vw, -6px)}.p5{width: min(100%, 440px)}.p6{width: min(100%, 480px);margin-top: clamp(-40px, -3vw, -10px)}.proc-board{row-gap: clamp(10px, 1.6vw, 26px)}@media (max-width: 700px){.pcard, .p1, .p2, .p3, .p4, .p5, .p6{width: 92%;margin-top: 0;aspect-ratio: 1.24;padding: 11% 14%}.proc-board{row-gap: 12px}.pcard p{font-size: 13.5px;max-width: 24ch}.pnum{right: 12%;top: 0}}.process{padding: clamp(32px, 4.5vw, 72px) 0 clamp(8px, 1.5vw, 20px)}.proc-stage{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1.02fr);column-gap: clamp(24px, 6vw, 110px);align-items: center;margin-top: clamp(10px, 1.6vw, 24px)}.proc-word{margin: 0 0 clamp(12px, 1.8vw, 26px);font-size: clamp(58px, 11.4vw, 190px);line-height: 0.9}.proc-bubbles{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: clamp(4px, 0.7vw, 10px);width: 100%;max-width: 580px;justify-self: end}.bub{position: relative;aspect-ratio: 1.1;display: grid;place-content: center;justify-items: center;row-gap: 3px;padding: 8% 10%;text-align: center;cursor: pointer;font: inherit;color: var(--ink);background: var(--cream);border: 1.5px solid var(--ink);border-radius: var(--shape);rotate: var(--r, 0deg);-webkit-tap-highlight-color: transparent;transition: background 0.45s, color 0.45s, border-radius 1s var(--ease), scale 0.6s var(--ease), rotate 0.6s var(--ease), opacity 0.5s, box-shadow 0.4s;transition-delay: 0s;animation: bub-float 5.5s ease-in-out infinite;animation-delay: calc(var(--i) * -0.9s)}.bub:nth-child(3n + 2){margin-top: 14%}.bub b{font: 600 clamp(22px, 2.7vw, 42px) / 1 var(--display);letter-spacing: -0.04em}.bub span{font: 600 clamp(10.5px, 0.95vw, 13.5px) / 1.2 var(--body);max-width: 11ch;text-wrap: balance}.bub:hover{box-shadow: 0 12px 30px rgba(22, 48, 45, 0.12)}.bub:active{scale: 0.95}.bub.on{background: var(--ink);color: var(--cream);border-radius: var(--shape-on);scale: 1.09;rotate: 0deg;z-index: 1}.bub.on:active{scale: 1.03}.b1{--shape: 58% 42% 55% 45% / 52% 60% 40% 48%;--shape-on: 46% 54% 44% 56% / 60% 46% 54% 40%}.b2{--shape: 44% 56% 48% 52% / 60% 44% 56% 40%;--shape-on: 56% 44% 58% 42% / 46% 58% 42% 54%}.b3{--shape: 52% 48% 62% 38% / 44% 58% 42% 56%;--shape-on: 42% 58% 46% 54% / 58% 44% 56% 42%}.b4{--shape: 40% 60% 44% 56% / 56% 42% 58% 44%;--shape-on: 56% 44% 60% 40% / 44% 56% 44% 56%}.b5{--shape: 60% 40% 50% 50% / 46% 54% 46% 54%;--shape-on: 46% 54% 40% 60% / 58% 42% 58% 42%}.b6{--shape: 48% 52% 40% 60% / 58% 46% 54% 42%;--shape-on: 58% 42% 54% 46% / 44% 60% 40% 56%}@keyframes bub-float{50%{translate: 0 -7px}}html.js .proc-bubbles:not(.in) .bub{opacity: 0;scale: 0.4}html.js .proc-bubbles.in .bub{transition-delay: 0s, 0s, 0s, calc(var(--i) * 70ms), 0s, calc(var(--i) * 70ms), 0s}html.js .proc-bubbles.in .bub.on{transition-delay: 0s}.proc-detail{position: relative;display: grid;max-width: 36rem;padding-top: clamp(14px, 1.6vw, 22px);border-top: 1.5px solid var(--ink)}.pd-bar{position: absolute;left: 0;top: -2.5px;width: 100%;height: 3.5px}.pd-bar i{display: block;height: 100%;background: var(--teal);transform: scaleX(0);transform-origin: 0 50%}@keyframes pd-fill{to{transform: scaleX(1)}}.pd{padding-bottom: 14px}.pd-num{font: 600 11px var(--body);letter-spacing: 0.14em;text-transform: uppercase;color: var(--teal-deep)}.pd h3{margin: 8px 0 8px;font: 600 clamp(24px, 2.7vw, 40px) / 1.05 var(--display);letter-spacing: -0.04em}.pd p{margin: 0;max-width: 40ch;color: var(--muted);font-size: clamp(15px, 1.2vw, 17px);line-height: 1.58}html.js .pd{grid-area: 1 / 1;padding-bottom: 0;opacity: 0;visibility: hidden;translate: 0 12px;transition: opacity 0.4s, translate 0.6s var(--ease), visibility 0s 0.4s}html.js .pd.on{opacity: 1;visibility: visible;translate: 0 0;transition: opacity 0.45s 0.12s, translate 0.6s var(--ease) 0.12s}@media (max-width: 900px){.proc-stage{grid-template-columns: minmax(0, 1fr);row-gap: 6px}.proc-left{display: contents}.proc-word{order: 1;margin-bottom: 4px}.proc-bubbles{order: 2;justify-self: center;max-width: 440px;margin-bottom: clamp(18px, 5vw, 30px)}.proc-detail{order: 3}}@media (prefers-reduced-motion: reduce){html.js .proc-bubbles:not(.in) .bub{opacity: 1;scale: 1}}.about .stats{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 0;max-width: 35rem;margin: clamp(24px, 2.8vw, 40px) 0 0;padding: 0;border: 0;border-top: 1.5px solid var(--ink)}.about .stat{padding: clamp(14px, 1.6vw, 22px) 12px 0 0}.about .stat + .stat{padding-left: clamp(12px, 1.6vw, 22px);border-left: 1px solid var(--line)}.about .stat b{display: block;font: 600 clamp(34px, 3.9vw, 62px) / 0.95 var(--display);letter-spacing: -0.055em;color: var(--ink);-webkit-text-stroke: 0;font-variant-numeric: tabular-nums}.about .stat b i{font-style: normal;color: var(--teal-text)}.about .stat > span{display: block;margin-top: 8px;font: 600 10.5px / 1.45 var(--body);letter-spacing: 0.12em;text-transform: uppercase;color: var(--muted)}.tools-sec{padding-top: clamp(40px, 5.5vw, 88px)}.contact-body{padding-top: clamp(44px, 6.5vw, 100px)}.facts{padding: clamp(28px, 4vw, 64px) 0 clamp(10px, 2vw, 28px)}.facts-grid{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);column-gap: clamp(24px, 5vw, 90px);row-gap: 28px;align-items: center}.stats.stat-blobs{display: flex;align-items: center;gap: 0;max-width: none;margin: 0;padding: 0 0 4%;border: 0}.stat-blobs .stat{flex: none;display: grid;place-content: center;justify-items: center;text-align: center;aspect-ratio: 1.08;padding: 0 6%;border: 0;color: var(--cream);animation: bub-float 6s ease-in-out infinite}.stat-blobs .stat:nth-child(1){width: 39%;background: var(--ink);border-radius: 58% 42% 55% 45% / 52% 60% 40% 48%;rotate: -4deg;z-index: 1}.stat-blobs .stat:nth-child(2){width: 35%;margin: 16% 0 0 -5%;background: var(--teal-strong);border-radius: 44% 56% 48% 52% / 60% 44% 56% 40%;rotate: 3deg;animation-delay: -2s;z-index: 2}.stat-blobs .stat:nth-child(3){width: 31%;margin: -14% 0 0 -4%;background: var(--mint);color: var(--ink);border-radius: 52% 48% 62% 38% / 44% 58% 42% 56%;rotate: -3deg;animation-delay: -4s}.stat-blobs .stat + .stat{border-left: 0;padding-left: 6%}.stat-blobs .stat b{display: block;font: 600 clamp(34px, 5.6vw, 92px) / 0.9 var(--display);letter-spacing: -0.06em;color: inherit;-webkit-text-stroke: 0;font-variant-numeric: tabular-nums}.stat-blobs .stat b i{font-style: normal;color: var(--teal-soft)}.stat-blobs .stat:nth-child(3) b i{color: var(--teal-text)}.stat-blobs .stat > span{display: block;margin-top: clamp(4px, 0.6vw, 10px);max-width: 11ch;font: 600 clamp(9px, 0.85vw, 11.5px) / 1.35 var(--body);letter-spacing: 0.1em;text-transform: uppercase;color: inherit;opacity: 0.9}.skill-cloud{display: flex;flex-wrap: wrap;gap: clamp(8px, 0.9vw, 12px);align-content: center}.sk{display: inline-block;padding: clamp(10px, 1vw, 14px) clamp(16px, 1.6vw, 24px);border: 1.5px solid var(--ink);border-radius: 60px 44px 56px 40px / 40px 56px 44px 60px;font: 600 clamp(15px, 1.5vw, 21px) / 1.1 var(--display);letter-spacing: -0.02em;rotate: var(--r, 0deg);transition: opacity 0.6s var(--ease) var(--d, 0ms), transform 0.7s var(--ease) var(--d, 0ms), background 0.5s, color 0.5s, border-color 0.5s, border-radius 0.9s var(--ease), rotate 0.6s var(--ease)}.sk:nth-child(3n){border-radius: 44px 60px 40px 56px / 56px 40px 60px 44px}.sk.on, .sk:active{background: var(--ink);color: var(--cream);border-radius: 44px 58px 46px 60px / 58px 44px 58px 42px;rotate: 0deg}@media (hover: hover){.sk:hover{background: var(--ink);color: var(--cream);rotate: 0deg}}@media (max-width: 900px){.facts-grid{grid-template-columns: minmax(0, 1fr)}.stats.stat-blobs{max-width: 460px;margin: 0 auto;width: 100%}}.facts-row{display: grid;grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);column-gap: clamp(24px, 5vw, 90px);align-items: center}.facts-row .section-head{margin-bottom: 0}.facts-row .stats.stat-blobs{max-width: 560px;justify-self: end;width: 100%}@media (max-width: 900px){.facts-row{grid-template-columns: minmax(0, 1fr);row-gap: 20px}.facts-row .stats.stat-blobs{justify-self: center;max-width: 440px}}.phrase-row{position: relative}.phrase-detail{margin: clamp(-10px, -0.6vw, -4px) 0 0 0.1em;padding-bottom: clamp(8px, 1vw, 16px);font: 500 clamp(14px, 1.35vw, 19px) / 1.5 var(--body);color: var(--teal-soft);transition: opacity 0.5s ease, transform 0.6s var(--ease)}.phrase-detail i{font-style: normal;margin: 0 0.5em;opacity: 0.6}.skillshow.live .phrase-detail{opacity: 0;transform: translateX(-8px)}.skillshow.live .phrase-row.active .phrase-detail{opacity: 1;transform: translateX(0.6em)}.bub span{font-size: clamp(11.5px, 0.95vw, 13.5px)}.stat-blobs .stat > span{font-size: clamp(10px, 0.85vw, 11.5px);letter-spacing: 0.06em}.brand{min-height: 44px;min-width: 44px}html.seen .loader{display: none}@media (max-width: 760px){.nav nav a.opt{display: none}}.contact .btn{text-transform: none}.contact .socials{margin-top: clamp(18px, 2vw, 28px);gap: 10px}.contact .socials a{min-height: 46px;padding: 10px 22px;font-size: 14px}.footer-mail{overflow-wrap: anywhere}.fab{position: fixed;right: 14px;bottom: max(14px, env(safe-area-inset-bottom));z-index: 44;display: none;align-items: center;gap: 8px;min-height: 48px;padding: 0 20px;border-radius: 999px;background: var(--ink);color: var(--cream);font-size: 14px;font-weight: 600;text-decoration: none;box-shadow: 0 10px 30px rgba(22, 48, 45, 0.25);opacity: 0;visibility: hidden;translate: 0 14px;transition: opacity 0.3s, translate 0.4s var(--ease), visibility 0s 0.3s, scale 0.3s}.fab i{font-style: normal}.fab.on{opacity: 1;visibility: visible;translate: 0 0;transition: opacity 0.3s, translate 0.4s var(--ease), scale 0.3s}.fab:active{scale: 0.95}@media (max-width: 900px){.fab{display: inline-flex}}.stack-card{max-height: 540px;margin-bottom: 4vh}@media (max-width: 900px){.stack-card{max-height: 480px;margin-bottom: 3vh}}.tools-sec h2{font-family: var(--display);letter-spacing: -0.045em;font-size: clamp(42px, 7.4vw, 124px);line-height: 1.02}.statement{padding: clamp(32px, 4.5vw, 72px) 0}#work{padding-top: clamp(8px, 1.5vw, 24px)}.index, .process, .facts, .tools-sec{padding-top: clamp(40px, 5.5vw, 88px);padding-bottom: 0}.skillshow{margin-top: clamp(40px, 5.5vw, 88px)}.contact-body{padding-top: clamp(48px, 7vw, 110px)}.stack-card{max-height: 500px}@media (max-width: 900px){.stack-card{max-height: 430px;min-height: 340px}.stack-text h3{font-size: clamp(30px, 8.6vw, 60px)}}.contact{text-align: left}.contact-body{display: grid;grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);column-gap: clamp(28px, 6vw, 110px);row-gap: 34px;align-items: end}.contact-lead{position: relative}.contact h2{margin: 0;font-size: clamp(54px, 9.6vw, 170px);line-height: 0.96;text-wrap: balance}.blob-cta{display: inline-grid;place-content: center;justify-items: center;row-gap: 2px;margin-top: clamp(22px, 3vw, 40px);width: clamp(132px, 13vw, 190px);aspect-ratio: 1.12;text-decoration: none;text-align: center;background: var(--teal-strong);color: var(--cream);font: 600 clamp(15px, 1.4vw, 19px) / 1.1 var(--display);letter-spacing: -0.02em;border-radius: 58% 42% 55% 45% / 52% 60% 40% 48%;rotate: -6deg;animation: blob-shape 7s ease-in-out infinite;transition: opacity 0.6s var(--ease), transform 0.7s var(--ease), background 0.4s, rotate 0.6s var(--ease), scale 0.4s var(--ease)}.blob-cta i{font-style: normal;font-size: 1.3em;transition: translate 0.5s var(--ease)}.blob-cta:hover{background: var(--ink);rotate: 0deg}.blob-cta:hover i{translate: 6px 0}.blob-cta:active{scale: 0.94}.contact-list{border-top: 1.5px solid var(--ink)}.c-row{position: relative;isolation: isolate;display: grid;grid-template-columns: clamp(70px, 8vw, 110px) minmax(0, 1fr) auto;column-gap: 14px;align-items: baseline;padding: clamp(16px, 1.9vw, 26px) clamp(0px, 1vw, 14px);border-bottom: 1px solid var(--line);text-decoration: none;min-height: 56px;transition: opacity 0.6s var(--ease) var(--d, 0ms), transform 0.7s var(--ease) var(--d, 0ms), color 0.35s, padding 0.5s var(--ease)}.c-row::before{content: "";position: absolute;inset: 0;z-index: -1;background: var(--ink);transform: scaleY(0);transform-origin: 50% 100%;transition: transform 0.45s var(--ease)}.c-label{font: 600 11px var(--body);letter-spacing: 0.14em;text-transform: uppercase;color: var(--teal-deep);transition: color 0.35s}.c-value{font: 600 clamp(18px, 2.1vw, 30px) / 1.15 var(--display);letter-spacing: -0.03em;overflow-wrap: anywhere}.c-arrow{font-size: clamp(18px, 1.8vw, 24px);transition: translate 0.5s var(--ease)}.c-row:hover, .c-row:active{color: var(--cream);padding-left: clamp(10px, 1.6vw, 22px)}.c-row:hover::before, .c-row:active::before{transform: scaleY(1)}.c-row:hover .c-label, .c-row:active .c-label{color: var(--teal-soft)}.c-row:hover .c-arrow{translate: 6px 0}.c-empty{margin: 0;padding: 20px 0;color: var(--muted)}@media (max-width: 900px){.contact-body{grid-template-columns: minmax(0, 1fr)}.blob-cta{margin-top: 20px}}.footer-logo img{width: clamp(72px, 7vw, 104px);transition: none;will-change: rotate}.footer-brand .footer-name{margin-top: 20px;font-size: clamp(24px, 2.4vw, 36px)}.footer-thanks{margin: 14px 0 0;font: 700 clamp(22px, 2vw, 28px) / 1 var(--hand);color: var(--teal-soft);rotate: -3deg;transform-origin: 0 50%}.footer-time{display: inline-flex;align-items: center;gap: 8px}.footer-time::before{content: "";width: 7px;height: 7px;border-radius: 50%;background: var(--teal-soft)}.footer-time b{font-weight: 600;color: var(--cream);font-variant-numeric: tabular-nums}.wordmark.sweep .char{color: #2c4a46;transition: color 0.45s ease, transform 0.8s var(--ease)}.wordmark.sweep .char.lit{color: var(--cream)}@media (max-width: 560px){.footer-bar{justify-content: flex-start;gap: 6px 18px}.footer-bar a{margin-left: -16px}}.contact-body{padding-left: var(--gutter);padding-right: var(--gutter)}.footer-brand .footer-thanks{margin: 14px 0 0;font: 700 clamp(22px, 2vw, 28px) / 1 var(--hand);letter-spacing: 0;color: var(--teal-soft)}.footer-top{display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;gap: 26px 48px;padding-bottom: clamp(26px, 3.4vw, 48px);border-bottom: 1px solid #2c4a46}.footer-top .footer-brand{display: flex;align-items: center;gap: clamp(16px, 2vw, 28px)}.footer-top .footer-brand .footer-name{margin: 0 0 4px;font-size: clamp(26px, 3vw, 46px)}.footer-side{display: flex;align-items: center;gap: clamp(20px, 3.4vw, 56px)}.footer-side .footer-thanks{margin: 0;font: 700 clamp(30px, 3.6vw, 54px) / 0.9 var(--hand);letter-spacing: 0;color: var(--teal-soft);rotate: -4deg;white-space: nowrap}.footer-clock{display: flex;align-items: center;gap: 14px}.footer-clock svg{width: clamp(54px, 5vw, 74px);flex: none}.footer-clock svg circle{fill: none;stroke: var(--teal-soft);stroke-width: 1.5}.footer-clock svg .pin{fill: var(--cream);stroke: none}.footer-clock svg .ticks{stroke: var(--teal-soft);stroke-width: 1.5;stroke-linecap: round}.footer-clock svg .hand{stroke: var(--cream);stroke-width: 2.2;stroke-linecap: round}.footer-clock svg .sec{stroke: var(--teal-soft);stroke-width: 1.2;transition: transform 0.25s cubic-bezier(0.3, 1.6, 0.5, 1)}.footer-clock b{display: block;font: 600 clamp(30px, 3.4vw, 52px) / 1 var(--display);letter-spacing: -0.04em;color: var(--cream);font-variant-numeric: tabular-nums}.footer-clock b i{font-style: normal;margin: 0 0.04em;animation: colon 1s steps(2, jump-none) infinite}@keyframes colon{50%{opacity: 0.25}}.footer-clock span{display: block;margin-top: 6px;font: 600 10.5px var(--body);letter-spacing: 0.12em;text-transform: uppercase;color: var(--teal-soft);white-space: nowrap}.footer-nav{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;column-gap: clamp(24px, 5vw, 80px);row-gap: 28px;align-items: start;padding: clamp(26px, 3.4vw, 48px) 0 clamp(30px, 4vw, 56px)}.footer-up{justify-self: end;align-self: center;display: grid;place-content: center;justify-items: center;row-gap: 2px;width: clamp(112px, 10vw, 150px);aspect-ratio: 1.1;text-decoration: none;text-align: center;background: var(--teal-strong);color: var(--cream);border-radius: 58% 42% 55% 45% / 52% 60% 40% 48%;rotate: 6deg;font: 600 clamp(12px, 1vw, 14px) / 1.15 var(--body);animation: blob-shape 8s ease-in-out infinite;transition: opacity 0.6s var(--ease), transform 0.7s var(--ease), background 0.4s, rotate 0.6s var(--ease), scale 0.4s var(--ease)}.footer-up i{font-style: normal;font-size: 1.9em;line-height: 1;animation: hop-up 2.2s ease-in-out infinite}@keyframes hop-up{0%, 60%, 100%{translate: 0 0}30%{translate: 0 -6px}}.footer-up:hover{background: var(--cream);color: var(--ink);rotate: 0deg}.footer-up:active{scale: 0.93}.footer-bar{justify-content: space-between}@media (max-width: 900px){.footer-side{width: 100%;justify-content: space-between}}@media (max-width: 560px){.footer-side{flex-direction: column;align-items: flex-start;gap: 18px}.footer-nav{grid-template-columns: minmax(0, 1fr) minmax(0, 1fr)}.footer-up{grid-column: 1 / -1;justify-self: start}}.blob-cta{pointer-events: none;animation: blob-shape 7s ease-in-out infinite, bub-float 5s ease-in-out infinite}.blob-cta i{display: block;font-size: 1.7em;line-height: 1;animation: hop-down 1.6s ease-in-out infinite;transition: none}@keyframes hop-down{0%, 55%, 100%{translate: 0 0}28%{translate: 0 7px}}@keyframes hop-right{0%, 55%, 100%{translate: 0 0}28%{translate: 7px 0}}@media (min-width: 901px){.blob-cta i{rotate: -90deg;animation-name: hop-right}}.c-row::after{content: "";position: absolute;inset: 0;z-index: -1;background: var(--mint);transform: scaleX(0);transform-origin: 0 50%;pointer-events: none}html.js .c-row.in::after{animation: row-wink 1.2s var(--ease) calc(var(--d, 0ms) + 500ms) 1 both}@keyframes row-wink{0%{transform: scaleX(0);transform-origin: 0 50%}50%{transform: scaleX(1);transform-origin: 0 50%}50.1%{transform: scaleX(1);transform-origin: 100% 50%}100%{transform: scaleX(0);transform-origin: 100% 50%}}.c-arrow{animation: nudge-right 2.8s ease-in-out infinite}.c-row:nth-child(2) .c-arrow{animation-delay: 0.3s}.c-row:nth-child(3) .c-arrow{animation-delay: 0.6s}.footer-side .footer-thanks{position: relative;rotate: 0deg;padding-bottom: 0.22em}.footer-side .footer-thanks .doodle{position: absolute;left: 0;bottom: 0;width: 100%;height: 0.24em;color: var(--teal-soft)}.footer-nav{padding-bottom: clamp(22px, 3vw, 40px)}.footer-bar{border-top: 1px solid #2c4a46}.footer-side .footer-thanks{display: inline-flex;align-items: center;gap: 0.3em;padding-bottom: 0}.footer-side .footer-thanks .doodle.heart{position: static;flex: none;width: 0.62em;height: auto;color: var(--teal-soft);rotate: 8deg}.about{padding-bottom: clamp(28px, 4vw, 64px)}.about .wrap{align-items: start}.note{position: relative;max-width: 35rem;margin: clamp(34px, 3.6vw, 52px) 0 0;padding: clamp(24px, 2.6vw, 34px) clamp(20px, 2.4vw, 32px) clamp(20px, 2.2vw, 28px);border: 1.5px solid var(--ink);border-radius: 30px 12px 28px 14px / 14px 28px 12px 30px;background: radial-gradient(circle, rgba(22, 48, 45, 0.16) 1px, rgba(22, 48, 45, 0) 1.5px) 0 0 / 16px 16px, #fffdf8;box-shadow: 6px 7px 0 rgba(22, 48, 45, 0.08);rotate: -1.6deg;transform-origin: 12% 0;transition: opacity 0.6s var(--ease), transform 0.7s var(--ease), rotate 1s cubic-bezier(0.34, 1.4, 0.64, 1) 0.15s}html.js .note:not(.in){rotate: 5deg}.note .clip{position: absolute;left: clamp(20px, 2.2vw, 32px);top: -30px;width: 27px;rotate: 9deg;color: var(--ink)}.about .note p{max-width: none;margin: 0}.about .note .note-title{display: flex;align-items: center;gap: 10px;margin-bottom: 8px;font: 700 clamp(26px, 2.4vw, 34px) / 1 var(--hand);color: var(--teal-text)}.note .bulb{width: 0.85em;flex: none;color: var(--teal-text);rotate: 10deg;animation: twinkle 5s ease-in-out infinite}.about .note .note-text{font-size: clamp(15.5px, 1.2vw, 17px);line-height: 1.65;color: var(--ink)}@media (max-width: 900px){.note{rotate: -1deg}}.note{max-width: 36rem;margin-top: clamp(46px, 4.6vw, 66px);padding: clamp(40px, 3.8vw, 54px) clamp(22px, 2.6vw, 36px) clamp(24px, 2.6vw, 34px);border: 0;box-shadow: none;color: var(--cream);border-radius: 46px 20px 42px 24px / 24px 42px 20px 46px;background: radial-gradient(120% 90% at 92% 0%, #2a5a53 0%, rgba(42, 90, 83, 0) 62%), linear-gradient(180deg, #153330 0%, #0f2623 100%);rotate: -1.4deg}.note-tab{position: absolute;left: clamp(14px, 1.8vw, 26px);top: 0;translate: 0 -52%;display: grid;place-content: center;padding: 0.5em 1.1em 0.6em;white-space: nowrap;background: var(--teal-strong);color: var(--cream);font: 700 clamp(24px, 2.2vw, 31px) / 1 var(--hand);border-radius: 58% 42% 55% 45% / 52% 60% 40% 48%;rotate: -5deg;animation: blob-shape 7s ease-in-out infinite, bub-float 5s ease-in-out infinite;transition: scale 0.7s cubic-bezier(0.34, 1.5, 0.64, 1) 0.35s}html.js .note:not(.in) .note-tab{scale: 0.3}.note .clip{left: auto;right: clamp(22px, 2.6vw, 38px);top: -28px;width: 26px;rotate: -8deg;color: var(--teal-soft)}.note .clip path{stroke-width: 2.2}.note-dots{position: absolute;right: clamp(60px, 6vw, 86px);top: clamp(18px, 1.8vw, 24px);display: flex;gap: 6px}.note-dots i{width: 8px;height: 8px;border-radius: 50%;background: var(--teal-soft);animation: dot-pop 2.4s var(--ease) infinite}.note-dots i:nth-child(1){background: var(--cream)}.note-dots i:nth-child(2){animation-delay: 0.15s}.note-dots i:nth-child(3){animation-delay: 0.3s}.about .note .note-text{color: #e9efec;font-size: clamp(15.5px, 1.25vw, 17.5px);line-height: 1.68}.about .note .note-text em{display: block;margin-top: 10px;font: 700 clamp(22px, 2vw, 28px) / 1.15 var(--hand);font-style: normal;color: var(--teal-soft)}@media (max-width: 900px){.note{rotate: -1deg}}.note{border-radius: clamp(22px, 2.2vw, 30px);rotate: 0deg;padding-top: clamp(44px, 4vw, 58px)}html.js .note:not(.in){rotate: 2.5deg}@media (max-width: 900px){.note{rotate: 0deg}}.note-tab{left: clamp(16px, 2vw, 28px);translate: 0 -50%;padding: 0.62em 1.5em 0.74em;font-size: clamp(25px, 2.3vw, 32px);border-radius: 62% 38% 54% 46% / 58% 52% 48% 42%;rotate: -3deg;box-shadow: 0 8px 20px rgba(15, 38, 35, 0.22);animation: bub-float 5s ease-in-out infinite}.note .clip{top: -30px;rotate: 6deg}html.js .note:not(.in) .note-tab{scale: 1}.note-tab{translate: 0 -62%;transition: none;animation: tab-float 5s ease-in-out infinite}@keyframes tab-float{50%{transform: translateY(-6px)}}.note{padding-top: clamp(52px, 4.6vw, 66px)}.count-wrap{align-self: flex-end;margin-bottom: clamp(8px, 1.5vw, 26px)}.section-head .count{align-self: center}.about p, .hero .lede, .note-text, .pd p{text-wrap: pretty}.ar, .ar .word, .ar .char{letter-spacing: 0 !important;font-family: "Geeza Pro", "Noto Naskh Arabic", "Segoe UI", Tahoma, var(--display)}.project-head h1.ar{text-align: left;line-height: 1.2}.row h3 .ar{display: inline-block;line-height: 1.3}h1 em, h2 em, h3 em, .word.em, .hero h1 .word.em{font-family: var(--hand);font-style: normal;font-weight: 700;font-size: 1.18em;line-height: 1;letter-spacing: 0;color: var(--teal-text)}.hero-note em, .side-note em, .count-note em, .footer-side .footer-thanks, .note-tab, .about .note .note-text em{font-family: var(--hand);font-style: normal;font-weight: 700;font-size: clamp(23px, 2.1vw, 29px);line-height: 1.1;letter-spacing: 0;rotate: 0deg;translate: none;animation: none}.hero-note em, .side-note em, .count-note em{color: var(--teal-text)}.footer-side .footer-thanks, .about .note .note-text em{color: var(--teal-soft)}.note-tab{color: var(--cream);rotate: 0deg;animation: tab-float 5s ease-in-out infinite}.side-note, .hero-note{align-items: center;color: var(--teal-text)}.charscene{--cs-dark: #153330;position: relative;margin-top: clamp(40px, 5.5vw, 88px);color: var(--cream);background: var(--cs-dark);border-radius: clamp(24px, 4vw, 56px) clamp(24px, 4vw, 56px) 0 0}.charscene + .skillshow{margin-top: -1px;border-top-left-radius: 0;border-top-right-radius: 0;padding-top: clamp(36px, 5vw, 80px);background: radial-gradient(90% 60% at 0% 100%, #1e4a43 0%, rgba(30, 74, 67, 0) 60%), linear-gradient(180deg, #153330 0%, #0f2623 100%)}.cs-stage{display: grid;grid-template-columns: clamp(120px, 20vw, 240px) minmax(0, 1fr);align-items: center;gap: clamp(20px, 4vw, 64px);padding: clamp(40px, 6vw, 90px) var(--gutter)}.cs-rig{position: relative;width: 100%;aspect-ratio: 1}.cs-figure{width: 100%;height: 100%}.cs-iris, .cs-note, .cs-replay{display: none}.cs-line{margin: 0;font: 700 clamp(26px, 4.6vw, 68px)/1.12 var(--display);letter-spacing: -0.02em;color: #7fb0a9;text-wrap: balance}.cs-line .w{display: inline-block}.cs-line .w.hi{color: var(--cream)}@media (max-width: 640px){.cs-stage{grid-template-columns: minmax(0, 1fr)}.cs-rig{width: 150px}}.charscene.live{height: 280vh;background: var(--teal)}.live .cs-stage{position: sticky;top: 0;display: block;height: 100vh;height: 100svh;padding: 0;overflow: hidden;overflow: clip;border-radius: inherit}.live .cs-rig{--cs: min(max(94vw, 50vh), 78vh, 820px);position: absolute;left: 50%;top: 52%;width: var(--cs);height: var(--cs);margin: calc(var(--cs) / -2) 0 0 calc(var(--cs) / -2);will-change: transform}.live .cs-figure{transform-origin: 62% 50%;will-change: transform}.live .cs-iris{display: block;position: absolute;left: 62%;top: 50%;width: 8%;aspect-ratio: 1;border-radius: 50%;background: var(--cs-dark);opacity: 0;transform: translate(-50%, -50%);will-change: transform;pointer-events: none}.live .cs-note{display: inline-flex;position: absolute;left: 50%;bottom: clamp(74px, 12vh, 120px);translate: -50% 0;color: var(--cream);opacity: 0;pointer-events: none}.live .cs-note em{color: var(--cream);animation: none}.live .cs-note .arrow{width: 40px;stroke: var(--cream);fill: none;stroke-width: 2.4;stroke-linecap: round;stroke-linejoin: round;rotate: -70deg}.live .cs-line{position: absolute;inset: 0;display: flex;flex-wrap: wrap;align-content: center;justify-content: center;column-gap: 0.26em;padding: 90px max(var(--gutter), 6vw) 80px;text-align: center;font-size: clamp(30px, 6.2vw, 92px);visibility: hidden}.live .cs-line .w{opacity: var(--a, 0);transform: translateY(calc((1 - var(--a, 0)) * 0.35em))}.live .cs-replay{display: inline-flex;align-items: center;gap: 6px;position: absolute;left: clamp(16px, 3vw, 40px);bottom: clamp(16px, 3vw, 34px);padding: 8px 14px;border: 1px solid rgba(252, 250, 244, 0.45);border-radius: 999px;background: transparent;color: var(--cream);font: 600 12px/1 var(--body);letter-spacing: 0.08em;text-transform: uppercase;cursor: pointer;opacity: 0;transition: opacity 0.4s, background 0.3s}.live .cs-replay i{font-style: normal;font-size: 15px;line-height: 1}.live .cs-replay.on{opacity: 0.8}.live .cs-replay:hover, .live .cs-replay:focus-visible{opacity: 1;background: rgba(252, 250, 244, 0.12)}.live .cs-note .arrow path{stroke: var(--cream)}.charscene{margin-top: 0;border-radius: 0}.cs-stage{padding-top: clamp(110px, 14vw, 170px)}.cs-copy{display: grid;gap: clamp(14px, 2vw, 26px);justify-items: start}.cs-copy .eyebrow{color: var(--teal-soft);margin: 0}.cs-line{font-size: clamp(26px, 4.4vw, 64px)}.cs-actions{display: flex;flex-wrap: wrap;gap: 12px}.charscene .btn.ghost{color: var(--cream);box-shadow: inset 0 0 0 1.5px rgba(252, 250, 244, 0.7)}.charscene .btn.ghost::before{background: var(--cream)}.charscene .btn.ghost:hover{color: var(--ink)}.charscene .btn.light:hover{color: var(--ink)}.charscene .btn.light::before{background: var(--teal-soft)}.cs-loading{display: none}.charscene.live{height: 300vh}.live .cs-stage{padding: 0}.live .cs-stage.is-dark{background: var(--cs-dark)}.live .cs-rig{top: 53%}.live .cs-figure .ch{animation: cs-arrive 1s var(--ease) both}@keyframes cs-arrive{from{opacity: 0;transform: translateY(26px) scale(0.92)}to{opacity: 1;transform: none}}.live .cs-copy{position: absolute;inset: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: clamp(16px, 2.4vw, 30px);padding: 96px max(var(--gutter), 6vw) 84px;text-align: center;visibility: hidden}.live .cs-line{position: static;inset: auto;padding: 0;visibility: inherit;font-size: clamp(29px, 5.6vw, 84px);max-width: 17em}.live .cs-extra{opacity: var(--b, 0);transform: translateY(calc((1 - var(--b, 0)) * 14px));pointer-events: none}.live .cs-copy.ready .cs-extra{pointer-events: auto}.live .cs-actions{justify-content: center}.live .cs-note{transition: opacity 0.5s}.live .cs-loading{display: flex;gap: 9px;position: absolute;left: 50%;bottom: clamp(84px, 13vh, 130px);translate: -50% 0;opacity: 0;transition: opacity 0.4s;pointer-events: none}.live.is-loading .cs-loading{opacity: 1}.cs-loading i{width: 11px;height: 11px;border-radius: 50%;background: var(--cream);animation: cs-dot 0.9s ease-in-out infinite}.cs-loading i:nth-child(2){animation-delay: 0.15s}.cs-loading i:nth-child(3){animation-delay: 0.3s}@keyframes cs-dot{0%, 100%{transform: translateY(0);opacity: 0.5}50%{transform: translateY(-9px);opacity: 1}}@media (max-height: 620px){.live .cs-line{font-size: clamp(24px, 4.6vw, 60px)}}.charscene.live + .sheet{margin-top: calc(-1 * clamp(24px, 4vw, 56px));border-radius: clamp(24px, 4vw, 56px) clamp(24px, 4vw, 56px) 0 0}.charscene + .sheet .about{padding-top: clamp(56px, 8vw, 120px)}.workcta{padding: clamp(40px, 5.5vw, 88px) 0 0}.workcta-card{position: relative;display: flex;align-items: center;justify-content: space-between;gap: clamp(20px, 4vw, 60px);padding: clamp(28px, 4.6vw, 72px);border-radius: clamp(24px, 4vw, 56px);background: var(--mint);color: var(--ink);text-decoration: none;overflow: hidden;transition: background 0.5s var(--ease)}.workcta-card::before{content: "";position: absolute;right: -8%;top: -60%;width: 46%;aspect-ratio: 1;border-radius: 58% 42% 55% 45% / 48% 56% 44% 52%;background: var(--teal-soft);opacity: 0.55;animation: cta-drift 9s ease-in-out infinite alternate}@keyframes cta-drift{to{transform: translate(-8%, 14%) rotate(24deg)}}.workcta-text{position: relative;display: grid;gap: clamp(8px, 1.2vw, 16px);min-width: 0}.workcta-text .eyebrow{margin: 0}.workcta-title{font: 800 clamp(34px, 6vw, 96px)/1.02 var(--display);letter-spacing: -0.03em}.workcta-title em{font: 700 1.18em/1 var(--hand);font-style: normal;color: var(--teal-text);letter-spacing: 0}.workcta-meta{color: var(--muted);font-size: clamp(14px, 1.2vw, 17px);max-width: 46ch}.workcta-go{position: relative;flex: none;display: grid;place-items: center;align-content: center;gap: 4px;width: clamp(118px, 15vw, 190px);aspect-ratio: 1;border-radius: 56% 44% 52% 48% / 46% 54% 46% 54%;background: var(--ink);color: var(--cream);font: 600 clamp(12px, 1vw, 14px)/1.2 var(--body);letter-spacing: 0.08em;text-transform: uppercase;text-align: center;animation: cta-bob 3.2s ease-in-out infinite;transition: background 0.4s, scale 0.5s var(--ease)}.workcta-go i{font-style: normal;font-size: 1.9em;line-height: 1;animation: cta-nudge 1.6s ease-in-out infinite}@keyframes cta-bob{0%, 100%{translate: 0 0;rotate: -3deg}50%{translate: 0 -8px;rotate: 3deg}}@keyframes cta-nudge{0%, 100%{transform: translateX(0)}50%{transform: translateX(6px)}}.workcta-card:hover .workcta-go, .workcta-card:focus-visible .workcta-go{background: var(--teal-deep);scale: 1.06}@media (max-width: 700px){.workcta-card{flex-direction: column;align-items: flex-start}.workcta-go{align-self: flex-end;margin-top: -6px}}@media (prefers-reduced-motion: reduce){.workcta-go, .workcta-go i, .workcta-card::before, .cs-loading i{animation: none}}.work-page{background: var(--cream);padding-top: clamp(104px, 12vw, 160px)}.work-page > #work .eyebrow{margin-bottom: clamp(8px, 1vw, 14px)}.work-page .section-head h1{font-size: clamp(42px, 7.4vw, 124px);line-height: 1.02;padding-right: 0.08em}.live .cs-note, .live .cs-loading{bottom: clamp(22px, 4.5vh, 46px)}@media (max-width: 700px){.live .cs-note, .live .cs-loading{bottom: clamp(84px, 13vh, 130px)}}.workcta-card{background: var(--teal);color: var(--cream);align-items: stretch;min-height: clamp(300px, 34vw, 500px);padding: clamp(26px, 4.4vw, 68px)}.workcta-card::before{right: auto;left: -12%;top: auto;bottom: -58%;width: 52%;background: var(--teal-deep);opacity: 0.35}.workcta-text{align-content: center;justify-items: start;z-index: 1}.workcta-card .eyebrow{color: var(--cream)}.workcta-card .eyebrow::before{background: var(--cream)}.workcta-title em{color: var(--mint)}.workcta-meta{color: rgba(252, 250, 244, 0.86)}.workcta-btn{margin-top: clamp(6px, 1vw, 14px)}.workcta-card:hover .workcta-btn i{transform: translateX(6px)}.workcta-go{display: none}.workcta-fan{position: relative;flex: none;width: clamp(240px, 36vw, 520px);align-self: stretch;min-height: clamp(210px, 26vw, 380px)}.mini{position: absolute;left: 50%;top: 50%;width: 56%;aspect-ratio: 4 / 5;margin: -35% 0 0 -28%;display: flex;flex-direction: column;gap: 8%;padding: 6% 7% 8%;border-radius: clamp(14px, 1.8vw, 26px);box-shadow: 0 18px 40px -18px rgba(15, 38, 35, 0.55);transform: translate(var(--x0, 0), 8%) rotate(0deg);opacity: 0;transition: transform 1.1s var(--ease), opacity 0.6s}.mini-tab{display: flex;justify-content: space-between;font: 600 clamp(8px, 0.72vw, 11px)/1 var(--body);letter-spacing: 0.1em;text-transform: uppercase;opacity: 0.8}.mini-tab b{font-weight: 600}.mini i{flex: 1;border-radius: 58% 42% 55% 45% / 48% 56% 44% 52%;animation: mini-blob 7s ease-in-out infinite alternate}.mini-name{font: 700 clamp(15px, 1.7vw, 26px)/1 var(--display);letter-spacing: -0.02em}.mini.m1{background: var(--sand);color: var(--ink);z-index: 1;--x: -62%;--r: -11deg;--y: 6%}.mini.m1 i{background: var(--teal-soft)}.mini.m2{background: var(--ink);color: var(--cream);z-index: 2;--x: 62%;--r: 10deg;--y: 9%;transition-delay: 0.08s}.mini.m2 i{background: var(--teal-deep)}.mini.m3{background: var(--cream);color: var(--ink);z-index: 3;--x: 0%;--r: -2deg;--y: -4%;transition-delay: 0.16s}.mini.m3 i{background: var(--mint)}.workcta-card.in .mini{opacity: 1;transform: translate(var(--x), var(--y)) rotate(var(--r));animation: mini-sway 5.4s ease-in-out 1.3s infinite alternate}.workcta-card.in .mini.m2{animation-duration: 6.2s}.workcta-card.in .mini.m3{animation-duration: 4.6s}.workcta-card:hover .mini.m1{--x: -74%;--r: -15deg}.workcta-card:hover .mini.m2{--x: 74%;--r: 14deg}@keyframes mini-sway{from{transform: translate(var(--x), var(--y)) rotate(var(--r))}to{transform: translate(var(--x), calc(var(--y) - 5%)) rotate(calc(var(--r) + 3deg))}}@keyframes mini-blob{to{border-radius: 44% 56% 46% 54% / 56% 44% 58% 42%}}.workcta-note{position: absolute;right: clamp(18px, 3vw, 44px);bottom: clamp(12px, 2vw, 26px);z-index: 4}.workcta-note em{color: var(--cream)}@media (max-width: 760px){.workcta-card{flex-direction: column;align-items: stretch}.workcta-fan{width: 100%;min-height: 250px;margin-top: 6px}.mini{width: 42%;margin: -27% 0 0 -21%}}@media (prefers-reduced-motion: reduce){.mini, .mini i, .workcta-card.in .mini{animation: none}}.work-page{padding-top: clamp(84px, 8vw, 116px)}.work-page > #work{scroll-margin-top: clamp(84px, 8vw, 116px);padding-top: 0}.live .cs-line{max-width: 15em}.live .cs-rig{--cs: min(max(110vw, 58vh), 90vh, 960px)}.tools-sec .uses-lists{grid-template-columns: minmax(0, 3fr) minmax(0, 1fr);column-gap: clamp(28px, 5vw, 90px);row-gap: clamp(30px, 3.6vw, 52px)}.tools-sec .tl-col.g1{grid-column: 1 / -1}.apps{list-style: none;margin: 0;padding: clamp(18px, 2.2vw, 30px) 0 0;display: grid;grid-template-columns: repeat(auto-fill, minmax(clamp(74px, 8.4vw, 124px), 1fr));gap: clamp(16px, 2vw, 30px) clamp(10px, 1.4vw, 22px)}.tl-col .app{display: grid;justify-items: center;gap: 10px;padding: 0;border: 0;text-align: center}.app-ic{position: relative;display: grid;place-items: center;width: clamp(60px, 6.6vw, 96px);aspect-ratio: 1;border-radius: 27%;background: var(--ink);color: var(--cream);box-shadow: 0 14px 26px -16px rgba(22, 48, 45, 0.6);animation: app-wave calc(var(--n) * 0.42s + 2.6s) var(--ease) calc(var(--i) * 0.42s) infinite;will-change: transform}.app-ic b{font: 700 clamp(19px, 2.1vw, 31px)/1 var(--display);letter-spacing: -0.03em}.app-ic::after{content: "";position: absolute;right: 13%;top: 13%;width: 9%;aspect-ratio: 1;border-radius: 50%;background: currentColor;opacity: 0.5}.app:nth-child(5n + 2) .app-ic{background: var(--teal)}.app:nth-child(5n + 3) .app-ic{background: var(--mint);color: var(--ink)}.app:nth-child(5n + 4) .app-ic{background: var(--teal-deep)}.app:nth-child(5n + 5) .app-ic{background: var(--sand);color: var(--ink)}.app:nth-child(3n) .app-ic{border-radius: 46% 54% 50% 50% / 52% 46% 54% 48%}.app-ic.has-img{background: none;box-shadow: none}.app-ic.has-img::after{display: none}.app-ic img{width: 100%;height: 100%;object-fit: contain}.app-name{font: 600 clamp(11.5px, 0.95vw, 13.5px)/1.25 var(--body);color: var(--ink)}@keyframes app-wave{0%, 16%, 100%{transform: translateY(0) rotate(0deg) scale(1)}5%{transform: translateY(-13px) rotate(-7deg) scale(1.08)}10%{transform: translateY(2px) rotate(3deg) scale(0.98)}}.g2 .app-ic, .g3 .app-ic{animation-duration: 3.4s;animation-delay: calc(var(--i) * 0.5s + 0.8s)}@media (max-width: 760px){.tools-sec .uses-lists{grid-template-columns: minmax(0, 1fr)}.apps{grid-template-columns: repeat(4, minmax(0, 1fr))}.g2 .apps, .g3 .apps{grid-template-columns: repeat(4, minmax(0, 1fr))}}@media (prefers-reduced-motion: reduce){.app-ic{animation: none}}.footer{position: relative;overflow: hidden}.footer > .wrap{position: relative;z-index: 1}.footer::before, .footer::after{content: "";position: absolute;border-radius: 58% 42% 55% 45% / 48% 56% 44% 52%;background: var(--teal-deep);opacity: 0.22;pointer-events: none;animation: cta-drift 11s ease-in-out infinite alternate}.footer::before{width: clamp(220px, 34vw, 520px);aspect-ratio: 1;right: -8%;top: -22%}.footer::after{width: clamp(160px, 22vw, 340px);aspect-ratio: 1;left: -6%;bottom: -24%;animation-duration: 14s;animation-direction: alternate-reverse}.footer-me{flex: none;width: clamp(104px, 11vw, 168px);aspect-ratio: 312 / 346;transform: translateY(18%) rotate(-6deg) scale(0.86);opacity: 0;transition: transform 1s var(--ease), opacity 0.6s}.footer-me.in{transform: none;opacity: 1;animation: me-bob 4.6s ease-in-out 1s infinite}@keyframes me-bob{0%, 100%{transform: translateY(0) rotate(0deg)}50%{transform: translateY(-7px) rotate(2.5deg)}}.footer-side{flex-wrap: wrap;row-gap: 18px}@media (max-width: 700px){.footer-me{width: 112px}.footer-side{gap: 16px 20px}}@media (prefers-reduced-motion: reduce){.footer::before, .footer::after, .footer-me.in{animation: none}}.tl-col .app{grid-template-columns: minmax(0, 1fr);align-items: start}.live .cs-rig{--cs: min(max(110vw, 50vh), 90vh, 960px)}@media (min-width: 1000px){.g1 .apps{grid-template-columns: repeat(10, minmax(0, 1fr))}.g1 .app-ic{width: min(100%, 92px)}}@media (min-width: 761px) and (max-width: 999px){.g1 .apps{grid-template-columns: repeat(5, minmax(0, 1fr))}}.tools-sec .uses-lists{display: block}.belt{overflow: hidden;padding: 16px 0 6px;-webkit-mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent);mask-image: linear-gradient(90deg, transparent, #000 9%, #000 91%, transparent)}.belt + .belt{margin-top: clamp(6px, 1vw, 14px)}.belt-track{list-style: none;margin: 0;padding: 0;display: flex;width: max-content;animation: belt 46s linear infinite;will-change: transform}.belt.rev .belt-track{animation-direction: reverse}.belt .app{flex: none;display: grid;grid-template-columns: minmax(0, 1fr);justify-items: center;gap: 12px;width: clamp(104px, 12.5vw, 178px);padding: 0 clamp(6px, 0.8vw, 12px);text-align: center}.belt .app-ic{width: clamp(68px, 7.4vw, 108px);animation: none;transition: transform 0.6s var(--ease)}.belt .app:nth-child(even) .app-ic{transform: translateY(8px)}.belt .app-name{font-size: clamp(12px, 1vw, 14px)}@keyframes belt{to{transform: translateX(-50%)}}@media (hover: hover){.belt:hover .belt-track{animation-play-state: paused}.belt .app:hover .app-ic{transform: translateY(-6px) scale(1.06)}}@media (max-width: 760px){.belt-track{animation-duration: 34s}}@media (prefers-reduced-motion: reduce){.belt{-webkit-mask-image: none;mask-image: none}.belt-track{animation: none;width: auto;flex-wrap: wrap;row-gap: 20px}.belt .app[aria-hidden="true"]{display: none}}.live .cs-rig{--cs: min(max(104vw, 50vh), 90vh, 940px)}.belt{padding: 18px 0 14px}.belt .app{width: auto;padding: 0 clamp(10px, 1.5vw, 24px)}.belt .app-ic{width: clamp(72px, 8vw, 118px);border-radius: 23% !important;box-shadow: 0 16px 28px -18px rgba(22, 48, 45, 0.7), inset 0 0 0 1px rgba(22, 48, 45, 0.08)}.belt .app-ic::after{display: none}.belt .app-ic b{font: 700 clamp(24px, 2.9vw, 44px)/1 var(--display);letter-spacing: -0.04em}.belt .app-ic.has-img{background: none !important;box-shadow: none;border-radius: 0 !important}.belt .app:nth-child(even) .app-ic{transform: translateY(10px)}.footer-top{align-items: center}.footer-hi{display: flex;align-items: center;gap: clamp(6px, 1vw, 14px)}.footer-me{width: clamp(128px, 13vw, 196px)}.footer-side .footer-hi .footer-thanks{position: relative;display: inline-flex;align-items: center;gap: 0.3em;margin: 0 0 clamp(26px, 4vw, 60px);padding: 0.5em 0.85em 0.56em;border-radius: 999px;background: var(--cream);color: var(--ink);font-size: clamp(24px, 2.5vw, 38px);line-height: 1;white-space: nowrap;rotate: 0deg;opacity: 0;transform: translate(-10px, 12px) scale(0.86);transform-origin: 0 100%;transition: transform 0.7s var(--ease) 0.75s, opacity 0.4s 0.75s}.footer-side .footer-hi .footer-thanks::before{content: "";position: absolute;left: 0.55em;bottom: -0.3em;width: 0.62em;height: 0.62em;background: var(--cream);border-radius: 0 0 0 0.5em;transform: skewX(34deg) rotate(8deg)}.footer-side .footer-hi .footer-thanks .doodle.heart{color: var(--teal-text)}.footer-me.in + .footer-thanks{opacity: 1 !important;transform: none !important}@media (max-width: 700px){.footer-me{width: 124px}.footer-side .footer-hi .footer-thanks{font-size: 24px;margin-bottom: 34px}}@media (prefers-reduced-motion: reduce){.footer-side .footer-hi .footer-thanks{opacity: 1;transform: none;transition: none}}h1[data-underline], h2[data-underline]{isolation: isolate}.doodle.underline path{stroke-width: clamp(2.2px, 0.032em, 4.5px)}.doodle.underline.u-loop, .doodle.underline.u-spark, .doodle.underline.u-swash{animation: none;min-height: 0}.doodle.underline.u-loop{color: var(--teal-text)}.doodle.underline.u-swash{z-index: -1;color: var(--teal-soft)}.doodle.underline.u-swash path{stroke-width: 0.36em;stroke-linecap: round;opacity: 0.6}.doodle.underline.u-spark path:nth-child(n + 2){transition-delay: 0.9s}.doodle.underline.u-spark path:nth-child(3){transition-delay: 1s}.doodle.underline.u-spark path:nth-child(4){transition-delay: 1.1s}.doodle.underline.u-spark.in{animation: spark-pulse 3.4s ease-in-out 2s infinite;transform-origin: 90% 20%}@keyframes spark-pulse{0%, 82%, 100%{transform: scale(1)}90%{transform: scale(1.035) rotate(-0.6deg)}}.doodle.underline.u-wave{min-height: 8px}@media (prefers-reduced-motion: reduce){.doodle.underline.u-spark.in{animation: none}}.files .section-head{align-items: flex-end}.files-note{align-items: center;gap: 8px}.files-note .arrow-down{width: 22px}.folders{display: grid;grid-template-columns: repeat(6, minmax(0, 1fr));gap: clamp(12px, 1.8vw, 28px);padding-top: clamp(14px, 2vw, 26px)}.folder{--back: var(--teal-deep);--front: var(--teal);--ink-on: var(--cream);position: relative;display: block;aspect-ratio: 1 / 0.92;padding: 0;border: 0;background: none;color: var(--ink-on);font: inherit;text-align: left;cursor: pointer;perspective: 700px;-webkit-tap-highlight-color: transparent}.folder.f2{--back: #cfc3a8;--front: var(--sand);--ink-on: var(--ink)}.folder.f3{--back: #0d211f;--front: var(--ink);--ink-on: var(--cream)}.folder.f4{--back: var(--teal-soft);--front: var(--mint);--ink-on: var(--ink)}.folder.f5{--back: var(--ink);--front: var(--teal-deep);--ink-on: var(--cream)}.folder.f6{--back: var(--teal);--front: var(--teal-soft);--ink-on: var(--ink)}.folder-back{position: absolute;left: 0;right: 0;top: 14%;bottom: 0;border-radius: 0 clamp(12px, 1.4vw, 20px) clamp(12px, 1.4vw, 20px) clamp(12px, 1.4vw, 20px);background: var(--back)}.folder-back::before{content: "";position: absolute;left: 0;bottom: 100%;width: 46%;height: 17%;margin-bottom: -1px;border-radius: clamp(8px, 1vw, 14px) clamp(8px, 1vw, 14px) 0 0;background: var(--back)}.folder-paper{position: absolute;left: 9%;right: 9%;top: 20%;height: 60%;border-radius: 8px;background: var(--cream);box-shadow: 0 6px 14px -8px rgba(15, 38, 35, 0.5);transition: transform 0.7s var(--ease);animation: paper-peek 5.5s ease-in-out calc(var(--i) * 0.6s) infinite}.folder-paper.p1{transform: translateY(0) rotate(-3deg)}.folder-paper.p2{left: 14%;right: 6%;background: #fff;transform: translateY(6%) rotate(2deg);animation-delay: calc(var(--i) * 0.6s + 0.2s)}.folder-paper i{position: absolute;left: 12%;top: 12%;width: 34%;aspect-ratio: 1;border-radius: 58% 42% 55% 45% / 48% 56% 44% 52%;background: var(--front);opacity: 0.85}.folder-paper.p2 i{left: auto;right: 12%;width: 26%;background: var(--back);opacity: 0.5}@keyframes paper-peek{0%, 70%, 100%{translate: 0 0}80%{translate: 0 -9%}90%{translate: 0 -3%}}.folder-front{position: absolute;left: 0;right: 0;bottom: 0;height: 66%;display: grid;grid-template-rows: auto 1fr auto;padding: clamp(10px, 1.2vw, 18px) clamp(11px, 1.3vw, 20px);border-radius: clamp(10px, 1.2vw, 16px) clamp(12px, 1.4vw, 20px) clamp(12px, 1.4vw, 20px) clamp(12px, 1.4vw, 20px);background: var(--front);box-shadow: 0 -8px 18px -12px rgba(15, 38, 35, 0.45);transform-origin: 50% 100%;transition: transform 0.7s var(--ease)}.folder-count{font: 600 clamp(10px, 0.85vw, 12px)/1 var(--body);letter-spacing: 0.12em;opacity: 0.8}.folder-name{align-self: end;font: 700 clamp(15px, 1.75vw, 27px)/1.05 var(--display);letter-spacing: -0.03em}.folder-open{margin-top: 6px;font: 600 clamp(10px, 0.82vw, 12px)/1 var(--body);letter-spacing: 0.1em;text-transform: uppercase;opacity: 0.75}.folder-open i{display: inline-block;font-style: normal;transition: translate 0.4s var(--ease)}.folder[aria-expanded="true"] .folder-front{transform: rotateX(-24deg)}.folder[aria-expanded="true"] .folder-paper{animation: none}.folder[aria-expanded="true"] .folder-paper.p1{transform: translateY(-22%) rotate(-5deg)}.folder[aria-expanded="true"] .folder-paper.p2{transform: translateY(-12%) rotate(4deg)}.folder[aria-expanded="true"] .folder-open{opacity: 1}.folder[aria-expanded="true"] .folder-open i{rotate: 90deg}.folder:focus-visible{outline: 2px solid var(--teal-deep);outline-offset: 6px;border-radius: 14px}.folder:active .folder-front{transform: rotateX(-14deg)}@media (hover: hover){.folder:hover .folder-front{transform: rotateX(-18deg)}.folder:hover .folder-paper.p1{transform: translateY(-14%) rotate(-5deg)}.folder:hover .folder-open i{translate: 5px 0}}.folder-panel{--tone: var(--teal);--tone-ink: var(--cream);margin-top: clamp(26px, 3.4vw, 50px)}.folder-panel.f2{--tone: var(--sand);--tone-ink: var(--ink)}.folder-panel.f3{--tone: var(--ink);--tone-ink: var(--cream)}.folder-panel.f4{--tone: var(--mint);--tone-ink: var(--ink)}.folder-panel.f5{--tone: var(--teal-deep);--tone-ink: var(--cream)}.folder-panel.f6{--tone: var(--teal-soft);--tone-ink: var(--ink)}.fp-tab{display: inline-flex;align-items: center;min-width: clamp(130px, 18vw, 240px);padding: 12px clamp(18px, 2.4vw, 32px) 10px;border-radius: clamp(14px, 1.6vw, 22px) clamp(14px, 1.6vw, 22px) 0 0;background: var(--tone);color: var(--tone-ink);font: 600 11px/1 var(--body);letter-spacing: 0.14em;text-transform: uppercase}.fp-tab span::before{content: "";display: inline-block;width: 7px;height: 7px;margin-right: 10px;border-radius: 50%;background: currentColor}.fp-body{margin-top: -1px;padding: clamp(18px, 2.6vw, 40px);border-radius: 0 clamp(20px, 3vw, 44px) clamp(20px, 3vw, 44px) clamp(20px, 3vw, 44px);background: var(--tone);color: var(--tone-ink)}.fp-head{display: flex;align-items: baseline;justify-content: space-between;gap: 16px;margin-bottom: clamp(16px, 2vw, 28px)}.fp-head h3{margin: 0;font: 700 clamp(30px, 4.6vw, 72px)/1 var(--display);letter-spacing: -0.04em}.fp-head span{font: 600 11px/1 var(--body);letter-spacing: 0.12em;text-transform: uppercase;white-space: nowrap;opacity: 0.85}.fp-empty{margin: 0;font-size: 16px;opacity: 0.85}.fp-grid{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: clamp(12px, 1.6vw, 24px)}.fcard{position: relative;display: grid;gap: 12px;padding: clamp(8px, 0.9vw, 12px) clamp(8px, 0.9vw, 12px) clamp(12px, 1.2vw, 16px);border-radius: clamp(14px, 1.6vw, 22px);background: var(--cream);color: var(--ink);text-decoration: none;opacity: 0;transform: translateY(26px) rotate(-1.5deg);transition: transform 0.8s var(--ease) var(--d, 0ms), opacity 0.5s var(--d, 0ms), box-shadow 0.4s}.folder-panel.open .fcard{opacity: 1;transform: none}.fcard-media{position: relative;display: block;aspect-ratio: 4 / 3;border-radius: clamp(10px, 1.1vw, 14px);overflow: hidden}.fcard-media img{width: 100%;height: 100%;object-fit: cover}.fcard-text{display: grid;gap: 4px;padding: 0 44px 0 6px}.fcard-text b{font: 700 clamp(17px, 1.6vw, 24px)/1.1 var(--display);letter-spacing: -0.03em}.fcard-text small{font: 500 13px/1.3 var(--body);color: var(--muted)}.fcard-go{position: absolute;right: clamp(12px, 1.2vw, 16px);bottom: clamp(12px, 1.2vw, 16px);display: grid;place-items: center;width: 34px;height: 34px;border-radius: 50%;background: var(--ink);color: var(--cream);font-size: 15px;transition: background 0.3s, translate 0.4s var(--ease)}.fcard:hover, .fcard:focus-visible{box-shadow: 0 18px 30px -20px rgba(15, 38, 35, 0.6)}.fcard:hover .fcard-go, .fcard:focus-visible .fcard-go{background: var(--teal-deep);translate: 4px 0}.fcard:active{scale: 0.985}@media (max-width: 980px){.folders{grid-template-columns: repeat(3, minmax(0, 1fr))}.fp-grid{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (max-width: 560px){.folders{grid-template-columns: repeat(3, minmax(0, 1fr));gap: 10px}.folder{aspect-ratio: 1 / 1.02}.folder-name{font-size: 13.5px;letter-spacing: -0.02em}.folder-open{display: none}.fp-grid{grid-template-columns: minmax(0, 1fr)}.fcard{grid-template-columns: 112px minmax(0, 1fr);align-items: center;padding: 8px}.fcard-text{padding: 0 40px 0 2px}.fcard-go{bottom: 50%;translate: 0 50%;right: 12px}.fcard:hover .fcard-go{translate: 4px 50%}}@media (prefers-reduced-motion: reduce){.folder-paper{animation: none}.fcard{opacity: 1;transform: none;transition: none}}.hello{padding: clamp(44px, 6vw, 96px) 0 clamp(40px, 5vw, 80px)}.hello-card{position: relative;display: grid;grid-template-columns: minmax(0, 1fr) auto;align-items: center;gap: clamp(20px, 4vw, 70px);padding: clamp(26px, 5vw, 84px);border-radius: clamp(24px, 4vw, 56px);background: var(--teal);color: var(--cream);overflow: hidden;isolation: isolate}.hello-card::before, .hello-card::after{content: "";position: absolute;z-index: -1;border-radius: 58% 42% 55% 45% / 48% 56% 44% 52%;background: var(--teal-deep);opacity: 0.32;animation: cta-drift 10s ease-in-out infinite alternate;pointer-events: none}.hello-card::before{width: 44%;aspect-ratio: 1;right: -10%;top: -34%}.hello-card::after{width: 30%;aspect-ratio: 1;left: -8%;bottom: -40%;background: var(--mint);opacity: 0.16;animation-duration: 13s;animation-direction: alternate-reverse}.hello-card .eyebrow{color: var(--cream);margin: 0 0 clamp(10px, 1.2vw, 18px)}.hello-card .eyebrow::before{background: var(--cream)}.hello-card h2{margin: 0;font-size: clamp(46px, 8.4vw, 150px);line-height: 0.98;letter-spacing: -0.045em}.hello-card h2 .word.em{color: var(--mint)}.hello-card .doodle.underline{color: var(--cream)}.hello-lede{margin: clamp(14px, 1.8vw, 26px) 0 0;max-width: 40ch;font-size: clamp(15px, 1.35vw, 19px);line-height: 1.55;color: rgba(252, 250, 244, 0.9)}.hello-ways{margin-top: clamp(22px, 3vw, 44px);display: grid;gap: clamp(14px, 1.6vw, 22px);justify-items: start}.hello-mail{display: flex;flex-wrap: wrap;align-items: center;gap: 10px 16px;max-width: 100%}.hello-mail a{position: relative;display: inline-flex;align-items: baseline;gap: 0.35em;max-width: 100%;padding-bottom: 0.14em;color: var(--cream);text-decoration: none;font: 700 clamp(21px, 3.3vw, 50px)/1.1 var(--display);letter-spacing: -0.035em;overflow-wrap: anywhere}.hello-mail a::after{content: "";position: absolute;left: 0;right: 0;bottom: 0;height: 2px;background: currentColor;transform-origin: 0 50%;animation: mail-line 4.5s var(--ease) infinite}@keyframes mail-line{0%, 70%, 100%{transform: scaleX(1);transform-origin: 0 50%}80%{transform: scaleX(0);transform-origin: 100% 50%}81%{transform: scaleX(0);transform-origin: 0 50%}}.hello-mail a i{font-style: normal;font-size: 0.8em;animation: cta-nudge 1.6s ease-in-out infinite}.hello-copy{min-height: 40px;padding: 0 16px;border: 1.5px solid rgba(252, 250, 244, 0.7);border-radius: 999px;background: transparent;color: var(--cream);font: 600 12px/1 var(--body);letter-spacing: 0.1em;text-transform: uppercase;cursor: pointer;transition: background 0.3s, color 0.3s}.hello-copy:hover, .hello-copy.ok{background: var(--cream);color: var(--ink)}.hello-pills{display: flex;flex-wrap: wrap;gap: 10px}.hello-pills a{display: inline-flex;align-items: center;gap: 10px;min-height: 48px;padding: 0 20px;border-radius: 999px;background: var(--cream);color: var(--ink);text-decoration: none;font: 600 clamp(14px, 1.15vw, 16px)/1 var(--body);transition: background 0.3s, translate 0.4s var(--ease)}.hello-pills a small{font: 600 10.5px/1 var(--body);letter-spacing: 0.12em;text-transform: uppercase;color: var(--teal-text)}.hello-pills a i{font-style: normal}.hello-pills a:hover{background: var(--mint);translate: 0 -2px}.hello-pills a:active{scale: 0.97}.hello-badge{position: relative;flex: none;display: grid;place-items: center;width: clamp(150px, 19vw, 280px);aspect-ratio: 1;border-radius: 50%;background: var(--ink);color: var(--cream);text-decoration: none;transition: scale 0.5s var(--ease)}.hello-badge svg{position: absolute;inset: 0;width: 100%;height: 100%;animation: badge-spin 16s linear infinite}.hello-badge text{fill: currentColor;font: 600 15.5px var(--display);letter-spacing: 0.08em}.hello-badge-core{display: grid;place-items: center;width: 44%;aspect-ratio: 1;border-radius: 50%;background: var(--cream);animation: cta-bob 3.4s ease-in-out infinite}.hello-badge-core img{width: 58%}.hello-badge:hover{scale: 1.05}.hello-badge:active{scale: 0.96}@keyframes badge-spin{to{transform: rotate(360deg)}}.hello :focus-visible{outline: 2px solid var(--cream);outline-offset: 4px}@media (max-width: 820px){.hello-card{grid-template-columns: minmax(0, 1fr)}.hello-badge{position: absolute;right: 18px;top: 18px;width: 104px}.hello-badge text{font-size: 16px}.hello-card .eyebrow{padding-right: 112px}.hello-card h2{padding-top: 6px}}@media (prefers-reduced-motion: reduce){.hello-badge svg, .hello-badge-core, .hello-mail a::after, .hello-mail a i, .hello-card::before, .hello-card::after{animation: none}}.fcard-media > *{position: absolute;inset: 0;width: 100%;height: 100%;min-height: 0;margin: 0;border-radius: inherit}.hello-lede{margin-top: clamp(24px, 2.8vw, 42px)}@media (max-width: 820px){.hello-badge{position: relative;right: auto;top: auto;justify-self: end;width: 112px;margin-top: -4px}.hello-card .eyebrow{padding-right: 0}}@media (max-width: 560px){.fcard-media{aspect-ratio: 1}}.hello-badge{width: clamp(118px, 13.5vw, 204px)}.hello-badge text{font-size: 17px}.hello-badge-arrow{font: 500 clamp(26px, 3.2vw, 50px)/1 var(--display);animation: cta-bob 3.4s ease-in-out infinite}@media (max-width: 820px){.hello-badge{width: 94px}}@media (prefers-reduced-motion: reduce){.hello-badge-arrow{animation: none}}.about #about-text p{max-width: 34ch;font-size: clamp(19px, 2vw, 30px);line-height: 1.42;letter-spacing: -0.01em;color: var(--ink);text-wrap: pretty}.about-sign{display: inline-flex;align-items: center;gap: 10px;margin: clamp(14px, 1.8vw, 26px) 0 0}.about-sign .box{width: 30px;flex: none;animation: bub-float 4s ease-in-out infinite}.doodle.underline.u-arrow{animation: none;min-height: 0}.doodle.underline.u-arrow path + path{transition-delay: 0.9s}.live .cs-figure .ch{animation: cs-grow 2s cubic-bezier(0.22, 1, 0.36, 1) both;transform-origin: 50% 58%}@keyframes cs-grow{0%{opacity: 0;transform: scale(0.28)}18%{opacity: 1}100%{opacity: 1;transform: scale(1)}}.about #about-text b{font-weight: 600;color: var(--teal-text)}.about #about-text p{max-width: 32ch}.stack-inner{transform-origin: 50% 0%;will-change: transform}.stack-text h3{transform: translate3d(calc((1 - var(--e, 1)) * -46px), 0, 0);opacity: calc(0.2 + var(--e, 1) * 0.8)}.stack-bottom{transform: translate3d(0, calc((1 - var(--e, 1)) * 26px), 0);opacity: var(--e, 1)}.stack-media > *{transform: scale(calc(1.35 - var(--e, 1) * 0.35 + var(--c, 0) * 0.08));transition: none}.stack-inner:hover .stack-media > *{transform: scale(calc(1.35 - var(--e, 1) * 0.35 + var(--c, 0) * 0.08))}.stack-tab .num{position: relative;padding-left: 16px}.stack-tab .num::before{content: "";position: absolute;left: 0;top: 50%;width: 8px;height: 8px;margin-top: -4px;border-radius: 50%;background: currentColor;animation: ping-dot 2.4s ease-in-out infinite}@keyframes ping-dot{0%, 100%{transform: scale(1);opacity: 1}50%{transform: scale(1.6);opacity: 0.45}}@media (prefers-reduced-motion: reduce){.stack-text h3, .stack-bottom{transform: none;opacity: 1}.stack-tab .num::before{animation: none}}.folders{padding-top: clamp(22px, 3vw, 40px)}.folder{rotate: var(--tilt, -2deg);transition: rotate 0.7s var(--ease), translate 0.7s var(--ease)}.folder:nth-child(even){--tilt: 1.8deg}.folder:nth-child(3n){--tilt: -1deg}.folder[aria-expanded="true"]{rotate: 0deg;translate: 0 -10px}.folder-back b{position: absolute;left: 9%;bottom: 100%;margin-bottom: 0.2em;z-index: 1;font: 700 clamp(11px, 1vw, 15px)/1 var(--display);letter-spacing: 0.04em;color: var(--ink-on);opacity: 0.9}.folder.f2 .folder-back b, .folder.f4 .folder-back b, .folder.f6 .folder-back b{color: var(--ink)}.folder-paper{overflow: hidden}.folder-paper u{position: absolute;left: 12%;right: 10%;top: 10%;text-decoration: none;text-align: right;font: 700 clamp(8.5px, 0.85vw, 13px)/1.1 var(--display);letter-spacing: -0.01em;color: var(--ink);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.folder-paper i{top: 34%;width: 30%}.folder-paper::after{content: "";position: absolute;left: 50%;right: 10%;top: 40%;height: 26%;background: repeating-linear-gradient(180deg, rgba(22, 48, 45, 0.16) 0 2px, transparent 2px 7px)}.folder-paper.p2 u{text-align: left}.folder-paper.p2 i{left: auto;right: 12%}.folder-paper.p2::after{left: 12%;right: 46%}.folder-count{font-family: var(--hand);font-size: clamp(15px, 1.5vw, 22px);font-weight: 700;letter-spacing: 0;text-transform: none;opacity: 0.95}.folder-open{position: absolute;right: clamp(8px, 1vw, 14px);top: clamp(8px, 1vw, 14px);display: grid;place-items: center;width: clamp(26px, 2.6vw, 40px);aspect-ratio: 1;margin: 0;border-radius: 58% 42% 55% 45% / 48% 56% 44% 52%;background: var(--ink-on);color: var(--front);font-size: clamp(12px, 1.2vw, 17px);opacity: 1;animation: blob-shape 7s ease-in-out infinite}.folder-open i{transition: rotate 0.5s var(--ease)}.folder[aria-expanded="true"] .folder-open i{rotate: 90deg}.folder[aria-expanded="true"] .folder-paper.p1{transform: translateY(-34%) rotate(-7deg)}.folder[aria-expanded="true"] .folder-paper.p2{transform: translateY(-20%) rotate(6deg)}.folder[aria-expanded="true"] .folder-front{transform: rotateX(-30deg)}.folder-panel{margin-top: clamp(20px, 2.6vw, 38px)}.fp-head h3{display: flex;align-items: baseline;gap: 0.3em}@media (hover: hover){.folder:hover{rotate: 0deg;translate: 0 -6px}}@media (max-width: 560px){.folder-open{display: grid;width: 24px;font-size: 11px;right: 7px;top: 7px}.folder-count{font-size: 14px}.folder-paper u{font-size: 8px}}@media (prefers-reduced-motion: reduce){.folder{rotate: 0deg}.folder-open{animation: none}}.work-page{overflow-x: clip}.cursor, html.has-cursor .cursor{display: none !important}html.has-cursor, html.has-cursor *{cursor: auto}html.has-cursor a, html.has-cursor button{cursor: pointer}.nav nav a.cta{white-space: nowrap}.nav nav a[aria-current="page"]:not(.cta){background: rgba(88, 158, 152, 0.2)}.nav-menu{display: none;align-items: center;gap: 10px;min-height: 44px;padding: 0 16px 0 18px;border: 0;border-radius: 999px;background: transparent;color: var(--ink);font: 600 13px var(--body);cursor: pointer}.nav-menu i{position: relative;width: 16px;height: 10px}.nav-menu i::before, .nav-menu i::after{content: "";position: absolute;left: 0;right: 0;height: 2px;border-radius: 2px;background: currentColor;transition: transform 0.4s var(--ease), top 0.4s var(--ease)}.nav-menu i::before{top: 0}.nav-menu i::after{top: 8px}.nav-menu[aria-expanded="true"] i::before{top: 4px;transform: rotate(45deg)}.nav-menu[aria-expanded="true"] i::after{top: 4px;transform: rotate(-45deg)}@media (max-width: 940px){.nav nav a.opt{display: none}.nav-menu{display: inline-flex}.nav nav a.cta{padding: 13px 16px}}html.menu-open{overflow: hidden}html.menu-open .nav{transform: none !important;z-index: 120}html.menu-open .fab{display: none}.menu{position: fixed;inset: 0;z-index: 110;display: grid;align-items: end;padding: 110px var(--gutter) max(28px, env(safe-area-inset-bottom));background: var(--ink);color: var(--cream);overflow-y: auto;clip-path: circle(0% at var(--mx, calc(100% - 60px)) var(--my, 44px));transition: clip-path 0.6s var(--ease)}.menu.on{clip-path: circle(150% at var(--mx, calc(100% - 60px)) var(--my, 44px))}.menu[hidden]{display: none}.menu ul{list-style: none;margin: 0 0 28px;padding: 0}.menu li{border-bottom: 1px solid #2c4a46;opacity: 0;transform: translateY(18px);transition: opacity 0.5s calc(var(--i) * 55ms + 150ms), transform 0.6s var(--ease) calc(var(--i) * 55ms + 150ms)}.menu.on li{opacity: 1;transform: none}.menu li a{display: flex;align-items: baseline;gap: 16px;padding: 14px 0;color: var(--cream);text-decoration: none;font: 700 clamp(34px, 10vw, 56px)/1.05 var(--display);letter-spacing: -0.04em}.menu li a small{font: 600 11px var(--body);letter-spacing: 0.12em;color: var(--teal-soft)}.menu li a[aria-current="page"]{color: var(--teal-soft)}.menu-cta{justify-self: start}.menu .btn.light:hover{color: var(--ink)}.menu .btn.light::before{background: var(--teal-soft)}.menu-note{margin: 18px 0 0;font-size: 14px}.menu-note a{color: var(--teal-soft)}.menu :focus-visible{outline: 2px solid var(--cream);outline-offset: 4px}.cs-hero{display: grid;gap: clamp(14px, 2vw, 24px);justify-items: start}.cs-h1{margin: 0;font: 800 clamp(34px, 5vw, 72px)/0.98 var(--display);letter-spacing: -0.045em;color: var(--cream)}.cs-h1 i{font: 700 1.05em/0.8 var(--hand);font-style: normal;letter-spacing: 0;color: var(--mint)}.cs-h1 .dk{display: none}.cs-pitch p{margin: 0 0 clamp(14px, 1.6vw, 22px);max-width: 34ch;font-size: clamp(15px, 1.25vw, 18px);line-height: 1.5;color: rgba(252, 250, 244, 0.94)}.cs-cta{display: flex;flex-wrap: wrap;gap: 10px}.cs-stage > .cs-hero, .cs-stage > .cs-copy{grid-column: 2}.cs-stage > .cs-rig{grid-row: 1 / span 2}@media (max-width: 640px){.cs-stage > .cs-hero, .cs-stage > .cs-copy{grid-column: 1}.cs-stage > .cs-rig{grid-row: auto}}.live .cs-stage{--hero-cs: min(66vh, 44vw);--side: calc((100vw - var(--hero-cs)) / 2 - var(--gutter))}.live .cs-rig{--cs: var(--hero-cs);top: 51%}.live .cs-hero{position: absolute;inset: 0;z-index: 3;display: block;pointer-events: none;will-change: transform, opacity}.live .cs-hero a{pointer-events: auto}.live .cs-h1{font-size: clamp(34px, calc(var(--side) / 5.5), 118px)}.live .cs-h1 .dk{display: inline}.live .cs-h1 .l, .live .cs-h1 .r{position: absolute;display: block;animation: hero-in 0.9s var(--ease) both}.live .cs-h1 .l{left: var(--gutter);top: 27%;text-align: left}.live .cs-h1 .r{right: var(--gutter);top: 53%;text-align: right;animation-delay: 0.12s}.live .cs-pitch{position: absolute;left: var(--gutter);bottom: clamp(26px, 6vh, 62px);max-width: min(36ch, calc(var(--side) + 6vw));animation: hero-in 0.9s var(--ease) 0.26s both}@keyframes hero-in{from{opacity: 0;transform: translateY(22px)}to{opacity: 1;transform: none}}.live .cs-note, .live .cs-loading{left: auto;right: var(--gutter);translate: 0 0}@media (max-width: 860px){.live .cs-stage{--hero-cs: min(max(100vw, 46vh), 58vh)}.live .cs-rig{top: 47%}.live .cs-h1{position: absolute;left: var(--gutter);right: var(--gutter);top: clamp(88px, 12.5vh, 112px);text-align: center;font-size: clamp(29px, 9.2vw, 62px);line-height: 1}.live .cs-h1 .dk{display: none}.live .cs-h1 .l, .live .cs-h1 .r{position: static;text-align: center}.live .cs-pitch{left: var(--gutter);right: var(--gutter);bottom: max(22px, env(safe-area-inset-bottom));max-width: none;text-align: center}.live .cs-pitch p{max-width: 32ch;margin-left: auto;margin-right: auto;font-size: 15px}.live .cs-cta{justify-content: center}.live .cs-cta .btn{padding: 14px 20px}.live .cs-note, .live .cs-loading{display: none}}@media (max-width: 860px) and (max-height: 700px){.live .cs-pitch p{display: none}.live .cs-rig{top: 49%}}@media (prefers-reduced-motion: reduce){.live .cs-h1 .l, .live .cs-h1 .r, .live .cs-pitch{animation: none}}.charscene + .sheet .sw{padding-top: clamp(56px, 8vw, 120px)}.sw-head, .hsv-head{align-items: flex-end}.sw-head .btn, .hsv-head .btn{flex: none}.sw-deck{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));padding: clamp(18px, 2.6vw, 40px) clamp(0px, 2vw, 30px) clamp(10px, 2vw, 30px)}.sw-card{position: relative;display: flex;flex-direction: column;margin: 0 clamp(-22px, -1.6vw, -8px);border-radius: clamp(18px, 2.4vw, 34px);background: var(--bg);color: var(--fg);text-decoration: none;overflow: hidden;box-shadow: 0 22px 44px -26px rgba(15, 38, 35, 0.6);rotate: var(--r, 0deg);translate: 0 var(--y, 0);transition: rotate 0.7s var(--ease), translate 0.7s var(--ease), box-shadow 0.4s, opacity 0.7s var(--ease) var(--d, 0ms), transform 0.9s var(--ease) var(--d, 0ms)}.sw-card:nth-child(1){--r: -4deg;--y: 14px;z-index: 1}.sw-card:nth-child(2){--r: 1.5deg;--y: -8px;z-index: 3}.sw-card:nth-child(3){--r: 4deg;--y: 18px;z-index: 2}.sw-tab{display: flex;justify-content: space-between;padding: 14px clamp(14px, 1.6vw, 22px) 12px;border-bottom: 1px solid color-mix(in srgb, var(--fg) 22%, transparent);font: 600 11px var(--body);letter-spacing: 0.12em;text-transform: uppercase}.sw-media{position: relative;display: block;aspect-ratio: 4 / 3;margin: clamp(10px, 1vw, 14px);border-radius: clamp(12px, 1.5vw, 22px);overflow: hidden}.sw-media > *{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.sw-text{display: grid;gap: 6px;padding: 4px clamp(14px, 1.6vw, 22px) clamp(16px, 1.8vw, 24px)}.sw-text b{font: 700 clamp(26px, 3vw, 46px)/1 var(--display);letter-spacing: -0.04em}.sw-text small{font: 500 clamp(13px, 1.05vw, 15px)/1.3 var(--body);opacity: 0.9}.sw-go{margin-top: 10px;display: inline-flex;align-items: center;gap: 8px;font: 600 12px var(--body);letter-spacing: 0.1em;text-transform: uppercase}.sw-go i{font-style: normal;transition: translate 0.4s var(--ease)}.sw-card:hover, .sw-card:focus-visible{rotate: 0deg;translate: 0 -10px;z-index: 5;box-shadow: 0 30px 50px -26px rgba(15, 38, 35, 0.7)}.sw-card:hover .sw-go i{translate: 6px 0}.sw-card:active{scale: 0.985}html.js .sw-card.reveal:not(.in){transform: translateY(60px) rotate(6deg)}@media (max-width: 760px){.sw-deck{grid-template-columns: minmax(0, 1fr);padding: 14px 6px 6px}.sw-card{margin: 0;flex-direction: row;flex-wrap: wrap;align-items: center}.sw-card + .sw-card{margin-top: -14px}.sw-card:nth-child(1){--r: -1.6deg;--y: 0px;z-index: 1}.sw-card:nth-child(2){--r: 1.4deg;--y: 0px;z-index: 2}.sw-card:nth-child(3){--r: -1deg;--y: 0px;z-index: 3}.sw-tab{flex: 0 0 100%}.sw-media{flex: 0 0 38%;aspect-ratio: 1;margin: 10px 0 14px 10px}.sw-text{flex: 1;min-width: 0;padding: 6px 14px 12px}.sw-text b{font-size: 26px}}.hsv{padding: clamp(40px, 5.5vw, 88px) 0 0}.svc-rows, .also-rows{border-top: 1.5px solid var(--ink)}.svc-row{position: relative;isolation: isolate;display: grid;grid-template-columns: clamp(40px, 5vw, 80px) minmax(0, 1.1fr) minmax(0, 1.2fr) auto;column-gap: clamp(12px, 2vw, 32px);align-items: baseline;padding: clamp(16px, 2vw, 30px) clamp(0px, 1vw, 14px);border-bottom: 1px solid var(--line);color: var(--ink);text-decoration: none;transition: color 0.35s, padding 0.5s var(--ease), opacity 0.6s var(--ease) var(--d, 0ms), transform 0.7s var(--ease) var(--d, 0ms)}.svc-row::before{content: "";position: absolute;inset: 0;z-index: -1;background: var(--ink);transform: scaleY(0);transform-origin: 50% 100%;transition: transform 0.45s var(--ease)}.svc-n{font: 600 12px var(--body);letter-spacing: 0.12em;color: var(--teal-text)}.svc-t{font: 700 clamp(22px, 2.9vw, 46px)/1.05 var(--display);letter-spacing: -0.04em}.svc-l{font-size: clamp(14px, 1.15vw, 16.5px);line-height: 1.45;color: var(--muted)}.svc-a{font-size: clamp(18px, 1.8vw, 26px);transition: translate 0.4s var(--ease)}.svc-row:hover, .svc-row:focus-visible{color: var(--cream);padding-left: clamp(10px, 1.6vw, 22px);padding-right: clamp(10px, 1.6vw, 22px)}.svc-row:hover::before, .svc-row:focus-visible::before{transform: scaleY(1)}.svc-row:hover .svc-n, .svc-row:hover .svc-l{color: var(--teal-soft)}.svc-row:hover .svc-a{translate: 6px 0}.svc-row:active{scale: 0.995}@media (max-width: 760px){.svc-row{grid-template-columns: 34px minmax(0, 1fr) auto;row-gap: 6px}.svc-l{grid-column: 2 / 3;grid-row: 2}.svc-a{grid-row: 1 / span 2;grid-column: 3;align-self: center}.sw-head .btn, .hsv-head .btn{margin-top: 4px}}.page{background: var(--cream);padding-top: clamp(104px, 11vw, 160px);overflow-x: clip}.page-head h1{margin: 0;font-size: clamp(42px, 7.4vw, 124px);line-height: 1.02;padding-right: 0.08em}.page-head .eyebrow{margin-bottom: clamp(8px, 1vw, 14px)}.page-lede{margin: clamp(22px, 2.8vw, 44px) 0 0;max-width: 46ch;font-size: clamp(17px, 1.6vw, 23px);line-height: 1.5;color: var(--ink)}.todo{display: inline-block;padding: 5px 12px;border: 1.5px dashed currentColor;border-radius: 999px;font: 600 11px var(--body);letter-spacing: 0.08em;text-transform: uppercase;opacity: 0.85}.offers{padding: clamp(34px, 5vw, 80px) 0 0}.offers .wrap{display: grid;gap: clamp(22px, 3vw, 44px)}.offer{--tone: var(--teal);--tone-ink: var(--cream);scroll-margin-top: 96px}.offer.f2{--tone: var(--sand);--tone-ink: var(--ink)}.offer.f3{--tone: var(--ink);--tone-ink: var(--cream)}.offer.f4{--tone: var(--mint);--tone-ink: var(--ink)}.offer.f5{--tone: var(--teal-deep);--tone-ink: var(--cream)}.offer:nth-child(even) .fp-tab{margin-left: auto;display: flex;width: max-content}.offer:nth-child(even) .fp-body{border-radius: clamp(20px, 3vw, 44px) 0 clamp(20px, 3vw, 44px) clamp(20px, 3vw, 44px)}.offer-body{display: grid;grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);gap: clamp(22px, 4vw, 70px);align-items: start;padding: clamp(22px, 3.6vw, 56px)}.offer-main h2{margin: 0;font: 700 clamp(32px, 5vw, 80px)/1 var(--display);letter-spacing: -0.045em;text-wrap: balance}.offer-main p{margin: clamp(14px, 1.6vw, 24px) 0 clamp(18px, 2vw, 30px);max-width: 38ch;font-size: clamp(16px, 1.4vw, 20px);line-height: 1.5}.offer .offer-btn{background: var(--tone-ink);color: var(--tone);text-transform: none}.offer .offer-btn::before{display: none}.offer .offer-btn:hover{translate: 0 -2px}.offer-facts{margin: 0;display: grid}.offer-facts > div{display: grid;grid-template-columns: clamp(110px, 11vw, 160px) minmax(0, 1fr);gap: 14px;padding: clamp(14px, 1.6vw, 22px) 0;border-top: 1px solid color-mix(in srgb, var(--tone-ink) 26%, transparent)}.offer-facts > div:last-child{border-bottom: 1px solid color-mix(in srgb, var(--tone-ink) 26%, transparent)}.offer-facts dt{font: 600 11px/1.5 var(--body);letter-spacing: 0.12em;text-transform: uppercase;opacity: 0.85}.offer-facts dd{margin: 0;font-size: clamp(14.5px, 1.2vw, 17px);line-height: 1.5}.offer-facts ul{margin: 0;padding-left: 1.1em}.offer-links{display: flex;flex-wrap: wrap;gap: 8px}.offer-links a{display: inline-flex;align-items: center;gap: 8px;min-height: 40px;padding: 0 16px;border-radius: 999px;box-shadow: inset 0 0 0 1.5px currentColor;color: inherit;text-decoration: none;font: 600 14px var(--body);transition: background 0.3s, color 0.3s}.offer-links a i{font-style: normal}.offer-links a:hover, .offer-links a:focus-visible{background: var(--tone-ink);color: var(--tone)}.offer :focus-visible{outline: 2px solid var(--tone-ink);outline-offset: 3px}@media (max-width: 820px){.offer-body{grid-template-columns: minmax(0, 1fr)}.offer-facts > div{grid-template-columns: minmax(0, 1fr);gap: 6px}}.also{padding: clamp(44px, 6vw, 96px) 0 0}.also-head{display: flex;align-items: center;justify-content: space-between;gap: 16px;margin-bottom: clamp(12px, 1.4vw, 20px)}.also-head .eyebrow{margin: 0}.hello-pills a.hello-start{background: var(--ink);color: var(--cream)}.hello-pills a.hello-start:hover{background: var(--teal-deep)}.cp{padding: 0 0 clamp(44px, 6vw, 96px)}.cp-grid{display: grid;grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);gap: clamp(16px, 2.4vw, 36px);align-items: stretch}.cp-card{position: relative;isolation: isolate;overflow: hidden;padding: clamp(24px, 3.6vw, 56px);border-radius: clamp(24px, 3.4vw, 48px);background: var(--teal);color: var(--cream);display: flex;flex-direction: column}.cp-card::before{content: "";position: absolute;z-index: -1;width: 70%;aspect-ratio: 1;right: -24%;top: -22%;border-radius: 58% 42% 55% 45% / 48% 56% 44% 52%;background: var(--teal-deep);opacity: 0.3;animation: cta-drift 11s ease-in-out infinite alternate}.cp-card .eyebrow{color: var(--cream);margin: 0 0 clamp(10px, 1.2vw, 18px)}.cp-card .eyebrow::before{background: var(--cream)}.cp-card h1{margin: 0;font-size: clamp(40px, 5.4vw, 92px);line-height: 1;letter-spacing: -0.045em}.cp-card h1 .word.em{color: var(--mint)}.cp-card .doodle.underline{color: var(--cream)}.cp-card .hello-mail a{font-size: clamp(19px, 2vw, 30px)}.cp-me{width: clamp(120px, 13vw, 190px);aspect-ratio: 312 / 346;margin: auto 0 0 auto;padding-top: 20px;animation: me-bob 4.6s ease-in-out infinite}.cp-card :focus-visible{outline: 2px solid var(--cream);outline-offset: 4px}.pf{display: grid;gap: clamp(14px, 1.6vw, 22px);align-content: start;padding: clamp(22px, 3.2vw, 48px);border-radius: clamp(24px, 3.4vw, 48px);background: #fff;box-shadow: inset 0 0 0 1.5px var(--line)}.pf-trap{position: absolute;left: -9999px;width: 1px;height: 1px;overflow: hidden}.pf-row{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: clamp(12px, 1.6vw, 22px)}.pf-field{display: grid;gap: 8px;min-width: 0;margin: 0;padding: 0;border: 0}.pf-field label, .pf-field legend{padding: 0;font: 600 11px/1.3 var(--body);letter-spacing: 0.12em;text-transform: uppercase;color: var(--teal-deep)}.pf-field small{font: 500 11px var(--body);letter-spacing: 0.04em;text-transform: none;color: var(--muted);margin-left: 6px}.pf-field input:not([type="checkbox"]), .pf-field textarea{width: 100%;padding: 14px 16px;border: 1.5px solid var(--line);border-radius: 14px;background: var(--cream);color: var(--ink);font: 500 16px/1.4 var(--body);transition: border-color 0.3s, box-shadow 0.3s, background 0.3s}.pf-field textarea{resize: vertical;min-height: 130px}.pf-field input:focus, .pf-field textarea:focus{outline: none;border-color: var(--teal-deep);background: #fff;box-shadow: 0 0 0 4px rgba(88, 158, 152, 0.22)}.pf-field [aria-invalid="true"]{border-color: #b3261e}.pf-err{min-height: 0;font: 500 13px/1.3 var(--body);color: #b3261e}.pf-services legend{margin-bottom: 8px}.pf-chips{display: flex;flex-wrap: wrap;gap: 8px}.pf-chip{position: relative;cursor: pointer}.pf-chip input{position: absolute;opacity: 0;inset: 0;width: 100%;height: 100%;margin: 0;cursor: pointer}.pf-chip span{display: inline-flex;align-items: center;min-height: 44px;padding: 0 16px;border-radius: 999px;box-shadow: inset 0 0 0 1.5px var(--line);background: var(--cream);font: 600 13.5px var(--body);letter-spacing: 0;text-transform: none;color: var(--ink);transition: background 0.25s, color 0.25s, box-shadow 0.25s}.pf-chip input:checked + span{background: var(--ink);color: var(--cream);box-shadow: inset 0 0 0 1.5px var(--ink)}.pf-chip input:focus-visible + span{box-shadow: inset 0 0 0 1.5px var(--teal-deep), 0 0 0 4px rgba(88, 158, 152, 0.3)}.pf-foot{display: flex;flex-wrap: wrap;align-items: center;gap: 12px 20px}.pf-send{text-transform: none;font-size: 15px}.pf-send[disabled]{opacity: 0.6;cursor: progress}.pf-status{flex: 1;min-width: 220px;margin: 0;font-size: 13.5px;line-height: 1.5;color: var(--muted)}.pf-status .todo{margin-right: 8px;color: var(--teal-deep)}.pf-status.is-error{color: #b3261e}.pf-status a{color: inherit}.pf-done{display: grid;gap: 14px;justify-items: start;align-content: center;min-height: 320px}.pf-done h2{margin: 0;font: 700 clamp(34px, 4.4vw, 68px)/1 var(--display);letter-spacing: -0.04em}.pf-done p{margin: 0;max-width: 40ch}@media (max-width: 900px){.cp-grid{grid-template-columns: minmax(0, 1fr)}.cp-me{width: 110px}}@media (max-width: 560px){.pf-row{grid-template-columns: minmax(0, 1fr)}}@media (prefers-reduced-motion: reduce){.cp-me, .cp-card::before{animation: none}.menu{transition: none}.menu li{transition: none}}@media (max-width: 760px){.sw-head, .hsv-head{display: flex;flex-direction: column;align-items: flex-start;gap: 16px}.sw-head h2, .hsv-head h2{margin: 0}}.live .cs-stage{--hero-cs: min(max(100vw, 46vh), 72vh, 800px)}.live .cs-rig{top: 43%}.live .cs-h1{position: absolute;left: var(--gutter);right: var(--gutter);top: auto;bottom: clamp(112px, 16.5vh, 164px);margin: 0;text-align: center;font-size: clamp(23px, 3vw, 44px);line-height: 1.05;letter-spacing: -0.035em;animation: hero-in 0.9s var(--ease) both}.live .cs-pitch{left: 0;right: 0;bottom: max(clamp(30px, 6vh, 58px), env(safe-area-inset-bottom));max-width: none;text-align: center}.live .cs-cta{justify-content: center}.live .cs-note, .live .cs-loading{display: none}@media (max-width: 860px){.live .cs-rig{top: 42%}.live .cs-h1{top: auto;font-size: clamp(23px, 6.6vw, 40px)}.live .cs-pitch{bottom: max(26px, env(safe-area-inset-bottom))}}@media (max-width: 860px) and (max-height: 700px){.live .cs-rig{top: 40%}.live .cs-h1{bottom: 100px}}.live .cs-h1 i{display: inline-block;margin: 0 0.16em 0 0.06em}@media (max-width: 860px){.live .cs-rig{top: 44%}}.doodle.underline.u-arrow path, .doodle.underline.u-spark path{stroke-width: clamp(2.4px, 0.034em, 4.5px)}.doodle.underline.u-spark path:nth-child(2){transition-delay: 0.85s}.doodle.underline.u-spark.in{animation: none}.doodle.underline.u-spark.in path:nth-child(2){transform-box: fill-box;transform-origin: 50% 50%;animation: spark-twinkle 3.2s ease-in-out 2s infinite}@keyframes spark-twinkle{0%, 70%, 100%{transform: scale(1) rotate(0deg)}82%{transform: scale(1.25) rotate(14deg)}}@media (prefers-reduced-motion: reduce){.doodle.underline.u-spark.in path:nth-child(2){animation: none}}.split.done > .doodle.underline path{stroke-dasharray: none}.live .cs-h1{max-width: 22em;margin-left: auto;margin-right: auto;text-wrap: balance}.live .cs-h1 i{display: inline;margin: 0;font-size: 1.16em;line-height: 0.8}@media (max-width: 860px){.live .cs-h1{bottom: clamp(104px, 14.5vh, 132px);font-size: clamp(22px, 6.2vw, 38px)}}.belt{padding: 26px 0 16px}.belt .app{--f: 0;gap: 12px;width: clamp(96px, 10.5vw, 150px);padding: 0}.belt .app-ic{width: clamp(60px, 6.4vw, 92px);border-radius: 26% !important;background: var(--ink);color: var(--cream);transform: translateY(calc(var(--f) * -10px)) scale(calc(0.84 + var(--f) * 0.24));opacity: calc(0.5 + var(--f) * 0.5);transition: none;box-shadow: 0 calc(8px + var(--f) * 14px) calc(16px + var(--f) * 18px) -16px rgba(22, 48, 45, 0.7)}.belt .app:nth-child(even) .app-ic{transform: translateY(calc(var(--f) * -10px)) scale(calc(0.84 + var(--f) * 0.24))}.belt .app:nth-child(5n + 2) .app-ic{background: var(--teal);color: var(--cream)}.belt .app:nth-child(5n + 3) .app-ic{background: var(--mint);color: var(--ink)}.belt .app:nth-child(5n + 4) .app-ic{background: var(--teal-deep);color: var(--cream)}.belt .app:nth-child(5n + 5) .app-ic{background: var(--sand);color: var(--ink)}.belt .app-ic b{font-size: clamp(20px, 2.3vw, 34px)}.app-cap{font: 600 clamp(11px, 0.9vw, 13px)/1.2 var(--body);color: var(--ink);opacity: calc(0.35 + var(--f) * 0.65);white-space: nowrap}@media (hover: hover){.belt .app:hover .app-ic{transform: translateY(-10px) scale(1.08);opacity: 1}.belt .app:hover .app-cap{opacity: 1}}@media (prefers-reduced-motion: reduce){.belt .app{--f: 1}}.workcta-card{min-height: clamp(320px, 36vw, 520px)}.workcta-title{font-size: clamp(36px, 6.4vw, 104px)}.workcta-card.in .mini, .mini{animation: none;transition: transform 0.9s var(--ease), opacity 0.6s, box-shadow 0.6s}.mini i.has-img{border-radius: 10px;background-size: cover;background-position: center;animation: none}.workcta-card.in .mini.s0{z-index: 3;transform: translate(0%, -4%) rotate(-2deg) scale(1.04);box-shadow: 0 26px 46px -20px rgba(15, 38, 35, 0.7)}.workcta-card.in .mini.s1{z-index: 2;transform: translate(60%, 8%) rotate(10deg) scale(0.94)}.workcta-card.in .mini.s2{z-index: 1;transform: translate(-60%, 6%) rotate(-11deg) scale(0.94)}.workcta-note{display: none}@media (max-width: 760px){.workcta-fan{min-height: 240px}.workcta-card.in .mini.s1{transform: translate(52%, 8%) rotate(9deg) scale(0.92)}.workcta-card.in .mini.s2{transform: translate(-52%, 6%) rotate(-10deg) scale(0.92)}}.picks{padding: clamp(48px, 7vw, 112px) 0 0}.picks-head{display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;gap: 18px 24px;margin-bottom: clamp(22px, 3vw, 44px)}.picks-head h2{margin: 0;font-size: clamp(40px, 6.6vw, 110px);line-height: 1.02}.picks-head .eyebrow{margin-bottom: clamp(8px, 1vw, 14px)}.picks-list{border-top: 1.5px solid var(--ink)}.pick{position: relative;isolation: isolate;display: grid;grid-template-columns: clamp(34px, 4vw, 64px) clamp(84px, 13vw, 200px) minmax(0, 1.2fr) minmax(0, 1fr) auto;column-gap: clamp(12px, 2.2vw, 36px);align-items: center;padding: clamp(14px, 1.8vw, 26px) clamp(0px, 1vw, 14px);border-bottom: 1px solid var(--line);color: var(--ink);text-decoration: none;transition: padding 0.6s var(--ease), color 0.4s, opacity 0.6s var(--ease) var(--d, 0ms), transform 0.7s var(--ease) var(--d, 0ms)}.pick::before{content: "";position: absolute;inset: 0;z-index: -1;background: var(--mint);transform: scaleX(0);transform-origin: 0 50%;transition: transform 0.7s var(--ease)}.pick-n{font: 600 12px var(--body);letter-spacing: 0.12em;color: var(--teal-text)}.pick-thumb{position: relative;display: block;aspect-ratio: 4 / 3;border-radius: clamp(10px, 1.2vw, 18px);overflow: hidden;transition: transform 0.7s var(--ease), box-shadow 0.6s}.pick-thumb > *{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover}.pick-thumb .ph span, .pick-thumb .ph::after{display: none}.pick-t{font: 700 clamp(26px, 4.4vw, 72px)/1 var(--display);letter-spacing: -0.045em;transition: translate 0.6s var(--ease)}.pick-m{font-size: clamp(13.5px, 1.15vw, 16.5px);line-height: 1.4;color: var(--muted)}.pick-a{display: grid;place-items: center;width: clamp(38px, 3.6vw, 56px);aspect-ratio: 1;border-radius: 50%;box-shadow: inset 0 0 0 1.5px var(--ink);font-size: clamp(15px, 1.4vw, 20px);transition: background 0.4s, color 0.4s, rotate 0.6s var(--ease)}.pick.on{padding-left: clamp(10px, 1.8vw, 26px);padding-right: clamp(10px, 1.8vw, 26px)}.pick.on::before{transform: scaleX(1)}.pick.on .pick-thumb{transform: scale(1.06) rotate(-2deg);box-shadow: 0 18px 30px -18px rgba(22, 48, 45, 0.6)}.pick.on .pick-a{background: var(--ink);color: var(--cream);rotate: -45deg}.pick:active{scale: 0.995}@media (max-width: 760px){.pick{grid-template-columns: 76px minmax(0, 1fr) auto;row-gap: 4px}.pick-n{display: none}.pick-thumb{grid-row: 1 / span 2}.pick-t{grid-column: 2;align-self: end;font-size: clamp(26px, 7.4vw, 40px)}.pick-m{grid-column: 2;grid-row: 2;align-self: start}.pick-a{grid-column: 3;grid-row: 1 / span 2}.picks-head{flex-direction: column;align-items: flex-start}}.fin{padding: clamp(64px, 9vw, 150px) 0 clamp(48px, 6vw, 96px)}.fin .wrap{border-top: 1.5px solid var(--ink);padding-top: clamp(26px, 3.4vw, 52px)}.fin .eyebrow{margin: 0 0 clamp(12px, 1.6vw, 24px)}.fin h2{margin: 0;font-size: clamp(54px, 11.6vw, 200px);line-height: 0.95;letter-spacing: -0.05em}.fin-row{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 20px 40px;margin-top: clamp(30px, 4vw, 64px)}.fin-lede{margin: 0;max-width: 34ch;font-size: clamp(17px, 1.7vw, 25px);line-height: 1.42;color: var(--ink)}.fin-btn{text-transform: none;font-size: clamp(15px, 1.25vw, 18px);padding: clamp(18px, 1.7vw, 24px) clamp(28px, 2.8vw, 42px)}.fin-lines{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 0 clamp(16px, 3vw, 48px);margin-top: clamp(34px, 4.6vw, 72px)}.fin-line{position: relative;display: grid;grid-template-columns: minmax(0, 1fr) auto;align-items: end;gap: 6px 12px;padding: clamp(14px, 1.6vw, 22px) 0;border-top: 1px solid var(--line);color: var(--ink);text-decoration: none}.fin-line::after{content: "";position: absolute;left: 0;top: -1px;width: 100%;height: 1.5px;background: var(--ink);transform: scaleX(0);transform-origin: 0 50%;transition: transform 0.7s var(--ease)}.fin-line small{grid-column: 1 / -1;font: 600 11px var(--body);letter-spacing: 0.14em;text-transform: uppercase;color: var(--teal-text)}.fin-line span{font: 600 clamp(16px, 1.7vw, 26px)/1.2 var(--display);letter-spacing: -0.02em;overflow-wrap: anywhere}.fin-line i{font-style: normal;font-size: clamp(16px, 1.5vw, 22px);transition: translate 0.4s var(--ease)}.fin-line:hover::after, .fin-line:focus-visible::after{transform: scaleX(1)}.fin-line:hover i{translate: 5px 0}@media (max-width: 760px){.fin-lines{grid-template-columns: minmax(0, 1fr)}.fin-row{flex-direction: column;align-items: flex-start}}.ct{padding: 0 0 clamp(48px, 7vw, 110px)}.ct-grid{display: grid;grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);gap: clamp(28px, 6vw, 110px);align-items: start}.ct-left h1{margin: 0;font-size: clamp(44px, 6.4vw, 108px);line-height: 0.98;letter-spacing: -0.05em}.ct-left .eyebrow{margin: 0 0 clamp(12px, 1.4vw, 20px)}.ct-lede{margin: clamp(22px, 2.6vw, 40px) 0 0;max-width: 34ch;font-size: clamp(16px, 1.45vw, 21px);line-height: 1.48}.ct-lines{grid-template-columns: minmax(0, 1fr);margin-top: clamp(26px, 3vw, 44px)}.ct-lines .fin-line span{font-size: clamp(16px, 1.5vw, 22px)}.ct-me{width: clamp(96px, 10vw, 150px);aspect-ratio: 312 / 346;margin-top: clamp(22px, 2.6vw, 38px);animation: me-bob 4.6s ease-in-out infinite}.pf.pf-lux{padding: 0;border-radius: 0;background: transparent;box-shadow: none;gap: clamp(18px, 2vw, 28px)}.pf-lux .pf-field input:not([type="checkbox"]), .pf-lux .pf-field textarea{padding: 10px 0 12px;border: 0;border-bottom: 1.5px solid rgba(22, 48, 45, 0.28);border-radius: 0;background: transparent;font: 500 clamp(17px, 1.4vw, 20px)/1.4 var(--body)}.pf-lux .pf-field input:focus, .pf-lux .pf-field textarea:focus{background: transparent;box-shadow: none;border-bottom-color: var(--teal-deep);border-bottom-width: 2.5px;padding-bottom: 11px}.pf-lux .pf-field [aria-invalid="true"]{border-bottom-color: #b3261e}.pf-lux .pf-field textarea{min-height: 110px}.pf-lux .pf-chip span{background: transparent;box-shadow: inset 0 0 0 1.5px rgba(22, 48, 45, 0.3)}.pf-lux .pf-send{padding: clamp(18px, 1.7vw, 24px) clamp(28px, 2.8vw, 42px);font-size: clamp(15px, 1.25vw, 18px)}@media (max-width: 900px){.ct-grid{grid-template-columns: minmax(0, 1fr)}.ct-me{display: none}}@media (prefers-reduced-motion: reduce){.ct-me{animation: none}}.proc-stage{grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr);grid-template-areas: "word detail" "bubs bubs";column-gap: clamp(24px, 6vw, 110px);row-gap: clamp(22px, 3vw, 44px);align-items: end}.proc-left{display: contents}.proc-word{grid-area: word;margin: 0;font-size: clamp(44px, 7vw, 116px);line-height: 0.95;order: 0}.proc-detail{grid-area: detail;max-width: none;order: 0}.proc-bubbles{grid-area: bubs;grid-template-columns: repeat(6, minmax(0, 1fr));max-width: none;justify-self: stretch;gap: clamp(4px, 1vw, 16px);order: 0;margin: 0}.proc-bubbles .bub:nth-child(3n + 2){margin-top: 0}.proc-bubbles .bub:nth-child(even){margin-top: 12%}@media (max-width: 900px){.proc-stage{grid-template-columns: minmax(0, 1fr);grid-template-areas: "word" "bubs" "detail";row-gap: 14px}.proc-bubbles{grid-template-columns: repeat(3, minmax(0, 1fr));max-width: 460px;justify-self: center;margin-bottom: 8px}.proc-bubbles .bub:nth-child(even){margin-top: 0}.proc-bubbles .bub:nth-child(3n + 2){margin-top: 14%}.proc-word{font-size: clamp(40px, 12vw, 64px)}}.proc-stage{grid-template-columns: minmax(0, 1fr);grid-template-areas: "word" "bubs" "detail";row-gap: clamp(26px, 3.4vw, 52px);align-items: start}.proc-word{font-size: clamp(44px, 7vw, 116px)}.proc-bubbles{--dot: clamp(46px, 5.6vw, 88px);--step: 0;position: relative;grid-template-columns: repeat(6, minmax(0, 1fr));gap: 0;align-items: start;max-width: none;justify-self: stretch;margin: 0}.proc-bubbles::before, .proc-bubbles::after{content: "";position: absolute;left: calc(100% / 12);top: calc(var(--dot) / 2);height: 1.5px}.proc-bubbles::before{right: calc(100% / 12);background: var(--line)}.proc-bubbles::after{width: calc((100% - 100% / 6) * var(--step) / 5);background: var(--ink);transition: width 0.9s var(--ease)}.proc-bubbles .bub, .proc-bubbles .bub.on{aspect-ratio: auto;display: grid;place-content: start center;justify-items: center;row-gap: clamp(10px, 1.2vw, 16px);margin: 0 !important;padding: 0 4px;background: none;border: 0;border-radius: 0;box-shadow: none;rotate: 0deg;scale: 1;color: var(--ink);animation: none}.proc-bubbles .bub b{position: relative;z-index: 1;display: grid;place-items: center;width: var(--dot);aspect-ratio: 1;border: 1.5px solid var(--ink);border-radius: var(--shape);background: var(--cream);font: 600 clamp(15px, 1.8vw, 27px)/1 var(--display);letter-spacing: -0.03em;transition: background 0.45s, color 0.45s, border-radius 1s var(--ease), scale 0.6s var(--ease);animation: bub-float 5.5s ease-in-out infinite;animation-delay: calc(var(--i) * -0.9s)}.proc-bubbles .bub span{max-width: 13ch;font: 600 clamp(12px, 1vw, 14.5px)/1.25 var(--body);color: var(--muted);transition: color 0.4s}.proc-bubbles .bub.done b{background: var(--mint)}.proc-bubbles .bub.on b{background: var(--ink);color: var(--cream);border-radius: var(--shape-on);scale: 1.2}.proc-bubbles .bub.on span{color: var(--ink)}.proc-bubbles .bub:active b{scale: 0.94}@media (hover: hover){.proc-bubbles .bub:hover b{background: var(--mint)}.proc-bubbles .bub.on:hover b{background: var(--ink)}}.proc-detail{max-width: none;padding-top: 0;border-top: 0}.pd-bar{display: none}.proc-detail .pd{display: grid;grid-template-columns: minmax(0, 0.9fr) minmax(0, 1fr);column-gap: clamp(24px, 6vw, 110px);align-items: end;padding-bottom: 0}.proc-detail .pd-num{grid-column: 1}.proc-detail .pd h3{grid-column: 1;margin: 10px 0 0;font-size: clamp(30px, 4.6vw, 72px);line-height: 1}.proc-detail .pd p{grid-column: 2;grid-row: 1 / span 2;max-width: 44ch;font-size: clamp(16px, 1.45vw, 21px);line-height: 1.5;color: var(--ink)}@media (max-width: 900px){.proc-stage{grid-template-areas: "word" "bubs" "detail";row-gap: 22px}.proc-bubbles{--dot: clamp(40px, 11.4vw, 60px);grid-template-columns: repeat(6, minmax(0, 1fr));max-width: none;justify-self: stretch;margin: 0}.proc-bubbles .bub span{display: none}.proc-bubbles .bub b{font-size: 15px}.proc-detail .pd{grid-template-columns: minmax(0, 1fr);row-gap: 8px}.proc-detail .pd p{grid-column: 1;grid-row: auto}}@media (prefers-reduced-motion: reduce){.proc-bubbles .bub b{animation: none}.proc-bubbles::after{transition: none}}.proc-bubbles{isolation: isolate}.proc-bubbles::before, .proc-bubbles::after{z-index: -1}.cover.natural{height: auto;max-width: 1100px;margin-left: auto;margin-right: auto;border-radius: 0;overflow: visible}.cover.natural > img{display: block;width: 100%;height: auto;object-fit: contain;transform: none !important}.gallery.g-groups{display: block;padding-top: 0}.gg{padding-top: clamp(40px, 6vw, 96px)}.gg > .eyebrow{margin: 0 0 clamp(16px, 2vw, 28px);padding-bottom: 14px;border-bottom: 1px solid var(--line)}.gg-grid{display: grid;grid-template-columns: repeat(var(--cols), minmax(0, 1fr));gap: clamp(14px, 2.4vw, 40px);align-items: start}.gg-grid.masonry{display: block;column-count: var(--cols);column-gap: clamp(12px, 1.8vw, 28px)}.gg-grid.masonry .gg-item{break-inside: avoid;margin-bottom: clamp(12px, 1.8vw, 28px)}.gg-item{margin: 0}.gallery.g-groups .gg-item img{display: block;width: 100%;height: auto;border-radius: 0;transform: none;transition: none}.gg-item figcaption{margin-top: 12px;font: 600 11px/1.3 var(--body);letter-spacing: 0.12em;text-transform: uppercase;color: var(--teal-deep)}.fcard-media.contain{background: #0b1330}.fcard-media.contain img{object-fit: contain}@media (max-width: 760px){.gg-grid{grid-template-columns: repeat(var(--mcols), minmax(0, 1fr));gap: 14px}.gg-grid.masonry{column-count: var(--mcols);column-gap: 12px}.gg-grid.masonry .gg-item{margin-bottom: 12px}}.gf{display: grid;grid-template-columns: minmax(0, 0.36fr) minmax(0, 1fr);grid-template-areas: "card head" "card details";column-gap: clamp(28px, 6vw, 110px);row-gap: clamp(22px, 3vw, 44px);align-items: start;margin-top: clamp(48px, 7vw, 120px);padding-top: clamp(28px, 4vw, 60px);border-top: 1.5px solid var(--ink)}.gf.flip{grid-template-columns: minmax(0, 1fr) minmax(0, 0.36fr);grid-template-areas: "head card" "details card"}.gf-card{grid-area: card;margin: 0;position: sticky;top: clamp(90px, 9vw, 120px)}.gf-head{grid-area: head}.gf-details{grid-area: details}.gf-head .eyebrow{margin: 0 0 clamp(10px, 1.2vw, 16px)}.gf-head h2{margin: 0;font: 700 clamp(38px, 6vw, 96px)/1 var(--display);letter-spacing: -0.045em}.gf-text{margin: clamp(16px, 2vw, 28px) 0 0;max-width: 50ch;font: 500 clamp(16px, 1.45vw, 21px)/1.55 var(--body);color: var(--ink);text-wrap: pretty}.gf-sub{margin: 0 0 14px;padding-bottom: 12px;border-bottom: 1px solid var(--line);font: 600 11px/1 var(--body);letter-spacing: 0.14em;text-transform: uppercase;color: var(--teal-deep)}.gf-grid{column-count: 2;column-gap: clamp(12px, 1.8vw, 28px)}.gf-grid .gg-item{break-inside: avoid;margin: 0 0 clamp(12px, 1.8vw, 28px)}.gallery.g-groups .gf-card img{display: block;width: 100%;height: auto;border-radius: 0;transform: none;transition: none}@media (max-width: 820px){.gf, .gf.flip{grid-template-columns: minmax(0, 1fr);grid-template-areas: "head" "card" "details"}.gf-card{position: static;width: min(78%, 340px);margin: 0 auto}.gf-grid{column-gap: 12px}.gf-grid .gg-item{margin-bottom: 12px}}.gf-more{margin: clamp(26px, 3vw, 44px) 0 0;padding-top: clamp(16px, 2vw, 26px);border-top: 1px solid var(--line);font: 600 11px/1 var(--body);letter-spacing: 0.14em;text-transform: uppercase;color: var(--teal-deep)}.gf-more + .gf-text{margin-top: 14px}.gf-details[hidden]{display: none}.gs{margin-top: clamp(48px, 7vw, 120px);padding-top: clamp(28px, 4vw, 60px);border-top: 1.5px solid var(--ink)}.gs > .eyebrow{margin: 0}.gs-row{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 0.92fr);column-gap: clamp(28px, 6vw, 110px);align-items: center;padding: clamp(34px, 5vw, 84px) 0;border-bottom: 1px solid var(--line)}.gs-row:last-child{border-bottom: 0;padding-bottom: 0}.gs-row.flip .gs-img{order: 2}.gs-img{margin: 0}.gallery.g-groups .gs-img img{display: block;width: 100%;height: auto;border-radius: clamp(16px, 2.2vw, 32px);transform: none;transition: none}.gs-img.reveal.in{animation: gs-drift 7s ease-in-out 1.2s infinite alternate}.gs-row.flip .gs-img.reveal.in{animation-direction: alternate-reverse}@keyframes gs-drift{from{translate: 0 0;rotate: -0.8deg}to{translate: 0 -8px;rotate: 0.8deg}}.gs-n{display: block;font: 600 11px/1 var(--body);letter-spacing: 0.14em;color: var(--teal-text)}.gs-body h2{margin: clamp(10px, 1.2vw, 16px) 0 0;font: 700 clamp(36px, 5.4vw, 88px)/1 var(--display);letter-spacing: -0.045em}.gs-line{margin: clamp(8px, 1vw, 14px) 0 0;font: 700 clamp(23px, 2.4vw, 36px)/1.15 var(--hand);color: var(--teal-text);max-width: 22em}.gs-text{margin: clamp(14px, 1.8vw, 26px) 0 0;max-width: 48ch;font: 500 clamp(15.5px, 1.3vw, 19px)/1.6 var(--body);color: var(--ink);text-wrap: pretty}@media (max-width: 820px){.gs-row{grid-template-columns: minmax(0, 1fr);row-gap: 20px;padding: 34px 0}.gs-row.flip .gs-img{order: 0}}@media (prefers-reduced-motion: reduce){.gs-img.reveal.in{animation: none}}.gf.lead{grid-template-columns: minmax(0, 0.72fr) minmax(0, 1fr);grid-template-areas: "card head"}@media (max-width: 820px){.gf.lead{grid-template-columns: minmax(0, 1fr);grid-template-areas: "card" "head"}.gf.lead .gf-card{width: 100%;max-width: none}}.gf-cap{display: grid;gap: 4px;margin-top: 12px;padding-bottom: 6px}.gf-cap b{font: 700 clamp(17px, 1.5vw, 22px)/1.1 var(--display);letter-spacing: -0.03em;color: var(--ink)}.gf-cap span{font: 500 clamp(13.5px, 1.05vw, 15px)/1.45 var(--body);color: var(--muted)}.cover.natural{display: flex;justify-content: center}.cover.natural > img{width: auto;max-width: 100%;max-height: min(88vh, 900px)}.gg-item figcaption.gf-cap{text-transform: none;letter-spacing: 0;color: var(--ink)}.gg-item figcaption.gf-cap b{text-transform: none;letter-spacing: -0.03em}.gg-item figcaption.gf-cap span{text-transform: none;letter-spacing: 0;font-weight: 500}.live .cs-figure .ch{animation-duration: 1.7s}.gf.wide{grid-template-columns: minmax(0, 0.95fr) minmax(0, 1fr);column-gap: clamp(28px, 5vw, 80px)}.gf.wide .gf-grid{column-count: 2}@media (max-width: 820px){.gf.wide{grid-template-columns: minmax(0, 1fr)}.gf.wide .gf-card{width: 100%;max-width: none}}.cs-scroll{display: inline-grid;justify-items: center;gap: 8px;padding: 6px 14px 0;border: 0;background: none;color: var(--cream);cursor: pointer;pointer-events: auto;-webkit-tap-highlight-color: transparent}.cs-scroll em{font: 700 clamp(22px, 2vw, 30px)/1 var(--hand);font-style: normal;letter-spacing: 0;animation: cue-sway 3.2s ease-in-out infinite}.cs-scroll-line{position: relative;display: block;width: 1.5px;height: clamp(34px, 5.4vh, 52px);background: rgba(252, 250, 244, 0.35);border-radius: 2px}.cs-scroll-line i{position: absolute;left: 50%;top: 0;width: 9px;height: 11px;margin-left: -4.5px;border-radius: 56% 44% 52% 48% / 46% 54% 46% 54%;background: var(--cream);animation: cue-drop 2s cubic-bezier(0.6, 0, 0.3, 1) infinite}.cs-scroll-line::after{content: "";position: absolute;left: 50%;bottom: -1px;width: 9px;height: 9px;margin-left: -4.5px;border-right: 1.5px solid var(--cream);border-bottom: 1.5px solid var(--cream);transform: rotate(45deg);opacity: 0.75}@keyframes cue-drop{0%{transform: translateY(-4px) scale(0.5);opacity: 0}22%{transform: translateY(0) scale(1);opacity: 1}78%{opacity: 1}100%{transform: translateY(calc(clamp(34px, 5.4vh, 52px) - 8px)) scale(0.7);opacity: 0}}@keyframes cue-sway{0%, 100%{transform: translateY(0) rotate(-1deg)}50%{transform: translateY(3px) rotate(1deg)}}.cs-scroll:focus-visible{outline: 2px solid var(--cream);outline-offset: 6px;border-radius: 14px}.cs-scroll:active{transform: scale(0.97)}.live .cs-pitch{bottom: max(clamp(16px, 3.4vh, 34px), env(safe-area-inset-bottom))}.live .cs-h1{bottom: clamp(108px, 16vh, 156px)}@media (max-width: 860px){.live .cs-h1{bottom: clamp(104px, 14.5vh, 132px)}.live .cs-pitch{bottom: max(18px, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion: reduce){.cs-scroll em, .cs-scroll-line i{animation: none}.cs-scroll-line i{top: 40%}}.gg-item.tile{padding: clamp(10px, 1.4vw, 20px) clamp(10px, 1.4vw, 20px) clamp(14px, 1.6vw, 22px);border-radius: clamp(16px, 2vw, 28px);background: #fff;box-shadow: inset 0 0 0 1px var(--line)}.gg-item.tile .gf-cap{margin-top: 10px;padding: 0 4px}.gg-item.tile .gf-cap{gap: 8px;margin-top: 14px;padding: 0 6px 4px}.gg-item.tile .gf-cap b{font-size: clamp(21px, 2vw, 30px);letter-spacing: -0.035em}.gg-item.tile .gf-cap span{font-size: clamp(15px, 1.2vw, 17px);line-height: 1.55;color: var(--ink)}.gf-more{letter-spacing: 0.12em}.cover.natural > *{clip-path: none !important}.split .word.em .char{display: inline-block;letter-spacing: 0;white-space: nowrap;font-kerning: normal;font-feature-settings: "liga" 1, "calt" 1, "kern" 1}h1 em, h2 em, h3 em, .word.em, .cs-h1 i, .side-note em, .gs-line, .footer-thanks{font-kerning: normal;font-feature-settings: "liga" 1, "calt" 1, "kern" 1;text-rendering: optimizeLegibility}.gallery.g-groups.paper .gf-card img, .gallery.g-groups.paper .gf-grid img{box-shadow: 0 0 0 1px var(--line), 0 22px 40px -30px rgba(22, 48, 45, 0.55)}.gf.lead .gf-card, .gf .gf-card{align-self: start}.gf-grid:has(> .gg-item:only-child){column-count: 1;max-width: min(100%, 460px)}.gf-text .ar{font-size: 1.15em}.belt .app-ic.real{background: none !important;padding: 0;overflow: visible}.belt .app-ic.real svg{display: block;width: 100%;height: 100%}.belt .app-ic.real, .belt .app-ic.letter{border-radius: 23% !important}.belt .app-ic.letter b{font-size: clamp(24px, 2.9vw, 42px)}.belt .app{gap: 0;width: clamp(92px, 10vw, 142px)}.belt .app-ic{width: clamp(64px, 6.8vw, 98px)}.belt .app-ic.real.photo{overflow: hidden;border-radius: 23% !important}.belt .app-ic.real.photo img{display: block;width: 100%;height: 100%;object-fit: cover}.fin .doodle.underline.u-spark path:nth-child(2){display: none}.mts-grid{display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));column-gap: clamp(18px, 2.4vw, 40px);row-gap: clamp(34px, 4.6vw, 76px)}.mts-card{position: relative;display: block;color: inherit;text-decoration: none;grid-column: span 6}.mts-card.lead{grid-column: 1 / -1}.mts-card:nth-child(2){grid-column: 1 / span 7}.mts-card:nth-child(3){grid-column: 8 / span 5;margin-top: clamp(40px, 7vw, 120px)}.mts-media{position: relative;display: block;aspect-ratio: 4 / 3;border-radius: clamp(16px, 1.8vw, 28px);overflow: hidden;background: var(--mint)}.mts-card.lead .mts-media{aspect-ratio: 16 / 8}.mts-card:nth-child(3) .mts-media{aspect-ratio: 4 / 4.4}.mts-media > *{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 1.1s var(--ease)}.mts-media .ph span, .mts-media .ph::after{display: none}.mts-media .ph::before{width: auto;height: 58%}.mts-info{display: grid;grid-template-columns: auto minmax(0, 1fr) auto;column-gap: clamp(12px, 1.4vw, 22px);row-gap: 6px;align-items: center;padding-top: clamp(14px, 1.6vw, 24px)}.mts-n{grid-row: 1 / span 2;align-self: start;padding-top: 0.5em;font: 600 12px var(--body);letter-spacing: 0.12em;color: var(--teal-text)}.mts-t{grid-column: 2;font: 700 clamp(26px, 3vw, 46px)/1.02 var(--display);letter-spacing: -0.04em}.mts-card.lead .mts-t{font-size: clamp(34px, 5.4vw, 88px);letter-spacing: -0.045em}.mts-m{grid-column: 2;font-size: clamp(13.5px, 1.15vw, 16.5px);line-height: 1.4;color: var(--muted)}.mts-a{grid-column: 3;grid-row: 1 / span 2;display: grid;place-items: center;width: clamp(40px, 3.6vw, 56px);aspect-ratio: 1;border-radius: 50%;box-shadow: inset 0 0 0 1.5px var(--ink);font-size: clamp(15px, 1.4vw, 20px);transition: background 0.4s, color 0.4s, rotate 0.5s var(--ease), translate 0.5s var(--ease)}.mts-card:active{scale: 0.995}@media (hover: hover){.mts-card:hover .mts-media > *{transform: scale(1.045)}.mts-card:hover .mts-a{background: var(--ink);color: var(--cream);rotate: -45deg;translate: 4px -4px}}.mts-card:focus-visible{outline: 2px solid var(--teal-deep);outline-offset: 8px;border-radius: clamp(16px, 1.8vw, 28px)}.mts-foot{display: flex;justify-content: center;margin-top: clamp(34px, 4.6vw, 72px);padding-top: clamp(22px, 2.6vw, 36px);border-top: 1.5px solid var(--line, rgba(22, 48, 45, 0.16))}@media (max-width: 760px){.mts-grid{grid-template-columns: repeat(2, minmax(0, 1fr));column-gap: 14px;row-gap: 30px}.mts-card:nth-child(2), .mts-card:nth-child(3){grid-column: auto;margin-top: 0}.mts-card:nth-child(3){margin-top: 28px}.mts-card.lead .mts-media{aspect-ratio: 4 / 3.4}.mts-card:nth-child(2) .mts-media, .mts-card:nth-child(3) .mts-media{aspect-ratio: 4 / 4.6}.mts-card:not(.lead) .mts-info{grid-template-columns: minmax(0, 1fr) auto;column-gap: 8px;align-items: start}.mts-card:not(.lead) .mts-n{display: none}.mts-card:not(.lead) .mts-t, .mts-card:not(.lead) .mts-m{grid-column: 1}.mts-card:not(.lead) .mts-t{font-size: clamp(20px, 5.6vw, 26px)}.mts-card:not(.lead) .mts-a{grid-column: 2;width: 34px;font-size: 14px}.mts-card.lead .mts-t{font-size: clamp(34px, 10vw, 48px)}}@media (prefers-reduced-motion: reduce){.mts-media > *, .mts-a{transition: none}}.mts-card:nth-child(2), .mts-card:nth-child(3){grid-column: span 6;margin-top: 0}.mts-card:nth-child(3) .mts-media{aspect-ratio: 4 / 3}@media (max-width: 760px){.mts-card:nth-child(2), .mts-card:nth-child(3){grid-column: auto;margin-top: 0}.mts-card:nth-child(3) .mts-media{aspect-ratio: 4 / 4.6}}.stack-nav{gap: 4px}.stack-nav #stack-pos{position: absolute;width: 1px;height: 1px;min-width: 0;overflow: hidden;clip-path: inset(50%)}.stack-nav.many #stack-pos{position: static;width: auto;height: auto;min-width: 74px;clip-path: none}.stack-nav.many .stack-dots{display: none}.stack-dots{display: flex;align-items: center;gap: 4px;padding: 0 4px}.stack-nav .sdot{display: inline-flex;align-items: center;justify-content: center;width: auto;min-width: 34px;height: 34px;padding: 0;background: transparent;color: var(--ink);box-shadow: inset 0 0 0 1.5px rgba(22, 48, 45, 0.2);font: 600 11px var(--body);letter-spacing: 0.08em;transition: background 0.35s, color 0.35s, box-shadow 0.35s}.sdot b{min-width: 34px;font-weight: 600;text-align: center;font-variant-numeric: tabular-nums}.sdot i{max-width: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font: 600 13px var(--display);font-style: normal;letter-spacing: -0.01em;opacity: 0;transition: max-width 0.6s var(--ease), opacity 0.35s, margin 0.6s var(--ease)}.stack-nav .sdot:hover{background: var(--mint)}.stack-nav .sdot[aria-current="true"]{background: var(--ink);color: var(--cream);box-shadow: none}@media (min-width: 720px){.sdot[aria-current="true"] i{max-width: 170px;margin: 0 14px 0 -2px;opacity: 1}}.stack-card.covered .stack-inner{cursor: pointer}.stack-card .stack-tab{transition: opacity 0.4s}.stack-card.covered .stack-tab .cat{opacity: 0.7}.folder{--tilt: -1deg}.folder:nth-child(even){--tilt: 0.9deg}.folder:nth-child(3n){--tilt: -0.5deg}.folder .folder-open{opacity: 0;scale: 0.6;animation: none;transition: opacity 0.35s, scale 0.5s var(--ease)}.folder[aria-expanded="true"] .folder-open{opacity: 1;scale: 1}@media (hover: hover){.folder:hover .folder-open{opacity: 1;scale: 1}}.folder-front{transition-duration: 0.6s}.folder-panel{margin-top: clamp(18px, 2.4vw, 34px)}.folder-panel .fp-tab{position: relative;z-index: 1;min-width: 0;transform: translateX(var(--tx, 0px));transition: transform 0.7s var(--ease), background 0.5s, color 0.5s}.folder-panel .fp-body{padding: clamp(18px, 2.8vw, 44px);background: color-mix(in srgb, var(--tone) 16%, var(--cream));color: var(--ink);box-shadow: inset 0 3px 0 var(--tone);transition: background 0.5s, box-shadow 0.5s, border-radius 0.5s}.folder-panel.shift .fp-body{border-top-left-radius: clamp(20px, 3vw, 44px)}.folder-panel .fp-head{align-items: flex-end;margin-bottom: clamp(18px, 2.4vw, 34px)}.folder-panel .fp-head h3{font-size: clamp(26px, 3.4vw, 52px)}.folder-panel .fp-head span{color: var(--muted);opacity: 1}.fp-head, .fp-slot{transition: opacity 0.22s, transform 0.4s var(--ease)}.folder-panel.swap .fp-head, .folder-panel.swap .fp-slot{opacity: 0;transform: translateY(8px)}.folder-panel .fp-grid{gap: clamp(28px, 3.2vw, 52px) clamp(16px, 2vw, 32px)}.folder-panel .fcard{grid-template-columns: minmax(0, 1fr) auto;gap: 14px 12px;align-items: start;padding: 0;border-radius: 0;background: none;box-shadow: none;opacity: 0;transform: translateY(18px);transition: transform 0.8s var(--ease) var(--d, 0ms), opacity 0.6s var(--d, 0ms)}.folder-panel .fcard.in{opacity: 1;transform: none}.folder-panel .fcard:hover, .folder-panel .fcard:focus-visible{box-shadow: none}.folder-panel .fcard:focus-visible{outline: 2px solid var(--teal-deep);outline-offset: 8px;border-radius: clamp(14px, 1.6vw, 24px)}.folder-panel .fcard-media{grid-column: 1 / -1;aspect-ratio: 4 / 3;border-radius: clamp(14px, 1.6vw, 24px)}.folder-panel .fcard-media:not(.contain){background: var(--cream)}.folder-panel .fcard-media > *{transition: transform 1s var(--ease)}.folder-panel .fcard-text{padding: 0;gap: 5px}.folder-panel .fcard-text b{font-size: clamp(18px, 1.7vw, 26px)}.folder-panel .fcard-go{position: static;width: 38px;height: 38px;background: none;color: var(--ink);box-shadow: inset 0 0 0 1.5px var(--ink);translate: none;transition: background 0.4s, color 0.4s, rotate 0.5s var(--ease)}@media (hover: hover){.folder-panel .fcard:hover .fcard-media > *{transform: scale(1.04)}.folder-panel .fcard:hover .fcard-go{background: var(--ink);color: var(--cream);rotate: -45deg;translate: none}}.folder-panel .fcard:focus-visible .fcard-go{background: var(--ink);color: var(--cream);translate: none}@media (max-width: 640px){.folder-panel .fp-body{padding: 16px 14px 20px}.folder-panel .fp-grid{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 24px 12px}.folder-panel .fcard{grid-template-columns: minmax(0, 1fr);gap: 10px;padding: 0}.folder-panel .fcard-media{aspect-ratio: 4 / 4.4}.folder-panel .fcard-text b{font-size: 17px}.folder-panel .fcard-text small{font-size: 12.5px}.folder-panel .fcard-go{position: absolute;right: 8px;top: 8px;bottom: auto;width: 30px;height: 30px;font-size: 13px;background: var(--cream);box-shadow: none;translate: none}.stack-nav .sdot, .sdot b{min-width: 36px}.stack-nav .sdot{height: 36px}}@media (prefers-reduced-motion: reduce){.folder-panel .fcard{opacity: 1;transform: none;transition: none}.folder-panel .fp-tab, .folder-panel .fcard-media > *, .sdot i, .fp-head, .fp-slot{transition: none}}.fcard-media > img, .fcard-media.contain > img, .mts-media > img, .stack-media > img{object-fit: cover;object-position: 50% 50%}.doodle{overflow: visible}.doodle path{stroke-width: 3}.doodle.underline path{stroke-width: clamp(2.8px, 0.04em, 5.5px)}.doodle.underline.u-arrow path, .doodle.underline.u-spark path{stroke-width: clamp(3px, 0.042em, 5.5px)}.doodle.underline.u-swash path{stroke-width: 0.36em}h1[data-underline="spark"], h2[data-underline="spark"]{padding-bottom: 0.16em}h1[data-underline="arrow"], h2[data-underline="arrow"]{padding-bottom: 0.22em}.off, .off *{animation-play-state: paused !important}html.js .doodle.underline path{stroke-dasharray: var(--len, 2) var(--len, 2);stroke-dashoffset: var(--len, 2)}html.js .split > .doodle.underline path{transition: stroke-dashoffset 1.1s cubic-bezier(.65, 0, .35, 1) 0.9s}html.js .seo-static{display: none}.seo-static{max-width: 760px;margin: 120px auto 40px;padding: 0 var(--gutter, 20px);font-size: 15px;line-height: 1.6}.portrait:not(.is-ph){aspect-ratio: 1;border-radius: 0;overflow: visible}.portrait:not(.is-ph) > img{display: block;width: 100%;height: 100%;object-fit: contain;transform: none !important}.portrait.reveal-clip:not(.is-ph){clip-path: none}.live .cs-figure .ch{animation: none}.live .cs-figure .ch-wrap{animation: cs-grow 1.7s cubic-bezier(0.22, 1, 0.36, 1) both;transform-origin: 50% 58%}@media (prefers-reduced-motion: reduce){.live .cs-figure .ch-wrap{animation: none}}.live .cs-stage{contain: layout paint}@media (max-width: 760px){.nav-pill, .stack-nav{backdrop-filter: none;-webkit-backdrop-filter: none;background: rgba(252, 250, 244, 0.97)}}.doodle path{stroke-width: 3.2;stroke-linecap: round;stroke-linejoin: round}.doodle.underline path{stroke-width: clamp(2.8px, 0.04em, 5.5px)}.desk-sketch{flex: none;width: clamp(92px, 11vw, 160px);height: auto;margin-bottom: 0.4em;color: var(--teal-text);overflow: visible;rotate: -3deg}html.js .desk-sketch.doodle.draw path{transition: stroke-dashoffset 1.1s var(--ease) 0.3s}html.js .desk-sketch.doodle.draw path:nth-child(2){transition-delay: 0.55s}html.js .desk-sketch.doodle.draw path:nth-child(n + 3){transition-delay: 0.9s}@media (max-width: 640px){.desk-sketch{width: 84px}}.about-note .doodle.arrow{width: 46px}.show-note .doodle.arrow-down, .files-note .doodle.arrow-down{width: 27px}h1 em, h2 em, h3 em, .word.em, .hero h1 .word.em, .cs-h1 i, .live .cs-h1 i, .workcta-title em{font-family: var(--display);font-style: normal;font-weight: inherit;font-size: 1em;line-height: inherit;letter-spacing: inherit;font-feature-settings: normal;rotate: none;translate: none;display: inline;margin: 0}.split .word.em{display: inline-block}.split .word.em .char{letter-spacing: inherit}.cs-scroll-arrow{display: block;width: clamp(30px, 2.6vw, 40px);height: auto;overflow: visible;fill: none;stroke: var(--cream);stroke-width: 3.4;stroke-linecap: round;stroke-linejoin: round;animation: cue-fall 2.8s cubic-bezier(0.5, 0, 0.3, 1) infinite}.cs-scroll-arrow path{stroke-dasharray: 1;stroke-dashoffset: 1;animation: cue-draw 2.8s cubic-bezier(0.6, 0, 0.3, 1) infinite}.cs-scroll-arrow path + path{animation-name: cue-head}@keyframes cue-draw{0%{stroke-dashoffset: 1}45%, 100%{stroke-dashoffset: 0}}@keyframes cue-head{0%, 40%{stroke-dashoffset: 1}58%, 100%{stroke-dashoffset: 0}}@keyframes cue-fall{0%, 55%{transform: translateY(0);opacity: 1}85%{transform: translateY(10px);opacity: 1}100%{transform: translateY(14px);opacity: 0}}@media (prefers-reduced-motion: reduce){.cs-scroll-arrow, .cs-scroll-arrow path{animation: none}.cs-scroll-arrow path{stroke-dashoffset: 0}}.project-sub{margin: clamp(14px, 1.6vw, 24px) 0 0;max-width: 30em;font: 500 clamp(18px, 2vw, 30px)/1.25 var(--display);letter-spacing: -0.02em;color: var(--teal-text)}.project-head h1{font-size: clamp(44px, 9vw, 168px);line-height: 0.92;text-wrap: balance}.project-info p{text-wrap: pretty}.chap{margin-top: clamp(64px, 9vw, 150px)}.chap-head{display: flex;align-items: baseline;gap: clamp(12px, 1.6vw, 26px);padding-top: clamp(16px, 1.8vw, 26px);border-top: 1.5px solid var(--ink);margin-bottom: clamp(24px, 3.4vw, 54px)}.chap-n{flex: none;font: 600 12px/1 var(--body);letter-spacing: 0.14em;color: var(--teal-text);font-variant-numeric: tabular-nums}.chap-head h2{margin: 0;font: 700 clamp(28px, 3.6vw, 56px)/1.02 var(--display);letter-spacing: -0.04em}.chap-lead{margin: 0;max-width: 34em;font: 500 clamp(19px, 2vw, 30px)/1.42 var(--body);color: var(--ink);text-wrap: pretty}.chap-lead + .gf, .chap-lead + .gg, .chap-lead + .bd-list{margin-top: clamp(34px, 4.6vw, 72px)}.chap > .gf{margin-top: clamp(40px, 5.6vw, 96px);padding-top: clamp(28px, 4vw, 60px);border-top: 1px solid var(--line)}.chap-head + .gf, .chap-head + .gg, .bd-list + .gf{margin-top: 0;padding-top: 0;border-top: 0}.chap > .gg{padding-top: clamp(34px, 5vw, 80px)}.chap-head + .gg, .chap-lead + .gg{padding-top: 0}.bd-list + .gf, .bd-list + .gg{margin-top: clamp(40px, 5.6vw, 96px)}.gf-title{margin: 0;font: 700 clamp(34px, 5vw, 80px)/1 var(--display);letter-spacing: -0.045em}h4.gf-more{margin-bottom: 0}.gf-head > .gf-text:first-child{margin-top: 0;font-size: clamp(18px, 1.8vw, 26px);line-height: 1.45;max-width: 30em}.bd-list{display: grid;grid-template-columns: repeat(auto-fit, minmax(min(100%, 270px), 1fr));gap: clamp(22px, 3vw, 52px)}.bd{padding-top: clamp(14px, 1.6vw, 22px);border-top: 1px solid var(--line)}.bd-n{display: block;font: 600 11px/1 var(--body);letter-spacing: 0.14em;color: var(--teal-text);font-variant-numeric: tabular-nums}.bd h3{margin: clamp(10px, 1.2vw, 16px) 0 0;font: 700 clamp(21px, 2vw, 30px)/1.1 var(--display);letter-spacing: -0.035em}.bd p{margin: clamp(8px, 1vw, 14px) 0 0;max-width: 40ch;font: 500 clamp(15.5px, 1.25vw, 18px)/1.6 var(--body);color: var(--ink);text-wrap: pretty}.chap-final .gg-grid{gap: clamp(16px, 2.6vw, 44px)}.gallery.g-groups{padding-bottom: clamp(20px, 3vw, 48px)}.gallery.g-groups img[data-full]{cursor: zoom-in}.gallery.g-groups img[data-full]:focus-visible{outline: 2px solid var(--teal-deep);outline-offset: 4px}html.lb-open{overflow: hidden}.lb{position: fixed;inset: 0;z-index: 200;display: grid;grid-template-columns: auto minmax(0, 1fr) auto;align-items: center;gap: clamp(6px, 1.4vw, 20px);padding: clamp(54px, 7vh, 80px) clamp(10px, 2vw, 28px) clamp(40px, 6vh, 60px);background: rgba(13, 30, 28, 0.94);color: var(--cream);animation: lb-in 0.25s ease both}.lb[hidden]{display: none}@keyframes lb-in{from{opacity: 0}}.lb-fig{margin: 0;min-width: 0;height: 100%;display: grid;grid-template-rows: minmax(0, 1fr) auto;justify-items: center;align-items: center;gap: 12px;cursor: zoom-out}.lb-img{display: block;max-width: 100%;max-height: 100%;min-height: 0;width: auto;height: auto;object-fit: contain;cursor: default}.lb-cap{max-width: 60ch;text-align: center;font: 500 13.5px/1.4 var(--body);color: rgba(252, 250, 244, 0.82)}.lb button{display: grid;place-items: center;width: 46px;height: 46px;border: 0;border-radius: 50%;background: rgba(252, 250, 244, 0.12);color: var(--cream);font: 500 20px/1 var(--body);cursor: pointer;transition: background 0.3s;-webkit-tap-highlight-color: transparent}.lb button:hover, .lb button:focus-visible{background: rgba(252, 250, 244, 0.26)}.lb button:focus-visible{outline: 2px solid var(--cream);outline-offset: 3px}.lb-x{position: absolute;top: clamp(10px, 1.6vw, 22px);right: clamp(10px, 1.6vw, 22px);font-size: 26px}.lb-count{position: absolute;left: 50%;bottom: clamp(12px, 2vh, 22px);translate: -50% 0;font: 600 11px/1 var(--body);letter-spacing: 0.14em;color: rgba(252, 250, 244, 0.7)}.lb.single .lb-nav, .lb.single .lb-count{visibility: hidden}@media (max-width: 640px){.lb{grid-template-columns: minmax(0, 1fr);padding: 64px 8px 76px}.lb-nav{position: absolute;bottom: 14px}.lb-prev{left: 14px}.lb-next{right: 14px}.lb-count{bottom: 30px}.chap-head{flex-direction: column;gap: 10px}}@media (prefers-reduced-motion: reduce){.lb{animation: none}}.lb-fig{height: auto;max-height: 100%;grid-template-rows: auto auto;align-content: center}.lb-img{max-width: min(100%, calc(100vw - 150px));max-height: calc(100vh - 190px);max-height: calc(100svh - 190px)}.lb button{position: relative;z-index: 2;flex: none}.lb .lb-x{position: absolute}@media (max-width: 640px){.lb-img{max-width: 100%;max-height: calc(100svh - 200px)}.lb .lb-nav{position: absolute}}.gg-grid.blend{max-width: 1100px;margin-left: auto;margin-right: auto}.gallery.g-groups.paper .chap-behind .gg-grid img{box-shadow: 0 0 0 1px var(--line), 0 18px 34px -28px rgba(22, 48, 45, 0.5)}.gallery.g-groups.paper .chap-behind .gg-grid{max-width: 1040px}.chap-final > .gg + .gg{padding-top: clamp(16px, 2.6vw, 44px)}.work-page .folders{grid-template-columns: repeat(3, minmax(0, 1fr));gap: clamp(22px, 3.4vw, 56px) clamp(18px, 2.6vw, 44px);padding: clamp(26px, 3.4vw, 48px) 0 clamp(10px, 2vw, 30px)}.work-page a.folder{display: block;text-decoration: none;aspect-ratio: 1 / 0.78;rotate: var(--tilt, -1deg)}.work-page .folder-name{font-size: clamp(22px, 2.9vw, 46px)}.work-page .folder-count{font-size: clamp(17px, 1.7vw, 26px)}.work-page .folder-back b{font-size: clamp(12px, 1.1vw, 16px)}.work-page .folder-paper u{font-size: clamp(10px, 1.05vw, 16px)}.work-page .folder-front{padding: clamp(14px, 1.8vw, 28px) clamp(16px, 2vw, 30px)}.work-page .folder .folder-open{width: clamp(34px, 3.2vw, 50px);font-size: clamp(14px, 1.3vw, 19px);right: clamp(12px, 1.4vw, 22px);top: clamp(12px, 1.4vw, 22px)}.work-page .folder-back, .work-page .folder-back::before{transition: translate 0.6s var(--ease)}@media (hover: hover){.work-page a.folder:hover{rotate: 0deg;translate: 0 -8px}.work-page a.folder:hover .folder-front{transform: rotateX(-22deg)}.work-page a.folder:hover .folder-paper.p1{transform: translateY(-20%) rotate(-5deg)}.work-page a.folder:hover .folder-paper.p2{transform: translateY(-9%) rotate(4deg)}.work-page a.folder:hover .folder-back::before{translate: 0 -3px}.work-page a.folder:hover .folder-open i{translate: 3px 0}}@media (hover: none){.work-page .folder .folder-open{opacity: 1;scale: 1}}.work-page a.folder:active{translate: 0 -2px}.work-page a.folder.opening{rotate: 0deg;translate: 0 -10px;z-index: 2}.work-page a.folder.opening .folder-front{transform: rotateX(-34deg)}.work-page a.folder.opening .folder-paper.p1{transform: translateY(-38%) rotate(-7deg)}.work-page a.folder.opening .folder-paper.p2{transform: translateY(-24%) rotate(6deg)}.work-page a.folder:focus-visible{outline: 2px solid var(--teal-deep);outline-offset: 8px;border-radius: 16px}@media (max-width: 980px){.work-page .folders{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (max-width: 560px){.work-page .folders{gap: 22px 14px}.work-page a.folder{aspect-ratio: 1 / 0.9}.work-page .folder-name{font-size: clamp(18px, 5.4vw, 24px)}.work-page .folder-count{font-size: 15px}.work-page .folder .folder-open{width: 30px;font-size: 13px;right: 10px;top: 10px}}.folder-veil{position: fixed;z-index: 150;border-radius: clamp(12px, 1.4vw, 20px);pointer-events: none;transition: left 0.46s var(--ease), top 0.46s var(--ease), width 0.46s var(--ease), height 0.46s var(--ease), border-radius 0.46s var(--ease), opacity 0.36s ease}.folder-veil.grow{left: 0 !important;top: 0 !important;width: 100vw !important;height: 100vh !important;height: 100lvh !important;border-radius: 0}.folder-veil.out{opacity: 0}section.cat{--tone: var(--teal);--tone-ink: var(--cream);padding: 0 0 clamp(40px, 6vw, 96px)}section.cat.f2{--tone: var(--sand);--tone-ink: var(--ink)}section.cat.f3{--tone: var(--ink);--tone-ink: var(--cream)}section.cat.f4{--tone: var(--mint);--tone-ink: var(--ink)}section.cat.f5{--tone: var(--teal-deep);--tone-ink: var(--cream)}section.cat.f6{--tone: var(--teal-soft);--tone-ink: var(--ink)}section.cat[hidden]{display: none}.cat-nav{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 10px 24px;padding-top: clamp(4px, 1vw, 14px);font: 600 12px/1 var(--body);letter-spacing: 0.12em;text-transform: uppercase}.cat-back{display: inline-flex;align-items: center;gap: 10px;min-height: 44px;color: var(--ink);text-decoration: none}.cat-back span{display: inline-block;transition: translate 0.4s var(--ease)}.cat-back:hover span{translate: -5px 0}.cat-crumb{display: flex;gap: 10px;margin: 0;padding: 0;list-style: none;color: var(--muted)}.cat-crumb li + li::before{content: "/";margin-right: 10px;opacity: 0.6}.cat-crumb a{color: inherit;text-decoration: none}.cat-crumb a:hover{color: var(--ink)}.cat-crumb [aria-current]{color: var(--ink)}.cat-head{margin-top: clamp(22px, 3vw, 44px);padding-top: clamp(20px, 2.6vw, 38px);border-top: 1.5px solid var(--ink);position: relative}.cat-tab{position: absolute;left: 0;bottom: 100%;display: inline-flex;align-items: center;gap: 12px;padding: 9px 18px 8px;border-radius: 12px 12px 0 0;background: var(--tone);color: var(--tone-ink);font: 700 clamp(17px, 1.6vw, 22px)/1 var(--hand)}.cat-tab b{font: 600 11px/1 var(--body);letter-spacing: 0.12em;opacity: 0.85}.cat-nav{padding-bottom: 34px}.cat-head h1{margin: 0;font: 700 clamp(48px, 9vw, 168px)/0.94 var(--display);letter-spacing: -0.05em}.cat-lede{margin: clamp(14px, 1.8vw, 26px) 0 0;max-width: 32em;font: 500 clamp(17px, 1.7vw, 24px)/1.45 var(--body);color: var(--ink);text-wrap: pretty}.cat-empty{margin: clamp(30px, 4vw, 60px) 0 0;font-size: 17px;color: var(--muted)}.cat-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));column-gap: clamp(18px, 2.8vw, 48px);row-gap: clamp(36px, 5vw, 84px);margin-top: clamp(34px, 5vw, 80px);align-items: start}.ccard{display: block;color: inherit;text-decoration: none;opacity: 0;transform: translateY(26px);transition: opacity 0.6s var(--d, 0ms), transform 0.9s var(--ease) var(--d, 0ms)}section.cat.in .ccard{opacity: 1;transform: none}.ccard:nth-child(4n + 2), .ccard:nth-child(4n + 3){margin-top: clamp(0px, 6vw, 110px)}.ccard:nth-child(4n + 3){margin-top: 0}.ccard-media{position: relative;display: block;aspect-ratio: 4 / 3;border-radius: clamp(16px, 1.8vw, 28px);overflow: hidden;background: var(--mint)}.ccard:nth-child(4n + 2) .ccard-media, .ccard:nth-child(4n + 3) .ccard-media{aspect-ratio: 4 / 4.5}.ccard-media > *{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;transition: transform 1.1s var(--ease)}.ccard-media .ph::after{display: none}.ccard-info{display: grid;grid-template-columns: auto minmax(0, 1fr) auto;column-gap: clamp(12px, 1.4vw, 22px);row-gap: 6px;align-items: center;padding-top: clamp(14px, 1.6vw, 24px)}.ccard-n{grid-row: 1 / span 2;align-self: start;padding-top: 0.55em;font: 600 12px var(--body);letter-spacing: 0.12em;color: var(--teal-text);font-variant-numeric: tabular-nums}.ccard-t{grid-column: 2;font: 700 clamp(26px, 3.2vw, 50px)/1.02 var(--display);letter-spacing: -0.04em}.ccard-m{grid-column: 2;font-size: clamp(13.5px, 1.15vw, 16.5px);line-height: 1.4;color: var(--muted)}.ccard-a{grid-column: 3;grid-row: 1 / span 2;display: grid;place-items: center;width: clamp(40px, 3.6vw, 56px);aspect-ratio: 1;border-radius: 50%;box-shadow: inset 0 0 0 1.5px var(--ink);font-size: clamp(15px, 1.4vw, 20px);transition: background 0.4s, color 0.4s, rotate 0.5s var(--ease), translate 0.5s var(--ease)}@media (hover: hover){.ccard:hover .ccard-media > *{transform: scale(1.04)}.ccard:hover .ccard-a{background: var(--ink);color: var(--cream);rotate: -45deg;translate: 3px -3px}}.ccard:focus-visible{outline: 2px solid var(--teal-deep);outline-offset: 8px;border-radius: clamp(16px, 1.8vw, 28px)}.ccard:active{scale: 0.995}.cat-next{display: flex;align-items: baseline;justify-content: space-between;gap: 20px;margin-top: clamp(56px, 8vw, 130px);padding: clamp(20px, 2.6vw, 36px) 0;border-top: 1.5px solid var(--ink);border-bottom: 1px solid var(--line);color: var(--ink);text-decoration: none}.cat-next span{font: 600 12px/1 var(--body);letter-spacing: 0.12em;text-transform: uppercase;color: var(--muted)}.cat-next strong{font: 700 clamp(28px, 4.4vw, 72px)/1 var(--display);letter-spacing: -0.045em}.cat-next i{display: inline-block;font-style: normal;transition: translate 0.5s var(--ease)}.cat-next:hover i{translate: 10px 0}.cat-cta{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 18px 30px;margin-top: clamp(28px, 4vw, 60px)}.cat-cta p{margin: 0}.cat-cta-q{font: 600 12px/1.3 var(--body);letter-spacing: 0.12em;text-transform: uppercase;color: var(--teal-text)}.cat-cta-a{margin-top: 8px !important;font: 600 clamp(20px, 2.2vw, 32px)/1.2 var(--display);letter-spacing: -0.03em}@media (max-width: 760px){.cat-grid{grid-template-columns: minmax(0, 1fr);row-gap: 40px}.ccard:nth-child(n){margin-top: 0}.ccard:nth-child(n) .ccard-media{aspect-ratio: 4 / 3.4}.ccard:nth-child(even) .ccard-media{aspect-ratio: 4 / 4.2}.cat-crumb{display: none}.cat-next{flex-direction: column;gap: 12px}}@media (prefers-reduced-motion: reduce){.ccard{opacity: 1;transform: none;transition: none}.folder-veil{transition: none}.work-page a.folder, .work-page .folder-front, .work-page .folder-paper{transition: none}}.split .word.em{padding: 0.14em 0.05em 0.2em;margin: -0.14em -0.05em -0.2em;vertical-align: top;position: static;top: auto;translate: none;line-height: inherit}.split .word.em .char{line-height: inherit;vertical-align: baseline}:root{--blob: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M75 0C80 0 88 10 94 20C104 38 100 62 88 80C78 95 62 100 47 100C33 100 20 90 11 74C3 60-2 50 1 42C4 31 12 26 21 26C36 27 48 24 60 12C66 6 71 0 75 0Z'/%3E%3C/svg%3E")}.mts-a, .ccard-a, .pick-a, .folder-panel .fcard-go, .fcard-go, .folder .folder-open, .work-page .folder .folder-open, .stack-nav > button, .lb .lb-nav, .lb .lb-x{border-radius: 0;box-shadow: none;aspect-ratio: 1 / 1.04;-webkit-mask: var(--blob) center / contain no-repeat;mask: var(--blob) center / contain no-repeat}.mts-a, .ccard-a, .pick-a, .folder-panel .fcard-go{background: var(--ink);color: var(--cream);padding-top: 0.5em}.folder .folder-open i, .mts-a, .ccard-a{line-height: 1}.stack-nav > button{padding-top: 6px}.lb .lb-nav, .lb .lb-x{background: rgba(252, 250, 244, 0.2);padding-top: 6px}@media (hover: hover){.mts-card:hover .mts-a, .ccard:hover .ccard-a{background: var(--teal-deep);color: var(--cream);rotate: 0deg;translate: 4px 0}}@media (max-width: 900px){.stack-card{max-height: min(430px, calc(100svh - var(--stack-top) - var(--n) * var(--stack-gap) - 96px));min-height: 300px}.stack-text{gap: 10px;padding-top: 14px;padding-bottom: 16px}.stack-bottom{gap: 8px 14px}.view{min-height: 42px}}.gg-head{display: grid;grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);gap: clamp(20px, 4vw, 72px);align-items: end;margin: clamp(10px, 1.4vw, 20px) 0 clamp(26px, 4vw, 64px)}.gg-head .gf-text{margin: 0}.gg-grid.stagger .gg-row:first-child > .gg-item:nth-child(2){margin-top: clamp(28px, 6vw, 96px)}.gg-grid.stagger .gg-row:first-child > .gg-item:nth-child(1){margin-bottom: clamp(28px, 6vw, 96px)}@media (max-width: 760px){.gg-head{grid-template-columns: 1fr;gap: 14px;align-items: start}.gg-grid.stagger .gg-row:first-child > .gg-item:nth-child(2){margin-top: 22px}.gg-grid.stagger .gg-row:first-child > .gg-item:nth-child(1){margin-bottom: 22px}}.gg-grid.jr{display: block;--gg-gap: clamp(14px, 2.2vw, 36px);--rowh: min(80vh, 820px)}.gg-row{display: flex;align-items: flex-start;gap: var(--gg-gap);margin: 0 auto var(--gg-gap);max-width: calc(var(--sum) * var(--rowh) + (var(--n) - 1) * var(--gg-gap))}.gg-row:last-child{margin-bottom: 0}.gg-row > .gg-item{flex: calc(var(--ar) * 100) 1 0;min-width: 0;margin: 0}.gallery.g-groups .gg-row > .gg-item img{aspect-ratio: var(--ar)}.gg-row > .gg-item.tile{flex: 1 1 0}@media (max-width: 760px){.gg-grid.jr{--gg-gap: 12px;--rowh: 140vh}.gg-row{margin-left: auto;margin-right: auto}}body[data-page="project"] .nav-pill{background: rgba(252, 250, 244, 0.95);backdrop-filter: none;-webkit-backdrop-filter: none}.gg-grid.narrow{max-width: 720px;margin-left: auto;margin-right: auto}.gg-grid.medium{max-width: 1000px;margin-left: auto;margin-right: auto}.gg-grid.small{max-width: 460px;margin-left: auto;margin-right: auto}.gg-grid.phone{max-width: 420px;margin-left: auto;margin-right: auto;--rowh: 600vh}.gallery.g-groups .gg-grid.phone img{border-radius: 18px;box-shadow: 0 0 0 1px var(--line), 0 30px 60px -40px rgba(22, 48, 45, 0.5)}.gallery.g-groups img[src*="baki/book-"]{box-shadow: 0 0 0 1px var(--line)}.gallery.g-groups figure img[data-full]{transition: opacity 0.45s ease}.gallery.g-groups figure img.pending{opacity: 0}.gallery.g-groups .gf-card img[data-full], .gallery.g-groups .gf-grid img[data-full]{height: auto}.offers .wrap{grid-template-columns: repeat(6, minmax(0, 1fr));gap: clamp(16px, 2.2vw, 32px);align-items: stretch}.offers .offer{grid-column: span 2;display: flex;flex-direction: column;transition: translate 0.5s var(--ease)}.offers .offer.big{grid-column: span 3}.offers .offer:hover{translate: 0 -6px}.offers .offer:nth-child(even) .fp-tab{margin-left: 0}.offers .offer .fp-body.offer-card{flex: 1;display: flex;flex-direction: column;align-items: flex-start;padding: clamp(22px, 2.8vw, 44px);border-radius: 0 clamp(20px, 2.6vw, 38px) clamp(20px, 2.6vw, 38px) clamp(20px, 2.6vw, 38px)}.offer-card h2{margin: 0;font: 700 clamp(26px, 2.5vw, 38px)/1.02 var(--display);letter-spacing: -0.04em;text-wrap: balance}.offer.big .offer-card h2{font-size: clamp(34px, 4.4vw, 68px);letter-spacing: -0.045em}.offer-card .offer-line{margin: clamp(12px, 1.4vw, 20px) 0 0;max-width: 30ch;font-size: clamp(15.5px, 1.25vw, 18px);line-height: 1.5}.offer.big .offer-card .offer-line{font-size: clamp(16.5px, 1.5vw, 21px);max-width: 28ch}.offer-card .offer-for{margin: clamp(14px, 1.6vw, 22px) 0 clamp(20px, 2.4vw, 34px);padding-top: clamp(12px, 1.2vw, 16px);width: 100%;border-top: 1px solid color-mix(in srgb, var(--tone-ink) 26%, transparent);font-size: clamp(13.5px, 1.05vw, 15px);line-height: 1.5;opacity: 0.9}.offer-card .offer-for b{margin-right: 8px;font: 600 11px/1 var(--body);letter-spacing: 0.12em;text-transform: uppercase}.offer-card .offer-btn{margin-top: auto}@media (max-width: 980px){.offers .offer, .offers .offer.big{grid-column: span 3}.offers .offer:last-child{grid-column: 1 / -1}}@media (max-width: 640px){.offers .wrap{grid-template-columns: minmax(0, 1fr)}.offers .offer, .offers .offer.big, .offers .offer:last-child{grid-column: auto}.offers .offer:hover{translate: none}}.offers .offer .fp-tab{align-self: flex-start;width: max-content}.lang{display: inline-flex;align-items: center;gap: 2px;padding: 3px;border-radius: 999px;box-shadow: inset 0 0 0 1px rgba(22, 48, 45, 0.14)}.lang button{min-width: 30px;height: 30px;padding: 0 8px;border: 0;border-radius: 999px;background: none;color: inherit;font: 600 11.5px/1 var(--body);letter-spacing: 0.06em;cursor: pointer;transition: background 0.25s, color 0.25s}.lang button[lang="ar"]{font-size: 15px;letter-spacing: 0}.lang button:hover{background: rgba(88, 158, 152, 0.2)}.lang button[aria-pressed="true"]{background: var(--ink);color: var(--cream)}.lang button:focus-visible{outline: 2px solid var(--teal-deep);outline-offset: 2px}.lang-float{position: fixed;right: 16px;bottom: max(16px, env(safe-area-inset-bottom));z-index: 46}.lang-float{direction: ltr;display: flex;flex-direction: column;align-items: flex-end;gap: 8px}.lang-toggle{width: 44px;height: 44px;border: 0;border-radius: 50%;background: var(--ink);color: var(--cream);font: 700 12px/1 var(--body);letter-spacing: 0.08em;cursor: pointer;box-shadow: 0 8px 26px rgba(22, 48, 45, 0.22);transition: background 0.25s, scale 0.25s}.lang-toggle:hover{background: var(--teal-deep)}.lang-toggle:active{scale: 0.94}.lang-toggle:focus-visible{outline: 2px solid var(--teal-deep);outline-offset: 3px}.lang-float.open .lang-toggle{background: var(--teal-deep)}.lang-pop[hidden]{display: none}.lang-pop{animation: lang-pop 0.22s var(--ease) both}.lang-pop .lang{padding: 5px;gap: 4px;background: rgba(252, 250, 244, 0.98);box-shadow: 0 10px 30px rgba(22, 48, 45, 0.2), inset 0 0 0 1px rgba(22, 48, 45, 0.1)}.lang-pop .lang button{min-width: 40px;height: 38px;font-size: 12.5px}.lang-pop .lang button[lang="ar"]{font-size: 17px}@keyframes lang-pop{from{opacity: 0;translate: 0 8px}to{opacity: 1;translate: 0 0}}@media (prefers-reduced-motion: reduce){.lang-pop{animation: none}}html.menu-open .lang-float{z-index: 121}html.lb-open .lang-float{display: none}@media (max-width: 900px){.lang-float{right: 14px;bottom: calc(max(14px, env(safe-area-inset-bottom)) + 58px)}}html[lang="ar"]{--display: "IBM Plex Sans Arabic", "Geeza Pro", "Segoe UI", Tahoma, sans-serif;--body: "IBM Plex Sans Arabic", "Geeza Pro", "Segoe UI", Tahoma, sans-serif;--hand: "IBM Plex Sans Arabic", "Geeza Pro", "Segoe UI", Tahoma, sans-serif}html[lang="ar"] *, html[lang="ar"] *::before, html[lang="ar"] *::after{letter-spacing: 0 !important}html[lang="ar"] :is(h1, h2, h3, h4, .gf-title, .folder-name, .mts-t, .cat-next b, .next strong){line-height: 1.3 !important}html[lang="ar"] .split .word{padding-top: 0.3em;padding-bottom: 0.4em;margin-top: -0.3em;margin-bottom: -0.4em}html[lang="ar"] :is(.hero-note em, .side-note em, .bridge em, .footer-thanks, .cs-scroll em, .gs-line, .workcta-title em, .folder-count){rotate: none;font-weight: 600}html[lang="ar"] .lang{direction: ltr}.fin, .page-head, .index, .about{overflow-x: clip}html[lang="ar"] .ar, html[lang="ar"] .ar .word, html[lang="ar"] .ar .char, html[lang="ar"] .word, html[lang="ar"] .char{font-family: inherit}html[dir="rtl"] .offers .offer .fp-body.offer-card{border-radius: clamp(20px, 2.6vw, 38px) 0 clamp(20px, 2.6vw, 38px) clamp(20px, 2.6vw, 38px)}.ltr-in-rtl{text-align: right}html[dir="rtl"] bdi[dir="ltr"]{unicode-bidi: isolate}.ch{display: block;width: 100%;height: 100%;overflow: visible}.ch .ch-lid{opacity: 0}.ch .ch-eye, .ch .ch-open, .ch .ch-brow, .ch .ch-lips{transform-box: fill-box;transform-origin: 50% 50%}.ch .ch-doodle path{stroke-dasharray: 1;stroke-dashoffset: 0}.ch .ch-doodle path{transform-box: fill-box;transform-origin: 50% 50%;animation: ch-float 4.2s ease-in-out infinite}.ch .ch-doodle g:nth-child(2n) path{animation-duration: 5s;animation-delay: -1.4s}.ch .ch-doodle g:nth-child(3n) path{animation-duration: 3.6s;animation-delay: -0.7s}.ch.is-asleep .ch-open{opacity: 0}.ch.is-asleep .ch-lid{opacity: 1}.ch.is-asleep .ch-doodle path{stroke-dashoffset: 1}.ch .ch-open, .ch .ch-lid{transition: opacity 0.35s ease}.ch.is-waking .ch-open{animation: ch-wake 1.3s cubic-bezier(0.4, 0, 0.2, 1) both}.ch.is-waking .ch-lips{animation: ch-smile-in 1.3s ease-in-out both}.ch.is-waking .ch-brow{animation: ch-brow-pop 1.3s ease-in-out both}.ch.is-playing .ch-eye{animation: ch-look 2.4s cubic-bezier(0.45, 0, 0.25, 1) both}.ch.is-playing .ch-eye-l .ch-open{animation: ch-open 2.4s ease-in-out both}.ch.is-playing .ch-eye-l .ch-lid{animation: ch-winks 2.4s ease-in-out both}.ch.is-playing .ch-brow{animation: ch-brow 2.4s ease-in-out both}.ch.is-playing .ch-lips{animation: ch-smile 2.4s ease-in-out both}.ch.is-playing .ch-doodle path{stroke-dashoffset: 1;animation: ch-draw 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards, ch-float 4.2s ease-in-out infinite}.ch.is-playing .ch-doodle g:nth-child(2) path{animation-delay: 0.48s, -1s}.ch.is-playing .ch-doodle g:nth-child(3) path{animation-delay: 0.76s, -1s}.ch.is-playing .ch-doodle g:nth-child(4) path{animation-delay: 1.04s, -1s}.ch.is-playing .ch-doodle g:nth-child(5) path{animation-delay: 1.32s, -1s}.ch.is-playing .ch-doodle g:nth-child(6) path{animation-delay: 1.60s, -1s}.ch.ch-plain .ch-doodle{display: none}@keyframes ch-wake{0%{transform: scaleY(0.05)}38%{transform: scaleY(0.6)}54%{transform: scaleY(0.32)}100%{transform: scaleY(1)}}@keyframes ch-smile-in{0%, 60%{transform: scale(0.94, 0.9)}100%{transform: scale(1)}}@keyframes ch-brow-pop{0%, 55%, 100%{transform: translateY(0)}78%{transform: translateY(-5px)}}@keyframes ch-look{0%, 100%{transform: translate(0, 0)}20%{transform: translate(-5px, 1px)}44%{transform: translate(5px, -1.5px)}60%{transform: translate(0, 0)}}@keyframes ch-open{0%, 58%{transform: scaleY(1);opacity: 1}65%{transform: scaleY(0.06);opacity: 0.2}74%{transform: scaleY(0.06);opacity: 0.2}83%, 100%{transform: scaleY(1);opacity: 1}}@keyframes ch-winks{0%, 59%{opacity: 0}65%, 74%{opacity: 1}81%, 100%{opacity: 0}}@keyframes ch-brow{0%, 55%, 100%{transform: translateY(0)}66%, 78%{transform: translateY(-6px)}}@keyframes ch-smile{0%, 58%, 100%{transform: scale(1)}68%, 80%{transform: scale(1.12, 1.06)}}@keyframes ch-float{0%, 100%{transform: translate(0, 0) rotate(0deg)}25%{transform: translate(2px, -4px) rotate(2deg)}50%{transform: translate(0, -6px) rotate(0deg)}75%{transform: translate(-2px, -3px) rotate(-2deg)}}@keyframes ch-draw{to{stroke-dashoffset: 0}}@media (prefers-reduced-motion: reduce){.ch *{animation: none !important}.ch .ch-doodle path{stroke-dashoffset: 0 !important}}@keyframes ch-float{0%, 100%{transform: translateY(0)}50%{transform: translateY(-4px)}}.ch .ch-doodle path{shape-rendering: geometricPrecision}.ch > g[clip-path]{animation: ch-breathe 4.8s ease-in-out infinite}.ch .ch-body{transform-box: fill-box;transform-origin: 50% 100%;animation: ch-chest 4.8s ease-in-out infinite}.ch .ch-eye .ch-open{animation: ch-blink 5.6s ease-in-out 2.4s infinite}.ch .ch-eye-r .ch-open{animation-delay: 2.44s}@keyframes ch-breathe{0%, 100%{transform: translateY(0)}50%{transform: translateY(-1.6px)}}@keyframes ch-chest{0%, 100%{transform: scale(1)}50%{transform: scale(1.018, 1.03)}}@keyframes ch-blink{0%, 93%, 100%{transform: scaleY(1)}96.5%{transform: scaleY(0.07)}}.ch .ch-doodle path{stroke-width: 5}.ch-wrap{position: relative;width: 100%;height: 100%}.ch-dd{position: absolute;display: block;overflow: visible;pointer-events: none;fill: none;stroke: #fcfaf4;stroke-width: 5;stroke-linecap: round;stroke-linejoin: round;shape-rendering: geometricPrecision;will-change: transform;animation: ch-dd-float 4.2s ease-in-out infinite}.ch-dd.d2, .ch-dd.d4, .ch-dd.d6{animation-duration: 5s;animation-delay: -1.4s}.ch-dd.d3{animation-duration: 3.6s;animation-delay: -0.7s}.ch-dd path{stroke-dasharray: 1;stroke-dashoffset: 0}.ch-wrap.is-asleep .ch-dd path{stroke-dashoffset: 1}.ch-wrap.is-playing .ch-dd path{stroke-dashoffset: 1;animation: ch-draw 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.2s forwards}.ch-wrap.is-playing .ch-dd.d2 path{animation-delay: 0.48s}.ch-wrap.is-playing .ch-dd.d3 path{animation-delay: 0.76s}.ch-wrap.is-playing .ch-dd.d4 path{animation-delay: 1.04s}.ch-wrap.is-playing .ch-dd.d5 path{animation-delay: 1.32s}.ch-wrap.is-playing .ch-dd.d6 path{animation-delay: 1.6s}.ch-plain ~ .ch-dd{display: none}@keyframes ch-dd-float{0%, 100%{transform: translate3d(0, 0, 0)}50%{transform: translate3d(0, -5px, 0)}}.zooming .ch > g[clip-path], .zooming .ch .ch-body, .zooming .ch .ch-eye .ch-open, .zooming .ch-dd{animation-play-state: paused}@media (prefers-reduced-motion: reduce){.ch-dd, .ch-dd path{animation: none !important}.ch-dd path{stroke-dashoffset: 0 !important}}.ch-dd path.f{fill: #fcfaf4;stroke-width: 2.5}