html.home, html.home body { margin: 0; background: #000; color: #f4f1ea; height: 100%; }
html.home body { overflow: hidden; font-family: "Geist", "Avenir Next", "Segoe UI", sans-serif; }
html.home.is-reduced, html.home.is-reduced body { height: auto; overflow: auto; }
html.home .skip, html.home .transition { position: absolute; left: -999px; }
html.home canvas[data-world] { position: fixed; inset: 0; width: 100%; height: 100%; display: block; z-index: 0; touch-action: none; }
html.home [data-earth] { position: fixed; inset: 0; z-index: 1; margin: 0; overflow: hidden; pointer-events: none; }
html.home [data-earth][hidden] { display: none; }
html.home [data-earth] img {
    width: 138%; height: 138%; max-width: none; object-fit: cover; object-position: 70% 36%;
    transform: translate3d(-2.4%, 0.6%, 0) rotate(-0.35deg) scale(1.06);
    transform-origin: 68% 42%;
}
html.home [data-earth-veil] {
    position: absolute; inset: -6%; pointer-events: none;
    background: linear-gradient(128deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,.16) 24%, transparent 46%);
}
html.home.is-reduced [data-earth] img { transform: none; }
html.home .preloader {
    position: fixed; inset: 0; z-index: 60; margin: 0; display: block !important;
    background: #09090b; color: #9C40FF;
}
html.home .preloader__line {
    position: absolute; left: 6vw; bottom: 8vh; margin: 0;
    font-family: "Geist Mono", ui-monospace, monospace; font-size: 11px; letter-spacing: 0.22em;
}
html.home .preloader__stage {
    position: absolute; left: 50%; top: 42%; width: min(74vw, 860px); aspect-ratio: 1074 / 518;
    transform: translate(-50%, -50%); transform-style: preserve-3d;
}
html.home .preloader__glyph, html.home .preloader__full { position: absolute; inset: 0; }
html.home .preloader__glyph img, html.home .preloader__full { width: 100%; height: 100%; object-fit: fill; display: block; }
html.home .preloader__full { opacity: 0; }
html.home .preloader__glyph { opacity: 0; transition: transform .62s cubic-bezier(.16,1.04,.3,1), opacity .22s linear, clip-path .55s cubic-bezier(.16,.84,.28,1); }
html.home [data-glyph="i"] { clip-path: inset(9% 90.8% 32% 0.6%); transform: translateY(-48%); }
html.home [data-glyph="d"] { clip-path: inset(9% 100% 32% 12%); transform: none; }
html.home [data-glyph="xa"] { clip-path: polygon(43.5% 9%, 64% 9%, 70% 67%, 50% 67%); transform: translate(-26%, -20%); }
html.home [data-glyph="xb"] { clip-path: polygon(50% 67%, 78% 67%, 85% 8%, 64% 8%); transform: translate(26%, 18%); }
html.home [data-glyph="3"] { clip-path: inset(9% 0% 32% 79.2%); transform: translateZ(-70px) scale(1.38) rotate(5deg); transform-origin: 90% 28%; }
html.home .preloader.is-i [data-glyph="i"] { opacity: 1; transform: none; }
html.home .preloader.is-d [data-glyph="d"] { opacity: 1; clip-path: inset(9% 53.5% 32% 12%); }
html.home .preloader.is-x [data-glyph="xa"],
html.home .preloader.is-x [data-glyph="xb"] { opacity: 1; transform: none; }
html.home .preloader.is-3 [data-glyph="3"] { opacity: 1; transform: none; }
html.home .preloader.is-seal .preloader__glyph { opacity: 0; }
html.home .preloader.is-seal .preloader__full { opacity: 1; transition: opacity .2s linear; }
html.home .preloader.is-through { background: transparent; transition: background .4s ease; }
html.home .preloader.is-through .preloader__stage { transform: translate(-50%, -50%) scale(3.6); opacity: 0; transition: transform .62s cubic-bezier(.4,0,.2,1), opacity .4s ease; }
html.home .preloader.is-through .preloader__line,
html.home .preloader.is-through .preloader__meter,
html.home .preloader.is-through [data-loader-sound] { opacity: 0; }
html.home .preloader__meter {
    position: absolute; left: 6vw; right: 18vw; bottom: 4.2vh; height: 2px;
    background: color-mix(in srgb, var(--loader-ink) 22%, transparent);
}
html.home .preloader__meter i { display: block; width: 100%; height: 100%; background: var(--loader-ink); transform: scaleX(0); transform-origin: left center; }
html.home .preloader__meter span {
    position: absolute; right: 0; bottom: 12px;
    font-family: "Geist Mono", ui-monospace, monospace; font-size: 11px; letter-spacing: 0.16em;
}
html.home [data-loader-sound] {
    position: absolute; right: 6vw; bottom: 6.5vh; border: 0; background: transparent; color: inherit;
    font-family: "Geist Mono", ui-monospace, monospace; letter-spacing: 0.16em; font-size: 11px;
}
html.home .preloader.is-quiet .preloader__glyph { display: none; }
html.home .preloader.is-quiet .preloader__full { opacity: 1; }
html.home .preloader.is-quiet.is-through .preloader__stage { transform: translate(-50%, -50%); opacity: 0; }
@media (max-width: 700px) {
    html.home .preloader__stage { width: min(92vw, 520px); top: 38%; }
    html.home .preloader__line { left: 5vw; right: 34vw; bottom: 12vh; letter-spacing: 0.12em; font-size: 10px; }
    html.home .preloader__meter { left: 5vw; right: 5vw; bottom: 5vh; }
    html.home .preloader__meter span { right: auto; left: 0; bottom: 16px; }
    html.home [data-loader-sound] { right: 5vw; bottom: 11.2vh; font-size: 10px; letter-spacing: 0.12em; }
}
html.home .brand {
    position: fixed; z-index: 6; left: 22px; top: 16px; width: 132px; display: block;
}
html.home .brand img { width: 100%; height: auto; display: block; filter: drop-shadow(0 10px 18px rgba(0,0,0,.38)); }
html.home .nav-btn {
    position: fixed; z-index: 7; left: 168px; top: 30px;
    border: 0; background: transparent; color: inherit; letter-spacing: 0.22em;
    font-family: "Geist Mono", ui-monospace, monospace; font-size: 11px; cursor: pointer;
}
html.home .nav-btn:focus-visible,
html.home .glass button:focus-visible,
html.home [data-folio-open]:focus-visible {
    outline: 1px solid rgba(255,255,255,.85); outline-offset: 4px;
}
html.home .nav {
    position: fixed; inset: 0; z-index: 9; background: rgba(0,0,0,.92);
    display: flex; flex-direction: column; justify-content: center; gap: 8px; padding: 12vh 8vw;
}
html.home .nav[hidden] { display: none; }
html.home .nav a {
    color: inherit; text-decoration: none; font-size: clamp(2.4rem, 7vw, 5.5rem);
    letter-spacing: -0.05em; line-height: 0.95;
}
html.home [data-line="scroll"] {
    top: auto; bottom: 7vh; left: 6%; font-family: "Geist Mono", ui-monospace, monospace;
    font-size: 11px; letter-spacing: 0.22em; font-weight: 400;
}
html.home [data-line] {
    position: fixed; z-index: 3; left: 6%; top: 54%; margin: 0; max-width: 16ch;
    font-size: clamp(1.35rem, 2.6vw, 2.5rem); font-weight: 500; letter-spacing: 0.16em; line-height: 1.15;
    text-shadow: 0 10px 28px rgba(0,0,0,.55);
}
html.home [data-open] {
    position: fixed; z-index: 3; border: 0; background: transparent; color: inherit;
    letter-spacing: 0.14em; font-family: "Geist Mono", ui-monospace, monospace; font-size: 12px; cursor: pointer;
}
html.home [data-open][hidden], html.home [data-detail][hidden], html.home [data-beat][hidden] { display: none; }
html.home [data-folio] {
    position: fixed; z-index: 5; left: 0; top: 0; width: min(14ch, 38vw);
    display: flex; flex-direction: column; align-items: flex-start; gap: 8px;
    pointer-events: none; text-shadow: 0 12px 28px rgba(0,0,0,.62);
}
html.home [data-folio][hidden] { display: none; }
html.home [data-folio-index], html.home [data-folio-cat] {
    margin: 0; font-family: "Geist Mono", ui-monospace, monospace; letter-spacing: 0.2em; font-size: 11px; opacity: .82;
}
html.home [data-folio-name] { margin: 0; font-size: clamp(2.4rem, 4.4vw, 4.2rem); font-weight: 500; letter-spacing: -0.065em; line-height: .84; }
html.home [data-folio-open] {
    pointer-events: auto; margin-top: 6px; border: 0; background: transparent; color: inherit; padding: 0;
    font-family: "Geist Mono", ui-monospace, monospace; letter-spacing: 0.16em; font-size: 11px; cursor: pointer;
}
html.home [data-detail] {
    position: fixed; inset: 0; z-index: 4; width: auto; height: auto; background: transparent;
    pointer-events: none; overflow: hidden;
}
html.home [data-hero] {
    position: absolute; z-index: 2; left: 4.5vw; top: 28vh; bottom: auto; width: min(9ch, 46vw);
    display: flex; flex-direction: column; align-items: flex-start; gap: 8px;
    text-shadow: 0 10px 28px rgba(0,0,0,.55);
}
html.home [data-detail][data-tone="clinic"] [data-hero],
html.home [data-detail][data-tone="atelier"] [data-hero] { color: #161616; text-shadow: 0 10px 24px rgba(255,255,255,.45); }
html.home [data-detail][data-tone="atelier"] [data-hero] { left: auto; right: 5vw; top: 30vh; align-items: flex-end; text-align: right; }
html.home [data-detail][data-tone="set"] [data-hero] { left: 6vw; top: auto; bottom: 8vh; width: min(12ch, 70vw); }
html.home [data-kicker], html.home [data-cat] {
    margin: 0; font-family: "Geist Mono", ui-monospace, monospace; letter-spacing: 0.2em; font-size: 11px; opacity: .82;
}
html.home [data-title] {
    margin: 0; font-size: clamp(3.4rem, 7vw, 6.4rem); font-weight: 500; letter-spacing: -0.07em; line-height: .82;
}
html.home [data-actions] { display: flex; align-items: baseline; gap: 22px; pointer-events: auto; margin-top: 8px; }
html.home [data-url], html.home [data-sheet-url] {
    border: 0; background: transparent; color: inherit; padding: 0; letter-spacing: 0.16em;
    font-size: 12px; text-decoration: underline; text-underline-offset: 5px;
    font-family: "Geist Mono", ui-monospace, monospace;
}
html.home [data-close] {
    border: 0; background: transparent; color: inherit; padding: 0; letter-spacing: 0.14em;
    font-size: 11px; opacity: .72; font-family: "Geist Mono", ui-monospace, monospace;
}
html.home [data-sheet] { position: absolute; inset: 0; padding-top: 58vh; pointer-events: none; }
html.home [data-sheet-body] {
    min-height: 78vh; padding: 8vh 8vw 14vh; display: flex; flex-direction: column; align-items: flex-start; gap: 22px;
    pointer-events: auto;
}
html.home [data-detail][data-tone="clinic"] [data-sheet-body] { background: #efece6; color: #161616; }
html.home [data-detail][data-tone="atelier"] [data-sheet-body] { background: #17130f; color: #f3efe8; }
html.home [data-detail][data-tone="set"] [data-sheet-body] { background: #090909; color: #f4f1ea; }
html.home [data-sheet-kicker] { margin: 0; font-family: "Geist Mono", ui-monospace, monospace; letter-spacing: 0.22em; font-size: 11px; opacity: .6; }
html.home [data-sheet-name] { margin: 0; font-size: clamp(3rem, 6vw, 5.6rem); font-weight: 500; letter-spacing: -0.06em; line-height: .86; max-width: 12ch; }
html.home [data-linecopy] { margin: 0; max-width: 38ch; line-height: 1.5; font-size: 1.05rem; }
html.home [data-beat="create"] {
    position: fixed; z-index: 4; inset: 0; display: flex; flex-direction: column; justify-content: flex-end;
    padding: 14vh 7vw 12vh; gap: 18px; background: linear-gradient(180deg, transparent 0%, rgba(0,0,0,.2) 42%, rgba(0,0,0,.72) 100%);
    pointer-events: none;
}
html.home [data-beat="create"] .entries { pointer-events: auto; }
html.home [data-beat="create"] h2 { font-size: clamp(3.2rem, 8vw, 7.2rem); }
html.home .kicker { margin: 0; font-family: "Geist Mono", ui-monospace, monospace; letter-spacing: 0.22em; font-size: 11px; }
html.home .entries { display: grid; gap: 0; max-width: 640px; }
html.home .entries { perspective: 800px; }
html.home .entries a {
    color: inherit; text-decoration: none; display: flex; align-items: baseline; gap: 16px;
    border-top: 1px solid rgba(255,255,255,.28); padding: 12px 0; font-size: clamp(1.6rem, 3.2vw, 2.8rem);
    letter-spacing: -0.045em; transform-origin: left center;
    transition: transform .4s cubic-bezier(.16,1,.3,1);
}
html.home .entries a span {
    font-family: "Geist Mono", ui-monospace, monospace; font-size: 11px; letter-spacing: 0.16em; opacity: .65;
    transition: transform .4s cubic-bezier(.16,1,.3,1), opacity .4s cubic-bezier(.16,1,.3,1);
}
html.home [data-beat] {
    position: fixed; z-index: 4; inset: 0; display: flex; flex-direction: column; justify-content: flex-end;
    padding: 12vh 7vw 10vh; gap: 18px; background: #000; overflow: auto;
}
html.home .media-row { display: grid; grid-template-columns: repeat(5, minmax(140px, 1fr)); gap: 12px; }
html.home [data-beat="fisico"] { justify-content: flex-end; gap: 22px; }
html.home [data-beat="fisico"] .media-row {
    width: 100%;
    grid-template-columns: 1.5fr 0.72fr 0.72fr;
    grid-template-rows: minmax(160px, 28vh) minmax(160px, 28vh);
    gap: 10px;
}
html.home [data-beat="fisico"] .media-row figure:first-child { grid-column: 1; grid-row: 1 / span 2; }
html.home [data-beat="fisico"] .media-row img { display: none; }
html.home [data-beat="fisico"] .media-row figure:last-child img { display: block; height: 100%; object-fit: cover; }
html.home [data-beat="fisico"] .media-row video { width: 100%; height: 100%; object-fit: cover; margin: 0; }
html.home [data-beat="fisico"] .media-row figcaption { position: absolute; left: 12px; bottom: 10px; margin: 0; color: #fff; text-shadow: 0 6px 16px rgba(0,0,0,.6); }
html.home [data-beat="fisico"] .media-row figure { position: relative; min-height: 0; overflow: hidden; }
html.home .media-row figure { margin: 0; }
html.home .media-row img, html.home .media-row video { width: 100%; height: auto; display: block; background: #000; }
html.home .media-row video { margin-top: 6px; }
html.home .media-row figcaption { font-family: "Geist Mono", ui-monospace, monospace; font-size: 11px; letter-spacing: 0.08em; margin-top: 6px; }
html.home #contact img { width: min(42vw, 280px); height: auto; }
html.home [data-beat="create"] {
    background: linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.2) 46%, rgba(0,0,0,.78) 100%);
    text-shadow: 0 10px 28px rgba(0,0,0,.45);
}
html.home [data-beat] h2 { margin: 0; font-size: clamp(2.6rem, 7vw, 6.4rem); font-weight: 500; letter-spacing: -0.055em; line-height: .9; }
html.home [data-beat] p, html.home [data-beat] li { max-width: 42ch; line-height: 1.45; }
html.home [data-beat] ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
html.home [data-beat] li span { display: block; font-family: "Geist Mono", ui-monospace, monospace; letter-spacing: 0.16em; font-size: 11px; margin-bottom: 4px; }
html.home [data-beat="sobre"] {
    display: grid;
    grid-template-columns: minmax(240px, 480px) minmax(0, 640px);
    column-gap: 56px;
    row-gap: 12px;
    align-content: end;
    justify-content: start;
}
html.home [data-beat="sobre"] .founder-row { display: contents; }
html.home [data-beat="sobre"] .founder-row img { grid-column: 1; grid-row: 1 / span 4; width: 100%; align-self: end; }
html.home [data-beat="sobre"] .founder-row > div { grid-column: 2; grid-row: 1; align-self: end; }
html.home [data-beat="sobre"] > p:nth-of-type(1) { grid-column: 2; grid-row: 2; margin: 0; }
html.home [data-beat="sobre"] > h2 { grid-column: 2; grid-row: 3; max-width: 8ch; }
html.home [data-beat="sobre"] > p:nth-of-type(2) { grid-column: 2; grid-row: 4; margin: 0; }
html.home [data-beat="contato"] { justify-content: flex-end; gap: 8px; }
html.home [data-beat="contato"] img { width: min(36vw, 320px); margin-top: 18px; }
html.home .glass {
    position: fixed; z-index: 8; top: 16px; right: 16px; width: 256px;
    color: #e8f1ff;
    border-radius: 16px 42px 12px 34px;
    overflow: hidden;
    background:
        linear-gradient(115deg, rgba(255,255,255,.34), transparent 26%),
        radial-gradient(90% 70% at 0% 0%, rgba(214, 230, 255, .32), transparent 38%),
        radial-gradient(80% 90% at 100% 130%, rgba(18, 48, 110, .55), transparent 48%),
        linear-gradient(168deg, #2a62b4 0%, #12336f 40%, #07111f 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.92),
        inset 0 -20px 26px rgba(2, 8, 22, .55),
        inset 1px 0 0 rgba(255,255,255,.42),
        inset -2px 0 0 rgba(6, 16, 40, .85),
        0 18px 40px rgba(0, 8, 24, .4);
    transition: width .62s cubic-bezier(.22,.8,.2,1), border-radius .62s cubic-bezier(.22,.8,.2,1);
}
html.home .glass__sheen, html.home .glass__rim { position: absolute; inset: 0; border-radius: inherit; pointer-events: none; }
html.home .glass__sheen {
    background: linear-gradient(108deg, transparent 32%, rgba(255,255,255,.2) 46%, transparent 58%);
    transform: translateX(-8%);
    opacity: .7;
}
html.home .glass.is-open .glass__sheen { animation: glass-drift 8.5s ease-in-out infinite; }
@keyframes glass-drift {
    0%, 100% { transform: translateX(-14%); }
    50% { transform: translateX(16%); }
}
@media (prefers-reduced-motion: reduce) {
    html.home .glass, html.home .glass.is-open .glass__sheen { animation: none; transition: none; }
}
html.home .glass__rim {
    z-index: 4;
    padding: 1px;
    background: linear-gradient(140deg, rgba(255,255,255,.85), rgba(255,255,255,.08) 30%, rgba(110, 160, 255, .2) 62%, rgba(220, 236, 255, .7));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    mask-composite: exclude;
}
html.home .glass__cap, html.home .glass__more, html.home [data-audio-status] { position: relative; z-index: 2; }
html.home .glass.is-open { width: min(400px, calc(100vw - 36px)); border-radius: 24px 52px 16px 40px; }
html.home .glass__cap { display: flex; align-items: center; gap: 10px; min-height: 70px; padding: 0 14px; }
html.home .glass__lamp {
    width: 7px; height: 28px; flex: 0 0 7px; border-radius: 2px 4px 5px 1px;
    background: linear-gradient(180deg, #fff 0%, rgba(176, 208, 255, .55) 38%, rgba(10, 28, 70, .15) 100%);
    box-shadow: inset -1px 0 0 rgba(255,255,255,.85), 5px 0 14px rgba(90, 150, 255, .28);
}
html.home .glass__id { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 1px; }
html.home .glass__id p {
    margin: 0; font-size: 13px; letter-spacing: -0.03em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    color: #f4f8ff;
}
html.home .glass__cap canvas { width: 58px; height: 22px; flex: 0 0 58px; }
html.home .glass__cap button, html.home .glass__transport button, html.home .glass__vol button, html.home [data-expand] {
    border: 0; background: transparent; color: inherit; cursor: pointer;
    font-family: "Geist Mono", ui-monospace, monospace; letter-spacing: 0.16em; font-size: 9px;
}
html.home [data-sound] { opacity: .72; }
html.home .glass.is-open .glass__cap {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "lamp sound expand" "title title title" "wave wave wave";
    gap: 6px 10px;
    padding: 16px 16px 6px;
    align-items: center;
}
html.home .glass.is-open .glass__lamp { grid-area: lamp; }
html.home .glass.is-open .glass__id { display: contents; }
html.home .glass.is-open [data-sound] { grid-area: sound; justify-self: start; }
html.home .glass.is-open [data-expand] { grid-area: expand; }
html.home .glass.is-open .glass__id p {
    grid-area: title; font-family: "Geist", "Avenir Next", sans-serif;
    font-size: 1.35rem; font-weight: 500; letter-spacing: -0.045em; color: #f7fbff; opacity: 1;
}
html.home .glass.is-open [data-wave] { grid-area: wave; width: 100%; height: 54px; flex: none; margin: 2px 0 4px; }
html.home [data-audio-status] { margin: 0; padding: 0 16px 6px; font-family: "Geist Mono", ui-monospace, monospace; font-size: 10px; letter-spacing: 0.14em; }
html.home [data-audio-status][hidden] { display: none; }
html.home .glass__more { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .55s cubic-bezier(.22,.8,.24,1); }
html.home .glass.is-open .glass__more { grid-template-rows: 1fr; }
html.home .glass__more > div { overflow: hidden; }
html.home .glass__transport { display: flex; gap: 16px; padding: 4px 16px 0; }
html.home .glass__time, html.home .glass__vol {
    display: flex; align-items: center; gap: 10px; padding: 10px 16px 0;
    font-family: "Geist Mono", ui-monospace, monospace; font-size: 10px; letter-spacing: 0.08em; color: rgba(214, 228, 255, .7);
}
html.home .glass input[type="range"] {
    -webkit-appearance: none; appearance: none; flex: 1; height: 1px; margin: 0;
    background: rgba(198, 220, 255, .38); border-radius: 1px;
}
html.home .glass input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none; width: 7px; height: 7px; border-radius: 50%; background: #f5f8ff;
    box-shadow: 0 0 0 3px rgba(150, 186, 255, .28);
}
html.home .glass input[type="range"]::-moz-range-thumb {
    width: 7px; height: 7px; border: 0; border-radius: 50%; background: #f5f8ff;
}
html.home .glass ol {
    list-style: none; margin: 12px 12px 14px; padding: 6px 4px;
    max-height: 196px; overflow: auto;
    border-radius: 12px 22px 10px 18px;
    background: linear-gradient(180deg, rgba(2, 10, 28, .45), rgba(8, 22, 52, .18));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), inset 0 14px 22px rgba(0, 0, 0, .28);
}
html.home .glass ol button {
    width: 100%; text-align: left; padding: 7px 10px; border: 0; background: transparent; cursor: pointer;
    font-family: "Geist", sans-serif; font-size: 13px; letter-spacing: -0.01em; color: rgba(214, 228, 255, .62);
}
html.home .glass ol button.is-current { color: #fff; }
html.home .glass small { display: block; margin-top: 2px; font-size: 10px; letter-spacing: 0.04em; opacity: .62; }
html.home .cursor {
    position: fixed; z-index: 220; left: 0; top: 0; width: 20px; height: 20px; margin: 0;
    pointer-events: none; will-change: transform;
}
html.home .cursor__arrow { display: block; overflow: visible; transform-origin: 1px 1px; transition: transform .28s cubic-bezier(.16,1,.3,1), opacity .22s ease; }
html.home .cursor__lens {
    position: absolute; left: 16px; top: 1px; margin: 0; padding: 0; width: auto; height: auto;
    display: block; opacity: 0; transform: translate3d(-3px, 0, 0);
    background: none; border: 0; border-radius: 0;
    transition: opacity .18s ease, transform .18s ease;
    text-shadow: 0 1px 2px rgba(7,7,8,.72), 0 0 10px rgba(7,7,8,.45);
}
html.home .cursor__lens span {
    color: #fff; font-family: "Geist Mono", ui-monospace, monospace; font-size: 8px; letter-spacing: .14em; white-space: nowrap;
}
html.home .cursor__hand, html.home .cursor__fist {
    position: absolute; left: 0; top: 0; width: 22px; height: 22px; opacity: 0; overflow: visible;
    filter: drop-shadow(0 1px 1px rgba(7,7,8,.55));
    transition: opacity .12s ease;
}
html.home .cursor[data-state="hover"] .cursor__arrow { transform: scale(1.08); }
html.home .cursor[data-state="view"] .cursor__lens,
html.home .cursor[data-state="play"] .cursor__lens { opacity: 1; transform: none; }
html.home .cursor[data-state="view"] .cursor__arrow,
html.home .cursor[data-state="play"] .cursor__arrow { opacity: 1; transform: scale(.94); }
html.home .cursor[data-state="grab"] .cursor__arrow,
html.home .cursor[data-state="drag"] .cursor__arrow { opacity: 0; }
html.home .cursor[data-state="grab"] .cursor__hand { opacity: 1; }
html.home .cursor[data-state="drag"] .cursor__fist { opacity: 1; }
html.home .cursor.is-native { opacity: 0; }
html.home .cursor-trail {
    position: fixed; inset: 0; z-index: 219; width: 100%; height: 100%;
    pointer-events: none; display: block; mix-blend-mode: screen;
}
html.home [data-beat="play"] { justify-content: flex-end; gap: 10px; padding: 10vh 7vw 5vh; overflow: hidden; }
html.home [data-beat="play"] h2 { font-size: clamp(2.4rem, 4.8vw, 4.4rem); }
html.home .play-line { margin: 0; max-width: none; font-family: "Geist Mono", ui-monospace, monospace; letter-spacing: .18em; font-size: 12px; }
html.home .other-gate {
    position: relative; width: 100%; min-height: 26vh; margin: 4px 0 14px;
    padding: 4vh 4vw; overflow: hidden; color: #fff; text-decoration: none;
    display: grid; align-content: end; gap: 8px; background: #07080C;
}
html.home .other-gate::before, html.home .other-gate::after { content: ""; position: absolute; pointer-events: none; }
html.home .other-gate::before {
    inset: -18% 38% auto auto; width: 40%; height: 90%;
    background: linear-gradient(180deg, rgba(50,85,255,.3), transparent); filter: blur(28px);
}
html.home .other-gate::after {
    left: 8%; top: 16%; width: 8px; height: 62%;
    background: linear-gradient(180deg, #3255FF, #9C40FF 60%, rgba(184,255,24,.18));
    box-shadow: 26vw 7vh 0 -2px rgba(50,85,255,.32), 48vw 3vh 0 10px #07080C, 64vw 11vh 0 -1px rgba(156,64,255,.38);
}
html.home .other-gate p, html.home .other-gate h3, html.home .other-gate em { position: relative; z-index: 1; margin: 0; }
html.home .other-gate p { font-family: "Geist Mono", ui-monospace, monospace; letter-spacing: .16em; font-size: 11px; }
html.home .other-gate h3 { font-size: clamp(1.7rem, 3.6vw, 3rem); font-weight: 500; letter-spacing: -.05em; line-height: .95; }
html.home .other-gate em { font-style: normal; color: #B8FF18; font-family: "Geist Mono", ui-monospace, monospace; letter-spacing: .14em; font-size: 12px; }
html.home [data-beat="play"]:has(.other-gate) { overflow: auto; justify-content: flex-start; padding-top: 12vh; }
html.home .play-row {
    display: grid; width: 100%; height: min(58vh, 620px); gap: 10px;
    grid-template-columns: minmax(0, 1.45fr) minmax(0, .95fr) minmax(0, .72fr);
    grid-template-rows: minmax(0, 1.35fr) minmax(0, .92fr) minmax(0, .84fr);
}
html.home .play-card { position: relative; margin: 0; padding: 0; border: 0; color: #fff; background: #0b0b0c; text-align: left; min-width: 0; max-width: none; min-height: 0; overflow: hidden; justify-self: stretch; align-self: stretch; font-size: inherit; font-weight: inherit; letter-spacing: normal; line-height: 1.2; }
html.home .play-card[data-title] { max-width: none; font-size: inherit; font-weight: inherit; letter-spacing: normal; line-height: 1.2; }
html.home .play-card[data-area="flash"] { grid-column: 1 / 3; grid-row: 1; }
html.home .play-card[data-area="hello"] { grid-column: 3; grid-row: 1 / 3; }
html.home .play-card[data-area="rolinho"] { grid-column: 1; grid-row: 2; }
html.home .play-card[data-area="rolinho"] img { object-position: 12% 50%; }
html.home .play-card[data-area="wicked"] { grid-column: 2; grid-row: 2; }
html.home .play-card[data-area="piano"] { grid-column: 1; grid-row: 3; }
html.home .play-card[data-area="aster"] { grid-column: 2; grid-row: 3; }
html.home .play-card[data-area="lilo"] { grid-column: 3; grid-row: 3; }
html.home .play-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .45s ease; }
html.home .play-card span, html.home .play-card small, html.home .play-card em {
    position: absolute; z-index: 1; font-family: "Geist Mono", ui-monospace, monospace;
    font-style: normal; letter-spacing: .14em; text-transform: uppercase;
}
html.home .play-card span { left: 14px; right: 14px; bottom: 34px; font-size: 12px; line-height: 1.35; opacity: 0; transform: translateY(6px); transition: opacity .28s ease, transform .28s ease; }
html.home .play-card small { left: 14px; top: 14px; font-size: 10px; opacity: .85; }
html.home .play-card em { left: 14px; bottom: 14px; font-size: 10px; opacity: 0; transform: translateY(6px); transition: opacity .28s ease, transform .28s ease; }
html.home .play-card::after {
    content: ""; position: absolute; inset: auto 0 0; height: 48%;
    background: linear-gradient(180deg, transparent, rgba(0,0,0,.72)); pointer-events: none; opacity: 0; transition: opacity .28s ease;
}
html.home .play-card:hover img, html.home .play-card:focus-visible img { transform: scale(1.028); }
html.home .play-card:hover span, html.home .play-card:focus-visible span,
html.home .play-card:hover em, html.home .play-card:focus-visible em,
html.home .play-card:hover::after, html.home .play-card:focus-visible::after { opacity: 1; transform: none; }
html.home .play-card:focus-visible { outline: 1px solid rgba(255,255,255,.7); outline-offset: 3px; }
html.is-theater { overflow: hidden; }
html.home .theater {
    position: fixed; inset: 0; z-index: 40; display: grid; align-content: center; justify-items: center;
    gap: 18px; padding: 6vh 4vw; background: radial-gradient(ellipse at center, rgba(22,22,24,.55), rgba(0,0,0,.94) 68%);
}
html.home .theater[hidden] { display: none; }
html.home .theater__head { width: min(92vw, 1280px); display: flex; align-items: center; gap: 16px; }
html.home .theater__head p { margin: 0; flex: 1; font-family: "Geist Mono", ui-monospace, monospace; letter-spacing: .16em; font-size: 11px; text-transform: uppercase; }
html.home .theater__head button {
    border: 0; background: transparent; color: inherit; font-family: "Geist Mono", ui-monospace, monospace;
    letter-spacing: .16em; font-size: 11px; padding: 8px 0;
}
html.home .theater__stage {
    height: min(78vh, calc(92vw / var(--ar, 1.777)));
    width: calc(var(--ar, 1.777) * min(78vh, calc(92vw / var(--ar, 1.777))));
    max-width: 92vw; background: #000; box-shadow: 0 30px 90px rgba(0,0,0,.45);
}
html.home .theater__stage iframe { width: 100%; height: 100%; border: 0; background: #000; display: block; }
html.home .index { position: relative; z-index: 2; padding: 18vh 7vw 10vh; }
html.home .index[hidden] { display: none; }
html.home .index a { color: inherit; }
@media (hover: hover) and (pointer: fine) {
    html.home, html.home a, html.home button { cursor: none; }
    html.home input, html.home textarea, html.home select { cursor: text; }
    html.home .entries a:hover,
    html.home .entries a:focus-visible { transform: translateX(1.7rem); }
    html.home .entries a:hover span,
    html.home .entries a:focus-visible span { opacity: 1; transform: translateX(-0.35rem); }
    html.home .chapter-action,
    html.home [data-folio-open],
    html.home [data-folio-url],
    html.home [data-folio-close] {
        transition: transform .4s cubic-bezier(.16,1,.3,1), letter-spacing .4s cubic-bezier(.16,1,.3,1), border-color .4s cubic-bezier(.16,1,.3,1);
    }
    html.home .chapter-action:hover,
    html.home [data-folio-open]:hover,
    html.home [data-folio-url]:hover,
    html.home [data-folio-close]:hover {
        transform: translateX(0.85rem);
        letter-spacing: .18em;
    }
    html.home .nav-btn,
    html.home .brand {
        transition: transform .4s cubic-bezier(.16,1,.3,1), opacity .28s ease;
    }
    html.home .nav-btn:hover,
    html.home .brand:hover { transform: scale(1.04); }
}
@media (hover: none), (pointer: coarse) {
    html.home .cursor, html.home .cursor-trail { display: none !important; }
    html.home .play-card span, html.home .play-card em, html.home .play-card::after { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
    html.home .cursor__arrow, html.home .cursor__lens, html.home .cursor__hand, html.home .cursor__fist, html.home .play-card img, html.home .play-card span, html.home .play-card em { transition: none; }
    html.home .cursor-trail { display: none !important; }
}
@media (max-width: 700px) {
    html.home .brand { width: 88px; }
    html.home .nav-btn { left: 118px; top: 24px; }
    html.home .glass { top: 62px; right: 10px; width: min(210px, calc(100vw - 20px)); border-radius: 14px 30px 12px 24px; }
    html.home [data-folio] { width: min(12ch, 70vw); }
    html.home [data-folio-name] { font-size: clamp(2.2rem, 11vw, 3.2rem); }
    html.home [data-beat="fisico"] .media-row { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
    html.home [data-beat="fisico"] .media-row figure:first-child { grid-column: 1 / -1; grid-row: auto; }
    html.home .glass.is-open { width: min(calc(100vw - 20px), 392px); max-height: 68vh; overflow: auto; border-radius: 22px 36px 16px 30px; }
    html.home .glass__cap canvas { width: 28px; flex-basis: 28px; }
    html.home .glass.is-open .glass__id p { font-size: 1.15rem; }
    html.home.is-open .glass { top: auto; bottom: 10px; }
    html.home .media-row { grid-template-columns: 1fr 1fr; }
    html.home [data-line] { top: 22%; max-width: 14ch; font-size: .95rem; }
    html.home [data-detail][data-tone] [data-hero] {
        left: 5vw; right: auto; top: auto; bottom: 18vh; width: min(11ch, 72vw);
        align-items: flex-start; text-align: left;
    }
    html.home [data-title] { font-size: clamp(2.8rem, 14vw, 4.2rem); }
    html.home [data-sheet] { padding-top: 38vh; }
    html.home [data-sheet-body] { padding: 6vh 6vw 16vh; }
    html.home [data-actions] { flex-direction: column; align-items: flex-start; gap: 12px; }
    html.home.is-open .glass { top: auto; bottom: 10px; }
    html.home [data-beat="play"] { overflow: auto; justify-content: flex-start; padding-top: 16vh; }
    html.home .play-row { height: auto; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: 46vw 78vw 36vw 42vw 42vw; }
    html.home .play-card[data-area="flash"] { grid-column: 1 / 3; grid-row: 1; }
    html.home .play-card[data-area="hello"] { grid-column: 1 / 3; grid-row: 2; }
    html.home .play-card[data-area="rolinho"] { grid-column: 1 / 3; grid-row: 3; }
    html.home .play-card[data-area="rolinho"] img { object-position: 20% 50%; }
    html.home .play-card[data-area="wicked"] { grid-column: 1; grid-row: 4; }
    html.home .play-card[data-area="piano"] { grid-column: 2; grid-row: 4; }
    html.home .play-card[data-area="aster"] { grid-column: 1; grid-row: 5; }
    html.home .play-card[data-area="lilo"] { grid-column: 2; grid-row: 5; }
    html.home [data-beat="sobre"] { grid-template-columns: 1fr; row-gap: 14px; }
    html.home [data-beat="sobre"] .founder-row img,
    html.home [data-beat="sobre"] .founder-row > div,
    html.home [data-beat="sobre"] > p,
    html.home [data-beat="sobre"] > h2 { grid-column: 1; grid-row: auto; width: min(78vw, 340px); }
}