@import url('/story-pages.css');
@import url('/project-flow.css');
.c-logo-icon { background: url('/portfolio/mark.svg') center / contain no-repeat; }
.c-logo-icon > svg { opacity: 0; }
.c-logo-text-sub { text-transform: uppercase; }
.hero h1 { max-width:21rem !important; }
.portfolio-links { display:flex; flex-wrap:wrap; gap:1.25rem; margin-top:1.75rem; }
.portfolio-links a { font-size:.6rem; letter-spacing:.18em; text-transform:uppercase; border-bottom:1px solid #6e8799; padding:.7rem 0; color:#e9ecee; transition:color .2s; }
.portfolio-links a:hover { color:#aab9c7; }
.portfolio-links a:focus-visible { outline:1px solid #aab9c7; outline-offset:5px; }
.portfolio-recovery { position:fixed; inset:0; z-index:999; display:grid; place-content:center; gap:1.5rem; background:#13151f; color:#e9ecee; padding:2rem; max-width:100%; }
.portfolio-recovery h1 { font:500 2.5rem/.95 IvarHeadline,serif; }
.portfolio-recovery p { max-width:38rem; line-height:1.6; }
.portfolio-recovery a { text-decoration:underline; }
@media(max-width:600px) { .c-logo-text { letter-spacing:.2em !important; } .c-logo-text-sub { display:inline !important; } .portfolio-links { gap:1rem; } }
@media(max-width:768px) { .block-columns .grid--24 { grid-template-columns:minmax(0,1fr); } }
@media(max-width:1250px) { .footer { flex-wrap:wrap; gap:1.5rem; } .row-glow { inset:-2.75rem -1.5rem !important; } }