@font-face{font-family:Reckless;src:url(/fonts/reckless-regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Reckless;src:url(/fonts/reckless-medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Graphik;src:url(/fonts/graphik-regular.woff2) format("woff2");font-weight:400;font-display:swap}:root{--paper: #fffefc;--accent: #f55237;--accent-text: #b93622;--accent-soft: #fce7e2;--ink: #4f4032;--caption: #535353;--muted: #706f60;--footer: #000000;--font-display: Reckless, Georgia, serif;--font-body: Graphik, Arial, sans-serif;--radius: 16px;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}img,video{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--font-display);letter-spacing:-.04em}a:focus-visible,button:focus-visible{outline:2px solid var(--ink);outline-offset:5px}button:disabled{cursor:default}.skip-link{position:fixed;z-index:100;top:8px;left:8px;background:var(--paper);padding:12px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.header{height:102px;display:flex;align-items:center;justify-content:center;position:relative;z-index:20}.header nav{display:flex;gap:136px;align-items:center}.header nav a{font-size:12px;line-height:12px;color:var(--muted);transition:color .2s ease}.header nav a:hover,.header nav a.active{color:#262622}.mobile-wordmark,.menu-toggle{display:none}.home-hero{padding:25px 0 64px}.home-hero h1{width:1000px;max-width:92%;margin:auto;text-align:center;font-size:56px;line-height:1.12;text-wrap:balance;animation:hero-in .7s var(--ease) both}.project-list{width:80%;margin:auto;padding-bottom:72px}.project+.project{margin-top:80px}.project-cover{display:block;position:relative;height:538px;overflow:hidden;border-radius:var(--radius);background:var(--accent-soft);isolation:isolate}.project:first-child .project-cover{height:552px}.project-cover>.project-canvas{height:100%;width:100%;object-fit:cover;transition:transform 1.1s var(--ease);will-change:transform}.project-cover:hover>.project-canvas{transform:scale(1.022)}.project-cover:active>.project-canvas{transform:scale(1.012)}.project-open{position:absolute;right:24px;bottom:24px;display:flex;gap:32px;align-items:center;background:#fffefced;color:var(--ink);padding:13px 17px;border-radius:30px;font-size:12px;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .4s var(--ease);pointer-events:none}.project-cover:hover .project-open,.project-cover:focus-visible .project-open{opacity:1;transform:translateY(0)}.project-open span{font-size:19px}.project-caption{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:16px;min-height:24px}.project-caption h3{font-family:var(--font-display);font-size:20px;font-weight:500;line-height:24px;color:var(--caption)}.project-caption p{font-family:Georgia,serif;font-size:14px;color:var(--muted);white-space:nowrap;line-height:16px}.project-caption h3 a{transition:opacity .2s}.project-caption h3 a:hover{opacity:.7}.footer{border-top:3px solid var(--accent);background:radial-gradient(circle,var(--canvas-dot) .7px,transparent .85px) center / var(--canvas-spacing) var(--canvas-spacing) var(--canvas-paper);min-height:251px;color:var(--ink);padding:32px 0 80px}.footer-inner{width:80%;margin:auto;display:grid;grid-template-columns:1.3fr 1fr;gap:72px}.footer h2{max-width:440px;text-wrap:balance;font-weight:500;font-size:24px;line-height:1.2;white-space:normal}.footer-links{display:flex;gap:64px}.footer-links>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-links h3{font-family:var(--font-body);font-size:12px;line-height:16px;margin-bottom:8px;white-space:nowrap}.footer-links a{font-size:16px;line-height:17px;color:var(--muted);transition:color .2s}.footer-links a:hover{color:var(--accent-text)}.page-enter{animation:page-in .55s var(--ease) both}.about-layout{width:80%;margin:25px auto 76px;display:grid;grid-template-columns:400px 1fr;gap:100px;align-items:start}.story-tabs{display:flex;justify-content:center;gap:44px;height:98px}.story-tabs>button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0;background:none;font-size:12px}.story-avatar{width:60px;height:60px;border-radius:50%;padding:4px;background:var(--accent-soft)}.story-avatar.selected{background:var(--accent)}.story-avatar .project-canvas{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid var(--paper)}.story-photo{height:693px;position:relative;overflow:hidden;border-radius:20px;background:#dfddd2}.story-photo>.project-canvas{width:100%;height:100%;object-fit:cover;animation:page-in .4s ease}.story-photo:after{content:"";position:absolute;inset:0 0 auto;height:100px;background:linear-gradient(#0009,transparent);pointer-events:none}.story-progress{position:absolute;z-index:2;top:16px;left:18%;right:18%;display:flex;gap:10px}.story-progress button{height:6px;border-radius:8px;padding:0;background:#ffffff65;flex:1}.story-progress button.selected{background:#ffffffa0}.story-prev,.story-next{position:absolute;top:40px;bottom:0;width:40%;background:transparent}.story-prev{left:0}.story-next{right:0}.story-caption{text-align:center;font-size:16px;margin-top:12px;line-height:20px}.about-copy{padding-top:98px}.about-copy h1{font-size:56px;line-height:1.12;text-wrap:balance;margin-bottom:20px}.about-copy p{font-size:24px;line-height:36px;letter-spacing:0}.about-copy h2{font-size:32px;line-height:38px;font-weight:500;margin:48px 0 20px}.about-socials{display:flex;gap:24px;margin-top:32px;font-size:16px}.about-socials a{text-decoration:underline;text-underline-offset:3px}.motion-page{width:80%;margin:25px auto 80px}.motion-hero{text-align:center;margin-bottom:64px}.motion-hero h1{font-size:56px;line-height:1.12;text-wrap:balance}.motion-hero>p{font-size:18px;line-height:28px;margin:24px auto 0;max-width:550px}.motion-stage{height:570px;position:relative;overflow:hidden;border-radius:16px;background:var(--accent-soft)}.motion-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.055);transition:opacity 1s ease,transform 5s ease}.motion-stage>img.is-current{opacity:1;transform:scale(1)}.motion-stage:not(.is-playing)>img{transition:none}.motion-control{position:absolute;bottom:20px;right:20px;background:var(--paper);width:42px;height:42px;border-radius:50%;font-size:17px}.motion-caption{display:flex;justify-content:space-between;margin-top:20px;align-items:center}.motion-caption h2{font-size:24px;margin-top:8px}.eyebrow{font-size:12px;line-height:18px;color:var(--muted);letter-spacing:.02em}.motion-dots{display:flex;gap:12px}.motion-dots button{padding:0;width:9px;height:9px;border-radius:50%;background:#c5c0b9}.motion-dots button[aria-pressed=true]{background:var(--ink)}.case-page{width:80%;margin:25px auto 80px}.case-heading{max-width:900px;margin:0 auto 48px}.back-link{font-size:12px;color:var(--muted);display:inline-block;margin-bottom:32px}.case-heading h1{font-size:63.11px;line-height:1.08}.case-cover{height:552px;border-radius:16px;overflow:hidden}.case-cover .project-canvas{width:100%;height:100%;object-fit:cover}.case-layout{display:grid;grid-template-columns:150px minmax(0,1fr);gap:72px;margin-top:96px}.case-nav{position:sticky;top:48px;align-self:start;display:flex;flex-direction:column;gap:24px}.case-nav a{font-size:12px;line-height:18px;color:var(--muted);transition:color .2s}.case-nav a.active{color:var(--ink)}.case-content{max-width:800px}.case-section{margin-bottom:112px;scroll-margin-top:48px}.case-section>.eyebrow{margin-bottom:20px}.case-section h2{font-size:36px;line-height:1.2;margin-bottom:24px}.case-section>p:not(.eyebrow),.learning p{font-size:18px;line-height:30px}.project-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:40px 0 0}.project-facts dt{font-size:12px;color:var(--muted);margin-bottom:12px}.project-facts dd{margin:0;font-size:14px;line-height:22px}.case-question{margin-top:32px;padding-left:24px;border-left:2px solid #b5ab98}.insights{display:grid;gap:24px}.insights>div{display:flex;gap:24px;padding-top:24px;border-top:1px solid #e6e0d8}.insights span{font-size:12px;color:var(--muted)}.insights p{font-size:18px;line-height:28px}.solution-figure{margin:40px 0}.solution-figure .project-canvas{border-radius:12px;width:100%}.solution-figure figcaption{font-size:11px;color:var(--muted);margin-top:10px;text-align:right}.solution-step{display:flex;gap:24px;align-items:baseline;padding:24px 0;border-bottom:1px solid #e6e0d8}.solution-step>span{font-size:12px;color:var(--muted)}.solution-step h3,.learning h3{font-family:var(--font-display);font-weight:500;font-size:26px;line-height:1.3}.learning+.learning{margin-top:36px}.learning h3{margin-bottom:16px}.next-project{display:block;border-top:1px solid #e6e0d8;padding-top:32px}.next-project>span{font-size:12px;color:var(--muted)}.next-project h2{display:flex;justify-content:space-between;font-size:36px;margin:16px 0 32px}.next-project .project-canvas{width:100%;max-height:420px;object-fit:cover;border-radius:16px;transition:filter .3s}.next-project:hover .project-canvas{filter:brightness(1.03)}@keyframes hero-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1800px){.project-list,.footer-inner,.about-layout,.motion-page,.case-page{max-width:1440px}}@media(max-width:1199px)and (min-width:810px){.home-hero h1,.motion-hero h1{font-size:48px}.project-list,.footer-inner,.about-layout,.motion-page,.case-page{width:90%}.footer-inner{grid-template-columns:1fr;gap:40px}.footer h2{white-space:normal}.about-layout{grid-template-columns:36% 1fr;gap:48px}.story-photo{height:620px}.about-copy p{font-size:19px;line-height:30px}.about-copy h1{font-size:48px}.about-socials{flex-wrap:wrap}.project-caption p{font-size:12px}.case-layout{gap:32px}.project-facts{grid-template-columns:repeat(2,1fr)}}@media(max-width:809px){.header{height:58px;padding:0 16px;justify-content:space-between;align-items:center}.mobile-wordmark{display:block;font-family:var(--font-display);font-size:16px;font-weight:500}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;background:transparent;width:32px;height:36px;padding:0;z-index:2}.menu-toggle span{width:18px;height:1.5px;background:var(--ink);transition:transform .25s,opacity .2s}.menu-open .menu-toggle span:first-child{transform:translateY(5.5px) rotate(45deg)}.menu-open .menu-toggle span:nth-child(2){opacity:0}.menu-open .menu-toggle span:last-child{transform:translateY(-5.5px) rotate(-45deg)}.header nav{display:none;position:absolute;top:58px;left:0;right:0;background:var(--paper);padding:32px 24px 40px;box-shadow:0 18px 24px #30281b12;gap:28px;align-items:flex-start;flex-direction:column}.header.menu-open nav{display:flex;animation:page-in .25s ease}.header nav a{font-family:var(--font-display);font-size:30px;line-height:36px}.home-hero{padding:32px 0 64px}.home-hero h1{max-width:92%;font-size:32px;line-height:40px}.desktop-break{display:none}.project-list{width:92%;padding-bottom:72px}.project+.project{margin-top:40px}.project-caption{display:block;margin-top:16px}.project-caption h3{font-size:20px;line-height:24px}.project-caption p{font-size:14px;line-height:17px;margin-top:8px;white-space:normal}.project-cover>.project-canvas{max-width:none;width:100%;object-fit:cover}.project-open{display:none}.project-lumiaire .project-cover>.project-canvas{object-fit:cover;object-position:center}.footer{padding:64px 0;min-height:0}.footer-inner{width:92%;display:block}.footer h2{font-size:24px;line-height:28.8px;white-space:normal;max-width:350px}.footer-links{display:flex;flex-direction:column;gap:48px;margin-top:48px}.footer-links>div{gap:10px}.footer-links h3{font-size:12px;margin-bottom:8px}.about-layout{width:92%;margin:32px auto 64px;display:flex;flex-direction:column;gap:40px}.story-column{width:100%}.story-photo{height:560px;max-width:400px;margin:auto}.story-tabs{height:98px}.about-copy{padding:0}.about-copy h1{font-size:40px;line-height:48px;margin-bottom:20px}.about-copy p{font-size:18px;line-height:29px}.about-copy h2{font-size:28px;line-height:34px;margin-top:32px}.about-socials{gap:18px;flex-wrap:wrap;font-size:14px}.story-caption{font-size:14px}.motion-page{width:92%;margin:32px auto 64px}.motion-hero h1{font-size:40px;line-height:46px}.motion-hero>p{font-size:16px;line-height:25px;max-width:330px}.motion-stage{height:552px}.motion-caption h2{font-size:22px}.motion-dots{gap:8px}.case-page{width:92%;margin:32px auto 64px}.case-heading h1{font-size:40px;line-height:46px}.case-cover{height:500px}.case-layout{display:block;margin-top:40px}.case-nav{position:sticky;top:0;z-index:10;display:flex;flex-direction:row;overflow-x:auto;gap:24px;padding:18px 0;background:var(--paper);margin-bottom:36px}.case-nav a{white-space:nowrap;font-size:11px}.case-section{margin-bottom:64px;scroll-margin-top:64px}.case-section h2{font-size:30px}.case-section>p:not(.eyebrow),.learning p{font-size:17px;line-height:28px}.project-facts{grid-template-columns:repeat(2,1fr);gap:28px}.solution-step h3,.learning h3{font-size:24px}.next-project h2{font-size:30px}.next-project .project-canvas{height:270px}.solution-figure .project-canvas{height:350px;object-fit:cover}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.project-cover:hover>.project-canvas{transform:none}}@media(min-width:1200px){.footer-inner{grid-template-columns:501px 1fr;gap:150px}.footer-links{gap:64px}}.project-header{position:absolute;top:0;left:0;right:0}.project-header nav a{color:#fffefcc9}.project-header nav a:hover{color:var(--paper)}.case-page{width:100%;max-width:none;margin:0 0 80px}.case-cover{height:818px;border-radius:0;position:relative}.case-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(#172b3150,transparent 30%);pointer-events:none}.case-cover .project-canvas{object-position:center}.case-layout{width:80%;margin:40px auto 0;grid-template-columns:265px minmax(0,1fr);gap:20px}.case-nav{gap:24px;top:40px}.case-nav .back-link{font-size:16px;margin:0 0 -8px}.case-nav h1{font-size:24px;line-height:28.8px;margin-bottom:8px}.case-content{max-width:none}.case-section h2{font-size:32px;line-height:38.4px}.case-section>.eyebrow{margin-bottom:8px}.next-project{width:80%;margin:auto}.motion-hero{margin-bottom:40px}.motion-hero h1{font-size:32px;line-height:38.4px;font-weight:500}.motion-hero>p{font-size:24px;line-height:36px;max-width:none;margin-top:0}.motion-studies{display:grid;gap:16px}.motion-strip{height:182px;overflow:hidden;border-radius:8px;position:relative;background:var(--accent-soft)}.motion-strip>.project-canvas{width:100%;height:100%;object-fit:cover;object-position:50% 44%;transform:scale(1.04)}.motion-studies.is-playing .motion-strip>.project-canvas{animation:art-drift 12s ease-in-out infinite alternate}.motion-strip:nth-child(2)>.project-canvas{animation-delay:-4s}.motion-strip:nth-child(3)>.project-canvas{animation-delay:-8s}.motion-caption{margin-top:16px}.motion-caption h2{margin-top:4px}.motion-page{margin-bottom:76px}.motion-caption .eyebrow{font-size:16px;color:var(--ink)}@keyframes art-drift{0%{transform:scale(1.04) translateY(-2%)}to{transform:scale(1.09) translateY(2%)}}@media(max-width:1199px)and (min-width:810px){.case-layout{width:90%;grid-template-columns:190px minmax(0,1fr);gap:32px}.next-project{width:90%}.case-cover{height:720px}}@media(max-width:809px){.project-header .mobile-wordmark{color:var(--ink)}.project-header .menu-toggle span{background:var(--ink)}.project-header.menu-open nav a{color:var(--muted)}.case-cover{height:650px}.case-layout{width:92%;margin-top:24px}.case-nav{top:0;flex-wrap:wrap;gap:16px;overflow:visible}.case-nav h1{font-size:24px;line-height:28px;order:-1;width:100%;margin:0}.case-nav .back-link{font-size:11px;margin:0}.case-section h2{font-size:30px;line-height:36px}.next-project{width:92%}.motion-hero h1{font-size:30px;line-height:36px}.motion-hero>p{font-size:18px;line-height:28px;margin-top:12px}.motion-strip{height:220px}.motion-caption .eyebrow{font-size:12px}.motion-caption h2{font-size:22px}}::view-transition-group(*){animation-duration:.6s;animation-timing-function:var(--ease)}::view-transition-old(root),::view-transition-new(root){animation-duration:.25s}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.about-copy p+p{margin-top:24px}::selection{background:var(--accent-soft);color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.header nav a{color:var(--ink)}.header nav a.active,.header nav a:hover,.case-nav a.active,.about-socials a:hover,.project-caption h3 a:hover{color:var(--accent-text)}.header nav a.active{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:8px;text-decoration-thickness:2px}.project-open span{color:var(--accent-text)}.motion-dots button[aria-pressed=true]{background:var(--accent)}.case-question{border-left-color:var(--accent)}.about-socials a{text-decoration-color:var(--accent);text-underline-offset:5px}.footer-links a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:5px}.project-header nav{background:transparent;padding:16px 24px;border-radius:0}.project-header nav a{color:var(--ink)}.project-header nav a:hover{color:var(--accent-text)}.case-cover:after{background:none}@media(max-width:700px){.project-header{background:transparent}}.project{position:relative}.project+.project{margin-top:144px}.home-hero{min-height:340px;padding:0;display:flex;align-items:center;justify-content:center}.project-doodle{position:absolute;right:234px;top:-99px;width:112px;height:105px;z-index:3;isolation:isolate}.doodle-character{position:relative;display:block;width:112px;height:105px;padding:0;background:transparent;opacity:0;transition:opacity .3s}.is-visible .doodle-character{opacity:1}.live-doodle{display:block;width:112px;height:105px}.doodle-note{position:absolute;left:122px;bottom:20px;width:208px;padding:13px 16px;background:var(--paper);border:1.5px solid var(--ink);border-radius:4% 7% 3% 6%/9% 4% 8% 5%;box-shadow:3px 3px 0 var(--ink);opacity:0;transform:rotate(2deg) translateY(4px);transition:opacity .3s,transform .3s}.is-visible .doodle-note{opacity:1;transform:rotate(2deg)}.doodle-note:after{content:"";position:absolute;left:-9px;bottom:17px;width:14px;height:12px;background:var(--paper);border-left:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:skew(-22deg) rotate(30deg)}.doodle-note p{font-family:var(--font-display);font-style:italic;font-size:19px;line-height:1.18;margin:0;animation:note-in .3s ease both}@keyframes note-in{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.home-hero{min-height:340px;padding:0;display:flex;align-items:center;justify-content:center}.project+.project{margin-top:144px}.project-doodle{right:208px}.doodle-note{left:116px;width:194px;padding:12px 14px;bottom:16px}.doodle-note p{font-size:18px}}@media(max-width:360px){.project-doodle{right:182px}.doodle-note{width:168px}}@media(hover:none){.project-doodle .doodle-note{opacity:0;visibility:hidden;pointer-events:none}.project-doodle.is-open .doodle-note{opacity:1;visibility:visible;pointer-events:auto}}@media(prefers-reduced-motion:reduce){.doodle-character{opacity:1;transition:none}.doodle-note,.doodle-note p{animation:none;transition:none}}.project-doodle{top:-103px;height:112px}.doodle-character,.live-doodle{width:112px;height:112px}.live-doodle{image-rendering:pixelated;image-rendering:crisp-edges}::view-transition-group(companion){animation-duration:.65s;animation-timing-function:cubic-bezier(.22,1,.36,1)}.companion-docked{position:fixed;top:auto;right:28px;bottom:20px;z-index:40}.companion-docked .doodle-note{left:auto;right:0;bottom:124px;width:278px;padding:25px 20px 17px;transform:rotate(1deg);visibility:hidden;opacity:0;pointer-events:none}.companion-docked.is-open .doodle-note{visibility:visible;opacity:1;pointer-events:auto}.companion-docked .doodle-note:after{left:auto;right:39px;bottom:-9px;transform:rotate(-45deg);border-color:var(--ink)}.companion-docked .doodle-note p{font-size:19px;line-height:1.3}.companion-close{position:absolute;right:0;top:0;background:none;width:36px;height:32px;font-size:22px}.companion-next{display:block;background:none;color:var(--accent-text);font:12px var(--font-body);text-align:left;padding:14px 0 4px;min-height:44px;text-decoration:underline;text-underline-offset:4px}@media(max-width:700px){.companion-docked{right:12px;bottom:max(12px,env(safe-area-inset-bottom))}.companion-docked .doodle-note{width:min(278px,calc(100vw - 32px))}.project-doodle:not(.companion-docked) .doodle-note p{font-size:17px}}.project-doodle:not(.companion-docked) .doodle-note{top:0;bottom:auto}:root{--canvas-paper: #f8f6f1;--canvas-dot: #4f403230;--canvas-spacing: 22px}.project-canvas{display:block;width:100%;height:100%;background-color:var(--canvas-paper);background-image:radial-gradient(circle,var(--canvas-dot) .7px,transparent .85px);background-size:var(--canvas-spacing) var(--canvas-spacing);background-position:center}.project-cover .project-canvas,.project-cover:hover .project-canvas,.project-cover:active .project-canvas,.motion-strip>.project-canvas{transform:none;animation:none;will-change:auto}.solution-figure .project-canvas{aspect-ratio:2.1;height:auto}.next-project .project-canvas{height:360px}.story-photo:after{background:none}.story-avatar .project-canvas{border-radius:50%;--canvas-spacing: 8px}.motion-strip{display:block}::view-transition-group(root){z-index:0}::view-transition-group(art-calfem),::view-transition-group(art-jani),::view-transition-group(art-performax),::view-transition-group(art-lumiaire){z-index:1}::view-transition-group(companion){z-index:3}::view-transition-old(companion){animation:none;opacity:0}::view-transition-new(companion){animation:none;mix-blend-mode:normal}.route-transitioning .doodle-note{opacity:0!important;visibility:hidden!important;transition:none!important}.route-transitioning .page-enter,.route-transitioning .home-hero h1{animation:none!important;transform:none!important;opacity:1!important}.doodle-character{opacity:1;transition:none}.page-enter,.home-hero h1{animation:none}.project-doodle:not(.is-open) .doodle-note{visibility:hidden;opacity:0;pointer-events:none}.footer-links a{color:var(--ink)}.companion-close{width:44px;height:44px}.companion-docked .doodle-note{padding-top:38px}.project-header.menu-open nav{background:var(--canvas-paper)}.device-canvas{display:block;width:100%;height:100%}.solution-figure .device-canvas{height:552px;border-radius:12px}@media(max-width:700px){.solution-figure .device-canvas{height:520px}}.calfem-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 24px;margin:40px 0 64px}.calfem-gallery figure{margin:0;min-width:0}.calfem-gallery .device-canvas{height:580px;border-radius:12px}.calfem-gallery figcaption{padding-top:20px}.calfem-gallery h3{margin:0 0 10px}.calfem-gallery figcaption p{font-size:15px;line-height:1.6;margin-bottom:12px}.calfem-gallery a{font-size:13px;text-underline-offset:4px}@media(max-width:700px){.calfem-gallery{grid-template-columns:1fr;gap:36px}.calfem-gallery .device-canvas{height:552px}}.home-hero{min-height:340px;padding:48px 0}.home-hero h1{width:min(1000px,88%);max-width:none}.project+.project{margin-top:88px}@media(max-width:700px){.home-hero{min-height:320px;padding:48px 0}.home-hero h1{width:92%}.project+.project{margin-top:64px}}.desktop-gallery{display:grid;gap:64px;margin:40px 0 64px}.desktop-gallery figure{margin:0;min-width:0}.desktop-gallery figcaption{margin-bottom:24px}.desktop-gallery h3{margin:10px 0 12px;font-family:var(--font-display);font-size:32px;font-weight:400}.desktop-gallery figcaption p{font-size:16px;line-height:1.65;max-width:650px}.desktop-screen-stage{padding:28px;border-radius:12px;background-color:var(--canvas-paper);background-image:radial-gradient(circle,var(--canvas-dot) .7px,transparent .85px);background-size:22px 22px}.desktop-window{overflow:hidden;border:1px solid #d5d3cf;border-radius:9px;box-shadow:0 12px 28px #30291f18;background:#fff}.desktop-window-chrome{height:34px;background:#e9e9e9;display:flex;align-items:center;justify-content:center;color:#666;font:11px var(--font-body);position:relative}.window-lights{display:flex;gap:6px;position:absolute;left:13px}.window-lights i{width:8px;height:8px;border-radius:50%;background:#ed6a5e}.window-lights i:nth-child(2){background:#f4bd50}.window-lights i:nth-child(3){background:#61c454}.desktop-window img{display:block;width:100%;height:auto}@media(max-width:700px){.desktop-gallery{gap:44px}.desktop-gallery h3{font-size:27px}.desktop-screen-stage{padding:10px}.project-lumiaire .project-cover,.project-edvaris .project-cover{height:310px}}.presentation-note{margin:28px 0;padding:22px 24px;border-left:2px solid var(--accent);background:var(--canvas-paper)}.presentation-note h3{font-size:18px;margin:0 0 10px}.presentation-note p{font-size:15px;line-height:1.7;margin:0}@media(max-width:700px){.companion-docked{width:56px;height:56px;right:10px;bottom:max(10px,env(safe-area-inset-bottom))}.companion-docked .doodle-character,.companion-docked .live-doodle{width:56px;height:56px}.companion-docked .doodle-note{width:min(248px,calc(100vw - 24px));bottom:66px;max-height:min(220px,30svh);overflow-y:auto;overscroll-behavior:contain;padding:34px 14px 12px;transform:none;box-shadow:2px 2px 0 var(--ink)}.companion-docked .doodle-note:after{display:none}.companion-docked .doodle-note p{font-size:16px;line-height:1.35}.companion-docked .companion-next{padding-top:10px}.companion-docked .companion-close{top:0;right:0}}::view-transition-group(*){animation-duration:.62s;animation-timing-function:cubic-bezier(.22,.75,.18,1)}::view-transition-old(*){animation:none;opacity:0}::view-transition-new(*){animation:none;opacity:1;mix-blend-mode:normal}::view-transition-image-pair(*){isolation:isolate}::view-transition-group(root){animation:none}::view-transition-new(root){animation:none}::view-transition-group(companion){animation:none}@media(prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}}.device-stage{display:block;position:relative;width:100%;height:100%;overflow:hidden;background:radial-gradient(circle,var(--canvas-dot) .7px,transparent .85px) center / 22px 22px var(--canvas-paper)}.device-stage>.device-canvas{position:absolute;max-width:none}::view-transition-group(art-calfem-paper),::view-transition-group(art-jani-paper),::view-transition-group(art-performax-paper),::view-transition-group(art-lumiaire-paper){z-index:0}@media(hover:hover)and (pointer:fine)and (min-width:701px){html,html *,html *:before,html *:after,html::view-transition{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='8' fill='%23F55237' stroke='%23fffefc' stroke-width='1'/%3E%3C/svg%3E") 12 12,auto!important}}::view-transition-group(art-virtual-michael){z-index:1}::view-transition-group(art-virtual-michael-paper){z-index:0}::view-transition-group(art-edvaris){z-index:1}::view-transition-group(art-edvaris-paper){z-index:0}@media(max-width:700px){.project:not(.project-lumiaire):not(.project-edvaris) .project-cover{height:clamp(260px,78vw,420px)}.case-cover-mobile{height:clamp(390px,85vw,520px)}}.route-return-content{--return-duration: .66s;--return-easing: cubic-bezier(.22, .85, .25, 1)}.route-return-content .device-stage,.route-return-content .device-canvas,.route-return-content .project-canvas{view-transition-name:none!important}.route-return-content::view-transition-image-pair(root){isolation:isolate}.route-return-content::view-transition-new(root){animation:none;z-index:1}.route-return-content::view-transition-old(root){z-index:2;opacity:1;mix-blend-mode:normal;transform-origin:top left;animation:return-page-to-tile var(--return-duration) var(--return-easing) both,return-page-resolve var(--return-duration) linear both}@keyframes return-page-to-tile{0%{transform:translate(0) scale(1);clip-path:inset(0 round 0)}to{transform:translate(var(--return-x),var(--return-y)) scale(var(--return-scale));clip-path:inset(0 var(--return-right) var(--return-bottom) 0 round var(--return-radius))}}@keyframes return-page-resolve{0%,4%{opacity:1}36%,to{opacity:0}}html.lenis{scroll-behavior:auto!important}.route-return-content [data-return-target]{view-transition-name:return-tile}.route-return-content::view-transition-group(return-tile){z-index:3;transform-origin:top left;animation:return-tile-settle var(--return-duration) var(--return-easing) both}.route-return-content::view-transition-new(return-tile){mix-blend-mode:normal;animation:return-tile-reveal var(--return-duration) linear both}@keyframes return-tile-settle{0%{transform:translate(0) scale(var(--return-start-scale))}to{transform:translate(var(--return-x),var(--return-y)) scale(1)}}@keyframes return-tile-reveal{0%,4%{opacity:0}36%,to{opacity:1}}.route-main-pages .header{view-transition-name:main-navigation}.route-main-pages .device-stage,.route-main-pages .device-canvas,.route-main-pages .project-canvas{view-transition-name:none!important}.route-main-pages::view-transition-group(main-navigation){animation:none;z-index:4}.route-main-pages::view-transition-old(root){animation:main-page-leave .18s ease-out both}.route-main-pages::view-transition-new(root){animation:main-page-arrive .42s cubic-bezier(.22,.85,.25,1) 60ms both}@keyframes main-page-leave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-12px)}}@keyframes main-page-arrive{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ui-icon{display:inline-block;flex:none;vertical-align:-.12em;transition:transform .22s var(--ease),color .22s ease}.about-socials a,.case-nav .back-link{display:inline-flex;align-items:center;gap:8px}.about-socials .ui-icon,.project-open .ui-icon{font-size:20px;color:var(--accent-text)}.next-project h2 .ui-icon{font-size:.72em;margin-left:.12em}.menu-toggle .ui-icon{font-size:24px}@media(hover:hover)and (prefers-reduced-motion:no-preference){.about-socials a:hover .ui-icon,.next-project:hover h2 .ui-icon{transform:translate(3px,-3px)}.back-link:hover .ui-icon{transform:translate(-3px)}}@media(max-width:700px){.menu-toggle{width:44px;height:44px;color:var(--ink)}}@media(prefers-reduced-motion:reduce){.ui-icon{transition:none}}.related-projects{width:80%;margin:96px auto 0;border-top:1px solid #e6e0d8;padding-top:40px}.related-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:32px}.related-heading h2{font-size:clamp(28px,3vw,44px);font-weight:400}.related-heading>a{display:inline-flex;gap:8px;align-items:center;white-space:nowrap;font-size:13px}.related-heading>a .ui-icon{color:var(--accent-text)}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.related-grid .project{margin:0;min-width:0}.related-grid .project .project-cover{height:clamp(260px,28vw,400px)}.related-grid .project-caption{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:20px}.related-grid .project-caption h3{font-size:28px}.related-grid .project-caption h3 a{display:flex;align-items:center;justify-content:space-between;gap:16px}.related-grid .project-caption h3 .ui-icon{font-size:24px;color:var(--accent-text)}.related-grid .project-caption p{text-align:left}.related-grid .project-caption .related-description{font-size:15px;line-height:1.6;text-transform:none;letter-spacing:0;color:var(--ink);max-width:42ch}@media(max-width:700px){.related-projects{width:calc(100% - 32px);margin-top:64px;padding-top:28px}.related-heading{flex-direction:column;gap:16px;margin-bottom:24px}.related-grid{grid-template-columns:1fr;gap:40px}.related-grid .project .project-cover{height:clamp(260px,78vw,380px)}}.calfem-studio{background:radial-gradient(ellipse at 24% 12%,#fffaf7 0%,transparent 62%),linear-gradient(125deg,#f5eae6,#edddda 60%,#dfc7c8)}.calfem-studio-gallery figure:nth-child(2) .calfem-studio{background:radial-gradient(ellipse at 20% 10%,#fffcf5,transparent 65%),linear-gradient(130deg,#f0eae0,#ded7c8)}.calfem-studio-gallery figure:nth-child(3) .calfem-studio{background:radial-gradient(ellipse at 20% 10%,#fafbf6,transparent 65%),linear-gradient(130deg,#e9ede3,#d2d9cc)}.calfem-studio-gallery figure:nth-child(4) .calfem-studio{background:radial-gradient(ellipse at 20% 10%,#fff8f8,transparent 65%),linear-gradient(130deg,#f4e4e9,#e0cbd6)}.project-companion{position:absolute;top:-72px;right:218px;width:96px;height:84px;z-index:4}.companion-trigger{display:block;border:0;padding:0;background:transparent;width:96px;height:84px;overflow:hidden}.companion-art{display:block;width:96px;height:103px;image-rendering:pixelated}.companion-message{position:absolute;left:102px;top:-12px;width:208px;padding:28px 16px 12px;background:var(--paper);border:1.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:3px;transform:rotate(1deg)}.companion-message p{margin:0;font:italic 18px/1.3 var(--font-display)}.companion-dismiss{position:absolute;right:2px;top:2px;width:28px;height:28px;background:transparent;display:grid;place-items:center}.companion-more{background:transparent;color:var(--accent-text);text-decoration:underline;text-underline-offset:4px;font-size:12px;padding:12px 0 4px;min-height:36px}.project-companion.is-docked{position:fixed;top:auto;right:24px;bottom:20px;height:104px;z-index:45}.is-docked .companion-trigger{height:104px}.is-docked .companion-message{inset:auto 0 116px auto;width:260px}.route-transitioning .companion-message{visibility:hidden}.home .project+.project{margin-top:128px}@media(max-width:700px){.project-companion{right:16px;top:-46px;width:60px;height:52px}.companion-trigger{width:60px;height:52px}.companion-art{width:60px;height:64px}.companion-message{left:auto;right:0;top:52px;width:min(240px,calc(100vw - 64px));transform:none}.companion-dismiss{width:36px;height:36px}.companion-message p{font-size:16px}.companion-more{min-height:44px}.project-companion.is-docked{right:12px;bottom:12px;height:64px}.is-docked .companion-trigger{height:64px}.is-docked .companion-message{bottom:76px;width:min(240px,calc(100vw - 32px))}.home .project+.project{margin-top:96px}}.project-companion:not(.is-docked){top:-64px;height:64px}.project-companion:not(.is-docked) .companion-trigger{height:64px}@media(max-width:700px){.project-companion:not(.is-docked){top:-40px;height:40px}.project-companion:not(.is-docked) .companion-trigger{height:40px}.project-companion:not(.is-docked) .companion-message{top:48px}}.project-companion:not(.is-docked){top:-89.27px;height:89.27px}.project-companion:not(.is-docked) .companion-trigger{height:89.27px}@media(max-width:700px){.project-companion:not(.is-docked){top:-55.47px;height:55.47px}.project-companion:not(.is-docked) .companion-trigger{height:55.47px}.project-companion:not(.is-docked) .companion-message{top:68px}}.home :is(.project-jani,.project-virtual-michael)>.project-companion{right:auto;left:218px}.home :is(.project-jani,.project-virtual-michael)>.project-companion .companion-message{left:auto;right:102px;transform:rotate(-1deg)}@media(max-width:700px){.home :is(.project-jani,.project-virtual-michael)>.project-companion{left:16px}.home :is(.project-jani,.project-virtual-michael)>.project-companion .companion-message{left:0;right:auto;transform:none}}.project-companion .companion-message{padding:21px 18px 13px;background:#fffaf0;border:1.5px solid var(--ink);border-radius:22px 25px 19px 7px/18px 22px 21px 12px;box-shadow:2px 3px #4f403218;top:-9px;transform:rotate(2deg)}.project-companion .companion-message:before{content:"";position:absolute;left:-8px;top:44px;width:15px;height:15px;background:#fffaf0;border-left:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);transform:skewY(-20deg) rotate(35deg)}.companion-note-mark{position:absolute;right:14px;top:-14px;color:var(--accent);font-size:28px;line-height:1;transform:rotate(12deg)}.project-companion .companion-message p{font:500 18px/1.28 var(--font-display);margin:0}.companion-note-progress{display:flex;gap:5px;align-items:center;margin-top:12px;height:5px}.companion-note-progress span{width:4px;height:4px;border-radius:50%;background:#4f403230}.companion-note-progress .is-current{width:14px;border-radius:3px;background:var(--accent)}.home :is(.project-jani,.project-virtual-michael)>.project-companion .companion-message{border-radius:25px 22px 7px 19px/22px 18px 12px 21px}.home :is(.project-jani,.project-virtual-michael)>.project-companion .companion-message:before{left:auto;right:-8px;transform:skewY(20deg) rotate(225deg)}.project-companion.is-docked .companion-message{top:auto;bottom:116px;width:240px}.project-companion.is-docked .companion-message:before{inset:auto 36px -8px auto;transform:rotate(-45deg)}@media(max-width:700px){.project-companion:not(.is-docked) .companion-message{top:68px}.project-companion .companion-message{padding:18px 16px 12px;transform:none}.project-companion .companion-message p{font-size:17px}.project-companion:not(.is-docked) .companion-message:before{top:-8px;left:auto;right:22px;transform:rotate(135deg)}.home :is(.project-jani,.project-virtual-michael)>.project-companion .companion-message:before{top:-8px;left:22px;right:auto;transform:rotate(135deg)}.project-companion.is-docked .companion-message{bottom:76px}}.project-companion .companion-message{padding:18px}.written-note{position:relative}.written-note-space{visibility:hidden}.written-note-ink{position:absolute;inset:0}.writing-caret{display:inline-block;position:absolute;width:2px;height:.9em;margin:.15em 0 0 2px;background:var(--accent);animation:writing-blink .65s steps(1) infinite}@keyframes writing-blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.writing-caret{display:none;animation:none}}.rotating-verb{display:inline-grid;position:relative;vertical-align:baseline;color:inherit;clip-path:inset(-.1em -.15em);transition:width .4s cubic-bezier(.22,.75,.18,1)}.rotating-verb-in,.rotating-verb-out{grid-area:1 / 1;width:max-content;white-space:nowrap;text-align:left;line-height:inherit}.is-changing .rotating-verb-in{animation:verb-arrive .4s cubic-bezier(.22,.75,.18,1) both}.is-changing .rotating-verb-out{animation:verb-leave .4s cubic-bezier(.22,.75,.18,1) both}@keyframes verb-arrive{0%{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes verb-leave{0%{transform:translateY(0)}to{transform:translateY(-110%)}}@media(prefers-reduced-motion:reduce){.is-changing .rotating-verb-in{animation:none}.rotating-verb-out{display:none}}@media(prefers-reduced-motion:reduce){.rotating-verb{transition:none}}.project-header{background:linear-gradient(to bottom,#14181c61,#14181c00)}.project-header nav a,.project-header .mobile-wordmark,.project-header .menu-toggle{color:#fffefc;text-shadow:0 1px 8px #00000030}.project-header nav a:hover{color:#fffefc;text-decoration:underline;text-underline-offset:8px}.project-header.menu-open nav a{color:var(--ink);text-shadow:none}.project-open{z-index:3;gap:12px;border-radius:8px;transform:translateY(5px);transition:opacity .18s ease,transform .24s var(--ease)}@media(hover:none){.project-open{display:none}}.route-transitioning .project-open{visibility:hidden}@media(prefers-reduced-motion:reduce){.project-open{transition:none}}.project-companion.is-docked .companion-message{opacity:var(--handoff-note, 1)}.route-project [style*=view-transition-name]:not([data-route-shared]){view-transition-name:none!important}::view-transition-group(route-mascot){z-index:8;animation-duration:.66s;animation-timing-function:cubic-bezier(.22,.85,.25,1)}.route-transitioning .walkthrough-note,.route-transitioning .companion-message,.route-project [data-route-arriving]{visibility:hidden!important}html{scrollbar-gutter:stable}html.route-transitioning{overflow:hidden}.footer{position:relative;margin-top:180px}.footer-runner{position:absolute;top:-156px;left:0;width:100%;height:156px;outline-offset:-4px}.runner-world{display:block;width:100%;height:156px;pointer-events:none}.runner-character{position:absolute;left:0;bottom:0;width:72px;height:73px;will-change:transform}.runner-character>button:first-child{display:block;width:72px;height:73px;background:transparent;padding:0}.runner-character .companion-art{width:72px;height:77px;image-rendering:pixelated;display:block}.runner-callout{position:absolute;bottom:90px;left:20px;white-space:nowrap;padding:10px 15px;background:#fffaf0;color:var(--ink);border:1px solid var(--ink);border-radius:13px 13px 13px 2px;font-size:13px;transform:rotate(-3deg)}.runner-callout:after{content:"";position:absolute;bottom:-7px;left:12px;width:10px;height:10px;background:#fffaf0;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);transform:skewY(25deg)}.runner-status{position:absolute;right:6%;top:12px;display:flex;align-items:center;gap:16px;color:var(--ink)}.runner-status span{font-size:13px;font-variant-numeric:tabular-nums}.runner-status small{font-size:11px;opacity:.65}.runner-status button{min-height:44px;background:transparent;color:var(--ink);font-size:12px;text-decoration:underline;text-underline-offset:4px}.footer-runner.is-running{touch-action:manipulation}@media(max-width:700px){.footer{margin-top:156px}.runner-status{right:20px;gap:10px}.runner-status small{max-width:82px}}@media(prefers-reduced-motion:reduce){.runner-character{will-change:auto}}.footer-runner:focus-visible{outline:none}.footer-runner:focus-visible .runner-character>button:first-child,.runner-character>button:first-child:focus-visible{outline:none}.footer-runner:focus-visible.is-idle .runner-callout,.footer-runner:focus-visible.is-paused .runner-callout,.footer-runner:focus-visible.is-over .runner-callout,.runner-callout:focus-visible,.runner-status button:focus-visible{outline:none;text-decoration:underline;text-underline-offset:4px}.entry-waiting{overflow:hidden}.entry-waiting #content,.entry-waiting .header{opacity:0}.entry-intro{position:fixed;inset:0;z-index:10000;display:grid;place-items:center}.entry-paper{position:absolute;inset:0;background:var(--paper)}.entry-paper:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,var(--canvas-dot) .7px,transparent .85px) center / 22px 22px;-webkit-mask-image:radial-gradient(ellipse 240px 200px at center,black,transparent);mask-image:radial-gradient(ellipse 240px 200px at center,black,transparent);opacity:.65}.entry-hello{position:relative;display:flex;align-items:center;flex-direction:column;transform:translateY(-16px)}.entry-character{position:relative;border:0;padding:0;background:none;transform-origin:50% 100%;animation:entry-wake .55s cubic-bezier(.22,1,.36,1) both}.entry-character .companion-art{width:84px;height:90px}.entry-shadow{width:36px;height:4px;margin-top:5px;border-radius:50%;background:var(--ink);opacity:.12}.entry-character.is-delighted{animation:entry-hop .45s cubic-bezier(.22,1,.36,1) both}.entry-confetti{position:absolute;left:50%;top:40%;pointer-events:none}.entry-confetti i{position:absolute;width:4px;height:4px;background:var(--accent);animation:entry-spark .55s ease-out both}.entry-revealing .entry-intro{pointer-events:none}.entry-revealing .entry-paper{animation:entry-paper-away .22s ease forwards}.entry-exiting .entry-hello{animation:entry-hello-away .16s ease-in forwards}.entry-revealing .entry-hello{visibility:hidden}.entry-revealing #content{animation:entry-content-in .45s cubic-bezier(.22,1,.36,1) both}.entry-revealing .header{animation:entry-header-in .4s 0ms ease both}@keyframes entry-wake{0%{opacity:0;transform:translateY(12px) scale(.8,.92)}65%{opacity:1;transform:translateY(-5px) scale(1.02,.98)}to{transform:none}}@keyframes entry-hop{0%,to{transform:none}45%{transform:translateY(-22px) rotate(-10deg)}}@keyframes entry-spark{0%{opacity:1;transform:rotate(var(--angle)) translate(24px)}to{opacity:0;transform:rotate(var(--angle)) translate(68px)}}@keyframes entry-paper-away{to{opacity:0}}@keyframes entry-hello-away{to{opacity:0;transform:translateY(-22px) scale(.88)}}@keyframes entry-content-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes entry-header-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.entry-intro{display:none}.entry-waiting #content,.entry-waiting .header{opacity:1}.entry-revealing #content,.entry-revealing .header{animation:none}}.entry-greeting{font-family:var(--font-display);color:var(--ink);font-size:30px;line-height:1.2;margin-bottom:20px}.entry-handoff{overflow:hidden}.entry-handoff .entry-hello{visibility:visible}.entry-handoff .entry-character{animation:none;pointer-events:none}.entry-handoff .entry-greeting,.entry-handoff .entry-shadow,.entry-handoff .entry-confetti{opacity:0;transition:opacity .14s ease}.entry-handoff .entry-paper{animation-duration:.42s}.entry-handoff .walkthrough-guide,.entry-handoff .walkthrough-guide *{visibility:hidden!important}.entry-handoff #content{animation:entry-header-in .65s ease both}.entry-waiting .walkthrough-note,.entry-revealing .walkthrough-note{visibility:hidden!important;opacity:0!important}.walkthrough-note{transform-origin:left bottom}.personal-stories .story-tabs{gap:28px}.personal-stories .story-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid var(--paper)}.personal-stories .story-avatar{transition:background .25s ease}.personal-stories .story-photo{height:auto;aspect-ratio:3 / 4;isolation:isolate;touch-action:pan-y}.personal-stories .story-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease}.personal-stories .story-slide.is-active{opacity:1}.personal-stories .story-photo:after{inset:0;height:auto;background:linear-gradient(#0003,transparent 20%)}.personal-stories .story-progress{left:20px;right:20px;top:20px;gap:5px}.personal-stories .story-progress span{height:3px;flex:1;border-radius:3px;background:#ffffff60;transition:background .3s}.personal-stories .story-progress span.selected{background:#fff}.personal-stories .story-prev,.personal-stories .story-next{z-index:2;bottom:0;width:50%}.personal-stories .story-caption{font-size:14px;line-height:1.5;min-height:42px;margin:16px 10px 0;text-wrap:balance}@media(prefers-reduced-motion:reduce){.personal-stories .story-slide{transition:none}}.personal-stories .story-progress span{overflow:hidden;background:#ffffff60}.personal-stories .story-progress span i{display:block;height:100%;background:#fff;transform:scaleX(0);transform-origin:left}.personal-stories .story-progress span.selected i{transform:scaleX(var(--story-progress, 0))}.personal-stories .story-progress span.completed i{transform:scaleX(1)}.personal-stories .story-progress span.selected{background:#ffffff60}.tools-desk{grid-column:1 / -1;width:100%;margin:24px auto 0;padding:72px 24px 40px;text-align:center;border-top:1px solid #4f403218}.tools-desk h2{margin:0 0 48px;font-family:var(--font-display);font-size:clamp(30px,3.5vw,44px);line-height:1.15;font-weight:400;letter-spacing:-.025em}.tools-dock{display:inline-flex;align-items:flex-end;gap:22px;padding:20px 28px 12px;border:1px solid #4f403215;border-radius:28px;background:linear-gradient(180deg,#f9f7f3c0,#ede9e27a);box-shadow:0 2px 3px #4f403205,inset 0 1px #fff}.tool-button{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0;background:none;color:var(--ink);min-width:80px}.tool-tile{width:76px;height:76px;display:grid;place-items:center;border-radius:18px;background:transparent;border:0;position:relative;transform-origin:50% 100%;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s}.tool-tile img{width:100%;height:100%;object-fit:contain;border-radius:22%}.tool-name{font-size:12px}.tool-running{width:4px;height:4px;border-radius:50%;background:var(--ink);opacity:0}.tool-button.is-selected .tool-running{opacity:.65}.tool-button.is-selected .tool-tile{transform:translateY(-7px) scale(1.08)}@keyframes tool-note-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(max-width:700px){.tools-desk{margin-top:8px;padding:48px 0 16px}.tools-desk h2{margin-bottom:36px}.tools-dock{gap:14px;padding:18px 14px 12px;border-radius:22px}.tool-button{min-width:56px}.tool-tile{width:56px;height:56px;border-radius:14px}.tool-tile img{width:100%;height:100%}.tool-note{padding-inline:12px}.tool-note p{font-size:20px}}@media(prefers-reduced-motion:reduce){.tool-tile{transition:none}.tool-note{animation:none}}.mac-experience{position:relative;padding:0;height:330svh;border-top:0;margin-top:64px}.mac-sticky{position:sticky;top:80px;height:calc(100svh - 80px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 0 0;box-sizing:border-box}.mac-experience h2{margin:0 0 24px;position:relative;z-index:1}.mac-stage{width:100%;height:auto;min-height:0;flex:1;position:relative}.mac-stage canvas{position:absolute;top:0;left:0;display:block;width:100%;pointer-events:none}.mac-ready .tools-dock{display:none}.mac-experience.mac-failed .mac-stage{height:48px}.mac-experience.mac-failed{height:auto;min-height:540px}.mac-experience.mac-failed .mac-sticky{position:relative;top:0;height:auto;min-height:540px}@media(max-width:700px){.mac-experience{margin-top:32px;height:270svh}.mac-experience h2{font-size:30px}.mac-stage{width:100%;height:auto;flex:1}.mac-sticky{top:72px;height:calc(100svh - 72px)}}@media(prefers-reduced-motion:reduce){.mac-experience{height:auto}.mac-sticky{position:relative;top:0;height:auto;padding-top:48px}.mac-stage{height:72svh;flex:none}}.mac-experience:not(.mac-failed) .tools-dock{display:none}.mac-live-desktop{position:absolute;top:0;left:0;width:1280px;height:794px;border:0;transform-origin:0 0;visibility:hidden;z-index:1;background:#faf9f6}.mobile-toolkit{grid-column:1/-1;width:100%;margin:40px 0 16px;padding:32px 0;border-top:1px solid #4f403218;text-align:left}.mobile-toolkit h2{font-family:var(--font-display);font-size:30px;font-weight:400;line-height:1.15;letter-spacing:-.025em;margin:0 0 12px}.mobile-toolkit p{font-size:16px;line-height:1.6;max-width:400px;margin:0;color:var(--ink);opacity:.75}.mobile-toolkit ul{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0;margin:24px 0 0;max-width:420px}.mobile-toolkit li{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:12px}.mobile-tool-icon{position:relative;display:block;width:48px;height:48px}.mobile-tool-icon img{position:absolute;width:100%;height:100%;object-fit:contain;border-radius:23%}.mobile-tool-icon.tool-figma img,.mobile-tool-icon.tool-claude img{width:125%;height:125%;max-width:none;left:-12.5%;top:-12.5%;border-radius:0}.mac-boot-screen{position:absolute;top:0;left:0;width:1280px;height:794px;transform-origin:0 0;background:#101114;z-index:1;visibility:hidden;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:54px}.mac-boot-screen>img{width:76px;height:76px;object-fit:contain}.mac-boot-track{width:180px;height:5px;border-radius:4px;overflow:hidden;background:#ffffff30}.mac-boot-track>span{display:block;width:35%;height:100%;background:#eee;border-radius:inherit;animation:mac-boot-progress 1.6s ease-in-out infinite}@keyframes mac-boot-progress{0%{transform:translate(-105%)}to{transform:translate(390%)}}@media(prefers-reduced-motion:reduce){.mac-boot-track>span{animation:none;transform:translate(90%)}}.mac-stage canvas{opacity:0;transition:opacity .18s ease}.mac-presented .mac-stage canvas{opacity:1}.mac-introduction{position:absolute;inset:0;pointer-events:none}.mac-introduction-anchor{position:absolute;left:calc(50% - 160px);top:38%;width:96px;height:103px}.mac-introduction-reduced{display:none}.mac-load-error{text-align:center;padding:32px}.mac-load-error button{text-decoration:underline;text-underline-offset:4px}@media(prefers-reduced-motion:reduce){.mac-stage canvas{transition:none}.mac-introduction-reduced{display:block;text-align:center;padding-top:15vh;font:24px var(--font-display)}}.about-copy>p{font-size:21px;line-height:1.6}.about-copy h2{margin-top:36px;font-size:29px;line-height:1.25}.about-background{margin-top:28px;padding-left:20px;border-left:1px solid #4f40322a}.about-background h3{font:11px var(--font-body);letter-spacing:.05em;text-transform:uppercase;margin:0 0 10px;color:var(--ink);opacity:.65}.about-background p{font-size:16px;line-height:1.65;margin:0}.about-copy{padding-top:0}.about-character-anchor{display:block;width:96px;height:103px;position:absolute;left:16px;bottom:18px;z-index:3;pointer-events:none}.about-guide{display:block;position:fixed;left:0;top:0;width:96px;height:103px;z-index:35;transform-origin:top left;pointer-events:none}.about-character{display:block;width:96px;height:103px;padding:0;background:transparent;pointer-events:auto}.about-character .companion-art{width:96px;height:103px}.about-character-note{position:absolute;left:108px;top:4px;width:208px;padding:16px;border:1.5px solid var(--ink);border-radius:22px 22px 22px 5px;background:#fffaf0;transform:rotate(1deg)}.about-character-note p{font:18px/1.3 var(--font-display);margin:0}.route-transitioning .about-character-note,.entry-waiting .about-guide,.entry-waiting .about-guide *,.entry-handoff .about-guide,.entry-handoff .about-guide *{visibility:hidden!important}@media(max-width:700px){.about-copy>p{font-size:18px;line-height:1.65}.about-copy h2{font-size:27px}.about-background p{font-size:15px}}@media(max-width:700px){.about-character-anchor,.about-guide,.about-character,.about-character .companion-art{width:60px;height:64px}.about-character-anchor{left:12px;bottom:16px}.about-character-note{left:70px;top:0;width:min(210px,calc(92vw - 102px));padding:12px}.about-character-note p{font-size:16px;line-height:1.3}}@media(max-width:700px){.about-character-note{top:auto;bottom:0}}.about-guide.at-workspace .about-character-note{inset:auto auto 112px 0;width:230px;transform:none;border-radius:18px 18px 18px 4px;transition:opacity .18s ease}html .about-guide.at-workspace,html .about-guide.at-workspace *,html .about-guide.at-workspace *:before,html .about-guide.at-workspace *:after{cursor:default!important}.about-guide.at-workspace .about-character-note{pointer-events:auto}.walkthrough-guide,.walkthrough-start{display:none}@media(min-width:901px)and (hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.home .home-hero{min-height:calc(100svh - 104px);display:flex;flex-direction:column;justify-content:center;gap:72px;padding:56px 0 100px;box-sizing:border-box}.home .home-hero h1{margin:0 auto}.walkthrough-start{display:block;width:96px;height:103px;margin-inline:auto}.home .project-list{padding-top:112px}.home .project>.project-companion{display:none}.walkthrough-guide{display:block;position:fixed;top:0;left:0;width:96px;height:103px;z-index:35;will-change:transform;transform-origin:top left;pointer-events:none;visibility:hidden}.walkthrough-character{display:block;padding:0;width:96px;height:103px;overflow:hidden;background:transparent;pointer-events:auto}.walkthrough-note{position:absolute;top:0;left:108px;width:208px;padding:16px;color:var(--ink);background:#fffaf0;border:1.5px solid var(--ink);border-radius:22px 22px 22px 5px;transform:rotate(1deg)}.walkthrough-note p{margin:0;font:18px/1.3 var(--font-display)}.walkthrough-guide[data-side=left] .walkthrough-note{left:auto;right:108px;border-radius:22px 22px 5px;transform:rotate(-1deg)}.route-transitioning .walkthrough-note,html.entry-waiting .walkthrough-guide{visibility:hidden!important}}.home .project-exchange+.project{margin-top:128px}@media(max-width:700px){.home .project-exchange+.project{margin-top:96px}}@media(min-width:901px)and (hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.home .project-exchange-stage>.project .project-cover{height:min(538px,calc(100svh - 200px))}.home .project-exchange-stage>.project:first-child .project-cover{height:min(552px,calc(100svh - 200px))}.project-exchange{height:calc(var(--exchange-height, 592px) + var(--exchange-distance, 1000px));position:relative}.project-exchange-stage{height:var(--exchange-height, 592px);position:sticky;top:max(120px,calc((100svh - var(--exchange-height, 592px)) / 2));isolation:isolate}.home .project-exchange-stage>.project{margin:0;transform-origin:center top;will-change:transform}.home .project-exchange-stage>.project+.project{position:absolute;inset:0 0 auto;opacity:0}.project-exchange-stage>.project+.project:before{content:"";position:absolute;inset:0 -1px -40px;background:var(--paper);z-index:-1;pointer-events:none}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}