:root{--green:#173b30;--deep:#102c24;--gold:#d8ae6f;--paper:#f7f5ef;--ink:#20372f;--muted:#637068}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b37a35;outline-offset:5px}header{height:104px;padding:12px 5vw;display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid #d9ddd2;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:14px}.brand img{width:76px;height:76px;object-fit:contain;border-radius:50%}.brand>span{font-size:25px;letter-spacing:2px;font-weight:600;line-height:1.2}.brand small{display:block;font-size:11px;letter-spacing:2.3px;color:#8d6b37;margin-top:7px}nav{display:flex;align-items:center;gap:28px;font-size:14px}.contact-nav{padding:12px 17px;border:1px solid #a8b6aa}.menu{display:none}.hero{display:grid;grid-template-columns:45% 55%;min-height:700px;background:var(--green);color:#fff}.hero-copy{padding:65px 5vw 40px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2.4px;margin:0 0 24px;color:#8f6c3a} .hero .eyebrow,.contact .eyebrow{color:#d8bd90}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.06;letter-spacing:-1.8px}h1{font-size:clamp(56px,5.7vw,88px);margin-bottom:26px}h1 em,h2 em{font-weight:400;color:var(--gold)}.lead{max-width:380px;font-size:18px;color:#e1e7df;line-height:1.7}.button{display:inline-flex;padding:15px 25px;align-items:center;font-size:15px;transition:background .2s}.gold{background:var(--gold);color:var(--deep)}.gold:hover{background:#e9c795}.hero-note{border-top:1px solid #678175;display:flex;gap:25px;align-items:center;margin-top:47px;padding-top:24px;max-width:360px;font-size:13px}.hero-note span{color:var(--gold)}.hero-note p{margin:0}.hero-photo{position:relative;margin:0;min-height:700px}.hero-photo>img{width:100%;height:100%;object-fit:cover;position:absolute}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 60%,#12291ead)}.hero-photo figcaption{position:absolute;bottom:12px;left:28px;right:20px;z-index:2;color:#fff;font-size:11px}.hero-photo figcaption a{text-decoration:underline}.photo-label{position:absolute;bottom:85px;left:38px;z-index:2;letter-spacing:2px;font-size:14px}.principles{display:flex;justify-content:center;align-items:center;gap:55px;padding:25px 5vw;border-bottom:1px solid #d6d9cf;font-size:14px}.principles p{margin:0}.principles span{width:4px;height:4px;background:#ad874d;border-radius:50%}.section{padding:95px 7vw}.section-head{display:grid;grid-template-columns:1.2fr 1fr;gap:0 90px;margin-bottom:42px}.section-head .eyebrow{grid-column:1/-1}.section-head h2{font-size:clamp(36px,4vw,56px);margin-bottom:0}.section-head>p:last-child{align-self:end;max-width:450px;color:var(--muted);margin:0}.explorer{display:grid;grid-template-columns:40% 60%;border:1px solid #cbd0c4}.choices{display:flex;flex-direction:column;background:#eceee5}.choices button{display:flex;gap:25px;align-items:center;border:0;border-bottom:1px solid #cbd0c4;background:none;text-align:left;padding:30px;color:#788277;font-size:14px;flex:1}.choices button span{font-size:19px;color:var(--green)}.choices button[aria-selected=true]{background:var(--green);color:var(--gold)}.choices button[aria-selected=true] span{color:white}.choices button:last-child{border-bottom:0}.solution-detail{padding:42px 45px;background:#fffef9}.solution-detail h3{font-family:Georgia,serif;font-weight:400;font-size:33px;line-height:1.2;max-width:500px}.solution-detail>p:not(.eyebrow){color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{font-size:13px;background:#eff0e8;padding:6px 12px}.detail-note{font-size:14px;margin:25px 0}.text-link{font-size:15px;border-bottom:1px solid #a08856;padding-bottom:5px}.availability{font-size:13px;color:#6f786e;margin:20px 0 0}.architecture{display:grid;grid-template-columns:1fr 1fr;padding:0;background:#e6e9df}.architecture figure{margin:0;position:relative;min-height:630px}.architecture img{width:100%;height:100%;position:absolute;object-fit:cover}.architecture figcaption{position:absolute;bottom:0;left:0;right:0;padding:14px 20px;color:#fff;background:#102c24ba;font-size:11px}.architecture-copy{padding:75px 5vw}.architecture h2{font-size:clamp(35px,3.9vw,54px)}.architecture h2 em{color:#92703d}.architecture-copy>p{color:#536455}.material-switch{display:flex;gap:6px;flex-wrap:wrap;margin-top:30px}.material-switch button{border:1px solid #bcc6b7;background:none;font-size:14px;padding:9px 12px}.material-switch button.active{background:var(--green);color:white;border-color:var(--green)}.material-copy{font-size:14px;min-height:65px;margin-top:18px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps article{border-top:1px solid #b9c2b5;padding-top:25px}.steps span{font-size:13px;color:#92703d}.steps h3{font-family:Georgia,serif;font-size:27px;font-weight:400;margin:20px 0 12px}.steps p{color:var(--muted);font-size:16px}.essence{background:var(--green);color:#eef1e8}.essence .eyebrow{color:var(--gold)}.essence h2{font-size:clamp(37px,4.5vw,65px);max-width:900px}.essence>div{display:grid;grid-template-columns:1fr 1fr;gap:75px;max-width:1050px;color:#d5dfd4}.essence p{font-size:16px}.faq .section-head{display:block}.faq details{border-top:1px solid #c9d0c1;padding:21px 0}.faq details:last-child{border-bottom:1px solid #c9d0c1}.faq summary{cursor:pointer;font-size:18px;padding-right:12px}.faq details p{max-width:800px;font-size:16px;color:var(--muted);margin:20px 0 0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:100px;background:var(--deep);color:white;align-items:center}.contact h2{font-size:clamp(48px,5vw,72px)}.contact p{max-width:440px;color:#cbd9cf}.contact-actions{padding:40px;border:1px solid #5c7061}.contact-actions p{margin:24px 0;font-size:16px}.contact-actions span{font-size:13px;color:#c2d0c5}footer{padding:35px 5vw;display:flex;justify-content:space-between;align-items:center;font-size:13px}footer p{margin:0;color:var(--muted)}footer .brand>span{font-size:21px}footer a:last-child{border-bottom:1px solid #9cab99}@media(min-width:1600px){main,header,footer{max-width:1800px;margin:auto}}@media(max-width:1000px){nav{gap:15px}.brand>span{font-size:20px}.brand img{width:60px;height:60px}.hero{min-height:620px}.hero-copy{padding-top:50px}.hero-photo{min-height:620px}.section{padding:70px 5vw}.section-head{gap:0 40px}.architecture{padding:0}.architecture-copy{padding:55px 4vw}.choices button{padding:25px 20px}.solution-detail{padding:32px}.contact{gap:40px}.principles{gap:30px}}@media(max-width:720px){html{scroll-padding-top:80px}header{height:82px;padding:8px 5vw}.brand img{width:56px;height:56px}.brand>span{font-size:19px}.brand small{font-size:9px;letter-spacing:1.8px}.menu{display:block;background:none;border:1px solid #b4c0af;padding:8px 12px;font-size:14px}nav{display:none;position:absolute;top:82px;left:0;right:0;padding:22px 5vw;background:var(--paper);border-bottom:1px solid #c3cbbf;flex-direction:column;align-items:stretch;gap:20px}nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:42px 7vw 34px}h1{font-size:58px}.hero-note{display:none}.hero-photo{min-height:370px}.photo-label{bottom:70px;left:24px}.hero-photo figcaption{left:24px;font-size:10px}.principles{padding:20px 6vw;gap:14px;justify-content:space-between;font-size:11px}.principles span{flex-shrink:0}.section{padding:55px 7vw}.eyebrow{font-size:11px;letter-spacing:1.6px}.section-head{display:block;margin-bottom:30px}.section-head h2{font-size:39px;margin-bottom:22px}.section-head>p:last-child{font-size:16px}.explorer{grid-template-columns:1fr}.choices{display:grid;grid-template-columns:1fr 1fr}.choices button{gap:10px;padding:18px 13px;align-items:flex-start;border:1px solid #cbd0c4;font-size:11px}.choices button span{font-size:14px}.solution-detail{padding:28px 22px}.solution-detail h3{font-size:29px}.solution-detail .eyebrow{font-size:10px}.solution-detail>p{font-size:16px}.architecture{display:flex;flex-direction:column;padding:0}.architecture figure{min-height:340px}.architecture-copy{padding:42px 7vw}.architecture h2{font-size:37px}.steps{grid-template-columns:1fr;gap:22px}.steps article{padding-top:18px}.steps h3{margin-top:12px}.essence>div{grid-template-columns:1fr;gap:0}.essence h2{font-size:38px}.faq summary{font-size:16px}.contact{grid-template-columns:1fr;gap:20px}.contact h2{font-size:54px}.contact-actions{padding:25px}.contact-actions .button{font-size:14px;padding:14px 18px}footer{padding:28px 7vw;gap:25px;flex-wrap:wrap}footer p{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Larger standalone brand artwork in the header. */
header{height:142px}header .brand-logo img{width:264px;height:120px;object-fit:contain;border-radius:0}html{scroll-padding-top:150px}@media(max-width:1000px){header .brand-logo img{width:236px;height:112px}nav{gap:18px}}@media(max-width:720px){header{height:112px}header .brand-logo img{width:208px;height:96px}nav{top:112px}html{scroll-padding-top:120px}}@media(max-width:360px){header .brand-logo img{width:182px;height:90px}}

/* Wordmark green sampled from the saved original FonteVera logo: RGB 8,49,32. */
:root{--fontevera-logo-green:#083120}header .brand-logo .logo-art{position:relative;display:block;width:264px;aspect-ratio:2048/683;line-height:0}header .brand-logo .logo-art img{display:block;width:100%;height:100%;object-fit:fill}header .logo-green{position:absolute;inset:0;display:block;background:linear-gradient(to bottom,transparent 0%,transparent 56%,var(--fontevera-logo-green) 56%,var(--fontevera-logo-green) 85%,transparent 85%,transparent 100%);mask:url("assets/logo-header.png") center/100% 100% no-repeat;-webkit-mask:url("assets/logo-header.png") center/100% 100% no-repeat}footer .brand>span{color:var(--fontevera-logo-green)}@media(max-width:1000px){header .brand-logo .logo-art{width:236px}}@media(max-width:720px){header .brand-logo .logo-art{width:208px}}@media(max-width:360px){header .brand-logo .logo-art{width:182px}}
