/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-md:28rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-background:var(--background);--color-foreground:var(--foreground);--color-border:var(--border)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:var(--color-border)}body{background-color:var(--color-background);color:var(--color-foreground)}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}}@layer components;@layer utilities{.visible{visibility:visible}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.flex{display:flex}.inline-flex{display:inline-flex}.min-h-screen{min-height:100vh}.max-w-md{max-width:var(--container-md)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing) * 2)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-input{border-color:var(--input)}.bg-background{background-color:var(--background)}.bg-primary{background-color:var(--primary)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pb-\[clamp\(90px\,13vw\,190px\)\]{padding-bottom:clamp(90px,13vw,190px)}.text-center{text-align:center}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-primary-foreground{color:var(--primary-foreground)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab, var(--primary) 90%, transparent)}}}}:root{--radius:.625rem;--background:oklch(14.5% 0 0);--foreground:oklch(96.5% .004 106);--card:oklch(19% 0 0);--card-foreground:oklch(96.5% .004 106);--popover:oklch(19% 0 0);--popover-foreground:oklch(96.5% .004 106);--primary:oklch(96.5% .004 106);--primary-foreground:oklch(14.5% 0 0);--secondary:oklch(24% 0 0);--secondary-foreground:oklch(96.5% .004 106);--muted:oklch(24% 0 0);--muted-foreground:oklch(63% .003 106);--accent:oklch(28% 0 0);--accent-foreground:oklch(96.5% .004 106);--destructive:oklch(57.7% .245 27.325);--destructive-foreground:oklch(98.4% .003 247.858);--border:oklch(28% 0 0);--input:oklch(28% 0 0);--ring:oklch(60% 0 0);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(19% 0 0);--sidebar-foreground:oklch(96.5% .004 106);--sidebar-primary:oklch(96.5% .004 106);--sidebar-primary-foreground:oklch(14.5% 0 0);--sidebar-accent:oklch(28% 0 0);--sidebar-accent-foreground:oklch(96.5% .004 106);--sidebar-border:oklch(28% 0 0);--sidebar-ring:oklch(60% 0 0);--pad:clamp(20px, 4vw, 64px)}.dark{--background:oklch(12.9% .042 264.695);--foreground:oklch(98.4% .003 247.858);--card:oklch(20.8% .042 265.755);--card-foreground:oklch(98.4% .003 247.858);--popover:oklch(20.8% .042 265.755);--popover-foreground:oklch(98.4% .003 247.858);--primary:oklch(92.9% .013 255.508);--primary-foreground:oklch(20.8% .042 265.755);--secondary:oklch(27.9% .041 260.031);--secondary-foreground:oklch(98.4% .003 247.858);--muted:oklch(27.9% .041 260.031);--muted-foreground:oklch(70.4% .04 256.788);--accent:oklch(27.9% .041 260.031);--accent-foreground:oklch(98.4% .003 247.858);--destructive:oklch(70.4% .191 22.216);--destructive-foreground:oklch(98.4% .003 247.858);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.1% .027 264.364);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(20.8% .042 265.755);--sidebar-foreground:oklch(98.4% .003 247.858);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.4% .003 247.858);--sidebar-accent:oklch(27.9% .041 260.031);--sidebar-accent-foreground:oklch(98.4% .003 247.858);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.1% .027 264.364)}.px-pad{padding-left:var(--pad);padding-right:var(--pad)}.section-pad{padding-top:clamp(90px,13vw,190px);padding-bottom:clamp(90px,13vw,190px)}.showreel-section{padding-top:clamp(30px,5vw,64px);padding-bottom:clamp(90px,13vw,190px)}.showreel-section .section-head{margin-bottom:clamp(24px,3.5vw,40px)}.nav-bar{z-index:20;width:100%;padding:22px var(--pad);mix-blend-mode:difference;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0}.nav-bar .brand{pointer-events:auto}.brand{letter-spacing:.12em;flex-direction:column;font-weight:700;line-height:1.1;display:flex}.brand-main{color:#fff;font-size:13px}.brand-sub{color:#ffffff8c;letter-spacing:.2em;font-size:10px;font-weight:400}.nav-link{letter-spacing:.15em;text-transform:uppercase;font-size:11px}.menu-btn{z-index:70;top:22px;right:var(--pad);cursor:pointer;isolation:isolate;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:flex-end;gap:5px;width:32px;height:32px;padding:0;display:flex;position:fixed}.menu-btn span{background:#fff;border-radius:2px;width:24px;height:1.5px;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .25s;display:block}.menu-btn.open span:first-child{transform:translateY(6.5px)rotate(45deg)}.menu-btn.open span:nth-child(2){opacity:0}.menu-btn.open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.menu-overlay{z-index:55;background:var(--background);opacity:0;pointer-events:none;place-items:center;transition:opacity .45s;display:grid;position:fixed;inset:0}.menu-overlay.open{opacity:1;pointer-events:auto}.menu-panel{width:100%;max-width:720px;padding:var(--pad)}.menu-list{flex-direction:column;gap:clamp(10px,2vh,18px);margin:0;padding:0;list-style:none;display:flex}.menu-list li{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--i,0) * 60ms);transform:translateY(30px)}.menu-overlay.open .menu-list li{opacity:1;transform:none}.menu-list a{letter-spacing:-.04em;color:oklch(100% 0 0/.88);align-items:baseline;gap:18px;font-size:clamp(40px,9vw,84px);font-weight:500;line-height:1;transition:color .3s;display:flex}.menu-list a:hover{color:oklch(100% 0 0)}.menu-no{letter-spacing:.12em;color:var(--muted-foreground);font-size:13px;font-weight:400}.hero{min-height:100svh;padding:clamp(100px, 14vh, 140px) var(--pad) clamp(100px, 14vh, 140px);flex-direction:column;justify-content:center;align-items:flex-start;display:flex;position:relative;overflow:hidden}.hero-keywords{top:clamp(85px,12vh,120px);left:var(--pad);z-index:3;align-items:stretch;gap:14px;display:flex;position:absolute}.keywords-line{background:#fff6;flex-shrink:0;width:1px}.keywords-list{letter-spacing:.22em;text-transform:uppercase;color:#ffffffa6;flex-direction:column;gap:3px;font-size:clamp(9px,.85vw,11px);font-weight:500;line-height:1.4;display:flex}.hero-copy{z-index:3;text-align:left;flex-direction:column;align-items:flex-start;gap:clamp(12px,1.8vw,20px);width:100%;max-width:1200px;display:flex;position:relative}@media (width>=641px){.hero-copy{margin-top:25px}}.hero-bg{background:radial-gradient(circle at 70% 35%,oklch(35% 0 0) 0,#0000 28%),linear-gradient(120deg,oklch(19% 0 0),oklch(12% 0 0) 60%,oklch(22% 0 0));animation:12s ease-in-out infinite alternate heroDrift;position:absolute;inset:0;transform:scale(1.08)}.hero-bg:after{content:"";background:linear-gradient(#00000073 0%,#00000040 45%,#000000d9 100%);position:absolute;inset:0}.hero-bg.hero-video{background:oklch(8% 0 0);animation:none}.hero-video iframe{pointer-events:none;border:0;width:max(100vw,177.78svh);height:max(56.25vw,100svh);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes heroDrift{0%{transform:scale(1.08)translate(-1%)}to{transform:scale(1.14)translate(1%,1%)}}.eyebrow,.hero-eyebrow{letter-spacing:.24em;text-transform:uppercase;color:#ffffffb3;text-align:left;margin:0;font-size:clamp(10px,1.1vw,12px);font-weight:600;display:block}.hero h1,.hero-title{letter-spacing:-.04em;color:#fff;text-align:left;flex-direction:column;align-self:flex-start;width:100%;margin:0 0 -12px -.05em;font-size:clamp(48px,10vw,160px);font-weight:800;line-height:.88;display:flex}.hero-title>span{text-align:left;display:block}.rl{text-align:left;width:100%;display:block}.rl>span{text-align:left;display:block}.text-stroke,.hero-title-outline{-webkit-text-stroke:clamp(1px, .15vw, 2px) #ffffffe6;color:#0000!important}.hero-sub{color:#ffffffd9;text-align:left;align-self:flex-start;max-width:380px;margin:24px 0 0;font-size:clamp(14px,1.4vw,18px);font-weight:300;line-height:1.45}.hero-cta-btn{-webkit-backdrop-filter:blur(8px);color:#fff;letter-spacing:.16em;text-transform:uppercase;background:#0000004d;border:1px solid #ffffff59;border-radius:9999px;align-self:flex-start;align-items:center;gap:12px;margin:0;padding:12px 28px;font-size:11px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.hero-cta-btn:hover{color:#000;background:#fff;border-color:#fff}.hero-cta-btn .arrow{transition:transform .3s}.hero-cta-btn:hover .arrow{transform:translate(4px)}.hero-scroll-right{right:var(--pad);letter-spacing:.2em;text-transform:uppercase;color:#fff9;text-align:right;z-index:3;flex-direction:column;align-items:flex-end;gap:3px;font-size:clamp(9px,.85vw,11px);display:flex;position:absolute;bottom:clamp(90px,15vh,130px)}.scroll-line{background:#fff6;width:1px;height:40px;margin-bottom:8px}.hero-bottom-grid{bottom:24px;left:var(--pad);right:var(--pad);z-index:3;align-items:center;gap:clamp(20px,4vw,50px);display:flex;position:absolute}.hero-bottom-col{letter-spacing:.18em;text-transform:uppercase;color:#ffffffa6;flex-direction:column;gap:3px;font-size:clamp(9px,.85vw,11px);font-weight:500;display:flex}.grid-divider{background:#ffffff59;flex-shrink:0;width:1px;height:28px}@media (width<=640px){.hero-keywords,.hero-scroll-right{display:none}.hero{text-align:left;padding:80px var(--pad) 60px;align-items:flex-start}.hero-copy{text-align:left;align-items:flex-start;gap:16px}.hero-eyebrow,.hero-sub{text-align:left!important;align-self:flex-start!important;margin-left:8px!important}.hero-title{text-align:left!important;align-self:flex-start!important;margin-left:0!important}.hero-sub{margin-top:20px!important}.hero-bottom-grid{gap:10px}}.section-head{justify-content:space-between;align-items:end;gap:30px;margin-bottom:55px;display:flex}.kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--muted-foreground);font-size:10px}.section-title{letter-spacing:-.06em;margin:0;font-size:clamp(45px,8vw,120px);line-height:.85}.reveal{opacity:0;transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1);transform:translateY(45px)}.reveal.visible{opacity:1;transform:none}.showreel{aspect-ratio:4/3;opacity:.92;background:oklch(0% 0 0);border-radius:clamp(12px,1.5vw,24px);width:100%;transition:transform 1.1s cubic-bezier(.16,1,.3,1),opacity 1.1s;position:relative;overflow:hidden;transform:translateY(30px)scale(.98)}.showreel.in-view{opacity:1;transform:none}.showreel-inner{background:oklch(0% 0 0)}.media-placeholder{color:var(--muted-foreground);letter-spacing:.18em;text-transform:uppercase;text-align:center;background:linear-gradient(135deg,oklch(100% 0 0/.05),#0000 45%),linear-gradient(115deg,oklch(22% 0 0),oklch(11% 0 0));justify-content:center;align-items:center;padding:0 12px;font-size:11px;display:flex;position:absolute;inset:0}.video-label{letter-spacing:.16em;text-transform:uppercase;z-index:2;font-size:10px;position:absolute;bottom:20px;left:22px}.service-project{border-top:1px solid var(--border);grid-template-columns:1fr 1.15fr;align-items:center;gap:clamp(24px,4vw,56px);padding:clamp(40px,5vw,80px) 0;display:grid;position:relative}.service-project:last-of-type{border-bottom:1px solid var(--border)}.service-project-no{letter-spacing:.2em;color:var(--muted-foreground);font-size:10px;position:absolute;top:clamp(40px,5vw,80px);left:0}.service-project-text{padding-left:56px;position:relative}.service-project-text h3{letter-spacing:-.04em;margin:0 0 18px;font-size:clamp(36px,5vw,72px);font-weight:500;line-height:.95}.service-project-text p{color:var(--muted-foreground);max-width:460px;margin:0 0 22px;font-size:15px;line-height:1.55}.service-project-link{color:var(--foreground);align-items:center;gap:10px;padding-bottom:6px;font-size:14px;text-decoration:none;display:inline-flex;position:relative}.service-project-link .arrow{transition:transform .45s cubic-bezier(.2,.8,.2,1)}.service-project-link:after{content:"";transform-origin:0;background:currentColor;width:100%;height:1px;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.service-project-link:hover:after{transform:scaleX(1)}.service-project-link:hover .arrow{transform:translate(6px)}.service-project-video{aspect-ratio:4/3;background:oklch(0% 0 0);border-radius:12px;width:100%;position:relative;overflow:hidden}.service-project.is-vertical .service-project-video,.service-project-video.is-vertical{aspect-ratio:9/16;justify-self:end;max-width:320px;margin-left:auto}.service-project-video iframe{width:calc(100% * var(--zw,1));height:calc(100% * var(--zh,1));border:0;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.service-project.is-vertical .service-project-video iframe,.service-project-video.is-vertical iframe{width:100%;min-width:100%;height:100%;top:0;left:0;transform:none}.about{grid-template-columns:1.2fr .8fr;align-items:end;gap:8vw;display:grid}.about-title{letter-spacing:-.06em;margin:0;font-size:clamp(48px,7vw,108px);line-height:.9}.about-copy{color:var(--muted-foreground);max-width:520px;font-size:17px;line-height:1.6}.contact{flex-direction:column;justify-content:center;min-height:85svh;display:flex;position:relative;overflow:hidden}.contact h2{letter-spacing:-.07em;max-width:1100px;margin:20px 0 55px;font-size:clamp(60px,11vw,170px);line-height:.82}.contact-btn{border:1px solid var(--border);letter-spacing:.16em;text-transform:uppercase;border-radius:100px;align-items:center;gap:18px;width:max-content;padding:17px 24px;font-size:11px;transition:background .35s,color .35s,transform .35s;display:inline-flex}.contact-btn:hover{background:var(--foreground);color:var(--background);transform:translate(6px)}.site-footer{border-top:1px solid var(--border);padding-top:clamp(70px,10vw,130px);padding-bottom:clamp(30px,4vw,55px);overflow:hidden}.footer-brand-area{margin-bottom:clamp(50px,8vw,100px)}.footer-logo{letter-spacing:-.05em;color:var(--foreground);margin-bottom:clamp(18px,3vw,32px);font-size:clamp(32px,5vw,64px);font-weight:700;line-height:1;display:block}.footer-credits{color:var(--muted-foreground);flex-direction:column;gap:8px;font-size:clamp(13px,1.2vw,16px);line-height:1.5;display:flex}.footer-middle{grid-template-columns:1fr auto 1fr;align-items:start;gap:clamp(24px,5vw,70px);margin-bottom:clamp(60px,10vw,120px);display:grid}.footer-nav{flex-direction:column;gap:clamp(10px,1.5vw,16px);display:flex}.footer-nav a{letter-spacing:-.03em;color:var(--foreground);font-size:clamp(26px,3.6vw,48px);font-weight:500;line-height:1.05;text-decoration:none;transition:opacity .3s}.footer-nav a:hover{opacity:.55}.footer-socials{flex-direction:column;justify-self:center;gap:14px;display:flex}.footer-socials a{border:1px solid var(--border);width:44px;height:44px;color:var(--foreground);border-radius:50%;place-items:center;transition:background .35s,color .35s,border-color .35s;display:grid}.footer-socials a:hover{background:var(--foreground);color:var(--background);border-color:var(--foreground)}.footer-socials svg{width:18px;height:18px}.footer-bottom{border-top:1px solid var(--border);justify-content:center;padding-top:clamp(24px,4vw,45px);display:flex}.footer-url{color:var(--muted-foreground);align-items:center;gap:8px;font-size:13px;text-decoration:none;transition:opacity .3s;display:inline-flex}.footer-url:hover{opacity:.7}@media (width<=700px){html,body{max-width:100vw;overflow-x:hidden}:root{--pad:20px}.nav-bar{padding:18px 20px}.nav-link{letter-spacing:.08em;white-space:nowrap}.hero{padding-bottom:clamp(30px,8vw,50px);padding-left:20px;padding-right:20px}.hero-sub{margin-top:22px;font-size:clamp(15px,4.4vw,18px)}.brand-cell{width:clamp(120px,32vw,180px);min-height:56px}.brand-cell.has-image{padding:8px 12px}.brand-mark{letter-spacing:.18em;font-size:9px}.hero h1{letter-spacing:-.05em;font-size:clamp(56px,21vw,96px);line-height:.85}.scroll-hint{padding:9px 18px;font-size:10px;inset:clamp(90px,16vh,170px) auto auto 50%}.section-head{display:block}.section-head .kicker{margin-bottom:25px}.section-title{font-size:clamp(38px,12vw,64px)}.about{grid-template-columns:1fr;gap:45px}.about-title{font-size:clamp(34px,10vw,56px)}.about-copy{font-size:16px}.service-project{grid-template-columns:1fr;gap:22px;padding:32px 0 38px}.service-project-no{margin-bottom:10px;position:static}.service-project-text{order:1;padding-left:0}.service-project-text h3{margin-bottom:14px;font-size:clamp(32px,11vw,52px)}.service-project-text p{margin-bottom:18px;font-size:15px}.service-project-link{margin-bottom:8px}.service-project-video{order:2}.contact h2{font-size:clamp(46px,15vw,84px)}.site-footer{flex-direction:column;gap:8px;line-height:1.8;display:flex}}.rl{display:block;overflow:hidden}.rl>span{transition:transform 1.05s cubic-bezier(.16,1,.3,1);transition-delay:var(--d,0s);display:block;transform:translateY(110%)}.reveal.visible .rl>span,.rl.visible>span{transform:none}.hero-wrap{height:100svh;position:relative}.hero-wrap .hero{height:100svh;position:sticky;top:0}.hero-copy .eyebrow{color:oklch(100% 0 0/.7)}.showreel{cursor:pointer;border-radius:clamp(12px,1.5vw,24px)}.showreel:after{content:"";z-index:1;border-radius:inherit;background:oklch(0% 0 0/.28);transition:background .5s;position:absolute;inset:0}.showreel:hover:after{background:oklch(0% 0 0/.4)}.showreel-cta{z-index:3;font:inherit;color:oklch(100% 0 0);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;margin:0;padding:0;text-decoration:none;transition:transform .6s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;inset:0}.cta-note{letter-spacing:.06em;text-transform:uppercase;opacity:.9;font-size:11px}.cta-word{letter-spacing:-.03em;mix-blend-mode:difference;font-size:clamp(46px,8.4vw,130px);font-weight:400;line-height:.95}.showreel-cta:hover{transform:scale(1.04)}.showreel-poster{text-decoration:none;display:block}.showreel-poster-bg,.showreel-inner{transition:transform 1.2s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.showreel-inner iframe{pointer-events:none;border:0;width:133.33%;min-width:133.33%;height:100%;display:block;position:absolute;top:0;left:50%;transform:translate(-50%)}.showreel:hover .showreel-poster-bg,.showreel:hover .showreel-inner{transform:scale(1.05)}.showreel-play{z-index:3;color:oklch(12% 0 0);background:oklch(100% 0 0/.92);border-radius:50%;place-items:center;width:clamp(56px,8vw,86px);height:clamp(56px,8vw,86px);padding-left:4px;font-size:clamp(18px,2.4vw,28px);transition:transform .5s cubic-bezier(.16,1,.3,1),background .3s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.showreel:hover .showreel-play{background:oklch(100% 0 0);transform:translate(-50%,-50%)scale(1.12)}.project-media.follow{width:min(30vw,380px);transform:translate(var(--mx,0px), var(--my,0px)) scale(.9);background:oklch(10% 0 0);border-radius:10px;transition:opacity .45s,scale .6s cubic-bezier(.2,.8,.2,1);top:0;left:0;right:auto}.project-media.follow iframe{border-radius:inherit;pointer-events:none;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.project:hover .project-media.follow{opacity:1;scale:1.11}.svc-link{color:var(--foreground);align-items:center;gap:10px;margin-top:18px;padding-bottom:6px;font-size:14px;display:inline-flex;position:relative}.svc-link .arrow{transition:transform .45s cubic-bezier(.2,.8,.2,1)}.svc-link:after{content:"";transform-origin:0;background:currentColor;width:100%;height:1px;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}.svc-link:hover:after{transform:scaleX(1)}.svc-link:hover .arrow{transform:translate(6px)}.sticky-kicker{align-self:start;position:sticky;top:90px}.wordmark{width:100%;padding:0 var(--pad) 8px;letter-spacing:-.06em;color:oklch(88% .004 106);white-space:nowrap;font-size:11.3vw;font-weight:700;line-height:1.05;display:block;overflow:hidden}.to-top{border:1px solid var(--border);letter-spacing:.12em;text-transform:uppercase;text-align:center;width:clamp(80px,9vw,110px);height:clamp(80px,9vw,110px);color:var(--foreground);border-radius:100px;flex-direction:column;justify-content:center;justify-self:end;align-items:center;font-size:clamp(10px,1vw,12px);line-height:1.4;text-decoration:none;transition:background .4s,color .4s;display:inline-flex}.to-top:hover{background:var(--foreground);color:var(--background)}.progress{background:var(--foreground);transform-origin:0;z-index:50;will-change:transform;width:100%;height:2px;position:fixed;top:0;left:0;transform:scaleX(0)}@media (width<=700px){.cta-word{font-size:13vw}.cta-note{font-size:9px}.project-media.follow{display:none}.wordmark{white-space:normal;text-align:center;font-size:24vw}}.brand-marquee{z-index:5;background:oklch(10% 0 0);border-top:1px solid oklch(100% 0 0/.1);border-bottom:1px solid oklch(100% 0 0/.1);position:relative;overflow:hidden}.brand-track{width:max-content;animation:26s linear infinite brand-scroll;display:flex}.brand-marquee:hover .brand-track{animation-play-state:paused}@keyframes brand-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.brand-cell{background:0 0;border-right:1px solid oklch(100% 0 0/.1);flex:none;place-items:center;width:clamp(160px,24vw,240px);min-height:clamp(64px,10vw,92px);transition:background .4s;display:grid;position:relative}.brand-cell:hover{background:oklch(100% 0 0/.04)}.brand-cell:after{content:"";background:radial-gradient(circle at 50% 120%, var(--brand), transparent 70%);opacity:.22;transition:opacity .4s;position:absolute;inset:0}.brand-cell:hover:after{opacity:.5}.brand-mark{z-index:1;letter-spacing:.14em;color:oklch(100% 0 0/.88);text-transform:uppercase;font-size:clamp(.7rem,1.6vw,.85rem);font-weight:800;position:relative}.brand-cell.has-image{background:oklch(11% 0 0);padding:12px 24px}.brand-cell.has-image:hover{background:oklch(15% 0 0)}.brand-cell.has-image:after{content:"";background:radial-gradient(circle at 50% 120%, var(--brand), transparent 70%);opacity:.22;transition:opacity .4s;position:absolute;inset:0}.brand-cell.has-image:hover:after{opacity:.55}.brand-mark-img{z-index:1;object-fit:contain;filter:drop-shadow(0 2px 10px #00000073);width:auto;max-width:clamp(120px,18vw,170px);height:auto;max-height:clamp(34px,5.5vw,50px);transition:transform .35s;position:relative}.brand-mark-img.is-large-logo{max-width:clamp(140px,22vw,200px);max-height:clamp(44px,6.5vw,58px);transform:scale(1.22)}.brand-cell:hover .brand-mark-img{transform:scale(1.08)}.brand-cell:hover .brand-mark-img.is-large-logo{transform:scale(1.3)}.service-project{--stagger:0s}.service-project.reveal{opacity:1;transform:none}.service-project .service-project-no,.service-project .service-project-text p,.service-project .service-project-link{opacity:0;transition:opacity .9s,transform 1s cubic-bezier(.16,1,.3,1);transform:translateY(24px)}.service-project .service-project-text p{transition-delay:calc(var(--stagger) + .18s)}.service-project .service-project-link{transition-delay:calc(var(--stagger) + .28s)}.service-project .service-project-no{transition-delay:var(--stagger)}.service-project.visible .service-project-no,.service-project.visible .service-project-text p,.service-project.visible .service-project-link{opacity:1;transform:none}.service-project .service-project-video iframe{transform:translate(-50%,-50%)scale(1)}.service-project .service-project-text h3 .rl>span{transition-delay:var(--stagger)}.contact-page{flex-direction:column;min-height:100svh;display:flex}.contact-main{flex:1;width:100%;max-width:1450px;margin:0 auto;padding:70px clamp(24px,5vw,80px) 55px}.contact-top{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;padding-bottom:26px;display:flex}.contact-menu-btn{border:1px solid var(--border);width:58px;height:58px;color:var(--foreground);border-radius:50%;place-items:center;transition:background .35s,color .35s,border-color .35s;display:grid}.contact-menu-btn:hover{background:var(--foreground);color:var(--background);border-color:var(--foreground)}.contact-menu-btn span,.contact-menu-btn span:after{content:"";background:currentColor;width:24px;height:1px;display:block}.contact-menu-btn span:after{transform:translateY(7px)}.contact-title{letter-spacing:-.075em;margin:42px 0 70px;font-size:clamp(72px,12vw,180px);font-weight:400;line-height:.72}.contact-grid{grid-template-columns:.85fr 1.15fr;gap:clamp(45px,9vw,150px);width:100%;display:grid}.contact-block{margin-bottom:8px}.contact-label{color:var(--muted-foreground);letter-spacing:.13em;text-transform:uppercase;margin:0 0 17px;font-size:12px}.contact-value{color:var(--foreground);margin-bottom:40px;font-size:clamp(22px,2.4vw,34px);line-height:1.15;transition:opacity .3s;display:inline-block}.contact-value:hover{opacity:.7}.contact-intro{letter-spacing:-.04em;color:var(--foreground);margin:25px 0 0;font-size:clamp(25px,3.1vw,43px);line-height:1.02}.contact-action-box{flex-direction:column;justify-content:center;display:flex}.whatsapp-action-btn{border:1px solid var(--border);color:var(--foreground);letter-spacing:.16em;cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;padding:24px;font-size:14px;font-weight:500;text-decoration:none;transition:all .35s;display:inline-flex}.whatsapp-action-btn:hover{background:var(--foreground);color:var(--background)}.contact-footer{padding:30px var(--pad);border-top:1px solid var(--border);color:var(--muted-foreground);letter-spacing:.13em;text-transform:uppercase;justify-content:space-between;gap:20px;margin-top:auto;font-size:10px;display:flex}@media (width<=760px){.contact-main{padding:28px 22px 35px}.contact-top{align-items:center}.contact-menu-btn{width:52px;height:52px}.contact-title{margin:45px 0 60px;font-size:20vw}.contact-grid{grid-template-columns:1fr;gap:45px}.contact-intro{font-size:29px}.contact-footer{line-height:2.1;display:block}}@media (width<=700px){.contact-title{font-size:clamp(56px,21vw,96px)}}.contact-section{max-width:1450px;margin:0 auto}.site-footer .wordmark{margin-bottom:clamp(24px,4vw,45px);padding:0}@media (width<=760px){.footer-middle{gap:clamp(14px,4vw,30px)}.footer-nav a{font-size:clamp(22px,6vw,32px)}.to-top{width:clamp(72px,20vw,90px);height:clamp(72px,20vw,90px);font-size:9px}}@media (width<=700px){.wordmark{font-size:19vw}}.work-main{max-width:1450px;margin:0 auto;padding-top:clamp(110px,16vw,190px);padding-bottom:clamp(80px,12vw,150px)}.work-menu{pointer-events:auto;width:58px;height:58px;color:inherit;border:1px solid oklch(100% 0 0/.35);border-radius:50%;place-content:center;gap:6px;margin-left:auto;text-decoration:none;transition:background .3s,border-color .3s;display:grid}.work-menu span{background:currentColor;width:23px;height:1px;display:block}.work-menu:hover{background:oklch(100% 0 0/.1);border-color:oklch(100% 0 0/.65)}.work-title{letter-spacing:-.03em;margin:10px 0 18px;font-size:clamp(44px,11vw,140px);line-height:.92}.work-desc{color:oklch(100% 0 0/.62);max-width:620px;font-size:clamp(15px,1.6vw,19px);line-height:1.55}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,3vw,40px);margin-top:clamp(40px,6vw,80px);display:grid}.work-grid.is-vertical{grid-template-columns:repeat(auto-fill,minmax(260px,340px));justify-content:start}.work-card{transition:opacity .7s cubic-bezier(.22, 1, .36, 1) var(--d,0s), transform .9s cubic-bezier(.22, 1, .36, 1) var(--d,0s);background:oklch(12% 0 0);border-radius:14px;position:relative;overflow:hidden}.work-card.is-vertical{width:100%;max-width:340px}.work-card.reveal{opacity:0;transform:translateY(60px)scale(.97)}.work-card.reveal.visible{opacity:1;transform:none}.work-card-media{aspect-ratio:4/3;width:100%;position:relative;overflow:hidden}.work-card-media.is-vertical{aspect-ratio:9/16}.work-card-media iframe{border:0;width:133.33%;min-width:133.33%;height:100%;transition:transform 1.4s cubic-bezier(.22,1,.36,1);display:block;position:absolute;top:0;left:50%;transform:translate(-50%)scale(1.01)}.work-card-media.is-vertical iframe{width:100%;min-width:100%;height:100%;top:0;left:0;transform:none}.work-card:hover .work-card-media iframe{transform:translate(-50%)scale(1.06)}.work-card.is-vertical:hover .work-card-media.is-vertical iframe{transform:scale(1.04)}.work-card-info{z-index:2;text-shadow:0 2px 18px oklch(0% 0 0/.6);opacity:0;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);position:absolute;bottom:clamp(16px,2vw,26px);left:clamp(16px,2vw,28px);transform:translateY(14px)}.work-card:hover .work-card-info,.work-card.visible .work-card-info{opacity:1;transform:none}.work-card-info h2{letter-spacing:-.01em;margin:0;font-size:clamp(18px,2.2vw,28px)}.work-card-info span{color:oklch(100% 0 0/.6);margin-top:4px;font-size:clamp(12px,1.2vw,14px);display:block}.work-card:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(oklch(0% 0 0/0) 48%,oklch(0% 0 0/.48) 82%,oklch(0% 0 0/.82) 100%);transition:opacity .55s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.work-card:hover:after,.work-card.visible:after{opacity:1}.work-others{border-top:1px solid oklch(100% 0 0/.1);margin-top:clamp(60px,9vw,120px);padding-top:clamp(24px,4vw,40px)}.work-others-list{flex-wrap:wrap;gap:clamp(14px,3vw,40px);margin-top:16px;display:flex}.work-other-link,.work-back{color:oklch(100% 0 0/.85);font-size:clamp(16px,2vw,24px);text-decoration:none;transition:opacity .25s}.work-other-link:hover,.work-back:hover{opacity:.6}.work-back{color:oklch(100% 0 0/.6);margin-top:clamp(40px,6vw,70px);font-size:clamp(14px,1.5vw,17px);display:inline-block}@media (width<=760px){.work-page .nav-bar{align-items:flex-start}.work-page .brand{max-width:165px;font-size:22px;line-height:.8}.work-menu{width:52px;height:52px}.work-main{padding-top:112px;padding-bottom:70px}.work-intro{display:none}.work-grid{grid-template-columns:1fr;gap:56px;margin-top:12px}.work-card{border-radius:8px}.work-grid.is-vertical{grid-template-columns:1fr;justify-items:center}.work-card.is-vertical{width:100%;max-width:320px;margin:0 auto}.work-card-media{aspect-ratio:16/9}.work-card-media.is-vertical{aspect-ratio:9/16}.work-card-media iframe,.work-card-media.is-vertical iframe{width:100%;min-width:100%;top:0;left:0;transform:none}.work-card:hover .work-card-media iframe{transform:translate(-50%)scale(1.04)}.work-card.is-vertical:hover .work-card-media.is-vertical iframe{transform:scale(1.04)}.work-card-info{bottom:34px;left:30px}.work-card-info h2{font-size:clamp(27px,8vw,34px);line-height:1.06}.work-card-info span{margin-top:6px;font-size:18px}.work-card:after{background:linear-gradient(oklch(0% 0 0/0) 46%,oklch(0% 0 0/.55) 80%,oklch(0% 0 0/.88) 100%)}}.video-poster{object-fit:cover;object-position:center center;z-index:2;pointer-events:none;opacity:1;visibility:visible;border:0;width:100%;height:100%;transition:opacity .6s cubic-bezier(.16,1,.3,1),visibility .6s;display:block;position:absolute;inset:0}.video-poster.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.hero-video .video-poster{z-index:2}.showreel-inner .video-poster,.work-card-media .video-poster,.service-project-video .video-poster{pointer-events:none}.service-project.is-vertical .service-project-video .video-poster,.work-card-media.is-vertical .video-poster{object-position:center 25%}@media (prefers-reduced-motion:reduce){.hero-bg,.brand-track{animation:none!important}.rl>span,.reveal,.service-project .service-project-video,.service-project .service-project-video iframe,.work-card-media iframe,.showreel-inner,.showreel-poster-bg,.video-poster{clip-path:none!important;opacity:1!important;transition:none!important;transform:none!important}.progress{transition:none!important}*{scroll-behavior:auto!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
