/* Perguntas e obras dividem luz, papel tipográfico e espaço material. */
body.da-entry{--entry-ivory:var(--color-display);--entry-reading:var(--color-display);text-transform:none;background:var(--color-canvas);font-weight:300}
:where(.da-entry button){appearance:none;font:inherit;background:none;border:0;border-radius:0;cursor:pointer;color:inherit}
.da-entry .portfolio-main a{text-decoration:none}
.da-entry #stage{height:100svh;background:radial-gradient(ellipse at 75% 65%,color-mix(in srgb,var(--color-display) 8%,transparent),transparent 42%),radial-gradient(ellipse at 28% 10%,color-mix(in srgb,var(--navy-raised) 60%,transparent),transparent 53%),linear-gradient(125deg,color-mix(in srgb,var(--color-canvas) 80%,var(--navy-deep)),color-mix(in srgb,var(--color-canvas) 24%,var(--navy-deep)) 65%,color-mix(in srgb,var(--color-canvas) 55%,var(--navy-deep)))}
/* Na paleta invertida o palco é laranja: a mistura com navy-deep pensada para o
   canvas navy virava marrom e apagava os números 01–04 (~2:1). */
html[data-da-palette="graphite-amber"] .da-entry #stage{background:radial-gradient(ellipse at 28% 10%,color-mix(in srgb,var(--amber-soft) 30%,transparent),transparent 53%),linear-gradient(125deg,var(--orange),color-mix(in srgb,var(--orange) 90%,var(--navy-deep)) 65%,color-mix(in srgb,var(--orange) 95%,var(--navy-deep)))}
.da-entry #stage:after{content:'';position:absolute;inset:81% 0 0;z-index:0;background:linear-gradient(180deg,color-mix(in srgb,var(--entry-ivory) 3%,transparent),transparent 14%),radial-gradient(ellipse at 50% 0,color-mix(in srgb,var(--entry-ivory) 7%,transparent),transparent 70%);border-top:1px solid color-mix(in srgb,var(--entry-ivory) 6%,transparent)}
.da-entry #grid{display:none}
.entry-axis{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1}
.entry-axis:before{content:'';position:absolute;left:47%;top:53%;width:80%;height:1px;background:var(--color-display);opacity:.5;transform:rotate(-45deg);transform-origin:0 50%}
.entry-axis:after{content:'';position:absolute;left:4%;bottom:8%;width:24px;height:24px;background:linear-gradient(var(--color-display),var(--color-display)) 50% 0/1px 100% no-repeat,linear-gradient(var(--color-display),var(--color-display)) 0 50%/100% 1px no-repeat}
/* A marca de registro assenta sobre o crédito, sem cruzar as letras. */
@media(min-width:761px){.entry-axis:after{bottom:calc(5% + 54px)}}
.da-entry #qmark{z-index:1}
.da-entry #qmark .q-fill{fill:none;stroke:currentColor;stroke-width:2;vector-effect:non-scaling-stroke}
.da-entry #compLayer{z-index:4}
.da-entry .kin-word{color:var(--color-display)}
.da-entry .kin-value{color:var(--color-display)}
.da-entry .kin-sup{font-size:clamp(22px,2vw,34px)}
.da-entry #lead{max-width:90%;white-space:normal;color:var(--entry-reading);font-family:var(--mango);font-size:clamp(20px,2.2vw,34px);font-weight:400;font-variation-settings:'wght' 400;letter-spacing:.07em;line-height:1.1;text-align:center}
.da-entry .kin-residue{opacity:.35}
.da-entry .kin-measure-num{display:none}
.da-entry #scrollCue{left:4%;bottom:18%;height:40px;filter:none}
.da-entry #scrollCue:before,.da-entry #scrollCue:after,.da-entry #scrollCue .sc-pulse,.da-entry #scrollCue .sc-arrow-b{display:none}
.da-entry #scrollCue .sc-arrow-a{width:10px;height:10px;bottom:16px;border-color:var(--color-text);animation:none}
.da-entry #scrollCue .sc-label{top:14px;left:calc(100% + 2px);font-family:var(--synapsis);font-size:9px;font-weight:400;letter-spacing:.18em;color:var(--color-text)}
.entry-controls{position:fixed;inset:auto 4% 5%;z-index:7;display:flex;justify-content:space-between;align-items:center;color:var(--color-text)}
.entry-credit{font-size:9px;letter-spacing:.16em;line-height:1.6;text-transform:uppercase}
.entry-steps{display:flex;gap:16px}
.entry-steps button{font:400 11px var(--synapsis);background:none;color:var(--color-text);border:0;border-bottom:1px solid transparent;min-width:44px;min-height:44px;cursor:pointer;letter-spacing:.1em}
.entry-steps button[aria-pressed=true]{color:var(--color-text);border-color:var(--color-display)}
.entry-works{display:flex;align-items:center;gap:26px;min-height:44px;color:var(--color-text);text-decoration:none;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.entry-works span{font-size:24px;color:inherit}
.da-entry .kin-sign-sun{fill:var(--color-text)}
.da-entry .kin-ledger-num,.da-entry .kin-ledger-text{color:var(--color-text)}
.entry-controls :is(button,a):focus-visible{outline:2px solid var(--color-focus);outline-offset:5px}
/* A extensão considera a altura da tela sem retirar nenhum estado do texto.
   O piso conserva espaço de leitura em celulares baixos e na paisagem. */
.da-entry #scroll-track{height:clamp(7200px,1000svh,10800px)}
.da-entry #trabalhos{margin-top:-100svh;z-index:8;scroll-margin-top:0;outline:0}
.da-entry #trabalhos:before{inset:0}
.da-entry .portfolio-main .pf-inspect-toggle{background:var(--color-action);color:var(--color-on-action)}
.da-entry .portfolio-main .pf-abrir{border:1px solid color-mix(in srgb,var(--color-text) 65%,transparent)}
.da-entry .portfolio-main .pf-choices button{border-left:1px solid var(--color-border)}
.da-entry .portfolio-main .pf-choices button[aria-pressed=true]{border-color:var(--color-display);color:var(--color-display)}
.da-entry .contact-footer{position:relative;z-index:8}
.entry-readable{display:none}
.da-entry .ab-massa{fill:none;stroke:currentColor;stroke-width:2;vector-effect:non-scaling-stroke}
.da-entry .ab-veu{background:var(--color-canvas)}
@media(max-width:760px){
  .entry-controls{inset:auto 20px 24px;display:grid;grid-template-columns:1fr auto;gap:16px}
  .entry-credit{display:none}.entry-steps{gap:0}.entry-steps button{min-width:44px}
  .entry-works{font-size:9px;letter-spacing:.06em;gap:12px}
  .da-entry #scrollCue{left:20px;bottom:19%;width:22px}
}
@media(max-width:360px){.entry-controls{column-gap:8px}.entry-works{gap:8px}}
/* Mesma autoria e mesmos destinos com movimento reduzido ou sem scripts. */
.da-entry.no-js #stage,.da-entry.reduced #stage,.da-entry.no-js #scroll-track,.da-entry.reduced #scroll-track,.da-entry.no-js .entry-controls,.da-entry.reduced .entry-controls{display:none}
.da-entry.no-js #trabalhos,.da-entry.reduced #trabalhos{margin-top:0}
.da-entry.no-js .entry-readable,.da-entry.reduced .entry-readable{display:block;padding:calc(var(--nav-h) + 48px) 6vw 48px;color:var(--entry-ivory);max-width:1100px;margin:auto}
.entry-readable-lead{font-size:14px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:36px}
.entry-readable ol{list-style:none;margin:0;padding:0}
.entry-readable li{padding-block:16px;border-top:1px solid var(--color-border);font-family:var(--mango);text-transform:uppercase;font-size:clamp(32px,7vw,90px);line-height:1}
.entry-readable li strong{display:block;color:var(--color-display);font-weight:870;font-variation-settings:'wght' 870}.entry-readable li span{display:block;color:var(--color-display);font-weight:400;font-variation-settings:'wght' 400}
.entry-readable-chain{margin-top:48px}
.entry-readable-chain p{padding:24px 0;border-top:1px solid var(--color-border);font-size:clamp(24px,3.5vw,48px);line-height:1.2}
.entry-readable-chain strong{font-weight:700}
.entry-readable-brand{margin-top:48px;font:870 clamp(42px,8vw,100px)/1 var(--mango);font-variation-settings:'wght' 870;text-transform:uppercase}
.entry-readable-sign{margin-top:40px;font-size:24px;color:var(--color-display)}.entry-readable>a{display:inline-flex;min-height:44px;align-items:center;gap:20px;margin-top:16px;color:var(--color-text)}
@media(prefers-reduced-motion:reduce){:where(html:not([data-motion="excesso"])) .da-entry *{scroll-behavior:auto!important}:where(html:not([data-motion="excesso"])) .da-entry #stage,:where(html:not([data-motion="excesso"])) .da-entry #scroll-track,:where(html:not([data-motion="excesso"])) .da-entry .entry-controls{display:none}:where(html:not([data-motion="excesso"])) .da-entry .entry-readable{display:block}:where(html:not([data-motion="excesso"])) .da-entry #trabalhos{margin-top:0}}