html,body,#main{box-sizing:border-box;margin:0;padding:0}:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;-webkit-font-smoothing:inherit}h1,h2,h3,h4,h5,h6,p,figure{margin:0}body,input,textarea,select,button{font-family:sans-serif;font-size:12px}body{--color-white:#fff;--color-ink:#0f0f0f;--color-gray:#616161;--color-gray-50:#f7f7f7;--color-line:#e8e8e8;--color-gray-800:#2e2e2e;--color-white-85:#ffffffd9;--color-ink-soft:#161616;--color-yellow:#f7fabe;--color-sand:#e3dccf;--color-cyan:#d7f5f8;--color-paper:#fafafa;--color-olive:#5e5a49;--color-gray-400:#ababab;--color-night:#101014;--color-slate:#3d3d47;--color-mist:#d0d1db}@supports (z-index:calc(infinity)){}@supports (background:-webkit-named-image(i)) and (not (grid-template-rows:subgrid)){body{--ui-will-change-override:transform}}@supports (background:-webkit-named-image(i)) and (not (position-area:top right)){body{--ui-will-change-filter-override:filter}}@supports not (color:color(display-p3 1 1 1)){p.drz-text,div.drz-text,h1.drz-text,h2.drz-text,h3.drz-text,h4.drz-text,h5.drz-text,h6.drz-text,li.drz-text,ol.drz-text,ul.drz-text,span.drz-text:not([data-text-fill]){color:var(--ui-blockquote-text-color-rgb,var(--ui-blockquote-text-color,var(--ui-text-color-rgb,var(--ui-text-color,#000))));-webkit-text-stroke-color:var(--ui-text-stroke-color-rgb,var(--ui-text-stroke-color,initial))}}@supports not (color:color(display-p3 1 1 1)){code.drz-text,code.drz-text span.drz-text:not([data-text-fill]){color:var(--ui-blockquote-text-color-rgb,var(--ui-blockquote-text-color,var(--ui-code-text-color-rgb,var(--ui-code-text-color,var(--ui-text-color-rgb,var(--ui-text-color,#000))))))}}@supports not (color:color(display-p3 1 1 1)){a.drz-text,span.drz-text[data-nested-link]{color:var(--ui-link-text-color-rgb,var(--ui-link-text-color,var(--ui-blockquote-text-color-rgb,var(--ui-blockquote-text-color,var(--ui-text-color-rgb,var(--ui-text-color,#000))))));background-color:var(--ui-link-text-background-color-rgb,var(--ui-link-text-background-color,initial));-webkit-text-decoration-color:var(--ui-link-text-decoration-color-rgb,var(--ui-link-text-decoration-color,var(--ui-text-decoration-color-rgb,var(--ui-text-decoration-color,currentcolor))));text-decoration-color:var(--ui-link-text-decoration-color-rgb,var(--ui-link-text-decoration-color,var(--ui-text-decoration-color-rgb,var(--ui-text-decoration-color,currentcolor))))}}@supports not (color:color(display-p3 1 1 1)){}@supports not (color:color(display-p3 1 1 1)){a.drz-text:hover,span.drz-text[data-nested-link]:hover{color:var(--ui-link-hover-text-color-rgb,var(--ui-link-hover-text-color,var(--ui-link-text-color-rgb,var(--ui-link-text-color,var(--ui-blockquote-text-color-rgb,var(--ui-blockquote-text-color,var(--ui-text-color-rgb,var(--ui-text-color,#000))))))));background-color:var(--ui-link-hover-text-background-color-rgb,var(--ui-link-hover-text-background-color,var(--ui-link-text-background-color-rgb,var(--ui-link-text-background-color,var(--ui-text-background-color-rgb,var(--ui-text-background-color,initial))))));-webkit-text-decoration-color:var(--ui-link-hover-text-decoration-color-rgb,var(--ui-link-hover-text-decoration-color,var(--ui-link-text-decoration-color-rgb,var(--ui-link-text-decoration-color,var(--ui-text-decoration-color-rgb,var(--ui-text-decoration-color,currentcolor))))));text-decoration-color:var(--ui-link-hover-text-decoration-color-rgb,var(--ui-link-hover-text-decoration-color,var(--ui-link-text-decoration-color-rgb,var(--ui-link-text-decoration-color,var(--ui-text-decoration-color-rgb,var(--ui-text-decoration-color,currentcolor))))))}}@supports not (color:color(display-p3 1 1 1)){}@supports not (color:color(display-p3 1 1 1)){}@supports not (color:color(display-p3 1 1 1)){}@supports not (color:color(display-p3 1 1 1)){}@supports not (color:color(display-p3 1 1 1)){}@supports not (overflow:clip){:root{--overflow-clip-fallback:hidden}}@supports (background:-webkit-named-image(i)) and (not (contain-intrinsic-size:inherit)){div.drz-text,p.drz-text,h1.drz-text,h2.drz-text,h3.drz-text,h4.drz-text,h5.drz-text,h6.drz-text,ol.drz-text,ul.drz-text,li.drz-text,blockquote.drz-text,.drz-text.framer-image{display:var(--text-truncation-display-inline-for-safari-16,revert)}div.drz-text:after,p.drz-text:after,h1.drz-text:after,h2.drz-text:after,h3.drz-text:after,h4.drz-text:after,h5.drz-text:after,h6.drz-text:after,ol.drz-text:after,ul.drz-text:after,li.drz-text:after,blockquote.drz-text:after,.drz-text.framer-image:after{content:var(--text-truncation-line-break-for-safari-16);white-space:pre}}@supports (corner-shape:superellipse(2)){:root{--one-if-corner-shape-supported:1}}@supports (aspect-ratio:1){body{--ui-aspect-ratio-supported:auto}}.drz-layout-scope.drz-layout-page{background-color:var(--color-white,#fff);flex-flow:column;place-content:center flex-start;align-items:center;gap:0;width:100%;height:min-content;padding:0;display:flex;position:relative;overflow:visible}.drz-layout-scope .drz-nav-box{z-index:10;flex:none;order:-1000;width:100%;height:112px;position:sticky;top:0}.drz-layout-scope .drz-layout-spacer{background:0 0;flex-grow:1;width:0;height:0;margin:0;position:relative}.drz-layout-scope .drz-footer-box{flex:none;order:1002;width:100%;height:auto;position:sticky;top:0}[data-layout-template=true]>#overlay{margin-bottom:0}@media (min-width:810px) and (max-width:1199.98px){.drz-layout-scope .drz-nav-box{width:auto;max-width:810px}}@media (max-width:809.98px){.drz-layout-scope .drz-nav-box{height:auto;position:var(--ui-canvas-fixed-position,fixed);left:0}}.ssr-variant{display:contents}@supports (aspect-ratio:1){body{--ui-aspect-ratio-supported:auto}}.drz-nav-scope.drz-nav-home-block,.drz-nav-scope .drz-nav-home-block{display:block}.drz-nav-scope.drz-nav-bar{flex-flow:row;place-content:center space-between;align-items:center;width:1200px;height:min-content;padding:24px 48px;display:flex;position:relative;overflow:visible}.drz-nav-scope .drz-nav-home{flex-flow:row;flex:none;place-content:center;align-items:center;gap:0;width:min-content;height:min-content;padding:0;text-decoration:none;display:flex;position:relative;overflow:visible}.drz-nav-scope .drz-nav-logo{width:80px;height:64px;position:relative}.drz-nav-scope .drz-nav-burger{cursor:pointer;flex-flow:row;flex:none;place-content:center;align-items:center;gap:0;width:min-content;min-width:255px;height:min-content;min-height:32px;padding:0;display:flex;position:relative;overflow:visible}.drz-nav-scope .drz-nav-burger-icon{height:var(--ui-aspect-ratio-supported,32px);flex:none;width:24px;position:relative}.drz-nav-scope .drz-nav-right{flex-flow:row;flex:none;place-content:center flex-start;align-items:center;gap:0;width:min-content;height:min-content;padding:0;display:flex;position:relative;overflow:visible}.drz-nav-scope .drz-nav-links{flex-flow:row;flex:none;place-content:center flex-start;align-items:center;gap:20px;width:400px;height:min-content;padding:0;display:flex;position:relative;overflow:visible}.drz-nav-scope .framer-1oy27bc-container,.drz-nav-scope .drz-nav-item-enterprise,.drz-nav-scope .drz-nav-item,.drz-nav-scope .framer-vr1x8g-container,.drz-nav-scope .framer-1idxmb6-container,.drz-nav-scope .framer-1cv8rg1-container,.drz-nav-scope .framer-1l6cnhl-container,.drz-nav-scope .drz-nav-contact{flex:none;width:auto;height:auto;position:relative}.drz-nav-scope .drz-nav-contact-mobile{flex:none;align-self:stretch;width:auto;height:auto;position:relative}.drz-nav-scope.drz-nav-mobile.drz-nav-bar{flex-direction:column;align-content:flex-start;align-items:flex-start;width:400px;padding:24px}.drz-nav-scope.drz-nav-mobile .drz-nav-home,.drz-nav-scope.framer-v-mjwx9h .drz-nav-home{gap:unset;justify-content:space-between;width:100%}.drz-nav-scope.drz-nav-mobile .drz-nav-logo,.drz-nav-scope.framer-v-mjwx9h .drz-nav-logo{width:60px;height:49px}.drz-nav-scope.drz-nav-mobile .drz-nav-burger,.drz-nav-scope.framer-v-mjwx9h .drz-nav-burger{min-height:unset;min-width:unset}.drz-nav-scope.drz-nav-mobile .drz-nav-burger-icon,.drz-nav-scope.framer-v-mjwx9h .drz-nav-burger-icon{height:var(--ui-aspect-ratio-supported,24px)}.drz-nav-scope.drz-nav-mobile .drz-nav-right,.drz-nav-scope.framer-v-mjwx9h .drz-nav-right{flex-direction:column}.drz-nav-scope.drz-nav-mobile .drz-nav-links{flex-direction:column;order:0;align-content:flex-start;align-items:flex-start;gap:8px;height:1px;overflow:hidden}.drz-nav-scope.drz-nav-mobile .drz-nav-contact-mobile{align-self:unset}body{--ui-will-change-override:none}@supports (background:-webkit-named-image(i)) and (not (grid-template-rows:subgrid)){body{--ui-will-change-override:transform}}body{--ui-will-change-filter-override:none}@supports (background:-webkit-named-image(i)) and (not (position-area:top right)){body{--ui-will-change-filter-override:filter}}[data-drz-box]{position:absolute}[data-drz-box=RichTextContainer]{outline:none;flex-direction:column;flex-shrink:0;justify-content:flex-start;display:flex}p.drz-text,div.drz-text,figure.drz-text,h1.drz-text,h2.drz-text,h3.drz-text,h4.drz-text,h5.drz-text,h6.drz-text,ol.drz-text,ul.drz-text{margin:0;padding:0}p.drz-text,div.drz-text,h1.drz-text,h2.drz-text,h3.drz-text,h4.drz-text,h5.drz-text,h6.drz-text,li.drz-text,ol.drz-text,ul.drz-text,mark.drz-text,span.drz-text:not([data-text-fill]){font-family:var(--ui-font-family-preview,var(--ui-blockquote-font-family,var(--ui-font-family,Inter,Inter Placeholder,sans-serif)));font-style:var(--ui-font-style-preview,var(--ui-blockquote-font-style,var(--ui-font-style,normal)));font-weight:var(--ui-font-weight-preview,var(--ui-blockquote-font-weight,var(--ui-font-weight,400)));color:var(--ui-blockquote-text-color,var(--ui-text-color,#000));font-size:calc(var(--ui-blockquote-font-size,var(--ui-font-size,16px))*var(--ui-font-size-scale,1));letter-spacing:var(--ui-blockquote-letter-spacing,var(--ui-letter-spacing,0));text-transform:var(--ui-blockquote-text-transform,var(--ui-text-transform,none));-webkit-text-decoration-line:var(--ui-blockquote-text-decoration,var(--ui-text-decoration,initial));text-decoration-line:var(--ui-blockquote-text-decoration,var(--ui-text-decoration,initial));-webkit-text-decoration-style:var(--ui-blockquote-text-decoration-style,var(--ui-text-decoration-style,initial));text-decoration-style:var(--ui-blockquote-text-decoration-style,var(--ui-text-decoration-style,initial));-webkit-text-decoration-color:var(--ui-blockquote-text-decoration-color,var(--ui-text-decoration-color,initial));text-decoration-color:var(--ui-blockquote-text-decoration-color,var(--ui-text-decoration-color,initial));text-decoration-thickness:var(--ui-blockquote-text-decoration-thickness,var(--ui-text-decoration-thickness,initial));text-decoration-skip-ink:var(--ui-blockquote-text-decoration-skip-ink,var(--ui-text-decoration-skip-ink,initial));text-underline-offset:var(--ui-blockquote-text-decoration-offset,var(--ui-text-decoration-offset,initial));line-height:var(--ui-blockquote-line-height,var(--ui-line-height,1.2em));text-align:var(--ui-blockquote-text-alignment,var(--ui-text-alignment,start));-webkit-text-stroke-width:var(--ui-text-stroke-width,initial);-webkit-text-stroke-color:var(--ui-text-stroke-color,initial);-moz-font-feature-settings:var(--ui-font-open-type-features,initial);-webkit-font-feature-settings:var(--ui-font-open-type-features,initial);font-feature-settings:var(--ui-font-open-type-features,initial);font-variation-settings:var(--ui-font-variation-axes-preview,var(--ui-font-variation-axes,normal));text-wrap:var(--ui-text-wrap-override,var(--ui-text-wrap))}mark.drz-text,p.drz-text,div.drz-text,h1.drz-text,h2.drz-text,h3.drz-text,h4.drz-text,h5.drz-text,h6.drz-text,li.drz-text,ol.drz-text,ul.drz-text{background-color:var(--ui-blockquote-text-background-color,var(--ui-text-background-color,initial));border-radius:var(--ui-blockquote-text-background-radius,var(--ui-text-background-radius,initial));corner-shape:var(--ui-blockquote-text-background-corner-shape,var(--ui-text-background-corner-shape,initial));padding:var(--ui-blockquote-text-background-padding,var(--ui-text-background-padding,initial))}@supports not (color:color(display-p3 1 1 1)){p.drz-text,div.drz-text,h1.drz-text,h2.drz-text,h3.drz-text,h4.drz-text,h5.drz-text,h6.drz-text,li.drz-text,ol.drz-text,ul.drz-text,span.drz-text:not([data-text-fill]){color:var(--ui-blockquote-text-color-rgb,var(--ui-blockquote-text-color,var(--ui-text-color-rgb,var(--ui-text-color,#000))));-webkit-text-stroke-color:var(--ui-text-stroke-color-rgb,var(--ui-text-stroke-color,initial))}}strong.drz-text{font-family:var(--ui-blockquote-font-family-bold,var(--ui-font-family-bold));font-style:var(--ui-blockquote-font-style-bold,var(--ui-font-style-bold));font-weight:var(--ui-blockquote-font-weight-bold,var(--ui-font-weight-bold,bolder));font-variation-settings:var(--ui-blockquote-font-variation-axes-bold,var(--ui-font-variation-axes-bold))}em.drz-text{font-family:var(--ui-blockquote-font-family-italic,var(--ui-font-family-italic));font-style:var(--ui-blockquote-font-style-italic,var(--ui-font-style-italic,italic));font-weight:var(--ui-blockquote-font-weight-italic,var(--ui-font-weight-italic));font-variation-settings:var(--ui-blockquote-font-variation-axes-italic,var(--ui-font-variation-axes-italic))}p.drz-text:not(:first-child),div.drz-text:not(:first-child),h1.drz-text:not(:first-child),h2.drz-text:not(:first-child),h3.drz-text:not(:first-child),h4.drz-text:not(:first-child),h5.drz-text:not(:first-child),h6.drz-text:not(:first-child),ol.drz-text:not(:first-child),ul.drz-text:not(:first-child),blockquote.drz-text:not(:first-child),table.drz-text:not(:first-child),figure.drz-text:not(:first-child),.framer-image.drz-text:not(:first-child){margin-top:var(--ui-blockquote-paragraph-spacing,var(--ui-paragraph-spacing,0))}code.drz-text,code.drz-text span.drz-text:not([data-text-fill]){font-family:var(--ui-code-font-family,var(--ui-font-family,Inter,Inter Placeholder,sans-serif));font-style:var(--ui-blockquote-font-style,var(--ui-code-font-style,var(--ui-font-style,normal)));font-weight:var(--ui-blockquote-font-weight,var(--ui-code-font-weight,var(--ui-font-weight,400)));color:var(--ui-blockquote-text-color,var(--ui-code-text-color,var(--ui-text-color,#000)));font-size:calc(var(--ui-blockquote-font-size,var(--ui-font-size,16px))*var(--ui-font-size-scale,1));letter-spacing:var(--ui-blockquote-letter-spacing,var(--ui-letter-spacing,0));line-height:var(--ui-blockquote-line-height,var(--ui-line-height,1.2em))}@supports not (color:color(display-p3 1 1 1)){code.drz-text,code.drz-text span.drz-text:not([data-text-fill]){color:var(--ui-blockquote-text-color-rgb,var(--ui-blockquote-text-color,var(--ui-code-text-color-rgb,var(--ui-code-text-color,var(--ui-text-color-rgb,var(--ui-text-color,#000))))))}}blockquote.drz-text{unicode-bidi:initial;margin-block-start:initial;margin-block-end:initial;margin-inline-start:initial;margin-inline-end:initial}a.drz-text,a.drz-text span.drz-text:not([data-text-fill]),span.drz-text[data-nested-link],span.drz-text[data-nested-link] span.drz-text:not([data-text-fill]){color:inherit;font-family:var(--ui-font-family-preview,var(--ui-link-font-family,var(--ui-blockquote-font-family,var(--ui-font-family,Inter,Inter Placeholder,sans-serif))));font-style:var(--ui-font-style-preview,var(--ui-link-font-style,var(--ui-blockquote-font-style,var(--ui-font-style,normal))));font-weight:var(--ui-font-weight-preview,var(--ui-link-font-weight,var(--ui-blockquote-font-weight,var(--ui-font-weight,400))));font-size:calc(var(--ui-blockquote-font-size,var(--ui-font-size,16px))*var(--ui-font-size-scale,1));text-transform:var(--ui-link-text-transform,var(--ui-blockquote-text-transform,var(--ui-text-transform,none)));cursor:var(--ui-custom-cursors,pointer);background-color:initial;border-radius:var(--ui-link-text-background-radius,initial);corner-shape:var(--ui-link-text-background-corner-shape,initial);padding:var(--ui-link-text-background-padding,initial)}a.drz-text,span.drz-text[data-nested-link]{color:var(--ui-link-text-color,var(--ui-blockquote-text-color,var(--ui-text-color,#000)));-webkit-text-decoration-line:var(--ui-link-text-decoration,var(--ui-blockquote-text-decoration,var(--ui-text-decoration,initial)));text-decoration-line:var(--ui-link-text-decoration,var(--ui-blockquote-text-decoration,var(--ui-text-decoration,initial)));-webkit-text-decoration-style:var(--ui-link-text-decoration-style,var(--ui-blockquote-text-decoration-style,var(--ui-text-decoration-style,initial)));text-decoration-style:var(--ui-link-text-decoration-style,var(--ui-blockquote-text-decoration-style,var(--ui-text-decoration-style,initial)));-webkit-text-decoration-color:var(--ui-link-text-decoration-color,var(--ui-blockquote-text-decoration-color,var(--ui-text-decoration-color,initial)));text-decoration-color:var(--ui-link-text-decoration-color,var(--ui-blockquote-text-decoration-color,var(--ui-text-decoration-color,initial)));text-decoration-thickness:var(--ui-link-text-decoration-thickness,var(--ui-blockquote-text-decoration-thickness,var(--ui-text-decoration-thickness,initial)));text-decoration-skip-ink:var(--ui-link-text-decoration-skip-ink,var(--ui-blockquote-text-decoration-skip-ink,var(--ui-text-decoration-skip-ink,initial)));text-underline-offset:var(--ui-link-text-decoration-offset,var(--ui-blockquote-text-decoration-offset,var(--ui-text-decoration-offset,initial)));background-color:var(--ui-link-text-background-color,initial)}@supports not (color:color(display-p3 1 1 1)){a.drz-text,span.drz-text[data-nested-link]{color:var(--ui-link-text-color-rgb,var(--ui-link-text-color,var(--ui-blockquote-text-color-rgb,var(--ui-blockquote-text-color,var(--ui-text-color-rgb,var(--ui-text-color,#000))))));background-color:var(--ui-link-text-background-color-rgb,var(--ui-link-text-background-color,initial));-webkit-text-decoration-color:var(--ui-link-text-decoration-color-rgb,var(--ui-link-text-decoration-color,var(--ui-text-decoration-color-rgb,var(--ui-text-decoration-color,currentcolor))));text-decoration-color:var(--ui-link-text-decoration-color-rgb,var(--ui-link-text-decoration-color,var(--ui-text-decoration-color-rgb,var(--ui-text-decoration-color,currentcolor))))}}@supports not (color:color(display-p3 1 1 1)){}a.drz-text:hover,a.drz-text:hover span.drz-text:not([data-text-fill]),span.drz-text[data-nested-link]:hover,span.drz-text[data-nested-link]:hover span.drz-text:not([data-text-fill]){font-family:var(--ui-font-family-preview,var(--ui-link-hover-font-family,var(--ui-link-font-family,var(--ui-blockquote-font-family,var(--ui-font-family,Inter,Inter Placeholder,sans-serif)))));font-style:var(--ui-font-style-preview,var(--ui-link-hover-font-style,var(--ui-link-font-style,var(--ui-blockquote-font-style,var(--ui-font-style,normal)))));font-weight:var(--ui-font-weight-preview,var(--ui-link-hover-font-weight,var(--ui-link-font-weight,var(--ui-blockquote-font-weight,var(--ui-font-weight,400)))));font-size:calc(var(--ui-link-hover-font-size,var(--ui-blockquote-font-size,var(--ui-font-size,16px)))*var(--ui-font-size-scale,1));text-transform:var(--ui-link-hover-text-transform,var(--ui-link-text-transform,var(--ui-blockquote-text-transform,var(--ui-text-transform,none))));border-radius:var(--ui-link-hover-text-background-radius,var(--ui-link-text-background-radius,var(--ui-text-background-radius,initial)));corner-shape:var(--ui-link-hover-text-background-corner-shape,var(--ui-link-text-background-corner-shape,var(--ui-text-background-corner-shape,initial)));padding:var(--ui-link-hover-text-background-padding,var(--ui-link-text-background-padding,var(--ui-text-background-padding,initial)))}a.drz-text:hover,span.drz-text[data-nested-link]:hover{color:var(--ui-link-hover-text-color,var(--ui-link-text-color,var(--ui-blockquote-text-color,var(--ui-text-color,#000))));-webkit-text-decoration-line:var(--ui-link-hover-text-decoration,var(--ui-link-text-decoration,var(--ui-blockquote-text-decoration,var(--ui-text-decoration,initial))));text-decoration-line:var(--ui-link-hover-text-decoration,var(--ui-link-text-decoration,var(--ui-blockquote-text-decoration,var(--ui-text-decoration,initial))));-webkit-text-decoration-style:var(--ui-link-hover-text-decoration-style,var(--ui-link-text-decoration-style,var(--ui-blockquote-text-decoration-style,var(--ui-text-decoration-style,initial))));text-decoration-style:var(--ui-link-hover-text-decoration-style,var(--ui-link-text-decoration-style,var(--ui-blockquote-text-decoration-style,var(--ui-text-decoration-style,initial))));-webkit-text-decoration-color:var(--ui-link-hover-text-decoration-color,var(--ui-link-text-decoration-color,var(--ui-blockquote-text-decoration-color,var(--ui-text-decoration-color,initial))));text-decoration-color:var(--ui-link-hover-text-decoration-color,var(--ui-link-text-decoration-color,var(--ui-blockquote-text-decoration-color,var(--ui-text-decoration-color,initial))));text-decoration-thickness:var(--ui-link-hover-text-decoration-thickness,var(--ui-link-text-decoration-thickness,var(--ui-blockquote-text-decoration-thickness,var(--ui-text-decoration-thickness,initial))));text-decoration-skip-ink:var(--ui-link-hover-text-decoration-skip-ink,var(--ui-link-text-decoration-skip-ink,var(--ui-blockquote-text-decoration-skip-ink,var(--ui-text-decoration-skip-ink,initial))));text-underline-offset:var(--ui-link-hover-text-decoration-offset,var(--ui-link-text-decoration-offset,var(--ui-blockquote-text-decoration-offset,var(--ui-text-decoration-offset,initial))));background-color:var(--ui-link-hover-text-background-color,var(--ui-link-text-background-color,var(--ui-text-background-color,initial)))}@supports not (color:color(display-p3 1 1 1)){a.drz-text:hover,span.drz-text[data-nested-link]:hover{color:var(--ui-link-hover-text-color-rgb,var(--ui-link-hover-text-color,var(--ui-link-text-color-rgb,var(--ui-link-text-color,var(--ui-blockquote-text-color-rgb,var(--ui-blockquote-text-color,var(--ui-text-color-rgb,var(--ui-text-color,#000))))))));background-color:var(--ui-link-hover-text-background-color-rgb,var(--ui-link-hover-text-background-color,var(--ui-link-text-background-color-rgb,var(--ui-link-text-background-color,var(--ui-text-background-color-rgb,var(--ui-text-background-color,initial))))));-webkit-text-decoration-color:var(--ui-link-hover-text-decoration-color-rgb,var(--ui-link-hover-text-decoration-color,var(--ui-link-text-decoration-color-rgb,var(--ui-link-text-decoration-color,var(--ui-text-decoration-color-rgb,var(--ui-text-decoration-color,currentcolor))))));text-decoration-color:var(--ui-link-hover-text-decoration-color-rgb,var(--ui-link-hover-text-decoration-color,var(--ui-link-text-decoration-color-rgb,var(--ui-link-text-decoration-color,var(--ui-text-decoration-color-rgb,var(--ui-text-decoration-color,currentcolor))))))}}@supports not (color:color(display-p3 1 1 1)){}@supports not (color:color(display-p3 1 1 1)){}@supports not (color:color(display-p3 1 1 1)){}@supports not (color:color(display-p3 1 1 1)){}@supports not (color:color(display-p3 1 1 1)){}ol.drz-text{--list-style-type:decimal}ul.drz-text,ol.drz-text{padding-inline-start:0;position:relative}li.drz-text{counter-increment:list-item;padding-inline-start:2ch;list-style:none}ol.drz-text>li.drz-text{padding-inline-start:calc(calc(var(--max-list-digits,1) + 1)*1ch)}ol.drz-text>li.drz-text:before{content:counter(list-item,var(--list-style-type))".";font-variant-numeric:tabular-nums;position:absolute;inset-inline-start:0}ul.drz-text>li.drz-text:before{content:"•";position:absolute;inset-inline-start:0}[data-reset=button]{background:0 0;border-width:0;padding:0}@supports not (overflow:clip){:root{--overflow-clip-fallback:hidden}}@supports (background:-webkit-named-image(i)) and (not (contain-intrinsic-size:inherit)){div.drz-text,p.drz-text,h1.drz-text,h2.drz-text,h3.drz-text,h4.drz-text,h5.drz-text,h6.drz-text,ol.drz-text,ul.drz-text,li.drz-text,blockquote.drz-text,.drz-text.framer-image{display:var(--text-truncation-display-inline-for-safari-16,revert)}div.drz-text:after,p.drz-text:after,h1.drz-text:after,h2.drz-text:after,h3.drz-text:after,h4.drz-text:after,h5.drz-text:after,h6.drz-text:after,ol.drz-text:after,ul.drz-text:after,li.drz-text:after,blockquote.drz-text:after,.drz-text.framer-image:after{content:var(--text-truncation-line-break-for-safari-16);white-space:pre}}@supports (corner-shape:superellipse(2)){:root{--one-if-corner-shape-supported:1}}@supports (aspect-ratio:1){body{--ui-aspect-ratio-supported:auto}}.drz-btn-scope.drz-btn-block,.drz-btn-scope .drz-btn-block{display:block}.drz-btn-scope.drz-btn{cursor:pointer;will-change:var(--ui-will-change-override,transform);flex-flow:row;place-content:center;align-items:center;gap:8px;width:min-content;height:min-content;padding:8px 16px;text-decoration:none;display:flex;position:relative;overflow:hidden}.drz-btn-scope .drz-btn-label-stack{flex-flow:column;flex:none;place-content:center;align-items:center;gap:0;width:min-content;height:min-content;padding:0;display:flex;position:relative;overflow:visible}.drz-btn-scope .drz-btn-label{white-space:pre;flex:none;width:auto;height:auto;position:relative}.drz-btn-scope .drz-btn-label-hover{white-space:pre;z-index:1;flex:none;width:auto;height:auto;position:absolute;bottom:-48px;left:0}.drz-btn-scope .drz-btn-arrow{flex-flow:row;flex:none;place-content:center;align-items:center;gap:0;width:min-content;height:min-content;padding:0;display:flex;position:relative;overflow:hidden}.drz-btn-scope .drz-btn-arrow-hover{height:var(--ui-aspect-ratio-supported,16px);z-index:1;flex:none;width:16px;position:absolute;bottom:-16px;left:-16px}.drz-btn-scope .drz-btn-arrow-rest{height:var(--ui-aspect-ratio-supported,16px);flex:none;width:16px;position:relative}.drz-btn-scope.drz-btn-nav.drz-btn,.drz-btn-scope.framer-v-a0m80o.drz-btn,.drz-btn-scope.framer-v-4rj1im.drz-btn,.drz-btn-scope.framer-v-1jq9483.drz-btn,.drz-btn-scope.framer-v-1qf9xe4.drz-btn,.drz-btn-scope.framer-v-eyirxi.drz-btn,.drz-btn-scope.drz-btn-mobile.drz-btn{will-change:unset;padding:0}@media (max-width:1199px) and (min-width:810px){.drz-text-label-scope .drz-text-label:not(.rich-text-wrapper),.drz-text-label-scope .drz-text-label.rich-text-wrapper p{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:calc(var(--ui-root-font-size,1rem)*1.125);--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:500;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:500;--ui-letter-spacing:0em;--ui-line-height:1.6em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}}@media (max-width:809px) and (min-width:0){.drz-text-label-scope .drz-text-label:not(.rich-text-wrapper),.drz-text-label-scope .drz-text-label.rich-text-wrapper p{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:calc(var(--ui-root-font-size,1rem)*1);--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:500;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:500;--ui-letter-spacing:0em;--ui-line-height:1.6em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}}@media (max-width:1199px) and (min-width:810px){.drz-text-subheading-scope .drz-text-subheading:not(.rich-text-wrapper),.drz-text-subheading-scope .drz-text-subheading.rich-text-wrapper h3{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:calc(var(--ui-root-font-size,1rem)*1.2);--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:400;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:400;--ui-letter-spacing:0em;--ui-line-height:1.4em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}}@media (max-width:809px) and (min-width:0){.drz-text-subheading-scope .drz-text-subheading:not(.rich-text-wrapper),.drz-text-subheading-scope .drz-text-subheading.rich-text-wrapper h3{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:24px;--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:400;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:400;--ui-letter-spacing:0em;--ui-line-height:1.4em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}}.drz-nav-burger-mask{-webkit-mask:url("data:image/svg+xml,") alpha no-repeat center/auto var(--ui-icon-mask-mode,add),var(--ui-icon-mask,none);aspect-ratio:1;background-color:var(--esondr);-webkit-mask:url("data:image/svg+xml,") alpha no-repeat center/auto var(--ui-icon-mask-mode,add),var(--ui-icon-mask,none);mask:url("data:image/svg+xml,") alpha no-repeat center/auto var(--ui-icon-mask-mode,add),var(--ui-icon-mask,none);width:24px}@supports (aspect-ratio:1){body{--ui-aspect-ratio-supported:auto}}.drz-home-page.drz-home-ticker-link,.drz-home-page .drz-home-ticker-link{display:block}.drz-home-page.drz-home-root{background-color:var(--color-white,#fff);flex-flow:column;place-content:center flex-start;align-items:center;gap:0;width:1200px;height:min-content;padding:0;display:flex;position:relative;overflow:visible}.drz-home-page .drz-home-main{flex-flow:column;flex:none;place-content:center;align-items:center;gap:0;width:100%;max-width:1440px;height:min-content;padding:0;display:flex;position:relative;overflow:visible}.drz-home-page .drz-home-hero,.drz-home-page .drz-home-cards,.drz-home-page .framer-ue9xnm{flex-flow:column;flex:none;place-content:center;align-items:center;gap:128px;width:100%;height:min-content;padding:128px 48px;display:flex;position:relative;overflow:visible}.drz-home-page .drz-home-hero-row{flex-flow:row;flex:none;place-content:flex-end center;align-items:flex-end;gap:64px;width:100%;height:min-content;padding:0;display:flex;position:relative;overflow:visible}.drz-home-page .drz-home-hero-lead{flex-flow:column;flex:1 0 0;place-content:flex-start center;align-items:flex-start;gap:48px;width:1px;height:min-content;padding:0;display:flex;position:relative;overflow:visible}.drz-home-page .drz-home-hero-title,.drz-home-page .drz-home-hero-intro,.drz-home-page .drz-home-hero-intro-mobile,.drz-home-page .drz-home-compass-title,.drz-home-page .drz-home-compass-lede,.drz-home-page .drz-home-expertise-title,.drz-home-page .drz-home-expertise-body{--ui-link-text-color:#09f;--ui-link-text-decoration:underline;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;flex:none;width:100%;height:auto;position:relative}.drz-home-page .drz-home-hero-cta,.drz-home-page .drz-home-compass-cta,.drz-home-page .framer-12zi2w7-container,.drz-home-page .drz-home-expertise-cta{flex:none;width:auto;height:auto;position:relative}.drz-home-page .drz-home-hero-aside{height:auto;overflow:var(--overflow-clip-fallback,clip);flex-flow:column;flex:1 0 0;place-content:center space-between;align-self:stretch;align-items:center;width:1px;padding:0;display:flex;position:relative}.drz-home-page .drz-home-hero-signature,.drz-home-page .drz-home-hero-signature-mobile{height:min-content;overflow:var(--overflow-clip-fallback,clip);flex-flow:row;flex:none;place-content:flex-start flex-end;align-items:flex-start;gap:10px;width:100%;padding:0;display:flex;position:relative}.drz-home-page .drz-home-hero-signature-text{--ui-link-text-color:#09f;--ui-link-text-decoration:underline;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;flex:none;width:128px;height:auto;position:relative}.drz-home-page .drz-home-hero-portrait,.drz-home-page .drz-home-hero-portrait-mobile{aspect-ratio:1;height:var(--ui-aspect-ratio-supported,110px);flex:none;width:110px;position:relative;overflow:visible}.drz-home-page .drz-home-hero-aside-mobile{height:327px;overflow:var(--overflow-clip-fallback,clip);flex-flow:column;flex:1 0 0;place-content:center space-between;align-items:center;width:1px;padding:0;display:flex;position:relative}.drz-home-page .drz-home-hero-signature-text-mobile{--ui-link-text-color:#09f;--ui-link-text-decoration:underline;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;flex:none;width:164px;height:auto;position:relative}.drz-home-page .drz-home-ticker{height:min-content;overflow:var(--overflow-clip-fallback,clip);will-change:var(--ui-will-change-override,transform);border-radius:10px;flex-flow:row;flex:none;place-content:center flex-start;align-items:center;gap:32px;width:1202px;padding:0;display:flex;position:relative}.drz-home-page .drz-home-ticker-glasspop,.drz-home-page .drz-home-ticker-probabl,.drz-home-page .drz-home-ticker-volpi,.drz-home-page .drz-home-ticker-jellysmack,.drz-home-page .drz-home-ticker-oscaro,.drz-home-page .drz-home-ticker-3bricks{aspect-ratio:2;height:var(--ui-aspect-ratio-supported,90px);border-radius:10px;flex-flow:row;flex:none;place-content:center;align-items:center;gap:10px;width:180px;padding:0;text-decoration:none;display:flex;position:relative}.drz-home-page .drz-home-compass{background-color:var(--color-sand,#e3dccf);height:min-content;overflow:var(--overflow-clip-fallback,clip);flex-flow:row;flex:none;place-content:center;align-items:center;gap:48px;width:100%;padding:48px;display:flex;position:relative}.drz-home-page .drz-home-compass-image,.drz-home-page .drz-home-expertise-photo{border-radius:8px;flex:none;width:500px;height:400px;position:relative;overflow:visible}.drz-home-page .drz-home-compass-text{height:min-content;overflow:var(--overflow-clip-fallback,clip);flex-flow:column;flex:1 0 0;place-content:flex-start center;align-items:flex-start;gap:24px;width:1px;padding:0;display:flex;position:relative}.drz-home-page .drz-home-cards-inner{flex-flow:column;flex:none;place-content:flex-start center;align-items:flex-start;gap:48px;width:100%;height:min-content;padding:0;display:flex;position:relative;overflow:visible}.drz-home-page .drz-home-cards-head{flex-flow:column;flex:none;place-content:center;align-items:center;gap:24px;width:100%;height:min-content;padding:0;display:flex;position:relative;overflow:visible}.drz-home-page .drz-home-cards-heading{--ui-link-text-color:#09f;--ui-link-text-decoration:underline;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;z-index:1;flex:none;width:100%;max-width:750px;height:auto;position:relative}.drz-home-page .drz-home-cards-row{height:min-content;overflow:var(--overflow-clip-fallback,clip);flex-flow:row;flex:none;place-content:center;align-items:center;gap:10px;width:100%;padding:0;display:flex;position:relative}.drz-home-page .drz-home-card-make,.drz-home-page .drz-home-card-share,.drz-home-page .drz-home-card-teach{flex:1 0 0;width:1px;height:353px;position:relative}.drz-home-page .drz-home-expertise{background-color:var(--color-olive,#5e5a49);height:min-content;overflow:var(--overflow-clip-fallback,clip);flex-flow:row;flex:none;place-content:center;align-items:center;gap:48px;width:100%;padding:48px;display:flex;position:relative}.drz-home-page .drz-home-expertise-text{height:min-content;overflow:var(--overflow-clip-fallback,clip);flex-flow:column;flex:1 0 0;place-content:flex-start center;align-items:flex-start;gap:24px;width:1px;padding:48px 0;display:flex;position:relative}.drz-text-title-scope .drz-text-title:not(.rich-text-wrapper),.drz-text-title-scope .drz-text-title.rich-text-wrapper h1{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:calc(var(--ui-root-font-size,1rem)*3);--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:400;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:400;--ui-letter-spacing:-.02em;--ui-line-height:1.2em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}@media (max-width:1199px) and (min-width:810px){.drz-text-title-scope .drz-text-title:not(.rich-text-wrapper),.drz-text-title-scope .drz-text-title.rich-text-wrapper h1{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:calc(var(--ui-root-font-size,1rem)*3);--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:400;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:400;--ui-letter-spacing:-.02em;--ui-line-height:1.2em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}}@media (max-width:809px) and (min-width:0){.drz-text-title-scope .drz-text-title:not(.rich-text-wrapper),.drz-text-title-scope .drz-text-title.rich-text-wrapper h1{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:calc(var(--ui-root-font-size,1rem)*2);--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:400;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:400;--ui-letter-spacing:-.02em;--ui-line-height:1.2em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}}@media (max-width:1199px) and (min-width:810px){.drz-text-body-scope .drz-text-body:not(.rich-text-wrapper),.drz-text-body-scope .drz-text-body.rich-text-wrapper p{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:calc(var(--ui-root-font-size,1rem)*1.125);--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:400;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:400;--ui-letter-spacing:0em;--ui-line-height:1.5em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}}@media (max-width:809px) and (min-width:0){.drz-text-body-scope .drz-text-body:not(.rich-text-wrapper),.drz-text-body-scope .drz-text-body.rich-text-wrapper p{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:calc(var(--ui-root-font-size,1rem)*1);--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:400;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:400;--ui-letter-spacing:0em;--ui-line-height:1.5em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}}@media (max-width:1199px) and (min-width:810px){.drz-text-heading-scope .drz-text-heading:not(.rich-text-wrapper),.drz-text-heading-scope .drz-text-heading.rich-text-wrapper h2{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:calc(var(--ui-root-font-size,1rem)*2.5);--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:400;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:400;--ui-letter-spacing:0em;--ui-line-height:1.2em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}}@media (max-width:809px) and (min-width:0){.drz-text-heading-scope .drz-text-heading:not(.rich-text-wrapper),.drz-text-heading-scope .drz-text-heading.rich-text-wrapper h2{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:calc(var(--ui-root-font-size,1rem)*1.5);--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:400;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:400;--ui-letter-spacing:0em;--ui-line-height:1.2em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}}@media (min-width:810px) and (max-width:1199.98px){.drz-home-page.drz-home-root,.drz-home-page .drz-home-ticker{width:810px}.drz-home-page .drz-home-compass,.drz-home-page .drz-home-cards-row,.drz-home-page .drz-home-expertise{flex-direction:column}.drz-home-page .drz-home-compass-image,.drz-home-page .drz-home-expertise-photo{width:100%}.drz-home-page .drz-home-compass-text,.drz-home-page .drz-home-card-share,.drz-home-page .drz-home-card-teach,.drz-home-page .drz-home-expertise-text{flex:none;width:100%}.drz-home-page .drz-home-card-make{flex:none;width:100%;height:auto}}@media (max-width:809.98px){.drz-home-page.drz-home-root{width:390px}.drz-home-page .drz-home-main{max-width:unset}.drz-home-page .drz-home-hero{gap:48px;padding:128px 24px}.drz-home-page .drz-home-hero-row{flex-direction:column;order:0;gap:20px}.drz-home-page .drz-home-hero-lead,.drz-home-page .drz-home-hero-aside-mobile,.drz-home-page .drz-home-compass-text,.drz-home-page .drz-home-expertise-text,.drz-home-page .framer-u7jan2{flex:none;width:100%}.drz-home-page .drz-home-hero-aside{align-self:unset;width:100%;height:1px}.drz-home-page .drz-home-ticker{order:1;width:391px}.drz-home-page .drz-home-ticker-glasspop,.drz-home-page .drz-home-ticker-probabl,.drz-home-page .drz-home-ticker-volpi,.drz-home-page .drz-home-ticker-jellysmack,.drz-home-page .drz-home-ticker-oscaro,.drz-home-page .drz-home-ticker-3bricks{height:var(--ui-aspect-ratio-supported,50px);width:100px}.drz-home-page .drz-home-compass,.drz-home-page .drz-home-expertise{flex-direction:column;padding:24px}.drz-home-page .drz-home-compass-image,.drz-home-page .drz-home-expertise-photo{width:100%;height:256px}.drz-home-page .drz-home-cards{gap:80px;padding:128px 24px}.drz-home-page .drz-home-cards-row,.drz-home-page .framer-72znsx{flex-direction:column}.drz-home-page .drz-home-card-make,.drz-home-page .drz-home-card-share,.drz-home-page .drz-home-card-teach{flex:none;width:100%;height:auto}}.drz-btn-arrow-mask{-webkit-mask:url("data:image/svg+xml,") alpha no-repeat center/auto var(--ui-icon-mask-mode,add),var(--ui-icon-mask,none);aspect-ratio:1;background-color:var(--esondr);-webkit-mask:url("data:image/svg+xml,") alpha no-repeat center/auto var(--ui-icon-mask-mode,add),var(--ui-icon-mask,none);mask:url("data:image/svg+xml,") alpha no-repeat center/auto var(--ui-icon-mask-mode,add),var(--ui-icon-mask,none);width:24px}@supports (aspect-ratio:1){body{--ui-aspect-ratio-supported:auto}}@supports (aspect-ratio:1){body{--ui-aspect-ratio-supported:auto}}.drz-home-card-scope.drz-home-card{height:353px;overflow:var(--overflow-clip-fallback,clip);will-change:var(--ui-will-change-override,transform);flex-flow:column;place-content:flex-start space-between;align-items:flex-start;width:415px;padding:48px;display:flex;position:relative}.drz-home-card-scope .drz-home-card-text{flex-flow:column;flex:none;place-content:center;align-items:center;gap:24px;width:100%;height:min-content;padding:0;display:flex;position:relative;overflow:visible}.drz-home-card-scope .drz-home-card-title,.drz-home-card-scope .drz-home-card-desc{white-space:pre-wrap;word-break:break-word;word-wrap:break-word;flex:none;width:100%;height:auto;position:relative}.drz-home-card-scope .drz-home-card-cta{flex:none;width:auto;height:auto;position:relative}.drz-home-card-scope.drz-home-card-tablet.drz-home-card{justify-content:flex-start;gap:32px;height:min-content}.drz-home-card-scope.drz-home-card-mobile.drz-home-card{justify-content:flex-start;gap:32px;width:390px;height:min-content;padding:24px}.drz-home-card-scope.drz-home-card-mobile .drz-home-card-cta{width:100%}@media (max-width:1199px) and (min-width:810px){.drz-text-subheading-scope .drz-text-subheading:not(.rich-text-wrapper),.drz-text-subheading-scope .drz-text-subheading.rich-text-wrapper h3{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:calc(var(--ui-root-font-size,1rem)*1.2);--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:400;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:400;--ui-letter-spacing:0em;--ui-line-height:1.4em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}}@media (max-width:809px) and (min-width:0){.drz-text-subheading-scope .drz-text-subheading:not(.rich-text-wrapper),.drz-text-subheading-scope .drz-text-subheading.rich-text-wrapper h3{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:24px;--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:400;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:400;--ui-letter-spacing:0em;--ui-line-height:1.4em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}}@media (max-width:1199px) and (min-width:810px){.drz-text-body-scope .drz-text-body:not(.rich-text-wrapper),.drz-text-body-scope .drz-text-body.rich-text-wrapper p{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:calc(var(--ui-root-font-size,1rem)*1.125);--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:400;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:400;--ui-letter-spacing:0em;--ui-line-height:1.5em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}}@media (max-width:809px) and (min-width:0){.drz-text-body-scope .drz-text-body:not(.rich-text-wrapper),.drz-text-body-scope .drz-text-body.rich-text-wrapper p{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:calc(var(--ui-root-font-size,1rem)*1);--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:400;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:400;--ui-letter-spacing:0em;--ui-line-height:1.5em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}}@supports (aspect-ratio:1){body{--ui-aspect-ratio-supported:auto}}@media (max-width:1199px) and (min-width:810px){.drz-text-heading-scope .drz-text-heading:not(.rich-text-wrapper),.drz-text-heading-scope .drz-text-heading.rich-text-wrapper h2{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:calc(var(--ui-root-font-size,1rem)*2.5);--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:400;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:400;--ui-letter-spacing:0em;--ui-line-height:1.2em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}}@media (max-width:809px) and (min-width:0){.drz-text-heading-scope .drz-text-heading:not(.rich-text-wrapper),.drz-text-heading-scope .drz-text-heading.rich-text-wrapper h2{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:calc(var(--ui-root-font-size,1rem)*1.5);--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:400;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:400;--ui-letter-spacing:0em;--ui-line-height:1.2em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}}@supports (aspect-ratio:1){body{--ui-aspect-ratio-supported:auto}}@supports (aspect-ratio:1){body{--ui-aspect-ratio-supported:auto}}.drz-text-subheading-scope .drz-text-subheading:not(.rich-text-wrapper),.drz-text-subheading-scope .drz-text-subheading.rich-text-wrapper h3{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:24px;--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:400;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:400;--ui-letter-spacing:0em;--ui-line-height:1.4em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}@media (max-width:1199px) and (min-width:810px){.drz-text-subheading-scope .drz-text-subheading:not(.rich-text-wrapper),.drz-text-subheading-scope .drz-text-subheading.rich-text-wrapper h3{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:calc(var(--ui-root-font-size,1rem)*1.2);--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:400;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:400;--ui-letter-spacing:0em;--ui-line-height:1.4em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}}@media (max-width:809px) and (min-width:0){.drz-text-subheading-scope .drz-text-subheading:not(.rich-text-wrapper),.drz-text-subheading-scope .drz-text-subheading.rich-text-wrapper h3{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:24px;--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:400;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:400;--ui-letter-spacing:0em;--ui-line-height:1.4em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}}.drz-home-presets .drz-home-signature-style:not(.rich-text-wrapper),.drz-home-presets .drz-home-signature-style.rich-text-wrapper p{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Inter","Inter Placeholder",sans-serif;--ui-font-family-bold-italic:"Inter","Inter Placeholder",sans-serif;--ui-font-family-italic:"Inter","Inter Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:12px;--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:400;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:400;--ui-letter-spacing:0em;--ui-line-height:1.3em;--ui-paragraph-spacing:10px;--ui-text-alignment:start;--ui-text-color:var(--color-gray,#616161);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}.drz-text-body-scope .drz-text-body:not(.rich-text-wrapper),.drz-text-body-scope .drz-text-body.rich-text-wrapper p{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:16px;--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:400;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:400;--ui-letter-spacing:0em;--ui-line-height:1.5em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}@media (max-width:1199px) and (min-width:810px){.drz-text-body-scope .drz-text-body:not(.rich-text-wrapper),.drz-text-body-scope .drz-text-body.rich-text-wrapper p{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:calc(var(--ui-root-font-size,1rem)*1.125);--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:400;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:400;--ui-letter-spacing:0em;--ui-line-height:1.5em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}}@media (max-width:809px) and (min-width:0){.drz-text-body-scope .drz-text-body:not(.rich-text-wrapper),.drz-text-body-scope .drz-text-body.rich-text-wrapper p{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:calc(var(--ui-root-font-size,1rem)*1);--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:400;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:400;--ui-letter-spacing:0em;--ui-line-height:1.5em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}}@supports (aspect-ratio:1){body{--ui-aspect-ratio-supported:auto}}.drz-footer-rule-scope.drz-footer-rule{width:400px;height:1px;position:relative;overflow:visible}.drz-footer-rule-scope[data-border=true]:after,.drz-footer-rule-scope [data-border=true]:after{content:"";border-width:var(--border-top-width,0)var(--border-right-width,0)var(--border-bottom-width,0)var(--border-left-width,0);border-color:var(--border-color,none);border-style:var(--border-style,none);box-sizing:border-box;border-radius:inherit;corner-shape:inherit;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}@supports (aspect-ratio:1){body{--ui-aspect-ratio-supported:auto}}.drz-footer-scope.drz-footer-root{flex-flow:column;place-content:center;align-items:center;gap:0;width:1200px;height:min-content;padding:0;display:flex;position:relative;overflow:visible}.drz-footer-scope .drz-footer-inner{flex-flow:column;flex:none;place-content:center;align-items:center;gap:80px;width:100%;max-width:1440px;height:min-content;padding:80px 48px 0;display:flex;position:relative;overflow:visible}.drz-footer-scope .drz-footer-stack{flex-flow:column;flex:none;place-content:center;align-items:center;gap:48px;width:100%;height:min-content;padding:0;display:flex;position:relative;overflow:visible}.drz-footer-scope .drz-footer-top{flex-flow:column;flex:none;place-content:center;align-items:center;gap:0;width:100%;height:min-content;padding:0;display:flex;position:relative;overflow:visible}.drz-footer-scope .drz-footer-heading-row{flex-flow:row;flex:none;place-content:center;align-items:center;gap:10px;width:100%;height:min-content;padding:0;display:flex;position:relative;overflow:visible}.drz-footer-scope .drz-footer-heading{flex-flow:column;flex:1 0 0;place-content:center;align-items:center;gap:16px;width:1px;height:min-content;padding:0;display:flex;position:relative;overflow:visible}.drz-footer-scope .drz-footer-title{white-space:pre-wrap;word-break:break-word;word-wrap:break-word;z-index:1;flex:none;width:100%;height:auto;position:relative}.drz-footer-scope .drz-footer-mark{width:178px;height:145px;position:relative}.drz-footer-scope .drz-footer-cta{flex-flow:row;flex:none;place-content:flex-start;align-items:flex-start;gap:48px;width:100%;height:min-content;padding:0;display:flex;position:relative;overflow:visible}.drz-footer-scope .drz-footer-cta-box{z-index:1;flex:none;width:auto;height:auto;position:relative}.drz-footer-scope .drz-footer-rule-box{flex:none;width:100%;height:auto;position:relative}.drz-footer-scope .drz-footer-grid{flex-flow:row;flex:none;place-content:flex-start center;align-items:flex-start;gap:0;width:100%;height:min-content;padding:0;display:flex;position:relative;overflow:visible}.drz-footer-scope .drz-footer-bottom{flex-flow:row;flex:none;place-content:center flex-start;align-items:center;gap:10px;width:100%;height:min-content;padding:24px 0;display:flex;position:relative;overflow:visible}.drz-footer-scope .drz-footer-wordmark{width:658px;height:138px;position:relative}.drz-footer-scope.drz-footer-mobile.drz-footer-root{width:400px}.drz-footer-scope.drz-footer-mobile .drz-footer-inner{gap:48px;padding:80px 24px 24px}.drz-footer-scope.drz-footer-mobile .drz-footer-top{gap:48px}.drz-footer-scope.drz-footer-mobile .drz-footer-heading{place-content:flex-start;align-items:flex-start}.drz-footer-scope.drz-footer-mobile .drz-footer-title{width:200px}.drz-footer-scope.drz-footer-mobile .drz-footer-mark{width:83px;height:68px}.drz-footer-scope.drz-footer-mobile .drz-footer-cta{flex-direction:column}.drz-footer-scope.drz-footer-mobile .drz-footer-cta-box{order:0;width:100%}.drz-footer-scope.drz-footer-mobile .drz-footer-grid{flex-direction:column;gap:48px}.drz-footer-scope.drz-footer-mobile .drz-footer-bottom{align-content:flex-end;align-items:flex-end;padding:24px 0 0}.drz-footer-scope.drz-footer-mobile .drz-footer-wordmark{width:350px;height:74px}.drz-text-heading-scope .drz-text-heading:not(.rich-text-wrapper),.drz-text-heading-scope .drz-text-heading.rich-text-wrapper h2{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:36px;--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:400;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:400;--ui-letter-spacing:0em;--ui-line-height:1.2em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}@media (max-width:1199px) and (min-width:810px){.drz-text-heading-scope .drz-text-heading:not(.rich-text-wrapper),.drz-text-heading-scope .drz-text-heading.rich-text-wrapper h2{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:calc(var(--ui-root-font-size,1rem)*2.5);--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:400;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:400;--ui-letter-spacing:0em;--ui-line-height:1.2em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}}@media (max-width:809px) and (min-width:0){.drz-text-heading-scope .drz-text-heading:not(.rich-text-wrapper),.drz-text-heading-scope .drz-text-heading.rich-text-wrapper h2{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:calc(var(--ui-root-font-size,1rem)*1.5);--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:400;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:400;--ui-letter-spacing:0em;--ui-line-height:1.2em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}}.drz-text-label-scope .drz-text-label:not(.rich-text-wrapper),.drz-text-label-scope .drz-text-label.rich-text-wrapper p{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:calc(var(--ui-root-font-size,1rem)*1.125);--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:500;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:500;--ui-letter-spacing:0em;--ui-line-height:1.6em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}@media (max-width:1199px) and (min-width:810px){.drz-text-label-scope .drz-text-label:not(.rich-text-wrapper),.drz-text-label-scope .drz-text-label.rich-text-wrapper p{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:calc(var(--ui-root-font-size,1rem)*1.125);--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:500;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:500;--ui-letter-spacing:0em;--ui-line-height:1.6em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}}@media (max-width:809px) and (min-width:0){.drz-text-label-scope .drz-text-label:not(.rich-text-wrapper),.drz-text-label-scope .drz-text-label.rich-text-wrapper p{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:calc(var(--ui-root-font-size,1rem)*1);--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:500;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:500;--ui-letter-spacing:0em;--ui-line-height:1.6em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}}
/* ===== Page 404 : règles limitées à ===== */
@media(min-width: 1200px){:where(.drz-p-404) .hidden-1n78vwd{display:none!important}}@media(min-width: 810px) and (max-width: 1199.98px){:where(.drz-p-404) .hidden-j8ueyz{display:none!important}}@media(max-width: 809.98px){:where(.drz-p-404) .hidden-8rce9r{display:none!important}}@media(max-width: 809.98px){:where(.drz-p-404) .hidden-hbbylz{display:none!important}}@media(min-width: 810px) and (max-width: 1199.98px){:where(.drz-p-404) .hidden-10bfaa4{display:none!important}}@media(min-width: 1200px){:where(.drz-p-404) .hidden-9jza5{display:none!important}}:where(.drz-p-404) .drz-404-scope.drz-404-root{background-color:var(--color-white,#fff);flex-flow:column;place-content:center flex-start;align-items:center;gap:0;width:1200px;height:min-content;padding:0;display:flex;position:relative;overflow:visible}:where(.drz-p-404) .drz-404-scope .drz-404-main{flex-flow:column;flex:none;place-content:center;align-items:center;gap:48px;width:100%;max-width:1440px;height:100vh;padding:128px;display:flex;position:relative}:where(.drz-p-404) .drz-404-scope .drz-404-text{flex-flow:column;flex:none;place-content:center;align-items:center;gap:16px;width:100%;height:min-content;padding:0;display:flex;position:relative;overflow:visible}:where(.drz-p-404) .drz-404-scope .drz-404-code,:where(.drz-p-404) .drz-404-scope .drz-404-message{--ui-link-text-color:#09f;--ui-link-text-decoration:underline;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;z-index:1;flex:none;width:100%;height:auto;position:relative}:where(.drz-p-404) .drz-404-scope .drz-404-home-button{z-index:1;flex:none;width:auto;height:auto;position:relative}@media (min-width:810px) and (max-width:1199.98px){:where(.drz-p-404) .drz-404-scope.drz-404-root{width:810px}}@media (max-width:809.98px){:where(.drz-p-404) .drz-404-scope.drz-404-root{width:390px}:where(.drz-p-404) .drz-404-scope .drz-404-main{max-width:unset;padding:128px 24px}}
/* ===== Page actu : règles limitées à ===== */
/* Breakpoints du layout (nav/footer). */
@media(min-width: 1200px){}@media(min-width: 810px) and (max-width: 1199.98px){}@media(max-width: 809.98px){}@media(max-width: 809.98px){:where(.drz-p-actu) .hidden-hbbylz{display:none!important}}@media(min-width: 810px) and (max-width: 1199.98px){:where(.drz-p-actu) .hidden-10bfaa4{display:none!important}}@media(min-width: 1200px){:where(.drz-p-actu) .hidden-9jza5{display:none!important}}
/* ===== Page ai-books : règles limitées à ===== */
/* Breakpoints du layout (nav/footer), copiés de l'export Framer. */
@media(min-width: 1200px){}@media(min-width: 810px) and (max-width: 1199.98px){}@media(max-width: 809.98px){}@media(max-width: 809.98px){:where(.drz-p-ai-books) .hidden-hbbylz{display:none!important}}@media(min-width: 810px) and (max-width: 1199.98px){:where(.drz-p-ai-books) .hidden-10bfaa4{display:none!important}}@media(min-width: 1200px){:where(.drz-p-ai-books) .hidden-9jza5{display:none!important}}
/*
* Page AI Books : bibliothèque de ressources (data/resources.json).
* Style aligné sur le design Framer du site : Satoshi, tokens de couleur,
* pills de tags, cartes claires, en-tête de page identique à Talks/Blog.
*/
:where(.drz-p-ai-books) .drz-books-page{
--drz-black: var(--color-ink, rgb(15, 15, 15));
--drz-beige: var(--color-sand, rgb(227, 220, 207));
--drz-blue: var(--color-cyan, rgb(215, 245, 248));
--drz-gray: var(--color-paper, rgb(250, 250, 250));
--drz-yellow: var(--color-yellow, rgb(247, 250, 190));
--drz-border: rgb(232, 232, 232);
max-width: 1200px;
margin: 0 auto;
padding: 160px 48px 120px;
font-family: "Satoshi", "Satoshi Placeholder", sans-serif;
}
/* ---------- En-tête ---------- */
:where(.drz-p-ai-books) .drz-books-hero{
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 32px;
margin-bottom: 56px;
}
:where(.drz-p-ai-books) .drz-books-intro{
max-width: 560px;
margin-top: 24px;
}
/* ---------- Barre de recherche + filtres ---------- */
:where(.drz-p-ai-books) .drz-books-toolbar{
margin-bottom: 40px;
}
:where(.drz-p-ai-books) .drz-books-search{
width: 100%;
max-width: 520px;
padding: 14px 18px;
font: inherit;
font-size: 15px;
color: var(--drz-black);
background: var(--drz-gray);
border: 1px solid var(--drz-border);
border-radius: 8px;
outline: none;
transition: border-color 0.2s ease;
}
:where(.drz-p-ai-books) .drz-books-search:focus{
border-color: var(--drz-black);
background: #fff;
}
:where(.drz-p-ai-books) .drz-books-filters{
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 18px;
}
:where(.drz-p-ai-books) .drz-filter-row{
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
:where(.drz-p-ai-books) .drz-filter-sep{
width: 1px;
height: 22px;
background: var(--drz-border);
margin: 0 6px;
}
/* ---------- Pills ---------- */
:where(.drz-p-ai-books) .drz-pill{
font-family: inherit;
font-size: 12px;
line-height: 1;
padding: 7px 12px;
border-radius: 4px;
border: 1px solid transparent;
color: var(--drz-black);
background: var(--drz-gray);
white-space: nowrap;
}
:where(.drz-p-ai-books) button.drz-pill{
cursor: pointer;
border-color: var(--drz-border);
transition: background 0.2s ease, border-color 0.2s ease;
}
:where(.drz-p-ai-books) button.drz-pill:hover{
border-color: var(--drz-black);
}
:where(.drz-p-ai-books) button.drz-pill.is-active{
background: var(--drz-yellow);
border-color: var(--drz-black);
}
:where(.drz-p-ai-books) .drz-pill-domain{
background: var(--drz-blue);
border-color: transparent;
}
:where(.drz-p-ai-books) button.drz-pill-domain.is-active{
background: var(--drz-blue);
border-color: var(--drz-black);
}
:where(.drz-p-ai-books) .drz-pill-static{
cursor: default;
}
:where(.drz-p-ai-books) .drz-books-count{
margin-top: 32px;
font-size: 13px;
color: rgba(15, 15, 15, 0.55);
}
/* ---------- Grille de cartes (une référence par ligne) ---------- */
:where(.drz-p-ai-books) .drz-books-grid{
display: grid;
grid-template-columns: 1fr;
gap: 24px;
margin-top: 8px;
}
:where(.drz-p-ai-books) .drz-book-card{
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 24px;
background: var(--drz-gray);
border-radius: 12px;
padding: 24px;
}
:where(.drz-p-ai-books) .drz-book-card[hidden]{
display: none;
}
:where(.drz-p-ai-books) .drz-book-cover{
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
width: 280px;
height: 280px;
background: var(--drz-beige);
border-radius: 8px;
overflow: hidden;
}
:where(.drz-p-ai-books) .drz-book-cover img{
max-height: 220px;
max-width: 80%;
width: auto;
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.18);
border-radius: 2px;
transition: transform 0.35s cubic-bezier(0.27, 0, 0.51, 1);
}
:where(.drz-p-ai-books) .drz-book-cover:hover img{
transform: translateY(-4px) scale(1.02);
}
:where(.drz-p-ai-books) .drz-book-body{
min-width: 0;
flex: 1;
}
:where(.drz-p-ai-books) .drz-book-meta{
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 12px;
}
:where(.drz-p-ai-books) .drz-pill-year{
background: #fff;
border: 1px solid var(--drz-border);
}
:where(.drz-p-ai-books) .drz-book-lang{
margin-left: auto;
font-size: 15px;
}
:where(.drz-p-ai-books) .drz-book-title{
margin-top: 14px;
margin-bottom: 6px;
font-style: italic !important;
}
:where(.drz-p-ai-books) .drz-book-title a{
color: inherit;
text-decoration: none;
}
:where(.drz-p-ai-books) .drz-book-title a:hover{
text-decoration: underline;
}
:where(.drz-p-ai-books) .drz-book-authors{
font-size: 13px;
color: rgba(15, 15, 15, 0.6);
margin-bottom: 14px;
}
:where(.drz-p-ai-books) .drz-book-domains{
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-bottom: 16px;
}
:where(.drz-p-ai-books) .drz-book-desc p{
font-size: 14px;
line-height: 1.6;
color: var(--drz-black);
}
:where(.drz-p-ai-books) .drz-books-empty{
margin-top: 32px;
font-size: 15px;
color: rgba(15, 15, 15, 0.6);
}
/* ---------- Responsive ---------- */
@media (max-width: 809.98px) {
:where(.drz-p-ai-books) .drz-books-page{
padding: 130px 24px 80px;
}
:where(.drz-p-ai-books) .drz-books-hero{
flex-direction: column;
align-items: flex-start;
margin-bottom: 36px;
}
:where(.drz-p-ai-books) .drz-books-grid{
grid-template-columns: 1fr;
}
:where(.drz-p-ai-books) .drz-book-card{
flex-direction: column;
}
:where(.drz-p-ai-books) .drz-book-cover{
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
max-width: 280px;
}
}
/* ===== Page blog : règles limitées à ===== */
@media(min-width: 1200px){}@media(min-width: 810px) and (max-width: 1199.98px){}@media(max-width: 809.98px){}@media(max-width: 809.98px){:where(.drz-p-blog) .hidden-hbbylz{display:none!important}}@media(min-width: 810px) and (max-width: 1199.98px){:where(.drz-p-blog) .hidden-10bfaa4{display:none!important}}@media(min-width: 1200px){:where(.drz-p-blog) .hidden-9jza5{display:none!important}}@media (min-width:810px) and (max-width:1199.98px){}@media (max-width:809.98px){}
/* ===== Page blog__elbow-helper : règles limitées à ===== */
@media(min-width: 1200px) {
}
@media(min-width: 810px) and (max-width: 1199.98px) {
}
@media(max-width: 809.98px) {
}
@media(max-width: 809.98px) {
:where(.drz-p-blog__elbow-helper) .hidden-hbbylz{
display: none !important
}
}
@media(min-width: 810px) and (max-width: 1199.98px) {
:where(.drz-p-blog__elbow-helper) .hidden-10bfaa4{
display: none !important
}
}
@media(min-width: 1200px) {
:where(.drz-p-blog__elbow-helper) .hidden-9jza5{
display: none !important
}
}
:where(.drz-p-blog__elbow-helper) .drz-article-scope.drz-article-page{
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: column;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 1200px;
padding: 0;
display: flex;
position: relative
}
:where(.drz-p-blog__elbow-helper) .drz-article-scope .drz-article-main{
max-width: 1120px;
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 56px;
width: 100%;
padding: 128px 48px;
display: flex;
position: relative
}
:where(.drz-p-blog__elbow-helper) .drz-article-scope .drz-article-header{
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 32px;
width: 100%;
padding: 0;
display: flex;
position: relative
}
:where(.drz-p-blog__elbow-helper) .drz-article-scope .drz-article-meta{
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 12px;
width: min-content;
padding: 0;
display: flex;
position: relative
}
:where(.drz-p-blog__elbow-helper) .drz-article-scope .drz-article-chip{
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--ui-will-change-override, transform);
background-color: #e9fcff;
border-radius: 6px;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 0;
width: min-content;
padding: 7px 10px;
display: flex;
position: relative
}
:where(.drz-p-blog__elbow-helper) .drz-article-scope .drz-article-chip-text,:where(.drz-p-blog__elbow-helper) .drz-article-scope .drz-article-date,:where(.drz-p-blog__elbow-helper) .drz-article-scope .drz-article-back,:where(.drz-p-blog__elbow-helper) .drz-article-scope .framer-1x3itte{
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative
}
:where(.drz-p-blog__elbow-helper) .drz-article-scope .drz-article-title{
--ui-text-wrap: balance;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
max-width: 820px;
height: auto;
position: relative
}
:where(.drz-p-blog__elbow-helper) .drz-article-scope .drz-article-lede{
--ui-text-wrap: balance;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
max-width: 620px;
height: auto;
position: relative
}
:where(.drz-p-blog__elbow-helper) .drz-article-scope .drz-article-content{
--ui-paragraph-spacing: 28px;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
max-width: 680px;
height: auto;
position: relative
}
:where(.drz-p-blog__elbow-helper) .drz-article-scope .drz-article-footer{
--border-bottom-width: 0px;
--border-color: #00000014;
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 1px;
max-width: 680px;
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: row;
flex: none;
place-content: center flex-end;
align-items: center;
width: 100%;
padding: 32px 0 0;
display: flex;
position: relative
}
:where(.drz-p-blog__elbow-helper) .drz-article-scope .drz-article-icon{
--1m6trwb: 0;
--21h8s6: #000;
--pgex8v: 1.5;
aspect-ratio: 1;
height: var(--ui-aspect-ratio-supported, 24px);
flex: none;
width: 24px;
position: relative
}
:where(.drz-p-blog__elbow-helper) .drz-text-subsection-scope .drz-text-subsection:not(.rich-text-wrapper),:where(.drz-p-blog__elbow-helper) .drz-text-subsection-scope .drz-text-subsection.rich-text-wrapper h4{
--ui-font-family: "Inter", "Inter Placeholder", sans-serif;
--ui-font-family-bold: "Inter", sans-serif;
--ui-font-family-bold-italic: "Inter", sans-serif;
--ui-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
--ui-font-open-type-features: "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
--ui-font-size: 22px;
--ui-font-style: normal;
--ui-font-style-bold: normal;
--ui-font-style-bold-italic: italic;
--ui-font-style-italic: italic;
--ui-font-variation-axes: normal;
--ui-font-weight: 700;
--ui-font-weight-bold: 900;
--ui-font-weight-bold-italic: 900;
--ui-font-weight-italic: 700;
--ui-letter-spacing: -.04em;
--ui-line-height: 1.4em;
--ui-paragraph-spacing: 40px;
--ui-text-alignment: start;
--ui-text-color: #000;
--ui-text-decoration: none;
--ui-text-stroke-color: initial;
--ui-text-stroke-width: initial;
--ui-text-transform: none
}
:where(.drz-p-blog__elbow-helper) .drz-text-section-scope .drz-text-section:not(.rich-text-wrapper),:where(.drz-p-blog__elbow-helper) .drz-text-section-scope .drz-text-section.rich-text-wrapper h5{
--ui-font-family: "Inter", "Inter Placeholder", sans-serif;
--ui-font-family-bold: "Inter", sans-serif;
--ui-font-family-bold-italic: "Inter", sans-serif;
--ui-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
--ui-font-open-type-features: "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
--ui-font-size: 18px;
--ui-font-style: normal;
--ui-font-style-bold: normal;
--ui-font-style-bold-italic: italic;
--ui-font-style-italic: italic;
--ui-font-variation-axes: normal;
--ui-font-weight: 700;
--ui-font-weight-bold: 900;
--ui-font-weight-bold-italic: 900;
--ui-font-weight-italic: 700;
--ui-letter-spacing: -.04em;
--ui-line-height: 1.4em;
--ui-paragraph-spacing: 40px;
--ui-text-alignment: start;
--ui-text-color: #000;
--ui-text-decoration: none;
--ui-text-stroke-color: initial;
--ui-text-stroke-width: initial;
--ui-text-transform: none
}
:where(.drz-p-blog__elbow-helper) .drz-article-scope[data-border=true]:after,:where(.drz-p-blog__elbow-helper) .drz-article-scope [data-border=true]:after{
content: "";
border-width: var(--border-top-width, 0)var(--border-right-width, 0)var(--border-bottom-width, 0)var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
box-sizing: border-box;
border-radius: inherit;
corner-shape: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
@media (min-width:810px) and (max-width:1199.98px) {
:where(.drz-p-blog__elbow-helper) .drz-article-scope.drz-article-page{
width: 810px
}
:where(.drz-p-blog__elbow-helper) .drz-article-scope .drz-article-main{
gap: 48px;
padding: 112px 40px
}
}
@media (max-width:809.98px) {
:where(.drz-p-blog__elbow-helper) .drz-article-scope.drz-article-page{
width: 390px
}
:where(.drz-p-blog__elbow-helper) .drz-article-scope .drz-article-main{
gap: 40px;
padding: 96px 24px
}
:where(.drz-p-blog__elbow-helper) .drz-article-scope .drz-article-header{
gap: 24px
}
:where(.drz-p-blog__elbow-helper) .drz-article-scope .drz-article-meta{
flex-wrap: wrap
}
:where(.drz-p-blog__elbow-helper) .drz-article-scope .drz-article-footer{
place-content: flex-start space-between;
align-items: flex-start
}
}
:where(.drz-p-blog__elbow-helper) .drz-article-icon-mask{
-webkit-mask: var(--ui-icon-mask);
aspect-ratio: 1;
-webkit-mask: var(--ui-icon-mask);
mask: var(--ui-icon-mask);
width: 24px;
display: block
}
/* Hero cliquable : logo du projet + bouton vers l'application hébergée */
:where(.drz-p-blog__elbow-helper) .drz-logo-hero{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 28px;
width: 100%;
max-width: 1120px;
margin: 0 auto 48px;
padding: 56px 24px;
background: rgb(250, 250, 250);
border-radius: 16px;
box-sizing: border-box;
text-decoration: none;
transition: background .2s ease
}
:where(.drz-p-blog__elbow-helper) .drz-logo-hero img{
width: 260px;
height: auto;
transition: transform .2s ease
}
:where(.drz-p-blog__elbow-helper) .drz-hero-cta{
display: inline-flex;
align-items: center;
gap: 8px;
background: rgb(247, 250, 190);
color: #111;
font-size: 15px;
font-weight: 600;
letter-spacing: -.01em;
line-height: 1;
padding: 14px 22px;
border-radius: 10px;
border: 1px solid rgba(0, 0, 0, .08);
transition: background .2s ease, box-shadow .2s ease
}
:where(.drz-p-blog__elbow-helper) a.drz-logo-hero:hover{
background: rgb(246, 246, 246)
}
:where(.drz-p-blog__elbow-helper) a.drz-logo-hero:hover img{
transform: translateY(-3px)
}
:where(.drz-p-blog__elbow-helper) a.drz-logo-hero:hover .drz-hero-cta{
background: rgb(238, 244, 150);
box-shadow: 0 2px 10px rgba(0, 0, 0, .08)
}
:where(.drz-p-blog__elbow-helper) a.drz-logo-hero:focus-visible{
outline: 2px solid #111;
outline-offset: 3px
}
@media(prefers-reduced-motion:reduce) {
:where(.drz-p-blog__elbow-helper) .drz-logo-hero,:where(.drz-p-blog__elbow-helper) .drz-logo-hero img,:where(.drz-p-blog__elbow-helper) .drz-hero-cta{
transition: none
}
:where(.drz-p-blog__elbow-helper) a.drz-logo-hero:hover img{
transform: none
}
}
@media(max-width:809.98px) {
:where(.drz-p-blog__elbow-helper) .drz-logo-hero{
padding: 36px 20px;
margin-bottom: 32px;
gap: 22px
}
:where(.drz-p-blog__elbow-helper) .drz-logo-hero img{
width: 180px
}
:where(.drz-p-blog__elbow-helper) .drz-hero-cta{
font-size: 14px;
padding: 12px 18px;
text-align: center
}
}
/* Figures dans le corps de l'article */
:where(.drz-p-blog__elbow-helper) .drz-art-fig{
width: 100%;
margin: 12px 0 4px;
box-sizing: border-box
}
:where(.drz-p-blog__elbow-helper) .drz-art-fig img{
display: block;
width: auto;
max-width: 100%;
max-height: 70vh;
height: auto;
margin: 0 auto;
border-radius: 12px;
background: #fff
}
:where(.drz-p-blog__elbow-helper) .drz-art-figcap{
font-size: 14px;
line-height: 1.5;
color: #777;
margin-top: 10px;
text-align: center
}
/* Formules (KaTeX) */
/* Framer impose white-space:pre-wrap a .drz-text ; le saut de ligne avant
se voyait alors comme une ligne vide sous la formule. */
:where(.drz-p-blog__elbow-helper) .drz-math{
width: 100%;
overflow-x: auto;
padding: 4px 0;
font-size: 18px;
color: #111;
white-space: normal
}
:where(.drz-p-blog__elbow-helper) .drz-math .katex-display{
margin: 6px 0
}
/* Fix : le conteneur meta (chip + date) était width:min-content, trop étroit. */
:where(.drz-p-blog__elbow-helper) .drz-article-meta{
width: auto !important
}
/* Tableau d'entrée avec notes en étoiles (déborde la colonne de texte de 680px) */
:where(.drz-p-blog__elbow-helper) .drz-table-wrap{
position: relative;
left: 50%;
transform: translateX(-50%);
width: min(1024px, calc(100vw - 48px));
overflow-x: auto;
margin: 16px 0 6px;
-webkit-overflow-scrolling: touch
}
:where(.drz-p-blog__elbow-helper) .drz-star-table{
border-collapse: collapse;
width: 100%;
min-width: 640px;
font-size: 14px;
line-height: 1.3
}
:where(.drz-p-blog__elbow-helper) .drz-star-table th,:where(.drz-p-blog__elbow-helper) .drz-star-table td{
padding: 8px 12px;
border-bottom: 1px solid #ededed;
text-align: center;
white-space: nowrap
}
:where(.drz-p-blog__elbow-helper) .drz-star-table thead th{
font-size: 12px;
font-weight: 600;
color: #666;
letter-spacing: -0.01em;
border-bottom: 1px solid #d9d9d9;
vertical-align: bottom
}
:where(.drz-p-blog__elbow-helper) .drz-star-table tbody th{
text-align: left;
font-weight: 500;
color: #111
}
:where(.drz-p-blog__elbow-helper) .drz-star-table thead th:first-child{
text-align: left
}
:where(.drz-p-blog__elbow-helper) .drz-star-table tbody tr:last-child th,:where(.drz-p-blog__elbow-helper) .drz-star-table tbody tr:last-child td{
border-bottom: none
}
:where(.drz-p-blog__elbow-helper) .drz-stars{
color: #111;
letter-spacing: .5px
}
:where(.drz-p-blog__elbow-helper) .drz-stars i{
font-style: normal;
color: #d8d8d8
}
@media(max-width:809.98px) {
:where(.drz-p-blog__elbow-helper) .drz-star-table{
font-size: 13px;
min-width: 600px
}
:where(.drz-p-blog__elbow-helper) .drz-star-table th,:where(.drz-p-blog__elbow-helper) .drz-star-table td{
padding: 7px 9px
}
}
/* Légendes hors .drz-art-fig (tableaux) : même style que les légendes de figures */
:where(.drz-p-blog__elbow-helper) .drz-article-content .drz-art-figcap{
font-size: 14px;
line-height: 1.5;
color: #777;
margin-top: 10px;
text-align: center
}
/* Figure large : déborde la colonne de texte (captures d'écran détaillées) */
:where(.drz-p-blog__elbow-helper) .drz-art-fig--wide{
position: relative;
left: 50%;
transform: translateX(-50%);
width: min(1024px, calc(100vw - 48px))
}
:where(.drz-p-blog__elbow-helper) .drz-art-fig--wide img{
width: 100%;
max-height: none;
border: 1px solid #ededed
}
/* Puce de catégorie : width:min-content rognait les libellés de deux mots. */
:where(.drz-p-blog__elbow-helper) .drz-article-chip{
width: auto !important
}
:where(.drz-p-blog__elbow-helper) .drz-article-chip .drz-text{
white-space: nowrap
}
/* Blocs de code / sorties de terminal (pleine largeur de la colonne de texte) */
:where(.drz-p-blog__elbow-helper) .drz-code{
display: block;
box-sizing: border-box;
width: 100%;
margin: 14px 0 6px;
padding: 16px 18px;
overflow-x: auto;
background: #fafafa;
border: 1px solid #ededed;
border-radius: 10px;
font-family: "Fragment Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 13px;
line-height: 1.6;
color: #111;
white-space: pre;
-webkit-overflow-scrolling: touch;
tab-size: 2
}
:where(.drz-p-blog__elbow-helper) .drz-code b{
font-weight: 600
}
:where(.drz-p-blog__elbow-helper) .drz-code i{
font-style: normal;
color: #8a8a8a
}
@media(max-width:809.98px) {
:where(.drz-p-blog__elbow-helper) .drz-code{
font-size: 12px;
padding: 14px
}
}
/* Tableau documentaire (texte à gauche, deux colonnes) */
:where(.drz-p-blog__elbow-helper) .drz-doc-table{
border-collapse: collapse;
width: 100%;
min-width: 560px;
font-size: 14px;
line-height: 1.45
}
/* Framer impose white-space:pre-wrap aux cellules ; les retours a la ligne et
l'indentation de la source se voyaient alors dans le tableau. */
:where(.drz-p-blog__elbow-helper) .drz-doc-table th,:where(.drz-p-blog__elbow-helper) .drz-doc-table td{
padding: 9px 12px;
border-bottom: 1px solid #ededed;
text-align: left;
vertical-align: top;
white-space: normal
}
:where(.drz-p-blog__elbow-helper) .drz-doc-table thead th{
font-size: 12px;
font-weight: 600;
color: #666;
letter-spacing: -0.01em;
border-bottom: 1px solid #d9d9d9
}
:where(.drz-p-blog__elbow-helper) .drz-doc-table tbody th{
font-weight: 500;
color: #111;
white-space: nowrap;
font-family: "Fragment Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 12.5px
}
:where(.drz-p-blog__elbow-helper) .drz-doc-table tbody tr.drz-doc-group th{
padding-top: 16px;
font-family: inherit;
font-size: 13px;
font-weight: 600;
color: #666;
border-bottom: 1px solid #d9d9d9;
white-space: normal
}
:where(.drz-p-blog__elbow-helper) .drz-doc-table tbody tr:last-child th,:where(.drz-p-blog__elbow-helper) .drz-doc-table tbody tr:last-child td{
border-bottom: none
}
@media(max-width:809.98px) {
:where(.drz-p-blog__elbow-helper) .drz-doc-table{
font-size: 13px;
min-width: 520px
}
:where(.drz-p-blog__elbow-helper) .drz-doc-table th,:where(.drz-p-blog__elbow-helper) .drz-doc-table td{
padding: 8px 9px
}
}
/* Même filet pour les figures étroites que pour les figures larges. */
:where(.drz-p-blog__elbow-helper) .drz-art-fig img{
border: 1px solid #ededed
}
/* Appels de référence en exposant + bibliographie annotée */
:where(.drz-p-blog__elbow-helper) /* Numérotation par compteur plutôt que par ::marker : le numéro est calé à
droite dans sa colonne,:where(.drz-p-blog__elbow-helper) la notice commence après une vraie gouttière,:where(.drz-p-blog__elbow-helper) et
les lignes suivantes s'alignent sous la première (retrait pendant).
Sélecteurs longs et `padding-inline-start` à dessein : l'export Framer
pose `ol.drz-text>li.drz-text{padding-inline-start:...}:where(.drz-p-blog__elbow-helper) `,:where(.drz-p-blog__elbow-helper) qui sinon
écrase le retrait et fait retomber le numéro sur la première lettre. */
.drz-article-content ol.drz-biblio{
list-style: none;
counter-reset: drz-biblio;
margin: 10px 0 6px;
padding: 0;
font-size: 15px;
line-height: 1.55;
color: #333
}
:where(.drz-p-blog__elbow-helper) .drz-article-content ol.drz-biblio>li.drz-text{
position: relative;
margin: 0 0 18px;
padding: 0;
padding-inline-start: 52px;
scroll-margin-top: 144px;
counter-increment: drz-biblio
}
:where(.drz-p-blog__elbow-helper) .drz-article-content ol.drz-biblio>li.drz-text::before{
content: counter(drz-biblio) ".";
position: absolute;
left: 0;
top: 1px;
width: 34px;
text-align: right;
color: #999;
font-size: 13px;
font-variant-numeric: tabular-nums
}
:where(.drz-p-blog__elbow-helper) .drz-biblio cite{
font-style: normal;
color: #111
}
:where(.drz-p-blog__elbow-helper) .drz-biblio .drz-biblio-note{
display: block;
margin-top: 4px;
color: #666
}
/* Framer applique white-space:pre-wrap a .drz-text ; la bibliographie est de la prose,
pas du preformate et les retours a la ligne du source s'y voyaient a l'ecran. */
:where(.drz-p-blog__elbow-helper) .drz-article-content ol.drz-biblio,:where(.drz-p-blog__elbow-helper) .drz-article-content ol.drz-biblio *{
white-space: normal
}
@media(max-width:809.98px) {
:where(.drz-p-blog__elbow-helper) .drz-article-content ol.drz-biblio>li.drz-text{
scroll-margin-top: 136px
}
:where(.drz-p-blog__elbow-helper) .drz-article-content ol.drz-biblio{
font-size: 14px
}
:where(.drz-p-blog__elbow-helper) .drz-article-content ol.drz-biblio>li.drz-text{
padding-inline-start: 38px
}
:where(.drz-p-blog__elbow-helper) .drz-article-content ol.drz-biblio>li.drz-text::before{
width: 24px
}
}
/* Comparatif du paysage : tableau compact (11 critères), ligne du paquet mise
en avant et liste « une ligne par outil ». */
:where(.drz-p-blog__elbow-helper) .drz-star-table--compact{
min-width: 0;
table-layout: fixed;
width: 100%
}
:where(.drz-p-blog__elbow-helper) .drz-star-table--compact th,:where(.drz-p-blog__elbow-helper) .drz-star-table--compact td{
padding: 8px 4px
}
:where(.drz-p-blog__elbow-helper) .drz-star-table--compact thead th{
white-space: normal;
width: 78px;
line-height: 1.2;
font-size: 11.5px;
hyphens: auto;
-webkit-hyphens: auto
}
:where(.drz-p-blog__elbow-helper) .drz-star-table--compact thead th:first-child,:where(.drz-p-blog__elbow-helper) .drz-star-table--compact tbody th{
white-space: normal;
width: 140px;
hyphens: none;
-webkit-hyphens: none
}
:where(.drz-p-blog__elbow-helper) .drz-star-table--compact .drz-stars{
font-size: 12.5px;
letter-spacing: 0
}
:where(.drz-p-blog__elbow-helper) .drz-star-table tbody tr.is-self th,:where(.drz-p-blog__elbow-helper) .drz-star-table tbody tr.is-self td{
background: #fbfbe8
}
:where(.drz-p-blog__elbow-helper) .drz-star-table tbody tr.is-self th{
font-weight: 700
}
/* Framer impose white-space:pre-wrap a .drz-text ; les retours a la ligne et
l'indentation de la source se voyaient dans les elements de liste. */
:where(.drz-p-blog__elbow-helper) .drz-tool-list,:where(.drz-p-blog__elbow-helper) .drz-tool-list li,:where(.drz-p-blog__elbow-helper) .drz-tool-list li *{white-space:normal}
:where(.drz-p-blog__elbow-helper) .drz-article-content ul.drz-tool-list{
list-style: none;
margin: 10px 0 6px;
padding: 0;
font-size: 15px;
line-height: 1.55;
color: #333
}
:where(.drz-p-blog__elbow-helper) .drz-article-content ul.drz-tool-list>li{
position: relative;
margin: 0 0 12px;
padding: 0;
padding-inline-start: 22px
}
:where(.drz-p-blog__elbow-helper) .drz-article-content ul.drz-tool-list>li::before{
content: "";
position: absolute;
left: 4px;
top: 9px;
width: 6px;
height: 6px;
border-radius: 50%;
background: #cfcfcf
}
:where(.drz-p-blog__elbow-helper) .drz-article-content ul.drz-tool-list>li.is-self{
background: #fbfbe8;
border-radius: 6px;
padding: 8px 10px 8px 22px;
margin-left: -10px
}
:where(.drz-p-blog__elbow-helper) .drz-article-content ul.drz-tool-list>li.is-self::before{
background: #111;
left: 10px;
top: 17px
}
:where(.drz-p-blog__elbow-helper) .drz-article-content ul.drz-tool-list strong{
color: #111
}
/* Appels de référence en exposant : sans cette règle, le a.drz-text
intérieur reprend la taille pleine du corps (--ui-font-size) et le
numéro s'affiche deux fois trop gros. line-height:0 pour ne pas creuser
l'interligne de la ligne porteuse. */
:where(.drz-p-blog__elbow-helper) .drz-article-content sup.drz-ref{
font-size: .55em;
line-height: 0;
position: relative;
vertical-align: baseline;
top: -.55em
}
:where(.drz-p-blog__elbow-helper) .drz-article-content sup.drz-ref a.drz-text{
font-size: inherit !important
}
/* ===== Page blog__logo-origins : règles limitées à ===== */
@media(min-width: 1200px){}@media(min-width: 810px) and (max-width: 1199.98px){}@media(max-width: 809.98px){}@media(max-width: 809.98px){:where(.drz-p-blog__logo-origins) .hidden-hbbylz{display:none!important}}@media(min-width: 810px) and (max-width: 1199.98px){:where(.drz-p-blog__logo-origins) .hidden-10bfaa4{display:none!important}}@media(min-width: 1200px){:where(.drz-p-blog__logo-origins) .hidden-9jza5{display:none!important}}:where(.drz-p-blog__logo-origins) .drz-article-scope.drz-article-page{height:min-content;overflow:var(--overflow-clip-fallback,clip);flex-flow:column;place-content:center flex-start;align-items:center;gap:0;width:1200px;padding:0;display:flex;position:relative}:where(.drz-p-blog__logo-origins) .drz-article-scope .drz-article-main{max-width:1120px;height:min-content;overflow:var(--overflow-clip-fallback,clip);flex-flow:column;flex:none;place-content:center flex-start;align-items:center;gap:56px;width:100%;padding:128px 48px;display:flex;position:relative}:where(.drz-p-blog__logo-origins) .drz-article-scope .drz-article-header{height:min-content;overflow:var(--overflow-clip-fallback,clip);flex-flow:column;flex:none;place-content:flex-start;align-items:flex-start;gap:32px;width:100%;padding:0;display:flex;position:relative}:where(.drz-p-blog__logo-origins) .drz-article-scope .drz-article-meta{height:min-content;overflow:var(--overflow-clip-fallback,clip);flex-flow:row;flex:none;place-content:center flex-start;align-items:center;gap:12px;width:min-content;padding:0;display:flex;position:relative}:where(.drz-p-blog__logo-origins) .drz-article-scope .drz-article-chip{height:min-content;overflow:var(--overflow-clip-fallback,clip);will-change:var(--ui-will-change-override,transform);background-color:#e9fcff;border-radius:6px;flex-flow:row;flex:none;place-content:center;align-items:center;gap:0;width:min-content;padding:7px 10px;display:flex;position:relative}:where(.drz-p-blog__logo-origins) .drz-article-scope .drz-article-chip-text,:where(.drz-p-blog__logo-origins) .drz-article-scope .drz-article-date,:where(.drz-p-blog__logo-origins) .drz-article-scope .drz-article-back,:where(.drz-p-blog__logo-origins) .drz-article-scope .framer-1x3itte{white-space:pre;flex:none;width:auto;height:auto;position:relative}:where(.drz-p-blog__logo-origins) .drz-article-scope .drz-article-title{--ui-text-wrap:balance;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;flex:none;width:100%;max-width:820px;height:auto;position:relative}:where(.drz-p-blog__logo-origins) .drz-article-scope .drz-article-lede{--ui-text-wrap:balance;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;flex:none;width:100%;max-width:620px;height:auto;position:relative}:where(.drz-p-blog__logo-origins) .drz-article-scope .drz-article-content{--ui-paragraph-spacing:28px;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;flex:none;width:100%;max-width:680px;height:auto;position:relative}:where(.drz-p-blog__logo-origins) .drz-article-scope .drz-article-footer{--border-bottom-width:0px;--border-color:#00000014;--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:1px;max-width:680px;height:min-content;overflow:var(--overflow-clip-fallback,clip);flex-flow:row;flex:none;place-content:center flex-end;align-items:center;width:100%;padding:32px 0 0;display:flex;position:relative}:where(.drz-p-blog__logo-origins) .drz-article-scope .drz-article-icon{--1m6trwb:0;--21h8s6:#000;--pgex8v:1.5;aspect-ratio:1;height:var(--ui-aspect-ratio-supported,24px);flex:none;width:24px;position:relative}:where(.drz-p-blog__logo-origins) .drz-text-section-scope .drz-text-section:not(.rich-text-wrapper),:where(.drz-p-blog__logo-origins) .drz-text-section-scope .drz-text-section.rich-text-wrapper h5{--ui-font-family:"Inter","Inter Placeholder",sans-serif;--ui-font-family-bold:"Inter",sans-serif;--ui-font-family-bold-italic:"Inter",sans-serif;--ui-font-family-italic:"Inter","Inter Placeholder",sans-serif;--ui-font-open-type-features:"blwf" on,"cv03" on,"cv04" on,"cv09" on,"cv11" on;--ui-font-size:18px;--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:700;--ui-font-weight-bold:900;--ui-font-weight-bold-italic:900;--ui-font-weight-italic:700;--ui-letter-spacing:-.04em;--ui-line-height:1.4em;--ui-paragraph-spacing:40px;--ui-text-alignment:start;--ui-text-color:#000;--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}:where(.drz-p-blog__logo-origins) .drz-article-scope[data-border=true]:after,:where(.drz-p-blog__logo-origins) .drz-article-scope [data-border=true]:after{content:"";border-width:var(--border-top-width,0)var(--border-right-width,0)var(--border-bottom-width,0)var(--border-left-width,0);border-color:var(--border-color,none);border-style:var(--border-style,none);box-sizing:border-box;border-radius:inherit;corner-shape:inherit;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}@media (min-width:810px) and (max-width:1199.98px){:where(.drz-p-blog__logo-origins) .drz-article-scope.drz-article-page{width:810px}:where(.drz-p-blog__logo-origins) .drz-article-scope .drz-article-main{gap:48px;padding:112px 40px}}@media (max-width:809.98px){:where(.drz-p-blog__logo-origins) .drz-article-scope.drz-article-page{width:390px}:where(.drz-p-blog__logo-origins) .drz-article-scope .drz-article-main{gap:40px;padding:96px 24px}:where(.drz-p-blog__logo-origins) .drz-article-scope .drz-article-header{gap:24px}:where(.drz-p-blog__logo-origins) .drz-article-scope .drz-article-meta{flex-wrap:wrap}:where(.drz-p-blog__logo-origins) .drz-article-scope .drz-article-footer{place-content:flex-start space-between;align-items:flex-start}}:where(.drz-p-blog__logo-origins) .drz-article-icon-mask{-webkit-mask:var(--ui-icon-mask);aspect-ratio:1;-webkit-mask:var(--ui-icon-mask);mask:var(--ui-icon-mask);width:24px;display:block}
/* Illustration : logo-mark centré, sur fond clair */
:where(.drz-p-blog__logo-origins) .drz-logo-hero{display:flex;align-items:center;justify-content:center;width:100%;max-width:1120px;margin:0 auto 48px;padding:64px 24px;background:rgb(250,250,250);border-radius:16px;box-sizing:border-box}
:where(.drz-p-blog__logo-origins) .drz-logo-hero img{width:180px;height:auto}
:where(.drz-p-blog__logo-origins) .drz-blog-sources{margin-top:32px;padding-top:24px;border-top:1px solid rgb(232,232,232);font-size:14px;color:#777}
@media(max-width:809.98px){:where(.drz-p-blog__logo-origins) .drz-logo-hero{padding:40px 24px;margin-bottom:32px}:where(.drz-p-blog__logo-origins) .drz-logo-hero img{width:120px}}
/* Fix: le conteneur meta (chip + date) etait width:min-content, ce qui calculait
trop etroit pour contenir chip+date cote a cote, coupant la date visible. */
:where(.drz-p-blog__logo-origins) .drz-article-meta{width:auto!important}
/* ===== Page blog__qr4prez : règles limitées à ===== */
@media(min-width: 1200px){}@media(min-width: 810px) and (max-width: 1199.98px){}@media(max-width: 809.98px){}@media(max-width: 809.98px){:where(.drz-p-blog__qr4prez) .hidden-hbbylz{display:none!important}}@media(min-width: 810px) and (max-width: 1199.98px){:where(.drz-p-blog__qr4prez) .hidden-10bfaa4{display:none!important}}@media(min-width: 1200px){:where(.drz-p-blog__qr4prez) .hidden-9jza5{display:none!important}}:where(.drz-p-blog__qr4prez) .drz-article-scope.drz-article-page{height:min-content;overflow:var(--overflow-clip-fallback,clip);flex-flow:column;place-content:center flex-start;align-items:center;gap:0;width:1200px;padding:0;display:flex;position:relative}:where(.drz-p-blog__qr4prez) .drz-article-scope .drz-article-main{max-width:1120px;height:min-content;overflow:var(--overflow-clip-fallback,clip);flex-flow:column;flex:none;place-content:center flex-start;align-items:center;gap:56px;width:100%;padding:128px 48px;display:flex;position:relative}:where(.drz-p-blog__qr4prez) .drz-article-scope .drz-article-header{height:min-content;overflow:var(--overflow-clip-fallback,clip);flex-flow:column;flex:none;place-content:flex-start;align-items:flex-start;gap:32px;width:100%;padding:0;display:flex;position:relative}:where(.drz-p-blog__qr4prez) .drz-article-scope .drz-article-meta{height:min-content;overflow:var(--overflow-clip-fallback,clip);flex-flow:row;flex:none;place-content:center flex-start;align-items:center;gap:12px;width:min-content;padding:0;display:flex;position:relative}:where(.drz-p-blog__qr4prez) .drz-article-scope .drz-article-chip{height:min-content;overflow:var(--overflow-clip-fallback,clip);will-change:var(--ui-will-change-override,transform);background-color:#e9fcff;border-radius:6px;flex-flow:row;flex:none;place-content:center;align-items:center;gap:0;width:min-content;padding:7px 10px;display:flex;position:relative}:where(.drz-p-blog__qr4prez) .drz-article-scope .drz-article-chip-text,:where(.drz-p-blog__qr4prez) .drz-article-scope .drz-article-date,:where(.drz-p-blog__qr4prez) .drz-article-scope .drz-article-back,:where(.drz-p-blog__qr4prez) .drz-article-scope .framer-1x3itte{white-space:pre;flex:none;width:auto;height:auto;position:relative}:where(.drz-p-blog__qr4prez) .drz-article-scope .drz-article-title{--ui-text-wrap:balance;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;flex:none;width:100%;max-width:820px;height:auto;position:relative}:where(.drz-p-blog__qr4prez) .drz-article-scope .drz-article-lede{--ui-text-wrap:balance;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;flex:none;width:100%;max-width:620px;height:auto;position:relative}:where(.drz-p-blog__qr4prez) .drz-article-scope .drz-article-content{--ui-paragraph-spacing:28px;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;flex:none;width:100%;max-width:680px;height:auto;position:relative}:where(.drz-p-blog__qr4prez) .drz-article-scope .drz-article-footer{--border-bottom-width:0px;--border-color:#00000014;--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:1px;max-width:680px;height:min-content;overflow:var(--overflow-clip-fallback,clip);flex-flow:row;flex:none;place-content:center flex-end;align-items:center;width:100%;padding:32px 0 0;display:flex;position:relative}:where(.drz-p-blog__qr4prez) .drz-article-scope .drz-article-icon{--1m6trwb:0;--21h8s6:#000;--pgex8v:1.5;aspect-ratio:1;height:var(--ui-aspect-ratio-supported,24px);flex:none;width:24px;position:relative}:where(.drz-p-blog__qr4prez) .drz-text-section-scope .drz-text-section:not(.rich-text-wrapper),:where(.drz-p-blog__qr4prez) .drz-text-section-scope .drz-text-section.rich-text-wrapper h5{--ui-font-family:"Inter","Inter Placeholder",sans-serif;--ui-font-family-bold:"Inter",sans-serif;--ui-font-family-bold-italic:"Inter",sans-serif;--ui-font-family-italic:"Inter","Inter Placeholder",sans-serif;--ui-font-open-type-features:"blwf" on,"cv03" on,"cv04" on,"cv09" on,"cv11" on;--ui-font-size:18px;--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:700;--ui-font-weight-bold:900;--ui-font-weight-bold-italic:900;--ui-font-weight-italic:700;--ui-letter-spacing:-.04em;--ui-line-height:1.4em;--ui-paragraph-spacing:40px;--ui-text-alignment:start;--ui-text-color:#000;--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}:where(.drz-p-blog__qr4prez) .drz-article-scope[data-border=true]:after,:where(.drz-p-blog__qr4prez) .drz-article-scope [data-border=true]:after{content:"";border-width:var(--border-top-width,0)var(--border-right-width,0)var(--border-bottom-width,0)var(--border-left-width,0);border-color:var(--border-color,none);border-style:var(--border-style,none);box-sizing:border-box;border-radius:inherit;corner-shape:inherit;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}@media (min-width:810px) and (max-width:1199.98px){:where(.drz-p-blog__qr4prez) .drz-article-scope.drz-article-page{width:810px}:where(.drz-p-blog__qr4prez) .drz-article-scope .drz-article-main{gap:48px;padding:112px 40px}}@media (max-width:809.98px){:where(.drz-p-blog__qr4prez) .drz-article-scope.drz-article-page{width:390px}:where(.drz-p-blog__qr4prez) .drz-article-scope .drz-article-main{gap:40px;padding:96px 24px}:where(.drz-p-blog__qr4prez) .drz-article-scope .drz-article-header{gap:24px}:where(.drz-p-blog__qr4prez) .drz-article-scope .drz-article-meta{flex-wrap:wrap}:where(.drz-p-blog__qr4prez) .drz-article-scope .drz-article-footer{place-content:flex-start space-between;align-items:flex-start}}:where(.drz-p-blog__qr4prez) .drz-article-icon-mask{-webkit-mask:var(--ui-icon-mask);aspect-ratio:1;-webkit-mask:var(--ui-icon-mask);mask:var(--ui-icon-mask);width:24px;display:block}
/* Hero cliquable : logo du projet + bouton vers l'application hébergée */
:where(.drz-p-blog__qr4prez) .drz-logo-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;width:100%;max-width:1120px;margin:0 auto 48px;padding:56px 24px;background:rgb(250,250,250);border-radius:16px;box-sizing:border-box;text-decoration:none;transition:background .2s ease}
:where(.drz-p-blog__qr4prez) .drz-logo-hero img{width:260px;height:auto;transition:transform .2s ease}
:where(.drz-p-blog__qr4prez) .drz-hero-cta{display:inline-flex;align-items:center;gap:8px;background:rgb(247,250,190);color:#111;font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1;padding:14px 22px;border-radius:10px;border:1px solid rgba(0,0,0,.08);transition:background .2s ease,box-shadow .2s ease}
:where(.drz-p-blog__qr4prez) a.drz-logo-hero:hover{background:rgb(246,246,246)}
:where(.drz-p-blog__qr4prez) a.drz-logo-hero:hover img{transform:translateY(-3px)}
:where(.drz-p-blog__qr4prez) a.drz-logo-hero:hover .drz-hero-cta{background:rgb(238,244,150);box-shadow:0 2px 10px rgba(0,0,0,.08)}
:where(.drz-p-blog__qr4prez) a.drz-logo-hero:focus-visible{outline:2px solid #111;outline-offset:3px}
@media(prefers-reduced-motion:reduce){:where(.drz-p-blog__qr4prez) .drz-logo-hero,:where(.drz-p-blog__qr4prez) .drz-logo-hero img,:where(.drz-p-blog__qr4prez) .drz-hero-cta{transition:none}:where(.drz-p-blog__qr4prez) a.drz-logo-hero:hover img{transform:none}}
@media(max-width:809.98px){:where(.drz-p-blog__qr4prez) .drz-logo-hero{padding:36px 20px;margin-bottom:32px;gap:22px}:where(.drz-p-blog__qr4prez) .drz-logo-hero img{width:180px}:where(.drz-p-blog__qr4prez) .drz-hero-cta{font-size:14px;padding:12px 18px;text-align:center}}
/* Figures dans le corps de l'article */
:where(.drz-p-blog__qr4prez) .drz-art-fig{width:100%;margin:12px 0 4px;box-sizing:border-box}
:where(.drz-p-blog__qr4prez) .drz-art-fig img{display:block;width:auto;max-width:100%;max-height:70vh;height:auto;margin:0 auto;border-radius:12px;background:#fff}
:where(.drz-p-blog__qr4prez) .drz-art-fig--qr img{width:240px;max-width:240px}
:where(.drz-p-blog__qr4prez) .drz-art-figcap{font-size:14px;line-height:1.5;color:#777;margin-top:10px;text-align:center}
/* Formules (KaTeX) */
/* Framer impose white-space:pre-wrap a .drz-text ; le saut de ligne
avant se voyait alors comme une ligne vide sous la formule. */
:where(.drz-p-blog__qr4prez) .drz-math{width:100%;overflow-x:auto;padding:4px 0;font-size:18px;color:#111;white-space:normal}
:where(.drz-p-blog__qr4prez) .drz-math .katex-display{margin:6px 0}
/* Fix : le conteneur meta (chip + date) était width:min-content, trop étroit. */
:where(.drz-p-blog__qr4prez) .drz-article-meta{width:auto!important}
@media(max-width:809.98px){}
/* Légendes hors .drz-art-fig (tableaux) : même style que les légendes de figures */
:where(.drz-p-blog__qr4prez) .drz-article-content .drz-art-figcap{font-size:14px;line-height:1.5;color:#777;margin-top:10px;text-align:center}
/* Figure large : déborde la colonne de texte (captures d'écran détaillées) */
:where(.drz-p-blog__qr4prez) .drz-art-fig--wide{position:relative;left:50%;transform:translateX(-50%);width:min(1024px,calc(100vw - 48px))}
:where(.drz-p-blog__qr4prez) .drz-art-fig--wide img{width:100%;max-height:none;border:1px solid #ededed}
/* Puce de catégorie : width:min-content rognait les libellés de deux mots. */
:where(.drz-p-blog__qr4prez) .drz-article-chip{width:auto!important}
:where(.drz-p-blog__qr4prez) .drz-article-chip .drz-text{white-space:nowrap}
/* ===== Page blog__ralph-loops : règles limitées à ===== */
@media(min-width: 1200px) {
}
@media(min-width: 810px) and (max-width: 1199.98px) {
}
@media(max-width: 809.98px) {
}
@media(max-width: 809.98px) {
:where(.drz-p-blog__ralph-loops) .hidden-hbbylz{
display: none !important
}
}
@media(min-width: 810px) and (max-width: 1199.98px) {
:where(.drz-p-blog__ralph-loops) .hidden-10bfaa4{
display: none !important
}
}
@media(min-width: 1200px) {
:where(.drz-p-blog__ralph-loops) .hidden-9jza5{
display: none !important
}
}
:where(.drz-p-blog__ralph-loops) .drz-article-scope.drz-article-page{
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: column;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 1200px;
padding: 0;
display: flex;
position: relative
}
:where(.drz-p-blog__ralph-loops) .drz-article-scope .drz-article-main{
max-width: 1120px;
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 56px;
width: 100%;
padding: 128px 48px;
display: flex;
position: relative
}
:where(.drz-p-blog__ralph-loops) .drz-article-scope .drz-article-header{
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 32px;
width: 100%;
padding: 0;
display: flex;
position: relative
}
:where(.drz-p-blog__ralph-loops) .drz-article-scope .drz-article-meta{
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 12px;
width: min-content;
padding: 0;
display: flex;
position: relative
}
:where(.drz-p-blog__ralph-loops) .drz-article-scope .drz-article-chip{
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--ui-will-change-override, transform);
background-color: #e9fcff;
border-radius: 6px;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 0;
width: min-content;
padding: 7px 10px;
display: flex;
position: relative
}
:where(.drz-p-blog__ralph-loops) .drz-article-scope .drz-article-chip-text,:where(.drz-p-blog__ralph-loops) .drz-article-scope .drz-article-date,:where(.drz-p-blog__ralph-loops) .drz-article-scope .drz-article-back,:where(.drz-p-blog__ralph-loops) .drz-article-scope .framer-1x3itte{
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative
}
:where(.drz-p-blog__ralph-loops) .drz-article-scope .drz-article-title{
--ui-text-wrap: balance;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
max-width: 820px;
height: auto;
position: relative
}
:where(.drz-p-blog__ralph-loops) .drz-article-scope .drz-article-lede{
--ui-text-wrap: balance;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
max-width: 620px;
height: auto;
position: relative
}
:where(.drz-p-blog__ralph-loops) .drz-article-scope .drz-article-content{
--ui-paragraph-spacing: 28px;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
max-width: 680px;
height: auto;
position: relative
}
:where(.drz-p-blog__ralph-loops) .drz-article-scope .drz-article-footer{
--border-bottom-width: 0px;
--border-color: #00000014;
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 1px;
max-width: 680px;
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: row;
flex: none;
place-content: center flex-end;
align-items: center;
width: 100%;
padding: 32px 0 0;
display: flex;
position: relative
}
:where(.drz-p-blog__ralph-loops) .drz-article-scope .drz-article-icon{
--1m6trwb: 0;
--21h8s6: #000;
--pgex8v: 1.5;
aspect-ratio: 1;
height: var(--ui-aspect-ratio-supported, 24px);
flex: none;
width: 24px;
position: relative
}
:where(.drz-p-blog__ralph-loops) .drz-text-section-scope .drz-text-section:not(.rich-text-wrapper),:where(.drz-p-blog__ralph-loops) .drz-text-section-scope .drz-text-section.rich-text-wrapper h5{
--ui-font-family: "Inter", "Inter Placeholder", sans-serif;
--ui-font-family-bold: "Inter", sans-serif;
--ui-font-family-bold-italic: "Inter", sans-serif;
--ui-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
--ui-font-open-type-features: "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
--ui-font-size: 18px;
--ui-font-style: normal;
--ui-font-style-bold: normal;
--ui-font-style-bold-italic: italic;
--ui-font-style-italic: italic;
--ui-font-variation-axes: normal;
--ui-font-weight: 700;
--ui-font-weight-bold: 900;
--ui-font-weight-bold-italic: 900;
--ui-font-weight-italic: 700;
--ui-letter-spacing: -.04em;
--ui-line-height: 1.4em;
--ui-paragraph-spacing: 40px;
--ui-text-alignment: start;
--ui-text-color: #000;
--ui-text-decoration: none;
--ui-text-stroke-color: initial;
--ui-text-stroke-width: initial;
--ui-text-transform: none
}
:where(.drz-p-blog__ralph-loops) .drz-article-scope[data-border=true]:after,:where(.drz-p-blog__ralph-loops) .drz-article-scope [data-border=true]:after{
content: "";
border-width: var(--border-top-width, 0)var(--border-right-width, 0)var(--border-bottom-width, 0)var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
box-sizing: border-box;
border-radius: inherit;
corner-shape: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
@media (min-width:810px) and (max-width:1199.98px) {
:where(.drz-p-blog__ralph-loops) .drz-article-scope.drz-article-page{
width: 810px
}
:where(.drz-p-blog__ralph-loops) .drz-article-scope .drz-article-main{
gap: 48px;
padding: 112px 40px
}
}
@media (max-width:809.98px) {
:where(.drz-p-blog__ralph-loops) .drz-article-scope.drz-article-page{
width: 390px
}
:where(.drz-p-blog__ralph-loops) .drz-article-scope .drz-article-main{
gap: 40px;
padding: 96px 24px
}
:where(.drz-p-blog__ralph-loops) .drz-article-scope .drz-article-header{
gap: 24px
}
:where(.drz-p-blog__ralph-loops) .drz-article-scope .drz-article-meta{
flex-wrap: wrap
}
:where(.drz-p-blog__ralph-loops) .drz-article-scope .drz-article-footer{
place-content: flex-start space-between;
align-items: flex-start
}
}
:where(.drz-p-blog__ralph-loops) .drz-article-icon-mask{
-webkit-mask: var(--ui-icon-mask);
aspect-ratio: 1;
-webkit-mask: var(--ui-icon-mask);
mask: var(--ui-icon-mask);
width: 24px;
display: block
}
/* Hero cliquable : logo du projet + bouton vers l'application hébergée */
:where(.drz-p-blog__ralph-loops) .drz-logo-hero{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 28px;
width: 100%;
max-width: 1120px;
margin: 0 auto 48px;
padding: 56px 24px;
background: rgb(250, 250, 250);
border-radius: 16px;
box-sizing: border-box;
text-decoration: none;
transition: background .2s ease
}
:where(.drz-p-blog__ralph-loops) .drz-logo-hero img{
width: 260px;
height: auto;
transition: transform .2s ease
}
:where(.drz-p-blog__ralph-loops) .drz-hero-cta{
display: inline-flex;
align-items: center;
gap: 8px;
background: rgb(247, 250, 190);
color: #111;
font-size: 15px;
font-weight: 600;
letter-spacing: -.01em;
line-height: 1;
padding: 14px 22px;
border-radius: 10px;
border: 1px solid rgba(0, 0, 0, .08);
transition: background .2s ease, box-shadow .2s ease
}
:where(.drz-p-blog__ralph-loops) a.drz-logo-hero:hover{
background: rgb(246, 246, 246)
}
:where(.drz-p-blog__ralph-loops) a.drz-logo-hero:hover img{
transform: translateY(-3px)
}
:where(.drz-p-blog__ralph-loops) a.drz-logo-hero:hover .drz-hero-cta{
background: rgb(238, 244, 150);
box-shadow: 0 2px 10px rgba(0, 0, 0, .08)
}
:where(.drz-p-blog__ralph-loops) a.drz-logo-hero:focus-visible{
outline: 2px solid #111;
outline-offset: 3px
}
@media(prefers-reduced-motion:reduce) {
:where(.drz-p-blog__ralph-loops) .drz-logo-hero,:where(.drz-p-blog__ralph-loops) .drz-logo-hero img,:where(.drz-p-blog__ralph-loops) .drz-hero-cta{
transition: none
}
:where(.drz-p-blog__ralph-loops) a.drz-logo-hero:hover img{
transform: none
}
}
@media(max-width:809.98px) {
:where(.drz-p-blog__ralph-loops) .drz-logo-hero{
padding: 36px 20px;
margin-bottom: 32px;
gap: 22px
}
:where(.drz-p-blog__ralph-loops) .drz-logo-hero img{
width: 180px
}
:where(.drz-p-blog__ralph-loops) .drz-hero-cta{
font-size: 14px;
padding: 12px 18px;
text-align: center
}
}
/* Figures dans le corps de l'article */
:where(.drz-p-blog__ralph-loops) .drz-art-fig{
width: 100%;
margin: 12px 0 4px;
box-sizing: border-box
}
:where(.drz-p-blog__ralph-loops) .drz-art-fig img{
display: block;
width: auto;
max-width: 100%;
max-height: 70vh;
height: auto;
margin: 0 auto;
border-radius: 12px;
background: #fff
}
:where(.drz-p-blog__ralph-loops) .drz-art-figcap{
font-size: 14px;
line-height: 1.5;
color: #777;
margin-top: 10px;
text-align: center
}
/* Formules (KaTeX) */
/* Framer impose white-space:pre-wrap a .drz-text ; le saut de ligne avant
se voyait alors comme une ligne vide sous la formule. */
:where(.drz-p-blog__ralph-loops) .drz-math{
width: 100%;
overflow-x: auto;
padding: 4px 0;
font-size: 18px;
color: #111;
white-space: normal
}
:where(.drz-p-blog__ralph-loops) .drz-math .katex-display{
margin: 6px 0
}
/* Fix : le conteneur meta (chip + date) était width:min-content, trop étroit. */
:where(.drz-p-blog__ralph-loops) .drz-article-meta{
width: auto !important
}
/* Tableau d'entrée avec notes en étoiles (déborde la colonne de texte de 680px) */
:where(.drz-p-blog__ralph-loops) .drz-table-wrap{
position: relative;
left: 50%;
transform: translateX(-50%);
width: min(1024px, calc(100vw - 48px));
overflow-x: auto;
margin: 16px 0 6px;
-webkit-overflow-scrolling: touch
}
@media(max-width:809.98px) {
}
/* Légendes hors .drz-art-fig (tableaux) : même style que les légendes de figures */
:where(.drz-p-blog__ralph-loops) .drz-article-content .drz-art-figcap{
font-size: 14px;
line-height: 1.5;
color: #777;
margin-top: 10px;
text-align: center
}
/* Figure large : déborde la colonne de texte (captures d'écran détaillées) */
:where(.drz-p-blog__ralph-loops) .drz-art-fig--wide{
position: relative;
left: 50%;
transform: translateX(-50%);
width: min(1024px, calc(100vw - 48px))
}
:where(.drz-p-blog__ralph-loops) .drz-art-fig--wide img{
width: 100%;
max-height: none;
border: 1px solid #ededed
}
/* Puce de catégorie : width:min-content rognait les libellés de deux mots. */
:where(.drz-p-blog__ralph-loops) .drz-article-chip{
width: auto !important
}
:where(.drz-p-blog__ralph-loops) .drz-article-chip .drz-text{
white-space: nowrap
}
/* Blocs de code / sorties de terminal (pleine largeur de la colonne de texte) */
:where(.drz-p-blog__ralph-loops) .drz-code{
display: block;
box-sizing: border-box;
width: 100%;
margin: 14px 0 6px;
padding: 16px 18px;
overflow-x: auto;
background: #fafafa;
border: 1px solid #ededed;
border-radius: 10px;
font-family: "Fragment Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 13px;
line-height: 1.6;
color: #111;
white-space: pre;
-webkit-overflow-scrolling: touch;
tab-size: 2
}
@media(max-width:809.98px) {
:where(.drz-p-blog__ralph-loops) .drz-code{
font-size: 12px;
padding: 14px
}
}
/* Tableau documentaire (texte à gauche, deux colonnes) */
:where(.drz-p-blog__ralph-loops) .drz-doc-table{
border-collapse: collapse;
width: 100%;
min-width: 560px;
font-size: 14px;
line-height: 1.45
}
/* Framer impose white-space:pre-wrap aux cellules ; les retours a la ligne et
l'indentation de la source se voyaient alors dans le tableau. */
:where(.drz-p-blog__ralph-loops) .drz-doc-table th,:where(.drz-p-blog__ralph-loops) .drz-doc-table td{
padding: 9px 12px;
border-bottom: 1px solid #ededed;
text-align: left;
vertical-align: top;
white-space: normal
}
:where(.drz-p-blog__ralph-loops) .drz-doc-table thead th{
font-size: 12px;
font-weight: 600;
color: #666;
letter-spacing: -0.01em;
border-bottom: 1px solid #d9d9d9
}
:where(.drz-p-blog__ralph-loops) .drz-doc-table tbody th{
font-weight: 500;
color: #111;
white-space: nowrap;
font-family: "Fragment Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 12.5px
}
:where(.drz-p-blog__ralph-loops) .drz-doc-table tbody tr:last-child th,:where(.drz-p-blog__ralph-loops) .drz-doc-table tbody tr:last-child td{
border-bottom: none
}
@media(max-width:809.98px) {
:where(.drz-p-blog__ralph-loops) .drz-doc-table{
font-size: 13px;
min-width: 520px
}
:where(.drz-p-blog__ralph-loops) .drz-doc-table th,:where(.drz-p-blog__ralph-loops) .drz-doc-table td{
padding: 8px 9px
}
}
/* Même filet pour les figures étroites que pour les figures larges. */
:where(.drz-p-blog__ralph-loops) .drz-art-fig img{
border: 1px solid #ededed
}
/* Appels de référence en exposant + bibliographie annotée */
:where(.drz-p-blog__ralph-loops) /* Numérotation par compteur plutôt que par ::marker : le numéro est calé à
droite dans sa colonne,:where(.drz-p-blog__ralph-loops) la notice commence après une vraie gouttière,:where(.drz-p-blog__ralph-loops) et
les lignes suivantes s'alignent sous la première (retrait pendant).
Sélecteurs longs et `padding-inline-start` à dessein : l'export Framer
pose `ol.drz-text>li.drz-text{padding-inline-start:...}:where(.drz-p-blog__ralph-loops) `,:where(.drz-p-blog__ralph-loops) qui sinon
écrase le retrait et fait retomber le numéro sur la première lettre. */
.drz-article-content ol.drz-biblio{
list-style: none;
counter-reset: drz-biblio;
margin: 10px 0 6px;
padding: 0;
font-size: 15px;
line-height: 1.55;
color: #333
}
:where(.drz-p-blog__ralph-loops) .drz-article-content ol.drz-biblio>li.drz-text{
position: relative;
margin: 0 0 18px;
padding: 0;
padding-inline-start: 52px;
scroll-margin-top: 144px;
counter-increment: drz-biblio
}
:where(.drz-p-blog__ralph-loops) .drz-article-content ol.drz-biblio>li.drz-text::before{
content: counter(drz-biblio) ".";
position: absolute;
left: 0;
top: 1px;
width: 34px;
text-align: right;
color: #999;
font-size: 13px;
font-variant-numeric: tabular-nums
}
:where(.drz-p-blog__ralph-loops) .drz-biblio cite{
font-style: normal;
color: #111
}
:where(.drz-p-blog__ralph-loops) .drz-biblio .drz-biblio-note{
display: block;
margin-top: 4px;
color: #666
}
/* Framer applique white-space:pre-wrap a .drz-text ; la bibliographie est de la prose,
pas du preformate et les retours a la ligne du source s'y voyaient a l'ecran. */
:where(.drz-p-blog__ralph-loops) .drz-article-content ol.drz-biblio,:where(.drz-p-blog__ralph-loops) .drz-article-content ol.drz-biblio *{
white-space: normal
}
@media(max-width:809.98px) {
:where(.drz-p-blog__ralph-loops) .drz-article-content ol.drz-biblio>li.drz-text{
scroll-margin-top: 136px
}
:where(.drz-p-blog__ralph-loops) .drz-article-content ol.drz-biblio{
font-size: 14px
}
:where(.drz-p-blog__ralph-loops) .drz-article-content ol.drz-biblio>li.drz-text{
padding-inline-start: 38px
}
:where(.drz-p-blog__ralph-loops) .drz-article-content ol.drz-biblio>li.drz-text::before{
width: 24px
}
}
/* Tableau documentaire dont la première colonne porte des mots, non du code :
on annule la chasse fixe héritée de .drz-doc-table. */
:where(.drz-p-blog__ralph-loops) .drz-doc-table--words tbody th{
font-family: inherit;
font-size: 13.5px;
font-weight: 600
}
/* Appels de référence en exposant : sans cette règle, le a.drz-text
intérieur reprend la taille pleine du corps (--ui-font-size) et le
numéro s'affiche deux fois trop gros. line-height:0 pour ne pas creuser
l'interligne de la ligne porteuse. */
:where(.drz-p-blog__ralph-loops) .drz-article-content sup.drz-ref{
font-size: .55em;
line-height: 0;
position: relative;
vertical-align: baseline;
top: -.55em
}
:where(.drz-p-blog__ralph-loops) .drz-article-content sup.drz-ref a.drz-text{
font-size: inherit !important
}
/* ===== Page blog__standpoint : règles limitées à ===== */
@media(min-width: 1200px){}@media(min-width: 810px) and (max-width: 1199.98px){}@media(max-width: 809.98px){}@media(max-width: 809.98px){:where(.drz-p-blog__standpoint) .hidden-hbbylz{display:none!important}}@media(min-width: 810px) and (max-width: 1199.98px){:where(.drz-p-blog__standpoint) .hidden-10bfaa4{display:none!important}}@media(min-width: 1200px){:where(.drz-p-blog__standpoint) .hidden-9jza5{display:none!important}}:where(.drz-p-blog__standpoint) .drz-article-scope.drz-article-page{height:min-content;overflow:var(--overflow-clip-fallback,clip);flex-flow:column;place-content:center flex-start;align-items:center;gap:0;width:1200px;padding:0;display:flex;position:relative}:where(.drz-p-blog__standpoint) .drz-article-scope .drz-article-main{max-width:1120px;height:min-content;overflow:var(--overflow-clip-fallback,clip);flex-flow:column;flex:none;place-content:center flex-start;align-items:center;gap:56px;width:100%;padding:128px 48px;display:flex;position:relative}:where(.drz-p-blog__standpoint) .drz-article-scope .drz-article-header{height:min-content;overflow:var(--overflow-clip-fallback,clip);flex-flow:column;flex:none;place-content:flex-start;align-items:flex-start;gap:32px;width:100%;padding:0;display:flex;position:relative}:where(.drz-p-blog__standpoint) .drz-article-scope .drz-article-meta{height:min-content;overflow:var(--overflow-clip-fallback,clip);flex-flow:row;flex:none;place-content:center flex-start;align-items:center;gap:12px;width:min-content;padding:0;display:flex;position:relative}:where(.drz-p-blog__standpoint) .drz-article-scope .drz-article-chip{height:min-content;overflow:var(--overflow-clip-fallback,clip);will-change:var(--ui-will-change-override,transform);background-color:#e9fcff;border-radius:6px;flex-flow:row;flex:none;place-content:center;align-items:center;gap:0;width:min-content;padding:7px 10px;display:flex;position:relative}:where(.drz-p-blog__standpoint) .drz-article-scope .drz-article-chip-text,:where(.drz-p-blog__standpoint) .drz-article-scope .drz-article-date,:where(.drz-p-blog__standpoint) .drz-article-scope .drz-article-back,:where(.drz-p-blog__standpoint) .drz-article-scope .framer-1x3itte{white-space:pre;flex:none;width:auto;height:auto;position:relative}:where(.drz-p-blog__standpoint) .drz-article-scope .drz-article-title{--ui-text-wrap:balance;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;flex:none;width:100%;max-width:820px;height:auto;position:relative}:where(.drz-p-blog__standpoint) .drz-article-scope .drz-article-lede{--ui-text-wrap:balance;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;flex:none;width:100%;max-width:620px;height:auto;position:relative}:where(.drz-p-blog__standpoint) .drz-article-scope .drz-article-content{--ui-paragraph-spacing:28px;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;flex:none;width:100%;max-width:680px;height:auto;position:relative}:where(.drz-p-blog__standpoint) .drz-article-scope .drz-article-footer{--border-bottom-width:0px;--border-color:#00000014;--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:1px;max-width:680px;height:min-content;overflow:var(--overflow-clip-fallback,clip);flex-flow:row;flex:none;place-content:center flex-end;align-items:center;width:100%;padding:32px 0 0;display:flex;position:relative}:where(.drz-p-blog__standpoint) .drz-article-scope .drz-article-icon{--1m6trwb:0;--21h8s6:#000;--pgex8v:1.5;aspect-ratio:1;height:var(--ui-aspect-ratio-supported,24px);flex:none;width:24px;position:relative}:where(.drz-p-blog__standpoint) .drz-text-section-scope .drz-text-section:not(.rich-text-wrapper),:where(.drz-p-blog__standpoint) .drz-text-section-scope .drz-text-section.rich-text-wrapper h5{--ui-font-family:"Inter","Inter Placeholder",sans-serif;--ui-font-family-bold:"Inter",sans-serif;--ui-font-family-bold-italic:"Inter",sans-serif;--ui-font-family-italic:"Inter","Inter Placeholder",sans-serif;--ui-font-open-type-features:"blwf" on,"cv03" on,"cv04" on,"cv09" on,"cv11" on;--ui-font-size:18px;--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:700;--ui-font-weight-bold:900;--ui-font-weight-bold-italic:900;--ui-font-weight-italic:700;--ui-letter-spacing:-.04em;--ui-line-height:1.4em;--ui-paragraph-spacing:40px;--ui-text-alignment:start;--ui-text-color:#000;--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}:where(.drz-p-blog__standpoint) .drz-article-scope[data-border=true]:after,:where(.drz-p-blog__standpoint) .drz-article-scope [data-border=true]:after{content:"";border-width:var(--border-top-width,0)var(--border-right-width,0)var(--border-bottom-width,0)var(--border-left-width,0);border-color:var(--border-color,none);border-style:var(--border-style,none);box-sizing:border-box;border-radius:inherit;corner-shape:inherit;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}@media (min-width:810px) and (max-width:1199.98px){:where(.drz-p-blog__standpoint) .drz-article-scope.drz-article-page{width:810px}:where(.drz-p-blog__standpoint) .drz-article-scope .drz-article-main{gap:48px;padding:112px 40px}}@media (max-width:809.98px){:where(.drz-p-blog__standpoint) .drz-article-scope.drz-article-page{width:390px}:where(.drz-p-blog__standpoint) .drz-article-scope .drz-article-main{gap:40px;padding:96px 24px}:where(.drz-p-blog__standpoint) .drz-article-scope .drz-article-header{gap:24px}:where(.drz-p-blog__standpoint) .drz-article-scope .drz-article-meta{flex-wrap:wrap}:where(.drz-p-blog__standpoint) .drz-article-scope .drz-article-footer{place-content:flex-start space-between;align-items:flex-start}}:where(.drz-p-blog__standpoint) .drz-article-icon-mask{-webkit-mask:var(--ui-icon-mask);aspect-ratio:1;-webkit-mask:var(--ui-icon-mask);mask:var(--ui-icon-mask);width:24px;display:block}
/* Hero cliquable : logo du projet + bouton vers l'application hébergée */
:where(.drz-p-blog__standpoint) .drz-logo-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;width:100%;max-width:1120px;margin:0 auto 48px;padding:56px 24px;background:rgb(250,250,250);border-radius:16px;box-sizing:border-box;text-decoration:none;transition:background .2s ease}
:where(.drz-p-blog__standpoint) .drz-logo-hero img{width:260px;height:auto;transition:transform .2s ease}
:where(.drz-p-blog__standpoint) .drz-hero-cta{display:inline-flex;align-items:center;gap:8px;background:rgb(247,250,190);color:#111;font-size:15px;font-weight:600;letter-spacing:-.01em;line-height:1;padding:14px 22px;border-radius:10px;border:1px solid rgba(0,0,0,.08);transition:background .2s ease,box-shadow .2s ease}
:where(.drz-p-blog__standpoint) a.drz-logo-hero:hover{background:rgb(246,246,246)}
:where(.drz-p-blog__standpoint) a.drz-logo-hero:hover img{transform:translateY(-3px)}
:where(.drz-p-blog__standpoint) a.drz-logo-hero:hover .drz-hero-cta{background:rgb(238,244,150);box-shadow:0 2px 10px rgba(0,0,0,.08)}
:where(.drz-p-blog__standpoint) a.drz-logo-hero:focus-visible{outline:2px solid #111;outline-offset:3px}
@media(prefers-reduced-motion:reduce){:where(.drz-p-blog__standpoint) .drz-logo-hero,:where(.drz-p-blog__standpoint) .drz-logo-hero img,:where(.drz-p-blog__standpoint) .drz-hero-cta{transition:none}:where(.drz-p-blog__standpoint) a.drz-logo-hero:hover img{transform:none}}
@media(max-width:809.98px){:where(.drz-p-blog__standpoint) .drz-logo-hero{padding:36px 20px;margin-bottom:32px;gap:22px}:where(.drz-p-blog__standpoint) .drz-logo-hero img{width:180px}:where(.drz-p-blog__standpoint) .drz-hero-cta{font-size:14px;padding:12px 18px;text-align:center}}
/* Figures dans le corps de l'article */
:where(.drz-p-blog__standpoint) .drz-art-fig{width:100%;margin:12px 0 4px;box-sizing:border-box}
:where(.drz-p-blog__standpoint) .drz-art-fig img{display:block;width:auto;max-width:100%;max-height:70vh;height:auto;margin:0 auto;border-radius:12px;background:#fff}
:where(.drz-p-blog__standpoint) .drz-art-figcap{font-size:14px;line-height:1.5;color:#777;margin-top:10px;text-align:center}
/* Formules (KaTeX) */
/* Framer impose white-space:pre-wrap a .drz-text ; le saut de ligne
avant se voyait alors comme une ligne vide sous la formule. */
:where(.drz-p-blog__standpoint) .drz-math{width:100%;overflow-x:auto;padding:4px 0;font-size:18px;color:#111;white-space:normal}
:where(.drz-p-blog__standpoint) .drz-math .katex-display{margin:6px 0}
/* Fix : le conteneur meta (chip + date) était width:min-content, trop étroit. */
:where(.drz-p-blog__standpoint) .drz-article-meta{width:auto!important}
/* Tableau d'entrée avec notes en étoiles (déborde la colonne de texte de 680px) */
:where(.drz-p-blog__standpoint) .drz-table-wrap{position:relative;left:50%;transform:translateX(-50%);width:min(1024px,calc(100vw - 48px));overflow-x:auto;margin:16px 0 6px;-webkit-overflow-scrolling:touch}
:where(.drz-p-blog__standpoint) .drz-star-table{border-collapse:collapse;width:100%;min-width:640px;font-size:14px;line-height:1.3}
:where(.drz-p-blog__standpoint) .drz-star-table th,:where(.drz-p-blog__standpoint) .drz-star-table td{padding:8px 12px;border-bottom:1px solid #ededed;text-align:center;white-space:nowrap}
:where(.drz-p-blog__standpoint) .drz-star-table thead th{font-size:12px;font-weight:600;color:#666;letter-spacing:-0.01em;border-bottom:1px solid #d9d9d9;vertical-align:bottom}
:where(.drz-p-blog__standpoint) .drz-star-table tbody th{text-align:left;font-weight:500;color:#111}
:where(.drz-p-blog__standpoint) .drz-star-table thead th:first-child{text-align:left}
:where(.drz-p-blog__standpoint) .drz-star-table tbody tr:last-child th,:where(.drz-p-blog__standpoint) .drz-star-table tbody tr:last-child td{border-bottom:none}
:where(.drz-p-blog__standpoint) .drz-stars{color:#111;letter-spacing:.5px}
:where(.drz-p-blog__standpoint) .drz-stars i{font-style:normal;color:#d8d8d8}
@media(max-width:809.98px){:where(.drz-p-blog__standpoint) .drz-star-table{font-size:13px;min-width:600px}:where(.drz-p-blog__standpoint) .drz-star-table th,:where(.drz-p-blog__standpoint) .drz-star-table td{padding:7px 9px}}
/* Légendes hors .drz-art-fig (tableaux) : même style que les légendes de figures */
:where(.drz-p-blog__standpoint) .drz-article-content .drz-art-figcap{font-size:14px;line-height:1.5;color:#777;margin-top:10px;text-align:center}
/* Figure large : déborde la colonne de texte (captures d'écran détaillées) */
:where(.drz-p-blog__standpoint) .drz-art-fig--wide{position:relative;left:50%;transform:translateX(-50%);width:min(1024px,calc(100vw - 48px))}
:where(.drz-p-blog__standpoint) .drz-art-fig--wide img{width:100%;max-height:none;border:1px solid #ededed}
/* Puce de catégorie : width:min-content rognait les libellés de deux mots. */
:where(.drz-p-blog__standpoint) .drz-article-chip{width:auto!important}
:where(.drz-p-blog__standpoint) .drz-article-chip .drz-text{white-space:nowrap}
/* ===== Page blog__txt2sql : règles limitées à ===== */
@media(min-width: 1200px) {
}
@media(min-width: 810px) and (max-width: 1199.98px) {
}
@media(max-width: 809.98px) {
}
@media(max-width: 809.98px) {
:where(.drz-p-blog__txt2sql) .hidden-hbbylz{
display: none !important
}
}
@media(min-width: 810px) and (max-width: 1199.98px) {
:where(.drz-p-blog__txt2sql) .hidden-10bfaa4{
display: none !important
}
}
@media(min-width: 1200px) {
:where(.drz-p-blog__txt2sql) .hidden-9jza5{
display: none !important
}
}
:where(.drz-p-blog__txt2sql) .drz-article-scope.drz-article-page{
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: column;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 1200px;
padding: 0;
display: flex;
position: relative
}
:where(.drz-p-blog__txt2sql) .drz-article-scope .drz-article-main{
max-width: 1120px;
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 56px;
width: 100%;
padding: 128px 48px;
display: flex;
position: relative
}
:where(.drz-p-blog__txt2sql) .drz-article-scope .drz-article-header{
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 32px;
width: 100%;
padding: 0;
display: flex;
position: relative
}
:where(.drz-p-blog__txt2sql) .drz-article-scope .drz-article-meta{
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 12px;
width: min-content;
padding: 0;
display: flex;
position: relative
}
:where(.drz-p-blog__txt2sql) .drz-article-scope .drz-article-chip{
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--ui-will-change-override, transform);
background-color: #e9fcff;
border-radius: 6px;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 0;
width: min-content;
padding: 7px 10px;
display: flex;
position: relative
}
:where(.drz-p-blog__txt2sql) .drz-article-scope .drz-article-chip-text,:where(.drz-p-blog__txt2sql) .drz-article-scope .drz-article-date,:where(.drz-p-blog__txt2sql) .drz-article-scope .drz-article-back,:where(.drz-p-blog__txt2sql) .drz-article-scope .framer-1x3itte{
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative
}
:where(.drz-p-blog__txt2sql) .drz-article-scope .drz-article-title{
--ui-text-wrap: balance;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
max-width: 820px;
height: auto;
position: relative
}
:where(.drz-p-blog__txt2sql) .drz-article-scope .drz-article-lede{
--ui-text-wrap: balance;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
max-width: 620px;
height: auto;
position: relative
}
:where(.drz-p-blog__txt2sql) .drz-article-scope .drz-article-content{
--ui-paragraph-spacing: 28px;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
max-width: 680px;
height: auto;
position: relative
}
:where(.drz-p-blog__txt2sql) .drz-article-scope .drz-article-footer{
--border-bottom-width: 0px;
--border-color: #00000014;
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 1px;
max-width: 680px;
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: row;
flex: none;
place-content: center flex-end;
align-items: center;
width: 100%;
padding: 32px 0 0;
display: flex;
position: relative
}
:where(.drz-p-blog__txt2sql) .drz-article-scope .drz-article-icon{
--1m6trwb: 0;
--21h8s6: #000;
--pgex8v: 1.5;
aspect-ratio: 1;
height: var(--ui-aspect-ratio-supported, 24px);
flex: none;
width: 24px;
position: relative
}
:where(.drz-p-blog__txt2sql) .drz-text-section-scope .drz-text-section:not(.rich-text-wrapper),:where(.drz-p-blog__txt2sql) .drz-text-section-scope .drz-text-section.rich-text-wrapper h5{
--ui-font-family: "Inter", "Inter Placeholder", sans-serif;
--ui-font-family-bold: "Inter", sans-serif;
--ui-font-family-bold-italic: "Inter", sans-serif;
--ui-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
--ui-font-open-type-features: "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
--ui-font-size: 18px;
--ui-font-style: normal;
--ui-font-style-bold: normal;
--ui-font-style-bold-italic: italic;
--ui-font-style-italic: italic;
--ui-font-variation-axes: normal;
--ui-font-weight: 700;
--ui-font-weight-bold: 900;
--ui-font-weight-bold-italic: 900;
--ui-font-weight-italic: 700;
--ui-letter-spacing: -.04em;
--ui-line-height: 1.4em;
--ui-paragraph-spacing: 40px;
--ui-text-alignment: start;
--ui-text-color: #000;
--ui-text-decoration: none;
--ui-text-stroke-color: initial;
--ui-text-stroke-width: initial;
--ui-text-transform: none
}
@media (min-width:810px) and (max-width:1199.98px) {
:where(.drz-p-blog__txt2sql) .drz-article-scope.drz-article-page{
width: 810px
}
:where(.drz-p-blog__txt2sql) .drz-article-scope .drz-article-main{
gap: 48px;
padding: 112px 40px
}
}
@media (max-width:809.98px) {
:where(.drz-p-blog__txt2sql) .drz-article-scope.drz-article-page{
width: 390px
}
:where(.drz-p-blog__txt2sql) .drz-article-scope .drz-article-main{
gap: 40px;
padding: 96px 24px
}
:where(.drz-p-blog__txt2sql) .drz-article-scope .drz-article-header{
gap: 24px
}
:where(.drz-p-blog__txt2sql) .drz-article-scope .drz-article-meta{
flex-wrap: wrap
}
:where(.drz-p-blog__txt2sql) .drz-article-scope .drz-article-footer{
place-content: flex-start space-between;
align-items: flex-start
}
}
:where(.drz-p-blog__txt2sql) .drz-article-icon-mask{
-webkit-mask: var(--ui-icon-mask);
aspect-ratio: 1;
-webkit-mask: var(--ui-icon-mask);
mask: var(--ui-icon-mask);
width: 24px;
display: block
}
/* Hero cliquable : logo du projet + bouton vers l'application hébergée */
:where(.drz-p-blog__txt2sql) .drz-logo-hero{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 28px;
width: 100%;
max-width: 1120px;
margin: 0 auto 48px;
padding: 56px 24px;
background: rgb(250, 250, 250);
border-radius: 16px;
box-sizing: border-box;
text-decoration: none;
transition: background .2s ease
}
:where(.drz-p-blog__txt2sql) .drz-logo-hero img{
width: 260px;
height: auto;
transition: transform .2s ease
}
@media(prefers-reduced-motion:reduce) {
:where(.drz-p-blog__txt2sql) .drz-logo-hero,:where(.drz-p-blog__txt2sql) .drz-logo-hero img,:where(.drz-p-blog__txt2sql) .drz-hero-cta{
transition: none
}
}
@media(max-width:809.98px) {
:where(.drz-p-blog__txt2sql) .drz-logo-hero{
padding: 36px 20px;
margin-bottom: 32px;
gap: 22px
}
:where(.drz-p-blog__txt2sql) .drz-logo-hero img{
width: 180px
}
}
/* Figures dans le corps de l'article */
:where(.drz-p-blog__txt2sql) .drz-art-fig{
width: 100%;
margin: 12px 0 4px;
box-sizing: border-box
}
:where(.drz-p-blog__txt2sql) .drz-art-fig img{
display: block;
width: auto;
max-width: 100%;
max-height: 70vh;
height: auto;
margin: 0 auto;
border-radius: 12px;
background: #fff
}
:where(.drz-p-blog__txt2sql) .drz-art-figcap{
font-size: 14px;
line-height: 1.5;
color: #777;
margin-top: 10px;
text-align: center
}
:where(.drz-p-blog__txt2sql) .drz-math .katex-display{
margin: 6px 0
}
/* Fix : le conteneur meta (chip + date) était width:min-content, trop étroit. */
:where(.drz-p-blog__txt2sql) .drz-article-meta{
width: auto !important
}
/* Tableau d'entrée avec notes en étoiles (déborde la colonne de texte de 680px) */
:where(.drz-p-blog__txt2sql) .drz-table-wrap{
position: relative;
left: 50%;
transform: translateX(-50%);
width: min(1024px, calc(100vw - 48px));
overflow-x: auto;
margin: 16px 0 6px;
-webkit-overflow-scrolling: touch
}
:where(.drz-p-blog__txt2sql) .drz-star-table{
border-collapse: collapse;
width: 100%;
min-width: 640px;
font-size: 14px;
line-height: 1.3
}
:where(.drz-p-blog__txt2sql) .drz-star-table th,:where(.drz-p-blog__txt2sql) .drz-star-table td{
padding: 8px 12px;
border-bottom: 1px solid #ededed;
text-align: center;
white-space: nowrap
}
:where(.drz-p-blog__txt2sql) .drz-star-table thead th{
font-size: 12px;
font-weight: 600;
color: #666;
letter-spacing: -0.01em;
border-bottom: 1px solid #d9d9d9;
vertical-align: bottom
}
:where(.drz-p-blog__txt2sql) .drz-star-table tbody th{
text-align: left;
font-weight: 500;
color: #111
}
:where(.drz-p-blog__txt2sql) .drz-star-table thead th:first-child{
text-align: left
}
:where(.drz-p-blog__txt2sql) .drz-star-table tbody tr:last-child th,:where(.drz-p-blog__txt2sql) .drz-star-table tbody tr:last-child td{
border-bottom: none
}
@media(max-width:809.98px) {
:where(.drz-p-blog__txt2sql) .drz-star-table{
font-size: 13px;
min-width: 600px
}
:where(.drz-p-blog__txt2sql) .drz-star-table th,:where(.drz-p-blog__txt2sql) .drz-star-table td{
padding: 7px 9px
}
}
/* Légendes hors .drz-art-fig (tableaux) : même style que les légendes de figures */
:where(.drz-p-blog__txt2sql) .drz-article-content .drz-art-figcap{
font-size: 14px;
line-height: 1.5;
color: #777;
margin-top: 10px;
text-align: center
}
/* Figure large : déborde la colonne de texte (captures d'écran détaillées) */
:where(.drz-p-blog__txt2sql) .drz-art-fig--wide{
position: relative;
left: 50%;
transform: translateX(-50%);
width: min(1024px, calc(100vw - 48px))
}
:where(.drz-p-blog__txt2sql) .drz-art-fig--wide img{
width: 100%;
max-height: none;
border: 1px solid #ededed
}
/* Puce de catégorie : width:min-content rognait les libellés de deux mots. */
:where(.drz-p-blog__txt2sql) .drz-article-chip{
width: auto !important
}
:where(.drz-p-blog__txt2sql) .drz-article-chip .drz-text{
white-space: nowrap
}
/* Blocs de code / sorties de terminal (pleine largeur de la colonne de texte) */
:where(.drz-p-blog__txt2sql) .drz-code{
display: block;
box-sizing: border-box;
width: 100%;
margin: 14px 0 6px;
padding: 16px 18px;
overflow-x: auto;
background: #fafafa;
border: 1px solid #ededed;
border-radius: 10px;
font-family: "Fragment Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 13px;
line-height: 1.6;
color: #111;
white-space: pre;
-webkit-overflow-scrolling: touch;
tab-size: 2
}
@media(max-width:809.98px) {
:where(.drz-p-blog__txt2sql) .drz-code{
font-size: 12px;
padding: 14px
}
}
@media(max-width:809.98px) {
}
/* Même filet pour les figures étroites que pour les figures larges. */
:where(.drz-p-blog__txt2sql) .drz-art-fig img{
border: 1px solid #ededed
}
/* Appels de référence en exposant + bibliographie annotée */
:where(.drz-p-blog__txt2sql) /* Numérotation par compteur plutôt que par ::marker : le numéro est calé à
droite dans sa colonne,:where(.drz-p-blog__txt2sql) la notice commence après une vraie gouttière,:where(.drz-p-blog__txt2sql) et
les lignes suivantes s'alignent sous la première (retrait pendant).
Sélecteurs longs et `padding-inline-start` à dessein : l'export Framer
pose `ol.drz-text>li.drz-text{padding-inline-start:...}:where(.drz-p-blog__txt2sql) `,:where(.drz-p-blog__txt2sql) qui sinon
écrase le retrait et fait retomber le numéro sur la première lettre. */
.drz-article-content ol.drz-biblio{
list-style: none;
counter-reset: drz-biblio;
margin: 10px 0 6px;
padding: 0;
font-size: 15px;
line-height: 1.55;
color: #333
}
:where(.drz-p-blog__txt2sql) .drz-article-content ol.drz-biblio>li.drz-text{
position: relative;
margin: 0 0 18px;
padding: 0;
padding-inline-start: 52px;
scroll-margin-top: 144px;
counter-increment: drz-biblio
}
:where(.drz-p-blog__txt2sql) .drz-article-content ol.drz-biblio>li.drz-text::before{
content: counter(drz-biblio) ".";
position: absolute;
left: 0;
top: 1px;
width: 34px;
text-align: right;
color: #999;
font-size: 13px;
font-variant-numeric: tabular-nums
}
:where(.drz-p-blog__txt2sql) .drz-biblio cite{
font-style: normal;
color: #111
}
:where(.drz-p-blog__txt2sql) .drz-biblio .drz-biblio-note{
display: block;
margin-top: 4px;
color: #666
}
/* Framer applique white-space:pre-wrap a .drz-text ; la bibliographie est de la prose,
pas du preformate et les retours a la ligne du source s'y voyaient a l'ecran. */
:where(.drz-p-blog__txt2sql) .drz-article-content ol.drz-biblio,:where(.drz-p-blog__txt2sql) .drz-article-content ol.drz-biblio *{
white-space: normal
}
@media(max-width:809.98px) {
:where(.drz-p-blog__txt2sql) .drz-article-content ol.drz-biblio>li.drz-text{
scroll-margin-top: 136px
}
:where(.drz-p-blog__txt2sql) .drz-article-content ol.drz-biblio{
font-size: 14px
}
:where(.drz-p-blog__txt2sql) .drz-article-content ol.drz-biblio>li.drz-text{
padding-inline-start: 38px
}
:where(.drz-p-blog__txt2sql) .drz-article-content ol.drz-biblio>li.drz-text::before{
width: 24px
}
}
/* Appels de référence en exposant : sans cette règle, le a.drz-text
intérieur reprend la taille pleine du corps (--ui-font-size) et le
numéro s'affiche deux fois trop gros. line-height:0 pour ne pas creuser
l'interligne de la ligne porteuse. */
:where(.drz-p-blog__txt2sql) .drz-article-content sup.drz-ref{
font-size: .55em;
line-height: 0;
position: relative;
vertical-align: baseline;
top: -.55em
}
:where(.drz-p-blog__txt2sql) .drz-article-content sup.drz-ref a.drz-text{
font-size: inherit !important
}
/* ===== Page blog__utile-utilisable-utilise : règles limitées à ===== */
@media(min-width: 1200px) {
}
@media(min-width: 810px) and (max-width: 1199.98px) {
}
@media(max-width: 809.98px) {
}
@media(max-width: 809.98px) {
:where(.drz-p-blog__utile-utilisable-utilise) .hidden-hbbylz{
display: none !important
}
}
@media(min-width: 810px) and (max-width: 1199.98px) {
:where(.drz-p-blog__utile-utilisable-utilise) .hidden-10bfaa4{
display: none !important
}
}
@media(min-width: 1200px) {
:where(.drz-p-blog__utile-utilisable-utilise) .hidden-9jza5{
display: none !important
}
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-scope.drz-article-page{
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: column;
place-content: center flex-start;
align-items: center;
gap: 0;
width: 1200px;
padding: 0;
display: flex;
position: relative
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-scope .drz-article-main{
max-width: 1120px;
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: column;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 56px;
width: 100%;
padding: 128px 48px;
display: flex;
position: relative
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-scope .drz-article-header{
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: column;
flex: none;
place-content: flex-start;
align-items: flex-start;
gap: 32px;
width: 100%;
padding: 0;
display: flex;
position: relative
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-scope .drz-article-meta{
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: row;
flex: none;
place-content: center flex-start;
align-items: center;
gap: 12px;
width: min-content;
padding: 0;
display: flex;
position: relative
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-scope .drz-article-chip{
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
will-change: var(--ui-will-change-override, transform);
background-color: #e9fcff;
border-radius: 6px;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 0;
width: min-content;
padding: 7px 10px;
display: flex;
position: relative
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-scope .drz-article-chip-text,:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-scope .drz-article-date,:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-scope .drz-article-back,:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-scope .framer-1x3itte{
white-space: pre;
flex: none;
width: auto;
height: auto;
position: relative
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-scope .drz-article-title{
--ui-text-wrap: balance;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
max-width: 820px;
height: auto;
position: relative
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-scope .drz-article-lede{
--ui-text-wrap: balance;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
max-width: 620px;
height: auto;
position: relative
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-scope .drz-article-content{
--ui-paragraph-spacing: 28px;
white-space: pre-wrap;
word-break: break-word;
word-wrap: break-word;
flex: none;
width: 100%;
max-width: 680px;
height: auto;
position: relative
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-scope .drz-article-footer{
--border-bottom-width: 0px;
--border-color: #00000014;
--border-left-width: 0px;
--border-right-width: 0px;
--border-style: solid;
--border-top-width: 1px;
max-width: 680px;
height: min-content;
overflow: var(--overflow-clip-fallback, clip);
flex-flow: row;
flex: none;
place-content: center flex-end;
align-items: center;
width: 100%;
padding: 32px 0 0;
display: flex;
position: relative
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-scope .drz-article-icon{
--1m6trwb: 0;
--21h8s6: #000;
--pgex8v: 1.5;
aspect-ratio: 1;
height: var(--ui-aspect-ratio-supported, 24px);
flex: none;
width: 24px;
position: relative
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-text-section-scope .drz-text-section:not(.rich-text-wrapper),:where(.drz-p-blog__utile-utilisable-utilise) .drz-text-section-scope .drz-text-section.rich-text-wrapper h5{
--ui-font-family: "Inter", "Inter Placeholder", sans-serif;
--ui-font-family-bold: "Inter", sans-serif;
--ui-font-family-bold-italic: "Inter", sans-serif;
--ui-font-family-italic: "Inter", "Inter Placeholder", sans-serif;
--ui-font-open-type-features: "blwf" on, "cv03" on, "cv04" on, "cv09" on, "cv11" on;
--ui-font-size: 18px;
--ui-font-style: normal;
--ui-font-style-bold: normal;
--ui-font-style-bold-italic: italic;
--ui-font-style-italic: italic;
--ui-font-variation-axes: normal;
--ui-font-weight: 700;
--ui-font-weight-bold: 900;
--ui-font-weight-bold-italic: 900;
--ui-font-weight-italic: 700;
--ui-letter-spacing: -.04em;
--ui-line-height: 1.4em;
--ui-paragraph-spacing: 40px;
--ui-text-alignment: start;
--ui-text-color: #000;
--ui-text-decoration: none;
--ui-text-stroke-color: initial;
--ui-text-stroke-width: initial;
--ui-text-transform: none
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-scope[data-border=true]:after,:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-scope [data-border=true]:after{
content: "";
border-width: var(--border-top-width, 0)var(--border-right-width, 0)var(--border-bottom-width, 0)var(--border-left-width, 0);
border-color: var(--border-color, none);
border-style: var(--border-style, none);
box-sizing: border-box;
border-radius: inherit;
corner-shape: inherit;
pointer-events: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
@media (min-width:810px) and (max-width:1199.98px) {
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-scope.drz-article-page{
width: 810px
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-scope .drz-article-main{
gap: 48px;
padding: 112px 40px
}
}
@media (max-width:809.98px) {
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-scope.drz-article-page{
width: 390px
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-scope .drz-article-main{
gap: 40px;
padding: 96px 24px
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-scope .drz-article-header{
gap: 24px
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-scope .drz-article-meta{
flex-wrap: wrap
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-scope .drz-article-footer{
place-content: flex-start space-between;
align-items: flex-start
}
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-icon-mask{
-webkit-mask: var(--ui-icon-mask);
aspect-ratio: 1;
-webkit-mask: var(--ui-icon-mask);
mask: var(--ui-icon-mask);
width: 24px;
display: block
}
/* Hero cliquable : logo du projet + bouton vers l'application hébergée */
:where(.drz-p-blog__utile-utilisable-utilise) .drz-logo-hero{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 28px;
width: 100%;
max-width: 1120px;
margin: 0 auto 48px;
padding: 56px 24px;
background: rgb(250, 250, 250);
border-radius: 16px;
box-sizing: border-box;
text-decoration: none;
transition: background .2s ease
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-logo-hero img{
width: 260px;
height: auto;
transition: transform .2s ease
}
:where(.drz-p-blog__utile-utilisable-utilise) a.drz-logo-hero:hover{
background: rgb(246, 246, 246)
}
:where(.drz-p-blog__utile-utilisable-utilise) a.drz-logo-hero:hover img{
transform: translateY(-3px)
}
:where(.drz-p-blog__utile-utilisable-utilise) a.drz-logo-hero:focus-visible{
outline: 2px solid #111;
outline-offset: 3px
}
@media(prefers-reduced-motion:reduce) {
:where(.drz-p-blog__utile-utilisable-utilise) .drz-logo-hero,:where(.drz-p-blog__utile-utilisable-utilise) .drz-logo-hero img,:where(.drz-p-blog__utile-utilisable-utilise) .drz-hero-cta{
transition: none
}
:where(.drz-p-blog__utile-utilisable-utilise) a.drz-logo-hero:hover img{
transform: none
}
}
@media(max-width:809.98px) {
:where(.drz-p-blog__utile-utilisable-utilise) .drz-logo-hero{
padding: 36px 20px;
margin-bottom: 32px;
gap: 22px
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-logo-hero img{
width: 180px
}
}
/* Figures dans le corps de l'article */
:where(.drz-p-blog__utile-utilisable-utilise) .drz-art-fig{
width: 100%;
margin: 12px 0 4px;
box-sizing: border-box
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-art-fig img{
display: block;
width: auto;
max-width: 100%;
max-height: 70vh;
height: auto;
margin: 0 auto;
border-radius: 12px;
background: #fff
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-art-figcap{
font-size: 14px;
line-height: 1.5;
color: #777;
margin-top: 10px;
text-align: center
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-math .katex-display{
margin: 6px 0
}
/* Fix : le conteneur meta (chip + date) était width:min-content, trop étroit. */
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-meta{
width: auto !important
}
@media(max-width:809.98px) {
}
/* Légendes hors .drz-art-fig (tableaux) : même style que les légendes de figures */
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-content .drz-art-figcap{
font-size: 14px;
line-height: 1.5;
color: #777;
margin-top: 10px;
text-align: center
}
/* Figure large : déborde la colonne de texte (captures d'écran détaillées) */
:where(.drz-p-blog__utile-utilisable-utilise) .drz-art-fig--wide{
position: relative;
left: 50%;
transform: translateX(-50%);
width: min(1024px, calc(100vw - 48px))
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-art-fig--wide img{
width: 100%;
max-height: none;
border: 1px solid #ededed
}
/* Puce de catégorie : width:min-content rognait les libellés de deux mots. */
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-chip{
width: auto !important
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-chip .drz-text{
white-space: nowrap
}
@media(max-width:809.98px) {
}
@media(max-width:809.98px) {
}
/* Même filet pour les figures étroites que pour les figures larges. */
:where(.drz-p-blog__utile-utilisable-utilise) .drz-art-fig img{
border: 1px solid #ededed
}
/* Appels de référence en exposant + bibliographie annotée */
:where(.drz-p-blog__utile-utilisable-utilise) /* Numérotation par compteur plutôt que par ::marker : le numéro est calé à
droite dans sa colonne,:where(.drz-p-blog__utile-utilisable-utilise) la notice commence après une vraie gouttière,:where(.drz-p-blog__utile-utilisable-utilise) et
les lignes suivantes s'alignent sous la première (retrait pendant).
Sélecteurs longs et `padding-inline-start` à dessein : l'export Framer
pose `ol.drz-text>li.drz-text{padding-inline-start:...}:where(.drz-p-blog__utile-utilisable-utilise) `,:where(.drz-p-blog__utile-utilisable-utilise) qui sinon
écrase le retrait et fait retomber le numéro sur la première lettre. */
.drz-article-content ol.drz-biblio{
list-style: none;
counter-reset: drz-biblio;
margin: 10px 0 6px;
padding: 0;
font-size: 15px;
line-height: 1.55;
color: #333
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-content ol.drz-biblio>li.drz-text{
position: relative;
margin: 0 0 18px;
padding: 0;
padding-inline-start: 52px;
scroll-margin-top: 144px;
counter-increment: drz-biblio
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-content ol.drz-biblio>li.drz-text::before{
content: counter(drz-biblio) ".";
position: absolute;
left: 0;
top: 1px;
width: 34px;
text-align: right;
color: #999;
font-size: 13px;
font-variant-numeric: tabular-nums
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-biblio cite{
font-style: normal;
color: #111
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-biblio .drz-biblio-note{
display: block;
margin-top: 4px;
color: #666
}
/* Framer applique white-space:pre-wrap a .drz-text ; la bibliographie est de la prose,
pas du preformate et les retours a la ligne du source s'y voyaient a l'ecran. */
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-content ol.drz-biblio,:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-content ol.drz-biblio *{
white-space: normal
}
@media(max-width:809.98px) {
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-content ol.drz-biblio>li.drz-text{
scroll-margin-top: 136px
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-content ol.drz-biblio{
font-size: 14px
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-content ol.drz-biblio>li.drz-text{
padding-inline-start: 38px
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-content ol.drz-biblio>li.drz-text::before{
width: 24px
}
}
/* Appels de référence en exposant : sans cette règle, le a.drz-text
intérieur reprend la taille pleine du corps (--ui-font-size) et le
numéro s'affiche deux fois trop gros. line-height:0 pour ne pas creuser
l'interligne de la ligne porteuse. */
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-content sup.drz-ref{
font-size: .55em;
line-height: 0;
position: relative;
vertical-align: baseline;
top: -.55em
}
:where(.drz-p-blog__utile-utilisable-utilise) .drz-article-content sup.drz-ref a.drz-text{
font-size: inherit !important
}
/* ===== Page cher-professeur : règles limitées à ===== */
/* Breakpoints du layout (nav/footer), copiés de l'export Framer. */
@media(max-width: 809.98px){:where(.drz-p-cher-professeur) .hidden-hbbylz{display:none!important}}@media(min-width: 810px) and (max-width: 1199.98px){:where(.drz-p-cher-professeur) .hidden-10bfaa4{display:none!important}}@media(min-width: 1200px){:where(.drz-p-cher-professeur) .hidden-9jza5{display:none!important}}
/*
* Page Cher Professeur : lettre ouverte, mise en page simple type article/lettre.
*/
:where(.drz-p-cher-professeur) .drz-letter-page{
max-width: 720px;
margin: 0 auto;
padding: 160px 48px 120px;
font-family: "Satoshi", "Satoshi Placeholder", sans-serif;
}
:where(.drz-p-cher-professeur) .drz-letter-header{
margin-bottom: 40px;
}
:where(.drz-p-cher-professeur) .drz-letter-meta{
margin-top: 12px;
color: rgba(15, 15, 15, 0.55);
}
:where(.drz-p-cher-professeur) .drz-letter-body p{
margin-bottom: 22px;
line-height: 1.7;
}
:where(.drz-p-cher-professeur) .drz-letter-sign{
font-style: italic;
margin-top: 8px;
}
:where(.drz-p-cher-professeur) .drz-letter-ps{
font-size: 13px;
color: rgba(15, 15, 15, 0.55);
}
:where(.drz-p-cher-professeur) .drz-letter-img{
margin: 32px 0;
}
:where(.drz-p-cher-professeur) .drz-letter-img img{
width: 100%;
height: auto;
border-radius: 12px;
display: block;
}
@media (max-width: 809.98px) {
:where(.drz-p-cher-professeur) .drz-letter-page{
padding: 130px 24px 80px;
}
}
/* ===== Page enterprise-ai : règles limitées à ===== */
@media(min-width: 1200px){:where(.drz-p-enterprise-ai) .hidden-17kuzin{display:none!important}}@media(min-width: 810px) and (max-width: 1199.98px){:where(.drz-p-enterprise-ai) .hidden-12cnrfi{display:none!important}}@media(max-width: 809.98px){:where(.drz-p-enterprise-ai) .hidden-it5ltj{display:none!important}}@media(max-width: 809.98px){:where(.drz-p-enterprise-ai) .hidden-hbbylz{display:none!important}}@media(min-width: 810px) and (max-width: 1199.98px){:where(.drz-p-enterprise-ai) .hidden-10bfaa4{display:none!important}}@media(min-width: 1200px){:where(.drz-p-enterprise-ai) .hidden-9jza5{display:none!important}}:where(.drz-p-enterprise-ai) .drz-ea-page.drz-ea-page-desktop{background-color:var(--color-white,#fff);height:min-content;overflow:var(--overflow-clip-fallback,clip);flex-flow:column;place-content:center flex-start;align-items:center;gap:160px;width:1200px;padding:160px 20px;display:flex;position:relative}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-main{flex-flow:column;flex:none;place-content:center;align-items:center;gap:80px;width:100%;max-width:1440px;height:min-content;padding:80px 48px;display:flex;position:relative;overflow:visible}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-hero{flex-flow:row;flex:none;place-content:flex-end center;align-items:flex-end;gap:128px;width:100%;height:min-content;padding:0;display:flex;position:relative;overflow:visible}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-hero-text,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-families-intro-col,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-course-intro-col{flex-flow:column;flex:1 0 0;place-content:flex-start center;align-items:flex-start;gap:48px;width:1px;height:min-content;padding:0;display:flex;position:relative;overflow:visible}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-hero-copy,:where(.drz-p-enterprise-ai) .drz-ea-page .framer-10uuviz,:where(.drz-p-enterprise-ai) .drz-ea-page .framer-yxz54g,:where(.drz-p-enterprise-ai) .drz-ea-page .framer-1dovaba,:where(.drz-p-enterprise-ai) .drz-ea-page .framer-u8ckxn,:where(.drz-p-enterprise-ai) .drz-ea-page .framer-n4kvxa,:where(.drz-p-enterprise-ai) .drz-ea-page .framer-c4azsu,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-families-intro,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-course-intro,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-schedule-day-1,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-schedule-day-2,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-schedule-day-3{--ui-link-text-color:#09f;--ui-link-text-decoration:underline;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;z-index:1;flex:none;width:100%;height:auto;position:relative}:where(.drz-p-enterprise-ai) .drz-ea-page .framer-tdfsj,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-card-ml-title,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-card-ml-text,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-card-gen-title,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-card-gen-text,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-card-agent-title,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-card-agent-text,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-schedule-desc-1,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-schedule-desc-2,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-schedule-desc-3,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-expertise-title,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-expertise-note{--ui-link-text-color:#09f;--ui-link-text-decoration:underline;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;flex:none;width:100%;height:auto;position:relative}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-hero-image{border-radius:10px;flex:none;width:485px;height:300px;position:relative}:where(.drz-p-enterprise-ai) .drz-ea-page .framer-1w7spqu,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-audience-head{flex-flow:row;flex:none;place-content:flex-start center;align-items:flex-start;gap:0;width:100%;height:min-content;padding:0;display:flex;position:relative;overflow:visible}:where(.drz-p-enterprise-ai) .drz-ea-page .framer-37o70u,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-audience-title{--ui-link-text-color:#09f;--ui-link-text-decoration:underline;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;z-index:1;flex:none;width:600px;height:auto;position:relative}:where(.drz-p-enterprise-ai) .drz-ea-page .framer-133u5qz,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-families,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-card-gen-text-group{height:min-content;overflow:var(--overflow-clip-fallback,clip);flex-flow:column;flex:none;place-content:center;align-items:center;gap:10px;width:100%;padding:0;display:flex;position:relative}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-families-head,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-course-head{--border-bottom-width:0px;--border-color:var(--color-line,#e8e8e8);--border-left-width:0px;--border-right-width:0px;--border-style:solid;--border-top-width:1px;flex-flow:row;flex:none;place-content:flex-start center;align-items:flex-start;gap:128px;width:100%;height:min-content;padding:48px 0;display:flex;position:relative;overflow:visible}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-families-title-col,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-course-title-col{flex-flow:row;flex:1 0 0;place-content:flex-start center;align-items:flex-start;gap:0;width:1px;height:min-content;padding:0;display:flex;position:relative;overflow:visible}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-families-title,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-course-title{--ui-link-text-color:#09f;--ui-link-text-decoration:underline;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;z-index:1;flex:1 0 0;width:1px;height:auto;position:relative}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-families-divider-wrap,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-course-divider-wrap{flex:1 0 0;width:1px;height:auto;position:relative}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-cards{height:min-content;overflow:var(--overflow-clip-fallback,clip);flex-flow:row;flex:none;place-content:center;align-items:center;gap:10px;width:100%;padding:0;display:flex;position:relative}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-card-ml{background-color:var(--color-cyan,#d7f5f8);height:min-content;overflow:var(--overflow-clip-fallback,clip);will-change:var(--ui-will-change-override,transform);border-radius:10px;flex-flow:column;flex:1 0 0;place-content:center;align-items:center;gap:48px;width:1px;padding:24px;display:flex;position:relative}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-card-ml-body{height:min-content;overflow:var(--overflow-clip-fallback,clip);flex-flow:column;flex:none;place-content:flex-start center;align-items:flex-start;gap:24px;width:100%;padding:0;display:flex;position:relative}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-card-ml-icon-box,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-card-gen-icon-box,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-card-agent-icon-box{background-color:var(--color-white,#fff);height:40px;overflow:var(--overflow-clip-fallback,clip);will-change:var(--ui-will-change-override,transform);border-radius:10px;flex-flow:row;flex:none;place-content:center;align-items:center;gap:10px;width:40px;padding:24px;display:flex;position:relative}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-icon-ml,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-icon-gen{--1m6trwb:0;--21h8s6:#000;--pgex8v:1.5;height:var(--ui-aspect-ratio-supported,32px);flex:none;width:32px;position:relative}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-card-gen,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-card-agent{background-color:var(--color-cyan,#d7f5f8);height:auto;overflow:var(--overflow-clip-fallback,clip);will-change:var(--ui-will-change-override,transform);border-radius:10px;flex-flow:column;flex:1 0 0;place-content:center;align-self:stretch;align-items:center;gap:48px;width:1px;padding:24px;display:flex;position:relative}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-card-gen-body,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-card-agent-body{height:1px;overflow:var(--overflow-clip-fallback,clip);flex-flow:column;flex:1 0 0;place-content:flex-start;align-items:flex-start;gap:24px;width:100%;padding:0;display:flex;position:relative}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-icon-agent{width:22px;height:28px;position:relative}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-course{flex-flow:column;flex:none;place-content:flex-start center;align-items:flex-start;gap:0;width:100%;height:min-content;padding:0;display:flex;position:relative;overflow:visible}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-course-photo{border-radius:10px;flex:none;width:100%;height:383px;position:relative}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-schedule{height:min-content;overflow:var(--overflow-clip-fallback,clip);flex-flow:row;flex:none;place-content:center;align-items:center;gap:10px;width:100%;padding:48px 0;display:flex;position:relative}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-schedule-row-1,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-schedule-row-3{--border-bottom-width:1px;--border-color:var(--color-cyan,#d7f5f8);--border-left-width:1px;--border-right-width:1px;--border-style:solid;--border-top-width:1px;border-radius:10px;flex-flow:column;flex:1 0 0;place-content:flex-start center;align-self:stretch;align-items:flex-start;gap:16px;width:1px;height:auto;padding:24px;display:flex;position:relative;overflow:visible}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-schedule-row-2{--border-bottom-width:1px;--border-color:var(--color-cyan,#d7f5f8);--border-left-width:1px;--border-right-width:1px;--border-style:solid;--border-top-width:1px;border-radius:10px;flex-flow:column;flex:1 0 0;place-content:flex-start center;align-items:flex-start;gap:16px;width:1px;height:min-content;padding:24px;display:flex;position:relative;overflow:visible}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-audience{background-color:var(--color-paper,#fafafa);border-radius:10px;flex-flow:column;flex:none;place-content:center;align-items:center;gap:48px;width:100%;height:min-content;padding:48px;display:flex;position:relative;overflow:visible}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-audience-text{--ui-link-text-color:#09f;--ui-link-text-decoration:underline;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;z-index:1;flex:none;width:100%;max-width:600px;height:auto;position:relative}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-audience-cta-wrap,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-expertise-cta-wrap{flex:none;width:auto;height:auto;position:relative}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-expertise{background-color:var(--color-olive,#5e5a49);height:min-content;overflow:var(--overflow-clip-fallback,clip);flex-flow:row;flex:none;place-content:center;align-items:center;gap:48px;width:100%;padding:48px;display:flex;position:relative}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-expertise-text{height:min-content;overflow:var(--overflow-clip-fallback,clip);flex-flow:column;flex:1 0 0;place-content:flex-start center;align-items:flex-start;gap:24px;width:1px;padding:48px 0;display:flex;position:relative}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-expertise-photo{border-radius:8px;flex:none;width:500px;height:400px;position:relative;overflow:visible}:where(.drz-p-enterprise-ai) .drz-ea-page[data-border=true]:after,:where(.drz-p-enterprise-ai) .drz-ea-page [data-border=true]:after{content:"";border-width:var(--border-top-width,0)var(--border-right-width,0)var(--border-bottom-width,0)var(--border-left-width,0);border-color:var(--border-color,none);border-style:var(--border-style,none);box-sizing:border-box;border-radius:inherit;corner-shape:inherit;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}@media (min-width:810px) and (max-width:1199.98px){:where(.drz-p-enterprise-ai) .drz-ea-page.drz-ea-page-desktop{width:810px}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-hero{flex-direction:column;gap:48px}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-hero-text,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-expertise-text{flex:none;width:100%}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-hero-image{width:100%}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-expertise{flex-direction:column;gap:16px}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-expertise-photo{width:100%;height:325px}}@media (max-width:809.98px){:where(.drz-p-enterprise-ai) .drz-ea-page.drz-ea-page-desktop{width:390px}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-main{max-width:unset;gap:48px;padding:128px 24px 80px}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-hero{flex-direction:column;gap:48px}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-hero-text{flex:none;order:0;width:100%}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-hero-image{order:1;width:100%;height:200px}:where(.drz-p-enterprise-ai) .drz-ea-page .framer-1w7spqu,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-audience-head{flex-direction:column;order:0;align-content:center;align-items:center;gap:16px}:where(.drz-p-enterprise-ai) .drz-ea-page .framer-133u5qz,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-audience-text{order:1}:where(.drz-p-enterprise-ai) .drz-ea-page .framer-h8x5zm,:where(.drz-p-enterprise-ai) .drz-ea-page .framer-ztpzcm,:where(.drz-p-enterprise-ai) .drz-ea-page .framer-kwugsk,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-audience-title{width:100%}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-families-head,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-course-head{--border-bottom-width:unset;--border-left-width:unset;--border-right-width:unset;--border-top-width:unset;flex-direction:column;gap:16px;padding:0}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-families-title-col,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-course-title-col{flex-direction:column;flex:none;order:0;gap:16px;width:100%}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-families-title,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-card-ml,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-course-title,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-schedule-row-2{flex:none;width:100%}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-families-intro-col,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-course-intro-col{flex:none;order:2;width:100%}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-families-divider-wrap,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-course-divider-wrap{flex:none;order:1;width:100%}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-cards,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-expertise{flex-direction:column}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-card-gen,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-card-agent,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-schedule-row-1,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-schedule-row-3{align-self:unset;flex:none;width:100%;height:min-content}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-card-gen-body,:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-card-agent-body{flex:none;height:min-content}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-course{gap:48px}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-course-photo{height:244px}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-schedule{flex-direction:column;padding:0}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-audience{gap:32px}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-audience-cta-wrap{order:2}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-expertise-text{flex:none;width:100%;padding:0}:where(.drz-p-enterprise-ai) .drz-ea-page .drz-ea-expertise-photo{width:100%;height:269px}}:where(.drz-p-enterprise-ai) .drz-ea-icon-ml-mask,:where(.drz-p-enterprise-ai) .drz-ea-icon-gen-mask{-webkit-mask:var(--ui-icon-mask);aspect-ratio:1;-webkit-mask:var(--ui-icon-mask);mask:var(--ui-icon-mask);width:24px;display:block}@media (max-width:1199px) and (min-width:810px){:where(.drz-p-enterprise-ai) .drz-text-label-scope .drz-text-label:not(.rich-text-wrapper),:where(.drz-p-enterprise-ai) .drz-text-label-scope .drz-text-label.rich-text-wrapper p{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:calc(var(--ui-root-font-size,1rem)*1.125);--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:500;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:500;--ui-letter-spacing:0em;--ui-line-height:1.6em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}}@media (max-width:809px) and (min-width:0){:where(.drz-p-enterprise-ai) .drz-text-label-scope .drz-text-label:not(.rich-text-wrapper),:where(.drz-p-enterprise-ai) .drz-text-label-scope .drz-text-label.rich-text-wrapper p{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:calc(var(--ui-root-font-size,1rem)*1);--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:500;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:500;--ui-letter-spacing:0em;--ui-line-height:1.6em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}}:where(.drz-p-enterprise-ai) .drz-ea-card-gen{overflow:visible!important}:where(.drz-p-enterprise-ai) .drz-ea-card-gen-text-group{overflow:visible!important;height:auto!important}
:where(.drz-p-enterprise-ai) .drz-ea-hero-image{aspect-ratio:1200/630!important;height:auto!important}
:where(.drz-p-enterprise-ai) .drz-ea-expertise-photo{aspect-ratio:1600/1067!important;height:auto!important}
/* ===== Page home : règles limitées à ===== */
@media(min-width: 1200px){:where(.drz-p-home) .hidden-72rtr7{display:none!important}}@media(min-width: 810px) and (max-width: 1199.98px){:where(.drz-p-home) .hidden-1bg1j8v{display:none!important}}@media(max-width: 809.98px){:where(.drz-p-home) .hidden-zmg9hc{display:none!important}}@media(max-width: 809.98px){:where(.drz-p-home) .hidden-hbbylz{display:none!important}}@media(min-width: 810px) and (max-width: 1199.98px){:where(.drz-p-home) .hidden-10bfaa4{display:none!important}}@media(min-width: 1200px){:where(.drz-p-home) .hidden-9jza5{display:none!important}}
/* Bande CTA "+10 ans" en pleine largeur, comme sur enterprise-ai (sort du conteneur limite a 1440px). */
:where(.drz-p-home) .drz-home-expertise{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;box-sizing:border-box}
/* Le conteneur des images "cover" (animation home + portrait "+10 ans") a une hauteur fixee a 400px en desktop.
En tablette (810-1199px), Framer passe la largeur a 100% sans ajuster la hauteur : le ratio devient tres large
et l'image "cover" est massivement rognee. On force un ratio fixe (celui du desktop, 500:400) pour que la
hauteur suive la largeur a toutes les tailles d'ecran. */
:where(.drz-p-home) .drz-home-compass-image,:where(.drz-p-home) .drz-home-expertise-photo{aspect-ratio:5/4!important;height:auto!important}
/* ===== Page mentions-legales : règles limitées à ===== */
@media(min-width: 1200px){:where(.drz-p-mentions-legales) .hidden-iluqwg{display:none!important}}@media(min-width: 810px) and (max-width: 1199.98px){:where(.drz-p-mentions-legales) .hidden-1gotxw0{display:none!important}}@media(max-width: 809.98px){:where(.drz-p-mentions-legales) .hidden-10nhe9o{display:none!important}}@media(max-width: 809.98px){:where(.drz-p-mentions-legales) .hidden-hbbylz{display:none!important}}@media(min-width: 810px) and (max-width: 1199.98px){:where(.drz-p-mentions-legales) .hidden-10bfaa4{display:none!important}}@media(min-width: 1200px){:where(.drz-p-mentions-legales) .hidden-9jza5{display:none!important}}:where(.drz-p-mentions-legales) .drz-legal-scope.drz-legal-root{background-color:var(--color-white,#fff);flex-flow:column;place-content:center flex-start;align-items:center;gap:0;width:1200px;height:min-content;padding:0;display:flex;position:relative;overflow:visible}:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-main{flex-flow:column;flex:none;place-content:center;align-items:center;gap:48px;width:100%;max-width:1440px;height:min-content;padding:128px 48px;display:flex;position:relative;overflow:visible}:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-hero{flex-flow:row;flex:none;place-content:flex-end center;align-items:flex-end;gap:120px;width:100%;height:min-content;padding:0;display:flex;position:relative;overflow:visible}:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-hero-text{flex-flow:column;flex:1 0 0;place-content:center;align-items:center;gap:48px;width:1px;height:min-content;padding:0;display:flex;position:relative;overflow:visible}:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-title,:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-lede,:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-publisher-heading,:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-publisher-body,:where(.drz-p-mentions-legales) .drz-legal-scope .framer-8tksxt,:where(.drz-p-mentions-legales) .drz-legal-scope .framer-15zsxrn,:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-ip-heading,:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-ip-body,:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-liability-heading,:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-liability-body,:where(.drz-p-mentions-legales) .drz-legal-scope .framer-e66yj6,:where(.drz-p-mentions-legales) .drz-legal-scope .framer-1lv1bi{--ui-link-text-color:#09f;--ui-link-text-decoration:underline;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;z-index:1;flex:none;width:100%;height:auto;position:relative}:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-brand{--ui-link-text-color:#09f;--ui-link-text-decoration:underline;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;flex:1 0 0;width:1px;height:auto;position:relative}:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-publisher,:where(.drz-p-mentions-legales) .drz-legal-scope .framer-5t2d0j,:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-ip,:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-liability,:where(.drz-p-mentions-legales) .drz-legal-scope .framer-qsz4d3{flex-flow:row;flex:none;place-content:flex-end flex-start;align-items:flex-end;gap:120px;width:100%;height:min-content;padding:0;display:flex;position:relative;overflow:visible}:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-publisher-inner,:where(.drz-p-mentions-legales) .drz-legal-scope .framer-10jlsxk,:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-ip-inner,:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-liability-inner,:where(.drz-p-mentions-legales) .drz-legal-scope .framer-swvr3q{flex-flow:column;flex:none;place-content:center;align-items:center;gap:24px;width:800px;height:min-content;padding:0;display:flex;position:relative;overflow:visible}@media (min-width:810px) and (max-width:1199.98px){:where(.drz-p-mentions-legales) .drz-legal-scope.drz-legal-root{width:810px}}@media (max-width:809.98px){:where(.drz-p-mentions-legales) .drz-legal-scope.drz-legal-root{width:390px}:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-main{max-width:unset;gap:80px;padding:128px 24px}:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-hero,:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-publisher,:where(.drz-p-mentions-legales) .drz-legal-scope .framer-5t2d0j,:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-ip,:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-liability,:where(.drz-p-mentions-legales) .drz-legal-scope .framer-qsz4d3{flex-direction:column;gap:48px}:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-hero-text{flex:none;order:1;width:100%}:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-brand{flex:none;order:0;width:100%}:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-publisher-inner,:where(.drz-p-mentions-legales) .drz-legal-scope .framer-10jlsxk,:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-ip-inner,:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-liability-inner,:where(.drz-p-mentions-legales) .drz-legal-scope .framer-swvr3q{order:0}}@media (max-width:1199px) and (min-width:810px){:where(.drz-p-mentions-legales) .drz-text-label-scope .drz-text-label:not(.rich-text-wrapper),:where(.drz-p-mentions-legales) .drz-text-label-scope .drz-text-label.rich-text-wrapper p{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:calc(var(--ui-root-font-size,1rem)*1.125);--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:500;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:500;--ui-letter-spacing:0em;--ui-line-height:1.6em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}}@media (max-width:809px) and (min-width:0){:where(.drz-p-mentions-legales) .drz-text-label-scope .drz-text-label:not(.rich-text-wrapper),:where(.drz-p-mentions-legales) .drz-text-label-scope .drz-text-label.rich-text-wrapper p{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:calc(var(--ui-root-font-size,1rem)*1);--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:500;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:500;--ui-letter-spacing:0em;--ui-line-height:1.6em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}}/* Fix: the legal-content value blocks (.drz-legal-publisher-inner et similaires) restent figes a width:800px
dans l'export Framer sans surcharge en dessous du desktop, alors que leur wrapper ne passe en
colonne qu'au mobile (pas a la tablette). En dessous de 1200px cela provoquait un debordement
horizontal : un bloc large de 800px dans une ligne beaucoup plus etroite (810px en tablette,
390px en mobile), parfois a cote d'une autre colonne flex. On passe les lignes en colonne et on
laisse le bloc de valeur prendre toute la largeur disponible, en tablette comme en mobile. */
@media (max-width:1199.98px){
:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-hero,:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-publisher,:where(.drz-p-mentions-legales) .drz-legal-scope .framer-5t2d0j,:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-ip,:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-liability,:where(.drz-p-mentions-legales) .drz-legal-scope .framer-qsz4d3{flex-direction:column!important;gap:24px!important}
:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-publisher-inner,:where(.drz-p-mentions-legales) .drz-legal-scope .framer-10jlsxk,:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-ip-inner,:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-liability-inner,:where(.drz-p-mentions-legales) .drz-legal-scope .framer-swvr3q{width:100%!important;max-width:800px}
:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-hero-text,:where(.drz-p-mentions-legales) .drz-legal-scope .drz-legal-brand{width:100%!important}
}
/* ===== Page portfolio : règles limitées à ===== */
/* ---------- Page Portfolio ---------- */
:where(.drz-p-portfolio) .drz-pf-page{
max-width: 1200px;
margin: 0 auto;
padding: 160px 48px 96px;
font-family: "Satoshi", "Satoshi Placeholder", sans-serif;
}
:where(.drz-p-portfolio) .drz-pf-hero{
margin-bottom: 40px;
}
:where(.drz-p-portfolio) .drz-pf-intro{
margin-top: 16px;
max-width: 640px;
}
:where(.drz-p-portfolio) .drz-pf-intro p{
font-size: 16px;
line-height: 1.6;
color: rgba(15, 15, 15, 0.65);
}
/* ---------- Liste : une référence par ligne ---------- */
:where(.drz-p-portfolio) .drz-pf-list{
display: flex;
flex-direction: column;
gap: 24px;
}
:where(.drz-p-portfolio) .drz-pf-row{
display: flex;
align-items: flex-start;
gap: 32px;
background: var(--color-sand, rgb(227, 220, 207));
border-radius: 12px;
padding: 32px;
scroll-margin-top: 100px;
}
:where(.drz-p-portfolio) .drz-pf-cover{
flex-shrink: 0;
width: 220px;
height: 220px;
border-radius: 8px;
overflow: hidden;
background: var(--color-paper, rgb(250, 250, 250));
display: flex;
align-items: center;
justify-content: center;
}
:where(.drz-p-portfolio) .drz-pf-cover img{
width: 100%;
height: 100%;
object-fit: contain;
}
:where(.drz-p-portfolio) .drz-pf-cover--logo img{
width: 60%;
height: 60%;
}
:where(.drz-p-portfolio) .drz-pf-body{
min-width: 0;
flex: 1;
}
:where(.drz-p-portfolio) .drz-pf-paper{
font-size: 13px !important;
letter-spacing: 0.04em;
margin-bottom: 14px;
color: rgba(15, 15, 15, 0.7);
}
:where(.drz-p-portfolio) .drz-pf-quote{
font-size: 20px !important;
line-height: 1.35;
color: rgb(15, 15, 15);
margin: 0 0 18px;
}
:where(.drz-p-portfolio) .drz-pf-attrib{
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 18px;
}
:where(.drz-p-portfolio) .drz-pf-attrib p{
font-size: 13px !important;
color: rgba(15, 15, 15, 0.7);
}
:where(.drz-p-portfolio) .drz-pf-logo{
height: 30px;
width: auto;
max-width: 100px;
object-fit: contain;
}
:where(.drz-p-portfolio) .drz-pf-text{
font-size: 14px !important;
line-height: 1.6;
color: rgb(15, 15, 15);
}
:where(.drz-p-portfolio) .drz-pf-text p{
font-size: 14px;
line-height: 1.6;
color: rgb(15, 15, 15);
margin-bottom: 12px;
}
:where(.drz-p-portfolio) .drz-pf-text ul{
font-size: 14px;
line-height: 1.6;
margin: 0 0 12px;
padding-left: 20px;
}
:where(.drz-p-portfolio) .drz-pf-text a{
color: inherit;
text-decoration: underline;
}
:where(.drz-p-portfolio) .drz-pf-footer{
margin-top: 48px;
display: flex;
justify-content: center;
}
@media (max-width: 809.98px) {
:where(.drz-p-portfolio) .drz-pf-page{
padding: 130px 24px 64px;
}
:where(.drz-p-portfolio) .drz-pf-row{
flex-direction: column;
padding: 24px;
}
:where(.drz-p-portfolio) .drz-pf-cover{
width: 100%;
height: 200px;
}
}
/* ---------- Bandeau de logos clients, repris de l'accueil ---------- */
/* Entre le chapeau et la liste. Le defilement, la boucle sans couture et le
repli sans mouvement vivent dans site.css ([data-drz-ticker]) : ici on ne
pose que ce que l'accueil recoit de son export Framer, scope .drz-home-page
et donc muet sur cette page. Pleine largeur de fenetre : le bord gauche est
ramene sur celui de la fenetre, la marge droite symetrique evite tout
debordement lateral. */
:where(.drz-p-portfolio) .drz-pf-ticker{
margin: 0 0 40px;
}
:where(.drz-p-portfolio) .drz-pf-band:has([data-drz-ticker]){
width: 100vw;
max-width: 100vw;
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
overflow-x: clip;
}
/* La geometrie d'une tuile, relevee sur `.drz-home-page .drz-home-ticker-glasspop` dans
styles.css, la meme que .drz-ticker-sev7n dans site.css. */
:where(.drz-p-portfolio) .drz-pf-tick{
aspect-ratio: 2;
height: var(--ui-aspect-ratio-supported, 90px);
border-radius: 10px;
flex-flow: row;
flex: none;
place-content: center;
align-items: center;
gap: 10px;
width: 180px;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
}
/* Breakpoint repris mot pour mot de styles.css : sous 810 px les tuiles de
l'accueil passent a 100x50. */
@media (max-width: 809.98px) {
:where(.drz-p-portfolio) .drz-pf-tick{
height: var(--ui-aspect-ratio-supported, 50px);
width: 100px;
}
}
/* ===== Page talks : règles limitées à ===== */
@media(min-width: 1200px){}@media(min-width: 810px) and (max-width: 1199.98px){}@media(max-width: 809.98px){}@media(max-width: 809.98px){:where(.drz-p-talks) .hidden-hbbylz{display:none!important}}@media(min-width: 810px) and (max-width: 1199.98px){:where(.drz-p-talks) .hidden-10bfaa4{display:none!important}}@media(min-width: 1200px){:where(.drz-p-talks) .hidden-9jza5{display:none!important}}:where(.drz-p-talks) .drz-talks-scope.drz-talks-root{background-color:var(--color-white,#fff);height:min-content;overflow:var(--overflow-clip-fallback,clip);flex-flow:column;place-content:center flex-start;align-items:center;gap:160px;width:1200px;padding:160px 20px;display:flex;position:relative}:where(.drz-p-talks) .drz-talks-scope .drz-talks-hero,:where(.drz-p-talks) .drz-talks-scope .framer-ewzau{flex-flow:column;flex:none;place-content:flex-end center;align-items:flex-end;gap:128px;width:100%;max-width:1440px;height:min-content;padding:128px 48px;display:flex;position:relative;overflow:visible}:where(.drz-p-talks) .drz-talks-scope .drz-talks-hero-row{flex-flow:row;flex:none;place-content:flex-end center;align-items:flex-end;gap:80px;width:100%;height:min-content;padding:0;display:flex;position:relative;overflow:visible}:where(.drz-p-talks) .drz-talks-scope .drz-talks-hero-text,:where(.drz-p-talks) .drz-talks-scope .framer-1nzaah6,:where(.drz-p-talks) .drz-talks-scope .framer-pvh1c5{flex-flow:column;flex:1 0 0;place-content:flex-start center;align-items:flex-start;gap:48px;width:1px;height:min-content;padding:0;display:flex;position:relative;overflow:visible}:where(.drz-p-talks) .drz-talks-scope .drz-talks-title,:where(.drz-p-talks) .drz-talks-scope .framer-tck10i,:where(.drz-p-talks) .drz-talks-scope .framer-i7fkky,:where(.drz-p-talks) .drz-talks-scope .framer-smb74b{--ui-link-text-color:#09f;--ui-link-text-decoration:underline;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;z-index:1;flex:none;width:100%;height:auto;position:relative}:where(.drz-p-talks) .drz-talks-scope .drz-talks-intro,:where(.drz-p-talks) .drz-talks-scope .framer-1gmd6j8,:where(.drz-p-talks) .drz-talks-scope .framer-116ityk,:where(.drz-p-talks) .drz-talks-scope .framer-1otsxsu,:where(.drz-p-talks) .drz-talks-scope .framer-5w2ad0,:where(.drz-p-talks) .drz-talks-scope .framer-i1v0e0,:where(.drz-p-talks) .drz-talks-scope .framer-1mice27,:where(.drz-p-talks) .drz-talks-scope .framer-1klcbhx,:where(.drz-p-talks) .drz-talks-scope .framer-q1ta23,:where(.drz-p-talks) .drz-talks-scope .framer-1h5x7x1,:where(.drz-p-talks) .drz-talks-scope .framer-sqtvmo,:where(.drz-p-talks) .drz-talks-scope .framer-7h16a2,:where(.drz-p-talks) .drz-talks-scope .framer-1czflve,:where(.drz-p-talks) .drz-talks-scope .framer-ssnxek,:where(.drz-p-talks) .drz-talks-scope .framer-zd0v30{--ui-link-text-color:#09f;--ui-link-text-decoration:underline;white-space:pre-wrap;word-break:break-word;word-wrap:break-word;flex:none;width:100%;height:auto;position:relative}@media (min-width:810px) and (max-width:1199.98px){:where(.drz-p-talks) .drz-talks-scope.drz-talks-root{width:810px}}@media (max-width:809.98px){:where(.drz-p-talks) .drz-talks-scope.drz-talks-root{width:390px}:where(.drz-p-talks) .drz-talks-scope .drz-talks-hero{max-width:unset;align-content:flex-start;align-items:flex-start;gap:80px;padding:128px 24px 80px}:where(.drz-p-talks) .drz-talks-scope .drz-talks-hero-row{flex-direction:column;gap:48px}:where(.drz-p-talks) .drz-talks-scope .drz-talks-hero-text{flex:none;order:1;width:100%}}@media (max-width:1199px) and (min-width:810px){:where(.drz-p-talks) .drz-text-label-scope .drz-text-label:not(.rich-text-wrapper),:where(.drz-p-talks) .drz-text-label-scope .drz-text-label.rich-text-wrapper p{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:calc(var(--ui-root-font-size,1rem)*1.125);--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:500;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:500;--ui-letter-spacing:0em;--ui-line-height:1.6em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}}@media (max-width:809px) and (min-width:0){:where(.drz-p-talks) .drz-text-label-scope .drz-text-label:not(.rich-text-wrapper),:where(.drz-p-talks) .drz-text-label-scope .drz-text-label.rich-text-wrapper p{--ui-font-family:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-bold-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-family-italic:"Satoshi","Satoshi Placeholder",sans-serif;--ui-font-open-type-features:normal;--ui-font-size:calc(var(--ui-root-font-size,1rem)*1);--ui-font-style:normal;--ui-font-style-bold:normal;--ui-font-style-bold-italic:italic;--ui-font-style-italic:italic;--ui-font-variation-axes:normal;--ui-font-weight:500;--ui-font-weight-bold:700;--ui-font-weight-bold-italic:700;--ui-font-weight-italic:500;--ui-letter-spacing:0em;--ui-line-height:1.6em;--ui-paragraph-spacing:0px;--ui-text-alignment:start;--ui-text-color:var(--color-ink,#000);--ui-text-decoration:none;--ui-text-stroke-color:initial;--ui-text-stroke-width:initial;--ui-text-transform:none}}