.brandbook-root{--coal:#0e1216;--red:#cc342d;--green:#1c8742;--paper:#eff2f5;--mist:#eff2f5;--line:#0e121626;background:var(--paper);color:var(--coal);font-family:Karla,sans-serif}.brandbook-root button,.brandbook-root a{-webkit-tap-highlight-color:transparent}.brandbook-root button:focus-visible,.brandbook-root a:focus-visible{outline:2px solid var(--red);outline-offset:4px}.brandbook-root ::selection,.brandbook-root::selection{background:var(--red);color:#fff}.brandbook-root .site-shell{min-height:100vh}.brandbook-root .topbar{z-index:50;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0e1216f0;border-bottom:1px solid #ffffff21;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex;position:fixed;inset:0 0 auto}.brandbook-root .brand-mark{color:inherit;align-items:center;gap:18px;text-decoration:none;display:flex}.brandbook-root .brand-mark img{width:133px;height:auto}.brandbook-root .brand-mark span,.brandbook-root .version{letter-spacing:.18em;text-transform:uppercase;font:400 10px/1 JetBrains Mono}.brandbook-root .brand-mark span{border-left:1px solid #ffffff59;padding-left:18px}.brandbook-root .topbar-meta{align-items:center;gap:26px;display:flex}.brandbook-root .version{color:#ffffff94}.brandbook-root .print-button{color:#fff;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #ffffff59;align-items:center;gap:9px;padding:10px 14px;font:500 10px JetBrains Mono;transition:all .2s;display:flex}.brandbook-root .print-button:hover{color:var(--coal);background:#fff}.brandbook-root .print-button svg,.brandbook-root .hero svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:15px}.brandbook-root .side-nav{z-index:30;background:var(--paper);border-right:1px solid var(--line);flex-direction:column;gap:5px;width:190px;padding:42px 24px;display:flex;position:fixed;top:72px;bottom:0;left:0}.brandbook-root .nav-label{letter-spacing:.22em;text-transform:uppercase;color:#8b8b86;margin:0 10px 18px;font:500 9px JetBrains Mono}.brandbook-root .side-nav a{color:#777872;padding:9px 10px;font-size:13px;text-decoration:none;transition:all .2s;position:relative}.brandbook-root .side-nav a span{opacity:.65;width:28px;font:400 9px JetBrains Mono;display:inline-block}.brandbook-root .side-nav a:before{content:"";background:var(--red);width:3px;transition:all .2s;position:absolute;top:7px;bottom:7px;left:-24px;transform:scaleY(0)}.brandbook-root .side-nav a:hover,.brandbook-root .side-nav a.active{color:var(--coal)}.brandbook-root .side-nav a.active{font-weight:600}.brandbook-root .side-nav a.active:before{transform:scaleY(1)}.brandbook-root main{margin-left:190px}.brandbook-root .hero{color:#fff;height:100vh;min-height:760px;max-height:980px;position:relative;overflow:hidden}.brandbook-root .hero-image{object-fit:cover;width:100%;height:100%;animation:18s ease-out both bbHeroZoom;position:absolute;inset:0}.brandbook-root .hero-overlay{background:linear-gradient(90deg,#070a0cd1,#070a0c4d 67%,#070a0c14),linear-gradient(#0000 45%,#070a0cbf);position:absolute;inset:0}.brandbook-root .hero-content{z-index:2;flex-direction:column;justify-content:center;height:100%;padding:15vh clamp(40px,7vw,110px) 54px;display:flex;position:relative}.brandbook-root .tricolor-rule{width:96px;height:3px;margin-bottom:34px;display:flex}.brandbook-root .tricolor-rule span{background:var(--green);flex:1}.brandbook-root .tricolor-rule span:nth-child(2){background:#fff}.brandbook-root .tricolor-rule span:nth-child(3){background:var(--red)}.brandbook-root .mono-label{letter-spacing:.2em;text-transform:uppercase;font:500 10px/1.4 JetBrains Mono}.brandbook-root .mono-label.light{color:#ffffffbf}.brandbook-root .hero h1{letter-spacing:-.045em;max-width:1050px;margin:30px 0 0;font:400 clamp(64px,8.3vw,132px)/.82 Cormorant Garamond}.brandbook-root .hero h1 em{font-weight:400}.brandbook-root .hero-bottom{border-top:1px solid #ffffff59;justify-content:space-between;align-items:end;padding-top:25px;display:flex;position:absolute;bottom:50px;left:clamp(40px,7vw,110px);right:clamp(40px,7vw,110px)}.brandbook-root .hero-bottom p{color:#ffffffd9;max-width:560px;font-size:17px;line-height:1.45}.brandbook-root .hero-bottom span{letter-spacing:.16em;text-transform:uppercase;color:#ffffffa6;font:400 10px JetBrains Mono}.brandbook-root .content-section{padding:112px clamp(40px,6.5vw,100px);scroll-margin-top:70px}.brandbook-root .section-heading{border-bottom:1px solid var(--line);grid-template-columns:200px 1fr;padding-bottom:56px;display:grid}.brandbook-root .section-kicker{letter-spacing:.16em;text-transform:uppercase;gap:20px;padding-top:12px;font:500 10px JetBrains Mono;display:flex}.brandbook-root .section-kicker span:first-child{color:var(--red)}.brandbook-root .section-title-wrap{grid-template-columns:minmax(300px,.85fr) minmax(270px,.65fr);align-items:end;gap:55px;display:grid}.brandbook-root .section-title-wrap h2{letter-spacing:-.035em;max-width:660px;font:400 clamp(46px,5vw,76px)/.95 Cormorant Garamond}.brandbook-root .section-title-wrap p{color:#555954;max-width:500px;line-height:1.65}.brandbook-root .foundation{background:var(--paper)}.brandbook-root .manifesto-grid{grid-template-columns:1.25fr .75fr;gap:8vw;padding:100px 0;display:grid}.brandbook-root .manifesto blockquote{letter-spacing:-.03em;margin:32px 0;font:400 clamp(44px,5vw,76px)/.98 Cormorant Garamond}.brandbook-root .body-large{color:#535650;max-width:610px;font-size:19px;line-height:1.65}.brandbook-root .principles{border-top:1px solid var(--line)}.brandbook-root .principles article{border-bottom:1px solid var(--line);grid-template-columns:42px 1fr;gap:12px;padding:25px 0;display:grid}.brandbook-root .principles article>span{color:var(--red);font:400 10px JetBrains Mono}.brandbook-root .principles h3{margin-bottom:6px;font:500 27px Cormorant Garamond}.brandbook-root .principles p{color:#646660;font-size:14px;line-height:1.5}.brandbook-root .positioning{border-left:3px solid var(--red);grid-template-columns:220px 1fr;align-items:start;gap:35px;padding:10px 0 10px 34px;display:grid}.brandbook-root .positioning p:last-child{max-width:850px;font:400 clamp(28px,3vw,43px)/1.15 Cormorant Garamond}.brandbook-root .dark-section{background:var(--coal);color:#fff}.brandbook-root .dark-section .section-heading{border-color:#fff3}.brandbook-root .dark-section .section-title-wrap p{color:#fff9}.brandbook-root .logo-stage{margin:90px 0 60px}.brandbook-root .clear-space{border:1px dashed #ffffff4d;max-width:780px;margin:auto;padding:80px;position:relative}.brandbook-root .safe-area{border:1px solid #ffffff1a;justify-content:center;padding:45px 55px;display:flex}.brandbook-root .safe-area img{width:400px;max-width:100%}.brandbook-root .measure{color:#ffffff80;font:400 9px JetBrains Mono;position:absolute}.brandbook-root .measure.top{top:33px;left:50%}.brandbook-root .measure.left{top:50%;left:34px}.brandbook-root .logo-caption{letter-spacing:.1em;color:#ffffff80;text-transform:uppercase;justify-content:space-between;max-width:780px;margin:18px auto;font:400 9px JetBrains Mono;display:flex}.brandbook-root .logo-rules{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.brandbook-root .rule-demo{background:#1a1f24;place-items:center;height:180px;display:grid;position:relative;overflow:hidden}.brandbook-root .rule-demo img{width:170px}.brandbook-root .rule-demo.correct:after{content:"✓";color:#58b87a;font:14px Karla;position:absolute;top:12px;right:14px}.brandbook-root .rule-demo.wrong:after{content:"×";color:#e55b55;font:20px Karla;position:absolute;top:10px;right:14px}.brandbook-root .rule-demo.stretched img{transform:scaleX(1.35)}.brandbook-root .rule-demo.effects img{filter:drop-shadow(6px 7px 0 var(--red))}.brandbook-root .logo-rules h3{margin:18px 0 8px;font:500 21px Cormorant Garamond}.brandbook-root .logo-rules h3 span{color:var(--red);margin-right:8px;font:400 9px JetBrains Mono}.brandbook-root .logo-rules p{color:#ffffff8c;font-size:13px;line-height:1.5}.brandbook-root #colori{background:#fff}.brandbook-root .palette{grid-template-rows:220px 170px;grid-template-columns:1.45fr 1fr 1fr;margin:80px 0 65px;display:grid}.brandbook-root .color-card{text-align:left;cursor:copy;border:0;flex-direction:column;justify-content:space-between;padding:22px;display:flex}.brandbook-root .color-card:hover .color-name{transform:translate(5px)}.brandbook-root .color-name{font:500 26px Cormorant Garamond;transition:all .2s}.brandbook-root .color-data{letter-spacing:.08em;text-transform:uppercase;opacity:.75;justify-content:space-between;gap:15px;font:400 9px/1.4 JetBrains Mono;display:flex}.brandbook-root .color-0{grid-row:1/3}.brandbook-root .color-3{grid-column:2}.brandbook-root .ratio-row{max-width:940px}.brandbook-root .ratio-bar{gap:3px;height:13px;margin:18px 0 12px;display:flex}.brandbook-root .ratio-bar span{display:block}.brandbook-root .paper{background:var(--paper);border:1px solid #ddd}.brandbook-root .coal{background:var(--coal)}.brandbook-root .red{background:var(--red)}.brandbook-root .green{background:var(--green)}.brandbook-root .ratio-labels{text-transform:uppercase;color:#757772;justify-content:space-between;font:400 9px JetBrains Mono;display:flex}.brandbook-root .type-section{background:var(--paper)}.brandbook-root .type-specimens{border-bottom:1px solid var(--line);grid-template-columns:1.25fr 1fr 1fr;display:grid}.brandbook-root .type-specimens article{border-right:1px solid var(--line);flex-direction:column;min-height:480px;padding:55px 32px 40px;display:flex}.brandbook-root .type-specimens article:first-child{padding-left:0}.brandbook-root .type-specimens article:last-child{border-right:0}.brandbook-root .type-meta{text-transform:uppercase;letter-spacing:.12em;color:#767873;justify-content:space-between;font:400 9px JetBrains Mono;display:flex}.brandbook-root .alphabet{margin:55px 0 30px;font-size:105px;line-height:.8}.brandbook-root .display-specimen .alphabet,.brandbook-root .display-specimen h3{font-family:Cormorant Garamond}.brandbook-root .sans-specimen .alphabet,.brandbook-root .sans-specimen h3{font-family:Karla}.brandbook-root .mono-specimen .alphabet,.brandbook-root .mono-specimen h3{font-family:JetBrains Mono}.brandbook-root .type-specimens h3{font-size:31px;font-weight:400;line-height:1.1}.brandbook-root .mono-specimen h3{font-size:21px;line-height:1.5}.brandbook-root .usage{color:#777973;margin-top:auto;font-size:12px;line-height:1.6}.brandbook-root .type-scale{padding-top:50px}.brandbook-root .type-scale div{border-bottom:1px solid var(--line);grid-template-columns:220px 1fr;align-items:baseline;padding:20px 0;display:grid}.brandbook-root .type-scale span{color:#777;text-transform:uppercase;font:400 9px JetBrains Mono}.brandbook-root .type-scale strong{font-weight:400}.brandbook-root .type-scale div:first-child strong{font:400 70px Cormorant Garamond}.brandbook-root .type-scale div:nth-child(2) strong{font:400 46px Cormorant Garamond}.brandbook-root .type-scale div:nth-child(3) strong{font-size:20px}.brandbook-root .type-scale div:nth-child(4) strong{letter-spacing:.15em;font:500 11px JetBrains Mono}.brandbook-root .voice-section{background:#fff}.brandbook-root .voice-grid{grid-template-columns:repeat(4,1fr);margin:75px 0;display:grid}.brandbook-root .voice-grid article{border-right:1px solid var(--line);flex-direction:column;min-height:220px;padding:0 28px 25px;display:flex}.brandbook-root .voice-grid article:first-child{padding-left:0}.brandbook-root .voice-grid article:last-child{border:0}.brandbook-root .voice-grid article>span{color:var(--red);font:400 9px JetBrains Mono}.brandbook-root .voice-grid h3{margin:25px 0 12px;font:500 32px Cormorant Garamond}.brandbook-root .voice-grid p{color:#555954;line-height:1.55}.brandbook-root .voice-grid small{color:#92938f;margin-top:auto;font-size:12px}.brandbook-root .copy-examples{grid-template-columns:1fr 1fr;gap:20px;display:grid}.brandbook-root .copy-examples article{background:var(--paper);border-top:3px solid var(--green);padding:35px}.brandbook-root .copy-examples .dont{border-color:var(--red)}.brandbook-root .copy-label{letter-spacing:.12em;text-transform:uppercase;font:500 9px JetBrains Mono}.brandbook-root .copy-examples blockquote{margin-top:25px;font:400 28px/1.2 Cormorant Garamond}.brandbook-root .vocabulary{flex-wrap:wrap;align-items:center;gap:13px;margin-top:65px;display:flex}.brandbook-root .vocabulary>span{letter-spacing:.1em;text-transform:uppercase;margin-right:20px;font:500 9px JetBrains Mono}.brandbook-root .vocabulary b{border:1px solid var(--line);border-radius:50px;padding:9px 15px;font-size:13px;font-weight:400}.brandbook-root .image-section{background:#e9e8e3}.brandbook-root .photo-grid{grid-template-rows:430px 330px;grid-template-columns:1.5fr 1fr;gap:18px;margin-top:70px;display:grid}.brandbook-root .photo-grid figure{position:relative;overflow:hidden}.brandbook-root .photo-grid img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.brandbook-root .photo-grid figure:hover img{transform:scale(1.025)}.brandbook-root .photo-wide{grid-row:1/3}.brandbook-root .photo-grid figcaption{color:#fff;background:linear-gradient(#0000,#000000b3);padding:45px 22px 20px;font-size:14px;position:absolute;inset:auto 0 0}.brandbook-root .photo-grid figcaption span{margin-right:13px;font:400 9px JetBrains Mono}.brandbook-root .photo-direction{background:var(--paper);padding:30px}.brandbook-root .photo-direction ul{margin:27px 0;list-style:none}.brandbook-root .photo-direction li{border-top:1px solid var(--line);padding:10px 0;font-size:13px}.brandbook-root .photo-direction .avoid{color:#777;border-left:2px solid var(--red);padding-left:15px;font-size:12px;line-height:1.5}.brandbook-root .applications-section{background:var(--paper)}.brandbook-root .applications{perspective:1200px;grid-template-columns:1.3fr .75fr .6fr;align-items:end;gap:3vw;padding:100px 2vw 20px;display:grid}.brandbook-root .shipping-box{filter:drop-shadow(0 25px 25px #0003);transform:rotateY(4deg)rotateX(2deg)}.brandbook-root .box-top{aspect-ratio:1.5;background:var(--coal);color:#fff;padding:38px;position:relative}.brandbook-root .box-top img{width:180px}.brandbook-root .box-top p{font:400 36px/1 Cormorant Garamond;position:absolute;bottom:45px;left:38px}.brandbook-root .box-top small{letter-spacing:.17em;font:400 7px JetBrains Mono;position:absolute;bottom:28px;right:30px}.brandbook-root .mini-tricolor{background:#fff;width:80px;height:8px;display:flex;position:absolute;top:0;right:0}.brandbook-root .mini-tricolor span{background:var(--green);flex:1}.brandbook-root .mini-tricolor span:last-child{background:var(--red)}.brandbook-root .box-side{color:#44311f;letter-spacing:.15em;background:#b89158;height:55px;padding:20px 38px;font:500 7px JetBrains Mono}.brandbook-root .social-card{aspect-ratio:4/5;color:#fff;position:relative;overflow:hidden;box-shadow:0 22px 40px #0000002e}.brandbook-root .social-card img,.brandbook-root .social-overlay{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.brandbook-root .social-overlay{background:linear-gradient(#00000014,#000c)}.brandbook-root .social-copy{z-index:2;flex-direction:column;justify-content:flex-end;height:100%;padding:25px;display:flex;position:relative}.brandbook-root .social-copy span,.brandbook-root .social-copy b{letter-spacing:.14em;font:500 7px JetBrains Mono}.brandbook-root .social-copy span{position:absolute;top:24px}.brandbook-root .social-copy h3{margin-bottom:24px;font:400 33px/.9 Cormorant Garamond}.brandbook-root .label-card{background:#fff;min-height:390px;padding:25px;box-shadow:0 22px 40px #00000021}.brandbook-root .label-head{border-bottom:1px solid var(--coal);justify-content:space-between;padding-bottom:17px;display:flex}.brandbook-root .label-head>b{letter-spacing:-.12em;font:600 33px Karla}.brandbook-root .label-head span,.brandbook-root .label-info span{letter-spacing:.12em;font:500 7px JetBrains Mono}.brandbook-root .label-origin{margin:35px 0;font:500 29px/1 Cormorant Garamond}.brandbook-root .label-origin em{color:var(--green);font-size:16px}.brandbook-root .label-info{gap:5px;display:grid}.brandbook-root .label-info span{color:#888;margin-top:10px}.brandbook-root .label-info b{font-size:12px;font-weight:500}.brandbook-root .label-footer{border-top:1px solid var(--line);justify-content:space-between;margin-top:28px;padding-top:12px;font:500 7px JetBrains Mono;display:flex}.brandbook-root footer{background:var(--coal);color:#fff;justify-content:space-between;align-items:end;padding:75px clamp(40px,6.5vw,100px);display:flex}.brandbook-root footer img{width:180px}.brandbook-root footer p{color:#ffffffb8;margin-top:17px;font:400 24px Cormorant Garamond}.brandbook-root .footer-note{text-align:right;letter-spacing:.1em;text-transform:uppercase;color:#ffffff73;flex-direction:column;gap:8px;font:400 8px JetBrains Mono;display:flex}@keyframes bbHeroZoom{0%{transform:scale(1.04)}to{transform:scale(1.12)}}@media(max-width:1050px){.brandbook-root .side-nav{display:none}.brandbook-root main{margin-left:0}.brandbook-root .section-heading{grid-template-columns:150px 1fr}.brandbook-root .section-title-wrap{grid-template-columns:1fr;gap:20px}.brandbook-root .applications{grid-template-columns:1fr 1fr}.brandbook-root .label-card{display:none}}@media(max-width:700px){.brandbook-root .topbar{height:64px;padding:0 18px}.brandbook-root .brand-mark img{width:110px}.brandbook-root .brand-mark span,.brandbook-root .version,.brandbook-root .print-button span{display:none}.brandbook-root .print-button{padding:9px}.brandbook-root .hero{min-height:700px}.brandbook-root .hero-content{justify-content:flex-start;padding:110px 24px 45px}.brandbook-root .hero h1{margin-top:100px;font-size:clamp(54px,17vw,80px)}.brandbook-root .hero-bottom{display:block;bottom:35px;left:24px;right:24px}.brandbook-root .hero-bottom span{display:none}.brandbook-root .content-section{padding:78px 24px}.brandbook-root .section-heading{padding-bottom:38px;display:block}.brandbook-root .section-kicker{margin-bottom:32px}.brandbook-root .section-title-wrap{display:block}.brandbook-root .section-title-wrap h2{margin-bottom:24px;font-size:48px}.brandbook-root .manifesto-grid{grid-template-columns:1fr;padding:65px 0}.brandbook-root .positioning{display:block}.brandbook-root .positioning .mono-label{margin-bottom:20px}.brandbook-root .clear-space{padding:35px}.brandbook-root .safe-area{padding:30px 20px}.brandbook-root .measure{display:none}.brandbook-root .logo-caption{line-height:2;display:block}.brandbook-root .logo-rules{grid-template-columns:1fr}.brandbook-root .palette{grid-template-rows:220px 170px 170px;grid-template-columns:1fr 1fr}.brandbook-root .color-0{grid-area:auto/1/auto/3}.brandbook-root .color-3{grid-column:auto}.brandbook-root .color-card{padding:16px}.brandbook-root .color-data{display:block}.brandbook-root .color-data span{margin-top:5px;display:block}.brandbook-root .ratio-labels{font-size:7px}.brandbook-root .type-specimens{grid-template-columns:1fr}.brandbook-root .type-specimens article,.brandbook-root .type-specimens article:first-child{border-right:0;border-bottom:1px solid var(--line);min-height:380px;padding:40px 0}.brandbook-root .type-scale div{grid-template-columns:1fr;gap:12px}.brandbook-root .type-scale div:first-child strong{font-size:53px}.brandbook-root .type-scale div:nth-child(2) strong{font-size:36px}.brandbook-root .voice-grid{grid-template-columns:1fr 1fr;gap:35px 0}.brandbook-root .voice-grid article:nth-child(2){border:0}.brandbook-root .copy-examples{grid-template-columns:1fr}.brandbook-root .photo-grid{flex-direction:column;display:flex}.brandbook-root .photo-grid figure{height:420px}.brandbook-root .photo-grid figure:not(.photo-wide){height:280px}.brandbook-root .applications{grid-template-columns:1fr;gap:55px;padding:70px 0 0}.brandbook-root .box-top p{font-size:27px}.brandbook-root .social-card{width:100%;max-width:320px;margin:auto}.brandbook-root footer{padding:60px 24px;display:block}.brandbook-root .footer-note{text-align:left;margin-top:55px}}@media print{.brandbook-root .topbar,.brandbook-root .side-nav,.brandbook-root .print-button{display:none!important}.brandbook-root main{margin:0}.brandbook-root .hero{height:100vh}.brandbook-root .content-section{break-before:page}.brandbook-root *{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media(prefers-reduced-motion:reduce){.brandbook-root *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.brandbook-root .logo-stage.positive{background:#fff;padding:40px 20px 22px}.brandbook-root .logo-stage.positive .clear-space{border-color:#0e12164d}.brandbook-root .logo-stage.positive .safe-area{border-color:#0e12161f}.brandbook-root .logo-stage.positive .measure,.brandbook-root .logo-stage.positive .logo-caption{color:#0e121699}.brandbook-root .color-3{border:1px solid var(--line)}.brandbook-root .ratio-bar .paper{background:#fff}