@layer reset{*,:before,:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}img{max-width:100%;height:auto;display:block}button{color:inherit}summary{list-style:none}summary::-webkit-details-marker{display:none}}@layer theme{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#faf9f5;--surface:#fffefa;--soft:#f0eee7;--ink:#263538;--muted:#59676a;--hero-muted:#536061;--sand:#f5e5b9;--sky:#e1edf3;--yellow:#f4ce65;--accent:#a54832;--line:#d8dcda;--button:#263538;--button-text:#fffdf5;--icon-filter:brightness(0) saturate(100%) invert(17%) sepia(12%) saturate(800%) hue-rotate(143deg);scroll-behavior:smooth;scrollbar-color:var(--muted) var(--paper);scrollbar-width:auto;scroll-padding-top:130px}:root[data-theme=Dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#1c2426;--surface:#273235;--soft:#222d30;--ink:#f5f1e7;--muted:#bbc7c8;--hero-muted:#d8d9cc;--sand:#343a30;--sky:#2d3d43;--yellow:#f4ce65;--accent:#f3a28a;--line:#465659;--button:#f4ce65;--button-text:#263538;--icon-filter:invert(91%) sepia(10%) saturate(335%) hue-rotate(326deg)}:root:has(.site[data-theme=Dark]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#1c2426;--surface:#273235;--soft:#222d30;--ink:#f5f1e7;--muted:#bbc7c8;--hero-muted:#d8d9cc;--sand:#343a30;--sky:#2d3d43;--yellow:#f4ce65;--accent:#f3a28a;--line:#465659;--button:#f4ce65;--button-text:#263538;--icon-filter:invert(91%) sepia(10%) saturate(335%) hue-rotate(326deg)}@media (prefers-color-scheme:dark){:root:not([data-theme=Light]):not(:has(.site[data-theme=Light])){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#1c2426;--surface:#273235;--soft:#222d30;--ink:#f5f1e7;--muted:#bbc7c8;--hero-muted:#d8d9cc;--sand:#343a30;--sky:#2d3d43;--yellow:#f4ce65;--accent:#f3a28a;--line:#465659;--button:#f4ce65;--button-text:#263538;--icon-filter:invert(91%) sepia(10%) saturate(335%) hue-rotate(326deg)}}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif;line-height:1.55}::selection{color:#263538;background:#f4ce65}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.icon{filter:var(--icon-filter);pointer-events:none}a,button,summary{touch-action:manipulation}button:disabled{cursor:wait;opacity:.65}a .icon,button .icon,summary .icon{transition:transform .18s}a:hover>img[src$=arrow-up-right\.svg]{transform:translate(2px,-2px)}a:hover>img[src$=arrow-right\.svg]{transform:translate(3px)}a:hover>img[src$=arrow-down\.svg]{transform:translateY(3px)}a:hover>img[src$=arrow-up\.svg]{transform:translateY(-3px)}details[open]>summary .icon{transform:rotate(180deg)}.project-card .icon{filter:var(--icon-filter)}.project-card>div:first-child .icon{filter:brightness(0)saturate()invert(17%)sepia(12%)saturate(800%)hue-rotate(143deg)}.hero-portrait>img{border-radius:180px 180px 12px 12px}.hero-portrait figcaption{color:#536061}@media (max-width:600px){:root{scroll-padding-top:110px}}.hero-enter{animation:.65s cubic-bezier(.2,.7,.2,1) both arrive}.hero-portrait{animation:.85s cubic-bezier(.2,.7,.2,1) both arrive}.hero-badge{animation:1s cubic-bezier(.2,.7,.2,1) both badge-arrive}@keyframes arrive{0%{opacity:0;translate:0 20px}to{opacity:1;translate:0}}@keyframes badge-arrive{0%,30%{opacity:0;translate:0 14px}to{opacity:1;translate:0}}@supports (animation-timeline:view()){.reveal{animation:linear both arrive;animation-timeline:view();animation-range:entry entry 18%}}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.18s}::view-transition-new(root){animation-duration:.18s}.site button[aria-pressed=true] .icon{filter:brightness(0)saturate()invert(17%)sepia(12%)saturate(800%)hue-rotate(143deg)}.site header button[aria-pressed=true] .icon{filter:var(--icon-filter)}.site main article pre{tab-size:2}.site main aside nav{gap:14px;display:grid}.site main aside a{color:var(--muted);font-size:15px;line-height:1.5;text-decoration:none}.site main aside a:hover{color:var(--ink);text-decoration:underline}.markdown-body h2{letter-spacing:-.03em;margin:40px 0 20px;font-family:Fraunces,Georgia,serif;font-size:31px;line-height:1.2}.markdown-body p{margin:0 0 20px}.markdown-body pre{color:#f0f4ed;background:#202d31;border-radius:10px;padding:24px;font-size:13px;line-height:1.8;overflow-x:auto}.markdown-body a{text-underline-offset:3px;align-items:center;gap:6px;display:inline-flex}.article-takeaway p{margin-top:14px}.article-takeaway strong{margin-top:10px;display:block}.site main article>div>div>div:has(>strong)>span{color:var(--muted);font-size:14px}@media (pointer:fine){a,button,summary{cursor:url(/cursor-pointer-outlined.png) 8 3,pointer}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}.primary-action>.icon{filter:brightness(0)invert()}.site[data-theme=Dark] .primary-action>.icon{filter:brightness(0)}@media (prefers-color-scheme:dark){.site[data-theme=System] .primary-action>.icon{filter:brightness(0)}}@supports (animation-timeline:scroll()){body:has(.site):before{content:"";top:0;background:var(--accent);transform-origin:0;z-index:100;height:3px;animation:linear reading-progress;animation-timeline:scroll();position:fixed;inset-inline:0}@keyframes reading-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}}.project-card dt{color:var(--ink);margin-bottom:3px;font-weight:650}.project-card dd{color:var(--muted)}.project-card div:has(>img+img) img{object-fit:contain;clip-path:inset(1% 2% 0 round 7%/4.5%);width:min(43%,190px);height:auto;max-height:100%}.website-shot[data-project=just-eat]{aspect-ratio:16/9}.website-shot[data-project=feedr],.website-shot[data-project=agrefest]{aspect-ratio:1087/619}.website-shot[data-project=agrefest] img{width:101.2%}.project-card>div:last-child{flex-direction:column;flex:1;display:flex}.project-card>div:last-child>a{align-self:flex-start;margin-top:auto}.small-work-card{grid-template-rows:240px 1fr}@media (max-width:480px){.small-work-card{grid-template-rows:200px 1fr}}.small-work-card>div:last-child{flex-direction:column;display:flex}.small-work-card>div:last-child>a{align-self:flex-start;margin-top:auto;padding-top:12px}.post-art>img{filter:brightness(0)saturate()invert(17%)sepia(12%)saturate(800%)hue-rotate(143deg);width:112px;height:112px;transition:transform .24s}.post-card:hover .post-art>img{transform:rotate(-6deg)scale(1.05)}.post-art{--sand:#f5e5b9;--sky:#e1edf3;--yellow:#f4ce65}#about figure img{aspect-ratio:4/3;object-fit:cover;width:100%}#about a img{background:#fffefa;border-radius:6px;padding:8px}#contact :focus-visible{outline-color:#f4ce65}#contact a:hover{text-underline-offset:5px;text-decoration:underline}select{cursor:pointer}select option{background:var(--surface);color:var(--ink)}@media (forced-colors:active){a,button,summary,select{cursor:auto}}.hero-portrait>img{filter:grayscale()}.site main aside+div>div[class]>.icon{filter:brightness(0)saturate()invert(17%)sepia(12%)saturate(800%)hue-rotate(143deg)}@media (max-width:900px){#main-navigation{animation:.18s ease-out arrive}}.theme-option{cursor:pointer;flex:1;position:relative}.theme-option input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.theme-option input:checked+span{background:var(--surface);box-shadow:0 1px 5px #00000018}.theme-option input:focus-visible+span{outline:3px solid var(--accent);outline-offset:3px}.theme-option input:hover+span{box-shadow:0 0 0 1px var(--muted)}.theme-option input:checked+span .icon{opacity:1}.theme-option input:not(:checked)+span .icon{opacity:.65}@media (prefers-reduced-motion:no-preference){nav[aria-label=Main\ navigation]{animation:.16s ease-out menu-enter}@keyframes menu-enter{0%{opacity:0;translate:0 -4px}to{opacity:1;translate:0}}}@media (forced-colors:active){.theme-option input{opacity:1;width:auto;height:auto;position:static}.theme-option{align-items:center;display:flex}}.markdown-body h3{margin:28px 0 12px;font-size:23px}.markdown-body ul,.markdown-body ol{margin-block:16px;padding-inline-start:1.5em}.markdown-body li{margin-block:8px}.markdown-body blockquote{border-inline-start:3px solid var(--accent);color:var(--muted);margin-block:24px;padding-inline-start:20px}.markdown-body :not(pre)>code{background:var(--soft);overflow-wrap:anywhere;border-radius:4px;padding:2px 5px}.markdown-body img{border-radius:12px;max-width:100%;height:auto}.markdown-body table{border-collapse:collapse;margin-block:24px;display:block;overflow-x:auto}.markdown-body td,.markdown-body th{border:1px solid var(--line);text-align:start;padding:10px}.markdown-body a{overflow-wrap:anywhere}h1,h2,h3{text-wrap:balance}main p,#contact p{text-wrap:pretty}#craft{--line:color-mix(in srgb, var(--ink) 20%, transparent)}.together-heading>div:last-child>div>img{margin-bottom:12px}#writing{border-top:1px solid var(--line)}#about+#writing{padding-top:64px}.about-note{margin-top:20px}.about-note button{color:inherit;font:inherit;cursor:pointer;text-underline-offset:5px;width:-moz-fit-content;width:fit-content;min-height:44px;text-decoration:underline;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);background:0 0;border:0;align-items:center;gap:12px;padding:0;font-weight:550;display:flex}.about-note button:hover{text-decoration-color:currentColor}.about-note button>img{transition:transform .18s}.about-note:has(:popover-open) button>img{transform:rotate(45deg)}.contact-plane>img{transition:transform .24s}:is(#contact:has(.contact-details:hover) .contact-plane>img,#contact:has(.contact-details:focus-within) .contact-plane>img){transform:translate(6px,-6px)rotate(-8deg)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.contact-plane>img{animation:linear both plane-arrival;animation-timeline:view();animation-range:entry}}@keyframes plane-arrival{0%{opacity:0;translate:-20px 20px;rotate:-12deg}to{opacity:1;translate:0;rotate:0deg}}}@media (prefers-reduced-motion:reduce){body:has(.site):before{display:none}}@media (max-width:760px){#about+#writing{padding-top:48px}}img[data-brand=agrefest]{object-position:-9999px;background-color:#718036;-webkit-mask:url(/logos/agrefest.svg) 50%/contain no-repeat;mask:url(/logos/agrefest.svg) 50%/contain no-repeat}.site[data-theme=Dark] .experience-logos img[data-brand=agrefest]{object-position:center;background-color:#0000;-webkit-mask:none;mask:none}@media (prefers-color-scheme:dark){.site[data-theme=System] .experience-logos img[data-brand=agrefest]{object-position:center;background-color:#0000;-webkit-mask:none;mask:none}}img[data-brand=agrefest]{--logo-height:48px}img[data-brand=educationcity]{--logo-height:48px;--logo-width:165px}img[data-brand=just-eat]{--logo-height:42px}.site[data-theme=Dark] #craft img[src$="/aws.svg"]{object-position:-9999px;background-color:#f90;-webkit-mask:url(/logos/aws.svg) 50%/contain no-repeat;mask:url(/logos/aws.svg) 50%/contain no-repeat}.site[data-theme=Dark] #craft img[src$="/scaleway.svg"]{object-position:-9999px;background-color:#ad73e9;-webkit-mask:url(/logos/scaleway.svg) 50%/contain no-repeat;mask:url(/logos/scaleway.svg) 50%/contain no-repeat}@media (prefers-color-scheme:dark){.site[data-theme=System] #craft img[src$="/aws.svg"]{object-position:-9999px;background-color:#f90;-webkit-mask:url(/logos/aws.svg) 50%/contain no-repeat;mask:url(/logos/aws.svg) 50%/contain no-repeat}.site[data-theme=System] #craft img[src$="/scaleway.svg"]{object-position:-9999px;background-color:#ad73e9;-webkit-mask:url(/logos/scaleway.svg) 50%/contain no-repeat;mask:url(/logos/scaleway.svg) 50%/contain no-repeat}}.cta-attention{--cta-ring:var(--accent);outline-offset:3px;outline:2px solid #0000}.cta-attention:focus-visible{outline:3px solid var(--cta-ring);outline-offset:5px}#just-eat.project-card img[data-brand=just-eat]{object-position:-9999px;background-color:#873b10;-webkit-mask:url(/logos/just-eat.svg) 50%/contain no-repeat;mask:url(/logos/just-eat.svg) 50%/contain no-repeat}.about-note button{anchor-name:--about-note}.about-answer{border:1px solid var(--line);background:var(--surface);width:min(350px,100vw - 40px);color:var(--ink);opacity:0;transition:opacity .18s ease, translate .18s ease, display .18s allow-discrete, overlay .18s allow-discrete;border-radius:12px;margin:0 auto;padding:18px 20px;font-family:DM Sans,sans-serif;font-size:16px;line-height:1.6;position:fixed;inset:auto 20px 20px;translate:0 4px;box-shadow:0 8px 28px #00000020}.about-answer:popover-open{opacity:1;translate:0}@starting-style{.about-answer:popover-open{opacity:0;translate:0 4px}}@supports (position-anchor:--about-note){.about-answer{position-anchor:--about-note;inset:auto;bottom:anchor(top);left:anchor(left);position-try-fallbacks:flip-block, flip-inline;margin:0 0 10px}}.provider-list li{white-space:nowrap;align-items:center;gap:7px;min-height:32px;display:inline-flex}.provider-list li>img{object-fit:contain;flex:0 0 22px;width:22px;height:22px}.provider-list li>img[src$="/aws.svg"]{flex-basis:30px;width:30px}.heading-accent{white-space:nowrap;display:inline-block;position:relative}.heading-accent:after{content:"";pointer-events:none;border-bottom:4px solid var(--accent);transform-origin:0;border-radius:0 0 50% 35%;width:95%;height:12px;position:absolute;bottom:-10px;left:0;transform:rotate(-2deg)}@media (prefers-reduced-motion:no-preference){.heading-accent:after{animation:9s ease-in-out infinite heading-stroke}#about-heading .heading-accent:after{animation-delay:-3s}@keyframes heading-stroke{0%,82%,to{clip-path:inset(0)}87%{clip-path:inset(0 0 0 100%)}87.01%{clip-path:inset(0 100% 0 0)}96%{clip-path:inset(0)}}@supports (animation-timeline:view()){.hero-portrait{view-timeline-name:--hero-portrait}.hero-badge{--badge-tilt:-5deg;--badge-drift:-36px;animation:1s cubic-bezier(.2,.7,.2,1) both badge-arrive,linear both badge-depth;animation-timeline:auto,--hero-portrait;animation-range:normal,exit}.hero-badge:last-child{--badge-tilt:3deg;--badge-drift:24px}@keyframes badge-depth{0%{transform:translateY(0) rotate(var(--badge-tilt))}to{transform:translateY(var(--badge-drift)) rotate(calc(var(--badge-tilt) + 3deg))}}@media (max-width:760px){.hero-badge{--badge-drift:-20px}.hero-badge:last-child{--badge-drift:14px}}}}}@font-face{font-family:Fraunces;src:url(/fonts/fraunces.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/dm-sans.woff2)format("woff2");font-style:normal;font-weight:100 1000;font-display:swap}

@layer priority1 {
  .xm5lklg {
    --icon-filter: brightness(0) saturate(100%) invert(17%) sepia(12%) saturate(800%) hue-rotate(143deg);
  }

  .x1mthivr {
    --icon-filter: invert(92%) sepia(8%) saturate(300%) hue-rotate(325deg);
  }

  .xrjrvgz {
    --muted: #d2dedb;
  }
}

@layer priority2 {
  .x1ghz6dp {
    margin: 0;
  }

  .x4wdo2x {
    margin: 16px 0 26px;
  }

  .xled65b {
    margin: 18px 0 0;
  }

  .x1jpn8vx {
    margin: 50px auto 0;
  }

  .x1717udv {
    padding: 0;
  }

  .x15x03d9 {
    padding: 10px 14px;
  }

  .x1iwkndl {
    padding: 12px 16px;
  }

  .x1ifpib {
    padding: 12px 20px;
  }

  .x1lt2h7z {
    padding: 14px 22px;
  }

  .xi821aw {
    padding: 22px 24px;
  }

  .xggk2y7 {
    padding: 24px;
  }

  .xp9dabg {
    padding: 25px;
  }

  .xor4a8r {
    padding: 26px;
  }

  .xfawy5m {
    padding: 4px;
  }

  .x8h5oo0 {
    padding: 5px 9px;
  }

  .xhrpmxf {
    padding: 7px 12px;
  }

  .x1160tuk {
    padding: 8px 10px;
  }

  .x153ncpu {
    padding: 8px 12px;
  }

  @media (width <= 900px) {
    .x12zebj4.x12zebj4 {
      padding: 0;
    }
  }

  @media (width <= 480px) {
    .xhpp5mb.xhpp5mb {
      padding: 10px;
    }
  }

  @media (width <= 760px) {
    .xc41yn2.xc41yn2 {
      padding: 16px;
    }
  }

  @media (width <= 480px) {
    .xn0d55s.xn0d55s {
      padding: 18px;
    }

    .x19fppio.x19fppio {
      padding: 22px;
    }
  }
}

@layer priority3 {
  .x1qv99bc {
    border-color: #819395;
  }

  .x6fouwu {
    border-color: var(--line);
  }

  .x4pepcl {
    border-radius: 12px;
  }

  .xixl9f9 {
    border-radius: 14px;
  }

  .xn5hx6u {
    border-radius: 15px;
  }

  .xgqmno8 {
    border-radius: 16px;
  }

  .x3w1kce {
    border-radius: 180px 180px 12px 12px;
  }

  .x1m3ak92 {
    border-radius: 20px;
  }

  .x1khhgft {
    border-radius: 24px;
  }

  .x174e0gf {
    border-radius: 30px;
  }

  .x16rqkct {
    border-radius: 50%;
  }

  .x1sxf85j {
    border-radius: 5px;
  }

  .xu4hgxq {
    border-radius: 7px;
  }

  .xur7f20 {
    border-radius: 8px;
  }

  .xhpnuu7 {
    border-radius: 9px;
  }

  .x1y0btm7 {
    border-style: solid;
  }

  .xc342km {
    border-width: 0;
  }

  .xmkeg23 {
    border-width: 1px;
  }

  .x98rzlu {
    flex: 1;
  }

  .x883omv {
    gap: 10px;
  }

  .xkagz3p {
    gap: 12px 24px;
  }

  .x1v2ro7d {
    gap: 12px;
  }

  .x1af02g3 {
    gap: 14px;
  }

  .x1qg7m3j {
    gap: 15px;
  }

  .xou54vl {
    gap: 16px;
  }

  .xwoqd00 {
    gap: 18px 24px;
  }

  .xaobbuh {
    gap: 18px;
  }

  .x1c1vhfx {
    gap: 20px;
  }

  .xmt3bw4 {
    gap: 22px;
  }

  .x1665zp3 {
    gap: 24px;
  }

  .xqnjxqj {
    gap: 25px;
  }

  .x33pbmt {
    gap: 28px;
  }

  .x195vfkc {
    gap: 2px;
  }

  .x1rzw5jd {
    gap: 32px;
  }

  .xv5gsod {
    gap: 36px;
  }

  .xa2rlgh {
    gap: 38px;
  }

  .xtj016s {
    gap: 40px 64px;
  }

  .x1btcbt6 {
    gap: 45px;
  }

  .x1y9zxd1 {
    gap: 48px;
  }

  .xmmi44 {
    gap: 60px;
  }

  .xfytrsi {
    gap: 65px;
  }

  .x17d4w8g {
    gap: 6px;
  }

  .x1j9xkj6 {
    gap: 7px;
  }

  .x1fkiil2 {
    gap: 8px 16px;
  }

  .x167g77z {
    gap: 8px;
  }

  .xmmi0ta {
    gap: 9px;
  }

  .xe8uvvx {
    list-style: none;
  }

  .x10luyfp {
    margin-block: 10px;
  }

  .xq7u8qf {
    margin-block: 20px;
  }

  .xqrhvso {
    margin-block: 24px;
  }

  .x1nkss2m {
    margin-block: auto;
  }

  .xvueqy4 {
    margin-inline: auto;
  }

  .xb3r6kr {
    overflow: hidden;
  }

  .x1xn8qrt {
    padding-block: 16px;
  }

  .xr9q8rw {
    padding-block: 24px;
  }

  .x1p266rr {
    padding-block: 26px;
  }

  .x1ggvggm {
    padding-block: 35px;
  }

  .x1g2vjvz {
    padding-block: 75px;
  }

  .xbf3g3x {
    padding-block: 88px;
  }

  .xioy2tq {
    padding-block: 90px;
  }

  .xj7an9n {
    padding-inline: 32px;
  }

  .xm9j1uf {
    padding-inline: 5px;
  }

  .x1ku5rj1 {
    place-items: center;
  }

  .x1hl2dhg {
    text-decoration: none;
  }

  .x1t3whoi {
    transition: background-color .15s;
  }

  .x18yu0tc {
    transition: background-color .16s, box-shadow .16s;
  }

  .x1h97jxb {
    transition: transform .18s, box-shadow .18s;
  }

  .x13woxms {
    transition: transform .2s, box-shadow .2s;
  }

  .xbbuasa {
    transition: transform .4s;
  }

  .xt0b8zv:hover {
    text-decoration: underline;
  }

  @media (width <= 900px) {
    .x16f5dj9.x16f5dj9 {
      border-radius: 12px;
    }

    .xkbcnxr.xkbcnxr {
      border-radius: 8px;
    }
  }

  @media (width <= 600px) {
    .xixb5a0.xixb5a0 {
      gap: 12px 10px;
    }
  }

  @media (width <= 900px) {
    .x1yowzy9.x1yowzy9 {
      gap: 14px;
    }
  }

  @media (width <= 760px) {
    .x5d7y81.x5d7y81 {
      gap: 16px;
    }
  }

  @media (width >= 601px) and (width <= 900px) {
    .xbgzbyj.xbgzbyj {
      gap: 16px;
    }
  }

  @media (width <= 1000px) {
    .x1syrnrt.x1syrnrt {
      gap: 20px;
    }
  }

  @media (width <= 760px) {
    .x1siqx01.x1siqx01 {
      gap: 26px;
    }
  }

  @media (width <= 900px) {
    .xaii5dg.xaii5dg {
      gap: 30px;
    }
  }

  @media (width <= 760px) {
    .x153y8yz.x153y8yz {
      gap: 32px;
    }
  }

  @media (width <= 900px) {
    .x1ug89be.x1ug89be {
      gap: 4px;
    }
  }

  @media (width <= 480px) {
    .x1w5z39n.x1w5z39n {
      gap: 8px;
    }
  }

  @media (width <= 900px) {
    .x1wmn1wr.x1wmn1wr {
      grid-column: 1 / -1;
    }
  }

  @media (width <= 600px) {
    .x1bjkmcy.x1bjkmcy {
      grid-column: span 2;
    }
  }

  @media (width >= 601px) and (width <= 900px) {
    .xvk34qn.xvk34qn {
      grid-column: span 2;
    }
  }

  @media (width <= 760px) {
    .x1osj8fh.x1osj8fh {
      margin-inline: auto;
    }
  }

  @media (width <= 900px) {
    .x3b8osu.x3b8osu {
      padding-block: 12px;
    }

    .xgbtx27.xgbtx27 {
      padding-block: 14px;
    }
  }

  @media (width <= 760px) {
    .xl9km4z.xl9km4z {
      padding-block: 48px;
    }

    .xdrdhvp.xdrdhvp {
      padding-block: 56px;
    }
  }

  @media (width <= 600px) {
    .x1mnl9d5.x1mnl9d5:last-child {
      grid-column: 1 / -1;
    }
  }

  @media (width >= 601px) and (width <= 900px) {
    .x1t5zz5g.x1t5zz5g:last-child {
      grid-column: 4 / span 2;
    }

    .xx2z12w.xx2z12w:nth-last-child(2) {
      grid-column: 2 / span 2;
    }
  }
}

@layer priority4 {
  .x10ukxgv {
    align-content: start;
  }

  .x6s0dn4 {
    align-items: center;
  }

  .xpqajaz {
    align-items: end;
  }

  .x7fd4wk {
    align-self: end;
  }

  .x1y8v6su {
    align-self: start;
  }

  .xvoovht {
    background-color: #1f1f1f;
  }

  .x16072sv {
    background-color: #202d31;
  }

  .xzoczdu {
    background-color: #34464a;
  }

  .x7zzd {
    background-color: #e1edf3;
  }

  .xu73d41 {
    background-color: #edc4b5;
  }

  .xvaaj4k {
    background-color: #f4ce65;
  }

  .xu2fgfv {
    background-color: #f5e5b9;
  }

  .xjbqb8w {
    background-color: #0000;
  }

  .x1u4b4nq {
    background-color: var(--button);
  }

  .xsh0q14 {
    background-color: var(--paper);
  }

  .x129m0h6 {
    background-color: var(--sand);
  }

  .x11dahde {
    background-color: var(--sky);
  }

  .x18eltdy {
    background-color: var(--soft);
  }

  .xuvt9l {
    background-color: var(--surface);
  }

  .xr04drv {
    background-color: var(--yellow);
  }

  .x1al8c7r {
    border-block-color: var(--line);
  }

  .xykt701 {
    border-block-style: solid;
  }

  .x1kbiq1m {
    border-block-width: 1px;
  }

  .x1yui9jh {
    box-shadow: 0 4px #00000013;
  }

  .x15skjkh {
    box-shadow: 0 5px 18px #26353820;
  }

  .x1p6ebbm {
    box-shadow: 0 8px 25px #26353815;
  }

  .x1hyvwdk {
    clip-path: inset(50%);
  }

  .x137pt1x {
    color: #263538;
  }

  .x1jg431g {
    color: #445253;
  }

  .x1w96pl7 {
    color: #d2dedb;
  }

  .x1qvrbr5 {
    color: #f0f4ed;
  }

  .x1mmvx0m {
    color: #fffaf0;
  }

  .x1heor9g {
    color: inherit;
  }

  .x1qq9wsj {
    color: var(--accent);
  }

  .x22syxl {
    color: var(--button-text);
  }

  .x1wi7st9 {
    color: var(--hero-muted);
  }

  .x1lk8qxj {
    color: var(--ink);
  }

  .x17j02y5 {
    color: var(--muted);
  }

  .x1ypdohk {
    cursor: pointer;
  }

  .x1lliihq {
    display: block;
  }

  .x78zum5 {
    display: flex;
  }

  .xrvj5dj {
    display: grid;
  }

  .x3nfvp2 {
    display: inline-flex;
  }

  .xt0psk2 {
    display: inline;
  }

  .x1s85apg {
    display: none;
  }

  .xn5xocy {
    filter: brightness(1.02);
  }

  .xdt5ytf {
    flex-direction: column;
  }

  .x1iyjqo2 {
    flex-grow: 1;
  }

  .x2lah0s {
    flex-shrink: 0;
  }

  .xozqiw3 {
    flex-wrap: nowrap;
  }

  .x1a02dak {
    flex-wrap: wrap;
  }

  .x17jxm6l {
    font-family: Fraunces, Georgia, serif;
  }

  .x4z9k3i {
    font-size: 13px;
  }

  .xif65rj {
    font-size: 14px;
  }

  .x1jvydc1 {
    font-size: 15px;
  }

  .x1j61zf2 {
    font-size: 16px;
  }

  .x19d36u7 {
    font-size: 17px;
  }

  .xosj86m {
    font-size: 18px;
  }

  .x1q7jzdg {
    font-size: 19px;
  }

  .xwsyq91 {
    font-size: 20px;
  }

  .x1i1m3gp {
    font-size: 22px;
  }

  .x5heo1l {
    font-size: 23px;
  }

  .xneq65o {
    font-size: 28px;
  }

  .xr3hsre {
    font-size: 39px;
  }

  .x13zgylg {
    font-size: clamp(20px, 2.1vw, 30px);
  }

  .x1s0goqa {
    font-size: clamp(25px, 2.5vw, 34px);
  }

  .xdd9lr2 {
    font-size: clamp(34px, 3.5vw, 50px);
  }

  .x19xok8l {
    font-size: clamp(40px, 5.6vw, 72px);
  }

  .x1hlabfb {
    font-size: clamp(42px, 4.5vw, 67px);
  }

  .xp234tk {
    font-size: clamp(51px, 5.7vw, 82px);
  }

  .x8s28vx {
    font-variation-settings: "SOFT" 40,"WONK" 1;
  }

  .xk50ysn {
    font-weight: 500;
  }

  .xh88oxj {
    font-weight: 550;
  }

  .x1s688f {
    font-weight: 600;
  }

  .x19s9jnd {
    font-weight: 650;
  }

  .xh72mav {
    font-weight: 660;
  }

  .x18ab760 {
    font-weight: 720;
  }

  .x1t8wntd {
    font-weight: 750;
  }

  .x1mt1orb {
    grid-auto-flow: column;
  }

  .x1ot30m5 {
    grid-template-columns: 1.15fr .85fr;
  }

  .xxnm28a {
    grid-template-columns: 110px repeat(5, minmax(0, 1fr));
  }

  .x10lg9r {
    grid-template-columns: 210px minmax(0, 680px);
  }

  .xcjjqqt {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .x1mkdm3x {
    grid-template-columns: minmax(0, 1fr);
  }

  .xnby9oq {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .x185a7wo {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .xl56j7k {
    justify-content: center;
  }

  .x1qughib {
    justify-content: space-between;
  }

  .x1o2pa38 {
    justify-items: center;
  }

  .x1jk9byj {
    letter-spacing: -.025em;
  }

  .x119dkuu {
    letter-spacing: -.035em;
  }

  .xpgpu2e {
    letter-spacing: -.045em;
  }

  .xne9tug {
    letter-spacing: -.04em;
  }

  .x1hwsdrk {
    letter-spacing: -.055em;
  }

  .x1udmw9u {
    letter-spacing: -.05em;
  }

  .x7447wj {
    letter-spacing: .12em;
  }

  .x34zpqt {
    line-height: 1.035;
  }

  .x1hdd4na {
    line-height: 1.07;
  }

  .x1vsts26 {
    line-height: 1.08;
  }

  .xax6vvg {
    line-height: 1.12;
  }

  .x1uo3zyz {
    line-height: 1.15;
  }

  .x11k29pw {
    line-height: 1.18;
  }

  .x132q4wb {
    line-height: 1.25;
  }

  .x37zpob {
    line-height: 1.4;
  }

  .xfrs9s4 {
    line-height: 1.45;
  }

  .x1evy7pa {
    line-height: 1.5;
  }

  .x1dbl2gt {
    line-height: 1.6;
  }

  .x11m8ghp {
    line-height: 1.65;
  }

  .xa7kkou {
    line-height: 1.7;
  }

  .xwsnznl {
    line-height: 1.85;
  }

  .xo5v014 {
    line-height: 1;
  }

  .x1owg228 {
    mix-blend-mode: multiply;
  }

  .x19kjcj4 {
    object-fit: contain;
  }

  .xl1xv1r {
    object-fit: cover;
  }

  .xti2d7y {
    opacity: .4;
  }

  .xj0a0fe {
    overflow-wrap: anywhere;
  }

  .x10l6tqk {
    position: absolute;
  }

  .xixxii4 {
    position: fixed;
  }

  .x1n2onr6 {
    position: relative;
  }

  .x7wzq59 {
    position: sticky;
  }

  .x2b8uid {
    text-align: center;
  }

  .xtvhhri {
    text-transform: uppercase;
  }

  .xjygbdx {
    text-underline-offset: 6px;
  }

  .x1w2vvpw {
    text-wrap: balance;
  }

  .xtwysp0 {
    transform: rotate(-1deg);
  }

  .xetamn0 {
    transform: rotate(-5deg);
  }

  .xr18tz9 {
    transform: rotate(3deg);
  }

  .xfqxla5 {
    transform: translateY(-160%);
  }

  .x11uqc5h {
    z-index: 100;
  }

  .xhtitgo {
    z-index: 2;
  }

  .x68pp3s {
    z-index: 30;
  }

  .xy0s1no:hover {
    background-color: #496369;
  }

  .x6tl5p4:hover {
    box-shadow: 0 15px 30px #2635380c;
  }

  .x7ikvjq:hover {
    box-shadow: 0 7px #00000013;
  }

  .xcuqjrd:hover {
    transform: rotate(-1deg) translateY(-4px);
  }

  .x1oa88o5:hover {
    transform: translateY(-3px);
  }

  .x1neyzuf:hover {
    transform: translateY(-5px);
  }

  .x1wfrlr2:focus {
    transform: translateY(0);
  }

  .xpk4wdd:active {
    box-shadow: none;
  }

  .x3kbueh:active {
    transform: translateY(0);
  }

  @media (width <= 600px) {
    .x1dazz4b.x1dazz4b {
      align-items: flex-start;
    }
  }

  @media (width <= 900px) {
    .x1se4d6d.x1se4d6d {
      align-items: stretch;
    }

    .xw50qwm.xw50qwm {
      clip-path: none;
    }

    .x12j8bht.x12j8bht {
      color: var(--muted);
    }
  }

  @media (width <= 760px) {
    .xok8e5i.xok8e5i {
      display: block;
    }
  }

  @media (width <= 900px) {
    .xdqhfk1.xdqhfk1 {
      display: flex;
    }

    .xvnvyv0.xvnvyv0 {
      display: inline-flex;
    }

    .x1rbws5f.x1rbws5f {
      display: inline;
    }
  }

  @media (width <= 360px) {
    .xossbxr.xossbxr {
      display: none;
    }
  }

  @media (width <= 480px) {
    .x3t3hqi.x3t3hqi {
      display: none;
    }
  }

  @media (width <= 900px) {
    .x1m6h4mq.x1m6h4mq {
      display: none;
    }
  }

  @media (width <= 600px) {
    .x61ehyw.x61ehyw {
      flex-direction: column;
    }
  }

  @media (width <= 900px) {
    .x120ejgs.x120ejgs {
      flex-direction: column;
    }

    .xdpm95p.xdpm95p {
      flex-wrap: wrap;
    }
  }

  @media (width <= 480px) {
    .xw0ar1q.xw0ar1q {
      font-size: 13px;
    }
  }

  @media (width <= 900px) {
    .xyp4l9z.xyp4l9z {
      font-size: 14px;
    }
  }

  @media (width <= 360px) {
    .x1yk7e7c.x1yk7e7c {
      font-size: 17px;
    }

    .x57yykw.x57yykw {
      font-size: 32px;
    }
  }

  @media (width <= 760px) {
    .x1szmnv0.x1szmnv0 {
      font-size: clamp(42px, 8.8vw, 66px);
    }
  }

  @media (width <= 1050px) {
    .xlglrqe.xlglrqe {
      grid-template-columns: minmax(0, 1fr);
    }
  }

  @media (width <= 760px) {
    .xmf9q9w.xmf9q9w {
      grid-template-columns: minmax(0, 1fr);
    }
  }

  @media (width <= 900px) {
    .x5oc4b.x5oc4b {
      grid-template-columns: minmax(0, 1fr);
    }

    .x1q0rvez.x1q0rvez {
      grid-template-columns: minmax(0, 680px);
    }
  }

  @media (width <= 600px) {
    .x1ptdk8h.x1ptdk8h {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }

  @media (width >= 601px) and (width <= 900px) {
    .xe4210h.xe4210h {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }

  @media (width <= 900px) {
    .x1j8tfr.x1j8tfr {
      position: static;
    }

    .xd9j4tm.xd9j4tm {
      text-align: center;
    }
  }
}

@layer priority5 {
  .x3nkjwi {
    border-bottom-color: #819395;
  }

  .xk3n7ll {
    border-bottom-color: var(--line);
  }

  .x1q0q8m5 {
    border-bottom-style: solid;
  }

  .xso031l {
    border-bottom-width: 1px;
  }

  .x1edcn4e {
    border-top-color: #52666a;
  }

  .x23dydh {
    border-top-color: var(--line);
  }

  .x13fuv20 {
    border-top-style: solid;
  }

  .x178xt8z {
    border-top-width: 1px;
  }

  .x1ie60bf {
    bottom: 58px;
  }

  .x5yr21d {
    height: 100%;
  }

  .xjm9jq1 {
    height: 1px;
  }

  .x1i91kvl {
    height: 215px;
  }

  .x17rw0jw {
    height: 22px;
  }

  .x1u5z0ei {
    height: 240px;
  }

  .xcx40h0 {
    height: 420px;
  }

  .x5kalc8 {
    height: 42px;
  }

  .xnnlda6 {
    height: 56px;
  }

  .x1peatla {
    height: 64px;
  }

  .x17j7krd {
    height: 84px;
  }

  .xt7dq6l {
    height: auto;
  }

  .x5f6a3x {
    height: var(--logo-height, 38px);
  }

  .x1gst48r {
    left: -28px;
  }

  .x1qpfodn {
    left: 16px;
  }

  .x16pr9af {
    margin-bottom: -10px;
  }

  .xod5an3 {
    margin-bottom: 12px;
  }

  .x1u7kmwd {
    margin-bottom: 14px;
  }

  .x1fqp7bg {
    margin-bottom: 15px;
  }

  .x1yztbdb {
    margin-bottom: 16px;
  }

  .x1c436fg {
    margin-bottom: 18px;
  }

  .x1hq5gj4 {
    margin-bottom: 24px;
  }

  .x1iymm2a {
    margin-bottom: 32px;
  }

  .x1yu7th5 {
    margin-bottom: 38px;
  }

  .xzueoph {
    margin-bottom: 6px;
  }

  .x8x9d4c {
    margin-left: auto;
  }

  .x14vqqas {
    margin-top: 12px;
  }

  .xw7yly9 {
    margin-top: 16px;
  }

  .xhrpt6u {
    margin-top: 18px;
  }

  .x1sy10c2 {
    margin-top: 20px;
  }

  .x1sgpng {
    margin-top: 22px;
  }

  .x1e1m7ul {
    margin-top: 25px;
  }

  .xaqh0s9 {
    margin-top: 26px;
  }

  .xjv05ge {
    margin-top: 28px;
  }

  .x9f1gs1 {
    margin-top: 35px;
  }

  .xib59rt {
    margin-top: 38px;
  }

  .x7r5mf7 {
    margin-top: 3px;
  }

  .x1k70j0n {
    margin-top: 6px;
  }

  .xr1yuqi {
    margin-top: auto;
  }

  .x4icpfz {
    max-height: 505px;
  }

  .x7u6uu3 {
    max-width: 10em;
  }

  .xdf57ih {
    max-width: 11em;
  }

  .x55n99s {
    max-width: 15em;
  }

  .x1fzglw3 {
    max-width: 265px;
  }

  .xq2pcee {
    max-width: 440px;
  }

  .x1q6x1k0 {
    max-width: 470px;
  }

  .x1fmlzrv {
    max-width: 515px;
  }

  .x7ep2pv {
    max-width: 680px;
  }

  .x1xr5p7o {
    max-width: 860px;
  }

  .x1x1rfll {
    max-width: none;
  }

  .xq7qjuq {
    max-width: var(--logo-width, 140px);
  }

  .x2lwn1j {
    min-height: 0;
  }

  .xg6iff7 {
    min-height: 100vh;
  }

  .x1ficeh5 {
    min-height: 240px;
  }

  .x1gg8mnh {
    min-height: 44px;
  }

  .x3sc9yq {
    min-height: 46px;
  }

  .x1wxaq2x {
    min-height: 48px;
  }

  .x1wiwyrm {
    min-height: 52px;
  }

  .xeuugli {
    min-width: 0;
  }

  .x1nb6za0 {
    min-width: 44px;
  }

  .xwrg52n {
    min-width: 88px;
  }

  .x101abm8 {
    overflow-x: clip;
  }

  .x1l90r2v {
    padding-bottom: 16px;
  }

  .x1hhzuzn {
    padding-bottom: 18px;
  }

  .xwxc41k {
    padding-bottom: 24px;
  }

  .x198on2p {
    padding-bottom: 38px;
  }

  .x8rgvua {
    padding-bottom: 58px;
  }

  .x1ej9moc {
    padding-bottom: 80px;
  }

  .x1p5oq8j {
    padding-top: 24px;
  }

  .x9desvi {
    padding-top: 26px;
  }

  .x1miatn0 {
    padding-top: 32px;
  }

  .xrlqpzj {
    padding-top: 45px;
  }

  .xahk0qz {
    padding-top: 58px;
  }

  .x1uv2y2q {
    right: -18px;
  }

  .x13vifvy {
    top: 0;
  }

  .xcoq3jd {
    top: 120px;
  }

  .x1tk7jg1 {
    top: 12px;
  }

  .x1si2f76 {
    top: 42px;
  }

  .xh8yej3 {
    width: 100%;
  }

  .xg73kjl {
    width: 101.2%;
  }

  .xzvq6n8 {
    width: 101.7%;
  }

  .x1i1rx1s {
    width: 1px;
  }

  .x17z2i9w {
    width: 22px;
  }

  .x10h3iyq {
    width: 42px;
  }

  .x15yg21f {
    width: 56px;
  }

  .x19v3vle {
    width: 84px;
  }

  .xloyg6u {
    width: calc(100% - 48px);
  }

  .xk3mlfe {
    width: min(100% - 112px, 1280px);
  }

  .xraq5he {
    width: min(100% - 48px, 1000px);
  }

  .xar5zy8 {
    width: min(100% - 48px, 1060px);
  }

  @media (width <= 480px) {
    .x1ujzws9.x1ujzws9 {
      height: 200px;
    }

    .x70kny2.x70kny2 {
      height: 300px;
    }
  }

  @media (width <= 900px) {
    .x1xq8b9j.x1xq8b9j {
      height: auto;
    }

    .xgrqgll.xgrqgll {
      margin-left: 0;
    }

    .x2fq9jc.x2fq9jc {
      margin-top: 10px;
    }

    .x7gfbbx.x7gfbbx {
      margin-top: 14px;
    }
  }

  @media (width <= 760px) {
    .xg4enuf.xg4enuf {
      margin-top: 16px;
    }

    .xfp4r96.xfp4r96 {
      margin-top: 24px;
    }

    .x1nqrnxx.x1nqrnxx {
      max-width: 12em;
    }

    .x12mpkph.x12mpkph {
      max-width: 400px;
    }
  }

  @media (width <= 480px) {
    .xhhxsu1.xhhxsu1 {
      min-height: 200px;
    }

    .x1b4wsov.x1b4wsov {
      min-width: 46px;
    }
  }

  @media (width <= 760px) {
    .xgrecjp.xgrecjp {
      padding-bottom: 24px;
    }
  }

  @media (width <= 900px) {
    .xfnj4y6.xfnj4y6 {
      padding-top: 18px;
    }
  }

  @media (width <= 760px) {
    .xd14rvp.xd14rvp {
      padding-top: 34px;
    }
  }

  @media (width <= 900px) {
    .x12floly.x12floly {
      width: 100%;
    }

    .xlzznb3.xlzznb3 {
      width: auto;
    }
  }

  @media (width <= 480px) {
    .xhthdj0.xhthdj0 {
      width: calc(100% - 36px);
    }
  }

  @media (width <= 900px) {
    .xrfwnjn.xrfwnjn {
      width: calc(100% - 48px);
    }
  }

  @media (width <= 760px) {
    .x1i8k3dq.x1i8k3dq {
      width: min(90%, 420px);
    }
  }
}