@font-face{font-family:nippo;src:url(/assets/Nippo-Medium-DF42KIY5.otf)}@font-face{font-family:Titles;src:url(./assets/Fonts/PlayfairDisplay.ttf)}@font-face{font-family:Big-Titles;src:url(/assets/BlackpastDEMO-DM0e12p7.ttf)}@font-face{font-family:sign;src:url(/assets/Ramsoneth-Bs2A0eax.otf);font-display:swap}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{background:#000;min-height:100%}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;color-scheme:light dark;--clr-light: #ffffff;--clr-dark: #d1d1d1;--clr-subtle: #cecece;--clr-bg-soft: #7d83831f;--clr-border: #fafafa10;--blur: blur(.5rem);--radius-base: 25px;--radius-lg: 3vw;--radius: .625rem}::-webkit-scrollbar{width:0px;height:0px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent}html{scrollbar-width:none;scrollbar-color:transparent transparent}#root{max-width:1280px;margin:0 auto;box-sizing:border-box}nav{padding:.5rem 1rem;border-radius:14px;position:fixed;top:1.5rem;left:50%;transform:translate(-50%) scale(.8);z-index:999;white-space:nowrap}.routes{list-style:none;display:flex;gap:.5rem;margin:0;padding:0}.nav-logo-right{display:flex;position:fixed;margin-top:-20px;margin-left:19rem}.nav-logo-left{display:flex;position:fixed;margin-top:-20px;margin-left:-4.5rem}.portfolio-logo,.outlook-logo{width:60px;z-index:999;margin-top:0;display:flex}li a{color:#fff;text-decoration:none;font-size:1rem;font-weight:700;position:relative;padding:0 .5rem 4px}li a:hover:after,li a.active:after{content:"";position:absolute;bottom:0;left:0;height:2px;width:100%;background:#fff;border-radius:999px}@media(min-width:768px)and (max-width:1080px)and (orientation:portrait){nav{transform:translate(-50%) scale(1)}.portfolio-logo,.outlook-logo{width:50px}.nav-logo-left,.nav-logo-right{margin-top:-18px}.nav-logo-right{margin-left:26rem}.nav-logo-left{margin-left:-10rem}}@media(min-width:768px)and (max-width:1280px)and (orientation:landscape){nav{transform:translate(-50%) scale(1)}.portfolio-logo,.outlook-logo{width:60px}.nav-logo-left,.nav-logo-right{margin-top:-24px}.nav-logo-right{margin-left:34rem}.nav-logo-left{margin-left:-19rem}}@media(min-width:1280px){nav{transform:translate(-50%) scale(1)}.portfolio-logo,.outlook-logo{width:60px}.nav-logo-left,.nav-logo-right{margin-top:-20px}.nav-logo-right{margin-left:42rem}.nav-logo-left{margin-left:-27.5rem}}@media(min-width:1670px){nav{transform:translate(-50%) scale(1)}.portfolio-logo,.outlook-logo{width:60px}.nav-logo-left,.nav-logo-right{margin-top:-20px}.nav-logo-right{margin-left:45.5rem}.nav-logo-left{margin-left:-31rem}}.feedback-tag{display:none}@media(min-width:768px){.feedback-tag{position:fixed;top:40%;right:0;transform:translateY(-85%);transform-origin:right center;rotate:-90deg;width:9rem;height:2.5rem;padding:10px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;font-family:nippo,sans-serif;letter-spacing:2px;border:10px solid,#4d4d4d;background-color:#0000008e;color:#fff;border-radius:4px;border:none;z-index:9999;cursor:pointer}}.form-container{display:none}@media(min-width:768px)and (max-width:1200px)and (orientation:portrait){.form-container{width:60vw;max-height:50vh}}@media(min-width:768px)and (max-width:1200px)and (orientation:landscape){.form-container{width:50vw;max-height:66vh}}.tiny-picture{padding:2px;height:auto;width:80px;border-radius:2.2vw;margin-bottom:14px;display:inline-block;background:linear-gradient(145deg,transparent 35%,#ffffff,#000000,#ffffff);background-size:200% 200%;background-clip:padding-box;animation:border-glow 6s linear infinite}.form-container label.blind_input{-webkit-user-select:none;user-select:none;cursor:pointer;z-index:4;position:absolute;border:none;right:calc(var(--p) + (var(--input-px) / 2));bottom:calc(var(--p) + var(--submit-h) + var(--space-y) + (var(--input-py) / 1) + 3px);padding:4px 0;width:var(--blind-w);border-radius:4px;background-color:#000;color:#4d4d4d;display:inline-flex;align-items:center;justify-content:center}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.form{order:1;position:relative;display:flex;align-items:center;justify-content:space-evenly;flex-direction:column;width:100%}.input-data{white-space:wrap;font-size:14px;font-family:nippo;margin-top:calc(var(--space-y) / 2);color:#ffffffe6;font-weight:400;text-align:left;margin-right:auto;position:relative;z-index:99;-webkit-user-select:none;user-select:none}.icons-container{display:flex;align-items:center;gap:8px}.icons{margin:6px;width:24px;height:auto;display:inline-block}.form .input{width:100%;outline:none;font-size:18px;border-radius:6px;color:#ffffffd5;background:#0a0a0a;font-family:sans-serif;margin:var(--space-y) 0;transition:all .25s ease;border:.1px solid #ffffff;padding:var(--input-py) var(--input-px)}.form .input:focus{border:1px solid #787878;box-shadow:0 0 0 2px #787878}.form textarea.input{resize:none}.submit-button{height:2.5rem;font-size:16px;font-family:nippo;color:#fafafa;text-transform:uppercase;padding:8px 20px;border-radius:10px;border:2px solid #fafafa;background:#252525;box-shadow:3px 3px #fafafa;cursor:pointer;margin:35px 0}.submit-button:active{box-shadow:none;transform:translate(3px,3px)}.blind-check:checked~.form .input[type=text]{-webkit-text-security:disc}.form-submitted-container{font-family:sans-serif;overflow-y:auto;padding:var(--p);border-radius:16px;text-align:center;align-items:center}.sent-picture{height:auto;max-width:24vw;margin-top:-2rem;margin-bottom:1rem;display:inline-block}.thank-you-message{font-family:nippo}@keyframes border-glow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.form-container{transition:opacity .3s ease}.form-container.visible{border:1px solid #fafafa85;opacity:1;pointer-events:auto}.modal-overlay{position:fixed;top:0;left:0;height:100dvh;width:100vw;background-color:#00000080;z-index:666;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@media(min-width:768px){.form-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:380px;height:auto;padding:1.5rem;font-family:nippo;text-align:center;color:var(--clr-light);background:var(--clr-bg-soft);border:.1vw solid var(--clr-border);border-radius:var(--radius-base);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);animation:border-glow 6s linear infinite;opacity:0;pointer-events:none;z-index:777;--p: 32px;--blurF: blur(.2rem);--h-form: auto;--w-form: 380px;--input-px: .75rem;--input-py: .65rem;--submit-h: 10rem;--blind-w: 64px;--space-y: .5rem}.form-container{width:38vw;max-height:70vh}.tiny-picture{margin-top:2rem;width:80px;border-radius:14px}.sent-picture{max-width:12vw}.form .image-title,.form .input,.form .submit{font-size:1rem}}.home-section-1{position:absolute;background-color:#000;top:100%;left:0;width:100%;height:84rem;object-fit:cover;z-index:1;border-top-left-radius:50rem;border-top-right-radius:50rem;-webkit-mask-image:linear-gradient(to bottom,transparent 10%,black 0%);mask-image:linear-gradient(to bottom,transparent 0%,black 12%)}.profile-blur{position:fixed;top:30%;left:18%;transform:translate(-50%,-50%);height:340px;width:340px;display:flex;justify-content:center;align-items:center;color:var(--clr-light);border-radius:34px;background:#0000004d;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgb(22,22,22);box-shadow:0 8px 32px #00000059,inset 0 1px #fff3;transition:all .3s ease-in-out}.image-profile-home{position:absolute;border-radius:var(--radius-base);width:300px;height:300px}.dev-bio{position:fixed;top:30%;left:37.5%;width:800px;height:340px;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:var(--clr-light);border-radius:var(--radius-base);background:#0000004d;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:1px solid rgb(22,22,22);box-shadow:0 8px 32px #00000059,inset 0 1px #fff3;transition:all .3s ease-in-out}.dev-bio:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,#0000008c,#0000008c);mix-blend-mode:overlay;pointer-events:none}.dev-bio h1{margin-top:-2rem;font-size:1.8rem;font-family:nippo;z-index:1}.dev-bio p{margin-top:1rem;font-size:1rem;max-width:920px;font-family:nippo;text-shadow:0 2px 8px rgb(0,0,0);z-index:1}.home-section-2{position:absolute;background-color:#000;top:230%;left:0;width:100%;height:100%;object-fit:cover;z-index:2;-webkit-mask-image:linear-gradient(to bottom,transparent 10%,black 0%);mask-image:linear-gradient(to bottom,transparent 0%,black 12%)}.intro-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:3.5rem;font-family:nippo;text-align:center;z-index:2}.intro-sub-text{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.2rem;font-family:nippo;text-align:center;z-index:2}.context-tittle{position:absolute;top:44%;left:45%;transform:translate(-50%,-50%);color:#fff;font-size:5rem;font-family:nippo;text-align:center;z-index:2;text-shadow:0 2px 8px rgb(0,0,0)}.context-sub-tittle{position:absolute;top:54%;left:41.5%;transform:translate(-50%,-50%);color:#fff;font-size:2rem;font-family:nippo;text-align:center;z-index:2;text-shadow:0 2px 8px rgb(0,0,0)}.rotating-bat-3d{width:180px;height:180px;display:block;margin:-42rem auto 0;filter:drop-shadow(0 0 12px #ffffff55);transform-style:preserve-3d;perspective:1000px;will-change:transform}.dark-social{position:absolute;width:85px;height:85px;top:66%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;gap:.5em}.dark-blur-icons{display:flex;width:80px;height:80px;justify-content:center;align-items:center;border-radius:var(--radius-base);background:#0000002c;backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);border:2px solid rgb(22,22,22);box-shadow:0 8px 32px #00000059,inset 0 1px #fff3;transition:all .3s ease-in-out}.dark-blur-icons:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,#0000008c,#0000008c);mix-blend-mode:overlay;pointer-events:none}.dark-blur-icons svg{width:45px;height:45px;color:#fff;transition:transform .3s ease,color .3s ease;opacity:.9}.dark-blur-icons:hover{transform:scale3d(1.2,1.2,.3)}a svg{fill:#fff}.home-background{top:0;left:0;width:100vw;height:100vh;overflow:hidden;object-fit:cover;position:fixed;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url(/assets/desktop-vtDH00Mh.avif)}@media(max-width:768px){.home-background{top:0;left:0;width:100vw;height:100vh;overflow:hidden;object-fit:cover;position:fixed;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url(/assets/mobile-mX91uzy4.avif)}.home-section-1{border-top-left-radius:6rem;border-top-right-radius:6rem}.profile-blur{margin-top:-6rem;margin-left:-1rem;border-radius:24px;height:260px;width:260px}.image-profile-home{border-radius:20px;width:240px;height:240px}.dev-bio{margin-top:-8rem;left:37.5%;width:800px;height:400px}.dev-bio p{max-width:90%;font-size:24px}.section-1-container{position:fixed;top:63%;left:4%;transform:translate(-50%,-50%) scale(.46)}.home-section-2{height:50rem}.rotating-bat-3d{width:120px;height:120px;margin:-30rem auto 0}.intro-text{top:53%;font-size:1.8rem;width:100%}.intro-sub-text{top:58%;font-size:.7rem;width:100%}.context-tittle{top:54%;left:40%;font-size:2rem}.context-sub-tittle{top:60%;left:22%;font-size:1.4rem;max-width:100%}.dark-social{width:65px;height:65px;top:70%}.dark-blur-icons{border-radius:18px;width:60px;height:60px}}@media(min-width:768px)and (max-width:1280px)and (orientation:portrait){.intro-text{width:100%;font-size:3rem}.intro-sub-text{width:100%;font-size:1.8rem}.profile-blur{top:10%;left:30%}.dev-bio{top:44%;left:6%;width:90%}}@media(min-width:768px)and (max-width:1280px)and (orientation:landscape){.profile-blur{top:30%;margin-left:-2%;width:320px;height:320px}.image-profile-home{width:280px;height:280px}.dev-bio{top:30%;left:36%;width:60%;height:320px}.dev-bio p{max-width:600px}}@media(min-width:1200px){.profile-blur{top:30%;left:8.5rem;width:385px;height:385px}.image-profile-home{width:350px;height:350px}.dev-bio{top:30%;left:37%;width:780px;height:385px}.dev-bio p{width:600px}.rotating-bat-3d{width:120px;height:120px;margin:-32rem auto 0}.context-tittle{margin-top:.5rem;font-size:3.5rem;left:40.5rem}.context-sub-tittle{margin-top:-.5rem;font-size:1.8rem;left:40%}.dark-social{top:64%;left:50%}}@media(min-width:1670px){.profile-blur{width:420px;height:420px;top:25%;left:11%}.image-profile-home{width:380px;height:380px}.dev-bio{width:1080px;height:420px;top:25%;left:34%}.dev-bio p{width:1080px;font-size:1.5rem}.rotating-bat-3d{width:120px;height:120px;margin:-37rem auto 0}.context-tittle{margin-top:-.5rem;font-size:4rem;left:46.4%}.context-sub-tittle{margin-top:-1rem;font-size:1.8rem;left:42.5%}.dark-social{top:62%;left:50%}}.project-link{text-decoration:none}.projects-card{height:28rem;width:80rem;background:linear-gradient(135deg,var(--color-start),var(--color-mid),var(--color-end));border-radius:var(--radius-base);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);position:relative;overflow:hidden;z-index:1;transition:box-shadow .4s ease;display:grid;grid:"project-aside-card project-image" 100% / 1fr 1fr;margin-bottom:20px}.projects-card:hover{box-shadow:0 0 0 2px #fff}.project-aside-card{position:relative;grid-area:project-aside-card;width:100%;height:100%}.project-icon{position:absolute;top:1.5rem;right:32.5rem;width:100px;z-index:3;margin:0}.project-title{position:absolute;top:8rem;left:2rem;font-size:26px;font-family:Titles;font-weight:500;color:#fff;margin:0}.project-description{position:absolute;top:11rem;left:2rem;font-size:14px;font-family:nippo;font-weight:500;color:#fff;margin:0}.tech-stack{position:absolute;bottom:1.5rem;left:2rem;display:flex;align-items:center;gap:.5rem;list-style:none;padding:0;margin:0;color:#ffffff80;font-size:1rem}.tech-stack li+li:before{content:"•";margin-right:.5rem}.project-image{width:640px;display:block;margin-top:2rem;margin-left:-6rem;border-radius:2rem;object-fit:cover;text-align:center;place-items:center;aspect-ratio:3 / 2;justify-content:center;grid-area:project-image;z-index:2}.body-projects{display:grid;max-width:12vw;max-height:100dvw;transform:translateY(-14%) scale(.28)}@media(min-width:768px)and (max-width:1024px)and (orientation:portrait){.body-projects{position:absolute;margin-top:22rem;left:42%;transform:translate(-350%,-50%) scale(.6);margin-bottom:14rem}}@media(min-width:768px)and (max-width:1200px)and (orientation:landscape){.body-projects{position:absolute;top:4%;left:50%;transform:translate(-376%) scale(.8);margin-bottom:14rem}}@media(min-width:1200px){.body-projects{transform:scale(1);margin-top:8rem;margin-bottom:14rem}}.projects-container{width:100%;height:auto}.header-grid{width:100%;display:grid;grid:"lanyard" auto "bio" auto / auto;gap:8px;padding-top:8rem;align-items:start}.bio-container{grid-area:bio;margin:0 0 0 1rem;width:22.5rem;height:44rem;padding:20px;overflow:hidden;font-family:nippo;position:relative;color:var(--clr-light);background:var(--clr-bg-soft);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:.1vw solid var(--clr-border);border-radius:var(--radius-base)}.bio-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.bio-label{font-size:24px;letter-spacing:.2em;text-transform:uppercase;color:var(--clr-subtle);font-family:nippo}.bio-divider{flex:1;height:4px;background:var(--clr-border)}.bio-section{margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--clr-border)}.bio-section:last-of-type{border-bottom:none}.bio-section-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.25rem}.bio-index{font-size:22px;font-family:nippo;color:var(--clr-subtle);letter-spacing:.1em}.sub-titles{margin:0;font-size:14px;font-family:nippo;color:var(--clr-light);letter-spacing:.05em;text-transform:uppercase}.bio-texts{margin:0;font-size:14px;line-height:1.55;font-family:nippo;color:var(--clr-subtle)}.signature{margin-top:1rem;font-size:24px;font-family:sign;text-align:right;color:var(--clr-light);opacity:.7}.lanyard{position:relative;grid-area:lanyard;width:340px;height:auto;border-radius:var(--radius-base);margin:0 auto}.main-about{width:100%;margin:10px 0 0 0rem;align-items:start;display:grid;grid:"tech-skills-side my-core-values" auto / 1fr 1fr;gap:18px}.my-core-values{width:100%;height:100%;grid-area:my-core-values;background:var(--clr-bg-soft);backdrop-filter:var(--blur);-webkit-backdrop-filter:var(--blur);border:.1vw solid var(--clr-border);border-radius:var(--radius-base)}.core-values-title{font-family:Titles;text-align:center}@media(min-width:768px)and (max-width:1280px)and (orientation:portrait){.header-grid{width:100%;display:grid;grid:"lanyard" auto "bio" auto / 1fr;gap:1rem;padding-top:8rem;align-items:start}.bio-container{margin-left:2.5rem;width:43rem;height:28rem;padding:20px}.bio-texts{margin:0;font-size:11px;line-height:1.55;font-family:nippo;color:var(--clr-subtle)}.lanyard{margin-left:12.5rem;width:48%;height:auto}}@media(min-width:768px)and (max-width:1280px)and (orientation:landscape){.header-grid{grid:"bio lanyard" auto / 1fr 1fr}.bio-container{margin-left:4rem;width:38rem;height:29rem;padding:20px}.bio-texts{margin:0;font-size:12px;line-height:1.55;font-family:nippo;color:var(--clr-subtle)}.lanyard{width:330px;height:auto;margin-left:.1rem}}@media(min-width:1280px){.header-grid{grid:"bio lanyard" auto / 1fr 1fr}.bio-container{margin-left:3rem;width:49rem;height:33rem;padding:20px}.lanyard{width:378px;height:auto;margin-left:.1rem}.bio-texts{margin:0;font-size:16px;line-height:1.55;font-family:nippo;color:var(--clr-subtle)}}@media(min-width:1670px){.header-grid{grid:"bio lanyard" auto / 1fr 1fr}.bio-container{margin-left:0rem;width:56rem;height:33.2rem;padding:20px}.bio-texts{margin:0;font-size:16px;line-height:1.55;font-family:nippo;color:var(--clr-subtle)}.lanyard{width:380px;height:auto;margin-left:.1rem}}.shiny-text{display:inline-block}.card-info{width:100%;height:50rem;display:grid;grid:"card-title card-title card-title" auto "card-description card-description icon-card" auto "cards cards cards" 1fr / 1fr 1fr 1fr;gap:8px;color:var(--clr-light);backdrop-filter:var(--blur);background:var(--clr-bg-soft);border-radius:var(--radius-base);-webkit-backdrop-filter:var(--blur);border:.1vw solid var(--clr-border)}.card-title{font-size:28px;margin-top:2.5rem;margin-left:2.5rem;text-align:left;font-family:nippo;grid-area:card-title;color:var(--clr-light)}.card-description{margin-top:0;text-align:left;margin-bottom:10px;font-size:20px;grid-area:card-description;line-height:1.45;margin-left:2.5rem;font-family:nippo;color:var(--clr-subtle)}.icon-card{grid-area:icon-card;width:70px;margin-top:-3rem;margin-left:-5.8rem}.cards{width:100%;display:grid;margin-top:30px;margin-left:1.6rem;grid:"mc1 mc2 mc3" .5fr "t1 t2 t3" auto "yt yt yt" .5fr / auto auto auto;gap:10px}.mini-card{width:358px;overflow:hidden;object-fit:cover;aspect-ratio:16 / 9;color:var(--clr-light);backdrop-filter:var(--blur);background:var(--clr-bg-soft);border-radius:var(--radius-base);-webkit-backdrop-filter:var(--blur);border:.1vw solid var(--clr-border)}.mc1{grid-area:mc1}.mc2{grid-area:mc2}.mc3{grid-area:mc3}.card-image{display:block;max-width:100%;height:auto}.title-image{margin-top:-5rem;font-size:18px;justify-content:center;text-align:center;font-family:nippo;color:#fff}.logo-section{text-align:center;font-size:25px;grid-area:yt;margin-top:0rem;margin-bottom:2rem;font-family:nippo;color:var(--clr-subtle)}.arrow{display:block;width:48px;height:48px;margin-top:-1rem;margin-bottom:2rem;margin-inline:auto;color:var(--clr-subtle)}.logo{width:300px;margin-top:-14rem;margin-left:2.5rem;transform:rotate(calc(var(--r) * 1deg));transition:.5s,color .1s;-webkit-transition:.5s,color .1s;-moz-transition:.5s,color .1s}.logo svg{display:block;width:100%;height:auto}.logo:hover{transform:scale3d(1.5,1.5,.3);-webkit-transform:scale3d(1.2,1.2,.3);-moz-transform:scale3d(1.3,1.3,.3)}@media(min-width:768px)and (max-width:1023px){.card-info{height:auto;padding-bottom:1.5rem}.cards{gap:8px;margin-left:1rem;margin-right:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}.mini-card{width:100%;max-width:358px;justify-self:center}.logo-section{grid-column:1 / -1}}@media(min-width:768px){.card-info{max-width:1170px;margin-inline:auto}.cards{margin-top:-2rem;justify-items:center;align-items:center}.logo-link{display:block;width:fit-content;margin-inline:auto}.logo{width:250px;margin-left:auto;margin-right:auto;margin-top:-1.5rem}}@media(max-width:767px){.card-info{width:100%;max-width:min(380px,calc(100% + -0rem));margin-inline:auto;height:auto;overflow-x:hidden;padding-bottom:1.5rem;grid-template-columns:1fr;grid-template-areas:"card-title" "icon-card" "card-description" "cards";gap:.75rem;border-radius:20px;border-width:1px}.card-title{font-size:22px;margin-top:2rem;margin-left:1rem;margin-right:1rem}.card-description{font-size:16px;margin-bottom:6px;margin-left:1rem;margin-right:1rem;line-height:1.4}.card-description .me-break{display:none}.icon-card{width:55px;margin-top:-3.5rem;align-self:end;margin-right:1rem;justify-self:end}.cards{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:.75rem;margin-left:0;padding:0 1rem;box-sizing:border-box;gap:1rem}.mini-card{width:100%;max-width:min(320px,88vw);border-radius:20px;border-width:1px}.title-image{margin-top:.5rem;width:100%;max-width:min(280px,88vw);font-size:18px}.logo-section{width:100%;max-width:min(320px,88vw);margin-top:0rem;margin-bottom:1.25rem;font-size:1rem;line-height:1.4}.logo-section .arrow{width:38px;height:38px;margin:.25rem auto .75rem}.logo-link{display:block;width:fit-content;max-width:100%;margin-inline:auto}.logo{width:min(165px,55vw);margin:.75rem auto 0}.logo svg{display:block;width:100%;height:auto}}@media(min-width:768px)and (max-width:1280px)and (orientation:portrait){.card-info{width:100%;max-width:min(720px,calc(100% + -0rem));margin-inline:auto;height:auto;overflow-x:hidden;padding-bottom:1.5rem;grid-template-columns:1fr;grid-template-areas:"card-title" "icon-card" "card-description" "cards";gap:.75rem;border-radius:20px;border-width:1px}.card-title{font-size:22px;margin-top:2rem;margin-left:1rem;margin-right:1rem}.card-description{font-size:16px;margin-bottom:6px;margin-left:1rem;margin-right:1rem;line-height:1.4}.icon-card{width:55px;margin-top:-3.5rem;align-self:end;margin-right:1rem;justify-self:end}.cards{display:flex;flex-direction:column;align-items:center;margin-top:.75rem;margin-left:0;padding:0 1rem;box-sizing:border-box;gap:1rem}.mini-card{width:100%;max-width:min(680px,88vw);border-radius:20px;border-width:1px}.title-image{margin-top:.5rem;width:100%;max-width:min(4200px,88vw);font-size:24px;margin-bottom:1rem}.logo-section{width:100%;max-width:min(520px,88vw);margin-top:0rem;margin-bottom:1.25rem;font-size:2rem;line-height:1.4}.logo-section .arrow{width:38px;height:38px;margin:-2rem auto 1rem}.logo{width:min(165px,55vw);margin:.75rem auto 0}}@media(min-width:768px)and (max-width:1280px)and (orientation:landscape){.card-title{font-size:28px;margin-top:2.5rem;margin-left:2.5rem;text-align:left;font-family:nippo;grid-area:card-title;color:var(--clr-light)}.card-description{margin-top:0;text-align:left;margin-bottom:10px;font-size:20px;grid-area:card-description;line-height:1.45;margin-left:2.5rem;font-family:nippo;color:var(--clr-subtle)}.mini-card{width:325px;overflow:hidden}.card-image{display:block;max-width:100%;height:auto}.title-image{margin-top:-5rem;font-size:18px;justify-content:center;text-align:center;font-family:nippo;color:#fff}.logo-section{text-align:center;font-size:25px;grid-area:yt;margin-top:0rem;margin-bottom:2rem;font-family:nippo;color:var(--clr-subtle)}.arrow{display:block;width:48px;height:48px;margin-top:-1rem;margin-bottom:2rem;margin-inline:auto;color:var(--clr-subtle)}.logo{width:220px;margin-top:-1rem;margin-left:0rem}.logo svg{display:block;width:100%;height:auto}}.title-info{display:grid;font-size:55px;margin-top:8rem;margin-bottom:4rem;font-family:nippo;text-align:center;place-items:center;grid-area:title-info;justify-content:center}.main-info{display:flex;flex-direction:column;align-items:center;width:100%;gap:2rem;padding-inline:.5rem;box-sizing:border-box}@media(max-width:767px){.main-info{display:flex;flex-direction:column;align-items:center;width:100%;padding-inline:.5rem;box-sizing:border-box}.title-info{font-size:22px;margin-top:7rem;margin-bottom:2rem}}.n404{display:flex;flex-direction:column;justify-content:center;height:100vh;transform:translateY(-7vh);align-items:center;font-family:nippo}.n404-wr{margin-bottom:3rem;font-family:nippo}.n404-wr:last-child{margin-bottom:0}.ftd{display:grid}