:root{--white:#fff;--paper:#fbf8f0;--sky-field:#e8f3f8;--honey-field:#fbf0dd;--card:#fff;--ink:#2f3437;--ink-soft:#545b60;--blue:#4b97c2;--lake:#2f6890;--lake-deep:#24587b;--sky:#c8e6f2;--honey:#f1c990;--apricot:#e7b8a4;--brick:#9b3b2e;--line:#e3dccd;--line-cool:#cfe1ea;--shadow-sm:0 2px 6px #24486214;--shadow-md:0 10px 30px #2448621f, 0 2px 6px #2448620f;--shadow-lg:0 24px 60px #24486229, 0 4px 12px #2448620f;--r-sm:10px;--r-md:18px;--r-lg:28px;--pad-card:32px;--pad-inner:20px;--s-1:8px;--s-2:16px;--s-3:24px;--s-4:40px;--art-paper:#fdf4e8;--gutter:clamp(20px, 4vw, 56px);--section:clamp(80px, 9vw, 136px);--ease-out:cubic-bezier(.16, 1, .3, 1)}html{scrollbar-color:#b9cdd8 var(--white);scroll-padding-top:96px}body{background:var(--white);color:var(--ink);caret-color:var(--lake);-webkit-font-smoothing:antialiased;margin:0;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:19px;line-height:1.6}::selection{background:var(--sky);color:var(--ink)}h1,h2,h3,p,dl,dd,figure{margin:0}h1,h2,h3{text-wrap:balance;color:var(--ink);font-weight:600}p{text-wrap:pretty}img{max-width:100%}[hidden]{display:none!important}[tabindex="-1"]:focus{outline:none}a{color:var(--lake);text-underline-offset:.22em;text-decoration-thickness:1.5px}a:hover{color:var(--lake-deep)}:focus-visible{outline:3px solid var(--lake);outline-offset:3px;border-radius:6px}.t-display{letter-spacing:-.035em;font-size:clamp(46px,6vw,88px);font-weight:600;line-height:1}.t-title{letter-spacing:-.03em;font-size:clamp(40px,4.6vw,64px);font-weight:600;line-height:1.04}.t-section{letter-spacing:-.028em;font-size:clamp(34px,3.6vw,52px);font-weight:600;line-height:1.12}.t-item{letter-spacing:-.01em;font-size:21px;font-weight:600;line-height:1.35}.t-deck{color:var(--ink-soft);font-size:clamp(20px,1.7vw,23px);line-height:1.5}.t-lead{font-size:21px}.t-small{font-size:17px}.muted{color:var(--ink-soft)}.num{font-variant-numeric:tabular-nums lining-nums}.wrap{max-width:1240px;padding:0 var(--gutter);margin:0 auto}.section{padding-block:var(--section)}.field-sky{background:var(--sky-field)}.field-honey{background:var(--honey-field)}.field-paper{background:var(--paper)}.flow-band{background:var(--sky-field)}.vh{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:50;background:var(--card);color:var(--lake);border-radius:var(--r-sm);padding:10px 16px;font-weight:600;position:absolute;top:12px;left:16px;transform:translateY(-200%)}.skip-link:focus{box-shadow:var(--shadow-md);transform:none}.btn{background:var(--lake);color:#fff;min-height:56px;font:inherit;cursor:pointer;box-sizing:border-box;transition:background .2s var(--ease-out), transform .2s var(--ease-out), box-shadow .2s var(--ease-out);border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 30px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 6px 16px #2f689047}.btn:hover{background:var(--lake-deep);color:#fff;transform:translateY(-1px);box-shadow:0 10px 22px #2f689052}.btn:active{transform:translateY(0);box-shadow:0 3px 8px #2f689047}.btn:disabled{box-shadow:none;cursor:not-allowed;background:#a9bcc8;transform:none}.btn-light{color:var(--lake);box-shadow:var(--shadow-md);background:#fff}.btn-light:hover{color:var(--lake-deep);background:#fff}.link{min-height:48px;color:var(--lake);font:inherit;text-underline-offset:.22em;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 2px;font-weight:600;text-decoration:underline 1.5px;display:inline-flex}.link:hover{color:var(--lake-deep)}.actions{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}.icon{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:22px;height:22px}.plate{border-radius:var(--r-md);background:var(--art-paper);aspect-ratio:4/3;display:block;position:relative;overflow:hidden}.plate>img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.plate-cover>img{object-fit:cover}.well{border-radius:var(--r-md);background:var(--sky-field);aspect-ratio:4/3;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.well>img{width:auto;height:auto;max-width:var(--art-size,72%);max-height:var(--art-size,72%);object-fit:contain;display:block}.r-lg{border-radius:var(--r-lg)}.card{background:var(--card);border-radius:var(--r-lg);box-shadow:var(--shadow-md)}.frame{border-radius:var(--r-lg);background:var(--paper);box-shadow:var(--shadow-md);display:block;overflow:hidden}.frame img{object-fit:cover;width:100%;height:100%;display:block}.demo-note{background:var(--honey-field);color:var(--ink);border:1px solid #f0ddb8;border-radius:14px;align-self:flex-start;align-items:center;gap:10px;padding:8px 16px;font-size:17px;display:inline-flex}.demo-note:before{content:"";background:#d9a54e;border-radius:999px;flex-shrink:0;width:8px;height:8px}.ph{opacity:.85;border:1px dashed;border-radius:6px;padding:0 6px}.error{color:var(--brick);font-size:17px;font-weight:600}.site-header{z-index:20;transition:background .25s var(--ease-out), box-shadow .25s var(--ease-out);position:sticky;top:0}.site-header.is-solid,.site-header[data-header=flow]{backdrop-filter:saturate(1.4)blur(10px);box-shadow:0 1px 0 var(--line);background:#fffffff0}.header-bar{justify-content:space-between;align-items:center;gap:24px;min-height:80px;display:flex}.logo-link{border-radius:8px;display:flex}.logo-link img{width:auto;height:38px;display:block}.nav{align-items:center;gap:30px;display:flex}.navlink{color:var(--ink);padding:12px 0;font-size:17px;font-weight:600;text-decoration:none}.navlink:hover{color:var(--lake)}.nav .btn{min-height:46px;padding:0 22px;font-size:17px}.menu-btn{border:1px solid var(--line);background:var(--card);min-height:46px;color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-size:17px;font-weight:600;display:none}.mobile-nav{padding:8px var(--gutter) 28px;background:var(--white);flex-direction:column;gap:2px;display:flex;box-shadow:0 12px 24px #2448621a}.mobile-nav .navlink{border-bottom:1px solid var(--line);padding:14px 0;font-size:22px}.mobile-nav .btn{margin-top:16px}.site-footer{background:var(--lake);color:#fff;padding-block:72px 40px}.site-footer a{color:#fff}.footer-grid{grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr));align-items:start;gap:40px 64px;display:grid}.footer-brand{flex-direction:column;gap:16px;display:flex}.footer-brand img{align-self:flex-start;width:auto;height:44px}.footer-brand p{color:#dceaf2;max-width:22em}.footer-col{flex-direction:column;gap:8px;display:flex}.footer-col h2{color:#fff;margin-bottom:4px;font-size:17px;font-weight:600}.footer-col a{color:#dceaf2;padding:4px 0;text-decoration:none}.footer-col a:hover{color:#fff;text-decoration:underline}.footer-col p{color:#dceaf2}.footer-note{color:#e4eff5;border-top:1px solid #fff3;margin-top:48px;padding-top:24px;font-size:17px}@media (width<=960px){.nav .navlink{display:none}.menu-btn{display:inline-flex}}@media (width<=760px){.logo-link img{height:30px}.header-bar{min-height:68px}.nav>.btn{display:none}.btn-wide{width:100%}.footer-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
