.book{--ink:#262626;--ink-deep:#161616;--paper:#f5f6f5;--orange:#fe6432;--smoke:#8f8a86;--smoke-light:#5f5b58;--line-dark:#f5f6f529;--line-light:#26262629;--display:var(--font-oswald,ui-sans-serif),"Arial Narrow",Impact,sans-serif;--body:var(--font-bricolage,ui-sans-serif),system-ui,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--gutter:clamp(16px,4vw,56px);--maxw:1440px;--bar:84px;background:var(--ink);color:var(--paper);font-family:var(--body);text-rendering:optimizelegibility;font-size:17px;line-height:1.55}.book p,.book span,.book li,.book a,.book button,.book strong,.book b{font-family:inherit}.book section[id]{scroll-margin-top:var(--bar)}.book .closing-cta{background:var(--ink);color:var(--paper);border-radius:7px;align-items:center;gap:10px;padding:12px 20px;font-weight:600;text-decoration:none;display:inline-flex}.book .closing-cta:hover{background:var(--ink-deep)}.book img,.book video{max-width:100%;display:block}.book a{color:inherit}.book button{font:inherit;color:inherit}.book :focus-visible{outline:2px solid var(--orange);outline-offset:3px}.book .wrap{max-width:var(--maxw);padding-inline:var(--gutter);margin-inline:auto}.book .sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.book .pill{letter-spacing:.02em;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid;border-radius:7px;align-items:center;gap:8px;padding:5px 12px;font-size:13px;text-decoration:none;display:inline-flex}.book .eyebrow{font-family:var(--body);letter-spacing:.1em;text-transform:uppercase;align-items:baseline;gap:10px;margin:0;font-size:13px;font-weight:500;display:flex}.book .eyebrow .slash{color:var(--orange);font-weight:600}.book .display{font-family:var(--display);text-transform:uppercase;letter-spacing:-.005em;text-wrap:balance;margin:0;font-weight:600;line-height:1.1}.book .hl{background:linear-gradient(transparent .2em,var(--orange) .2em,var(--orange) 1.3em,transparent 1.3em);color:var(--paper);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .14em}.book .lede{text-wrap:pretty;max-width:34em;margin:0;font-size:clamp(18px,1.5vw,21px);line-height:1.5}.book .tags{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.book .tags li{opacity:.85;border:1px solid;border-radius:7px;padding:3px 10px;font-size:13px}.book .cover{background:var(--ink);min-height:max(620px,min(92vh,980px));padding-top:var(--bar);position:relative;overflow:hidden}.book .cover-media{clip-path:polygon(0 0,100% 0,100% 100%,27% 100%);position:absolute;inset:0 0 0 38%}.book .cover-media video,.book .cover-media img{object-fit:cover;width:100%;height:100%}.book .cover-media:after{content:"";background:linear-gradient(90deg,#16161659,#16161600 40%);position:absolute;inset:0}.book .cover-inner{z-index:2;min-height:calc(max(620px,min(92vh,980px)) - var(--bar));grid-template-rows:1fr auto;gap:32px;padding-block:clamp(28px,5vw,64px);display:grid;position:relative}.book .cover-title{align-self:end;gap:22px;max-width:min(780px,62%);display:grid}.book .cover-title .display{font-size:clamp(52px,8.4vw,132px)}.book .cover-title .display .line{display:block}.book .cover-sub{letter-spacing:.06em;text-transform:uppercase;max-width:36em;margin:0;font-size:clamp(15px,1.25vw,18px)}.book .cover-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 28px;display:flex}.book .cover-foot .tags li{border-color:var(--paper)}.book .reel-label{font-family:var(--mono);letter-spacing:.04em;color:var(--paper);background:#1616168c;border-radius:6px;align-items:center;gap:10px;padding:6px 10px;font-size:12px;display:flex}.book .rec{background:var(--orange);border-radius:50%;width:8px;height:8px;animation:1.6s steps(2,start) infinite book-blink}@keyframes book-blink{to{visibility:hidden}}.book .light{background:var(--paper);color:var(--ink)}.book .dark{background:var(--ink);color:var(--paper)}.book .deep{background:var(--ink-deep);color:var(--paper)}.book .manifesto{padding-block:clamp(80px,11vw,160px)}.book .manifesto-grid{gap:40px var(--gutter);grid-template-columns:repeat(12,1fr);align-items:start;display:grid}.book .manifesto-statement{grid-column:1/7;font-size:clamp(38px,4.8vw,72px)}.book .manifesto-text{grid-column:7/-1;align-content:start;gap:22px;padding-top:8px;display:grid}.book .manifesto-text p{max-width:36em;color:var(--smoke-light);margin:0}.book .manifesto-text p.lede{color:var(--ink)}.book .services{border-top:2px solid var(--ink);grid-column:1/-1;grid-template-columns:repeat(4,1fr);margin-top:clamp(24px,4vw,56px);display:grid}.book .service{border-right:1px solid var(--line-light);align-content:start;gap:10px;padding:22px 22px 26px 0;display:grid}.book .service+.service{padding-left:22px}.book .service:last-child{border-right:0}.book .service h3{font-family:var(--display);text-transform:uppercase;margin:0;font-size:26px;font-weight:600;line-height:1}.book .service h3 .slash{color:var(--orange)}.book .service p{color:var(--smoke-light);margin:0;font-size:15px}.book .service .refs{font-family:var(--mono);color:var(--ink);flex-wrap:wrap;gap:4px 12px;font-size:12px;display:flex}.book .service .refs a{border-bottom:1px solid var(--orange);text-decoration:none}.book .index{padding-block:clamp(72px,9vw,128px)}.book .index-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px;margin-bottom:36px;display:flex}.book .index-head .display{max-width:14em;font-size:clamp(34px,4.4vw,62px)}.book .index-list{border-top:1px solid var(--line-dark);margin:0;padding:0;list-style:none}.book .index-list li{border-bottom:1px solid var(--line-dark)}.book .index-row{grid-template-columns:4.5ch minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:20px;padding:18px 12px;text-decoration:none;transition:background .25s,color .25s;display:grid;position:relative}.book .index-row .n{font-family:var(--mono);color:var(--smoke);font-size:13px}.book .index-row .client{font-family:var(--display);text-transform:uppercase;font-size:clamp(24px,2.7vw,40px);font-weight:500;line-height:1.05}.book .index-row .what{color:var(--smoke);text-align:right;font-size:15px}.book .index-row .thumb{aspect-ratio:16/10;object-fit:cover;opacity:0;pointer-events:none;z-index:3;width:220px;transition:opacity .25s,transform .35s;position:absolute;top:50%;right:32%;transform:translateY(-50%)rotate(-3deg)scale(.9);box-shadow:0 20px 50px #00000073}.book .index-row:hover,.book .index-row:focus-visible{background:var(--paper);color:var(--ink)}.book .index-row:hover .what,.book .index-row:focus-visible .what{color:var(--smoke-light)}.book .index-row:hover .n,.book .index-row:focus-visible .n{color:var(--orange)}.book .index-row:hover .thumb{opacity:1;transform:translateY(-50%)rotate(-3deg)scale(1)}.book .chap{padding-block:clamp(80px,10vw,150px);position:relative}.book .chap-head{gap:28px var(--gutter);grid-template-columns:repeat(12,1fr);margin-bottom:clamp(40px,5vw,72px);display:grid}.book .chap-title{grid-column:1/8;align-content:start;gap:18px;display:grid}.book .chap-title .client{font-family:var(--body);letter-spacing:.01em;margin:0;font-size:clamp(18px,1.5vw,22px);font-weight:600}.book .chap-title .display{font-size:clamp(44px,6.2vw,100px)}.book .chap-side{grid-column:8/-1;align-content:end;gap:24px;display:grid}.book .chap-side p{text-wrap:pretty;max-width:34em;margin:0}.book .dark .chap-side p,.book .deep .chap-side p{color:#f5f6f5d1}.book .light .chap-side p{color:#3d3a38}.book .slate{font-family:var(--mono);border:1px solid;border-radius:8px;font-size:12.5px;overflow:hidden}.book .slate-band{opacity:.9;background:repeating-linear-gradient(66deg,currentColor 0 10px,#0000 10px 20px);border-bottom:1px solid;height:14px}.book .slate dl{grid-template-columns:repeat(3,1fr);margin:0;display:grid}.book .slate dl div{border-right:1px solid var(--slate-line);padding:10px 12px}.book .slate dl div:nth-child(3n){border-right:0}.book .slate dl div:nth-child(n+4){border-top:1px solid var(--slate-line)}.book .slate dt{letter-spacing:.08em;text-transform:uppercase;opacity:.6;margin-bottom:2px;font-size:10.5px}.book .slate dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin:0}.book .dark,.book .deep{--slate-line:var(--line-dark)}.book .light{--slate-line:var(--line-light)}.book .m{background:#1f1f1f;margin:0;position:relative;overflow:hidden}.book .light .m{background:#e4e5e3}.book .m img,.book .m video{object-fit:cover;width:100%;height:100%;transition:transform .9s cubic-bezier(.2,.7,.2,1)}.book .ph{cursor:zoom-in;text-align:left;background:0 0;border:0;width:100%;height:100%;padding:0;display:block}.book .ph:hover img{transform:scale(1.035)}.book .cap{font-family:var(--mono);letter-spacing:.02em;color:var(--paper);pointer-events:none;background:linear-gradient(#0000,#0000008c);width:100%;margin:0;padding:8px 10px;font-size:11.5px;position:absolute;bottom:0;left:0}.book .film{cursor:pointer;aspect-ratio:16/9;text-align:left;border:0;width:100%;padding:0;display:block}.book .film:hover video,.book .film:hover img{transform:scale(1.02)}.book .film:after{content:"";pointer-events:none;background:linear-gradient(0deg,#0000008c 0,#0000 45%);position:absolute;inset:0}.book .play{z-index:2;color:var(--paper);align-items:center;gap:14px;display:flex;position:absolute;bottom:clamp(14px,2vw,26px);left:clamp(14px,2vw,28px)}.book .play-btn{aspect-ratio:1;background:var(--orange);border-radius:50%;place-items:center;width:clamp(52px,5vw,72px);transition:transform .3s;display:grid}.book .play-btn svg{width:34%;height:34%;fill:var(--ink);margin-left:6%}.book .film:hover .play-btn{transform:scale(1.08)}.book .play-txt{gap:2px;display:grid}.book .play-txt strong{font-family:var(--display);text-transform:uppercase;letter-spacing:.02em;font-size:clamp(18px,1.6vw,24px);font-weight:500;line-height:1}.book .play-txt span{font-family:var(--mono);opacity:.85;font-size:12px}.book .loop-badge{z-index:2;font-family:var(--mono);color:var(--paper);background:#161616b3;border-radius:5px;align-items:center;gap:7px;padding:3px 8px;font-size:11px;display:flex;position:absolute;top:12px;left:12px}.book .loop-badge .rec{width:6px;height:6px}.book .g{gap:clamp(8px,1vw,14px);display:grid}.book .mosaic{grid-template-columns:repeat(12,1fr);grid-auto-rows:clamp(34px,6.2vw,92px)}.book .sub-label{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:14px;margin:clamp(40px,5vw,64px) 0 16px;font-size:12px;display:flex}.book .sub-label:after{content:"";opacity:.25;background:currentColor;flex:1;height:1px}.book .evv-bts{grid-template-columns:3fr 5fr 4fr;align-items:stretch}.book .evv-bts .col{gap:inherit;grid-template-rows:1fr 1fr;min-height:0;display:grid}.book .evv-bts>*,.book .evv-bts .col>*{min-height:0}.book .block-note{color:#f5f6f5c7;max-width:44em;margin:0 0 16px;font-size:15.5px}.book .e-duo{grid-area:span 6/1/auto/7}.book .e-chai{grid-area:span 3/7/auto/10}.book .e-verre{grid-area:span 3/10/auto/13}.book .e-barriques{grid-area:span 3/7/auto/13}.book .e-rangs{grid-area:span 4/1/auto/7}.book .e-tour{grid-area:span 4/7/auto/13}.book .cab-hero{aspect-ratio:21/9;clip-path:polygon(0 0,100% 0,100% 100%,9% 100%);margin-bottom:clamp(8px,1vw,14px);position:relative}.book .cab-hero video{object-fit:cover;width:100%;height:100%}.book .cab-hero .cap{text-align:right;background:0 0;width:auto;padding:14px 18px;left:auto;right:0}.book .c-galets{grid-area:span 7/1/auto/5}.book .c-emilie26{grid-area:span 4/5/auto/13}.book .c-emilie28{grid-area:span 3/5/auto/9}.book .c-caveau{grid-area:span 3/9/auto/13}.book .c-table{grid-area:span 4/1/auto/8}.book .c-roses{grid-area:span 4/8/auto/13}.book .c-emilie5{grid-area:span 4/1/auto/5}.book .c-domaine{grid-area:span 4/5/auto/9}.book .c-aube{grid-area:span 4/9/auto/13}.book .cuma-grid{grid-template-columns:8fr 4fr}.book .cuma-grid .stack{gap:inherit;grid-template-rows:1fr 1fr;display:grid}.book .voices{font-family:var(--mono);color:var(--smoke);flex-wrap:wrap;gap:6px 22px;margin-top:22px;font-size:12.5px;display:flex}.book .voices span b{color:var(--paper);font-weight:500}.book .helex-top{grid-template-columns:7fr 5fr;align-items:stretch}.book .helex-top .stack{gap:inherit;grid-template-rows:1fr 1fr;display:grid}.book .helex-row{grid-template-columns:repeat(4,1fr);margin-top:clamp(8px,1vw,14px)}.book .helex-row .m{aspect-ratio:4/5}.book .syrpa-grid{grid-template-columns:5fr 7fr;align-items:stretch}.book .syrpa-poster{aspect-ratio:2481/3508;background:var(--paper)}.book .syrpa-poster img{object-fit:contain}.book .syrpa-right{gap:inherit;grid-template-rows:auto 1fr;display:grid}.book .syrpa-duo{gap:inherit;grid-template-columns:1fr 1fr;display:grid}.book .syrpa-duo .m{min-height:180px}.book .syrpa-wide{aspect-ratio:21/8;margin-top:clamp(8px,1vw,14px)}.book .syrpa-wide img{object-position:50% 40%}.book .b-champ{grid-area:span 5/1/auto/8}.book .b-portrait{grid-area:span 5/8/auto/13}.book .b-labo{grid-area:span 4/1/auto/5}.book .b-chanvre{grid-area:span 4/5/auto/9}.book .b-irrig{grid-area:span 4/9/auto/13}.book .laroche{overflow:hidden}.book .laroche:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#f5f6f512 0 14px,#0000 14px 30px);position:absolute;inset:0 0 0 52%}.book .laroche .chap-head{align-items:center;margin-bottom:0}.book .laroche .chap-title{grid-column:1/7}.book .phones{grid-column:7/-1;justify-content:center;gap:clamp(16px,3vw,44px);display:flex;position:relative}.book .phone{justify-items:center;gap:12px;width:min(260px,42%);display:grid}.book .phone:nth-child(2){margin-top:clamp(40px,6vw,90px)}.book .phone-frame{aspect-ratio:9/16;background:#0d0d0d;border:9px solid #0d0d0d;border-radius:28px;width:100%;position:relative;overflow:hidden;box-shadow:0 30px 70px #00000080,0 0 0 1px #f5f6f51f}.book .phone-frame video{object-fit:cover;border-radius:19px;width:100%;height:100%}.book .phone-frame:before{content:"";z-index:2;background:#0d0d0d;border-radius:10px;width:34%;height:16px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.book .sound{z-index:3;color:var(--paper);font-family:var(--mono);cursor:pointer;background:#161616b8;border:0;border-radius:6px;padding:5px 8px;font-size:11px;position:absolute;bottom:10px;right:10px}.book .phone figcaption{font-family:var(--mono);color:var(--smoke);font-size:12px}.book .expo-grid{grid-template-columns:8fr 4fr;align-items:stretch}.book .expo-card{color:#23413f;background:#f2c230;align-content:space-between;gap:24px;padding:clamp(20px,2.4vw,34px);display:grid}.book .expo-card .display{font-size:clamp(30px,3vw,48px);line-height:1}.book .expo-card p{font-family:var(--mono);margin:0;font-size:12.5px}.book .expo-card .date{font-family:var(--display);text-transform:uppercase;font-size:22px;font-weight:500}.book .p-amphi{grid-area:span 6/1/auto/9}.book .p-orateur,.book .p-groupe{grid-area:span 3/9/auto/13}.book .closing{background:var(--orange);color:var(--ink);padding-block:clamp(80px,10vw,150px);position:relative;overflow:hidden}.book .closing-grid{gap:48px var(--gutter);grid-template-columns:repeat(12,1fr);align-items:end;display:grid}.book .closing .display{grid-column:1/7;max-width:11em;font-size:clamp(30px,3.6vw,56px)}.book .closing .display .ink{background:linear-gradient(transparent .2em,var(--ink) .2em,var(--ink) 1.3em,transparent 1.3em);color:var(--orange);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .14em}.book .team{grid-column:7/-1;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px);display:grid}.book .card{border-top:1.5px solid var(--ink);align-content:start;gap:2px;padding-top:14px;display:grid}.book .card h3{font-family:var(--display);text-transform:uppercase;margin:0;font-size:clamp(18px,1.5vw,22px);font-weight:600;line-height:1.05}.book .card h3 .slash{opacity:.55}.book .card .role{margin:2px 0 8px;font-size:14px;line-height:1.35}.book .card p{font-family:var(--mono);overflow-wrap:anywhere;margin:0;font-size:12.5px;line-height:1.6}.book .card a{border-bottom:1px solid #26262680;text-decoration:none}.book .card a:hover{background:var(--ink);color:var(--orange);border-color:var(--ink)}.book .closing-foot{border-top:1.5px solid var(--ink);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;padding-top:22px;display:flex}.book .closing-foot .tags li{border-color:var(--ink);opacity:1}.book dialog{color:var(--paper);background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;padding:0}.book dialog::backdrop{background:#0c0c0cf0}.book .dlg{padding:calc(env(safe-area-inset-top,0px) + 14px) var(--gutter) calc(env(safe-area-inset-bottom,0px) + 14px);grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0}.book .dlg-top{font-family:var(--mono);justify-content:space-between;align-items:center;gap:16px;min-height:40px;font-size:13px;display:flex}.book .dlg-top .pill{border-color:var(--line-dark)}.book .dlg-stage{place-items:center;min-height:0;padding-block:12px;display:grid}.book .dlg-stage video,.book .dlg-stage img{object-fit:contain;background:#000;width:auto;max-width:100%;height:auto;max-height:100%}.book .dlg-nav{justify-content:center;gap:10px;display:flex}.book .dlg-nav .pill{border-color:var(--line-dark);padding:8px 16px}@media (max-width:1080px){.book .index-row{grid-template-columns:4ch minmax(0,1fr)}.book .index-row .what,.book .index-row .thumb{display:none}.book .services{grid-template-columns:repeat(2,1fr)}.book .service:nth-child(2){border-right:0}.book .service:nth-child(3){padding-left:0}.book .service:nth-child(n+3){border-top:1px solid var(--line-light)}.book .chap-title,.book .chap-side,.book .laroche .chap-title,.book .phones{grid-column:1/-1}.book .phones{margin-top:40px}.book .laroche:before{inset:45% 0 0}.book .closing .display,.book .team{grid-column:1/-1}.book .closing .display{max-width:none}.book .manifesto-statement,.book .manifesto-text{grid-column:1/-1}.book .manifesto-text{padding-top:0}}@media (max-width:760px){.book{font-size:16px}.book .cover-media{clip-path:polygon(0 22%,100% 0,100% 100%,0 100%);height:50%;inset:auto 0 0}.book .cover-media:after{background:linear-gradient(#262626cc,#26262600 40%)}.book .cover-inner{grid-template-rows:auto 1fr}.book .cover-title{align-self:start;max-width:100%}.book .cover-foot{align-self:end}.book .services{grid-template-columns:1fr}.book .service,.book .service+.service{border-right:0;border-top:1px solid var(--line-light);padding:18px 0}.book .service:first-child{border-top:0}.book .index-row{grid-template-columns:3.5ch minmax(0,1fr);padding:14px 4px}.book .mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}.book .mosaic>*{aspect-ratio:4/5;grid-area:auto!important}.book .mosaic>.wide{aspect-ratio:3/2;grid-column:1/-1!important}.book .evv-bts,.book .cuma-grid,.book .helex-top,.book .syrpa-grid,.book .expo-grid{grid-template-columns:1fr}.book .evv-bts .vert{aspect-ratio:9/14}.book .evv-bts .col,.book .cuma-grid .stack,.book .helex-top .stack{grid-template-rows:none;grid-template-columns:1fr 1fr}.book .evv-bts .col .m,.book .cuma-grid .stack .m,.book .helex-top .stack .m{aspect-ratio:4/3}.book .helex-row{grid-template-columns:repeat(2,1fr)}.book .syrpa-duo .m{aspect-ratio:4/5;min-height:0}.book .syrpa-wide{aspect-ratio:3/2}.book .cab-hero{aspect-ratio:4/3;clip-path:none}.book .slate dl{grid-template-columns:repeat(2,1fr)}.book .slate dl div{border-right:1px solid var(--slate-line)!important;border-top:0!important}.book .slate dl div:nth-child(2n){border-right:0!important}.book .slate dl div:nth-child(n+3){border-top:1px solid var(--slate-line)!important}.book .play-txt span{display:none}.book .team{grid-template-columns:1fr;gap:20px}}.book .dlg-stage{position:relative}.book .dlg-stage img{object-fit:contain;pointer-events:none;background:0 0}
