*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#FAFAF8;color:#0F1216;font-family:Arial,Helvetica,sans-serif}.hero{min-height:82vh;position:relative;overflow:hidden;background:#f5f1e8;padding:42px 5.2vw 34px}.topbar{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:3}.brand{display:flex;flex-direction:column;align-items:flex-start}.brand img{width:min(350px,27vw);height:auto}.accent-line{display:block;width:48px;height:4px;background:#7b805b;margin-top:20px}.est,.location{font-size:12px;letter-spacing:.28em;margin-top:18px}.location{margin-top:7px}.hero-copy{position:relative;z-index:2;margin-top:6.8vh}.hero-copy h1{margin:0;color:#102d27;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(70px,8.2vw,138px);line-height:.88;letter-spacing:-.055em}.hero-copy p{font-size:clamp(18px,1.6vw,27px);line-height:1.42;margin:28px 0 0;max-width:760px}.lower{margin-top:30px}.email{display:flex;align-items:center;gap:14px;margin-top:27px;color:#0F1216;text-decoration:none;font-size:18px;width:max-content}.envelope{width:27px;height:20px;border:2px solid #0F1216;border-radius:2px;position:relative}.envelope:after,.envelope:before{content:"";position:absolute;top:2px;width:15px;height:2px;background:#0F1216}.envelope:before{left:1px;transform:rotate(32deg)}.envelope:after{right:1px;transform:rotate(-32deg)}.scroll{position:absolute;bottom:27px;left:5.5vw;z-index:4;color:#0F1216;text-decoration:none;font-size:11px;letter-spacing:.3em;display:flex;gap:22px;align-items:center}.scroll span{font-size:30px;font-family:serif;letter-spacing:0}.atmosphere{position:absolute;inset:0;pointer-events:none}.stone{position:absolute;background:#aaa294;opacity:.55;filter:saturate(.6);box-shadow:inset 0 0 35px rgba(30,30,20,.08)}.vertical{right:-2%;top:0;width:8.5%;height:89%}.bench{right:-1%;bottom:-1%;width:48%;height:9%;border-radius:10px 0 0 0}.leaf-shadow{position:absolute;background:rgba(39,54,42,.11);filter:blur(8px);border-radius:100% 0 100% 0;transform:rotate(-25deg);animation:drift 10s ease-in-out infinite alternate}.s1{width:330px;height:85px;right:7%;top:35%}.s2{width:420px;height:105px;right:13%;top:51%;animation-delay:-3s}.s3{width:260px;height:70px;right:24%;top:65%;animation-delay:-6s}@keyframes drift{from{transform:translate3d(-12px,-6px,0) rotate(-25deg);opacity:.65}to{transform:translate3d(18px,8px,0) rotate(-20deg);opacity:1}}footer{min-height:18vh;background:#17372f;color:#FAFAF8;display:grid;grid-template-columns:1.15fr 1fr auto;gap:35px;align-items:center;padding:35px 5.2vw}.footer-brand img{width:205px;filter:invert(1);opacity:.95}.footer-brand div{font-size:10px;letter-spacing:.28em;margin-top:14px;color:#d8d5cc}.footer-brand small{display:block;font-size:9px;letter-spacing:.13em;margin-top:27px;color:#c8c5bc}.footer-line{display:flex;align-items:center;gap:30px;font-size:10px;letter-spacing:.32em;color:#d0cbb9;white-space:nowrap}.footer-line span{width:70px;height:1px;background:#a7a784}footer>a{color:#FAFAF8;text-decoration:none;font-size:10px;letter-spacing:.25em}@media(max-width:800px){.hero{min-height:84vh;padding:28px 25px 30px}.brand img{width:230px}.location{font-size:9px;letter-spacing:.18em}.hero-copy{margin-top:12vh}.hero-copy h1{font-size:clamp(62px,20vw,96px)}.hero-copy p{font-size:18px;max-width:92%}.desktop{display:none}.vertical{width:12%;opacity:.28}.bench{width:62%;height:7%;opacity:.28}.leaf-shadow{opacity:.45}.email{font-size:16px}.scroll{left:25px}footer{grid-template-columns:1fr;padding:34px 25px;gap:28px}.footer-line{white-space:normal}.footer-brand img{width:180px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.leaf-shadow{animation:none}}

/* FINAL POLISH PASS */
.hero{min-height:80vh;padding-top:40px}
.hero-copy{margin-top:7.8vh}
.hero-copy h1{
  font-size:clamp(66px,7.55vw,124px);
  line-height:.91;
  letter-spacing:-.05em;
}
.hero-copy p{
  margin-top:34px;
  line-height:1.5;
  max-width:800px;
}
.lower{margin-top:32px}
.email{margin-top:28px}

/* Softer, more intentional architectural forms */
.vertical{
  right:-3.5%;
  top:-4%;
  width:10%;
  height:84%;
  opacity:.22;
  border-radius:0 0 0 18px;
  filter:blur(.25px) saturate(.45);
}
.bench{
  right:-2%;
  bottom:-2%;
  width:49%;
  height:8%;
  opacity:.24;
  border-radius:18px 0 0 0;
  filter:blur(.2px) saturate(.45);
}
.leaf-shadow{
  background:rgba(39,54,42,.085);
  filter:blur(13px);
}
.s1{right:8%;top:34%}
.s2{right:14%;top:50%}
.s3{right:25%;top:64%}

footer{
  min-height:20vh;
  padding-top:43px;
  padding-bottom:43px;
}
.footer-brand img{width:230px}

@media(max-width:800px){
  .hero{min-height:82vh;padding-top:27px}
  .hero-copy{margin-top:11vh}
  .hero-copy h1{
    font-size:clamp(58px,18.5vw,88px);
    line-height:.92;
  }
  .hero-copy p{margin-top:28px;line-height:1.48}
  .vertical{width:14%;opacity:.16}
  .bench{width:60%;opacity:.16}
  footer{padding-top:38px;padding-bottom:38px}
  .footer-brand img{width:195px}
}


/* FINAL HERO ART - native high-resolution atmospheric crop */
.atmosphere{
  background-image:
    linear-gradient(90deg, rgba(245,241,232,1) 0%, rgba(245,241,232,.98) 43%, rgba(245,241,232,.28) 66%, rgba(245,241,232,0) 100%),
    url("assets/mourad-hero-atmosphere.jpg");
  background-size: cover, cover;
  background-position: center, center;
  background-repeat: no-repeat;
  opacity:1;
}
.atmosphere .stone,
.atmosphere .leaf-shadow{display:none}

@media(max-width:800px){
  .atmosphere{
    background-image:
      linear-gradient(90deg, rgba(245,241,232,1) 0%, rgba(245,241,232,.95) 58%, rgba(245,241,232,.42) 100%),
      url("assets/mourad-hero-atmosphere.jpg");
    background-position:center, 64% center;
  }
}


/* CLEAN 8K HERO MASTER - no text/UI baked into artwork */
.atmosphere{
  background-image:
    linear-gradient(90deg, rgba(245,241,232,.98) 0%, rgba(245,241,232,.88) 34%, rgba(245,241,232,.18) 63%, rgba(245,241,232,0) 100%),
    image-set(
      url("assets/mourad-hero-atmosphere-8k.webp") type("image/webp"),
      url("assets/mourad-hero-atmosphere-8k.jpg") type("image/jpeg")
    );
  background-size:cover,cover;
  background-position:center,center;
  background-repeat:no-repeat;
}
@media(max-width:800px){
  .atmosphere{
    background-image:
      linear-gradient(90deg, rgba(245,241,232,.98) 0%, rgba(245,241,232,.86) 54%, rgba(245,241,232,.28) 100%),
      image-set(
        url("assets/mourad-hero-atmosphere-8k.webp") type("image/webp"),
        url("assets/mourad-hero-atmosphere-8k.jpg") type("image/jpeg")
      );
    background-position:center,68% center;
  }
}

/* MOBILE RESPONSIVE FIX - 2026-09-21 */
@media (max-width:800px){
  .hero{
    min-height:auto;
    padding:26px 24px 54px;
  }
  .topbar{
    display:block;
  }
  .brand img{
    width:min(270px,72vw);
  }
  .brand .accent-line{
    width:52px;
    height:3px;
    margin-top:20px;
  }
  .est{
    margin-top:18px;
    font-size:11px;
    letter-spacing:.28em;
  }
  .location{
    position:absolute;
    top:4px;
    right:0;
    max-width:100px;
    margin:0;
    text-align:right;
    font-size:9px;
    line-height:1.35;
    letter-spacing:.19em;
  }
  .hero-copy{
    margin-top:78px;
  }
  .hero-copy h1{
    font-size:clamp(56px,15.8vw,76px);
    line-height:.94;
    letter-spacing:-.045em;
  }
  .hero-copy p{
    max-width:92%;
    margin-top:32px;
    font-size:17px;
    line-height:1.5;
  }
  .lower{
    width:52px;
    height:3px;
    margin-top:32px;
  }
  .email{
    max-width:100%;
    margin-top:25px;
    gap:13px;
    font-size:16px;
    white-space:nowrap;
  }
  .envelope{
    flex:0 0 auto;
  }
  .scroll{
    display:none;
  }
  .atmosphere{
    background-image:
      linear-gradient(90deg, rgba(245,241,232,.98) 0%, rgba(245,241,232,.89) 53%, rgba(245,241,232,.25) 100%),
      image-set(
        url("assets/mourad-hero-atmosphere-8k.webp") type("image/webp"),
        url("assets/mourad-hero-atmosphere-8k.jpg") type("image/jpeg")
      );
    background-position:center, 68% center;
  }
  footer{
    min-height:auto;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:24px;
    padding:34px 24px 38px;
  }
  .footer-brand img{
    width:180px;
  }
  .footer-brand div{
    font-size:9px;
    line-height:1.6;
    letter-spacing:.22em;
  }
  .footer-brand small{
    margin-top:18px;
    font-size:8px;
    line-height:1.55;
  }
  .footer-line{
    gap:16px;
    font-size:8px;
    line-height:1.6;
    letter-spacing:.23em;
  }
  .footer-line span{
    width:38px;
    flex:0 0 auto;
  }
  footer>a{
    font-size:9px;
  }
}

@media (max-width:380px){
  .hero{padding-left:20px;padding-right:20px}
  .brand img{width:min(235px,69vw)}
  .location{max-width:82px;font-size:8px}
  .hero-copy{margin-top:66px}
  .hero-copy h1{font-size:clamp(52px,15.5vw,64px)}
  .hero-copy p{font-size:16px;max-width:96%}
  .email{font-size:15px}
}

/* FINAL MOBILE MICRO-POLISH */
@media (max-width:800px){
  .brand img{width:min(246px,66vw)}
  .hero-copy{margin-top:42px}
}
@media (max-width:380px){
  .brand img{width:min(214px,63vw)}
  .hero-copy{margin-top:36px}
}