.foundry-hero{position:relative;isolation:isolate;width:100%;height:min(900px,88svh);min-height:720px;overflow:hidden;color:#f6f0df;background:#180729;touch-action:pan-y}.foundry-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:#180729}.foundry-hero__canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block;width:100%;height:100%;image-rendering:pixelated;opacity:0;transition:opacity .18s ease-out}.foundry-hero.is-enhanced .foundry-hero__canvas{opacity:1}@media(pointer:fine)and (hover:hover){.foundry-hero[data-cursor=glove] .foundry-hero__canvas{cursor:url(../assets/foundry/cursor-glove.svg) 8 5,default}.foundry-hero[data-cursor=hand] .foundry-hero__canvas{cursor:url(../assets/foundry/cursor-hand.svg) 11 7,grab}.foundry-hero[data-cursor=hammer] .foundry-hero__canvas{cursor:url(../assets/foundry/cursor-hammer.svg) 5 27,crosshair}.foundry-hero[data-cursor=fist] .foundry-hero__canvas{cursor:url(../assets/foundry/cursor-fist.svg) 12 8,grabbing}}.foundry-hero__copy{position:absolute;top:clamp(22px,4.8vh,52px);left:50%;z-index:2;width:min(91vw,1320px);transform:translate(-50%);text-align:center;pointer-events:none}.foundry-hero__title{display:grid;justify-items:center;margin:0;color:#ffcf00;font-family:"Press Start 2P",ui-monospace,monospace;font-size:clamp(42px,8.4vw,126px);font-weight:400;line-height:.9;letter-spacing:-.035em;text-transform:uppercase;text-wrap:balance;filter:drop-shadow(0 8px 0 rgba(8,1,18,.68));transition:color .16s ease-out,-webkit-text-stroke-color .16s ease-out,opacity .16s ease-out}.foundry-hero__title span:last-child{color:#f6f0df}.foundry-hero.is-enhanced .foundry-hero__title{color:transparent;-webkit-text-stroke:0 transparent;filter:none;opacity:0}.foundry-hero.is-enhanced .foundry-hero__title span:last-child{color:transparent;-webkit-text-stroke-color:transparent}.foundry-hero__statement{position:absolute;top:calc(var(--office-shell-top, 58svh) + var(--office-shell-height, 0px) + 8px);left:var(--office-shell-left, 20px);z-index:2;display:block;box-sizing:border-box;width:var(--office-shell-width, 236px);margin:0;padding:6px 10px 5px;color:#f6f0df;background:#180729eb;font-family:"Press Start 2P",ui-monospace,monospace;font-size:7px;line-height:1.65;letter-spacing:.04em;text-shadow:0 2px 0 #07010d;text-transform:uppercase;text-align:center}.foundry-hero__counter{position:absolute;top:var(--office-hud-top, auto);left:var(--office-hud-left, clamp(14px, 4vw, 60px));bottom:var(--office-hud-bottom, clamp(54px, 7.5vh, 82px));z-index:3;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(28px,auto) minmax(28px,auto) minmax(44px,auto) minmax(44px,1fr);align-content:stretch;gap:4px;width:var(--office-hud-width, 236px);height:var(--office-hud-height, auto);min-width:0;padding:0;border:0;color:#c8bbd4;background:transparent;box-shadow:none;font-family:"Press Start 2P",ui-monospace,monospace;font-size:7px;line-height:1.4;letter-spacing:.02em;pointer-events:none}.foundry-hero__counter>span:not(.sr-only){display:flex;align-items:center;min-width:0;min-height:28px;padding:5px 7px;border:2px solid #65452d;color:#c8bbd4;background:#09040ff2;box-shadow:inset 0 0 0 1px #30203a}.foundry-hero__counter strong{color:#ffcf00;font:inherit}#foundry-phase-label{grid-column:1 / -1;color:#22d4d0}.foundry-hero__iq{grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(0,1fr) 44px 44px;align-items:stretch;min-width:0;min-height:44px;border:2px solid #65452d;color:#c8bbd4;background:#09040ff2;box-shadow:inset 0 0 0 1px #30203a;pointer-events:auto}.foundry-hero__iq>span{display:flex;align-items:center;padding:5px 7px;white-space:nowrap}.foundry-hero__iq>span:first-child{gap:4px}.foundry-hero__iq-mode{min-width:0;overflow:hidden;color:#22d4d0;text-overflow:ellipsis}.foundry-hero__iq button{min-width:44px;min-height:44px;border:0;border-left:2px solid #65452d;border-radius:0;color:#160719;background:#ffcf00;box-shadow:inset 0 -3px #a96d08;font:inherit;font-size:12px;line-height:1;cursor:pointer}.foundry-hero__iq button:hover:not(:disabled){background:#22d4d0;box-shadow:inset 0 -3px #087779}.foundry-hero__iq button:active:not(:disabled){padding-top:3px;box-shadow:inset 0 -1px #087779}.foundry-hero__iq button:focus-visible,.foundry-hero__summon:focus-visible{position:relative;z-index:1;outline:3px solid #f6f0df;outline-offset:2px}.foundry-hero__iq button:disabled{color:#766a7c;background:#281a31;box-shadow:none;cursor:default}.foundry-hero__summon{grid-column:1 / -1;min-height:44px;margin:0;padding:8px 10px;border:3px solid #f6f0df;border-radius:0;color:#160719;background:#ffcf00;box-shadow:inset 0 -5px #a96d08,inset 0 0 0 1px #fff0a3;font:inherit;line-height:1.55;text-align:center;text-transform:uppercase;cursor:pointer;pointer-events:auto}.foundry-hero__summon:hover:not(:disabled){color:#100719;background:#22d4d0;border-color:#f7e8bd;box-shadow:inset 0 -5px #087779,inset 0 0 0 1px #b7fff7}.foundry-hero__summon:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 -1px #100719,inset 0 0 0 1px #4e2d3c}.foundry-hero__summon:disabled{color:#85778e;border-color:#59415c;background:#160b20;box-shadow:inset 0 0 0 1px #2d1b37;cursor:wait}.foundry-hero__conversation{position:absolute;top:var(--office-speech-top, 0);left:var(--office-speech-left, 0);z-index:4;display:none;box-sizing:border-box;width:var(--office-speech-width, 220px);min-height:44px;padding:13px 14px 11px;border:3px solid #08030d;color:#180729;background:#f6f0df;box-shadow:inset 0 4px 0 var(--speech-accent, #22d4d0);font-family:"Press Start 2P",ui-monospace,monospace;font-size:clamp(8px,.72vw,10px);line-height:1.65;letter-spacing:0;text-transform:uppercase;overflow-wrap:anywhere;pointer-events:none}.foundry-hero__conversation.is-visible{display:block}.foundry-hero__conversation[data-speaker=david]{--speech-accent: #ffcf00}.foundry-hero__conversation:after{content:"";position:absolute;left:var(--office-speech-tail, 50%);bottom:-12px;width:10px;height:12px;background:#f6f0df;clip-path:polygon(0 0,100% 0,50% 100%);transform:translate(-50%)}.foundry-hero__summon:disabled:not([aria-busy=true]){cursor:default}.foundry-hero__scroll{position:absolute;left:50%;bottom:clamp(18px,3vh,30px);z-index:4;display:flex;align-items:center;gap:10px;min-height:44px;padding:0 12px;color:#ffcf00;background:#0d0317e0;font-family:"Press Start 2P",ui-monospace,monospace;font-size:clamp(7px,.78vw,10px);line-height:1.5;letter-spacing:.04em;text-align:center;text-decoration:none;transform:translate(-50%)}.foundry-hero__scroll:focus-visible{outline:3px solid #ffcf00;outline-offset:4px}.foundry-hero__scroll-arrow{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);animation:foundryScrollCue 1.4s steps(3,end) infinite}@keyframes foundryScrollCue{50%{transform:rotate(45deg) translate(3px,1px)}}@media(max-width:720px){.foundry-hero{height:clamp(640px,100svh,1100px);min-height:640px}.foundry-hero__copy{top:24px;width:94vw}.foundry-hero__title{gap:7px;font-size:clamp(36px,12.8vw,70px);line-height:.94}.foundry-hero__statement{top:min(34svh,290px);left:50%;width:max-content;max-width:94vw;padding:5px 7px 4px;font-size:6px;line-height:1.7;text-align:center;transform:translate(-50%)}.foundry-hero__counter{left:var(--office-hud-left, 44%);bottom:auto;width:var(--office-hud-width, 53%);min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto 44px 46px;align-content:start;font-size:6px}.foundry-hero__counter>span:not(.sr-only){min-height:24px;padding:4px 5px}.foundry-hero__summon{min-width:0;padding-inline:8px}.foundry-hero__iq{grid-template-columns:auto minmax(0,1fr) 44px 44px;min-height:44px}.foundry-hero__iq>span{padding-inline:5px}.foundry-hero__iq button{min-width:44px;min-height:44px}.foundry-hero__conversation{min-height:48px;padding:12px 12px 10px;font-size:8px;line-height:1.7}.foundry-hero__scroll{bottom:14px;width:min(92vw,340px);justify-content:center;font-size:6px}}@media(max-width:360px){.foundry-hero__iq{grid-template-columns:minmax(0,1fr) 44px 44px}.foundry-hero__iq>.foundry-hero__iq-mode{display:none}}@media(max-width:720px)and (max-height:520px)and (orientation:landscape){.foundry-hero{height:100svh;min-height:360px}.foundry-hero__statement{top:42svh}.foundry-hero__scroll{display:none}}@media(prefers-reduced-motion:reduce){.foundry-hero__canvas,.foundry-hero__title{transition:none}.foundry-hero__scroll-arrow{animation:none}}body{overflow-x:hidden;overflow-y:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.portfolio-stack{position:relative;isolation:isolate;background:#f7f6f3}.portfolio-stack:before{content:"";position:absolute;z-index:5;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#ffcf00 0,#ffcf00 33%,#22d4d0 33%,#22d4d0 66%,#8c52db 66%)}.project-scene{--project-ink: #18213a;--project-muted: #536079;--project-accent: #496ddd;--project-surface: #f6f7ff;position:relative;z-index:1;min-height:max(760px,100svh);display:grid;align-items:center;overflow:hidden;color:var(--project-ink);background:var(--project-surface);user-select:text;-webkit-user-select:text}.project-scene+.project-scene{border-top:1px solid color-mix(in srgb,var(--project-ink) 10%,transparent)}.project-shell{position:relative;width:min(100%,1440px);margin:0 auto;padding:clamp(94px,10vh,132px) clamp(28px,7vw,108px) clamp(112px,13vh,164px);display:grid;grid-template-columns:minmax(300px,.76fr) minmax(520px,1.24fr);align-items:center;gap:clamp(54px,7vw,118px)}.project-scene[data-layout=visual-first] .project-copy{order:2}.project-scene[data-layout=visual-first] .project-visual{order:1}.project-scene[data-layout=visual-first] .project-shell{grid-template-columns:minmax(520px,1.24fr) minmax(300px,.76fr)}.project-copy{position:relative;z-index:2;max-width:560px}.project-wordmark{margin:0 0 26px;display:flex;align-items:center;gap:10px;color:var(--project-accent);font-family:var(--project-display, "Space Grotesk", system-ui, sans-serif);font-size:clamp(22px,2vw,30px);font-weight:700;line-height:1;letter-spacing:-.02em}.project-wordmark .robi{width:32px;height:32px;flex:0 0 auto}.project-title{max-width:12ch;margin:0;color:var(--project-ink);font-family:var(--project-display, "Space Grotesk", system-ui, sans-serif);font-size:clamp(44px,5.7vw,84px);font-weight:700;line-height:.98;letter-spacing:-.035em;text-wrap:balance}.project-title em{color:var(--project-accent);font-style:normal}.project-description{max-width:46ch;margin:30px 0 0;color:var(--project-muted);font-family:var(--project-body, "Sora", system-ui, sans-serif);font-size:clamp(16px,1.3vw,19px);line-height:1.55;text-wrap:pretty}.project-cta{width:fit-content;min-height:50px;margin-top:30px;padding:0 20px;display:inline-flex;align-items:center;gap:12px;border-radius:13px;color:var(--project-cta-ink, #fff);background:var(--project-accent);font-family:var(--project-body, "Sora", system-ui, sans-serif);font-size:15px;font-weight:800;text-decoration:none;box-shadow:0 16px 30px -18px color-mix(in srgb,var(--project-accent) 75%,#000);transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s ease}.project-cta svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:square;stroke-width:1.8}.project-cta:hover{transform:translateY(-3px);box-shadow:0 20px 34px -18px color-mix(in srgb,var(--project-accent) 82%,#000)}.project-cta:focus-visible{outline:3px solid var(--project-ink);outline-offset:4px}.project-visual{position:relative;z-index:1;min-width:0;perspective:1400px}.project-visual-link{display:block;color:inherit;text-decoration:none}.project-visual-link:focus-visible{outline:none}.product-frame{--frame-chrome-height: 34px;position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--project-ink) 18%,transparent);border-radius:16px;background:var(--project-frame, #fff);box-shadow:0 34px 80px -38px color-mix(in srgb,var(--project-ink) 46%,transparent);transform:translateY(12px) rotateX(.7deg);filter:saturate(.92);transition:transform .7s cubic-bezier(.16,1,.3,1),filter .7s ease,box-shadow .7s ease}.project-scene.is-active .product-frame{transform:translateY(0) rotateX(0);filter:saturate(1);box-shadow:0 42px 96px -38px color-mix(in srgb,var(--project-ink) 54%,transparent)}.project-visual-link:focus-visible .product-frame{outline:3px solid var(--project-accent);outline-offset:5px}.product-frame__chrome{height:var(--frame-chrome-height);padding:0 14px;display:flex;align-items:center;gap:7px;border-bottom:1px solid color-mix(in srgb,var(--project-ink) 10%,transparent);background:color-mix(in srgb,var(--project-frame, #fff) 91%,var(--project-surface))}.product-frame__chrome span{width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--project-ink) 22%,transparent)}.product-frame__chrome span:first-child{background:var(--project-accent)}.product-frame__launch{position:absolute;z-index:2;top:calc(var(--frame-chrome-height) + 14px);right:14px;width:44px;height:44px;display:grid;place-items:center;border-radius:11px;color:var(--project-cta-ink, #fff);background:var(--project-accent);box-shadow:0 14px 28px -16px color-mix(in srgb,var(--project-accent) 78%,#000);transition:transform .18s cubic-bezier(.16,1,.3,1),box-shadow .18s ease}.product-frame__launch svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:square;stroke-width:1.8}@media(hover:hover){.project-scene.is-active .project-visual-link:hover .product-frame{transform:translateY(-4px) rotateX(0);box-shadow:0 48px 104px -38px color-mix(in srgb,var(--project-ink) 58%,transparent)}.project-visual-link:hover .product-frame__launch{transform:translate(2px,-2px);box-shadow:0 18px 32px -15px color-mix(in srgb,var(--project-accent) 86%,#000)}}.product-frame img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:center}.portfolio-crew{position:fixed;z-index:35;top:0;right:0;bottom:0;left:0;width:100vw;height:100svh;pointer-events:none;opacity:0;image-rendering:pixelated;transition:opacity .18s ease}body.projects-in-view .portfolio-crew{opacity:1}[data-brand=djinnchat]{--project-display: "Playfair Display", Georgia, serif;--project-body: "Sora", system-ui, sans-serif;--project-ink: #15203a;--project-muted: #53617e;--project-accent: #4f68d9;--project-surface: #f3f5ff;--project-frame: #fbfcff;background:radial-gradient(circle at 82% 18%,rgba(116,136,233,.17),transparent 34%),#f3f5ff}[data-brand=djinnchat] .project-title{font-style:italic}[data-brand=djinnchat] .product-frame img{aspect-ratio:2 / 1;object-position:right center}[data-brand=audiokids]{--project-display: "Fraunces", Georgia, serif;--project-body: "Nunito", system-ui, sans-serif;--project-ink: #2d2438;--project-muted: #61586c;--project-accent: #5d54c8;--project-surface: #fff8ed;--project-frame: #fffdf8;background:radial-gradient(circle at 14% 80%,rgba(78,205,196,.2),transparent 30%),radial-gradient(circle at 88% 15%,rgba(255,107,107,.13),transparent 27%),#fff8ed}[data-brand=zetaread]{--project-display: "Literata", Georgia, serif;--project-body: "Nunito", system-ui, sans-serif;--project-ink: #17344d;--project-muted: #526d7e;--project-accent: #187b79;--project-surface: #f3faf9;--project-frame: #fffdf8;background:radial-gradient(circle at 76% 20%,rgba(106,175,231,.2),transparent 34%),radial-gradient(circle at 18% 88%,rgba(244,174,103,.17),transparent 28%),#f3faf9}[data-brand=geocites]{--project-display: "Space Grotesk", system-ui, sans-serif;--project-body: "Space Grotesk", system-ui, sans-serif;--project-ink: #121212;--project-muted: #505050;--project-accent: #d71921;--project-surface: #f6f6f3;--project-frame: #fff;background:radial-gradient(circle at 86% 76%,rgba(215,25,33,.09),transparent 28%),#f6f6f3}[data-brand=geocites]:after{content:"";position:absolute;right:clamp(24px,5vw,74px);bottom:clamp(32px,7vh,84px);width:90px;height:90px;border:1px solid rgba(18,18,18,.12);border-radius:50%;box-shadow:0 0 0 22px #12121209,0 0 0 44px #12121205;pointer-events:none}@media(max-width:980px){.project-scene{min-height:auto}.project-shell{min-height:100svh;padding:92px 28px 122px;grid-template-columns:1fr;gap:48px}.project-scene[data-layout=visual-first] .project-shell{grid-template-columns:1fr}.project-scene[data-layout=visual-first] .project-copy,.project-scene[data-layout=visual-first] .project-visual{order:initial}.project-copy{max-width:650px}.project-title{max-width:13ch;font-size:clamp(42px,10vw,68px)}.project-visual{width:min(100%,760px)}}@media(max-width:560px){.project-shell{min-height:100svh;padding:78px 20px 106px;gap:36px}.project-wordmark{margin-bottom:20px;font-size:21px}.project-title{font-size:clamp(39px,12.2vw,56px);line-height:1.01}.project-description{margin-top:22px;font-size:16px;line-height:1.58}.project-cta{width:100%;justify-content:space-between;margin-top:26px}.product-frame{--frame-chrome-height: 26px;border-radius:12px;box-shadow:0 24px 52px -32px color-mix(in srgb,var(--project-ink) 52%,transparent)}.product-frame__launch{top:calc(var(--frame-chrome-height) + 10px);right:10px}[data-brand=djinnchat] .product-frame img{aspect-ratio:4 / 3}}@media(prefers-reduced-motion:reduce){.product-frame,.project-scene.is-active .product-frame,.project-visual-link:hover .product-frame,.product-frame__launch,.project-cta,.portfolio-crew{transition:none;transform:none}}