@font-face{font-family:Inter;src:url('assets/inter.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url('assets/inter-bold.woff2') format('woff2');font-weight:700;font-display:swap}:root{--cream:#fbeada;--green:#044701;--lime:#c7e6a3;--wine:#7e0000;--pink:#ecd7d7;--blue:#0078a6;--sky:#c8e5ff;--ink:#1e1511;--line:#04470125}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--cream);color:var(--green);font:14px/1.65 Inter,Arial,sans-serif}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.skip{position:fixed;left:20px;top:-100px;z-index:100;padding:12px;background:var(--lime)}.skip:focus{top:10px}.sidebar{width:240px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:38px 28px 25px;display:flex;flex-direction:column;z-index:20;background:var(--cream);overflow:auto}.brand{width:116px}.sidebar-title{font-size:10px;letter-spacing:1.5px;line-height:1.65;margin:32px 0 27px}.sidebar-title>span{display:inline-block;border:1px solid currentColor;padding:0 5px;font-size:8px;margin-left:6px}nav{display:grid;gap:4px}nav a{font-size:12px;padding:9px 11px;margin-left:-11px;border-radius:3px;display:flex;gap:15px;align-items:center}nav a>span{font-size:9px;opacity:.55;font-variant-numeric:tabular-nums}nav a:hover,nav a.active{background:var(--lime)}nav a.active{font-weight:700}.sidebar-footer{margin-top:auto;padding-top:30px;font-size:9px;line-height:2}.sidebar-footer small{opacity:.65;font-size:8px}.status-dot{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;margin-right:5px}.menu-toggle{display:none}main{margin-left:240px;max-width:1700px}.cover{min-height:790px;height:min(900px,100svh);display:flex;flex-direction:column;padding:28px 6% 24px;border-bottom:1px solid var(--line);overflow:hidden;position:relative}.cover-top,.cover-bottom{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.3px}.cover-top{border-bottom:1px solid var(--line);padding-bottom:20px}.cover-bottom{border-top:1px solid var(--line);padding-top:20px}.cover-content{display:grid;grid-template-columns:56% 44%;align-items:center;flex:1}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:700;margin:0 0 26px}.cover .eyebrow{font-size:8px}.cover h1{font-size:clamp(56px,6vw,96px);line-height:.99;letter-spacing:-5px;margin:0;position:relative;font-weight:700}.cover h1>span{font-size:25px;position:absolute;top:4px;margin-left:15px;letter-spacing:0}.cover-description{font-size:14px;line-height:1.8;margin:30px 0}.pill-link{border-bottom:1px solid currentColor;padding-bottom:9px;display:inline-flex;gap:40px;font-size:12px;font-weight:700}.pill-link span{font-size:19px}.cover-art{position:relative;height:570px}.cover-vinar{position:absolute;width:95%;height:440px;object-fit:contain;bottom:10px;right:-10px;transform:rotate(7deg)}.cover-cap{position:absolute;width:80%;top:0;left:0;transform:rotate(-12deg)}.art-label{position:absolute;bottom:0;left:-20px;font-size:10px;line-height:1.1;font-weight:700;transform:rotate(-8deg);background:var(--green);color:var(--lime);padding:14px 20px}.chapter{padding:85px 6%;border-bottom:1px solid var(--line)}.chapter-heading{max-width:740px;margin-bottom:40px}.chapter-heading h2{font-size:clamp(37px,4vw,62px);line-height:1.05;letter-spacing:-2.8px;margin:0 0 24px}.chapter-heading>p:not(.eyebrow){max-width:600px;font-size:14px;line-height:1.8;margin-bottom:0}.intro-text{font-size:23px;letter-spacing:-.5px;line-height:1.55;max-width:780px;margin:0 0 45px}h3{font-size:18px;letter-spacing:-.5px;line-height:1.3;margin:0 0 16px}p{margin:0 0 18px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.principles article{border-top:1px solid var(--green);padding-top:17px}.principles article>span{font-size:10px;display:block;margin-bottom:25px;opacity:.6}.principles p{font-size:12px;line-height:1.8;margin:0}.source-note{font-size:10px;line-height:1.7;opacity:.65;margin:25px 0 0}.logo-showcase{display:grid;grid-template-columns:3fr 2fr;border:1px solid var(--line);min-height:355px;margin-bottom:35px}.logo-stage{display:flex;align-items:center;justify-content:center;position:relative;background:#f5e1ce;padding:60px}.logo-stage>img{width:280px}.logo-stage>span,.logo-variants span{font-size:8px;letter-spacing:1.3px;position:absolute;bottom:19px;left:22px}.logo-variants{display:grid;grid-template-rows:1fr 1fr;border-left:1px solid var(--line)}.logo-variants>div{display:flex;align-items:center;justify-content:center;position:relative;padding:25px 25px 40px}.logo-variants>div:first-child{border-bottom:1px solid var(--line)}.logo-variants img{max-width:155px;max-height:90px}.logo-variants>div:last-child img{width:32px;height:65px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:42px}.two-col p,.two-col li{font-size:12px;line-height:1.85}.two-col ul{margin:0;padding-left:17px}.two-col li{margin-bottom:7px}.note{background:#04470107;border-left:2px solid var(--green);padding:18px 22px;margin:30px 0}.note strong{font-size:11px}.note p{font-size:11px;line-height:1.85;margin:7px 0 0}.text-link{display:inline-flex;gap:40px;border-bottom:1px solid currentColor;padding-bottom:8px;font-size:12px;font-weight:700}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 16px}.swatch{background:transparent;border:0;text-align:left;padding:0;cursor:pointer;min-width:0}.swatch-color{height:160px;background:var(--swatch);display:flex;align-items:end;padding:15px;border:1px solid #1e151115;transition:transform .2s}.swatch:hover .swatch-color{transform:translateY(-4px)}.swatch-color>span{font-size:11px;font-weight:700;background:var(--cream);color:var(--ink);padding:4px 7px;display:flex;justify-content:space-between;width:100%}.swatch-color b{font-weight:400}.swatch-info{display:block;padding:13px 0}.swatch-info strong{font-size:11px;display:block;margin-bottom:7px}.swatch-info small{font-size:9px;line-height:1.9;display:block;opacity:.7}.subheading{margin-top:45px}.pair-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pair{padding:26px}.pair>span{font-size:60px;font-weight:700;letter-spacing:-4px;line-height:1}.pair p{margin:22px 0 0;font-size:11px}.pair-green{background:var(--lime);color:var(--green)}.pair-red{background:var(--pink);color:var(--wine)}.pair-blue{background:var(--sky);color:var(--blue)}.type-display{background:var(--lime);padding:28px 35px;margin-bottom:35px}.spec-label{display:flex;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:1.5px}.type-display img{width:350px;margin:35px 0}.type-display>p{font-size:11px;margin-bottom:0}.type-columns{margin:40px 0}.type-aa{font-size:65px;letter-spacing:-3px;font-weight:400}.type-columns article:first-child>p:not(.eyebrow){font-size:19px;line-height:1.4}.type-columns small{font-size:11px;line-height:1.85;display:block;opacity:.75}.type-source{margin:30px 0 0;border:1px solid var(--line)}.type-source figcaption{font-size:9px;border-top:1px solid var(--line);padding:12px 18px}.illustrations{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:35px}.illustration{margin:0;border:1px solid var(--line)}.illustration>div{height:255px;padding:20px;display:flex;align-items:center;justify-content:center;background:#f6e2ce}.illustration img{max-height:100%;width:auto;object-fit:contain}.illustration figcaption{padding:14px 16px;display:flex;justify-content:space-between;font-size:10px}.illustration figcaption a{border:1px solid var(--line);width:23px;height:23px;display:grid;place-items:center}.illustration a:hover{background:var(--lime)}.composition{margin:0 0 35px}.composition img{width:100%}.applications{display:grid;grid-template-columns:1fr 1fr;gap:28px 18px}.application{margin:0}.application:first-child{grid-column:1/-1}.application img{width:100%;transition:filter .2s}.application a:hover img{filter:brightness(.92)}.application figcaption{display:flex;justify-content:space-between;gap:10px;margin-top:12px;font-size:10px}.application figcaption strong{font-weight:400}.application figcaption>span{font-size:8px;opacity:.6}.download-main{display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--green);color:var(--cream);padding:35px;margin:35px 0 18px}.download-main span{font-size:8px;letter-spacing:1.5px}.download-main h3{font-size:30px;margin:17px 0 10px}.download-main p{font-size:11px;opacity:.8;margin:0}.download-main>b{font-size:50px;font-weight:400}.download-main:hover{background:#075d03}.download-links{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.download-links a{border-bottom:1px solid var(--line);padding:19px 0;display:flex;justify-content:space-between;font-size:11px}.download-links span{font-size:9px;opacity:.6}.source-box{margin-top:50px;padding-top:30px;border-top:1px solid var(--line)}.source-box p{font-size:11px;line-height:1.9;max-width:680px}.source-box small{font-size:10px;opacity:.6}footer{display:flex;align-items:center;justify-content:space-between;padding:35px 6%;gap:20px}footer img{width:90px}footer span{font-size:8px;letter-spacing:1px}footer a{font-size:10px}.toast{position:fixed;bottom:25px;left:calc(50% + 120px);transform:translate(-50%,20px);padding:13px 23px;background:var(--green);color:var(--cream);font-size:12px;z-index:40;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1700px){.cover{height:900px}.cover-vinar{height:510px}.cover-art{height:650px}.cover-cap{max-width:410px}}
@media(max-width:1150px){.sidebar{width:205px;padding:30px 22px}main{margin-left:205px}.cover h1{font-size:65px;letter-spacing:-3.6px}.cover-art{height:490px}.cover-vinar{height:350px}.cover{min-height:700px}.swatches{grid-template-columns:repeat(4,1fr);gap:15px 10px}.swatch-color{height:130px;padding:10px}.swatch-color>span{font-size:9px}.illustration>div{height:210px}.chapter{padding:65px 6%}.principles{gap:20px}.toast{left:calc(50% + 102px)}}
@media(max-width:850px){.sidebar{position:sticky;top:0;width:100%;height:76px;overflow:visible;padding:14px 5%;flex-direction:row;align-items:center;justify-content:space-between;border-right:0;border-bottom:1px solid var(--line)}.brand{width:85px}.sidebar-title,.sidebar-footer{display:none}.menu-toggle{display:flex;gap:20px;align-items:center;background:none;border:1px solid var(--line);padding:8px 12px;font-size:10px}.menu-toggle span{font-size:19px}nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--cream);padding:18px 7% 25px;border-bottom:1px solid var(--green);box-shadow:0 20px 25px #1e151111;max-height:calc(100svh - 76px);overflow:auto}nav.open{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}nav a{font-size:12px;padding:12px}main{margin-left:0}.cover{min-height:720px;height:auto;padding:22px 6%}.cover-content{min-height:590px}.cover h1{font-size:76px}.cover-art{height:510px}.cover-vinar{height:400px}.toast{left:50%}html{scroll-padding-top:96px}}
@media(max-width:570px){.cover{padding:20px 7%;min-height:0}.cover-top,.cover-bottom{font-size:7px;letter-spacing:.8px;gap:12px}.cover-top{padding-bottom:16px}.cover-content{grid-template-columns:1fr;min-height:0;padding-top:38px}.cover .eyebrow{font-size:8px;margin-bottom:24px}.cover h1{font-size:64px;letter-spacing:-3.5px}.cover h1>span{font-size:20px;margin-left:10px}.cover-description{font-size:13px;margin:24px 0}.cover-art{height:310px;margin:25px 0 15px}.cover-cap{width:45%;left:0;top:15px}.cover-vinar{width:65%;right:-8px;height:320px;bottom:-10px}.art-label{left:10px;bottom:20px;font-size:9px}.cover-bottom{padding-top:15px;font-size:6px}.chapter{padding:55px 7%}.chapter-heading{margin-bottom:30px}.chapter-heading h2{font-size:40px;letter-spacing:-1.8px}.chapter-heading>p:not(.eyebrow){font-size:13px}.eyebrow{font-size:8px;margin-bottom:20px}.intro-text{font-size:19px}.principles{grid-template-columns:1fr;gap:26px}.principles article>span{margin-bottom:15px}.principles h3{margin-bottom:12px}.principles p{font-size:12px}.logo-showcase{grid-template-columns:1fr}.logo-stage{padding:65px 45px;min-height:260px}.logo-stage>img{width:220px}.logo-variants{border-left:0;border-top:1px solid var(--line);grid-template-columns:1fr 1fr;grid-template-rows:1fr}.logo-variants>div{min-height:165px;padding:20px 20px 45px}.logo-variants>div:first-child{border-bottom:0;border-right:1px solid var(--line)}.logo-variants img{max-width:100%;max-height:70px}.logo-variants span{font-size:6px;left:12px;bottom:15px;letter-spacing:.6px}.two-col{grid-template-columns:1fr;gap:25px}.swatches{grid-template-columns:1fr 1fr;gap:14px}.swatch-color{height:140px}.swatch-color>span{font-size:10px}.pair-grid{gap:9px}.pair{padding:19px 12px}.pair>span{font-size:43px}.pair p{font-size:8px;margin-top:15px}.type-display{padding:22px}.spec-label{font-size:7px;letter-spacing:.7px}.type-display img{margin:30px 0;width:100%}.type-aa{font-size:60px}.type-columns{gap:35px}.type-source figcaption{font-size:8px;padding:10px}.illustrations{grid-template-columns:1fr 1fr;gap:12px}.illustration>div{height:190px;padding:15px}.illustration figcaption{font-size:9px;padding:12px;gap:4px}.illustration figcaption a{flex-shrink:0}.applications{grid-template-columns:1fr;gap:25px}.application figcaption{font-size:10px;align-items:baseline}.application figcaption>span{font-size:8px}.download-main{padding:25px}.download-main h3{font-size:24px}.download-main p{font-size:10px}.download-main>b{font-size:35px}.download-links{grid-template-columns:1fr}.note{padding:15px 17px}.note p{font-size:10px}.source-box{margin-top:35px}footer{flex-wrap:wrap;padding:30px 7%}footer span{font-size:7px;max-width:120px}footer a{font-size:10px}.toast{width:max-content;max-width:90%;font-size:11px}.source-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
@media print{.sidebar,.toast,.skip{display:none}main{margin:0}.cover{height:auto;min-height:700px}.chapter{break-before:page}.note,.illustration,.application{break-inside:avoid}a{color:inherit}.swatch-color,.pair,.type-display{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.hub-link{display:block;margin-bottom:14px;font-size:10px;font-weight:700;border-bottom:1px solid currentColor;width:max-content;line-height:1.6}.hub-link:hover{background:var(--lime)}