:root{--bg:#111210;--ink:#eeede6;--muted:#a1a29b;--line:#373833;--blue:#8aa8ff;--font:'Manrope',Arial,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:6px}::selection{background:var(--blue);color:#111}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font);font-weight:500}button{border:0;background:none}.header{height:100px;padding:0 4.7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.logo{font-family:var(--font);font-size:39px;font-weight:800;letter-spacing:-5px}.logo-dot{color:var(--blue);margin-left:4px}nav{display:flex;gap:35px}nav a{font-size:13px;color:var(--muted);transition:color .3s}nav a:hover,nav a.active{color:var(--ink)}nav a.active:after{content:'';display:inline-block;width:4px;height:4px;background:var(--blue);border-radius:50%;margin-left:7px}.header-right{display:flex;gap:40px;align-items:center}.languages{font-size:11px;display:flex;gap:5px;align-items:center;color:#767872}.languages button{font-size:11px;padding:8px 4px;color:var(--muted)}.languages button[aria-pressed=true]{color:var(--ink)}.contact-link{font-size:13px}.skip{position:absolute;top:-100px;left:20px;background:var(--ink);color:var(--bg);padding:16px;z-index:10}.skip:focus{top:10px}.container{padding:0 4.7%}.hero{padding-top:55px}.eyebrow,.tiny{font-size:10px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase}.hero-top{display:flex;justify-content:space-between;align-items:center}.hero-top .tiny{color:var(--muted)}.hero h1{font-size:clamp(68px,14.2vw,220px);letter-spacing:-.078em;line-height:1.12;margin-left:-.065em;font-weight:600;white-space:nowrap}.hero-intro{display:flex;justify-content:space-between;align-items:flex-start;padding:13px 0 50px;gap:30px}.role{font-size:18px;line-height:1.5}.hero-copy{max-width:300px;font-size:14px;color:var(--muted);line-height:1.6}.down-arrow{font-size:25px;margin-top:2px}.section-kicker{display:flex;justify-content:space-between;margin-bottom:22px;gap:20px;color:var(--muted)}.branches{display:grid;grid-template-columns:1fr 1fr;gap:16px}.branch{height:430px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:25px;background:#b8b3a6;color:#24251f}.branch .branch-art{position:absolute;inset:0;transition:transform 1s var(--ease)}.branch:hover .branch-art,.branch:focus-visible .branch-art{transform:scale(1.025)}.branch-top,.branch-bottom{position:relative;z-index:2}.branch-top{display:flex;justify-content:space-between;align-items:center}.branch-bottom{display:flex;justify-content:space-between;align-items:end}.branch h2{font-size:clamp(58px,7.5vw,120px);letter-spacing:-.065em;font-weight:600;line-height:1}.branch-bottom p{font-size:11px;margin-top:10px}.circle-arrow{width:46px;height:46px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;font-size:25px;transition:background .35s,color .35s}.branch:hover .circle-arrow{background:var(--ink);color:var(--bg)}.branch.edit{background:#111c30;color:#f2f0e7}.demo{font-size:9px;letter-spacing:1px;border:1px solid currentColor;padding:5px 8px;width:max-content;opacity:.75}.design-stage{height:100%;display:flex;justify-content:center;align-items:center}.poster{height:290px;width:216px;background:#eae5d5;transform:rotate(-9deg) translate(0,-5px);box-shadow:15px 24px 45px #30302430;position:relative;padding:20px;color:#264036;transition:transform .9s var(--ease)}.branch:hover .poster{transform:rotate(-5deg) translate(0,-10px)}.poster .poster-label{font-size:8px;letter-spacing:2px}.poster .rasa{font-family:Georgia,serif;font-size:65px;letter-spacing:-5px;margin-top:35px;line-height:.9}.poster .poster-foot{position:absolute;bottom:17px;font-size:9px}.flower{position:absolute;right:17px;bottom:50px;width:85px;height:85px}.orbit{position:absolute;left:50%;top:44%;width:230px;height:230px;transform:translate(-50%,-50%) rotate(-28deg)}.orbit:before,.orbit:after,.orbit span{content:'';position:absolute;inset:0;border-radius:50%;border:20px solid #8aa8ff;box-shadow:inset 4px 0 12px #bfd7ff,0 8px 20px #0005;transform:rotateX(48deg)}.orbit:after{inset:30px;border:13px solid #eae8da;transform:rotateY(58deg) rotateZ(23deg)}.orbit span{inset:60px;border:10px solid #4468d7;transform:rotateY(20deg)}.branch.edit .branch-art{background:radial-gradient(ellipse at 50% 35%,#263a58,#101727 70%)}.motion-live .orbit{animation:orbit 9s linear infinite;animation-play-state:paused}.motion-live:hover .orbit,.motion-live:focus-visible .orbit{animation-play-state:running}.motion-live .scanline{position:absolute;left:0;right:0;height:1px;background:#8aa8ff30;top:30%;animation:scan 5s linear infinite;animation-play-state:paused}.motion-live:hover .scanline,.motion-live:focus-visible .scanline{animation-play-state:running}.motion-live .time{position:absolute;bottom:130px;left:25px;color:#a4b5cf;font-family:monospace;font-size:10px}.section{padding-top:115px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px;gap:20px}.section-title h2{font-size:clamp(36px,4.5vw,70px);letter-spacing:-.055em}.text-link{font-size:12px;border-bottom:1px solid var(--muted);padding-bottom:5px}.work-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:34px 22px}.work-grid .work-card:nth-child(2){padding-top:95px}.work-grid .work-card:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:end}.work-grid .work-card:nth-child(3) .work-meta{padding-bottom:30px}.art{height:350px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:filter .5s}.work-card:hover .art{filter:brightness(1.05)}.art .demo{position:absolute;top:16px;left:16px;z-index:2}.work-meta{display:flex;justify-content:space-between;align-items:start;padding-top:19px;gap:15px}.work-meta h3{font-size:22px;letter-spacing:-.6px}.work-meta p{font-size:12px;color:var(--muted);margin-top:7px}.work-meta .arrow{font-size:22px}.art-rasa{background:#c8c4b6;color:#223e31}.art-rasa .poster{transform:rotate(-7deg);width:215px;height:295px}.art-icool{background:#173bc5;color:#ebe8d9;flex-direction:column}.art-icool .wordmark{font-size:88px;letter-spacing:-8px;font-weight:800;font-family:var(--font);transform:rotate(-8deg)}.art-icool .tag{font-size:11px;letter-spacing:5px;margin-top:10px}.art-hq{background:#eee7d8;color:#d33c21}.art-hq .wordmark{font-family:Georgia,serif;font-size:120px;font-weight:bold;letter-spacing:-12px}.art-food{background:#dc6846;color:#3f241b}.art-food .wordmark{font-size:63px;font-weight:800;line-height:.8;letter-spacing:-4px}.art-personal{background:#b4bcec;color:#26325b}.art-personal .wordmark{font-size:100px;font-weight:500;letter-spacing:-8px}.art-motion{background:radial-gradient(ellipse at 50% 30%,#2b4264,#101725);color:var(--ink)}.art-motion .orbit{top:50%}.art-social{background:#ce6445;color:#f3e8d8}.art-social .big-type{font-size:75px;line-height:.9;font-weight:700;letter-spacing:-5px;transform:rotate(-7deg)}.art-cinema{background:linear-gradient(165deg,#a3a6a0 0%,#7f918e 33%,#445c5b 50%,#192b2d 50.3%,#162a2d 65%,#101819 100%);color:var(--ink)}.art-cinema:after{content:'';position:absolute;width:200%;height:70%;background:#101b1f;bottom:-45%;transform:rotate(-13deg);border-radius:50%}.art-cinema .big-type{font-size:45px;letter-spacing:8px;z-index:1}.art-commercial{background:#ddd6c4;color:#171a18}.art-commercial .big-type{font-size:80px;font-weight:700;letter-spacing:-5px}.about-block{display:grid;grid-template-columns:1fr 2fr;border-top:1px solid var(--line);padding-top:40px;gap:40px;margin-top:110px}.about-copy h2{font-size:clamp(28px,4vw,62px);line-height:1.25;letter-spacing:-.045em;max-width:850px}.about-copy p{color:var(--muted);font-size:15px;line-height:1.8;max-width:590px;margin-top:30px}.skills{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.skills span{border:1px solid var(--line);padding:10px 15px;border-radius:30px;font-size:11px}.contact-section{margin-top:110px;padding:70px 0 60px;border-top:1px solid var(--line)}.contact-section h2{font-size:clamp(55px,8.6vw,140px);line-height:1.1;letter-spacing:-.065em;max-width:1000px}.contact-row{display:flex;justify-content:space-between;align-items:end;margin-top:38px;gap:30px}.contact-row p{color:var(--muted);max-width:420px;line-height:1.7;font-size:13px}.contact-status{border-bottom:1px solid var(--line);padding-bottom:8px;font-size:12px;color:var(--muted)}footer{padding:30px 4.7%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:10px;color:var(--muted)}.footer-name{font-size:13px;color:var(--ink);font-weight:600}footer a:last-child{white-space:nowrap}.page-head{padding:65px 0 45px}.breadcrumb{font-size:11px;color:var(--muted);margin-bottom:32px;display:flex;gap:9px}.page-head h1{font-size:clamp(75px,13vw,190px);line-height:1;letter-spacing:-.07em}.page-head .intro-row{display:flex;justify-content:space-between;align-items:end;margin-top:30px;gap:25px}.page-head p{color:var(--muted);max-width:410px;line-height:1.7}.index-count{font-size:11px;letter-spacing:1px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px 22px}.project-grid .art{height:400px}.project-grid .work-card:nth-child(5){grid-column:1/-1}.project-grid .work-card:nth-child(5) .art{height:300px}.filters{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 35px}.filters button{padding:11px 19px;border:1px solid var(--line);border-radius:30px;font-size:12px;color:var(--muted)}.filters button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 22px}.edit-card{display:block;text-align:left;padding:0;width:100%}.edit-card .art{height:auto;aspect-ratio:16/9}.play-icon{position:absolute;bottom:20px;right:20px;z-index:2;width:42px;height:42px;background:#eeede615;border:1px solid #eeede680;backdrop-filter:blur(6px);border-radius:50%;display:grid;place-items:center;font-size:13px;color:var(--ink)}.art-commercial .play-icon,.art-social .play-icon{color:var(--bg);border-color:#1116}.case-cover{height:550px}.case-cover .poster{width:290px;height:400px;padding:25px}.case-cover .rasa{font-size:90px}.case-cover .flower{width:120px;height:120px;bottom:70px}.case-body{display:grid;grid-template-columns:1fr 2fr;gap:50px;margin-top:65px}.case-aside{font-size:11px;color:var(--muted);line-height:2}.case-body h2{font-size:38px;letter-spacing:-1px;margin-bottom:22px}.case-body p{line-height:1.8;color:var(--muted);max-width:660px}.case-section{margin-top:60px}.case-section h3{font-size:26px;margin-bottom:20px}.swatches{display:flex;height:110px;margin-top:30px}.swatches span{flex:1;display:flex;align-items:end;padding:14px;font-size:11px}.application-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.application-grid .art{height:280px}.demo-note{font-size:12px;line-height:1.7;color:var(--muted);border-left:2px solid var(--blue);padding:5px 0 5px 16px;margin-top:30px}.empty{padding:40px;color:var(--muted)}dialog{width:min(1000px,94vw);padding:20px;background:#171916;color:var(--ink);border:1px solid var(--line);max-height:94vh;overflow:auto}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.player-top{display:flex;align-items:center;justify-content:space-between;font-size:13px;margin-bottom:15px}.player-top button{font-size:22px;padding:8px}.player-stage{position:relative}canvas{display:block;width:100%;aspect-ratio:16/9;background:#142039}.film-label{position:absolute;top:20px;left:20px}.player-controls{display:flex;gap:18px;align-items:center;margin-top:18px}.player-controls button{width:30px;font-size:20px}input[type=range]{flex:1;accent-color:var(--blue);min-width:20px}.player-controls span{font-family:monospace;font-size:11px;white-space:nowrap}.player-note{font-size:11px;color:var(--muted);margin-top:17px;line-height:1.6}.page-enter{animation:enter .7s var(--ease) both}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes orbit{from{transform:translate(-50%,-50%) rotate(-28deg)}to{transform:translate(-50%,-50%) rotate(332deg)}}@keyframes scan{from{top:20%}to{top:80%}}
@media(min-width:1700px){.container,.header,footer{padding-left:max(4.7%,calc((100vw - 1560px)/2));padding-right:max(4.7%,calc((100vw - 1560px)/2))}.branch{height:520px}}
@media(max-width:850px){.header{height:80px}nav{gap:20px}.header-right{gap:20px}.hero{padding-top:40px}.hero-intro{padding-bottom:35px}.hero-copy{max-width:220px}.branch{height:360px;padding:20px}.poster{height:240px;width:175px}.poster .rasa{font-size:52px}.flower{width:65px;height:65px}.orbit{width:190px;height:190px}.section{padding-top:80px}.work-grid .art{height:280px}.project-grid .art{height:320px}.about-block{grid-template-columns:1fr 3fr;margin-top:80px}.case-cover{height:450px}.case-body{grid-template-columns:1fr 3fr;gap:30px}.branch .time{bottom:120px}.art-icool .wordmark{font-size:65px}.art-commercial .big-type{font-size:55px}.art-social .big-type{font-size:50px}.art-cinema .big-type{font-size:30px}.art-food .wordmark{font-size:50px}}
@media(max-width:600px){.header{padding:0 6%;height:75px}.logo{font-size:32px}nav{gap:17px}nav a{font-size:12px}nav a[data-i18n=aboutNav]{display:none}.header-right{gap:10px}.contact-link{display:none}.container{padding:0 6%}.hero{padding-top:30px}.hero-top .tiny{font-size:8px;letter-spacing:1px}.hero-top .eyebrow{font-size:8px;letter-spacing:1px}.hero h1{font-size:16vw;padding-top:15px;letter-spacing:-.08em}.hero-intro{display:grid;grid-template-columns:1fr auto;padding:20px 0 32px;gap:15px}.role{font-size:16px}.hero-copy{grid-column:1;max-width:300px;font-size:12px}.down-arrow{grid-column:2;grid-row:1/3}.section-kicker{font-size:8px;letter-spacing:1px}.section-kicker span:last-child{max-width:150px;text-align:right}.branches{grid-template-columns:1fr;gap:14px}.branch{height:360px;padding:22px}.branch h2{font-size:70px}.branch .poster{height:250px;width:186px}.branch .rasa{font-size:58px}.section{padding-top:65px}.section-title{margin-bottom:25px}.section-title h2{font-size:36px}.text-link{font-size:10px}.work-grid,.project-grid,.edit-grid{grid-template-columns:1fr;gap:32px}.work-grid .work-card:nth-child(2){padding-top:0}.work-grid .work-card:nth-child(3){display:block;grid-column:auto}.work-grid .work-card:nth-child(3) .work-meta{padding-bottom:0}.work-grid .art,.project-grid .art{height:330px}.about-block{grid-template-columns:1fr;gap:25px;margin-top:65px;padding-top:30px}.about-copy h2{font-size:32px}.about-copy p{font-size:13px;margin-top:20px}.skills{gap:8px}.skills span{font-size:10px;padding:9px 12px}.contact-section{margin-top:65px;padding:40px 0}.contact-section h2{font-size:53px}.contact-row{flex-direction:column;align-items:start;margin-top:25px}.contact-row p{font-size:12px}footer{padding:25px 6%;flex-wrap:wrap;font-size:9px}footer span{order:3;width:100%}.page-head{padding:40px 0 35px}.page-head h1{font-size:90px}.page-head .intro-row{align-items:start;flex-direction:column;gap:15px;margin-top:20px}.page-head p{font-size:13px}.project-grid .work-card:nth-child(5){grid-column:auto}.filters{gap:7px}.filters button{font-size:11px;padding:10px 13px}.case-cover{height:380px}.case-cover .poster{width:240px;height:320px}.case-cover .rasa{font-size:73px}.case-cover .flower{width:90px;height:90px}.case-body{grid-template-columns:1fr;margin-top:30px;gap:30px}.case-aside{display:flex;gap:30px;flex-wrap:wrap}.case-body h2{font-size:30px}.case-body p{font-size:13px}.application-grid{grid-template-columns:1fr}.player-controls{gap:10px}.player-controls span{font-size:9px}.film-label{top:10px;left:10px;font-size:7px}.art-hq .wordmark{font-size:100px}.art-personal .wordmark{font-size:80px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-live .orbit{transform:translate(-50%,-50%) rotate(-28deg)}}