@font-face{font-family:Stolzl;src:url('assets/stolzl.otf') format('opentype');font-weight:700;font-display:swap}@font-face{font-family:Sharp;src:url('assets/sharp.woff2') format('woff2');font-weight:400;font-display:swap}:root{--green:#00916a;--yellow:#fad414;--orange:#e1602f;--pink:#e3aaca;--ink:#080808;--paper:#fff;--accent:var(--green);font-family:Sharp,Arial,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;overflow-x:clip}body.questioning{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{background:none;border:0}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Stolzl,Arial,sans-serif;font-weight:700}img{max-width:100%;display:block}[hidden]{display:none!important}.gate{position:fixed;inset:0;z-index:20;background:#f6f6f4;display:flex;justify-content:center;align-items:center;overflow:auto;isolation:isolate;transition:opacity .55s,visibility .55s}.gate.leaving{opacity:0;pointer-events:none}.scene,.veil{position:fixed;inset:0;pointer-events:none;z-index:-2}.scene-layer{position:absolute;inset:-3%;opacity:0;transition:opacity .7s,transform 1.2s cubic-bezier(.2,.7,.2,1);transform:scale(1.04)}.scene-layer.visible{opacity:1;transform:scale(1)}.scene-layer img{position:absolute;object-fit:cover;box-shadow:0 12px 60px #00000012;transform:rotate(var(--tilt,0deg));width:34vw;height:36vh}.scene-layer img:nth-child(1){left:-5%;top:-8%;--tilt:-9deg}.scene-layer img:nth-child(2){right:-5%;top:0%;--tilt:8deg}.scene-layer img:nth-child(3){left:0%;bottom:-10%;--tilt:7deg}.scene-layer img:nth-child(4){right:-4%;bottom:-7%;--tilt:-9deg}.scene-layer.focus img:nth-child(1){inset:0;width:100%;height:100%;object-fit:cover;transform:none;box-shadow:none}.scene-layer.focus img:nth-child(2){top:6%;right:-8%;width:38%;height:38%;transform:rotate(7deg)}.scene-layer.focus img:nth-child(3){bottom:-4%;left:-8%;width:36%;height:38%;transform:rotate(-7deg)}.veil{z-index:-1;background:radial-gradient(ellipse at center,rgba(255,255,255,.97) 10%,rgba(255,255,255,.93) 34%,rgba(255,255,255,.56) 67%,rgba(255,255,255,.17) 100%)}.question-wrap{width:min(850px,90vw);margin:auto;text-align:center;padding:45px 0}.question-wrap h1{font-size:clamp(26px,3.1vw,49px);line-height:1.18;letter-spacing:-1.4px;text-wrap:balance;outline:none;margin:0 auto 28px;max-width:830px}.choices{display:grid;gap:4px;max-width:760px;margin:auto}.choice{padding:14px 18px;border-bottom:1px solid #0002;font-size:clamp(15px,1.3vw,19px);line-height:1.45;text-align:left;display:grid;grid-template-columns:1fr 25px;gap:14px;transition:background .25s,transform .25s,color .25s;background:#ffffff38}.choice span:last-child{font-family:Arial;font-size:24px;color:var(--accent);transition:transform .25s}.choice:hover,.choice:focus-visible{background:var(--yellow);transform:translateX(5px)}.choice:hover span:last-child{transform:translate(3px,-3px);color:#000}.choices.sectors{grid-template-columns:1fr 1fr;gap:10px 25px}.choices.sectors .choice{min-height:68px;font-size:16px}.previous{font-family:Arial;font-size:24px;border:1px solid #0003;border-radius:50%;width:40px;height:40px;margin:25px auto 0;display:block;background:#fff9}.question-enter{animation:question-in .5s cubic-bezier(.2,.7,.2,1)}@keyframes question-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}header{height:128px;display:flex;justify-content:space-between;align-items:center;padding:20px 5vw;max-width:1800px;margin:auto}.identity{display:flex;align-items:center;gap:18px;font-size:19px}.identity img{width:80px;height:80px;object-fit:contain}.identity small{display:block;font-size:10px;letter-spacing:1.7px;margin-top:7px}header nav{display:flex;gap:34px;font-size:14px}header nav span{margin-left:12px}header nav button{padding:0}.hero{min-height:calc(100svh - 128px);max-width:1800px;margin:auto;padding:58px 5vw 90px;display:grid;grid-template-columns:1.1fr 1fr;gap:3vw;align-items:center;overflow:hidden}.eyebrow{font-size:12px;line-height:1.6;letter-spacing:1.7px;text-transform:uppercase}.hero h1{font-size:clamp(44px,5.9vw,91px);line-height:1.06;letter-spacing:-3.5px;margin:22px 0 26px;outline:none}.hero h1 .line{display:block}.hero h1 .color{color:var(--accent)}.hero .lead{font-size:19px;line-height:1.65;max-width:630px}.underline-link{display:inline-block;border-bottom:1px solid;padding:0 0 10px;font-size:14px;margin-top:35px}.underline-link span{margin-left:20px}.hero-art{height:490px;position:relative;margin-top:15px}.hero-primary{position:absolute;width:90%;height:73%;right:-2%;top:0;transform:rotate(4deg);background:#f5f5f5;box-shadow:0 20px 50px #00000012}.hero-primary img{width:100%;height:100%;object-fit:cover}.hero-primary figcaption{font-size:11px;margin:11px 0}.hero-secondary{position:absolute;width:65%;height:48%;bottom:0;left:-3%;transform:rotate(-7deg);box-shadow:0 20px 50px #0002}.hero-secondary img{height:100%;width:100%;object-fit:cover}.flower{position:absolute;right:0;bottom:0;width:85px;animation:turn 25s linear infinite}.ribbon{overflow:hidden;padding:25px 0;background:var(--yellow);transform:rotate(-1.5deg);margin:10px -1vw 60px;width:102%;pointer-events:none}.ribbon>div{font-family:Stolzl;font-size:clamp(20px,2.5vw,38px);white-space:nowrap;animation:marquee 38s linear infinite;width:max-content}.ribbon span{padding:0 25px}.intervention{padding:65px 5vw 90px;max-width:1800px;margin:auto}.section-top{display:grid;grid-template-columns:1fr 1fr;gap:20px 7vw;margin-bottom:50px}.section-top .eyebrow{grid-column:1/-1}.section-top h2{font-size:clamp(30px,3.3vw,51px);line-height:1.15;letter-spacing:-1.6px}.section-intro{font-size:18px;line-height:1.8}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work-card{min-height:300px;padding:30px;background:var(--pink);transition:transform .4s}.work-card:nth-child(2){background:var(--yellow);transform:translateY(22px)}.work-card:nth-child(3){background:var(--orange)}.work-card:hover{transform:translateY(-5px)}.work-card .num{font-size:14px}.work-card h3{font-size:25px;line-height:1.25;margin:38px 0 18px;letter-spacing:-.5px}.work-card p{font-size:16px;line-height:1.7}.case-study{padding:75px 5vw;max-width:1800px;margin:auto}.case-intro{max-width:1000px}.case-intro h2{font-size:clamp(33px,4.4vw,66px);letter-spacing:-2.4px;line-height:1.12;margin:20px 0}.meta{font-size:14px;line-height:1.5}.case-visual{height: min(65vw,660px);min-height:340px;margin:38px 0;overflow:hidden;position:relative;background:#f3f3f3}.case-visual>img:first-child{width:100%;height:120%;position:absolute;top:-10%;object-fit:cover;transform:translateY(var(--parallax,0px))}.case-visual .case-logo{position:absolute;right:25px;bottom:25px;width:165px;height:100px;object-fit:contain;background:white;padding:6px}.case-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:8vw}.case-bottom p{font-size:18px;line-height:1.8}.case-bottom .eyebrow{font-size:11px;margin-bottom:15px}.related{background:#f7f7f7;padding:80px 5vw}.related-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin:0 auto 50px;max-width:1600px}.related-heading h2{font-size:clamp(30px,3.7vw,56px);letter-spacing:-2px;line-height:1.17}.related-heading h2 span{color:var(--green)}.related-heading>p{max-width:370px;line-height:1.8;font-size:17px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;max-width:1600px;margin:auto}.project-image{aspect-ratio:1.5;overflow:hidden;position:relative}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.project:hover .project-image img{transform:scale(1.045)}.project h3{font-size:20px;margin:20px 0 10px}.project p{font-size:15px;line-height:1.75}.profile{background:#0b0b0b;color:white;padding:100px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:7vw}.profile-title h2{font-size:clamp(32px,4vw,60px);line-height:1.16;letter-spacing:-2px;margin-top:25px}.profile-title h2 span{color:var(--pink)}.profile-title>img{width:70px;margin-top:35px}.profile-body{display:flex;align-items:start;gap:24px}.portrait{border-radius:50%;width:90px;height:90px;flex:none}.profile-body p{font-size:17px;line-height:1.9;margin-bottom:20px}.profile-body .profile-foot{font-size:13px;color:var(--pink)}.method{padding:90px 8vw}.method .eyebrow{margin-bottom:35px}.method-row{display:grid;grid-template-columns:60px 1fr 1fr;gap:30px;align-items:center;border-top:1px solid #ddd;padding:34px 0}.method-row>span{font-size:14px}.method-row h3{font-size:clamp(30px,4vw,57px);letter-spacing:-2px}.method-row:nth-child(2) h3{color:var(--green)}.method-row:nth-child(3) h3{color:var(--orange)}.method-row:nth-child(4) h3{color:#b976a0}.method-row p{font-size:17px;line-height:1.7}.contact{margin:20px 5vw 70px;padding:65px 7vw;background:var(--pink);position:relative}.contact>img{position:absolute;right:5%;top:8%;width:65px}.contact h2{font-size:clamp(32px,4.5vw,70px);line-height:1.16;letter-spacing:-2px;max-width:850px;margin:25px 0 35px}.contact-link{font-family:Stolzl;font-size:clamp(30px,5vw,70px);letter-spacing:-2px;border-bottom:3px solid;display:inline-flex;gap:60px}.contact-link span{font-family:Arial}.contact-details{display:flex;gap:30px;flex-wrap:wrap;font-size:17px;margin-top:35px}.email-note{font-size:12px;margin-top:20px}footer{display:flex;gap:25px;align-items:center;padding:25px 5vw 35px;font-size:12px;line-height:1.7}footer button{margin-left:auto;font-size:13px}footer img{object-fit:contain}.reveal{opacity:1}.motion .reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}.motion .reveal.in-view{opacity:1;transform:translateY(0)}.hero-copy{animation:question-in .8s both}.hero-art{animation:question-in 1.1s .15s both}@keyframes turn{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;z-index:30;background:white;padding:15px}.no-js{position:fixed;inset:0;background:#fff;z-index:50;padding:15vh 10vw;font-size:24px;line-height:2}@media(max-width:1000px){.hero h1{font-size:58px}.hero-art{height:390px}.hero{padding-top:35px}.profile{grid-template-columns:1fr;gap:45px}.profile-title>img{display:none}.work-card{padding:23px}.work-card h3{font-size:21px}.section-top{gap:30px}.case-bottom{gap:5vw}}@media(max-width:720px){.question-wrap{width:90vw;padding:32px 0}.question-wrap h1{font-size:27px;letter-spacing:-.8px;line-height:1.2;margin-bottom:22px}.choice{font-size:15px;padding:12px 10px}.choices.sectors{gap:5px 10px}.choices.sectors .choice{font-size:13px;padding:12px 6px;min-height:70px}.scene-layer img{width:62vw;height:30vh}.scene-layer img:nth-child(1){left:-25%;top:-4%}.scene-layer img:nth-child(2){right:-25%;top:5%}.scene-layer img:nth-child(3){left:-22%;bottom:0}.scene-layer img:nth-child(4){right:-23%;bottom:-5%}.veil{background:radial-gradient(ellipse at center,#fffffff5 5%,#ffffffe8 44%,#ffffff65 100%)}header{height:100px;padding:15px 5vw}.identity img{width:55px;height:55px}.identity{gap:10px;font-size:15px}.identity small{font-size:8px;letter-spacing:.8px}header nav{gap:15px;font-size:12px}header nav a{display:none}header nav span{margin-left:3px}.hero{grid-template-columns:1fr;gap:35px;padding:25px 6vw 55px;min-height:0}.hero h1{font-size:clamp(40px,10vw,64px);letter-spacing:-2px;margin:18px 0 22px}.hero .lead{font-size:17px}.hero-art{height:340px;width:90%;margin:10px auto 0}.flower{width:62px}.hero-primary figcaption{font-size:10px}.underline-link{font-size:13px}.ribbon{margin-bottom:20px;padding:18px 0}.intervention{padding:45px 6vw}.section-top{grid-template-columns:1fr;margin-bottom:30px;gap:18px}.section-top h2{font-size:33px}.section-intro{font-size:17px}.work-grid{grid-template-columns:1fr;gap:12px}.work-card{min-height:0;padding:25px}.work-card:nth-child(2){transform:none}.work-card h3{margin-top:20px;font-size:23px}.case-study{padding:45px 6vw}.case-intro h2{font-size:35px;letter-spacing:-1px}.case-visual{min-height:280px;height:75vw;margin:27px 0}.case-visual .case-logo{width:112px;height:70px;right:12px;bottom:12px}.case-bottom{grid-template-columns:1fr;gap:22px}.case-bottom p{font-size:16px}.related{padding:50px 6vw}.related-heading{display:block;margin-bottom:28px}.related-heading h2{font-size:34px;letter-spacing:-1px;margin-bottom:18px}.related-heading p{font-size:16px}.project-grid{grid-template-columns:1fr;gap:30px}.project h3{margin-top:15px}.profile{padding:50px 6vw;gap:30px}.profile-title h2{font-size:36px}.profile-body{display:block}.portrait{margin-bottom:20px;width:75px;height:75px}.profile-body p{font-size:16px}.method{padding:50px 6vw}.method-row{grid-template-columns:30px 1fr;gap:14px;padding:25px 0}.method-row p{grid-column:2;font-size:16px}.method-row h3{font-size:34px;letter-spacing:-1px}.contact{margin:10px 5vw 30px;padding:38px 6vw}.contact h2{font-size:34px;letter-spacing:-1px}.contact>img{width:35px;top:32px}.contact .eyebrow{max-width:200px;font-size:10px}.contact-link{font-size:41px;gap:35px;letter-spacing:-1px}.contact-details{gap:12px;font-size:15px;flex-direction:column}footer{flex-wrap:wrap;gap:15px}footer button{margin-left:0}footer p{font-size:11px}.eyebrow{font-size:10px;letter-spacing:1.3px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion .reveal{opacity:1;transform:none}.case-visual>img:first-child{transform:none!important}}

.project a{display:block;height:100%}.project-link{margin-top:12px;text-decoration:underline;text-underline-offset:5px}.project a:hover h3{color:var(--accent)}

body.barbier-accueil{padding:0;background:#fff;color:#080808;font-family:Sharp,Arial,sans-serif}body.barbier-accueil.admin-bar .gate{top:32px}body.barbier-accueil.admin-bar .scene,body.barbier-accueil.admin-bar .veil{top:32px}@media(max-width:782px){body.barbier-accueil.admin-bar .gate,body.barbier-accueil.admin-bar .scene,body.barbier-accueil.admin-bar .veil{top:46px}}
/* Touch choices do not use hover effects that can consume the first tap. */
button,a{touch-action:manipulation}
@media(hover:none){.choice:hover{background:#ffffff38;transform:none}.choice:hover span:last-child{transform:none;color:var(--accent)}}
.proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:30px 0}.proof-grid figure,.proof-grid article{padding:26px;background:#f6f6f4;line-height:1.7}.proof-grid blockquote{margin:0 0 22px}.proof-grid figcaption,.proof-note{font-size:13px;line-height:1.6}.proof-intro{max-width:950px;font-size:18px;line-height:1.8;margin:22px 0 32px}.finance-page{max-width:1050px;padding:55px 6vw 90px;margin:auto}.finance-page h1{font-size:clamp(36px,5vw,70px);margin:24px 0}.finance-page p{line-height:1.85;font-size:18px}.finance-page section{margin-top:45px}.finance-page section h2{margin-bottom:20px}.finance-nav{display:grid;gap:20px;margin-top:55px}.proof-grid h3{font-size:22px;margin-bottom:15px}@media(max-width:720px){.proof-grid{grid-template-columns:1fr}.choices.sectors .choice{min-height:56px}.question-wrap{padding:20px 0}.gate{overflow-y:auto}.finance-page{padding-top:30px}}

.finance-result .hero{grid-template-columns:1fr;min-height:70vh}.finance-result .hero-copy{max-width:1000px}.finance-result .case-bottom{margin-top:35px}
.question-identity{position:fixed;z-index:4;left:4vw;top:22px;display:flex;gap:12px;align-items:center;background:#fffffff0;padding:8px 15px 8px 8px;border-radius:4px;font-size:18px}.question-identity img{width:58px;height:58px;object-fit:contain}.question-identity small{display:block;font-size:9px;letter-spacing:1.4px;margin-top:7px}.admin-bar .question-identity{top:50px}.question-wrap{padding-top:120px;padding-bottom:50px}.scene-frame{position:absolute;width:36vw;height:38vh;overflow:hidden;box-shadow:0 12px 45px #0002;background:#f3f1ec;transform:rotate(var(--tilt,0deg))}.scene-frame:nth-child(1){left:-5%;top:-6%;--tilt:-9deg}.scene-frame:nth-child(2){right:-5%;top:3%;--tilt:8deg}.scene-frame:nth-child(3){left:-2%;bottom:-7%;--tilt:7deg}.scene-frame:nth-child(4){right:-4%;bottom:-7%;--tilt:-9deg}.scene-layer .scene-frame img{position:static;inset:auto;width:100%;height:100%;object-fit:cover;transform:scale(1.12);box-shadow:none}.proof-grid:has(.reco-full){display:flex;flex-direction:column}.proof-grid:has(.reco-full)>figure{position:relative;padding-left:125px;min-height:140px}.reco-portrait{position:absolute;left:25px;top:25px;width:78px;height:78px;border-radius:50%;background-image:url('assets/recommandations-portraits.png');background-size:1473.4% auto;background-repeat:no-repeat}.reco-portrait-1{background-position:17.23% 32.92%}.reco-portrait-2{background-position:49.76% 32.92%}.reco-portrait-3{background-position:82.29% 32.92%}.reco-full{margin-top:16px;border-top:1px solid #0002;padding-top:14px}.reco-full summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:15px;font-size:14px}.reco-full summary::-webkit-details-marker{display:none}.reco-full summary:after{content:'+';font-size:24px;line-height:1}.reco-full[open] summary:after{content:'−'}.reco-full blockquote{margin-top:20px;line-height:1.8}.case-cards{display:grid;gap:24px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:30px}.case-cards article{border-top:4px solid var(--accent);background:#f6f6f4;padding:30px}.case-cards h3{font-size:25px;line-height:1.3}.case-cards dt{font-weight:700;font-size:13px;text-transform:uppercase;margin:24px 0 8px}.case-cards dd{margin:0;line-height:1.75}.case-cards .underline-link{margin-top:10px}.content-studio{background:#f7f5ef}.studio-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:45px}.studio-grid p{line-height:1.85;margin:18px 0 35px}.studio-grid h3{font-size:25px}.studio-grid img{width:100%;height:auto}.studio-grid figcaption{font-size:12px;margin-top:12px}.bar-chart{margin:30px 0;max-width:850px}.bar-chart>div{margin:24px 0}.bar-chart span{display:block;margin-bottom:12px}.bar-chart i{display:block;background:var(--green);height:35px;border-radius:0 8px 8px 0}.bar-chart>div:first-child i{background:var(--pink)}.chart-note{font-size:13px;line-height:1.7;max-width:850px}.flow-chart{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0;list-style:none;margin:30px 0;counter-reset:step}.flow-chart li{background:#f4f3ee;padding:22px;line-height:1.5}.flow-chart li:before{counter-increment:step;content:'0' counter(step) ' →';display:block;color:var(--green);margin-bottom:12px;font-family:Stolzl}#growth-chart h3{margin-top:25px;font-size:24px}
@media(max-width:720px){.question-identity{top:12px;left:5vw;font-size:15px;gap:9px}.question-identity img{width:42px;height:42px}.question-identity small{font-size:8px}.admin-bar .question-identity{top:54px}.question-wrap{padding-top:105px;padding-bottom:30px}.scene-frame{width:65vw;height:32vh}.scene-frame:nth-child(1){left:-25%;top:0}.scene-frame:nth-child(2){right:-25%;top:14%}.scene-frame:nth-child(3){left:-22%;bottom:0}.scene-frame:nth-child(4){right:-23%;bottom:0}.case-cards,.studio-grid{grid-template-columns:1fr}.case-cards article{padding:24px}.flow-chart{grid-template-columns:1fr 1fr}.proof-grid:has(.reco-full)>figure{padding:110px 22px 22px}.reco-portrait{left:22px;top:20px}.gate{align-items:flex-start}.question-wrap h1{font-size:25px}}

/* Balance the editorial mosaic with its adjacent copy. */
.studio-grid{align-items:start;grid-template-columns:minmax(0,1.35fr) minmax(0,.75fr)}
.studio-grid figure{margin:0;min-width:0;position:sticky;top:100px}
.studio-grid img{display:block;width:100%;height:auto;max-height:480px;object-fit:cover;object-position:top;aspect-ratio:1/1}
.studio-grid p:last-child{margin-bottom:0}
@media(max-width:720px){.studio-grid{grid-template-columns:1fr;gap:25px}.studio-grid figure{position:static}.studio-grid img{max-height:360px;aspect-ratio:4/3}}

/* 3.1: homepage silhouettes, transparent marks and readable recommendations. */
.question-identity{background:transparent;padding:0;border-radius:0}
.scene-frame{width:34vw;height:34vw;max-height:none;background:transparent;box-shadow:none;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:url('assets/mask-sun.svg');mask-image:url('assets/mask-sun.svg')}
.scene-frame:nth-child(2){-webkit-mask-image:url('assets/mask-face.svg');mask-image:url('assets/mask-face.svg')}
.scene-frame:nth-child(3){-webkit-mask-image:url('assets/mask-pill.svg');mask-image:url('assets/mask-pill.svg')}
.scene-frame:nth-child(4){-webkit-mask-image:url('assets/mask-face.svg');mask-image:url('assets/mask-face.svg')}
.scene-layer .scene-frame img{width:100%;height:100%;object-fit:cover;transform:scale(1.03)}
.case-visual .case-logo{top:auto;background:transparent;padding:0;transform:none}
.case-visual>img:not(.case-logo){left:0;top:-5%;width:100%;height:110%;object-fit:cover}
.wine-result #hero-image{object-position:50% 57%}
.wine-result #case-image{object-position:50% 58%}
.studio-grid img{object-position:50% 55%}
.audience-links{display:flex;flex-wrap:wrap;gap:12px 22px}
.audience-links a{border-bottom:1px solid currentColor;padding-bottom:5px}
.recommendations-title{margin-top:64px;margin-bottom:30px}
.proof-grid.recommendations:has(.reco-full){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:26px}
.proof-grid.recommendations:has(.reco-full)>figure{padding:28px;margin:0;min-height:0}
.recommendations blockquote{font-size:17px;line-height:1.75}
.recommendations figcaption{margin-top:22px;line-height:1.6}
.reco-icon{width:62px;height:62px;margin:0 0 24px}
.reco-icon svg{width:100%;height:100%;overflow:visible}
.reco-icon svg *{transform-box:fill-box;transform-origin:center}
.reco-full summary{justify-content:flex-end;min-height:44px;align-items:center}
.reco-full summary:after{font-size:30px}
.recommendations .reco-portrait{position:static;margin:20px 0;width:78px;height:78px}
.reco-full[open] summary{border-bottom:1px solid #0002;padding-bottom:14px}
.reco-full blockquote{margin-bottom:0;font-size:16px}
.reco-full summary:focus-visible,.audience-links a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@keyframes barbier-spin{from{transform:rotate(-360deg)}to{transform:rotate(0)}}
@keyframes barbier-bounce{0%{transform:translateY(25px) rotate(30deg)}50%{transform:translateY(-6px) rotate(-6deg)}75%{transform:translateY(3px) rotate(3deg)}100%{transform:none}}
@keyframes barbier-eyes{0%,100%{transform:translateX(0)}25%,75%{transform:translateX(5px)}50%{transform:translateX(0)}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
.recommendations figure:hover .rotate_ani_shape,.recommendations figure:focus-within .rotate_ani_shape{animation:barbier-spin 1.2s ease-in-out}
.recommendations figure:hover .eyes,.recommendations figure:focus-within .eyes{animation:barbier-eyes 1.2s ease-in-out}
.recommendations figure:hover .reco-icon-3 svg,.recommendations figure:focus-within .reco-icon-3 svg{animation:barbier-bounce 1.2s ease-out}
.hero-art:hover .flower{animation:barbier-spin 1.2s ease-in-out}
.profile-title:hover>img{animation:barbier-bounce 1.2s ease-out}
.audience-links a:hover{color:var(--accent)}
}
@media(max-width:900px){.proof-grid.recommendations:has(.reco-full){grid-template-columns:1fr}.proof-grid.recommendations:has(.reco-full)>figure{padding:26px}.scene-frame{width:48vw;height:48vw}}
@media(max-width:720px){.scene-frame{width:65vw;height:65vw}.question-identity{background:transparent}.recommendations-title{margin-top:40px}}

.case-visual .case-logo{mix-blend-mode:multiply}

.question-identity img,.identity img,footer>a:first-child img{clip-path:polygon(58.6% 0,97.7% 31.8%,89.6% 82%,42% 100%,3% 67.7%,11.3% 17.6%)}