/*
Theme Name: Baptiste Rochard
Description: Thème personnalisé Gutenberg pour baptisterochard.com.
Version: 1.0.0
Author: WYBE
Text Domain: baptiste-rochard
*/
@font-face{font-family:Satoshi;src:url(assets/Satoshi-Variable.ttf) format('truetype');font-weight:400;font-style:normal;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Satoshi,sans-serif;font-size:16px;line-height:1.5;color:#333;background:#fff}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid currentColor;outline-offset:5px}p,h1,h2,figure{margin:0}img{height:auto;max-width:100%;vertical-align:middle}strong{font-weight:700}.br-home{display:flex;min-height:100vh;background:#000;color:#fff}.br-identity,.br-agency{width:50%;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.br-name{width:75%;font-size:48px;line-height:1;font-weight:400;padding-top:3.75%;padding-bottom:11.25%;box-sizing:content-box}.br-contact{width:75%;font-size:24px;font-weight:100;line-height:1.5}.br-contact p+p{margin-top:11px}.br-contact a{display:flex;align-items:center;gap:10px;white-space:nowrap}.br-contact a:before{content:'';display:block;flex:0 0 16px;width:16px;height:16px;background:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center}.br-linkedin a:before{mask-image:url('assets/linkedin.svg')}.br-email a:before{mask-image:url('assets/envelope.svg')}.br-agency{position:relative;gap:20px;background:url('https://baptisterochard.com/wp-content/uploads/2023/04/comment-notre-agence-web-travvaille-avec-votre-entreprise-scaled-1.webp') center/cover no-repeat}.br-agency:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,#00000080 35%);pointer-events:none}.br-agency>*{z-index:1}.br-logo{width:100%;text-align:center;line-height:0}.br-logo img{width:35%}.br-agency-links{font:500 20.8px/1.5 'Roboto Condensed',sans-serif;display:flex;align-items:center;justify-content:center;gap:15px}.br-agency-links span{font-size:12px;font-weight:400}.br-christmas{background:#580000;color:#fff}.br-christmas-intro,.br-christmas-gifts{position:relative}.br-christmas-intro:before,.br-christmas-intro:after,.br-christmas-gifts:before,.br-christmas-gifts:after{content:'';position:absolute;left:0;right:0;height:150px;background:url('assets/clouds.svg') center/100% 100% no-repeat;pointer-events:none;z-index:2}.br-christmas-intro:before,.br-christmas-gifts:before{top:-1px;transform:rotate(180deg) scaleX(-1)}.br-christmas-intro:after,.br-christmas-gifts:after{bottom:-1px}.br-christmas-intro{min-height:100vh;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.br-animation{width:100%;line-height:0}.br-animation>div{width:25%;margin:auto;aspect-ratio:1}.br-animation svg{width:100%;height:100%}.br-christmas-title,.br-christmas-thanks,.br-gift-title{font-family:'Mountains of Christmas',serif;font-weight:700;line-height:1}.br-christmas-title{font-size:48px}.br-christmas-copy{font:400 24px/1.5 Lora,serif;width:100%;padding-top:2%;padding-bottom:3%}.br-christmas-thanks{font-size:32px}.br-christmas-dots{font:400 24px/1.6 Lora,serif}.br-christmas-gifts{padding:15% 0;display:flex;flex-direction:column;align-items:center}.br-gift-row{width:80%;padding:10px;display:flex;gap:20px;justify-content:space-between}.br-gift{position:relative;width:32%;height:280px;border-radius:15px;background:#fff;color:#000;padding:35px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.br-gift-title{color:#580000;font-size:32px;margin-bottom:5px}.br-gift-title a:after{position:absolute;inset:0;content:''}.br-gift-description{font:400 17.6px/1.5 Lora,serif;margin-bottom:20px}.br-gift-row:first-child .br-gift:first-child .br-gift-description{font-family:Satoshi,sans-serif}.br-gift-discover{font:800 12.8px/1.5 Lato,sans-serif;text-decoration:underline}.br-gift-row:first-child .br-gift:first-child .br-gift-discover{font-family:Satoshi,sans-serif;font-weight:700}.br-christmas-bottom{height:20px;background:#fff}
@media(min-width:2400px){.br-christmas-intro:before,.br-christmas-intro:after,.br-christmas-gifts:before,.br-christmas-gifts:after{height:220px}}
@media(max-width:767px){.br-home{flex-direction:column}.br-identity,.br-agency{width:100%}.br-identity{min-height:45vh}.br-agency{min-height:55vh}.br-name{width:80%;font-size:32px;padding-top:12%;padding-bottom:20%}.br-contact{width:80%;font-size:19.2px}.br-contact p+p{margin-top:15px}.br-contact a:before{width:15px;height:15px;flex-basis:15px}.br-agency:before{background:linear-gradient(180deg,#000 1%,#00000080 35%)}.br-christmas-intro{justify-content:center}.br-animation>div{width:70%}.br-christmas-title{font-size:32px}.br-christmas-thanks{font-size:24px}.br-christmas-copy{width:80%;font-size:19.2px;padding-top:2.5%;padding-bottom:3.75%}.br-christmas-intro:before,.br-christmas-intro:after,.br-christmas-gifts:before,.br-christmas-gifts:after{height:100px}.br-christmas-gifts{padding:40% 0}.br-gift-row{width:90%;flex-direction:column}.br-gift{width:100%;flex-shrink:0}}
@media(prefers-reduced-motion:reduce){.br-animation{animation:none}}
/* Keep editor structure usable while preserving the front-end proportions. */
.editor-styles-wrapper .br-home{min-height:700px}.editor-styles-wrapper .br-gift-title a:after{pointer-events:none}.editor-styles-wrapper .br-christmas-intro:before,.editor-styles-wrapper .br-christmas-intro:after,.editor-styles-wrapper .br-christmas-gifts:before,.editor-styles-wrapper .br-christmas-gifts:after{z-index:0}
.br-animation{padding-bottom:6px}.br-christmas-thanks{line-height:1.03125}.br-christmas-title{line-height:1}.br-christmas-dots{line-height:1.6}
@media(max-width:767px){.br-christmas-title{line-height:1.03125}.br-christmas-thanks{line-height:1.0833333}}
@font-face{font-family:Satoshi;src:url(assets/Satoshi-Light.ttf) format('truetype');font-weight:100;font-style:normal;font-display:swap}
.br-gift-title{line-height:1.5;margin-bottom:15px;font-weight:600}.br-gift-description{margin-bottom:15px}.br-gift-description:empty{display:none}.br-gift-discover{line-height:1.5}.br-gift:before{content:'';position:absolute;z-index:1;width:150px;height:35px;background:#f2efea;right:-40px;top:20px;transform:rotate(45deg);pointer-events:none}

@font-face{font-family:Satoshi;src:url(assets/Satoshi-Bold.ttf) format('truetype');font-weight:700;font-style:normal;font-display:swap}

/* Homepage: fit the visible viewport, including mobile browser toolbars. */
body.home .br-home{height:100vh;height:100dvh;min-height:0}
body.home .br-identity,body.home .br-agency{min-height:0;min-width:0}
body.home.admin-bar .br-home{height:calc(100vh - 32px);height:calc(100dvh - 32px)}
/* Animate a separate layer so the logo and its links stay still. */
.br-agency{background:none;isolation:isolate;overflow:hidden}
.br-agency:after{content:'';position:absolute;inset:-12%;z-index:-2;background:url('https://baptisterochard.com/wp-content/uploads/2023/04/comment-notre-agence-web-travvaille-avec-votre-entreprise-scaled-1.webp') center/cover no-repeat;pointer-events:none;animation:br-background-drift 12s ease-in-out infinite alternate}
.br-agency:before{z-index:-1}
@keyframes br-background-drift{from{transform:translate3d(-6%,-4%,0) scale(1.08) rotate(-3deg)}to{transform:translate3d(6%,4%,0) scale(1.22) rotate(3deg)}}
@media(max-width:767px){body.home .br-identity{flex:45 1 0}body.home .br-agency{flex:55 1 0}.br-contact{font-size:clamp(14px,4.9vw,19.2px)}body.home.admin-bar .br-home{height:calc(100vh - 46px);height:calc(100dvh - 46px)}}
@media(max-width:767px) and (max-height:650px){body.home .br-name{padding-top:0;padding-bottom:24px;font-size:28px}body.home .br-contact p+p{margin-top:10px}body.home .br-agency{gap:12px}}
@media(min-width:768px) and (max-height:420px){body.home .br-name{padding-top:0;padding-bottom:24px;font-size:36px}}
@media(prefers-reduced-motion:reduce){.br-agency:after{animation:none;transform:none}}
.editor-styles-wrapper .br-agency:after{animation:none}