@font-face{font-stretch:75% 100%;font-family:bricolage;src:url(../media/BricolageGrotesque_VF-s.p.3pm-_hhhsded8.woff2)format("woff2");font-display:swap;font-weight:200 800}@font-face{font-family:bricolage Fallback;src:local(Arial);ascent-override:91.48%;descent-override:26.56%;line-gap-override:0.0%;size-adjust:101.66%}.bricolage_d2754223-module__AP7NDG__className{font-family:bricolage,bricolage Fallback}.bricolage_d2754223-module__AP7NDG__variable{--font-bricolage:"bricolage", "bricolage Fallback"}
:root{--sky:#45b5e6;--magenta:#d74394;--gold:#f6c141;--ink:#1a1a1a;--paper:#fcfbf9;--mute:#5a5a57;--soft:#c9c8c2;--line:#1a1a1a24;--max:1280px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-pass:cubic-bezier(.5, 0, .2, 1);--ease-slap:cubic-bezier(.3, 1.5, .5, 1)}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:1rem;line-height:1.5}.page{--gutter:clamp(20px, 5.5cqw, 80px);--row:clamp(2.75rem, min((89cqw - 14.125rem) / 8.9, 13.4svh), 7.375rem);font-family:var(--font-bricolage), system-ui, sans-serif;min-height:100svh;container:page/inline-size}.wrap{width:min(100% - 2 * var(--gutter), var(--max));margin-inline:auto}a{color:inherit}::selection{background:color-mix(in srgb, var(--sky) 40%, var(--paper));color:var(--ink)}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.skip{position:absolute;left:-9999px}.skip:focus{z-index:6;background:var(--ink);color:var(--paper);border-radius:8px;padding:10px 14px;top:16px;left:16px}main:focus{outline:none}
.site-header{z-index:5;background:var(--paper);align-items:center;height:76px;transition:box-shadow .2s;display:flex;position:sticky;top:0}.site-header[data-nav=on],.site-header[data-view=page]{box-shadow:0 1px 0 var(--line)}.site-header .wrap{align-items:center;gap:24px;display:flex}.brand{letter-spacing:.06em;font-size:1.375rem;font-weight:700;font-stretch:100%;line-height:1;text-decoration:none}.nav{transition:opacity .25s, transform .25s var(--ease-out), visibility .25s;gap:32px;margin-left:auto;margin-right:8px;display:flex}.nav a{background:linear-gradient(var(--c), var(--c)) no-repeat;transition:background-size .28s var(--ease-pass);background-position:100% 100%;background-size:0% 4px;padding:6px 0 8px;font-size:.96875rem;font-weight:500;text-decoration:none}.nav a:is(:hover,[data-here],[aria-current=page]){background-position:0 100%;background-size:100% 4px}.site-header[data-view=home][data-nav=off] .nav{opacity:0;visibility:hidden;transform:translateY(-6px)}
.btn{background:var(--sky);min-height:44px;color:var(--ink);cursor:pointer;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 22px;font-family:inherit;font-size:.9375rem;font-weight:600;line-height:1;text-decoration:none;transition:background-color .15s,transform .12s;display:inline-flex}.btn:hover{background:#2ea9df}.btn:active{transform:scale(.97)}.btn-lg{min-height:56px;padding:0 32px;font-size:1.0625rem}.btn[aria-disabled=true]{opacity:.7;cursor:progress}.btn[aria-disabled=true]:hover{background:var(--sky)}.btn[aria-disabled=true]:active{transform:none}.textlink{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1.5px;-webkit-text-decoration-color:var(--c,var(--magenta));text-decoration-color:var(--c,var(--magenta));font-weight:500;transition:text-decoration-thickness .15s,text-decoration-color .1s}.textlink:hover{text-decoration-thickness:3px}.textlink:active{text-decoration-color:currentColor}.actions{flex-wrap:wrap;align-items:center;gap:28px;display:flex}:is(.btn,.textlink,.brand,.nav a):focus-visible{outline:2px solid var(--ink);outline-offset:3px}.textlink:focus-visible,.nav a:focus-visible,.brand:focus-visible{border-radius:4px}
.hero{padding:clamp(28px,3.9cqw,56px) 0 clamp(40px,4.2cqw,60px)}.sheet{position:relative}.lede{letter-spacing:-.012em;font-size:clamp(1.3125rem,2.1cqw,1.875rem);font-weight:500;line-height:1.24}.lede h1{font:inherit;letter-spacing:inherit;margin:0}.lede p{color:var(--mute);margin:0}.index{margin-top:clamp(26px,2.9cqw,42px)}.index ul{margin:0;padding:0;list-style:none}.row{--on:0;color:var(--ink);-webkit-tap-highlight-color:transparent;outline:none;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:32px;text-decoration:none;display:grid}.row:hover,.row:focus-visible{--on:1}.index:not(:hover):not(:has(.row:focus-visible)) .rest .row{--on:1}.name{white-space:nowrap;font-size:var(--row);letter-spacing:-.035em;margin-block:0;transform:rotate(calc(var(--on) * var(--tilt)));transform-origin:35% 60%;transition:transform .34s var(--ease-slap);justify-self:start;margin-left:-.13em;padding:0 .13em .045em;font-weight:560;line-height:1.07;display:inline-block;position:relative}.ink{background:linear-gradient(var(--label,var(--c)), var(--label,var(--c))) no-repeat;background-size:calc(var(--on) * 100%) 100%;background-position:calc((1 - var(--on)) * 100%) 0;transition:background-size .28s var(--ease-pass);border-radius:.13em;position:absolute;inset:.075em 0 0}.word{display:block;position:relative}.row:focus-visible .name{outline:2px solid var(--ink);outline-offset:5px;border-radius:.13em}.meta{white-space:nowrap;color:color-mix(in srgb, var(--mute), var(--ink) calc(var(--on) * 100%));align-items:center;gap:12px;font-size:clamp(.9375rem,1.25cqw,1.125rem);font-weight:500;transition:color .2s;display:inline-flex}.arrow{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:1.1em;height:1.1em;transform:translateX(calc(var(--on) * 5px));transition:transform .3s var(--ease-out)}.hero .actions{margin-top:clamp(30px,3.1cqw,44px)}.name:before,.word:before,.word:after{content:attr(data-text);content:attr(data-text) / "";opacity:0;pointer-events:none;mix-blend-mode:multiply;position:absolute;inset:0}.word:before{color:var(--sky);--dx:-.085em;--dy:-.05em}.word:after{color:var(--magenta);--dx:.075em;--dy:-.04em}.name:before{padding:inherit;color:var(--gold);--dx:-.03em;--dy:.08em}.index[data-reg] :is(.name,.word):before,.index[data-reg] .word:after{animation:.58s both reg,.2s linear forwards plate-out;animation-delay:calc(var(--i) * 60ms), calc(.58s + var(--i) * 60ms)}.index[data-reg] .word{animation:.14s ease-out both k-in;animation-delay:calc(.47s + var(--i) * 60ms)}.index[data-reg] .rest .ink{animation:ink-in .3s var(--ease-pass) .84s backwards}.index[data-reg] .rest .name{animation:tilt-in .36s var(--ease-slap) .84s backwards}@keyframes reg{0%,20%{opacity:.95;transform:translate(var(--dx), var(--dy));animation-timing-function:cubic-bezier(.6,0,.15,1)}to{opacity:.95;transform:none}}@keyframes plate-out{to{opacity:0}}@keyframes k-in{0%{color:#0000}}@keyframes ink-in{0%{background-position:0 0;background-size:0% 100%}}@keyframes tilt-in{0%{transform:none}}.crop{--bleed:calc(var(--gutter) * .42);width:22px;height:22px;color:color-mix(in srgb, var(--ink) 42%, transparent);pointer-events:none;position:absolute}.crop:before,.crop:after{content:"";background:currentColor;position:absolute}.crop:before{width:13px;height:1px;bottom:0;left:0}.crop:after{width:1px;height:13px;top:0;right:0}.crop-tl{right:calc(100% + var(--bleed));bottom:calc(100% + var(--bleed) * .5)}.crop-tr{left:calc(100% + var(--bleed));bottom:calc(100% + var(--bleed) * .5);transform:scaleX(-1)}.crop-bl{right:calc(100% + var(--bleed));top:calc(100% + var(--bleed) * .5);transform:scaleY(-1)}.crop-br{left:calc(100% + var(--bleed));top:calc(100% + var(--bleed) * .5);transform:scale(-1)}
.band{background:var(--c);padding:clamp(40px,6cqw,92px) 0 clamp(20px,2.4cqw,34px)}.band-heading{font-size:inherit;font-weight:inherit;line-height:inherit;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 32px;margin:0;display:flex}.band-heading:focus{outline:none}.page-title{width:fit-content;font-size:var(--row);letter-spacing:-.035em;font-weight:560;line-height:1.07;display:block}
::view-transition-group(title){animation-duration:.56s;animation-timing-function:cubic-bezier(.3,.9,.2,1)}::view-transition-group(ink){animation-duration:.56s;animation-timing-function:cubic-bezier(.3,.9,.2,1)}::view-transition-old(ink){height:100%}::view-transition-new(ink){height:100%}::view-transition-old(.page-out){animation-duration:.26s}::view-transition-new(.page-in){animation-duration:.26s}.site-header{view-transition-name:site-header}::view-transition-group(site-header){z-index:100;animation:none}::view-transition-old(site-header){display:none}::view-transition-new(site-header){animation:none}::view-transition{pointer-events:none}
@media (prefers-reduced-motion:no-preference){html[data-glide]{scroll-behavior:smooth}}.chapter,.about,.quote{scroll-margin-top:76px}.two-col,.cbody,.about .wrap,.quote .wrap,.site-footer .wrap,.psec>.wrap{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(32px,5.5cqw,88px);display:grid}.cband h2,.about h2,.quote :is(h1,h2),.clede,.psec h2,.plede,.psec h3{text-wrap:balance}main :is(p,li,figcaption){text-wrap:pretty}
.cband{background:var(--c);padding:clamp(36px,5cqw,76px) 0 clamp(16px,2cqw,28px)}.cband .wrap{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 32px;display:flex}.cband h2{letter-spacing:-.035em;margin:0;font-size:clamp(2.625rem,6.6cqw,6rem);font-weight:560;line-height:1.04}.cnote{margin:0;font-size:clamp(1.1875rem,1.45cqw,1.3125rem);font-weight:700}.cbody{align-items:start;padding-block:clamp(36px,4.6cqw,68px) clamp(56px,7.4cqw,108px)}.clede{letter-spacing:-.012em;margin:0;font-size:clamp(1.3125rem,2.1cqw,1.875rem);font-weight:500;line-height:1.24}.cmore{max-width:44ch;color:var(--mute);margin:14px 0 0;font-size:clamp(1.0625rem,1.3cqw,1.1875rem);line-height:1.5}.steps{gap:16px;margin:clamp(26px,2.8cqw,40px) 0 0;padding:0;list-style:none;display:grid}.steps li{grid-template-columns:34px minmax(0,1fr);column-gap:16px;display:grid}.steps .n{background:var(--c);border-radius:9px;grid-row:span 2;place-items:center;width:34px;height:34px;font-size:1.1875rem;font-weight:700;line-height:1;display:grid}.steps b{font-size:1.1875rem;font-weight:600;line-height:1.3}.steps li>span:last-child{color:var(--mute);grid-column:2;font-size:1.0625rem;line-height:1.45}.chapter .actions{margin-top:clamp(28px,3cqw,42px)}.prooflink{position:relative}.prooflink .cover{z-index:1;border-radius:14px;position:absolute;inset:0}.prooflink .frame{transition:box-shadow .2s}.prooflink:hover .frame{box-shadow:0 0 0 3px var(--c)}
.photo,.mosaic{margin:0}.frame{background:#ecebe6;border-radius:14px;display:block;position:relative;overflow:hidden}.frame img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.frame.sheet{border:1px solid var(--line);background:#fff}.frame.sheet img{object-fit:contain}:is(.photo,.mosaic) figcaption{max-width:50ch;color:var(--mute);margin-top:10px;font-size:.9375rem;line-height:1.45}.proof-3{grid-template-columns:minmax(0,2.1fr) minmax(0,1fr);gap:clamp(12px,1.5cqw,20px);display:grid}.proof-3>*{aspect-ratio:1}.proof-3>.big{aspect-ratio:auto;grid-row:1/span 2}.proof-3.flip{grid-template-columns:minmax(0,1fr) minmax(0,2.1fr)}.proof-3.flip>.big{grid-column:2}.about .frame{aspect-ratio:3/2}.strip{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(12px,1.5cqw,20px);display:grid}.strip>.wide{aspect-ratio:3/2}.duo{grid-template-columns:minmax(0,2.25fr) minmax(0,1fr);gap:clamp(12px,1.5cqw,20px);display:grid}.duo>.frame:first-child{aspect-ratio:3/2}.duo>.frame:last-child{aspect-ratio:2/3}.pairing{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(12px,1.5cqw,20px);display:grid}.gallery,.examples{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(20px,2.2cqw,28px) clamp(12px,1.5cqw,20px);display:grid}.gallery .frame{aspect-ratio:1}.examples .frame:not(.sheet){aspect-ratio:3/2}.slot{background:color-mix(in srgb, var(--c,#8a8983) 15%, var(--paper));color:var(--mute);border-radius:14px;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:10px;padding:clamp(12px,1.4cqw,18px);font-size:.9375rem;line-height:1.35;display:flex}.slot.big{font-size:1.0625rem}.todo{color:var(--mute);border:1px dashed;border-radius:6px;padding:3px 8px;font-size:.78125rem;font-weight:600;line-height:1.3;display:inline-block}
.pintro{padding-block:clamp(32px,4.2cqw,60px) clamp(44px,5.6cqw,84px)}.plede{letter-spacing:-.022em;max-width:22em;margin:0;font-size:clamp(1.5625rem,3.1cqw,2.75rem);font-weight:500;line-height:1.14}.pintro .cmore{max-width:52ch;margin-top:18px;font-size:clamp(1.125rem,1.5cqw,1.3125rem)}.pintro .actions{margin-top:clamp(26px,3cqw,40px)}.psec{border-top:1px solid var(--line);padding-block:clamp(48px,6.4cqw,96px);scroll-margin-top:76px}.psec>.wrap{align-items:start}.psec.tint{background:color-mix(in srgb, var(--c) 12%, var(--paper));border-top:0}.psec.tint+.psec{border-top:0}.psec h2{letter-spacing:-.03em;margin:0;font-size:clamp(1.875rem,3.9cqw,3.5rem);font-weight:560;line-height:1.05}.shead>p:not(.aside){max-width:34ch;color:var(--mute);margin:16px 0 0;font-size:clamp(1.0625rem,1.35cqw,1.1875rem);line-height:1.5}.aside{max-width:46ch;color:var(--mute);margin:22px 0 0;font-size:.9375rem;line-height:1.5}.aside .todo{margin-right:6px}.psec.wide>.wrap{grid-template-columns:minmax(0,1fr);row-gap:clamp(26px,3.2cqw,44px)}.psec.wide .shead{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;column-gap:clamp(32px,5.5cqw,88px);display:grid}.psec.wide .shead>h2{grid-area:1/1/span 6}.psec.wide .shead>:not(h2){grid-column:2}.psec.wide .shead>:nth-child(2){margin-top:clamp(4px,.8cqw,12px)}.psec.wide .shead>p:not(.aside){max-width:46ch}.pintro:has(+.psec.lead){padding-bottom:clamp(24px,3cqw,40px)}.psec.lead{border-top:0;padding-top:0}.psec h3{letter-spacing:-.005em;margin:0;font-size:1.3125rem;font-weight:600;line-height:1.2}.kinds{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.2cqw,28px) clamp(14px,1.8cqw,24px);display:grid}.kind .frame,.kind .slot{aspect-ratio:1}.kinds.landscape :is(.frame,.slot){aspect-ratio:4/3}.kinds.four{grid-template-columns:repeat(4,minmax(0,1fr))}.kind h3{margin-top:16px}.kind p{color:var(--mute);margin:4px 0 0;font-size:1.03125rem;line-height:1.45}.kind{scroll-margin-top:96px}.kind .textlink{margin-top:10px;font-size:1.03125rem;display:inline-block}.steps.long{gap:clamp(20px,2.4cqw,30px);margin-top:0}.steps.long li{grid-template-columns:44px minmax(0,1fr);column-gap:20px}.steps.long .n{border-radius:11px;width:44px;height:44px;font-size:1.375rem}.steps.long b{letter-spacing:-.01em;font-size:clamp(1.3125rem,1.9cqw,1.625rem);line-height:1.2}.steps.long li>span:last-child{max-width:48ch;margin-top:4px;font-size:clamp(1.0625rem,1.35cqw,1.1875rem)}.shead .steps.long{margin-top:clamp(24px,2.8cqw,36px)}.ways{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.6cqw,36px);display:grid}.way{border-top:4px solid var(--c);flex-direction:column;align-items:flex-start;gap:10px;padding-top:18px;display:flex}.way h3{font-size:1.5rem}.way p{color:var(--mute);margin:0 0 6px;font-size:1.0625rem;line-height:1.45}.ways.four{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(18px,2.2cqw,28px)}.way{scroll-margin-top:96px}.pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px;display:grid}.pair .slot{aspect-ratio:4/3;background:color-mix(in srgb, var(--c) 26%, var(--paper))}.pair .slot:first-child{border-radius:14px 4px 4px 14px}.pair .slot:last-child{border-radius:4px 14px 14px 4px}.psec.tint .kinds .slot{background:color-mix(in srgb, var(--c) 26%, var(--paper))}.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px clamp(24px,4cqw,64px);display:grid}.inklist{gap:12px;margin:0;padding:0;font-size:clamp(1.125rem,1.5cqw,1.3125rem);line-height:1.35;list-style:none;display:grid}.inklist li{padding-left:28px;position:relative}.inklist li:before{content:"";background:var(--c);border-radius:3.5px;width:13px;height:13px;position:absolute;top:.34em;left:0}.shead .inklist{margin-top:20px;font-size:1.125rem}.where p:not(.aside){margin:8px 0 0;font-size:clamp(1.125rem,1.5cqw,1.3125rem)}.prose p{max-width:56ch;margin:0;font-size:clamp(1.125rem,1.5cqw,1.3125rem);line-height:1.45}.faq{gap:clamp(22px,2.6cqw,34px);display:grid}.faq p:not(.aside){max-width:48ch;color:var(--mute);margin:6px 0 0;font-size:clamp(1.0625rem,1.35cqw,1.1875rem);line-height:1.5}.faq .aside{margin-top:8px}
.about{border-top:1px solid var(--line);padding-block:clamp(56px,7.4cqw,108px)}.about .wrap{align-items:center}.about h2{letter-spacing:-.03em;margin:0 0 clamp(18px,2cqw,28px);font-size:clamp(2.125rem,4.4cqw,4rem);font-weight:560;line-height:1.04}.about .todo{margin-right:6px}
.quote{background:var(--ink);color:var(--paper);--edge:color-mix(in srgb, var(--paper) 40%, transparent);padding-block:clamp(56px,7.4cqw,112px) clamp(48px,6cqw,88px)}.quote .wrap{align-items:start}.quote :is(h1,h2){letter-spacing:-.035em;margin:0;font-size:clamp(2.5rem,5.6cqw,5.125rem);font-weight:560;line-height:1.02}.quote-text p{max-width:30ch;color:var(--soft);margin:clamp(16px,1.8cqw,24px) 0 0;font-size:clamp(1.125rem,1.5cqw,1.3125rem);line-height:1.45}.jobs{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;display:grid}.jobs legend{float:left;grid-column:1/-1;width:100%;margin-bottom:12px;padding:0}.jobs label{position:relative}.jobs input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.jobs label>span{border:1.5px solid var(--edge);background:linear-gradient(var(--c), var(--c)) no-repeat;min-height:52px;transition:background-size .26s var(--ease-pass), color .16s, border-color .16s;background-position:100% 0;background-size:0% 100%;border-radius:12px;align-items:center;padding:0 16px;font-size:1.1875rem;font-weight:700;display:flex}.jobs label:hover>span{border-color:var(--paper)}.jobs input:checked+span{color:var(--ink);background-position:0 0;background-size:100% 100%;border-color:#0000}.jobs input:focus-visible+span{outline:2px solid var(--paper);outline-offset:3px}.fields{grid-template-columns:1fr 1fr;gap:20px 24px;margin-top:30px;display:grid}.field{gap:8px;display:grid}.field.wide{grid-column:1/-1}.label-row{color:var(--soft);justify-content:space-between;align-items:baseline;gap:12px;font-size:.9375rem;font-weight:600;display:flex}.req{font-size:.875rem;font-weight:500}.field :is(input,textarea){border:1.5px solid var(--edge);background:color-mix(in srgb, var(--paper) 7%, transparent);width:100%;color:var(--paper);font:inherit;resize:vertical;border-radius:12px;padding:13px 14px;font-size:1.125rem}.quote-form :is(input,textarea){scroll-margin-top:120px}.field :is(input,textarea):focus-visible{outline:2px solid var(--sky);outline-offset:2px;border-color:#0000}.field [aria-invalid=true],.jobs[data-invalid] label>span{border-color:var(--gold)}.field-error{color:var(--gold);margin:0;font-size:.9375rem;font-weight:600;line-height:1.35}.jobs .field-error{grid-column:1/-1;margin-top:2px}.quote-actions{flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:28px;display:flex}.quote-privacy{margin:16px 0 0}.form-privacy{color:var(--soft);text-underline-offset:4px;font-size:.9375rem;font-weight:500;text-decoration:underline;text-decoration-thickness:1px}.form-privacy:hover{text-decoration-thickness:2px}.form-privacy:focus-visible{border-radius:4px}.form-status{min-height:1.5em;color:var(--gold);margin:16px 0 0;font-size:1rem;font-weight:500}:is(.quote,.site-footer) :is(.btn,.textlink,a):focus-visible{outline:2px solid var(--paper);outline-offset:3px}
.qflow{background:var(--ink);color:var(--paper);--edge:color-mix(in srgb, var(--paper) 40%, transparent);--qline:color-mix(in srgb, var(--paper) 16%, transparent);padding-block:clamp(32px,5cqw,72px) clamp(48px,5.6cqw,80px);scroll-margin-top:76px}.qflow>.wrap{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;column-gap:clamp(32px,6.1cqw,88px);display:grid}.qflow h1{letter-spacing:-.035em;margin:0;scroll-margin-top:100px;font-size:clamp(2.5rem,5.7cqw,5.125rem);font-weight:560;line-height:1.02}.qflow :is(h1,h2):focus{outline:none}.qflow :is(input,textarea){scroll-margin-top:120px}.qflow :is(.btn,.textlink,a):focus-visible{outline:2px solid var(--paper);outline-offset:3px}:where(.qflow) button.textlink{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.qflow ::placeholder{color:var(--soft);opacity:1}.qintro{max-width:30ch;color:var(--soft);margin:20px 0 0;font-size:1.1875rem;line-height:1.5}.qrail{gap:16px;margin:40px 0 0;padding:0;list-style:none;display:grid}.qrail li{grid-template-columns:34px minmax(0,1fr);column-gap:16px;display:grid}.qrail .n{background:var(--c);width:34px;height:34px;color:var(--ink);border-radius:9px;grid-row:span 2;place-items:center;font-size:1.1875rem;font-weight:700;line-height:1;display:grid}.qrail [data-state=done] .n{background:var(--paper)}.qrail [data-state=next] .n{border:1.5px solid var(--edge);color:inherit;background:0 0}.qrail b{font-size:1.1875rem;font-weight:600;line-height:1.3}.qrail [data-state=next] b{color:var(--soft)}.qrail .d{color:#8a8983;grid-column:2;font-size:1.0625rem;line-height:1.45}.qrail .textlink{color:var(--soft);margin-block:min(0px,.5lh - 22px);padding-block:max(0px,22px - .5lh);font-size:1rem}.qstep{gap:30px;display:grid}.qeyebrow{color:var(--soft);margin:0 0 8px;font-size:1rem;line-height:1.45}.qtop button,.qbar,.qskip-top{display:none}.qstep h2{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(2rem,2.8cqw,2.5rem);font-weight:560;line-height:1.05}.qnote{max-width:48ch;color:var(--soft);margin:16px 0 0;font-size:1.1875rem;line-height:1.5}.qstep>.qnote{max-width:46ch;margin:0}.qbar{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:12px}.qbar i{background:color-mix(in srgb, var(--paper) 25%, transparent);border-radius:2px;height:4px}.qbar [data-state=done]{background:var(--paper)}.qbar [data-state=current]{background:var(--c)}.qflow .field input{line-height:1.3}.qflow .field textarea{line-height:1.45}.qflow .jobs legend{margin-bottom:-2px}.qflow .fields{gap:22px 24px;margin-top:0}.field-help{color:var(--soft);margin:0;font-size:.9375rem;line-height:1.45}.qspecifics{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}.qspecifics legend{float:left;width:100%;color:var(--soft);margin:0;padding:0;font-size:.9375rem;font-weight:600}.qthree{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 20px;display:grid}.qactions{flex-wrap:wrap;align-items:center;gap:16px 28px;display:flex}.qactions .textlink{align-items:center;min-height:44px;display:inline-flex}.qactions .qskip{color:var(--paper)}.qactions .qback{color:var(--soft)}.qprivacy{margin:4px 0 0}.qprivacy .form-privacy{align-items:center;min-height:44px;display:inline-flex}.qlede{letter-spacing:-.012em;max-width:20em;margin:24px 0 0;font-size:clamp(1.25rem,1.67cqw,1.5rem);font-weight:500;line-height:1.24}.qmore{max-width:34ch;color:var(--soft);margin:28px 0 0;font-size:1.0625rem;line-height:1.5}.qsent .actions{margin-top:36px}.qsent .textlink{color:var(--paper)}.qsummary-title{letter-spacing:0;color:var(--soft);margin:0 0 4px;font-size:.9375rem;font-weight:600;line-height:1.5}.qsummary{--qline:color-mix(in srgb, var(--paper) 16%, transparent);margin:0;font-size:1.125rem}.qsummary>div{border-top:1px solid var(--qline);grid-template-columns:180px minmax(0,1fr);column-gap:32px;display:grid}.qsummary>div:last-child{border-bottom:1px solid var(--qline)}.qsummary dt{color:var(--soft);padding:14px 0 4px;font-size:.9375rem;font-weight:600}.qsummary dd{white-space:pre-line;overflow-wrap:anywhere;margin:0;padding:14px 0}.qtag{white-space:nowrap;isolation:isolate;color:var(--ink);padding:0 .13em;display:inline-block;position:relative}.qtag:before{content:"";z-index:-1;background:var(--c);border-radius:.13em;position:absolute;inset:.075em 0 0;transform:rotate(-1.2deg)}.quote-sent h3{letter-spacing:-.03em;margin:0;font-size:clamp(1.75rem,2.8cqw,2.5rem);font-weight:560;line-height:1.05}.quote-sent h3:focus{outline:none}.quote-sent>p{color:var(--soft);margin:16px 0 0;font-size:1.125rem}.quote-sent .qsummary{margin-top:24px}@container page (max-width:1200px){.qthree{grid-template-columns:repeat(2,minmax(0,1fr))}}@container page (max-width:760px) or (max-width:40em){.qflow>.wrap{grid-template-columns:minmax(0,1fr);row-gap:0}.qside h1{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.qintro,.qrail{display:none}.qsent>.wrap{row-gap:48px}.qsent h1{font-size:2.5rem}.qstep{row-gap:26px}.qhead{margin-bottom:2px}.qhead:has(.qskip-top){margin-bottom:-10px}.qtop{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.qtop .qeyebrow{margin:0}.qtop button{min-height:44px;color:var(--paper);align-items:center;font-size:1rem;display:inline-flex}.qbar{display:grid}.qtop:has(button)+.qbar{margin-top:4px}.qhead h2{margin-top:22px;line-height:1.5}.qnote{margin-top:10px;font-size:1.0625rem}.qhead h2+.qnote{margin-top:21px}.qskip-top{margin:6px 0 0;display:block}.qskip-top button{min-height:44px;color:var(--paper);align-items:center;font-size:1.0625rem;display:inline-flex}.qflow .fields{row-gap:18px}.qthree{grid-template-columns:minmax(0,1fr);gap:18px}.qspecifics-help{display:none}.qactions{gap:16px 24px}.qactions .qback{display:none}.qsummary>div{grid-template-columns:minmax(0,1fr)}.qsummary dt{padding-bottom:0}.qsummary dd{padding-top:4px}}.turnstile-box[data-shown]{margin-bottom:16px}.quote-form .turnstile-box[data-shown]{margin:24px 0 0}
.site-footer{background:var(--ink);color:var(--soft);font-size:1rem}.site-footer .wrap{border-top:1px solid color-mix(in srgb, var(--paper) 16%, transparent);row-gap:36px;padding-block:44px 36px}.site-footer p{margin:0}.foot-name{color:var(--paper);font-size:1.375rem;font-weight:600;margin-bottom:6px!important}.foot-right{grid-template-columns:minmax(0,3fr) minmax(0,4fr);gap:28px 32px;display:grid}.foot-nav{align-content:start;justify-items:start;gap:10px;display:grid}.foot-nav a{color:var(--paper);font-weight:500;text-decoration:none}.foot-nav a:hover{text-underline-offset:4px;text-decoration:underline}.foot-contact{font-style:normal}.foot-small{grid-column:1/-1;gap:20px;font-size:.875rem;display:flex}.colorbar{grid-template-columns:repeat(3,1fr);height:10px;display:grid}.colorbar i:first-child{background:var(--sky)}.colorbar i:nth-child(2){background:var(--magenta)}.colorbar i:nth-child(3){background:var(--gold)}
.plain{padding-block:clamp(48px,6.4cqw,96px) clamp(56px,7.4cqw,108px)}.plain h1{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(2.125rem,4.4cqw,4rem);font-weight:560;line-height:1.04}.plain h1:focus{outline:none}.plain .cmore{margin-top:clamp(18px,2cqw,28px)}.plain-links{justify-items:start;gap:14px;margin:clamp(26px,2.8cqw,40px) 0 0;padding:0;font-size:clamp(1.125rem,1.5cqw,1.3125rem);list-style:none;display:grid}.notice :is(p,ul){max-width:56ch}.notice-date{color:var(--mute);margin:clamp(12px,1.4cqw,18px) 0 0;font-size:.9375rem;font-weight:500}.notice-intro{margin:clamp(22px,2.4cqw,34px) 0 0;font-size:clamp(1.125rem,1.5cqw,1.3125rem);line-height:1.45}.notice section{margin-top:clamp(34px,3.6cqw,52px);scroll-margin-top:76px}.notice h2{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(1.375rem,2cqw,1.75rem);font-weight:560;line-height:1.15}.notice section :is(p,ul){font-size:clamp(1.0625rem,1.35cqw,1.1875rem);line-height:1.55}.notice section p{margin:12px 0 0}.notice ul{margin:12px 0 0;padding-left:1.25em}.notice li+li{margin-top:8px}.notice li::marker{color:var(--mute)}.notice strong{font-weight:600}.page:has(>main>:is(.plain,.quote,.qflow):only-child){flex-direction:column;display:flex}.page:has(>main>:is(.plain,.quote,.qflow):only-child)>main{flex-direction:column;flex:1 0 auto;display:flex}main>:is(.plain,.quote,.qflow):only-child{flex:1 0 auto}
@container page (max-width:1000px){.cbody,.about .wrap,.psec>.wrap{grid-template-columns:minmax(0,1fr);row-gap:32px}.psec.wide .shead{grid-template-columns:minmax(0,1fr)}.psec.wide .shead>h2{grid-row:auto}.psec.wide .shead>:not(h2){grid-column:1}.psec.wide .shead>:nth-child(2){margin-top:16px}.ways.four,.kinds.four{grid-template-columns:repeat(2,minmax(0,1fr))}.cbody{row-gap:0}.ctext{display:contents}.cbody>.prooflink{order:1;margin-top:clamp(22px,3cqw,32px)}.cbody .steps{order:2}.cbody .actions{order:3}}
@container page (max-width:760px) or (max-width:40em){.site-header{height:60px}.nav{display:none}.site-header .btn{min-height:44px;margin-left:auto;padding:0 16px;font-size:.875rem}.btn-lg{min-height:52px;padding:0 26px;font-size:1rem}.index,.band{--row:clamp(2.625rem, min(14cqw, 13.4svh), 4rem)}.page-title{width:min-content;line-height:1}.psec>.wrap,.split{grid-template-columns:minmax(0,1fr);row-gap:28px}.kinds,.kinds.four,.ways,.ways.four,.examples,.pairing,.duo{grid-template-columns:minmax(0,1fr)}.kind .frame,.kind .slot,.kinds.landscape :is(.frame,.slot){aspect-ratio:4/3}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery>:first-child:nth-last-child(odd){grid-column:1/-1}.duo>.frame:last-child{aspect-ratio:4/5}.pairing>.frame:not(.sheet){aspect-ratio:3/2}.strip{grid-template-columns:repeat(2,minmax(0,1fr))}.strip>.wide{grid-column:1/-1}.strip>:not(.wide){aspect-ratio:1}.row{grid-template-columns:1fr;padding-bottom:20px}.name{white-space:normal;width:min-content;padding-bottom:.07em;line-height:1}.ink{inset:.03em 0 0}.meta{color:var(--mute);justify-content:space-between;margin-top:8px}.crop{display:none}.about .wrap,.quote .wrap,.site-footer .wrap,.foot-right,.fields{grid-template-columns:minmax(0,1fr);row-gap:32px}.fields{row-gap:18px}.proof-3,.proof-3.flip{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.proof-3>.big,.proof-3.flip>.big{aspect-ratio:4/3;grid-area:1/1/auto/-1}.proof-3>:not(.big){aspect-ratio:4/3}.jobs{grid-template-columns:minmax(0,1fr)}.foot-nav,.plain-links{gap:0}:is(.foot-nav,.plain-links,.foot-contact) a{align-items:center;min-height:44px;display:inline-flex}.brand,.foot-small a,:is(.actions,.quote-actions,.way,.kind) .textlink,.quote-privacy .form-privacy{margin-block:min(0px,.5lh - 22px);padding-block:max(0px,22px - .5lh)}.way .textlink+.textlink{margin-top:0}.kind .textlink{margin-top:calc(10px + min(0px,.5lh - 22px))}}
@media (prefers-reduced-motion:reduce){.index[data-reg] :is(.name,.word,.ink),.index[data-reg] :is(.name,.word):before,.index[data-reg] .word:after{animation:none!important}.name,.ink,.arrow,.meta,.btn,.nav,.nav a,.jobs label>span,.textlink{transition:none!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}
@media (forced-colors:active){.btn{border:2px solid}.btn[aria-disabled=true]{color:graytext;opacity:1;border-color:graytext}.jobs input:checked+span{forced-color-adjust:none;color:highlighttext;background:highlight;border-color:highlight}.qrail .n{border:2px solid canvastext}.qrail [data-state=current] .n{forced-color-adjust:none;color:highlighttext;background:highlight;border-color:highlight}.qbar i{forced-color-adjust:none;background:graytext}.qbar [data-state=done]{background:canvastext}.qbar [data-state=current]{background:highlight}.qtag:before{display:none}.qtag{text-decoration:underline;text-decoration-thickness:2px}.nav a:is(:hover,[data-here],[aria-current=page]){text-underline-offset:7px;text-decoration:underline;text-decoration-thickness:3px}}