.home-studio-menu{display:none}.landing-page{--home-orange: #cf641f;--home-teal: #062c30;--home-gutter: clamp(22px, 5vw, 76px);--home-width: 1574px}.landing-page .site-header{max-width:none;min-height:67px;padding-inline:max(var(--home-gutter),calc((100% - var(--home-width)) / 2 + var(--home-gutter)));border:0;background:#fffefb}.landing-page .brand{color:#171817;font-size:25px;font-weight:760;letter-spacing:-.055em}.landing-page .brand-mark{width:32px;height:32px;margin-right:9px;background:var(--home-orange);color:#111;letter-spacing:0}.landing-page .brand>span:not(.brand-mark){color:var(--home-orange)}.landing-page .site-header :is(.brand small,.engine-pill){display:none}.landing-page .home-studio-menu{display:block;position:relative;z-index:1}.home-studio-menu summary{display:flex;min-height:44px;align-items:center;gap:7px;color:#4a625d;font-size:12px;cursor:pointer;list-style:none}.home-studio-menu summary::-webkit-details-marker{display:none}.home-studio-menu summary:after{content:"";width:6px;height:6px;margin-top:-3px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg)}.home-studio-menu[open] summary:after{margin-top:3px;transform:rotate(225deg)}.home-studio-menu nav{position:absolute;inset-block-start:100%;inset-inline-end:0;width:184px;padding:5px;border:1px solid var(--line);border-radius:8px;background:#fffefb;box-shadow:0 8px 24px #062c3029}.home-studio-menu a{display:flex;min-height:44px;align-items:center;padding:8px 10px;border-radius:4px;color:var(--ink);font-size:13px;font-weight:600;text-decoration:none}.home-studio-menu a:hover{background:#eef2ec}.home-theme-choice{display:grid;gap:4px;margin:4px 5px 5px;padding-top:8px;border-top:1px solid var(--line);color:var(--muted)}.home-theme-choice select{margin-top:0;padding:7px}.landing-page>main{max-width:none;padding-inline:0}.landing-page .home-hero{display:block;padding:0;color:#fff;background:radial-gradient(ellipse at 72% 55%,#124348,transparent 59%),var(--home-teal)}.home-hero-inner{--home-hero-inset: 18px;--home-hero-art-cap: 564px;--home-hero-gap: clamp(12px, 3vw, 48px);--home-headline-size: clamp(34px, 3.85vw, 55px);container-type:inline-size;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:var(--home-hero-gap);max-width:var(--home-width);margin-inline:auto;padding-inline:var(--home-gutter)}.home-hero-illustration{--home-art-height: min(var(--home-hero-art-cap), calc((100cqi - var(--home-hero-gap)) * .5048))}.home-hero-content{display:grid;align-content:center;justify-items:start}.home-hero .eyebrow{margin:0 0 9px;color:inherit;font-size:11px;font-weight:700;letter-spacing:.15em;line-height:1.5}.home-hero h1{margin:0;font-size:var(--home-headline-size);font-weight:590;line-height:1.02;letter-spacing:-.048em}.home-hero h1 em{display:block;color:inherit;letter-spacing:-.025em}.home-hero-ideas{color:#ffe08a;text-shadow:0 0 12px #ffcb5852,0 0 26px #ffcb582e}.home-hero-illustration{position:relative;align-self:start;height:var(--home-art-height);margin-block:var(--home-hero-inset)}.home-hero-art{display:block;width:100%;height:100%;object-fit:contain}.home-bulb-toggle,.home-bulb-toggle:hover{position:absolute;top:7.55%;left:50%;width:calc(var(--home-art-height) * .42);height:49.5%;transform:translate(-50%);padding:0;border:0;border-radius:50% 50% 32% 32%;background:transparent}.landing-page>main>:is(.gallery,footer){max-width:1480px;margin-inline:auto;padding-inline:40px}.landing-page .gallery{padding-top:30px}.gallery-guide h2{margin:0;font-size:20px}.landing-page .gallery-guide{background:#fff}.project-document-link{color:inherit;font-style:italic;text-decoration:none}.project-document-link:hover{text-decoration:underline}.home-explainer{max-width:var(--home-width);margin-inline:auto;padding:clamp(30px,4vw,58px) var(--home-gutter)}.editor-page .home-explainer{display:none}.home-explainer h2{margin:0 0 8px;font-size:clamp(25px,3vw,40px);font-weight:580;letter-spacing:-.035em}.home-explainer p{max-width:62ch;margin:0;color:var(--muted)}.home-diagram-example{max-width:1030px;margin:24px 0;padding:clamp(16px,3vw,30px);border:1px solid var(--line);border-radius:10px;background:var(--paper)}.home-diagram-example h3{margin:0 0 7px;font-size:19px}.home-explainer p+p{margin-top:8px}.home-example-edit{display:inline-block;margin-top:14px;color:var(--green);font-size:13px;font-weight:650;text-underline-offset:3px}.home-diagram-preview{overflow-x:auto;margin:16px 0 0;border:1px solid var(--line);border-radius:8px}.home-diagram-preview:not(.home-ontology-preview){width:fit-content;max-width:100%}.home-diagram-preview:not(.home-ontology-preview) img{width:auto;max-width:100%}.home-diagram-preview img{display:block;width:100%;min-width:660px;height:auto}.home-ontology-preview img{min-width:900px}.home-example-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px;font-size:14px;scroll-margin:20px}@media(max-width:650px){.landing-page>main>:is(.gallery,footer){padding-inline:15px}}@media(orientation:portrait)and (max-width:700px),(max-width:560px){.landing-page .site-header{min-height:59px}.landing-page .home-hero{background:var(--home-teal)}.home-hero-inner{display:block}.home-hero-content{min-height:258px}.home-hero-illustration{display:none}}@media(orientation:landscape)and (max-height:550px)and (min-width:561px){.landing-page .site-header{min-height:47px}.landing-page .brand-mark{width:28px;height:28px;font-size:19px}.home-hero-inner{--home-hero-inset: 8px;--home-hero-art-cap: min(257.4px, calc(100svh - 64px) )}.landing-page .gallery{padding-top:17px}}