:root{--ink:#212121;--ink-2:#4a4a47;--ink-3:#7d7d77;--line:#deded1;--line-2:#ecebe3;--paper:#fff;--cream:#f8f5ef;--mist:#e3e8e8;--mist-2:#f1f4f4;--sky:#73afc9;--sky-ink:#2f6f8a;--display:var(--font-display), "Poppins", "Helvetica Neue", Arial, sans-serif;--serif:var(--font-serif-face), "Merriweather", Georgia, serif;--mono:var(--font-mono-face), ui-monospace, Menlo, monospace;--wrap:1240px;--gutter:clamp(16px, 4vw, 40px);--header-h:68px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + 16px)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--paper);color:var(--ink);font:300 17px/1.65 var(--display);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}html.menu-open body{overflow:hidden}img,video,svg{max-width:100%;height:auto;display:block}a{color:inherit}strong,b{font-weight:600}h1,h2,h3,h4{font-family:var(--display);letter-spacing:-.035em;text-wrap:balance;margin:0 0 .45em;font-weight:600;line-height:1.06}h1{font-size:clamp(42px,7vw,96px)}h2{font-size:clamp(32px,4.4vw,58px)}h3{letter-spacing:-.02em;font-size:clamp(19px,1.6vw,23px);font-weight:500;line-height:1.25}p{text-wrap:pretty;margin:0 0 1em}.serif{font-family:var(--serif);letter-spacing:-.01em;font-weight:400}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{z-index:300;color:var(--ink);border:1px solid var(--ink);background:#fff;padding:10px 16px;position:absolute;top:-60px;left:12px}.skip-link:focus{top:12px}:focus-visible{outline:2px solid var(--sky-ink);outline-offset:3px}.wrap{width:min(100% - 2 * var(--gutter), var(--wrap));margin-inline:auto}.wrap--narrow{width:min(100% - 2 * var(--gutter), 780px);margin-inline:auto}.wrap--mid{width:min(100% - 2 * var(--gutter), 1000px);margin-inline:auto}.band{padding-block:clamp(64px,9vw,128px)}.band--cream{background:var(--cream)}.band--mist{background:var(--mist-2)}.band--ink{background:var(--ink);color:#fff}.band--tight{padding-block:clamp(40px,6vw,72px)}.eyebrow{font:500 13px/1.2 var(--display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:10px;margin:0 0 18px;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:22px;height:1px}.band--ink .eyebrow{color:#fff9}.lede{font:400 clamp(18px, 1.6vw, 22px)/1.55 var(--serif);color:var(--ink-2);max-width:36em}.band--ink .lede{color:#ffffffc7}.tag{border:1px solid var(--ink);background:var(--cream);font:400 13px/1.4 var(--display);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.tag--plain{background:0 0}.tags{flex-wrap:wrap;gap:8px;display:flex}.btn{border:1px solid var(--ink);background:var(--ink);color:#fff;min-height:48px;font:500 15px/1 var(--display);letter-spacing:.01em;cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:0 24px;text-decoration:none;transition:background .18s,color .18s,border-color .18s;display:inline-flex}.btn:hover{color:var(--ink);background:#fff}.btn--ghost{color:var(--ink);background:0 0}.btn--ghost:hover{background:var(--ink);color:#fff}.btn--light{color:var(--ink);background:#fff;border-color:#fff}.btn--light:hover{color:#fff;background:0 0}.btn--ghost-light{color:#fff;background:0 0;border-color:#fff9}.btn--ghost-light:hover{color:var(--ink);background:#fff;border-color:#fff}.btn .arrow{transition:transform .18s}.btn:hover .arrow{transform:translate(3px)}.btn-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.link{color:var(--ink);text-underline-offset:4px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px}.link:hover{color:var(--sky-ink)}.site-header{z-index:100;height:var(--header-h);padding-inline:var(--gutter);-webkit-backdrop-filter:saturate(1.4)blur(12px);background:#ffffffeb;border-bottom:1px solid #0000;align-items:center;gap:24px;transition:border-color .2s,height .3s;display:flex;position:sticky;top:0}.site-header.is-stuck{border-bottom-color:var(--line-2)}.site-logo{margin-right:auto;text-decoration:none;display:block}.site-logo img{width:112px;height:auto;transition:width .3s}html:not(:has(.tool-screen)) .site-header:not(.is-stuck):not(.is-open){height:calc(var(--header-h) + clamp(16px, 2.4vw, 32px))}html:not(:has(.tool-screen)) .site-header:not(.is-stuck):not(.is-open) .site-logo img{width:clamp(150px,17vw,220px)}html:has(.tool-screen) .site-header{border-bottom-color:var(--ink)}.nav{align-items:center;gap:28px;display:flex}.nav__list{align-items:center;gap:26px;margin:0;padding:0;list-style:none;display:flex}.nav__link{font:400 14px/1 var(--display);border-bottom:1px solid #0000;padding:8px 0;text-decoration:none}.nav__link:hover,.nav__link[aria-current=page]{border-bottom-color:var(--ink)}.nav__signin{display:none}.nav__item.is-drop{align-items:center;gap:4px;display:flex;position:relative}.nav__caret{width:20px;height:28px;color:var(--ink);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.nav__caret svg{transition:transform .18s}.nav__drop{opacity:0;visibility:hidden;width:360px;padding-top:14px;transition:opacity .16s,transform .16s,visibility .16s;position:absolute;top:100%;left:50%;transform:translate(-50%,-4px)}.nav__drop ul{border:1px solid var(--ink);background:#fff;border-bottom:0;margin:0;padding:8px;list-style:none;box-shadow:0 16px 40px #0000001f}.nav__drop li a{font:500 14px/1.3 var(--display);align-items:center;gap:14px;padding:8px;text-decoration:none;display:flex}.nav__drop li a:hover,.nav__drop li a[aria-current=page]{background:var(--cream)}.nav__drop img{object-fit:cover;border:1px solid var(--line-2);flex:none;width:64px;height:48px}.nav__drop small{font:500 10px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sky-ink);margin-bottom:3px;display:block}.nav__drop-all{background:var(--ink);color:#fff;font:500 13px/1 var(--display);padding:12px 16px;text-decoration:none;display:block;box-shadow:0 16px 40px #0000001f}.nav__drop-all:hover{background:#2c2c2c}@media (hover:hover){.nav__item.is-drop:hover .nav__drop{opacity:1;visibility:visible;transform:translate(-50%)}.nav__item.is-drop:hover .nav__caret svg{transform:rotate(180deg)}}.nav__item.is-drop:focus-within .nav__drop,.nav__item.is-shown .nav__drop{opacity:1;visibility:visible;transform:translate(-50%)}.nav__item.is-shown .nav__caret svg{transform:rotate(180deg)}.nav__cta{border:1px solid var(--ink);height:36px;font:500 14px/1 var(--display);align-items:center;padding:0 14px;text-decoration:none;transition:background .18s,color .18s;display:inline-flex}.nav__cta:hover{background:var(--ink);color:#fff}.menu-toggle{display:none}@media (max-width:900px){.menu-toggle{cursor:pointer;z-index:2;background:0 0;border:0;place-items:center;width:44px;height:44px;margin-right:-10px;display:grid}.menu-toggle__icon{gap:7px;width:24px;display:grid}.menu-toggle__icon i{background:var(--ink);height:1.5px;transition:transform .25s;display:block}.is-open .menu-toggle__icon i:first-child{transform:translateY(4.25px)rotate(45deg)}.is-open .menu-toggle__icon i:last-child{transform:translateY(-4.25px)rotate(-45deg)}.nav{inset:var(--header-h) 0 0 0;padding:24px var(--gutter) 40px;opacity:0;visibility:hidden;background:#fff;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;transition:opacity .2s,transform .2s,visibility .2s;position:fixed;transform:translateY(-8px)}.is-open .nav{opacity:1;visibility:visible;transform:none}.nav__list{flex-direction:column;align-items:stretch;gap:0}.nav__list li{border-bottom:1px solid var(--line-2)}.nav__link{letter-spacing:-.02em;border:0;padding:18px 0;font-size:22px;font-weight:500;display:block}.nav__signin,.nav__item.is-drop{display:block}.nav__caret{display:none}.nav__drop{opacity:1;visibility:visible;width:auto;padding:0 0 14px;position:static;transform:none}.nav__drop ul{box-shadow:none;border:0;padding:0}.nav__list .nav__drop li{border:0}.nav__drop li a{padding:7px 0;font-size:16px}.nav__drop img{width:52px;height:39px}.nav__drop-all{display:none}.nav__cta{justify-content:center;height:52px;margin-top:28px;font-size:16px}}.hero{padding:clamp(28px,5vw,64px) 0 clamp(48px,6vw,80px)}.hero__top{grid-template-columns:minmax(0,2.3fr) minmax(0,1fr);align-items:end;gap:32px;margin-bottom:clamp(24px,3vw,40px);display:grid}.hero h1{margin:0;font-size:clamp(40px,6.2vw,88px)}.hero__lede{font:400 clamp(17px, 1.4vw, 20px)/1.55 var(--serif);color:var(--ink-2);max-width:26em;margin:0 0 6px}.hero__photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1vw,14px);display:grid}.hero__photo{min-width:0;margin:0}.hero__photo .frame{aspect-ratio:4/4.6;background:var(--mist);overflow:hidden}.hero__photo img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.hero__photo:hover img{transform:scale(1.035)}.hero__photo .tag{white-space:normal;margin-top:12px}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}@media (max-width:900px){.hero__top{grid-template-columns:1fr;gap:16px}.hero__photos{grid-template-columns:1fr 1fr}.hero__photo:first-child{grid-column:1/-1}.hero__photo:first-child .frame{aspect-ratio:16/10}}.intro{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.intro__small{color:var(--ink-2);max-width:28em;font-size:16px}.intro h2{margin-bottom:18px}@media (max-width:800px){.intro{grid-template-columns:1fr}.intro__small{order:2}}.reel{position:relative}.reel__track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;grid-auto-columns:100%;grid-auto-flow:column;display:grid;overflow-x:auto}.reel__track::-webkit-scrollbar{display:none}.reel__slide{scroll-snap-align:start;margin:0}.reel__slide .frame{aspect-ratio:16/8.2;background:var(--mist);overflow:hidden}.reel__slide img{object-fit:cover;width:100%;height:100%}.reel__bar{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:16px;display:grid}.reel__cap{min-height:2.8em}.reel__cap small{color:var(--ink-3);font-size:13px;display:block}.reel__cap strong{font-size:15px;font-weight:600}.reel__nav{gap:10px;display:flex}.reel__btn{border:1px solid var(--ink);cursor:pointer;background:#fff;place-items:center;width:40px;height:40px;transition:background .15s,color .15s;display:grid}.reel__btn:hover{background:var(--ink);color:#fff}.reel__btn svg{width:16px;height:16px}.reel__count{font:500 13px/1 var(--mono);color:var(--ink-3);letter-spacing:.06em;justify-self:end}@media (max-width:700px){.reel__slide .frame{aspect-ratio:4/3.4}.reel__bar{grid-template-columns:1fr auto}.reel__count{display:none}}.logos{background:var(--ink);color:#fff;padding:22px 0;overflow:hidden}.logos__title{text-align:center;font:500 16px/1.3 var(--display);color:var(--ink);margin:0 0 18px}.logos__track{width:max-content;animation:46s linear infinite logos;display:flex}.logos:hover .logos__track{animation-play-state:paused}.logos__set{align-items:center;gap:clamp(48px,6vw,96px);padding-right:clamp(48px,6vw,96px);display:flex}.logos__set img{opacity:.92;width:auto}@keyframes logos{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.logos__track{max-width:100%;animation:none;overflow-x:auto}.logos__set+.logos__set{display:none}}.services{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(32px,6vw,96px);display:grid}.svc{counter-reset:svc;gap:26px;margin:28px 0 32px;padding:0;list-style:none;display:grid}.svc li{counter-increment:svc;grid-template-columns:44px 1fr;column-gap:8px;display:grid}.svc li:before{content:counter(svc) ".";font:500 clamp(19px, 1.6vw, 23px)/1.25 var(--display)}.svc h3{margin:0 0 6px}.svc p{color:var(--ink-2);grid-column:2;margin:0;font-size:16px}.services__art{position:relative}.round{aspect-ratio:1;background:var(--mist);border-radius:50%;overflow:hidden}.round img{object-fit:cover;width:100%;height:100%}@media (max-width:860px){.services{grid-template-columns:1fr}.services__art{max-width:420px}}.principles{grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr);align-items:center;gap:clamp(32px,6vw,80px);display:grid}.principles__marks{flex-wrap:wrap;gap:10px 14px;margin-bottom:28px;display:flex}.principles__marks span{font:400 clamp(18px, 1.8vw, 24px)/1.3 var(--serif);background:var(--cream);padding:4px 10px}.principles p{color:var(--ink-2);max-width:38em}.seal{width:min(240px,60vw);margin-inline:auto;animation:28s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.seal{animation:none}}@media (max-width:800px){.principles{grid-template-columns:1fr}}.steps{border-top:1px solid var(--ink);counter-reset:step;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:40px 0 0;padding:0;list-style:none;display:grid}.steps li{counter-increment:step;border-right:1px solid var(--line);padding:22px 22px 8px 0}.steps li+li{padding-left:22px}.steps li:last-child{border-right:0}.steps li:before{content:"0" counter(step);font:500 13px/1 var(--mono);letter-spacing:.08em;color:var(--sky-ink);margin-bottom:18px;display:block}.steps h3{margin-bottom:8px}.steps p{color:var(--ink-2);font-size:15px}@media (max-width:860px){.steps{grid-template-columns:1fr 1fr}.steps li{border-right:0;border-bottom:1px solid var(--line);padding:22px 16px 10px 0!important}}@media (max-width:520px){.steps{grid-template-columns:1fr}}.head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 32px;margin-bottom:clamp(28px,4vw,48px);display:flex}.head h2{margin:0}.head p{max-width:30em;color:var(--ink-2);margin:0}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:16px;display:grid}.card{border:1px solid var(--ink);background:#fff;flex-direction:column;gap:10px;min-height:220px;padding:26px 24px 24px;text-decoration:none;transition:background .18s,transform .18s;display:flex;position:relative}.card:hover{background:var(--cream)}.card__kind{font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--sky-ink)}.card h3{margin:0;font-weight:600}.card p{color:var(--ink-2);margin:0;font-size:15px}.card__go{margin-top:auto;padding-top:12px;font-size:14px;font-weight:500}.card--feature{background:var(--ink);color:#fff;border-color:var(--ink)}.card--feature p{color:#ffffffbf}.card--feature .card__kind{color:var(--sky)}.card--feature:hover{background:#2c2c2c}.card--pic{padding-top:0;overflow:hidden}.card__pic{aspect-ratio:4/3;object-fit:cover;border-bottom:1px solid var(--ink);width:calc(100% + 48px);max-width:none;margin:0 -24px 14px;transition:transform .3s;display:block}.card--pic:hover .card__pic{transform:scale(1.03)}.card--feature .card__pic{border-bottom-color:var(--ink)}.faq{gap:2px;max-width:900px;margin-inline:auto;display:grid}.faq details{background:var(--ink);color:#fff}.faq summary{cursor:pointer;font:400 16px/1.4 var(--display);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary span{border:1px solid #ffffff8c;border-radius:50%;flex:none;width:22px;height:22px;position:relative}.faq summary span:before,.faq summary span:after{content:"";background:#fff;width:10px;height:1px;transition:transform .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.faq summary span:after{transform:translate(-50%,-50%)rotate(90deg)}.faq details[open] summary span:after{transform:translate(-50%,-50%)rotate(0)}.faq details p{color:#ffffffc7;max-width:46em;margin:0;padding:0 20px 20px;font-size:16px}.faq-title{text-align:center;margin-bottom:28px}.gallery{columns:3 320px;column-gap:14px}.gallery figure{break-inside:avoid;margin:0 0 14px}.gallery img{background:var(--mist);width:100%;height:auto}.gallery figcaption{padding:10px 0 4px;font-size:14px}.gallery figcaption strong{font-weight:600;display:block}.gallery figcaption span{color:var(--ink-3)}.gallery figcaption a{color:var(--sky-ink);margin-top:4px;font-weight:500;text-decoration:none;display:block}.gallery figcaption a:hover{text-decoration:underline}.case-more{padding:clamp(40px,6vw,80px) 0 clamp(16px,3vw,32px)}.case-more h2,.case-more__h{margin:0 0 22px;font-size:clamp(26px,3vw,38px)}.case-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px 14px;margin-bottom:28px;display:grid}.case-card{color:inherit;text-decoration:none;display:block}.case-card img{aspect-ratio:3/2;object-fit:cover;background:var(--mist);width:100%;transition:opacity .18s;display:block}.case-card:hover img{opacity:.88}@media (min-width:761px){.case-cards--featured{grid-template-columns:repeat(6,1fr)}.case-cards--featured .case-card{grid-column:span 2}.case-cards--featured .case-card:nth-child(-n+2){grid-column:span 3}}.case-card strong{margin-top:10px;font-weight:600;display:block}.case-card span{color:var(--ink-3);font-size:14px;display:block}.case__facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0;margin:0 0 clamp(32px,5vw,56px);display:grid}.case__facts div{padding:16px 18px 16px 0}.case__facts dt{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px;font-size:12px}.case__facts dd{margin:0;font-weight:500}.case__story{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);margin-bottom:clamp(36px,5vw,64px);display:grid}.case__story p{font:400 17px/1.7 var(--serif);color:var(--ink-2);max-width:36em;margin:0 0 1em}.case__story aside{background:var(--cream);align-self:start;padding:24px 26px}.case__story h2{letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:15px}.case__story ul{margin:0;padding-left:18px}.case__story li{margin:6px 0}.case__photos{grid-template-columns:1fr 1fr;gap:14px;display:grid}.case__photos figure{margin:0}.case__photos figure.is-wide{grid-column:1/-1}.case__photos img{aspect-ratio:3/2;object-fit:cover;background:var(--mist);width:100%;height:100%;display:block}.case__photos figure.is-wide img{aspect-ratio:16/9}@media (max-width:760px){.case__story,.case__photos{grid-template-columns:1fr}}.page-head{padding:clamp(36px,6vw,88px) 0 clamp(28px,4vw,56px)}.page-head h1{max-width:14em;font-size:clamp(40px,6vw,80px)}.page-head__lede{font:400 clamp(17px, 1.5vw, 21px)/1.55 var(--serif);color:var(--ink-2);max-width:34em;margin:0}.crumbs{color:var(--ink-3);flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0;font-size:13px;list-style:none;display:flex}.crumbs li+li:before{content:"/";margin-right:8px}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}.detail{border-top:1px solid var(--line);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,80px);padding-block:clamp(40px,5vw,64px);display:grid}.detail:first-child{border-top:0}.detail__n{font:500 13px/1 var(--mono);letter-spacing:.08em;color:var(--sky-ink);margin-bottom:16px}.detail h2{font-size:clamp(28px,3.2vw,42px)}.detail ul{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.detail li{color:var(--ink-2);padding-left:22px;position:relative}.detail li:before{content:"";background:var(--ink);width:10px;height:1px;position:absolute;top:.75em;left:0}.detail__photo{aspect-ratio:4/3;background:var(--mist);margin:0 0 22px;overflow:hidden}.detail__photo img{object-fit:cover;width:100%;height:100%}@media (max-width:800px){.detail{grid-template-columns:1fr}}.contact{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.contact__facts{gap:14px;margin:28px 0;padding:0;list-style:none;display:grid}.contact__facts li{gap:2px;display:grid}.contact__facts strong{font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.contact__facts a{font-size:19px}.contact__small{color:var(--ink-2);font-size:15px}@media (max-width:860px){.contact{grid-template-columns:1fr}}.footer-cta{background:var(--mist-2);padding-block:clamp(64px,8vw,112px)}.footer-cta__inner{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;gap:28px 64px;display:grid}.footer-cta h2{margin:0}.footer-cta p:not(.eyebrow){color:var(--ink-2);font:400 18px/1.55 var(--serif)}@media (max-width:800px){.footer-cta__inner{grid-template-columns:1fr}}.footer-main{padding:clamp(48px,6vw,72px) 0 28px}.footer-main__inner{grid-template-columns:minmax(0,1.1fr) minmax(0,1.6fr);gap:40px;display:grid}.footer-main__logo img{width:clamp(220px,30vw,340px);height:auto}.footer-main__brand p{color:var(--ink-2);max-width:26em;margin:18px 0 10px;font-size:15px}.footer-main__email{font-size:15px}.footer-main__cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.footer-main__label{font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px}.footer-main__cols ul{gap:8px;margin:0;padding:0;font-size:15px;list-style:none;display:grid}.footer-main__cols a{text-decoration:none}.footer-main__cols a:hover{text-underline-offset:3px;text-decoration:underline}.footer-main__bar{border-top:1px solid var(--line-2);color:var(--ink-3);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:48px;padding-top:20px;font-size:13px;display:flex}.footer-main__bar p{margin:0}@media (max-width:800px){.footer-main__inner{grid-template-columns:1fr}.footer-main__cols{grid-template-columns:1fr 1fr}}.entry-header{padding:clamp(36px,6vw,80px) 0 clamp(20px,3vw,36px)}.entry-header h1{max-width:15em;font-size:clamp(36px,5.2vw,68px)}.entry-header__meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:18px;font-size:14px;display:flex}.entry-header__lede{font:400 clamp(17px, 1.5vw, 21px)/1.55 var(--serif);color:var(--ink-2);max-width:34em;margin:0}.entry-content{padding-bottom:clamp(56px,8vw,112px)}.prose{font-size:17px}.prose>*{width:min(100% - 2 * var(--gutter), 760px);margin-inline:auto}.prose>.wide{width:min(100% - 2 * var(--gutter), 1080px)}.prose h2{margin-top:1.8em;font-size:clamp(26px,2.8vw,36px)}.prose h3{margin-top:1.6em;font-weight:600}.prose a{text-underline-offset:3px;text-decoration-thickness:1px}.prose a:hover{color:var(--sky-ink)}.prose ul,.prose ol{padding-left:1.3em}.prose li{margin:.35em 0}.prose li::marker{color:var(--ink-3)}.prose table{border-collapse:collapse;font-size:15px;display:block;overflow-x:auto}.prose th,.prose td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 14px 10px 0}.prose th{border-bottom-color:var(--ink);white-space:nowrap;font-weight:600}.prose blockquote{border-left:2px solid var(--sky);font:400 19px/1.55 var(--serif);color:var(--ink-2);margin:1.6em auto;padding:4px 0 4px 22px}.prose hr{border:0;border-top:1px solid var(--line);margin-block:2.4em}.prose code{font:500 .88em var(--mono);background:var(--cream);padding:1px 5px}.is-small-text .prose{font-size:15px}.callout{background:var(--cream);border-left:2px solid var(--ink);margin-block:1.8em;padding:20px 24px}.callout p:last-child{margin:0}.callout strong:first-child{margin-bottom:4px;display:block}.toc{border:1px solid var(--line);margin-block:0 2.4em;padding:18px 22px;font-size:15px}.toc strong{font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px;display:block}.toc ol{margin:0;padding-left:1.2em}.inline-cta{background:var(--ink);color:#fff;grid-template-columns:1fr auto;align-items:center;gap:16px 28px;margin-block:2.4em;padding:28px;display:grid}.inline-cta h3{margin:0 0 4px;font-weight:600}.inline-cta p{color:#ffffffbf;margin:0;font-size:15px}@media (max-width:640px){.inline-cta{grid-template-columns:1fr}}.form-page{width:min(100% - 2 * var(--gutter), var(--wrap));grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(32px,6vw,96px);margin-inline:auto;padding-top:clamp(28px,5vw,64px);display:grid}.form-page h1{font-size:clamp(36px,5vw,64px)}@media (max-width:860px){.form-page{grid-template-columns:1fr}}.not-found{padding-block:clamp(64px,10vw,140px)}.tool{background:var(--mist-2);border:1px solid var(--ink);grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);padding:clamp(20px,3vw,36px);font-size:15px;display:grid}.tool h3{margin:0 0 4px;font-weight:600}.tool__hint{color:var(--ink-3);margin:0 0 18px;font-size:14px}.tool__group{border:0;margin:0 0 22px;padding:0}.tool__group legend{font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px;padding:0}.tool__row{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:12px;padding:8px 0;display:grid}.tool__row label{line-height:1.35}.tool__row small{color:var(--ink-3);font-size:13px;display:block}.tool input[type=number],.tool input[type=date],.tool select{border:1px solid var(--ink);width:100%;height:40px;font:400 15px var(--display);color:var(--ink);background:#fff;border-radius:0;padding:0 10px}.tool input:focus,.tool select:focus{outline:2px solid var(--sky);outline-offset:0}.tool__opts{flex-wrap:wrap;gap:8px;display:flex}.tool__opt{position:relative}.tool__opt input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.tool__opt span{border:1px solid var(--ink);background:#fff;padding:8px 14px;font-size:14px;display:inline-block}.tool__opt input:checked+span{background:var(--ink);color:#fff}.tool__opt input:focus-visible+span{outline:2px solid var(--sky);outline-offset:2px}.tool__out{border:1px solid var(--ink);top:calc(var(--header-h) + 16px);background:#fff;align-self:start;padding:24px;position:sticky}.tool__big{font:600 clamp(44px, 5vw, 64px)/1 var(--display);letter-spacing:-.04em;margin:6px 0 4px}.tool__big small{letter-spacing:0;font-size:.4em;font-weight:500}.tool__stats{background:var(--line);border:1px solid var(--line);grid-template-columns:1fr 1fr;gap:1px;margin:18px 0;display:grid}.tool__stats div{background:#fff;padding:12px}.tool__stats dt{font:500 11px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.tool__stats dd{margin:4px 0 0;font-size:18px;font-weight:500}.tool__notes{color:var(--ink-2);gap:6px;margin:0;padding-left:1.1em;font-size:14px;display:grid}.tool__actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.tool__actions .btn{min-height:42px;padding:0 16px;font-size:14px}.tool__small{color:var(--ink-3);margin-top:14px;font-size:12px}.tool__mini{display:none}@media (max-width:900px){.tool{grid-template-columns:1fr}.tool__out{position:static}.tool__mini{z-index:50;background:var(--ink);color:#fff;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:14px;text-decoration:none;display:flex;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 10px 30px -10px #00000080}.tool__mini b{font-size:18px;font-weight:600}}.plan{gap:0;margin:0;padding:0;list-style:none;display:grid}.plan li{border-bottom:1px solid var(--line);grid-template-columns:112px 1fr;gap:14px;padding:12px 0;display:grid}.plan time{font:500 13px/1.4 var(--mono);color:var(--ink)}.plan time small{color:var(--ink-3);font-size:11px;display:block}.plan b{font-weight:600;display:block}.plan span{color:var(--ink-2);font-size:14px}.plan .is-late time{color:#b3261e}.plan__warn{color:#8c1d18;background:#fdecea;margin-bottom:14px;padding:12px 14px;font-size:14px}.lb{--lb-chrome:calc(60px + 4.5rem);z-index:1000;color:#fff;flex-direction:column;display:flex;position:fixed;inset:0}.lb__backdrop{background:#141414f2;position:absolute;inset:0}.lb__close{z-index:2;color:#fff;cursor:pointer;background:0 0;border:0;padding:6px 10px;font-size:40px;line-height:1;position:absolute;top:8px;right:14px}.lb__count{z-index:2;font:13px/1 var(--mono);opacity:.7;margin:0;position:absolute;top:18px;left:20px}.lb__stage{pointer-events:none;flex:1;place-items:center;min-height:0;padding:60px 20px 0;display:grid;position:relative}.lb__img{max-height:calc(100dvh - var(--lb-chrome));object-fit:contain;pointer-events:auto;height:auto}.lb__arrow{pointer-events:auto;color:#fff;cursor:pointer;background:#ffffff1a;border:0;width:48px;height:48px;font-size:30px;line-height:1;position:absolute;top:50%;transform:translateY(-50%)}.lb__arrow:hover{background:#ffffff38}.lb__arrow.is-prev{left:16px}.lb__arrow.is-next{right:16px}.lb__bar{z-index:1;justify-content:center;align-items:center;min-height:4rem;padding:10px 20px;display:flex;position:relative}.lb__caption{opacity:.8;text-align:center;margin:0;font-size:14px}.gallery img[data-zoom],.hero__photo img[data-zoom]{cursor:zoom-in}@media print{.site-header,.site-footer,.footer-cta,.tool__actions,.no-print{display:none!important}.tool{background:0 0;border:0;padding:0;display:block}.tool__out{border:0;position:static}}.prose>.full{width:min(100% - 2 * var(--gutter), 1440px);margin-bottom:clamp(40px,6vw,72px)}.tool-screen{border-bottom:1px solid var(--ink)}.gen{height:calc(100svh - var(--header-h));background:var(--mist-2);grid-template-columns:minmax(0,1fr) 420px;gap:0;min-height:560px;font-size:15px;display:grid}.gen__stage{flex-direction:column;gap:12px;min-width:0;min-height:0;padding:clamp(14px,2vw,24px);display:flex}.gen__fit{flex:1;place-items:center;min-height:0;display:grid;container-type:size}.gen__drop{text-align:center;background:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-height:0;padding:32px 20px;display:flex;overflow-y:auto}.gen__dropzone{border:2px dashed var(--ink-3);border-radius:24px;flex-direction:column;align-items:center;gap:6px;width:min(100%,560px);padding:clamp(22px,3vw,34px) 24px;transition:background .15s,border-color .15s;display:flex}.gen__drop.is-over .gen__dropzone{background:var(--cream);border-color:var(--ink)}.gen__hero{font:600 clamp(32px, 4.4vw, 60px)/1.02 var(--display);letter-spacing:-.04em;text-wrap:balance;max-width:12em;margin:0 0 clamp(14px,2vw,24px)}.gen__drop-title{font:600 clamp(22px, 2.4vw, 30px)/1.15 var(--display);letter-spacing:-.03em;margin:0}.gen__or{font:500 15px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:28px 0 10px}.gen__samples{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;width:min(100%,900px);scroll-margin-top:100px;display:grid;position:relative}.gen__samples button{border:1px solid var(--ink);cursor:pointer;text-align:left;background:#fff;padding:0;transition:transform .15s,box-shadow .15s}.gen__samples button:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000001f}.gen__samples img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto;display:block}.gen__samples span{gap:6px;padding:7px 10px;font-size:13px;display:flex}.gen i{font-style:normal}.gen__view{width:min(100cqw, 100cqh * var(--ratio));background:var(--ink);touch-action:pan-y;-webkit-user-select:none;user-select:none;margin:0;position:relative;overflow:hidden}.gen__view img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.gen__after{clip-path:inset(0 0 0 var(--split))}.gen__view.is-after .gen__after{clip-path:none}.gen__view.is-before .gen__after{display:none}.gen__view.is-compare{cursor:ew-resize}.gen__handle{top:0;bottom:0;left:var(--split);pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 10px #00000059}.gen__handle span{width:40px;height:40px;color:var(--ink);background:#fff;border-radius:50%;place-items:center;font-size:18px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 12px #0000004d}.gen__label{color:#fff;font:500 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;background:#212121b8;padding:4px 10px;position:absolute;top:12px}.gen__label.is-l{left:12px}.gen__label.is-r{right:12px}.gen__split{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.gen__busy{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#fff;text-align:center;background:#2121218c;place-content:center;justify-items:center;gap:6px;display:grid;position:absolute;inset:0}.gen__busy p{font:500 18px/1.3 var(--display);margin:8px 0 0}.gen__busy small{opacity:.7;font-size:13px}.gen__spin{border:2px solid #ffffff40;border-top-color:var(--sky);border-radius:50%;width:44px;height:44px;animation:.9s linear infinite gen-spin}@keyframes gen-spin{to{transform:rotate(360deg)}}.gen__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex;position:relative}.gen__bar-r{align-items:center;gap:14px;display:flex}.gen__bar .btn{min-height:38px;padding:0 16px;font-size:14px}.gen__seg{border:1px solid var(--ink);background:#fff;display:inline-flex}.gen__seg button{font:400 14px var(--display);color:var(--ink);cursor:pointer;background:0 0;border:0;padding:8px 14px}.gen__seg button+button{border-left:1px solid var(--ink)}.gen__seg button[aria-pressed=true]{background:var(--ink);color:#fff}.gen__seg button[aria-disabled=true]{color:var(--ink-3);cursor:default}.gen__link{font:500 14px var(--display);color:var(--ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.gen__link:hover{color:var(--sky-ink)}.gen__top{justify-content:space-between;align-items:center;gap:10px;display:flex}.gen__new{position:relative}.gen__new .btn{min-height:38px;padding:0 16px;font-size:14px}.gen__bubble{z-index:6;width:320px;max-width:calc(100vw - 32px);color:var(--ink);border:1px solid var(--ink);transform-origin:calc(100% - 140px) -10px;background:#fff;border-radius:18px;align-items:flex-start;gap:10px;padding:18px 14px 18px 20px;animation:.45s cubic-bezier(.2,1.4,.4,1) .6s both gen-bubble,2.4s ease-in-out 1.2s infinite gen-bob;display:flex;position:absolute;top:calc(100% + 14px);right:-90px;box-shadow:0 14px 40px #00000047}.gen__bubble:before{content:"";border-left:1px solid var(--ink);border-top:1px solid var(--ink);background:#fff;width:16px;height:16px;position:absolute;top:-9px;right:132px;transform:rotate(45deg)}.gen__bubble p{margin:0;font-size:16px;line-height:1.45}.gen__bubble p b{font:600 20px/1.2 var(--display);letter-spacing:-.02em;margin-bottom:4px;display:block}.gen__bubble button{color:var(--ink);cursor:pointer;background:0 0;border:0;flex:none;padding:0 2px;font-size:22px;line-height:1}.gen__client-wrap{position:relative}.gen__tip{z-index:6;text-align:left;background:var(--ink);color:#fff;transform-origin:40px -10px;border-radius:18px;align-items:flex-start;gap:10px;padding:14px 12px 14px 18px;animation:.45s cubic-bezier(.2,1.4,.4,1) .3s both gen-bubble,2.4s ease-in-out 1s infinite gen-bob;display:flex;position:absolute;box-shadow:0 14px 40px #00000040}.gen__tip:before,.gen__tip:after{content:"";background:var(--ink);width:14px;height:14px;position:absolute;transform:rotate(45deg)}.gen__tip:before{top:-7px;left:32px}.gen__tip:after{display:none}.gen__tip.is-client{top:calc(100% + 14px);left:0;right:0}.gen__tip.is-go{transform-origin:50% 100%;margin:8px 0 18px;position:relative}.gen__tip.is-go:before{left:calc(50% - 7px)}.gen__tip.is-go:after{display:block;bottom:-7px;left:calc(50% - 7px)}.gen__tip.is-space{transform-origin:50% 100%;width:max-content;max-width:100%;margin-inline:auto;bottom:calc(100% + 12px);left:0;right:0}.gen__tip.is-view{transform-origin:40px 100%;width:max-content;max-width:100%;bottom:calc(100% + 12px);left:0}.gen__tip.is-space:before,.gen__tip.is-view:before{display:none}.gen__tip.is-space:after,.gen__tip.is-view:after{display:block;bottom:-7px;left:calc(50% - 7px)}.gen__tip.is-view:after{left:32px}.gen__tip.is-space,.gen__tip.is-view{animation-delay:0s,.6s}.gen__tip p{margin:0;font-size:15px;line-height:1.4}.gen__tip p b{font:600 18px/1.2 var(--display);letter-spacing:-.02em;margin-bottom:2px;display:block}.gen__tip button{color:#fff;cursor:pointer;background:0 0;border:0;flex:none;padding:0 2px;font-size:22px;line-height:1}@keyframes gen-bubble{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes gen-bob{50%{translate:0 4px}}.gen__history{gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.gen__history button{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;flex:none;width:112px;padding:0}.gen__history button[aria-pressed=true]{border-color:var(--ink);outline:1px solid var(--ink)}.gen__history img{aspect-ratio:3/2;object-fit:cover;width:100%;display:block}.gen__history span{color:var(--ink-2);padding:4px 8px;font-size:12px;display:block}.gen__cta{background:var(--ink);color:#fff;grid-template-columns:1fr auto;align-items:center;gap:14px 24px;padding:20px 22px;display:grid}.gen__cta strong{font-weight:600}.gen__cta p{color:#ffffffbf;margin:2px 0 0;font-size:14px}.gen__cta .btn{color:var(--ink);background:#fff;border-color:#fff}.gen__cta .btn:hover{color:#fff;background:0 0}.gen__panel{border-left:1px solid var(--ink);background:#fff;flex-direction:column;min-height:0;display:flex}.gen__title{letter-spacing:-.02em;margin:14px 0 0;font-size:22px}.gen__scroll{overscroll-behavior:contain;flex:1;padding:6px 22px 10px;overflow-y:auto}.gen__sec{border-bottom:1px solid var(--line);padding:18px 0}.gen__sec:last-child{border-bottom:0}.gen__sec h3{align-items:baseline;gap:10px;margin:0 0 10px;font-size:17px;font-weight:600;display:flex}.gen__sec h3 span{font:500 12px/1 var(--mono);color:var(--sky-ink);letter-spacing:.06em}.gen__sec .tool__hint{margin:-4px 0 12px;font-size:13px}.gen .tool__opts{gap:6px}.gen .tool__opt span{border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:inline-flex}.gen__tiles{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:6px;display:grid}.gen__tiles.is-pictures{grid-template-columns:repeat(4,minmax(0,1fr))}.gen__tile input{opacity:0;pointer-events:none;position:absolute}.gen__tile>span{border:1px solid var(--line);text-align:center;cursor:pointer;background:#fff;flex-direction:column;align-items:center;gap:4px;height:100%;padding:10px 6px 8px;transition:border-color .15s,background .15s;display:flex}.gen__tile>span i{font-size:24px;line-height:1.1}.gen__tile b{font-size:12.5px;font-weight:500;line-height:1.25}.gen__tile:hover>span{border-color:var(--ink)}.gen__tile input:checked+span{border-color:var(--ink);outline:1px solid var(--ink);background:var(--cream)}.gen__tile input:focus-visible+span{outline:2px solid var(--sky)}.is-pictures .gen__tile>span{padding:0 0 6px}.is-pictures .gen__tile img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.is-pictures .gen__tile b{padding:0 4px;font-size:12px}.gen__client{position:relative}.gen__client-field{border:1px solid var(--ink);background:#fff;border-radius:999px;align-items:center;padding:0 6px 0 4px;display:flex}.gen__client-field:focus-within{outline:2px solid var(--sky);outline-offset:1px}.gen__client-mark{width:40px;color:var(--ink-3);flex:none;place-items:center;font-size:18px;display:grid}.gen__client-mark img.is-light{background:#262626;border-radius:4px;padding:2px}.gen__client-field input{min-width:0;font:500 16px var(--display);color:var(--ink);background:0 0;border:0;outline:0;flex:1;padding:11px 0}.gen__client-toggle{cursor:pointer;width:36px;color:var(--ink-2);background:0 0;border:0;border-radius:0 999px 999px 0;align-self:stretch;font-size:14px}.gen__client-own{color:var(--ink-2);margin:8px 2px 0;font-size:12.5px}.gen__brand.is-hi{border-color:var(--ink);background:var(--cream)}.gen__saved{gap:10px;width:min(100%,900px);padding-bottom:6px;display:flex;overflow-x:auto}.gen__saved button{border:1px solid var(--ink);cursor:pointer;text-align:left;background:#fff;flex:none;width:168px;padding:0}.gen__saved img{aspect-ratio:3/2;object-fit:cover;background:var(--mist);width:100%;display:block}.gen__saved span{justify-content:space-between;gap:6px;padding:6px 9px;font-size:13px;display:flex}.gen__saved small{color:var(--ink-3)}.gen__brands{border:1px solid var(--ink);background:#fff;border-radius:14px;margin-top:8px;padding:10px}.gen__groups{scrollbar-width:thin;gap:5px;padding:8px 0;display:flex;overflow-x:auto}.gen__groups button{border:1px solid var(--line);font:400 12.5px var(--display);color:var(--ink);cursor:pointer;background:#fff;border-radius:999px;flex:none;align-items:center;gap:5px;padding:4px 10px;display:inline-flex}.gen__groups button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.gen__brand-grid{overscroll-behavior:contain;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:330px;display:grid;overflow-y:auto}.gen__brand{border:1px solid var(--line);cursor:pointer;background:#fff;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:8px 4px 7px;display:flex}.gen__brand:hover{border-color:var(--ink)}.gen__brand[aria-pressed=true]{border-color:var(--ink);outline:1px solid var(--ink);background:var(--cream)}.gen__brand-mark{background:#f6f6f3;border-radius:12px;place-items:center;width:min(80px,100%);height:52px;display:grid}.gen__brand-mark.is-dark{background:#262626}.gen__brand-mark img{object-fit:contain;width:calc(100% - 14px);height:30px}.gen__brand-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;line-height:1.2;overflow:hidden}.gen__dots{gap:3px;display:flex}.gen__dots i{border-radius:50%;width:9px;height:9px;box-shadow:inset 0 0 0 1px #00000026}.gen__input{border:1px solid var(--ink);width:100%;font:400 15px/1.4 var(--display);color:var(--ink);resize:vertical;background:#fff;border-radius:0;padding:9px 11px}.gen__input:focus{outline:2px solid var(--sky);outline-offset:0}.gen__assets{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.gen__asset{border:1px solid var(--line);background:repeating-conic-gradient(#f1f1ec 0 25%, #fff 0 50%) 0 0 / 14px 14px;position:relative}.gen__asset img{aspect-ratio:1;object-fit:contain;width:100%;padding:8px;display:block}.gen__asset select{border:0;border-top:1px solid var(--line);width:100%;font:400 12px var(--display);color:var(--ink);background:#fff;padding:5px 4px;display:block}.gen__asset button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:50%;width:22px;height:22px;font-size:15px;line-height:1;position:absolute;top:3px;right:3px}.gen__add{aspect-ratio:1/1.22;border:1px dashed var(--ink-3);background:var(--mist-2);cursor:pointer;font:400 12px/1.3 var(--display);color:var(--ink-2);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px;display:flex}.gen__add b{color:var(--ink);font-size:26px;font-weight:300;line-height:1}.gen__add:hover{border-color:var(--ink);background:var(--cream)}.gen__colors{margin-top:14px}.gen__colors .gen__mini{margin-bottom:8px;display:block}.gen__swatches{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.gen__mini{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-right:4px}.gen__swatch{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex;position:relative}.gen__swatch>span{border:1px solid var(--ink);border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.gen__swatch code{font:400 10.5px/1 var(--mono);color:var(--ink-2);text-transform:uppercase}.gen__swatch input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.gen__swatch.is-add>span{color:var(--ink);background:#fff;border-style:dashed;font-size:20px}.gen__slider{margin-bottom:14px}.gen__slider label{justify-content:space-between;margin-bottom:6px;font-size:14px;display:flex}.gen__slider label b{color:var(--sky-ink);gap:6px;font-weight:500;display:inline-flex}.gen__slider input{appearance:none;cursor:pointer;background:0 0;width:100%;height:22px;margin:0}.gen__slider input::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--ink) var(--fill), var(--line) var(--fill));height:3px}.gen__slider input::-moz-range-track{background:linear-gradient(90deg, var(--ink) var(--fill), var(--line) var(--fill));height:3px}.gen__slider input::-webkit-slider-thumb{-webkit-appearance:none;border:1.5px solid var(--ink);background:#fff;border-radius:50%;width:18px;height:18px;margin-top:-7.5px}.gen__slider input::-moz-range-thumb{border:1.5px solid var(--ink);background:#fff;border-radius:50%;width:16px;height:16px}.gen__ticks{color:var(--ink-3);justify-content:space-between;margin-top:2px;font-size:11px;display:flex}.gen__go{border-top:1px solid var(--ink);background:#fff;padding:14px 22px 16px}.gen__render{border-radius:12px}.gen__render:not(:disabled):not(.is-off){color:#fff;background:#2563eb;border-color:#2563eb}.gen__render:not(:disabled):not(.is-off):hover{background:#1d4ed8;border-color:#1d4ed8}.gen__render{width:100%;min-height:54px;font-size:16px}.gen__render:disabled,.gen__render.is-off{background:var(--ink-3);border-color:var(--ink-3);color:#fff;cursor:default}.gen__refine{color:var(--ink-2);cursor:pointer;align-items:flex-start;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.gen__refine input{accent-color:var(--ink);margin-top:3px}.gen__error{color:#8c1d18;background:#fdecea;margin:0 0 10px;padding:10px 12px;font-size:14px}.gen__go .tool__small{margin:10px 0 0}@media (max-width:960px){.gen{grid-template-columns:1fr;height:auto;min-height:0}.gen__panel{border-left:0;border-top:1px solid var(--ink)}.gen__go{z-index:5;position:sticky;bottom:0}.gen__drop{flex:none;min-height:360px}.gen__fit{flex:none;display:block;container-type:normal}.gen__view{width:100%;max-height:70svh}.gen__bubble{right:0}.gen__bubble:before{right:42px}.gen__tiles.is-pictures{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:560px){.gen__cta{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.gen__spin{animation-duration:3s}.gen__bubble,.gen__tip{animation:none}}.signup{border:1px solid var(--ink);width:min(440px,100vw - 32px);max-height:calc(100svh - 32px);color:var(--ink);background:#fff;padding:0;overflow:auto}.signup::backdrop{background:#2121218c}.signup__card{text-align:center;padding:34px 28px 26px;position:relative}.signup__card form,.signup__card>div:not(.signup__progress){gap:10px;display:grid}.signup__x,.signup__back{width:36px;height:36px;font:400 24px/1 var(--display);color:var(--ink-3);cursor:pointer;background:0 0;border:0;position:absolute;top:10px}.signup__x{right:10px}.signup__back{font-size:18px;left:10px}.signup__x:hover,.signup__back:hover{color:var(--ink)}.signup__progress{justify-content:center;gap:6px;margin:0 0 18px;display:flex}.signup__progress i{background:var(--line-2);width:22px;height:4px}.signup__progress i.is-done{background:var(--sky);opacity:.45}.signup__progress i.is-now{background:var(--sky-ink)}.signup__icon{font-size:36px;line-height:1}.signup h2{margin:4px 0 0;font-size:26px}.signup__sub{color:var(--ink-2);margin:0 0 6px;font-size:15px;line-height:1.5}.signup__label{text-align:left;font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-top:4px}.signup__label small{text-transform:none;letter-spacing:0}.signup__wide{width:100%;margin-top:6px}.signup__wide:disabled{opacity:.4;cursor:default}.signup__code{text-align:center;font:500 28px/1.2 var(--mono);letter-spacing:.4em;padding-left:.4em}.signup__fine{color:var(--ink-3);margin:4px 0 0;font-size:13px}.signup__fine .gen__link{font-size:13px}.signup__or{color:var(--ink-3);align-items:center;gap:10px;margin:4px 0;font-size:13px;display:flex}.signup__or:before,.signup__or:after{content:"";border-top:1px solid var(--line);flex:1}.signup__choices{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.signup__choices button{border:1px solid var(--ink);min-height:52px;font:400 15px/1.25 var(--display);color:var(--ink);cursor:pointer;background:#fff;padding:8px 12px;transition:background .15s,color .15s}.signup__choices button:hover,.signup__choices button.is-on{background:var(--ink);color:#fff}.signup__choices button:last-child:nth-child(odd){grid-column:1/-1}.signup__nah{color:var(--ink-3);justify-self:center;margin-top:4px}.signup__error{text-align:left;margin:14px 0 0}.showcase{margin:8px 0 48px}.showcase__hint{color:var(--ink-3);margin:-4px 0 18px;font-size:15px}.showcase__grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:20px;display:grid}.showcase__card{margin:0}.showcase__img{background:var(--mist-2);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative;overflow:hidden}.showcase__img img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.showcase__before{opacity:0;transition:opacity .25s}.showcase__before.is-on{opacity:1}.showcase__tag{color:#fff;font:500 11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;background:#212121bf;padding:3px 9px;position:absolute;top:10px;left:10px}.showcase__card figcaption{gap:2px;padding:10px 0 0;font-size:14.5px;display:grid}.showcase__card figcaption span{color:var(--ink-2)}.showcase__card figcaption a{color:var(--sky-ink);margin-top:2px;font-weight:500;text-decoration:none}.showcase__card figcaption a:hover{text-decoration:underline}
