*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background:#000;font-family:Doto,serif}html{scroll-snap-type:y proximity}.canvasWrap{width:100%;height:auto}canvas{width:100%!important;height:100%!important}.start-overlay{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);cursor:pointer;transition:opacity .4s ease,transform .4s ease}.start-overlay.hide{opacity:0;pointer-events:none;transform:scale(1.02)}.start-box{border:2px solid rgba(255,255,255,.8);border-radius:16px;padding:28px 32px;text-align:center;max-width:min(720px,88vw)}.start-title{color:#fff;font-size:clamp(20px,2.2vw,34px);font-weight:700;margin-bottom:10px}.start-sub{color:#ffffffb3;font-size:14px;letter-spacing:.02em}button{cursor:pointer}.name-wrap{position:relative;display:inline-flex;align-items:center;white-space:nowrap}.dropdown{position:absolute;top:100%;left:0;background:#141414f2;border-radius:12px;padding:8px;min-width:220px;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease}.name-wrap.open .dropdown{opacity:1;pointer-events:auto;transform:translateY(0)}.dropdown a{display:block;padding:10px 14px;color:#fff;text-decoration:none;border-radius:8px}.dropdown a:hover{background:#ffffff14}.submenu-wrap{position:relative}.submenu{position:absolute;top:0;left:100%;margin-left:6px;background:#141414;border-radius:12px;padding:8px;min-width:200px;display:none;transform:translateY(-6px);transition:all .25s ease}.submenu-wrap.open .submenu{display:block}nav,footer{position:fixed;width:100%;padding:48px;left:0;display:flex;justify-content:space-between;align-items:center;z-index:99998}nav{top:0}footer{bottom:0}.section_nav{position:absolute;width:20%;left:40%;right:60%;display:flex;justify-content:space-between;align-items:center;z-index:99999;mix-blend-mode:difference;overflow:hidden;background-color:#000;display:inline-flex;color:#f2f2f2;text-align:center;padding:16px;font-size:18px;border-radius:4px;border-width:0;font-family:Doto,serif;height:48px;justify-content:center;line-height:1;touch-action:manipulation;white-space:nowrap}.section_nav-top{top:4%;box-shadow:#2d234200 0 2px 4px,#2d234200 0 7px 13px +3px,#d6d6e7 0 +3px inset}.section_nav-bottom{bottom:4%;box-shadow:#2d234200 0 2px 4px,#2d234200 0 7px 13px -3px,#d6d6e7 0 -3px inset}.marquee{overflow:hidden;width:100%;height:300px;padding-top:48px;padding-bottom:48px}.marquee__track{display:flex;gap:42px;width:max-content;will-change:transform}img{box-shadow:0 0 36px 4px #c3c3c3bf;-webkit-box-shadow:0 0 36px 4px rgba(195,195,195,.75);-moz-box-shadow:0 0 36px 4px rgba(195,195,195,.75);border-radius:16px;padding:auto}section{scroll-snap-align:start;scroll-snap-stop:always;padding:3%}video{position:absolute;z-index:-1;object-fit:cover}.videoWrap{position:relative;width:100%;height:100svh;overflow:hidden}.features{display:flex;flex-direction:column;gap:100px}.feature-item{font-size:2.2rem;opacity:.35;transform:scale(.9);transform-origin:center center;will-change:transform,opacity;color:#f2f2f2}#set-height{position:absolute;top:0;left:0;width:1px;height:0;pointer-events:none;opacity:0}.blogArea{padding:15%;overflow-y:auto;justify-content:center;object-fit:contain;display:grid;place-items:center}.introVideo{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:-1}.featureText{flex:1;min-width:258px}model-viewer{width:100%;height:70vh}.toast{position:fixed;right:1%;top:70%;z-index:9999;display:flex;gap:14px;align-items:center;width:390px;padding:14px 16px;border-radius:14px;background:#1e1e1eeb;border:1px solid rgba(255,255,255,.08);box-shadow:0 12px 40px #0000008c;font-family:Segoe UI,Segoe UI Variable,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.4;letter-spacing:.1px;color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translate(120%);opacity:0;pointer-events:none}.toastLogo{width:44px;height:44px;border-radius:10px}.toastTitle{font-size:18px;font-weight:700;margin-bottom:4px}.toastLine{font-size:13px;opacity:.85;line-height:1.35}.align{overflow:hidden;justify-content:center;object-fit:contain;height:100vh;display:grid;place-items:center;padding:48px;align-items:center}.info{position:absolute;top:10%;left:50%;width:50%;height:80%;z-index:0;padding:30px;overflow:auto;text-align:center}.name{width:100%;text-decoration:none;color:#fff;font-size:30px;font-weight:700}h1{font-size:100px;font-weight:700;color:#fff;text-align:center}a,p,h2,h3,h4{text-decoration:none;color:#fff}.links{display:flex;place-items:center;width:fit-content;justify-self:center;align-self:center;gap:2em}.gallery{position:absolute;top:0;left:-1220px;width:200%;height:100vh;overflow:hidden}.item{position:absolute;top:0;left:0;transform:translate(-50%,-50%);width:40%;height:80px;cursor:pointer}.item a{width:50%;font-size:40px;font-weight:500;color:#fff}.item a span{padding:0 20px;font-size:16px}.item a img{position:absolute;width:60px;height:60px;object-fit:cover}.c4{overflow:hidden;background-color:#1f1f1f;align-items:center;display:inline-flex;color:#f2f2f2;text-align:center;padding:16px;font-size:18px;float:none;appearance:none;border-radius:4px;border-width:0;box-shadow:#2d234266 0 2px 4px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset;box-sizing:border-box;font-family:Doto,serif;height:48px;justify-content:center;line-height:1;list-style:none;text-decoration:none;transition:box-shadow .15s,transform .15s;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap;will-change:box-shadow,transform}.c4:focus{box-shadow:#d6d6e7 0 0 0 1.5px inset,#2d234266 0 2px 4px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset}.c4:hover{box-shadow:#2d234266 0 4px 8px,#2d23424d 0 7px 13px -3px,#d6d6e7 0 -3px inset;transform:translateY(-2px)}.c4:active{box-shadow:#d6d6e7 0 3px 7px inset;transform:translateY(2px)}.c4:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none}.option-container{width:fit-content;height:100%;display:grid;grid-template-columns:repeat(2,1fr);margin:1em auto;gap:16.5px;color:#000;justify-items:center}.option{width:var(--card-width);height:var(--card-height);position:relative;display:flex;justify-content:center;align-items:flex-end;perspective:2500px;background-color:#000;color:#fff;padding:1vh;border-radius:16px;border:2px solid;place-items:center;cursor:pointer;transition:.5s;gap:6px}.option img{box-shadow:0 0 36px 4px #c3c3c3bf;-webkit-box-shadow:0 0 36px 4px rgba(195,195,195,.75);-moz-box-shadow:0 0 36px 4px rgba(195,195,195,.75);padding:10px}.option.selected{box-shadow:0 0 36px 4px #2169fa;-webkit-box-shadow:0 0 36px 4px rgb(33,105,250);-moz-box-shadow:0 0 36px 4px rgb(33,105,250);transition:.5s}.option h2{font-size:40px;font-weight:700;color:#fff;text-align:center}.option span{font-size:20px;font-weight:700;color:#fff;text-align:center}#fade-in{animation:fadeInAnimation ease 2s;animation-iteration-count:1;animation-fill-mode:forwards}#fade-out{animation:fadeOutAnimation ease 1s;animation-iteration-count:1;animation-fill-mode:forwards}#projectsSection{position:relative;height:100vh}.panel{position:relative;height:100vh;width:100%;overflow:hidden}.panel-videoBackground:before{content:"";position:absolute;inset:-40px;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);-webkit-mask-image:radial-gradient(ellipse at center,transparent 45%,black 85%);mask-image:radial-gradient(ellipse at center,transparent 45%,black 85%);z-index:0}.panel-videoBackground{position:absolute;inset:0;z-index:-1}.panel-videoBackground:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center,#0000 40%,#00000059 65%,#000000bf 85%,#000000f2)}.panel-video{position:absolute;top:50%;left:50%;width:120%;height:120%;object-fit:cover;transform:translate(-50%,-50%);opacity:.8;filter:saturate(1.05) contrast(1.05)}.panel-content{position:relative;z-index:2}.projectsScroller{height:100vh;overflow-y:auto;overflow-x:hidden;position:relative}.projectsInner{position:sticky;top:0;height:100vh}.scrollSpacer{height:1550vh}.reveal-text{max-width:1100px;font-size:clamp(28px,4vw,72px);line-height:1.05}.reveal-text .ch{display:inline-block;opacity:1;color:#fff}.cardsSection{padding:48px 0}.hcards{display:flex;gap:70px;overflow-x:auto;overflow-y:hidden;padding:0 48px 16px;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.hcards::-webkit-scrollbar{height:8px}.hcards{scrollbar-width:thin}.card{flex:0 0 75%;width:fit-content;border-radius:16px;background:#0000;color:#fff;font-size:14px;position:relative;height:auto}.wrapper{position:absolute;inset:0;padding:18px;transition:all .5s;z-index:-1;text-align:center;justify-content:center;border:2px solid;border-radius:16px;margin:0;scroll-snap-align:start}.card:hover .wrapper{transform:perspective(900px) translateY(-5%) rotateX(25deg) translateZ(0);box-shadow:2px 35px 32px -8px #c3c3c3bf;-webkit-box-shadow:2px 35px 32px -8px rgba(195,195,195,.75);-moz-box-shadow:2px 35px 32px -8px rgba(195,195,195,.75)}.title{padding:3em;position:relative;width:100%;transition:transform .5s}.card:hover .title{transform:translate3d(0,-80px,100px)}.titleImg{transition:transform .7s;width:50%;height:auto}.card:hover .titleImg{transform:translate3d(0,-80px,100px)}.contract{max-width:720px;margin:0 auto;padding:28px 26px;background:#f7f7f3;color:#111;box-shadow:0 0 36px 4px #c3c3c3bf;-webkit-box-shadow:0 0 36px 4px rgba(195,195,195,.75);-moz-box-shadow:0 0 36px 4px rgba(195,195,195,.75);border-radius:16px;font-family:Times New Roman,Times,serif}.contract h2{margin:0 0 10px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#111}.contract p{margin:10px 0;line-height:1.6;font-size:15px;color:#111}.contract .rule{height:1px;background:#1a1a1a;opacity:.35;margin:14px 0}.contract .meta{font-size:12px;opacity:.75;text-transform:uppercase;letter-spacing:.06em}.contract .blank{display:inline-block;min-width:220px;border-bottom:1px solid #111;transform:translateY(-2px)}.dark-area{position:relative;height:100vh;background:#000;overflow:hidden;cursor:none}.spotlight-layer{position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(circle 140px at 50% 50%,#fff3,#000000f2 65%);transition:opacity .2s}.phoneMock{position:relative;width:100%;max-width:900px}.phoneBase{width:100%;height:auto;display:block}.phoneScreen{position:absolute;left:38.2%;top:2.5%;width:40%;height:auto;border-radius:clamp(4px,3vw,46px);opacity:0;will-change:opacity,transform}.notice{padding-top:10%;padding-bottom:10%;font-size:10px;font-weight:200;color:#b9b8b8;text-align:left;text-align:center}.imgZoomWrap{position:relative;display:inline-block}#zoomImg{display:block;max-width:100%;height:auto}.imgMagnifier{position:absolute;width:40px;height:40px;pointer-events:none;opacity:0;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,.6);box-shadow:0 0 30px #ffffff59;background-repeat:no-repeat;background-size:400%;z-index:999999;transition:opacity .12s ease}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeOutAnimation{0%{opacity:1;z-index:2}to{opacity:0;z-index:-1}}:root{--pad-desktop: 48px;--pad-mobile: 16px}@media(max-width:820px){html,body{width:100%;height:100%;overflow-x:hidden}html{scroll-snap-type:y proximity}.name-wrap{width:100%}.dropdown{left:0;right:auto;min-width:240px;z-index:1000}.name-wrap.open .dropdown{display:block}.dropdown a{padding:12px 16px;font-size:16px}.submenu-wrap{width:100%}.submenu{position:static;display:none;margin-top:6px;margin-left:0;padding-left:10px;border-left:2px solid rgba(255,255,255,.1);transform:none;width:100%}.submenu-wrap.open .submenu{display:block}nav,footer{padding:var(--pad-mobile)}h1{font-size:clamp(42px,10vw,72px)}.links{gap:12px;flex-wrap:wrap;justify-content:center}.introVideo{position:absolute;inset:0;width:100%;height:auto}.gallery{position:relative;left:0;width:100%;height:60vh;overflow:hidden}.info{position:relative;top:0;left:0;width:100%;height:auto;padding:16px}.scrollSpacer{height:0}.align{height:auto;min-height:100svh;padding:0 var(--pad-mobile)}.toast{width:min(92vw,390px);right:4%;top:auto;bottom:12%;border-radius:12px}.option-container{width:100%;grid-template-columns:1fr;justify-items:stretch}.option{width:100%;height:auto;min-height:96px}.option h2{font-size:28px}.option span{font-size:16px}.hcards{padding:0 var(--pad-mobile) 16px;gap:16px}.card,.wrapper,.titleImg{transform:none!important;transition:none!important;box-shadow:none!important}.card:hover .wrapper,.card:hover .title,.card:hover .titleImg{transform:none!important;box-shadow:none!important}.card{flex:0 0 88vw;height:auto}.wrapper{height:auto!important;position:absolute;inset:0;padding:18px;z-index:-1;text-align:center;justify-content:center;border:2px solid;margin:0}.title{padding:16px}.phoneMock{max-width:100%}.phoneScreen{left:38.2%;top:2.5%;width:40%;border-radius:clamp(10px,6vw,28px)}.projectsGrid{display:grid;grid-template-columns:1fr;gap:14px;padding-top:30vh;padding-bottom:30vh;padding-left:32px;padding-right:32px;overflow-y:auto;overflow-x:hidden}.projectCard{display:grid;grid-template-columns:56px 1fr;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:14px}.projectCard img{width:56px;height:56px;object-fit:cover;border-radius:12px;box-shadow:none}.projectCard .pname{font-size:16px;font-weight:700;color:#fff}.projectCard .psub{font-size:12px;opacity:.75;margin-top:4px;color:#fff}.info{padding:14px;font-size:12px;color:#fff}}@media(max-width:420px){.start-box{padding:18px}.start-sub{font-size:12px}.projectsGrid{grid-template-columns:1fr}}