*,*:before,*:after{box-sizing:border-box}:where(html,body){height:100%}:where(body,h1,h2,h3,h4,p,figure,blockquote,dl,dd){margin:0}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(img,picture,video,canvas,svg){display:block;max-width:100%}:where(svg){fill:currentColor}:where(input,button,textarea,select){font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid #0a66ff;outline-offset:2px}html,body{overscroll-behavior:none;scroll-behavior:smooth}@supports (height: 100dvh){.use-dvh{min-height:100dvh}}@supports not (width: 100svw){.stage{width:100vw}.artboard{width:clamp(320px,100vw,1545px)}}:where(button,[role=button],.hotspot){-webkit-tap-highlight-color:transparent;touch-action:manipulation}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}.safe-pad{padding:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left)}.tooltip p{margin:0 0 8px}.tooltip p:last-child{margin-bottom:0}:root{--pad: 12px;--gap: 8px;--artboard-min-w: 320px;--artboard-max-w: 1545px;--artboard-aspect: 309/223;--artboard-aspect-num: 1.38565}html,body{height:100%;margin:0}body{background:#d6c095;background-image:url(../../header_bg.png)}@media screen and (max-width: 416px){.textcontainer{position:absolute;top:0;left:0;right:0}}.stage{position:relative;width:100svw;height:auto;min-height:100dvh;overflow:hidden;display:grid;place-items:start center;background-image:url(/assets/picture-DqeO-bEs.jpg);background-position:top center;background-repeat:no-repeat}.artboard{position:relative;width:100svw;aspect-ratio:var(--artboard-aspect);height:auto;min-width:320px;min-height:calc(320px * (1115 / 1545));z-index:1}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}#viewport-info{position:fixed;width:200px;margin-left:-100px;left:50%;top:100px;padding:6px 8px;font:12px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#222;background:#fffc;border:1px solid rgba(0,0,0,.1);border-radius:6px;box-shadow:0 2px 8px #00000026;z-index:9998}.hotspot{position:absolute;width:30px;height:30px;border-radius:50%;background:#00f;box-shadow:0 2px 8px #00000059;border:2px solid rgba(255,255,255,.9);transform:translate(-50%,-50%);pointer-events:auto;cursor:pointer;z-index:1000}.hotspot:focus-visible{outline:3px solid #fff}.hotspot{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.tooltip{position:fixed;max-width:min(320px,calc(100vw - 16px));max-height:calc(100dvh - 16px);padding:10px 12px;overflow-wrap:anywhere;-webkit-overflow-scrolling:touch;border-radius:10px;background:#222;color:#fff;box-shadow:0 18px 40px #00000059;font:14px/1.4 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;z-index:9999;visibility:hidden;opacity:0;transition:opacity .15s ease;overscroll-behavior:contain}.tooltip[data-open=true]{visibility:visible;opacity:1}.tooltip .tooltip-content{max-width:100%;text-align:left}.tooltip-content p{color:#fff;text-shadow:none;font-size:14px;text-align:left}.tooltip [data-arrow]{position:absolute;width:10px;height:10px;background:inherit;transform:rotate(45deg);box-shadow:0 2px 8px #00000040;text-align:left}#textcontainer{position:absolute;display:grid;grid-template-columns:1fr auto;column-gap:20px;align-items:center;margin:0 auto;width:80svw;height:auto;z-index:5;background:#ffffffe0;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);border:1px solid rgba(255,255,255,.9);border-top:0;border-radius:0 0 18px 18px;box-shadow:0 10px 30px #0000002e,0 2px 6px #00000014;padding:clamp(14px,2.2vw,24px) clamp(18px,3vw,36px);top:0;left:0;right:0}#textcontainer h1,#textcontainer p{grid-column:1}#textcontainer h1{color:#14143c;font-weight:800;letter-spacing:-.01em;line-height:1.1;text-shadow:none}#textcontainer h1:after{content:"";display:block;width:56px;height:4px;margin-top:10px;border-radius:2px;background:#00f}#textcontainer p{max-width:70ch;margin-bottom:0;color:#2b2b3a;line-height:1.5;text-shadow:none}h1{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:clamp(1.8rem,4vw,4rem);margin:0 0 var(--gap) 0;color:#222;text-align:left;text-shadow:0 1px 3px rgba(255,255,255,.75)}p{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:clamp(1rem,2.2vw,1.2rem);margin:0 0 var(--gap) 0;color:#222;text-align:left;text-shadow:0 1px 3px rgba(255,255,255,.75);text-wrap:pretty}@media (max-width: 820px),(max-height: 600px){.hotspot{width:clamp(16px,4vw,20px);height:clamp(16px,4vw,20px)}}.back-link{position:fixed;left:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:6;padding:8px 14px;font:500 1rem/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#222;background:#ffffff59;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);border-radius:999px;box-shadow:0 4px 6px #00000026}.back-link:hover{background:#ffffff8c}.page-logo{grid-column:2;grid-row:1 / span 2;align-self:center;justify-self:end;width:clamp(80px,14vw,180px);height:auto;pointer-events:none;-webkit-user-select:none;user-select:none}@media (max-width: 520px){#textcontainer{grid-template-columns:1fr}.page-logo{grid-column:1;grid-row:auto;justify-self:start;margin-top:4px}}.page-nav{position:fixed;top:50%;transform:translateY(-50%);z-index:6;display:grid;place-items:center;width:52px;height:52px;color:#00f;background:#fff;border:2px solid #0000ff;border-radius:999px;box-shadow:0 4px 12px #00000038;transition:background-color .15s ease,box-shadow .15s ease,transform .15s ease}.page-nav:before{content:"";width:14px;height:14px;border:solid currentColor;border-width:0 4px 4px 0}.page-nav.prev:before{transform:translate(2px) rotate(135deg)}.page-nav.next:before{transform:translate(-2px) rotate(-45deg)}.page-nav:hover{color:#fff;background:#00f;box-shadow:0 6px 16px #00000047}.page-nav.prev:hover{transform:translate(-2px,-50%)}.page-nav.next:hover{transform:translate(2px,-50%)}.page-nav:focus-visible{outline:3px solid #0000ff;outline-offset:3px}.page-nav.prev{left:calc(12px + env(safe-area-inset-left,0px))}.page-nav.next{right:calc(12px + env(safe-area-inset-right,0px))}@media (max-width: 520px){.page-nav{width:44px;height:44px}.page-nav:before{width:11px;height:11px;border-width:0 3px 3px 0}}@media (max-width: 640px){body{display:flex;flex-direction:column;height:auto;min-height:100dvh}.stage{min-height:0}#textcontainer{order:1;position:static;width:auto;margin:12px 12px calc(68px + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(255,255,255,.9);border-radius:18px}}@media (orientation: landscape) and (max-height: 500px){#textcontainer{top:calc(100svw / var(--artboard-aspect-num) * .6);left:calc(76px + env(safe-area-inset-left,0px));right:calc(76px + env(safe-area-inset-right,0px));width:auto;padding:10px 16px;border-top:1px solid rgba(255,255,255,.9);border-radius:14px}#textcontainer h1{font-size:1.25rem;margin-bottom:4px}#textcontainer h1:after{width:40px;height:3px;margin-top:6px}#textcontainer p{font-size:.95rem;line-height:1.4}.page-logo{width:72px}}