.site-frame .developer-profile-page{padding-top:calc(var(--header-height) + 20px)}.developer-hero{background:var(--surface);flex-direction:column;width:calc(100vw - 48px);margin-left:calc(50% - 50vw + 24px);padding:0 0 26px;display:flex;position:relative}.developer-hero-back,.developer-hero-website{min-height:32px;color:var(--muted);font:10px/1.5 var(--font-ui);align-items:center;gap:8px;display:inline-flex;position:absolute;top:0}.developer-hero-back{left:32px}.developer-hero-website{right:32px}.developer-hero-intro{text-align:center;z-index:1;max-width:680px;margin:52px auto 0;padding-inline:20px}.developer-hero-eyebrow{font:600 clamp(11px, 1vw, 14px)/1.5 var(--font-ui);color:var(--accent-ink);margin:0 0 14px}.site-frame .developer-hero h1{font:600 clamp(28px, 3.3vw, 44px)/1.14 var(--font-ui);letter-spacing:-.045em;margin:0 0 14px}.developer-hero-tagline{font:clamp(12px, 1.1vw, 15px)/1.6 var(--font-body);color:var(--muted);margin:0}.developer-hero-projects{min-height:32px;font:clamp(10px, .95vw, 13px)/1.5 var(--font-ui);justify-content:center;align-items:center;gap:10px;margin-top:13px;display:inline-flex}.developer-hero-projects>span{background:var(--accent);width:30px;height:30px;color:var(--ink-deep);border-radius:50%;place-items:center;transition:transform .2s;display:grid}.developer-hero-projects:hover>span{transform:translate(3px)}.developer-hero-gallery{--photo-height:16.5vw;--gallery-photo-scale:1.25;--gallery-extra:112px;isolation:isolate;height:calc(var(--photo-height) * var(--gallery-photo-scale) + var(--gallery-extra));touch-action:pan-y;margin-top:24px;position:relative;overflow:hidden;container-type:inline-size}.developer-hero-card{height:100%;width:var(--card-width,22%);transform:translate(calc(-50% + var(--card-x,0px)), var(--card-y,0px));text-align:center;position:absolute;top:0;left:50%}.developer-hero-photo{top:calc(var(--photo-height) * .75 + 16px);width:100%;height:var(--card-height,var(--photo-height));clip-path:var(--card-clip,inset(0 round 10px));background:var(--raised);position:absolute;overflow:hidden;transform:translateY(-50%)}.developer-hero-photo img{object-fit:cover;transform:var(--card-photo-transform,none);transform-origin:0 0}.developer-hero-card-link{height:100%;color:inherit;pointer-events:none;display:block}.developer-hero-card-link :is(.developer-hero-photo,.developer-hero-card-caption){pointer-events:auto}.developer-hero-card-link:focus-visible{outline:none}.developer-hero-card-link:focus-visible .developer-hero-card-caption{outline:2px solid var(--accent-ink);outline-offset:4px;border-radius:4px}.developer-hero-hearts{z-index:20;pointer-events:none;position:absolute;inset:0;overflow:hidden}.developer-hero-heart{width:24px;height:24px;color:var(--accent-ink);opacity:0;filter:drop-shadow(0 1px 1px var(--surface));will-change:transform, opacity;display:block;position:absolute;top:0;left:0}.developer-hero-heart svg{display:block}.developer-hero-card-caption{width:calc(100% + 8px);left:-4px;top:calc(var(--photo-height) * .75 + 16px);transform:translateY(calc(var(--card-caption-offset,var(--card-height,var(--photo-height)) / 2) + 12px)) skewY(var(--card-caption-angle,0deg));transform-origin:top;color:var(--ink);font:400 16px/24px var(--font-ui);justify-content:center;align-items:center;gap:8px;display:flex;position:absolute}.developer-hero-card-caption strong{min-width:0;font:inherit;overflow-wrap:anywhere;text-wrap:balance;display:block}.developer-hero-card-badge{width:1em;height:1em;color:var(--accent);flex:none}@media (max-width:1100px){.developer-hero-card-caption{gap:4px;font-size:12px;line-height:16px}}@media (min-width:1600px){.developer-hero-card-caption{font-size:18px;line-height:28px}}.developer-hero-controls{justify-content:center;align-items:center;gap:14px;margin-top:8px;display:flex;position:relative}.developer-hero-note{color:var(--muted);font:9px/1.5 var(--font-ui);gap:9px;display:flex}.developer-hero-note>span+span:before{content:"·";margin-right:9px}.developer-hero-instruction{color:var(--muted);font:8px/1.5 var(--font-ui);letter-spacing:.06em;align-items:center;gap:7px;display:flex}.developer-hero-instruction svg{width:13px}.developer-hero-arrows{gap:8px;display:flex}.developer-hero-arrows>button{width:32px;height:32px;color:var(--ink);border:1px solid var(--line);background:var(--surface);border-radius:50%;place-items:center;display:grid}.developer-hero-arrows>button:hover:not(:disabled){border-color:var(--accent)}.developer-hero-arrows>button:disabled{opacity:.4;cursor:default}.developer-hero-progress{display:none}.developer-hero :focus-visible{outline:2px solid var(--accent-ink);outline-offset:4px}.developer-hero.is-scroll-pinned .developer-hero-arrows{position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.developer-hero.is-scroll-pinned .developer-hero-arrows:not(:focus-within){clip-path:inset(50%);width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (max-width:767px),(max-width:1000px) and (max-height:500px){.site-frame .developer-profile-page{padding-top:calc(var(--header-height) + 16px)}.developer-hero{width:calc(100vw - 32px);margin-left:calc(50% - 50vw + 16px);margin-right:0;padding-bottom:16px}.developer-hero-back{left:8px}.developer-hero-website{gap:4px;font-size:9px;right:8px}.developer-hero-intro{margin-top:48px}.site-frame .developer-hero h1{font-size:30px}.developer-hero-tagline{max-width:280px;margin-inline:auto}.developer-hero-gallery{--gallery-extra:96px;margin-top:16px}.developer-hero-controls{flex-wrap:wrap;gap:12px}.developer-hero-note{flex-basis:100%;order:2;justify-content:center}.developer-hero-note>span:first-child{white-space:nowrap}.developer-hero-instruction{order:1}}@media (max-height:700px){.developer-hero.is-scroll-pinned .developer-hero-intro{margin-top:36px}.developer-hero.is-scroll-pinned .developer-hero-eyebrow{margin-bottom:8px}.site-frame .developer-hero.is-scroll-pinned h1{margin-bottom:8px;font-size:30px}.developer-hero.is-scroll-pinned .developer-hero-projects{margin-top:7px}}@media (min-width:768px) and (max-width:1000px) and (max-height:500px){.developer-hero-intro{margin-top:32px}.developer-hero-eyebrow,.developer-hero-tagline{display:none}.site-frame .developer-hero h1{margin-bottom:4px;font-size:24px}.developer-hero-projects{min-height:26px;margin-top:2px}.developer-hero-projects>span{width:24px;height:24px}.developer-hero-gallery{--gallery-extra:80px;margin-top:8px}}@media (max-height:540px){.developer-hero.is-scroll-pinned{padding-bottom:14px}.developer-hero.is-scroll-pinned .developer-hero-intro{margin-top:32px}.developer-hero.is-scroll-pinned .developer-hero-eyebrow,.developer-hero.is-scroll-pinned .developer-hero-tagline{display:none}.site-frame .developer-hero.is-scroll-pinned h1{margin-bottom:4px;font-size:24px}.developer-hero.is-scroll-pinned .developer-hero-projects{min-height:26px;margin-top:2px}.developer-hero.is-scroll-pinned .developer-hero-projects>span{width:24px;height:24px}.developer-hero.is-scroll-pinned .developer-hero-gallery{--gallery-extra:80px}}