@font-face{font-family:Editorial;src:url('fonts/Inter-Light.ttf') format('truetype');font-weight:300 500;font-display:swap}body{font-family:Editorial,Arial,sans-serif}h1,h2,h3{font-family:Editorial,Arial,sans-serif}
/* Art direction: cinematic portrait, film grain, horizontal editorial sequence. */
:root{--bg:#030303;--muted:#99999b}.nav{position:fixed;height:86px;border:0;transition:background .3s}.nav-scrolled{background:#050505e8}.nav a,.eyebrow,.languages button,.project-caption small,.text-link,.button,.explore{font-family:Meutas,Arial,sans-serif;letter-spacing:.14em;font-weight:400}.nav-brand img{width:30px;height:30px}.nav nav{gap:36px}.nav a{font-size:10px}.hero{height:100svh;min-height:780px;max-height:1100px;background:radial-gradient(ellipse at 50% 50%,#1d101633,transparent 62%)}.hero-meta{top:115px;color:#737376;font-size:8px}.hero-word{width:100%;left:0;top:34%;overflow:hidden;display:block;font-size:clamp(100px,14vw,240px);letter-spacing:-.055em;font-weight:400;animation:none!important;line-height:1.2}.hero-word-track{display:flex;width:max-content;gap:65px;animation:ecoup-run 48s linear infinite;will-change:transform}.hero-word-track span{display:block;flex-shrink:0}.word-outline{-webkit-text-stroke:1px #eeece4;color:transparent}.portraits{width:min(72%,1060px);height:78%;top:9%;gap:0;transform:translate(-50%,var(--hero-shift,0px));mask-image:linear-gradient(#000 62%,transparent 96%)}.portraits img{object-fit:contain;object-position:top;filter:none;mix-blend-mode:normal}.hero-bottom{bottom:90px;left:25%;right:25%;display:flex;flex-direction:column-reverse;align-items:center;gap:22px;text-align:center}.hero-action{width:auto}.hero-action .button{min-width:235px;min-height:48px;padding:13px 32px;position:relative;border:1px solid #fff7;box-shadow:0 0 35px #ffffff17}.button{position:relative;border-radius:0;font-size:10px}.button::before,.button::after{content:'';position:absolute;top:5px;bottom:5px;width:3px;background:radial-gradient(circle,#121212 1px,transparent 1.5px) top center/3px 3px no-repeat,radial-gradient(circle,#121212 1px,transparent 1.5px) bottom center/3px 3px no-repeat;pointer-events:none}.button::before{left:5px}.button::after{right:5px}.hero-action p{display:none}.hero-bottom>div:first-child{padding:12px 25px;position:relative;border-left:1px solid #888;border-right:1px solid #888;max-width:390px}.hero-bottom>div:first-child::before,.hero-bottom>div:first-child::after{content:'';position:absolute;top:0;bottom:0;width:18px;border-top:1px solid #888;border-bottom:1px solid #888}.hero-bottom>div:first-child::before{left:0}.hero-bottom>div:first-child::after{right:0}.hero-bottom .eyebrow{justify-content:center;font-size:9px;color:#bbb}.hero h1{font-size:20px;line-height:1.5;letter-spacing:0;margin:6px 0 0;color:#d0ccd1}.hero h1 br{display:initial}.explore{bottom:24px;border:0;left:5%;right:5%;font-size:8px;color:#aaa}.atmosphere{position:fixed;inset:0;z-index:15;width:100%;height:100%;pointer-events:none;opacity:.65}body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:16;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.nav{z-index:25}.visual-journey{position:relative;height:230svh}.journey-sticky{position:sticky;top:0;height:100svh;overflow:hidden}.journey-track{display:flex;height:100%;width:200%;transform:translate3d(calc(var(--journey-progress,0)*-50%),0,0);will-change:transform}.visual-wall{width:50%;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:100%;flex-shrink:0;overflow:hidden;gap:3px;background:#090909}.visual-wall img{width:100%;height:100%;object-fit:cover;min-height:0;filter:brightness(.85)}.journey-track .intro{width:50%;max-width:none;flex-shrink:0;padding:100px 7%;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(#030303b0,#030303b0),repeating-linear-gradient(0deg,transparent 0 89px,#ffffff0a 90px),repeating-linear-gradient(90deg,transparent 0 89px,#ffffff0a 90px)}.intro h2{font-size:clamp(45px,5vw,80px);font-weight:400;line-height:1.15;letter-spacing:-.05em;margin:35px 0 50px}.intro h2 em{color:var(--fg)}.intro-bottom p{font-size:16px;color:#aaa;max-width:420px}.intro .eyebrow{color:#aaa}.projects{padding-top:120px}.section-head h2,.team h2{font-size:clamp(45px,5.4vw,84px);letter-spacing:-.05em;line-height:1.05}.section-head em{color:#79797e}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 30px}.project.offset{margin-top:0}.project.wide{grid-column:1/-1}.project-art{border:1px solid #ffffff1f;border-radius:10px;aspect-ratio:1.2;background:radial-gradient(ellipse at 50% 100%,#272528,#0b0b0d 75%)}.project-art>img{width:93%;height:auto;max-height:94%;object-fit:contain;box-shadow:0 20px 50px #0008;transform:perspective(1000px) rotateX(5deg);transition:transform .6s ease,filter .6s;filter:brightness(.86)}.project:hover .project-art>img,.project:focus-visible .project-art>img{transform:perspective(1000px) rotateX(0deg) scale(1.03);filter:brightness(1)}.kafe-art{background:radial-gradient(ellipse at 50% 60%,#344447 0,#101619 65%)}.grigorio-art{background:radial-gradient(ellipse at 50% 60%,#283526 0,#101610 65%)}.kafe-art>img,.grigorio-art>img{width:78%;margin:5% 0;max-height:90%;transform:perspective(1000px) rotateY(-6deg) rotateZ(-3deg)}.grigorio-art>img{transform:perspective(1000px) rotateY(6deg) rotateZ(3deg)}.wide .project-art{aspect-ratio:2.2;background:radial-gradient(ellipse at 50% 50%,#543046,#141018 70%)}.wide .project-art>img{width:76%;max-height:95%}.sand{background:radial-gradient(ellipse at 50% 50%,#4c422b,#14120e 70%)}.lilac{background:radial-gradient(ellipse at 50% 50%,#30344c,#0e1014 70%)}.project-open{border-radius:4px;width:32px;height:32px;font-size:19px;bottom:14px;right:14px}.project-caption{font-size:18px;border-bottom:1px solid #ffffff12;padding:18px 0}.filters button[aria-pressed=true]{border-color:var(--accent)}.services{border-top:0;background:radial-gradient(ellipse at 80% 65%,#13101a,transparent 65%)}.service-stage{display:grid;grid-template-columns:1fr 1.05fr;gap:7%;align-items:center}.service-visual{height:550px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse,#29202955,transparent 65%);border:1px solid #ffffff13}.service-visual img{position:relative;z-index:1;width:65%;height:75%;object-fit:contain;transform:rotate(-8deg);filter:drop-shadow(0 25px 25px #000);transition:transform .4s}.service-visual:hover img{transform:rotate(0)}.service-visual[data-service='1'] img{width:92%;transform:rotate(-5deg)}.service-orbit{position:absolute;width:85%;aspect-ratio:1;border:1px solid #ffffff24;border-radius:50%;transform:rotateX(55deg) rotateZ(-25deg);box-shadow:0 0 60px #fc58650a}.service-index{position:absolute;top:22px;left:22px;font-size:10px;color:#888}.service-studio{position:absolute;bottom:20px;right:22px;font-size:10px;letter-spacing:.14em;text-align:right;line-height:1.5;color:#999}summary>span:not(.plus){font-size:clamp(24px,2.6vw,39px)}summary{padding:26px 0;gap:17px}.service-content{padding-left:30px}.service-content p{font-size:14px}.films{background:#030303;border-top:1px solid #ffffff15}.video-player{border-radius:8px;border:1px solid #ffffff22}.film-grid{gap:35px}.video-player>img{filter:brightness(.8);transition:transform .7s}.video-player:hover>img{transform:scale(1.025)}.video-play{background:#070707d9;border:1px solid #ffffff77;color:white;font-size:9px;left:25%;right:25%;bottom:45%;backdrop-filter:blur(5px)}.video-play:hover{color:#111}.team{border-top:1px solid #ffffff15}.team-portraits img{filter:none}.contact{background:radial-gradient(ellipse at 50% 100%,#23111d,transparent 65%)}.contact h2 em{color:#eeede8}.contact h2{font-size:clamp(55px,8vw,130px)}.scene-reveal{opacity:1}.scene-reveal:not(.in-view){opacity:.18;transform:translateY(32px)}.scene-reveal{transition:opacity .75s ease,transform .85s cubic-bezier(.2,.65,.2,1)}.project-dialog{z-index:50;border-radius:10px}.project-dialog::backdrop{background:#000e}
@keyframes ecoup-run{to{transform:translateX(calc(-50% - 32.5px))}}
@media(max-width:900px){.visual-journey{height:auto}.journey-sticky{position:relative;height:auto}.journey-track{display:block;width:100%;transform:none;will-change:auto}.visual-wall{width:100%;height:65svh}.journey-track .intro{width:100%;padding:85px 6%}.service-stage{grid-template-columns:1fr}.service-visual{height:380px;margin-bottom:25px}.service-visual img{width:55%}.service-stage .service-list{width:100%}.hero-bottom{left:12%;right:12%}.scene-reveal:not(.in-view){opacity:1;transform:none}.section-head h2,.team h2{font-size:48px}.portraits{width:93%;top:13%;height:70%}.hero{min-height:780px}.hero-word{top:31%;font-size:20vw}.service-visual[data-service='1'] img{width:78%}}
@media(max-width:600px){.nav{height:70px;background:linear-gradient(#030303ee,transparent)}.nav-scrolled{background:#030303ee}.hero{height:800px;min-height:0}.hero-meta{top:92px;font-size:7px}.hero-word{top:26%;font-size:28vw}.hero-word-track{gap:35px;animation-duration:55s}.hero-bottom{bottom:92px;left:6%;right:6%;display:flex;gap:24px}.hero-bottom>div:first-child{padding:9px 20px;max-width:285px}.hero h1{font-size:16px;line-height:1.5;margin-top:6px;letter-spacing:.01em}.hero-bottom .eyebrow{font-size:8px}.hero-action{display:block;margin:0;width:auto}.hero-action .button{min-width:218px;font-size:9px;min-height:48px}.portraits{top:15%;height:57%;width:112%;mask-image:linear-gradient(#000 62%,transparent 95%)}.explore{font-size:7px}.visual-wall{height:540px;gap:2px}.visual-wall img{object-fit:cover}.intro h2{font-size:37px}.intro-bottom p{font-size:14px}.journey-track .intro{padding:80px 6%}.section-head h2,.team h2{font-size:42px}.project-grid{grid-template-columns:1fr;gap:35px}.project.wide{grid-column:auto}.project-art,.wide .project-art{aspect-ratio:1.15}.wide .project-art>img{width:95%}.project-caption{font-size:18px}.service-visual{height:320px}.service-visual img{width:66%;height:80%}.service-content{padding-left:30px}.contact h2{font-size:49px}.video-play{left:22%;right:22%;backdrop-filter:none}.scene-reveal{transition:none}.atmosphere{opacity:.4}body::before{opacity:.028}}
@media(prefers-reduced-motion:reduce){.visual-journey{height:auto}.journey-sticky{position:relative;height:auto}.journey-track{display:block;width:100%;transform:none;will-change:auto}.visual-wall{width:100%;height:70svh}.journey-track .intro{width:100%}.scene-reveal:not(.in-view){opacity:1;transform:none}.hero-word-track{animation:none;will-change:auto}}
/* Keep portrait fades attached to the actual image bounds. */
.portraits{align-items:flex-start}.portraits img{height:auto;max-height:100%;mask-image:linear-gradient(#000 60%,transparent 99%)}
.project.scene-reveal:not(.in-view){transform:none}
@media(max-width:600px){.hero{height:720px}.hero-bottom{bottom:80px}.portraits{top:15%;height:60%}}
/* Original Ecoup cover palette and top-right violet light. */
.hero{background:radial-gradient(ellipse at 100% 0%,#242078 0%,#1b1a35 22%,#1a1a1a 48%)}
@media(max-width:700px){.hero{background:radial-gradient(ellipse at 100% 0%,#242078 0%,#1b1a35 18%,#1a1a1a 42%)}.nav:not(.nav-scrolled){background:transparent}}