:root{--ink:#111A19;--teal:#14A39A;--deep:#0E7A73;--mint:#9FE6DC;--paper:#F3F0EA;--disp:"Bricolage Grotesque",system-ui,sans-serif;--body:"Figtree",system-ui,sans-serif;--mono:ui-monospace,"SF Mono",Consolas,monospace;--gap:clamp(4rem,3rem + 4vw,6.5rem)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-color:var(--teal) var(--ink)}body{margin:0;font:400 clamp(1rem,0.97rem + 0.15vw,1.0625rem)/1.6 var(--body);color:var(--ink);background:var(--paper);overflow-x:clip}::selection{background:var(--mint);color:var(--ink)}a{color:inherit}:focus-visible{outline:3px solid var(--mint);outline-offset:3px}h1,h2,h3{font-family:var(--disp);font-weight:800;text-wrap:balance;margin:0}p{text-wrap:pretty;margin:0}.wrap{width:min(100% - 2.5rem,72rem);margin-inline:auto}.band-dark{background:var(--ink);color:var(--paper)}.hero{position:relative;overflow:hidden;padding:max(1rem,env(safe-area-inset-top)) 0 2.25rem}.grid-loop{position:absolute;inset:-48px;background-image:linear-gradient(rgba(243,240,234,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(243,240,234,.07) 1px,transparent 1px);background-size:24px 24px;animation:drift 24s linear infinite;pointer-events:none}@keyframes drift{to{transform:translate(24px,24px)}}.hero .wrap{position:relative;display:grid;grid-template-areas:"logo" "title" "lead" "switch" "fig" "cta";gap:0.85rem;align-items:start}.logo{grid-area:logo;display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--paper);min-height:52px}.logo img{width:clamp(52px,40px + 4vw,144px);height:auto;aspect-ratio:1;border-radius:22%;display:block}.logo span{font:500 .8125rem/1.2 var(--mono);color:var(--mint)}h1{grid-area:title;font-size:clamp(1.85rem,1.1rem + 3.3vw,3.9rem);line-height:1.04;letter-spacing:-0.025em;max-width:16ch;color:#fff}.lead{grid-area:lead;max-width:38rem;color:#D6E4E1;font-size:clamp(.95rem,0.9rem + 0.25vw,1.125rem)}.lead strong{font-weight:600;color:#fff;text-decoration:underline;text-decoration-color:var(--teal);text-decoration-thickness:2px;text-underline-offset:4px}.switch{grid-area:switch;display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:rgba(243,240,234,.1);justify-self:start}.switch button{-webkit-tap-highlight-color:transparent;appearance:none;border:0;cursor:pointer;min-height:44px;padding:0 1.15rem;border-radius:999px;font:600 .9375rem/1 var(--body);color:#D6E4E1;background:transparent;transition:background-color .2s,color .2s}.switch button[aria-pressed="true"]{background:var(--paper);color:var(--ink)}.switch.nudge{animation:nudge .6s cubic-bezier(.16,1,.3,1) 1}@keyframes nudge{40%{transform:translateX(5px)}}.fig{grid-area:fig;position:relative;width:min(100%,26rem);aspect-ratio:400/336;margin:0}.fig svg{position:absolute;inset:0;width:100%;height:100%;display:block}.call{position:absolute;width:29%;font:500 .75rem/1.35 var(--mono);color:var(--paper);display:flex;gap:.4rem;align-items:flex-start}.call i{flex:none;display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:999px;background:var(--mint);color:var(--ink);font-style:normal;font-size:.75rem}.c1{left:0;top:36%}.c2{right:0;top:6%}.c3{left:0;top:69%}.ctaRow{grid-area:cta;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .75rem}.ctaRow>i{flex:none;display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;border-radius:999px;background:var(--mint);color:var(--ink);font:500 .75rem/1 var(--mono);font-style:normal}.cta{display:inline-flex;align-items:center;justify-content:center;min-height:56px;min-width:240px;padding:0 1.75rem;border-radius:999px;background:var(--teal);color:var(--ink);font:800 1.125rem/1 var(--disp);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:transform .2s cubic-bezier(.16,1,.3,1)}@media (hover: hover){.cta:hover{transform:translateY(-2px)}}.cta:focus-visible{outline:3px solid var(--mint);outline-offset:4px}.under{flex-basis:100%;font-size:.875rem;color:#C5D6D3}[hidden]{display:none!important}.screen-with,.screen-without{animation:fadein .3s ease-out both}@keyframes fadein{from{opacity:0}}::view-transition-old(root),::view-transition-new(root){animation-duration:.3s}.pop{transform-box:fill-box;transform-origin:center;animation:pop .7s cubic-bezier(.16,1,.3,1) .35s both}@keyframes pop{from{transform:scale(.4);opacity:0}}@media (min-width:900px){.hero{padding:2rem 0 4rem}.hero .wrap{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"logo fig" "title fig" "lead fig" "cta fig" "switch fig";column-gap:3rem;row-gap:1.25rem;align-content:start}.fig{width:100%;max-width:30rem;justify-self:end;align-self:center}.call{font-size:.8125rem}}section{padding-block:var(--gap)}.head{display:flex;flex-direction:column;gap:.35rem;margin-bottom:2.25rem;max-width:40rem}.head h2{font-size:clamp(1.3rem,1.15rem + 0.6vw,1.6rem);line-height:1.2}.head p{color:#3D4A48}.bento{display:grid;gap:2.5rem 3rem;grid-template-columns:1fr}@media (min-width:900px){.bento{grid-template-columns:repeat(12,1fr)}.g1{grid-column:span 7}.g2{grid-column:span 5}.g3{grid-column:span 12;max-width:44rem}}.g h3{font-size:1.125rem;line-height:1.3;display:flex;gap:.6rem;align-items:center;margin-bottom:1rem}.g h3 i{flex:none;display:inline-grid;place-items:center;width:1.6rem;height:1.6rem;border-radius:999px;background:var(--ink);color:var(--mint);font:500 .8125rem/1 var(--mono);font-style:normal}.thread{display:flex;flex-direction:column;gap:.55rem}.q,.a{max-width:min(34rem,92%);padding:.75rem 1.15rem;border-radius:1.4rem}.q{background:var(--ink);color:var(--paper);border-bottom-left-radius:.4rem;font-weight:600;align-self:flex-start;margin-left:1.5rem}.a{background:#fff;border-bottom-left-radius:.4rem}.a a{text-decoration-color:var(--deep);text-decoration-thickness:2px;text-underline-offset:3px}.typing{display:inline-flex;gap:5px;padding:.85rem 1.1rem;border-radius:999px;background:#fff;align-self:flex-start}.typing span{width:7px;height:7px;border-radius:50%;background:var(--deep);opacity:.55}.gloss{display:grid;gap:2rem 3rem;grid-template-columns:1fr}@media (min-width:760px){.gloss{grid-template-columns:repeat(2,minmax(0,1fr))}}.term dt{font:600 1.0625rem/1.3 var(--body);font-variant-caps:all-small-caps;letter-spacing:.04em;color:var(--mint);margin-bottom:.35rem}.term dd{margin:0;color:#D6E4E1}.term dd+dd{margin-top:.2rem;color:#B9CCC8}.band-dark .head p{color:#B9CCC8}.close-line{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;font:800 clamp(1.15rem,1rem + 0.6vw,1.5rem)/1.2 var(--disp)}.close-line svg{width:1.4rem;height:1.4rem;color:var(--deep);flex:none}.endmark{display:block;text-align:center;font-size:1.25rem;color:var(--deep);padding-bottom:2.5rem}footer{background:var(--ink);color:var(--paper);padding:3rem 0 max(2rem,env(safe-area-inset-bottom))}.quote{display:flex;flex-direction:column;gap:.75rem;max-width:36rem;margin-bottom:3rem}.quote blockquote{margin:0;font-size:1.0625rem;line-height:1.55;color:#E6EEEC}.quote .src{display:flex;align-items:center;gap:.6rem;font:500 .8125rem/1 var(--mono);color:var(--mint)}.quote .src b{display:inline-grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:999px;background:var(--paper);color:var(--ink);font:800 1rem/1 Georgia,serif}.quote a{color:var(--mint);text-underline-offset:3px}.bigname{display:block;width:100%;height:auto;margin-bottom:1.25rem}.small{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;font-size:.8125rem;color:#B9CCC8}.small button{appearance:none;background:none;border:0;padding:.6rem 0;min-height:44px;color:var(--paper);font:inherit;text-decoration:underline;text-decoration-color:var(--teal);text-underline-offset:4px;cursor:pointer}dialog{width:min(100% - 2rem,32rem);max-height:min(88dvh,40rem);padding:0;border:0;border-radius:1.5rem;background:var(--paper);color:var(--ink);overflow:auto}dialog::backdrop{background:rgba(17,26,25,.72)}.mbody{padding:1.5rem 1.5rem 1rem}.mbody h2{font-size:1.25rem;margin-bottom:1rem}dialog details{padding:.6rem 0}dialog details+details{border-top:1px solid #D8D2C7}dialog summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center}dialog ul{list-style:none;padding:0;margin:.25rem 0 0}dialog li{padding:.2rem 0}.foot{font-size:.8125rem;color:#4A5856;margin-top:.75rem}.back{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:52px;border:0;background:var(--ink);color:var(--paper);font:600 .9375rem/1 var(--body);cursor:pointer;position:sticky;bottom:0}.back svg{width:1rem;height:1rem}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important}}