@font-face{font-family:Exhibit;src:url(/builderclub/fonts/manrope-cyrillic.woff2) format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:Exhibit;src:url(/builderclub/fonts/manrope-latin.woff2) format("woff2");font-weight:200 800;font-display:swap;unicode-range:U+0000-00FF}:root{--ground:#e7e8e3;--ink:#15171a;--dim:#555d60;--signal:#c84608;--line:#bec2bb;--paper:#f4f4f0}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-family:Exhibit,Arial,sans-serif;overflow:hidden}::selection{background:var(--signal);color:#fff}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--signal);outline-offset:5px}button:disabled{opacity:.3;cursor:default}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}main{height:100svh;min-height:500px;position:relative}#scene{position:absolute;top:0;right:0;bottom:0;left:0}canvas{display:block}header{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;padding:30px 42px;gap:60px;z-index:2}.brand{color:var(--ink);font-size:17px;font-weight:800;line-height:1.1;letter-spacing:-.035em;text-decoration:none;position:relative;padding-right:27px}.brand-mark{position:absolute;right:0;bottom:2px;width:14px;height:30px;background:var(--signal)}.edition{font-size:12px;line-height:1.7}.edition span{color:var(--dim)}.quiet{margin-left:auto;display:flex;align-items:center;gap:14px;font-size:12px}.quiet:hover{color:var(--signal)}#story{position:absolute;top:25%;left:6%;width:35%;max-width:510px;z-index:1;transition:opacity .24s,transform .4s}#story.changing{opacity:0;transform:translateY(10px)}h1{font-size:clamp(32px,4.3vw,68px);line-height:1.08;letter-spacing:-.04em;font-weight:750;margin:0 0 26px;text-wrap:balance}.description{font-size:clamp(15px,1.25vw,19px);line-height:1.65;color:#444c4d;margin:0 0 24px;max-width:32ch}.primary{background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:36px;padding:17px 20px;font-size:13px;min-width:216px;transition:background .2s}.primary:hover{background:var(--signal)}.caption{font-size:10px;color:var(--dim);margin:17px 0 0;max-width:38ch;line-height:1.5}#detail{font-size:13px;line-height:1.6;max-width:32ch;color:var(--dim)}#detail:not(:empty){padding:0 0 22px}#detail strong{color:var(--signal);font-size:clamp(32px,4vw,56px);font-weight:750;display:block;letter-spacing:-.04em;line-height:1.15;margin-bottom:8px}#object-caption{position:absolute;right:8%;bottom:21%;display:flex;flex-direction:column;gap:9px;max-width:320px;pointer-events:none}#object-no{font-size:10px;letter-spacing:.14em;color:var(--signal);font-weight:750}#object-name{font-size:13px;color:var(--dim)}#help{position:absolute;right:42px;top:125px;font-size:10px;color:var(--dim);line-height:1.8;text-align:right}footer{position:absolute;bottom:24px;left:42px;right:42px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;gap:20px}nav{display:flex;gap:30px}nav button{display:flex;gap:10px;align-items:center;padding:12px 0;font-size:12px;color:var(--dim);position:relative}nav button span{font-size:10px;font-variant-numeric:tabular-nums}nav button[aria-current]{color:var(--ink);font-weight:800}nav button[aria-current]:before{content:"";position:absolute;top:-19px;height:3px;width:100%;background:var(--signal)}.playback{display:flex;align-items:center;gap:15px}.playback button{display:flex;align-items:center;gap:8px;font-size:12px;padding:8px}.playback button:hover,#autoplay[aria-pressed=true]{color:var(--signal)}#progress{position:absolute;bottom:0;left:0;width:0;height:3px;background:var(--signal)}#loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--ground);z-index:5;font-size:16px;transition:opacity .4s}#loading.ready{opacity:0;pointer-events:none}@media (min-width:1500px){#story{top:27%}}@media (max-width:900px){header{padding:24px;gap:28px}.edition{display:none}#story{left:6%;width:42%}h1{font-size:38px}#help{right:24px}footer{left:24px;right:24px}nav{gap:18px}.playback{gap:4px}.playback #autoplay span{display:none}#object-caption{right:5%;bottom:20%;max-width:220px}}@media (max-width:600px){main{min-height:580px}header{padding:20px}.brand{font-size:14px}.quiet{font-size:11px}#help{display:none}#story{top:115px;left:24px;width:calc(100% - 48px);max-width:none}h1{font-size:36px;margin-bottom:15px}h1 br{display:none}.description{font-size:14px;line-height:1.5;max-width:34ch;margin-bottom:14px}.description br{display:none}.primary{padding:12px 15px;font-size:12px;min-width:190px}.caption{font-size:9px;margin-top:10px}#detail{font-size:11px;position:absolute;top:85px;right:0;width:105px;line-height:1.45}#detail strong{font-size:29px}body[data-stop]:not([data-stop="0"]) .description{max-width:calc(100% - 125px)}body[data-stop]:not([data-stop="0"]) h1{font-size:31px;max-width:95%}footer{bottom:15px;left:20px;right:20px;flex-wrap:wrap;gap:5px;padding-top:8px}nav{justify-content:space-between;width:100%;gap:8px}nav button{font-size:10px;gap:5px;padding:11px 0}nav button[aria-current]:before{top:-9px}.playback{width:100%;justify-content:flex-end}.playback #autoplay{margin-right:auto}.playback #autoplay span{display:inline}#object-caption{bottom:145px;right:24px;max-width:240px;gap:5px}#object-name{font-size:10px}#object-no{font-size:9px}}main:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#e7e8e3fa,#e7e8e3f0,#e7e8e300 52%)}footer,#help,#object-caption{z-index:2}body[data-stop]:not([data-stop="0"]) #story{top:21%}body[data-stop]:not([data-stop="0"]) h1{font-size:clamp(32px,3.55vw,53px)}#detail strong{font-size:clamp(32px,3.2vw,46px)}#detail strong span{font-size:.68em}@media (max-height:790px) and (min-width:601px){body[data-stop]:not([data-stop="0"]) #story{top:18%}h1{margin-bottom:18px}body[data-stop]:not([data-stop="0"]) h1{font-size:39px}.description{font-size:15px;margin-bottom:14px}#detail:not(:empty){padding-bottom:16px}#detail strong{font-size:36px}.caption{margin-top:12px}}@media (max-width:600px){main:before{background:linear-gradient(180deg,#e7e8e3,#e7e8e3f5 31%,#e7e8e300 49%)}h1{font-size:34px}body[data-stop]:not([data-stop="0"]) #story{top:115px}body[data-stop]:not([data-stop="0"]) h1{font-size:31px}#detail strong{font-size:29px}#detail strong span{font-size:17px;display:block}#detail{width:112px}body[data-stop]:not([data-stop="0"]) .description{max-width:calc(100% - 130px)}}@media (prefers-reduced-motion:reduce){#story,#loading{transition:none}}main:before{transition:opacity .7s}#object-caption{transition:opacity .5s}body.flying main:before,body.flying #story,body.flying #object-caption{opacity:0;pointer-events:none}header{background:linear-gradient(180deg,#e7e8e3f2,#e7e8e300)}footer{background:#e7e8e3f0;padding:14px 18px 8px;left:24px;right:24px;bottom:16px}#object-caption{background:#e7e8e3eb;padding:12px 16px}#help{background:#e7e8e3e6;padding:8px 12px}@media (max-width:600px){footer{left:8px;right:8px;padding:8px 12px;bottom:8px}#object-caption{padding:8px 10px;bottom:145px}}#open-material{display:block;font-size:12px;text-decoration:underline;text-underline-offset:5px;margin-top:16px;padding:4px 0}#open-material[hidden]{display:none}#pairing{max-width:370px;width:calc(100% - 32px);border:0;padding:24px;background:#f4f4f0;color:#15171a}#pairing::backdrop{background:#15171aaa}#pairing h2{font-size:24px}#pairing p{font-size:13px;line-height:1.5}#pairing canvas{display:block;margin:auto;max-width:100%;height:auto}#pairing a{color:#b53e08}#pair-close{padding:12px 20px;background:#15171a;color:#fff}#pairing button:focus-visible{outline:2px solid #c84608}header{gap:30px}@media (max-width:600px){#pair-phone{margin-left:0!important;font-size:10px!important}header{gap:10px}}#exhibit-reader{width:calc(100vw - 56px);height:calc(100svh - 56px);max-width:1600px;max-height:none;border:0;background:#f4f4f0;color:#15171a;padding:0;box-shadow:0 24px 90px #0006;overflow:auto;font-family:Exhibit,Arial,sans-serif}#exhibit-reader::backdrop{background:#15171abc}.reader-top,.reader-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 26px;border-bottom:1px solid #c9cbc4}.reader-top{font-size:13px}.reader-top button{padding:10px}.reader-top button span{font-size:23px;margin-left:15px}.reader-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;min-height:calc(100% - 153px)}.reader-image{display:flex;align-items:center;justify-content:center;background:#d9dcd5;overflow:auto;padding:24px}.reader-image img{width:100%;height:auto;max-height:calc(100svh - 245px);object-fit:contain}.reader-copy{padding:32px 26px;align-self:center}.reader-copy h2{font-size:28px;line-height:1.15;letter-spacing:-.03em;margin:22px 0}.reader-copy p{font-size:14px;line-height:1.65}.reader-copy #reader-note{font-size:12px;color:#555d60;padding-top:14px;border-top:1px solid #c9cbc4}.reader-copy a{color:#b53e08;font-size:13px;text-underline-offset:4px}.reader-copy button{display:block;margin-top:24px;border:1px solid #15171a;padding:11px 15px;font-size:12px}#reader-count{font-size:12px;color:#555d60}.reader-bottom{border-bottom:0;border-top:1px solid #c9cbc4;font-size:13px}.reader-bottom button{padding:10px}.zoomed .reader-image{display:block;max-height:calc(100svh - 210px)}.zoomed .reader-image img{width:1600px;max-width:none;max-height:none}.reading main{pointer-events:none}@media (max-width:700px){#exhibit-reader{width:calc(100vw - 16px);height:calc(100svh - 24px)}.reader-layout{grid-template-columns:1fr;min-height:0}.reader-top,.reader-bottom{padding:10px 12px;font-size:11px}.reader-image{padding:10px;min-height:210px}.reader-image img{max-height:42svh}.reader-copy{padding:18px 22px}.reader-copy h2{font-size:25px;margin:12px 0}.reader-copy p{font-size:13px}.reader-copy button{margin-top:16px}#open-material{font-size:11px;margin-top:10px}.zoomed .reader-image{max-height:50svh}}#building-photos{position:absolute;z-index:3;top:110px;bottom:115px;left:30%;right:32px;display:flex;flex-direction:column;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .6s,visibility .6s}body.has-gallery:not(.flying) #building-photos{visibility:visible;opacity:1;pointer-events:auto}.photo-stage{position:relative;min-height:0;flex:1;background:#d5d8d2;display:flex;justify-content:center;overflow:hidden}.photo-stage>img{width:100%;height:100%;object-fit:contain;display:block}.photo-stage button{position:absolute;top:calc(50% - 24px);width:44px;height:48px;background:#f4f4f0eb;font-size:24px}.photo-back{left:12px}.photo-forward{right:12px}.photo-strip{display:flex;align-items:center;gap:20px;min-height:76px;background:#f4f4f0;padding:12px 18px}.photo-label{display:flex;flex-direction:column;gap:6px;font-size:12px;min-width:160px}#photo-count{font-size:10px;color:#555d60;font-variant-numeric:tabular-nums}.photo-thumbs{display:flex;gap:8px;margin-left:auto}.photo-thumbs button{padding:0;border:2px solid transparent;width:54px;height:43px;opacity:.55}.photo-thumbs img{width:100%;height:100%;object-fit:cover}.photo-thumbs button[aria-pressed=true]{border-color:var(--signal);opacity:1}#photo-play{font-size:11px;padding:10px;border:1px solid #bbc0b8;min-width:90px}body.has-gallery:not(.flying) #scene{opacity:.1}#scene{transition:opacity .7s}body.has-gallery #story{left:3%;width:24%;top:20%}body.has-gallery #story h1{font-size:clamp(26px,2.5vw,40px)}body.has-gallery .description{font-size:15px}body.has-gallery #detail{font-size:12px}body.has-gallery #detail strong{font-size:38px}body.has-gallery #help,body.has-gallery #object-caption{display:none}@media (max-width:1000px) and (min-width:601px){.photo-strip{gap:8px;padding:10px}.photo-label{min-width:0;font-size:10px}.photo-thumbs button{width:38px;height:34px}.photo-thumbs{gap:4px}#photo-play{min-width:70px;font-size:10px}body.has-gallery #story h1{font-size:26px}body.has-gallery .description{font-size:13px}body.has-gallery .primary{min-width:0;width:100%;padding:12px;gap:12px}}@media (max-width:600px){body.has-gallery #story{top:88px;left:20px;width:calc(100% - 40px)}body.has-gallery #story h1{font-size:25px;max-width:100%;margin-bottom:8px}body.has-gallery .description{font-size:12px;max-width:calc(100% - 98px);margin-bottom:8px}body.has-gallery #detail{top:66px;width:86px;font-size:10px;max-height:100px;overflow:auto}body.has-gallery #detail strong{font-size:28px;margin-bottom:3px}body.has-gallery .primary{padding:8px 12px;min-width:160px;font-size:11px}body.has-gallery .caption{font-size:8px;margin-top:6px}#building-photos{top:310px;bottom:118px;left:12px;right:12px}.photo-strip{padding:8px;gap:6px;min-height:63px}.photo-label{font-size:9px;min-width:0;flex:1}#photo-count{font-size:9px}.photo-thumbs{gap:4px}.photo-thumbs button{width:33px;height:34px}#photo-play{font-size:9px;min-width:63px;padding:9px 5px}.photo-stage button{width:32px;height:42px}.photo-back{left:5px}.photo-forward{right:5px}}@media (prefers-reduced-motion:reduce){#building-photos,#scene{transition:none}}body.slide-full #story{display:none}body.slide-full #building-photos{left:4%;right:4%;top:105px}body.slide-full .photo-stage{background:transparent}body.slide-full .photo-strip{min-height:48px;padding:6px 16px}body.slide-full .photo-thumbs{display:none}body.slide-full .photo-credit{font-size:10px}body.slide-contact .photo-stage{background:#fff}body.slide-contact .photo-stage>img{padding:20px}body.slide-contact .photo-thumbs,body.slide-contact .photo-forward{display:none}.telegram-link{font-size:32px;color:var(--signal);text-underline-offset:6px}footer nav{gap:20px;scrollbar-width:thin;max-width:calc(100% - 180px)}body[data-stage^="@"] #caption:after{content:" · Условная 3D-модель"}@media (max-width:600px){body.slide-full #building-photos{top:90px;left:8px;right:8px}footer nav{max-width:100%}body.slide-contact #building-photos{top:350px}.telegram-link{font-size:21px}}.photo-credit{display:flex;justify-content:space-between;gap:12px;padding:8px 18px;background:#f4f4f0;color:#454c4e;font-size:11px;line-height:1.4}.photo-credit a{color:inherit;flex-shrink:0;text-underline-offset:3px}.photo-credit a[hidden]{display:none}.photo-stage button:disabled{opacity:.3;cursor:default}.photo-thumbs button:focus-visible,.photo-stage button:focus-visible{outline:2px solid var(--signal);outline-offset:3px}body.has-gallery #open-material{display:none}footer nav{min-width:0;overflow-x:auto}footer nav button{flex-shrink:0}@media (max-width:600px){.photo-credit{padding:5px 8px;font-size:9px}footer nav{width:100%}.photo-strip{gap:5px}.photo-label{overflow-wrap:anywhere}}@media (max-width:600px){body.has-gallery:not(.flying) #story{top:88px}body.has-gallery #detail{max-height:none;overflow:visible;font-size:9px;line-height:1.3;width:94px}body.has-gallery .description{max-width:calc(100% - 108px)}}