@font-face{font-family:Manrope;src:url('fonts/manrope-latin.woff2');font-weight:400 800;font-display:swap}@font-face{font-family:Plex;src:url('fonts/ibm-plex-sans-latin.woff2');font-weight:400 700;font-display:swap}:root{background:#eef1ed;color:#09251e;font-family:Plex,Arial,sans-serif;scroll-behavior:smooth}*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button{font:inherit;cursor:pointer}img,video{display:block;max-width:100%}a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid #688d2e;outline-offset:6px}.frame{width:min(1320px,calc(100% - 96px));margin:auto}header{min-height:96px;display:flex;align-items:center;gap:30px;border-bottom:1px solid #bbc7be}.identity{display:flex;align-items:center;gap:12px;font:700 24px Manrope,sans-serif;letter-spacing:2px}.identity img{background:#102d26;border-radius:50%;padding:3px}.edition{font-size:12px;letter-spacing:1.7px;margin-left:auto;color:#58675f}.archive{font-size:15px;margin-left:20px;min-height:44px;display:flex;align-items:center;gap:20px}.skip{position:fixed;left:20px;top:-100px;padding:15px 24px;background:#102d26;color:white;z-index:10}.skip:focus{top:20px}.intro{padding:80px 0 75px}.eyebrow{font-size:12px;letter-spacing:2px;color:#58675f}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(48px,6.5vw,94px);font-weight:600;line-height:1.08;letter-spacing:-5px;margin-top:25px}.intro-bottom{display:flex;justify-content:space-between;gap:90px;align-items:end;margin-top:40px}.intro-bottom>p{font-size:21px;line-height:1.5;max-width:610px}.intro nav{display:flex;gap:30px;flex-wrap:wrap;font-size:16px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:40px}.section-title h2{font-size:clamp(38px,4vw,58px);line-height:1.1;letter-spacing:-2.5px;font-weight:500}.section-title>span{font-size:11px;letter-spacing:1.6px;color:#58675f}.campaign{padding:55px 0 80px;border-top:1px solid #bbc7be}.campaign-item{margin-top:48px}.art-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:22px}.art-heading>span{font-size:13px;color:#58675f}.art-heading h3{font-size:23px;font-weight:500;letter-spacing:-.6px}.campaign-image{width:100%;height:auto}.downloads{display:flex;gap:30px;justify-content:space-between;padding:20px 0;border-bottom:1px solid #bbc7be;font-size:14px;line-height:1.6}.downloads p{color:#58675f}.downloads>div{display:flex;gap:25px;flex-wrap:wrap}.motion-section{background:#102d26;color:#f4f6f2;padding:75px 0}.motion-section :focus-visible{outline-color:#d7f66f}.motion-section button{border:1px solid #d7f66f;color:#d7f66f;background:none;padding:12px 20px;min-height:48px;font-size:15px}.motion-intro{font-size:20px;line-height:1.5;max-width:660px;color:#bdcec4;margin-bottom:40px}.motion-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.motion-stage{border:1px solid #557165;overflow:hidden}.motion-stage svg{display:block;width:100%;height:auto}.item-meta{display:flex;justify-content:space-between;gap:20px;margin-top:20px;align-items:center}.item-meta h3{font-size:23px;font-weight:500}.item-meta a{font-size:14px;color:#d7f66f}.motion-item>p{font-size:16px;line-height:1.5;color:#bdcec4;margin-top:12px}.motion-note{font-size:13px;color:#bdcec4;margin-top:45px;line-height:1.6}.paused .motion-stage *{animation-play-state:paused!important}.films{padding:75px 0}.film{display:grid;grid-template-columns:1.7fr 1fr;gap:55px;align-items:center;padding:35px 0;border-top:1px solid #bbc7be}.film video{width:100%;aspect-ratio:16/9;object-fit:cover;background:#102d26}.film h3{font-size:31px;font-weight:500;line-height:1.2;letter-spacing:-1px}.film p{font-size:18px;line-height:1.5;margin-top:20px;color:#58675f}.film a{display:block;margin-top:22px;font-size:15px}.film button{display:block;background:#102d26;color:#f4f6f2;padding:13px 22px;border:0;min-height:48px;margin-top:25px}.usage{display:grid;grid-template-columns:1fr 1.2fr;gap:100px;border-top:1px solid #bbc7be;padding:55px 0 75px}.usage h2{font-size:44px;letter-spacing:-2px;font-weight:500}.usage p{font-size:18px;line-height:1.6;margin-bottom:22px}.usage a{font-size:15px}footer{display:flex;justify-content:space-between;gap:35px;align-items:center;padding:35px 0;border-top:1px solid #bbc7be;font-size:14px}footer p{color:#58675f}@media(max-width:800px){.frame{width:calc(100% - 44px)}header{flex-wrap:wrap;gap:12px;min-height:105px;padding:16px 0}.identity{font-size:20px}.edition{font-size:9px;letter-spacing:1px}.archive{margin:0;flex-basis:100%;font-size:14px;min-height:30px}h1{letter-spacing:-3px}.intro{padding:55px 0}.intro-bottom{display:block;margin-top:28px}.intro-bottom>p{font-size:19px}.intro nav{margin-top:30px;gap:25px}.section-title{display:block;margin-bottom:30px}.section-title>span{display:block;margin-top:18px}.art-heading{display:block}.art-heading h3{font-size:20px;margin-top:10px}.downloads{display:block}.downloads>div{gap:14px 22px;margin-top:12px}.campaign{padding:40px 0}.campaign-item{margin-top:35px}.motion-section{padding:50px 0}.motion-section button{margin-top:24px}.motion-grid{grid-template-columns:1fr;gap:35px}.motion-intro{font-size:18px}.film{grid-template-columns:1fr;gap:25px;padding:28px 0}.film h3{font-size:27px}.films{padding:50px 0}.usage{grid-template-columns:1fr;gap:25px;padding:40px 0}.usage h2{font-size:38px}footer{flex-wrap:wrap;gap:18px;padding:25px 0}footer p{flex-basis:100%;order:3}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.trace{stroke-dashoffset:0!important}}
.trace{stroke-dasharray:1200;stroke-dashoffset:0;animation:draw 4s cubic-bezier(.3,0,.2,1) infinite}.later{animation-delay:.25s}.pulse{animation:pulse 4s ease-in-out infinite}.travel{animation:travel 4s ease-in-out infinite}@keyframes draw{0%,8%{stroke-dashoffset:1200}55%,90%{stroke-dashoffset:0}100%{stroke-dashoffset:0}}@keyframes pulse{0%,100%{opacity:.45}45%,75%{opacity:1}}@keyframes travel{0%,10%{transform:translateX(0)}65%,100%{transform:translateX(355px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important}.trace{stroke-dashoffset:0}}
