@font-face{font-family:Fredoka SemiBold;src:url(/fonts/Fredoka-SemiBold.ttf)format("truetype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Gabriola Italic;src:url(/fonts/Gabriola.ttf)format("truetype");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Fredoka Light;src:url(/fonts/Fredoka-Light.ttf)format("truetype");font-style:normal;font-weight:300;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-gradient-angle:345deg;--bg-gradient-start:#000;--accent-rgb:255 0 128;--bg-gradient-end:rgb(var(--accent-rgb));--bg-gradient-start-stop:-20%;--bg-gradient-end-stop:300%;--trapezoid-width:min(40vw, 560px)}@property --title-wave-amplitude{syntax:"<angle>";inherits:false;initial-value:0deg}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{background:linear-gradient(var(--bg-gradient-angle), var(--bg-gradient-start) var(--bg-gradient-start-stop), var(--bg-gradient-end) var(--bg-gradient-end-stop));color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}body:before{content:"";width:var(--trapezoid-width);clip-path:polygon(0 0,100% 0,50% 100%,0 100%);pointer-events:none;z-index:5;background:#0009;height:100vh;animation:1.9s cubic-bezier(.2,1,.5,1) both trapezoid-slide-in;position:fixed;top:0;left:0}.brand-wordmark{pointer-events:none;z-index:4;width:clamp(60px,30vw,600px);height:auto;animation:1.4s cubic-bezier(.2,1,.5,1) .5s both cubixl-slide-in;position:fixed;top:350px;right:600px}.brand-cluster{pointer-events:none;z-index:3;flex-direction:column;align-items:center;gap:6rem;width:clamp(80px,50vw,800px);animation:1.9s cubic-bezier(.2,1,.5,1) both logo-slide-in;display:flex;position:fixed;top:64px;right:128px}.logo-mark{width:100%;height:auto;display:block}@keyframes trapezoid-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes logo-slide-in{0%{transform:translate(200%)}to{transform:translate(0)}}@keyframes cubixl-slide-in{0%{transform:translate(200%)}to{transform:translate(0)}}#app{width:100%;height:100%}.scene{width:100vw;height:100vh;position:relative;overflow:hidden}.mute-toggle{width:clamp(64px,8vw,96px);height:clamp(64px,8vw,96px);box-shadow:none;cursor:pointer;z-index:12;background:0 0;border:0;margin:0;padding:0;transition:transform .18s ease-out,filter .18s ease-out;position:fixed;top:12px;left:12px}.mute-toggle:hover{filter:brightness(1.08);transform:scale(1.04)}.mute-toggle:focus-visible{outline:2px solid rgba(var(--accent-rgb), .95);outline-offset:3px}.mute-toggle__icon{object-fit:contain;pointer-events:none;width:100%;height:100%;display:block}.section-stage{--section-direction:1;z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.section-layer{opacity:0;position:absolute;inset:0;transform:translateY(0)}.section-layer[data-state=active]{opacity:1;z-index:3;visibility:visible;animation:none;transform:translateY(0)}.section-layer[data-state=entering]{opacity:1;z-index:2;visibility:visible;transform:translateY(calc(var(--section-direction) * -120%));animation:.64s cubic-bezier(.22,1,.36,1) .52s forwards section-layer-slide-in}.section-layer[data-state=exiting]{opacity:1;z-index:3;visibility:visible;animation:.52s cubic-bezier(.22,1,.36,1) forwards section-layer-slide-out;transform:translateY(0)}.section-layer[data-state=inactive]{opacity:0;z-index:1;visibility:hidden;animation:none;transform:translateY(0)}.section-layer--title .brand-cluster{pointer-events:none;z-index:3;flex-direction:column;align-items:center;gap:6rem;width:clamp(80px,50vw,800px);animation:1.9s cubic-bezier(.2,1,.5,1) both logo-slide-in;display:flex;position:absolute;top:64px;right:128px}.section-layer--title .brand-wordmark{pointer-events:none;z-index:4;width:clamp(60px,30vw,600px);height:auto;animation:1.4s cubic-bezier(.2,1,.5,1) .5s both cubixl-slide-in;position:absolute;top:350px;right:600px}.section-layer--title .logo-mark{width:100%;height:auto;display:block}.section-layer--panel{--section-card-width:min(55vw, 1000px);--section-card-max-width:calc(100vw - 2.5rem);--section-card-max-height:calc(100vh - 4rem);--section-card-aspect-ratio:1 / .8;pointer-events:auto;justify-content:flex-end;align-items:flex-start;padding:clamp(.75rem,6vh,8rem) clamp(1.5rem,4vw,4rem) clamp(1.5rem,4vw,4rem);display:flex}.section-layer[data-section-id=about-me]{--section-card-width:min(55vw, 1000px);--section-card-aspect-ratio:1 / .8}.section-layer[data-section-id=equipment-list]{--section-card-width:min(55vw, 1200px);--section-card-max-width:min(55vw, 1200px);--section-card-height:100vh;--section-card-max-height:100vh;--section-card-aspect-ratio:auto;--equipment-col-1-width:120px;--equipment-col-2-width:110px;--equipment-col-3-width:200px;--equipment-col-4-width:420px;justify-content:flex-end;align-items:stretch;padding:0}.section-layer[data-section-id=equipment-list] .section-card{box-shadow:none;border-radius:0}.section-layer[data-section-id=file-archive]{--section-card-width:min(55vw, 1200px);--section-card-max-width:min(55vw, 1200px);--section-card-height:100vh;--section-card-max-height:100vh;--section-card-aspect-ratio:auto;--archive-col-file-width:70%;--archive-col-date-width:20%;--archive-col-size-width:10%;justify-content:flex-end;align-items:stretch;padding:0}.section-layer[data-section-id=file-archive] .section-card{box-shadow:none;border-radius:0}.section-layer[data-section-id=file-archive] .section-card--archive{flex-direction:column;display:flex;overflow:hidden}.section-layer[data-section-id=file-archive] .section-card__body--archive{scrollbar-gutter:stable;flex-direction:column;gap:1.2rem;min-height:0;padding-right:.9rem;display:flex;overflow:hidden auto}.section-layer[data-section-id=file-archive] .archive-group{gap:.35rem;display:grid}.section-layer[data-section-id=file-archive] .archive-group__title{color:#fff;letter-spacing:.02em;margin:0;font-family:Fredoka SemiBold,Fredoka Light,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:clamp(1.45rem,1.65vw,1.9rem);font-weight:600}.section-layer[data-section-id=file-archive] .archive-group__table-wrap{width:calc(100% - clamp(1rem,1.2vw,1.4rem));margin-left:clamp(1rem,1.2vw,1.4rem);overflow:hidden}.section-layer[data-section-id=file-archive] .section-card__table--archive{border-collapse:separate;border-spacing:0;width:100%;min-width:0;font-size:clamp(1rem,1.05vw,1.2rem)}.section-layer[data-section-id=file-archive] .section-card__table--archive th,.section-layer[data-section-id=file-archive] .section-card__table--archive td{background:0 0;border-bottom:0;padding:.28rem .15rem}.section-layer[data-section-id=file-archive] .section-card__table--archive th{color:#fff;font-family:Fredoka SemiBold,Fredoka Light,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:clamp(1.12rem,1.2vw,1.34rem);font-weight:600;position:static}.section-layer[data-section-id=file-archive] .section-card__table--archive tbody tr:nth-child(odd),.section-layer[data-section-id=file-archive] .section-card__table--archive tbody tr:hover{background:0 0}.section-layer[data-section-id=file-archive] .section-card__table--archive th:first-child,.section-layer[data-section-id=file-archive] .section-card__table--archive td:first-child{width:var(--archive-col-file-width);text-align:left}.section-layer[data-section-id=file-archive] .section-card__table--archive th:nth-child(2),.section-layer[data-section-id=file-archive] .section-card__table--archive td:nth-child(2){width:var(--archive-col-date-width);text-align:right}.section-layer[data-section-id=file-archive] .section-card__table--archive th:nth-child(3),.section-layer[data-section-id=file-archive] .section-card__table--archive td:nth-child(3){width:var(--archive-col-size-width);text-align:right}.section-layer[data-section-id=file-archive] .archive-date-cell{color:#ffffff8f;white-space:nowrap;font-size:clamp(1rem,1.05vw,1.16rem)}.section-layer[data-section-id=file-archive] .archive-file-link{color:#fff;text-underline-offset:.14em;font-size:clamp(1rem,1.05vw,1.16rem);font:inherit;cursor:pointer;line-height:1.35;text-decoration:none;text-decoration-thickness:.08em;transition:color .14s ease-out,text-decoration-color .14s ease-out;display:inline-block}.section-layer[data-section-id=file-archive] .archive-file-link:hover,.section-layer[data-section-id=file-archive] .archive-file-link:focus-visible{color:rgb(var(--accent-rgb));text-decoration:underline}.section-layer[data-section-id=file-archive] .archive-file-link:focus-visible{outline:2px solid rgba(var(--accent-rgb), .9);outline-offset:3px}.section-layer[data-section-id=file-archive] .archive-size-pill{background:color-mix(in srgb, rgb(var(--accent-rgb)) 60%, #6a6a6a 40%);color:#fff;letter-spacing:.01em;white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;min-width:3.4rem;padding:.08rem .45rem;font-family:Fredoka SemiBold,Fredoka Light,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:clamp(.9rem,.9vw,1rem);font-weight:600;line-height:1.2;display:inline-flex}.section-layer--panel-about{flex-direction:column;align-items:flex-end;gap:clamp(.85rem,1.6vw,1.3rem)}.section-card{width:var(--section-card-width);height:var(--section-card-height);aspect-ratio:var(--section-card-aspect-ratio);max-width:var(--section-card-max-width);max-height:var(--section-card-max-height);color:#fff;background:#000c;border:10px solid #000;border-radius:32px;margin-left:auto;padding:clamp(1.6rem,2.5vw,3rem);font-family:Fredoka Light,Fredoka SemiBold,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:300;overflow:auto;box-shadow:0 22px 50px #00000080}.section-card--table{flex-direction:column;display:flex;overflow:hidden}.about-youtube-row{width:var(--section-card-width);max-width:var(--section-card-max-width);justify-content:center;align-items:center;margin-left:auto;display:flex}.about-youtube-link{transform-origin:50%;justify-content:center;align-items:center;width:fit-content;transition:transform .16s ease-out;display:flex;transform:scale(1)}.about-youtube-link:hover,.about-youtube-link:focus-visible{transform:scale(1.06)}.about-youtube-link:focus-visible{outline:2px solid rgba(var(--accent-rgb), .95);outline-offset:4px}.about-youtube-image{width:clamp(180px,16vw,250px);height:auto;display:block}.section-card__title{letter-spacing:.02em;margin:0 0 1rem;font-size:clamp(2rem,3vw,3.25rem);font-weight:300}.section-card__tabs{border:2px solid #fff6;border-bottom:0;align-items:stretch;gap:0;width:100%;margin:-2rem 0 1rem;display:flex;overflow:hidden}.section-card__tab{appearance:none;color:#ffffffe6;white-space:normal;cursor:pointer;background:#404040cc;border-top:0;border-bottom:2px solid #fff6;border-left:0;border-right:1px solid #fff6;border-radius:0;flex:1 1 0;min-width:0;padding:.75rem .6rem;font-family:Fredoka SemiBold,Fredoka Light,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:clamp(1rem,1.3vw,1.5rem);line-height:1;transition:border-color .18s ease-out,background-color .18s ease-out,color .18s ease-out}.section-card__tab:hover{background:#ffffff1a}.section-card__tab:focus-visible{outline:2px solid rgba(var(--accent-rgb), .92);outline-offset:2px}.section-card__tab:last-child{border-right:0}.section-card__tab.is-active{border-bottom-color:rgb(var(--accent-rgb));background:rgba(var(--accent-rgb), .2);color:#fff}.section-card__body{will-change:transform;gap:1rem;font-size:clamp(1.2rem,1.7vw,1.8rem);line-height:1.45;display:grid;overflow:hidden}.section-card__body--table{height:100%;min-height:0}.section-card__body p{margin:0}.section-card__message{color:#ffffffd1}.section-card__body h1,.section-card__body h2,.section-card__body h3,.section-card__body h4,.section-card__body h5,.section-card__body h6{margin:.2rem 0 0;font-family:Fredoka SemiBold,Fredoka Light,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600;line-height:1.2}.section-card__body h1{font-size:clamp(1.8rem,2.5vw,2.4rem)}.section-card__body h2{font-size:clamp(1.6rem,2.2vw,2rem)}.section-card__body h3,.section-card__body h4,.section-card__body h5,.section-card__body h6{font-size:clamp(1.35rem,1.9vw,1.7rem)}.section-card__body em{font-style:italic}.section-card__list{gap:.75rem;margin:.5rem 0 0;padding-left:1.4rem;list-style:outside;display:block}.section-card__list li{margin:.35rem 0}.section-card__body a{color:#9fd8ff;pointer-events:auto;text-decoration:underline}.section-card__table-wrap{background:#ffffff0a;border:2px solid #ffffff38;border-radius:18px;width:100%;height:100%;min-height:0;overflow:auto}.section-card__table{border-collapse:collapse;width:100%;min-width:720px;font-size:clamp(.6rem,.9vw,.9rem);line-height:1.35}.section-card__table th,.section-card__table td{text-align:left;vertical-align:top;overflow-wrap:anywhere;border-bottom:1px solid #ffffff1f;padding:.2rem .5rem}.section-card__table th{z-index:1;color:rgb(var(--accent-rgb));background:#000000f2;font-family:Fredoka SemiBold,Fredoka Light,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:clamp(1.5rem,1.5vw,1.8rem);font-weight:600;position:sticky;top:0}.section-card__table tbody tr:nth-child(odd){background:#ffffff0a}.section-card__table tbody tr:hover{background:rgba(var(--accent-rgb), .12)}.section-card__table-empty{color:#ffffff61}.section-layer[data-section-id=equipment-list] .section-card__table th:first-child,.section-layer[data-section-id=equipment-list] .section-card__table td:first-child{width:var(--equipment-col-1-width);min-width:var(--equipment-col-1-width)}.section-layer[data-section-id=equipment-list] .section-card__table th:nth-child(2),.section-layer[data-section-id=equipment-list] .section-card__table td:nth-child(2){width:var(--equipment-col-2-width);min-width:var(--equipment-col-2-width)}.section-layer[data-section-id=equipment-list] .section-card__table th:nth-child(3),.section-layer[data-section-id=equipment-list] .section-card__table td:nth-child(3){width:var(--equipment-col-3-width);min-width:var(--equipment-col-3-width)}.section-layer[data-section-id=equipment-list] .section-card__table th:nth-child(4),.section-layer[data-section-id=equipment-list] .section-card__table td:nth-child(4){width:var(--equipment-col-4-width);min-width:var(--equipment-col-4-width)}@keyframes section-layer-slide-out{0%{transform:translateY(0)}to{transform:translateY(calc(var(--section-direction) * 120%))}}@keyframes section-layer-slide-in{0%{transform:translateY(calc(var(--section-direction) * -120%))}to{transform:translateY(0)}}.trapezoid-buttons{z-index:6;pointer-events:none;animation:1.9s cubic-bezier(.2,1,.5,1) both trapezoid-slide-in;position:absolute;inset:0}.trapezoid-button{--slot:1;--slot-ratio:calc(var(--slot) / 6);--button-hue:0deg;--button-lightness:22%;--button-saturation:0%;--outline-lightness:12%;--outline-saturation:0%;--hover-shift-x:0px;top:calc(var(--slot-ratio) * 100vh);left:calc(var(--trapezoid-width) * (1 - (var(--slot) / 12)));transform:translate(calc(-50% + var(--hover-shift-x)), -50%);border:8px solid hsl(var(--button-hue) var(--outline-saturation) var(--outline-lightness));background:hsl(var(--button-hue) var(--button-saturation) var(--button-lightness));pointer-events:auto;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;width:clamp(360px,30vw,520px);height:clamp(100px,12vh,150px);padding:0 1.8rem;transition:transform .24s ease-out,background-color .24s ease-out,border-color .24s ease-out;display:flex;position:absolute;box-shadow:0 14px 30px #0000008c}.trapezoid-button.is-active{--button-saturation:90%;--outline-saturation:90%;box-shadow:0 14px 30px #000000a6,inset 0 0 0 2px #ffffff1f}.trapezoid-button:hover{--button-saturation:90%;--outline-saturation:90%;--hover-shift-x:25px}.trapezoid-button:first-child{--slot:1}.trapezoid-button:nth-child(2){--slot:2}.trapezoid-button:nth-child(3){--slot:3}.trapezoid-button:nth-child(4){--slot:4}.trapezoid-button:nth-child(5){--slot:5}.trapezoid-button .title{--title-wave-amplitude:0deg;transform:rotate(calc(var(--title-wave-amplitude) * 0));transform-origin:0;text-align:center;text-transform:none;color:#fff;pointer-events:none;z-index:9;margin:0;padding:0;font-size:clamp(1.85rem,3.2vw,3.25rem);transition:color .18s ease-out,--title-wave-amplitude .28s ease-out;animation:1.4s linear infinite button-title-wave;display:inline-block;position:static;top:auto;left:auto}.trapezoid-button:hover .title{--title-wave-amplitude:14deg;text-transform:uppercase;animation:1.4s linear infinite button-title-wave,1.6s linear infinite button-title-rainbow}.trapezoid-button:not(:hover) .title{--title-wave-amplitude:0deg;text-transform:none;color:#fff;animation:1.4s linear infinite button-title-wave}@keyframes button-title-rainbow{0%{color:#ffadad}16.666%{color:#ffffad}33.333%{color:#adffad}50%{color:#adffff}66.666%{color:#adadff}83.333%{color:#ffadff}to{color:#ffadad}}@keyframes button-title-wave{0%{transform:rotate(calc(var(--title-wave-amplitude) * 0))}5%{transform:rotate(calc(var(--title-wave-amplitude) * .309))}10%{transform:rotate(calc(var(--title-wave-amplitude) * .588))}15%{transform:rotate(calc(var(--title-wave-amplitude) * .809))}20%{transform:rotate(calc(var(--title-wave-amplitude) * .951))}25%{transform:rotate(calc(var(--title-wave-amplitude) * 1))}30%{transform:rotate(calc(var(--title-wave-amplitude) * .951))}35%{transform:rotate(calc(var(--title-wave-amplitude) * .809))}40%{transform:rotate(calc(var(--title-wave-amplitude) * .588))}45%{transform:rotate(calc(var(--title-wave-amplitude) * .309))}50%{transform:rotate(calc(var(--title-wave-amplitude) * 0))}55%{transform:rotate(calc(var(--title-wave-amplitude) * -.309))}60%{transform:rotate(calc(var(--title-wave-amplitude) * -.588))}65%{transform:rotate(calc(var(--title-wave-amplitude) * -.809))}70%{transform:rotate(calc(var(--title-wave-amplitude) * -.951))}75%{transform:rotate(calc(var(--title-wave-amplitude) * -1))}80%{transform:rotate(calc(var(--title-wave-amplitude) * -.951))}85%{transform:rotate(calc(var(--title-wave-amplitude) * -.809))}90%{transform:rotate(calc(var(--title-wave-amplitude) * -.588))}95%{transform:rotate(calc(var(--title-wave-amplitude) * -.309))}to{transform:rotate(calc(var(--title-wave-amplitude) * 0))}}#render-canvas{background:linear-gradient(var(--bg-gradient-angle), var(--bg-gradient-start) var(--bg-gradient-start-stop), var(--bg-gradient-end) var(--bg-gradient-end-stop));width:100%;height:100%;display:block;position:absolute;inset:0}.title{color:#fff;letter-spacing:.02em;text-transform:none;text-shadow:0 0 18px #000c;pointer-events:none;z-index:1;margin:0;padding:0;font-family:Fredoka SemiBold,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:clamp(2rem,6vw,5rem);font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.phrase{text-align:center;white-space:normal;overflow-wrap:break-word;color:#fff;letter-spacing:.01em;text-transform:none;transform-origin:50%;text-shadow:4px 4px #000000e6;pointer-events:none;z-index:4;width:100%;margin:0;padding:0;font-family:Gabriola Italic,Gabriola,serif;font-size:clamp(3.6rem,4vw,7.2rem);font-style:normal;font-weight:400;display:block;position:static;transform:skew(-12deg)}