.app-body{overscroll-behavior:none;background:#1f6fb2;overflow:hidden}.app{position:fixed;inset:0}.app__canvas{touch-action:none;inset:0;position:absolute!important}.app__snapshot{pointer-events:none;opacity:0;width:100%;height:100%;position:absolute;inset:0}.noscript{background:var(--cream);border:var(--border);border-radius:var(--radius);padding:12px 16px;font-weight:700;position:fixed;inset:auto 16px 16px}.overlay{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:fixed;inset:0}.overlay a,.overlay button,.overlay .card[data-mode=pinned],.overlay .sheet{pointer-events:auto}:where(.overlay button){font:inherit;color:inherit}.pill{background:var(--cream);border:var(--border);box-shadow:var(--shadow-sm);border-radius:999px}.island-title{top:max(20px, env(safe-area-inset-top));text-align:center;width:max-content;max-width:calc(100vw - 32px);transition:opacity .15s linear;position:absolute;left:50%;transform:translate(-50%)}.island-title[data-hidden="1"]{opacity:0}.island-title__name{font-family:var(--font-display);color:var(--white);-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;text-shadow:0 5px 0 var(--ink);letter-spacing:.01em;margin:0;font-size:clamp(40px,6.4vw,76px);font-weight:400;line-height:1}.island-title__sub{letter-spacing:.04em;text-transform:uppercase;background:var(--cream);border:var(--border);box-shadow:var(--shadow-sm);border-radius:999px;margin:10px 0 0;padding:4px 16px;font-size:clamp(15px,1.6vw,20px);font-weight:800;display:inline-block}.text-btn{top:max(12px, env(safe-area-inset-top));right:var(--gutter);height:40px;color:var(--ink);background:var(--cream);border:var(--border);box-shadow:var(--shadow-sm);transition:transform .1s var(--ease-out), background .1s;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex;position:absolute}.text-btn:hover{background:var(--white);transform:translateY(-1px)}.topbar__name{top:max(12px, env(safe-area-inset-top));left:var(--gutter);height:40px;font-family:var(--font-display);color:var(--ink);background:var(--cream);border:var(--border);box-shadow:var(--shadow-sm);transition:transform .1s var(--ease-out), background .1s;border-radius:999px;align-items:center;padding:0 14px;font-size:22px;text-decoration:none;display:inline-flex;position:absolute}.topbar__name:hover{background:var(--white);transform:translateY(-1px)}.topbar__title{top:max(12px, env(safe-area-inset-top));box-sizing:border-box;text-align:center;width:max-content;max-width:calc(100% - 460px);height:40px;line-height:40px;font-family:var(--font-display);color:var(--white);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 3px 0 var(--ink);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;margin:0 auto;padding:0 10px;font-size:26px;font-weight:400;display:block;position:absolute;left:0;right:0;overflow:hidden}.anchor{will-change:transform;width:0;height:0;transition:opacity .12s linear;position:absolute;top:0;left:0}.anchor[data-hidden="1"]{opacity:0;visibility:hidden}.anchor--label>.region-label{transform:translate(-50%,calc(-100% - 12px))}.region-label{white-space:nowrap;font-family:var(--font-display);letter-spacing:.01em;color:var(--white);background:var(--ink);border:var(--border-w) solid var(--ink);cursor:pointer;transition:transform .15s var(--ease-out), background .15s, color .15s;border-radius:999px;padding:6px 16px 7px;font-size:21px;display:block;position:absolute;top:0;left:0;box-shadow:0 4px #15151559}.region-label:after{content:"";border:7px solid #0000;border-top:8px solid var(--ink);border-bottom:0;width:0;height:0;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.region-label[data-hover="1"],.region-label:focus-visible{background:var(--white);color:var(--ink);transform:translate(-50%,calc(-100% - 12px))scale(1.06)}.anchor--tag>.hold-tag{transform:translate(-50%)}.anchor--tag-left>.hold-tag{transform:translate(-100%,-50%)}.anchor--tag-right>.hold-tag{transform:translateY(-50%)}.hold-tag{white-space:nowrap;color:var(--ink);background:var(--cream);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:3px 9px 4px;font-size:13px;font-weight:800;line-height:1.15;transition:background .1s,color .1s;display:inline-flex;position:absolute;top:0;left:0}.hold-tag[data-hover="1"],.hold-tag[data-pinned="1"],.hold-tag:focus-visible{background:var(--ink);color:var(--white)}.card{right:var(--gutter);top:calc(max(12px, env(safe-area-inset-top)) + 40px + 14px);bottom:var(--gutter);width:var(--card-w);background:var(--cream);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);pointer-events:none;animation:card-in var(--in,.12s) var(--ease-out) both;flex-direction:column;display:flex;position:absolute;overflow:hidden}.card[data-mode=pinned]{pointer-events:auto;-webkit-user-select:text;user-select:text}.card[data-state=out]{animation:card-out var(--out,.1s) linear both}@keyframes card-in{0%{opacity:0;transform:translate(14px)}}@keyframes card-out{to{opacity:0;transform:translate(8px)}}.card__head{background:var(--accent,var(--cue));border-bottom:var(--border);padding:16px 56px 14px 20px;position:relative}.card__eyebrow{letter-spacing:.08em;text-transform:uppercase;margin:0 0 2px;font-size:12px;font-weight:800}.card__title{font-family:var(--font-display);margin:0;font-size:30px;font-weight:400;line-height:1.05}.card__subtitle{margin:6px 0 0;font-size:15px;font-weight:700;line-height:1.35}.card__meta{background:var(--cream);border:2px solid var(--ink);border-radius:999px;margin:8px 0 0;padding:2px 10px;font-size:13px;font-weight:800;display:inline-block}.card__steps{border-top:2px dashed #15151524;gap:8px;padding:10px 16px 14px;display:flex}.step-btn{max-width:48%;height:36px;color:var(--ink);background:var(--white);border:var(--border);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .1s var(--ease-out);border-radius:999px;align-items:center;gap:4px;padding:0 12px;font-size:14px;font-weight:800;display:inline-flex}.step-btn:hover{transform:translateY(-1px)}.step-btn--next{margin-left:auto}.step-btn__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card__close{background:var(--cream);border:var(--border);width:38px;height:38px;box-shadow:var(--shadow-sm);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:12px;right:12px}.card__close:hover{background:var(--white)}.card__body{overscroll-behavior:contain;flex:1;padding:14px 20px 20px;font-size:15.5px;line-height:1.55;overflow-y:auto}.card__body>p{margin:0 0 10px}.card__h{letter-spacing:.08em;text-transform:uppercase;margin:16px 0 6px;font-size:13px;font-weight:800}.card__list{margin:4px 0 10px;padding-left:20px}.card__list li{margin:4px 0}.card__image{border:var(--border);border-radius:8px;width:100%;margin:0 0 12px;display:block}.card__note{color:var(--muted);font-weight:700}.chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.chip{background:var(--white);border:2px solid var(--ink);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:800}.card__links{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.link-btn{height:40px;color:var(--ink);background:var(--white);border:var(--border);box-shadow:var(--shadow-sm);transition:transform .1s var(--ease-out);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:15px;font-weight:800;text-decoration:none;display:inline-flex}.link-btn:hover{background:var(--cue);transform:translateY(-1px)}.link-btn--wide{flex:1;min-width:0}.link-btn--wide span{text-overflow:ellipsis;overflow:hidden}.email-row{align-items:center;gap:8px;display:flex}.icon-btn{background:var(--white);border:var(--border);min-width:40px;height:40px;box-shadow:var(--shadow-sm);cursor:pointer;border-radius:999px;flex:none;place-items:center;padding:0 10px;display:grid}.icon-btn__done{font-size:13px;font-weight:800}.skills{gap:8px;margin:0;padding:0;list-style:none;display:grid}.skill{background:var(--white);border:2px solid var(--ink);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-weight:800;display:flex}.level{gap:4px;display:inline-flex}.level__dot{border:2px solid var(--ink);border-radius:50%;width:11px;height:11px}.level__dot[data-on="1"]{background:var(--accent,var(--ink))}.sheet{background:var(--cream);border-top:var(--border);height:45dvh;animation:sheet-in .18s var(--ease-out) both;transition:transform .18s var(--ease-out);padding-bottom:env(safe-area-inset-bottom);border-radius:20px 20px 0 0;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -4px #15151540}.sheet[data-dragging="1"]{transition:none}.sheet[data-state=out]{animation:.15s linear both sheet-out}@keyframes sheet-in{0%{transform:translateY(100%)}}@keyframes sheet-out{to{transform:translateY(100%)}}.sheet__grip{z-index:1;touch-action:none;cursor:grab;place-items:center;height:26px;display:grid;position:absolute;top:0;left:0;right:0}.sheet__handle{background:var(--ink);opacity:.7;border-radius:99px;width:44px;height:5px}.sheet .card__head{padding:22px 52px 10px 20px}.sheet .card__eyebrow{display:none}.sheet .card__title{font-size:24px}.sheet .card__subtitle{margin-top:4px;font-size:14px}.sheet .card__meta{margin-top:6px}.nav{transition:opacity .12s linear;position:absolute}.nav[data-hidden="1"]{opacity:0;visibility:hidden}.nav__list{margin:0;padding:0;list-style:none;display:flex}.nav-btn{color:var(--ink);background:var(--cream);border:var(--border);box-shadow:var(--shadow-sm);transition:transform .12s var(--ease-out), background .12s;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.nav-btn:hover{background:var(--white);transform:translateY(-2px)}.nav-btn[aria-current=page]{background:var(--accent);cursor:default}.nav-btn__label{line-height:1.1}.nav--rail{left:var(--gutter);top:50%;transform:translateY(-50%)}.nav--rail .nav__list{flex-direction:column;gap:10px}.nav--rail .nav-btn{width:var(--rail-w);height:64px}.nav--rail .nav__home{border-bottom:3px dashed #15151573;margin-bottom:2px;padding-bottom:10px}.nav--rail .nav-btn[aria-current=page]{transform:translate(6px)}.nav--dock{left:0;right:calc(var(--card-w) + var(--gutter) * 2);bottom:calc(var(--gutter) + env(safe-area-inset-bottom));justify-content:center;display:flex}.overlay[data-layout=sheet] .nav--dock{right:0}.nav--dock .nav__list{border:var(--border);box-shadow:var(--shadow);background:#fff8ece6;border-radius:20px;gap:8px;padding:8px}.nav--dock .nav-btn{width:70px;height:56px;box-shadow:none}.nav--dock .nav__home{border-right:3px dashed #15151573;padding-right:8px}.nav--dock .nav-btn[aria-current=page]{box-shadow:var(--shadow-sm);transform:translateY(-6px)}.loading{background:var(--cream);pointer-events:auto;place-content:center;justify-items:center;gap:8px;transition:opacity .2s linear;display:grid;position:absolute;inset:0}.boot{z-index:1;position:fixed}.loading[data-done="1"]{opacity:0;pointer-events:none}.loading__name{font-family:var(--font-display);color:var(--white);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink);margin:0;font-size:clamp(40px,7vw,64px);line-height:1}.loading__sub{letter-spacing:.06em;text-transform:uppercase;margin:0 0 14px;font-weight:800}.loading__bar{background:var(--white);border:var(--border);border-radius:999px;width:min(260px,70vw);height:18px;padding:3px;overflow:hidden}.loading__fill{background:var(--cue);transform-origin:0;height:100%;transition:transform .25s var(--ease-out);border-radius:999px}.spinner{border:5px solid var(--cream);border-top-color:var(--ink);opacity:0;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;transition:opacity .1s linear;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%}.spinner[data-on="1"]{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}.overlay[data-layout=sheet] .topbar{top:max(10px, env(safe-area-inset-top));left:var(--gutter);right:var(--gutter);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;display:grid;position:absolute}.overlay[data-layout=sheet] .topbar>*{margin:0;position:static;transform:none}.overlay[data-layout=sheet] .text-btn{grid-column:3;height:36px;padding:0 11px;font-size:13.5px}.overlay[data-layout=sheet] .topbar__name{height:36px;padding:0 11px;font-size:17px}.overlay[data-layout=sheet] .topbar__title{text-align:center;-webkit-text-stroke-width:4px;justify-content:center;width:auto;max-width:none;height:36px;padding:0 6px;font-size:19px;line-height:36px;display:block}.overlay[data-layout=sheet] .island-title{top:calc(max(10px, env(safe-area-inset-top)) + 50px)}.overlay[data-layout=sheet] .island-title__name{-webkit-text-stroke-width:6px;font-size:clamp(36px,11vw,56px)}.overlay[data-layout=sheet] .nav--dock .nav__list{width:calc(100% - var(--gutter) * 2);gap:6px;max-width:440px;padding:6px}.overlay[data-layout=sheet] .nav--dock li{flex:1 1 0;min-width:0}.overlay[data-layout=sheet] .nav--dock .nav-btn{letter-spacing:-.01em;width:100%;height:52px;font-size:10.5px}.overlay[data-layout=sheet] .region-label{padding:5px 13px 6px;font-size:17px}.overlay[data-layout=sheet] .hold-tag{padding:2px 7px 3px;font-size:12px}@media (width<=380px){.overlay[data-layout=sheet] .topbar{gap:6px}.overlay[data-layout=sheet] .topbar__name{padding:0 8px;font-size:15px}.overlay[data-layout=sheet] .text-btn{gap:4px;padding:0 8px;font-size:12px}.overlay[data-layout=sheet] .topbar__title{padding:0 3px;font-size:17px}}@media (prefers-reduced-motion:reduce){.card,.card[data-state=out],.sheet,.sheet[data-state=out]{animation-duration:10ms}.spinner{animation-duration:2s}}
