@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&display=swap');
:root{--ink:#101010;--paper:#f3f1ec;--muted:#999893;--line:#30302e;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--ink);color:var(--paper);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid currentColor;outline-offset:6px}::selection{background:var(--paper);color:var(--ink)}.skip{position:fixed;top:-60px;left:20px;z-index:100;background:var(--paper);color:var(--ink);padding:15px}.skip:focus{top:15px}.header{height:85px;position:fixed;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#101010f5;z-index:20;border-bottom:1px solid #ffffff0d}.small-brand{width:81px;display:block;background:var(--ink)}.small-brand img{width:100%;height:auto;display:block;filter:invert(1);mix-blend-mode:screen}.header nav{display:flex;align-items:center;gap:34px;font-size:13px}.header nav a{padding:10px 0}.header nav a:last-child{border-bottom:1px solid #666}.header nav span{margin-left:13px}.logo-story{height:165svh;min-height:1000px;--draw:0;--fill:0;--line-opacity:0}.hero-sticky{height:100svh;min-height:610px;position:sticky;top:0;display:flex;flex-direction:column;padding:115px 8% 40px}.hero-label{display:flex;justify-content:space-between;align-items:center;color:#a8a7a1;font-size:10px;letter-spacing:.13em}.hero-label span:last-child{font-size:15px;letter-spacing:0}.logo-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:35px 0}.logo-art{display:block;width:min(720px,70vw);max-height:100%;overflow:visible}.logo-art path{vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.logo-ghost{fill:none;stroke:#ffffff14;stroke-width:.7}.logo-lines{fill:none;stroke:var(--paper);stroke-width:1.3;opacity:var(--line-opacity)}.logo-lines path{stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0,(var(--draw) * 1.7 - var(--order) * .7),1))}.logo-fill{fill:var(--paper);fill-rule:evenodd;opacity:var(--fill)}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.hero-bottom h1{font-size:clamp(25px,3vw,40px);font-weight:400;letter-spacing:-.045em;line-height:1.1;margin:0 0 12px}.hero-bottom p{color:var(--muted);font-size:14px;margin:0;line-height:1.6}.scroll-note{font-size:9px;letter-spacing:.16em;display:flex;align-items:center;gap:22px;padding-bottom:5px}.scroll-line{height:48px;width:1px;background:#4b4b47;position:relative;overflow:hidden}.scroll-line:after{content:'';position:absolute;inset:0;background:var(--paper);transform:translateY(-100%);animation:scroll 2.8s ease-in-out infinite}@keyframes scroll{to{transform:translateY(100%)}}.services{padding:95px 8% 70px;border-top:1px solid var(--line);position:relative;background:var(--ink)}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:55px}.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--muted)}h2{font-size:clamp(42px,5.8vw,76px);font-weight:400;letter-spacing:-.06em;line-height:1.05;margin:24px 0 0}.section-intro>p{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 5px}.service-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:7%}.service{display:flex;align-items:flex-start;gap:22px;padding:29px 0;border-top:1px solid var(--line);position:relative;transition:opacity .7s var(--ease),transform .7s var(--ease);min-width:0}.service-icon{width:34px;flex:0 0 34px;margin-top:3px;color:#b3b1aa;transition:color .3s,transform .45s var(--ease)}.service-icon svg{display:block;width:100%;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.service-copy{max-width:350px;padding-right:20px}.service h3{font-size:20px;font-weight:400;letter-spacing:-.025em;margin:0 0 9px;line-height:1.3}.service p{font-size:13px;color:var(--muted);line-height:1.75;margin:0}.service-number{position:absolute;right:0;top:33px;color:#696964;font-size:9px;transition:color .3s}.service:after{content:'';height:1px;position:absolute;left:0;right:0;top:-1px;background:var(--paper);transform:scaleX(0);transform-origin:left;transition:transform .55s var(--ease)}.service:hover:after,.service:focus-visible:after{transform:scaleX(1)}.service:hover .service-icon{color:var(--paper);transform:translateY(-3px)}.service:hover .service-number{color:var(--paper)}.services-note{font-size:12px;color:var(--muted);margin:25px 0 0}.services-note a{color:var(--paper);border-bottom:1px solid #777;padding-bottom:3px}.contact{background:var(--paper);color:var(--ink);padding:65px 8% 0}.contact>.eyebrow{color:#74736e}.contact-main{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding-bottom:60px}.contact h2{font-size:clamp(42px,5.5vw,70px)}.contact-links{display:flex;flex-direction:column;gap:17px;padding-bottom:4px}.whatsapp{display:flex;justify-content:space-between;gap:55px;border-bottom:1px solid #111;padding:0 0 14px;font-size:20px;letter-spacing:-.03em}.whatsapp span{transition:transform .3s}.whatsapp:hover span{transform:translate(3px,-3px)}.email{font-size:14px}.email:hover{text-decoration:underline}.phone{font-size:12px;color:#77756f}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #cfcdc8;padding:25px 0;font-size:10px;color:#74736e}footer [lang=ar]{font-size:14px}footer a{color:var(--ink)}.has-motion .service:not(.visible){opacity:0;transform:translateY(18px)}
@media(min-width:1500px){.hero-sticky,.services,.contact{padding-left:max(8%,calc((100vw - 1250px)/2));padding-right:max(8%,calc((100vw - 1250px)/2))}}
@media(max-width:700px){html{scroll-padding-top:72px}.header{height:72px;padding:0 6%}.small-brand{width:67px}.header nav{gap:23px;font-size:12px}.logo-story{height:150svh;min-height:880px}.hero-sticky{padding:99px 6% 32px;min-height:570px}.hero-label{font-size:8px;letter-spacing:.1em}.hero-label span:last-child{font-size:13px}.logo-art{width:100%;max-height:350px}.logo-stage{padding:35px 0}.hero-bottom{align-items:center}.hero-bottom h1{font-size:29px}.hero-bottom p{font-size:12px;max-width:225px}.scroll-note{gap:0}.scroll-note>span:first-child{display:none}.scroll-line{height:38px}.services{padding:65px 6% 48px}.section-intro{display:block;margin-bottom:35px}.section-intro h2{font-size:48px}.section-intro>p{margin:22px 0 0;font-size:13px}.service-grid{grid-template-columns:1fr}.service{padding:23px 0;gap:18px}.service h3{font-size:19px;margin-bottom:6px}.service p{font-size:13px;max-width:300px}.service-icon{width:30px;flex-basis:30px}.service-number{top:27px}.services-note{font-size:12px}.contact{padding:48px 6% 0}.contact-main{display:block;padding-bottom:40px}.contact h2{font-size:48px}.contact-links{margin-top:40px;align-items:flex-start}.whatsapp{font-size:21px;width:100%}.email{font-size:14px}footer{gap:15px;font-size:9px}footer [lang=ar]{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.logo-story{height:auto;min-height:0}.hero-sticky{position:relative}.logo-lines,.logo-ghost{display:none}.logo-fill{opacity:1}.scroll-line:after{animation:none;transform:none}.has-motion .service:not(.visible){opacity:1;transform:none}*,*:before,*:after{transition:none!important}}