*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper,#f3e9d7);color:var(--ink,#173f40);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button,label{cursor:pointer}button{border:0}img{display:block;max-width:100%}video{display:block;max-width:100%}[hidden]{display:none!important}::selection{background:#ef715f;color:#132f30}a:focus-visible,button:focus-visible,summary:focus-visible,.file-link:focus-within,.add-film-label:focus-within{outline:3px solid currentColor;outline-offset:6px}h1,h2,h3,h4,h5,p{margin:0}h1,h2,h3,h4,h5{font-family:Didot,"Bodoni 72","Times New Roman",serif;font-weight:400}.micro{font:9px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:1.7px;text-transform:uppercase}.handwritten,.hero-scribble,.margin-note{font-family:"Snell Roundhand","Bradley Hand",cursive;font-style:italic}.skip-link{position:fixed;top:-100px;left:18px;background:#f3e9d7;padding:12px;z-index:100;color:#173f40}.skip-link:focus{top:15px}.site-header{height:84px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:4;border-bottom:1px solid #173f4030;background:#f3e9d7;color:#173f40}.wordmark{font-family:Georgia,serif;font-size:25px;letter-spacing:-1px}.wordmark span{color:#d36555}.site-header nav{display:flex;gap:28px;font-size:11px}.site-header nav a{padding:12px 0}.site-header nav a:hover{border-bottom:1px solid currentColor}.header-note{font-size:8px;opacity:.6}.hero{height:calc(100svh - 84px);min-height:650px;max-height:1050px;position:relative;isolation:isolate;overflow:hidden}.hero-atmosphere{position:absolute;inset:0;z-index:-3;background-image:url('assets/images/coral-current.png');background-size:100% auto;background-position:50% 17%;background-repeat:no-repeat;background-color:#f3e9d7}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#f3e9d7f2 0%,#f3e9d7d9 25%,#f3e9d747 53%,transparent 70%)}.hero:after{content:"";position:absolute;left:-4%;top:8%;width:73%;height:82%;border:1px solid #d6685890;border-radius:50%;transform:rotate(-27deg);pointer-events:none;z-index:-1}.hero-annotation{position:absolute;right:4vw;top:37px;background:#f3e9d7df;color:#173f40;padding:13px 17px;font-size:8px;transform:rotate(3deg);border-left:1px solid #ef715f}.hero-title-block{position:absolute;left:7vw;top:21%;width:67%;max-width:950px}.hero-prelude{margin-bottom:28px}.hero h1{font-size:clamp(95px,12.6vw,195px);line-height:.79;letter-spacing:-.06em}.hero h1 span,.hero h1 em{display:block}.hero h1 em{font-weight:400;margin-left:8vw}.hero-intro{font-size:13px;line-height:1.9;max-width:330px;margin-top:40px;padding:12px 15px 12px 0}.hero-margin{position:absolute;right:6vw;bottom:20%;max-width:190px;background:#f4ecdcdf;padding:18px 23px;transform:rotate(-5deg);color:#173f40;box-shadow:0 8px 30px #173f4010}.hero-margin p{font:italic 25px/1.1 Georgia,serif;letter-spacing:-.7px;margin-top:15px}.hero-scribble{position:absolute;left:35%;bottom:11%;font-size:22px;color:#b44d40;transform:rotate(-8deg)}.enter-link{position:absolute;left:7vw;bottom:38px;display:flex;align-items:center;gap:28px}.enter-link b{font:40px/1 Georgia,serif;font-weight:400}.hero-folio{position:absolute;right:4vw;bottom:40px;font-size:8px}.hero-scratch{position:absolute;left:4%;top:12%;width:60px;height:60px;border-left:1px solid currentColor;border-top:1px solid currentColor;transform:rotate(-7deg);opacity:.5}.directory{background:#f3e9d7;color:#173f40;position:relative;padding:75px 7vw 110px;isolation:isolate}.directory:before{content:"";position:absolute;inset:0;opacity:.045;background:url('assets/images/coral-current.png') center 33%/100% auto;z-index:-1}.directory-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:40px}.directory-heading h2{font-size:36px;letter-spacing:-1.5px}.directory-gates{display:grid;grid-template-columns:1fr 1fr;gap:5vw}.directory-gate{position:relative;min-height:255px;border-top:1px solid #173f4060;border-bottom:1px solid #173f4060;display:grid;grid-template-columns:35px 1fr 38px;gap:13px;padding:32px 14px 30px 0;isolation:isolate;transition:transform .3s}.directory-gate:hover{transform:translateY(-7px)}.gate-no{font:23px Georgia,serif;color:#b95b4e}.gate-main{display:flex;flex-direction:column;justify-content:center;align-items:start}.gate-main small{font-size:8px}.gate-main strong{font:italic 55px/1.1 Didot,"Times New Roman",serif;letter-spacing:-2px;display:block;margin:23px 0 15px}.gate-main>span{font-size:11px;line-height:1.8;max-width:250px}.gate-arrow{font:38px Georgia,serif}.gate-sketch{position:absolute;right:15%;top:8%;width:150px;height:200px;border:1px solid #ef715f80;border-radius:50%;transform:rotate(45deg);z-index:-1}.gate-films .gate-sketch{border-radius:0;width:170px;height:170px;transform:rotate(-12deg);top:16%}.personal{background:#f3e9d7;color:#173f40;position:relative;overflow:hidden;padding:100px 8vw 65px;isolation:isolate}.personal-atmosphere{position:absolute;inset:0;z-index:-2;background:url('assets/images/coral-current.png') center 77%/100% auto;opacity:.16}.personal:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f3e9d7db,#f3e9d76b 65%,#f3e9d7bc)}.personal-heading{position:relative;min-height:245px}.personal-heading h2{font-size:clamp(55px,6.7vw,110px);line-height:.95;letter-spacing:-.045em;margin:25px 0}.personal-heading>p:not(.micro){font-size:12px;line-height:1.9;position:absolute;right:0;top:95px;max-width:265px}.personal-heading .handwritten{position:absolute;right:3%;top:210px;transform:rotate(-8deg);font-size:26px;color:#b04e43}.talent-studies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3vw;padding:65px 0 80px}.talent-study{min-width:0;position:relative}.talent-study:nth-child(2){margin-top:65px}.talent-study:nth-child(3){margin-top:15px}.talent-index{margin-bottom:12px;font-size:8px}.performance-frame{position:relative;background:#f7efde;padding:12px;box-shadow:0 10px 35px #163f4020;transform:rotate(-3deg);border:1px solid #173f4040}.talent-study:nth-child(2) .performance-frame{transform:rotate(3deg)}.talent-study:nth-child(3) .performance-frame{transform:rotate(-1deg)}.talent-placeholder{height:225px;border:1px solid #173f4025;background:#e5dec9;display:grid;place-items:center;position:relative}.talent-placeholder svg{width:65%;height:160px;fill:none;stroke:#173f40;stroke-width:1.1;opacity:.7}.talent-placeholder>span{position:absolute;bottom:12px;font-size:7px;letter-spacing:1px}.talent-video{width:100%;height:225px;object-fit:contain;background:#102d2f}.tape{position:absolute;width:90px;height:27px;top:-11px;left:35%;transform:rotate(-5deg);background:#d6bd8d72;clip-path:polygon(0 7%,96% 0,100% 86%,4% 100%);pointer-events:none}.talent-study h3{font-size:30px;letter-spacing:-1px;line-height:1.05;margin:28px 0 10px}.talent-note{font:italic 15px/1.5 Georgia,serif;opacity:.8;min-height:24px}.file-link{font-size:10px;display:inline-flex;gap:25px;border-bottom:1px solid #173f4050;margin-top:17px;padding:7px 0}.file-link input,.add-film-label input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.local-status{font-size:8px;letter-spacing:.4px;margin-top:9px;line-height:1.8;text-transform:none;max-width:270px}.personal-exit{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #173f4030;padding-top:30px}.personal-exit a{font:italic 26px/1.3 Georgia,serif;max-width:400px}.personal-exit b{margin-left:15px;font-style:normal;font-weight:400}.film-world{position:relative;color:#173f40;isolation:isolate;overflow:clip;background:#e9deca}.world-art{position:absolute;inset:0;z-index:-4;pointer-events:none}.world-art-primary{position:absolute;inset:0;background:url('assets/images/coral-current.png') center top/100% 100% no-repeat}.world-art-secondary{display:none}.film-world:before{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(#f3e9d711,#f3e9d700 18%,#f3e9d712 80%,#f3e9d7 100%);pointer-events:none}.descent-path{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.85}.descent-path path{fill:none;stroke:#ef715f;stroke-width:2;vector-effect:non-scaling-stroke}.descent-path circle{fill:#ef715f;stroke:#f7edda;stroke-width:4;vector-effect:non-scaling-stroke}.films-prologue{padding:125px 7vw 75px;min-height:700px;position:relative}.films-prologue:before{content:"";position:absolute;left:-3%;top:12%;width:77%;height:75%;z-index:-1;background:#f7eeded9;clip-path:polygon(0 8%,95% 0,100% 85%,90% 92%,35% 100%,0 91%);transform:rotate(-2deg)}.films-prologue h2{font-size:clamp(65px,8vw,125px);line-height:.89;letter-spacing:-.055em;margin:32px 0}.films-prologue>p:not(.micro){font-size:12px;line-height:1.9;max-width:440px}.chapter-route{display:flex;gap:40px;margin:40px 0 0;max-width:650px}.chapter-route a{border-top:1px solid #173f4070;padding-top:13px;font:italic 21px/1.5 Georgia,serif;min-width:175px}.chapter-route span{display:block;font-style:normal;font-size:8px;margin-bottom:9px}.chapter-route b{font-weight:400;font-style:normal;margin-left:20px}.prologue-depth{position:absolute;right:4%;bottom:40px;writing-mode:vertical-rl;font-size:8px}.film-scene{position:relative;padding:65px 7vw 15px;min-height:1110px;isolation:isolate;scroll-margin-top:20px}.scene-heading{display:flex;gap:22px;align-items:center;position:relative;margin-bottom:70px;width:max-content;max-width:90%;padding:25px 35px 25px 0;color:#173f40}.scene-heading:before{content:"";position:absolute;inset:0 -15px 0 -30px;background:#f7eedeea;z-index:-1;clip-path:polygon(2% 5%,97% 0,100% 94%,5% 100%)}.chapter-number{font:italic 95px/.8 Didot,"Times New Roman",serif;letter-spacing:-7px;color:#c75f50}.chapter-title{font-size:56px;letter-spacing:-2.5px;line-height:1.05;margin:10px 0}.chapter-line{font:italic 17px/1.5 Georgia,serif;max-width:400px}.scene-composition{position:relative;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:center;gap:5vw;z-index:1}.film-fragment{min-width:0;background:#fbf4e5;color:#173f40;padding:14px 14px 12px;box-shadow:0 18px 50px #0b292e40;transform:rotate(-4deg);position:relative;border:1px solid #143f4040}.film-mount{position:relative;aspect-ratio:16/9;background:#143f40}.film-cover{position:absolute;inset:0;width:100%;height:100%;background:transparent;padding:0;color:white;overflow:hidden}.film-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.film-cover:hover img{transform:scale(1.025)}.film-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 60%,#001b2c80)}.play-mark{position:absolute;top:20px;right:20px;border:1px solid #fff9;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;font-size:29px;font-weight:300;background:#183f4020;backdrop-filter:blur(6px);z-index:1}.cover-caption{position:absolute;bottom:17px;left:18px;font-size:8px;z-index:1}.frame-coordinate{display:block;margin-bottom:10px;font-size:8px;letter-spacing:2px}.frame-bottom{display:flex;justify-content:space-between;gap:20px;font-size:7px;margin-top:12px;letter-spacing:1px}.film-tape{position:absolute;width:90px;height:32px;top:-13px;right:16%;background:#e5cc9a9c;transform:rotate(10deg);clip-path:polygon(0 10%,97% 0,100% 95%,3% 100%);pointer-events:none}.pencil-corner{position:absolute;inset:-17px -16px -17px -16px;border:1px solid #173f4060;z-index:-1;transform:rotate(7deg);pointer-events:none}.film-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#0b171c}.video-status{font-size:11px;line-height:1.7;margin-top:10px}.film-copy{background:#faf0e2f2;padding:35px 30px;box-shadow:0 8px 35px #133f4010;position:relative;color:#173f40}.film-copy:before{content:"";position:absolute;width:50px;height:1px;left:-20px;top:25px;background:#d86857;transform:rotate(-35deg)}.film-title{font-size:clamp(35px,4vw,60px);line-height:1;letter-spacing:-1.8px;margin:15px 0 20px}.film-roles{font-size:8px;line-height:1.9;letter-spacing:.6px;margin-bottom:20px;opacity:.75}.film-summary{font-size:12px;line-height:1.95}.watch-link{font-size:11px;background:transparent;border-bottom:1px solid #173f4080;padding:9px 0;margin-top:19px;display:inline-flex;gap:35px}.watch-link span{font-size:20px}.film-note{font-size:11px;line-height:1.9;border-top:1px solid #173f4030;margin-top:27px;padding-top:13px}.film-note summary{list-style:none;cursor:pointer;font-size:9px;letter-spacing:.4px;display:flex;justify-content:space-between}.film-note summary::-webkit-details-marker{display:none}.film-note summary span{font-size:16px;line-height:1}.film-note h5{font-size:22px;line-height:1.2;margin:24px 0 12px}.film-note p{opacity:.85}.margin-note{position:absolute;left:5%;bottom:-80px;transform:rotate(-9deg);font-size:32px;color:#ad493d;background:#f8eedbce;padding:0 10px}.scene-right .scene-composition{grid-template-columns:minmax(0,1fr) minmax(0,1.55fr)}.scene-right .film-fragment{order:2;transform:rotate(4deg);margin-top:40px}.scene-right .film-copy{order:1;transform:translateY(-30px)}.scene-right .scene-heading{margin-left:26%;margin-top:30px}.scene-right .margin-note{left:auto;right:3%;bottom:-65px}.scene-afterword{position:relative;margin:130px 2vw 70px 25%;padding:22px 28px 25px;width:60%;max-width:650px;background:#f8eedee8;color:#173f40;transform:rotate(2deg);isolation:isolate}.scene-afterword:after{content:"";position:absolute;inset:8px -8px -8px 8px;border:1px solid #173f4055;z-index:-1;pointer-events:none}.film-question{font:italic 38px/1.15 Georgia,serif;letter-spacing:-1px;margin:16px 0 20px}.continue-link{display:flex;justify-content:space-between;align-items:center;font-size:8px;border-top:1px solid #173f4040;padding-top:13px}.continue-link span{font:26px Georgia,serif}.story-transition{margin:115px auto 50px;max-width:430px;position:relative;text-align:center;background:#f7eddfeb;padding:28px 25px;color:#173f40;transform:rotate(-2deg)}.story-transition>p{font:italic 25px/1.35 Georgia,serif;letter-spacing:-.4px}.transition-dot{display:block;width:10px;height:10px;border-radius:50%;background:#ef715f;margin:-43px auto 25px;box-shadow:0 0 0 7px #f6ebda}.transition-index{display:block;font-size:7px;margin-top:22px}.afterword{position:relative;min-height:630px;padding:130px 8vw 120px;color:#173f40;isolation:isolate}.afterword:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#f3e9d700,#f3e9d7e6 40%,#f3e9d7)}.afterword h2{font-size:clamp(60px,6.5vw,100px);line-height:.95;letter-spacing:-.05em;margin:28px 0}.afterword>p:not(.micro){font-size:12px;line-height:1.9;max-width:430px}.afterword .handwritten{font-size:30px;display:block;transform:rotate(-6deg);margin:25px 0 0 36%;width:max-content;color:#b65347}.about{position:relative;background:#f3e9d7;color:#173f40;padding:100px 8vw 120px;display:grid;grid-template-columns:1fr 1fr;column-gap:8vw}.about>.micro{grid-column:1/-1;margin-bottom:30px}.about h2{font-size:75px;line-height:.95;letter-spacing:-3px}.about-copy{font-size:13px;line-height:2;max-width:430px;align-self:center}.back-link{grid-column:2;padding-top:30px;border-top:1px solid #173f4040;margin-top:25px;font-size:8px}.site-footer{display:flex;justify-content:space-between;gap:25px;background:#f3e9d7;color:#173f40;padding:24px 5vw 110px;border-top:1px solid #173f4030;font-size:9px}.depth-rail{position:fixed;right:14px;top:30%;z-index:8;display:flex;align-items:center;flex-direction:column;gap:15px;opacity:0;pointer-events:none;color:#163f40;transition:opacity .4s;background:#f5eddddc;padding:14px 6px}.depth-rail.in-world{opacity:1}.depth-rail>.micro:first-child{writing-mode:vertical-rl;font-size:7px;letter-spacing:2px}.depth-track{width:1px;height:90px;background:#173f4030}.depth-track i{display:block;width:2px;height:100%;background:#cd6453;transform:scaleY(0);transform-origin:top}.depth-value{font-size:7px;letter-spacing:0}.preview-dock{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:30;display:flex;align-items:center;gap:17px;padding:12px 17px;border:1px solid #173f4030;background:#faf0e4f5;color:#173f40;box-shadow:0 6px 35px #123c4025;border-radius:3px;font-size:10px;white-space:nowrap;max-width:calc(100vw - 24px)}.preview-dock>span{font-family:Georgia,serif;font-style:italic;font-size:12px}.preview-dock a{border-bottom:1px solid #173f4050;padding-bottom:3px}.preview-dock button{background:none;padding:3px 0;font-size:10px}.preview-dock #hide-dock{font-size:20px}.preview-dock #edit-toggle{border-left:1px solid #173f4040;padding-left:15px}.edit-notice{position:fixed;left:15px;bottom:78px;z-index:35;background:#143f40;color:#fff0db;padding:12px 16px;font-size:11px;line-height:1.7;max-width:360px}.editing [data-edit]{outline:1px dashed #b54e3b!important;outline-offset:5px;min-height:1em;cursor:text}.editing .film-fragment{transform:none!important}.new-film-space{max-width:600px;margin:70px 0 0;padding:35px;border:1px dashed #173f4070;background:#f8edddd9}.add-film-label{display:flex;justify-content:space-between;align-items:center;gap:30px;margin:20px 0 15px;font:26px/1.2 Georgia,serif}.new-film-space .local-status{max-width:none}.load-error{max-width:650px;padding:70px 25px;margin:auto}.load-error h1{font-size:60px;margin-bottom:30px}.load-error p{line-height:1.9;margin-bottom:30px}.is-playing .film-fragment{transform:none!important}.is-playing .film-tape,.is-playing .pencil-corner{opacity:0}
/* Study 02 — a saturated staircase through an impossible world. */
.lemon .site-header{background:#ffed24;color:#071392;border-color:#07139240}.lemon .hero-atmosphere{background-image:url('assets/images/lemon-descent.png');background-color:#ffed24;background-position:center 18%}.lemon .hero:before{background:linear-gradient(90deg,#ffed24ef,#ffed24dd 35%,#ffed2455 63%,transparent)}.lemon .hero:after{border-color:#0913bca0;transform:rotate(26deg);left:13%;top:-12%;width:80%;height:120%}.lemon .hero-title-block{left:8%;top:20%}.lemon .hero h1{font-size:clamp(95px,12vw,185px)}.lemon .hero h1 em{margin-left:0}.lemon .hero-margin{background:#0713aceb;color:#fff03e;transform:rotate(6deg)}.lemon .hero-scribble{color:#071392;left:45%;bottom:12%}.lemon .hero-annotation{color:#071392;background:#ffef36e0;border-color:#071392}.lemon .directory{background:#ffed24;color:#071392}.lemon .directory:before{background-image:url('assets/images/lemon-descent.png');opacity:.12}.lemon .directory-gate{border-color:#07139270}.lemon .gate-no{color:#071392}.lemon .gate-sketch{border-color:#07139290}.lemon .personal-atmosphere{background-image:url('assets/images/lemon-descent.png');opacity:.45}.lemon .personal:before{background:linear-gradient(110deg,#fff6cce8,#fff6cca8 60%,#ffed2455)}.lemon .world-art-primary{background-image:url('assets/images/lemon-descent.png')}.lemon .films-prologue:before{background:#fff6dce8;transform:rotate(3deg);left:-1%;clip-path:polygon(0 0,93% 4%,100% 91%,6% 100%)}.lemon .film-world:before{background:linear-gradient(#ffed2422,transparent 30%,#fff2cc11 85%,#f3e9d7)}.lemon .descent-path path{stroke:#fdf3d7;stroke-width:2}.lemon .descent-path circle{fill:#0818c5}.lemon .chapter-number{color:#0713a8}.lemon .film-fragment{border-color:#0713a8;box-shadow:14px 16px 0 #0713a8b0;transform:rotate(3deg)}.lemon .scene-right .film-fragment{transform:rotate(-4deg);box-shadow:-14px 16px 0 #0713a8b0}.lemon .film-copy{background:#fff7e5f2;border-left:3px solid #0713a8}.lemon .pencil-corner{border-color:#0713a8}.lemon .scene-afterword{margin-left:13%;transform:rotate(-3deg)}.lemon .scene-right .scene-afterword{margin-left:30%;transform:rotate(3deg)}.lemon .transition-dot{background:#0713a8}.lemon .margin-note{color:#0713a8}.lemon .films-prologue h2{color:#071392}.lemon .afterword:before{background:linear-gradient(transparent,#f3e9d7eb 45%,#f3e9d7)}
/* Study 03 — paired frames and a change of emotional atmosphere. */
.parallel .site-header{background:#143e41;color:#fff0df;border-color:#fff0df30}.parallel .hero{background:#153f42}.parallel .hero-atmosphere{inset:-12% -15% -25% 40%;background-size:100% auto;background-position:center 2%;transform:rotate(8deg);clip-path:polygon(15% 0,100% 0,100% 100%,0 100%)}.parallel .hero:before{background:linear-gradient(90deg,#143e41 10%,#143e41ed 34%,#143e4177 60%,transparent)}.parallel .hero:after{border-color:#ef715f;left:-15%;top:10%;width:90%;height:85%}.parallel .hero-title-block{left:7%;top:23%;width:80%}.parallel .hero h1{font-size:clamp(95px,12vw,185px)}.parallel .hero h1 em{margin-left:12%}.parallel .hero-intro{color:#fff0df}.parallel .hero-scribble{color:#ffc3a5}.parallel .hero-annotation{background:#f2e7d5f5;color:#173f40;transform:rotate(8deg);right:5%;top:12%}.parallel .hero-margin{right:5%;bottom:17%;transform:rotate(7deg)}.parallel .hero-folio{right:7%;color:#173f40;background:#f6eddcda;padding:5px 10px}.parallel .directory{background:#f3e9d7}.parallel .directory-gate:first-child{transform:rotate(-2deg)}.parallel .directory-gate:last-child{transform:rotate(2deg)}.parallel .personal{background:#f3e9d7}.parallel .personal-atmosphere{background-position:center 32%;opacity:.3}.parallel .world-art-primary{background-image:url('assets/images/coral-current.png');height:62%;bottom:auto;background-size:100% 100%}.parallel .world-art-secondary{display:block;position:absolute;inset:43% 0 0;background:url('assets/images/lemon-descent.png') center top/100% 100%;mask-image:linear-gradient(transparent,#000 14%);-webkit-mask-image:linear-gradient(transparent,#000 14%)}.parallel .film-world:before{background:linear-gradient(#143e4100,transparent 70%,#f3e9d7 100%)}.parallel .films-prologue{padding-left:13%;min-height:750px}.parallel .films-prologue:before{left:7%;width:80%;top:9%;height:78%;transform:rotate(-4deg);background:#163f40f0;clip-path:polygon(4% 0,100% 4%,95% 99%,0 91%)}.parallel .films-prologue h2,.parallel .films-prologue>p,.parallel .chapter-route{color:#f7ecd7}.parallel .chapter-route a{border-color:#f7ecd770}.parallel .film-scene{padding-left:8%;padding-right:8%}.parallel .scene-composition{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:2vw}.parallel .film-copy{transform:translateY(75px) rotate(2deg);margin-left:-40px;z-index:2;box-shadow:12px 16px 0 #153f4099}.parallel .scene-right .scene-composition{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr)}.parallel .scene-right .film-copy{transform:translateY(-30px) rotate(-2deg);margin-left:0;margin-right:-40px}.parallel .film-fragment{padding:23px 15px 18px;transform:rotate(-7deg);box-shadow:15px 17px 0 #f8e8d480}.parallel .scene-right .film-fragment{transform:rotate(7deg);box-shadow:-15px 17px 0 #f8e8d480}.parallel .scene-afterword{margin-top:180px;max-width:580px}.parallel .scene-heading{margin-top:65px}.parallel .scene-right .scene-heading{margin-left:18%}.parallel .story-transition{transform:rotate(3deg)}.parallel .descent-path path{stroke:#f08069}
@media(min-width:1700px){.hero-title-block{left:10vw}.film-scene,.films-prologue{padding-left:10vw;padding-right:10vw}.personal{padding-left:10vw;padding-right:10vw}.scene-composition{max-width:1500px;margin:auto}}
@media(max-width:1000px){.header-note{display:none}.hero h1{font-size:14vw}.hero-title-block{width:80%}.hero-margin{right:5%;bottom:18%;max-width:170px}.hero-margin p{font-size:22px}.hero-scribble{left:30%;bottom:13%}.directory{padding-left:6vw;padding-right:6vw}.directory-gates{gap:3vw}.gate-main strong{font-size:42px}.gate-main small{font-size:7px}.gate-main>span{font-size:10px}.personal-heading>p:not(.micro){position:static;margin-top:20px}.personal-heading .handwritten{right:0;top:160px}.talent-studies{gap:2vw}.talent-study h3{font-size:25px}.talent-placeholder,.talent-video{height:180px}.film-scene{padding-left:6vw;padding-right:6vw}.scene-composition{gap:3vw;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.scene-right .scene-composition{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}.film-copy{padding:25px 20px}.film-title{font-size:39px}.scene-heading{margin-bottom:50px}.chapter-title{font-size:47px}.scene-afterword{width:70%;margin-left:15%}.film-question{font-size:33px}.about h2{font-size:60px}.depth-rail{right:4px}}
@media(max-width:700px){html{scroll-padding-top:22px}.site-header{height:70px;padding:0 21px}.wordmark{font-size:21px}.site-header nav{font-size:10px;gap:17px}.site-header nav a[href="#personal"]{display:none}.hero{height:calc(100svh - 70px);min-height:730px;max-height:none}.hero-atmosphere{background-size:auto 120%;background-position:53% 12%}.hero:before{background:linear-gradient(90deg,#f3e9d7eb,#f3e9d78c 75%,#f3e9d722)}.hero:after{width:120%;left:-25%;height:70%;top:15%}.hero-title-block{left:24px!important;top:23%!important;width:calc(100% - 48px)!important}.hero-prelude{font-size:7px;letter-spacing:1px;margin-bottom:28px}.hero h1{font-size:clamp(70px,20vw,125px)!important;line-height:.82}.hero h1 em{margin-left:8vw!important}.hero-intro{font-size:11px;line-height:1.9;max-width:250px;margin-top:28px;background:#f3e9d7d8;padding:12px;color:#173f40!important}.hero-annotation{right:23px!important;top:35px!important;font-size:7px;max-width:220px;padding:10px 13px}.hero-margin{right:20px!important;bottom:16%!important;max-width:155px;padding:14px 16px}.hero-margin .micro{font-size:7px;letter-spacing:1px}.hero-margin p{font-size:21px;margin-top:10px}.hero-scribble{left:24px!important;bottom:16%!important;font-size:20px;max-width:110px}.hero-folio{right:24px!important;bottom:31px;font-size:7px;letter-spacing:1px}.enter-link{left:24px;bottom:28px;gap:15px}.enter-link .micro{font-size:7px;letter-spacing:1px}.enter-link b{font-size:32px}.hero-scratch{left:20px;top:11%;width:35px;height:35px}.directory{padding:60px 24px 75px}.directory-heading{display:block;margin-bottom:35px}.directory-heading .micro{font-size:7px;letter-spacing:1px;margin-bottom:20px}.directory-heading h2{font-size:35px}.directory-gates{grid-template-columns:1fr;gap:30px}.directory-gate{min-height:225px;padding-top:25px;padding-bottom:25px;grid-template-columns:28px 1fr 27px;gap:10px}.gate-main strong{font-size:49px;margin-top:20px}.gate-main small{font-size:7px;letter-spacing:1px}.gate-main>span{font-size:11px}.gate-no{font-size:20px}.gate-arrow{font-size:30px}.gate-sketch{width:110px;height:180px;right:13%}.gate-films .gate-sketch{width:140px;height:140px}.personal{padding:70px 24px 45px}.personal-atmosphere{background-size:auto 100%;opacity:.21}.personal-heading{min-height:0}.personal-heading>.micro{font-size:7px;letter-spacing:1px;max-width:230px}.personal-heading h2{font-size:56px;line-height:.95;margin-top:27px}.personal-heading>p:not(.micro){font-size:11px;max-width:250px;margin-top:25px}.personal-heading .handwritten{position:static;display:block;margin:25px 0 0 80px;font-size:22px;transform:rotate(-7deg)}.talent-studies{grid-template-columns:1fr;gap:55px;padding-top:65px;padding-bottom:70px;max-width:450px;margin:auto}.talent-study:nth-child(2),.talent-study:nth-child(3){margin-top:0}.talent-study:nth-child(2){margin-left:20px}.talent-study:nth-child(3){margin-right:20px}.talent-placeholder,.talent-video{height:auto;aspect-ratio:4/3}.talent-study h3{font-size:33px;margin-top:30px}.talent-placeholder svg{height:170px}.talent-placeholder>span{font-size:7px}.file-link{font-size:11px}.personal-exit{display:block}.personal-exit .micro{font-size:7px;letter-spacing:1px}.personal-exit a{display:block;font-size:25px;margin-top:20px}.world-art-primary{background-size:auto 100%;background-position:53% top}.films-prologue{padding:95px 24px 75px!important;min-height:700px!important}.films-prologue:before{left:0!important;top:7%!important;width:96%!important;height:82%!important;transform:rotate(-2deg)!important;background:#f6ecddec}.films-prologue>.micro{font-size:7px;letter-spacing:1px;max-width:220px}.films-prologue h2{font-size:64px;line-height:.94;margin:35px 0 30px}.films-prologue>p:not(.micro){font-size:11px;max-width:285px;line-height:1.9}.chapter-route{display:block;margin-top:35px;max-width:270px}.chapter-route a{display:block;font-size:22px;padding:15px 0 17px}.chapter-route span{margin-bottom:4px;font-size:7px}.chapter-route b{float:right}.prologue-depth{font-size:6px;right:11px;bottom:38px}.film-scene{padding:40px 24px 10px!important;min-height:0;scroll-margin-top:25px}.scene-heading{margin:35px 0 45px!important;gap:15px;width:auto;max-width:100%;padding:22px 8px 22px 0}.scene-heading:before{inset:0 -5px 0 -15px}.chapter-number{font-size:72px;letter-spacing:-5px}.scene-heading .micro{font-size:7px;letter-spacing:1px}.chapter-title{font-size:38px;letter-spacing:-1.5px;margin:9px 0}.chapter-line{font-size:14px;line-height:1.5;max-width:230px}.scene-composition,.scene-right .scene-composition,.parallel .scene-composition,.parallel .scene-right .scene-composition{display:flex;flex-direction:column;align-items:stretch;gap:35px}.film-fragment{margin:0!important;padding:10px 10px 10px;transform:rotate(-3deg);order:0!important}.film-copy{order:1!important;transform:none!important;margin:0 0 0 14px!important;padding:27px 22px;max-width:none}.scene-right .film-copy{margin:0 14px 0 0!important}.film-title{font-size:46px;letter-spacing:-1.7px}.film-roles{font-size:8px}.film-summary{font-size:12px;line-height:1.9}.frame-coordinate{font-size:6px;letter-spacing:1.2px}.frame-bottom{font-size:6px;gap:5px;letter-spacing:.7px}.film-tape{width:65px;height:25px;top:-12px}.pencil-corner{inset:-10px}.play-mark{width:36px;height:36px;top:12px;right:12px;font-size:25px}.cover-caption{font-size:6px;left:12px;bottom:12px;letter-spacing:1px}.margin-note{display:none}.scene-afterword,.lemon .scene-afterword,.lemon .scene-right .scene-afterword,.parallel .scene-afterword{width:92%;max-width:none;margin:65px 0 65px 5%!important;padding:22px;transform:rotate(2deg);}.scene-afterword>.micro{font-size:7px}.film-question{font-size:31px}.story-transition{max-width:270px;margin:80px auto 70px;padding:27px 20px}.story-transition>p{font-size:23px}.transition-index{font-size:7px}.afterword{padding:85px 24px 90px;min-height:600px}.afterword .micro{font-size:7px;letter-spacing:1px}.afterword h2{font-size:55px;line-height:.98;margin:28px 0}.afterword>p:not(.micro){font-size:11px;max-width:290px}.afterword .handwritten{font-size:26px;margin:32px 0 0 80px}.about{padding:80px 24px 85px;display:block}.about>.micro{font-size:8px}.about h2{font-size:64px;margin:30px 0}.about-copy{font-size:12px;line-height:2}.back-link{display:block;font-size:8px;margin-top:35px}.site-footer{padding:25px 24px 100px;flex-direction:column;gap:12px;font-size:8px}.depth-rail{right:2px;padding:9px 4px}.depth-rail>.micro:first-child{font-size:6px;letter-spacing:1px}.depth-track{height:65px}.depth-value{font-size:6px}.preview-dock{gap:15px;bottom:10px;padding:10px 13px;font-size:9px}.preview-dock>span{display:none}.preview-dock #edit-toggle{font-size:9px;padding-left:12px}.preview-dock #download-content{font-size:9px}.edit-notice{bottom:70px;left:12px;right:12px;max-width:none;font-size:10px}.new-film-space{padding:25px 20px;margin-top:55px}.add-film-label{font-size:23px}.lemon .hero-atmosphere{background-size:auto 120%;background-position:52% 10%}.lemon .hero:before{background:linear-gradient(90deg,#ffed24ed,#ffed2480 75%,#ffed2422)}.lemon .hero-intro{background:#fff3d2e6}.lemon .film-fragment{box-shadow:7px 9px 0 #0713a8bb}.lemon .scene-right .film-fragment{box-shadow:-7px 9px 0 #0713a8bb}.lemon .personal-atmosphere{background-size:auto 100%;opacity:.4}.parallel .hero-atmosphere{inset:0 -30% -10% 15%;background-size:auto 100%;background-position:50% top;transform:rotate(8deg);opacity:.85}.parallel .hero:before{background:linear-gradient(90deg,#143e41ef,#143e4199 65%,#143e4122)}.parallel .hero-margin{color:#173f40}.parallel .hero-intro{background:#143e41db;color:#fff0df!important}.parallel .hero-folio{color:#f5e8d3;background:#143e41b0;padding:5px}.parallel .films-prologue:before{background:#143e41ed!important}.parallel .world-art-primary{background-size:auto 100%;height:64%}.parallel .world-art-secondary{background-size:auto 100%;background-position:52% top}.parallel .film-fragment{box-shadow:7px 9px 0 #f8e8d480;transform:rotate(-4deg)}.parallel .scene-right .film-fragment{box-shadow:-7px 9px 0 #f8e8d480;transform:rotate(4deg)}.parallel .film-copy{box-shadow:6px 8px 0 #153f4088}.parallel .directory-gate:first-child,.parallel .directory-gate:last-child{transform:none}.is-playing .film-fragment{transform:none!important}}
.unwritten-frame{display:grid;place-content:center;text-align:left;width:100%;height:100%;padding:25px;background:#143f40;color:#f4e9d6;font:italic 35px/1.1 Georgia,serif}
.scene-composition{scroll-margin-top:100px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media print{.preview-dock,.depth-rail,.edit-notice,.file-link{display:none!important}.hero{height:850px}.world-art{print-color-adjust:exact}}