.home-hero{padding-block:clamp(var(--sp-4),6vw,var(--sp-5))0;display:grid;gap:var(--sp-4);align-items:center}@media(min-width:52rem){.home-hero{grid-template-columns:minmax(0,var(--col-main))minmax(0,var(--col-side))}}.home-hero h1{font-family:poppins,system-ui,sans-serif;font-weight:700;font-variation-settings:normal;font-size:clamp(1.75rem,4.6vw,3.4rem);line-height:.98;letter-spacing:-.02em}.home-hero h1 span{display:block;overflow-wrap:anywhere}.home-hero h1 .hero-accent{display:inline;color:var(--cobalt)}.home-hero .identity{margin-top:var(--sp-3);font-size:var(--fs-h4);line-height:var(--lh-body);font-weight:500;max-width:34rem;text-wrap:pretty}.home-hero .summary{margin-top:var(--sp-3);max-width:34rem;color:var(--muted)}.decal{width:100%;max-width:10rem;justify-self:start}@media(min-width:52rem){.decal{max-width:20rem;justify-self:center}}.doors{display:grid;gap:var(--sp-3);grid-template-columns:minmax(0,1fr)}@media(min-width:46rem){.doors{--cols:var(--col-main) var(--col-side);--rows:1.09fr 1fr;height:30.5rem;grid-template-columns:var(--cols);grid-template-rows:var(--rows);transition:grid-template-columns .45s ease,grid-template-rows .45s ease}.doors:has(.door-design:is(:hover,:focus-visible)){--cols:1fr 1.618fr;--rows:2.7fr 1fr}.doors:has(.door-creative:is(:hover,:focus-visible)){--cols:1fr 1.618fr;--rows:1fr 2.7fr}.door p,.door .door-go{max-height:8rem;transition:max-height .45s ease,margin .45s ease,opacity .3s ease}.doors:has(.door-design:is(:hover,:focus-visible)) .door-creative :is(p,.door-go),.doors:has(.door-creative:is(:hover,:focus-visible)) .door-design :is(p,.door-go){max-height:0;margin-top:0;opacity:0;overflow:hidden}.doors .door-academic{grid-row:span 2}.doors .door{min-height:0}}.door{position:relative;display:flex;flex-direction:column;justify-content:flex-end;border-radius:22px;padding:clamp(1.5rem,4vw,2.5rem);color:var(--text);text-decoration:none;overflow:hidden;border:1px solid var(--line)}.door h3{font-size:var(--fs-h2)}.door p{margin-top:.6rem;max-width:40ch}.door .door-go{margin-top:1.25rem;font-weight:650;text-decoration:underline;text-underline-offset:.25em}.door:hover .door-go{text-decoration-thickness:3px}.door-academic{min-height:14rem;background:#fff}.door-academic h3{font-family:fraunces,Georgia,serif;font-weight:600;font-variation-settings:normal;font-size:var(--fs-h1)}.door-design{min-height:15rem;background:var(--cobalt);color:#fff;border-color:var(--cobalt)}.door-design h3{font-family:poppins,system-ui,sans-serif;font-variation-settings:normal}.door-creative{min-height:9rem;background:var(--glaze);color:#1f252c}.door-creative h3{font-size:var(--fs-h3)}.door-creative p{font-size:.98rem}.door .door-mark{position:absolute;top:clamp(1.25rem,3vw,2rem);right:clamp(1.25rem,3vw,2rem)}.door-academic .door-mark{width:1.1rem;height:1.1rem;border-radius:50%;background:var(--speck)}.door-design .door-mark{width:1.1rem;height:1.1rem;border-radius:4px;background:#fff}.door-creative .door-mark{width:1.3rem;height:1.1rem;background:var(--yolk);clip-path:polygon(50% 0,100% 100%,0 100%)}.selected{display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr)}@media(min-width:46rem){.selected{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64rem){.selected{grid-template-columns:repeat(4,minmax(0,1fr))}}.selected img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);margin-bottom:1rem}.selected article{border-top:3px solid var(--text);padding-top:1rem}.selected .kind{font-size:1rem;font-weight:600;color:var(--muted)}.selected .kind time{font-size:.8em;font-weight:400}.selected h3{font-size:var(--fs-h4);margin-top:.35rem}.selected h3 a{color:var(--text);text-decoration:none}.selected h3 a:hover{text-decoration:underline}.selected p{margin-top:.5rem;color:var(--muted);font-size:.98rem}