:root{--ink:#f2e8d9;--muted:#b9aa9a;--red:#e4aa7d;--bg:#191716;--border:rgba(244,228,205,.17)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;padding-bottom:120px}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #f5c79c;outline-offset:6px}button{color:inherit}button,a{touch-action:manipulation}.ambient{position:fixed;inset:-5%;background:linear-gradient(90deg,rgba(24,20,18,.93),rgba(31,21,20,.60)),url('assets/another_life-painting.webp') center/cover;filter:saturate(.6);z-index:-2;transition:background-image 1s ease}.grain{pointer-events:none;position:fixed;inset:0;opacity:.1;z-index:8;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' opacity='.45' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.topbar{height:104px;margin:0 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.wordmark{font-size:29px;letter-spacing:-2px;font-weight:800}.wordmark span{font-size:9px;letter-spacing:2px;font-weight:400;margin-left:20px;color:var(--muted)}nav{display:flex;align-items:center;gap:30px;font-size:12px}nav a{opacity:.8}.private{font:9px monospace;letter-spacing:1.6px;color:var(--muted);border:1px solid var(--border);padding:10px 12px;border-radius:24px}.private i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#e0b993;margin-right:7px}.hero{min-height:790px;position:relative;padding:76px 5% 95px;display:grid;grid-template-columns:42% 58%;align-items:center;overflow:hidden}.hero-copy{z-index:2}.eyebrow{font:10px monospace;letter-spacing:2px;line-height:1.5;color:#d2bda8;display:flex;gap:12px;align-items:center}.line{width:26px;height:1px;background:#c7a17d}h1{font:normal clamp(100px,11vw,175px)/.85 Georgia,serif;letter-spacing:-9px;margin:32px 0 28px}h1 span{display:block;font:normal clamp(31px,3.9vw,59px)/1.06 Georgia,serif;letter-spacing:-1.7px;margin-top:26px}.intro{font-size:15px;line-height:1.8;color:#cfbfae;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:25px}.primary{background:#eadcc8;color:#2f2420;border:0;padding:17px 22px;font-size:12px;border-radius:2px;display:flex;gap:29px;align-items:center}.primary:hover{background:#fff3df}.primary span{font-size:20px}.text-link{font-size:11px;border-bottom:1px solid var(--border);padding:12px 0}.text-link span{margin-left:9px}.small-note{font:8px monospace;letter-spacing:1.6px;color:#a49282;margin-top:38px}.scene{height:590px;position:relative;min-width:0;perspective:1200px}.scene-light{position:absolute;inset:-150px -15vw -80px -50px;background:radial-gradient(ellipse at 65% 10%,#f7c69d38,transparent 55%),linear-gradient(0deg,#deb99612,transparent 50%);border-radius:0 0 30% 30%;pointer-events:none}.record-object{width:min(85%,480px);aspect-ratio:1;position:absolute;left:3%;top:65px;transform:rotate(-5deg) rotateY(-7deg);transform-style:preserve-3d;animation:float 9s ease-in-out infinite}.sleeve{position:absolute;inset:0;z-index:2;box-shadow:-5px 4px 0 #301b17,-6px 5px 0 #b28e723a,0 25px 45px #0008;transform:translateZ(10px);border:1px solid #f7d7b94a;background:#241817}.sleeve img{display:block;width:100%;height:100%;object-fit:cover}.paper{position:absolute;inset:0;background:linear-gradient(125deg,#fff3d938,transparent 38%,#0004);box-shadow:inset 1px 1px 2px #fff8,inset -3px -3px 4px #0008;pointer-events:none}.vinyl{width:96%;aspect-ratio:1;border-radius:50%;position:absolute;left:39%;top:3%;background:repeating-radial-gradient(circle,#111 0,#111 1px,#292727 1.3px,#0b0b0b 2.1px,#151515 3px);box-shadow:inset 0 0 0 1px #655f56,inset 0 0 0 8px #151515,5px 5px 25px #0007;overflow:hidden}.vinyl-rotor{position:absolute;inset:0;animation:spin 16s linear infinite;animation-play-state:paused}.playing .vinyl-rotor{animation-play-state:running}.vinyl-rotor img{position:absolute;inset:34%;width:32%;height:32%;border-radius:50%;object-fit:cover;filter:brightness(.8)}.spindle{position:absolute;width:2.5%;height:2.5%;border-radius:50%;background:#251e1b;box-shadow:0 0 0 2px #aaa6;left:48.75%;top:48.75%;z-index:2}.vinyl-shine{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from -35deg,transparent 0deg,#fff2 32deg,transparent 54deg,transparent 165deg,#fff2 200deg,transparent 222deg);mix-blend-mode:screen;animation:shine 10s ease-in-out infinite;pointer-events:none}.stage-shadow{position:absolute;bottom:5%;left:6%;width:94%;height:65px;border-radius:50%;background:#0008;filter:blur(22px);transform:rotate(-7deg);animation:shadow 9s ease-in-out infinite}.stage-caption{position:absolute;bottom:-12px;left:5%;right:-1%;display:flex;justify-content:space-between;font:8px monospace;letter-spacing:1.1px;color:#b6a08a}.hero-foot{position:absolute;bottom:18px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:18px;font:8px monospace;letter-spacing:1.5px;color:var(--muted)}.hero-foot a{font-size:24px}.album-section{background:#181715f2;padding:90px 7% 75px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px}.section-head h2{font:normal 62px Georgia,serif;letter-spacing:-2px;margin:18px 0 0}h2 em{font-weight:normal;color:#c9a684}.section-head p{font:13px/1.8 Arial;color:#b7a897;margin-bottom:3px}.library-tools{display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1.5px;color:#a59a8b;padding:0 0 17px;border-bottom:1px solid var(--border)}.track-list{display:grid;grid-template-columns:1fr 1fr;column-gap:48px}.track{border:0;border-bottom:1px solid var(--border);display:grid;grid-template-columns:24px 58px 1fr 39px 24px;align-items:center;gap:16px;background:transparent;padding:17px 10px;text-align:left;position:relative;min-width:0;transition:background .2s}.track:hover{background:#fff1}.track.active{background:#e4c39b12}.track .num{font:10px monospace;color:#a28d78}.track.active .num{color:#eacaa6}.track img{width:58px;height:58px;object-fit:cover;box-shadow:0 3px 10px #0004}.track .title{font-size:14px;line-height:1.4}.track .time{font:10px monospace;color:#a99b8c}.track .track-icon{font-size:11px;opacity:.6}.track.active .track-icon{color:#e7b98e;opacity:1}.sequence-note{font-size:10px;color:#897d70;margin-top:24px;line-height:1.6}.about{padding:115px 9%;display:grid;grid-template-columns:1fr 1fr;gap:12%;background:linear-gradient(100deg,#251c17ef,#201b18d9)}.art-stack{position:relative;min-height:430px}.art-stack img{position:absolute;width:65%;box-shadow:0 15px 35px #0007}.art-stack img:nth-child(1){left:0;top:10px;transform:rotate(-11deg)}.art-stack img:nth-child(2){right:0;top:125px;transform:rotate(8deg)}.art-stack img:nth-child(3){left:3%;top:250px;transform:rotate(-4deg);width:45%}.about h2{font:normal 62px/.98 Georgia,serif;letter-spacing:-1.5px;margin:25px 0}.about-copy>p{font-size:13px;line-height:1.8;color:#c7b6a2}.credits{display:flex;gap:30px;border-top:1px solid var(--border);margin-top:32px;padding-top:24px}.credits strong{display:block;font-size:12px;font-weight:400;margin-bottom:9px}.credits span{font-size:11px;line-height:1.7;color:#a9937c}footer{display:flex;justify-content:space-between;align-items:center;padding:45px 5%;background:#181715}footer p{font:8px monospace;letter-spacing:1.5px;color:#a39382}footer>span{font:italic 14px Georgia;color:#b6a18a}.player{position:fixed;bottom:0;left:0;right:0;z-index:10;background:#1c1b19ed;backdrop-filter:blur(20px);border-top:1px solid #ddc19b38;display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:center;gap:35px;padding:15px 4%;box-shadow:0 -10px 40px #0003;min-height:104px}.now{display:flex;align-items:center;gap:14px;min-width:0}.now img{width:55px;height:55px;object-fit:cover}.now>div{min-width:0}.now span{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now small{display:block;color:#a79b8c;font-size:10px;margin-top:7px}.transport-buttons{display:flex;align-items:center;justify-content:center;gap:24px}.icon{border:0;background:none;font-size:13px;min-width:30px;height:32px;color:#d9c9b5;padding:0}.play-circle{background:#eaddc8;color:#241e19;border:0;border-radius:50%;width:35px;height:35px;font-size:13px;display:grid;place-items:center;padding:0}.timeline{display:flex;align-items:center;gap:10px;margin-top:8px}.timeline time{font:9px monospace;color:#aaa08f;min-width:29px}.timeline input{width:100%}input[type=range]{accent-color:#d4b18b;height:3px;cursor:pointer;min-width:0}.volume{display:flex;justify-content:flex-end;align-items:center;gap:10px}.volume input{width:78px}.volume>span{font:8px monospace;letter-spacing:1px;margin-left:12px;color:#958570}#notice{position:fixed;left:50%;bottom:125px;transform:translateX(-50%);background:#eadcc8;color:#261b15;font-size:12px;padding:14px 20px;border-radius:3px;z-index:15;display:none;max-width:90vw}#notice.show{display:block}.loading{font-size:13px;padding:30px 0}@keyframes float{0%,100%{transform:translateY(0) rotate(-5deg) rotateY(-7deg)}50%{transform:translateY(-13px) rotate(-3deg) rotateY(-4deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shine{50%{transform:rotate(8deg);opacity:.7}}@keyframes shadow{50%{transform:scale(.9) rotate(-5deg);opacity:.6}}
@media(min-width:1600px){.hero{padding-left:9%;padding-right:9%}.topbar{margin:0 9%}.scene{height:650px}.record-object{width:510px;top:75px}.hero{min-height:880px}}@media(max-width:1000px){.wordmark span{display:none}.hero{grid-template-columns:43% 57%;min-height:700px;padding-top:50px}.scene{height:475px}.record-object{top:75px;left:0;width:80%}.stage-shadow{bottom:6%}h1{font-size:130px}.hero-actions{gap:15px;flex-wrap:wrap}.track-list{column-gap:24px}.track{gap:10px;grid-template-columns:18px 45px 1fr 33px 15px;padding:15px 4px}.track img{width:45px;height:45px}.track .title{font-size:12px}.player{gap:15px;grid-template-columns:1fr 1.3fr .6fr}.volume>span{display:none}.about{gap:7%;padding:90px 7%}.art-stack{min-height:390px}}
@media(max-width:680px){body{padding-bottom:136px}.topbar{height:77px}.wordmark{font-size:25px}nav{gap:15px}nav a{display:none}.private{font-size:8px;letter-spacing:1px;padding:9px 10px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:45px 6% 65px;min-height:0}.hero-copy{position:relative}.eyebrow{font-size:8px;letter-spacing:1.7px}h1{font-size:110px;letter-spacing:-6px;margin:26px 0 20px}h1 span{font-size:39px;letter-spacing:-1px;margin-top:19px}.intro{font-size:13px;margin-bottom:22px}.small-note{margin-top:22px;font-size:7px}.hero-actions{gap:23px}.primary{padding:15px 18px;font-size:11px}.text-link{font-size:10px}.scene{height:370px;margin:5px -1% 25px}.record-object{width:66%;max-width:320px;left:4%;top:30px}.scene-light{inset:-30px -6vw 0 -6vw}.stage-shadow{bottom:8%;left:7%;height:40px;width:90%}.stage-caption{font-size:7px;bottom:5px;left:3%;right:0}.hero-foot{font-size:6px;letter-spacing:.7px;bottom:14px}.hero-foot a{font-size:19px}.album-section{padding:55px 6%}.section-head{display:block;margin-bottom:32px}.section-head h2{font-size:48px}.section-head p{font-size:12px;margin-top:18px}.library-tools{font-size:7px;letter-spacing:.8px;gap:20px}.track-list{display:block}.track{width:100%;grid-template-columns:22px 52px 1fr 36px 20px;gap:13px;padding:14px 5px}.track img{width:52px;height:52px}.track .title{font-size:13px}.about{display:flex;flex-direction:column;padding:60px 8%;gap:40px}.art-stack{min-height:350px;margin:0 8%;max-width:370px}.art-stack img:nth-child(2){top:85px}.art-stack img:nth-child(3){top:185px}.about h2{font-size:56px}.credits{gap:30px}footer{padding:34px 6%;flex-wrap:wrap;gap:15px}footer .wordmark{font-size:25px}footer p{font-size:7px}footer>span{display:none}.player{grid-template-columns:1fr auto;gap:8px 18px;padding:12px 5%;height:130px}.now img{width:42px;height:42px}.now span{font-size:11px}.now small{font-size:9px;margin-top:4px}.transport{display:contents}.transport-buttons{gap:12px}.timeline{grid-column:1/-1;margin-top:3px}.volume{display:none}.play-circle{width:36px;height:36px}.now{gap:10px}.timeline time{font-size:9px}#notice{bottom:146px}.sequence-note{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Official PDF vector outlines, clipped to a continuously flowing colour field. */
.wordmark{display:flex;align-items:center;gap:20px;letter-spacing:0;flex-shrink:0}.wordmark span.brand-note{margin-left:0;font:9px Arial,Helvetica,sans-serif;letter-spacing:2px;color:var(--muted)}
.logo-lava{display:block;position:relative;width:154px;aspect-ratio:371/165;isolation:isolate;overflow:hidden;flex-shrink:0;-webkit-mask-image:url('assets/lafuse-official.svg');mask-image:url('assets/lafuse-official.svg');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;background:#dfa57a}
.lava-field{position:absolute;inset:-12%;background:linear-gradient(115deg,#551a88 0%,#ed5d42 42%,#da9b21 73%,#a13dd4 100%);animation:lava-colour 51s linear infinite;filter:saturate(1.25);overflow:hidden}
.lava-blob{position:absolute;display:block;width:58%;height:135%;border-radius:44% 56% 63% 37% / 54% 41% 59% 46%;filter:blur(5px);will-change:transform;mix-blend-mode:screen}
.b1{left:-12%;top:-80%;background:radial-gradient(ellipse at 40% 60%,#ffed97 3%,#ff802c 38%,#e32d66 70%,transparent 78%);animation:lava-one 17s ease-in-out infinite alternate}
.b2{left:40%;top:20%;background:radial-gradient(ellipse at 60% 40%,#8af5ec 2%,#277be6 39%,#8125bd 67%,transparent 78%);animation:lava-two 23s ease-in-out infinite alternate}
.b3{left:66%;top:-65%;width:45%;height:155%;background:radial-gradient(ellipse at 40% 50%,#ffe0a3 5%,#fb6355 42%,#c71db4 68%,transparent 77%);animation:lava-three 19s ease-in-out infinite alternate}
.b4{left:9%;top:50%;width:37%;height:100%;background:radial-gradient(ellipse,#f5fcba 1%,#bada45 32%,#72e3ca 61%,transparent 76%);animation:lava-four 29s ease-in-out infinite alternate}
.b5{left:24%;top:-40%;width:35%;height:95%;background:radial-gradient(ellipse,#f6baff 2%,#dc5094 38%,#5733c2 60%,transparent 79%);animation:lava-five 13s ease-in-out infinite alternate}
.lava-light{position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 25%,#fff4 41%,#fff9 44%,transparent 49%,transparent 65%,#ffe4b72b 75%,transparent 85%);mix-blend-mode:screen;animation:lava-light 21s ease-in-out infinite alternate;opacity:.7}
.logo-lava--footer{width:132px}.about-logo-label{display:block;margin-top:19px}.logo-lava--about{width:270px;max-width:100%}
@keyframes lava-one{0%{transform:translate(-12%,-8%) rotate(-18deg) scale(.9,1)}50%{transform:translate(42%,58%) rotate(27deg) scale(1.3,.83)}100%{transform:translate(95%,20%) rotate(-7deg) scale(.85,1.4)}}
@keyframes lava-two{0%{transform:translate(20%,24%) rotate(17deg) scale(1.2,.9)}55%{transform:translate(-39%,-53%) rotate(-32deg) scale(.86,1.2)}100%{transform:translate(-85%,15%) rotate(30deg) scale(1.35,.82)}}
@keyframes lava-three{0%{transform:translate(5%,0) rotate(26deg)}60%{transform:translate(-88%,48%) rotate(-8deg) scale(1.4,.8)}100%{transform:translate(-45%,9%) rotate(-28deg) scale(.8,1.3)}}
@keyframes lava-four{0%{transform:translate(-10%,30%) scale(.8,1.2)}100%{transform:translate(190%,-100%) rotate(65deg) scale(1.1,.7)}}
@keyframes lava-five{0%{transform:translate(0,-30%) rotate(-35deg)}100%{transform:translate(90%,110%) rotate(29deg) scale(1.4,.7)}}
@keyframes lava-colour{0%{filter:hue-rotate(0deg) saturate(1.25)}50%{filter:hue-rotate(180deg) saturate(1.3)}100%{filter:hue-rotate(360deg) saturate(1.25)}}
@keyframes lava-light{0%{transform:translateX(-12%) rotate(-8deg);opacity:.35}60%{opacity:.85}100%{transform:translateX(23%) rotate(12deg);opacity:.5}}
@media(max-width:1000px){.wordmark .brand-note{display:none}}
@media(max-width:680px){.topbar .logo-lava{width:119px}.logo-lava--footer{width:110px}.logo-lava--about{width:245px}.wordmark{gap:0}}
@media(prefers-reduced-motion:reduce){.lava-field,.lava-blob,.lava-light{animation:none!important;will-change:auto}.lava-field{filter:none}}

/* Reliable controls: SVG shapes, always visible navigation, touch-size targets. */
.ui-icon{display:block;width:20px;height:20px;min-width:20px;overflow:visible;pointer-events:none;color:inherit}.icon,.play-circle,#playIcon{display:inline-flex;align-items:center;justify-content:center}.track-icon .ui-icon{width:14px;height:14px;min-width:14px}.stage-arrow .ui-icon{margin:auto}.quiet-button .ui-icon{display:inline-block;vertical-align:middle}.otto-art-action .ui-icon{width:17px;height:17px;min-width:17px}
@media(max-width:680px){.topbar{height:auto!important;min-height:112px;padding:14px 0 10px;display:flex;flex-wrap:wrap;gap:9px 18px;align-items:center;position:relative;z-index:40}.topbar .wordmark{flex-basis:100%;justify-content:center}.topbar nav{display:flex!important;visibility:visible!important;width:100%;justify-content:center;align-items:stretch;gap:5px;font-size:11px}.topbar nav a{display:inline-flex!important;visibility:visible!important;opacity:1!important;align-items:center;justify-content:center;min-height:44px;padding:9px 13px!important;font-size:11px!important;color:#f2e8d9;background:#ffffff08;border:1px solid #e9deca30;white-space:nowrap;border-radius:2px}.topbar nav a[aria-current=page]{border-color:#b3d7d6;background:#b3d7d612}.topbar .brand-note{display:none!important}.player{height:auto;min-height:132px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.player .icon,.player .play-circle{min-width:44px;min-height:44px}.transport-buttons{gap:8px}.ui-icon{width:21px;height:21px;min-width:21px}.timeline input,.otto-timeline input{min-height:22px;height:22px;background:transparent}body{padding-bottom:calc(145px + env(safe-area-inset-bottom,0px))}.gallery-page{padding-bottom:0}.otto-page .topbar nav a{font-size:10px!important;padding:9px 11px!important}.otto-page .topbar nav{gap:5px}}