.landing{--mark:min(84dvh, 84vw);--russet:#a4501e;--cream:#f3e7d6;--ear-brown:#6e2f14;--quiet:#6f6a62;--gutter:clamp(20px, 5vw, 80px);overscroll-behavior:none;position:fixed;inset:0;overflow:hidden}:where(.landing-intro,.landing-sentence) button,.landing-close{font:inherit;cursor:pointer;padding:0}:where(.landing-intro,.landing-sentence) button svg,.landing-close svg{fill:none;stroke:currentColor;stroke-width:1.75px}:where(.landing-intro,.landing-sentence) button:focus-visible,.landing-close:focus-visible{outline-offset:3px;outline:2px solid #c8743a}.landing-intro{background:var(--russet);position:absolute;inset:0}.landing-mark{width:var(--mark);height:var(--mark);margin-top:calc(var(--mark) * -.5156);margin-left:calc(var(--mark) / -2);fill:var(--cream);position:absolute;top:50%;left:50%}.landing-hint{color:var(--cream);text-align:center;margin:0;font-size:15px;position:absolute;bottom:32px;left:0;right:0}.landing-nose{top:calc(50% + var(--mark) * .0469);left:calc(50% - var(--mark) * .0859);width:calc(var(--mark) * .1719);height:calc(var(--mark) * .1719);background:var(--cream);border:0;border-radius:50%;position:absolute}.landing button.landing-nose:focus-visible{outline-color:var(--cream);outline-offset:4px}.landing-sentence{padding:32px var(--gutter);background:var(--ground);visibility:hidden;flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0}.landing-sentence[data-open=true]{visibility:visible}.landing button.landing-logo{width:52px;height:52px;transition:scale var(--d-240) var(--ease-emphasized);background:0 0;border:0;position:absolute;top:28px;left:40px}.landing button.landing-logo:hover{scale:1.08}.landing button.landing-logo svg{width:100%;height:100%;fill:var(--cream);stroke:none;display:block}.landing-sentence h1{letter-spacing:-.05em;margin:0;font-size:clamp(36px,9.5vw,160px);font-weight:600;line-height:1.05}.landing-quiet{color:var(--quiet);display:block}.landing-rolling{display:block;position:relative}.landing-wheel{height:1.32em;margin-bottom:-.27em;display:block;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 6% 94%,#0000);mask-image:linear-gradient(#0000,#000 6% 94%,#0000)}.landing-strip{transform:translateY(calc(var(--line) * -1.32em));transition:transform .7s cubic-bezier(.34,1.2,.5,1);display:block}.landing-line{white-space:nowrap;height:1.32em;display:block}.landing button.landing-go{width:.62em;height:.62em;color:var(--ground);background:var(--cream);transition:translate .7s cubic-bezier(.34, 1.2, .5, 1), scale var(--d-240) var(--ease-emphasized);border:0;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:.255em;left:0}.landing-go svg{width:46%;height:46%}.landing button.landing-go:hover{scale:1.1}.landing-turns{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:10px;font-size:15px;display:flex;position:absolute;bottom:36px;right:40px}.landing-turns button{width:48px;height:48px;color:var(--ink);border:1px solid var(--line);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.landing-turns button:hover{border-color:var(--ink)}.landing-turns svg{width:20px;height:20px}.landing-room{color:var(--cream);background:var(--russet);position:absolute;inset:0;overflow-y:auto}.landing-room[data-room=about]{color:var(--ink);background:var(--ground)}.landing-room:has(.viewer) .landing-close{visibility:hidden}.landing-room-body{min-height:100%;padding:96px var(--gutter) 64px;flex-direction:column;gap:48px;display:flex}.landing-room h2{letter-spacing:-.05em;margin:0;font-size:clamp(56px,11vw,190px);font-weight:600;line-height:1}.landing button.landing-close{z-index:3;width:56px;height:56px;color:var(--cream);background:var(--russet);border:1px solid var(--cream);animation:landing-fold var(--d-240) var(--ease-emphasized) .64s both;justify-content:center;align-items:center;display:flex;position:fixed;top:24px;right:24px}.landing-close svg{width:20px;height:20px}@keyframes landing-fold{0%{clip-path:inset(0 50%)}to{clip-path:inset(0)}}.landing-copy{max-width:30em;margin:0;font-size:24px;line-height:1.4}.landing-career{flex-direction:column;margin:0;display:flex}.landing-career div{border-top:1px solid #f3e7d64d;grid-template-columns:9em minmax(0,1fr) auto;align-items:baseline;gap:4px 32px;padding:14px 0;display:grid}.landing-career dt{letter-spacing:-.01em;font-size:24px;font-weight:500}.landing-career dd{margin:0;font-size:16px;line-height:1.4}.landing-career-years{font-variant-numeric:tabular-nums;white-space:nowrap}.dogs-bio{cursor:auto;-webkit-user-select:text;user-select:text;flex-direction:column;justify-content:center;gap:20px;height:100%;display:flex}.dogs-bio h2{letter-spacing:-.05em;margin:0;font-size:72px;font-weight:600;line-height:1}.dogs-bio p{margin:0;font-size:18px;line-height:1.5}.dogs-bio div{gap:24px;font-size:16px;display:flex}.dogs-bio a{text-underline-offset:3px;text-decoration:underline}.dogs-bio a:hover{color:#c8743a}@media (max-width:767px){.landing button.landing-logo{width:48px;height:48px;top:44px;left:20px}.landing-turns{bottom:32px;right:20px}.landing-career div{grid-template-columns:minmax(0,1fr) auto}.landing-career-note{grid-area:2/1/auto/-1}.landing-career-note:empty{display:none}.dogs-bio{height:auto;padding:104px 20px 0}.landing-hint{bottom:48px}.landing button.landing-close{width:48px;height:48px;top:44px;right:20px}.landing-close svg{width:18px;height:18px}}@media (prefers-reduced-motion:reduce){.landing-strip,.landing button.landing-go,.landing button.landing-logo{transition:none}.landing button.landing-close{animation:none}}
