@font-face{font-family:'Bodoni Moda';src:url(fontes/BodoniModa-Variable.ttf);font-weight:400 900;font-display:swap}@font-face{font-family:Manrope;src:url(fontes/Manrope-Variable.ttf);font-weight:200 800;font-display:swap}
:root{--paper:#F4F1E6;--ink:#14291F;--line:#bec3ac;--muted:#4d5d41;--salvia:#B9BE9F;--lima:#CAD768}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:98px}body{margin:0;background:var(--paper);color:var(--ink);font:450 14px/1.75 Manrope,sans-serif}a{color:inherit;text-underline-offset:5px}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #68764C;outline-offset:4px}[hidden]{display:none!important}.skip{position:absolute;top:-90px}.skip:focus{top:4px;background:var(--paper);z-index:30}.mast{max-width:1480px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 5%;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.1em}.mast>a:first-child{text-decoration:none}.mast>span{text-align:center;font-size:9px}.button,button{border:1px solid var(--ink);border-radius:0;background:transparent;padding:12px 18px;text-decoration:none;min-height:44px;font-size:11px;letter-spacing:.03em}.button:hover,button:hover{background:var(--ink);color:var(--paper)}main{max-width:1480px;margin:auto}.hero{padding:0!important;display:grid;grid-template-columns:1.1fr .9fr;min-height:730px;border:0!important}.hero-copy{padding:60px 8% 50px 9%;background:radial-gradient(ellipse at 0 100%,#b9be9f90,transparent 60%),radial-gradient(ellipse at 100% 30%,#cad76855,transparent 50%)}.label{font-size:10px;line-height:1.6;letter-spacing:.17em;text-transform:uppercase;display:block}.hero-logo{display:block;width:100%;height:auto;margin:48px 0 22px}.hero h1{font:400 clamp(25px,2.5vw,38px)/1.3 'Bodoni Moda',serif;margin:12px 0}.hero-copy>p{max-width:33ch;color:var(--muted)}.hero-links{display:flex;gap:26px;margin-top:35px;font-size:11px}.hero-photo{position:relative;min-width:0;overflow:hidden;background:var(--ink)}.hero-photo>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero-photo:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#14291fe6)}.photo-caption{position:absolute;bottom:36px;left:36px;color:var(--paper);z-index:1;font-size:12px;letter-spacing:.12em}.photo-caption small{display:block;letter-spacing:.02em;margin-top:6px;opacity:.75}nav{display:flex;justify-content:space-between;gap:4px;position:sticky;top:0;z-index:20;padding:6px 4%;background:var(--ink);color:var(--paper)}nav a{font-size:10px;text-decoration:none;text-align:center;padding:17px 12px;letter-spacing:.03em}nav a:hover{background:#314735}section:not(.hero){padding:80px 6%;border-bottom:1px solid var(--line)}.heading{margin-bottom:36px}.heading h2{font:400 clamp(38px,4.2vw,66px)/1.06 'Bodoni Moda',serif;letter-spacing:-.035em;margin:18px 0 24px}.heading p{max-width:68ch;color:var(--muted);font-size:16px}.logo-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.specimen{min-height:310px;display:grid;place-items:center;padding:36px;border:1px solid var(--line)}.specimen.light{background:#f9f7f0}.specimen.dark{background:var(--ink);border-color:var(--ink)}.specimen img{width:90%;height:auto;max-height:320px}.logo-pair.secondary{margin-top:20px;grid-template-columns:1.7fr 1fr}.secondary .specimen{min-height:240px}.mono img{width:150px;height:180px}.rules{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:32px 0 8px}.rules>div{border-top:1px solid var(--line);padding-top:20px}.rules b{font-weight:600;font-size:12px}.rules p{font-size:13px;color:var(--muted)}details{margin-top:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;padding:20px 0;font-size:13px}details>ol{padding-bottom:22px}.swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.swatch{padding:0;border:1px solid var(--line);text-align:left}.swatch:hover{color:inherit;background:transparent}.swatch .paint{display:block;height:160px}.swatch .color-label{display:block;padding:14px;font-size:12px;line-height:1.7}.swatch small{display:block;font-size:11px;color:var(--muted)}.small{font-size:11px;color:var(--muted)}.theme-pair{display:grid;grid-template-columns:1fr 1fr;margin-top:40px;gap:20px}.theme-pair article{padding:38px;min-height:400px;position:relative;overflow:hidden}.theme-pair h3{font:400 clamp(40px,4.6vw,64px)/1.06 'Bodoni Moda',serif;letter-spacing:-.03em}.theme-pair p{max-width:38ch}.theme-light{background:radial-gradient(ellipse at 95% 85%,#CAD768,transparent 65%),#f9f7f0}.theme-dark{background:radial-gradient(ellipse at 95% 85%,#68764c,transparent 65%),var(--ink);color:var(--paper)}.caption-row{display:flex;gap:22px;align-items:center;flex-wrap:wrap;font-size:11px;margin-top:16px}.caption-row p{margin-right:auto;max-width:60ch}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.type-grid>article{padding:24px 0;border-top:1px solid var(--line);min-width:0}.display-sample{font:400 clamp(48px,5vw,76px)/1.08 'Bodoni Moda',serif;margin:35px 0}.sans-sample{font:450 clamp(30px,3.4vw,50px)/1.35 Manrope,sans-serif;margin:35px 0}.alphabet{font:400 35px/1.5 'Bodoni Moda',serif}.alphabet.sans{font:450 28px/1.6 Manrope,sans-serif}.type-grid>article>p:not(.display-sample):not(.sans-sample):not(.alphabet){color:var(--muted);max-width:48ch}.type-grid a{font-size:12px}.toolbar{display:flex;flex-wrap:wrap;gap:18px;align-items:end;border-block:1px solid var(--line);padding:22px 0;margin-bottom:20px}label{display:block;font-size:11px}label span{font-size:10px;color:var(--muted)}.toolbar label{flex:1;min-width:140px}.toolbar label:first-child{flex:1.4}input,select,textarea{display:block;width:100%;min-height:44px;border:1px solid #a7b194;border-radius:0;background:#faf8f1;color:var(--ink);font-size:13px;padding:10px 12px;margin-top:7px}textarea{resize:vertical;line-height:1.5}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 18px;margin-top:24px}.asset-card{min-width:0}.asset-card .thumb{display:grid;place-items:center;background:#eeece1;overflow:hidden;aspect-ratio:4/5;border:1px solid var(--line)}.asset-card.dark .thumb{background:var(--ink)}.asset-card .thumb img{width:100%;height:100%;object-fit:contain}.asset-card.brand .thumb{aspect-ratio:4/3;padding:20px}.asset-card h3{font-size:13px;font-weight:500;margin:14px 0 7px}.asset-card p{font-size:10px;color:var(--muted);margin:3px 0}.asset-links{display:flex;gap:13px;align-items:center;flex-wrap:wrap;font-size:10px}.asset-links button{font-size:10px;min-height:36px;padding:7px 11px;margin-left:auto}.note{margin-top:30px;padding:22px;border-left:2px solid #68764C;background:#e5e8d7;font-size:12px}.editor-layout{display:grid;grid-template-columns:380px minmax(0,1fr);gap:55px;align-items:start}#edit-form{min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}#edit-form>label{grid-column:1/-1}#edit-form>label:first-child,#edit-form>label:nth-child(2){grid-column:auto}.editor-tools{display:flex;flex-wrap:wrap;gap:8px;grid-column:1/-1}.editor-tools button{flex:1;font-size:10px;padding:10px;min-width:90px}#editor-status{grid-column:1/-1;font-size:12px;min-height:22px;margin:0}#edit-form>.small{grid-column:1/-1}#editor-status.error{color:#8a2924}.preview-column{position:sticky;top:94px;min-width:0}.preview-mat{background:#c5cab6;padding:24px}.preview-mat svg{width:100%;height:auto;display:block;box-shadow:0 8px 40px #14291f22;max-height:760px}#live-preview{min-height:400px}.download-list{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0}.download-list a{border:1px solid var(--line);padding:14px 20px;font-size:11px}.footer{max-width:1480px;margin:auto;display:flex;gap:26px;justify-content:space-between;padding:30px 6%;font-size:9px;letter-spacing:.06em}.import{padding-top:12px}li{padding:4px 0}code{overflow-wrap:anywhere}
@media(min-width:1600px){.hero{min-height:820px}}@media(max-width:900px){.mast{padding:20px 4%}.hero{min-height:590px}.hero-copy{padding:40px 7%}.hero-logo{margin-top:55px}.editor-layout{grid-template-columns:310px minmax(0,1fr);gap:25px}.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}nav{padding-inline:2%}nav a{font-size:9px;padding:16px 8px}.swatch .paint{height:120px}.rules{gap:18px}.theme-pair article{padding:28px}}@media(max-width:600px){html{scroll-padding-top:110px}.mast{gap:14px;flex-wrap:wrap}.mast>span{text-align:right;margin-left:auto;font-size:8px}.mast .button{width:100%;text-align:center}.hero{grid-template-columns:1fr}.hero-copy{padding:36px 7% 42px}.hero-logo{margin:32px 0 12px;max-width:480px}.hero h1{font-size:30px}.hero-photo{height:530px}.hero-photo>img{object-position:center 44%}.hero-links{margin-top:25px}.photo-caption{left:26px;bottom:26px}nav{flex-wrap:wrap;justify-content:center;padding:5px}nav a{flex:1 1 30%;padding:11px 4px;font-size:9px}section:not(.hero){padding:48px 6%}.heading h2{font-size:42px}.heading p{font-size:14px}.logo-pair,.logo-pair.secondary,.theme-pair,.type-grid,.editor-layout{grid-template-columns:1fr}.specimen{min-height:260px;padding:22px}.specimen img{max-height:260px}.secondary .specimen{min-height:190px}.rules{grid-template-columns:1fr;gap:12px}.rules>div{padding-top:15px}.swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.swatches>button:last-child{grid-column:1/-1}.swatch .paint{height:110px}.theme-pair article{min-height:360px}.theme-pair h3{font-size:48px}.type-grid{gap:24px}.toolbar{gap:12px}.toolbar label:first-child{flex-basis:100%}.asset-grid{gap:24px 12px}.asset-card h3{font-size:11px}.asset-links{gap:10px}.asset-links button{flex-basis:100%;margin:0}.editor-layout{gap:32px}.preview-column{position:static}.preview-mat{padding:15px}.footer{flex-wrap:wrap;gap:15px}#live-preview{min-height:280px}.hero-copy,.heading,.type-grid article{min-width:0}.sans-sample{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{nav,.toolbar,#editor,.mast .button{display:none}.hero{min-height:500px}.hero-copy{padding-top:30px}.hero-photo{height:500px}.rules,.type-grid{break-inside:avoid}.asset-card{break-inside:avoid}.footer{padding-bottom:10px}section:not(.hero){padding-block:30px}}

:root{--paper:#F5EFDF;--ink:#17291E}.hero{display:block;min-height:760px;background:url(assets/web/lightgin.jpg) center/cover no-repeat}.hero-copy{width:54%;min-height:760px;background:none;padding:52px 4% 45px 6%}.hero-photo{display:none}.hero-logo{margin:35px 0 0}.hero h1{font-size:29px}.hero-copy>p{max-width:35ch}.specimen.light{background:url(assets/web/lightpaper.jpg) center/cover}.specimen.dark{background:url(assets/web/darkwave.jpg) center/cover}.theme-light{background:url(assets/web/lightwave.jpg) center/cover}.theme-dark{background:url(assets/web/darkwave.jpg) center/cover}.reference-board{width:100%;height:auto;display:block}.reference-emblem{display:grid;grid-template-columns:170px 1fr 170px;align-items:center;gap:35px;margin-top:35px}.reference-emblem img{width:100%;height:auto}.reference-emblem h3{font:400 36px 'Bodoni Moda',serif}.swatches{grid-template-columns:repeat(6,minmax(0,1fr))}.thumb img{object-fit:contain}.hero-copy .hero-logo{max-height:none}.type-display .display-sample{font-variation-settings:'opsz' 24}.label{letter-spacing:.13em}nav{flex-wrap:wrap;justify-content:center}nav a{flex:1;white-space:nowrap}.reference-emblem>img:last-child{padding:10px;background:#ebe7d7}.theme-pair h3{font-variation-settings:'opsz' 24}@media(max-width:600px){.hero{min-height:830px;background-position:64% bottom;background-size:auto 75%;background-color:#f5efdf}.hero-copy{width:100%;min-height:830px;background:linear-gradient(#f5efdf 50%,#f5efdfd9 68%,transparent 90%);padding:36px 7%}.hero-logo{max-width:440px;margin-top:28px}.hero h1{font-size:28px}.hero-copy>p{max-width:30ch}.reference-emblem{grid-template-columns:1fr 1fr;gap:20px}.reference-emblem div{grid-column:1/-1;grid-row:2}.swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.swatches>button:last-child{grid-column:auto}nav a{flex:1 1 22%;font-size:9px;padding:10px 4px}.hero-links{gap:18px}}#edit-form>label:has(#edit-eyebrow){display:none}