/* نجمة دمياط: طبقة Atelier Atmosphere — ضوء وخامة وتكوين تحريري من دون تغيير محتوى الموقع. */
:root { --atelier-ivory: #fff4dc; --atelier-gold: #e8c66e; --atelier-ink: #100d0a; --atelier-warm: #30251a; }

body { background: radial-gradient(circle at 85% 22%, rgba(198, 149, 57, 0.055), transparent 24%), var(--bg-primary); }
.navbar { position: sticky; top: 0; z-index: 80; box-shadow: 0 10px 35px rgba(0, 0, 0, 0.1); }
.navbar::after { content: ''; position: absolute; right: 4%; bottom: -1px; width: 11rem; height: 1px; background: linear-gradient(90deg, transparent, var(--atelier-gold), transparent); opacity: 0.9; }

.home-hero { isolation: isolate; min-height: min(810px, 92vh); }
.home-hero::before { content: ''; position: absolute; z-index: 0; inset: 0; background: repeating-linear-gradient(90deg, transparent 0 94px, rgba(232, 198, 110, 0.035) 95px 96px), linear-gradient(120deg, transparent 0 57%, rgba(232, 198, 110, 0.1) 57.1%, transparent 57.3%); mask-image: linear-gradient(90deg, black, transparent 84%); pointer-events: none; }
.home-hero__halo { position: absolute; z-index: 0; width: 48vw; height: 48vw; max-width: 680px; max-height: 680px; top: -27vw; right: -5vw; border: 1px solid rgba(232, 198, 110, 0.26); border-radius: 50%; box-shadow: 0 0 0 2rem rgba(232, 198, 110, 0.025), 0 0 0 7rem rgba(232, 198, 110, 0.016); animation: atelier-breathe 9s ease-in-out infinite; }
.home-hero__measure { position: absolute; z-index: 1; display: flex; gap: 0.55rem; align-items: center; color: rgba(232, 198, 110, 0.63); font-size: 0.62rem; font-family: 'Outfit', sans-serif; letter-spacing: 0.16em; pointer-events: none; }
.home-hero__measure i { display: block; width: 4.7rem; height: 1px; background: currentColor; }
.home-hero__measure b { font-weight: 700; }
.home-hero__measure--one { top: 23%; left: 5%; transform: rotate(90deg); transform-origin: left center; }
.home-hero__measure--two { bottom: 7%; right: 4%; }
.home-hero__content { position: relative; z-index: 2; }
.home-hero__copy > div:first-child { box-shadow: 0 0 0 6px rgba(232, 198, 110, 0.03), 0 8px 25px rgba(0, 0, 0, 0.15); }
.home-hero .hero-title { text-wrap: balance; text-shadow: 0 15px 35px rgba(0, 0, 0, 0.28); }
.home-hero .hero-title .gold-text { background-size: 180% auto !important; animation: atelier-shimmer 7s linear infinite; }
.home-hero__actions .btn { transition: transform 180ms cubic-bezier(0.23, 1, 0.32, 1), box-shadow 180ms ease !important; }
.home-hero__actions .btn:hover { transform: translateY(-4px); box-shadow: 0 16px 34px rgba(232, 198, 110, 0.17) !important; }
.home-hero__steps { position: relative; overflow: hidden; }
.home-hero__steps::before { content: ''; position: absolute; inset: auto -20% 0; height: 42%; background: linear-gradient(90deg, transparent, rgba(232, 198, 110, 0.11), transparent); transform: skewX(-22deg); }
.home-hero__steps .stat-card { position: relative; overflow: hidden; padding: 0.8rem 0.35rem; border: 0; border-left: 1px solid rgba(232, 198, 110, 0.16); border-radius: 0; background: transparent; transition: background 220ms ease, transform 220ms ease; }
.home-hero__steps .stat-card:last-child { border-left: 0; }
.home-hero__steps .stat-card:hover { background: rgba(232, 198, 110, 0.08); transform: translateY(-4px); }
.home-hero__steps .stat-number { letter-spacing: 0.08em; }
.home-hero__showcase { perspective: 1200px; }
.home-hero__showcase .glass-card { position: relative; border-color: rgba(232, 198, 110, 0.38) !important; transform: rotateY(-4deg) rotateX(1deg); box-shadow: 20px 28px 62px rgba(0, 0, 0, 0.38), -1px -1px 0 rgba(255, 244, 220, 0.08) !important; transition: transform 450ms cubic-bezier(0.23, 1, 0.32, 1), box-shadow 450ms ease; }
.home-hero__showcase .glass-card::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(130deg, rgba(255,255,255,0.14), transparent 23%, transparent 76%, rgba(232,198,110,0.14)); }
.home-hero__showcase:hover .glass-card { transform: rotateY(0) rotateX(0) translateY(-8px); box-shadow: 16px 35px 72px rgba(0,0,0,0.46) !important; }
.home-hero__showcase img#heroShowcaseImage { filter: saturate(0.88) contrast(1.08); }
.home-hero__showcase [onclick] { opacity: 0.67; transition: opacity 180ms ease, transform 180ms ease !important; }
.home-hero__showcase [onclick]:hover { opacity: 1; transform: translateY(-3px); }

.home-request-cues { position: relative; overflow: hidden; background: linear-gradient(110deg, #1a130e, #21180f 45%, #15110d) !important; }
.home-request-cues::before { content: ''; position: absolute; inset: 0; opacity: 0.22; background-image: radial-gradient(circle at 8% 50%, var(--atelier-gold) 0 1px, transparent 1.5px); background-size: 22px 22px; mask-image: linear-gradient(90deg, transparent, black 24%, black 76%, transparent); }
.home-request-cues .container { position: relative; }
.home-request-cues .container > div { transition: transform 220ms ease, color 220ms ease; }
.home-request-cues .container > div:hover { transform: translateY(-3px); color: var(--atelier-ivory) !important; }

.home-specialties > div:first-child::after { content: 'N D / S A'; display: block; margin: 1.15rem auto 0; color: rgba(232, 198, 110, 0.5); font: 700 0.7rem/1 'Outfit', sans-serif; letter-spacing: 0.35em; }
.home-specialty-card { position: relative; transform: translateZ(0); }
.home-specialty-card::after { content: ''; position: absolute; inset: 0; pointer-events: none; opacity: 0; background: linear-gradient(125deg, rgba(232,198,110,0.22), transparent 30%); transition: opacity 300ms ease; }
.home-specialty-card:hover { transform: translateY(-10px) !important; border-color: rgba(232, 198, 110, 0.54) !important; box-shadow: 0 24px 44px rgba(0,0,0,0.26) !important; }
.home-specialty-card:hover::after { opacity: 1; }
.home-specialty-card:nth-child(3n + 2) { margin-top: 2rem; }
.home-specialty-card img { filter: saturate(0.82) contrast(1.06); }
.home-specialty-card:hover img { transform: scale(1.07) !important; }

.home-gallery-section { position: relative; overflow: hidden; }
.home-gallery-section::before { content: ''; position: absolute; width: 32rem; height: 32rem; top: -15rem; left: -14rem; border: 1px solid rgba(232, 198, 110, 0.18); border-radius: 50%; box-shadow: 0 0 0 3.5rem rgba(232, 198, 110, 0.018); }
.home-gallery-section .container { position: relative; }
.home-gallery-grid { grid-template-columns: repeat(12, 1fr) !important; grid-auto-flow: dense; }
.home-gallery-item { grid-column: span 3; min-height: 245px; transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), border-color 300ms ease !important; }
.home-gallery-item:nth-child(1) { grid-column: span 5; grid-row: span 2; min-height: 510px; }
.home-gallery-item:nth-child(2) { grid-column: span 4; }
.home-gallery-item:nth-child(3) { grid-column: span 3; }
.home-gallery-item:nth-child(4) { grid-column: span 4; }
.home-gallery-item:nth-child(5) { grid-column: span 3; }
.home-gallery-item:nth-child(6) { grid-column: span 3; }
.home-gallery-item:nth-child(7) { grid-column: span 4; }
.home-gallery-item:nth-child(8) { grid-column: span 5; }
.home-gallery-item, .home-gallery-item > div { height: 100%; }
.home-gallery-item > div { min-height: inherit; }
.home-gallery-item:hover { z-index: 2; transform: scale(1.025); border-color: var(--atelier-gold) !important; }
.home-gallery-item:hover img { transform: scale(1.08) !important; }

.home-enquiry-shell { position: relative; overflow: hidden; border-color: rgba(232, 198, 110, 0.36) !important; }
.home-enquiry-shell::before { content: ''; position: absolute; inset: -30% auto auto -8%; width: 32rem; height: 32rem; border: 1px solid rgba(232, 198, 110, 0.24); border-radius: 50%; box-shadow: 0 0 0 3rem rgba(232, 198, 110, 0.035); pointer-events: none; }
.home-enquiry-shell > div { position: relative; }
.home-enquiry-shell form { border-color: rgba(232, 198, 110, 0.23) !important; box-shadow: inset 0 1px rgba(255,255,255,0.03); }
.home-enquiry-shell select:focus, .home-enquiry-shell textarea:focus { outline: 1px solid var(--atelier-gold); border-color: var(--atelier-gold) !important; box-shadow: 0 0 0 4px rgba(232, 198, 110, 0.1); }

.about-atelier-hero::after, .services-atelier-hero::after { content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient(110deg, transparent 0 42%, rgba(232, 198, 110, 0.12) 49%, transparent 56%); transform: translateX(-120%); animation: atelier-light-sweep 12s ease-in-out infinite; }
.about-atelier-hero__content, .services-atelier-hero__content { position: relative; z-index: 2; }
.about-atelier-story__craft img { box-shadow: 18px 23px 45px rgba(0,0,0,0.23); }
.about-principle { transition: background 250ms ease, transform 250ms ease, border-color 250ms ease; }
.about-principle:hover { transform: translateY(-8px); border-color: rgba(232,198,110,0.6); }
.about-path-step { position: relative; }
.about-path-step::after { content: ''; position: absolute; right: 0; bottom: -1px; width: 0; height: 1px; background: var(--atelier-gold); transition: width 350ms ease; }
.about-path-step:hover::after { width: 100%; }
.services-atelier-hero__cta, .services-atelier-cta__button, .about-atelier-closing__cta { box-shadow: 0 12px 26px rgba(232,198,110,0.16); }
.atelier-service-card--statement { background-image: radial-gradient(circle at 74% 28%, rgba(232,198,110,0.18), transparent 28%) !important; }
.atelier-service-card--project { background-image: linear-gradient(124deg, rgba(232,198,110,0.11), transparent 42%) !important; }

@keyframes atelier-breathe { 0%, 100% { transform: scale(1); opacity: 0.65; } 50% { transform: scale(1.06); opacity: 1; } }
@keyframes atelier-shimmer { to { background-position: 180% center; } }
@keyframes atelier-light-sweep { 0%, 58% { transform: translateX(-125%); } 76%, 100% { transform: translateX(125%); } }

@media (max-width: 920px) {
  .home-hero { min-height: auto; }
  .home-hero__showcase .glass-card { transform: none; }
  .home-specialty-card:nth-child(3n + 2) { margin-top: 0; }
  .home-gallery-grid { grid-template-columns: repeat(6, 1fr) !important; }
  .home-gallery-item, .home-gallery-item:nth-child(2), .home-gallery-item:nth-child(3), .home-gallery-item:nth-child(4), .home-gallery-item:nth-child(5), .home-gallery-item:nth-child(6), .home-gallery-item:nth-child(7), .home-gallery-item:nth-child(8) { grid-column: span 3; }
  .home-gallery-item:nth-child(1) { grid-column: span 6; grid-row: auto; min-height: 420px; }
}

@media (max-width: 640px) {
  .navbar::after, .home-hero__measure { display: none; }
  .home-hero {
    min-height: auto;
    padding: 2rem 0 2.75rem !important;
    background: radial-gradient(circle at 76% 8%, rgba(212, 175, 55, 0.2), transparent 36%), linear-gradient(180deg, #17110d 0%, #0d0a08 82%) !important;
  }
  .home-hero::before { opacity: 0.28; mask-image: none; }
  .home-hero__halo { width: 105vw; height: 105vw; top: -52vw; right: -42vw; }
  .home-hero__content {
    display: flex !important;
    flex-direction: column;
    align-items: stretch !important;
    gap: 1.75rem !important;
    text-align: right !important;
  }
  .home-hero__copy { width: 100%; }
  .home-hero__copy > div:first-child { margin-bottom: 0.9rem !important; padding: 0.42rem 0.85rem !important; }
  .home-hero .hero-title { font-size: clamp(2.35rem, 11vw, 3.1rem) !important; line-height: 1.12 !important; margin-bottom: 0.9rem !important; }
  .home-hero .hero-subtitle { max-width: 34rem; margin-bottom: 1.35rem !important; font-size: 1rem !important; line-height: 1.85 !important; }
  .home-hero__actions { display: grid !important; grid-template-columns: 1fr; gap: 0.7rem !important; margin-bottom: 1.35rem !important; }
  .home-hero__actions .btn { width: 100%; min-height: 3.25rem; justify-content: center; padding: 0.8rem 1rem !important; font-size: 0.96rem !important; }
  .home-hero__steps { padding: 0.75rem !important; gap: 0 !important; }
  .home-hero__steps .stat-card { min-height: 4.2rem; padding: 0.55rem 0.25rem; }
  .home-hero__steps .stat-number { font-size: 1.08rem !important; }
  .home-hero__steps .stat-label { font-size: 0.72rem !important; }
  .home-hero__showcase { width: 100%; }
  .home-hero__showcase .glass-card { padding: 0.75rem !important; }
  .home-hero__showcase .glass-card > div:first-child { height: clamp(270px, 78vw, 340px) !important; }
  .home-hero__showcase .glass-card > div:first-child > div { flex-direction: column; align-items: flex-start !important; gap: 0.7rem; padding: 1rem !important; }
  .home-hero__showcase h4 { font-size: 0.98rem !important; line-height: 1.35 !important; }
  .home-hero__showcase [href*="wa.me"] { padding: 0.45rem 0.7rem !important; font-size: 0.76rem !important; }
  .home-hero__steps { grid-template-columns: repeat(2, 1fr) !important; }
  .home-hero__steps .stat-card:nth-child(2) { border-left: 0; }
  .home-hero__steps .stat-card:nth-child(n + 3) { border-top: 1px solid rgba(232, 198, 110, 0.16); }
  .home-gallery-grid { grid-template-columns: 1fr !important; }
  .home-gallery-item, .home-gallery-item:nth-child(n) { grid-column: auto; min-height: 300px; }
  .home-gallery-item:nth-child(1) { min-height: 370px; }
  .home-enquiry-shell { padding: 2.2rem 1.35rem !important; }
}

@media (prefers-reduced-motion: reduce) { .home-hero__halo, .home-hero .hero-title .gold-text, .about-atelier-hero::after, .services-atelier-hero::after { animation: none !important; } .home-hero__showcase .glass-card, .home-specialty-card, .home-gallery-item, .about-principle { transition: none !important; } }