.opening-intro{z-index:1000;isolation:isolate;background:var(--yellow);color:var(--ink);place-items:center;animation:.45s ease-in-out 4.15s both intro-dismiss;display:grid;position:fixed;inset:0;overflow:hidden}html[data-intro=skip] .opening-intro{display:none}.intro-stage{width:min(620px,100vw - 48px);height:130px;font-family:Poppins,Arial,Helvetica,sans-serif;line-height:1;position:relative}.intro-logo,.intro-hi,.intro-humans{white-space:nowrap;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.intro-logo{--group-gap:.14em;letter-spacing:0;font-family:Montserrat,Arial,Helvetica,sans-serif;font-size:clamp(34px,6.2vw,76px);animation:2.15s cubic-bezier(.22,.8,.25,1) both intro-logo-sequence}.intro-montaj{gap:var(--group-gap);margin-right:var(--group-gap);letter-spacing:-.054em;font-weight:700;display:flex}.intro-montaj>span{animation:1.7s ease-in-out both intro-group-spacing;display:inline-block}.intro-suffix{align-items:baseline;display:flex}.intro-j{letter-spacing:-.054em;font-weight:700}.intro-house{color:var(--paper);letter-spacing:-.068em;margin-left:.034em;font-weight:300}.intro-hi,.intro-humans{color:var(--paper);letter-spacing:-.04em;font-size:clamp(24px,3.8vw,46px);font-weight:300}.intro-hi{animation:2.7s ease-in-out both intro-hi-sequence}.intro-humans{animation:3.05s cubic-bezier(.22,.8,.25,1) both intro-humans-sequence}.intro-sweep{z-index:-1;pointer-events:none;background:linear-gradient(100deg,#0000 20%,#ffffff45 48%,#0000 77%);animation:1.15s ease-in-out 80ms both intro-light-sweep;position:absolute;inset:0;transform:translate(-110%)}@keyframes intro-light-sweep{0%{transform:translate(-110%)}to{transform:translate(110%)}}@keyframes intro-group-spacing{0%,30%{transform:translateX(calc(var(--remaining-gaps) * var(--group-gap)))}70%,to{transform:translate(0)}}@keyframes intro-logo-sequence{0%,10%{opacity:0;clip-path:inset(0)}25%,72%{opacity:1;clip-path:inset(0)}94%{opacity:.35;clip-path:inset(0 47%)}to{opacity:0;clip-path:inset(0 49%)}}@keyframes intro-hi-sequence{0%,67%{opacity:0}76%,86%{opacity:1}to{opacity:0}}@keyframes intro-humans-sequence{0%,79%{opacity:0;clip-path:inset(0 46%);transform:scaleX(.92)}84%{opacity:1;clip-path:inset(0 42%);transform:scaleX(.98)}to{opacity:1;clip-path:inset(0);transform:scaleX(1)}}@keyframes intro-dismiss{0%{opacity:1}to{opacity:0;visibility:hidden}}@media (max-width:600px){.intro-stage{width:calc(100vw - 36px)}}@media (prefers-reduced-motion:reduce){.opening-intro{display:none}}.scene-aperture{display:none}[data-scene-motion=true] .scene-aperture{z-index:0;border-radius:inherit;pointer-events:none;opacity:calc((1 - var(--scene-progress,1)) * .95);transform:scaleX(calc(.06 + var(--scene-progress,1) * .94));background:linear-gradient(125deg,#ffffff38,#ffca051f 55%,#ffffff0a);border:1px solid #ffffff80;display:block;position:absolute;inset:0}[data-scene=manifesto]>:not(.scene-aperture),[data-scene=window]>:not(.scene-aperture),.team-panel>:not(.scene-aperture),[data-scene=contact]>:not(.scene-aperture),[data-scene=end-card]>:not(.scene-aperture){z-index:1;position:relative}[data-scene=manifesto][data-scene-motion=true] .scene-aperture{transform:scaleY(calc(.06 + var(--scene-progress,1) * .94))}[data-scene=team][data-scene-motion=true] .scene-aperture{transform-origin:0}[data-scene=contact][data-scene-motion=true] .scene-aperture{clip-path:polygon(calc((1 - var(--scene-progress,1)) * 116%) 0, 100% 0, 100% 100%, calc((1 - var(--scene-progress,1)) * 116% - 16%) 100%);transform:none}[data-scene=title][data-scene-motion=true]{position:relative}[data-scene=title][data-scene-motion=true]:after{content:"";pointer-events:none;background:linear-gradient(90deg, var(--yellow), transparent);transform-origin:0;width:min(220px,45%);height:2px;transform:scaleX(var(--scene-progress,1));position:absolute;bottom:-16px;left:0}[data-scene=hero][data-scene-motion=true]:before{transform:translateY(calc(var(--scene-progress,0) * -70px)) rotate(calc(-12deg + var(--scene-progress,0) * 25deg))}[data-scene=hero][data-scene-motion=true]:after{transform:translateY(calc(var(--scene-progress,0) * -100px)) scale(calc(1 + var(--scene-progress,0) * .12))}[data-scene=manifesto][data-scene-motion=true]{opacity:calc(.65 + var(--scene-progress,1) * .35)}.scene-card{perspective:1100px;--fan-x:0px;--fan-angle:0deg;min-width:0}.scene-card .value-card{height:100%;position:relative}.scene-card:first-child{--fan-x:-26px;--fan-angle:-14deg}.scene-card:last-child{--fan-x:26px;--fan-angle:14deg}[data-scene=card][data-scene-motion=true] .value-card{translate:calc((1 - var(--scene-progress,1)) * var(--fan-x)) calc((1 - var(--scene-progress,1)) * 42px);rotate:y calc((1 - var(--scene-progress,1)) * var(--fan-angle))}[data-scene=card][data-scene-motion=true] .value-icon{rotate:calc((1 - var(--scene-progress,1)) * -55deg)}[data-scene=team][data-scene-motion=true] .team-panel{opacity:calc(.55 + var(--scene-progress,1) * .45);translate:calc((1 - var(--scene-progress,1)) * 24px) 0;animation:none}[data-scene=bridge][data-scene-motion=true] .moving-overlay{opacity:calc(.65 + var(--scene-entry,1) * .35)}[data-scene=end-card][data-scene-motion=true],[data-scene=contact][data-scene-motion=true]{opacity:calc(.65 + var(--scene-progress,1) * .35)}[data-scene=manifesto]:after,[data-scene=contact]:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;border:1px solid #ffca058c;position:absolute;inset:0}[data-scene=end-card]{position:relative}[data-scene=manifesto][data-scene-motion=true]:after,[data-scene=contact][data-scene-motion=true]:after{opacity:calc((1 - var(--scene-progress,1)) * .8);clip-path:inset(0 calc((1 - var(--scene-progress,1)) * 49%) round 26px)}[data-scene=end-card][data-scene-motion=true]:after{content:"";width:100%;height:1px;transform:scaleX(var(--scene-progress,1));transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#ffca0566,#ffffff1f,#0000);position:absolute;top:-28px;left:0}.knock-icon{flex:0 0 24px;width:24px;height:24px;display:inline-block;position:relative}.knock-icon svg{width:24px;height:24px;position:absolute;inset:0}.knock-hand{opacity:0}.knock-icon:after{content:"";opacity:0;pointer-events:none;border:1px solid #1116;border-radius:50%;position:absolute;inset:-5px}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.knock-icon svg{transition:opacity .15s}.knock-button:is(:hover,:focus-visible) .knock-arrow{opacity:0}.knock-button:is(:hover,:focus-visible) .knock-hand{opacity:1;animation:1.05s ease-in-out .12s both double-knock}.knock-button:is(:hover,:focus-visible) .knock-icon:after{animation:1.05s ease-out .12s both knock-rings}@keyframes double-knock{0%,35%,65%,to{transform:translate(0)rotate(0)}12%,48%{transform:translate(-3px)rotate(-16deg)}22%,58%{transform:translate(4px)rotate(5deg)}}@keyframes knock-rings{0%,18%,48%{opacity:0;transform:scale(.7)}22%,58%{opacity:.5;transform:scale(.9)}43%,85%,to{opacity:0;transform:scale(1.55)}}}.site-footer{position:relative}.site-footer:before{content:"";pointer-events:none;background:#1116;width:100%;height:2px;position:absolute;top:0;left:0}[data-scene=footer][data-scene-motion=true]:before{transform:scaleX(var(--scene-progress,1));transform-origin:0}[data-scene=footer][data-scene-motion=true] .brand-mark{opacity:calc(.65 + var(--scene-progress,1) * .35)}[data-glass]{position:relative}[data-glass]:before{content:"";z-index:6;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(240px circle at var(--pointer-x,50%) var(--pointer-y,50%), #ffffff21, #ffca050b 38%, transparent 72%);transition:opacity .3s;position:absolute;inset:0}[data-glass-motion=true][data-glass-hover=true]:before{opacity:1}[data-magnet][data-glass-motion=true]{translate:var(--magnet-x,0px) var(--magnet-y,0px);transition:translate .18s ease-out}@media (prefers-reduced-motion:no-preference){.scene-card[data-scene-motion=true][data-scene-active=true] .value-motif--pencil .pencil-body{animation:3.2s cubic-bezier(.2,.8,.2,1) infinite pencil-poke}.scene-card[data-scene-motion=true][data-scene-active=true] .value-motif--pencil .pencil-rays{animation:3.2s ease-in-out infinite pencil-rays}.scene-card:first-child .value-card:hover .pencil-body,.scene-card:first-child .value-card:hover .pencil-rays{animation-duration:1.35s}.scene-card[data-scene-motion=true][data-scene-active=true] .value-motif--pen .pen-curve-main{animation:3.4s ease-in-out infinite pen-path}.scene-card[data-scene-motion=true][data-scene-active=true] .value-motif--pen .pen-nib{animation:3.4s cubic-bezier(.2,.75,.25,1) infinite pen-tool}.scene-card[data-scene-motion=true][data-scene-active=true] .value-motif--pen .pen-nodes{animation:3.4s ease-in-out infinite pen-nodes}.scene-card:nth-child(2) .value-card:hover .pen-curve-main,.scene-card:nth-child(2) .value-card:hover .pen-nib,.scene-card:nth-child(2) .value-card:hover .pen-nodes{animation-duration:1.55s}.scene-card[data-scene-motion=true][data-scene-active=true] .value-motif--eye .eye-lid{animation:5.4s ease-in-out infinite natural-eye-blink}.scene-card[data-scene-motion=true][data-scene-active=true] .value-motif--eye .eye-rays{animation:5.4s ease-in-out infinite exact-eye-rays}[data-scene=team][data-scene-motion=true][data-scene-active=true] .team-portrait>span{animation:1.2s cubic-bezier(.22,.65,.25,1) both team-initials-cut}[data-scene=team][data-scene-motion=true][data-scene-active=true] .team-copy,[data-glass-motion=true] .project-copy h3{animation:1.15s cubic-bezier(.22,.65,.25,1) both copy-edit-cut}@keyframes team-initials-cut{0%{opacity:.25;rotate:-8deg;scale:.94}to{opacity:1;rotate:0deg;scale:1}}@keyframes copy-edit-cut{0%{opacity:.25;translate:0 14px}to{opacity:1;translate:0}}@keyframes pencil-poke{0%,10%,34%,to{transform:translateY(7px)}17%{transform:translateY(-17px)}23%{transform:translateY(4px)}28%{transform:translateY(-4px)}}@keyframes pencil-rays{0%,12%,30%,to{opacity:0;transform:scale(.62)}17%,22%{opacity:1;transform:scale(1.18)}}@keyframes pen-path{0%,8%,to{stroke-dashoffset:190px;opacity:.18}48%,76%{stroke-dashoffset:0;opacity:1}}@keyframes pen-tool{0%,8%,to{transform:translate(31px,24px)rotate(10deg)}48%,76%{transform:translate(-17px,-22px)rotate(-7deg)}}@keyframes pen-nodes{0%,12%,to{opacity:.18}32%,76%{opacity:1}}@keyframes natural-eye-blink{0%,43%,48%,73%,78%,to{transform:scaleY(1)}45.5%,46.5%,75.5%,76.5%{transform:scaleY(.055)}}@keyframes exact-eye-rays{0%,to{opacity:.52}28%,66%{opacity:1}}}.scroll-word{--word-target:var(--paper)}.scroll-word--accent{--word-target:var(--yellow)}[data-scene=brand]{isolation:isolate;position:relative}[data-scene=brand]>.site-shell{z-index:1;position:relative}[data-scene=brand][data-scene-motion=true]:before{content:"";pointer-events:none;opacity:1;clip-path:polygon(calc(var(--scene-progress,1) * 116%) 0, 100% 0, 100% 100%, calc(var(--scene-progress,1) * 116% - 16%) 100%);background:linear-gradient(110deg,#976d003b,#ffffff2e);position:absolute;inset:0}[data-scene-motion=true] .scroll-word{color:color-mix(in srgb, #aaa, var(--word-target) calc(var(--word-progress,1) * 100%))}[data-scene=window][data-scene-motion=true]{opacity:calc(.65 + var(--scene-progress,1) * .35)}[data-scene=window]:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffff24 50%,#0000 70%);position:absolute;inset:0}[data-scene=window][data-scene-motion=true]:after{transform:translateX(calc((var(--scene-progress,1) * 2 - 1) * 100%));opacity:calc((1 - var(--scene-progress,1)) * .8)}[data-scene=bridge][data-scene-motion=true]{clip-path:inset(var(--bridge-inset,0%) 0)}[data-scene=title][data-scene-motion=true]{opacity:calc(.65 + var(--scene-progress,1) * .35);translate:0 calc((1 - var(--scene-progress,1)) * 14px)}[data-scene][data-scene-motion=true][data-scene-settled=true],[data-scene=card][data-scene-settled=true] .value-card,[data-scene=team][data-scene-settled=true] .team-panel,[data-scene=footer][data-scene-settled=true] .brand-mark{clip-path:none}.project-window{isolation:isolate;min-width:0;position:relative;overflow:hidden}.project-window .project-art{height:100%}.scene-shutter{display:none}[data-scene=project][data-scene-motion=true] .scene-shutter{z-index:5;pointer-events:none;background:linear-gradient(115deg,#1c1c1c,#111 75%);width:60%;display:block;position:absolute;top:-10%;bottom:-10%}[data-scene=project][data-scene-motion=true] .scene-shutter--left{transform:translateX(calc(var(--scene-progress,1) * -110%)) skewX(-8deg);border-right:1px solid #ffca05b3;left:-10%;box-shadow:8px 0 24px #ffca0512}[data-scene=project][data-scene-motion=true] .scene-shutter--right{transform:translateX(calc(var(--scene-progress,1) * 110%)) skewX(-8deg);border-left:1px solid #ffffff52;right:-10%}[data-scene=project][data-scene-motion=true] .project-art{transform:scale(calc(1.08 - var(--scene-progress,1) * .08));transform-origin:50%;animation:none}@media (max-width:900px){[data-scene=card][data-scene-motion=true] .value-card{translate:none;rotate:none}}@media (max-width:600px){[data-scene=hero][data-scene-motion=true]:before,[data-scene=hero][data-scene-motion=true]:after{transform:none}[data-scene=brand][data-scene-motion=true]:before{clip-path:inset(0 0 0 calc(var(--scene-progress,1) * 100%))}[data-scene=project][data-scene-motion=true] .scene-shutter{box-shadow:none}[data-scene=project][data-scene-motion=true] .scene-shutter--left{transform:translateX(calc(var(--scene-progress,1) * -110%))}[data-scene=project][data-scene-motion=true] .scene-shutter--right{transform:translateX(calc(var(--scene-progress,1) * 110%))}[data-scene=project][data-scene-motion=true] .project-art{transform:none}}@media (prefers-reduced-motion:reduce){[data-scene-motion=true] .scene-aperture,[data-scene=title][data-scene-motion=true]:after{display:none}[data-scene=card][data-scene-motion=true] .value-card,[data-scene=team][data-scene-motion=true] .team-panel,[data-scene=bridge][data-scene-motion=true] .moving-overlay,[data-scene=footer][data-scene-motion=true] .brand-mark{clip-path:none;translate:none;rotate:none}[data-scene=hero][data-scene-motion=true]:before,[data-scene=hero][data-scene-motion=true]:after,[data-scene=footer][data-scene-motion=true]:before{transform:none}[data-scene=card][data-scene-motion=true] .value-icon,[data-scene=end-card][data-scene-motion=true] button svg,[data-glass-motion=true] .value-icon svg{animation:none;translate:none;rotate:none}[data-magnet][data-glass-motion=true]{translate:none}[data-glass-motion=true][data-glass-hover=true]:before{opacity:0}[data-scene-motion=true] .scroll-word{color:inherit}[data-scene][data-scene-motion=true]{clip-path:none;opacity:1;translate:none}[data-scene=team][data-scene-motion=true] .team-panel,[data-scene=bridge][data-scene-motion=true] .moving-overlay,[data-scene=footer][data-scene-motion=true] .brand-mark{opacity:1;translate:none}[data-scene=manifesto]:after,[data-scene=contact]:after,[data-scene=end-card]:after,[data-scene=brand][data-scene-motion=true]:before,[data-scene=window]:after,[data-scene=project][data-scene-motion=true] .scene-shutter{display:none}[data-scene=project][data-scene-motion=true] .project-art{transform:none}}