.creator-demo-doorway{max-width:1280px;margin:64px auto;padding:40px;display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;background:#edf0e5;border:1px solid #d9dfce;border-radius:16px;color:#203327}
.creator-demo-doorway-copy>p:first-child{font:600 10px/1.5 Arial,sans-serif;letter-spacing:1.5px;margin:0 0 16px}
.creator-demo-doorway-copy>h2{font:500 clamp(27px,3vw,40px)/1.08 Arial,sans-serif;letter-spacing:-1.3px;margin:0 0 17px}
.creator-demo-doorway-copy>p{font:14px/1.6 Arial,sans-serif;max-width:420px;margin:0 0 20px}
.creator-demo-doorway-copy>a{display:inline-flex;gap:24px;align-items:center;border-radius:7px;padding:13px 17px;background:#243c2b;color:white;text-decoration:none;font:600 13px/1.4 Arial,sans-serif}
.creator-demo-doorway-copy>small{display:block;font:10px/1.5 Arial,sans-serif;margin-top:12px;color:#54664f}
.creator-demo-portraits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.creator-demo-portraits>a{min-width:0;display:block;position:relative;border-radius:8px;overflow:hidden;background:#243c2b;color:white;text-decoration:none}
.creator-demo-portraits img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 24%;transition:transform .2s}
.creator-demo-portraits span{display:block;position:absolute;bottom:0;left:0;right:0;padding:18px 8px 8px;background:linear-gradient(transparent,#000b);font:700 10px/1.3 Arial,sans-serif;text-align:left;color:white}
.creator-demo-portraits>a:hover img{transform:scale(1.035)}
.creator-demo-doorway a:focus-visible{outline:3px solid #743bcc;outline-offset:4px}
@media(max-width:1320px){.creator-demo-doorway{margin-inline:4%}}
@media(max-width:720px){.creator-demo-doorway{grid-template-columns:1fr;padding:24px;gap:25px;margin-block:36px}.creator-demo-doorway-copy>h2{font-size:30px}.creator-demo-portraits{gap:8px}}
@media(prefers-reduced-motion:reduce){.creator-demo-portraits img{transition:none}}