:root{--ink:#172e38;--deep:#172c27;--green:#153c36;--leaf:#cee8a6;--paper:#f7f6ef;--line:#ced5cb;--muted:#4a5c53;--button-bg:var(--green);--button-text:#fff;--button-hover:#28594b;--button-light-bg:var(--leaf);--button-light-text:var(--deep);--button-light-hover:#e4f5ca;--gutter:clamp(20px,5vw,80px);--pad:clamp(56px,6vw,90px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.6 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #bd7924;outline-offset:4px}::selection{background:var(--leaf);color:var(--deep)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600;line-height:1.07;letter-spacing:-.045em}h2{font-size:clamp(2.3rem,4.5vw,4.3rem)}h3{font-size:1.2rem;letter-spacing:-.02em}img{display:block;max-width:100%}.shell{width:min(100%,1510px);margin:auto;padding-inline:var(--gutter)}.dark{background:var(--deep);color:white}.skip{position:fixed;left:12px;top:-100px;background:white;color:var(--ink);padding:12px;z-index:5}.skip:focus{top:12px}
header{background:#292728;color:white}.bar,nav,.actions,.foot,.endline{display:flex;align-items:center}.bar{gap:4vw;min-height:84px;justify-content:space-between}.brand{width:138px;flex:none}.brand img{width:100%;height:auto}nav{gap:clamp(12px,2vw,32px)}nav a,.textlink{min-height:44px;display:inline-flex;align-items:center;font-weight:550}nav a:hover,.textlink:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:12px 21px;border-radius:8px;background:var(--button-bg);color:var(--button-text);font-weight:650;line-height:1.35}.button:hover{background:var(--button-hover)}.pale{color:var(--button-light-text);background:var(--button-light-bg)}.pale:hover{background:var(--button-light-hover)}.actions{flex-wrap:wrap;gap:12px 24px}.bar .button{font-size:.9rem}.icon{width:19px;height:19px;flex:none}
.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5%;padding-block:clamp(40px,5vw,82px)}h1{font-size:clamp(3rem,5.8vw,5.9rem);max-width:11ch}h1 em{font-style:normal;color:var(--leaf)}.hero p{font-size:clamp(1rem,1.3vw,1.24rem);color:#e0e9df;max-width:42ch;margin:24px 0 28px}.display{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:center}.tile{border-radius:12px;background:#fff;color:var(--ink);overflow:hidden}.tile:first-child{transform:translateY(-18px)}.tile:last-child{transform:translateY(18px)}.tile img{width:100%;height:clamp(190px,18vw,300px);object-fit:contain;padding:10px}.tile figcaption{padding:12px 16px;background:#e5ebdd;font-size:14px;font-weight:650}.tile:last-child figcaption{background:#dae6ee}
.intro{border-bottom:1px solid var(--line)}.intro .shell{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;padding-block:18px;font-size:15px}.intro a{display:inline-flex;align-items:center;min-height:44px;color:var(--green);text-decoration:underline;text-underline-offset:4px}.showroom{padding-block:var(--pad)}.section-head{max-width:750px;margin-bottom:36px}.section-head p,.coverage-copy>p{margin-top:16px;color:var(--muted)}.maker{background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden}.maker+.maker{margin-top:36px}.maker-head{display:grid;grid-template-columns:minmax(150px,1fr) minmax(0,2fr);gap:4%;padding:clamp(24px,3vw,46px);align-items:start}.wordmark{height:78px;width:185px;display:grid;place-items:center;overflow:hidden;position:relative;margin-bottom:16px}.wordmark img{width:100%;height:auto}.kitmark{width:110px}.kitmark img{width:100%;height:100%;object-fit:contain}.maker-head h3{font-size:clamp(1.5rem,2.2vw,2rem)}.maker-copy{max-width:64ch;color:var(--muted)}.maker-copy .button{margin-top:18px}.products{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;border-top:1px solid var(--line)}.product{padding:18px;min-width:0}.product+.product{border-left:1px solid var(--line)}.product img{width:100%;height:clamp(170px,17vw,255px);object-fit:contain}.product figcaption{margin:14px 0 2px;text-align:center;font-weight:600;line-height:1.4}.category{display:block;font-size:13px;letter-spacing:.025em;font-weight:450;color:var(--muted);margin-top:5px}
.coverage{padding-block:var(--pad);background:#eaf0e3}.coverage-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:8%}.coverage-copy .button{margin-top:24px}.region-instruction{margin:0 0 14px}.region{border-top:1px solid #aebcae}.region:last-child{border-bottom:1px solid #aebcae}.region summary{display:grid;grid-template-columns:minmax(0,1fr) auto 18px;gap:14px;align-items:center;padding:17px 10px;cursor:pointer;list-style:none}.region summary::-webkit-details-marker{display:none}.region-heading{display:grid;gap:3px}.region-label,.region-count{font-size:13px;color:var(--muted)}.region-location{font-weight:600}.region-toggle::after{content:'+';font-size:22px}.region[open] .region-toggle::after{content:'−'}.region summary:hover,.region[open]{background:#f6f8ef}.city-list{display:grid;grid-template-columns:1fr 1fr;gap:6px 24px;margin:0;padding:0 20px 20px 32px}
.contact .shell{padding-block:var(--pad)}.contact h2{max-width:16ch}.contact p{color:#e0e9df;margin:20px 0 26px}.foot{background:#292728;color:white}.endline{padding-block:25px;gap:24px;justify-content:space-between}.endline p{font-size:14px;color:#e0e5df}.foot .brand{width:110px}
@media(max-width:850px){.bar{gap:15px}nav{gap:12px;font-size:14px}.hero{gap:4%}.display{gap:8px}.tile img{height:170px}.hero h1{font-size:clamp(2.7rem,6vw,4rem)}.coverage-grid{gap:4%}}
@media(max-width:680px){.bar{display:grid;grid-template-columns:1fr auto;gap:0 12px;padding-top:12px}.bar .brand{width:115px}.bar .button{grid-area:1/2}.bar nav{grid-column:1/-1;justify-content:space-between;padding-block:3px}.hero,.coverage-grid,.maker-head{grid-template-columns:minmax(0,1fr)}.hero{padding-block:34px 42px;gap:32px}.hero h1{font-size:clamp(2.65rem,10.7vw,4rem);max-width:12ch}.display{gap:10px}.tile:first-child,.tile:last-child{transform:none}.tile img{height:clamp(130px,34vw,200px)}.tile figcaption{padding:8px 12px}.maker-head{gap:16px}.wordmark{height:52px;width:128px;margin-bottom:10px}.kitmark{width:88px}.kitmark img{width:88px}.products{grid-auto-flow:row}.product{display:grid;grid-template-columns:40% 1fr;gap:18px;align-items:center}.product+.product{border-left:0;border-top:1px solid var(--line)}.product img{height:126px}.product figcaption{margin:0;text-align:left}.coverage-grid{gap:32px}.region summary{padding:14px 8px;gap:8px}.endline{flex-wrap:wrap;justify-content:start}.city-list{grid-template-columns:1fr}.intro .shell{gap:4px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.launches h4 {
  margin: 0;
  padding: 20px clamp(20px, 3vw, 46px);
  border-top: 1px solid var(--line);
  background: var(--deep);
  color: white;
  font-size: clamp(1.2rem, 2vw, 1.65rem);
  font-weight: 600;
  line-height: 1.25;
}
.launch-note { padding: 10px clamp(20px, 3vw, 46px); color: var(--muted); font-size: 14px; }

/* A vitrine abre o catálogo; as marcas conduzem a leitura. */
#sobre{position:relative;isolation:isolate;background:#162c26 url("assets/papelaria-hero.png") center/cover no-repeat}
#sobre::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,30,24,.94),rgba(12,30,24,.8) 36%,rgba(12,30,24,.16) 85%);z-index:-1}
.hero.editorial{display:flex;align-items:flex-end;min-height:min(78svh,800px);padding-block:clamp(4rem,8vw,8rem)}
.editorial h1,.showroom h2,.contact h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.04em}
.editorial h1{font-size:clamp(3.5rem,7vw,6rem);line-height:.98;color:#fff9eb}
.editorial h1 em{display:block;font-style:italic;color:#e5efbe}
.editorial p{max-width:42ch;color:white}.editorial .actions{gap:.8rem}
.showroom .maker{border-radius:0;border:0;border-top:1px solid #8f9e90;background:transparent;box-shadow:none}
.showroom .product{border:0;border-radius:0;box-shadow:none;background:transparent}
.showroom .product figcaption{background:transparent;padding-inline:0}
@media(min-width:800px){.maker>.products{grid-template-columns:1.5fr 1fr 1fr;align-items:end}.maker>.products .product:first-child img{aspect-ratio:1.08}.maker>.products .product:nth-child(2){align-self:center}}
@media(max-width:600px){#sobre::before{background:linear-gradient(0deg,rgba(12,30,24,.97),rgba(12,30,24,.78) 65%,rgba(12,30,24,.2))}.hero.editorial{min-height:72svh;padding-block:3rem}.editorial .button{font-size:.92rem}}
#sobre{background-image:url("assets/vitrine-6186635.jpg");overflow:hidden}
.store-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.film-control{position:absolute;right:3%;bottom:.65rem;z-index:1;background:#172c27;color:white;border:1px solid #fff8;border-radius:2rem;padding:.65rem 1rem;min-height:44px;cursor:pointer}
@media(max-width:600px){.hero.editorial{padding-bottom:4.5rem}}

/* Capa e páginas de produto do catálogo */
#sobre{background:var(--deep)}
#sobre::before{display:none}
#sobre .store-film{inset:0 0 0 auto;width:54%;object-position:65% center;background:var(--deep)}
.hero.editorial{align-items:center;min-height:clamp(480px,68svh,710px);padding-block:3rem}
.editorial>div{width:44%}
.editorial h1,.showroom h2,.contact h2,.brand-title,.annotation h4{font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;font-weight:750;letter-spacing:-.04em}
.editorial h1{font-size:clamp(3rem,5vw,5.8rem);max-width:13ch}
.editorial h1 em{font-style:normal}
.showroom .section-head{margin-bottom:1.5rem}
.brand-title{font-size:clamp(2rem,4vw,4rem);padding-block:1.2rem}
.spread,.brand-notes{display:grid;grid-template-columns:3fr 2fr;gap:clamp(1rem,4vw,4rem);align-items:center}
.plate{background:#fff;display:grid;align-items:end;padding:clamp(1rem,3vw,3rem)}
.plate .product,.companions .product{display:block;padding:0;border:0}
.plate .product img{height:clamp(260px,33vw,475px)}
.plate .product figcaption,.companions .product figcaption{text-align:left;font-weight:500;font-size:.98rem}
.annotation h4{font-size:clamp(2rem,3.5vw,3.8rem);line-height:1.02}
.annotation p,.brand-notes p{margin-block:1rem 1.5rem;max-width:56ch}
#kit .spread{grid-template-columns:2fr 3fr}
#kit .plate{grid-column:2;grid-row:1;grid-template-columns:1.2fr 1fr;gap:1rem}
#kit .annotation{grid-column:1;grid-row:1}
#kit .plate .product:last-child img{height:clamp(120px,16vw,210px)}
.brand-notes{padding-block:clamp(2rem,5vw,5rem);border-bottom:1px solid var(--line);grid-template-columns:1fr 1.4fr}
.brand-notes h4{font-size:1.5rem}
.companions{display:flex;justify-content:space-evenly;gap:1rem}
.companions figure{flex:1;max-width:280px}
.companions img{height:clamp(135px,15vw,210px)}
@media(max-width:760px){
#sobre .store-film{width:100%;height:clamp(150px,27svh,240px);object-position:65% 45%}
.hero.editorial{min-height:0;padding-block:calc(clamp(150px,27svh,240px) + 1.15rem) 1.5rem}
.editorial>div{width:100%}.hero.editorial h1{font-size:clamp(2.4rem,8vw,3.5rem);max-width:none}
.editorial p{margin-block:.7rem 1rem}.editorial .actions{gap:.5rem}.editorial .button{padding-inline:.85rem}
.film-control{top:.4rem;bottom:auto}
.spread,#kit .spread,.brand-notes{grid-template-columns:minmax(0,1fr)}
#kit .plate,#kit .annotation{grid-column:auto;grid-row:auto}
.plate .product img{height:clamp(180px,58vw,330px)}
.annotation .wordmark{margin-bottom:.6rem}
}