.hero-artwork{background:var(--tone-surface-amber,var(--secondary));border-radius:10px;align-self:stretch;min-width:0;min-height:200px;margin:0;position:relative;overflow:hidden}.hero-artwork picture{width:100%;height:100%;display:block}.hero-artwork img{object-fit:cover;aspect-ratio:3/2;width:100%;height:100%;min-height:200px;display:block}.hero-artwork:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#311c1912);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #33192018}.hero-artwork-edit{z-index:4;inset-inline-end:12px;min-height:36px;font-size:max(var(--readable-small,.875rem), .7rem);border:1px solid var(--border);background:var(--card);color:var(--foreground);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:7px 10px;display:flex;position:absolute;top:12px;box-shadow:0 2px 9px #26101b18}.sky-home>.hero-artwork-edit{top:24px;inset-inline-end:20px}.artwork-academic-hero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:32px;display:grid}.academic-gateway .artwork-academic-hero .hero-artwork{align-self:center;min-height:300px;max-height:420px}.community-hero-side{gap:14px;min-width:0;display:grid}.community-hero-side>.hero-artwork{min-height:180px;max-height:250px}.community-hero-side>.hero-artwork img{aspect-ratio:2;min-height:180px}.community-hero-side .community-overview{min-height:0}:is(.mentorship-hero,.recruitment-hero,.store-hero,.contribution-hero,.discovery-hero)>.hero-artwork{min-height:220px;max-height:340px}.hero-artwork-modal form{gap:16px;display:grid}.hero-artwork-modal form>label{font-size:max(var(--readable-small,.875rem), .8rem);gap:7px;font-weight:600;display:grid}.hero-artwork-modal form>div{flex-wrap:wrap;gap:8px;display:flex}.hero-artwork-modal input:not([type=file]){background:var(--background);min-height:44px;color:var(--foreground);border:1px solid var(--border);border-radius:6px;padding:10px}.hero-artwork-upload{border:1px dashed var(--primary);background:var(--secondary);color:var(--foreground);cursor:pointer;text-align:center;border-radius:8px;justify-items:center;padding:24px;transition:background .18s,transform .18s}.hero-artwork-upload:hover{background:color-mix(in srgb, var(--primary) 9%, var(--secondary));transform:translateY(-2px)}.hero-artwork-upload input{font-size:max(var(--readable-small,.875rem), .75rem);max-width:100%;min-height:44px}.hero-artwork-preview{object-fit:cover;border-radius:8px;width:100%;max-height:230px}.hero-artwork-modal p[role=alert]{color:var(--destructive);font-size:max(var(--readable-small,.875rem), .8rem)}.batch-atrium .batch-passport.batch-gate{border-radius:92px 92px 14px 14px;min-height:540px;padding:210px 24px 24px;position:relative;overflow:hidden}.batch-gate-image{pointer-events:none;border-radius:inherit;height:230px;display:block;position:absolute;inset:0 0 auto;overflow:hidden}.batch-gate-image img{object-fit:cover;width:100%;height:100%;transition:transform .45s cubic-bezier(.2,.7,.2,1);display:block}.batch-gate-image:after{content:"";background:linear-gradient(180deg, transparent 58%, var(--card) 100%);position:absolute;inset:0}.batch-atrium .batch-passport.batch-gate .batch-gate-architecture{display:none}.batch-atrium .batch-passport.batch-gate .passport-copy{padding-top:12px;position:relative}.batch-atrium .batch-passport.batch-gate .passport-index{top:155px;left:18px;background:var(--card);color:var(--foreground);font-size:max(var(--readable-small,.875rem), .7rem);z-index:2;border-radius:5px;padding:4px 9px;inset-inline-start:18px}.batch-atrium .batch-passport.batch-gate .passport-stamp{top:148px;background:var(--card);z-index:2;inset-inline-end:18px}@media (hover:hover) and (pointer:fine){.batch-gate:hover .batch-gate-image img{transform:scale(1.035)}}html.dark .hero-artwork img{filter:brightness(.86)saturate(.98)}html.dark .batch-gate-image img{filter:brightness(.8)saturate(1.05)}@media (width<=767px){.artwork-academic-hero{grid-template-columns:1fr;gap:18px}.academic-gateway .artwork-academic-hero .hero-artwork{min-height:160px;max-height:210px}.hero-artwork img{aspect-ratio:2;min-height:160px}.hero-artwork{min-height:160px;max-height:230px}:is(.mentorship-hero,.recruitment-hero,.store-hero,.contribution-hero,.discovery-hero)>.hero-artwork{width:100%;min-height:160px;max-height:220px}.community-hero-side>.hero-artwork{max-height:210px}.hero-artwork-edit{font-size:max(var(--readable-small,.875rem), .65rem);min-height:38px;padding:7px}.batch-atrium .batch-passport.batch-gate{min-height:500px;padding:195px 20px 22px}.batch-gate-image{height:210px}}@media (prefers-reduced-motion:reduce){.batch-gate-image img,.hero-artwork-upload{transition:none;transform:none!important}}@media (forced-colors:active){.hero-artwork-edit{border:1px solid buttontext}.hero-artwork:after,.batch-gate-image:after{display:none}}html body .container .artwork-scene{isolation:isolate;background:var(--background);border:0;border-radius:0;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:28px;min-height:360px;padding:clamp(24px,4vw,52px) clamp(16px,3vw,38px) 44px;display:grid;position:relative;overflow:hidden}html body .container .artwork-scene>.hero-artwork{z-index:-1;pointer-events:none;background:0 0;border:0;border-radius:0;width:100%;height:100%;min-height:0;max-height:none;margin:0;position:absolute;inset:0}html body .container .artwork-scene .hero-artwork img{aspect-ratio:auto;object-fit:cover;object-position:center 42%;height:100%;min-height:0}html body .container .artwork-scene .hero-artwork:after{box-shadow:none;background:linear-gradient(90deg, color-mix(in srgb, var(--background) 22%, transparent), transparent 75%), linear-gradient(0deg, var(--background), transparent 20%, transparent 90%, color-mix(in srgb, var(--background) 18%, transparent))}html body .container .artwork-scene>div:not(.community-hero-side){z-index:1;min-width:0;position:relative}html body .container .artwork-scene>div:not(.community-hero-side):before{content:"";z-index:-1;pointer-events:none;background:color-mix(in srgb, var(--background) 34%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:absolute;inset:-12px -10px;-webkit-mask-image:radial-gradient(#000 22%,#0000 66%);mask-image:radial-gradient(#000 22%,#0000 66%)}html body .container .artwork-scene .hero-artwork-edit{pointer-events:auto;z-index:3;top:14px}html body .container .artwork-scene .community-hero-side{z-index:1;align-self:center;position:relative}html body .container .artwork-scene .community-overview{background:color-mix(in srgb, var(--card) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}html[dir=rtl] body .container .artwork-scene .hero-artwork:after{background:linear-gradient(-90deg, color-mix(in srgb, var(--background) 22%, transparent), transparent 75%), linear-gradient(0deg, var(--background), transparent 20%)}html.dark body .container .artwork-scene>div:not(.community-hero-side):before{background:color-mix(in srgb, var(--background) 54%, transparent)}@media (width<=767px){html body .container .artwork-scene{grid-template-columns:minmax(0,1fr);gap:24px;min-height:340px;padding:32px 12px}html body .container .artwork-scene .hero-artwork img{object-position:65% center}html body .container .artwork-scene .hero-artwork:after{background:linear-gradient(0deg, var(--background), color-mix(in srgb, var(--background) 20%, transparent) 45%, color-mix(in srgb, var(--background) 25%, transparent))}html body .container .artwork-scene>div:not(.community-hero-side):before{inset:-14px -12px;-webkit-mask-image:radial-gradient(#000 24%,#0000 68%);mask-image:radial-gradient(#000 24%,#0000 68%)}}@media (forced-colors:active){html body .container .artwork-scene .hero-artwork,html body .container .artwork-scene>div:not(.community-hero-side):before{display:none}}html:root body .container .artwork-scene{max-width:none}html:root body .container .artwork-scene>div:not(.community-hero-side){box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}html:root body .container .artwork-scene>div:not(.community-hero-side) h1,html:root body .container .artwork-scene>div:not(.community-hero-side)>p{color:var(--foreground)}html:root body .container .artwork-scene>div:not(.community-hero-side)>.eyebrow{color:var(--primary)}html:root body .container .artwork-scene .hero-artwork picture{-webkit-mask-image:linear-gradient(#0000,#000 20px 88%,#0000);mask-image:linear-gradient(#0000,#000 20px 88%,#0000)}html:root body .container .artwork-scene .recruitment-hero-facts{color:var(--foreground)}html:root body .container .artwork-scene .recruitment-hero-facts>span{color:var(--foreground);background:color-mix(in srgb, var(--card) 88%, transparent);border-color:var(--border)}html:root body .container .artwork-scene .recruitment-hero-facts strong{color:var(--foreground)}
