:root{--orange:#f05220;--orange-dark:#db4215;--cream:#f6f4ee;--ink:#17191a;--gray:#666963;--white:#fff;--font-heading:Montserrat,Arial,sans-serif;--font-body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--font-body);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #f69b73;outline-offset:4px}.shell{width:min(100% - 92px,1260px);margin-inline:auto}.skip-link{position:absolute;top:-100px;left:10px;background:#fff;padding:12px;z-index:300}.skip-link:focus{top:10px}.site-header{position:relative;z-index:20;background:var(--cream)}.nav-shell{height:96px;display:flex;align-items:center;justify-content:space-between;gap:36px}.brand img{width:148px;max-height:67px;object-fit:contain;object-position:left}.nav-links{display:flex;align-items:center;gap:31px}.nav-links a,.footer nav a{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.11em;transition:color .2s}.nav-links a:hover,.footer nav a:hover{color:var(--orange)}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:21px;padding:13px 24px;border-radius:30px;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border:1px solid transparent;transition:transform .2s,background .2s,border .2s}.btn:hover{transform:translateY(-2px)}.btn span{font-size:18px;line-height:0}.btn-orange{color:#fff;background:var(--orange);box-shadow:0 6px 18px #f0522029}.btn-orange:hover{background:var(--orange-dark)}.btn-outline{border-color:#282a2c;background:transparent;color:var(--ink)}.btn-outline:hover{background:#fff}.btn-white-outline{border-color:#d7dad7;color:#fff;background:#16161650}.btn-white-outline:hover{background:#ffffff21}.menu-toggle{display:none;width:42px;height:42px;border:0;background:transparent;cursor:pointer}.menu-toggle span{display:block;height:2px;margin:6px 0;background:var(--ink)}.eyebrow{font-size:10px;letter-spacing:.28em;font-weight:800;line-height:1.6;text-transform:uppercase;font-family:var(--font-heading)}.accent-rule{display:inline-block;width:28px;height:2px;background:var(--orange);margin-left:7px;vertical-align:middle}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-heading);font-weight:900;letter-spacing:-.058em;text-transform:uppercase}em{font-style:normal;color:var(--orange)}.hero{min-height:562px;display:grid;grid-template-columns:49% 51%;align-items:center;position:relative;isolation:isolate}.hero-copy{padding:40px 0 72px;position:relative;z-index:3}.hero-eyebrow{max-width:315px;color:#727472;margin-bottom:18px}.hero h1{font-size:clamp(36px,4.35vw,72px);line-height:.98;max-width:670px;position:relative;letter-spacing:-.065em;margin-bottom:27px}.hero h1 span,.hero h1 strong{display:block}.hero h1 strong{color:var(--orange);font-weight:900}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-caption{font-size:10px;font-weight:700;letter-spacing:.25em;color:#777a77;margin:54px 0 0}.hero-caption span{color:var(--orange);padding:0 5px}.hero-visual{height:100%;min-height:562px;position:relative;overflow:hidden;clip-path:polygon(18% 0%,100% 0%,100% 100%,3% 100%,16% 64%,3% 18%);margin-right:calc((min(100vw - 92px,1260px) - 100vw)/2);background:#17191a}.hero-visual>img,.hero-visual>video{height:100%;width:100%;object-fit:cover;position:absolute;inset:0;filter:contrast(1.06) saturate(.88)}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#111a 0%,transparent 45%,#18121130 100%);z-index:1}.hero-accent{position:absolute;z-index:2;border:45px solid var(--orange);border-radius:50%;width:330px;height:330px;right:-160px;top:-150px;opacity:.96}.hero-accent-2{width:220px;height:220px;right:-100px;top:auto;bottom:-120px;border-width:45px;mix-blend-mode:screen;opacity:.95}.hero-visual-label{position:absolute;z-index:3;bottom:38px;right:65px;color:#fff;font-size:28px;font-weight:900;letter-spacing:-.065em}.hero-visual-label span{display:block;font-size:7px;letter-spacing:.5em;text-align:right}.section-dark{background:#111516;color:#fff}.solutions{padding:80px 0 82px;background:linear-gradient(120deg,#111517,#171b1b 70%,#111517)}.section-top{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:33px}.section-top h2{font-size:clamp(30px,3.4vw,50px);line-height:1.02;max-width:680px;margin:9px 0 0}.section-top-dark .eyebrow{color:#a9adab}.text-link{display:inline-flex;gap:20px;align-items:center;font-weight:800;font-size:10px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;padding-bottom:8px}.text-link span{font-size:22px;color:var(--orange)}.text-link-light{color:#fff}.solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.solution-card{height:294px;position:relative;overflow:hidden;border:1px solid #ffffff19;background:#222;cursor:pointer}.solution-card>img{width:100%;height:100%;object-fit:cover;transition:transform .5s;filter:saturate(.82)}.solution-card:hover>img{transform:scale(1.05)}.solution-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 24%,#000b 98%);pointer-events:none}.solution-card-content{position:absolute;bottom:24px;left:25px;right:20px;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:8px}.solution-card h3{font-size:19px;line-height:1.12;letter-spacing:-.04em;max-width:210px;margin:0}.solution-card p{font-size:11px;line-height:1.45;margin:7px 0 0;color:#dfdfdf}.round-arrow{flex-shrink:0;width:32px;height:32px;border:1px solid #fff8;display:grid;place-items:center;border-radius:50%;font-size:20px}.portfolio-section{padding:86px 0 90px}.portfolio-top{margin-bottom:29px}.portfolio-top h2{font-size:clamp(32px,3.4vw,52px)}.portfolio-tools{display:flex;align-items:center;gap:18px}.filter-tabs{display:flex;gap:6px;flex-wrap:wrap;justify-content:end}.filter-tabs button{border:1px solid #d6d5cf;background:transparent;border-radius:30px;padding:9px 15px;font-size:10px;font-weight:700;cursor:pointer;transition:.2s}.filter-tabs button.active,.filter-tabs button:hover{background:var(--orange);border-color:var(--orange);color:#fff}.next-arrow{border:1px solid #bbbcb8;border-radius:50%;display:grid;place-items:center;width:36px;height:36px;font-size:21px;flex-shrink:0}.portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:178px;gap:12px}.portfolio-card:first-child{grid-column:span 2;grid-row:span 2}.portfolio-card{position:relative;overflow:hidden;border-radius:3px;background:#222;display:block;cursor:pointer;color:#fff;border:0;padding:0;text-align:left}.portfolio-card>img{height:100%;width:100%;object-fit:cover;filter:saturate(.92);transition:transform .5s}.portfolio-card:hover>img{transform:scale(1.04)}.portfolio-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000c 0%,transparent 58%);pointer-events:none}.play-icon{position:absolute;left:17px;bottom:66px;z-index:2;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#ffffffdd;color:#121515;font-size:10px;padding-left:2px}.portfolio-card:first-child .play-icon{left:24px;bottom:82px;width:35px;height:35px}.portfolio-card-info{position:absolute;bottom:17px;left:17px;right:16px;z-index:2}.portfolio-card:first-child .portfolio-card-info{bottom:23px;left:24px}.portfolio-card-info h3{font-size:13px;letter-spacing:-.03em;line-height:1.2;margin:0}.portfolio-card:first-child h3{font-size:19px}.portfolio-card-info p{color:#d9dfdf;margin:3px 0 0;font-size:10px}.studio-section{position:relative;min-height:365px;background:#101213;color:#fff;overflow:hidden;display:flex;align-items:center;isolation:isolate}.studio-section>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.studio-overlay{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0a0c0cf5 0%,#0a0c0ccc 33%,#12121230 78%)}.studio-deco{position:absolute;inset:0 0 0 auto;width:25%;background:linear-gradient(130deg,transparent 42%,#f05220c7 42%,#f05220c7 68%,transparent 68%);pointer-events:none}.studio-content{padding:63px 0;position:relative;z-index:1}.studio-content .eyebrow{color:#ddd}.studio-content h2{font-size:clamp(29px,3.25vw,48px);line-height:1.02;max-width:555px;margin:12px 0}.studio-content>p:not(.eyebrow){max-width:370px;font-size:13px;line-height:1.6;color:#d5d6d3;margin:13px 0 23px}.differentials{padding:62px 0 64px}.differentials-layout{display:grid;grid-template-columns:34% 66%;align-items:center;gap:14px}.differentials-intro h2{font-size:clamp(27px,2.65vw,38px);line-height:1.02;max-width:410px;margin-bottom:0}.differentials-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.differential-card{min-height:127px;text-align:center;padding:8px 10px;border-left:1px solid #dfded8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.differential-icon svg{width:37px;height:37px;stroke:#1c2020;stroke-width:1.35;fill:none;stroke-linecap:round;stroke-linejoin:round}.differential-card h3{font-size:11px;line-height:1.25;letter-spacing:.015em;margin:0;max-width:145px}.differential-card p{display:none}.contact-section{position:relative;isolation:isolate;min-height:315px;background:#121414;color:#fff;display:flex;align-items:center;overflow:hidden}.contact-section>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.contact-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0e1010f8 0%,#0e1010de 37%,#0e10105c 72%,#101010aa 100%)}.contact-content{padding:53px 0;position:relative;z-index:1}.contact-content h2{font-size:clamp(29px,3.25vw,47px);max-width:600px;line-height:1.03;margin:10px 0 24px}.contact-actions{display:flex;flex-wrap:wrap;gap:12px}.contact-side-caption{position:absolute;right:5vw;top:50%;transform:translateY(-50%);font-size:11px;line-height:1.6;letter-spacing:.27em;font-weight:800;color:#dcdada;z-index:1}.footer{background:var(--cream);padding:28px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:22px}.footer-brand img{width:124px}.footer nav{display:flex;gap:20px;flex-wrap:wrap}.footer nav a{font-size:9px}.footer-social{display:flex;gap:8px}.footer-social a{border:1px solid #cfd0ca;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800}.footer p{font-size:9px;color:#8b8b85;max-width:154px;text-align:right;margin:0}.video-modal{display:none;position:fixed;z-index:1000;inset:0;align-items:center;justify-content:center;padding:25px}.video-modal[aria-hidden="false"]{display:flex}.modal-backdrop{position:absolute;inset:0;background:#020303ed}.modal-panel{position:relative;z-index:1;width:min(100%,1100px);background:#050505;border-radius:7px;box-shadow:0 25px 90px #0008}.modal-close{position:absolute;right:0;bottom:calc(100% + 12px);background:#fff;color:#111;border:0;width:38px;height:38px;border-radius:50%;font-size:30px;cursor:pointer}.video-frame{aspect-ratio:16/9}.video-frame iframe,.video-frame video{width:100%;height:100%;border:0}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,100px);opacity:0;pointer-events:none;z-index:1200;background:#262725;color:#fff;border-radius:8px;padding:13px 18px;box-shadow:0 10px 35px #0003;font-size:13px;transition:.25s;text-align:center;max-width:calc(100vw - 28px)}.toast.visible{transform:translate(-50%,0);opacity:1}.editor-tip{position:fixed;bottom:18px;right:18px;z-index:40;display:flex;align-items:center;gap:10px;background:#fff;box-shadow:0 8px 30px #0003;padding:12px 10px 12px 13px;border-radius:7px;border-left:3px solid var(--orange);font-size:12px}.editor-tip>span{font-size:8px;letter-spacing:.1em;font-weight:800;color:var(--orange)}.editor-tip>a{font-weight:800;text-decoration:underline;text-underline-offset:2px}.editor-tip button{background:transparent;border:0;font-size:20px;cursor:pointer;color:#888}.editor-tip[hidden]{display:none}
@media(max-width:1050px){.shell{width:min(100% - 54px,1260px)}.nav-shell{gap:14px}.nav-links{gap:17px}.nav-links a{font-size:10px}.nav-cta{padding-inline:14px}.hero h1{font-size:clamp(34px,4.7vw,60px)}.hero-visual{margin-right:-27px}.differentials-layout{grid-template-columns:1fr}.differentials-grid{margin-top:8px}.footer-inner{flex-wrap:wrap}.contact-side-caption{display:none}}
@media(max-width:720px){.shell{width:calc(100% - 36px)}.nav-shell{height:74px}.brand img{width:120px}.nav-cta{display:none}.menu-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:74px;background:var(--cream);padding:14px 20px 26px;box-shadow:0 12px 24px #0002;flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{font-size:12px;padding:14px;border-bottom:1px solid #ddd}.hero{grid-template-columns:1fr;min-height:unset;padding-top:18px}.hero-copy{padding:30px 0 26px}.hero h1{font-size:clamp(39px,10vw,65px);max-width:510px}.hero-caption{margin:23px 0 0;font-size:8px}.hero-visual{height:365px;min-height:0;margin:0 -18px;clip-path:polygon(7% 0%,100% 0%,100% 100%,0 100%,0 22%)}.hero-visual-label{right:30px}.solutions,.portfolio-section{padding:60px 0}.section-top{flex-direction:column;align-items:start;gap:15px}.section-top h2{font-size:clamp(31px,7vw,45px)}.solution-grid{grid-template-columns:1fr;gap:12px}.solution-card{height:235px}.portfolio-tools{width:100%;justify-content:space-between}.filter-tabs{justify-content:start}.filter-tabs button{font-size:9px;padding:8px 10px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:160px;gap:8px}.portfolio-card:first-child{grid-column:span 2;grid-row:span 2;height:auto}.portfolio-card:first-child~.portfolio-card{height:auto}.portfolio-card h3{font-size:11px}.portfolio-card:first-child h3{font-size:15px}.portfolio-card .play-icon{bottom:53px}.studio-section{min-height:380px}.studio-content{padding:65px 0}.studio-content h2{max-width:440px}.differentials{padding:58px 0}.differentials-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.differential-card:nth-child(odd){border-left:0}.differential-card:nth-child(n+3){border-top:1px solid #dfded8}.contact-content{padding:55px 0}.contact-content h2{max-width:490px}.footer-inner{justify-content:center;flex-direction:column;gap:16px}.footer nav{justify-content:center}.footer p{text-align:center;max-width:100%}.editor-tip{bottom:8px;right:8px;left:8px;justify-content:center}.editor-tip>span{display:none}}
@media(max-width:385px){.hero h1{font-size:37px}.btn{padding-inline:16px;font-size:10px}.portfolio-grid{grid-auto-rows:140px}.portfolio-card:first-child{height:auto}.filter-tabs{gap:4px}.filter-tabs button{padding:7px 9px}.contact-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
