/* ============================================================
   MORLA REALTY — morlarealty.com
   Palette and type are derived from the brand mark:
   crimson facade, gold gradient wordmark, black frame.
   ============================================================ */

:root{
  /* brand, sampled from the logo files */
  --crimson:#E90A34;
  --crimson-dim:#B60828;
  --gold-1:#B98847;
  --gold-2:#D9B268;
  --gold-3:#FAF0A1;

  /* surfaces */
  --ink:#0B0B0C;
  --ink-2:#141416;
  --ink-3:#1D1D20;
  --paper:#EFEDE7;
  --paper-2:#E4E1D9;
  --line-dark:rgba(217,178,104,.28);
  --line-light:rgba(11,11,12,.16);

  /* text */
  --on-ink:#F2F0EB;
  --on-ink-soft:rgba(242,240,235,.66);
  --on-paper:#16161A;
  --on-paper-soft:rgba(22,22,26,.68);

  --gold-grad:linear-gradient(100deg,var(--gold-1) 0%,var(--gold-2) 46%,var(--gold-3) 100%);

  --shell:1180px;
  --gut:clamp(20px,5vw,56px);
  --pad-y:clamp(72px,10vw,132px);

  --display:"Archivo",system-ui,-apple-system,"Segoe UI",sans-serif;
  --body:"Newsreader",Georgia,"Times New Roman",serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
}

*,*::before,*::after{box-sizing:border-box}

html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{
  margin:0;
  background:var(--ink);
  color:var(--on-ink);
  font-family:var(--body);
  font-size:clamp(17px,1.05vw,18.5px);
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

img{max-width:100%;height:auto;display:block}

a{color:inherit}

:focus-visible{
  outline:2px solid var(--gold-3);
  outline-offset:3px;
  border-radius:2px;
}

.sr-only{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;
}

.skip{
  position:absolute;left:-9999px;top:0;z-index:100;
  background:var(--crimson);color:#fff;padding:12px 18px;
  font-family:var(--mono);font-size:13px;text-decoration:none;
}
.skip:focus{left:12px;top:12px}

.shell{
  width:100%;max-width:var(--shell);
  margin-inline:auto;padding-inline:var(--gut);
}

/* ---------- shared type ---------- */

.eyebrow{
  margin:0 0 18px;
  font-family:var(--mono);
  font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold-2);
}
.eyebrow--dark{color:var(--gold-1)}

.section__title{
  margin:0 0 20px;
  font-family:var(--display);
  font-weight:800;
  font-size:clamp(30px,4.2vw,52px);
  line-height:1.02;
  letter-spacing:-.022em;
  color:var(--on-paper);
}
.section__title--light{color:var(--on-ink)}

.section__lede{
  margin:0;max-width:58ch;
  font-size:clamp(17px,1.3vw,20px);
  color:var(--on-paper-soft);
}
.section__lede--light{color:var(--on-ink-soft)}

.section__head{margin-bottom:clamp(44px,6vw,72px)}

/* ---------- buttons ---------- */

.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:14px 22px;
  font-family:var(--display);font-weight:700;font-size:14px;
  letter-spacing:.04em;text-transform:uppercase;text-decoration:none;
  border:1px solid transparent;border-radius:2px;cursor:pointer;
  transition:transform .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease;
}
.btn--lg{padding:17px 30px;font-size:15px}
.btn--block{width:100%;padding:17px 24px}

.btn--red{background:var(--crimson);color:#fff}
.btn--red:hover{background:var(--crimson-dim);transform:translateY(-2px)}

.btn--ghost{background:transparent;color:var(--on-ink);border-color:var(--line-dark)}
.btn--ghost:hover{border-color:var(--gold-2);color:var(--gold-3);transform:translateY(-2px)}

.btn__arrow{width:18px;height:18px;flex:none;transition:transform .18s ease}
.btn:hover .btn__arrow{transform:translateX(4px)}

/* ---------- masthead ---------- */

.masthead{
  position:sticky;top:0;z-index:60;
  background:rgba(11,11,12,.72);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(217,178,104,.16);
  transition:background-color .3s ease;
}
.masthead.is-stuck{background:rgba(11,11,12,.94)}

.masthead__inner{
  display:flex;align-items:center;justify-content:space-between;
  gap:24px;min-height:74px;
}

.brand{display:flex;align-items:center;gap:13px;text-decoration:none}
.brand__mark{width:38px;height:38px;object-fit:contain}
.brand__text{display:flex;flex-direction:column;line-height:1.1}
.brand__name{
  font-family:var(--display);font-weight:700;font-size:16.5px;
  letter-spacing:.06em;text-transform:uppercase;
  background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.brand__sub{
  font-family:var(--mono);font-size:9.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--on-ink-soft);margin-top:3px;
}

.nav{display:flex;align-items:center;gap:34px}
.nav__link{
  font-family:var(--display);font-weight:500;font-size:14px;
  letter-spacing:.02em;text-decoration:none;color:var(--on-ink-soft);
  transition:color .18s ease;
}
.nav__link:hover{color:var(--gold-3)}
.nav__cta{padding:11px 18px;font-size:12.5px}

.menu-toggle{
  display:none;width:44px;height:44px;background:none;border:0;cursor:pointer;
  position:relative;
}
.menu-toggle__bar,
.menu-toggle__bar::before,
.menu-toggle__bar::after{
  content:"";position:absolute;left:11px;width:22px;height:1.5px;
  background:var(--gold-2);transition:transform .22s ease,opacity .22s ease;
}
.menu-toggle__bar{top:21px}
.menu-toggle__bar::before{top:-7px;left:0}
.menu-toggle__bar::after{top:7px;left:0}
.menu-toggle[aria-expanded="true"] .menu-toggle__bar{background:transparent}
.menu-toggle[aria-expanded="true"] .menu-toggle__bar::before{transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded="true"] .menu-toggle__bar::after{transform:translateY(-7px) rotate(-45deg)}

.mobile-nav{
  display:none;flex-direction:column;gap:2px;
  padding:8px var(--gut) 22px;border-top:1px solid rgba(217,178,104,.16);
}
.mobile-nav a{
  padding:14px 0;text-decoration:none;
  font-family:var(--display);font-weight:600;font-size:17px;
  border-bottom:1px solid rgba(217,178,104,.1);
}
.mobile-nav__cta{color:var(--crimson);border-bottom:0}

/* ---------- hero ---------- */

.hero{
  position:relative;overflow:hidden;
  padding-top:clamp(72px,11vw,132px);
  padding-bottom:clamp(72px,11vw,124px);
  background:
    radial-gradient(120% 90% at 78% 8%,rgba(233,10,52,.13) 0%,transparent 58%),
    radial-gradient(90% 70% at 6% 96%,rgba(185,136,71,.16) 0%,transparent 62%),
    var(--ink);
}
.hero__inner{position:relative;z-index:2}

.lattice{
  position:absolute;inset:0;width:100%;height:100%;
  z-index:0;pointer-events:none;
  mask-image:radial-gradient(115% 95% at 62% 34%,#000 0%,transparent 74%);
  -webkit-mask-image:radial-gradient(115% 95% at 62% 34%,#000 0%,transparent 74%);
}
.lattice .cell{fill:none;stroke:rgba(217,178,104,.10);stroke-width:.75}
.lattice .lit{stroke:rgba(217,178,104,.55);fill:rgba(217,178,104,.07)}
.lattice .lit--red{stroke:rgba(233,10,52,.5);fill:rgba(233,10,52,.09)}
@media (prefers-reduced-motion:no-preference){
  .lattice .lit{animation:glow 11s ease-in-out infinite}
}
@keyframes glow{
  0%,100%{opacity:.15}
  45%{opacity:1}
  70%{opacity:.35}
}

.hero__ghost{
  position:absolute;z-index:1;pointer-events:none;
  right:-14%;top:2%;width:min(720px,62vw);opacity:.055;
}

.hero__title{
  margin:0 0 26px;
  font-family:var(--display);font-weight:800;
  font-size:clamp(40px,7.4vw,90px);
  line-height:.98;letter-spacing:-.032em;
  max-width:16ch;
}
.hero__title em{
  font-style:normal;
  background:var(--gold-grad);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

.hero__lede{
  margin:0 0 38px;max-width:56ch;
  font-size:clamp(18px,1.55vw,22px);
  color:var(--on-ink-soft);
}

.hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:clamp(52px,7vw,84px)}

.hero__facts{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1px;margin:0;background:rgba(217,178,104,.2);
  border:1px solid rgba(217,178,104,.2);
}
.fact{background:var(--ink);padding:20px 22px}
.fact dt{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold-2);margin-bottom:7px;
}
.fact dd{margin:0;font-family:var(--display);font-weight:600;font-size:15.5px;letter-spacing:.01em}

/* ---------- sections ---------- */

.section{padding-block:var(--pad-y)}
.section--paper{background:var(--paper);color:var(--on-paper)}
.section--ink{background:var(--ink-2);color:var(--on-ink)}
.section--legal{background:var(--ink);color:var(--on-ink);border-top:1px solid rgba(217,178,104,.16)}

/* ---------- the two companies ---------- */

.diptych{
  display:grid;grid-template-columns:1fr 1px 1fr;
  gap:clamp(30px,4.5vw,62px);
  align-items:start;
}
.diptych::before{content:none}
.diptych > .entity:first-child{grid-column:1}
.diptych > .entity:last-child{grid-column:3}
.diptych::after{
  content:"";grid-column:2;grid-row:1;align-self:stretch;
  background:linear-gradient(180deg,transparent,var(--gold-1) 12%,var(--gold-1) 88%,transparent);
}

.entity{position:relative;padding-top:6px}
.entity__role{
  margin:0 0 16px;font-family:var(--mono);font-size:11px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--crimson);
}
.entity__name{
  margin:0 0 22px;font-family:var(--display);font-weight:800;
  font-size:clamp(26px,3.1vw,38px);line-height:1.04;letter-spacing:-.02em;
}
.entity__body{margin:0 0 26px;color:var(--on-paper-soft)}

.entity__list{list-style:none;margin:0 0 30px;padding:0;border-top:1px solid var(--line-light)}
.entity__list li{
  position:relative;padding:14px 0 14px 26px;
  border-bottom:1px solid var(--line-light);
  font-size:16.5px;line-height:1.45;
}
.entity__list li::before{
  content:"";position:absolute;left:2px;top:22px;
  width:8px;height:8px;background:var(--gold-1);
  transform:rotate(45deg);
}

.entity__stamp{
  margin:0;display:inline-block;padding:8px 13px;
  font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--on-paper-soft);
  border:1px solid var(--line-light);
}

.separation{
  margin-top:clamp(50px,6vw,80px);
  padding:clamp(26px,3.5vw,40px);
  background:var(--paper-2);
  border-left:4px solid var(--crimson);
}
.separation__label{
  margin:0 0 12px;font-family:var(--mono);font-size:11px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--crimson);
}
.separation__text{margin:0;max-width:74ch;font-size:clamp(17px,1.25vw,19.5px)}
.separation__text strong{font-weight:500;border-bottom:2px solid var(--gold-1)}

/* ---------- tenants ---------- */

.tenants{
  display:grid;grid-template-columns:1.05fr .95fr;
  gap:clamp(38px,6vw,84px);align-items:start;
}
.tenants__copy .btn{margin-top:34px}
.tenants__note{
  margin:26px 0 0;max-width:46ch;
  font-family:var(--mono);font-size:12.5px;line-height:1.75;
  color:var(--on-ink-soft);
}
.tenants__note a{color:var(--gold-3)}

.tenants__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-dark)}
.tenants__list li{
  padding:22px 0;border-bottom:1px solid var(--line-dark);
  color:var(--on-ink-soft);font-size:16.5px;
}
.tenants__list span{
  display:block;margin-bottom:5px;
  font-family:var(--display);font-weight:700;font-size:15px;
  letter-spacing:.04em;text-transform:uppercase;color:var(--on-ink);
}

/* ---------- contact ---------- */

.contact{
  display:grid;grid-template-columns:1fr 1fr;
  gap:clamp(40px,6vw,88px);align-items:start;
}

.contact__details{
  display:grid;grid-template-columns:repeat(2,1fr);
  gap:26px 20px;margin:44px 0 0;
}
.contact__details dt{
  font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold-1);margin-bottom:8px;
}
.contact__details dd{margin:0;font-size:16.5px;line-height:1.5}
.contact__details a{color:var(--on-paper);text-decoration-color:var(--gold-1);text-underline-offset:3px}
.contact__details a:hover{color:var(--crimson)}

.form{
  background:#fff;padding:clamp(24px,3.2vw,38px);
  border:1px solid var(--line-light);
}
.form__row{display:grid;grid-template-columns:1fr 1fr;gap:18px}

.field{display:block;margin-bottom:18px}
.field__label{
  display:block;margin-bottom:7px;
  font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;
  text-transform:uppercase;color:var(--on-paper-soft);
}
.field__opt{text-transform:none;letter-spacing:.02em;opacity:.6}
.field__input{
  width:100%;padding:12px 13px;
  font-family:var(--body);font-size:16.5px;color:var(--on-paper);
  background:var(--paper);border:1px solid var(--line-light);border-radius:2px;
  transition:border-color .16s ease,background-color .16s ease;
}
.field__input:focus{background:#fff;border-color:var(--gold-1);outline-offset:1px}
.field__input--area{resize:vertical;min-height:130px;line-height:1.5}
.field__input:user-invalid{border-color:var(--crimson)}

.form__fineprint{
  margin:4px 0 20px;font-family:var(--mono);font-size:11.5px;
  line-height:1.7;color:var(--on-paper-soft);
}
.form__status{
  margin:14px 0 0;min-height:1.2em;
  font-family:var(--mono);font-size:12.5px;color:var(--crimson);
}

/* ---------- legal ---------- */

.legal{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;background:rgba(217,178,104,.18);
  border:1px solid rgba(217,178,104,.18);
}
.legal__item{background:var(--ink);padding:clamp(24px,2.8vw,34px)}
.legal__item--flag{grid-column:1/-1;border-left:3px solid var(--crimson)}
.legal__h{
  margin:0 0 14px;font-family:var(--display);font-weight:700;
  font-size:15px;letter-spacing:.05em;text-transform:uppercase;color:var(--gold-2);
}
.legal__item p{margin:0;font-size:15px;line-height:1.68;color:var(--on-ink-soft)}

/* ---------- footer ---------- */

.footer{background:var(--ink-2);border-top:1px solid rgba(217,178,104,.16);padding-top:clamp(52px,6vw,78px)}
.footer__inner{display:grid;grid-template-columns:auto 1fr;gap:clamp(34px,5vw,70px);align-items:start}
.footer__brand img{width:118px;opacity:.92}
.footer__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.footer__col p{margin:0 0 8px;font-size:15px;color:var(--on-ink-soft)}
.footer__col a{text-decoration:none;transition:color .16s ease}
.footer__col a:hover{color:var(--gold-3)}
.footer__label{
  margin-bottom:14px !important;
  font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold-1) !important;
}
.footer__muted{font-family:var(--mono);font-size:11px;line-height:1.6;opacity:.6;margin-top:12px !important}

.footer__base{
  display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;
  margin-top:clamp(44px,5vw,68px);padding-block:24px;
  border-top:1px solid rgba(217,178,104,.16);
}
.footer__base p{margin:0;font-family:var(--mono);font-size:11.5px;color:var(--on-ink-soft)}
.footer__eho{display:flex;align-items:center;gap:9px}
.eho{
  width:15px;height:15px;flex:none;
  background:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 3 2 11h3v10h14V11h3L12 3zm0 5.2 4 3.2V19h-8v-7.6l4-3.2z'/></svg>") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 3 2 11h3v10h14V11h3L12 3zm0 5.2 4 3.2V19h-8v-7.6l4-3.2z'/></svg>") center/contain no-repeat;
}

/* ---------- reveal on load / scroll ---------- */

.reveal{opacity:0;transform:translateY(18px)}
.reveal.is-in{opacity:1;transform:none;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.3,1)}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none}
  .btn:hover{transform:none}
}

/* ---------- responsive ---------- */

@media (max-width:960px){
  .nav{display:none}
  .menu-toggle{display:block}
  .mobile-nav:not([hidden]){display:flex}
  .diptych{grid-template-columns:1fr;gap:0}
  .diptych::after{display:none}
  .diptych > .entity:first-child{grid-column:1;padding-bottom:46px;border-bottom:1px solid var(--gold-1)}
  .diptych > .entity:last-child{grid-column:1;padding-top:46px}
  .tenants,.contact{grid-template-columns:1fr}
  .legal{grid-template-columns:1fr}
  .footer__inner{grid-template-columns:1fr}
  .footer__cols{grid-template-columns:1fr 1fr}
}

@media (max-width:620px){
  .hero__facts{grid-template-columns:1fr}
  .form__row{grid-template-columns:1fr;gap:0}
  .contact__details{grid-template-columns:1fr}
  .footer__cols{grid-template-columns:1fr}
  .hero__ghost{right:-30%;top:auto;bottom:-6%;width:110vw;opacity:.04}
  .btn--lg{width:100%}
}

/* ============================================================
   DOCUMENT PAGES — privacy policy, terms of service
   ============================================================ */

.doc-page .masthead{position:sticky}

.doc-hero{
  padding-top:clamp(56px,8vw,92px);
  padding-bottom:clamp(40px,5vw,64px);
  background:
    radial-gradient(90% 120% at 82% 0%,rgba(233,10,52,.12) 0%,transparent 60%),
    var(--ink);
  border-bottom:1px solid rgba(217,178,104,.2);
}
.doc-hero__back{text-decoration:none;color:var(--gold-2)}
.doc-hero__back:hover{color:var(--gold-3)}
.doc-hero__title{
  margin:0 0 14px;font-family:var(--display);font-weight:800;
  font-size:clamp(34px,5.6vw,68px);line-height:1;letter-spacing:-.028em;
  color:var(--on-ink);
}
.doc-hero__meta{
  margin:0;font-family:var(--mono);font-size:12px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--on-ink-soft);
}

.doc-body{padding-block:clamp(52px,7vw,92px)}

.doc-layout{
  display:grid;grid-template-columns:250px minmax(0,1fr);
  gap:clamp(36px,5vw,72px);align-items:start;
}

/* table of contents */
.toc{position:sticky;top:100px}
.toc__label{
  margin:0 0 14px;font-family:var(--mono);font-size:10.5px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--gold-1);
}
.toc__list{
  list-style:none;margin:0;padding:0 0 0 14px;
  border-left:1px solid var(--line-light);
}
.toc__list li{margin-bottom:9px}
.toc__list a{
  font-size:14px;line-height:1.35;text-decoration:none;
  color:var(--on-paper-soft);transition:color .15s ease;
}
.toc__list a:hover{color:var(--crimson)}

/* document body */
.doc{max-width:74ch}
.doc h2{
  margin:44px 0 14px;
  font-family:var(--display);font-weight:700;
  font-size:clamp(17px,1.7vw,21px);line-height:1.2;letter-spacing:-.008em;
  color:var(--on-paper);
  padding-top:20px;border-top:1px solid var(--line-light);
  scroll-margin-top:110px;
}
.doc h2:first-of-type{margin-top:0}
.doc p{margin:0 0 16px;font-size:16.5px;line-height:1.7;color:var(--on-paper-soft)}
.doc strong{color:var(--on-paper);font-weight:500}
.doc a{color:var(--on-paper);text-decoration-color:var(--gold-1);text-underline-offset:3px}
.doc a:hover{color:var(--crimson)}
.doc ul{margin:0 0 18px;padding-left:0;list-style:none}
.doc ul li{
  position:relative;padding:0 0 12px 24px;
  font-size:16.5px;line-height:1.65;color:var(--on-paper-soft);
}
.doc ul li::before{
  content:"";position:absolute;left:2px;top:10px;
  width:7px;height:7px;background:var(--gold-1);transform:rotate(45deg);
}

.doc__caps{
  padding:18px 20px;background:var(--paper-2);
  border-left:3px solid var(--gold-1);
  font-size:15.5px !important;
}

.doc__flag{
  margin:0 0 40px;padding:clamp(22px,3vw,30px);
  background:var(--paper-2);border-left:4px solid var(--crimson);
}
.doc__flag-label{
  margin:0 0 10px !important;font-family:var(--mono);font-size:11px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--crimson) !important;
}
.doc__flag p:last-child{margin-bottom:0}

.doc__contact{
  margin:0 0 20px;padding:20px 22px;
  border:1px solid var(--line-light);background:#fff;
}
.doc__contact p{margin:0;line-height:1.7}

.doc__end{
  margin-top:34px;padding-top:20px;border-top:1px solid var(--line-light);
  font-family:var(--mono);font-size:13px;
}

.legal__link{color:var(--gold-2);text-decoration-color:rgba(217,178,104,.5);text-underline-offset:3px}
.legal__link:hover{color:var(--gold-3)}

.footer__copy p{margin:0 0 4px}
.footer__copy p:last-child{margin-bottom:0}

@media (max-width:960px){
  .doc-layout{grid-template-columns:1fr}
  .toc{
    position:static;padding:20px 22px;
    background:var(--paper-2);border-left:3px solid var(--gold-1);
  }
  .toc__list{
    column-count:2;column-gap:26px;
    padding-left:0;border-left:0;
  }
}
@media (max-width:620px){
  .toc__list{column-count:1}
}