@font-face{font-family:ArcaMajora3;src:url(/ArcaMajora3-Bold.woff2) format("woff2");font-weight:700;font-style:normal}html,body{margin:0;padding:0;box-sizing:border-box;height:100%;display:flex;flex-direction:column;background:linear-gradient(to top,#f0f0f0,#fff);overflow:scroll;-webkit-tap-highlight-color:transparent;scroll-snap-type:y mandatory}#three-container{position:fixed;background:transparent;pointer-events:none;top:0;left:0;width:100vw;height:100vh;width:100dvw;height:100dvh}.section{display:flex;flex-direction:column;width:100%;min-height:100vh;max-height:100vh;max-height:100dvh;min-height:100dvh;scroll-snap-align:start}.title-container,.about-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:12vh;margin-top:12dvh;gap:8px}.about-container{min-height:76vh;max-height:76dvh;margin-bottom:12vh;margin-bottom:12dvh}.title,.subtitle,.about-text{font-size:max(40px,calc(3vw + 8px));font-weight:700;color:#000;font-family:ArcaMajora3;line-height:1.2;text-align:center}.subtitle{font-size:max(18px,calc(1vw + 8px));color:#a0a0a0}.about-text{font-size:calc(max(40px,calc(3vw + 8px))*.7);line-height:1.5;width:calc(100% - (max(18px,calc(1vw + 8px))*2));padding-left:max(18px,calc(1vw + 8px));padding-right:max(18px,calc(1vw + 8px))}.about-text a{color:#4683ff;text-decoration:none;transition:opacity .3s ease-in-out}.about-text a:hover{opacity:.5}.details-button,.back-button,.pan-text{cursor:pointer;font-size:max(18px,calc(1vw + 8px));font-weight:700;color:#4683ff;font-family:ArcaMajora3;line-height:1.2;text-align:center;display:flex;align-items:center;gap:calc(max(18px,calc(1vw + 8px))*.4);transition:opacity .3s ease-in-out}.back-button,.pan-text{position:fixed;top:max(18px,calc(1vw + 8px));left:max(18px,calc(1vw + 8px));text-align:left;transform:translateY(-100%);opacity:0;pointer-events:none;z-index:1000;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.pan-text{left:50%;translate:-50% 0;color:#c8c8c8;text-align:center;z-index:unset}@media(max-width:450px){.pan-text{left:auto;right:max(18px,calc(1vw + 8px));text-align:right;translate:0 0%}}.details-button:hover{opacity:.5}.details-mode .back-button,.details-mode .pan-text{transform:translateY(0);opacity:1;pointer-events:auto}.details-mode .back-button:hover{opacity:.5}.details-button-icon,.back-button-icon{height:calc(max(18px,calc(1vw + 8px))*.8);fill:#4683ff;margin-bottom:calc(max(18px,calc(1vw + 8px))*.1)}.pan-text-icon{height:calc(max(18px,calc(1vw + 8px))*.8);fill:#c8c8c8;margin-bottom:calc(max(18px,calc(1vw + 8px))*.1)}.space{display:inline-block;height:auto;width:.4em}.details-mode{overflow:hidden}.details-mode .section{opacity:0;pointer-events:none;transition:opacity .4s ease}.details-mode #three-container{pointer-events:auto;cursor:grab}.details-mode #three-container:active{cursor:grabbing}.details-contents{position:fixed;bottom:0%;left:0;width:100vw;width:100dvw;overflow-y:scroll;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;opacity:0;translate:0 50%;transition:opacity .3s ease-in-out,translate .3s ease-in-out}.details-mode .details-contents{opacity:1;translate:0 0}.details-content{display:none;flex-direction:column;align-items:flex-start;gap:calc(max(18px,calc(1vw + 8px))*.75);padding-left:calc(max(18px,calc(1vw + 8px))*1.5);padding-right:calc(max(18px,calc(1vw + 8px))*1.5);margin:calc(max(18px,calc(1vw + 8px))*1.5) 0;width:calc(100vw - (max(18px,calc(1vw + 8px))*3));max-width:600px;font-size:max(18px,calc(1vw + 8px));font-weight:400;color:#000;font-family:ArcaMajora3;line-height:1.2;text-align:left}.details-content h2{margin:0%;font-size:calc(max(18px,calc(1vw + 8px))*1.5)}.details-content p{margin:0%;line-height:1.4}.details-mode-projector .details-content{display:none}.details-mode-projector .details-content-projector{display:flex}.details-mode-cpu .details-content{display:none}.details-mode-cpu .details-content-cpu{display:flex}.details-mode-storage .details-content{display:none}.details-mode-storage .details-content-storage{display:flex}.details-mode-memory .details-content{display:none}.details-mode-memory .details-content-memory{display:flex}.details-mode-speaker .details-content{display:none}.details-mode-speaker .details-content-speaker{display:flex}.loading-screen{position:fixed;top:0;left:0;width:100vw;width:100dvw;height:100vh;height:100dvh;background-color:#fff;color:#000;font-family:ArcaMajora3;font-size:calc(max(40px,calc(3vw + 8px))*.7);font-weight:700;opacity:0;pointer-events:none;transition:opacity .5s ease-in-out,transform .5s ease-in-out}.loading .loading-screen{opacity:1;pointer-events:auto}.loading-screen-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:calc(100% - (max(18px,calc(1vw + 8px))*2));padding-left:max(18px,calc(1vw + 8px));padding-right:max(18px,calc(1vw + 8px))}.loading-screen-progress{color:#4683ff}