@font-face{font-family:Satoshi-Variable;src:url(/SODERRA/assets/Satoshi-Variable-CFg-z2ne.woff2)format("opentype")}@font-face{font-family:Zodiac-Variable;src:url(./assets/fonts/Zodiac-Variable.woff2)format("opentype")}*{box-sizing:border-box;margin:0;padding:0}body{cursor:none;opacity:1;background-color:#dddcce;font-family:Satoshi-Variable,sans-serif;transition:opacity .5s;animation:.4s pageIn;overflow-x:hidden}body.page-transition{opacity:0}body{animation:.4s pageIn}@keyframes pageIn{0%{opacity:0}to{opacity:1}}#grain{opacity:.1;mix-blend-mode:multiply;z-index:90;pointer-events:none;background-image:url(/SODERRA/assets/grain-cfoBL6c_.jpg);background-size:cover;width:100%;height:100%;position:fixed;top:0;left:0}#intro-overlay{cursor:none;z-index:10;background:#dddcce;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;inset:0}#axis-top,#axis-bottom{z-index:15;background:#c95656;border-radius:20%;width:1vw;height:1vw;transition:transform 1.5s cubic-bezier(.215,.61,.355,1);position:absolute}#axis-line{pointer-events:none;z-index:14;background:repeating-linear-gradient(#7e7e7e 0 8px,#0000 4px 16px);width:.1vw;height:0;transition:height 1.5s cubic-bezier(.215,.61,.355,1);position:absolute}.axis-label{color:#424242;white-space:nowrap;font-size:12px;position:absolute;top:50%;left:40px;transform:translateY(-50%)}.intro-part{opacity:0;width:35vh;transition:transform 1s,opacity .2s;position:absolute}#axis-top,#axis-bottom,.axis-label{z-index:15}@media (width<=768px){#axis-top,#axis-bottom{width:5vw;height:5vw}}#arch,#inter,#lens,#piano{opacity:0;width:35vh;transition:transform .4s bezier(.215, .61, .355, 1), opacity .2s ease;z-index:11;transform:translate(0)}.intro-side-text{opacity:0;color:#424242;font-size:5vw;line-height:.9;transition:opacity .8s;position:absolute;top:50%;transform:translateY(-50%)}:root{--name-offset:10vw}#intro-text-left{left:calc(50% - var(--name-offset));text-align:right;font-weight:1000;position:absolute;top:50%;transform:translate(-100%,-50%)}#intro-text-right{left:calc(50% + var(--name-offset));font-weight:1000;position:absolute;top:50%;transform:translateY(-50%)}@media (width<=768px){#intro-text-left,#intro-text-right{font-size:3vh;top:65%}}#intro-overlay{transition:opacity .8s,visibility .8s}#intro-overlay.hidden{opacity:0;visibility:hidden}body.intro-lock{overflow:hidden}.corner-text{color:#424242;opacity:0;letter-spacing:.08em;font-size:.75rem;line-height:1.4;transition:opacity .6s;position:absolute}.corner-tl{top:2vh;left:2vw}.corner-tr{text-align:right;top:2vh;right:2vw}.corner-bl{bottom:2vh;left:2vw}.corner-br{text-align:right;bottom:2vh;right:2vw}.cursor-glass{pointer-events:none;z-index:1000;-webkit-backdrop-filter:blur(10px);background:#4d383810;border:2px solid #685a5a21;border-radius:50%;width:250px;height:250px;transition:border-color 1s,transform .1s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-glass.active{border:12px solid #c95656}.header-nav{z-index:1;filter:blur();background:#2e2e2e;width:100%;height:50px;font-size:20px;display:flex;position:fixed;top:0;left:0}.header-nav a{color:#fff;text-align:center;cursor:auto;flex:1;padding:1.5vh;text-decoration:none;transition:all .3s}.header-nav a:hover{opacity:.6;cursor:none}.fade{opacity:0;transition:opacity 2s,transform 1s;transform:translate(10px)}.fade.show{opacity:1;transform:translateY(0)}.scene{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.scene-2{background:#dddcce;height:1000vh;position:relative}.scene-0{background:#181818}.scene-1{background:#181818;position:relative;overflow:hidden}.scene-1-content{color:#dddcce;z-index:2;flex-direction:column;gap:3vh;width:min(86vw,1200px);display:flex}.scene-1-kicker{letter-spacing:.12em;text-transform:uppercase;color:#dddccea6;font-family:Satoshi-Variable,sans-serif;font-size:clamp(.7rem,.9vw,1rem);font-weight:500}.scene-1-title{letter-spacing:-.06em;color:#dddcce;font-family:Satoshi-Variable,sans-serif;font-size:clamp(3rem,8vw,9rem);font-weight:900;line-height:.85}.scene-1-body{color:#dddccebf;max-width:42rem;font-family:Satoshi-Variable,sans-serif;font-size:clamp(1rem,1.3vw,1.4rem);font-weight:400;line-height:1.25}.scene-1-meta{letter-spacing:.08em;text-transform:uppercase;color:#c75f5ff3;justify-content:space-between;width:100%;margin-top:8vh;font-size:clamp(.65rem,.8vw,.9rem);font-weight:500;display:flex}.scene-1:before{content:"";clip-path:polygon(0 0,100% 0,0 100%,0 100%);z-index:10;background:#dddcce;width:100%;height:8vh;position:absolute;top:0;left:0}.scene-3:before{content:"";clip-path:polygon(0 0,100% 0,100% 100%,0 0%);z-index:10;background:#181818;width:100%;height:8vh;position:absolute;top:0;left:0}.scene-3{z-index:-1;background:#d8d8d0;min-height:380vh;position:relative;overflow:hidden}@media (width<=768px){.scene-3{min-height:150vh}}.scene-4{background:#181818;position:relative;overflow:hidden}.contact-content{color:#dddcce;z-index:2;flex-direction:column;gap:3vh;width:min(86vw,1200px);display:flex}.contact-kicker{letter-spacing:.12em;text-transform:uppercase;color:#dddccea6;font-family:Satoshi-Variable,sans-serif;font-size:clamp(.7rem,.9vw,1rem);font-weight:500}.contact-title{letter-spacing:-.06em;color:#dddcce;font-family:Satoshi-Variable,sans-serif;font-size:clamp(3rem,8vw,9rem);font-weight:900;line-height:.85}.contact-body{color:#dddccebf;max-width:42rem;font-family:Satoshi-Variable,sans-serif;font-size:clamp(1rem,1.3vw,1.4rem);font-weight:400;line-height:1.25}.contact-links{gap:1rem;margin-top:2vh;display:flex}.contact-links a{color:#dddcce;letter-spacing:.08em;text-transform:uppercase;cursor:none;border:1px solid #dddccea6;border-radius:999px;padding:.8rem 1.2rem;font-size:.8rem;font-weight:1000;text-decoration:none;transition:background .3s,color .3s,border-color .3s}.contact-links a:hover{color:#181818;background:#dddcce;border-color:#dddcce}.contact-meta{letter-spacing:.08em;text-transform:uppercase;color:#dddcce8c;justify-content:space-between;width:100%;margin-top:8vh;font-size:clamp(.65rem,.8vw,.9rem);font-weight:500;display:flex}#model-container{z-index:1;width:100%;height:100%;position:relative;top:0;left:0}.category-panel{-webkit-backdrop-filter:blur(5px);color:#252525;opacity:0;cursor:none;pointer-events:none;z-index:50;background:#ffffff80;border:3px solid #55555559;border-radius:16px;justify-content:center;align-items:center;width:50vw;height:30vw;font-size:2vw;font-weight:1000;text-decoration:none;transition:opacity .4s;display:flex;position:fixed;top:50%;left:25vw;overflow:hidden;transform:translateY(-50%)}.category-panel.visible{opacity:1;z-index:51;pointer-events:all;cursor:none}#category-model-container{width:100vw;height:100vh}.category-panel{cursor:none;position:fixed}.panel-center{font-size:3.5vw;font-weight:1000}.panel-corner{letter-spacing:.08em;color:#424242;font-size:.7rem;font-weight:400;line-height:1.2;position:absolute}.panel-tl{color:#272727;top:1rem;left:1rem}.panel-tr{color:#272727;text-align:right;top:1rem;right:1rem}.panel-bl{color:#272727;bottom:1rem;left:1rem}.panel-br{z-index:0;color:#684141;text-align:right;font-weight:700;bottom:1rem;right:1rem}.category-panel{filter:blur(20%);background-image:none;background-position:50%;background-repeat:no-repeat;background-size:cover}.category-panel:before{content:"";background-image:var(--panel-bg);filter:grayscale(80%)blur(3px)hue-rotate()contrast(.5)brightness(1.5);opacity:.75;z-index:-2;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0;transform:scale(1)}@media (width<=768px){.category-panel{border-width:2px;border-radius:14px;width:82vw;height:52vh;font-size:1rem;top:50%;left:50%;transform:translate(-50%,-50%)}.panel-center{text-align:center;font-size:clamp(2rem,10vw,4rem);line-height:.9}.panel-corner{letter-spacing:.06em;font-size:.55rem;line-height:1.1}.panel-tl{top:.75rem;left:.75rem}.panel-tr{top:.75rem;right:.75rem}.panel-bl{bottom:.75rem;left:.75rem}.panel-br{bottom:.75rem;right:.75rem}.category-panel:before{filter:grayscale(80%)blur(2px)hue-rotate()contrast(.6)brightness(1.35);transform:scale(1.04)}}h1,h2,p{color:#fff;font-family:Arial,sans-serif}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#424242}::-webkit-scrollbar-thumb:hover{background:#2f2f2f}html{scrollbar-color:#424242 transparent}.cat_img{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;width:40vw;height:auto;position:fixed;top:50%;left:0;transform:translate(-50%,-50%)}.project-container{width:75vw;height:70vh;position:absolute;top:0;left:0}.project-overlay{z-index:0;border-width:5px;border-color:red;gap:1rem;width:75vw;display:flex;position:relative;top:50%;left:60vw;transform:translate(-50%,-50%)}.project-info{border:2px solid #292929;border-radius:20px;width:30vw;min-height:25rem;padding:1.5rem;position:relative;overflow:hidden}.project-media{aspect-ratio:16/9;cursor:none;filter:grayscale();border:2px solid #292929;border-radius:20px;flex:1;transition:filter .45s;overflow:hidden}.project-media img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.project-media-link{flex:1;text-decoration:none;display:block}.project-media:hover{filter:grayscale(0%)}.project-header{right:2vw}.project-title{color:#2b2b2b;margin-left:5%;font-family:Satoshi-Variable;font-size:2.5vw;font-weight:800}.project-subtitle{color:#303030;margin-left:5%;font-family:Satoshi-Variable;font-size:1.5vw;font-weight:500}.project-description{color:#303030;max-width:85%;margin-top:.75rem;margin-left:0;font-family:Satoshi-Variable;font-size:1vw;font-weight:500;line-height:1.25}.project-meta-top,.project-meta-side,.project-meta-bottom{letter-spacing:.08em;text-transform:uppercase;color:#292929;font-family:Satoshi-Variable;font-size:.65rem;font-weight:500;line-height:1.1;position:fixed}.project-meta-top{text-align:right;position:absolute;top:1.5rem;right:1.5rem}.project-meta-bottom{text-align:left;position:absolute;bottom:1.5rem;left:1.5rem}.project-meta-side{color:#943434;text-align:right;margin-top:0;margin-right:10vw}@media (width<=768px){.scene-1-content{gap:2.5vh;width:86vw}.scene-1-title{font-size:clamp(3rem,14vw,5rem)}.scene-1-body{font-size:1rem}.scene-1-meta{flex-direction:column;gap:.6rem;margin-top:6vh}.contact-content{gap:2.5vh;width:86vw}.contact-title{font-size:clamp(3rem,14vw,5rem)}.contact-body{font-size:1rem}.contact-links{flex-direction:column;align-items:flex-start}.contact-meta{flex-direction:column;gap:.6rem;margin-top:6vh}.project-container{width:92vw;height:auto;top:350px;left:0}.project-overlay{flex-direction:column;gap:.75rem;width:90vw;top:50%;left:50vw;transform:translate(-50%,-50%)}.project-info{border-width:2px;border-radius:14px;width:100%;min-height:42vh;padding:1rem}.project-media{aspect-ratio:16/10;border-width:2px;border-radius:14px;width:100%}.project-title{margin-left:0;font-size:clamp(2rem,10vw,3.5rem);line-height:.9}.project-subtitle{margin-left:0;font-size:clamp(1rem,5vw,1.5rem);line-height:1}.project-description{max-width:90%;margin-top:.75rem;margin-left:0;font-size:.85rem;line-height:1.25}.project-meta-top,.project-meta-side,.project-meta-bottom{letter-spacing:.06em;font-size:.52rem;line-height:1.1}.project-meta-top{top:1rem;right:1rem}.project-meta-bottom{bottom:1rem;left:1rem}.project-meta-side{text-align:left;margin-top:.5rem;margin-right:0}}