.landscapePage{--chip-paper:#f2eee1;--chip-ink:#1a1714;--track:#1a171429;--cap-top:#ffffffb8;--cap-bottom:#ffffff61;--cap-lip:#1a171424;--sheet:#f2eee1db}[data-theme=dark] .landscapePage{--track:#f2eee129;--cap-top:#ffffff1a;--cap-bottom:#ffffff08;--cap-lip:#00000061;--sheet:#282826d1}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .landscapePage{--track:#f2eee129;--cap-top:#ffffff1a;--cap-bottom:#ffffff08;--cap-lip:#00000061;--sheet:#282826d1}}.landscapeInner{z-index:1;flex-direction:column;min-height:100dvh;padding:clamp(24px,3.9vw,56px) clamp(24px,5vw,72px) clamp(28px,3.9vw,56px);animation:.7s cubic-bezier(.2,.7,.2,1) both teaserRise;display:flex;position:relative;overflow-x:clip}.landscapeMark{text-decoration:none}.landscapeKicker{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-soft);font-size:11px;font-weight:500}.landscapeChip{width:var(--chip,56px);height:var(--chip,56px);background:var(--chip-paper);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:inset 0 -3px 6px #1a171424,0 6px 18px #00000047}.landscapeChip img{object-fit:contain;pointer-events:none;width:50%;height:50%}.landscapeChip[data-fill=true] img{object-fit:cover;width:100%;height:100%}.landscapeChipLetter{font-family:var(--font-teaser-display), Georgia, serif;color:var(--chip-ink);font-size:22px;font-weight:500;line-height:1}.landscapeOrbits{width:min(1320px,100%);height:1080px;margin:0 auto;position:relative}.landscapeIntro{flex-direction:column;gap:18px;width:min(40%,520px);display:flex;position:absolute;top:56px;left:0}.landscapeHeadline{font-size:clamp(40px,5vw,72px);line-height:1}.orbitWorld{--scale:1;--r:calc(var(--disc) * var(--scale));--R:calc(var(--ring) * var(--scale));--c:calc(var(--chip) * var(--scale));--half:calc(var(--R) + var(--c) / 2);transform:translate(-50%, calc(-1 * var(--half)));flex-direction:column;align-items:center;gap:18px;display:flex;position:absolute}.orbitSuper{top:27%;left:72%}.orbitPersonal{top:62%;left:30%}.orbitVibe{top:80%;left:80%}.orbitStage{width:calc(var(--half) * 2);height:calc(var(--half) * 2);position:relative}.orbitTrack{inset:calc(var(--c) / 2);border:1px dashed var(--track);border-radius:999px;position:absolute}.orbitDisc{width:calc(var(--r) * 2);height:calc(var(--r) * 2);margin:calc(var(--r) * -1) 0 0 calc(var(--r) * -1);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0;transition:transform .4s cubic-bezier(.2,.7,.2,1);position:absolute;top:50%;left:50%}.orbitDisc img{filter:drop-shadow(0 22px 36px #00000073);width:100%;height:100%;display:block}.orbitDisc:hover{transform:scale(1.03)}.orbitSpin{animation:orbitTurn var(--spin) linear infinite;pointer-events:none;position:absolute;inset:0}.orbitSlot{width:0;height:0;transform:rotate(var(--angle)) translateX(var(--R)) rotate(calc(-1 * var(--angle)));position:absolute;top:50%;left:50%}.orbitUpright{top:calc(var(--c) / -2);left:calc(var(--c) / -2);animation:orbitTurn var(--spin) linear infinite reverse;position:absolute}@keyframes orbitTurn{to{transform:rotate(360deg)}}.orbitStage{border-radius:999px}.orbitStage:hover .orbitSpin,.orbitStage:hover .orbitUpright{animation-play-state:paused}.orbitStage:has(:focus-visible) .orbitSpin{animation-play-state:paused}.orbitStage:has(:focus-visible) .orbitUpright{animation-play-state:paused}.orbitFlip{animation:.52s cubic-bezier(.2,.7,.2,1) both orbitFlipIn;display:block}@keyframes orbitFlipIn{0%{opacity:0;transform:perspective(400px)rotateY(-90deg)scale(.9)}}.orbitTool{--chip:var(--c);cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:999px;padding:0;transition:transform .3s cubic-bezier(.2,.7,.2,1);display:block;position:relative}.orbitStage:hover .orbitTool{transform:scale(1.1)}.orbitStage .orbitTool:hover,.orbitTool:focus-visible{transform:scale(1.22)}.orbitTool:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.orbitToolName{letter-spacing:.04em;white-space:nowrap;color:var(--ink);opacity:0;pointer-events:none;font-size:11px;transition:opacity .25s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.orbitStage:hover .orbitToolName{opacity:1}.orbitStage:has(:focus-visible) .orbitToolName{opacity:1}.orbitLabel{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.orbitLabel h2{font-family:var(--font-teaser-display), Georgia, serif;letter-spacing:-.01em;color:var(--ink);margin:0;font-size:24px;font-weight:400}.orbitLabel p{letter-spacing:.06em;color:var(--ink-soft);margin:0;font-size:11px}.landscapeSwitch{border:1px solid var(--hairline);background:var(--glass-tint);border-radius:999px;gap:4px;padding:4px;display:flex}.landscapeSwitch button{height:36px;color:var(--ink);font:inherit;letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 16px;font-size:12px;transition:background-color .2s,color .2s}.landscapeSwitch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.landscapeGive{width:min(1320px,100%);margin:72px auto 0}.giveGrid{border-top:1px solid var(--hairline);border-left:1px solid var(--hairline);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.giveColumn{border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);flex-direction:column;display:flex}.giveWhat{border-bottom:1px solid var(--hairline);flex-direction:column;gap:4px;min-height:118px;padding:22px 22px 18px;display:flex}.giveWhat strong{font-family:var(--font-teaser-display), Georgia, serif;font-size:22px;font-weight:400}.giveWhat em{color:var(--ink-soft);font-size:12px;font-style:normal;line-height:1.45}.giveTools{flex-direction:column;display:flex}.giveTool{--chip:32px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:12px 22px;font-size:13px;transition:background-color .2s;display:flex}.giveTool:hover{background:var(--glass-tint)}.giveTool:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.giveTool .landscapeChip{box-shadow:none}.landscapeToolkit{width:min(1320px,100%);margin:144px auto 72px}.landscapeToolkitHead{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:40px;display:flex}.landscapeToolkitHead>div{flex-direction:column;gap:14px;display:flex}.landscapeToolkitHead .teaserHeadline{font-size:clamp(36px,4.4vw,56px)}.landscapeToolkitHead .teaserSub{max-width:380px}.keycapRow{border-top:1px solid var(--hairline);align-items:center;gap:40px;padding:24px 0;display:flex}.keycapGroup{width:300px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-shrink:0;align-items:center;gap:16px;padding:0;display:flex}.keycapGroup img{flex-shrink:0;width:52px;height:52px}.keycapGroup span{flex-direction:column;gap:4px;display:flex}.keycapGroup strong{font-family:var(--font-teaser-display), Georgia, serif;font-size:24px;font-weight:400}.keycapGroup em{color:var(--ink-soft);font-size:12px;font-style:normal;line-height:1.45}.keycaps{flex-wrap:wrap;gap:18px;display:flex}.keycap{--chip:56px;background:linear-gradient(180deg, var(--cap-top), var(--cap-bottom));width:132px;height:132px;box-shadow:0 10px 0 -2px var(--cap-lip), 0 18px 30px #0000002e;color:var(--ink);font:inherit;cursor:pointer;border:0;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:0;font-size:12px;transition:transform .16s,box-shadow .16s;display:flex}.keycap:hover{transform:translateY(-2px)}.keycap:active{box-shadow:0 4px 0 -2px var(--cap-lip), 0 8px 16px #0000002e;transform:translateY(6px)}.keycap:focus-visible,.keycapGroup:focus-visible,.orbitDisc:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.landscapeDetails{width:min(420px,100vw - 32px);max-width:none;color:var(--ink);font-family:var(--font-teaser-mono), ui-monospace, Menlo, monospace;background:0 0;border:0;padding:0}.landscapeDetails::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14141359}.landscapeDetails[open]{animation:.4s cubic-bezier(.2,.7,.2,1) both teaserRise}.landscapeDetailsSheet{border:1px solid var(--glass-edge);background:var(--sheet);-webkit-backdrop-filter:blur(24px)saturate(1.3);backdrop-filter:blur(24px)saturate(1.3);text-align:center;border-radius:28px;flex-direction:column;align-items:center;gap:14px;padding:44px 32px 40px;display:flex;position:relative}.landscapeDetailsSheet h2{font-family:var(--font-teaser-display), Georgia, serif;margin:0;font-size:40px;font-weight:300;line-height:1.05}.landscapeDetailsSheet p{color:var(--ink-soft);margin:0;font-size:14px}.landscapeDetailsDisc{width:96px;height:96px}.landscapeDetailsClose{border:1px solid var(--hairline);width:36px;height:36px;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:14px;right:14px}@media (max-width:1100px){.landscapeOrbits{flex-direction:column;align-items:center;gap:56px;height:auto;padding-top:40px;display:flex}.landscapeIntro{width:100%;position:static}.orbitWorld{position:static;transform:none}.orbitPersonal{align-self:flex-start}.orbitVibe{align-self:flex-end}.landscapeToolkitHead{flex-direction:column;align-items:flex-start}.giveGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.keycapRow{flex-direction:column;align-items:flex-start;gap:20px}}@media (max-width:640px){.orbitWorld{--scale:.74}.orbitPersonal,.orbitVibe{align-self:center}.keycapGroup{width:100%}.giveGrid{grid-template-columns:minmax(0,1fr)}.keycaps{gap:12px}.keycap{--chip:44px;aspect-ratio:1;border-radius:24px;width:calc(33.3333vw - 24px);max-width:110px;height:auto;font-size:11px}}@media (prefers-reduced-motion:reduce){.orbitSpin,.orbitUpright,.orbitFlip{animation:none}}
