@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
.hayat-portfolio{--ink:#203c35;--forest:#244e40;--cream:#f9f6ed;--lime:#d9e9ac;--orange:#f1ab77;color:var(--ink);font-family:'DM Sans',sans-serif;overflow:hidden;background:var(--cream)}.hayat-portfolio *{box-sizing:border-box}.hayat-portfolio .hp-wrap{width:min(1180px,calc(100% - 48px));margin:auto}.hayat-portfolio h1,.hayat-portfolio h2,.hayat-portfolio h3,.hayat-portfolio p{margin:0}.hayat-portfolio h1,.hayat-portfolio h2,.hayat-portfolio h3{font-family:'Manrope',sans-serif;letter-spacing:-.055em}.hayat-portfolio h1{font-size:clamp(3.7rem,7vw,7.7rem);line-height:1.04;font-weight:700}.hayat-portfolio h2{font-size:clamp(2.8rem,5vw,5.5rem);line-height:1.1;font-weight:700}.hayat-portfolio h2 em,.hayat-portfolio h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.055em}.hayat-portfolio a{text-decoration:none}.hp-hero{min-height:790px;position:relative;background:#f7f3e9;padding:96px 0 30px}.hp-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;min-height:590px}.hp-eyebrow,.hp-kicker{font-size:11px;letter-spacing:.18em;font-weight:800;text-transform:uppercase}.hp-eyebrow{display:inline-flex;gap:15px;align-items:center;margin-bottom:38px}.hp-dot{width:8px;height:8px;border-radius:50%;background:#dd9a6e}.hp-intro{position:relative;z-index:2}.hp-intro h1 em{color:#d39369}.hp-lead{max-width:500px;font-size:18px;line-height:1.85;margin-top:30px!important;color:#53665e}.hp-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:34px}.hp-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:18px 24px;background:var(--forest);color:#fff!important;border-radius:50px;font-size:14px;font-weight:700;transition:transform .3s,background .3s}.hp-btn:hover{transform:translateY(-4px);background:#396b57}.hp-textlink{color:var(--ink)!important;border-bottom:1px solid #70877d;padding-bottom:4px;font-weight:700;font-size:14px}.hp-art{height:550px;position:relative;isolation:isolate;border-radius:260px 260px 30px 30px;background:linear-gradient(145deg,#e3eacb,#c3d8bf 60%,#b1cbb6);overflow:hidden}.hp-glow{position:absolute;right:8%;top:4%;width:360px;height:360px;border-radius:50%;background:#ffe7c9;filter:blur(100px);opacity:.5}.hp-orbit{position:absolute;border:1px solid rgba(255,255,255,.65);border-radius:50%;width:520px;height:520px;top:0;left:50%;transform:translateX(-50%)}.hp-orbit-two{width:370px;height:370px;top:80px}.hp-sun{position:absolute;width:175px;height:175px;border-radius:50%;background:#f2b98b;left:50%;top:130px;transform:translateX(-50%);box-shadow:0 0 90px #eac49c}.hp-flower{position:absolute;left:50%;top:48%;width:230px;height:230px;transform:translate(-50%,-50%);animation:hp-float 7s ease-in-out infinite}.hp-flower span{position:absolute;width:95px;height:155px;background:#fff9e8;border-radius:100% 100% 55% 55%;left:68px;top:5px;transform-origin:50% 110px;box-shadow:0 10px 40px #446e4a22}.hp-flower span:nth-child(2){transform:rotate(72deg)}.hp-flower span:nth-child(3){transform:rotate(144deg)}.hp-flower span:nth-child(4){transform:rotate(216deg)}.hp-flower span:nth-child(5){transform:rotate(288deg)}.hp-flower i{position:absolute;left:91px;top:88px;width:49px;height:49px;background:#e4aa73;border-radius:50%}.hp-art-caption{position:absolute;bottom:28px;left:30px;right:30px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px}.hp-art-caption span{font-size:11px;letter-spacing:.15em}.hp-hero-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:38px;font-size:10px;letter-spacing:.16em;font-weight:700}.hp-hero-bottom a{color:var(--ink)}.hp-section{padding:130px 0}.hp-two{display:grid;grid-template-columns:1fr 1fr;gap:10%}.hp-kicker{display:block;margin-bottom:32px;color:#8a9a75}.hp-copy p,.hp-vision p{font-size:18px;line-height:1.9;color:#627168;margin-bottom:20px}.hp-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.hp-tags span{border:1px solid #c8d0c1;border-radius:30px;padding:9px 16px;font-size:12px;font-weight:700}.hp-parcours{background:#e9efdf}.hp-section-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:60px}.hp-section-head p{max-width:320px;color:#65736b;line-height:1.8}.hp-steps article{display:grid;grid-template-columns:90px 1fr 40px;gap:20px;border-top:1px solid #bfcdb9;padding:35px 0;align-items:start}.hp-steps article:last-child{border-bottom:1px solid #bfcdb9}.hp-step-num{font-size:12px;letter-spacing:.1em;color:#78916c}.hp-steps h3{font-size:clamp(25px,3vw,39px);margin-bottom:12px}.hp-steps p{max-width:700px;line-height:1.8;color:#64756b}.hp-arrow{font-size:25px}.hp-expertise h2{margin-bottom:55px}.hp-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.hp-card-grid article{min-height:270px;background:#fffdf7;border:1px solid #e8e9de;padding:30px;border-radius:8px;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}.hp-card-grid article:hover{transform:translateY(-8px);box-shadow:0 20px 40px #294d3115}.hp-card-grid article>span{font-size:11px;letter-spacing:.13em;color:#8c9b7c;font-weight:700}.hp-card-grid h3{font-size:28px;margin-top:auto;margin-bottom:15px}.hp-card-grid p{font-size:14px;line-height:1.75;color:#6a776d}.hp-vision{background:#244b3f;color:#fff}.hp-vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.hp-vision .hp-kicker{color:#c4d69f}.hp-vision h2{margin-bottom:32px}.hp-vision h2 em{color:#dce7ad}.hp-vision p{color:#d2ded4}.hp-btn-light{background:#e0ebbb;color:#264739!important;margin-top:20px}.hp-vision blockquote{margin:0;padding:35px 0 35px 40px;border-left:1px solid #739085;font-family:Georgia,serif;font-size:clamp(22px,2.7vw,34px);line-height:1.6;font-style:italic;color:#f7f4e8}.hp-vision cite{display:block;margin-top:30px;font:700 13px 'DM Sans',sans-serif;letter-spacing:.04em;color:#c6d6b3}.hp-ending{text-align:center;padding:130px 0 145px;background:#e9efdf}.hp-ending span{font-size:11px;font-weight:700;letter-spacing:.18em}.hp-ending h2{margin:30px 0 40px}.hp-ending h2 em{color:#8ca270}.hp-ending a{display:inline-flex;gap:50px;border-bottom:1px solid #244b3f;padding-bottom:12px;font-weight:700;color:#244b3f}.hp-reveal{opacity:0;transform:translateY(35px);transition:opacity .75s ease,transform .75s ease}.hp-visible{opacity:1;transform:translateY(0)}@keyframes hp-float{50%{transform:translate(-50%,-54%) rotate(5deg)}}@media(max-width:850px){.hp-hero{padding-top:60px;min-height:auto}.hp-hero-grid,.hp-two,.hp-vision-grid{grid-template-columns:1fr}.hp-art{height:400px;max-width:500px;width:100%;margin:auto}.hp-section{padding:85px 0}.hp-section-head{display:block}.hp-section-head p{margin-top:25px}.hp-card-grid{grid-template-columns:repeat(2,1fr)}.hp-hero-bottom{margin-top:30px}}@media(max-width:570px){.hayat-portfolio .hp-wrap{width:calc(100% - 36px)}.hayat-portfolio h1{font-size:clamp(3.2rem,13vw,5rem)}.hp-hero{padding-top:48px}.hp-art{height:360px}.hp-hero-bottom span{display:none}.hp-card-grid{grid-template-columns:1fr}.hp-card-grid article{min-height:210px}.hp-steps article{grid-template-columns:40px 1fr 20px;gap:12px}.hp-steps h3{font-size:25px}.hp-vision blockquote{padding-left:20px}.hp-lead{font-size:16px}.hp-section{padding:75px 0}}@media(prefers-reduced-motion:reduce){.hp-flower{animation:none}.hp-reveal{opacity:1;transform:none;transition:none}}