*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090710;color:#eee7da;font-family:Arial,sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;font:inherit}#forest{position:fixed;inset:0;width:100%;height:100%;z-index:-2}.grain{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='white' filter='url(%23n)' opacity='.7' d='M0 0h200v200H0z'/%3E%3C/svg%3E")}header{position:absolute;top:0;left:0;width:100%;padding:30px 4.5%;display:flex;align-items:center;justify-content:space-between;z-index:3;border-bottom:1px solid #b7a5d014}.brand{font:italic bold 28px Athelas,Georgia,serif;letter-spacing:1px}.brand span{font-size:14px;color:#c1a0e4}.brand small{display:block;font:9px Arial;letter-spacing:5px;text-align:center;margin-top:4px}nav{display:flex;gap:38px;font-size:12px;color:#c5baca}nav a:hover{color:white}#sound{border:1px solid #c5baca40;border-radius:30px;background:#ffffff04;padding:10px 15px;font-size:11px}#sound[aria-pressed=true]{color:#dbb8f9;border-color:#b18ec8}section{position:relative;min-height:100vh;scroll-margin-top:25px}#home{height:100vh;min-height:700px;display:flex;align-items:center;justify-content:center;text-align:center}.hero{margin-top:60px}.eyebrow{font-size:10px;letter-spacing:3px;color:#c2a3cf;font-weight:400}h1{font:bold italic clamp(60px,10.1vw,156px)/1.05 Athelas,Georgia,serif;letter-spacing:-7px;margin:33px 0;text-shadow:0 4px 55px #af75ef45;white-space:nowrap}h1 span{display:inline-block;animation:fall 1.6s both;animation-delay:calc(var(--i)*.1s)}@keyframes fall{from{opacity:0;transform:translateY(-180px) rotate(-12deg);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}.intro{font:20px/1.7 Athelas,Georgia,serif;color:#ddd1de}.intro em{color:#b7a4bc}.scroll{display:flex;align-items:center;flex-direction:column;gap:18px;margin-top:63px;font-size:9px;letter-spacing:2.5px;color:#cdbed3}.scroll b{border:1px solid #baa6ce40;border-radius:30px;width:30px;height:48px;padding-top:14px;animation:bob 3s infinite}@keyframes bob{50%{transform:translateY(9px)}}.bottomline{position:absolute;bottom:28px;width:91%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#ac98b4}#works{min-height:1250px;padding:110px 5% 140px;background:linear-gradient(transparent,#09071077 30%,#090710b0)}.sectiontitle{text-align:center}h2{font:normal 56px/1.12 Athelas,Georgia,serif;letter-spacing:-1.7px;margin:25px 0}h2 em{font-weight:normal;color:#c3a9d4}.sectiontitle>p:last-child{font:17px Georgia;color:#af9eb8}.bookwrap{position:relative;max-width:960px;margin:85px auto 0;perspective:1200px}.book{display:flex;min-height:460px;transform:rotateX(7deg) rotateZ(-2deg);border-radius:5px 15px 15px 5px;box-shadow:0 30px 100px #000,0 0 80px #9c53c022;border:7px solid #302239;background:#cabc9e;color:#362b35;transition:transform .5s}.book:hover{transform:rotateX(0) rotateZ(0)}.page{width:50%;padding:35px;background:linear-gradient(90deg,#d5c9b0,#e7dcc2 90%,#b4a68d);position:relative}.page.right{background:linear-gradient(90deg,#a99b83,#e5dac1 9%,#dbceb1);display:flex;flex-direction:column;padding:45px}.folio,.demo{font-size:8px;letter-spacing:2px}.art{height:285px;background:radial-gradient(ellipse at 50% 65%,#79528b,#20142d 60%,#100d1b);margin:20px 0;position:relative;overflow:hidden;display:grid;place-items:center}.art:before,.art:after{content:'';position:absolute;width:30px;height:120%;background:#100d19;transform:rotate(24deg);left:13%;top:-10%;box-shadow:220px 0 #140d20}.art:after{transform:rotate(-15deg);left:80%;box-shadow:none}.orb{width:130px;height:130px;border-radius:100%;background:radial-gradient(circle at 40% 35%,#e6cfe8,#a382bd 40%,#442a60 75%);box-shadow:0 0 60px #a979d970}.art>span{position:absolute;bottom:30px;color:#dbbfea;font-size:25px}.page .eyebrow{color:#7c577d;font-size:8px;letter-spacing:2px}h3{font:italic 42px/1.1 Athelas,Georgia,serif;margin:20px 0}.page p{line-height:1.8;color:#67596a}.placeholder{font-size:11px;line-height:1.8;border-top:1px solid #88738340;padding-top:20px;color:#8a7786}.booknav{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:25px;font-size:10px}.booknav button{border:1px solid #79657960;background:transparent;border-radius:50%;height:35px;width:35px;color:#4e3b52}.booknav button:disabled{opacity:.25;cursor:default}.bookhint{text-align:center;font-size:8px;letter-spacing:2px;color:#aa90b9;margin-top:40px}.bookhint span{padding-left:12px}.butterfly{position:absolute;font:100px Georgia;color:#d6b4ee;text-shadow:0 0 30px #c478ff;animation:bob 4s infinite;z-index:1}.b1{top:-60px;left:-55px;transform:rotate(-25deg)}.b2{top:-85px;right:-30px;font-size:75px;animation-delay:-2s}#about{min-height:1000px;display:grid;place-items:center;background:#09071066;overflow:hidden}.abouttree{position:absolute;left:calc(50% - 170px);top:0;width:340px;height:110%;background:repeating-linear-gradient(86deg,#181120 0,#25182d 9px,#130e1a 20px,#201527 24px);clip-path:polygon(16% 0,80% 0,75% 45%,90% 100%,0 100%,23% 40%);box-shadow:0 0 90px #000}.paper{width:530px;background:#d6cab0;color:#41313f;padding:55px 55px 35px;transform:rotate(3deg);box-shadow:0 25px 70px #0008;position:relative;clip-path:polygon(0 0,100% 1%,99% 97%,85% 100%,70% 98%,45% 100%,0 98%)}.nail{position:absolute;top:18px;left:50%;width:10px;height:10px;background:radial-gradient(circle at 30% 30%,#a8a5a1,#333);border-radius:100%;box-shadow:2px 3px 4px #0008}.paper .eyebrow{color:#826381}.paper h2{font-size:42px}.paper h2 em{color:#76567b}.portrait{height:160px;width:135px;float:left;margin:5px 24px 12px 0;background:#b6a78e;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-6deg);border:8px solid #eee5cf;box-shadow:1px 4px 10px #0002}.portrait span{font-size:50px;color:#827088}.portrait small{font:7px Arial;letter-spacing:1px}.paper>p{font:16px/1.8 Georgia}.pending{opacity:.6;font-size:12px;line-height:1.8}.signature{display:block;text-align:right;font:italic 45px Athelas,Georgia;clear:both;padding-top:12px}#contact{text-align:center;min-height:740px;padding:160px 5% 0;background:linear-gradient(#09071066,#090710)}#contact h2{font-size:68px}#contact>p:not(.eyebrow){color:#b9a8c3}.contactcta{margin:25px 0;background:transparent;border:0;border-bottom:1px solid #b99ccb90;font:italic 27px Georgia;padding:12px 4px}.contactcta span{margin-left:65px;font-style:normal}footer{display:flex;align-items:center;justify-content:space-between;text-align:left;border-top:1px solid #ac8bb32a;margin-top:120px;padding:30px 0;font-size:9px;color:#a08aab}footer>span{letter-spacing:1.5px}a:focus-visible,button:focus-visible,.book:focus-visible{outline:2px solid #c8a5ee;outline-offset:6px}@media(max-width:650px){header{padding:23px 6%}nav{gap:17px;font-size:10px}#sound span{display:none}.brand{font-size:22px}h1{font-size:15vw;letter-spacing:-4px;white-space:normal;max-width:90vw}.hero{margin-top:0}.intro{font-size:18px}.bottomline span:last-child{display:none}h2{font-size:39px}#works{padding:90px 6%;min-height:1100px}.bookwrap{margin-top:65px}.book{min-height:650px;flex-direction:column;transform:rotate(-2deg)}.page{width:100%;padding:20px}.page.left{height:255px}.art{height:175px;margin:12px 0}.orb{width:90px;height:90px}.page.right{padding:24px;min-height:330px}h3{font-size:33px;margin:10px 0}.b1{left:-20px;font-size:65px}.b2{right:-5px;font-size:55px}.paper{width:85vw;padding:50px 28px 35px}.paper h2{font-size:35px}.portrait{width:108px;height:140px}#about{min-height:850px}#contact{padding-top:110px}#contact h2{font-size:44px}footer{gap:30px;flex-wrap:wrap}footer>span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
/* NEON / OPTICAL GLASS — spatial edition */
body{font-family:Helvetica,'Helvetica Neue',Arial,sans-serif;background:#070411}.scene-vignette{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 45%,transparent 15%,#08031155 68%,#080311c9)}.grain{opacity:.025}header{position:fixed;top:20px;left:3%;width:94%;padding:15px 24px;border:1px solid #fff3;border-radius:60px;background:linear-gradient(130deg,#f1d9ff18,#e9deff05 45%,#8fa8ff16);backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);box-shadow:inset 0 1px 1px #fff5,inset 0 -1px 1px #fff1,0 10px 40px #0003}nav{font-weight:700;letter-spacing:.4px}nav a:hover{text-shadow:0 0 12px #d27eff;color:#fff}#sound{background:#fff1;box-shadow:inset 0 1px 0 #fff3}.brand{font-family:Athelas,Georgia,serif;color:#f7ecff;text-shadow:0 0 15px #c35dff}.brand small{font-family:Helvetica,Arial;font-weight:700}.eyebrow{font-family:Helvetica,Arial;font-weight:700;color:#b7fff0;text-shadow:0 0 18px #76ffd8aa;letter-spacing:4px}h1{font-family:Athelas,Georgia,serif;font-style:italic;font-weight:700;letter-spacing:-6px;color:#f8edff;text-shadow:0 0 2px #fff,0 0 18px #b64aff,0 0 55px #a230f2,0 10px 1px #321343,0 18px 35px #0008;filter:drop-shadow(0 0 45px #c45eff44)}.hero{padding:30px 10px}.intro{font:700 17px/1.8 Helvetica,Arial;letter-spacing:.1px;text-shadow:0 0 25px #b18df4}.intro em{font:italic 23px Athelas,Georgia;color:#e6c9ff}.scroll{font-weight:700}.scroll b{background:#eee0ff15;backdrop-filter:blur(15px);box-shadow:inset 0 1px #fff5,0 0 25px #ab4eff33}.journey{position:fixed;left:26px;top:40%;height:180px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:16px;color:#c9a6ff}.journey i{height:100px;width:1px;background:linear-gradient(#b1ffe7 calc(var(--travel,0)*100%),#ffffff26 0);box-shadow:0 0 10px #cc96ff66}.journey small{writing-mode:vertical-rl;letter-spacing:2px;font-size:7px}.bottomline{font-weight:700}h2{color:#fff0ff;text-shadow:0 0 30px #a955e866,0 5px 20px #000}h2 em{color:#d8a6ff;text-shadow:0 0 20px #a647f4}#works{background:linear-gradient(transparent,#0a031a55 40%,transparent)}.sectiontitle>p:last-child{font-family:Helvetica,Arial;font-size:13px;color:#dccfe9}.book{border:2px solid #fff5;background:#b99cfb17;backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);border-radius:20px;box-shadow:inset 0 2px 2px #fff5,0 0 45px #a84dff33,0 35px 90px #000a;color:#f4e7ff;transform:perspective(1200px) rotateX(9deg) rotateY(-9deg) rotateZ(-2deg)}.page{background:linear-gradient(110deg,#f8e8ff1c,#ac8ae508 80%,#fff2);border-radius:18px 0 0 18px}.page.right{background:linear-gradient(90deg,#d9c3ff20,#130d2899 10%,#b8bcf114);border-radius:0 18px 18px 0}.page .eyebrow{color:#a6ffe9}.page p{color:#d0bfdc}.placeholder{color:#bdabcd;border-color:#dfc5ff33}.booknav button{color:#fff;border-color:#e2baff55;background:#fff1;box-shadow:inset 0 1px #fff4;backdrop-filter:blur(10px)}.booknav button:hover{box-shadow:0 0 20px #c782ff77}.folio,.demo{color:#e2c6fa}.art{border-radius:9px;border:1px solid #bfa1e34d;box-shadow:inset 0 0 35px #c382ff33}.bookhint{color:#d8c0e9;font-weight:700}.butterfly{text-shadow:0 0 12px #fff,0 0 30px #c478ff,0 0 65px #9137e9}.paper{box-shadow:0 25px 70px #0008,0 0 50px #b877ff22}.paper h2{text-shadow:none;color:#41313f}.paper h2 em{text-shadow:none;color:#76567b}#about{background:#09071022}#contact{background:linear-gradient(transparent,#080313df)}.contactcta{border:1px solid #fff5;padding:20px 32px;border-radius:50px;background:linear-gradient(120deg,#fff2,#a99dea12);backdrop-filter:blur(24px);box-shadow:inset 0 1px #fff8,0 0 40px #b365f733;font:700 19px Helvetica,Arial}.contactcta:hover{box-shadow:inset 0 1px #fff8,0 0 55px #b365f788}#contact h2 em{color:#b6ffeb;text-shadow:0 0 20px #70ffd477}footer{font-weight:700}.pending{color:inherit!important}@media(max-width:650px){header{left:4%;width:92%;top:14px;padding:13px 16px}nav{gap:13px;font-size:9px}.brand{font-size:20px}.brand small{font-size:7px;letter-spacing:3px}#sound{padding:8px 10px}h1{font-size:15vw;letter-spacing:-3px}.journey{display:none}.hero{margin-top:40px}.book{transform:perspective(1200px) rotateY(-4deg) rotateZ(-2deg)}.page{border-radius:15px 15px 0 0}.page.right{border-radius:0 0 15px 15px}.eyebrow{letter-spacing:2px}}
/* Choreography: falling glyphs, butterfly transport and suspended book. */
h1{perspective:900px}h1 span{animation:none;will-change:transform,opacity;transform-style:preserve-3d}#home{overflow:hidden}#works{min-height:0;height:260vh;padding-top:105px;padding-bottom:0;overflow:clip;overflow-clip-margin:300px}.sectiontitle{position:relative;z-index:1}.bookwrap{position:sticky;top:25vh;margin:65px auto 0;max-width:960px;perspective:1400px}.book-carrier{position:relative;will-change:transform,opacity;opacity:0;transform:translateX(-160vw);transform-style:preserve-3d}.book{animation:suspended-book 6s ease-in-out infinite;will-change:transform;transform-origin:50% 10%}.book:hover{animation-play-state:running}.bookhint{margin-top:28px}.butterfly{width:72px;height:65px;position:absolute;z-index:4;font-size:initial;text-shadow:none;filter:drop-shadow(0 0 10px #cb87ff) drop-shadow(0 0 25px #a850ff);animation:carrier-flight 4.4s ease-in-out infinite;transform-origin:center}.b1{left:-40px;top:-75px;--tilt:-18deg}.b2{right:-40px;top:-75px;--tilt:18deg;animation-delay:-1.7s}.b3{left:14%;top:-108px;--tilt:-10deg;animation-delay:-2.5s;width:52px}.b4{right:12%;top:-105px;--tilt:12deg;animation-delay:-.8s;width:52px}.flutter{position:absolute;inset:0;perspective:150px;transform:rotate(var(--tilt));transform-style:preserve-3d}.wing{position:absolute;top:5px;width:50%;height:49px;background:radial-gradient(ellipse at 75% 50%,#f4e9ff 0 4%,#e7b2ff 10%,#b35ae3 38%,#66329d 60%,#dbb0ff 80%,#ffffffb0);border:1px solid #f2ddffbd;box-shadow:inset 0 0 12px #fff9;border-radius:80% 90% 35% 85%;clip-path:polygon(100% 35%,70% 0,20% 2%,0 25%,10% 60%,35% 65%,12% 88%,35% 100%,85% 78%);transform-origin:100% 50%;animation:wingbeat .24s ease-in-out infinite alternate}.wing-left{left:0}.wing-right{right:0;scale:-1 1;transform-origin:100% 50%;animation-delay:-.08s}.insect-body{position:absolute;left:48%;top:18px;height:30px;width:4px;border-radius:100%;background:#fceeff;box-shadow:0 0 8px #fff}.silk{position:absolute;top:50px;left:50%;height:75px;width:1px;background:linear-gradient(#e9c7ffb0,#e9c7ff20);transform:rotate(calc(var(--tilt) * -1));transform-origin:top;opacity:.7}.b3 .silk,.b4 .silk{height:106px}.b3 .wing,.b4 .wing{height:38px}.b3 .insect-body,.b4 .insect-body{height:22px;top:14px}.b3 .silk,.b4 .silk{top:40px}#works[data-flight=leaving] .wing{animation-duration:.14s}#works[data-flight=arriving] .wing{animation-duration:.18s}@keyframes wingbeat{from{transform:rotateY(-10deg) rotateZ(-5deg)}to{transform:rotateY(72deg) rotateZ(9deg)}}@keyframes carrier-flight{0%,100%{transform:translate3d(0,0,0) rotate(-5deg)}25%{transform:translate3d(13px,-14px,10px) rotate(7deg)}50%{transform:translate3d(-8px,-7px,0) rotate(-3deg)}75%{transform:translate3d(-14px,8px,10px) rotate(4deg)}}@keyframes suspended-book{0%,100%{transform:rotateX(7deg) rotateY(-6deg) rotateZ(-1.8deg) translateY(0)}35%{transform:rotateX(3deg) rotateY(4deg) rotateZ(1.2deg) translateY(-13px)}70%{transform:rotateX(6deg) rotateY(-2deg) rotateZ(-.7deg) translateY(7px)}}@media(max-width:650px){#works{height:300vh;padding-top:85px}.bookwrap{top:16vh;margin-top:100px}.book{min-height:0}.page.left{height:205px}.art{height:130px}.page.right{min-height:300px;padding:20px}.b1{left:-15px}.b2{right:-15px}.butterfly{width:53px}.wing{height:40px}.b3,.b4{width:40px}.bookhint{font-size:7px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){.book-carrier{opacity:1;transform:none}.book,.butterfly,.wing{animation:none!important}#works{height:auto;padding-bottom:120px}.bookwrap{position:relative;top:auto}}
/* Compact book → taped note handoff: no long pinned scroll. */
#works{height:auto;min-height:0;padding:90px 5% 65px;overflow:clip;overflow-clip-margin:200px;background:transparent}.bookwrap{position:relative;top:auto;margin:110px auto 0}.book-carrier{transform:none;opacity:0}.bookhint{margin-bottom:0}#about{min-height:0;padding:45px 5% 85px;overflow:visible;background:transparent;z-index:2}.paper{transform:rotate(-2deg);clip-path:none;border-radius:2px;box-shadow:1px 4px 10px #0003;background:linear-gradient(112deg,#eee4cb,#d8ccb0);overflow:visible}.paper:after{content:'';position:absolute;bottom:0;left:0;right:0;height:10px;background:linear-gradient(transparent,#b3a68c22);pointer-events:none}.tape{position:absolute;z-index:3;top:-20px;width:116px;height:40px;background:linear-gradient(120deg,#fff4c88c,#e6d8a8bd 35%,#fff9deaa 60%,#d8c692a1);border:1px solid #fff7d533;backdrop-filter:blur(2px);box-shadow:0 1px 2px #4a36131c;clip-path:polygon(0 4%,5% 0,11% 6%,17% 1%,23% 5%,29% 0,36% 5%,43% 1%,50% 4%,58% 0,65% 6%,72% 1%,80% 5%,87% 1%,94% 6%,100% 1%,98% 96%,91% 100%,84% 95%,77% 100%,70% 94%,63% 99%,55% 95%,47% 100%,40% 96%,32% 100%,25% 95%,18% 99%,10% 94%,2% 100%);transform-origin:center;opacity:0}.tape-left{left:10px;--tape-angle:-22deg;transform:rotate(-22deg)}.tape-right{right:10px;--tape-angle:24deg;transform:rotate(24deg)}.note-attached .tape{animation:stick-tape .5s .32s cubic-bezier(.2,.8,.3,1) both}.note-attached .tape-right{animation-delay:.53s}@keyframes stick-tape{0%{opacity:0;transform:translateY(-35px) rotate(var(--tape-angle)) scale(1.25,1.7)}65%{opacity:1;transform:translateY(0) rotate(var(--tape-angle)) scale(1.03,.85)}100%{opacity:1;transform:translateY(0) rotate(var(--tape-angle)) scale(1)}}@media(max-width:650px){#works{height:auto;min-height:0;padding:80px 6% 45px}.bookwrap{position:relative;top:auto;margin-top:110px}#about{min-height:0;padding:35px 5% 65px}.paper{width:85vw}.tape{width:90px;height:34px;top:-15px}}@media(prefers-reduced-motion:reduce){.book-carrier,.tape{opacity:1}.note-attached .tape{animation:none}}
/* Reversible scroll poses. Transform parents never change measured layout. */
.bookwrap{isolation:isolate}.book-carrier{will-change:transform,opacity}.paper{will-change:transform,opacity;transform-origin:50% 35%}.tape,.note-attached .tape,.note-attached .tape-right{animation:none!important;will-change:transform,opacity}.paper:after{display:none}#about{perspective:1000px}.book-carrier,.paper,.tape{transition:none!important}
/* The scene and content share a single interpolated scroll position. */
html{scroll-behavior:auto!important;overflow-x:clip;scrollbar-gutter:stable}.smooth-journey main{position:fixed;inset:0 0 auto;width:100%;will-change:transform}.smooth-journey body{overflow-x:clip;position:relative}.smooth-journey #works{overflow:visible}.smooth-journey .bookwrap{isolation:auto}header{z-index:20}.journey{z-index:15}@media(prefers-reduced-motion:reduce){main{position:relative!important;transform:none!important}}
/* Keep the optical look without repainting nested live blur filters. */
.book,.page,.page.right{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.book{background:linear-gradient(115deg,#8261b844,#271d4599 50%,#8a7ca833)}.tape{backdrop-filter:none;-webkit-backdrop-filter:none}.grain{display:none}header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.butterfly{filter:drop-shadow(0 0 8px #bd72ef)}.book{will-change:transform}.paper{backface-visibility:hidden}.tape{z-index:6}
/* Opening shot and soundtrack controls. */
h1{font-size:clamp(74px,12.2vw,190px);letter-spacing:-.055em;line-height:.95;margin:38px 0 50px;filter:none;text-shadow:0 0 2px #fff,0 0 18px #ba52fb,0 0 50px #a230f299,0 8px 1px #321343}.hero{width:100%;margin-top:40px}.hero .scroll{margin-top:45px}.bottomline{justify-content:flex-end}.bottomline span{display:block!important;font:700 9px Helvetica,Arial;letter-spacing:2.5px;color:#cbb7d9}.audio-controls{display:flex;gap:12px;align-items:center}.volume-label{display:flex;align-items:center;gap:6px;font-size:9px;color:#ded0e6}.volume-label input{width:65px;height:14px;accent-color:#d2a4f4;cursor:pointer}.volume-label output{font-size:8px;min-width:24px}#music-panel{position:fixed;right:25px;bottom:25px;z-index:40;width:286px;padding:12px;border-radius:17px;border:1px solid #fff3;background:#160e27f2;box-shadow:0 8px 30px #0004;color:#e8daf4}#music-panel[hidden]{display:none}.music-heading{display:flex;align-items:center;justify-content:space-between;font:700 8px Helvetica,Arial;letter-spacing:2px;margin-bottom:10px}.music-heading button{border:0;background:transparent;font-size:23px}#youtube-player{width:260px;height:200px;border:0;border-radius:7px}#music-status{font-size:10px;line-height:1.5;color:#c4b0d1}#music-panel>a{font-size:10px;color:#d6a4ff}header nav{gap:25px}@media(max-width:850px){.volume-label{font-size:0;gap:3px}.volume-label input{width:45px}.audio-controls{gap:6px}header nav{gap:15px}}@media(max-width:650px){h1{font-size:18vw;white-space:normal;letter-spacing:-.055em;max-width:none}h1 span:nth-child(4){display:block;font-size:0;height:12px}.hero .eyebrow{font-size:8px}.hero{margin-top:0}header nav{gap:10px;font-size:8px}.volume-label output{display:none}.volume-label input{width:34px}.audio-controls{gap:2px}#sound{padding:7px}header{padding:12px}.bottomline{justify-content:center}#music-panel{right:15px;bottom:15px}}
.audio-upload{display:block;font-size:10px;margin-top:12px;padding:9px;border:1px solid #b790d055;border-radius:8px;cursor:pointer;color:#e5c5ff}.audio-upload input{display:block;margin-top:8px;width:100%;font-size:9px;color:#b9a8c4}
#audio-status{position:fixed;right:4%;top:105px;z-index:30;font-size:11px;padding:12px 18px;background:#211333e8;border:1px solid #fff3;border-radius:14px}#audio-status[hidden]{display:none}
/* Nadir: personal note, light chromatic glitches and pointer zoom. */
.nadir-paper{width:min(760px,88vw);padding:52px 48px 32px;color:#312735}.nadir-paper h2{font-size:52px;margin:16px 0 26px}.nadir-paper .eyebrow{font-family:Helvetica,'Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:9px;line-height:1.5;letter-spacing:2px}.nadir-portrait{float:left;width:188px;height:auto;aspect-ratio:9/16;margin:5px 28px 18px 0;padding:0;border:8px solid #f6eed9;border-bottom-width:18px;display:block;overflow:hidden;transform:rotate(-4deg);box-shadow:1px 5px 12px #372a3029;transition:transform .25s ease}.nadir-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:51% center;aspect-ratio:9/16;transform:scale(1.5);transform-origin:51% 50%}.bio{font-family:Helvetica,'Helvetica Neue',Arial,sans-serif;font-weight:700}.bio p{font-family:inherit;font-size:15px;line-height:1.7;margin:0 0 18px}.bio blockquote{font-family:Helvetica,'Helvetica Neue',Arial,sans-serif;font-weight:700;font-size:23px;line-height:1.4;margin:20px 0 12px;color:#614473;display:flow-root}.signature-block{clear:both;text-align:right;padding-top:10px}.signature-block .signature{padding-top:0;display:inline-block}.birthplace{font:700 12px/1.6 Helvetica,'Helvetica Neue',Arial,sans-serif;margin:8px 0 0}.zoom-copy{position:relative;transform-origin:center;transition:transform .22s ease}.glitch-copy{position:relative}.glitch-copy:before,.glitch-copy:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:0;font:inherit;letter-spacing:inherit;color:inherit;z-index:1}.glitch-copy:before{color:#8d268e;clip-path:inset(15% 0 60% 0)}.glitch-copy:after{color:#146d79;clip-path:inset(65% 0 13% 0)}@media(hover:hover) and (pointer:fine){.zoom-copy:hover{transform:scale(1.035);z-index:2}.glitch-copy:hover:before{animation:chromatic-glitch .52s steps(2,end) 1}.glitch-copy:hover:after{animation:chromatic-glitch .52s .05s steps(2,end) 1 reverse}.nadir-portrait:hover{transform:rotate(0deg) scale(1.045);z-index:3}}@keyframes chromatic-glitch{0%,100%{opacity:0;translate:0}15%{opacity:.7;translate:-3px 1px}35%{opacity:.55;translate:3px -1px}55%{opacity:.65;translate:-2px 0}75%{opacity:.3;translate:2px 1px}}@media(max-width:650px){.nadir-paper{padding:45px 25px 28px;width:88vw}.nadir-paper h2{font-size:39px}.nadir-portrait{width:39%;margin:4px 17px 12px 0;border-width:5px;border-bottom-width:12px}.bio p{font-size:13px;line-height:1.75;margin-bottom:16px}.bio blockquote{font-size:20px}.birthplace{font-size:11px}.signature-block{padding-top:15px}}@media(prefers-reduced-motion:reduce){.zoom-copy,.nadir-portrait{transition:none}.zoom-copy:hover,.nadir-portrait:hover{transform:none}.glitch-copy:before,.glitch-copy:after{display:none}}
/* Glitch uses chromatic shadows: no duplicate text or overlap with the photo. */
.glitch-copy:before,.glitch-copy:after{content:none!important;display:none!important}@media(hover:hover) and (pointer:fine){.glitch-copy:hover{animation:glitch-ink .55s steps(2,end) 1}}@keyframes glitch-ink{0%,100%{text-shadow:none}18%{text-shadow:-2px 0 #b34da3,2px 1px #4c8f93}36%{text-shadow:2px -1px #b34da3,-2px 0 #4c8f93}55%{text-shadow:-1px 1px #b34da3,1px -1px #4c8f93}75%{text-shadow:1px 0 #b34da366,-1px 0 #4c8f9366}}@media(prefers-reduced-motion:reduce){.glitch-copy:hover{animation:none!important}}
/* The creative dossier: paper and manila folder, animated on the shared clock. */
#skills{min-height:0;padding:85px 6% 110px;background:transparent;position:relative}.skills-intro{text-align:center}.skills-intro h2{margin-bottom:0}.dossier{position:relative;max-width:790px;margin:70px auto 0;perspective:1600px;transform-style:preserve-3d;isolation:isolate;will-change:transform,opacity}.folder-back{position:absolute;inset:-13px -15px -15px;background:linear-gradient(110deg,#b99560,#d5b780);border:1px solid #aa8555;border-radius:3px 8px 8px 8px;box-shadow:0 10px 35px #0003}.folder-tab{position:absolute;top:-26px;left:-1px;background:#c7a36d;padding:11px 27px 10px;border-radius:7px 15px 0 0;font:700 9px Helvetica,Arial;color:#4b392b;letter-spacing:2px}.skill-document{position:relative;background:linear-gradient(115deg,#f1e8d2,#e0d4b9);padding:30px 36px 20px;border-radius:2px;color:#322d35;box-shadow:1px 2px 3px #0002}.file-header{position:static;inset:auto;width:auto;padding:0 0 18px;display:flex;border:0;border-bottom:2px solid #6e5e4c55;border-radius:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;transform:none;color:#3f3336}.file-header p{font:700 8px Helvetica,Arial;letter-spacing:3px;margin:0 0 8px;color:#796752}.file-header h3{font:700 26px Helvetica,Arial;letter-spacing:-1px;margin:0}.file-number{text-align:right;font:9px/1.9 Helvetica,Arial;letter-spacing:1px}.file-stamp{position:absolute;right:37px;top:104px;color:#87505a;border:2px solid #87505a85;padding:4px 8px;font:700 9px Helvetica,Arial;letter-spacing:2px;transform:rotate(-7deg);opacity:.75}.skill-list{padding-top:30px;display:grid;gap:19px}.skill-row{display:grid;grid-template-columns:43px 1fr 36px;align-items:center;gap:15px;will-change:transform,opacity}.skill-icon{width:43px;height:43px;filter:drop-shadow(0 2px 2px #0002)}.skill-icon svg{width:100%;height:100%;display:block}.skill-caption{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:9px}.skill-caption h4{font:700 14px Helvetica,Arial;margin:0}.skill-caption>span{font:700 9px Helvetica,Arial;color:#786754}.skill-meter{height:7px;position:relative;border-radius:20px;background:#65554424;overflow:hidden}.skill-fill{height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:var(--skill-color);border-radius:20px;will-change:transform}.skill-percent{font:700 11px Helvetica,Arial;color:var(--skill-color);text-align:right}.file-bottom{margin-top:28px;padding-top:12px;border-top:1px solid #78684d40;display:flex;align-items:center;justify-content:space-between}.file-bottom>span:first-child{font:700 7px Helvetica,Arial;letter-spacing:1.5px;color:#85725e}.file-sign{font:italic 27px Athelas,Georgia;color:#675363}.folder-cover{position:absolute;inset:-4px -7px -8px;background:linear-gradient(110deg,#dfc18d,#bb975d);border:1px solid #b08c56;border-radius:2px 9px 9px 2px;z-index:3;transform-origin:0 50%;backface-visibility:hidden;will-change:transform,opacity;padding:42px;color:#4b352d;box-shadow:inset 8px 0 10px #8e693c25;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.cover-rule{font:700 10px Helvetica,Arial;letter-spacing:3px;border-bottom:1px solid #5e442f50;padding-bottom:14px}.cover-title{font:700 clamp(34px,5vw,62px)/1 Helvetica,Arial;letter-spacing:-2px}.cover-stamp{font:700 17px Helvetica,Arial;color:#843e42;border:3px double #843e42;padding:9px 15px;transform:rotate(-10deg);align-self:flex-end;letter-spacing:3px}.cover-bottom{font:700 8px Helvetica,Arial;letter-spacing:2px}header nav{gap:18px}@media(max-width:900px){header nav{gap:11px;font-size:10px}.volume-label input{width:36px}.volume-label output{display:none}.audio-controls{gap:4px}}@media(max-width:650px){#skills{padding:60px 6% 85px}.dossier{margin-top:70px}.skill-document{padding:24px 18px 17px}.folder-back{inset:-10px -9px -12px}.folder-tab{font-size:7px;padding:9px 16px}.skill-list{gap:20px;padding-top:28px}.skill-row{grid-template-columns:32px 1fr 28px;gap:9px}.skill-icon{width:32px;height:32px}.skill-caption{gap:5px;display:block;margin-bottom:7px}.skill-caption h4{font-size:12px}.skill-caption>span{font-size:8px;display:block;margin-top:3px}.skill-percent{font-size:9px}.file-header h3{font-size:20px}.file-header p{font-size:7px;letter-spacing:1.5px}.file-number{font-size:7px}.file-stamp{right:18px;top:87px;font-size:7px}.file-bottom>span:first-child{font-size:6px;letter-spacing:.8px}.folder-cover{padding:25px}.cover-title{font-size:37px}.cover-stamp{font-size:11px;letter-spacing:2px}.cover-rule{font-size:8px;letter-spacing:1.5px}.cover-bottom{font-size:7px;letter-spacing:1px}header nav{gap:8px;font-size:8px}.volume-label{display:none}.brand{font-size:18px}.brand small{font-size:6px}#sound{padding:6px}.audio-controls{margin-left:3px}}@media(prefers-reduced-motion:reduce){.skill-fill{will-change:auto}.dossier,.folder-cover,.skill-row{will-change:auto}}
.contact-badge{width:min(390px,100%);margin:5px auto 0;padding:13px 19px 15px;text-align:left;background:linear-gradient(125deg,#f0dbff22,#9b83c410 50%,#d6ecff1c);border:1px solid #e3ceff4d;border-radius:22px;box-shadow:inset 0 1px 1px #fff5,inset 0 -1px 1px #fff1,0 12px 35px #0003;backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%)}.contact-badge[hidden]{display:none}.contact-row{display:flex;align-items:center;gap:14px;padding:14px 0}.contact-row+.contact-row{border-top:1px solid #d7c1eb20}.contact-logo{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0}.contact-logo svg{width:30px;height:30px}.contact-row>span:nth-child(2){flex:1;min-width:0}.contact-row small{display:block;font:700 7px Helvetica,Arial;letter-spacing:2px;color:#ad94be;margin-bottom:6px}.contact-row strong{font:700 14px Helvetica,Arial;color:#f2e8fa;overflow-wrap:anywhere}.contact-row>b{font-size:17px;color:#ccb1e2;transition:translate .2s}.contact-row:hover>b{translate:3px -3px}.contact-row:hover strong{color:#d9b0ff}.reply-time{font:700 12px Helvetica,Arial!important;color:#cf63ff!important;text-shadow:0 0 14px #b82dff66;margin:10px 0 2px!important;text-align:center}#contact>h2{font-size:clamp(42px,6vw,76px)}@media(max-width:650px){.contact-badge{padding:10px 15px 13px}.contact-row strong{font-size:12px}.contact-row{gap:11px}.reply-time{font-size:11px!important}}
/* Real portfolio pages: complete thumbnails and long clickable titles. */
.book{min-height:470px;height:470px}.book .page.left{display:flex;flex-direction:column;justify-content:space-between;padding:32px 25px}.project-preview{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #0004;background:#130b20}.project-preview img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .25s ease}.watch-overlay{position:absolute;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#13082085;border:1px solid #fff8;color:#fff;opacity:0;transition:opacity .2s}.project-preview:hover .watch-overlay{opacity:1}.project-preview:hover img{transform:scale(1.025)}.book .page.right{padding:30px;min-width:0}.project-title{font:700 clamp(19px,2.2vw,29px)/1.18 Helvetica,Arial;margin:17px 0 15px;letter-spacing:-.7px;overflow-wrap:anywhere}.project-title a{color:#f5e9ff;text-shadow:0 0 18px #a06ad433;transition:color .2s}.project-title a:hover{color:#d8acff;text-decoration:underline;text-underline-offset:5px}#workdesc{font:14px/1.65 Helvetica,Arial;margin:0 0 18px;color:#ddcce8}#workdesc a{color:#b5ffe9;text-decoration:underline;text-underline-offset:3px}.watch-work{font:700 10px Helvetica,Arial;letter-spacing:1px;border-top:1px solid #d8bafa3d;padding-top:15px;margin-top:auto;color:#d7b6f1;display:flex;justify-content:space-between}.watch-work:hover{color:#fff}.booknav{margin-top:0;padding-top:20px}.book .folio,.book .demo{font-size:7px;line-height:1.5;letter-spacing:1.4px}@media(max-width:650px){.book{height:620px;min-height:620px}.book .page.left{height:220px;padding:16px 20px;justify-content:space-between;flex-shrink:0}.project-preview{width:min(100%,290px);align-self:center;max-height:160px}.book .page.right{min-height:0;flex:1;padding:21px}.project-title{font-size:21px;line-height:1.18;margin:13px 0 12px}#workdesc{font-size:12px;margin-bottom:14px}.booknav{padding-top:13px}.watch-work{font-size:9px;padding-top:12px}.book .page .eyebrow{font-size:7px}.book .page.left .demo{font-size:6px}.book .folio{font-size:6px}}@media(prefers-reduced-motion:reduce){.project-preview img,.watch-overlay{transition:none}.project-preview:hover img{transform:none}}
/* Creator archive: nine independently revealed, lightweight mini dossiers. */
#creators{min-height:0;padding:65px 6% 85px;background:transparent}.creators-heading{text-align:center}.creators-heading h2{margin-bottom:0}.creator-grid{max-width:1000px;margin:75px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:47px 29px}.creator-slot{min-width:0;perspective:1000px;padding-top:16px}.creator-file{position:relative;border:1px solid #ad8954;background:linear-gradient(125deg,#cfb17a,#b3915f);border-radius:0 9px 9px 9px;padding:9px;box-shadow:0 8px 20px #0002;transform-style:preserve-3d;will-change:transform,opacity}.creator-tab{position:absolute;left:-1px;top:-20px;padding:7px 17px 5px;background:#c4a26d;border:1px solid #ad8954;border-bottom:none;border-radius:6px 12px 0 0;color:#554030;font:700 7px Helvetica,Arial;letter-spacing:1.5px}.creator-sheet{padding:17px 17px 14px;background:linear-gradient(115deg,#f1e7d0,#ded0b3);border-radius:2px;color:#3c3039;box-shadow:0 1px 2px #0002}.creator-file-top{display:flex;justify-content:space-between;align-items:center;font:700 6px Helvetica,Arial;letter-spacing:1px;color:#8e7a60;border-bottom:1px solid #937d5b33;padding-bottom:10px;margin-bottom:16px}.creator-sheet>img{width:76px;height:76px;display:block;object-fit:cover;border-radius:8px;box-shadow:0 3px 7px #0002;border:3px solid #fff5}.creator-sheet h3{font:700 20px/1.15 Helvetica,Arial;letter-spacing:-.5px;margin:14px 0 20px;min-height:23px;color:#3d303d}.creator-status{display:flex;justify-content:space-between;align-items:center;font:700 10px Helvetica,Arial;margin:0 0 10px}.creator-status>span{color:#85725f;font-weight:400}.creator-status b{display:flex;align-items:center;gap:6px;color:#168443}.creator-status i{height:6px;width:6px;border-radius:50%;background:currentColor;box-shadow:0 0 7px #278b4022}.is-inactive .creator-status b{color:#c83c4e}.creator-time{font:700 11px Helvetica,Arial;margin:0;color:#8b36bc;line-height:1.5}.creator-time strong{font-weight:700}.creator-flap{position:absolute;z-index:3;left:0;right:0;bottom:0;height:72%;border-radius:5px 5px 8px 8px;background:linear-gradient(120deg,#d7b780,#c29c62);border-top:1px solid #ead3a6;box-shadow:inset 0 1px #fff3;transform-origin:bottom center;backface-visibility:hidden;will-change:transform,opacity;padding:24px 20px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;color:#5c422f}.creator-flap>span{font:700 7px Helvetica,Arial;letter-spacing:2px}.creator-flap>b{font:700 26px/1 Helvetica,Arial;letter-spacing:-1px;overflow-wrap:anywhere}.creator-flap>small{font:700 7px Helvetica,Arial;letter-spacing:2px;border-top:1px solid #6a4d3233;padding-top:10px}.creator-file:hover .creator-sheet>img{outline:1px solid #af6ed366;outline-offset:3px}header nav{gap:13px;font-size:11px}@media(max-width:950px){header nav{gap:9px;font-size:9px}.creator-sheet{padding:16px 12px}.creator-sheet h3{font-size:18px;min-height:41px}.creator-grid{gap:40px 20px}.volume-label output{display:none}}@media(max-width:650px){#creators{padding:50px 6% 65px}.creator-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:37px 15px;margin-top:55px}.creator-file{padding:6px}.creator-sheet{padding:12px 10px}.creator-file-top{font-size:5px;letter-spacing:.3px;margin-bottom:12px;padding-bottom:8px}.creator-sheet>img{width:61px;height:61px}.creator-sheet h3{font-size:16px;line-height:1.15;min-height:37px;margin:12px 0 15px}.creator-status{font-size:8px;gap:3px}.creator-status b{gap:4px}.creator-status i{width:5px;height:5px}.creator-time{font-size:9px}.creator-tab{font-size:6px;padding:7px 11px 4px}.creator-flap{padding:16px 12px}.creator-flap>b{font-size:22px}.creator-flap>span,.creator-flap>small{font-size:6px;letter-spacing:1px}header nav{gap:6px;font-size:7px}.brand{font-size:17px}.brand small{letter-spacing:2px}header{padding:11px 10px}.audio-controls{margin-left:1px}#sound{font-size:10px;padding:5px}.creator-grid>.creator-slot:last-child{grid-column:1/-1;width:calc(50% - 7.5px);justify-self:center}}@media(prefers-reduced-motion:reduce){.creator-file,.creator-flap{will-change:auto}}
/* Larger, clearer island navigation and a brighter signature mark. */
body>header{top:20px;left:2.5%;width:95%;padding:17px 26px;min-height:84px;background:linear-gradient(125deg,#38234de8,#171020ed 50%,#322445e8);border:1px solid #e4cbff55;box-shadow:inset 0 1px 1px #fff6,inset 0 -1px 1px #d4b4ff18,0 9px 35px #05020d55;gap:22px}body>header .brand{display:block;flex-shrink:0;font:italic 700 34px/.9 Athelas,Georgia,serif;letter-spacing:1px;color:#fff6ff;text-shadow:0 0 17px #c278ff88;white-space:nowrap}body>header .brand>span{display:inline-block;font-size:30px;vertical-align:middle;line-height:.8;margin:0 2px;color:#e1b9ff;text-shadow:0 0 5px #fff,0 0 17px #c078ff,0 0 28px #ab48ec;transform:translateY(-2px)}body>header .brand small{font:700 8px Helvetica,Arial;letter-spacing:5px;margin-top:10px;color:#e5d1f3}body>header nav{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;font-family:Helvetica,'Helvetica Neue',Arial,sans-serif;font-size:14px;font-weight:700;letter-spacing:.1px;color:#f5ecfc;white-space:nowrap}body>header nav>a{display:block;padding:11px 12px;border-radius:22px;transition:background .18s,color .18s,box-shadow .18s}body>header nav>a:hover,body>header nav>a:focus-visible{background:#d6b5ff1c;color:#fff;box-shadow:inset 0 1px #fff2;text-shadow:0 0 12px #bd8bf2}body>header .audio-controls{flex-shrink:0;gap:9px}body>header #sound{font-size:11px;padding:10px 12px}body>header .volume-label{font-size:9px;gap:5px}body>header .volume-label input{width:48px}body>header .volume-label output{display:none}@media(max-width:1100px){body>header{padding:15px 20px;gap:13px}body>header nav{font-size:13px;gap:3px}body>header nav>a{padding:10px 9px}body>header .volume-label{font-size:0}body>header .volume-label input{width:40px}body>header .brand{font-size:31px}body>header .brand>span{font-size:28px}}@media(max-width:850px){body>header{left:2%;width:96%;gap:10px;padding:14px 16px}body>header nav{font-size:12px;gap:0}body>header nav>a{padding:10px 7px}body>header .volume-label{display:none}body>header .brand{font-size:29px}body>header .brand>span{font-size:27px}body>header #sound span{display:none}body>header #sound{padding:9px 10px}}@media(max-width:650px){body>header{top:12px;left:3%;width:94%;padding:13px 15px 11px;min-height:0;border-radius:28px;display:grid;grid-template-columns:1fr auto;gap:11px 10px}body>header .brand{font-size:28px;justify-self:start}body>header .brand>span{font-size:29px;margin:0 3px}body>header .brand small{font-size:6px;letter-spacing:4px;margin-top:8px}body>header .audio-controls{grid-column:2;grid-row:1;align-self:center;gap:7px}body>header #sound span{display:inline;font-size:9px}body>header #sound{padding:8px 10px}body>header .volume-label{display:flex}body>header .volume-label input{width:43px}body>header nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:1px;border-top:1px solid #d8b6f523;padding-top:8px;font-size:11px;font-weight:700}body>header nav>a{padding:9px 5px;border-radius:12px}body>header nav>a:last-child{padding-right:2px}}@media(max-width:370px){body>header nav{font-size:10px}body>header nav>a{padding:9px 3px}}
/* Separate the book's arrival, idle sway and page turn into isolated layers. */
.bookwrap{contain:layout style}.book{backface-visibility:hidden;transform-style:preserve-3d}.book .page.right{backface-visibility:hidden;transform-origin:left center}.book-carrier{backface-visibility:hidden;transform-style:preserve-3d}.book .page.left{contain:layout style}.book .page.right{contain:layout style}.booknav button{touch-action:manipulation}.project-preview img{backface-visibility:hidden}#works[data-flight=arriving] .book,#works[data-flight=leaving] .book{animation-play-state:paused}#works[data-flight=hovering] .book{animation-play-state:running}
/* High-visibility business label in the footer. */
#contact footer>.vat-badge{display:inline-flex!important;align-items:center;justify-content:center;padding:14px 21px;border:1px solid #d6b0ff85;border-radius:30px;background:linear-gradient(120deg,#9854d13d,#d6b5ff19);color:#faf0ff;font:700 14px/1.25 Helvetica,Arial;letter-spacing:1.3px;text-shadow:0 0 14px #c97eff77;box-shadow:inset 0 1px #fff3,0 0 22px #9a48df24}#works .sectiontitle h2{margin-bottom:0}@media(max-width:650px){#contact footer>.vat-badge{display:inline-flex!important;order:3;width:100%;font-size:13px;padding:15px;letter-spacing:1.5px}#contact footer{gap:25px}}

/* Native butterfly cursor: follows the pointer without a JS animation loop. */
@media(hover:hover) and (pointer:fine){html,body,main,section,canvas,.book,.paper,.creator-file{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22w%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23f5d8ff%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23b270ee%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237642bb%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20stroke%3D%22%2342215e%22%20stroke-width%3D%22.8%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%2016C9%201%200%203%202%2012c1%205%207%207%2011%206-9-1-11%207-5%209%205%202%207-5%207-9Z%22%20fill%3D%22url%28%23w%29%22%2F%3E%3Cpath%20d%3D%22M17%2016C23%201%2032%203%2030%2012c-1%205-7%207-11%206%209-1%2011%207%205%209-5%202-7-5-7-9Z%22%20fill%3D%22url%28%23w%29%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M16%2012v13%22%20stroke%3D%22%23fdf2ff%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22m16%2013-4-5m4%205%204-5%22%20fill%3D%22none%22%20stroke%3D%22%23fdf2ff%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2212%22%20r%3D%221.8%22%20fill%3D%22%23fff%22%2F%3E%3Cg%20fill%3D%22%23fff%22%20opacity%3D%22.85%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2210%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%2226%22%20cy%3D%2210%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2223%22%20r%3D%22.8%22%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2223%22%20r%3D%22.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 16 14,auto}a,button,summary,[role="button"],input[type="range"],label{cursor:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22w%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23effffb%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%238fffe3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23428fc0%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20stroke%3D%22%2342215e%22%20stroke-width%3D%22.8%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M15%2016C9%201%200%203%202%2012c1%205%207%207%2011%206-9-1-11%207-5%209%205%202%207-5%207-9Z%22%20fill%3D%22url%28%23w%29%22%2F%3E%3Cpath%20d%3D%22M17%2016C23%201%2032%203%2030%2012c-1%205-7%207-11%206%209-1%2011%207%205%209-5%202-7-5-7-9Z%22%20fill%3D%22url%28%23w%29%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M16%2012v13%22%20stroke%3D%22%23fdf2ff%22%20stroke-width%3D%222.2%22%20stroke-linecap%3D%22round%22%2F%3E%3Cpath%20d%3D%22m16%2013-4-5m4%205%204-5%22%20fill%3D%22none%22%20stroke%3D%22%23fdf2ff%22%20stroke-width%3D%221.2%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%2212%22%20r%3D%221.8%22%20fill%3D%22%23fff%22%2F%3E%3Cg%20fill%3D%22%23fff%22%20opacity%3D%22.85%22%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2210%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%2226%22%20cy%3D%2210%22%20r%3D%221.3%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%2223%22%20r%3D%22.8%22%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2223%22%20r%3D%22.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") 16 14,pointer}button:disabled{cursor:not-allowed}input:not([type="range"]),textarea{cursor:text}}