@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(../media/0c6ef016969b4936-s.27o4gizbvqutg.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:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(../media/4c90664bd09caf83-s.2htx65doj24w-.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:Bricolage Grotesque;font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(../media/5281a692bce7b3e5-s.p.3a61lpijapf4p.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:Bricolage Grotesque Fallback;src:local(Arial);ascent-override:88.21%;descent-override:25.61%;line-gap-override:0.0%;size-adjust:105.43%}.tRo49a_className{font-family:Bricolage Grotesque,Bricolage Grotesque Fallback;font-style:normal}.tRo49a_variable{--font-display:"Bricolage Grotesque", "Bricolage Grotesque Fallback"}
@font-face{font-family:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(../media/4032351b19cb998e-s.2u3lqdovtp4z3.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:Figtree;font-style:normal;font-weight:300 900;font-display:swap;src:url(../media/cb4b92673aedbbad-s.p.0jgzmitmnoe6_.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:Figtree Fallback;src:local(Arial);ascent-override:94.32%;descent-override:24.82%;line-gap-override:0.0%;size-adjust:100.72%}.dOH3jW_className{font-family:Figtree,Figtree Fallback;font-style:normal}.dOH3jW_variable{--font-text:"Figtree", "Figtree Fallback"}
@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/0bd866694792eeb1-s.2uxt0u9yugpfw.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:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/fdb22df95c69d750-s.2zeei6axiu3qn.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/22bc6ebae07d77f5-s.27211fhlic14m.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:Caveat;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/3679aa72a9b9035f-s.00hx3ibfyf9qx.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:Caveat Fallback;src:local(Arial);ascent-override:124.77%;descent-override:38.99%;line-gap-override:0.0%;size-adjust:76.94%}.h5gu7a_className{font-family:Caveat,Caveat Fallback;font-style:normal}.h5gu7a_variable{--font-hand:"Caveat", "Caveat Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#fff;--ink:#202020;--secondary:#626262;--muted:#727272;--line:#e9e9e9;--surface:#f8f8f8;--soft:#f1f1f1;--annotation:#4668ce;--action-green:#4b8050;--column:600px;--gutter:24px;--section-gap:68px;--action-height:44px;--ease:cubic-bezier(.2, .7, .2, 1)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#080808;--ink:#f5f5f5;--secondary:#bfbfbf;--muted:#949494;--line:#262626;--surface:#121212;--soft:#1b1b1b;--annotation:#9bb1ff;--action-green:#ace1af}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#080808;--ink:#f5f5f5;--secondary:#bfbfbf;--muted:#949494;--line:#262626;--surface:#121212;--soft:#1b1b1b;--annotation:#9bb1ff;--action-green:#ace1af}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-text), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;line-height:1.5}p,h1,h2,h3,figure{margin:0}h1,h2,h3{font-family:var(--font-display), sans-serif;text-wrap:balance}a{color:inherit}button{font:inherit;color:inherit}::selection{background:color-mix(in srgb, var(--annotation) 24%, transparent)}:focus-visible{outline:2px solid var(--annotation);outline-offset:3px}.icon{flex:none;width:14px;height:14px}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.folio{width:min(var(--column), 100% - 2 * var(--gutter));margin-inline:auto;padding:48px 0 40px;position:relative}.masthead{min-height:40px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;font-size:12px;display:flex}.place{align-items:center;gap:10px;display:flex}.quiet{color:color-mix(in srgb, var(--muted) 50%, var(--paper))}.clock{font-variant-numeric:tabular-nums;min-width:4.5ch}.page-controls{align-items:center;display:flex}.theme-control{width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;margin-right:-11px;padding:0;transition:background-color .16s;display:grid;position:relative}.theme-control:hover{background:var(--soft)}.theme-icon{width:18px;height:18px;transition:opacity .3s var(--ease), transform .45s var(--ease), filter .3s ease;grid-area:1/1}.icon-moon,:root[data-theme=dark] .icon-sun{opacity:0;filter:blur(4px);transform:scale(.25)rotate(40deg)}:root[data-theme=dark] .icon-moon{opacity:1;filter:none;transform:none}.tooltip-light,:root[data-theme=dark] .tooltip-dark{display:none}:root[data-theme=dark] .tooltip-light{display:inline}.control-tooltip{z-index:5;background:var(--ink);color:var(--paper);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:450;line-height:1.2;transition:opacity .15s,visibility 0s linear .15s;position:absolute;bottom:calc(100% + 8px);left:50%;translate:-50%}.theme-control .control-tooltip{inset:calc(100% + 6px) 0 auto auto;translate:none}@media (hover:hover){.theme-control:hover .control-tooltip,.selection-control:hover .control-tooltip{opacity:1;visibility:visible;transition-delay:0s,0s}}.theme-control:focus-visible .control-tooltip,.selection-control:focus-visible .control-tooltip,.email-link[data-copied=true] .control-tooltip{opacity:1;visibility:visible;transition-delay:0s,0s}.portrait-line{align-items:center;gap:32px;margin:30px 0 22px;display:flex;position:relative}.portrait{width:120px;height:120px;transform:perspective(600px) rotateX(var(--gaze-pitch,0deg)) rotateY(var(--gaze-yaw,0deg));transition:transform .18s var(--ease);border-radius:50%;flex:none;position:relative}.portrait-face{background:radial-gradient(circle at 50% 32%, var(--paper) 0%, var(--soft) 72%);box-shadow:inset 0 0 0 1px var(--line);border-radius:50%;place-items:center;display:grid;position:absolute;inset:0}.portrait-initials{font-family:var(--font-display), sans-serif;letter-spacing:-.06em;translate:var(--gaze-x,0) var(--gaze-y,0);transition:translate .18s var(--ease);font-size:40px;font-weight:620;line-height:1}.portrait-atmosphere{flex:1 1 0;align-content:end;justify-items:end;gap:8px;min-width:0;min-height:120px;display:grid;position:relative}.slogan{z-index:1;color:var(--muted);letter-spacing:-.01em;text-align:right;font-size:11px;line-height:1.6;position:relative}.hero-actions{z-index:1;gap:8px;display:flex;position:relative}.starfield{pointer-events:none;position:absolute;inset:-36px 0 96px}.star{background:var(--ink);opacity:.4;border-radius:50%;width:2px;height:2px;animation:4s ease-in-out infinite twinkle;position:absolute}.star-a{top:22%;left:34%}.star-b{animation-delay:-1.2s;top:58%;left:55%}.star-c{animation-delay:-2.1s;top:8%;left:76%}.star-d{width:1.5px;height:1.5px;animation-delay:-.6s;top:70%;left:90%}.star-e{width:1.5px;height:1.5px;animation-delay:-3s;top:40%;left:12%}.shooting-star{background:linear-gradient(90deg, var(--ink), transparent);opacity:0;width:56px;height:1px;animation:9s linear infinite shoot;position:absolute;top:8%;right:4%;rotate:-32deg}.shooting-two{width:40px;animation-delay:4.6s;top:0;right:24%}.selection-control{--action-color:color-mix(in srgb, var(--secondary) 58%, var(--paper));min-height:var(--action-height);border:1px solid var(--action-color);max-width:100%;color:var(--ink);white-space:nowrap;cursor:pointer;background:0 0;border-radius:0;justify-content:center;align-items:center;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:450;line-height:1.3;text-decoration:none;transition:background-color .16s;display:inline-flex;position:relative}.selection-control.tone-green{--action-color:var(--action-green)}.selection-control:hover{background:color-mix(in srgb, var(--action-color) 9%, transparent)}.selection-control:focus-visible{outline-offset:6px}.selection-control:has(.action-label+.icon){padding-right:10px}.action-content{align-items:center;gap:4px;display:inline-flex}.action-label+.icon{transition:translate .18s var(--ease)}.selection-control:hover .action-label+.icon{translate:1px -1px}.selection-handles{pointer-events:none;position:absolute;inset:-1px}.selection-handles i{border:1px solid var(--action-color);background:var(--paper);width:7px;height:7px;position:absolute}.selection-handles i:first-child{top:-3px;left:-3px}.selection-handles i:nth-child(2){top:-3px;right:-3px}.selection-handles i:nth-child(3){bottom:-3px;left:-3px}.selection-handles i:nth-child(4){bottom:-3px;right:-3px}.notes-switch{width:var(--action-height);padding:0}.switch-track{border:1px solid var(--action-color);border-radius:999px;width:26px;height:16px;transition:background-color .2s,border-color .2s;display:block;position:relative}.switch-knob{background:var(--secondary);width:10px;height:10px;transition:translate .22s var(--ease), background-color .2s ease;border-radius:50%;position:absolute;top:2px;left:2px}.notes-switch[aria-pressed=true]{--action-color:var(--annotation)}.notes-switch[aria-pressed=true] .switch-track{background:var(--annotation)}.notes-switch[aria-pressed=true] .switch-knob{background:var(--paper);translate:10px}.name-block{position:relative}h1{letter-spacing:-.045em;font-size:42px;font-weight:620;line-height:1.15}.role{color:var(--secondary);letter-spacing:-.03em;text-wrap:balance;margin-top:6px;font-size:26px;font-weight:450;line-height:1.3}.intro-copy{margin-top:28px}.intro-copy p,.about-section>p,.contact-section>p{color:var(--secondary);letter-spacing:-.01em;text-wrap:pretty;font-size:16px;line-height:1.55}.intro-copy p+p,.about-section>p+p{margin-top:12px}.inline-mention{color:var(--ink);white-space:nowrap;text-decoration:none}.mention-mark{vertical-align:-2px;background:var(--ink);width:17px;height:17px;color:var(--paper);font:600 11px/1 var(--font-display), sans-serif;border-radius:5px;place-items:center;margin:0 5px 0 2px;display:inline-grid}.mention-name{text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--ink) 25%, transparent);text-decoration-color:color-mix(in srgb, var(--ink) 25%, transparent);text-underline-offset:4px;text-decoration-thickness:1px;transition:text-decoration-color .16s}a.inline-mention:hover .mention-name{text-decoration-color:currentColor}.section{margin-top:var(--section-gap);position:relative}.section-heading{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:20px;display:flex}h2{letter-spacing:-.03em;font-size:20px;font-weight:560;line-height:1.3}.section-aside{color:var(--muted);flex:none;font-size:12.5px;line-height:1.5}.section-intro{color:var(--secondary);margin-top:6px;font-size:14px;line-height:1.5}.work-list{gap:20px;display:grid}.work-item{color:inherit;align-items:center;gap:20px;text-decoration:none;display:flex}.work-item:focus-visible{outline-offset:6px}.work-preview{background:var(--surface);flex:0 0 80px;place-items:center;height:80px;display:grid;position:relative;overflow:hidden}.work-copy{flex:1;min-width:0}.work-title{font-family:var(--font-display), sans-serif;letter-spacing:-.02em;font-size:16px;font-weight:550;line-height:1.35;display:block}.work-description{color:var(--secondary);text-wrap:pretty;margin-top:4px;font-size:14px;line-height:1.5;display:block}.work-kind{color:var(--muted);margin-top:6px;font-size:12.5px;line-height:1.5;display:block}.work-arrow{width:var(--action-height);flex:none;padding:0}.work-item:hover .work-arrow{background:color-mix(in srgb, var(--action-color) 9%, transparent)}.work-arrow .icon{transition:translate .18s var(--ease)}.work-item:hover .work-arrow .icon{translate:1px -1px}.swipe-demo{width:36px;height:46px;position:relative}.swipe-card{border:1px solid color-mix(in srgb, var(--ink) 16%, transparent);background:var(--paper);border-radius:6px;position:absolute;inset:0}.swipe-card-back{background:var(--soft);translate:-4px 2px;rotate:-9deg}.swipe-card-front{align-content:end;gap:3px;padding:6px;display:grid;rotate:4deg;box-shadow:0 1px 2px #0000000f}.swipe-avatar{background:var(--ink);opacity:.85;border-radius:50%;width:13px;height:13px;position:absolute;top:7px;left:50%;translate:-50%}.swipe-line{background:color-mix(in srgb, var(--ink) 28%, transparent);border-radius:2px;height:3px;display:block}.swipe-line-short{width:60%}.compound-demo{align-items:flex-end;gap:3px;height:48px;display:flex}.compound-demo i{background:var(--ink);transform-origin:bottom;border-radius:1.5px 1.5px 0 0;width:5px}.compound-demo i:first-child{opacity:.3}.compound-demo i:nth-child(2){opacity:.4}.compound-demo i:nth-child(3){opacity:.5}.compound-demo i:nth-child(4){opacity:.62}.compound-demo i:nth-child(5){opacity:.74}.compound-demo i:nth-child(6){opacity:.87}.pastime-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.pastime{min-width:0}.cover{--cover-paper:#fff;--cover-ink:#111;aspect-ratio:4/5;background:var(--cover-paper);color:var(--cover-ink);transition:translate .35s var(--ease), rotate .35s var(--ease), box-shadow .35s var(--ease);flex-direction:column;padding:7% 7% 5%;display:flex;position:relative;box-shadow:0 0 0 1px #00000012,0 1px 2px #0000000d,0 10px 20px -12px #0000004d;container-type:inline-size}:root[data-theme=dark] .cover{filter:brightness(.9);box-shadow:0 0 0 1px #ffffff0f,0 12px 24px -12px #000000e6}.cover-running{--cover-paper:#eef25c}.cover-piano{--cover-paper:#dcf4fa}@media (hover:hover){.pastime:hover .cover{translate:0 -4px;rotate:-1deg;box-shadow:0 0 0 1px #00000012,0 2px 4px #0000000d,0 18px 30px -14px #00000059}}.cover-kicker,.cover-footer{letter-spacing:.08em;text-transform:uppercase;font-size:3.4cqi;font-weight:650;line-height:1}.cover-title{font-family:var(--font-display), sans-serif;font-variation-settings:"wdth" 75;letter-spacing:-.015em;text-transform:uppercase;flex-direction:column;margin-top:4cqi;font-size:15.5cqi;font-weight:800;line-height:.88;display:flex}.cover-art{flex:1;align-items:center;min-height:0;margin-top:5cqi;display:grid}.cover-art svg{width:100%;height:100%;display:block}.cover-footer{justify-content:space-between;margin-top:4cqi;display:flex}.pastime figcaption{margin-top:12px;display:block}.pastime-title{color:var(--ink);letter-spacing:-.01em;text-wrap:pretty;font-size:14px;font-weight:500;line-height:1.4;display:block}.pastime-meta{color:var(--muted);margin-top:6px;font-size:12.5px;line-height:1.4;display:block}.about-section>.text-link{margin-top:18px}.contact-section>p{margin-top:10px}.contact-actions{margin-top:20px;display:flex}.socials{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.colophon{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:6px 16px;margin-top:28px;font-size:12.5px;line-height:1.5;display:flex}.colophon a{text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);text-underline-offset:4px;transition:color .16s,text-decoration-color .16s}.colophon a:hover{color:var(--ink);text-decoration-color:currentColor}.margin-note{width:170px;color:var(--annotation);font:400 20px/1.3 var(--font-hand), cursive;text-wrap:pretty;pointer-events:none;opacity:0;visibility:hidden;filter:blur(2px);transition:opacity .22s,translate .32s cubic-bezier(.22,1,.36,1),filter .28s,visibility 0s linear .32s;position:absolute;top:0;translate:0 6px}.margin-note b{font:inherit;margin-bottom:4px;font-size:22px;line-height:1.2;display:block}.note-left{text-align:right;right:calc(100% + 72px)}.note-right{left:calc(100% + 72px)}.margin-note:before{content:"";opacity:.75;background:currentColor;width:56px;height:42px;position:absolute;top:18px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 48'%3E%3Cpath d='M4 40C11 15 33 7 58 15M50 8L58 15L49 21' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 48'%3E%3Cpath d='M4 40C11 15 33 7 58 15M50 8L58 15L49 21' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.note-left:before{right:-64px}.note-right:before{left:-64px;scale:-1 1}.notes-open .margin-note{opacity:1;visibility:visible;filter:none;transition-delay:0s;translate:0}.column-measure{border-inline:1px solid var(--annotation);height:9px;color:var(--annotation);pointer-events:none;opacity:0;visibility:hidden;justify-content:center;align-items:center;font-size:10px;font-weight:500;line-height:1;transition:opacity .22s,visibility 0s linear .22s;display:flex;position:absolute;top:14px;left:0;right:0}.column-measure:before{content:"";border-top:1px solid var(--annotation);opacity:.6;position:absolute;inset:50% 0 auto}.column-measure span{background:var(--paper);padding:0 6px;position:relative}.notes-open .column-measure{opacity:1;visibility:visible;transition-delay:0s}@media (max-width:1199px){.column-measure{display:none}.margin-note{border-left:1px solid color-mix(in srgb, var(--annotation) 40%, transparent);text-align:left;width:auto;padding-left:12px;display:none;position:relative;inset:auto}.margin-note:before{display:none}.notes-open .margin-note{display:block}.portrait-line{flex-wrap:wrap}.portrait-line>.margin-note{flex-basis:100%}.name-block>.margin-note{margin-top:16px}.section>.margin-note{margin:-4px 0 20px}.contact-section>.margin-note{margin:0 0 16px}@starting-style{.notes-open .margin-note{opacity:0;filter:blur(2px);translate:0 6px}}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.enter{animation:rise-in .8s var(--ease) both;animation-delay:calc(var(--enter-index,0) * 80ms + 60ms)}@supports (animation-timeline:view()){[data-reveal]{animation:linear both rise-in;animation-timeline:view();animation-range:entry entry 220px}}.work-item:is(:hover,:focus-visible) .swipe-card-front{animation:swipe 1.6s var(--ease) infinite}.work-item:is(:hover,:focus-visible) .compound-demo i{animation:grow .9s var(--ease) both}}@media (prefers-reduced-motion:reduce){.portrait,.portrait-initials{transform:translate(0,0)}.star,.shooting-star{animation:none}}@keyframes rise-in{0%{opacity:0;filter:blur(6px);translate:0 10px}to{opacity:1;filter:none;translate:0}}@keyframes twinkle{0%,to{opacity:.45}50%{opacity:.12}}@keyframes shoot{0%,86%{opacity:0;translate:0}88%{opacity:.55}to{opacity:0;translate:-90px 56px}}@keyframes swipe{0%{opacity:1;translate:0;rotate:4deg}45%{opacity:0;translate:34px -4px;rotate:20deg}46%{opacity:0;translate:0 6px;rotate:0deg}70%,to{opacity:1;translate:0;rotate:4deg}}@keyframes grow{0%{scale:1 0}to{scale:1}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}@media (max-width:680px){:root{--section-gap:54px}.folio{padding-top:24px}.portrait-line{gap:16px;margin-top:24px}.portrait{width:104px;height:104px}.portrait-initials{font-size:34px}.portrait-atmosphere{min-height:104px}.star-b,.star-e,.shooting-two{display:none}h1{font-size:34px}.role{font-size:21px}.intro-copy{margin-top:24px}.intro-copy p,.about-section>p,.contact-section>p{font-size:15px}.work-item{gap:16px}.work-preview{flex-basis:68px;height:68px}.pastime-shelf{margin-inline:calc(-1 * var(--gutter));padding:4px var(--gutter) 12px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;grid-template-columns:none;grid-auto-columns:58%;grid-auto-flow:column;gap:16px;overflow-x:auto}.pastime-shelf::-webkit-scrollbar{display:none}.pastime{scroll-snap-align:start}.colophon{flex-direction:column}}@media (max-width:380px){:root{--gutter:20px}.role{font-size:20px}.portrait-line{gap:12px}.portrait{width:80px;height:80px}.portrait-initials{font-size:27px}.portrait-atmosphere{min-height:80px}}