@import "https://fonts.googleapis.com/css2?family=Alumni+Sans:ital,wght@0,100..900;1,100..900&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--primary:#f1a12f;--primary-rgb:241, 161, 47;--bg-dark:#121212;--bg-card:#111;--text-white:#fff;--text-gray:#999;--font-heading:"Alumni Sans", sans-serif;--font-body:"LINE Seed TW", "DM Sans", sans-serif;--font-ui:"LINE Seed TW", "DM Sans", sans-serif;--container-width:1200px;--section-padding:80px;--transition-fast:.3s ease;--transition-slow:.6s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-dark)}body{font-family:var(--font-body);background-color:var(--bg-dark);color:var(--text-white);font-size:15px;line-height:1.6;overflow-x:hidden}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 30% 20%,#f1a12f08 0%,#0000 50%),radial-gradient(at 80% 80%,#f1a12f05 0%,#0000 40%);position:fixed;inset:0}body:before{content:"";opacity:1;z-index:9998;pointer-events:none;mix-blend-mode:screen;filter:brightness(1.8)contrast(1.5);background-image:url(/assets/grain-texture.jpg);background-repeat:repeat;background-size:350px;position:fixed;inset:0}h1,h2,h3,h4{font-family:var(--font-heading);text-transform:uppercase;font-weight:600}a{color:inherit;transition:var(--transition-fast);text-decoration:none}.container{max-width:var(--container-width);margin:0 auto;padding:0 20px}.text-center{text-align:center}.label-mini{color:var(--primary);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:3px;align-items:center;margin-bottom:20px;font-size:10px;font-weight:700;display:inline-flex}.label-mini .bracket{color:#ffffff4d;margin:0 8px;font-size:13px;font-weight:400}.navbar{z-index:10000;width:100%;height:72px;transition:var(--transition-fast);background:0 0;align-items:center;display:flex;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121212f2}.nav-container{max-width:var(--container-width);justify-content:space-between;align-items:center;width:100%;margin:0 auto;padding:0 20px;display:flex}.logo{font-family:var(--font-heading);letter-spacing:-.5px;color:var(--text-white);font-size:26px;font-weight:800;text-decoration:none;transition:color .3s}.logo-dot{color:var(--primary);transition:color .3s}.logo:hover{color:var(--primary)}.logo:hover .logo-dot{color:var(--text-white)}.nav-links{align-items:center;gap:28px;display:flex}.nav-links a{color:var(--text-white);font-family:var(--font-ui);transition:var(--transition-fast);font-size:13px;font-weight:500;text-decoration:none;position:relative}.nav-links a:after{content:"";background:var(--primary);width:0;height:2px;transition:width .3s cubic-bezier(.25,.46,.45,.94),left .3s cubic-bezier(.25,.46,.45,.94);position:absolute;bottom:-4px;left:50%}.nav-links a:not(.nav-btn):hover{opacity:1;color:var(--primary)}.nav-links a:not(.nav-btn):hover:after{width:100%;left:0}.nav-links .nav-btn:after{display:none}.nav-btn{color:var(--primary);font-family:var(--font-ui);letter-spacing:1px;text-transform:uppercase;border:1px solid var(--primary);background:0 0;padding:9px 24px;font-size:11px;font-weight:700;text-decoration:none;transition:background .3s,color .3s,box-shadow .3s}.nav-btn:hover{background:var(--primary);color:#000;box-shadow:0 0 20px rgba(var(--primary-rgb), .25)}.hero{z-index:9999;background-position:50%;background-size:cover;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero:after{content:"";z-index:1;background:linear-gradient(90deg,#050505b3 0%,#0505054d 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;width:100%;max-width:900px;position:relative}.hero h1{font-family:var(--font-heading);letter-spacing:-2px;text-transform:uppercase;color:var(--primary);margin-bottom:24px;font-size:96px;font-weight:600;line-height:1.05}.hero-desc{color:#ffffffb3;max-width:500px;margin-bottom:30px;font-size:15px;line-height:1.7}.hero-awards{gap:30px;margin-top:40px;display:flex}.award-item{font-family:var(--font-ui);color:#ffffff80;letter-spacing:1px;align-items:center;gap:10px;font-size:11px;font-weight:600;display:flex}.award-icon{width:22px;height:22px;stroke:var(--primary);opacity:.5;flex-shrink:0}.hero-year-bg{font-family:var(--font-heading);color:#ffffff06;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:240px;font-weight:900;line-height:.8;position:absolute;bottom:40px;right:-30px}.about{padding:var(--section-padding) 0}.about-top-row{justify-content:space-between;align-items:flex-start;margin-bottom:70px;display:flex}.blockbuster-quote{max-width:700px}.blockbuster-quote h2{font-family:var(--font-heading);letter-spacing:-1px;text-transform:uppercase;margin-bottom:20px;font-size:56px;font-weight:800;line-height:1.1}.blockbuster-quote h2 span{color:var(--text-gray);font-weight:400}.quote-author{font-family:var(--font-ui);color:#fff6;letter-spacing:1px;font-size:12px}.since-badge{text-align:right}.since-badge .since-label{font-family:var(--font-ui);letter-spacing:4px;color:var(--text-white);font-size:12px;font-weight:700;display:block}.since-badge .since-year{font-family:var(--font-heading);font-size:100px;font-weight:800;line-height:.8}.about-main-row{grid-template-columns:1.4fr 1fr;align-items:flex-start;gap:60px;display:grid}.about-media{aspect-ratio:16/9;cursor:pointer;position:relative;overflow:hidden}.about-media img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.about-media:hover img{transform:scale(1.04)}.play-film-overlay{cursor:pointer;align-items:center;gap:15px;display:flex;position:absolute;bottom:30px;left:30px}.play-circle-mini{border:1px solid var(--primary);width:40px;height:40px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;transition:background .3s,color .3s;display:flex}.play-film-overlay:hover .play-circle-mini{background:var(--primary);color:#000}.play-text-mini{font-family:var(--font-ui);letter-spacing:1px;font-size:12px;font-weight:700}.about-text-content{padding-top:20px}.about-text-content p{color:#ffffff80;margin-bottom:25px;font-size:14px;line-height:1.75}.btn-outline-arrow{font-family:var(--font-ui);letter-spacing:.5px;transition:var(--transition-fast);cursor:pointer;border:1px solid #ffffff1f;align-items:center;gap:8px;padding:10px 24px;font-size:11px;font-weight:700;display:inline-flex}.btn-outline-arrow:hover{border-color:var(--primary);color:var(--primary)}.btn-outline-arrow:hover svg{transform:translate(3px,-3px)}.btn-outline-arrow svg{transition:transform .3s}.metadata-grid{grid-template-columns:1fr;gap:20px;margin-top:30px;display:grid}.meta-item{border-bottom:1px solid #ffffff0d;gap:20px;padding-bottom:15px;display:flex}.meta-label{min-width:100px;font-family:var(--font-ui);color:var(--text-gray);font-size:11px;font-weight:700}.meta-value{font-family:var(--font-ui);color:var(--text-white);font-size:11px}.tag-cloud{gap:10px;margin-top:20px;display:flex}.mini-tag{border:1px solid var(--primary);color:var(--primary);cursor:default;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700;transition:background .3s,color .3s}.mini-tag:hover{background:var(--primary);color:#000}.section-title{letter-spacing:-1px;font-size:50px}.services{padding:var(--section-padding) 0}.svc-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:40px;padding:8px;display:grid}.svc-card{text-align:left;cursor:pointer;background-color:#0e0e0e;border:1px solid #ffffff0a;padding:40px 30px;transition:background-color .3s,border-color .3s;position:relative}.svc-card:hover{background-color:#0f0f0f;border-color:#ffffff14}.svc-card:hover .svc-icon{transform:translateY(-2px)}.svc-card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff1f,#ffffff1f) 0 0/22px 1px no-repeat,linear-gradient(#ffffff1f,#ffffff1f) 0 0/1px 22px no-repeat,linear-gradient(#ffffff1f,#ffffff1f) 100% 0/22px 1px no-repeat,linear-gradient(#ffffff1f,#ffffff1f) 100% 0/1px 22px no-repeat,linear-gradient(#ffffff1f,#ffffff1f) 0 100%/22px 1px no-repeat,linear-gradient(#ffffff1f,#ffffff1f) 0 100%/1px 22px no-repeat,linear-gradient(#ffffff1f,#ffffff1f) 100% 100%/22px 1px no-repeat,linear-gradient(#ffffff1f,#ffffff1f) 100% 100%/1px 22px no-repeat;transition:--corner-color .4s;position:absolute;inset:-7px}.svc-card:hover:before{background:linear-gradient(var(--primary), var(--primary)) 0 0 / 22px 1px no-repeat, linear-gradient(var(--primary), var(--primary)) 0 0 / 1px 22px no-repeat, linear-gradient(var(--primary), var(--primary)) 100% 0 / 22px 1px no-repeat, linear-gradient(var(--primary), var(--primary)) 100% 0 / 1px 22px no-repeat, linear-gradient(var(--primary), var(--primary)) 0 100% / 22px 1px no-repeat, linear-gradient(var(--primary), var(--primary)) 0 100% / 1px 22px no-repeat, linear-gradient(var(--primary), var(--primary)) 100% 100% / 22px 1px no-repeat, linear-gradient(var(--primary), var(--primary)) 100% 100% / 1px 22px no-repeat}.svc-icon{fill:none;width:36px;height:36px;stroke:var(--primary);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;transition:var(--transition-fast);margin-bottom:24px}.svc-card h3{font-family:var(--font-heading);letter-spacing:1px;text-transform:uppercase;color:var(--text-white);margin-bottom:14px;font-size:24px}.svc-card p{color:#ffffff73;margin-bottom:24px;font-size:13px;line-height:1.7}.svc-card .read-more{color:var(--text-white);font-size:11px;font-weight:700;font-family:var(--font-ui);cursor:pointer;transition:color var(--transition-fast);align-items:center;text-decoration:none;display:inline-flex}.svc-card .read-more:after{content:"";border-top:2px solid var(--primary);border-right:2px solid var(--primary);width:6px;height:6px;margin-left:10px;transition:transform .3s;transform:rotate(45deg)}.svc-card .read-more:hover{color:var(--primary)}.svc-card .read-more:hover:after{transform:rotate(45deg)translate(3px,-3px)}.portfolio{padding:var(--section-padding) 0;overflow:hidden}.port-header{justify-content:space-between;align-items:flex-end;margin-bottom:50px;display:flex}.port-header .label-mini{margin-bottom:15px}.port-header .section-title{margin-bottom:0}.port-nav{flex-shrink:0;gap:10px;display:flex}.port-arrow{width:50px;height:50px;color:var(--text-white);cursor:pointer;background:0 0;border:1px solid #ffffff26;justify-content:center;align-items:center;transition:all .3s;display:flex}.port-arrow:hover{border-color:var(--primary);color:var(--primary);background:rgba(var(--primary-rgb), .05)}.port-arrow:active{transform:scale(.92)}.port-carousel{width:100%;overflow:visible}.port-track{padding-left:max(20px, calc((100vw - var(--container-width)) / 2 + 20px));scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:28px;padding-top:8px;padding-bottom:8px;padding-right:60px;display:flex;overflow-x:auto}.port-track::-webkit-scrollbar{display:none}.port-card{cursor:pointer;scroll-snap-align:start;background-color:#000;flex-shrink:0;width:280px;min-width:280px;height:380px;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s;position:relative}.port-card:hover{box-shadow:0 15px 50px #00000080}.port-card:after{content:"";pointer-events:none;z-index:5;background:linear-gradient(#ffffff1f,#ffffff1f) 0 0/20px 1px no-repeat,linear-gradient(#ffffff1f,#ffffff1f) 0 0/1px 20px no-repeat,linear-gradient(#ffffff1f,#ffffff1f) 100% 0/20px 1px no-repeat,linear-gradient(#ffffff1f,#ffffff1f) 100% 0/1px 20px no-repeat,linear-gradient(#ffffff1f,#ffffff1f) 0 100%/20px 1px no-repeat,linear-gradient(#ffffff1f,#ffffff1f) 0 100%/1px 20px no-repeat,linear-gradient(#ffffff1f,#ffffff1f) 100% 100%/20px 1px no-repeat,linear-gradient(#ffffff1f,#ffffff1f) 100% 100%/1px 20px no-repeat;transition:background .4s;position:absolute;inset:-7px}.port-card:hover:after{background:linear-gradient(var(--primary), var(--primary)) 0 0 / 20px 1px no-repeat, linear-gradient(var(--primary), var(--primary)) 0 0 / 1px 20px no-repeat, linear-gradient(var(--primary), var(--primary)) 100% 0 / 20px 1px no-repeat, linear-gradient(var(--primary), var(--primary)) 100% 0 / 1px 20px no-repeat, linear-gradient(var(--primary), var(--primary)) 0 100% / 20px 1px no-repeat, linear-gradient(var(--primary), var(--primary)) 0 100% / 1px 20px no-repeat, linear-gradient(var(--primary), var(--primary)) 100% 100% / 20px 1px no-repeat, linear-gradient(var(--primary), var(--primary)) 100% 100% / 1px 20px no-repeat}.port-card img{object-fit:cover;width:100%;height:100%;transition:var(--transition-slow);clip-path:inset(0);position:absolute;inset:0}.video-overlay{z-index:1;opacity:0;pointer-events:none;background:#000;width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0;overflow:hidden}.video-overlay iframe{pointer-events:none;width:500%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.port-card:hover .video-overlay{opacity:1}.port-card:hover img{opacity:.3;transform:scale(1.05)}.port-overlay{z-index:3;width:100%;transition:var(--transition-fast);background:linear-gradient(#0000 0%,#000000e6 100%);padding:35px 25px;position:absolute;bottom:0;left:0}.port-card:hover .port-overlay{transform:translateY(-5px)}.port-content{transition:var(--transition-slow);transform:translateY(15px)}.port-card:hover .port-content{transform:translateY(0)}.port-cat{color:var(--primary);font-family:var(--font-ui);letter-spacing:2px;text-transform:uppercase;font-size:12px;font-weight:700}.port-card h3{margin-top:5px;font-size:24px;line-height:1}.marquee-section{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;padding:45px 0;overflow:hidden}.marquee-inner{white-space:nowrap;gap:50px;animation:30s linear infinite marquee;display:flex}.marquee-section:hover .marquee-inner{animation-play-state:paused}.marquee-inner span{font-family:var(--font-heading);color:#0000;-webkit-text-stroke:1px #fff3;text-transform:uppercase;font-size:38px;font-weight:800}.marquee-inner span.filled{color:var(--text-white);-webkit-text-stroke:0px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.showreel-block{z-index:9999;text-align:center;background-size:cover;background-attachment:fixed;padding:120px 0;position:relative}.showreel-block:before{content:"";background:#000000b3;position:absolute;inset:0}.rotating-btn-container{z-index:5;cursor:pointer;display:inline-block;position:relative}.rotating-svg{width:160px;height:160px;animation:10s linear infinite rotateForever}@keyframes rotateForever{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotating-svg text{fill:var(--text-white);font-family:var(--font-ui);text-transform:uppercase;letter-spacing:6px;font-size:12px;font-weight:700}.play-center{background:var(--primary);color:#000;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.play-center:before,.play-center:after{content:"";border:2px solid var(--primary);border-radius:50%;animation:2.5s cubic-bezier(.25,.46,.45,.94) infinite pulseRing;position:absolute;inset:0}.play-center:after{animation-delay:1.25s}@keyframes pulseRing{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.rotating-btn-container:hover .play-center{transform:translate(-50%,-50%)scale(1.12)}footer{border-top:1px solid #ffffff0d;padding:80px 0 30px}.footer-top{justify-content:space-between;margin-bottom:60px;display:flex}.f-call{font-family:var(--font-heading);letter-spacing:-2px;cursor:default;width:50%;font-size:72px;line-height:.85;transition:text-shadow .3s}.f-links{gap:60px;display:flex}.f-col h4{color:var(--primary);letter-spacing:1px;margin-bottom:18px;font-size:14px}.f-col a{color:#ffffff80;margin-bottom:10px;font-size:13px;transition:color .3s,transform .3s;display:block}[data-reveal]{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)}[data-reveal].revealed{opacity:1;transform:translateY(0)}[data-reveal-stagger]>*{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}[data-reveal-stagger].revealed>:first-child{transition-delay:0s}[data-reveal-stagger].revealed>:nth-child(2){transition-delay:.12s}[data-reveal-stagger].revealed>:nth-child(3){transition-delay:.24s}[data-reveal-stagger].revealed>:nth-child(4){transition-delay:.36s}[data-reveal-stagger].revealed>*{opacity:1;transform:translateY(0)}.hero-line{padding:.05em 0;display:block;overflow:hidden}.hero-line-inner{transition:transform .9s cubic-bezier(.16,1,.3,1);display:block;transform:translateY(110%)}.hero-line.revealed .hero-line-inner{transform:translateY(0)}.hero-line:nth-child(2) .hero-line-inner{transition-delay:.1s}.hero-line:nth-child(3) .hero-line-inner{transition-delay:.2s}.f-col a:hover{color:var(--text-white);transform:translate(6px)}.f-call:hover{text-shadow:0 0 60px rgba(var(--primary-rgb), .15)}.services:before{content:"";background:var(--primary);opacity:.4;width:60px;height:1px;margin:0 auto 60px;display:block}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.menu-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;width:30px;height:20px;padding:0;display:none;position:relative}.menu-toggle span{background:var(--text-white);width:100%;height:2px;transition:all .3s;display:block;position:absolute;left:0}.menu-toggle span:first-child{top:0}.menu-toggle span:nth-child(2){top:9px}.menu-toggle span:nth-child(3){top:18px}.menu-toggle.active span:first-child{top:9px;transform:rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){top:9px;transform:rotate(-45deg)}.showreel-title{z-index:5;margin-top:30px;font-size:56px;position:relative}.footer-bottom{color:#ffffff4d;letter-spacing:.5px;border-top:1px solid #ffffff0d;justify-content:space-between;padding-top:25px;font-size:11px;display:flex}@media (width<=1024px){:root{--section-padding:70px}.hero h1{font-size:72px}.about-main-row{grid-template-columns:1fr}.about-top-row{flex-direction:column;gap:30px;margin-bottom:50px}.blockbuster-quote h2{font-size:44px}.since-badge{text-align:left}.since-badge .since-year{font-size:70px}.svc-grid{grid-template-columns:1fr 1fr}.port-card{width:240px;min-width:240px;height:320px}.f-call{width:100%;font-size:56px}.footer-top{flex-direction:column;gap:40px}.f-links{gap:40px}.showreel-title{font-size:44px}.showreel-block{background-attachment:scroll;padding:80px 20px}.hero-year-bg{font-size:200px}}@media (hover:none){.nav-btn:active{background:var(--primary);color:#000;transform:scale(.96)}.btn-outline-arrow:active{border-color:var(--primary);color:var(--primary)}.svc-card:active{background-color:#111;transform:scale(.98)}.port-card:active{transform:scale(.97)}.mini-tag:active{background:var(--primary);color:#000}.read-more:active{color:var(--primary)}.svc-card:hover{box-shadow:none;background-image:none;transform:none}.svc-card:hover .svc-icon{transform:none}.port-card:hover{box-shadow:none}.about-media:hover img{transform:none}}@media (width<=768px){:root{--section-padding:60px}.menu-toggle{display:block}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#050505fa;flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;height:100dvh;transition:right .4s cubic-bezier(.16,1,.3,1);position:fixed;top:0;right:-100%}.nav-links.open{right:0}.nav-links a{font-size:28px;font-weight:700;font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px;opacity:.6;padding:16px 0;transition:opacity .2s,color .2s}.nav-links a:active,.nav-links a:hover{opacity:1;color:var(--primary)}.nav-links a:after{display:none}.nav-links .nav-btn{opacity:1;background:var(--primary);color:#000;border-color:var(--primary);margin-top:30px;padding:14px 45px;font-size:14px}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05050599;height:70px}.hero{align-items:flex-end;padding-bottom:60px}.hero h1{letter-spacing:-1px;font-size:52px}.hero-desc{font-size:16px;line-height:1.7}.hero-awards{flex-flow:wrap;gap:10px;margin-top:35px}.award-item{background:#ffffff0d;border-radius:6px;gap:8px;padding:8px 14px;font-size:11px}.award-icon{width:20px;height:20px}.hero-year-bg{font-size:150px;bottom:30px;right:-30px}.blockbuster-quote h2{letter-spacing:-1px;font-size:36px}.about-top-row{margin-bottom:50px}.about-text-content{padding-top:20px}.about-text-content p{font-size:15px}.meta-label{min-width:90px}.tag-cloud{flex-wrap:wrap}.play-film-overlay{bottom:15px;left:15px}.section-title{letter-spacing:-1px;font-size:38px}.svc-grid{counter-reset:svc-counter;grid-template-columns:1fr;gap:0}.svc-card{counter-increment:svc-counter;background:0 0;border-top:none;border-bottom:1px solid #ffffff0f;border-left:3px solid #0000;border-right:none;grid-template-rows:auto auto auto;grid-template-columns:50px 1fr;column-gap:20px;padding:30px 24px;transition:border-color .3s;display:grid}.svc-card:last-child{border-bottom:none}.svc-card:active{border-left-color:var(--primary)}.svc-card:before,.svc-card:after{display:none}.svc-card .svc-icon{background:rgba(var(--primary-rgb), .1);border-radius:10px;grid-area:1/1;align-self:start;width:40px;height:40px;margin-bottom:0;padding:8px}.svc-card h3{grid-area:1/2;align-items:baseline;gap:12px;margin-bottom:8px;font-size:24px;display:flex}.svc-card h3:before{content:"0" counter(svc-counter);font-size:12px;font-family:var(--font-ui);color:var(--primary);letter-spacing:1px;opacity:.6;flex-shrink:0;font-weight:700}.svc-card p{grid-area:2/1/auto/-1;margin-bottom:12px;font-size:14px;line-height:1.65}.svc-card .read-more{grid-area:3/1/auto/-1;font-size:12px}.port-header{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:30px}.port-card{width:240px;min-width:240px;height:320px}.port-card h3{font-size:22px}.port-cat{letter-spacing:1px;font-size:10px}.port-overlay{padding:20px 15px}.port-content{transform:translateY(0)}.port-track{gap:15px;padding-left:16px}.marquee-inner span{font-size:32px}.marquee-section{padding:35px 0}.showreel-block{background-attachment:scroll;padding:80px 20px}.showreel-title{margin-top:30px;font-size:42px}.rotating-svg{width:150px;height:150px}.play-center{width:60px;height:60px}.f-call{letter-spacing:-2px;font-size:50px}.f-links{flex-flow:wrap;gap:0}.f-col{width:50%;margin-bottom:30px}.footer-bottom{text-align:center;flex-direction:column;gap:10px}footer{padding:60px 0 30px}.services:before,.portfolio:before{margin-bottom:40px}}@media (width<=480px){.container,.nav-container{padding:0 16px}.hero h1{font-size:40px;line-height:1.1}.hero-desc{margin-bottom:25px;font-size:14px}.label-mini{letter-spacing:2px;margin-bottom:20px;font-size:10px}.hero-year-bg{font-size:100px}.blockbuster-quote h2{font-size:28px}.since-badge .since-year{font-size:60px}.about-text-content p{font-size:14px}.section-title{font-size:30px}.svc-card h3{font-size:22px}.svc-card p{-webkit-line-clamp:2;font-size:13px}.svc-card .svc-icon{width:36px;height:36px;padding:7px}.port-card{width:200px;min-width:200px;height:280px}.port-card h3{font-size:24px}.marquee-inner span{font-size:22px}.showreel-title{font-size:30px}.rotating-svg{width:120px;height:120px}.play-center{width:50px;height:50px}.play-center svg{width:18px;height:18px}.f-call{letter-spacing:-1px;font-size:36px}.f-col{width:100%;margin-bottom:25px}.f-col h4{margin-bottom:15px;font-size:16px}.f-links{flex-direction:column}}