:root { --green:#344d33; --deep:#213121; --yellow:#fffe9b; --lime:#cdc358; --cream:#fffaec; --soft:#faf3d5; --white:#fff; --action:#ffd66c; --action-hover:#ffe394; --action-shadow:#b68d31; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
section[id] { scroll-margin-top:102px; }
body { margin:0; overflow-x:hidden; background:var(--cream); color:var(--deep); font-family:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif; }
body,button,input,select { font:inherit; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
.skip-link { position:fixed; z-index:100; top:12px; left:16px; padding:10px 14px; border-radius:999px; background:white; color:var(--green); font-size:13px; font-weight:850; transform:translateY(-170%); transition:transform .18s ease; }
.skip-link:focus { transform:translateY(0); }
.section-shell { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
.section-label { margin:0; color:var(--green); text-transform:uppercase; letter-spacing:.13em; font-size:11px; font-weight:900; }
.button { min-height:52px; padding:0 22px; display:inline-flex; justify-content:center; align-items:center; gap:15px; border:1px solid transparent; border-radius:999px; font-size:13px; font-weight:850; cursor:pointer; transition:transform .2s ease,background .2s ease; }
.button:hover { transform:translateY(-2px); }
.button span { font-size:18px; }
.button-light { background:var(--yellow); color:var(--deep); }
.button-outline { border-color:white; background:rgba(255,255,255,.09); color:white; }
.button-dark { background:var(--green); color:white; }

.site-header { position:sticky; z-index:30; top:0; height:82px; padding:0 max(24px,calc((100vw - 1320px)/2)); display:grid; grid-template-columns:220px 1fr auto; align-items:center; gap:36px; background:rgba(255,250,236,.95); border-bottom:1px solid rgba(52,77,51,.18); backdrop-filter:blur(12px); }
.brand { width:184px; }
.site-header nav { display:flex; justify-content:center; gap:42px; font-size:17px; font-weight:750; }
.site-header nav a:hover { text-decoration:underline; text-underline-offset:6px; }
.header-cta { min-height:49px; padding:0 21px; display:inline-flex; align-items:center; gap:12px; border-radius:999px; background:var(--green); color:white; font-size:14px; font-weight:850; }
.header-cta span { font-size:16px; }

.hero { position:relative; height:min(750px,calc(100vh - 82px)); min-height:620px; overflow:hidden; background:var(--deep); }
#accueil { scroll-margin-top:82px; }
.hero-photos { position:absolute; inset:0; overflow:hidden; }
.hero-photos::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(19,31,19,.52),rgba(19,31,19,.23) 50%,rgba(19,31,19,.43)); }
.hero-track { height:100%; width:max-content; display:flex; gap:14px; animation:heroGallery 34s linear infinite; }
.hero-set { height:100%; display:flex; gap:14px; }
.hero-set figure { width:clamp(390px,38vw,650px); height:100%; margin:0; }
.hero-set img { width:100%; height:100%; object-fit:cover; }
.hero-set figure:nth-child(1) img { object-position:center 52%; }
.hero-set figure:nth-child(2) img { object-position:center 56%; }
.hero-set figure:nth-child(3) img { object-position:center 64%; }
.hero-set figure:nth-child(4) img { object-position:center 50%; }
@keyframes heroGallery { to { transform:translateX(calc(-50% - 7px)); } }
.hero-content { position:relative; z-index:2; width:min(980px,calc(100% - 48px)); height:100%; margin-inline:auto; display:flex; flex-direction:column; justify-content:center; align-items:center; color:white; text-align:center; }
.eyebrow { margin:0 0 23px; padding:9px 14px; border:1px solid rgba(255,255,255,.72); border-radius:999px; text-transform:uppercase; letter-spacing:.12em; font-size:10px; font-weight:850; }
h1 { max-width:990px; margin:0; font-size:clamp(55px,7vw,100px); line-height:.92; letter-spacing:-.065em; text-shadow:0 4px 28px rgba(0,0,0,.48); }
h1 em { color:var(--yellow); font-family:Georgia,serif; font-weight:400; }
.mobile-break { display:none; }
.hero-subtitle { max-width:720px; margin:27px 0 32px; color:white; font-size:clamp(16px,1.5vw,20px); line-height:1.55; text-shadow:0 2px 14px rgba(0,0,0,.62); }
.hero-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:11px; }
.hero-actions .button { min-height:64px; padding-inline:31px; gap:19px; font-size:17px; }
.hero-gift { position:absolute; z-index:3; top:12px; left:clamp(12px,2vw,28px); width:min(268px,calc(100vw - 28px)); padding:10px 12px; display:grid; grid-template-columns:1fr 32px; grid-template-rows:auto 1fr; column-gap:9px; row-gap:5px; align-items:start; border:1px solid rgba(52,77,51,.28); border-radius:20px; background:rgba(255,255,255,.96); box-shadow:0 19px 45px rgba(8,18,9,.34),inset 0 1px 0 white; color:var(--green); text-align:left; -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); transition:transform .22s ease,box-shadow .22s ease; }
.hero-gift:hover { transform:translateY(-4px); box-shadow:0 24px 50px rgba(8,18,9,.42),inset 0 1px 0 rgba(255,255,255,.95); }
.hero-gift-top { grid-column:1; display:flex; align-items:center; gap:9px; min-width:0; }
.hero-gift-avatar { position:relative; flex:0 0 auto; width:32px; height:32px; display:grid; place-items:center; border-radius:10px; background:var(--green); box-shadow:inset 0 0 0 1px rgba(255,255,255,.18); color:var(--yellow); font-family:Georgia,serif; font-size:18px; font-weight:900; }
.hero-gift-avatar::after { content:""; position:absolute; top:-3px; right:-3px; width:11px; height:11px; border:2px solid white; border-radius:50%; background:#65b96b; }
.hero-gift-meta { min-width:0; flex:1; display:flex; justify-content:flex-start; align-items:center; gap:8px; }
.hero-gift-meta small { overflow:hidden; color:rgba(52,77,51,.82); text-transform:uppercase; text-overflow:ellipsis; white-space:nowrap; letter-spacing:.07em; font-size:11px; font-weight:900; }
.hero-gift-message { grid-column:1; min-width:0; display:grid; gap:3px; padding-left:1px; }
.hero-gift-message strong { display:block; color:var(--green); font-size:15.5px; line-height:1.17; letter-spacing:-.015em; }
.hero-gift-message em { color:rgba(52,77,51,.86); font-size:12.5px; font-style:normal; line-height:1.3; }
.hero-gift i { grid-column:2; grid-row:1/3; align-self:center; width:32px; height:32px; display:grid; place-items:center; border-radius:50%; background:var(--yellow); box-shadow:inset 0 0 0 1px rgba(52,77,51,.12); color:var(--green); font-size:14px; font-style:normal; }
@keyframes heroNotification {
  0% { opacity:0; transform:translate3d(0,86px,0) scale(.94); filter:blur(5px); }
  68% { opacity:1; transform:translate3d(0,-5px,0) scale(1.012); filter:blur(0); }
  100% { opacity:1; transform:translate3d(0,0,0) scale(1); filter:blur(0); }
}
.hero-calendar { position:absolute; z-index:3; right:max(18px,calc((100vw - 1440px)/2)); bottom:30px; width:min(228px,calc(100vw - 36px)); padding:10px 11px 11px; display:grid; gap:6px; border:1px solid rgba(52,77,51,.32); border-radius:21px; background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,250,236,.92)); box-shadow:0 20px 46px rgba(8,18,9,.34),inset 0 1px 0 rgba(255,255,255,.98); color:var(--green); text-align:left; -webkit-backdrop-filter:blur(18px); backdrop-filter:blur(18px); transition:transform .22s ease,box-shadow .22s ease; }
.hero-calendar:hover { transform:translateY(-4px); box-shadow:0 23px 48px rgba(8,18,9,.4),inset 0 1px 0 rgba(255,255,255,.95); }
.hero-calendar-head { display:grid; grid-template-columns:24px 1fr 24px; align-items:center; }
.hero-calendar-head strong { text-align:center; text-transform:capitalize; font-size:13px; line-height:1.2; }
.hero-calendar-head i { width:24px; height:24px; display:grid; place-items:center; border-radius:50%; color:rgba(52,77,51,.62); font-size:19px; font-style:normal; line-height:1; }
.hero-calendar-head i:last-child { background:rgba(255,214,108,.55); color:var(--green); }
.hero-calendar-weekdays,.hero-calendar-days { display:grid; grid-template-columns:repeat(7,1fr); gap:2px; }
.hero-calendar-weekdays { padding-top:2px; }
.hero-calendar-weekdays b { text-align:center; text-transform:uppercase; letter-spacing:.03em; color:rgba(52,77,51,.58); font-size:6.5px; line-height:1; }
.hero-calendar-days span { height:20px; display:grid; place-items:center; border-radius:50%; color:var(--green); font-size:9px; font-weight:800; line-height:1; }
.hero-calendar-days span.is-muted { opacity:.32; }
.hero-calendar-days span.is-today { background:var(--action); box-shadow:0 0 0 1px rgba(52,77,51,.17),0 3px 8px rgba(182,141,49,.28); font-weight:950; }
.hero-calendar-action { margin-top:2px; padding:10px; display:grid; gap:4px; border-radius:12px; background:var(--action); box-shadow:0 4px 0 rgba(182,141,49,.7); color:var(--green); }
.hero-calendar-action>strong { font-size:14.5px; line-height:1.15; }
.hero-calendar-action small { display:flex; justify-content:space-between; align-items:center; gap:5px; color:rgba(33,49,33,.8); font-size:10.5px; font-weight:750; line-height:1.25; }
.hero-calendar-action i { color:var(--green); font-size:14px; font-style:normal; }
@keyframes heroCalendar {
  0% { opacity:0; transform:translate3d(0,-86px,0) scale(.94); filter:blur(5px); }
  70% { opacity:1; transform:translate3d(0,5px,0) scale(1.01); filter:blur(0); }
  100% { opacity:1; transform:translate3d(0,0,0) scale(1); filter:blur(0); }
}
.hero.hero-floats-ready:not(.hero-floats-visible) .hero-calendar,
.hero.hero-floats-ready:not(.hero-floats-visible) .hero-gift { opacity:0; pointer-events:none; }
.hero.hero-floats-visible .hero-calendar { animation:heroCalendar 1s cubic-bezier(.2,1.22,.35,1) .08s backwards; }
.hero.hero-floats-visible .hero-gift { animation:heroNotification 1s cubic-bezier(.2,1.22,.35,1) .18s backwards; }

.proof-cards { position:relative; z-index:4; margin-top:-28px; display:grid; grid-template-columns:repeat(3,1fr); gap:13px; }
.proof-cards article { min-height:140px; padding:24px; display:grid; grid-template-columns:auto 1fr; grid-template-rows:auto auto; column-gap:15px; align-content:center; border:1px solid var(--green); border-radius:18px; background:var(--white); box-shadow:5px 5px 0 var(--lime); }
.proof-cards article:nth-child(2) { background:var(--yellow); transform:translateY(9px); }
.proof-cards article:nth-child(3) { background:var(--lime); }
.proof-cards span { grid-row:1/3; width:35px; height:35px; display:grid; place-items:center; border-radius:50%; background:var(--green); color:white; font-size:9px; font-weight:900; }
.proof-cards strong { align-self:end; font-size:24px; letter-spacing:-.025em; }
.proof-cards p { margin:4px 0 0; color:rgba(34,50,34,.74); font-size:16px; line-height:1.3; }

.offers { padding-block:118px 110px; }
.section-heading { display:block; margin-bottom:54px; }
.section-heading h2 { margin:0; max-width:1080px; color:var(--green); line-height:1; letter-spacing:-.05em; }
.section-heading h2 span { display:block; margin-bottom:15px; text-transform:uppercase; letter-spacing:-.06em; font-size:clamp(58px,7vw,94px); font-weight:900; }
.section-heading h2 em { display:block; max-width:1100px; color:var(--green); font-family:Georgia,serif; font-size:clamp(27px,2.8vw,40px); font-weight:400; line-height:1.12; }
.section-heading>p:last-child { margin:0; color:rgba(34,50,34,.74); font-size:16px; line-height:1.6; }
.offer-grid { display:grid; grid-template-columns:1fr 1fr; gap:17px; }
.offer-card { position:relative; min-height:0; padding:31px; display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--green); border-radius:25px; transition:transform .25s ease,box-shadow .25s ease; }
.offer-card:hover { transform:translateY(-6px); box-shadow:10px 10px 0 var(--green); }
.offer-continuous { background:var(--green); color:var(--cream); }
.offer-menu { background:var(--yellow); color:var(--deep); }
.offer-index { position:absolute; z-index:2; top:31px; left:50%; display:flex; width:max-content; max-width:calc(100% - 62px); justify-content:center; align-items:center; transform:translateX(-50%); text-align:center; text-transform:uppercase; letter-spacing:.09em; font-size:12px; font-weight:900; }
.offer-index b { padding:10px 15px; border:1px solid currentColor; border-radius:999px; }
.offer-title { min-height:244px; padding:64px 0 0; }
.offer-title h3 { max-width:500px; margin:0; font-size:clamp(38px,3.8vw,54px); line-height:.96; letter-spacing:-.055em; }
.offer-title p { max-width:475px; margin:17px 0 0; opacity:.86; font-size:18px; line-height:1.52; }
.offer-card ul { height:330px; min-height:330px; display:grid; grid-template-columns:1fr 1fr; grid-template-rows:repeat(2,minmax(0,1fr)); gap:10px; margin:14px 0 20px; padding:0; list-style:none; }
.offer-card li { min-height:0; padding:10px; display:grid; grid-template-columns:38px minmax(0,1fr); gap:10px; align-items:center; border:1px solid color-mix(in srgb,currentColor 25%,transparent); border-radius:13px; font-size:14px; line-height:1.35; }
.offer-continuous li { background:rgba(255,255,255,.06); }
.offer-menu li { background:rgba(52,77,51,.06); }
.offer-card li>span { width:38px; height:38px; display:grid; place-items:center; border-radius:50%; background:currentColor; color:var(--green); font-family:"Apple Color Emoji","Segoe UI Emoji",sans-serif; font-size:18px; }
.offer-continuous li>span { color:var(--green); background:var(--yellow); }
.offer-menu li>span { color:var(--yellow); background:var(--green); }
.offer-card li b { display:block; margin-bottom:4px; font-size:16px; line-height:1.15; }
.offer-card li small { display:block; opacity:.86; font-size:16px; line-height:1.38; }
.feature-points { display:grid!important; gap:1px; opacity:.9!important; line-height:1.2!important; }
.feature-points span { position:relative; display:block; padding-left:12px; }
.feature-points span::before { content:"•"; position:absolute; left:0; top:0; color:var(--yellow); font-weight:900; }
.offer-menu .feature-points span::before { color:var(--green); }
.offer-card>a { width:fit-content; min-height:52px; margin-top:auto; padding:0 21px; display:inline-flex; justify-content:center; align-items:center; gap:25px; border:1px solid currentColor; border-radius:999px; font-size:16px; font-weight:850; transition:transform .2s ease,box-shadow .2s ease; }
.offer-card>a:hover { transform:translateY(-2px); box-shadow:4px 4px 0 color-mix(in srgb,currentColor 35%,transparent); }
.offer-continuous>a { background:var(--yellow); color:var(--deep); }
.offer-menu>a { background:var(--green); color:white; }
.offer-card>a span { font-size:19px; }
.offers.is-reveal-ready .offer-card { opacity:0; transition:opacity 1.05s ease,transform 1.05s cubic-bezier(.2,.72,.22,1),box-shadow .25s ease; }
.offers.is-reveal-ready .offer-continuous { transform:translateX(-82px); }
.offers.is-reveal-ready .offer-menu { transform:translateX(82px); }
.offers.is-visible .offer-card { opacity:1; transform:translateX(0); }
.offers.is-visible .offer-menu { transition-delay:.12s; }
.offers.is-visible .offer-card:hover { transform:translateY(-6px); }

.gift { margin-bottom:108px; padding:24px; display:grid; grid-template-columns:.82fr 1.18fr; gap:clamp(32px,5vw,70px); align-items:center; border:1px solid var(--green); border-radius:26px; background:var(--green); box-shadow:10px 10px 0 var(--yellow); color:white; }
.reels { min-height:420px; display:flex; justify-content:center; align-items:center; gap:14px; padding:25px; border-radius:20px; background:var(--deep); }
.reel { width:min(44%,175px); }
.reel-two { transform:translateY(18px) rotate(2deg); }
.reel-one { transform:translateY(-14px) rotate(-2deg); }
.gift.is-reveal-ready .reel { opacity:0; transition:opacity 1.15s ease,transform 1.15s cubic-bezier(.2,.72,.22,1); }
.gift.is-reveal-ready .reel-one { transform:translate(-44px,38px) rotate(-7deg) scale(.94); }
.gift.is-reveal-ready .reel-two { transform:translate(44px,54px) rotate(7deg) scale(.94); }
.gift.is-visible .reel { opacity:1; }
.gift.is-visible .reel-one { transform:translateY(-14px) rotate(-2deg); }
.gift.is-visible .reel-two { transform:translateY(18px) rotate(2deg); transition-delay:.18s; }
.reel-screen { position:relative; aspect-ratio:9/16; display:flex; flex-direction:column; justify-content:center; align-items:center; overflow:hidden; border:3px solid var(--cream); border-radius:18px; background:linear-gradient(155deg,#f2de7a,var(--green)); color:white; text-align:center; }
.reel-two .reel-screen { background:linear-gradient(155deg,var(--yellow),#74834c); }
.reel-screen video { width:100%; height:100%; object-fit:cover; background:var(--deep); }
.play { position:relative; z-index:1; width:48px; height:48px; display:grid; place-items:center; padding-left:3px; border-radius:50%; background:var(--cream); color:var(--green); font-size:15px; }
.reel-screen p { position:relative; z-index:1; margin:15px 0 0; text-transform:uppercase; letter-spacing:.07em; font-size:9px; font-weight:850; line-height:1.4; }
.reel>small { display:block; margin-top:10px; color:rgba(255,250,236,.9); text-align:center; font-size:13px; font-weight:800; line-height:1.35; }
.gift .section-label { color:var(--yellow); }
.gift-copy h2 { max-width:630px; margin:0 0 18px; color:white; font-size:clamp(39px,4.5vw,62px); line-height:1; letter-spacing:-.05em; }
.gift-copy>p:not(.section-label) { max-width:650px; margin:0; color:rgba(255,255,255,.86); font-size:17px; line-height:1.65; }
.gift-steps { display:flex; flex-wrap:wrap; gap:8px; margin:25px 0; }
.gift-steps span { padding:10px 15px; border:1px solid rgba(255,255,255,.52); border-radius:999px; font-size:13px; font-weight:800; }
.gift-copy .button { min-height:56px; padding-inline:26px; font-size:16px; }
.gift .button-dark { border-color:rgba(255,250,236,.75); background:rgba(255,250,236,.88); color:var(--green); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); }
.gift-copy>small { display:block; margin-top:12px; color:rgba(255,255,255,.62); font-size:10px; }

.work { padding-block:62px 72px; overflow:hidden; background:#cdc358; color:var(--green); }
.work .section-label { color:var(--green); }
.work-heading { display:block; margin-bottom:26px; text-align:center; }
.work-heading .section-label { margin-bottom:13px; }
.work-heading h2 { max-width:940px; margin:0 auto; color:var(--green); font-size:clamp(40px,4.5vw,62px); line-height:1; letter-spacing:-.05em; }
.work-marquee { width:100%; overflow:hidden; }
.work-track { width:max-content; display:flex; gap:14px; animation:workGallery 115s linear infinite; }
.work-marquee:hover .work-track { animation-play-state:paused; }
.work-set { display:flex; align-items:center; gap:14px; }
.work figure { position:relative; width:440px; height:350px; margin:0; overflow:hidden; border-radius:18px; background:var(--yellow); }
.work figure.portrait { width:245px; height:390px; }
.work figure.graphic { width:270px; display:grid; place-items:center; background:var(--yellow); color:var(--green); }
.work figure img { width:100%; height:100%; object-fit:cover; }
.work figure.portrait img { object-position:center 70%; }
.work figure.focus-top img { object-position:center 25%; }
.work figure.graphic>span { font-family:Georgia,serif; font-size:36px; font-style:italic; line-height:1; text-align:center; }
.work figcaption { position:absolute; left:12px; bottom:12px; padding:7px 10px; border-radius:999px; background:rgba(255,250,236,.94); color:var(--deep); text-transform:uppercase; letter-spacing:.08em; font-size:9px; font-weight:850; }
.mini-play { position:absolute; top:50%; left:50%; width:48px; height:48px; display:grid; place-items:center; padding-left:3px; border-radius:50%; background:var(--yellow); color:var(--green); transform:translate(-50%,-50%); font-size:14px; }
@keyframes workGallery { to { transform:translateX(calc(-50% - 7px)); } }

.about { position:relative; isolation:isolate; min-height:626px; padding-block:58px 54px; display:grid; grid-template-columns:330px 470px 330px; gap:25px; align-items:center; }
.about::before { content:""; position:absolute; z-index:-1; inset-block:0; left:50%; width:100vw; background:var(--yellow); transform:translateX(-50%); }
.about-copy { grid-column:2; grid-row:1; padding:0; }
.about-frame { position:relative; z-index:2; overflow:hidden; border:1px solid var(--green); border-radius:20px; background:var(--green); box-shadow:9px 9px 0 var(--cream); }
.about-frame-primary { grid-column:1; grid-row:1; width:100%; height:460px; margin-left:0; overflow:visible; transform:rotate(-2deg); }
.about-frame-secondary { grid-column:3; grid-row:1; align-self:center; z-index:3; width:100%; height:460px; margin-top:0; overflow:visible; transform:rotate(2deg); }
.about-frame img { width:100%; height:100%; object-fit:cover; }
.about-frame-primary img { border-radius:19px; object-position:center 42%; }
.about-frame-secondary img { border-radius:19px; object-position:center 46%; }
.about.is-reveal-ready .about-frame-primary { opacity:0; transform:translateX(-90px) rotate(-5deg); }
.about.is-reveal-ready .about-frame-secondary { opacity:0; transform:translateX(90px) rotate(5deg); }
.about.is-reveal-ready .about-frame { transition:opacity 1.45s ease,transform 1.45s cubic-bezier(.2,.72,.22,1); }
.about.is-visible .about-frame { opacity:1; }
.about.is-visible .about-frame-primary { transform:rotate(-2deg); }
.about.is-visible .about-frame-secondary { transform:rotate(2deg); transition-delay:.22s; }
.about-name { position:absolute; z-index:4; right:auto; bottom:18px; left:22px; padding:0; border:0; background:transparent; color:#fff; font-family:Georgia,serif; font-size:30px; font-style:italic; line-height:1; letter-spacing:.01em; text-shadow:0 2px 10px rgba(0,0,0,.72); }
.dot { position:absolute; display:block; border-radius:50%; background:var(--lime); }
.dot-one { z-index:4; width:42px; height:42px; left:52px; top:60px; }
.dot-two { z-index:4; width:22px; height:22px; top:-11px; right:62px; background:var(--green); }
.about-copy .section-label { font-size:14px; }
.about-copy h2 { width:100%; max-width:500px; margin:20px 0 25px; font-size:clamp(42px,3.3vw,48px); line-height:.98; letter-spacing:-.05em; }
.about-copy>p:not(.section-label) { max-width:760px; margin:0; color:rgba(34,50,34,.76); font-size:17px; line-height:1.65; }
.values { display:flex; flex-wrap:wrap; gap:8px; margin-top:27px; }
.values span { padding:12px 19px; border:1px solid var(--green); border-radius:999px; background:transparent; color:var(--green); text-transform:uppercase; letter-spacing:.08em; font-size:14px; font-weight:850; }

.instagram-showcase { position:relative; padding-block:42px 46px; overflow:hidden; border-block:1px solid var(--green); background:var(--yellow); }
.instagram-showcase::before { content:none; }
.instagram-layout { position:relative; display:grid; grid-template-columns:1.14fr .86fr; gap:clamp(35px,5vw,68px); align-items:center; }
.instagram-heading { position:relative; z-index:2; grid-column:2; grid-row:1; }
.instagram-heading .section-label { font-size:13px; }
.instagram-heading h2 { max-width:480px; margin:13px 0 15px; color:var(--green); font-size:clamp(34px,3.2vw,45px); line-height:.98; letter-spacing:-.05em; }
.instagram-heading>p:not(.section-label) { max-width:470px; margin:0; color:rgba(34,50,34,.82); font-size:15px; line-height:1.6; }
.instagram-profile { margin-top:19px; min-height:47px; padding-inline:19px; background:var(--green); color:white; font-size:13px; }
.instagram-profile svg { width:23px; height:23px; flex:0 0 auto; }
.instagram-posts { width:100%; max-width:610px; grid-column:1; grid-row:1; justify-self:start; display:grid; grid-template-columns:1fr 1fr; gap:16px; align-items:start; }
.instagram-post { overflow:hidden; border:1px solid var(--green); border-radius:24px; background:var(--cream); box-shadow:8px 8px 0 var(--lime); transition:transform .25s ease,box-shadow .25s ease; }
.instagram-post:hover { transform:translateY(-5px) rotate(0); box-shadow:11px 13px 0 var(--lime); }
.instagram-post-one { transform:rotate(-1.4deg); }
.instagram-post-two { margin-top:18px; transform:rotate(1.3deg); }
.instagram-showcase.is-reveal-ready .instagram-post { opacity:0; transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.25,1),box-shadow .25s ease; }
.instagram-showcase.is-reveal-ready .instagram-post-one { transform:translate(-28px,38px) rotate(-4deg); }
.instagram-showcase.is-reveal-ready .instagram-post-two { transform:translate(28px,62px) rotate(4deg); }
.instagram-showcase.is-visible .instagram-post { opacity:1; }
.instagram-showcase.is-visible .instagram-post-one { transform:rotate(-1.4deg); }
.instagram-showcase.is-visible .instagram-post-two { transform:rotate(1.3deg); transition-delay:.15s; }
.instagram-showcase.is-visible .instagram-post:hover { transform:translateY(-5px) rotate(0); }
.instagram-post iframe { width:100%; height:300px; display:block; border:0; background:white; }
.instagram-post>a { min-height:48px; padding:0 16px; display:flex; justify-content:space-between; align-items:center; border-top:1px solid rgba(52,77,51,.25); color:var(--green); font-size:13px; font-weight:850; }
.instagram-post>a span { font-size:20px; }

.faq { padding-block:60px 66px; background:var(--cream); }
.faq-layout { display:grid; grid-template-columns:.72fr 1.28fr; gap:clamp(45px,8vw,110px); align-items:start; }
.faq-heading .section-label { font-size:14px; }
.faq-heading h2 { max-width:460px; margin:16px 0; color:var(--green); font-size:clamp(42px,4.5vw,62px); line-height:.98; letter-spacing:-.05em; }
.faq-heading>p:not(.section-label) { max-width:430px; margin:0 0 27px; color:rgba(52,77,51,.82); font-size:17px; line-height:1.6; }
.faq-heading .button { min-height:64px; margin-top:12px; padding-inline:31px; gap:22px; font-size:16px; }
.faq-list { border-top:1px solid var(--green); }
.faq-list details { border-bottom:1px solid rgba(52,77,51,.4); }
.faq-list summary { min-height:88px; display:grid; grid-template-columns:1fr auto; gap:20px; align-items:center; cursor:pointer; list-style:none; color:var(--green); font-size:clamp(19px,2vw,25px); font-weight:850; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary span { width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--green); border-radius:50%; font-size:21px; transition:transform .2s ease; }
.faq-list details[open] summary span { transform:rotate(45deg); }
.faq-list details p { max-width:720px; margin:-8px 58px 25px 0; color:rgba(52,77,51,.82); font-size:16px; line-height:1.65; }

.contact { position:relative; isolation:isolate; padding-block:68px 74px; display:grid; grid-template-columns:.84fr 1.16fr; gap:clamp(50px,8vw,105px); align-items:start; }
.contact::before { content:""; position:absolute; z-index:-1; top:0; bottom:0; left:50%; width:100vw; background:linear-gradient(90deg,rgba(27,47,31,.97) 0%,rgba(27,47,31,.91) 49%,rgba(27,47,31,.72) 100%),url("./public/portfolio/all/realisation-16.jpg") center/cover; transform:translateX(-50%); }
.contact-intro h2 { max-width:590px; margin:19px 0 24px; color:white; font-size:clamp(43px,5vw,70px); line-height:.98; letter-spacing:-.05em; text-shadow:0 3px 18px rgba(0,0,0,.25); }
.contact-intro .section-label { color:var(--yellow); font-size:16px; }
.contact-intro>p:not(.section-label) { max-width:580px; margin:0; color:rgba(255,250,236,.9); font-size:18px; line-height:1.65; }
.contact-options { display:flex; flex-direction:column; gap:10px; margin-top:29px; color:white; font-size:15px; font-weight:750; }
.quick-form,.form-success { padding:clamp(26px,4vw,46px); border:1px solid var(--green); border-radius:22px; background:white; box-shadow:9px 9px 0 var(--lime); }
.quick-form { display:grid; gap:17px; }
.quick-form[hidden] { display:none; }
.form-honey { position:absolute!important; left:-9999px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:15px; }
.quick-form label { display:grid; gap:6px; color:var(--green); text-transform:uppercase; letter-spacing:.08em; font-size:9px; font-weight:900; }
.quick-form input,.quick-form select { width:100%; height:45px; padding:0 2px; border:0; border-bottom:1px solid rgba(52,77,51,.45); border-radius:0; outline:0; background:transparent; color:var(--deep); font-size:14px; text-transform:none; letter-spacing:0; }
.quick-form input:focus,.quick-form select:focus { border-color:var(--green); box-shadow:0 1px 0 var(--green); }
.consent { grid-template-columns:17px 1fr; align-items:center; text-transform:none!important; letter-spacing:0!important; font-weight:500!important; }
.consent input { height:15px; }
.consent span { color:var(--deep); font-size:14px; line-height:1.4; }
.submit-button { width:100%; margin-top:3px; }
.submit-button:disabled { cursor:wait; opacity:.7; }
.form-error { margin:0; padding:11px 13px; border:1px solid #9f3b32; border-radius:10px; background:#fff0ed; color:#772a24; font-size:14px; line-height:1.45; }
.form-error[hidden] { display:none; }
.form-note { margin:-5px 0 0; color:rgba(34,50,34,.6); text-align:center; font-size:10px; }
.form-success { min-height:430px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; }
.form-success[hidden] { display:none; }
.form-success>span { width:56px; height:56px; display:grid; place-items:center; border-radius:50%; background:var(--green); color:white; font-size:24px; }
.form-success h3 { max-width:440px; margin:22px 0 9px; font-size:28px; }
.form-success p { max-width:460px; margin:0 0 25px; line-height:1.6; }

:is(a,button).conversion-cta { border-color:#c59e3e!important; background:var(--action)!important; color:var(--deep)!important; box-shadow:0 4px 0 var(--action-shadow)!important; }
:is(a,button).conversion-cta:hover { background:var(--action-hover)!important; box-shadow:0 6px 0 var(--action-shadow)!important; transform:translateY(-2px); }
:is(a,button).conversion-cta:focus-visible { outline:3px solid white; outline-offset:4px; }
.offer-card>a.conversion-cta { border-color:#c59e3e!important; }
.offer-card>a.conversion-cta:hover { box-shadow:0 6px 0 var(--action-shadow)!important; }

footer { padding-top:58px; background:var(--deep); color:var(--cream); }
.footer-main { display:grid; grid-template-columns:.75fr 1fr .55fr; gap:46px; align-items:start; padding-bottom:46px; }
.footer-brand { width:225px; }
.footer-main>p { max-width:510px; margin:0; color:rgba(255,250,236,.75); font-size:15px; line-height:1.6; }
.footer-contact { display:flex; align-items:center; justify-content:flex-end; gap:18px; }
.footer-contact>a:first-child { font-size:16px; font-weight:750; }
.instagram-link { width:50px; height:50px; display:grid; place-items:center; border-radius:15px; background:var(--yellow); transition:transform .2s ease,background .2s ease; }
.instagram-link:hover { background:var(--lime); transform:translateY(-2px); }
.instagram-link svg { width:29px; height:29px; color:var(--green); }
.footer-bottom { padding-block:17px; display:flex; justify-content:space-between; gap:18px; border-top:1px solid rgba(255,250,236,.15); color:rgba(255,250,236,.55); text-transform:uppercase; letter-spacing:.08em; font-size:9px; }

@media (max-width:1200px) and (min-width:901px) {
  .about { grid-template-columns:1fr 1fr; gap:34px; }
  .about-copy { grid-column:1/-1; grid-row:1; padding:0; }
  .about-frame-primary { grid-column:1; grid-row:2; width:100%; height:430px; margin-left:0; }
  .about-frame-secondary { position:relative; top:auto; right:auto; grid-column:2; grid-row:2; width:100%; height:430px; margin-top:0; }
  .about-name { right:auto; bottom:18px; left:22px; }
  .dot-two { top:-11px; right:62px; bottom:auto; left:auto; }
  .about-copy h2 { font-size:46px; }
}

@media (max-width:1000px) and (min-width:701px) {
  .hero-calendar { top:auto; right:18px; bottom:24px; left:auto; width:min(218px,36vw); }
  .hero-content { padding-top:100px; }
  .hero-gift { top:12px; right:auto; bottom:auto; left:14px; width:min(260px,40vw); }
  .hero-gift i { width:32px; height:32px; }
  .offer-grid { grid-template-columns:1fr; }
  .offer-title { min-height:0; }
  .offer-card ul { height:auto; min-height:0; grid-template-rows:auto; }
  .offer-card ul { grid-template-columns:1fr 1fr; }
}

@media (max-width:900px) {
  .site-header { grid-template-columns:180px 1fr auto; gap:18px; }
  .site-header nav { gap:22px; font-size:14px; }
  .section-heading { grid-template-columns:1.2fr .6fr; gap:32px; }
  .work-heading { grid-template-columns:.24fr 1.2fr; gap:24px; }
  .gift { grid-template-columns:.82fr 1.18fr; gap:28px; padding:18px; }
  .reels { min-height:350px; padding:18px; }
  .gift-copy h2 { font-size:41px; }
  .about { grid-template-columns:1fr 1fr; gap:28px; }
  .about-copy { grid-column:1/-1; grid-row:1; padding:0; }
  .about-frame-primary { grid-column:1; grid-row:2; width:100%; height:420px; margin-left:0; }
  .about-frame-secondary { position:relative; top:auto; right:auto; grid-column:2; grid-row:2; width:100%; height:420px; margin-top:0; }
  .about-name { right:auto; bottom:18px; left:22px; }
  .instagram-layout { grid-template-columns:1.28fr .72fr; gap:30px; }
  .instagram-heading { grid-column:2; grid-row:1; }
  .instagram-posts { grid-column:1; grid-row:1; }
  .instagram-post iframe { height:310px; }
  .faq-layout { grid-template-columns:1fr; gap:36px; }
  .contact { grid-template-columns:.78fr 1.22fr; gap:38px; }
  .contact-intro h2 { font-size:45px; }
  .footer-main { grid-template-columns:.72fr 1fr; }
  .footer-contact { grid-column:1/-1; justify-content:flex-start; }
}

@media (max-width:700px) {
  .section-shell { width:min(100% - 32px,1180px); }
  .site-header { height:72px; padding-inline:16px; grid-template-columns:1fr auto; }
  .brand { width:150px; }
  .site-header nav { display:none; }
  .header-cta { min-height:41px; padding:0 14px; font-size:12px; }
  .header-cta::before { content:none; }
  .hero { height:920px; min-height:0; }
  #accueil { scroll-margin-top:72px; }
  .hero-content { width:calc(100% - 32px); justify-content:flex-start; padding-top:165px; }
  .hero-set figure { width:82vw; }
  .eyebrow { margin-bottom:17px; }
  h1 { font-size:clamp(39px,10.5vw,46px); line-height:.98; letter-spacing:-.05em; }
  .mobile-break { display:block; }
  .hero-subtitle { max-width:390px; margin:22px 0 27px; font-size:18px; line-height:1.48; }
  .hero-subtitle br { display:none; }
  .hero-actions { width:100%; flex-direction:column; }
  .hero-actions .button { width:100%; }
  .conversion-cta [aria-hidden="true"],.hero-calendar-action i { font-family:Arial,sans-serif; font-variant-emoji:text; }
  .hero-gift { top:12px; right:auto; bottom:auto; left:12px; width:min(224px,calc(100% - 24px)); padding:7px 9px; row-gap:3px; border-width:1px; border-radius:16px; box-shadow:0 13px 26px rgba(8,18,9,.34),inset 0 1px 0 rgba(255,255,255,.95); }
  .hero-gift-avatar { width:27px; height:27px; border-radius:9px; font-size:16px; }
  .hero-gift-meta small { font-size:9px; }
  .hero-gift-message strong { font-size:13px; line-height:1.1; }
  .hero-gift-message em { display:none; }
  .hero-gift i { width:25px; height:25px; font-size:12px; }
  .hero-calendar { top:auto; right:16px; bottom:26px; left:16px; width:auto; padding:11px; grid-template-columns:1fr; gap:7px; align-items:center; border-radius:18px; }
  .hero-calendar-head { grid-template-columns:24px minmax(0,1fr) 24px; }
  .hero-calendar-head strong { font-size:13px; }
  .hero-calendar-head i { width:24px; height:24px; font-size:18px; }
  .hero-calendar-weekdays,.hero-calendar-days { display:none; }
  .hero-calendar-action { margin-top:0; padding:13px 14px; }
  .hero-calendar-action>strong { font-size:16px; }
  .hero-calendar-action small { font-size:10.5px; }
  .proof-cards { margin-top:22px; grid-template-columns:1fr; gap:8px; }
  .proof-cards article,.proof-cards article:nth-child(2) { min-height:78px; padding:12px 16px; transform:none; }
  .offers { padding-block:83px 85px; }
  .section-heading,.work-heading { grid-template-columns:1fr; gap:17px; }
  .section-heading>p:last-child { grid-column:auto; }
  .section-heading h2 span { margin-bottom:12px; font-size:57px; }
  .section-heading h2 em { font-size:30px; line-height:1.12; }
  .offer-grid { grid-template-columns:1fr; }
  .offer-card { min-height:0; padding:26px 23px; }
  .offer-title { min-height:0; padding-top:0; }
  .offer-index { position:relative; top:auto; left:auto; width:100%; max-width:none; justify-content:center; margin-bottom:22px; transform:none; }
  .offer-title h3 { font-size:43px; }
  .offer-card ul { height:auto; min-height:0; grid-template-columns:1fr; grid-template-rows:auto; }
  .gift { margin-bottom:82px; padding:13px; grid-template-columns:1fr; gap:24px; box-shadow:7px 7px 0 var(--yellow); }
  .reels { min-height:370px; }
  .reel { width:min(43%,160px); }
  .gift-copy { padding:4px 10px 18px; }
  .gift-copy h2 { font-size:39px; }
  .work { padding-block:54px 62px; }
  .work-heading h2 { font-size:39px; }
  .work figure { width:340px; height:280px; }
  .work figure.portrait { width:190px; height:320px; }
  .about { min-height:0; padding-block:58px 68px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:12px; row-gap:28px; }
  .about-copy { grid-column:1/-1; grid-row:1; padding:0; }
  .about-frame-primary { grid-column:1; grid-row:2; justify-self:stretch; width:100%; height:auto; aspect-ratio:3/4; margin:4px 0 0; }
  .about-frame-secondary { position:relative; top:auto; right:auto; bottom:auto; grid-column:2; grid-row:2; justify-self:stretch; width:100%; height:auto; aspect-ratio:3/4; margin:4px 0 0; }
  .about-name { right:auto; bottom:12px; left:13px; font-size:22px; }
  .dot-two { top:-9px; right:24px; width:18px; height:18px; }
  .about .dot-one { display:none; }
  .about-copy h2 { font-size:40px; }
  .instagram-showcase { padding-block:42px 48px; }
  .instagram-layout { grid-template-columns:1fr; gap:32px; }
  .instagram-heading { grid-column:1; grid-row:1; }
  .instagram-heading h2 { font-size:40px; }
  .instagram-posts { grid-column:1; grid-row:2; display:flex; gap:16px; margin-inline:-16px; padding:8px 16px 18px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; }
  .instagram-posts::-webkit-scrollbar { display:none; }
  .instagram-post { flex:0 0 min(72vw,285px); border-radius:18px; box-shadow:5px 6px 0 var(--lime); scroll-snap-align:center; }
  .instagram-post-two { margin-top:0; }
  .instagram-post iframe { height:280px; }
  .instagram-post>a { min-height:48px; padding-inline:14px; font-size:13px; }
  .faq { padding-block:60px 68px; }
  .faq-layout { grid-template-columns:1fr; gap:34px; }
  .faq-heading h2 { font-size:42px; }
  .faq-list summary { min-height:76px; font-size:19px; }
  .faq-list details p { margin:-4px 0 22px; font-size:15px; }
  .contact { padding-block:62px 70px; grid-template-columns:1fr; gap:42px; }
  .contact-intro h2 { font-size:43px; }
  .form-row { grid-template-columns:1fr; }
  .quick-form,.form-success { padding:27px 20px; box-shadow:7px 7px 0 var(--lime); }
  .footer-main { grid-template-columns:1fr; gap:25px; }
  .footer-contact { grid-column:auto; justify-content:flex-start; flex-wrap:wrap; }
  .footer-bottom { flex-direction:column; }
}

@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .hero-track,.work-track { animation:none; }
  .offers.is-reveal-ready .offer-card { opacity:1; transform:none; }
  .gift.is-reveal-ready .reel { opacity:1; }
  .gift.is-reveal-ready .reel-one { transform:translateY(-14px) rotate(-2deg); }
  .gift.is-reveal-ready .reel-two { transform:translateY(18px) rotate(2deg); }
  .about.is-reveal-ready .about-frame-primary { opacity:1; transform:rotate(-2deg); }
  .about.is-reveal-ready .about-frame-secondary { opacity:1; transform:rotate(2deg); }
  .instagram-showcase.is-reveal-ready .instagram-post { opacity:1; }
  .instagram-showcase.is-reveal-ready .instagram-post-one { transform:rotate(-1.4deg); }
  .instagram-showcase.is-reveal-ready .instagram-post-two { transform:rotate(1.3deg); }
  .hero.hero-floats-ready .hero-gift,.hero.hero-floats-ready .hero-calendar,
  .hero.hero-floats-ready:not(.hero-floats-visible) .hero-gift,.hero.hero-floats-ready:not(.hero-floats-visible) .hero-calendar { opacity:1; pointer-events:auto; animation:none; }
  * { transition-duration:.01ms!important; }
}