/* Reference motion study: isolated from the unchanged catalogue below. */
@font-face{font-family:Reference Lausanne;src:url('assets/reference/TWKLausanne-550-5a85f2f263f152699ca7abd663143378.woff2') format('woff2');font-weight:550;font-display:swap}
@font-face{font-family:Reference Lausanne;src:url('assets/reference/TWKLausanne-350-8c553933bc343685baac88e90773b94b.woff2') format('woff2');font-weight:350;font-display:swap}
@font-face{font-family:Reference Editorial;src:url('assets/reference/PPEditorialNew-Light-056eb05b9366904075b9e5e49b6e7c2a.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:Reference Mondwest;src:url('assets/reference/PPMondwest-Regular-190d2094189f1084c9506047176c4e21.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Reference Pixel Cyrillic;src:url('assets/reference/PressStart2P-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
.reference-transfer{overflow-x:clip;--reference-light:url('assets/reference/White-Background-Tile-2x-16c37b50592fa0135e9a704821142fec.webp');--reference-dark:url('assets/reference/Black-Background-Tile-2x-157406ef0188cf4c0d8b9316058706cb.webp')}
.reference-background{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.has-reference-canvas main,.has-reference-canvas>footer{position:relative;z-index:1}
.has-reference-canvas .reference-hero,.has-reference-canvas #projects.space-section,.has-reference-canvas .advantages-marquee,.has-reference-canvas .reference-process,.has-reference-canvas .factory-section{background:none;border:0}
.reference-transfer .site-header{position:fixed;inset:0 0 auto;height:88px;border:0;background:transparent;pointer-events:none;color:var(--ink);transition:color .2s}
.reference-transfer .header-inner{width:calc(100% - 80px);max-width:none;justify-content:space-between}
.reference-transfer .site-header a,.reference-transfer .menu-toggle{pointer-events:auto}
.reference-transfer .brand-logo{width:166px;transition:filter .2s}
.reference-transfer .header-phone{display:none}
.reference-transfer .menu-toggle{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:6px;width:100px;height:48px;padding:4px;border:0;background:transparent;order:3;color:inherit;pointer-events:auto}
.reference-transfer .menu-toggle::before{content:'Меню';font-size:13px;margin-right:12px}
.reference-transfer .menu-toggle>span:not(.sr-only){display:block;width:3px;height:24px;background:var(--pine)}
.reference-transfer .site-header.is-on-dark .menu-toggle>span:not(.sr-only){background:var(--accent)}
.reference-transfer .menu-toggle>span:nth-child(2){transform:translateY(6px)}
.reference-transfer .menu-toggle>span:nth-child(3){transform:translateY(-6px)}
.reference-transfer .site-header.is-on-dark{color:var(--paper)}
.reference-transfer .site-header.is-on-dark .brand-logo{filter:grayscale(1) brightness(0) invert(1)}
.reference-transfer .main-nav{display:none;position:fixed;inset:88px 0 auto;margin:0;padding:35px 8vw;background:var(--ink);border:0;color:var(--paper);pointer-events:auto;max-height:calc(100svh - 88px);overflow:auto}
.reference-transfer .main-nav.is-open{display:block}
.reference-transfer .main-nav ul{display:flex;align-items:stretch;flex-direction:column;gap:0}
.reference-transfer .main-nav a{font-size:clamp(24px,4vw,52px);min-height:70px}
.reference-transfer .button-primary{box-shadow:1px 8px 20px rgba(36,44,40,.15)}
.reference-hero{position:relative;min-height:100svh;display:grid;place-items:center;padding:110px 0 100px;background:var(--paper);background-image:linear-gradient(#f3f0e8c9,#f3f0e8c9),var(--reference-light);background-size:500px;color:var(--ink)}
.reference-hero-inner{position:relative;z-index:1;width:min(78vw,1120px);container-type:inline-size}
.reference-title{font-family:Reference Lausanne,Arial,sans-serif;font-size:12.7cqw;font-weight:500;line-height:1;letter-spacing:-.06em;padding:0;margin:0}
.reference-title-row{display:flex;align-items:center;gap:20px;height:1.09em;white-space:nowrap}
.reference-word{display:block;flex-shrink:0}
.reference-title-row .reference-word{font-size:1em}
.reference-reel{position:relative;display:block;flex:1;min-width:.8em;height:.86em;border-radius:8px;overflow:hidden;align-self:center}
.hero-color-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 70%}
.reference-motion-control,.reference-scroll{position:absolute;z-index:1;bottom:25px;min-height:44px;display:flex;align-items:center;gap:15px;border:0;padding:0;color:var(--muted);background:transparent;font-size:11px}
.reference-motion-control{left:40px}.reference-scroll{right:40px}.reference-scroll span{color:var(--pine);font-size:20px}
.section-wave{display:none}
.faq-fluid { position:relative;z-index:4;background:var(--ink);color:var(--paper);padding-top:210px;padding-bottom:130px; }
.faq-fluid.has-drop-surface { background:transparent; }
.faq-drop-surface { display:none;position:absolute;left:0;top:-300px;width:100%;height:calc(100% + 300px);pointer-events:none;z-index:0;overflow:visible; }
.has-drop-surface > .faq-drop-surface { display:block; }
.faq-drop-fill { fill:var(--ink); }
.faq-fluid > .faq-layout { position:relative;z-index:1; }
.faq-fluid .eyebrow,.faq-fluid .faq-contact,.faq-fluid .accordion-panel { color:var(--quiet); }
.faq-fluid .faq-contact a,.faq-fluid .accordion-item button { color:var(--paper); }
.faq-fluid .accordion-item { border-color:var(--line-dark); }
.faq-fluid .accordion-item button i { color:var(--green); }
.faq-fluid :focus-visible { outline-color:var(--green); }
.section-fluid { position:relative;padding-top:180px; }
.request-section.section-fluid { z-index:5;--drop-color:var(--green);--drop-previous:var(--ink); }
.contacts-section.section-fluid { z-index:6;--drop-color:var(--paper);--drop-previous:var(--green); }
.section-fluid.has-drop-surface { background:transparent; }
/* Overlap the preceding SVG: abutting antialiased edges can expose the paper
   background as a one-pixel stripe when a section boundary is fractional. */
.section-fluid.has-drop-surface::before { content:'';position:absolute;inset:-2px 0 auto;height:162px;background:var(--drop-previous);pointer-events:none; }
.section-drop-surface { display:none;position:absolute;left:0;top:-300px;width:100%;height:calc(100% + 300px);pointer-events:none;overflow:visible; }
.has-drop-surface > .section-drop-surface { display:block; }
.section-drop-surface path { fill:var(--drop-color); }
.section-fluid > .container { position:relative;z-index:1; }
@media(max-width:600px) { .section-fluid { padding-top:110px; }.section-fluid.has-drop-surface::before { height:77px; } }
@media(max-width:600px) { .faq-fluid { padding-top:110px;padding-bottom:75px; } }
.section-wave svg{width:100%;height:100%;display:block}.wave-paper path{fill:var(--paper)}.wave-dark path{fill:var(--ink)}
.wave-paper svg{background:var(--ink)}.wave-dark svg{background:var(--paper)}
.space-section{position:relative;background:var(--ink);background-image:linear-gradient(#242c28e3,#242c28e3),var(--reference-dark);background-size:400px;color:var(--paper);padding:0}
.space-story{position:relative}
.space-stage{position:relative;z-index:1;max-width:1800px;margin:auto;padding:100px 4vw}
.space-scene{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-bottom:70px}
.space-photo{position:relative;border:0;padding:0;background:var(--surface-dark);border-radius:8px;overflow:hidden;color:var(--paper);width:100%;height:540px;cursor:zoom-in;text-align:left}
.space-photo img{width:100%;height:100%;object-fit:cover}
.space-photo-link{position:absolute;bottom:16px;left:16px;padding:8px 14px;background:var(--ink);font-size:11px;opacity:0;transition:opacity .2s}
.space-photo:hover .space-photo-link,.space-photo:focus-visible .space-photo-link{opacity:1}
.space-copy h3,.space-live-copy h3{font-size:clamp(30px,4.6vw,72px);font-weight:550;line-height:1.1;letter-spacing:-.045em;font-family:Reference Lausanne,Arial,sans-serif}
.space-type-line{position:relative;display:block;width:max-content;max-width:100%;white-space:nowrap;min-height:1.1em}
.space-type-line i{display:none;background:var(--green);width:.65em;height:.12em;margin-left:3px;transform:translateY(.12em)}
.space-copy>p,.space-live-copy>p{font-size:14px;line-height:1.45;color:var(--quiet);max-width:410px;margin-top:30px}
.space-caption{position:relative;width:100%;max-width:480px;z-index:5;display:grid;grid-template-columns:minmax(0,1fr);container-type:inline-size}
.space-caption h2{font:550 clamp(14px,4.4cqw,18px)/1.2 Reference Lausanne,Arial,sans-serif;letter-spacing:-.025em;white-space:nowrap;text-wrap:initial}
.space-caption p{font-size:clamp(9px,3cqw,13px);line-height:1.45;margin:12px 0 18px;color:var(--quiet);white-space:nowrap}
.space-caption .button{justify-self:end;font-size:11px;min-height:49px;gap:25px;padding:14px 22px}
.space-scroll-hint,.space-nav{display:none}
.space-story.motion-enabled{height:calc(100svh + 2000px)}
.motion-enabled .space-stage{--project-photo-width:min(40vw,760px);--project-copy-width:min(48vw,640px);--project-gap:clamp(24px,2vw,40px);--project-left:calc((100% - var(--project-photo-width) - var(--project-copy-width) - var(--project-gap))/2);position:sticky;top:0;height:100svh;padding:0;max-width:none;overflow:clip}
.motion-enabled .space-scenes{position:absolute;inset:0}
.motion-enabled .space-scene{display:contents}
.motion-enabled .space-photo{position:absolute;left:var(--project-left);top:calc((100% - min(70svh,760px))/2);width:var(--project-photo-width);max-width:760px;height:min(70svh,760px);transform-origin:50% 50%;will-change:transform}
.motion-enabled .space-copy{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.space-live-copy{display:none}
.motion-enabled .space-editorial{position:absolute;left:calc(var(--project-left) + var(--project-photo-width) + var(--project-gap));top:50%;width:var(--project-copy-width);transform:translateY(-50%);z-index:5}
.motion-enabled .space-live-copy{display:block;position:relative;pointer-events:none}
.motion-enabled .space-caption{position:relative;max-width:480px;margin-top:28px;padding-top:24px;border-top:1px solid var(--line-dark)}
.motion-enabled .space-caption p{margin:12px 0 18px}
@media(min-width:1101px){
 .motion-enabled .space-caption{max-width:none;grid-template-columns:max-content max-content;justify-content:start;column-gap:24px;align-items:center}
 .motion-enabled .space-caption h2{grid-column:1;grid-row:1}
 .motion-enabled .space-caption p{grid-column:1;grid-row:2;font-size:clamp(11px,1.95cqw,13px);margin:8px 0 0}
 .motion-enabled .space-caption .button{grid-column:2;grid-row:1 / 3;align-self:center}
}
.motion-enabled .space-scroll-hint{display:flex;flex-direction:column;align-items:center;gap:15px;position:absolute;left:calc(var(--project-left) - 36px);top:47%;font-size:13px;font-weight:600;z-index:4}
.space-scroll-hint>span{writing-mode:vertical-rl;rotate:180deg}
.space-scroll-hint svg{display:block;color:var(--accent);flex-shrink:0}
.motion-enabled .space-nav{display:flex;gap:10px;position:absolute;right:40px;bottom:40px;z-index:5}
.space-nav button{border:1px solid var(--line-dark);background:var(--ink);color:var(--quiet);border-radius:50%;width:44px;height:44px;font-size:12px}
.space-nav button[aria-current]{background:var(--green);border-color:var(--green);color:var(--ink)}
.space-section :focus-visible{outline-color:var(--green)}
.advantages-marquee{position:relative;background:var(--paper);background-image:linear-gradient(#f3f0e8c9,#f3f0e8c9),var(--reference-light);background-size:500px;padding:100px 0 85px;color:var(--ink)}
.advantage-row{position:relative;z-index:1;overflow:hidden;width:100%;padding:10px 0}
.advantage-drift{width:max-content;will-change:transform}
.advantage-track{display:flex;width:max-content;animation:reference-marquee 38s linear infinite;will-change:transform}
.advantage-group{display:flex;gap:65px;align-items:center;padding-right:65px;flex-shrink:0}
.advantage-group span{white-space:nowrap;font-size:clamp(86px,14vw,215px);font-weight:300;line-height:1.15;letter-spacing:-.04em}
.advantage-group img{width:clamp(160px,23vw,340px);height:clamp(100px,15vw,220px);object-fit:cover;filter:none;border-radius:8px}
.advantage-row-serif{font-family:Reference Editorial,Georgia,serif}
.advantage-row-sans{font-family:Reference Lausanne,Arial,sans-serif}
.advantage-row-sans .advantage-group span{font-size:clamp(64px,9vw,140px);font-weight:550;line-height:1.3;letter-spacing:-.055em}
.advantage-row-sans .advantage-track{animation-duration:19s;animation-delay:-6s}
.advantage-row-materials{font-family:Consolas,Menlo,'Liberation Mono','Courier New',monospace}
.advantage-row-materials .advantage-group span{font-size:clamp(58px,8vw,124px);font-weight:400;line-height:1.3;letter-spacing:-.055em}
.advantage-row-materials .advantage-track{animation-duration:18s;animation-delay:-11s}
.advantages-note{margin:45px 40px 0;font-size:13px;color:var(--muted)}
.reference-transfer.motion-paused .advantage-track{animation-play-state:paused}
@keyframes reference-marquee{to{transform:translateX(-33.333333%)}}
.reference-process{position:relative;color:var(--paper);background:var(--ink);background-image:linear-gradient(#242c28e3,#242c28e3),var(--reference-dark);background-size:400px;padding:170px 0 140px}
.reference-process-inner{position:relative;z-index:1;width:min(76%,1100px);margin:auto;display:grid;grid-template-columns:.92fr 1.08fr;gap:9vw;align-items:center}
.reference-process-heading h2{font-size:clamp(40px,4.9vw,72px);font-family:Reference Lausanne,Arial,sans-serif;line-height:1.06;letter-spacing:-.05em;text-wrap:initial}
.reference-process-heading>.eyebrow{font-size:12px;color:var(--quiet);margin-bottom:22px}
.reference-process-heading>p:not(.eyebrow){font-size:15px;line-height:1.45;color:var(--quiet);max-width:285px;margin-top:30px}
.reference-process-heading .button{margin-top:24px;font-size:11px;gap:25px;min-height:49px}
.reference-steps{padding:0;margin:0;list-style:none;display:grid;gap:14px}
.reference-steps details{border:1px solid var(--line-dark);border-radius:10px;transition:background .25s,border-color .25s}
.reference-steps summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:25px 1fr 25px;gap:24px;align-items:center;min-height:115px;padding:22px}
.reference-steps summary::-webkit-details-marker{display:none}
.reference-steps h3{font-size:clamp(18px,1.8vw,27px);font-weight:400;line-height:1.2;letter-spacing:-.035em;color:var(--quiet)}
.reference-step-number{font-size:14px;color:var(--paper)}
.reference-step-arrow{color:var(--green);font-size:24px;transition:rotate .2s}
.reference-steps details[open]{background:var(--surface-dark);border-color:var(--quiet)}
.reference-steps details[open] .reference-step-arrow{rotate:90deg}
.reference-steps details p{margin:0 24px 25px 71px;font-size:14px;color:var(--quiet);line-height:1.5}
.reference-steps summary:hover h3{color:var(--paper)}
.reference-process :focus-visible{outline-color:var(--green)}
@media(min-width:1600px){.reference-title{font-size:142px}}
@media(max-width:1000px){
 .reference-hero-inner{width:88vw}.reference-title-row{gap:12px}
 .reference-process-inner{width:86%;gap:6vw}.reference-process{padding:120px 0 100px}
 .reference-steps summary{gap:15px;padding:20px;min-height:100px}.reference-steps details p{margin-left:60px}
 .motion-enabled .space-stage{--project-photo-width:43vw;--project-copy-width:calc(49vw - 24px);--project-gap:24px}
 .motion-enabled .space-photo{height:min(64svh,640px);top:calc((100% - min(64svh,640px))/2)}
 .space-live-copy h3{font-size:4.5vw}
 .motion-enabled .space-scroll-hint{display:none}
}
@media(max-width:600px){
 .reference-transfer .site-header{height:70px}.reference-transfer .header-inner{width:calc(100% - 32px)}
 .reference-transfer .brand-logo{width:125px}.reference-transfer .main-nav{top:70px}.reference-transfer .menu-toggle::before{display:none}.reference-transfer .menu-toggle{width:45px;gap:5px}
 .reference-hero{padding:100px 0 80px;min-height:100svh}.reference-hero-inner{width:92vw}.reference-title{font-size:12.2cqw;letter-spacing:-.065em}
 .reference-title-row{height:1.65em;gap:10px}.reference-reel{height:1.25em;border-radius:5px}
 .reference-motion-control{left:16px;bottom:20px;font-size:10px}.reference-scroll{right:16px;bottom:20px;font-size:10px;gap:8px}
 .space-stage{padding:90px 22px 60px}.space-scene{display:flex;flex-direction:column;align-items:stretch;gap:25px;margin-bottom:60px}.space-photo{height:430px}.space-copy h3{font-size:8vw}
 .motion-enabled .space-photo{left:8vw;top:88px;width:84vw;height:min(63vw,34svh)}
 .motion-enabled .space-editorial{left:8vw;right:auto;top:calc(88px + min(63vw,34svh) + 24px);width:84vw;transform:none}.space-live-copy h3{font-size:8.1vw;line-height:1.06}
 .space-live-copy>p{font-size:12px;max-width:82vw;margin-top:15px;line-height:1.3}
 .motion-enabled .space-caption{max-width:none;margin-top:20px;padding-top:18px}.space-caption .button{margin-top:0;min-height:42px;padding:10px 14px;font-size:10px;gap:12px}
 .motion-enabled .space-scroll-hint{display:none}.motion-enabled .space-nav{right:15px;bottom:25px;gap:4px}.space-nav button{width:32px;height:44px;border-radius:4px;font-size:10px}
 .advantages-marquee{padding:70px 0 60px}.advantage-group{gap:30px;padding-right:30px}.advantage-row-serif .advantage-group span{font-size:88px}.advantage-row-sans .advantage-group span{font-size:64px}.advantage-group img{width:145px;height:90px}.advantages-note{margin:30px 20px 0;font-size:12px;max-width:290px}
 .advantage-row-materials .advantage-group span{font-size:58px}
 .reference-process{padding:100px 0 90px}.reference-process-inner{width:calc(100% - 40px);grid-template-columns:1fr;gap:45px}.reference-process-heading h2{font-size:49px}.reference-steps summary{min-height:95px}.reference-steps h3{font-size:22px}
}
@media(prefers-reduced-motion:reduce){
 .advantage-track{animation:none}.advantage-row{display:none}.advantages-marquee>.sr-only{position:static;clip:auto;width:auto;height:auto;margin:0 7vw;padding:0;list-style:none;display:grid;gap:20px;font-size:clamp(26px,4vw,60px);line-height:1.1;white-space:normal;overflow:visible}
 .reference-motion-control{display:none}.section-wave{display:none}.reference-transfer .site-header,.reference-step-arrow{transition:none}
}