/* Shtern / V3: a visual system with a clear stage and real work. */
.motion-theatre{--stage-turn:-22deg;--stage-scale:.87;--wing-open:26deg;--stage-rise:25px;background:#111112;color:#f2eee6;position:relative;height:205svh;min-height:1300px;isolation:isolate}
.theatre-pin{position:sticky;top:94px;height:calc(100svh - 94px);min-height:620px;max-height:1100px;padding:32px var(--pad) 22px;display:flex;flex-direction:column;overflow:hidden}.admin-bar .theatre-pin{top:126px;height:calc(100svh - 126px)}
.theatre-heading{display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:3;gap:30px}.theatre-heading .eyebrow{font-size:8px;letter-spacing:.15em;margin-bottom:13px;color:#a6a19b}.theatre-heading h2{font-size:clamp(32px,3.3vw,53px);line-height:1.04}.theatre-heading h2 em{color:#ff4657}.theatre-heading>p{font-size:12px;color:#b9b6b0;line-height:1.65;max-width:280px;margin:0 0 3px}
.theatre-scene{position:relative;flex:1;min-height:300px;perspective:1700px;isolation:isolate}.theatre-halo{position:absolute;width:80%;height:140%;top:-20%;left:10%;background:radial-gradient(ellipse,#b811253d,transparent 62%);pointer-events:none}.theatre-floor{position:absolute;left:-10%;right:-10%;height:230px;bottom:-125px;background:repeating-linear-gradient(0deg,transparent 0 34px,#b1a9a91b 35px 36px),repeating-linear-gradient(90deg,transparent 0 65px,#b1a9a91b 66px 67px);transform:rotateX(65deg);transform-origin:top;mask-image:linear-gradient(#000,transparent)}
.screen-assembly{position:absolute;left:50%;top:49%;width:min(850px,76vw);height:min(330px,31vw);transform:translate(-50%,-50%) translateY(var(--stage-rise)) rotateX(3deg) rotateY(var(--stage-turn)) scale(var(--stage-scale));transform-style:preserve-3d;will-change:transform}
.motion-screen{position:absolute;transform-style:preserve-3d;border:5px solid #242326;background:#131316;box-shadow:6px 0 0 #3c3b3e,12px 15px 40px #0009}.screen-face{position:absolute;inset:0;overflow:hidden;background:#e31d32;display:flex;flex-direction:column;padding:18px}.screen-face:after{content:"";position:absolute;inset:0;background:radial-gradient(#0005 .7px,transparent .9px);background-size:4px 4px;opacity:.24;pointer-events:none}.screen-code{position:relative;z-index:2;font-size:6px;letter-spacing:.12em;line-height:1.4}.screen-left{width:24%;height:105%;left:0;top:-3%;transform-origin:right;transform:rotateY(var(--wing-open)) translateZ(15px)}.screen-main{width:56%;height:90%;left:22%;top:5%;z-index:3;transform:translateZ(75px)}.screen-right{width:23%;height:112%;right:0;top:-7%;transform-origin:left;transform:rotateY(calc(var(--wing-open)*-1)) translateZ(15px)}
.screen-foot{position:absolute;top:100%;width:10px;height:70px;left:50%;background:linear-gradient(90deg,#151516,#3b3b3e,#171718);transform:translateX(-50%) translateZ(-5px)}.screen-foot:after{content:"";width:80px;height:25px;position:absolute;top:62px;left:-35px;background:#28282b;transform:rotateX(70deg);box-shadow:0 18px 20px #0009}.screen-main .screen-foot{width:17px}.screen-left .screen-face{background:#e7e2d8;color:#d8172d}.screen-right .screen-face{background:#e5e0d7;color:#19191a}.screen-left strong{font-size:clamp(26px,4.4vw,72px);letter-spacing:-.08em;margin-top:auto;font-weight:650;line-height:1}.screen-face small{font-size:5px;letter-spacing:.08em;margin-top:10px}.screen-seal{position:absolute;width:70px;right:18px;bottom:18px}.screen-seal .brand-wordmark{width:100%;color:#ffebe3}.screen-ruler{display:flex;gap:7px;position:absolute;bottom:20px;left:18px}.screen-ruler i{width:3px;height:12px;background:#ffebe3;transform-origin:bottom;animation:screen-bars 2s infinite alternate}.screen-ruler i:nth-child(2){animation-delay:-.4s}.screen-ruler i:nth-child(3){animation-delay:-1s}.screen-ruler i:nth-child(4){animation-delay:-1.5s}.screen-ruler i:nth-child(5){animation-delay:-.7s}
.kinetic-type{display:flex;flex-direction:column;justify-content:center;flex:1;font-size:clamp(20px,4.6vw,73px);font-weight:650;letter-spacing:-.075em;line-height:.95;padding-bottom:15px}.kinetic-type span{display:block;animation:kinetic-shift 8s ease-in-out infinite}.kinetic-type span:nth-child(2){font-size:.72em;animation-delay:-2s}.kinetic-type span:nth-child(3){font-size:.8em;animation-delay:-4s}.signal-orbit{position:relative;margin:18% auto 0;width:80%;aspect-ratio:1;animation:signal-spin 18s linear infinite}.signal-orbit i{position:absolute;inset:0;border:2px solid currentColor;border-radius:50%}.signal-orbit i:nth-child(2){transform:rotateY(55deg)}.signal-orbit i:nth-child(3){transform:rotateX(55deg)}.signal-orbit i:nth-child(4){inset:28%;background:currentColor;border:0}.screen-symbol{margin:17% auto 8%;width:70%;animation:signal-spin 22s linear infinite}.screen-symbol .brand-star{width:100%;height:auto}.vertical-type{margin-top:auto;font-size:clamp(15px,2vw,30px);letter-spacing:-.07em;font-weight:650;line-height:.95;display:flex;flex-direction:column}.vertical-type span:nth-child(2){color:transparent;-webkit-text-stroke:1px #28282a}.vertical-type span:nth-child(3){opacity:.3}
.theatre-console{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff30;padding-top:14px;gap:20px}.composition-controls{display:flex;gap:8px}.composition-controls button{border:1px solid #ffffff35;padding:9px 17px;font-size:10px;line-height:1.5;min-height:40px;transition:background .25s,color .25s}.composition-controls button[aria-pressed=true]{background:#f2eee6;color:#151516;border-color:#f2eee6}.composition-controls button:hover{border-color:#f2eee6}.theatre-pause{font-size:10px;padding:10px 0;border-bottom:1px solid #777}.theatre-caption{position:relative;z-index:3;display:flex;gap:20px;justify-content:space-between;font-size:8px;color:#a29c96;margin-top:14px;line-height:1.5}.theatre-caption>a{color:#f6ede7;text-decoration:underline;text-underline-offset:4px}.motion-theatre:not(.theatre-playing) .screen-face *{animation-play-state:paused}.motion-theatre[data-composition=rhythm] .screen-main .screen-face{background:#e4ded4;color:#191919}.motion-theatre[data-composition=rhythm] .screen-left .screen-face{background:#db182e;color:#f7e9df}.motion-theatre[data-composition=rhythm] .screen-right .screen-face{background:#db182e;color:#f7e9df}.motion-theatre[data-composition=rhythm] .screen-seal .brand-wordmark{color:#d8172d}.motion-theatre[data-composition=rhythm] .kinetic-type{font-weight:450}.motion-theatre[data-composition=rhythm] .kinetic-type span:nth-child(2){color:#db182e}.motion-theatre[data-composition=rhythm] .screen-symbol .brand-star{color:#f2e8db}.motion-theatre[data-composition=type] .screen-face{background:#222225;color:#f2eee6}.motion-theatre[data-composition=type] .screen-main{border-color:#e21b2e}.motion-theatre[data-composition=type] .kinetic-type span:nth-child(2){color:transparent;-webkit-text-stroke:1px #f4eade}.motion-theatre[data-composition=type] .signal-orbit{color:#e21b2e}.motion-theatre[data-composition=type] .screen-seal .brand-wordmark{color:#e21b2e}
.work-gallery{background:#ece9e2;scroll-margin-top:90px}.work-intro>.eyebrow{font-size:9px}.work-intro>div{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.work-intro h2{font-size:clamp(38px,5vw,80px);line-height:1.02}.work-intro>div>p{max-width:380px;font-size:14px;line-height:1.8;margin:0;color:#6b6761}.work-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:45px 0 30px;border-top:1px solid #bbb7af;border-bottom:1px solid #bbb7af;padding:16px 0}.work-filters{display:flex;flex-wrap:wrap;gap:8px}.work-filters button{padding:9px 15px;font-size:11px;border-radius:25px;border:1px solid transparent;line-height:1.4}.work-filters button[aria-pressed=true]{background:#1c1c1d;color:#fff}.work-filters button:hover{border-color:#aaa49b}.work-toolbar>p{font-size:10px;white-space:nowrap;margin:0;color:#6b6761}.work-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px 30px}.work-card{min-width:0}.work-card:nth-child(4n+2){padding-top:90px}.work-card:nth-child(4n+3){padding-right:14%}.work-image-link{position:relative;overflow:hidden;display:block;background:#d0ccc3;aspect-ratio:1.28;isolation:isolate}.work-card:nth-child(4n+2) .work-image-link{aspect-ratio:1.12}.work-card:nth-child(4n+3) .work-image-link{aspect-ratio:1.1}.work-image-link img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease),filter 1s}.work-image-link:hover img{transform:scale(1.05);filter:saturate(.9)}.work-image-overlay{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:flex-end;padding:22px;color:white;background:linear-gradient(transparent 65%,#0008);font-size:8px;letter-spacing:.1em}.work-image-overlay>b{display:grid;place-items:center;width:37px;height:37px;border:1px solid #fff9;border-radius:50%;font-weight:300;font-size:23px;transition:transform .4s,background .4s}.work-image-link:hover .work-image-overlay>b{background:#df1428;transform:rotate(90deg)}.work-meta{display:flex;justify-content:space-between;gap:15px;padding-top:18px}.work-meta p{font-size:8px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;color:#6a655e}.work-meta h3{font-size:clamp(21px,2vw,31px);line-height:1.15;font-weight:500}.work-meta>span{font-size:11px;color:#827b73}.work-gallery.is-filtered .work-card{padding:0}.work-tail{border-top:1px solid #bbb7af;margin-top:65px;padding-top:35px;display:flex;justify-content:space-between;align-items:center;gap:25px}.work-tail>p{font-size:18px;letter-spacing:-.03em;line-height:1.55;margin:0}.work-tail strong{font-weight:500;color:#6b6761}.work-gallery:not(.gallery-ready) .work-toolbar{display:none}
.project-dialog{border:0;width:min(1260px,92vw);max-height:90svh;overflow:auto;padding:0;background:#ece9e2;color:#171718}.project-dialog::backdrop{background:#090909de;backdrop-filter:blur(8px)}.project-dialog-bar{padding:15px 23px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #bbb7af;position:sticky;top:0;background:#ece9e2;z-index:3;font-size:10px}.project-dialog-bar button{display:flex;align-items:center;gap:20px;font-size:12px}.project-dialog-bar button span{font-size:26px;line-height:1}.project-dialog-layout{display:grid;grid-template-columns:1.4fr 1fr;min-height:400px}.project-dialog-photo{background:#d9d5ce;display:grid;place-items:center;padding:20px}.project-dialog-photo img{width:100%;height:auto;max-height:70svh;object-fit:contain}.project-dialog-copy{padding:40px;display:flex;flex-direction:column;align-items:flex-start}.project-dialog-copy .eyebrow{font-size:8px;margin-bottom:22px}.project-dialog-copy h2{font-size:36px;line-height:1.1}.project-dialog-copy>p:not(.eyebrow){font-size:13px;line-height:1.85;margin:23px 0;color:#69635c}.project-dialog-copy>.button{margin-top:24px;font-size:11px}.project-pagination{margin-top:auto;padding-top:40px;display:flex;justify-content:space-between;width:100%;gap:15px}.project-pagination button{font-size:11px;border-bottom:1px solid #8f8880;padding:8px 0}.project-dialog a:focus-visible,.project-dialog button:focus-visible{outline-offset:3px}.dialog-open{overflow:hidden}
/* Slower, readable pacing for the earlier story. */
.browser-art>strong{display:block;font-size:3.85cqw;line-height:1.06}.browser-art>.micro{margin-bottom:4%}.browser-art>.art-pill{bottom:7%;padding:2% 4%}
.journey-chapter{min-height:580px}.journey-chapter p{font-size:14px;line-height:1.85}.hero-actions>.text-link{font-weight:600}.hero-visual.brand-portal{background:radial-gradient(ellipse at 50% 48%,#342024 0,#171718 65%)}
@keyframes signal-spin{to{transform:rotate(360deg)}}@keyframes kinetic-shift{0%,20%,80%,100%{transform:translateX(0)}45%,55%{transform:translateX(5%)}}@keyframes screen-bars{from{transform:scaleY(.3)}to{transform:scaleY(1)}}
@media(min-width:1800px){.screen-assembly{width:1050px;height:400px}.kinetic-type{font-size:85px}.screen-code{font-size:8px}.screen-face small{font-size:7px}.screen-face{padding:25px}}
@media(max-width:1150px){.theatre-pin{top:85px;height:calc(100svh - 85px)}.admin-bar .theatre-pin{top:117px;height:calc(100svh - 117px)}.screen-assembly{width:82vw;height:34vw}.theatre-heading h2{font-size:39px}.theatre-caption>span:nth-child(2){display:none}.work-grid{gap:45px 22px}.work-intro>div>p{max-width:310px;font-size:12px}.project-dialog-copy{padding:28px}.project-dialog-copy h2{font-size:30px}.journey-chapter{min-height:500px}}
@media(max-width:800px){.theatre-heading>p{font-size:11px;max-width:210px}.theatre-heading h2{font-size:35px}.screen-assembly{width:86vw;height:37vw}.kinetic-type{font-size:5vw}.screen-face{padding:13px}.screen-code{font-size:5px}.screen-seal{width:50px;right:13px;bottom:13px}.screen-ruler{bottom:15px;left:13px}.screen-face small{font-size:4px}.composition-controls button{font-size:9px;padding:8px 11px}.work-intro>div{gap:25px}.work-intro>div>p{max-width:260px}.work-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.work-filters{gap:4px}.work-filters button{font-size:10px;padding:8px 12px}.work-card:nth-child(4n+2){padding-top:55px}.work-card:nth-child(4n+3){padding-right:6%}.work-image-overlay{padding:15px;font-size:6px}.project-dialog-layout{grid-template-columns:1fr}.project-dialog-photo img{max-height:52svh}.project-dialog-copy{padding:28px}.project-pagination{margin-top:20px;padding-top:10px}.work-tail>p{font-size:15px}.work-tail .button{font-size:10px;gap:18px}}
@media(max-width:650px){.motion-theatre{height:auto;min-height:0}.theatre-pin,.admin-bar .theatre-pin{position:relative;top:auto;height:auto;min-height:0;max-height:none;padding:40px 22px 27px}.theatre-heading{display:block}.theatre-heading h2{font-size:39px;line-height:1.06}.theatre-heading>p{font-size:12px;margin:20px 0 0;max-width:none}.theatre-heading .eyebrow{font-size:7px}.theatre-scene{flex:none;height:340px;min-height:0;margin:8px -22px 0;perspective:900px;overflow:hidden}.screen-assembly{width:460px;height:240px;top:47%;transform:translate(-50%,-50%) rotateX(2deg) rotateY(var(--stage-turn)) scale(.72);will-change:auto}.screen-main{width:62%;left:19%}.screen-left{left:-6%;width:27%}.screen-right{right:-7%;width:27%}.kinetic-type{font-size:43px}.screen-left strong{font-size:46px}.screen-code{font-size:5px}.vertical-type{font-size:21px}.screen-face{padding:12px}.screen-symbol{width:80%}.screen-face small{font-size:4px}.theatre-console{align-items:flex-start;gap:13px;flex-direction:column;padding-top:18px}.composition-controls{width:100%;gap:6px}.composition-controls button{flex:1;padding:10px 5px;font-size:9px;min-height:42px}.theatre-pause{font-size:10px;min-height:35px;padding:4px 0}.theatre-caption{gap:15px;align-items:flex-start;font-size:7px;margin-top:19px}.theatre-caption>a{max-width:145px;text-align:right;font-size:9px}.work-gallery{padding-top:65px;padding-bottom:65px}.work-intro>.eyebrow{font-size:7px;margin-bottom:24px}.work-intro>div{display:block}.work-intro h2{font-size:42px}.work-intro>div>p{font-size:12px;max-width:none;margin-top:23px;line-height:1.8}.work-toolbar{margin:28px 0 24px;padding:13px 0}.work-filters button{font-size:9px;padding:8px 10px;min-height:37px}.work-toolbar>p{font-size:8px}.work-grid{grid-template-columns:1fr;gap:33px}.work-card:nth-child(n){padding:0}.work-card:nth-child(n) .work-image-link{aspect-ratio:1.2}.work-meta{padding-top:14px}.work-meta h3{font-size:25px}.work-meta p{font-size:7px}.work-image-overlay{font-size:7px;padding:18px}.work-image-overlay>b{width:33px;height:33px}.work-tail{margin-top:38px;padding-top:26px;display:block}.work-tail>p{font-size:17px}.work-tail .button{margin-top:24px;font-size:11px;min-height:52px}.project-dialog{width:calc(100vw - 24px);max-height:94svh}.project-dialog-bar{padding:12px 18px}.project-dialog-photo{padding:10px}.project-dialog-photo img{max-height:45svh}.project-dialog-copy{padding:25px}.project-dialog-copy h2{font-size:30px}.project-dialog-copy>p:not(.eyebrow){font-size:12px;margin:20px 0}.project-dialog-copy>.button{font-size:11px;width:100%}.project-pagination{padding-top:20px}.journey-chapter{min-height:410px}.journey-chapter p{font-size:13px}}
@media(max-width:370px){.theatre-heading h2{font-size:35px}.screen-assembly{transform:translate(-50%,-50%) rotateX(2deg) rotateY(var(--stage-turn)) scale(.64)}.theatre-scene{height:300px}.composition-controls button{font-size:8px}.work-intro h2{font-size:38px}}
@media(max-height:750px) and (min-width:651px){.motion-theatre{height:1500px}.theatre-pin{padding-top:25px;padding-bottom:18px;min-height:570px}.theatre-heading h2{font-size:34px}.theatre-heading .eyebrow{margin-bottom:9px}.theatre-scene{min-height:270px}.screen-assembly{height:270px;width:760px}.kinetic-type{font-size:58px}.theatre-caption{margin-top:11px}.theatre-console{padding-top:10px}}
.motion-reduced .motion-theatre,body:not(.js-ready) .motion-theatre{height:auto;min-height:0}.motion-reduced .theatre-pin,body:not(.js-ready) .theatre-pin{position:relative;top:auto;height:800px;max-height:none}.motion-reduced .screen-assembly{will-change:auto}.motion-reduced .screen-face *{animation:none!important}body:not(.js-ready) .composition-controls,body:not(.js-ready) .theatre-pause{display:none}
.work-grid{grid-template-columns:1fr 1fr;gap:65px 35px}.work-card:nth-child(n){padding:0}.work-card:first-child{grid-column:1/-1}.work-card:first-child .work-image-link{aspect-ratio:2.15}.work-card:nth-child(2) .work-image-link,.work-card:nth-child(3) .work-image-link{aspect-ratio:1.25}.work-card:nth-child(3){padding-top:100px}.work-gallery.is-filtered .work-card{grid-column:auto;padding:0}.work-gallery.is-filtered .work-image-link{aspect-ratio:1.25}.work-image-link>img{transform:scale(1.04) translateY(var(--image-drift,0px));will-change:transform}.work-image-link:hover>img{transform:scale(1.08) translateY(var(--image-drift,0px))}.motion-reduced .work-image-link>img{transform:none;will-change:auto}
@media(max-width:650px){.work-grid{grid-template-columns:1fr;gap:35px}.work-card:nth-child(n){padding:0;grid-column:auto}.work-card:nth-child(n) .work-image-link{aspect-ratio:1.25}.work-gallery.is-filtered .work-card{grid-column:1/-1}.work-image-link>img{transform:none;will-change:auto}.work-image-link:hover>img{transform:scale(1.03)}}
/* A single filtered concept fills the gallery instead of leaving an empty column. */
.work-gallery.has-single-result .work-card{grid-column:1/-1;padding:0}
.work-gallery.has-single-result .work-image-link{aspect-ratio:2}
@media(max-width:900px){.work-gallery.has-single-result .work-image-link{aspect-ratio:1.5}}
@media(max-width:650px){.work-gallery.has-single-result .work-image-link{aspect-ratio:1.25}}
@media(max-width:650px){.motion-reduced .theatre-pin,body:not(.js-ready) .theatre-pin{height:auto}}
@media(prefers-reduced-motion:reduce){.motion-theatre{height:auto;min-height:0}.theatre-pin{position:relative;top:auto;height:800px}.screen-assembly{will-change:auto}.screen-face *{animation:none!important}}@media(prefers-reduced-motion:reduce) and (max-width:650px){.theatre-pin{height:auto}}