/* Sixfigures — optical glass, precision interfaces, quiet surrounding space. */
:root{--paper:#fcfcfd;--ink:#1c1b22;--muted:#71717d;--glass-edge:rgba(255,255,255,.94);--glass-shadow:0 24px 60px -28px #433d733b,0 6px 18px -10px #30295730,inset 0 1px 1px #fff,inset 0 -1px 1px #ffffff9c}
body{background:var(--paper)}
.header{height:98px;max-width:1480px}
.header nav{font-size:14px;gap:32px}
.wordmark{letter-spacing:-1.9px;font-weight:800}
.button{border-radius:100px;background:linear-gradient(165deg,#33323b,#16151c);box-shadow:inset 0 1px 0 #ffffff30,0 4px 9px #24202c0b;padding:14px 24px;font-size:14px}
.header .button{border-radius:100px;padding:11px 21px}
.hero{padding-top:60px;text-align:center;max-width:1480px}
.hero>.eyebrow{justify-content:center;margin-bottom:26px;letter-spacing:2.4px;font-size:11px}
.hero h1{font-weight:550;font-size:clamp(60px,6.9vw,96px);line-height:1.08;letter-spacing:-5px;margin-bottom:24px}
.hero h1 em{background-image:linear-gradient(100deg,#d96975 0%,#ac74c4 47%,#727bcf 100%)}
.hero-bottom{display:block;margin-bottom:12px}
.hero-bottom p{font-size:17px;line-height:1.7;color:#73717d}
.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:27px}
.glass-button{border:1px solid #e1dfe8;border-radius:100px;background:linear-gradient(135deg,#ffffffcc,#f0eff570);box-shadow:inset 0 1px 1px #fff,0 4px 12px #37314606;padding:13px 24px;display:inline-flex;align-items:center;gap:26px;font-size:14px;transition:.2s}
.glass-button:hover{border-color:#b7a7d3;transform:translateY(-2px)}
.studio-scene{height:655px;border:0;border-radius:0;overflow:visible;background:none;margin:12px -4% 0;isolation:isolate;perspective:1400px;text-align:left}
.studio-scene:before{display:none}
.scene-light{position:absolute;pointer-events:none;z-index:-3;filter:blur(65px);border-radius:50%;opacity:.45}
.light-blue{width:340px;height:290px;left:22%;top:120px;background:#bed6f0}
.light-rose{width:300px;height:300px;right:13%;top:230px;background:#f6c9dc}
.light-violet{width:330px;height:180px;left:36%;bottom:45px;background:#d7c9f8;opacity:.65}
.scene-axis{position:absolute;left:8%;right:8%;top:49%;display:flex;align-items:center;gap:25px;font-size:9px;letter-spacing:2px;color:#96909f;z-index:-2;transform:rotate(-8deg)}
.scene-axis i{flex:1;height:1px;background:linear-gradient(90deg,transparent,#c8c0d380,transparent)}
.frame-glass,.glass,.process-project,.source-file,.qc-note,.agency-node{background:linear-gradient(130deg,#ffffff9c 0%,#ffffffe0 3%,#ffffff66 7%,#f5f2ff33 63%,#ffffffad 100%);border:1px solid var(--glass-edge);backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35);box-shadow:var(--glass-shadow)}
.frame-glass{width:56%;max-width:665px;top:83px;left:20%;padding:13px;border-radius:18px;transform:rotate(-5deg) rotateY(5deg);z-index:2}
.frame-glass:before,.timeline:after,.motion-panel:after,.format-preview:after{content:'';position:absolute;inset:1px;border-radius:inherit;pointer-events:none;border:1px solid #ffffff65;background:linear-gradient(120deg,#ffffff38,transparent 20%,transparent 75%,#ffffff45);z-index:4}
.frame-title{align-items:center;padding:1px 5px 12px;font-size:10px;letter-spacing:.4px;color:#777183}
.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;background:#c6bfce;border-radius:50%}.window-dots i:first-child{background:#d693a3}.window-dots i:last-child{background:#9c9bc5}
.frame-resolution{font-size:9px}.frame-resolution b{margin-left:10px;font-weight:400}
.film-frame{aspect-ratio:1.85;border-radius:9px;padding:28px 30px;background-position:50% 58%;box-shadow:inset 0 0 0 1px #ffffff30}
.film-frame:after{background:linear-gradient(90deg,#112b455c,transparent 75%)}
.film-title{font-size:clamp(34px,4.5vw,64px);margin-top:36px;letter-spacing:-2.5px;line-height:.99;font-weight:500}
.sample-tag{font-size:8px;letter-spacing:2px;opacity:.85}
.film-caption{font-size:7px;letter-spacing:1.7px;margin-top:40px}
.frame-guides{position:absolute;inset:13px;pointer-events:none;border:1px solid #ffffff15;z-index:3}
.frame-guides:before,.frame-guides:after{content:'';position:absolute;width:7px;height:7px;border-color:#ffffff75;border-style:solid}.frame-guides:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.frame-guides:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}
.monitor-controls{display:flex;justify-content:space-between;align-items:center;padding:11px 7px 0;font-size:9px;color:#7f798d;letter-spacing:.8px}
.motion-panel{position:absolute;left:3%;top:150px;width:240px;padding:18px 20px;border-radius:16px;transform:rotate(-10deg);z-index:3}
.panel-label{display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1px;color:#7c728b}.panel-label>span:last-child{margin-left:auto}
.app-badge{background:linear-gradient(145deg,#ffffff90,#c6b5e9a0);border:1px solid #ffffffa0;box-shadow:0 3px 5px #6f51b61c;color:#6f54ad;font-size:11px;border-radius:5px;padding:4px 5px;letter-spacing:-.3px}
.motion-panel-title{font-size:24px;line-height:1.15;letter-spacing:-.9px;color:#675977;margin:20px 0 5px}
.curve-chart{width:100%;height:94px;display:block}.panel-bottom{display:flex;justify-content:space-between;font-size:8px;color:#8d8399;letter-spacing:.3px;margin-top:8px}
.format-preview{position:absolute;right:3%;top:108px;width:172px;transform:rotate(9deg);border-radius:17px;padding:12px;z-index:3}
.format-preview .panel-label{font-size:6px;letter-spacing:.6px;gap:2px;margin:1px 0 10px}
.portrait-film{aspect-ratio:9/15;background:linear-gradient(180deg,#24406020,#18304565),url('assets/surf-concept.webp') 79% center/cover;color:white;border-radius:8px;padding:16px 12px;position:relative;box-shadow:inset 0 0 0 1px #fff4}
.portrait-film>span{font-size:28px;letter-spacing:-1.2px;line-height:1.02;display:block}.portrait-film i{font-family:Georgia,serif}.portrait-film small{position:absolute;bottom:13px;left:12px;font-size:6px;line-height:1.5;letter-spacing:1px;color:#fff9}
.timeline{width:62%;max-width:740px;right:13%;bottom:78px;padding:17px 19px 11px;border-radius:17px;transform:rotate(3deg);z-index:5;background:linear-gradient(115deg,#ffffffa8,#efedf870 60%,#ffffffb3);backdrop-filter:blur(26px) saturate(1.6)}
.timeline-top{font-size:11px;align-items:center;color:#666073;border-bottom:1px solid #ffffff50;padding-bottom:9px}.timeline-top small{display:inline;font-size:9px;color:#a098b0}.timeline-tools{color:#a39aad;font-size:15px}
.ruler{font-size:8px;margin-top:12px;border-top:0;background:repeating-linear-gradient(90deg,#a397b840 0px,#a397b840 1px,transparent 1px,transparent 13px);padding-top:7px;background-size:100% 5px;background-repeat:no-repeat}
.track{height:23px;gap:5px;margin:5px 0}.track label{font-size:8px;color:#9f94ab}.clip{height:23px;box-shadow:inset 0 1px 0 #ffffff6b;border:1px solid #ffffff58;font-size:8px;padding:4px 8px;border-radius:4px;white-space:nowrap;overflow:hidden}
.violet{background:linear-gradient(100deg,#bfb0e78c,#d4c4efc4);width:55%;margin-left:14%;display:flex;justify-content:space-between;color:#775d9d}
.filmstrip{display:flex;align-items:center;background:#a4b4cc;padding:0;position:relative;gap:1px;height:29px}.filmstrip span{position:absolute;top:4px;left:8px;color:#fff;font-size:7px;z-index:1}.filmstrip i{height:29px;flex:1;background:linear-gradient(#27324d10,#27324d10),url('assets/surf-concept.webp') center/cover}.filmstrip i:nth-child(3){background-position:80% 60%}.filmstrip i:nth-child(4){background-position:20% 70%}.footage-track{height:29px}.blue.short{height:29px;background:linear-gradient(90deg,#778ca599,#b2bdc7a8),url('assets/surf-concept.webp') center/cover;color:#fff;font-size:7px;padding:4px 7px}
.sound{background:linear-gradient(90deg,#c5bdd875,#d9bfd57a);color:#ad8ba9;padding:1px 5px;font-size:8px}.sound svg{width:100%;height:19px;display:block}
.playhead{top:54px;bottom:29px;background:#a976ae;left:65%;box-shadow:1px 0 #ffffff65}.playhead>span{position:absolute;top:-13px;left:-22px;color:#fff;background:#a780b7;border-radius:3px;font-size:6px;padding:1px 4px;white-space:nowrap;letter-spacing:.4px}.playhead:before{border-width:3px;left:-2px;border-top-color:#a780b7}
.timeline-bottom{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1px;color:#a193af;margin:10px 0 0 24px}
.quality-chip{top:auto;bottom:29px;left:24%;transform:rotate(-3deg);padding:13px 18px;gap:12px;z-index:6;border-radius:13px;font-size:12px;background:linear-gradient(120deg,#ffffffae,#ffffff70);color:#5c536b}
.check-circle{background:linear-gradient(135deg,#f9f5ff,#d6c8e7);border:1px solid #fff;color:#8b73a4;width:30px;height:30px;line-height:28px;box-shadow:0 3px 6px #79698813}.quality-chip small{font-size:9px;color:#978ba3;margin-top:2px}.qc-pill{font-size:6px;letter-spacing:1px;border:1px solid #b6a2cf60;border-radius:20px;padding:4px 7px;margin-left:8px;color:#927caa}
.stage-footer{left:auto;right:5%;bottom:34px;font-size:7px;letter-spacing:1.5px;color:#aba2b5}
.capability-strip{border-top:1px solid #e9e6ee;border-bottom:1px solid #e9e6ee;padding:26px 0;font-size:12px;color:#777180;margin-top:25px}.capability-strip>span:first-child{font-size:11px;color:#a09aa9}
.section-heading h2,h2{font-weight:500;letter-spacing:-2px}.section-heading>p{font-size:15px;line-height:1.7}
.work-section{padding-top:115px}.work-grid{gap:32px;grid-template-columns:1.15fr 1fr;align-items:start}.work-card:nth-child(2){margin-top:70px}.work-art{border-radius:15px;aspect-ratio:1.35;border:1px solid #ffffff90;box-shadow:0 16px 35px -22px #33304b40,inset 0 0 0 8px #ffffff0c}.art-top{font-size:9px;letter-spacing:1.5px}.art-title{left:30px;bottom:45px}.work-art.type{background:radial-gradient(ellipse at 100% 0,#ece2f9,transparent 65%),linear-gradient(135deg,#edeaf4,#d4d8ea);color:#615571}.type .art-title{font-size:clamp(40px,5vw,65px);font-weight:500;letter-spacing:-3px;bottom:65px}.type .art-title span{color:#9b81b3;font-family:Georgia,serif;font-weight:400;font-size:1.15em;margin-top:8px}.type .art-title:after{display:none}.work-art.type:after{content:'';position:absolute;inset:22px;border:1px solid #fff8;border-radius:7px;pointer-events:none}.work-card:hover .type .art-title{transform:translateY(-5px)}.type .art-title{transition:transform .7s cubic-bezier(.2,.7,.2,1)}.work-meta{padding:20px 3px}.work-meta h3{font-size:18px;font-weight:500}.sample-note{color:#a09aa7;font-size:11px}
.services{border:0;background:linear-gradient(#faf9fc00,#f7f6fa60)}.service-list{border-color:#e6e2ec}.service-row{border-color:#e8e4ed;padding:29px 0}.service-row h3{font-size:23px;font-weight:450}.service-row p{font-size:15px}.service-row>span{color:#b0a5bd}
.process-scroll{background:linear-gradient(180deg,#fcfcfd,#f7f5fb 20%,#f6f4fa 80%,#fcfcfd);border:0;height:300vh}
.process-sticky{padding-top:48px;min-height:760px;max-height:1050px}.process-header{align-items:center}.process-header .eyebrow{color:#91829d;font-size:10px}.process-header h2{font-size:50px;font-weight:500}.process-header>p{color:#92909c;font-size:14px;max-width:280px}
.process-visual{min-height:340px;max-height:480px;margin-top:25px;border-radius:24px;overflow:visible}
.process-visual:before{display:none}.process-coordinate{position:absolute;left:25px;right:25px;top:20px;display:flex;justify-content:space-between;font-size:8px;color:#a99eb6;letter-spacing:1.5px;z-index:1}
.process-grid{position:absolute;inset:0;border:1px solid #e8e0f04a;border-radius:24px;background-image:linear-gradient(#cfc4df16 1px,transparent 1px),linear-gradient(90deg,#cfc4df16 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(transparent,#0009 25%,#0009 75%,transparent);z-index:-3}
.process-halo{position:absolute;inset:20% 20% 5%;border-radius:50%;background:radial-gradient(ellipse at 25% 50%,#b8d0ef60,transparent 60%),radial-gradient(ellipse at 75% 50%,#e8bbda60,transparent 65%);filter:blur(35px);z-index:-2;transition:transform .8s}
.process-rail{position:absolute;left:8%;right:8%;top:51%;height:1px;background:linear-gradient(90deg,#b6b7cf00,#b6b7cf80 20%,#c3b0d780 80%,#c3b0d700);display:flex;justify-content:space-between;z-index:-1}.process-rail i{width:7px;height:7px;border:1px solid #d5cadf;background:#fcfaff;border-radius:50%;margin-top:-3px;box-shadow:0 0 0 5px #f3edf72b}
.process-project{width:330px;padding:13px;border-radius:18px;top:51%;transform:translate(calc(-50% + var(--travel)*1px),-50%) rotate(-3deg);transition:transform .22s ease-out;background:linear-gradient(130deg,#ffffffbd,#ffffff5c 70%,#ffffffae);z-index:3}
.project-bar{font-size:8px;padding:3px 4px 11px;letter-spacing:1.1px;color:#9b8aa8}.project-bar>span:last-child{color:#8e6fa7}.project-image{height:175px;border-radius:8px;box-shadow:inset 0 0 0 1px #fff4;background-position:65% center}.project-type{font-size:37px;top:31px;left:20px;letter-spacing:-1px;font-weight:400}.project-tracks{gap:4px;margin-top:10px}.project-tracks span{height:12px;font-size:5px;letter-spacing:.6px;color:#7d7790;padding:1px 6px;background:linear-gradient(90deg,#adc1e298,#cbd7eca6);box-shadow:inset 0 1px #fff6}.project-tracks span:nth-child(2){background:linear-gradient(90deg,#d0bce89c,#e2d3f0bf)}.project-tracks span:nth-child(3){background:linear-gradient(90deg,#dfc7d79c,#ebd6e1bf)}.project-meta{display:flex;justify-content:space-between;font-size:6px;letter-spacing:1px;color:#a496b0;margin:9px 4px 0}
.ghost-pane{position:absolute;top:51%;left:50%;width:330px;height:280px;border:1px solid #ffffffae;border-radius:18px;background:linear-gradient(130deg,#ffffff43,#e3daed14);box-shadow:0 10px 30px #56436608;z-index:0;transition:transform .7s,opacity .5s}.ghost-one{transform:translate(calc(-50% - 165px),-47%) rotate(-8deg)}.ghost-two{transform:translate(calc(-50% - 140px),-51%) rotate(-5deg)}
.source-file{display:flex;align-items:center;gap:13px;left:5%;top:23%;border-radius:12px;padding:14px 17px;font-size:11px;color:#8b7b99;transform:rotate(-7deg);z-index:4}.source-file small{display:block;font-size:8px;color:#b0a2bc;margin-top:4px}.file-icon{width:31px;height:36px;border:1px solid #ffffffb3;border-radius:6px;display:grid;place-items:center;background:linear-gradient(135deg,#fff9,#d7c9e970);font-size:14px;box-shadow:0 3px 7px #624a800d}.source-file.second{left:7%;top:auto;bottom:14%;transform:rotate(4deg)}.source-file.gone{transform:translateX(60px) scale(.9);opacity:0;pointer-events:none}
.qc-note{top:27%;right:5%;padding:18px;border-radius:15px;width:180px;transform:translateY(15px) rotate(5deg);z-index:4;font-size:9px;color:#a08daf}.qc-note.visible{transform:translateY(0) rotate(5deg)}.qc-orb{display:grid;place-items:center;width:32px;height:32px;background:linear-gradient(135deg,#fff9,#c7b6e480);border:1px solid white;box-shadow:0 3px 8px #6d45851a;border-radius:50%;color:#9073b3;font-size:15px;margin-bottom:13px}.qc-note strong{display:block;font-weight:500;font-size:8px;letter-spacing:1px;margin-bottom:5px}.qc-note #qc-label{display:block;font-size:8px}.qc-meter{display:flex;gap:3px;margin-top:11px}.qc-meter i{height:3px;background:#c5afd9;flex:1;border-radius:2px}.qc-meter i:last-child{background:#ddd0e8}
.delivery{width:110px;height:187px;padding:7px;border:7px solid #ffffffa6;border-radius:14px;box-shadow:0 18px 35px -14px #49315c2e,inset 0 0 0 1px white;z-index:2;top:51%;background-position:75% center}.delivery span{font-size:9px;color:#fff;bottom:10px;left:0}.delivered .delivery.portrait{transform:translate(165px,-56%) rotate(11deg)}.delivered .delivery.square{width:158px;height:158px;transform:translate(-325px,-32%) rotate(-11deg)}
.process-visual[data-stage="1"] .ghost-one{transform:translate(-57%,-45%) rotate(-9deg)}.process-visual[data-stage="1"] .ghost-two{transform:translate(-53%,-48%) rotate(-6deg)}.process-visual[data-stage="2"] .ghost-one,.process-visual[data-stage="3"] .ghost-one{transform:translate(-42%,-45%) rotate(6deg)}.process-visual[data-stage="2"] .ghost-two,.process-visual[data-stage="3"] .ghost-two{transform:translate(-48%,-49%) rotate(0deg)}.delivered .ghost-pane{opacity:0}
.process-steps{border-top:1px solid #e0d7e9;margin-top:20px}.step-button{font-size:14px;color:#b2a9bc;padding:17px 10px 12px;gap:12px}.step-button span{font-size:9px;padding-top:4px}.step-button[aria-current="step"]{border-color:#b697d2;color:#756082}.process-caption{min-height:63px;padding:15px 10px 0}.process-caption p{font-size:14px;color:#8e849a}.process-caption small{font-size:8px;color:#b4a6be}.qc-replay{color:#957bac;font-size:11px;margin-left:10px}
.agencies{padding-top:110px;padding-bottom:110px;gap:65px}.agency-system{position:relative;background:radial-gradient(ellipse at 15% 60%,#d6def170,transparent 65%),radial-gradient(ellipse at 85% 50%,#ead5e870,transparent 60%);border:0;padding:55px 35px;border-radius:24px}.agency-system:before{content:'';position:absolute;inset:8% 18%;background:#eee7f2;filter:blur(45px);z-index:-1}.agency-node{border-radius:13px;padding:20px;color:#877694;max-width:280px;transform:rotate(-2deg)}.agency-engine{padding:28px 15px;transform:rotate(3deg);background:linear-gradient(130deg,#fff9,#e4d5f175 50%,#fff9);box-shadow:var(--glass-shadow);font-size:22px;letter-spacing:-.7px;color:#6e557f}.agency-node small{font-size:10px;color:#a798b1;letter-spacing:.3px}.agency-node:last-of-type{transform:rotate(-2deg)}.connector{height:35px;background:#d4c4df}.connector:after{color:#c1acd0}.agency-system>p{color:#b0a1bc}.proof{border-color:#eeebf1}.proof-item{border-top-color:#e6deee}.proof-item h3{font-weight:500}.contact{border-top-color:#ece7f0}.contact-form{background:linear-gradient(145deg,#fff9,#ece5f457,#fff9);backdrop-filter:blur(24px);border:1px solid #fff;box-shadow:var(--glass-shadow);border-radius:22px;padding:30px}.contact{position:relative}.contact:before{content:'';position:absolute;right:8%;top:35%;width:240px;height:240px;background:#e9e1f480;filter:blur(70px);z-index:-1}.contact h2{font-weight:500}.footer{border-top-color:#eae5ef}
@media(min-width:1500px){.studio-scene{margin-left:0;margin-right:0}.frame-glass{left:23%}.motion-panel{left:8%}.format-preview{right:4%}}
@media(max-width:1050px){.studio-scene{height:590px;margin-left:-5%;margin-right:-5%}.frame-glass{top:95px;width:61%;left:18%}.motion-panel{width:200px;left:2%;top:150px;padding:15px}.motion-panel-title{font-size:21px}.curve-chart{height:80px}.format-preview{width:143px;right:1%;top:135px}.timeline{width:65%;right:11%;bottom:80px}.quality-chip{left:23%;bottom:25px}.stage-footer{display:none}.film-title{font-size:46px}.film-caption{margin-top:25px}.film-frame{padding:23px}.process-project{width:290px}.ghost-pane{width:290px;height:258px}.project-image{height:145px}.qc-note{right:0}.source-file{left:0}.source-file.second{left:0}.delivered .delivery.portrait{transform:translate(142px,-56%) rotate(11deg)}.delivered .delivery.square{transform:translate(-300px,-32%) rotate(-11deg)}}
@media(max-width:800px){.hero{padding-top:45px}.hero h1{font-size:66px;letter-spacing:-3.7px}.hero-bottom p{font-size:16px}.studio-scene{height:510px}.frame-glass{top:70px;width:65%;left:16%;padding:10px}.film-title{font-size:40px;margin-top:25px}.film-frame{padding:19px}.film-caption{margin-top:22px;font-size:6px}.motion-panel{width:163px;padding:12px;left:1%;top:130px}.motion-panel-title{font-size:18px;margin-top:14px}.panel-label{font-size:6px;gap:5px}.curve-chart{height:65px}.panel-bottom{font-size:6px}.format-preview{width:116px;padding:8px;top:103px;right:1%}.format-preview .panel-label{font-size:5px;margin-bottom:6px}.portrait-film>span{font-size:23px}.portrait-film small{font-size:5px}.timeline{bottom:69px;width:72%;right:8%;padding:13px}.quality-chip{bottom:13px;left:24%;font-size:10px;padding:10px 13px}.quality-chip small{font-size:7px}.qc-pill{display:none}.capability-strip{font-size:10px;gap:15px}.work-card:nth-child(2){margin-top:50px}.work-art{padding:20px}.art-title{font-size:45px;left:23px}.type .art-title{font-size:41px;letter-spacing:-2.5px}.art-top{font-size:7px}.process-sticky{min-height:700px}.process-header h2{font-size:39px}.process-header>p{font-size:12px;max-width:210px}.process-project{width:250px}.project-image{height:130px}.project-type{font-size:31px}.ghost-pane{width:250px;height:235px}.process-visual{min-height:330px}.source-file{font-size:9px;padding:10px;gap:8px;top:17%}.source-file small{font-size:6px}.source-file.second{bottom:12%}.qc-note{width:150px;padding:14px;top:55%}.delivery{width:85px;height:150px}.delivered .delivery.portrait{transform:translate(120px,-56%) rotate(11deg)}.delivered .delivery.square{width:125px;height:125px;transform:translate(-250px,-32%) rotate(-11deg)}.step-button{font-size:12px;gap:5px;padding-left:4px}.process-caption p{font-size:12px}.agency-system{padding:45px 20px}.agencies{gap:30px}.contact{gap:30px}.service-row h3{font-size:21px}.service-row p{font-size:14px}}
@media(max-width:520px){.header{height:83px}.header .button{font-size:11px;padding:10px 15px}.hero{padding-top:37px}.hero>.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:23px}.hero h1{font-size:clamp(39px,10.7vw,55px);letter-spacing:-2.6px;line-height:1.14;margin-bottom:19px;white-space:nowrap}.hero-bottom p{font-size:14px;line-height:1.65;max-width:330px;margin:auto}.hero-actions{gap:8px;margin-top:23px}.hero-actions .button,.glass-button{font-size:11px;gap:15px;padding:12px 17px}.studio-scene{height:420px;margin-top:6px;margin-left:-3%;margin-right:-3%;overflow:hidden;width:106%}.scene-light{filter:blur(36px)}.light-blue{width:160px;height:170px;left:15%;top:95px}.light-rose{width:170px;height:180px;right:5%;top:130px}.light-violet{width:210px;height:120px;bottom:30px;left:20%}.scene-axis{display:none}.frame-glass{top:69px;width:79%;left:10%;padding:8px;border-radius:12px;transform:rotate(-6deg)}.frame-title{font-size:6px;padding:0 2px 7px}.window-dots{gap:3px}.window-dots i{width:3px;height:3px}.frame-resolution{font-size:6px}.film-frame{padding:14px;border-radius:6px;aspect-ratio:1.65}.sample-tag{font-size:5px;letter-spacing:1.1px}.film-title{font-size:32px;letter-spacing:-1.3px;margin-top:22px}.film-caption{font-size:4px;letter-spacing:.8px;margin-top:19px}.frame-guides{inset:8px}.monitor-controls{font-size:6px;padding:7px 3px 0}.motion-panel{width:105px;left:0;top:137px;padding:9px;border-radius:10px;transform:rotate(-11deg)}.motion-panel .panel-label{font-size:4px;letter-spacing:.3px;gap:3px}.motion-panel .app-badge{font-size:7px;border-radius:3px;padding:2px}.motion-panel-title{font-size:12px;letter-spacing:-.4px;margin:10px 0 2px}.curve-chart{height:42px}.motion-panel .panel-bottom{font-size:4px;margin-top:4px}.format-preview{width:81px;right:0;top:105px;padding:6px;border-radius:10px}.format-preview .panel-label{font-size:3.5px;letter-spacing:.2px;margin:0 0 4px}.portrait-film{border-radius:5px;padding:10px 7px;aspect-ratio:9/17}.portrait-film>span{font-size:18px}.portrait-film small{font-size:3px;left:7px;bottom:10px;letter-spacing:.6px}.format-preview .panel-bottom{font-size:4px;margin-top:4px}.timeline{bottom:69px;right:7%;width:81%;padding:10px 9px 7px;border-radius:11px;transform:rotate(4deg)}.timeline-top{font-size:7px;padding-bottom:4px}.timeline-top .app-badge{font-size:8px;padding:2px 3px;margin-right:4px}.timeline-top small{font-size:6px}.timeline-tools{font-size:9px}.ruler{font-size:5px;margin:8px 0 5px 17px;background-size:100% 3px;padding-top:4px}.track{height:13px;margin:3px 0;gap:3px}.track label{font-size:5px;width:14px}.clip{height:13px;font-size:5px;padding:1px 4px;border-radius:2px}.footage-track,.filmstrip,.filmstrip i,.blue.short{height:20px}.filmstrip span,.blue.short{font-size:4px}.filmstrip span{top:3px;left:4px}.blue.short{padding:3px 4px}.sound{padding:0 3px}.sound svg{height:12px}.playhead{top:35px;bottom:20px}.playhead>span{font-size:4px;top:-9px;left:-14px}.timeline-bottom{font-size:4px;margin:6px 0 0 17px;letter-spacing:.5px}.quality-chip{display:flex;left:21%;bottom:24px;padding:8px 10px;border-radius:9px;gap:7px;font-size:8px}.quality-chip small{font-size:5px;margin-top:2px}.check-circle{width:22px;height:22px;line-height:20px;font-size:10px}.capability-strip{margin-top:0;padding:20px 0;font-size:9px;gap:10px 16px}.work-section{padding-top:65px}.section-heading{gap:15px}.section-heading h2,h2{font-size:34px}.section-heading>p{font-size:14px}.work-grid{gap:24px;grid-template-columns:1fr}.work-card:nth-child(2){margin-top:0}.work-art{aspect-ratio:1.3;border-radius:13px;padding:22px}.art-top{font-size:8px}.art-title,.type .art-title{font-size:47px;bottom:40px;left:25px}.work-meta{padding:15px 2px}.work-meta h3{font-size:17px}.services{padding-top:50px}.service-row h3{font-size:19px}.service-row p{font-size:14px}.process-scroll{height:280vh}.process-sticky{padding-top:30px;padding-bottom:20px;min-height:700px}.process-header h2{font-size:36px}.process-header .eyebrow{font-size:9px;margin-bottom:18px}.process-header>p{font-size:13px;max-width:95%;margin-top:15px}.process-visual{min-height:300px;max-height:360px;margin-top:12px;border-radius:17px;overflow:hidden;margin-left:-3%;margin-right:-3%}.process-coordinate{left:15px;right:15px;top:12px;font-size:6px;letter-spacing:.8px}.process-project{width:212px;padding:9px;border-radius:12px;top:52%}.project-image{height:112px;border-radius:6px}.project-bar{font-size:5px;padding:1px 3px 7px;letter-spacing:.5px}.project-type{font-size:27px;top:24px;left:13px}.project-tracks{margin-top:6px;gap:3px}.project-tracks span{height:8px;font-size:3px;padding:0 4px}.project-meta{font-size:4px;letter-spacing:.5px;margin-top:6px}.ghost-pane{width:212px;height:189px;top:52%;border-radius:12px}.ghost-one{transform:translate(calc(-50% - 30px),-44%) rotate(-10deg)}.ghost-two{transform:translate(calc(-50% - 20px),-48%) rotate(-7deg)}.source-file{top:17%;left:2%;font-size:7px;padding:8px;gap:6px;border-radius:8px}.source-file small{font-size:5px;margin-top:2px}.file-icon{width:22px;height:27px;font-size:10px;border-radius:4px}.source-file.second{left:4%;bottom:9%;font-size:6px}.qc-note{top:62%;right:1%;width:110px;padding:10px;border-radius:10px}.qc-orb{width:20px;height:20px;font-size:10px;margin-bottom:6px}.qc-note strong{font-size:5px;letter-spacing:.7px}.qc-note #qc-label{font-size:5px}.qc-meter{margin-top:7px;gap:2px}.qc-meter i{height:2px}.delivery{width:65px;height:112px;border:4px solid #ffffffb0;border-radius:8px;top:52%}.delivery span{font-size:6px;bottom:6px}.delivered .delivery.portrait{transform:translate(95px,-65%) rotate(10deg)}.delivered .delivery.square{width:88px;height:88px;transform:translate(-180px,-30%) rotate(-10deg)}.step-button{font-size:10px;line-height:1.4;min-height:60px;padding:10px 3px 8px;gap:4px}.step-button span{font-size:7px}.process-steps{margin-top:5px}.process-caption{padding:10px 3px 0;min-height:75px}.process-caption p{font-size:12px}.qc-replay{font-size:10px;margin-left:3px}.agencies{padding-top:70px;padding-bottom:70px;gap:30px}.agency-system{padding:35px 25px}.agency-node{padding:18px}.agency-engine{padding:25px 15px}.contact-form{padding:24px}.contact h2{font-size:39px}.contact-form input,.contact-form select,.contact-form textarea{font-size:14px}.footer{padding-top:30px;padding-bottom:30px}}
@media(prefers-reduced-motion:reduce){.process-scroll{height:auto}.process-sticky{height:auto;min-height:0}.process-visual{height:350px;flex:auto}.process-project{transform:translate(-50%,-50%) rotate(-3deg)}.studio-scene *{animation:none!important}.process-caption{min-height:80px}}
/* Maintain readable contrast around the deliberately quieter interface diagrams. */
.process-caption p{color:#70677d}.process-header>p{color:#797282}.step-button{color:#857a91}.step-button[aria-current="step"]{color:#59466e}.agency-node{color:#70607d}.agency-node small{color:#897993}.agency-system>p{color:#8a7898}.contact-form input,.contact-form select,.contact-form textarea{color:#39313f}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.motion-panel .curve-chart path:nth-of-type(3){stroke-dasharray:250;stroke-dashoffset:0;transition:stroke-dashoffset 1.2s}.studio-scene:hover .motion-panel .curve-chart path:nth-of-type(3){animation:trace-curve 1.5s ease both}.studio-scene:hover .quality-chip .check-circle{animation:approval-pulse 1s ease both}@keyframes trace-curve{from{stroke-dashoffset:250}to{stroke-dashoffset:0}}@keyframes approval-pulse{50%{box-shadow:0 0 0 6px #b69bd318}to{box-shadow:0 3px 6px #79698813}}}
/* Keep optical shadows and rotated panes inside the page at intermediate widths. */
main{overflow-x:clip}