/* Atelier Sillage — du fil à la matière, de la matière à la rencontre. */

/* Le noir reste profond ; une étoffe lumineuse traverse tous ses espaces libres. */
.selected-work{position:relative;isolation:isolate;overflow:clip;background:#252023}
.selected-work>.wrap{position:relative;z-index:2}
.work-atmosphere{position:absolute;inset:0;z-index:0;pointer-events:none}
.atmosphere-window{position:sticky;top:0;width:100%;height:100svh;min-height:580px;overflow:hidden}
.atmosphere-halo{position:absolute;inset:-15%;background:radial-gradient(ellipse at 74% 32%,#9d294331,transparent 49%),radial-gradient(ellipse at 15% 78%,#9c6c7a1c,transparent 48%);opacity:.95}
.sillage-weave,.atmosphere-fallback{position:absolute;inset:0;width:100%;height:100%;max-width:none}
.sillage-weave{opacity:0;transition:opacity 1.4s}
.atmosphere-fallback{opacity:.24}
.atmosphere-ready .sillage-weave{opacity:1}
.atmosphere-ready .atmosphere-fallback{display:none}
.atmosphere-grain{position:absolute;inset:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.18' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}

/* Le manifeste devient une double page d’atelier, avec une empreinte typographique du studio. */
.belief-atelier{background:#72182e;padding-block:85px 45px;isolation:isolate}
.belief-atelier:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 79% 39%,#ba5b6745,transparent 44%),linear-gradient(135deg,#912a3e33,transparent 45%,#3e10212e)}
.belief-atelier>.wrap{position:relative;z-index:1}
.manifesto-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:26px;border-bottom:1px solid #efd1cd40;gap:30px}
.belief-atelier .manifesto-top .eyebrow{margin:0;font-size:10px}
.manifesto-top>.tiny{font-size:9px;color:#e4b7bd;letter-spacing:.1em}
.manifesto-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:3%;align-items:center;padding-block:65px 45px}
.manifesto-copy{position:relative;z-index:2}
.manifesto-title{font-size:clamp(42px,4.7vw,80px);letter-spacing:-.055em;line-height:1.07;font-weight:400;max-width:790px}
.manifesto-title>span{display:block;color:#f5f1ea}
.manifesto-title>em{display:block;font-size:1.17em;line-height:1.02;letter-spacing:-.04em;color:#ecc7c8;margin-top:24px}
.manifesto-bottom{margin-top:42px;max-width:430px}
.manifesto-bottom>p{font-size:13px;line-height:1.8;color:#ead3d2}
.manifesto-link{margin-top:23px;color:#f4e6de;font-size:12px;min-height:46px;gap:48px;border-color:#e4b7bd80}
.manifesto-link:hover{gap:60px}
.manifesto-contours{position:absolute;inset:0;z-index:-1;color:#f2c7bd;opacity:.09;pointer-events:none}
.manifesto-contours>svg{width:100%;height:100%;stroke-width:.7}
.intention-object{margin:0;position:relative;align-self:center;min-width:0}
.intention-coordinate{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#e6bfc3;font-size:8px;letter-spacing:.1em;text-transform:uppercase;margin:0 4%}
.intention-coordinate>i{height:1px;flex:1;max-width:60px;background:#e6bfc355}
.intention-object figcaption{display:flex;justify-content:space-between;align-items:end;gap:20px;border-top:1px solid #efd1cd40;margin:0 4%;padding-top:20px;color:#e6bfc3}
.intention-object figcaption>.tiny{font-size:8px;letter-spacing:.1em}
.intention-object figcaption>span:last-child{font-size:14px;letter-spacing:-.02em}
.intention-object figcaption em{font-size:24px;color:#f5ded4}
.manifesto-signature{display:flex;align-items:center;gap:30px;padding-top:32px;border-top:1px solid #efd1cd40;color:#ddb4bc;font-size:10px;letter-spacing:.07em}
.signature-hand{margin-left:auto;font:italic 32px/1.2 Instrument,Georgia,serif;letter-spacing:-.03em;color:#f0d1c9}

/* Un sceau de correspondance : gravure en mouvement, invitation stable. */
.sillage-seal{width:240px;height:240px;margin-right:1.5%;translate:0 0;transform:none;color:#ecc7c8}
.sillage-seal:before{inset:-13%;scale:1;background:radial-gradient(circle,#f2b4bd1d,transparent 64%);box-shadow:none;transition:opacity .5s;pointer-events:none}
.sillage-seal:hover:before{scale:1;background:radial-gradient(circle,#f2b4bd2e,transparent 64%)}
.sillage-seal>.seal-lettering{inset:0;width:100%;height:100%;font-size:11.5px;letter-spacing:1.2px;fill:#ecd0d0;animation:orbit 46s linear infinite}
.sillage-seal>.seal-engraving{inset:0;width:100%;height:100%;fill:none;stroke:#e8c1c477;stroke-width:.55;animation:seal-counterturn 82s linear infinite}
.seal-engraving>path{stroke:#f2d9d1b3;stroke-width:.7}
.sillage-seal>.seal-core{position:absolute;inset:24%;border:1px solid #e7b7be66;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:radial-gradient(ellipse at 30% 20%,#b6657470,transparent 60%),linear-gradient(145deg,#722139,#421423);box-shadow:inset 0 1px 1px #f1d3cd33,inset 0 -10px 25px #1f081e28,0 10px 32px #22071533;font-weight:400;transition:transform .5s,box-shadow .5s;z-index:1}
.sillage-seal .seal-overline{font:500 8px/1.4 Manrope;letter-spacing:.13em;text-transform:uppercase;color:#eac4c8}
.sillage-seal .seal-baseline{font:italic 15px/1.15 Instrument,Georgia,serif;letter-spacing:-.01em;color:#f2d4cd}
.sillage-seal .seal-arrow{position:static;width:50px;height:50px;fill:none;stroke:#f5e9dc;stroke-width:1.6;animation:none;transition:translate .4s;overflow:visible}
.sillage-seal:hover>.seal-core,.sillage-seal:focus-visible>.seal-core{transform:scale(1.04);box-shadow:inset 0 1px 1px #f1d3cd55,0 12px 42px #f3b5bd1a}
.sillage-seal:hover .seal-arrow,.sillage-seal:focus-visible .seal-arrow{translate:3px -3px}
.sillage-seal>.seal-point{position:absolute;inset:13%;border-radius:50%;font-size:0;pointer-events:none;animation:orbit 46s linear infinite}
.seal-point:after{content:'';width:4px;height:4px;position:absolute;top:50%;left:-2px;border-radius:50%;background:#f6e5d5;box-shadow:0 0 12px #f2b9c3bb}
.sillage-seal:focus-visible{outline:2px solid #edc5ca;outline-offset:9px;border-radius:50%}
@keyframes seal-counterturn{to{transform:rotate(-360deg)}}

@media(min-width:1800px){.manifesto-layout{gap:7%}}
@media(max-width:1100px){.manifesto-title{font-size:4.9vw}.manifesto-layout{gap:1%}.intention-coordinate{font-size:7px;gap:10px}.intention-object figcaption{display:block}.intention-object figcaption>span{display:block}.intention-object figcaption>span:last-child{margin-top:8px}.sillage-seal{width:210px;height:210px}}
@media(max-width:800px){.belief-atelier{padding-block:65px 35px}.manifesto-layout{grid-template-columns:1fr 1fr;gap:2%;padding-block:45px}.manifesto-title{font-size:5.2vw}.manifesto-title>em{margin-top:20px}.manifesto-top>.tiny{font-size:7px}.manifesto-bottom{margin-top:30px}.manifesto-bottom>p{font-size:12px}.manifesto-link{font-size:11px;gap:20px}.intention-coordinate{display:none}.intention-object figcaption>span:last-child{font-size:12px}.intention-object figcaption em{font-size:21px}.manifesto-signature{gap:20px;font-size:8px}.signature-hand{font-size:26px}.sillage-seal{width:175px;height:175px}.sillage-seal>.seal-core{gap:4px}.sillage-seal .seal-overline{font-size:6px}.sillage-seal .seal-baseline{font-size:12px}.sillage-seal .seal-arrow{width:32px;height:32px}}
@media(max-width:520px){.atmosphere-window{min-height:480px}.belief-atelier{padding-block:55px 30px}.manifesto-top{align-items:start;gap:25px;padding-bottom:22px}.manifesto-top>.tiny{max-width:130px;text-align:right;font-size:7px}.belief-atelier .manifesto-top .eyebrow{font-size:8px}.manifesto-layout{grid-template-columns:1fr;gap:35px;padding-block:35px 30px}.manifesto-title{font-size:9.1vw;line-height:1.1}.manifesto-title>em{font-size:1.25em;line-height:1.03;margin-top:22px}.manifesto-bottom{margin-top:28px}.manifesto-bottom>p{font-size:13px}.manifesto-link{font-size:12px;margin-top:18px;gap:38px}.intention-object{width:100%;max-width:430px;justify-self:center}.intention-object figcaption{display:flex;gap:15px;padding-top:16px}.intention-object figcaption>.tiny{max-width:90px;font-size:7px}.intention-object figcaption>span:last-child{font-size:12px;margin-top:0}.intention-object figcaption em{font-size:22px}.manifesto-signature{flex-wrap:wrap;justify-content:space-between;gap:12px 15px;padding-top:23px;font-size:8px}.signature-hand{flex-basis:100%;margin:10px 0 0;font-size:30px}.sillage-seal{width:185px;height:185px;margin-top:35px;margin-left:auto;margin-right:auto}.sillage-seal .seal-overline{font-size:6px}.sillage-seal .seal-baseline{font-size:12px}.sillage-seal .seal-arrow{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.sillage-seal>.seal-lettering,.sillage-seal>.seal-engraving,.sillage-seal>.seal-point{animation:none!important}.sillage-seal:hover>.seal-core,.sillage-seal:focus-visible>.seal-core{transform:none}.sillage-seal .seal-arrow{translate:0 0}}
.decorative-paused .sillage-seal:hover>.seal-core{transform:none}
.decorative-paused .sillage-seal .seal-arrow{translate:0 0}
.sillage-seal>.seal-lettering,.sillage-seal>.seal-engraving,.sillage-seal>.seal-point{animation-play-state:var(--scene-play,paused)}

/* Une empreinte typographique, composée avec le logo et les caractères du studio. */
.imprint-stage{position:relative;aspect-ratio:1;isolation:isolate;max-width:620px;margin:auto}
.imprint-proof,.imprint-paper{position:absolute;left:17%;top:10%;width:66%;height:78%;transform-origin:50% 75%}
.imprint-proof{overflow:hidden;pointer-events:none}
.proof-back{background:#d8a5ad;color:#80162d;transform:rotate(10deg);border:1px solid #edc7c9}
.proof-back>span{position:absolute;bottom:5%;right:5%;font:italic clamp(18px,2vw,30px)/1 Instrument}
.proof-outline{transform:rotate(-15deg) translate(-5%,1%);border:1px solid #ecc7c866;color:transparent}
.imprint-paper{background:var(--paper);color:var(--wine);transform:rotate(-5deg);box-shadow:0 18px 50px #280b2833;border:1px solid #fff1de88;overflow:hidden}
.imprint-paper:before{content:'';position:absolute;inset:11px;border:1px solid #80162d20;pointer-events:none}
.imprint-paper-top{position:absolute;left:8%;right:8%;top:7%;display:flex;align-items:start;justify-content:space-between;gap:20px}
.imprint-paper-top>img{width:32%;height:auto}
.imprint-paper-top>span{font-size:clamp(5px,.55vw,9px);line-height:1.6;letter-spacing:.02em;text-align:right}
.imprint-paper-bottom{position:absolute;left:8%;right:8%;bottom:6%;display:flex;align-items:end;justify-content:space-between;gap:12px;border-top:1px solid #80162d40;padding-top:5%}
.imprint-paper-bottom>span:first-child{font-size:clamp(8px,.85vw,14px);line-height:1.3;letter-spacing:-.03em}
.imprint-paper-bottom em{font-size:2em;line-height:1.1}
.imprint-registration{font-size:22px;font-weight:300;line-height:1}
.imprint-note{position:absolute;right:1%;bottom:4%;font:italic clamp(18px,2.4vw,35px)/1.2 Instrument,Georgia,serif;rotate:-7deg;color:#f0d1c9;z-index:3}
.imprint-stroke{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#f0d1c9;stroke-width:1;pointer-events:none;z-index:4}
.imprint-stroke path{stroke-dasharray:650;stroke-dashoffset:0}
.imprint-artist{position:absolute;right:-1%;bottom:8%;width:43%;height:61%;object-fit:contain;z-index:5;pointer-events:none;transform-origin:65% 94%;filter:drop-shadow(0 8px 5px #280b2826);animation:imprint-artist-gesture 14s ease-in-out infinite;animation-play-state:var(--scene-play,paused)}
@keyframes imprint-artist-gesture{0%,16%,76%,100%{transform:translate(0,0) rotate(1deg)}32%,48%{transform:translate(-7px,-3px) rotate(-5deg)}58%{transform:translate(-3px,-1px) rotate(-2deg)}}
.contact-illustration>.contact-idea-wheel{width:48px;height:48px;font-size:0;animation:none;left:43%;bottom:24px}
.contact-idea-wheel>svg{width:100%;height:100%;overflow:visible}
.idea-wheel-ring{fill:none;stroke:#80162d40;stroke-width:.65}
.idea-wheel-petals{fill:#80162d;transform-origin:32px 32px;animation:orbit 32s linear infinite}
.idea-wheel-center{fill:#f5f1ea;stroke:#80162d;stroke-width:1.5}
@media(max-width:800px){.imprint-paper-top{gap:10px}.imprint-paper-top>span{font-size:6px}.imprint-paper-bottom>span:first-child{font-size:9px}.imprint-registration{font-size:17px}.contact-illustration>.contact-idea-wheel{width:39px;height:39px;bottom:18px}}
@media(max-width:520px){.imprint-stage{margin-top:0}.imprint-paper-top>span{font-size:5px}.imprint-paper-bottom>span:first-child{font-size:9px}.imprint-note{font-size:24px;bottom:3%}.contact-illustration>.contact-idea-wheel{width:36px;height:36px;left:45%;bottom:18px}}
@media(prefers-reduced-motion:reduce){.imprint-artist,.idea-wheel-petals{animation:none!important}.imprint-artist{transform:none}}

/* L’accroche porte l’idée ; l’illustratrice lui donne le dernier trait. */
.imprint-paper{container-type:inline-size}
.imprint-message{position:absolute;left:8%;right:10%;top:22%;color:var(--wine)}
.imprint-message-lead{display:block;font-size:clamp(18px,9cqw,38px);line-height:1.07;font-weight:500;letter-spacing:-.055em}
.imprint-message-line{display:block;font:italic clamp(28px,14.5cqw,60px)/.98 Instrument,Georgia,serif;letter-spacing:-.035em;margin-top:4cqw;font-weight:400}
.imprint-message-line>em{font:inherit}
.imprint-message-underline{width:78%;height:auto;max-width:none;margin-top:8px;fill:none;stroke:var(--wine);stroke-width:1.2;overflow:visible}
.imprint-message-underline path{stroke-dasharray:300;stroke-dashoffset:0;animation:imprint-underline 14s ease-in-out infinite;animation-play-state:var(--scene-play,paused)}
.imprint-message-underline path+path{opacity:.45;animation-delay:.5s}
.imprint-artist{width:34%;height:48%;bottom:5%;right:0}
@keyframes imprint-underline{0%,16%{stroke-dashoffset:300;opacity:0}25%{opacity:1}50%,90%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@media(prefers-reduced-motion:reduce){.imprint-message-underline path{animation:none!important;stroke-dashoffset:0;opacity:1}}

.imprint-note{left:7%;right:auto;bottom:1%;font-size:clamp(18px,2.1vw,30px);rotate:-4deg}