/* Giorgos Visuals / motion-graphics process, November 2026 */
.impact-number{display:flex;align-items:baseline;justify-content:center;gap:0;line-height:.9;font-variant-numeric:tabular-nums}.impact-number .impact-unit{color:#202020}.impact-number sup{font-size:.72em;line-height:1;position:static;align-self:baseline;color:#be7758;margin-left:.035em;top:auto}.impact-caption{font-size:clamp(22px,2.5vw,36px);font-weight:750;color:#202020}.impact-story,.metric-note,.section-aside p,.art-note{color:#494541}.impact-total{min-width:0}.social-stage{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:68px;padding-bottom:70px}.social-stage h2{font-size:clamp(32px,3.5vw,48px);letter-spacing:-.05em;margin:10px 0}.social-stage p:not(.eyebrow){font-size:14px;color:#514b49;line-height:1.6}.social-objects{display:flex;gap:26px}.social-object{display:grid;justify-items:center;gap:19px;color:#292324;text-decoration:none;font-size:11px;font-weight:700;perspective:600px}.social-tile{height:90px;width:90px;border-radius:23px;display:grid;place-items:center;background:linear-gradient(135deg,#fff0e6,#efbba6);box-shadow:0 9px 0 #ba8978,0 18px 25px #5a384922;transform:rotateX(12deg) rotateY(-14deg);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.social-object:nth-child(2n) .social-tile{background:linear-gradient(135deg,#f5edff,#c3b0df);box-shadow:0 9px 0 #9784b3,0 18px 25px #5a384922;transform:rotateX(12deg) rotateY(14deg)}.social-tile img{width:40px;height:40px}.social-object:hover .social-tile,.social-object:focus-visible .social-tile{transform:translateY(-9px) rotateX(0) rotateY(0)}.social-object:focus-visible{outline:2px solid #6b476f;outline-offset:8px;border-radius:8px}.social-links{gap:10px!important}.social-links a{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid #ffffff32;border-radius:14px;background:#ffffff08;color:#fff}.social-links a img{filter:invert(1);flex:none}.social-links a:hover{background:#ffffff17}.social-links a span:last-child{margin-left:auto}
.studio-process{background:linear-gradient(125deg,#f9dfd1 0%,#ede0df 48%,#dcd0ee 100%);color:#242126;position:relative;padding:72px 0}.studio-process.is-scroll{height:780vh;padding:0}.studio-sticky{position:relative}.is-scroll .studio-sticky{position:sticky;top:0;height:100svh;display:flex;align-items:center}.studio-layout{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(0,1.25fr);gap:clamp(25px,5vw,80px);width:100%;align-items:center}.studio-copy h2{font-size:clamp(34px,4vw,58px);line-height:1.04;letter-spacing:-.06em;margin:18px 0}.studio-copy h2 em{font-style:normal;color:#795b81}.studio-copy .eyebrow{color:#4c3b43}.studio-intro{font-size:15px;line-height:1.6;color:#514650;margin-bottom:18px}.studio-steps{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:20px 0}.studio-steps button{display:flex;align-items:center;gap:9px;border:1px solid transparent;border-radius:9px;background:transparent;color:#504551;padding:10px 8px;text-align:left;font:600 13px/1.2 inherit;cursor:pointer}.studio-steps button span{font:11px/1 monospace;color:#765d6b}.studio-steps button[aria-current=step]{background:#fff9;border-color:#fff;color:#211c23;box-shadow:0 4px 10px #3d203607}.studio-steps button[aria-current=step] span{color:#9d4e30}.studio-steps button:focus-visible{outline:2px solid #795b81;outline-offset:2px}.studio-description{min-height:119px;max-width:380px}.studio-description h3{font-size:18px;line-height:1.4;margin:0 0 10px;font-weight:750}.studio-description p{font-size:14px;line-height:1.65;color:#554b54;margin:0}.studio-skip{font-size:12px;display:inline-block;margin-top:18px;color:#46374b;text-underline-offset:5px}.studio-panel{min-width:0;border-radius:22px;overflow:hidden;background:#15141a;color:#f6f2f6;box-shadow:0 30px 65px #34203924;border:1px solid #5c4b6345}.studio-panelhead,.studio-panelfoot{display:flex;justify-content:space-between;align-items:center;font:10px/1.4 monospace;letter-spacing:.09em;padding:21px 24px;color:#d3c5d5;gap:10px}.studio-panelhead{border-bottom:1px solid #ffffff15}.studio-panelhead i{display:inline-block;width:6px;height:6px;background:#edb59c;border-radius:50%;margin-right:7px}.studio-panelfoot{background:#18171e;color:#e6c1b3;font-size:9px}.studio-stage{position:relative;height:clamp(340px,36vw,480px);isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#302533,#141319 75%);--phase:.5}.studio-scene{position:absolute;inset:0;opacity:0;visibility:hidden;padding:28px;display:flex;align-items:center;justify-content:center;transition:opacity .18s ease;pointer-events:none}.studio-scene.is-active{opacity:1;visibility:visible;pointer-events:auto}.studio-progress{height:3px;background:#332c38}.studio-progress>i{display:block;height:100%;background:linear-gradient(90deg,#eeb89f,#bd9fda);transform:scaleX(.05);transform-origin:left}.studio-kicker{font:9px monospace;letter-spacing:.14em;color:#f0c1ac}.brief-card{position:relative;padding:25px 30px;width:74%;border:1px solid #9a7d9659;background:linear-gradient(135deg,#37303deb,#23212beb);border-radius:17px;box-shadow:0 20px 40px #0005;transform:translateY(calc((1 - var(--phase))*12px)) rotate(-3deg);z-index:1}.brief-card h3{font-size:clamp(28px,3.5vw,48px);letter-spacing:-.05em;line-height:1.02;margin:20px 0;color:#fff}.brief-card h3 em{font-style:normal;color:#efbaa4}.brief-line{display:grid;gap:5px;padding:10px 0;border-top:1px solid #ffffff15}.brief-line span{font:8px monospace;letter-spacing:.1em;color:#bcb0c8}.brief-line b{font-size:11px;font-weight:500}.brief-send{display:block;font-size:10px;color:#edc3ae;margin-top:14px}.brief-orbit{width:90%;aspect-ratio:1;border:1px solid #d5b4db33;border-radius:50%;position:absolute;transform:rotateX(52deg) rotate(-28deg)}.brief-orbit:after{content:'';position:absolute;inset:35px;border:1px solid #d5b4db33;border-radius:50%}.orbit-note{position:absolute;font:8px monospace;letter-spacing:.1em;color:#c2a7c6;z-index:2}.note-a{left:18px;bottom:18px}.note-b{right:18px;top:18px}.scene-story{display:flex;flex-direction:column;padding:26px 18px;gap:20px}.storyboard-asset{position:relative;width:100%;transform:perspective(700px) rotateX(calc((1 - var(--phase))*9deg));border-radius:10px;overflow:hidden}.storyboard-asset img{display:block;width:100%}.story-frame{position:absolute;border:1px solid #f4bea4;inset:12% 58% 53% 8%;opacity:var(--phase);transform:translateY(calc((1 - var(--phase))*30px))}.f2{inset:12% 32% 53% 42%}.f3{inset:52% 8% 12% 65%}.shot-strip{display:flex;gap:12px;width:100%;justify-content:space-between;color:#e1d3e1;font:10px monospace}.shot-strip b{color:#f0baa1;margin-right:5px}.scene-shoot{padding:0}.camera-asset{width:100%;height:100%;object-fit:cover;transform:scale(calc(1.02 + var(--phase)*.04))}.camera-guides{position:absolute;inset:25px;border:1px solid #fff4;border-radius:4px}.camera-guides:after,.camera-guides:before{content:'';position:absolute;inset:0 33%;border-left:1px solid #fff1;border-right:1px solid #fff1}.camera-guides:after{inset:33% 0;border:0;border-top:1px solid #fff1;border-bottom:1px solid #fff1}.rec{position:absolute;top:14px;left:14px;color:#eea58b;font:10px monospace}.camera-spec{position:absolute;bottom:14px;left:14px;font:8px monospace;color:#fff}.focus-cross{position:absolute;left:50%;top:50%;font:24px monospace;color:#f4cab5;transform:translate(-50%,-50%)}.studio-window{border:1px solid #60596c;border-radius:9px;width:100%;background:#24232b;overflow:hidden;box-shadow:0 22px 25px #0003}.studio-windowbar{display:flex;align-items:center;gap:9px;background:#30303a;padding:10px 12px;color:#d7d1df;font:8px monospace;letter-spacing:.02em}.studio-windowbar>b{color:#c3b1ff;background:#242047;padding:4px;font:700 13px sans-serif;border-radius:4px}.studio-windowbar>i{margin-left:auto;font-style:normal}.ae-workspace{display:grid;grid-template-columns:23% 77%;border-bottom:1px solid #6665;padding:12px 7px;gap:0;background:#1a191f}.ae-workspace aside{font:7px/1.9 monospace;color:#b8b4c4;padding:3px}.ae-view{position:relative;margin-right:8px;overflow:hidden}.ae-view img{display:block;width:100%}.selection-bounds{position:absolute;inset:11%;border:1px solid #ab96dfaa;transform:scale(calc(.94 + var(--phase)*.06))}.selection-bounds:before,.selection-bounds:after{content:'◇';position:absolute;color:#c6aceb;font-size:12px;top:-8px;left:-6px}.selection-bounds:after{top:auto;left:auto;bottom:-8px;right:-6px}.studio-timeline{position:relative;padding:10px 12px 12px;background:#26252e}.studio-ruler{display:flex;justify-content:space-between;font:8px monospace;color:#c9c0d3;margin:0 0 9px}.studio-track{display:grid;grid-template-columns:28% 72%;align-items:center;gap:0;height:18px;border-top:1px solid #fff1;font:7px monospace;color:#d1c9d8}.studio-track>i{height:10px;margin-left:var(--offset);margin-right:8%;background:var(--track);opacity:.8;border-radius:2px;transform:scaleX(calc(.72 + var(--phase)*.28));transform-origin:left}.studio-playhead{position:absolute;top:7px;bottom:8px;left:30%;width:1px;background:#79bbef;transform:translateX(calc(var(--phase)*210px))}.studio-playhead:before{content:'▼';position:absolute;font-size:10px;top:0;left:-4px;color:#79bbef}.scene-blender .studio-windowbar b{color:#f6b16a;background:#463029}.blender-viewport{height:230px;position:relative;overflow:hidden;background:#33343b}.blender-grid{position:absolute;inset:-100%;background:repeating-linear-gradient(0deg,transparent 0 29px,#b2a4bd25 30px 31px),repeating-linear-gradient(90deg,transparent 0 29px,#b2a4bd25 30px 31px);transform:perspective(500px) rotateX(66deg) rotateZ(-22deg)}.wire-object{position:absolute;width:85%;height:100%;left:7%;top:0;transform:perspective(600px) rotateY(calc(var(--phase)*14deg - 7deg))}.blender-axis{position:absolute;right:15px;top:14px;display:flex;gap:8px;font:10px monospace}.blender-axis b{color:#69a6fb}.blender-axis span{color:#85c48f}.blender-axis i{color:#f28587}.viewport-label{position:absolute;left:12px;bottom:10px;font:7px monospace;color:#e1d9e7}.node-row{display:flex;justify-content:center;align-items:center;gap:15px;padding:18px;background-color:#202126;background-image:radial-gradient(#666 1px,transparent 1px);background-size:12px 12px}.node-row>span{background:#423647;border-top:5px solid #729b68;border-radius:5px;padding:10px;font:8px monospace;box-shadow:0 4px 10px #0006}.node-row>span:last-child{border-color:#a85c5c}.node-row>b{font-size:20px;color:#cdb1e1}.ai-content{padding:16px}.ai-references{display:flex;align-items:center;gap:12px;font:8px monospace;color:#c5b5cf}.ai-references img{height:48px;width:70px;object-fit:cover;border-radius:6px;border:1px solid #938196}.prompt-box{margin:12px 0;padding:12px;border:1px solid #776584;border-radius:7px;background:#1b1921}.prompt-box>span{font:7px monospace;color:#c1a4d5}.prompt-box p{font-size:11px;line-height:1.5;margin:8px 0 0;color:#eee5f1}.agent-progress{height:3px;background:#44374d;margin-bottom:12px}.agent-progress i{display:block;height:100%;background:#d4ee94;transform:scaleX(var(--phase));transform-origin:left}.ai-result{height:90px;position:relative;border-radius:6px;overflow:hidden}.ai-result img{width:100%;height:100%;object-fit:cover;opacity:calc(.25 + var(--phase)*.75)}.ai-result>span{position:absolute;bottom:10px;left:10px;font:10px monospace;text-shadow:0 2px 6px #000}.ai-controls{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px}.ai-controls>span{font:8px monospace;color:#c4b2cd}.ai-controls button{padding:9px;border:0;border-radius:5px;background:#d7eaa7;color:#252b1b;font-size:10px;font-weight:700;cursor:pointer}.ai-controls button:focus-visible{outline:2px solid white;outline-offset:3px}.sound-display{padding:20px 20px 0}.sound-display>span{font:8px monospace;color:#bdb0ce;display:block}.sound-display strong{display:block;font-size:24px;letter-spacing:-.05em;margin:8px 0}.spectrum{height:65px;display:flex;gap:4px;align-items:flex-end}.spectrum i{display:block;flex:1;height:var(--height);background:linear-gradient(#eab49c,#9a77c0);border-radius:2px 2px 0 0;transform-origin:bottom;transform:scaleY(calc(.3 + var(--phase)*.7))}.audio-tracks{padding:16px 20px}.audio-tracks>div{display:grid;grid-template-columns:30% 70%;align-items:center;margin:8px 0;gap:8px}.audio-tracks span{font:7px monospace;color:#c7bacd}.audio-tracks svg{width:95%;height:30px;background:#ffffff05;stroke:#c0a3e1;stroke-width:1.5}.audio-tracks>div:nth-child(2) svg{stroke:#80beb3}.audio-tracks>div:nth-child(3) svg{stroke:#e9af95}.audio-footer{display:flex;justify-content:space-between;padding:12px 20px;border-top:1px solid #ffffff15;font:8px monospace;color:#c7bbcd}.audio-meter{color:#a9d3ad}.delivery-preview{position:relative}.delivery-preview img{display:block;width:100%;max-height:215px;object-fit:cover}.delivery-check{position:absolute;right:15px;bottom:15px;border-radius:50%;width:38px;height:38px;background:#e8c3b4;color:#332a37;display:grid;place-items:center;font-size:22px;transform:scale(var(--phase))}.delivery-info{display:flex;justify-content:space-between;align-items:center;padding:17px 18px 12px;font:9px monospace;color:#d8c6df}.delivery-info strong{font:600 22px sans-serif;color:#edc0ab}.delivery-bar{margin:0 18px;height:4px;background:#4a3a50;border-radius:5px;overflow:hidden}.delivery-bar i{display:block;height:100%;background:linear-gradient(90deg,#ba9fdb,#e6b49d);transform:scaleX(var(--phase));transform-origin:left}.delivery-formats{display:flex;justify-content:space-between;padding:20px 18px;color:#bdb1c7;font:7px/1.5 monospace}.delivery-formats b{display:block;color:#f0dfed;font-size:19px;margin-top:6px}.studio-dissolve{position:absolute;inset:0;pointer-events:none;opacity:0;z-index:10;--scatter:0}.studio-dissolve i{position:absolute;left:var(--x);top:var(--y);width:3px;height:3px;background:#e7b79e;border-radius:1px;transform:translate(calc(var(--dx)*var(--scatter)),calc(var(--dy)*var(--scatter)))}.studio-dissolve i:nth-child(3n){background:#c7afe7;width:5px;height:5px}.studio-process.is-reduced{height:auto;padding:80px 0}.is-reduced .studio-sticky{position:static;height:auto}.is-reduced .studio-scene{transform:none!important}.is-reduced .studio-dissolve{display:none}.is-reduced .camera-asset,.is-reduced .brief-card,.is-reduced .wire-object,.is-reduced .storyboard-asset{transform:none}.studio-process button{font-family:inherit}
@media(min-width:1100px){.studio-layout{max-width:1320px}}@media(max-width:800px){.social-stage{flex-direction:column;align-items:flex-start;gap:30px}.social-objects{width:100%;justify-content:space-between;gap:12px}.social-tile{width:70px;height:70px;border-radius:18px}.social-tile img{width:33px;height:33px}.social-object{font-size:10px}.studio-layout{grid-template-columns:1fr;gap:18px;padding-top:75px;padding-bottom:18px}.studio-copy h2{font-size:30px;margin:8px 0}.studio-copy h2 br{display:none}.studio-copy .eyebrow{font-size:9px}.studio-intro{display:none}.studio-steps{display:flex;overflow-x:auto;gap:5px;margin:14px 0 10px;padding:2px 0 5px;scrollbar-width:thin}.studio-steps button{flex:none;white-space:nowrap;padding:8px;font-size:11px}.studio-description{min-height:83px;max-width:none}.studio-description h3{font-size:15px;margin:0 0 4px}.studio-description p{font-size:12px;line-height:1.5}.studio-skip{font-size:10px;margin-top:7px}.studio-panel{border-radius:16px}.studio-stage{height:clamp(260px,43svh,385px)}.studio-panelhead,.studio-panelfoot{padding:13px 16px;font-size:8px}.studio-scene{padding:16px}.brief-card{width:72%;padding:17px 22px}.brief-card h3{font-size:32px;margin:12px 0}.brief-line{padding:7px 0}.scene-shoot{padding:0}.camera-asset{object-fit:contain}.blender-viewport{height:180px}.studio-windowbar{padding:7px 10px;font-size:7px}.studio-track{height:16px}.scene-ae .studio-window{max-width:470px}.sound-display{padding-top:12px}.spectrum{height:45px}.audio-tracks{padding:7px 20px}.ai-content{padding:12px}.ai-references img{height:35px}.prompt-box{margin:8px 0;padding:8px}.prompt-box p{font-size:10px}.ai-result{height:65px}.delivery-preview img{max-height:145px}.delivery-formats{padding:12px 18px}.delivery-info{padding:10px 18px}.scene-story{gap:12px}.shot-strip{font-size:8px}.studio-process.is-scroll{height:760vh}.social-links a{font-size:12px}.impact-number{font-size:clamp(70px,16vw,150px)!important}.impact-caption{font-size:25px!important}}
@media(max-height:760px) and (max-width:800px){.studio-layout{padding-top:67px;gap:10px}.studio-copy h2{font-size:25px}.studio-description{min-height:70px}.studio-stage{height:260px}.studio-steps{margin:8px 0}.studio-panelhead,.studio-panelfoot{padding:9px 14px}.brief-card h3{font-size:26px}.brief-line{padding:5px}.ae-workspace{padding:7px}.studio-timeline{padding:5px 10px}.studio-track{height:14px}.scene-sound .studio-window{transform:scale(.9)}.scene-ai .studio-window{transform:scale(.9)}.blender-viewport{height:145px}.node-row{padding:12px}.delivery-preview img{max-height:115px}}
@media(prefers-reduced-motion:reduce){.social-tile,.social-object:nth-child(2n) .social-tile,.social-object:hover .social-tile{transform:none;transition:opacity .15s}.studio-scene{transition:opacity .15s}.studio-process.is-scroll{height:auto}.is-scroll .studio-sticky{position:static;height:auto}.studio-process{padding:60px 0}}
.reduce-motion .social-tile,.reduce-motion .social-object:nth-child(2n) .social-tile,.reduce-motion .social-object:hover .social-tile{transform:none;transition:opacity .15s}
.studio-layout{width:min(1280px,calc(100% - 112px))}
@media(max-width:800px){.studio-layout{width:calc(100% - 40px)}}
.studio-copy{min-width:0}.studio-steps{max-width:100%}
@media(max-width:800px){.studio-layout{grid-template-columns:minmax(0,1fr)}.studio-copy h2 em:before{content:' '}.studio-description{min-height:83px}}

.delivery-check{opacity:clamp(0,calc((var(--phase) - .9)*10),1)}
.storyboard-asset img{height:auto;aspect-ratio:1400/788;object-fit:cover}
@media(max-width:800px){.studio-copy h2 em{margin-left:.15em}.studio-steps{scrollbar-width:none}.studio-steps::-webkit-scrollbar{display:none}}

/* Actual portfolio film stills, preserving vertical compositions. */
.ai-result{height:125px;background:#15141a}.ai-result img{object-fit:contain}.delivery-preview img{max-height:215px;object-fit:contain;background:#15141a}.ae-view img{aspect-ratio:1080/640;object-fit:contain}.ai-references img{object-fit:contain;background:#15141a}
@media(max-width:800px){.ai-result{height:85px}.delivery-preview img{max-height:145px}}
@media(max-height:760px) and (max-width:800px){.ai-result{height:65px}.delivery-preview img{max-height:115px}}