.mk-section:where(.hero){padding-top:clamp(56px,8vw,112px);padding-bottom:clamp(48px,6vw,88px)}.mk-section:where(.hero.hero-visual-avatar){padding-bottom:0;overflow:hidden}.mk-module.hero .hero-grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);display:grid}.mk-module.hero .hero-content{gap:var(--space-l);max-width:820px;display:grid}.mk-module.hero .intro>div:has(>.eyebrow,>h1,>h2){gap:var(--space-l);max-width:none}.mk-module.hero .intro h1,.mk-module.hero .intro h2{font-size:var(--text-display);font-weight:800;line-height:var(--leading-tight);letter-spacing:var(--tracking-display)}.mk-module.hero .intro .content{max-width:44ch;color:var(--fg-body)}.mk-module.hero .intro .button-container{margin-top:calc(var(--space-l) + var(--space-sm))}.mk-module.hero .btn{--btn-h:56px;--btn-px:28px;--btn-sh:5px;--btn-fs:1.125rem;--btn-icon:20px}.mk-module.hero .hero-status{color:var(--fg-strong);font-family:var(--font-mono);font-size:var(--text-s);align-items:center;gap:10px;margin:0;display:flex}.mk-module.hero .hero-status-dot{background-color:var(--color-teal-500);width:10px;height:10px;box-shadow:0 0 0 3px color-mix(in oklab, var(--color-teal-500) 35%, transparent);flex:none}.mk-module.hero .hero-avatar{justify-self:center;width:100%;max-width:220px;line-height:0;position:relative}.mk-module.hero .hero-avatar .pixel-avatar{cursor:pointer;width:100%}.mk-module.hero .hero-bubble{z-index:1;border:2px solid var(--color-ink-900);background-color:var(--color-white);box-shadow:4px 4px 0 0 var(--color-orange-500);color:var(--color-ink-900);font-size:var(--text-base);white-space:nowrap;margin:0;padding:12px 16px;font-weight:700;line-height:1.3;position:absolute;bottom:calc(100% + 18px);right:35%}.mk-module.hero .hero-bubble:before,.mk-module.hero .hero-bubble:after{content:"";background-color:var(--color-white);width:10px;height:10px;position:absolute}.mk-module.hero .hero-bubble:before{border-right:2px solid var(--color-ink-900);border-bottom:2px solid var(--color-ink-900);bottom:-12px;right:28px}.mk-module.hero .hero-bubble:after{border:2px solid var(--color-ink-900);bottom:-22px;right:18px}.mk-module.hero .hero-card{border:2px solid var(--color-ink-900);background-color:var(--color-ink-900);box-shadow:10px 10px 0 0 var(--color-orange-500);font-style:normal;display:grid}.mk-module.hero .hero-card-head{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-l) var(--space-xl);border-bottom:2px solid var(--color-ink-700);display:flex}.mk-module.hero .hero-card-title{color:var(--fg-strong);font-size:var(--text-h4);font-weight:800}.mk-module.hero .hero-card-badge{padding:2px var(--space-s);background-color:var(--color-teal-500);color:var(--color-ink-900);font-family:var(--font-mono);font-size:var(--text-xs)}.mk-module.hero .hero-card-row{padding:var(--space-m) var(--space-xl);border-bottom:1px solid var(--color-ink-700);grid-template-columns:24px 1fr;gap:14px;display:grid}.mk-module.hero .hero-card-row svg{color:var(--color-orange-500);margin-top:2px}.mk-module.hero .hero-card-row>span{gap:2px;display:grid}.mk-module.hero .hero-card-row strong{color:var(--fg-strong)}.mk-module.hero .hero-card-row span span{color:var(--fg-muted);font-size:var(--text-s)}.mk-module.hero .hero-card-row a{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}.mk-module.hero .hero-card-row a:hover{color:var(--fg-link-hover)}.mk-module.hero .hero-card-foot{padding:var(--space-m) var(--space-xl);color:var(--fg-muted);font-family:var(--font-mono);font-size:var(--text-xs)}.mk-module.hero .hero-image .mk-img-main{border:1px solid var(--border-subtle);width:100%;height:auto;display:block}.mk-module.hero.hero-visual-avatar .hero-grid{row-gap:88px}@media only screen and (width>=760px){.mk-module.hero.hero-visual-avatar .hero-grid{grid-template-columns:minmax(0,1fr) clamp(200px,24vw,320px);align-items:end}.mk-module.hero.hero-visual-avatar .hero-content{padding-bottom:clamp(48px,7vw,104px)}.mk-module.hero .hero-avatar{justify-self:end;max-width:320px}.mk-module.hero.hero-visual-image .hero-grid,.mk-module.hero.hero-visual-card .hero-grid{grid-template-columns:minmax(0,1fr) minmax(260px,380px)}}.mk-module.hero{--fx-calm:var(--color-ink-300);--fx-hot:var(--color-orange-500);--fx-body:var(--color-ink-900);--fx-food:var(--color-amber-500);--fx-line:var(--color-ink-200);--fx-sand:var(--color-ink-900) var(--color-ink-900) var(--color-orange-500) var(--color-amber-500)}.mk-module.hero.style-dark{--fx-calm:var(--color-ink-600);--fx-body:var(--color-ink-200);--fx-line:var(--color-ink-700);--fx-sand:var(--color-ink-600) var(--color-ink-600) var(--color-paper) var(--color-amber-500)}.mk-module.hero.style-accent{--fx-calm:var(--color-orange-700);--fx-hot:var(--color-white);--fx-line:var(--color-orange-700);--fx-sand:var(--color-ink-900) var(--color-ink-900) var(--color-paper) var(--color-amber-500)}.mk-section:where(.hero.hero-visual-effect){isolation:isolate;touch-action:pan-y pinch-zoom;position:relative;overflow:hidden}.mk-section:where(.hero.hero-effect-sand){padding-bottom:calc(clamp(48px,6vw,88px) + 48px)}.mk-section:where(.hero.hero-effect-snake){padding-bottom:calc(clamp(48px,6vw,88px) + 200px)}@media only screen and (width>=1100px){.mk-section:where(.hero.hero-effect-snake){padding-bottom:clamp(48px,6vw,88px)}}.mk-module.hero .hero-fx{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@media only screen and (width>=1100px){.mk-module.hero.hero-effect-snake .hero-content{max-width:680px}}.mk-module.hero .hero-links{gap:var(--space-s);max-width:600px;display:grid}.mk-module.hero .hero-links ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mk-module.hero .hero-links-label{color:var(--fg-muted);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;margin:0;font-weight:700}.mk-module.hero .hero-link{border:2px solid var(--border-strong);background-color:var(--surface-card);min-height:36px;color:var(--fg-strong);font-size:var(--text-s);align-items:center;gap:6px;padding:0 12px;font-weight:600;text-decoration:none;display:inline-flex}.mk-module.hero .hero-link svg{display:none}.mk-module.hero .hero-link:hover span{text-underline-offset:.2em;text-decoration:underline}.mk-module.hero .hero-link.is-found{border-color:var(--btn-edge);background-color:var(--btn-bg);color:var(--btn-fg)}.mk-module.hero .hero-link.is-found svg{display:block}.mk-module.hero .hero-fx-pause{right:var(--space-l);bottom:var(--space-m);z-index:1;border:2px solid var(--border-strong);background-color:var(--module-bg);min-height:36px;color:var(--fg-strong);font:inherit;font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;align-items:center;gap:8px;padding:0 12px;font-weight:700;display:inline-flex;position:absolute}.mk-module.hero .hero-fx-pause[hidden],.mk-module.hero .hero-fx-pause .is-play,.mk-module.hero .hero-fx-pause[aria-pressed=true] .is-pause{display:none}.mk-module.hero .hero-fx-pause[aria-pressed=true] .is-play{display:block}.mk-module.hero.hero-visual-effect .module-inner{position:static}.mk-module.hero .hero-portrait{justify-items:end;gap:var(--space-s);justify-self:center;width:min(100%,420px);display:grid}.mk-module.hero .hero-portrait-frame{aspect-ratio:4/5;border:2px solid var(--border-strong);background-color:var(--surface-subtle);width:100%;box-shadow:8px 8px 0 0 var(--btn-bg);cursor:crosshair;touch-action:pan-y pinch-zoom;position:relative;overflow:hidden}.mk-module.hero .hero-portrait-frame .mk-img,.mk-module.hero .hero-portrait-frame img{width:100%;height:100%;position:absolute;inset:0}.mk-module.hero .hero-portrait-frame img{object-fit:cover}.mk-module.hero .hero-portrait-pixel{image-rendering:pixelated;image-rendering:crisp-edges}html:not(.js) .mk-module.hero .hero-portrait-pixel{display:none}.mk-module.hero .is-sharp .hero-portrait-pixel{opacity:0}.mk-module.hero .has-lens .hero-portrait-pixel{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11' shape-rendering='crispEdges'%3E%3Cpath d='M3 0h5v1h-5zM2 1h7v1h-7zM1 2h9v1h-9zM0 3h11v1h-11zM0 4h11v1h-11zM0 5h11v1h-11zM0 6h11v1h-11zM0 7h11v1h-11zM1 8h9v1h-9zM2 9h7v1h-7zM3 10h5v1h-5z'/%3E%3C/svg%3E"),linear-gradient(#000 0 0);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 11' shape-rendering='crispEdges'%3E%3Cpath d='M3 0h5v1h-5zM2 1h7v1h-7zM1 2h9v1h-9zM0 3h11v1h-11zM0 4h11v1h-11zM0 5h11v1h-11zM0 6h11v1h-11zM0 7h11v1h-11zM1 8h9v1h-9zM2 9h7v1h-7zM3 10h5v1h-5z'/%3E%3C/svg%3E"),linear-gradient(#000 0 0);-webkit-mask-size:45.8333%,100% 100%;mask-size:45.8333%,100% 100%;-webkit-mask-position:var(--lens-x,0) var(--lens-y,0), 0 0;mask-position:var(--lens-x,0) var(--lens-y,0), 0 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:xor;mask-composite:exclude}.mk-module.hero .hero-portrait-toggle{border:2px solid var(--border-strong);min-height:36px;color:var(--fg-strong);font:inherit;font-size:var(--text-s);cursor:pointer;background-color:#0000;padding:0 12px;font-weight:700}.mk-module.hero .hero-portrait-toggle[hidden]{display:none}.mk-module.hero .hero-portrait-toggle[aria-pressed=true]{background-color:var(--fg-strong);color:var(--module-bg)}@media only screen and (width>=760px){.mk-module.hero.hero-visual-portrait .hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(260px,1fr)}.mk-module.hero .hero-portrait{justify-self:end}}