:root{--ink: #0c0910;--ink-2: #150f18;--ink-3: #21161f;--gold: #e9b96e;--gold-hi: #f7dfae;--crimson: #c8213f;--teal: #1f8c8c;--cream: #f3e8d6;--muted: #b8a993;--f-display: "Gloock", "Times New Roman", serif;--f-brush: "Kaushan Script", cursive;--f-body: "Figtree", system-ui, sans-serif;--gutter: clamp(16px, 5vw, 72px);--ease: cubic-bezier(.2, .7, .1, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;background:var(--ink);color:var(--cream);font:400 1.0625rem/1.65 var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit}h1,h2,h3{margin:0;font-weight:400}body:after{content:"";position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;pointer-events:none;z-index:100;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip{position:fixed;left:12px;top:-60px;z-index:200;background:var(--gold);color:var(--ink);padding:10px 16px;border-radius:6px;text-decoration:none;font-weight:600}.skip:focus{top:12px}:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px}.eyebrow{margin:0 0 .9rem;font:600 .78rem/1 var(--f-body);letter-spacing:.32em;text-transform:uppercase;color:var(--gold)}h2{font-family:var(--f-display);font-size:clamp(2.1rem,5.4vw,4.2rem);line-height:1.04;letter-spacing:-.01em}h2 em{font-style:normal;font-family:var(--f-brush);color:var(--gold);font-size:.9em}.nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px var(--gutter);padding-top:max(14px,env(safe-area-inset-top));transition:background .4s,backdrop-filter .4s,padding .4s}.nav.is-solid{background:#0c0910b8;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);padding-block:8px}.nav__brand{display:flex;align-items:center;gap:10px;text-decoration:none}.nav__brand img{width:44px;height:44px;filter:drop-shadow(0 2px 10px rgba(0,0,0,.6))}.nav__brand span{font:400 1.35rem/1 var(--f-brush);color:var(--gold-hi);opacity:0;transform:translate(-6px);transition:opacity .4s,transform .4s}.nav.is-solid .nav__brand span{opacity:1;transform:none}.nav__links{display:flex;gap:clamp(14px,3vw,36px)}.nav__links a{text-decoration:none;font-weight:500;font-size:.95rem;letter-spacing:.04em;text-shadow:0 1px 8px rgba(0,0,0,.7);position:relative;padding:6px 0}.nav__links a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--crimson);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}.nav__links a:hover:after{transform:scaleX(1)}.hero{position:relative;height:100vh;height:100svh;min-height:540px;overflow:hidden;isolation:isolate}.hero__img,.hero__gl{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero__img{object-fit:cover;object-position:50% 15%;transform:scale(1.06);animation:kenburns 24s ease-in-out infinite alternate}.hero__gl{opacity:0;transition:opacity 1.2s ease}.hero.has-gl .hero__gl{opacity:1}.hero.has-gl .hero__img{animation:none}@keyframes kenburns{to{transform:scale(1.12) translate(-1%,-1%)}}.hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,var(--ink) 0%,rgba(12,9,16,.86) 18%,rgba(12,9,16,.35) 34%,rgba(12,9,16,0) 52%),linear-gradient(to bottom,#0c09108c,#0c091000 20%),radial-gradient(120% 90% at 50% 40%,transparent 55%,rgba(12,9,16,.55) 100%)}.hero__content{position:absolute;left:var(--gutter);right:var(--gutter);bottom:clamp(48px,7vh,80px);display:flex;flex-wrap:wrap;align-items:flex-end;column-gap:2.5rem;row-gap:0}.hero__content .btn{margin-left:auto;margin-bottom:.4rem}.hero__tag{flex:1 1 100%;margin:0;font:400 clamp(2rem,4.2vw,3.5rem)/1.05 var(--f-brush);color:var(--gold-hi);text-shadow:0 2px 24px rgba(0,0,0,.65),0 0 40px rgba(233,185,110,.25)}.hero__sub{margin:.6rem 0 1.6rem;color:var(--cream);opacity:.9;font-size:clamp(1rem,1.6vw,1.15rem);text-shadow:0 1px 12px rgba(0,0,0,.8)}.hero__content>*{animation:rise 1.1s var(--ease) both}.hero__content>:nth-child(2){animation-delay:.25s}.hero__content>:nth-child(3){animation-delay:.4s}.hero__content>:nth-child(4){animation-delay:.55s}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.95rem 1.5rem;border-radius:999px;background:linear-gradient(135deg,var(--gold-hi),var(--gold) 55%,#c98d3e);color:var(--ink);font-weight:600;text-decoration:none;letter-spacing:.02em;box-shadow:0 10px 30px -10px #e9b96e99;transition:transform .3s var(--ease),box-shadow .3s}.btn svg{width:18px;height:18px;fill:currentColor}.btn:hover{transform:translateY(-2px);box-shadow:0 16px 36px -10px #e9b96ebf}.hero__cue{position:absolute;left:50%;bottom:22px;translate:-50% 0;width:26px;height:42px;border:1.5px solid rgba(243,232,214,.55);border-radius:14px}.hero__cue span{position:absolute;left:50%;top:8px;width:4px;height:8px;margin-left:-2px;border-radius:2px;background:var(--gold-hi);animation:cue 1.8s ease-in-out infinite}@keyframes cue{50%{transform:translateY(12px);opacity:.2}}.songs{position:relative;padding:clamp(80px,12vw,150px) 0 40px;isolation:isolate}.songs:before{content:"";position:absolute;inset:0 0 auto;height:min(70vw,620px);z-index:-3;background:url(/img/sea-2-960.webp) center 40% / cover no-repeat;opacity:.22;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 50%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 50%,transparent)}@media(min-width:1000px){.songs:before{background-image:url(/img/sea-2-1600.webp)}}.section-head{padding:0 var(--gutter);max-width:900px;margin:0 auto clamp(30px,6vw,70px);text-align:center}.song{--accent: var(--crimson);position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,6vw,90px);max-width:1180px;margin:0 auto;padding:clamp(60px,9vw,120px) var(--gutter);isolation:isolate}.song__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background-size:cover;background-position:center;opacity:.32;-webkit-mask-image:radial-gradient(70% 60% at 50% 50%,#000 30%,transparent 75%);mask-image:radial-gradient(70% 60% at 50% 50%,#000 30%,transparent 75%);transition:opacity 1s}.song.is-current .song__bg{opacity:.55}.song__num{position:absolute;z-index:-1;top:clamp(10px,3vw,40px);right:var(--gutter);font:400 clamp(6rem,18vw,15rem)/1 var(--f-display);color:transparent;-webkit-text-stroke:1.5px color-mix(in srgb,var(--accent) 70%,transparent);opacity:.55;pointer-events:none}.song--flip .song__num{right:auto;left:var(--gutter)}.song--flip .song__cover{order:2}.song__cover{position:relative;margin:0;width:min(100%,460px);justify-self:end;aspect-ratio:1;border-radius:6px;box-shadow:0 0 0 1px #e9b96e40,0 40px 80px -30px #000000e6,0 0 90px -30px var(--accent);transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .5s var(--ease),box-shadow .6s;will-change:transform}.song--flip .song__cover{justify-self:start}.song.is-current .song__cover{box-shadow:0 0 0 1px #e9b96e80,0 40px 80px -30px #000000e6,0 0 120px -20px var(--accent)}.song__cover img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.play{position:absolute;right:18px;bottom:18px;width:78px;height:78px;padding:0;border:0;border-radius:50%;cursor:pointer;background:#0c09109e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--gold-hi);display:grid;place-items:center;transition:transform .3s var(--ease),background .3s}.play:hover{transform:scale(1.07);background:#0c0910cc}.play__ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg)}.play__ring circle{fill:none;stroke-width:3;stroke:#f3e8d638}.play__ring .play__progress{stroke:var(--gold);stroke-linecap:round;stroke-dasharray:289.03;stroke-dashoffset:calc(289.03 * (1 - var(--p, 0)))}.play__icon{width:30px;height:30px;fill:currentColor;position:relative}.i-pause,.is-playing .i-play{display:none}.is-playing .i-pause{display:inline}.play__icon .i-play{transform:translate(1px)}.song__text{max-width:470px}.song__meta{margin:0 0 .7rem;font-size:.78rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);filter:brightness(1.25)}.song h3{font:400 clamp(2.2rem,4.6vw,3.6rem)/1.02 var(--f-display);color:var(--cream)}.song__meaning{margin:.5rem 0 1.1rem;font:400 clamp(1.35rem,2.4vw,1.75rem)/1.2 var(--f-brush);color:var(--gold)}.song__line{margin:0 0 1.6rem;color:var(--muted)}.scrub{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;font-size:.8rem;color:var(--muted);font-variant-numeric:tabular-nums;opacity:.55;transition:opacity .4s}.song.is-current .scrub{opacity:1}.scrub input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:22px;margin:0;background:transparent;cursor:pointer;--fill: 0%}.scrub input:disabled{cursor:default}.scrub input::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,var(--gold) var(--fill),rgba(243,232,214,.18) var(--fill))}.scrub input::-moz-range-track{height:3px;border-radius:3px;background:#f3e8d62e}.scrub input::-moz-range-progress{height:3px;border-radius:3px;background:var(--gold)}.scrub input::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;margin-top:-5px;border-radius:50%;background:var(--gold-hi);border:0;box-shadow:0 0 0 4px #e9b96e33}.scrub input::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--gold-hi);border:0}.scrub input:disabled::-webkit-slider-thumb{opacity:0}.scrub input:disabled::-moz-range-thumb{opacity:0}.about{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(30px,6vw,90px);max-width:1180px;margin:0 auto;padding:clamp(90px,12vw,160px) var(--gutter)}.about:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80'%3E%3Cg fill='none' stroke='%23e9b96e' stroke-width='1'%3E%3Cpath d='M40 8 49 31 72 40 49 49 40 72 31 49 8 40 31 31Z'/%3E%3Cpath d='M17.4 17.4 40 26.8 62.6 17.4 53.2 40 62.6 62.6 40 53.2 17.4 62.6 26.8 40Z'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-image:radial-gradient(60% 70% at 30% 50%,#000,transparent 80%);mask-image:radial-gradient(60% 70% at 30% 50%,#000,transparent 80%)}.about__emblem{position:relative;justify-self:center;width:min(100%,380px)}.about__emblem:before{content:"";position:absolute;top:8%;right:8%;bottom:8%;left:8%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(200,33,63,.45),rgba(31,140,140,.25) 50%,transparent 70%);filter:blur(30px);animation:breathe 7s ease-in-out infinite}.about__emblem img{animation:float 9s ease-in-out infinite}@keyframes breathe{50%{transform:scale(1.12);opacity:.7}}@keyframes float{50%{transform:translateY(-10px) rotate(-1.5deg)}}.about__text h2{margin-bottom:1.4rem}.about__text p{color:var(--muted);max-width:54ch}.about__text strong{color:var(--gold-hi);font-weight:600}.follow{--sea: url(/img/sea-3-960.webp);padding:clamp(110px,16vw,220px) var(--gutter) clamp(90px,12vw,150px);background:linear-gradient(to bottom,var(--ink) 0%,rgba(12,9,16,.55) 35%,rgba(12,9,16,.7) 70%,var(--ink-2) 100%),var(--sea) center 45% / cover no-repeat,var(--ink-2)}@media(min-width:1000px){.follow{--sea: url(/img/sea-3-1600.webp)}}.follow h2{text-shadow:0 2px 30px rgba(0,0,0,.7)}.follow__links a{background:#0c091080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.follow__inner{max-width:900px;margin:0 auto;text-align:center}.follow__links{list-style:none;padding:0;margin:2.2rem 0 0;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.follow__links a{display:inline-flex;align-items:center;gap:.55rem;padding:.8rem 1.25rem;border-radius:999px;border:1px solid rgba(233,185,110,.35);text-decoration:none;font-weight:500;transition:background .3s,border-color .3s,color .3s}.follow__links a:hover{background:#e9b96e1f;border-color:var(--gold);color:var(--gold-hi)}.follow__links small{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:var(--gold);padding:.15rem .45rem;border-radius:4px}.footer{display:flex;flex-direction:column;align-items:center;gap:10px;padding:36px var(--gutter) max(36px,env(safe-area-inset-bottom));background:var(--ink-2);color:var(--muted);font-size:.85rem}.footer p{margin:0}.mini{position:fixed;z-index:60;left:50%;bottom:max(16px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;padding:6px 8px 6px 6px;max-width:calc(100vw - 32px);border-radius:999px;background:#150f18db;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(233,185,110,.3);box-shadow:0 20px 40px -14px #000c;transform:translate(-50%);transition:transform .45s var(--ease),opacity .45s}.mini[hidden]{display:flex;opacity:0;transform:translate(-50%,140%);pointer-events:none}.mini img{width:44px;height:44px;border-radius:50%;object-fit:cover}.mini.is-playing img{animation:spin 12s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mini__text{display:grid;line-height:1.2;min-width:0}.mini__text small{font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}.mini__text span{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini__btn{flex:none;width:40px;height:40px;border:0;border-radius:50%;cursor:pointer;background:var(--gold);color:var(--ink);display:grid;place-items:center}.mini__btn svg{width:18px;height:18px;fill:currentColor}.js [data-reveal]{opacity:0;transform:translateY(40px);transition:opacity 1s var(--ease),transform 1.1s var(--ease);transition-delay:var(--d, 0s)}.js [data-reveal=wipe]{transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg)) translateY(30px) scale(.96);transition:opacity .8s var(--ease),transform 1.2s var(--ease),box-shadow .6s}.js [data-reveal=wipe]:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:3;border-radius:inherit;background:linear-gradient(to bottom,var(--accent),var(--ink) 30%);transform-origin:50% 0;transition:transform 1.25s var(--ease) .15s;pointer-events:none}.js [data-reveal].is-in{opacity:1;transform:none}.js [data-reveal=wipe].is-in{transform:perspective(900px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg))}.js [data-reveal=wipe].is-in:after{transform:scaleY(0)}.js .song__cover.is-in{transition:opacity .8s var(--ease),transform .5s var(--ease),box-shadow .6s}.js .song [data-reveal]:not([data-reveal=wipe]){--d: .2s}@media(max-width:820px){.nav__links a{font-size:.88rem}.song,.about{grid-template-columns:1fr;text-align:left}.song{gap:26px;padding-block:56px}.song__cover,.song--flip .song__cover{order:0;justify-self:center;width:min(100%,520px)}.song__text{max-width:none}.song__num{top:14px;font-size:7rem}.play{width:68px;height:68px;right:14px;bottom:14px}.about__emblem{width:min(72%,320px)}.hero__content{bottom:74px}.hero__content .btn{margin-left:0}.hero__img{object-position:46% 15%}}@media(orientation:portrait){.hero__img{object-position:50% 0%}}@media(max-width:420px){.nav__brand img{width:38px;height:38px}.nav__links{gap:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.js [data-reveal],.js [data-reveal=wipe]{opacity:1;transform:none}.js [data-reveal=wipe]:after{display:none}}