:root{--charcoal:#212922;--pine:#294936;--granite:#3e6259;--jungle:#5b8266;--celadon:#aef6c7;--arteaga:#653c52;--arteaga-paper:#f2eee6;--white:#f4f8f1;--line:#21292240;--font:Arial, Helvetica, sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}body{background:var(--charcoal);color:var(--white);font-family:var(--font)}a{color:inherit;text-decoration:none}.canvas{grid-template-rows:auto 1fr auto;width:100vw;height:100svh;min-height:540px;padding:24px 30px 20px;display:grid;overflow:hidden}.topbar{letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:19px;font-size:10px;line-height:1;display:flex}.brand{letter-spacing:-.08em;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:700}.brand span{color:var(--celadon);vertical-align:top;letter-spacing:0;margin-left:3px;font-size:8px}.stage{align-items:center;padding:3.8vh 7vw 3vh;display:flex;position:relative}.stage-copy{z-index:2;position:relative}h1{letter-spacing:-.095em;margin:0;font-size:clamp(30px,10.7vw,130px);font-weight:700;line-height:.84}h1 span{color:var(--celadon)}.portrait-feature{background:var(--pine);width:clamp(210px,25vw,390px);height:86%;position:absolute;top:7%;right:12vw;overflow:hidden}.portrait-feature img{object-fit:cover;object-position:48% center;filter:grayscale()contrast(1.05);opacity:.72;width:100%;height:100%;display:block}.businesses{grid-template-columns:1fr 1fr;gap:12px;display:grid}.business{grid-template-rows:1fr auto;grid-template-columns:1fr auto;align-items:start;min-height:168px;padding:24px 26px 22px;transition:transform .2s;display:grid;position:relative;overflow:hidden}.business:hover{transform:translateY(-4px)}.business-arteaga{background:var(--arteaga-paper);color:var(--arteaga)}.business-parasoles{background:var(--granite);color:var(--white)}.business-name{letter-spacing:-.08em;font-size:clamp(19px,2.7vw,44px);font-weight:700;line-height:.9}.business-arteaga .business-name,.business-parasoles .business-name{max-width:54%}.business-name strong{letter-spacing:-.08em;font-family:Georgia,Times New Roman,serif;font-size:1.12em;font-weight:400}.business-name small{letter-spacing:.04em;text-transform:uppercase;opacity:.62;margin-top:7px;font-size:9px;font-weight:400;display:block}.business-description{letter-spacing:0;max-width:390px;margin-top:16px;font-size:11px;font-weight:400;line-height:1.35;display:block}.arteaga-image{z-index:0;object-fit:cover;object-position:center;opacity:.82;mix-blend-mode:multiply;width:40%;height:100%;position:absolute;top:0;right:0}.parole-image{z-index:0;object-fit:cover;object-position:center;opacity:1;mix-blend-mode:normal;width:40%;height:100%;position:absolute;top:0;right:0}.business-arteaga>span,.business-parasoles>span{z-index:1;position:relative}@media (max-width:700px){.canvas{min-height:500px;padding:18px 16px 15px}.stage{align-items:center;padding:0 0 3vh}h1{max-width:62%;font-size:clamp(42px,13vw,78px);line-height:.88}.portrait-feature{width:34vw;max-width:145px;height:86%;top:7%;right:0}.businesses{grid-template-columns:1fr;gap:8px}.business{min-height:92px;padding:16px 14px 14px}.business-arteaga{min-height:178px}.business-parasoles{min-height:92px}.business-name{font-size:clamp(16px,5vw,28px)}.business-arteaga .business-name,.business-parasoles .business-name{max-width:58%}.business-name small{margin-top:5px;font-size:7px}.business-description{max-width:240px;margin-top:11px;font-size:8px;line-height:1.25}}@media (max-height:650px) and (min-width:701px){.stage{padding-top:2vh;padding-bottom:2vh}h1{font-size:clamp(52px,9vw,118px)}.portrait-feature{width:180px}.arteaga-image{width:40%}.business{min-height:136px}}