:root{--acid:#8fc320;--ink:#0b0b0b;--paper:#f2f2ec;--grey:#a4a49e;--line:rgba(255,255,255,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:"DM Sans","Noto Sans KR",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:108px;padding:18px 3.2vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;top:0;z-index:20;width:100%}.brand{display:flex;align-items:center;gap:13px}.brand-disc{width:70px;height:70px;border-radius:50%;background:var(--acid);color:white;display:grid;place-items:center;font:500 17px "DM Sans"}.brand-type{font:600 11px/1.15 "Space Grotesk";letter-spacing:.08em}.site-header nav{display:flex;gap:38px;font:500 13px "Space Grotesk";letter-spacing:.08em}.site-header nav a{position:relative}.site-header nav a:after{content:"";height:2px;background:var(--acid);position:absolute;left:0;right:100%;bottom:-7px;transition:.25s}.site-header nav a:hover:after{right:0}.menu-button{display:none;background:none;border:0;color:white}.hero{min-height:790px;height:100vh;max-height:1060px;padding:160px 3.2vw 40px;display:flex;flex-direction:column;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:52vw;height:52vw;border:1px solid rgba(143,195,32,.3);border-radius:50%;right:-18vw;top:4vh;box-shadow:0 0 0 9vw rgba(143,195,32,.025),0 0 0 18vw rgba(143,195,32,.018)}.hero-kicker{font:500 12px "Space Grotesk";letter-spacing:.14em;display:flex;align-items:center;gap:8px}.status-dot{width:9px;height:9px;background:var(--acid);border-radius:50%;box-shadow:0 0 20px var(--acid)}.hero h1{font:600 clamp(72px,10vw,166px)/.78 "Space Grotesk";letter-spacing:-.075em;margin:5vh 0 3vh;position:relative;z-index:2}.hero h1 span{display:block}.hero h1 span:nth-child(2){padding-left:15vw}.hero h1 span:nth-child(3){padding-left:4vw}.hero h1 .outline{color:transparent;-webkit-text-stroke:1.5px var(--paper)}.hero h1 em{font-style:normal;color:var(--acid)}.hero-bottom{margin-top:auto;display:flex;align-items:end;justify-content:space-between;position:relative;z-index:2}.hero-bottom>p{max-width:490px;font:400 18px/1.65 "Noto Sans KR";word-break:keep-all}.round-cta{width:142px;height:142px;background:var(--acid);border-radius:50%;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;transition:.35s}.round-cta:hover{transform:rotate(-8deg) scale(1.06)}.round-cta svg{width:38px;fill:none;stroke:currentColor;stroke-width:2}.round-cta span{font:700 11px/1.15 "Space Grotesk";letter-spacing:.12em}.signal{position:absolute;right:21vw;bottom:35px;width:230px;height:110px;display:flex;align-items:center;gap:7px;transform:rotate(-8deg);opacity:.9}.signal span{width:10px;height:var(--h);background:var(--acid);border-radius:10px;animation:pulse 1.2s ease-in-out infinite alternate}.signal span:nth-child(3n){animation-delay:-.7s}.signal span:nth-child(2n){animation-delay:-.35s}@keyframes pulse{to{height:calc(var(--h) * .35)}}.marquee{background:var(--acid);color:var(--ink);font:700 26px "Space Grotesk";letter-spacing:-.02em;white-space:nowrap;overflow:hidden;padding:16px 0;transform:rotate(-1.2deg) scale(1.02);position:relative;z-index:3}.marquee div{width:max-content;animation:scroll 22s linear infinite}.marquee b{font-size:14px;margin:0 24px}@keyframes scroll{to{transform:translateX(-50%)}}.section{padding:130px 3.2vw}.section-head{display:grid;grid-template-columns:1fr 2fr auto;align-items:start;border-top:1px solid #b8b8b2;padding-top:18px;color:var(--ink)}.section-head>p,.eyebrow,.contact>p{font:600 11px "Space Grotesk";letter-spacing:.15em}.section-head h2{font:500 clamp(52px,6vw,92px)/.92 "Space Grotesk";letter-spacing:-.06em;margin:0}.section-head>span{font:500 12px "Noto Sans KR"}.works{background:var(--paper)}.work-grid{margin-top:90px;display:grid;grid-template-columns:1.15fr 1fr .82fr;gap:25px;align-items:start}.work-card{color:var(--ink)}.work-card:nth-child(2){margin-top:90px}.work-card:nth-child(3){margin-top:25px}.cover{aspect-ratio:1;position:relative;overflow:hidden;display:grid;place-items:center}.work-card.green .cover{background:var(--acid)}.work-card.dark .cover{background:#151515}.work-card.light .cover{background:#dddeda}.work-card h3{font:600 18px "Space Grotesk";margin:17px 0 5px}.work-card p{margin:0;color:#666;font-size:13px}.cover-orbit:before,.cover-orbit:after,.cover-orbit i{content:"";position:absolute;border:1px solid rgba(11,11,11,.55);border-radius:50%;inset:12%}.cover-orbit:after{inset:25%}.cover-orbit i{inset:38%;background:var(--ink)}.cover-orbit b{font:500 clamp(70px,9vw,150px) "Space Grotesk";color:var(--paper);z-index:2}.cover-wave{display:flex;align-items:center;justify-content:center;gap:5%}.cover-wave i{width:5%;height:25%;background:var(--acid);border-radius:99px}.cover-wave i:nth-child(2),.cover-wave i:nth-child(4){height:65%}.cover-wave i:nth-child(3){height:90%}.cover-type span{font:600 clamp(32px,4.2vw,65px)/.78 "Space Grotesk";letter-spacing:-.075em;transform:rotate(-90deg)}.services{background:var(--ink)}.section-head.invert{color:var(--paper);border-color:var(--line)}.service-list{margin-top:85px;border-top:1px solid var(--line)}.service-list article{min-height:180px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:120px 70px 1.2fr 1.4fr 190px;align-items:center;gap:25px;transition:.25s}.service-list article:hover{background:var(--acid);color:var(--ink);padding:0 24px}.service-list article>span{font:500 12px "Space Grotesk"}.service-list h3{font:600 clamp(27px,3vw,48px) "Space Grotesk";letter-spacing:-.04em;margin:0}.service-list p{font:400 15px/1.7 "Noto Sans KR";word-break:keep-all;max-width:400px}.service-list em{font:500 10px "Space Grotesk";letter-spacing:.13em}.picto{width:82px;height:82px;position:relative;color:var(--acid);display:grid;place-items:center}.service-list article:hover .picto{color:var(--ink)}.picto.mic i{width:26px;height:45px;border:3px solid currentColor;border-radius:20px}.picto.mic b{position:absolute;width:48px;height:40px;border:3px solid currentColor;border-top:0;border-radius:0 0 30px 30px;top:28px}.picto.mic:after{content:"";position:absolute;width:3px;height:15px;background:currentColor;bottom:3px}.picto.mix{display:flex;justify-content:space-around}.picto.mix i{height:65px;width:3px;background:currentColor;position:relative}.picto.mix i:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:currentColor;left:-7px;top:12px}.picto.mix i:nth-child(2):after{top:35px}.picto.mix i:nth-child(3):after{top:22px}.picto.master i{width:68px;height:68px;border:3px solid currentColor;border-radius:50%}.picto.master b{position:absolute;width:31px;height:31px;border-radius:50%;background:currentColor}.picto.master:after{content:"";position:absolute;width:3px;height:34px;background:var(--ink);transform:rotate(35deg);transform-origin:bottom;top:8px}.service-list article:hover .picto.master:after{background:var(--acid)}.picto.star{font-size:82px;line-height:1}.about{background:var(--acid);color:var(--ink);display:grid;grid-template-columns:1fr 1.4fr;gap:7vw;align-items:center}.about-mark{aspect-ratio:1;max-width:550px;border-radius:50%;background:var(--paper);display:grid;place-items:center;position:relative;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15)}.about-mark:before,.about-mark:after{content:"";position:absolute;inset:12%;border:1px solid rgba(0,0,0,.2);border-radius:50%}.about-mark:after{inset:27%}.about-mark span{font:500 clamp(40px,6vw,90px) "DM Sans";z-index:1}.about-copy h2{font:500 clamp(55px,7vw,110px)/.95 "Noto Sans KR";letter-spacing:-.075em;margin:35px 0}.about-copy h2 strong{font-weight:900}.about-copy>p:not(.eyebrow){max-width:580px;font:500 17px/1.8 "Noto Sans KR";word-break:keep-all}.values{display:flex;gap:10px;flex-wrap:wrap;margin-top:40px}.values span{border:1px solid var(--ink);border-radius:99px;padding:10px 17px;font:600 11px "Space Grotesk";letter-spacing:.1em}.contact{padding:130px 3.2vw 70px}.contact h2{font:600 clamp(70px,12vw,190px)/.78 "Space Grotesk";letter-spacing:-.08em;margin:65px 0 85px}.contact h2 span{color:var(--acid)}.contact>a{font:500 clamp(22px,4vw,58px) "Space Grotesk";letter-spacing:-.04em;border-bottom:2px solid var(--acid);padding-bottom:8px;display:inline-flex;align-items:center;gap:25px}.contact>a svg{width:48px;stroke:var(--acid);fill:none;stroke-width:1.5}.contact-meta{margin-top:120px;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;font:500 11px "Space Grotesk";letter-spacing:.12em}footer{padding:25px 3.2vw 32px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font:500 10px "Space Grotesk";letter-spacing:.1em}.brand-disc.small{width:48px;height:48px;font-size:11px}.cursor-dot{width:12px;height:12px;background:var(--acid);border-radius:50%;position:fixed;z-index:99;pointer-events:none;transform:translate(-50%,-50%);mix-blend-mode:difference;transition:width .2s,height .2s}
@media(max-width:900px){.site-header{height:84px}.brand-disc{width:54px;height:54px;font-size:13px}.brand-type{font-size:9px}.menu-button{display:flex;align-items:center;gap:9px;z-index:22}.menu-button i,.menu-button i:before{content:"";display:block;width:24px;height:1px;background:white;transition:.25s}.menu-button i:before{transform:translateY(6px)}.site-header nav{position:fixed;inset:0;background:var(--acid);color:var(--ink);display:flex;flex-direction:column;justify-content:center;padding:8vw;font-size:10vw;gap:12px;transform:translateY(-100%);transition:.45s cubic-bezier(.77,0,.18,1);z-index:21}.site-header nav.open{transform:translateY(0)}.hero{min-height:720px;height:100svh;padding-top:125px}.hero h1{font-size:clamp(58px,17vw,110px);margin-top:8vh}.hero h1 span:nth-child(2){padding-left:10vw}.hero-bottom>p{font-size:15px;max-width:60%}.round-cta{width:112px;height:112px}.signal{display:none}.section{padding:90px 5vw}.section-head{grid-template-columns:1fr auto}.section-head h2{grid-row:2;grid-column:1/3;margin-top:45px}.work-grid{grid-template-columns:1fr 1fr}.work-card:nth-child(2){margin-top:70px}.work-card:nth-child(3){margin-top:0}.service-list article{grid-template-columns:90px 40px 1fr;min-height:155px}.service-list article p,.service-list article em{display:none}.about{grid-template-columns:1fr}.about-mark{max-width:420px}.contact{padding:90px 5vw 50px}.contact h2{margin:55px 0 70px}.cursor-dot{display:none}}
@media(max-width:600px){.hero{padding-left:5vw;padding-right:5vw}.hero-kicker{font-size:10px}.hero h1{font-size:16vw;line-height:.84;margin-top:12vh}.hero h1 span:nth-child(2){padding-left:7vw}.hero h1 span:nth-child(3){padding-left:0}.hero-bottom{align-items:center}.hero-bottom>p{max-width:58%;font-size:13px}.round-cta{width:98px;height:98px}.round-cta svg{width:28px}.round-cta span{font-size:9px}.marquee{font-size:18px}.section-head{display:block}.section-head h2{font-size:13vw;margin-top:35px}.section-head>span{display:none}.work-grid{grid-template-columns:1fr;margin-top:55px}.work-card:nth-child(2),.work-card:nth-child(3){margin-top:25px}.service-list{margin-top:55px}.service-list article{grid-template-columns:68px 25px 1fr;gap:12px;min-height:120px}.picto{width:58px;height:58px;transform:scale(.72)}.service-list h3{font-size:24px}.about-copy h2{font-size:15vw}.contact h2{font-size:17vw}.contact-meta{margin-top:80px;flex-direction:column;gap:10px}footer p{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* GANDA cassette identity + cinematic studio hero */
.brand-disc{display:none}
.cassette-logo{width:92px;height:64px;display:grid;place-items:center;position:relative;color:var(--acid);flex:none}
.cassette-logo svg{width:100%;height:100%;fill:var(--acid);stroke:var(--ink);stroke-width:3}
.cassette-logo .cassette-window{fill:var(--ink);stroke:none}
.cassette-logo circle{fill:var(--paper);stroke:var(--acid);stroke-width:3}
.cassette-logo .tape-line{fill:none;stroke:var(--paper);stroke-width:2}
.cassette-logo .cassette-base{fill:var(--ink);stroke:none}
.cassette-logo b{position:absolute;left:50%;top:9px;transform:translateX(-50%);color:var(--paper);font:700 7px "Space Grotesk";letter-spacing:.16em}
.hero{padding-top:150px;background-image:linear-gradient(90deg,rgba(5,5,5,.88) 0%,rgba(5,5,5,.48) 48%,rgba(5,5,5,.16) 100%),linear-gradient(0deg,rgba(5,5,5,.86) 0%,transparent 58%),url("ganda-studio-hero.png");background-size:cover;background-position:center}
.hero:before{inset:0;width:auto;height:auto;right:0;top:0;border:0;border-radius:0;box-shadow:none;background:linear-gradient(115deg,transparent 48%,rgba(143,195,32,.09));pointer-events:none}
.hero h1{margin-top:3vh;text-shadow:0 4px 35px rgba(0,0,0,.42)}
.hero h1 .outline{color:rgba(5,5,5,.15)}
footer .cassette-logo.small{width:62px;height:43px}
@media(max-width:900px){.cassette-logo{width:72px;height:50px}.hero{padding-top:125px;background-position:58% center}}
@media(max-width:600px){.hero h1{margin-top:7vh}.hero{background-position:61% center}}

/* Refined GANDA wordmark */
.ganda-lockup{display:grid;grid-template-columns:64px auto;grid-template-rows:auto auto;column-gap:12px;align-items:center;min-width:255px}
.ganda-lockup svg{grid-row:1/3;width:64px;height:48px;overflow:visible}
.ganda-lockup .shell{fill:var(--acid);stroke:none}
.ganda-lockup .window{fill:var(--ink);stroke:none}
.ganda-lockup circle{fill:none;stroke:var(--paper);stroke-width:2.2}
.ganda-lockup .tape{fill:none;stroke:var(--acid);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ganda-lockup strong{font:700 28px/.88 "Space Grotesk";letter-spacing:-.055em;color:var(--paper)}
.ganda-lockup i{font:600 7px/1 "Space Grotesk";font-style:normal;letter-spacing:.24em;color:var(--acid);align-self:start;margin-top:4px}
.footer-wordmark{font:700 25px "Space Grotesk";letter-spacing:-.05em;display:flex;flex-direction:column}
.footer-wordmark small{font-size:6px;letter-spacing:.2em;color:var(--acid)}

/* Asymmetric YouTube portfolio */
.video-scape{margin-top:95px;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:110px 260px 120px 290px;gap:24px;min-height:850px}
.video-card{position:relative;color:var(--ink);display:flex;flex-direction:column;isolation:isolate;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.video-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.06);transition:filter .4s,transform .55s}
.video-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.78));z-index:1;pointer-events:none}
.video-card>div{position:absolute;z-index:2;left:22px;right:22px;bottom:18px;color:white;display:grid;grid-template-columns:34px 1fr;align-items:end}
.video-card>div b{font:600 10px "Space Grotesk";color:var(--acid);grid-row:1/3}
.video-card h3{font:600 clamp(24px,2.7vw,46px)/.95 "Noto Sans KR";letter-spacing:-.055em;margin:0}
.video-card p{font:600 9px "Space Grotesk";letter-spacing:.14em;margin:8px 0 0;opacity:.74}
.video-card .play{position:absolute;z-index:3;right:18px;top:18px;width:72px;height:72px;border-radius:50%;background:var(--acid);display:grid;place-items:center;font:700 10px "Space Grotesk";opacity:0;transform:scale(.6) rotate(-20deg);transition:.35s}
.video-card:hover{z-index:4;transform:rotate(0) scale(1.025)}
.video-card:hover img{filter:saturate(1.05) contrast(1.02)}
.video-card:hover .play{opacity:1;transform:scale(1) rotate(0)}
.video-a{grid-column:1/8;grid-row:1/3;transform:rotate(-1.5deg)}
.video-b{grid-column:9/13;grid-row:2/4;transform:rotate(2.2deg)}
.video-b img{object-position:center}
.video-c{grid-column:3/10;grid-row:4/5;transform:rotate(-.8deg)}

/* Service hover photography */
.service-list article{position:relative;overflow:hidden;isolation:isolate;background:transparent}
.service-list article:before,.service-list article:after{content:"";position:absolute;inset:0;opacity:0;transition:opacity .48s ease,transform .7s ease;pointer-events:none}
.service-list article:before{z-index:-2;background-image:var(--service-image);background-size:cover;background-position:center;transform:scale(1.055)}
.service-list article:after{z-index:-1;background:linear-gradient(90deg,rgba(5,5,5,.92) 0%,rgba(5,5,5,.47) 55%,rgba(5,5,5,.8) 100%)}
.service-list article>*{position:relative;z-index:1}
.service-list article:hover{background:transparent;color:var(--paper);padding:0 24px}
.service-list article:hover:before,.service-list article:hover:after{opacity:1}
.service-list article:hover:before{transform:scale(1)}
.service-list article:hover .picto{color:var(--acid)}
.service-recording{--service-image:url("service-recording.png")}
.service-mixing{--service-image:url("service-mixing.png")}
.service-mastering{--service-image:url("service-mastering.png")}
.service-entertainment{--service-image:url("service-entertainment.png")}

@media(max-width:900px){.ganda-lockup{grid-template-columns:52px auto;min-width:205px}.ganda-lockup svg{width:52px}.ganda-lockup strong{font-size:23px}.video-scape{grid-template-rows:90px 210px 90px 240px;min-height:720px}.video-card .play{opacity:1;width:58px;height:58px}.service-list article:before{opacity:.2}.service-list article:after{opacity:.42}}
@media(max-width:600px){.ganda-lockup{grid-template-columns:48px auto;column-gap:8px;min-width:168px}.ganda-lockup svg{width:48px}.ganda-lockup strong{font-size:20px}.ganda-lockup i{font-size:5px;letter-spacing:.16em}.video-scape{display:flex;flex-direction:column;gap:32px;min-height:0;margin-top:55px}.video-card{height:58vw;transform:none!important}.video-b{width:82%;align-self:flex-end;height:70vw}.video-c{width:92%;height:52vw}.video-card h3{font-size:26px}.video-card>div{left:16px;bottom:14px}.video-card .play{width:52px;height:52px;top:12px;right:12px}.service-list article:hover{padding:0}.service-list article:before{background-position:65% center}}

/* Hero motion system */
.hero-vinyl{position:absolute;right:6vw;top:18%;width:clamp(150px,19vw,310px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#161616 0 4px,#0a0a0a 5px 8px);border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;z-index:1;opacity:.78;animation:vinylSpin 13s linear infinite;box-shadow:0 20px 80px rgba(0,0,0,.55)}
.hero-vinyl:before{content:"";position:absolute;inset:31%;border-radius:50%;background:var(--acid);box-shadow:0 0 0 1px rgba(0,0,0,.5)}
.hero-vinyl i{position:absolute;width:7%;aspect-ratio:1;border-radius:50%;background:var(--ink);z-index:2}
.hero-vinyl span{position:relative;z-index:2;color:var(--ink);font:700 clamp(10px,1.3vw,19px)/.85 "Space Grotesk";letter-spacing:-.05em;text-align:center}
.hero h1 span{will-change:transform;transition:transform .12s linear}
.hero h1 span:nth-child(1){transform:translate3d(var(--hx1,0px),calc(var(--hy1,0px) + var(--hs1,0px)),0)}
.hero h1 span:nth-child(2){transform:translate3d(var(--hx2,0px),calc(var(--hy2,0px) + var(--hs2,0px)),0)}
.hero h1 span:nth-child(3){transform:translate3d(var(--hx3,0px),calc(var(--hy3,0px) + var(--hs3,0px)),0)}
.hero:after{content:"";position:absolute;left:-20%;top:0;width:8%;height:100%;background:linear-gradient(90deg,transparent,rgba(143,195,32,.12),transparent);transform:skewX(-18deg);animation:lightSweep 7s ease-in-out infinite;pointer-events:none;z-index:1}
@keyframes lightSweep{0%,18%{left:-20%;opacity:0}35%{opacity:1}60%,100%{left:120%;opacity:0}}
@keyframes vinylSpin{to{transform:rotate(360deg)}}

/* Artists */
.artists{background:var(--acid);color:var(--ink);padding:130px 3.2vw 150px;overflow:hidden}
.artist-heading{display:grid;grid-template-columns:1fr 2fr;border-top:1px solid rgba(0,0,0,.38);padding-top:18px}
.artist-heading>p{font:600 11px "Space Grotesk";letter-spacing:.15em;margin:0}
.artist-heading h2{font:500 clamp(54px,7vw,108px)/.86 "Space Grotesk";letter-spacing:-.07em;margin:0}
.artist-heading h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--ink)}
.artist-stage{margin-top:100px;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:120px 370px 130px;gap:22px;position:relative}
.artist-card{position:relative;overflow:hidden;background:var(--ink);color:var(--paper);isolation:isolate;transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.artist-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 30%,rgba(0,0,0,.82));z-index:1}
.artist-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);transition:filter .5s,transform .7s}
.artist-card:hover img{filter:grayscale(0) contrast(1);transform:scale(1.04)}
.artist-card:hover{transform:translateY(-10px)}
.artist-baek{grid-column:1/8;grid-row:1/3}
.artist-koomi{grid-column:8/13;grid-row:2/4}
.artist-index{position:absolute;top:20px;left:22px;z-index:2;border:1px solid rgba(255,255,255,.6);border-radius:99px;padding:8px 12px;font:600 9px "Space Grotesk";letter-spacing:.14em}
.artist-name{position:absolute;left:25px;bottom:23px;z-index:2;display:flex;flex-direction:column}
.artist-name small{font:600 10px "Space Grotesk";letter-spacing:.18em;color:var(--acid);margin-bottom:6px}
.artist-name strong{font:700 clamp(38px,5.4vw,84px)/.88 "Noto Sans KR";letter-spacing:-.08em}
.artist-arrow{position:absolute;right:24px;bottom:25px;z-index:2;width:62px;height:62px;border-radius:50%;background:var(--acid);color:var(--ink);display:grid;place-items:center;font:400 25px "Space Grotesk";font-style:normal}
.artist-manifesto{grid-column:1/7;grid-row:3;display:flex;align-items:end;justify-content:space-between;padding-right:5vw}
.artist-manifesto>span{font:700 11px "Space Grotesk";letter-spacing:.14em}
.artist-manifesto p{font:600 15px/1.65 "Noto Sans KR";margin:0}

/* Spinning GANDA record */
.about-mark{display:none}
.about-vinyl{aspect-ratio:1;max-width:550px;border-radius:50%;position:relative;background:radial-gradient(circle at center,#0b0b0b 0 2.2%,transparent 2.4%),repeating-radial-gradient(circle at center,#111 0 3px,#202020 4px 5px,#0a0a0a 6px 9px);box-shadow:0 35px 70px rgba(0,0,0,.28),inset 0 0 70px rgba(255,255,255,.05);animation:vinylSpin 40s linear infinite}

.about-vinyl:before{content:"";position:absolute;inset:3%;border-radius:50%;background:conic-gradient(from 25deg,transparent 0 13%,rgba(255,255,255,.1) 15%,transparent 17% 51%,rgba(255,255,255,.07) 53%,transparent 55%);mix-blend-mode:screen}
.vinyl-label{position:absolute;inset:32%;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink);border:1px solid rgba(0,0,0,.35)}
.vinyl-label:before,.vinyl-label:after{content:"";position:absolute;inset:10%;border:1px solid rgba(0,0,0,.18);border-radius:50%}
.vinyl-label:after{inset:22%}
.vinyl-label span{font:700 clamp(22px,3.7vw,56px)/.8 "Space Grotesk";letter-spacing:-.07em;z-index:1}
.vinyl-label small{font:700 clamp(5px,.55vw,9px) "Space Grotesk";letter-spacing:.18em;margin-top:10px;z-index:1}
.about-vinyl>i{position:absolute;left:50%;top:50%;width:3%;aspect-ratio:1;border-radius:50%;background:var(--paper);transform:translate(-50%,-50%);z-index:3}

@media(max-width:900px){.hero-vinyl{right:-6vw;top:22%;opacity:.58}.artist-stage{grid-template-rows:80px 320px 110px}.artist-manifesto{grid-column:1/8}.artist-arrow{width:52px;height:52px}.about-vinyl{max-width:420px}}
@media(max-width:600px){.hero-vinyl{width:42vw;right:-17vw;top:22%;opacity:.48}.artists{padding:90px 5vw}.artist-heading{display:block}.artist-heading h2{margin-top:38px;font-size:14vw}.artist-stage{display:flex;flex-direction:column;margin-top:60px}.artist-card{height:115vw}.artist-koomi{height:95vw;width:88%;align-self:flex-end}.artist-manifesto{order:3;display:block;padding:15px 0}.artist-manifesto>span{display:block;margin-bottom:16px}.artist-name strong{font-size:15vw}.about-vinyl{width:88vw}}

.motion-reveal{opacity:0;transform:translateY(42px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1)}
.motion-reveal.is-visible{opacity:1;transform:translateY(0)}
.artist-card.motion-reveal:nth-child(2),.service-list article.motion-reveal:nth-child(2){transition-delay:.1s}
.service-list article.motion-reveal:nth-child(3){transition-delay:.18s}.service-list article.motion-reveal:nth-child(4){transition-delay:.26s}
@media(prefers-reduced-motion:reduce){.about-vinyl,.hero-vinyl{animation:none}.motion-reveal{opacity:1;transform:none}.hero h1 span{transform:none!important}}

/* Precision vinyl centres */
.hero-vinyl i{width:1.8%}
.about-vinyl>i{width:1.15%}

/* Thick bottom-to-top light current */
.hero:after{left:0;top:auto;bottom:-34%;width:100%;height:30%;background:linear-gradient(0deg,transparent 0%,rgba(143,195,32,.03) 10%,rgba(143,195,32,.19) 44%,rgba(143,195,32,.08) 72%,transparent 100%);transform:none;filter:blur(10px);animation:verticalSweep 6.8s cubic-bezier(.55,.05,.25,1) infinite;z-index:1}
@keyframes verticalSweep{0%,12%{bottom:-34%;opacity:0}25%{opacity:1}72%{opacity:.8}88%,100%{bottom:115%;opacity:0}}

/* Five-artist vertical expanding roster */
.artist-heading{grid-template-columns:1fr 2fr auto;align-items:start}
.artist-heading>span{font:700 9px "Space Grotesk";letter-spacing:.15em;border:1px solid rgba(0,0,0,.55);border-radius:99px;padding:10px 13px;white-space:nowrap}
.artist-vertical{margin-top:90px;border-top:1px solid rgba(0,0,0,.65)}
.artist-row{border-bottom:1px solid rgba(0,0,0,.65);position:relative;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;cursor:pointer;background:transparent;transition:background .35s;outline:none}
.artist-meta{min-height:136px;width:100%;display:grid;grid-template-columns:88px minmax(0,1fr) 180px 44px;align-items:center;gap:24px;padding:0 20px;position:relative;z-index:2;transition:color .35s,background .35s}
.artist-meta>span{font:700 11px "Space Grotesk";letter-spacing:.12em}
.artist-row h3{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin:0}
.artist-row h3 b{font:800 clamp(30px,4vw,62px)/1 "Noto Sans KR";letter-spacing:-.075em}
.artist-row h3 small{font:600 11px "Space Grotesk";letter-spacing:.16em}
.artist-meta>p{font:600 10px "Space Grotesk";letter-spacing:.14em;margin:0;text-align:right}
.artist-meta>i{font:300 36px "Space Grotesk";font-style:normal;text-align:right;transition:transform .5s}
.artist-portrait{width:calc(100% - 40px);height:min(64vh,620px);max-height:0;margin:0 20px;opacity:0;overflow:hidden;transform:translateY(-28px);clip-path:polygon(4% 0,100% 0,96% 100%,0 100%);transition:max-height .9s cubic-bezier(.22,.8,.2,1),opacity .45s,transform .9s cubic-bezier(.22,.8,.2,1),margin .9s;position:relative;background:#090909}
.artist-row:nth-child(even) .artist-portrait{clip-path:polygon(0 0,96% 0,100% 100%,4% 100%)}
.artist-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%;transform:scale(1.06);transition:transform 1.15s cubic-bezier(.22,.8,.2,1)}
.artist-portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,rgba(5,5,5,.68) 0%,transparent 38%,transparent 78%,rgba(143,195,32,.2) 100%);border:1px solid rgba(143,195,32,.55);pointer-events:none}
.artist-koomi .artist-portrait:after{background:linear-gradient(105deg,rgba(5,5,5,.2),transparent 42%,rgba(143,195,32,.1));border-color:rgba(143,195,32,.7)}
.artist-row:hover,.artist-row:focus-visible,.artist-row.active{background:#050505;color:var(--paper)}
.artist-row:hover .artist-meta,.artist-row:focus-visible .artist-meta,.artist-row.active .artist-meta{color:var(--paper);background:#050505}
.artist-row:hover .artist-portrait,.artist-row:focus-visible .artist-portrait,.artist-row.active .artist-portrait{max-height:min(64vh,620px);opacity:1;transform:translateY(0);margin-bottom:20px}
.artist-row:hover .artist-portrait img,.artist-row:focus-visible .artist-portrait img,.artist-row.active .artist-portrait img{transform:scale(1)}
.artist-row:hover .artist-meta>i,.artist-row:focus-visible .artist-meta>i,.artist-row.active .artist-meta>i{transform:rotate(45deg);color:var(--acid)}
.artist-empty .artist-portrait{background:linear-gradient(120deg,#060606 0 48%,#0d0d0d 48% 52%,#080808 52% 100%)}
.artist-empty .artist-portrait:before{content:"PORTRAIT / SOON";position:absolute;right:24px;bottom:20px;color:rgba(255,255,255,.22);font:600 10px "Space Grotesk";letter-spacing:.18em}

@media(max-width:900px){.artist-heading{grid-template-columns:1fr 2fr}.artist-heading>span{grid-column:2;margin-top:24px;justify-self:start}.artist-meta{grid-template-columns:55px 1fr 120px 35px}}
@media(max-width:600px){.artist-heading{display:block}.artist-heading>span{display:inline-block;margin-top:25px}.artist-vertical{margin-top:55px}.artist-meta{min-height:108px;padding:0 8px;grid-template-columns:36px 1fr 28px;gap:12px}.artist-meta>p{display:none}.artist-row h3{gap:5px}.artist-row h3 b{font-size:37px}.artist-row h3 small{font-size:9px}.artist-portrait{width:calc(100% - 16px);height:58vh;margin-left:8px;margin-right:8px;clip-path:polygon(7% 0,100% 0,93% 100%,0 100%)}.artist-row:nth-child(even) .artist-portrait{clip-path:polygon(0 0,93% 0,100% 100%,7% 100%)}.artist-row:hover .artist-portrait,.artist-row:focus-visible .artist-portrait,.artist-row.active .artist-portrait{max-height:58vh;margin-bottom:8px}.artist-portrait img{object-position:center 28%}}

/* GANDA depth gallery revision 3 */
.artists{padding-bottom:90px}
.depth-gallery{--card-w:clamp(250px,33vw,490px);--card-h:clamp(350px,43vw,600px);margin-top:68px}
.depth-stage{height:calc(var(--card-h) + 42px);position:relative;perspective:1600px;perspective-origin:20% 46%;isolation:isolate;touch-action:pan-y}
.depth-card{position:absolute;top:0;left:1%;width:var(--card-w);height:var(--card-h);padding:0;border:1px solid #ffffff35;background:#141614;color:#fff;text-align:left;cursor:pointer;border-radius:2px;transform-origin:left center;transform:translate3d(calc(var(--slot)*17vw),calc(var(--slot)*16px),calc(var(--slot)*-175px)) rotateY(-38deg);box-shadow:16px 26px 38px #15200530;transition:transform 850ms cubic-bezier(.22,.78,.18,1),box-shadow 700ms ease;will-change:transform;overflow:hidden;-webkit-tap-highlight-color:transparent}
.depth-card.is-selected{transform:translate3d(0,0,0) rotateY(0deg);box-shadow:15px 28px 42px #15200545}
.depth-card img{width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block;transform:scale(1.015);filter:brightness(.66) saturate(.65);transition:filter 850ms ease,transform 1100ms cubic-bezier(.22,.78,.18,1);pointer-events:none}
.depth-card.is-selected img{filter:brightness(1) saturate(1);transform:scale(1)}
.depth-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#000b 100%);pointer-events:none}
.depth-caption{position:absolute;left:28px;right:18px;bottom:28px;display:flex;flex-direction:column;gap:12px;pointer-events:none}
.depth-caption small{font:500 12px 'Space Grotesk',sans-serif;letter-spacing:.14em;color:#d3efa6}
.depth-caption strong{font:700 clamp(32px,4.4vw,66px)/1.2 'Noto Sans KR',sans-serif;letter-spacing:-.04em}
.depth-caption>span{font:500 14px 'Space Grotesk',sans-serif;letter-spacing:.15em}
.depth-wordmark{position:absolute;inset:0;display:flex;align-items:center;padding:24px;font:700 clamp(64px,8vw,118px)/.95 'Space Grotesk',sans-serif;letter-spacing:-.06em;color:var(--acid)}
.depth-toolbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px;border-top:1px solid #15200555;padding-top:24px}
.depth-names{display:flex;flex-wrap:wrap;gap:10px 30px}
.depth-names button{position:relative;display:flex;align-items:baseline;gap:8px;padding:12px 0;background:none;border:0;color:#34420f;cursor:pointer;font:600 20px 'Noto Sans KR',sans-serif}
.depth-names button span{font:500 12px 'Space Grotesk',sans-serif;opacity:.65}
.depth-names button::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.depth-names button[aria-pressed=true]{color:var(--ink)}
.depth-names button[aria-pressed=true]::after{transform:scaleX(1)}
.depth-controls{display:flex;align-items:center;gap:14px}
.depth-controls button{width:46px;height:46px;border:1px solid #15200577;border-radius:50%;background:transparent;font:24px sans-serif;color:var(--ink);cursor:pointer;transition:background .25s,color .25s}
.depth-count{font:500 13px 'Noto Sans KR',sans-serif;min-width:125px;text-align:center}
.depth-gallery button:focus-visible{outline:3px solid #fff;outline-offset:5px}
@media(hover:hover){.depth-controls button:hover{background:var(--ink);color:var(--acid)}.depth-names button:hover::after{transform:scaleX(1)}.depth-card:hover img{filter:brightness(.9) saturate(1)}.depth-card.is-selected:hover img{filter:brightness(1.03) saturate(1);transform:scale(1.025)}}
@media(max-width:900px){.depth-gallery{--card-w:43vw;--card-h:60vw}.depth-card{transform:translate3d(calc(var(--slot)*19vw),calc(var(--slot)*12px),calc(var(--slot)*-150px)) rotateY(-40deg)}.depth-card.is-selected{transform:translate3d(0,0,0) rotateY(0deg)}.depth-names{gap:10px 24px}}
@media(max-width:600px){.depth-gallery{--card-w:68vw;--card-h:94vw;margin-top:42px}.depth-stage{perspective:950px;perspective-origin:0 45%;height:calc(var(--card-h) + 28px)}.depth-card{left:0;transform:translate3d(calc(var(--slot)*29vw),calc(var(--slot)*10px),calc(var(--slot)*-150px)) rotateY(-44deg)}.depth-card.is-selected{transform:translate3d(0,0,0) rotateY(0deg)}.depth-caption{left:20px;bottom:24px;gap:8px}.depth-caption strong{font-size:38px}.depth-caption>span{font-size:12px}.depth-wordmark{font-size:70px}.depth-names{width:100%;justify-content:space-between;gap:6px}.depth-names button{font-size:16px;gap:4px}.depth-names button span{display:none}.depth-controls{width:100%;justify-content:space-between}.depth-toolbar{gap:18px}.artists{padding-bottom:60px}}
@media(prefers-reduced-motion:reduce){.depth-gallery *,.depth-gallery *::after{transition:none!important}}

/* Restore the original wordmark beside the supplied record logo. */
.site-header .brand{display:flex;align-items:center;gap:13px;flex-shrink:0}
.ganda-brand-text{display:flex;flex-direction:column;gap:7px;white-space:nowrap}
.ganda-brand-text strong{font:700 28px/1 'Space Grotesk','DM Sans',sans-serif;letter-spacing:-.055em;color:var(--paper)}
.ganda-brand-text small{font:600 7px/1.2 'Space Grotesk',sans-serif;letter-spacing:.22em;color:var(--acid)}
@media(max-width:900px){.ganda-brand-text strong{font-size:25px}.ganda-brand-text small{font-size:7px;letter-spacing:.16em}}
@media(max-width:600px){.site-header .brand{gap:10px}.ganda-brand-text strong{font-size:24px}.ganda-brand-text small{font-size:7px;letter-spacing:.12em}}