@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Manrope:wght@400;500;600;700&display=swap');

:root{--espresso:#2B211D;--espresso2:#3E2C25;--cream:#F7F3EE;--paper:#FDFBF7;--taupe:#B9AAA0;--line:#D9CDC3}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--cream);color:var(--espresso)}
body{font-family:"Manrope",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
img{max-width:100%;height:auto;display:block}
.site-shell{max-width:1680px;min-height:100vh;margin:0 auto;background:var(--cream);overflow:hidden}
.eyebrow{font-weight:700;text-transform:uppercase;letter-spacing:.22em;font-size:10px;line-height:1.5}
.top-rule{height:8px;background:var(--espresso)}
.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 clamp(24px,6vw,96px);gap:24px}
.wordmark{width:clamp(192px,20vw,275px)}
.header-note{font-size:11px;letter-spacing:.18em;font-weight:700;color:#75665D;text-transform:uppercase}
.home-hero{min-height:690px;display:grid;grid-template-columns:56% 44%}
.home-copy{padding:clamp(52px,8.5vw,145px) clamp(28px,6vw,98px) 85px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.hero-kicker{display:flex;align-items:center;gap:14px;color:#806F66}
.line-short{display:inline-block;width:34px;height:1px;background:var(--espresso)}
.home-copy h1{font-family:"Instrument Serif",Georgia,serif;font-weight:400;line-height:.91;font-size:clamp(76px,9.2vw,151px);letter-spacing:-.035em;margin:35px 0 32px}
.home-copy h1 i{font-weight:400;display:block;letter-spacing:-.04em}
.hero-words{font-size:clamp(17px,1.6vw,21px);font-weight:500;line-height:1.8;max-width:450px;letter-spacing:-.025em}
.hero-actions{display:flex;gap:13px;margin-top:38px;flex-wrap:wrap}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:57px;padding:0 24px;font-size:12px;font-weight:700;letter-spacing:.07em;border:1px solid var(--espresso);transition:transform .2s,background .2s}
.cta:hover{transform:translateY(-2px)}
.cta.primary{background:var(--espresso);color:var(--cream)}
.cta.secondary{background:transparent;color:var(--espresso)}
.cta .arrow{font-size:18px;font-weight:400}
.home-art{background:var(--espresso);min-height:690px;position:relative;overflow:hidden}
.home-art:before{content:"";position:absolute;inset:-15% -67% -18% 7%;border:1px solid rgba(247,243,238,.38);border-radius:50%;transform:rotate(-25deg)}
.home-art:after{content:"";position:absolute;inset:-7% -48% -11% 25%;border:1px solid rgba(247,243,238,.22);border-radius:50%;transform:rotate(-25deg)}
.arch{position:absolute;inset:6% -30% 2% 45%;border:1px solid rgba(247,243,238,.12);border-radius:50%;transform:rotate(-25deg)}
.panel-vertical{position:absolute;right:45px;top:50px;font-size:10px;letter-spacing:.27em;color:rgba(247,243,238,.58);writing-mode:vertical-rl}
.panel-marker{position:absolute;left:14%;top:12%;display:flex;align-items:center;gap:16px}
.panel-dot{height:8px;width:8px;background:var(--cream);border-radius:50%}
.panel-marker span:last-child{color:#D9CAC1;font-size:11px;letter-spacing:.25em}
.panel-bottom{position:absolute;left:14%;bottom:12%;right:10%;border-top:1px solid rgba(247,243,238,.4);padding-top:22px;color:#F7F3EE;font-size:10px;letter-spacing:.24em;display:flex;gap:24px;flex-wrap:wrap}
.lower-strip{display:flex;justify-content:space-between;align-items:center;padding:22px clamp(28px,6vw,96px);border-top:1px solid var(--line);gap:16px;flex-wrap:wrap;color:#766A62;font-size:10px;letter-spacing:.19em;text-transform:uppercase}
.lower-strip span:last-child{color:var(--espresso)}
/* Portal login */
.login-layout{display:grid;grid-template-columns:49% 51%;min-height:calc(100vh - 8px)}
.login-art{background:var(--espresso);color:var(--cream);padding:55px clamp(30px,6vw,92px);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}
.login-art .light-logo{width:min(100%,320px)}
.login-art:before,.login-art:after{content:"";border:1px solid rgba(247,243,238,.25);border-radius:50%;position:absolute;pointer-events:none}
.login-art:before{height:730px;width:730px;left:-330px;bottom:-260px}
.login-art:after{height:555px;width:555px;left:-230px;bottom:-180px}
.login-art-inner{position:relative;z-index:2;padding:120px 0 115px}
.login-art-inner .eyebrow{color:#C5B5A9}
.login-art-inner h2{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(65px,7vw,112px);line-height:1;letter-spacing:-.02em;margin:25px 0 0}
.login-art small{position:relative;z-index:2;color:#B9AAA0;font-size:10px;letter-spacing:.2em}
.login-main{padding:55px clamp(30px,7vw,125px);display:flex;flex-direction:column;align-items:stretch;justify-content:center}
.back-link{position:absolute;right:55px;top:58px;color:#63574F;text-transform:uppercase;font-size:10px;letter-spacing:.16em;font-weight:700}
.login-main .eyebrow{color:#796A61}
.login-main h1{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(57px,5.3vw,88px);line-height:1;margin:15px 0 17px}
.login-main h1 .wave{font-family:Arial,sans-serif;font-size:.42em;vertical-align:middle;margin-left:.05em}
.login-lead{font-size:14px;line-height:1.9;color:#665B54;max-width:375px}
.login-form{margin-top:42px;max-width:455px;display:grid;gap:18px}
.field{display:grid;gap:9px}
.field label{font-size:11px;font-weight:700;letter-spacing:.08em}
.field input{height:56px;border:1px solid #D4C9C0;background:rgba(255,255,255,.45);padding:0 16px;border-radius:0;color:var(--espresso);width:100%}
.field input:disabled{opacity:1;color:#9F958F;-webkit-text-fill-color:#9F958F}
.login-btn{margin-top:6px;height:57px;background:var(--espresso);color:var(--cream);font-size:12px;font-weight:700;letter-spacing:.1em;border:0;opacity:.75}
.signin-note{max-width:455px;color:#88786E;font-size:11px;line-height:1.75;margin-top:17px}
.signin-foot{font-size:11px;color:#75665D;margin-top:24px;line-height:1.8}
/* Phone contact card */
.contact-body{background:var(--espresso);min-height:100vh;padding:20px;display:flex;justify-content:center}
.contact-card{width:min(100%,510px);background:var(--cream);min-height:calc(100vh - 40px);display:flex;flex-direction:column}
.contact-top{height:7px;background:var(--espresso)}
.contact-header{padding:52px 32px 45px;text-align:center;display:flex;flex-direction:column;align-items:center}
.contact-logo{width:330px;max-width:100%}
.contact-role{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.25em;color:#7A675D;margin-top:45px}
.contact-header h1{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:70px;letter-spacing:-.02em;line-height:1;margin:13px 0 17px}
.contact-line{width:52px;height:1px;background:var(--espresso);margin:14px auto 18px}
.contact-desc{font-size:14px;line-height:1.8;margin:0;max-width:310px}
.card-band{background:var(--espresso);color:var(--cream);padding:30px 30px 36px;flex:1}
.card-band .eyebrow{color:#D0C3BA;margin-bottom:16px}
.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.card-action{display:flex;justify-content:space-between;align-items:center;min-height:60px;border:1px solid rgba(247,243,238,.4);padding:0 15px;font-size:11px;letter-spacing:.03em;font-weight:700}
.card-action.featured{background:var(--cream);color:var(--espresso);border-color:var(--cream)}
.card-action span:last-child{font-size:17px;font-weight:400}
.card-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 30px;color:#81746D;font-size:10px;letter-spacing:.11em;text-transform:uppercase}
.card-footer a{font-weight:700;color:var(--espresso)}
@media(max-width:950px){
.site-header{height:82px}.home-hero{grid-template-columns:1fr}
.home-copy{min-height:570px;padding:58px 7vw 66px}
.home-copy h1{font-size:clamp(80px,13vw,122px)}
.home-art{min-height:280px}
.home-art:before{inset:-155% -15% -140% 35%}
.home-art:after{inset:-135% 5% -120% 48%}
.arch{inset:-115% 20% -120% 60%}
.panel-marker{left:7%;top:28%}.panel-bottom{left:7%;bottom:18%}
.login-layout{grid-template-columns:1fr}
.login-art{min-height:325px}
.login-art-inner{padding:60px 0 35px}.login-art-inner h2{font-size:70px}
.login-main{padding:95px 7vw 90px}
.back-link{top:42px;right:30px}
}
@media(max-width:550px){
.site-header{height:75px;padding:0 22px}
.wordmark{width:205px}
.header-note{font-size:9px;letter-spacing:.1em;text-align:right}
.home-copy{padding:48px 28px 65px;min-height:550px}
.home-copy h1{font-size:86px;margin:30px 0}
.hero-words{font-size:16px}
.hero-actions{width:100%}
.cta{flex:1;padding:0 14px;gap:10px;white-space:nowrap}
.home-art{min-height:228px}
.panel-bottom{font-size:9px;gap:12px}
.lower-strip{padding:22px 28px;line-height:1.8}
.contact-body{padding:0;background:var(--cream)}
.contact-card{min-height:100vh}
.contact-header{padding-top:46px}
.contact-header h1{font-size:64px}
}

/* Refined brand-led details for launch */
.panel-monogram{position:absolute;left:0;top:0;width:164px;height:164px;object-fit:cover;border:7px solid rgba(247,243,238,.18);background:var(--cream);box-shadow:0 16px 60px rgba(0,0,0,.18)}
.panel-marker{top:19%;left:16%;width:164px;height:164px;z-index:2}
.contact-header{background:radial-gradient(ellipse at 50% -38%,#ffffff 0%,#F7F3EE 68%);padding-top:55px;padding-bottom:40px}
.contact-header h1{font-size:clamp(56px,10vw,73px);margin:12px 0 17px;letter-spacing:-.035em}
.contact-header h1 em{font-weight:400}
.contact-role{letter-spacing:.22em}
.card-band{position:relative;overflow:hidden;padding-top:38px}
.card-band-decoration{pointer-events:none;position:absolute;right:-75px;top:-104px;width:310px;height:310px;border:1px solid rgba(247,243,238,.2);border-radius:50%}
.card-band-decoration:after{content:"";position:absolute;inset:28px;border:1px solid rgba(247,243,238,.17);border-radius:50%}
.card-band-head{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;gap:12px}
.card-band-head .eyebrow{font-size:9px;margin-bottom:10px;letter-spacing:.25em}
.card-band-head h2{font-family:"Instrument Serif", Georgia,serif;font-size:37px;font-weight:400;line-height:1;margin:0}
.tiny-star{font-size:27px;color:#CDBFB5;margin-right:7px}
.card-actions{position:relative;z-index:2}
.card-action{transition:background .2s ease,transform .2s ease}
.card-action:hover{background:rgba(247,243,238,.12);transform:translateY(-1px)}
.card-action.featured:hover{background:#fff}
@media(max-width:550px){.panel-marker{top:14%;left:9%;width:125px;height:125px}.panel-monogram{width:125px;height:125px}.contact-header h1{font-size:59px}}

/* Consistent round monogram and preview-only login message */
.panel-monogram{border-radius:50%;}
.login-feedback{font-size:12px;line-height:1.6;color:#675A52;max-width:455px;margin-top:15px;}
.login-btn{opacity:1;cursor:pointer}
.field input:focus{outline:2px solid var(--taupe);outline-offset:2px}

/* Final contact-card cleanup: branded, no decorative star or harsh filled green */
.tiny-star{display:none!important}
.card-band-head{justify-content:flex-start}
.card-footer a{letter-spacing:.08em}

/* Keep contact-card arrows typographic, never rendered as blue emoji */
.plain-arrow{font-family:Arial,Helvetica,sans-serif !important;font-size:20px;font-weight:400;line-height:1;color:inherit;font-variant-emoji:text}
.card-footer .plain-arrow{font-size:16px;margin-left:4px}