#c4g-approved-hero{position:relative;overflow:hidden;padding-top:34px;border-bottom:1px solid #dce5e7}
#c4g-approved-hero .hero-copy{text-align:center;position:relative;z-index:2;padding:0 24px}
#c4g-approved-hero h1{font:400 clamp(46px,5.3vw,72px)/1.06 'Bree Serif',Georgia,serif;letter-spacing:-1.8px;margin:0;color:#00728f;max-width:none}
#c4g-approved-hero h1 span{color:#773e82}
#c4g-approved-hero .hero-copy p{font-size:18px;line-height:1.75;max-width:530px;margin:22px auto 24px;text-wrap:balance}
#c4g-approved-hero .invitation{display:inline-flex;align-items:center;justify-content:center;min-height:52px;max-width:100%;padding:13px 24px;border:1px solid #141412;border-radius:8px;background:#e0b15a;color:#141412;text-decoration:none;font-size:16px;font-weight:600;line-height:1.5;transition:transform .2s,box-shadow .2s}
#c4g-approved-hero .invitation:hover{transform:translateY(-2px);box-shadow:0 4px 0 #14141212}
#c4g-approved-hero .doorway-dream{position:relative;width:100%;height:clamp(350px,38vw,500px);max-width:1400px;margin:8px auto 0}
#c4g-approved-hero .doorway-stage{position:absolute;overflow:hidden;width:96%;height:100%;right:0;top:0;isolation:isolate;background:radial-gradient(ellipse at 65% 55%,#e3f1f6 0%,#edf7fa 53%,#fff 79%);mask-image:linear-gradient(to right,transparent,#000 6%,#000 96%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 99%,transparent);mask-composite:intersect}
#c4g-approved-hero .door-layer{position:absolute;inset:auto 0 0 auto;width:auto;height:100%;max-width:none;aspect-ratio:3/2;object-fit:contain;mix-blend-mode:multiply;pointer-events:none;transform-origin:100% 0;will-change:transform}
#c4g-approved-hero .doorway-art{z-index:0;opacity:1}
#c4g-approved-hero .doorway-front{z-index:4;mix-blend-mode:normal;clip-path:polygon(77.5% 19.5%,85.1% 12.2%,85.1% 84.5%,77.5% 77.8%)}
#c4g-approved-hero .opening-art{position:absolute;inset:auto 12% 14% auto;width:auto;height:59%;max-width:none;object-fit:contain;z-index:5;pointer-events:none}
#c4g-approved-hero .welcome-crowd{position:absolute;inset:0;z-index:3;opacity:0;overflow:hidden}
#c4g-approved-hero .visitor{position:absolute;transform:translateX(-50%);will-change:left}
#c4g-approved-hero .visitor img{display:block;width:100%;height:auto;max-width:none;transform-origin:50% 100%}
#c4g-approved-hero .dreamer{position:absolute;width:27%;height:auto;left:0;bottom:0;z-index:8}
#c4g-approved-hero .hero-motion-control{position:absolute;bottom:8px;right:16px;z-index:10}
/* Keep review controls out of the composition; expose motion control on keyboard focus. */
#c4g-approved-hero #motion{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;padding:0}
#c4g-approved-hero #motion:focus-visible{position:relative;width:auto;height:auto;clip-path:none;font:600 14px/1.4 Manrope,sans-serif;color:#141412;background:white;border:1px solid #526469;border-radius:6px;min-height:44px;padding:8px 14px;cursor:pointer}
@media(max-width:800px){#c4g-approved-hero h1{font-size:56px}#c4g-approved-hero .hero-copy p{font-size:17px}#c4g-approved-hero .doorway-dream{height:360px}#c4g-approved-hero .doorway-stage{width:100%}#c4g-approved-hero .dreamer{width:30%}}
@media(max-width:540px){#c4g-approved-hero{padding-top:28px}#c4g-approved-hero h1{font-size:48px;letter-spacing:-1px}#c4g-approved-hero .hero-copy p{font-size:16px;max-width:330px;margin-top:18px}#c4g-approved-hero .invitation{font-size:14px;padding:13px 17px}#c4g-approved-hero .doorway-dream{height:300px;margin-top:25px}#c4g-approved-hero .door-layer{height:88%}#c4g-approved-hero .opening-art{height:48%;right:12%;bottom:14%}#c4g-approved-hero .dreamer{width:40%}}
@media(prefers-reduced-motion:reduce){#c4g-approved-hero *{transition:none!important;will-change:auto!important}}

/* Standing opening figure, scaled to the doorway rather than the viewport width. */
#c4g-approved-hero .doorway-dream{--scene-height:clamp(350px,38vw,500px)}
#c4g-approved-hero .opening-art{height:55%;right:calc(var(--scene-height) * .52);bottom:13%}
@media(max-width:800px){#c4g-approved-hero .doorway-dream{--scene-height:360px}}
@media(max-width:540px){#c4g-approved-hero .doorway-dream{--scene-height:300px}#c4g-approved-hero .opening-art{height:48.4%;right:calc(var(--scene-height) * .4576);bottom:12%}}