*,:before,:after{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{vertical-align:baseline;border:0;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;background:#fff;line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}img,svg,video,canvas{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit;color:inherit;background:0 0}a{color:inherit;text-decoration:none}:focus{outline-offset:2px;outline:2px solid #0000}@font-face{font-family:Sligoil Micro;src:url(/matthieu-noel/font/Sligoil-Micro/Sligoil-Micro.woff2)format("woff2"),url(/matthieu-noel/font/Sligoil-Micro/Sligoil-Micro.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Sligoil Micro;src:url(/matthieu-noel/font/Sligoil-Micro/Sligoil-MicroMedium.woff2)format("woff2"),url(/matthieu-noel/font/Sligoil-Micro/Sligoil-MicroMedium.woff)format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Sligoil Micro;src:url(/matthieu-noel/font/Sligoil-Micro/Sligoil-MicroBold.woff2)format("woff2"),url(/matthieu-noel/font/Sligoil-Micro/Sligoil-MicroBold.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Pilowlava;src:url(/matthieu-noel/font/Pilowlava/Pilowlava-Regular.woff2)format("woff2"),url(/matthieu-noel/font/Pilowlava/Pilowlava-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pilowlava;src:url(/matthieu-noel/font/Pilowlava/Pilowlava-Atome.woff2)format("woff2"),url(/matthieu-noel/font/Pilowlava/Pilowlava-Atome.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Bianzhidai Base;src:url(/matthieu-noel/font/Bianzhidai/bianzhidai_noBG-Base.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bianzhidai Brush;src:url(/matthieu-noel/font/Bianzhidai/bianzhidai_noBG-Brush.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bianzhidai Bubble;src:url(/matthieu-noel/font/Bianzhidai/bianzhidai_noBG-Bubble.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bianzhidai Cloud;src:url(/matthieu-noel/font/Bianzhidai/bianzhidai_noBG-Cloud.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bianzhidai Cube;src:url(/matthieu-noel/font/Bianzhidai/bianzhidai_noBG-Cube.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bianzhidai Messier;src:url(/matthieu-noel/font/Bianzhidai/bianzhidai_noBG-Messier.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bianzhidai Messy;src:url(/matthieu-noel/font/Bianzhidai/bianzhidai_noBG-Messy.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bianzhidai Pearl;src:url(/matthieu-noel/font/Bianzhidai/bianzhidai_noBG-Pearl.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bianzhidai Ring;src:url(/matthieu-noel/font/Bianzhidai/bianzhidai_noBG-Ring.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bianzhidai Stitches;src:url(/matthieu-noel/font/Bianzhidai/bianzhidai_noBG-Stitches.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bianzhidai COLR Back;src:url(/matthieu-noel/font/Bianzhidai/bianzhidai_COLR-back.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:FKRasterRomanCompact;src:url(/matthieu-noel/font/FKRasterRomanCompact/FKRasterRomanCompact-Smooth.woff2)format("woff2"),url(/font/FKRasterRomanCompact/FKRasterRomanCompact-Smooth.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--bg-speed:3s;--tile:4rem;--brand-color:#000;--accent-color:#c8ff00;--light-color:#fff;--dark-color:#000;--model-color:#ececec;--model-hover-color:#c8ff00;--frame-color:#000;--gradient-color-top:#0c6be7;--gradient-color-bottom:#87b5f2;--base-font-size:24px;--base-border-radius:1rem;--padding-small:1rem;--padding-medium:1.5rem;--padding-large:2rem;--cross-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 100 100'%3E%3Cpath d='M16 24H32 M24 16V32' stroke='white' stroke-width='1' stroke-linecap='square' fill='none'/%3E%3C/svg%3E")}body.theme-blue{--brand-color:#000;--accent-color:#c8ff00;--light-color:#fff;--dark-color:#000;--model-color:#ececec;--model-hover-color:#c8ff00;--frame-color:#000;--gradient-color-top:#0c6be7;--gradient-color-bottom:#87b5f2}body.theme-dark{--brand-color:#000;--accent-color:#fff;--light-color:#fff;--dark-color:#000;--model-color:#ececec;--model-hover-color:#fff;--frame-color:#fff;--gradient-color-top:#181818;--gradient-color-bottom:#303030}body.theme-grey{--brand-color:#690cff;--accent-color:#c8ff00;--light-color:#fff;--dark-color:#000;--model-color:#ececec;--model-hover-color:#690cff;--frame-color:#c8ff00;--gradient-color-top:#dadada;--gradient-color-bottom:#474747}body.theme-light{--brand-color:#fff;--accent-color:#000;--light-color:#000;--dark-color:#fff;--model-color:#ececec;--model-hover-color:#fff;--frame-color:#000;--gradient-color-top:#ededed;--gradient-color-bottom:#cbcbcb}body.theme-mood{--brand-color:#000;--accent-color:#ffff9e;--light-color:#fff;--dark-color:#000;--model-color:#ececec;--model-hover-color:#fff;--frame-color:#000;--gradient-color-top:#ffd1e2;--gradient-color-bottom:#ff72a5}body.theme-green{--brand-color:#082c0d;--accent-color:#c8ff00;--light-color:#fff;--dark-color:#000;--model-color:#ececec;--model-hover-color:#fff;--frame-color:#000;--gradient-color-top:#0d4e06;--gradient-color-bottom:#93c060}body.theme-purple{--brand-color:#c8ff00;--accent-color:#2f1160;--light-color:#000;--dark-color:#fff;--model-color:#ececec;--model-hover-color:#c8ff00;--frame-color:#000;--gradient-color-top:#690cff;--gradient-color-bottom:#d0b2fe}body.theme-brown{--brand-color:#df8142;--accent-color:#dadada;--light-color:#fff;--dark-color:#000;--model-color:#ececec;--model-hover-color:#c8ff00;--frame-color:#000;--gradient-color-top:#7c5941;--gradient-color-bottom:#36251a}*{box-sizing:border-box;margin:0;padding:0;font-family:Sligoil Micro,sans-serif}html{width:100lvw;height:100lvh;overflow:hidden}body{width:100lvw;height:100lvh;color:var(--light-color);background:linear-gradient(180deg, var(--gradient-color-top) 0%, var(--gradient-color-bottom) 100%);font-size:var(--base-font-size)}body:after{content:"";pointer-events:none;z-index:0;opacity:.5;background-color:var(--light-color);-webkit-mask-image:var(--cross-mask);-webkit-mask-image:var(--cross-mask);mask-image:var(--cross-mask);-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:var(--tile) var(--tile);-webkit-mask-size:var(--tile) var(--tile);mask-size:var(--tile) var(--tile);--x0:0px;--y0:0px;-webkit-mask-position:var(--x0) var(--y0);-webkit-mask-position:var(--x0) var(--y0);mask-position:var(--x0) var(--y0);animation:driftDown var(--bg-speed) linear infinite;will-change:mask-position, -webkit-mask-position;position:fixed;inset:0}@keyframes driftDown{0%{-webkit-mask-position:var(--x0) var(--y0);-webkit-mask-position:var(--x0) var(--y0);mask-position:var(--x0) var(--y0)}to{-webkit-mask-position:var(--x0) calc(var(--y0) + var(--tile));-webkit-mask-position:var(--x0) calc(var(--y0) + var(--tile));mask-position:var(--x0) calc(var(--y0) + var(--tile))}}.cellLabel{pointer-events:none;width:100%;height:100%;overflow:hidden}.cellLabelInner{box-sizing:border-box;color:var(--accent-color);text-align:left;flex-direction:column;align-items:flex-start;padding:20px;font-weight:700;display:flex}.cellLabelTitle{text-overflow:ellipsis;text-transform:uppercase;text-shadow:0 1px #00000059;max-width:100%;font-family:FKRasterRomanCompact,sans-serif;font-size:120px;font-weight:400;line-height:1}.cellLabelValue{white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;max-width:100%;color:var(--light-color);font-family:FKRasterRomanCompact,sans-serif;font-size:85px;font-weight:400;line-height:1;overflow:hidden}.cellLabelContent{color:var(--light-color);max-width:54%;font-weight:400}#webgl-canvas,#css3d-container{position:absolute;top:0;left:0}#webgl-canvas{z-index:1}#css3d-container{z-index:2;pointer-events:none}.modeControls{z-index:1300;border-radius:10px;align-items:center;gap:8px;padding:6px;transition:all .5s;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)translateY(0)}.modeControls.hidden{transform:translate(-50%)translateY(-5rem)}.modeFocusTitle{border-radius:calc(var(--base-border-radius) * .75);color:var(--dark-color);background:var(--accent-color);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;border:none;align-items:center;padding:7px 13px;font-size:12px;display:inline-flex}.modeFocusTitle[hidden]{display:none}.modeBackButton{color:var(--dark-color);background:color-mix(in srgb, var(--light-color) 92%, transparent);letter-spacing:.01em;cursor:pointer;border-radius:var(--base-border-radius);border:none;padding:7px 13px;font-size:12px;transition:background .22s,color .22s,transform .22s}.modeBackButton:hover{background:var(--brand-color);color:var(--light-color)}.modeBackButton[hidden],.modeButton[hidden]{display:none}.modeButton{color:var(--dark-color);background:var(--light-color);letter-spacing:.01em;cursor:pointer;border-radius:var(--base-border-radius);border:none;padding:7px 13px;font-size:12px;transition:background .22s,color .22s,transform .22s}.modeButton:hover{background:var(--brand-color);color:var(--light-color)}.modeButton.isActive{background:var(--accent-color);color:var(--dark-color)}.pill{padding:var(--padding-small) var(--padding-large);border-radius:calc(var(--base-border-radius) * 2);font-size:var(--base-font-size);margin:6px 6px 6px 0;font-weight:400;display:inline-block}.pill-year{background:var(--accent-color);color:var(--dark-color)}.pill-tag,.pill-count{background:var(--brand-color);color:var(--light-color)}@media (width<=900px){.modeControls{justify-content:space-between;gap:4px;width:calc(100vw - 20px);padding:4px}.modeButton{flex:1;padding:7px 8px;font-size:11px}.cellLabelContent{max-width:72%}}.cellLabel--content .cellLabelInner{color:var(--light-color);flex-direction:column;display:flex;position:relative;overflow-y:auto}.cellContentCover{width:100%;max-height:80%;margin-bottom:1rem}.cellContentCover img{border-radius:var(--base-border-radius);object-fit:cover;width:100%;height:100%;display:block}.cellContentDescription{margin-bottom:1rem;font-size:.9em;line-height:1.5}.cellContentVideos{width:100%;height:auto}.cellContentImages img{border-radius:var(--base-border-radius);width:100%;height:auto;margin-bottom:1rem}.cellContentVideos video,.cellContentVideos iframe{border-radius:var(--base-border-radius);width:100%;margin-bottom:1rem;display:block}.cellContentCredits{flex-direction:column;gap:4px;margin-bottom:1rem;font-size:.8em;display:flex}.cellContentCreditRow{gap:12px;display:flex}.cellContentCreditRole{text-transform:capitalize;min-width:80px}.cellContentLinks{flex-wrap:wrap;gap:8px;margin-bottom:1rem;display:flex}.pill-link{padding:var(--padding-small) var(--padding-medium);color:var(--dark-color);background:var(--light-color);cursor:pointer;border-radius:calc(var(--base-border-radius) * 2);border:none;transition:background .22s,color .22s,transform .22s}.pill-link:hover{background:var(--brand-color);color:var(--light-color)}.pill-link.isActive{background:var(--accent-color);color:var(--dark-color)}.cellContentTools{flex-wrap:wrap;gap:6px;margin-bottom:1rem;display:flex}.pill-tool{background:var(--brand-color);color:var(--light-color)}.bottomNav{z-index:1300;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:6px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.bottomNavButton{color:var(--dark-color);background:var(--light-color);letter-spacing:.01em;cursor:pointer;border-radius:var(--base-border-radius);border:none;padding:7px 13px;font-family:inherit;font-size:12px;transition:background .22s,color .22s,transform .22s}.bottomNavButton:hover{background:var(--brand-color);color:var(--light-color)}.bottomNavButton.isActive{background:var(--accent-color);color:var(--dark-color)}.cellLabel--about .cellLabelTitle{color:var(--accent-color)}