:root{--color-logo-disc:#333;--color-logo-1:#fff;--color-logo-2:#bfbfbf;--color-logo-3:gray;--color-logo-4:#606060;--color-logo-5:#464646;--weight-body:400;--weight-strong:700;--weight-black:900;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:5rem;--space-9:8rem;--rule-thin:1px;--rule-mid:2px;--rule-thick:4px;--focus-ring:2px;--form-field-bg:var(--color-bg);--form-field-ink:var(--color-ink);--form-field-border:var(--color-ink);--toast-bg:var(--color-ink);--toast-ink:var(--color-bg);--content-max:90rem;--gutter:clamp(1rem, 3vw, 2.5rem);--measure:62ch;--logo-size:2.5rem;--anchor-offset:0px;--portrait-width:1.1em;--portrait-height:.72em;--portrait-gap:.06em;--switcher-offset:var(--space-4);--timeline-page:scroll(root);--scroll-fallback-duration:1s;--theme-morph:.32s;--theme-crossfade:.16s;--toast-speed:.24s;--ease-out:cubic-bezier(.22, 1, .36, 1)}:root[data-theme=print]{--color-bg:#eceae4;--color-ink:#121212;--color-ink-muted:#4a4945;--color-accent:#e8341c;--color-invert-bg:var(--color-ink);--color-invert-ink:var(--color-bg);--font-display:var(--font-archivo), sans-serif;--font-body:var(--font-archivo), sans-serif;--font-meta:var(--font-jetbrains), monospace;--text-mega:clamp(5rem, 28vw, 18rem);--text-display:clamp(3rem, 11vw, 9rem);--text-hello:clamp(3.5rem, 16vw, 15rem);--text-lead:clamp(1.25rem, 2.4vw, 1.875rem);--text-role:clamp(1.125rem, 2vw, 1.5rem);--text-body:1.0625rem;--text-small:.75rem;--tracking-display:-.045em;--tracking-body:-.015em;--tracking-meta:.06em;--leading-mega:.86;--leading-display:.9;--leading-lead:1.3;--leading-body:1.55;--leading-meta:1.4}:root[data-theme=highlighter]{--color-highlight:#ef0;--color-carbon:#111;--color-bg:var(--color-carbon);--color-ink:var(--color-highlight);--color-ink-muted:#a8b300;--color-accent:var(--color-ink);--color-invert-bg:var(--color-highlight);--color-invert-ink:var(--color-carbon);--form-field-bg:var(--color-highlight);--form-field-ink:var(--color-carbon);--form-field-border:var(--color-carbon);--toast-bg:var(--color-carbon);--toast-ink:var(--color-highlight);--toast-bottom:calc(var(--switcher-offset) * 4);--font-display:var(--font-instrument), serif;--font-body:var(--font-albert), sans-serif;--font-meta:var(--font-albert), sans-serif;--text-display:clamp(2.75rem, 7vw, 6rem);--text-hero-heading:clamp(3.5rem, 9vw, 8.5rem);--text-hello:clamp(4.5rem, 18vw, 20rem);--text-quote:clamp(1.75rem, 3.6vw, 3rem);--text-lead:clamp(1.125rem, 1.6vw, 1.375rem);--text-role:clamp(2.25rem, 6vw, 5.5rem);--text-body:1.0625rem;--text-small:.8125rem;--tracking-display:-.02em;--tracking-body:0;--tracking-meta:0;--leading-mega:.8;--leading-display:.95;--leading-lead:1.4;--leading-body:1.6;--leading-meta:1.45;--leading-quote:1.05;--leading-tight:1;--anchor-offset:calc(var(--logo-size) + 2 * var(--space-4) + var(--space-2));--hero-cutout-inset:var(--space-2);--hero-cutout-ratio:1.5965;--hero-drop:12.5%;--hero-zoom-origin:51.46% 71.67%;--hero-zoom-max:80;--hero-content-offset:clamp(12rem, 35svh, 22rem);--hero-zoom-distance:calc(100svh + var(--hero-content-offset));--header-settle-from:.85;--ease-zoom:cubic-bezier(.7, 0, .84, 0)}:root[data-theme=geocities]{--color-space:#000;--color-star:#fff;--color-star-dim:#6e6e8a;--color-glint:#fff4b8;--color-cloud-tint:#a9c8f2;--color-cloud-bg:#dfeafa;--color-cloud:#fff;--color-silver:silver;--color-bevel-hi:#fff;--color-bevel-lo:gray;--color-bevel-dark:#000;--color-navy:navy;--color-red:red;--color-orange:#f90;--color-yellow:#ff0;--color-lime:#0f0;--color-cyan:#0ff;--color-blue:#36f;--color-magenta:#f0f;--color-hazard:#fc0;--color-lcd:var(--color-lime);--color-lcd-ghost:#0c3310;--color-lcd-bg:#000;--color-counter-hi:#a9c4ff;--color-counter-lo:#2a4a9a;--color-wa-body:#2b2b3e;--color-wa-body-dark:#1b1b28;--color-wa-edge-hi:#6c6c90;--color-wa-edge-lo:#101018;--color-wa-ridge:#d8c47a;--color-wa-ridge-dark:#5e5228;--color-wa-title-text:#e8e8f0;--color-wa-lcd:#00e000;--color-wa-lcd-dim:#0f3a0f;--color-wa-lcd-bg:#000;--color-wa-lcd-edge:#1d5c1d;--color-wa-label:#d0d0dc;--color-wa-off:#55556a;--color-wa-clutter:#45455a;--color-wa-button-hi:#dedee6;--color-wa-button-lo:#82829a;--color-wa-button-edge:#16161f;--color-wa-glyph:#24242f;--color-wa-led-off:#1c3a1c;--color-wa-track:#13131c;--color-wa-volume-lo:#145c14;--color-wa-volume-hi:#38ec38;--color-wa-seek-hi:#ebe0a4;--color-wa-seek-lo:#8a7a3e;--color-wa-scope:#e2e2ea;--color-wa-scope-dots:#2f50d8;--color-wa-shadow:#0000008c;--color-wa-pl-bg:#000;--color-wa-pl-text:#0f0;--color-wa-pl-current:#fff;--color-wa-pl-selected:#0000c6;--color-bg:var(--color-space);--color-ink:#fff;--color-ink-muted:var(--color-silver);--color-accent:var(--color-yellow);--color-link:#3cf;--color-link-visited:#f8f;--color-panel:var(--color-space);--color-frame-ink:var(--color-navy);--form-field-bg:var(--color-cloud);--form-field-ink:var(--color-bevel-dark);--form-field-border:var(--color-bevel-lo);--rainbow:linear-gradient(90deg, var(--color-red), var(--color-orange), var(--color-yellow), var(--color-lime), var(--color-cyan), var(--color-blue), var(--color-magenta));--font-display:"Comic Sans MS", "Comic Sans", var(--font-comic), cursive;--font-body:"Times New Roman", Times, serif;--font-meta:Arial, Helvetica, sans-serif;--font-heavy:"Arial Black", Arial, Helvetica, sans-serif;--font-pixel:var(--font-silkscreen), monospace;--text-hero-heading:clamp(3rem, 8vw, 6.5rem);--text-display:clamp(2.25rem, 4.5vw, 3.25rem);--text-hello:clamp(3.25rem, 9vw, 6.5rem);--text-lead:1.3125rem;--text-role:1.125rem;--text-body:1.125rem;--text-small:.8125rem;--tracking-display:0;--tracking-body:0;--tracking-meta:0;--tracking-caps:.12em;--leading-display:1.05;--leading-lead:1.45;--leading-body:1.5;--leading-meta:1.35;--frame-width:19rem;--frame-border:6px;--frame-logo-size:4.5rem;--column-max:52rem;--bevel:2px;--rainbow-rule:6px;--construction-sign:3rem;--wordart-descender:.25em;--mascot-height:6.25rem;--mascot-lift:2.5rem;--anchor-offset:var(--space-4);--winamp-zoom:1.5;--winamp-zoom-phone:1.25;--winamp-margin:var(--space-4);--winamp-icon-size:3.5rem;--lcd-height:20px;--counter-height:28px;--badge-width:88px;--badge-height:31px;--badge-text-small:7px;--badge-text-big:9px;--badge-text-huge:20px;--counter-border:3px;--cloud-tile-size:375px;--nav-button-min:4.5rem;--spin-perspective:20rem;--wobble-angle:8deg;--star-tile-a:173px;--star-tile-b:251px;--star-tile-c:89px;--twinkle-a:1.4s;--twinkle-b:2.2s;--marquee-speed:16s;--winamp-marquee-speed:10s;--spin-speed:3s;--blink-speed:1.2s;--wobble-speed:.8s}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--color-bg)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}:target,section[id]{scroll-margin-top:var(--anchor-offset)}body{font-family:var(--font-body);font-size:var(--text-body);font-weight:var(--weight-body);line-height:var(--leading-body);letter-spacing:var(--tracking-body);color:var(--color-ink);background:var(--color-bg);margin:0}h1,h2,h3,p,ol,ul,dl,dd{margin:0}ol,ul{padding:0;list-style:none}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration-thickness:var(--rule-thin);text-underline-offset:.18em}a:hover{text-decoration-color:var(--color-accent);text-decoration-thickness:var(--focus-ring)}:focus-visible{outline:var(--focus-ring) solid var(--color-accent);outline-offset:var(--focus-ring)}::selection{background:var(--color-ink);color:var(--color-bg)}sup{font-size:var(--text-small);line-height:0}sup a{padding:0 var(--rule-thin);font-weight:var(--weight-strong);text-decoration:none}.skip{left:var(--gutter);top:calc(-1 * var(--space-9));z-index:10;padding:var(--space-2) var(--space-3);background:var(--color-ink);color:var(--color-bg);font-family:var(--font-meta);font-size:var(--text-small);position:absolute}.skip:focus{top:var(--space-2)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.extras,.construction,.contact__label--guestbook,.guestbook,.contact-form__note{display:none}.contact-form__note:target{display:block}.contact-form{gap:var(--space-4);max-width:var(--measure);display:grid}.contact-form__field{gap:var(--space-1);display:grid}.contact-form__field label{font-family:var(--font-meta);font-size:var(--text-small);line-height:var(--leading-meta);letter-spacing:var(--tracking-meta)}.contact-form input,.contact-form textarea{width:100%;padding:var(--space-2) var(--space-3);border:var(--rule-thin) solid var(--form-field-border);background:var(--form-field-bg);color:var(--form-field-ink);font:inherit;border-radius:0}.contact-form textarea{resize:vertical}.contact-form__submit{padding:var(--space-2) var(--space-5);border:var(--rule-thin) solid var(--form-field-border);background:var(--form-field-ink);color:var(--form-field-bg);font:inherit;font-weight:var(--weight-strong);cursor:pointer;border-radius:0;justify-self:start}.contact-form__submit:disabled{cursor:progress}.contact-form__trap{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header{justify-content:space-between;align-items:center;gap:var(--space-4);max-width:var(--content-max);padding:var(--space-4) var(--gutter);flex-wrap:wrap;margin:0 auto;display:flex}.site-header__id{align-items:center;gap:var(--space-3);text-decoration:none;display:inline-flex}.site-header__logo{width:var(--logo-size);height:var(--logo-size);flex:none}.logo-disc{fill:var(--color-logo-disc)}.logo-1{fill:var(--color-logo-1)}.logo-2{fill:var(--color-logo-2)}.logo-3{fill:var(--color-logo-3)}.logo-4{fill:var(--color-logo-4)}.logo-5{fill:var(--color-logo-5)}.site-header__nav ul{gap:var(--space-2) var(--space-5);flex-wrap:wrap;display:flex}.site-header__nav a{padding:var(--space-2) 0;text-decoration:none;display:inline-block}.site-header__nav a:hover{text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:var(--focus-ring)}.site-footer{justify-content:space-between;gap:var(--space-2);max-width:var(--content-max);padding:var(--space-4) var(--gutter) var(--space-8);border-top:var(--rule-thin) solid var(--color-ink);font-family:var(--font-meta);font-size:var(--text-small);line-height:var(--leading-meta);letter-spacing:var(--tracking-meta);flex-wrap:wrap;margin:0 auto;display:flex}.theme-switcher{left:var(--switcher-offset);bottom:var(--switcher-offset);z-index:20;border:var(--rule-mid) solid var(--color-ink);background:var(--color-bg);display:flex;position:fixed}.theme-switcher button{padding:var(--space-2) var(--space-3);color:var(--color-ink);font:inherit;font-family:var(--font-meta);font-size:var(--text-small);cursor:pointer;background:0 0;border:0}.theme-switcher button+button{border-left:var(--rule-mid) solid var(--color-ink)}.theme-switcher button[aria-pressed=true]{background:var(--color-ink);color:var(--color-bg)}.is-theming{& .site-header__id{view-transition-name:header-id}& .site-header__nav{view-transition-name:header-nav}& .hero__title{view-transition-name:hero-title}& .hero__copy{view-transition-name:hero-copy}& .hero__notes{view-transition-name:hero-notes}& .work__title{view-transition-name:work-title}& .work__item,& .about__item{view-transition-name:var(--vt-name)}& .about__head{view-transition-name:about-head}& .contact{view-transition-name:contact}& .site-footer{view-transition-name:footer}}::view-transition-old(root),::view-transition-new(root){animation:none}::view-transition-group(*){animation-duration:var(--theme-morph);animation-timing-function:var(--ease-out)}::view-transition-old(*),::view-transition-new(*){object-fit:cover;object-position:left top;height:100%;animation-duration:var(--theme-crossfade)}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none}}:root[data-theme=print]{& .hero__notes,& .work__years,& .about__stage{font-family:var(--font-meta);font-size:var(--text-small);line-height:var(--leading-meta);letter-spacing:var(--tracking-meta);text-transform:uppercase}& .site-header__name,& .site-header__nav,& .contact__links{font-weight:var(--weight-strong);text-transform:uppercase}& .hero,& .work,& .about,& .contact{max-width:var(--content-max);padding-inline:var(--gutter);margin:0 auto}& .hero{gap:var(--space-8) var(--space-5);padding-top:var(--space-6);padding-bottom:var(--space-9);border-top:var(--rule-thick) solid var(--color-ink);grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"title title title title title title title title title title title title""copy copy copy copy copy copy copy.notes notes notes notes";display:grid}& .hero__title{font-family:var(--font-display);font-size:var(--text-mega);font-weight:var(--weight-black);line-height:var(--leading-mega);letter-spacing:var(--tracking-display);text-transform:uppercase;grid-area:title}& .hero__line{display:block}& .hero__portrait,& .hero__stage{display:none}& .hero__copy{gap:var(--space-5);max-width:var(--measure);grid-area:copy;display:grid}& .hero__lead{font-size:var(--text-lead);line-height:var(--leading-lead)}& .hero__lead strong{font-weight:var(--weight-black)}& .hero__notes{align-self:end;gap:var(--space-3);padding-top:var(--space-3);border-top:var(--rule-thin) solid var(--color-ink);color:var(--color-ink-muted);grid-area:notes;display:grid}& .hero__notes li:target{color:var(--color-ink)}& .hero__note-num{margin-right:var(--space-2);color:var(--color-ink);font-weight:var(--weight-strong);text-decoration:none}& .work{padding-bottom:var(--space-9)}& .work__title{padding-top:var(--space-5);border-top:var(--rule-thick) solid var(--color-ink);font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--weight-black);line-height:var(--leading-display);letter-spacing:var(--tracking-display);text-transform:uppercase}& .work__list{margin-top:var(--space-7);border-bottom:var(--rule-thin) solid var(--color-ink)}& .work__item{align-items:baseline;gap:var(--space-4);padding:var(--space-5) 0;border-top:var(--rule-thin) solid var(--color-ink);grid-template-columns:minmax(0,5fr) minmax(0,4fr) minmax(0,3fr);display:grid}& .work__role{font-size:var(--text-role);font-weight:var(--weight-black);text-transform:uppercase}& .work__company{font-size:var(--text-role)}& .work__years{justify-self:end}& .about{gap:var(--space-6) var(--space-5);padding-top:var(--space-5);padding-bottom:var(--space-9);border-top:var(--rule-thick) solid var(--color-ink);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}& .about__head{top:var(--space-5);align-self:start;gap:var(--space-5);grid-column:1/span 4;display:grid;position:sticky}& .about__title{font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--weight-black);line-height:var(--leading-display);letter-spacing:var(--tracking-display);text-transform:uppercase}& .about__stage{color:var(--color-ink-muted)}& .about__qa{border-bottom:var(--rule-thin) solid var(--color-ink);grid-column:6/span 7}& .about__item{gap:var(--space-4);padding:var(--space-6) 0;border-top:var(--rule-thin) solid var(--color-ink);display:grid}& .about__q{font-size:var(--text-role);font-weight:var(--weight-black);line-height:var(--leading-lead);text-transform:uppercase}& .about__a{gap:var(--space-4);max-width:var(--measure);display:grid}& .contact{padding-top:var(--space-5);padding-bottom:var(--space-8);border-top:var(--rule-thick) solid var(--color-ink)}& .contact__title{font-family:var(--font-display);font-size:var(--text-hello);font-weight:var(--weight-black);line-height:var(--leading-mega);letter-spacing:var(--tracking-display);text-transform:uppercase}& .contact__links{gap:var(--space-2) var(--space-6);margin-top:var(--space-6);flex-wrap:wrap;display:flex}& .contact__links a{padding:var(--space-2) 0;display:inline-block}}@media (width<=60rem){:root[data-theme=print]{& .hero{gap:var(--space-7);grid-template-columns:minmax(0,1fr);grid-template-areas:"title""copy""notes"}& .about{grid-template-columns:minmax(0,1fr)}& .about__head{grid-column:1;position:static}& .about__qa{grid-column:1}}}@media (width<=48rem){:root[data-theme=print]{& .work__item{gap:var(--space-1);grid-template-columns:minmax(0,1fr)}& .work__years{margin-top:var(--space-2);justify-self:start}}}@media (width<=30rem){:root[data-theme=print]{& .site-header__nav{width:100%}& .site-header__nav ul{justify-content:space-between;gap:var(--space-2)}}}:root[data-theme=highlighter]{& body{overflow-x:clip}& .site-header{--color-ink:var(--color-carbon);--color-accent:currentColor;inset-inline:0;z-index:2;color:var(--color-ink);position:absolute;top:0}& .site-header__name{display:none}& .site-header__logo{visibility:hidden}& .site-header .logo-disc{fill:var(--color-highlight)}& .hero,& .work,& .about{max-width:var(--content-max);padding-inline:var(--gutter);margin:0 auto}& .hero{grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:calc(100svh + var(--hero-content-offset)) auto auto;gap:var(--space-7) var(--space-5);grid-template-areas:". . . . . . . . . . . .""title title title title title title title title title title title title""copy copy copy copy copy copy.notes notes notes notes notes";display:grid;position:relative}& .hero__title{font-family:var(--font-display);font-size:var(--text-hero-heading);font-weight:var(--weight-body);line-height:var(--leading-display);letter-spacing:var(--tracking-display);grid-area:title}& .hero__stage{z-index:1;width:100vw;height:100svh;color:var(--color-highlight);pointer-events:none;position:absolute;top:0;left:calc(50% - 50vw);overflow:clip}& .hero__cutout{left:var(--hero-cutout-inset);width:min(100% - 2 * var(--hero-cutout-inset), 100svh * var(--hero-cutout-ratio));height:auto;translate:0 var(--hero-drop);transform-origin:var(--hero-zoom-origin);fill:currentColor;pointer-events:none;position:absolute;bottom:0;overflow:visible}& .hero__cutout>*{pointer-events:visiblePainted}& .hero__portrait{width:var(--portrait-width);height:var(--portrait-height);margin-inline:var(--portrait-gap);object-fit:cover;vertical-align:baseline;display:inline-block}& .hero__copy{align-self:start;gap:var(--space-4);max-width:var(--measure);grid-area:copy;display:grid}& .hero__lead{font-size:var(--text-lead);line-height:var(--leading-lead)}& .hero__notes{gap:var(--space-2);font-size:var(--text-small);line-height:var(--leading-meta);color:var(--color-ink-muted);grid-area:notes;align-content:start;display:grid}& .hero__notes li:target{color:var(--color-ink)}& .hero__note-num{margin-right:var(--space-1);color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-lead);font-style:italic;text-decoration:none}& .work{padding-top:var(--space-9);padding-bottom:var(--space-9)}& .work__title{font-family:var(--font-display);font-size:var(--text-display);font-style:italic;font-weight:var(--weight-body);line-height:var(--leading-display)}& .work__list{margin-top:var(--space-6);border-bottom:var(--rule-mid) solid var(--color-ink)}& .work__item{column-gap:var(--space-5);padding:var(--space-5) 0 var(--space-4);border-top:var(--rule-mid) solid var(--color-ink);grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"role years""company years";display:grid}& .work__role{font-family:var(--font-display);font-size:var(--text-role);line-height:var(--leading-display);letter-spacing:var(--tracking-display);grid-area:role}& .work__company{margin-top:var(--space-2);grid-area:company}& .work__years{font-variant-numeric:tabular-nums;grid-area:years;align-self:end}& .about{gap:var(--space-7) var(--space-5);padding-bottom:var(--space-9);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}& .about__head{gap:var(--space-4);grid-column:1/-1;display:grid}& .about__title{font-family:var(--font-display);font-size:var(--text-display);font-style:italic;font-weight:var(--weight-body);line-height:var(--leading-display)}& .about__stage{max-width:var(--measure);font-family:var(--font-display);font-size:var(--text-lead);font-style:italic;line-height:var(--leading-lead);color:var(--color-ink-muted)}& .about__qa{gap:var(--space-8);grid-column:3/span 8;display:grid}& .about__item{gap:var(--space-5);display:grid}& .about__q{font-family:var(--font-display);font-size:var(--text-quote);line-height:var(--leading-quote);letter-spacing:var(--tracking-display)}& .about__a{gap:var(--space-4);max-width:var(--measure);display:grid}& .contact{--color-accent:var(--color-invert-ink);padding:var(--space-8) var(--gutter);background:var(--color-invert-bg);color:var(--color-invert-ink)}& .contact ::selection{background:var(--color-invert-ink);color:var(--color-invert-bg)}& .contact__title,& .contact-form,& .contact__links{max-width:var(--content-max);margin-inline:auto}& .contact__title{font-family:var(--font-display);font-size:var(--text-hello);font-weight:var(--weight-body);line-height:var(--leading-mega);letter-spacing:var(--tracking-display)}& .contact-form{grid-template-columns:minmax(0, var(--measure));margin-top:var(--space-6)}& .contact-form__status{inset-inline:var(--switcher-offset);bottom:var(--toast-bottom);z-index:21;max-width:var(--measure);padding:var(--space-3) var(--space-4);border:var(--rule-thin) solid var(--toast-ink);background:var(--toast-bg);color:var(--toast-ink);font-family:var(--font-meta);opacity:0;pointer-events:none;translate:0 calc(100% + var(--toast-bottom));transition:translate var(--toast-speed) var(--ease-out), opacity var(--toast-speed) var(--ease-out);margin-inline:auto;position:fixed}& .contact-form__status[data-visible]{opacity:1;pointer-events:auto;translate:0}& .contact__links{gap:var(--space-2) var(--space-6);margin-top:var(--space-6);flex-wrap:wrap;display:flex}& .contact__links a{padding:var(--space-2) 0;display:inline-block}& .site-footer{border-top:0}}@media (width<=60rem){:root[data-theme=highlighter]{& .hero{grid-template-columns:minmax(0,1fr);grid-template-areas:".""title""copy""notes"}& .about__qa{grid-column:1/-1}}}@media (width<=30rem){:root[data-theme=highlighter]{& .work__item{grid-template-columns:minmax(0,1fr);grid-template-areas:"role""company""years"}& .work__years{margin-top:var(--space-1)}}}@keyframes hero-zoom{to{scale:var(--hero-zoom-max);visibility:hidden}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){:root[data-theme=highlighter]{& .hero__stage{width:auto;height:auto;position:fixed;inset:0}& .hero__cutout{animation:hero-zoom var(--ease-zoom) both;animation-timeline:var(--timeline-page);animation-range:0 var(--hero-zoom-distance)}& .site-header{max-width:none;padding-inline:max(var(--gutter), (100% - var(--content-max)) / 2 + var(--gutter));animation:linear both header-settle;animation-timeline:var(--timeline-page);animation-range:calc(var(--hero-zoom-distance) * var(--header-settle-from)) var(--hero-zoom-distance);margin:0;position:sticky}& .site-header__logo{animation:linear both header-logo-in;animation-timeline:var(--timeline-page);animation-range:calc(var(--hero-zoom-distance) * var(--header-settle-from)) var(--hero-zoom-distance)}}}}@keyframes header-settle{0%{color:var(--color-carbon);background-color:#0000}to{background-color:var(--color-carbon);color:var(--color-highlight)}}@keyframes header-logo-in{0%{visibility:hidden;opacity:0}to{visibility:visible;opacity:1}}@media (prefers-reduced-motion:no-preference){:root.scroll-fallback[data-theme=highlighter]{& .hero__stage{width:auto;height:auto;position:fixed;inset:0}& .hero__cutout{animation:hero-zoom var(--scroll-fallback-duration) var(--ease-zoom) both paused}& .site-header{max-width:none;padding-inline:max(var(--gutter), (100% - var(--content-max)) / 2 + var(--gutter));animation:header-settle var(--scroll-fallback-duration) linear both paused;margin:0;position:sticky}& .site-header__logo{animation:header-logo-in var(--scroll-fallback-duration) linear both paused}}}:root[data-theme=highlighter]:not(:has(.hero__stage)){& .site-header{max-width:none;padding-inline:max(var(--gutter), (100% - var(--content-max)) / 2 + var(--gutter));background-color:var(--color-carbon);color:var(--color-highlight);margin:0;animation:none;position:sticky}& .site-header__logo{visibility:visible;animation:none}}@media (prefers-reduced-motion:reduce){:root[data-theme=highlighter] .contact-form__status{transition:none}}:root[data-theme=geocities]{& body{background:0 0}& body:before,& body:after{content:"";z-index:-1;pointer-events:none;position:fixed;inset:0}&{background-color:var(--color-space);background-image:radial-gradient(circle at 20% 30%, var(--color-star-dim) 0 .5px, transparent 1px), radial-gradient(circle at 70% 80%, var(--color-star-dim) 0 .5px, transparent 1px), radial-gradient(circle at 85% 15%, var(--color-star-dim) 0 .5px, transparent 1px);background-size:var(--star-tile-c) var(--star-tile-c)}& body:before{background-image:radial-gradient(circle at 12% 18%, var(--color-star) 0 1px, transparent 1.5px), radial-gradient(circle at 64% 9%, var(--color-star) 0 1px, transparent 1.5px), radial-gradient(circle at 38% 47%, var(--color-star) 0 .8px, transparent 1.3px), radial-gradient(circle at 88% 58%, var(--color-star) 0 1.2px, transparent 1.7px), radial-gradient(circle at 21% 79%, var(--color-star) 0 .8px, transparent 1.3px), radial-gradient(circle at 57% 91%, var(--color-star) 0 1px, transparent 1.5px);background-size:var(--star-tile-a) var(--star-tile-a);animation:geo-twinkle var(--twinkle-a) steps(3, jump-none) infinite alternate}& body:after{background-image:radial-gradient(ellipse 1px 8px at 30% 35%, var(--color-glint), transparent), radial-gradient(ellipse 8px 1px at 30% 35%, var(--color-glint), transparent), radial-gradient(circle at 30% 35%, var(--color-star) 0 1.5px, transparent 2.5px), radial-gradient(ellipse 1px 6px at 78% 22%, var(--color-glint), transparent), radial-gradient(ellipse 6px 1px at 78% 22%, var(--color-glint), transparent), radial-gradient(circle at 78% 22%, var(--color-star) 0 1px, transparent 2px), radial-gradient(ellipse 1px 10px at 62% 76%, var(--color-glint), transparent), radial-gradient(ellipse 10px 1px at 62% 76%, var(--color-glint), transparent), radial-gradient(circle at 62% 76%, var(--color-star) 0 1.5px, transparent 2.5px);background-size:var(--star-tile-b) var(--star-tile-b);animation:geo-twinkle var(--twinkle-b) steps(4, jump-none) infinite alternate-reverse}& a{color:var(--color-link)}& a:visited{color:var(--color-link-visited)}& .site-header{--color-accent:var(--color-navy);inset-block:0;z-index:10;align-content:start;justify-items:center;gap:var(--space-5);width:var(--frame-width);max-width:none;padding:var(--space-5) var(--space-4) var(--space-7);overscroll-behavior:contain;border-right:var(--frame-border) ridge var(--color-silver);background-color:var(--color-cloud-tint);background-image:url(/_astro/cloud-tiles.DDehgIiN.gif);background-size:max(var(--cloud-tile-size), 100%) auto;background-blend-mode:multiply;color:var(--color-frame-ink);font-family:var(--font-meta);grid-template-columns:minmax(0,1fr);margin:0;display:grid;position:fixed;left:0;overflow-y:auto}& .extras{display:contents}& .site-header__id,& .site-header__id:visited{gap:var(--space-2);color:var(--color-frame-ink);flex-direction:column;order:1}& .site-header__nav{order:3}& .hit-counter{order:4}& .badges{order:5}& .mascot{left:var(--switcher-offset);bottom:calc(var(--switcher-offset) + var(--mascot-lift));z-index:25;pointer-events:none;position:fixed}& .mascot img{width:auto;height:var(--mascot-height);display:block}& .updated{order:6}& .site-header__logo{width:var(--frame-logo-size);height:var(--frame-logo-size);animation:geo-spin var(--spin-speed) linear infinite}& .site-header__name{font-family:var(--font-display);font-size:var(--text-lead);font-weight:var(--weight-strong);text-shadow:1px 1px 0 var(--color-cloud), -1px -1px 0 var(--color-cloud), 1px -1px 0 var(--color-cloud), -1px 1px 0 var(--color-cloud)}& .site-header__nav{width:100%}& .site-header__nav ul{gap:var(--space-2);display:grid}& .site-header__nav a{padding:var(--space-2) var(--space-3);border:var(--bevel) solid;border-color:var(--color-bevel-hi) var(--color-bevel-dark) var(--color-bevel-dark) var(--color-bevel-hi);background:var(--color-silver);box-shadow:inset calc(-1 * var(--rule-thin)) calc(-1 * var(--rule-thin)) 0 var(--color-bevel-lo);color:var(--color-bevel-dark);font-weight:var(--weight-strong);text-align:center;display:block}& .site-header__nav a:hover{text-decoration:underline}& .site-header__nav a:active{border-color:var(--color-bevel-dark) var(--color-bevel-hi) var(--color-bevel-hi) var(--color-bevel-dark);box-shadow:inset var(--rule-thin) var(--rule-thin) 0 var(--color-bevel-lo)}& .construction{justify-content:center;align-items:center;gap:var(--space-3);display:flex}& .construction__text{padding:var(--space-1) var(--space-3);background:var(--color-bevel-dark);color:var(--color-hazard);font-family:var(--font-heavy);font-size:var(--text-small);font-weight:var(--weight-black);letter-spacing:var(--tracking-caps);text-transform:uppercase;line-height:1}& .construction__sign img{width:var(--construction-sign);height:var(--construction-sign);display:block}& .lcd{display:block;transform:skew(-6deg)}& .lcd .seg{fill:var(--color-lcd-ghost)}& .lcd .seg.is-on{fill:var(--color-lcd)}& .hit-counter{justify-items:center;gap:var(--space-1);display:grid}& .site-header__name,& .hit-counter__label{padding:0 var(--space-2);border:var(--rule-thin) solid var(--color-frame-ink);background:var(--color-cloud-bg)}& .hit-counter__label{font-family:var(--font-body);font-size:var(--text-small);font-style:italic;font-weight:var(--weight-strong)}& .hit-counter__digits{padding:var(--space-1) var(--space-2);border:var(--counter-border) solid;border-color:var(--color-counter-hi) var(--color-counter-lo) var(--color-counter-lo) var(--color-counter-hi);background:var(--color-lcd-bg)}& .hit-counter__digits .lcd{width:auto;height:var(--counter-height)}& .badges{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}& .badge{width:var(--badge-width);height:var(--badge-height);font-family:var(--font-meta);display:block}& .badge-link{display:block}& .badge__face{fill:var(--color-silver)}& .badge__face--navy{fill:var(--color-navy)}& .badge__face--black{fill:var(--color-bevel-dark)}& .badge__hi{fill:var(--color-bevel-hi)}& .badge__lo{fill:var(--color-bevel-lo)}& .badge__globe{fill:var(--color-blue)}& .badge__book{fill:var(--color-red);stroke:var(--color-bevel-hi);stroke-width:.8px}& .badge__meridian{fill:none;stroke:var(--color-bevel-hi);stroke-width:.8px}& .badge__small{fill:var(--color-bevel-dark);font-size:var(--badge-text-small)}& .badge__big{fill:var(--color-bevel-dark);font-size:var(--badge-text-big);font-weight:var(--weight-strong)}& .badge__small--yellow,& .badge__big--yellow{fill:var(--color-yellow)}& .badge__small--lime{fill:var(--color-lime);font-weight:var(--weight-strong)}& .badge__huge{fill:var(--color-lime);font-family:var(--font-heavy);font-size:var(--badge-text-huge);font-weight:var(--weight-black)}& .updated{padding:var(--space-1) var(--space-3);border:var(--rule-thin) solid var(--color-bevel-dark);background:var(--color-yellow);color:var(--color-red);font-family:var(--font-body);font-size:var(--text-small);font-style:italic;font-weight:var(--weight-strong);text-align:center}& main,& .site-footer{margin-left:var(--frame-width)}& main{gap:var(--space-9);padding:var(--space-7) var(--gutter) var(--space-8);display:grid}& .hero,& .work,& .about,& .contact{width:100%;max-width:var(--column-max);margin-inline:auto}& .work,& .about,& .contact{padding-top:var(--space-7);border-top:var(--rainbow-rule) solid transparent;border-image:var(--rainbow) 1}& .hero__copy,& .hero__notes,& .about__item{padding:var(--space-5);border:var(--bevel) solid;border-color:var(--color-bevel-lo) var(--color-bevel-hi) var(--color-bevel-hi) var(--color-bevel-lo);background:var(--color-panel)}& .hero{justify-items:center;gap:var(--space-6);display:grid}& .hero__stage,& .hero__portrait{display:none}& .hero__title{font-family:var(--font-display);font-size:var(--text-hero-heading);font-weight:var(--weight-strong);line-height:var(--leading-display);text-align:center;text-wrap:balance;background:var(--rainbow);color:#0000;-webkit-text-stroke:var(--rule-thin) var(--color-bevel-dark);filter:drop-shadow(.05em .05em 0 var(--color-bevel-lo));padding-bottom:var(--wordart-descender);margin-bottom:calc(-1 * var(--wordart-descender));-webkit-background-clip:text;background-clip:text}& .hero__line{display:block}& .hero__copy{gap:var(--space-4);width:100%;max-width:var(--measure);grid-template-columns:minmax(0,1fr);display:grid;overflow:clip;container-type:inline-size}& .hero__lead{font-size:var(--text-lead);line-height:var(--leading-lead)}& .hero__lead strong{color:var(--color-yellow)}& .hero__origin{width:max-content;color:var(--color-lime);font-family:var(--font-display);white-space:nowrap;animation:geo-marquee var(--marquee-speed) linear infinite}& .hero__origin:hover,& .hero__origin:focus-within{animation-play-state:paused}& .hero__notes{gap:var(--space-2);width:100%;max-width:var(--measure);color:var(--color-ink-muted);font-family:var(--font-meta);font-size:var(--text-small);line-height:var(--leading-meta);display:grid}& .hero__notes li:target{color:var(--color-ink)}& .hero__note-num,& .hero__note-num:visited{margin-right:var(--space-1);color:var(--color-yellow);font-weight:var(--weight-strong);text-decoration:none}& .work__title,& .about__title{color:var(--color-lime);font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--weight-strong);line-height:var(--leading-display);text-align:center;text-shadow:.06em .06em 0 var(--color-magenta)}& .work__list{gap:var(--bevel);margin-top:var(--space-6);padding:var(--bevel);border:var(--bevel) solid;border-color:var(--color-bevel-hi) var(--color-bevel-dark) var(--color-bevel-dark) var(--color-bevel-hi);background:var(--color-silver);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;display:grid}& .work__item{grid-column:1/-1;grid-template-columns:subgrid;gap:inherit;display:grid}& .work__role,& .work__company,& .work__years{padding:var(--space-3);border:var(--rule-thin) solid;border-color:var(--color-bevel-lo) var(--color-bevel-hi) var(--color-bevel-hi) var(--color-bevel-lo);background:var(--color-panel);font-size:var(--text-role)}& .work__role{font-weight:var(--weight-strong)}& .work__company{color:var(--color-cyan)}& .work__years{color:var(--color-yellow);font-family:var(--font-meta);font-size:var(--text-small);font-variant-numeric:tabular-nums;white-space:nowrap}& .about{gap:var(--space-6);display:grid}& .about__head{justify-items:center;gap:var(--space-4);display:grid}& .about__stage{max-width:var(--measure);color:var(--color-ink-muted);text-align:center;font-style:italic}& .about__qa{gap:var(--space-5);display:grid}& .about__item{gap:var(--space-3);display:grid}& .about__q{color:var(--color-yellow);font-family:var(--font-display);font-size:var(--text-lead);font-weight:var(--weight-strong);line-height:var(--leading-lead)}& .about__a{gap:var(--space-3);display:grid}& .contact{justify-items:center;gap:var(--space-5);text-align:center;display:grid}& .contact__title{color:var(--color-red);font-family:var(--font-body);font-size:var(--text-hello);font-style:italic;font-weight:var(--weight-strong);line-height:var(--leading-display);text-shadow:.04em .04em 0 var(--color-yellow);animation:geo-blink var(--blink-speed) steps(1) infinite}& .contact__title:hover{animation-play-state:paused}& .contact__label--default{display:none}& .contact__label--guestbook{display:inline}& .contact-form{width:100%;padding:var(--space-5);border:var(--bevel) solid;border-color:var(--color-bevel-lo) var(--color-bevel-hi) var(--color-bevel-hi) var(--color-bevel-lo);background:var(--color-panel);text-align:start}& .contact-form__field label{color:var(--color-yellow);font-weight:var(--weight-strong)}& .contact-form input,& .contact-form textarea{border:var(--bevel) solid;border-color:var(--color-bevel-lo) var(--color-bevel-hi) var(--color-bevel-hi) var(--color-bevel-lo);box-shadow:inset var(--rule-thin) var(--rule-thin) 0 var(--color-bevel-dark);font-family:var(--font-meta)}& .contact-form__submit{border:var(--bevel) solid;border-color:var(--color-bevel-hi) var(--color-bevel-dark) var(--color-bevel-dark) var(--color-bevel-hi);background:var(--color-silver);box-shadow:inset calc(-1 * var(--rule-thin)) calc(-1 * var(--rule-thin)) 0 var(--color-bevel-lo);color:var(--color-bevel-dark);font-family:var(--font-meta)}& .contact-form__submit:active{border-color:var(--color-bevel-dark) var(--color-bevel-hi) var(--color-bevel-hi) var(--color-bevel-dark);box-shadow:inset var(--rule-thin) var(--rule-thin) 0 var(--color-bevel-lo)}& .contact-form__status,& .contact-form__note{color:var(--color-lime);font-family:var(--font-display);font-weight:var(--weight-strong)}& .guestbook{gap:var(--space-4);width:100%;max-width:var(--measure);text-align:start;display:grid}& .guestbook__title{color:var(--color-yellow);font-family:var(--font-display);font-size:var(--text-lead);line-height:var(--leading-lead);text-align:center}& .guestbook__entry{gap:var(--space-2);padding-block:var(--space-4);border-top:var(--rule-mid) groove var(--color-silver);display:grid}& .guestbook__meta{color:var(--color-ink-muted);font-family:var(--font-meta);font-size:var(--text-small);line-height:var(--leading-meta)}& .guestbook__name{color:var(--color-lime);font-weight:var(--weight-strong)}& .guestbook__message{font-family:var(--font-display)}& .guestbook__page{gap:var(--space-4);display:grid}& .guestbook__page+.guestbook__page,& .guestbook:has(.guestbook__page:target) .guestbook__page{display:none}& .guestbook:has(.guestbook__page:target) .guestbook__page:target{display:grid}& .guestbook__pager{justify-content:center;gap:var(--space-2) var(--space-4);font-family:var(--font-meta);font-size:var(--text-small);flex-wrap:wrap;display:flex}& .guestbook__pager a{padding:var(--space-2) var(--space-1);display:inline-block}& .guestbook__pager a[aria-current=page]{color:var(--color-yellow);font-weight:var(--weight-strong);text-decoration:none}& .guestbook__pager-off{padding:var(--space-2) var(--space-1);color:var(--color-ink-muted)}& .contact__links{justify-content:center;gap:var(--space-2) var(--space-6);font-family:var(--font-meta);flex-wrap:wrap;display:flex}& .contact__links a{padding:var(--space-2) 0;display:inline-block}& .site-footer{justify-content:center;gap:var(--space-2) var(--space-6);max-width:none;color:var(--color-ink-muted);border-top:0}}@media (width<=48rem){:root[data-theme=geocities]{& .site-header{width:auto;padding-top:var(--space-5);border-right:0;border-bottom:var(--frame-border) ridge var(--color-silver);position:static;overflow:visible}& .site-header__id{flex-direction:row}& .site-header__logo{width:var(--logo-size);height:var(--logo-size)}& .site-header__nav ul{grid-template-columns:repeat(auto-fit, minmax(var(--nav-button-min), 1fr))}& .site-header__nav a{padding-inline:var(--space-1);font-size:var(--text-small)}& main,& .site-footer{margin-left:0}& main{gap:var(--space-8);padding-top:var(--space-7)}& .work__list{grid-template-columns:minmax(0,1fr)}& .work__item{padding:var(--space-3);border:var(--rule-thin) solid;border-color:var(--color-bevel-lo) var(--color-bevel-hi) var(--color-bevel-hi) var(--color-bevel-lo);background:var(--color-panel);grid-template-columns:minmax(0,1fr);gap:0}& .work__role,& .work__company,& .work__years{border:0;padding:0}& .work__years{margin-top:var(--space-1)}}}@keyframes geo-twinkle{0%{opacity:1}to{opacity:.2}}@keyframes geo-spin{0%{transform:perspective(var(--spin-perspective)) rotateY(0deg)}to{transform:perspective(var(--spin-perspective)) rotateY(360deg)}}@keyframes geo-marquee{0%{transform:translate(100cqw)}to{transform:translate(-100%)}}@keyframes geo-blink{50%{visibility:hidden}}@keyframes geo-wobble{0%{rotate:calc(-1 * var(--wobble-angle))}50%{rotate:var(--wobble-angle)}}@media (prefers-reduced-motion:reduce){:root[data-theme=geocities]{& body:before,& body:after,& .site-header__logo,& .contact__title{animation:none}& .hero__origin{white-space:normal;width:auto;animation:none}}}:root[data-theme=geocities]{& .player{display:contents}& .player:not([data-view]) .winamp,& .player:not([data-view]) .winamp-icon,& .player[data-view=icon] .winamp,& .player:not([data-view=icon]) .winamp-icon{display:none}& .winamp{top:var(--winamp-y,var(--winamp-margin));left:var(--winamp-x,calc(var(--frame-width) + var(--winamp-margin)));z-index:30;filter:drop-shadow(var(--space-1) var(--space-1) 0 var(--color-wa-shadow));flex-direction:column;display:flex;position:fixed}& .wa{zoom:var(--winamp-zoom);border:1px solid;border-color:var(--color-wa-edge-hi) var(--color-wa-edge-lo) var(--color-wa-edge-lo) var(--color-wa-edge-hi);background:linear-gradient(180deg, var(--color-wa-body), var(--color-wa-body-dark));width:275px;height:116px;color:var(--color-wa-lcd);font-family:var(--font-pixel);-webkit-user-select:none;user-select:none;font-size:6px;line-height:1;position:relative;overflow:hidden}& .wa>*{position:absolute}& .wa__titlebar{background:var(--color-wa-body-dark);cursor:grab;touch-action:none;height:14px;inset:0 0 auto}& .player.is-dragging .wa__titlebar{cursor:grabbing}& .wa__titlebar>*{position:absolute}& .wa__titlebar:before,& .wa__titlebar:after{content:"";background:repeating-linear-gradient(180deg, var(--color-wa-ridge) 0 1px, var(--color-wa-ridge-dark) 1px 2px, transparent 2px 3px);height:8px;position:absolute;top:3px}& .wa__titlebar:before{width:90px;left:18px}& .wa__titlebar:after{width:71px;left:168px}& .wa__titlebar-logo{width:10px;height:10px;top:2px;left:5px}& .wa__titlebar-text{width:60px;color:var(--color-wa-title-text);font-size:7px;font-weight:var(--weight-strong);letter-spacing:1px;text-align:center;text-transform:uppercase;top:3px;left:108px}& .wa__window-buttons{gap:1px;display:flex;top:3px;left:243px}& .wa__wbutton{border:1px solid;border-color:var(--color-wa-button-hi) var(--color-wa-button-edge) var(--color-wa-button-edge) var(--color-wa-button-hi);background:var(--color-wa-button-lo);cursor:pointer;width:9px;height:9px;padding:0;position:relative}& .wa__wbutton:after{content:"";background:var(--color-wa-glyph);height:1px;position:absolute;bottom:1px;left:1px;right:1px}& .wa__wbutton--shade:after{top:1px;bottom:auto}& .wa__wbutton--close:after{background:linear-gradient(45deg, transparent 43%, var(--color-wa-glyph) 43% 57%, transparent 57%), linear-gradient(-45deg, transparent 43%, var(--color-wa-glyph) 43% 57%, transparent 57%);height:auto;inset:1px}& .wa__wbutton:active{border-color:var(--color-wa-button-edge) var(--color-wa-button-hi) var(--color-wa-button-hi) var(--color-wa-button-edge)}& .wa__shade-title{background:var(--color-wa-lcd-bg);white-space:nowrap;width:150px;height:8px;display:none;top:3px;left:79px;overflow:hidden;container-type:inline-size}& .player[data-view=shade]{& .wa{height:14px}& .wa__body,& .wa__titlebar-text,& .wa__titlebar:before,& .wa__titlebar:after{display:none}& .wa__shade-title{display:block}}& .wa__body{inset:14px 0 0}& .wa__body>*{position:absolute}& .wa__display{border:1px solid;border-color:var(--color-wa-edge-lo) var(--color-wa-edge-hi) var(--color-wa-edge-hi) var(--color-wa-edge-lo);background:var(--color-wa-lcd-bg);width:95px;height:42px;top:6px;left:9px}& .wa__display>*{position:absolute}& .wa__clutter{width:6px;color:var(--color-wa-clutter);text-align:center;writing-mode:vertical-lr;text-orientation:upright;letter-spacing:1px;font-size:6px;line-height:8px;top:1px;left:1px}& .wa__status{background:var(--color-wa-lcd);clip-path:inset(1px);width:7px;height:7px;top:8px;left:13px}& .wa__status[data-state=playing],& .wa__status[data-state=buffering]{clip-path:polygon(0 0,100% 50%,0 100%)}& .wa__status[data-state=buffering]{animation:geo-blink var(--blink-speed) steps(1) infinite}& .wa__status[data-state=paused]{clip-path:none;background:linear-gradient(90deg, var(--color-wa-lcd) 0 35%, transparent 35% 65%, var(--color-wa-lcd) 65%)}& .wa__time{display:flex;top:4px;left:30px}& .wa__time .lcd{width:auto;height:13px}& .wa .lcd .seg{fill:var(--color-wa-lcd-dim)}& .wa .lcd .seg.is-on{fill:var(--color-wa-lcd)}& .player[data-state=paused] .wa__time{animation:geo-blink var(--blink-speed) steps(1) infinite}& .wa__scope{--scope-line:var(--color-wa-scope);--scope-dots:var(--color-wa-scope-dots);width:76px;height:16px;image-rendering:pixelated;top:23px;left:13px}& .wa__title{border:1px solid var(--color-wa-lcd-edge);background:var(--color-wa-lcd-bg);white-space:nowrap;width:157px;height:12px;top:8px;left:109px;overflow:hidden;container-type:inline-size}& .wa__title-text,& .wa__shade-title span{text-transform:uppercase;animation:geo-marquee var(--winamp-marquee-speed) linear infinite;padding-top:2px;display:inline-block}& .wa__shade-title span{padding-top:0}& .wa__lcd{border:1px solid var(--color-wa-lcd-edge);background:var(--color-wa-lcd-bg);text-align:center;height:10px;padding:1px 1px 0;top:26px}& .wa__lcd--kbps{width:19px;left:109px}& .wa__lcd--khz{width:14px;left:155px}& .wa__label{color:var(--color-wa-label);top:28px}& .wa__label--kbps{left:131px}& .wa__label--khz{left:172px}& .wa__channel{color:var(--color-wa-off);top:28px}& .wa__channel--mono{left:210px}& .wa__channel--stereo{color:var(--color-wa-lcd);left:234px}& .wa__volume{width:68px;height:10px;display:flex;top:43px;left:107px}& .wa__volume input{appearance:none;cursor:pointer;background:0 0;width:100%;height:10px;margin:0}& .wa__volume input::-webkit-slider-runnable-track{border:1px solid var(--color-wa-edge-lo);background:linear-gradient(90deg, var(--color-wa-volume-lo), var(--color-wa-volume-hi));height:4px}& .wa__volume input::-moz-range-track{border:1px solid var(--color-wa-edge-lo);background:linear-gradient(90deg, var(--color-wa-volume-lo), var(--color-wa-volume-hi));height:4px}& .wa__volume input::-webkit-slider-thumb{border:1px solid;border-color:var(--color-wa-button-hi) var(--color-wa-button-edge) var(--color-wa-button-edge) var(--color-wa-button-hi);background:linear-gradient(90deg, transparent 4px, var(--color-wa-glyph) 4px 5px, transparent 5px 6px, var(--color-wa-glyph) 6px 7px, transparent 7px 8px, var(--color-wa-glyph) 8px 9px, transparent 9px) center / 100% 4px no-repeat, linear-gradient(180deg, var(--color-wa-button-hi), var(--color-wa-button-lo));appearance:none;border-radius:0;width:14px;height:10px;margin-top:-4px}& .wa__volume input::-moz-range-thumb{border:1px solid;border-color:var(--color-wa-button-hi) var(--color-wa-button-edge) var(--color-wa-button-edge) var(--color-wa-button-hi);background:linear-gradient(90deg, transparent 3px, var(--color-wa-glyph) 3px 4px, transparent 4px 5px, var(--color-wa-glyph) 5px 6px, transparent 6px 7px, var(--color-wa-glyph) 7px 8px, transparent 8px) center / 100% 4px no-repeat, linear-gradient(180deg, var(--color-wa-button-hi), var(--color-wa-button-lo));border-radius:0;width:12px;height:8px}& .wa__volume input:focus-visible{outline:1px solid var(--color-wa-lcd)}& .wa__balance{border:1px solid var(--color-wa-edge-lo);background:linear-gradient(90deg, var(--color-wa-volume-hi), var(--color-wa-volume-lo) 50%, var(--color-wa-volume-hi));width:38px;height:4px;top:46px;left:178px}& .wa__grip{border:1px solid;border-color:var(--color-wa-button-hi) var(--color-wa-button-edge) var(--color-wa-button-edge) var(--color-wa-button-hi);background:linear-gradient(180deg, var(--color-wa-button-hi), var(--color-wa-button-lo));width:14px;height:10px;position:absolute;top:-4px;left:11px}& .wa__toggle{text-align:left;border:1px solid;border-color:var(--color-wa-button-hi) var(--color-wa-button-edge) var(--color-wa-button-edge) var(--color-wa-button-hi);background:linear-gradient(180deg, var(--color-wa-button-hi), var(--color-wa-button-lo));height:12px;color:var(--color-wa-glyph);font-family:inherit;font-size:6px;line-height:1;font-weight:var(--weight-strong);text-transform:uppercase;padding:2px 0 0 8px}& .wa__toggle:before{content:"";background:var(--color-wa-led-off);width:4px;height:3px;position:absolute;top:4px;left:2px}& .wa__toggle--eq{width:23px;top:44px;left:219px}& .wa__toggle--pl{width:23px;top:44px;left:243px}& .wa__toggle--shuffle{width:47px;height:15px;padding-top:4px;top:75px;left:164px}& .wa__toggle--repeat{width:28px;height:15px;padding-top:3px;top:75px;left:211px}& .wa__toggle--shuffle:before,& .wa__toggle--repeat:before{top:5px}& .wa__toggle--repeat svg{width:12px;height:8px;fill:var(--color-wa-glyph)}& .wa__seek{border:1px solid;border-color:var(--color-wa-edge-lo) var(--color-wa-edge-hi) var(--color-wa-edge-hi) var(--color-wa-edge-lo);background:var(--color-wa-track);width:248px;height:10px;top:58px;left:16px}& .wa__seek-thumb{border:1px solid;border-color:var(--color-wa-seek-hi) var(--color-wa-seek-lo) var(--color-wa-seek-lo) var(--color-wa-seek-hi);background:linear-gradient(180deg, var(--color-wa-seek-hi), var(--color-wa-seek-lo));width:29px;height:8px;position:absolute;top:0;left:0}& .wa__transport{border:1px solid;border-color:var(--color-wa-button-hi) var(--color-wa-button-edge) var(--color-wa-button-edge) var(--color-wa-button-hi);background:linear-gradient(180deg, var(--color-wa-button-hi), var(--color-wa-button-lo));width:23px;height:18px;color:var(--color-wa-glyph);place-items:center;padding:0;display:grid;top:74px}& .wa__transport svg{fill:currentColor;width:9px;height:9px}& button.wa__transport,& a.wa__transport{cursor:pointer}& button.wa__transport:active,& a.wa__transport:active{border-color:var(--color-wa-button-edge) var(--color-wa-button-hi) var(--color-wa-button-hi) var(--color-wa-button-edge);background:linear-gradient(0deg, var(--color-wa-button-hi), var(--color-wa-button-lo))}& .wa__transport:focus-visible,& .wa__wbutton:focus-visible{outline:1px solid var(--color-wa-lcd);outline-offset:0}& .wa__transport--prev{left:16px}& .wa__transport--play{left:39px}& .wa__transport--pause{left:62px}& .wa__transport--stop{left:85px}& .wa__transport--next{width:22px;left:108px}& .wa__transport--eject{width:22px;height:16px;top:75px;left:136px}& .wa__bolt{width:15px;height:15px;top:77px;left:251px}& .winamp-icon{right:var(--winamp-margin);bottom:calc(var(--winamp-margin) + env(safe-area-inset-bottom,0px));z-index:30;width:var(--winamp-icon-size);height:var(--winamp-icon-size);cursor:pointer;filter:drop-shadow(var(--rule-mid) var(--rule-mid) 0 var(--color-wa-shadow));background:0 0;border:0;padding:0;position:fixed}& .winamp-icon img{width:100%;height:100%}& .player[data-state=playing] .winamp-icon{animation:geo-wobble var(--wobble-speed) steps(1) infinite}}:root[data-theme=geocities]{& .player:not([data-playlist=open]) .wa-pl{display:none}& button.wa__toggle{cursor:pointer}& .wa__toggle--pl[aria-pressed=true]:before{background:var(--color-wa-lcd)}& .wa__toggle:focus-visible{outline:1px solid var(--color-wa-lcd);outline-offset:0}& .wa-pl{zoom:var(--winamp-zoom);border:1px solid;border-color:var(--color-wa-edge-hi) var(--color-wa-edge-lo) var(--color-wa-edge-lo) var(--color-wa-edge-hi);background:linear-gradient(180deg, var(--color-wa-body), var(--color-wa-body-dark));width:275px;font-family:var(--font-pixel);-webkit-user-select:none;user-select:none;grid-template-rows:20px auto 26px;font-size:6px;line-height:1;display:grid}& .wa-pl__titlebar{background:var(--color-wa-body-dark);cursor:grab;touch-action:none;position:relative}& .player.is-dragging .wa-pl__titlebar{cursor:grabbing}& .wa-pl__titlebar:before,& .wa-pl__titlebar:after{content:"";background:repeating-linear-gradient(180deg, var(--color-wa-ridge) 0 1px, var(--color-wa-ridge-dark) 1px 2px, transparent 2px 3px);height:8px;position:absolute;top:6px}& .wa-pl__titlebar:before{width:80px;left:6px}& .wa-pl__titlebar:after{width:64px;left:190px}& .wa-pl__titlebar-text{width:104px;color:var(--color-wa-title-text);font-size:7px;font-weight:var(--weight-strong);letter-spacing:1px;text-align:center;text-transform:uppercase;position:absolute;top:7px;left:86px}& .wa-pl__close{position:absolute;top:6px;left:262px}& .wa-pl__list{border:1px solid;border-color:var(--color-wa-edge-lo) var(--color-wa-edge-hi) var(--color-wa-edge-hi) var(--color-wa-edge-lo);background:var(--color-wa-pl-bg);height:82px;font-family:var(--font-meta);scrollbar-width:thin;scrollbar-color:var(--color-wa-button-lo) var(--color-wa-track);margin:0 8px;padding:1px;font-size:8px;position:relative;overflow-y:auto}& .wa-pl__list:focus-visible{outline:1px solid var(--color-wa-lcd);outline-offset:0}& .wa-pl__item{height:10px;color:var(--color-wa-pl-text);white-space:nowrap;cursor:default;justify-content:space-between;gap:4px;padding:0 2px;line-height:10px;display:flex}& .wa-pl__name{text-overflow:ellipsis;overflow:hidden}& .wa-pl__item[aria-selected=true]{background:var(--color-wa-pl-selected)}& .wa-pl__item[data-current]{color:var(--color-wa-pl-current)}& .wa-pl__bottom{align-items:center;gap:2px;padding:0 8px;display:flex}& .wa-pl__button{border:1px solid;border-color:var(--color-wa-button-hi) var(--color-wa-button-edge) var(--color-wa-button-edge) var(--color-wa-button-hi);background:linear-gradient(180deg, var(--color-wa-button-hi), var(--color-wa-button-lo));width:22px;height:15px;color:var(--color-wa-glyph);font-weight:var(--weight-strong);text-transform:uppercase;place-items:center;display:grid}& .wa-pl__count{border:1px solid var(--color-wa-lcd-edge);background:var(--color-wa-lcd-bg);color:var(--color-wa-lcd);text-transform:uppercase;margin-left:auto;padding:2px 3px 1px}& .wa-pl__button--list{margin-left:4px}}@media (width<=48rem){:root[data-theme=geocities]{& .winamp{top:auto;bottom:calc(var(--winamp-margin) + env(safe-area-inset-bottom,0px));flex-direction:column-reverse;left:50%;translate:-50%}& .wa,& .wa-pl{zoom:var(--winamp-zoom-phone)}& .wa-pl__list{height:52px}& .wa-pl__titlebar,& .wa__titlebar{cursor:default}}}@media (prefers-reduced-motion:reduce){:root[data-theme=geocities]{& .player[data-state] .wa__status,& .player[data-state] .wa__time,& .player[data-state] .winamp-icon,& .wa__title-text,& .wa__shade-title span{animation:none}}}