body.portfolio-page,body.portfolio-page a,body.portfolio-page button{cursor:none}body.portfolio-page input,body.portfolio-page textarea,body.portfolio-page select{cursor:text}body.portfolio-page:before{z-index:0}.portfolio-page{--p-surface:hsl(var(--card) / .76);--p-radius:var(--radius);--p-shadow:0 24px 80px hsl(var(--foreground) / .14);z-index:1;position:relative}.portfolio-container{width:min(var(--container), calc(100% - var(--gutter) * 2));margin-inline:auto}.portfolio-btn{border:1px solid hsl(var(--primary));background:hsl(var(--primary));min-height:42px;color:hsl(var(--primary-foreground));border-radius:999px;justify-content:center;align-items:center;padding:0 16px;font-weight:680;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,color .18s;display:inline-flex}.portfolio-btn:hover{box-shadow:var(--p-shadow);color:var(--fg);background:#fff;transform:translateY(-2px)}.portfolio-btn.is-secondary{background:hsl(var(--card) / .44);color:var(--fg);border-color:var(--fg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.portfolio-hero{padding-block:clamp(58px,9vw,112px) clamp(34px,6vw,72px)}.portfolio-kicker{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px}.portfolio-hero h1{letter-spacing:-.025em;text-wrap:balance;max-width:12ch;margin:16px 0 0;font-size:clamp(56px,9vw,116px);line-height:.92}.portfolio-lead{max-width:68ch;color:var(--muted);margin:24px 0 0;font-size:clamp(18px,2vw,22px)}.portfolio-glass{border:1px solid var(--border);background:linear-gradient(145deg, hsl(var(--card) / .72), hsl(var(--card) / .28)), var(--p-surface);border-radius:var(--p-radius);box-shadow:inset 0 1px 0 hsl(var(--card) / .82);-webkit-backdrop-filter:blur(24px)saturate(1.12);backdrop-filter:blur(24px)saturate(1.12)}.portfolio-team-layout{grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:22px;padding-block:34px 96px;display:grid}.portfolio-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.portfolio-member-card{text-align:left;flex-direction:column;gap:16px;min-height:330px;padding:20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.portfolio-member-card:hover,.portfolio-member-card.is-selected{border-color:var(--fg);box-shadow:var(--p-shadow);transform:translateY(-6px)scale(1.01)}.portfolio-avatar{border:1px solid var(--hairline);background:linear-gradient(135deg, transparent 0 48%, hsl(var(--foreground) / .14) 49% 51%, transparent 52%), hsl(var(--card) / .58);letter-spacing:-.04em;border-radius:22px;place-items:center;width:82px;height:82px;font-size:28px;font-weight:780;line-height:1;display:grid;overflow:hidden}.portfolio-avatar.is-wide{font-size:15px}.portfolio-avatar img{object-fit:cover;width:100%;height:100%}.portfolio-avatar.is-sm{border-radius:20px;width:70px;height:70px}.portfolio-avatar.is-xs{background:#fff;border-radius:999px;width:36px;height:36px;margin-left:-8px;font-size:13px}.portfolio-avatar.is-xs:first-child{margin-left:0}.portfolio-member-card h2,.portfolio-detail h2{letter-spacing:-.015em;margin:0;font-size:26px}.portfolio-detail h2{letter-spacing:-.02em;font-size:32px;line-height:1}.portfolio-role{color:var(--muted);margin:2px 0 0}.portfolio-bio{color:var(--muted);margin:0}.portfolio-chips{flex-wrap:wrap;gap:7px;display:flex}.portfolio-chip{border:1px solid var(--border);background:hsl(var(--card) / .38);min-height:28px;color:var(--muted);font-family:var(--font-mono);border-radius:999px;align-items:center;padding:0 10px;font-size:11px;display:inline-flex}.portfolio-joined{color:var(--muted);gap:8px;margin-top:auto;font-size:13px;display:grid}.portfolio-joined strong{color:var(--fg);font-size:13px}.portfolio-detail{box-shadow:var(--p-shadow);padding:22px;position:sticky;top:96px}.portfolio-detail-top{align-items:center;gap:16px;display:flex}.portfolio-detail-section{gap:10px;margin-top:22px;display:grid}.portfolio-detail-section h3{color:var(--muted);font-size:13px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0}.portfolio-project-list{gap:10px;display:grid}.portfolio-project-link{color:inherit;gap:4px;padding:13px;text-decoration:none;transition:transform .18s,border-color .18s;display:grid}.portfolio-project-link:hover{border-color:var(--fg);transform:translate(3px)}.portfolio-project-link span{color:var(--muted);font-size:13px}.portfolio-detail-actions{flex-wrap:wrap;gap:10px;display:flex}.portfolio-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-block:34px 96px;display:grid}.portfolio-project-card{text-align:left;flex-direction:column;gap:16px;min-height:430px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.portfolio-project-card .portfolio-btn{margin-top:auto}.portfolio-project-card:hover{border-color:var(--fg);box-shadow:var(--p-shadow);transform:translateY(-6px)scale(1.01)}.portfolio-cover{aspect-ratio:4/3;border:1px solid var(--hairline);background:linear-gradient(135deg, transparent 0 48%, hsl(var(--foreground) / .14) 49% 51%, transparent 52%), repeating-linear-gradient(0deg, hsl(var(--foreground) / .055) 0 1px, transparent 1px 10px), radial-gradient(circle at 75% 20%, hsl(var(--card) / .9), transparent 42%), var(--soft);font-family:var(--font-mono);color:var(--muted);letter-spacing:.08em;text-transform:uppercase;border-radius:18px;align-items:flex-end;padding:14px;font-size:12px;display:flex;overflow:hidden}.portfolio-cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.portfolio-cover.has-image{position:relative}.portfolio-project-card h2{letter-spacing:-.015em;margin:0;font-size:26px;line-height:1.08}.portfolio-avatar-row{align-items:center;margin-top:auto;display:flex}.portfolio-avatar-row a{color:inherit;text-decoration:none;transition:transform .16s,border-color .16s}.portfolio-avatar-row a:hover{border-color:var(--fg);z-index:2;position:relative;transform:translateY(-2px)}.portfolio-case-modal{z-index:80;background:hsl(var(--foreground) / .28);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;place-items:center;padding:22px;transition:opacity .18s;display:grid;position:fixed;inset:0}.portfolio-case-modal.is-open{opacity:1;pointer-events:auto}.portfolio-case-panel{width:min(980px,100%);max-height:min(820px,92vh);box-shadow:var(--p-shadow);padding:clamp(22px,4vw,38px);transition:transform .2s cubic-bezier(.23,1,.32,1);overflow:auto;transform:scale(.96)}.portfolio-case-modal.is-open .portfolio-case-panel{transform:scale(1)}.portfolio-case-top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.portfolio-case-close{border:1px solid var(--border);background:#fff;border-radius:999px;width:40px;height:40px;font-size:24px;line-height:1}.portfolio-case-panel h2{letter-spacing:-.025em;max-width:12ch;margin:16px 0 0;font-size:clamp(42px,6vw,76px);line-height:.95}.portfolio-case-body{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:28px;display:grid}.portfolio-case-block{border:1px solid var(--border);background:hsl(var(--card) / .46);border-radius:18px;padding:16px}.portfolio-case-block h3{color:var(--muted);font-size:13px;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0}.portfolio-case-block p{color:var(--muted);margin:10px 0 0}.portfolio-participant-list{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.portfolio-participant{border:1px solid var(--border);background:hsl(var(--card) / .48);min-height:44px;color:inherit;border-radius:999px;align-items:center;gap:9px;padding:0 12px 0 5px;text-decoration:none;transition:transform .16s,border-color .16s;display:inline-flex}.portfolio-participant:hover{border-color:var(--fg);transform:translateY(-2px)}.portfolio-participant small{color:var(--muted)}.blog-directory{padding-block:8px 112px}.blog-featured{min-height:420px;color:inherit;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);text-decoration:none;transition:transform .22s,border-color .22s,box-shadow .22s;display:grid;overflow:hidden}.blog-featured:hover,.blog-card:hover{border-color:var(--fg);box-shadow:var(--p-shadow);transform:translateY(-5px)}.blog-featured-copy{flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:clamp(28px,5vw,66px);display:flex}.blog-featured h2{letter-spacing:-.045em;max-width:9ch;margin:16px 0 0;font-size:clamp(44px,7vw,90px);line-height:.94}.blog-featured-copy p{max-width:42ch;color:var(--muted);margin:22px 0 0;font-size:17px;line-height:1.55}.blog-featured-media,.blog-card-media{background:linear-gradient(135deg, transparent 0 48%, hsl(var(--foreground) / .18) 49% 51%, transparent 52%), repeating-linear-gradient(0deg, hsl(var(--foreground) / .06) 0 1px, transparent 1px 12px), radial-gradient(circle at 70% 20%, hsl(var(--accent-h) / .54), transparent 38%), hsl(var(--muted-bg));min-height:100%;position:relative;overflow:hidden}.blog-featured-media img,.blog-card-media img,.blog-article-cover{object-fit:cover;width:100%;height:100%}.blog-featured-media span,.blog-card-media span{color:hsl(var(--foreground) / .56);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:12px;position:absolute;inset:auto 22px 20px}.blog-read-link{color:var(--fg);text-underline-offset:4px;margin-top:28px;font-weight:700;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:18px;margin-top:18px;display:grid}.blog-card{min-height:450px;color:inherit;flex-direction:column;text-decoration:none;transition:transform .22s,border-color .22s,box-shadow .22s;display:flex;overflow:hidden}.blog-card.is-offset{margin-top:54px}.blog-card-media{flex:0 0 210px;min-height:210px}.blog-card-body{flex-direction:column;flex:1;align-items:flex-start;padding:20px 20px 24px;display:flex}.blog-card-meta,.blog-article-header .blog-card-meta{color:var(--muted);font-family:var(--font-mono);letter-spacing:.035em;flex-wrap:wrap;gap:9px;font-size:11px;display:flex}.blog-card-meta span+span:before,.blog-article-header .blog-card-meta span+span:before{content:"·";margin-right:9px}.blog-card h2{letter-spacing:-.035em;margin:16px 0 0;font-size:clamp(26px,3vw,38px);line-height:1}.blog-card p{color:var(--muted);margin:14px 0 0;line-height:1.55}.blog-card .blog-read-link{margin-top:auto;padding-top:24px}.blog-empty{color:var(--muted);text-align:center;padding:60px 24px}.blog-article-page{padding-bottom:112px}.blog-article-wrap{max-width:1020px;padding-top:clamp(48px,8vw,100px)}.blog-back-link{color:var(--muted);text-decoration:none}.blog-back-link:hover{color:var(--fg)}.blog-article-header{text-align:center;max-width:800px;margin:72px auto 0}.blog-article-header .blog-card-meta{justify-content:center}.blog-article-header h1{letter-spacing:-.055em;max-width:11ch;margin:24px auto 0;font-size:clamp(48px,8vw,112px);line-height:.91}.blog-article-header>p{max-width:58ch;color:var(--muted);margin:24px auto 0;font-size:clamp(17px,2vw,21px);line-height:1.55}.blog-article-cover{border:1px solid var(--border);border-radius:var(--p-radius);height:min(58vw,620px);box-shadow:var(--p-shadow);margin:70px auto 0;display:block}.blog-article-body{max-width:700px;color:var(--fg);margin:70px auto 0;font-size:18px;line-height:1.8}.blog-article-body>*+*{margin-top:24px}.blog-article-body h2,.blog-article-body h3{letter-spacing:-.03em;margin-top:56px;line-height:1.1}.blog-article-body h2{font-size:36px}.blog-article-body h3{font-size:27px}.blog-article-body ul,.blog-article-body ol{padding-left:26px}.blog-article-body li+li{margin-top:8px}.blog-article-body blockquote{border-left:2px solid hsl(var(--accent-h));color:var(--muted);margin-inline:-32px;padding:16px 28px;font-size:22px;line-height:1.5}.blog-article-body a{text-underline-offset:4px;text-decoration:underline}.blog-article-body figure{margin:46px -120px}.blog-article-body figure img{border:1px solid var(--border);border-radius:14px;width:auto;max-width:100%;height:auto;margin-inline:auto;display:block}.blog-article-body figcaption{color:var(--muted);text-align:center;margin-top:9px;font-size:13px}.blog-video{aspect-ratio:16/9;border:1px solid var(--border);background:hsl(var(--foreground) / .08);border-radius:14px;margin-block:42px;position:relative;overflow:hidden}.blog-video iframe{border:0;width:100%;height:100%}@media (max-width:960px){.blog-grid{grid-template-columns:1fr 1fr}.blog-card.is-offset{margin-top:0}.blog-article-body figure,.blog-article-body blockquote{margin-inline:0}.portfolio-team-layout{grid-template-columns:1fr}.portfolio-detail{position:static}.portfolio-project-grid{grid-template-columns:1fr 1fr}.portfolio-case-body{grid-template-columns:1fr}}@media (max-width:680px){.portfolio-team-grid,.portfolio-project-grid{grid-template-columns:1fr}.portfolio-hero h1{font-size:clamp(48px,17vw,72px)}.blog-featured{grid-template-columns:1fr}.blog-featured-media{order:-1;min-height:240px}.blog-grid{grid-template-columns:1fr}.blog-article-header{margin-top:52px}.blog-article-header h1{font-size:clamp(44px,14vw,72px)}.blog-article-cover{height:72vw;margin-top:48px}.blog-article-body{margin-top:48px;font-size:17px}}