:root{color:#171717;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(circle at 20% 0,#fffffff2,#0000 34%),linear-gradient(#fff 0%,#f5f5f7 42%,#ececf0 100%);margin:0}button,input,textarea{font:inherit}button{border:0}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}.portfolio-mosaic-page{background:#f4f2ec;width:100%;min-height:100svh;position:relative;overflow:hidden}.home-state{min-height:100svh;padding:18px}.mosaic-viewport{opacity:.92;flex-direction:column;gap:18px;height:calc(100svh - 36px);display:flex;overflow:hidden}.mosaic-row{flex:1;overflow:hidden}.mosaic-track{will-change:transform;gap:18px;width:max-content;height:100%;animation:42s linear infinite rowScroll;display:flex}.row-2 .mosaic-track{animation-duration:52s;animation-direction:reverse}.row-3 .mosaic-track{animation-duration:48s}.mosaic-row:hover .mosaic-track{animation-play-state:paused}.mosaic-tile{background:linear-gradient(135deg,#ffffff73,#00000014),#d7d7d7;border-radius:34px;flex:none;height:100%;position:relative;overflow:hidden;box-shadow:0 24px 80px #0000001a}.tile-wide{width:620px}.tile-vertical{width:180px}.mosaic-media{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.mosaic-video-wrap{background:#d7d7d7;width:100%;height:100%;position:relative}.mosaic-video,.mosaic-video-poster{position:absolute;inset:0}.mosaic-video{opacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);transform:scale(1.015)}.mosaic-video.is-ready{opacity:1;transform:scale(1)}.mosaic-video-poster{opacity:1;transition:opacity .8s cubic-bezier(.16,1,.3,1)}.mosaic-video-poster.is-hidden{opacity:0}.mosaic-poster{filter:saturate(.96)contrast(1.04)}.mosaic-text-card{text-align:left;color:#111;background:radial-gradient(circle at 22% 16%,#fffffff5,#0000 36%),linear-gradient(135deg,#fffffff0,#e8e5ddeb);flex-direction:column;justify-content:flex-end;width:100%;height:100%;padding:clamp(22px,3vw,42px);display:flex}.mosaic-text-card span{color:#00000085;max-width:340px;margin-bottom:12px;font-size:.95rem;font-weight:750;line-height:1.35}.mosaic-text-card strong{white-space:pre-line;letter-spacing:-.06em;max-width:440px;font-size:clamp(2rem,3vw,4rem);font-weight:900;line-height:.92}.hero-overlay{z-index:20;pointer-events:none;text-align:center;-webkit-backdrop-filter:blur(2.5px);backdrop-filter:blur(2.5px);background:radial-gradient(circle,#f4f2ece6 0%,#f4f2ecbd 28%,#f4f2ec5c 52%,#f4f2ec14 76%,#0000 100%);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.hero-content{justify-content:center;align-items:center;width:100vw;height:clamp(360px,42vw,560px);display:flex;position:relative;overflow:visible}.hero-logo{z-index:1;pointer-events:none;width:clamp(1100px,115vw,1900px);max-width:none;height:auto;display:block;position:absolute;top:-60%;left:50%;transform:translate(-50%)}.hero-title-sub{z-index:2;letter-spacing:-.065em;color:#000000d6;width:min(860px,88vw);margin:0;font-size:clamp(2.4rem,4.4vw,5rem);font-weight:800;line-height:.88;position:absolute;top:43%;left:50%;transform:translate(-50%)}.hero-actions{z-index:3;pointer-events:auto;gap:12px;display:flex;position:absolute;top:72%;left:50%;transform:translate(-50%)}.hero-actions a,.hero-actions button{cursor:pointer;white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;height:46px;padding:0 22px;font-weight:800;display:inline-flex}.hero-actions a{color:#fff;background:#111;text-decoration:none}.hero-actions button{color:#111;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb8}@keyframes rowScroll{0%{transform:translate(0)}to{transform:translate(-25%)}}.mosaic-focus{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0a0ab8;place-items:center;padding:40px;display:grid;position:fixed;inset:0}.mosaic-focus-card{background:#111;border-radius:42px;width:min(1180px,92vw);height:min(720px,82svh);overflow:hidden}.mosaic-focus-card .mosaic-media{-o-object-fit:contain;object-fit:contain;background:#111}.mosaic-close{z-index:101;color:#111;cursor:pointer;background:#fff;border:0;border-radius:999px;width:52px;height:52px;font-size:2rem;line-height:1;position:fixed;top:26px;right:26px}.netflix-state{color:#fff;background:#080808;min-height:100svh;padding-bottom:80px;overflow-y:auto}.netflix-back{z-index:50;color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;background:#ffffff29;border:0;border-radius:999px;height:44px;padding:0 18px;font-weight:800;position:fixed;top:24px;left:24px}.netflix-hero{align-items:flex-end;min-height:78svh;padding:90px clamp(22px,5vw,80px);display:flex;position:relative;overflow:hidden}.netflix-hero video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.netflix-hero-shade{background:linear-gradient(#0000 38%,#080808c7 74%,#080808 100%),linear-gradient(90deg,#080808e0,#08080847,#0000);position:absolute;inset:0}.netflix-hero-content{z-index:2;max-width:760px;position:relative}.netflix-hero-content span{color:#ffffffa3;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px;font-size:.78rem;font-weight:850;display:block}.netflix-hero-content h1{letter-spacing:-.08em;margin:0;font-size:clamp(3.4rem,7vw,8rem);line-height:.86}.netflix-hero-content p{color:#ffffffc7;max-width:560px;margin:22px 0 0;font-size:clamp(1rem,1.2vw,1.2rem);font-weight:600;line-height:1.55}.project-select-state{color:#fff;background:radial-gradient(circle at 20% 10%,#ffffff14,#0000 28%),linear-gradient(#111 0%,#080808 100%);min-height:100svh;padding:110px clamp(18px,5vw,80px) 80px;overflow-y:auto}.project-select-head{max-width:980px;margin-bottom:56px}.project-select-head span{color:#ffffff94;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px;font-size:.78rem;font-weight:850;display:block}.project-select-head h1{letter-spacing:-.085em;margin:0;font-size:clamp(4rem,8vw,9rem);line-height:.84}.project-select-head p{color:#ffffffad;max-width:600px;margin:24px 0 0;font-size:clamp(1rem,1.2vw,1.2rem);font-weight:600;line-height:1.55}.project-select-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:22px;display:grid}.project-select-card,.project-select-card:nth-child(n){cursor:pointer;text-align:left;background:#181818;border:0;border-radius:42px;grid-column:auto;width:100%;height:520px;min-height:520px;padding:0;position:relative;overflow:hidden;box-shadow:0 34px 120px #0000005c}.project-select-card img{-o-object-fit:cover;object-fit:cover;filter:saturate(.92)contrast(1.05);width:100%;height:100%;transition:transform .9s cubic-bezier(.16,1,.3,1);display:block}.project-select-card:hover img{transform:scale(1.08)}.project-select-card:after{content:"";background:linear-gradient(#0000 38%,#000000e0),linear-gradient(90deg,#00000061,#0000);position:absolute;inset:0}.project-select-number{z-index:2;letter-spacing:-.08em;color:#ffffff2e;font-size:clamp(4rem,8vw,9rem);font-weight:950;line-height:.8;position:absolute;top:26px;right:28px}.project-select-card-content{z-index:2;color:#fff;position:absolute;bottom:clamp(26px,3vw,42px);left:clamp(26px,3vw,42px);right:clamp(26px,3vw,42px)}.project-select-card-content span{color:#ffffffa8;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px;font-size:.76rem;font-weight:850;display:block}.project-select-card-content h2{letter-spacing:-.08em;max-width:620px;margin:0;font-size:clamp(2.5rem,4.4vw,5.6rem);line-height:.86}.project-select-card-content p{color:#ffffffb8;max-width:520px;margin:18px 0 0;font-weight:650;line-height:1.45}.portfolio-sections{flex-direction:column;gap:96px;padding:80px clamp(20px,6vw,100px);display:flex}.portfolio-category{overflow:hidden}.portfolio-category-head{grid-template-columns:minmax(220px,.38fr) 1fr;align-items:center;gap:32px;margin-bottom:28px;display:grid}.portfolio-category-head h2{letter-spacing:-.075em;margin:0;font-size:clamp(2.8rem,4.4vw,5.2rem);font-weight:900;line-height:.9}.portfolio-category-head p{color:#ffffff94;max-width:680px;margin:0;font-size:clamp(1rem,1.2vw,1.2rem);font-weight:650;line-height:1.45}.stills-viewport{width:100%;overflow:hidden}.stills-rail{will-change:transform;gap:18px;width:max-content;animation:74s linear infinite stillsScroll;display:flex}.stills-rail:hover{animation-play-state:paused}.still-card{aspect-ratio:16/9;background:linear-gradient(135deg,#ffffff14,#fff0),#181818;border-radius:30px;flex:none;width:clamp(320px,32vw,560px);overflow:hidden;box-shadow:0 24px 80px #0000003d}.still-card img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}@keyframes stillsScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.portfolio-category-grid{flex-wrap:wrap;gap:18px;display:flex}.portfolio-category-card{cursor:pointer;background:#181818;border-radius:30px;transition:transform .45s cubic-bezier(.16,1,.3,1),filter .45s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.portfolio-category-card.horizontal{aspect-ratio:16/9;width:min(760px,100%)}.portfolio-category-card.vertical{aspect-ratio:9/16;width:min(320px,100%)}.portfolio-category-card:hover{filter:brightness(1.08);transform:scale(1.015)}.portfolio-category-card video{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.portfolio-category-overlay{background:linear-gradient(#0000,#000000d1);padding:24px;position:absolute;inset:auto 0 0}.portfolio-category-overlay h3{letter-spacing:-.06em;margin:0;font-size:clamp(1.8rem,3vw,3.8rem);line-height:.94}.portfolio-category-overlay span{letter-spacing:.14em;text-transform:uppercase;opacity:.68;margin-top:10px;font-size:.76rem;font-weight:850;display:block}@media (width<=900px){.home-state{padding:12px;overflow:auto}.mosaic-viewport{height:auto;overflow:visible}.mosaic-row{overflow:visible}.mosaic-track{flex-direction:column;width:100%;height:auto;animation:none}.mosaic-track .mosaic-tile:nth-child(n+5){display:none}.mosaic-tile{aspect-ratio:16/9;border-radius:24px;width:100%;height:auto}.tile-vertical{aspect-ratio:9/16}.hero-content{height:420px}.hero-logo{width:clamp(360px,92vw,760px);top:18%}.hero-title-sub{font-size:clamp(2.3rem,11vw,4.6rem);top:48%}.hero-actions{flex-direction:column;top:76%}.project-select-grid{grid-template-columns:1fr}.project-select-card,.project-select-card:nth-child(n){height:420px;min-height:420px}.portfolio-sections{gap:64px;padding:54px 18px}.portfolio-category-head{grid-template-columns:1fr;gap:10px}}