@layer components{:root{--paper:#0f0d0c;--paper-2:#171412;--ink:#ece4d6;--muted:#8d857a;--line:#ece4d64d;--grid:#ece4d60b;--dim:#2a2521;--red:#d63a2f;--on-red:#fff6ea;--blue:#2f6db5;--blue-deep:#10223a;--blue-dim:#142336;--yellow:#e2a72e;--gold:var(--yellow);--orange:#e8702a;--straw:#efe7d6;--straw-ink:#2a2723;--display:"Shippori Mincho", serif;--body:"Zen Kaku Gothic New", sans-serif;--mono:"JetBrains Mono", monospace;--hand:"Architects Daughter", cursive}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--paper)}body{background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}body:after{content:"";pointer-events:none;z-index:90;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}main{overflow-x:clip}.wrap{width:min(1200px,100% - 32px);margin:0 auto}.tag{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--red);font-size:12px}h2.sec{font-family:var(--display);letter-spacing:-.01em;margin:12px 0 14px;font-size:clamp(36px,5.4vw,76px);font-weight:800;line-height:1.02}p.lead{color:var(--muted);max-width:56ch;font-size:17px;line-height:1.6}.ph{color:var(--gold)}svg{overflow:visible}@keyframes brush{to{stroke-dashoffset:0}}@keyframes fade{to{opacity:1}}@media (max-width:760px){.xhint{display:none}}.rough{fill:none;stroke:var(--muted);stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;transform-box:fill-box;transform-origin:50%}.rough.guide{stroke:var(--line);stroke-dasharray:1}#r-line svg{width:100%;height:100%}#r-line path,#r-line ellipse,#r-line line,#r-line circle{fill:none;stroke:var(--ink);stroke-width:1.3px;stroke-dasharray:1;stroke-dashoffset:1px}#r-line .ring{stroke:var(--line);stroke-width:1px}.l1{--paper:var(--straw);--ink:var(--straw-ink);--muted:#6d665a;--line:#2a27236b;--grid:#2a272313;color:var(--ink)}.hanko{aspect-ratio:1;background:var(--red);color:var(--on-red);font-family:var(--display);opacity:0;box-shadow:inset 0 0 0 .3em var(--red), inset 0 0 0 .45em var(--on-red);border-radius:8%;place-items:center;font-weight:800;line-height:1;display:grid;position:absolute;transform:rotate(-14deg)scale(1.8)}.hanko.go{animation:.55s cubic-bezier(.2,.9,.3,1.3) forwards stamp}@keyframes stamp{0%{opacity:0;transform:rotate(-14deg)scale(1.8)}60%{opacity:1;transform:rotate(-4deg)scale(.94)}to{opacity:1;transform:rotate(-6deg)scale(1)}}.l1 .stage{background:linear-gradient(var(--grid) 1px, transparent 1px) 0 0 / calc(100% / 24) calc(100% / 14), linear-gradient(90deg, var(--grid) 1px, transparent 1px) 0 0 / calc(100% / 24) calc(100% / 14)}.l2{--ink:#eef4ff;--muted:#eef4ffb8;--line:#eef4ff80;background:linear-gradient(#eef4ff17 1px, transparent 1px) 0 0 / 32px 32px, linear-gradient(90deg, #eef4ff17 1px, transparent 1px) 0 0 / 32px 32px, radial-gradient(120% 90% at 70% 40%, color-mix(in srgb, var(--blue) 92%, #fff), var(--blue) 45%, color-mix(in srgb, var(--blue) 70%, #000));color:var(--ink);clip-path:inset(0 0 0 100%)}#bp{width:100%;height:100%;position:absolute;inset:0}#bp line,#bp rect,#bp circle{fill:none;stroke:var(--line);stroke-width:1px}#bp .dash{stroke-dasharray:6 5}#bp text{font-family:var(--mono);fill:var(--ink);font-size:12px}#bp text.big{letter-spacing:.08em;font-size:13px}#sketch{width:100%;height:100%;position:absolute;inset:0}.sk line,.sk circle{stroke:var(--line);stroke-width:1.2px;fill:none;stroke-dasharray:1;stroke-dashoffset:1px}.sk .note-line{stroke:var(--red)}.sk text{opacity:0}.sk text.dim{font-family:var(--mono);fill:var(--muted);font-size:13px}.sk text.note{font-family:var(--hand);fill:var(--red);font-size:20px}.r-tree svg{width:100%;height:100%}.bonsai .pot path,.bonsai .trunk{fill:var(--ink)}.bonsai .branch{stroke:var(--ink);fill:none;stroke-linecap:round}.bonsai .pad ellipse{fill:var(--red)}.bonsai .pad ellipse.sh{fill:var(--gold);opacity:.5}.bonsai .soil{stroke:var(--ink);stroke-width:2px}.goshin{justify-items:center;gap:10px;margin:0;display:grid}.g-frame{aspect-ratio:1280/1266;width:min(100%,76svh);position:relative}.g-frame img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 72% at 50% 52%,#000 62%,#0000 100%);mask-image:radial-gradient(75% 72% at 50% 52%,#000 62%,#0000 100%)}.g-gray{filter:grayscale()contrast(1.6)brightness(1.25);opacity:0}.g-color{filter:brightness(1.14)saturate(1.1);opacity:0}.g-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.g-lines line{stroke:var(--ink);stroke-width:1px;vector-effect:non-scaling-stroke;opacity:0}.g-lines circle{fill:var(--red);opacity:0}.g-labels span{font-family:var(--hand);white-space:nowrap;opacity:0;color:var(--ink);background:color-mix(in srgb, var(--straw) 80%, transparent);padding:1px 6px;font-size:clamp(13px,1.25vw,17px);position:absolute;transform:translate(-50%,-50%)}.g-labels span.k{color:var(--red)}.goshin figcaption{font-family:var(--mono);color:var(--muted);text-align:center;font-size:11px}.goshin figcaption a{text-decoration:underline}@keyframes sway{0%{transform:rotate(-7deg)}to{transform:rotate(9deg)}}@keyframes foam{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.35;transform:translateY(-9px)}}@keyframes flow{to{stroke-dashoffset:-.95px}}@keyframes drift{to{transform:translate(-100px)}}@keyframes blink{50%{opacity:.3}}#rings{width:100%;max-height:78svh}#rings .ring{fill:none;stroke:var(--ink);stroke-width:1.2px;stroke-dasharray:1;stroke-dashoffset:1px}#rings .yr{font-family:var(--mono);fill:var(--muted);opacity:0;font-size:10px}h2,h3,p{text-wrap:balance}@property --xr{syntax:"<length>";inherits:true;initial-value:150px}@property --xo{syntax:"<number>";inherits:true;initial-value:.16}html{--xr:150px;--xo:.16;transition:--xr .45s cubic-bezier(.2,.8,.2,1),--xo .35s}html.xray-on{--xr:300px;--xo:1;-webkit-user-select:none;user-select:none}.xray{pointer-events:none;z-index:5;opacity:var(--xo);-webkit-mask-image:radial-gradient(circle var(--xr) at var(--x,-999px) var(--y,-999px), #000 0%, #0000008c 50%, transparent 100%);-webkit-mask-image:radial-gradient(circle var(--xr) at var(--x,-999px) var(--y,-999px), #000 0%, #0000008c 50%, transparent 100%);mask-image:radial-gradient(circle var(--xr) at var(--x,-999px) var(--y,-999px), #000 0%, #0000008c 50%, transparent 100%);background:linear-gradient(#d63a2f29 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#d63a2f29 1px,#0000 1px) 0 0/24px 24px;position:absolute;inset:0}.xray svg{width:100%;height:100%;position:absolute;inset:0}.xray .col{fill:#d63a2f0f}.xray .box{fill:#d63a2f0d;stroke:var(--red);stroke-width:1px;stroke-dasharray:4 3}.xray .lbl{font-family:var(--mono);fill:var(--red);paint-order:stroke;stroke:var(--paper);stroke-width:3px;font-size:10px}.xray .gap line{stroke:var(--gold);stroke-width:1px}.xray .gap text{font-family:var(--mono);fill:var(--gold);paint-order:stroke;stroke:var(--paper);stroke-width:3px;font-size:10px}.decoding{color:var(--orange)!important}@media (hover:none){#hud-xy{display:none}}@media (max-width:760px){.sk text.note{font-size:17px}.chapter{display:none}.g-frame{width:min(100%,44svh)}.g-labels span{font-size:11px}#rings{max-height:34svh}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.card{--paper:#f6f1e7;--ink:#1d1a16;--muted:#6a6357;--line:#1d1a1647;--grid:#1d1a160f}.measuring .card,.measuring #eps{transform:none!important}.card .art{z-index:3;gap:8px;width:min(36vw,60svh);margin:0;display:grid;position:absolute;bottom:clamp(28px,7vh,72px);right:clamp(16px,6vw,120px);transform:rotate(2deg)}.art .g-frame{background:#f4ecdb;width:100%;padding:10px;box-shadow:0 40px 80px -24px #0000008c}.art .g-frame img{mix-blend-mode:normal;width:calc(100% - 20px);height:calc(100% - 20px);inset:10px;-webkit-mask-image:none;mask-image:none}.art figcaption{font-family:var(--mono);color:#f6f1e7b3;text-align:right;font-size:10.5px}.art .g-lines,.art .g-labels{position:absolute;inset:10px}.g-gray{opacity:0;transition:opacity .9s}.g-color{opacity:0;transition:opacity 1.5s 1s}.g-lines line,.g-lines circle,.g-labels span{opacity:0;transition:opacity .5s;transition-delay:calc(2.3s + var(--i,0) * .14s)}#sobre.dev .g-gray,#sobre.dev .g-color,#sobre.dev .g-lines line,#sobre.dev .g-lines circle,#sobre.dev .g-labels span{opacity:1}.band-copy{max-width:min(560px,52vw)}#rings{will-change:transform;width:100%;max-height:52svh}#rings .ring{fill:none;stroke:#1d1a16;stroke-width:1.3px;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.3s cubic-bezier(.4,0,.2,1);transition-delay:calc(var(--i,0) * .35s)}#rings .ring.last{stroke:var(--red);stroke-width:2.6px}#rings .yr{font-family:var(--mono);fill:#1d1a16;opacity:0;transition:opacity .5s;transition-delay:calc(.6s + var(--i,0) * .35s);font-size:10px}#rings .yr.last{fill:var(--red)}#rings .tick{stroke:#1d1a164d}#trajetoria .ph{color:#8f1b14}#hanko-c{width:clamp(46px,5vw,94px);font-size:clamp(16px,1.7vw,30px);top:calc(-1*clamp(12px,1.4vw,26px));right:calc(-1*clamp(30px,3.6vw,66px))}.hanko.ink{color:#f6f1e7;background:#1d1a16;box-shadow:inset 0 0 0 .3em #1d1a16,inset 0 0 0 .45em #f6f1e7}html.lock{overflow:hidden}.cs-fly{z-index:10;white-space:nowrap;transform-origin:0 0;pointer-events:none;will-change:transform;margin:0;position:fixed}.cs-veil{z-index:8;pointer-events:none;background-color:var(--acc);background-size:140px 140px,220px 220px;background-image:conic-gradient(#ffffff14 25%, transparent 0 50%, #ffffff14 0 75%, transparent 0), conic-gradient(#0000000d 25%, transparent 0 50%, #0000000d 0 75%, transparent 0);position:fixed;inset:0}@media (max-width:760px){.card .art{width:84vw;margin:0 auto 36px;position:relative;bottom:auto;right:auto;transform:rotate(1.5deg)}.band-copy{max-width:none}#rings{max-height:32svh}#hanko-c{top:-54px;right:0}#trajetoria #rings{max-height:clamp(90px,100svh - 440px,220px)}}@media (prefers-reduced-motion:reduce){.card,#eps{transform:none!important}}html{scrollbar-gutter:stable}.traj-track{height:420svh;position:relative}#contato.card{margin-top:-100svh}#rings .ring,#rings .yr{transition:none}.sobre-track{height:360svh;margin-top:-100svh;position:relative}.sobre-track.static{height:auto}.goshin[hidden]{display:none}#sobre:has(.goshin:not([hidden])) .s-nums{display:none}.g-gray,.g-color,.g-lines line,.g-lines circle,.g-labels span{transition:none!important}.g-seq{width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;inset:10px}.r-tree{overflow:visible}.real-bonsai{filter:drop-shadow(0 30px 40px #00000073);width:auto;height:176%;animation:7s ease-in-out infinite float;position:absolute;top:-38%;left:50%;transform:translate(-50%)}@keyframes float{50%{transform:translate(-50%)translateY(-1.4%)}}@media (max-width:760px){.real-bonsai{height:136%;top:-14%}}@media (prefers-reduced-motion:reduce){.real-bonsai{animation:none}.sobre-track{height:auto}}#sobre .band-copy{grid-template-columns:clamp(170px,17vw,280px) minmax(0,1fr);align-items:start;gap:clamp(22px,2.8vw,48px);max-width:min(860px,56vw);display:grid}#sobre .card-band .ph{color:#ffd166;font-weight:700}@media (max-width:760px){#sobre .band-copy{grid-template-columns:1fr;max-width:none}}html.lite-grain body:after{display:none}html.lite-blend .top,html.lite-blend .corner,html.lite-blend .hud{mix-blend-mode:normal!important}html.lite-petals #sakura{display:none}}