:root{--iv:#F2ECDD;--paper:#F6F1E6;--ch:#2B2C2A;--nk:#141413;--g:#9A7A36;--hl:#2b2c2a26;--m:6vw}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ch);font:400 16px/1.6 Inter,sans-serif}
html[data-l=en] [lang=fr],html[data-l=fr] [lang=en]{display:none!important}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
h1,h2,h3{font-family:'Playfair Display SC',serif;font-weight:400;margin:0;letter-spacing:.01em}
em{font-family:'Cormorant Garamond',serif;font-style:italic;text-transform:none;letter-spacing:0}
.g{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;padding:0 var(--m)}
/* nav + masthead */
.n2{display:flex;justify-content:space-between;align-items:center;padding:22px var(--m)}
.n2 .brand{display:flex;gap:14px;align-items:center;font:500 12px Cinzel;letter-spacing:.32em;text-transform:uppercase}
.n2 .links{display:flex;gap:30px;font-size:13px}.n2 .links a{opacity:.6}.n2 .links a.on{opacity:1;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.lg{font:500 11px Cinzel;letter-spacing:.2em;background:none;border:0;color:inherit;cursor:pointer;padding:0}
.mast{display:flex;justify-content:space-between;padding:12px var(--m);border-top:1px solid var(--ch);border-bottom:1px solid var(--hl);font:500 10.5px Cinzel;letter-spacing:.3em;text-transform:uppercase}
.kline{height:3px;margin:0 var(--m);background:repeating-linear-gradient(90deg,#E8742A 0 24px,#1F7A4D 24px 48px,#C8302C 48px 72px,#9A7A36 72px 96px);width:96px}
.kick{font:500 10.5px Cinzel;letter-spacing:.32em;text-transform:uppercase;margin:0 0 28px}
.lede{font-size:17px;max-width:30em}
.ul{display:inline-block;font-size:14px;letter-spacing:.04em;border-bottom:1px solid currentColor;padding-bottom:4px;margin-top:22px}
figure{margin:0}figure .ph{background-size:cover;overflow:hidden;will-change:transform}
figure{overflow:hidden}figcaption{font-size:11px;letter-spacing:.04em;opacity:.6;padding-top:10px;background:var(--paper)}
.folio{grid-column:1/4;display:flex;gap:14px;align-items:baseline;font:500 10.5px Cinzel;letter-spacing:.3em;text-transform:uppercase}
.folio b{font:400 13px 'Playfair Display SC';color:var(--g);letter-spacing:.1em}
.xl{font-size:clamp(2.4rem,5vw,4.6rem);line-height:1.02}
section{padding:150px 0 0}
/* home hero */
.h2{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;padding:70px var(--m) 0;position:relative}
.h2t{grid-column:1/6;grid-row:1;align-self:end;padding-bottom:90px;z-index:2}
.h2 h1{font-size:clamp(3.2rem,7.2vw,7.6rem);line-height:.95;margin-bottom:34px}
.h2 h1 em{font-size:1.08em}
.h2a{grid-column:6/13;grid-row:1}.h2b{grid-column:4/7;grid-row:1;align-self:end;margin-bottom:-120px;z-index:3;border:10px solid var(--paper);border-bottom:0}
/* giant numbers */
.giant{grid-column:1/13;display:flex;align-items:baseline;font:400 clamp(9rem,26vw,24rem)/0.8 'Playfair Display SC';letter-spacing:-.03em;margin:50px 0 0}
.giant em{font-size:.42em;margin-left:.08em;color:var(--g)}
.gl{grid-column:7/12;font:italic clamp(1.4rem,2.2vw,2rem)/1.25 'Cormorant Garamond',serif;margin:30px 0 0}
.aud .folio{grid-row:1}
.plat{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;padding:0 var(--m);margin-top:110px}
.prow{grid-column:span 4;border-top:1px solid var(--ch);padding-top:18px}
.prow:nth-child(2){margin-top:70px}.prow:nth-child(3){margin-top:140px}
.pm{display:flex;gap:10px;align-items:center;font:500 10.5px Cinzel;letter-spacing:.3em;text-transform:uppercase}.pm small{font:12px Inter;letter-spacing:0;text-transform:none;opacity:.55}
.pn{font:400 clamp(4rem,8vw,7.4rem)/1 'Playfair Display SC';margin:26px 0 14px;letter-spacing:-.02em}
.prow p{font-size:15px;max-width:22em;margin:0}
.line{grid-column:4/12;font:400 clamp(1.5rem,2.6vw,2.4rem)/1.35 'Cormorant Garamond',serif;margin:130px 0 0}.line b{font:400 1em 'Playfair Display SC';color:var(--ch);border-bottom:1px solid var(--g)}
.src2{grid-column:4/12;font-size:11.5px;opacity:.6;margin-top:30px}.src2 .ul{margin:0 0 0 18px;opacity:1}
/* pillars strip */
.pil h2{margin-bottom:70px}
.hs{display:flex;gap:40px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--m) 20px;align-items:flex-start;scrollbar-width:none}
.hi{flex:0 0 auto;width:30vw;scroll-snap-align:start}.hi:nth-child(2){margin-top:120px;width:24vw}.hi:nth-child(3){width:26vw;margin-top:40px}.hi:nth-child(4){margin-top:170px;width:28vw}
.hi .ph{background-size:cover}.hc{display:grid;grid-template-columns:44px 1fr;padding-top:16px}.hc b{font:400 14px 'Playfair Display SC';color:var(--g);grid-row:span 2}.hc h3{font-size:1.5rem}.hc p{margin:6px 0 0;font-size:14px;opacity:.75}
.hint{padding:0 var(--m);font:500 10px Cinzel;letter-spacing:.3em;opacity:.5}
/* why */
.wa{grid-column:1/6}.wt{grid-column:7/12;align-self:center}.wt .folio{margin-bottom:40px}
blockquote{margin:0 0 30px;font:400 clamp(2.6rem,4.6vw,4.4rem)/1.02 'Playfair Display SC'}
/* brands */
.brands .gl{margin:0 0 60px}.gw{padding:0 var(--m)}
.wall2{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--hl);border-left:1px solid var(--hl)}
.wall2>div{border-right:1px solid var(--hl);border-bottom:1px solid var(--hl);height:130px;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center}
.wall2 img{max-height:30px;max-width:70%;filter:grayscale(1) brightness(0);opacity:.55}.wall2 img[src*=gmd],.wall2 img[src*=orange]{max-height:44px}.wall2 img[src*=fourpoints]{max-height:40px}
.wall2 span{font:400 12px Cinzel;letter-spacing:.16em;text-transform:uppercase;opacity:.55}
/* close */
.close{padding:180px 0 160px}.c-l{grid-column:1/4}.c-r{grid-column:4/12}.close h2{font-size:clamp(3rem,6.4vw,6.4rem);line-height:.98;margin-bottom:30px}
.f2{background:var(--nk);color:#cfc6b5;padding:80px var(--m) 30px;font-size:13px}.f2 .g{padding:0}.f2 .c1{grid-column:1/6}.f2 .c1 img{filter:invert(1) brightness(1.6)}.f2 .c2{grid-column:7/9;display:flex;flex-direction:column;gap:6px}.f2 .c3{grid-column:10/13}
.f2 .bot{display:flex;justify-content:space-between;border-top:1px solid #fff2;margin-top:60px;padding-top:20px;opacity:.6;font-size:11.5px}
/* audience page */
.ah{padding-top:70px}.ahl{grid-column:1/7;align-self:end;padding-bottom:40px}.ah h1{font-size:clamp(3.4rem,8vw,8.4rem);line-height:.92}
.ahf{grid-column:8/13}.ah .giant{margin-top:110px}
.pull{grid-column:4/10;font:italic clamp(1.4rem,2.2vw,2rem)/1.3 'Cormorant Garamond',serif;margin:110px 0 0;padding-left:28px;border-left:1px solid var(--g)}
.dk2{background:var(--nk);color:#EDE6D6;padding:140px 0;margin-top:150px}.dk2 .folio b{color:#C9A862}
.stack{grid-column:1/8;margin-top:40px}.stack div{display:flex;align-items:baseline;gap:22px;border-bottom:1px solid #ffffff22}
.stack span{font-family:'Playfair Display SC';letter-spacing:-.03em;line-height:.9}.stack small{font:500 11px Cinzel;letter-spacing:.3em}
.s1 span{font-size:clamp(8rem,20vw,18rem)}.s2 span{font-size:clamp(4rem,9vw,8rem);opacity:.75}.s3 span{font-size:clamp(3rem,6vw,5.4rem);opacity:.55}
.side{grid-column:9/13;align-self:end}.side h2{font-size:3rem;margin-bottom:24px}.side p{color:#cfc6b5}
.chf{grid-column:1/6}.side2{grid-column:7/13;align-self:center}.side2 .folio{margin-bottom:30px}.side2 .gl{margin:10px 0 0}.side2 .pull{margin-left:0}
.giant2{font:400 clamp(7rem,16vw,15rem)/.85 'Playfair Display SC';letter-spacing:-.03em}.giant2 em{font-size:.4em;color:var(--g)}
.geo{grid-column:1/9;margin-top:40px;font-family:'Playfair Display SC';line-height:1}.geo>div{border-bottom:1px solid var(--hl);padding:10px 0}
.geo .c1{display:flex;justify-content:space-between;align-items:baseline;font-size:clamp(4rem,9vw,8.4rem)}.geo .c1 b{font-weight:400;font-size:.45em;color:var(--g)}
.geo .c2{font-size:clamp(2.6rem,5vw,4.6rem)}.geo .c3{font-size:clamp(2rem,3.6vw,3.4rem)}.geo .c4{font-size:2rem;opacity:.8}.geo .c5{font-size:1.6rem;opacity:.7}.geo .c6{font-size:1.3rem;opacity:.6}
.side3{grid-column:10/13;align-self:end;font-size:14.5px}.side3 .pull{margin:30px 0 0;font-size:1.4rem}
.mk{grid-column:9/12;box-shadow:0 30px 60px #0002;transform:rotate(2deg)}
/* collab */
.sps{padding-top:120px}.sp{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;padding:0 var(--m);margin-bottom:170px}
.spf{grid-column:1/6}.spt{grid-column:7/12;align-self:center}.sp.rev .spf{grid-column:8/13;grid-row:1}.sp.rev .spt{grid-column:2/7;grid-row:1}
.sp:nth-child(odd) .spf{margin-top:0}.sp .spt .folio{margin-bottom:26px}.spt h2{margin-bottom:34px}
.spt dl{display:grid;grid-template-columns:110px 1fr;gap:12px 20px;margin:0;font-size:15px;border-top:1px solid var(--hl);padding-top:18px}.spt dt{font:500 10.5px/2 Cinzel;letter-spacing:.28em;text-transform:uppercase;opacity:.6}.spt dd{margin:0}
.spt .pull{margin:40px 0 0}
.toc{list-style:none;padding:0;margin:50px 0 0}.toc li{display:flex;align-items:baseline;gap:18px;padding:18px 0;border-bottom:1px solid var(--hl)}
.toc b{font:400 13px 'Playfair Display SC';color:var(--g)}.toc span{font:400 1.9rem 'Playfair Display SC'}.toc i{flex:1;border-bottom:1px dotted #2b2c2a55}.toc em{font-size:1.2rem}
@media (max-width:900px){:root{--m:22px}
.n2 .links{display:none}.mast span:nth-child(2){display:none}
.g,.h2,.plat,.sp{grid-template-columns:repeat(6,1fr);column-gap:14px}
.h2{padding-top:30px}.h2t{grid-column:1/7;grid-row:2;padding:40px 0 0}.h2a{grid-column:1/6;grid-row:1}.h2b{grid-column:4/7;grid-row:1;margin-bottom:-60px;border-width:6px}
.folio{grid-column:1/7;margin-bottom:20px}.gl,.line,.src2,.pull,.c-r,.c-l,.wa,.wt,.ahl,.ahf,.stack,.side,.chf,.side2,.geo,.side3,.mk,.spf,.spt,.sp.rev .spf,.sp.rev .spt{grid-column:1/7!important}
.sp.rev .spf,.sp.rev .spt{grid-row:auto}.spt{margin-top:30px}.sp{margin-bottom:110px}
.prow{grid-column:1/7;margin-top:50px!important}.prow:nth-child(2){margin-left:22%}.prow:nth-child(3){margin-left:8%}
section{padding-top:100px}.giant{font-size:38vw}.hs{gap:18px}.hi,.hi:nth-child(n){width:72vw}.hi:nth-child(even){margin-top:60px}
.wall2{grid-template-columns:repeat(3,1fr)}.wall2>div{height:96px;padding:12px}.wall2 img{max-height:22px}.wall2 span{font-size:10px}
.ahf{margin-top:30px}.wt{margin-top:50px}.side,.side3{margin-top:40px}.mk{margin-top:40px;width:70%}.chf{margin-bottom:50px}
.f2 .c1,.f2 .c2,.f2 .c3{grid-column:1/7;margin-bottom:24px}.pull{margin-top:70px}.dk2{padding:100px 0}.toc span{font-size:1.25rem}.toc em{display:none}}
/* round 2 */
.h2t{grid-column:1/5;padding-bottom:200px}.h2b{grid-column:5/8;margin-bottom:-90px}.h2a figcaption{text-align:right}
.hs>:first-child{margin-left:0}.hs:before,.hs:after{content:"";flex:0 0 calc(var(--m) - 40px)}
.wall2 img[src*=yassir]{max-height:44px}
.sp:nth-child(1) .spf{grid-column:1/7}.sp:nth-child(1) .spt{grid-column:8/12}
.sp:nth-child(2) .spf{grid-column:9/13}.sp:nth-child(2) .spt{grid-column:2/8}
.sp:nth-child(3) .spf{grid-column:2/6}.sp:nth-child(3) .spt{grid-column:7/13;align-self:end}
.sp:nth-child(4) .spf{grid-column:7/13}.sp:nth-child(4) .spt{grid-column:1/6;align-self:start;padding-top:80px}
.sp:nth-child(5){background:var(--nk);color:#EDE6D6;padding-top:120px;padding-bottom:120px;margin-bottom:0}.sp:nth-child(5) figcaption{background:var(--nk)}.sp:nth-child(5) .spf{grid-column:1/5}.sp:nth-child(5) .spt{grid-column:6/12}
.spt h2{font-size:clamp(3rem,6.4vw,6.4rem)}
@media (max-width:900px){.g>*,.sp .spf,.sp .spt,.sp:nth-child(n) .spf,.sp:nth-child(n) .spt{grid-column:1/-1!important;grid-row:auto!important}.h2t{padding-bottom:0}.h2b{grid-column:4/7!important}.spt{padding-top:0!important}.spt h2{font-size:2.8rem}.sp:nth-child(5){padding:70px 22px}.mast{font-size:9px}}
