/* RENOVA — an open architectural invitation, September 2026. */
.cea-close.cea-invitation{--inv-brown:#62513d;--inv-rule:#d1c7b6;background:#f4f1e9;color:var(--inv-brown);position:relative;overflow:hidden;padding:38px 5% 30px;scroll-margin-top:95px}
.cea-invitation::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 77% 43%,#e7e0d133,transparent 57%)}
.cea-invitation-top,.cea-invitation-bottom,.cea-invitation-grid{position:relative;max-width:1560px;margin-inline:auto}
.cea-invitation-top{display:flex;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--inv-rule);font-size:9px;line-height:1.5;letter-spacing:.17em;color:#756850}
.cea-invitation-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:clamp(30px,5vw,90px);align-items:center;padding:52px 0 55px}
.cea-invitation-kicker{font-size:9px;letter-spacing:.17em;color:#756850;margin:0 0 24px}
.cea-close.cea-invitation h2{font-family:var(--serif,Georgia,serif);font-size:clamp(45px,4.65vw,78px);font-weight:400;line-height:1.08;letter-spacing:-.045em;max-width:none;margin:0;color:#514330}
.cea-close.cea-invitation h2 em{display:inline-block;font-size:1em;line-height:1.12;margin-top:8px;font-weight:400;color:#8c7658}
.cea-invitation-intro{max-width:38ch;margin:28px 0 0;font-size:14px;line-height:1.85;color:#706453}
.cea-invitation-link{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:380px;padding:29px 0 16px;border-bottom:1px solid #8f7c61;color:#54432f;text-decoration:none}
.cea-invitation-link span{font-size:18px;letter-spacing:-.02em}
.cea-invitation-link svg{width:35px;height:35px;flex:0 0 35px;stroke-width:1;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.cea-invitation-link:hover svg{transform:translate(5px,-5px)}
.cea-invitation-call{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:22px;font-size:11px;color:#776b59}
.cea-invitation-call a{font-size:12px;color:#554630;text-decoration:none;letter-spacing:.02em;display:inline-flex;align-items:center;min-height:28px}
.cea-vision-study{margin:0;position:relative;min-width:0;padding:0 0 8px}
.cea-study-label{display:flex;align-items:center;gap:20px;color:#7e6e57;font-size:8px;letter-spacing:.17em;padding-left:12%;margin:0 0 -13px}
.cea-study-label i{width:52px;height:1px;background:#b5a58d}
.cea-vision-house{display:block;width:112%;max-width:none;height:auto;margin-left:-6%;overflow:visible}
.cea-vision-study figcaption{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 6%;padding-top:8px}
.cea-vision-study figcaption img{width:135px;height:auto;opacity:.74;mix-blend-mode:multiply}
.cea-vision-study figcaption span{font-family:var(--serif,Georgia,serif);font-style:italic;font-size:17px;line-height:1.35;color:#8a775c}
.cea-invitation-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--inv-rule);padding-top:21px;color:#776b59}
.cea-invitation-bottom p{font-size:11px;letter-spacing:.01em;margin:0}
.cea-invitation-bottom nav{display:flex;gap:32px}
.cea-invitation-bottom a{display:inline-flex;align-items:center;min-height:34px;gap:22px;font-size:11px;color:#64553f;text-decoration:none}
.cea-invitation-bottom a .cea-link-arrow{width:18px;height:18px;flex:0 0 18px;transition:transform .3s}
.cea-invitation-bottom a:hover .cea-link-arrow{transform:translate(3px,-3px)}
.cea-invitation a:focus-visible{outline:2px solid #62513d;outline-offset:7px}
@media(prefers-reduced-motion:no-preference){
 .cea-invitation.is-drawing .cea-house-trace path{stroke-dasharray:1;stroke-dashoffset:1;animation:cea-first-line 3.8s cubic-bezier(.25,.1,.25,1) .2s both}
 .cea-invitation.is-drawing .cea-house-roof{animation:cea-roof-settle 3.8s cubic-bezier(.22,1,.36,1) both}
 .cea-invitation.is-drawing .cea-house-walls{animation:cea-walls-settle 3.8s cubic-bezier(.22,1,.36,1) both}
 .cea-invitation.is-drawing .cea-site-lines{animation:cea-site-reveal 3.8s ease both}
}
@keyframes cea-first-line{to{stroke-dashoffset:0}}
@keyframes cea-roof-settle{from{transform:translateY(-23px);opacity:.35}to{transform:translateY(0);opacity:1}}
@keyframes cea-walls-settle{from{transform:translateY(-9px);opacity:.5}to{transform:translateY(0);opacity:1}}
@keyframes cea-site-reveal{from{opacity:.12}to{opacity:.48}}
@media(min-width:1600px){.cea-invitation-grid{padding-block:65px}.cea-vision-house{max-height:470px}}
@media(max-width:960px) and (min-width:761px){.cea-close.cea-invitation h2{font-size:43px}.cea-invitation-grid{gap:25px}.cea-invitation-intro{font-size:13px}.cea-vision-study figcaption{margin-inline:0}.cea-vision-study figcaption img{width:110px}.cea-vision-study figcaption span{font-size:15px}}
@media(max-width:760px){
 .cea-close.cea-invitation{padding:28px 6% 24px;scroll-margin-top:90px}
 .cea-invitation-top{font-size:7px;letter-spacing:.11em;gap:14px;padding-bottom:20px}
 .cea-invitation-grid{grid-template-columns:1fr;gap:46px;padding:34px 0 36px}
 .cea-invitation-kicker{font-size:8px;letter-spacing:.12em;margin-bottom:20px}
 .cea-close.cea-invitation h2{font-size:clamp(37px,9.5vw,65px);line-height:1.09;letter-spacing:-.05em}
 .cea-close.cea-invitation h2 em{margin-top:7px}
 .cea-invitation-intro{max-width:36ch;margin-top:22px;font-size:13px;line-height:1.8}
 .cea-invitation-link{max-width:none;padding-top:23px;padding-bottom:13px;min-height:60px}
 .cea-invitation-link span{font-size:17px}
 .cea-invitation-link svg{width:30px;height:30px;flex-basis:30px}
 .cea-invitation-call{margin-top:13px;justify-content:space-between;font-size:10px;gap:2px 10px}
 .cea-invitation-call a{min-height:40px;font-size:12px}
 .cea-vision-study{max-width:460px;width:100%;justify-self:center;padding-bottom:0}
 .cea-study-label{padding-left:7%;font-size:7px}
 .cea-vision-house{width:106%;margin-left:-3%;margin-top:3px}
 .cea-vision-study figcaption{margin-inline:5%;padding-top:0}
 .cea-vision-study figcaption img{width:112px}
 .cea-vision-study figcaption span{font-size:15px}
 .cea-invitation-bottom{align-items:flex-start;flex-direction:column;gap:12px;padding-top:22px}
 .cea-invitation-bottom p{font-size:10px}
 .cea-invitation-bottom nav{width:100%;justify-content:space-between;gap:14px}
 .cea-invitation-bottom a{font-size:10px;min-height:44px;gap:20px}
}
@media(prefers-reduced-motion:reduce){.cea-invitation *, .cea-invitation *::before{animation:none!important;transition:none!important}}
.cea-vision-study figcaption img{filter:grayscale(1) brightness(.48) sepia(.65);opacity:.85}
.cea-invitation-link span{white-space:nowrap}