@font-face{font-family:'Gambetta';font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/gambetta-400.woff2) format('woff2')}
@font-face{font-family:'Gambetta';font-weight:400;font-style:italic;font-display:swap;src:url(../fonts/gambetta-400i.woff2) format('woff2')}
@font-face{font-family:'Gambetta';font-weight:500;font-style:normal;font-display:swap;src:url(../fonts/gambetta-500.woff2) format('woff2')}
@font-face{font-family:'Gambetta';font-weight:500;font-style:italic;font-display:swap;src:url(../fonts/gambetta-500i.woff2) format('woff2')}
@font-face{font-family:'Switzer';font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/switzer-400.woff2) format('woff2')}
@font-face{font-family:'Switzer';font-weight:500;font-style:normal;font-display:swap;src:url(../fonts/switzer-500.woff2) format('woff2')}
@font-face{font-family:'JetBrains Mono';font-weight:400 500;font-style:normal;font-display:swap;src:url(../fonts/jetbrains-mono-latin-400-normal.woff2) format('woff2')}
/* Layout: página inicial com a Escala viva (lista de escalas e palco), índice de 9 cartões (8 projetos e a coleção Visualização 3D), páginas de projeto com capítulos. Papel claro, tinta quase preta, azul sóbrio. */
:root{
 --paper:#f5f4f0;--ink:#121416;--mute:#5d6369;--line:#d8d6cf;--plate:#ebe8e0;--accent:#1f3f7a;--ok:#2e9e5b;--note-bg:#fff2b8;--note-fg:#5a4a00;--inv:0;
 --serif:'Gambetta',Georgia,'Times New Roman',serif;--sans:'Switzer',system-ui,-apple-system,'Segoe UI',sans-serif;--mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
 --gut:clamp(16px,3.2vw,40px);--max:1280px
}
:root[data-theme="dark"]{--paper:#111315;--ink:#ecebe7;--mute:#a2a7ad;--line:#2b2f33;--plate:#1a1d20;--accent:#8fb0e8;--ok:#52c27e;--note-bg:#3a3410;--note-fg:#f0e2a0;--inv:1;color-scheme:dark}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 15.5px/1.65 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
ul,ol{list-style:none;margin:0;padding:0}
h1,h2,h3,p{margin:0}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.mono{font:400 11.5px/1.35 var(--mono);letter-spacing:.07em;text-transform:uppercase}
.eyebrow{font:500 11.5px/1.35 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}
em{font-style:italic;font-weight:400;color:var(--accent)}
/* cabeçalho */
.hd{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.hd .wrap{display:flex;align-items:center;gap:clamp(14px,2.4vw,30px);height:64px;border-bottom:1px solid var(--line)}
.brand{font:500 21px/1 var(--serif);letter-spacing:-.01em;white-space:nowrap}.brand em{font-weight:400}
.nav{display:flex;gap:clamp(14px,2.4vw,30px);margin-left:auto;font:500 14px var(--sans)}
.nav a{color:var(--mute);padding:6px 0}.nav a[aria-current]{color:var(--ink);box-shadow:0 1px 0 var(--ink)}
.theme{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--mute)}.theme:hover{color:var(--ink);border-color:var(--ink)}
.avail{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:99px;padding:5px 13px 5px 11px;font:500 12.5px var(--sans);white-space:nowrap}
.avail i{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 22%,transparent)}
/* tipografia */
h1{font:500 clamp(32px,4vw,52px)/1.08 var(--serif);letter-spacing:-.02em;text-wrap:balance}
h2{font:500 clamp(24px,2.4vw,32px)/1.12 var(--serif);letter-spacing:-.014em;text-wrap:balance}
h3{font:500 clamp(19px,1.5vw,22px)/1.2 var(--serif);letter-spacing:-.008em}
.lede{font:400 clamp(16px,1.25vw,17.5px)/1.6 var(--sans);max-width:36em;text-wrap:pretty}
.btn{display:inline-flex;align-items:center;gap:10px;font:500 15px var(--sans);padding:13px 22px;border-radius:99px;border:1px solid var(--ink);background:var(--ink);color:var(--paper)}
.btn.ghost{background:transparent;color:var(--ink)}
.link{display:inline-flex;gap:8px;font:500 14px var(--sans);border-bottom:1px solid currentColor;padding-bottom:2px}
/* abertura com crachá */
.hero{position:relative;padding-block:clamp(36px,6vw,72px) 12px;min-height:440px}
.hero h1{max-width:20ch;margin:10px 0 14px}
.hero .sub{font:400 clamp(17px,1.7vw,21px)/1.3 var(--serif);color:var(--mute);margin:0 0 20px;max-width:40ch;text-wrap:balance}
.hero .lede{max-width:54ch;margin-bottom:26px}
.cta{display:flex;gap:10px;flex-wrap:wrap}
.proof{display:flex;flex-wrap:wrap;gap:8px 40px;margin-top:30px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink)}
.proof li{display:flex;gap:10px;align-items:center}.proof li::before{content:"";width:7px;height:7px;background:var(--accent);flex:none}
.badge-stage{position:absolute;right:var(--gut);top:0;width:330px;height:560px;z-index:3;pointer-events:none}
.badge-stage canvas{position:absolute;inset:0;width:100%;height:100%}
.badge{position:absolute;left:0;top:0;width:196px;height:312px;transform-origin:50% -46px;pointer-events:auto;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;will-change:transform}
.badge:active{cursor:grabbing}
.b-flip{position:absolute;inset:0;transform-style:preserve-3d}
.b-face{position:absolute;inset:0;border-radius:14px;backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:14px 16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 18px 30px -14px rgba(0,0,0,.42)}
.b-face::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent calc(var(--gl,50%) - 22%),rgba(255,255,255,.24) var(--gl,50%),transparent calc(var(--gl,50%) + 22%))}
.b-front{background:var(--paper);border:1px solid var(--ink)}
.b-front::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--accent)}
.b-back{background:var(--ink);color:var(--paper);border:1px solid var(--ink);transform:rotateY(180deg)}
.b-hw{position:absolute;left:50%;top:-46px;width:44px;height:86px;margin-left:-22px;pointer-events:none;z-index:2;filter:drop-shadow(0 2px 2px rgba(0,0,0,.35))}
.b-hole{width:48px;height:9px;border:1px solid var(--ink);border-radius:9px;margin:5px auto 12px;flex:none}
.b-back .b-hole{border-color:var(--paper)}
.b-top{margin:0 0 12px;font-size:9.5px;border-bottom:1px solid var(--line);padding-bottom:8px;color:var(--mute)}
.b-back .b-top{border-color:color-mix(in srgb,var(--paper) 28%,transparent);color:color-mix(in srgb,var(--paper) 70%,transparent)}
.b-name{font:500 30px/1 var(--serif);margin:4px 0 12px}.b-name em{font-style:italic;font-weight:400;color:var(--accent);letter-spacing:-.02em}
.b-back .b-name{font-size:26px}.b-back .b-name em{color:color-mix(in srgb,var(--accent) 45%,var(--paper))}
.b-role{margin:0;font:italic 400 15.5px/1.22 var(--serif);letter-spacing:-.005em}
.b-by{display:block;margin-top:7px;font:400 9px/1 var(--mono);letter-spacing:.07em;font-style:normal;color:var(--mute)}
.b-status{display:flex;align-items:center;gap:7px;margin:12px 0 0;font-size:9px;letter-spacing:.02em;white-space:nowrap;color:var(--ink);text-transform:none}
.b-status i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 28%,transparent);animation:ping 2.4s ease-out infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ok) 45%,transparent)}70%,100%{box-shadow:0 0 0 7px transparent}}
.b-list{padding:12px 0 0;margin:auto 0 0;border-top:1px solid var(--ink);font-size:9.5px;line-height:1.7;letter-spacing:.04em}
.b-plan{width:100%;height:auto;margin:6px 0 10px;color:color-mix(in srgb,var(--accent) 45%,var(--paper))}
.b-contact{margin:auto 0 0;font-size:8.6px;line-height:1.5;letter-spacing:.02em}.b-contact li{padding:7px 0;border-top:1px solid color-mix(in srgb,var(--paper) 26%,transparent);overflow-wrap:anywhere}
.b-flipbtn{position:absolute;right:0;top:14px;pointer-events:auto;border:1px solid var(--line);background:var(--paper);border-radius:99px;padding:8px 13px;font:400 10.5px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--mute)}.b-flipbtn:hover{color:var(--ink);border-color:var(--ink)}
/* índice */
.ix{padding-block:clamp(56px,8vw,112px);border-top:1px solid var(--ink)}
.ix-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 32px;margin-bottom:40px}
.chips{display:flex;flex-wrap:wrap;gap:4px 8px}
.chip{display:inline-flex;gap:8px;align-items:center;padding:7px 13px;border-radius:99px;border:1px solid transparent;font:500 13px var(--sans);color:var(--mute)}
.chip i{font:400 11px var(--mono);font-style:normal}.chip:hover{color:var(--ink)}
.chip[aria-pressed="true"]{color:var(--ink);border-color:var(--ink)}
.view{display:inline-flex;border:1px solid var(--line);border-radius:99px;overflow:hidden}.view2{margin-left:8px}
.view button{padding:8px 16px;font:400 11.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.view button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(48px,7vw,96px) clamp(24px,3.4vw,48px)}
.card{display:block}
.card .ph{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--plate)}
.card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.card:hover .ph img{transform:scale(1.03)}
.pill{position:absolute;left:14px;top:14px;background:var(--paper);color:var(--ink);font:400 10.5px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;padding:8px 11px;border-radius:99px}
.st{position:absolute;right:14px;top:14px;background:var(--ink);color:var(--paper);font:400 10.5px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;padding:8px 11px;border-radius:99px;display:flex;gap:7px;align-items:center}
.st i{width:7px;height:7px;border-radius:50%;background:#52c27e}
.card h3{padding-top:20px}.card p{color:var(--mute);margin-top:6px;font-size:14px;line-height:1.5;max-width:28em}
.card:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.list{border-top:1px solid var(--ink)}
.row{display:grid;grid-template-columns:44px 96px minmax(0,1.4fr) minmax(0,1fr) minmax(0,2fr);gap:20px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.row .n{font:400 12px var(--mono);color:var(--mute)}.row img{width:96px;height:72px;object-fit:cover}.row .c{font:400 11.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}.row p{color:var(--mute);font-size:15px}
.row:hover h3{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
/* faixa sobre */
.ab-strip{display:grid;grid-template-columns:4fr 8fr;gap:clamp(32px,6vw,80px);padding-block:clamp(56px,8vw,112px);border-top:1px solid var(--ink)}
.ab-strip figure{margin:0;aspect-ratio:4/5;overflow:hidden;background:var(--plate)}.ab-strip figure img{width:100%;height:100%;object-fit:cover}
.conv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:40px 0}
.conv li{border-top:1px solid var(--ink);padding-top:16px;color:var(--mute);font-size:14px;line-height:1.5}
.cred{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 36px}.cred li{border-top:1px solid var(--line);padding-top:12px;font-size:14px;line-height:1.45}.cred .mono{display:block;color:var(--mute);margin-bottom:6px;font-size:10.5px}
.conv b{display:block;font:500 18px/1.25 var(--serif);color:var(--ink);margin:6px 0 8px}
/* rodapé */
footer{border-top:1px solid var(--ink);padding-block:clamp(56px,8vw,96px) 48px}
.ft{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(32px,6vw,72px);align-items:end}
.ft p{color:var(--mute);margin-top:18px;max-width:30em}
.ft li{padding:12px 0;border-top:1px solid var(--line)}.ft li span{display:block;font:400 11px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--mute)}
.legal{display:flex;justify-content:space-between;gap:16px;margin-top:28px;font:400 11px var(--mono);letter-spacing:.06em;color:var(--mute);flex-wrap:wrap}
/* projeto */
.crumb{display:flex;justify-content:space-between;gap:16px;padding-block:22px;font:400 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);flex-wrap:wrap}
.crumb a:hover{color:var(--ink)}
.pt{display:grid;grid-template-columns:7fr 5fr;gap:clamp(32px,6vw,80px);padding-block:clamp(24px,4vw,48px) clamp(40px,6vw,72px);align-items:end}
.pt h1{margin:16px 0 20px;font-size:clamp(32px,4vw,50px)}
.metaline{margin-top:26px;color:var(--mute)}
.d30{border-top:1px solid var(--ink)}.d30 h4{margin:14px 0 6px;font:400 11.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:500}
.d30 li{padding:14px 0;border-bottom:1px solid var(--line)}.d30 li b{display:block;font:500 16.5px/1.25 var(--serif)}.d30 li span{color:var(--mute);font-size:13.5px}
.hero-fig{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--plate)}.hero-fig img{width:100%;height:100%;object-fit:cover}
.lab{position:absolute;left:14px;bottom:14px;background:rgba(18,20,22,.78);color:#fff;font:400 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:8px 11px;border-radius:99px}
.chaps{padding-top:clamp(56px,8vw,112px)}
.chap{display:grid;grid-template-columns:4fr 8fr;gap:clamp(28px,5vw,64px);padding-bottom:clamp(64px,9vw,128px)}
.chap .num{font:500 12px var(--mono);letter-spacing:.07em;color:var(--accent)}
.chap h2{margin:10px 0 14px}.chap p{max-width:30em;color:var(--ink);font-size:15px}
.figs{display:grid;gap:clamp(20px,3vw,40px);min-width:0}
.figs .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.4vw,28px);align-items:start}
.fig{margin:0;position:relative;min-width:0}
.fig.full .box{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--plate)}
.fig.full img,.fig.nat img,.fig.sq img{width:100%;cursor:zoom-in}
.fig.full img{height:100%;object-fit:cover}
.fig.sq .box{aspect-ratio:4/3;overflow:hidden;background:var(--plate)}.fig.sq img{height:100%;object-fit:cover}
.fig.nat img{max-height:760px;object-fit:contain;background:var(--plate)}
.fig.plate{border-top:1px solid var(--line);padding-top:16px}
.fig.plate .box{position:relative}
.fig.plate img{max-width:100%;max-height:640px;width:auto;margin-inline:auto;cursor:zoom-in}
.fig figcaption{padding-top:10px;font:400 12.5px/1.5 var(--sans);color:var(--mute);max-width:46em}
.fig .lab{left:12px;bottom:auto;top:12px}
.lens{position:absolute;width:190px;height:190px;border-radius:50%;border:1px solid var(--ink);background-color:var(--paper);background-repeat:no-repeat;pointer-events:none;display:none;z-index:5;box-shadow:0 10px 30px rgba(0,0,0,.18)}
.sunbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.sunbar button{border:1px solid var(--line);border-radius:99px;padding:8px 14px;font:400 11.5px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--mute)}
.sunbar button[aria-pressed="true"]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.sunbox{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--plate)}
.sunbox img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease}.sunbox img.on{opacity:1}
.flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:f}
.flow div{border:1px solid var(--line);padding:14px;position:relative;font-size:13.5px;color:var(--mute);line-height:1.45}
.flow b{display:block;font:500 15.5px/1.25 var(--serif);color:var(--ink);margin-bottom:6px}
.flow div:not(:last-child)::after{content:"→";position:absolute;right:-13px;top:50%;transform:translateY(-50%);background:var(--paper);color:var(--accent);z-index:2;font-size:15px;padding:0 1px}
.pal{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.pal div{display:grid;gap:6px;align-content:start}.pal i{display:block;aspect-ratio:1/1.1;border:1px solid var(--line)}
.formula{font:400 clamp(30px,3.4vw,42px)/1 var(--serif);color:var(--accent);font-variant-numeric:lining-nums}
.next{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,56px);padding-block:clamp(56px,8vw,96px);border-top:1px solid var(--ink);align-items:center}
.next .card .ph{max-width:420px}
/* sobre */
.sobre{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,6vw,88px);padding-block:clamp(32px,5vw,64px) clamp(56px,8vw,112px);align-items:start}
.sobre figure{margin:0;position:sticky;top:96px}.sobre figure .pf{aspect-ratio:4/5;overflow:hidden;background:var(--plate)}.sobre figure img{width:100%;height:100%;object-fit:cover}
.sobre figcaption{display:flex;justify-content:space-between;padding-top:12px;font:400 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.sobre h1{margin:14px 0 28px}.sobre .intro{font:400 clamp(17px,1.5vw,19.5px)/1.6 var(--serif);max-width:32em}
.tl{margin-top:48px;border-top:1px solid var(--ink)}.tl li{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}
.tl p{margin:6px 0 0;color:var(--mute);font-size:14.5px;line-height:1.55;max-width:34em}
.sobre .body{font:400 15.5px/1.7 var(--sans);max-width:36em;margin-top:18px;text-wrap:pretty}
.tl span{font:400 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);padding-top:6px}.tl b{font:500 17px/1.25 var(--serif)}
/* comparador clay x render */
.cmpw{margin:0}.cmp{margin:0;position:relative;aspect-ratio:var(--ar);overflow:hidden;background:var(--plate);user-select:none;--pos:50%}
.cmp>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cmp-top{clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.cmp::after{content:"";position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.28);pointer-events:none;z-index:1}
.cmp::before{content:"";position:absolute;top:50%;left:var(--pos);width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121416' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 7l-5 5 5 5M16 7l5 5-5 5'/%3E%3C/svg%3E") center/22px no-repeat;box-shadow:0 2px 10px rgba(0,0,0,.3);pointer-events:none;z-index:2}
.cmp input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;z-index:3;touch-action:pan-y}
.cmp:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}
.cmp-tag{position:absolute;bottom:14px;padding:7px 11px;background:color-mix(in srgb,var(--paper) 90%,transparent);border-radius:99px;z-index:1;color:var(--ink);font-size:10.5px}.cmp-l{left:14px}.cmp-r{right:14px}
.cmp-cap{padding-top:10px;font:400 12.5px/1.5 var(--sans);color:var(--mute)}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,32px)}.stats li{border-top:1px solid var(--ink);padding-top:14px}.stats b{display:block;font:500 clamp(30px,3.4vw,44px)/1 var(--serif);color:var(--accent);font-variant-numeric:lining-nums}.stats span{display:block;margin-top:10px;color:var(--mute);font-size:14px;line-height:1.45;max-width:18em}
.just{text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:7 3 3}
.ft a.ln{border-bottom:1px solid var(--line)}.ft a.ln:hover{border-color:var(--ink)}
/* lightbox */
dialog{border:0;padding:0;background:var(--paper);color:var(--ink);max-width:min(1200px,94vw);max-height:92vh;width:auto}
dialog::backdrop{background:rgba(10,12,14,.72)}
dialog .in{padding:20px;display:grid;gap:12px;max-height:92vh;overflow:auto}dialog img{max-width:100%;max-height:74vh;margin-inline:auto;object-fit:contain}
dialog .x{justify-self:end;font:400 11.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--line);border-radius:99px;padding:8px 14px}
@media (max-width:860px){
 .pt,.chap,.ab-strip,.ft,.sobre,.next{grid-template-columns:1fr}
 .hero{min-height:0;padding-top:0}.badge-stage{position:relative;right:auto;top:auto;width:100%;height:440px;margin:0}.b-flipbtn{right:var(--gut);top:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.conv,.cred,.stats{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr}
 .row{grid-template-columns:36px 72px 1fr}.row .c,.row p{display:none}.row img{width:72px;height:54px}
 .sobre figure{position:static;max-width:420px}.avail{display:none}.nav{margin-left:auto}
}
@media (max-width:560px){.pal{grid-template-columns:repeat(3,minmax(0,1fr))}.grid{grid-template-columns:1fr}.figs .two{grid-template-columns:1fr}.hd .wrap{height:64px}.brand{font-size:21px}.flow{grid-template-columns:1fr}.flow div::after{display:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important;animation:none!important}}

/* production : accessibilité, langues, mentions légales */
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:-9999px;top:8px;z-index:50;background:var(--ink);color:var(--paper);padding:10px 16px;border-radius:99px;font:500 14px var(--sans)}.skip:focus{left:var(--gut)}
main:focus{outline:none}
.hd .lang{display:flex;gap:2px;font:400 11px/1 var(--mono);letter-spacing:.07em}.hd .lang a{padding:8px 7px;color:var(--mute);border-radius:99px}.hd .lang a:hover{color:var(--ink)}.hd .lang a[aria-current]{color:var(--ink);box-shadow:0 1px 0 var(--ink)}
.legalp{padding-block:clamp(32px,5vw,64px) clamp(56px,8vw,112px);max-width:820px}.legalp h1{margin:14px 0 32px}
.prose h2{font:500 20px/1.25 var(--serif);margin:36px 0 10px}.prose p{max-width:62ch;color:var(--ink);margin:0 0 14px;text-wrap:pretty}.prose p.mute{color:var(--mute)}
.prose a.ln,.legal a{border-bottom:1px solid var(--line)}.prose a.ln:hover,.legal a:hover{border-color:var(--ink)}
.legal a{color:var(--mute)}
@media (max-width:700px){.hd .lang{display:none}}
.metaline,.sunbar button{text-transform:none}

/* 09/10: padronização */
.sobre .intro,.sobre .body{font:400 16.5px/1.7 var(--sans);max-width:36em;margin:18px 0 0;text-wrap:pretty}.sobre .intro{margin-top:0}
.lab{font-size:9.5px;padding:6px 9px;background:rgba(18,20,22,.78)}
.sunbar{flex-wrap:wrap}

/* 09/10 noite: sempre claro ao abrir; escuro so por escolha; pranchas sobre cartao de papel */
:root[data-theme="dark"] .fig.plate .box,:root[data-theme="dark"] .figs .two .fig.plate .box{background:#f1efe9;padding:clamp(8px,1.4vw,16px)}
:root[data-theme="dark"] .fig.plate img{background:transparent}
.lens{background-color:#f1efe9}
/* grade uniforme: todo item de um par ocupa a mesma caixa */
.figs .two .fig .box{aspect-ratio:var(--tw,4/3);display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--plate)}
.figs .two .fig img{width:100%;height:100%;max-width:100%;max-height:none;object-fit:cover;margin:0;aspect-ratio:auto}
.figs .two .fig.plate img,.figs .two .fig.nat img{object-fit:contain;width:auto;height:auto;max-width:100%;max-height:100%}
.figs .two .fig.plate{padding-top:0;border-top:0}
.fig figcaption{text-align:left;max-width:none}
.pt .lede,.chap p,.hero .sub{text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto;hyphenate-limit-chars:7 3 3}
.hero .sub{text-align:left;hyphens:none}