.hero-card{display:flex;flex-direction:column;min-height:270px;will-change:transform,opacity;transform-origin:center center}.hero-card-top{flex:0 0 auto}.card-close{border:0;background:transparent;color:inherit;padding:0 2px;font-family:var(--body);font-size:18px;font-weight:300;line-height:1;cursor:pointer;opacity:.9;transition:transform .35s var(--ease),opacity .25s ease}.card-close:hover{opacity:1;transform:rotate(90deg) scale(1.08)}.hero-emoji{flex:0 0 auto;width:100%}.hero-card-copy{min-height:94px;display:flex;flex-direction:column;justify-content:flex-start;width:100%}.card-title{margin-top:15px;width:100%;font-family:var(--body);font-size:19px;line-height:1.05;letter-spacing:-.045em;font-weight:600}.card-description{width:100%;margin-top:9px;font-size:10px;line-height:1.45}.hero-card-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.3)}.card-nav{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:inherit;padding:4px 0;font-family:var(--mono);font-size:7px;letter-spacing:.08em;cursor:pointer;transition:gap .35s var(--ease),opacity .25s ease}.card-prev{justify-self:start}.card-next{justify-self:end}.card-prev:hover{gap:10px}.card-next:hover{gap:10px}.card-nav:focus-visible,.card-close:focus-visible{outline:1px solid var(--white);outline-offset:4px}.card-progress{font-family:var(--mono);font-size:7px;letter-spacing:.08em;opacity:.7}.hero-card.is-closed{pointer-events:none}.hero h1[role="button"]{cursor:pointer}.hero h1[role="button"]:focus-visible{outline:1px solid var(--ink);outline-offset:8px}

.notion-project-modal{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;background:var(--ink);color:var(--white);opacity:0}.notion-project-shell{display:flex;flex-direction:column;width:100%;height:100%;min-height:0}.notion-project-bar{position:relative;z-index:1001;display:flex;align-items:center;justify-content:space-between;flex:0 0 74px;padding:0 var(--gutter);background:rgba(17,17,17,.9);color:var(--white);border-bottom:1px solid var(--dark-line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-family:var(--mono);font-size:10px;letter-spacing:.08em}.notion-project-brand{font-family:var(--pixel);font-size:19px;font-weight:700;letter-spacing:-.04em;color:inherit;text-decoration:none;line-height:1}.notion-project-actions{display:flex;align-items:center;gap:28px}.notion-project-actions a{color:inherit;text-decoration:none;transition:color .25s ease}.notion-project-actions a:hover{color:var(--accent)}.notion-project-close{border:0;background:transparent;color:inherit;padding:4px;font-family:var(--body);font-size:25px;font-weight:300;line-height:1;cursor:pointer;transition:transform .35s var(--ease),opacity .25s ease}.notion-project-close:hover{opacity:.7;transform:rotate(90deg)}.notion-project-close:focus-visible{outline:1px solid var(--white);outline-offset:5px}.notion-project-frame{flex:1;min-height:0;background:#fff}.notion-project-frame iframe{display:block;width:100%;height:100%;min-height:0;border:0;background:#fff}body.notion-project-open{overflow:hidden}

@media (max-width:768px){.site-nav{height:64px;padding:0 20px}.nav-links{display:none}.menu-toggle{display:block;position:relative;z-index:102;padding:12px 0;min-width:52px;text-align:right}.mobile-menu{position:fixed;z-index:99;top:64px;left:0;right:0;bottom:0;display:none;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:0;padding:32px 20px 40px;background:rgba(17,17,17,.98);color:var(--white);overflow-y:auto}.mobile-menu.open{display:flex}.mobile-menu a{display:block;width:100%;padding:18px 0;border-bottom:1px solid var(--dark-line);font-family:var(--pixel);font-size:clamp(30px,9vw,52px);line-height:1;letter-spacing:-.04em}.hero-card{width:min(280px,calc(100vw - 40px));min-height:260px;padding:17px 18px}.card-title{width:100%;font-size:18px}.card-description{width:100%;max-width:225px}.hero-card-controls{gap:7px}.card-nav{font-size:6.5px}.notion-project-bar{flex-basis:64px;padding:0 20px}.notion-project-brand{font-size:19px}.notion-project-actions{gap:14px}.notion-project-actions a{font-size:7px}.notion-project-close{font-size:23px}}

@media (prefers-reduced-motion:reduce){.card-close,.card-nav,.notion-project-close{transition:none}}