/* Architectural detailing, with motion reserved for imagery and feedback. */
:root{--motion-out:cubic-bezier(.23,1,.32,1);--edge:#b4d9c029}
.pass-intro{position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 12%,#30483b70,transparent 67%),#111815;overflow:hidden}
.pass-intro:before{content:'';position:absolute;inset:70px 0 0;z-index:-1;pointer-events:none;background-image:linear-gradient(#b6d3be07 1px,transparent 1px),linear-gradient(90deg,#b6d3be07 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at center,#000,transparent 72%)}
.pass-intro:after{content:'';position:absolute;bottom:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#b8d1bb40,transparent)}
.discovery{border-color:#b1ccb532;box-shadow:inset 0 1px #ffffff0c,0 18px 60px #00000020;transition:border-color 200ms,box-shadow 200ms}
.discovery:focus-within{border-color:#94bca4;box-shadow:0 0 0 3px #a5c9b014,0 18px 60px #00000020}
.pass-card,.resource,.social-tile{border:1px solid var(--edge);box-shadow:inset 0 1px #ffffff0b,0 8px 24px #00000012;transition:transform 260ms var(--motion-out),border-color 220ms,box-shadow 220ms}
.pass-card{border-radius:22px}
.pass-card:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,#ffffff15,transparent 35%,transparent 70%,#a4d4b611);border-radius:inherit;z-index:1}
.pass-card img,.social-tile img,.learning-promo img,.resource img{transform:scale(1.045);transition:transform 850ms var(--motion-out)}
.pass-card:hover img{transform:scale(1.045)}
.access-pill{backdrop-filter:blur(14px);box-shadow:inset 0 1px #ffffff20;transition:transform 220ms var(--motion-out),background 220ms}
.card-index{position:absolute;right:19px;bottom:23px;font-size:10px;letter-spacing:2px;color:#ffffff77;font-variant-numeric:tabular-nums}
.studio-strip{position:relative;isolation:isolate;overflow:hidden;border:1px solid #a4ceb72d;background:radial-gradient(ellipse at 75% 100%,#46795b50,transparent 60%),#18271f;box-shadow:inset 0 1px #ffffff10}
.arch-drawing{position:absolute;right:20%;top:-55px;width:330px;height:260px;opacity:.22;z-index:-1;pointer-events:none;stroke:#c8e6d1;stroke-width:1;fill:none;transform:rotate(-12deg)}
.studio-strip a{backdrop-filter:blur(12px)}
.resource .cover{overflow:hidden}.resource .copy{border-top:1px solid #ffffff0c}
.learning-board{border-color:#b1cdb529;box-shadow:inset 0 1px #ffffff10,0 20px 70px #00000016}
.learning-stat progress::-webkit-progress-value{background:linear-gradient(90deg,#467d60,#b2dfbf)}
.learning-stat strong{letter-spacing:-.7px}.learning-stat .journey-badge{letter-spacing:0;box-shadow:0 0 16px #90bc9520,inset 0 1px #ffffff13}
.resume-card{box-shadow:inset 0 1px #ffffff0b;transition:border-color 200ms,background 200ms}.update-row{transition:color 180ms}.update-row:after{transition:transform 180ms}
.social-tile{padding:28px}.social-tile h3{letter-spacing:-.6px}
.social-tile:not(:has(img)){background:radial-gradient(ellipse at 90% 0%,#66887324,transparent 70%),#191f1c}
.carousel-sheets{opacity:.42;right:-10px;transition:transform 700ms var(--motion-out)}
.carousel-sheets i{background:linear-gradient(30deg,transparent 49.5%,#d0ebcf30 50%,transparent 50.5%),repeating-linear-gradient(90deg,transparent 0 23px,#b9d8bd18 24px 25px),linear-gradient(160deg,#739480,#17392b);box-shadow:0 12px 24px #0004}
.social-tile button,.social-tile a{backdrop-filter:blur(12px);box-shadow:inset 0 1px #ffffff0b}
a:focus-visible,button:focus-visible{outline:2px solid #b4d8bf;outline-offset:4px}
@media(hover:hover) and (pointer:fine){
.pass-card:hover,.resource:hover{transform:translateY(-4px);border-color:#c8ead063;box-shadow:0 18px 38px #0003}
.pass-card:hover img,.resource:hover img{transform:scale(1.09) translate3d(var(--image-x,0px),var(--image-y,0px),0)}
.pass-card:hover .access-pill{transform:translateX(3px);background:#d9eee229}
.social-tile:hover{border-color:#c8ead060}.social-tile:hover img,.learning-promo:hover img{transform:scale(1.085)}
.social-tile:hover .carousel-sheets{transform:rotate(-8deg) translate(-12px,-7px)}
.resume-card:hover{border-color:#abd4b780;background:#ffffff08}.update-row:hover{color:#bbddc5}.update-row:hover:after{transform:translateX(3px)}
}
@media(prefers-reduced-motion:no-preference){.pass-greeting{animation:home-arrive 550ms var(--motion-out) both}.pass-card{animation:home-arrive 650ms var(--motion-out) both;animation-delay:var(--entry-delay,80ms)}@keyframes home-arrive{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}}
@media(prefers-reduced-motion:reduce){.pass-card,.resource,.social-tile,.learning-promo,.carousel-sheets{animation:none!important;transition:none!important}.pass-card img,.resource img,.social-tile img,.learning-promo img{transition:none!important;transform:none!important}}
@media(max-width:650px){.arch-drawing{right:-100px;opacity:.13}.social-tile{padding:23px}}

.home-team-invite{display:flex;align-items:center;gap:28px;padding:32px;margin:28px 0;border:1px solid #81968a55;border-radius:22px;background:linear-gradient(120deg,#81968a18,transparent);color:inherit}.team-invite-symbol{width:72px;flex-shrink:0;color:inherit}.team-invite-symbol svg{width:100%}.home-team-invite>div:nth-child(2){flex:1}.home-team-invite small{font-size:10px;letter-spacing:2px}.home-team-invite h2{font-size:clamp(22px,2.1vw,30px);line-height:1.2;letter-spacing:-.7px;margin:10px 0;color:inherit}.home-team-invite p{line-height:1.6;margin:0 0 10px;color:inherit}.team-coming{font-size:12px;opacity:.7}.home-team-invite button{font:inherit;color:inherit;background:transparent;border:1px solid #81968a77;border-radius:30px;padding:14px 20px;cursor:pointer;flex-shrink:0}.home-team-invite button:hover{background:#81968a22}.home-team-invite button:focus-visible{outline:2px solid currentColor;outline-offset:4px}@media(max-width:900px){.home-team-invite{flex-wrap:wrap;gap:18px;padding:24px}.home-team-invite button{margin-left:0}.team-invite-symbol{width:50px}}
.home-library-shortcuts{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:22px auto 0}.home-library-shortcuts a{color:inherit;text-decoration:none;padding:12px 18px;border:1px solid #81968a66;border-radius:12px;font-size:14px;font-weight:500}.home-library-shortcuts a:hover{background:#81968a20}
main .pass-intro{min-height:0;padding-bottom:36px}.pass-intro .search-note{margin-top:18px;font-size:13px;opacity:1;color:#b8c8be}
html[data-theme=light] .pass-intro .search-note{color:#42584a}