@import"https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap";.dot-field-container{position:relative;width:100%;height:100%}.glass-surface{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:opacity .26s ease-out}.glass-surface__filter{width:100%;height:100%;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;z-index:-1}.glass-surface__content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:inherit;position:relative;z-index:1}.glass-surface--svg{background:light-dark(hsl(0 0% 100% / var(--glass-frost, 0)),hsl(0 0% 0% / var(--glass-frost, 0)));-webkit-backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));backdrop-filter:var(--filter-id, url(#glass-filter)) saturate(var(--glass-saturation, 1));box-shadow:0 0 2px 1px light-dark(color-mix(in oklch,black,transparent 85%),color-mix(in oklch,white,transparent 65%)) inset,0 0 10px 4px light-dark(color-mix(in oklch,black,transparent 90%),color-mix(in oklch,white,transparent 85%)) inset,0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,0 4px 16px #11111a0d inset,0 8px 24px #11111a0d inset,0 16px 56px #11111a0d inset}.glass-surface--fallback{background:#ffffff1a;backdrop-filter:blur(14px) saturate(180%) brightness(1.15);-webkit-backdrop-filter:blur(14px) saturate(180%) brightness(1.15);border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px #ffffff38,inset 0 -1px #ffffff14}@supports not (backdrop-filter: blur(10px)){.glass-surface--fallback{background:#fff3;box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #ffffff26}}.glass-surface:focus-visible{outline:2px solid #0a84ff;outline-offset:2px}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:22px var(--pad-x);pointer-events:none}.nav__logo{font-size:12px;font-weight:400;letter-spacing:.02em;pointer-events:auto;cursor:default;color:#ffffffa6}.nav__links{display:flex;gap:6px;list-style:none}.nav__link{display:inline-flex;pointer-events:auto;color:#ffffffe6;font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.07em;text-decoration:none}.nav__glass-btn.glass-surface{width:auto!important;height:auto!important}.nav__glass-btn .glass-surface__content{padding:7px 15px;white-space:nowrap}.nav__link:hover .nav__glass-btn{filter:brightness(1.25)}@media (max-width: 560px){.nav__links{display:none}}.tilted-card-figure{position:relative;width:100%;height:100%;perspective:800px;display:flex;flex-direction:column;align-items:center;justify-content:center}.tilted-card-mobile-alert{position:absolute;top:1rem;text-align:center;font-size:.75rem;color:#fff6;display:none}@media (max-width: 640px){.tilted-card-mobile-alert{display:block}.tilted-card-caption{display:none}}.tilted-card-inner{position:relative;transform-style:preserve-3d}.tilted-card-img{position:absolute;top:0;left:0;object-fit:cover;border-radius:15px;will-change:transform;transform:translateZ(0)}.tilted-card-overlay{position:absolute;top:0;left:0;z-index:2;will-change:transform;transform:translateZ(30px)}.tilted-card-caption{pointer-events:none;position:absolute;left:0;top:0;border-radius:4px;background-color:#ffffffeb;padding:4px 10px;font-size:10px;color:#2d2d2d;opacity:0;z-index:3;white-space:nowrap}.aurora-container{width:100%;height:100%}.hero{position:relative;min-height:100svh;background:#080808;display:flex;flex-direction:column;transform-origin:center top;will-change:transform}.hero__rays{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.hero__rays .aurora-container,.hero__rays .aurora-container canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important}.hero__inner{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(5rem,10vw,9rem) var(--pad-x) clamp(3rem,6vw,5rem);gap:clamp(1.5rem,3vw,2.5rem)}.hero__sparkle{position:absolute;z-index:5;line-height:0}.hero__sparkle--left{left:clamp(1.5rem,6vw,6rem);top:38%}.hero__sparkle--right{right:clamp(1.5rem,6vw,6rem);top:44%}.hero__portfolio-wrap{position:relative;z-index:1;width:100%;height:clamp(90px,14vw,210px)}.hero__name{font-size:clamp(13px,2vw,20px);font-weight:300;color:#ffffff80;letter-spacing:.14em;text-transform:uppercase;text-align:center;margin-top:-.25rem}.hero__photo-area{display:flex;justify-content:center;position:relative;z-index:2;margin-top:clamp(-50px,-6vw,-30px)}.hero__tilt-wrap{position:relative;flex-shrink:0;transform:rotate(-1.5deg)}.hero__tilt-wrap .tilted-card-inner{width:100%!important;height:100%!important;background:#f5f2ed;border-radius:3px;box-shadow:0 20px 60px #00000080,0 6px 18px #0000004d,inset 0 0 0 1px #0000000f;box-sizing:border-box;padding:10px 10px 40px}.hero__tilt-wrap .tilted-card-inner:after{content:"André Melo";position:absolute;left:0;right:0;bottom:0;height:40px;line-height:40px;text-align:center;font-family:Permanent Marker,cursive;font-size:15px;color:#1a1a1a;letter-spacing:.01em;pointer-events:none}.hero__tilt-wrap .tilted-card-img{position:absolute!important;top:10px!important;left:10px!important;right:10px!important;bottom:40px!important;width:calc(100% - 20px)!important;height:calc(100% - 50px)!important;border-radius:1px;object-fit:cover;object-position:center top}.hero__subtitle{font-size:11px;font-weight:400;letter-spacing:.08em;color:#fff6;text-transform:uppercase}@media (max-width: 480px){.hero__portfolio-wrap{height:clamp(52px,13vw,80px)}.hero__sparkle{display:none}}.threads-container{position:relative;width:100%;height:100%}.threads-container canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important}.tc{background:#0c0c0c;border:1px solid rgba(255,255,255,.07);border-radius:8px;overflow:hidden;font-family:Cascadia Code,Cascadia Mono,Consolas,Lucida Console,ui-monospace,monospace;font-size:12.5px;line-height:1.65}.tc__titlebar{background:#1a1a1a;display:flex;align-items:stretch;justify-content:space-between;height:34px;-webkit-user-select:none;user-select:none}.tc__tabstrip{display:flex;align-items:stretch;gap:0}.tc__tab{display:flex;align-items:center;gap:7px;padding:0 12px 0 10px;background:#0c0c0c;border-right:1px solid rgba(255,255,255,.06);border-bottom:none;position:relative}.tc__tab:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:#7c83fd}.tc__tab-icon{font-size:9px;font-weight:700;background:#012456;color:#fff;padding:2px 4px;border-radius:2px;letter-spacing:.04em;flex-shrink:0}.tc__tab-name{font-size:11.5px;color:#ffffffd9;font-weight:400;white-space:nowrap}.tc__tab-x{font-size:10px;color:#ffffff59;cursor:default;padding:2px 4px;border-radius:3px;transition:background .1s,color .1s}.tc__tab-x:hover{background:#ffffff1a;color:#fffc}.tc__newtab,.tc__tabdrop{background:none;border:none;color:#fff6;font-size:14px;padding:0 10px;cursor:default;align-self:center;line-height:1;transition:color .1s}.tc__newtab:hover,.tc__tabdrop:hover{color:#ffffffb3}.tc__winctrl{display:flex;align-items:stretch}.tc__wbtn{display:inline-flex;align-items:center;justify-content:center;width:46px;font-size:10px;color:#ffffffb3;cursor:default;transition:background .1s}.tc__wbtn:hover{background:#ffffff14}.tc__wbtn--close:hover{background:#c42b1c;color:#fff}.tc__body{margin:0;padding:12px 16px 16px;height:440px;overflow-y:auto;overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.tc__body::-webkit-scrollbar{width:5px;height:5px}.tc__body::-webkit-scrollbar-track{background:transparent}.tc__body::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.tc__body code{display:block;white-space:pre}.tc__gray{color:#6a6a6a}.tc__prompt,.tc__cont{color:#eaca7a}.tc__var{color:#9cdcfe}.tc__kw{color:#569cd6}.tc__str{color:#ce9178}.tc__bracket{color:#d4d4d4}.tc__flag{color:#9cdcfe}.tc__value{color:#4ec9b0}.tc__prop{color:#9cdcfe}.tc__outkey{color:#b4b4b4}.tc__outval{color:#d4d4d4}.tc__cyan{color:#00e5c8}.tc__plain{color:#d4d4d4}.tc__cursor{display:inline-block;color:#d4d4d4;animation:tc-blink 1s step-end infinite}@keyframes tc-blink{0%,to{opacity:1}50%{opacity:0}}.about{padding:var(--pad-y) var(--pad-x);background:#080808;position:relative;overflow:hidden}.about__dotfield{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.about__beams{position:absolute;top:40%;left:0;right:0;bottom:0;z-index:0;pointer-events:none}.about__top,.about__quote{position:relative;z-index:1}.about__top{display:grid;gap:2rem;margin-bottom:clamp(4rem,8vw,7rem)}.about__hey{font-size:clamp(32px,4vw,48px);font-weight:300;color:#fff;letter-spacing:0;line-height:1.05}.about__body{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:start}.about__intro{font-size:clamp(1rem,2vw,1.2rem);font-weight:400;line-height:1.55;color:#fff}.about__scroll-hint{color:#ffffff73}.about__para{font-size:16px;line-height:1.75;color:#ffffff80;font-weight:400}.about__quote{border:none;margin:0;padding:clamp(3rem,6vw,5rem) 0 0;text-align:center;border-top:1px solid rgba(255,255,255,.12)}.about__quote-text{font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:300;font-style:italic;line-height:1.7;color:#ffffffbf;max-width:700px;margin:0 auto}@media (max-width: 640px){.about__body{grid-template-columns:1fr}}.creating{position:relative;padding:var(--pad-y) var(--pad-x);background:transparent}.creating__heading{font-size:clamp(32px,4vw,48px);font-weight:300;color:#fff;letter-spacing:0;line-height:1;margin-bottom:clamp(2.5rem,5vw,4rem)}.creating__list{list-style:none;border-top:1px solid rgba(255,255,255,.12)}.creating__row{display:flex;justify-content:space-between;align-items:baseline;gap:2rem;padding:clamp(1.1rem,2.5vw,1.75rem) 0;border-bottom:1px solid rgba(255,255,255,.12)}.creating__name{font-size:clamp(.95rem,1.8vw,1.1rem);font-weight:400;color:#fff;white-space:nowrap;flex-shrink:0}.creating__tags{font-size:clamp(.7rem,1.1vw,.82rem);color:#ffffff73;text-align:right;line-height:1.5;font-weight:400}@media (max-width: 560px){.creating__row{flex-direction:column;align-items:flex-start;gap:.3rem}.creating__tags{text-align:left}}.pp{position:relative;padding:var(--pad-y) var(--pad-x)}.pp__header{margin-bottom:clamp(2rem,4vw,3.5rem)}.pp__heading{font-size:clamp(32px,4vw,48px);font-weight:300;color:#fff;line-height:1.1}.pp__sub{margin-top:.75rem;font-size:15px;color:#fff6;line-height:1.6}.pp__scroll{display:flex;gap:20px;overflow-x:auto;padding-bottom:16px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) rgba(255,255,255,.05)}.pp__scroll::-webkit-scrollbar{height:3px}.pp__scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.pp__scroll::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:2px}.pp__card{flex-shrink:0;width:clamp(280px,38vw,480px);border-radius:14px;overflow:hidden;position:relative;background:#111}.pp__card-img{width:100%;aspect-ratio:16 / 10;background-size:cover;background-position:center top;background-repeat:no-repeat;transition:transform .7s cubic-bezier(.23,1,.32,1)}.pp__card:hover .pp__card-img{transform:scale(1.04)}.pp__card-info{padding:16px 20px 20px}.pp__card-title{font-size:16px;font-weight:500;color:#fff;margin-bottom:4px}.pp__card-sub{font-size:13px;color:#ffffff73}.card-swap-container{position:absolute;bottom:0;right:0;transform:translate(5%,20%);transform-origin:bottom right;perspective:900px;overflow:visible}.card{position:absolute;top:50%;left:50%;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.2);background:#0d0d0d;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media (max-width: 768px){.card-swap-container{transform:scale(.75) translate(25%,25%)}}@media (max-width: 480px){.card-swap-container{transform:scale(.55) translate(25%,25%)}}.wp{position:relative;min-height:100vh;padding:var(--pad-y) 0 var(--pad-y) var(--pad-x);display:flex;align-items:center;gap:0;overflow:visible}.wp__left{flex:0 0 30%;padding-right:clamp(1.5rem,2.5vw,3rem);z-index:1;display:flex;flex-direction:column;gap:2rem}.wp__heading{font-size:clamp(64px,10vw,140px);font-weight:700;line-height:.95;letter-spacing:-.03em;color:#fff;perspective:400px;display:block!important}.wp__sub-row{display:flex;align-items:flex-start;gap:1rem}.wp__sub{font-size:15px;color:#ffffff73;line-height:1.7;flex:1}.wp__hub-btn{flex-shrink:0;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);border-radius:8px;color:#fff;font-size:13px;font-weight:500;letter-spacing:.02em;padding:10px 16px;cursor:pointer;white-space:nowrap;transition:background .2s ease,border-color .2s ease;align-self:center}.wp__hub-btn:hover{background:#ffffff1f;border-color:#ffffff59}.wp__cta{display:flex;flex-direction:column;gap:12px;border-top:1px solid rgba(255,255,255,.08);padding-top:1.5rem}.wp__cta-info{display:flex;flex-direction:column;gap:4px}.wp__cta-label{font-size:11px;font-weight:500;color:#ffffff59;letter-spacing:.1em;text-transform:uppercase}.wp__cta-title{font-size:16px;font-weight:400;color:#ffffffd9}.wp__view-btn{align-self:flex-start;background:none;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:13px;font-weight:400;letter-spacing:.03em;padding:9px 18px;cursor:pointer;transition:border-color .2s ease,background .2s ease}.wp__view-btn:hover{border-color:#ffffff80;background:#ffffff0d}.wp__right{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:visible}.wp__swap-wrap{position:relative;width:clamp(460px,48vw,640px);height:400px;overflow:visible}.wp__arrow{position:absolute;right:-230px;top:50%;transform:translateY(-50%);z-index:10;background:none;border:1px solid rgba(255,255,255,.15);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffff80;transition:border-color .2s ease,color .2s ease;z-index:2}.wp__arrow:hover{border-color:#fff6;color:#fff}.wp__arrow svg{width:16px;height:16px}.wp__card-content{position:relative;padding:28px;display:flex;flex-direction:column;height:100%;box-sizing:border-box}.wp__card-accent{position:absolute;top:0;left:0;right:0;height:3px}.wp__card-label{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.wp__card-body{flex:1;display:flex;flex-direction:column;justify-content:center}.wp__card-title{font-size:20px;font-weight:400;color:#fff;margin-bottom:10px}.wp__card-desc{font-size:13px;color:#ffffff8c;line-height:1.65}.wp__card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:8px}.wp__card-tags{display:flex;gap:6px;flex-wrap:wrap;flex:1}.wp__card-tag{font-size:11px;color:#fff6;border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:3px 8px}.wp__card-view-btn{flex-shrink:0;background:none;border:1px solid rgba(255,255,255,.22);border-radius:5px;color:#fffc;font-size:12px;font-weight:400;letter-spacing:.03em;padding:7px 14px;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease;white-space:nowrap}.wp__card-view-btn:hover{border-color:#ffffff8c;color:#fff;background:#ffffff0f}.wp__card-view-btn--hub{margin-top:8px}.wp__card--more{background:#0f0f0f!important}.wp__card-more-content{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:10px;text-align:center;padding:28px}.wp__card-more-icon{font-size:28px;color:#fff6}.wp__card-more-title{font-size:22px;font-weight:300;color:#fff}.wp__card-more-sub{font-size:13px;color:#ffffff59}@media (max-width: 768px){.wp{flex-direction:column;padding:var(--pad-y) var(--pad-x);gap:2rem;min-height:auto;overflow:hidden}.wp__left{flex:none;padding-right:0}.wp__sub-row{flex-direction:column;gap:.75rem}.wp__hub-btn{align-self:flex-start}.wp__cta{display:none}.wp__right{width:100%;justify-content:center;overflow:hidden;padding-right:0}.wp__swap-wrap{width:calc(100vw - var(--pad-x) * 2 - 2rem);max-width:360px;height:300px}.wp__arrow{right:-16px}.wp__swap-wrap .card-swap-container{right:50%!important;bottom:50%!important;transform:translate(50%,50%)!important}}.circular-gallery{width:100%;height:100%;overflow:hidden;cursor:grab}.circular-gallery:active{cursor:grabbing}.circular-gallery:focus-visible{outline:2px solid rgba(255,255,255,.4);outline-offset:4px}.thoughts{position:relative;padding:var(--pad-y) 0;background:transparent}.thoughts__heading{font-size:clamp(32px,4vw,48px);font-weight:300;color:#fff;letter-spacing:0;line-height:1.05;margin-bottom:clamp(1.5rem,3.5vw,3rem);padding:0 var(--pad-x)}.thoughts__gallery{position:relative;width:100%;height:clamp(400px,55vh,600px)}.contact{position:relative;padding:var(--pad-y) var(--pad-x);background:transparent}.contact__heading{font-size:clamp(32px,4vw,48px);font-weight:300;color:#fff;letter-spacing:0;line-height:1;margin-bottom:.75rem}.contact__sub{font-size:16px;color:#ffffff80;font-weight:400;margin-bottom:2.5rem;line-height:1.5}.contact__socials{display:flex;gap:10px;flex-wrap:wrap}.contact__social-link{display:inline-flex;color:#ffffffe6;text-decoration:none;font-size:12px;font-weight:400;letter-spacing:.04em}.contact__glass-btn.glass-surface{width:auto!important;height:auto!important}.contact__glass-btn .glass-surface__content{padding:10px 20px}.contact__btn-inner{display:flex;align-items:center;gap:8px}.contact__btn-inner svg{width:15px;height:15px;flex-shrink:0}.contact__social-link:hover .contact__glass-btn{filter:brightness(1.25)}.footer{background:#111;overflow:hidden;padding:clamp(2rem,5vw,4rem) var(--pad-x);display:flex;align-items:center;justify-content:center}.footer__watermark{font-size:clamp(52px,14vw,190px);font-weight:300;color:#ffffff0f;letter-spacing:0;line-height:1;-webkit-user-select:none;user-select:none;white-space:nowrap}.shiny-text{display:inline-block}.proj-page{position:fixed;top:0;right:0;bottom:0;left:0;background:#080808;z-index:1000;overflow-y:auto;overscroll-behavior:contain;animation:projPageIn .45s cubic-bezier(.23,1,.32,1) both}@keyframes projPageIn{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.proj-page__header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:20px clamp(24px,6vw,80px);background:#080808e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.proj-page__nav-btns{display:flex;gap:8px;align-items:center}.proj-page__glass-btn{background:none;border:none;padding:0;cursor:pointer;color:#ffffffe6;font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.07em}.proj-page__glass-btn .glass-surface{width:auto!important;height:auto!important}.proj-page__glass-btn .glass-surface__content{padding:7px 16px;white-space:nowrap}.proj-page__glass-btn:hover .glass-surface{filter:brightness(1.25)}.proj-page__hero{padding:clamp(60px,10vh,120px) clamp(24px,6vw,80px) clamp(40px,6vh,80px);border-bottom:1px solid rgba(255,255,255,.06)}.proj-page__label{font-size:12px;font-weight:500;color:#fff6;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}.proj-page__title{font-size:clamp(36px,6vw,80px);font-weight:300;color:#fff;line-height:1.05;letter-spacing:-.01em;margin-bottom:32px}.proj-page__tags{display:flex;gap:10px;flex-wrap:wrap}.proj-page__tag{font-size:12px;color:#ffffff80;border:1px solid rgba(255,255,255,.15);border-radius:4px;padding:4px 12px;letter-spacing:.04em}.proj-page__body{padding:clamp(40px,6vh,80px) clamp(24px,6vw,80px);max-width:860px;display:flex;flex-direction:column;gap:clamp(40px,6vh,72px)}.proj-page__section-heading{font-size:clamp(11px,1.2vw,13px);font-weight:500;color:#ffffff59;letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}.proj-page__text{font-size:clamp(15px,1.4vw,17px);color:#ffffffb8;line-height:1.8;font-weight:300}.infinite-menu-canvas{cursor:grab;width:100%;height:100%;overflow:hidden;position:relative;outline:none;background:transparent}.infinite-menu-canvas:active{cursor:grabbing}.face-title{-webkit-user-select:none;user-select:none;position:absolute;font-weight:700;font-size:clamp(1.8rem,3vw,3rem);color:#fff;top:50%;left:1.6em;transform:translate(20%,-50%);pointer-events:none}.face-title.active{opacity:1;transform:translate(20%,-50%);transition:opacity .5s ease,transform .5s ease}.face-title.inactive{opacity:0;transform:translate(10%,-50%);transition:opacity .1s ease,transform .1s ease}.face-description{-webkit-user-select:none;user-select:none;position:absolute;max-width:12ch;top:50%;right:1%;font-size:1rem;color:#fff9;line-height:1.5}.face-description.active{opacity:1;transform:translate(-90%,-50%);pointer-events:auto;transition:opacity .5s ease,transform .5s ease}.face-description.inactive{opacity:0;transform:translate(-60%,-50%);pointer-events:none;transition:opacity .1s ease,transform .1s ease}.action-button{position:absolute;left:50%;width:56px;height:56px;display:grid;place-items:center;background:#fff;border:none;border-radius:50%;cursor:pointer}.action-button.active{bottom:3.8em;transform:translate(-50%) scale(1);opacity:1;pointer-events:auto;transition:opacity .5s ease,transform .5s ease,bottom .5s ease}.action-button.inactive{bottom:-80px;transform:translate(-50%) scale(0);opacity:0;pointer-events:none;transition:opacity .1s ease,transform .1s ease,bottom .1s ease}.action-button-icon{-webkit-user-select:none;user-select:none;position:relative;color:#000;top:2px;font-size:22px}@media (max-width: 1500px){.face-title,.face-description{display:none}}.hub{position:fixed;top:0;right:0;bottom:0;left:0;background:#080808;z-index:1000;display:flex;flex-direction:column;animation:hubIn .45s cubic-bezier(.23,1,.32,1) both}@keyframes hubIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.hub__header{display:flex;align-items:center;justify-content:space-between;padding:20px clamp(24px,6vw,80px);border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.hub__back{display:flex;align-items:center;gap:8px;background:none;border:none;color:#ffffffb3;font-size:14px;font-weight:400;cursor:pointer;padding:8px 0;transition:color .2s ease}.hub__back:hover{color:#fff}.hub__back svg{width:18px;height:18px}.hub__title{font-size:14px;font-weight:300;color:#ffffff80;letter-spacing:.06em}.hub__hint{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:7px 16px}.hub__canvas-area{flex:1;position:relative;min-height:0}.hub__drag-hint{position:absolute;bottom:15%;left:50%;transform:translate(-50%);pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:8px;animation:hintFadeIn .5s ease both}.hub__drag-hand{width:36px;height:36px;display:block;color:#ffffffd9;animation:dragSwipe 1.4s ease-in-out infinite}@keyframes hintFadeIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes dragSwipe{0%{transform:translate(-24px);opacity:.4}50%{transform:translate(24px);opacity:1}to{transform:translate(-24px);opacity:.4}}.page-dotfield{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}main{position:relative;z-index:1;width:100%}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #080808;--pad-x: clamp(1.5rem, 6vw, 5rem);--pad-y: clamp(5rem, 10vw, 9rem);color-scheme:dark}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg);color:#fff;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.section-heading{font-size:clamp(44px,7vw,82px)!important;font-weight:700!important;color:#fff;letter-spacing:-.01em;line-height:1.05;opacity:0;transform:translateY(52px);transition:opacity .9s cubic-bezier(.23,1,.32,1),transform .9s cubic-bezier(.23,1,.32,1)}.section-heading--in{opacity:1;transform:translateY(0)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}