/* A sketchbook motion language: ink, paper, depth and deliberate transitions. */
.title-letter{display:inline-block;animation:letter-arrive .8s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--letter-delay)}
.hero .star{animation:star-arrive 1.2s cubic-bezier(.2,.8,.2,1) both}
.hero-sketch{position:absolute;left:4.4%;top:490px;width:32%;z-index:3;pointer-events:none;color:var(--red);transform:rotate(-4deg)}
.hero-sketch svg{display:block;width:100%;height:auto;overflow:visible}.draw-line{stroke:var(--red);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1000;stroke-dashoffset:1000;animation:draw-ink 1.15s .6s ease-out forwards}.small-line{stroke-width:2;animation-delay:1.35s}.hero-sketch>span{font-family:Georgia,serif;font-style:italic;font-size:12px;display:block;text-align:center;margin-top:-5px;opacity:0;animation:note-arrive .5s 1.2s ease both}
.hero-art.paper-stack{isolation:isolate;animation:stack-arrive 1.1s cubic-bezier(.16,1,.3,1) both;transition:background .4s}.paper-stack:before,.paper-stack:after{content:'';position:absolute;inset:0;background:#d8d2c5;border:1px solid #24251f15;z-index:-1;transform:rotate(-7deg);box-shadow:0 5px 12px #22251f0d;transition:transform .6s cubic-bezier(.16,1,.3,1)}.paper-stack:after{transform:rotate(-3deg);background:#e4dfd3;z-index:-1}.paper-stack:hover:before{transform:rotate(-10deg) translate(-5px,1px)}.paper-stack:hover:after{transform:rotate(-5deg) translate(-2px,2px)}.hero-art img.art-outgoing{position:absolute;inset:13px 13px auto;width:calc(100% - 26px);height:calc(100% - 50px);z-index:4;pointer-events:none}.hero-art .art-sticker{z-index:5}.universe-controls{position:absolute;right:8%;top:665px;width:34%;display:flex;align-items:center;justify-content:space-between;z-index:4;padding:0 7px}.universe-next{background:none;border:0;padding:10px 0;color:var(--ink);font-size:11px;font-weight:600;display:flex;gap:12px;align-items:center}.universe-next>span{font-size:23px;display:inline-block;transition:transform .45s}.universe-next:hover>span{transform:rotate(140deg)}.universe-status{font-size:9px;letter-spacing:1px}.card-art{transition:transform .45s cubic-bezier(.2,.75,.25,1);will-change:auto}.card-art:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%),#fff4,transparent 60%);opacity:0;pointer-events:none;transition:opacity .35s}.work-card:hover .card-art:after{opacity:1}.work-card:active .card-art{transform:scale(.99)}.card-meta{transition:color .25s}.work-card:hover .card-meta{color:var(--red)}.card-open{z-index:2}.filter-bar button{transition:background .25s,color .25s,box-shadow .25s}.filter-bar button:hover:not(.active){box-shadow:inset 0 0 0 1px var(--line)}nav a.current:after{transform:scaleX(1);background:var(--red)}nav a.current{color:var(--red)}.reading-progress{position:fixed;left:0;right:0;top:0;height:3px;background:var(--red);transform:scaleX(0);transform-origin:left;z-index:50;pointer-events:none}.dialog-art>button{transition:background .2s,color .2s,scale .2s}.dialog-art>button:hover:not(:disabled){background:var(--red);color:white;scale:1.1}#project-thumbs button{transition:transform .25s,border-color .25s}#project-thumbs button:hover{transform:translateY(-4px)}.stamp{transition:transform .5s}.about-art:hover .stamp{transform:rotate(-3deg)}.circle-link{animation:note-arrive .7s .8s both}.footer-cta{position:relative}.footer-cta:after{content:'';position:absolute;height:2px;left:0;right:0;bottom:-15px;background:var(--paper);transform:scaleX(0);transform-origin:left;transition:transform .7s cubic-bezier(.2,.75,.25,1)}.footer-cta:hover:after{transform:scaleX(1)}
@keyframes letter-arrive{from{opacity:0;transform:translateY(55%) rotate(7deg);filter:blur(3px)}to{opacity:1;transform:translateY(0) rotate(0);filter:blur(0)}}@keyframes draw-ink{to{stroke-dashoffset:0}}@keyframes note-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes star-arrive{from{opacity:0;transform:rotate(-100deg) scale(.4)}to{opacity:1;transform:rotate(0) scale(1)}}@keyframes stack-arrive{from{opacity:0;transform:translate(30px,55px) rotate(12deg)}to{opacity:1;transform:translate(0,0) rotate(5deg)}}
@media(min-width:1600px){.universe-controls{top:780px}.hero-sketch{top:590px}}
@media(max-width:1100px) and (min-width:901px){.hero-sketch{top:440px}.hero-bottom{margin-top:100px}}
@media(max-width:900px){.hero-sketch{top:400px;width:38%}.universe-controls{top:555px;right:7%;width:38%}.hero-art .art-sticker{bottom:48px}.hero-sketch>span{font-size:10px}}
@media(max-width:600px){.hero{min-height:920px}.hero h1{position:relative;z-index:3}.hero-sketch{top:235px;left:6%;width:50%}.hero-sketch svg{height:55px}.hero-sketch>span{display:none}.hero-art.paper-stack{top:313px;width:70%;right:14%;height:385px}.universe-controls{top:735px;right:13%;width:74%}.universe-next{font-size:11px}.hero-bottom{margin-top:525px}.reading-progress{height:2px}.paper-stack:before{transform:rotate(-6deg)}.paper-stack:after{transform:rotate(-3deg)}.card-art:after{display:none}.footer-cta:after{bottom:-7px}}
body.reduce-motion .draw-line{stroke-dashoffset:0}body.reduce-motion .hero-sketch>span{opacity:1}body.reduce-motion .title-letter{opacity:1;transform:none;filter:none}body.reduce-motion .hero-art.paper-stack{transform:rotate(5deg)}body.reduce-motion .paper-stack:hover:before{transform:rotate(-7deg)}body.reduce-motion .paper-stack:hover:after{transform:rotate(-3deg)}
@media(prefers-reduced-motion:reduce){.draw-line{stroke-dashoffset:0}.hero-sketch>span{opacity:1}.title-letter{opacity:1;transform:none;filter:none}.hero-art.paper-stack{transform:rotate(5deg)}.paper-stack:hover:before{transform:rotate(-7deg)}.paper-stack:hover:after{transform:rotate(-3deg)}}

.hero h1 .hero-sketch{top:100%;bottom:auto;left:0;width:65%;margin-top:8px}.hero h1 .hero-sketch svg{height:48px}.hero h1 .hero-sketch>span{font-weight:400;letter-spacing:0;line-height:1.2}@media(max-width:600px){.hero h1 .hero-sketch{width:80%;margin-top:0}.hero h1 .hero-sketch svg{height:42px}}