/* Detalles de carácter: un gesto por sección, sin añadir ruido al texto. */
.hero-copy{isolation:isolate}
.hero-copy:before{content:'';position:absolute;width:7px;height:7px;background:var(--wine);left:-20px;top:35px;transform:rotate(45deg)}
.hero h1 em{position:relative;width:max-content;max-width:100%}
.hero h1 em:after{content:'';position:absolute;width:58px;height:5px;background:var(--wine);bottom:-11px;right:5px;transform:skewX(-32deg);opacity:.65}
.hero h1{margin-bottom:28px}
.hero .cross{font-family:Arial,sans-serif;font-weight:200;transform:rotate(13deg)}
.header .nav-contact{clip-path:polygon(0 0,100% 0,100% 72%,92% 100%,0 100%)}
.header nav a:not(.nav-contact){position:relative}
.header nav a:not(.nav-contact):after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--wine);transition:width .2s}
.header nav a:not(.nav-contact):hover:after{width:100%}
.areas>.section-heading{position:relative;padding-left:24px;border-left:1px solid var(--line)}
.areas>.section-heading:before{content:'';position:absolute;width:7px;height:7px;background:var(--wine);left:-4px;top:0}
.area-grid article{position:relative;isolation:isolate}
.area-grid article:after{position:absolute;right:0;top:-37px;font-family:Barlow,Impact,sans-serif;font-size:75px;line-height:1;font-weight:700;letter-spacing:-3px;color:transparent;-webkit-text-stroke:1px #cfc5bd;background:var(--paper);padding-left:16px;z-index:-1;pointer-events:none}
.area-procura:after{content:'01'}
.area-mediation:after{content:'02';-webkit-text-stroke-color:#c8a4af!important}
.area-grid .eyebrow{max-width:75%}
.area-grid .text-link{position:relative;border-bottom-color:var(--wine);padding-right:10px}
.mediation-story{position:relative;isolation:isolate;overflow:hidden}
.mediation-story:before{content:'';position:absolute;right:-12px;top:24px;width:130px;height:38px;transform:rotate(-43deg);border-top:1px solid #e6c6ce7a;border-bottom:1px solid #e6c6ce7a;z-index:-1;pointer-events:none}
.mediation-story>.wrap>.eyebrow{display:flex;align-items:center;gap:20px}
.mediation-story>.wrap>.eyebrow:after{content:'';width:42px;height:1px;background:#e6c6ce99}
.conflict-examples>div{position:relative;padding-left:18px;border-left:1px solid #f5f2ee50}
.conflict-examples>div:before{content:'';width:5px;height:5px;background:#e6c6ce;position:absolute;left:-3px;top:5px}
.about-photo{isolation:isolate}
.about-photo:after{inset:25px 0 0 25px;border:0;border-right:1px solid var(--wine);border-bottom:1px solid var(--wine)}
.about-photo:before{content:'';position:absolute;right:-24px;top:-25px;width:90px;height:90px;border:1px solid var(--wine);border-radius:50%;z-index:-1}
.about-photo img{clip-path:polygon(0 0,93% 0,100% 6%,100% 100%,0 100%)}
.photo-note{font-size:8px;letter-spacing:1.4px;border-left:12px solid var(--wine);padding-left:9px;line-height:1.4;margin-top:14px;padding-top:0}
.projects>.section-heading{position:relative;padding-right:35px}
.projects>.section-heading:after{content:'//';position:absolute;right:0;top:20px;font-family:Barlow,Impact,sans-serif;font-size:56px;font-style:italic;line-height:1;color:var(--wine);letter-spacing:5px}
.media-grid{align-items:start;gap:7%}
.media-grid>article:nth-child(2){margin-top:65px}
.media-image{clip-path:polygon(0 0,94% 0,100% 9%,100% 100%,0 100%)}
.project-label{position:relative;padding-left:18px;border-left:1px solid var(--line);margin-top:17px;padding-top:0}
.project-label:before{content:'';position:absolute;left:-3px;top:4px;width:5px;height:5px;background:var(--wine)}
.play{border-radius:0;clip-path:polygon(20% 0,100% 0,100% 80%,80% 100%,0 100%,0 20%)}
.active-project>a{position:relative;display:block;padding:12px 12px 0 0;isolation:isolate}
.active-project>a:before{content:'';position:absolute;inset:0 0 14px 14px;border-top:1px solid var(--wine);border-right:1px solid var(--wine);z-index:-1}
.resources>.eyebrow{display:flex;align-items:center;gap:18px}
.resources>.eyebrow:before{content:'';width:24px;height:2px;background:var(--wine);transform:skewX(-35deg)}
.resource-grid>article{position:relative;padding-top:24px}
.resource-grid>article:before{content:'';width:18px;height:5px;position:absolute;top:-3px;right:0;background:var(--wine);transform:skewX(-35deg)}
.contact-details h2{position:relative;display:inline-block}
.contact-details h2:after{content:'';position:absolute;right:-30px;top:-5px;width:15px;height:15px;border-top:1px solid #f5f2ee99;border-right:1px solid #f5f2ee99}
/* Le formulaire reste rectangulaire et calme pour faciliter la lecture. */
.form-panel{border-top:3px solid #191919}
@media(max-width:850px){.area-grid article:after{font-size:60px;top:-29px}.about-photo:before{width:65px;height:65px;right:-12px;top:-20px}.media-grid{gap:5%}.projects>.section-heading:after{font-size:42px}.hero-copy:before{left:-13px;width:5px;height:5px}}
@media(max-width:600px){.hero-copy:before{display:none}.hero h1 em:after{width:37px;height:3px;bottom:-8px;right:2px}.hero h1{margin-bottom:27px}.areas>.section-heading{padding-left:15px}.area-grid{gap:54px}.area-grid article:after{font-size:62px;top:-30px}.mediation-story:before{width:75px;right:-25px;top:22px;height:24px}.mediation-story>.wrap>.eyebrow{gap:10px;max-width:90%}.mediation-story>.wrap>.eyebrow:after{display:none}.about-photo:before{width:70px;height:70px;right:-15px;top:-18px}.media-grid>article:nth-child(2){margin-top:0}.media-grid{gap:45px}.projects>.section-heading:after{display:none}.projects>.section-heading{padding-right:0}.project-label{padding-left:13px}.contact-details h2:after{right:-24px;top:0;width:12px;height:12px}}
@media(prefers-reduced-motion:reduce){.header nav a:after{transition:none}}