@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/art-de-la-difference/dar-zitouna/_next/static/media/35f3de0ebb1cfc70-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/art-de-la-difference/dar-zitouna/_next/static/media/e6099e249fd938cc-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:"Instrument Serif Fallback";src:local("Times New Roman");ascent-override:117.94%;descent-override:36.93%;line-gap-override:0.00%;size-adjust:83.94%}.__className_647a4d{font-family:"Instrument Serif","Instrument Serif Fallback";font-weight:400;font-style:normal}.__variable_647a4d{--font-instrument-serif:"Instrument Serif","Instrument Serif Fallback"}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(/art-de-la-difference/dar-zitouna/_next/static/media/adb45196eddef626-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400 700;font-stretch:100%;font-display:swap;src:url(/art-de-la-difference/dar-zitouna/_next/static/media/26d0ba92e140f0dc-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Instrument Sans Fallback;src:local("Arial");ascent-override:94.42%;descent-override:24.33%;line-gap-override:0.00%;size-adjust:102.74%}.__className_e430f0{font-family:Instrument Sans,Instrument Sans Fallback;font-style:normal}.__variable_e430f0{--font-instrument-sans:"Instrument Sans","Instrument Sans Fallback"}:root{--bg:#0f0f0f;--fg:#f2f0e6;--transition-grid:#f2f0e6}*{margin:0;padding:0;box-sizing:border-box}.navbar{position:fixed;width:100%;padding:1rem;display:flex;justify-content:space-between;align-items:flex-start;z-index:2}.navbar-items{display:flex;gap:clamp(1rem,4vw,2rem)}.navbar-item{padding:1.5rem}.navbar-item a{text-decoration:none;color:var(--fg);font-family:var(--font-instrument-sans);font-weight:500;letter-spacing:-2%}.hero{position:relative;width:100%;height:100svh;background-color:va(--bg);color:var(--fg);display:flex;justify-content:center;align-items:center;overflow:hidden}.hero.patio{background:url(/art-de-la-difference/dar-zitouna/img1.jpg) no-repeat 50% 50%;background-size:cover}.hero.chambres{background:url(/art-de-la-difference/dar-zitouna/img2.jpg) no-repeat 50% 50%;background-size:cover}.hero.terrasse{background:url(/art-de-la-difference/dar-zitouna/img3.jpg) no-repeat 50% 50%;background-size:cover}.hero h1{font-family:var(--font-instrument-serif);font-size:clamp(5rem,15vw,20rem);font-weight:500;letter-spacing:-3%;line-height:1}@media (max-width:1000px){.navbar{padding:2rem}.navbar-items{align-items:flex-end;flex-direction:column;gap:0}.navbar-item{padding:.25rem}}.transition-grid{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:100;overflow:hidden}.transition-block{position:absolute;background-color:var(--transition-grid);will-change:transform}