@font-face{font-family:poppins;src:url(../media/Poppins_Light-s.p.0m2bcslosc8um.ttf)format("truetype");font-display:swap;font-weight:300}@font-face{font-family:poppins;src:url(../media/Poppins_Regular-s.p.0o-~k54yt.1oa.ttf)format("truetype");font-display:swap;font-weight:400}@font-face{font-family:poppins;src:url(../media/Poppins_Medium-s.p.0xwjui6ssmh18.ttf)format("truetype");font-display:swap;font-weight:500}@font-face{font-family:poppins;src:url(../media/Poppins_Bold-s.p.0mdwvix7girbv.ttf)format("truetype");font-display:swap;font-weight:700}@font-face{font-family:poppins Fallback;src:local(Arial);ascent-override:92.83%;descent-override:30.94%;line-gap-override:8.84%;size-adjust:113.11%}.poppins_66b0afee-module__d4gIvG__className{font-family:poppins,poppins Fallback}.poppins_66b0afee-module__d4gIvG__variable{--font-poppins:"poppins", "poppins Fallback"}
:root{--teal:#142c30;--orange:#ff541f;--orange-ink:#bf3a0b;--mint:#a4e8de;--burgundy:#4c192a;--off-white:#f9f9f7;--white:#fff;--muted:#3f5357;--pass:#1f7a46;--large:#8a5a00;--fail:#b3261e;--radius:22px;--sidebar:252px;--ease-out:cubic-bezier(.23, 1, .32, 1);--gutter:clamp(16px, 5vw, 72px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--off-white);color:var(--teal);font-family:var(--font-poppins), system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6}a{color:var(--orange-ink);text-underline-offset:.18em;text-decoration-thickness:1.5px}a:hover{text-decoration-thickness:2.5px}:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:6px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{background:var(--orange);color:var(--teal);z-index:10;border-radius:999px;padding:10px 16px;font-weight:700;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.mask-art{aspect-ratio:var(--ratio);width:min(100%, calc(var(--h) * var(--ratio)));-webkit-mask:var(--art) center / contain no-repeat;-webkit-mask:var(--art) center / contain no-repeat;mask:var(--art) center / contain no-repeat;display:block}.mark-shape{aspect-ratio:7727.61/2981.24;display:block;-webkit-mask:url(/assets/logos/mark/black.svg) 50%/contain no-repeat;mask:url(/assets/logos/mark/black.svg) 50%/contain no-repeat}.pat-contour:before,.pat-mountains:before,.pat-dots:before{content:"";pointer-events:none;background:var(--pc);opacity:var(--po);position:absolute}.pat-contour:before{-webkit-mask:var(--stamp) right top / var(--sw) var(--sh) no-repeat, radial-gradient(farthest-corner circle at calc(100% - var(--fr)) var(--ft), #000 10%, #00000052 100%);-webkit-mask-composite:source-in;-webkit-mask:var(--stamp) right top / var(--sw) var(--sh) no-repeat, radial-gradient(farthest-corner circle at calc(100% - var(--fr)) var(--ft), #000 10%, #00000052 100%);mask:var(--stamp) right top / var(--sw) var(--sh) no-repeat, radial-gradient(farthest-corner circle at calc(100% - var(--fr)) var(--ft), #000 10%, #00000052 100%);inset:0;-webkit-mask-composite:source-in;mask-composite:intersect}.pat-mountains:before{inset:0;-webkit-mask:url(/assets/patterns/mountain-range.svg) 54% 46%/270% no-repeat;mask:url(/assets/patterns/mountain-range.svg) 54% 46%/270% no-repeat}.pat-dots{--pitch:calc(51px * var(--dot-scale,1));--disc:calc(42px * var(--dot-scale,1))}.pat-dots:before{width:calc(var(--pitch) * 5);height:calc(var(--pitch) * 3);top:calc(var(--pitch) * -.5);right:calc(var(--pitch) * -1.6);background:radial-gradient(circle, var(--pc) 0 calc(var(--disc) / 2), transparent calc(var(--disc) / 2 + .6px));background-size:var(--pitch) var(--pitch)}.shell{grid-template-columns:var(--sidebar) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{background:var(--teal);height:100vh;color:var(--off-white);flex-direction:column;align-self:start;gap:26px;padding:30px 18px 24px;display:flex;position:sticky;top:0;overflow:hidden auto}.brand-link{padding:0 10px;display:block}.brand-link img{width:auto;height:34px;display:block}.nav-toggle summary{display:none}.nav-list{gap:3px;margin:0;padding:0;list-style:none;display:grid}.nav-list a{color:var(--off-white);transition:background-color .16s ease, color .16s ease, transform .16s var(--ease-out);border-radius:999px;padding:8px 14px;font-size:15px;font-weight:500;text-decoration:none;display:block}.nav-list a:active{transform:scale(.97)}.nav-list a[aria-current=page]{background:var(--mint);color:var(--teal);font-weight:700}@media (hover:hover) and (pointer:fine){.nav-list a:not([aria-current=page]):hover{background:#a4e8de24}}.agent-note{color:var(--mint);z-index:1;margin:auto 10px 0;font-size:13px;position:relative}.agent-note a{color:var(--mint)}.main{flex-direction:column;min-width:0;display:flex}.content{padding:clamp(32px, 5vw, 64px) var(--gutter) 24px;width:100%;max-width:1240px}.band{isolation:isolate;background:var(--ground);color:var(--body);padding:clamp(28px, 4vw, 44px) var(--gutter) clamp(120px, 15vw, 210px);--dot-scale:1.9;flex-direction:column;justify-content:flex-end;min-height:clamp(380px,46vw,560px);display:flex;position:relative;overflow:hidden}.band-inner{z-index:2;max-width:980px;position:relative}.band-mark{z-index:1;background:var(--motif);width:min(66vw,860px);position:absolute;bottom:-7%;right:-9%}.band-sun{z-index:1;aspect-ratio:1;background:var(--motif);border-radius:50%;width:clamp(200px,28vw,400px);position:absolute;bottom:clamp(-190px,-12vw,-80px);right:7%}.band-meta{color:var(--body);margin:0 0 18px;font-size:13px;font-weight:500}.band-meta a{color:inherit}.band h1{margin:0;line-height:0}.band-title{margin:0 0 22px -.04em}.band-title-text{letter-spacing:-.04em;color:var(--ink);margin-bottom:22px;font-size:clamp(56px,9vw,140px);font-weight:700;line-height:.9;display:block}.band-lede{max-width:30em;color:var(--body);margin:0;font-size:clamp(18px,1.8vw,22px);font-weight:500;line-height:1.45}.band-home{min-height:min(92vh,900px);padding-bottom:clamp(150px,18vw,260px)}.band-home .band-mark{width:min(78vw,1080px);bottom:-9%;right:-12%}.band-sticker{z-index:3;background:var(--off-white);transform-origin:60%;border-radius:22px;padding:16px 20px;position:absolute;top:clamp(-150px,-16vw,-40px);right:0;transform:rotate(-7deg)}.band-sticker .mask-art{width:calc(var(--h) * var(--ratio));max-width:70vw}@media (prefers-reduced-motion:no-preference){.band-meta,.band-title,.band-title-text,.band-lede{animation:rise .7s var(--ease-out) both}.band-title,.band-title-text{animation-delay:60ms}.band-lede{animation-delay:.14s}.band-mark{animation:mark-in 1.1s var(--ease-out) both}.band-sun{animation:rise .9s var(--ease-out) .2s both}.band-sticker{animation:sticker-in .6s var(--ease-out) .42s both}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}@keyframes mark-in{0%{opacity:0;transform:translate(10%,6%)}}@keyframes sticker-in{0%{opacity:0;transform:rotate(-14deg)scale(.95)}}.toc{flex-wrap:wrap;gap:6px 22px;margin:0 0 36px;font-size:15px;font-weight:500;display:flex}.toc a{color:var(--teal);text-decoration:none}.toc a:hover{color:var(--orange-ink);text-decoration:underline}.glance{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin:0 0 24px;display:grid}.glance>div{border-radius:var(--radius);color:var(--off-white);padding:26px 30px 28px;position:relative;overflow:hidden}.glance h2{letter-spacing:-.02em;margin:0 0 10px;font-size:30px;line-height:1}.glance ul{margin:0;padding-left:20px;font-size:16px}.glance li+li{margin-top:6px}.glance-do{background:var(--teal)}.glance-do h2{color:var(--mint)}.glance-dont{background:var(--burgundy)}.glance-dont h2{color:var(--orange)}.prose>h2{letter-spacing:-.035em;max-width:18em;margin:clamp(72px,9vw,120px) 0 18px;scroll-margin-top:24px;font-size:clamp(34px,4.6vw,60px);font-weight:700;line-height:.98}.prose>h2:before{content:"";background:var(--orange);vertical-align:.12em;border-radius:50%;width:.42em;height:.42em;margin-right:.22em;display:inline-block}.prose>h3{letter-spacing:-.015em;margin:44px 0 8px;scroll-margin-top:24px;font-size:24px}.prose>p,.prose>ul,.prose>ol{max-width:40em}.prose>p:first-child{font-size:clamp(19px,1.8vw,22px);line-height:1.5}.prose strong{font-weight:700}.prose code{background:var(--white);border-radius:6px;padding:2px 7px;font-size:.86em}.table-wrap{border-radius:var(--radius);background:var(--white);margin:18px 0 28px;overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%;font-size:15px}.table-wrap th,.table-wrap td{text-align:left;vertical-align:top;padding:12px 16px}.table-wrap tbody tr:nth-child(odd){background:#a4e8de29}.table-wrap thead th{color:var(--teal);background:var(--mint);font-size:14px}.block{margin:24px 0 36px}figure{margin:0}figcaption{font-size:14px}.badge{background:var(--off-white);vertical-align:middle;white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:700;display:inline-block}.badge-proposed{color:#7a2a0a;background:#ffe1d4}.badge-pass{color:var(--pass);background:#dcf3e6}.badge-large{color:var(--large);background:#fff0c9}.badge-fail{color:var(--fail);background:#fde2df}.copy{font:inherit;color:inherit;cursor:copy;transition:background-color .15s ease, transform .12s var(--ease-out);background:0 0;border:0;border-radius:8px;padding:2px 8px;font-size:13px;font-weight:500}.copy:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.copy:hover{background:#a4e8de73}}.copy[data-copied]{background:var(--mint)}.copy[data-copied]:after{content:" ✓"}.swatches{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;display:grid}.swatch{background:var(--white);border-radius:var(--radius);overflow:hidden}.swatch-chip{aspect-ratio:1/.82;letter-spacing:-.02em;align-items:flex-end;padding:14px 18px;font-size:34px;font-weight:700;display:flex}.swatch figcaption{padding:14px 16px 16px}.swatch figcaption strong{font-size:17px}.swatch figcaption>p{color:var(--muted);margin:4px 0 10px;font-size:13.5px;line-height:1.5}.swatch dl{grid-template-columns:auto 1fr;align-items:center;gap:0 8px;margin:0;font-size:12px;display:grid}.swatch dt{color:var(--muted);font-weight:500}.swatch dd{overflow-wrap:anywhere;min-width:0;margin:0}.gradient{background:var(--white);border-radius:var(--radius);grid-template-columns:minmax(200px,300px) 1fr;align-items:center;gap:24px;padding:16px;display:grid}.gradient-chip{aspect-ratio:1;border-radius:16px}.stops{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.hierarchy{border-radius:var(--radius);height:clamp(220px,30vw,360px);display:flex;overflow:hidden}.hierarchy>div{flex-direction:column;justify-content:flex-end;align-items:flex-start;min-width:0;padding:18px;display:flex}.hierarchy span{letter-spacing:-.03em;font-size:clamp(28px,4vw,56px);font-weight:700;line-height:1}.hierarchy small{margin-top:6px;font-size:13px;line-height:1.2}.pairings,.schemes{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.pairing,.scheme{background:var(--white);border-radius:var(--radius);padding:10px 10px 14px}.pairing-chip{border-radius:14px;place-items:center;height:110px;display:grid;position:relative}.pairing-chip span{letter-spacing:-.02em;font-size:34px;font-weight:700}.pairing figcaption,.scheme figcaption{margin:10px 6px 0;line-height:1.5}.pairing.dont .pairing-chip:after{content:"✕";color:var(--white);background:var(--fail);border-radius:999px;place-items:center;width:22px;height:22px;font-size:12px;font-weight:700;display:grid;position:absolute;top:8px;right:8px}.pairing em{color:var(--muted);font-size:13px}.scheme-chip{border-radius:14px;align-items:flex-end;height:130px;padding:14px;display:flex;position:relative;overflow:hidden}.scheme-type{letter-spacing:-.02em;z-index:1;font-size:28px;font-weight:700;position:relative}.scheme-deco{border-radius:50%;width:84px;height:84px;position:absolute;top:-18px;right:-14px}.scheme figcaption{color:var(--muted)}.contrast-grid th,.contrast-grid td{white-space:nowrap;font-size:12px}.contrast-grid td{text-align:center}.contrast-grid td b{font-size:19px}.contrast-grid td small{font-weight:700;display:block}.contrast-grid td.fail{opacity:.4}.contrast-grid td.na{background:var(--off-white);color:var(--muted)}.table-wrap .contrast-grid tbody tr:nth-child(odd){background:0 0}.dot{vertical-align:middle;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.logos{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.logo-tile{background:var(--white);border-radius:var(--radius);padding:10px 10px 12px}.logo-chip{aspect-ratio:4/3;border-radius:14px;place-items:center;padding:18%;display:grid}.logo-chip img{max-width:100%;max-height:100%}.logos-landscape .logo-chip{padding:14% 10%}.logo-tile figcaption{justify-content:space-between;margin:10px 6px 0;font-weight:500;display:flex}.download{font-size:13px;font-weight:700}.donts{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}.dont-tile{background:var(--white);border-radius:var(--radius);padding:10px 10px 14px}.dont-chip{aspect-ratio:4/3;background:var(--off-white);border-radius:14px;place-items:center;padding:20%;display:grid;position:relative;overflow:hidden}.dont-chip img{max-width:100%}.dont-chip:after{content:"✕";background:var(--fail);width:24px;height:24px;color:var(--white);border-radius:999px;place-items:center;font-size:12px;font-weight:700;display:grid;position:absolute;top:8px;right:8px}.dont-overlay{color:var(--mint);font-size:22px;font-weight:700;position:absolute}.dont-tile figcaption{margin:10px 6px 0;font-weight:500}.placements{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;display:grid}.placement.wide{grid-column:span 2}.canvas{aspect-ratio:3/4;background:var(--white);border-radius:12px;position:relative}.placement.wide .canvas{aspect-ratio:16/10}.canvas img{position:absolute}.sun{aspect-ratio:1;background:var(--mint);border-radius:50%;width:15%;position:absolute}.placement figcaption{margin-top:8px;font-size:13px}.specimen{background:var(--white);border-radius:var(--radius);gap:28px;padding:clamp(20px,4vw,44px);display:grid}.specimen img{max-width:100%;height:auto}.spec-name{letter-spacing:-.03em;margin:0;font-size:clamp(48px,7vw,92px);font-weight:700;line-height:1}.spec-alpha{overflow-wrap:anywhere;margin:0;font-size:clamp(16px,2.2vw,24px)}.spec-weights{gap:4px;display:grid}.spec-weights p{align-items:baseline;gap:20px;margin:0;font-size:clamp(30px,5vw,56px);line-height:1.2;display:flex}.spec-weights span{width:110px;color:var(--muted);flex:none;font-size:14px;font-weight:500}.type-sample{background:var(--mint);border-radius:var(--radius);justify-items:start;gap:18px;padding:clamp(20px,4vw,48px);display:grid}.type-headline{width:auto;max-width:100%;height:clamp(52px,9vw,104px)}.type-body{max-width:34em;margin:0}.button-sample{background:var(--teal);color:var(--white);border-radius:4px;padding:13px 28px;font-weight:700}.type-roles{grid-template-columns:auto 1fr;gap:2px 14px;margin:8px 0 0;font-size:13px;display:grid}.type-roles dt{font-weight:700}.type-roles dd{margin:0}.patterns{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.pattern{background:var(--white);border-radius:var(--radius);padding:10px 10px 14px}.pattern-chip{aspect-ratio:1;background-position:50%;background-size:cover;border-radius:14px}.pattern figcaption{color:var(--muted);margin:10px 6px 0}.pattern strong{color:var(--teal)}.downloads th{width:170px}.downloads td a{white-space:nowrap}.tiles{--tile-h:clamp(44px, 4.6vw, 70px);grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;display:grid}.tile{--dot-scale:1;isolation:isolate;background:var(--ground);min-height:290px;color:var(--body);transition:transform .24s var(--ease-out);border-radius:28px;flex-direction:column;grid-column:span 4;justify-content:flex-start;gap:16px;padding:26px 28px;text-decoration:none;display:flex;position:relative;overflow:hidden}.tile.tile-0,.tile.tile-1{min-height:360px}.tile.tile-0{grid-column:span 7}.tile.tile-1{grid-column:span 5}.tile-title{z-index:2;position:relative}.tile-title-text{z-index:2;letter-spacing:-.03em;color:var(--ink);font-size:48px;font-weight:700;line-height:.95;position:relative}.tile-summary{z-index:2;max-width:22em;font-size:15.5px;font-weight:500;line-height:1.45;position:relative}.tile-motif{z-index:1;background:var(--motif);position:absolute}.tile-sun{aspect-ratio:1;border-radius:50%;width:min(44%,260px);bottom:-22%;right:-6%}.tile-mark{aspect-ratio:7727.61/2981.24;width:min(78%,520px);bottom:-12%;right:-16%;-webkit-mask:url(/assets/logos/mark/black.svg) 50%/contain no-repeat;mask:url(/assets/logos/mark/black.svg) 50%/contain no-repeat}.tile.pat-dots .tile-motif{display:none}.tile:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.tile:hover{transform:translateY(-6px)rotate(-.6deg)}}.pager{grid-template-columns:1fr 1fr;gap:16px;margin:clamp(80px,9vw,120px) 0 56px;display:grid}.pager-link{letter-spacing:-.03em;transition:transform .22s var(--ease-out);border-radius:28px;flex-direction:column;gap:4px;padding:26px 30px;font-size:clamp(24px,3vw,40px);font-weight:700;line-height:1;text-decoration:none;display:flex}.pager-link small{letter-spacing:0;font-size:14px;font-weight:500}.pager-next{text-align:right}.pager-link:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.pager-link:hover{transform:translateY(-4px)}}.site-foot{--pc:var(--orange);--po:1;--dot-scale:1.5;background:var(--burgundy);color:var(--off-white);padding:120px var(--gutter) 48px;margin-top:auto;position:relative;overflow:hidden}.site-foot-inner{z-index:1;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:36px;max-width:1240px;display:flex;position:relative}.foot-tagline{flex:0 auto}.foot-links{max-width:26em;font-size:14px}.foot-links img{width:auto;height:56px;margin-bottom:18px;display:block}.foot-links p{margin:6px 0 0}.foot-links a{color:var(--mint)}@media (max-width:900px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{gap:12px;height:auto;padding:16px 16px 14px;position:static;overflow:visible}.agent-note{display:none}.nav-list{scrollbar-width:none;gap:6px;margin:0 -16px;padding:0 16px;display:flex;overflow-x:auto}.nav-list a{white-space:nowrap;background:#a4e8de1f}.band{--dot-scale:1.1;min-height:0;padding-bottom:46vw}.band.pat-mountains:before,.tile.pat-mountains:before{-webkit-mask-size:430%;mask-size:430%}.band-mark{width:120vw;bottom:-4%;right:-34%}.band-sun{width:56vw;bottom:-18vw;right:6vw}.band-home{min-height:0;padding-bottom:58vw}.band-home .band-mark{width:140vw;right:-40%}.band-sticker{margin-top:26px;display:inline-block;position:relative;top:auto;right:auto}.tiles{grid-template-columns:minmax(0,1fr)}.tile,.tile.tile-0,.tile.tile-1{grid-column:auto;min-height:220px}.gradient{grid-template-columns:1fr}.hierarchy small{display:none}.placement.wide{grid-column:span 1}.pager{grid-template-columns:1fr}.pager-next{text-align:left}.site-foot{--dot-scale:1;padding-top:104px}}@media (prefers-reduced-motion:reduce){.tile,.pager-link,.copy,.nav-list a{transition:background-color .15s,color .15s}.tile:hover,.tile:active,.pager-link:hover,.pager-link:active{transform:none}}