body[data-design]{color:#e7ebef;background:#0b121b}body[data-design]>header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b121bef;border-color:#24313e}body[data-design]>header>div{min-height:76px}body[data-design]>header a[href=\/]{color:#efce99;letter-spacing:.065em;font-size:.85rem}body[data-design]>footer{background:#0a1018;border-color:#24313e}body[data-design] main{overflow:clip}body[data-design] a{text-underline-offset:.23em}body[data-design] h1,body[data-design=article] h2{letter-spacing:-.035em;font-family:Georgia,Times New Roman,serif;font-weight:400}body[data-design] h1{color:#f5efe4}body[data-design] :where(.text-amber-400){color:#efce99}body[data-design] :where(.text-sky-300,.text-sky-400){color:#97d5d5}.design-home{max-width:1184px;margin-inline:auto;padding:0 24px 24px}.design-home .design-hero{text-align:left;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:center;gap:32px;max-width:none;padding:82px 0 64px;display:grid}.design-home .design-hero h1{max-width:730px;font-size:clamp(2.6rem,4.7vw,4.3rem);line-height:1.08}.design-home .design-hero h1 span{color:#97d5d5;background:0 0}.design-home .design-hero p{max-width:590px;margin-left:0;font-size:1rem;line-height:1.8}.design-home .design-hero code{white-space:normal;-webkit-box-decoration-break:clone;box-decoration-break:clone;font-size:.8em}.design-home #search-container{margin:28px 0 0}.design-home #search-container>.group>div{opacity:.12}.design-home #search-container form{box-shadow:none;background:#15212c;border-color:#3b4b58;padding:6px}.design-home #search-input{min-width:0;font-size:.95rem}.design-home #search-btn{color:#0b121b;background:#d7bc8f;padding:14px 20px;font-size:.85rem}.design-home #search-btn:hover{background:#efce99}.connection-motif{color:#c8b48f;aspect-ratio:1;width:100%;position:relative}.motif-map{width:100%;height:100%;position:relative}.motif-halo{background:radial-gradient(circle,#38676c30,#0000 70%);border-radius:50%;position:absolute;inset:12%}.design-home>section{max-width:none;margin-top:48px}.design-home>section:first-of-type{border-top:1px solid #293541;padding:36px 0 0}.design-home>section h2{letter-spacing:-.025em}.design-home>section:first-of-type>p:first-child{letter-spacing:.15em;margin-bottom:10px;font-size:.65rem}.design-home>section:first-of-type .grid>a{background:#111c27;border:1px solid #2b3b49;border-radius:16px;padding:26px 22px}.design-home>section:first-of-type .grid>a h3{margin-top:16px;font-size:1.1rem}.design-home>section:first-of-type .grid>a p{line-height:1.75}.design-home>section:first-of-type .grid>a>p:first-child{letter-spacing:.12em;font-size:.6rem}.design-home :where(.grid>a){transition:border-color .18s,background-color .18s,transform .18s}@media (hover:hover) and (prefers-reduced-motion:no-preference){.design-home .grid>a:hover,.design-hub [data-featured-study]:hover{background-color:#172632;border-color:#86aaaa;transform:translateY(-3px)}}.design-home>section:nth-of-type(2){background:linear-gradient(110deg,#182733,#14212c);border-color:#3c4b50;border-radius:20px;padding:36px}.design-home>section:nth-of-type(2)>a{color:#0b121b;background:#d7bc8f}.design-home>section:last-of-type{box-shadow:none;background:#14212c;border-color:#3c4b50}.design-hub{max-width:1136px;padding-top:64px;padding-bottom:72px}.design-hub>header{max-width:760px;padding-bottom:20px}.design-hub h1{font-size:clamp(2.6rem,4.4vw,3.7rem);line-height:1.12}.design-hub>header>p:first-child{letter-spacing:.13em;font-size:.7rem}.design-hub>header>p.text-lg{font-size:1.05rem;line-height:1.8}.design-hub>header>a{color:#0b121b;background:#d7bc8f}.design-hub [data-featured-studies]{border-top:1px solid #293541;padding-top:32px}.design-hub [data-featured-studies]>div:first-child p{line-height:1.8}.design-hub [data-featured-study]{background:#111e29;border:1px solid #304451;border-radius:18px;padding:28px;transition:border-color .18s,background-color .18s,transform .18s}.design-hub [data-featured-study]>p:first-child{letter-spacing:.12em;font-size:.65rem}.design-hub [data-featured-study] h3{font-size:1.25rem;line-height:1.45}.design-hub [data-featured-study] p.text-sm{line-height:1.8}.design-hub #all-guides{background:#101b26;border-color:#304451}.design-hub>section:last-child{background:#14212c;border-color:#304451}.design-article{max-width:820px;padding-top:64px;padding-bottom:72px;font-size:1.06rem;line-height:1.85}.design-article>header{border-bottom:1px solid #293541;margin-bottom:48px;padding-bottom:32px}.design-article>header>p:first-child{letter-spacing:.17em;font-size:.65rem}.design-article h1{font-size:clamp(2.5rem,4.7vw,3.6rem);line-height:1.15}.design-article>header>p.text-lg{font-size:1.16rem;line-height:1.85}.design-article h2{color:#efce99;margin-bottom:14px;font-size:1.85rem;line-height:1.3}.design-article>section{margin-top:40px}.design-article [data-guide-example]{background:#142731;border-color:#3b5963;border-radius:18px;padding:36px}.design-article [data-guide-example]>h2{color:#f5efe4;font-size:1.8rem}.design-article [data-guide-example] h3{color:#97d5d5;margin-bottom:6px;font-size:1.05rem;line-height:1.5}.design-article [data-guide-example]>div{border-bottom:1px solid #2c414b;padding-bottom:20px}.design-article [data-guide-example] .text-sm{font-size:.8rem;line-height:1.75}@media (width<=767px){body[data-design]>header>div{min-height:64px}.design-home{padding-inline:20px}.design-home .design-hero{padding:44px 0 20px;display:block}.connection-motif{display:none}.design-home .design-hero h1{font-size:2.65rem;line-height:1.13}.design-home .design-hero p{font-size:.96rem}.design-home #search-input{padding-inline:6px;font-size:.85rem}.design-home #search-btn{padding:13px 14px}.design-home>section{margin-top:36px}.design-home>section:nth-of-type(2){padding:24px}.design-hub,.design-article{padding:40px 22px 48px}.design-hub [data-featured-study]{padding:24px}.design-article{font-size:1rem;line-height:1.85}.design-article>header{margin-bottom:32px;padding-bottom:24px}.design-article>header>p.text-lg{font-size:1.04rem}.design-article [data-guide-example]{padding:24px 20px}.design-article h2{font-size:1.65rem}}@media (prefers-reduced-motion:reduce){.design-home .grid>a,.design-hub [data-featured-study]{transform:none!important}}