@font-face{font-family:LocalGrotesk;src:local('Helvetica Neue')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#111;color:#f3f3ef;font-family:LocalGrotesk,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #f3f3ef;outline-offset:6px}::selection{background:#eee;color:#111}h1,h2,p{margin:0}h1,h2{font-weight:500;letter-spacing:-.065em;line-height:.94}button{border:0}img,video{display:block;width:100%;height:100%;object-fit:cover}.muted{color:#888}.period{color:#777}.section{padding:140px 5vw}.small-label,.frame-label,.frame-corner,.nav,.demo-note,.footer-bottom,.project-meta,.gallery-heading span{font-family:monospace;font-size:11px;letter-spacing:.06em}.nav{height:80px;position:fixed;top:0;left:0;right:0;padding:0 5vw;z-index:30;display:flex;align-items:center;justify-content:space-between;transition:background .3s,border .3s}.nav.scrolled{background:#111e;border-bottom:1px solid #ffffff18;backdrop-filter:blur(12px)}.brand{font-family:Arial,sans-serif;font-weight:600;font-size:15px;letter-spacing:-.04em}.nav nav{display:flex;gap:40px}.nav a:not(.brand),.text-link,.contact-links a{position:relative}.nav a:after,.text-link:after,.contact-links a:after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}.nav a:hover:after,.text-link:hover:after,.contact-links a:hover:after{transform:scaleX(1)}.menu-toggle{display:none;background:transparent}.mobile-menu{position:fixed;inset:80px 0 0;background:#111;z-index:29;padding:12vh 7vw}.mobile-menu:not([hidden]){display:flex;flex-direction:column;gap:30px}.mobile-menu a{font-size:14vw;letter-spacing:-.06em}.hero{min-height:100svh;position:relative;padding:125px 5vw 75px;overflow:hidden}.hero-title{position:relative;z-index:2;pointer-events:none}.hero h1{font-size:clamp(90px,14.5vw,250px);line-height:.83;letter-spacing:-.085em}.hero-title p{margin-top:30px;font-family:monospace;font-size:12px;letter-spacing:.035em}.media-frame{position:relative;overflow:hidden;background:#202020}.hero-frame{position:absolute;width:52vw;height:68%;right:5vw;top:22%;transform-origin:center}.frame-art{position:absolute;inset:0;background:radial-gradient(ellipse at 55% 40%,#414141,#202020 45%,#151515 78%)}.aperture{position:absolute;border:1px solid #777;width:23vw;height:23vw;border-radius:50%;left:25%;top:18%;box-shadow:0 0 0 3vw #ffffff04,0 0 0 3.1vw #ffffff10,0 0 0 5vw #ffffff03,0 0 0 5.1vw #ffffff06;transform:rotate(-22deg)}.aperture:after{content:'';position:absolute;inset:18%;border-radius:50%;border:1px solid #666;background:linear-gradient(140deg,#aaa2,transparent 55%)}.frame-label{position:absolute;bottom:22px;left:24px;z-index:2;color:#ddd}.frame-corner{position:absolute;top:22px;right:24px;z-index:2;color:#aaa}.hero-link{position:absolute;bottom:32px;left:5vw;font-family:monospace;font-size:12px;display:flex;align-items:center;gap:40px}.hero-link span{font-size:28px}.hero-note{position:absolute;bottom:36px;right:5vw;font-size:12px;color:#999}.intro{padding-top:180px;padding-bottom:180px}.intro .small-label{color:#999;margin-bottom:40px}.intro h2{font-size:clamp(36px,6.7vw,112px);max-width:1200px;line-height:1.05}.intro-copy{margin:50px 0 0 50%;font-size:18px;line-height:1.6;max-width:490px;color:#aaa}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-heading h2{font-size:clamp(65px,9vw,150px)}.section-heading>span{font-size:13px;padding-bottom:10px}.demo-note{color:#888;margin-top:28px}.project-list{display:grid;grid-template-columns:repeat(12,1fr);gap:110px 3vw;margin-top:75px}.project{grid-column:1/9}.project:nth-child(2){grid-column:8/13;margin-top:190px}.project:nth-child(3){grid-column:2/7}.project:nth-child(4){grid-column:8/13;margin-top:140px}.project:nth-child(5){grid-column:1/10}.project:nth-child(6){grid-column:1/6}.project:nth-child(7){grid-column:7/13;margin-top:150px}.project-open{display:block;width:100%;padding:0;text-align:left;background:transparent}.project-visual{aspect-ratio:16/10;transition:transform .6s}.project:nth-child(2) .project-visual,.project:nth-child(3) .project-visual,.project:nth-child(6) .project-visual{aspect-ratio:4/5}.project-open:hover .project-visual{transform:scale(.985)}.project-art{position:absolute;inset:0;transition:transform .8s;background:#282828}.project-open:hover .project-art,.project-open:hover img{transform:scale(1.04)}.project-art:before,.project-art:after{content:'';position:absolute}.speed{background:linear-gradient(165deg,#363636,#191919)}.speed:before{width:80%;height:28%;border:1px solid #777;border-radius:80% 65% 15% 20%;left:10%;top:40%;transform:rotate(-12deg)}.speed:after{height:1px;width:90%;left:5%;top:74%;background:#666;transform:rotate(-12deg)}.music{background:radial-gradient(ellipse at 50% 0,#6c6c6c,#222 55%)}.music:before{height:65%;width:1px;background:#aaa;left:50%;top:15%;transform:rotate(15deg);box-shadow:50px 0 #777,-50px 0 #555}.music:after{width:80%;height:1px;background:#555;left:10%;bottom:25%}.fashion{background:#383838}.fashion:before{width:55%;height:80%;background:linear-gradient(120deg,#898989,#232323);left:30%;top:20%;clip-path:polygon(40% 0,70% 10%,95% 100%,0 100%,15% 15%)}.fashion:after{width:30%;height:25%;border-radius:50%;background:#9993;left:37%;top:8%}.track{background:repeating-linear-gradient(125deg,#262626 0 50px,#555 51px 52px,#191919 53px 100px)}.product{background:radial-gradient(ellipse at 50% 10%,#707070,#202020 65%)}.product:before{width:25%;height:60%;left:39%;top:18%;border:1px solid #aaa;background:linear-gradient(100deg,#aaa2,#111);transform:rotate(16deg)}.light{background:linear-gradient(125deg,#888,#252525 55%)}.light:before{width:1px;height:100%;background:#ccc;left:42%;transform:rotate(30deg);box-shadow:40px 0 #aaa,-40px 0 #999}.documentary{background:linear-gradient(45deg,#292929,#666)}.documentary:before{left:15%;top:25%;width:65%;height:50%;border:1px solid #888;transform:rotate(-8deg)}.project-number{position:absolute;top:20px;left:22px;font-family:monospace;font-size:11px;color:#bbb}.project-meta{margin-top:18px;display:flex;justify-content:space-between;color:#999}.project h3{font-weight:400;font-size:clamp(24px,2.7vw,45px);letter-spacing:-.045em;margin:10px 0}.project-description{max-width:400px;font-size:13px;color:#999;line-height:1.6}.gallery-section{height:220vh;background:#191919}.gallery-sticky{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.gallery-heading{display:flex;align-items:center;justify-content:space-between;padding:0 5vw;margin-bottom:45px}.gallery-heading h2{font-size:clamp(25px,3vw,50px)}.gallery-track{display:flex;width:max-content;gap:3vw;padding:0 5vw;will-change:transform}.gallery-item{width:48vw;flex:none}.gallery-item .media-frame{height:52vh}.gallery-item p{margin-top:18px;font-size:13px;color:#aaa}.about h2{font-size:clamp(35px,5.8vw,95px);line-height:1.06}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:12vw;margin-top:70px;align-items:end}.portrait{aspect-ratio:4/5}.portrait-art{position:absolute;inset:0;background:linear-gradient(120deg,#535353,#171717)}.portrait-art span{position:absolute;left:23%;top:17%;width:58%;height:100%;border:1px solid #777;transform:rotate(15deg)}.about-copy p{font-size:19px;line-height:1.65;margin-bottom:25px}.text-link{display:inline-flex;gap:30px;font-family:monospace;font-size:11px;margin-top:30px}.services{padding-top:60px}.services>h2{font-size:22px;letter-spacing:-.02em;margin-bottom:40px}.services-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:12vw}.service{background:transparent;display:flex;align-items:center;justify-content:space-between;width:100%;border-top:1px solid #444;padding:22px 0;font-size:clamp(25px,4.4vw,65px);letter-spacing:-.05em;text-align:left;transition:color .3s,padding .3s}.service:last-child{border-bottom:1px solid #444}.service span{font-family:monospace;font-size:15px;color:#888}.service:hover,.service:focus-visible{padding-left:15px;color:#aaa}.service-preview{aspect-ratio:4/5;align-self:center;position:sticky;top:100px}.service-art{position:absolute;inset:0;background:repeating-linear-gradient(135deg,#303030 0 60px,#454545 61px 62px);transition:transform .6s}.service-preview>span{position:absolute;bottom:30px;left:30px;font-family:monospace;font-size:13px}.reel{min-height:90svh;position:relative;overflow:hidden}.reel-media{position:absolute;inset:0}.reel-art{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 45%,#606060,#222 45%,#161616);transform:scale(1.05)}.reel-art:after{content:'';position:absolute;top:12%;right:12%;height:70%;width:40%;border:1px solid #777;border-radius:50%;transform:rotate(35deg)}.reel-overlay{position:relative;padding:90px 5vw}.reel-overlay h2{font-size:clamp(100px,16vw,260px);margin-top:35px}.reel-play{margin-top:40px;background:#eee;color:#111;padding:18px 25px;font-family:monospace;font-size:11px;display:flex;gap:45px;align-items:center;transition:transform .3s}.reel-play:hover{transform:translateY(-3px)}.reel-status{margin-top:18px;font-size:12px;color:#ccc;max-width:360px;line-height:1.5}.contact{padding-bottom:30px}.contact .small-label{color:#999;margin-bottom:45px}.contact h2{font-size:clamp(50px,10.7vw,175px)}.contact-links{margin:70px 0 110px;display:flex;gap:8vw;flex-wrap:wrap}.contact-item{font-size:16px}.contact-item small{display:block;margin-bottom:16px;font-family:monospace;color:#777;font-size:11px}.contact-item .unconfigured{color:#777;font-size:13px}.footer-bottom{border-top:1px solid #444;padding-top:28px;display:flex;justify-content:space-between;color:#aaa}dialog{width:min(1000px,90vw);max-height:90svh;border:1px solid #555;background:#181818;color:#eee;padding:50px;overflow:auto}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.dialog-close{background:transparent;float:right;font-family:monospace;font-size:12px;padding:8px;margin-bottom:30px}.dialog-visual{clear:both;aspect-ratio:16/9}.dialog-title{font-size:clamp(30px,5vw,70px);margin:30px 0 20px}.dialog-description{line-height:1.65;color:#bbb;max-width:600px}.dialog-note{font-size:12px;color:#888;margin-top:24px}.cursor{position:fixed;pointer-events:none;z-index:100;width:65px;height:65px;background:#efefef;color:#111;border-radius:50%;display:grid;place-items:center;font-family:monospace;font-size:10px;opacity:0;transform:translate(-50%,-50%);transition:opacity .2s}.cursor.active{opacity:1}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:#eee;color:#111;padding:15px}.skip:focus{top:15px}body.menu-open{overflow:hidden}button:active{transform:scale(.98)}
@media(min-width:1600px){.section{padding-left:max(5vw,calc((100vw - 1450px)/2));padding-right:max(5vw,calc((100vw - 1450px)/2))}}
@media(max-width:760px){.nav{height:68px;padding:0 6vw}.nav nav{display:none}.menu-toggle{display:block;font-size:11px}.mobile-menu{top:68px}.hero{padding:120px 6vw 90px;min-height:90svh}.hero h1{font-size:23vw;line-height:.88}.hero-title p{font-size:9px;max-width:250px;line-height:1.7;margin-top:20px}.hero-frame{width:74vw;height:43%;top:45%;right:6vw}.aperture{width:40vw;height:40vw;left:20%;top:18%}.hero-note{display:none}.hero-link{left:6vw;bottom:22px;font-size:10px}.frame-label,.frame-corner{font-size:8px}.frame-label{left:15px;bottom:15px}.frame-corner{right:15px;top:15px}.section{padding:85px 6vw}.intro h2{font-size:8.5vw;line-height:1.13}.intro .small-label{font-size:9px}.intro-copy{margin:35px 0 0;font-size:16px}.section-heading{display:block}.section-heading h2{font-size:18vw}.section-heading>span{display:block;margin-top:25px;font-size:12px}.project-list{display:block;margin-top:40px}.project,.project:nth-child(n){margin:0 0 55px}.project:nth-child(n) .project-visual{aspect-ratio:4/3}.project h3{font-size:30px}.project-meta{font-size:9px}.demo-note{font-size:9px;line-height:1.7}.gallery-section{height:auto;padding:65px 0}.gallery-sticky{position:relative;height:auto;overflow:visible}.gallery-heading{padding:0 6vw;margin-bottom:25px}.gallery-heading h2{font-size:23px}.gallery-heading span{display:none}.gallery-track{width:100%;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 6vw;gap:6vw;transform:none!important}.gallery-item{width:82vw;scroll-snap-align:center}.gallery-item .media-frame{height:44vh}.about h2{font-size:9vw}.about-layout{display:block;margin-top:40px}.portrait{width:86%;margin-bottom:40px}.about-copy p{font-size:16px}.services{padding-top:0}.services-layout{display:block}.service{font-size:10vw;padding:18px 0}.service-preview{display:none}.reel{min-height:76svh}.reel-overlay{padding:70px 6vw}.reel-overlay h2{font-size:27vw}.reel-overlay .small-label{font-size:9px}.reel-play{margin-top:35px}.contact h2{font-size:12vw}.contact-links{margin:45px 0 65px;gap:35px;flex-direction:column}.footer-bottom{font-size:9px;gap:25px;flex-wrap:wrap}.footer-bottom>span:nth-child(2){display:none}dialog{padding:24px}.cursor{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-title,.hero-frame,.gallery-track,.project,.reel-media{transform:none!important}.gallery-section{height:auto;padding:70px 0}.gallery-sticky{position:relative;height:auto}.gallery-track{width:100%;overflow-x:auto}.cursor{display:none}}
/* Keep the metadata clear of the discipline line on compact screens. */
@media(max-width:760px){.hero-frame{top:49%;height:39%}.hero-frame .frame-corner{display:none}}
/* JULS MEDIA: precise typography, wide frames and a restrained metallic identity. */
:root{--studio-line:#ffffff20;--studio-ink:#f2f2f0}body{font-family:LocalGrotesk,'Helvetica Neue',Arial,sans-serif}.nav{height:86px}.brand{font-weight:700;font-size:19px;letter-spacing:-.065em}.nav nav{gap:32px}.hero{padding-top:145px;min-height:100svh}.hero h1{font-size:clamp(110px,18vw,300px);letter-spacing:-.085em;line-height:.8}.hero-title p{margin-top:38px;letter-spacing:.14em;font-size:10px}.hero-frame{top:20%;right:5vw;width:55vw;height:68%;background:#151515}.frame-art{background:linear-gradient(130deg,#171717,#262626 50%,#121212)}.aperture{width:27vw;height:27vw;left:23%;top:16%;border-radius:0;border:1px solid #ffffff60;box-shadow:none;transform:rotate(-27deg);background:linear-gradient(135deg,#ffffff15,transparent 60%)}.aperture:after{inset:14%;border-radius:0;border-color:#ffffff25;background:none}.orbit{position:absolute;left:13%;top:8%;width:37vw;height:37vw;border:1px solid #ffffff12;transform:rotate(-27deg);pointer-events:none}.orbit-two{left:34%;top:28%;width:21vw;height:21vw;border-color:#ffffff30;background:linear-gradient(135deg,#ffffff08,transparent)}.hero-frame:after{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#ffffff10}.hero-link{border-bottom:1px solid #ffffff40;padding-bottom:12px;bottom:35px;gap:75px}.hero-note{font-family:monospace;letter-spacing:.08em;font-size:10px}.intro{padding-top:120px;padding-bottom:130px;border-bottom:1px solid var(--studio-line);margin:0 5vw;padding-left:0;padding-right:0}.intro h2{font-size:clamp(35px,6.1vw,100px);letter-spacing:-.065em}.about{padding-top:120px}.about-head h2{font-size:clamp(40px,6vw,98px)}.about-layout{gap:10vw}.portrait-art{background:linear-gradient(145deg,#3b3b3b,#181818 65%)}.portrait-art span{top:12%;left:17%;width:66%;height:75%;border-color:#ffffff40}.portrait-art:after{content:'';position:absolute;inset:20% 28%;border:1px solid #ffffff20;transform:rotate(-13deg)}.services{padding-top:20px;padding-bottom:140px}.services>h2,.other-services>h2{font-family:monospace;font-size:11px;letter-spacing:.1em;margin-bottom:35px}.service{font-size:clamp(28px,4.2vw,65px);line-height:1.1;letter-spacing:-.06em;border-color:#ffffff25;padding:24px 0;position:relative}.service .service-name{font:inherit;color:inherit}.service .service-arrow{font-size:22px;transition:transform .3s}.service:hover .service-arrow{transform:translate(4px,-4px)}.service-preview{aspect-ratio:3/4}.service:hover{color:#fff}.work{border-top:1px solid var(--studio-line);padding-top:110px}.section-heading h2{font-size:clamp(65px,10.5vw,170px);letter-spacing:-.075em}.project-list{gap:95px 4vw}.project-meta{font-size:10px;letter-spacing:.08em}.project-open{overflow:hidden}.project-visual{transition:transform .65s cubic-bezier(.2,.7,.1,1)}.project-description{max-width:390px}.contact h2{letter-spacing:-.075em}.contact-links{gap:6vw}.contact-item{font-size:clamp(15px,1.5vw,23px)}.contact-item small{letter-spacing:.12em}.back-link{font-family:monospace;font-size:11px;color:#aaa;display:inline-block;margin-bottom:70px}.service-hero{padding-top:155px;padding-bottom:65px;overflow:hidden;border-bottom:1px solid var(--studio-line)}.service-hero h1{font-size:clamp(80px,14vw,240px);max-width:1200px;overflow-wrap:anywhere}.service-hero-bottom{margin-top:60px;display:flex;justify-content:space-between;align-items:end;gap:30px}.service-hero-bottom h2{font-size:clamp(24px,3.3vw,50px);letter-spacing:-.045em;max-width:600px;line-height:1.06}.service-hero-bottom>span{font-family:monospace;font-size:10px;color:#999}.service-body{display:grid;grid-template-columns:1.1fr 1fr;gap:10vw;align-items:center}.service-plate{aspect-ratio:4/5}.service-body-copy h2{font-size:clamp(30px,3.7vw,60px);line-height:1.05;margin-bottom:35px}.service-body-copy>p{font-size:18px;line-height:1.7;color:#aaa}.service-body-copy ul{list-style:none;padding:0;margin:40px 0}.service-body-copy li{border-top:1px solid #ffffff25;padding:18px 0;font-size:14px;color:#bbb}.other-services{padding-top:20px}.other-services .service{font-size:clamp(25px,3vw,45px)}.current-service{color:#777}.current-service:after{content:'AKTUELL';position:absolute;right:45px;font-family:monospace;font-size:9px;letter-spacing:.1em}.service-page .contact{border-top:1px solid var(--studio-line)}
@media(max-width:760px){.nav{height:68px}.brand{font-size:18px}.hero{padding-top:125px}.hero h1{font-size:29vw}.hero-title p{font-size:9px;margin-top:28px;letter-spacing:.06em}.hero-frame{width:77vw;top:48%;height:38%}.aperture{width:40vw;height:40vw;left:20%;top:10%}.orbit{width:55vw;height:55vw;left:8%;top:-5%}.orbit-two{width:33vw;height:33vw;left:35%;top:25%}.hero-link{bottom:20px;gap:45px;padding-bottom:8px}.intro{margin:0 6vw;padding-top:85px;padding-bottom:85px}.intro h2{font-size:8.4vw}.about{padding-top:80px}.about-head h2{font-size:9vw}.services{padding-top:0;padding-bottom:80px}.service{font-size:9.5vw;padding:20px 0}.service .service-arrow{font-size:18px}.work{padding-top:80px}.section-heading h2{font-size:19vw}.contact-links{gap:32px}.contact-item{font-size:18px}.service-hero{padding-top:120px;padding-bottom:45px}.back-link{margin-bottom:50px}.service-hero h1{font-size:20vw}.service-hero-bottom{display:block;margin-top:35px}.service-hero-bottom h2{font-size:8vw;line-height:1.1}.service-hero-bottom>span{display:block;margin-top:30px;font-size:9px}.service-body{display:block}.service-plate{aspect-ratio:4/3;margin-bottom:45px}.service-body-copy h2{font-size:38px}.service-body-copy>p{font-size:16px}.other-services .service{font-size:8vw}.service-page .contact h2{font-size:12vw}}
/* Reference direction: image-first masthead, tight bold type, full-width identity. */
body{background:#080808;color:#f5f5f1}h1,h2{font-weight:750}.nav{height:40px;padding:0 20px;background:#080808!important;border-bottom:1px solid #ffffff18;backdrop-filter:none}.nav .brand{font-size:12px;font-weight:800;letter-spacing:-.045em}.nav nav{flex:1;justify-content:space-between;margin-left:7vw;gap:22px}.nav nav a{font-family:Arial,sans-serif;font-weight:800;font-size:12px;letter-spacing:-.015em}.hero{padding:48px 8px 22px;min-height:0;overflow:hidden;display:flex;flex-direction:column}.hero-frame{position:relative;inset:auto;width:100%;height:clamp(330px,47vh,650px);transform-origin:center;background:#2d343c}.frame-art{background:radial-gradient(ellipse at 50% 55%,#434b55 0,#2b333c 55%,#20262e 100%)}.hero-frame .aperture{width:clamp(200px,30vw,440px);height:clamp(200px,30vw,440px);top:9%;left:50%;transform:translateX(-50%) rotate(32deg);border-radius:50%;border:1px solid #9ba4b344;box-shadow:0 0 0 28px #13191f55,0 0 0 29px #939eaf14,0 0 0 75px #10161c44;background:linear-gradient(135deg,#0008,#53617022)}.hero-frame .aperture:after{border-radius:50%;border-color:#939da230;background:#10151b88}.hero-frame .orbit{left:50%;top:6%;width:43%;height:95%;transform:translateX(-50%) rotate(20deg);border-color:#707d8d30}.hero-frame .orbit-two{width:31%;height:110%;top:15%;transform:translateX(-50%) rotate(-25deg);background:#161c2322}.hero-frame:after{display:none}.hero-roles{position:absolute;left:50%;bottom:14%;transform:translateX(-50%);font-weight:850;font-size:clamp(24px,3vw,48px);line-height:.87;letter-spacing:-.055em;text-align:center;z-index:3;white-space:nowrap;color:#f2f1eb;text-shadow:0 1px 15px #0004}.hero-frame .frame-label,.hero-frame .frame-corner{font-size:9px;letter-spacing:.1em;bottom:14px;top:auto;color:#b2b8c0}.hero-caption{text-align:center;padding:22px 3vw 5px}.hero-caption p{font-size:clamp(12px,1.2vw,18px);font-weight:550;line-height:1.15;max-width:1100px;margin:auto;letter-spacing:-.025em}.caption-rule{display:flex;align-items:center;justify-content:center;gap:15px;font-size:10px;margin-top:17px}.caption-rule:before,.caption-rule:after{content:'';width:70px;height:1px;background:#676767}.hero-title{width:100%;padding:4px 0 10px}.hero h1{font-family:Arial,'Helvetica Neue',sans-serif;font-weight:900;font-size:clamp(60px,15.1vw,300px);line-height:.88;letter-spacing:-.085em;white-space:nowrap;text-align:center}.wordmark-star{display:inline-block;font-size:.25em;vertical-align:top;margin-left:.16em;margin-top:.22em;letter-spacing:0}.hero-link{position:relative;left:auto;bottom:auto;justify-content:center;border:0;gap:20px;font-size:9px;margin-top:15px;padding-bottom:0}.hero-link span{font-size:17px}.intro{padding-top:85px;padding-bottom:85px;text-align:center}.intro .small-label{margin-bottom:25px}.intro h2{font-size:clamp(35px,6.7vw,108px);letter-spacing:-.065em;line-height:.97}.intro-copy{margin:35px auto 0;font-size:16px;max-width:620px;line-height:1.45}.about-head{text-align:center}.about h2{font-size:clamp(35px,6.5vw,110px);letter-spacing:-.07em;font-weight:800;line-height:.98}.about-layout{margin-top:55px}.about-copy p{font-size:17px;line-height:1.5}.services>h2,.other-services>h2{font-family:Arial,sans-serif;font-weight:800;font-size:24px;letter-spacing:-.045em}.service{font-family:Arial,sans-serif;font-weight:750;letter-spacing:-.06em}.service .service-name{font-weight:750}.service:hover{padding-left:12px}.section-heading h2{font-weight:850;line-height:.88}.reel{min-height:75svh;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25}.reel-art{background:radial-gradient(ellipse at 75% 45%,#46505b,#1c242d 50%,#11171e)}.reel-overlay{padding-top:75px;padding-bottom:75px}.reel-overlay h2{font-weight:850;letter-spacing:-.08em;font-size:clamp(95px,15vw,240px);line-height:.84}.reel-play{font-weight:700}.project h3{font-weight:650}.gallery-heading h2{font-weight:800}.contact h2{font-weight:850;line-height:.9}.service-hero h1{font-weight:850;font-size:clamp(70px,12.7vw,220px)}.service-hero-bottom h2{font-weight:800}.service-page .nav a[aria-current=page]{color:#999}.service-body-copy h2{font-weight:800}.nav a:after{bottom:-3px}
@media(max-width:760px){.nav{height:43px;padding:0 12px}.nav .brand{font-size:13px}.menu-toggle{font-family:Arial,sans-serif;font-weight:800}.mobile-menu{top:43px}.hero{padding-top:49px}.hero-frame{height:43svh;min-height:275px}.hero-frame .aperture{width:55vw;height:55vw;top:13%}.hero-frame .orbit{width:67%;height:95%}.hero-frame .orbit-two{width:45%;height:90%}.hero-roles{font-size:7.3vw;bottom:17%}.hero-frame .frame-label{font-size:7px;left:10px;bottom:11px}.hero-frame .frame-corner{display:block;font-size:7px;right:10px;bottom:11px}.hero-caption{padding:16px 8px 7px}.hero-caption p{font-size:12px;line-height:1.22}.caption-rule{margin-top:13px}.hero h1{font-size:14.8vw;line-height:.9}.hero-title{padding-top:6px}.hero-link{margin-top:12px;font-size:8px}.intro{padding-top:65px;padding-bottom:65px}.intro h2{font-size:8.5vw}.intro-copy{font-size:14px;line-height:1.5}.about h2{font-size:9vw}.about-copy p{font-size:16px}.reel{min-height:66svh}.reel-overlay{padding-top:65px;padding-bottom:65px}.reel-overlay h2{font-size:27vw}.service-hero{padding-top:100px}.service-hero h1{font-size:18vw}.service-hero-bottom h2{font-size:8vw}.current-service:after{right:32px;font-size:8px}}
/* Quiet studio direction: integrated identity, cinematic frame, editorial spacing. */
body{background:#111;color:#f3f3ef}h1,h2{font-weight:500}.nav{height:76px;padding:0 5vw;background:#111e!important}.nav .brand{font-size:13px;font-weight:650;letter-spacing:-.035em}.nav nav{flex:0;margin-left:0;justify-content:flex-end;gap:30px}.nav nav a{font-family:monospace;font-size:10px;letter-spacing:.035em;font-weight:400}.hero{min-height:94svh;padding:115px 5vw 45px;position:relative;display:block}.hero-frame{position:absolute;top:17%;right:5vw;left:auto;width:65%;height:67%;background:#24272a}.frame-art{background:radial-gradient(ellipse at 60% 45%,#393d42,#202326 55%,#191b1e)}.hero-frame .aperture{width:27vw;height:27vw;left:55%;top:10%;border-radius:0;transform:translateX(-50%) rotate(-23deg);border-color:#a0a5ab55;box-shadow:none;background:linear-gradient(140deg,#ffffff12,transparent)}.hero-frame .aperture:after{border-radius:0;background:transparent;border-color:#ffffff20}.hero-frame .orbit{width:60%;height:90%;top:8%;left:55%;transform:translateX(-50%) rotate(-23deg);border-color:#ffffff12}.hero-frame .orbit-two{width:39%;height:59%;top:24%;left:62%;transform:translateX(-50%) rotate(-23deg);background:#ffffff03}.hero-roles{left:-5vw;bottom:18%;transform:none;font-size:clamp(44px,6.8vw,110px);line-height:.95;letter-spacing:-.07em;font-weight:500;text-align:left;white-space:normal;text-shadow:none;max-width:90vw}.hero-frame{overflow:visible}.hero-frame .frame-art{overflow:hidden}.hero-frame .frame-label,.hero-frame .frame-corner{font-size:8px;letter-spacing:.1em;bottom:16px}.hero-caption{position:absolute;left:5vw;bottom:8%;text-align:left;padding:0;max-width:430px}.hero-caption p{font-size:13px;font-weight:400;letter-spacing:0;line-height:1.6;color:#aaa}.caption-rule{display:none}.hero-title{position:absolute;left:5vw;top:125px;width:auto;padding:0}.hero h1{font-family:LocalGrotesk,Arial,sans-serif;font-size:clamp(18px,2vw,30px);letter-spacing:-.045em;font-weight:500;line-height:1;white-space:nowrap;text-align:left}.wordmark-star{font-size:.45em;vertical-align:middle;margin:0 0 0 10px;color:#888}.hero-link{position:absolute;right:5vw;left:auto;bottom:8%;font-size:10px;gap:40px;border-bottom:1px solid #555;padding-bottom:13px}.hero-link span{font-size:22px}.intro{text-align:left;padding-top:105px;padding-bottom:105px}.intro h2{font-size:clamp(35px,6vw,100px);line-height:1.02;letter-spacing:-.065em;font-weight:500}.intro-copy{margin:40px 0 0 48%;max-width:490px;font-size:17px;line-height:1.6}.about-head{text-align:left}.about h2{font-weight:500;line-height:1.03;font-size:clamp(35px,5.5vw,90px)}.about-layout{gap:11vw;margin-top:65px}.about-copy p{line-height:1.65}.services>h2,.other-services>h2{font-family:monospace;font-size:11px;letter-spacing:.08em;font-weight:400}.service,.service .service-name{font-family:LocalGrotesk,Arial,sans-serif;font-weight:400}.service{font-size:clamp(27px,4vw,62px)}.section-heading h2{font-weight:500;line-height:.94;font-size:clamp(65px,9vw,150px)}.project h3{font-weight:400}.gallery-heading h2{font-weight:500}.contact h2{font-weight:500;line-height:.94}.reel-overlay h2{font-weight:500;line-height:.9}.reel-art{background:radial-gradient(ellipse at 72% 40%,#444b53,#22272d 50%,#16191d)}.service-hero h1,.service-hero-bottom h2,.service-body-copy h2{font-weight:500}.service-hero h1{font-size:clamp(70px,11vw,180px)}.service-hero{padding-top:145px}.project-open:hover .project-visual{transform:scale(.99)}
@media(max-width:760px){.nav{height:65px;padding:0 6vw}.nav .brand{font-size:13px}.menu-toggle{font-family:monospace;font-weight:400}.mobile-menu{top:65px}.hero{min-height:89svh;padding:105px 6vw 35px}.hero-title{top:100px;left:6vw}.hero h1{font-size:21px}.hero-frame{top:24%;right:6vw;width:82%;height:44%;min-height:0}.hero-frame .aperture{width:44vw;height:44vw;top:8%;left:56%}.hero-frame .orbit{width:70%;height:83%;top:8%}.hero-frame .orbit-two{width:40%;height:60%}.hero-roles{left:-6vw;bottom:17%;font-size:9.7vw;line-height:1.04;max-width:88vw}.hero-frame .frame-corner{display:none}.hero-frame .frame-label{font-size:7px;bottom:12px;left:12px}.hero-caption{left:6vw;bottom:13%;max-width:82vw}.hero-caption p{font-size:12px;line-height:1.55}.hero-link{bottom:4%;right:6vw;font-size:8px;gap:25px}.intro{padding-top:65px;padding-bottom:65px}.intro h2{font-size:8.5vw;line-height:1.1}.intro-copy{margin:30px 0 0;font-size:15px}.about h2{font-size:9vw}.service{font-size:9vw}.section-heading h2{font-size:17vw}.contact h2{font-size:12vw}.reel-overlay h2{font-size:27vw}.service-hero{padding-top:110px}.service-hero h1{font-size:18vw}}
@media(prefers-reduced-motion:reduce){.hero-title,.hero-frame{transform:none!important}}
.nav nav{flex-shrink:0}.nav nav a{white-space:nowrap}
/* Warm paper and a wide studio wordmark. */
:root{--paper:#e9e3d8;--paper-ink:#25241f;--paper-muted:#625e55}.studio-mark{display:flex;align-items:center;gap:10px;white-space:nowrap}.studio-mark span{font-family:Arial,sans-serif;font-weight:900;letter-spacing:-.055em}.studio-mark i{width:24px;height:10px;background:repeating-linear-gradient(to bottom,currentColor 0 2px,transparent 2px 4px);display:block}.hero-title{top:125px;left:5vw;z-index:5}.hero h1{display:flex;align-items:center;gap:16px;font-size:clamp(34px,4.5vw,75px);font-family:Arial,sans-serif;font-weight:900;letter-spacing:-.075em;line-height:.85}.studio-word{display:inline-block;transform:scaleX(1.08);transform-origin:left;margin-right:25px}.studio-speed{display:block;width:clamp(65px,8vw,135px);height:.63em;background:repeating-linear-gradient(to bottom,currentColor 0 .12em,transparent .12em .2em)}.hero-frame{top:24%;height:60%;width:64%}.hero-roles{font-size:clamp(40px,6.1vw,100px);font-weight:450}.intro,.about,.services,.contact,.service-body,.other-services{background:var(--paper);color:var(--paper-ink)}.intro{margin:0;padding:100px 5vw;border:0}.intro .small-label{color:var(--paper-muted)}.intro-copy{color:var(--paper-muted)}.about{padding-top:100px;padding-bottom:100px}.about .muted{color:#7d786e}.about-copy .muted{color:var(--paper-muted)}.about .text-link{border-color:var(--paper-ink)}.services{padding-top:10px;padding-bottom:100px}.services .service,.other-services .service{border-color:#25241f35}.services .service:hover,.services .service:focus-visible,.other-services .service:hover{color:#817769}.services .service-arrow{color:#514b42}.services .service-preview{color:#eee}.reel{border:0}.contact{padding-top:105px;background:#eee8dc;border:0!important}.contact .small-label{color:var(--paper-muted)}.contact h2{font-size:clamp(48px,8.8vw,140px)}.contact .period{color:#82796b}.contact-invitation{display:grid;grid-template-columns:1.15fr 1fr;gap:10vw;padding:65px 0 20px}.contact-invitation h3{font-size:clamp(27px,3vw,45px);font-weight:500;letter-spacing:-.045em;line-height:1.12;margin:0 0 25px}.contact-invitation p{font-size:16px;color:var(--paper-muted);line-height:1.65;max-width:480px}.contact-primary{display:inline-flex;justify-content:space-between;align-items:center;gap:65px;background:#25241f;color:#f5efe5;padding:22px 26px;margin:30px 0 15px;font-family:monospace;font-size:12px;transition:background .3s,transform .3s}.contact-primary:hover{background:#494337;transform:translateY(-2px)}.contact-primary span{font-size:24px}.contact-invitation .contact-hint{font-size:12px;line-height:1.6;max-width:380px}.contact-guide>ul{list-style:none;margin:22px 0;padding:0}.contact-guide li{display:flex;gap:22px;border-top:1px solid #25241f30;padding:23px 0}.contact-guide li>span{font-family:monospace;font-size:10px;color:#777064;padding-top:3px}.contact-guide strong{font-weight:500;font-size:19px;letter-spacing:-.025em}.contact-guide li p{font-size:14px;line-height:1.5;margin-top:8px}.contact-guide>p{font-size:13px}.contact-links{margin:45px 0 65px;border-top:1px solid #25241f30;padding-top:30px;gap:7vw}.contact-item small{color:#625e55}.contact .footer-bottom{border-color:#25241f30;color:#625e55}.contact a:focus-visible,.services a:focus-visible,.about a:focus-visible,.other-services a:focus-visible,.service-body a:focus-visible{outline-color:#25241f}.service-body-copy>p,.service-body-copy li{color:#625e55}.service-body-copy li{border-color:#25241f30}.other-services .current-service{color:#93897b}.service-page .service-hero{padding-bottom:80px}.service-page .other-services{padding-bottom:100px}
@media(max-width:760px){.studio-mark i{width:20px;height:8px}.hero-title{top:110px;left:6vw}.hero h1{font-size:8.5vw;gap:10px}.studio-word{margin-right:8px}.studio-speed{width:16vw}.hero-frame{top:28%;height:40%;width:82%}.hero-roles{font-size:9.3vw}.intro{padding:65px 6vw}.about{padding:75px 6vw}.services{padding:0 6vw 75px}.contact{padding-top:70px}.contact h2{font-size:11.8vw}.contact-invitation{display:block;padding-top:40px}.contact-invitation h3{font-size:31px}.contact-invitation p{font-size:15px}.contact-primary{width:100%;gap:20px;padding:20px 23px}.contact-guide{margin-top:45px}.contact-guide li{padding:20px 0}.contact-guide li p{font-size:14px}.contact-links{margin-top:35px;gap:30px}.service-page .other-services{padding-bottom:70px}}
/* Final film portfolio: a single visual statement and disciplined content. */
.nav{border-bottom:0}.hero{min-height:88svh}.hero h1{font-size:clamp(27px,3.5vw,52px)}.studio-speed{width:5vw;min-width:40px}.hero-frame{top:24%;height:54%;width:69%}.hero-roles{left:-13vw;bottom:22%;font-size:clamp(55px,8.7vw,145px);line-height:.88;letter-spacing:-.07em}.hero-frame .frame-label{display:none}.hero-frame .frame-corner{font-size:8px}.hero-caption{bottom:8%}.hero-caption p{font-size:12px}.about{padding-top:100px;padding-bottom:80px}.about-head h2{font-size:clamp(35px,4.8vw,77px)}.about-head h2 .muted{font-size:.55em;line-height:1.1;display:inline-block;margin-top:18px;letter-spacing:-.035em}.about-layout{margin-top:45px;grid-template-columns:.8fr 1fr;gap:15vw}.portrait{max-width:410px;aspect-ratio:5/6}.about-copy p{font-size:16px;line-height:1.65;max-width:470px}.about-copy .muted{display:none}.services{padding-top:10px;padding-bottom:90px}.services-layout{grid-template-columns:1fr;gap:0}.service-preview{display:none}.services #services{display:flex;flex-wrap:wrap;border-top:1px solid #25241f35}.services .service{width:50%;font-size:clamp(20px,2.7vw,42px);padding:24px 24px 24px 0;border-top:0;border-bottom:1px solid #25241f35}.services .service:nth-child(even){padding-left:35px}.service .service-arrow{font-size:15px}.reel{min-height:70svh}.reel-overlay h2{font-size:clamp(80px,12vw,190px)}.reel-status{font-size:11px}.work{padding-top:95px;padding-bottom:95px;border:0}.section-heading h2{font-size:clamp(60px,7vw,110px);line-height:1}.section-heading h2 br{display:none}.section-heading>span{display:none}.project-list{margin-top:45px;gap:75px 5vw}.project-description{display:none}.project-meta{font-size:9px}.project h3{font-size:clamp(22px,2.3vw,36px)}.demo-note{font-size:9px;opacity:.8}.gallery-heading h2{font-size:clamp(23px,2.6vw,40px)}.contact{padding-top:90px;padding-bottom:35px}.contact h2{font-size:clamp(50px,7.7vw,125px);line-height:.96}.contact-invitation{display:block;padding:35px 0 0}.contact-invitation p{font-size:16px;max-width:510px}.contact-primary{margin-top:25px;gap:75px;padding:19px 25px}.contact-links{margin:45px 0 50px}.contact-item{font-size:16px}.contact-item small{font-size:9px}.service-body{padding-top:85px;padding-bottom:85px}.service-body-copy>p{font-size:16px}.service-hero{padding-top:140px;padding-bottom:65px}.service-hero h1{font-size:clamp(65px,9vw,145px)}.service-hero-bottom{margin-top:35px}.service-hero-bottom h2{font-size:clamp(25px,2.8vw,43px)}
@media(max-width:760px){.hero{min-height:80svh}.hero h1{font-size:7.2vw}.hero-title{top:105px}.studio-speed{width:13vw}.hero-frame{top:29%;height:37%;width:81%}.hero-roles{left:-6vw;font-size:12vw;bottom:24%;line-height:.97}.hero-caption{bottom:13%;max-width:70vw}.hero-caption p{font-size:11px}.hero-link{bottom:4%}.about{padding-top:70px;padding-bottom:55px}.about-head h2{font-size:10vw}.about-layout{margin-top:35px}.portrait{width:80%;margin-bottom:35px}.services{padding-bottom:60px}.services .service{width:100%;font-size:7.8vw;padding:18px 0!important}.section-heading h2{font-size:11vw}.project-list{margin-top:30px}.work{padding-top:65px;padding-bottom:40px}.contact{padding-top:60px}.contact h2{font-size:11.5vw}.contact-invitation p{font-size:15px}.contact-primary{width:auto;min-width:250px}.contact-links{gap:25px}.service-hero h1{font-size:17vw}}
.inquiry-page{background:var(--paper);color:var(--paper-ink)}.inquiry-page .nav{background:var(--paper)!important;color:var(--paper-ink)}.inquiry-page .back-link{margin:0;font-size:10px}.inquiry-main{padding:155px 7vw 100px;display:grid;grid-template-columns:1fr 1.2fr;gap:12vw}.inquiry-intro{position:sticky;top:130px;align-self:start}.inquiry-intro h1{font-size:clamp(45px,5.2vw,80px);margin:30px 0;line-height:1;letter-spacing:-.055em}.inquiry-intro>p:not(.small-label){font-size:15px;line-height:1.7;color:var(--paper-muted)}.inquiry-intro>a{display:inline-block;font-size:13px;margin-top:35px;border-bottom:1px solid #888;padding-bottom:5px}.inquiry-form fieldset{border:0;margin:0 0 40px;padding:0}.inquiry-form legend{font-size:21px;letter-spacing:-.035em;margin-bottom:20px}.field-hint{font-size:12px;color:#625e55;line-height:1.5;margin-bottom:18px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:28px}.choice-grid label{position:relative}.choice-grid input{position:absolute;opacity:0;width:1px;height:1px}.choice-grid span{display:block;padding:15px;border:1px solid #25241f40;font-size:13px;cursor:pointer;transition:background .2s,color .2s}.choice-grid input:checked+span{background:#25241f;color:#eee8dc;border-color:#25241f}.choice-grid input:focus-visible+span{outline:2px solid #25241f;outline-offset:3px}.field{display:flex;flex-direction:column;gap:10px;font-size:12px;margin-bottom:22px}.field input,.field textarea,.field select{font:inherit;font-size:15px;color:#25241f;background:#ffffff25;padding:14px;border:1px solid #25241f35;width:100%;border-radius:0}.field textarea{resize:vertical;min-height:145px}.field :focus{outline:1px solid #25241f;border-color:#25241f}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.privacy-note{font-size:11px;color:#625e55;line-height:1.6}.inquiry-form .contact-primary{border:0;cursor:pointer}.inquiry-form .contact-primary:disabled{opacity:.5;cursor:wait}#form-status{font-size:14px;line-height:1.6;margin:10px 0;max-width:500px}.email-fallback{font-size:13px;border-bottom:1px solid #777}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.inquiry-success{grid-column:1/-1;padding:55px 0;max-width:700px}.inquiry-success h2{font-size:clamp(60px,8vw,115px);margin:35px 0}.inquiry-success p{line-height:1.7;max-width:500px}.inquiry-page [hidden]{display:none!important}.inquiry-page a:focus-visible,.inquiry-page button:focus-visible{outline-color:#25241f}
@media(max-width:760px){.inquiry-main{padding:115px 6vw 65px;display:block}.inquiry-intro{position:relative;top:auto;margin-bottom:55px}.inquiry-intro h1{font-size:12vw}.inquiry-intro .small-label{font-size:9px}.inquiry-intro>a{margin-top:22px}.field-grid{grid-template-columns:1fr}.inquiry-form legend{font-size:21px}.inquiry-page .back-link{font-size:8px;max-width:140px;text-align:right}.inquiry-form .contact-primary{width:100%}.choice-grid span{font-size:12px;padding:13px}.inquiry-success{padding:20px 0}}
/* Seamless client logo filmstrip. */
.client-strip{background:var(--paper);color:var(--paper-ink);padding:0 0 65px;overflow:hidden}.client-heading{display:flex;align-items:center;justify-content:space-between;margin:0 5vw;padding-top:28px;border-top:1px solid #25241f25}.client-heading h2{font-family:monospace;font-size:10px;letter-spacing:.08em;font-weight:400}.client-pause{background:none;color:#625e55;font-family:monospace;font-size:9px;letter-spacing:.04em;padding:10px}.client-pause:focus-visible{outline-color:#25241f}.client-window{margin-top:20px;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}.client-track{display:flex;width:max-content;animation:client-drift 40s linear infinite;will-change:transform}.client-group{display:flex;align-items:center;justify-content:space-around;gap:70px;padding:0 35px;min-width:100vw;flex-shrink:0}.client-logo{width:150px;height:86px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.client-logo img{width:auto;height:auto;max-width:150px;max-height:55px;object-fit:contain;filter:grayscale(1);opacity:.72;transition:opacity .3s}.client-logo:hover img{opacity:1}.client-placeholder{font-family:Arial,sans-serif;font-weight:750;font-size:25px;letter-spacing:-.045em;color:#8c867c}.client-fallback{font-size:17px;font-weight:600;text-align:center;color:#625e55}.client-note{text-align:center;font-size:10px;color:#756e62;margin:15px 5vw 0;line-height:1.6}.client-strip:hover .client-track,.client-strip:focus-within .client-track,.client-strip.paused .client-track,.client-strip.offscreen .client-track{animation-play-state:paused}@keyframes client-drift{to{transform:translateX(-50%)}}
@media(max-width:760px){.client-strip{padding-bottom:40px}.client-heading{margin:0 6vw;padding-top:20px}.client-group{gap:38px;padding:0 19px}.client-logo{width:115px;height:72px}.client-logo img{max-width:115px;max-height:42px}.client-placeholder{font-size:22px}.client-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.client-track{animation:none!important;transform:none!important;width:100%;will-change:auto}.client-group{min-width:0;width:100%;flex-wrap:wrap;gap:20px;padding:0 5vw;justify-content:center}.client-group[aria-hidden=true],.client-logo[aria-hidden=true]{display:none}.client-window{mask-image:none}.client-pause{display:none}}
.client-wordmark{font-family:Arial,sans-serif;font-size:23px;font-weight:750;letter-spacing:-.055em;line-height:1;text-align:center;color:#4b4841}.client-logo:nth-child(2) .client-wordmark{font-weight:500;letter-spacing:-.04em}.client-logo:nth-child(3) .client-wordmark{font-weight:400;letter-spacing:.03em;text-transform:uppercase;font-size:17px}.client-logo:nth-child(4) .client-wordmark{font-size:30px;letter-spacing:-.07em}.client-logo:nth-child(5) .client-wordmark{font-size:21px}.client-logo:nth-child(6) .client-wordmark{font-style:italic;font-size:21px}
.client-strip:hover .client-track,.client-strip:focus-within .client-track{animation-play-state:running}.client-window:hover .client-track,.client-strip.paused .client-track,.client-strip.offscreen .client-track{animation-play-state:paused}
/* A single services list and small interactive creative beats. */
.services #services{display:block}.services .service{width:100%;font-size:clamp(25px,3.8vw,60px);padding:22px 0!important}.services .service .service-arrow{font-size:22px}.hero-modes{position:absolute;left:24px;bottom:18px;display:flex;gap:20px;z-index:8}.hero-modes button{background:none;color:#a0a0a0;padding:5px 0;font-family:monospace;font-size:9px;letter-spacing:.06em;border-bottom:1px solid transparent}.hero-modes button[aria-pressed=true]{color:#f3f3ef;border-color:#f3f3ef}.hero-modes button:hover{color:#f3f3ef}.hero-frame[data-mood=photo] .aperture{transform:translateX(-50%) rotate(0deg);border-radius:50%}.hero-frame[data-mood=photo] .aperture:after{border-radius:50%}.hero-frame[data-mood=photo] .frame-art{background:radial-gradient(ellipse at 50% 40%,#4b4741,#282723 65%,#191917)}.hero-frame[data-mood=editing] .aperture{transform:translateX(-50%) rotate(-8deg) scaleX(1.35)}.hero-frame[data-mood=editing] .orbit-two{transform:translateX(-30%) rotate(-8deg)}.hero-frame .aperture,.hero-frame .orbit-two{transition:transform .8s,border-radius .8s}.creative-process{background:var(--paper);color:var(--paper-ink);display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;padding:0 5vw 65px}.creative-process>div{padding-top:20px;border-top:1px solid #25241f30}.creative-process span{font-family:monospace;font-size:9px;letter-spacing:.07em;color:#71695d}.creative-process p{font-size:16px;margin-top:15px;letter-spacing:-.02em}.idea-section{background:#d9d1c3;color:var(--paper-ink);padding:85px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.idea-heading .small-label{color:#625e55}.idea-heading h2{font-size:clamp(33px,4vw,65px);line-height:1.02;margin-top:30px;letter-spacing:-.055em}.idea-tabs{display:flex;gap:30px;border-bottom:1px solid #25241f30}.idea-tabs button{font-family:monospace;font-size:10px;letter-spacing:.05em;color:#625e55;background:none;padding:0 0 14px;position:relative}.idea-tabs button[aria-selected=true]{color:#25241f}.idea-tabs button[aria-selected=true]:after{content:'';height:2px;position:absolute;bottom:-1px;left:0;right:0;background:#25241f}#idea-panel{padding-top:35px;min-height:200px}#idea-panel h3{font-size:clamp(24px,2.5vw,36px);line-height:1.1;letter-spacing:-.04em;font-weight:500;margin:0 0 20px}#idea-panel p{color:#625e55;font-size:15px;line-height:1.6;max-width:420px}#idea-panel .text-link{margin-top:25px}.idea-section :focus-visible{outline-color:#25241f}
@media(max-width:760px){.services .service{font-size:9vw;padding:18px 0!important}.hero-modes{left:12px;bottom:12px;gap:16px}.hero-modes button{font-size:8px}.creative-process{grid-template-columns:1fr;padding:0 6vw 45px;gap:20px}.creative-process p{font-size:14px;margin-top:10px}.creative-process>div{padding-top:13px}.idea-section{display:block;padding:55px 6vw}.idea-heading h2{font-size:10vw;margin-top:22px}.idea-detail{margin-top:35px}.idea-tabs{gap:28px}#idea-panel{padding-top:25px;min-height:190px}}