@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700;750;800;900;1000&family=Instrument+Serif:ital@0;1&display=swap');
.contact-details{padding-top:35px!important}.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-card{background:#eae8df;border-radius:5px;padding:35px;display:flex;flex-direction:column;gap:38px;min-width:0;transition:transform .2s}.contact-card:hover{transform:translateY(-5px)}.contact-card strong{font-size:clamp(19px,2.4vw,36px);font-weight:500;letter-spacing:-1px;overflow-wrap:anywhere}.contact-card.email-card{background:#7354ef;color:#f4f2eb}.contact-card-bottom{display:flex;align-items:center;justify-content:space-between;font-size:12px}.contact-card-bottom b{font-size:27px;font-weight:400}form small a,dialog p a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}@media(max-width:650px){.contact-cards{grid-template-columns:1fr;gap:16px}.contact-card{padding:25px;gap:28px}.contact-card strong{font-size:clamp(18px,5.6vw,30px)}}
:root{--paper:#f4f2eb;--ink:#242520;--purple:#7354ef;--line:#d7d6cd;--muted:#74746c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}::selection{background:#d4ff6a;color:var(--ink)}.header{height:100px;max-width:1600px;margin:auto;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:8px;font-size:29px;font-weight:900;letter-spacing:-1.6px}.logo-mark{display:inline-grid;place-items:center;width:29px;height:29px;background:var(--purple);color:white;font-size:27px;border-radius:50%;letter-spacing:0}.header nav{display:flex;gap:35px;font-size:13px}.header nav a{position:relative;padding:10px 0}.header nav a:after{content:'';position:absolute;bottom:3px;left:0;width:0;height:1px;background:currentColor;transition:width .2s}.header nav a:hover:after{width:100%}.nav-contact{font-size:13px;border-bottom:1px solid;padding:10px 0}.nav-contact span{margin-left:30px}.menu-toggle{display:none}.hero{max-width:1600px;margin:auto;padding:38px 5% 0}.hero-top{display:flex;justify-content:space-between;align-items:center}.eyebrow,.hero-note,.section-label,.art-caption,.art-index{font-size:10px;font-weight:550;letter-spacing:1px}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow i,.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--purple)}.hero-note{line-height:1.7;letter-spacing:0}.hero h1{font-size:clamp(76px,9.9vw,154px);line-height:.95;letter-spacing:-.075em;font-weight:550;margin:40px 0 30px;position:relative;max-width:1100px}.serif{font-family:'Instrument Serif',Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.04em}.hero h1 .serif{color:var(--purple);font-size:1.12em}.title-star{display:inline-block;color:var(--purple);font-size:.77em;vertical-align:middle;margin-left:9%;animation:star-turn 30s linear infinite}.hero-bottom{display:flex;align-items:center;gap:40px;padding:3px 0 38px}.hero-bottom p{font-size:14px;line-height:1.7;margin:0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border:0;border-radius:4px;padding:18px 22px;font-size:12px;font-weight:500;transition:background .2s,transform .2s}.dark{background:var(--ink);color:var(--paper)}.button:hover{background:var(--purple);transform:translateY(-3px)}.button span{font-size:20px;line-height:1}.scroll-link{margin-left:auto;font-size:9px;letter-spacing:1px;display:flex;align-items:center;gap:20px}.scroll-link span{font-size:23px}.hero-art{height:440px;background:#7758ef;overflow:hidden;position:relative;border-radius:5px;color:#eeefdb;isolation:isolate}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#f4f2eb0d 1px,transparent 1px),linear-gradient(90deg,#f4f2eb0d 1px,transparent 1px);background-size:65px 65px;z-index:-1}.art-caption{position:absolute;top:27px;left:30px;font-size:9px}.art-word{position:absolute;left:5%;top:115px;font-size:clamp(40px,5.4vw,80px);font-weight:500;line-height:1.02;letter-spacing:-.06em;z-index:2}.art-word span{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:1.13em}.orb{position:absolute;border-radius:50%;box-shadow:inset -35px -35px 55px #25125970,inset 20px 15px 35px #e1d5ff80,15px 25px 30px #38207545;background:linear-gradient(130deg,#ac8cff,#8259ee 50%,#5734bd);animation:float 9s ease-in-out infinite}.orb-one{width:340px;height:340px;right:7%;top:60px}.orb-two{width:215px;height:215px;right:28%;top:290px;animation-delay:-3s}.orb-three{width:155px;height:155px;right:-35px;top:-40px;animation-delay:-6s}.art-sticker{position:absolute;top:55px;right:8%;width:130px;height:130px;background:#dbf5a8;color:#34342a;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(14deg);z-index:3;box-shadow:0 3px 4px #2b165320}.art-sticker span{font-size:8px;letter-spacing:1px}.art-sticker b{font-size:66px;font-weight:400;line-height:1.1}.art-index{position:absolute;bottom:25px;left:30px;font-size:8px}.art-plus{position:absolute;bottom:20px;right:30px;font-size:30px;font-weight:300}.ticker{overflow:hidden;border-bottom:1px solid var(--line);padding:30px 0;margin-top:24px}.ticker>div{width:max-content;display:flex;align-items:center;gap:46px;font-size:15px;font-weight:650;letter-spacing:1px;animation:ticker 35s linear infinite}.ticker span{color:var(--purple);font-size:28px}.section{max-width:1600px;margin:auto;padding:95px 5%}.section-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:48px 0 50px}h2{font-size:clamp(40px,4.65vw,70px);line-height:1.04;letter-spacing:-.055em;font-weight:500;margin:0}.section-heading>p{max-width:330px;font-size:13px;line-height:1.8;margin:0 0 4px;color:#686960}.service{border-top:1px solid var(--line)}.service:last-child{border-bottom:1px solid var(--line)}.service summary{list-style:none;display:flex;align-items:center;gap:35px;padding:28px 0;cursor:pointer}.service summary::-webkit-details-marker{display:none}.service-number{font-size:10px;color:var(--muted)}h3{margin:0;font-weight:500}.service h3{font-size:25px;letter-spacing:-.8px}.service-icon{margin-left:auto;border:1px solid #cccfc0;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;transition:transform .25s,background .25s}.service[open] .service-icon{background:var(--purple);color:white;border-color:var(--purple);transform:rotate(90deg)}.service-content{padding:0 65px 28px;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.service-content p{font-size:13px;line-height:1.8;color:#686960;max-width:530px;margin:0}.tags{display:flex;flex-wrap:wrap;gap:7px}.tags span{border:1px solid var(--line);padding:7px 11px;border-radius:30px;font-size:9px;white-space:nowrap}.projects{padding-top:35px}.section-heading small{display:block;margin-top:13px;font-size:10px;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 24px}.project-card{border:0;background:none;padding:0;text-align:left;min-width:0}.project-visual{height:390px;border-radius:5px;position:relative;overflow:hidden;transition:filter .25s}.project-card:hover .project-visual{filter:brightness(1.035)}.project-open{position:absolute;right:18px;bottom:18px;border-radius:50%;background:var(--paper);width:40px;height:40px;display:grid;place-items:center;font-size:24px;transition:transform .25s;z-index:4}.project-card:hover .project-open{transform:rotate(45deg)}.project-info{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-top:16px}.project-info h3{font-size:19px;letter-spacing:-.5px}.project-info>span{font-size:10px;color:var(--muted)}.project-info .project-type{margin-left:auto;font-size:8px;letter-spacing:.4px}.atelier{background:#d3d0c5;padding:35px 40px 0}.mock-site{position:relative;height:100%;background:#eeebe1;padding:20px 23px;overflow:hidden;box-shadow:0 10px 25px #403c2312}.mock-nav{display:flex;justify-content:space-between;align-items:center}.mock-nav b{font-family:Georgia,serif;font-size:23px;letter-spacing:-1.5px}.mock-nav span{font-size:5px;letter-spacing:1px}.mock-nav i{font-size:13px;margin-left:15px}.atelier-title{position:relative;z-index:2;font-size:49px;font-family:Georgia,serif;line-height:1.03;letter-spacing:-3px;margin-top:30px}.atelier-title em{font-weight:400}.architecture{position:absolute;right:0;top:77px;width:49%;height:255px;background:linear-gradient(120deg,#cbc6b8,#b6ab98);overflow:hidden}.arch{width:65%;height:220px;position:absolute;right:-2%;top:25px;border-radius:90px 90px 0 0;background:linear-gradient(110deg,#312e24,#6a6456 75%,#a6987f);border:12px solid #d4cbb7;box-shadow:-12px 8px 20px #938b78}.pedestal{position:absolute;bottom:-20px;left:6px;width:90px;height:90px;background:linear-gradient(100deg,#ebe2ce,#bcb09a);transform:skewY(-10deg);box-shadow:25px 15px 30px #544b3b}.mock-foot{font-size:5px;letter-spacing:1px;position:absolute;bottom:22px;left:23px}.mock-foot span{margin-left:25px;font-size:16px}.rituel{background:#ecb844;color:#593728;padding:25px 30px}.rituel-top{font-family:Georgia,serif;font-size:33px;font-weight:bold;letter-spacing:-2px;display:flex;align-items:center;justify-content:space-between}.rituel-top span{font:6px 'DM Sans',sans-serif;letter-spacing:1px}.rituel-title{font-family:Georgia,serif;font-size:33px;line-height:1.1;margin-top:24px;letter-spacing:-1px;position:relative;z-index:2}.coffee-pack{position:absolute;background:#f7e8c4;width:146px;height:222px;right:58px;top:139px;transform:rotate(13deg);box-shadow:15px 22px 15px #76551d42;display:flex;align-items:center;flex-direction:column;padding:17px 7px;border-top:8px solid #e6d8b4;border-bottom:8px solid #e6d8b4}.coffee-pack>span{font-size:6px;letter-spacing:1px}.coffee-pack>b{font:bold 43px Georgia,serif;letter-spacing:-3px}.coffee-flower{font-size:66px;color:#b74627;line-height:1.1}.coffee-pack strong{font-size:11px;letter-spacing:2px}.coffee-pack small{font-size:5px;text-align:center;line-height:1.7;margin-top:8px}.coffee-circle{position:absolute;left:34px;bottom:48px;width:86px;height:86px;border:1px solid #835120;border-radius:50%;display:grid;place-items:center;font-size:7px;text-align:center;line-height:1.7;transform:rotate(-15deg)}.wide{grid-column:1/-1}.mouvement{height:365px;background:#d4ef72;padding:28px 35px}.move-nav{font-size:18px;font-weight:1000;letter-spacing:-1px;display:flex;justify-content:space-between;align-items:center}.move-nav span{font-size:7px;letter-spacing:1px;font-weight:500}.move-nav i{font-size:18px;margin-left:20px}.move-title{position:relative;z-index:2;font-weight:1000;letter-spacing:-4px;line-height:.98;font-size:clamp(35px,5.3vw,80px);margin-top:55px;transform:skew(-5deg)}.move-title>span{color:#658339}.move-rings{position:absolute;right:10%;top:80px;width:250px;height:300px;transform:rotate(30deg)}.move-rings i{position:absolute;inset:0;border:24px solid #333d25;border-radius:50%;box-shadow:inset 6px 6px 9px #658339,6px 8px 10px #53662a50}.move-rings i:nth-child(2){transform:translateX(50px)}.move-rings i:nth-child(3){transform:translateX(100px)}.move-tag{position:absolute;bottom:26px;font-size:7px;letter-spacing:1px}.approach{background:#eae8df;max-width:none;padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:55px}.approach h2{font-size:clamp(39px,4vw,62px)}.approach-symbol{font-size:160px;color:var(--purple);line-height:1.2;font-weight:400}.approach-copy>p{font-size:13px;line-height:1.85;color:#686960}.approach-copy .large-copy{font-size:22px;line-height:1.4;color:var(--ink);letter-spacing:-.6px;margin:0 0 23px}.steps{margin-top:35px}.steps>div{border-top:1px solid #cecec4;padding:20px 0 15px 36px;position:relative}.steps span{position:absolute;left:0;top:24px;font-size:9px;color:var(--muted)}.steps h3{font-size:16px}.steps p{font-size:12px;color:#686960;line-height:1.6;margin:7px 0}.contact{padding-top:80px;padding-bottom:70px}.contact-heading{display:flex;justify-content:space-between;align-items:center;margin-top:55px}.contact h2{font-size:clamp(49px,6.8vw,103px)}.contact h2 .serif{color:var(--purple)}.contact-arrow{font-size:145px;color:var(--purple);line-height:1}.contact-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:35px}.contact-bottom p{font-size:13px;line-height:1.8}footer{margin:0 5%;padding:30px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}footer>.logo{font-size:24px}footer>span{font-size:10px;color:var(--muted)}footer>div{display:flex;align-items:center;gap:20px;font-size:9px;color:var(--muted)}footer button{border:0;padding:0;background:none;font-size:9px;color:inherit}footer>div>a{font-size:21px;color:var(--ink)}dialog{width:min(570px,calc(100% - 32px));max-height:90dvh;border:0;border-radius:10px;background:var(--paper);color:var(--ink);padding:42px;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#22232088;backdrop-filter:blur(7px)}.dialog-close{position:absolute;right:15px;top:12px;font-size:28px;border:0;background:none}.dialog-close:hover{color:var(--purple)}dialog h2{font-size:42px;margin:20px 0}dialog p{font-size:14px;line-height:1.7;color:#686960}dialog .dialog-note{font-size:11px;margin:24px 0}form{display:grid;gap:14px;margin-top:25px}form label{display:grid;gap:7px;font-size:12px}input,select,textarea{width:100%;border:1px solid #cccbbf;padding:12px;border-radius:4px;background:#fffc;color:var(--ink);font-size:13px}textarea{resize:vertical}form small{font-size:10px;line-height:1.6;color:var(--muted)}#form-status:empty{display:none}#form-status{font-size:12px;margin:0;color:#504096}:focus-visible{outline:3px solid var(--purple);outline-offset:5px}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.js-motion .reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-20px)}}@keyframes star-turn{to{transform:rotate(360deg)}}@keyframes ticker{to{transform:translateX(-50%)}}@media(min-width:1500px){.hero-art{height:500px}.art-word{top:145px}}@media(max-width:1000px){.hero h1{font-size:11vw}.title-star{margin-left:6%}.hero-bottom{gap:25px}.hero-bottom p{font-size:12px}.scroll-link{font-size:8px;gap:10px}.service-content{flex-direction:column;align-items:flex-start}.project-info .project-type{width:100%;margin-left:0}.project-visual{height:340px}.atelier{padding:25px 25px 0}.atelier-title{font-size:40px}.rituel-title{font-size:28px}.coffee-pack{right:32px;top:125px;width:125px;height:197px}.coffee-flower{font-size:48px}.coffee-circle{left:20px;bottom:30px;width:70px;height:70px;font-size:6px}.approach-grid{gap:6%}footer>span{display:none}}@media(max-width:650px){html{scroll-padding-top:20px}.header{height:78px;padding:0 6%}.logo{font-size:25px}.logo-mark{width:25px;height:25px;font-size:23px}.header nav{display:none;position:absolute;top:77px;left:0;right:0;background:var(--paper);padding:24px 6%;z-index:10;border-bottom:1px solid var(--line);flex-direction:column;gap:10px}.header nav.open{display:flex}.nav-contact{margin-left:auto;margin-right:20px;font-size:11px}.nav-contact span{margin-left:10px}.menu-toggle{display:block;border:0;background:none;font-size:20px}.hero{padding:27px 6% 0}.hero-note{display:none}.eyebrow{font-size:8px}.hero h1{font-size:15vw;letter-spacing:-.07em;margin:35px 0 26px}.title-star{font-size:.6em;margin-left:5%}.hero-bottom{flex-wrap:wrap;gap:20px;padding-bottom:28px}.hero-bottom p{font-size:13px;width:100%}.button{padding:16px 18px;font-size:11px;gap:24px}.scroll-link{font-size:7px}.hero-art{height:350px}.art-caption{left:20px;top:20px;font-size:6px}.art-word{left:20px;top:116px;font-size:40px}.orb-one{width:250px;height:250px;right:-45px;top:100px}.orb-two{width:140px;height:140px;right:45%;top:275px}.orb-three{width:95px;height:95px;top:-35px}.art-sticker{width:90px;height:90px;right:25px;top:28px}.art-sticker b{font-size:43px}.art-sticker span{font-size:5px}.art-index{left:20px;font-size:6px}.ticker{padding:17px 0;margin-top:15px}.ticker>div{font-size:11px;gap:24px}.ticker span{font-size:21px}.section{padding:60px 6%}.section-label{font-size:7px;letter-spacing:.7px}.section-label>span:last-child{max-width:42%;text-align:right}.section-heading{display:block;margin:33px 0}.section-heading p{margin-top:23px;font-size:12px;max-width:100%}h2{font-size:43px}.service summary{gap:15px;padding:22px 0}.service h3{font-size:17px;letter-spacing:-.5px;flex:1}.service-icon{width:30px;height:30px}.service-content{padding:0 0 23px 28px;gap:15px}.service-content p{font-size:12px}.tags span{font-size:8px;padding:6px 9px}.projects{padding-top:15px}.project-grid{grid-template-columns:1fr;gap:30px}.project-visual{height:340px}.project-info{gap:12px}.project-info .project-type{font-size:7px}.atelier-title{font-size:46px}.rituel-title{font-size:32px}.coffee-pack{right:50px}.coffee-circle{left:35px;bottom:35px}.mouvement{height:300px;padding:22px}.move-nav{font-size:13px}.move-nav span{font-size:5px;letter-spacing:0}.move-title{font-size:36px;letter-spacing:-2px;margin-top:57px}.move-rings{right:23%;top:75px;width:110px;height:200px}.move-rings i{border-width:13px}.move-rings i:nth-child(2){transform:translateX(30px)}.move-rings i:nth-child(3){transform:translateX(60px)}.move-tag{font-size:5px}.approach-grid{grid-template-columns:1fr;gap:25px;margin-top:35px}.approach-grid>div:first-child{position:relative}.approach h2{font-size:40px}.approach-symbol{position:absolute;right:5px;bottom:-10px;font-size:75px;opacity:.4}.approach-copy .large-copy{font-size:20px}.contact-heading{margin-top:35px}.contact h2{font-size:12vw}.contact-arrow{font-size:60px}.contact-bottom{align-items:flex-start;flex-direction:column;gap:12px;margin-top:20px}.contact-bottom p{font-size:12px}footer{margin:0 6%;padding:25px 0;flex-wrap:wrap;gap:23px}footer>div{width:100%;justify-content:space-between}dialog{padding:30px 24px}dialog h2{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}

button.contact-card{border:0;text-align:left;width:100%}.contact-card-bottom{width:100%}

.morocco-announcement{display:flex;justify-content:center;align-items:center;gap:24px;padding:15px 5%;background:#e8e1fc;font-size:13px;text-align:center}.morocco-announcement span{font-weight:650}.header nav{gap:22px}@media(max-width:850px) and (min-width:651px){.header nav{gap:12px;font-size:11px}.header .nav-contact{display:none}}@media(max-width:650px){.morocco-announcement{flex-direction:column;gap:5px;font-size:12px}}
.contact-email{font-size:13px;margin:0 0 24px;overflow-wrap:anywhere}.contact-email a{text-decoration:underline;text-underline-offset:3px}
.whatsapp-float{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:calc(20px + env(safe-area-inset-bottom));z-index:50;display:inline-flex;align-items:center;gap:10px;padding:15px 20px;background:#146c43;color:#fff;border:1px solid #ffffff50;border-radius:50px;box-shadow:0 6px 24px #173a2933;font-size:13px;font-weight:650;transition:background .2s,transform .2s}.whatsapp-float:hover{background:#105934;transform:translateY(-2px)}.whatsapp-float svg{flex-shrink:0}body{padding-bottom:95px}@media(max-width:650px){.whatsapp-float{right:16px;bottom:calc(16px + env(safe-area-inset-bottom));padding:12px 16px;font-size:12px;gap:8px}}
.reputation{display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid var(--line)}
.reputation h2{font-size:clamp(30px,4vw,52px);margin:18px 0}
.reputation p,.morocco-focus>p{max-width:700px;font-size:15px;line-height:1.8;color:#56564f}
.reputation .button{flex-shrink:0}
.morocco-focus>.button{margin-top:20px}
.breadcrumb{max-width:1440px;margin:20px auto 0;padding:0 5%;font-size:12px;line-height:1.8}
.breadcrumb a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){.reputation{flex-direction:column;align-items:flex-start}.reputation .button{white-space:normal;max-width:100%}}