@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
:root{--ivory:#fbf4e6;--green:#11382d;--deep:#08271f;--gold:#b97912;--sand:#e5c990;--ink:#17352c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:var(--ivory);font:16px/1.7 'DM Sans',Arial,sans-serif;overflow-x:hidden}img{display:block;width:100%}a{color:inherit}.eyebrow{margin:0 0 18px;color:var(--gold);font-size:.7rem;font-weight:600;letter-spacing:.24em}.hero h1,.about h2,.contact h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;line-height:1.02;letter-spacing:-.035em}.hero h1 em,.about h2 em,.contact h2 em{font-weight:500;font-style:italic}
/* Phone */
.hero{position:relative;isolation:isolate;min-height:820px;overflow:hidden;background:var(--ivory);color:var(--green)}.hero-photo{position:absolute;inset:0;z-index:-2;margin:0}.hero-photo img{height:100%;object-fit:cover;object-position:67% center;filter:brightness(1.2) saturate(1.03)}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(251,244,230,1) 0%,rgba(251,244,230,.97) 46%,rgba(251,244,230,.18) 76%,rgba(251,244,230,.02) 100%)}.hero-photo figcaption{display:none}.brand-mark{position:absolute;z-index:2;top:10px;left:6%;width:230px;height:106px}.brand-mark img{height:100%;object-fit:contain;filter:drop-shadow(0 2px 10px rgba(251,244,230,.2))}.hero-copy{position:absolute;z-index:1;right:7%;bottom:55px;left:7%}.hero h1{margin:0 0 26px;color:var(--green);font-size:clamp(3.2rem,14.5vw,3.75rem)}.hero h1 em{color:#a56f18}.lead{max-width:500px;margin:0 0 34px;color:#49635a;font-size:1rem}.button{display:inline-flex;align-items:center;gap:16px;color:var(--green);font-size:.76rem;font-weight:600;letter-spacing:.16em;text-decoration:none;text-transform:uppercase}.button:after{content:'';width:58px;height:1px;background:var(--gold)}
.about{position:relative;min-height:880px;padding:430px 7% 90px;overflow:hidden;background:#0c3328}.about-photo{position:absolute;inset:0;opacity:.42}.about-photo img{height:100%;object-fit:cover;object-position:center}.about-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0c3328 0%,rgba(8,39,31,.94) 55%,rgba(8,39,31,.2) 100%)}.about-copy{position:relative;z-index:1;width:100%}.about h2,.contact h2{margin:0 0 30px;font-size:clamp(3rem,12vw,3.8rem)}.about h2 em,.contact h2 em{color:var(--sand)}.about-copy>p:not(.eyebrow){max-width:650px;color:#e2ded5;font-size:1rem}.qualities{display:grid;gap:9px;margin-top:30px;color:var(--ivory)}.qualities span{position:relative;padding-left:17px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.qualities span:before{content:'•';position:absolute;left:0;color:var(--gold)}
.contact{position:relative;padding:90px 7%;overflow:hidden;background:linear-gradient(135deg,var(--ivory),#f2dfbb);color:var(--ink)}.contact:before{content:'تمرات';position:absolute;top:12%;right:3%;color:rgba(17,56,45,.055);font:10rem/1 Georgia,serif;pointer-events:none}.contact .eyebrow{color:#966316}.contact h2{position:relative;color:var(--green)}.contact h2 em{color:#a56f18}.contact-intro{position:relative;max-width:600px;margin:0 0 44px;color:#536b62}.contact-details{position:relative;display:grid;gap:12px}.contact-details>span{color:#9a6819;font-size:.66rem;font-weight:600;letter-spacing:.22em}.contact-details>p{margin:0 0 28px;color:var(--green);font:1.4rem 'Playfair Display',Georgia,serif}.phone-list{display:grid;gap:16px}.phone-list a{color:var(--green);font:1.08rem 'Playfair Display',Georgia,serif;text-decoration:none}.phone-list small{display:block;margin-bottom:3px;color:#8e7c5b;font:600 .66rem 'DM Sans',Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}footer{display:grid;gap:6px;padding:26px 7%;background:#061c16;color:#d8cfbd;font-size:.68rem;letter-spacing:.12em;text-align:center}
/* Tablet */
@media(min-width:600px) and (max-width:899px){.hero{min-height:900px}.brand-mark{left:5%;width:270px;height:125px}.hero-copy{right:8%;bottom:70px;left:8%}.hero h1{font-size:clamp(4.2rem,10vw,5.2rem)}.about{padding:440px 8% 110px}.about h2,.contact h2{font-size:4.4rem}.contact{padding:110px 8%}.phone-list{grid-template-columns:repeat(3,1fr);gap:24px}footer{display:flex;justify-content:space-between;text-align:left}}
/* Desktop */
@media(min-width:900px){.hero{display:flex;align-items:center;min-height:max(700px,100svh);padding:100px clamp(60px,7vw,135px) 78px}.hero-photo img{object-position:58% center}.hero-photo:after{background:linear-gradient(90deg,rgba(251,244,230,1) 0%,rgba(251,244,230,.98) 28%,rgba(251,244,230,.7) 43%,rgba(251,244,230,.1) 63%,transparent 100%)}.hero-photo figcaption{display:block;position:absolute;right:5%;bottom:28px;color:var(--green);font-size:.65rem;font-weight:600;letter-spacing:.18em;text-align:right;text-transform:uppercase;text-shadow:0 1px 10px var(--ivory)}.hero-photo figcaption span{display:block;color:var(--ink);font-size:.75rem;font-weight:400;letter-spacing:.03em;text-transform:none}.brand-mark{top:12px;left:clamp(38px,3vw,58px);width:300px;height:138px}.hero-copy{position:relative;right:auto;bottom:auto;left:auto;width:min(590px,48vw);padding-top:70px}.hero h1{font-size:clamp(4rem,5.4vw,6.2rem)}.lead{font-size:1.06rem}.button:hover:after{width:82px}.about{display:flex;align-items:center;min-height:820px;padding:120px clamp(60px,7vw,135px)}.about-photo{opacity:.3}.about-photo:after{background:linear-gradient(90deg,#08271f 0%,rgba(8,39,31,.88) 42%,rgba(8,39,31,.38) 100%),linear-gradient(180deg,#08271f 0%,transparent 24%,transparent 72%,#0c3328 100%)}.about-copy{width:min(680px,56vw);margin-left:auto}.about h2,.contact h2{font-size:clamp(3.7rem,5vw,5.7rem)}.about-copy>p:not(.eyebrow){font-size:1.04rem}.qualities{display:flex;flex-wrap:wrap;gap:14px 34px}.contact{padding:130px clamp(60px,7vw,135px) 120px}.contact:before{top:5%;font-size:clamp(10rem,21vw,22rem)}.contact-intro{font-size:1.04rem}.contact-details{grid-template-columns:minmax(210px,.7fr) 2fr;gap:56px;max-width:900px;align-items:start}.contact-details>p{grid-column:1;margin:-46px 0 0}.contact-details .phone-label{grid-column:2;grid-row:1}.phone-list{grid-column:2;grid-template-columns:repeat(3,1fr);gap:28px}.phone-list a:hover{color:#a56f18}footer{display:flex;justify-content:space-between;text-align:left}}
@media(min-width:900px) and (max-width:1120px){.hero-copy{width:52vw}.hero h1{font-size:clamp(3.8rem,6vw,4.6rem)}.about-copy{width:61vw}.about h2,.contact h2{font-size:clamp(3.5rem,5.5vw,4.4rem)}.phone-list{grid-template-columns:1fr;gap:13px}}
.reveal{transition:opacity .8s,transform .8s}.js .reveal{opacity:0;transform:translateY(24px)}.js .reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}
@media(min-width:1200px){.hero-copy{width:min(720px,52vw)}.hero h1{white-space:nowrap}}
@media(max-width:599px){
  .hero{min-height:720px;display:flex;align-items:center;padding:90px 24px 54px}
  .hero-photo img{object-position:62% center}
  .hero-photo:after{background:linear-gradient(90deg,rgba(251,244,230,.98) 0%,rgba(251,244,230,.93) 38%,rgba(251,244,230,.63) 63%,rgba(251,244,230,.12) 100%),linear-gradient(0deg,rgba(251,244,230,.72),transparent 42%)}
  .brand-mark{top:12px;left:22px;width:190px;height:88px}
  .hero-copy{position:relative;right:auto;bottom:auto;left:auto;width:min(330px,88vw);padding-top:54px}
  .hero .eyebrow{margin-bottom:16px;font-size:.62rem}
  .hero h1{margin-bottom:22px;font-size:clamp(2.65rem,12vw,3.05rem);line-height:1.01}
  .lead{max-width:310px;margin-bottom:28px;font-size:.92rem;line-height:1.65}
  .button{font-size:.7rem}
  .about{min-height:auto;padding:88px 7% 94px}
  .about-photo{opacity:.36}
  .about-photo img{object-position:64% center}
  .about-photo:after{background:linear-gradient(90deg,rgba(8,39,31,.97) 0%,rgba(8,39,31,.9) 58%,rgba(8,39,31,.55) 100%),linear-gradient(0deg,#0c3328 0%,rgba(8,39,31,.5) 100%)}
  .about h2{font-size:clamp(2.85rem,11.5vw,3.35rem);margin-bottom:25px}
  .about-copy>p:not(.eyebrow){font-size:.96rem;line-height:1.75}
  .qualities{margin-top:26px}
}
@media(min-width:900px){
  .about{min-height:720px;align-items:flex-start;padding-top:125px;padding-bottom:64px}
  .about-copy{width:min(900px,60vw);margin-left:0}
  .about .eyebrow{margin-bottom:13px}
  .about h2{font-size:clamp(3.55rem,4.3vw,4.8rem);margin-bottom:22px}
  .about-copy>p:not(.eyebrow){max-width:840px;margin:0 0 16px;font-size:1rem;line-height:1.55}
  .qualities{margin-top:20px}
}
.brand-mark{position:absolute;z-index:3;top:10px;left:22px;width:190px;height:88px;pointer-events:none}
.brand-mark img{filter:drop-shadow(0 1px 7px rgba(251,244,230,.62))}
@media(min-width:600px){.brand-mark{top:12px;left:clamp(38px,3vw,58px);width:240px;height:110px}}
.section-logo{position:absolute;z-index:3;top:14px;left:7%;width:175px;height:80px;pointer-events:none}
.section-logo img{height:100%;object-fit:contain;filter:drop-shadow(0 1px 7px rgba(251,244,230,.65))}
@media(max-width:599px){.about{padding-top:148px}.contact{padding-top:138px}.section-logo{left:7%;width:155px;height:72px}}
@media(min-width:900px){.section-logo{left:clamp(60px,7vw,135px);width:180px;height:83px;transform:translateX(-18px)}}
@media(min-width:900px){
  .contact{min-height:700px;padding-top:120px;padding-bottom:62px}
  .contact .section-logo{top:14px;width:180px;height:83px}
  .contact .eyebrow{margin-bottom:14px}
  .contact h2{font-size:clamp(3.5rem,4.25vw,4.7rem);margin-bottom:22px;line-height:.98}
  .contact-intro{max-width:650px;margin-bottom:30px;font-size:1rem;line-height:1.6}
  .contact-details{gap:42px}
  .contact-details>p{margin-top:-43px;font-size:1.35rem}
  .phone-list{gap:22px}
}
.contact-details{display:grid;grid-template-columns:1fr;gap:20px;max-width:1100px}
.contact-item{display:grid;gap:5px;color:var(--green);text-decoration:none}
.contact-item span{color:#9a6819;font-size:.66rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.contact-item strong{font-family:'Playfair Display',Georgia,serif;font-size:1.25rem;font-weight:500;line-height:1.3}
a.contact-item:hover strong{color:#a56f18}
@media(min-width:900px){
  .contact-details{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(28px,4vw,70px);max-width:1250px;align-items:start}
  .contact-item{min-width:0}
  .contact-item strong{font-size:clamp(1.05rem,1.25vw,1.35rem);white-space:nowrap}
}