*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4efe3;color:#171713;font-family:"DM Sans",sans-serif}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:99;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}header{height:80px;border-bottom:1.5px solid #171713;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#f4efe3ee;backdrop-filter:blur(10px);z-index:20}.logo,.footerlogo{font:700 30px "Playfair Display";letter-spacing:-2px}.logo b,.footerlogo b{color:#f26b4f}.logo span,.footerlogo span{color:#f26b4f;font-family:"DM Sans"}.nav{}nav{display:flex;gap:28px;font:11px "DM Mono";text-transform:uppercase}nav a:hover{text-decoration:underline}.pill,.contactbtn{border:1.5px solid #171713;border-radius:999px;padding:11px 17px;font-weight:700}.hero{min-height:calc(100vh - 80px);padding:8vw 6vw 4vw;position:relative;overflow:hidden;border-bottom:1.5px solid #171713}.hero:before{content:"";position:absolute;width:45vw;height:45vw;background:#d7ed6b;border-radius:50%;right:-12vw;top:8vw;z-index:-1}.hero:after{content:"";position:absolute;width:22vw;height:22vw;border:3px solid #f26b4f;border-radius:50%;right:8vw;bottom:6vw;transform:rotate(13deg);z-index:-1}.kicker,label{font:11px "DM Mono";letter-spacing:.1em}.hero h1{font-size:clamp(70px,11vw,175px);line-height:.84;letter-spacing:-.08em;margin:35px 0}.hero h1 em,h2 em,h3 em,h4 em{font-family:"Playfair Display";font-weight:700}.hero>p{font-size:clamp(18px,2vw,28px);max-width:670px;line-height:1.25}.tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.tags span{border:1px solid #171713;border-radius:99px;padding:8px 13px;font:11px "DM Mono"}.herofoot{position:absolute;right:7vw;bottom:5vw;width:125px;height:125px;border-radius:50%;background:#f26b4f;box-shadow:5px 6px #171713;display:flex;align-items:center;justify-content:center;text-align:center;font:11px "DM Mono";transform:rotate(8deg)}.herofoot strong{font-size:15px}.scribble{position:absolute;right:32%;top:18%;font-size:60px;color:#f26b4f}.section{padding:115px 6vw;border-bottom:1.5px solid #171713}.split{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;margin-top:60px}.split h2,.section h2,.coralsection h2{font-size:clamp(55px,7vw,110px);line-height:.9;letter-spacing:-.075em;margin:0}.split>div,.split>p{font-size:18px;line-height:1.55}.grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1.5px solid #171713;border-left:1.5px solid #171713;margin-top:75px}.grid article{padding:34px;border-right:1.5px solid #171713;border-bottom:1.5px solid #171713;min-height:190px}.grid small,.grid b{font:11px "DM Mono";display:block}.grid article b{margin-top:55px;font:700 27px "DM Sans";line-height:1.05}.coral{background:#f26b4f}.dark{background:#171713;color:#f4efe3;padding:120px 6vw;text-align:center;overflow:hidden}.dark p{font:13px "DM Mono"}.dark>div{max-width:1100px;margin:45px auto 0;display:flex;justify-content:center;gap:25px;flex-wrap:wrap;font-size:clamp(55px,8vw,125px);font-weight:700;letter-spacing:-.07em;line-height:.9}.dark span:nth-child(2){color:#d7ed6b}.dark span:nth-child(3){font-family:"Playfair Display";font-style:italic;color:#91c7c8}.dark em{color:#f26b4f;border:3px solid #f26b4f;border-radius:50%;padding:0 20px;transform:rotate(-5deg);font-style:normal}.compare{margin-top:80px;border-top:1.5px solid #171713}.compare>div,.compare p{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;padding:22px 0;border-bottom:1.5px solid #171713;margin:0}.compare>div{font:10px "DM Mono";color:#68675e}.compare p{font-size:18px}.compare b{color:#f26b4f}.yellow{padding:115px 12vw;background:#f3c94e;border-bottom:1.5px solid #171713;position:relative}.yellow h2{font-size:clamp(70px,11vw,170px);line-height:.82;letter-spacing:-.08em;margin:55px 0}.yellow>p{max-width:650px;font-size:19px;line-height:1.5}.yellow h3{font-size:clamp(32px,4vw,60px);line-height:1;margin-top:70px}.yellow mark{position:absolute;right:8vw;top:90px;border:3px solid #171713;border-radius:50%;background:transparent;padding:35px 20px;font:12px "DM Mono";text-align:center;transform:rotate(12deg)}.ideas h4{text-align:center;font-size:clamp(30px,5vw,70px);line-height:.95;letter-spacing:-.06em;margin:100px 0 0}.darkcard{background:#171713;color:#f4efe3}.cream{background:#fbf8f0}.intro{font-size:19px;line-height:1.5;max-width:650px;margin:45px 0 70px}.three{grid-template-columns:repeat(3,1fr);border:1px solid #171713}.three article{min-height:280px}.three h3{margin-top:60px;font-size:28px}.three p{line-height:1.5}.all{text-align:center;font:clamp(30px,4vw,60px) "DM Mono";line-height:1.15;margin-top:80px}.all strong{font-family:"Playfair Display";font-size:1.35em}.blue{min-height:750px;background:#91c7c8;border-bottom:1.5px solid #171713;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}.blue h2{font-size:clamp(55px,8vw,110px);line-height:.9;letter-spacing:-.07em;margin:25px 0}.blue h2 em{font-family:"Playfair Display"}.blue p{font:12px "DM Mono";line-height:1.7}.orbit{position:absolute;border:2px solid #171713;border-radius:50%;display:flex;align-items:center;justify-content:center;font:11px "DM Mono";font-weight:700}.one{width:500px;height:500px;transform:rotate(15deg)}.two{width:760px;height:330px;transform:rotate(-12deg)}.services{grid-template-columns:repeat(3,1fr)}.services article{min-height:250px}.services h3{font-size:25px;margin-top:50px}.services p{color:#68675e;line-height:1.45}.coralsection{padding:115px 6vw;background:#f26b4f;border-bottom:1.5px solid #171713}.coralsection h2{margin:55px 0 80px}.values{border-top:1.5px solid #171713}.values p{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;border-bottom:1.5px solid #171713;padding:28px 0;margin:0}.values b{font-size:23px}.values span{font-size:17px;line-height:1.45}.lime{background:#d7ed6b}.lime>p{font-size:20px;max-width:620px}.words{display:flex;gap:12px;flex-wrap:wrap;margin-top:65px}.words span{font-size:clamp(28px,4vw,60px);font-weight:700;border:2px solid #171713;border-radius:999px;padding:8px 20px}.words span:nth-child(2){font-family:"Playfair Display";font-style:italic}.words span:nth-child(4){background:#f26b4f;transform:rotate(-3deg)}.words span:nth-child(5){background:#f4efe3;transform:rotate(4deg)}.contact{padding:140px 6vw;background:#171713;color:#f4efe3}.contact h2{font-size:clamp(65px,9vw,145px);line-height:.85;letter-spacing:-.075em;margin:65px 0 45px}.contact p{font-size:20px;line-height:1.5}.contactbtn{display:inline-block;background:#d7ed6b;margin-top:35px}.contactbtn:hover{background:#f26b4f}.footerlogo{font-size:45px}.footerlogo span{font-size:18px}.footerlogo+p{font:12px "DM Mono"}.footerlogo~small{display:block;border-top:1px solid #171713;margin-top:50px;padding-top:20px;font:10px "DM Mono"}footer{padding:55px 6vw 30px}
@media(max-width:900px){header{padding:0 5vw}.hero{padding:12vw 6vw 8vw}.split{grid-template-columns:1fr;gap:35px}.grid{grid-template-columns:1fr}.three{grid-template-columns:1fr}.services{grid-template-columns:1fr}.values p{grid-template-columns:1fr;gap:12px}.yellow{padding:90px 8vw}.yellow mark{position:relative;right:auto;top:auto;display:block;width:max-content;margin:45px 0 0 auto}.blue{min-height:650px}.one{width:360px;height:360px}.two{width:560px;height:250px}}
@media(max-width:600px){header{height:68px}.logo{font-size:26px}.pill{font-size:11px;padding:9px 13px}.hero{min-height:calc(100svh - 68px);padding:12vh 6vw 9vw}.hero h1{font-size:15.5vw;line-height:.87}.hero>p{font-size:18px}.tags span{font-size:9px;padding:7px 10px}.scribble{right:10%;top:9%;font-size:38px}.herofoot{width:88px;height:88px;right:7vw;bottom:7vw;font-size:8px}.section{padding:72px 6vw}.section h2,.split h2,.coralsection h2{font-size:13vw}.split{margin-top:35px}.split>div,.split>p{font-size:16px}.grid{margin-top:50px}.grid article{padding:26px;min-height:155px}.grid article b{margin-top:42px;font-size:23px}.dark{padding:78px 6vw}.dark>div{font-size:13vw}.yellow{padding:75px 7vw}.yellow h2{font-size:16vw;margin:42px 0}.yellow>p{font-size:17px}.yellow h3{font-size:36px;margin-top:55px}.yellow mark{font-size:9px;padding:25px 15px;margin-top:35px}.ideas h4{font-size:8vw;margin-top:75px}.intro{font-size:17px;margin:35px 0 50px}.three article{min-height:205px}.three h3{font-size:25px;margin-top:40px}.all{font-size:6vw;margin-top:60px}.blue{min-height:590px;padding:60px 6vw}.blue h2{font-size:12vw}.one{width:290px;height:290px}.two{width:440px;height:200px}.blue p{font-size:9px}.services article{min-height:190px}.services h3{font-size:23px;margin-top:40px}.coralsection{padding:75px 6vw}.coralsection h2{margin:42px 0 60px}.values b{font-size:20px}.values span{font-size:15px}.words{gap:8px;margin-top:45px}.words span{font-size:25px;padding:7px 15px}.contact{padding:85px 6vw}.contact h2{font-size:13vw;margin:50px 0 35px}.contact p{font-size:17px}.contactbtn{font-size:13px;padding:13px 17px}footer{padding:45px 6vw 25px}.footerlogo{font-size:38px}.footerlogo~small{line-height:1.5}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Our Works & Impact */
.works-preview{padding:110px 6vw;background:#fbf8f0;border-bottom:1.5px solid #171713}.works-preview-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center;margin-top:55px}.works-preview h2{font-size:clamp(55px,7vw,105px);line-height:.9;letter-spacing:-.075em;margin:0}.works-preview p{font-size:18px;line-height:1.5;max-width:600px;margin:35px 0}.previewbtn{display:inline-block;background:#d7ed6b}.impact-art{height:390px;border:1.5px solid #171713;position:relative;overflow:hidden;background:#91c7c8;display:flex;align-items:center;justify-content:center}.impact-art:before,.impact-art:after{content:"";position:absolute;border:2px solid #171713;border-radius:50%}.impact-art:before{width:300px;height:300px;transform:rotate(12deg)}.impact-art:after{width:430px;height:170px;transform:rotate(-18deg)}.impact-art span{position:absolute;font:11px "DM Mono";background:#f4efe3;padding:8px 10px;z-index:2}.impact-art span:nth-child(1){top:25%;left:20%;transform:rotate(-5deg)}.impact-art span:nth-child(2){bottom:25%;right:15%;background:#f26b4f;transform:rotate(4deg)}.impact-art span:nth-child(3){top:48%;left:38%;background:#d7ed6b}.works-hero{padding:120px 6vw 100px;border-bottom:1.5px solid #171713}.works-hero h1{font-size:clamp(65px,10vw,150px);line-height:.85;letter-spacing:-.08em;margin:55px 0 40px}.works-hero p{font-size:20px;line-height:1.5;max-width:700px}.works-grid-section{padding:100px 6vw;background:#f4efe3;border-bottom:1.5px solid #171713}.works-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1.5px solid #171713;border-left:1.5px solid #171713}.works-grid article{padding:40px;min-height:390px;border-right:1.5px solid #171713;border-bottom:1.5px solid #171713;display:flex;flex-direction:column;justify-content:space-between}.works-grid article:nth-child(2){background:#d7ed6b}.works-grid article:nth-child(3){background:#91c7c8}.works-grid .work-coral{background:#f26b4f}.works-grid small{font:11px "DM Mono"}.works-grid h2{font-size:clamp(42px,5vw,75px);line-height:.9;letter-spacing:-.06em;margin:55px 0 20px}.works-grid p{font-size:17px;line-height:1.5;max-width:520px}.works-grid span{font:9px "DM Mono";border-top:1px solid #171713;padding-top:14px;margin-top:30px}.impact-section{padding:115px 6vw;background:#171713;color:#f4efe3;border-bottom:1.5px solid #171713}.impact-copy{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;margin-top:60px}.impact-copy h2{font-size:clamp(55px,7vw,105px);line-height:.9;letter-spacing:-.075em;margin:0}.impact-copy p{font-size:18px;line-height:1.55;margin:0}.case-line{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #f4efe3;border-bottom:1px solid #f4efe3;padding:25px 0;margin-top:90px;font:10px "DM Mono"}.case-line b{color:#f26b4f;font-size:18px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px}.metrics div{padding:25px;border-right:1px solid #f4efe3}.metrics div:last-child{border-right:0}.metrics strong{display:block;font:700 55px "DM Sans"}.metrics small{font:10px "DM Mono"}.works-cta{padding:120px 6vw;background:#d7ed6b;border-bottom:1.5px solid #171713}.works-cta h2{font-size:clamp(65px,9vw,140px);line-height:.85;letter-spacing:-.075em;margin:55px 0}.works-cta .contactbtn{background:#f4efe3}.works-cta .contactbtn:hover{background:#f26b4f}
@media(max-width:900px){.works-preview-inner{grid-template-columns:1fr;gap:45px}.impact-art{height:340px}.works-hero{padding:90px 6vw 75px}.works-grid{grid-template-columns:1fr}.impact-copy{grid-template-columns:1fr;gap:35px}.case-line{flex-wrap:wrap;justify-content:flex-start}.metrics{grid-template-columns:1fr}.metrics div{border-right:0;border-bottom:1px solid #f4efe3}.metrics div:last-child{border-bottom:0}}
@media(max-width:600px){.works-preview{padding:72px 6vw}.works-preview-inner{margin-top:40px}.works-preview h2{font-size:13vw}.works-preview p{font-size:16px}.impact-art{height:300px}.impact-art:before{width:220px;height:220px}.impact-art:after{width:330px;height:130px}.works-hero{padding:75px 6vw 65px}.works-hero h1{font-size:14vw;margin:40px 0 30px}.works-hero p{font-size:17px}.works-grid-section{padding:70px 6vw}.works-grid article{padding:28px;min-height:330px}.works-grid h2{font-size:11vw;margin:45px 0 20px}.works-grid p{font-size:15px}.impact-section{padding:75px 6vw}.impact-copy{margin-top:40px}.impact-copy h2{font-size:13vw}.impact-copy p{font-size:16px}.case-line{gap:10px;line-height:1.8;margin-top:60px}.case-line b{font-size:14px}.metrics{margin-top:45px}.metrics strong{font-size:45px}.works-cta{padding:80px 6vw}.works-cta h2{font-size:13vw;margin:45px 0 35px}}


/* WordPress adaptation */
.footer-home-link{color:inherit;text-decoration:none}
.footer-home-link:hover{color:inherit}
/* =========================================================
   Niyyah IT Solutions
   ========================================================= */
.it-hero{min-height:calc(100svh - 82px);padding:10vw 6vw 8vw;background:#f4efe3;border-bottom:1.5px solid #171713;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.it-hero label,.it-section label,.it-cta label{font:11px "DM Mono",monospace;letter-spacing:.16em}.it-hero h1{font-size:clamp(70px,11vw,170px);line-height:.84;letter-spacing:-.08em;max-width:1000px;margin:45px 0 50px}.it-hero h1 em,.it-section h2 em,.it-cta h2 em{font-family:"Playfair Display",serif;font-weight:600}.it-hero-copy{max-width:650px;font-size:20px;line-height:1.5}.it-hero-orbit{position:absolute;width:390px;height:390px;right:9vw;top:22%;border:2px solid #171713;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:rotate(12deg)}.it-hero-orbit:before{content:"";width:250px;height:250px;border:2px solid #171713;border-radius:50%;position:absolute}.it-hero-orbit span{font:11px "DM Mono";background:#d7ed6b;padding:10px 13px;transform:rotate(-12deg);z-index:2}.it-section{padding:115px 6vw;background:#f4efe3;border-bottom:1.5px solid #171713}.it-section.dark{background:#171713;color:#f4efe3}.it-section.blue{background:#91c7c8;color:#171713}.it-section.yellow{background:#f3c94e;color:#171713}.it-section h2{font-size:clamp(58px,8vw,120px);line-height:.88;letter-spacing:-.075em;margin:50px 0 70px;max-width:1000px}.it-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.it-intro-grid p{font-size:19px;line-height:1.55;max-width:620px}.it-services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1.5px solid currentColor;border-left:1.5px solid currentColor;margin-top:70px}.it-services article{padding:35px;min-height:290px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor}.it-services small{font:10px "DM Mono"}.it-services h3{font-size:30px;line-height:1;margin:65px 0 20px;letter-spacing:-.04em}.it-services p{font-size:16px;line-height:1.5;max-width:420px}.it-process{display:grid;grid-template-columns:repeat(4,1fr);border-top:1.5px solid currentColor;margin-top:70px}.it-process article{padding:30px 28px 10px 0;margin-right:28px;border-right:1.5px solid currentColor;min-height:230px}.it-process article:last-child{border-right:0}.it-process small{font:10px "DM Mono"}.it-process h3{font-size:27px;margin:60px 0 18px}.it-process p{line-height:1.5}.it-principles{display:grid;grid-template-columns:repeat(2,1fr);border-top:1.5px solid currentColor;margin-top:70px}.it-principles article{padding:28px 40px 30px 0;border-bottom:1.5px solid currentColor}.it-principles article:nth-child(odd){border-right:1.5px solid currentColor;padding-right:40px}.it-principles article:nth-child(even){padding-left:40px}.it-principles h3{font-size:27px;margin:0 0 15px}.it-principles p{line-height:1.5;margin:0}.it-cta{padding:125px 6vw;background:#d7ed6b;border-bottom:1.5px solid #171713}.it-cta h2{font-size:clamp(65px,9vw,145px);line-height:.85;letter-spacing:-.075em;margin:55px 0 45px;max-width:1100px}.it-cta p{font-size:20px;line-height:1.5;max-width:650px}@media(max-width:900px){.it-hero{min-height:auto;padding:100px 6vw 90px}.it-hero-orbit{position:relative;right:auto;top:auto;width:300px;height:300px;margin:70px 0 0 auto}.it-hero-orbit:before{width:190px;height:190px}.it-intro-grid,.it-services,.it-process{grid-template-columns:1fr}.it-services article{min-height:220px}.it-process article{border-right:0;border-bottom:1.5px solid currentColor;margin-right:0;min-height:auto;padding:28px 0}.it-process article:last-child{border-bottom:0}.it-principles{grid-template-columns:1fr}.it-principles article:nth-child(odd){border-right:0;padding-right:0}.it-principles article:nth-child(even){padding-left:0}}@media(max-width:600px){.it-hero{padding:80px 6vw 70px}.it-hero h1{font-size:14vw;margin:40px 0 35px}.it-hero-copy,.it-intro-grid p,.it-cta p{font-size:17px}.it-hero-orbit{width:240px;height:240px;margin-top:55px}.it-hero-orbit:before{width:155px;height:155px}.it-section{padding:75px 6vw}.it-section h2{font-size:13vw;margin:42px 0 55px}.it-services{margin-top:50px}.it-services article{padding:28px;min-height:210px}.it-services h3{font-size:25px;margin-top:45px}.it-process{margin-top:50px}.it-process h3{font-size:24px;margin:38px 0 15px}.it-principles{margin-top:50px}.it-principles h3{font-size:23px}.it-cta{padding:85px 6vw}.it-cta h2{font-size:13vw;margin:45px 0 35px}} /* =========================================
   NIYYAH TYPOGRAPHY REFINEMENT
   Natural letter spacing
   ========================================= */

.niyyah-site h1,
.niyyah-site h2,
.niyyah-site h3,
.niyyah-site h4,
.niyyah-site p,
.niyyah-site a {
    letter-spacing: normal;
}

/* Large editorial headlines */
.ny-hero h1,
.ny-hero-title,
.ny-section-title,
.ny-heading,
.ny-display {
    letter-spacing: -0.025em;
    word-spacing: normal;
}

/* Keep normal spacing for body copy */
.ny-hero p,
.ny-section p,
.ny-body,
.ny-copy {
    letter-spacing: normal;
}

/* Small labels can remain slightly spaced */
.ny-eyebrow,
.ny-label,
.ny-kicker {
    letter-spacing: 0.14em;
}
/* =========================================
   NIYYAH IT SOLUTIONS
   Shared brand: warm paper, ink and coffee
   ========================================= */

.ny-it-page {
    --it-paper: #F4EFE3;
    --it-ink: #171713;
    --it-accent: #C6B383;
    --it-white: #FFFDF7;
    --it-line: rgba(23, 23, 19, 0.22);

    background: var(--it-paper);
    color: var(--it-ink);
    overflow: hidden;
}

.ny-it-page * {
    box-sizing: border-box;
}

.ny-it-page h1,
.ny-it-page h2,
.ny-it-page h3,
.ny-it-page p {
    margin-top: 0;
}

.ny-it-page h1,
.ny-it-page h2,
.ny-it-page h3 {
    color: var(--it-ink);
    letter-spacing: -0.045em;
}

.ny-it-page p {
    line-height: 1.7;
    letter-spacing: 0;
}

.ny-it-page label,
.ny-it-page small,
.ny-it-page .it-principles span {
    display: block;
    font-family: "DM Mono", monospace;
    font-size: 11px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.08em;
}

.ny-it-page em {
    font-family: "Playfair Display", Georgia, serif;
    font-weight: 400;
}

.ny-it-page .it-hero,
.ny-it-page .it-section,
.ny-it-page .it-cta {
    padding-left: var(--side-padding, 6vw);
    padding-right: var(--side-padding, 6vw);
}

.ny-it-page .it-hero {
    min-height: 650px;
    padding-top: 100px;
    padding-bottom: 100px;
    display: grid;
    grid-template-columns: minmax(0, 1.3fr) minmax(250px, 0.7fr);
    align-items: center;
    gap: 5vw;
    position: relative;
}

.ny-it-page .it-hero h1 {
    max-width: 900px;
    margin: 30px 0;
    font-size: clamp(54px, 7.5vw, 108px);
    font-weight: 600;
    line-height: 0.99;
}

.ny-it-page .it-hero h1 em {
    color: #8F7650;
}

.ny-it-page .it-hero-copy {
    max-width: 650px;
    font-size: clamp(17px, 1.5vw, 21px);
}

.ny-it-page .it-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    padding: 15px 23px;
    border: 1px solid var(--it-ink);
    border-radius: 999px;
    background: var(--it-accent);
    color: var(--it-ink);
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: transform 180ms ease, background 180ms ease;
}

.ny-it-page .it-button:hover {
    background: #D5C6A2;
    color: var(--it-ink);
    transform: translateY(-2px);
}

.ny-it-page .it-hero-orbit {
    position: relative;
    width: min(30vw, 390px);
    aspect-ratio: 1;
    margin: auto;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: var(--it-accent);
}

.ny-it-page .it-orbit-ring {
    position: absolute;
    inset: 12%;
    border: 1px solid var(--it-ink);
    border-radius: 50%;
}

.ny-it-page .it-hero-orbit span {
    z-index: 1;
    text-align: center;
    font-family: "DM Mono", monospace;
    font-size: 12px;
    line-height: 2;
    letter-spacing: 0.15em;
}

.ny-it-page .it-hero-orbit i {
    position: absolute;
    top: 8%;
    right: 10%;
    font-size: 38px;
    font-style: normal;
}

.ny-it-page .it-section {
    padding-top: 115px;
    padding-bottom: 115px;
}

.ny-it-page .it-problem {
    border-top: 1px solid var(--it-line);
}

.ny-it-page .it-problem-grid {
    display: grid;
    grid-template-columns: 1fr 0.85fr;
    gap: 10%;
    margin-top: 45px;
}

.ny-it-page h2 {
    font-size: clamp(42px, 5.5vw, 76px);
    font-weight: 500;
    line-height: 1.04;
}

.ny-it-page .it-intro-copy {
    max-width: 600px;
    font-size: 18px;
}

.ny-it-page .it-highlight {
    padding: 22px 0;
    border-top: 1px solid var(--it-line);
    border-bottom: 1px solid var(--it-line);
}

.ny-it-page .it-build {
    background: var(--it-ink);
    color: var(--it-white);
}

.ny-it-page .it-build h2,
.ny-it-page .it-build p {
    color: var(--it-white);
}

.ny-it-page .it-build h2 em {
    color: var(--it-accent);
}

.ny-it-page .it-section-intro {
    max-width: 520px;
    margin: 25px 0 55px;
}

.ny-it-page .it-services {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid rgba(255,255,255,0.3);
    border-left: 1px solid rgba(255,255,255,0.3);
}

.ny-it-page .it-services article {
    position: relative;
    min-height: 265px;
    padding: 30px;
    border-right: 1px solid rgba(255,255,255,0.3);
    border-bottom: 1px solid rgba(255,255,255,0.3);
    transition: background 180ms ease;
}

.ny-it-page .it-services article:hover {
    background: rgba(198,179,131,0.1);
}

.ny-it-page .it-services small {
    color: var(--it-accent);
}

.ny-it-page .it-services h3 {
    margin: 45px 0 15px;
    color: var(--it-white);
    font-size: clamp(24px, 2.4vw, 34px);
    line-height: 1.1;
}

.ny-it-page .it-services p {
    max-width: 330px;
    color: rgba(255,253,247,0.8);
    font-size: 15px;
}

.ny-it-page .it-card-mark {
    position: absolute;
    top: 25px;
    right: 25px;
    color: var(--it-accent);
}

.ny-it-page .it-approach {
    background: #E8DFCD;
}

.ny-it-page .it-approach h2 {
    margin: 35px 0 65px;
}

.ny-it-page .it-approach h2 em {
    color: #8F7650;
}

.ny-it-page .it-process {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid var(--it-line);
}

.ny-it-page .it-process article {
    padding: 28px 24px 0 0;
}

.ny-it-page .it-process small {
    color: #8F7650;
}

.ny-it-page .it-process h3 {
    margin: 42px 0 12px;
    font-size: 27px;
}

.ny-it-page .it-process p {
    max-width: 240px;
    font-size: 15px;
}

.ny-it-page .it-principles-section h2 {
    margin: 35px 0 65px;
}

.ny-it-page .it-principles-section h2 em {
    color: #8F7650;
}

.ny-it-page .it-principles {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid var(--it-line);
    border-left: 1px solid var(--it-line);
}

.ny-it-page .it-principles article {
    min-height: 210px;
    padding: 26px;
    border-right: 1px solid var(--it-line);
    border-bottom: 1px solid var(--it-line);
}

.ny-it-page .it-principles span {
    color: #8F7650;
}

.ny-it-page .it-principles h3 {
    margin: 28px 0 12px;
    font-size: 24px;
    line-height: 1.2;
}

.ny-it-page .it-principles p {
    font-size: 15px;
}

.ny-it-page .it-cta {
    margin: 0 var(--side-padding, 6vw) 80px;
    padding-top: 65px;
    padding-bottom: 65px;
    padding-left: 55px;
    padding-right: 55px;
    display: grid;
    grid-template-columns: 1fr 0.7fr;
    gap: 50px;
    align-items: center;
    background: #E8DFCD;
}

.ny-it-page .it-cta h2 {
    margin: 25px 0;
    font-size: clamp(42px, 5vw, 68px);
}

.ny-it-page .it-cta h2 em {
    color: #8F7650;
}

.ny-it-page .it-cta p {
    max-width: 500px;
}

.ny-it-page .it-cta-decoration {
    min-height: 220px;
    padding: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--it-accent);
}

.ny-it-page .it-cta-decoration span {
    font-family: "DM Mono", monospace;
    font-size: clamp(14px, 1.5vw, 20px);
    line-height: 1.8;
    letter-spacing: 0.04em;
}

.ny-it-page .it-cta-decoration i {
    font-size: 42px;
    font-style: normal;
}


/* Responsive layout */
@media (max-width: 900px) {
    .ny-it-page .it-hero {
        grid-template-columns: 1fr;
        gap: 45px;
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .ny-it-page .it-hero-orbit {
        width: min(65vw, 320px);
    }

    .ny-it-page .it-problem-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .ny-it-page .it-services,
    .ny-it-page .it-principles {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ny-it-page .it-process {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 35px;
    }

    .ny-it-page .it-cta {
        grid-template-columns: 1fr;
        margin-left: 24px;
        margin-right: 24px;
        padding: 35px;
    }
}

@media (max-width: 600px) {
    .ny-it-page .it-hero,
    .ny-it-page .it-section {
        padding-left: 24px;
        padding-right: 24px;
    }

    .ny-it-page .it-hero {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .ny-it-page .it-hero h1 {
        font-size: clamp(45px, 12vw, 66px);
        line-height: 1.02;
    }

    .ny-it-page .it-section {
        padding-top: 75px;
        padding-bottom: 75px;
    }

    .ny-it-page h2 {
        font-size: clamp(38px, 10vw, 52px);
    }

    .ny-it-page .it-services,
    .ny-it-page .it-principles,
    .ny-it-page .it-process {
        grid-template-columns: 1fr;
    }

    .ny-it-page .it-services article {
        min-height: auto;
        padding: 25px;
    }

    .ny-it-page .it-services h3 {
        margin-top: 35px;
    }

    .ny-it-page .it-process article {
        padding: 24px 0 0;
    }

    .ny-it-page .it-process h3 {
        margin-top: 22px;
    }

    .ny-it-page .it-principles article {
        min-height: auto;
    }

    .ny-it-page .it-cta {
        margin: 0 16px 40px;
        padding: 28px 22px;
    }

    .ny-it-page .it-cta-decoration {
        min-height: 170px;
        padding: 24px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ny-it-page *,
    .ny-it-page *::before,
    .ny-it-page *::after {
        transition: none !important;
    }
}

/* =========================================================
   NIYYAH MOBILE NAVIGATION + TYPOGRAPHY FIX
   Added without changing the existing desktop design.
   The menu toggle requires the matching JavaScript in the page
   template or a shared theme script to add/remove .is-open.
   ========================================================= */

/* Keep the header as the positioning context for the dropdown. */
header {
    position: sticky;
    top: 0;
    z-index: 1000;
}

/* Hidden on desktop; shown on mobile. */
.mobile-menu-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    padding: 8px 10px;
    border: 1px solid currentColor;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

/* Dropdown base styles. */
#niyyah-mobile-nav {
    display: none;
}

#niyyah-mobile-nav.is-open {
    display: flex;
}

#niyyah-mobile-nav a {
    color: #171713;
    text-decoration: none;
    font-family: "DM Sans", sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: normal;
}

#niyyah-mobile-nav a:hover,
#niyyah-mobile-nav a:focus-visible {
    text-decoration: underline;
    text-underline-offset: 4px;
}

/* Match the IT Solutions page's existing desktop font weights
   while retaining the responsive sizes already defined above. */
.ny-it-page .it-hero h1 {
    font-weight: 600;
}

.ny-it-page h2 {
    font-weight: 500;
}

.ny-it-page .it-services h3,
.ny-it-page .it-process h3,
.ny-it-page .it-principles h3 {
    font-weight: 600;
}

.ny-it-page .it-button {
    font-weight: 600;
}

/* Mobile layout */
@media (max-width: 768px) {
    header {
        position: sticky;
        isolation: isolate;
    }

    .mobile-menu-toggle {
        display: inline-flex;
        position: relative;
        z-index: 1002;
        flex-shrink: 0;
    }

    /* Keep the desktop link row hidden while using the mobile toggle. */
    header nav:not(#niyyah-mobile-nav) {
        display: none;
    }

    #niyyah-mobile-nav {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        z-index: 1001;
        width: 100%;
        max-height: calc(100svh - 68px);
        overflow-y: auto;
        flex-direction: column;
        gap: 0;
        padding: 12px 6vw 22px;
        margin: 0;
        background: #f4efe3;
        color: #171713;
        border-bottom: 1.5px solid #171713;
        box-shadow: 0 14px 24px rgba(23, 23, 19, 0.08);
        box-sizing: border-box;
    }

    #niyyah-mobile-nav.is-open {
        display: flex;
    }

    #niyyah-mobile-nav a {
        display: block;
        width: 100%;
        padding: 14px 0;
        border-bottom: 1px solid rgba(23, 23, 19, 0.16);
        font-size: 14px;
        font-weight: 600;
        line-height: 1.5;
        text-transform: uppercase;
    }

    #niyyah-mobile-nav a:last-child {
        border-bottom: 0;
    }

    /* Preserve established desktop font weights on mobile.
       Only font sizes/layout should change at the breakpoint. */
    .ny-it-page .it-hero h1 {
        font-weight: 600;
    }

    .ny-it-page h2 {
        font-weight: 500;
    }

    .ny-it-page .it-services h3,
    .ny-it-page .it-process h3,
    .ny-it-page .it-principles h3 {
        font-weight: 600;
    }

    .ny-it-page .it-hero-copy,
    .ny-it-page .it-intro-copy,
    .ny-it-page .it-section-intro,
    .ny-it-page .it-cta p {
        font-weight: 400;
    }
}

/* Slightly narrower phones */
@media (max-width: 380px) {
    #niyyah-mobile-nav {
        padding-left: 20px;
        padding-right: 20px;
    }

    #niyyah-mobile-nav a {
        font-size: 13px;
    }
}