:root{--ink: #171311;--paper: #f6efe3;--paper-2: #fff9f0;--paper-3: #f0e2cb;--sun: #ffd363;--sun-deep: #f4b63f;--accent: #ff5d73;--accent-deep: #d84358;--sky: #59c2f3;--mint: #8dcf9b;--orange-50: #fff0d1;--orange-100: #ffd99c;--orange-200: #ffc45d;--orange-300: #ffb03f;--orange-400: #f59d31;--orange-500: #eb8c1d;--orange-600: #cf6f08;--orange-700: #a95807;--orange-800: #7d4207;--orange-900: #4b2605;--yellow-50: #fff8d9;--yellow-100: #fff0b0;--yellow-200: #ffe27a;--yellow-300: #ffd363;--yellow-400: #f5c24c;--yellow-500: #e7ac2a;--yellow-600: #be8915;--yellow-700: #8f650f;--yellow-800: #62440d;--yellow-900: #392607;--red-50: #ffe0e5;--red-100: #ffbec8;--red-200: #ff97a8;--red-300: #ff7388;--red-400: #ff5d73;--red-500: #eb4a62;--red-600: #c7374d;--red-700: #9e293c;--red-800: #731b2b;--red-900: #48101a;--blue-50: #dbf4ff;--blue-100: #b8e9fb;--blue-200: #86daf7;--blue-300: #59c2f3;--blue-400: #39a6de;--blue-500: #2386b8;--blue-600: #186891;--blue-700: #134c69;--blue-800: #113545;--blue-900: #0b1d26;--neutral-50: #fffaf2;--neutral-100: #f6efe3;--neutral-200: #dfd1ba;--neutral-300: #c3b292;--neutral-400: #a59374;--neutral-500: #7f6f58;--neutral-600: #5f5445;--neutral-700: #433a31;--neutral-800: #2b2420;--neutral-900: #171311;--xanthous-100: var(--yellow-100);--xanthous-200: var(--yellow-200);--shade-1: var(--paper);--shade-2: var(--paper-2);--shade-3: var(--paper-3);--shade-4: var(--yellow-100);--color-success: #2f7d46;--color-warning: var(--yellow-600);--color-info: var(--blue-600);--color-error: var(--red-600);--font-display: "Outfit", "Arial Rounded MT Bold", sans-serif;--font-primary: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-display: clamp(3rem, 5.8vw, 5.7rem);--text-h1: clamp(2.7rem, 5vw, 4.5rem);--text-h2: clamp(2rem, 3.7vw, 3.1rem);--text-h3: clamp(1.5rem, 2.4vw, 2.2rem);--text-h4: 1.45rem;--text-h5: 1.15rem;--text-body-lg: 1.1rem;--text-body: 1rem;--text-body-sm: .92rem;--text-caption: .76rem;--text-sm: .88rem;--text-lg: 1.12rem;--text-xl: 1.32rem;--text-2xl: 1.72rem;--text-3xl: 2.15rem;--text-4xl: 2.9rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 5.5rem;--space-5xl: 7rem;--stroke: 3px;--radius-sm: .55rem;--radius-md: 1rem;--radius-lg: 1.25rem;--radius-xl: 1.6rem;--radius-2xl: 2rem;--radius-full: 999px;--shadow-small: 3px 3px 0 0 var(--ink);--shadow-medium: 6px 6px 0 0 var(--ink);--shadow-large: 10px 10px 0 0 var(--ink);--transition-fast: .18s ease-out;--transition-medium: .26s ease-out;--container-max: 1240px;--container-padding: 1.5rem}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote,dl,dd{margin:0}body{min-height:100dvh;font-family:var(--font-primary);font-size:var(--text-body);line-height:1.65;color:var(--neutral-800);background:radial-gradient(circle at top left,rgba(255,211,99,.2),transparent 28rem),linear-gradient(180deg,#fbf5ea,#f6efe3)}main{overflow:clip}::selection{background:var(--sun);color:var(--ink)}h1,h2,h3,h4,h5,h6{color:var(--neutral-900);font-family:var(--font-display);font-weight:var(--weight-extrabold);letter-spacing:-.03em;line-height:1.05}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}ul,ol{list-style:none;padding:0}button,input,textarea,select{font:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.container{width:min(100%,var(--container-max));margin:0 auto;padding-inline:var(--container-padding)}.section__label{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:1rem;padding:.45rem .9rem;border:var(--stroke) solid var(--ink);border-radius:var(--radius-full);background:var(--paper-2);box-shadow:var(--shadow-small);font-size:var(--text-caption);font-weight:var(--weight-bold);letter-spacing:.12em;text-transform:uppercase}.section__title{font-size:var(--text-h2);max-width:12ch}.section__description{margin-top:1rem;max-width:62ch;font-size:var(--text-body-lg);color:var(--neutral-700)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:3.4rem;padding:.95rem 1.35rem;border:var(--stroke) solid var(--ink);border-radius:var(--radius-md);box-shadow:var(--shadow-small);font-weight:var(--weight-bold);line-height:1;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast),color var(--transition-fast)}.button:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-medium)}.button:active{transform:translate(2px,2px);box-shadow:none}.button--primary{background:var(--accent);color:var(--paper-2)}.button--primary:hover{background:var(--accent-deep)}.button--secondary{background:var(--paper-2);color:var(--ink)}.button--secondary:hover{background:var(--yellow-50)}.button--nav{min-height:3rem;padding-inline:1.15rem;background:var(--sun);color:var(--ink)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .8rem;border:var(--stroke) solid var(--ink);border-radius:var(--radius-full);font-size:var(--text-caption);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase}.badge--soft{background:var(--yellow-50);color:var(--ink)}.badge--outline{background:transparent;color:var(--ink)}.badge--success{background:#8dcf9b47;color:#1d5330;border-color:var(--ink)}.badge--info{background:#59c2f33d;color:#16465d;border-color:var(--ink)}.badge--warning,.badge--primary,.badge--concept{background:#ffd36357;color:var(--ink);border-color:var(--ink)}.nav{position:sticky;top:0;z-index:50;padding:.85rem 0;border-bottom:var(--stroke) solid transparent;background:#f6efe3eb;backdrop-filter:blur(12px);transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.nav--scrolled{border-color:var(--ink);box-shadow:0 8px 24px #17131114}.nav__container{width:min(100%,var(--container-max));margin:0 auto;padding-inline:var(--container-padding);display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.nav__logo{display:inline-flex;align-items:center;gap:.95rem}.nav__logo-mark{display:grid;place-items:center;width:3rem;height:3rem;border:var(--stroke) solid var(--ink);border-radius:1rem;background:var(--sun);box-shadow:var(--shadow-small);font-family:var(--font-display);font-size:1.1rem;font-weight:var(--weight-extrabold)}.nav__logo-copy{display:flex;flex-direction:column;line-height:1.05}.nav__logo-text{font-family:var(--font-display);font-size:1.15rem;font-weight:var(--weight-extrabold);letter-spacing:-.03em}.nav__logo-tag{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--neutral-600);font-weight:var(--weight-bold)}.nav__menu{display:flex;align-items:center;gap:.35rem}.nav__link{display:inline-flex;align-items:center;min-height:3rem;padding:0 .95rem;border-radius:999px;font-weight:var(--weight-bold);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.nav__link:hover{background:#ffffffb3;transform:translateY(-1px)}.nav__toggle{display:none;align-items:center;justify-content:center;flex-direction:column;gap:.25rem;width:3rem;height:3rem;border:var(--stroke) solid var(--ink);border-radius:1rem;background:var(--paper-2);box-shadow:var(--shadow-small)}.nav__toggle-line{width:1.2rem;height:3px;border-radius:999px;background:var(--ink)}.footer{padding:2.5rem 0;border-top:var(--stroke) solid var(--ink);background:#efe1ca}.footer__content{display:grid;grid-template-columns:1.2fr auto auto;align-items:center;gap:1.5rem}.footer__identity{max-width:30rem}.footer__eyebrow{margin-bottom:.45rem;font-size:var(--text-caption);font-weight:var(--weight-bold);letter-spacing:.12em;text-transform:uppercase}.footer__text,.footer__copyright{color:var(--neutral-700)}.footer__links{display:flex;flex-wrap:wrap;gap:.9rem}.footer__link{font-weight:var(--weight-bold)}.footer__link:hover{color:var(--accent-deep)}.poster-hero{padding:clamp(2rem,5vw,4rem) 0 5rem}.poster-hero__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:clamp(2rem,5vw,4rem);align-items:center;min-height:calc(100dvh - 8rem)}.poster-hero__content{max-width:40rem}.poster-hero__eyebrow{display:inline-flex;margin-bottom:1.25rem;padding:.5rem .8rem;border:var(--stroke) solid var(--ink);border-radius:var(--radius-full);background:var(--paper-2);box-shadow:var(--shadow-small);font-size:var(--text-caption);font-weight:var(--weight-bold);letter-spacing:.09em;text-transform:uppercase}.poster-hero__title{max-width:12.5ch;font-size:var(--text-display)}.poster-hero__title-accent{display:block;color:var(--accent-deep)}.poster-hero__lede{margin-top:1rem;max-width:38rem;font-size:clamp(1.05rem,2vw,1.25rem);color:var(--neutral-700)}.poster-hero__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.poster-hero__meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.poster-hero__stat{min-height:100%;padding:1rem 1.1rem;border:var(--stroke) solid var(--ink);border-radius:var(--radius-lg);background:#ffffff94;box-shadow:var(--shadow-small)}.poster-hero__stat dt{margin-bottom:.35rem;font-size:var(--text-caption);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--neutral-600)}.poster-hero__stat dd{font-weight:var(--weight-bold);color:var(--neutral-900)}.poster-hero__visual{position:relative;align-self:start;padding:.35rem .5rem 2rem 2rem}.poster-hero__frame{position:relative;display:grid;place-items:center;min-height:min(34rem,72vw);padding:2rem;border:var(--stroke) solid var(--ink);border-radius:2rem;background:linear-gradient(180deg,#ffffffb8,#ffffff80),linear-gradient(135deg,#ffd36385,#59c2f333);box-shadow:var(--shadow-large);overflow:hidden}.poster-hero__frame--portrait{min-height:min(38rem,78vw);padding:1rem;background:linear-gradient(180deg,#ffffffe6,#ffffffb3),linear-gradient(135deg,#ffd3636b,#ff5d732e);box-shadow:none}.poster-hero__frame:before,.poster-hero__frame:after{content:"";position:absolute;border:var(--stroke) solid var(--ink);border-radius:999px;background:#ffffffb3}.poster-hero__frame:before{width:8rem;height:8rem;top:-2rem;right:-1rem;background:#ff5d7357}.poster-hero__frame:after{width:5.5rem;height:5.5rem;bottom:-1rem;left:-1rem;background:#59c2f357}.poster-hero__image{position:relative;z-index:1;width:min(100%,25rem);filter:drop-shadow(0 10px 0 rgba(23,19,17,.1))}.poster-hero__image--portrait{width:min(100%,36rem);max-height:100%;object-fit:contain;filter:none}.poster-hero__visual .poster-hero__sticker{box-shadow:none}.origin-strip,.project-wall,.contact-poster{padding:5rem 0}.origin-strip{background:var(--paper-2);border-top:var(--stroke) solid var(--ink);border-bottom:var(--stroke) solid var(--ink)}.origin-strip__grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.75fr);gap:2rem;align-items:start}.origin-strip__body{margin-top:1.2rem;max-width:65ch;color:var(--neutral-700)}.origin-strip__aside{display:grid;gap:1rem}.origin-strip__note{padding:1.4rem;border:var(--stroke) solid var(--ink);border-radius:var(--radius-xl);background:var(--sun);box-shadow:var(--shadow-medium)}.origin-strip__note-title{margin-bottom:.6rem;font-family:var(--font-display);font-size:1.15rem;font-weight:var(--weight-extrabold)}.origin-strip__list{display:grid;gap:.9rem}.origin-strip__list li{padding:1rem 1.15rem;border:var(--stroke) solid var(--ink);border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow-small);font-weight:var(--weight-semibold)}.ecosystem-board,.method-strip{padding:5rem 0}.ecosystem-board__layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.75fr);gap:1.5rem;align-items:start;margin-top:2rem}.ecosystem-board__primary,.ecosystem-board__secondary{display:grid;gap:1rem}.ecosystem-board__core{padding:1.6rem;border:var(--stroke) solid var(--ink);border-radius:var(--radius-2xl);background:var(--paper-2);box-shadow:var(--shadow-medium)}.ecosystem-board__core-label{margin-bottom:.75rem;font-size:var(--text-caption);font-weight:var(--weight-bold);letter-spacing:.12em;text-transform:uppercase}.ecosystem-board__core h3{max-width:14ch;font-size:clamp(1.65rem,2.7vw,2.5rem)}.ecosystem-board__core p:last-child{margin-top:1rem;max-width:58ch;color:var(--neutral-700)}.ecosystem-board__apps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.ecosystem-app{padding:1.2rem;border:var(--stroke) solid var(--ink);border-radius:var(--radius-lg);background:#ffffffa3;box-shadow:var(--shadow-small)}.ecosystem-app__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.7rem}.ecosystem-app h3{font-size:1.2rem}.ecosystem-app p{color:var(--neutral-700)}.ecosystem-board__shot,.project-panel__media{overflow:hidden;border:var(--stroke) solid var(--ink);border-radius:var(--radius-xl);box-shadow:var(--shadow-medium);background:var(--paper-2)}.ecosystem-board__shot img,.project-panel__media img{width:100%;height:100%;object-fit:cover}.ecosystem-board__callout{padding:1.4rem;border:var(--stroke) solid var(--ink);border-radius:var(--radius-xl);background:var(--accent);color:var(--paper-2);box-shadow:var(--shadow-medium)}.ecosystem-board__callout-title{margin-bottom:.6rem;font-family:var(--font-display);font-size:1.05rem;font-weight:var(--weight-extrabold)}.project-wall__header{margin-bottom:2rem}.project-wall__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.project-panel{display:grid;gap:1rem;padding:1.5rem;border:var(--stroke) solid var(--ink);border-radius:var(--radius-2xl);background:#ffffffad;box-shadow:var(--shadow-medium);transition:transform var(--transition-medium),box-shadow var(--transition-medium)}.project-panel:hover{transform:translate(-4px,-4px);box-shadow:var(--shadow-large)}.project-panel--wide{grid-column:span 2;grid-template-columns:minmax(0,1.05fr) minmax(260px,.95fr);align-items:center}.project-panel__header{display:grid;gap:.75rem;justify-items:start}.project-panel__header h3{font-size:clamp(1.55rem,2.5vw,2.3rem)}.project-panel__summary{color:var(--neutral-700)}.project-panel__stack{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.65rem}.project-panel__stack li{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;padding:.45rem .75rem;border:var(--stroke) solid var(--ink);border-radius:var(--radius-full);background:var(--yellow-50);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);line-height:1.1;white-space:nowrap}.project-panel--compact-stack .project-panel__stack{gap:.5rem}.project-panel--compact-stack .project-panel__stack li{padding:.32rem .62rem;font-size:.82rem}.project-panel__links{display:flex;flex-wrap:wrap;gap:.85rem}.project-link{font-weight:var(--weight-bold);color:var(--accent-deep)}.project-link:hover{text-decoration:underline}.project-link--muted{color:var(--neutral-700)}.method-strip{border-top:var(--stroke) solid var(--ink);border-bottom:var(--stroke) solid var(--ink);background:linear-gradient(180deg,rgba(255,211,99,.18),transparent 40%)}.method-strip__header{margin-bottom:2rem}.method-strip__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.method-step{padding:1.35rem;border:var(--stroke) solid var(--ink);border-radius:var(--radius-xl);background:var(--paper-2);box-shadow:var(--shadow-small)}.method-step__index{margin-bottom:.8rem;font-family:var(--font-mono);font-size:var(--text-caption);font-weight:var(--weight-bold);letter-spacing:.16em;color:var(--neutral-600)}.method-step h3{margin-bottom:.75rem;font-size:1.35rem}.method-step p{color:var(--neutral-700)}.method-strip__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem}.method-strip__footer p{max-width:42rem;color:var(--neutral-700);font-weight:var(--weight-semibold)}.contact-poster__grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center;padding:2rem;border:var(--stroke) solid var(--ink);border-radius:2rem;background:linear-gradient(135deg,#ffd36366,#ffffffa8);box-shadow:var(--shadow-large)}.contact-poster__actions{display:flex;flex-direction:column;gap:.85rem;min-width:min(100%,19rem)}.text-center{text-align:center}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mt-0{margin-top:0}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}@media (prefers-reduced-motion: no-preference){.poster-hero__content,.poster-hero__visual,.poster-hero__stat,.project-panel,.method-step{animation:lift-in .7s ease-out both}.poster-hero__visual{animation-delay:.1s}.poster-hero__stat:nth-child(2){animation-delay:.16s}.poster-hero__stat:nth-child(3){animation-delay:.22s}}@keyframes lift-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1100px){:root{--container-padding: 1.1rem}.poster-hero__grid,.origin-strip__grid,.ecosystem-board__layout,.contact-poster__grid{grid-template-columns:1fr}.poster-hero__visual{max-width:42rem;margin-inline:auto;padding-inline:1rem}.project-panel--wide{grid-column:span 1;grid-template-columns:1fr}.method-strip__grid{grid-template-columns:1fr}.footer__content{grid-template-columns:1fr;justify-items:start}}@media (max-width: 820px){.nav__toggle{display:inline-flex}.nav__menu{position:absolute;top:calc(100% + .65rem);right:var(--container-padding);left:var(--container-padding);display:none;flex-direction:column;align-items:stretch;padding:1rem;border:var(--stroke) solid var(--ink);border-radius:var(--radius-xl);background:var(--paper-2);box-shadow:var(--shadow-medium)}.nav__menu.active{display:flex}.nav__item,.nav__item .button--nav{width:100%}.nav__link,.button--nav{justify-content:center}.poster-hero{padding-top:1rem}.poster-hero__grid{min-height:auto}.poster-hero__meta,.ecosystem-board__apps,.project-wall__grid{grid-template-columns:1fr}.method-strip__footer{flex-direction:column;align-items:flex-start}}@media (max-width: 640px){:root{--space-4xl: 4rem;--space-5xl: 5rem;--stroke: 2px;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.5rem}.nav{padding:.7rem 0}.nav__logo-mark{width:2.75rem;height:2.75rem}.nav__logo-tag{display:none}.button,.contact-poster__actions .button{width:100%}.poster-hero__actions{flex-direction:column}.poster-hero__visual{padding:2.25rem 0 .5rem}.poster-hero__frame{min-height:20rem;padding:1.5rem}.origin-strip,.ecosystem-board,.project-wall,.method-strip,.contact-poster{padding:4rem 0}.contact-poster__grid{padding:1.3rem}.footer__links{flex-direction:column;align-items:flex-start}}