.door{background:var(--paper);flex-direction:column;min-height:100dvh;display:flex}.door-bar{border-bottom:1px solid var(--line);z-index:2;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;min-height:auto;padding:14px clamp(16px,4vw,48px);position:relative}.door-bar .brand{color:var(--ink);align-items:center;gap:10px;font-weight:700;text-decoration:none;display:inline-flex}.door-bar-links{align-items:center;gap:18px;font-size:15px;display:flex}.door-bar-link{color:var(--ink-2);font-weight:600;font:inherit;background:0 0;border:0;padding:0;text-decoration:none}.door-bar-link:hover{color:var(--ink);text-underline-offset:4px;text-decoration:underline}.door-main{flex-direction:column;flex:1;display:flex}.door-halves{flex:1;min-height:calc(100dvh - 64px);display:flex}.door .door-half{isolation:isolate;flex:1 1 0;align-items:center;min-height:auto;transition:flex-grow .42s cubic-bezier(.2,.7,.2,1);display:flex;position:relative;overflow:hidden}.door-halves:has(.door-half:hover) .door-half:hover{flex-grow:1.22}.door-half:before{content:"";aspect-ratio:1;background:radial-gradient(circle, var(--door-glow) 0%, transparent 65%);opacity:.55;pointer-events:none;z-index:-1;border-radius:50%;width:70%;transition:opacity .42s,transform .42s;position:absolute;inset:auto -20% -35% auto}.door-half:hover:before{opacity:.85;transform:scale(1.08)}[data-look=paper].door-half{--door-glow:var(--accent-tint)}[data-look=night].door-half{--door-glow:#c6ff4a29}.door-half-inner{flex-direction:column;gap:22px;width:100%;max-width:560px;margin:0 auto;padding:clamp(40px,7vh,88px) clamp(24px,5vw,64px);display:flex}.door-title{font-family:var(--serif);font-weight:var(--display-weight);letter-spacing:var(--display-track);color:var(--ink);text-wrap:balance;margin:0;font-size:clamp(34px,3.6vw,54px);line-height:1.02}[data-look=paper] .door-title em{color:var(--accent);font-style:italic}[data-look=night] .door-title em{color:var(--lime);font-style:normal}.door-title em{white-space:normal;display:block}[data-look=night] .door-title{white-space:nowrap;font-size:clamp(30px,3vw,46px)}.door-cards{gap:12px;margin:4px 0 6px;padding:0;list-style:none;display:grid}.door-card{border:1px solid var(--line);background:var(--card,var(--white,#fff));border-radius:14px;gap:10px;padding:16px 18px;display:grid}[data-look=night] .door-card{background:#ffffff0a}.door-card p{margin:0}.door-card-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:6px;margin-bottom:2px;font-size:11px;font-weight:700;display:flex}.door-card-label svg{width:13px;height:13px}.door-card-start{color:var(--ink-2);font-size:15px;line-height:1.45}.door-card-result{color:var(--ink);font-size:17px;font-weight:600;line-height:1.4}[data-look=paper] .door-card-result .door-card-label{color:var(--accent)}[data-look=night] .door-card-result .door-card-label{color:var(--lime)}.door-go{align-self:flex-start}.door-go:after{content:"";z-index:1;position:absolute;inset:0}.door-go svg{transition:transform .26s}.door-half:hover .door-go svg{transform:translate(4px)}.door-half:has(.door-go:focus-visible){outline:3px solid var(--accent);outline-offset:-6px}[data-look=night] .door-go{background:var(--orange);color:var(--paper);border-color:var(--orange)}@media (min-width:900px){.door-halves{grid-template-rows:minmax(48px,1fr) repeat(6,auto) minmax(48px,1fr);grid-template-columns:1fr 1fr;transition:grid-template-columns .42s cubic-bezier(.2,.7,.2,1);display:grid}.door-halves:has(.door-half:first-child:hover){grid-template-columns:1.22fr 1fr}.door-halves:has(.door-half:last-child:hover){grid-template-columns:1fr 1.22fr}.door .door-half{grid-row:1/-1;grid-template-rows:subgrid;align-items:stretch;display:grid}.door-half-inner{grid-row:2/span 6;grid-template-rows:subgrid;row-gap:22px;padding-block:0;display:grid}.door-cards{grid-row:span 3;grid-template-rows:subgrid;margin:0}.door-title{align-self:end}.door-card{align-content:start}.door-go{place-self:start}}.door-half+.door-half{border-left:1px solid var(--line-2)}@media (max-width:899px){.door-halves{flex-direction:column;min-height:0}.door .door-half{flex:none}.door-half+.door-half{border-left:0}.door-half-inner{max-width:none;padding:44px 16px 52px}.door-bar{padding:12px 16px}.door-bar-links{gap:12px}}@media (max-width:359px){.door-bar{gap:8px;padding-inline:12px}.door-bar .brand{gap:6px}.door-bar .brand-name{font-size:17px}.door-bar-links{gap:8px}}@media (prefers-reduced-motion:reduce){.door .door-half,.door-half:before,.door-go svg,.door-halves{transition:none}.door-halves:has(.door-half:hover) .door-half:hover{flex-grow:1}:is(.door-halves:has(.door-half:first-child:hover),.door-halves:has(.door-half:last-child:hover)){grid-template-columns:1fr 1fr}.door-half:hover:before{transform:none}}