@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";:root{--background:#050505;--background-soft:#09090c;--surface:#ffffff0b;--text:#f7f4f2;--text-muted:#aaa6ae;--line:#ffffff21;--purple:#7666ec;--violet:#9864db;--pink:#d77ca8;--coral:#ee927e;--gradient:linear-gradient(115deg, var(--purple), var(--violet), var(--pink), var(--coral));--serif:"Playfair Display", Georgia, serif;--sans:"DM Sans", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--background)}body{background:var(--background);min-width:320px;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}img,video{max-width:100%;display:block}.site-header{z-index:50;justify-content:space-between;align-items:center;width:100%;padding:24px clamp(22px,5vw,74px);display:flex;position:absolute;top:0;left:0}.brand{width:98px;display:block}.brand img{filter:grayscale()brightness(0)invert();mix-blend-mode:screen;width:100%}.header-actions{align-items:center;gap:28px;display:flex}.header-link{color:#ffffffad;letter-spacing:.07em;text-transform:uppercase;font-size:11px;transition:color .2s}.header-link:hover{color:#fff}.header-contact{border:1px solid #ffffff61;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:0 20px;font-size:11px;font-weight:500;transition:background .2s,color .2s,transform .2s;display:inline-flex}.header-contact:hover{color:#000;background:#fff;transform:translateY(-2px)}.hero{isolation:isolate;grid-template-columns:minmax(0,.88fr) minmax(350px,.62fr);align-items:center;gap:clamp(38px,5vw,78px);min-height:100svh;padding:118px clamp(22px,5vw,74px) 62px;display:grid;position:relative;overflow:hidden}.hero:before{z-index:-5;background:radial-gradient(circle at 78% 28%, #7868ec1c, transparent 31rem), radial-gradient(circle at 62% 88%, #ee927e14, transparent 28rem), var(--background);content:"";position:absolute;inset:0}.hero-noise{z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;mask-image:linear-gradient(#000,#0000 92%)}.hero-light{z-index:-2;filter:blur(110px);opacity:.2;pointer-events:none;border-radius:50%;width:300px;height:300px;position:absolute}.hero-light-one{background:var(--violet);top:15%;right:8%}.hero-light-two{background:var(--coral);bottom:-12%;right:35%}.hero-copy{max-width:720px}.eyebrow{background:var(--gradient);color:#0000;letter-spacing:.23em;text-transform:uppercase;background-clip:text;margin-bottom:20px;font-size:10px;font-weight:600}.hero h1{max-width:720px;font-family:var(--serif);letter-spacing:-.052em;font-size:clamp(50px,5.65vw,84px);font-weight:500;line-height:.98}.hero h1 span{background:var(--gradient);color:#0000;background-clip:text;max-width:670px;margin-top:8px;font-style:italic;display:block}.hero-description{max-width:570px;color:var(--text-muted);margin-top:24px;font-size:clamp(14px,1.15vw,17px);font-weight:300;line-height:1.68}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:31px;display:flex}.primary-button,.secondary-button{border-radius:999px;justify-content:center;align-items:center;gap:28px;min-height:50px;padding:0 23px;font-size:12px;font-weight:500;transition:transform .22s,background .22s;display:inline-flex}.primary-button{background:var(--gradient);color:#fff}.secondary-button{border:1px solid #ffffff54}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.secondary-button:hover{background:#ffffff12}.hero-proof{border-top:1px solid var(--line);grid-template-columns:auto 1fr;gap:16px;max-width:550px;margin-top:38px;padding-top:18px;display:grid}.hero-proof span{color:#fff;letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:600}.hero-proof p{color:var(--text-muted);font-size:11px;line-height:1.55}.hero-media{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:relative}.video-frame{aspect-ratio:9/16;background:#0d0d0d;border:1px solid #ffffff2e;border-radius:28px;width:min(100%,390px);max-height:75svh;position:relative;overflow:hidden;box-shadow:0 38px 95px #0000008a,0 0 70px #7868ec17}.video-frame:before{z-index:4;border-radius:inherit;background:var(--gradient);content:"";opacity:.5;pointer-events:none;padding:1px;position:absolute;inset:0;mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.video-frame video{object-fit:cover;width:100%;height:100%}.hero-media-caption{color:#ffffffad;letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:15px;width:min(100%,390px);font-size:9px;display:flex}.hero-media-caption span{color:var(--text-muted);text-align:right;font-size:7px}.solutions,.portfolio-explorer,.contact-cta{padding:clamp(78px,8vw,125px) clamp(22px,5vw,74px)}.solutions{border-top:1px solid var(--line)}.section-heading-stacked{max-width:780px}.section-heading h2,.portfolio-heading h2,.contact-cta h2{font-family:var(--serif);letter-spacing:-.04em;font-size:clamp(42px,4.8vw,70px);font-weight:500;line-height:1.02}.section-heading h2 span,.portfolio-heading h2 span,.contact-cta h2 span{background:var(--gradient);color:#0000;background-clip:text;font-style:italic;display:block}.section-intro{max-width:600px;color:var(--text-muted);margin-top:22px;font-size:15px;font-weight:300;line-height:1.65}.solutions-grid{grid-template-columns:repeat(3,1fr);gap:15px;margin-top:50px;display:grid}.solution-card{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff0e,#ffffff04);border-radius:23px;flex-direction:column;min-width:0;transition:transform .25s,border-color .25s;display:flex;overflow:hidden}.solution-card:hover{border-color:#d77ca873;transform:translateY(-5px)}.solution-media{aspect-ratio:16/10;border:0;border-bottom:1px solid var(--line);cursor:pointer;background:#080808;width:100%;display:block;position:relative;overflow:hidden}.solution-media video{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .6s,filter .3s}.solution-media video,.work-card video{background:#101014}.solution-media video[poster],.work-card video[poster]{color:#0000}.solution-media:hover video{filter:brightness(.72);transform:scale(1.045)}.solution-media-shade,.work-card-shade{pointer-events:none;background:linear-gradient(#0000000a,#0000001f 45%,#000000c7);position:absolute;inset:0}.solution-play,.work-card-play{color:#fff;backdrop-filter:blur(12px);background:#05050580;border:1px solid #ffffff9e;border-radius:50%;justify-content:center;align-items:center;padding-left:3px;transition:transform .25s,background .25s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.solution-play{width:56px;height:56px;font-size:15px}.solution-media:hover .solution-play,.work-card:hover .work-card-play{background:#050505d1;transform:translate(-50%,-50%)scale(1.08)}.solution-watch{color:#ffffffe0;letter-spacing:.14em;text-align:left;text-transform:uppercase;font-size:8px;font-weight:600;position:absolute;bottom:15px;left:18px;right:18px}.solution-body{flex-direction:column;flex:1;min-height:305px;padding:24px 26px 26px;display:flex}.solution-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.solution-number{border:1px solid var(--line);width:39px;height:39px;color:var(--text-muted);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:10px;display:flex}.solution-detail{background:var(--gradient);color:#0000;letter-spacing:.13em;text-align:right;text-transform:uppercase;background-clip:text;font-size:8px;font-weight:600}.solution-content{margin-top:34px}.solution-card h3{font-family:var(--serif);font-size:clamp(28px,2.45vw,38px);font-weight:500;line-height:1.05}.solution-description{color:var(--text-muted);margin-top:15px;font-size:13px;font-weight:300;line-height:1.65}.solution-gallery-trigger{border:0;border-top:1px solid var(--line);color:#fff;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding:18px 0 0;font-size:11px;display:flex}.portfolio-explorer{border-top:1px solid var(--line);background:radial-gradient(circle at 82% 22%, #7666ec1a, transparent 27rem), var(--background-soft)}.portfolio-heading{max-width:850px}.portfolio-heading>p:last-child{max-width:650px;color:var(--text-muted);margin-top:22px;font-size:15px;line-height:1.65}.portfolio-tabs{scrollbar-width:none;gap:10px;margin-top:40px;padding-bottom:4px;display:flex;overflow-x:auto}.portfolio-tabs::-webkit-scrollbar{display:none}.portfolio-tab{border:1px solid var(--line);min-height:45px;color:var(--text-muted);cursor:pointer;background:#ffffff06;border-radius:999px;flex:none;padding:0 18px;font-size:11px;transition:background .2s,color .2s,border-color .2s}.portfolio-tab.active{background:var(--gradient);color:#fff;border-color:#0000}.portfolio-panels{margin-top:32px}.portfolio-panel[hidden]{display:none}.panel-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:24px;display:flex}.panel-heading h3{font-family:var(--serif);font-size:clamp(28px,3vw,42px);font-weight:500;line-height:1.08}.panel-heading p{max-width:700px;color:var(--text-muted);margin-top:12px;font-size:13px;line-height:1.65}.panel-heading>span{color:#ffffff8c;letter-spacing:.08em;text-transform:uppercase;flex:none;padding-bottom:3px;font-size:9px}.work-rail{scroll-snap-type:x mandatory;scrollbar-color:#fff3 transparent;grid-auto-columns:minmax(250px,310px);grid-auto-flow:column;gap:14px;padding:2px 2px 16px;display:grid;overflow-x:auto}.work-card{aspect-ratio:9/14;border:1px solid var(--line);cursor:pointer;scroll-snap-align:start;background:#080808;border-radius:21px;width:100%;display:block;position:relative;overflow:hidden}.work-card video{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .5s}.work-card:hover video{transform:scale(1.035)}.work-card-play{width:50px;height:50px;font-size:13px}.work-card-copy{z-index:2;text-align:left;flex-direction:column;align-items:flex-start;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.work-card-copy small{background:var(--gradient);color:#0000;letter-spacing:.13em;text-transform:uppercase;background-clip:text;margin-bottom:9px;font-size:8px;font-style:normal;font-weight:600}.work-card-copy strong{color:#fff;font-family:var(--serif);font-size:25px;font-weight:500;line-height:1.05}.work-card-copy em{color:#ffffffa6;letter-spacing:.11em;text-transform:uppercase;margin-top:10px;font-size:8px;font-style:normal}.contact-cta{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:60px;display:grid;position:relative;overflow:hidden}.contact-cta:before{z-index:-1;background:radial-gradient(circle at 86% 50%, #9864db24, transparent 24rem), var(--background);content:"";position:absolute;inset:0}.contact-cta-copy{max-width:820px}.contact-cta p{max-width:620px;color:var(--text-muted);margin-top:22px;font-size:15px;line-height:1.68}.contact-cta .primary-button{margin-top:30px}.contact-visual{justify-content:center;align-items:center;display:flex}.contact-brand-lockup{background:radial-gradient(circle at 50% 35%,#9864db29,#0000 70%),#ffffff06;border:1px solid #ffffff24;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;padding:24px 28px;display:inline-flex;box-shadow:0 0 46px #7666ec1a}.contact-brand-lockup strong{font-family:var(--serif);letter-spacing:-.06em;font-size:42px;font-weight:600;line-height:.9}.contact-brand-lockup span{letter-spacing:.48em;text-indent:.48em;margin-top:9px;font-size:8px;font-weight:500}.video-modal{width:min(94vw,570px);max-width:570px;color:var(--text);background:#080808;border:1px solid #ffffff2e;border-radius:27px;padding:0;overflow:visible;box-shadow:0 40px 130px #000000d9,0 0 80px #7868ec21}.video-modal::backdrop{backdrop-filter:blur(10px);background:#000000e0}.video-modal-content{padding:20px}.video-modal-header{justify-content:space-between;align-items:center;padding:3px 2px 17px;display:flex}.video-modal-header p{background:var(--gradient);color:#0000;letter-spacing:.16em;text-transform:uppercase;background-clip:text;margin-bottom:5px;font-size:8px;font-weight:600}.video-modal-header h2{font-family:var(--serif);font-size:27px;font-weight:500}.video-modal-close{border:1px solid var(--line);color:#fff;cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:25px;font-weight:300;display:flex}.video-modal-player{aspect-ratio:9/16;border:1px solid var(--line);background:#000;border-radius:20px;width:100%;max-height:68vh;overflow:hidden}.video-modal-player video{object-fit:contain;width:100%;height:100%}.video-modal-footer{justify-content:space-between;align-items:center;gap:22px;padding:18px 2px 2px;display:flex}.video-modal-footer p{max-width:250px;color:var(--text-muted);font-size:10px;line-height:1.55}.video-modal-footer a{background:var(--gradient);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:14px;min-height:42px;padding:0 17px;font-size:9px;font-weight:600;display:inline-flex}@media (width<=1050px){.hero{grid-template-columns:minmax(0,1fr) minmax(300px,.55fr)}.solutions-grid{grid-template-columns:1fr}.solution-card{grid-template-columns:minmax(300px,.75fr) 1fr;display:grid}.solution-media{aspect-ratio:auto;border-right:1px solid var(--line);border-bottom:0;height:100%}.solution-body{min-height:320px}}@media (width<=760px){.site-header{padding:17px 16px}.brand{width:74px}.header-link{display:none}.header-actions{gap:0}.header-contact{min-height:36px;padding:0 14px;font-size:9px}.hero{flex-direction:column;align-items:stretch;gap:28px;min-height:auto;padding:104px 16px 54px;display:flex}.hero-copy{max-width:none}.eyebrow{letter-spacing:.19em;margin-bottom:15px;font-size:8px}.hero h1{font-size:clamp(43px,12.2vw,58px);line-height:.98}.hero-description{margin-top:18px;font-size:14px;line-height:1.58}.hero-actions{grid-template-columns:1fr;gap:9px;margin-top:24px;display:grid}.primary-button,.secondary-button{width:100%;min-height:48px}.hero-proof{grid-template-columns:1fr;gap:6px;margin-top:24px;padding-top:15px}.hero-media{gap:9px;width:100%}.video-frame{border-radius:22px;width:100%;max-height:none}.hero-media-caption{flex-direction:column;align-items:flex-start;gap:4px;font-size:8px}.hero-media-caption span{text-align:left;font-size:7px}.solutions,.portfolio-explorer,.contact-cta{padding:70px 16px}.section-heading h2,.portfolio-heading h2,.contact-cta h2{font-size:clamp(39px,11vw,54px)}.section-intro,.portfolio-heading>p:last-child,.contact-cta p{margin-top:18px;font-size:14px;line-height:1.58}.solutions-grid{grid-template-columns:1fr;margin-top:34px}.solution-card{border-radius:20px;display:flex}.solution-media{aspect-ratio:16/10;border-right:0;border-bottom:1px solid var(--line);width:100%;height:auto}.solution-body{min-height:285px;padding:22px}.solution-content{margin-top:27px}.solution-card h3{font-size:31px}.portfolio-tabs{margin-top:30px}.portfolio-tab{min-height:42px;padding:0 15px;font-size:10px}.portfolio-panels{margin-top:26px}.panel-heading{flex-direction:column;align-items:flex-start;gap:12px}.panel-heading h3{font-size:31px}.panel-heading>span{padding:0}.work-rail{grid-auto-columns:minmax(250px,82vw);gap:11px;margin-right:-16px;padding-right:16px}.work-card{border-radius:19px}.contact-cta{grid-template-columns:1fr;gap:35px}.contact-visual{display:none}.contact-cta .primary-button{margin-top:25px}.video-modal{width:calc(100vw - 18px);max-height:calc(100svh - 18px)}.video-modal-content{padding:12px}.video-modal-header{padding-bottom:12px}.video-modal-header h2{font-size:23px}.video-modal-player{border-radius:17px;max-height:66svh}.video-modal-footer{flex-direction:column;align-items:stretch;gap:12px;padding-top:13px}.video-modal-footer p{max-width:none}.video-modal-footer a{width:100%}}@media (width<=390px){.hero h1{font-size:43px}.header-contact{padding:0 11px}.solution-detail{max-width:175px}}@media (width<=760px){.contact-brand-lockup{padding:20px 25px}.contact-brand-lockup strong{font-size:36px}}.solution-media video,.solution-media-shade,.solution-play,.solution-watch,.work-card video,.work-card-shade,.work-card-play,.work-card-copy{pointer-events:none}.solution-media,.work-card{z-index:1;touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:relative}.video-modal[open]{display:block}