.works-timeline{--timeline-accent: var(--yellow, #f3d06a);position:relative;width:100%;min-width:0;color:var(--ink, #f4f0e8)}.works-timeline-track{display:flex;width:100%;min-width:0;max-width:100%;gap:clamp(18px,3vw,38px);overflow-x:auto;padding:12px 2px 20px;scroll-snap-type:x mandatory;scroll-snap-stop:always;scroll-behavior:smooth;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--ink, #f4f0e8) 38%,transparent) transparent;overscroll-behavior-inline:contain;cursor:grab;-webkit-tap-highlight-color:transparent}.works-timeline-track:active{cursor:grabbing}.works-timeline-track:focus-visible{outline:2px solid var(--timeline-accent);outline-offset:-2px}.works-timeline-track::-webkit-scrollbar{height:5px}.works-timeline-track::-webkit-scrollbar-track{background:transparent}.works-timeline-track::-webkit-scrollbar-thumb{border-radius:99px;background:color-mix(in srgb,var(--ink, #f4f0e8) 34%,transparent)}.works-timeline-item{position:relative;flex:0 0 clamp(230px,34vw,390px);min-width:0;scroll-snap-align:start}.works-timeline-marker{position:relative;display:flex;align-items:center;gap:12px;min-height:30px;margin-bottom:14px;color:color-mix(in srgb,var(--ink, #f4f0e8) 72%,transparent);font:11px/1 DM Sans,sans-serif;font-variant-numeric:tabular-nums}.works-timeline-marker:after{position:absolute;z-index:0;top:50%;right:- clamp(18px,3vw,38px);left:42px;height:1px;background:color-mix(in srgb,var(--ink, #f4f0e8) 22%,transparent);content:""}.works-timeline-item:last-child .works-timeline-marker:after{display:none}.works-timeline-marker span,.works-timeline-marker i{position:relative;z-index:1}.works-timeline-marker i{width:8px;height:8px;border:2px solid var(--timeline-accent);border-radius:50%;background:var(--paper, #171715)}.works-timeline-card{display:block;width:100%;padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--ink, #f4f0e8) 18%,transparent);border-radius:12px;color:inherit;background:color-mix(in srgb,var(--surface, #252521) 72%,transparent);text-align:start;cursor:pointer;transition:none}.works-timeline-media{position:relative;display:grid;aspect-ratio:16 / 10;place-items:center;overflow:hidden;background:#101010}.works-timeline-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.works-timeline-fallback{display:grid;width:100%;height:100%;place-items:center;padding:20px;color:color-mix(in srgb,var(--ink, #f4f0e8) 75%,transparent);background:radial-gradient(ellipse at 50% 30%,#34342f,#101010 76%);text-align:center}.works-timeline-action{position:absolute;right:12px;bottom:12px;padding:7px 10px;border:1px solid #ffffff52;border-radius:999px;color:#fff;background:#111b;font-size:11px;opacity:1}.works-timeline-caption{display:block;padding:13px 15px;font-size:14px;font-weight:600}.works-timeline-progress{height:1px;overflow:hidden;background:color-mix(in srgb,var(--ink, #f4f0e8) 18%,transparent)}.works-timeline-progress span{display:block;width:100%;height:100%;background:var(--timeline-accent);transform-origin:left center;transition:transform .25s ease}.works-timeline-count{display:block;color:color-mix(in srgb,var(--ink, #f4f0e8) 58%,transparent);font-size:11px;text-align:end;font-variant-numeric:tabular-nums}.works-timeline-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px}.works-timeline-hint{color:color-mix(in srgb,var(--ink, #f4f0e8) 58%,transparent);font-size:11px}@media(max-width:640px){.works-timeline-track{gap:8px;padding:2px 1px 8px}.works-timeline-item{flex-basis:min(54vw,220px)}.works-timeline-marker{min-height:18px;margin-bottom:5px;font-size:9px}.works-timeline-media{aspect-ratio:16 / 10}.works-timeline-caption{padding:7px 9px;font-size:11px}.works-timeline-meta{margin-top:4px}.works-timeline-hint,.works-timeline-count{font-size:8px}.works-timeline-hint:after{content:"  ←"}}@media(prefers-reduced-motion:reduce){.works-timeline-progress span{transition:none}}/*! 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-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--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;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@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-sm:24rem;--container-md:28rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-medium:500;--font-weight-bold:700;--tracking-tighter:-.05em;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-2xl:1rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--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)}}@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%;-moz-tab-size:4;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;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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-32{height:calc(var(--spacing) * 32)}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-11{width:calc(var(--spacing) * 11)}.w-\[40\%\]{width:40%}.w-full{width:100%}.max-w-sm{max-width:var(--container-sm)}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-background{border-color:var(--background)}.border-transparent{border-color:#0000}.bg-background{background-color:var(--background)}.bg-card{background-color:var(--card)}.object-cover{object-fit:cover}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.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)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.text-card-foreground{color:var(--card-foreground)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.overline{text-decoration-line:overline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media(hover:hover){.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:var(--spacing);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:translate-x-\[var\(--tx\)\]:is(:where(.group):hover *){--tw-translate-x:var(--tx);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:rotate-\[var\(--r\)\]:is(:where(.group):hover *){rotate:var(--r)}}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}@media(hover:hover){.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--background)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-\[var\(--switch-accent\)\][data-state=checked]{background-color:var(--switch-accent)}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}@media(min-width:64rem){.lg\:max-w-md{max-width:var(--container-md)}}}:root{color:#111;font-synthesis:none;text-rendering:optimizelegibility;--site-paper-light:#f4f0e8;--site-ink-light:#111;--site-paper-dark:#171715;--site-ink-dark:#f4f0e8;--paper:var(--site-paper-light);--ink:var(--site-ink-light);--yellow:#ffe600;--red:#e63946;--archive-blue:#829aaa;--line:#1111113d;--header-bg:#f4f0e8f0;--surface:#e8e3d9;--hero-wash:#f4f0e89e;--display:"Space Grotesk", sans-serif;--mono:"DM Mono", monospace;--script:"Caveat", cursive;--page-gutter:50px;--background:var(--paper);--foreground:var(--ink);--card:var(--surface);--card-foreground:var(--ink);--border:var(--ink);background:#f4f0e8;font-family:DM Sans,sans-serif}@supports (color:color-mix(in lab,red,red)){:root{--border:color-mix(in srgb, var(--ink) 18%, transparent)}}:root{--muted-foreground:var(--ink)}@supports (color:color-mix(in lab,red,red)){:root{--muted-foreground:color-mix(in srgb, var(--ink) 62%, transparent)}}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--paper);min-width:320px;margin:0}body.modal-open{overflow:hidden}button,a{color:inherit;font:inherit}a{text-decoration:none}button{cursor:pointer}::selection{background:var(--yellow);color:var(--ink)}.section-wrap{width:min(1240px,100% - 100px);margin-inline:auto}.section-pad{padding-block:116px}.paper-texture{z-index:20;pointer-events:none;opacity:.14;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E");position:fixed;top:0;right:0;bottom:0;left:0}.site-header{z-index:30;background:var(--header-bg);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);direction:ltr;justify-content:space-between;align-items:center;height:82px;padding:0 max(50px,50vw - 620px);display:flex;position:sticky;top:0}.header-tools{direction:ltr;align-items:center;gap:10px;display:flex}.preference-capsule{color:#211f1b;background:#f4f0e8;border:1px solid #4b4439;border-radius:2px;align-items:center;gap:5px;padding:4px 5px;display:flex;transform:rotate(-1deg);box-shadow:3px 4px #1112,inset 0 1px #fff}.preference-toggle{color:#39342d;min-width:36px;height:31px;font:600 9px var(--mono);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:5px;padding:0 8px;transition:color .18s,background .18s,border-color .18s,transform .18s;display:inline-flex}.preference-toggle:hover{background:#fff9ed;border-color:#b6a98f;transform:translateY(-1px)}.theme-toggle{min-width:34px}.language-toggle{min-width:42px}.language-toggle[lang=ar]{font-family:Alexandria,sans-serif;font-size:9px}.capsule-divider{background:#8e8371;width:1px;height:23px}.brand,.footer-brand{align-items:center;gap:10px;display:flex}.brand-mark{border:1.5px solid var(--ink);width:38px;height:38px;font:700 17px var(--display);letter-spacing:-2px;place-items:center;display:grid;position:relative}.brand-mark>span{font:8px var(--mono);letter-spacing:0;position:absolute;top:2px;right:3px}.brand-name,.footer-brand>span:last-child{font:700 10px/1.05 var(--display);letter-spacing:.06em}.nav-links{align-items:center;gap:37px;height:100%;display:flex}html[dir=rtl] .nav-links{direction:rtl}.nav-links>a{font:600 10px var(--mono);letter-spacing:.07em;text-transform:uppercase;position:relative}.nav-index{display:none}.nav-links>a:not(.nav-availability):after{content:"";background:var(--red);width:0;height:2px;transition:width .2s;position:absolute;bottom:-8px;left:0}.nav-links>a:hover:after,.nav-links>.nav-active:after{width:100%}.nav-links .nav-availability{border:1px solid var(--ink);align-items:center;gap:7px;padding:11px 13px;font-size:9px;display:flex}.menu-toggle{background:0 0;border:0;display:none}.hero{isolation:isolate;flex-direction:column;min-height:706px;padding-top:24px;padding-bottom:22px;display:flex;position:relative}.hero-background-video{z-index:-2;width:calc(100% + 2 * var(--page-gutter));object-fit:cover;opacity:.48;filter:saturate(.72);pointer-events:none;max-width:none;height:100%;position:absolute;inset:0 auto 0 50%;transform:translate(-50%)}.hero:before{content:"";z-index:-1;width:calc(100% + 2 * var(--page-gutter));background:var(--hero-wash);pointer-events:none;position:absolute;inset:0 auto 0 50%;transform:translate(-50%)}.hero-meta,.hero-bottom,.section-kicker{font:9px var(--mono);letter-spacing:.06em;justify-content:space-between;display:flex}.hero-meta{z-index:1;color:#555;position:relative}.hero-layout{z-index:1;flex:1;grid-template-columns:1.1fr .9fr;align-items:center;padding:25px 0 30px;display:grid;position:relative}.hero-copy{z-index:2;padding-bottom:17px}.eyebrow,.about-overline{font:10px var(--mono);letter-spacing:.08em}.hero h1{font:700 clamp(62px,7.7vw,105px)/.85 var(--display);letter-spacing:-.09em;margin:27px 0 24px}.headline-last{white-space:nowrap}.hero h1 i,.about h2 i,.process-title h2 i,.cta h2 i{letter-spacing:-.11em;font-family:Georgia,serif;font-weight:400}.hero h1 i{font-size:.79em}.hero-intro{color:#444;max-width:345px;margin:0;font-size:14px;line-height:1.65}.hero-intro em{font-family:Georgia,serif;font-size:17px}.hero-actions{align-items:center;gap:27px;margin-top:29px;display:flex}.button{min-height:47px;font:600 10px var(--mono);letter-spacing:.04em;align-items:center;gap:24px;padding:0 18px;transition:transform .2s,box-shadow .2s;display:inline-flex}.button:hover{box-shadow:4px 4px var(--ink);transform:translate(-3px,-3px)}.button-yellow{background:var(--yellow)}.button-paper{border:1px solid var(--ink);background:var(--paper)}.text-link{font:600 9px var(--mono);border-bottom:1px solid var(--ink);align-items:center;gap:7px;padding-bottom:5px;display:inline-flex}.hero-art{isolation:isolate;justify-self:end;width:min(100%,490px);height:470px;position:relative}.hero-art:before{content:"";z-index:-1;clip-path:polygon(2% 0,98% 2%,100% 97%,5% 100%,0 35%);background:#e5ded1;position:absolute;top:25px;right:1px;bottom:20px;left:22px;transform:rotate(2.2deg);box-shadow:7px 8px #25221c22}.hero-paper-shadow{z-index:-1;clip-path:polygon(2% 0,98% 2%,100% 97%,5% 100%,0 35%);background:#ded9d0;position:absolute;top:15px;right:26px;bottom:17px;left:25px;transform:rotate(4deg)}.hero-photo{z-index:0;clip-path:polygon(0 0,100% 2%,98% 100%,3% 98%,1% 62%);background:#f4f0e8;padding:7px;position:absolute;top:0;right:15%;bottom:12px;left:15%;overflow:hidden;transform:rotate(-2.5deg);box-shadow:7px 8px #17161233}.hero-photo img{object-fit:cover;object-position:center;filter:saturate(.9)contrast(1.04);width:100%;height:100%}.hero-portrait{z-index:2;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 10px #1113)drop-shadow(3px 2px #e6394680);pointer-events:none;width:min(92%,410px);height:112%;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.photo-caption{background:var(--paper);font:9px/1.4 var(--mono);letter-spacing:.05em;padding:8px 10px;position:absolute;bottom:23px;left:22px;transform:rotate(-2deg)}.hero-yellow-shape{background:var(--yellow);clip-path:polygon(6% 0,100% 5%,90% 100%,0 87%);z-index:-1;width:132px;height:116px;position:absolute;top:46px;right:-4px;transform:rotate(8deg)}.hero-red-shape{background:var(--red);clip-path:polygon(8% 3%,100% 0,91% 90%,0 100%);width:102px;height:90px;position:absolute;bottom:41px;left:-31px;transform:rotate(-11deg)}.project-card:nth-child(3n+2) .case-file-tab{background:#a5b8c0;border-color:#697e87}.project-card:nth-child(3n) .case-file-tab{background:#e8d960;border-color:#a89c42}.project-card:nth-child(3n+2) .project-image{border-color:#829aaa;box-shadow:3px 3px #829aaa}.hero-note{background:var(--yellow);z-index:1;clip-path:polygon(1% 0,100% 4%,97% 100%,0 96%);flex-direction:column;justify-content:center;align-items:center;width:139px;height:113px;display:flex;position:absolute;bottom:82px;right:-25px;transform:rotate(5deg);box-shadow:2px 5px 9px #1112}.hero-note span{font:700 19px/1.03 var(--display);letter-spacing:-.06em;text-align:center}.hero-note small{font:7px var(--mono);margin-top:8px}.tape{opacity:.72;clip-path:polygon(3% 2%,100% 0,96% 100%,0 96%);background:repeating-linear-gradient(135deg,#ded0a1 0,#ded0a1 6px,#e9debb 6px,#e9debb 12px);width:90px;height:24px}.tape-hero{position:absolute;top:-1px;left:43%;transform:rotate(-6deg)}.scribble{font:600 25px var(--script)}.hero-scribble{z-index:2;position:absolute;top:33px;right:11px;transform:rotate(8deg)}.hero-stamp{color:var(--red);border:1px solid var(--red);text-align:center;width:56px;height:56px;font:7px/1.1 var(--mono);z-index:2;border-radius:50%;place-content:center;display:grid;position:absolute;top:73px;right:43px;transform:rotate(12deg)}.hero-bottom{z-index:1;border-top:1px solid var(--line);align-items:center;padding-top:13px;font-size:8px;position:relative}.hero-bottom-line{background:var(--line);flex:1;height:1px;margin:0 18px}.portfolio{padding-top:94px}.section-kicker{border-top:1px solid var(--ink);padding-top:13px;font-size:9px}.section-heading-row{justify-content:space-between;align-items:end;margin:46px 0 29px;display:flex}.section-heading-row h2{font:700 clamp(56px,8vw,96px)/.78 var(--display);letter-spacing:-.09em;margin:0}.section-heading-row h2>span{align-items:baseline;display:flex}.period{color:var(--red)}.work-scribble{margin:-1px 0 0 202px;display:block;transform:rotate(-5deg)}.section-intro{max-width:248px;margin:0 2% 7px 20px;font:13px/1.65 Georgia,serif}.filter-row{flex-wrap:wrap;gap:7px;margin:30px 0 32px;display:flex}.filter-row button{border:1px solid var(--line);font:9px var(--mono);background:0 0;padding:8px 12px;transition:background .2s}.filter-row button:hover,.filter-row .filter-active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.project-scroll-stage{margin:35px -4px 0;position:relative}.project-scroll-pin{width:100%;height:auto;padding:0;display:block;position:relative;top:auto;overflow:visible}.project-scroll-viewport{overscroll-behavior-inline:contain;scrollbar-width:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;direction:ltr;width:100%;overflow:auto hidden}.project-scroll-viewport::-webkit-scrollbar{display:none}.project-scroll-viewport:focus-visible{outline:2px solid var(--red);outline-offset:4px}.project-scroll-track{width:max-content;padding:35px var(--project-side-padding,0px) 42px;direction:ltr;align-items:stretch;display:flex;position:relative}.project-grid{direction:ltr;align-items:stretch;gap:0;width:max-content;display:flex;position:relative}.project-card{scroll-snap-align:center;scroll-snap-stop:always}.portfolio-gallery-controls{justify-content:space-between;align-items:center;gap:12px;margin:0 14px;display:flex}.portfolio-gallery-arrow{border:1px solid var(--line);width:37px;height:37px;color:var(--ink);background:var(--paper);flex:none;place-items:center;transition:color .2s,background .2s,border-color .2s,opacity .2s;display:grid}.portfolio-gallery-arrow:hover:not(:disabled){border-color:var(--ink);color:var(--paper);background:var(--ink)}.portfolio-gallery-arrow:disabled{opacity:.35;cursor:default}.portfolio-scroll-hint{color:var(--ink);text-align:center;font:8px var(--mono);letter-spacing:.07em;text-transform:uppercase;flex:1}.portfolio-scroll-progress{color:var(--ink);font:8px var(--mono);letter-spacing:.07em;text-transform:uppercase;grid-template-columns:minmax(0,1fr);align-items:center;gap:7px;margin:10px 14px 0;display:grid}.portfolio-scroll-count{color:var(--red);white-space:nowrap}.portfolio-progress-track{background:var(--line);height:2px;overflow:hidden}.portfolio-progress-track>span{background:var(--red);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}html[dir=rtl] .portfolio-progress-track>span{transform-origin:100%}.project-card{text-align:start;isolation:isolate;z-index:1;opacity:.76;filter:saturate(.76);background:0 0;border:0;flex:0 0 clamp(252px,23vw,310px);width:clamp(252px,23vw,310px);min-width:0;padding:0;transition:transform .45s cubic-bezier(.2,.75,.25,1),opacity .35s,filter .35s;display:block;position:relative;transform:translateY(18px)scale(.78)}.project-card.is-previous,.project-card.is-next{z-index:2;opacity:.9;filter:saturate(.9);transform:translateY(24px)scale(.84)rotate(5deg)rotateY(12deg)}.project-card.is-active{z-index:3;opacity:1;filter:saturate();transform:translateY(0)scale(1)}.case-file-tab{z-index:3;color:#33291e;clip-path:polygon(0 0,100% 0,96% 100%,5% 93%);min-width:118px;font:8px var(--mono);letter-spacing:.04em;text-transform:uppercase;background:#d7c5a6;border:1px solid #ae9875;border-bottom:0;justify-content:space-between;gap:12px;padding:7px 12px 9px;display:flex;position:absolute;top:-13px;left:16px}.case-file-tab span{opacity:.7}.case-paperclip{z-index:4;opacity:.86;border:2px solid #9e9990;border-bottom-color:#0000;border-radius:9px 9px 0 0;width:14px;height:27px;position:absolute;top:7px;right:15px;transform:rotate(7deg)}.case-file-paper{color:#27231e;clip-path:polygon(0 1%,2% 0,98% 1%,100% 3%,99% 99%,97% 100%,2% 99%,0 97%);min-height:100%;transform:rotate(var(--case-tilt,0deg));background-color:#e9dfcc;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E");border:1px solid #bba98a;padding:17px 12px 10px;transition:transform .25s,box-shadow .25s;position:relative;box-shadow:2px 6px 11px #16100a21}.project-card:nth-child(4n+1){--case-tilt:-.8deg}.project-card:nth-child(4n+2){--case-tilt:.65deg}.project-card:nth-child(4n+3){--case-tilt:.25deg}.project-card:nth-child(4n){--case-tilt:-.45deg}.case-file-heading{color:#514639;font:7px var(--mono);letter-spacing:.07em;border-bottom:1px solid #4b403266;justify-content:space-between;align-items:center;margin-bottom:9px;padding:0 2px 7px;display:flex}.project-image{aspect-ratio:1.62;background:#312e28;border:1px solid #746850;transition:transform .3s;position:relative;overflow:hidden}.project-image>img{z-index:1;position:absolute;top:0;right:0;bottom:0;left:0}.project-hover-video{z-index:2;object-fit:cover;pointer-events:none;background:#171715;border:0;width:100%;height:100%;animation:.35s ease-out both preview-arrive;position:absolute;top:0;right:0;bottom:0;left:0}.project-hover-video+.project-number{z-index:3}.project-card:focus-visible{outline:2px solid var(--red);outline-offset:5px}.project-art{color:#f4f0e8;background:#252521;flex-direction:column;justify-content:center;align-items:center;padding:14px;display:flex;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.project-art:before,.project-art:after{content:"";aspect-ratio:1;border:1px solid #f4f0e855;border-radius:50%;width:58%;position:absolute;transform:rotate(-21deg)scaleY(.35)}.project-art:after{width:43%;transform:rotate(25deg)scaleY(.35)}.project-art-index{z-index:1;color:var(--yellow);font:10px var(--mono);position:absolute;top:14px;left:15px}.project-art-title{z-index:1;max-width:90%;font:700 clamp(23px,4vw,48px)/1.1 var(--display);text-align:center}.project-art-category{z-index:1;color:#d0c9bb;font:8px var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-top:12px}.project-art-1{background:#8f2c30}.project-art-2{color:var(--ink);background:#e6dc23}.project-art-2 .project-art-index,.project-art-2 .project-art-category{color:var(--ink)}.project-art-2:before,.project-art-2:after{border-color:#1115}.project-art-3{background:#727a67}.project-image:after{content:"";opacity:.5;background:linear-gradient(#0000 64%,#1117);transition:opacity .25s;position:absolute;top:0;right:0;bottom:0;left:0}.project-image img{object-fit:cover;filter:saturate(.72);width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .3s}.project-card:hover .project-image{transform:rotate(-.6deg)scale(1.01)}.project-card:hover .project-image img{filter:saturate();transform:scale(1.04)}.project-card:hover .project-image:after{opacity:.18}.project-card:hover .project-hover-video{filter:saturate(1.08)contrast(1.04)}.project-play{z-index:2;color:#fff;opacity:.8;border:1px solid #fff9;border-radius:50%;place-items:center;width:49px;height:49px;transition:all .2s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.86)}.project-card:hover .project-play{background:var(--yellow);color:#111;border-color:var(--yellow);transform:translate(-50%,-50%)scale(1)}.project-number{z-index:2;color:#fff;font:9px var(--mono);position:absolute;top:8px;left:9px}.confidential-stamp{z-index:3;color:#d34038;font:700 9px/1 var(--mono);text-align:center;letter-spacing:.05em;opacity:.92;border:2px solid #d34038;padding:5px 8px;position:absolute;bottom:11px;right:9px;transform:rotate(-9deg)}.case-file-meta{border-bottom:1px solid #51463966;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:9px 2px 8px;display:grid}.case-file-project-title>span,.case-file-category>span{color:#746957;font:7px var(--mono);letter-spacing:.06em;text-transform:uppercase}.case-file-project-title h3{font:600 13px/1.3 "Noto Sans Arabic",var(--display);margin:4px 0 0}.case-file-category{text-align:end;flex-direction:column;align-items:end;gap:5px;max-width:105px;display:flex}.case-file-category strong{font:8px var(--mono);text-transform:uppercase;border:1px solid #74695777;padding:4px 6px}.case-file-footer{color:#574a3a;font:7px var(--mono);letter-spacing:.05em;justify-content:space-between;align-items:center;padding:7px 2px 0;display:flex}.portfolio-endnote{border-top:1px solid var(--line);font:8px var(--mono);letter-spacing:.05em;justify-content:space-between;margin-top:72px;padding-top:12px;display:flex}.services{background:var(--surface);position:relative}.services-heading{justify-content:space-between;align-items:end;margin:58px 0 42px;display:flex}.services-heading h2{font:700 clamp(54px,7vw,84px)/.83 var(--display);letter-spacing:-.08em;margin:0}.services-heading h2 i{font-weight:400}.services-arrow{border:1px solid var(--ink);border-radius:50%;place-items:center;width:91px;height:91px;display:grid;transform:rotate(-45deg)}.service-list{isolation:isolate;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;padding:27px 2% 45px;display:grid;position:relative}.service-list:before{content:"";z-index:-1;border:2px solid #0000;border-bottom-color:var(--red);position:absolute;top:6%;right:7%;bottom:14%;left:7%}@supports (color:color-mix(in lab,red,red)){.service-list:before{border-bottom-color:color-mix(in srgb,var(--red) 75%,transparent)}}.service-list:before{border-radius:50%;transform:rotate(-8deg)}.service-card{background:var(--paper);border:1px solid #fff;border-radius:24px 48px 22px;flex-direction:column;align-items:flex-start;min-height:208px;padding:26px 25px 23px;transition:transform .3s cubic-bezier(.2,.75,.25,1),box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:7px 9px #829aaa30,0 10px 25px #17171512}.service-card:nth-child(3n+2){border-radius:48px 22px;transform:translateY(19px)rotate(2deg)}.service-card:nth-child(3n){border-radius:22px 48px;transform:translateY(-8px)rotate(-2deg)}.service-card:hover{z-index:2;transform:translateY(-7px)rotate(0)scale(1.025);box-shadow:10px 14px 28px #17171520}.service-number{color:#777168;font:9px var(--mono);position:absolute;top:17px;right:19px}.service-icon{width:58px;height:58px;color:var(--red);background:var(--red);place-items:center;margin-bottom:19px;display:grid}@supports (color:color-mix(in lab,red,red)){.service-icon{background:color-mix(in srgb,var(--red) 10%,var(--paper))}}.service-icon{border-radius:50%}.service-card h3{max-width:calc(100% - 25px);font:600 19px/1.15 var(--display);letter-spacing:-.04em;margin:0 0 8px}.service-card p{color:#57544e;max-width:310px;margin:0;font-size:10px;line-height:1.55}.service-link{color:var(--ink);transition:transform .2s;position:absolute;bottom:18px;right:18px}.service-card:hover .service-link{transform:translate(2px,-2px)}.services-note{background:var(--yellow);font:600 21px/.98 var(--script);padding:28px 23px 18px;position:absolute;bottom:68px;right:max(5vw,50vw - 620px);transform:rotate(5deg);box-shadow:2px 4px 8px #1112}.tape-services{position:absolute;top:-11px;left:35%;transform:rotate(-4deg)}.about-grid{grid-template-columns:.88fr 1.12fr;align-items:center;gap:110px;margin-top:62px;display:grid}.about-image-wrap{padding:0 20px 28px 0;position:relative}.about-image{background:var(--ink);clip-path:polygon(1% 0,100% 2%,98% 100%,3% 98%,0 43%);place-items:end center;height:490px;padding:13px 13px 0;display:grid;position:relative;transform:rotate(-2deg);box-shadow:8px 9px #dfd9cf}.about-image:before{content:"";aspect-ratio:1;background:var(--red);border-radius:50%;width:72%;position:absolute;top:14%}.about-image img{z-index:1;object-fit:contain;object-position:center bottom;width:100%;height:100%;position:relative}.about-image-caption{font:8px var(--mono);position:absolute;bottom:5px;left:5px}.about-doodle{font:600 22px var(--script);position:absolute;top:17px;right:-30px;transform:rotate(9deg)}.about-copy{padding:10px 0}.about-overline{font-size:9px}.about h2{font:700 clamp(47px,5.8vw,69px)/.86 var(--display);letter-spacing:-.08em;margin:20px 0 25px}.about h2 i{color:var(--red)}.about-lead{max-width:460px;font:18px/1.45 Georgia,serif}.about-body,.about-outlook{color:#56524c;max-width:500px;margin:0 0 18px;font-size:12px;line-height:1.8}.about-feature{clip-path:polygon(0 2%,2% 0,99% 1%,100% 96%,97% 100%,1% 98%);background:#e6e0d4;border:1px solid #9a8d76;max-width:500px;margin:22px 0;padding:18px 20px 16px;position:relative;box-shadow:4px 5px #829aaa}.about-feature-label{background:var(--yellow);color:#171612;width:fit-content;font:600 8px var(--mono);letter-spacing:.04em;margin:-26px 0 12px;padding:5px 9px;display:block;transform:rotate(-2deg)}.about-feature strong{color:#283943;font:700 18px var(--display);margin-bottom:7px;display:block}.about-feature p{color:#48443d;margin:0;font-size:11px;line-height:1.75}.about-outlook{font-family:Georgia,serif;font-size:14px}.about-stats{border-top:1px solid var(--line);gap:38px;margin-top:36px;padding-top:21px;display:flex}.about-stats>div{align-items:center;gap:9px;display:flex}.about-stats strong{font:700 34px var(--display);letter-spacing:-.08em}.about-stats strong span{color:var(--red);font-size:21px}.about-stats small{font:7px/1.5 var(--mono)}.process{color:#f4f0e8;background:#171715;overflow:hidden}.process-machine-slot{min-height:min(640px,85svh);margin:0 0 46px}.process-machine{background:#101319;border:1px solid #ffffff1a;border-radius:18px;width:100%;min-height:440px;overflow:hidden;height:min(640px,85svh)!important}.process-machine-loading{background:radial-gradient(at 50% 42%,#28231f,#101114 70%);border:1px solid #ffffff1a;border-radius:18px;width:100%;height:min(640px,85svh);min-height:440px}.process .section-kicker{color:#c5c0b7;border-color:#aaa7a0}.process-title{justify-content:space-between;align-items:end;margin:56px 0 81px;display:flex}.process-title h2{font:700 clamp(52px,7vw,83px)/.83 var(--display);letter-spacing:-.08em;margin:0}.process-title h2 i{color:var(--yellow)}.process-title>span{font:8px/1.6 var(--mono);color:#aaa7a0;margin:0 4% 4px 0}.process-steps{grid-template-columns:repeat(5,1fr);gap:20px;display:grid;position:relative}.process-line{border-top:1px dashed #827f77;width:calc(100% - 1px);position:relative;top:17px}.process-step{padding-top:22px;position:relative}.process-dot{background:var(--yellow);border-radius:50%;width:10px;height:10px;position:absolute;top:-11px;left:0;box-shadow:0 0 0 5px #171715}.process-number{font:9px var(--mono);color:var(--yellow)}.process-step h3{font:600 16px var(--display);margin:23px 0 10px}.process-step p{color:#aaa7a0;max-width:175px;font-size:10px;line-height:1.6}.process-handwriting{text-align:right;font:600 22px var(--script);color:var(--yellow);margin-top:24px;transform:rotate(-4deg)}.cta{background:var(--yellow);color:#111;overflow:hidden}.cta .section-kicker{border-color:#1117}.cta-inner{isolation:isolate;position:relative}.cta-portrait{z-index:-1;object-fit:contain;object-position:center bottom;pointer-events:none;filter:drop-shadow(8px 8px #1112);width:auto;height:min(52vw,510px);max-height:calc(100% + 100px);position:absolute;bottom:-116px;right:2%}.cta-note{font:600 25px var(--script);border-bottom:1px solid var(--ink);position:absolute;top:100px;right:13%;transform:rotate(8deg)}.cta h2{z-index:1;max-width:88%;font:700 clamp(68px,10vw,128px)/.82 var(--display);letter-spacing:-.1em;margin:65px 0 45px;position:relative}.cta h2 i{font-size:.89em}.cta-bottom{z-index:1;flex-wrap:wrap;align-items:center;gap:32px;display:flex;position:relative}.button-dark{color:var(--paper);background:var(--ink)}.cta-email,.cta-whatsapp{font:9px var(--mono);border-bottom:1px solid var(--ink);align-items:center;gap:8px;padding-bottom:6px;display:flex}.cta-location{font:8px/1.55 var(--mono);text-align:right;margin-left:auto}.footer{justify-content:space-between;align-items:center;gap:22px;min-height:132px;padding-bottom:24px;display:flex;position:relative}.footer-brand .brand-mark{width:34px;height:34px}.footer>p,.copyright{font:8px/1.6 var(--mono)}.footer-socials{gap:19px;display:flex}.footer-socials a{font:9px var(--mono);align-items:center;gap:3px;display:flex}.footer-socials a:hover{text-decoration:underline}.copyright{color:#706c65;text-align:right}.admin-open-button{color:#706c65;font:8px var(--mono);inset-inline-end:0;background:0 0;border:0;align-items:center;gap:6px;padding:5px 0;display:inline-flex;position:absolute;bottom:2px}.admin-open-button:hover{color:var(--red)}.admin-backdrop{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#10100fd9;place-items:center;padding:24px;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.admin-panel{color:#211f1b;background:#f4f0e8;border:1px solid #b7aa94;width:min(100%,920px);max-height:min(92dvh,920px);padding:clamp(20px,3vw,34px);overflow-y:auto;box-shadow:8px 9px #829aaa66,15px 16px #1115}.admin-panel-header{border-bottom:1px solid #211f1b33;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:25px;padding-bottom:20px;display:flex}.admin-heading{align-items:center;gap:14px;display:flex}.admin-heading-icon{background:#211f1b;place-items:center;width:48px;height:48px;display:grid;color:#f4f0e8!important}.admin-panel-header span{color:#746957;font:8px var(--mono);letter-spacing:.08em}.admin-panel-header h2{font:700 clamp(23px,4vw,32px)/1.1 var(--display);margin:5px 0 4px}.admin-panel-header p{color:#746957;margin:0;font-size:12px}.admin-panel-header>button{color:#211f1b;background:0 0;border:1px solid #211f1b44;place-items:center;width:36px;height:36px;transition:background .18s,color .18s;display:grid}.admin-panel-header>button:hover{color:#fff;background:#211f1b}.admin-overview{grid-template-columns:minmax(130px,180px) minmax(130px,180px) 1fr;align-items:stretch;gap:10px;margin-bottom:22px;display:grid}.admin-overview>div{background:#fffdf7;border:1px solid #211f1b1c;align-content:center;gap:7px;min-height:76px;padding:12px 15px;display:grid}.admin-overview>div span{color:#746957;font:8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.admin-overview>div strong{font:700 25px/1 var(--display)}.admin-add-toggle{color:#211f1b;min-height:46px;font:600 10px var(--mono);background:#ffe600;border:1px solid #211f1b;justify-content:center;place-self:center end;align-items:center;gap:8px;padding:0 18px;transition:transform .18s,box-shadow .18s;display:inline-flex}.admin-add-toggle svg{color:#a51f29}.admin-form{gap:14px;display:grid}.admin-form label{color:#514a40;font:9px var(--mono);gap:6px;display:grid}.admin-form input,.admin-form select,.admin-form textarea{color:#211f1b;background:#fffdf7;border:1px solid #afa38f;border-radius:0;width:100%;min-height:40px;padding:9px 10px;font:13px DM Sans,sans-serif}.admin-form textarea{resize:vertical}.admin-form .button{border:1px solid #171612;justify-content:center}.admin-form .button:disabled,.admin-project-row button:disabled,.admin-logout:disabled{cursor:wait;opacity:.6}.admin-message{border-inline-start:3px solid var(--red);color:#7e2028;background:#e6394614;margin:0 0 17px;padding:10px;font-size:12px}.admin-project-list{border-top:1px solid #211f1b33;margin-top:24px}.admin-list-heading{justify-content:space-between;align-items:end;gap:18px;padding:19px 0 13px;display:flex}.admin-list-heading h3{font:600 13px var(--mono);margin:0 0 5px}.admin-list-heading>div:first-child>span{color:#746957;font-size:10px}.admin-list-tools{gap:8px;display:flex}.admin-search{color:#746957;background:#fffdf7;border:1px solid #afa38f;align-items:center;gap:8px;width:min(240px,28vw);min-height:38px;padding:0 10px;display:flex}.admin-search input{color:#211f1b;background:0 0;border:0;outline:0;width:100%;min-width:0;font:11px DM Sans,sans-serif}.admin-filter{color:#211f1b;background:#fffdf7;border:1px solid #afa38f;min-width:140px;min-height:38px;padding:0 10px;font:10px DM Sans,sans-serif}.admin-project-row{background:#fffdf7;border:1px solid #211f1b1c;border-bottom:0;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;transition:background .16s,border-color .16s;display:grid}.admin-project-row:hover,.admin-project-row.is-editing{background:#fffefa;border-color:#b7aa94}.admin-project-index{color:#746957;width:36px;height:36px;font:10px var(--mono);background:#e9e2d6;place-items:center;display:grid}.admin-project-summary{gap:5px;min-width:0;display:grid}.admin-project-summary>strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.admin-project-meta{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.admin-project-meta span{color:#746957;width:fit-content;font:8px var(--mono);border:1px solid #74695733;padding:3px 6px}.admin-project-meta span:first-child{color:#7e2028;background:#a51f290a;border-color:#a51f2944}.admin-project-summary>a{color:#746957;min-width:0;max-width:100%;font:9px var(--mono);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;display:flex;overflow:hidden}.admin-no-link{color:#746957;font:9px var(--mono)}.admin-project-controls{align-items:center;gap:5px;display:flex}.admin-project-controls button{color:#39342d;background:0 0;border:1px solid #74695744;flex:none;place-items:center;width:34px;height:34px;transition:color .15s,background .15s,border-color .15s;display:grid}.admin-project-controls button:hover:not(:disabled){color:#fff;background:#211f1b;border-color:#211f1b}.admin-project-controls button:last-child{color:#a6222d;border-color:#b6212c44}.admin-project-controls button:last-child:hover:not(:disabled){color:#fff;background:#a6222d}.admin-empty{color:#746957;text-align:center;background:#fffdf7;border:1px solid #211f1b1c;margin:0;padding:28px 15px;font-size:12px}.admin-project-row button:disabled,.admin-project-controls button:disabled{cursor:wait;opacity:.45}.admin-project-edit{background:#eee8dc;border-inline-start:3px solid #a51f29;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:5px;padding:16px;display:grid}.admin-project-edit label:first-child,.admin-project-edit label:nth-child(2),.admin-project-edit-actions{grid-column:1/-1}.admin-project-edit label{color:#514a40;font:8px var(--mono);gap:5px;display:grid}.admin-project-edit input,.admin-project-edit select,.admin-project-edit textarea{color:#211f1b;background:#fffdf7;border:1px solid #afa38f;border-radius:0;width:100%;min-height:36px;padding:8px;font:12px DM Sans,sans-serif}.admin-project-edit textarea{resize:vertical}.admin-project-edit-actions{gap:8px;display:flex}.admin-project-edit-actions button{color:#211f1b;min-height:34px;font:8px var(--mono);background:0 0;border:1px solid #746957;padding:0 12px}.admin-project-edit-actions button:first-child{background:var(--yellow);border-color:#171612;align-items:center;gap:5px;display:inline-flex}.admin-restore{color:#514a40;font:8px var(--mono);background:0 0;border:1px solid #74695777;margin-top:18px;padding:9px 11px}.admin-restore:disabled{cursor:wait;opacity:.55}html[data-theme=dark] .admin-project-edit{color:#211f1b;background:#34342e}.admin-logout{color:#746957;font:8px var(--mono);background:0 0;border:0;margin-top:19px;padding:7px 0}.admin-restore{margin-inline-end:12px}.admin-panel.has-site-editor{width:min(100%,1360px);max-height:min(96dvh,1080px);padding:clamp(15px,2.2vw,28px)}.admin-tabs{border-bottom:1px solid #211f1b33;gap:7px;margin:-4px 0 19px;padding-bottom:12px;display:flex}.admin-tabs button{color:#514a40;min-height:38px;font:9px var(--mono);background:0 0;border:1px solid #211f1b44;align-items:center;gap:8px;padding:0 13px;display:inline-flex}.admin-tabs button.is-active{color:#f4f0e8;background:#211f1b;border-color:#211f1b}.admin-tabs button.is-active svg{color:var(--yellow)}.admin-password-panel{background:#f8f5ed;border:1px solid #211f1b22;max-width:620px;margin:10px auto 20px;padding:clamp(16px,3vw,28px)}.admin-password-heading{border-bottom:1px solid #211f1b22;align-items:flex-start;gap:12px;margin-bottom:19px;padding-bottom:15px;display:flex}.admin-password-heading>span{width:38px;height:38px;color:var(--yellow);background:#211f1b;flex:none;place-items:center;display:grid}.admin-password-heading h3{color:#211f1b;font:700 17px var(--display);margin:0 0 5px}.admin-password-heading p{color:#746957;margin:0;font:10px/1.65 DM Sans,sans-serif}.admin-password-form .button{border:1px solid #171612;justify-content:center;width:fit-content}.admin-password-changed{color:#226744;background:#2a9b5714;border-inline-start:3px solid #25764c;margin:0 0 16px;padding:11px;font-size:12px}.site-editor{color:#211f1b}.site-editor-toolbar{z-index:10;background:#ede7dc;border:1px solid #211f1b22;justify-content:space-between;align-items:center;gap:12px;margin:-5px 0 16px;padding:10px;display:flex;position:sticky;top:-1px}.site-editor-live,.site-editor-actions,.site-editor-saved{align-items:center;gap:8px;display:flex}.site-editor-live{color:#514a40;font:8px var(--mono);letter-spacing:.06em;text-transform:uppercase}.site-editor-live i{background:#39a56c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #39a56c22}.site-editor-actions{gap:7px}.site-editor-actions button{min-height:34px;font:8px var(--mono);justify-content:center;align-items:center;gap:7px;padding:0 11px;display:inline-flex}.site-editor-reset{color:#514a40;background:0 0;border:1px solid #74695766}.site-editor-save{color:#211f1b;background:var(--yellow);border:1px solid #211f1b;font-weight:700!important}.site-editor-actions button:disabled{opacity:.55;cursor:wait}.site-editor-saved{color:#25764c;font:8px var(--mono)}.site-editor-layout{grid-template-columns:175px minmax(200px,.72fr) minmax(390px,1.45fr);align-items:start;gap:13px;display:grid}.site-editor-nav,.site-editor-preview,.site-editor-fields{background:#f8f5ed;border:1px solid #211f1b22;min-width:0}.site-editor-nav{gap:4px;padding:9px;display:grid}.site-editor-nav-label{color:#827766;font:7px var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:10px 7px 5px}.site-editor-nav button{color:#514a40;text-align:start;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;gap:5px;min-height:36px;padding:0 8px;font:9px DM Sans,sans-serif;display:flex}.site-editor-nav button small{color:#9d927f;font:7px var(--mono)}.site-editor-nav button:hover,.site-editor-nav button.is-active{color:#211f1b;background:#eee8dc;border-color:#211f1b22}.site-editor-nav button.is-active{border-inline-start:3px solid var(--red);font-weight:700}.site-editor-preview{color:#f4f0e8;background:#171715;padding:12px;position:sticky;top:56px}.site-editor-preview-label{color:#c9c1b3;font:7px var(--mono);letter-spacing:.08em;margin-bottom:10px;display:block}.site-editor-preview-paper{color:#211f1b;background:#f4f0e8;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:10px;min-height:240px;padding:13px;display:flex;position:relative;overflow:hidden;box-shadow:3px 4px #829aaa}.site-editor-preview-paper>img{object-fit:cover;opacity:.35;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.site-editor-preview-paper>strong,.site-editor-preview-brand,.site-editor-preview-rule,.site-editor-preview-caption{z-index:1;position:relative}.site-editor-preview-brand{width:29px;height:29px;font:700 11px var(--display);background:#f4f0e8cc;border:1px solid #211f1b;place-items:center;display:grid}.site-editor-preview-paper>strong{max-width:100%;font:700 clamp(19px,2vw,27px)/1.1 var(--display);overflow-wrap:anywhere}.site-editor-preview-rule{background:#211f1b55;width:100%;height:1px}.site-editor-preview-caption{color:#625c51;font:6px var(--mono);letter-spacing:.04em}.site-editor-preview>p{color:#d5cdbf;margin:11px 0 0;font:9px/1.6 DM Sans,sans-serif}.site-editor-fields{max-height:min(66dvh,720px);padding:15px;overflow:auto}.site-editor-section-heading{border-bottom:1px solid #211f1b22;margin-bottom:15px;padding-bottom:11px}.site-editor-section-heading>span{color:#827766;font:7px var(--mono);letter-spacing:.1em;text-transform:uppercase}.site-editor-section-heading h3{font:700 18px var(--display);margin:5px 0}.site-editor-section-heading p{color:#746957;margin:0;font:9px/1.6 DM Sans,sans-serif}.site-editor-copy-list{gap:9px;display:grid}.site-editor-copy-field{background:#fffdf7;border:1px solid #211f1b1d;grid-template-columns:1fr 1fr;gap:8px;min-width:0;margin:0;padding:9px;display:grid}.site-editor-copy-field legend{color:#514a40;font:8px var(--mono);text-transform:uppercase;grid-column:1/-1;padding:0 5px}.site-editor-copy-field label,.site-editor-global-fields label{color:#746957;min-width:0;font:7px var(--mono);gap:5px;display:grid}.site-editor-copy-field label>span,.site-editor-global-fields label>span{color:#746957}.site-editor-copy-field textarea,.site-editor-global-fields input,.site-editor-global-fields textarea{outline-color:var(--red);color:#211f1b;resize:vertical;background:#f8f5ed;border:1px solid #afa38f;border-radius:0;width:100%;min-height:36px;padding:8px;font:11px/1.5 DM Sans,sans-serif}.site-editor-copy-field textarea::placeholder{color:#aaa08f}.site-editor-color-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.site-editor-color{color:#514a40;background:#fffdf7;border:1px solid #211f1b1d;grid-template-columns:minmax(0,1fr) 38px 74px;align-items:center;gap:7px;min-height:48px;padding:7px;font:8px DM Sans,sans-serif;display:grid}.site-editor-color input{background:0 0;border:1px solid #211f1b44;width:35px;height:29px;padding:2px}.site-editor-color code{color:#746957;font:8px var(--mono)}.site-editor-palette-preview{border:1px solid #211f1b22;height:50px;margin-top:15px;display:flex}.site-editor-palette-preview span{flex:1}.site-editor-order{gap:6px;margin:0;padding:0;list-style:none;display:grid}.site-editor-order li{background:#fffdf7;border:1px solid #211f1b1d;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:44px;padding:5px 8px;display:grid}.site-editor-order-index{color:#6f6351;width:28px;height:28px;font:8px var(--mono);background:#e9e2d6;place-items:center;display:grid}.site-editor-order li>strong{font:600 10px DM Sans,sans-serif}.site-editor-order li>div{gap:4px;display:flex}.site-editor-order button{color:#39342d;background:0 0;border:1px solid #74695755;place-items:center;width:29px;height:29px;display:grid}.site-editor-order button:disabled{opacity:.35;cursor:default}.site-editor-global-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}.site-editor-media-preview{object-fit:cover;border:1px solid #211f1b22;width:100%;max-height:90px}.site-section-slot{display:contents}.modal-backdrop{z-index:60;background:#10100fee;place-items:center;padding:24px;animation:.2s ease-out fade-in;display:grid;position:fixed;top:0;right:0;bottom:0;left:0}.video-modal{color:#f4f0e8;width:min(100%,1000px)}.modal-topline{height:43px;font:9px var(--mono);letter-spacing:.07em;justify-content:space-between;align-items:center;display:flex}.modal-close{color:#fff;background:0 0;border:1px solid #fff6;border-radius:50%;place-items:center;width:37px;height:37px;display:grid}.modal-player{aspect-ratio:16/9;background:#080808;width:100%;position:relative}.video-frame{border:0;width:100%;height:100%}.video-player{background:#080808;border:0;width:100%;height:100%}video.video-player{object-fit:contain}.fullscreen-button{z-index:1;color:#fff;background:#111a;border:1px solid #fff6;padding:9px;position:absolute;top:12px;right:12px}.modal-external-link{color:#e8e3d9;width:fit-content;max-width:100%;font:8px var(--mono);background:#ffffff0d;border:1px solid #fff4;align-items:center;gap:6px;margin:10px 0 0 auto;padding:7px 10px;transition:color .18s,background .18s,border-color .18s;display:flex}.modal-external-link:hover{border-color:var(--yellow);color:var(--ink);background:var(--yellow)}.video-fallback{text-align:center;background:radial-gradient(circle at 50% 30%,#34332f,#10100f 70%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.fallback-mark{font:700 50px var(--display);letter-spacing:-.12em}.fallback-mark span{font:10px var(--mono);vertical-align:top}.video-fallback p{color:#c3c0b9;margin:9px 0 20px;font-size:12px}.video-fallback a{background:var(--yellow);color:var(--ink);font:600 9px var(--mono);align-items:center;gap:10px;padding:13px 16px;display:flex}.modal-info{border-bottom:1px solid #fff3;justify-content:space-between;gap:30px;padding:24px 0;display:flex}.modal-category{color:#c2beb5;font:8px var(--mono);text-transform:uppercase;letter-spacing:.06em}.modal-info h2{font:600 27px var(--display);letter-spacing:-.05em;margin:7px 0 0}.modal-info p{color:#c2beb5;align-self:end;max-width:380px;margin:0;font-size:11px;line-height:1.6}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes preview-arrive{0%{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}@media(max-width:900px){:root{--page-gutter:32px}.section-wrap{width:calc(100% - 64px)}.site-header{padding-inline:32px}.nav-links{gap:18px}.nav-links .nav-availability{padding:9px;font-size:8px}.preference-capsule{gap:4px;padding:3px 4px}.preference-toggle{min-width:32px;height:28px;padding-inline:6px}.language-toggle{min-width:36px}.hero{min-height:660px}.hero-art{height:400px}.hero-portrait{width:min(96%,365px);height:115%;bottom:-24px}.cta-portrait{opacity:.92;height:min(58vw,430px);right:-2%}.cta h2{max-width:91%}.hero h1{font-size:clamp(57px,9vw,80px)}.hero-note{right:-7px}.about-grid{gap:55px}.about-image{height:420px}.services-note{bottom:34px;right:42px}.footer-socials{gap:10px}.site-editor-layout{grid-template-columns:145px minmax(0,1fr)}.site-editor-preview{display:none}.admin-panel.has-site-editor{width:min(100%,1040px)}}@media(max-width:650px){:root{--page-gutter:20px}html{scroll-padding-top:66px}.section-wrap{width:calc(100% - 40px)}.section-pad{padding-block:77px}.site-header{height:66px;padding-inline:20px}.project-card{flex-basis:min(74vw,300px);width:min(74vw,300px)}.project-scroll-track{padding-block:20px 40px}.project-card+.project-card{margin-left:-48px}.portfolio-gallery-controls{margin-inline:10px}.portfolio-gallery-arrow{width:34px;height:34px}.portfolio-scroll-hint,.portfolio-scroll-progress{font-size:7px}.portfolio-scroll-progress{margin-inline:10px}.brand-mark{width:34px;height:34px}.header-tools{gap:6px}.preference-capsule{gap:4px;padding:3px 4px}.preference-toggle{min-width:30px;height:25px}.language-toggle{min-width:34px}.capsule-divider{height:17px}.menu-toggle{z-index:2;place-items:center;padding:7px;display:grid}.nav-links{background:var(--paper);flex-direction:column;align-items:stretch;gap:0;width:100%;height:calc(100dvh - 65px);padding:22px 24px 40px;display:none;position:absolute;top:65px;left:0}.nav-links.is-open{display:flex}.nav-links>a:not(.nav-availability){border-bottom:1px solid var(--line);font:600 31px var(--display);letter-spacing:-.06em;padding:18px 0}.nav-index{font:9px var(--mono);color:#878178;vertical-align:middle;width:32px;display:inline-block}.nav-links .nav-availability{width:fit-content;margin-top:25px}.hero{min-height:auto;padding-top:20px}.hero-meta{font-size:7px}.hero-meta span:last-child{text-align:right}.hero-layout{grid-template-columns:1fr;padding:48px 0 29px}.hero-copy{padding:0}.eyebrow{font-size:9px}.hero h1{margin:20px 0 18px;font-size:clamp(55px,14vw,80px)}.hero-intro{max-width:310px;font-size:13px}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:22px}.button{gap:13px;min-height:43px;padding:0 13px;font-size:9px}.text-link{font-size:8px}.hero-art{justify-self:center;width:min(88%,390px);height:clamp(300px,86vw,390px);margin:29px 6px 0 0}.hero-portrait{width:min(105%,350px);height:118%;bottom:-26px}.hero-note{width:116px;height:96px;bottom:49px;right:-17px}.hero-note span{font-size:16px}.hero-yellow-shape{width:102px;height:90px;right:-13px}.hero-red-shape{width:73px;height:72px;left:-17px}.hero-scribble{font-size:19px;top:12px;right:0}.hero-stamp{top:51px;right:27px}.hero-bottom{font-size:7px}.portfolio{padding-top:74px}.section-kicker{gap:10px;font-size:7px}.section-kicker span:last-child{text-align:right}.section-heading-row{align-items:end;margin:39px 0 20px}.section-heading-row h2{font-size:clamp(54px,13vw,77px)}.work-scribble{margin-left:131px;font-size:21px}.section-intro{max-width:132px;margin:0 0 4px 10px;font-size:11px;line-height:1.5}.filter-row{gap:5px;margin:24px 0 28px}.filter-row button{padding:7px 8px;font-size:8px}.case-file-paper{padding:14px 8px 8px}.case-file-tab{min-width:97px;padding:6px 8px 8px;font-size:6px;left:9px}.case-paperclip{transform-origin:100% 0;top:5px;right:9px;transform:scale(.8)rotate(7deg)}.project-image{aspect-ratio:1.42}.project-image img{object-position:center}.project-number{font-size:8px;top:6px;left:6px}.project-play{width:38px;height:38px}.confidential-stamp{padding:4px;font-size:7px;bottom:5px;right:4px}.case-file-meta{grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:7px 1px}.case-file-project-title>span,.case-file-category>span{font-size:6px}.case-file-project-title h3{overflow-wrap:anywhere;font-size:10px}.case-file-category{align-items:end;max-width:72px}.case-file-category strong{padding:3px 4px;font-size:6px}.portfolio-endnote{margin-top:45px;font-size:7px}.services-heading{margin:42px 0 28px}.services-heading h2{font-size:clamp(46px,11vw,66px)}.services-arrow{width:53px;height:53px}.services-arrow svg{width:31px}.service-row{grid-template-columns:27px 1fr 19px;gap:8px;min-height:83px}.service-number{align-self:start;padding-top:25px;font-size:8px}.service-row h3{align-self:end;padding-top:14px;font-size:18px}.service-row p{grid-area:2/2;align-self:start;margin:-5px 0 12px;font-size:9px}.service-link{grid-area:1/3/span 2;width:16px}.services-note{width:fit-content;margin:30px 10px 0 auto;padding:24px 18px 15px;font-size:18px;position:relative;bottom:auto;right:auto}.about-grid{grid-template-columns:1fr;gap:39px;margin-top:40px}.about-image-wrap{width:80%;margin-left:5%}.about-image{height:min(112vw,380px)}.about h2{font-size:clamp(50px,12vw,66px)}.about-lead{font-size:16px}.about-body,.about-feature p{font-size:10px}.about-feature{margin:21px 0;padding:16px 14px 13px}.about-feature-label{font-size:7px}.about-feature strong{font-size:16px}.about-outlook{font-size:12px}.about-stats{justify-content:space-between;gap:0;margin-top:28px}.about-stats>div{gap:6px}.about-stats strong{font-size:28px}.about-stats small{font-size:6px}.process-title{margin:42px 0 64px}.process-title h2{font-size:clamp(47px,11vw,65px)}.process-title>span{font-size:6px}.process-line{border:0;border-left:1px dashed #827f77;width:1px;height:calc(100% - 15px);position:absolute;top:14px;left:4px}.process .section-wrap{position:relative}.process-steps{grid-template-columns:1fr;gap:21px;padding-left:29px}.process-step{padding:0}.process-dot{top:3px;left:-29px}.process-step h3{margin:7px 0 4px;font-size:15px}.process-step p{max-width:275px;margin:0}.process-handwriting{font-size:19px}.cta-note{font-size:20px;top:78px;right:6%}.cta h2{max-width:100%;margin:56px 0 36px;font-size:clamp(57px,13.4vw,85px)}.cta-bottom{flex-direction:column;align-items:flex-start;gap:21px}.cta-location{text-align:left;margin-left:0}.cta-portrait{opacity:.23;height:265px;bottom:-78px;right:-23%}.footer{grid-template-columns:1fr 1fr;gap:20px;padding-block:27px;display:grid}.footer>p{text-align:right;margin:0}.footer-socials{flex-wrap:wrap;grid-column:1/-1;gap:17px}.footer .admin-open-button{grid-column:1/-1;justify-self:center;position:static}.admin-backdrop{place-items:end center;padding:8px}.admin-panel{width:100%;max-height:94dvh;padding:18px 14px}.admin-panel.has-site-editor{width:100%;max-height:96dvh;padding:14px 10px}.admin-panel-header{margin-bottom:17px;padding-bottom:14px}.admin-heading{gap:10px}.admin-heading-icon{width:40px;height:40px}.admin-panel-header p{max-width:240px;font-size:10px}.admin-tabs{gap:5px;margin-bottom:12px}.admin-tabs button{flex:1;justify-content:center;padding-inline:7px;font-size:8px}.site-editor-toolbar{flex-direction:column;align-items:stretch;gap:8px;padding:8px}.site-editor-actions{flex-wrap:wrap}.site-editor-actions button{flex:1;min-width:125px;padding-inline:6px;font-size:7px}.site-editor-saved{width:100%}.site-editor-layout{grid-template-columns:1fr;gap:9px}.site-editor-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:6px}.site-editor-nav-label{grid-column:1/-1;padding:5px 3px 2px}.site-editor-nav button{text-align:center;justify-content:center;min-height:34px;padding-inline:4px;font-size:8px}.site-editor-nav button small,.site-editor-nav button>svg{display:none}.site-editor-fields{max-height:none;padding:11px 8px}.site-editor-copy-field{grid-template-columns:1fr}.site-editor-copy-field legend{grid-column:1}.site-editor-global-fields,.site-editor-color-grid{grid-template-columns:1fr}.admin-overview{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:15px}.admin-overview>div{min-height:64px;padding:9px}.admin-add-toggle{grid-column:1/-1;justify-self:stretch;min-height:42px}.admin-list-heading{flex-direction:column;align-items:stretch;gap:11px}.admin-list-tools{width:100%}.admin-search{flex:1;width:auto}.admin-filter{min-width:115px;max-width:42%}.admin-project-row{grid-template-columns:32px minmax(0,1fr);gap:8px;padding:9px}.admin-project-index{width:30px;height:30px}.admin-project-summary>strong{font-size:12px}.admin-project-summary>a,.admin-no-link{font-size:8px}.admin-project-controls{grid-column:2;justify-content:flex-start}.admin-project-controls button{width:32px;height:32px}.admin-project-edit{grid-template-columns:1fr;padding:11px}.admin-project-edit label:first-child,.admin-project-edit label:nth-child(2),.admin-project-edit-actions{grid-column:auto}.admin-restore{margin-top:14px;margin-inline-end:0}.copyright{text-align:left;grid-column:1/-1}.modal-backdrop{padding:12px}.modal-info{padding:17px 0;display:block}.modal-info h2{font-size:22px}.modal-info p{margin-top:9px;font-size:10px}.modal-topline{font-size:7px}.video-fallback p{max-width:230px;font-size:10px}}html[data-theme=dark]{--paper:var(--site-paper-dark);--ink:var(--site-ink-dark);--line:#f4f0e83d;--header-bg:#171715f0;--surface:#252521;--hero-wash:#171715a8;background:var(--paper);color:var(--ink)}html[data-theme=dark] body{background:var(--paper);color:var(--ink)}html[data-theme=dark] .preference-capsule{color:#f4f0e8;background:#252521;border-color:#777266;box-shadow:3px 4px #0005,inset 0 1px #ffffff12}html[data-theme=dark] .preference-toggle{color:#f4f0e8}html[data-theme=dark] .preference-toggle:hover{background:#3a3933;border-color:#a69d89}html[data-theme=dark] .paper-texture{opacity:.05;mix-blend-mode:screen}html[data-theme=dark] .hero-meta,html[data-theme=dark] .hero-intro,html[data-theme=dark] .section-intro,html[data-theme=dark] .project-details p,html[data-theme=dark] .service-row p,html[data-theme=dark] .about-body,html[data-theme=dark] .about-outlook,html[data-theme=dark] .about-stats small{color:#d0cbc1}html[data-theme=dark] .about-feature{background:#34342e;border-color:#827969;box-shadow:4px 5px #596e79}html[data-theme=dark] .about-feature strong{color:#c8d5d8}html[data-theme=dark] .about-feature p{color:#d0cbc1}html[data-theme=dark] .hero-photo{background:#292824}html[data-theme=dark] .service-number,html[data-theme=dark] .copyright{color:#c0bbb2}html[data-theme=dark] .project-art-2,html[data-theme=dark] .project-art-2 .project-art-index,html[data-theme=dark] .project-art-2 .project-art-category{color:#111}html[data-theme=dark] .project-art-2:before,html[data-theme=dark] .project-art-2:after{border-color:#1115}html[data-theme=dark] .about-image{background:#080808}html[data-theme=dark] .services-note,html[data-theme=dark] .button-yellow{color:#111}html[data-theme=dark] .button-paper{color:var(--ink)}html[data-theme=dark] .button-dark{color:#f4f0e8;background:#111}html[data-theme=dark] .cta{color:#111}html[dir=rtl] body{font-family:Noto Sans Arabic,DM Sans,sans-serif}html[lang=ar] body,html[lang=ar] button,html[lang=ar] input,html[lang=ar] textarea{font-family:Alexandria,Noto Sans Arabic,sans-serif}html[lang=ar] .hero h1,html[lang=ar] .section-heading-row h2,html[lang=ar] .services-heading h2,html[lang=ar] .about h2,html[lang=ar] .process-title h2,html[lang=ar] .cta h2{letter-spacing:-.04em;font-family:Alexandria,sans-serif;font-weight:700;line-height:1.22}html[lang=ar] .hero-intro,html[lang=ar] .section-intro,html[lang=ar] .about-lead,html[lang=ar] .about-body,html[lang=ar] .about-feature p,html[lang=ar] .about-outlook,html[lang=ar] .service-row p,html[lang=ar] .process-step p{line-height:1.9}html[lang=ar] .hero-note span{font-family:Alexandria,sans-serif;line-height:1.35}html[lang=ar] .project-art-title,html[lang=ar] .case-file-project-title h3{font-family:Alexandria,sans-serif;line-height:1.55}html[dir=rtl] .hero h1,html[dir=rtl] .about h2,html[dir=rtl] .process-title h2,html[dir=rtl] .cta h2{letter-spacing:-.045em}html[dir=rtl] .hero-portrait{left:50%}html[dir=rtl] .cta-portrait{left:2%;right:auto}html[dir=rtl] .hero-stamp{left:43px;right:auto}html[dir=rtl] .tape-hero{left:auto;right:43%}html[dir=rtl] .hero-scribble{left:11px;right:auto}html[dir=rtl] .hero-note{left:-25px;right:auto}html[dir=rtl] .hero-red-shape{left:auto;right:-31px}html[dir=rtl] .hero-yellow-shape{left:-4px;right:auto}html[dir=rtl] .photo-caption{left:auto;right:22px}html[dir=rtl] .hero-meta span:last-child{text-align:left}html[dir=rtl] .work-scribble{margin-left:0;margin-right:202px}html[dir=rtl] .section-intro{margin:0 20px 7px 2%}html[dir=rtl] .preference-capsule{direction:ltr}html[dir=rtl] .case-paperclip{left:15px;right:auto}html[dir=rtl] .services-note{left:max(5vw,50vw - 620px);right:auto}html[dir=rtl] .about-image-wrap{margin-left:0;margin-right:5%}html[dir=rtl] .process-title>span,html[dir=rtl] .process-handwriting{text-align:left}html[dir=rtl] .cta-note{left:13%;right:auto}html[dir=rtl] .cta-location,html[dir=rtl] .footer>p,html[dir=rtl] .copyright{text-align:left}@media(max-width:900px){html[dir=rtl] .services-note{left:42px}}@media(max-width:650px){html[dir=rtl] .hero-stamp{left:27px}html[dir=rtl] .hero-scribble{left:0}html[dir=rtl] .hero-note{left:-17px}html[dir=rtl] .hero-red-shape{right:-17px}html[dir=rtl] .hero-yellow-shape{left:-13px}html[dir=rtl] .work-scribble{margin-right:131px}html[dir=rtl] .section-intro{margin:0 10px 4px 0}html[dir=rtl] .case-file-tab{right:9px}html[dir=rtl] .case-paperclip{left:9px}html[dir=rtl] .project-number{right:6px}html[dir=rtl] .confidential-stamp{left:4px}html[dir=rtl] .services-note{margin:30px 10px 0 auto;left:auto}html[dir=rtl] .about-image-wrap{margin-right:5%}html[dir=rtl] .process-line{left:auto;right:4px}html[dir=rtl] .process-steps{padding-left:0;padding-right:29px}html[dir=rtl] .process-dot{left:auto;right:-29px}html[dir=rtl] .cta-note{left:6%}html[dir=rtl] .cta-portrait{left:-23%;right:auto}html[dir=rtl] .cta-location{text-align:right}html[dir=rtl] .footer>p{text-align:left}html[dir=rtl] .copyright{text-align:right}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(max-width:900px){.service-list{gap:25px 17px;padding-inline:0}.service-card{min-height:205px;padding:22px 19px 20px}.service-card h3{font-size:17px}.service-list:before{inset-inline:3%}}@media(max-width:650px){.service-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 12px;padding:12px 0 28px}.service-list:before{border-bottom-color:#0000;border-top-color:var(--red);top:4%;right:2%;bottom:8%;left:2%}@supports (color:color-mix(in lab,red,red)){.service-list:before{border-top-color:color-mix(in srgb,var(--red) 75%,transparent)}}.service-list:before{transform:rotate(-14deg)}.service-card,.service-card:nth-child(3n+2),.service-card:nth-child(3n){border-radius:22px 36px 20px 34px;min-height:190px;padding:20px 14px 19px}.service-card:nth-child(2n){border-radius:36px 20px 34px;transform:translateY(13px)rotate(2deg)}.service-card:nth-child(odd){transform:translateY(-4px)rotate(-1deg)}.service-card:hover{transform:translateY(-4px)rotate(0)scale(1.015)}.service-icon{width:49px;height:49px;margin-bottom:15px}.service-icon svg{width:25px}.service-card h3{font-size:15px}.service-card p{font-size:9px}.service-number{top:13px;right:13px}html[dir=rtl] .service-number{left:13px;right:auto}html[dir=rtl] .service-link{left:14px;right:auto;transform:scaleX(-1)}html[dir=rtl] .service-card:hover .service-link{transform:scaleX(-1)translate(2px,-2px)}}.project-scroll-stage{isolation:isolate}.project-scroll-stage:before{content:"";z-index:-1;pointer-events:none;border:2px solid #0000;border-bottom-color:#e6394680;border-radius:50%;height:42%;position:absolute;top:46%;left:12%;right:12%;transform:rotate(-5deg)}.project-scroll-track{align-items:center;gap:0}.project-card{opacity:.72;filter:saturate(.82);flex-basis:clamp(252px,23vw,310px);width:clamp(252px,23vw,310px)}.project-card+.project-card{margin-left:clamp(-92px,-6vw,-52px)}.project-card.is-previous,.project-card.is-next{opacity:.9;transform:translateY(24px)scale(.84)rotate(7deg)}.project-card.is-previous{transform:translateY(24px)scale(.84)rotate(-7deg)}.project-card.is-active{opacity:1;filter:saturate();transform:translateY(0)scale(1)}.case-file-paper{color:#292a31;clip-path:none;background:#fff;border:1px solid #fff;border-radius:42% 42% 26px 26px/15% 15% 24px 24px;padding:15px 16px 14px;transform:none;box-shadow:8px 14px 28px #17171525,0 2px #d9dce5}.project-card:hover .case-file-paper{transform:translateY(-5px);box-shadow:12px 20px 35px #17171532,0 2px #d9dce5}.case-file-tab{color:#484b56;clip-path:none;background:#f2f2f6;border:0;border-radius:99px;min-width:0;padding:7px 12px;font-size:7px;top:3px;left:50%;transform:translate(-50%)}.case-file-tab span{color:#e63946}.case-paperclip,.case-file-heading{display:none}.project-image{aspect-ratio:.98;background:#dfe1e8;border:5px solid #fff;border-radius:46% 46% 18px 18px/21% 21% 10px 10px;margin-top:14px;overflow:hidden;box-shadow:0 5px 18px #17171518}.project-image>img,.project-hover-video{border-radius:inherit}.project-image:after{opacity:.52;background:linear-gradient(#0000 56%,#1118)}.project-image img{filter:saturate(.9)}.project-art{color:#292a31;background:#dfe1e8}.project-art:before,.project-art:after{border-color:#292a3122}.project-art-category{color:#555966}.project-number{color:#343640;background:#ffffffde;border-radius:50%;place-items:center;width:31px;height:31px;font-size:8px;display:grid;top:16px;left:17px}.project-play{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#17171540;border:1px solid #ffffffb8}.confidential-stamp{border-width:1px;border-radius:99px;padding:5px 8px;font-size:7px;bottom:15px;right:15px}.case-file-meta{border:0;align-items:center;padding:13px 6px 10px}.case-file-project-title>span,.case-file-category>span{color:#878995;font-size:6px}.case-file-project-title h3{color:#292a31;font-size:15px}.case-file-category strong{color:#b72734;background:#fae9eb;border:0;border-radius:99px;padding:5px 8px;font-size:7px}.case-file-footer{color:#777985;border-top:1px solid #e7e8ed;margin-inline:5px;padding:8px 2px 0;font-size:6px}.case-file-footer svg{color:#e63946}html[dir=rtl] .case-file-tab{left:50%;right:auto}html[dir=rtl] .project-number{left:auto;right:17px}html[dir=rtl] .confidential-stamp{left:15px;right:auto}@media(max-width:650px){.project-scroll-track{padding-top:24px}.project-card{flex-basis:min(74vw,300px);width:min(74vw,300px)}.project-card+.project-card{margin-left:-48px}.case-file-paper{padding:13px 12px 11px}.project-image{border-width:4px;margin-top:13px}.case-file-project-title h3{font-size:13px}.project-scroll-stage:before{top:47%;left:3%;right:3%}}.project-scroll-stage{isolation:isolate;min-height:570px;margin:35px 0 0}.project-scroll-stage:before{border:0;border-right:3px solid var(--red);border-radius:50%;width:31%;height:76%;top:12%;left:35%;transform:rotate(0)}.project-scroll-stage:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#fff 0 4px,var(--red) 4.5px 6px,transparent 6.5px) 50% 0% / 14px 14px no-repeat,radial-gradient(circle,#fff 0 4px,var(--red) 4.5px 6px,transparent 6.5px) 72% 13% / 14px 14px no-repeat,radial-gradient(circle,#fff 0 4px,var(--red) 4.5px 6px,transparent 6.5px) 100% 50% / 14px 14px no-repeat,radial-gradient(circle,#fff 0 4px,var(--red) 4.5px 6px,transparent 6.5px) 72% 87% / 14px 14px no-repeat,radial-gradient(circle,#fff 0 4px,var(--red) 4.5px 6px,transparent 6.5px) 50% 100% / 14px 14px no-repeat;width:31%;height:76%;position:absolute;top:12%;left:35%}.project-scroll-pin{width:100%;height:570px;padding:0;position:relative;inset:auto;overflow:visible}.project-scroll-viewport{width:100%;height:100%;overflow:visible}.project-scroll-track,.project-grid{width:100%;height:100%;padding:0;display:block;position:relative}.project-card{top:var(--orbit-y);left:var(--orbit-x);z-index:var(--orbit-z);opacity:0;visibility:hidden;pointer-events:none;width:clamp(132px,15vw,170px);height:clamp(146px,16vw,184px);transform:translate(-50%,-50%) rotate(var(--orbit-rotation)) scale(var(--orbit-scale));filter:saturate(.85);margin:0;transition:left .85s cubic-bezier(.2,.75,.25,1),top .85s cubic-bezier(.2,.75,.25,1),width .65s,height .65s,transform .85s cubic-bezier(.2,.75,.25,1),opacity .35s,filter .5s,visibility 0s linear .9s;position:absolute}.project-card.is-orbit-visible{opacity:.94;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) rotate(var(--orbit-rotation)) scale(var(--orbit-scale));transition-delay:0s}.project-card.is-active{z-index:8;opacity:1;width:clamp(142px,16vw,180px);height:clamp(150px,17vw,190px);transform:translate(-50%,-50%) rotate(var(--orbit-rotation)) scale(var(--orbit-scale));filter:saturate()}.project-card.is-previous,.project-card.is-next{opacity:.98}.project-orbit-hub{z-index:4;aspect-ratio:1;background:var(--paper);text-align:center;border:1px solid #ffffffeb;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:clamp(220px,25vw,280px);padding:30px;display:flex;position:absolute;top:50%;left:28%;transform:translate(-50%,-50%);box-shadow:0 16px 42px #30334b1c,inset 0 0 0 10px #ffffff6b}.project-orbit-hub>span{color:var(--red);font:600 9px var(--mono);letter-spacing:.18em}.project-orbit-hub>strong{max-width:100%;color:var(--ink);font:700 clamp(18px,2.3vw,28px)/1.15 var(--display);letter-spacing:-.04em;text-wrap:balance;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.project-orbit-hub>i{background:var(--red);width:42px;height:2px;margin:7px 0}.project-orbit-hub>small{color:var(--ink);font:500 8px var(--mono);letter-spacing:.08em;opacity:.58}.case-file-paper{background:#fff;border:1px solid #fffffff2;border-radius:35% 20% 20px 20px/16% 16% 18px 18px;flex-direction:column;width:100%;height:100%;min-height:0;padding:11px 10px 10px;display:flex;box-shadow:0 12px 28px #30334b21}.project-image{aspect-ratio:auto;border:0;border-radius:25px;flex:auto;width:100%;min-height:0;margin-top:21px}.case-file-heading,.case-paperclip,.case-file-footer,.confidential-stamp,.case-file-tab,.case-file-project-title>span,.case-file-category>span{display:none}.case-file-tab{color:var(--red);font:600 7px var(--mono);background:#fff;top:8px;left:50%;transform:translate(-50%)}.case-file-meta{flex:none;gap:4px;padding:7px 3px 4px}.case-file-project-title h3{font-size:11px}.case-file-project-title h3,.case-file-category strong{color:var(--red)}.case-file-category{max-width:83px}.project-card.is-active .case-file-paper{border:2px solid var(--red);box-shadow:0 16px 36px #30334b33}.project-card.is-active .case-file-tab{color:#fff;background:var(--red)}.project-card.is-active .case-file-category strong{color:var(--red)}.project-scroll-stage:before{z-index:-1}@media(max-width:900px){.project-scroll-stage,.project-scroll-pin{height:500px;min-height:500px}.project-card{width:clamp(110px,14vw,128px);height:clamp(122px,15vw,142px)}.project-card.is-active{width:clamp(116px,15vw,134px);height:clamp(128px,16vw,150px)}.project-card[data-orbit-offset="-2"]{top:13%}.project-card[data-orbit-offset="2"]{top:87%}}@media(max-width:650px){.project-scroll-stage,.project-scroll-pin{height:430px;min-height:430px;margin-top:22px}.project-scroll-stage:before{border-right-width:2px;width:35%;height:84%;top:8%;left:32%}.project-scroll-stage:after{width:35%;height:84%;top:8%;left:32%}.project-card[data-orbit-offset="-2"]{top:12%;left:52%}.project-card[data-orbit-offset="-1"]{top:30%;left:74%}.project-card[data-orbit-offset="0"]{top:50%;left:92.5%}.project-card[data-orbit-offset="1"]{top:70%;left:74%}.project-card[data-orbit-offset="2"]{top:88%;left:52%}.project-card,.project-card.is-active{width:clamp(72px,21vw,82px);height:clamp(80px,23vw,90px)}.project-orbit-hub{width:clamp(164px,43vw,190px);padding:20px;left:25%}.project-orbit-hub>strong{font-size:clamp(18px,5vw,23px)}.project-card.is-orbit-visible .case-file-paper{border-radius:43% 18% 18% 22%/23% 16% 18% 18%;padding:7px 6px 6px}.project-card.is-orbit-visible .case-file-tab,.project-card.is-orbit-visible .case-file-heading,.project-card.is-orbit-visible .case-file-category,.project-card.is-orbit-visible .project-number,.project-card.is-orbit-visible .confidential-stamp,.project-card.is-orbit-visible .project-play{display:none}.project-card.is-orbit-visible .project-image{border-radius:46% 46% 10px 10px/35% 35% 10px 10px;flex:0 0 38%;width:86%;margin:14px auto 0}.project-card.is-orbit-visible .case-file-meta{text-align:center;flex:auto;justify-content:center;align-items:center;padding:4px 2px 2px}.project-card.is-orbit-visible .case-file-project-title{width:100%}.project-card.is-orbit-visible .case-file-project-title>span{display:none}.project-card.is-orbit-visible .case-file-project-title h3{color:var(--red);text-wrap:balance;font-size:clamp(8px,2.35vw,10px);line-height:1.2}.project-card.is-active .case-file-category{display:none}.project-card.is-active .case-file-paper{border:1.5px solid var(--red);box-shadow:0 12px 28px #30334b33}.project-card.is-active .case-file-project-title h3{font-size:clamp(8px,2.45vw,10px)}}.portfolio{--portfolio-red:#ed101b;color:#f7f7f7;isolation:isolate;background:#090909;grid-template-columns:minmax(280px,.82fr) minmax(460px,1.18fr);align-items:start;column-gap:clamp(42px,7vw,120px);display:grid;position:relative;overflow:hidden}.portfolio:before{content:"";z-index:-1;clip-path:polygon(0 25%,20% 33%,35% 16%,52% 25%,65% 56%,83% 63%,100% 87%,83% 100%,0 100%);background:#ed101b;border-radius:48% 52% 0 0/45% 42% 0 0;width:min(48vw,680px);height:min(39vw,460px);position:absolute;bottom:-9%;left:-10%;transform:rotate(-12deg)}.portfolio:after{content:"";z-index:-1;background:#090909;border-radius:50%;width:min(28vw,400px);height:min(20vw,240px);position:absolute;bottom:-12%;left:25%;transform:rotate(-28deg)}.portfolio>.section-kicker,.portfolio>.portfolio-endnote{grid-column:1/-1}.portfolio>.section-kicker{color:#aaa}.portfolio>.section-heading-row{flex-direction:column;grid-area:2/2;align-items:flex-start;gap:22px;margin:clamp(42px,7vh,90px) 0 0;padding:0;display:flex}.portfolio .section-heading-row h2{color:#f7f7f7;font-size:clamp(42px,6vw,82px);line-height:1.04}.portfolio .section-heading-row h2>span:first-of-type,.portfolio .section-heading-row h2 .period{color:var(--portfolio-red)}.portfolio .section-heading-row .section-intro{color:#c6c6c6;max-width:380px}.portfolio .project-orbit-hub{z-index:1;aspect-ratio:auto;width:min(100%,440px);height:auto;box-shadow:none;text-align:start;background:0 0;border:0;border-radius:0;align-items:flex-start;gap:10px;margin-top:clamp(22px,4vh,48px);padding:0;display:flex;position:relative;top:auto;left:auto;transform:none}.portfolio .project-orbit-hub>span{color:var(--portfolio-red);font:600 12px/1.3 var(--mono);letter-spacing:.12em}.portfolio .project-orbit-hub>strong{color:#fff;font:700 clamp(28px,4vw,54px)/1.1 var(--display);letter-spacing:-.04em}.portfolio .project-orbit-hub>i{background:var(--portfolio-red);width:58px;height:3px;margin:5px 0}.portfolio .project-orbit-hub>small{color:#aaa;font:500 11px/1.4 var(--mono);letter-spacing:.04em;opacity:1}.portfolio>.filter-row{flex-wrap:wrap;grid-area:3/2;justify-content:flex-start;gap:8px;margin-top:24px;display:flex}.portfolio>.filter-row button{color:#c9c9c9;background:#151515;border-color:#373737}.portfolio>.filter-row button.filter-active{color:#fff;border-color:var(--portfolio-red);background:var(--portfolio-red)}.portfolio .project-scroll-stage{grid-area:2/1/span 2;width:100%;min-height:720px;margin:34px 0 0;overflow:visible}.portfolio .project-scroll-stage:before,.portfolio .project-scroll-stage:after{display:none}.portfolio .project-scroll-pin{width:100%;height:720px;min-height:0;padding:0}.portfolio .project-scroll-viewport,.portfolio .project-scroll-track,.portfolio .project-grid{width:100%;height:100%;padding:0;overflow:visible}.portfolio .project-grid>.project-orbit-hub{display:none}.portfolio .project-card{top:var(--orbit-y);left:var(--orbit-x);z-index:var(--orbit-z);opacity:0;visibility:hidden;pointer-events:none;filter:none;width:min(100%,540px);height:clamp(136px,16vh,166px);transform:translate(-50%,-50%) scale(var(--orbit-scale));margin:0;transition:top .75s cubic-bezier(.2,.75,.25,1),transform .75s cubic-bezier(.2,.75,.25,1),opacity .35s,visibility 0s linear .8s;position:absolute}.portfolio .project-card.is-orbit-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) scale(var(--orbit-scale));transition-delay:0s}.portfolio .project-card.is-active{z-index:5;filter:none}.portfolio .case-file-paper{clip-path:none;background:linear-gradient(135deg,#202020,#111 75%);border:1px solid #343434;border-radius:27px;width:100%;height:100%;min-height:0;padding:27px 150px 24px 30px;transition:border-color .3s,box-shadow .3s,background .3s;display:block;position:relative;overflow:hidden;transform:none;box-shadow:0 14px 30px #0008}.portfolio .project-card:hover .case-file-paper,.portfolio .project-card.is-active .case-file-paper{background:linear-gradient(135deg,#242424,#111 75%);border-color:#4a4a4a;transform:translateY(-2px);box-shadow:0 18px 38px #000a}.portfolio .case-file-meta{border:0;margin:0;padding:0;display:block}.portfolio .case-file-project-title h3{color:#fff;font:700 clamp(17px,1.7vw,22px)/1.2 var(--display);margin:0 0 10px}.portfolio .case-file-category{text-align:start;align-items:flex-start;max-width:none}.portfolio .case-file-category strong{color:#c7c7c7;font:400 12px/1.5 var(--display);text-transform:none;background:0 0;border:0;padding:0}.portfolio .project-image{z-index:2;width:122px;height:112px;min-height:0;box-shadow:none;background:#fff;border:0;border-radius:100% 0 0;margin:0;position:absolute;bottom:0;right:0;overflow:hidden}.portfolio .project-image>img,.portfolio .project-image>.project-hover-video,.portfolio .project-image>.project-number,.portfolio .project-image>.confidential-stamp,.portfolio .project-image:after{display:none}.portfolio .project-play{width:42px;height:42px;color:var(--portfolio-red);box-shadow:none;background:0 0;border:0;place-items:center;display:grid;inset:auto 28px 25px auto;transform:none}.portfolio .project-card:hover .project-play{color:#a90009;background:0 0;transform:scale(1.08)}.portfolio .project-card:focus-visible{outline:2px solid var(--portfolio-red);outline-offset:5px}.portfolio .portfolio-gallery-controls{color:#eee;justify-content:flex-end;gap:10px;position:absolute;bottom:0;left:0;right:0}.portfolio .portfolio-scroll-hint{color:#aaa;margin-right:auto}.portfolio .portfolio-gallery-arrow{color:#fff;background:#151515;border-color:#444}.portfolio .portfolio-gallery-arrow:hover:not(:disabled){border-color:var(--portfolio-red);background:var(--portfolio-red)}.portfolio .portfolio-scroll-progress{position:absolute;bottom:-38px;left:0;right:0}.portfolio .portfolio-scroll-count{color:#bdbdbd}.portfolio .portfolio-progress-track{background:#343434}.portfolio .portfolio-progress-track>span{background:var(--portfolio-red)}.portfolio .portfolio-endnote{z-index:1;color:#aaa;border-color:#363636;position:relative}.portfolio .portfolio-endnote a{color:#fff}@media(max-width:900px){.portfolio{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:24px}.portfolio>.section-kicker,.portfolio>.portfolio-endnote{grid-column:1/-1}.portfolio>.section-heading-row{grid-area:2/2;margin-top:44px}.portfolio>.filter-row{grid-area:3/2}.portfolio .project-scroll-stage{grid-area:2/1/span 2;min-height:660px;margin-top:42px}.portfolio .project-scroll-pin{height:660px}.portfolio .project-card{width:min(100%,620px);height:140px}}@media(max-width:650px){.portfolio{grid-template-columns:minmax(0,1fr);column-gap:0}.portfolio>.section-heading-row,.portfolio>.filter-row,.portfolio .project-scroll-stage{grid-column:1}.portfolio>.section-heading-row{grid-row:2}.portfolio>.filter-row{grid-row:3}.portfolio .project-scroll-stage{grid-row:4}.portfolio{padding-inline:22px}.portfolio:before{width:90vw;height:72vw;bottom:-5%;left:-26%}.portfolio:after{width:48vw;height:34vw;bottom:-8%;left:15%}.portfolio .section-heading-row h2{font-size:clamp(42px,12vw,64px)}.portfolio .section-heading-row .section-intro{font-size:14px}.portfolio .project-orbit-hub{margin-top:28px}.portfolio .project-orbit-hub>strong{font-size:clamp(30px,9vw,44px)}.portfolio .project-scroll-stage{min-height:600px;margin-top:28px}.portfolio .project-scroll-pin{height:600px}.portfolio .project-card{width:100%;height:132px}.portfolio .case-file-paper{border-radius:22px;padding:22px 112px 20px 20px}.portfolio .case-file-project-title h3{font-size:16px}.portfolio .case-file-category strong{font-size:11px}.portfolio .project-image{width:92px;height:88px}.portfolio .project-play{width:36px;height:36px;bottom:17px;right:18px}.portfolio .portfolio-gallery-controls{bottom:4px}.portfolio .portfolio-scroll-progress{bottom:-34px}}.portfolio.section-wrap{--poster-red:#9a0712;--poster-deep:#71040c;color:#fff;background-color:var(--poster-red);background-image:linear-gradient(90deg,transparent 0 14.8%,#f4e4e42c 15%,transparent 15.2% 84.8%,#f4e4e41c 85%,transparent 85.2%),linear-gradient(0deg,transparent 0 20.8%,#f4e4e42b 21%,transparent 21.2% 78.8%,#f4e4e41b 79%,transparent 79.2%),radial-gradient(ellipse at 15% 25%,#e32d352e,transparent 48%),linear-gradient(135deg,var(--poster-red),var(--poster-deep));isolation:isolate;width:100%;max-width:none;min-height:1040px;margin:0;padding:30px clamp(24px,5vw,76px) 48px;display:block;position:relative;overflow:hidden}.portfolio.section-wrap:before,.portfolio.section-wrap:after{z-index:-1;color:#31050a55;font-family:var(--display);letter-spacing:-.08em;pointer-events:none;clip-path:none;background:0 0;font-weight:900;line-height:.78;display:block;position:absolute;transform:none}.portfolio.section-wrap:before{content:attr(data-current-number);opacity:.72;width:auto;height:auto;font-size:clamp(220px,48vw,700px);top:19%;left:11%}.portfolio.section-wrap:after{content:attr(data-next-number);opacity:.48;width:auto;height:auto;font-size:clamp(200px,38vw,560px);bottom:8%;left:auto;right:5%}.portfolio.section-wrap>.section-kicker{z-index:5;color:#fff;border-bottom:1px solid #f6e9e94a;align-items:flex-start;min-height:58px;padding:3px 0 14px;display:flex;position:relative}.portfolio.section-wrap>.section-kicker span:first-child{max-width:180px;font:800 19px/1 var(--display);letter-spacing:-.08em}.portfolio.section-wrap>.section-kicker span:first-child:before{content:"MA";width:fit-content;font:900 19px/1 var(--display);letter-spacing:-.1em;border:2px solid #fff;margin-bottom:5px;padding:7px 8px;display:block}.portfolio.section-wrap>.section-kicker span:last-child{color:#f5d9da;font-size:9px}.portfolio.section-wrap>.section-heading-row{display:none}.portfolio.section-wrap>.filter-row{z-index:6;flex-wrap:wrap;justify-content:center;gap:7px;width:min(100% - 48px,720px);margin:0;display:flex;position:absolute;top:96px;left:50%;transform:translate(-50%)}.portfolio.section-wrap>.filter-row button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#52050bb0;border-color:#fff5;padding:7px 10px;font-size:10px}.portfolio.section-wrap .project-scroll-stage{width:min(100%,900px);height:780px;min-height:780px;margin:94px auto 0;position:relative;overflow:visible}.portfolio.section-wrap .project-scroll-pin,.portfolio.section-wrap .project-scroll-viewport,.portfolio.section-wrap .project-scroll-track,.portfolio.section-wrap .project-grid{width:100%;height:100%;min-height:0;padding:0;position:relative;overflow:visible}.portfolio.section-wrap .project-card{top:var(--orbit-y);left:var(--orbit-x);z-index:var(--orbit-z);opacity:0;visibility:hidden;pointer-events:none;filter:none;width:clamp(340px,54vw,590px);height:clamp(500px,57vw,640px);transform:translate(-50%,-50%) rotate(var(--orbit-rotation)) scale(var(--orbit-scale));margin:0;transition:transform .85s cubic-bezier(.2,.75,.25,1),opacity .4s,visibility 0s linear .9s;position:absolute}.portfolio.section-wrap .case-file-paper{color:#241114;clip-path:none;background:#f5f0e8;border:0;border-radius:1px;width:100%;height:100%;min-height:0;padding:0;transition:box-shadow .35s;display:block;position:relative;overflow:visible;transform:none;box-shadow:0 24px 55px #30030960,0 3px #d9d1c9}.portfolio.section-wrap .case-file-paper:before{content:"";z-index:8;background:radial-gradient(circle at 32% 24%,#ffb0a8 0,#ffb0a8 5%,#ed3936 24%,#bb0712 68%,#75040b);border-radius:48% 48% 46% 46%;width:48px;height:56px;position:absolute;top:-35px;left:50%;transform:translate(-50%)rotate(-6deg);box-shadow:4px 8px 9px #28030856,inset -5px -6px 7px #57040d70}.portfolio.section-wrap .case-file-paper:after{content:"";z-index:7;clip-path:polygon(50% 100%,0 0,100% 0);background:linear-gradient(90deg,#777,#ddd 48%,#777);width:15px;height:24px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.portfolio.section-wrap .case-file-tab,.portfolio.section-wrap .case-paperclip,.portfolio.section-wrap .confidential-stamp,.portfolio.section-wrap .project-play,.portfolio.section-wrap .project-art,.portfolio.section-wrap .project-image>img,.portfolio.section-wrap .project-hover-video{display:none}.portfolio.section-wrap .case-file-heading{z-index:2;color:#754c4e;font:600 10px var(--mono);letter-spacing:.06em;border-bottom:1px solid #82202a36;justify-content:space-between;padding:0 0 9px;display:flex;position:absolute;top:22px;left:25px;right:25px}.portfolio.section-wrap .project-image{z-index:1;width:100%;height:100%;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible}.portfolio.section-wrap .project-image:after{display:none}.portfolio.section-wrap .project-number{color:#8d0a16;width:auto;height:auto;font:900 clamp(190px,29vw,330px)/.8 var(--display);letter-spacing:-.09em;text-shadow:0 1px #fff9;background:0 0;border:0;border-radius:0;padding:0;display:block;top:43%;left:50%;transform:translate(-50%,-50%)}.portfolio.section-wrap .case-file-meta{z-index:3;border-top:2px solid #8d0a16;padding:15px 0 0;display:block;position:absolute;bottom:58px;left:24px;right:24px}.portfolio.section-wrap .case-file-project-title>span,.portfolio.section-wrap .case-file-category>span{color:#9c5357;font:600 9px var(--mono);letter-spacing:.12em;display:block}.portfolio.section-wrap .case-file-project-title h3{color:#770812;max-width:100%;font:800 clamp(24px,3.1vw,40px)/1.08 var(--display);text-wrap:balance;margin:6px 0 12px}.portfolio.section-wrap .case-file-category{text-align:start;max-width:none;display:block}.portfolio.section-wrap .case-file-category strong{color:#4c3334;width:fit-content;font:500 11px var(--display);background:0 0;border:0;padding:0;display:block}.portfolio.section-wrap .case-file-footer{z-index:3;color:#fff;font:600 10px var(--display);background:#8d0a16;align-items:center;gap:7px;padding:7px 12px;display:flex;position:absolute;bottom:27px;right:-15px;transform:rotate(-3deg)}.portfolio.section-wrap .portfolio-gallery-controls{color:#fff;justify-content:center;gap:14px;position:absolute;bottom:16px;left:0;right:0}.portfolio.section-wrap .portfolio-scroll-hint{color:#f6dada}.portfolio.section-wrap .portfolio-scroll-progress{position:absolute;bottom:-18px;left:15%;right:15%}.portfolio.section-wrap .portfolio-scroll-count{color:#ffe9e9}.portfolio.section-wrap .portfolio-endnote{color:#f2d9da;border-color:#ffffff49;width:min(100%,900px);margin:3px auto 0;display:flex}@media(max-width:900px){.portfolio.section-wrap{min-height:1050px}.portfolio.section-wrap .project-scroll-stage{height:750px;min-height:750px;margin-top:100px}.portfolio.section-wrap .project-card{width:clamp(340px,56vw,500px);height:clamp(500px,72vw,590px)}}@media(max-width:650px){.portfolio.section-wrap{min-height:940px;padding:24px 18px 38px}.portfolio.section-wrap>.section-kicker span:first-child{font-size:16px}.portfolio.section-wrap>.section-kicker span:last-child{text-align:end;max-width:56%}.portfolio.section-wrap>.filter-row{gap:5px;width:calc(100% - 28px);top:84px}.portfolio.section-wrap>.filter-row button{padding:6px 8px;font-size:9px}.portfolio.section-wrap .project-scroll-stage{height:680px;min-height:680px;margin-top:98px}.portfolio.section-wrap .project-card{width:min(88vw,430px);height:clamp(470px,115vw,560px)}.portfolio.section-wrap .case-file-heading{font-size:8px;top:17px;left:16px;right:16px}.portfolio.section-wrap .project-number{font-size:clamp(190px,54vw,260px)}.portfolio.section-wrap .case-file-meta{bottom:50px;left:17px;right:17px}.portfolio.section-wrap .case-file-project-title h3{font-size:clamp(23px,6.8vw,32px)}.portfolio.section-wrap .case-file-footer{font-size:9px;bottom:22px;right:-8px}.portfolio.section-wrap .portfolio-gallery-controls{gap:7px;bottom:8px}.portfolio.section-wrap .portfolio-scroll-hint{font-size:9px}.portfolio.section-wrap .portfolio-scroll-progress{bottom:-18px;left:5%;right:5%}.portfolio.section-wrap .portfolio-endnote{font-size:10px}}.portfolio.section-wrap .project-card.is-active{perspective:1200px}.portfolio.section-wrap .project-card.is-active .case-file-paper{transform-style:preserve-3d;backface-visibility:hidden;animation:.82s cubic-bezier(.2,.8,.2,1) both posterPaperTurn}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .case-file-project-title>span,.portfolio.section-wrap .case-file-category>span{color:color-mix(in srgb,var(--red) 78%,var(--ink))}}.portfolio.section-wrap .case-file-category strong{color:var(--red);border-color:var(--red)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .case-file-category strong{border-color:color-mix(in srgb,var(--red) 35%,var(--ink))}}.portfolio.section-wrap .case-file-category strong{background:var(--red)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .case-file-category strong{background:color-mix(in srgb,var(--red) 10%,var(--portfolio-card-face))}}@keyframes posterPaperTurn{0%{opacity:.5;filter:brightness(.8);transform:perspective(1200px)rotateY(-72deg)rotate(-4deg)scale(.94)}52%{opacity:1;filter:brightness(1.08);transform:perspective(1200px)rotateY(9deg)rotate(1deg)scale(1.015)}to{opacity:1;filter:brightness();transform:perspective(1200px)rotateY(0)rotate(0)scale(1)}}.portfolio.section-wrap .portfolio-flip-wash{z-index:10;pointer-events:none;transform-origin:50%;background:linear-gradient(90deg,#0000 14%,#4f030bd9 48%,#f3dadaaa 50%,#4f030bd9 53%,#0000 88%);animation:.82s cubic-bezier(.2,.8,.2,1) both portfolioSceneTurn;position:absolute;top:0;right:0;bottom:0;left:0}@keyframes portfolioSceneTurn{0%{opacity:0;transform:perspective(1400px)rotateY(-80deg)scaleX(.55)}44%{opacity:.52;transform:perspective(1400px)rotateY(0)scaleX(1)}to{opacity:0;transform:perspective(1400px)rotateY(80deg)scaleX(.55)}}.portfolio.section-wrap .project-image>img,.portfolio.section-wrap .project-image>.project-hover-video{z-index:1;object-fit:cover;background:#28050a;border:9px solid #fff;border-radius:1px;width:82%;height:39%;display:block;position:absolute;top:41%;left:50%;transform:translate(-50%,-50%)rotate(-1deg);box-shadow:0 12px 26px #43040b35}.portfolio.section-wrap .project-image>.project-hover-video{z-index:2}.portfolio.section-wrap .project-number{z-index:0;opacity:.17;top:45%;transform:translate(-50%,-50%)rotate(-2deg)}.portfolio.section-wrap .project-play{z-index:4;color:#fff;background:#8d0a16d9;border:1px solid #ffffffa6;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:absolute;inset:41% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 5px 16px #33040a66}.portfolio.section-wrap .project-card:hover .project-play{color:#8d0a16;background:#fff;transform:translate(-50%,-50%)scale(1.08)}@media(max-width:650px){.portfolio.section-wrap .project-image>img,.portfolio.section-wrap .project-image>.project-hover-video{border-width:7px;width:84%;height:37%;top:40%}.portfolio.section-wrap .project-play{width:48px;height:48px;top:40%}.portfolio.section-wrap .portfolio-flip-wash{background:linear-gradient(90deg,#0000 2%,#4f030be8 47%,#f3dadaaa,#4f030be8 53%,#0000 98%)}}.portfolio.section-wrap .portfolio-flip-wash{display:none}.portfolio.section-wrap .project-card{will-change:left,transform,opacity;transition:left 1.05s cubic-bezier(.22,.72,.18,1),transform 1.05s cubic-bezier(.22,.72,.18,1),opacity .65s,filter .65s}.portfolio.section-wrap .project-card.is-orbit-visible{opacity:.58}.portfolio.section-wrap .project-card[data-orbit-offset="-2"]{opacity:.22}.portfolio.section-wrap .project-card.is-active{z-index:8;opacity:1}.portfolio.section-wrap .project-card.is-active .case-file-paper{transform-style:flat;backface-visibility:visible;animation:none;transform:none}.portfolio.section-wrap .case-file-paper{transition:box-shadow .65s;overflow:visible}.portfolio.section-wrap .project-image>img,.portfolio.section-wrap .project-image>.project-hover-video{width:100%;height:55%;box-shadow:none;object-fit:cover;border:0;border-bottom:8px solid #fff;border-radius:0;top:0;left:0;transform:none}.portfolio.section-wrap .case-file-heading{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#71040cbd;border:0;width:auto;padding:8px 10px;top:18px;left:18px;right:18px}.portfolio.section-wrap .project-number{color:#8d0a16;opacity:.12;z-index:0;font-size:clamp(88px,15vw,170px);top:70%}.portfolio.section-wrap .case-file-meta{bottom:52px}.portfolio.section-wrap .case-file-project-title h3{margin-bottom:8px}@media(max-width:650px){.portfolio.section-wrap .project-card{transition-duration:.9s}.portfolio.section-wrap .project-image>img,.portfolio.section-wrap .project-image>.project-hover-video{border-bottom-width:6px;height:53%}.portfolio.section-wrap .case-file-heading{padding:7px;top:13px;left:13px;right:13px}.portfolio.section-wrap .project-number{font-size:clamp(90px,28vw,136px);top:67%}.portfolio.section-wrap .project-play{top:26.5%}.portfolio.section-wrap .case-file-meta{bottom:48px}}.portfolio.section-wrap .project-card{transform:perspective(1500px) translate(-50%,-50%) rotateY(var(--orbit-tilt,0deg)) rotate(var(--orbit-rotation)) scale(var(--orbit-scale));transform-origin:50%;backface-visibility:hidden;will-change:left,top,transform,opacity;transition:left 1.25s cubic-bezier(.18,.76,.2,1),top 1.25s cubic-bezier(.18,.76,.2,1),transform 1.25s cubic-bezier(.18,.76,.2,1),opacity .8s,filter .8s}.portfolio.section-wrap .project-card.is-orbit-visible{opacity:.74;filter:saturate(.84)brightness(.94)}.portfolio.section-wrap .project-card[data-orbit-offset="-2"],.portfolio.section-wrap .project-card[data-orbit-offset="2"]{opacity:.42}.portfolio.section-wrap .project-card[data-orbit-offset="-1"],.portfolio.section-wrap .project-card[data-orbit-offset="1"]{opacity:.78}.portfolio.section-wrap .project-card.is-active{opacity:1;filter:saturate()brightness()}@keyframes portfolioCardLanding{0%{filter:brightness(.84)saturate(.88);box-shadow:0 10px 26px #30030935,0 2px #d9d1c9}62%{filter:brightness(1.07)saturate(1.04);box-shadow:0 32px 68px #30030978,0 3px #d9d1c9}to{filter:brightness()saturate();box-shadow:0 28px 60px #30030970,0 3px #d9d1c9}}@media(max-width:650px){.portfolio.section-wrap .project-card{transition-duration:1.05s}}.portfolio.section-wrap{--poster-red:#00a873;--poster-deep:#003b2d;background-color:#006848;background-image:linear-gradient(90deg,#0000 0,#0000 14.8%,#d4ffed1c,#0000 15.2%,#0000 84.8%,#d4ffed16,#0000 85.2%),linear-gradient(0deg,#0000 0,#0000 20.8%,#d4ffed18,#0000 21.2%,#0000 78.8%,#d4ffed14,#0000 79.2%),radial-gradient(at 52% 43%,#19eda37a,#0000 39%),linear-gradient(135deg,#009e68,#006448 48%,#003b2d)}.portfolio.section-wrap:before,.portfolio.section-wrap:after{color:#00312666}.portfolio.section-wrap>.section-kicker{border-color:#e2fff34a}.portfolio.section-wrap>.filter-row button{background:#003b2dd9;border-color:#caffeb70}.portfolio.section-wrap>.filter-row button.filter-active{color:#005c41;background:#ecfff7;border-color:#ecfff7}.portfolio.section-wrap .case-file-paper{color:#f5fff9;background:linear-gradient(155deg,#07885f,#00553d 58%,#003c2e);border:1px solid #dffff0c7;border-radius:38px;transition:box-shadow .55s,border-color .55s;overflow:hidden;box-shadow:0 26px 62px #001c1566,inset 0 0 0 8px #f4fff314}.portfolio.section-wrap .case-file-paper:before,.portfolio.section-wrap .case-file-paper:after{display:none}.portfolio.section-wrap .project-card.is-active .case-file-paper{border-color:#f4fff4;box-shadow:0 32px 76px #001c157a,0 0 42px #3fffc14a,inset 0 0 0 8px #f4fff321}.portfolio.section-wrap .case-file-heading{color:#effff7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-shadow:0 1px 8px #00291d8c;background:#004b38c9;border-bottom-color:#ffffff52;top:17px;left:20px;right:20px}.portfolio.section-wrap .project-image{background:linear-gradient(145deg,#0ac784,#006448 55%,#003a2d);border-radius:36px 36px 0 0;overflow:hidden}.portfolio.section-wrap .project-image:before{content:"";z-index:3;pointer-events:none;border:5px solid #effff5e6;border-radius:48px;width:78%;height:49%;position:absolute;top:8%;left:50%;transform:translate(-50%);box-shadow:0 0 35px #b1ffdf5c,inset 0 0 24px #001f1640}.portfolio.section-wrap .project-image>img,.portfolio.section-wrap .project-image>.project-hover-video{object-fit:cover;border:0;border-bottom:3px solid #87ffd1;border-radius:0;width:100%;height:58%;display:block;top:0;left:0;transform:none}.portfolio.section-wrap .project-image:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#002e2170,#0000 32%,#003b2d1f 70%,#004732b8);display:block;position:absolute;top:0;right:0;bottom:42%;left:0}.portfolio.section-wrap .project-number{z-index:4;color:#f4fff8;font:900 clamp(180px,26vw,300px)/.8 var(--display);letter-spacing:-.1em;opacity:.86;text-shadow:0 4px 20px #003b2d80;top:33%}.portfolio.section-wrap .project-play{z-index:5;color:#00462f;background:#f5fff8e8;border:2px solid #f5fff8;top:29%;box-shadow:0 8px 28px #00281f63}.portfolio.section-wrap .case-file-meta{border-top-color:#71efbc;bottom:58px}.portfolio.section-wrap .case-file-project-title>span,.portfolio.section-wrap .case-file-category>span{color:#9bffd4}.portfolio.section-wrap .case-file-category strong{color:#b6ffe0;background:#003d2d66;border:1px solid #c5ffe05c;border-radius:999px}.portfolio.section-wrap .case-file-footer{color:#003d2d;background:#74ffc3;border-radius:999px;box-shadow:0 7px 20px #002b1d52}.portfolio.section-wrap .case-file-footer svg{color:#003d2d}.portfolio.section-wrap .portfolio-gallery-arrow{color:#eafff5;background:#003b2dc9;border-color:#d3ffeb88}.portfolio.section-wrap .portfolio-gallery-arrow:hover:not(:disabled){color:#00583d;background:#edfff6;border-color:#edfff6}.portfolio.section-wrap .portfolio-scroll-hint,.portfolio.section-wrap .portfolio-scroll-count{color:#ddfff0}.portfolio.section-wrap .portfolio-endnote{color:#c9ffe6;border-color:#d8fff04a}@media(max-width:650px){.portfolio.section-wrap .case-file-paper{border-radius:30px}.portfolio.section-wrap .project-image{border-radius:29px 29px 0 0}.portfolio.section-wrap .project-image:before{border-width:4px;border-radius:38px}.portfolio.section-wrap .project-number{top:32%}}.portfolio.section-wrap{color:var(--ink);background-color:var(--paper);background-image:linear-gradient(90deg,transparent 0 14.8%,var(--ink) 15%,transparent 15.2% 84.8%,var(--ink) 85%,transparent 85.2%),linear-gradient(0deg,transparent 0 20.8%,var(--ink) 21%,transparent 21.2% 78.8%,var(--ink) 79%,transparent 79.2%),radial-gradient(ellipse at 52% 43%,var(--ink),transparent 45%)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap{background-image:linear-gradient(90deg,transparent 0 14.8%,color-mix(in srgb,var(--ink) 9%,transparent) 15%,transparent 15.2% 84.8%,color-mix(in srgb,var(--ink) 7%,transparent) 85%,transparent 85.2%),linear-gradient(0deg,transparent 0 20.8%,color-mix(in srgb,var(--ink) 8%,transparent) 21%,transparent 21.2% 78.8%,color-mix(in srgb,var(--ink) 6%,transparent) 79%,transparent 79.2%),radial-gradient(ellipse at 52% 43%,color-mix(in srgb,var(--ink) 5%,transparent),transparent 45%)}}.portfolio.section-wrap>.section-kicker{color:var(--ink);border-color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap>.section-kicker{border-color:color-mix(in srgb,var(--ink) 24%,transparent)}}.portfolio.section-wrap>.section-kicker span:first-child:before{border-color:currentColor}.portfolio.section-wrap>.section-kicker span:last-child{color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap>.section-kicker span:last-child{color:color-mix(in srgb,var(--ink) 72%,transparent)}}.portfolio.section-wrap>.filter-row button{color:var(--ink);border-color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap>.filter-row button{border-color:color-mix(in srgb,var(--ink) 35%,transparent)}}.portfolio.section-wrap>.filter-row button{background:var(--paper)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap>.filter-row button{background:color-mix(in srgb,var(--paper) 84%,var(--ink))}}.portfolio.section-wrap>.filter-row button.filter-active{color:var(--paper);border-color:var(--ink);background:var(--ink)}.portfolio.section-wrap .project-scroll-stage{background:radial-gradient(ellipse at 50% 46%,var(--ink),transparent 58%)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-scroll-stage{background:radial-gradient(ellipse at 50% 46%,color-mix(in srgb,var(--ink) 7%,transparent),transparent 58%)}}.portfolio.section-wrap .portfolio-gallery-controls,.portfolio.section-wrap .portfolio-scroll-hint,.portfolio.section-wrap .portfolio-scroll-count{color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .portfolio-scroll-hint,.portfolio.section-wrap .portfolio-scroll-count{color:color-mix(in srgb,var(--ink) 76%,transparent)}}.portfolio.section-wrap .portfolio-gallery-arrow{color:var(--ink);border-color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .portfolio-gallery-arrow{border-color:color-mix(in srgb,var(--ink) 32%,transparent)}}.portfolio.section-wrap .portfolio-gallery-arrow{background:var(--paper)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .portfolio-gallery-arrow{background:color-mix(in srgb,var(--paper) 88%,var(--ink))}}.portfolio.section-wrap .portfolio-gallery-arrow:hover:not(:disabled){color:var(--paper);border-color:var(--ink);background:var(--ink)}.portfolio.section-wrap .portfolio-progress-track{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .portfolio-progress-track{background:color-mix(in srgb,var(--ink) 22%,transparent)}}.portfolio.section-wrap .portfolio-progress-track>span{background:var(--ink)}.portfolio.section-wrap .portfolio-endnote{color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .portfolio-endnote{color:color-mix(in srgb,var(--ink) 76%,transparent)}}.portfolio.section-wrap .portfolio-endnote{border-color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .portfolio-endnote{border-color:color-mix(in srgb,var(--ink) 24%,transparent)}}.portfolio.section-wrap .portfolio-endnote a{color:var(--ink)}.portfolio.section-wrap .project-image:before{border:5px solid #effff5e6;border-radius:48px;width:min(64%,280px);height:49%;top:8%;left:50%;transform:translate(-50%)}@media(max-width:650px){.portfolio.section-wrap .project-image>img,.portfolio.section-wrap .project-image>.project-hover-video{border-radius:38px}.portfolio.section-wrap .project-image:before{border-radius:42px}}.portfolio.section-wrap:before,.portfolio.section-wrap:after,.portfolio.section-wrap .case-file-heading{display:none}.portfolio.section-wrap .case-file-paper{border-radius:28px;box-shadow:0 18px 42px #001c1566,inset 0 0 0 4px #f4fff314}.portfolio.section-wrap .project-image{border-radius:28px;top:0;right:0;bottom:0;left:0;overflow:hidden}.portfolio.section-wrap .project-image:before{display:none}.portfolio.section-wrap .project-number{z-index:4;color:#fff;width:32px;height:32px;font:700 11px/1 var(--mono);letter-spacing:0;opacity:1;text-shadow:none;background:#004a37d9;border:1px solid #ffffffdc;border-radius:50%;place-items:center;padding:0;display:grid;top:9%;left:auto;right:9%;transform:none}.portfolio.section-wrap .project-play{width:44px;height:44px;top:50%}.portfolio.section-wrap .case-file-meta{border-top-width:1px;padding-top:8px;bottom:13%;left:9%;right:9%}.portfolio.section-wrap .case-file-project-title h3{margin:0 0 5px;font-size:clamp(13px,1.6vw,19px);line-height:1.15}.portfolio.section-wrap .case-file-category strong{padding:3px 8px;font-size:9px}.portfolio.section-wrap .case-file-footer{gap:4px;padding:4px 8px;font-size:8px;bottom:4%;right:7%}@media(max-width:650px){.portfolio.section-wrap .project-card{width:min(44vw,215px);height:clamp(235px,57.5vw,280px)}.portfolio.section-wrap .case-file-paper,.portfolio.section-wrap .project-image{border-radius:22px}.portfolio.section-wrap .project-image>img,.portfolio.section-wrap .project-image>.project-hover-video,.portfolio.section-wrap .project-image:after{border-radius:17px}.portfolio.section-wrap .project-number{width:28px;height:28px;font-size:10px}.portfolio.section-wrap .project-play{width:38px;height:38px}.portfolio.section-wrap .case-file-meta{bottom:14%}}.portfolio.section-wrap .project-card{aspect-ratio:1;width:clamp(190px,24vw,290px);height:clamp(190px,24vw,290px)}.portfolio.section-wrap .case-file-paper{background:linear-gradient(145deg,#087e59,#003b2d);border:1px solid #e6fff0d9;border-radius:28px;width:100%;height:100%;box-shadow:0 18px 42px #001c1566,inset 0 0 0 5px #f4fff31c}.portfolio.section-wrap .project-image{background:linear-gradient(135deg,#08a870,#004632);border-radius:28px;width:100%;height:100%;top:0;right:0;bottom:0;left:0}.portfolio.section-wrap .project-image:before{z-index:3;pointer-events:none;border:4px solid #effff5e6;border-radius:24px;width:90%;height:90%;display:block;position:absolute;top:5%;left:5%;transform:none;box-shadow:0 0 28px #b1ffdf42}.portfolio.section-wrap .project-number{width:30px;height:30px;top:11%;right:11%}.portfolio.section-wrap .project-play{top:50%}.portfolio.section-wrap .case-file-meta{z-index:4;border-top:1px solid #adffd7;padding-top:9px;bottom:11%;left:11%;right:11%}.portfolio.section-wrap .case-file-project-title h3{text-shadow:0 1px 8px #00291d8c;margin:0 0 5px;font-size:clamp(13px,1.6vw,18px)}.portfolio.section-wrap .case-file-category strong{padding:3px 8px}@media(max-width:650px){.portfolio.section-wrap .project-card{width:min(56vw,220px);height:min(56vw,220px)}.portfolio.section-wrap .case-file-paper,.portfolio.section-wrap .project-image{border-radius:22px}.portfolio.section-wrap .project-image>img,.portfolio.section-wrap .project-image>.project-hover-video,.portfolio.section-wrap .project-image:after{border-radius:17px}.portfolio.section-wrap .project-image:before{border-width:3px;border-radius:19px}.portfolio.section-wrap .project-number{width:27px;height:27px;font-size:9px}.portfolio.section-wrap .case-file-meta{bottom:11%}}.portfolio.section-wrap .project-card{width:clamp(210px,25vw,300px);height:clamp(270px,32vw,390px)}.portfolio.section-wrap .case-file-paper{background:radial-gradient(at 50% 48%,#12b77b52,#0000 48%),linear-gradient(155deg,#007d55,#00533d 58%,#003a2d);border:1px solid #72dcb588;border-radius:30px;padding:0;overflow:hidden;box-shadow:0 24px 52px #001c1566,inset 0 0 0 7px #b6ffe20c}.portfolio.section-wrap .project-card:hover .case-file-paper,.portfolio.section-wrap .project-card.is-active .case-file-paper{background:radial-gradient(at 50% 48%,#12b77b52,#0000 48%),linear-gradient(155deg,#007d55,#00533d 58%,#003a2d);box-shadow:0 28px 60px #001c1578,inset 0 0 0 7px #b6ffe218}.portfolio.section-wrap .case-file-paper:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#0000 0,#0000 23%,#8affd111,#8affd111,#0000 24.5%,#0000 76%,#8affd10c,#8affd10c,#0000 77.5%),linear-gradient(0deg,#0000 0,#0000 24%,#8affd10d,#8affd10d,#0000 25.5%,#0000 75%,#8affd10c,#8affd10c,#0000 76.5%);border-radius:36px;display:block;position:absolute;top:-6%;right:-15%;bottom:-6%;left:-15%}.portfolio.section-wrap .case-file-heading{z-index:4;color:#eafff4;letter-spacing:.1em;background:0 0;border:0;border-bottom:1px solid #c9ffe348;padding:0 0 8px;font-size:9px;display:flex;position:absolute;top:7%;left:11%;right:11%}.portfolio.section-wrap .project-image{aspect-ratio:1;background:linear-gradient(145deg,#0bac73,#004b36);border:0;border-radius:27px;width:76%;height:auto;inset:17% auto auto 50%;overflow:hidden;transform:translate(-50%);box-shadow:0 14px 34px #002c2054}.portfolio.section-wrap .project-image>img,.portfolio.section-wrap .project-image>.project-hover-video{object-fit:cover;border:0;border-radius:20px;width:92%;height:92%;top:4%;left:4%;transform:none}.portfolio.section-wrap .project-image:before{border:4px solid #effff5e6;border-radius:22px;width:92%;height:92%;top:4%;left:4%;transform:none;box-shadow:0 0 28px #b1ffdf4d,inset 0 0 20px #002e2140}.portfolio.section-wrap .project-image:after{background:linear-gradient(#002d1b05 45%,#00291f9c);border-radius:20px;width:92%;height:92%;top:4%;right:4%;bottom:4%;left:4%}.portfolio.section-wrap .project-number{color:#f5fff8;width:29px;height:29px;font:700 10px/1 var(--mono);opacity:1;text-shadow:none;background:#00503bd9;border:1px solid #ffffffdc;border-radius:50%;top:10%;left:auto;right:10%;transform:none}.portfolio.section-wrap .project-play{color:#00462f;background:#f5fff8e8;border:1px solid #f5fff8;width:42px;height:42px;top:50%}.portfolio.section-wrap .case-file-meta{text-align:center;border:0;padding:0;inset:auto 12% 9%}.portfolio.section-wrap .case-file-project-title>span,.portfolio.section-wrap .case-file-category>span{display:none}.portfolio.section-wrap .case-file-project-title h3{color:#f5fff9;text-align:center;text-wrap:balance;margin:0 0 4px;font-size:clamp(15px,1.7vw,20px);line-height:1.15}.portfolio.section-wrap .case-file-category{justify-content:center;display:flex}.portfolio.section-wrap .case-file-category strong{color:#42ffc0;background:0 0;border:0;border-radius:0;padding:0;font-size:10px;font-weight:700}.portfolio.section-wrap .case-file-footer{display:none}@media(max-width:650px){.portfolio.section-wrap .project-card{width:min(64vw,250px);height:min(82vw,320px)}.portfolio.section-wrap .case-file-paper{border-radius:26px}.portfolio.section-wrap .case-file-heading{font-size:8px}.portfolio.section-wrap .project-image{border-radius:23px;width:76%;top:17%}.portfolio.section-wrap .project-image>img,.portfolio.section-wrap .project-image>.project-hover-video,.portfolio.section-wrap .project-image:after{border-radius:17px}.portfolio.section-wrap .project-image:before{border-width:3px;border-radius:19px}.portfolio.section-wrap .project-number{width:25px;height:25px;font-size:9px}.portfolio.section-wrap .case-file-project-title h3{font-size:clamp(14px,4vw,17px)}}.portfolio.section-wrap{--portfolio-card-face:var(--surface);--portfolio-card-line:var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap{--portfolio-card-line:color-mix(in srgb, var(--ink) 20%, transparent)}}.portfolio.section-wrap{--portfolio-frame:var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap{--portfolio-frame:color-mix(in srgb, var(--ink) 28%, var(--surface))}}.portfolio.section-wrap .case-file-paper{color:var(--ink);border-color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .case-file-paper{border-color:color-mix(in srgb,var(--ink) 22%,var(--surface))}}.portfolio.section-wrap .case-file-paper{background:linear-gradient(145deg,var(--surface),var(--surface) 72%)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .case-file-paper{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 78%,var(--paper)),var(--surface) 72%)}}.portfolio.section-wrap .case-file-paper{box-shadow:0 22px 48px var(--ink),inset 0 0 0 5px var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .case-file-paper{box-shadow:0 22px 48px color-mix(in srgb,var(--ink) 18%,transparent),inset 0 0 0 5px color-mix(in srgb,var(--ink) 4%,transparent)}}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card.is-active .case-file-paper{border-color:color-mix(in srgb,var(--red) 42%,var(--surface))}}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card.is-active .case-file-paper{box-shadow:0 26px 58px color-mix(in srgb,var(--ink) 23%,transparent),inset 0 0 0 5px color-mix(in srgb,var(--ink) 5%,transparent)}}.portfolio.section-wrap .case-file-paper:before{background:linear-gradient(90deg,transparent 0 23%,var(--ink) 23.5% 24%,transparent 24.5% 76%,var(--ink) 76.5% 77%,transparent 77.5%),linear-gradient(0deg,transparent 0 24%,var(--ink) 24.5% 25%,transparent 25.5% 75%,var(--ink) 75.5% 76%,transparent 76.5%)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .case-file-paper:before{background:linear-gradient(90deg,transparent 0 23%,color-mix(in srgb,var(--ink) 6%,transparent) 23.5% 24%,transparent 24.5% 76%,color-mix(in srgb,var(--ink) 5%,transparent) 76.5% 77%,transparent 77.5%),linear-gradient(0deg,transparent 0 24%,color-mix(in srgb,var(--ink) 5%,transparent) 24.5% 25%,transparent 25.5% 75%,color-mix(in srgb,var(--ink) 5%,transparent) 75.5% 76%,transparent 76.5%)}}.portfolio.section-wrap .case-file-heading{color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .case-file-heading{color:color-mix(in srgb,var(--ink) 74%,transparent)}}.portfolio.section-wrap .case-file-heading{border-bottom-color:var(--portfolio-card-line);background:var(--portfolio-card-face)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .case-file-heading{background:color-mix(in srgb,var(--portfolio-card-face) 78%,transparent)}}.portfolio.section-wrap .project-image{background:var(--paper);box-shadow:0 14px 34px var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-image{box-shadow:0 14px 34px color-mix(in srgb,var(--ink) 18%,transparent)}}.portfolio.section-wrap .project-image:before{border-color:var(--portfolio-frame);box-shadow:0 0 20px var(--ink),inset 0 0 16px var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-image:before{box-shadow:0 0 20px color-mix(in srgb,var(--ink) 12%,transparent),inset 0 0 16px color-mix(in srgb,var(--ink) 12%,transparent)}}.portfolio.section-wrap .project-image:after{background:linear-gradient(180deg,transparent 48%,var(--ink) 100%)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-image:after{background:linear-gradient(180deg,transparent 48%,color-mix(in srgb,var(--ink) 52%,transparent) 100%)}}.portfolio.section-wrap .project-number{color:#fff;border-color:var(--red)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-number{border-color:color-mix(in srgb,var(--red) 72%,var(--paper))}}.portfolio.section-wrap .project-number{background:var(--red);box-shadow:0 3px 12px var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-number{box-shadow:0 3px 12px color-mix(in srgb,var(--ink) 25%,transparent)}}.portfolio.section-wrap .project-play{color:#fff;border-color:var(--red)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-play{border-color:color-mix(in srgb,var(--red) 72%,var(--paper))}}.portfolio.section-wrap .project-play{background:var(--red);box-shadow:0 8px 24px var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-play{box-shadow:0 8px 24px color-mix(in srgb,var(--ink) 34%,transparent)}}.portfolio.section-wrap .case-file-project-title h3{color:var(--ink)}.portfolio.section-wrap .case-file-category strong{color:var(--red)}.portfolio.section-wrap .project-card:hover .case-file-paper,.portfolio.section-wrap .project-card.is-active .case-file-paper{color:var(--ink);border-color:var(--red)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card:hover .case-file-paper,.portfolio.section-wrap .project-card.is-active .case-file-paper{border-color:color-mix(in srgb,var(--red) 42%,var(--surface))}}.portfolio.section-wrap .project-card:hover .case-file-paper,.portfolio.section-wrap .project-card.is-active .case-file-paper{background:linear-gradient(145deg,var(--surface),var(--surface) 72%)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card:hover .case-file-paper,.portfolio.section-wrap .project-card.is-active .case-file-paper{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 78%,var(--paper)),var(--surface) 72%)}}.portfolio.section-wrap .project-card:hover .case-file-paper,.portfolio.section-wrap .project-card.is-active .case-file-paper{box-shadow:0 26px 58px var(--ink),inset 0 0 0 5px var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card:hover .case-file-paper,.portfolio.section-wrap .project-card.is-active .case-file-paper{box-shadow:0 26px 58px color-mix(in srgb,var(--ink) 23%,transparent),inset 0 0 0 5px color-mix(in srgb,var(--ink) 5%,transparent)}}.portfolio.section-wrap .project-image>img,.portfolio.section-wrap .project-image>.project-hover-video{border:7px solid var(--portfolio-frame);background:var(--portfolio-card-face);box-shadow:0 12px 26px var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-image>img,.portfolio.section-wrap .project-image>.project-hover-video{box-shadow:0 12px 26px color-mix(in srgb,var(--ink) 26%,transparent)}}html[data-theme=dark] .portfolio.section-wrap{--portfolio-card-face:#292927;--portfolio-card-line:#f4f0e83d;--portfolio-frame:var(--ink)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .portfolio.section-wrap{--portfolio-frame:color-mix(in srgb, var(--ink) 48%, var(--surface))}}html[data-theme=dark] .portfolio.section-wrap .case-file-paper,html[data-theme=dark] .portfolio.section-wrap .project-card:hover .case-file-paper,html[data-theme=dark] .portfolio.section-wrap .project-card.is-active .case-file-paper{color:#f4f0e8;border-color:var(--portfolio-card-line);background:linear-gradient(145deg,#30302e,#242422 72%);box-shadow:0 24px 52px #0009,inset 0 0 0 5px #f4f0e80a}html[data-theme=dark] .portfolio.section-wrap .project-card.is-active .case-file-paper{border-color:var(--ink)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .portfolio.section-wrap .project-card.is-active .case-file-paper{border-color:color-mix(in srgb,var(--ink) 38%,var(--surface))}}html[data-theme=dark] .portfolio.section-wrap .project-card.is-active .case-file-paper{box-shadow:0 28px 58px #000b,inset 0 0 0 5px #f4f0e80d}html[data-theme=dark] .portfolio.section-wrap .case-file-heading{color:#c9c5bd}html[data-theme=dark] .portfolio.section-wrap .case-file-project-title h3{color:#f4f0e8}html[data-theme=dark] .portfolio.section-wrap .project-image{background:#111}html[data-theme=dark] .portfolio.section-wrap .project-image:before{border-color:var(--portfolio-frame);box-shadow:0 0 18px #f4f0e814,inset 0 0 15px #0007}html[data-theme=dark] .portfolio.section-wrap .project-image>img,html[data-theme=dark] .portfolio.section-wrap .project-image>.project-hover-video{border-color:var(--portfolio-frame);background:#111;box-shadow:0 12px 26px #0009}html[data-theme=dark] .portfolio.section-wrap .project-number{opacity:1}.portfolio.section-wrap:before{content:attr(data-current-number);z-index:-1;width:max-content;height:auto;color:var(--ink);display:block;position:absolute;top:48%;left:50%}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap:before{color:color-mix(in srgb,var(--ink) 8%,transparent)}}.portfolio.section-wrap:before{font-family:var(--display,"DM Sans", sans-serif);letter-spacing:-.08em;pointer-events:none;font-size:clamp(320px,92vw,920px);font-weight:900;line-height:.78;transform:translate(-50%,-50%)}.portfolio.section-wrap:after{display:none}.portfolio.section-wrap{background-image:repeating-linear-gradient(90deg,transparent 0 139px,var(--ink) 139px 140px),repeating-linear-gradient(0deg,transparent 0 139px,var(--ink) 139px 140px),radial-gradient(ellipse at 52% 43%,var(--ink),transparent 45%)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap{background-image:repeating-linear-gradient(90deg,transparent 0 139px,color-mix(in srgb,var(--ink) 6%,transparent) 139px 140px),repeating-linear-gradient(0deg,transparent 0 139px,color-mix(in srgb,var(--ink) 6%,transparent) 139px 140px),radial-gradient(ellipse at 52% 43%,color-mix(in srgb,var(--ink) 5%,transparent),transparent 45%)}}.color-theme-picker{flex:none;align-items:center;gap:6px;display:flex;position:relative}.color-theme-toggle{border:1px solid var(--line);width:36px;min-width:36px;height:36px;color:var(--ink);background:var(--surface);box-shadow:2px 3px 0 var(--ink);padding:0}@supports (color:color-mix(in lab,red,red)){.color-theme-toggle{box-shadow:2px 3px color-mix(in srgb,var(--ink) 12%,transparent)}}.color-theme-toggle:hover,.color-theme-toggle[aria-expanded=true]{border-color:var(--red);color:var(--red);background:var(--paper)}.color-theme-panel{z-index:40;border:1px solid var(--line);width:min(276px,100vw - 28px);color:var(--ink);background:var(--surface);box-shadow:6px 8px 0 var(--ink),0 18px 36px #0002;top:calc(100% + 12px);padding:12px;position:absolute;inset-inline-end:0}@supports (color:color-mix(in lab,red,red)){.color-theme-panel{box-shadow:6px 8px color-mix(in srgb,var(--ink) 14%,transparent),0 18px 36px #0002}}.color-theme-panel{animation:.16s ease-out both color-panel-in;transform:rotate(-1deg)}.color-theme-heading{color:var(--ink);margin-bottom:9px;display:block}@supports (color:color-mix(in lab,red,red)){.color-theme-heading{color:color-mix(in srgb,var(--ink) 70%,transparent)}}.color-theme-heading{font:600 8px var(--mono);letter-spacing:.12em}.color-theme-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.color-theme-switches{border-bottom:1px solid var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:9px;padding-bottom:10px;display:grid}@supports (color:color-mix(in lab,red,red)){.color-theme-switches{border-bottom:1px solid color-mix(in srgb,var(--ink) 14%,transparent)}}.color-theme-switch-option{border:1px solid var(--ink);flex-direction:column;align-items:center;gap:6px;min-width:0;padding:7px 4px;display:flex}@supports (color:color-mix(in lab,red,red)){.color-theme-switch-option{border:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}}.color-theme-switch-option{background:var(--paper);border-radius:8px}@supports (color:color-mix(in lab,red,red)){.color-theme-switch-option{background:color-mix(in srgb,var(--paper) 42%,var(--surface))}}.color-theme-switch-option>label{max-width:100%;color:var(--ink);overflow:hidden}@supports (color:color-mix(in lab,red,red)){.color-theme-switch-option>label{color:color-mix(in srgb,var(--ink) 78%,transparent)}}.color-theme-switch-option>label{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;font-size:9px}.color-theme-switch-option>button{background:var(--ink);width:38px;height:22px}@supports (color:color-mix(in lab,red,red)){.color-theme-switch-option>button{background:color-mix(in srgb,var(--ink) 22%,var(--surface))}}.color-theme-switch-option>button>span{background:var(--paper);width:16px;height:16px}.color-theme-switches--compact{border:0;flex:none;align-items:center;gap:4px;margin:0;padding:0;display:flex}.color-theme-switch-option--compact{background:0 0;border:0;border-radius:999px;padding:0;display:block}.color-theme-switch-option--compact>button{border:1px solid var(--ink);width:27px;min-width:27px;height:16px;padding:1px}@supports (color:color-mix(in lab,red,red)){.color-theme-switch-option--compact>button{border:1px solid color-mix(in srgb,var(--ink) 28%,transparent)}}.color-theme-switch-option--compact>button{box-shadow:none;border-radius:999px;transition:background-color .2s,border-color .2s}.color-theme-switch-option--compact>button[data-state=checked]{background:var(--switch-accent);border-color:var(--switch-accent)}.color-theme-switch-option--compact>button>span{background:#fff;width:12px;height:12px;box-shadow:0 1px 3px #00000052}.color-theme-switch-option--compact>button[data-state=checked]>span{translate:11px}.color-theme-options{margin-top:8px}.color-theme-option{border:1px solid var(--ink);align-items:center;gap:7px;min-width:0;min-height:37px;padding:5px 7px;display:flex}@supports (color:color-mix(in lab,red,red)){.color-theme-option{border:1px solid color-mix(in srgb,var(--ink) 16%,transparent)}}.color-theme-option{color:var(--ink);background:var(--paper)}@supports (color:color-mix(in lab,red,red)){.color-theme-option{background:color-mix(in srgb,var(--paper) 70%,var(--surface))}}.color-theme-option{text-align:start;font-size:10px;transition:border-color .18s,transform .18s,background .18s}.color-theme-option:hover{border-color:var(--red);transform:translateY(-1px)}.color-theme-option.is-selected{border-color:var(--red);background:var(--paper)}.color-theme-option>span:nth-child(2){flex:1}.color-theme-option>svg{color:var(--red)}.color-theme-swatches{flex:none;align-items:center;padding-inline-start:2px;display:inline-flex}.color-theme-swatches i{border:1px solid var(--ink);width:11px;height:11px;display:block}@supports (color:color-mix(in lab,red,red)){.color-theme-swatches i{border:1px solid color-mix(in srgb,var(--ink) 26%,transparent)}}.color-theme-swatches i{border-radius:50%}.color-theme-swatches i+i{margin-inline-start:-4px}.color-theme-option:focus-visible,.color-theme-toggle:focus-visible{outline:2px solid var(--red);outline-offset:2px}@keyframes color-panel-in{0%{opacity:0;translate:0 -5px}to{opacity:1;translate:0}}@media(max-width:650px){.color-theme-toggle{width:32px;min-width:32px;height:32px}.color-theme-panel{top:76px;left:auto;inset-inline-end:auto;width:min(276px,100vw - 40px);max-height:calc(100dvh - 90px);padding:10px;position:fixed;right:14px;overflow-y:auto;transform:none}.color-theme-options{gap:5px}.color-theme-option{gap:6px;min-height:35px;padding-inline:6px;font-size:9px}}html[data-palette]{background:var(--paper);color:var(--ink);accent-color:var(--red)}html[data-palette] body{background:var(--paper);color:var(--ink)}html[data-palette] .site-header{color:var(--ink);background:var(--header-bg);border-color:var(--line)}html[data-palette] .preference-capsule{border-color:var(--line);color:var(--ink);background:var(--surface);box-shadow:3px 4px 0 var(--ink),inset 0 1px var(--ink)}@supports (color:color-mix(in lab,red,red)){html[data-palette] .preference-capsule{box-shadow:3px 4px color-mix(in srgb,var(--ink) 18%,transparent),inset 0 1px color-mix(in srgb,var(--ink) 12%,transparent)}}html[data-palette] .preference-toggle{color:var(--ink)}html[data-palette] .preference-toggle:hover,html[data-palette] .preference-toggle[aria-expanded=true]{border-color:var(--red);color:var(--ink);background:var(--red)}@supports (color:color-mix(in lab,red,red)){html[data-palette] .preference-toggle:hover,html[data-palette] .preference-toggle[aria-expanded=true]{background:color-mix(in srgb,var(--red) 22%,var(--paper))}}html[data-palette] .hero-meta,html[data-palette] .hero-intro,html[data-palette] .section-intro,html[data-palette] .project-details p,html[data-palette] .service-row p,html[data-palette] .about-body,html[data-palette] .about-outlook,html[data-palette] .about-stats small,html[data-palette] .service-card p,html[data-palette] .service-number,html[data-palette] .copyright{color:var(--ink)}@supports (color:color-mix(in lab,red,red)){html[data-palette] .hero-meta,html[data-palette] .hero-intro,html[data-palette] .section-intro,html[data-palette] .project-details p,html[data-palette] .service-row p,html[data-palette] .about-body,html[data-palette] .about-outlook,html[data-palette] .about-stats small,html[data-palette] .service-card p,html[data-palette] .service-number,html[data-palette] .copyright{color:color-mix(in srgb,var(--ink) 78%,transparent)}}html[data-palette] .about-feature{color:var(--ink);background:var(--surface)}@supports (color:color-mix(in lab,red,red)){html[data-palette] .about-feature{background:color-mix(in srgb,var(--surface) 78%,var(--paper))}}html[data-palette] .about-feature{border-color:var(--red)}@supports (color:color-mix(in lab,red,red)){html[data-palette] .about-feature{border-color:color-mix(in srgb,var(--red) 65%,var(--ink))}}html[data-palette] .about-feature{box-shadow:4px 5px 0 var(--blue)}@supports (color:color-mix(in lab,red,red)){html[data-palette] .about-feature{box-shadow:4px 5px color-mix(in srgb,var(--blue) 75%,transparent)}}html[data-palette] .about-feature strong,html[data-palette] .service-icon,html[data-palette] .project-card .case-file-tab span,html[data-palette] .case-file-footer svg{color:var(--red)}html[data-palette] .about-feature p{color:var(--ink)}@supports (color:color-mix(in lab,red,red)){html[data-palette] .about-feature p{color:color-mix(in srgb,var(--ink) 82%,transparent)}}html[data-palette] .service-card{color:var(--ink);border-color:var(--ink)}@supports (color:color-mix(in lab,red,red)){html[data-palette] .service-card{border-color:color-mix(in srgb,var(--ink) 25%,var(--red))}}html[data-palette] .service-card{box-shadow:7px 9px 0 var(--blue),0 10px 25px var(--ink)}@supports (color:color-mix(in lab,red,red)){html[data-palette] .service-card{box-shadow:7px 9px color-mix(in srgb,var(--blue) 32%,transparent),0 10px 25px color-mix(in srgb,var(--ink) 12%,transparent)}}html[data-palette] .services-note{color:var(--ink);background:var(--yellow);box-shadow:3px 4px 0 var(--ink)}@supports (color:color-mix(in lab,red,red)){html[data-palette] .services-note{box-shadow:3px 4px color-mix(in srgb,var(--ink) 26%,transparent)}}html[data-palette] .process{color:var(--contrast-ink);background:var(--contrast-bg)}html[data-palette] .process .section-kicker{color:var(--contrast-ink);border-color:var(--contrast-ink)}@supports (color:color-mix(in lab,red,red)){html[data-palette] .process .section-kicker{border-color:color-mix(in srgb,var(--contrast-ink) 35%,transparent)}}html[data-palette] .process-title>span,html[data-palette] .process-step p{color:var(--contrast-ink)}@supports (color:color-mix(in lab,red,red)){html[data-palette] .process-title>span,html[data-palette] .process-step p{color:color-mix(in srgb,var(--contrast-ink) 72%,transparent)}}html[data-palette] .process-line{border-color:var(--contrast-ink)}@supports (color:color-mix(in lab,red,red)){html[data-palette] .process-line{border-color:color-mix(in srgb,var(--contrast-ink) 42%,transparent)}}html[data-palette] .process-dot{box-shadow:0 0 0 5px var(--contrast-bg)}@supports (color:color-mix(in lab,red,red)){html[data-palette] .cta .section-kicker{border-color:color-mix(in srgb,var(--ink) 38%,transparent)}}html[data-palette] .project-card:nth-child(3n+2) .case-file-tab,html[data-palette] .project-card:nth-child(3n) .case-file-tab{color:var(--ink);background:var(--blue)}@supports (color:color-mix(in lab,red,red)){html[data-palette] .project-card:nth-child(3n+2) .case-file-tab,html[data-palette] .project-card:nth-child(3n) .case-file-tab{background:color-mix(in srgb,var(--blue) 26%,var(--paper))}}html[data-palette] .project-card:nth-child(3n+2) .case-file-tab,html[data-palette] .project-card:nth-child(3n) .case-file-tab{border-color:var(--blue)}@supports (color:color-mix(in lab,red,red)){html[data-palette] .project-card:nth-child(3n+2) .case-file-tab,html[data-palette] .project-card:nth-child(3n) .case-file-tab{border-color:color-mix(in srgb,var(--blue) 65%,var(--ink))}}html[data-palette] .project-card:nth-child(3n) .case-file-tab{background:var(--yellow)}@supports (color:color-mix(in lab,red,red)){html[data-palette] .project-card:nth-child(3n) .case-file-tab{background:color-mix(in srgb,var(--yellow) 58%,var(--paper))}}html[data-palette] .project-card:nth-child(3n) .case-file-tab{border-color:var(--yellow)}@supports (color:color-mix(in lab,red,red)){html[data-palette] .project-card:nth-child(3n) .case-file-tab{border-color:color-mix(in srgb,var(--yellow) 72%,var(--ink))}}html[data-palette] .project-card:nth-child(3n+2) .project-image{border-color:var(--blue);box-shadow:3px 3px 0 var(--blue)}@supports (color:color-mix(in lab,red,red)){html[data-palette] .project-card:nth-child(3n+2) .project-image{box-shadow:3px 3px color-mix(in srgb,var(--blue) 72%,transparent)}}html[data-palette] .portfolio.section-wrap .project-card.is-active .case-file-paper,html[data-palette] .portfolio.section-wrap .project-card:hover .case-file-paper{border-color:var(--red)}@supports (color:color-mix(in lab,red,red)){html[data-palette] .portfolio.section-wrap .project-card.is-active .case-file-paper,html[data-palette] .portfolio.section-wrap .project-card:hover .case-file-paper{border-color:color-mix(in srgb,var(--red) 68%,var(--ink))}}html[data-palette] .portfolio.section-wrap .project-card.is-active .case-file-paper,html[data-palette] .portfolio.section-wrap .project-card:hover .case-file-paper{box-shadow:0 26px 58px var(--ink),inset 0 0 0 5px var(--red)}@supports (color:color-mix(in lab,red,red)){html[data-palette] .portfolio.section-wrap .project-card.is-active .case-file-paper,html[data-palette] .portfolio.section-wrap .project-card:hover .case-file-paper{box-shadow:0 26px 58px color-mix(in srgb,var(--ink) 32%,transparent),inset 0 0 0 5px color-mix(in srgb,var(--red) 22%,transparent)}}html[data-palette][data-theme=dark] .portfolio.section-wrap .case-file-paper,html[data-palette][data-theme=dark] .portfolio.section-wrap .project-card:hover .case-file-paper,html[data-palette][data-theme=dark] .portfolio.section-wrap .project-card.is-active .case-file-paper{color:var(--ink);border-color:var(--ink)}@supports (color:color-mix(in lab,red,red)){html[data-palette][data-theme=dark] .portfolio.section-wrap .case-file-paper,html[data-palette][data-theme=dark] .portfolio.section-wrap .project-card:hover .case-file-paper,html[data-palette][data-theme=dark] .portfolio.section-wrap .project-card.is-active .case-file-paper{border-color:color-mix(in srgb,var(--ink) 32%,var(--red))}}html[data-palette][data-theme=dark] .portfolio.section-wrap .case-file-paper,html[data-palette][data-theme=dark] .portfolio.section-wrap .project-card:hover .case-file-paper,html[data-palette][data-theme=dark] .portfolio.section-wrap .project-card.is-active .case-file-paper{background:linear-gradient(145deg,var(--surface),var(--surface) 76%)}@supports (color:color-mix(in lab,red,red)){html[data-palette][data-theme=dark] .portfolio.section-wrap .case-file-paper,html[data-palette][data-theme=dark] .portfolio.section-wrap .project-card:hover .case-file-paper,html[data-palette][data-theme=dark] .portfolio.section-wrap .project-card.is-active .case-file-paper{background:linear-gradient(145deg,color-mix(in srgb,var(--surface) 88%,var(--red)),var(--surface) 76%)}}html[data-palette][data-theme=dark] .portfolio.section-wrap .case-file-paper,html[data-palette][data-theme=dark] .portfolio.section-wrap .project-card:hover .case-file-paper,html[data-palette][data-theme=dark] .portfolio.section-wrap .project-card.is-active .case-file-paper{box-shadow:0 24px 52px #0009,inset 0 0 0 5px var(--ink)}@supports (color:color-mix(in lab,red,red)){html[data-palette][data-theme=dark] .portfolio.section-wrap .case-file-paper,html[data-palette][data-theme=dark] .portfolio.section-wrap .project-card:hover .case-file-paper,html[data-palette][data-theme=dark] .portfolio.section-wrap .project-card.is-active .case-file-paper{box-shadow:0 24px 52px #0009,inset 0 0 0 5px color-mix(in srgb,var(--ink) 8%,transparent)}}html[data-palette][data-theme=dark] .portfolio.section-wrap .case-file-heading{color:var(--ink)}@supports (color:color-mix(in lab,red,red)){html[data-palette][data-theme=dark] .portfolio.section-wrap .case-file-heading{color:color-mix(in srgb,var(--ink) 72%,transparent)}}html[data-palette][data-theme=dark] .portfolio.section-wrap .case-file-project-title h3{color:var(--ink)}html[data-palette] .portfolio.section-wrap .project-image:before{border-color:var(--blue)}@supports (color:color-mix(in lab,red,red)){html[data-palette] .portfolio.section-wrap .project-image:before{border-color:color-mix(in srgb,var(--blue) 74%,white)}}html[data-palette] .portfolio.section-wrap .portfolio-progress-track>span{background:var(--red)}html[data-palette] .portfolio.section-wrap .project-play{color:var(--ink);background:var(--yellow);border-color:var(--yellow)}html[data-palette] .project-art-1{color:var(--contrast-ink);background:var(--red)}html[data-palette] .project-art-2{color:var(--ink);background:var(--yellow)}html[data-palette] .project-art-3{color:var(--contrast-ink);background:var(--blue)}.portfolio.section-wrap .project-scroll-stage{overflow:visible}.portfolio.section-wrap .project-scroll-stage:before,.portfolio.section-wrap .project-scroll-stage:after{display:none}.portfolio.section-wrap .project-scroll-viewport{perspective:1350px;perspective-origin:50%;overflow:hidden}.portfolio.section-wrap .project-scroll-track{transform-style:preserve-3d}.portfolio.section-wrap .project-grid{transform-style:preserve-3d;transition:none;display:block;transform:none}.portfolio.section-wrap .project-grid:before,.portfolio.section-wrap .project-grid:after{content:"";width:var(--sphere-diameter,560px);height:var(--sphere-diameter,560px);pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio.section-wrap .project-grid:before{z-index:-2;border:1px solid var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-grid:before{border:1px solid color-mix(in srgb,var(--ink) 25%,transparent)}}.portfolio.section-wrap .project-grid:before{background:radial-gradient(circle at 31% 23%,var(--paper),transparent 34%),radial-gradient(circle at 50% 54%,var(--red),transparent 71%),radial-gradient(circle,var(--paper),var(--ink) 72%,var(--ink) 100%)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-grid:before{background:radial-gradient(circle at 31% 23%,color-mix(in srgb,var(--paper) 36%,white),transparent 34%),radial-gradient(circle at 50% 54%,color-mix(in srgb,var(--red) 14%,transparent),transparent 71%),radial-gradient(circle,color-mix(in srgb,var(--paper) 16%,transparent),color-mix(in srgb,var(--ink) 18%,transparent) 72%,color-mix(in srgb,var(--ink) 42%,var(--paper)))}}.portfolio.section-wrap .project-grid:before{box-shadow:inset -32px -24px 70px var(--ink),0 20px 60px var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-grid:before{box-shadow:inset -32px -24px 70px color-mix(in srgb,var(--ink) 22%,transparent),0 20px 60px color-mix(in srgb,var(--ink) 18%,transparent)}}.portfolio.section-wrap .project-grid:before{opacity:.92}.portfolio.section-wrap .project-grid:after{z-index:-1;border:1px solid var(--ink);transform:translate(-50%,-50%)scale(.84)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-grid:after{border:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}}.portfolio.section-wrap .project-grid:after{box-shadow:0 0 0 1px var(--paper),inset 0 0 30px var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-grid:after{box-shadow:0 0 0 1px color-mix(in srgb,var(--paper) 8%,transparent),inset 0 0 30px color-mix(in srgb,var(--ink) 12%,transparent)}}.portfolio.section-wrap .project-grid>.project-orbit-hub{display:none}.portfolio.section-wrap .project-card{z-index:var(--sphere-depth,1);opacity:0;visibility:hidden;pointer-events:none;width:clamp(84px,12vw,148px);height:clamp(112px,17vw,210px);transform:translate3d(calc(-50% + var(--sphere-x,0px)),calc(-50% + var(--sphere-y,0px)),var(--sphere-z,0px)) rotateY(var(--sphere-face-y,0deg)) rotateX(var(--sphere-face-x,0deg)) scale(var(--sphere-scale,.8));transform-style:preserve-3d;backface-visibility:visible;filter:saturate(1.08) brightness(var(--sphere-brightness,1));margin:0;transition:transform .9s cubic-bezier(.2,.72,.2,1),opacity .65s,filter .35s,visibility 0s linear .9s;position:absolute;top:50%;left:50%}.portfolio.section-wrap .project-card.is-orbit-visible{opacity:var(--sphere-opacity,.8);visibility:visible;pointer-events:auto;transition-delay:0s}.portfolio.section-wrap .project-card.is-active{z-index:200;opacity:1;filter:saturate(1.2)brightness(1.08);width:clamp(118px,15vw,176px);height:clamp(158px,21vw,246px)}.portfolio.section-wrap .project-card:hover,.portfolio.section-wrap .project-card:focus-visible{z-index:210;filter:saturate(1.25)brightness(1.1)}.portfolio.section-wrap .project-card .case-file-paper{border:1px solid var(--ink);overflow:hidden}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card .case-file-paper{border:1px solid color-mix(in srgb,var(--ink) 28%,var(--red))}}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card .case-file-paper{background:color-mix(in srgb,var(--surface) 84%,var(--paper))}}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card .case-file-paper{box-shadow:0 14px 36px color-mix(in srgb,var(--ink) 25%,transparent),inset 0 0 0 3px color-mix(in srgb,var(--paper) 22%,transparent)}}.portfolio.section-wrap .project-card .case-file-paper{transform:none}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card.is-active .case-file-paper{border-color:color-mix(in srgb,var(--yellow) 76%,var(--red))}}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card.is-active .case-file-paper{box-shadow:0 20px 54px color-mix(in srgb,var(--ink) 36%,transparent),0 0 28px color-mix(in srgb,var(--red) 40%,transparent),inset 0 0 0 3px color-mix(in srgb,var(--paper) 30%,transparent)}}.portfolio.section-wrap .project-card .case-file-meta,.portfolio.section-wrap .project-card .case-file-project-title h3{color:var(--ink)}.portfolio.section-wrap .project-card .case-file-category strong{color:var(--ink);background:var(--red)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card .case-file-category strong{background:color-mix(in srgb,var(--red) 24%,var(--paper))}}.portfolio.section-wrap .project-card .project-number{color:var(--ink);border-color:var(--paper)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card .project-number{border-color:color-mix(in srgb,var(--paper) 82%,transparent)}}.portfolio.section-wrap .project-card .project-number{background:var(--paper)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card .project-number{background:color-mix(in srgb,var(--paper) 84%,transparent)}}.portfolio.section-wrap .project-card.is-active .project-number{color:var(--ink);background:var(--yellow)}.portfolio.section-wrap .project-card .case-file-heading,.portfolio.section-wrap .project-card .case-file-tab,.portfolio.section-wrap .project-card .case-file-footer{display:none}.portfolio.section-wrap .project-card .case-file-paper{border-radius:20px;padding:3px;position:relative}.portfolio.section-wrap .project-card .project-image{z-index:0;aspect-ratio:auto;border-radius:17px;width:auto;height:auto;margin:0;position:absolute;top:3px;right:3px;bottom:3px;left:3px;transform:none}.portfolio.section-wrap .project-card .project-image>img,.portfolio.section-wrap .project-card .project-image>.project-hover-video{border-radius:15px}.portfolio.section-wrap .project-card .project-image:after{border-radius:inherit;background:linear-gradient(180deg,transparent 48%,var(--ink));width:100%;height:100%;top:0;right:0;bottom:0;left:0}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card .project-image:after{background:linear-gradient(180deg,transparent 48%,color-mix(in srgb,var(--ink) 76%,transparent))}}.portfolio.section-wrap .project-card .case-file-meta{display:none}.portfolio.section-wrap .project-card.is-active .case-file-meta{z-index:5;border:0;gap:5px;padding:0;display:flex;position:absolute;bottom:8px;left:9px;right:9px}.portfolio.section-wrap .project-card.is-active .case-file-project-title h3{color:var(--contrast-ink);text-shadow:0 1px 6px var(--ink);font-size:clamp(10px,1.2vw,14px)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card.is-active .case-file-project-title h3{text-shadow:0 1px 6px color-mix(in srgb,var(--ink) 65%,transparent)}}.portfolio.section-wrap .project-card.is-active .case-file-category{display:none}.portfolio.section-wrap .project-card .project-number{width:24px;height:24px;font-size:8px;top:8px;right:8px}@media(max-width:650px){.portfolio.section-wrap .project-scroll-stage,.portfolio.section-wrap .project-scroll-pin{height:490px;min-height:490px}.portfolio.section-wrap .project-card{width:clamp(54px,17vw,82px);height:clamp(72px,22vw,112px)}.portfolio.section-wrap .project-card.is-active{width:clamp(76px,20vw,94px);height:clamp(102px,27vw,128px)}.portfolio.section-wrap .project-card .case-file-paper{border-radius:14px}.portfolio.section-wrap .project-card .project-image{border-radius:10px}}.portfolio.section-wrap .project-card .case-file-paper{box-shadow:none;background:0 0;border:0;padding:0}.portfolio.section-wrap .project-card .project-image{border-radius:inherit;border:0;top:0;right:0;bottom:0;left:0;overflow:hidden}.portfolio.section-wrap .project-card .project-image>img,.portfolio.section-wrap .project-card .project-image>.project-hover-video{border-radius:inherit;width:100%;height:100%;box-shadow:none;object-fit:cover;border:0;top:0;right:0;bottom:0;left:0;transform:none}.portfolio.section-wrap .project-scroll-stage,.portfolio.section-wrap .project-scroll-pin{isolation:isolate;height:clamp(590px,58vw,690px);min-height:clamp(590px,58vw,690px)}.portfolio.section-wrap .project-scroll-viewport{perspective:none;overflow:hidden}.portfolio.section-wrap .project-scroll-pin,.portfolio.section-wrap .project-scroll-track,.portfolio.section-wrap .project-grid{transform-style:flat}.portfolio.section-wrap .project-grid:before,.portfolio.section-wrap .project-grid:after,.portfolio.section-wrap .project-grid>.project-orbit-hub{display:none}.portfolio.section-wrap .project-card{top:var(--step-y,50%);left:var(--step-x,50%);z-index:var(--step-depth,1);width:min(390px,calc(100% - var(--step-x,0%) - 8px));opacity:0;visibility:hidden;pointer-events:none;height:150px;transform:translateY(-50%) scale(var(--step-scale,1));transform-origin:0;filter:none;margin:0;padding:0;transition:top .65s cubic-bezier(.2,.75,.25,1),left .65s cubic-bezier(.2,.75,.25,1),transform .65s cubic-bezier(.2,.75,.25,1),opacity .35s,box-shadow .35s;display:block;position:absolute}.portfolio.section-wrap .project-card.is-orbit-visible{opacity:1;visibility:visible;pointer-events:auto}.portfolio.section-wrap .project-card:hover,.portfolio.section-wrap .project-card:focus-visible{z-index:12;transform:translateY(-50%)translate(5px)}.portfolio.section-wrap .project-card .case-file-paper{border:1px solid var(--ink);width:100%;height:100%;padding:0;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card .case-file-paper{border:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}}.portfolio.section-wrap .project-card .case-file-paper{background:var(--surface);border-radius:4px 14px 14px}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card .case-file-paper{background:color-mix(in srgb,var(--surface) 72%,var(--blue) 28%)}}.portfolio.section-wrap .project-card .case-file-paper{box-shadow:0 13px 28px var(--ink),inset 0 1px #ffffff7a}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card .case-file-paper{box-shadow:0 13px 28px color-mix(in srgb,var(--ink) 20%,transparent),inset 0 1px #ffffff7a}}.portfolio.section-wrap .project-card .case-file-paper{transition:background .35s,border-color .35s,box-shadow .35s;transform:none}.portfolio.section-wrap .project-card:nth-of-type(4n+2) .case-file-paper{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card:nth-of-type(4n+2) .case-file-paper{background:color-mix(in srgb,var(--surface) 78%,var(--red) 22%)}}.portfolio.section-wrap .project-card:nth-of-type(4n+3) .case-file-paper{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card:nth-of-type(4n+3) .case-file-paper{background:color-mix(in srgb,var(--surface) 72%,var(--yellow) 28%)}}.portfolio.section-wrap .project-card:nth-of-type(4n+4) .case-file-paper{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card:nth-of-type(4n+4) .case-file-paper{background:color-mix(in srgb,var(--surface) 78%,var(--blue) 22%)}}.portfolio.section-wrap .project-card:nth-of-type(4n+5) .case-file-paper{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card:nth-of-type(4n+5) .case-file-paper{background:color-mix(in srgb,var(--surface) 70%,var(--red) 30%)}}.portfolio.section-wrap .project-card .case-file-paper:before,.portfolio.section-wrap .project-card .case-file-paper:after{display:none}.portfolio.section-wrap .project-card .case-file-tab{z-index:2;border:1px solid var(--ink);align-items:center;gap:8px;width:max-content;min-width:126px;height:16px;padding:0 9px;display:flex;position:absolute;top:-15px;left:15px}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card .case-file-tab{border:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}}.portfolio.section-wrap .project-card .case-file-tab{color:var(--ink);background:var(--surface);border-bottom:0;border-radius:7px 7px 0 0}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card .case-file-tab{background:color-mix(in srgb,var(--surface) 72%,var(--blue) 28%)}}.portfolio.section-wrap .project-card .case-file-tab{font:700 7px var(--mono,monospace);letter-spacing:.08em;opacity:.9}.portfolio.section-wrap .project-card:nth-of-type(4n+2) .case-file-tab{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card:nth-of-type(4n+2) .case-file-tab{background:color-mix(in srgb,var(--surface) 78%,var(--red) 22%)}}.portfolio.section-wrap .project-card:nth-of-type(4n+3) .case-file-tab{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card:nth-of-type(4n+3) .case-file-tab{background:color-mix(in srgb,var(--surface) 72%,var(--yellow) 28%)}}.portfolio.section-wrap .project-card:nth-of-type(4n+4) .case-file-tab{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card:nth-of-type(4n+4) .case-file-tab{background:color-mix(in srgb,var(--surface) 78%,var(--blue) 22%)}}.portfolio.section-wrap .project-card:nth-of-type(4n+5) .case-file-tab{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card:nth-of-type(4n+5) .case-file-tab{background:color-mix(in srgb,var(--surface) 70%,var(--red) 30%)}}.portfolio.section-wrap .project-card .case-file-heading,.portfolio.section-wrap .project-card .case-file-footer,.portfolio.section-wrap .project-card .case-paperclip,.portfolio.section-wrap .project-card .confidential-stamp{display:none}.portfolio.section-wrap .project-card .project-image{z-index:1;border:1px solid var(--ink);width:104px;height:128px;margin:0;position:absolute;top:11px;left:11px;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card .project-image{border:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}}.portfolio.section-wrap .project-card .project-image{background:var(--surface);border-radius:8px}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card .project-image{background:color-mix(in srgb,var(--surface) 82%,var(--ink))}}.portfolio.section-wrap .project-card .project-image{box-shadow:0 5px 12px var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card .project-image{box-shadow:0 5px 12px color-mix(in srgb,var(--ink) 16%,transparent)}}.portfolio.section-wrap .project-card .project-image{transform:none}.portfolio.section-wrap .project-card .project-number{border:1px solid var(--surface);place-items:center;width:23px;height:23px;display:grid;top:6px;left:auto;right:6px}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card .project-number{border:1px solid color-mix(in srgb,var(--surface) 82%,transparent)}}.portfolio.section-wrap .project-card .project-number{color:var(--ink);background:var(--surface);border-radius:50%}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card .project-number{background:color-mix(in srgb,var(--surface) 82%,var(--paper))}}.portfolio.section-wrap .project-card .project-number{box-shadow:0 2px 7px var(--ink);font-size:8px}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card .project-number{box-shadow:0 2px 7px color-mix(in srgb,var(--ink) 18%,transparent)}}.portfolio.section-wrap .project-card .project-play{display:none}.portfolio.section-wrap .project-card .case-file-project-title{min-width:0}.portfolio.section-wrap .project-card .case-file-project-title>span,.portfolio.section-wrap .project-card .case-file-category>span{color:var(--ink);margin-bottom:3px;display:block}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card .case-file-project-title>span,.portfolio.section-wrap .project-card .case-file-category>span{color:color-mix(in srgb,var(--ink) 58%,transparent)}}.portfolio.section-wrap .project-card .case-file-project-title>span,.portfolio.section-wrap .project-card .case-file-category>span{font:700 7px var(--mono,monospace);letter-spacing:.12em}.portfolio.section-wrap .project-card .case-file-category{border-top:1px solid var(--ink);justify-content:space-between;align-items:center;gap:6px;padding-top:6px;display:flex}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card .case-file-category{border-top:1px solid color-mix(in srgb,var(--ink) 15%,transparent)}}.portfolio.section-wrap .project-card .case-file-category>span{margin:0}.portfolio.section-wrap .project-card .case-file-category strong{color:var(--ink);text-align:end;background:0 0;font-size:9px}.portfolio.section-wrap .project-card.is-active .case-file-paper{border-color:var(--yellow)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card.is-active .case-file-paper{border-color:color-mix(in srgb,var(--yellow) 76%,var(--ink))}}.portfolio.section-wrap .project-card.is-active .case-file-paper{box-shadow:0 18px 34px var(--ink),0 0 0 2px var(--yellow)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-card.is-active .case-file-paper{box-shadow:0 18px 34px color-mix(in srgb,var(--ink) 25%,transparent),0 0 0 2px color-mix(in srgb,var(--yellow) 44%,transparent)}}.portfolio.section-wrap .project-card:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}@media(max-width:650px){.portfolio.section-wrap .project-scroll-stage,.portfolio.section-wrap .project-scroll-pin{height:500px;min-height:500px}.portfolio.section-wrap .project-card,.portfolio.section-wrap .project-card.is-active{width:min(360px,calc(100% - var(--step-x,0%) - 8px));height:128px}.portfolio.section-wrap .project-card .case-file-paper{border-radius:4px 12px 12px}.portfolio.section-wrap .project-card .case-file-tab{min-width:112px;height:14px;top:-13px}.portfolio.section-wrap .project-card .project-image{width:82px;height:110px;top:9px;left:9px}.portfolio.section-wrap .project-card .case-file-meta{gap:6px;top:14px;right:9px;bottom:9px;left:102px}.portfolio.section-wrap .project-card .case-file-project-title h3{font-size:11px}.portfolio.section-wrap .project-card .case-file-category>span{font-size:6px}.portfolio.section-wrap .project-card .case-file-category strong{font-size:8px}}.portfolio.section-wrap .project-scroll-stage,.portfolio.section-wrap .project-scroll-pin{height:clamp(540px,56vw,650px);min-height:clamp(540px,56vw,650px)}.portfolio.section-wrap .project-scroll-viewport{border:1px solid var(--ink);overflow:hidden}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-scroll-viewport{border:1px solid color-mix(in srgb,var(--ink) 16%,transparent)}}.portfolio.section-wrap .project-scroll-viewport{background-color:var(--paper);background-image:linear-gradient(var(--ink) 1px,transparent 1px),linear-gradient(90deg,var(--ink) 1px,transparent 1px),repeating-conic-gradient(var(--surface) 0 25%,var(--paper) 0 50%);border-radius:24px}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-scroll-viewport{background-image:linear-gradient(color-mix(in srgb,var(--ink) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ink) 8%,transparent) 1px,transparent 1px),repeating-conic-gradient(color-mix(in srgb,var(--surface) 46%,var(--paper)) 0 25%,var(--paper) 0 50%)}}.portfolio.section-wrap .project-scroll-viewport{box-shadow:inset 0 1px 0 var(--ink);background-size:110px 110px,110px 110px,220px 220px}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap .project-scroll-viewport{box-shadow:inset 0 1px color-mix(in srgb,var(--ink) 8%,transparent)}}.portfolio.section-wrap .project-grid:before,.portfolio.section-wrap .project-grid:after{display:none}.portfolio.section-wrap .project-card{width:clamp(218px,27vw,300px);height:clamp(310px,34vw,360px);transform:translateY(-50%) rotate(var(--card-rotation,0deg)) scale(var(--step-scale,.88));transform-origin:50%;filter:none;transition:top .65s cubic-bezier(.2,.75,.25,1),left .65s cubic-bezier(.2,.75,.25,1),transform .45s,opacity .35s}.portfolio.section-wrap .project-card.is-active{z-index:10;width:clamp(218px,27vw,300px);height:clamp(310px,34vw,360px)}.portfolio.section-wrap .project-card .case-file-paper{color:#101d3c;background:#f3eadb;border:1px solid #0e1b371f;border-radius:20px;transition:background .3s,box-shadow .3s;overflow:hidden;box-shadow:0 20px 38px #00000057}.portfolio.section-wrap .project-card.is-orbit-visible .case-file-paper{color:#101d3c;background:#f3eadb;box-shadow:0 20px 38px #00000057}.portfolio.section-wrap .project-card[data-orbit-offset="-1"] .case-file-paper{color:#f6efdf;background:#14264c;border-color:#f5eede2e}.portfolio.section-wrap .project-card[data-orbit-offset="1"] .case-file-paper{background:#e8dcc8}.portfolio.section-wrap .project-card .case-file-paper:before,.portfolio.section-wrap .project-card .case-file-paper:after,.portfolio.section-wrap .project-card .case-file-tab,.portfolio.section-wrap .project-card .case-paperclip,.portfolio.section-wrap .project-card .confidential-stamp{display:none}.portfolio.section-wrap .project-card .case-file-heading{z-index:3;color:currentColor;font:700 8px var(--mono,monospace);letter-spacing:.12em;opacity:.68;justify-content:space-between;align-items:center;display:flex;position:absolute;top:13px;left:16px;right:16px}.portfolio.section-wrap .project-card .project-image{width:auto;height:56%;box-shadow:none;background:#101d3c;border:0;border-radius:12px;margin:0;position:absolute;top:38px;left:14px;right:14px;overflow:hidden}.portfolio.section-wrap .project-card .project-image:after{display:none}.portfolio.section-wrap .project-card .project-image>img,.portfolio.section-wrap .project-card .project-image>.project-hover-video{border-radius:inherit;object-fit:cover;border:0;width:100%;height:100%;display:block;position:absolute;top:0;right:0;bottom:0;left:0;transform:none}.portfolio.section-wrap .project-card .project-art{display:none}.portfolio.section-wrap .project-card .project-number{color:#101d3c;width:30px;height:30px;box-shadow:none;background:#f3d45b;border:0;border-radius:50%;place-items:center;font-size:10px;font-weight:800;display:grid;top:9px;left:auto;right:9px}.portfolio.section-wrap .project-card .project-play{z-index:3;color:#101d3c;background:#f3d45b;border-radius:50%;place-items:center;width:46px;height:46px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 14px #0000002e}.portfolio.section-wrap .project-card .case-file-meta{color:inherit;text-align:start;border:0;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:7px;padding:0;display:flex;position:absolute;inset:auto 17px 49px}.portfolio.section-wrap .project-card .case-file-project-title>span,.portfolio.section-wrap .project-card .case-file-category>span{display:none}.portfolio.section-wrap .project-card .case-file-project-title h3{color:inherit;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:clamp(16px,1.75vw,21px);font-weight:850;line-height:1.25;display:-webkit-box;overflow:hidden}.portfolio.section-wrap .project-card .case-file-category{border:0;justify-content:flex-start;align-items:center;padding:0;display:flex}.portfolio.section-wrap .project-card .case-file-category strong{color:currentColor;font:700 9px var(--mono,monospace);letter-spacing:.06em;opacity:.68;background:0 0;padding:0}.portfolio.section-wrap .project-card .case-file-footer{color:inherit;font:700 8px var(--mono,monospace);letter-spacing:.1em;opacity:.75;border-top:1px solid;justify-content:space-between;align-items:center;padding-top:10px;display:flex;position:absolute;bottom:15px;left:17px;right:17px}.portfolio.section-wrap .project-card.is-active .case-file-paper{color:#101d3c;background:#f3eadb;box-shadow:0 26px 46px #0006}.portfolio.section-wrap .project-card:focus-visible{outline-offset:5px;outline:2px solid #f3d45b}@media(max-width:650px){.portfolio.section-wrap .project-scroll-stage,.portfolio.section-wrap .project-scroll-pin{height:490px;min-height:490px}.portfolio.section-wrap .project-scroll-viewport{border-radius:18px}.portfolio.section-wrap .project-card,.portfolio.section-wrap .project-card.is-active{width:min(230px,58vw);height:310px}.portfolio.section-wrap .project-card[data-orbit-offset="-1"]{top:31%;left:-3%}.portfolio.section-wrap .project-card[data-orbit-offset="0"]{top:68%;left:21%}.portfolio.section-wrap .project-card[data-orbit-offset="1"]{top:31%;left:48%}.portfolio.section-wrap .project-card .case-file-heading{font-size:7px;top:11px;left:12px;right:12px}.portfolio.section-wrap .project-card .project-image{height:55%;top:34px;left:10px;right:10px}.portfolio.section-wrap .project-card .case-file-meta{gap:6px;bottom:45px;left:13px;right:13px}.portfolio.section-wrap .project-card .case-file-project-title h3{font-size:16px}.portfolio.section-wrap .project-card .case-file-footer{bottom:13px;left:13px;right:13px}}html[data-palette][data-theme] .portfolio.section-wrap .project-card.is-orbit-visible .case-file-paper{color:#101d3c;background:#f3eadb;border-color:#0e1b371f;box-shadow:0 20px 38px #00000057}html[data-palette][data-theme] .portfolio.section-wrap .project-card.is-orbit-visible[data-orbit-offset="-1"] .case-file-paper{color:#f6efdf;background:#14264c;border-color:#f5eede2e}html[data-palette][data-theme] .portfolio.section-wrap .project-card.is-active .case-file-paper,html[data-palette][data-theme] .portfolio.section-wrap .project-card.is-active:hover .case-file-paper{color:#101d3c;background:#f3eadb;border-color:#0e1b371f;box-shadow:0 26px 46px #0006}.portfolio.section-wrap .project-scroll-viewport{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.portfolio.section-wrap .project-scroll-viewport .project-card{cursor:grab}.portfolio.section-wrap .project-scroll-viewport.is-dragging,.portfolio.section-wrap .project-scroll-viewport.is-dragging .project-card{cursor:grabbing}.portfolio.section-wrap .project-card.is-orbit-visible .case-file-paper .case-file-heading,.portfolio.section-wrap .project-card.is-orbit-visible .case-file-paper .case-file-meta,.portfolio.section-wrap .project-card.is-orbit-visible .case-file-paper .case-file-project-title h3,.portfolio.section-wrap .project-card.is-orbit-visible .case-file-paper .case-file-category strong,.portfolio.section-wrap .project-card.is-orbit-visible .case-file-paper .case-file-footer{color:inherit}.portfolio.section-wrap .project-card.is-orbit-visible .case-file-paper .case-file-heading,.portfolio.section-wrap .project-card.is-orbit-visible .case-file-paper .case-file-category strong,.portfolio.section-wrap .project-card.is-orbit-visible .case-file-paper .case-file-footer{opacity:.9}html[data-palette][data-theme] .portfolio.section-wrap .project-card .case-file-paper{isolation:isolate}html[data-palette][data-theme] .portfolio.section-wrap .project-card .case-file-paper .case-file-heading,html[data-palette][data-theme] .portfolio.section-wrap .project-card .case-file-paper .case-file-meta,html[data-palette][data-theme] .portfolio.section-wrap .project-card .case-file-paper .case-file-project-title h3,html[data-palette][data-theme] .portfolio.section-wrap .project-card .case-file-paper .case-file-category strong,html[data-palette][data-theme] .portfolio.section-wrap .project-card .case-file-paper .case-file-footer{mix-blend-mode:difference;opacity:1;color:#fff!important}.portfolio.section-wrap .project-scroll-viewport.is-dragging .project-card{transition:none}@media(max-width:650px){html,body{max-width:100%;overflow-x:clip}.services,.services>.section-wrap{overflow-x:clip}.portfolio.section-wrap .project-scroll-viewport{overflow:clip}.portfolio.section-wrap .project-card,.portfolio.section-wrap .project-card.is-active{width:min(210px,52vw);height:300px}.portfolio.section-wrap .project-card[data-orbit-offset="-2"]{top:27%;left:-5%}.portfolio.section-wrap .project-card[data-orbit-offset="-1"]{top:40%;left:8%}.portfolio.section-wrap .project-card[data-orbit-offset="0"]{top:52%;left:21%}.portfolio.section-wrap .project-card[data-orbit-offset="1"]{top:40%;left:33%}.portfolio.section-wrap .project-card[data-orbit-offset="2"]{top:27%;left:50%}}.portfolio.section-wrap .project-card{transition:left 1s cubic-bezier(.25,.8,.25,1),top 1s cubic-bezier(.25,.8,.25,1),transform 1s cubic-bezier(.25,.8,.25,1),opacity .6s,filter .6s}.portfolio.section-wrap .project-card:hover,.portfolio.section-wrap .project-card:focus-visible{transform:translateY(-50%) rotate(var(--card-rotation,0deg)) scale(var(--step-scale,.88))}.portfolio.section-wrap .project-card.is-active .case-file-paper{animation:none!important}html[data-palette][data-theme] .portfolio.section-wrap .project-card.is-orbit-visible[data-orbit-offset="-2"] .case-file-paper{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){html[data-palette][data-theme] .portfolio.section-wrap .project-card.is-orbit-visible[data-orbit-offset="-2"] .case-file-paper{background:color-mix(in srgb,var(--surface) 74%,#8fae9b 26%)}}html[data-palette][data-theme] .portfolio.section-wrap .project-card.is-orbit-visible[data-orbit-offset="-2"] .case-file-paper{color:var(--ink)}html[data-palette][data-theme] .portfolio.section-wrap .project-card.is-orbit-visible[data-orbit-offset="-1"] .case-file-paper{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){html[data-palette][data-theme] .portfolio.section-wrap .project-card.is-orbit-visible[data-orbit-offset="-1"] .case-file-paper{background:color-mix(in srgb,var(--surface) 74%,var(--red) 26%)}}html[data-palette][data-theme] .portfolio.section-wrap .project-card.is-orbit-visible[data-orbit-offset="-1"] .case-file-paper{color:var(--ink)}html[data-palette][data-theme] .portfolio.section-wrap .project-card.is-orbit-visible[data-orbit-offset="1"] .case-file-paper{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){html[data-palette][data-theme] .portfolio.section-wrap .project-card.is-orbit-visible[data-orbit-offset="1"] .case-file-paper{background:color-mix(in srgb,var(--surface) 74%,var(--yellow) 26%)}}html[data-palette][data-theme] .portfolio.section-wrap .project-card.is-orbit-visible[data-orbit-offset="1"] .case-file-paper{color:var(--ink)}html[data-palette][data-theme] .portfolio.section-wrap .project-card.is-orbit-visible[data-orbit-offset="2"] .case-file-paper{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){html[data-palette][data-theme] .portfolio.section-wrap .project-card.is-orbit-visible[data-orbit-offset="2"] .case-file-paper{background:color-mix(in srgb,var(--surface) 74%,#829aaa 26%)}}html[data-palette][data-theme] .portfolio.section-wrap .project-card.is-orbit-visible[data-orbit-offset="2"] .case-file-paper{color:var(--ink)}.portfolio.section-wrap,.portfolio.section-wrap .project-scroll-stage{background:0 0!important}.portfolio.section-wrap .project-scroll-viewport{box-shadow:none;border-color:#0000;background:0 0!important}@media(max-width:650px){.portfolio.section-wrap .project-scroll-stage,.portfolio.section-wrap .project-scroll-pin{height:560px;min-height:560px}.portfolio.section-wrap .project-card,.portfolio.section-wrap .project-card.is-active{width:min(240px,64vw);height:350px}.portfolio.section-wrap .project-card.is-active .project-image{height:70%}.portfolio.section-wrap .project-card.is-active .case-file-project-title h3{-webkit-line-clamp:2;font-size:clamp(18px,5vw,22px);line-height:1.3}.portfolio.section-wrap .project-card.is-active .case-file-footer{border-radius:0 0 18px 18px;min-height:46px;padding:10px 13px;bottom:0;left:10px;right:10px;transform:none}}html[data-palette][data-theme] .portfolio.section-wrap .project-card .case-file-paper .case-file-heading,html[data-palette][data-theme] .portfolio.section-wrap .project-card .case-file-paper .case-file-meta,html[data-palette][data-theme] .portfolio.section-wrap .project-card .case-file-paper .case-file-project-title h3,html[data-palette][data-theme] .portfolio.section-wrap .project-card .case-file-paper .case-file-category strong,html[data-palette][data-theme] .portfolio.section-wrap .project-card .case-file-paper .case-file-footer{mix-blend-mode:normal;color:inherit!important}.portfolio.section-wrap .project-card[dir=rtl] .case-file-project-title h3{letter-spacing:0;text-align:right;overflow-wrap:anywhere;font-family:Noto Sans Arabic,Alexandria,sans-serif;line-height:1.45}.portfolio.section-wrap .project-card[dir=rtl] .case-file-footer{letter-spacing:0;font-family:Noto Sans Arabic,Alexandria,sans-serif}@media(max-width:650px){.portfolio.section-wrap .project-card,.portfolio.section-wrap .project-card.is-active{width:min(220px,59vw);height:330px}.portfolio.section-wrap .project-card[data-orbit-offset="-2"]{top:20%;left:0%}.portfolio.section-wrap .project-card[data-orbit-offset="-1"]{top:39%;left:8%}.portfolio.section-wrap .project-card[data-orbit-offset="0"]{top:56%;left:31%}.portfolio.section-wrap .project-card[data-orbit-offset="1"]{top:39%;left:52%}.portfolio.section-wrap .project-card[data-orbit-offset="2"]{top:20%;left:58%}.portfolio.section-wrap .project-card.is-active .case-file-project-title h3{-webkit-line-clamp:2;font-size:clamp(18px,5vw,22px);line-height:1.45}.portfolio.section-wrap .project-card.is-active .project-image{height:58%}.portfolio.section-wrap .project-card.is-active .case-file-meta{bottom:64px}.portfolio.section-wrap .project-card.is-active .case-file-footer{border-radius:0 0 18px 18px;min-height:46px;padding:10px 13px;transform:none}.portfolio.section-wrap .project-card.is-active[data-orbit-offset="0"],.portfolio.section-wrap .project-card.is-active[data-orbit-offset="0"]:hover,.portfolio.section-wrap .project-card.is-active[data-orbit-offset="0"]:focus-visible{transform:translate(-50%,-50%) rotate(var(--card-rotation,0deg)) scale(var(--step-scale,1))!important;top:50%!important;left:50%!important}}.portfolio.section-wrap.portfolio-redesign{--gallery-accent:var(--yellow,#f4dd38);color:#f4f1e9;background-color:#090a0b;background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px),radial-gradient(at 50% 26%,#ffffff13,#0000 48%);background-size:170px 170px,170px 170px,auto;min-height:0;padding:clamp(56px,8vw,104px) clamp(18px,4vw,52px) 60px;overflow:hidden}.portfolio.section-wrap.portfolio-redesign:before,.portfolio.section-wrap.portfolio-redesign:after{display:none!important}.portfolio.section-wrap.portfolio-redesign>.section-kicker{color:#f4f1e99e;width:min(100%,1160px);font:500 11px/1.5 var(--mono,monospace);letter-spacing:.08em;justify-content:space-between;gap:20px;margin:0 auto 28px;display:flex}.portfolio.section-wrap.portfolio-redesign>.section-heading-row{justify-content:space-between;align-items:end;gap:32px;width:min(100%,1160px);margin:0 auto 28px;display:flex}.portfolio.section-wrap.portfolio-redesign .section-heading-row h2{color:#f4f1e9;font-size:clamp(34px,5vw,64px);line-height:.98}.portfolio.section-wrap.portfolio-redesign .section-heading-row h2>span:first-of-type,.portfolio.section-wrap.portfolio-redesign .section-heading-row h2 .period{color:var(--gallery-accent)}.portfolio.section-wrap.portfolio-redesign .work-scribble{color:#f4f1e994}.portfolio.section-wrap.portfolio-redesign .section-intro{color:#f4f1e9ad;max-width:420px;margin:0;font-size:14px;line-height:1.8}.portfolio.section-wrap.portfolio-redesign>.filter-row{flex-wrap:wrap;justify-content:flex-start;gap:8px;width:min(100%,1160px);margin:0 auto 38px;display:flex;position:static;transform:none}.portfolio.section-wrap.portfolio-redesign>.filter-row button{color:#f4f1e9b8;background:#090a0bb8;border:1px solid #f4f1e938;min-height:34px;padding:7px 13px;font-size:11px;transition:color .18s,border-color .18s,background .18s}.portfolio.section-wrap.portfolio-redesign>.filter-row button:hover,.portfolio.section-wrap.portfolio-redesign>.filter-row button.filter-active{color:#090a0b;border-color:var(--gallery-accent);background:var(--gallery-accent)}.portfolio-redesign .project-showcase{width:min(100%,1160px);margin:0 auto}.portfolio-redesign .project-featured{width:min(100%,900px);margin:0 auto 42px}.portfolio-redesign .project-featured-player{aspect-ratio:16/9;background:#101112;border:1px solid #f4f1e94d;animation:.24s ease-out both gallery-player-enter;position:relative;overflow:hidden;box-shadow:0 18px 55px #00000061}.portfolio-redesign .project-featured-media,.portfolio-redesign .project-featured-fallback,.portfolio-redesign .project-featured-placeholder{object-fit:cover;background:#101112;border:0;width:100%;height:100%;display:block}.portfolio-redesign video.project-featured-media{object-fit:contain}.portfolio-redesign .project-featured-fallback{cursor:pointer;padding:0;position:absolute;top:0;right:0;bottom:0;left:0}.portfolio-redesign .project-featured-fallback img{object-fit:cover;opacity:.78;width:100%;height:100%}.portfolio-redesign .project-featured-play{color:#111;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.portfolio-redesign .project-featured-play svg{box-sizing:content-box;background:var(--gallery-accent);border-radius:50%;width:25px;height:25px;padding:17px}.portfolio-redesign .project-featured-index{color:#f4f1e9;font:500 10px var(--mono,monospace);direction:ltr;background:#090a0bb8;padding:6px 9px;position:absolute;bottom:14px;left:14px}.portfolio-redesign .project-featured-index i{color:var(--gallery-accent);font-style:normal}.portfolio-redesign .project-featured-caption{border-bottom:1px solid #f4f1e940;justify-content:space-between;align-items:center;gap:20px;padding:18px 2px 14px;display:flex}.portfolio-redesign .project-featured-caption>div>span{color:var(--gallery-accent);font:500 10px/1.4 var(--mono,monospace);letter-spacing:.08em}.portfolio-redesign .project-featured-caption h3{color:#f4f1e9;margin:5px 0 0;font-size:clamp(20px,3vw,30px)}.portfolio-redesign .project-featured-caption>button,.portfolio-redesign .project-featured-controls>button{color:#f4f1e9;background:0 0;border:1px solid #f4f1e959;flex:0 0 40px;place-items:center;width:40px;height:40px;transition:color .18s,border-color .18s,background .18s;display:grid}.portfolio-redesign .project-featured-caption>button:hover,.portfolio-redesign .project-featured-controls>button:hover:not(:disabled){color:#090a0b;border-color:var(--gallery-accent);background:var(--gallery-accent)}.portfolio-redesign .project-featured-controls{justify-content:space-between;align-items:center;gap:16px;padding-top:14px;display:flex}.portfolio-redesign .project-featured-controls>span{color:#f4f1e999;font:500 9px var(--mono,monospace);letter-spacing:.12em;text-align:center}.portfolio-redesign .project-square-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(8px,1.5vw,16px);display:grid}.portfolio-redesign .project-square{aspect-ratio:1;color:#fff;text-align:start;isolation:isolate;background:#151617;border:1px solid #f4f1e93d;min-width:0;padding:0;transition:transform .18s,border-color .18s;display:block;position:relative;overflow:hidden}.portfolio-redesign .project-square:after{content:"";z-index:0;background:linear-gradient(#0000001f,#0000 38%,#000000c7);position:absolute;top:0;right:0;bottom:0;left:0}.portfolio-redesign .project-square:hover{z-index:1;border-color:#f4dd38b3;transform:translateY(-3px)}.portfolio-redesign .project-square.is-active{border:2px solid var(--gallery-accent)}.portfolio-redesign .project-square>img,.portfolio-redesign .project-square-placeholder{object-fit:cover;width:100%;height:100%;transition:transform .22s;position:absolute;top:0;right:0;bottom:0;left:0}.portfolio-redesign .project-square:hover>img{transform:scale(1.035)}.portfolio-redesign .project-square-number{z-index:1;color:#fff;font:500 10px var(--mono,monospace);position:absolute;top:9px;left:9px}.portfolio-redesign .project-square-play{z-index:1;color:#111;background:var(--gallery-accent);opacity:0;border-radius:50%;place-items:center;width:34px;height:34px;transition:opacity .18s,transform .18s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-46%)}.portfolio-redesign .project-square:hover .project-square-play,.portfolio-redesign .project-square.is-active .project-square-play{opacity:1;transform:translate(-50%,-50%)}.portfolio-redesign .project-square-title{z-index:1;color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(10px,1.15vw,13px);font-weight:600;line-height:1.45;position:absolute;bottom:10px;left:10px;right:10px;overflow:hidden}.portfolio-redesign .project-gallery-progress{color:#f4f1e999;font:500 10px var(--mono,monospace);grid-template-columns:auto minmax(60px,1fr) auto;align-items:center;gap:18px;margin-top:28px;display:grid}.portfolio-redesign .project-gallery-progress>div{background:#f4f1e938;height:1px}.portfolio-redesign .project-gallery-progress>div>span{background:var(--gallery-accent);transform-origin:0;width:100%;height:100%;transition:transform .2s;display:block}.portfolio-redesign .project-gallery-progress>a{color:#f4f1e9;align-items:center;gap:5px;text-decoration:none;display:inline-flex}.portfolio-redesign .project-gallery-progress>a:hover{color:var(--gallery-accent)}.portfolio-redesign :is(button,a):focus-visible{outline:2px solid var(--gallery-accent);outline-offset:3px}@keyframes gallery-player-enter{0%{opacity:.86}to{opacity:1}}@media(max-width:900px){.portfolio-redesign .project-square-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:650px){.portfolio.section-wrap.portfolio-redesign{padding:48px 18px 40px}.portfolio.section-wrap.portfolio-redesign>.section-kicker{align-items:flex-start;margin-bottom:22px;font-size:9px}.portfolio.section-wrap.portfolio-redesign>.section-heading-row{gap:15px;margin-bottom:22px;display:grid}.portfolio.section-wrap.portfolio-redesign .section-heading-row h2{font-size:clamp(34px,10vw,48px)}.portfolio.section-wrap.portfolio-redesign .section-intro{max-width:34em;font-size:12px}.portfolio.section-wrap.portfolio-redesign>.filter-row{gap:6px;margin-bottom:24px}.portfolio.section-wrap.portfolio-redesign>.filter-row button{min-height:31px;padding:6px 9px;font-size:10px}.portfolio-redesign .project-featured{margin-bottom:28px}.portfolio-redesign .project-featured-player{aspect-ratio:4/3}.portfolio-redesign .project-featured-caption{padding-top:13px}.portfolio-redesign .project-featured-caption h3{font-size:21px}.portfolio-redesign .project-featured-caption>button,.portfolio-redesign .project-featured-controls>button{flex-basis:36px;width:36px;height:36px}.portfolio-redesign .project-square-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.portfolio-redesign .project-square-number{font-size:9px;top:7px;left:7px}.portfolio-redesign .project-square-title{font-size:10px;bottom:7px;left:7px;right:7px}.portfolio-redesign .project-square-play{opacity:.92;width:29px;height:29px}.portfolio-redesign .project-gallery-progress{grid-template-columns:auto 1fr;gap:12px}.portfolio-redesign .project-gallery-progress>a{grid-column:1/-1;justify-self:end}}.portfolio-redesign .project-square-grid{grid-template:1fr/repeat(6,minmax(0,1fr));align-items:center;gap:clamp(4px,.8vw,8px);height:14%;display:grid;inset:auto 4% 15%}.portfolio-redesign .project-square{aspect-ratio:1;border:1px solid #f5f3ef61;place-self:center;width:100%;max-height:100%;position:relative;box-shadow:0 5px 15px #00000059}.portfolio-redesign .project-square-number{font-size:clamp(14px,2.4vw,30px);top:4px;left:5px}.portfolio-redesign .project-square-title{font-size:clamp(5px,.65vw,8px);bottom:4px;left:4px;right:4px}.portfolio-redesign .project-square-play{opacity:.94;width:24px;height:24px}@media(max-width:650px){.portfolio-redesign .project-square-grid{gap:4px;height:14%;bottom:15%;left:3%;right:3%}.portfolio-redesign .project-square-number{font-size:14px;top:3px;left:4px}.portfolio-redesign .project-square-title{font-size:5px;bottom:3px;left:3px;right:3px}.portfolio-redesign .project-square-play{width:18px;height:18px}}@media(prefers-reduced-motion:reduce){.portfolio-redesign *,.portfolio-redesign :before,.portfolio-redesign :after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.portfolio-redesign .project-gallery-stage{aspect-ratio:1;background-image:linear-gradient(#f4f1e91f 1px,#0000 1px),linear-gradient(90deg,#f4f1e91f 1px,#0000 1px);background-size:25% 25%;width:min(100%,700px);margin-inline:auto;position:relative}.portfolio-redesign .project-square-grid{grid-template:repeat(4,minmax(0,1fr))/repeat(4,minmax(0,1fr));gap:clamp(6px,1.3vw,12px);display:grid;position:absolute;top:0;right:0;bottom:0;left:0}.portfolio-redesign .project-square{border-color:#f4f1e947;transition:opacity .18s,border-color .18s;box-shadow:0 8px 24px #0000003d}.portfolio-redesign .project-square:hover{opacity:.82;transform:none}.portfolio-redesign .project-square-play{opacity:.86}.portfolio-redesign .project-featured-player{z-index:2;aspect-ratio:1;background:#eff2c4;border:1px solid #27301857;width:56%;height:56%;padding:clamp(7px,1.2vw,12px);animation:.24s ease-out both gallery-player-enter;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)rotate(-1deg);box-shadow:0 18px 44px #0000006b}.portfolio-redesign .project-featured-media,.portfolio-redesign .project-featured-fallback,.portfolio-redesign .project-featured-placeholder{object-fit:contain;background:#090a0b;width:100%;height:100%}.portfolio-redesign .project-featured-index{bottom:18px;left:18px}.portfolio-redesign .project-featured-caption,.portfolio-redesign .project-featured-controls{width:min(100%,700px);margin-inline:auto}.portfolio-redesign .project-gallery-progress{margin-inline:auto;width:min(100%,700px);margin-top:22px}@media(max-width:650px){.portfolio-redesign .project-gallery-stage{width:min(100%,440px)}.portfolio-redesign .project-featured-player{width:60%;height:60%}.portfolio-redesign .project-featured-index{bottom:13px;left:13px}.portfolio-redesign .project-square-title{font-size:8px;bottom:5px;left:5px;right:5px}.portfolio-redesign .project-gallery-progress{margin-top:18px}}.portfolio.section-wrap.portfolio-redesign{color:#f5f2e9;background-color:#050505;background-image:linear-gradient(#f5f2e909 1px,#0000 1px),linear-gradient(90deg,#f5f2e909 1px,#0000 1px);background-size:220px 220px}.portfolio-redesign .project-gallery-stage{background-image:linear-gradient(#f5f2e942 1px,#0000 1px),linear-gradient(90deg,#f5f2e942 1px,#0000 1px);background-size:33.3333% 33.3333%;width:min(100%,700px)}.portfolio-redesign .project-square-grid{grid-template:repeat(3,minmax(0,1fr))/repeat(3,minmax(0,1fr))}.portfolio-redesign .project-featured-card{z-index:3;color:#15211a;background:radial-gradient(circle at 18% 26%,#ffffffb8,#0000 34%),repeating-linear-gradient(0deg,#1e231405 0,#1e231405 1px,#0000 1px,#0000 4px),#f4f1e7;border:1px solid #1d22123d;border-radius:20px;flex-direction:column;gap:9px;width:56%;height:78%;padding:clamp(10px,1.6vw,16px);animation:.24s ease-out both gallery-player-enter;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-2deg);box-shadow:0 24px 52px #00000085}.portfolio-redesign .project-card-pin{z-index:2;background:radial-gradient(circle at 35% 30%,#6bc59e,#13845e 62%,#075c42);border:1px solid #00000038;border-radius:50%;width:24px;height:24px;position:absolute;top:-18px;left:50%;transform:translate(-50%);box-shadow:0 5px 8px #00000059}.portfolio-redesign .project-card-pin:after{content:"";transform-origin:top;background:linear-gradient(90deg,#8b8b7d,#e7e3d5 45%,#5b5c53);border-radius:2px;width:3px;height:18px;position:absolute;top:18px;left:10px;transform:rotate(-12deg)}.portfolio-redesign .project-featured-card-head{color:#4b5143;font:600 8px/1.4 var(--mono,monospace);letter-spacing:.08em;flex:none;justify-content:space-between;display:flex}.portfolio-redesign .project-featured-player{aspect-ratio:4/3;background:#080a09;border:1px solid #263126;border-radius:12px;flex:none;width:100%;height:auto;min-height:0;padding:0;animation:none;position:relative;top:auto;left:auto;overflow:hidden;transform:none;box-shadow:0 4px 10px #0003}.portfolio-redesign .project-featured-media,.portfolio-redesign .project-featured-fallback,.portfolio-redesign .project-featured-placeholder{object-fit:contain;background:#080a09;width:100%;height:100%;display:block}.portfolio-redesign .project-featured-index{color:#15170e;background:var(--gallery-accent);border-radius:50%;padding:5px 7px;font-weight:700;inset:9px 9px auto auto}.portfolio-redesign .project-featured-caption{border:0;flex:none;align-items:center;min-height:48px;padding:2px 0 0}.portfolio-redesign .project-featured-caption>div>span{color:#67705b;font-size:8px}.portfolio-redesign .project-featured-caption h3{color:#162127;margin-top:3px;font-size:clamp(12px,1.4vw,18px);line-height:1.3}.portfolio-redesign .project-featured-caption>button{color:#14231c;background:#5df0bf;border-color:#14231c40;flex-basis:30px;width:30px;height:30px}.portfolio-redesign .project-featured-caption>button:hover{background:#80ffd2}.portfolio-redesign .project-featured-controls{margin-top:14px}@media(max-width:650px){.portfolio-redesign .project-gallery-stage{width:min(100%,440px)}.portfolio-redesign .project-featured-card{border-radius:17px;gap:7px;width:60%;height:78%;padding:10px}.portfolio-redesign .project-card-pin{width:21px;height:21px;top:-15px}.portfolio-redesign .project-card-pin:after{height:15px;top:16px;left:8px}.portfolio-redesign .project-featured-card-head{font-size:7px}.portfolio-redesign .project-featured-caption{min-height:41px}.portfolio-redesign .project-featured-caption h3{font-size:13px}}.portfolio-redesign .project-gallery-stage:before{content:"";pointer-events:none;background-image:linear-gradient(90deg,#0000 calc(33.3333% - .5px),#f5f2e94d 33.3333%,#0000 calc(33.3333% + .5px),#0000 calc(66.6667% - .5px),#f5f2e94d 66.6667%,#0000 calc(66.6667% + .5px));border-block:1px solid #f5f2e94d;height:66.6667%;position:absolute;top:20%;left:0;right:0}.portfolio-redesign .project-square-grid{top:20%;bottom:13.3333%}.portfolio-redesign .project-gallery-brand{z-index:1;color:#f4f1e9;align-items:center;gap:9px;display:flex;position:absolute;top:4.5%;left:5%}.portfolio-redesign .project-gallery-brand>span:last-child{gap:3px;display:grid}.portfolio-redesign .project-gallery-brand strong{font:700 8px/1 var(--mono,monospace);letter-spacing:.08em}.portfolio-redesign .project-gallery-brand small{color:#f4f1e9a8;font:500 6px/1 var(--mono,monospace);letter-spacing:.05em}.portfolio-redesign .project-gallery-label{z-index:1;color:#f4f1e9;text-align:center;gap:4px;display:grid;position:absolute;top:14%;left:50%;transform:translate(-50%)}.portfolio-redesign .project-gallery-label strong{font-size:clamp(11px,1.4vw,16px);font-weight:700}.portfolio-redesign .project-gallery-label span{color:#f4f1e9a3;font:500 7px/1.4 var(--mono,monospace);letter-spacing:.1em;white-space:nowrap}.portfolio-redesign .project-square{box-shadow:none;border:0;border-radius:0}.portfolio-redesign .project-square-number{color:#ffffffe0;font-family:var(--display,sans-serif);text-shadow:0 2px 9px #0006;font-size:clamp(17px,3vw,35px);font-weight:800;line-height:1;top:7px;left:8px}.portfolio-redesign .project-featured-card{border-radius:18px;gap:clamp(5px,.8vw,9px);width:49%;height:36%;padding:clamp(8px,1.2vw,12px);transform:translate(-50%,-50%)rotate(-3deg)}.portfolio-redesign .project-card-pin{width:25px;height:25px}.portfolio-redesign .project-card-pin:after{height:20px}.portfolio-redesign .project-featured-card-head{font-size:7px}.portfolio-redesign .project-featured-player{aspect-ratio:4/3}.portfolio-redesign .project-featured-caption h3{font-size:clamp(12px,1.7vw,19px)}.portfolio-redesign .project-featured-caption>button{flex-basis:27px;width:27px;height:27px}.portfolio-redesign .project-gallery-tagline{color:#f4f1e9e6;text-align:center;font-size:clamp(9px,1.2vw,13px);line-height:1.55;position:absolute;bottom:4%;left:6%;right:6%}.portfolio-redesign .project-featured-controls,.portfolio-redesign .project-gallery-progress{width:min(100%,740px)}@media(max-width:650px){.portfolio-redesign .project-gallery-stage{width:min(100%,440px)}.portfolio-redesign .project-featured-card{border-radius:15px;gap:5px;width:49%;height:36%;padding:8px}.portfolio-redesign .project-featured-card-head{font-size:6px}.portfolio-redesign .project-featured-caption{min-height:34px}.portfolio-redesign .project-featured-caption h3{font-size:11px}.portfolio-redesign .project-featured-caption>button{flex-basis:24px;width:24px;height:24px}.portfolio-redesign .project-square-number{font-size:18px;top:6px;left:6px}}.portfolio.section-wrap.portfolio-redesign{background-color:#050505;background-image:radial-gradient(at 50% 36%,#ffffff0b,#0000 58%),linear-gradient(90deg,#0000 0,#0000 29.9%,#f5f2e909,#0000 30.1%,#0000 69.9%,#f5f2e909,#0000 70.1%);min-height:0;padding:26px clamp(12px,3vw,36px) 34px}.portfolio.section-wrap.portfolio-redesign>.section-kicker,.portfolio.section-wrap.portfolio-redesign>.section-heading-row{display:none}.portfolio.section-wrap.portfolio-redesign>.filter-row{justify-content:center;gap:5px;width:min(100%,700px);margin:0 auto 10px;display:flex;position:static;transform:none}.portfolio.section-wrap.portfolio-redesign>.filter-row button{color:#f5f2e9b8;background:#050505b8;border:1px solid #f5f2e93d;min-height:25px;padding:4px 8px;font-size:9px}.portfolio.section-wrap.portfolio-redesign>.filter-row button.filter-active,.portfolio.section-wrap.portfolio-redesign>.filter-row button:hover{color:#080808;background:#f4f1e9;border-color:#f4f1e9}.portfolio-redesign .project-gallery-stage{aspect-ratio:2/3;background:0 0;width:min(100%,700px)}.portfolio-redesign .project-gallery-stage:before{background-image:linear-gradient(90deg,#0000 calc(33.3333% - .5px),#f5f2e957 33.3333%,#0000 calc(33.3333% + .5px),#0000 calc(66.6667% - .5px),#f5f2e957 66.6667%,#0000 calc(66.6667% + .5px));border-block-color:#f5f2e957;height:66.6667%;top:20%}.portfolio-redesign .project-square{box-shadow:none;border:0}.portfolio-redesign .project-square:hover{opacity:.88}.portfolio-redesign .project-featured-card{background:#f4f1e9;border-radius:17px;gap:6px;width:45%;height:30%;padding:10px;animation:.28s ease-out both gallery-paper-enter;transform:translate(-50%,-50%)rotate(-3deg);box-shadow:0 18px 42px #0000008c}.portfolio-redesign .project-featured-player{aspect-ratio:4/3;border-radius:8px;flex:none;width:100%;height:auto;min-height:0;padding:0;animation:none;position:relative;inset:auto;transform:none}.portfolio-redesign .project-featured-caption{width:100%;min-height:31px;margin:0;padding:0}.portfolio-redesign .project-featured-caption>div>span{font-size:7px}.portfolio-redesign .project-featured-caption h3{margin-top:1px;font-size:clamp(11px,1.5vw,18px)}.portfolio-redesign .project-featured-caption>button{display:none}.portfolio-redesign .project-featured-action{color:#07251b;width:100%;font:600 7px/1 var(--mono,monospace);letter-spacing:.08em;cursor:pointer;background:#53edb6;border:0;flex:0 0 25px;justify-content:space-between;align-items:center;padding:0 9px;transition:background-color .16s;display:flex}.portfolio-redesign .project-featured-action:hover{background:#83ffd2}.portfolio-redesign .project-card-pin{width:23px;height:23px;top:-15px}.portfolio-redesign .project-card-pin:after{height:15px;top:18px}.portfolio-redesign .project-gallery-tagline{font-size:clamp(9px,1.2vw,13px)}.portfolio-redesign .project-featured-controls{z-index:5;direction:ltr;justify-content:space-between;align-items:center;gap:7px;width:90%;margin:0;padding:0;display:flex;position:absolute;bottom:8%;left:5%;right:5%}.portfolio-redesign .project-featured-controls>button{color:#f4f1e9;background:#05050594;border-color:#f4f1e98c;flex:0 0 31px;width:31px;height:31px}.portfolio-redesign .project-featured-controls>span{color:#f4f1e9c7;font:500 7px/1.4 var(--mono,monospace);letter-spacing:.06em;text-align:center;unicode-bidi:plaintext;flex:1}.portfolio-redesign .project-gallery-progress{margin-top:12px}.portfolio-redesign .project-gallery-tagline{bottom:2.4%}.portfolio-redesign .project-featured-controls>.project-autoplay-toggle{color:#080808;border-color:var(--gallery-accent);background:var(--gallery-accent)}@keyframes gallery-paper-enter{0%{opacity:.8;transform:translate(-50%,-49%)rotate(-1deg)scale(.985)}to{opacity:1;transform:translate(-50%,-50%)rotate(-3deg)scale(1)}}@media(max-width:650px){.portfolio.section-wrap.portfolio-redesign{padding:20px 12px 28px}.portfolio.section-wrap.portfolio-redesign>.filter-row{gap:3px;margin-bottom:8px}.portfolio.section-wrap.portfolio-redesign>.filter-row button{min-height:23px;padding:3px 6px;font-size:8px}.portfolio-redesign .project-gallery-stage{width:min(100%,440px)}.portfolio-redesign .project-featured-card{border-radius:14px;gap:5px;width:49%;height:40%;padding:8px}.portfolio-redesign .project-featured-card-head{font-size:6px}.portfolio-redesign .project-featured-caption{min-height:27px}.portfolio-redesign .project-featured-caption h3{font-size:11px}.portfolio-redesign .project-featured-action{flex-basis:22px;padding-inline:7px;font-size:6px}.portfolio-redesign .project-featured-controls>button{flex-basis:29px;width:29px;height:29px}.portfolio-redesign .project-featured-controls>span{font-size:6px}}.portfolio.section-wrap.portfolio-redesign{color:#f5f3ef;width:100%;padding:20px 0 24px;background:#050505!important}.portfolio.section-wrap.portfolio-redesign>.filter-row{display:none}.portfolio-redesign .project-showcase{width:100%}.portfolio-redesign .project-gallery-stage{aspect-ratio:2/3;background:#050505;width:min(100%,736px);margin-inline:auto}.portfolio-redesign .project-gallery-stage:before{background-image:linear-gradient(90deg,#0000 calc(33.3333% - .75px),#e9e7e242 33.3333%,#0000 calc(33.3333% + .75px),#0000 calc(66.6667% - .75px),#e9e7e242 66.6667%,#0000 calc(66.6667% + .75px)),linear-gradient(0deg,#0000 calc(33.3333% - .75px),#e9e7e242 33.3333%,#0000 calc(33.3333% + .75px),#0000 calc(66.6667% - .75px),#e9e7e242 66.6667%,#0000 calc(66.6667% + .75px));border:0;height:66.6667%;top:20%}.portfolio-redesign .project-gallery-label{align-items:center;display:flex}.portfolio-redesign .project-gallery-label-copy{text-align:start;gap:3px;display:grid}.portfolio-redesign .project-square-grid{grid-template:repeat(3,minmax(0,1fr))/repeat(3,minmax(0,1fr));gap:0;top:20%;right:0;bottom:13.3333%;left:0}.portfolio-redesign .project-square{background:#080808;border:1px solid #eeebe214}.portfolio-redesign .project-square>img{filter:brightness(.64)saturate(.76)}.portfolio-redesign .project-square:after{background:linear-gradient(#0000000f,#0000 48%,#0000008f)}.portfolio-redesign .project-square-number{color:#f5f3efe0;text-shadow:0 2px 12px #00000080;font-size:clamp(28px,5.4vw,68px);font-weight:800;top:8px;left:9px}.portfolio-redesign .project-square-title{font-size:clamp(7px,.8vw,10px)}.portfolio-redesign .project-featured-card{background:#f4f1e9;border:1px solid #1818181a;border-radius:19px;gap:4px;width:43%;height:29%;padding:10px;animation:.28s ease-out both gallery-paper-match;transform:translate(-50%,-50%)rotate(2deg);box-shadow:0 18px 45px #0000009e}.portfolio-redesign .project-featured-card-head{color:#53534d;font-size:7px}.portfolio-redesign .project-featured-player{aspect-ratio:1.5;border:1px solid #202a32;border-radius:10px}.portfolio-redesign .project-featured-index{color:#151515;background:#f0ce23;padding:6px 8px;font-size:10px;inset:8px 8px auto auto}.portfolio-redesign .project-featured-caption{min-height:32px}.portfolio-redesign .project-featured-caption h3{color:#111;font-size:clamp(13px,1.8vw,20px)}.portfolio-redesign .project-featured-action{color:#08251d;background:#58efbb}.portfolio-redesign .project-gallery-tagline{color:#f5f3efeb;font-size:clamp(10px,1.25vw,14px);bottom:2.4%;left:10%;right:10%}.portfolio-redesign .project-featured-controls{width:90%;bottom:8%;left:5%;right:5%}.portfolio-redesign .project-featured-controls>button{background:#050505b8;border-color:#f5f3ef7a;flex-basis:34px;width:34px;height:34px}.portfolio-redesign .project-featured-controls>.project-autoplay-toggle{color:#f5f3ef;background:#050505b8;border-color:#f5f3ef7a}.portfolio-redesign .project-featured-controls>.project-autoplay-toggle:hover{color:#050505;background:#f0ce23;border-color:#f0ce23}.portfolio-redesign .project-gallery-progress{color:#f5f3ef9e;width:min(100% - 24px,736px);margin:8px auto 0}@keyframes gallery-paper-match{0%{opacity:.82;transform:translate(-50%,-49%)rotate(1deg)scale(.985)}to{opacity:1;transform:translate(-50%,-50%)rotate(2deg)scale(1)}}@media(max-width:650px){.portfolio.section-wrap.portfolio-redesign{padding:12px 0 18px}.portfolio-redesign .project-gallery-stage{width:min(100%,440px)}.portfolio-redesign .project-featured-card{border-radius:15px;gap:2px;width:48%;height:33%;padding:6px}.portfolio-redesign .project-featured-card-head{font-size:6px}.portfolio-redesign .project-featured-player{aspect-ratio:1.4}.portfolio-redesign .project-featured-caption{min-height:22px}.portfolio-redesign .project-featured-caption h3{font-size:11px}.portfolio-redesign .project-featured-action{flex-basis:18px}.portfolio-redesign .project-square-number{font-size:30px;top:6px;left:6px}.portfolio-redesign .project-featured-controls>button{flex-basis:30px;width:30px;height:30px}.portfolio-redesign .project-gallery-progress{grid-template-columns:auto 1fr}.portfolio-redesign .project-gallery-progress>a{grid-column:1/-1;justify-self:end}}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-gallery-stage .project-square-grid{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;direction:ltr;align-items:center;gap:clamp(4px,.8vw,8px)!important;width:auto!important;height:10%!important;display:flex!important;inset:auto 4% 15%!important;overflow:auto hidden!important}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-gallery-stage .project-square-grid::-webkit-scrollbar{display:none}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-gallery-stage .project-square-grid>.project-square{aspect-ratio:1;scroll-snap-align:start;border:1px solid #f5f3ef61;flex:0 0 15%;justify-self:auto;width:15%;height:auto;max-height:100%;position:relative;inset:auto;box-shadow:0 5px 15px #00000059;grid-area:auto!important}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-square-number{font-size:clamp(12px,2vw,22px);top:4px;left:5px}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-square-title{font-size:clamp(5px,.65vw,8px);bottom:4px;left:4px;right:4px}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-square-play{width:22px;height:22px}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-square-grid{cursor:grab;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-square-grid:active{cursor:grabbing}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-square-grid>.project-square>img{pointer-events:none}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-controls>button:not(.project-autoplay-toggle){display:none}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-card{isolation:isolate;transform-style:preserve-3d;transform-origin:50%;animation:.48s cubic-bezier(.2,.75,.25,1) both gallery-card-rise;box-shadow:0 26px 42px #000000a8,0 8px #0a0a0a6b}.portfolio.section-wrap.portfolio-redesign .project-gallery-stage{perspective:1400px;perspective-origin:50% 47%;transform-style:preserve-3d;overflow:visible}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-card:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:#d5d1c5;position:absolute;top:0;right:0;bottom:0;left:0;transform:translate3d(2px,6px,-9px)scale(1.015);box-shadow:0 5px #c4c0b5,0 14px 20px #0000004d}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-card>.project-card-pin{z-index:2;position:absolute;transform:translateZ(18px)}@keyframes gallery-card-rise{0%{opacity:.45;transform:translate(-50%,calc(34px - 50%))translateZ(-8px)rotate(-2deg)scale(.985)}to{opacity:1;transform:translate(-50%,-50%)translateZ(8px)rotate(-2deg)scale(1)}}@media(prefers-reduced-motion:reduce){.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-card{animation-duration:.01ms}}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-card{width:min(90%,660px);height:40%;transform-style:preserve-3d;direction:ltr;background:radial-gradient(at 18% 8%,#fffffff0,#0000 44%),linear-gradient(145deg,#f4f2eb,#d8d6ce);border:1px solid #272a2647;border-radius:25px;grid-template:"head head"20px"caption player"minmax(0,1fr)"action player"28px/minmax(86px,.72fr) minmax(0,1.7fr);gap:8px 12px;padding:clamp(10px,1.7vw,18px);animation:.58s cubic-bezier(.2,.75,.25,1) both gallery-device-rise;display:grid;top:48%;left:50%;box-shadow:0 34px 55px #0000007a,0 12px #aaa9a2,0 15px #777873,inset 0 1px #fffffff2,inset 0 -2px 4px #2427222e}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-card:before{border-radius:inherit;background:linear-gradient(145deg,#c8c7c0,#858781);border:1px solid #2226224d;top:4px;right:-3px;bottom:-10px;left:4px;transform:translateZ(-12px);box-shadow:0 20px 24px #00000059}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-card-pin{display:none}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-card-head{color:#62665f;grid-area:head;align-self:center;padding-inline:4px;font-size:8px}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-player{aspect-ratio:auto;background:#111;border:5px solid #252725;border-radius:15px;grid-area:player;width:100%;min-width:0;height:100%;transform:translateZ(5px);box-shadow:0 4px 12px #00000047,inset 0 0 0 1px #ffffff2e}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-media{border-radius:9px}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-caption{border:0;flex-direction:column;grid-area:caption;justify-content:center;align-self:center;align-items:flex-start;gap:8px;width:100%;min-width:0;min-height:0;padding:8px 4px;display:flex}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-caption>div{min-width:0}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-caption>div>span{color:#777b72;font-size:8px}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-caption h3{color:#252a27;overflow-wrap:anywhere;margin-top:7px;font-size:clamp(13px,1.8vw,21px);line-height:1.35}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-caption>button{display:none}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-action{letter-spacing:0;direction:rtl;border-radius:5px;grid-area:action;align-self:end;width:100%;min-width:0;height:28px;padding-inline:8px;font-size:clamp(6px,.75vw,9px)}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-card-pin,.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-card>*{z-index:1;position:relative}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-card>.project-card-pin{display:none}@keyframes gallery-device-rise{0%{opacity:.5;transform:translate(-50%,calc(28px - 50%))translateZ(-8px)scale(.98)}to{opacity:1;transform:translate(-50%,-50%)translateZ(8px)scale(1)}}@media(max-width:650px){.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-card{border-radius:18px;grid-template-rows:16px minmax(0,1fr) 24px;grid-template-columns:minmax(78px,.72fr) minmax(0,1.7fr);gap:5px 8px;width:92%;height:40%;padding:8px}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-player{border-width:4px;border-radius:11px}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-caption{gap:5px;padding-inline:3px}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-caption h3{margin-top:4px;font-size:clamp(12px,4vw,15px)}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-action{height:24px;padding-inline:5px;font-size:6px}}.portfolio.section-wrap.portfolio-redesign{color:var(--ink);background-color:var(--paper)!important;background-image:linear-gradient(var(--ink) 1px,transparent 1px),linear-gradient(90deg,var(--ink) 1px,transparent 1px),radial-gradient(ellipse at 50% 28%,var(--surface),transparent 68%)!important}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap.portfolio-redesign{background-image:linear-gradient(color-mix(in srgb,var(--ink) 13%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--ink) 13%,transparent) 1px,transparent 1px),radial-gradient(ellipse at 50% 28%,color-mix(in srgb,var(--surface) 72%,transparent),transparent 68%)!important}}.portfolio.section-wrap.portfolio-redesign{transition:color .22s,background-color .22s;background-size:150px 150px,150px 150px,auto!important}.portfolio.section-wrap.portfolio-redesign .project-gallery-stage{background:0 0!important}.portfolio.section-wrap.portfolio-redesign .project-gallery-stage .project-square-grid{grid-auto-flow:column;grid-template:none!important;display:flex!important;overflow:auto hidden!important}.portfolio.section-wrap.portfolio-redesign .project-gallery-stage .project-square-grid>.project-square{aspect-ratio:1;flex:0 0 15%;width:15%;height:auto}.portfolio.section-wrap.portfolio-redesign .project-gallery-brand,.portfolio.section-wrap.portfolio-redesign .project-gallery-label,.portfolio.section-wrap.portfolio-redesign .project-gallery-tagline,.portfolio.section-wrap.portfolio-redesign .project-gallery-brand small,.portfolio.section-wrap.portfolio-redesign .project-gallery-label span{color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap.portfolio-redesign .project-gallery-brand small,.portfolio.section-wrap.portfolio-redesign .project-gallery-label span{color:color-mix(in srgb,var(--ink) 68%,transparent)}}.portfolio.section-wrap.portfolio-redesign .project-gallery-stage:before{border-block-color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap.portfolio-redesign .project-gallery-stage:before{border-block-color:color-mix(in srgb,var(--ink) 22%,transparent)}}.portfolio.section-wrap.portfolio-redesign .project-gallery-stage:before{background-image:linear-gradient(90deg,transparent calc(33.3333% - .5px),var(--ink) 33.3333%,transparent calc(33.3333% + .5px),transparent calc(66.6667% - .5px),var(--ink) 66.6667%,transparent calc(66.6667% + .5px)),linear-gradient(0deg,transparent calc(33.3333% - .5px),var(--ink) 33.3333%,transparent calc(33.3333% + .5px),transparent calc(66.6667% - .5px),var(--ink) 66.6667%,transparent calc(66.6667% + .5px))}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap.portfolio-redesign .project-gallery-stage:before{background-image:linear-gradient(90deg,transparent calc(33.3333% - .5px),color-mix(in srgb,var(--ink) 22%,transparent) 33.3333%,transparent calc(33.3333% + .5px),transparent calc(66.6667% - .5px),color-mix(in srgb,var(--ink) 22%,transparent) 66.6667%,transparent calc(66.6667% + .5px)),linear-gradient(0deg,transparent calc(33.3333% - .5px),color-mix(in srgb,var(--ink) 22%,transparent) 33.3333%,transparent calc(33.3333% + .5px),transparent calc(66.6667% - .5px),color-mix(in srgb,var(--ink) 22%,transparent) 66.6667%,transparent calc(66.6667% + .5px))}}.portfolio.section-wrap.portfolio-redesign>.filter-row button{color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap.portfolio-redesign>.filter-row button{color:color-mix(in srgb,var(--ink) 78%,transparent)}}.portfolio.section-wrap.portfolio-redesign>.filter-row button{border-color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap.portfolio-redesign>.filter-row button{border-color:color-mix(in srgb,var(--ink) 25%,transparent)}}.portfolio.section-wrap.portfolio-redesign>.filter-row button{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap.portfolio-redesign>.filter-row button{background:color-mix(in srgb,var(--surface) 75%,transparent)}}.portfolio.section-wrap.portfolio-redesign>.filter-row button.filter-active,.portfolio.section-wrap.portfolio-redesign>.filter-row button:hover{color:var(--paper);border-color:var(--ink);background:var(--ink)}.portfolio.section-wrap.portfolio-redesign .project-featured-controls>button{color:var(--ink);border-color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap.portfolio-redesign .project-featured-controls>button{border-color:color-mix(in srgb,var(--ink) 38%,transparent)}}.portfolio.section-wrap.portfolio-redesign .project-featured-controls>button{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap.portfolio-redesign .project-featured-controls>button{background:color-mix(in srgb,var(--surface) 82%,transparent)}}.portfolio.section-wrap.portfolio-redesign .project-featured-controls>.project-autoplay-toggle{color:var(--paper);border-color:var(--ink);background:var(--ink)}.portfolio.section-wrap.portfolio-redesign .project-featured-controls>span,.portfolio.section-wrap.portfolio-redesign .project-gallery-progress>span,.portfolio.section-wrap.portfolio-redesign .project-gallery-progress>a{color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap.portfolio-redesign .project-featured-controls>span,.portfolio.section-wrap.portfolio-redesign .project-gallery-progress>span,.portfolio.section-wrap.portfolio-redesign .project-gallery-progress>a{color:color-mix(in srgb,var(--ink) 82%,transparent)}}.portfolio.section-wrap.portfolio-redesign .project-gallery-progress>div{background:var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap.portfolio-redesign .project-gallery-progress>div{background:color-mix(in srgb,var(--ink) 20%,transparent)}}.portfolio.section-wrap.portfolio-redesign .project-gallery-stage{perspective:none;transform-style:flat}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-card{transform-style:flat;box-shadow:0 8px 20px var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-card{box-shadow:0 8px 20px color-mix(in srgb,var(--ink) 14%,transparent)}}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-card{animation:.35s ease-out both gallery-card-enter-2d}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-card:before{display:none}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-player{box-shadow:none;aspect-ratio:16/9;place-self:center;width:min(100%,520px);height:auto;transform:none}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-player--portrait{aspect-ratio:9/16;width:auto;height:100%;max-height:100%}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-index{z-index:3;inset:9px auto auto 9px}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-fallback img{object-fit:contain;opacity:1;background:#080a09}.portfolio.section-wrap.portfolio-redesign .project-showcase .project-featured-play{background:linear-gradient(#0000 52%,#0000006b)}@keyframes gallery-card-enter-2d{0%{opacity:.55;transform:translate(-50%,calc(14px - 50%))scale(.985)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.portfolio.section-wrap.portfolio-redesign.portfolio-categorized{min-height:0;padding:clamp(54px,8vw,96px) clamp(18px,5vw,72px);display:block;overflow:clip}.portfolio-categorized .portfolio-category-nav{flex-wrap:wrap;gap:10px;margin:30px 0 44px;display:flex}.portfolio-categorized .portfolio-category-nav a{border:1px solid var(--ink);align-items:center;gap:12px;padding:10px 15px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.portfolio-categorized .portfolio-category-nav a{border:1px solid color-mix(in srgb,var(--ink) 22%,transparent)}}.portfolio-categorized .portfolio-category-nav a{color:var(--ink);background:var(--surface);border-radius:999px}@supports (color:color-mix(in lab,red,red)){.portfolio-categorized .portfolio-category-nav a{background:color-mix(in srgb,var(--surface) 52%,transparent)}}.portfolio-categorized .portfolio-category-nav a{font-size:13px;text-decoration:none;transition:background .2s,color .2s,transform .2s}.portfolio-categorized .portfolio-category-nav a:hover{color:var(--surface);background:var(--yellow);transform:translateY(-2px)}.portfolio-categorized .portfolio-category-nav small{opacity:.7;font-size:10px}.portfolio-categorized .portfolio-category-groups{gap:clamp(38px,6vw,72px);min-width:0;display:grid}.portfolio-categorized .portfolio-category-section{border:1px solid var(--ink);min-width:0;padding:clamp(16px,2.4vw,28px);scroll-margin-top:110px}@supports (color:color-mix(in lab,red,red)){.portfolio-categorized .portfolio-category-section{border:1px solid color-mix(in srgb,var(--ink) 20%,transparent)}}.portfolio-categorized .portfolio-category-section{transform-origin:50%;background:radial-gradient(ellipse at 100% 0%,var(--yellow),transparent 38%),var(--surface);border-radius:22px;transition:transform .42s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s,background-color .3s;transform:translateY(0)scale(1)}@supports (color:color-mix(in lab,red,red)){.portfolio-categorized .portfolio-category-section{background:radial-gradient(ellipse at 100% 0%,color-mix(in srgb,var(--yellow) 8%,transparent),transparent 38%),color-mix(in srgb,var(--surface) 36%,var(--paper))}}.portfolio-categorized .portfolio-category-section{box-shadow:inset 0 1px var(--ink),0 14px 35px #0002}@supports (color:color-mix(in lab,red,red)){.portfolio-categorized .portfolio-category-section{box-shadow:inset 0 1px color-mix(in srgb,var(--ink) 5%,transparent),0 14px 35px #0002}}.portfolio-categorized .portfolio-category-section:hover,.portfolio-categorized .portfolio-category-section:focus-within{z-index:1;border-color:var(--yellow)}@supports (color:color-mix(in lab,red,red)){.portfolio-categorized .portfolio-category-section:hover,.portfolio-categorized .portfolio-category-section:focus-within{border-color:color-mix(in srgb,var(--yellow) 78%,var(--ink))}}.portfolio-categorized .portfolio-category-section:hover,.portfolio-categorized .portfolio-category-section:focus-within{box-shadow:inset 0 1px var(--ink),0 26px 58px var(--yellow)}@supports (color:color-mix(in lab,red,red)){.portfolio-categorized .portfolio-category-section:hover,.portfolio-categorized .portfolio-category-section:focus-within{box-shadow:inset 0 1px color-mix(in srgb,var(--ink) 12%,transparent),0 26px 58px color-mix(in srgb,var(--yellow) 16%,#0008)}}.portfolio-categorized .portfolio-category-section:hover,.portfolio-categorized .portfolio-category-section:focus-within{transform:perspective(1200px)translateY(-12px)rotateX(2deg)scale(1.04)}.portfolio-categorized .portfolio-category-section.is-in-view{animation:.78s cubic-bezier(.2,.8,.2,1) both portfolio-category-reveal}@keyframes portfolio-category-reveal{0%{opacity:.2;transform:translateY(56px)scale(.91)}to{opacity:1;transform:translateY(0)scale(1)}}.portfolio-categorized .portfolio-category-heading{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;padding-bottom:13px;display:flex}@supports (color:color-mix(in lab,red,red)){.portfolio-categorized .portfolio-category-heading{border-bottom:1px solid color-mix(in srgb,var(--ink) 20%,transparent)}}.portfolio-categorized .portfolio-category-heading>div>span{color:var(--ink);margin-bottom:5px;display:block}@supports (color:color-mix(in lab,red,red)){.portfolio-categorized .portfolio-category-heading>div>span{color:color-mix(in srgb,var(--ink) 62%,transparent)}}.portfolio-categorized .portfolio-category-heading>div>span{letter-spacing:.13em;text-transform:uppercase;font-size:10px}.portfolio-categorized .portfolio-category-heading h3{color:var(--ink);margin:0;font-size:clamp(22px,3vw,32px);line-height:1.2}.portfolio-categorized .portfolio-category-count{color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.portfolio-categorized .portfolio-category-count{color:color-mix(in srgb,var(--ink) 70%,transparent)}}.portfolio-categorized .portfolio-category-count{white-space:nowrap;font-size:12px}.portfolio-categorized .portfolio-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.portfolio-categorized .portfolio-project-tile{border:1px solid var(--ink);min-width:0;padding:0;display:block;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.portfolio-categorized .portfolio-project-tile{border:1px solid color-mix(in srgb,var(--ink) 20%,transparent)}}.portfolio-categorized .portfolio-project-tile{color:var(--ink);background:var(--surface);border-radius:15px}@supports (color:color-mix(in lab,red,red)){.portfolio-categorized .portfolio-project-tile{background:color-mix(in srgb,var(--surface) 45%,#090a0b)}}.portfolio-categorized .portfolio-project-tile{text-align:start;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s}.portfolio-categorized .portfolio-project-tile:hover,.portfolio-categorized .portfolio-project-tile:focus-visible{border-color:var(--yellow);transform:translateY(-4px);box-shadow:0 14px 32px #0005}.portfolio-categorized .portfolio-project-media{aspect-ratio:16/9;background:#090a0b;place-items:center;display:grid;position:relative;overflow:hidden}.portfolio-categorized .portfolio-project-media img{object-fit:contain;width:100%;height:100%}.portfolio-categorized .portfolio-project-placeholder{color:var(--ink);padding:18px}@supports (color:color-mix(in lab,red,red)){.portfolio-categorized .portfolio-project-placeholder{color:color-mix(in srgb,var(--ink) 72%,transparent)}}.portfolio-categorized .portfolio-project-placeholder{text-align:center}.portfolio-categorized .portfolio-project-number{color:#17140a;background:var(--yellow);top:10px;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;position:absolute;inset-inline-start:10px}.portfolio-categorized .portfolio-project-play{color:#15130c;background:var(--yellow);opacity:.94;border:1px solid #ffffffa0;border-radius:50%;place-items:center;width:48px;height:48px;transition:transform .2s;display:grid;position:absolute}.portfolio-categorized .portfolio-project-tile:hover .portfolio-project-play{transform:scale(1.12)}.portfolio-categorized .portfolio-project-caption{justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:10px 13px;font-size:13px;font-weight:600;display:flex}.portfolio-categorized .portfolio-project-caption>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.portfolio-categorized .portfolio-category-folder{color:var(--ink);align-items:center;gap:8px;margin-top:36px;font-size:13px;text-decoration:none;display:inline-flex}.portfolio-categorized .portfolio-category-folder:hover{color:var(--yellow)}@media(max-width:760px){.portfolio-categorized .portfolio-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portfolio-categorized .portfolio-project-caption{min-height:42px;padding:8px 10px;font-size:12px}}@media(max-width:420px){.portfolio-categorized .portfolio-category-grid{grid-template-columns:minmax(0,1fr)}.portfolio-categorized .portfolio-category-nav{gap:7px}.portfolio-categorized .portfolio-category-nav a{padding:8px 11px;font-size:12px}}.process.process-cinematic{isolation:isolate;color:#f2f3ed;background:#07100d;align-items:center;min-height:min(900px,100svh);padding-block:clamp(42px,7vw,84px);display:grid;position:relative;overflow:clip}.process-cinematic-shell{z-index:1;width:min(1240px,100% - 72px);margin-inline:auto;position:relative}.process-cinematic-glow{z-index:-1;aspect-ratio:1.8;background:radial-gradient(ellipse,var(--yellow),transparent 68%);border-radius:50%;width:min(76vw,940px);position:absolute;top:18%;left:50%}@supports (color:color-mix(in lab,red,red)){.process-cinematic-glow{background:radial-gradient(ellipse,color-mix(in srgb,var(--yellow) 18%,transparent),transparent 68%)}}.process-cinematic-glow{filter:blur(55px);pointer-events:none;transform:translate(-50%)}.process-cinematic-grid{z-index:-1;pointer-events:none;background-image:linear-gradient(#effff00a 1px,#0000 1px),linear-gradient(90deg,#effff00a 1px,#0000 1px);background-size:64px 64px;position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(#0000,#000 18% 78%,#0000);mask-image:linear-gradient(#0000,#000 18%,#000 78%,#0000)}.process-cinematic-word{z-index:-1;color:#0000;width:max-content;font:900 clamp(150px,29vw,410px)/.72 var(--display);letter-spacing:-.09em;white-space:nowrap;-webkit-text-stroke:1px #effff00d;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;bottom:7%;right:50%;transform:translate(50%)}.process-cinematic .section-kicker{color:#d8e0da;border-color:#e5f5ed36;margin:0}.process-cinematic-heading{text-align:center;justify-items:center;margin:clamp(48px,7vw,86px) auto clamp(36px,5vw,58px);display:grid;position:relative}.process-cinematic-eyebrow{color:var(--yellow);margin-bottom:20px}@supports (color:color-mix(in lab,red,red)){.process-cinematic-eyebrow{color:color-mix(in srgb,var(--yellow) 82%,white)}}.process-cinematic-eyebrow{font:10px var(--mono);letter-spacing:.22em;text-transform:uppercase}.process-cinematic-heading h2{font:750 clamp(58px,9.4vw,124px)/.9 var(--display);letter-spacing:-.09em;margin:0}.process-cinematic-heading h2 i{color:var(--yellow);letter-spacing:-.08em;font-family:Georgia,serif;font-weight:400}.process-cinematic-heading p{color:#b7c2bb;font:13px/1.8 var(--mono);margin:22px 0 0}.process-cinematic-marquee{background:#effff006;border-block:1px solid #e5f5ed28;width:100vw;margin:0 calc(50% - 50vw) clamp(28px,4vw,48px);overflow:hidden}.process-cinematic-marquee-track{align-items:center;width:max-content;animation:38s linear infinite process-cinematic-marquee;display:flex}.process-cinematic-marquee-item{color:#b8c2bc;font:700 10px var(--mono);letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:clamp(22px,4vw,54px);padding:15px clamp(22px,4vw,54px);display:inline-flex}.process-cinematic-marquee-item svg{width:14px;height:14px;color:var(--yellow)}.process-cinematic-steps{border:1px solid var(--yellow);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.process-cinematic-steps{border:1px solid color-mix(in srgb,var(--yellow) 58%,transparent)}}.process-cinematic-steps{background:var(--surface);border-top-width:4px;border-radius:20px;box-shadow:0 22px 48px #0004}.process-cinematic-step{min-width:0;min-height:188px;padding:22px 18px 20px;transition:background-color .25s}.process-cinematic-step+.process-cinematic-step{border-inline-start:1px solid var(--yellow)}@supports (color:color-mix(in lab,red,red)){.process-cinematic-step+.process-cinematic-step{border-inline-start:1px solid color-mix(in srgb,var(--yellow) 32%,transparent)}}.process-cinematic-step:hover{background:var(--yellow)}@supports (color:color-mix(in lab,red,red)){.process-cinematic-step:hover{background:color-mix(in srgb,var(--yellow) 10%,var(--surface))}}.process-cinematic-step-top{color:var(--yellow);font:11px var(--mono);justify-content:space-between;align-items:center;display:flex}.process-cinematic-step-top svg{color:#88968d;width:15px;height:15px}.process-cinematic-step h3{color:#f3f4ee;font:650 clamp(16px,1.55vw,21px) var(--display);margin:30px 0 9px}.process-cinematic-step p{color:#a8b4ac;margin:0;font-size:11px;line-height:1.75}.process-cinematic-bottom{color:#829088;font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:20px;margin-top:26px;display:flex}.process-cinematic-bottom>span:last-child{color:var(--yellow);font:600 19px var(--script);letter-spacing:0;text-transform:none;align-items:center;gap:6px;display:inline-flex}.process-cinematic-bottom svg{width:15px;height:15px}@keyframes process-cinematic-marquee{to{transform:translate(-50%)}}@media(max-width:760px){.process.process-cinematic{min-height:0;padding-block:38px}.process-cinematic-shell{width:calc(100% - 36px)}.process-cinematic .section-kicker{gap:7px;font-size:8px;line-height:1.5;display:grid}.process-cinematic-heading{margin:38px auto 28px}.process-cinematic-eyebrow{letter-spacing:.08em;margin-bottom:12px;font-size:8px}.process-cinematic-heading h2{letter-spacing:-.055em;font-size:clamp(42px,12vw,58px);line-height:1.08}.process-cinematic-heading p{margin-top:12px;font-size:10px;line-height:1.7}.process-cinematic-marquee,.process-cinematic-word{display:none}.process-cinematic-steps{border-radius:16px;grid-template-columns:minmax(0,1fr)}.process-cinematic-step{grid-template-columns:38px minmax(0,1fr);column-gap:12px;min-height:0;padding:16px;display:grid}.process-cinematic-step+.process-cinematic-step{border-inline-start:0;border-top:1px solid var(--yellow)}@supports (color:color-mix(in lab,red,red)){.process-cinematic-step+.process-cinematic-step{border-top:1px solid color-mix(in srgb,var(--yellow) 32%,transparent)}}.process-cinematic-step-top{flex-direction:column;grid-row:1/span 2;align-items:start;gap:12px}.process-cinematic-step h3{align-self:end;margin:0 0 5px;font-size:17px}.process-cinematic-step p{grid-column:2;font-size:12px;line-height:1.65}.process-cinematic-bottom{letter-spacing:.04em;align-items:center;margin-top:20px;font-size:8px}.process-cinematic-bottom>span:last-child{white-space:nowrap;font-size:16px}}@media(prefers-reduced-motion:reduce){.process-cinematic-marquee-track{animation:none}.process-cinematic-step{transition:none}.portfolio-categorized .portfolio-category-section,.portfolio-categorized .portfolio-category-section.is-in-view{transition:none;animation:none}}.services.services-redesign{padding-block:clamp(58px,8vw,104px);overflow:hidden}.services-shell{width:min(1240px,100% - 72px);margin-inline:auto}.services-redesign .section-kicker{margin:0}.services-redesign-heading{align-items:center;margin:clamp(42px,6vw,72px) 0 38px}.services-heading-copy{gap:18px;display:grid}.services-redesign-heading h2{letter-spacing:-.07em;font-size:clamp(52px,7.5vw,96px);line-height:.98}.services-redesign-heading h2 i{color:var(--red)}.services-heading-copy>p{color:var(--ink);margin:0}@supports (color:color-mix(in lab,red,red)){.services-heading-copy>p{color:color-mix(in srgb,var(--ink) 65%,transparent)}}.services-heading-copy>p{font:11px var(--mono);letter-spacing:.13em;text-transform:uppercase}.services-redesign .services-arrow{border-color:var(--ink);width:72px;height:72px}@supports (color:color-mix(in lab,red,red)){.services-redesign .services-arrow{border-color:color-mix(in srgb,var(--ink) 28%,transparent)}}.services-redesign .services-arrow{color:var(--red);transform:none}.services-redesign-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0}.services-redesign-list:before{display:none}.services-redesign-card,.services-redesign-card:nth-child(3n+2),.services-redesign-card:nth-child(3n),.services-redesign-card:nth-child(2n),.services-redesign-card:nth-child(odd){border:1px solid var(--ink);min-width:0;min-height:242px;padding:22px}@supports (color:color-mix(in lab,red,red)){.services-redesign-card,.services-redesign-card:nth-child(3n+2),.services-redesign-card:nth-child(3n),.services-redesign-card:nth-child(2n),.services-redesign-card:nth-child(odd){border:1px solid color-mix(in srgb,var(--ink) 17%,transparent)}}.services-redesign-card,.services-redesign-card:nth-child(3n+2),.services-redesign-card:nth-child(3n),.services-redesign-card:nth-child(2n),.services-redesign-card:nth-child(odd){background:var(--paper);border-radius:18px}@supports (color:color-mix(in lab,red,red)){.services-redesign-card,.services-redesign-card:nth-child(3n+2),.services-redesign-card:nth-child(3n),.services-redesign-card:nth-child(2n),.services-redesign-card:nth-child(odd){background:color-mix(in srgb,var(--paper) 88%,transparent)}}.services-redesign-card,.services-redesign-card:nth-child(3n+2),.services-redesign-card:nth-child(3n),.services-redesign-card:nth-child(2n),.services-redesign-card:nth-child(odd){box-shadow:none;transform:none}.services-redesign-card:hover{border-color:var(--red);transform:translateY(-4px)}@supports (color:color-mix(in lab,red,red)){.services-redesign-card:hover{border-color:color-mix(in srgb,var(--red) 55%,transparent)}}.services-redesign-card:hover{box-shadow:0 14px 32px var(--ink)}@supports (color:color-mix(in lab,red,red)){.services-redesign-card:hover{box-shadow:0 14px 32px color-mix(in srgb,var(--ink) 8%,transparent)}}.services-redesign-card .service-card-top{justify-content:space-between;align-items:center;display:flex}.services-redesign-card .service-number{color:var(--ink);position:static}@supports (color:color-mix(in lab,red,red)){.services-redesign-card .service-number{color:color-mix(in srgb,var(--ink) 55%,transparent)}}.services-redesign-card .service-number{font-size:10px}.services-redesign-card .service-icon{width:50px;height:50px;color:var(--red);background:var(--red);margin:0}@supports (color:color-mix(in lab,red,red)){.services-redesign-card .service-icon{background:color-mix(in srgb,var(--red) 12%,var(--paper))}}.services-redesign-card .service-card-copy{margin-top:23px}.services-redesign-card h3{max-width:none;color:var(--ink);font:650 18px/1.35 var(--display);letter-spacing:-.025em;margin:0 0 9px}.services-redesign-card p{max-width:34ch;color:var(--ink);margin:0}@supports (color:color-mix(in lab,red,red)){.services-redesign-card p{color:color-mix(in srgb,var(--ink) 68%,transparent)}}.services-redesign-card p{font-size:12px;line-height:1.75}.services-redesign-card .service-link{color:var(--red);bottom:19px;right:20px}html[dir=rtl] .services-redesign-card .service-link{left:20px;right:auto;transform:scaleX(-1)}.services-redesign-note{border:1px solid var(--yellow);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;width:100%;margin:24px 0 0;padding:20px 22px;display:grid;position:relative;inset:auto}@supports (color:color-mix(in lab,red,red)){.services-redesign-note{border:1px solid color-mix(in srgb,var(--yellow) 42%,transparent)}}.services-redesign-note{color:var(--ink);background:var(--yellow);border-radius:14px}@supports (color:color-mix(in lab,red,red)){.services-redesign-note{background:color-mix(in srgb,var(--yellow) 12%,var(--surface))}}.services-redesign-note{box-shadow:none;font:600 17px/1.45 var(--script);transform:none}.services-note-index{color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.services-note-index{color:color-mix(in srgb,var(--ink) 52%,transparent)}}.services-note-index{font:9px var(--mono);letter-spacing:.1em}.services-redesign-note>svg{color:var(--yellow)}@media(max-width:900px){.services-redesign-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.services.services-redesign{padding-block:32px}.services-shell{width:calc(100% - 32px)}.services-redesign .section-kicker{gap:7px;font-size:8px;line-height:1.5;display:grid}.services-redesign-heading{align-items:flex-start;margin:25px 0 18px}.services-heading-copy{gap:9px}.services-redesign-heading h2{letter-spacing:-.055em;font-size:clamp(36px,9.5vw,46px);line-height:1.04}.services-heading-copy>p{letter-spacing:.04em;font-size:7px}.services-redesign .services-arrow{flex:0 0 36px;width:36px;height:36px}.services-redesign .services-arrow svg{width:18px;height:18px}.services-redesign-list{grid-template-columns:minmax(0,1fr);gap:8px;padding:0}.services-redesign-card,.services-redesign-card:nth-child(3n+2),.services-redesign-card:nth-child(3n),.services-redesign-card:nth-child(2n),.services-redesign-card:nth-child(odd){border-radius:12px;grid-template-columns:40px minmax(0,1fr) 14px;align-items:center;column-gap:9px;min-height:0;padding:10px 12px;display:grid}.services-redesign-card .service-card-top{flex-direction:column-reverse;grid-area:1/1;gap:6px}.services-redesign-card .service-number{font-size:8px}.services-redesign-card .service-icon{width:38px;height:38px}.services-redesign-card .service-icon svg{width:19px;height:19px}.services-redesign-card .service-card-copy{grid-area:1/2;min-width:0;margin:0}.services-redesign-card h3{overflow-wrap:anywhere;margin:0 0 3px;font-size:13px;line-height:1.3}.services-redesign-card p{font-size:10px;line-height:1.45}.services-redesign-card .service-link,html[dir=rtl] .services-redesign-card .service-link{grid-area:1/3;width:13px;height:13px;position:static;transform:none}.services-redesign-note{border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;margin:12px 0 0;padding:11px 10px;font-size:13px}html[dir=rtl] .services-redesign-note{margin:12px 0 0}.services-note-index{font-size:6px}.services-redesign-note>svg{width:13px}}.cta{color:var(--ink);background:var(--yellow)}.cta .section-kicker{color:var(--ink);border-color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.cta .section-kicker{border-color:color-mix(in srgb,var(--ink) 32%,transparent)}}.cta h2{color:var(--ink)}.cta h2 i,.cta-note{color:var(--red)}.cta-note{border-color:var(--red)}@supports (color:color-mix(in lab,red,red)){.cta-note{border-color:color-mix(in srgb,var(--red) 58%,transparent)}}.cta-portrait{opacity:.34;filter:drop-shadow(0 10px 28px var(--ink))}@supports (color:color-mix(in lab,red,red)){.cta-portrait{filter:drop-shadow(0 10px 28px color-mix(in srgb,var(--ink) 15%,transparent))}}.cta-email,.cta-whatsapp{color:var(--ink);border-color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.cta-email,.cta-whatsapp{border-color:color-mix(in srgb,var(--ink) 36%,transparent)}}.cta-location{color:var(--ink)}@supports (color:color-mix(in lab,red,red)){.cta-location{color:color-mix(in srgb,var(--ink) 64%,transparent)}}.cta .button-dark{color:var(--paper);background:var(--ink)}html[data-palette] .cta{color:var(--ink);background:var(--yellow)}html[data-palette] .cta .section-kicker{border-color:var(--ink)}@supports (color:color-mix(in lab,red,red)){html[data-palette] .cta .section-kicker{border-color:color-mix(in srgb,var(--ink) 32%,transparent)}}html[data-palette] .cta .button-dark{color:var(--paper);background:var(--ink)}html[data-theme=dark] .cta,html[data-theme=dark][data-palette] .cta{color:var(--ink);background:var(--paper)}html[data-theme=dark] .cta h2 i,html[data-theme=dark] .cta-note{color:var(--yellow)}html[data-theme=dark] .cta-note{border-color:var(--yellow)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .cta-note{border-color:color-mix(in srgb,var(--yellow) 58%,transparent)}}html[data-theme=dark] .cta .button-dark,html[data-theme=dark][data-palette] .cta .button-dark{color:var(--paper);background:var(--yellow)}@media(max-width:640px){.portfolio.section-wrap.portfolio-redesign.portfolio-categorized{padding:28px 12px 18px}.portfolio-categorized .section-kicker{font-size:7px}.portfolio-categorized .section-heading-row{margin:16px 0 12px}.portfolio-categorized .section-heading-row h2{font-size:clamp(34px,9vw,42px);line-height:.96}.portfolio-categorized .section-intro{font-size:10px;line-height:1.5}.portfolio-categorized .portfolio-category-nav{gap:5px;margin:13px 0 18px}.portfolio-categorized .portfolio-category-nav a{gap:6px;padding:6px 8px;font-size:9px}.portfolio-categorized .portfolio-category-nav small{font-size:8px}.portfolio-categorized .portfolio-category-groups{gap:14px}.portfolio-categorized .portfolio-category-section{border-radius:16px;padding:12px}.portfolio-categorized .portfolio-category-section:active{transform:translateY(-2px)scale(.995)}.portfolio-categorized .portfolio-category-heading{gap:8px;margin-bottom:8px;padding-bottom:6px}.portfolio-categorized .portfolio-category-heading>div>span{margin-bottom:2px;font-size:7px}.portfolio-categorized .portfolio-category-heading h3{font-size:18px}.portfolio-categorized .portfolio-category-count{font-size:9px}.portfolio-categorized .portfolio-category-folder{margin-top:14px;font-size:10px}}.admin-panel{border:1px solid #211f1b20;border-radius:24px;box-shadow:0 28px 90px #0008}.admin-panel-header{align-items:center}.admin-heading-icon{background:var(--yellow);border-radius:14px;color:#211f1b!important}.admin-panel-header>button{border-radius:11px}.admin-tabs{border-bottom:0;gap:8px}.admin-tabs button{border-radius:11px}.admin-tabs button.is-active{box-shadow:0 4px #211f1b25}.admin-overview>div{background:#fffdf7;border-radius:15px;box-shadow:0 6px 18px #211f1b0c}.admin-overview{background:#eee8dc;border:1px solid #211f1b20;border-radius:18px;gap:10px;padding:14px}.admin-form{background:#f8f4ec;border:1px solid #211f1b20;border-radius:18px;margin:0 0 18px;padding:18px;box-shadow:0 8px 22px #211f1b0c}.admin-video-links{gap:10px;display:grid}.admin-video-links-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-video-links-heading>strong{color:#746957;font:600 9px var(--mono);letter-spacing:.08em}.admin-add-video-link{color:#211f1b;min-height:34px;font:600 10px var(--mono);background:#fffdf7;border:1px solid #211f1b2b;border-radius:10px;align-items:center;gap:6px;padding:0 10px;transition:color .16s,background .16s,transform .16s;display:inline-flex}.admin-add-video-link:hover:not(:disabled){color:#fff;background:#211f1b;transform:translateY(-1px)}.admin-video-link-row{background:#fffdf7;border:1px solid #211f1b1c;border-radius:13px;grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:9px;padding:12px;display:grid}.admin-remove-video-link{color:#a6222d;background:#fff9f6;border:1px solid #a6222d44;border-radius:10px;place-items:center;width:36px;height:40px;display:grid}.admin-remove-video-link:hover:not(:disabled){color:#fff;background:#a6222d}.admin-add-toggle{border-radius:14px;box-shadow:0 5px #211f1b20}.admin-add-toggle:hover{transform:translateY(-2px);box-shadow:0 7px #211f1b20}.admin-search,.admin-filter{border-radius:12px}.admin-project-list{overscroll-behavior:contain;scrollbar-gutter:stable;background:#f8f4ec;border:1px solid #211f1b20;border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-height:min(68dvh,680px);margin-top:0;padding:14px;display:grid;overflow-y:auto;box-shadow:0 8px 22px #211f1b0c}.admin-list-heading{z-index:3;background:#f8f4ec;grid-column:1/-1;padding:10px 2px 8px;position:sticky;top:-14px}.admin-project-row{background:#fffdf7;border:1px solid #211f1b1c;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"index controls""summary summary""edit edit";align-items:start;gap:10px;min-width:0;padding:14px;transition:transform .22s,box-shadow .22s,border-color .22s,background .22s;display:grid;position:relative;box-shadow:0 8px 22px #211f1b10}.admin-project-row:last-of-type{border-bottom:1px solid #211f1b1c}.admin-project-row:hover,.admin-project-row.is-editing{background:#fffefa;border-color:#b7aa94;transform:translateY(-3px);box-shadow:0 14px 30px #211f1b18}.admin-project-index{z-index:0;color:#514a40;background:linear-gradient(135deg,#fffdf7,#e9e2d6);border:1px solid #211f1b1c;border-radius:10px;grid-area:index;width:54px;height:44px;font-size:11px;position:relative;box-shadow:0 3px 10px #211f1b16}.admin-project-index:before,.admin-project-index:after{content:"";z-index:-1;border-radius:inherit;background:#f2ece1;border:1px solid #211f1b18;position:absolute;top:2px;right:-4px;bottom:-2px;left:4px}.admin-project-index:before{transform:rotate(7deg)}.admin-project-index:after{background:#ddd5c7;transform:rotate(-5deg)}.admin-project-summary{grid-area:summary;gap:9px}.admin-project-summary>strong{letter-spacing:-.025em;justify-content:space-between;align-items:center;gap:10px;font-size:16px;display:flex}.admin-project-summary>strong:after{content:"↗";color:#8b8070;font:500 20px/1 var(--display);flex:none;transition:color .18s,transform .18s}.admin-project-row:hover .admin-project-summary>strong:after{color:#a51f29;transform:translate(2px,-2px)}.admin-project-meta{gap:7px}.admin-project-meta span{border-radius:999px;padding:4px 9px}.admin-project-summary>a,.admin-no-link{background:#f7f3eb;border:1px solid #211f1b14;border-radius:9px;width:fit-content;max-width:100%;padding:7px 9px}.admin-project-controls{grid-area:controls;justify-content:flex-end;gap:5px}.admin-project-controls button{background:#fffdf7;border-radius:11px;width:36px;height:36px}.admin-project-controls button:hover:not(:disabled){transform:translateY(-1px)}.admin-project-controls .admin-project-drag-handle{touch-action:none;cursor:grab;color:#756b5c;background:#f2ece1;border-color:#211f1b20}.admin-project-controls .admin-project-drag-handle:active{cursor:grabbing}.admin-project-controls .admin-project-drag-handle:hover:not(:disabled){color:#211f1b;background:#e9e0d2}.admin-project-row.is-dragging{z-index:2;border-color:#a51f29;transform:scale(.985);box-shadow:0 18px 36px #211f1b24}.admin-project-row.is-dragging .admin-project-drag-handle{color:#fff;background:#a51f29;border-color:#a51f29}.admin-project-edit{border-radius:14px;grid-area:edit}.admin-empty{border-radius:16px;grid-column:1/-1}@media(max-width:760px){.admin-project-list{grid-template-columns:minmax(0,1fr);gap:10px;max-height:min(62dvh,560px)}.admin-overview{border-radius:15px;padding:10px}.admin-project-list{border-radius:16px;padding:8px}.admin-form{border-radius:15px;padding:14px}.admin-video-link-row{grid-template-columns:minmax(0,1fr);padding-top:48px;position:relative}.admin-video-link-row .admin-remove-video-link{top:8px;position:absolute;inset-inline-end:8px}.admin-list-heading{grid-column:1;padding:8px 2px;top:-8px}.admin-project-row{grid-template-columns:minmax(0,1fr) auto;gap:10px 8px;padding:12px}.admin-project-index{width:44px;height:38px}.admin-project-summary>strong{font-size:15px}.admin-project-controls{flex-wrap:wrap;grid-area:1/2}.admin-project-controls button{width:32px;height:32px}}@media(prefers-reduced-motion:reduce){.admin-project-row,.admin-project-summary>strong:after{transition:none}}@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-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}