:root{
  --ivory:#F5F1E8;
  --ivory-soft:#FAF7F0;
  --ink:#221914;
  --green:#0E5A49;
  --green-deep:#08493D;
  --gold:#B88A2F;
  --copy:#665D54;
  --ease:cubic-bezier(.16,1,.3,1);
  --ease-heavy:cubic-bezier(.18,.78,.18,1);
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;min-height:100%;background:var(--ivory)}
body{font-family:Inter,Arial,sans-serif;color:var(--ink);overflow:hidden}
.page{height:100dvh;min-height:100svh;background:var(--ivory);overflow:hidden}
.status{height:58px;display:grid;grid-template-columns:minmax(40px,1fr) auto auto auto minmax(40px,1fr);align-items:center;gap:14px;padding:0 54px;text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:.34em;color:#24211d;position:relative;z-index:5;background:rgba(245,241,232,.72);backdrop-filter:blur(2px)}
.rule{height:1px;background:linear-gradient(90deg,transparent,rgba(184,138,47,.62),transparent)}
.dot{width:7px;height:7px;border-radius:50%;background:var(--gold)}
.status-copy{white-space:nowrap}
.hero{height:calc(100dvh - 58px);min-height:0;position:relative;overflow:hidden;background:var(--ivory)}
.architecture-field{position:absolute;top:0;right:0;bottom:0;width:61%;overflow:hidden;z-index:0;pointer-events:none;isolation:isolate;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 10%,rgba(0,0,0,.68) 24%,#000 43%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.15) 10%,rgba(0,0,0,.68) 24%,#000 43%);
}
.architecture-field img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;transform:scale(1.025);filter:saturate(.88) contrast(.98) brightness(1.04);will-change:transform}
.image-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(245,241,232,.40) 0%,rgba(245,241,232,.12) 26%,rgba(245,241,232,0) 58%),linear-gradient(180deg,rgba(255,255,255,.12),transparent 35%)}
.moving-light{position:absolute;top:-18%;bottom:-18%;left:-32%;width:28%;transform:skewX(-10deg);background:linear-gradient(90deg,transparent,rgba(255,252,243,.34),transparent);filter:blur(16px);opacity:0}
.content{position:relative;z-index:2;height:100%;width:min(64%,920px);padding:24px 0 22px clamp(44px,5vw,86px);display:flex;flex-direction:column;justify-content:center}
.crest{display:block;width:clamp(94px,7.4vw,128px);height:auto;margin:0 0 24px;filter:drop-shadow(0 12px 18px rgba(78,56,14,.08));transform-origin:50% 75%}
.eyebrow{display:flex;align-items:center;gap:20px;margin:0 0 18px;color:var(--green-deep);font-size:clamp(11px,.92vw,15px);font-weight:600;letter-spacing:.29em;text-transform:uppercase;white-space:nowrap}
.eyebrow-rule{display:block;width:70px;height:1px;background:rgba(184,138,47,.72);flex:0 0 auto}
.headline{margin:0;font-family:"Bodoni 72","Bodoni MT",Didot,"Times New Roman",serif;font-weight:400;font-size:clamp(78px,6.2vw,112px);line-height:.88;letter-spacing:-.045em;color:var(--ink)}
.headline-line{display:block;overflow:hidden;padding:.02em 0 .04em}
.headline-line>span{display:block;transform:translateY(112%)}
.headline-line.foundation{color:var(--green)}
.mission{margin:22px 0 0;max-width:640px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(22px,1.72vw,31px);line-height:1.28;font-weight:400;color:var(--copy)}
.meta{margin-top:22px;display:grid;gap:11px}
.principles,.geography{text-transform:uppercase;letter-spacing:.30em}
.principles{font-size:clamp(10px,.84vw,13px);font-weight:600;color:var(--green-deep)}
.geography{font-size:clamp(9px,.72vw,11px);color:#8A652B}
.principles b,.geography b{font-weight:400;color:var(--gold);padding:0 .65em}
.email{display:inline-block;width:max-content;margin-top:6px;padding-bottom:5px;color:var(--green-deep);font-size:clamp(13px,.96vw,16px);font-weight:600;text-decoration:none;border-bottom:1px solid var(--gold);transition:transform .6s var(--ease),color .45s var(--ease),border-color .45s var(--ease)}
.email:hover,.email:focus-visible{transform:translateX(4px);color:var(--gold);border-color:var(--green-deep)}
.reveal{opacity:0;transform:translateY(14px)}
body.ready .r1{animation:arrive 1.05s .08s var(--ease-heavy) forwards}
body.ready .r2{animation:arrive 1.0s .20s var(--ease-heavy) forwards}
body.ready .r5{animation:arrive 1.05s .72s var(--ease-heavy) forwards}
body.ready .r6{animation:arrive 1.0s .86s var(--ease-heavy) forwards}
body.ready .headline-line>span{animation:headline 1.15s var(--ease-heavy) forwards}
body.ready .headline-line:nth-child(1)>span{animation-delay:.32s}
body.ready .headline-line:nth-child(2)>span{animation-delay:.46s}
body.ready .architecture-field img{animation:camera 3.1s .08s var(--ease) forwards}
body.ready .moving-light{animation:sheen 8.5s 1.6s var(--ease) both}
@keyframes arrive{to{opacity:1;transform:translateY(0)}}
@keyframes headline{to{transform:translateY(0)}}
@keyframes camera{from{transform:scale(1.055)}to{transform:scale(1.015)}}
@keyframes sheen{0%{opacity:0;transform:translateX(0) skewX(-10deg)}12%{opacity:.65}55%{opacity:.18}100%{opacity:0;transform:translateX(510%) skewX(-10deg)}}
@media(max-height:800px) and (min-width:901px){
  .status{height:52px}.hero{height:calc(100dvh - 52px)}
  .content{padding-top:14px;padding-bottom:14px}
  .crest{margin-bottom:16px;width:clamp(84px,6.6vw,112px)}
  .eyebrow{margin-bottom:12px}
  .mission{margin-top:15px}
  .meta{margin-top:15px;gap:8px}
}
@media(max-width:1100px){
  .architecture-field{width:58%}
  .content{width:67%;padding-left:42px}
  .headline{font-size:clamp(70px,7vw,96px)}
  .mission{max-width:560px}
}
@media(max-width:900px){
  body{overflow:auto}
  .page{height:auto;min-height:100svh;overflow:visible}
  .status{height:50px;padding:0 18px;grid-template-columns:1fr auto 1fr;gap:10px;font-size:8px;letter-spacing:.25em;background:rgba(245,241,232,.94)}
  .status .dot{display:none}
  .hero{height:auto;min-height:calc(100svh - 50px);display:flex;flex-direction:column;background:var(--ivory)}
  .architecture-field{position:relative;order:0;width:100%;height:38svh;min-height:280px;max-height:390px;mask-image:none;-webkit-mask-image:none}
  .architecture-field::after{content:"";position:absolute;inset:auto 0 0;height:44%;background:linear-gradient(180deg,transparent,var(--ivory));z-index:2}
  .architecture-field img{object-position:center 45%}
  .content{order:1;width:100%;height:auto;padding:14px 24px 38px;margin-top:-34px;z-index:3}
  .crest{width:92px;margin-bottom:20px}
  .eyebrow{font-size:9px;letter-spacing:.22em;gap:12px;margin-bottom:14px;white-space:normal}
  .eyebrow-rule{width:40px}
  .headline{font-size:clamp(56px,13vw,82px);line-height:.90}
  .mission{font-size:clamp(19px,4.9vw,27px);max-width:100%;margin-top:18px}
  .meta{margin-top:20px}
  .principles{font-size:9px;letter-spacing:.22em}
  .geography{font-size:8px;letter-spacing:.22em}
  .email{font-size:13px}
}
@media(max-width:480px){
  .content{padding-left:20px;padding-right:20px}
  .architecture-field{height:35svh;min-height:250px}
  .headline{font-size:clamp(50px,14vw,68px)}
  .crest{width:82px}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .reveal{opacity:1;transform:none}
  .headline-line>span{transform:none}
  .architecture-field img{transform:scale(1.015)}
  .moving-light{display:none}
}