.mix-intro{margin:clamp(14px,2.4vw,36px);border-radius:16px;background:#203625;color:#f0f7ed;padding:clamp(20px,3vw,45px);min-height:min(740px,calc(100dvh - 130px));display:flex;flex-direction:column}.mix-index,.panel-foot,.visual-top,.visual-foot{display:flex;justify-content:space-between;gap:15px;font:700 10px Manrope,Arial,sans-serif;letter-spacing:.13em}.mix-index{color:#bfd1be}.mix-layout{display:grid;grid-template-columns:1.03fr .97fr;gap:clamp(30px,4vw,65px);align-items:center;flex:1;padding:40px 0}.mix-copy .eyebrow{color:var(--neon)}.mix-copy h1{font:800 clamp(61px,7.1vw,122px)/1.01 Manrope,Arial,sans-serif;letter-spacing:-.09em;margin:25px 0}.mix-copy h1 em{font-style:normal;color:var(--neon)}.mix-copy>p{font-size:clamp(18px,1.75vw,23px);line-height:1.42;color:#c6d8c6;max-width:520px}.invite{display:flex;align-items:center;gap:15px;margin-top:45px;color:#d9e9d5;font-size:14px}.invite-symbol{width:38px;height:38px;background:var(--neon);border-radius:10px;display:grid;place-items:center;flex:none;color:#243b25}.invite-symbol svg{width:23px;height:23px}.mix-visual{height:clamp(420px,41vw,570px);background:#dce9d8;color:#25412b;border-radius:10px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.visual-top,.visual-foot{position:relative;z-index:1}.figure{flex:1;position:relative;display:grid;place-items:center}.figure .door{position:absolute;left:10%;top:5%;width:48%;height:80%;border:2px solid #739a58;border-radius:160px 160px 0 0;box-shadow:0 0 0 18px #7ca46a1c,0 0 0 37px #7ca46a0e}.figure .door:after{content:'';position:absolute;right:17%;top:56%;width:7px;height:7px;border-radius:50%;background:#739a58}.disc{position:absolute;right:5%;bottom:5%;width:min(27vw,310px);height:min(27vw,310px);background:var(--neon);border-radius:50%;display:flex;align-items:center;justify-content:center;font:800 clamp(85px,10vw,155px)/1 Manrope,Arial,sans-serif;letter-spacing:-.14em}.disc sup{font-size:.43em;align-self:flex-start;margin-top:21%;letter-spacing:0}.panel-foot{border-top:1px solid #79947a6b;padding-top:20px;color:#bdd0ba}.below{border-top:0}.mix-intro+ .below{padding-top:65px}footer a{display:inline-flex;align-items:center;gap:7px}footer svg{width:15px;height:15px}@media(max-width:850px){.mix-layout{grid-template-columns:1fr;gap:30px}.mix-intro{min-height:0}.mix-copy h1{font-size:clamp(56px,9vw,86px)}.mix-visual{max-width:650px;width:100%;height:400px}.disc{width:230px;height:230px;font-size:105px}}@media(max-width:700px){.mix-intro{margin:12px 4vw;border-radius:14px;padding:19px}.mix-index,.panel-foot{font-size:8px}.mix-index span+span{display:none}.mix-layout{padding:45px 0 35px}.mix-copy h1{font-size:clamp(51px,12vw,75px);margin:18px 0 21px}.mix-copy>p{font-size:17px}.invite{margin-top:27px;font-size:12px}.mix-visual{height:340px;padding:18px}.disc{width:190px;height:190px;font-size:84px;right:2%;bottom:6%}.figure .door{left:10%;width:45%;height:76%}.visual-top,.visual-foot{font-size:8px}.panel-foot{gap:8px;font-size:7px}.below{padding-top:50px!important}}
/* Age is a quiet detail, not the hero. */
.disc{width:min(17vw,205px);height:min(17vw,205px);font-size:clamp(58px,6.7vw,95px);right:9%;bottom:11%}
.disc sup{margin-top:20%}
@media(max-width:850px){.disc{width:155px;height:155px;font-size:66px}}
@media(max-width:700px){.disc{width:112px;height:112px;font-size:48px;right:8%;bottom:14%}}
/* The graphic is a doorway, without an age badge. */
.figure .door{left:27%;width:46%;height:80%;border-color:#638c4e;box-shadow:0 0 0 18px #7ca46a1c,0 0 0 37px #7ca46a0e}
@media(max-width:700px){.figure .door{left:27%;width:46%;height:80%}}