:root{--page-max:1484px;--focus:#6b2ca0}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;max-width:100%;overflow-x:hidden;background:#f8f5ef;font-family:Arial,Helvetica,sans-serif}
body{display:flex;justify-content:center}
.site-shell{position:relative;width:min(100%,var(--page-max));line-height:0;background:#fff;box-shadow:0 0 28px rgba(0,0,0,.10)}
.page-art{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}
.hotspot{position:absolute;display:block;z-index:10;border-radius:10px;line-height:normal;color:transparent;text-decoration:none;outline:none}
.hotspot:focus-visible{box-shadow:0 0 0 4px rgba(107,44,160,.35);background:rgba(255,255,255,.12)}
.nav-home{left:34.7%;top:1.832%;width:6%;height:4.382%}
.nav-about{left:40.9%;top:1.832%;width:11.5%;height:4.382%}
.nav-activities{left:52.2%;top:1.832%;width:8.2%;height:4.382%}
.nav-author{left:60.8%;top:1.832%;width:6.4%;height:4.382%}
.nav-reviews{left:67.2%;top:1.832%;width:7.5%;height:4.382%}
.nav-contact{left:74.4%;top:1.832%;width:7.2%;height:4.382%}
.nav-buy{left:83.7%;top:1.624%;width:10.8%;height:4.695%}
.mail-link{position:absolute;z-index:12;display:block;line-height:normal;color:transparent}
.contact-form{position:absolute;z-index:11;left:39.3%;top:45.961%;width:32.5%;height:31.818%;line-height:normal}
.contact-form input,.contact-form select,.contact-form textarea{position:absolute;width:100%;border:0;background:rgba(255,255,255,.03);color:#222;font:inherit;padding:10px 14px;outline:none;border-radius:8px}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{box-shadow:0 0 0 3px rgba(107,44,160,.25);background:rgba(255,255,255,.78)}
.contact-form .name{left:0;top:0;width:47%;height:11%}.contact-form .email{right:0;top:0;width:47%;height:11%}
.contact-form .org{left:0;top:14%;height:11%}.contact-form .subject{left:0;top:28%;height:11%}.contact-form .message{left:0;top:42%;height:29%;resize:none}
.contact-form button{position:absolute;left:29%;top:77%;width:42%;height:12%;border:0;border-radius:999px;background:transparent;color:transparent;cursor:pointer}
.contact-form button:focus-visible{box-shadow:0 0 0 4px rgba(107,44,160,.35)}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;background:#2c153d;color:#fff;padding:12px 18px;border-radius:999px;font:600 15px/1.2 Arial,sans-serif;transition:.2s;z-index:99}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:760px){
 body{display:block}
 .site-shell{width:100%;max-width:100%;overflow:hidden;box-shadow:none}
 .page-art{width:100%;min-width:0;height:auto}
 .hotspot,.contact-form,.mail-link{min-width:0;touch-action:manipulation}
 .hotspot:focus-visible{box-shadow:inset 0 0 0 3px rgba(107,44,160,.65)}
 .contact-form{position:relative!important;left:auto!important;top:auto!important;width:calc(100% - 28px)!important;height:auto!important;margin:14px;padding:18px;display:grid!important;gap:12px!important;border-radius:18px;background:#fff8ed;box-shadow:0 5px 20px rgba(47,41,37,.14)}
 .contact-form input,.contact-form select,.contact-form textarea,.contact-form button{position:static!important;width:100%!important;height:auto!important;min-height:48px!important;color:#2f2925!important;background:#fff!important;border:2px solid #614b3d!important}
 .contact-form textarea{min-height:130px!important;resize:vertical!important}
 .contact-form button{background:#db735c!important;color:#fff!important;border:0!important;font-weight:700!important}
}
@media(prefers-reduced-motion:reduce){.toast{transition:none}}