@font-face{font-family:'Poppins';src:url(fonts/Poppins-Regular.ttf) format('truetype');font-weight:400}
@font-face{font-family:'Poppins';src:url(fonts/Poppins-Medium.ttf) format('truetype');font-weight:500 600}
@font-face{font-family:'Poppins';src:url(fonts/Poppins-Bold.ttf) format('truetype');font-weight:700 900}
:root{--shore:#f3eee7;--ink:#000;--mute:#6b645c;--grey:#d3cbc0;
  --gold:linear-gradient(180deg,#EFC98E 0%,#D8AA6F 48%,#B18766 100%);
  --gold-h:linear-gradient(90deg,#B18766 0%,#D8AA6F 55%,#EFC98E 100%);
  --gold-ink:#A47B4C}
*{box-sizing:border-box;margin:0;padding:0}

.poster{position:relative;overflow:hidden;background:var(--shore);color:var(--ink);font-family:'area-normal','Area Normal','Poppins',Arial,sans-serif;display:flex;flex-direction:column}
/* header lockup band */
.lock{flex:none;height:235px;background:#fff;position:relative}
.lock img{position:absolute;left:207px;top:52px;width:666px}
.ph{width:100%;background-size:cover;background-position:center;flex:none}
.ai{position:absolute;top:259px;right:28px;color:#fff;font-size:14px;letter-spacing:.18em;text-transform:uppercase;border:1.5px solid rgba(255,255,255,.8);padding:7px 12px}
.ai.dark{color:#000;border-color:rgba(0,0,0,.55)}
.panel{flex:1;padding:52px 80px 0;display:flex;flex-direction:column}
.kick{font-size:19px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--mute);margin-bottom:22px}
h1{text-wrap:balance;font-size:62px;line-height:1.04;font-weight:700;text-transform:uppercase;letter-spacing:-.01em;margin-bottom:26px}
h1.md{font-size:52px}
.lede{text-wrap:pretty;font-size:27px;line-height:1.42;margin-bottom:26px;max-width:900px}
.lede.sm{font-size:24px;color:var(--mute);margin-bottom:30px}
.gold{background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}
ul.rules{list-style:none;border-top:2px solid #000}
ul.rules li{font-size:26px;line-height:1.3;padding:17px 0;border-bottom:1.5px solid rgba(0,0,0,.35)}
table.units{width:100%;border-collapse:collapse;border-top:2px solid #000;margin-bottom:28px}
.units th{font-size:17px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);text-align:left;font-weight:600;padding:14px 0 10px}
.units td{font-size:27px;padding:18px 0;border-top:1.5px solid rgba(0,0,0,.35);vertical-align:top}
.units td i{display:block;font-style:normal;font-size:17px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-ink);font-weight:600;margin-top:4px}
.units .r{text-align:right}
.band{display:flex;align-items:baseline;gap:22px;background:#000;color:#fff;padding:22px 30px}
.band span{font-size:18px;letter-spacing:.18em;text-transform:uppercase;opacity:.85}
.band span:last-child{margin-left:auto}
.band b{font-size:34px;font-weight:700}
.band.slim{margin-top:6px}.band.slim span:last-child{margin-left:0}
.pre{font-size:34px;font-weight:600;text-transform:uppercase;line-height:1.1}
.huge{font-size:132px;font-weight:700;letter-spacing:-.03em;line-height:1;margin:6px 0 24px}
.split{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid #000;margin-bottom:28px}
.split div{padding:18px 0}
.split div+div{border-left:1.5px solid rgba(0,0,0,.35);padding-left:28px}
.split span{display:block;font-size:17px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
.split b{font-size:40px}
.split div+div b{background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.tl{display:flex;position:relative;margin:26px 0 40px}
.tl:before{content:"";position:absolute;left:0;right:0;top:114px;height:2px;background:#000}
.st{flex:1;display:flex;flex-direction:column;align-items:flex-start;position:relative}
.st b{font-size:52px;font-weight:700;height:104px;line-height:1.1;display:flex;align-items:flex-end;padding-bottom:18px;box-sizing:border-box}
.st i{width:22px;height:22px;border-radius:50%;background:#000;margin:0 0 20px}
.st span{font-size:21px;line-height:1.3;padding-right:14px;text-transform:uppercase;letter-spacing:.06em}
.st.hi{flex:1.4}
.st.hi b{font-size:84px;line-height:1.1;background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.st.hi i{background:radial-gradient(circle at 38% 32%,#E9C995 0%,#B8946B 55%,#8A7362 100%);width:30px;height:30px;margin:-4px 0 16px}
.pair{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid #000}
.pair div{padding:20px 0}.pair div+div{border-left:1.5px solid rgba(0,0,0,.35);padding-left:28px}
.pair span{display:block;font-size:17px;letter-spacing:.16em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
.pair b{font-size:40px}
.bars{border-top:2px solid #000;padding-top:10px}
.bar{display:grid;grid-template-columns:300px 1fr 120px;align-items:center;gap:24px;padding:14px 0}
.bar span{font-size:24px}.bar b{font-size:26px;text-align:right}
.bar div{height:38px;display:flex;align-items:center}.bar i{display:block;height:100%;background:linear-gradient(180deg,#ddd6cc 0%,#d3cbc0 100%);border-radius:2px;box-shadow:0 2px 4px rgba(90,70,50,.14),1px 1px 0 rgba(90,70,50,.08)}
.bar.hi span,.bar.hi b{font-weight:700}.bar.hi i{background:linear-gradient(90deg,#B48A62 0%,#D6AA70 55%,#F0CD93 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.38),inset 0 -2px 0 rgba(120,85,45,.18),0 3px 7px rgba(140,100,55,.32)}
.note{font-size:23px;line-height:1.45;margin-top:26px;padding-top:22px;border-top:1.5px solid rgba(0,0,0,.35);color:#222}
.cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid #000;margin-bottom:28px}
.cards div{padding:20px 22px 22px 0;display:flex;flex-direction:column;gap:6px}
.cards div+div{border-left:1.5px solid rgba(0,0,0,.35);padding-left:22px}
.cards .code{font-size:36px;margin-bottom:6px}
.cards span{font-size:20px;color:#222}
.cards .pr{font-size:26px;margin-top:10px}
/* legal line, fold shade and footer band (from Layout.psd) */
.legal{position:absolute;left:60px;right:60px;bottom:164px;text-align:center;font-size:19px;color:var(--mute)}
.shade{position:absolute;left:0;right:0;bottom:112px;height:40px;background:linear-gradient(180deg,rgba(243,238,231,0) 0%,#dfdbd5 100%)}
.band-foot{position:absolute;left:0;right:0;bottom:0;height:112px;background:#fff}
.band-foot .url{position:absolute;left:39px;top:47px;height:21px}
.band-foot .star{position:absolute;left:506px;top:15px;height:76px}
.band-foot .bt{position:absolute;right:51px;top:45px;height:22px}
/* no-photo layouts */
.panel.nophoto{padding-top:64px}
/* timeline, large values (e.g. homes per year) */
.tl.big .st b{font-size:44px}.tl.big .st.hi b{font-size:64px}
/* two numbers */
.nums{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid #000;margin-bottom:10px}
.nums div{padding:24px 24px 24px 0}.nums div+div{border-left:1.5px solid rgba(0,0,0,.35);padding-left:28px}
.nums b{display:block;font-size:84px;line-height:1;font-weight:700;letter-spacing:-.02em;margin-bottom:14px}
.nums .hi b{background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.nums span{font-size:22px;line-height:1.35;display:block}
/* two panels */
.two{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid #000;margin-bottom:26px}
.two>div{padding:20px 22px 6px 0}.two>div+div{border-left:1.5px solid rgba(0,0,0,.35);padding-left:24px;padding-right:0}
.two h4{font-size:18px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;margin-bottom:12px}
.two .hi h4{color:var(--gold-ink)}
.two ul{list-style:none}.two li{font-size:20px;line-height:1.35;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.18)}
.two li:last-child{border-bottom:0}
.two .hi{background:linear-gradient(180deg,rgba(216,170,111,.12),rgba(216,170,111,0))}
/* icon strip */
.tiles{display:grid;grid-template-columns:repeat(2,1fr);border-top:2px solid #000;margin-bottom:22px}
.tiles div{display:flex;gap:18px;align-items:flex-start;padding:18px 18px 18px 0;border-bottom:1.5px solid rgba(0,0,0,.25)}
.tiles div:nth-child(even){padding-left:20px;border-left:1.5px solid rgba(0,0,0,.25)}
.tiles svg{width:46px;height:46px;flex:none}.tiles span{font-size:21px;line-height:1.35}
.tile-big{display:flex;gap:28px;align-items:center;background:#000;color:#fff;padding:30px 32px;margin-top:4px}
.tile-big svg{width:110px;height:110px;flex:none;color:#D8AA6F}
.tile-big b{display:block;font-size:64px;line-height:1;margin-bottom:12px;background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.tile-big span{font-size:21px;line-height:1.4;opacity:.92}
/* compare views / plans */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:6px;height:620px;flex:none;background:#fff}
.duo div{background-size:cover;background-position:center;position:relative}
.duo em{position:absolute;left:22px;bottom:20px;background:var(--shore);color:#000;font-style:normal;font-size:17px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;padding:10px 14px}
.duo.plans div{background-size:contain;background-repeat:no-repeat;background-color:#fff}
.grp h4{font-size:18px;letter-spacing:.16em;text-transform:uppercase;margin:6px 0 4px}
.grp table.units{margin-bottom:16px}.grp .units td{padding:12px 0;font-size:24px}
/* plan + render */
.ph.pr{position:relative}.ph.pr .plan{position:absolute;right:40px;bottom:40px;width:38%;height:70%;background:#fff center/contain no-repeat;border:10px solid #fff}
.huge.sm{font-size:104px;line-height:1.14;padding-bottom:.06em;margin:0 0 22px}.huge small{font-size:40px;letter-spacing:0}
.huge.sm{background:var(--gold);-webkit-background-clip:text;background-clip:text;color:transparent}
/* bars variants */
.bars.duobar .bar{grid-template-columns:200px 1fr 190px}.bars.duobar .bar div{height:64px}.bars.duobar .bar b{font-size:30px}
.bar.blk i{background:linear-gradient(180deg,#1b1b1b 0%,#000 100%)}

/* no-photo panels: bigger type, content spread to the legal line */
.panel.nophoto{justify-content:space-evenly;padding-bottom:190px}
.nophoto h1.md{font-size:62px}.nophoto .lede.sm{font-size:27px}
.nophoto .tiles div{padding-top:28px;padding-bottom:28px}.nophoto .tiles svg{width:58px;height:58px}.nophoto .tiles span{font-size:24px}
.nophoto .tile-big{padding:44px 40px}.nophoto .tile-big svg{width:140px;height:140px}.nophoto .tile-big b{font-size:88px}.nophoto .tile-big span{font-size:24px}

/* gradient (clipped) text needs room inside its own box or descenders get cut */
.nums .hi b,.tile-big b,.split div+div b{line-height:1.12;padding-bottom:.06em}