.wh-hero{padding-block:145px 55px}.wh-back{display:inline-block;font-size:13px;color:#bdb4cb;margin-bottom:30px;padding-block:8px}.wh-kicker{font-size:13px;color:#c1a6df;margin-bottom:19px;line-height:1.6}.wh-hero h1{font-family:var(--font-display);font-size:clamp(43px,6.8vw,92px);font-weight:500;line-height:1.06;letter-spacing:-.045em;max-width:1050px}.wh-lead{font-size:clamp(17px,1.7vw,21px);color:#c7bfd0;line-height:1.8;max-width:65ch;margin-top:28px}.wh-jump{display:inline-block;padding-block:12px;border-bottom:1px solid #81718e;font-size:14px;margin-top:24px}.wh-skill-name{display:inline-block;font-size:13px;color:#cbff8b;background:#1f2818;padding:10px 15px;margin-top:25px;overflow-wrap:anywhere;max-width:100%}.wh-cases{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.wh-case{min-width:0}.wh-case:hover{opacity:1}.wh-case-art{position:relative;height:320px;padding:28px;background:#1b1526;border:1px solid #52405f;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:25px}.wh-case-art>span{position:absolute;left:24px;top:22px;color:#b5a1c8;font-size:12px}.wh-case-art>b{font-family:var(--font-display);font-size:34px;font-weight:500;line-height:1.15;text-align:center;color:#e8d8ff}.wh-case--context .wh-case-art>b{font-size:29px}.wh-case--a11y .wh-case-art{background:#202916;border-color:#506538}.wh-case--a11y .wh-case-art>b{color:#d8ffb0}.wh-case--native .wh-case-art{background:#182330;border-color:#365573}.wh-case--native .wh-case-art>b{color:#c6e6ff}.wh-big-type{font-size:80px!important;line-height:1.2}.wh-case h3{font-size:clamp(25px,2.5vw,34px);line-height:1.18;letter-spacing:-.025em;font-weight:500;margin-bottom:18px}.wh-case>p:not(.wh-kicker){font-size:14px;color:#bbb1c7;line-height:1.8}.wh-card-link{display:inline-block;margin-top:22px;font-size:13px;color:#d5ff91}.wh-story{display:grid;grid-template-columns:1fr 1.2fr;gap:75px;padding-block:75px;border-bottom:1px solid #3e3348}.wh-story h2,.wh-section-head h2,.wh-rules h2{font-size:clamp(30px,3.5vw,48px);font-weight:500;line-height:1.13;letter-spacing:-.03em}.wh-story p:not(.wh-kicker){font-size:16px;line-height:1.9;color:#c7bfd0;max-width:65ch;margin-bottom:20px}.wh-skills-section{padding-block:75px;scroll-margin-top:140px}.wh-section-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:40px}.wh-section-head>p{font-size:15px;line-height:1.8;color:#c7bfd0;align-self:end}.wh-skill-list{border-top:1px solid #534260}.wh-skill{display:flex;align-items:center;gap:25px;border-bottom:1px solid #534260;padding:25px 8px;transition:background .15s}.wh-skill:hover{background:#20172b;opacity:1}.wh-skill-index{font-size:12px;color:#b9a4cf;align-self:flex-start;padding-top:5px}.wh-skill>span:last-child{margin-left:auto;color:#d5ff91}.wh-skill h3{font-size:clamp(18px,2.2vw,27px);font-weight:500;overflow-wrap:anywhere}.wh-skill p{font-size:14px;margin-top:10px;color:#bfb5cc;line-height:1.6}.wh-skill>div{min-width:0}.wh-next{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;padding-block:45px 65px;font-size:16px}.wh-next a{text-decoration:underline;text-underline-offset:6px}.wh-mechanism{padding-block:15px 25px}.wh-caption{font-size:12px;line-height:1.8;color:#b9aec6;margin-bottom:22px}.wh-pipeline{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:0}.wh-pipeline li{padding:24px;background:#1d1627;border:1px solid #62516f;position:relative;min-height:150px}.wh-pipeline li:not(:last-child)::after{content:'→';position:absolute;right:-21px;top:calc(50% - 12px);color:#c5a8e0}.wh-pipeline span{display:block;font-size:12px;color:#c4a6e0;margin-bottom:30px}.wh-pipeline strong{font-size:19px;font-weight:500;line-height:1.4}.wh-pipeline li:last-child{background:#212b17;border-color:#5d7540}.wh-rules{padding-block:65px}.wh-rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:35px}.wh-rule-grid article{border-top:1px solid #655174;padding-top:22px}.wh-rule-grid span{color:#c5a8e0;font-size:13px}.wh-rule-grid p{font-size:16px;line-height:1.85;color:#cbc1d6;margin-top:20px}.wh-scope{font-size:14px;border-top:1px solid #655174;margin-top:25px}.wh-scope :is(summary,.reading-heading){cursor:pointer;padding:20px 0}.wh-scope p{font-size:14px!important}.wh-hero a:focus-visible,.wh-skill:focus-visible,.wh-case:focus-visible{outline:2px solid #d5ff91;outline-offset:5px}@media(max-width:800px){.wh-cases{grid-template-columns:1fr;gap:45px}.wh-case-art{height:260px}.wh-story,.wh-section-head{grid-template-columns:1fr;gap:28px}.wh-pipeline{grid-template-columns:1fr 1fr}.wh-pipeline li:nth-child(2)::after{content:none}.wh-rule-grid{grid-template-columns:1fr;gap:20px}.wh-story{padding-block:50px}.wh-hero{padding-top:145px}.wh-skills-section{padding-block:50px}}@media(max-width:420px){.wh-pipeline{grid-template-columns:1fr}.wh-pipeline li{min-height:110px}.wh-pipeline li:not(:last-child)::after{content:'↓';right:50%;top:auto;bottom:-23px}.wh-pipeline span{margin-bottom:15px}.wh-skill{gap:14px}.wh-skill h3{font-size:18px}}@media(prefers-reduced-motion:reduce){.wh-skill{transition:none}}
/* A shared feature card for the home and project directories. */
.wh-feature{padding-block:70px}.wh-feature-inner{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.wh-feature h2{font-family:var(--font-display);font-size:clamp(36px,4.5vw,62px);line-height:1.08;letter-spacing:-.04em;font-weight:500;margin-bottom:24px}.wh-feature p{font-size:17px;line-height:1.8;max-width:60ch}.wh-feature .wh-kicker{font-size:13px}.wh-feature-visual{display:grid;gap:14px;background:#19121f;padding:30px;color:#eee6f6;border:1px solid #655174}.wh-feature-visual>a{padding:22px;border:1px solid #6e587f;display:flex;justify-content:space-between;gap:20px;font-size:18px}.wh-feature-visual>a:first-child{background:#d6c0ff;color:#21152b}.wh-feature-visual>a:nth-child(2){background:#253018}.wh-feature-visual>a span{font-size:13px}.wh-feature-links{display:flex;flex-wrap:wrap;gap:24px;margin-top:22px}.wh-feature-links a{font-size:14px;text-decoration:underline;text-underline-offset:6px}.wh-feature .wh-kicker{color:#a783cc}.home .wh-feature p{color:#c7bfd0}.home .wh-feature h2{color:#f1edf6}@media(max-width:700px){.wh-feature-inner{grid-template-columns:1fr;gap:32px}.wh-feature{padding-block:45px}.wh-feature-visual{padding:18px}.wh-feature-visual>a{font-size:16px;padding:18px}}
.wh-hero h1{overflow-wrap:anywhere;hyphens:auto}@media(max-width:420px){.wh-hero h1{font-size:38px}}