:root{scroll-behavior:smooth}
body{margin:0;background:#fbf5e9;color:#24322f;font-family:Georgia,"Times New Roman",serif}
.em-larache{width:100%;max-width:100%;position:relative;--em-cream:#fbf5e9;--em-paper:#fffaf2;--em-ink:#24322f;--em-muted:#66736f;--em-green:#0c6257;--em-green-dark:#084b43;--em-orange:#c46f0b;--em-line:rgba(12,98,87,.18);--em-shadow:0 18px 48px rgba(31,55,48,.12);--em-coffee:#b59778;--em-coffee-light:#eadcc9;color:var(--em-ink);background:var(--em-cream);overflow:hidden}
.em-larache *{box-sizing:border-box}.em-larache img{display:block;width:100%;height:100%;object-fit:cover}.em-larache a{text-decoration:none}.em-shell{width:min(1500px,calc(100% - 96px));margin:0 auto}
.em-kicker{margin:0 0 12px;color:var(--em-orange);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;font-family:Arial,Helvetica,sans-serif}
.em-larache h1,.em-larache h2,.em-larache h3{margin-top:0;color:var(--em-green-dark);line-height:1.08}.em-larache h1{font-size:clamp(3.2rem,8vw,7.2rem);letter-spacing:-.045em;margin-bottom:18px}.em-larache h2{font-size:clamp(2rem,4vw,4rem);letter-spacing:-.03em;margin-bottom:18px}.em-larache h3{font-size:1.28rem;margin-bottom:10px}.em-larache p{font-size:1rem;line-height:1.78;margin:0;color:var(--em-muted)}
.em-lead{font-size:clamp(1.05rem,1.9vw,1.35rem);max-width:790px;color:#f8f2e9;line-height:1.7}.em-btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.em-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 22px;border-radius:999px;font-weight:800;transition:.22s ease;border:1px solid transparent;font-family:Arial,Helvetica,sans-serif}.em-btn-primary{background:var(--em-orange);color:#fff!important;box-shadow:0 10px 24px rgba(196,111,11,.28)}.em-btn-primary:hover{transform:translateY(-2px);background:#a95c05}.em-btn-secondary{background:rgba(255,255,255,.12);color:white;border-color:rgba(255,255,255,.55);backdrop-filter:blur(7px)}.em-btn-secondary:hover{background:white;color:var(--em-green-dark)}.em-btn-light{background:white;color:var(--em-green-dark);border-color:rgba(12,98,87,.14)}
#em-larache-landmarks,#em-larache-guide{scroll-margin-top:26px}
.em-hero{position:relative;min-height:820px;display:flex;align-items:flex-end;background:#134f49;overflow:hidden}.em-hero img{position:absolute;inset:0;object-position:center center}.em-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,46,41,.90) 0%,rgba(5,46,41,.62) 42%,rgba(5,46,41,.13) 100%)}.em-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,37,34,.50),transparent 44%)}.em-hero-content{position:relative;z-index:2;padding:90px 0 80px}.em-hero .em-kicker{color:#ffd9a6}.em-hero h1{color:white;max-width:900px}.em-title-line{display:block;font-size:clamp(1.15rem,2.1vw,1.8rem);font-weight:500;letter-spacing:.02em;color:#f4d7a2;margin-top:10px}
.em-section{padding:90px 0}.em-section-white{background:var(--em-paper)}.em-section-cream{background:linear-gradient(180deg,#fbf5e9 0%,#fffaf2 100%)}.em-grid-2{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.em-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.em-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.em-intro-copy p+p{margin-top:18px}.em-quote{padding:34px;border-left:5px solid var(--em-orange);background:white;border-radius:0 20px 20px 0;box-shadow:var(--em-shadow)}.em-quote strong{display:block;color:var(--em-green-dark);font-size:1.45rem;line-height:1.4;margin-bottom:12px}
.em-history-section{background-color:#315f56!important;background-image:linear-gradient(rgba(23,74,65,.88),rgba(23,74,65,.92)),url("assets/meknes-green-zellige.webp")!important;background-size:cover,560px auto!important;background-position:center,center!important;background-repeat:no-repeat,repeat!important;position:relative}.em-history-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.10));opacity:1}.em-history-section .em-shell{position:relative}.em-history-intro{max-width:930px;font-size:1.06rem}.em-history-timeline{margin-top:34px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}.em-history-timeline:before{content:"";position:absolute;left:0;right:0;top:34px;height:2px;background:linear-gradient(90deg,rgba(196,111,11,.25),rgba(12,98,87,.18))}.em-history-card{position:relative;background:white;border:1px solid rgba(12,98,87,.09);border-radius:24px;padding:28px 24px 24px;box-shadow:var(--em-shadow);min-height:260px;z-index:1}.em-history-step{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--em-green-dark);color:white;font-weight:800;margin-bottom:16px;box-shadow:0 10px 24px rgba(12,98,87,.18);font-family:Arial,Helvetica,sans-serif}.em-history-date{display:block;color:var(--em-orange);font-size:.75rem;font-weight:900;letter-spacing:.10em;text-transform:uppercase;margin-bottom:10px;font-family:Arial,Helvetica,sans-serif}.em-history-card h3{font-size:1.25rem}.em-history-card p{font-size:.94rem;line-height:1.68}
.em-origins-strip{padding-top:72px;padding-bottom:72px;background:#fffaf2}.em-origins-strip .em-shell{width:min(1680px,calc(100% - 72px))}.em-origins-intro{max-width:880px;text-align:center;margin:0 auto 34px}.em-circle-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px;align-items:start;max-width:1500px;margin:0 auto}.em-circle-item{text-align:center}.em-circle-frame{width:min(100%,460px);aspect-ratio:1/1;margin:0 auto 22px;border-radius:50%;overflow:hidden;background:#f1e6d6;box-shadow:var(--em-shadow);padding:0;border:0}.em-circle-frame img{width:100%;height:100%;object-fit:cover}.em-circle-item h3{font-size:1.20rem;margin-bottom:8px}.em-circle-item p{font-size:.95rem;max-width:340px;margin:0 auto}
.em-at-glance-final{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.20) 0 1px,transparent 2px),linear-gradient(180deg,#b59778 0%,#c8ad90 100%);background-size:34px 34px,auto}.em-at-glance-final h2,.em-at-glance-final .em-kicker{color:#fff8ef}.em-stat{background:#eadcc9;border:1px solid rgba(70,40,15,.10);border-radius:22px;padding:28px;min-height:250px;box-shadow:0 20px 50px rgba(68,38,14,.13)}.em-stat span{display:block;color:#61452b;font-weight:900;font-size:1.08rem;margin-bottom:12px}.em-stat p{font-size:.94rem;line-height:1.68;color:#735844}
.em-card{background:white;border-radius:24px;overflow:hidden;box-shadow:var(--em-shadow);border:1px solid rgba(12,98,87,.08);height:100%}.em-card-image{height:390px;background:#fffaf2;overflow:hidden}.em-card-image img{width:100%;height:100%;object-fit:cover}.em-card-body{padding:28px}.em-card-tag{display:inline-flex;padding:7px 11px;border-radius:999px;background:#f3e5cd;color:#9b5707;font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px;font-family:Arial,Helvetica,sans-serif}
.em-section-green{background-color:#084b43!important;background-image:linear-gradient(rgba(8,75,67,.90),rgba(8,75,67,.93)),url("assets/meknes-green-zellige.webp")!important;background-size:cover,560px auto!important;background-position:center,center!important;background-repeat:no-repeat,repeat!important;color:white;position:relative}.em-section-green:before{display:none!important}.em-section-green .em-shell{position:relative}.em-section-green h2,.em-section-green h3{color:white}.em-section-green p{color:rgba(255,255,255,.82)}.em-landmarks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px}.em-landmark{display:flex;gap:14px;align-items:flex-start;padding:18px;background:rgba(3,46,41,.78);border:1px solid rgba(255,255,255,.18);border-radius:18px;box-shadow:0 10px 24px rgba(0,0,0,.10)}.em-number{flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:var(--em-orange);display:grid;place-items:center;color:white;font-weight:900;font-family:Arial,Helvetica,sans-serif}.em-landmark strong{display:block;color:white;margin-bottom:5px}.em-landmark p{font-size:.9rem;line-height:1.55}.em-landmark-visual{position:relative;min-height:670px;border-radius:28px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.22)}.em-landmark-visual img{position:absolute;inset:0;object-position:center}.em-badge-circle{position:absolute;right:22px;bottom:22px;width:170px;height:170px;border-radius:50%;overflow:hidden;background:rgba(255,250,242,.95);padding:8px;box-shadow:0 18px 44px rgba(0,0,0,.20);border:4px solid rgba(255,255,255,.9)}.em-badge-circle img{width:100%;height:100%;object-fit:cover}
.em-feature{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:var(--em-paper)}.em-feature-image{min-height:650px;padding:36px;display:flex;align-items:center;justify-content:center;background:var(--em-paper)}.em-feature-image img{width:88%;height:88%;border-radius:34px;object-fit:cover;box-shadow:var(--em-shadow)}.em-feature-copy{display:flex;align-items:center;padding:70px clamp(34px,6vw,90px);background:var(--em-paper)}.em-checks{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:13px}.em-checks li{position:relative;padding-left:30px;color:var(--em-muted);line-height:1.55}.em-checks li:before{content:"✦";position:absolute;left:0;color:var(--em-orange);font-weight:900}
.em-gallery{display:grid;grid-template-columns:1.3fr .7fr .7fr;grid-template-rows:330px 330px;gap:18px}.em-gallery figure{margin:0;border-radius:24px;overflow:hidden;position:relative;min-height:330px}.em-gallery figure:first-child{grid-row:1/3}.em-gallery figure:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.50))}.em-gallery figcaption{position:absolute;left:16px;right:16px;bottom:14px;color:white;font-size:.82rem;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.65);z-index:2;font-family:Arial,Helvetica,sans-serif}
.em-nearby-final{background:linear-gradient(180deg,#b59778 0%,#c8ad90 100%)}.em-nearby-final h2,.em-nearby-final .em-kicker{color:#fff8ef}.em-nearby-final .em-nearby-intro{color:#fff6eb;max-width:900px}.em-nearby-grid-final{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.em-info-card{background:#f4ead9;border-radius:22px;padding:28px;border:1px solid rgba(196,111,11,.18)}.em-nearby-card{background:#eadcc9;border-color:rgba(70,40,15,.09);box-shadow:0 20px 50px rgba(68,38,14,.16);padding:0;overflow:hidden;display:flex;flex-direction:column;height:100%}.em-nearby-card h3{margin-bottom:8px;color:#61452b}.em-nearby-card p{color:#735844;font-size:.95rem}.em-nearby-media{height:270px;min-height:270px;max-height:270px;overflow:hidden;border-radius:22px 22px 0 0;background:#ddd1bd}.em-nearby-media img{width:100%;height:100%;object-fit:cover}.em-nearby-copy{padding:24px 24px 26px;flex:1}
.em-practical{background:#fffaf2}.em-practical-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:28px}.em-practical-card{background:white;border:1px solid var(--em-line);border-radius:22px;padding:24px;text-align:center;box-shadow:0 12px 30px rgba(31,55,48,.08)}.em-practical-icon{width:44px;height:44px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:#f3e5cd;color:var(--em-orange);font-weight:900;font-family:Arial,Helvetica,sans-serif}.em-practical-card h3{font-size:1rem}.em-practical-card p{font-size:.88rem;line-height:1.55}
.em-guide-section{background:#f7efe2}.em-guide{display:grid;grid-template-columns:.72fr 1.28fr;gap:50px;align-items:center;background:linear-gradient(135deg,#0a5a50,#083f39);border-radius:30px;padding:42px;color:white;overflow:hidden;position:relative}.em-guide:after{content:"";position:absolute;width:380px;height:380px;border:60px solid rgba(255,255,255,.05);border-radius:50%;right:-160px;top:-120px}.em-guide-cover{position:relative;z-index:2;max-width:330px;margin:auto;filter:drop-shadow(0 26px 26px rgba(0,0,0,.32))}.em-guide-cover img{height:auto;border-radius:10px;object-fit:contain}.em-guide-copy{position:relative;z-index:2}.em-guide h2{color:white}.em-guide p{color:rgba(255,255,255,.82)}.em-guide-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 22px;margin:24px 0 0}.em-guide-points span{color:#f8ead2;font-size:.92rem}
.em-final{padding:74px 0;text-align:center;background:var(--em-orange);position:relative;overflow:hidden}.em-final:before{content:"";position:absolute;inset:0;opacity:.15;background-image:radial-gradient(circle at center,transparent 0 8px,#fff 9px 10px,transparent 11px 26px,#fff 27px 28px,transparent 29px);background-size:58px 58px}.em-final .em-shell{position:relative}.em-final h2{color:white;max-width:880px;margin-left:auto;margin-right:auto}.em-final p{color:rgba(255,255,255,.86);max-width:780px;margin:0 auto}.em-final .em-btns{justify-content:center}
@media(max-width:1100px){.em-grid-4,.em-practical-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.em-grid-2,.em-feature,.em-guide{grid-template-columns:1fr}.em-history-timeline{grid-template-columns:1fr 1fr}.em-history-timeline:before{display:none}.em-circle-row,.em-grid-3,.em-nearby-grid-final{grid-template-columns:1fr}.em-circle-frame{width:min(100%,340px)}.em-landmark-visual{min-height:520px}.em-gallery{grid-template-columns:1fr 1fr;grid-template-rows:420px 280px 280px}.em-gallery figure:first-child{grid-column:1/3;grid-row:auto}.em-guide-cover{max-width:260px}}
@media(max-width:680px){.em-shell{width:calc(100% - 24px)}.em-section{padding:66px 0}.em-hero{min-height:680px}.em-hero-content{padding:70px 0 54px}.em-grid-3,.em-grid-4,.em-landmarks,.em-guide-points,.em-history-timeline,.em-practical-grid{grid-template-columns:1fr}.em-gallery{grid-template-columns:1fr;grid-template-rows:360px repeat(4,250px)}.em-gallery figure:first-child{grid-column:auto}.em-feature-image{min-height:420px;padding:24px}.em-feature-image img{width:92%;height:92%}.em-card-image{height:330px}.em-stat{min-height:auto}.em-btn{width:100%}.em-badge-circle{width:122px;height:122px;right:14px;bottom:14px}.em-nearby-media{height:250px;min-height:250px;max-height:250px}}


/* Meknès-style zellige treatment for the history section */
.em-history-section .em-kicker{color:#ffd9a6!important}
.em-history-section h2{color:#fff8ec!important}
.em-history-section .em-history-intro{color:rgba(255,248,236,.86)!important}
.em-history-section .em-history-timeline:before{background:linear-gradient(90deg,rgba(255,217,166,.40),rgba(255,255,255,.18))!important}
.em-history-section .em-history-card{background:rgba(255,250,242,.94)!important;border-color:rgba(255,255,255,.20)!important;box-shadow:0 24px 58px rgba(3,31,27,.24)!important}
.em-history-section .em-history-card h3{color:var(--em-green-dark)!important}
.em-history-section .em-history-card p{color:#66736f!important}
.em-history-section .em-history-date{color:#c46f0b!important}