/* Studio collection and the Neonstudio production standard. */
.reading-progress{position:fixed;z-index:19;right:18px;top:42%;height:180px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #767c7b70;padding:0 13px 0 0;font-size:9px;color:#303735;mix-blend-mode:normal}.reading-progress:before{content:'';position:absolute;right:-1px;top:0;width:2px;height:calc(var(--read,0)*100%);background:#35695b}.reading-progress a{position:relative;width:8px;height:8px;margin-left:auto;border:1px solid #54605b;background:#e6e5e0;border-radius:50%}.reading-progress a span{position:absolute;right:20px;white-space:nowrap;background:#e6e5e0;padding:4px 8px;opacity:0;transform:translateY(-5px);pointer-events:none}.reading-progress a:hover span,.reading-progress a:focus-visible span{opacity:1}.reading-progress b{position:absolute;right:0;top:calc(100% + 16px);font-size:9px;font-weight:500}.reading-progress i{display:none}
.portfolio-story{height:300svh;background:#d7dad5;position:relative}.portfolio-stage{position:sticky;top:0;min-height:760px;height:100svh;padding:110px 7% 30px 10%;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:20px;overflow:hidden}.portfolio-top{display:flex;justify-content:space-between;font-size:11px;color:#57605a}.portfolio-top .overline{margin:0}.portfolio-heading{display:flex;align-items:end;justify-content:space-between}.portfolio-heading h2{font-size:clamp(40px,4.8vw,72px);line-height:1.02;letter-spacing:-.045em}.portfolio-heading h2 br{display:none}.portfolio-heading p{font-size:13px;text-align:right;color:#59645c}.portfolio-screen{position:relative;min-height:0;perspective:1800px;margin:5px 0 0}.portfolio-slide{position:absolute;inset:0;display:grid;grid-template-columns:1fr;background:var(--world);overflow:hidden;border:1px solid #fff9;border-radius:6px;box-shadow:0 3px 0 #909992,0 18px 35px #26382b25;will-change:transform,opacity;transform-origin:center bottom;opacity:0;visibility:hidden}.portfolio-slide:first-child{opacity:1;visibility:visible}.portfolio-slide img{width:100%;height:100%;object-fit:cover;object-position:top;min-height:0}.slide-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:end;padding:98px 24px 18px;color:white;background:linear-gradient(180deg,#111b1c30 0%,#111b1c85 25%,#111b1cf2 50%,#111b1c 70%);backdrop-filter:blur(7px) saturate(1.05);-webkit-backdrop-filter:blur(7px) saturate(1.05);text-shadow:0 1px 3px #000}.slide-caption small{font-size:10px}.slide-caption h3{font-size:28px;margin-top:4px;font-weight:500}.slide-caption>span{font-size:11px}.portfolio-bottom{display:flex;align-items:center;gap:25px;font-size:11px;padding-top:10px}.portfolio-bottom>a{margin-left:auto;border-bottom:1px solid #79877c;padding-bottom:4px}.portfolio-count{font-variant-numeric:tabular-nums;color:#506158}.work-index{background:#e7e7e1;padding-top:95px}.work-index .section-heading>p{font-size:13px;line-height:1.8;color:#646964}.collection{display:grid;grid-template-columns:1fr 1fr;gap:62px 32px}.collection-item:nth-child(even){margin-top:75px}.collection-image{display:block;width:100%;padding:18px;background:var(--world);border:1px solid #fff9;box-shadow:0 3px 0 #9da49b,0 16px 25px #303a3214;border-radius:5px;position:relative;perspective:1000px;overflow:hidden}.collection-image img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;object-position:top;box-shadow:0 8px 22px #142a2926;transition:transform .65s}.collection-image:hover img{transform:translateY(-5px) rotateX(2deg)}.collection-image:after{content:'';position:absolute;left:18px;right:18px;bottom:18px;height:64px;background:linear-gradient(transparent,var(--world));pointer-events:none}.collection-image>span{position:absolute;bottom:28px;right:28px;z-index:2;background:#f5f5efeF;color:#29322c;padding:10px 14px;font-size:10px;border-radius:3px;border:1px solid white}.collection-caption{display:flex;align-items:start;gap:14px;padding-top:22px}.collection-caption h3{font-size:24px;letter-spacing:-.025em}.collection-caption p{font-size:11px;color:#656d66;margin-top:5px}.project-number{font-size:10px;color:#69786c;padding-top:4px}.project-state{font-size:9px;margin-left:auto;padding-top:4px;color:#52635a;white-space:nowrap}
.standard-story{height:190svh;background:#e5e6df}.standard-stage{position:sticky;top:0;height:100svh;min-height:750px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%;overflow:hidden}.standard-copy{position:relative;z-index:2}.standard-copy h2{font-size:clamp(44px,5vw,70px);line-height:1.02;letter-spacing:-.045em}.standard-copy p{font-size:15px;color:#5c655c;max-width:39ch;margin-top:24px;line-height:1.8}.standard-copy .text-link{margin-top:25px}.seal-scene{height:460px;position:relative;display:grid;place-items:center;perspective:1100px}.seal-orbit{position:absolute;width:440px;height:440px;border:1px solid #9ba79e55;border-radius:50%;transform:rotateX(62deg);box-shadow:0 0 0 55px #afbbb00c,0 0 0 110px #afbbb00b}.seal-plinth{position:relative;width:90%;max-width:420px;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:35px;border:1px solid #fff;border-radius:9px;background:linear-gradient(135deg,#f6f7f2,#bfc8c6 30%,#e9efeb 55%,#aeb8b6);box-shadow:0 9px 0 #88918c,0 28px 48px #2d3a3533,inset 0 0 0 8px #ffffff40;transform:rotateX(calc((1 - var(--seal,0))*22deg)) rotateY(calc((1 - var(--seal,0))*-24deg)) rotateZ(calc((1 - var(--seal,0))*-8deg)) translateY(calc((1 - var(--seal,0))*25px));will-change:transform}.seal-note{font-size:9px;letter-spacing:.11em;text-align:center;line-height:1.9;color:#4a5550}.seal-plinth .production-seal{transform:scale(2);transform-origin:center}.production-seal{display:inline-block;line-height:0;flex-shrink:0}.production-seal img{width:116px;height:32px;max-width:none}.production-seal:hover{filter:brightness(1.1)}.seal-coordinate{position:absolute;bottom:-25px;font-size:9px;letter-spacing:.13em;color:#64716a}.review-standard{border-top:1px solid #abb5aa;background:#e5e6df}.review-standard .section-heading p{font-size:13px;color:#59665c}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 35px}.review-grid article{border-top:1px solid #acb6ad;padding-top:20px}.review-grid article>span{font-size:10px;color:#587360}.review-grid h3{font-size:22px;line-height:1.2;margin:22px 0 16px}.review-grid p{font-size:13px;line-height:1.8;color:#58635b}.standard-footnote{font-size:12px;line-height:1.8;max-width:80ch;color:#677169;margin-top:50px}.footer-signature{margin:70px 0 35px;display:flex;justify-content:space-between;align-items:end;gap:45px}.footer-signature>img{width:65%;max-width:700px}.footer-signature>div p{font-size:10px;margin-top:15px;line-height:1.7;color:#687169}.footer-signature .production-seal img{width:116px}
#project-detail{max-width:1120px;width:calc(100% - 48px);max-height:90svh;padding:0;background:#e7e7e1;border:1px solid #fff7;border-radius:8px;overflow:auto}#project-detail::backdrop{background:#18201de8;backdrop-filter:blur(6px)}.project-close{position:sticky;float:right;top:14px;margin:14px 14px -58px 0;z-index:3;border:1px solid #ddd;background:#f4f4ed;color:#263229;border-radius:50%;width:40px;height:40px;font-size:24px}.detail-media{background:#c9d1c9;padding:28px 28px 0}.detail-media img{width:100%;aspect-ratio:1.65;object-fit:cover;object-position:top;box-shadow:0 10px 25px #26332a20}.detail-copy{padding:35px}.detail-copy h2{font-size:42px}.detail-copy p{font-size:15px;line-height:1.8;margin:18px 0;max-width:65ch}.detail-copy .overline{margin-bottom:12px}.detail-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}
@media(max-width:800px){.reading-progress{top:auto;bottom:0;right:0;left:0;height:3px;padding:0;display:block;background:#a6b0a54d;border:0}.reading-progress:before{left:0;right:auto;width:calc(var(--read,0)*100%);height:3px}.reading-progress a,.reading-progress b{display:none}.portfolio-story{height:250svh}.portfolio-stage{padding:100px 7% 30px;min-height:660px;gap:22px}.portfolio-top>span:last-child{display:none}.portfolio-heading{display:block}.portfolio-heading h2{font-size:46px}.portfolio-heading h2 br{display:block}.portfolio-heading p{text-align:left;margin-top:15px;font-size:12px}.portfolio-slide img{object-fit:cover;object-position:top left}.portfolio-bottom{font-size:10px;gap:12px;flex-wrap:wrap}.portfolio-bottom p{display:none}.slide-caption{padding:96px 15px 15px}.slide-caption h3{font-size:24px}.slide-caption>span{font-size:9px}.collection{gap:32px;grid-template-columns:1fr}.collection-item:nth-child(even){margin:0}.collection-image{padding:12px}.collection-caption h3{font-size:23px}.project-state{font-size:8px}.collection-caption{gap:10px}.standard-stage{grid-template-columns:1fr;align-content:center;gap:20px;min-height:850px;height:auto;padding-top:100px;padding-bottom:65px}.standard-story{height:210svh}.standard-copy h2{font-size:52px}.standard-copy h2 br{display:none}.standard-copy p{font-size:13px;margin-top:18px;max-width:none}.seal-scene{height:260px}.seal-orbit{width:280px;height:280px}.seal-plinth{min-height:210px;gap:27px;width:92%}.seal-plinth .production-seal{transform:scale(1.65)}.seal-note{font-size:8px}.seal-coordinate{bottom:-10px;font-size:8px}.review-grid{grid-template-columns:1fr;gap:30px}.review-grid h3{font-size:23px;margin:14px 0}.footer-signature{flex-direction:column;align-items:start;margin-top:45px;gap:35px}.footer-signature>img{width:100%}.detail-copy{padding:22px}.detail-copy h2{font-size:30px}.detail-media{padding:12px 12px 0}#project-detail{width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){.portfolio-story,.standard-story{height:auto}.portfolio-stage,.standard-stage{position:relative;height:auto;min-height:0}.portfolio-screen{height:440px}.portfolio-slide{transform:none!important}.portfolio-slide:not(:first-child){display:none!important}.seal-plinth{transform:none!important}.portfolio-bottom .portfolio-count{visibility:hidden}}
@media(max-width:800px){.standard-story{height:auto}.standard-stage{position:relative;min-height:0}.seal-plinth{transform:none}.nav nav>a[href="#standard"]{display:none}}
.portfolio-slide picture{display:block;min-height:0;height:100%}.portfolio-slide picture img{height:100%;width:100%}
@media(max-width:800px){.portfolio-slide picture img{object-position:center top}}
/* Compact portfolio: eight dimensional browser tiles, no pinned showcase. */
.work-index{padding-top:78px;padding-bottom:78px;background:#dfe2dc}.work-index .section-heading{margin-bottom:36px;align-items:end}.work-index .section-heading h2{font-size:clamp(32px,3.3vw,50px);line-height:1.1;letter-spacing:-.035em}.work-index .section-heading>p{font-size:12px}.work-index .rail{top:82px}.collection{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px;align-items:start}.collection-item:nth-child(even){margin-top:0}.collection-item{min-width:0;perspective:1100px}.collection-image{padding:22px 5px 5px;position:relative;border:1px solid #ffffffe0;border-radius:7px;background:linear-gradient(155deg,#fbfbf7,#d4d9d1 50%,#b5bfb4);box-shadow:0 3px 0 #89988b,0 5px 0 #bdc7bb,0 13px 17px -9px #263d3459;transform:perspective(1000px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .2s,box-shadow .25s;overflow:visible}.collection-image:before{content:'•••';position:absolute;top:2px;left:9px;font:12px/16px Arial;letter-spacing:3px;color:#97a49b}.collection-image:after{content:'';position:absolute;top:7px;left:31%;right:22%;height:8px;border:1px solid #bdc6bd;border-radius:2px;background:#edf0e980;pointer-events:none;bottom:auto;opacity:1}.collection-image img{display:block;aspect-ratio:1.45;object-fit:cover;object-position:top;box-shadow:none;border-radius:2px;transform:none!important}.collection-image:hover,.collection-image:focus-visible{box-shadow:0 4px 0 #84968a,0 6px 0 #c0cbbb,0 20px 28px -9px #263d3447}.collection-image>span{font-size:0;padding:0;width:28px;height:28px;bottom:12px;right:12px;display:grid;place-items:center;border-radius:50%;background:#f4f6f1ed;box-shadow:0 2px 7px #132c3329}.collection-image>span:after{content:'↗';font-size:15px}.collection-caption{display:grid;grid-template-columns:auto 1fr;gap:5px 9px;padding-top:16px;align-items:baseline}.collection-caption h3{font-size:17px;line-height:1.2;letter-spacing:-.025em}.collection-caption p{font-size:10px;margin-top:5px;line-height:1.5}.project-number{font-size:9px;padding:0;color:#718373}.project-state{grid-column:2;margin:1px 0 0;padding:0;font-size:9px;color:#566a5b}.collection-caption>div{min-width:0}
@media(min-width:1600px){.collection-image img{aspect-ratio:1.55}}
@media(max-width:1100px){.collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}}
@media(max-width:800px){.work-index{padding:60px 6% 60px 9%}.work-index .rail{top:64px;left:2%}.work-index .section-heading{margin-bottom:26px}.work-index .section-heading h2{font-size:34px}.work-index .section-heading>p{font-size:12px;margin-top:16px}.collection{gap:25px 14px}.collection-caption{gap:5px}.collection-caption h3{font-size:14px;letter-spacing:-.035em}.collection-caption p{font-size:9px}.project-number{font-size:8px}.project-state{font-size:8px}.collection-image{padding:19px 4px 4px;border-radius:5px}.collection-image img{aspect-ratio:1.17}.collection-image>span{width:24px;height:24px;bottom:9px;right:9px}.collection-image:before{font-size:10px;letter-spacing:2px;left:7px;top:0}.collection-image:after{top:5px;height:7px}}
@media(prefers-reduced-motion:reduce){.collection-image{transform:none!important}}