@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400;6..96,500&family=Archivo:wght@300;400&display=swap");
.cz{--bg:#d9dcdd;--ink:#15181a;--stone:#a9b0b3;--deep:#1d2326;--bone:#eceeed;--mut:#5d666a;--serif:"Bodoni Moda",Didot,serif;--sans:"Archivo","Helvetica Neue",Arial,sans-serif;
background:var(--bg);color:var(--ink);font:300 16px/1.7 var(--sans);padding:14vh 6vw;position:relative;box-sizing:border-box;min-height:80vh}
.cz *{box-sizing:border-box;margin:0}
.cz h1,.cz h2,.cz h3{font-family:var(--serif);font-weight:400;line-height:1}
.cz.dark{background:var(--deep);color:var(--bone)}
.cz .lab{font-size:12px;letter-spacing:.28em;text-transform:uppercase}
.cz .btn{display:inline-block;margin-top:2.5rem;padding:1rem 2rem;border:1px solid currentColor;color:inherit;text-decoration:none;font-size:12px;letter-spacing:.28em;text-transform:uppercase;transition:background .3s,color .3s}
.cz .btn:hover,.cz .btn:focus-visible{background:var(--ink);color:var(--bone);outline:none}
.cz.dark .btn:hover,.cz.dark .btn:focus-visible{background:var(--bone);color:var(--deep)}
.cz .copy{max-width:34rem}.cz .copy p+p{margin-top:1rem}
.cz .ph{background:linear-gradient(160deg,#eef0f0,#9da6aa 60%,#5b666a);width:100%;height:100%}
.cz img{display:block;width:100%;height:100%;object-fit:cover}
.cz-hero{padding:0;min-height:100vh;display:grid;grid-template-rows:1fr auto;overflow:hidden;background:linear-gradient(180deg,#c9cfd1,#8f989c 55%,#3b4448)}
.cz-hero .bg{position:absolute;inset:0}.cz-hero .bg .ph{background:none}
.cz-hero .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(21,24,26,.05),rgba(21,24,26,.55))}
.cz-hero h1{position:relative;align-self:center;text-align:center;font-size:clamp(3.2rem,15vw,13rem);letter-spacing:.12em;padding-left:.12em;color:var(--bone)}
.cz-hero .sub{position:relative;text-align:center;font-family:var(--serif);font-style:italic;font-size:clamp(1rem,2vw,1.5rem);color:var(--bone);margin-top:-6vh}
.cz-hero .foot{position:relative;display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1rem;padding:6vh 6vw;color:var(--bone)}
.cz-hero .foot b{font:400 clamp(1.6rem,3vw,2.4rem)/1 var(--serif);display:block;margin-bottom:.4rem}
.cz-hero .foot .btn{margin:0}.cz-hero .foot .btn:hover{background:var(--bone);color:var(--deep)}
.cz-idea{display:flex;flex-direction:column;justify-content:center;min-height:100vh}
.cz-idea h2{font-size:clamp(2rem,6vw,5.2rem);max-width:15ch;margin-bottom:3rem}
.cz-kongo h2{font-size:clamp(4rem,18vw,16rem);letter-spacing:.06em;color:#2c3438}
.cz-kongo .lines{margin:2rem 0 12vh;font-family:var(--serif);font-style:italic;font-size:1.4rem;line-height:1.5}
.cz-piece{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:end;margin-bottom:18vh}
.cz-piece:nth-of-type(even){direction:rtl}.cz-piece:nth-of-type(even)>*{direction:ltr}
.cz-piece .img{aspect-ratio:3/4;overflow:hidden}
.cz-piece h3{font-size:clamp(2.4rem,6vw,5rem);letter-spacing:.08em}
.cz-piece p{margin-top:1rem;font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--mut)}
.cz-piece a{color:inherit;text-decoration:none}
.cz-kongo .end{text-align:center}
.cz-why{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:100vh}
.cz-why h2{font-size:clamp(3rem,10vw,9rem);letter-spacing:.06em;margin-bottom:3rem}
.cz-why .copy{font-family:var(--serif);font-size:clamp(1.2rem,2.2vw,1.7rem);line-height:1.5}
.cz-split{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;min-height:100vh}
.cz-split .img{aspect-ratio:4/5;overflow:hidden}
.cz-split h2{font-size:clamp(2.2rem,5vw,4.4rem);margin-bottom:2.5rem;letter-spacing:.04em;max-width:12ch}
.cz-split .l{margin-top:2rem;font-family:var(--serif);font-style:italic;font-size:1.3rem;line-height:1.4}
.cz-journal h2{font-size:clamp(2.4rem,7vw,6rem);margin-bottom:8vh;letter-spacing:.04em}
.cz-jl{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #4b565b}
.cz-jl>*{padding:2rem 2rem 3rem;border-right:1px solid #4b565b;color:inherit;text-decoration:none}
.cz-jl>*:first-child{padding-left:0}.cz-jl>*:last-child{border:0}
.cz-jl h3{font-size:1.5rem;letter-spacing:.06em;margin-bottom:1rem}.cz-jl p{color:var(--stone);font-size:15px}
.cz-final{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;min-height:90vh;background:#0f1315}
.cz-final h2{font-size:clamp(4rem,18vw,15rem);letter-spacing:.08em;padding-left:.08em}
.cz-final .s{margin-top:1.5rem;font-family:var(--serif);font-style:italic;font-size:1.3rem}
.cz-final .d{margin-top:3rem;font-size:13px;letter-spacing:.3em}
.cz-final form{margin-top:2.5rem;display:flex;border-bottom:1px solid var(--bone);max-width:28rem;width:100%}
.cz-final input{flex:1;background:none;border:0;color:var(--bone);padding:1rem 0;font:inherit;outline:none}
.cz-final input::placeholder{color:var(--stone)}
.cz-final button{background:none;border:0;color:var(--bone);font:inherit;font-size:12px;letter-spacing:.28em;text-transform:uppercase;cursor:pointer;padding:0 0 0 1rem}
.cz-final button:focus-visible,.cz-final input:focus-visible{outline:1px solid var(--bone)}
.cz-foot{display:flex;flex-wrap:wrap;gap:1.5rem 2.2rem;justify-content:center;margin-top:8vh;font-size:12px;letter-spacing:.18em;text-transform:uppercase}
.cz-foot a{color:var(--stone);text-decoration:none}.cz-foot a:hover,.cz-foot a:focus-visible{color:var(--bone)}
@media(max-width:760px){.cz-piece,.cz-split{grid-template-columns:1fr}.cz-piece:nth-of-type(even){direction:ltr}.cz-jl{grid-template-columns:1fr}.cz-jl>*{border-right:0;border-bottom:1px solid #4b565b;padding:2rem 0}}