/* Кинематографическое движение: только transform/opacity, без тяжёлых эффектов */
@view-transition{navigation:auto}::view-transition-old(root){animation:page-out .22s ease both}::view-transition-new(root){animation:page-in .38s ease both}@keyframes page-out{to{opacity:0;transform:translateY(-8px)}}@keyframes page-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.moments-section{padding:75px 0 55px;overflow:hidden;border-bottom:1px solid var(--line)}.moments-heading{padding:0 8%;display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}.moments-heading h2{margin-top:22px;max-width:650px}.moments-heading>a{flex-shrink:0}.moments-track{display:flex;gap:25px;padding:0 8% 20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:8%;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;cursor:grab}.moments-track::-webkit-scrollbar{display:none}.moments-track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.moment-card{display:block;flex:0 0 49%;min-width:0;scroll-snap-align:start}.moment-image{position:relative;overflow:hidden;background:#d6d3ca;aspect-ratio:1.5}.moment-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.88);transition:transform 1s,filter .7s;pointer-events:none}.moment-card:hover img,.moment-card:focus-visible img{transform:scale(1.04);filter:saturate(1.05)}.moment-open{position:absolute;right:20px;bottom:20px;width:43px;height:43px;border:1px solid #fffa;color:white;border-radius:50%;display:grid;place-items:center;font-size:23px;background:#0003;transition:background .3s,rotate .4s}.moment-card:hover .moment-open{background:#f5f3ef;color:#111;rotate:45deg}.moment-caption{display:flex;align-items:baseline;gap:18px;margin-top:15px}.moment-caption>span{font-size:9px;color:var(--gray);letter-spacing:1px}.moment-caption strong{font:28px/1.15 var(--serif);font-weight:400;letter-spacing:-.5px}.moment-caption>span:last-child{margin-left:auto;font-size:8px;white-space:nowrap}.moments-controls{display:flex;align-items:center;gap:15px;margin:10px 8% 0}.moments-counter{font:10px monospace;letter-spacing:1px;min-width:64px}.moments-progress{height:1px;background:var(--line);flex:1;position:relative;margin-right:15px}.moments-progress>span{display:block;background:var(--ink);height:1px;width:100%;transform:scaleX(.167);transform-origin:left;transition:transform .4s}.moments-controls button{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:21px;transition:background .3s,color .3s}.moments-controls button:hover{background:var(--ink);color:var(--paper)}.moments-controls button:disabled{opacity:.35;cursor:default}.service-visual-story{display:grid;grid-template-columns:1.2fr 1fr;margin:65px 8% 0;border:1px solid var(--line);min-height:430px}.service-story-image{overflow:hidden}.service-story-image img{height:100%;width:100%;object-fit:cover;transition:transform 1.4s}.service-visual-story:hover img{transform:scale(1.025)}.service-story-copy{padding:45px;align-self:center}.service-story-copy h2{font-size:clamp(40px,4vw,60px);margin:25px 0}.service-story-copy p{font-size:12px;color:var(--gray);margin-bottom:25px}.process-frame{display:block;width:100%;aspect-ratio:1.35;object-fit:cover;height:auto;margin:23px 0 0;filter:saturate(.8);transition:filter .5s}.steps article:hover .process-frame{filter:none}.chapter-image{margin:45px 8% 0;overflow:hidden}.chapter-image>img{display:block;width:100%;height:clamp(280px,39vw,540px);object-fit:cover;object-position:50% 45%}.chapter-image figcaption{display:flex;justify-content:space-between;gap:20px;font-size:9px;padding-top:16px;letter-spacing:.5px}.chapter-image figcaption>span{color:var(--gray)}.chapter-image figcaption a{border-bottom:1px solid}.real-color-studies{border-top:1px solid var(--line)}.real-color-studies h2{max-width:750px}.color-study-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:45px 0 25px}.color-study-grid a{display:block;min-width:0}.color-study-grid img{width:100%;aspect-ratio:1.05;object-fit:cover;transition:filter .5s,transform .7s;filter:saturate(.9)}.color-study-grid a:hover img{filter:saturate(1.15);transform:translateY(-5px)}.color-study-grid span{font:9px monospace;color:var(--gray);display:block;margin-top:18px}.color-study-grid h3{font:31px/1.15 var(--serif);font-weight:400;margin-top:12px;letter-spacing:-.6px}.study-note{font-size:11px;color:var(--gray);max-width:730px}.frame-image img{filter:saturate(.8)}.frame-card:hover img,.frame-card:focus-visible img{filter:saturate(1)}.footer-navigation a{position:relative}.footer-navigation a:after{content:'';height:1px;position:absolute;bottom:-4px;left:0;right:0;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}.footer-navigation a:hover:after{transform:scaleX(1)}.masthead{transition:height .4s,box-shadow .4s,background .4s}.masthead.is-scrolled{box-shadow:0 5px 18px #00000008;background:#f5f3effa}.solid-link,.submit{position:relative;overflow:hidden}.solid-link:after,.submit:after{content:'';position:absolute;top:-40%;bottom:-40%;width:25%;left:-50%;background:linear-gradient(90deg,transparent,#ffffff28,transparent);transform:skewX(-18deg);pointer-events:none}.solid-link:hover:after,.submit:hover:after{animation:button-light .75s ease both}@keyframes button-light{to{left:135%}}
/* Эффекты включаются только когда JavaScript и настройки движения позволяют. */
.cinematic-motion .cover-visual{animation:frame-aperture 1.25s cubic-bezier(.16,1,.3,1) both}.cinematic-motion .title-letter{display:inline-block;animation:title-letter-in 1s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(min(var(--letter),18)*.025s)}.cinematic-motion .title-word{display:inline-block;white-space:nowrap}.cinematic-motion .cinema-await{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .9s cubic-bezier(.16,1,.3,1);transition-delay:var(--cinema-delay,0ms)}.cinematic-motion .cinema-await.cinema-visible{opacity:1;transform:none}.cinematic-motion .chapter-image img{animation:still-drift 22s ease-in-out infinite alternate;transform-origin:50% 45%}.cinematic-motion .cover-visual .frame-corners:before,.cinematic-motion .cover-visual .frame-corners:after{content:'';position:absolute;left:12px;top:-10px;width:4px;height:4px;background:#fff8;border-radius:50%;box-shadow:10px 0 #fff3,20px 0 #fff3}.cinematic-motion .cover-visual .frame-corners:after{left:auto;right:12px;top:auto;bottom:-10px;width:35px;height:1px;box-shadow:none;border-radius:0}.director-light{position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at var(--beam-x,25%) var(--beam-y,50%),#ffffff12,transparent 50%);opacity:0;transition:opacity .6s}.cover-visual:hover .director-light{opacity:1}@keyframes frame-aperture{from{clip-path:inset(12% 0)}to{clip-path:inset(0)}}@keyframes title-letter-in{from{opacity:0;transform:translateY(.35em) rotate(3deg)}to{opacity:1;transform:none}}@keyframes still-drift{from{scale:1}to{scale:1.025}}
@media(max-width:900px){.moment-card{flex-basis:65%}.moment-caption>span:last-child{display:none}.service-story-copy{padding:30px}.service-visual-story{min-height:370px}.color-study-grid{gap:18px}.color-study-grid h3{font-size:27px}}@media(max-width:600px){.moments-section{padding:50px 0 40px}.moments-heading{padding:0 7%;display:block;margin-bottom:28px}.moments-heading h2{font-size:46px;margin-top:20px}.moments-heading>a{margin-top:20px}.moments-track{padding-left:7%;padding-right:7%;gap:17px;scroll-padding-left:7%}.moment-card{flex-basis:86%;scroll-snap-stop:always}.moment-image{aspect-ratio:1.18}.moment-caption{gap:12px}.moment-caption strong{font-size:28px}.moments-controls{margin:12px 7% 0;gap:10px}.moments-controls button{width:40px;height:40px}.service-visual-story{grid-template-columns:1fr;margin:35px 7% 0;min-height:0}.service-story-image img{height:270px}.service-story-copy{padding:28px}.service-story-copy h2{font-size:43px;margin:20px 0}.process-frame{aspect-ratio:1.2;margin-top:18px}.chapter-image{margin:30px 7% 0}.chapter-image>img{height:300px}.chapter-image figcaption{font-size:8px;gap:10px}.chapter-image figcaption>span{max-width:160px}.color-study-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}.color-study-grid img{aspect-ratio:1.4}.color-study-grid h3{font-size:34px}.color-study-grid span{margin-top:14px}.study-note{font-size:10px}.cinematic-motion .chapter-image img{animation:none}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.cinematic-motion .cinema-await{opacity:1;transform:none}.director-light{display:none}}