/* Manifesto e Artesão: o mesmo espaço material do portfólio, em páginas de leitura. */
body.da-editorial{
  --reading-ink:var(--color-display);
  --fg:var(--reading-ink);--accent:var(--color-display);
  --ed-depth:color-mix(in srgb,var(--bg) 62%,var(--navy-deep));
  --ed-edge:color-mix(in srgb,var(--reading-ink) 32%,var(--bg));
  --ed-muted:var(--reading-ink);
  --ed-surface:color-mix(in srgb,var(--bg) 92%,var(--reading-ink));
  --ed-gutter:clamp(22px,4vw,80px);
  text-transform:none;background:var(--bg);color:var(--reading-ink);
}
.da-editorial .field-paper{
  background:radial-gradient(ellipse at 20% 12%,color-mix(in srgb,var(--reading-ink) 6%,transparent),transparent 55%),var(--bg);
}
.da-editorial .frame{display:none}
.da-editorial .secao{max-width:1480px;padding-inline:var(--ed-gutter);padding-block:clamp(70px,9vw,140px);scroll-margin-top:90px}
.da-editorial .pauta-regua{display:none}
.da-editorial .pauta-rotulo{font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:var(--ed-muted)}
.da-editorial .pauta-rotulo::after{content:'';display:inline-block;width:30px;height:1px;vertical-align:middle;background:var(--accent);margin-left:18px}
.da-editorial .pauta--secao{margin-bottom:38px}
.da-editorial .rail{left:auto;right:12px;gap:12px;opacity:1}
.da-editorial .rail a{font-size:9px}
.da-editorial .rail a i{width:5px}.da-editorial .rail a.is-at i{width:12px}

/* Local to these two routes; the opening and shared navigation source stay intact. */
html[data-site-navigation] body.da-editorial #topnav{padding-inline:var(--ed-gutter);border:0;background:linear-gradient(color-mix(in srgb,var(--bg) 80%,var(--navy-deep)),transparent);gap:22px}
.da-editorial #topnav .tn-mark{display:none}
.da-editorial #topnav .tn-wordmark{display:grid;gap:5px;color:var(--reading-ink);font-size:23px;font-weight:900;letter-spacing:-.015em;text-transform:uppercase;line-height:1}
.da-editorial #topnav .tn-description{display:block;color:var(--accent);font-size:8px;font-weight:600;letter-spacing:.55em;line-height:1.5}
html[data-site-navigation] body.da-editorial #topnav .tn-links{margin-inline:auto;gap:clamp(16px,2vw,32px)}
.da-editorial #topnav .dt-link{font-size:10px;letter-spacing:.04em;text-transform:uppercase;font-weight:500}
.da-editorial #topnav .dt-link[aria-current]{border-color:var(--accent);color:var(--accent)}
.da-editorial .ed-nav-extra{display:none}
.da-editorial .ed-nav-statement{position:relative;font-size:9px;line-height:1.4;text-transform:uppercase;letter-spacing:.13em;color:var(--ed-muted);padding-left:24px}
.da-editorial .ed-nav-statement::before{content:'';position:absolute;left:5px;top:0;width:1px;height:38px;background:var(--accent);transform:rotate(32deg)}
.da-editorial #topnav .da-palette-label,.da-editorial #topnav .da-palette-caption{display:none}
.da-editorial #topnav .da-palette-cluster{margin:0;order:2}
.da-editorial #topnav .da-palette-switch{border:0;background:none}

.da-editorial .ed-hero{
  position:relative;isolation:isolate;display:grid;grid-template-columns:1.04fr 1fr;grid-template-rows:1fr;align-items:center;
  gap:20px;min-height:min(900px,100svh);padding-top:110px;padding-bottom:92px;
  overflow:clip;max-width:none;
  background:radial-gradient(ellipse at 65% 87%,color-mix(in srgb,var(--reading-ink) 7%,transparent),transparent 37%),radial-gradient(ellipse at 22% 17%,color-mix(in srgb,var(--reading-ink) 5%,transparent),transparent 65%),linear-gradient(135deg,var(--bg),var(--ed-depth) 72%);
}
.ed-copy{position:relative;z-index:3;padding-bottom:34px;min-width:0;max-width:760px}
.ed-kicker{font-size:10px;letter-spacing:.25em;text-transform:uppercase;margin-bottom:14px}
.ed-kicker::after{content:'';display:inline-block;vertical-align:middle;background:var(--accent);width:32px;height:1px;margin-left:20px}
.ed-count{display:block;color:var(--color-text);font-size:23px;line-height:1;font-weight:600;margin-bottom:28px}
.ed-title{font-size:clamp(42px,4.7vw,84px);line-height:.96;font-weight:900;letter-spacing:-.035em;color:var(--reading-ink);margin:0 0 26px}
.ed-title>span{display:block}
.ed-intro{font-size:clamp(17px,1.6vw,25px);line-height:1.45;max-width:35ch;letter-spacing:-.018em;font-weight:300;color:var(--reading-ink)}
.ed-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}
.ed-action{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:44px;padding:12px 27px;border:1px solid color-mix(in srgb,var(--color-text) 65%,transparent);border-radius:999px;font-size:12px;font-weight:600;line-height:1.3;color:var(--color-text);transition:background .2s,transform .2s,border-color .2s}
.ed-action--primary{background:var(--color-text);border-color:var(--color-text);color:var(--bg)}
.ed-action:hover{border-color:var(--color-text);background:var(--ed-surface)}
.ed-action--primary:hover{background:color-mix(in srgb,var(--color-text) 92%,var(--accent));color:var(--bg)}
.ed-action:active{transform:translateY(2px)}
.ed-geometry{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:clip}
.ed-geometry>svg{position:absolute;width:100%;height:100%;fill:none;stroke:var(--accent);stroke-width:1;opacity:.65}
.ed-geometry .ed-outline{width:43%;height:auto;right:2%;top:4%;opacity:.65;stroke-width:1.1}
.ed-outline text{font-family:var(--synapsis);font-size:390px;font-weight:900;letter-spacing:-.025em;fill:none;stroke:var(--accent)}
.ed-floor{position:absolute;left:0;right:0;bottom:0;height:18%;z-index:-1;background:linear-gradient(0deg,transparent,color-mix(in srgb,var(--reading-ink) 6%,transparent) 72%,transparent);border-top:1px solid color-mix(in srgb,var(--reading-ink) 3%,transparent);pointer-events:none}
.ed-bottom{position:absolute;bottom:24px;left:var(--ed-gutter);right:var(--ed-gutter);display:flex;justify-content:space-between;gap:24px;font-size:8px;text-transform:uppercase;letter-spacing:.23em;color:var(--color-text);pointer-events:none}
.ed-bottom span::before{content:'';display:inline-block;width:18px;height:1px;background:var(--accent);vertical-align:middle;margin-right:20px}
.ed-scene{position:relative;align-self:end;height:clamp(360px,68svh,650px);margin-bottom:20px;min-width:0;perspective:1600px}
.ed-plane{position:absolute;border:1px solid var(--ed-edge);border-radius:3px;background:linear-gradient(124deg,var(--ed-surface),var(--ed-depth) 50%,color-mix(in srgb,var(--bg) 95%,var(--reading-ink)));box-shadow:inset 2px 1px 1px color-mix(in srgb,var(--reading-ink) 30%,transparent),inset -2px -1px 1px color-mix(in srgb,var(--navy-deep) 75%,transparent),0 22px 26px color-mix(in srgb,var(--navy-deep) 65%,transparent);transform-origin:center bottom}
.ed-plane::after{content:'';position:absolute;top:calc(100% + 8px);left:-1px;right:-1px;height:14%;background:linear-gradient(var(--ed-surface),transparent);opacity:.5;filter:blur(3px);transform:skewX(-3deg);pointer-events:none}
.ed-plane-label{font-size:9px;letter-spacing:.16em;line-height:1.6;text-transform:uppercase;color:var(--color-text)}
.ed-plane-label b{font-size:17px;letter-spacing:0;color:inherit;margin-right:9px;font-weight:500}
.ed-plane-note{font-size:8px;letter-spacing:.16em;line-height:1.6;text-transform:uppercase;color:var(--color-text)}
.ed-plane-note::before{content:'';display:block;width:24px;height:1px;background:var(--accent);margin-bottom:12px}

/* The front plane carries the idea; the background planes show related materials. */
.ed-manifesto-front{left:3%;bottom:0;width:47%;height:100%;padding:clamp(20px,2.3vw,36px);z-index:3;transform:rotateY(9deg) rotateZ(.5deg);display:flex;flex-direction:column;justify-content:space-between;gap:16px}
.ed-manifesto-front .ed-plane-title{font-size:clamp(28px,2.65vw,43px);font-weight:300;letter-spacing:-.045em;line-height:1.04;margin:0;max-width:8ch}
.ed-emblem{width:min(100%,160px);margin:0;color:var(--accent);max-height:34%;flex:none}
.ed-emblem svg{height:100%;max-height:145px;width:100%}
.ed-manifesto-code{left:48%;bottom:8px;width:28%;height:82%;z-index:2;transform:rotateY(-10deg);padding:25px 22px;display:flex;flex-direction:column;justify-content:space-between}
.ed-manifesto-meaning{left:73%;bottom:14px;width:26%;height:69%;z-index:1;transform:rotateY(-13deg);padding:25px 20px;display:flex;flex-direction:column;justify-content:space-between}
.ed-outline-word{font-size:clamp(32px,4.3vw,70px);font-weight:900;line-height:.94;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:1px var(--ed-edge);text-transform:uppercase;overflow-wrap:anywhere}

.ed-person-title{font-size:clamp(62px,7.7vw,134px);line-height:.83;margin-bottom:28px}
.ed-person-claim{font-size:clamp(21px,2.45vw,38px);line-height:1.16;font-weight:300;letter-spacing:-.025em;max-width:25ch;margin-bottom:24px}
.ed-person-claim strong{font-weight:600;color:var(--accent);display:block}
.ed-person-note{font-size:13px;line-height:1.6;max-width:31ch;letter-spacing:.025em;display:flex;gap:20px}
.ed-person-note::before{content:'';flex:none;width:30px;height:1px;background:var(--accent);margin-top:10px}
.ed-portrait{left:23%;bottom:0;width:54%;height:100%;padding:4px;z-index:3;transform:rotateY(7deg) rotateZ(.5deg);margin:0}
.ed-portrait>img{width:100%;height:100%;object-fit:cover;object-position:center 25%;border-radius:1px}
.ed-portrait figcaption{position:absolute;bottom:4px;left:4px;right:4px;padding:44px 24px 20px;background:linear-gradient(transparent,rgba(7,15,25,.75));color:var(--amber-light);font-size:9px;letter-spacing:.12em;line-height:1.55;text-transform:uppercase}
.ed-portrait-reflection{position:absolute;top:calc(100% + 8px);left:4px;right:4px;height:17%;overflow:hidden;mask-image:linear-gradient(#000,transparent);opacity:.14;pointer-events:none;filter:blur(2px)}
.ed-portrait-reflection img{width:100%;height:clamp(360px,68svh,650px);object-fit:cover;object-position:center 25%;transform:scaleY(-1) translateY(0);transform-origin:center 8.5%}
.ed-person-type{left:0;bottom:18px;width:29%;height:73%;padding:28px 18px;z-index:2;transform:rotateY(-10deg);display:flex;flex-direction:column;justify-content:space-between}
.ed-specimen{display:block;font-weight:300;font-size:clamp(56px,7.5vw,120px);line-height:1;letter-spacing:-.06em}
.ed-specimen-label{text-transform:uppercase;font-size:10px;letter-spacing:.25em;display:block;margin-top:12px}
.ed-person-brand{left:73%;bottom:12px;width:27%;height:78%;padding:26px 18px;z-index:1;transform:rotateY(-13deg);background:var(--accent);color:var(--bg);display:flex;flex-direction:column;justify-content:space-between}
.ed-person-brand .ed-plane-label,.ed-person-brand .ed-plane-note{color:var(--bg)}
.ed-person-brand .ed-plane-note::before{background:var(--bg)}
.ed-person-brand svg{width:100%;color:var(--bg);--logo-sun:var(--bg)}

.da-editorial .posicao-tese,.da-editorial .percurso-tese{font-size:clamp(27px,3vw,46px);font-weight:300;line-height:1.22;letter-spacing:-.035em;color:var(--reading-ink)}
.da-editorial .posicao-coluna,.da-editorial .percurso-coluna{font-size:17px;line-height:1.65;max-width:52ch;color:var(--ed-muted)}
.da-editorial #posicao,.da-editorial #percurso{position:relative;border-bottom:1px solid color-mix(in srgb,var(--reading-ink) 15%,transparent)}
.da-editorial .contact-footer{border-top:1px solid color-mix(in srgb,var(--reading-ink) 15%,transparent)}

@media(min-width:1700px){.ed-copy{justify-self:end;width:760px}.ed-scene{max-width:810px;width:100%;justify-self:start}}
@media(max-width:1100px){
  .da-editorial .ed-hero{min-height:750px;padding-top:118px;padding-bottom:100px;gap:10px}
  .ed-scene{height:450px}
  .ed-manifesto-front{padding:22px}
  .ed-manifesto-code,.ed-manifesto-meaning{padding:22px 14px}
  .ed-manifesto-front .ed-plane-title{font-size:32px}
  .ed-plane-label{font-size:8px}.ed-plane-note{font-size:7px}
  html[data-site-navigation] body.da-editorial #topnav{gap:12px}.da-editorial .ed-nav-statement{display:none}
  .ed-portrait-reflection img{height:450px}
}
@media(max-width:860px){
  .da-editorial .ed-hero{grid-template-columns:1fr;grid-template-rows:auto auto;padding-top:118px;padding-bottom:65px;min-height:auto;gap:22px}
  .ed-copy{padding-bottom:0;max-width:650px}
  .ed-title{font-size:clamp(40px,7.6vw,66px);line-height:.98;letter-spacing:-.03em}
  .ed-person-title{font-size:clamp(68px,12vw,108px);line-height:.86}
  .ed-count{font-size:18px;margin-bottom:22px}.ed-kicker{font-size:9px}
  .ed-intro{font-size:18px;max-width:37ch}
  .ed-person-claim{font-size:clamp(23px,4.7vw,33px);max-width:30ch}
  .ed-actions{margin-top:24px;gap:10px}.ed-action{padding:12px 20px;gap:20px}
  .ed-scene{width:min(100%,620px);height:470px;margin:8px auto 34px}
  .ed-portrait-reflection img{height:470px}
  .ed-manifesto-front{padding:28px}.ed-manifesto-front .ed-plane-title{font-size:36px}
  .ed-outline-word{font-size:54px}.ed-emblem{width:175px}
  .ed-person-type .ed-specimen{font-size:90px}
  .ed-geometry .ed-outline{width:65%;top:36%;right:-3%;opacity:.4}
  .ed-bottom{font-size:7px;letter-spacing:.16em;bottom:20px}.ed-bottom span::before{margin-right:10px;width:14px}
  .da-editorial #topnav .tn-links{margin:0}.da-editorial #topnav .dt-link{font-size:12px;min-height:44px}
  .da-editorial .ed-nav-extra{display:block}
  .da-editorial #topnav .da-palette-cluster{order:0}
}
@media(max-width:480px){
  .da-editorial .secao{padding-block:64px}
  .da-editorial .ed-hero{padding-top:106px;padding-bottom:68px}
  .ed-title{font-size:clamp(27px,8.1vw,36px)}
  .ed-person-title{font-size:clamp(60px,15vw,76px)}
  .ed-scene{height:360px;margin-bottom:15px}
  .ed-portrait-reflection img{height:360px}
  .ed-manifesto-front{width:52%;left:0;padding:20px 15px}
  .ed-manifesto-front .ed-plane-title{font-size:28px;margin:0}
  .ed-manifesto-code{left:50%;width:27%;padding:20px 12px}
  .ed-manifesto-meaning{left:76%;width:25%;padding:20px 10px}
  .ed-outline-word{font-size:36px}.ed-plane-label{font-size:7px;letter-spacing:.09em}.ed-plane-label b{font-size:14px;margin-right:4px}
  .ed-plane-note{font-size:7px;letter-spacing:.06em}
  .ed-person-type{padding:22px 10px}.ed-person-type .ed-specimen{font-size:60px}
  .ed-specimen-label{font-size:7px;letter-spacing:.12em}
  .ed-person-brand{padding:22px 10px}
  .ed-portrait{left:21%;width:55%}.ed-portrait figcaption{padding:40px 10px 15px;font-size:7px}
  .ed-person-type{width:25%}
  .ed-person-note{font-size:12px}.ed-person-claim{font-size:23px}
  .ed-actions{gap:9px}.ed-action{font-size:11px;padding-inline:17px;gap:14px}
  .ed-bottom span:last-child{display:none}
  .da-editorial #topnav .tn-wordmark{font-size:20px}.da-editorial #topnav .tn-description{font-size:7px;letter-spacing:.4em}
}
@media(prefers-reduced-motion:reduce){:where(html:not([data-motion="excesso"])) .da-editorial .ed-action{transition:none}:where(html:not([data-motion="excesso"])) .da-editorial .cue-seta{animation:none}}

@media(min-width:861px){.ed-title>span{white-space:nowrap}}
html[data-da-palette="graphite-amber"] body.da-editorial{--reading-ink:var(--color-display)}
.da-editorial #topnav>.da-palette-switch{order:3}
.da-editorial .ed-nav-statement{order:4}
@media(max-width:1000px){html[data-site-navigation] body.da-editorial #topnav .tn-links{margin:0;gap:0}.da-editorial .ed-nav-extra{display:block}}

.ed-manifesto-meaning .ed-outline-word{font-size:clamp(25px,3vw,50px);overflow-wrap:normal}
html:not(.site-nav-js)[data-site-navigation] body.da-editorial .ed-hero{padding-top:calc(var(--nav-h) + 36px)}

@media(max-width:380px){.ed-title{font-size:23px}.ed-person-title{font-size:60px}.da-editorial #topnav .tn-brand{max-width:none}.da-editorial #topnav .tn-menu{width:44px;padding:10px}.da-editorial #topnav .tn-menu>span:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}
