/* Studio: a personal journey, evidence of the work, then a clear way forward. */
.studio-chapters{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:26px;padding-top:18px;border-top:1px solid #d8c9c2;max-width:490px}
.studio-chapters a{font-size:11px;color:#695d5f;text-decoration:none;padding:5px 0;transition:color .2s}
.studio-chapters a:hover{color:#4a1122}.studio-chapters+.origin-link{margin-top:12px}
.origin-link:focus-visible,.studio-chapters a:focus-visible,.studio-proof-card:focus-visible{outline:2px solid #4a1122;outline-offset:7px}
#parcours,#methode,#studio-proof-title,#journey-title{scroll-margin-top:110px}
.origin-purpose{position:relative;isolation:isolate;overflow:clip;background:linear-gradient(115deg,#eae1d7,#f0e8de)}
.origin-purpose-grid{position:relative;z-index:1}.origin-relief{position:absolute;left:-10%;bottom:-20%;width:58%;height:110%;color:#4a1122;opacity:.1;pointer-events:none}
.origin-purpose h2{max-width:590px}.origin-place{background:#f5f1eaad}
.studio-proof{background:#761a30;color:#fbf5eb;padding:90px 0;position:relative;isolation:isolate;overflow:clip}
.studio-proof:before{content:'';position:absolute;inset:0;z-index:-1;opacity:.22;background:radial-gradient(ellipse at 100% 0,#c99372,transparent 65%)}
.studio-proof-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}
.studio-proof .eyebrow{color:#ead3c6}.studio-proof h2,.studio-method h2{font:500 clamp(36px,4.5vw,68px)/1.07 Manrope,sans-serif;letter-spacing:-.055em;margin:20px 0 0}
.studio-proof h2 em,.studio-method h2 em{font-family:Instrument,Georgia,serif;font-weight:400;letter-spacing:-.035em}
.studio-proof-heading>p{font-size:14px;line-height:1.8;color:#ead3c6;max-width:340px;margin-bottom:3px}
.studio-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.studio-proof-card{color:inherit;text-decoration:none;display:block;min-width:0}
.studio-proof-image{position:relative;aspect-ratio:4/3;overflow:hidden;background:#f3e8dc;border-radius:3px}
.studio-proof-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.studio-proof-card:nth-child(-n+2) .studio-proof-image img{object-fit:contain}
.studio-proof-card:nth-child(3) .studio-proof-image{background:#32121d}.studio-proof-card:nth-child(3) .studio-proof-image img{object-fit:contain}
.studio-proof-image>span{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;border-radius:50%;width:38px;height:38px;color:#4a1122;background:#fbf5eb;transition:transform .25s}
.studio-proof-type{font-size:9px!important;text-transform:uppercase;letter-spacing:.08em;color:#ead3c6!important;margin:20px 0 12px!important}
.studio-proof-card h3{font:500 clamp(21px,2vw,29px)/1.2 Manrope,sans-serif;letter-spacing:-.04em;margin:0 0 12px}
.studio-proof-card>p{font-size:13px;line-height:1.7;color:#ead3c6;margin:0 0 16px}
.studio-proof-discover{font-size:11px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #d4a6a655;padding-top:14px}
.studio-proof .origin-link{color:#fbf5eb;border-color:#d4a6a6;margin-top:38px}.studio-proof-card:focus-visible{outline-color:#fbf5eb}
@media(hover:hover){.studio-proof-card:hover img{transform:scale(1.035)}.studio-proof-card:hover .studio-proof-image>span{transform:translate(2px,-2px)}}
.studio-method h2{margin-bottom:45px}.studio-method h2 em,.studio-method h3 em{color:#4a1122}.studio-method h3 em{font-family:Instrument,Georgia,serif;font-weight:400}
.studio-method .principle-row{position:relative}.studio-method .principle-row:before{content:'';position:absolute;left:0;top:-1px;width:100%;height:1px;background:linear-gradient(90deg,#4a112288,transparent);transform:scaleX(.15);transform-origin:left;transition:transform .6s}
.studio-method .principle-row:focus-within:before,.studio-method .principle-row:hover:before{transform:scaleX(1)}
.journey-ready .journey-track>path{animation:none;stroke-dashoffset:100;opacity:1}
.journey-started.journey-ready .journey-track>path{animation:studio-route-draw 1.35s cubic-bezier(.35,.1,.25,1) both;animation-delay:calc(var(--leg)*1.05s);animation-play-state:paused}
.journey-started.journey-running.journey-ready .journey-track>path{animation-play-state:running}
.journey-complete .journey-track>path{stroke-dasharray:none!important;stroke-dashoffset:0;opacity:1;animation:none}
.journey-complete .journey-track{animation:none!important}
.journey-stops>g:last-child circle:nth-child(2){fill:none;transform-box:fill-box;transform-origin:center}
.journey-complete .journey-stops>g:last-child circle:nth-child(2){animation:studio-arrival 1.4s ease-out 1}
.journey-map:not(.journey-running) .coast-waves,.journey-map:not(.journey-running) .coast-sun{animation-play-state:paused}
@keyframes studio-route-draw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes studio-arrival{0%{transform:scale(.75);opacity:.35}55%{transform:scale(1.35);opacity:.8}100%{transform:scale(1);opacity:1}}
@media(max-width:800px){.studio-proof{padding:60px 0}.studio-proof-heading{display:block;margin-bottom:30px}.studio-proof-heading>p{margin-top:24px;font-size:13px}.studio-proof-grid{gap:24px}.studio-proof-card h3{font-size:23px}.origin-relief{left:-35%;width:110%;opacity:.07}.studio-method h2{margin-bottom:30px}.studio-chapters{gap:8px 18px;margin-top:20px}}
@media(max-width:640px){.studio-proof-grid{grid-template-columns:1fr;gap:38px}.studio-proof-image{aspect-ratio:16/10}.studio-proof-type{margin-top:16px!important}.studio-proof-card>p{max-width:35ch}.studio-method .principle-row{gap:18px}.studio-method h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){.studio-proof-image img,.studio-proof-image>span,.studio-method .principle-row:before{transition:none}.journey-started.journey-ready .journey-track>path{animation:none;stroke-dashoffset:0}.journey-complete .journey-stops>g:last-child circle:nth-child(2){animation:none}}
