@font-face{font-family:display;src:url("../e6c72ea4702249202bcdd79d3343057e4e25ef1f04e3fcffd8602ab53b40b4cc/silkscreen_400-s.p.3eo6fcw0hsu_q.woff2")format("woff2");font-display:block;font-weight:400}@font-face{font-family:display Fallback;src:local(Arial);ascent-override:67.93%;descent-override:16.49%;line-gap-override:0.0%;size-adjust:151.62%}.display_88801eca-module__sOJaIa__className{font-family:display,display Fallback;font-weight:400}.display_88801eca-module__sOJaIa__variable{--font-display:"display", "display Fallback"}
@font-face{font-family:body;src:url("../08949f728dc52d528e69b1667d15c89a5686a4ee9a296ff90983985f99c380f7/plex_mono_400-s.p.3xdfs0-p_zi4c.woff2")format("woff2");font-display:block;font-weight:400}@font-face{font-family:body;src:url("../4f84d86cfd060f4ded334358ff8a4c81d4db2ed5addd568359d693f44a87765a/plex_mono_700-s.p.2dfeoyem8ph0h.woff2")format("woff2");font-display:block;font-weight:700}@font-face{font-family:body Fallback;src:local(Arial);ascent-override:77.95%;descent-override:20.91%;line-gap-override:0.0%;size-adjust:131.49%}.body_f9db1d04-module__RsVbuW__className{font-family:body,body Fallback}.body_f9db1d04-module__RsVbuW__variable{--font-body:"body", "body Fallback"}
:root,[data-mode=light]{--bg:#f2f0e9;--surface:#e3e0d6;--fg:#0d0d0d;--muted:#4d4a45;--border:#c9c6bc;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-mode=dark]{--bg:#0d0d0d;--surface:#1a1a1a;--fg:#f2f2f2;--muted:#a6a6a6;--border:#333;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root,[data-mode]{--surface-warm:var(--surface);--fg-2:var(--fg);--meta:var(--muted);--border-soft:var(--border);--hairline:var(--border)}:root{--accent:#2f6b5f;--accent-on:#f2f0e9;--accent-hover:#1f4a42;--accent-active:#1f4a42;--accent-deep:var(--accent-hover);--accent-text:var(--accent-on);--success:var(--fg);--warn:var(--fg);--danger:var(--fg);--font-mono:var(--font-body);--text-xs:13px;--text-sm:15px;--text-base:15px;--text-lg:16px;--text-xl:24px;--text-2xl:32px;--text-3xl:48px;--text-4xl:48px;--leading-body:1.7;--leading-tight:1.17;--tracking-display:0;--space-1:8px;--space-2:8px;--space-3:16px;--space-4:16px;--space-5:24px;--space-6:24px;--space-8:32px;--space-12:48px;--section-y-desktop:64px;--section-y-tablet:48px;--section-y-phone:32px;--line:2px;--line-heavy:4px;--radius-sm:0;--radius-md:0;--radius-lg:0;--radius-pill:0;--elev-flat:none;--elev-ring:0 0 0 2px var(--border);--elev-raised:none;--focus-ring:0 0 0 3px var(--bg), 0 0 0 5px var(--fg);--motion-fast:0s;--motion-base:0s;--ease-standard:linear;--container-max:1120px;--container-gutter-desktop:32px;--container-gutter-tablet:24px;--container-gutter-phone:16px}*,:before,:after{box-sizing:border-box;box-shadow:none;border-radius:0;transition:none;animation:none}html{-webkit-text-size-adjust:100%;scroll-padding-top:80px}body{background:var(--bg);color:var(--fg);font:var(--text-base)/var(--leading-body) var(--font-body);margin:0}img{max-width:100%;height:auto;display:block}p{text-wrap:pretty;max-width:72ch;margin:0 0 16px}ul{margin:0;padding-left:24px}li{max-width:72ch}strong{font-weight:700}::selection{background:var(--fg);color:var(--bg)}:focus-visible{outline:2px solid var(--fg);outline-offset:3px}h1,h2,h3,h4{font-family:var(--font-display);text-transform:uppercase;letter-spacing:var(--tracking-display);text-wrap:balance;margin:0;font-weight:400}h1{font-size:var(--text-3xl);margin:0 0 24px;line-height:56px}h2{font-size:var(--text-2xl);margin:0 0 16px;line-height:40px}h3{font-size:var(--text-xl);margin:0 0 8px;line-height:32px}.marker{font:var(--text-lg)/24px var(--font-display);text-transform:uppercase;color:var(--muted);margin:0 0 16px}.meta{font-size:var(--text-xs);color:var(--muted)}.lead{margin:0 0 32px}a{color:var(--fg);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}a:hover{background:var(--fg);color:var(--bg);text-decoration-color:#0000}.container{max-width:var(--container-max);padding-inline:var(--container-gutter-desktop);margin-inline:auto}.section{padding-block:var(--section-y-desktop)}.divider{border:0;border-top:2px dashed var(--border);margin:0}.grid-2{grid-template-columns:1fr 1fr;gap:32px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.rules{border-top:2px solid var(--border);grid-template-columns:200px 1fr;margin:24px 0 0;display:grid}.rules>*{border-bottom:2px solid var(--border);margin:0;padding:16px 0}.rules dt{font:var(--text-lg)/24px var(--font-display);text-transform:uppercase}.rules dd{overflow-wrap:anywhere}.rules dd p,.rules dd ul{margin:0}.rules dd p+p{margin-top:8px}.topnav{z-index:10;background:var(--bg);border-bottom:2px solid var(--fg);position:sticky;top:0}.navbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;min-height:64px;padding-block:8px;display:flex}.brand{font:var(--text-lg)/24px var(--font-display);text-transform:uppercase;margin-left:-8px;padding:8px;text-decoration:none}.nav{flex-wrap:wrap;align-items:center;gap:0 8px;display:flex}.nav a{height:48px;font:var(--text-lg)/24px var(--font-display);text-transform:uppercase;align-items:center;padding:0 16px;text-decoration:none;display:inline-flex}.nav a:hover{background:var(--fg);color:var(--bg);text-decoration-color:#0000}.nav-num{display:none}.menu-btn{width:48px;height:48px;color:var(--fg);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;margin-right:-8px;padding:0;display:none}.menu-btn svg{fill:currentColor;display:block}.menu-btn .cross,.menu-btn[aria-expanded=true] .paddles{display:none}.menu-btn[aria-expanded=true] .cross{display:block}.menu-btn:hover{background:var(--fg);color:var(--bg)}.mode-toggle{z-index:50;border:2px solid var(--fg);background:var(--bg);height:48px;color:var(--fg);font:var(--text-lg)/24px var(--font-display);text-transform:uppercase;cursor:pointer;align-items:center;gap:8px;padding:0 16px 0 8px;display:inline-flex;position:fixed;bottom:16px;right:16px}.mode-toggle .court{box-sizing:content-box;border:2px solid var(--fg);width:48px;height:24px;position:relative}.mode-toggle .court:before{content:"";border-left:2px dashed var(--fg);position:absolute;top:0;bottom:0;left:23px}.mode-toggle .ball{background:var(--fg);width:8px;height:8px;position:absolute;top:8px;left:8px}.mode-toggle[aria-checked=true] .ball{left:32px}.mode-toggle:hover{background:var(--fg);color:var(--bg)}.mode-toggle:hover .court,.mode-toggle:hover .court:before{border-color:var(--bg)}.mode-toggle:hover .ball{background:var(--bg)}.btn{height:48px;color:var(--fg);font:var(--text-lg)/24px var(--font-display);text-transform:uppercase;cursor:pointer;background:0 0;border:2px solid #0000;justify-content:center;align-items:center;padding:0 24px;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-on)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{border-color:var(--fg)}.btn-secondary:hover{background:var(--fg);color:var(--bg)}.btn:disabled{border-color:var(--border);color:var(--muted);cursor:not-allowed;background:0 0}.hero{padding-block:96px 64px}.hero-cta{flex-wrap:wrap;gap:8px;display:flex}.hero-grid{align-items:start}.hero-grid .portrait{justify-self:end;width:min(100%,440px);margin-top:-16px}.portrait{aspect-ratio:1;background:url("https://fernandotrouw.com/assets/portrait-dark.gif") 50%/cover no-repeat;width:100%;-webkit-mask-image:radial-gradient(65% 80% at 50% 38%,#000 60%,#0000 100%);mask-image:radial-gradient(65% 80% at 50% 38%,#000 60%,#0000 100%)}[data-mode=light] .portrait{background-image:url("https://fernandotrouw.com/assets/portrait-light.gif")}@media (prefers-reduced-motion:reduce){.portrait{background-image:url("https://fernandotrouw.com/assets/portrait-dark.webp")}[data-mode=light] .portrait{background-image:url("https://fernandotrouw.com/assets/portrait-light.webp")}}.work-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 32px;margin:0 0 32px;display:flex}.work-head p{margin:0}.filters{flex-wrap:wrap;gap:8px;margin:0 0 32px;display:flex}.filters .btn[aria-pressed=true]{background:var(--fg);color:var(--bg)}.card{background:var(--surface);border:2px solid var(--border);color:var(--fg);padding:16px;text-decoration:none;display:block}.card[hidden]{display:none}.card-img{border:2px solid var(--fg);filter:saturate(.5);width:100%}.card-title{font-size:var(--text-xl);margin:16px 0 0;line-height:32px}.card-meta{font-size:var(--text-xs);color:var(--muted);margin:8px 0 0}.card p{margin:16px 0 0}.card:hover{background:var(--fg);color:var(--bg);border-color:var(--fg)}.card:hover .card-meta{color:var(--bg)}.card:hover .card-img{border-color:var(--bg);filter:none}.card-wide{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center;gap:32px;display:grid}.card-wide .card-title{margin:0}.card-featured{border:var(--line-heavy) solid var(--fg);padding:24px}.card-featured .card-title{font-size:var(--text-2xl);line-height:40px}.readout{aspect-ratio:16/10;border:2px solid var(--fg);text-align:center;align-content:center;gap:8px;padding:16px;display:grid}.readout span{font:var(--text-lg)/24px var(--font-display);text-transform:uppercase}.card:hover .readout{border-color:var(--bg)}.case{border-top:2px solid var(--border);margin-top:48px;padding-top:48px}.case:first-of-type{border-top:0;margin-top:0;padding-top:0}.case .meta{margin:0 0 16px;display:block}.stats{margin-top:32px}.stat-num{font:var(--text-3xl)/56px var(--font-display);text-transform:uppercase;margin:0 0 8px}.stat p{margin:0}.field{margin:0 0 24px}.field label{font:var(--text-lg)/24px var(--font-display);text-transform:uppercase;margin:0 0 8px;display:block}.input,.textarea{border:2px solid var(--fg);background:var(--bg);width:100%;height:48px;color:var(--fg);font:var(--text-base)/var(--leading-body) var(--font-body);padding:0 16px;display:block}.textarea{resize:vertical;height:auto;min-height:144px;padding:8px 16px}::placeholder{color:var(--muted);opacity:1}.help{font-size:var(--text-xs);color:var(--muted);margin:8px 0 0}.pagefoot{border-top:2px solid var(--fg);padding:32px 0 80px}.pagefoot .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;display:flex}.pagefoot p{max-width:none;margin:0}@media (max-width:920px){.container{padding-inline:var(--container-gutter-phone)}.menu-btn{display:inline-flex}.nav{background:var(--bg);border-bottom:2px solid var(--fg);flex-direction:column;align-items:stretch;gap:0;padding:0 16px 16px;display:none;position:absolute;top:100%;left:0;right:0}.nav.is-open{display:flex}.nav a{height:64px;font-size:var(--text-xl);border-top:2px dashed var(--border);padding:0 8px;line-height:32px}.nav-num{font-size:var(--text-lg);color:var(--muted);margin-right:16px;display:inline}.nav a:hover .nav-num{color:var(--bg)}.mode-toggle{border-color:#0000;justify-content:center;width:48px;padding:0}.mode-toggle .mode-label{display:none}.mode-toggle .court{width:32px;height:16px}.mode-toggle .court:before{left:15px}.mode-toggle .ball{width:4px;height:4px;top:6px;left:6px}.mode-toggle[aria-checked=true] .ball{left:22px}.section{padding-block:var(--section-y-tablet)}.hero{padding-block:48px}.hero-grid{gap:90px}.hero-grid .portrait{background-position:top;background-size:112%;order:-1;width:100%;margin:0 0 -30%;-webkit-mask-image:linear-gradient(#000 45%,#0000 92%);mask-image:linear-gradient(#000 45%,#0000 92%)}h1,.stat-num{font-size:var(--text-2xl);line-height:40px}h2,.card-featured .card-title{font-size:var(--text-xl);line-height:32px}.grid-2,.grid-3,.card-wide,.rules{grid-template-columns:1fr}.rules dt{border-bottom:0;padding-bottom:0}.case{margin-top:32px;padding-top:32px}}