@font-face{font-family:Cormorant;src:url('assets/cormorant.ttf') format('truetype');font-weight:300 700;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#20191f;color:#f0e9e1;font-family:Arial,sans-serif}a{color:inherit}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #e1b5a6;outline-offset:6px}header{height:100px;padding:20px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #66505d66}.wordmark{font-family:Cormorant,Georgia,serif;font-size:37px;text-decoration:none;line-height:1}.wordmark span{display:block;font:9px Arial,sans-serif;letter-spacing:.19em;margin-top:9px}.header-link{font-size:13px;text-decoration:none;border-bottom:1px solid #b99d9d;padding-bottom:7px}.exhibition{position:relative;isolation:isolate;display:grid;grid-template-columns:33% 43% 24%;min-height:760px;padding:40px 5% 35px;overflow:hidden;background:radial-gradient(ellipse at 59% 49%,#59404c 0%,#362732 38%,#241c23 72%)}.ornament{position:absolute;z-index:-1;width:560px;height:650px;object-fit:contain;right:15%;top:30px;opacity:.13;filter:grayscale(1);pointer-events:none;transition:opacity .5s}.intro{padding-top:62px;position:relative;z-index:1;pointer-events:none}.issue,.section-label{font-size:10px;letter-spacing:.15em;color:#d2b9bd}.intro h1{font-family:Cormorant,Georgia,serif;font-size:clamp(55px,5.6vw,86px);font-weight:400;line-height:.92;letter-spacing:-.025em;margin:40px 0 28px}.intro em{font-style:normal;color:#d2b0a4;font-size:.8em}.lede{font-size:17px;line-height:1.6}.small{font-size:12px;color:#c5afb7;line-height:1.7;margin-top:32px}.stage{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center}model-viewer{width:140%;max-width:800px;height:640px;flex-shrink:0;--progress-bar-color:#e1b5a6;--poster-color:transparent;outline:none}.gesture{font-size:10px;color:#c5afb7;text-align:center;margin:0 0 16px}.controls{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;z-index:2}.controls button{background:transparent;border:1px solid #9b7b8b66;color:#ecdfdf;min-height:44px;padding:10px 13px;font-size:11px}.controls button:hover,.controls button[aria-pressed=true]{background:#d2b0a4;color:#261c24}.selection{padding-top:150px;z-index:2;padding-left:30px}.look{display:grid;grid-template-columns:25px 1fr;width:100%;text-align:left;background:none;color:#c2a9b4;border:0;border-bottom:1px solid #9d839333;padding:28px 0}.look>span{font-size:10px;padding-top:8px}.look strong{font:400 36px Cormorant,Georgia,serif}.look small{grid-column:2;font-size:11px;margin-top:7px}.look.active{color:#fff0e5}.look.active strong:after{content:' ↗';font-size:22px}.selection>p{font-size:11px;line-height:1.7;color:#c5afb7;margin-top:40px}.selection>a{display:inline-block;font-size:11px;margin-top:15px;text-underline-offset:7px}#loading{position:absolute;top:45%;font-size:12px;text-align:center;background:#281e28ed;padding:20px;pointer-events:none}#loading[hidden]{display:none}#loading span{display:block;width:28px;height:28px;border:1px solid #79616e;border-top-color:#f0e9e1;border-radius:50%;margin:0 auto 15px;animation:spin 1.2s linear infinite}.story{background:#ece8e2;color:#332631;padding:100px 9%}.story-heading{max-width:770px}.story .issue{color:#765663}.story h2{font:400 clamp(42px,5vw,68px) Cormorant,Georgia,serif;margin:20px 0}.story p{line-height:1.65;font-size:16px;max-width:70ch}.motifs{display:flex;flex-wrap:wrap;gap:12px;margin:40px 0}.motifs button{background:none;border:1px solid #8c6e79;padding:14px 20px;min-height:46px;color:#4a3542}.motifs button[aria-pressed=true]{background:#392735;color:#fff}.detail{border-top:1px solid #a6949c;padding-top:24px;display:grid;grid-template-columns:.65fr 1.35fr;gap:5vw}.detail h3{font:400 38px Cormorant,Georgia,serif;margin:0 0 12px}.detail h4{font-size:11px;letter-spacing:.08em;margin:27px 0 12px}.detail p{font-size:14px}.detail a{display:block;font-size:13px;margin-top:12px;text-underline-offset:4px}.detail .status{font-size:12px;color:#705361}footer{padding:35px 5%;display:flex;gap:30px;justify-content:space-between;align-items:center}footer p{font-size:11px;color:#c5afb7;line-height:1.7}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1000px){.exhibition{grid-template-columns:34% 66%;padding:30px 5%}.selection{grid-column:1/-1;display:flex;gap:20px;align-items:center;padding:25px 0}.selection .look{width:170px;flex-shrink:0}.selection>p{margin:0}.selection>a{display:none}.intro h1{font-size:65px}model-viewer{width:110%;height:580px}.exhibition{min-height:0}.selection .section-label{display:none}}@media(max-width:600px){header{height:85px}.wordmark{font-size:30px}.header-link{font-size:11px}.exhibition{display:flex;flex-direction:column;padding:0 6% 25px}.intro{padding-top:30px}.intro h1{font-size:56px;margin:22px 0 15px}.intro h1 br{display:none}.intro h1{max-width:320px}.intro h1 em{display:block}.lede{font-size:14px}.small{display:none}.stage{margin-top:-20px}model-viewer{width:100%;height:470px}.selection{display:flex;gap:18px;flex-wrap:wrap;padding-top:22px}.selection .look{width:calc(50% - 9px);padding:18px 0}.selection p{font-size:10px}.gesture{max-width:230px;line-height:1.6}.ornament{width:100%;height:500px;top:200px;right:0}.story{padding:60px 6%}.detail{grid-template-columns:1fr;gap:15px}.motifs button{flex:1 1 140px;font-size:12px}footer{display:block}footer p{margin-top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

@media(max-width:600px){.intro h1 br{display:block}.intro h1{font-size:51px;line-height:.96}.stage{margin-top:0}}
[hidden]{display:none!important}.alphabet-nav{margin-top:28px}.alphabet-nav h2{font:400 30px Cormorant,Georgia,serif;margin:0 0 14px}.alphabet-nav p{font-size:12px;line-height:1.6;color:#d5bdc7}.motif-choice{display:block;width:100%;text-align:left;color:#f0e9e1;background:none;border:0;border-bottom:1px solid #9d839355;padding:14px 0;min-height:46px;font-size:14px}.motif-choice:hover,.motif-choice[aria-pressed=true]{color:#edbda7}.hotspot{width:44px;height:44px;border-radius:50%;border:1px solid #f5e6db;background:#291e2cee;color:#fff0e5;position:relative;font-size:12px;--min-hotspot-opacity:0;transition:background .2s;box-shadow:0 0 0 4px #20191f44}.hotspot:not([data-visible]){visibility:hidden;pointer-events:none}.hotspot:hover,.hotspot[aria-pressed=true]{background:#f1c3ac;color:#20191f}.hotspot-tooltip{position:absolute;left:50%;bottom:54px;transform:translateX(-50%);display:none;width:230px;padding:14px;background:#f6f2ee;color:#332631;text-align:left;font-size:12px;line-height:1.5;pointer-events:none}.hotspot:hover .hotspot-tooltip,.hotspot:focus-visible .hotspot-tooltip{display:block}#motif-dialog{width:min(960px,92vw);max-height:min(82vh,760px);overflow:auto;border:1px solid #a88f9b;background:#f6f2ee;color:#332631;padding:28px;margin:auto}#motif-dialog::backdrop{background:#160d17b8}#close-card{display:block;margin:0 0 24px auto;border:1px solid #856571;background:none;color:#332631;min-height:44px;padding:10px 16px}#motif-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px}#motif-card h3{font:400 42px Cormorant,Georgia,serif;margin:0 0 12px}#motif-card h4{font-size:13px;margin-top:26px}#motif-card p{font-size:14px;line-height:1.65}#motif-card .status,#motif-card figcaption{font-size:12px;line-height:1.6;color:#705361}#motif-card figure{margin:24px 0 0}#motif-card img{width:100%;height:260px;object-fit:contain;background:#e8e2dc}#motif-card a{display:block;color:#553747;font-size:13px;line-height:1.6;margin:14px 0;text-underline-offset:3px;overflow-wrap:anywhere}.embedded-exhibit header,.embedded-exhibit .intro{display:none}.embedded-exhibit .exhibition{grid-template-columns:minmax(0,1fr) 310px;padding:36px 8%;min-height:740px}.embedded-exhibit model-viewer{width:100%;max-width:none;height:670px}.embedded-exhibit .selection{padding-top:28px}.embedded-exhibit .selection>p{margin-top:20px}.embedded-exhibit .ornament{right:30%;width:600px}.selection{padding-top:50px}@media(max-width:1000px){.embedded-exhibit .exhibition{grid-template-columns:minmax(0,1fr) 260px;padding:30px 5%}.embedded-exhibit .selection{grid-column:auto;display:block;padding:20px 0 0 20px}.embedded-exhibit .selection .look{width:100%}.selection .alphabet-nav{flex-basis:100%}.selection{flex-wrap:wrap}}@media(max-width:640px){.embedded-exhibit .exhibition{display:flex;padding:0 6% 24px}.embedded-exhibit model-viewer{height:480px}.embedded-exhibit .selection{display:flex;padding:24px 0 0;gap:18px}.embedded-exhibit .selection .look{width:calc(50% - 9px)}.embedded-exhibit .ornament{right:0;top:0;width:100%}.alphabet-nav{width:100%;margin-top:4px}#scene-motifs{display:flex;flex-wrap:wrap;gap:8px}.motif-choice{width:auto;flex:1 1 140px;padding:12px 6px;font-size:13px;border:1px solid #9d839366}#motif-dialog{padding:20px;max-height:86vh}#motif-card{display:block}#motif-card h3{font-size:35px}#motif-card img{height:180px}.hotspot-tooltip{width:180px}.selection{padding-top:24px}}@media(prefers-reduced-motion:reduce){.hotspot{transition:none}}
#motif-card .source-window{position:relative;overflow:hidden;background:#e8e2dc;max-height:300px}#motif-card .source-window img{position:absolute;max-width:none;height:auto;object-fit:initial}#motif-card figcaption{margin-top:12px}
#motif-card .source-window{max-height:none;width:100%;margin:0 auto}
#motif-dialog{top:24px;bottom:auto;margin:0 auto;max-height:min(80vh,760px)}#motif-card .source-window img{opacity:0}#motif-card .source-window img.source-ready{opacity:1}@media(max-width:640px){#motif-dialog{max-height:min(80vh,620px)}}

.loading-photo{position:absolute;z-index:1;left:50%;top:0;transform:translateX(-50%);width:140%;max-width:800px;height:640px;object-fit:contain;background:#2b202a;opacity:0;visibility:hidden;transition:opacity .35s ease;pointer-events:none}.is-loading .loading-photo{opacity:1;visibility:visible}.is-loading model-viewer{visibility:hidden}.is-loading .hotspot{visibility:hidden!important}.controls button:disabled{opacity:.45;cursor:wait}#loading{top:auto;bottom:90px;z-index:2;padding:9px 14px;font-size:11px;background:#281e28cc}.embedded-exhibit .loading-photo{height:670px;width:100%;max-width:none}@media(max-width:1000px){.loading-photo{height:580px;width:110%}}@media(max-width:600px){.loading-photo{height:470px;width:100%}}@media(max-width:640px){.embedded-exhibit .loading-photo{height:480px}}@media(prefers-reduced-motion:reduce){.loading-photo{transition:none}}

.photo-points{position:absolute;inset:0;z-index:3;pointer-events:none}.stage:not(.is-loading) .photo-points{display:none}.photo-point{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;border:1px solid #f7e7db;background:#291e2ce8;color:#fff0e5;font-size:12px;pointer-events:auto;cursor:pointer}.photo-point:hover,.photo-point[aria-pressed=true]{background:#f1c3ac;color:#20191f}.photo-hint{display:none;position:absolute;bottom:54px;left:50%;transform:translateX(-50%);padding:10px;background:#f6f2ee;color:#332631;white-space:nowrap;font-size:12px;pointer-events:none}.photo-point:hover .photo-hint,.photo-point:focus-visible .photo-hint{display:block}.is-loading .gesture{font-size:0}.is-loading .gesture:after{content:'Нажмите на метку на фото, чтобы прочитать узор';font-size:11px}

.is-loading[data-people=nivkh] .gesture:after{content:'Фотографическая визуализация выбранного образа'}

.presentation{display:flex;justify-content:center;gap:8px;margin:0 0 10px;z-index:4}.presentation button{min-height:44px;background:none;color:#f0e9e1;border:1px solid #9b7b8b66;padding:9px 14px;font-size:12px}.presentation button[aria-pressed=true]{background:#d2b0a4;color:#261c24}.photo-mode model-viewer{visibility:hidden}.photo-mode .loading-photo{opacity:1;visibility:visible}.stage.photo-mode .photo-points{display:block}.photo-mode #loading{display:none}#nivkh-photo{position:absolute;left:0;top:0;width:100%;height:640px;z-index:3}#nivkh-photo[hidden]{display:none!important}.stage:not(.is-loading):not(.photo-mode) #nivkh-photo{display:none}.stage[data-people=nivkh] .loading-photo{visibility:hidden}.embedded-exhibit #nivkh-photo{height:670px}.photo-mode .gesture{font-size:0}.photo-mode .gesture:after{content:'Нажмите на подпись или выделенную зону';font-size:11px}.is-loading[data-people=nivkh] .gesture:after{content:'Нажмите на подпись или выделенную зону'}@media(max-width:1000px){#nivkh-photo{height:580px}}@media(max-width:600px){#nivkh-photo{height:470px}}@media(max-width:640px){.embedded-exhibit #nivkh-photo{height:480px}}

.is-loading[data-people^=komi_] .gesture:after,.photo-mode[data-people^=komi_] .gesture:after{content:'Авторский эскиз образа';font-size:11px}

.is-loading[data-people^=komi_] .gesture:after,.photo-mode[data-people^=komi_] .gesture:after{content:'Нажмите на метку, чтобы прочитать узор';font-size:11px}
