.s1{--h1:clamp(2.3rem, 5.6vw, 5.6rem);--stage-w:min(calc(100cqw - 8vw), calc((100svh - 3rem) * 2.249));grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;min-height:100svh;padding-block:5rem 2.4rem;display:grid;position:relative;container-type:inline-size}.s1 .kicker{width:var(--stage-w);color:var(--muted);justify-content:space-between;gap:1rem;margin-bottom:.8rem;display:flex}.s1 .kicker b{color:var(--fg);font-weight:500}.stage{width:var(--stage-w);aspect-ratio:2200/978;background:var(--bg-2);position:relative}.stage img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.stage .focus,.stage .shade,.cur{display:none}.js .stage .focus,.js .stage .shade,.js .cur{display:block}.stage .shade{pointer-events:none;--r:9%;background:radial-gradient(ellipse calc(var(--r) * 1.1) calc(var(--r) * 2.6) at 50.4% 57%, transparent 55%, #0b0b0c99 100%);position:absolute;inset:0}.s1:before{content:"";pointer-events:none;background:conic-gradient(from 180deg at 50% 0,#0000 160deg,#f2a9000f 172deg,#f2a9001a 180deg,#f2a9000f 188deg,#0000 200deg);width:70vw;height:88%;position:absolute;top:-8%;left:50%;translate:-50%}.cur{background:var(--bg);z-index:2;pointer-events:none;width:50.5%;position:absolute;top:-1px;bottom:-1px}.cur.l{transform-origin:0;left:0}.cur.r{transform-origin:100%;right:0}.s1 h1{width:var(--stage-w);white-space:nowrap;font:900 min(var(--h1), calc(var(--stage-w) / 14)) / .9 var(--display);letter-spacing:-.01em;text-transform:uppercase;margin:1.4rem 0 0;font-stretch:125%}.s1 h1 span{display:block}.s1 h1 .two{color:#0000;-webkit-text-stroke:1.5px var(--fg);margin-top:.08em}.s1 .sub{width:var(--stage-w);color:var(--muted);justify-content:space-between;gap:1rem;margin-top:1rem;display:flex}.scroll-hint{align-items:center;gap:.6rem;display:flex}.scroll-hint i{background:linear-gradient(var(--fg), transparent);transform-origin:top;width:1px;height:1.6rem;animation:1.8s ease-in-out infinite hint}@keyframes hint{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.s2{background:radial-gradient(70% 60% at 30% 50%, #17171a, var(--bg));height:100svh;position:relative;overflow:hidden}.scene{padding-left:max(var(--gl), 4vw);padding-right:max(var(--gr), 4vw);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:4vw;padding-top:3rem;display:grid;position:absolute;inset:0}.js .scene+.scene{opacity:0;visibility:hidden}.scene .big{font:900 clamp(6rem, 14vw, 15rem) / .8 var(--display);letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap;font-stretch:118%}.scene .big small{color:var(--amber);vertical-align:.95em;margin-right:.04em;font-size:.4em;font-stretch:100%}.scene .lbl{font:600 clamp(1.05rem, 1.7vw, 1.45rem) / 1.3 var(--display);max-width:24ch;color:var(--fg);margin:1.4rem 0 0}.scene .ix{color:var(--amber);margin-bottom:1.4rem;display:block}.ev{min-width:0}.ev .cap{color:var(--muted);margin:0 0 1rem}.ruler{height:4.8rem;position:relative}.ruler .ticks{justify-content:space-between;height:1.2rem;display:flex;position:absolute;inset:0 0 auto}.ruler .ticks i{background:var(--line);width:1px}.ruler .ticks i:nth-child(5n+1){background:var(--muted)}.ruler .roles{gap:3px;height:1.6rem;display:flex;position:absolute;top:1.8rem;left:0;right:0}.ruler .roles span{flex:var(--y) 1 0;background:var(--fg);transform-origin:0}.ruler .roles span.k{background:var(--amber)}.ruler .nums{color:var(--dim);justify-content:space-between;display:flex;position:absolute;top:3.8rem;left:0;right:0}.dots{width:100%;height:auto;display:block}.clist{columns:3 9rem;column-gap:1.6rem;margin:0;padding:0;list-style:none}.clist li{border-bottom:1px solid var(--line);color:#f3f0ea2e;font:500 .82rem/1.3 var(--mono);letter-spacing:.04em;break-inside:avoid;padding:.3rem 0;transition:color .45s}.clist li.on{color:var(--fg)}.clist li.now{color:var(--amber);transition:none}.slides{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:1rem .8rem;display:grid}.slides figure{grid-column:span 2;margin:0}.slides figure:nth-child(4){grid-column:2/span 2}.slides img{width:100%;height:auto;box-shadow:0 0 0 1px var(--line);border-radius:2px}.slides figcaption{font:500 .7rem/1.3 var(--mono);color:var(--muted);margin-top:.5rem}.s2 .ticks2{left:max(var(--gl), 4vw);gap:.5rem;display:flex;position:absolute;bottom:2rem}.s2 .ticks2 i{background:var(--line);width:2.2rem;height:2px;transition:background .3s}.s2 .ticks2 i.on{background:var(--amber)}.s3{position:relative}.s3 .head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem 2rem;padding-block:5.5rem 1rem;display:flex}.viewer{height:100svh;padding:5.4rem max(var(--gr), 3.5vw) 2.6rem max(var(--gl), 3.5vw);isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(15rem,19rem);gap:clamp(1.5rem,3.5vw,4rem);display:grid;position:relative;overflow:hidden}.amb{z-index:-1;pointer-events:none;position:absolute;inset:-12%}.amb img{object-fit:cover;filter:blur(60px)saturate(1.25)brightness(.3);opacity:0;width:100%;height:100%;transition:opacity 1.1s;position:absolute;inset:0}.amb img.on{opacity:1}.amb:after{content:"";background:radial-gradient(65% 70% at 42% 50%, transparent 20%, var(--bg) 88%);position:absolute;inset:0}.pics{min-height:0;position:relative}.place-fig{opacity:0;visibility:hidden;grid-template-rows:minmax(0,1fr) auto;gap:1.5rem;margin:0;transition:opacity .7s,visibility .7s;display:grid;position:absolute;inset:0}.place-fig.on{opacity:1;visibility:visible}.place-fig .shots{padding:12px}.capbar{width:max(var(--cw,100%), min(100%, 30rem));flex-wrap:wrap;justify-content:space-between;justify-self:center;align-items:flex-end;gap:1rem 2rem;display:flex}.capbar .pl{grid-template-columns:1.1rem minmax(0,1fr);align-items:center;gap:.2rem .8rem;min-width:0;display:grid}.capbar .pin{color:var(--amber)}.capbar .place{font:800 clamp(1.25rem, 2.1vw, 1.8rem) / 1.05 var(--display);text-transform:uppercase;font-stretch:112%}.capbar .what{color:var(--muted);grid-column:2;font-size:.98rem;line-height:1.4}.places{align-self:center;gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.places button{cursor:pointer;text-align:left;width:100%;color:var(--muted);background:0 0;border:0;border-radius:6px;grid-template-columns:1rem 4.2rem minmax(0,1fr);align-items:center;gap:.8rem;padding:.45rem .55rem;transition:background .25s,color .25s;display:grid}.places button:hover{color:var(--fg);background:#f3f0ea0d}.places li.on button{color:var(--fg);background:#f2a90017}.places .pin{color:var(--dim);transition:color .25s}.places .pin svg{width:.85rem;height:1.05rem}.places li.on .pin{color:var(--amber)}.places .th{place-items:center;height:2.8rem;display:grid}.places .th img{opacity:.55;border-radius:2px;width:auto;max-width:100%;max-height:2.8rem;transition:opacity .25s}.places li.on .th img,.places button:hover .th img{opacity:1}.places .nm{font:700 .95rem/1.2 var(--display)}.places .nm small{font:500 .64rem/1.3 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--dim);margin-top:.15rem;display:block}.places li.on .nm small{color:var(--muted)}.s3 .vf{display:none}.s3 .shots>.ph{isolation:isolate}.s3 .shots>.ph:before{content:"";z-index:-1;background:var(--bg-2);border:1px solid #f2a90061;position:absolute;inset:-14px;box-shadow:0 50px 90px -40px #000}.s3 .shots>.ph img{box-shadow:0 0 0 1px #f3f0ea29}[data-fx-on] .shots>.ph{visibility:visible;opacity:0;transition:none}[data-fx-on] .vf,[data-fx-on] .ph:after{display:none}[data-fx-on] .place-fig,[data-fx-on] .amb img{transition:none}.fx-cv{pointer-events:none;z-index:2;width:calc(100% + 112px);height:calc(100% + 112px);position:absolute;top:-56px;left:-56px}.fx-under,.fx-over{pointer-events:none;position:absolute}.fx-over{z-index:3}[data-fx-on=tul] .fx-under:before,[data-fx-on=isik] .fx-under:before{content:"";background:var(--bg-2);border:1px solid #f2a90061;position:absolute;inset:-16px;box-shadow:0 50px 90px -40px #000}[data-fx-on=tul] .fx-over,[data-fx-on=isik] .fx-over{box-shadow:0 0 0 1px #f3f0ea29}[data-fx-on=panjur] .fx-under{box-shadow:0 50px 90px -40px #000}[data-fx-on=panjur] .fx-over:after{content:"";background:var(--amber);width:min(40%,9rem);height:2px;position:absolute;bottom:-12px;left:0}[data-fx-on=odak] .fx-under,[data-fx-on=odak] .fx-over{border-radius:7px}[data-fx-on=odak] .fx-under{box-shadow:0 50px 90px -40px #000}[data-fx-on=odak] .fx-over{box-shadow:0 0 0 1px #f3f0ea24}.s4{padding-block:7rem 6rem}.s4 .head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem 2rem;margin-bottom:3rem;display:flex}.gantt{--left:21rem;--total:20;position:relative}.gantt .axis,.gantt .row{grid-template-columns:var(--left) minmax(0, 1fr);gap:2rem;display:grid}.gantt .axis .scale{height:1.6rem;color:var(--dim);position:relative}.gantt .axis .scale span{position:absolute;bottom:0;translate:-50%}.gantt .axis .scale span:first-child{translate:0}.gantt .axis .scale span:last-child{translate:-100%}.gantt .grid{top:2rem;bottom:0;right:0;left:calc(var(--left) + 2rem);pointer-events:none;background:repeating-linear-gradient(to right, var(--line) 0 1px, transparent 1px 25%);border-right:1px solid var(--line);position:absolute}.gantt .row{border-top:1px solid var(--line);align-items:center;padding-block:1.3rem}.gantt .who .co{font:500 .7rem/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--amber)}.gantt .who .role{font:700 1.08rem/1.2 var(--display);margin-top:.25rem}.gantt .who .d{color:var(--muted);margin-top:.3rem;font-size:.85rem;line-height:1.45}.gantt .tr{height:3rem;position:relative}.gantt .barx{top:0;bottom:0;left:calc((var(--from) - 1) / var(--total) * 100%);width:calc(var(--yrs) / var(--total) * 100%);background:var(--fg);color:var(--bg);font:900 1rem/1 var(--display);transform-origin:0;white-space:nowrap;align-items:center;padding-inline:.6rem;font-stretch:112%;display:flex;position:absolute;overflow:hidden}.gantt .barx.k{background:var(--amber)}.gantt .meta{top:calc(100% + .45rem);left:calc((var(--from) - 1) / var(--total) * 100%);white-space:nowrap;color:var(--muted);position:absolute}.gantt .meta b{color:var(--amber);font-weight:500}.gantt .row.has-meta{padding-bottom:2.5rem}.s5{padding-block:6rem 4rem}.areas{border-top:1px solid var(--line);margin:3rem 0 0;padding:0;list-style:none}.area{border-bottom:1px solid var(--line)}.area>h3{margin:0}.area>h3 button{cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:5.5rem minmax(0,1fr) 2.6rem;align-items:center;gap:1rem;width:100%;padding:1.5rem 0;display:grid}.area .n{font:500 .8rem/1 var(--mono);color:var(--amber)}.area .t{font:800 clamp(1.6rem, 4.4vw, 4.2rem) / .95 var(--display);text-transform:uppercase;font-stretch:85%;transition:font-stretch .5s cubic-bezier(.2,.8,.2,1)}.area>h3 button:hover .t,.area.open .t{font-stretch:125%}.area .pm{border:1px solid var(--line);border-radius:50%;place-items:center;width:2.6rem;height:2.6rem;transition:background .3s,border-color .3s,rotate .4s;display:grid}.area .pm svg{width:1rem;height:1rem}.area>h3 button:hover .pm{border-color:var(--fg)}.area.open .pm{background:var(--amber);border-color:var(--amber);color:var(--on-amber);rotate:45deg}.area .more{grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.2,.8,.2,1);display:grid}.area.open .more{grid-template-rows:1fr}.area .more>div{min-height:0;overflow:hidden}.area:not(.open) .more>div{visibility:hidden;transition:visibility 0s .55s}.area .inner{grid-template-columns:5.5rem minmax(0,1fr) minmax(0,30rem);align-items:start;gap:1rem 3rem;padding-bottom:2.8rem;display:grid}.area .inner .txt{grid-column:2;align-content:start;gap:1.2rem;display:grid}.area .inner p{color:var(--muted);max-width:52ch;margin:0;font-size:1.05rem}.area .inner p b{color:var(--fg);font-weight:600}.area .inner ol{columns:2 16rem;column-gap:2rem;margin:0;padding:0;list-style:none}.area .inner ol li{break-inside:avoid;border-top:1px solid var(--line)}.area .inner ol a{grid-template-columns:2.6rem minmax(0,1fr);padding:.45rem 0;font-size:.92rem;line-height:1.35;text-decoration:none;display:grid}.area .inner ol a:hover span{text-underline-offset:.2em;text-decoration:underline}.area .inner ol b{font:500 .7rem/1.9 var(--mono);color:var(--amber)}.area .inner .gal{grid-column:3}.go,.all{border:1px solid var(--fg);font:500 .72rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;justify-self:start;align-items:center;gap:.5rem;padding:.7rem 1.1rem;text-decoration:none;transition:background .3s,color .3s;display:inline-flex}.go:hover,.all:hover{background:var(--fg);color:var(--bg)}.all{border-color:var(--amber);background:var(--amber);color:var(--on-amber);margin-top:2.4rem}.all:hover{color:var(--amber);background:0 0}.s6{padding-block:7rem}.founder{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(2rem,5vw,6rem);display:grid}.lit{background:radial-gradient(42% 46% at 50% 40%,#f2a90029,#0000 70%),radial-gradient(60% 70% at 50% 45%,#1d1c1f,#0000 72%);place-items:end center;padding-top:3rem;display:grid;position:relative}.lit img{width:min(100%,26rem);height:auto;position:relative}.lit .desk{background:linear-gradient(90deg, transparent, var(--muted), transparent);width:100%;height:1px}.founder .lbl{color:var(--amber);margin:0 0 1rem}.bio{font:500 clamp(1.25rem, 2.1vw, 1.95rem) / 1.32 var(--display);text-wrap:pretty;margin:1.4rem 0 0}.bio .wd{transition:opacity .25s}.bio.dim .wd{opacity:.2}.bio.dim .wd.on{opacity:1}.facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0 0;padding:0;list-style:none;display:grid}.facts li{border-top:1px solid var(--line);color:var(--muted);padding-top:.8rem;font-size:.88rem;line-height:1.4}.founder .more{margin-top:2rem}.facts b{color:var(--fg);font:800 1.05rem/1.2 var(--display);margin-bottom:.2rem;display:block}@media (width<=860px){.s1{--stage-w:100%;min-height:0;padding-block:5rem 3rem;padding-left:var(--gl);padding-right:var(--gr)}.s1 .kicker,.s1 .sub{flex-direction:column;gap:.3rem}.s1 h1{font-size:7vw;display:block}.s1 h1 span{display:block}.s1 h1 .one{font-size:var(--fit1,6.4vw)}.s1 h1 .two{font-size:var(--fit2,13.6vw);margin-top:.14em}.scroll-hint{display:none}.s2{background:0 0;height:auto;padding-block:3rem}.scene{padding:3rem var(--gr) 3rem var(--gl);border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr);gap:1.6rem;position:static}.js .scene+.scene{opacity:1;visibility:visible}.scene .big{font-size:30vw}.s2 .ticks2{display:none}.viewer{height:auto;padding:0 var(--gr) 3rem var(--gl);display:block;overflow:visible}.amb,.places{display:none}.pics{gap:3.2rem;display:grid}.place-fig{opacity:1;visibility:visible;gap:1rem;position:static}.place-fig .shots{height:auto;padding:14px}.s3 .shots>.ph img{-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20300'%20preserveAspectRatio='none'%3E%3ClinearGradient%20id='g'%20gradientUnits='userSpaceOnUse'%20x1='0'%20y1='0'%20x2='0'%20y2='205'%3E%3Cstop%20offset='.7'%20stop-color='%23fff'/%3E%3Cstop%20offset='1'%20stop-color='%23fff'%20stop-opacity='.4'/%3E%3C/linearGradient%3E%3Cpath%20fill='url(%23g)'%20d='M0%200H100V196C88%20204%2076%20188%2062%20195S36%20206%2022%20196%206%20191%200%20198Z'/%3E%3C/svg%3E") 0 calc(var(--dp,0) * 100%) / 100% 300% no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20300'%20preserveAspectRatio='none'%3E%3ClinearGradient%20id='g'%20gradientUnits='userSpaceOnUse'%20x1='0'%20y1='0'%20x2='0'%20y2='205'%3E%3Cstop%20offset='.7'%20stop-color='%23fff'/%3E%3Cstop%20offset='1'%20stop-color='%23fff'%20stop-opacity='.4'/%3E%3C/linearGradient%3E%3Cpath%20fill='url(%23g)'%20d='M0%200H100V196C88%20204%2076%20188%2062%20195S36%20206%2022%20196%206%20191%200%20198Z'/%3E%3C/svg%3E") 0 calc(var(--dp,0) * 100%) / 100% 300% no-repeat}.capbar{width:100%}.gantt{--left:1fr}.gantt .axis,.gantt .grid{display:none}.gantt .row{grid-template-columns:minmax(0,1fr);gap:.9rem}.gantt .meta{white-space:normal;left:0;right:0}.gantt .tr{background:repeating-linear-gradient(to right, var(--line) 0 1px, transparent 1px 25%);border-right:1px solid var(--line);height:2.2rem}.area>h3 button{grid-template-columns:2.6rem minmax(0,1fr) 2.4rem}.area .inner{grid-template-columns:minmax(0,1fr)}.area .inner .txt,.area .inner .gal{grid-column:1}.founder,.facts{grid-template-columns:minmax(0,1fr)}}@media (width>=861px){html:not(.js) .viewer{height:auto;display:block}html:not(.js) .amb,html:not(.js) .places{display:none}html:not(.js) .pics{gap:3rem;display:grid}html:not(.js) .place-fig{opacity:1;visibility:visible;position:static}html:not(.js) .place-fig .shots{height:70svh}html:not(.js) .s2{height:auto}html:not(.js) .scene{min-height:70svh;position:static}}@media (prefers-reduced-motion:reduce){.scroll-hint i{animation:none}.area .more{transition:none}}
