:root{--bg:#62a39c;--ink:#06211e;--tint:color-mix(in srgb, var(--ink) 10%, var(--bg));--tint-strong:color-mix(in srgb, var(--ink) 18%, var(--bg));--checker:repeating-conic-gradient(#ccc 0 25%, #fff 0 50%) 0 0 / 32px 32px;--pad:clamp(16px, 4vw, 56px);--bar-h:68px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:var(--bar-h)}body{background:var(--bg);color:var(--ink);font:500 16px/1.45 var(--font);-webkit-font-smoothing:antialiased;margin:0;transition:background-color .35s,color .35s}h1,h2,h3,p,figure{margin:0}ul[role=list]{margin:0;padding:0;list-style:none}a{color:inherit}button,input,select{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%;display:block}:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:6px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}[hidden]{display:none!important}.skip{z-index:30;background:var(--ink);color:var(--bg);border-radius:999px;padding:8px 14px;font-weight:600;text-decoration:none;position:fixed;top:8px;left:8px;translate:0 -200%}.skip:focus-visible{translate:none}.page:focus-visible{outline:none}.bar{z-index:20;height:var(--bar-h);padding:0 var(--pad);background:var(--bg);align-items:center;gap:36px;transition:background-color .35s;display:flex;position:sticky;top:0}.mark{letter-spacing:-.03em;font-size:24px;font-weight:800;text-decoration:none}.nav{gap:6px;display:flex}.nav a{white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:16px;font-weight:600;text-decoration:none}.nav a:hover{background:var(--tint)}.nav a[aria-current=page]{background:var(--ink);color:var(--bg)}.bar-search{flex:0 260px;min-width:0;margin-left:auto;position:relative}.bar-search svg{pointer-events:none;position:absolute;top:50%;left:14px;translate:0 -50%}.bar-search input{border:2px solid var(--ink);appearance:none;background:0 0;border-radius:999px;width:100%;height:40px;padding:0 16px 0 38px;font-size:15px;font-weight:600}.bar-search input::placeholder{color:var(--ink);opacity:1}.bar-search input::-webkit-search-cancel-button{display:none}.backdrop{align-items:center;gap:10px;margin-left:auto;display:flex}.bar-search+.backdrop{margin-left:0}.backdrop__label{margin-right:4px;font-size:14px;font-weight:600}.swatch{border:2px solid var(--ink);background:var(--swatch);cursor:pointer;border-radius:50%;flex:none;width:26px;height:26px;padding:0;position:relative}:root:not([data-backdrop]) .swatch[data-bg=lagoon],:root[data-backdrop=lagoon] .swatch[data-bg=lagoon],:root[data-backdrop=dusk] .swatch[data-bg=dusk],:root[data-backdrop=tomato] .swatch[data-bg=tomato],:root[data-backdrop=paper] .swatch[data-bg=paper],:root[data-backdrop=night] .swatch[data-bg=night],:root[data-backdrop=checker] .swatch[data-bg=checker],:root[data-backdrop=custom] .swatch[data-bg=custom]{box-shadow:0 0 0 3px var(--bg), 0 0 0 6px var(--ink)}.swatch:has(input:focus-visible){outline:3px solid var(--ink);outline-offset:3px}.swatch--checker{background:repeating-conic-gradient(#b9b9b9 0 25%, #fff 0 50%) 0 0 / 12px 12px}.swatch--custom{background:conic-gradient(#ff5a4f,#ffd84a,#55d07b,#4aa8ff,#b86bff,#ff5a4f);overflow:hidden}.swatch--custom input{opacity:0;cursor:pointer;width:40px;height:40px;position:absolute;inset:-6px}.swatch--custom:focus-within{outline:3px solid var(--ink);outline-offset:3px}.btn{border:2px solid var(--ink);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:13px 22px;font-size:16px;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover{background:var(--tint)}.btn--fill{background:var(--ink);color:var(--bg)}.btn--fill:hover{background:color-mix(in srgb, var(--ink) 86%, var(--bg))}.btn--big{padding:18px 30px;font-size:19px;font-weight:700}.btn svg{flex:none}.pill{white-space:nowrap;background:0 0;border:0;border-radius:999px;padding:8px 15px;font-size:15px;font-weight:600;text-decoration:none;display:inline-block}.pill:hover{background:var(--tint)}.pill[aria-pressed=true],.pill[aria-current=page]{background:var(--ink);color:var(--bg)}.density{border:2px solid var(--ink);border-radius:999px;padding:2px;display:flex}.density button{background:0 0;border:0;border-radius:999px;place-items:center;width:34px;height:30px;display:grid}:root:not([data-size]) .density [data-size=m],:root[data-size=s] .density [data-size=s],:root[data-size=l] .density [data-size=l]{background:var(--ink);color:var(--bg)}.back{border-radius:999px;flex:none;align-items:center;gap:6px;margin-left:-12px;padding:8px 14px 8px 8px;font-weight:600;text-decoration:none;display:inline-flex}.back:hover{background:var(--tint)}.steps{gap:8px;display:flex}.steps a,.steps span{border:2px solid var(--ink);border-radius:50%;place-items:center;width:46px;height:46px;display:grid}.steps a:hover{background:var(--tint)}.steps span{opacity:.35}.view__top{align-items:center;gap:16px;padding:18px 0 6px;display:flex}.page{padding:0 var(--pad) 96px}.wall{--cell:190px;--gap-x:30px;--gap-y:40px;--cols:3;grid-template-columns:repeat(auto-fill, minmax(var(--cell), 1fr));gap:var(--gap-y) var(--gap-x);display:grid}:root[data-size=s] .wall:not(.wall--medium){--cell:112px;--gap-x:20px;--gap-y:26px;--cols:4}:root[data-size=l] .wall:not(.wall--medium){--cell:310px;--gap-x:44px;--gap-y:56px;--cols:2}.plates{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:start;gap:40px 30px;display:grid}.headline{padding-top:clamp(20px,5vw,56px)}.headline h1{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(56px,9vw,120px);font-weight:800;line-height:1.05}.headline p{max-width:52ch;margin-top:10px;font-size:19px}.prose{max-width:31em;padding-top:clamp(20px,5vw,56px);font-size:17px;line-height:1.6}.prose h1{letter-spacing:-.04em;margin-bottom:28px;font-size:clamp(44px,6.4vw,92px);font-weight:800;line-height:1}.prose h2{letter-spacing:-.02em;margin:52px 0 12px;font-size:26px;font-weight:700;line-height:1.2}.prose p+p{margin-top:14px}.prose a{text-underline-offset:3px}.prose code{font:inherit;font-weight:600}.note{border:2px solid var(--ink);border-radius:14px;margin-bottom:24px;padding:14px 18px}.field+.field{margin-top:20px}.field label{margin-bottom:6px;font-weight:600;display:block}.field input,.field textarea{border:2px solid var(--ink);background:var(--bg);width:100%;font:inherit;color:inherit;border-radius:14px;padding:11px 16px;display:block}.field textarea{resize:vertical}.field__error{margin-top:6px;font-weight:600;display:block}.masonry{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:start;gap:32px;display:grid}@supports (display:grid-lanes){.masonry{display:grid-lanes}}.masonry[data-packed]{grid-auto-rows:1px;row-gap:0}.pager{justify-content:space-between;align-items:center;gap:16px;margin-top:64px;display:flex}.pager__range{font-variant-numeric:tabular-nums;text-align:center;font-size:15px}.foot{padding:40px var(--pad) 48px;flex-wrap:wrap;align-items:baseline;gap:12px 32px;font-size:15px;display:flex}.foot p{max-width:46ch;margin-right:auto}.foot__links{flex-wrap:wrap;gap:12px 32px;display:flex}.foot a{text-underline-offset:3px;font-weight:600}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}::view-transition-group(shot){animation-duration:.38s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(root){animation-duration:.2s}::view-transition-new(root){animation-duration:.2s}@media (width<=860px){:root{--bar-h:108px}.bar{flex-wrap:wrap;align-content:center;gap:0 12px}.bar:after{content:"";flex-basis:100%;order:2}.mark{font-size:22px}.nav{order:3;margin:6px 0 0 -12px}.nav a{padding:6px 12px;font-size:15px}.bar-search{flex:1 1 0;order:4;margin:6px 0 0}.bar-search svg{left:12px}.bar-search input{height:36px;padding:0 8px 0 32px;font-size:14px}.backdrop,.bar-search+.backdrop{gap:8px;margin-left:auto}.backdrop__label{display:none}.swatch{width:24px;height:24px}.wall{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));--gap-x:16px;--gap-y:22px}:root[data-size=s] .wall:not(.wall--medium){--gap-x:12px;--gap-y:16px}:root[data-size=l] .wall:not(.wall--medium){--gap-x:20px;--gap-y:28px}.plates{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}.masonry{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.pager{gap:8px}.pager .btn{padding:10px 14px;font-size:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}