.avatar-showcase{background:#f5f8f4;border-bottom:1px solid #e4ebe1;padding-top:78px;padding-bottom:82px}.avatar-showcase-layout{display:grid;grid-template-columns:.85fr 1.9fr;gap:45px;align-items:stretch}.avatar-intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:32px;padding-top:5px;min-width:0}.avatar-intro h2{font-size:49px;line-height:1.08;letter-spacing:-.05em;margin:19px 0 24px}.avatar-intro h2 em{font-style:normal;color:var(--teal)}.avatar-intro-copy>p{font-size:13px;line-height:1.9;color:var(--muted);max-width:330px}.avatar-themes{display:flex;flex-wrap:wrap;gap:9px 16px;font-size:10px;color:#71927b;margin-top:24px}.avatar-themes span{display:inline-flex;align-items:center;gap:6px}.avatar-themes svg{width:14px;height:14px}.custom-avatar-card{background:#153e40;color:#fff;padding:25px 27px 28px;border-radius:14px;width:100%;position:relative;overflow:hidden;border:1px solid #16494b}.custom-avatar-card .eyebrow{color:#a6d7bb;font-size:8px;letter-spacing:.09em}.custom-avatar-card h3{font-size:26px;line-height:1.15;margin:14px 0 13px;position:relative;z-index:1}.custom-avatar-card p{color:#b3cbbf;font-size:11px;line-height:1.85;max-width:270px;position:relative;z-index:1}.custom-avatar-card button{color:#d7f2df;font-size:11px;margin-top:22px;position:relative;z-index:1;gap:10px}.custom-avatar-card button:hover{color:#fff}.custom-avatar-card:after{content:'X';font-size:220px;line-height:1;letter-spacing:-20px;position:absolute;bottom:-75px;right:-14px;color:#25605b;opacity:.48;pointer-events:none}.avatar-mosaic{display:grid;grid-template-columns:1.05fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:15px;min-width:0;min-height:575px}.avatar-portrait{position:relative;overflow:hidden;min-width:0;margin:0;border-radius:14px;background:#dfebe0;border:1px solid #dfe8dc;isolation:isolate;min-height:0}.avatar-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 28%}.avatar-portrait:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0f252e66);pointer-events:none}.avatar-portrait figcaption{position:absolute;z-index:1;bottom:18px;left:16px;right:16px}.avatar-featured{grid-row:1/3}.avatar-featured img{object-position:50% 25%}.avatar-featured:after{inset:60% 0 0;background:linear-gradient(transparent,#102c35bd)}.avatar-featured figcaption{bottom:29px;left:23px;right:20px}.avatar-featured figcaption>span{font-size:7px;letter-spacing:.9px;color:#dce8df;line-height:1.8;display:block}.avatar-featured figcaption>p{font-size:28px;line-height:1.14;letter-spacing:-.04em;color:white;margin-top:11px;max-width:170px}.avatar-image-tag{position:absolute;z-index:1;top:17px;left:16px;padding:6px 9px;background:#fff9;backdrop-filter:blur(10px);border:1px solid #ffffff65;font-size:8px;color:#47695d;border-radius:25px}.avatar-caption-pill{display:inline-flex;font-size:9px;line-height:1.5;color:#fff;background:#173d3e66;backdrop-filter:blur(10px);border:1px solid #ffffff38;padding:6px 9px;border-radius:22px}.avatar-male{background:#070909;border-color:#183132}.avatar-male img{object-position:50% 20%}.avatar-sarah img{object-position:50% 23%}.avatar-character img{object-position:50% 22%}.avatar-3d{background:linear-gradient(135deg,#d7e8e1,#a7c6b9)}.avatar-3d img{object-position:50% 20%}
@media(max-width:1100px){.avatar-showcase-layout{grid-template-columns:.85fr 1.8fr;gap:30px}.avatar-intro h2{font-size:42px}.avatar-intro .eyebrow{font-size:9px}.avatar-mosaic{gap:12px;min-height:575px}.avatar-featured figcaption{left:17px;bottom:24px}.avatar-featured figcaption>p{font-size:25px}.avatar-featured figcaption>span{font-size:6px;letter-spacing:.7px}.avatar-caption-pill{font-size:8px;padding:5px 7px}.avatar-portrait figcaption{left:11px;right:9px;bottom:15px}.avatar-featured figcaption{left:17px;bottom:24px}.custom-avatar-card{padding:23px 22px 25px}.custom-avatar-card h3{font-size:25px}.custom-avatar-card button{font-size:10px;gap:8px}.avatar-themes{font-size:9px;gap:10px}.avatar-intro-copy>p{font-size:12px}}
@media(max-width:860px){.avatar-showcase-layout{grid-template-columns:1fr;gap:34px}.avatar-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;align-items:center}.avatar-intro h2{font-size:43px;line-height:1.1}.avatar-intro-copy>p{font-size:12px;max-width:340px}.avatar-mosaic{min-height:480px;gap:14px;grid-template-columns:1.1fr 1fr 1fr}.avatar-featured figcaption>p{font-size:29px}.avatar-featured figcaption>span{font-size:7px}.avatar-caption-pill{font-size:9px}.avatar-portrait figcaption{left:16px;bottom:17px}.avatar-featured figcaption{left:23px;bottom:28px}.custom-avatar-card{padding:28px 25px}.custom-avatar-card h3{font-size:28px}.custom-avatar-card p{font-size:12px}.custom-avatar-card button{font-size:11px}.avatar-showcase{padding-top:58px;padding-bottom:62px}}
@media(max-width:640px){.avatar-showcase{padding-top:50px;padding-bottom:52px}.avatar-showcase-layout{gap:27px}.avatar-intro{grid-template-columns:1fr;gap:25px;padding:0}.avatar-intro h2{font-size:42px;margin:17px 0 19px}.avatar-intro .eyebrow{font-size:9px}.avatar-intro-copy>p{font-size:12px;max-width:420px}.avatar-themes{font-size:9px;margin-top:20px;gap:13px}.custom-avatar-card{padding:24px}.custom-avatar-card h3{font-size:27px;margin:13px 0}.custom-avatar-card p{font-size:11px;max-width:340px}.custom-avatar-card h3 br{display:none}.custom-avatar-card button{font-size:11px;margin-top:18px}.custom-avatar-card:after{font-size:180px;bottom:-63px;right:7px}.avatar-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:350px 230px 230px;gap:13px;min-height:0}.avatar-featured{grid-row:1;grid-column:1/3}.avatar-featured img{object-position:50% 19%}.avatar-featured figcaption{left:25px;bottom:26px}.avatar-featured figcaption>p{font-size:31px;max-width:none}.avatar-featured figcaption>span{font-size:8px}.avatar-image-tag{left:20px;top:18px;font-size:9px}.avatar-portrait{border-radius:12px}.avatar-portrait figcaption{left:12px;right:10px;bottom:15px}.avatar-featured figcaption{left:25px;bottom:26px}.avatar-caption-pill{font-size:9px;padding:5px 8px}.avatar-male img{object-position:50% 20%}.avatar-sarah img{object-position:50% 17%}}
@media(max-width:360px){.avatar-intro h2{font-size:38px}.avatar-mosaic{grid-template-rows:320px 205px 205px;gap:11px}.avatar-featured figcaption>p{font-size:28px}.avatar-caption-pill{font-size:8px;padding:5px 7px}.custom-avatar-card{padding:22px}.custom-avatar-card h3{font-size:25px}}