.micho-hero{isolation:isolate;min-height:max(820px,100svh);color:var(--white);background:linear-gradient(135deg,#0f1a2e 0%,#162544 100%);flex-direction:column;justify-content:space-between;padding:45px 55px 22px 158px;display:flex;position:relative}.micho-hero-bubbles{z-index:-1;pointer-events:none;position:absolute;inset:0}.micho-hero-bubble{border-radius:50%;display:block;position:absolute}.micho-hero-bubble-blue{opacity:.045;background:#4a90e2;width:350px;height:350px;animation:18s ease-in-out infinite float;bottom:12%;left:-4%}.micho-hero-bubble-violet{opacity:.035;background:#9b59b6;width:270px;height:270px;animation:22s ease-in-out infinite reverse float;top:10%;right:8%}.micho-hero button{font:inherit;cursor:pointer}.micho-hero button:focus-visible,.micho-scroll-arrow:focus-visible,.micho-iatourisme-badge:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.micho-hero button:disabled{cursor:default;opacity:.3}.micho-assembly-stage{width:100%;height:clamp(590px,69vh,740px);position:relative}.micho-terminal{z-index:2;width:44%;max-width:570px;position:absolute;top:49%;left:0;transform:translateY(-50%)}.micho-terminal-copy{letter-spacing:-.045em;flex-direction:column;gap:clamp(24px,2.3vw,34px);font:clamp(22px,1.9vw,30px)/1.6 JetBrains Mono,monospace;display:flex}.micho-terminal-line{align-items:flex-start;gap:10px;display:flex}.micho-prompt{color:#4a90e2;flex-shrink:0}.micho-line-content{flex:1;position:relative}.micho-line-reserve{visibility:hidden}.micho-line-reserve .gradient-text{animation:none}.micho-line-typed{position:absolute;inset:0}.micho-caret{background:var(--cyan);vertical-align:-.08em;width:.28em;height:.85em;margin-left:.12em;animation:.7s step-end infinite micho-cursor;display:inline-block}@keyframes micho-cursor{0%,55%{opacity:1}56%,to{opacity:0}}.micho-assembly-viewport{width:57%;height:min(95%,610px);position:absolute;top:50%;right:-4%;transform:translateY(-50%)}.micho-webgl{cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent;outline:none;position:absolute;inset:0 0 52px}.micho-webgl[data-dragging=true]{cursor:grabbing}.micho-webgl canvas{width:100%;height:100%;display:block}.micho-scene-loading{text-align:center;color:#8399b9;pointer-events:none;place-content:center;padding:70px;font:12px/1.8 JetBrains Mono,monospace;display:grid;position:absolute;inset:0}.micho-rotation-controls{align-items:center;gap:0;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.micho-rotation-controls button{color:#8399b980;touch-action:manipulation;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:12px;transition:color .2s,background .2s;display:grid}.micho-rotation-controls button:hover,.micho-rotation-controls button:focus-visible{color:#a9c1e7;background:#4a90e20c}.micho-rotation-controls button:active{background:#4a90e21a}.micho-rotation-controls svg{stroke-width:1.25px;width:20px;height:20px}.micho-hero-bottom{flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;padding:12px 0 16px;display:flex}.micho-iatourisme-badge{max-width:100%;color:var(--white);opacity:.85;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;text-decoration:none;transition:opacity .3s;display:flex}.micho-iatourisme-badge:hover,.micho-iatourisme-badge:focus-visible{opacity:1}.micho-iatourisme-badge>span{letter-spacing:.08em;text-transform:uppercase;text-align:center;font-size:.65rem;line-height:1.8}.micho-iatourisme-badge img{flex-shrink:0;width:auto;height:18px;display:block}.micho-scroll-arrow{color:#4a90e2;border-radius:5px;place-items:center;width:52px;height:52px;display:grid}.micho-scroll-arrow svg{width:32px;height:32px;animation:2.4s ease-in-out infinite micho-arrow-flash}.micho-scroll-arrow:hover{color:var(--cyan)}@keyframes micho-arrow-flash{0%,to{opacity:.45;filter:drop-shadow(0 0 #0000);transform:translateY(-3px)}50%{opacity:1;filter:drop-shadow(0 0 6px #00d4e070);transform:translateY(4px)}}.micho-sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1650px){.micho-hero{padding-left:195px;padding-right:85px}.micho-terminal{max-width:650px}.micho-terminal-copy{font-size:clamp(30px,1.8vw,34px)}}@media (min-width:969px) and (max-width:1200px){.micho-hero{padding:40px 35px 20px 137px}.micho-terminal{width:44%}.micho-terminal-copy{gap:24px;font-size:clamp(21px,1.85vw,23px)}.micho-assembly-viewport{width:58%;right:-5%}}@media (max-width:968px){.micho-hero{padding:102px 32px 23px}.micho-terminal{width:44%}.micho-terminal-copy{gap:24px;font-size:clamp(20px,2.3vw,22px)}.micho-assembly-stage{height:570px}.micho-assembly-viewport{width:58%;right:-5%}}@media (max-width:700px){.micho-hero{min-height:100svh;padding:95px 23px 18px}.micho-hero-bubble-blue{width:240px;height:240px;bottom:17%;left:-95px}.micho-hero-bubble-violet{width:190px;height:190px;top:12%;right:-65px}.micho-assembly-stage{flex-direction:column;height:auto;display:flex}.micho-assembly-viewport{order:1;width:calc(100% + 34px);height:clamp(350px,90vw,450px);margin-top:12px;margin-left:-17px;position:relative;top:auto;right:auto;transform:none}.micho-terminal{order:0;width:100%;max-width:none;margin-top:31px;position:relative;top:auto;left:auto;transform:none}.micho-terminal-copy{gap:22px;font-size:clamp(18px,4.8vw,24px);line-height:1.65}.micho-hero-bottom{margin-top:12px;padding-bottom:12px}.micho-iatourisme-badge{flex-direction:column;gap:8px}.micho-iatourisme-badge>span{max-width:36em;font-size:.6rem}.micho-iatourisme-badge img{height:16px}}@media (max-width:365px){.micho-hero{padding-left:17px;padding-right:17px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.micho-caret,.micho-hero .gradient-text,.micho-scroll-arrow svg,.micho-hero-bubble{animation:none}.micho-hero *{transition:none!important}}
.projects-section{isolation:isolate;background:linear-gradient(#0c1626 0%,#0a1222 100%);scroll-margin-top:70px}.projects-bubbles{z-index:1;pointer-events:none;position:absolute;inset:0}.projects-bubble{border-radius:50%;display:block;position:absolute}.projects-bubble-blue{opacity:.15;background:#4a90e2;width:350px;height:350px;animation:9s ease-in-out infinite float;top:15%;left:-8%}.projects-bubble-violet{opacity:.15;background:#9b59b6;width:280px;height:280px;animation:11s ease-in-out infinite reverse float;bottom:12%;right:-5%}.projects-bubble-amber{opacity:.12;background:#f39c12;width:200px;height:200px;animation:13s ease-in-out infinite float;top:5%;left:52%}.projects-content{z-index:10;flex-direction:column;align-items:center;width:100%;max-width:1300px;display:flex;position:relative}.projects-content h2{text-align:center;margin-bottom:clamp(2rem,4vw,4rem);font-size:clamp(2.5rem,5vw,5rem);font-weight:900;line-height:.9}.projects-section .mosaic-grid{max-width:none}.projects-section .mosaic-cell{min-width:0;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.6rem;padding:0;display:block}.projects-section .mosaic-item,.projects-section .mosaic-label{display:block}.projects-section .mosaic-item img{padding-top:20px}.projects-section .mosaic-mobile-name{display:none}.projects-section .mosaic-cell:focus-visible,.projects-all-button:focus-visible{outline:2px solid var(--cyan);outline-offset:6px}.projects-section .mosaic-cell:focus-visible .mosaic-item{border-color:var(--cyan);transform:translateY(-4px)}.projects-all-button{color:#93bdf0;cursor:pointer;background:0 0;border:1px solid #4a90e2;border-radius:5px;align-items:center;gap:24px;margin-top:clamp(2rem,4vw,3rem);padding:13px 22px;font:600 14px Inter,sans-serif;transition:color .25s,background .25s,border-color .25s;display:flex}.projects-all-button:hover{color:var(--white);background:#4a90e214;border-color:#93bdf0}@media (max-width:968px){.projects-bubble-blue{width:250px;height:250px;left:-100px}.projects-bubble-violet{width:220px;height:220px;right:-90px}.projects-bubble-amber{width:160px;height:160px;left:60%}.projects-section .mosaic-grid{gap:1.5rem;max-width:680px}.projects-section .mosaic-desktop-name{display:none}.projects-section .mosaic-mobile-name{display:block}}@media (max-width:480px){.projects-section .mosaic-grid{gap:1.3rem 1rem}}@media (prefers-reduced-motion:reduce){.projects-bubble,.projects-content .gradient-text{animation:none}.projects-section .mosaic-item,.projects-all-button{transition:none}.projects-section .mosaic-cell:hover .mosaic-item,.projects-section .mosaic-cell:focus-visible .mosaic-item{transform:none}}