.mast>.mobile-menu{flex-shrink:0}
.mast nav{gap:clamp(7px,1.25cqw,18px)}
.mast .menu-item{position:relative;display:inline-flex;align-items:center;line-height:1.2;min-height:44px;padding:8px 3px;font-size:clamp(14px,1.6cqw,20px)}
.mast .menu-divider{color:#8a8176;font-size:clamp(13px,1.5cqw,18px);font-weight:400;line-height:1;user-select:none}
.mast .menu-item:focus-visible{outline:2px solid #914315;outline-offset:3px;border-radius:3px}
.mast .brand{width:clamp(112px,13.7cqw,202px)}
.menu-item.selected::after{content:"";position:absolute;bottom:4px;left:3px;right:3px;height:2px;background:#ad642d;border-radius:2px}
.crumb{padding:13px 5.4%;display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#52616a;background:#eeeae2;border-block:1px solid #d8d1c5;font-size:clamp(12px,1.31cqw,18px)}
.crumb a:hover,.footer-contact:hover{text-decoration:underline}
.crumb [aria-hidden]{color:#977344}.crumb [aria-current]{color:var(--ink)}
.footer-contact{margin-left:auto;margin-right:1.5cqw;font:600 clamp(13px,1.44cqw,19px) var(--strong)}
.inner-lead,.page-heading,.article-head{background:#f1eee6}
.inner-lead{display:grid;grid-template-columns:1fr 1fr;gap:4cqw;align-items:center;padding:4.5cqw 5.4%}
.inner-lead>img{width:100%;aspect-ratio:1.25;object-fit:cover;border-radius:7px}
.platform-lead>img{object-fit:contain;max-height:285px}
.inner-lead h1,.article-head h1,.page-heading h1,.school h1,.instrument h1{font:600 clamp(36px,5.6cqw,86px)/1.02 var(--strong);letter-spacing:-.04em;margin:1.25cqw 0 1.7cqw}
.inner-lead p:not(.tag),.page-heading>p:not(.tag),.article-head>p:not(.tag),.related-band p:not(.tag),.resource p:not(.tag),.catalog-card p:not(.tag),.kit-overview>p:not(.tag),.contact-grid p:not(.tag){font-size:clamp(16px,1.72cqw,24px);line-height:1.48;color:var(--muted)}
.page-heading,.article-head{padding:4.5cqw 5.4% 4cqw}.page-heading>p:not(.tag),.article-head>p:not(.tag){max-width:65ch}
.article-head .tag,.page-heading .tag,.inner-lead .tag{color:#815023}
.article-head time,.updates time,.sheet-foot,.sheet-top>.tag,.section figcaption{font:400 clamp(10px,1.03cqw,15px)/1.5 var(--mono);letter-spacing:.03em}
.article-head time{display:block;margin-top:1.65cqw;color:#615d59}
.editor-link,.list-action{display:inline-flex;align-items:center;gap:9px;font:600 clamp(14px,1.53cqw,21px)/1.3 var(--strong);margin-top:1.35em;color:var(--ink)}
.editor-link{background:none;border:0;padding:0 0 3px;border-bottom:1px solid #a7a094;text-align:left}
.editor-link:hover,.catalog-card:hover .list-action{color:#8f4819}
.instrument-copy>.editor-link{display:flex;width:max-content;max-width:100%;color:#f7f2e3;border-color:#8a98a5}
.updates{padding-block:4.6cqw;background:#f2efe8;border-bottom:1px solid #d9d4c9}
.updates-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:1.8cqw}
.updates-title h2{font-size:clamp(28px,3.5cqw,54px)}
.updates ul{padding:0;margin:0;list-style:none}
.updates li{border-top:1px solid #d1cbbf}
.updates li a{display:grid;grid-template-columns:12% 1fr auto 20px;gap:1.6cqw;align-items:center;padding:1.25cqw 0}
.updates li a:hover strong{text-decoration:underline;text-underline-offset:3px}
.updates strong{font:600 clamp(16px,1.75cqw,25px)/1.22 var(--strong);letter-spacing:-.014em}
.area-label{font:400 clamp(10px,1.05cqw,15px) var(--mono);text-transform:uppercase;letter-spacing:.05em;color:#75471e}
.updates time{color:#5c605f;white-space:nowrap;text-transform:uppercase}
.updates .icon{color:#85532c;width:16px}
.catalog{display:grid;grid-template-columns:1fr 1fr;gap:2.5cqw;padding-top:3cqw}
.catalog-card{display:flex;flex-direction:column;background:#f1ede3;border-radius:14px;overflow:hidden;box-shadow:inset 0 0 0 1px #dfd9cb,0 3px 0 #cbbfa8,0 6px 9px #12202c12}
.catalog-card>img{width:100%;aspect-ratio:1.56;object-fit:cover}
.catalog-card>img[src$="janis-estudio.png"]{object-position:50% 7%}
.catalog-card>div{padding:2.7cqw;flex:1;display:flex;flex-direction:column;align-items:start}
.catalog-card h2,.resource h2,.contact-grid h2,.kit-overview h2,.related-band h2{font-size:clamp(28px,3.6cqw,56px);margin:1cqw 0 1.4cqw}
.catalog-card .list-action{margin-top:auto;padding-top:1.5em}
.articles .catalog-card .tag{display:block}
.story-grid,.contact-grid,.resource,.related-band{display:grid;align-items:center;gap:4.3cqw;grid-template-columns:.88fr 1.12fr}
.story-grid>figure>img{width:100%;max-height:570px;object-fit:cover;object-position:center 65%;border-radius:7px}
.section figure>figcaption{color:#5b6061;margin-top:9px}
.prose p:not(.tag){font-size:clamp(16px,1.8cqw,25px);line-height:1.55;color:#38464d}
.prose h2{font-size:clamp(27px,3.45cqw,52px);line-height:1.08;margin:.5em 0 .45em}
.prose p+p{margin-top:.9em}.prose p+h2{margin-top:1.15em}
.related-band{background:#e8e3d7;padding:4.4cqw 5.4%;grid-template-columns:1fr auto}
.related-band h2{margin:.33em 0}.related-band .button{white-space:normal;max-width:28ch}
.resource{grid-template-columns:1.15fr .85fr}.resource>img{width:80%;height:25cqw;object-fit:contain;margin:auto}.resource .button,.print-field,.reading .button{margin-top:1.5em}
.kit-overview>p:not(.tag){max-width:65ch}.kit-overview .parts{max-width:650px;margin-block:3cqw}.kit-overview .parts img{height:12cqw;max-height:150px}
.page-end{padding:0 5.4% 3.3cqw}.related-band+.page-end{padding-top:.4cqw}
.article-cover{background:var(--navy);max-height:32cqw;overflow:hidden}
.article-cover img{width:100%;height:32cqw;object-fit:cover;object-position:50% 46%}
.reading{max-width:78ch;margin:0 auto;padding:3cqw 6% 6cqw}
.contact-grid{align-items:start;grid-template-columns:.83fr 1.17fr}
.contact-grid>div>.editor-link{display:flex;width:max-content;max-width:100%}
.contact-form{display:flex;flex-direction:column;gap:9px}.contact-form label{font-weight:600;font-family:var(--strong)}
.contact-grid .form-status{font-size:clamp(14px,1.45cqw,19px);background:#e9e4d9;border-left:3px solid #be752f;padding:12px 15px;margin-bottom:.65em}
.form-status strong{font-family:var(--strong);font-weight:600}
.contact-form textarea,.contact-form select{font:inherit;width:100%;padding:.7em .8em;background:white;color:var(--ink);border:1px solid #b6b1a4;border-radius:6px;margin-bottom:.7em}
.contact-form textarea{resize:vertical;min-height:100px}
.contact-form .button{align-self:start}.contact-form .copy-status{font-size:14px;min-height:1.3em}
#rascunho{border-top:1px solid #c7c0b3;margin-top:14px;padding-top:14px}#rascunho label{display:block;margin-bottom:6px}
#rascunho .copy-draft{margin-top:0}
.worksheet{margin:3cqw 5.4%;padding:4cqw;background:white;border:1px solid #d7d2c8}
.sheet-top,.drawing-area{display:flex;align-items:center;justify-content:space-between;gap:16px}
.sheet-top img{width:110px}.worksheet h2{font-size:clamp(28px,3.5cqw,54px);margin:.75em 0}
.field-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:24px}.field-grid p{padding:8px 0 17px;border-bottom:1px solid #a3a7aa}
.worksheet h3{font:600 clamp(18px,2cqw,28px) var(--strong);margin:1.3em 0 .6em}
.drawing-area{justify-content:start}.drawing-area span{max-width:27ch;color:var(--muted)}
.eyepiece{width:clamp(110px,19cqw,260px);aspect-ratio:1;border:1px solid #91999c;border-radius:50%;flex:none}
.write-lines{height:5.4em;background:repeating-linear-gradient(transparent,transparent calc(1.8em - 1px),#a8acae calc(1.8em - 1px),#a8acae 1.8em)}
.sheet-foot{margin-top:20px;color:#5a6062}
@media(max-width:1150px){
 .mast .menu-divider{display:none}
 .mast>.mobile-menu{display:inline-flex;align-items:center;gap:9px}
 .mast nav{display:none;position:absolute;top:calc(100% - 5px);right:5.4%;width:min(225px,90%);background:var(--paper);border:1px solid #c9c1b3;border-radius:11px;padding:7px;box-shadow:0 6px 22px #00172c30}
 .mast nav.open{display:flex;align-items:stretch;flex-direction:column;gap:0}.mast nav .menu-item{padding:8px 12px;gap:12px;min-height:40px;justify-content:flex-start;font-size:16px}
 .mast .menu-item.selected{background:#e8e0d3;border-radius:6px}.menu-item.selected::after{display:none}
}
@media(max-width:760px){
 .crumb{font-size:12px;gap:6px;padding-block:10px}.updates,.page-heading,.article-head,.inner-lead,.related-band{padding:25px 6%}
 .updates-title{display:block;margin-bottom:15px}.updates-title h2{margin-top:7px}
 .updates li a{grid-template-columns:1fr auto;gap:3px 6px;padding:12px 0}.updates .area-label{grid-column:1;grid-row:1}.updates time{grid-column:2;grid-row:1;font-size:9px}.updates strong{grid-column:1;grid-row:2}.updates .icon{grid-column:2;grid-row:2;justify-self:end}
 .catalog,.inner-lead,.story-grid,.resource,.related-band,.contact-grid{grid-template-columns:1fr;gap:19px}
 .inner-lead h1,.page-heading h1,.article-head h1,.school h1,.instrument h1{font-size:clamp(29px,11.7cqw,46px);margin:10px 0 14px}
 .inner-lead>img{aspect-ratio:1.65}.platform-lead>img{height:150px}
 .related-band .button{justify-self:start}.related-band h2,.resource h2,.contact-grid h2,.kit-overview h2{margin:8px 0 11px}
 .story-grid>figure{grid-row:2}.story-grid>figure>img{max-height:340px;object-position:50% 65%}
 .catalog{padding-block:22px 35px}.catalog-card>div{padding:17px}.catalog-card h2{margin:7px 0 11px}.catalog-card .tag{display:block}
 .article-cover,.article-cover img{height:43cqw;max-height:none}
 .reading{padding:19px 6% 34px}.resource>img{height:140px}
 .page-end{padding:9px 6% 26px}.worksheet{padding:13px}.field-grid{grid-template-columns:1fr}.sheet-top{flex-wrap:wrap}.sheet-top img{width:90px}
 .drawing-area{flex-wrap:wrap}.field-grid p,.drawing-area span{font-size:14px}
 .contact-form select{font-size:14px}.footer-contact{margin:0}.site>footer{flex-wrap:wrap;row-gap:14px}
}
@media print{
 @page{size:A4;margin:17mm}
 body:has(.worksheet),body:has(.worksheet) .site{background:white;color:black;width:auto;box-shadow:none;container-type:normal;overflow:visible}
 body:has(.worksheet) .mast,body:has(.worksheet) footer,body:has(.worksheet) .night-sky,body:has(.worksheet) .crumb,body:has(.worksheet) .page-heading,body:has(.worksheet) .page-end,body:has(.worksheet) .skip{display:none!important}
 .worksheet{margin:0;padding:0;border:none;break-inside:avoid}.sheet-top img{width:35mm}
 .worksheet h2{font-size:24pt;margin:10mm 0 4mm}.worksheet h3{font-size:14pt;margin:9mm 0 3mm}
 .field-grid{grid-template-columns:1fr 1fr}.field-grid p{font-size:11pt;padding:3mm 0 8mm}
 .drawing-area{flex-wrap:nowrap}.eyepiece{width:55mm}.drawing-area span{font-size:11pt}
 .write-lines{height:27mm;border-bottom:1px solid #777}.sheet-foot{font-size:9pt}
}

/* Local navigation is mounted only beside long-form editorial copy. */
.reader-layout{
 display:grid;
 grid-template-columns:minmax(0,58ch) minmax(160px,20cqw);
 grid-template-areas:"texto categorias";
 gap:clamp(25px,4.8cqw,76px);
 justify-content:center;
 align-items:start;
 padding:4cqw 5.4% 6cqw;
}
.reader-layout .reading{grid-area:texto;max-width:58ch;min-width:0;width:100%;margin:0;padding:0}
.reader-layout .reading h2:first-child{margin-top:0}
.reading-aside{min-width:0;align-self:start}
.reader-layout>.reading-aside{grid-area:categorias;position:sticky;top:18px}
.reading-menu,.reading-menu:last-of-type{
 border:1px solid #d5cbb9;border-radius:10px;
 background:#f1ede3;overflow:hidden;
 box-shadow:0 2px 0 #d9d0c1,0 4px 8px #32271e0d;
}
.reading-menu summary{
 display:flex;gap:9px;align-items:center;justify-content:flex-start;min-height:48px;
 padding:11px 12px;color:var(--ink);background:#e8e2d4 url(assets/granulado.png) repeat 0 0/150px;
}
.reading-menu summary img{width:24px;height:24px;object-fit:contain}
.reading-menu summary strong{font:600 clamp(15px,1.75cqw,22px)/1.2 var(--strong);letter-spacing:-.02em}
.reading-menu .menu-chevron{width:12px;height:12px;margin-left:auto;flex:none;color:#695e47}
.reading-menu[open] .menu-chevron{transform:rotate(180deg)}
.reading-menu summary:focus-visible{outline-offset:-3px}
.reading-menu ul{padding:3px 12px 5px;margin:0;list-style:none}
.reading-menu li+li{border-top:1px solid #dbd4c7}
.reading-menu li a{display:block;font:400 clamp(15px,1.55cqw,20px)/1.35 var(--sans);padding:11px 5px;color:#293b43}
.reading-menu li a:hover,.reading-menu li a:focus-visible{color:#81431c;text-decoration:underline;text-underline-offset:3px}
.story-reading{align-items:start;grid-template-areas:"local copy" "photo copy";row-gap:20px}
.story-reading>.reading-aside{grid-area:local}
.story-reading>figure{grid-area:photo;align-self:start}
.story-reading>figure>img{max-height:360px}
.story-reading>.prose{grid-area:copy;max-width:58ch}
.archive-empty{margin:2.4cqw 5.4% 1cqw;padding:20px 0;border-bottom:1px solid var(--line);color:var(--muted)}
@media(max-width:900px){
 .reader-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"categorias" "texto";gap:22px;padding:24px 6% 35px}
 .reader-layout>.reading-aside{position:static}
 .reading-aside{width:100%}
 .reading-menu summary{min-height:44px}
 .reading-menu li a{min-height:42px;padding-block:10px}
 .story-reading{grid-template-columns:minmax(0,1fr);grid-template-areas:"local" "copy" "photo";gap:18px}
 .story-reading>figure{grid-row:3}
}
@media print{
 .reader-layout{display:block;padding:0}.reading-aside{display:none}
}

/* Vitrine editorial, compartilhada pelo catálogo e pelos destaques da Home. */
.op-heading {padding-block:clamp(26px,3.5cqw,58px) clamp(16px,2cqw,30px)}
.op-heading h1 {margin-block:.18em .2em}
.op-heading>p:not(.tag) {max-width:54ch}
.op-showcase {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2cqw,32px);
  padding:clamp(18px,2.4cqw,37px) 5.4% clamp(28px,4.2cqw,68px);background:#f1eee6;
}
.hero+.op-showcase {background:#071e36}
.op-poster {
  --op-accent:#f5cd7d;--op-rule:#526475;--op-body:#d9e2e9;--op-bg:#102840;
  display:flex;flex-direction:column;min-width:0;overflow:hidden;isolation:isolate;
  color:#fffaf0;background:var(--op-bg);border:1px solid #24384a;border-radius:12px;
  text-align:start;box-shadow:0 3px 7px #18263a12;
}
.op-escola {--op-accent:#79401f;--op-body:#334955;--op-rule:#b3b9af;--op-bg:#f5f2e9;color:#142e41;border-color:#c8c7b9}
.op-scene {position:relative;overflow:hidden;aspect-ratio:1.86;background-size:cover;background-position:center;border-bottom:1px solid var(--op-rule)}
.op-sky {background-color:#102840;background-image:url(assets/vitrine/carta-noturna.svg)}
.op-field {background-color:#ece8dd;background-image:url(assets/vitrine/carta-de-campo.svg)}
.op-scene img {position:absolute;object-fit:contain;max-width:none}
.op-dome {position:absolute;right:6%;bottom:0;height:94%;width:54%;overflow:hidden;border-radius:52% 52% 0 0 / 56% 56% 0 0;border:1px solid #6a7f8d;border-bottom:0;background:#0a1b2e}
.op-dome img {inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.op-luna {height:39%;width:26%;left:9%;top:14%}
.op-collection {width:46%;height:83%;right:15%;top:7%;transform:rotate(4deg);filter:drop-shadow(7px 9px 4px #3a342f29)}
.op-compass {width:23%;height:38%;left:18%;bottom:21%;transform:rotate(-18deg);filter:drop-shadow(2px 4px 2px #3a342f26)}
.op-plate-label {position:absolute;left:6.5%;bottom:7%;display:inline-flex;align-items:center;gap:.6em;font:400 clamp(9px,.98cqw,13px)/1.3 var(--mono);letter-spacing:.025em;color:#d3dce0}
.op-plate-label i {width:1.6em;border-top:1px solid}
.op-field .op-plate-label {color:#50605e;background:#ece8dd;padding:2px 4px}
.op-copy {flex:1;display:flex;flex-direction:column;align-items:flex-start;padding:clamp(17px,2.4cqw,38px) 6.5% clamp(14px,1.8cqw,29px)}
.op-kind {display:flex;align-items:center;gap:.55em;font:400 clamp(10px,1.02cqw,14px)/1.4 var(--mono);letter-spacing:.055em;text-transform:uppercase;color:var(--op-accent)}
.op-kind::before {content:"";width:.45em;height:.45em;border-radius:100%;background:currentColor}
.op-copy h2 {font:600 clamp(25px,3.1cqw,49px)/1.03 var(--strong);letter-spacing:-.045em;margin:.28em 0 .36em;text-wrap:balance}
.op-intro {font:400 clamp(15px,1.65cqw,22px)/1.45 var(--sans);color:var(--op-body);max-width:43ch;text-align:start;margin-bottom:1.15em}
.op-action {margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border-top:1px solid var(--op-rule);padding-top:.75em;font:600 clamp(15px,1.64cqw,23px)/1.2 var(--strong)}
.op-action .icon {box-sizing:content-box;width:15px;height:15px;padding:8px;border-radius:50%;background:var(--op-accent);color:#102840;transition:transform .18s}
.op-escola .op-action .icon {background:#132f45;color:#f7f6f2}
main .op-showcase .op-intro {text-align:start;hyphens:none}
.op-poster:focus-visible {outline:3px solid #007588;outline-offset:3px}
@media (hover:hover) {
  .op-poster:hover .op-action {text-decoration:underline;text-underline-offset:4px}
  .op-poster:hover .op-action .icon {transform:translateX(3px)}
}
@container (max-width:620px) {
  .op-showcase {grid-template-columns:1fr}
  .op-scene {aspect-ratio:2.05}
  .op-copy h2 {font-size:clamp(26px,6cqw,35px)}
}
@media (prefers-reduced-motion:reduce) {.op-action .icon {transition:none}}