:root{--cream:#f6f5f1;--line:#d8d6dc}body{font-size:15px}h1,h2{letter-spacing:-2px}.wrap{width:min(1400px,calc(100% - 100px))}.section-pad{padding-block:110px}.site-header{background:#f6f5f1ed}.nav-row{height:88px}.brand{background:transparent;padding:0}.brand img{width:147px}.button{border-radius:0;min-height:61px;padding:19px 26px}.button.dark{background:var(--ink)}.button.lime:hover{background:#bbee32}.nav-cta{border-radius:30px}.hero{grid-template-columns:1fr 1fr;gap:55px;min-height:760px;padding-top:74px;padding-bottom:105px}.hero .eyebrow{font-size:11px;margin-bottom:25px}.hero h1{font-size:clamp(60px,6.2vw,94px);font-weight:700;letter-spacing:-4.5px;line-height:1.36;position:relative}.hero-word{color:var(--v);display:inline-block;position:relative}.hero-word:after{content:'';position:absolute;bottom:9px;left:0;right:0;height:16px;background:var(--lime);z-index:-1;transform:rotate(-3deg)}.hero-asterisk{display:inline-block;font:75px/1 Arial;color:var(--v);margin-inline-start:20px;vertical-align:middle;animation:spark-turn 24s linear infinite}.hero-desc{font-size:15px;line-height:2.05;max-width:470px;margin-top:24px}.hero-actions{margin-top:32px;gap:22px}.hero-actions .button{font-size:12px;gap:24px}.hero-signature{display:flex;align-items:center;gap:13px;margin-top:36px;font-size:10px;color:var(--muted)}.signature-line{width:42px;height:1px;background:var(--muted)}.hero-showcase{position:relative;min-width:0;aspect-ratio:1;max-width:610px;width:100%;isolation:isolate;background:#e7e1f0;transform:rotate(-2deg);border:1px solid #17132020;direction:ltr}.showcase-top,.showcase-bottom{display:flex;justify-content:space-between;align-items:center;font:9px/1.5 Manrope,Arial;letter-spacing:1.2px;padding:20px 23px;position:relative;z-index:2}.showcase-top{border-bottom:1px solid #1713201c}.showcase-spark{font-size:24px;color:var(--v)}.showcase-canvas{position:absolute;inset:17% 7% 22%;overflow:hidden;box-shadow:0 20px 45px #17132018}.showcase-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s,transform 6s;transform:scale(1.04)}.showcase-scene.is-active{opacity:1;transform:scale(1)}.floating-art{position:absolute;width:25%;padding:5px;background:white;box-shadow:0 15px 30px #17132025;z-index:3;pointer-events:none;animation:float-art 7s ease-in-out infinite}.floating-art img{width:100%;height:auto}.floating-one{left:-6%;bottom:10%;transform:rotate(10deg)}.floating-two{right:-5%;top:4%;transform:rotate(8deg);animation-delay:-3s}.showcase-bottom{position:absolute;bottom:0;width:100%;padding-top:13px;padding-bottom:13px;border-top:1px solid #1713201c;gap:12px;font-size:9px;letter-spacing:.2px}#showcase-pause{border:1px solid #17132040;width:29px;height:29px;background:transparent;font:14px Arial;flex:none}.showcase-stamp{position:absolute;right:8%;bottom:17%;z-index:4;font:800 12px/1.1 Manrope,Arial;text-align:left;transform:rotate(4deg);color:var(--v);background:var(--lime);padding:14px 20px}.showcase-stamp strong{color:var(--ink)}.service-strip{overflow:hidden;direction:ltr}.marquee-track{display:flex;width:max-content;animation:crevo-marquee 32s linear infinite;will-change:transform}.service-strip:hover .marquee-track{animation-play-state:paused}.strip-inner{display:flex;width:1320px;flex:none;padding:26px 35px;justify-content:space-around;gap:35px;margin:0;overflow:visible;white-space:nowrap;font-size:15px;direction:ltr}.strip-inner span{direction:auto}.strip-inner b{font-size:28px}.work .section-heading{margin-bottom:25px}.work .section-heading h2{font-size:clamp(42px,4.5vw,66px);line-height:1.45}.outline-word{color:var(--v)}.work .work-disclosure{font-size:13px;max-width:680px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 38px;align-items:start}.work-card:nth-child(2n){margin-top:88px}.work-card:nth-child(3n) .project-cover{aspect-ratio:1.15}.work-image.project-cover{aspect-ratio:1.28;border-radius:0;background:#e5ddec}.work-image.project-cover:before{display:none}.project-identity .cover-art-0,.project-web .cover-art-0{inset:0;width:100%;height:100%;object-fit:cover}.project-web .cover-art-0{inset:6%;width:88%;height:88%;object-fit:contain}.project-social .project-cover{background:var(--v)}.project-photography .project-cover{background:var(--ink)}.work-title{margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.work-title h3{font-size:23px}.card-arrow{background:var(--lime);border-radius:0;right:0;bottom:0;width:53px;height:53px;font-size:27px}.work-more{margin-top:65px}.services{background:var(--ink);color:white}.services h2{max-width:750px;font-size:clamp(40px,4.5vw,64px)}.services .eyebrow{color:var(--lime)}.services .muted{color:#a9a1b5}.services-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:0;gap:0 50px}.services-list details{border-bottom:1px solid #ffffff2c}.services-list summary{grid-template-columns:35px 1fr 25px;gap:15px;padding-block:31px}.services-list .service-en{display:none}.service-number{color:var(--lime)}.services .service-title{font-size:22px;letter-spacing:-.8px}.services .expand{color:var(--lime)}.service-body{padding:0 50px 30px 0;max-width:100%}.service-body p{color:#bcb4c7;font-size:13px}.services .tags span{color:#ded6e8;border-color:#ffffff26;background:transparent}.intro{padding-block:120px;gap:90px;grid-template-columns:1fr 1.2fr}.intro h2{font-size:clamp(38px,4.1vw,59px)}.intro-body>p:first-child{font-size:25px}.process{background:#e9e2f1;color:var(--ink)}.process .eyebrow{color:var(--v)}.process-grid{border-top:1px solid #17132030;padding-top:35px;gap:40px}.process-grid article{border-top:0}.process-grid article>span{font-size:13px;color:var(--v)}.process-grid h3{font-size:24px}.process-grid p{color:#6c607d;font-size:13px}.contact{background:var(--v);position:relative}.contact h2{font-size:clamp(55px,6vw,88px)}.contact-grid{gap:100px}.contact-intro{color:#e0d2f2}.contact-circle{border-color:var(--lime);border-right-color:transparent;opacity:.2;left:10px;right:auto;bottom:-60px;width:220px;height:220px;border-width:43px}.contact label{color:#efe7f9}.contact input,.contact select,.contact textarea{border-color:#ffffff40}.contact input::placeholder,.contact textarea::placeholder{color:#c3abdF}.contact .form-note{color:#cfbce7}.contact .brief-result{border-color:#ffffff40}.contact .brief-result pre{color:white}footer{padding-top:45px}.reveal-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.reveal-ready .reveal.is-visible{opacity:1;transform:none}
@keyframes crevo-marquee{to{transform:translateX(-50%)}}@keyframes spark-turn{to{transform:rotate(360deg)}}@keyframes float-art{0%,100%{translate:0 0}50%{translate:0 -13px}}
html[lang=en] .hero h1{font-size:clamp(58px,5.4vw,80px);line-height:1.04;letter-spacing:-4px}html[lang=en] .hero-asterisk{font-size:49px;margin-inline-start:8px}html[lang=en] .hero .eyebrow{font-size:9px;letter-spacing:1.2px}html[lang=en] .hero-actions .button{font-size:11px;padding-inline:21px}html[lang=en] .hero-word:after{bottom:0;height:13px}html[lang=en] .work h2{font-size:clamp(38px,4vw,59px);line-height:1.16}html[lang=en] .services h2{font-size:clamp(38px,4vw,60px)}html[lang=en] .service-body{padding:0 0 30px 50px}html[lang=en] .service-title{font-size:20px}html[lang=en] .contact h2{font-size:clamp(50px,5vw,78px)}html[lang=en] .service-strip span{font-size:14px;letter-spacing:1px}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero{gap:40px;min-height:700px}.hero h1{font-size:68px}.hero-asterisk{font-size:50px;margin-inline-start:10px}.hero-actions .button{font-size:11px;padding-inline:19px}.services .service-title{font-size:19px}.work-grid{gap:40px 26px}.hero-desc{font-size:14px}html[lang=en] .hero h1{font-size:58px}.intro{gap:50px}.intro-body>p:first-child{font-size:22px}}
@media(max-width:780px){.wrap{width:calc(100% - 40px)}.nav-row{height:77px}.brand img{width:118px}.hero{grid-template-columns:1fr;gap:55px;min-height:0;padding-top:50px;padding-bottom:82px}.hero-copy{max-width:600px}.hero h1{font-size:clamp(62px,10vw,84px);letter-spacing:-3px;line-height:1.3}.hero-asterisk{font-size:55px}.hero-desc{max-width:550px}.hero-showcase{width:90%;justify-self:center;max-width:550px;aspect-ratio:1.1}.hero-signature{margin-top:25px}.hero-actions{gap:25px}.hero-showcase .showcase-top{padding-block:14px}.showcase-stamp{font-size:10px;padding:12px 16px}.showcase-bottom{font-size:8px;padding:9px 15px}.section-pad{padding-block:74px}.work-grid{gap:32px 18px}.work-card:nth-child(2n){margin-top:45px}.work .section-heading h2{font-size:40px}.work-title{display:block;padding-top:12px;margin-top:15px}.work-title h3{font-size:20px}.card-arrow{width:39px;height:39px}.services-list{grid-template-columns:1fr}.services .service-title{font-size:21px}.services-list summary{padding-block:25px}.intro{grid-template-columns:1fr;gap:30px;padding-block:80px}.intro h2{font-size:42px}.intro-body>p:first-child{font-size:21px}.process-grid h3{font-size:21px}.process-grid p{font-size:12px}.contact-grid{gap:50px}.contact h2{font-size:61px}.contact-circle{display:none}.strip-inner{width:1050px;padding:22px 30px;font-size:13px;gap:30px}.strip-inner b{font-size:24px}.marquee-track{animation-duration:27s}html[lang=en] .hero h1{font-size:clamp(56px,9vw,76px)}html[lang=en] .hero-actions .button{font-size:11px}html[lang=en] .work h2{font-size:38px}html[lang=en] .service-body{padding-left:50px}html[lang=en] .contact h2{font-size:56px}}
@media(max-width:520px){.work-grid{grid-template-columns:1fr;gap:34px}.work-card:nth-child(2n){margin-top:0}.work-title{display:flex}.work .section-heading h2{font-size:36px}.hero h1{font-size:61px}.hero-asterisk{font-size:42px}.hero .eyebrow{font-size:10px}.hero-actions{gap:21px}.hero-actions .button{font-size:11px;padding-inline:20px;min-height:57px}.hero-actions .text-link{font-size:11px}.hero-showcase{width:91%;margin-top:5px}.hero-desc{font-size:13px}.showcase-stamp{font-size:8px;padding:9px 12px;bottom:19%}.showcase-top{font-size:7px;padding-inline:15px}.showcase-bottom{font-size:7px}.floating-one{width:26%}.floating-two{width:26%}.services .service-title{font-size:18px}.services h2{font-size:38px}.work .work-disclosure{font-size:12px}.hero-signature{font-size:9px}.hero-word:after{height:11px;bottom:5px}.intro h2{font-size:37px}html[lang=en] .hero h1{font-size:54px;letter-spacing:-3px}html[lang=en] .hero-asterisk{font-size:35px}html[lang=en] .hero .eyebrow{font-size:8px}html[lang=en] .work h2{font-size:35px}html[lang=en] .service-title{font-size:18px}}
@media(prefers-reduced-motion:reduce){.marquee-track,.hero-asterisk,.floating-art{animation:none!important}.service-strip{overflow-x:auto}.marquee-track .strip-inner[aria-hidden=true]{display:none}.showcase-scene{transition:none}.reveal-ready .reveal{opacity:1;transform:none}}
@media(max-width:520px){html[lang=en] .hero h1{font-size:42px;line-height:1.12;letter-spacing:-2px}html[lang=en] .hero-asterisk{display:none}html[lang=en] .hero-actions{gap:22px}html[lang=en] .hero-actions .button{font-size:11px}.hero-word:after{width:100%}}
@media(max-width:520px){html[lang=ar] .hero h1{font-size:49px;letter-spacing:-2px}html[lang=ar] .hero-asterisk{font-size:36px}}