.hm-realisations-section{color:var(--harena-color-text-light);font-family:var(--harena-font-body);margin-inline:auto;max-width:1180px;overflow:hidden;position:relative}.hm-realisations__container{margin:0 auto;max-width:1180px;position:relative}.hm-realisations__body{align-items:start;display:grid;gap:2rem;grid-template-columns:minmax(0,1fr) 360px}.hm-realisations__screenshot-area{border-radius:var(--harena-radius-lg);min-height:100%;min-width:0;overflow:hidden}.hm-realisations__screenshot-area img{border-radius:0 0 var(--harena-radius-lg) var(--harena-radius-lg);height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.hm-realisations__image-wrapper{aspect-ratio:5/3;position:relative}.hm-realisations__image-wrapper picture{height:100%}.hm-realisations__browser{background:var(--harena-color-beige-75);border:1px solid color-mix(in srgb,var(--harena-color-dark) 8%,transparent);border-radius:22px;box-shadow:0 28px 70px color-mix(in srgb,var(--harena-color-dark) 14%,transparent);overflow:hidden}.hm-realisations__browser-bar{align-items:center;background:var(--harena-color-primary-900);display:flex;gap:7px;height:42px;padding:0 14px}.hm-realisations__browser-dots{display:flex;gap:5px}.hm-realisations__browser-dots span{border-radius:50%;display:block;height:9px;width:9px}.hm-realisations__browser-dots span:first-child{background:var(--harena-color-error)}.hm-realisations__browser-dots span:nth-child(2){background:var(--harena-color-box-accent)}.hm-realisations__browser-dots span:nth-child(3){background:var(--harena-color-tip)}.hm-realisations__browser-url{background:color-mix(in srgb,var(--harena-color-white) 8%,transparent);border-radius:7px;color:var(--harena-color-beige-300);flex:1;font-family:monospace;font-size:var(--harena-text-fluid-base);margin-left:10px;overflow:hidden;padding:5px 12px;text-overflow:ellipsis;white-space:nowrap}.hm-realisations__browser img{aspect-ratio:16/10;background:var(--harena-color-beige-75);display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;transition:transform .35s ease;width:100%}.hm-realisations__browser:hover img{transform:scale(1.015)}.hm-realisations__no-screenshot{align-items:center;aspect-ratio:16/10;background:var(--harena-color-beige-50);color:var(--harena-color-text);display:flex;font-size:13px;font-style:italic;justify-content:center}.hm-realisations__detail{align-items:flex-end;display:flex;gap:24px;justify-content:space-between;margin-top:2rem}.hm-realisations__detail-left{flex:1;min-width:0}.hm-realisations__detail-label{color:var(--harena-color-accent-500);font-size:var(--harena-text-fluid-xs);font-weight:var(--harena-font-weight-eyebrow);margin-bottom:1rem;text-transform:uppercase}.hm-realisations__detail-name{color:var(--harena-color-primary-900);font-family:var(--harena-font-heading);font-size:var(--harena-text-fluid-xl);font-weight:var(--harena-font-weight-heading);margin-bottom:1rem}.hm-realisations__detail-tags{display:flex;flex-wrap:wrap;gap:7px}.hm-realisations__detail-tag{background:color-mix(in srgb,var(--harena-color-secondary-500) 20%,transparent);border:none;border-radius:var(--harena-radius-full);color:var(--harena-color-primary-900);font-family:var(--harena-font-body);font-size:var(--harena-text-fluid-sm);font-weight:var(--harena-font-weight-eyebrow);padding:8px 15px}.hm-realisations__detail-desc{font-size:var(--harena-text-fluid-base);line-height:var(--harena-leading-relaxed);margin-top:1rem}.hm-realisations__detail-right{align-self:flex-start;flex-shrink:0}.hm-realisations__detail-btn{align-items:center;border-radius:var(--harena-radius-full);display:inline-flex;gap:8px;height:46px;justify-content:center;min-width:220px;text-decoration:none;transition:all var(--harena-transition-slow)}.hm-realisations__detail-btn:after{background-color:currentColor;content:"";display:inline-block;height:20px;margin-left:0;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 fill=%27none%27%3E%3Cpath stroke=%27%231A1A14%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.333%27 d=%27m6.857 12.624 6.06-5.475M7.15 6.857l5.766.292-.292 5.768%27/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2720%27 height=%2720%27 fill=%27none%27%3E%3Cpath stroke=%27%231A1A14%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.333%27 d=%27m6.857 12.624 6.06-5.475M7.15 6.857l5.766.292-.292 5.768%27/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;transform:scale(1.2);transform-origin:center;width:20px}.hm-realisations__detail-btn svg{fill:none;height:14px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.4;width:14px}.hm-realisations__detail-btn:hover{transform:translateY(-1px)}.hm-realisations__detail-btn--hidden{display:none}.hm-realisations__detail-note{align-items:center;border:1px dashed var(--harena-color-beige-300);border-radius:var(--harena-radius-full);color:var(--harena-color-muted);display:inline-flex;font-size:var(--text-fluid-base);justify-content:center;line-height:1.2;min-height:var(--hm-btn-hauteur);min-width:220px;padding:0 var(--hm-btn-padding-x);text-align:center}.hm-realisations__list-area{display:flex;flex-direction:column}.hm-realisations__editorial{border-radius:var(--harena-radius-lg);margin-top:2.5rem;padding:1.5rem 2rem}.has-white-background-color .hm-realisations__editorial,.hm-realisations__editorial{background:var(--harena-color-accent-500)}.editor-styles-wrapper .hm-realisations__editorial{margin-bottom:2rem}.hm-realisations__editorial-title{font-weight:var(--harena-font-weight-heading);letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}.hm-realisations__editorial-text,.hm-realisations__editorial-title{color:var(--harena-color-white);font-size:var(--harena-text-fluid-base)}.hm-realisations__editorial-text{line-height:1.65;margin:0 0 1rem}.hm-realisations__editorial-link{color:var(--harena-color-white);font-size:var(--harena-text-fluid-base);font-weight:var(--harena-font-weight-ui);text-decoration:underline;text-underline-offset:3px}.hm-realisations__editorial-link:hover{color:var(--harena-color-white);text-decoration-thickness:2px}.hm-realisations__body-wrapper .hm-section-badge,.hm-realisations__image-wrapper .hm-section-badge{left:3%;position:absolute;top:27%;transition:var(--harena-transition-base)}@media (max-width:63.938rem){.hm-realisations__body-wrapper .hm-section-badge,.hm-realisations__image-wrapper .hm-section-badge{top:24%}}.hm-realisations__detail-placeholder,.hm-realisations__screenshot-placeholder{background:var(--harena-color-beige-75);border:1px dashed color-mix(in srgb,var(--harena-color-dark) 14%,transparent);border-radius:18px;color:var(--harena-color-muted);font-size:13px;font-style:italic;margin:0;padding:2rem;text-align:center}@media (min-width:64rem){.hm-realisations-section{padding-left:0!important;padding-right:0!important}}@media (max-width:63.938rem){.hm-realisations__eyebrow{margin-inline:auto;margin-bottom:2rem}.hm-realisations__header{gap:18px;grid-template-columns:1fr;margin-bottom:38px}.hm-realisations__header-left{text-align:center}.hm-realisations__body{gap:26px;grid-template-columns:1fr}.hm-realisations__detail{align-items:flex-start;flex-direction:column;gap:14px}.hm-realisations__cta{align-items:flex-start;flex-direction:column;padding:28px 24px}.hm-realisations__screenshot-area{border-radius:var(--harena-radius-md)}.hm-realisations__detail-right{margin:1rem auto}}@media (max-width:47.938rem){.hm-realisations__screenshot-area img{border-radius:0 0 var(--harena-radius-md) var(--harena-radius-md)}.hm-realisations__browser-bar{gap:5px;padding:0 6px}.hm-realisations__browser-dots{gap:3px}.hm-realisations__detail-right{display:flex;justify-content:center;width:100%}.hm-realisations__browser-url{font-size:var(--harena-text-fluid-xs);margin-left:3px;padding:5px 3px}.hm-realisations__browser-dots span{height:5px;width:5px}}.hm-fade{animation:hm-fade .22s ease}@keyframes hm-fade{0%{opacity:.45;transform:translateY(4px)}to{opacity:1;transform:none}}.hm-realisations__image-wrapper img{cursor:pointer;transition:var(--harena-transition-base)}.hm-realisations__image-wrapper:hover .hm-section-badge,.hm-realisations__image-wrapper:hover img{transform:scale(1.015);transition:var(--harena-transition-base)}.has-primary-background-color .hm-projet-item.is-active .hm-projet-item__type,.has-primary-background-color .hm-projet-item__name,.has-primary-background-color .hm-projet-item__type,.has-primary-background-color .hm-realisations__body,.has-primary-background-color .hm-realisations__detail-name,.has-primary-background-color .hm-realisations__editorial-title,.has-primary-background-color h3{color:var(--harena-color-beige)}.has-primary-background-color .hm-projet-item__badge,.has-primary-background-color .hm-realisations__detail-tag,.has-primary-background-color .hm-realisations__editorial{background:color-mix(in srgb,var(--harena-color-white) 3%,transparent);border:1px solid color-mix(in srgb,var(--harena-color-white) 9%,transparent);color:var(--harena-color-beige)}.has-primary-background-color .hm-projet-item{border-bottom:1px solid color-mix(in srgb,var(--harena-color-white) 9%,transparent)}.editor-styles-wrapper .hm-realisations__editor-preview{border-radius:var(--harena-radius-lg);display:block;-o-object-fit:cover;object-fit:cover;width:100%}.editor-styles-wrapper .hm-realisations__screenshot-area{height:490px!important;position:relative}.editor-styles-wrapper .hm-realisations__detail{align-items:flex-start;gap:0}.editor-styles-wrapper .hm-realisations__detail-name{margin-top:1rem}.editor-styles-wrapper .hm-realisations__detail-desc{font-size:var(--harena-text-fluid-sm)}.editor-styles-wrapper .hm-realisations__detail-label{margin-bottom:0}
.hm-projet-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;border-bottom:1px solid var(--harena-color-beige-300);cursor:pointer;display:block;padding:1rem 0;text-align:left;transition:padding-left .2s ease,opacity .2s ease;width:100%}.hm-projet-item:hover{padding-left:8px}.hm-projet-item--placeholder{cursor:default;opacity:.72;pointer-events:none}.hm-projet-item__row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.hm-projet-item__info{flex:1;min-width:0}.hm-projet-item__name{color:var(--harena-color-primary-900);font-family:var(--harena-font-display);font-size:var(--harena-text-fluid-2lg);font-weight:var(--harena-font-weight-heading);margin:0 0 .5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hm-projet-item__type{display:block;font-family:var(--harena-font-body);font-size:var(--harena-text-fluid-sm);line-height:var(--harena-leading-normal);margin:0}.hm-projet-item.is-active .hm-projet-item__type,.hm-projet-item__type{color:var(--harena-color-text-light)}@media (max-width:47.938rem){.hm-projet-item__type{font-size:var(--harena-text-fluid-2xs)}}.hm-projet-item__badge{background:color-mix(in srgb,var(--harena-color-secondary-500) 20%,transparent);border-radius:var(--harena-radius-full);color:var(--harena-color-secondary-900);flex-shrink:0;font-family:var(--harena-font-body);font-size:var(--harena-text-fluid-xs);font-weight:var(--harena-font-weight-eyebrow);letter-spacing:.08em;min-width:95px;padding:10px 15px;text-align:center;text-transform:uppercase;white-space:nowrap}.editor-styles-wrapper .hm-projet-item__screenshot-hint{color:var(--harena-color-muted);font-size:11px;font-style:italic;margin:4px 0 0}.editor-styles-wrapper .harena-projet-item__info h3{font-size:var(--harena-text-fluid-md)}.editor-styles-wrapper .hm-projet-item__tags-preview{color:var(--harena-color-muted);font-size:11px;margin:4px 0 0}.editor-styles-wrapper .hm-projet-item__description{color:var(--harena-color-muted);font-size:13px;line-height:1.6;margin:8px 0 0}.editor-styles-wrapper .hm-projet-item__type{font-size:var(--harena-text-fluid-xs)}@media (max-width:63.938rem){.hm-projet-item.is-active,.hm-projet-item:hover{padding-left:0}}@media (max-width:47.938rem){.hm-projet-item__name{font-size:var(--harena-text-fluid-lg)}.hm-projet-item__badge{font-size:var(--harena-text-fluid-sm)}}