@layer components{html[data-variant=b] .grid:where([class*=grid--]){--row-h:140px}html[data-variant=b] .cell{padding:22px 24px}html[data-variant=b] .cell p{font-size:14px}html[data-variant=b] .cell h2,html[data-variant=b] .cell h3{font-size:17px}html[data-variant=b] .cell--display{font-size:clamp(22px,2vw,30px)}html[data-variant=b] .cell--lede{font-size:16px}html[data-variant=b] .grid--stair{grid-template-columns:repeat(6,1fr)}html[data-variant=b] .grid--stair .c-intro{grid-area:1/1/auto/4}html[data-variant=b] .grid--stair .c-lede{grid-area:1/4/auto/6}html[data-variant=b] .grid--stair .c-cta{grid-area:1/6}html[data-variant=b] .grid--stair .b1{grid-area:2/1}html[data-variant=b] .grid--stair .p1{grid-area:2/2}html[data-variant=b] .grid--stair .b2{grid-area:2/3}html[data-variant=b] .grid--stair .p2{grid-area:2/4}html[data-variant=b] .grid--stair .b3{grid-area:2/5}html[data-variant=b] .grid--stair .p3{grid-area:2/6}html[data-variant=b] .grid--stair .i1{grid-area:3/1/auto/3}html[data-variant=b] .grid--stair .i2{grid-area:3/3/auto/5}html[data-variant=b] .grid--stair .i3{grid-area:3/5/auto/7}html[data-variant=b] .grid--inside{grid-template-columns:repeat(4,1fr)}html[data-variant=b] .grid--proof{grid-template-columns:repeat(3,1fr)}html[data-variant=b] .grid--page{grid-template-columns:repeat(6,1fr)}.w2{grid-column:span 2}@media (max-width:900px){html[data-variant] .grid--stair,html[data-variant] .grid--inside,html[data-variant] .grid--proof,html[data-variant] .grid--page{grid-template-columns:1fr 1fr}html[data-variant] .grid--stair .cell{grid-area:auto!important}html[data-variant] .w2{grid-column:span 2}}@media (max-width:560px){html[data-variant] .grid--stair,html[data-variant] .grid--inside,html[data-variant] .grid--proof,html[data-variant] .grid--page{grid-template-columns:1fr}html[data-variant] .w2,html[data-variant] .w2--c1{grid-column:span 1}}}
@layer components{:root{--line-w:1px;--shell-ease:cubic-bezier(.23, 1, .32, 1);--shell-move:.32s;--shell-move-ease:cubic-bezier(.4, 0, .2, 1)}html.shell-on{background:var(--field)}body{font-weight:350;line-height:1.65}.topbar{z-index:200;background:var(--panel);width:100%;max-width:1680px;color:var(--ink);border:var(--line-w) solid var(--line-2);border-bottom:0;align-items:center;gap:28px;height:62px;margin:26px auto 0;padding:0 32px;display:flex;position:relative}.topbar a{text-decoration:none}.topbar__brand{font:400 15px/1 var(--font-brand), system-ui, sans-serif;letter-spacing:.28em;text-transform:uppercase;color:var(--ink);align-items:center;gap:10px;margin-right:12px;display:inline-flex}.topbar__brand svg{fill:currentColor;width:18px;height:18px;display:block}.topbar__spacer{margin-left:auto}.topbar__login{font:400 13px/1 var(--font-brand), system-ui, sans-serif;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line-2);color:var(--ink);cursor:pointer;background:0 0;margin-left:14px;padding:10px 18px}.topbar__login:hover{border-color:var(--accent-line)}.frame{background:var(--panel);border:var(--line-w) solid var(--line-2);align-items:stretch;width:100%;max-width:1680px;min-height:calc(100vh - 180px);margin:0 auto 40px;display:flex}.tabs{border-right:var(--line-w) solid var(--line-2);flex-direction:row;align-items:stretch;display:flex}.tab{border-right:1px solid var(--draft);writing-mode:vertical-rl;width:46px;font:400 12px/1.2 var(--font-brand), system-ui, sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);transition:color .2s var(--shell-ease);flex-direction:column;justify-content:center;align-items:flex-end;gap:12px;padding:22px 0;text-decoration:none;display:flex;transform:rotate(180deg)}.tab:hover{color:var(--ink)}.tab[aria-current=page]{color:var(--ink);border-right:2px solid var(--accent-line)}.sheet{flex:1;min-width:0;padding:0 52px 84px}.band{align-items:center;gap:28px;height:132px;display:flex;position:relative}.band:before{content:"";border-top:1px solid var(--line);position:absolute;top:50%;left:-52px;right:-52px}.band>*{background:var(--panel);position:relative}.band__title{font:300 clamp(24px, 2.8vw, 38px)/1.15 var(--font-brand), system-ui, sans-serif;letter-spacing:.01em;padding:8px 22px 8px 0}.band--sub{height:108px}.band--sub .band__title{font-size:clamp(20px,2vw,27px)}.grid:where([class*=grid--]){grid-auto-flow:dense;border-top:var(--line-w) solid var(--line-2);border-left:var(--line-w) solid var(--line-2);margin-bottom:28px;display:grid}.cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:var(--row-h,180px);background:0 0;padding:30px 34px}.cell--ink{background:0 0}.cell--ink .idx{color:var(--ink);font-size:12px}.cell--ink h2{font:300 clamp(20px, 1.9vw, 26px)/1.2 var(--font-brand), system-ui, sans-serif;letter-spacing:.01em}.cell--dim{background:var(--bg-2)}.cell--fig{color:var(--line-2);background:0 0;place-items:center;padding:22px;display:grid}.cell--fig svg{stroke-width:1px;width:100%;height:100%;max-height:190px}.cell h2,.cell h3{font:400 19px/1.35 var(--font-brand), system-ui, sans-serif;letter-spacing:.005em;margin-bottom:10px}.cell .idx{font:400 11px/1.2 var(--font-brand), system-ui, sans-serif;letter-spacing:.2em;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--ink-faint);margin-bottom:14px;display:block}.cell p{color:var(--ink);font-size:15px}.cell .small{color:var(--ink-faint);font-size:13px}.cell--display{font:300 clamp(24px, 2.6vw, 36px)/1.3 var(--font-brand), system-ui, sans-serif;letter-spacing:.005em}.cell--lede{color:var(--ink-faint);font-size:18px;line-height:1.55}.cell .chips{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.cell .chip{font:400 11px/1.2 var(--font-brand), system-ui, sans-serif;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);color:var(--ink);background:0 0;padding:5px 10px}.cell .chip--soft{border-color:var(--draft);color:var(--ink-faint)}.btn{font:400 13px/1.2 var(--font-brand), system-ui, sans-serif;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line-2);color:var(--ink);background:0 0;margin-top:18px;padding:12px 20px;text-decoration:none;display:inline-block}.btn:hover{border-color:var(--accent-line)}.btn--ink{background:var(--accent-fill);color:var(--accent-on);border-color:var(--accent-fill)}.btn--ink:hover{background:var(--accent-fill-hover);border-color:var(--accent-fill-hover)}.cell a.plain{border-bottom:1px solid var(--line-2);padding-bottom:2px;font-size:14px;text-decoration:none}.cell a.plain:hover{border-bottom-color:var(--accent-line)}.sheetfoot{color:var(--ink-faint);border-top:1px solid var(--draft);margin-top:36px;padding-top:14px;font-size:12px}.steps{display:contents}.mfold{display:none}@media (max-width:900px){.topbar{border-left:0;border-right:0;flex-wrap:wrap;gap:10px 18px;height:auto;margin-top:0;padding:12px 16px}.topbar__login{padding:8px 14px}.frame{border-left:0;border-right:0;flex-direction:column;margin-bottom:0}.tabs{border-right:0;border-bottom:var(--line-w) solid var(--line-2);flex-direction:row;overflow-x:auto}.tab{writing-mode:horizontal-tb;border-right:1px solid var(--draft);border-bottom:1px solid var(--line);width:auto;min-width:fit-content;box-shadow:none;letter-spacing:.1em;flex-direction:row;flex:1;justify-content:center;gap:8px;padding:14px 6px;transform:none}.tab[aria-current=page]{box-shadow:inset 0 -2px 0 var(--accent-line)}.sheet{padding:0 18px 56px}.band{gap:18px;height:100px}.band:before{left:-18px;right:-18px}.band__title{font-size:22px}html[data-variant] .cell{min-height:0;padding:22px 20px}}@media (max-width:700px){.topbar{gap:12px;padding:10px 14px}.topbar__brand{letter-spacing:.24em;margin-right:0;font-size:14px}.topbar__login{padding:7px 12px;font-size:12px}html[data-variant] .cell--fig{display:none}.frame{min-height:0}.sheet{padding:0 14px 40px}.band{gap:14px;height:auto;min-height:0;padding:20px 0}.band:before{left:-14px;right:-14px}.band__title{padding:4px 14px 4px 0;font-size:24px}.band--sub{height:auto;padding:18px 0}.band--sub .band__title{font-size:19px}html[data-variant] .cell{padding:18px 16px}html[data-variant] .cell--display{font-size:21px;line-height:1.3}html[data-variant] .cell--lede{font-size:15px}.grid:where([class*=grid--]){margin-bottom:20px}.sheetfoot{margin-top:22px;font-size:11px}html[data-mobile=m2][data-variant] .tabs{scrollbar-width:none;overflow-x:auto}html[data-mobile=m2][data-variant] .tabs::-webkit-scrollbar{display:none}html[data-mobile=m2][data-variant] .tab{letter-spacing:.02em;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:9px 2px;font-size:12px}html[data-mobile=m2][data-variant] .tab:last-child{border-right:0}html[data-mobile=m2] .mfold{border:0;border-bottom:1px solid var(--line);cursor:pointer;text-align:left;width:100%;font:400 18px/1.25 var(--font-brand), system-ui, sans-serif;color:var(--ink);letter-spacing:.01em;background:0 0;grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;padding:17px 16px;display:flex}html[data-mobile=m2] .band--sub{cursor:pointer}html[data-mobile=m2] .mfold:after,html[data-mobile=m2] .band--sub .band__title:after{content:"";vertical-align:1px;border-right:1px solid var(--ink-faint);border-bottom:1px solid var(--ink-faint);transform-origin:50%;width:8px;height:8px;transition:transform .2s var(--shell-ease);flex:none;margin-left:12px;display:inline-block;transform:rotate(45deg)}html[data-mobile=m2] .mfold.is-open:after,html[data-mobile=m2] .band--sub[aria-expanded=true] .band__title:after{transform:rotate(-135deg)}html[data-mobile=m2][data-variant] .grid--stair .steps{display:none}html[data-mobile=m2][data-variant] .grid--stair .steps.is-open{grid-column:1/-1;min-width:0;display:block}html[data-mobile=m2][data-variant] .grid--inside,html[data-mobile=m2][data-variant] .grid--proof{display:none}html[data-mobile=m2][data-variant] .grid--inside.is-open,html[data-mobile=m2][data-variant] .grid--proof.is-open{grid-template-columns:1fr;display:grid}html[data-mobile=m2] .band--sub{padding:15px 0}html[data-mobile=m2] .grid--stair{margin-bottom:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.sects{display:contents}.sect{display:block}.sect__head{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;width:100%;font:400 clamp(19px, 1.7vw, 24px)/1.25 var(--font-brand), system-ui, sans-serif;color:var(--ink);letter-spacing:.01em;background:0 0;align-items:baseline;gap:18px;padding:22px 0;display:flex}.sect__name{flex:none}.sect__lede{overflow-wrap:break-word;min-width:0;font:350 14px/1.5 var(--font-brand), system-ui, sans-serif;color:var(--ink-faint);flex:auto}.sect__head:after{content:"";border-right:1px solid var(--ink-faint);border-bottom:1px solid var(--ink-faint);transform-origin:50%;width:8px;height:8px;transition:transform .2s var(--shell-ease);flex:none;align-self:center;margin-left:auto;transform:rotate(45deg)}.sect__head[aria-expanded=true]:after{transform:rotate(-135deg)}.sect__body{display:none}.sect.is-open>.sect__body,.sect--home>.sect__body{display:block}.sect--home>.sect__head{display:none}.sect__body>.grid:where([class*=grid--]){margin-bottom:0}.band--sect,.sect__more{display:none}.tab.is-open{color:var(--ink);border-right:2px solid var(--accent-line)}html[data-move=v1] .sects{height:var(--deck-h,calc(100vh - 230px));min-height:460px;display:block;position:relative;overflow:hidden}html[data-move=v1] .sect{width:var(--card-w,75%);background:var(--panel);border:var(--line-w) solid var(--line-2);transition:transform var(--shell-move) var(--shell-move-ease);position:absolute;top:0;bottom:0;left:0;overflow:hidden}html[data-move=v1] .sect--home>.sect__head{display:flex}html[data-move=v1] .sect__head{z-index:2;width:var(--spine,64px);border:0;border-left:1px solid var(--line);background:var(--panel);writing-mode:vertical-rl;font:400 12px/1.2 var(--font-brand), system-ui, sans-serif;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);transition:color .2s var(--shell-ease);flex-direction:column;justify-content:center;align-items:flex-end;gap:12px;padding:22px 0;position:absolute;top:0;bottom:0;right:0;transform:rotate(180deg)}html[data-move=v1] .sect__head:hover{color:var(--ink)}html[data-move=v1] .sect__head:after,html[data-move=v1] .sect__lede{display:none}html[data-move=v1] .sect.is-current>.sect__head{color:var(--ink);border-left-color:var(--accent-line)}html[data-move=v1] .sect>.sect__body{left:0;right:var(--spine,64px);padding:0 30px 40px;display:block;position:absolute;top:0;bottom:0;overflow:hidden auto}html[data-move=v1] .band--sect{display:flex}html[data-move=v1] .sheetfoot{margin-top:26px}html[data-move=v1] body[data-page=home] .frame{min-height:0}html[data-move=v1] body[data-page=home] .tabs{display:none}@media (max-width:700px){.sect__head{flex-wrap:wrap;gap:4px 12px;padding:17px 0;font-size:18px}.sect__lede{flex:100%;order:1;font-size:13px}.sect__head:after{order:0;align-self:center}.sect__body>.grid:where([class*=grid--]){border-left:var(--line-w) solid var(--line-2)}html[data-move=v1][data-mobile][data-variant] .sects{height:var(--deck-h,calc(100vh - 190px));min-height:380px}html[data-move=v1][data-mobile][data-variant] .sect__head{width:var(--spine,22px);letter-spacing:.08em;justify-content:flex-start;gap:0;padding:14px 0}html[data-move=v1][data-mobile][data-variant] .sect__name{display:none}html[data-move=v1][data-mobile][data-variant] body[data-page=home] .tabs{display:flex}html[data-move=v1][data-mobile][data-variant] .sect>.sect__body{padding:0 14px 30px}}@media (prefers-reduced-motion:reduce){.sect,.sect__head{transition:none!important}}html[data-move] body.has-open[data-page=home] .tab[aria-current=page]{color:var(--ink-faint);border-right:1px solid var(--draft)}@media (hover:hover){.cell:hover,.tab:hover,html[data-move=v1] .sect__head:hover{background:color-mix(in srgb, var(--accent-raw,var(--accent)) 12%, var(--panel))}.cell:hover .idx,.cell:hover .small{color:var(--ink-dim)}}.topbar__look{border:1px solid var(--line-2);width:34px;height:34px;color:var(--ink);cursor:pointer;background:0 0;flex:none;place-items:center;display:inline-grid}.topbar__btn{border:1px solid var(--line-2);min-width:34px;height:34px;color:var(--ink);cursor:pointer;font:400 12px/1 var(--font-brand), system-ui, sans-serif;letter-spacing:.08em;text-transform:uppercase;background:0 0;flex:none;place-items:center;padding:0 10px;display:inline-grid}.topbar__look:hover,.topbar__btn:hover{border-color:var(--accent-line)}.topbar__look svg,.topbar__btn svg{width:18px;height:18px;display:block}.look{z-index:5;background:var(--panel);border:1px solid var(--line-2);border-top:0;min-width:268px;padding:16px 18px 18px;display:none;position:absolute;top:100%;right:0}.look.is-open{display:block}.look__row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.look__row+.look__row{border-top:1px solid var(--draft);margin-top:14px;padding-top:14px}.look__label{width:46px;font:400 11px/1.2 var(--font-brand), system-ui, sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);flex:none}.look__seg{border:1px solid var(--line-2);display:inline-flex}.look__seg button{font:400 12px/1.2 var(--font-brand), system-ui, sans-serif;color:var(--ink-faint);border:0;border-right:1px solid var(--line-2);cursor:pointer;background:0 0;padding:7px 12px}.look__seg button:last-child{border-right:0}.look__seg button[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent-line)}.look__sw{gap:8px;display:inline-flex}.look__sw button{cursor:pointer;border:1px solid var(--line-2);background:var(--sw,var(--ink));border-radius:50%;width:22px;height:22px;padding:0}.look__sw button[aria-pressed=true]{box-shadow:0 0 0 2px var(--panel), 0 0 0 3px var(--ink)}.look__own{font:400 12px/1.2 var(--font-brand), system-ui, sans-serif;color:var(--ink-faint);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.look__own[data-picked=yes]{color:var(--ink)}.look__reset{font:400 12px/1.2 var(--font-brand), system-ui, sans-serif;color:var(--ink-faint);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:4px 0;text-decoration:underline}.look__reset:hover{color:var(--ink)}.look__own input{cursor:pointer;border:1px solid var(--line-2);background:0 0;width:26px;height:22px;padding:0}.look__note{color:var(--ink-faint);margin-top:12px;font-size:12px;line-height:1.4}.sheetnav{border-bottom:1px solid var(--line-2);flex-wrap:wrap;margin-bottom:24px;display:flex}.sheetnav a{border-right:1px solid var(--draft);color:var(--ink-faint);font:400 12px/1.2 var(--font-brand), system-ui, sans-serif;letter-spacing:.08em;text-transform:uppercase;transition:color .2s var(--shell-ease);align-items:center;gap:8px;padding:11px 14px;text-decoration:none;display:inline-flex}.sheetnav a:last-child{border-right:0}.sheetnav a:hover{color:var(--ink)}.sheetnav a[aria-current=page]{color:var(--ink);box-shadow:inset 0 -2px 0 var(--accent-line)}.sheetnav__badge{font-variant-numeric:tabular-nums;border:1px solid var(--line);color:var(--ink-dim);padding:1px 5px;font-size:11px;line-height:1.2}.sheetnav__badge--alarm{color:var(--alarm);border-color:var(--alarm)}.look__list{flex-direction:column;gap:2px;min-width:200px;display:flex}.look__list a{color:var(--ink-dim);align-items:baseline;gap:12px;padding:7px 0;font-size:14px;text-decoration:none;display:flex}.look__list a:hover,.look__list a[aria-current=page]{color:var(--ink)}.look__sep{border:0;border-top:1px solid var(--draft);margin:8px 0}.topbar__lang{display:inline-flex}.look__lang{display:none}@media (max-width:700px){.look{min-width:0;padding:14px;left:0;right:0}.look__label{width:100%}.topbar__lang{display:none}.look__lang{display:block}}}
:root[data-shell]{--bg:#f5f3eb;--field:#e6e5dd;--bg-2:#eeece3;--panel:#f5f3eb;--line:#8d8c85;--line-2:#84837d;--ink:#14140f;--ink-dim:#37362f;--ink-faint:#55544d;--accent:#14140f;--accent-contrast:#f5f3eb;--alarm:#7c2e2e;--alarm-contrast:#f5f3eb;--draft:#c9c7bb;--gold:var(--ink-dim);--green:var(--ink)}[data-shell][data-theme=dark]{--bg:#1d1c16;--field:#131209;--bg-2:#23221b;--panel:#1d1c16;--line:#696860;--line-2:#717068;--ink:#edeae0;--ink-dim:#c6c4ba;--ink-faint:#b2afa5;--accent:#edeae0;--accent-contrast:#1d1c16;--alarm:#c77272;--alarm-contrast:#1d1c16;--draft:#3d3b35}[data-shell][data-theme=light]{--bg:#f5f3eb;--field:#e6e5dd;--bg-2:#eeece3;--panel:#f5f3eb;--line:#8d8c85;--line-2:#84837d;--ink:#14140f;--ink-dim:#37362f;--ink-faint:#55544d;--accent:#14140f;--accent-contrast:#f5f3eb;--alarm:#7c2e2e;--alarm-contrast:#f5f3eb;--draft:#c9c7bb}
:root[data-shell]{--surface:var(--bg);--surface-2:var(--bg-2);--muted:var(--ink-dim);--font-display:var(--font-brand), system-ui, sans-serif;--font-grotesque:var(--font-brand), system-ui, sans-serif}@media (max-width:700px){:root[data-shell] .sheet{padding-left:16px;padding-right:16px}:root[data-shell] .band:before{left:-16px;right:-16px}}
