@charset "UTF-8";
:root{--ink:#19372e;--green:#103e34;--accent:#267360;--mint:#c1dfca;--paper:#f7f9f7;--muted:#69756e;--border:#d6dfd8;--font:"IBM Plex Sans Arabic",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,h4,p,figure{margin:0}button{font:inherit}.wrap{width:min(1380px,calc(100% - 112px));margin-inline:auto}::selection{background:var(--green);color:white}.reading-progress{position:fixed;top:0;right:0;height:3px;background:var(--accent);z-index:30;width:0;pointer-events:none}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-symbol{width:46px;height:42px;object-fit:contain}.brand-word{width:124px;height:auto}.site-header nav{display:flex;gap:36px;font-size:15px}.site-header nav a{position:relative;padding-block:6px}.site-header nav a:after{content:"";position:absolute;bottom:0;right:0;width:0;height:1px;background:var(--green);transition:width .2s}.site-header nav a:hover:after,.site-header nav a[aria-current]:after{width:100%}.header-contact{display:flex;align-items:center;gap:24px;font-size:14px;border-bottom:1px solid;padding-block:6px}.header-contact span{font-size:22px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500}.eyebrow [lang=en]{font-size:12px;direction:ltr;color:var(--muted);margin-left:12px}.english-label{font-size:11px;letter-spacing:1.8px;font-weight:500;line-height:1.6}.tiny-line{width:26px;height:1px;background:var(--muted)}.hero{padding-top:38px}.hero-top{display:flex;justify-content:space-between;align-items:center;gap:24px}.hero-top>.english-label{color:var(--muted)}.hero-main{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;padding-block:42px 48px;min-height:610px}.hero-copy{position:relative;z-index:1}h1{font-size:clamp(66px,6.5vw,102px);line-height:1.32;font-weight:500;letter-spacing:-2.7px}.title-line{display:block}.title-line:last-child{white-space:nowrap}h1 em{font-style:normal;color:var(--accent)}.title-star{display:inline-block;font-family:Arial,sans-serif;font-size:.65em;font-weight:400;margin-right:32px;vertical-align:8%;color:var(--accent)}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:38px;max-width:565px}.hero-bottom p{font-size:18px;color:var(--muted);line-height:1.95}.round-link{width:64px;height:64px;flex-shrink:0;border:1px solid #a1b4a7;border-radius:50%;display:grid;place-items:center;font-family:Arial,sans-serif;font-size:26px;transition:background .2s,color .2s,transform .25s}.round-link:hover{background:var(--green);color:white;transform:translateY(4px)}.hero-visual{position:relative;min-width:0;max-width:535px;width:100%;justify-self:end}.hero-visual-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;padding-top:6px}.hero-visual-top [lang=en]{font-size:10px;letter-spacing:2px}.hero-visual>img{width:100%;height:430px;object-fit:contain;mix-blend-mode:multiply}.hero-visual figcaption{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid var(--border);padding-top:16px;font-size:12px;color:var(--muted)}.hero-visual figcaption [lang=en]{font-size:10px;letter-spacing:1.6px}.hero-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:24px;border-top:1px solid var(--border);font-size:14px;color:var(--muted)}.hero-foot>a{display:flex;align-items:center;gap:20px;color:var(--ink)}.hero-foot>a [lang=en]{font-size:12px}.hero-foot>a>span:last-child{margin-right:20px}.section{padding-block:112px}.work-section{padding-bottom:120px}.work-title-line{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:42px}.work-title-line h2{position:relative;font-size:clamp(80px,10.5vw,160px);line-height:1.1;font-weight:500;letter-spacing:-5px}.work-title-line h2 span{display:inline-block;font-size:15px;letter-spacing:0;vertical-align:top;margin-top:25px;margin-right:20px}.work-title-line p{font-size:23px;line-height:1.8}.work-title-line p span{color:var(--muted)}.section-rule{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--border);padding-top:20px;margin-bottom:40px;color:var(--muted);font-size:13px}.project-visual{display:block;position:relative;overflow:hidden;background:#19362c;isolation:isolate}.project-visual>img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.project-visual:hover>img{transform:scale(1.045)}.project-featured .project-visual{height:640px}.project-overlay{position:absolute;inset:0;padding:36px;color:white;background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.01) 36%,rgba(0,0,0,.36));display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.project-chip{font-size:12px;border:1px solid #ffffff75;background:#10201938;backdrop-filter:blur(8px);padding:6px 16px;border-radius:30px}.image-wordmark{font-size:72px;line-height:1.05;font-weight:400;letter-spacing:-2px;margin-bottom:12px;text-shadow:0 1px 22px #0005}.image-wordmark strong{font-weight:600}.project-open{position:absolute;left:30px;bottom:28px;width:56px;height:56px;display:grid;place-items:center;border:1px solid #ffffff8a;border-radius:50%;font-family:Arial,sans-serif;font-size:27px;transition:background .25s,color .25s}.project-visual:hover .project-open{background:white;color:var(--ink)}.project-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:22px}.project-caption>div{display:flex;align-items:center;gap:20px}.project-index{font-size:12px;color:var(--muted)}.project-caption h3{font-size:22px;font-weight:500}.project-caption>p{font-size:13px;color:var(--muted)}.project-caption>.english-label{color:var(--muted)}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:52px;margin-top:50px;align-items:start}.project-pair .project-visual{height:520px}.project-sound{margin-top:130px}.project-pair .project-caption{flex-wrap:wrap;gap:3px}.project-pair .project-caption>div{width:100%}.project-pair .project-caption>p{padding-right:34px}.f1-word,.sound-word{font-family:Arial,sans-serif;font-size:clamp(40px,4vw,60px);font-weight:800;line-height:.93;letter-spacing:-2.8px}.f1-word small,.sound-word small{display:block;font-size:10px;font-weight:400;letter-spacing:2px;margin-top:15px;line-height:1.5}.project-sound .project-visual>img{object-position:57% center}.project-cursor{position:absolute;top:0;left:0;width:100px;height:100px;display:grid;place-items:center;background:var(--mint);color:var(--green);border-radius:50%;font-size:13px;opacity:0;transform:translate(-50%,-50%) scale(.6);pointer-events:none;transition:opacity .2s,scale .2s;z-index:2}.project-visual.cursor-active .project-cursor{opacity:1}.more-work{display:grid;grid-template-columns:1fr 2.1fr;gap:72px;margin-top:120px}.more-work-heading h3{font-weight:500;font-size:30px;line-height:1.4}.more-work-heading p{font-size:15px;color:var(--muted);margin-top:16px}.work-list{border-top:1px solid var(--border)}.work-row{display:grid;grid-template-columns:28px 1fr auto 24px;gap:16px;align-items:center;padding:26px 0;border-bottom:1px solid var(--border);transition:padding .25s,background .25s}.work-row:hover{padding-inline:14px;background:#eaf0eb}.row-index{font-size:12px;color:var(--muted)}.work-row h4{font-size:20px;font-weight:500;line-height:1.5}.work-row h4 span{display:block;font-size:10px;font-weight:400;letter-spacing:1.4px;color:var(--muted);margin-top:5px}.row-sector{font-size:12px;color:var(--muted)}.row-arrow{font-family:Arial,sans-serif;font-size:25px;color:var(--accent);transition:transform .25s}.work-row:hover .row-arrow{transform:translate(-3px,-3px)}.about-section{background:var(--green);color:var(--paper);padding-block:112px}.about-grid{display:grid;grid-template-columns:1fr 2.1fr;gap:72px}.about-side{display:flex;align-items:flex-start;flex-direction:column;justify-content:space-between;gap:40px}.about-side .eyebrow{color:#b6c8bc}.about-side .eyebrow [lang=en]{color:#a7bdb1}.about-side>img{width:170px;height:auto;filter:brightness(0) invert(85%) sepia(11%) saturate(598%) hue-rotate(88deg) brightness(102%) contrast(85%);opacity:.8}.about-side>.english-label{color:#99b4a5;font-size:11px;line-height:2;letter-spacing:2px}.about-content h2{font-size:clamp(40px,4.3vw,66px);line-height:1.45;font-weight:400;letter-spacing:-1.5px;margin-bottom:42px}.about-content h2 span{color:var(--mint)}.about-text{display:grid;grid-template-columns:1fr 1fr;gap:35px;font-size:16px;line-height:2;color:#c2d1c7}.about-note{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff26;margin-top:45px;padding-top:22px;font-size:12px;color:#b5cbbb}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:60px}.section-heading .eyebrow{margin-bottom:28px}.section-heading h2{font-size:clamp(38px,4vw,58px);line-height:1.5;font-weight:500;letter-spacing:-1px}.section-heading>p{font-size:17px;line-height:1.9;color:var(--muted);margin-bottom:9px}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.service{padding:30px 32px 35px;position:relative}.service:first-child{padding-right:0}.service:last-child{padding-left:0}.service+.service{border-right:1px solid var(--border)}.service-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;margin-bottom:45px}.service-symbol{font-family:Arial,sans-serif;font-size:32px;font-weight:400;color:var(--accent)}.service h3{font-size:25px;font-weight:500;margin-bottom:20px}.service p{font-size:16px;color:var(--muted);line-height:1.95;max-width:350px}.service-label{display:block;font-size:10px;letter-spacing:1.2px;margin-top:38px;color:var(--muted)}.contact-section{background:var(--mint);padding-block:56px 55px;overflow:hidden}.contact-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.contact-main{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:52px 55px}.contact-main h2{font-size:clamp(88px,12.3vw,190px);font-weight:500;letter-spacing:-5px;line-height:1.15}.contact-main h2 br{display:none}.contact-main h2 span{margin-right:25px}.contact-circle{width:clamp(100px,14vw,190px);height:clamp(100px,14vw,190px);border:1px solid #103e3466;border-radius:50%;display:grid;place-items:center;font-family:Arial,sans-serif;font-size:clamp(58px,8vw,100px);font-weight:400;flex-shrink:0;transition:background .3s,color .3s,transform .3s}.contact-main:hover .contact-circle{background:var(--green);color:var(--mint);transform:rotate(-8deg)}.contact-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;border-top:1px solid #103e3433;padding-top:30px}.contact-bottom p{font-size:17px}.email-link{font-family:Arial,sans-serif;font-size:clamp(18px,2.4vw,32px);display:flex;align-items:center;gap:25px;padding-bottom:6px;border-bottom:1px solid #103e3480}.site-footer{padding-block:55px 24px;background:var(--paper)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:28px;padding-bottom:45px}.footer-top p{font-size:14px;color:var(--muted)}.back-top{display:flex;gap:20px;font-size:14px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--border);padding-top:22px;font-size:12px;color:var(--muted)}.footer-bottom [lang=en]{font-size:10px;letter-spacing:1.6px}.skip-link{position:absolute;top:-100px;right:20px;background:white;padding:12px 20px;z-index:40}.skip-link:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid #339c7a;outline-offset:6px}.project-visual:focus-visible{outline-offset:8px}.motion-ready .reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal.is-visible{opacity:1;transform:none}.hero-copy{animation:hero-enter .9s cubic-bezier(.2,.7,.2,1) both}.hero-visual{animation:hero-enter 1.15s cubic-bezier(.2,.7,.2,1) .08s both}@keyframes hero-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.hero-main{min-height:680px}.hero-visual>img{height:480px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.hero-main{gap:28px;min-height:550px}.hero-visual>img{height:365px}h1{font-size:clamp(54px,7vw,78px)}.title-star{margin-right:18px}.hero-bottom{gap:15px}.hero-bottom p{font-size:16px}.round-link{width:50px;height:50px}.hero-foot{font-size:12px}.hero-location{display:none}.project-featured .project-visual{height:540px}.project-pair{gap:30px}.project-pair .project-visual{height:450px}.project-caption h3{font-size:20px}.project-sound{margin-top:90px}.more-work,.about-grid{grid-template-columns:1fr 2.4fr;gap:40px}.row-sector{font-size:11px}.service{padding-inline:24px}.service h3{font-size:22px}.service p{font-size:15px}.contact-main h2{font-size:12vw}.contact-main h2 span{margin-right:14px}}
@media(max-width:800px){.site-header nav{gap:20px}.brand-word{width:105px}.brand-symbol{width:38px}.header-contact{font-size:12px;gap:13px}.hero-top>.english-label{font-size:9px;letter-spacing:1px}.hero .eyebrow{font-size:12px}.hero-main{grid-template-columns:1.25fr 1fr;gap:18px;padding-block:35px 38px;min-height:450px}h1{font-size:58px;letter-spacing:-1.5px}.title-star{display:none}.hero-bottom{display:block;margin-top:22px}.round-link{margin-top:24px}.hero-visual>img{height:310px}.hero-visual-top{font-size:10px}.hero-visual figcaption{font-size:10px}.hero-visual figcaption [lang=en]{display:none}.work-title-line p{font-size:18px}.project-featured .project-visual{height:470px}.project-pair .project-visual{height:365px}.project-overlay{padding:24px}.image-wordmark{font-size:64px}.f1-word,.sound-word{font-size:38px}.project-open{width:44px;height:44px;font-size:23px;left:20px;bottom:20px}.project-caption>.english-label{display:none}.project-caption h3{font-size:18px}.project-caption>div{gap:14px}.more-work{grid-template-columns:1fr;gap:35px}.more-work-heading{display:flex;justify-content:space-between;align-items:center}.more-work-heading p{margin-top:0}.about-grid{grid-template-columns:1fr 2.5fr;gap:30px}.about-side>img{width:130px}.about-text{grid-template-columns:1fr;gap:20px}.service h3{font-size:20px}.service{padding-inline:18px}.service p{font-size:15px}.service-label{font-size:9px;letter-spacing:.7px}.section-heading h2{font-size:42px}.contact-main{padding-block:50px}.contact-main h2{font-size:12vw}}
@media(max-width:600px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.site-header{height:auto;gap:22px;flex-wrap:wrap;padding-block:22px 15px}.brand-symbol{width:34px;height:33px}.brand-word{width:103px}.brand{gap:8px}.site-header nav{order:3;flex-basis:100%;justify-content:space-between;padding-top:13px;border-top:1px solid var(--border);font-size:14px}.header-contact{font-size:12px;gap:9px}.header-contact span{font-size:19px}.hero{padding-top:26px}.hero-top .eyebrow{font-size:11px;gap:9px}.hero-top>.english-label{display:none}.tiny-line{width:18px}.hero-main{display:flex;flex-direction:column;gap:32px;padding-block:28px 25px;align-items:stretch;min-height:0}.hero-copy h1{font-size:clamp(54px,12.7vw,75px);letter-spacing:-1.5px;line-height:1.35}.title-star{display:inline-block;margin-right:24px}.hero-bottom{display:flex;gap:16px;align-items:center;margin-top:23px}.hero-bottom p{font-size:16px;line-height:1.9}.round-link{margin-top:0;width:49px;height:49px;font-size:22px}.hero-visual{width:100%;max-width:none}.hero-visual-top{font-size:11px}.hero-visual>img{height:320px;width:100%;object-fit:contain}.hero-visual figcaption{font-size:11px;padding-top:14px}.hero-visual figcaption [lang=en]{display:block;font-size:9px;letter-spacing:1px}.hero-foot{gap:14px;padding-block:22px;font-size:12px}.hero-foot>a{gap:10px}.hero-foot>a>span:last-child{margin-right:5px}.hero-foot>a [lang=en]{font-size:10px}.section{padding-block:68px}.work-title-line{display:block;margin-bottom:28px}.work-title-line h2{font-size:98px;line-height:1.2;letter-spacing:-3px}.work-title-line h2 span{font-size:13px;margin-top:17px;margin-right:14px}.work-title-line p{font-size:17px;margin-top:20px}.work-title-line p br{display:none}.work-title-line p span{margin-right:5px}.section-rule{font-size:11px;padding-top:16px;margin-bottom:25px;gap:12px}.section-rule .english-label{font-size:9px;letter-spacing:1px}.project-featured .project-visual{height:420px}.project-overlay{padding:22px}.project-chip{font-size:11px;padding:4px 13px}.image-wordmark{font-size:64px;margin-bottom:7px}.project-open{width:44px;height:44px;left:20px;bottom:20px}.project-caption{padding-block:18px;gap:8px;align-items:flex-start;flex-wrap:wrap}.project-caption>div{gap:12px}.project-caption h3{font-size:20px}.project-caption>p{font-size:11px;padding-top:5px}.project-pair{display:grid;grid-template-columns:1fr;gap:32px;margin-top:28px}.project-pair .project-visual{height:450px}.project-sound{margin-top:0}.f1-word,.sound-word{font-size:56px;letter-spacing:-2px}.f1-word small,.sound-word small{font-size:10px}.project-pair .project-caption>p{padding-right:28px;font-size:12px}.project-cursor{display:none}.more-work{margin-top:65px;gap:28px}.more-work-heading{display:block}.more-work-heading h3{font-size:29px}.more-work-heading p{font-size:14px;margin-top:12px}.work-row{grid-template-columns:22px 1fr 24px;gap:12px;padding-block:22px}.work-row h4{font-size:18px}.work-row h4 span{font-size:10px;margin-top:6px}.row-sector{grid-column:2;grid-row:auto;font-size:12px;margin-top:-5px}.row-arrow{grid-column:3;grid-row:1/3;align-self:center;font-size:25px}.row-index{font-size:11px}.work-row:hover{padding-inline:8px}.about-section{padding-block:64px}.about-grid{grid-template-columns:1fr;gap:35px}.about-side{flex-direction:row;align-items:center;gap:24px}.about-side>img{width:54px;height:48px;object-fit:contain}.about-side>.english-label{display:none}.about-content h2{font-size:42px;letter-spacing:-.9px;line-height:1.5;margin-bottom:30px}.about-text{gap:18px;font-size:16px}.about-note{margin-top:32px;padding-top:20px;font-size:11px;gap:14px}.about-note [lang=en]{font-size:10px}.section-heading{display:block;margin-bottom:34px}.section-heading .eyebrow{margin-bottom:23px}.section-heading h2{font-size:39px;line-height:1.5;letter-spacing:-.7px}.section-heading>p{font-size:16px;margin-top:22px}.section-heading>p br{display:none}.services-grid{grid-template-columns:1fr;border-bottom:0}.service,.service:first-child,.service:last-child{padding:27px 0 30px;border-right:0;border-bottom:1px solid var(--border)}.service-top{margin-bottom:20px}.service-symbol{font-size:26px}.service h3{font-size:25px;margin-bottom:14px}.service p{font-size:16px;max-width:none}.service-label{font-size:10px;margin-top:24px;letter-spacing:1px}.contact-section{padding-block:38px}.contact-top{align-items:flex-start;gap:18px}.contact-top .eyebrow{font-size:12px}.contact-top .english-label{font-size:9px;letter-spacing:1px}.contact-main{padding-block:36px;align-items:flex-end;gap:18px}.contact-main h2{font-size:clamp(78px,20vw,104px);letter-spacing:-3px;line-height:1.18}.contact-main h2 br{display:block}.contact-main h2 span{margin-right:0}.contact-circle{width:84px;height:84px;font-size:47px;margin-bottom:7px}.contact-bottom{align-items:flex-start;flex-direction:column;gap:28px;padding-top:24px}.contact-bottom p{font-size:16px}.email-link{font-size:24px;gap:20px}.site-footer{padding-block:38px 24px}.footer-top{flex-wrap:wrap;gap:28px;padding-bottom:30px}.footer-top p{font-size:12px;margin-right:auto}.back-top{width:100%;justify-content:space-between;font-size:13px;border-top:1px solid var(--border);padding-top:20px}.footer-bottom{font-size:10px;gap:10px}.footer-bottom [lang=en]{font-size:8px;letter-spacing:.7px}}
@media(max-width:370px){.wrap{width:calc(100% - 32px)}.brand-word{width:91px}.header-contact{font-size:11px}.hero-copy h1{font-size:49px}.hero-bottom p{font-size:14px}.hero-foot{font-size:11px}.hero-visual>img{height:280px}.project-featured .project-visual{height:365px}.project-pair .project-visual{height:390px}.work-title-line h2{font-size:86px}.contact-circle{width:67px;height:67px;font-size:39px}.contact-main h2{font-size:76px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}.project-cursor{display:none}}
@media print{.site-header nav,.header-contact,.round-link,.project-open,.project-cursor,.reading-progress,.back-top{display:none}body{background:white}.wrap{width:100%}.section,.about-section{padding-block:35px}.hero-main{min-height:0}.project-visual{break-inside:avoid}.motion-ready .reveal{opacity:1;transform:none}.contact-section,.about-section{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

/* Independent portfolio direction: original Hima mark, new editorial visual system. */
:root{--ink:#171917;--green:#171917;--accent:#252b22;--mint:#d8ff4c;--paper:#fcfcfa;--muted:#6e736c;--border:#dddfd8}
.site-header{height:108px}.site-header nav{gap:28px}.hero{padding-top:32px}.hero-main{grid-template-columns:1.85fr 1fr;gap:75px;min-height:520px;padding-block:60px 64px}.hero-copy h1{font-size:clamp(70px,8.2vw,125px);line-height:1.32;letter-spacing:-3px}.hero-copy h1 em{background:var(--mint);color:var(--ink);font-style:normal;padding:0 8px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.title-line:last-child{margin-top:8px}.hero-aside{align-self:end;max-width:330px;padding-bottom:12px}.hero-asterisk{display:block;font-family:Arial,sans-serif;font-size:105px;line-height:.9;margin-bottom:30px;font-weight:400}.hero-aside>p{font-size:18px;line-height:1.95;color:var(--muted)}.hero-action{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);padding-block:12px;margin-top:30px;font-size:15px}.hero-action span{font-size:22px}.hero-foot{color:var(--ink)}.hero-location{font-size:10px;letter-spacing:1px}.reading-progress{background:var(--mint)}.work-section{padding-top:100px}.work-title-line h2{font-size:clamp(85px,9vw,135px)}.project-featured .project-visual{height:610px}.project-overlay{background:linear-gradient(180deg,#00000045,transparent 40%,#000000aa)}.project-logo{object-fit:contain;max-height:130px;width:auto;max-width:70%;height:auto;filter:drop-shadow(0 3px 18px #0003);margin-bottom:12px}.logo-riyadh{width:290px;max-height:none}.project-logo-lockup{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:14px;max-width:75%}.logo-f1{width:245px;max-width:100%;padding:10px;background:#ffffffec;filter:none;margin:0}.project-logo-lockup>span{font-family:Arial,sans-serif;font-size:9px;letter-spacing:1px;line-height:1.6}.logo-soundstorm{width:360px;max-width:83%;margin-bottom:65px}.project-cursor{background:var(--mint);color:var(--ink)}.project-pair{gap:40px}.more-work{display:block;margin-top:100px}.more-work-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:36px}.more-work-heading h3{font-size:32px;font-weight:500}.more-work-heading p{margin:0;font-size:14px;color:var(--muted)}.client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 28px}.client-logo-area{position:relative;height:235px;display:flex;align-items:center;justify-content:center;background:#f0f1ed;overflow:hidden;transition:background .3s}.client-logo-area>img{width:60%;max-height:98px;object-fit:contain;height:auto;transition:transform .45s}.client-card:hover .client-logo-area>img,.client-card:hover .saleh-lockup,.client-card:hover .hima-lockup{transform:scale(1.06)}.client-arrow{position:absolute;left:18px;top:15px;font-family:Arial,sans-serif;font-size:23px;opacity:0;transform:translate(5px,5px);transition:opacity .25s,transform .25s}.client-card:hover .client-arrow,.client-card:focus-visible .client-arrow{opacity:1;transform:none}.client-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:15px}.client-caption h4{font-size:17px;font-weight:500}.client-caption>span{font-size:11px;color:var(--muted)}.saleh-area{background:#f1f0ec}.saleh-lockup{display:flex;align-items:center;gap:12px;width:64%;justify-content:center;transition:transform .45s}.saleh-lockup img:first-child{width:48px;height:56px}.saleh-lockup img:last-child{width:147px;height:auto}.seize-area{background:#122b44;color:#fff}.seize-area>img{width:62%;max-height:135px}.swarm-area{background:#232622;color:#fff}.tamar-area{background:#f1ece5}.tamar-area>img{max-height:116px;width:60%}.hima-area{background:#eef2ef}.hima-lockup{display:flex;align-items:center;gap:12px;width:69%;justify-content:center;transition:transform .45s}.hima-lockup img:first-child{width:50px;height:46px;object-fit:contain}.hima-lockup img:last-child{width:145px;height:auto}.hasila-text{background:#efefe8}.hasila-text>span:first-child{font-size:44px;font-weight:500}.about-section{background:#171917}.about-content h2 span{color:var(--mint)}.about-side{justify-content:space-between}.about-side .eyebrow,.about-side .eyebrow [lang=en]{color:#cacdc5}.about-side>.english-label{color:#b9bdb4}.about-text{color:#c2c6bd}.about-note{color:#b9bfb2}.why-section{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;align-items:start}.why-intro{position:sticky;top:40px}.why-intro>.eyebrow{margin-bottom:30px}.why-intro h2{font-size:clamp(36px,3.7vw,55px);line-height:1.55;font-weight:500;letter-spacing:-1px}.why-intro h2 span{background:linear-gradient(transparent 74%,var(--mint) 74%)}.why-copy>.why-statement{font-size:28px;line-height:1.7;letter-spacing:-.4px;color:var(--ink);margin-bottom:22px}.why-copy>p{font-size:18px;color:var(--muted);line-height:2}.why-reasons{margin-top:42px;border-top:1px solid var(--border)}.why-reasons article{display:grid;grid-template-columns:26px 1fr;gap:8px 20px;padding-block:27px;border-bottom:1px solid var(--border)}.why-reasons article>span{font-size:12px;color:var(--muted);padding-top:6px}.why-reasons h3{font-size:23px;font-weight:500}.why-reasons p{grid-column:2;font-size:16px;line-height:1.95;color:var(--muted)}.services-section{border-top:1px solid var(--border)}.service-symbol{color:#5b6252}.process-section{background:#f0f1eb}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px}.process-step{border-top:1px solid #bac0b2;padding-top:30px}.step-number{font-family:Arial,sans-serif;font-size:64px;font-weight:400;letter-spacing:-3px;line-height:1.2;color:#a7ae9c;display:block;margin-bottom:26px}.process-step h3{font-size:23px;font-weight:500;margin-bottom:15px}.process-step p{font-size:16px;line-height:1.9;color:var(--muted)}.contact-section{background:var(--mint)}.contact-top,.contact-bottom,.contact-circle{color:var(--ink)}.contact-circle{border-color:#17191766}.contact-main:hover .contact-circle{background:var(--ink)}.contact-bottom{border-color:#17191733}.email-link{border-color:#17191788}.hero-copy{animation-duration:1s}.hero-aside{animation:hero-enter 1.1s cubic-bezier(.2,.7,.2,1) .12s both}
@media(max-width:1100px){.hero-main{gap:36px;grid-template-columns:1.7fr 1fr;min-height:475px}.hero-copy h1{font-size:8.2vw}.hero-aside>p{font-size:16px}.hero-asterisk{font-size:80px;margin-bottom:22px}.site-header nav{gap:20px;font-size:14px}.client-logo-area{height:200px}.client-caption{display:block}.client-caption>span{display:block;margin-top:5px}.saleh-lockup{width:74%;gap:8px}.saleh-lockup img:first-child{width:37px;height:43px}.saleh-lockup img:last-child{width:118px}.hima-lockup{gap:8px}.hima-lockup img:first-child{width:38px;height:38px}.hima-lockup img:last-child{width:115px}.why-section{gap:44px}.why-copy>.why-statement{font-size:24px}.process-grid{gap:26px}.process-step h3{font-size:21px}.process-step p{font-size:15px}}
@media(max-width:800px){.site-header nav{gap:16px;font-size:13px}.brand-word{width:94px}.header-contact{font-size:11px}.hero-main{grid-template-columns:1.7fr 1fr;gap:30px;min-height:420px;padding-block:46px}.hero-copy h1{font-size:8.4vw;letter-spacing:-2px}.hero-aside>p{font-size:15px}.hero-asterisk{font-size:65px}.hero-action{font-size:13px;margin-top:20px}.project-pair{gap:26px}.client-grid{grid-template-columns:repeat(2,1fr);gap:30px 24px}.client-logo-area{height:210px}.why-section{grid-template-columns:1fr;gap:35px}.why-intro{position:static}.why-intro h2{font-size:44px}.why-copy>.why-statement{font-size:26px}.process-grid{grid-template-columns:repeat(2,1fr);gap:40px}.project-featured .project-visual{height:480px}.more-work-heading{display:block}.more-work-heading p{margin-top:15px}}
@media(max-width:600px){.site-header{height:auto;gap:21px}.brand-word{width:103px}.header-contact{font-size:12px}.site-header nav{font-size:13px;gap:12px}.hero-top .eyebrow{font-size:11px}.hero-main{display:block;padding-block:30px 34px;min-height:0}.hero-copy h1{font-size:clamp(53px,12.5vw,74px);letter-spacing:-1.5px}.hero-copy h1 em{padding:0 5px}.title-line:last-child{margin-top:8px}.hero-aside{display:grid;grid-template-columns:1fr 52px;max-width:none;gap:20px;margin-top:34px;padding-bottom:0}.hero-asterisk{grid-column:2;grid-row:1;align-self:center;font-size:60px;margin:0}.hero-aside>p{grid-column:1;grid-row:1;font-size:16px;line-height:1.85}.hero-action{grid-column:1/3;font-size:14px;margin-top:0;padding-block:10px}.hero-foot{font-size:11px}.hero-location{display:none}.hero-foot>a{gap:8px}.work-section{padding-top:62px}.work-title-line h2{font-size:91px;letter-spacing:-3px}.work-title-line h2 span{font-size:12px}.project-featured .project-visual{height:430px}.logo-riyadh{width:195px;margin-bottom:9px}.project-pair{gap:28px}.project-pair .project-visual{height:420px}.logo-f1{width:230px}.logo-soundstorm{width:290px;max-width:85%;margin-bottom:68px}.more-work{margin-top:60px}.more-work-heading{margin-bottom:28px}.more-work-heading h3{font-size:29px}.more-work-heading p{font-size:14px;margin-top:12px}.client-grid{gap:26px 16px}.client-logo-area{height:170px}.client-caption{padding-top:12px}.client-caption h4{font-size:16px}.client-caption>span{font-size:11px;margin-top:4px}.client-logo-area>img{width:72%;max-height:87px}.client-arrow{font-size:20px;left:12px;top:9px;opacity:1;transform:none}.saleh-lockup{width:80%;gap:5px}.saleh-lockup img:first-child{width:29px;height:34px}.saleh-lockup img:last-child{width:87px}.seize-area>img{max-height:92px;width:80%}.tamar-area>img{max-height:86px;width:78%}.hima-lockup{width:85%;gap:6px}.hima-lockup img:first-child{width:31px;height:32px}.hima-lockup img:last-child{width:85px}.hasila-text>span:first-child{font-size:34px}.about-side>.english-label{display:block;font-size:9px;letter-spacing:1px}.about-content h2{font-size:40px}.why-section{gap:32px}.why-intro>.eyebrow{margin-bottom:22px}.why-intro h2{font-size:37px}.why-copy>.why-statement{font-size:23px;line-height:1.85;margin-bottom:20px}.why-copy>.why-statement br{display:none}.why-copy>p{font-size:16px;line-height:2}.why-reasons{margin-top:28px}.why-reasons article{gap:7px 12px;padding-block:24px}.why-reasons h3{font-size:20px}.why-reasons p{font-size:15px}.process-grid{grid-template-columns:1fr 1fr;gap:30px 24px}.step-number{font-size:51px;margin-bottom:20px}.process-step{padding-top:22px}.process-step h3{font-size:20px}.process-step p{font-size:15px}.service-symbol{display:none}.service-top{margin-bottom:20px}.service-top>span{font-size:13px}.contact-main h2{font-size:clamp(78px,20vw,104px)}}
@media(max-width:370px){.hero-copy h1{font-size:49px}.hero-aside>p{font-size:15px}.header-contact{font-size:11px}.client-logo-area{height:145px}.saleh-lockup{gap:3px}.saleh-lockup img:first-child{width:24px;height:28px}.saleh-lockup img:last-child{width:76px}.hima-lockup img:first-child{width:25px;height:27px}.hima-lockup img:last-child{width:75px}.client-caption h4{font-size:14px}.process-grid{grid-template-columns:1fr}.why-intro h2{font-size:33px}}
/* Legible metadata across screen sizes. */
.english-label,.service-label,.footer-bottom [lang=en],.hero-location,.section-rule .english-label,.project-logo-lockup>span{font-size:12px;letter-spacing:1px}.eyebrow,.hero .eyebrow,.hero-top .eyebrow,.contact-top .eyebrow{font-size:14px}.project-caption>p,.project-pair .project-caption>p,.client-caption>span{font-size:13px}.project-chip{font-size:13px}.hero-foot,.footer-bottom,.about-note,.about-note [lang=en]{font-size:12px}.hasila-area{background:#eef2f5}.hasila-area>img{width:60%;max-height:100px}.contact-top .english-label{font-size:12px}.about-side>.english-label{font-size:12px}.site-footer .brand{min-width:0}.client-caption h4{line-height:1.8}
@media(max-width:600px){.hero-top .eyebrow{font-size:12px}.hero-foot{font-size:12px}.hero-foot>a{gap:8px}.section-rule{flex-wrap:wrap;font-size:12px;gap:8px}.section-rule .english-label{font-size:12px;letter-spacing:.7px}.client-caption>span{font-size:12px}.project-caption>p{font-size:12px}.project-chip{font-size:12px}.footer-bottom{flex-wrap:wrap;font-size:12px}.footer-bottom [lang=en]{font-size:12px;letter-spacing:.7px}.contact-top{flex-wrap:wrap}.contact-top .eyebrow,.contact-top .english-label{font-size:12px}.about-side>.english-label{font-size:12px}.about-note{flex-wrap:wrap;gap:8px}.hasila-area>img{width:72%;max-height:85px}.site-header nav{font-size:14px}}

/* Saudi technology signature. */
.saudi-quality{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-block:30px;border-top:1px solid var(--border)}
.quality-statement{font-size:clamp(23px,2.7vw,37px);line-height:1.6;font-weight:500;letter-spacing:-.4px}
.quality-company{display:flex;align-items:center;gap:12px;font-size:16px;flex-shrink:0}
.quality-company img{width:44px;height:40px;object-fit:contain}
@media(max-width:600px){.saudi-quality{flex-direction:column;align-items:flex-start;gap:20px;padding-block:26px}.quality-statement{font-size:25px;letter-spacing:0}.quality-company{font-size:14px}.quality-company img{width:35px;height:32px}}

.client-logo-area.seize-area{background:#122b44;color:#fff}.client-logo-area.seize-area>img{width:76%;max-height:130px;opacity:1;filter:none}
@media(max-width:600px){.client-logo-area.seize-area>img{width:83%;max-height:100px}}

/* Footer partner marks. */
.saudi-quality{gap:40px;padding-block:38px}
.quality-company.powered-by{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.powered-logo{display:flex;align-items:center;justify-content:center;gap:15px;width:260px;max-width:100%}
.powered-logo .powered-symbol{width:62px;height:58px;object-fit:contain}
.powered-logo .powered-wordmark{width:180px;height:auto;object-fit:contain}
.powered-caption{font-family:var(--font);font-size:17px;font-weight:500;color:#595d76;line-height:1.5}
@media(max-width:600px){.saudi-quality{align-items:center;gap:32px;padding-block:32px}.powered-logo{width:240px;gap:13px}.powered-logo .powered-symbol{width:56px;height:52px}.powered-logo .powered-wordmark{width:165px;height:auto}.powered-caption{font-size:16px}}

.saudi-tech-badge{width:300px;max-width:100%;padding:18px 24px;border-radius:12px;background:#171738;flex-shrink:0}
.saudi-tech-badge img{width:100%;height:auto;display:block}
.quality-company .powered-logo-exact{width:280px;max-width:100%;height:auto;object-fit:contain}
.quality-company.powered-by{gap:18px}
@media(max-width:600px){.saudi-tech-badge{width:280px;padding:17px 22px}.quality-company .powered-logo-exact{width:260px;height:auto}.saudi-quality{gap:36px}}

.site-footer{padding-top:0}.saudi-quality{border-top:0}

/* Compact, balanced footer branding. */
.saudi-quality{justify-content:center;gap:64px;padding-block:28px}
.saudi-quality .saudi-tech-badge{width:210px;padding:12px 16px;border-radius:9px}
.quality-company.powered-by .powered-logo-exact{width:200px;height:auto}
.quality-company.powered-by{gap:12px}
.quality-company .powered-caption{font-size:14px}
@media(max-width:600px){.saudi-quality{gap:25px;padding-block:26px}.saudi-quality .saudi-tech-badge{width:200px}.quality-company.powered-by .powered-logo-exact{width:190px}.quality-company .powered-caption{font-size:13px}}

/* Vector arrows render consistently without platform emoji fonts. */
.icon-arrow{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.125em;overflow:visible}
.hero-asterisk>.icon-arrow{display:block}
.hero-asterisk>.icon-arrow,.contact-circle>.icon-arrow{stroke-width:1}
.project-cursor{grid-auto-flow:column;grid-template-columns:auto auto;justify-content:center;gap:6px}

/* Direct contact options, stacked below the email address. */
.contact-links{display:flex;flex-direction:column;gap:16px;max-width:100%}
.whatsapp-link{display:flex;align-items:center;gap:14px;padding-bottom:6px;border-bottom:1px solid #17191788;font-family:Arial,sans-serif;font-size:clamp(20px,2vw,28px);line-height:1.6}
.whatsapp-label{margin-left:auto;font-family:var(--font);font-size:13px}
.whatsapp-number{white-space:nowrap}
.whatsapp-link:hover .icon-arrow{transform:translate(2px,-2px)}
@media(prefers-reduced-motion:no-preference){.whatsapp-link .icon-arrow{transition:transform .2s}}

/* Layl Real Estate uses its original green-and-gold brand mark. */
.client-logo-area.layl-area{background:#f2efe7;color:#002d26}
.client-logo-area.layl-area>img{width:68%;max-width:240px;max-height:108px}
@media(max-width:600px){.client-logo-area.layl-area>img{width:78%;max-height:90px}}

/* Neutral Hima logo treatment for the editorial portfolio palette. */
.site-header .brand-symbol,.site-header .brand-word,.quality-company.powered-by .powered-logo-exact{filter:grayscale(1)}
.quality-company .powered-caption{color:#626665}