@font-face{font-family:Big Shoulders;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5fefd80b57937013.3vxbymg_kqoii.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Big Shoulders;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/c4c21e4d4b578e42.4063qtxwupz89.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Big Shoulders;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/55cb69ad17a100ed.p.0kxvs4gr291h1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.Qn2jpW_className{font-family:Big Shoulders;font-style:normal}.Qn2jpW_variable{--font-display:"Big Shoulders"}
@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4084ce120da2621a-s.24j78amfme-4i.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/16d91c780434f2ce-s.2-a1crq_j_v8o.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/a45e4938f2a14ebd-s.36qyt9g-141hd.woff2)format("woff2");unicode-range:U+302-303,U+305,U+307-308,U+310,U+312,U+315,U+31A,U+326-327,U+32C,U+32F-330,U+332-333,U+338,U+33A,U+346,U+34D,U+391-3A1,U+3A3-3A9,U+3B1-3C9,U+3D1,U+3D5-3D6,U+3F0-3F1,U+3F4-3F5,U+2016-2017,U+2034-2038,U+203C,U+2040,U+2043,U+2047,U+2050,U+2057,U+205F,U+2070-2071,U+2074-209F,U+20D0-20DC,U+20E1,U+20E5-20EF,U+2100-2112,U+2114-2115,U+2117-2121,U+2123-214F,U+2190,U+2192,U+2194-21AE,U+21B0-21E5,U+21F1-21F2,U+21F4-2211,U+2213-2214,U+2216-22FF,U+2308-230B,U+2310,U+2319,U+231C-2321,U+2336-237A,U+237C,U+2395,U+239B-23B7,U+23D0,U+23DC-23E1,U+2474-2475,U+25AF,U+25B3,U+25B7,U+25BD,U+25C1,U+25CA,U+25CC,U+25FB,U+266D-266F,U+27C0-27FF,U+2900-2AFF,U+2B0E-2B11,U+2B30-2B4C,U+2BFE,U+3030,U+FF5B,U+FF5D,U+1D400-1D7FF,U+1EE??}@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/611a8bd7707cff25-s.0a2ba7i0436aq.woff2)format("woff2");unicode-range:U+1-C,U+E-1F,U+7F-9F,U+20DD-20E0,U+20E2-20E4,U+2150-218F,U+2190,U+2192,U+2194-2199,U+21AF,U+21E6-21F0,U+21F3,U+2218-2219,U+2299,U+22C4-22C6,U+2300-243F,U+2440-244A,U+2460-24FF,U+25A0-27BF,U+28??,U+2921-2922,U+2981,U+29BF,U+29EB,U+2B??,U+4DC0-4DFF,U+FFF9-FFFB,U+10140-1018E,U+10190-1019C,U+101A0,U+101D0-101FD,U+102E0-102FB,U+10E60-10E7E,U+1D2C0-1D2D3,U+1D2E0-1D37F,U+1F0??,U+1F100-1F1AE,U+1F1E6-1F1FF,U+1F30D-1F30F,U+1F315,U+1F31C,U+1F31E,U+1F320-1F32C,U+1F336,U+1F378,U+1F37D,U+1F382,U+1F393-1F39F,U+1F3A7-1F3A8,U+1F3AC-1F3AF,U+1F3C2,U+1F3C4-1F3C6,U+1F3CA-1F3CE,U+1F3D4-1F3E0,U+1F3ED,U+1F3F1-1F3F3,U+1F3F5-1F3F7,U+1F408,U+1F415,U+1F41F,U+1F426,U+1F43F,U+1F441-1F442,U+1F444,U+1F446-1F449,U+1F44C-1F44E,U+1F453,U+1F46A,U+1F47D,U+1F4A3,U+1F4B0,U+1F4B3,U+1F4B9,U+1F4BB,U+1F4BF,U+1F4C8-1F4CB,U+1F4D6,U+1F4DA,U+1F4DF,U+1F4E3-1F4E6,U+1F4EA-1F4ED,U+1F4F7,U+1F4F9-1F4FB,U+1F4FD-1F4FE,U+1F503,U+1F507-1F50B,U+1F50D,U+1F512-1F513,U+1F53E-1F54A,U+1F54F-1F5FA,U+1F610,U+1F650-1F67F,U+1F687,U+1F68D,U+1F691,U+1F694,U+1F698,U+1F6AD,U+1F6B2,U+1F6B9-1F6BA,U+1F6BC,U+1F6C6-1F6CF,U+1F6D3-1F6D7,U+1F6E0-1F6EA,U+1F6F0-1F6F3,U+1F6F7-1F6FC,U+1F700-1F80B,U+1F810-1F847,U+1F850-1F859,U+1F860-1F887,U+1F890-1F8AD,U+1F8B0-1F8BB,U+1F8C0-1F8C1,U+1F8D0-1F8D8,U+1F900-1F90B,U+1F93B,U+1F946,U+1F984,U+1F996,U+1F9E9,U+1FA00-1FA6F,U+1FA70-1FA7C,U+1FA80-1FAC6,U+1FAC8,U+1FACC-1FADD,U+1FADF-1FAEB,U+1FAEF-1FAFA,U+1FB??}@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4d81d00cb6dc755c-s.1qa4j0y-kycyw.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ef79401ea952b7f0-s.1na0jnguos70p.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Onest;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8800dfc60902df36-s.p.36xefmj0vqxkn.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Onest Fallback;src:local(Arial);ascent-override:92.2%;descent-override:28.99%;line-gap-override:0.0%;size-adjust:105.2%}.wmNf2a_className{font-family:Onest,Onest Fallback;font-style:normal}.wmNf2a_variable{--font-body:"Onest", "Onest Fallback"}
@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-stretch:75% 112.5%;font-display:swap;src:url(../media/bc75a5ef649fd533-s.2ppktw63pfi3b.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-stretch:75% 112.5%;font-display:swap;src:url(../media/0d0795e2b42a3c22-s.0y163eqxkiliw.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-stretch:75% 112.5%;font-display:swap;src:url(../media/ced9be41fbb50af4-s.3sjz7f3lq8ord.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Martian Mono;font-style:normal;font-weight:100 800;font-stretch:75% 112.5%;font-display:swap;src:url(../media/9721f9d4df761ffd-s.p.44lcgfy9cmdxl.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Martian Mono Fallback;src:local(Arial);ascent-override:63.69%;descent-override:12.74%;line-gap-override:0.0%;size-adjust:157.02%}._9eKU9W_className{font-family:Martian Mono,Martian Mono Fallback;font-style:normal}._9eKU9W_variable{--font-mono:"Martian Mono", "Martian Mono Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--scrim:linear-gradient(#f0f6fa0d, #f0f6fa4d);--panel:#f8fafbe0;--panel-border:#ffffffbf;--inner:#fff9;--inner-border:#18263624;--text:#17202a;--muted:#4d5863;--accent:#a3371a;--sunset-text:linear-gradient(100deg, #a82a1c, #cf5220);--shadow:0 24px 48px -24px #30123880;--sunset:linear-gradient(100deg, #ff8566, #ffa95e 55%, #ffd27a);--on-sunset:#2a1408;--display:var(--font-display), "Arial Narrow", Impact, sans-serif;--body:var(--font-body), system-ui, -apple-system, "Segoe UI", sans-serif;--mono:var(--font-mono), ui-monospace, Menlo, Consolas, monospace;--radius:24px;--gap:16px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--scrim:linear-gradient(#0a0e141f, #0a0e1480);--panel:#0f151dc7;--panel-border:#dceafa26;--inner:#e2eefc0f;--inner-border:#d8e6f829;--text:#f2f5f7;--muted:#b9c3cc;--accent:#ffae80;--sunset-text:var(--sunset);--shadow:0 24px 48px -24px #000000b3}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;background:#1a2029;margin:0;font-size:1.0625rem;line-height:1.65}h1,h2,h3,p,ul,ol,dl,dd{margin:0;padding:0}ul,ol{list-style:none}a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.backdrop{z-index:-1;background:var(--scrim), url(/piha.webp) center 62% / cover no-repeat;height:100lvh;position:fixed;inset:0}.page{max-width:1120px;margin:0 auto;padding:0 24px}.grid{gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));margin-top:clamp(40px,14vh,150px);display:grid}.hero,.projects,.contact{grid-column:span 12}.about,.experience{grid-column:span 7}.skills,.education{grid-column:span 5}.tile,.nav,.footer span{border:1px solid var(--panel-border);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px)saturate(1.4);backdrop-filter:blur(22px)saturate(1.4)}.tile{border-radius:var(--radius);padding:32px;scroll-margin-top:84px;animation:.7s cubic-bezier(.2,.7,.2,1) both rise}.tile:nth-child(2){animation-delay:60ms}.tile:nth-child(3){animation-delay:.12s}.tile:nth-child(4){animation-delay:.18s}.tile:nth-child(5){animation-delay:.24s}.tile:nth-child(6){animation-delay:.3s}.tile:nth-child(7){animation-delay:.36s}@keyframes rise{0%{opacity:0;transform:translateY(18px)}}h2{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;margin-bottom:20px;font-size:2rem;font-weight:800;line-height:1}.hero-location,.hero-role,.skill-groups dt,.contact-list dt,.tags li,.card-meta,.card-link,.timeline-period,.timeline-place,.copy-button,.footer{font-family:var(--mono);font-stretch:85%}.nav{z-index:10;border-radius:999px;gap:4px;width:fit-content;max-width:100%;margin:14px auto 0;padding:6px;display:flex;position:sticky;top:14px}.nav a{color:var(--text);font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:6px 14px;font-size:1.0625rem;font-weight:700;line-height:1.2;text-decoration:none}.nav a:hover{background:var(--sunset);color:var(--on-sunset)}.hero{padding:40px}.hero-photo{object-fit:cover;background:var(--sunset);border-radius:50%;width:104px;height:104px;margin-bottom:20px;padding:3px;display:block}.hero-location{align-items:center;gap:10px;font-size:.75rem;display:flex}.hero-location:before{content:"";background:var(--sunset);border-radius:50%;width:8px;height:8px}h1{font-family:var(--display);letter-spacing:.005em;text-transform:uppercase;margin-top:10px;font-size:clamp(3.25rem,9vw,6rem);font-weight:900;line-height:.88}h1 span{background:var(--sunset-text);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-role{color:var(--accent);margin-top:18px;font-size:.8125rem;font-weight:500}.hero-lede{max-width:68ch;margin-top:14px;font-size:1.1875rem;line-height:1.55}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.button{border:1px solid var(--inner-border);background:var(--inner);color:var(--text);font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:10px 20px;font-size:1.125rem;font-weight:700;line-height:1.2;text-decoration:none;transition:transform .15s;display:inline-flex}.button:hover{border-color:var(--accent);transform:translateY(-2px)}.button-primary{background:var(--sunset);color:var(--on-sunset);border-color:#0000}.do-list{gap:12px;display:grid}.do-list li{padding-left:22px;position:relative}.do-list li:before{content:"";background:var(--sunset);border-radius:50%;width:9px;height:9px;position:absolute;top:.62em;left:0}.skill-groups{gap:18px;display:grid}.skill-groups dt,.contact-list dt{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-size:.6875rem}.tags{flex-wrap:wrap;gap:8px;display:flex}.tags li{border:1px solid var(--inner-border);background:var(--inner);border-radius:999px;padding:5px 12px;font-size:.75rem}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.card{border:1px solid var(--inner-border);background:var(--inner);color:inherit;border-radius:16px;flex-direction:column;padding:22px;text-decoration:none;display:flex}.card-head{align-items:center;gap:14px;display:flex}.card-icon{object-fit:cover;border-radius:14px;flex:none;width:56px;height:56px}.card-icon-empty{border:1px dashed var(--inner-border);color:var(--muted);place-items:center;display:grid}.card-meta{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.6875rem}.card-title{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;margin-top:4px;font-size:1.625rem;font-weight:800;line-height:1.05}.card-description{color:var(--muted);margin-top:14px;margin-bottom:18px;font-size:.9375rem;line-height:1.55}.card-link{color:var(--muted);margin-top:auto;font-size:.75rem}.card-linked{transition:transform .15s,border-color .15s}.card-linked .card-link{color:var(--accent);font-weight:500}.card-linked:hover{border-color:var(--accent);transform:translateY(-3px)}.card-planned{background:0 0;border-style:dashed}.card-planned .card-title{color:var(--muted)}.timeline{gap:26px;display:grid}.timeline li{padding-left:22px;position:relative}.timeline li:before{content:"";background:var(--sunset);border-radius:50%;width:9px;height:9px;position:absolute;top:6px;left:0}.timeline li:not(:last-child):after{content:"";background:var(--inner-border);width:1px;position:absolute;top:22px;bottom:-26px;left:4px}.timeline-period{color:var(--muted);font-size:.75rem}.timeline h3{margin-top:4px;font-size:1.125rem;font-weight:650;line-height:1.3}.timeline-place{color:var(--accent);margin-top:4px;font-size:.75rem;font-weight:500}.timeline-description{color:var(--muted);margin-top:8px;font-size:.9375rem;line-height:1.55}.contact-list{flex-wrap:wrap;gap:20px 64px;display:flex}.contact-list dd{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:6px 12px;min-width:0;font-size:1.0625rem;font-weight:500;display:flex}.copy-button{border:1px solid var(--inner-border);background:var(--inner);min-width:66px;color:var(--text);cursor:pointer;border-radius:999px;padding:4px 12px;font-size:.6875rem}.copy-button:hover{border-color:var(--accent);color:var(--accent)}.footer{padding:var(--gap) 0 32px;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.6875rem;display:flex}.footer span{border-radius:999px;padding:6px 14px}.quake{--q1:#2a78d6;--q2:#eb6834;--q3:#1baf7a;--q4:#eda100;--q5:#e87ba4;--q6:#008300;--map-land:#18263614;--map-coast:#1826364d;--map-ring:#f4f6f8;--tip:#fff}@media (prefers-color-scheme:dark){.quake{--q1:#3987e5;--q2:#d95926;--q3:#199e70;--q4:#c98500;--q5:#d55181;--q6:#008300;--map-land:#e2eefc12;--map-coast:#e2eefc4d;--map-ring:#151b23;--tip:#232c38}}.quake-intro,.quake-stats,.quake-wide{grid-column:span 12}.quake-intro{padding:40px}.page-title{font-size:clamp(2.5rem,7vw,4.5rem)}.quake-stats{gap:var(--gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.quake-stat{padding:22px 24px}.quake-stat-value{font-family:var(--display);letter-spacing:.01em;font-size:3rem;font-weight:800;line-height:1}.quake-stat-label{color:var(--muted);font-family:var(--mono);margin-top:8px;font-size:.6875rem;font-stretch:85%;line-height:1.5}.quake-explorer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:36px;display:grid}.quake-map{touch-action:pan-y;width:100%;position:relative}.quake-map svg,.quake-map canvas{width:100%;height:100%;position:absolute;inset:0}.quake-land{fill:var(--map-land);stroke:var(--map-coast);stroke-width:1px;vector-effect:non-scaling-stroke}.quake-city,.quake-badge,.quake-target,.quake-tip,.quake-status{pointer-events:none;position:absolute}.quake-city{background:var(--panel);color:var(--text);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:0 5px 0 0;font-size:.6875rem;font-weight:500;line-height:1.5;display:flex;transform:translate(-3px,-50%)}.quake-city:before{content:"";background:var(--text);border-radius:50%;width:6px;height:6px}.quake-city-left{flex-direction:row-reverse;padding:0 0 0 5px;transform:translate(calc(3px - 100%),-50%)}.quake-badge{border:2px solid var(--map-ring);color:#0e131a;width:24px;height:24px;font-family:var(--mono);border-radius:50%;place-items:center;font-size:.75rem;font-weight:700;line-height:1;transition:opacity .15s;display:grid;transform:translate(-50%,-50%)}.quake-status{color:var(--muted);text-align:center;place-items:center;padding:24px;font-size:.9375rem;display:grid;inset:0}.quake-target{border:2px solid var(--text);border-radius:50%;width:16px;height:16px;transform:translate(-50%,-50%)}.quake-tip{z-index:2;border:1px solid var(--inner-border);background:var(--tip);box-shadow:var(--shadow);color:var(--muted);white-space:nowrap;border-radius:10px;gap:2px;padding:10px 12px;font-size:.75rem;line-height:1.5;display:grid;transform:translate(14px,-50%)}.quake-tip-flip{transform:translate(calc(-100% - 14px),-50%)}.quake-tip strong{color:var(--text);font-size:.9375rem;font-weight:650}.quake-tip-region{align-items:center;gap:6px;display:flex}.quake-tip-region i{border-radius:2px;width:12px;height:3px}.quake-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.875rem}.quake-table thead th{color:var(--muted);font-family:var(--mono);letter-spacing:.04em;text-align:right;text-transform:uppercase;vertical-align:bottom;padding:0 0 8px 12px;font-size:.625rem;font-weight:400;font-stretch:85%}.quake-table thead th:first-child{text-align:left;padding-left:0}.quake-table tbody tr{border-top:1px solid var(--inner-border);transition:background-color .15s}.quake-table tbody th{text-align:left;padding:0;font-weight:500}.quake-table td{text-align:right;white-space:nowrap;padding:10px 0 10px 12px}.quake-table td small{min-width:3.2em;color:var(--muted);font-size:.75rem;display:inline-block}.quake-table button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:10px 0;line-height:1.3;display:flex}.quake-row-active{background:var(--inner)}.quake-swatch{color:#0e131a;width:22px;height:22px;font-family:var(--mono);border-radius:50%;flex:none;place-items:center;font-size:.6875rem;font-weight:700;display:grid}.quake-key,.quake-hint{color:var(--muted);margin-top:20px;font-size:.8125rem;line-height:1.55}.quake-key-dots{font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:4px 6px;margin-top:6px;font-size:.6875rem;font-stretch:85%;display:flex}.quake-key-dots i{background:var(--muted);border-radius:50%;margin-left:8px}.quake-key-dots i:first-child{margin-left:0}.quake-credits{justify-content:flex-start}.quake-credits span{border-radius:14px;line-height:1.5}.quake{--bar:#1826364d}@media (prefers-color-scheme:dark){.quake{--bar:#e2eefc57}}.quake .tile>p+.steps,.quake .tile>p+.shares{margin-top:16px}.answers{counter-reset:answer;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;display:grid}.answers li{counter-increment:answer}.answers li:before{content:counter(answer);background:var(--sunset);width:26px;height:26px;color:var(--on-sunset);font-family:var(--mono);border-radius:50%;place-items:center;margin-bottom:12px;font-size:.75rem;font-weight:700;display:grid}.answers h3{font-size:1.1875rem;font-weight:650;line-height:1.3}.answers p{color:var(--muted);margin-top:8px;font-size:.9375rem;line-height:1.55}.note{border:1px solid var(--inner-border);background:var(--inner);border-radius:14px;margin-top:20px;padding:14px 16px;font-size:.875rem;line-height:1.55}.note-label{color:var(--accent);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:.625rem;font-weight:500;font-stretch:85%}.tile-subheading{margin:24px 0 12px;font-size:1.0625rem;font-weight:650}.quake-about p{max-width:78ch;color:var(--muted);font-size:.9375rem}.steps{border-collapse:collapse;width:100%;font-size:.9375rem}.steps tr{border-top:1px solid var(--inner-border)}.steps th{text-align:left;padding:10px 16px 10px 0;font-weight:400}.steps th small{color:var(--muted);margin-top:2px;font-size:.8125rem;line-height:1.45;display:block}.steps td{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;vertical-align:top;white-space:nowrap;padding:10px 0;font-size:.875rem;font-stretch:85%}.steps-total{border-top-color:var(--text)}.steps-total th,.steps-total td{font-weight:650}.shares{gap:10px;font-size:.875rem;display:grid}.shares li{grid-template-columns:minmax(0,1fr) 96px 2.6em;align-items:center;gap:12px;line-height:1.3;display:grid}.shares-track{background:var(--inner-border);border-radius:4px;height:8px}.shares-track i{border-radius:4px;min-width:2px;height:100%;display:block}.shares-value{font-family:var(--mono);font-variant-numeric:tabular-nums;text-align:right;font-size:.8125rem;font-stretch:85%}.bars{margin-top:16px}.bars-plot{align-items:flex-end;gap:2px;height:170px;margin:26px 0 0 40px;display:flex;position:relative}.bars-line{border-top:1px solid var(--inner-border);pointer-events:none;position:absolute;left:0;right:0}.bars-line span{color:var(--muted);font-family:var(--mono);white-space:nowrap;margin-right:8px;font-size:.625rem;font-stretch:85%;line-height:1;position:absolute;right:100%;transform:translateY(-50%)}.bars-column{z-index:1;flex:1;align-items:flex-end;min-width:0;height:100%;display:flex;position:relative}.bars-bar{background:var(--bar);border-radius:4px 4px 0 0;width:100%;min-height:1px}.bars-bar-marked{background:var(--accent)}.bars-bar-over{background:var(--text)}.bars-value,.bars-tip{z-index:2;pointer-events:none;white-space:nowrap;position:absolute}.bars-value{color:var(--text);font-family:var(--mono);font-size:.6875rem;font-weight:500;font-stretch:85%;transform:translate(-50%,-6px)}.bars-tip{border:1px solid var(--inner-border);background:var(--tip);box-shadow:var(--shadow);color:var(--muted);border-radius:10px;gap:1px;padding:8px 10px;font-size:.75rem;line-height:1.45;display:grid;transform:translate(-50%,-10px)}.bars-tip-start{transform:translate(-12px,-10px)}.bars-tip-end{transform:translate(calc(12px - 100%),-10px)}.bars-tip strong{color:var(--text);font-size:.875rem;font-weight:650}.bars-ticks{gap:2px;height:1.1em;margin:8px 0 0 40px;display:flex}.bars-ticks span{flex:1;min-width:0;position:relative}.bars-ticks i{color:var(--muted);font-family:var(--mono);white-space:nowrap;font-size:.625rem;font-style:normal;font-stretch:85%;line-height:1;position:absolute;left:50%;transform:translate(-50%)}.bars-ticks-start i{left:0}.bars-axis-label{color:var(--muted);font-family:var(--mono);letter-spacing:.04em;text-align:center;text-transform:uppercase;margin:8px 0 0 40px;font-size:.625rem;font-stretch:85%}@media (max-width:900px){.about,.skills,.experience,.education{grid-column:span 12}.cards{grid-template-columns:1fr}.quake-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.answers{grid-template-columns:1fr;gap:22px}.quake-explorer{grid-template-columns:1fr;gap:28px}.quake-map{max-width:520px;margin:0 auto}}@media (max-width:600px){:root{--radius:20px;--gap:12px}.backdrop{background-position:24%}.page{padding:0 12px}.nav{gap:0;margin-top:10px;padding:4px;top:10px}.nav a{letter-spacing:.04em;padding:6px 8px;font-size:.875rem}.tile,.hero{padding:22px}.hero-photo{width:88px;height:88px;margin-bottom:16px}.hero-lede{font-size:1.0625rem}h2{font-size:1.75rem}.card{padding:18px}.quake-intro{padding:22px}.quake-stat{padding:16px 18px}.quake-stat-value{font-size:2.25rem}.quake-city{font-size:.625rem}.quake-city-minor{display:none}.quake-badge{width:20px;height:20px;font-size:.6875rem}.bars-plot{height:150px}.shares li{grid-template-columns:minmax(0,1fr) 72px 2.6em}.quake-table th:last-child,.quake-table td:last-child{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tile{animation:none}.button,.card-linked,.quake-badge,.quake-table tbody tr{transition:none}}
