/* Continuous illustrated story, divided by uneven ink frames. */
:root{--manga-paper:#e8e3d9;--manga-ink:#151218}
main{background:var(--manga-paper);padding:10px clamp(8px,1.3vw,22px) 0}
main>section{border:3px solid var(--manga-ink);margin-bottom:16px;isolation:isolate;scroll-margin-top:85px}
main>.hero{border-width:3px 5px 5px 2px}
main>.release{border-width:5px 2px 3px 5px}
main>.discography{border-width:3px 5px 5px 3px}
main>.roots{border-width:5px 3px 3px 5px}
main>.universe{border-width:3px 5px 5px 2px}
main>.contact{border-width:5px 2px 0 4px;margin-bottom:0}
/* Frames sit at the edges; illustrations and text remain untransformed. */
.hero:before,.release:before,.roots:before,.universe:before{content:"";position:absolute;inset:7px!important;width:auto!important;height:auto!important;aspect-ratio:auto;border:1px solid #eee5d780;border-radius:0;background:none;box-shadow:none!important;transform:skewY(-.45deg);animation:none!important;opacity:1;z-index:15;pointer-events:none}
.release:before,.universe:before{transform:skewY(.4deg)}
.discography:before,.contact:after,.discography:after{content:none}
.nav{border-bottom:3px solid var(--manga-paper);box-shadow:0 3px 0 #151218}
.panel-index{background:var(--manga-paper);color:var(--manga-ink);padding:10px 15px;border:2px solid var(--manga-ink);box-shadow:3px 3px 0 #151218;transform:rotate(-3deg);width:max-content;z-index:16}
.panel-index span{color:#514359}
.actions a,.history-trigger,.soon,.catalog-access a,.contact-actions a,.contact-actions button{position:relative;border:2px solid var(--manga-paper);border-radius:0;box-shadow:4px 4px 0 #151218;min-height:48px;display:inline-flex;align-items:center;justify-content:center}
.actions a:first-child{transform:rotate(-1.3deg)}.actions a:nth-child(2){transform:rotate(1.4deg);margin-top:5px}
.actions a:hover,.history-trigger:hover{box-shadow:2px 2px 0 #151218}
.catalog-player{border:3px solid var(--manga-paper);border-radius:0;box-shadow:7px 7px 0 #151218;position:relative}
.catalog-player:before{content:"";position:absolute;inset:-8px -6px;border:1px solid #e8e3d99c;transform:skewY(-1deg);pointer-events:none}
.catalog-label{background:var(--manga-paper);color:var(--manga-ink);margin:-8px -8px 8px;padding:14px;font-size:12px}
.catalog-label span{color:#543d6b}.catalog-player iframe{border-radius:0}
.catalog-rule{border:0;border-left:4px solid #e8e3d9;padding:18px 22px;background:#17121e;max-width:790px;justify-self:end}
.catalog-rule p{font-size:16px;line-height:1.65}
.root-biography{border-top:8px solid var(--manga-paper)}
.root-biography .identity{border:3px solid var(--manga-paper);box-shadow:6px 6px 0 #151218;overflow:hidden}
.root-biography .identity-tabs{border:0;gap:7px;padding:12px;background:var(--manga-paper)}
.root-biography .identity-tab{border:2px solid #151218;background:#24202a;color:#f5eee3;min-height:52px;transform:rotate(-.7deg);padding:15px 12px;font-size:13px}
.root-biography .identity-tab:nth-child(2){transform:rotate(1deg);margin-top:5px}.root-biography .identity-tab:nth-child(3){transform:rotate(-1.2deg);margin-top:9px}
.root-biography .identity-tab.active{background:#eee8dd;color:#151218;box-shadow:3px 3px 0 #151218}
.identity-story blockquote{border-left:4px solid #c19be6;padding:12px 18px;background:#15101bc9;transform:rotate(-1deg);line-height:1.45}
.universe-copy .universe-note{border-left:3px solid var(--manga-paper);padding-left:16px}
.contact-intro{max-width:1000px}.contact-paths{gap:22px;align-items:start}
.contact-paths button{border:3px solid #151218;background:var(--manga-paper);color:#151218;box-shadow:4px 5px 0 #a298aa;min-height:180px;transform:rotate(-1deg);padding:24px}
.contact-paths button:nth-child(2){min-height:150px;margin-top:24px;transform:rotate(1.2deg)}
.contact-paths button:nth-child(3){min-height:205px;transform:rotate(-.6deg)}
.contact-paths button small{color:#54485c;font-size:14px;line-height:1.5}.contact-paths button span{color:#604479;font-size:13px}
.contact-paths button:hover,.contact-paths button.selected{background:#382249;color:#fff;border-color:#e6d6f0;transform:translateY(-3px)}
.contact-paths button:hover small,.contact-paths button.selected small{color:#eee2f7}
.manager-form{border:3px solid var(--manga-paper);box-shadow:7px 7px 0 #151218;position:relative;margin-top:10px}
.manager-form:before{content:"";position:absolute;inset:-8px -6px;border:1px solid #e8e3d999;transform:skewY(.6deg);pointer-events:none}
.manager-form label{font-size:13px;line-height:1.5}.manager-form input,.manager-form select,.manager-form textarea{border-width:1px 1px 3px;border-color:#aa96b8}
.platform-closing{border-top:5px solid var(--manga-paper);padding-top:32px}
.platform-links{grid-template-columns:1.15fr .85fr;gap:20px;align-items:start;z-index:3}
.platform-links a{z-index:auto;background:#ebe5da;color:#151218;border:3px solid #151218;box-shadow:4px 4px 0 #a299a7;min-height:140px;transform:rotate(-.7deg)}
.platform-links a:nth-child(2){margin-top:23px;min-height:165px;transform:rotate(1deg)}
.platform-links a:nth-child(3){min-height:175px;transform:rotate(.6deg)}
.platform-links a:nth-child(4){margin-top:12px;min-height:135px;transform:rotate(-1.2deg)}
.platform-links span{color:#5a4c65;font-size:13px}.platform-links a:hover{color:#fff}.platform-links a:hover span{color:#fff}
.contact-bottom{border-top:2px solid var(--manga-paper)}
@media(min-width:1100px){.contact-paths{grid-template-columns:1.1fr .8fr 1.1fr}.platform-links{grid-template-columns:1.1fr .9fr 1.15fr .85fr}.platform-links a{grid-template-columns:36px minmax(0,1fr);gap:12px;padding:18px 14px}.platform-links b{font-size:16px}.platform-links svg{width:32px;height:32px}.platform-links span{overflow-wrap:anywhere}.catalog-player{transform:rotate(.35deg)}}
@media(max-width:759px){main{padding-inline:7px;padding-top:7px}main>section{margin-bottom:12px;border-width:3px!important}.hero:before,.release:before,.roots:before,.universe:before{inset:5px!important}.panel-index{padding:7px 11px}.hero-copy .eyebrow,.release-copy>.eyebrow,.roots-copy>.eyebrow,.universe-copy>.eyebrow{font-size:11px;letter-spacing:.12em;padding:8px 10px}.contact-intro>.eyebrow{font-size:11px;letter-spacing:.06em}.contact-paths{gap:20px}.contact-paths button{width:96%;min-height:145px}.contact-paths button:nth-child(2){width:91%;justify-self:end;margin-top:0;min-height:135px}.contact-paths button:nth-child(3){width:97%;min-height:160px}.platform-links{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:13px}.platform-links a{grid-template-columns:1fr;gap:9px;padding:17px 12px;min-height:150px}.platform-links svg{grid-row:auto;width:30px;height:30px}.platform-links b{font-size:14px}.platform-links span{font-size:12px;overflow-wrap:anywhere}.platform-links a:nth-child(2){min-height:175px}.platform-links a:nth-child(3){min-height:175px}.root-biography .identity-tabs{gap:6px;padding:9px;display:flex;flex-wrap:wrap}.root-biography .identity-tab{flex:1 1 85px;min-width:0;font-size:11px;padding:12px 6px}.catalog-player{max-width:100%;margin-inline:0}.catalog-label{font-size:11px;gap:8px}.catalog-rule{width:94%;margin-left:auto}.manager-form{width:98%;margin-inline:auto}.catalog-access a{width:100%;font-size:12px}.actions{gap:12px}.actions a{font-size:13px;padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.catalog-player,.actions a,.contact-paths button,.platform-links a{transition:none}}
/* Marker-built action surfaces: independent uneven ink and pigment edges. */
.actions a,.history-trigger,.soon,.catalog-access a,.contact-actions a,.contact-actions button,.contact-paths button,.platform-links a,#enter{
 --stroke:#c0a0dc;--pigment:#17101e;--edge:polygon(1% 8%,18% 3%,43% 5%,69% 0,96% 4%,100% 16%,98% 49%,100% 81%,96% 96%,76% 94%,52% 100%,29% 96%,3% 100%,0 77%,2% 43%);
 position:relative;isolation:isolate;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0;overflow:visible;color:#f5eee5;transform:none;
}
.actions a:before,.history-trigger:before,.soon:before,.catalog-access a:before,.contact-actions a:before,.contact-actions button:before,.contact-paths button:before,.platform-links a:before,#enter:before{
 content:"";position:absolute;inset:-3px -4px;z-index:-2;background:var(--stroke);clip-path:var(--edge);pointer-events:none;transform:rotate(-1.1deg);
}
.actions a:after,.history-trigger:after,.soon:after,.catalog-access a:after,.contact-actions a:after,.contact-actions button:after,.contact-paths button:after,.platform-links a:after,#enter:after{
 content:"";position:absolute;inset:2px 3px 4px 1px;z-index:-1;background:var(--pigment);clip-path:polygon(1% 7%,23% 2%,50% 5%,72% 1%,98% 3%,99% 36%,97% 64%,100% 95%,71% 98%,46% 95%,20% 100%,1% 94%,2% 63%,0 31%);pointer-events:none;transform:rotate(-.6deg);
}
.actions a.primary,.contact-actions .whatsapp-cta,#enter{--stroke:#b47eea;--pigment:linear-gradient(108deg,#6223b8 0%,#8138d0 53%,#9f5ee2 100%)}
.actions a:nth-child(even),.contact-paths button:nth-child(even),.platform-links a:nth-child(even){--edge:polygon(0 4%,27% 7%,48% 1%,75% 5%,99% 0,97% 31%,100% 59%,98% 95%,73% 100%,45% 96%,21% 100%,2% 93%,3% 68%,0 40%)}
.actions a:nth-child(even):before,.contact-paths button:nth-child(even):before,.platform-links a:nth-child(even):before{transform:rotate(1.3deg);inset:-4px -2px}
.actions a:nth-child(even):after,.contact-paths button:nth-child(even):after,.platform-links a:nth-child(even):after{transform:rotate(.8deg);inset:3px 1px 2px 4px}
.contact-paths button,.platform-links a{--stroke:#9d77bb;--pigment:#211629;color:#f3ece4}
.contact-paths button small,.platform-links a span{color:#c7b4d5}.contact-paths button span{color:#be91e4}
.actions a:hover,.history-trigger:hover,.catalog-access a:hover,.contact-actions a:hover,.contact-actions button:hover,.contact-paths button:hover,.contact-paths button.selected,.platform-links a:hover,#enter:hover{--stroke:#e7d2f9;--pigment:#572780;transform:translateY(-2px)}
.actions,.catalog-access,.contact-actions{gap:18px}
.actions a{padding:19px 24px;min-height:54px}.actions a:nth-child(2){margin-top:7px}
.contact-paths,.platform-links{gap:25px}
:where(.actions a,.history-trigger,.soon,.catalog-access a,.contact-actions a,.contact-actions button,.contact-paths button,.platform-links a,#enter):focus-visible{outline:3px solid #f0dfff;outline-offset:8px}
@media(max-width:759px){.actions{gap:16px}.actions a{padding:17px 12px;min-height:54px}.contact-actions{gap:20px}.contact-paths,.platform-links{gap:23px}.catalog-access{gap:20px}}