@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=IBM+Plex+Mono:wght@400;600&display=swap');:root{--k:#090908;--c:#e4dccb;--r:#941d19;--m:#8c867c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--k);color:var(--c);font-family:"IBM Plex Mono",monospace}a{color:inherit;text-decoration:none}.grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}header{position:fixed;z-index:10;top:0;width:100%;height:70px;padding:0 4vw;display:flex;align-items:center;border-bottom:1px solid #ffffff20;background:#090908cc;backdrop-filter:blur(5px)}.brand,h1,h2,h3,.cover b,.gallery i{font-family:"Archivo Black"}header nav{margin-left:auto;display:flex;gap:2rem;font-size:.7rem;letter-spacing:.15em}header button{display:none;margin-left:auto;background:none;border:0;color:var(--c)}.hero{height:100svh;min-height:680px;position:relative;overflow:hidden;display:flex;align-items:center;padding:8vw}.sun{position:absolute;width:min(68vw,850px);aspect-ratio:1;border-radius:50%;right:-8vw;top:5vh;background:radial-gradient(circle at 42% 40%,#b42c24,#8c1816 55%,#4b0d0c 70%,transparent 71%)}.land{position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(170deg,transparent 34%,#151310 35%)}.person{position:absolute;right:20%;bottom:20%;width:11px;height:45px;background:#020202}.birds{position:absolute;right:20%;top:20%;color:#080808;letter-spacing:1rem}.heroText{z-index:2}.heroText small,label,article small{letter-spacing:.2em;color:var(--m);font-size:.65rem}h1,h2{margin:0;line-height:.85;text-transform:uppercase;letter-spacing:-.075em}h1{font-size:clamp(5rem,14vw,13rem)}.heroText p{font-size:clamp(1.2rem,2.5vw,2.5rem);letter-spacing:.15em}.enter{position:absolute;bottom:5%;left:8%;font-size:.7rem;letter-spacing:.2em}.thread{position:absolute;z-index:3;left:50%;height:440vh;width:1px;background:linear-gradient(transparent,var(--r),var(--r),transparent);opacity:.75;transform-origin:top}main>section:not(.hero,.final){max-width:1400px;margin:auto;padding:10rem 7vw;border-top:1px solid #292622}section>h2{font-size:clamp(4rem,10vw,10rem);margin:.3em 0 .7em}article{display:grid;grid-template-columns:1fr .8fr;gap:7vw;align-items:center;margin:6rem 0 13rem}.flip .cover{order:2}.cover{aspect-ratio:1;display:flex;align-items:flex-end;padding:7%;position:relative;box-shadow:0 30px 80px #000;overflow:hidden}.cover b{font-size:clamp(2rem,5vw,5rem);line-height:.84}.seams{background:linear-gradient(102deg,#171513 0 47%,#8e1c18 48% 51%,#0b0b0a 52%)}.broken{background:radial-gradient(circle at 62% 33%,#991e19 0 20%,transparent 21%),linear-gradient(173deg,#d0c7b5 0 55%,#111 56%);color:#111}article h3,.lyrics h3{font-size:clamp(2.3rem,5vw,5rem);text-transform:uppercase;margin:.5em 0}blockquote{margin:2rem 0;padding-left:1.5rem;border-left:1px solid var(--r);line-height:1.8}article p,.intro,.about{line-height:1.8}.links{display:flex;gap:1.5rem;flex-wrap:wrap;font-size:.7rem;letter-spacing:.13em}.links a:hover{color:#df4a40}.lyrics{margin:4rem 0;padding:7vw;background:#d6cebd;color:#111;line-height:2;font-size:clamp(1rem,1.6vw,1.35rem)}.lyrics.black{background:#111;color:var(--c);border:1px solid #332f29}.lyrics strong{color:var(--r);letter-spacing:.08em}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#302c27;margin:4rem 0 1rem}.gallery i{aspect-ratio:1;padding:8%;display:flex;align-items:flex-end;font-style:normal;font-size:clamp(1.2rem,3vw,3rem);line-height:.9;background:#111}.gallery i:nth-child(1){background:radial-gradient(circle at 60% 35%,#a4211c 0 24%,transparent 25%),linear-gradient(170deg,#d5ccbb 0 60%,#161411 61%);color:#111}.gallery i:nth-child(2){background:linear-gradient(100deg,#d4ccbd 0 43%,#080808 44% 56%,#d4ccbd 57%);color:#111}.gallery i:nth-child(3){background:linear-gradient(105deg,#111 48%,#8f1b18 49% 51%,#111 52%)}.gallery i:nth-child(4){background:linear-gradient(#cec5b4 68%,#14120f 69%);color:#111}.gallery i:nth-child(5){background:linear-gradient(90deg,#111 49.5%,#9f211c 50%,#111 50.5%)}.gallery i:nth-child(6){background:#8e1a17}.about{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.about h3{font-size:clamp(2rem,4vw,4rem);line-height:1.05;margin:0;text-transform:uppercase}.final{height:85vh;min-height:600px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.final .sun{left:50%;top:50%;transform:translate(-50%,-50%);width:min(60vw,650px);opacity:.7}.final>*:not(.sun){position:relative}.final h2{font-size:clamp(3rem,8vw,8rem)}.final small{letter-spacing:.25em}footer{height:90px;border-top:1px solid #292622;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;font-size:.62rem;letter-spacing:.15em;color:#777}
@media(max-width:760px){header{height:62px}header button{display:block}header nav{display:none;position:absolute;top:62px;left:0;right:0;padding:2rem 4vw;background:#090908;flex-direction:column}header.open nav{display:flex}.hero{padding:6vw}.sun{width:115vw;right:-48vw;top:12vh}.thread{left:85%}main>section:not(.hero,.final){padding:7rem 6vw}article,.about{grid-template-columns:1fr}.flip .cover{order:0}.gallery{grid-template-columns:1fr 1fr}}