html{scroll-padding-top:6rem}body{overflow-x:clip}.accent{color:var(--red)}[hidden]{display:none!important}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}em{font:italic 400 1em Georgia,serif;letter-spacing:-.05em}[data-magnetic]{transition:transform .3s cubic-bezier(.2,.8,.2,1)}.wordmark,footer>a:last-child{display:inline-block}.hero-copy .line-mask>span{transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.hero-copy .line-mask:nth-child(2)>span{transition-delay:.1s}.hero-copy .line-mask:nth-child(3)>span{transition-delay:.2s}.is-introducing .hero-copy .line-mask>span{transform:translateY(110%)}.has-custom-cursor,.has-custom-cursor a,.has-custom-cursor button,.has-custom-cursor .object-drag{cursor:none}.motion-paused .reveal-prepared{opacity:1!important;transform:none!important}.motion-paused .word-mask>span{transform:none!important;transition:none!important}
#scene{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;opacity:0}.cursor{display:none}.scroll-line{position:fixed;left:0;top:0;width:100%;height:2px;z-index:50;pointer-events:none}.scroll-line>span{display:block;height:100%;background:var(--red);transform:scaleX(0);transform-origin:left}.header{position:fixed;left:0;top:0;right:0;z-index:30;border-bottom-color:transparent;transition:background .35s,color .35s}.header.is-scrolled{background:#111110e8;backdrop-filter:blur(14px);border-bottom-color:var(--line)}.header nav>a{display:inline-block}.header nav>a:after{content:'';display:block;height:1px;transform:scaleX(0);transform-origin:right;background:currentColor;transition:transform .4s}.header nav>a:hover:after{transform:scaleX(1);transform-origin:left}.motion-button{width:2.4rem;height:2.4rem;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;flex-shrink:0}.motion-icon{font-size:.8rem;line-height:1}.section-pad{position:relative;z-index:3}.hero-scroll{height:215svh;position:relative}.hero-sticky{position:sticky;top:0;height:100svh;min-height:40rem;overflow:hidden;padding:7rem var(--pad) 2rem;z-index:3}.hero-meta{position:relative;z-index:4;color:var(--muted);font-size:.75rem;letter-spacing:.045em}.hero-back-word{position:absolute;top:18%;left:22%;font:500 clamp(8rem,27vw,35rem)/1 var(--display);letter-spacing:-.08em;color:#ffffff04;z-index:0;pointer-events:none;white-space:nowrap}.hero-copy{position:relative;z-index:4;padding-top:12vh;max-width:75%;will-change:transform,opacity}.eyebrow{font-size:.75rem;letter-spacing:.05em;margin-bottom:1.4rem;color:var(--muted)}.hero-copy h1{font:500 clamp(3.8rem,8.2vw,9rem)/.97 var(--display);letter-spacing:-.065em;padding:0}.line-mask{display:block;overflow:hidden;padding:.035em 0}.line-mask>span{display:block;will-change:transform}.hero-outline{color:transparent;-webkit-text-stroke:1px var(--paper)}.hero-description{margin-top:1.9rem;font-size:1.05rem;line-height:1.55;color:#b5b5ae}.object-drag{position:absolute;right:1%;top:17%;width:46%;height:65%;z-index:5;cursor:grab;touch-action:pan-y}.object-drag.is-dragging{cursor:grabbing}.object-caption{position:absolute;right:var(--pad);bottom:22%;z-index:6;display:flex;gap:.55rem;align-items:center;font-size:.65rem;letter-spacing:.055em;pointer-events:none}.caption-dot{width:.35rem;height:.35rem;border:1px solid var(--red);border-radius:50%}.drag-hint{margin-left:1.2rem;color:var(--muted)}.hero-footer{position:absolute;left:var(--pad);right:var(--pad);bottom:2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;z-index:7}.round-link{display:flex;align-items:center;gap:1rem;font-size:.875rem}.round-link-icon{display:grid;place-items:center;border:1px solid var(--line);width:3rem;height:3rem;border-radius:50%;font-size:1.3rem;transition:background .35s,color .35s,transform .35s}.round-link:hover .round-link-icon{background:var(--paper);color:var(--ink);transform:rotate(90deg)}.shape-button{font-size:.875rem;padding:.6rem 0;display:flex;gap:2rem;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:7}.shape-count{font-size:.65rem;color:var(--muted)}.scroll-hint{font-size:.65rem;letter-spacing:.055em;color:var(--muted);display:flex;gap:1.8rem;align-items:center}.scroll-hint>span{font-size:1.4rem;color:var(--paper)}.hero-story{position:absolute;left:var(--pad);top:36%;right:var(--pad);z-index:4;pointer-events:none;opacity:0;transform:translateY(60px);font:500 clamp(3rem,7.5vw,8.5rem)/1 var(--display);letter-spacing:-.06em}.hero-story>span{display:block}.hero-story>span:last-child{margin-left:9vw;margin-top:.05em}.hero-story em{color:var(--red)}.hero-side{position:absolute;right:1rem;top:48%;z-index:6;writing-mode:vertical-rl;font-size:.65rem;color:var(--muted);letter-spacing:.04em}
.project-section{background:var(--paper);color:var(--ink)}.project-section .section-label,.project-heading>p,.project-description,.project-category{color:#686861}.project-visual{position:relative;isolation:isolate;transform-style:preserve-3d;will-change:transform;min-height:38rem}.project-visual .project-image,#image-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-visual .project-image{transform:scale(1.06);will-change:transform}#image-scene{opacity:0;z-index:0}.image-ready #image-scene{opacity:1}.project-overlay{position:absolute;left:6%;top:22%;z-index:2;font:500 clamp(6rem,14vw,16rem)/.85 var(--display);letter-spacing:-.08em;color:var(--paper);mix-blend-mode:screen;pointer-events:none;will-change:transform}.project-overlay>span{display:block}.project-open{position:absolute;right:1.5rem;bottom:1.5rem;z-index:3;width:2.5rem;height:2.5rem;display:grid;place-items:center;border:1px solid #fff6;border-radius:50%;color:var(--paper);font-size:1.4rem}.project-category{border-bottom-color:#11111035}.project-tags span{border-color:#11111035}.project-content h3{font-weight:500}.matter-scroll{height:180svh;position:relative;background:var(--ink)}.matter-sticky{position:sticky;top:0;height:100svh;min-height:40rem;padding:7rem var(--pad) 2.5rem;overflow:hidden;z-index:3}.matter-sticky .section-label{position:relative;z-index:4}.matter-sticky h2{position:relative;z-index:1;margin-top:9vh;font-size:clamp(5rem,14vw,17rem);line-height:.9;letter-spacing:-.065em;color:#ffffff0c;pointer-events:none}.matter-sticky h2 em{font-family:var(--display);font-style:normal;color:transparent;-webkit-text-stroke:1px #ffffff26}.matter-bottom{position:absolute;left:var(--pad);right:var(--pad);bottom:2.5rem;z-index:4;display:flex;align-items:end;justify-content:space-between;gap:2rem}.matter-bottom p{font-size:1rem;color:var(--muted)}.matter-step{font-size:.75rem;letter-spacing:.07em}.matter-watermark{position:absolute;bottom:18%;left:var(--pad);font-size:.65rem;letter-spacing:.2em;color:var(--muted);z-index:4}
.about-section{background:var(--ink);color:var(--paper)}.about-section .section-label,.about-intro>p,.chapter-note,.chapter-number,.chapter-body p,.about-footnote{color:var(--muted)}.chapter,.chapter:last-child{border-color:var(--line)}.chapter-title{position:relative;height:1.2em;overflow:hidden;line-height:1.2}.chapter-title>span{display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.chapter-title>span+span{color:var(--red)}.chapter-button:hover .chapter-title>span{transform:translateY(-100%)}.is-open .chapter-title>span:first-child{color:var(--red)}.chapter-body{overflow:hidden}.contact-section{position:relative;padding-bottom:0;overflow:hidden}.contact-asterisk{will-change:transform;transition:none}.social-links>a{position:relative;isolation:isolate;overflow:hidden}.social-links>a:before{content:'';position:absolute;inset:0;background:var(--ink);z-index:-1;transform:translateY(101%);transition:transform .5s cubic-bezier(.2,.8,.2,1)}.social-links>a:hover:before{transform:translateY(0)}.social-links>a:hover{color:var(--paper)}.social-links>a:hover{padding-left:.8rem}.social-links>a{transition:color .5s,padding .5s}.contact-marquee{display:flex;width:max-content;white-space:nowrap;font:500 clamp(3.5rem,8vw,9rem)/1 var(--display);letter-spacing:-.055em;padding:5rem 0 1.5rem;opacity:.2;will-change:transform}.contact-marquee>span{display:block;padding-right:.4em}footer{position:relative;z-index:4;background:var(--ink)}.reveal{transition:opacity .7s,transform .9s cubic-bezier(.2,.8,.2,1)}.reveal-prepared:not(.is-visible){opacity:0;transform:translateY(45px)}.word-mask{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.1em;margin-bottom:-.1em}.word-mask>span{display:inline-block;transition:transform 1s cubic-bezier(.16,1,.3,1);transition-delay:var(--delay,0ms)}.reveal-lines.is-prepared:not(.is-visible) .word-mask>span{transform:translateY(115%) rotate(5deg)}.intro{position:fixed;inset:0;z-index:100;background:var(--red);color:var(--ink);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;transition:clip-path 1s cubic-bezier(.76,0,.24,1);clip-path:inset(0 0 0 0)}.intro.is-finished{clip-path:inset(0 0 100% 0);pointer-events:none}.intro-label{font-size:.7rem;letter-spacing:.12em}.intro-word{font:600 clamp(3.2rem,12vw,15rem)/1 var(--display);letter-spacing:-.08em}.intro-line{width:35vw;height:1px;background:#11111040}.intro-line>span{display:block;width:100%;height:1px;background:var(--ink);transform-origin:left;animation:intro-progress .6s ease-out both}.intro button{position:absolute;bottom:2rem;font-size:.875rem;border-bottom:1px solid #11111060;padding-bottom:.3rem}@keyframes intro-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(pointer:fine) and (prefers-reduced-motion:no-preference){.cursor{display:flex;position:fixed;left:0;top:0;width:12px;height:12px;align-items:center;justify-content:center;background:var(--red);border-radius:50%;z-index:60;pointer-events:none;transform:translate(-100px,-100px);transition:width .3s,height .3s,background .3s,color .3s}.cursor.is-active{width:90px;height:90px;background:var(--paper);color:var(--ink)}.cursor-label{font-size:.55rem;letter-spacing:.045em;opacity:0;transition:opacity .2s}.cursor.is-active .cursor-label{opacity:1}}
@media(max-width:1000px){.header{gap:1.5rem}.hero-sticky{min-height:35rem}.hero-copy{padding-top:17vh}.hero-copy h1{font-size:8.5vw}.object-caption{bottom:24%;font-size:.6rem}.drag-hint{display:none}.project-visual{min-height:31rem}.project-overlay{font-size:15vw}.matter-sticky{min-height:35rem}}
@media(max-width:650px){html{scroll-padding-top:5rem}.header{padding:1.2rem var(--pad);gap:1rem}.header nav>a{font-size:.75rem}.motion-button{width:1.8rem;height:1.8rem}.hero-scroll{height:175svh}.hero-sticky{padding-top:5.5rem;min-height:40rem}.hero-meta{font-size:.6rem}.hero-meta>span:last-child{display:none}.hero-copy{padding-top:7vh;max-width:100%}.hero-copy h1{font-size:11vw;line-height:1}.eyebrow{font-size:.6rem;margin-bottom:1rem}.hero-description{font-size:.95rem;margin-top:1.2rem}.hero-back-word{top:47%;left:0;font-size:38vw}.object-drag{top:42%;right:10%;width:80%;height:37%}.object-caption{bottom:18%;left:var(--pad);right:auto;font-size:.6rem}.hero-footer{bottom:1.5rem;flex-wrap:wrap;gap:1.2rem}.round-link{font-size:.8rem;gap:.7rem}.round-link-icon{width:2rem;height:2rem;font-size:1rem}.shape-button{font-size:.8rem;gap:1rem}.shape-count{font-size:.6rem}.scroll-hint{width:100%;justify-content:space-between;font-size:.6rem}.hero-story{top:25%;font-size:11vw}.hero-story>span:last-child{margin-left:0;line-height:1.2}.hero-side{display:none}.project-visual{min-height:30rem}.project-overlay{font-size:42vw;top:20%}.matter-scroll{height:155svh}.matter-sticky{padding-top:5.5rem;min-height:38rem}.matter-sticky h2{font-size:21vw;margin-top:10vh}.matter-bottom{flex-wrap:wrap;gap:1.4rem;bottom:2rem}.matter-step{font-size:.65rem;width:100%;text-align:right}.matter-watermark{bottom:24%;font-size:.6rem}.contact-marquee{font-size:15vw;padding-top:3rem}}
@media(prefers-reduced-motion:reduce){.hero-scroll,.matter-scroll{height:auto}.hero-sticky,.matter-sticky{position:relative}.reveal-prepared:not(.is-visible){opacity:1;transform:none}.reveal-lines.is-prepared:not(.is-visible) .word-mask>span{transform:none}.cursor,.intro{display:none!important}.hero-story{display:none}.contact-marquee{transform:none!important}}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .cursor{display:none}.no-scene .object-drag,.no-scene .object-caption,.no-scene .shape-button,.no-scene .matter-scroll{display:none}.no-scene .hero-scroll{height:100svh}.no-scene .hero-sticky{position:relative}.no-scene .hero-story{display:none}
#scene { transition: opacity 0.35s ease; }
.model-poster { position:absolute; width:100%; height:100%; object-fit:contain; pointer-events:none; transition:opacity 0.35s ease; }
.model-ready .model-poster { opacity:0; }
.model-failed .model-poster, .no-scene .model-poster { opacity:1; }
.no-scene .object-drag { display:block; pointer-events:none; }
.model-failed .model-status { position:absolute; right:5%; bottom:13%; width:34%; height:auto; clip:auto; white-space:normal; font-size:.875rem; line-height:1.5; }
@media(max-width:650px) { .model-failed .model-status { right:7%; width:86%; bottom:16%; } }