:root{--green:#183a32;--deep:#102b25;--gold:#c8a676;--cream:#f3eee6}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--deep)}body{color:var(--cream);font-family:Arial,Helvetica,sans-serif}.coming-soon{min-height:100svh;display:grid;grid-template-columns:minmax(430px,43%) 1fr;overflow:hidden}.content{position:relative;z-index:2;min-height:100svh;padding:clamp(28px,4vw,72px);background:linear-gradient(145deg,#1c4339 0%,#112e28 72%);display:flex;flex-direction:column;justify-content:space-between;box-shadow:30px 0 80px rgba(5,20,17,.24)}.content:before{content:"";position:absolute;inset:15px;border:1px solid rgba(200,166,118,.16);pointer-events:none}.brand{display:grid;width:max-content;grid-template-columns:44px auto;grid-template-rows:auto auto;column-gap:14px;align-items:center;animation:rise .9s ease-out both}.mark{grid-row:1/3;width:44px;height:44px;border:1px solid rgba(200,166,118,.8);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:italic 26px Georgia,serif}.brand-name{font-size:18px;letter-spacing:.28em;font-weight:300}.brand-subtitle{color:var(--gold);font-size:9px;letter-spacing:.55em;margin-top:4px}.message{max-width:600px;margin:9vh 0 6vh}.eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 28px;color:var(--gold);font-size:10px;letter-spacing:.24em;font-weight:700;animation:rise .9s .12s ease-out both}.eyebrow span{width:38px;height:1px;background:var(--gold)}h1{margin:0;color:#f8f4ed;font:400 clamp(45px,5vw,78px)/1.02 Georgia,"Times New Roman",serif;letter-spacing:-.045em;animation:rise 1s .2s ease-out both}h1 em{color:var(--gold);font-weight:400}.lead{max-width:520px;margin:32px 0 28px;color:rgba(243,238,230,.72);font-size:clamp(14px,1.1vw,17px);line-height:1.8;animation:rise 1s .32s ease-out both}.status{display:flex;align-items:center;gap:10px;width:max-content;border:1px solid rgba(200,166,118,.28);padding:12px 17px;color:#efe7da;font-size:11px;letter-spacing:.13em;text-transform:uppercase;animation:rise 1s .42s ease-out both}.status i{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(200,166,118,.6);animation:pulse 2s infinite}footer{display:flex;align-items:center;gap:16px;color:rgba(243,238,230,.45);font-size:9px;letter-spacing:.18em;text-transform:uppercase}.footer-line{width:32px;height:1px;background:rgba(200,166,118,.4)}.visual{--shift-x:0px;--shift-y:0px;position:relative;min-height:100svh;overflow:hidden;background:#aa9b89}.image{position:absolute;inset:-16px;background:url('/interior.jpg') center center/cover no-repeat;transform:translate(var(--shift-x),var(--shift-y)) scale(1.035);transition:transform .3s ease-out;animation:reveal 1.5s ease-out both}.veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,43,37,.2),transparent 34%),linear-gradient(0deg,rgba(14,30,26,.24),transparent 35%)}.corner-note{position:absolute;right:clamp(24px,4vw,60px);top:clamp(28px,5vw,70px);display:flex;align-items:center;gap:12px;padding:10px 14px;color:white;background:rgba(17,38,33,.58);backdrop-filter:blur(12px);font-size:9px;letter-spacing:.16em;text-transform:uppercase}.corner-note span{color:var(--gold);font:italic 20px Georgia,serif}.corner-note b{font-weight:500}@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes reveal{from{opacity:0;transform:scale(1.12)}to{opacity:1;transform:translate(var(--shift-x),var(--shift-y)) scale(1.035)}}@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(200,166,118,0)}100%{box-shadow:0 0 0 0 rgba(200,166,118,0)}}
@media(max-width:850px){.coming-soon{display:block;position:relative}.visual{position:absolute;inset:0;min-height:100svh}.visual .image{background-position:58% center}.veil{background:linear-gradient(0deg,rgba(12,36,30,.94) 0%,rgba(12,36,30,.66) 58%,rgba(12,36,30,.32) 100%)}.content{background:transparent;min-height:100svh;padding:28px;box-shadow:none}.content:before{inset:10px}.message{margin-top:auto;margin-bottom:5vh;max-width:540px}h1{font-size:clamp(42px,13vw,66px)}.lead{font-size:14px;line-height:1.65}.corner-note{display:none}footer{font-size:8px}}
@media(max-width:420px){.content{padding:24px}.content:before{inset:8px}.brand-name{font-size:15px}.message{margin-bottom:3vh;min-width:0}.eyebrow{margin-bottom:18px;font-size:9px;letter-spacing:.19em}h1{max-width:100%;font-size:9vw;line-height:1.08;letter-spacing:-.04em}.lead{margin:22px 0;font-size:13px}.status{font-size:9px;padding:10px 12px}footer{gap:10px;letter-spacing:.13em}.footer-line{width:22px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Wordmark: SYM | METRIA */
.brand{display:flex;width:max-content;grid-template:none;flex-direction:column;align-items:flex-start;animation:rise .9s ease-out both}
.brand-name{display:flex;align-items:flex-start;gap:10px;color:#f8f4ed;font-size:19px;line-height:1;letter-spacing:.17em;font-weight:300}
.brand-name i{display:block;width:2px;height:17px;background:rgba(200,166,118,.9);box-shadow:0 0 7px rgba(200,166,118,.25)}
.metria-block{display:inline-flex;flex-direction:column;width:max-content}
.metria-block b{font:inherit;letter-spacing:inherit;white-space:nowrap}
.metria-block small{display:flex;width:calc(100% - 6px);align-self:center;justify-content:space-between;color:var(--gold);font-size:9px;line-height:1;letter-spacing:0;margin-top:7px;white-space:nowrap;transform:translateX(-1px)}
@media(max-width:420px){.brand-name{font-size:16px;gap:9px;letter-spacing:.15em}.brand-name i{width:2px;height:15px}.metria-block small{font-size:8px;margin-top:6px}}

/* Fin decorative line before the eyebrow */
.eyebrow{gap:12px}
.eyebrow>span{width:28px;flex:0 0 28px}
@media(max-width:420px){.eyebrow{gap:10px}.eyebrow>span{width:24px;flex-basis:24px}}