.dopen{--line:rgb(var(--ink) / .08);--streaks:var(--domain);background:var(--bg);color:var(--text-strong);position:relative;overflow:clip}.dopen:after{content:"";z-index:1;background:var(--grid-lines);pointer-events:none;position:absolute;inset:0}.dopen-grid{z-index:2;box-sizing:border-box;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:56px repeat(4,minmax(0,1fr));min-height:100svh;padding-top:72px;display:grid;position:relative}.dopen-rail{white-space:nowrap;color:rgb(var(--ink) / .66);writing-mode:vertical-rl;grid-area:1/1/span 4;place-self:end center;margin:0 0 20px;font-size:12.5px;line-height:1;transform:rotate(180deg)}.dopen-figures{grid-area:1/2/span 3;grid-template-rows:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.dopen-figures li+li .dopen-cell,.dopen-levels .dopen-cell{border-top:1px solid var(--line)}.dopen-cell{box-sizing:border-box;height:100%;color:var(--text-strong);flex-direction:column;justify-content:space-between;gap:4px;padding:clamp(8px,1.8svh,20px) 24px;text-decoration:none;transition:background-color .22s,box-shadow .22s;display:flex}.dopen-figures .dopen-cell strong{letter-spacing:-.05em;color:var(--domain);font-size:clamp(32px,5.6svh,60px);font-weight:300;line-height:.95}.dopen-cell>span:last-child{color:rgb(var(--ink) / .66);justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:inline-flex}.dopen-cell svg{transition:color .22s ease, transform .22s var(--ease-out);flex:none}a.dopen-cell:is(:hover,:focus-visible){background:color-mix(in srgb, var(--domain) 10%, transparent);box-shadow:inset 0 2px 0 var(--domain)}.dopen-cell:is(:hover,:focus-visible)>span:last-child svg{color:var(--domain);transform:translate(4px)}.dopen-main{grid-area:1/3/span 3/span 3;grid-template-rows:minmax(0,2fr) minmax(0,1fr);min-width:0;display:grid;position:relative}.dopen-crumbs{color:rgb(var(--ink) / .55);padding:clamp(14px,3svh,28px) 24px 0;font-size:13px;position:absolute;top:0;left:0}.dopen-crumbs a{color:inherit;text-decoration:none}.dopen-crumbs a:hover{color:var(--text-strong)}.dopen-title{letter-spacing:-.045em;align-self:center;margin:0;padding:0 24px;font-size:clamp(44px,min(5.8vw,11.4svh),104px);font-weight:300;line-height:1.02}.dopen-icon{vertical-align:-.02em;width:.62em;height:.62em;color:var(--domain);margin-right:.18em;display:inline-block}.dopen-foot{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;display:grid}.dopen-foot p{color:rgb(var(--ink) / .66);margin:0;padding:0 24px;font-size:14px;line-height:1.42}.dopen-search{border:1px solid var(--border-strong);background:var(--surface);grid-column:2/span 2;height:50px;margin:0 24px;display:flex}.dopen-search input[type=search]{min-width:0;color:var(--text-strong);font:inherit;background:0 0;border:0;outline:none;flex:1;padding:0 16px;font-size:16px}.dopen-search:has(input:focus-visible){outline:2px solid var(--focus-color);outline-offset:2px}.dopen-search button{background:var(--primary);min-width:150px;color:var(--on-primary);cursor:pointer;font:inherit;border:0;flex:none;padding:0 22px;font-size:15px;font-weight:500}.dopen-search button:hover{background:color-mix(in srgb, var(--primary) 86%, black)}.dopen-levels{grid-area:4/2/auto/-1;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.dopen-level-top{color:rgb(var(--ink) / .55);align-items:center;gap:8px;font-size:13px;display:inline-flex}.dopen-level-top svg{color:var(--domain)}.dopen-level strong{letter-spacing:-.05em;color:var(--domain);margin-top:auto;font-size:clamp(32px,5.6svh,60px);font-weight:300;line-height:.95}.dopen-level-name{letter-spacing:-.015em;font-size:17px;transition:color .22s}.dopen-level:is(:hover,:focus-visible) .dopen-level-name{color:color-mix(in srgb, var(--domain) 80%, var(--tone-mix))}.dopen-level.is-empty{opacity:.5}@media (max-width:1100px){.dopen{background:var(--bg)}.dopen-rail{display:none}.dopen-main{grid-template-rows:none}.dopen-crumbs{position:static}.dopen-levels li:nth-child(2n){border-left:1px solid var(--line)}.dopen-grid{grid-template-rows:none;grid-template-columns:minmax(0,1fr);min-height:0;padding-top:72px}.dopen-main{grid-area:1/1;gap:24px;padding-top:24px;padding-bottom:24px}.dopen-figures{border-top:1px solid var(--line);border-top:1px solid var(--line);grid-area:2/1;grid-template-rows:none;grid-template-columns:repeat(3,minmax(0,1fr))}.dopen-figures li+li{border-top:0;border-left:1px solid var(--line)}.dopen-levels{grid-area:3/1;grid-template-columns:repeat(2,minmax(0,1fr))}.dopen-cell{min-height:130px}}@media (max-width:700px){.dopen-title{font-size:clamp(36px,10vw,56px)}.dopen-foot{grid-template-columns:minmax(0,1fr);gap:16px;padding:20px 0}.dopen-search{grid-column:1;margin:0 20px}.dopen-search button{min-width:0}.dopen-foot p,.dopen-title,.dopen-crumbs{padding-left:20px;padding-right:20px}.dopen-figures{grid-template-columns:minmax(0,1fr)}.dopen-figures li+li{border-left:0;border-top:1px solid var(--line)}}@media (prefers-reduced-motion:reduce){.dopen-cell,.dopen-cell svg,.dopen-level-name{transition:none}}@media (max-width:700px){.dopen-figures{grid-template-rows:none;grid-template-columns:repeat(3,minmax(0,1fr))}.dopen-figures li+li{border-top:0;border-left:1px solid var(--line)}.dopen-figures .dopen-cell{padding:14px 12px}.dopen-figures .dopen-cell strong{font-size:34px}.dopen-figures .dopen-cell>span:last-child{font-size:12px;line-height:1.3}}