:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--depth: 92px }html{font-size:16px}body{zoom:100%}@media (min-width: 1536px){.container-media{max-width:1536px}}.container-media{max-width:1536px;margin-left:auto;margin-right:auto;padding-left:.5rem;padding-right:.5rem}@media (max-width: 1536px){.container-media{max-width:1280px;--depth: 92px }}@media (max-width: 1280px){.container-media{max-width:1024px;--depth: 80px }}@media (max-width: 1024px){.container-media{max-width:768px;--depth: 20px }}@media (max-width: 768px){.container-media{max-width:640px}}@media (max-width: 640px){.container-media{max-width:475px}}@media (max-width: 480px){.container-media{width:100%}.Grid-container{display:grid;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(10,1fr);width:100vw;height:50vh;grid-gap:0px;z-index:-999}}.navbar{position:fixed;top:0;left:0;width:100%;background-color:#282c34;color:#fff;padding:1rem;z-index:1000;box-shadow:0 2px 5px #0003}.navbar ul{list-style:none;display:flex;gap:1rem;margin:0;padding:0;justify-content:flex}.navbar a{color:#fff;text-decoration:none;font-weight:700}.navbar a:hover{text-decoration:underline}.main-grid{display:grid;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);gap:1em;justify-items:center;align-items:center;background:#87cfb1cc;margin:1em;padding:1em;border:2px dashed red}.sub-grid{background:#188c5bcc;width:100%;display:grid;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(1,1fr);border-color:red;text-align:center;justify-items:center;align-items:center}.grid-container>*{min-width:0;min-height:0}.grid-container{display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(6,1fr);height:100dvh;position:relative;background:linear-gradient(90deg,#000,#fff);z-index:0}.grid-item{border:.5px solid rgb(70,70,70);background:none;color:#fff;display:flex;align-items:center;justify-content:center;will-change:transform;position:relative;z-index:10;transition:all .3s ease}.grid-item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;background:#ffffff1a;box-shadow:0 0 14px #000c;opacity:0;transition:opacity .2s ease,transform .2s ease;pointer-events:none}.grid-item:hover{margin:6px;border-radius:12px;background:#ffffff1a;box-shadow:0 0 14px #000c;transform:scale(.98)}.grid-item:hover:after{opacity:1}.hamburger-cell{grid-row:1 / 2;grid-column:1 / 2;display:flex;align-items:center;justify-content:center;z-index:1003}.title1-box--p{grid-area:2 / 2 / 3 / 3}.title2-box--p{grid-area:3 / 3 / 4 / 4}.title3-box--p{grid-area:4 / 4 / 5 / 5}.title4-box--p{grid-area:5 / 5 / 6 / 6}.title1-box{z-index:500}@media (max-width: 768px){.grid-container{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:1fr;height:auto;overflow-y:auto}.grid-container>.project-panel{grid-area:7 / 1 / 11 / 5;align-self:stretch;justify-self:stretch;width:100%;height:100%;border-radius:12px;min-width:0;min-height:0;z-index:12}.project-panel__layout{padding:.75rem}.grid-container>.detail-panel{grid-area:11 / 1 / 15 / 5;align-self:stretch;justify-self:stretch;min-width:0;min-height:0;z-index:14}.detail-panel .detail-panel__box{top:.5rem;right:.5rem;bottom:.5rem;left:.5rem;padding:.75rem}.title1-box--p{grid-area:2 / 1 / 3 / 2}.title2-box--p{grid-area:3 / 2 / 4 / 3}.title3-box--p{grid-area:4 / 3 / 5 / 4}.title4-box--p{grid-area:5 / 4 / 6 / 5}@media (hover: none),(pointer: coarse){.grid-container .profile-hit:after{opacity:0}.grid-container .profile-hit:active:after{opacity:1;filter:none}}}.profile-img-box img{filter:grayscale(100%) saturate(70%) contrast(1.05);transition:filter .35s ease-in-out;opacity:.2}.grid-container .profile-hit.photo2:after{content:"";position:absolute;width:calc(var(--photo-cols) * 100%);height:calc(var(--photo-rows) * 100%);left:calc(var(--ix) * -100%);top:calc(var(--iy) * -100%);background:url(/assets/my_picture2_800x800-Bb8omLGC.png) no-repeat 0 0 / 100% 100%;z-index:20;pointer-events:none;filter:grayscale(100%) saturate(70%) contrast(1.05);opacity:0;transition:opacity .25s ease,filter .25s ease}.grid-container .profile-hit:hover:after,.grid-container .profile-hit:focus-within:after{opacity:.5;filter:grayscale(40%) saturate(100%) contrast(1.05)}.profile-img-box{position:relative;z-index:5;display:flex;align-items:center;justify-content:center}.profile-img-box img{width:100%;height:100%;object-fit:cover}.grid-container>.profile-img-box{grid-area:2 / 3 / 6 / 7;position:relative;z-index:5;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}.grid-container>.profile-img-box img{width:100%;height:100%;display:block;object-fit:cover}@media (max-width: 768px){.grid-container>.profile-img-box{grid-area:2 / 1 / 6 / 5;min-width:0;min-height:0}.profile-img-box img{opacity:.4}}.profile-img-box2 img{filter:grayscale(100%) saturate(70%) contrast(1.05);transition:filter .35s ease-in-out;opacity:.2}.grid-container .profile-hit{position:relative;overflow:hidden}.grid-container .profile-hit.photo1:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:calc(var(--photo-cols) * 100%);height:calc(var(--photo-rows) * 100%);left:calc(var(--ix) * -100%);top:calc(var(--iy) * -100%);background:url(/assets/my_picture1_500x750-Cf8DXXSs.png) no-repeat 0 0 / 100% 100%;z-index:20;pointer-events:none;filter:grayscale(100%) saturate(70%) contrast(1.05);opacity:0;transition:opacity .25s ease,filter .25s ease}.grid-container .profile-hit:hover:after,.grid-container .profile-hit:focus-within:after{opacity:.7;filter:grayscale(40%) saturate(100%) contrast(1.05)}.profile-img-box2{position:relative;z-index:5;display:flex;align-items:center;justify-content:center}.profile-img-box2 img{width:100%;height:100%;object-fit:cover}.grid-container>.profile-img-box2{grid-area:2 / 1 / 6 / 5;position:relative;z-index:5;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}.grid-container>.profile-img-box2 img{width:100%;height:100%;display:block;object-fit:cover}@media (max-width: 768px){.grid-container>.profile-img-box2{grid-area:11 / 1 / 15 / 5;min-width:0;min-height:0}.profile-img-box2 img{opacity:.4}}.hamburger-cell{grid-row:1 / 2;grid-column:3 / 4;display:flex;align-items:center;justify-content:center;z-index:53;box-shadow:.5rem .5rem 1rem #0a0a0ab3}.hamburger-cell.is-open{z-index:1003}.hamburger.is-open{position:relative;z-index:1004}.hamburger-cell:has(.hamburger.is-open){z-index:1003}.hamburger{display:flex;align-items:center;justify-content:center;background:#00000080;border:0;color:#fff;cursor:pointer;font-weight:600}.hamburger-text{font-size:1rem;border:1px solid #fff;padding:1rem;border-radius:6px;transition:.3s}.hamburger-text:hover{background:#00000080;outline:none;padding:10px}.nav-background{grid-row:1 / 5;grid-column:3 / 4;background:linear-gradient(454deg,#000,#fff);box-shadow:.5rem .5rem 1rem #0a0a0ab3;z-index:30;display:grid;grid-template-rows:repeat(4,1fr);align-items:stretch;justify-items:stretch;position:relative;z-index:1002;opacity:0;pointer-events:none;transition:opacity .22s ease-in-out,transform .22s ease-in-out;transform:translateY(-10px);border-inline:1px solid #000}.nav-background.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-background>li{display:flex;align-items:center;justify-content:center;border-block-start:1px solid #000;opacity:0;transform:translateY(-6px);transition:opacity .22s ease-in-out,transform .3s cubic-bezier(.2,.7,.2,1)}.nav-background>li:last-child{border-block-end:1px solid #000}.nav-background.is-open>.nav-projects{opacity:1;transform:none;transition-delay:60ms}.nav-background.is-open>.nav-qualifications{opacity:1;transform:none;transition-delay:.12s}.nav-background.is-open>.nav-contacts{opacity:1;transform:none;transition-delay:.18s}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;background:#00000059;z-index:50;opacity:0;pointer-events:none;transition:opacity .22s ease-in-out}.backdrop.is-open{opacity:1;pointer-events:auto}.nav-projects{grid-row:2 / 3}.nav-qualifications{grid-row:3 / 4}.nav-contacts{grid-row:4 / 5}.nav-btn{color:#fff;border:1px solid #fff;border-radius:6px;padding:1rem;font-size:.8rem;cursor:pointer;transition:.3s}.nav-btn:hover{background:#00000080;outline:none;transform:translateY(-1px);padding:10px}@media (prefers-reduced-motion: reduce){.nav-background,.nav-background>li{transition:none;transform:none}}.nav-btn,.nav-btn:link,.nav-btn:visited,.nav-btn:hover,.nav-btn:focus,.nav-btn:active{text-decoration:none}.projects-col-bg{grid-row:2 / 5;grid-column:4 / 5;background:linear-gradient(454deg,#000,#fff);z-index:28;opacity:0;pointer-events:none;transition:opacity .22s ease-in-out,transform .22s ease-in-out;transform:translate(-6px);border-inline:1px solid #000;z-index:1002}.projects-col-bg.is-open{opacity:1;transform:translate(0)}.projects-col{grid-row:1 / 5;grid-column:4 / 5;list-style:none;margin:0;padding:0;display:grid;justify-items:center;grid-template-rows:repeat(4,1fr);z-index:40;opacity:0;pointer-events:none;transition:opacity .22s ease-in-out,transform .22s ease-in-out;transform:translate(-6px);z-index:1002}.projects-col.is-open{opacity:1;pointer-events:auto;transform:translate(0)}.projects-col>li{display:flex;align-items:center;justify-content:center;border-block-start:1px solid #000;inline-size:min(100%,22rem);text-align:center}.projects-col>li:last-child{border-block-end:1px solid #000}.proj-web{grid-row:2}.proj-mag{grid-row:3}.proj-arch{grid-row:4}.proj-btn{color:#fff;border:1px solid #fff;border-radius:6px;padding:1rem;font-size:.8rem;cursor:pointer;transition:background .2s ease,transform .2s ease}.proj-btn:hover{background:#00000080;outline:none;transform:translateY(-1px)}@media (max-width: 768px){.hamburger-cell{grid-row:1 / 2;grid-column:2 / 3}.nav-background{grid-row:1 / 5;grid-column:2 / 3}.projects-col-bg{grid-row:2 / 5;grid-column:3 / 4}.projects-col{grid-row:1 / 5;grid-column:3 / 4}}.qualifications-col-bg{grid-row:2 / 5;grid-column:4 / 5;background:linear-gradient(454deg,#000,#fff);z-index:28;opacity:0;pointer-events:none;transition:opacity .22s ease-in-out,transform .22s ease-in-out;transform:translate(-6px);border-inline:1px solid #000;z-index:1002}.qualifications-col-bg.is-open{opacity:1;transform:translate(0)}.qualifications-col{grid-row:1 / 5;grid-column:4 / 5;list-style:none;margin:0;padding:0;display:grid;justify-items:center;grid-template-rows:repeat(4,1fr);z-index:40;opacity:0;pointer-events:none;transition:opacity .22s ease-in-out,transform .22s ease-in-out;transform:translate(-6px);z-index:1002}.qualifications-col.is-open{opacity:1;pointer-events:auto;transform:translate(0)}.qualifications-col>li{display:flex;align-items:center;justify-content:center;border-block-start:1px solid #000;inline-size:min(100%,22rem);text-align:center}.qualifications-col>li:last-child{border-block-end:1px solid #000}.qual-cer{grid-row:2}.qual-res{grid-row:3}.qual-tra{grid-row:4}.qual-btn{color:#fff;border:1px solid #fff;border-radius:6px;padding:1rem;font-size:.8rem;cursor:pointer;transition:background .2s ease,transform .2s ease}.qual-btn:hover{background:#00000080;outline:none;transform:translateY(-1px)}@media (max-width: 768px){.hamburger-cell{grid-row:1 / 2;grid-column:2 / 3}.nav-background{grid-row:1 / 5;grid-column:2 / 3}.qualifications-col-bg{grid-row:2 / 5;grid-column:3 / 4}.qualifications-col{grid-row:1 / 5;grid-column:3 / 4}}.doc-panel{grid-row:1 / 7;grid-column:4 / 10;position:relative;display:grid;grid-template-rows:auto 1fr;background:transparent;border:1px solid rgba(255,255,255,.22);border-radius:14px;box-shadow:0 10px 30px #00000047,inset 0 1px #ffffff40,inset 0 -1px #0000002e;overflow:hidden;margin:10px;z-index:1003;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .22s ease-in-out,transform .22s ease-in-out}.doc-panel.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.doc-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(1200px 600px at -10% -20%,#ffffff0f,#fff0 60%),linear-gradient(135deg,#ffffff29,#ffffff14);backdrop-filter:blur(16px) saturate(145%);-webkit-backdrop-filter:blur(16px) saturate(145%);border:1px solid rgba(255,255,255,.28);box-shadow:0 10px 30px #00000047,inset 0 1px #ffffff40,inset 0 -1px #0000002e;z-index:0}.doc-panel__header,.doc-panel__frame{position:relative;z-index:1}.doc-panel__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .8rem;color:#fff;background:#00000047;backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%);border-bottom:1px solid rgba(255,255,255,.22)}.doc-panel__titles{display:grid}.doc-panel__title{margin:0;font-size:1rem;line-height:1.1}.doc-panel__filename{margin:0;opacity:.85;font-size:.8rem}.doc-panel__close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#00000040;color:#fff;border:1px solid rgba(255,255,255,.7);border-radius:8px;padding:.25rem .6rem;font-size:1.1rem;line-height:1;cursor:pointer;transition:background .2s ease,transform .2s ease}.doc-panel__close:hover,.doc-panel__close:focus{background:#0006;outline:none;transform:translateY(-1px)}.doc-panel__frame{width:100%;height:100%;border:0;background:transparent}@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))){.doc-panel:before{backdrop-filter:none;-webkit-backdrop-filter:none;background:linear-gradient(135deg,#ffffff1a,#ffffff0a)}}@media (prefers-reduced-motion: reduce){.doc-panel{transition:none;transform:none}}.docnav{position:absolute;left:0;right:0;bottom:10px;display:flex;align-items:center;justify-content:center;gap:12px;z-index:2}.docnav__pager{margin:0;padding:.25rem .5rem;font-size:.85rem;color:#fff;background:#00000073;border:1px solid rgba(255,255,255,.35);border-radius:8px}.docnav__arrow{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#00000059;color:#fff;border:1px solid rgba(255,255,255,.7);border-radius:8px;padding:.25rem .6rem;font-size:1.05rem;line-height:1;cursor:pointer;transition:background .2s ease,transform .2s ease}.docnav__arrow:hover,.docnav__arrow:focus{background:#00000080;transform:translateY(-1px);outline:none}@media (max-width: 768px){.doc-panel{grid-row:2 / 7;grid-column:1 / 5}}.contacts-col-bg{grid-row:3 / 5;grid-column:4 / 5;background:linear-gradient(454deg,#000,#fff);opacity:0;pointer-events:none;transition:opacity .22s ease-in-out,transform .22s ease-in-out;transform:translate(-6px);border-inline:1px solid #000;z-index:1002}.contacts-col-bg.is-open{opacity:1;transform:translate(0)}.contacts-col{grid-row:1 / 5;grid-column:4 / 5;list-style:none;margin:0;padding:0;display:grid;justify-items:center;grid-template-rows:repeat(4,1fr);opacity:0;pointer-events:none;transition:opacity .22s ease-in-out,transform .22s ease-in-out;transform:translate(-6px);z-index:1003}.contacts-col.is-open{opacity:1;pointer-events:auto;transform:translate(0)}.contacts-col>li{display:flex;align-items:center;justify-content:center;border-block-start:1px solid #000;inline-size:min(100%,22rem);text-align:center}.contacts-col>li:last-child{border-block-end:1px solid #000}.contact-centennial{grid-row:3}.contact-gmail{grid-row:4}.contact-btn{color:#fff;background:#00000059;border:1px solid #fff;border-radius:6px;padding:1rem;font-size:.8rem;text-decoration:none;cursor:pointer;transition:background .2s ease,transform .2s ease}.contact-btn:hover,.contact-btn:focus-visible{background:#00000080;outline:none;transform:translateY(-1px)}@media (max-width: 768px){.contacts-col-bg{grid-row:3 / 5;grid-column:3 / 4}.contacts-col{grid-row:1 / 5;grid-column:3 / 4}}.compose-panel-bg{grid-row:2 / 6;grid-column:3 / 7;align-self:stretch;justify-self:stretch;background:#00000059;border-inline:1px solid rgba(255,255,255,.15);border-block:1px solid rgba(255,255,255,.15);opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease;margin:2%;border-radius:14px;z-index:1004}.compose-panel-bg.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.compose-panel{grid-row:2 / 6;grid-column:3 / 7;align-self:stretch;justify-self:stretch;box-sizing:border-box;overflow:hidden;position:relative;display:grid;grid-template-rows:auto 1fr;background:#0c0c0c1a;border:1px solid rgba(255,255,255,.35);border-radius:14px;box-shadow:0 18px 40px #0000008c,inset 0 1px #ffffff40;backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);padding:.75rem;margin:2%;opacity:0;pointer-events:none;transform:translateY(10px) scale(.985);transition:opacity .22s ease,transform .22s ease;z-index:1006;height:auto;overflow-y:auto;overflow-x:hidden}.compose-panel.is-open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.compose-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1200px 600px at -10% -20%,#ffffff1f,#fff0 60%),radial-gradient(900px 420px at 115% 0%,#ffffff1a,#fff0 65%),linear-gradient(180deg,#ffffff14,#ffffff05);mix-blend-mode:screen;pointer-events:none}.compose-panel:after{content:"";position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;background:radial-gradient(40% 60% at 25% 30%,rgba(255,255,255,.1),transparent 60%),radial-gradient(55% 45% at 75% 70%,rgba(255,255,255,.07),transparent 65%),conic-gradient(from 0deg at 50% 50%,#ffffff1f,#fff0 30%,#ffffff1f 60%,#fff0);filter:blur(24px);opacity:.65;animation:glassDrift 16s ease-in-out infinite alternate;pointer-events:none}@keyframes glassDrift{0%{transform:translate(-2%,-1%) rotate(0) scale(1)}to{transform:translate(2%,1%) rotate(.6deg) scale(1.02)}}.compose-header{display:grid;grid-template-columns:1fr auto;align-items:center;padding:.25rem .5rem .5rem;border-bottom:1px solid rgba(255,255,255,.22)}.compose-header h3{margin:0;font-weight:600;letter-spacing:.02em}.compose-form{display:grid;grid-template-rows:auto auto auto 1fr auto}.field{display:grid;gap:.35rem;min-width:0}.field label{font-size:.85rem;color:#ffffffeb}.field input,.field textarea{inline-size:100%;max-inline-size:100%;box-sizing:border-box;font:inherit;color:#fff;background:#ffffff14;border:1px solid rgba(255,255,255,.35);border-radius:10px;padding:.65rem .75rem;outline:none}.field input:focus,.field textarea:focus{border-color:#fff;box-shadow:0 0 0 2px #ffffff40}.field--body{display:flex;flex-direction:column;min-height:0}.field--body textarea{flex:1;min-height:150px;max-height:200px;overflow-y:auto!important;resize:vertical}.compose-actions{display:flex;gap:.5rem;justify-content:flex-end;align-items:center;padding-top:.25rem;border-top:1px solid rgba(255,255,255,.14)}.send-btn,.ghost-btn,.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;border-radius:10px;padding:.55rem .9rem;border:1px solid #fff;background:#00000059;color:#fff;cursor:pointer;transition:transform .15s ease,background .15s ease}.send-btn:hover,.ghost-btn:hover,.icon-btn:hover{transform:translateY(-1px);background:#0000008c}.send-btn{font-weight:600}.ghost-btn{opacity:.9}.close-btn{line-height:1;width:2rem;height:2rem;padding:0}.notice-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;pointer-events:auto;background:#00000059;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.notice-card{position:relative;width:min(92vw,520px);padding:1.2rem 1.2rem 1rem;border-radius:14px;color:#fff;border:1px solid rgba(255,255,255,.35);background:#0f0f0f59;box-shadow:0 18px 40px #0000008c,inset 0 1px #ffffff40;backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);text-align:center}.notice-card.is-success{outline:2px solid rgba(64,255,160,.35)}.notice-card.is-error{outline:2px solid rgba(255,96,96,.35)}.notice-title{margin:0 0 .35rem;font-weight:700;letter-spacing:.02em}.notice-message{margin:0 .25rem .25rem;opacity:.95}.notice-close{position:absolute;top:8px;right:10px;width:2rem;height:2rem;padding:0;line-height:1;border:1px solid #fff;background:#00000059;color:#fff;border-radius:10px;cursor:pointer;transition:transform .15s ease,background .15s ease}.notice-close:hover{transform:translateY(-1px);background:#0000008c}.field-row{display:grid;gap:.75rem;grid-template-columns:1fr 1fr}@media (max-width: 768px){.field-row{grid-template-columns:1fr}}@media (max-width: 768px){.compose-panel-bg,.compose-panel{grid-row:2 / 7;grid-column:1 / 5}.field-row{grid-template-columns:1fr}}.semail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11000;display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .22s ease;background:#00000040;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.semail-overlay.is-open{opacity:1;pointer-events:auto}.semail-card{position:relative;width:min(92vw,520px);padding:1.1rem 1.1rem 1rem;border-radius:14px;color:#fff;background:#1212122e;border:1px solid rgba(255,255,255,.35);box-shadow:0 18px 40px #0000008c,inset 0 1px #ffffff40;backdrop-filter:blur(14px) saturate(170%);-webkit-backdrop-filter:blur(14px) saturate(170%);text-align:center;transform:translateY(10px) scale(.985);opacity:0;transition:transform .22s ease,opacity .22s ease}.semail-overlay.is-open .semail-card{transform:translateY(0) scale(1);opacity:1}.semail-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1200px 600px at -10% -20%,#ffffff1f,#fff0 60%),radial-gradient(900px 420px at 115% 0%,#ffffff1a,#fff0 65%),linear-gradient(180deg,#ffffff14,#ffffff05);mix-blend-mode:screen;pointer-events:none;border-radius:inherit}.semail-card.is-success{outline:2px solid rgba(64,255,160,.35)}.semail-card.is-error{outline:2px solid rgba(255,96,96,.35)}.semail-title{margin:0 0 .35rem;font-weight:700;letter-spacing:.02em}.semail-message{margin:0 .25rem .25rem;opacity:.95}.semail-close{position:absolute;top:8px;right:10px;width:2rem;height:2rem;padding:0;line-height:1;border:1px solid #fff;background:#00000059;color:#fff;border-radius:10px;cursor:pointer;transition:transform .15s ease,background .15s ease}.semail-close:hover{transform:translateY(-1px);background:#0000008c}.field-error{margin-top:.35rem;font-size:.8rem;color:#ff8686}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:#ff6464f2;box-shadow:0 0 0 2px #ff646447}.project-panel{grid-area:2 / 7 / 6 / 10;align-self:stretch;justify-self:stretch;width:100%;height:100%;position:relative;z-index:12;overflow:hidden}.project-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:2%;border-radius:18px;background:#0c0c0c1a;border:1px solid rgba(255,255,255,.35);box-shadow:0 18px 40px #0000008c,inset 0 1px #ffffff40;backdrop-filter:brightness(1.06) blur(2px);-webkit-backdrop-filter:brightness(1.06) blur(2px);pointer-events:none;z-index:0}.project-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:2%;border-radius:18px;background:inherit;background-attachment:fixed;-webkit-mask:radial-gradient(130% 120% at 50% 50%,transparent 52%,#000 62%),linear-gradient(#000,#000);-webkit-mask-composite:source-over,destination-in;mask-composite:add;pointer-events:none;z-index:0}.project-panel__layout{position:absolute;top:0;right:0;bottom:0;left:0;margin:1rem;display:grid;grid-template-columns:64px 1fr 64px;--r1: clamp(28px, 3.2vh, 40px);--r3: clamp(18px, 2.4vh, 28px);--r4: clamp(28px, 3.4vh, 44px);--r5: clamp(44px, 5vh, 56px);--r6: clamp(20px, 2.4vh, 28px);grid-template-rows:var(--r1) 1fr var(--r3) var(--r4) var(--r5) var(--r6);grid-template-columns:var(--side-col, 64px) 1fr var(--side-col, 64px);align-items:center;gap:2rem;z-index:1}.project-panel__content{display:contents}.project-panel__arrow{background:transparent;border:1px solid #ffffff;color:#fff;font-size:1.25rem;padding:.35rem .6rem;border-radius:8px;cursor:pointer;transition:background .2s ease,transform .2s ease;align-self:center;justify-self:center;grid-row:1 / -1;background:#00000080}.project-panel__arrow:hover{background:#000000b3;outline:none;transform:translateY(-1px)}.project-panel__arrow--left{grid-column:1;grid-row:1 / 7;align-self:center}.project-panel__arrow--right{grid-column:3;grid-row:1 / 7;align-self:center}.project-panel__header{grid-column:2;grid-row:1;align-self:center;justify-self:center}.project-panel__title{color:#fff;margin:0;font-weight:700;letter-spacing:.1em;text-align:center;border-radius:18px;background:#0c0c0c1a;border:1px solid rgba(255,255,255,.35);box-shadow:0 18px 40px #0000008c,inset 0 1px #ffffff40;backdrop-filter:brightness(1.06) blur(2px);-webkit-backdrop-filter:brightness(1.06) blur(2px)}.project-panel__image-wrap{grid-column:2;grid-row:2;align-self:stretch;justify-self:stretch;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;contain:size layout paint style;aspect-ratio:16 / 9}.project-panel__image-link{width:100%;height:100%;display:block;border-radius:20px;position:relative;overflow:hidden}.project-panel__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transition:transform .25s ease filter .25s ease;transform-origin:center;will-change:transform}.project-panel__image-hover{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;opacity:0;transition:opacity .25s ease;border-radius:inherit}.project-panel__image-hover p{border:.3rem inset rgb(255,255,255,.8);margin:20px;border-radius:inherit}.project-panel__image-link:hover .project-panel__image,.project-panel__image-link:focus .project-panel__image{filter:grayscale(70%);opacity:.5;transition:opacity 1s ease}.project-panel__image-link:hover .project-panel__image-hover,.project-panel__image-link:focus .project-panel__image-hover{opacity:1}.project-panel__hint{grid-column:2;grid-row:3;color:#eaeaea;margin:.25rem 0;font-size:.95rem;text-align:center}.project-panel__project-title{display:grid;grid-column:2;grid-row:4;color:#00000080;margin:.25rem 0;text-align:center}.project-panel__details-btn{grid-column:2;grid-row:5;height:var(--r5);background:#00000059;color:#fff;border:1px solid #ffffff;border-radius:8px;padding:0 .9rem;cursor:pointer;transition:background .2s ease,transform .2s ease;justify-self:center}.project-panel__details-btn p{margin:0}.project-panel__details-btn:hover{background:#00000080;transform:translateY(-1px)}.project-panel__details-btn:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:2px}.project-panel__details-btn[aria-expanded=true]{background:#000000b3;border-color:#fff}.project-panel__pager{color:#fff;margin:.2rem;font-weight:600;text-align:center}.project-panel>*{position:relative;z-index:1}.project-panel__title{line-height:var(--r1)}.project-panel__hint{line-height:var(--r3)}.project-panel__project-title{line-height:var(--r4)}.project-panel__pager{line-height:var(--r6)}.project-panel__actions{grid-column:2;grid-row:5;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.project-panel__code{display:inline-flex;align-items:center;gap:.4rem;margin-left:.5rem}.project-panel__codebtn{position:relative;display:inline-grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#00000047;border:1px solid rgba(255,255,255,.7);transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease;color:#fff;text-decoration:none}.project-panel__codebtn:hover,.project-panel__codebtn:focus-visible{background:#00000073;border-color:#ffffffe6;transform:translateY(-1px);outline:none}.project-panel__codebtn:hover,.project-panel__codebtn:focus-visible,.project-panel__codebtn:active{color:#6e40c9}.project-panel__codeicon{width:20px;height:20px}.project-panel__codebtn:before{content:attr(data-badge);position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;font-size:.65rem;line-height:1;color:#fff;background:#0006;border:1px solid rgba(255,255,255,.55);border-radius:999px;box-shadow:0 2px 6px #00000059}.project-panel__codebtn:after{content:attr(data-label);position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%) translateY(4px);opacity:0;pointer-events:none;white-space:nowrap;font-size:.75rem;color:#fff;background:#0009;border:1px solid rgba(255,255,255,.45);border-radius:6px;padding:.2rem .5rem;transition:opacity .2s ease,transform .2s ease;z-index:1}.project-panel__codebtn:hover:after,.project-panel__codebtn:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0)}@media (max-width: 768px){.project-panel__project-title{grid-column:1 / 4;padding-inline:calc(var(--side-col, 44px) + .5rem);line-height:1.2}.project-panel__project-title-label{font-size:.85em;white-space:nowrap;opacity:.9}.project-panel__project-title-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:clamp(.95rem,3.6vw,1.1rem)}.project-panel__layout{--r4: clamp(48px, 7vh, 72px)}.project-panel__actions{flex-wrap:wrap}}.detail-panel{grid-area:2 / 4 / 6 / 7;align-self:stretch;justify-self:stretch;position:relative;z-index:60;pointer-events:none;min-width:0;min-height:0}.detail-panel__box{position:absolute;border-radius:18px;padding:1rem;overflow:auto;display:grid;grid-template-areas:"tools" "dates" "duration" "work" "details";grid-template-rows:min-content min-content min-content min-content 1fr;gap:1rem;top:2%;right:2%;bottom:2%;left:2%;margin:0;background:#0c0c0c1a;backdrop-filter:brightness(1.06) blur(2px);-webkit-backdrop-filter:brightness(1.06) blur(2px);border:1px solid rgba(255,255,255,.35);box-shadow:0 10px 30px #00000047,inset 0 1px #ffffff40,inset 0 -1px #0000002e;color:#fff;opacity:0;transform:translateY(10px) scale(.985);visibility:hidden;transition:opacity .26s ease,transform .26s ease,visibility 0s linear .26s}.detail-panel.is-open{pointer-events:auto}.detail-panel.is-open .detail-panel__box{opacity:1;transform:translateY(0) scale(1);visibility:visible;transition:opacity .26s ease,transform .26s ease,visibility 0s}.detail-panel__row{display:grid;grid-template-columns:auto 1fr;gap:.75rem 1rem;align-items:start;margin-bottom:.75rem}.detail-panel__grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem .75rem;align-items:start;margin:.5rem 0 .75rem}.detail-panel__label{margin:0;color:#f5f5f5}.detail-panel__value{margin:0;color:#ffffffb3}.detail-panel__tools{display:grid;gap:.35rem}.detail-panel__tool-group{display:flex;flex-wrap:wrap;gap:.35rem}.detail-panel__tool{display:inline-block;padding:.25rem .5rem;border-radius:999px;border:1px solid rgba(255,255,255,.45);background:#00000040;color:#fff;font-size:.9rem;white-space:nowrap}.detail-panel__section--tools{grid-area:tools}.detail-panel__section--dates{grid-area:dates}.detail-panel__section--duration{grid-area:duration}.detail-panel__section--work{grid-area:work}.detail-panel__section--details{grid-area:details}@media (prefers-reduced-motion: reduce){.detail-panel__box{transition:none;transform:none;opacity:1;visibility:visible}}.social-panel{grid-area:1 / 7 / 2 / 10;position:relative;align-self:stretch;justify-self:stretch;width:100%;height:100%;z-index:20;overflow:hidden;box-shadow:inset .5rem .5rem 1rem .5rem #0a0a0ab3}.social-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:2% 0% 2% 2%;background:radial-gradient(1200px 600px at -10% -20%,#ffffff03,#fff0 60%),linear-gradient(135deg,#ffffff24,#ffffff0f);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 10px 30px #00000047,inset 0 1px #ffffff40,inset 0 -1px #0000002e;z-index:0}.social-panel__track{--gap: 1rem;position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2 * var(--gap)) / 3);gap:var(--gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;z-index:1;align-items:center;justify-content:start}.social-panel__item{display:grid;place-items:center;scroll-snap-align:start;height:100%;min-height:0;background:#0000;border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 1px #ffffff40,inset 0 -1px #0000002e;color:#fff;text-decoration:none;transition:transform .2s ease,background .2s ease,border-color .2s ease;position:relative}.social-panel__item:hover,.social-panel__item:focus-visible{transform-origin:center center;background:#0000;border-color:#ffffff8c;outline:none}.social-panel__icon{width:clamp(22px,5.2vh,36px);height:clamp(22px,5.2vh,36px)}.social-panel__track::-webkit-scrollbar{height:10px}.social-panel__track::-webkit-scrollbar-track{background:linear-gradient(180deg,#000000b3,#ffffff80);border-radius:10px;margin-block:10px;opacity:.5}.social-panel__track::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#fffc,#b7b7b7);margin:10px;border-radius:10px;box-shadow:4px 4px 6px #000;border:1px solid rgba(255,255,255,1);transition:.5s}.social-panel__track:hover::-webkit-scrollbar-thumb{border:1px solid rgb(0,0,0,.5);box-shadow:4px 4px 6px #000}@media (max-width: 768px){.social-panel__track{--gap: .75rem}.social-panel{grid-area:15 / 1 / 16 / 5}}.social-panel__item--github .social-panel__icon,.social-panel__item--linkedin .social-panel__icon,.social-panel__item--instagram .social-panel__icon,.social-panel__item--youtube .social-panel__icon,.social-panel__item--facebook .social-panel__icon{color:#fff;transition:color .35s ease}.social-panel__item--github:hover .social-panel__icon{color:#6e40c9}.social-panel__item--linkedin:hover .social-panel__icon{color:#0a66c2}.social-panel__item--instagram:hover .social-panel__icon{color:#e1306c}.social-panel__item--youtube:hover .social-panel__icon{color:red}.social-panel__item--facebook:hover .social-panel__icon{color:#1877f2}.social-panel__item:after{content:attr(aria-label);position:absolute;left:50%;bottom:clamp(6px,2vh,12px);transform:translate(-50%,6px);padding:.25rem .5rem;font-size:clamp(10px,1.6vh,12px);line-height:1;white-space:nowrap;color:#fff;background:#ffffff8c;border:1px solid rgba(255,255,255,.35);border-radius:8px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.7));pointer-events:none;opacity:0;visibility:hidden;transition:opacity .16s ease,transform .16s ease,visibility 0s linear .16s;z-index:2}.social-panel__item:hover:after,.social-panel__item:focus-visible:after{opacity:1;transform:translate(-50%);visibility:visible;transition-delay:0s}.social-panel__item:hover .social-panel__icon,.social-panel__item:focus-visible .social-panel__icon{transform:translateY(-2px);transition:transform .16s ease}.title1-box,.font2-title1-box{width:100%;height:100%;transition:all .1s;transform-style:preserve-3d;--persp: 900px;--spin-duration: 6s;animation:title-spin var(--spin-duration) linear infinite;z-index:55}.title1-box:hover,.font2-title1-box:hover{--spin-duration: 3s;box-shadow:0 0 #0000}.title1-box span,.font2-title1-box span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;border:1px solid #000;background:linear-gradient(135deg,#ffffff1a,#ffffff1a);backdrop-filter:brightness(1.06) blur(2px);-webkit-backdrop-filter:brightness(1.06) blur(2px);box-shadow:inset 0 8px 32px #0000001a;--depth: 95px;transform:rotateY(calc(90deg * var(--i))) translateZ(var(--depth));backface-visibility:hidden;transition:all .5s}.font2-title1-box span{--depth: 92px}.title1-box h2{font-size:18vh;transition:.5s;color:var(--letter-color, rgba(0,0,0,.8))}.font2-title1-box{display:flex;justify-content:center;align-items:center;box-shadow:6px 6px 20px #00000080;z-index:2}@keyframes title-spin{0%{transform:perspective(var(--persp)) rotateY(0)}to{transform:perspective(var(--persp)) rotateY(360deg)}}@media (prefers-reduced-motion: reduce){.title1-box,.font2-title1-box{animation:none}}@media (max-width: 1880px){.title1-box span,.font2-title1-box span{--depth: 77px}}@media (max-width: 768px){.title1-box span,.font2-title1-box span{--depth: 54px}.title1-box h2{font-size:12vh}}.title1-box--p span:nth-child(1) h2{color:#000c}.title1-box--p span:nth-child(2) h2{color:#585846cc}.title1-box--p span:nth-child(3) h2{color:#7c7c69cc}.title1-box--p span:nth-child(4) h2{color:#2b2b2bcc}.title2-box--p span:nth-child(1) h2{color:#2b2b2bcc}.title2-box--p span:nth-child(2) h2{color:#000c}.title2-box--p span:nth-child(3) h2{color:#585846cc}.title2-box--p span:nth-child(4) h2{color:#7c7c69cc}.title3-box--p span:nth-child(1) h2{color:#7c7c69cc}.title3-box--p span:nth-child(2) h2{color:#2b2b2bcc}.title3-box--p span:nth-child(3) h2{color:#000c}.title3-box--p span:nth-child(4) h2{color:#585846cc}.title4-box--p span:nth-child(1) h2{color:#585846cc}.title4-box--p span:nth-child(2) h2{color:#7c7c69cc}.title4-box--p span:nth-child(3) h2{color:#2b2b2bcc}.title4-box--p span:nth-child(4) h2{color:#000c}.folio-letter{display:grid;place-items:center;pointer-events:none;z-index:10}.folio-letter h2{margin:0;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.35);font-size:8vh}.folio-letter--f{grid-area:2 / 3 / 3 / 4}.folio-letter--o1{grid-area:3 / 3 / 4 / 4}.folio-letter--l{grid-area:4 / 3 / 5 / 4}.folio-letter--i{grid-area:5 / 3 / 6 / 4}.folio-letter--o2{grid-area:6 / 3 / 7 / 4}@media (max-width: 768px){.folio-letter--f{grid-area:2 / 2 / 3 / 3}.folio-letter--o1{grid-area:3 / 2 / 4 / 3}.folio-letter--l{grid-area:4 / 2 / 5 / 3}.folio-letter--i{grid-area:5 / 2 / 6 / 3}.folio-letter--o2{grid-area:6 / 2 / 7 / 3}.folio-letter h2{font-size:400%}}.paint-title__box{display:flex;justify-content:center;align-items:center;position:relative;transition:.5s;z-index:50}.paint-title__box:hover{box-shadow:0 0 20px #000c;margin:10px;border-radius:10px}.paint-title__box h2{position:absolute;font-size:8vh;color:#ffffff1a}.paint-title__box--p:hover{transform:rotate(5deg)}.paint-title__box--p h2:nth-child(2){color:#0000004d;text-shadow:2px 2px 0 #303c23,2px 2px 0 #5c7242,3px 3px 0 #5c7242,4px 4px 0 #5c7242,5px 5px 0 #5c7242,6px 6px 0 #5c7242,7px 7px 15px #9d9d9d,8px 8px 20px #222,9px 9px 40px #222,10px 10px 80px #222;clip-path:circle(20% at 50% 70%);transition:clip-path 1s ease,color 1s ease}.paint-title__box--p h2:nth-child(2):hover{color:#708c51;clip-path:circle(70% at 50% 80%);cursor:grab}.paint-title__box--a:hover{transform:rotate(-5deg)}.paint-title__box--a h2:nth-child(2){color:#0000004d;text-shadow:2px 2px 0 #685628,2px 2px 0 #ceaa51,3px 3px 0 #ceaa51,4px 4px 0 #ceaa51,5px 5px 0 #ceaa51,6px 6px 0 #ceaa51,7px 7px 15px #9d9d9d,8px 8px 20px #222,9px 9px 40px #222,10px 10px 80px #222;clip-path:polygon(50% 25%,75% 50%,50% 75%,25% 50%);transition:clip-path 1s ease,color 1s ease}.paint-title__box--a h2:nth-child(2):hover{color:#ffd364;clip-path:polygon(200% -100%,200% 200%,-100% 200%,-100% -100%);cursor:grab}.paint-title__box--i:hover{transform:rotate(3deg)}.paint-title__box--i h2:nth-child(2){color:#0000004d;text-shadow:1px 1px 0 #744330,2px 2px 0 #cd7857,3px 3px 0 #cd7857,4px 4px 0 #cd7857,5px 5px 0 #cd7857,6px 6px 0 #cd7857,7px 7px 15px #9d9d9d,8px 8px 20px #222,9px 9px 40px #222,10px 10px 80px #222;clip-path:circle(22% at 50% 30%);transition:clip-path 1s ease,color 1s ease}.paint-title__box--i h2:nth-child(2):hover{color:#ff956b;clip-path:circle(65% at 50% 60%);cursor:grab}.paint-title__box--n:hover{transform:rotate(-5deg)}.paint-title__box--n h2:nth-child(2){color:#0000004d;text-shadow:1px 1px 0 #6f4f36,2px 2px 0 #a57751,3px 3px 0 #a57751,4px 4px 0 #a57751,5px 5px 0 #a57751,6px 6px 0 #a57751,7px 7px 15px #9d9d9d,8px 8px 20px #222,9px 9px 40px #222,10px 10px 80px #222;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);transition:clip-path 1s ease,color 1s ease}.paint-title__box--n h2:nth-child(2):hover{color:#d19666;clip-path:polygon(200% -100%,200% 200%,-100% 200%,-100% -100%);cursor:grab}.pt-r4-c1{grid-area:5 / 1 / 6 / 2}.pt-r4-c2{grid-area:5 / 2 / 6 / 3}.pt-r4-c3{grid-area:5 / 3 / 6 / 4}.pt-r4-c4{grid-area:5 / 4 / 6 / 5}@media (max-width: 768px){.pt-r4-c1{grid-area:1 / 4 / 2 / 5}.pt-r4-c2{grid-area:2 / 4 / 3 / 5}.pt-r4-c3{grid-area:3 / 4 / 4 / 5}.pt-r4-c4{grid-area:4 / 4 / 5 / 5}}.logo-reveal{grid-row:1 / 2;grid-column:1 / 2;place-self:center;width:100%;height:100%;min-width:0;min-height:0;position:relative;display:grid;place-items:center;transition:transform .5s ease;isolation:isolate;overflow:hidden;z-index:50;box-shadow:inset .5rem .5rem 1rem .5rem #282828;--gap: clamp(10px, 1.5vmin, 20px)}.logo-reveal--r1c1{grid-area:1 / 1 / 2 / 2}.logo-reveal__img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;object-fit:contain;max-width:calc(100% - 2 * var(--gap));max-height:calc(100% - 2 * var(--gap));width:auto;height:auto}.logo-reveal__img--back{opacity:.15;filter:grayscale(100%) saturate(70%)}.logo-reveal__img--front{transition:clip-path 1s ease,filter .35s ease;filter:brightness(.4) drop-shadow(2px 2px 0 rgb(65 65 65 / .8)) drop-shadow(2px 2px 0 rgb(65 65 65 / .7)) drop-shadow(3px 3px 0 rgb(65 65 65 / .6)) drop-shadow(4px 4px 0 rgb(65 65 65 / .5)) drop-shadow(7px 7px 15px rgb(100 100 100))}.logo-reveal:hover .logo-reveal__img--front{filter:brightness(0) drop-shadow(2px 2px 0 rgb(65 65 65 / .8)) drop-shadow(2px 2px 0 rgb(65 65 65 / .7)) drop-shadow(3px 3px 0 rgb(65 65 65 / .6)) drop-shadow(4px 4px 0 rgb(65 65 65 / .5)) drop-shadow(7px 7px 15px rgb(100 100 100)) drop-shadow(8px 8px 20px #222) drop-shadow(9px 9px 40px #222) drop-shadow(10px 10px 80px #222) saturate(120%)}.logo-reveal--square{aspect-ratio:1 / 1}@media (max-width: 768px){.logo-reveal{--gap: clamp(10px, 1.5vmin, 20px)}}*{margin:0;padding:0}.body-bento-grid-design{font-family:Arial,Helvetica,sans-serif;Width:100%;margin-left:auto;margin-right:auto;background-repeat:no-repeat;background-attachment:fixed;background-position:center;text-align:justify;animation:fadeIn .5s}.background-color{background:linear-gradient(217deg,#fff1a680,#f000 70.71%),linear-gradient(127deg,#ffa6a680,#0f00 70.71%),linear-gradient(336deg,#7b2905b3,#00f0 80%)}.fullscreen{display:table;table-layout:fixed;width:100%}.logo{width:60px;height:60px;padding:10px 10px 10px 40px;animation:fade-down .5s .4s}.box1{display:inline-block;width:10rem;height:10rem;transition-property:background-color,height;transition-duration:1s;background-color:indigo;margin:1rem}.content-glass{display:grid;grid-auto-flow:row;width:auto;height:50%;background:linear-gradient(135deg,#ffffff1a,#ffffff1a);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 8px 32px #0000005e;padding:4%;margin:2%;background-color:none;overflow-y:hidden;transition:all .5s}.content-glass:hover{display:block;height:74%;background-color:gray;cursor:pointer;transform:scale(1.05)}.content-glass p{display:none;opacity:0;transition:opacity .5s,display 0s .5s}.content-glass:hover p{display:block;opacity:1;transition:opacity .5s,display 0s;animation:fade-up .5s}.Column-nav{position:fixed;z-index:9999;top:0;transition:.4s ease-in-out}.Column-nav .scrolled{background-color:#fff;opacity:.98}.Column-nav-scrolled p{color:#000}.Column-nav-scrolled nav a{color:#000}.Column-nav-scrolled{background:linear-gradient(135deg,#ffffff1a,#ffffff1a);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 3px 10px #00000026}.head-title{font-family:Segoe Script;color:#000;width:auto;padding:17px;animation:fade-down .5s .4s}.movie-main-content{position:absolute;top:36%;left:50%;color:#000;font-family:Segoe Script;font-size:30px;text-align:center;padding-top:160px}.head-title h1{font-size:29px;color:transparent;font-weight:600;transition:.5s;-webkit-text-stroke:1px #000000;opacity:50%}.head-title h1:hover{-webkit-text-stroke:1px #000000;color:#000;cursor:pointer;opacity:100%}.Grid-container{display:grid;grid-template-rows:repeat(5,20%);grid-template-columns:repeat(10,10%);width:100vw;height:100vh;grid-gap:0px;z-index:-999}.Grid-1-1{grid-row:1/2;grid-column:1/2;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-1-2{grid-row:1/2;grid-column:2/3;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-1-3{grid-row:1/2;grid-column:3/4;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-1-4{grid-row:1/2;grid-column:4/5;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-1-5{grid-row:1/2;grid-column:5/6;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-1-6{grid-row:1/2;grid-column:6/7;display:flex;justify-content:center;align-items:center;background:none;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-1-7{grid-row:1/2;grid-column:7/8;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-1-8{grid-row:1/2;grid-column:8/9;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-1-9{grid-row:1/2;grid-column:9/10;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-1-10{grid-row:1/2;grid-column:10/11;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-2-1{grid-row:2/3;grid-column:1/2;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-2-2{grid-row:2/3;grid-column:2/3;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-2-3{grid-row:2/3;grid-column:3/4;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-2-4{grid-row:2/3;grid-column:4/5;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-2-5{grid-row:2/3;grid-column:5/6;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-2-6{grid-row:2/3;grid-column:6/7;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-2-7{grid-row:2/3;grid-column:7/8;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-2-8{grid-row:2/3;grid-column:8/9;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-2-9{grid-row:2/3;grid-column:9/10;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-2-10{grid-row:2/3;grid-column:10/11;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-3-1{grid-row:3/4;grid-column:1/2;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-3-2{grid-row:3/4;grid-column:2/3;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-3-3{grid-row:3/4;grid-column:3/4;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-3-4{grid-row:3/4;grid-column:4/5;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-3-5{grid-row:3/4;grid-column:5/6;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-3-6{grid-row:3/4;grid-column:6/7;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-3-7{grid-row:3/4;grid-column:7/8;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-3-8{grid-row:3/4;grid-column:8/9;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-3-9{grid-row:3/4;grid-column:9/10;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-3-10{grid-row:3/4;grid-column:10/11;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-4-1{grid-row:4/5;grid-column:1/2;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-4-2{grid-row:4/5;grid-column:2/3;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-4-3{grid-row:4/5;grid-column:3/4;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-4-4{grid-row:4/5;grid-column:4/5;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-4-5{grid-row:4/5;grid-column:5/6;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-4-6{grid-row:4/5;grid-column:6/7;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-4-7{grid-row:4/5;grid-column:7/8;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-4-8{grid-row:4/5;grid-column:8/9;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-4-9{grid-row:4/5;grid-column:9/10;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-4-10{grid-row:4/5;grid-column:10/11;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-5-1{grid-row:5/6;grid-column:1/2;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-5-2{grid-row:5/6;grid-column:2/3;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-5-3{grid-row:5/6;grid-column:3/4;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-5-4{grid-row:5/6;grid-column:4/5;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-5-5{grid-row:5/6;grid-column:5/6;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-5-6{grid-row:5/6;grid-column:6/7;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-5-6 img{width:50%;height:50%;filter:grayscale(0%)}.Grid-5-7{grid-row:5/6;grid-column:7/8;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-5-8{grid-row:5/6;grid-column:8/9;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-5-9{grid-row:5/6;grid-column:9/10;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-5-10{grid-row:5/6;grid-column:10/11;display:flex;justify-content:center;align-items:center;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s}.Grid-1-1:hover,.Grid-1-3:hover,.Grid-1-5:hover,.Grid-1-7:hover,.Grid-1-9:hover,.Grid-1-2:hover,.Grid-1-4:hover,.Grid-1-6:hover,.Grid-1-8:hover,.Grid-1-10:hover,.Grid-2-1:hover,.Grid-2-3:hover,.Grid-2-5:hover,.Grid-2-7:hover,.Grid-2-9:hover,.Grid-2-2:hover,.Grid-2-4:hover,.Grid-2-6:hover,.Grid-2-8:hover,.Grid-2-10:hover,.Grid-3-1:hover,.Grid-3-3:hover,.Grid-3-5:hover,.Grid-3-7:hover,.Grid-3-9:hover,.Grid-3-2:hover,.Grid-3-4:hover,.Grid-3-6:hover,.Grid-3-8:hover,.Grid-3-10:hover,.Grid-4-1:hover,.Grid-4-3:hover,.Grid-4-5:hover,.Grid-4-7:hover,.Grid-4-9:hover,.Grid-4-2:hover,.Grid-4-4:hover,.Grid-4-6:hover,.Grid-4-8:hover,.Grid-4-10:hover,.Grid-5-1:hover,.Grid-5-3:hover,.Grid-5-5:hover,.Grid-5-7:hover,.Grid-5-9:hover,.Grid-5-2:hover,.Grid-5-4:hover,.Grid-5-6:hover,.Grid-5-8:hover,.Grid-5-10:hover{box-shadow:0 0 20px #000c;margin:10px;border-radius:10px}@keyframes animate{to{transform:rotateX(0) rotateY(0) rotate(0)}0%{transform:rotateX(0) rotateY(360deg) rotate(0)}}.title1-box{width:100%;height:100%;transition:all .1s;transform-style:preserve-3d;transform:rotateX(0);z-index:18}.title1-box:hover{animation:animate 2s linear infinite;box-shadow:0 0 #0000}.title1-box span{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#ffffff1a,#ffffff1a);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 8px 32px #0000001a;transition:all .5s;transform:rotateY(calc(90deg * var(--i))) translateZ(var(--depth))}.title1-box h2{font-size:18vh;transition:.5s;color:#000c}.font2-title1-box{display:flex;justify-content:center;align-items:center;transition:all .1s;transform-style:preserve-3d;transform:rotateX(0);box-shadow:6px 6px 20px #00000080;z-index:2}.font2-title1-box:hover{animation:animate 2s linear infinite;box-shadow:0 0 #0000}.font2-title1-box h2{font-size:20vh;color:#000c}.font2-title1-box span{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff1a,#ffffff1a);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a;transition:all .5s;transform:rotateY(calc(90deg * var(--i))) translateZ(92px);display:flex;justify-content:center;align-items:center}.r1-c1-location{grid-row:1/2;grid-column:1/2}.r1-c2-location{grid-row:1/2;grid-column:2/3}.r1-c3-location{grid-row:1/2;grid-column:3/4}.r1-c4-location{grid-row:1/2;grid-column:4/5}.r1-c5-location{grid-row:1/2;grid-column:5/6}.r1-c6-location{grid-row:1/2;grid-column:6/7}.r1-c7-location{grid-row:1/2;grid-column:7/8}.r1-c8-location{grid-row:1/2;grid-column:8/9}.r1-c9-location{grid-row:1/2;grid-column:9/10}.r1-c10-location{grid-row:1/2;grid-column:10/11}.r2-c1-location{grid-row:2/3;grid-column:1/2}.r2-c2-location{grid-row:2/3;grid-column:2/3}.r2-c3-location{grid-row:2/3;grid-column:3/4}.r2-c4-location{grid-row:2/3;grid-column:4/5}.r2-c5-location{grid-row:2/3;grid-column:5/6}.r2-c6-location{grid-row:2/3;grid-column:6/7}.r2-c7-location{grid-row:2/3;grid-column:7/8}.r2-c8-location{grid-row:2/3;grid-column:8/9}.r2-c9-location{grid-row:2/3;grid-column:9/10}.r2-c10-location{grid-row:2/3;grid-column:10/11}.r3-c1-location{grid-row:3/4;grid-column:1/2}.r3-c2-location{grid-row:3/4;grid-column:2/3}.r3-c3-location{grid-row:3/4;grid-column:3/4}.r3-c4-location{grid-row:3/4;grid-column:4/5}.r3-c5-location{grid-row:3/4;grid-column:5/6}.r3-c6-location{grid-row:3/4;grid-column:6/7}.r3-c7-location{grid-row:3/4;grid-column:7/8}.r3-c8-location{grid-row:3/4;grid-column:8/9}.r3-c9-location{grid-row:3/4;grid-column:9/10}.r3-c10-location{grid-row:3/4;grid-column:10/11}.r4-c1-location{grid-row:4/5;grid-column:1/2}.r4-c2-location{grid-row:4/5;grid-column:2/3}.r4-c3-location{grid-row:4/5;grid-column:3/4}.r4-c4-location{grid-row:4/5;grid-column:4/5}.r4-c5-location{grid-row:4/5;grid-column:5/6}.r4-c6-location{grid-row:4/5;grid-column:6/7}.r4-c7-location{grid-row:4/5;grid-column:7/8}.r4-c8-location{grid-row:4/5;grid-column:8/9}.r4-c9-location{grid-row:4/5;grid-column:9/10}.r4-c10-location{grid-row:4/5;grid-column:10/11}.r5-c1-location{grid-row:5/6;grid-column:1/2}.r5-c2-location{grid-row:5/6;grid-column:2/3}.r5-c3-location{grid-row:5/6;grid-column:3/4}.r5-c4-location{grid-row:5/6;grid-column:4/5}.r5-c5-location{grid-row:5/6;grid-column:5/6}.r5-c6-location{grid-row:5/6;grid-column:6/7}.r5-c7-location{grid-row:5/6;grid-column:7/8}.r5-c8-location{grid-row:5/6;grid-column:8/9}.r5-c9-location{grid-row:5/6;grid-column:9/10}.r5-c10-location{grid-row:5/6;grid-column:10/11}.title2-box{display:flex;justify-content:center;align-items:center;transition:.5s;z-index:2}.title2-box:hover{box-shadow:0 0 20px #000c;margin:10px;border-radius:10px}.title2-box h2{font-size:10vh;transition:.5s;color:#fff6}.title2-box h2:hover{position:absolute;font-family:Georgia,serif;font-size:10vh;color:#fff}.font2-title2-box{grid-row:2/3;grid-column:3/4;display:flex;justify-content:center;align-items:center;transition:.5s;margin:auto;z-index:2}.font2-title2-box:hover{box-shadow:0 0 20px #000c;margin:10px;border-radius:10px}.font2-title2-box h2{font-size:10vh;color:#fff6;transition:1s}.font2-title2-box h2:hover{position:absolute;font-family:Georgia,serif;font-size:10vh;color:#fff}.font3-title2-box{grid-row:3/4;grid-column:3/4;display:flex;justify-content:center;align-items:center;transition:.5s;z-index:2}.font3-title2-box:hover{box-shadow:0 0 20px #000c;margin:10px;border-radius:10px;transform:rotate(-5deg)}.font3-title2-box h2{font-size:10vh;color:#fff6;transition:1s}.font3-title2-box h2:hover{position:absolute;font-family:Georgia,serif;font-size:10vh;color:#fff}.font4-title2-box{display:flex;justify-content:center;align-items:center;position:relative;transition:.5s;z-index:2}.font4-title2-box:hover{box-shadow:0 0 20px #000c;margin:10px;border-radius:10px;transform:rotate(5deg)}.font4-title2-box h2{position:absolute;font-family:Georgia,serif;font-size:10vh;color:#fff6;transition:1s}.font4-title2-box h2:hover{position:absolute;font-family:Georgia,serif;font-size:10vh;color:#fff}.font4-title2-box h2:nth-child(2){color:#ff956b;text-shadow:1px 1px 0 #744330,2px 2px 0 #cd7857,3px 3px 0 #cd7857,4px 4px 0 #cd7857,5px 5px 0 #cd7857,6px 6px 0 #cd7857,7px 7px 15px #9d9d9d,8px 8px 20px #222,9px 9px 40px #222,10px 10px 80px #222;clip-path:circle(22% at 46% 20%);transition:clip-path 1s}.font4-title2-box h2:hover:nth-child(2){clip-path:circle(80% at 52% 18%);cursor:grab}.font5-title2-box{grid-row:5/5;grid-column:3/4;display:flex;justify-content:center;align-items:center;transition:.5s;z-index:2}.font5-title2-box:hover{box-shadow:0 0 20px #000c;margin:10px;border-radius:10px;transform:rotate(-5deg)}.font5-title2-box h2{font-size:10vh;color:#fff6;transition:1s}.font5-title2-box h2:hover{position:absolute;font-family:Georgia,serif;font-size:10vh;color:#fff}.font1-painting-box{display:flex;justify-content:center;align-items:center;position:relative;z-index:2;transition:.5s}.font1-painting-box:hover{box-shadow:0 0 20px #000c;margin:10px;border-radius:10px;transform:rotate(5deg)}.font1-painting-box h2{position:absolute;font-size:8vh;color:#ffffff1a}.font1-painting-box h2:nth-child(2){color:#708c51;text-shadow:2px 2px 0 #303c23,2px 2px 0 #5c7242,3px 3px 0 #5c7242,4px 4px 0 #5c7242,5px 5px 0 #5c7242,6px 6px 0 #5c7242,7px 7px 15px #9d9d9d,8px 8px 20px #222,9px 9px 40px #222,10px 10px 80px #222;clip-path:circle(20% at 50% 70%);transition:clip-path 1s}.font1-painting-box h2:hover:nth-child(2){clip-path:circle(70% at 50% 80%);cursor:grab}.font2-painting-box{display:flex;justify-content:center;align-items:center;position:relative;z-index:2;transition:.5s}.font2-painting-box:hover{box-shadow:0 0 20px #000c;margin:10px;border-radius:10px;transform:rotate(-5deg)}.font2-painting-box h2{position:absolute;font-size:8vh;color:#ffffff1a;width:auto}.font2-painting-box h2:nth-child(2){color:#ffd364;text-shadow:2px 2px 0 #685628,2px 2px 0 #ceaa51,3px 3px 0 #ceaa51,4px 4px 0 #ceaa51,5px 5px 0 #ceaa51,6px 6px 0 #ceaa51,7px 7px 15px #9d9d9d,8px 8px 20px #222,9px 9px 40px #222,10px 10px 80px #222;clip-path:polygon(50% 25%,75% 50%,50% 75%,25% 50%);transition:clip-path 1s}.font2-painting-box h2:hover:nth-child(2){clip-path:polygon(200% -100%,200% 200%,-100% 200%,-100% -100%);cursor:grab}.font3-painting-box{grid-row:4/5;grid-column:3/4;display:flex;justify-content:center;align-items:center;position:relative;transition:.5s}.font3-painting-box:hover{box-shadow:0 0 20px #000c;margin:10px;border-radius:10px;transform:rotate(5deg)}.font3-painting-box h2{position:absolute;font-size:8vh;color:#ffffff1a}.font4-painting-box{display:flex;justify-content:center;align-items:center;position:relative;z-index:2;transition:.5s}.font4-painting-box:hover{box-shadow:0 0 20px #000c;margin:10px;border-radius:10px;transform:rotate(-5deg)}.font4-painting-box h2{position:absolute;font-size:8vh;color:#ffffff1a}.font4-painting-box h2:nth-child(2){color:#d19666;text-shadow:1px 1px 0 #6f4f36,2px 2px 0 #a57751,3px 3px 0 #a57751,4px 4px 0 #a57751,5px 5px 0 #a57751,6px 6px 0 #a57751,7px 7px 15px #9d9d9d,8px 8px 20px #222,9px 9px 40px #222,10px 10px 80px #222;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);transition:clip-path 1s}.font4-painting-box h2:hover:nth-child(2){clip-path:polygon(200% -100%,200% 200%,-100% 200%,-100% -100%);cursor:grab}.background-navigation-bar-box{background:linear-gradient(135deg,#ffffff1a,#ffffff1a);box-shadow:inset 10px 10px 15px 2px #00000080}.navigation-bar-box{grid-row:1/2;grid-column:6/7}.project-box{grid-row:2/5;grid-column:7/10;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#ffffff1a,#ffffff1a);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 8px 32px #0003;padding:8%;margin:2%;z-index:2}.project-box img{max-width:100%;max-height:100%;object-fit:contain;border-radius:.8rem;transition:transform .3s ease-in-out}.project-box1{display:flex;justify-content:center;align-items:center;margin:2%}.nav-bar-box{grid-row:1/2;grid-column:7/8;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);box-shadow:10px 10px 20px #00000080;background-color:#50505033;width:100%;height:100%;overflow-y:hidden;transition:all .5s;z-index:11}.nav-bar-box:hover{width:100%;height:300%;display:block;cursor:pointer;z-index:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#969696b3}.grid-nav-container{display:grid;grid-template-rows:repeat(3,20vh);grid-template-columns:repeat(1,1fr);grid-gap:none;color:#000;transition:all .5s}.grid-nav-container div:hover{transition:all .5s;color:#fff;box-shadow:10px 10px 20px #00000080;border-radius:10px;margin:5%}.grid-nav0-1-Contact{grid-row:1/2;grid-column:9/10;display:flex;justify-content:center;align-items:center;margin:auto;z-index:10;color:#fff6}.nav-bar-box-Contact{display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);box-shadow:10px 10px 20px #00000080;background-color:#50505033;width:100%;height:100%;overflow-y:hidden;transition:all .5s;z-index:11}.nav-bar-box-Contact:hover{display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:10px 10px 20px #00000080;background-color:#969696b3;width:200%;height:200%;overflow-y:scroll;transition:all .5s;z-index:20}.grid-nav0-1-menu{grid-row:1/2;grid-column:7/8;display:flex;justify-content:center;align-items:center;margin:auto;z-index:10;color:#fff6}.grid-nav0-2-menu{grid-row:1/2;grid-column:1/2;display:none;justify-content:center;align-items:center;z-index:10;color:#000;text-decoration:none;font-size:90%}.grid-nav0-2-menu a{display:none}.grid-nav1-menu{grid-row:2/3;grid-column:1/2;display:none;justify-content:center;align-items:center;z-index:5;color:#000;text-decoration:none;font-size:90%}.grid-nav2-menu{grid-row:3/4;grid-column:1/2;display:none;justify-content:center;align-items:center;z-index:10;color:#000;text-decoration:none;font-size:90%}.grid-nav2-menu a:hover{color:#fafa64cc;box-shadow:0 0 35px #fafa64cc;margin:10px}sub{transition:.5s}.grid-nav3-menu{grid-row:4/5;grid-column:1/2;display:none;justify-content:center;align-items:center;z-index:10;color:#000;text-decoration:none}.grid-nav4-menu{grid-row:5/6;grid-column:1/2;display:none;justify-content:center;align-items:center;z-index:10;color:#000;text-decoration:none}.nav-bar-box:hover .grid-nav0-2-menu,.nav-bar-box:hover .grid-nav1-menu,.nav-bar-box:hover .grid-nav2-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:6%;opacity:1;transition:opacity .5s,display 0s;animation:fade-up .5s;border:.5px solid rgb(70,70,70);z-index:20}.nav-bar-box:hover .grid-nav3-menu,.nav-bar-box:hover .grid-nav4-menu{display:block;padding:6%;opacity:1;transition:opacity .5s,display 0s;animation:fade-up .5s;border:.5px solid rgb(70,70,70);z-index:20}.nav-sub-box{display:flex;justify-content:center;align-items:center}.grid-nav1-sub1-menu{grid-row:1/2;grid-column:1/2;font-size:12px;display:none;justify-content:start;align-items:center;color:#000;text-decoration:none;border:1px dashed rgb(48,176,144)}.grid-nav1-menu:hover .grid-nav1-sub1-menu{display:flex;padding:6%;opacity:1;transition:opacity .5s,display 0s;animation:fade-up .5s;border:.5px solid rgb(70,70,70);z-index:20;transition:.5s}.grid-nav-container:hover .grid-nav0-2-menu,.grid-nav-container:hover .grid-nav1-menu,.grid-nav-container:hover .grid-nav2-menu,.grid-nav-container:hover .grid-nav3-menu,.grid-nav-container:hover .grid-nav4-menu{transition:.5s}a{max-width:100%;max-height:100%;transition:all .5s}a:hover{max-width:90%;max-height:90%;color:#fffc;border-radius:10px;transition:all .5s}.grid-content-container{display:grid;grid-template-rows:repeat(4,auto);grid-template-columns:repeat(1,auto);grid-gap:none;justify-content:center;align-items:center;transition:all .5s;z-index:10;opacity:.5}.grid-content-container h3,.grid-content-container a{text-align:justify;display:block}.grid-content1 p{text-align:left}.grid-content1{grid-row:1/2;grid-column:1/2}.grid-content2{grid-row:2/3;grid-column:1/2;margin:10px;width:auto;height:auto}.grid-content3{grid-row:3/4;grid-column:1/2}.grid-content4{grid-row:4/5;grid-column:1/2}.small-project-content-box{display:none;justify-content:center;align-items:center;overflow:clip;z-index:10;color:#000;opacity:.5}.project-content-box{display:none;justify-content:center;align-items:center;margin:auto;position:relative;overflow-x:hidden;overflow-y:hidden;transition:all .5s;z-index:10}.project-content-box h2{font-size:20px;transition:.5s}.nav-bar-box-Contact:hover .project-content-box{display:flex;padding:20%;z-index:20}.project-content-box:hover .grid-content-container,.project-content-box:hover .grid-content1,.project-content-box:hover .grid-content2,.project-content-box:hover .grid-content3{opacity:1}.project-content-box:hover .grid-content4{opacity:4;text-align:justify}.project-content-box1{grid-row:3/4;grid-column:1/3;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#ffffff80);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 8px 32px #0003;padding:4%;margin:4%;background-color:none;height:68%;overflow-y:hidden;transition:all .5s;z-index:2}.project-content-box1:hover{display:block;height:168%;cursor:pointer;transform:scale(1.05)}.project-content-box1 p{display:none;grid-row:4/5;grid-column:2/4;opacity:0;transition:opacity .5s,display 0s .5s}.project-content-box1:hover p{display:block;grid-row:4/5;grid-column:2/4;opacity:1;transition:opacity .5s,display 0s;animation:fade-up .5s}.subGrid1-container:hover .box1{background-color:#cd5c5c;height:20rem;transition:1s}.mainGrid-container{display:grid;grid-template-rows:repeat(6,auto);grid-template-columns:repeat(4,25%);border:1px dashed rgb(206,103,44);grid-gap:1px}.mainGrid-topic-container{grid-row:1/1;grid-column:1/5}.mainGrid-topic-contentRow2Column2-container{text-align:center;grid-row:2/3;grid-column:2/3;border:1px dashed rgb(36,114,87)}.mainGrid-topic-contentRow2Column3-container{text-align:center;grid-row:2/3;grid-column:3/4;border:1px dashed rgb(36,114,87)}.mainGrid-topic-contentRow3Column1-2-container{grid-row:3/4;grid-column:1/3;border:1px dashed rgb(36,114,87)}.mainGrid-topic-contentRow3Column3-container{grid-row:3/4;grid-column:3/4;border:1px dashed rgb(36,114,87)}.mainGrid-topic-contentRow4Column1-4-container{grid-row:4/5;grid-column:1/5;border:1px dashed rgb(36,114,87)}.subGrid1-container{display:grid;grid-template-rows:repeat(1,220px);grid-template-columns:repeat(2,50%);border:1px dashed rgb(76,34,10);grid-gap:1px}.subGrid1-topic-contentRow1Column2-container{grid-row:1/3;grid-column:2/3;border:1px dashed rgb(36,114,87)}.subGrid1-topic-contentRow1Column1-container{grid-row:1/3;grid-column:1/2;border:1px dashed rgb(36,114,87)}.text-light-Grid-container{display:grid;grid-template-rows:repeat(1,100%);grid-template-columns:repeat(1,100%);border:1px dashed rgb(76,34,10);justify-content:center;align-items:center}.text-light-Grid-contentRow1Column1-container h2{justify-content:center;align-items:center}.text-light-Grid-contentRow1Column1-container{grid-row:1/2;grid-column:1/2;border:1px dashed rgb(36,114,87)}.Row{display:flex;table-layout:fixed;width:100%}.Row80Percent{display:flex;table-layout:fixed;height:80%;width:100%;border:1px dashed black}.Row70Percent{display:flex;table-layout:fixed;height:70%;width:100%}.Row50Percent{display:flex;table-layout:fixed;height:50%;border:1px dashed blue}.Row30Percent{display:flex;table-layout:fixed;height:30%;width:100%;border:2px dashed purple}.Row25Percent{display:flex;table-layout:fixed;height:25%;width:100%}.Row20Percent{display:flex;table-layout:fixed;height:20%;width:100%;border:2px dashed purple}.Row10Percent{display:flex;table-layout:fixed;height:10%;width:100%}.Row-poster_450x600_30percent-40percent{display:block;table-layout:fixed;width:auto;height:auto}.RowAuto{display:flex;table-layout:fixed;height:auto;width:100%;border:1px dashed blue}.Column100Percent,.Column90Percent{display:inline-block;width:100%;height:auto}.Column80Percent{display:inline-block;width:80%;height:auto;border:1px dashed blue}.Column70Percent{display:inline-block;width:70%;height:auto}.Column60Percent{display:inline-block;width:60%;height:auto}.Column50Percent{display:inline-block;width:50%;height:auto;border:1px dashed red}.Column40Percent{display:flex;width:40%;height:auto}.Column34Percent,.Column33Percent{display:inline-block;width:34%;height:auto}.Column30Percent{display:inline-block;width:30%;height:auto}.Column25Percent{display:inline-block;width:25%;height:auto;border:1px dashed blue}.Column20Percent{display:inline-block;width:20%;height:auto;border:3px dashed blue}.Column10Percent,.Column5Percent{display:inline-block;width:10%;height:auto}.Column80Percent-main-title{display:inline-block;height:auto;width:80%;padding:10px}.Column70Percent-text-tile{display:inline-block;width:70%;height:auto}.background-navigation-bar-box{width:450%;animation:fade-down .5s .4s;transition:all .5s;border:1.5px dashed blue;z-index:1}.background-navigation-bar-box:hover{width:463%}.margin-padding-bar-box{padding-left:100px;border:1.5px dashed red}.text-navigation-bar-box{z-index:10}.footer-manage{color:#fff;background:#33023b80;font-size:10px}.font-size1{font-size:20px}.movie-main-Row{display:table;width:100%;height:600px;table-layout:fixed;border:3px dashed red}.slider-nav-Row{display:flex;table-layout:fixed;width:100%;background-color:#422b25}.slider-wrapper{z-index:-1;position:relative;margin:0 auto}.slider-wrapper .slider-button{position:absolute;top:50%;height:50px;width:50px;color:#9c5454;border:none;outline:none;background:#000;font-size:2.2rem;cursor:pointer;border-radius:50%;transform:traylateY(-50%)}.slider-wrapper .slider-button:hover{background:#444}.slider-wrapper .slider-button#prev-slide{left:-20px}.slider-wrapper .slider-button#prev-slide{right:-20px}.slider-wrapper .image-list{display:grid;gap:18px;grid-template-columns:repeat(10,1fr);font-size:0px;margin-bottom:30px;overflow-x:auto;scrollbar-width:none}.slider-wrapper .image-list::-webkit-scrollbar{display:none}.slider-wrapper .image-list .image-item{width:325px;height:400px;object-fit:cover}.content-logo{grid-row:3/4;grid-column:2/4;width:100px;height:100px;filter:invert(0%) sepia(12%) saturate(14%) hue-rotate(236deg) brightness(0%) contrast(100%);display:block;margin-left:auto;margin-right:auto;transition:transform .5s;z-index:-1}.content-logo:hover{cursor:pointer;transform:scale(1.1)}.content-logo-project{width:80%;height:80%;opacity:90%;border-radius:20px;filter:brightness(0%)}.content-image{width:0%;height:0%;opacity:0%;border-radius:20px;transition:all 1s;filter:grayscale(100%)}.content-image:hover{transform:scale(1.05)}.subGrid1-container:hover .content-image{width:96%;height:90%;margin:2%;opacity:90%;border-radius:20px;filter:grayscale(0)}.content-box{cursor:pointer;background:linear-gradient(135deg,#ffffff1a,#ffffff1a);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 8px 32px #0000005e;position:absolute}.content-box a{transition:.8s}@keyframes fade-down{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-up{0%{opacity:0;transform:translateY(70px) scale(.7)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-right{0%{opacity:0;transform:translate(30px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.button-product{color:#000;text-decoration:none;border:1px solid rgb(255,255,255,.4);padding:6px;box-shadow:inset 2px 2px 4px #00000080;transition:.5s}.container{width:100%;height:100dvh;align-items:center;justify-content:center;overflow-x:hidden;overflow-y:hidden;z-index:-1}.scrolling-slides{width:100%;height:100vh;align-items:center;justify-content:center;background:linear-gradient(454deg,#363636,#fff)}.cube{position:relative;width:100%;height:300px;transform-style:preserve-3d;transform:rotateX(-30deg);animation:animate 8s linear infinite;display:flex;align-items:center;text-align:center}.cube div{position:absolute;top:0;left:0;width:100%;height:100%;transform-style:preserve-3d}.cube div span{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff1a,#ffffff1a);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 8px 32px #0000001a;transition:all .5s;transform:rotateY(calc(90deg * var(--i))) translateZ(160px);display:flex;justify-content:center;align-items:center}.top-box{position:absolute;top:0;left:0;width:300px;height:300px;background:linear-gradient(135deg,#ffffff1a,#ffffff1a);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;transform:rotateX(90deg) translateZ(150px);box-shadow:0 8px 32px #0000001a}.bottom-box{position:absolute;top:0;left:0;width:300px;height:300px;background:linear-gradient(135deg,#ffffff1a,#ffffff1a);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;transform:rotateX(90deg) translateZ(-150px);box-shadow:0 8px 32px #0000001a}.text-box-elevation1{font-size:3em;color:#37373780;transform:translateZ(50px);align-items:center;text-align:center}.main-text-container{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.main-text-container h2{position:absolute;font-size:120px;color:#444;text-shadow:-2px 2px 0 #222,-4px 4px 0 #222,-6px 6px 0 #222,-8px 8px 0 #222,-10px 10px 0 #222,-10px 10px 0 #222,-12px 12px 0 #222,-14px 14px 0 #222,-16px 16px 0 #222,-18px 18px 20px #222,-18px 18px 30px #222,-18px 18px 50px #222,-18px 18px 150px #222;cursor:default}.main-text-container h2:nth-child(3){color:#2cff37;text-shadow:-2px 2px 0 #222,-4px 4px 0 #08a010,-6px 6px 0 #08a010,-8px 8px 0 #08a010,-10px 10px 0 #08a010,-10px 10px 0 #08a010,-12px 12px 0 #08a010,-14px 14px 0 #08a010,-16px 16px 0 #08a010,-18px 18px 20px #222,-18px 18px 30px #222,-18px 18px 50px #222,-18px 18px 150px #222;clip-path:circle(20% at 0% 0%);transition:clip-path 1s}.main-text-container h2:hover:nth-child(3){clip-path:circle(80% at 0% 0%);cursor:grab}.main-text-container h2:nth-child(2){color:#03a9f4;text-shadow:-2px 2px 0 #222,-4px 4px 0 #0375a9,-6px 6px 0 #0375a9,-8px 8px 0 #0375a9,-10px 10px 0 #0375a9,-10px 10px 0 #0375a9,-12px 12px 0 #0375a9,-14px 14px 0 #0375a9,-16px 16px 0 #0375a9,-18px 18px 20px #222,-18px 18px 30px #222,-18px 18px 50px #222,-18px 18px 150px #222;clip-path:circle(20% at 50% 100%);transition:clip-path 1s}.main-text-container h2:hover:nth-child(2){clip-path:circle(50% at 50% 100%);cursor:grab}.main-text-container h2:nth-child(4){color:#e91e63;text-shadow:-2px 2px 0 #222,-4px 4px 0 #ae0840,-6px 6px 0 #ae0840,-8px 8px 0 #ae0840,-10px 10px 0 #ae0840,-10px 10px 0 #ae0840,-12px 12px 0 #ae0840,-14px 14px 0 #ae0840,-16px 16px 0 #ae0840,-18px 18px 20px #222,-18px 18px 30px #222,-18px 18px 50px #222,-18px 18px 150px #222;clip-path:circle(25% at 100% 50%);transition:clip-path 1s}.main-text-container h2:hover:nth-child(4){clip-path:circle(100% at 100% 50%);cursor:grab}::-webkit-scrollbar{width:15px}::-webkit-scrollbar-track{background:linear-gradient(90deg,#00000080,#ffffff80);border-radius:10px;margin-block:10px;opacity:.5}::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#b7b7b7,#686868);margin:10px;border-radius:10px;border:1px solid rgba(255,255,255,.2);transition:.5s}::-webkit-scrollbar-thumb:hover{border:1px solid rgb(0,0,0,.5);box-shadow:4px 4px 6px #000}.hidingHyperLink{text-decoration:none;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.2);color:inherit;transition:.5s}.hidingHyperLink:hover{color:#000;text-decoration:underline}.left-arrow-Sliding{position:absolute;left:10px;z-index:10;background:#00000080;color:#fff;border:none;padding:10px;border-radius:5px;cursor:pointer;transition:all .3s ease}.right-arrow-Sliding{position:absolute;right:10px;z-index:10;background:#00000080;color:#fff;border:none;padding:10px;border-radius:5px;cursor:pointer;transition:all .3s ease}.left-arrow-Sliding:hover,.right-arrow-Sliding:hover{color:gray;transform:scale(1.2);background:#000000b3}.sub-grid-projects{display:grid;grid-template-rows:5% 65% 5% 10% 5% 10%;grid-template-columns:repeat(1,1fr);gap:.4rem;width:100%;height:100%;padding:2%;margin:2%}.sub-grid-item{display:flex;align-items:center;justify-content:center;text-align:left;border-radius:.5em;padding:2%;color:#fffc}.project-gif-box{grid-row:5/6;grid-column:6/7;display:flex;justify-content:center;align-items:center;z-index:0}.project-gif-box img{display:flex;justify-content:center;align-items:center;width:100%;height:100%;opacity:8%;filter:invert(1)}.project-img-box{grid-row:2/5;grid-column:4/7;display:flex;justify-content:center;align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:0}.project-img-box img{display:flex;justify-content:center;align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);filter:grayscale(100%);opacity:10%;width:100%;height:100%}.project-tape1-img-box{grid-row:2/5;grid-column:1/4;display:flex;justify-content:center;align-items:center;z-index:0}.project-tape1-img-box img{display:flex;justify-content:center;align-items:center;opacity:100%;width:100%;height:100%}.project-tape2-img-box{grid-row:3/6;grid-column:8/11;display:flex;justify-content:center;align-items:center;z-index:0}.project-tape2-img-box img{display:flex;justify-content:center;align-items:center;opacity:100%;width:100%;height:100%}.sub-grid-item-text{text-align:left}rounded-border-gradient{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.rounded-border-gradient img{width:100%;height:100%;transition:all .3s ease-in-out}.rounded-border-gradient:hover img{transform:scale(.94);filter:grayscale(70%);opacity:50%}.hover-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1rem;font-weight:700;padding:.3em;color:#fefefe;text-shadow:0 0 10px rgba(0,0,0,.7);border-radius:.8rem;z-index:30;opacity:0;transition:opacity .3s ease-in-out;border:.3em inset rgba(255,255,255,.5)}.rounded-border-gradient:hover .hover-text{opacity:1}.sub-grid-item-topic{display:flex;font-size:120%;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#fff0,#fff0);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:.8rem;box-shadow:0 8px 32px #0003;padding:2%}.sub-grid-item-pages{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#fff0,#fff0);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:.5rem;box-shadow:0 8px 32px #0003;padding:1%}hr{border:none;border-top:2px solid #000;margin:5%;width:50%}.font-size-type-image{font-size:80%;color:#0000004d}.font-size-type-detail{font-size:120%}.font-size-detail{font-size:90%}.font-size-pages-detail{font-size:85%}.detail-button{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(135deg,#50505080,#50505080);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:.8rem;box-shadow:0 8px 32px #0003;padding:2%;border:none;outline:none;color:#fff;transition:all .3s ease}.detail-button p{font-size:100%}.detail-button:hover{background:linear-gradient(135deg,#0009,#0009);box-shadow:0 8px 32px #0006;transform:scale(1.05);color:#c8c8c8;transition:all .3s ease}.project-display{grid-row:2/5;grid-column:4/7;display:flex;justify-content:start;align-items:space-between;background:linear-gradient(135deg,#ffffff1a,#ffffff1a);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;box-shadow:0 8px 32px #0003;margin:2%;padding:10%;z-index:30;opacity:0;transform:scale(.95);transition:opacity .3s ease,transform .3s ease,visibility .3s ease;visibility:hidden;overflow-y:hidden;overflow-y:scroll}.project-display.fade-in{opacity:1;transform:scale(1);visibility:visible}.project-display.fade-out{opacity:0;transform:scale(.95);visibility:hidden}.project-detail{font-size:14px;text-align:justify;color:#fffc;margin-top:10px;line-height:1.5}.sub-grid-detail2{display:grid;grid-template-rows:35% 65%;grid-template-columns:50% 50%;gap:.8rem}.sub-grid-item-detail2{display:flex;align-items:start;justify-content:start;text-align:left;border-radius:10%;padding:0;font-size:14px;color:#00000080}.sub-grid-detail{display:grid;grid-template-rows:8% 20% 4% 10% 4% 6% 10% 4% 4% 4% 6% 20%;grid-template-columns:repeat(1,1fr);gap:.8rem}.sub-grid-item-detail{display:block;align-items:start;justify-content:start;text-align:left;border-radius:.5em;padding:0;font-size:14px;color:#fff9}.project-tool-group{display:flex;flex-wrap:wrap;gap:10px;justify-content:start;margin-bottom:2%}.project-tool{font-size:14px;padding:1%;border-radius:20%;background:linear-gradient(135deg,#ffffff1a,#ffffff1a);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.Grid-2-4 img{display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s;opacity:0%}.Grid-2-4:hover img{display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s;opacity:50%}.Grid-2-5 img{display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s;opacity:0%}.Grid-2-5:hover img{display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s;opacity:50%}.Grid-2-6 img{display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s;opacity:0%}.Grid-2-6:hover img{display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s;opacity:50%}.Grid-3-5 img{display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s;opacity:0%}.Grid-3-5:hover img{display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s;opacity:50%}.Grid-3-6 img{display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s;opacity:0%}.Grid-3-6:hover img{display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s;opacity:50%}.Grid-4-6 img{display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s;opacity:0%}.Grid-4-6:hover img{display:flex;justify-content:center;align-items:center;width:100%;height:100%;z-index:1;background:#0003;border:.5px solid rgb(70,70,70);transition:.5s;opacity:50%}.fade{opacity:0;animation:fadeIn 1.5s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes slideInTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutTop{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes slideInBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes scaleUp{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleDown{0%{transform:scale(1);opacity:1}to{transform:scale(.8);opacity:0}}@keyframes rotateIn{0%{transform:rotate(-360deg);opacity:0}to{transform:rotate(0);opacity:1}}@keyframes rotateOut{0%{transform:rotate(0);opacity:1}to{transform:rotate(360deg);opacity:0}}.contact-menu{position:relative;width:fit-content}.contact-toggle{cursor:pointer;background:transparent;color:inherit;border:1px solid rgba(255,255,255,.4);padding:6px 10px;box-shadow:inset 2px 2px 4px #00000080;border-radius:10px;font-weight:600;transition:transform .12s ease,background .12s ease}.contact-toggle:hover{transform:translateY(-1px)}.contact-toggle.active{background:#ffffff14}.contact-panel{position:absolute;top:calc(100% + 10px);right:0;min-width:340px;max-width:420px;padding:16px;border-radius:16px;background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);box-shadow:0 12px 30px #00000059;animation:cm-fade-in .16s ease-out;z-index:30}@keyframes cm-fade-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.contact-grid{display:grid;grid-template-columns:1fr;gap:12px}.contact-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;padding:12px 14px;border-radius:12px;background:#ffffff12;border:1px solid rgba(255,255,255,.18);transition:transform .12s ease,background .12s ease,border-color .12s ease;word-break:break-word}.contact-card:hover{transform:translateY(-1px);background:#ffffff1f;border-color:#ffffff4d}.contact-label{font-size:.8rem;letter-spacing:.04em;opacity:.9;margin-bottom:6px;text-transform:uppercase}.contact-value{font-weight:700;font-size:.95rem}