/* Rooz Didan — a cinematic, portfolio-led agency homepage. */
:root{--orange:#f0a22c;--orange-bright:#ffb735;--paper:#f6f6f6;--ink:#1c1c1c;--line:#dddddd}
[hidden]{display:none!important}.new-experience{overflow-x:clip}.header{height:96px;background:#161616eb;color:#f6f6f6;border-bottom-color:#ffffff13;transition:background .4s,color .4s,border-color .4s}.header .brand img{filter:brightness(0) invert(1);transition:filter .4s}.header .header-cta{background:transparent;border:1px solid #797979;color:#f6f6f6}.header .header-cta:hover{background:var(--orange);color:var(--ink);border-color:var(--orange)}.header-light{background:#f6f6f6f2;color:var(--ink);border-bottom-color:var(--line)}.header-light .brand img{filter:brightness(0)}.header-light .header-cta{background:var(--ink);color:#fff;border-color:var(--ink)}.header .service-menu>div{background:#272727;border-color:#474747}.header .service-menu>div a:hover{background:#3c3c3c}.header-light .service-menu>div{background:white;border-color:var(--line)}.header-light .service-menu>div a:hover{background:#f1f1f1}.menu-toggle span{background:currentColor}.header .service-menu summary{color:inherit}
.hero-stage{position:relative;isolation:isolate;overflow:hidden;background:#161616;color:#f4f4f4;--spot-x:34%;--spot-y:42%}.hero-stage:after{content:'';position:absolute;width:70%;height:1px;background:linear-gradient(90deg,transparent,#dbdbdb35,transparent);bottom:170px;left:0;transform:rotate(-20deg);pointer-events:none;z-index:-1}.hero-grain{position:absolute;inset:0;opacity:.12;background-image:radial-gradient(#e6e6e6 0.45px,transparent .45px);background-size:4px 4px;pointer-events:none;z-index:-1}.hero-glow{position:absolute;inset:0;background:radial-gradient(400px circle at var(--spot-x) var(--spot-y),#e9ae2811,transparent 80%);pointer-events:none;z-index:-1}.hero-stage .hero{min-height:705px;padding:52px 0 126px;grid-template-columns:1.07fr 1fr;gap:38px;z-index:2}.hero-stage .hero-copy{padding-bottom:8px}.hero-stage .eyebrow{color:#c2c2c2;font-size:14px;letter-spacing:0;gap:12px;margin-bottom:23px}.hero-stage .mini-sun{color:var(--orange);animation:sunturn 22s linear infinite}.hero-stage h1{font-size:clamp(68px,6.45vw,98px);line-height:1.42;letter-spacing:-2px}.headline-line{display:block;overflow:hidden;padding-bottom:8px;margin-bottom:-8px}.headline-line>span{display:inline-block;transform-origin:right center}.hero-stage .hero-emphasis{color:var(--orange);white-space:normal}.hero-stage .hero-emphasis:after{display:none}.hero-stage .hero-description{font-size:18px;color:#bbbbbb;line-height:2;max-width:490px;margin-top:23px}.hero-stage .hero-actions{gap:28px;flex-direction:row;align-items:center;margin-top:30px}.hero-stage .hero-actions .button{background:var(--orange);color:#1a1a1a;font-size:15px;padding:15px 23px;gap:28px}.hero-stage .hero-actions .button:hover{background:#ffc15f}.hero-stage .text-link{font-size:14px;color:#e7e7e7}.hero-stage .hero-visual{width:100%;height:510px;transform:none;justify-self:auto;align-self:center;perspective:1000px}.hero-sun{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);width:345px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 28%,#f2f2f2,#ffc046 22%,#dc8a16 55%,#865514 77%,#323232 95%);box-shadow:0 0 95px #d4972918,inset -17px -28px 70px #373737a3;overflow:hidden}.hero-sun>span{position:absolute;inset:4px;border-radius:50%;border:1px solid #f4d89344}.lens-orbit{position:absolute;top:48%;left:50%;border:1px solid #cbcbcb28;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.orbit-a{width:440px;height:440px;animation:lens-orbit 50s linear infinite}.orbit-a:after{content:'';position:absolute;top:62px;left:62px;width:7px;height:7px;border-radius:50%;background:#ecb454;box-shadow:0 0 15px #ffb30066}.orbit-b{width:500px;height:500px;border-style:dashed;border-color:#a5a5a51a;animation:lens-orbit 75s linear infinite reverse}.orbit-c{width:560px;height:300px;transform:translate(-50%,-50%) rotate(-29deg);border-color:#d1d1d124}.hero-owl{position:absolute;width:260px;top:91px;left:50%;transform:translateX(-50%) translate(var(--mx),var(--my));z-index:2;transition:transform .35s ease}.hero-owl img{width:100%;height:auto;filter:drop-shadow(12px 28px 18px #20202077);animation:owl-hover 7s ease-in-out infinite}.orbit-project{position:absolute;z-index:3;border:4px solid #484848;overflow:hidden;border-radius:10px;box-shadow:0 30px 60px #0007;background:#393939;transition:border-color .3s}.orbit-project img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.orbit-project:hover img{transform:scale(1.08)}.orbit-project:hover{border-color:#f8ba45}.orbit-project>span{position:absolute;bottom:0;left:0;right:0;padding:22px 10px 8px;font:9px/1.5 Arial,sans-serif;letter-spacing:1.8px;background:linear-gradient(transparent,#0008);color:white}.orbit-project-one{width:140px;height:175px;top:5px;left:5px;transform:rotate(-14deg);animation:project-float-a 8s ease-in-out infinite}.orbit-project-two{width:188px;height:142px;right:-5px;bottom:30px;transform:rotate(11deg);animation:project-float-b 9s ease-in-out infinite}.hero-coordinate{position:absolute;color:#979797;font:10px Arial,sans-serif;letter-spacing:2.2px}.coordinate-top{top:13px;right:0}.coordinate-bottom{bottom:33px;left:14px}.hero-wordmark{position:absolute;left:1.5%;bottom:-42px;white-space:nowrap;font:900 clamp(100px,15vw,250px)/1 Arial,sans-serif;letter-spacing:-10px;color:transparent;-webkit-text-stroke:1px #dcdcdc18;z-index:0;pointer-events:none;user-select:none;will-change:transform}.hero-bottom{position:absolute;right:0;left:0;bottom:38px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #d5d5d520;padding-top:22px}.discover-link{display:flex;align-items:center;gap:14px;font-size:13px;color:#d7d7d7}.scroll-icon{width:39px;height:39px;border:1px solid #a8a8a83d;border-radius:50%;display:grid;place-items:center;font:19px Arial,sans-serif;animation:scroll-breathe 2.7s ease-in-out infinite}.hero-bottom>p{font-size:12px;color:#8a8a8a;line-height:1.7}.motion-toggle{font-size:12px;display:flex;align-items:center;gap:12px;color:#c0c0c0;background:none;border:1px solid #6666663d;border-radius:30px;padding:8px 15px;min-height:40px}.motion-toggle>span{font:15px Arial,sans-serif}.motion-toggle:hover{border-color:#dbdbdb;color:white}
.brand-world{padding:60px 0 55px;border-bottom:1px solid var(--line);background:#eeeeee;overflow:hidden}.clients-heading{display:flex;justify-content:space-between;gap:50px;align-items:center;margin-bottom:40px}.clients-heading .eyebrow{margin-bottom:10px;font-size:12px;color:#7a7a7a}.clients-heading h2{font-size:30px}.brand-stats{display:flex;gap:64px}.brand-stats>div{display:flex;align-items:center;gap:17px}.brand-stats strong{font-size:56px;line-height:1.3;display:flex;align-items:center;gap:8px;font-weight:900;direction:rtl;white-space:nowrap}.brand-stats strong small{font-size:12px;writing-mode:vertical-rl;font-weight:400;color:#797979}.brand-stats>div>span{font-size:13px;max-width:70px;line-height:1.7;color:#6c6c6c}.logo-wall{position:relative;direction:ltr;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.logo-row{overflow:hidden;display:flex;width:100%;height:112px}.logo-track{width:max-content;display:flex;animation:logo-roll 46s linear infinite}.logo-row-1 .logo-track{animation-direction:reverse;animation-duration:53s}.logo-set{display:flex;gap:16px;padding-right:16px}.logo-item{width:170px;height:96px;display:grid;place-items:center;flex-shrink:0;border:1px solid #dfdfdf;border-radius:10px;background:#f7f7f7a3}.logo-item img{width:115px;height:76px;object-fit:contain;filter:grayscale(1);opacity:.62;transition:filter .3s,opacity .3s}.logo-item:hover img{filter:none;opacity:1}.logo-wall:hover .logo-track,.logo-wall:focus-within .logo-track{animation-play-state:paused}
.results-section{padding-top:92px;padding-bottom:90px}.success-feature{display:grid;grid-template-columns:1.1fr 1fr;border-radius:18px;background:#ececec;overflow:hidden;border:1px solid #e1e1e1}.success-copy{padding:44px 48px 42px;z-index:2}.case-brand{display:flex;align-items:center;gap:18px;margin-bottom:22px}.case-brand img{width:60px;height:45px;object-fit:contain}.case-brand>span{font-size:13px;color:#6c6c6c}.success-copy h3{font-size:35px;line-height:1.7;font-weight:900}.success-copy em{font-style:normal;color:#515151}.success-copy>p{font-size:15px;line-height:2.1;color:#707070;max-width:480px;margin-top:18px}.success-number{display:flex;align-items:center;gap:27px;margin-top:20px;font-weight:900;font-size:72px;line-height:1.4}.success-number>span{color:#a8a8a8;font-size:57px}.success-number>i{font-style:normal;font-family:Arial,sans-serif;color:#8e8e8e;font-weight:400;font-size:42px}.success-number strong{color:#4c4c4c;display:flex;align-items:baseline;gap:10px}.success-number small{font-size:22px}.result-caption{display:flex;align-items:center;gap:15px;font-size:13px}.result-caption>span{font-size:11px;color:#818181;border-right:1px solid #c8c8c8;padding-right:15px}.success-copy>.text-link{border:0;background:transparent;margin-top:30px;padding:0;font-size:14px}.success-visual{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;padding:45px 32px;overflow:hidden}.success-circle{position:absolute;z-index:-1;inset:auto;width:480px;height:480px;border:1px solid #6a6a6a23;border-radius:50%}.success-circle:before{content:'';position:absolute;inset:24px;border:1px solid #6a6a6a18;border-radius:50%}.success-circle:after{content:'';position:absolute;inset:55px;background:#d8d8d86e;border-radius:50%}.success-profile{width:100%;height:auto;mix-blend-mode:multiply;transform:rotate(-5deg);filter:drop-shadow(14px 20px 14px #48484820);transition:transform .7s}.success-feature:hover .success-profile{transform:rotate(-2deg) translateY(-7px)}.archive-caption{font-size:11px;color:#7f7f7f;margin-top:14px}.result-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:30px}.result-paths>a{padding:22px 5px;border-bottom:1px solid var(--line);transition:border-color .3s}.result-paths>a>span:first-child{font-size:12px;color:#8d8d8d}.result-paths h3{font-size:18px;margin-block:9px 15px;font-weight:700}.result-path-link{font-size:13px;color:#737373}.result-paths>a:hover{border-color:var(--orange)}
.new-experience .work-section{background:#1c1c1c;border-radius:0;color:#f4f4f4}.work-section .section-heading{margin-bottom:40px}.work-section h2{font-size:56px}.portfolio-toolbar{border-top:1px solid #dcdcdc23;padding-block:22px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.portfolio-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.portfolio-filters button{border:1px solid transparent;background:transparent;color:#bebebe;padding:8px 14px;border-radius:40px;min-height:43px;font-size:13px;transition:background .25s,color .25s,border-color .25s}.portfolio-filters button:hover{border-color:#7d7d7d}.portfolio-filters button.active{background:var(--orange);color:#1c1c1c}.portfolio-tools{display:flex;align-items:center;gap:17px;white-space:nowrap}.portfolio-tools>span{font-size:12px;color:#999999;min-width:57px}.density-control{display:flex;gap:3px;padding:3px;border:1px solid #5e5e5e;border-radius:8px}.density-control button{font:24px Arial,sans-serif;color:#969696;background:transparent;border:0;border-radius:4px;width:37px;height:35px}.density-control button.active{background:#4d4d4d;color:#f4f4f4}.mosaic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:112px;grid-auto-flow:dense;gap:16px}.mosaic-card{border:0;background:#343434;padding:0;min-width:0;grid-row:span 2;position:relative;overflow:hidden;border-radius:10px;text-align:right;isolation:isolate}.mosaic-card.tile-wide{grid-column:span 2}.mosaic-card.tile-tall{grid-row:span 3}.mosaic-card>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s;filter:saturate(.9)}.mosaic-card:hover>img{transform:scale(1.07);filter:saturate(1.04)}.mosaic-overlay{position:absolute;inset:0;padding:18px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,#0002,transparent 30%,#0001 42%,#070707bd);pointer-events:none}.mosaic-client{font:9px Arial,sans-serif;letter-spacing:1.8px;text-align:left;text-shadow:0 1px 5px #000}.mosaic-copy{display:flex;flex-direction:column;align-items:flex-start;text-align:right;gap:2px;transform:translateY(0);transition:transform .4s;padding-left:20px}.mosaic-copy strong{font-size:17px;line-height:1.8;font-weight:700;color:white}.mosaic-copy>span{font-size:11px;color:#e3e3e3;line-height:1.8}.mosaic-arrow{font:23px Arial,sans-serif;position:absolute;left:16px;bottom:21px;width:29px;height:29px;display:grid;place-items:center;opacity:0;transform:translate(5px,5px);transition:opacity .3s,transform .3s}.mosaic-card:hover .mosaic-arrow,.mosaic-card:focus-visible .mosaic-arrow{opacity:1;transform:none}.mosaic-card:focus-visible{outline-offset:3px;outline-color:var(--orange)}.mosaic-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:200px;grid-auto-flow:row}.mosaic-grid.compact .mosaic-card{grid-column:auto;grid-row:auto}.mosaic-card[data-project=sabalan]>img,.mosaic-card[data-project=booran]>img{object-fit:contain;background:#efefef}.mosaic-card[data-project=logo-system]>img{object-fit:contain;background:#f0ece8}.mosaic-card[data-project=shamyas]>img{object-position:center}.mosaic-card[data-project=identity-two]>img{object-position:50% 46%}.portfolio-empty{border:1px solid #5c5c5c;border-radius:14px;min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;background:#282828}.portfolio-empty h3{font-size:25px}.portfolio-empty p{font-size:15px;color:#b9b9b9;margin:12px 0 23px}.empty-mark{font:36px Arial,sans-serif;color:var(--orange);margin-bottom:12px}.portfolio-empty .button{background:var(--orange);color:var(--ink);font-size:14px}.work-bottom{margin-top:32px}.new-experience .work-bottom>span{font-size:13px}.new-experience .work-bottom .text-link{font-size:14px}
.new-experience .approach{padding-block:92px}.new-experience .partnership{padding-top:20px}.new-experience .ugc-section{border-radius:16px}.new-experience .capabilities{padding-top:95px}.new-experience .process-section{background:#ebebeb}.process-mark{color:#afafaf}.contact-section{background:#eb9c34}.contact-inner{padding-block:75px}.contact-copy h2{font-size:46px}.new-experience .owl-wrap{width:270px;align-self:center;padding-top:40px;transform:rotate(4deg)}.new-experience .owl-wrap:before{width:310px;height:310px;inset:0 -20px auto;border:1px solid #ffe2a27a;background:transparent;box-shadow:0 0 0 25px #ffd57b1c,0 0 0 50px #ffd57b10}.new-experience .owl-wrap img{animation:owl-hover 9s ease-in-out infinite}.new-experience .owl-wrap>span{transform:rotate(-4deg)}.footer{padding-top:62px;padding-bottom:28px}.footer-directory{display:grid;grid-template-columns:1fr 1fr 1.15fr 1fr;gap:35px;margin-bottom:55px}.footer-directory>div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-directory>div>span{font-size:13px;font-weight:700;margin-bottom:13px;color:#888888}.footer-directory a{font-size:14px;transition:color .2s}.footer-directory a:hover{color:#ab6600}.footer-directory .footer-manifesto{font-size:29px;line-height:1.7;font-weight:900;gap:0}.footer-manifesto em{font-style:normal;color:#aa6500}.footer-top .brand{width:130px}.client-voices .eyebrow{font-size:13px}#testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.testimonial{background:white;border:1px solid var(--line);border-radius:15px;padding:32px}.testimonial blockquote{margin:0;font-size:19px;line-height:2.1}.testimonial figcaption{font-size:13px;color:var(--muted);margin-top:24px}.testimonial video{width:100%;margin-top:20px}.project-media{background:#eaeaea;display:flex;flex-direction:column;justify-content:center;min-width:0;position:relative}.project-media>img{width:100%;height:100%;max-height:690px;object-fit:contain}.project-media>video{width:100%;max-height:650px;aspect-ratio:3/4;object-fit:contain;background:#121212}.project-source{display:block;padding:15px 18px;background:#e5e5e5;color:#4e4e4e;font-size:13px;text-align:center;direction:rtl}.project-source:hover{background:#d6d6d6}.dialog-copy{padding:55px 35px 40px}.dialog-copy h2{font-size:28px}.dialog-copy p.project-note{font-size:12px}
@keyframes lens-orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes owl-hover{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes project-float-a{0%,100%{transform:rotate(-14deg) translateY(0)}50%{transform:rotate(-9deg) translateY(-13px)}}@keyframes project-float-b{0%,100%{transform:rotate(11deg) translateY(0)}50%{transform:rotate(6deg) translateY(12px)}}@keyframes logo-roll{to{transform:translateX(-50%)}}@keyframes scroll-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}
.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .reveal{opacity:1!important;transform:none!important}.motion-paused .hero-owl{transform:translateX(-50%)}
@media(min-width:1550px){.hero-stage .hero{min-height:760px}.hero-stage .hero-visual{height:550px}.hero-sun{width:380px}.hero-owl{width:295px}.mosaic-grid{grid-auto-rows:128px}.hero-stage h1{font-size:104px}.hero-stage .hero-description{font-size:19px}}
@media(max-width:1200px){.hero-stage .hero{gap:24px;min-height:680px;grid-template-columns:1.07fr 1fr}.hero-stage h1{font-size:76px}.hero-stage .hero-visual{height:480px}.hero-sun{width:300px}.hero-owl{width:235px;top:82px}.orbit-a{width:370px;height:370px}.orbit-b{width:430px;height:430px}.orbit-c{width:455px;height:255px}.orbit-project-one{width:120px;height:150px;top:22px;left:0}.orbit-project-two{width:156px;height:123px;bottom:48px;right:0}.coordinate-top{font-size:9px;letter-spacing:1.5px;top:20px}.coordinate-bottom{font-size:9px;bottom:50px;letter-spacing:1.5px}.hero-stage .hero-actions{gap:20px;flex-wrap:wrap}.hero-stage .hero-actions .button{font-size:14px;padding-inline:20px}.hero-stage .hero-description{font-size:16px}.hero-stage .hero-actions .text-link{font-size:13px}.brand-stats{gap:40px}.clients-heading h2{font-size:27px}.brand-stats strong{font-size:48px}.brand-stats>div{gap:12px}.success-copy{padding:35px}.success-copy h3{font-size:30px}.success-copy>p{font-size:15px}.success-number{font-size:65px}.result-caption{flex-wrap:wrap;gap:5px}.result-caption>span{border:0;padding:0}.result-paths{gap:22px}.result-paths h3{font-size:16px}.portfolio-toolbar{align-items:flex-start}.portfolio-filters{gap:5px}.portfolio-filters button{font-size:12px;padding:8px 11px}.portfolio-tools{gap:10px;margin-top:5px}.portfolio-tools>span{font-size:11px}.mosaic-grid{grid-auto-rows:100px;gap:14px}.mosaic-copy strong{font-size:15px}.mosaic-overlay{padding:15px}.mosaic-client{font-size:8px;letter-spacing:1.2px}.mosaic-grid.compact{grid-auto-rows:190px}.contact-copy h2{font-size:39px}.footer-directory .footer-manifesto{font-size:25px}}
@media(max-width:950px){.hero-stage .hero{min-height:620px;gap:18px;padding-top:32px;grid-template-columns:1fr 1fr}.hero-stage h1{font-size:62px}.hero-stage .hero-visual{width:100%;height:420px}.hero-sun{width:260px}.hero-owl{width:205px;top:74px}.orbit-a{width:310px;height:310px}.orbit-b{width:360px;height:360px}.orbit-c{width:385px;height:220px}.orbit-project-one{width:100px;height:132px;top:20px}.orbit-project-two{width:140px;height:110px;right:-5px;bottom:30px}.hero-coordinate{font-size:8px}.coordinate-top{top:10px;right:0;font-size:8px}.coordinate-bottom{bottom:30px;left:5px;font-size:8px}.hero-stage .eyebrow{font-size:12px}.hero-stage .hero-description{font-size:16px}.hero-stage .hero-actions{align-items:flex-start;flex-direction:column;gap:18px}.hero-stage .hero-actions .button{font-size:13px}.hero-wordmark{font-size:145px;bottom:-20px}.hero-bottom{bottom:25px}.brand-world{padding-top:45px;padding-bottom:35px}.clients-heading{gap:25px}.clients-heading h2{font-size:23px}.brand-stats{gap:24px}.brand-stats>div{gap:8px}.brand-stats strong{font-size:41px}.brand-stats>div>span{font-size:12px}.logo-item{width:145px;height:90px}.logo-set{gap:12px;padding-right:12px}.logo-row{height:102px}.logo-item img{width:100px;height:66px}.success-feature{grid-template-columns:1.1fr 1fr}.success-copy{padding:28px}.case-brand{gap:12px}.case-brand>span{font-size:11px}.success-copy h3{font-size:27px}.success-copy>p{font-size:14px}.success-number{font-size:53px;gap:18px}.success-number>span{font-size:42px}.success-number>i{font-size:30px}.success-number small{font-size:17px}.success-visual{padding:20px}.success-circle{width:350px;height:350px}.result-paths{gap:15px}.result-paths h3{font-size:16px}.result-path-link{font-size:12px}.work-section h2{font-size:45px}.portfolio-toolbar{flex-direction:column;gap:10px;padding-block:20px}.portfolio-filters button{font-size:13px}.portfolio-tools{justify-content:space-between;width:100%}.mosaic-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:103px;gap:12px}.mosaic-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:180px}.mosaic-copy strong{font-size:15px}.mosaic-card.tile-wide{grid-column:span 2}.mosaic-card[data-project=identity-two]{grid-column:auto}.mosaic-card[data-project=booran]{grid-column:auto}.new-experience .owl-wrap{width:210px}.new-experience .owl-wrap:before{width:240px;height:240px}.contact-copy h2{font-size:34px}.footer-directory{gap:25px;grid-template-columns:1fr 1fr 1.2fr}.footer-directory .footer-manifesto{display:none}#testimonial-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.header{height:77px}.header nav{background:#1a1a1a;color:#ededed}.header nav>a{border-bottom-color:#b9b9b924}.header.header-light nav{background:#f6f6f6;color:var(--ink)}.header.header-light nav>a{border-bottom-color:var(--line)}.hero-stage .hero{display:flex;flex-direction:column;min-height:0;padding-top:41px;padding-bottom:100px;gap:16px}.hero-stage .hero-copy{padding:0}.hero-stage .eyebrow{font-size:12px;margin-bottom:21px}.hero-stage h1{font-size:clamp(57px,13.4vw,84px);letter-spacing:-1.6px;line-height:1.36}.hero-stage .hero-description{font-size:16px;line-height:1.95;margin-top:19px;max-width:480px}.desktop-break{display:none}.hero-stage .hero-actions{flex-direction:row;align-items:center;gap:22px;margin-top:23px}.hero-stage .hero-actions .button{font-size:13px;padding:12px 18px;min-height:50px;gap:20px}.hero-stage .hero-actions .text-link{font-size:12px;gap:10px}.hero-stage .hero-visual{width:min(390px,100%);height:355px;transform:none;align-self:center;margin-top:5px}.hero-sun{width:245px;top:49%}.hero-owl{width:192px;top:48px}.lens-orbit{top:49%}.orbit-a{width:292px;height:292px}.orbit-b{width:330px;height:330px}.orbit-c{width:360px;height:190px}.orbit-project-one{width:98px;height:127px;top:2px;left:10px;border-width:3px}.orbit-project-two{width:131px;height:104px;right:0;bottom:22px;border-width:3px}.orbit-project>span{font-size:7px;letter-spacing:1px;padding:20px 6px 7px}.coordinate-top{top:10px;right:0;font-size:7px;letter-spacing:1px}.coordinate-bottom{bottom:20px;left:8px;font-size:7px;letter-spacing:1px}.hero-wordmark{font-size:100px;letter-spacing:-6px;bottom:-9px;left:-10px}.hero-bottom{bottom:22px;padding-top:16px;gap:15px}.hero-bottom>p{display:none}.discover-link{font-size:12px;gap:10px}.scroll-icon{width:34px;height:34px}.motion-toggle{font-size:11px;padding:5px 11px;min-height:35px;gap:7px}.hero-stage:after{display:none}.brand-world{padding-top:37px;padding-bottom:25px}.clients-heading{display:flex;flex-direction:column;align-items:flex-start;gap:26px;margin-bottom:30px}.clients-heading .eyebrow{font-size:11px}.clients-heading h2{font-size:25px}.brand-stats{width:100%;gap:40px}.brand-stats>div{gap:16px;flex:1}.brand-stats strong{font-size:48px}.brand-stats>div>span{max-width:70px;font-size:12px}.brand-stats strong small{font-size:10px}.logo-row{height:85px}.logo-item{width:125px;height:73px;border-radius:7px}.logo-item img{width:90px;height:58px}.logo-set{gap:10px;padding-right:10px}.logo-wall{mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.logo-track{animation-duration:40s}.logo-row-1 .logo-track{animation-duration:44s}.results-section{padding-top:58px;padding-bottom:56px}.results-section .section-heading h2{font-size:31px}.success-feature{grid-template-columns:1fr;border-radius:12px}.success-copy{padding:28px 25px 18px}.case-brand>span{font-size:12px}.case-brand img{width:53px;height:39px}.case-brand{margin-bottom:18px}.success-copy h3{font-size:28px}.success-copy>p{font-size:15px;margin-top:17px}.success-number{font-size:64px;gap:25px;margin-top:18px}.success-number>span{font-size:46px}.success-number small{font-size:21px}.result-caption{font-size:13px;gap:4px}.result-caption>span{font-size:10px;margin-right:10px}.success-copy>.text-link{margin-top:23px;font-size:14px}.success-visual{padding:10px 25px 25px;max-height:340px}.success-profile{width:260px;max-height:278px;object-fit:contain}.success-circle{width:320px;height:320px}.archive-caption{font-size:10px;margin-top:5px}.result-paths{grid-template-columns:1fr;gap:0;margin-top:18px}.result-paths>a{padding:18px 3px;display:grid;grid-template-columns:1fr auto;gap:3px 10px;align-items:center}.result-paths>a>span:first-child{font-size:11px;grid-column:1/-1}.result-paths h3{font-size:16px;margin:0}.result-path-link{font-size:11px;max-width:110px;text-align:left}.new-experience .work-section{padding-top:58px;padding-bottom:48px}.work-section h2{font-size:36px}.work-section .section-heading{margin-bottom:26px}.portfolio-toolbar{gap:14px;padding-top:18px;padding-bottom:22px}.portfolio-filters{gap:6px;width:100%}.portfolio-filters button{font-size:12px;padding:7px 12px;min-height:41px;border-color:#4c4c4c}.portfolio-tools{margin:0}.portfolio-tools>span{font-size:12px}.density-control button{width:36px;height:33px;font-size:23px}.mosaic-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:89px;gap:10px}.mosaic-card{border-radius:7px;grid-row:span 2}.mosaic-card.tile-wide{grid-column:span 2;grid-row:span 2}.mosaic-card.tile-tall{grid-row:span 3}.mosaic-card[data-project=identity-two]{grid-column:span 2}.mosaic-card[data-project=booran]{grid-column:span 2}.mosaic-overlay{padding:12px 11px}.mosaic-client{font-size:7px;letter-spacing:.8px}.mosaic-copy{padding:0;gap:3px}.mosaic-copy strong{font-size:14px;line-height:1.8}.mosaic-copy>span{font-size:10px;line-height:1.7}.mosaic-arrow{display:none}.mosaic-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:180px;gap:10px}.mosaic-grid.compact .mosaic-card:nth-child(n){grid-column:auto;grid-row:auto}.portfolio-empty{padding:32px 22px;min-height:300px}.portfolio-empty h3{font-size:22px}.portfolio-empty p{font-size:14px}.new-experience .work-bottom{margin-top:26px;gap:14px}.new-experience .work-bottom>span{font-size:12px}.new-experience .work-bottom .text-link{font-size:13px}.new-experience .approach{padding-block:60px}.new-experience .partnership{padding-top:0}.new-experience .capabilities{padding-top:65px}.new-experience .contact-inner{padding-block:50px 26px}.new-experience .contact-copy h2{font-size:32px}.new-experience .owl-wrap{width:155px;padding-top:5px;margin-top:-30px}.new-experience .owl-wrap:before{width:170px;height:170px;inset:0 -5px auto;box-shadow:0 0 0 15px #ffd57b1c,0 0 0 30px #ffd57b10}.new-experience .owl-wrap img{width:155px}.new-experience .owl-wrap>span{font-size:10px}.footer{padding-top:37px}.footer-directory{grid-template-columns:1fr 1fr;gap:30px 20px;margin-bottom:35px}.footer-directory>div{gap:7px}.footer-directory>div>span{font-size:12px;margin-bottom:7px}.footer-directory a{font-size:13px}.footer-directory>div:nth-child(3){grid-column:1/-1}.footer-directory .footer-manifesto{display:none}.footer-top>span{font-size:12px}.project-media{max-height:400px}.project-media>img{width:100%;height:280px;object-fit:contain}.project-media>video{max-height:350px;width:100%;aspect-ratio:4/3}.project-source{font-size:12px;padding:10px}.dialog-copy{padding:28px 25px 35px}.dialog-copy h2{font-size:25px}#testimonial-grid{grid-template-columns:1fr}}
@media(max-width:370px){.hero-stage h1{font-size:53px}.hero-stage .hero-actions{gap:15px;align-items:flex-start;flex-direction:column}.hero-stage .hero-visual{height:320px}.hero-sun{width:215px}.hero-owl{width:175px;top:40px}.orbit-a{width:260px;height:260px}.orbit-b{width:292px;height:292px}.orbit-c{width:320px}.orbit-project-one{left:0;width:83px;height:110px}.orbit-project-two{width:112px;height:90px;right:0;bottom:20px}.coordinate-top{font-size:6px}.coordinate-bottom{font-size:6px}.success-copy{padding:25px 20px 15px}.success-copy h3{font-size:25px}.success-number{font-size:57px}.success-number>span{font-size:40px}.result-paths h3{font-size:15px}.result-path-link{font-size:10px}.new-experience .owl-wrap{margin-top:18px}.mosaic-grid{grid-auto-rows:85px}.mosaic-copy strong{font-size:13px}.mosaic-overlay{padding:10px}.mosaic-grid.compact{grid-auto-rows:164px}.brand-stats{gap:20px}.brand-stats strong{font-size:43px}.brand-stats>div{gap:9px}.footer-directory{gap:20px}}
@media(prefers-reduced-motion:reduce){.hero-wordmark{will-change:auto}.lens-orbit,.hero-owl img,.orbit-project,.scroll-icon,.logo-track,.new-experience .owl-wrap img{animation:none!important}.logo-track{transform:none}.logo-row{overflow-x:auto;scrollbar-width:thin}.logo-set[aria-hidden=true]{display:none}.hero-sun,.hero-wordmark,.hero-owl{transition:none!important}.hero-owl{transform:translateX(-50%)}.hero-stage .hero-visual{transform:none}}