@font-face{font-family:Manrope;src:url('cinematic/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
:root{--font-sans:Manrope,Arial,sans-serif;--paper:#f5f3ed;--ink:#182c27;--forest:#143e35;--green:#176d57;--line:#d7dcd4;--gutter:clamp(24px,5vw,84px)}body{font-family:var(--font-sans)}
.skip-link{position:fixed;left:20px;top:-100px;padding:16px;background:var(--paper);z-index:100}
.skip-link:focus{top:20px}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.header{height:104px;padding:0 var(--gutter);display:flex;align-items:center;gap:40px;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:20}
.brand{display:flex;align-items:center;gap:12px;flex-shrink:0;font-size:24px;font-weight:750;letter-spacing:-1.15px;line-height:1}
.brand-it{margin-left:5px;font-weight:400}
.brand small{display:block;margin-top:9px;font-size:7px;letter-spacing:1.52px;font-weight:650}
.brand-mark{width:35px;height:35px;display:flex;align-items:center;gap:4px;transform:skewY(-10deg)}
.brand-mark i{display:block;width:8px;height:29px;background:var(--forest)}
.brand-mark i:nth-child(2){height:22px;transform:rotate(-29deg);margin:0 1px}
.navigation{display:flex;gap:30px;margin-left:auto;font-size:12px;font-weight:650}
.navigation a{padding:12px 0;position:relative}
.navigation a:after{content:'';position:absolute;left:0;right:100%;bottom:4px;height:1px;background:var(--forest);transition:right .25s}
.navigation a:hover:after{right:0}
.header-contact{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:750;border:1px solid #667a6e;padding:15px 18px;transition:background .2s}
.header-contact:hover{background:#e7eadd}
.header-contact span{font-size:20px}
.menu-toggle{display:none}
.footer{padding:60px var(--gutter) 23px}
.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px;align-items:start}
.footer-brand{font-size:22px;letter-spacing:-.7px;font-weight:650}
.footer-brand>span{display:block;font-size:7px;font-weight:500;letter-spacing:1.1px;margin-top:10px}
.footer-top .eyebrow{font-size:8px;color:#7b8c78}
.footer-top p{font-size:10px;line-height:1.9;color:#5e725f;margin-top:18px}
.footer-links{display:flex;flex-direction:column;gap:13px;font-size:10px;align-items:flex-start}
.footer-links button{padding:0;font-size:inherit}
.footer-wordmark{font-size:clamp(60px,10.2vw,160px);font-weight:600;line-height:1.25;letter-spacing:-7px;display:flex;align-items:center;justify-content:space-between;color:#d2d9ca;margin-top:56px;white-space:nowrap}
.footer-wordmark>span{font-size:.8em;font-weight:300}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding-top:21px;font-size:7px;color:#7a8b78;letter-spacing:.6px}
.footer-bottom button{padding:0;font-size:8px}
.footer-bottom a{font-size:8px}
.footer-bottom button[aria-pressed=true]{color:var(--green);text-decoration:underline}
dialog{border:0;padding:52px;max-width:570px;width:calc(100% - 40px);background:var(--paper);color:var(--ink);box-shadow:0 24px 100px #0004}
dialog::backdrop{background:#0b211bd9;backdrop-filter:blur(6px)}
dialog h2{font-size:36px;margin:20px 0 25px}
dialog p:not(.eyebrow){font-size:13px;line-height:1.9;margin:15px 0;color:#566b5b}
dialog .button{margin-top:20px}
.dialog-close{position:absolute;right:18px;top:14px;font-size:28px;width:35px;height:35px}
.reduce-motion *, .reduce-motion *:before,.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.reduce-motion .reveal{opacity:1!important;transform:none!important}
@media(max-width:1100px){.header{gap:25px;height:90px}
.navigation{gap:20px;font-size:10px}
.header-contact{font-size:10px;padding:12px 13px;gap:17px}
.brand{font-size:21px}
.brand-mark{width:29px}
.brand-mark i{width:6px}
.footer-top{gap:25px}
.footer-wordmark{letter-spacing:-5px}}
@media(max-width:760px){.header{height:78px;padding:0 24px;gap:15px}
.brand{font-size:22px}
.brand small{font-size:6px;letter-spacing:1.4px;margin-top:7px}
.brand-mark{width:28px;height:29px;gap:3px}
.brand-mark i{width:6px;height:25px}
.brand-mark i:nth-child(2){height:19px}
.header-contact{display:none}
.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;align-items:center;margin-left:auto;width:43px;height:43px;border:1px solid #c5cfc1}
.menu-toggle>span{width:17px;height:1px;background:var(--ink);transition:transform .2s}
.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.5px) rotate(45deg)}
.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.navigation{display:none;position:absolute;left:0;right:0;top:77px;background:var(--paper);border-bottom:1px solid var(--line);padding:18px 24px 24px;box-shadow:0 14px 25px #0c241b15}
.navigation.is-open{display:flex;flex-direction:column;gap:3px;font-size:15px}
.footer{padding:40px 24px 20px}
.footer-top{grid-template-columns:1fr 1fr;gap:30px 24px}
.footer-top>div:first-child{grid-column:1/-1}
.footer-brand{font-size:23px}
.footer-brand>span{font-size:6px;letter-spacing:1px}
.footer-top p{font-size:9px;margin-top:12px}
.footer-top .eyebrow{font-size:7px}
.footer-links{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:12px 22px;font-size:8px}
.footer-wordmark{font-size:10.8vw;letter-spacing:-2px;margin-top:35px;padding-bottom:14px}
.footer-wordmark>span{font-size:.75em}
.footer-bottom{display:grid;grid-template-columns:1fr 1fr;gap:15px;font-size:6px;padding-top:20px;letter-spacing:.3px}
.footer-bottom span:nth-child(2),.footer-bottom a{text-align:right}
.footer-bottom button{font-size:7px;text-align:left}
.footer-bottom a{font-size:7px}
dialog{padding:35px 25px}
dialog h2{font-size:30px}
dialog p:not(.eyebrow){font-size:11px}
.dialog-close{right:8px;top:8px}}
@media(max-width:350px){.brand{font-size:20px}}
@media(max-width:760px){.footer-top p{font-size:12px}
.footer-top .eyebrow{font-size:9px}
.footer-links{font-size:10px}
.footer-bottom{font-size:8px}
.footer-bottom button,.footer-bottom a{font-size:9px}
dialog p:not(.eyebrow){font-size:14px}}