@font-face{font-family:Anton;src:url('assets/anton.ttf') format('truetype');font-display:swap} :root{--bg:#10120e;--orange:#ff641b;--green:#c4ff39}*{box-sizing:border-box}html{background:var(--bg);color:var(--orange)}body{margin:0;font-family:Anton,Impact,sans-serif}a{color:inherit;text-decoration:none}header{display:flex;align-items:center;justify-content:space-between;padding:16px 3.5%;border-bottom:1px solid #769522}.brand{font-size:36px}nav{display:flex;gap:76px;font-size:29px}a:focus-visible{outline:3px solid var(--green);outline-offset:7px}nav a:hover{color:var(--green)}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:5%;padding:32px 8.2% 32px 3.5%;align-items:center;overflow:hidden}.title-block{position:relative;z-index:2}h1{font-weight:400;margin:0;font-size:clamp(90px,12.2vw,190px);line-height:.98;letter-spacing:-.035em}h1 span{display:block}h1 .last{font-size:.88em;letter-spacing:-.035em}.artist{font-size:30px;margin:4px 0 14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:var(--orange);color:var(--bg);padding:12px 28px;font-size:25px;min-height:57px;border:1px solid var(--orange);transition:background .2s,transform .2s}.button svg{width:29px;height:24px;fill:none;stroke:currentColor;stroke-width:2}.button:hover{background:var(--green);border-color:var(--green);transform:translateY(-3px)}.art{position:relative;isolation:isolate}.art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;position:relative;z-index:1;image-rendering:auto}.orbit{position:absolute;border:1px solid #9dc732;width:140%;height:62%;left:-20%;top:20%;border-radius:50%;z-index:0;transform:rotate(-23deg)}.orbit.two{transform:rotate(-61deg);width:123%;height:87%;left:-11%;top:6%}.orbit:after,.orbit:before{content:'';width:16px;height:16px;background:var(--green);border-radius:50%;position:absolute;top:18%;left:9%}.orbit:after{top:auto;left:auto;right:5%;bottom:21%}.ticker{background:var(--green);color:var(--bg);overflow:hidden;padding:10px 0;font-size:26px;border-block:1px solid var(--green)}.ticker>div{white-space:nowrap;display:flex;gap:30px;justify-content:center}.ticker span{font-family:Arial,sans-serif;font-size:30px}.outro{text-align:center;padding:26px 20px 34px}h2{font-size:39px;font-weight:400;margin:0 0 22px}.actions{display:flex;justify-content:center;gap:24px}.actions .button{font-size:20px;min-height:49px;padding:10px 25px}.outline{background:transparent;color:var(--green);border-color:var(--green);min-width:160px}.outline:hover{color:var(--bg)}footer{text-align:center;font-family:monospace;font-size:12px;letter-spacing:3px;padding:10px 20px 30px}.skip{position:fixed;left:10px;top:-100px;background:var(--green);color:var(--bg);padding:10px;z-index:10}.skip:focus{top:10px}@media(min-width:1600px){.hero{max-width:1600px;margin:auto}}@media(max-width:760px){header{padding:16px 6%}.brand{font-size:27px}nav{gap:24px;font-size:20px}.hero{grid-template-columns:1fr;padding:28px 6% 36px;gap:40px}h1{font-size:21.3vw}.artist{font-size:25px;margin-top:8px}.button{font-size:22px}.art{width:84%;margin:0 auto}.ticker{font-size:21px}h2{font-size:30px;line-height:1.2;max-width:350px;margin:0 auto 24px}.outro{padding:30px 6%}.actions{gap:14px;flex-wrap:wrap}.actions .button{font-size:19px}.outline{min-width:145px}footer{padding-bottom:24px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

@media(min-width:761px){header{padding-top:9px;padding-bottom:9px}.hero{grid-template-columns:1.2fr 1fr}h1{line-height:.9}}
.media-section{padding:55px 3.5% 30px;max-width:1600px;margin:auto}.media-section h2{text-align:left;font-size:clamp(32px,5.5vw,76px);line-height:1.1;margin-bottom:24px}.video-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 22px}.video-item{grid-column:span 2;min-width:0}.video-item.featured{grid-column:span 3}.video-item iframe{width:100%;aspect-ratio:16/9;border:1px solid #39402c;background:#000;display:block}.video-item h3{font-size:25px;color:var(--green);font-weight:400;letter-spacing:1px;margin:10px 0 5px}.watch-link{font-family:Arial,sans-serif;color:var(--green);font-size:13px;text-decoration:underline;text-underline-offset:4px}.watch-link:hover{color:var(--orange)}.photo-heading{border-top:1px solid var(--green);margin-top:42px;padding-top:30px}.photo-heading p{font-family:Arial,sans-serif;color:var(--green);font-size:16px;margin:0 0 24px}.photo-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.photo-button{display:block;border:1px solid #39402c;padding:0;background:#080a07;cursor:zoom-in;overflow:hidden;aspect-ratio:3/2}.photo-button img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}.photo-button.poster img{object-fit:contain}.photo-button:hover img{transform:scale(1.03)}.photo-button:focus-visible{outline:3px solid var(--green);outline-offset:4px}#photo-viewer{padding:44px 20px 16px;background:var(--bg);color:var(--green);border:1px solid var(--green);max-width:95vw;max-height:95vh;width:max-content}#photo-viewer::backdrop{background:#000e}#viewer-image{display:block;max-width:85vw;max-height:75vh;object-fit:contain;width:auto;height:auto;margin:auto}.viewer-close{position:absolute;right:8px;top:4px;background:transparent;border:0;color:var(--green);font-size:32px;cursor:pointer}#viewer-caption{font-family:Arial,sans-serif;text-align:center;font-size:14px}@media(max-width:760px){.media-section{padding:36px 6% 20px}.media-section h2{font-size:35px;max-width:none}.video-gallery{grid-template-columns:1fr;gap:28px}.video-item,.video-item.featured{grid-column:auto}.video-item h3{font-size:23px}.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photo-heading p{line-height:1.5;font-size:14px}}
/* Album ink palette and flowing print composition. */
:root{--bg:#062b35;--orange:#ffc326;--green:#00d4b0;--red:#dc1235;--ink:#03242d}body{overflow-x:clip;background:var(--bg)}header{position:relative;z-index:3;border:0;padding-inline:6%;background:var(--bg);color:var(--orange)}.brand{letter-spacing:2px}nav a{font-size:24px}.hero{max-width:none!important;padding:55px 7% 100px 6%;background:var(--bg) url('assets/flow-art.png') center/cover;position:relative;overflow:visible;gap:8%}h1{font-size:clamp(85px,11.5vw,180px);letter-spacing:-.025em;text-shadow:3px 3px 0 #03242d}h1 .last{font-size:.88em}.artist{font-size:24px;letter-spacing:2px}.art{transform:rotate(7deg);animation:drift 10s ease-in-out infinite}.art img{box-shadow:0 20px 45px #001b2580}.orbit{display:none}.button{border-radius:50px;padding-inline:32px;background:var(--orange);border-color:var(--orange);color:var(--ink);letter-spacing:1px}.button:hover{background:var(--green);border-color:var(--green);transform:translateY(-3px) rotate(-2deg)}.ticker{background:var(--red);color:var(--orange);border:0;position:relative;margin-top:-24px;padding:16px 0;transform:rotate(-2deg);z-index:2;box-shadow:0 6px 0 #a61431}.ticker>div{justify-content:flex-start;width:max-content;animation:ribbon 45s linear infinite}.media-section{background:#00bfa8;color:var(--ink);max-width:none;padding:95px 6% 100px;margin-top:-20px;border-radius:50% 3% 45% 2% / 35px 15px 30px 20px;position:relative}.media-section h2{text-align:center;color:var(--ink);font-size:clamp(32px,5vw,72px);margin-bottom:35px}.video-gallery{max-width:1440px;margin:auto;gap:38px 24px}.video-item iframe{border:0;box-shadow:0 8px 0 #007e7680;border-radius:4px}.video-item h3{color:var(--ink);margin-top:18px}.watch-link{color:var(--ink);font-weight:600}.watch-link:hover{color:#6a0521}.photo-section{padding:65px 6% 110px;background:var(--bg);max-width:1600px;margin:auto}.photo-heading{border:0;margin:0;padding:0}.photo-heading h2{font-size:clamp(40px,5vw,72px);margin-bottom:15px}.photo-heading p{color:#81edce;margin-bottom:40px}.photo-gallery{display:block;columns:4;column-gap:20px}.photo-button{display:block;width:100%;margin:0 0 20px;break-inside:avoid;aspect-ratio:auto;border:0;transform:rotate(-1deg);background:transparent;transition:transform .3s}.photo-button:nth-child(3n){transform:rotate(1.5deg)}.photo-button:nth-child(4n){transform:rotate(-2deg)}.photo-button img{height:auto;width:100%;object-fit:contain}.photo-button:hover{transform:rotate(0) scale(1.025);position:relative;z-index:2}.outro{background:var(--red) url('assets/flow-art.png') center bottom/cover;padding:95px 6% 55px;border-radius:50% 50% 0 0 / 65px 40px 0 0;margin-top:-55px;position:relative}.outro h2{font-size:clamp(32px,5vw,70px)}.outline{background:var(--orange);color:var(--ink);border-color:var(--orange)}footer{background:var(--bg);color:var(--orange);padding-top:24px}.viewer-close{color:var(--orange)}#photo-viewer{border-color:var(--orange);color:var(--orange)}@keyframes drift{0%,100%{transform:rotate(7deg) translateY(0)}50%{transform:rotate(5deg) translateY(-12px)}}@keyframes ribbon{to{transform:translateX(-33.333333%)}}@media(max-width:760px){header{padding:18px 6%}.brand{font-size:25px}nav{gap:18px}nav a{font-size:19px}.hero{padding:35px 6% 75px;background-position:60% center;gap:40px}h1{font-size:21.5vw}.art{width:85%}.artist{font-size:23px}.media-section{padding:65px 6% 65px;border-radius:50% 5% 40% 0 / 20px 12px 18px 0}.media-section h2{font-size:34px;line-height:1.15}.video-gallery{gap:32px}.video-item h3{font-size:23px}.photo-section{padding:45px 6% 85px}.photo-gallery{columns:2;column-gap:12px}.photo-button{margin-bottom:15px}.photo-heading h2{font-size:36px;max-width:none}.outro{padding:70px 6% 40px;border-radius:50% 40% 0 0 / 30px 25px 0 0}.outro h2{font-size:35px}.actions .button{padding-inline:25px}}@media(prefers-reduced-motion:reduce){.art,.ticker>div{animation:none}}
html{overflow-x:hidden}.photo-heading h2{line-height:1.1}.photo-button:focus-visible{outline-color:var(--orange)}