.hero{z-index:2;height:130vh;position:relative}.hero .center{text-align:center;z-index:20;pointer-events:none;will-change:transform,opacity;width:min(620px,90vw);position:absolute;top:50vh;left:50%;transform:translate(-50%,-50%)}.hero .center:before{content:"";z-index:-1;background:radial-gradient(closest-side,#000000e6,#0000008c 60%,#0000);position:absolute;inset:-60px -90px}.hero .name{font-size:clamp(40px,4.6vw,72px);font-weight:800;line-height:.92}.hero .name span{opacity:0;animation:.9s cubic-bezier(.2,.8,.2,1) forwards up;display:inline-block;transform:translateY(50%)}.hero .title{opacity:0;margin-top:6px;font-size:clamp(26px,2.8vw,44px);animation:1.2s .4s forwards fade}.hero .intro{color:var(--dim);opacity:0;margin-top:16px;font-size:15px;line-height:1.5;animation:1.2s .6s forwards fade}.hero .nav{pointer-events:auto;opacity:0;margin-top:22px;animation:1.2s .8s forwards fade}@keyframes up{to{opacity:1;transform:none}}@keyframes fade{to{opacity:1}}.hero .insta{letter-spacing:.04em;color:var(--dim);pointer-events:auto;opacity:0;align-items:center;gap:8px;margin-top:16px;font-size:14px;transition:color .2s;animation:1.2s 1s forwards fade;display:inline-flex}.hero .insta:hover{color:#fff}.scrollhint{all:unset;cursor:pointer;z-index:40;color:#000;font:500 13px var(--font);letter-spacing:.08em;text-transform:uppercase;opacity:0;pointer-events:none;background:#fffffff0;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;transition:opacity .6s,transform .6s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%,30px);box-shadow:0 10px 30px #00000080}.scrollhint.show{opacity:1;pointer-events:auto;transform:translate(-50%)}.scrollhint i{font-style:normal;animation:1.4s ease-in-out infinite nudge;display:inline-block}@keyframes nudge{50%{transform:translateY(4px)}}.float{z-index:5;opacity:0;will-change:transform;display:block;position:absolute;top:50vh;left:50%}.float.hov{z-index:30}.float .card{aspect-ratio:16/9;isolation:isolate;background:#111;border-radius:10px;transition:filter .6s,box-shadow .6s;position:relative;overflow:hidden;box-shadow:0 20px 50px #0009}.float .card video{object-fit:cover;border-radius:inherit;width:100%;height:100%;transition:transform 1.4s cubic-bezier(.2,.8,.2,1);transform:scale(1.06)}.float .lbl{white-space:nowrap;text-transform:uppercase;opacity:0;pointer-events:none;font-size:14px;font-weight:800;transition:opacity .35s,transform .35s;position:absolute;top:calc(100% + 10px);left:0;transform:translateY(-6px)}.float.hov .lbl{opacity:1;transform:none}.float.hov .card{box-shadow:0 40px 90px #000c}.float.hov .card video{transform:scale(1)}.hero.hovering .float:not(.hov) .card{filter:brightness(.4)saturate(.65)}.card:after{content:"";pointer-events:none;opacity:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),#ffffff29,transparent 60%);mix-blend-mode:soft-light;transition:opacity .5s;position:absolute;inset:0}.float.hov .card:after,.tile:hover .card:after{opacity:1}.ghost{z-index:0;pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.ghost span{text-align:center;text-transform:uppercase;color:#0000;-webkit-text-stroke:1px #ffffff24;opacity:0;padding:0 4vw;font-size:clamp(70px,13vw,240px);font-weight:800;line-height:.85;transition:opacity .6s,transform 1.2s cubic-bezier(.2,.8,.2,1);transform:scale(.96)}.ghost.on span{opacity:1;transform:none}.mosaic{z-index:1;padding:0 var(--side) 4vh;max-width:1900px;margin:0 auto;position:relative}.row{column-gap:var(--gap);grid-template-columns:repeat(12,1fr);align-items:start;margin-bottom:clamp(60px,8vw,140px);display:grid}.tile{opacity:0;transition:opacity 1s,transform 1.1s cubic-bezier(.2,.8,.2,1);display:block;transform:translateY(70px)}.tile.in{opacity:1;transform:none}.par{will-change:transform}.tile .card{aspect-ratio:16/9;isolation:isolate;background:#111;border-radius:10px;transition:transform .6s cubic-bezier(.2,.8,.2,1),border-radius .6s,filter .6s,box-shadow .6s;position:relative;overflow:hidden}.tile .card video{object-fit:cover;border-radius:inherit;width:100%;height:100%;transition:transform 1.4s cubic-bezier(.2,.8,.2,1);transform:scale(1.08)}.cap{white-space:nowrap;margin-top:14px;transition:opacity .5s;overflow:hidden}.cap b{text-transform:uppercase;letter-spacing:.02em;font-size:15px;font-weight:800;display:inline-flex}.tile.big .cap b{font-size:18px}.cap b i{font-style:normal;display:inline-block}.tile:hover .card{border-radius:18px;box-shadow:0 40px 80px #000000bf}.tile:hover .card video{transform:scale(1)}.tile:hover .cap b i{animation:.5s cubic-bezier(.2,.8,.2,1) both hop}@keyframes hop{0%{transform:none}40%{transform:translateY(-5px)}to{transform:none}}.mosaic.hovering .tile:not(:hover) .card{filter:brightness(.4)saturate(.6);transform:scale(.97)}.mosaic.hovering .tile:not(:hover) .cap{opacity:.35}.hero.phone{grid-template-columns:1fr 1fr;gap:14px;height:auto;padding:16vh 18px 40px;display:grid}.hero.phone .center{grid-column:1/-1;width:auto;margin-bottom:26px;position:relative;top:auto;left:auto;opacity:1!important;transform:none!important}.hero.phone .float{opacity:1;position:relative;top:auto;left:auto}.hero.phone .float:nth-child(3n+2){grid-column:1/-1}.hero.phone .float:nth-child(2n){margin-top:24px}.hero.phone .float .lbl{opacity:1;white-space:normal;margin-top:8px;font-size:12px;position:static;transform:none}@media (width<=760px){.row{grid-template-columns:repeat(6,1fr);margin-bottom:48px}.tile{grid-column:1/-1!important;margin-top:0!important}.tile.small:nth-child(odd){grid-column:1/span 5!important}.tile.small:nth-child(2n){grid-column:2/span 5!important}.row .tile+.tile{margin-top:40px!important}.ghost{display:none}}@media (prefers-reduced-motion:reduce){.tile{opacity:1;transition:none;transform:none}.hero .name span,.hero .title,.hero .intro,.hero .nav{opacity:1;animation:none;transform:none}}