@font-face{font-family:Clash Display;src:url(/fonts/clash-display-500.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Clash Display;src:url(/fonts/clash-display-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/satoshi-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bitcount Prop Single;src:url(/fonts/bitcount-prop-single.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden}:root{--ink:#173524;--ink-soft:#2a3f3194;--ink-mid:#173524bf;--ink-faint:#17352459;--link:#365b43;--leaf:#70a55e;--leaf-deep:#4f7d46;--edge:#ffffff7a;--accent:#4a78f5;--ink-invert:#fbfdf8;--column:1240px;--page-pad:clamp(.75rem, 2vw, 2rem);--inset:clamp(.9rem, 2.4vw, 2.75rem);--pad:clamp(.4rem, .7vw, .6rem)}body{font-synthesis:none}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:4px}:root{--footer-h:2.7rem}@media (width>=768px){:root{--footer-h:1.7rem}}.site-footer{width:100%;max-width:var(--column);margin-top:auto;padding:.6rem var(--pad) .25rem;color:#2a3f318f;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;margin-inline:auto;display:flex}.footer-group{align-items:center;gap:.375rem;display:flex}.footer-meta{color:inherit;letter-spacing:.12em;text-transform:uppercase;font-family:Bitcount Prop Single,monospace;font-size:.65rem}@media (width<768px){.site-footer{align-items:flex-start}.footer-group{flex-direction:column;align-items:flex-start;gap:.2rem}.footer-group:last-child{text-align:right;align-items:flex-end}.footer-pipe{display:none}}:root{--card:#f4f4e88a;--seam-w:1px;--seam:#50624d0f;--tick:#17352424;--wash:#ffffff38;--radius:24px;--mast-h:clamp(10.5rem, 46.5vw, 15.75rem);--dock-lane:calc(var(--pad) + var(--dock-overhang,3.25rem) + .6rem);--mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9'%3E%3Cpath d='M4.5 0v9M0 4.5h9' stroke='%23173524' stroke-opacity='.14' stroke-width='1'/%3E%3C/svg%3E")}@media (width>=821px){:root{--mast-h:calc((100dvh - 2 * var(--page-pad) - 2 * var(--inset) - 2px - var(--footer-h)) / 3)}}body{min-height:100dvh;padding:var(--page-pad);color:var(--ink);background:linear-gradient(115deg,#d9e1d3e6,#f4e2d3d1),#e9e8dc;flex-direction:column;font-family:Clash Display,sans-serif;display:flex}.frame{z-index:0;width:100%;min-height:0;max-width:var(--column);padding:var(--inset);border:1px solid var(--edge);border-radius:var(--radius);background:var(--card);backdrop-filter:blur(24px)saturate(115%);flex-direction:column;flex:1;margin-inline:auto;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #494e3e29}.frame:before{z-index:-1;content:"";aspect-ratio:1;filter:blur(64px);opacity:.26;pointer-events:none;background:radial-gradient(circle,#f0c6a4,#0000 70%);width:min(660px,62%);position:absolute;top:-14%;left:10%}.frame:after{z-index:2;content:"";opacity:.38;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");position:absolute;inset:0}.grid{box-shadow:inset calc(var(--seam-w) * -1) 0 0 var(--seam), inset 0 calc(var(--seam-w) * -1) 0 var(--seam);--col-1:.333333;--col-2:.666667;--rule-1:1px;--rule-2:1px;--tick-1:9px;--tick-2:9px;flex:1 0 auto;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative}.cell{min-width:0;padding:var(--pad);color:var(--ink);box-shadow:inset var(--seam-w) 0 0 var(--seam), inset 0 var(--seam-w) 0 var(--seam);text-decoration:none;transition:background-color .35s;position:relative}.cell:before,.cell:after{--ext:0px;z-index:1;content:"";width:calc(9px + var(--ext));pointer-events:none;height:9px;position:absolute;top:-4px}.cell:before{left:calc(-4px - var(--ext));background:linear-gradient(var(--tick), var(--tick)) right 4px top 0 / 1px 9px no-repeat, linear-gradient(var(--tick), var(--tick)) right 0 top 4px / 9px 1px no-repeat, linear-gradient(var(--seam), var(--seam)) left 0 top 4px / 100% 1px no-repeat}.cell:after{right:calc(-4px - var(--ext));content:none;background:linear-gradient(var(--tick), var(--tick)) left 4px top 0 / 1px 9px no-repeat, linear-gradient(var(--tick), var(--tick)) left 0 top 4px / 9px 1px no-repeat, linear-gradient(var(--seam), var(--seam)) right 0 top 4px / 100% 1px no-repeat}.grid:before{inset:calc(var(--inset) * -1);z-index:1;content:"";background-repeat:no-repeat;background-image:linear-gradient(var(--seam), var(--seam)), linear-gradient(var(--seam), var(--seam)), linear-gradient(var(--seam), var(--seam)), linear-gradient(var(--seam), var(--seam)), linear-gradient(var(--seam), var(--seam)), linear-gradient(var(--seam), var(--seam)), linear-gradient(var(--seam), var(--seam)), linear-gradient(var(--seam), var(--seam)), linear-gradient(var(--seam), var(--seam)), linear-gradient(var(--seam), var(--seam));background-size:1px var(--inset), var(--rule-1) var(--inset), var(--rule-2) var(--inset), 1px var(--inset), 1px var(--inset), var(--rule-1) var(--inset), var(--rule-2) var(--inset), 1px var(--inset), var(--inset) 1px, var(--inset) 1px;background-position:left var(--inset) top 0, left calc(var(--inset) + (100% - 2 * var(--inset)) * var(--col-1) + var(--col-1) * 1px) top 0, left calc(var(--inset) + (100% - 2 * var(--inset)) * var(--col-2) + var(--col-2) * 1px) top 0, left calc(100% - var(--inset) + 1px) top 0, left var(--inset) bottom 0, left calc(var(--inset) + (100% - 2 * var(--inset)) * var(--col-1) + var(--col-1) * 1px) bottom 0, left calc(var(--inset) + (100% - 2 * var(--inset)) * var(--col-2) + var(--col-2) * 1px) bottom 0, left calc(100% - var(--inset) + 1px) bottom 0, left 0 bottom var(--inset), right 0 bottom var(--inset);pointer-events:none;position:absolute}.grid:after{z-index:1;content:"";background-image:var(--mark), var(--mark), var(--mark), var(--mark);background-repeat:no-repeat;background-size:9px 9px, var(--tick-1) 9px, var(--tick-2) 9px, 9px 9px;background-position:-4.5px calc(100% + 4.5px), calc(var(--col-1) * 100% + var(--col-1) * 9px - 4.5px) calc(100% + 4.5px), calc(var(--col-2) * 100% + var(--col-2) * 9px - 4.5px) calc(100% + 4.5px), calc(100% + 4.5px) calc(100% + 4.5px);pointer-events:none;position:absolute;inset:0}@media (hover:hover){.cell:not(.cell-mast):hover{background-color:var(--wash)}.cell a:not(.paper-btn):hover,.back-link:hover{color:var(--leaf)}}.cell-mast{--mast-size:9.9cqw;min-height:var(--mast-h);grid-area:mast;align-items:flex-start;display:flex;container-type:inline-size}.mast-name{font-size:var(--mast-size);letter-spacing:-.04em;word-spacing:.16em;margin-top:-.07em;font-weight:600;line-height:.92}.cell-label{color:var(--ink-soft);letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;font-weight:500}.grid-sample{--row:192px;grid-template-areas:"mast mast mast""s-1 s-1 s-1""s-2 s-2 out""s-2 s-2 out"}.cell-s-1{grid-area:s-1}.cell-s-2{grid-area:s-2}.cell-out{grid-area:out}.grid-sample :is(.cell-mast,.cell-s-1,.cell-s-2):before{--ext:var(--inset)}.grid-sample :is(.cell-mast,.cell-s-1,.cell-out):after{content:"";--ext:var(--inset)}@media (width>=821px){.grid-sample{grid-template-rows:minmax(var(--mast-h), max-content) repeat(3, minmax(var(--row), auto));flex:none}.frame:has(.grid-sample){flex:0 auto}.grid-sample .cell-sec{min-height:var(--row)}.grid-sample :is(.cell-s-1,.cell-out){padding-right:var(--dock-lane)}}@media (width<821px){.grid-sample{grid-template-areas:"mast mast""s-1 s-1""s-2 s-2""out out"}.grid-sample .cell-s-2:before{--ext:var(--inset)}.grid-sample :is(.cell-s-1,.cell-out):after{content:"";--ext:var(--inset)}}@media (width<521px){.grid-sample{grid-template-areas:"mast""s-1""s-2""out"}}.cell-mast-sample{--mast-size:clamp(1.75rem, 4.2vw, 3.25rem);flex-direction:column;gap:.5rem}.back-link{color:var(--link);margin-top:.35rem;font-size:.85rem;font-weight:500;text-decoration:none}.back-link:hover{text-underline-offset:.25em;text-decoration:underline}.cell-sec{flex-direction:column;gap:.7rem;font-size:clamp(.92rem,1.1vw,1rem);font-weight:500;line-height:1.6;display:flex}.cell-sec p{font-family:Satoshi,sans-serif;font-weight:400}.cell-sec ul{flex-direction:column;gap:.45rem;padding-left:1.1rem;font-family:Satoshi,sans-serif;font-weight:400;display:flex}.cell-sec li::marker{color:var(--ink-faint)}.cell-actions{flex-direction:column;align-items:flex-start;gap:.7rem;margin-top:auto;padding-top:.7rem;display:flex}.paper-btn{color:var(--ink);background:0 0;border:1px solid #1735244d;border-radius:999px;align-items:center;padding:.85rem 1.6rem;font-family:Clash Display,sans-serif;font-size:clamp(.95rem,1.2vw,1.05rem);font-weight:600;line-height:1.2;text-decoration:none;transition:background-color .25s,border-color .25s,color .25s;display:inline-flex}@media (hover:hover){.paper-btn:hover{background:var(--leaf-deep);color:var(--ink-invert);border-color:#0000}}@media (width<821px){.frame{flex:1 0 auto}:root{--row-unit:calc((100dvh - 2 * var(--page-pad) - var(--dock-bar) - 2 * var(--inset) - 2px - var(--footer-h) - var(--mast-h)) / 3)}.grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:var(--mast-h);grid-auto-rows:minmax(var(--row-unit), auto);--col-2:.5;--rule-1:0;--tick-1:0}.cell-mast{--mast-size:clamp(2.2rem, 15.75cqw, 4.75rem)}.cell-mast-sample{--mast-size:clamp(1.9rem, 11.5cqw, 3.55rem)}.cell-actions{align-items:stretch}.paper-btn{justify-content:center;display:flex}.cell-void{display:none}}@media (width<521px){.frame{border-radius:16px}.grid{--rule-2:0;--tick-2:0;grid-template-columns:minmax(0,1fr)}.cell:before,.cell:after{content:"";--ext:var(--inset)}}@media (width<821px) and (height<560px){:root{--mast-h:clamp(4.5rem, 26dvh, 9rem)}.cell-mast{--mast-size:clamp(1.6rem, 6.5cqw, 2.6rem)}.cell-mast-sample{--mast-size:clamp(1.3rem, 5cqw, 2rem)}}@media (prefers-reduced-motion:reduce){.frame:before{opacity:.16}}:root{--dock-w:4.75rem;--dock-reach:max(0px, var(--dock-w) - var(--inset));--dock-room:max(0px, var(--page-pad) - .5rem + max(0px, (100vw - var(--column) - 2 * var(--page-pad)) / 2));--dock-shift:min(var(--dock-reach), var(--dock-room));--dock-overhang:calc(var(--dock-reach) - var(--dock-shift))}.dock{--dock-lit:#ffffff9e;z-index:5;width:100%;max-width:var(--column);pointer-events:none;justify-content:flex-end;align-items:flex-start;height:0;margin-inline:auto;display:flex;position:sticky;top:0}.dock-rail{height:calc(100dvh - 2 * var(--page-pad));align-items:center;display:flex}@media (width>=821px){.dock-rail{padding-top:calc(1px + var(--inset) + var(--mast-h));align-items:flex-start}}.dock-menu{border:1px solid var(--edge);transform:translateX(var(--dock-shift));backdrop-filter:blur(20px)saturate(115%);pointer-events:auto;background:linear-gradient(200deg,#f6f6ec9e,#f6f6ece0);border-radius:24px;flex-direction:column;align-items:stretch;gap:.15rem;padding:.5rem;display:flex;box-shadow:0 18px 28px -28px #494e3e8c,inset 0 1px #fff9}.dock-item{color:var(--ink-soft);border-radius:.65rem;justify-content:flex-end;align-items:center;gap:0;padding:1rem;font-family:inherit;text-decoration:none;transition:color .3s,background-color .3s,gap .42s cubic-bezier(.22,.61,.36,1);display:flex}.dock-item:hover,.dock-item:focus-visible,.dock-item[aria-current=page]{color:var(--ink);background-color:var(--dock-lit)}.dock-glyph{flex-shrink:0;width:1.6rem;height:1.6rem}.dock-label{opacity:0;grid-template-columns:0fr;font-size:1.1rem;font-weight:500;line-height:1;transition:grid-template-columns .42s cubic-bezier(.22,.61,.36,1),opacity .28s;display:grid}.dock-label>span{white-space:nowrap;min-width:0;overflow:hidden}.dock-menu:hover .dock-label,.dock-menu:focus-within .dock-label{opacity:1;grid-template-columns:1fr}.dock-menu:hover .dock-item,.dock-menu:focus-within .dock-item{gap:.66rem}@media (width<821px){:root{--dock-overhang:0px;--dock-bar:6rem}.dock{inset:auto 0 calc(var(--page-pad) + var(--footer-h) + .35rem) 0;justify-content:center;max-width:none;height:auto;transition:transform .32s;position:fixed}.dock-tucked{transform:translateY(calc(100% + var(--page-pad) + var(--footer-h) + 1rem))}.dock-rail{height:auto}.dock-menu{width:min(26rem, calc(100vw - 2 * var(--page-pad)));flex-direction:row;align-items:center;transform:none}.dock-item{border-radius:.85rem;flex-direction:column-reverse;flex:1 1 0;justify-content:center;gap:.4rem;min-width:0;padding:.6rem .5rem}.dock-label{opacity:1;letter-spacing:.01em;text-align:center;grid-template-columns:1fr;font-size:.78rem;transition:none}.dock-menu:hover .dock-item,.dock-menu:focus-within .dock-item{gap:.4rem}body{padding-bottom:var(--page-pad)}.site-footer{margin-top:var(--dock-bar)}}@media (prefers-reduced-motion:reduce){.dock,.dock-label{transition-duration:.01ms}}
