: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}.portfolio-video,.portfolio-video-poster{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.portfolio-video{opacity:0;transition:opacity .6s,transform 1s;transform:scale(1.02)}.portfolio-video.is-ready{opacity:1;transform:scale(1)}.portfolio-video-poster{opacity:1;transition:opacity .6s}.portfolio-video-poster.is-hidden{opacity:0}.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;backface-visibility:hidden;gap:18px;width:max-content;height:100%;animation:42s linear infinite rowScroll;display:flex;transform:translate(0,0)}.row-2 .mosaic-track{animation-duration:52s;animation-direction:reverse}.row-3 .mosaic-track{animation-duration:48s}.mosaic-tile{contain:layout paint;background:linear-gradient(135deg,#ffffff73,#00000014),#d7d7d7;border-radius:34px;flex:none;height:100%;position:relative;overflow:hidden;transform:translateZ(0);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{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;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 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}.btn-primary{color:#fff;background:#111}.btn-secondary{color:#111;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffb8}@keyframes rowScroll{0%{transform:translate(0,0)}to{transform:translate(-25%)}}.mosaic-focus{z-index:100;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0a0a0ae0;place-items:center;padding:40px;display:grid;position:fixed;inset:0}.mail-toast{z-index:200;color:#fff;pointer-events:none;background:#111111eb;border-radius:999px;padding:12px 18px;font-size:.9rem;font-weight:800;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 18px 60px #0000003d}.video-modal-open .stills-rail,.video-modal-open .mosaic-track{animation-play-state:paused!important}.video-modal-open .portfolio-video,.video-modal-open .mosaic-video,.video-modal-open .netflix-hero video{display:none!important}.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}.btn-primary:hover{background:#000}.btn-secondary:hover{background:#ffffffe6}@media (width<=900px) and (orientation:portrait){.portfolio-mosaic-page{width:100%;min-height:100svh;overflow-x:hidden}.home-state{height:100svh;min-height:100svh;padding:10px;overflow:hidden}.mosaic-viewport{gap:10px;height:calc(100svh - 20px);overflow:hidden}.mosaic-row{flex:1;overflow:hidden}.mosaic-track{flex-direction:row;gap:10px;width:max-content;height:100%;animation:34s linear infinite rowScroll;display:flex}.row-2 .mosaic-track{animation-duration:42s;animation-direction:reverse}.row-3 .mosaic-track{animation-duration:38s}.mosaic-tile{border-radius:18px;height:100%}.tile-wide{width:250px}.tile-vertical{width:120px}.mosaic-video{display:none!important}.mosaic-video-poster,.mosaic-poster{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;opacity:1!important}.hero-overlay{z-index:20;pointer-events:none;text-align:center;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.hero-content{justify-content:center;align-items:center;width:100%;height:100svh;display:flex;position:relative}.hero-logo{width:clamp(420px,115vw,680px);position:absolute;top:18%;left:50%;transform:translate(-50%)}.hero-title-sub{width:88vw;font-size:clamp(2rem,10vw,3.6rem);line-height:.9;position:absolute;top:40%;left:50%;transform:translate(-50%)}.hero-actions{pointer-events:auto;flex-direction:column;align-items:center;gap:10px;position:absolute;top:58%;left:50%;transform:translate(-50%)}.hero-actions a,.hero-actions button{width:220px}.project-select-state{padding:96px 16px 56px}.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}.portfolio-category-grid{flex-direction:column}.portfolio-category-card.horizontal,.portfolio-category-card.vertical{aspect-ratio:16/9;width:100%}}.performance-mode .mosaic-video{display:none!important}.performance-mode .mosaic-video-poster,.performance-mode .mosaic-poster{opacity:1!important}.performance-mode .mosaic-track{animation-duration:90s!important}.performance-mode .hero-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}