:root{--motion-ease:cubic-bezier(.16,1,.3,1);--motion-fast:220ms;--motion-reveal:850ms}.headline-line{display:block!important;position:relative;overflow:clip;padding:0 .11em .12em;margin:0 -.11em -.12em;isolation:isolate}.line-ink{display:inline-block!important;position:relative;transform-origin:0 100%}.intro h1 span:before,.contact h2 span:before{content:none}.intro h1 .accent-phrase:before,.contact h2 .accent-phrase:before{content:"";position:absolute;z-index:-1;inset:52% -.1em 0;background:var(--accent);border-radius:6px;transform:rotate(-2deg)}.dark .intro h1 .accent-phrase:before,.dark .contact h2 .accent-phrase:before{background:#556333}.intro h1 .headline-line{isolation:auto}.intro h1 .line-ink{isolation:isolate}.reading-progress{position:absolute;bottom:-1px;height:3px;width:100%;background:var(--accent);transform-origin:left;display:none;pointer-events:none}.hero-visual{justify-content:space-between;height:480px}.hero-parallax{width:100%;min-height:0;position:relative;flex:1;display:grid;align-items:center}.hero-scene{position:relative;width:100%;display:grid;place-items:center;height:100%;isolation:isolate}.hero-scene .mascot-button{max-width:430px}.hero-scene .mascot-orbit{inset:6% 1% 5% 0;opacity:.3;overflow:hidden}.hero-scene .mascot-orbit:before{content:"";position:absolute;inset:12px;border:1px solid var(--ink);border-radius:inherit;opacity:.2;transform:rotate(18deg)}.hero-scene .hero-star{top:0;right:-2%;width:97px;z-index:0}.hero-scene .hero-arrow{left:-5%;bottom:3%;width:80px;z-index:1}.hero-scene .mascot-response{top:-5px;left:13%;z-index:2}.depth-plane{transform:perspective(1000px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg));transition:transform 700ms var(--motion-ease);transform-style:preserve-3d}.depth-plane.pointer-active{transition:transform 180ms ease-out}.hero-scene .mascot-button:hover{transform:scale(1.025)}.hero-star.motion-art>img,.hero-arrow.motion-art>img{animation-duration:7s}.motion-art:not(.hero-star):not(.hero-arrow):not(.work-companion)>img{animation:none!important}.featured-section{padding-top:94px;padding-bottom:92px}.feature-tabs{margin:30px 0 24px;gap:12px}.feature-tabs>button{min-height:44px;border-radius:12px;padding-inline:19px;position:relative;transition:background var(--motion-fast),color var(--motion-fast),transform var(--motion-fast) var(--motion-ease)}.feature-tabs>button[aria-selected=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent-ink);box-shadow:0 3px 0 var(--accent-ink)}.featured{position:relative;isolation:isolate;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:42px;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:28px;align-items:center;overflow:visible}.featured-artwork{padding:0;min-width:0;position:relative}.stage-frame{border:1.5px solid var(--ink);border-radius:20px;overflow:hidden;background:var(--paper);box-shadow:5px 6px 0 var(--line)}.stage-toolbar{display:flex;justify-content:space-between;align-items:center;padding:13px 17px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);font-weight:500;font-variant-numeric:tabular-nums}.featured .featured-media{aspect-ratio:1.6;border:0;border-radius:0;box-shadow:none;transform:none;background:var(--image-bg);transition:none}.featured-artwork:hover .featured-media{transform:none;box-shadow:none}.featured-media img{object-fit:contain;width:100%;height:100%}.feature-thumbnails{display:flex;align-items:center;gap:9px;margin-top:20px;padding:3px 3px 6px;overflow:auto;scrollbar-width:thin}.feature-thumbnails button{flex:0 0 calc((100% - 36px)/5);height:58px;min-width:44px;min-height:44px;padding:0;border:2px solid transparent;border-radius:10px;overflow:hidden;background:var(--image-bg);transition:transform 280ms var(--motion-ease),border-color 220ms,opacity 220ms;opacity:.65}.feature-thumbnails img{display:block;width:100%;height:100%;object-fit:contain}.feature-thumbnails button[aria-pressed=true]{border-color:var(--ink);opacity:1;transform:translateY(-2px)}.feature-thumbnails button:hover{opacity:1;transform:translateY(-3px)}.feature-thumbnails button:focus-visible{outline-offset:1px}.feature-buddy{right:-10px;bottom:-93px;width:90px;pointer-events:none}.featured-content{padding:12px 0 0;min-width:0}.featured h3{font-size:clamp(34px,3.3vw,48px);letter-spacing:-1.6px}.featured-content>p:not(.feature-platform):not(.feature-status){font-size:18px;line-height:1.65}.feature-platform{line-height:1.7;margin-bottom:16px;font-size:13px}.feature-status{display:block;width:fit-content;margin:21px 0 25px}.feature-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:20px;border-top:1px solid var(--line);margin-top:28px}.feature-controls>button{font-size:12px;min-height:44px;text-decoration:none;border-radius:8px;padding:8px 0}.feature-controls>button:hover{color:var(--ink);transform:translateX(-2px)}.feature-controls>button:last-child:hover{transform:translateX(2px)}#feature-position{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.work{padding-top:118px}.work-tools{margin-top:40px}.project-grid{gap:48px 28px}.project-image.depth-plane{transition:transform 600ms var(--motion-ease),box-shadow 350ms var(--motion-ease)}.project-card:hover .project-image.depth-plane,.project-card:nth-child(even):hover .project-image.depth-plane{transform:perspective(1000px) translateY(-5px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg));box-shadow:5px 6px 0 var(--line)}.project-card:hover .project-image img{transform:scale(1.02)}.project-side{display:flex;gap:13px;align-items:center;flex-shrink:0}.project-open-mark{width:30px;height:30px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);border-radius:50%;font-size:22px;font-weight:400;transition:transform 350ms var(--motion-ease),background 200ms;color:var(--ink)}.project-card:hover .project-open-mark,.project-card:focus-visible .project-open-mark{transform:rotate(90deg);background:var(--accent);border-color:var(--accent-ink);color:var(--accent-ink)}.work-ending{padding-block:50px 20px;min-height:255px}.about{padding-block:104px 112px;align-items:center}.about-content{padding-top:0}.about h2{font-size:clamp(40px,4.4vw,58px)}.portrait{transform:rotate(-3deg);box-shadow:6px 7px 0 var(--line)}.about-visual:hover .portrait{transform:rotate(-1deg)}.about-content>p:not(.eyebrow){line-height:1.85}.contact{padding-block:100px 92px;align-items:center}.contact-intro>p{line-height:1.8}.postcard{transition:transform 700ms var(--motion-ease);box-shadow:6px 7px 0 var(--line)}.postcard label:focus-within{color:var(--ink)}.postcard input,.postcard textarea{transition:border-color 200ms,box-shadow 200ms}.dialog-image-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 25px 0;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.dialog-image-controls button{border:0;background:none;color:var(--ink);font-size:12px;min-height:44px;padding:8px 0;text-decoration:underline;text-underline-offset:4px}body.project-open{overflow:hidden}dialog{width:min(940px,calc(100% - 40px))}.dialog-main-image{height:min(46dvh,440px)}@supports(animation-timeline:scroll()){@media(prefers-reduced-motion:no-preference){.reading-progress{display:block;animation:reading linear both;animation-timeline:scroll(root)}}}@keyframes reading{from{transform:scaleX(0)}to{transform:scaleX(1)}}@supports(animation-timeline:view()){@media(min-width:768px) and (prefers-reduced-motion:no-preference){.intro{view-timeline-name:--hero;view-timeline-axis:block}.hero-parallax{animation:hero-drift linear both;animation-timeline:--hero;animation-range:exit 0% exit 100%}.project-image{animation:gallery-drift linear both;animation-timeline:view();animation-range:entry 0% exit 100%}.project-card:nth-child(3n+2) .project-image{animation-name:gallery-drift-reverse}.portrait{animation:portrait-settle linear both;animation-timeline:view();animation-range:entry 0% cover 60%}}}@keyframes hero-drift{from{translate:0 0;rotate:0deg}to{translate:0 58px;rotate:-5deg}}@keyframes gallery-drift{from{translate:0 18px}to{translate:0 -18px}}@keyframes gallery-drift-reverse{from{translate:0 -12px}to{translate:0 12px}}@keyframes portrait-settle{from{translate:0 24px;rotate:-2deg}to{translate:0 0;rotate:3deg}}@media(max-width:1100px){.intro{min-height:550px}.hero-visual{height:395px}.hero-scene .hero-star{width:76px}.hero-scene .hero-arrow{width:65px}.featured{padding:25px;gap:30px;grid-template-columns:1.4fr 1fr}.featured h3{font-size:36px}.feature-thumbnails button{height:50px}.featured-content>p:not(.feature-platform):not(.feature-status){font-size:16px}.project-side{gap:8px}.project-text h3{font-size:21px}.project-open-mark{width:25px;height:25px;font-size:19px}.about{gap:50px}.contact{gap:40px}}@media(max-width:767px){.intro{min-height:0;padding-top:38px}.hero-visual{height:365px;margin-top:15px}.hero-scene .mascot-button{width:90%;max-width:305px}.hero-scene .mascot-orbit{inset:4% 9% 5% 7%}.hero-scene .hero-star{width:73px;right:3%}.hero-scene .hero-arrow{width:58px;left:1%;bottom:0}.hero-scene .mascot-response{top:-5px}.featured-section{padding-block:65px 85px}.feature-tabs{gap:8px;margin-top:26px}.feature-tabs>button{padding-inline:13px;font-size:12px}.featured{grid-template-columns:1fr;gap:29px;padding:20px;border-radius:24px}.stage-toolbar{padding:10px 12px}.featured h3{font-size:39px}.featured-content{padding:0}.featured-content>p:not(.feature-platform):not(.feature-status){font-size:17px;max-width:100%}.feature-thumbnails{gap:8px;margin-top:16px}.feature-thumbnails button{flex-basis:calc((100% - 32px)/5);height:48px}.feature-buddy{width:75px;right:0;bottom:-80px;display:none}.feature-controls{margin-top:24px;padding-top:12px}.featured .primary-button{width:100%}.work{padding-top:64px}.work-tools{margin-top:28px}.project-grid{gap:36px}.project-text h3{font-size:24px}.project-side{gap:10px}.project-open-mark{width:28px;height:28px}.work-ending{min-height:195px;padding-block:38px 10px}.about{padding-block:64px 66px;gap:35px}.about-visual{width:min(360px,90%)}.about h2{font-size:42px}.about-thinker{width:105px}.contact{padding-block:66px 62px;gap:28px}.contact h2{font-size:42px}.contact-art{height:180px}.mail-mascot{width:190px}.postcard{padding:24px}.dialog-image-controls{padding-inline:20px}.dialog-main-image{height:260px}.depth-plane,.project-card:hover .project-image.depth-plane{transform:none!important}.project-card:hover .project-image{box-shadow:none}}@media(max-width:390px){.hero-visual{height:325px}.hero-scene .mascot-button{max-width:275px}.hero-scene .hero-star{width:62px}.hero-scene .hero-arrow{width:52px}.featured{padding:15px}.feature-tabs>button{padding-inline:11px;font-size:11px}.featured h3{font-size:34px}.feature-thumbnails{gap:6px}.feature-thumbnails button{flex-basis:calc((100% - 24px)/5);min-width:42px}.project-text h3{font-size:22px}.project-platform{font-size:11px}.about h2,.contact h2{font-size:37px}.postcard{padding:20px}}@media(prefers-reduced-motion:reduce){.depth-plane{transform:none!important}.hero-parallax,.project-image,.portrait,.reading-progress{animation:none!important;translate:none!important;rotate:none!important}.reading-progress{display:none}.line-ink{transform:none!important}}body.motion-paused .depth-plane{transform:none!important;transition:none!important}body.motion-paused .hero-parallax,body.motion-paused .project-image,body.motion-paused .portrait{animation:none!important;translate:none!important;rotate:none!important}body.motion-paused .reading-progress{display:none}.brand{letter-spacing:-2px}.footer-brand{letter-spacing:-2.5px}@media(max-width:767px){.brand{font-size:30px;letter-spacing:-1.5px}.footer-brand{font-size:40px;letter-spacing:-2px}}@media(max-width:390px){.header-inner{gap:8px}.header nav{gap:8px}.header-controls{gap:7px}.brand{font-size:28px;letter-spacing:-1.4px}}.header-controls{gap:0}.header-controls #theme-toggle{display:grid;place-items:center;width:44px;height:44px;min-height:44px;max-width:none;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink);flex-shrink:0;transition:background 220ms,transform 220ms var(--ease)}.header-controls #theme-toggle:hover{background:var(--surface);transform:rotate(-8deg)}.header-controls #theme-toggle:active{transform:scale(.94)}.theme-icon{display:block;width:21px;height:21px;background:currentColor;-webkit-mask:center/contain no-repeat;mask:center/contain no-repeat}.theme-icon-moon{-webkit-mask-image:url('assets/icons/moon.svg');mask-image:url('assets/icons/moon.svg')}.theme-icon-sun{display:none;-webkit-mask-image:url('assets/icons/sun.svg');mask-image:url('assets/icons/sun.svg')}.dark .theme-icon-moon{display:none}.dark .theme-icon-sun{display:block}.hero-visual{height:460px}@media(max-width:1100px){.hero-visual{height:370px}}@media(max-width:767px){.hero-visual{height:325px}}@media(max-width:390px){.hero-visual{height:295px}}@media(prefers-reduced-motion:reduce){.header-controls #theme-toggle:hover,.header-controls #theme-toggle:active{transform:none}}