:root{--paper:#eae9e5;--ink:#111110}body{background:var(--ink)}.signature{font:800 28px/1 'Manrope',sans-serif;letter-spacing:-4px}.signature span{font:400 10px sans-serif;letter-spacing:0;vertical-align:top;margin-left:7px}.work-header{height:90px;padding:0 5%;border-color:#ffffff20}.work-header nav{font-size:11px;text-transform:uppercase;gap:32px}.sculpture-home{background:var(--paper);color:var(--ink);padding:0 2%;height:100svh;min-height:650px;position:relative;overflow:hidden}.sculpture-home .work-header{padding:0 3%;border:0;position:relative;z-index:4}.sculpture-entry{height:calc(100svh - 150px);min-height:500px;position:relative;display:flex;align-items:center}.sculpture-entry h1{font:800 clamp(100px,19.4vw,320px)/.78 'Manrope',sans-serif;letter-spacing:-.09em;margin:0 0 65px;width:100%;position:relative;z-index:1}.sculpture-entry h1>span{display:block}.sculpture-entry h1>span:nth-child(2){text-align:right;padding-right:3%}.registered{font:400 2vw sans-serif;vertical-align:top;letter-spacing:0;display:inline-block;margin:15px 0 0 10px}#sculpture{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none}.entry-caption{position:absolute;bottom:32px;left:3%;font-size:10px;line-height:1.6;letter-spacing:.8px;z-index:3}.explore{position:absolute;right:3%;bottom:26px;z-index:3;display:flex;align-items:center;gap:55px;padding:18px 24px;font-size:13px;border-radius:50px;background:linear-gradient(120deg,#ffffffaa,#ffffff22);border:1px solid #ffffff;box-shadow:inset 0 1px 4px #fff,0 8px 25px #14102416;backdrop-filter:blur(16px);transition:transform .3s}.explore span{font-size:28px}.explore:hover{transform:translateY(-5px)}.home-footer{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 3%;font-size:9px;letter-spacing:1px}.portfolio{background:#111110;color:#eae9e5}.selection-title{padding:85px 5% 55px}.selection-title h1{font:800 clamp(65px,13.7vw,210px)/.85 'Manrope',sans-serif;letter-spacing:-.085em;margin:30px 0}.outline-word{display:block;color:transparent;-webkit-text-stroke:1px #c5c5c0}.eyebrow{color:#aaa99e;letter-spacing:1px}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:0 5% 90px}.project-tile{display:block;min-width:0}.tile-art{height:530px;border-radius:24px;position:relative;overflow:hidden;isolation:isolate}.tile-extra .tile-art{background:#e7ebef}.tile-elyze .tile-art{background:#ee526c}.tile-logo{position:absolute;left:25px;top:25px;width:48px;border-radius:12px;z-index:3}.tile-elyze .tile-logo{width:135px;border-radius:5px}.tile-glyph{position:absolute;left:10px;top:80px;font:800 360px/.9 'Manrope';letter-spacing:-.1em;color:#0024ff14}.tile-elyze .tile-glyph{color:#982b4030;font-size:320px}.tile-phone{position:absolute;width:195px;left:calc(50% - 90px);top:75px;transform:rotate(9deg);border-radius:23px;box-shadow:20px 25px 35px #0003;transition:transform .7s}.tile-elyze .tile-phone{transform:rotate(-8deg)}.project-tile:hover .tile-phone{transform:rotate(0deg) translateY(-10px)}.tile-open{position:absolute;right:22px;bottom:22px;width:60px;height:60px;display:grid;place-items:center;border-radius:50%;font-size:28px;color:#111;background:#ffffff44;border:1px solid #ffffffaa;backdrop-filter:blur(16px);box-shadow:inset 0 2px 5px #ffffffa0,0 8px 20px #0001}.tile-label{display:flex;justify-content:space-between;align-items:center;margin-top:24px}.tile-label h2{font:600 clamp(25px,3vw,44px) 'Manrope';letter-spacing:-1.8px;margin:0}.tile-label>span{font-size:10px;color:#aaa}.project-tile p{font-size:14px;color:#b7b7b1;line-height:1.5;margin:12px 0 20px}.tile-category{font-size:9px;letter-spacing:1px;color:#909088}.short-about{border-top:1px solid #ffffff2a;margin:0 5%;padding:65px 0;display:grid;grid-template-columns:.5fr 2fr .5fr;align-items:start;gap:30px}.short-about p{font:500 clamp(25px,3vw,44px)/1.25 'Manrope';letter-spacing:-1.6px;margin:0}.short-about a{font-size:12px;text-align:right}.short-contact{padding:70px 5% 100px}.short-contact>a{font:600 clamp(48px,8vw,120px)/1 'Manrope';letter-spacing:-.06em;display:flex;justify-content:space-between}.short-contact span{color:#b4a0e7}.case-intro{padding:55px 5% 65px;position:relative}.case-back{font-size:12px;color:#b7b7b1}.case-number{float:right;font-size:12px}.case-intro h1{font:700 clamp(60px,11vw,160px)/1 'Manrope';letter-spacing:-.075em;margin:65px 0 45px}.case-summary{display:grid;grid-template-columns:1fr 1fr;gap:50px}.case-summary>p{font:500 28px/1.25 'Manrope';letter-spacing:-1px;margin:0}.case-summary dl{display:flex;gap:45px;margin:0;justify-content:flex-end}.case-summary dt{font-size:8px;letter-spacing:1px;color:#8d8d85;margin-bottom:12px}.case-summary dd{margin:0;font-size:12px;line-height:1.7}.case-cover{margin:0 3%}.case-cover .project-stage{border-radius:28px}.case-copy{display:grid;grid-template-columns:.6fr 1fr 1fr;gap:35px;padding:100px 6%;align-items:start}.case-copy h2{font:500 clamp(30px,3.8vw,55px)/1.08 'Manrope';letter-spacing:-2px;margin:0}.case-copy p{font-size:15px;line-height:1.75;color:#b4b4ac;margin:0;max-width:410px}.identity-board{display:grid;grid-template-columns:1fr 1fr;margin:0 3%;min-height:430px;border-radius:28px;overflow:hidden}.identity-logo{background:#0024ff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;color:white;font:700 35px 'Manrope';letter-spacing:-1.5px}.identity-logo img{width:125px;border-radius:30px}.identity-words{background:#ecefed;color:#0024ff;display:flex;flex-direction:column;justify-content:center;padding:50px;font:700 clamp(30px,4vw,62px)/1.15 'Manrope';letter-spacing:-2px}.extra-details{display:grid;grid-template-columns:1fr 1fr;gap:35px;background:#e8edf1;color:#2c3b55;padding:70px 8%;margin:0 3%;border-radius:28px}.extra-details figure{margin:0}.screen-full{display:flex;align-items:center;flex-direction:column}.screen-full button{max-width:300px;width:100%;background:transparent;border:0;padding:0;cursor:zoom-in}.screen-full img{width:100%;border-radius:28px;box-shadow:12px 22px 50px #26375422}.screen-fragments{display:flex;flex-direction:column;justify-content:center;gap:55px;min-width:0}.screen-fragments figure>div{overflow:hidden;border-radius:20px;background:white}.screen-fragments img{width:100%;display:block}.fragment-top{height:290px}.fragment-bottom{height:190px;position:relative}.fragment-bottom img{position:absolute;bottom:0}figcaption{font-size:10px;margin-top:20px;letter-spacing:.4px}.elyze-identity{margin:0 3%;background:#f2f2f2;border-radius:28px;min-height:380px;display:flex;align-items:center;justify-content:space-evenly;overflow:hidden}.elyze-identity>img{width:35%;height:auto}.brand-cards{width:260px;height:210px;position:relative}.brand-cards i{position:absolute;inset:0 25px;border-radius:25px;background:#e73359;transform:rotate(20deg)}.brand-cards i:nth-child(2){background:#88387c;transform:rotate(0)}.brand-cards i:nth-child(3){background:#2d50a0;transform:rotate(-20deg)}.screen-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:70px 8%;background:#ee526c;border-radius:28px;margin:0 3%;color:white}.screen-gallery figure{margin:0}.screen-gallery button{border:0;padding:0;background:transparent;cursor:zoom-in;width:100%}.screen-gallery img{width:100%;height:auto;border-radius:24px;box-shadow:12px 25px 35px #6c17332a}.screen-gallery figure:nth-child(2){padding-top:65px}.case-results{padding:100px 8%;display:flex;gap:100px;flex-wrap:wrap}.case-results strong{font:600 85px 'Manrope';letter-spacing:-6px;display:block}.case-results span{font-size:13px;color:#b4b4ac}.case-results p{width:100%;font-size:10px;color:#8d8d85;margin:0}.next-project{display:block;margin:0 5%;padding:45px 0 70px;border-top:1px solid #fff3}.next-project>span{font-size:9px;letter-spacing:1px;color:#aaa}.next-project strong{display:block;font:600 clamp(45px,7vw,100px) 'Manrope';letter-spacing:-.06em;margin-top:25px}.work-footer{border-color:#fff2;color:#aaa;padding:25px 5%}.case-cover .stage-word,.case-cover .elyze-big-type,.case-cover .stage-caption,.case-cover .stage-detail,.case-cover .elyze-stage-note,.case-cover .stage-bottom{display:none}.case-cover .extra-phone{right:calc(50% - 120px)}.case-cover .elyze-phones{right:calc(50% - 215px)}#image-dialog{background:#1b1b1b;border-color:#ffffff44;border-radius:24px}#image-dialog .close-dialog{background:#ffffff44;backdrop-filter:blur(12px);border:1px solid #fff6}.no-scroll{overflow:hidden}
@media(max-width:700px){.sculpture-home{min-height:600px}.sculpture-home .work-header{height:80px}.work-header nav{gap:18px;font-size:9px}.sculpture-entry{height:calc(100svh - 140px);min-height:460px;align-items:flex-start;padding-top:95px}.sculpture-entry h1{font-size:20vw;line-height:.9;letter-spacing:-.09em}.sculpture-entry h1>span:nth-child(2){padding-right:5%}.registered{font-size:10px;margin-top:7px;margin-left:3px}.entry-caption{font-size:8px;bottom:28px}.explore{padding:12px 17px;font-size:11px;gap:20px;bottom:20px}.home-footer{font-size:8px}.selection-title{padding-top:55px}.selection-title h1{font-size:17vw}.project-pair{grid-template-columns:1fr;gap:55px;padding-bottom:60px}.tile-art{height:450px}.tile-phone{width:175px;left:calc(50% - 80px);top:65px}.tile-glyph{font-size:300px}.tile-label h2{font-size:32px}.short-about{grid-template-columns:1fr;padding:40px 0;gap:23px}.short-about p{font-size:27px;letter-spacing:-1px}.short-about a{text-align:left}.short-contact{padding:35px 5% 65px}.short-contact>a{font-size:45px}.case-intro{padding-top:35px}.case-intro h1{font-size:14vw;margin:45px 0 35px}.case-summary{grid-template-columns:1fr;gap:30px}.case-summary>p{font-size:24px}.case-summary dl{justify-content:flex-start;gap:30px}.case-summary dd{font-size:10px}.case-copy{grid-template-columns:1fr;padding:60px 7%;gap:25px}.case-copy h2{font-size:38px}.case-copy p{font-size:14px}.identity-board{grid-template-columns:1fr;min-height:0}.identity-logo{padding:60px 20px}.identity-words{padding:40px;font-size:42px}.extra-details{grid-template-columns:1fr;padding:40px 25px}.screen-full button{max-width:245px}.screen-fragments{gap:30px}.fragment-top{height:260px}.fragment-bottom{height:140px}.elyze-identity{flex-direction:column;gap:45px;padding:50px 20px}.elyze-identity>img{width:75%}.brand-cards{width:180px;height:150px}.screen-gallery{grid-template-columns:1fr;padding:40px 55px;gap:40px}.screen-gallery figure:nth-child(2){padding-top:0}.screen-gallery img{border-radius:20px}.case-results{gap:35px;padding:60px 8%}.case-results strong{font-size:65px;letter-spacing:-4px}.case-cover .elyze-phones{right:calc(50% - 140px)}.case-cover .extra-phone{right:calc(50% - 95px)}.case-cover .project-stage{border-radius:20px}.case-results p{line-height:1.6}}

/* Ribbons weave through the name, with a separate foreground layer. */
.ribbon{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.ribbon-back{z-index:0}.ribbon-front{z-index:2}.sculpture-entry h1{z-index:1;pointer-events:none}.sculpture-entry{isolation:isolate}.explore{background:#eae9e5;border-color:#1114;box-shadow:none;backdrop-filter:none}.home-footer{position:relative;z-index:3}.selection-title h1{margin-bottom:0}.selection-title .outline-word{display:none}
@media(max-width:700px){.ribbon{top:40px;height:75%}.sculpture-entry h1{position:absolute;top:30%;transform:translateY(-40%)}.sculpture-entry{padding-top:0}.ribbon path{stroke-width:24px}}

.project-pair{row-gap:75px}.film-cover{width:100%;height:100%;object-fit:cover}.tile-bootcamp .tile-art{background:#4e3828}.creators-art{background:#c4a9e6;color:#31104e;display:flex;align-items:center;padding:40px}.creators-type{font:700 clamp(40px,5.5vw,80px)/.95 'Manrope';letter-spacing:-4px}.creators-type em{font-family:'Instrument Serif';font-weight:400}.film-gallery{margin:0 5%}.film-gallery figure{margin:0}.film-gallery button,.extra-app-gallery button,.social-gallery button{display:block;width:100%;padding:0;background:none;border:0;cursor:zoom-in}.film-gallery img{display:block;width:100%;border-radius:20px}.film-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}.creator-section{padding:50px 6% 90px}.creator-section h2{font:600 clamp(38px,5vw,70px)/1.05 'Manrope';letter-spacing:-3px;margin:25px 0}.creator-section p{font-size:16px;line-height:1.6;color:#bbb;max-width:650px}.video-preview{aspect-ratio:16/9;margin:45px 0 25px;background:#242323;border-radius:20px;overflow:hidden}.video-preview iframe{width:100%;height:100%;border:0}.creator-links{display:flex;gap:35px;font-size:13px}.paul-section{border-top:1px solid #fff3}.creator-tags{display:flex;gap:15px;margin-top:35px}.creator-tags span{border:1px solid #ffffff44;padding:14px 20px;border-radius:50px;font-size:12px}.extra-app-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:0 3%;padding:55px 4%;background:#e7edf2;color:#2d3b53;border-radius:24px}.extra-app-gallery figure{margin:0;min-width:0}.extra-app-gallery img{width:100%;display:block;border-radius:20px;box-shadow:10px 20px 30px #20364c20}.social-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding:0 6% 90px}.social-gallery figure{margin:0}.social-gallery img{width:100%;display:block;border-radius:8px}.social-gallery.elyze-social{grid-template-columns:1fr 1fr;padding-left:15%;padding-right:15%}@media(max-width:700px){.film-pair{grid-template-columns:1fr}.extra-app-gallery{grid-template-columns:1fr 1fr;gap:20px;padding:30px 5%}.extra-app-gallery img{border-radius:12px}.extra-app-gallery figcaption{font-size:9px;line-height:1.4;margin-top:12px}.social-gallery{grid-template-columns:1fr 1fr;gap:15px;padding-bottom:50px}.social-gallery.elyze-social{padding-left:6%;padding-right:6%}.creators-type{font-size:57px}.creator-links{gap:20px;font-size:11px}.creator-section h2{letter-spacing:-2px}.creator-section{padding-bottom:60px}}

.sculpture-entry .sr-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);font-size:1px;margin:0}.woven-name{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.svg-name{font-family:'Manrope',Arial,sans-serif;font-weight:800;font-size:220px;letter-spacing:-15px}.sculpture-entry{overflow:visible}@media(max-width:700px){.woven-name{top:0;height:90%;transform:scale(1.02)}.sculpture-home{min-height:600px}.sculpture-entry{min-height:460px}}

/* Landing : le nom tissé couvre tout l'écran, bord à bord (le viewBox est calculé dans weave.js) */
.sculpture-entry .woven-name{position:absolute;inset:auto;top:-90px;left:calc(50% - 50vw);width:100vw;height:calc(100% + 150px);transform:none;overflow:hidden}
@media(max-width:700px){.sculpture-entry .woven-name{top:-80px;height:calc(100% + 140px);transform:none}.sculpture-entry{padding-top:0}}

/* Créateurs : noms mis en avant */
.creator-section .creator-name{font:800 clamp(64px,11vw,170px)/.9 'Manrope',sans-serif;letter-spacing:-.07em;margin:0 0 45px;color:#eae9e5}.creator-section .creator-name em{font:400 1.08em/.8 'Instrument Serif',Georgia,serif;letter-spacing:-.03em;color:#c4a9e6}.creator-section .creator-tagline{font:600 clamp(30px,3.6vw,52px)/1.08 'Manrope',sans-serif;letter-spacing:-2px;color:#eae9e5;margin:0 0 22px;max-width:none}
@media(max-width:700px){.creator-section .creator-name{font-size:19vw;margin-bottom:30px}.creator-section .creator-tagline{font-size:30px;letter-spacing:-1.2px}}

/* ===== Page Projets : même DA que la landing (papier, encre, bandes, détails terminal) ===== */
.selection{--mono:ui-monospace,'SF Mono',Menlo,monospace;background:var(--paper);color:var(--ink)}
.selection .work-header{border:0;padding:0 5%}
.selection .sr-name{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}
.selection .selection-title{padding:30px 0 50px;position:relative;overflow:hidden}
.index-bar{display:flex;justify-content:space-between;margin:0 5%;padding:14px 0;border-top:1px solid #1111101f;border-bottom:1px solid #1111101f;font:500 11px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#5c5c56}
.index-bar em{font-style:normal;color:var(--purple)}
.woven-title{display:block;width:100vw;height:auto;margin:34px 0 26px calc(50% - 50vw);overflow:hidden}
.wt-text{font-family:'Manrope',sans-serif;font-weight:800;letter-spacing:-.075em;fill:var(--ink)}
.selection-intro{display:flex;justify-content:space-between;align-items:flex-end;margin:0 5%}
.selection-intro p{margin:0;font:500 clamp(20px,2.2vw,30px)/1.2 'Manrope',sans-serif;letter-spacing:-.04em}
.selection-intro span{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#5c5c56}
.selection .project-tile{color:var(--ink)}
.selection .tile-art{transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.selection .project-tile:hover .tile-art{transform:translateY(-8px);box-shadow:0 30px 50px -25px #11111066}
.selection .tile-label h2{color:var(--ink)}
.selection .tile-label>span{font:500 12px var(--mono);letter-spacing:.1em;color:var(--purple)}
.selection .project-tile p{color:#4a4a45}
.selection .tile-category{font:500 10px var(--mono);letter-spacing:.12em;color:#5c5c56;display:flex;align-items:center}
.selection .tile-category::before{content:"";width:22px;height:7px;border-radius:4px;background:#9AFF4D;margin-right:12px;flex:none}
.selection .project-tile:nth-child(even) .tile-category::before{background:var(--purple)}
.selection .tile-open{background:var(--ink);color:#9AFF4D;border:0;box-shadow:none;backdrop-filter:none;transition:background .3s,color .3s,transform .3s}
.selection .project-tile:hover .tile-open{background:#9AFF4D;color:var(--ink);transform:rotate(45deg)}
.selection .creators-art{background:var(--purple);color:var(--paper)}
.selection .creators-type em{color:#9AFF4D}
.selection .short-contact{border-top:1px solid #1111101f;margin:0 5%;padding:70px 0 100px}
.selection .short-contact>a{color:var(--ink);align-items:center}
.selection .short-contact span{color:var(--purple);transition:transform .35s}
.selection .short-contact>a:hover span{transform:translate(8px,-8px)}
.selection .mark{font-weight:inherit;background:linear-gradient(#9AFF4D,#9AFF4D) 0 82%/100% .3em no-repeat;transition:background-size .45s cubic-bezier(.2,.7,.2,1)}
.selection .short-contact>a:hover .mark{background-size:100% .9em}
.selection .work-footer{border-top:1px solid #1111101f;color:#5c5c56;font:500 10px var(--mono);letter-spacing:.12em;text-transform:uppercase}
@media(max-width:700px){.index-bar{font-size:9px;letter-spacing:.1em}.index-bar span:nth-child(2){display:none}.woven-title{margin:24px 0 18px calc(50% - 50vw)}.selection-intro span{display:none}.selection .short-contact{padding:40px 0 70px}}

/* Projets : une seule bande ; l'index reste visible sur mobile */
@media(max-width:700px){.index-bar span:nth-child(2){display:inline}}

/* Pages projets : titres un peu plus mesurés pour la lisibilité */
.case-page .case-intro h1{font-size:clamp(48px,8.4vw,122px);margin:55px 0 38px}
.case-page .case-summary>p{font-size:24px;line-height:1.3}
.case-page .case-copy h2{font-size:clamp(28px,3.1vw,44px);letter-spacing:-1.5px}
.case-page .creator-section .creator-name{font-size:clamp(50px,8.4vw,126px);margin-bottom:36px}
.case-page .creator-section .creator-tagline{font-size:clamp(26px,2.9vw,40px)}
.case-page .next-project strong{font-size:clamp(38px,5.6vw,80px)}
.case-page .case-results strong{font-size:68px;letter-spacing:-4.5px}
@media(max-width:700px){.case-page .case-intro h1{font-size:12vw;margin:40px 0 30px}.case-page .case-summary>p{font-size:21px}.case-page .case-copy h2{font-size:32px}.case-page .creator-section .creator-name{font-size:15vw}.case-page .creator-section .creator-tagline{font-size:26px}.case-page .case-results strong{font-size:54px;letter-spacing:-3px}}