/* Original CSS/SVG artwork and self-hosted typography. No external runtime assets. */
/* EB Garamond, SIL Open Font License; served locally, including Finnish glyphs. */
@font-face{font-family:'Memories Garamond';src:url('/fonts/EBGaramond.ttf') format('truetype');font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:'Memories Garamond';src:url('/fonts/EBGaramond-Italic.ttf') format('truetype');font-weight:400 800;font-style:italic;font-display:swap}
.magic-scene .cover-emboss h3,.magic-scene .inside-frame,.magic-scene .magic-paper>span,.magic-scene .magic-paper small,.magic-scene .cover-emboss small{font-family:'Memories Garamond',Georgia,serif}.magic-scene .cover-emboss h3{font-weight:500}
.magic-scene{container-type:inline-size}.turning-paper>span,.turning-paper>small{display:none}@container(max-width:440px){.magic-scene .magic-book.open{transform:translateX(29%) rotateY(15deg) rotateZ(0) scale(.68)}}
.cover-emboss h3.name-medium{font-size:22px}.cover-emboss h3.name-long{font-size:15px;line-height:1.2;max-width:180px}.magic-scene .magic-book .cover-front h3{flex-shrink:0}.magic-scene .cover-emboss .magic-emblem{flex-shrink:0}
.magic-scene{position:relative;isolation:isolate;display:grid;place-items:center;min-height:490px;perspective:1600px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#e9e4d5 0,#f6f3ec00 69%);border-radius:140px 140px 14px 14px}.magic-halo{position:absolute;width:330px;height:330px;border:1px solid #bfa46e28;border-radius:50%;background:radial-gradient(circle,#e4ce9555 0,transparent 68%);box-shadow:0 0 70px #e1d3aa38,inset 0 0 40px #e2d4ad33;transform:rotateX(35deg)}.magic-halo:before,.magic-halo:after{content:'';position:absolute;inset:15px;border:1px solid #bfa46e20;border-radius:50%}.magic-halo:after{inset:36px}.magic-book{--book-w:258px;--book-h:358px;position:relative;display:block;width:var(--book-w);height:var(--book-h);padding:0;border:0;border-radius:4px 14px 14px 4px;background:#17352e;transform:rotateY(-12deg) rotateZ(-5deg);transform-style:preserve-3d;overflow:visible;color:#dfc58d;box-shadow:none;transition:transform 2.9s cubic-bezier(.2,.65,.2,1);z-index:2}.magic-book:hover{background:#17352e;transform:rotateY(-6deg) rotateZ(-3deg)}.magic-book:focus-visible{outline-offset:18px}.magic-cover{position:absolute;inset:0;z-index:8;transform-origin:4px 50%;transform-style:preserve-3d;transition:transform 1.7s cubic-bezier(.3,.05,.18,1);transform:translateZ(10px)}.cover-front,.cover-back{position:absolute;inset:0;backface-visibility:hidden;border-radius:4px 13px 13px 4px}.cover-front{background:linear-gradient(100deg,#0d2823 0,#22483b 5%,#12372f 8%,#1f4237 19%,#17372f 85%,#102d26);box-shadow:inset 2px 0 2px #d7bd883b,inset -2px 0 3px #060f0cbb,inset 9px 0 10px #050d0a66,3px 4px 8px #06130b44;color:#dbc38f}.cover-front:after{content:'';position:absolute;inset:0;border-radius:inherit;opacity:.2;background:repeating-linear-gradient(22deg,#ffffff10 0px,#ffffff10 1px,transparent 1px,transparent 3px);pointer-events:none}.cover-emboss{position:absolute;inset:17px 16px 16px 23px;border:1px solid #cfb27299;outline:1px solid #cfb27245;outline-offset:5px;display:flex;flex-direction:column;align-items:center;padding:19px 11px 13px;overflow:hidden}.cover-emboss:before,.cover-emboss:after{content:'✦';position:absolute;top:-7px;font-size:13px;background:#1b3e33;padding:0 3px}.cover-emboss:before{left:12px}.cover-emboss:after{right:12px}.magic-edition{font:7px Arial,sans-serif;letter-spacing:2.6px;opacity:.8}.magic-emblem{width:104px;height:117px;margin:9px 0 0}.magic-emblem svg,.paper-ornament svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.cover-emboss h3{font:27px/1.22 Georgia,serif;letter-spacing:.1px;color:#ead4a4;margin:0;max-width:180px;overflow-wrap:anywhere;text-shadow:0 1px 1px #020c0a;min-height:34px}.magic-rule{display:flex;align-items:center;gap:10px;margin:13px 0 9px;width:75%}.magic-rule:before,.magic-rule:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#cbb07a)}.magic-rule:after{transform:rotate(180deg)}.magic-rule span{font-size:12px}.cover-emboss p{font:6px/1.5 Arial,sans-serif;color:inherit;letter-spacing:2px;margin:0 0 14px}.cover-emboss small{font:10px Georgia,serif;letter-spacing:1.5px}.magic-foot{margin-top:auto;font:5px Arial,sans-serif;letter-spacing:1.8px;opacity:.6;padding-top:13px}.cover-back{transform:rotateY(180deg);background:linear-gradient(90deg,#c6b887,#ede0b9 12%,#e5d8af 95%,#a79a6c);box-shadow:inset 0 0 28px #6e5f2744;color:#655831}.inside-frame{position:absolute;inset:18px;border:1px solid #99814c66;padding:80px 12px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;font:italic 17px/1.9 Georgia,serif}.inside-frame span{font:35px Georgia,serif;margin-top:25px;color:#a8925b}.magic-spine{position:absolute;left:-4px;top:2px;bottom:2px;width:10px;background:linear-gradient(90deg,#061f19,#29503f,#102b23);border-radius:5px 0 0 5px;transform:translateZ(9px);z-index:9}.magic-paper{position:absolute;inset:5px 4px 5px 6px;border-radius:0 10px 10px 0;background:linear-gradient(90deg,#c6bfa6 0,#faf3df 7%,#f5ecd6 94%,#e4d7b8);color:#8b7a51;display:flex;flex-direction:column;align-items:center;justify-content:center;backface-visibility:visible;transform-origin:left center;border:1px solid #e7dcbf;box-shadow:inset 8px 0 15px #6a542318,1px 1px 0 #d7caa7,2px 2px 0 #f5edd8,3px 3px 0 #ccbfa1,4px 4px 0 #f7edda,5px 5px 0 #c7b99b}.magic-paper>span{font:italic 18px/1.4 Georgia,serif;max-width:160px}.magic-paper small{font:italic 11px Georgia,serif}.paper-ornament{width:110px;height:150px;margin:12px 0}.paper-base{transform:translateZ(1px);z-index:1}.turning-paper{z-index:5;transform:translateZ(7px)}.turn-two{z-index:4;transform:translateZ(5px)}.turn-three{z-index:3;transform:translateZ(3px)}.paper-lines{width:65%;height:110px;margin:20px;background:repeating-linear-gradient(transparent 0,transparent 18px,#a48e5c33 19px,transparent 20px)}.magic-shadow{position:absolute;width:240px;height:30px;background:#172b1e;filter:blur(20px);opacity:.23;bottom:38px;transform:rotate(-5deg);z-index:0}.magic-dust{position:absolute;inset:0;pointer-events:none;overflow:hidden}.mote{position:absolute;width:2px;height:2px;border-radius:50%;background:#b59859;box-shadow:0 0 8px 2px #dfbf6a66;opacity:0;animation:magic-float 7s ease-in-out infinite}.mote-0{left:20%;top:76%;animation-delay:0s}.mote-1{left:29%;top:66%;animation-delay:1s}.mote-2{left:72%;top:80%;animation-delay:2s}.mote-3{left:78%;top:65%;animation-delay:3s}.mote-4{left:40%;top:87%;animation-delay:4s}.mote-5{left:65%;top:55%;animation-delay:5s}.mote-6{left:14%;top:44%;animation-delay:2.5s}.mote-7{left:84%;top:41%;animation-delay:4.5s}.mote-8{left:32%;top:32%;animation-delay:1.5s}.mote-9{left:62%;top:26%;animation-delay:3.5s}.mote-10{left:50%;top:78%;animation-delay:5.5s}.mote-11{left:45%;top:46%;animation-delay:6.5s}.magic-book.open{transform:translateX(35%) rotateY(12deg) rotateZ(0)}.magic-book.open .magic-cover{transform:translateZ(10px) rotateY(-158deg)}.magic-book.open .turn-one{animation:magic-page-turn 1.2s 1.9s cubic-bezier(.25,.1,.2,1) forwards}.magic-book.open .turn-two{animation:magic-page-turn 1.3s 2.25s cubic-bezier(.25,.1,.2,1) forwards}.magic-book.open .turn-three{animation:magic-page-turn 1.4s 2.7s cubic-bezier(.25,.1,.2,1) forwards}.magic-scene:has(.open) .magic-halo{animation:magic-glow 4.1s ease forwards}.magic-scene:has(.open) .mote{animation-duration:3.5s}.magic-scene[data-theme=album] .cover-front{background:linear-gradient(100deg,#b6a88c,#eee2cb 12%,#d8c7a5);color:#66502a}.magic-scene[data-theme=album] .cover-emboss h3{color:#5e4c30;text-shadow:none}.magic-scene[data-theme=cinema] .cover-front{background:linear-gradient(100deg,#0b0e14,#222632 12%,#11151d);color:#d8c595}.magic-scene[data-theme=cinema] .magic-edition{letter-spacing:3.5px}@keyframes magic-page-turn{0%{transform:translateZ(7px) rotateY(0);filter:brightness(1)}45%{filter:brightness(.85)}100%{transform:translateZ(7px) rotateY(-150deg);filter:brightness(.96)}}@keyframes magic-float{0%,100%{opacity:0;transform:translate3d(0,12px,0)}35%{opacity:.75}75%{opacity:.25;transform:translate3d(15px,-55px,0)}}@keyframes magic-glow{40%{box-shadow:0 0 70px #d6b46566,inset 0 0 60px #dec28d55}100%{box-shadow:0 0 90px #d6b46522}}@media(max-width:500px){.magic-scene{min-height:400px}.magic-book{--book-w:210px;--book-h:302px}.cover-emboss{inset:15px 13px 14px 20px;padding:16px 8px 10px}.magic-emblem{height:94px;width:88px}.cover-emboss h3{font-size:23px}.cover-emboss p{font-size:5px;letter-spacing:1.2px;margin-bottom:10px}.magic-foot{font-size:4px;letter-spacing:1px}.magic-edition{font-size:6px;letter-spacing:2px}.magic-book.open{transform:translateX(29%) rotateY(15deg) rotateZ(0) scale(.84)}.magic-shadow{bottom:24px}.inside-frame{font-size:14px}.magic-halo{width:270px;height:270px}}@media(prefers-reduced-motion:reduce){.magic-book,.magic-cover{transition:none}.magic-dust{display:none}.magic-book.open .turning-paper{animation:none;transform:rotateY(-150deg)}.magic-scene:has(.open) .magic-halo{animation:none}}