.perspective-encounter{color:#f1eadb;background:#122638;border:1px solid #82998f88;min-width:0;margin-block:16px;padding:clamp(16px,3vw,30px)}.perspective-encounter *{box-sizing:border-box}.perspective-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.perspective-heading h2{max-width:650px;margin:8px 0 16px;font:400 clamp(25px,3vw,37px)/1.2 Georgia,serif}.perspective-encounter p{color:#e1e4e4;line-height:1.65}.perspective-encounter :is(button,a,summary){min-height:44px}.perspective-encounter button{color:#f1eadb;font:inherit;cursor:pointer;background:#193242;border:1px solid #82998f;border-radius:3px;padding:9px 13px}.perspective-encounter button:hover:not(:disabled),.perspective-encounter button[aria-pressed=true]{color:#102b29;background:#b7e3ce}.perspective-encounter button:disabled{opacity:.5;cursor:default}.perspective-encounter :is(button,a,summary):focus-visible,.perspective-heading h2:focus{outline-offset:4px;outline:2px solid #eed8b5}.perspective-scenes,.perspective-controls{flex-wrap:wrap;gap:8px;margin-block:12px;display:flex}.perspective-composition{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(16px,3vw,32px);display:grid}.perspective-drawing{min-width:0;padding:12px 0}.perspective-encounter figure{margin:0}.perspective-cube{max-width:340px;margin-inline:auto!important}.perspective-cube svg{width:100%;height:auto;max-height:210px;display:block}.perspective-encounter figcaption{color:#e1e4e4;text-align:center;font:13px/1.5 system-ui,sans-serif}.perspective-originals{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.perspective-original svg{width:100%;height:auto;max-height:155px;display:block}.perspective-original figcaption span,.perspective-original figcaption strong{display:block}.perspective-joe{align-items:center;gap:16px;display:flex}.perspective-joe>svg{flex:0 0 74px;width:74px;height:100px}.perspective-joe p{font:20px/1.45 Georgia,serif}.perspective-joe small{color:#b7e3ce;margin-top:8px;font:12px/1.6 system-ui,sans-serif;display:block}.perspective-reading .perspective-spell{color:#eed8b5;font:21px/1.5 Georgia,serif}.perspective-destinations{border-top:1px solid #82998f66;flex-wrap:wrap;gap:10px 20px;margin-top:16px;padding-top:15px;display:flex}.perspective-destinations a{color:#b7e3ce;text-underline-offset:4px;align-items:center;gap:8px;display:flex}.perspective-destinations img{object-fit:contain;width:44px;height:38px}.perspective-destinations a>span{font-size:30px}.perspective-philosophy{margin-top:12px;font-size:14px}.perspective-philosophy summary{cursor:pointer;color:#c4b5dd;align-content:center}.perspective-philosophy svg{width:min(100%,330px);height:auto;display:block}.perspective-philosophy p{max-width:70ch}@media (width<=680px){.perspective-composition{grid-template-columns:minmax(0,1fr);gap:4px}.perspective-heading{gap:8px}.perspective-heading h2{font-size:27px}.perspective-cube svg{max-height:150px}.perspective-original svg{max-height:105px}.perspective-joe>svg{flex-basis:58px;width:58px;height:76px}.perspective-destinations{flex-direction:column}}.perspective-encounter .perspective-scenes,.perspective-encounter .perspective-destinations{grid-template-columns:none;display:flex}.perspective-encounter .perspective-scenes button{font-size:inherit;background:#193242;border-radius:3px;flex-direction:row;align-items:center;padding:9px 13px;display:inline-flex}.perspective-encounter .perspective-scenes button[aria-pressed=true]{color:#102b29;background:#b7e3ce}.perspective-encounter .perspective-destinations img{width:44px;height:38px}.perspective-encounter .perspective-philosophy summary{color:#c4b5dd;align-content:center;min-height:44px;display:list-item}.perspective-encounter .perspective-inscription{color:#eed8b5;text-align:center;max-width:34ch;margin:0 auto 16px;font:italic 18px/1.5 Georgia,serif}.perspective-encounter .perspective-heading h2{scroll-margin-top:100px}