/* FINAL REFINEMENT — Dar El Elidrissi, November 2026 */
:root{--forest:#1a422f;--dark:#02110c;--cream:#f3ebd6;--ink:#09231a;--sand:#eee3ca;--gold:#ab8a49;--gold-soft:#d7bc81}
html{scroll-padding-top:92px}body{overflow-x:clip}
/* Remove all image tiles and pseudo-elements with visible edges. */
.hero:before,.hero:after,.intro:before,.collections:before,.contact:before,.statement:before,.experiences:before,.experiences:after,.appointment:before,.about-art:before,.footer:before,.services:before,.services:after,.contact-form:before{content:none!important;display:none!important;background-image:none!important}
.embroidered-decoration,.collection-ornament,.contact-pattern,.statement-woven,.big-asterisk,.intro-kicker .motif,.collection-caption>span,.appointment-mark{display:none!important}
/* Compact sections, intentional breathing room */
.intro{padding-top:55px;padding-bottom:57px;grid-template-columns:19% 1fr;gap:24px}.intro-copy{padding-top:22px;gap:22px}
.services{padding:54px 0 62px}.section-heading{margin-bottom:20px}.section-heading .section-label{margin-bottom:14px}
.statement{padding:48px 0 55px}.statement-type{font-size:clamp(55px,8vw,105px);line-height:.91;margin:0;max-width:1040px}
.collections{padding-top:57px;padding-bottom:64px}.collections-head{margin-bottom:23px}.collections-head>p:last-child{margin-top:15px}.collections-layout{min-height:430px}
.experiences{padding:61px 0}.exp-left>p:not(.section-label){margin:22px 0}.exp-right{display:grid;gap:6px}.exp-item{padding:14px 0}.exp-item h3{margin:4px 0;font-size:clamp(24px,2.6vw,35px)}.exp-item p{margin:6px 0}
.appointment{margin-top:35px;margin-bottom:35px;padding:30px 4.5%;background:var(--sand)}
.about-text{padding-top:59px;padding-bottom:58px}.about-art{min-height:440px}
.contact{padding:61px 0}.contact-top{margin-bottom:27px}
.footer{padding-top:45px}.footer-top{padding-bottom:30px}
/* Tighten headings: avoid the over-spaced feeling */
.hero h1{line-height:.86;margin:16px 0 22px;letter-spacing:-.02em}
.intro h2,.section-heading h2,.collections h2,.experiences h2,.appointment h2,.about h2,.contact h2{line-height:.94;letter-spacing:-.025em}
.hero-bottom p,.intro-copy p{margin-top:0}
.section-label{font-size:11px;letter-spacing:.14em}
/* Six cards across two rows in the services viewport on desktop */
.services-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:clamp(185px,16.2vw,240px);gap:11px}
.services-grid .service-card.large{grid-row:span 1;grid-column:span 1;height:auto}
.service-card{min-height:0}.service-overlay{padding:17px}.service-overlay h3{font-size:clamp(28px,2.7vw,42px);line-height:.94;margin-bottom:6px}.service-overlay p{font-size:13px;line-height:1.42;max-width:260px}
.service-img{background-position:center}.services-grid .coming-visual strong{font-size:clamp(35px,4vw,52px)}.coming-visual span{font-size:48px}
/* No arrows anywhere on this website. Subtle Moroccan ornamental diamond instead. */
.service-arrow,.contact-info-arrow,.round-arrow{display:none!important}
.text-link>span:last-child:empty,.form-submit>span:last-child:empty{display:none!important}
.text-link{gap:0;letter-spacing:.06em;border-bottom:1px solid var(--forest);padding:8px 0 12px;font-size:12px}
.text-link:after,.header-cta:after,.solid-button:after,.btn-light:after,.form-submit:after{content:'✥';font:400 16px Georgia,serif;opacity:.85;margin-inline-start:15px;color:inherit}
/* Arabic-inspired buttons: clipped ornamental silhouettes, touch-friendly */
.header-cta,.lang-switch,.btn-light,.solid-button,.form-submit,.skip-intro{border-radius:0!important;clip-path:polygon(0 18%,4% 18%,4% 0,96% 0,96% 18%,100% 18%,100% 82%,96% 82%,96% 100%,4% 100%,4% 82%,0 82%);min-height:48px;transition:transform .22s ease,filter .22s ease}
.btn-light,.solid-button{padding:17px 27px}.header-cta{padding:14px 17px}.form-submit{padding:17px 24px}
:is(.header-cta,.btn-light,.solid-button,.form-submit):hover{transform:translateY(-2px);filter:brightness(1.08)}
/* continuous marquee using truly identical halves, no empty gap */
.ticker{height:54px;overflow:hidden;display:flex;background:var(--forest)}.ticker-track{display:flex;width:max-content;gap:0;animation:darSeamless 34s linear infinite}.ticker-group{display:flex;align-items:center;gap:22px;flex:none;padding-right:22px;white-space:nowrap}.ticker-group span{font:400 25px var(--font);color:var(--cream)}.ticker-group b{font-size:19px;color:var(--gold-soft);font-weight:400}
@keyframes darSeamless{from{transform:translateX(0)}to{transform:translateX(-50%)}}
/* No more numeric UI labels; no decorative cut-off photo boxes. */
.service-number,.hero-index,.hero-side,.exp-item>span{display:none!important}
/* Buttons and cards better defined but avoid visual excess */
.contact-info-link{padding:21px 0 23px}.collection-caption{padding:26px}
/* The identity stays intact in right-to-left text. */
html[lang=ar] .ticker-track{direction:ltr}html[lang=ar] .ticker-group{direction:ltr}
@media(max-width:1100px){.services-grid{grid-auto-rows:220px}.service-overlay h3{font-size:32px}}
@media(max-width:760px){
 .hero h1{line-height:.97;margin:19px 0}.intro{padding-top:43px;padding-bottom:43px}.intro-copy{padding-top:10px}.services{padding:44px 0 50px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:260px;gap:8px}.services-grid .service-card.large{grid-column:span 2;height:310px}.service-overlay{padding:15px}.service-overlay h3{font-size:clamp(26px,5.3vw,35px)}.service-overlay p{font-size:12px}.statement{padding:49px 0}.statement-type{font-size:clamp(48px,9vw,80px)}.collections{padding:46px 0}.collections-layout{min-height:0}.experiences{padding:46px 0}.appointment{margin-top:24px;margin-bottom:24px;padding:24px}.about-text{padding-top:48px;padding-bottom:48px}.about-art{min-height:330px}.contact{padding:47px 0}.footer{padding-top:40px}.ticker{height:49px}.ticker-group span{font-size:22px}
}
@media(max-width:430px){.services-grid{grid-template-columns:1fr;grid-auto-rows:285px}.services-grid .service-card.large{grid-column:auto;height:auto}.service-overlay h3{font-size:39px}.intro h2,.section-heading h2,.collections h2,.experiences h2,.appointment h2,.about h2,.contact h2{font-size:clamp(39px,9vw,55px)}.collection-photo{min-height:255px}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}.ticker{overflow:auto}}