@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Archivo+Black&family=IBM+Plex+Mono:wght@400;500&family=Permanent+Marker&display=swap');
:root{color-scheme:dark;--ink:#f1eee8;--paper:#202020;--surface:#292929;--accent:#dcff00;--orange:#ff5731;--violet:#7161ca;--line:#ffffff30;--border:1px solid var(--line);--display:'Archivo Black','Arial Black',sans-serif;--mono:'IBM Plex Mono',monospace;--hand:'Permanent Marker',cursive}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:14px 'DM Sans',Arial,sans-serif;padding-bottom:54px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border-radius:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}img{display:block;max-width:100%}button img{pointer-events:none}::selection{background:var(--accent);color:#202020}[hidden]{display:none!important}.skip{position:fixed;top:-60px;z-index:100;background:var(--accent);color:#202020;padding:15px}.skip:focus{top:0}.topbar{height:94px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;position:absolute;top:0;left:0;right:0;z-index:10;border:0;background:transparent}.brand{display:flex;align-items:center;gap:13px}.brand img,.start-button img,.notepad>img{filter:invert(92%) sepia(88%) saturate(2950%) hue-rotate(15deg) brightness(110%);mix-blend-mode:screen}.brand img{width:54px;height:48px;object-fit:contain}.brand>span{font:500 11px var(--mono);letter-spacing:.6px}.brand small{display:block;font:8px var(--mono);margin-top:7px;color:#a4a4a4}.topbar nav{display:flex;gap:30px;align-items:center;font:11px var(--mono)}.topbar nav>a{padding:8px 0;border-bottom:1px solid transparent}.topbar nav>a:hover{border-color:var(--accent)}sup{font:9px var(--mono);color:var(--accent)}.topbar nav>button{border:var(--border);background:transparent;padding:12px 18px;border-radius:30px}.topbar nav>button:hover{background:var(--accent);color:#202020}.topbar nav>button span{margin-left:20px}.mobile-menu{display:none}.desktop{height:min(1000px,100svh);min-height:800px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 80% 75%,color-mix(in srgb,var(--violet) 12%,transparent),transparent 48%),#202020}.desktop:before{content:'';position:absolute;width:620px;height:620px;right:-80px;top:180px;border:1px solid #ffffff0b;border-radius:50%;box-shadow:0 0 0 70px #ffffff03,0 0 0 140px #ffffff02;z-index:-1}.desktop-top{position:absolute;left:4%;right:4%;top:124px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.6px;color:#9b9b9b}.hero-copy{position:relative;padding:208px 0 0 7%;z-index:3;pointer-events:none}.hero-copy a{pointer-events:auto}.hello{font:18px var(--hand);color:var(--orange);display:block;transform:rotate(-7deg);transform-origin:left;margin-bottom:19px}h1{font:clamp(64px,7.5vw,118px)/.89 var(--display);letter-spacing:-.085em;margin:0;text-transform:lowercase}h1 em{font:inherit;font-style:normal;display:inline-block;background:var(--accent);color:#202020;border-radius:100px;padding:0 .2em .08em;margin:8px 0 4px -.07em;rotate:-4deg;letter-spacing:-.07em}.outline-word{color:transparent;-webkit-text-stroke:1.5px var(--ink)}.hero-tags{display:flex;flex-wrap:wrap;gap:6px;max-width:470px;margin:26px 0 28px}.hero-tags span{font:9px var(--mono);border:1px solid #fff5;border-radius:30px;padding:8px 11px}.hero-tags span:nth-child(2){background:var(--violet);border-color:var(--violet);rotate:-4deg}.hero-link{font:11px var(--mono);border-bottom:1px solid var(--ink);padding-bottom:7px;display:inline-flex;gap:40px}.hero-link span{color:var(--accent)}.handnote{font:16px/1.2 var(--hand);color:var(--orange);position:absolute;left:43%;top:100%;rotate:-13deg;white-space:nowrap}.handnote svg{position:absolute;width:90px;left:80%;top:-40px;rotate:-28deg}.handnote path,.lab-note path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.desktop-icons{position:absolute;right:30px;top:185px;display:grid;gap:25px;z-index:4}.desktop-icons a{display:grid;justify-items:center;gap:10px;font:8px var(--mono);width:70px;text-align:center}.desktop-icons a:hover{color:var(--accent)}.folder-icon{height:28px;width:39px;border:1px solid var(--accent);background:#dcff0015;position:relative;margin-top:6px;box-shadow:3px 3px #0005}.folder-icon:before{content:'';width:18px;height:6px;border:1px solid var(--accent);border-bottom:0;position:absolute;left:-1px;top:-6px;background:#323525}.image-icon,.note-icon{display:grid;place-items:center;width:33px;height:38px;border:1px solid var(--violet);font-size:25px;background:#7161ca25;color:#b6a9ff;box-shadow:3px 3px #0005}.note-icon{font-size:15px;background:#ff573115;border-color:var(--orange);color:var(--orange)}.composition{position:absolute;inset:0;z-index:2;pointer-events:none;--mx:0px;--my:0px}.window{background:#282828;border:1px solid #929292;box-shadow:8px 10px 0 #0005}.titlebar{height:29px;background:linear-gradient(90deg,#373737,#2a2a2a);display:flex;align-items:center;justify-content:space-between;padding:0 10px;font:9px var(--mono);gap:12px;border-bottom:1px solid #929292}.window-glyphs{font:13px Arial;word-spacing:5px;color:#aaa}.hero-window{position:absolute;pointer-events:auto;transform:translate(calc(var(--dx,0px) + var(--mx)),calc(var(--dy,0px) + var(--my))) rotate(var(--rotation,0deg));will-change:transform}.hero-window .titlebar{cursor:grab;touch-action:none;user-select:none}.hero-window.dragging{box-shadow:16px 20px 0 #0007}.hero-window.dragging .titlebar{cursor:grabbing}.poster-window{width:clamp(260px,25vw,390px);left:58%;top:22%;--rotation:7deg;z-index:1}.window-art{display:block;width:100%;padding:0;background:#151515;border:0;overflow:hidden}.window-art img{width:100%;height:auto;transition:transform .7s}.window-art:hover img{transform:scale(1.025)}.poster-window .window-art img{height:clamp(360px,35vw,530px);object-fit:contain;background:#111}.cover-window{width:clamp(180px,17vw,265px);left:49%;top:59%;--rotation:-9deg;z-index:2}.cover-window .titlebar{background:var(--violet);color:white}.cover-window .window-art img{aspect-ratio:1;object-fit:cover}.statusbar{font:7px var(--mono);padding:6px 8px;display:flex;justify-content:space-between;gap:10px;background:#303030;border-top:1px solid #777}.sticker{position:absolute;left:79%;top:70%;width:140px;height:140px;rotate:14deg;z-index:4;color:#202020}.sticker svg{position:absolute;inset:0;width:100%;height:100%;fill:var(--orange);animation:spin 80s linear infinite}.sticker span{position:absolute;inset:0;display:grid;place-content:center;text-align:center;font:16px/1 var(--hand);z-index:1}.scribble-spark{position:absolute;left:51%;top:24%;width:55px;height:55px;rotate:12deg}.scribble-spark path{stroke:var(--accent);stroke-width:2.5;stroke-linecap:round}.desktop-bottom{position:absolute;bottom:26px;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;font:8px var(--mono);color:#aaa}.desktop-bottom>a{display:flex;gap:22px}.desktop-bottom>a span{font-size:18px;color:var(--accent)}.reset-windows{background:none;border:0;border-bottom:1px solid #777;font:8px var(--mono);padding:4px 0}.ticker{overflow:hidden;background:var(--accent);color:#202020;padding:16px 0;rotate:-1deg;width:100%;margin-top:5px}.ticker>div{width:max-content;font:24px var(--display);letter-spacing:-1px;animation:ticker 38s linear infinite}.projects-section{padding:90px 7%}.section-label{display:flex;justify-content:space-between;gap:20px;font:8px var(--mono);letter-spacing:.5px;color:#aaa}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:55px 0 45px}h2{font:clamp(50px,7vw,110px)/.9 var(--display);letter-spacing:-.075em;margin:0}h2 em{font:inherit;font-style:normal;color:var(--accent)}.section-heading p,.lab-intro p{font-size:13px;line-height:1.7;color:#b1b1b1;margin:0 0 5px}.explorer-bar{border:var(--border);background:#282828;display:flex;justify-content:space-between;align-items:center;padding:8px;margin-bottom:30px;gap:15px}.path{font:9px var(--mono);color:#bdbdbd;padding:9px}.path span{color:var(--accent);margin-right:12px}.filters{display:flex;gap:5px}.filters button{border:1px solid transparent;background:transparent;font:9px var(--mono);padding:10px 14px}.filters button[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:#202020}.filters button[aria-pressed=true] sup{color:#202020}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px 30px;align-items:start}.project-card{display:block;border:0;padding:0;text-align:left;background:none;width:100%;transition:translate .3s}.project-card:nth-child(even){margin-top:85px}.project-card:hover{translate:0 -5px}.card-bar{font:8px var(--mono);display:flex;justify-content:space-between;align-items:center;padding:11px 0;color:#bbb}.card-bar span:last-child{font-size:18px;color:var(--accent)}.project-image{aspect-ratio:1.15;overflow:hidden;position:relative;background:#333}.project-image>img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.project-card:hover .project-image>img{transform:scale(1.035)}.project-image.contain>img{object-fit:contain;padding:5%}.project-image.light{background:#e9dfcf}.project-image.poster-image{background:#141414}.project-image.poster-image>img{object-fit:contain;padding:4%}.project-image.mag-image>img{object-fit:cover}.card-description{padding:17px 0;border-bottom:var(--border)}.card-description h3{font-size:25px;letter-spacing:-1px;font-weight:500;margin:0 0 7px}.card-description>span{font:9px var(--mono);color:#9d9d9d}.view-project{position:absolute;bottom:16px;right:16px;background:var(--accent);color:#202020;padding:11px 14px;font:9px var(--mono);opacity:0;translate:0 8px;transition:opacity .2s,translate .2s}.project-card:hover .view-project,.project-card:focus-visible .view-project{opacity:1;translate:0 0}.folder-end{display:flex;justify-content:space-between;gap:20px;font:8px var(--mono);color:#888;margin-top:35px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-right:7px}.project-grid.filtered .project-card{margin-top:0}.lab-section{padding:55px 4% 60px;background:#181818;overflow:hidden;border-block:var(--border)}.lab-intro{position:relative;display:flex;justify-content:space-between;align-items:end;margin:60px 3%}.lab-intro h2{font-size:clamp(70px,10vw,150px);position:relative}.lab-intro h2 em{color:var(--orange)}.drawn-star{font:100px var(--hand);position:absolute;left:110%;top:10%;color:var(--violet);rotate:-15deg}.lab-intro>.handwritten{position:absolute;bottom:-38px;right:10%;color:var(--accent);rotate:-8deg;font-size:20px}.lab-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:95px;align-items:start}.lab-frame{background:none;padding:0;border:0;text-align:left;position:relative;transition:translate .4s}.lab-frame:nth-child(3n+2){margin-top:65px}.lab-frame:hover{translate:0 -9px}.lab-frame img{width:100%;height:auto;max-height:600px;object-fit:contain;background:#222}.lab-frame span{display:flex;justify-content:space-between;font:8px var(--mono);padding:12px 0;color:#b0b0b0}.lab-frame span b{font-weight:400;color:var(--accent)}.gallery-footer{display:flex;justify-content:space-between;font:8px var(--mono);color:#888;margin-top:45px;border-top:var(--border);padding-top:20px}.about-section{padding:80px 7% 100px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;margin-top:65px}.about-window{rotate:-3deg}.about-window .titlebar{background:var(--violet)}.notepad{padding:35px;background:repeating-linear-gradient(#252525 0,#252525 31px,#fff1 31px,#fff1 32px);min-height:420px;position:relative}.mono{font:10px var(--mono);color:#aaa}.notepad h2{font-size:72px;margin:30px 0}.notepad p{font-size:13px;line-height:1.7}.notepad .notepad-bottom{font:10px/1.7 var(--mono);color:#aaa;margin-top:40px}.notepad>img{width:65px;position:absolute;right:30px;bottom:35px}.blink{font:50px Arial;animation:blink 1.2s step-end infinite}.handwritten{font:21px var(--hand);color:var(--orange);display:inline-block;rotate:-5deg}.about-copy h3{font:clamp(28px,3.2vw,45px)/1.05 var(--display);letter-spacing:-2px;margin:25px 0}.about-copy p{font-size:13px;line-height:1.8;color:#aaa}.skill-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:25px}.skill-list span{font:8px var(--mono);border:var(--border);padding:8px 11px;border-radius:30px}.contact-section{background:var(--accent);color:#202020;padding:40px 7% 0;position:relative;overflow:hidden}.contact-section .section-label{color:#202020}.contact-section h2{margin:65px 0 38px;font-size:clamp(54px,8vw,125px);position:relative;z-index:1}.contact-section h2 em{color:#202020}.contact-star{position:absolute;right:7%;top:28%;font:200px Georgia;animation:spin 65s linear infinite;color:#20202020}.retro-button{display:inline-flex;align-items:center;gap:38px;border:1px solid #202020;background:transparent;color:#202020;padding:15px 20px;font:11px var(--mono);box-shadow:4px 4px #202020;transition:transform .2s,box-shadow .2s}.retro-button:hover{transform:translate(3px,3px);box-shadow:1px 1px #202020}.contact-section footer{display:flex;justify-content:space-between;gap:20px;font:8px var(--mono);padding:25px 0;margin-top:75px;border-top:1px solid #20202050}.taskbar{position:fixed;bottom:0;left:0;right:0;height:54px;background:#282828ed;backdrop-filter:blur(15px);border-top:1px solid #666;z-index:30;padding:8px 12px;display:flex;align-items:center;gap:7px;font:10px var(--mono);box-shadow:0 -2px 0 #111}.start-area{position:relative}.start-button{height:35px;background:#363636;border:1px solid #777;box-shadow:inset 1px 1px #aaa4,inset -1px -1px #111;font:10px var(--mono);display:flex;align-items:center;gap:9px;padding:0 13px}.start-button img{width:23px;height:23px;object-fit:contain}.task-item{border:1px solid #555;height:33px;min-width:145px;padding:9px 13px;font-size:9px}.task-item.active{background:#3a3a3a}.taskbar-right{display:flex;align-items:center;gap:7px;margin-left:auto}.taskbar-right button{height:29px;background:none;border:1px solid #555;min-width:29px;padding:5px;display:flex;align-items:center;justify-content:center;font:9px var(--mono)}.taskbar-right .palette-button{gap:8px;padding-inline:9px}.palette-button>span:first-child{width:16px;height:16px;border-radius:50%;background:conic-gradient(var(--accent),var(--orange),var(--violet),var(--accent));display:block}.clock{padding:8px;border:1px solid #555;font-size:9px}.start-area nav{position:absolute;bottom:44px;left:0;background:#282828;border:1px solid #888;box-shadow:5px 5px #0005;width:250px;padding:7px}.start-title{background:var(--accent);color:#202020;padding:15px 12px;font-size:9px;margin-bottom:5px}.start-area nav a,.start-area nav button{display:block;width:100%;padding:13px 10px;background:none;border:0;text-align:left;font:11px var(--mono)}.start-area nav a:hover,.start-area nav button:hover{color:var(--accent);background:#fff1}dialog{padding:0;border:1px solid #888;background:#202020;color:var(--ink);box-shadow:12px 12px #0006;max-height:90svh}dialog::backdrop{background:#000b;backdrop-filter:blur(9px)}.project-dialog{width:min(1100px,94vw)}.dialog-top{background:#303030;display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-bottom:1px solid #888;font:10px var(--mono);position:sticky;top:0;z-index:3;gap:15px}.dialog-top>div{display:flex;gap:5px}.dialog-top button{height:27px;min-width:29px;background:#404040;border:1px solid #777;font-size:16px;padding:0 6px}.dialog-top button:hover{color:var(--accent)}.dialog-content{padding:42px 5% 25px}.detail-category{font:9px var(--mono);color:var(--accent)}.dialog-content>h2{font-size:clamp(35px,5vw,72px);margin:28px 0}.detail-intro{max-width:720px;font-size:15px;line-height:1.7;color:#bbb;margin-bottom:35px}.detail-images{display:grid;gap:22px}.detail-images figure{margin:0;background:#171717}.detail-images img{width:100%;max-height:800px;object-fit:contain}.detail-images figcaption{font:9px var(--mono);color:#aaa;padding:12px 0;background:#202020;border-bottom:var(--border)}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin:40px 0}.case-grid h3{font-size:21px;letter-spacing:-.7px;font-weight:500}.case-grid p{font-size:13px;line-height:1.8;color:#aaa}.detail-footer{border-top:var(--border);padding-top:20px;display:flex;justify-content:space-between;align-items:center;font:10px var(--mono)}.detail-footer button{background:var(--accent);color:#202020;border:0;padding:12px;font:10px var(--mono)}.contact-dialog{width:min(600px,92vw)}.contact-dialog-body{padding:40px}.contact-dialog-body h2{font-size:47px;margin:25px 0}.contact-dialog-body p{line-height:1.7;color:#aaa}.contact-dialog-body .retro-button{background:var(--accent);margin-top:15px}.toast{position:fixed;bottom:75px;left:50%;translate:-50% 20px;background:var(--accent);color:#202020;padding:13px 20px;font:10px var(--mono);z-index:60;opacity:0;pointer-events:none;transition:translate .3s,opacity .3s}.toast.show{translate:-50% 0;opacity:1}.reveal{opacity:0;translate:0 25px;transition:opacity .7s,translate .7s}.reveal.visible{opacity:1;translate:0 0}.modal-open{overflow:hidden}.motion-paused *, .motion-paused *::before{animation-play-state:paused!important;scroll-behavior:auto!important}.motion-paused .reveal{opacity:1;translate:none}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes spin{to{rotate:360deg}}@keyframes blink{50%{opacity:0}}
@media(min-width:1600px){.hero-copy{padding-top:240px}.poster-window{top:20%}.cover-window{top:58%}}@media(max-width:1050px){.hero-copy{padding-left:5%}h1{font-size:8.5vw}.hero-tags{max-width:340px}.poster-window{left:56%;width:28vw}.cover-window{left:49%;width:20vw;top:62%}.sticker{left:79%;width:110px;height:110px}.sticker span{font-size:13px}.desktop-icons{right:12px}.topbar nav{gap:20px}.handnote{left:32%}.about-grid{gap:6%}.notepad{padding:25px}.notepad h2{font-size:60px}.lab-gallery{gap:17px}.filters button{padding:10px}.project-image{aspect-ratio:1}.drawn-star{font-size:70px}}
@media(max-width:700px){.topbar{height:80px;padding:0 5%}.brand img{width:42px;height:40px}.brand>span{font-size:9px}.brand small{font-size:6px}.topbar nav{display:none}.topbar nav.open{display:flex;position:absolute;top:79px;left:0;right:0;background:#202020;padding:25px;flex-direction:column;align-items:start;border-bottom:var(--border)}.mobile-menu{display:block;background:none;border:var(--border);width:33px;height:30px;font-size:17px}.desktop{height:1080px;min-height:0;max-height:none}.desktop-top{top:110px;left:5%;right:5%;font-size:7px}.desktop-top>span:last-child{display:none}.hero-copy{padding:166px 5% 0}.hello{font-size:17px;margin-bottom:20px}h1{font-size:clamp(65px,16vw,105px)}.hero-tags{margin:24px 0;max-width:100%;gap:5px}.hero-tags span{font-size:8px;padding:7px 9px}.hero-link{font-size:10px}.handnote{display:none}.poster-window{left:25%;top:53%;width:55vw;max-width:300px;--rotation:6deg}.poster-window .window-art img{height:330px}.cover-window{left:8%;top:74%;width:36vw;max-width:195px}.titlebar{height:25px;padding:0 7px;font-size:7px}.window-glyphs{font-size:11px;word-spacing:2px}.statusbar{font-size:6px}.desktop-icons{top:560px;right:7px;gap:26px}.desktop-icons a{width:52px;font-size:7px}.folder-icon{width:29px;height:23px}.image-icon,.note-icon{width:27px;height:32px;font-size:21px}.note-icon{font-size:13px}.sticker{left:66%;top:83%;width:100px;height:100px}.sticker span{font-size:12px}.scribble-spark{left:9%;top:54%;width:40px}.desktop-bottom{left:5%;right:5%;bottom:22px;font-size:7px}.desktop-bottom>span{display:none}.reset-windows{font-size:7px}.ticker{padding:12px 0}.ticker>div{font-size:20px}.projects-section{padding:50px 5%}.section-label{font-size:7px}.section-label>span:last-child{max-width:43%;text-align:right}.section-heading{display:block;margin:38px 0 30px}h2{font-size:60px}.section-heading p{margin-top:24px;font-size:12px}.explorer-bar{display:block}.path{padding:7px 3px 15px;font-size:8px}.filters{justify-content:space-between;gap:0}.filters button{padding:9px 8px;font-size:8px}.filters sup{font-size:7px}.project-grid{grid-template-columns:1fr;gap:28px}.project-card:nth-child(even){margin-top:0}.project-image{aspect-ratio:1.1}.card-description h3{font-size:23px}.card-description>span{font-size:8px}.view-project{opacity:1;translate:0 0;font-size:8px;padding:9px}.folder-end{font-size:7px;line-height:1.6}.folder-end>span:last-child{max-width:42%;text-align:right}.lab-section{padding:35px 5% 40px}.lab-intro{display:block;margin:40px 0}.lab-intro h2{font-size:87px}.lab-intro p{margin-top:28px;font-size:12px}.drawn-star{font-size:65px;left:220px}.lab-intro>.handwritten{font-size:15px;right:4%;bottom:0;max-width:100px;rotate:-12deg}.lab-gallery{grid-template-columns:1fr 1fr;gap:19px 12px;margin-top:45px}.lab-frame:nth-child(3n+2){margin-top:0}.lab-frame:nth-child(even){margin-top:35px}.lab-frame span{font-size:6px;line-height:1.7;gap:5px}.gallery-footer{font-size:6px;gap:25px;line-height:1.7}.about-section{padding:45px 5% 65px}.about-grid{grid-template-columns:1fr;gap:50px;margin-top:45px}.about-window{margin:0 8px}.notepad{min-height:380px;padding:30px}.notepad h2{font-size:70px}.about-copy h3{font-size:36px}.about-copy p{font-size:12px}.handwritten{font-size:18px}.contact-section{padding:30px 5% 0}.contact-section h2{font-size:clamp(48px,11vw,72px);margin:50px 0 30px}.contact-star{font-size:130px;right:-20px;top:40%}.contact-section footer{font-size:7px;flex-wrap:wrap;margin-top:60px}.contact-section footer>span:nth-child(2){display:none}.taskbar{padding:7px 8px;gap:5px;height:50px}.start-button{padding:0 9px;font-size:8px;height:32px}.start-button img{width:20px}.task-item{min-width:0;padding:9px 8px;font-size:8px}.task-item:nth-of-type(2){display:none}.taskbar-right{gap:5px}.taskbar-right .palette-button{padding:5px;gap:0}.palette-label{display:none}.taskbar-right button{height:27px;min-width:25px}.clock{font-size:8px;padding:8px 6px}.dialog-content{padding:30px 6% 20px}.dialog-content>h2{font-size:38px}.dialog-top{font-size:8px}.detail-category{font-size:8px}.detail-intro{font-size:13px}.case-grid{grid-template-columns:1fr;gap:12px;margin:25px 0}.case-grid p{font-size:12px}.contact-dialog-body{padding:30px 24px}.contact-dialog-body h2{font-size:39px}.toast{max-width:90vw;width:max-content;text-align:center;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before{animation:none!important;transition:none!important}.reveal{opacity:1;translate:none}}
.brand img,.start-button img,.notepad>img{filter:var(--logo-filter,invert(92%) sepia(88%) saturate(2950%) hue-rotate(15deg) brightness(110%))}
/* Tracés et navigation */
.desktop:before{display:none}.hero-copy{padding-top:180px}.hand-doodle{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.hero-doodle{position:absolute;width:160px;left:80%;top:76%;color:var(--orange);rotate:-15deg}.gallery-doodle{position:absolute;width:160px;left:95%;top:25%;color:var(--violet);rotate:-12deg}.contact-doodle{position:absolute;right:7%;top:25%;width:220px;color:#202020;opacity:.75;rotate:12deg}.ticker{rotate:0;padding-block:14px}.ticker>div{font-family:var(--mono);font-size:17px;letter-spacing:-.5px}.image-icon{font-family:var(--hand);font-size:24px}.outline-word{letter-spacing:-.07em}.hero-copy h1 em{padding-inline:.15em}.handnote{left:39%;top:calc(100% + 6px)}
@media(hover:hover) and (pointer:fine){html,body{cursor:url('assets/curseur.svg') 5 4,auto}a,button,[role=button]{cursor:url('assets/curseur-lien.svg') 17 17,pointer}.hero-window .titlebar,.gallery-viewport{cursor:url('assets/curseur.svg') 5 4,grab}.gallery-viewport.is-dragging,.gallery-viewport.is-dragging *{cursor:grabbing!important}}
/* Dossiers superposés */
.projects-section{padding:90px 0 0;isolation:isolate}.projects-section>.section-label,.projects-section>.section-heading,.project-index,.folder-end{margin-inline:7%}.projects-section>.section-heading{margin-top:55px;margin-bottom:40px}.project-index{display:flex;gap:24px;align-items:center;margin-bottom:70px;border-top:var(--border);padding-top:20px;font:10px var(--mono)}.project-index a{padding-bottom:7px;border-bottom:1px solid transparent}.project-index a:hover,.project-index a.active{color:var(--accent);border-color:var(--accent)}.project-index .handwritten{font:16px var(--hand);margin-left:auto;max-width:250px;rotate:-4deg}.project-grid{display:block;gap:0}.category-sheet{position:relative;padding:0 7% 120px;border-radius:28px 28px 0 0;margin-top:-30px;color:var(--sheet-ink);border-top:1px solid #fff3;box-shadow:0 -16px 45px #0003;background:var(--sheet-bg);overflow:clip}.sheet-identity{--sheet-bg:var(--accent);z-index:1}.sheet-art{--sheet-bg:color-mix(in srgb,var(--violet) 65%,#262626);z-index:2}.sheet-edition{--sheet-bg:var(--orange);z-index:3}.category-heading{position:sticky;top:0;z-index:5;display:flex;align-items:baseline;gap:20px;padding:30px 0 24px;background:var(--sheet-bg);border-bottom:1px solid currentColor;margin-bottom:65px}.category-heading>span:first-child{font:12px var(--mono)}.category-heading h3{font:clamp(38px,5vw,72px)/.98 var(--display);letter-spacing:-.07em;margin:0}.category-heading>span:last-child{margin-left:auto;font:10px var(--mono);max-width:200px;line-height:1.5}.category-projects{display:grid;grid-template-columns:1fr 1fr;gap:80px 5%;align-items:start}.project-card{color:inherit;background:none;overflow:visible;box-shadow:none;border:0;translate:0 0!important}.project-card:nth-child(even){margin-top:120px}.project-card:nth-child(3n){grid-column:1/-1;width:67%;margin:10px auto 0}.project-cover{height:clamp(330px,39vw,570px);position:relative;isolation:isolate}.cover-backplate{position:absolute;inset:8% 7% 7% 3%;background:color-mix(in srgb,currentColor 12%,transparent);border:1px solid currentColor;opacity:.4;rotate:-5deg;transition:rotate .7s,translate .7s}.cover-main{position:absolute;inset:0 7% 8% 0;display:grid;place-items:center;background:#eeeae2;box-shadow:12px 15px 25px #0003;transform:rotate(2deg);overflow:hidden;transition:transform .7s}.cover-main>img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.cover-inset{position:absolute;right:0;bottom:0;width:45%;height:31%;padding:6px;background:#f3eee6;box-shadow:7px 8px 20px #0004;rotate:-8deg;transition:rotate .7s,translate .7s}.cover-inset img{width:100%;height:100%;object-fit:contain}.cover-annotation{font:16px/1.2 var(--hand);position:absolute;left:0;bottom:0;max-width:48%;rotate:-5deg}.project-card:hover .cover-main{transform:rotate(-1deg) translateY(-9px)}.project-card:hover .cover-inset{rotate:-3deg;translate:5px -10px}.project-card:hover .cover-backplate{rotate:3deg;translate:5px 0}.project-card .view-project{right:5%;bottom:14%;background:#202020;color:#f1eee8;opacity:0;translate:0 10px;padding:12px 15px;z-index:3}.project-card:hover .view-project,.project-card:focus-visible .view-project{opacity:1;translate:0 0}.card-description{display:flex;align-items:center;gap:17px;border-color:color-mix(in srgb,currentColor 35%,transparent);padding-top:26px;padding-bottom:18px}.card-description .card-number{font:9px var(--mono);align-self:flex-start;padding-top:8px;opacity:.6}.card-description h4{font:500 clamp(22px,2.5vw,36px)/1.05 'DM Sans',sans-serif;letter-spacing:-1.2px;margin:0 0 8px}.card-description>div>span{font:8px/1.7 var(--mono);opacity:.8}.card-description .card-arrow{margin-left:auto;font-size:28px}.cover-jk .cover-main{background:#efe4d1;padding:7%}.cover-coq .cover-main{rotate:-3deg}.cover-paulr .cover-main{background:#0a111a;padding:5%;rotate:-3deg}.cover-paulr .cover-inset{width:53%;height:28%;background:#151a24}.cover-poster .project-cover{height:620px}.cover-poster .cover-main{background:#d0d7d4}.cover-poster .cover-main img{object-fit:cover}.cover-lina .cover-main{background:#100b5d;rotate:-3deg}.cover-lina .cover-inset{background:#100b5d}.cover-gova .cover-main{background:#e2e5d6;padding:12%}.sheet-edition .category-projects{grid-template-columns:1fr}.cover-magazine{max-width:1000px;width:100%;margin:auto!important}.cover-magazine .project-cover{height:560px}.cover-magazine .cover-main{inset:0 10% 8% 0;background:#a6a5a2;rotate:-2deg}.cover-magazine .cover-main>img{object-fit:cover}.cover-magazine .cover-inset{width:29%;height:72%;padding:0;right:3%;bottom:0;rotate:7deg;background:#eae3d4}.cover-magazine .cover-annotation{font-size:22px}.folder-end{padding:25px 0 45px;margin-top:0}
/* Un mur d’exposition horizontal */
.lab-section{padding:55px 0 40px;background:#151515}.lab-section>.section-label,.lab-intro,.gallery-toolbar,.gallery-footer,.gallery-progress{margin-inline:7%}.lab-intro{margin-top:65px;margin-bottom:45px}.lab-intro h2{font-size:clamp(80px,10vw,150px)}.lab-intro>.handwritten{right:8%;bottom:-28px}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);color:#aaa;margin-top:70px;margin-bottom:20px}.gallery-toolbar>div{display:flex;align-items:center;gap:18px}.gallery-toolbar button{width:39px;height:39px;border:1px solid #777;background:transparent;color:var(--ink);border-radius:50%;font-size:17px}.gallery-toolbar button:hover:not(:disabled){background:var(--accent);color:#202020;border-color:var(--accent)}.gallery-toolbar button:disabled{opacity:.2;cursor:default}.gallery-toolbar #gallery-position{font-size:9px;min-width:60px;text-align:center}.gallery-viewport{overflow-x:auto;overflow-y:hidden;position:relative;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y;outline-offset:-5px;background:radial-gradient(ellipse at 40% 20%,#ffffff06,transparent 60%),linear-gradient(0deg,#222 0,transparent 14%);border-bottom:1px solid #ffffff0c}.gallery-viewport::-webkit-scrollbar{display:none}.lab-gallery{display:flex;gap:7vw;padding:50px 7vw 65px;margin:0;align-items:center;width:max-content}.gallery-work{flex:0 0 57vw;width:57vw;max-width:850px;scroll-snap-align:start;scroll-margin-left:7vw;padding:0 2vw}.gallery-work:last-child{margin-right:20vw}.lab-frame{display:block;width:100%;margin:0!important;rotate:0;transform:none!important;translate:0 0!important;border:0;background:none;box-shadow:none;user-select:none;-webkit-user-drag:none}.art-mount{height:56svh;min-height:350px;max-height:660px;display:flex!important;align-items:center;justify-content:center;position:relative;perspective:1000px;padding:0!important}.lab-frame .art-mount img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 15px 25px #0008;border:8px solid #e8e3d8;outline:1px solid #eee6;aspect-ratio:auto;transition:transform .7s;pointer-events:none}.gallery-work:nth-child(2n) .art-mount img{transform:rotate(2deg)}.gallery-work:nth-child(3n) .art-mount img{transform:rotate(-2deg)}.lab-frame:hover .art-mount img{transform:rotate(0) scale(1.02)}.lab-frame .art-label{display:flex;align-items:start;text-align:left;gap:15px;max-width:450px;margin:28px auto 0;padding:15px 0;border-top:1px solid #fff3;font:15px 'DM Sans';color:#eee}.art-label>b{font:8px var(--mono);padding-top:4px;color:var(--accent)}.art-label>span{padding:0;display:block;font:15px 'DM Sans';color:#eee}.art-label small{display:block;font:8px var(--mono);color:#999;margin-top:8px}.art-label>i{margin-left:auto;font-style:normal;color:var(--accent)}.gallery-progress{height:1px;background:#fff2;margin-top:30px}.gallery-progress>span{display:block;height:2px;background:var(--accent);width:16%;transition:width .3s}.gallery-footer{margin-top:25px;border:0;padding:0}.gallery-viewport.is-dragging{scroll-snap-type:none;user-select:none}
/* Parcours du projet */
.project-dialog{inset:0;width:100vw;max-width:none;height:100svh;max-height:100svh;margin:0;border:0;overscroll-behavior:contain;scroll-behavior:smooth;--story-color:var(--accent)}.project-dialog .dialog-top{height:57px;padding-inline:4%;background:#202020f5;border-bottom:1px solid #fff3;backdrop-filter:blur(15px)}.project-dialog .dialog-top .dialog-close{width:36px;height:36px;font-size:24px;border:1px solid #888;background:none}.project-dialog .dialog-content{padding:0}.story-intro{max-width:1300px;margin:auto;padding:75px 7% 50px;min-height:53svh}.story-intro h2{font-size:clamp(48px,8vw,120px);margin:30px 0;max-width:900px}.story-intro .detail-intro{max-width:680px;margin:0;color:#bbb}.story-invitation{display:flex;gap:50px;margin-top:40px;font:10px var(--mono);color:var(--accent)}.story-invitation>span{font-size:22px;line-height:1}.story-nav{position:sticky;top:57px;display:flex;justify-content:center;gap:6vw;align-items:center;background:#202020f2;backdrop-filter:blur(15px);padding:21px 5%;border-bottom:1px solid #fff3;z-index:4}.story-nav button{border:0;background:none;color:#aaa;font:10px var(--mono);padding:8px 0}.story-nav button.active{color:var(--accent)}.story-progress{position:absolute;height:2px;left:0;bottom:-1px;width:var(--chapter-progress,33.33%);background:var(--accent);transition:width .5s}.story-chapter{padding:75px 8% 80px;scroll-margin-top:135px;border-bottom:1px solid #fff2;max-width:1550px;margin:auto}.chapter-0{padding-top:65px;padding-bottom:70px;background:#292929;max-width:none}.chapter-copy{display:grid;grid-template-columns:100px minmax(0,770px);gap:4%;max-width:1100px;margin:auto auto 50px}.chapter-number{font:clamp(46px,6vw,80px)/1 var(--display);letter-spacing:-.08em;color:var(--accent)}.chapter-copy h3{font:clamp(30px,4vw,52px)/1 var(--display);letter-spacing:-.07em;margin:0 0 25px}.chapter-copy p{font-size:clamp(14px,1.35vw,19px);line-height:1.8;color:#bbb;margin:0}.chapter-0 .chapter-copy{margin-bottom:0}.chapter-images{display:grid;gap:50px}.chapter-images figure,.art-full figure{margin:0;background:#181818}.chapter-images img{width:100%;max-height:90svh;object-fit:contain;background:#171717}.chapter-images figcaption,.art-full figcaption{padding:15px 0;font:9px var(--mono);color:#999;background:#202020}.chapter-1 .chapter-images:has(figure:nth-child(2)){grid-template-columns:1fr 1fr;align-items:center}.chapter-1 .chapter-images img{max-height:68svh}.story-note{position:relative;max-width:700px;margin:60px auto 20px;padding:55px 50px;text-align:center;color:var(--orange);font:clamp(25px,3vw,43px)/1.3 var(--hand);rotate:-3deg}.story-note svg{position:absolute;inset:0;width:100%;height:100%;stroke-width:1}.project-dialog .detail-footer{padding:35px 8% 70px;max-width:1550px;margin:auto;border:0}.art-view .story-intro{min-height:0;padding:35px 7% 20px}.art-view .story-intro h2{font-size:clamp(32px,5vw,60px);margin:22px 0}.art-view .detail-intro,.art-view .story-invitation,.art-view .story-nav{display:none}.art-full{padding:0 5% 25px}.art-full img{width:100%;height:75svh;object-fit:contain}.art-full figcaption{text-align:center}.project-dialog button:focus-visible{outline-offset:4px}
@media(max-width:1050px){.hero-copy{padding-top:190px}.hero-doodle{left:78%;width:120px;top:79%}.project-index .handwritten{font-size:13px}.category-sheet{padding-inline:5%}.category-heading>span:last-child{max-width:160px;font-size:8px}.category-projects{gap:60px 5%}.project-cover{height:360px}.cover-annotation{font-size:13px}.cover-poster .project-cover{height:480px}.cover-magazine .project-cover{height:480px}.chapter-copy{grid-template-columns:80px minmax(0,1fr)}}
@media(max-width:700px){.hero-copy{padding-top:150px}.hero-copy h1{font-size:clamp(62px,15.3vw,100px)}.hero-doodle{top:83%;left:65%;width:110px}.contact-doodle{width:130px;top:45%;right:0}.gallery-doodle{left:220px;width:100px;top:35px}.projects-section{padding-top:50px}.projects-section>.section-heading{margin-top:35px}.project-index{margin-bottom:60px;gap:15px;flex-wrap:wrap;font-size:8px}.project-index .handwritten{display:block;width:100%;max-width:none;margin:10px 0 0}.category-sheet{border-radius:19px 19px 0 0;padding-bottom:80px;margin-top:-23px}.category-heading{gap:11px;padding:22px 0 18px;margin-bottom:35px;top:0}.category-heading h3{font-size:36px;letter-spacing:-2px}.category-heading>span:first-child{font-size:8px}.category-heading>span:last-child{display:none}.category-projects{grid-template-columns:1fr;gap:45px}.project-card:nth-child(even),.project-card:nth-child(3n){width:100%;margin:0;grid-column:auto}.project-cover{height:440px;max-height:113vw}.cover-poster .project-cover{height:520px;max-height:135vw}.cover-main{inset:0 6% 8% 2%}.cover-inset{right:1%;width:43%}.cover-annotation{font-size:14px}.card-description{padding:22px 0 18px;gap:15px}.card-description h4{font-size:27px}.card-description>div>span{font-size:8px}.project-card .view-project{opacity:1;translate:0 0;font-size:8px;padding:10px;bottom:14%;right:9%}.cover-magazine .project-cover{height:370px;max-height:100vw}.cover-magazine .cover-inset{width:33%;height:75%;right:0}.cover-magazine .cover-annotation{font-size:15px}.folder-end{padding-bottom:35px}.lab-section{padding-top:35px}.lab-intro{margin-top:42px;margin-bottom:45px}.gallery-toolbar{margin-top:60px;gap:10px;font-size:8px;line-height:1.6}.gallery-toolbar>span{max-width:130px}.gallery-toolbar>div{gap:10px}.gallery-toolbar button{width:32px;height:32px;font-size:15px}.gallery-toolbar #gallery-position{font-size:8px;min-width:45px}.lab-gallery{padding:25px 7vw 40px;gap:8vw}.gallery-work{width:80vw;flex-basis:80vw;padding:0 1vw}.gallery-work:last-child{margin-right:5vw}.art-mount{height:53svh;min-height:290px;max-height:520px}.lab-frame .art-mount img{border-width:5px}.lab-frame .art-label{margin-top:22px;gap:11px}.art-label>span{font-size:13px}.art-label small{font-size:7px;line-height:1.6}.gallery-progress{margin-top:20px}.gallery-footer{font-size:6px;line-height:1.8;gap:20px}.story-intro{padding:45px 6% 35px;min-height:45svh}.story-intro h2{font-size:clamp(43px,12vw,65px)}.story-intro .detail-intro{font-size:13px}.story-nav{gap:0;justify-content:space-between;padding:13px 5%;top:55px}.story-nav button{font-size:7px;line-height:1.5;padding:8px 3px}.project-dialog .dialog-top{height:55px;padding-inline:5%;font-size:9px}.project-dialog .dialog-top button{min-width:27px}.project-dialog .dialog-top .dialog-close{height:32px;width:32px}.story-chapter{padding:45px 6% 50px;scroll-margin-top:120px}.chapter-copy{grid-template-columns:40px minmax(0,1fr);gap:15px;margin-bottom:28px}.chapter-number{font-size:38px}.chapter-copy h3{font-size:31px;margin-bottom:20px}.chapter-copy p{font-size:13px;line-height:1.8}.chapter-1 .chapter-images:has(figure:nth-child(2)){grid-template-columns:1fr}.chapter-images{gap:25px}.chapter-images figcaption{font-size:8px;line-height:1.6;padding:12px 0}.story-note{padding:40px 25px;font-size:25px;margin:25px 0 0}.art-full{padding-inline:3%}.art-full img{height:66svh}.project-dialog .detail-footer{padding:25px 6% 45px}.art-view .story-intro{padding:30px 6% 15px}.art-view .story-intro h2{font-size:35px}.art-view .detail-category{font-size:7px}}
@media(prefers-reduced-motion:reduce){.project-dialog{scroll-behavior:auto}.cover-main,.cover-inset,.cover-backplate,.lab-frame .art-mount img{transition:none}.story-progress{transition:none}}
.cover-sakado .cover-main{background:#ed7d42;padding:10%;rotate:-2deg}.cover-sakado .cover-main>img{mix-blend-mode:multiply;height:auto}.cover-sakado .cover-inset{height:30%;width:45%}.magazine-link{display:block;width:max-content;max-width:84%;margin:0 auto 60px;padding:16px 22px;background:var(--accent);color:#202020;font:11px var(--mono)}
@media(hover:hover) and (pointer:fine){a,button,[role=button]{cursor:var(--cursor-link,url('assets/curseur-lien.svg')) 17 17,pointer}}
@media(max-width:700px){.magazine-link{font-size:9px;padding:14px 16px;margin-bottom:40px}}
/* Des compositions propres à chaque projet. */
.hero-copy h1{line-height:1.03}.hero-copy h1 em{margin-block:.03em .14em;padding-bottom:.03em}.outline-word{position:relative;z-index:1}.hero-copy{padding-top:165px}.hand-doodle{stroke-width:4.5}.hero-doodle{width:125px}.gallery-doodle{width:100px}.contact-doodle{width:180px}.category-sheet{position:sticky;top:var(--sheet-top,0);overflow:clip}.category-heading{position:relative;top:auto}.project-cover,.cover-poster .project-cover{height:clamp(330px,39vw,570px)}.project-card:nth-child(3n){width:100%;grid-column:auto;margin:0}.project-card:nth-child(even){margin-top:95px}.universe-stage{position:absolute;inset:0;overflow:hidden;isolation:isolate;transition:transform .65s cubic-bezier(.2,.7,.2,1);border-radius:3px}.project-card:hover .universe-stage{transform:translateY(-8px)}.universe-stage img{position:absolute;transition:transform .8s cubic-bezier(.2,.7,.2,1);object-fit:contain}.stage-caption{position:absolute;bottom:6%;left:7%;font:14px var(--hand);rotate:-4deg;z-index:4}.stage-paulr{background:#080d14}.cosmic-background{inset:0;width:100%;height:100%;object-fit:cover!important;opacity:.5;transform:scale(1.15)}.stage-paulr .stage-type{position:absolute;top:0;left:-3%;font:clamp(80px,10vw,180px)/1 var(--display);letter-spacing:-.08em;color:#ffffff22;z-index:1}.record-front{width:65%;height:65%;left:18%;top:20%;rotate:-9deg;box-shadow:20px 24px 50px #000b;z-index:2}.stage-paulr .stage-caption{color:#d9e4ff}.project-card:hover .record-front{transform:rotate(7deg) scale(1.04)}.project-card:hover .cosmic-background{transform:scale(1)}.stage-lina{background:#11075a}.type-echo{position:absolute;inset:-5% 0;overflow:hidden;font:clamp(100px,14vw,220px)/.9 var(--display);letter-spacing:-.09em;color:#f3ff0024;rotate:-12deg;white-space:nowrap}.lina-original{inset:17% 8%;height:66%;width:84%;mix-blend-mode:lighten;rotate:6deg}.stage-lina .stage-caption{color:#e9ff00}.project-card:hover .lina-original{transform:rotate(-6deg) scale(1.07)}.stage-gova{background:#e4e9dc;color:#b42720}.gova-route{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#bb392d;stroke-width:2;opacity:.4;stroke-dasharray:8 7;rotate:-10deg;transition:rotate 1s}.gova-original{inset:28% 9%;width:82%;height:44%;mix-blend-mode:multiply;z-index:2}.route-tag,.route-end{position:absolute;font:9px var(--mono);letter-spacing:2px}.route-tag{left:7%;top:8%;padding:9px 13px;border:1px solid #b42720;border-radius:30px;rotate:-8deg}.route-end{right:7%;bottom:9%}.project-card:hover .gova-route{rotate:5deg}.project-card:hover .gova-original{transform:scale(1.08)}.stage-hebebulles{background:#ecdcd0;color:#774653}.hb-name{position:absolute;left:7%;top:7%;font:italic clamp(30px,4vw,62px)/1 Georgia,serif;letter-spacing:-2px}.hb-fan{position:absolute;inset:25% 0 10%;perspective:1000px}.hb-card{width:47%;height:auto;top:3%;box-shadow:8px 12px 24px #442b362f}.hb-card-0{left:5%;rotate:-17deg}.hb-card-1{left:28%;rotate:0deg;top:8%;z-index:2}.hb-card-2{right:-2%;rotate:17deg}.project-card:hover .hb-card-0{transform:translate(-8px,-12px) rotate(-7deg)}.project-card:hover .hb-card-1{transform:translateY(-22px)}.project-card:hover .hb-card-2{transform:translate(8px,-12px) rotate(7deg)}.stage-hebebulles .stage-caption{bottom:5%;font-size:12px}.stage-cristaline{background:#bcdde7;color:#007fa7}.water-word{position:absolute;left:-2%;top:3%;font:clamp(50px,9vw,130px)/.85 var(--display);letter-spacing:-.08em;color:#037fa72b;rotate:-8deg}.poster-original{height:83%;width:77%;top:6%;left:19%;rotate:8deg;filter:drop-shadow(10px 18px 14px #15435644)}.project-card:hover .poster-original{transform:rotate(-7deg) scale(1.02)}.stage-cristaline .stage-caption{bottom:4%}.stage-sakado{background:#ed7d42;color:#24372c}.sakado-original{inset:20% 8%;width:84%;height:60%;mix-blend-mode:multiply;z-index:2}.terrain-line{position:absolute;width:135%;height:90%;left:-30%;top:50%;border:2px solid #435c3644;box-shadow:0 0 0 25px #435c3611,0 0 0 55px #435c3611,0 0 0 90px #435c3611;border-radius:47%;rotate:-25deg}.outdoor-label{position:absolute;left:7%;top:8%;font:9px var(--mono);letter-spacing:2px}.project-card:hover .sakado-original{transform:scale(1.07) rotate(-3deg)}.stage-jk{background:#f1eade;color:#202020}.jk-original{width:88%;height:62%;top:12%;left:6%;mix-blend-mode:multiply}.jk-frame{position:absolute;inset:6%;border:1px solid #20202040}.jk-label{position:absolute;bottom:9%;right:10%;font:9px/1.7 var(--mono);letter-spacing:2px;text-align:right}.project-card:hover .jk-original{transform:scale(1.08)}.stage-coq{background:#eac975}.coq-original{inset:0;width:100%;height:100%;object-fit:cover!important}.coq-label{position:absolute;bottom:7%;right:5%;background:#f3e4a5;color:#242820;font:18px var(--hand);padding:12px 20px;rotate:-7deg;box-shadow:3px 4px #242820}.project-card:hover .coq-original{transform:scale(1.05)}.stage-magazine{background:#13274c}.magazine-background{width:100%;height:100%;inset:0;object-fit:cover!important;opacity:.7}.magazine-front{width:36%;height:80%;right:12%;top:5%;rotate:9deg;filter:drop-shadow(12px 22px 12px #0007)}.stage-magazine .stage-caption{color:#ffd047}.project-card:hover .magazine-front{transform:rotate(-5deg) translateY(-8px)}
/* Une collection en orbite, sans cartels. */
.gallery-viewport{height:760px;max-height:95svh;min-height:600px;overflow:hidden;touch-action:pan-y;background:#151515;border:0}.lab-gallery{position:absolute;inset:0;display:block;width:auto;padding:0;margin:0;pointer-events:none}.orbit-item{position:absolute;left:50%;top:50%;width:clamp(115px,17vw,225px);height:clamp(145px,22vw,290px);padding:0;border:0;background:none;pointer-events:auto;transition:transform .9s cubic-bezier(.22,.7,.2,1);box-shadow:none}.orbit-item img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 15px 15px #0007);transition:filter .3s,scale .3s;user-select:none}.orbit-item:hover img,.orbit-item:focus-visible img{scale:1.1;filter:drop-shadow(0 18px 22px #000b)}.orbit-center{position:absolute;left:50%;top:50%;translate:-50% -50%;border:0;background:none;color:var(--ink);font:clamp(34px,5vw,70px)/.9 var(--display);letter-spacing:-.08em;z-index:5;text-align:center;padding:15px}.orbit-center em{font:inherit;color:var(--accent)}.orbit-center span{display:block;margin-top:24px;font:8px var(--mono);letter-spacing:1px;color:#999}.orbit-center:hover span{color:var(--accent)}.gallery-viewport.is-dragging .orbit-item{transition:none}.gallery-toolbar{margin-bottom:0}.gallery-progress{margin-top:0}.art-view .story-intro,.art-view .art-full figcaption{display:none}.art-full{padding-top:25px}.story-back{display:flex;align-items:center;gap:14px;border:0;background:none;margin:30px 7% 0;padding:8px 0;font:15px var(--hand);color:var(--accent)}.story-back svg{width:75px;height:38px;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;transition:translate .3s}.story-back:hover svg{translate:-8px 0}.story-intro{padding-top:35px}.graphic-scene{margin:50px auto 25px;overflow:hidden;position:relative;isolation:isolate;min-height:340px;padding:8%;color:var(--accent);background:#121212;opacity:.4;translate:0 35px;transition:opacity .9s,translate .9s}.graphic-scene.scene-visible{opacity:1;translate:0 0}.scene-words{display:flex;flex-direction:column;justify-content:center;min-height:380px}.scene-words>span{font:clamp(50px,8vw,120px)/.95 var(--display);letter-spacing:-.07em;transform:translateX(-15%);transition:transform 1.3s}.scene-words>em{font:clamp(30px,5vw,70px)/1.3 var(--hand);align-self:flex-end;color:var(--orange);rotate:-5deg;transform:translateX(20%);transition:transform 1.3s .15s}.scene-visible>span,.scene-visible>em{transform:translateX(0)}.letter-route{display:flex;align-items:center;justify-content:center;gap:8%;font:clamp(70px,13vw,180px)/1 var(--display)}.letter-route>span{font-family:var(--hand);color:var(--orange)}.graphic-scene p{font:12px/1.6 var(--mono);text-align:center;color:inherit}.palette-chips{display:flex;justify-content:center;margin:45px auto;max-width:700px}.palette-chips i{display:block;width:25%;height:140px;background:var(--chip);border-radius:100px;transform:translateY(45px);transition:transform .8s}.palette-chips i:nth-child(2){transition-delay:.1s}.palette-chips i:nth-child(3){transition-delay:.2s}.palette-chips i:nth-child(4){transition-delay:.3s}.scene-visible .palette-chips i{transform:translateY(0)}.scene-hb-intro{background:#d9b7ba;color:#754b56;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px}.scene-hb-intro>span,.scene-hb-intro>em{font:italic clamp(34px,5vw,75px)/1.3 Georgia,serif}.scene-hb-palette{background:#ece1d4;color:#774653}.scene-hb-templates{background:#ece1d4;color:#774653;padding:5%}.template-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:center}.template-strip figure{margin:0;transition:rotate .4s,transform .4s}.template-strip figure:nth-child(2n){rotate:3deg}.template-strip figure:nth-child(3n){rotate:-3deg}.template-strip figure:hover{rotate:0deg;transform:scale(1.04);z-index:2}.template-strip img{width:100%;height:auto}.editorial-type{background:#122349;color:#f9cc35;padding:5%;display:flex;flex-direction:column;gap:25px}.editorial-type small{font:10px var(--mono);letter-spacing:3px}.editorial-type>span{font:clamp(50px,7vw,105px)/.9 var(--display);letter-spacing:-.08em}.editorial-type em{font:18px var(--hand);align-self:flex-end}.scene-gova,.scene-jk,.scene-coq{height:550px;padding:0}.graphic-scene .universe-stage{position:absolute}.project-dialog[data-project=hebebulles]{--accent:#dcb7ba;--orange:#bc8c78}.project-dialog[data-project=sakado]{--accent:#ed7d42}.project-dialog[data-project=magazine]{--accent:#f6cb38}.project-dialog[data-project=lina]{--accent:#e6fa00}
@media(hover:hover) and (pointer:fine){a,button,[role=button]{cursor:var(--cursor-link) 4 2,pointer}.hero-window .titlebar{cursor:grab}.hero-window.dragging .titlebar{cursor:grabbing}.gallery-viewport{cursor:grab}.gallery-viewport.is-dragging,.gallery-viewport.is-dragging *{cursor:grabbing!important}}
@media(max-width:700px){.hero-copy{padding-top:145px}.hero-copy h1{font-size:clamp(62px,15.3vw,100px);line-height:1.05}.hero-doodle{width:90px}.project-card:nth-child(even),.project-card:nth-child(3n){margin:0;width:100%}.project-cover,.cover-poster .project-cover{height:440px;max-height:113vw}.category-sheet{position:relative;top:auto}.universe-stage .stage-caption{font-size:13px}.type-echo{font-size:145px}.stage-paulr .stage-type{font-size:100px}.water-word{font-size:90px}.hb-name{font-size:42px}.gallery-viewport{height:680px;min-height:600px;max-height:none}.orbit-item{width:115px;height:165px}.orbit-center{font-size:36px}.orbit-center span{font-size:6px;letter-spacing:.5px}.story-back{font-size:12px;margin-top:18px}.story-back svg{width:55px}.graphic-scene{min-height:250px;padding:7%;margin-top:35px}.scene-words{min-height:300px}.scene-words>span{font-size:45px}.scene-words>em{font-size:31px}.scene-hb-intro>span,.scene-hb-intro>em{font-size:33px}.palette-chips i{height:85px}.template-strip{grid-template-columns:repeat(2,1fr);gap:15px}.scene-hb-templates p,.graphic-scene p{font-size:9px}.scene-gova,.scene-jk,.scene-coq{height:340px}.editorial-type>span{font-size:45px}.editorial-type em{font-size:14px}.contact-doodle{width:110px}.cover-magazine .project-cover{height:370px}}
@media(prefers-reduced-motion:reduce){.graphic-scene{opacity:1;translate:none}.scene-words>span,.scene-words>em,.palette-chips i{transform:none}.orbit-item,.universe-stage,.universe-stage img{transition:none}}
.motion-paused .graphic-scene{opacity:1;translate:none}.motion-paused .scene-words>span,.motion-paused .scene-words>em,.motion-paused .palette-chips i{transform:none}
/* Les dossiers se déploient au défilement, avec le même mouvement pour chaque catégorie. */
.brand{gap:0}.hero-copy h1{max-width:680px}.hero-tags{margin-top:40px}.desktop-bottom{justify-content:flex-end;gap:40px}.section-heading{justify-content:flex-start}.lab-intro{justify-content:flex-start}.lab-intro h2{font-size:clamp(72px,10vw,145px);line-height:.93;letter-spacing:-.075em}.gallery-doodle{left:105%;top:20%;width:100px}.lab-section>.section-label{margin-bottom:20px}.gallery-toolbar{margin-top:25px}.projects-section{overflow:clip}.project-grid{overflow:visible}.category-zone{position:relative;min-height:100svh;margin-top:-100svh}.category-zone:first-child{margin-top:0}.category-zone:nth-child(1){z-index:1}.category-zone:nth-child(2){z-index:2}.category-zone:nth-child(3){z-index:3}.category-sheet{position:sticky;top:0;height:100svh;min-height:660px;padding:0 7% 70px;margin:0;border-radius:28px 28px 0 0;overflow:hidden}.category-heading{position:relative;padding-top:25px;margin-bottom:25px;gap:20px}.category-heading h3{font-size:clamp(42px,5vw,72px)}.rail-controls{margin-left:auto;display:flex;gap:8px}.rail-controls button{width:35px;height:35px;display:grid;place-items:center;border:1px solid currentColor;background:none;color:inherit;border-radius:50%;font-size:17px;transition:background .2s}.rail-controls button:hover{background:#ffffff30}.category-projects,.sheet-edition .category-projects{display:flex;gap:4vw;align-items:flex-start;will-change:transform;width:100%;transition:none}.project-card,.project-card:nth-child(even),.project-card:nth-child(3n),.cover-magazine{flex:0 0 48vw;width:48vw;max-width:720px;min-width:0;margin:0!important;grid-column:auto}.project-cover,.cover-poster .project-cover,.cover-magazine .project-cover{height:calc(100svh - 275px);min-height:310px;max-height:580px}.card-description{padding:20px 0 12px}.card-description h4{font-size:28px}.card-description>div>span{font-size:8px}.rail-progress{position:absolute;height:1px;left:7%;right:7%;bottom:65px;background:color-mix(in srgb,currentColor 20%,transparent)}.rail-progress i{position:absolute;inset:0 auto 0 0;display:block;background:currentColor;width:6%;transition:width .1s}.stage-lina .lina-original{mix-blend-mode:normal}.stage-jk .jk-original{mix-blend-mode:normal}.stage-sakado .sakado-original{mix-blend-mode:multiply;inset:25% 8%;height:50%}.stage-gova .gova-original{height:50%;top:22%}.coq-overlay{width:29%;height:38%;z-index:3;left:4%;top:5%;background:#f7ebcc;border-radius:50%;padding:3%;box-shadow:4px 6px 15px #0002}.stage-caption{font-size:12px}.stage-cristaline .water-word{font-size:100px}.hb-fan{inset:27% 2% 5%}.hb-card{height:85%;object-fit:contain}.hb-card-0{left:3%}.hb-card-1{left:27%}.hb-card-2{right:0}.stage-hebebulles .stage-caption{bottom:4%}.sheet-edition .project-card{flex-basis:70vw;width:70vw;max-width:1000px}.gallery-viewport{height:900px;max-height:none;min-height:700px}.orbit-item{width:clamp(75px,9vw,130px);height:clamp(110px,12vw,170px)}.orbit-item.outer-orbit{width:clamp(90px,12vw,170px);height:clamp(120px,15vw,210px)}.orbit-center{font-size:clamp(30px,4vw,58px);padding:10px;z-index:30;max-width:250px}.orbit-center span{margin-top:20px;font-size:7px}.lab-intro{margin-bottom:20px}.gallery-footer{margin-top:20px}.social-consulting{border-top:var(--border);padding-top:25px;margin-top:30px}.social-consulting h4{font:clamp(24px,3vw,40px)/1.05 var(--display);letter-spacing:-.06em;margin:0 0 20px}.social-consulting p{font-size:14px;line-height:1.8}.origins-trigger{display:flex;gap:12px;align-items:center;background:none;border:0;color:#aaa;padding:20px 0 0}.origins-trigger>span{font-size:28px}.origins-trigger small{font:9px var(--mono)}.origins-trigger:hover{color:var(--accent)}.origins-dialog{width:min(740px,92vw);padding:0;border:1px solid #777;background:#242424;color:var(--ink);box-shadow:15px 20px 80px #0009}.origins-body{padding:40px 7%;position:relative;overflow:hidden}.origins-body>.handwritten{color:var(--accent)}.origins-body h2{font:clamp(32px,4vw,54px)/1 var(--display);letter-spacing:-.07em;margin:25px 0}.origins-body>p{font-size:14px;line-height:1.7;color:#bbb}.software-icons{display:flex;justify-content:space-around;gap:25px;margin:45px 0}.software-icons button{background:none;border:1px solid transparent;padding:15px 20px;display:flex;flex-direction:column;align-items:center;gap:15px;max-width:32%;border-radius:5px}.software-icons button:hover,.software-icons button.selected{background:#ffffff0a;border-color:#fff3}.software-icons img{width:70px;height:70px;object-fit:contain;image-rendering:auto;transition:translate .3s}.software-icons button:hover img{translate:0 -8px}.software-icons span{font:10px var(--mono)}.software-icons small{display:block;color:#aaa;margin-top:8px}.origins-body .pixel-memory{font:12px/1.6 var(--hand);color:var(--accent);min-height:40px}.origins-body[data-memory=photofiltre]{background:linear-gradient(120deg,#ff805208,#b5a3ff15)}.origins-body[data-memory=photoscape]{background:linear-gradient(120deg,#dcff0010,#0091ff10)}.origins-body[data-memory=photoshop]{background:linear-gradient(120deg,#2973a733,#111)}
/* Chaque projet a son rythme et ses matériaux. */
.project-dialog{--accent:var(--story-color);--orange:#f4eee7}.story-intro{max-width:none;min-height:0;padding:45px 7% 35px;position:relative}.story-intro h2{max-width:100%;font-size:clamp(50px,7vw,110px);margin:24px 0}.story-intro .detail-intro{max-width:760px;color:#ccc;font-size:clamp(15px,1.6vw,21px);line-height:1.7}.detail-category{display:block;font-size:10px;letter-spacing:1px;color:var(--story-color)}.story-invitation{font-size:9px;color:#aaa;margin-top:25px}.story-hero{position:relative;height:66svh;min-height:360px;max-height:700px;margin-top:50px;overflow:hidden;border-radius:4px}.story-hero .universe-stage{position:absolute;inset:0}.story-hero .stage-caption{font-size:18px}.story-hero .record-front{width:48%;left:25%;height:82%;top:7%}.story-hero .hb-name{font-size:clamp(35px,5vw,78px)}.story-hero .hb-fan{inset:25% 17% 7%}.story-hero .lina-original{inset:5% 15%;width:70%;height:90%}.story-hero .gova-original{width:60%;left:20%}.story-hero .jk-original{width:65%;left:17.5%;height:80%;top:8%}.story-hero .poster-original{width:55%;left:37%;height:92%;top:3%;rotate:5deg}.story-hero .water-word{font-size:clamp(100px,15vw,230px)}.story-nav{gap:0;justify-content:space-between;padding:16px 7%}.story-nav button{display:flex;align-items:center;gap:10px;font-size:9px}.story-nav button.active{color:var(--story-color)}.story-progress{background:var(--story-color)}.story-back{color:var(--story-color)}.chapter-number{color:var(--story-color)}.chapter-copy{grid-template-columns:90px minmax(0,900px);max-width:1200px;margin-bottom:45px;gap:5%}.chapter-copy p{font-size:clamp(14px,1.45vw,19px);line-height:1.85;color:#c0c0c0}.chapter-copy h3{font-size:clamp(35px,4vw,58px);letter-spacing:-.065em;line-height:1.06}.chapter-0{background:transparent;max-width:1550px}.constraint-list{list-style:none;padding:0;margin:35px 0 0;display:flex;flex-direction:column;gap:15px}.constraint-list li{font:12px/1.6 var(--mono);padding:12px 0 12px 27px;border-top:1px solid #ffffff26;position:relative}.constraint-list li:before{content:'↗';position:absolute;left:0;color:var(--story-color);font-family:var(--hand)}.graphic-scene{margin:40px auto 0;min-height:360px;padding:6%;background:var(--scene-tint,#151515);color:var(--story-color);border-radius:3px}.scene-title{display:flex;flex-direction:column;gap:20px;min-height:320px;justify-content:center}.scene-title>span{font:clamp(50px,7vw,100px)/.95 var(--display);letter-spacing:-.07em;transform:translateX(-12%);transition:transform 1.2s}.scene-title>em{font:clamp(25px,4vw,55px)/1.3 var(--hand);color:#eee;align-self:flex-end;rotate:-4deg;transform:translateX(12%);transition:transform 1.2s .15s}.scene-visible .scene-title>*{transform:translateX(0)}.scene-kicker{font:10px var(--mono);letter-spacing:2px;display:block;margin:30px 0;color:inherit}.graphic-scene .palette-chips{gap:0;max-width:100%;margin:35px 0}.palette-chips button{border:0;background:var(--chip);height:120px;flex:1;min-width:0;border-radius:70px;transform:translateY(30px);transition:transform .7s}.palette-chips button:hover{transform:translateY(-10px)!important}.palette-chips button>span{font:9px var(--mono);color:#202020;opacity:0;transition:opacity .3s;background:#ffffffa0;padding:4px}.palette-chips button:hover>span,.palette-chips button:focus-visible>span{opacity:1}.scene-visible .palette-chips button{transform:translateY(0)}.research-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.research-pair figure{margin:0;background:#eae4d7;padding:25px;rotate:-2deg;color:#202020}.research-pair figure+figure{rotate:2deg}.research-pair img{width:100%;height:360px;object-fit:contain}.research-pair figcaption{font:9px/1.6 var(--mono);margin-top:20px}.large-sign{display:block;width:100%;height:320px;object-fit:contain}.brand-rules{display:flex;justify-content:space-around;gap:30px;margin:50px 0 15px}.brand-rules>span{font:clamp(50px,7vw,95px)/1 var(--display);letter-spacing:-.07em}.brand-rules small{font:9px/1.5 var(--mono);letter-spacing:0;display:block;margin-top:15px}.symbol-pair{display:flex;gap:6%;justify-content:center;align-items:center}.symbol-pair>img:first-child{width:60%}.symbol-pair>img:last-child{width:25%}.scene-jk-system{background:var(--scene-tint,#f4eedf);color:#303c20}.scene-jk-system .large-sign{height:460px}.jk-family{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.jk-family>img{width:100%;height:280px;object-fit:contain;background:#f1e9d4;padding:20px}.jk-family>img:first-child{grid-column:1/-1;height:400px}.coq-sign{height:420px;width:100%;object-fit:contain;background:#f5e6bf;padding:8%;border-radius:50%}.scene-caption{font:16px var(--hand);text-align:center;margin-top:25px}.scene-hb-opening{background:#e9dad1;color:#774653}.avatar-duo{display:flex;align-items:center;justify-content:center;gap:10%;padding:30px 0}.avatar-duo figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:20px}.avatar-duo figure:first-child img{width:140px;height:140px;border-radius:50%;object-fit:contain}.avatar-duo figure:last-child img{width:230px;height:260px;object-fit:contain}.avatar-duo figcaption{font:13px var(--hand)}.avatar-duo svg{width:130px;fill:none;stroke:#774653;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.scene-hb-avatar{background:#e9dad1;color:#774653}.avatar-workbench{display:flex;align-items:center;flex-direction:column;gap:30px}.avatar-preview{width:240px;height:270px;object-fit:contain}.avatar-options{display:flex;gap:18px;justify-content:center}.avatar-options button{border:1px solid transparent;background:none;border-radius:50%;padding:8px}.avatar-options button.selected{border-color:#774653}.avatar-options img{width:65px;height:65px;object-fit:contain}.scene-hb-system{background:var(--scene-tint,#eee1d5);color:#774653}.hb-brand-block{display:flex;gap:6%;align-items:center}.hb-monogram{width:28%;height:220px;object-fit:contain;mix-blend-mode:multiply;rotate:-6deg}.hb-brand-block h4{font:italic clamp(40px,5vw,76px)/1 Georgia;margin:20px 0;letter-spacing:-3px}.hb-brand-block p{text-align:left;font-size:11px}.type-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:55px}.type-options figure{margin:0}.type-options img{width:100%;height:160px;object-fit:contain;mix-blend-mode:multiply}.type-options figcaption{font:9px var(--mono);line-height:1.6;margin-top:15px}.scene-hb-result{background:#e9dad1;color:#774653}.scene-hb-result .template-strip{grid-template-columns:repeat(3,1fr);margin-bottom:70px}.scene-hb-result .template-strip:nth-of-type(2){grid-template-columns:repeat(2,1fr)}.published-post{display:flex;align-items:center;gap:8%;margin-top:50px}.published-post img{width:47%}.published-post p{font:clamp(28px,4vw,50px)/1 var(--display);letter-spacing:-.06em;text-align:left}.published-post em{font:25px/1.5 var(--hand);letter-spacing:0}.audience-cards{display:flex;gap:22px;align-items:stretch}.audience-cards>div{flex:1;background:#e9f626;color:#130b52;padding:30px 22px;min-width:0;transform:translateY(50px);transition:transform .8s}.audience-cards>div:nth-child(2){background:#a9a0e5;transition-delay:.1s}.audience-cards>div:nth-child(3){background:#eee9de;transition-delay:.2s}.scene-visible .audience-cards>div{transform:translateY(0)}.audience-cards b{font:10px var(--mono)}.audience-cards h4{font:clamp(20px,2.5vw,33px)/1.1 var(--display);letter-spacing:-.06em;margin:35px 0 20px}.audience-cards p{text-align:left;font:15px/1.6 'DM Sans'}.audience-cards span{display:block;margin-top:40px;font:8px var(--mono);letter-spacing:1px}.learning-trail{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;padding:70px 0}.learning-trail>span{font:clamp(32px,4vw,58px)/1 var(--display);letter-spacing:-.06em}.learning-trail i{font:45px var(--hand);color:#ece9e1;rotate:-12deg}.lina-brand img{width:100%;max-height:650px;object-fit:contain}.scene-lina-system{background:#100752;padding:0}.lina-variants{display:grid;grid-template-columns:1fr 1fr;gap:25px}.lina-variants>img{width:100%}.lina-variants>img:first-child{grid-column:1/-1;max-height:550px;object-fit:contain}.constraint-notes{display:flex;flex-direction:column;align-items:center;gap:15px;padding:35px 0}.constraint-notes>span{font:clamp(30px,5vw,75px)/1 var(--display);letter-spacing:-.06em;rotate:-3deg;background:#ec5138;color:#181818;padding:12px 20px}.constraint-notes>span:nth-child(2){rotate:3deg;background:#e3e6d7}.constraint-notes>span:nth-child(3){background:transparent;color:#ee5339}.scene-gova-paths,.scene-gova-result{background:#dddccc;color:#35382e}.journey-switch{display:flex;justify-content:center;gap:10px;margin-bottom:35px}.journey-switch button{border:1px solid #3336;border-radius:30px;padding:12px 17px;background:none;color:#333;font:10px var(--mono)}.journey-switch button.selected{background:#df2c15;color:white;border-color:#df2c15}.gova-step-text{display:flex;justify-content:space-around;align-items:center;font:16px var(--hand);gap:15px;margin:30px 0 45px}.gova-step-text i{font-style:normal;font-size:30px;color:#df2c15}.phone-sequence{display:flex;align-items:flex-start;justify-content:center;gap:25px;perspective:1200px}.phone-sequence img{width:29%;border-radius:20px;box-shadow:10px 15px 20px #0003;transform:rotateY(10deg) translateY(60px);transition:transform 1s}.phone-sequence img:nth-child(2){margin-top:50px;transform:rotateY(0) translateY(60px);transition-delay:.15s}.phone-sequence img:nth-child(3){transform:rotateY(-10deg) translateY(60px);transition-delay:.3s}.scene-visible .phone-sequence img{transform:rotateY(0) translateY(0)}.gova-brand{display:flex;flex-direction:column;gap:20px;align-items:center}.gova-brand img{width:85%;height:350px;object-fit:contain}.gova-brand span{font:22px var(--hand);color:#df2c15}.cosmic-detail{position:relative;height:550px;overflow:hidden}.cosmic-detail img{width:100%;height:100%;object-fit:cover;scale:1.7;opacity:.6}.cosmic-detail>span{position:absolute;left:5%;top:25%;font:clamp(40px,7vw,95px)/.9 var(--display);letter-spacing:-.07em;color:#f1eee8;mix-blend-mode:screen}.editorial-rubrics{display:grid;grid-template-columns:1fr 1fr;gap:35px}.editorial-rubrics>span{font:clamp(28px,4vw,55px)/1 var(--display);letter-spacing:-.06em;padding:20px 0;border-bottom:1px solid #f3c83666}.editorial-rubrics em{font:clamp(20px,2.5vw,36px)/1.5 var(--hand);color:#f1eee8;letter-spacing:0}.poster-analysis{position:relative;max-width:650px;margin:auto}.poster-analysis>img{width:80%;max-height:750px;object-fit:contain;margin:auto}.analysis-label{position:absolute;font:12px var(--hand);background:#007fa7;color:#fff;padding:12px 20px;rotate:-5deg;box-shadow:4px 4px #004a5b}.label-1{top:25%;left:0}.label-2{top:48%;right:-2%;rotate:4deg}.label-3{bottom:15%;right:0}.art-full figcaption{display:none}.art-view .story-back{color:var(--ink)}
@media(min-width:701px) and (max-height:760px){.category-sheet{min-height:600px}.category-heading h3{font-size:45px}.category-heading{padding-top:23px;margin-bottom:20px}.project-cover,.cover-magazine .project-cover,.cover-poster .project-cover{min-height:290px;height:calc(100svh - 260px)}.card-description h4{font-size:24px}.rail-progress{bottom:60px}}
@media(max-width:700px){.category-zone{height:auto!important;min-height:0;margin-top:-24px}.category-zone:first-child{margin-top:0}.category-sheet{position:relative;height:auto;min-height:0;padding:0 5% 65px;border-radius:20px 20px 0 0}.category-heading{margin-bottom:25px;padding:25px 0 20px}.category-heading h3{font-size:34px;letter-spacing:-.06em}.category-heading>span:first-child{font-size:8px}.rail-controls{gap:6px}.rail-controls button{width:29px;height:29px;font-size:14px}.category-projects,.sheet-edition .category-projects{width:calc(100% + 11.1%);padding:0 8% 25px 0;overflow:auto;scroll-snap-type:x mandatory;gap:6vw;scrollbar-width:none;overscroll-behavior-x:contain;transform:none!important}.category-projects::-webkit-scrollbar{display:none}.project-card,.project-card:nth-child(even),.project-card:nth-child(3n),.sheet-edition .project-card{flex:0 0 79vw;width:79vw;max-width:none;scroll-snap-align:start}.project-cover,.cover-poster .project-cover,.cover-magazine .project-cover{height:105vw;min-height:0;max-height:500px}.card-description h4{font-size:24px}.card-description>div>span{font-size:7px;line-height:1.7}.rail-progress{bottom:45px;left:5%;right:5%;height:1px}.rail-progress i{opacity:.3}.stage-caption{font-size:11px!important}.hb-name{font-size:37px}.stage-cristaline .water-word{font-size:80px}.stage-gova .gova-original{width:86%;left:7%}.lab-intro h2{font-size:clamp(52px,13vw,86px)}.gallery-doodle{width:65px;left:100%;top:5%}.gallery-viewport{height:820px;min-height:0}.orbit-item{width:70px;height:95px}.orbit-item.outer-orbit{width:85px;height:115px}.orbit-center{font-size:30px;max-width:145px}.orbit-center span{font-size:6px;line-height:1.7}.gallery-toolbar{margin-top:35px}.gallery-toolbar>span{max-width:170px}.gallery-toolbar>div{gap:8px}.social-consulting h4{font-size:31px}.social-consulting p{font-size:13px}.software-icons{gap:5px;margin:25px 0}.software-icons button{padding:12px 5px}.software-icons img{width:48px;height:48px}.software-icons span{font-size:8px}.origins-body{padding:30px 6%}.origins-body h2{font-size:33px}.origins-body>p{font-size:12px}.origins-body .pixel-memory{font-size:10px}.story-intro{padding:30px 6%}.story-intro h2{font-size:45px}.story-intro .detail-intro{font-size:14px}.story-invitation{font-size:8px;line-height:1.7}.detail-category{font-size:8px;line-height:1.7}.story-hero{height:400px;min-height:0;margin-top:30px}.story-hero .record-front{width:80%;left:10%;height:70%;top:16%}.story-hero .hb-name{font-size:40px}.story-hero .hb-fan{inset:30% 0 5%}.story-hero .lina-original{width:100%;height:80%;left:0;top:10%}.story-hero .jk-original{width:90%;left:5%}.story-hero .poster-original{width:83%;left:16%}.story-hero .water-word{font-size:90px}.story-nav{padding:14px 5%;gap:8px}.story-nav button{flex-direction:column;gap:6px;font-size:8px}.story-nav button span{font-size:6px;white-space:nowrap}.chapter-copy{grid-template-columns:34px 1fr;gap:14px;margin-bottom:25px}.chapter-number{font-size:31px}.chapter-copy h3{font-size:32px;line-height:1.05}.chapter-copy p{font-size:13px;line-height:1.8}.constraint-list li{font-size:10px}.graphic-scene{padding:8%;min-height:230px}.scene-title{min-height:280px}.scene-title>span{font-size:39px}.scene-title>em{font-size:25px}.graphic-scene .palette-chips{gap:0;margin:25px 0}.palette-chips button{height:75px}.palette-chips button>span{font-size:5px;padding:2px}.research-pair{grid-template-columns:1fr;gap:25px}.research-pair figure{padding:15px}.research-pair img{height:250px}.research-pair figcaption{font-size:8px}.large-sign{height:180px}.brand-rules{gap:20px;margin-top:30px}.brand-rules>span{font-size:48px}.brand-rules small{font-size:6px}.symbol-pair{gap:20px}.scene-jk-system .large-sign{height:280px}.jk-family{grid-template-columns:1fr;gap:15px}.jk-family>img,.jk-family>img:first-child{height:230px;grid-column:auto}.coq-sign{height:280px}.avatar-duo{gap:15px;padding-block:20px}.avatar-duo figure:first-child img{width:80px;height:80px}.avatar-duo figure:last-child img{width:110px;height:150px}.avatar-duo svg{width:50px}.avatar-duo figcaption{font-size:10px}.avatar-preview{width:170px;height:210px}.avatar-options{gap:2px}.avatar-options button{padding:5px}.avatar-options img{width:38px;height:38px}.hb-brand-block{gap:20px;flex-direction:column}.hb-monogram{width:150px;height:120px}.hb-brand-block h4{font-size:43px;margin:15px 0}.hb-brand-block .scene-kicker{margin:0;font-size:7px}.hb-brand-block p{font-size:9px}.type-options{grid-template-columns:1fr;gap:25px;margin-top:30px}.type-options img{height:100px}.type-options figcaption{font-size:8px}.scene-hb-result .template-strip,.scene-hb-result .template-strip:nth-of-type(2){grid-template-columns:1fr 1fr;gap:12px;margin-bottom:40px}.scene-hb-result .template-strip:first-of-type>figure:last-child{grid-column:1/-1;width:70%;margin:auto}.scene-kicker{font-size:8px;letter-spacing:1px}.published-post{flex-direction:column;gap:20px}.published-post img{width:100%}.published-post p{font-size:28px}.published-post em{font-size:21px}.audience-cards{flex-direction:column;gap:15px}.audience-cards>div{padding:24px}.audience-cards h4{font-size:28px;margin:20px 0 15px}.audience-cards p{font-size:14px}.audience-cards span{margin-top:25px;font-size:8px}.learning-trail{padding:30px 0;gap:20px;flex-direction:column}.learning-trail>span{font-size:32px}.learning-trail i{font-size:30px}.lina-variants{grid-template-columns:1fr;gap:18px}.lina-variants>img:first-child{grid-column:auto}.constraint-notes>span{font-size:28px;padding:10px}.journey-switch{gap:8px}.journey-switch button{font-size:7px;padding:10px}.gova-step-text{gap:8px;font-size:10px;margin:25px 0}.gova-step-text i{font-size:20px}.phone-sequence{gap:12px;overflow-x:auto;justify-content:flex-start;scroll-snap-type:x mandatory;padding:0 10px 25px}.phone-sequence img{width:74%;flex:none;scroll-snap-align:center;border-radius:12px}.phone-sequence img:nth-child(2){margin:0}.gova-brand img{width:100%;height:220px}.gova-brand span{font-size:14px}.cosmic-detail{height:350px}.cosmic-detail>span{font-size:43px;top:30%}.editorial-rubrics{grid-template-columns:1fr;gap:20px}.editorial-rubrics>span{font-size:32px}.editorial-rubrics em{font-size:23px}.analysis-label{font-size:9px;padding:9px 12px}.poster-analysis>img{width:100%}.label-2{right:-10px}.graphic-scene p{font-size:9px;line-height:1.8}}
@media(prefers-reduced-motion:reduce){.category-zone{height:auto!important;margin-top:0}.category-sheet{position:relative;height:auto;min-height:0}.category-projects{overflow-x:auto;transform:none!important;padding-bottom:30px}.rail-progress{display:none}.graphic-scene{opacity:1;translate:none}.scene-title>*,.audience-cards>div,.palette-chips button,.phone-sequence img{transform:none!important}.orbit-item{transition:none}}
.motion-paused .scene-title>*,.motion-paused .audience-cards>div,.motion-paused .palette-chips button,.motion-paused .phone-sequence img{transform:none!important}
html{scroll-padding-top:0}.gallery-toolbar .gallery-mode{width:auto;height:auto;border:0;border-radius:0;border-bottom:1px solid #888;padding:8px 0;background:none;color:#aaa;font:9px var(--mono)}.gallery-toolbar .gallery-mode:hover{background:none;color:var(--accent)}.gallery-overview{height:auto;min-height:0;overflow:visible;padding:30px 7%}.gallery-overview .lab-gallery{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:35px;pointer-events:auto}.gallery-overview .orbit-item,.gallery-overview .orbit-item.outer-orbit{position:relative;inset:auto;transform:none!important;width:100%;height:260px;z-index:auto!important}.gallery-overview .orbit-center{display:none}.gallery-overview .orbit-item img{object-fit:contain}.gallery-overview .orbit-item:hover img{scale:1.04}
@media(max-width:700px){.gallery-toolbar .gallery-mode{font-size:8px}.gallery-overview{padding:20px 7%}.gallery-overview .lab-gallery{grid-template-columns:repeat(2,1fr);gap:20px}.gallery-overview .orbit-item,.gallery-overview .orbit-item.outer-orbit{height:190px}.orbit-center{font-size:24px;max-width:150px}}
@media(min-width:701px) and (max-height:760px){.project-cover,.cover-magazine .project-cover,.cover-poster .project-cover{height:calc(100svh - 290px)}}
.graphic-scene[style*="scene-tint"]{color:var(--scene-ink)}.graphic-scene[style*="scene-tint"] .hb-brand-block p{color:inherit}.lab-intro h2,.lab-intro h2 em{letter-spacing:-.055em}.type-options{row-gap:35px}
.icon-credits{margin-top:20px;color:#888;font:8px/1.6 var(--mono)}.icon-credits summary{width:max-content;max-width:100%;cursor:pointer}.icon-credits p{font:8px/1.8 var(--mono);max-width:480px}.icon-credits a{text-decoration:underline}
/* Défilement vertical, ouvertures souples et légendes toujours dans le flux. */
.projects-section{overflow:clip}.category-zone,.category-zone:first-child{height:auto!important;min-height:0;margin-top:-32px}.category-zone:first-child{margin-top:0}.category-sheet{position:relative;top:auto;height:auto;min-height:0;padding:0 7% 150px;overflow:visible;border-radius:32px 32px 0 0}.category-heading{position:relative;top:auto;margin-bottom:50px;padding:35px 0 28px;overflow:visible}.category-projects,.sheet-edition .category-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px 5%;width:100%;padding:0;overflow:visible;transform:none!important;will-change:auto}.project-card,.project-card:nth-child(even),.project-card:nth-child(3n),.cover-magazine,.sheet-edition .project-card{display:block;flex:none;width:100%;max-width:none;min-width:0;margin:0!important;overflow:visible;scroll-snap-align:none}.project-cover,.cover-poster .project-cover,.cover-magazine .project-cover{height:clamp(340px,38vw,540px);min-height:0;max-height:none}.card-description{height:auto;min-height:105px;align-items:flex-start;padding:24px 0 22px;overflow:visible;gap:16px}.card-description>div{min-width:0;flex:1}.card-description h4{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.12;margin-bottom:12px}.card-description>div>span{display:block;white-space:normal;overflow:visible;text-overflow:clip;font-size:9px;line-height:1.8}.card-description .card-arrow{flex:none;margin-top:3px}.sheet-edition .category-projects{grid-template-columns:1fr}.cover-magazine .project-cover{height:600px}.category-entered .category-sheet{animation:category-opening .85s cubic-bezier(.2,.7,.2,1) both}.category-heading h3{transition:translate .85s,opacity .85s}.category-zone:not(.category-entered) .category-heading h3{translate:0 20px;opacity:.45}.category-entered .category-heading h3{translate:0 0;opacity:1}@keyframes category-opening{from{transform:translateY(45px);opacity:.55;border-radius:65px 65px 0 0}to{transform:translateY(0);opacity:1;border-radius:32px 32px 0 0}}.avatar-cover{background:#eadbd1;color:#774653}.avatar-cover .hb-name{top:8%;left:7%;font-size:clamp(35px,4.3vw,68px);z-index:3}.avatar-halo{position:absolute;left:20%;top:25%;width:64%;aspect-ratio:1;border-radius:50%;background:#cb8c87;box-shadow:0 0 0 20px #cb8c8720,0 0 0 43px #cb8c8710}.hb-cover-avatar{width:62%;height:68%;bottom:0;left:22%;z-index:2;object-fit:contain!important;object-position:bottom;transform-origin:bottom;filter:drop-shadow(5px 8px 0 #77465315)}.project-card:hover .hb-cover-avatar{transform:translateY(-8px) rotate(-4deg)}.hb-cover-palette{position:absolute;left:6%;bottom:8%;display:flex;flex-direction:column;gap:6px;z-index:4}.hb-cover-palette i{width:14px;height:14px;border-radius:50%;background:#cb8c87}.hb-cover-palette i:nth-child(2){background:#fae8e1}.hb-cover-palette i:nth-child(3){background:#7d4f50}.hb-cover-palette i:nth-child(4){background:#d1be9c}.hb-cover-palette i:nth-child(5){background:#aa998f}.story-hero .hb-cover-avatar{width:47%;height:83%;left:29%}.story-hero .avatar-halo{width:42%;top:12%;left:31%}.story-hero .hb-name{font-size:clamp(40px,6vw,85px);left:5%;top:8%}.story-back{gap:12px;font:11px var(--mono);padding:12px 0}.story-back svg{width:46px;height:28px;stroke-width:3.5}.story-back:hover svg{translate:-5px 0}.orbit-center{max-width:340px;width:340px;font-size:clamp(26px,3.4vw,46px);line-height:1.02;letter-spacing:-.06em}.orbit-center em{display:block;margin-top:5px}.orbit-center span{font-size:7px}.scene-sakado-system .large-sign,.scene-sakado-result .symbol-pair>img:first-child{background:transparent}.symbol-pair>img:last-child{background:#f1eee8;padding:15px;border-radius:5px}.project-dialog .detail-footer{padding-bottom:90px}.phone-sequence img{opacity:1;background:white}
@media(max-width:1050px){.category-sheet{padding-inline:5%;padding-bottom:125px}.category-projects{gap:50px 5%}.card-description>div>span{font-size:8px}}
@media(max-width:700px){.category-zone{margin-top:-22px}.category-sheet{border-radius:22px 22px 0 0;padding:0 6% 110px}.category-heading{padding:28px 0 24px;margin-bottom:32px}.category-heading h3{font-size:37px}.category-projects,.sheet-edition .category-projects{display:grid;grid-template-columns:1fr;gap:38px;width:100%;padding:0;overflow:visible;transform:none!important}.project-card,.project-card:nth-child(even),.project-card:nth-child(3n),.sheet-edition .project-card{width:100%;margin:0!important;flex:none}.project-cover,.cover-poster .project-cover,.cover-magazine .project-cover{height:110vw;min-height:0;max-height:540px}.card-description{min-height:100px;padding:23px 0 24px;gap:13px}.card-description h4{font-size:27px;line-height:1.1}.card-description>div>span{font-size:8px;line-height:1.9}.avatar-cover .hb-name{font-size:43px}.story-hero .hb-cover-avatar{width:76%;height:73%;left:15%}.story-hero .avatar-halo{width:68%;left:19%;top:28%}.story-hero .hb-name{font-size:43px;left:7%}.orbit-center{font-size:21px;max-width:155px;width:155px;line-height:1.1}.orbit-center span{font-size:5px;letter-spacing:0;margin-top:16px}.story-back{font-size:10px}.story-back svg{width:40px;height:26px}.cover-magazine .project-cover{height:100vw}}
@media(prefers-reduced-motion:reduce){.category-entered .category-sheet{animation:none}.category-heading h3{opacity:1!important;translate:none!important;transition:none}}.motion-paused .category-sheet{animation:none}.motion-paused .category-heading h3{opacity:1!important;translate:none!important}
@media(min-width:701px){.project-cover,.cover-poster .project-cover{height:clamp(300px,28vw,430px)}.cover-magazine .project-cover{height:500px}}
.graphic-scene{opacity:1;transition:translate .8s}.graphic-scene.scene-visible{opacity:1}
@media(max-width:700px){.project-card .hb-cover-avatar{width:76%;height:80%;left:12%}.project-card .avatar-halo{top:36%}}