/*! tailwindcss v4.2.1 | 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-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}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--default-font-family:var(--font-body);--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%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;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{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.m-34{margin:calc(var(--spacing) * 34)}.block{display:block}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + 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)}}:root{--paper:#ecebea;--paper-deep:#d9d8d5;--paper-light:#f7f6f3;--ink:#0b0b0b;--ink-soft:#5f5d59;--ink-faint:#96938e;--line:#0b0b0b29;--line-strong:#0b0b0b57;--white:#f4f3ef;--violet:#6259ff;--violet-deep:#4139c9;--coral:#ff5332;--orange:#f4512d;--lime:#d7f169;--sky:#b8eaf2;--shadow:0 24px 80px #0b0b0b2e;--radius-sm:8px;--radius-md:18px;--radius-lg:30px;--font-body:"Helvetica Neue", "Arial", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-display:"Helvetica Neue", "Arial", "PingFang SC", "Hiragino Sans GB", sans-serif;--space-section:clamp(80px, 9vw, 144px);--ease-out:cubic-bezier(.22, 1, .36, 1);--intro-duration:.8s}*{box-sizing:border-box}html{color:var(--ink);scroll-behavior:smooth;background:#e8e1d6}body{color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:0 0;margin:0;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--violet);outline-offset:4px}[hidden]{display:none!important}.site-frame{isolation:isolate;background:0 0;min-height:100vh;position:relative;overflow:hidden}.site-wide-background{z-index:0;pointer-events:none;background:linear-gradient(#f7f6f329,#eeeae01f),url(/generated/site-wide-background-v1.jpg) 50%/cover no-repeat;position:fixed;inset:0}.site-frame>main,.site-frame>.site-footer{z-index:1;position:relative}.section-shell{width:min(1360px,100% - 64px);margin-inline:auto}.skip-link{z-index:100;background:var(--ink);color:var(--white);border-radius:999px;padding:10px 14px;transition:transform .18s;position:fixed;top:14px;left:18px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.route-wash{z-index:90;pointer-events:none;background:var(--coral);opacity:0;transform-origin:bottom;position:fixed;inset:0;transform:scaleY(0)}.route-wash.is-active{animation:.56s cubic-bezier(.76,0,.24,1) route-wash}.site-header{z-index:40;pointer-events:none;position:fixed;top:18px;left:0;right:0}.header-inner{-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%);pointer-events:auto;background:#f7f6f3c7;border:1px solid #0b0b0b29;border-radius:14px;justify-content:space-between;align-items:center;min-height:64px;padding:7px 8px 7px 16px;display:flex;box-shadow:0 8px 30px #0b0b0b0f}.editorial-brand{color:var(--ink);text-align:left;background:0 0;align-items:center;gap:12px;padding:0;display:inline-flex}.brand-mark{background:var(--ink);width:42px;height:42px;color:var(--white);letter-spacing:.08em;border-radius:50%;place-items:center;font-size:12px;font-weight:800;display:grid}.brand-copy{gap:3px;display:grid}.brand-copy strong{letter-spacing:.02em;font-size:14px}.brand-copy span{color:var(--ink-soft);letter-spacing:.16em;font-size:9px;font-weight:700}.site-nav{align-items:center;gap:2px;display:flex}.site-nav button,.menu-toggle{color:var(--ink-soft);background:0 0;border-radius:999px;padding:10px 13px;font-size:13px;font-weight:700;transition:background .18s,color .18s,transform .18s}.site-nav button:hover,.menu-toggle:hover{background:var(--ink);color:var(--white);transform:translateY(-1px)}.menu-toggle{align-items:center;gap:8px;display:none}.menu-icon{border:1px solid;border-radius:50%;place-items:center;width:22px;height:22px;font-size:15px;line-height:1;display:inline-grid}.hero-stage{background:var(--paper);isolation:isolate;min-height:100svh;position:relative;overflow:hidden}.hero-grid{z-index:-2;opacity:.48;background-image:linear-gradient(to right, var(--line) 1px, transparent 1px), linear-gradient(to bottom, var(--line) 1px, transparent 1px);background-size:25% 100%,100% 25%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 80%);mask-image:linear-gradient(#000 0%,#0000 80%)}.hero-gradient{z-index:-3;filter:blur(28px);opacity:.72;mix-blend-mode:multiply;pointer-events:none;border-radius:50%;width:52vw;min-width:430px;height:52vw;min-height:430px;position:absolute}.hero-gradient-one{background:radial-gradient(circle at 36% 38%,#6259ffdb,#0000 60%),radial-gradient(circle at 60% 60%,#b8eaf2e6,#0000 58%);animation:12s ease-in-out infinite alternate gradient-drift-one;top:-22vw;right:-10vw}.hero-gradient-two{background:radial-gradient(circle at 45% 42%,#ff5332b8,#0000 58%),radial-gradient(circle at 65% 64%,#d7f169e6,#0000 60%);animation:15s ease-in-out infinite alternate gradient-drift-two;bottom:-28vw;left:-8vw}.hero-topline,.hero-bottomline{color:var(--ink-soft);letter-spacing:.14em;text-transform:uppercase;justify-content:space-between;font-size:10px;font-weight:800;display:flex;position:absolute;left:0;right:0}.hero-topline{top:116px}.hero-bottomline{align-items:center;bottom:28px}.scroll-cue{color:var(--ink);align-items:center;gap:12px;display:inline-flex}.scroll-cue span{border:1px solid var(--line-strong);border-radius:50%;place-items:center;width:28px;height:28px;animation:1.8s ease-in-out infinite cue-bob;display:grid}.opening-collage{z-index:-1;pointer-events:none;position:absolute;inset:0}.opening-tile{opacity:0;border-radius:18px;align-content:space-between;width:clamp(96px,10vw,172px);height:clamp(96px,10vw,172px);padding:16px;animation:1.1s cubic-bezier(.22,1,.36,1) forwards opening-tile-in;display:grid;position:absolute;box-shadow:0 22px 50px #0b0b0b29}.opening-tile span{letter-spacing:.12em;font-size:11px;font-weight:800}.opening-tile strong{font-size:clamp(12px,1.2vw,18px)}.opening-tile-coral{--tile-start:translate(-40vw, 10vh) rotate(-14deg) scale(.6);background:var(--coral);transform:var(--tile-start);animation-delay:90ms;top:21%;left:8%}.opening-tile-violet{--tile-start:translate(30vw, -15vh) rotate(18deg) scale(.7);background:var(--violet);color:var(--white);transform:var(--tile-start);animation-delay:.16s;top:20%;right:21%}.opening-tile-image{--tile-start:translate(30vw, 10vh) rotate(14deg) scale(.5);color:var(--white);transform:var(--tile-start);background:linear-gradient(135deg,#ffffff1f,#0b0b0b4d),url(/og.png) 50%/cover;animation-delay:.24s;top:39%;right:7%}.opening-tile-lime{--tile-start:translate(20vw, 25vh) rotate(-16deg) scale(.8);background:var(--lime);transform:var(--tile-start);animation-delay:.32s;bottom:17%;right:34%}.opening-tile-ink{--tile-start:translate(-25vw, 20vh) rotate(18deg) scale(.7);background:var(--ink);color:var(--white);transform:var(--tile-start);animation-delay:.4s;bottom:24%;left:21%}.hero-copy{z-index:2;flex-direction:column;justify-content:center;min-height:100svh;padding-top:118px;padding-bottom:100px;display:flex;position:relative}.hero-kicker,.section-kicker{color:var(--violet-deep);letter-spacing:.15em;text-transform:uppercase;margin:0 0 18px;font-size:11px;font-weight:800}.hero-copy h1{max-width:1120px;font-family:var(--font-display);letter-spacing:-.095em;margin:0;font-size:clamp(4.1rem,10.7vw,11.5rem);font-weight:700;line-height:.82}.hero-copy h1 span{opacity:0;animation:.9s cubic-bezier(.22,1,.36,1) forwards title-in;display:block;transform:translateY(32px)}.hero-copy h1 span:nth-child(2){animation-delay:.13s}.hero-introduction{max-width:450px;color:var(--ink-soft);opacity:0;margin:36px 0 0 24%;font-size:clamp(16px,1.45vw,21px);line-height:1.55;animation:.8s cubic-bezier(.22,1,.36,1) .46s forwards fade-up}.hero-actions{opacity:0;align-items:center;gap:22px;margin:34px 0 0 24%;animation:.8s cubic-bezier(.22,1,.36,1) .56s forwards fade-up;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:space-between;align-items:center;gap:24px;min-width:160px;padding:14px 17px;font-size:13px;font-weight:800;transition:transform .18s,background .18s,color .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-3px)}.button-dark{background:var(--ink);color:var(--white)}.button-outline{border-color:var(--line-strong);color:var(--ink);background:0 0}.text-link{color:var(--ink);background:0 0;align-items:center;gap:9px;padding:0;font-size:13px;font-weight:800;display:inline-flex}.text-link:hover{color:var(--violet-deep)}.reveal-block{opacity:1;transform:none}.reveal-block.is-visible{animation:.7s cubic-bezier(.22,1,.36,1) section-reveal}.reveal-block:focus-within{animation:none}@keyframes section-reveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.dark-section{color:var(--white);background:#0b0b0bf0}.dark-section .section-kicker{color:var(--lime)}.editorial-heading span{display:block}.editorial-heading span+span{margin-top:.08em}.workbench-section{border-top:1px solid #ffffff24;padding:152px 0 160px}.dark-section-heading{grid-template-columns:minmax(0,1.1fr) minmax(250px,.55fr);align-items:end;gap:50px;margin-bottom:58px;display:grid}.dark-section-heading .section-kicker{grid-column:1/-1;margin-bottom:-18px}.dark-section-heading h2{max-width:760px;font-family:var(--font-display);letter-spacing:-.068em;margin:0;font-size:clamp(3.15rem,4.9vw,4.8rem);font-weight:700;line-height:.96}.dark-section-heading>p:last-child{color:#f4f3efa1;max-width:330px;margin:0 0 6px auto;font-size:15px;line-height:1.55}.editor-shell{background:#161616;border:1px solid #f4f3ef40;border-radius:18px;overflow:hidden;box-shadow:0 40px 100px #00000061}.editor-toolbar{color:#f4f3ef9e;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #f4f3ef1c;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:16px;min-height:58px;padding:0 16px;font-size:10px;font-weight:800;display:grid}.editor-project-link{color:var(--white);letter-spacing:0;text-transform:none;background:0 0;border:1px solid #f4f3ef33;border-radius:999px;justify-self:end;padding:8px 12px;font-size:11px;font-weight:800;text-decoration:none;transition:border-color .18s,background .18s,color .18s}.editor-project-link:hover,.editor-project-link:focus-visible{border-color:var(--lime);background:var(--lime);color:#11110f}.editor-project-link.is-unavailable{cursor:default;color:#f4f3ef70;border-color:#f4f3ef1f}.editor-project-link.is-unavailable:hover{color:#f4f3ef70;background:0 0;border-color:#f4f3ef1f}.window-dots{gap:6px;display:flex}.window-dots i{background:#f4512d;border-radius:50%;width:8px;height:8px;display:block}.window-dots i:nth-child(2){background:var(--lime)}.window-dots i:nth-child(3){background:var(--violet)}.editor-file{justify-self:center}.editor-mode{justify-self:end;margin-right:16px}.editor-body{grid-template-columns:190px minmax(0,1fr) 214px;min-height:490px;display:grid}.editor-sidebar,.editor-inspector{color:#f4f3ef91;border-right:1px solid #f4f3ef1a;flex-direction:column;gap:15px;padding:22px 18px;font-size:12px;display:flex}.editor-inspector{border-left:1px solid #f4f3ef1a;border-right:0}.editor-label{color:#f4f3efa6;letter-spacing:.16em;font-size:.75rem;font-weight:800}.editor-sidebar strong{color:var(--white);margin:6px 0 2px;font-size:1rem}.editor-sidebar-buttons{gap:7px;display:grid}.editor-project-button,.editor-sidebar-buttons button{color:#f4f3ef7a;text-align:left;background:#f4f3ef06;border:1px solid #0000;border-radius:8px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;width:100%;padding:10px 9px;transition:border-color .18s,background .18s,color .18s;display:grid}.editor-sidebar-buttons button span{color:var(--lime);letter-spacing:.08em;font-size:.75rem;font-weight:900}.editor-sidebar-buttons button b{overflow-wrap:anywhere;min-width:0;font-size:.875rem;font-weight:700;line-height:1.5}.editor-sidebar-buttons button:hover,.editor-sidebar-buttons button:focus-visible,.editor-sidebar-buttons button.is-active{color:var(--white);background:#d7f16917;border-color:#d7f1696b}.editor-sidebar-note{border-top:1px solid #f4f3ef1f;gap:7px;margin-top:auto;padding-top:20px;display:grid}.editor-sidebar-note small{color:var(--lime);letter-spacing:.15em;font-size:.75rem}.editor-sidebar-note b{color:var(--white);overflow-wrap:anywhere;font-size:.875rem;line-height:1.5}.editor-project-detail{border-bottom:1px solid #f4f3ef33;grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);gap:clamp(24px,4vw,64px);padding:32px 0;display:grid}.editor-project-detail h3{letter-spacing:-.035em;margin:10px 0 0;font-size:clamp(1.4rem,2vw,2rem);line-height:1.3}.editor-project-detail p{color:#f4f3efb8;overflow-wrap:anywhere;max-width:68ch;margin:12px 0 0;font-size:1rem;line-height:1.85}.editor-project-detail .editor-project-summary{color:var(--white);margin-top:0;font-weight:600}.editor-canvas{background:radial-gradient(circle at 50% 45%,#282828 0%,#151515 56%,#101010 100%);place-items:center;min-width:0;display:grid;position:relative;overflow:hidden}.canvas-ruler{color:#f4f3ef3d;letter-spacing:.08em;font-size:9px;position:absolute;top:12px;left:25px}.canvas-card{background:linear-gradient(145deg,#6259ffe0,#f4f3ef21 58%,#ff5332a6);border:1px solid #f4f3ef45;border-radius:20px;flex-direction:column;justify-content:space-between;width:min(64%,420px);min-height:290px;padding:24px;transition:transform .5s cubic-bezier(.22,1,.36,1);animation:.42s cubic-bezier(.22,1,.36,1) both workbench-card-in;display:flex;position:relative;overflow:hidden;transform:rotate(-4deg);box-shadow:0 30px 80px #0000005c}.canvas-card-media,.canvas-card-scrim{position:absolute;inset:0}.canvas-card-media{background:var(--canvas-image) center / cover no-repeat;filter:saturate(.88)contrast(1.08);width:100%;height:100%;transition:transform .7s cubic-bezier(.22,1,.36,1);transform:scale(1.035)}.canvas-card-scrim{z-index:1;background:linear-gradient(#0a0a0a2e,#0a0a0a0d 40%,#0a0a0ab8),linear-gradient(135deg,#6259ff5c,#0000 46%,#ff533247)}.editor-shell:hover .canvas-card{transform:rotate(0)translateY(-9px)}.editor-shell:hover .canvas-card-media{transform:scale(1.09)}.canvas-overline,.canvas-caption{z-index:2;color:#f4f3efd1;letter-spacing:.15em;text-transform:uppercase;font-size:9px;font-weight:800;position:relative}.canvas-card strong{z-index:2;letter-spacing:-.08em;text-wrap:balance;max-width:92%;font-size:clamp(32px,4.3vw,62px);line-height:.9;position:relative}.canvas-tags{z-index:2;flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:14px;display:flex;position:relative}.canvas-tags i{color:#f4f3efd1;letter-spacing:.04em;border:1px solid #f4f3ef59;border-radius:999px;padding:5px 7px;font-size:7px;font-style:normal;font-weight:800}.canvas-orbit{border:1px solid #f4f3ef8a;border-radius:50%;position:absolute;transform:rotate(20deg)}.canvas-orbit-one{width:260px;height:260px;top:-54px;right:-82px}.canvas-orbit-two{border-color:#d7f169b8;width:150px;height:150px;bottom:-45px;right:18px}.canvas-floating{color:var(--white);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#f4f3ef1a;border:1px solid #f4f3ef30;border-radius:999px;padding:9px 12px;font-size:10px;font-weight:800;animation:4s ease-in-out infinite float-card;position:absolute}.canvas-floating-one{top:28%;left:11%}.canvas-floating-two{animation-delay:-1.6s;bottom:20%;right:12%}.workbench-proof-grid{grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,.75fr));gap:12px;margin-top:16px;display:grid}.workbench-proof-card{min-height:270px;color:inherit;cursor:pointer;isolation:isolate;text-align:left;background:#171717;border:1px solid #f4f3ef2e;border-radius:16px;margin:0;transition:border-color .22s,transform .22s;position:relative;overflow:hidden}.workbench-proof-card:hover,.workbench-proof-card:focus-visible,.workbench-proof-card.is-active{border-color:#d7f169b8;transform:translateY(-4px)}.workbench-proof-card.is-active{box-shadow:inset 0 0 0 1px #d7f16947}.workbench-proof-card:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(#0000 40%,#050505db),linear-gradient(135deg,#6259ff24,#0000 42%,#f0522829);position:absolute;inset:0}.workbench-proof-image{background-image:var(--proof-image);background-position:50%;background-size:cover;width:100%;height:100%;transition:filter .42s,transform .62s cubic-bezier(.22,1,.36,1);display:block;position:absolute;inset:0}.workbench-proof-card-1 .workbench-proof-image,.workbench-proof-card-2 .workbench-proof-image{background-position:50%}.workbench-proof-card-3 .workbench-proof-image{background-position:58%}.workbench-proof-card:hover .workbench-proof-image{filter:saturate(1.08)contrast(1.02);transform:scale(1.045)}.workbench-proof-caption{z-index:2;color:var(--white);grid-template-columns:28px 1fr;align-items:end;gap:9px;display:grid;position:absolute;bottom:15px;left:16px;right:16px}.workbench-proof-caption>span:first-child{color:var(--lime);letter-spacing:.14em;font-size:9px;font-weight:900}.workbench-proof-caption>span:last-child{gap:3px;display:grid}.workbench-proof-caption strong{letter-spacing:-.03em;font-size:15px}.workbench-proof-caption small{color:#f4f3ef99;letter-spacing:.08em;font-size:8px;font-weight:800}.inspector-row{border-bottom:1px solid #f4f3ef1a;gap:5px;padding:10px 0;display:grid}.inspector-row span{color:#f4f3ef61;font-size:10px}.inspector-row b{color:var(--white);font-size:11px;font-weight:600}.inspector-preview{background:#101010;border:1px solid #f4f3ef21;border-radius:12px;gap:7px;margin-top:auto;padding:14px;display:grid}.inspector-preview span{background:linear-gradient(90deg, var(--violet), #f4f3ef24);border-radius:99px;height:7px;display:block}.inspector-preview span:nth-child(2){background:linear-gradient(90deg, var(--coral), #f4f3ef24);width:74%}.inspector-preview span:nth-child(3){background:linear-gradient(90deg, var(--lime), #f4f3ef24);width:52%}@keyframes workbench-card-in{0%{opacity:.25;transform:translateY(12px)rotate(-2deg)scale(.98)}to{opacity:1;transform:rotate(-4deg)scale(1)}}.cube-section{border-top:1px solid #f4f3ef21;min-height:1080px;position:relative;overflow:hidden}.cube-ruler{color:#f4f3ef40;letter-spacing:.12em;justify-content:space-between;font-size:9px;display:flex;position:absolute;top:22px;left:7%;right:7%}.cube-ruler:before{content:"";background:#f4f3ef21;height:1px;position:absolute;top:16px;left:0;right:0}.cube-layout{grid-template-columns:minmax(0,1fr) 290px;align-items:stretch;gap:40px;display:grid}.cube-stage{--tilt-x:0deg;--tilt-y:0deg;perspective:1500px;min-height:1080px;position:relative;overflow:hidden}.cube-stage:before,.cube-stage:after{content:"";background:#f4f3ef1f;position:absolute}.cube-stage:before{width:1px;top:0;bottom:0;left:50%}.cube-stage:after{height:1px;top:50%;left:0;right:0}.cube-word{color:var(--orange);font-family:var(--font-display);letter-spacing:-.18em;opacity:.96;-webkit-user-select:none;user-select:none;font-size:clamp(16rem,31vw,38rem);font-weight:800;line-height:.66;position:absolute;bottom:188px;left:-26px}.cube-scene{aspect-ratio:1;width:clamp(245px,29vw,400px);animation:7s ease-in-out infinite cube-float;position:absolute;top:22%;left:50%;transform:translate(-50%)}.cube{--cube-rotation:0deg;transform:rotateX(calc(-14deg + var(--tilt-x))) rotateY(calc(var(--cube-rotation) + var(--tilt-y)));transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.cube-face{backface-visibility:hidden;background:#272727;border:1px solid #f4f3ef75;border-radius:13px;flex-direction:column;justify-content:space-between;padding:18px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #0003}.cube-face-front{transform:rotateY(0)translateZ(clamp(122px,14.5vw,200px))}.cube-face-right{transform:rotateY(90deg)translateZ(clamp(122px,14.5vw,200px))}.cube-face-back{transform:rotateY(180deg)translateZ(clamp(122px,14.5vw,200px))}.cube-face-left{transform:rotateY(-90deg)translateZ(clamp(122px,14.5vw,200px))}.cube-face-top{transform:rotateX(90deg)translateZ(clamp(122px,14.5vw,200px))}.cube-face-bottom{transform:rotateX(-90deg)translateZ(clamp(122px,14.5vw,200px))}.cube-face-01{background:linear-gradient(145deg,#ff5a36,#7f281a 75%)}.cube-face-02{background:linear-gradient(145deg,#6259ff,#211d6d 78%)}.cube-face-03{color:var(--ink);background:linear-gradient(145deg,#d7f169,#47571e 78%)}.cube-face-topline,.cube-face strong{z-index:2;position:relative}.cube-face-topline{color:#f4f3efb8;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;font-size:9px;font-weight:800;display:flex}.cube-face-03 .cube-face-topline{color:#0b0b0ba6}.cube-face strong{letter-spacing:-.07em;max-width:88%;font-size:clamp(18px,2vw,28px);line-height:.95}.cube-visual{border:1px solid #f4f3ef6b;border-radius:50%;height:46%;position:absolute;top:22%;left:14%;right:14%;transform:rotate(-18deg)}.cube-visual-number{color:#f4f3ef9e;letter-spacing:-.12em;font-size:clamp(36px,6vw,78px);font-weight:800;position:absolute;top:6%;left:10%}.cube-face-03 .cube-visual-number{color:#0b0b0b94}.cube-visual-line{background:#f4f3efad;height:1px;position:absolute;bottom:28%;left:13%;right:13%}.cube-visual-line.short{bottom:18%;right:31%}.cube-face-03 .cube-visual-line{background:#0b0b0b8c}.cube-visual-orb{background:var(--lime);border-radius:50%;width:22px;height:22px;position:absolute;bottom:34%;right:18%;box-shadow:0 0 0 9px #d7f16926}.cube-face-02 .cube-visual-orb{background:var(--coral)}.cube-face-03 .cube-visual-orb{background:var(--violet)}.cube-caption{max-width:440px;position:absolute;bottom:58px;left:5%;right:5%}.cube-caption>span,.directory-heading{color:#f4f3ef70;letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:800}.cube-caption h2{letter-spacing:-.08em;margin:12px 0 8px;font-size:clamp(30px,4vw,54px);line-height:.9}.cube-caption p{color:#f4f3efa3;max-width:360px;margin:0 0 16px;font-size:14px;line-height:1.5}.cube-caption a{color:var(--lime);gap:8px;margin-top:15px;font-size:12px;font-weight:800;display:inline-flex}.tag-list{flex-wrap:wrap;gap:7px;display:flex}.tag{border:1px solid var(--line);color:var(--ink-soft);border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800;display:inline-flex}.tag-list-dark .tag{color:#f4f3efb8;border-color:#f4f3ef38}.directory-panel{border-left:1px solid #f4f3ef21;flex-direction:column;min-height:1080px;padding:120px 0 56px;display:flex}.directory-heading{border-bottom:1px solid #f4f3ef21;justify-content:space-between;padding:0 0 16px 18px;display:flex}.directory-list{display:grid}.directory-list button{color:#f4f3ef78;text-align:left;background:0 0;border-bottom:1px solid #f4f3ef21;grid-template-columns:31px 1fr 20px;align-items:center;gap:10px;padding:17px 10px 17px 18px;transition:color .2s,padding .25s,background .2s;display:grid}.directory-list button:hover,.directory-list button.is-active{color:var(--white);background:#f4f3ef0d;padding-left:25px}.directory-list button>span{font-size:10px;font-weight:800}.directory-list button strong{letter-spacing:-.02em;font-size:13px;font-weight:600}.directory-list button i{color:var(--coral);opacity:0;font-size:16px;font-style:normal;transition:opacity .18s,transform .18s;transform:translate(-5px)}.directory-list button:hover i,.directory-list button.is-active i{opacity:1;transform:translate(0)}.directory-note{color:#f4f3ef61;margin:auto 0 0 18px;padding-right:20px;font-size:11px;line-height:1.5}.feature-section{background:#eeeae0a3;padding:160px 0 170px;position:relative;overflow:hidden}.feature-backdrop{z-index:0;filter:saturate(.88)contrast(.98);opacity:.96;background-image:linear-gradient(90deg,#eeeae0f7 0%,#eeeae0c2 37%,#eeeae01a 100%),linear-gradient(#eeeae029,#eeeae085),url(/generated/workflow-3d-isometric.jpg);background-position:50%,50%,60%;background-size:cover,cover,cover;position:absolute;inset:0;transform:scale(1.04)}.feature-shell{z-index:1;position:relative}.feature-heading{grid-template-columns:minmax(0,1fr) minmax(250px,.52fr);align-items:end;gap:50px;margin-bottom:58px;display:grid}.feature-heading .section-kicker{grid-column:1/-1;margin-bottom:-18px}.feature-heading h2{letter-spacing:-.068em;max-width:860px;margin:0;font-size:clamp(3.1rem,5vw,4.9rem);font-weight:700;line-height:.96}.feature-heading>p:last-child{max-width:330px;color:var(--ink-soft);margin:0 0 3px auto;font-size:15px;line-height:1.55}.feature-layout{border:1px solid var(--line-strong);min-height:510px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f6f36b;grid-template-columns:minmax(290px,.84fr) minmax(0,1.16fr);display:grid}.feature-list{border-right:1px solid var(--line);display:grid}.feature-list button{border-bottom:1px solid var(--line);color:var(--ink-soft);text-align:left;background:#f7f6f347;grid-template-columns:minmax(90px,112px) minmax(0,1fr);align-items:center;gap:18px;padding:16px 22px;transition:background .22s,color .22s,padding .22s;display:grid;position:relative}.feature-list button:last-child{border-bottom:0}.feature-list button:before{background:var(--violet);content:"";opacity:0;width:3px;transition:opacity .22s,transform .22s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.feature-list button:hover,.feature-list button.is-active{color:var(--ink);background:#f7f6f3ad}.feature-list button.is-active:before{opacity:1;transform:scaleY(1)}.feature-list-image{aspect-ratio:1.22;background-image:linear-gradient(145deg, #11110f14, #11110f3d), var(--feature-list-image);background-position:center, var(--feature-list-position,center);filter:saturate(.78)contrast(1.02);background-size:cover,cover;border:1px solid #11110f29;border-radius:5px;width:100%;transition:filter .36s,transform .46s cubic-bezier(.22,1,.36,1);display:block;position:relative;overflow:hidden;box-shadow:0 10px 24px #11110f1a}.feature-list-image i{color:#ffffffe6;letter-spacing:.08em;text-shadow:0 2px 10px #0000007a;font-size:9px;font-style:normal;font-weight:900;position:absolute;top:8px;left:9px}.feature-list button:hover .feature-list-image,.feature-list button.is-active .feature-list-image{filter:saturate(1.06)contrast(1.04);transform:scale(1.035)}.feature-list-copy{gap:6px;min-width:0;display:grid}.feature-list button strong{font-size:16px;font-weight:800}.feature-list button small{font-size:11px;line-height:1.4}.feature-preview{background:#151412;min-height:510px;position:relative;overflow:hidden}.feature-preview:before,.feature-preview:after{z-index:1;content:"";pointer-events:none;position:absolute;inset:0}.feature-preview:before{background:linear-gradient(135deg, var(--feature-tint), transparent 58%);mix-blend-mode:color;opacity:.68}.feature-preview:after{background:linear-gradient(90deg,#080808b8,#08080842 67%,#0808081f),linear-gradient(#0808081f,#0808088c)}.feature-preview.tone-coral{--feature-tint:#f05228e0}.feature-preview.tone-violet{--feature-tint:#6259ffe0}.feature-preview.tone-lime{--feature-tint:#acc83dcc}.feature-preview-image{background-image:var(--feature-preview-image);background-position:var(--feature-preview-position,center);filter:saturate(.92)contrast(1.08);background-size:cover;animation:.62s cubic-bezier(.22,1,.36,1) both feature-image-enter;display:block;position:absolute;inset:0}.feature-window-bar{z-index:2;color:#f4f3efba;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4f3ef21;border-bottom:1px solid #f4f3ef47;align-items:center;gap:7px;min-height:48px;padding:0 18px;display:flex;position:relative}.feature-window-bar span{background:#f4f3efbf;border-radius:50%;width:8px;height:8px}.feature-window-bar span:nth-child(2){background:#f4f3ef73}.feature-window-bar span:nth-child(3){background:#f4f3ef40}.feature-window-bar b{letter-spacing:.13em;text-transform:uppercase;margin-left:auto;font-size:10px;font-weight:800}.feature-window-content{z-index:2;max-width:560px;min-height:462px;color:var(--white);flex-direction:column;justify-content:center;padding:46px;display:flex;position:relative}.feature-index{letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px;font-size:11px;font-weight:800}.feature-window-content h3{letter-spacing:-.09em;max-width:470px;margin:0;font-size:clamp(2.6rem,5vw,5.5rem);line-height:.86}.feature-window-content p{color:#f4f3efc2;max-width:390px;margin:24px 0 0;font-size:15px;line-height:1.5}.feature-data-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#f4f3ef1f;border:1px solid #f4f3ef4f;border-radius:13px;align-items:center;gap:16px;max-width:390px;margin-top:34px;padding:15px 17px;display:flex}.feature-data-card span{color:#f4f3ef8f;letter-spacing:.14em;font-size:9px;font-weight:800}.feature-data-card strong{font-size:13px}.feature-data-card i{color:var(--lime);margin-left:auto;font-size:18px;font-style:normal}.path-section{background:#f7f6f3ad;padding:170px 0;position:relative;box-shadow:inset 0 1px #11110f1a,inset 0 -1px #11110f1a}.path-layout{grid-template-columns:minmax(0,.78fr) minmax(0,1fr);gap:clamp(64px,7vw,104px);display:grid}.path-sticky{align-self:start;position:sticky;top:120px}.path-sticky h2{letter-spacing:-.068em;max-width:610px;margin:0;font-size:clamp(2.65rem,3.7vw,3.6rem);line-height:.99}.path-sticky .editorial-heading span{white-space:nowrap}.path-sticky>p:not(.section-kicker){max-width:320px;color:var(--ink-soft);margin:30px 0 0;font-size:15px;line-height:1.55}.path-artwork{aspect-ratio:1.44;isolation:isolate;background:#d8d0c6;border:1px solid #11110f2e;border-radius:3px;width:min(100%,340px);margin:34px 0 0;position:relative;overflow:hidden;box-shadow:0 28px 70px #1a120e26}.path-artwork:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(#11110f05,#11110f94),linear-gradient(120deg,#f0522824,#0000 34%,#6259ff1f);position:absolute;inset:0}.path-artwork-image{filter:saturate(.92)contrast(1.03);background:url(/generated/evidence-3d-artifact.jpg) 50%/cover no-repeat;transition:filter .42s,transform .72s cubic-bezier(.22,1,.36,1);display:block;position:absolute;inset:0;transform:scale(1.035)}.path-artwork:hover .path-artwork-image{filter:saturate(1.05)contrast(1.04);transform:scale(1.105)translateY(-1.2%)}.path-artwork figcaption{z-index:2;color:var(--white);gap:4px;display:grid;position:absolute;bottom:16px;left:17px;right:80px}.path-artwork figcaption span{color:var(--lime);letter-spacing:.14em;font-size:7px;font-weight:900}.path-artwork figcaption strong{letter-spacing:-.04em;font-size:15px}.path-mark{z-index:3;background:var(--coral);width:50px;height:50px;color:var(--ink);border-radius:50%;place-items:center;font-size:23px;font-style:normal;transition:transform .42s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;bottom:13px;right:14px;transform:rotate(-15deg)}.path-artwork:hover .path-mark{transform:rotate(2deg)scale(1.06)}.path-list{border-top:1px solid var(--line-strong)}.path-card{border-bottom:1px solid var(--line);grid-template-columns:58px 1fr;gap:24px;padding:36px 0;display:grid}.path-number{color:var(--violet-deep);letter-spacing:.1em;font-size:12px;font-weight:800}.path-card h3{letter-spacing:-.07em;margin:0;font-size:clamp(26px,3vw,42px);line-height:.95}.path-card p{max-width:510px;color:var(--ink-soft);margin:16px 0 0;font-size:15px;line-height:1.6}.roles-section{padding:145px 0 125px;overflow:hidden}.roles-inner>h2{letter-spacing:-.08em;max-width:780px;margin:0;font-size:clamp(3.6rem,6.5vw,6.5rem);line-height:.9}.role-marquee{gap:28px;width:max-content;margin:95px 0 80px;animation:28s linear infinite marquee;display:flex}.role-marquee span{color:var(--lime);letter-spacing:-.08em;white-space:nowrap;align-items:center;gap:24px;font-size:clamp(28px,4vw,58px);font-weight:700;display:inline-flex}.role-marquee i{color:var(--coral);font-size:.65em;font-style:normal}.social-showcase{background:radial-gradient(circle at 8% 6%,#ff244230,#0000 30%),radial-gradient(circle at 92% 90%,#6259ff2e,#0000 32%),#0b0b0b;border:1px solid #f4f3ef2e;border-radius:30px;grid-template-columns:minmax(330px,.76fr) minmax(0,1.24fr);display:grid;position:relative;overflow:hidden;box-shadow:0 44px 120px #0000006b}.social-showcase:before{z-index:3;background:linear-gradient(90deg, #ff2442 0 24%, #f8f7f3 24% 45%, #25f4ee 45% 47%, #fe2c55 47% 49%, var(--lime) 49% 54%, #ffffff29 54%);content:"";height:4px;position:absolute;top:0;left:0;right:0}.social-profile{z-index:1;border-right:1px solid #f4f3ef1f;flex-direction:column;min-width:0;padding:clamp(28px,4vw,54px);display:flex;position:relative}.social-brand-row,.social-posts-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.social-brand{color:#f8f7f3;letter-spacing:.1em;background:#f4f3ef12;border:1px solid #f4f3ef33;border-radius:999px;padding:8px 12px 7px;font-size:10px;font-weight:900;display:inline-flex}.social-mode,.social-posts-heading p,.social-posts-heading span{color:#f4f3ef6b;letter-spacing:.14em;margin:0;font-size:8px;font-weight:900}.social-identity{grid-template-columns:92px minmax(0,1fr);align-items:center;gap:20px;margin-top:clamp(42px,6vw,78px);display:grid}.social-avatar{background:var(--social-avatar) center / cover no-repeat, #f8f7f3;border:1px solid #f4f3ef42;border-radius:50%;width:92px;height:92px;display:block;overflow:hidden;box-shadow:0 12px 42px #0000005c,0 0 0 7px #f4f3ef0a}.social-identity p{color:#ff8293;letter-spacing:.13em;margin:0 0 7px;font-size:8px;font-weight:900}.social-identity h3{color:var(--white);font-family:var(--font-display);letter-spacing:-.08em;margin:0;font-size:clamp(46px,5vw,76px);line-height:.82}.social-identity small{color:#f4f3ef7a;letter-spacing:.08em;margin-top:13px;font-size:9px;font-weight:800;display:block}.social-description{color:#f4f3efab;max-width:440px;margin:30px 0 0;font-size:13px;line-height:1.7}.social-metrics{border-top:1px solid #f4f3ef21;border-bottom:1px solid #f4f3ef21;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:31px;display:grid}.social-metrics>span{gap:5px;min-width:0;padding:17px 10px 17px 0;display:grid}.social-metrics>span+span{border-left:1px solid #f4f3ef21;padding-left:12px}.social-metrics strong{color:var(--white);letter-spacing:-.06em;text-overflow:ellipsis;font-size:clamp(18px,2.1vw,32px);overflow:hidden}.social-metrics small{color:#f4f3ef73;font-size:8px;font-weight:800}.social-topics{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.social-topics span{color:#ff9eaa;border:1px solid #ff82933d;border-radius:999px;padding:7px 9px;font-size:8px;font-weight:800}.social-platform-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:auto;padding-top:32px;display:grid}.social-platform-link{min-width:0;min-height:76px;color:var(--white);background:#f4f3ef0b;border:1px solid #f4f3ef26;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:13px 12px 13px 15px;text-decoration:none;transition:border-color .22s,transform .36s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.social-platform-link:before{background:var(--platform-gradient);content:"";opacity:0;transition:opacity .22s;position:absolute;inset:0}.social-platform-xiaohongshu{--platform-gradient:linear-gradient(135deg, #ff244261, transparent 74%)}.social-platform-douyin{--platform-gradient:linear-gradient(135deg, #25f4ee33, #fe2c5533)}.social-platform-link:hover,.social-platform-link:focus-visible{border-color:#f4f3ef6b;transform:translateY(-4px)}.social-platform-link:hover:before,.social-platform-link:focus-visible:before{opacity:1}.social-platform-link>span,.social-platform-link i{z-index:1;position:relative}.social-platform-link>span{gap:5px;min-width:0;display:grid}.social-platform-link small{color:#f4f3ef85;letter-spacing:.11em;font-size:8px;font-weight:900}.social-platform-link strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.social-platform-link i{background:#f4f3ef1a;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:13px;font-style:normal;display:grid}.social-posts{background:linear-gradient(90deg,#f4f3ef0d 1px,#0000 1px) 0 0/25% 100%,linear-gradient(#f4f3ef0b 1px,#0000 1px) 0 0/100% 33.333%;min-width:0;padding:clamp(24px,3vw,38px)}.social-posts-heading{margin-bottom:18px}.social-posts-heading span{color:#e8ff45a3;letter-spacing:.06em}.social-post-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;min-height:650px;display:grid}.social-post{min-width:0;min-height:0;color:var(--white);background:#151515;border:1px solid #f4f3ef2b;border-radius:18px;text-decoration:none;transition:border-color .22s,transform .48s cubic-bezier(.22,1,.36,1),box-shadow .48s;display:block;position:relative;overflow:hidden}.social-post:not(.is-featured){grid-column:8/13}.social-post.is-featured{grid-area:1/1/4/8}.social-post:hover,.social-post:focus-visible{z-index:2;border-color:#e8ff45bd;transform:translateY(-6px);box-shadow:0 24px 64px #00000057}.social-post-image,.social-post-scrim{position:absolute;inset:0}.social-post-image{object-fit:cover;filter:saturate(.95)contrast(1.04)brightness(.82);transition:filter .32s,transform .72s cubic-bezier(.22,1,.36,1);transform:scale(1.01)}.social-post:hover .social-post-image,.social-post:focus-visible .social-post-image{filter:saturate(1.08)contrast(1.06)brightness(.93);transform:scale(1.055)}.social-post-scrim{z-index:1;background:linear-gradient(#0505056b,#0000 34%),linear-gradient(#0505050d 38%,#050505f0)}.social-post-topline,.social-post-copy{z-index:2;display:flex;position:absolute;left:0;right:0}.social-post-topline{justify-content:space-between;align-items:center;padding:15px 16px;top:0}.social-post-topline small,.social-post-topline i{letter-spacing:.1em;font-size:8px;font-style:normal;font-weight:900}.social-post-topline small{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05050547;border:1px solid #f4f3ef42;border-radius:999px;padding:7px 9px}.social-post-topline i{color:#f4f3ef94}.social-post-copy{flex-direction:column;padding:17px 17px 18px;bottom:0}.social-post-metric{color:var(--lime);align-items:baseline;gap:7px;display:flex}.social-post-metric small{color:#f4f3ef7a;margin-right:auto;font-size:8px;font-weight:900}.social-post-metric strong{font-family:var(--font-display);letter-spacing:-.06em;font-size:clamp(27px,3vw,46px);line-height:.9}.social-post:not(.is-featured) .social-post-metric strong{font-size:clamp(21px,2.1vw,31px)}.social-post-metric i{color:#f4f3ef99;font-size:8px;font-style:normal;font-weight:900}.social-post-title{letter-spacing:-.045em;max-width:92%;margin-top:11px;font-size:clamp(18px,2.1vw,32px);line-height:1.05}.social-post:not(.is-featured) .social-post-title{max-width:84%;margin-top:6px;font-size:clamp(13px,1.3vw,18px)}.social-post-detail{color:#f4f3ef99;margin-top:9px;font-size:8px;line-height:1.5}.social-post-arrow{background:#05050542;border:1px solid #f4f3ef3d;border-radius:50%;place-items:center;width:34px;height:34px;font-size:14px;font-style:normal;transition:background .22s,color .22s,transform .36s cubic-bezier(.22,1,.36,1);display:grid;position:absolute;bottom:17px;right:16px}.social-post:hover .social-post-arrow,.social-post:focus-visible .social-post-arrow{background:var(--lime);color:#11110f;transform:rotate(10deg)scale(1.08)}.contact-section{background:#f7f6f3c2;padding:170px 0 40px}.contact-layout{grid-template-columns:minmax(0,1fr) minmax(250px,.55fr);align-items:end;gap:80px;display:grid}.contact-layout h2{letter-spacing:-.08em;max-width:770px;margin:0;font-size:clamp(3.3rem,6.2vw,6rem);line-height:.9}.contact-layout p:not(.section-kicker){max-width:490px;color:var(--ink-soft);margin:32px 0 0;font-size:16px;line-height:1.55}.contact-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.contact-meta{border-top:1px solid var(--line-strong);color:var(--ink-soft);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;gap:18px;margin-top:130px;padding-top:18px;font-size:10px;font-weight:800;display:flex}.site-footer{color:var(--ink-soft);letter-spacing:.11em;text-transform:uppercase;background:#f7f6f3c2;justify-content:space-between;padding-top:18px;padding-bottom:24px;font-size:10px;font-weight:800;display:flex}.site-footer button{color:var(--ink);font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;background:0 0;padding:0}@keyframes opening-tile-in{0%{opacity:0;transform:var(--tile-start)}70%{opacity:1}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes title-in{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes gradient-drift-one{0%{transform:translate(-4%)scale(.94)}to{transform:translate(7%,8%)scale(1.08)}}@keyframes gradient-drift-two{0%{transform:translateY(6%)scale(1)}to{transform:translate(8%,-4%)scale(1.1)}}@keyframes cue-bob{0%,to{transform:translateY(-2px)}50%{transform:translateY(4px)}}@keyframes float-card{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes feature-image-enter{0%{opacity:.35;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes cube-float{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(-10px)}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes route-wash{0%{opacity:0;transform:scaleY(0)}25%{opacity:1;transform:scaleY(1)}70%{opacity:1;transform-origin:top;transform:scaleY(1)}to{opacity:0;transform-origin:top;transform:scaleY(0)}}@media (width<=1040px){.dark-section-heading,.feature-heading{grid-template-columns:1fr;gap:26px}.dark-section-heading .section-kicker,.feature-heading .section-kicker{margin-bottom:0}.dark-section-heading>p:last-child,.feature-heading>p:last-child{margin:0}.editor-body{grid-template-columns:150px minmax(0,1fr)}.editor-inspector{display:none}.cube-layout{grid-template-columns:minmax(0,1fr) 250px}.feature-layout{grid-template-columns:250px minmax(0,1fr)}.path-layout{gap:60px}}@media (width<=820px){.section-shell{width:min(100% - 36px,680px)}.site-header{top:10px}.header-inner{min-height:57px}.site-nav{border:1px solid var(--line);box-shadow:var(--shadow);opacity:0;pointer-events:none;background:#f7f6f3f5;border-radius:14px;padding:8px;transition:opacity .18s,transform .18s;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;transform:translateY(-8px)}.site-nav.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.site-nav button{text-align:left;border-radius:9px;padding:15px}.menu-toggle{display:inline-flex}.hero-topline{top:92px}.hero-topline span:last-child{display:none}.hero-copy{padding-top:155px}.hero-copy h1{letter-spacing:-.1em;font-size:clamp(3.7rem,16vw,7rem)}.hero-introduction,.hero-actions{margin-left:0}.opening-tile-coral{left:-1%}.opening-tile-violet{right:4%}.opening-tile-image{right:-4%}.opening-tile-lime{right:28%}.opening-tile-ink{left:10%}.workbench-section,.feature-section,.path-section,.contact-section{padding-top:105px;padding-bottom:110px}.site-wide-background{background-position:20%}.path-section,.contact-section,.site-footer{background-color:#f7f6f3d1}.dark-section-heading h2,.feature-heading h2,.path-sticky h2,.contact-layout h2{font-size:clamp(2.6rem,11vw,4rem);line-height:.94}.path-sticky .editorial-heading span{white-space:normal}.editor-body{grid-template-columns:1fr}.editor-sidebar{border-bottom:1px solid #f4f3ef1a;border-right:0;grid-template-columns:auto minmax(0,1fr);gap:10px 14px;padding:16px;display:grid}.editor-sidebar>strong{margin:0}.editor-sidebar-buttons{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.editor-project-detail{grid-template-columns:1fr;gap:18px;padding:24px 0}.editor-sidebar-note{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);margin-top:2px;padding-top:12px}.editor-canvas{min-height:440px}.workbench-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workbench-proof-card{min-height:230px}.workbench-proof-card-1{grid-column:1/-1}.cube-section{min-height:auto}.cube-layout{display:block}.cube-stage{min-height:800px}.cube-scene{width:clamp(220px,50vw,330px);top:16%}.cube-face-front{transform:rotateY(0)translateZ(clamp(110px,25vw,165px))}.cube-face-right{transform:rotateY(90deg)translateZ(clamp(110px,25vw,165px))}.cube-face-back{transform:rotateY(180deg)translateZ(clamp(110px,25vw,165px))}.cube-face-left{transform:rotateY(-90deg)translateZ(clamp(110px,25vw,165px))}.cube-face-top{transform:rotateX(90deg)translateZ(clamp(110px,25vw,165px))}.cube-face-bottom{transform:rotateX(-90deg)translateZ(clamp(110px,25vw,165px))}.cube-word{font-size:43vw;bottom:210px;left:-14px}.directory-panel{border-top:1px solid #f4f3ef21;border-left:0;min-height:auto;padding:0 0 80px}.directory-heading{padding:18px 0}.directory-list button{padding-left:0}.directory-list button:hover,.directory-list button.is-active{padding-left:8px}.directory-note{margin:28px 0 0}.feature-layout{grid-template-columns:1fr}.feature-list{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr)}.feature-list button{grid-template-columns:1fr;gap:8px;padding:12px}.feature-list button:hover,.feature-list button.is-active{padding-left:12px}.feature-list-image{aspect-ratio:1.55}.feature-list button small{display:none}.feature-window-content{min-height:420px;padding:32px 25px}.path-layout{display:block}.path-sticky{margin-bottom:55px;position:static}.role-marquee{margin-top:65px}.social-showcase{grid-template-columns:1fr}.social-profile{border-bottom:1px solid #f4f3ef1f;border-right:0}.social-platform-links{margin-top:0}.social-post-grid{min-height:590px}.contact-layout{grid-template-columns:1fr;gap:42px}.contact-actions{justify-content:flex-start}.contact-meta,.site-footer{flex-wrap:wrap}}@media (width<=520px){.brand-copy span{display:none}.hero-copy h1{font-size:clamp(3.4rem,18vw,5.3rem)}.hero-introduction{max-width:310px;font-size:15px}.hero-actions{flex-direction:column;align-items:flex-start;gap:18px}.hero-bottomline span:first-child{max-width:190px;line-height:1.4}.editor-toolbar{grid-template-columns:auto minmax(0,1fr) auto;gap:8px}.editor-file{display:none}.editor-mode{justify-self:center;margin-right:0}.editor-project-link{min-height:44px;padding:7px 9px;font-size:.875rem}.editor-sidebar-buttons button{grid-template-columns:1fr;gap:3px;min-height:54px}.social-showcase{border-radius:16px}.social-profile,.social-posts{padding:20px}.social-mode,.social-posts-heading span{display:none}.social-identity{grid-template-columns:74px minmax(0,1fr);gap:16px;margin-top:34px}.social-avatar{width:74px;height:74px}.social-identity h3{font-size:48px}.social-metrics strong{font-size:17px}.social-platform-links{grid-template-columns:1fr}.social-post-grid{grid-template-rows:none;grid-template-columns:1fr;gap:9px;min-height:0}.social-post,.social-post:not(.is-featured),.social-post.is-featured{border-radius:12px;grid-area:auto;min-height:270px}.social-post.is-featured{min-height:470px}.social-post-topline{padding:12px}.social-post-copy{padding:14px}.social-post-title,.social-post:not(.is-featured) .social-post-title{max-width:82%;font-size:18px}.social-post-detail{padding-right:38px}.canvas-card{width:78%}.workbench-proof-grid{grid-template-columns:1fr}.workbench-proof-card-1{grid-column:auto}.workbench-proof-card{min-height:250px}.cube-stage{min-height:700px}.cube-scene{width:230px;top:17%}.cube-face-front{transform:rotateY(0)translateZ(115px)}.cube-face-right{transform:rotateY(90deg)translateZ(115px)}.cube-face-back{transform:rotateY(180deg)translateZ(115px)}.cube-face-left{transform:rotateY(-90deg)translateZ(115px)}.cube-face-top{transform:rotateX(90deg)translateZ(115px)}.cube-face-bottom{transform:rotateX(-90deg)translateZ(115px)}.cube-caption{bottom:35px;left:0;right:0}.feature-list button strong{font-size:13px}.feature-window-content h3{font-size:2.65rem}.path-card{grid-template-columns:36px 1fr;gap:14px}.button{min-width:145px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal-block{opacity:1;transform: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-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}.site-frame.redesigned-site{overflow:visible}.cinematic-header{z-index:60;color:#070707;opacity:0;pointer-events:none;justify-content:space-between;align-items:stretch;gap:8px;animation:.78s cubic-bezier(.22,1,.36,1) 4.55s forwards cinematic-header-in;display:flex;position:fixed;top:10px;left:10px;right:10px;transform:translateY(-16px)}.cinematic-header-main,.cinematic-header-tools,.cinematic-menu-toggle{-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);pointer-events:auto;background:#f8f7f3eb;border:1px solid #07070724;box-shadow:0 10px 38px #0000001f}.cinematic-header-main{border-radius:7px;justify-content:space-between;align-items:center;width:min(720px,100vw - 250px);min-height:50px;padding:5px 9px 5px 15px;display:flex}.cinematic-brand{color:#070707;text-align:left;background:0 0;align-items:baseline;gap:13px;padding:0;display:flex}.cinematic-brand strong{letter-spacing:-.09em;font-size:24px;font-weight:900;line-height:1}.cinematic-brand span{color:#54514c;letter-spacing:.17em;font-size:8px;font-weight:800}.cinematic-nav{align-items:center;gap:2px;display:flex}.cinematic-nav button{color:#171717;background:0 0;border-radius:5px;padding:9px 12px;font-size:13px;font-weight:600;transition:color .18s,background .18s}.cinematic-nav button:hover{color:#f7f5ef;background:#0a0a0a}.cinematic-header-tools{letter-spacing:.13em;border-radius:7px;justify-content:center;align-items:center;gap:11px;min-width:215px;min-height:50px;padding:0 17px;font-size:9px;font-weight:900;display:flex}.cinematic-header-tools i{background:#e8ff45;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #c3da1c30}.cinematic-menu-toggle{display:none}.showreel-hero{--hero-x:0px;--hero-y:0px;isolation:isolate;color:#f8f7f3;background:#090909;height:100svh;min-height:620px;position:relative;overflow:hidden}.showreel-media,.showreel-media-art,.showreel-media-gradient,.showreel-grain{position:absolute;inset:0}.showreel-media{z-index:-3;background:#141414;animation:1.9s cubic-bezier(.22,1,.36,1) 4.05s both showreel-media-reveal;overflow:hidden;transform:scale(1.08)}.showreel-media-art{isolation:isolate;filter:saturate(1.05)contrast(1.08)brightness(.82);transform:translate3d(calc(var(--hero-x) * -.42), calc(var(--hero-y) * -.42), 0) scale(1.13);background:#080808;transition:transform .9s cubic-bezier(.22,1,.36,1);overflow:hidden}.showreel-media-art:before{z-index:-2;content:"";will-change:transform;background:linear-gradient(90deg,#070707b3,#07070714 46%,#07070738),linear-gradient(145deg,#6259ff1f,#0000 45%,#ff533229),url(/generated/hero-3d-sculpture.jpg) 54%/cover no-repeat;animation:12s ease-in-out 5.2s 2 alternate both showreel-sculpture-breathe;position:absolute;inset:-4%;transform:translate(0,0)scale(1.02)}.showreel-media-art:after{z-index:-1;content:"";filter:blur(18px);opacity:0;mix-blend-mode:screen;pointer-events:none;background:linear-gradient(90deg,#0000,#f4f3ef33,#0000);width:16%;animation:6.5s cubic-bezier(.22,1,.36,1) 6.1s 3 showreel-art-scan;position:absolute;top:-20%;bottom:-20%;left:35%;transform:translate(-80vw)rotate(8deg)}.showreel-media-gradient{opacity:.82;mix-blend-mode:soft-light;transform:translate3d(calc(var(--hero-x) * .22), calc(var(--hero-y) * .22), 0) scale(1.12);background:linear-gradient(#00000014,#0000 34%,#00000080),conic-gradient(from 210deg at 58% 46%,#6259ff66,#0000 20%,#ff533247,#0000 55%,#d7f16940);transition:transform 1.1s cubic-bezier(.22,1,.36,1)}.showreel-orbit{z-index:-1;aspect-ratio:1;opacity:.7;pointer-events:none;border:1px solid #ffffff47;border-radius:50%;width:min(62vw,840px);position:absolute}.showreel-orbit-a{top:-43%;left:18%;transform:rotate(-22deg)scaleY(.48)}.showreel-orbit-b{bottom:-53%;right:-21%;transform:rotate(18deg)scaleY(.55)}.showreel-object{z-index:-1;color:#ffffffe8;-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);transform-style:preserve-3d;border:1px solid #ffffff47;border-radius:4px;flex-direction:column;justify-content:space-between;padding:16px;transition:transform 1s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;overflow:hidden;box-shadow:0 28px 90px #0000004d}.showreel-object:after{content:"";opacity:0;width:34%;animation:showreel-card-scan 5.8s var(--card-delay,2.4s) ease-in-out 3;pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);position:absolute;top:-55%;bottom:-55%;left:-55%;transform:translate(-130%)rotate(12deg)}.showreel-object span{letter-spacing:.16em;font-size:8px;font-weight:900}.showreel-object strong{font-family:var(--font-display);letter-spacing:-.07em;font-size:clamp(18px,2.2vw,34px);font-weight:800;line-height:.88}.showreel-object-a{--card-delay:6s;aspect-ratio:.82;width:clamp(130px,15vw,220px);transform:translate3d(calc(var(--hero-x) * -.8), calc(var(--hero-y) * -.65), 0) rotate(-9deg);background:linear-gradient(145deg,#ff53329e,#24110f80);top:14%;left:13%}.showreel-object-b{--card-delay:6.7s;aspect-ratio:1.25;width:clamp(150px,18vw,265px);transform:translate3d(calc(var(--hero-x) * .72), calc(var(--hero-y) * -.55), 0) rotate(7deg);background:linear-gradient(145deg,#6259ff8f,#100f1f80);top:16%;right:12%}.showreel-object-c{--card-delay:7.4s;aspect-ratio:.9;width:clamp(125px,14vw,200px);transform:translate3d(calc(var(--hero-x) * .48), calc(var(--hero-y) * .72), 0) rotate(-5deg);background:linear-gradient(145deg,#1414128a,#d7f16942);bottom:18%;right:27%}.showreel-grain{opacity:.16;mix-blend-mode:overlay;pointer-events:none;background-image:repeating-linear-gradient(0deg,#0000 0 3px,#ffffff21 4px)}.showreel-loader{z-index:80;color:#0b0b0b;pointer-events:none;background:radial-gradient(circle at 50% 52%,#6259ff14,#0000 24%),linear-gradient(115deg,#ff533209,#0000 38%,#d7f1690b),#f4f3ef;animation:5.2s cubic-bezier(.76,0,.24,1) forwards showreel-curtain;position:absolute;inset:0;overflow:hidden}.showreel-loader:before{content:"";opacity:.35;background:linear-gradient(#0b0b0b0e 1px,#0000 1px) 0 0/100% 25%,linear-gradient(90deg,#0b0b0b0b 1px,#0000 1px) 0 0/25% 100%;position:absolute;inset:0}.loader-signature,.loader-progress{letter-spacing:.17em;font-size:9px;font-weight:900;position:absolute}.loader-signature{top:28px;left:32px}.loader-progress{align-items:center;gap:10px;display:flex;bottom:27px;right:32px}.loader-progress i{background:#0b0b0b29;width:68px;height:2px;display:block;position:relative;overflow:hidden}.loader-progress i:after{content:"";background:#ff5332;animation:3.9s cubic-bezier(.22,1,.36,1) .16s forwards loader-progress-fill;position:absolute;inset:0;transform:translate(-100%)}.loader-cuboid-stage{--cuboid-depth:136px;--cuboid-height:230px;--cuboid-width:390px;perspective:1200px;width:min(680px,82vw);height:min(520px,68vh);transform-style:preserve-3d;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loader-cuboid{width:calc(var(--cuboid-width) + var(--cuboid-depth));height:calc(var(--cuboid-height) + var(--cuboid-depth));animation:4.7s cubic-bezier(.22,1,.36,1) .1s both loader-cuboid-story;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-1deg)}.loader-cuboid-shadow{top:calc(50% + var(--cuboid-height) * .66);width:calc(var(--cuboid-width) * .9);filter:blur(25px);opacity:0;background:#0b0b0b40;border-radius:50%;height:58px;animation:4.1s 1.05s both loader-shadow-story;position:absolute;left:50%;transform:translate(-50%)scale(.7)}.loader-face{--loader-index:0;clip-path:var(--loader-shape,inset(0));opacity:0;transform:var(--loader-start);animation:loader-face-assemble .9s calc(.22s + var(--loader-index) * .285s) cubic-bezier(.22, 1, .36, 1) forwards, loader-face-burn 1.12s calc(3.4s + var(--loader-index) * 42ms) cubic-bezier(.76, 0, .24, 1) forwards;background:#111;border:1px solid #f4f3ef8f;position:absolute;top:0;left:0;overflow:hidden;box-shadow:inset 0 0 0 1px #0b0b0b38}.loader-face:before,.loader-face:after{content:"";pointer-events:none;position:absolute}.loader-face:before{z-index:4;transform-origin:0;animation:loader-face-ash 1.12s calc(3.4s + var(--loader-index) * 42ms) cubic-bezier(.76, 0, .24, 1) forwards;background:linear-gradient(90deg,#f4f3ef 0 76%,#30221cd1 90%,#ff5b24f5 97%,#0000);inset:-2px;transform:scaleX(0)}.loader-face:after{z-index:5;filter:blur(1px);opacity:0;width:22%;animation:loader-face-ember 1.12s calc(3.4s + var(--loader-index) * 42ms) cubic-bezier(.76, 0, .24, 1) forwards;mix-blend-mode:screen;background:linear-gradient(90deg,#0000,#ff4718f5 42%,#fff2b8 55%,#0000 78%);top:-18%;bottom:-18%;left:-18%;transform:translate(-45%);box-shadow:0 0 24px #ff4d19c7}.loader-face-front,.loader-face-back,.loader-face-left{width:calc(var(--cuboid-width) / 3);height:var(--cuboid-height)}.loader-face-right{width:var(--cuboid-depth);height:calc(var(--cuboid-height) + var(--cuboid-depth))}.loader-face-top,.loader-face-bottom{width:calc(var(--cuboid-width) / 2 + var(--cuboid-depth) / 2);height:var(--cuboid-depth)}.loader-face-front{--loader-final:translate3d(0, var(--cuboid-depth), 0);--loader-start:translate3d(-48vw, 26vh, 0) rotate(-24deg) scale(.3)}.loader-face-right{--loader-final:translate3d(var(--cuboid-width), 0, 0);--loader-shape:polygon(0 var(--cuboid-depth), 100% 0, 100% var(--cuboid-height), 0 100%);--loader-start:translate3d(44vw, 8vh, 0) rotate(17deg) scale(.25)}.loader-face-back{--loader-final:translate3d(calc(var(--cuboid-width) / 3), var(--cuboid-depth), 0);--loader-start:translate3d(8vw, -42vh, 0) rotate(18deg) scale(.32)}.loader-face-left{--loader-final:translate3d(calc(var(--cuboid-width) * 2 / 3), var(--cuboid-depth), 0);--loader-start:translate3d(-46vw, -12vh, 0) rotate(-14deg) scale(.26)}.loader-face-top{--loader-final:translate3d(0, 0, 0);--loader-shape:polygon(0 100%, calc(100% - var(--cuboid-depth) / 2) 100%, 100% 0, calc(var(--cuboid-depth) / 2) 0);--loader-start:translate3d(18vw, -44vh, 0) rotate(9deg) scale(.28)}.loader-face-bottom{--loader-final:translate3d(calc(var(--cuboid-width) / 2), 0, 0);--loader-shape:polygon(0 100%, calc(100% - var(--cuboid-depth) / 2) 100%, 100% 0, calc(var(--cuboid-depth) / 2) 0);--loader-start:translate3d(24vw, 42vh, 0) rotate(-11deg) scale(.3)}.loader-face-media{background:linear-gradient(145deg, #6259ff0f, transparent 52%, #ff53322e), var(--loader-image) center / cover no-repeat;filter:saturate(.94)contrast(1.06)brightness(.86);position:absolute;inset:-2px}.loader-face-right .loader-face-media{background:radial-gradient(circle at 50% 43%, #6259ff33, transparent 44%), var(--loader-image) 50% 43% / 126% auto no-repeat, linear-gradient(180deg, #eee9df 0 66%, #17151b 100%);filter:saturate(.9)contrast(1.05)brightness(.98)}.loader-face-copy{z-index:2;color:#f8f7f3;text-shadow:0 2px 12px #000000b8;background:linear-gradient(#05050512,#0000 48%,#050505bd);flex-direction:column;justify-content:space-between;padding:12px;display:flex;position:absolute;inset:0}.loader-face-copy small{letter-spacing:.16em;font-size:8px;font-weight:900}.loader-face-copy strong{letter-spacing:.04em;font-size:clamp(11px,1.1vw,16px)}.loader-face-right .loader-face-copy{padding:calc(var(--cuboid-depth) + 10px) 12px 14px 16px;background:linear-gradient(#0000 44%,#0707071f 66%,#070707c2);align-items:flex-start}.loader-face-right .loader-face-copy small{color:#11110f9e;text-shadow:none;align-self:flex-end}.loader-face-right .loader-face-copy strong{letter-spacing:.18em;writing-mode:horizontal-tb;background:#0c0c0cbd;border:1px solid #f8f7f34d;border-radius:999px;padding:7px 5px;font-size:9px;line-height:1;position:absolute;top:52%;right:10px}.loader-ember{opacity:0;pointer-events:none;background:#ff6a2f;border-radius:50%;width:5px;height:5px;position:absolute;top:52%;left:50%;box-shadow:0 0 12px #ff6a2f}.loader-ember-a{animation:.9s ease-out 3.55s forwards loader-ember-rise}.loader-ember-b{animation:1.05s ease-out 3.68s forwards loader-ember-rise;transform:translate(80px)}.loader-ember-c{animation:.82s ease-out 3.82s forwards loader-ember-rise;transform:translate(-95px)}.showreel-edge-meta{z-index:5;color:#ffffffc7;letter-spacing:.14em;opacity:0;justify-content:space-between;font-size:9px;font-weight:900;animation:.76s 4.65s forwards showreel-content-in;display:flex;position:absolute;top:87px;left:30px;right:28px}.showreel-copy{z-index:6;opacity:0;width:min(56vw,760px);animation:1.1s cubic-bezier(.22,1,.36,1) 4.48s forwards showreel-content-in;position:absolute;bottom:38px;left:28px}.showreel-kicker{color:#ffffffd1;letter-spacing:.16em;margin:0 0 10px 4px;font-size:9px;font-weight:900}.showreel-copy h1{color:#f8f7f3;text-transform:uppercase;text-shadow:0 8px 34px #00000038;flex-direction:column;align-items:flex-start;margin:0;font-family:Arial Narrow,Helvetica Neue Condensed,Helvetica Neue,PingFang SC,sans-serif;font-weight:900;font-stretch:75%;line-height:1;display:flex}.showreel-title-main,.showreel-title-accent{white-space:nowrap;display:block}.showreel-title-main{letter-spacing:-.082em;font-size:clamp(4.1rem,6.45vw,6.6rem);line-height:.9}.showreel-title-accent{letter-spacing:-.092em;margin:.02em 0 0;font-size:clamp(5.2rem,8.55vw,9.2rem);line-height:.82}.showreel-cta{z-index:10;color:#0b0b0b;opacity:0;background:#e8ff45;border-radius:50%;justify-content:center;align-items:center;gap:7px;width:118px;height:82px;font-size:13px;font-weight:900;transition:transform .3s cubic-bezier(.22,1,.36,1),background .2s;animation:.88s cubic-bezier(.22,1,.36,1) 4.75s forwards showreel-cta-in;display:flex;position:absolute;bottom:42%;left:46%;transform:rotate(-6deg)scale(.55);box-shadow:0 14px 42px #0003}.showreel-cta:hover{background:#f7f5ef;transform:rotate(2deg)scale(1.06)}.showreel-cta i{font-style:normal}.showreel-introduction{z-index:7;color:#ffffffc2;opacity:0;width:min(320px,26vw);margin:0;font-size:12px;line-height:1.5;animation:.78s 4.9s forwards showreel-content-in;position:absolute;bottom:220px;left:auto;right:30px;transform:translateY(12px)}.showreel-feature-card{z-index:8;color:#f8f7f3;-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);opacity:0;text-align:left;background:#10101047;border:1px solid #ffffff3d;border-radius:999px;grid-template-columns:82px 1fr;align-items:center;gap:15px;width:min(365px,30vw);min-height:106px;padding:11px 18px 11px 11px;animation:.9s cubic-bezier(.22,1,.36,1) 4.86s forwards showreel-content-in;display:grid;position:absolute;bottom:22px;right:28px;transform:translate(30px);box-shadow:0 18px 60px #0000003d}.feature-card-thumb{color:#e8ff45;background:linear-gradient(135deg,#6259ff14,#0707070a 44%,#ff53322e),url(/projects/ai-pet-fireball-avatar.jpg) 50%/cover no-repeat,#171717;border-radius:50%;place-items:center;width:82px;height:82px;font-size:24px;font-weight:900;transition:background-size .52s cubic-bezier(.22,1,.36,1);display:grid;position:relative;overflow:hidden}.feature-card-thumb b{z-index:2;color:#e8ff45;text-shadow:0 2px 15px #000000b8;font-size:18px;line-height:1;position:absolute;bottom:7px;right:9px}.showreel-feature-card:hover .feature-card-thumb,.showreel-feature-card:focus-visible .feature-card-thumb{background-size:auto,112%}.feature-card-copy{flex-direction:column;min-width:0;display:flex}.feature-card-copy small{color:#ffffff91;letter-spacing:.14em;font-size:8px;font-weight:900}.feature-card-copy strong{text-overflow:ellipsis;white-space:nowrap;margin:7px 0 8px;font-size:15px;overflow:hidden}.feature-card-copy i{color:#e8ff45;font-size:10px;font-style:normal;font-weight:800}.showreel-scroll-note{z-index:8;color:#ffffffa8;letter-spacing:.13em;opacity:0;align-items:center;gap:10px;font-size:8px;font-weight:900;animation:.7s 5.1s forwards showreel-content-in;display:flex;position:absolute;bottom:143px;right:30px}.showreel-scroll-note i{border:1px solid #ffffff61;border-radius:50%;place-items:center;width:24px;height:24px;font-style:normal;animation:1.8s ease-in-out infinite v2-scroll-pulse;display:grid}.portfolio-snapshot{z-index:4;color:#0b0b0b;background:#e8ff45;border-top:1px solid #0a0a0a33;border-bottom:1px solid #0a0a0a4d;position:relative}.portfolio-snapshot-inner{grid-template-columns:minmax(150px,.34fr) minmax(0,1fr);padding-top:0;padding-bottom:0;display:grid}.portfolio-snapshot-heading{letter-spacing:.14em;border-right:1px solid #0a0a0a47;flex-direction:column;justify-content:space-between;min-height:146px;padding:22px 24px 20px 0;font-size:.75rem;font-weight:900;display:flex}.portfolio-snapshot-heading time{color:#0a0a0a94;font:inherit}.portfolio-snapshot-grid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.portfolio-snapshot-grid article{border-right:1px solid #0a0a0a33;flex-direction:column;justify-content:flex-end;min-width:0;min-height:146px;padding:20px 22px;display:flex}.portfolio-snapshot-grid article:last-child{border-right:0}.portfolio-snapshot-grid strong{letter-spacing:-.075em;font-family:Arial Narrow,Helvetica Neue Condensed,Helvetica Neue,PingFang SC,sans-serif;font-size:clamp(2.65rem,4.4vw,4.6rem);font-weight:900;line-height:.86}.portfolio-snapshot-grid span{margin-top:13px;font-size:.875rem;font-weight:900}.portfolio-snapshot-grid small{color:#0a0a0ab8;letter-spacing:.035em;overflow-wrap:anywhere;min-height:2.8em;margin-top:5px;font-size:.75rem;font-weight:900;line-height:1.4}.project-scroll-scene{--scene-progress:0;color:#f5f2eb;background:#050505;height:300svh;scroll-margin-top:0;position:relative}.project-sticky-frame{background:radial-gradient(circle at 48% 43%,#ff4d2317,#0000 28%),#050505;height:100svh;min-height:620px;position:sticky;top:0;overflow:hidden}.project-sticky-frame:after{z-index:20;content:"";pointer-events:none;background:linear-gradient(#0000,#00000047);height:48px;position:absolute;bottom:0;left:0;right:0}.project-ruler{z-index:12;color:#f5f2eb4d;letter-spacing:.08em;pointer-events:none;font-size:7px;font-weight:700;display:flex;position:absolute}.project-ruler-top{border-bottom:1px solid #f5f2eb1f;justify-content:space-between;padding-bottom:7px;top:8px;left:2.8%;right:2.8%}.project-ruler-top:before{content:"";background:repeating-linear-gradient(90deg,#f5f2eb2e 0 1px,#0000 1px 24px);height:5px;position:absolute;bottom:-3px;left:0;right:0}.project-ruler-left{border-right:1px solid #f5f2eb1f;flex-direction:column;justify-content:space-between;padding-right:7px;top:6%;bottom:5%;left:8px}.project-ruler-left:before{content:"";background:repeating-linear-gradient(#f5f2eb2e 0 1px,#0000 1px 24px);width:5px;position:absolute;top:0;bottom:0;right:-3px}.project-ruler-left span{writing-mode:vertical-rl}.project-stage-grid{grid-template-columns:minmax(0,1fr) min(28vw,360px);height:100%;display:grid}.project-world{--scroll-x:-16deg;--scroll-y:-30deg;--pointer-x:0deg;--pointer-y:0deg;--cube-auto-x:0deg;isolation:isolate;perspective:1600px;min-width:0;position:relative;overflow:hidden}.project-world:before,.project-world:after{z-index:-1;content:"";pointer-events:none;background:#f5f2eb1a;position:absolute}.project-world:before{width:1px;top:0;bottom:0;left:50%}.project-world:after{height:1px;top:50%;left:0;right:0}.project-world-meta{z-index:7;color:#f5f2eb85;letter-spacing:.03em;pointer-events:none;justify-content:space-between;font-size:8px;font-weight:700;line-height:1.35;display:flex;position:absolute;top:41%;left:42px;right:30px}.project-monogram{z-index:-1;color:#f05228;letter-spacing:-.16em;opacity:.96;white-space:nowrap;-webkit-user-select:none;user-select:none;font-family:Arial Narrow,Helvetica Neue Condensed,Helvetica Neue,sans-serif;font-size:clamp(15rem,32vw,35rem);font-weight:800;font-stretch:75%;line-height:.63;position:absolute;bottom:-4.5vw;left:2.2vw}.mosaic-scene{--cube-size:min(31vw, 42vh);z-index:4;width:var(--cube-size);height:var(--cube-size);perspective:1500px;transform-style:preserve-3d;will-change:transform;transition:transform .68s cubic-bezier(.22,1,.36,1);position:absolute;top:43%;left:59%;transform:translate(-50%,-50%)}.mosaic-scene[data-focus-project]{transform:translate(-50%,-50%)scale(1.35)}.mosaic-cube{--cube-rotation-x:-16deg;--cube-rotation-y:-30deg;transform:rotateX(var(--cube-rotation-x)) rotateY(var(--cube-rotation-y)) rotateZ(-2deg);transform-style:preserve-3d;will-change:transform;transition:none;position:absolute;inset:0}.mosaic-cube[data-focus-project],.mosaic-cube[data-recovering=true]{transition:none}.mosaic-face{--face-opacity:1;--face-brightness:1;--face-saturation:1.05;backface-visibility:visible;filter:brightness(var(--face-brightness)) saturate(var(--face-saturation));opacity:var(--face-opacity);transform-style:preserve-3d;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(5px,.6vw,9px);padding:clamp(4px,.45vw,7px);transition:transform .62s cubic-bezier(.22,1,.36,1),filter linear,opacity linear;display:grid;position:absolute;inset:0}.mosaic-cube[data-focus-project] .mosaic-face,.mosaic-cube[data-recovering=true] .mosaic-face{transition:transform .62s cubic-bezier(.22,1,.36,1),filter linear,opacity linear}.mosaic-face-front{transform:translateZ(calc(var(--cube-size) / 2))}.mosaic-face-back{transform:rotateY(180deg) translateZ(calc(var(--cube-size) / 2))}.mosaic-face-right{transform:rotateY(90deg) translateZ(calc(var(--cube-size) / 2))}.mosaic-face-left{transform:rotateY(-90deg) translateZ(calc(var(--cube-size) / 2))}.mosaic-face-top{transform:rotateX(90deg) translateZ(calc(var(--cube-size) / 2))}.mosaic-face-bottom{transform:rotateX(-90deg) translateZ(calc(var(--cube-size) / 2))}.mosaic-cube[data-focus-project] .mosaic-face-front{transform:translateZ(calc(var(--cube-size) / 2 + 26px))}.mosaic-cube[data-focus-project] .mosaic-face-back{transform:rotateY(180deg) translateZ(calc(var(--cube-size) / 2 + 26px))}.mosaic-cube[data-focus-project] .mosaic-face-right{transform:rotateY(90deg) translateZ(calc(var(--cube-size) / 2 + 26px))}.mosaic-cube[data-focus-project] .mosaic-face-left{transform:rotateY(-90deg) translateZ(calc(var(--cube-size) / 2 + 26px))}.mosaic-cube[data-focus-project] .mosaic-face-top{transform:rotateX(90deg) translateZ(calc(var(--cube-size) / 2 + 26px))}.mosaic-cube[data-focus-project] .mosaic-face-bottom{transform:rotateX(-90deg) translateZ(calc(var(--cube-size) / 2 + 26px))}.mosaic-plate{--spread-x:0px;--spread-y:0px;--spread-z:0px;color:#f5f2eb;filter:none;opacity:1;min-width:0;min-height:0;transform-style:preserve-3d;transition:transform .62s cubic-bezier(.22,1,.36,1),filter .26s,opacity .26s,box-shadow .26s;transition-delay:calc(var(--plate-index) * 9ms);background:#171717;border:1px solid #f5f2eb57;border-radius:2px;flex-direction:column;justify-content:space-between;padding:clamp(7px,.8vw,12px);display:flex;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:inset 0 0 18px #00000014}.mosaic-cube[data-focus-project] .mosaic-plate{box-shadow:none;filter:brightness(.28)saturate(.18);opacity:.035;transform:translate3d(var(--spread-x), var(--spread-y), var(--spread-z)) scale(.9)}.mosaic-cube[data-focus-project="01"] .mosaic-plate[data-feature-project="01"],.mosaic-cube[data-focus-project="02"] .mosaic-plate[data-feature-project="02"],.mosaic-cube[data-focus-project="03"] .mosaic-plate[data-feature-project="03"]{filter:brightness()saturate(1.05);opacity:.99;transform:translate3d(var(--spread-x), var(--spread-y), calc(var(--spread-z) + 48px)) scale(1.08);box-shadow:0 0 0 1px #f5f2ebad,0 24px 72px #0000007a}.mosaic-plate small{z-index:2;color:currentColor;letter-spacing:.12em;opacity:.58;font-size:clamp(5px,.45vw,7px);font-weight:900;position:relative}.mosaic-plate strong{z-index:2;letter-spacing:-.055em;text-overflow:ellipsis;max-width:100%;font-size:clamp(9px,1.05vw,16px);font-weight:800;line-height:.95;position:relative;overflow:hidden}.mosaic-plate-5 strong{-webkit-line-clamp:3;white-space:normal;-webkit-box-orient:vertical;font-size:clamp(8px,.85vw,13px);display:-webkit-box}.mosaic-plate i{aspect-ratio:1;opacity:.35;border:1px solid;border-radius:50%;width:22%;position:absolute;bottom:16%;right:10%}.mosaic-face[data-project="01"] .mosaic-plate:first-child{background:linear-gradient(145deg,#ff5937,#6d2418)}.mosaic-face[data-project="01"] .mosaic-plate:nth-child(2){background:linear-gradient(#08080805,#08080880),url(/projects/ai-pet-fireball-display-v2.jpg) 50%/cover}.mosaic-face[data-project="01"] .mosaic-plate:nth-child(3){background:linear-gradient(145deg,#07070714,#070707ad),url(/editorial/maeva-vigier-concrete.jpg) 50%/cover}.mosaic-face[data-project="01"] .mosaic-plate:nth-child(4){background:linear-gradient(135deg,#07070714,#07070799),url(/projects/ai-pet-screen-concept.png) 62%/cover}.mosaic-face[data-project="01"] .mosaic-plate:nth-child(5){background:linear-gradient(#07070705,#07070794),url(/projects/ai-pet-fireball-avatar.jpg) 50%/cover}.mosaic-face[data-project="01"] .mosaic-plate:nth-child(6){background:linear-gradient(145deg,#0707070a,#070707a3),url(/editorial/urban-orange-grid.jpg) 50%/cover}.mosaic-face[data-project="01"] .mosaic-plate:nth-child(7){background:linear-gradient(145deg,#07070705,#07070799),url(/generated/hero-3d-sculpture.jpg) 58%/cover}.mosaic-face[data-project="01"] .mosaic-plate:nth-child(8){background:linear-gradient(145deg,#07070714,#070707a3),url(/projects/ai-pet-screen-simulator.png) 32%/cover}.mosaic-face[data-project="01"] .mosaic-plate:nth-child(9){color:#17120f;background:linear-gradient(145deg,#f1ddd2,#956659)}.mosaic-face[data-project="02"] .mosaic-plate:first-child{background:linear-gradient(145deg,#6259ff,#211c69)}.mosaic-face[data-project="02"] .mosaic-plate:nth-child(2){color:#11110f;text-shadow:none;background:linear-gradient(#eee8da08,#eee8da3d),url(/projects/zixu-ink-icon.png) 50%/cover}.mosaic-face[data-project="02"] .mosaic-plate:nth-child(3){background:linear-gradient(145deg,#6259ff2e,#0707079e),url(/editorial/svenja-paper-purple.jpg) 50%/cover}.mosaic-face[data-project="02"] .mosaic-plate:nth-child(4){background:linear-gradient(145deg,#07070714,#070707a3),url(/editorial/maeva-vigier-concrete.jpg) 58%/cover}.mosaic-face[data-project="02"] .mosaic-plate:nth-child(5){color:#11110f;text-shadow:none;background:linear-gradient(#eee8da03,#eee8da2e),url(/projects/zixu-ink-icon.png) 50%/cover}.mosaic-face[data-project="02"] .mosaic-plate:nth-child(6){background:linear-gradient(145deg,#0707070a,#070707ad),url(/generated/workflow-3d-isometric.jpg) 62%/cover}.mosaic-face[data-project="02"] .mosaic-plate:nth-child(7){background:linear-gradient(145deg,#07070714,#070707a3),url(/generated/evidence-3d-artifact.jpg) 50%/cover}.mosaic-face[data-project="02"] .mosaic-plate:nth-child(8){background:linear-gradient(#07070705,#07070794),url(/projects/zixu-safety-state.png) 50% 18%/cover}.mosaic-face[data-project="02"] .mosaic-plate:nth-child(9){background:linear-gradient(145deg,#121222,#494795)}.mosaic-face[data-project="03"] .mosaic-plate:first-child{color:#10110b;background:linear-gradient(145deg,#d7f169,#64732b)}.mosaic-face[data-project="03"] .mosaic-plate:nth-child(2){background:linear-gradient(145deg,#07070705,#0707079e),url(/generated/workflow-glass-v3.webp) 58%/cover}.mosaic-face[data-project="03"] .mosaic-plate:nth-child(3){background:linear-gradient(145deg,#07070714,#070707a8),url(/editorial/svenja-paper-purple.jpg) 50%/cover}.mosaic-face[data-project="03"] .mosaic-plate:nth-child(4){background:linear-gradient(#07070714,#070707a8),url(/projects/content-calibration-cover.png) 50% 18%/cover}.mosaic-face[data-project="03"] .mosaic-plate:nth-child(5){background:linear-gradient(#07070705,#0707079e),url(/generated/workflow-glass-v3.webp) 65%/cover}.mosaic-face[data-project="03"] .mosaic-plate:nth-child(6){background:linear-gradient(145deg,#0707070a,#070707a3),url(/editorial/urban-orange-grid.jpg) 50%/cover}.mosaic-face[data-project="03"] .mosaic-plate:nth-child(7){background:linear-gradient(145deg,#07070705,#0707079e),url(/generated/hero-editorial-v3.webp) 52%/cover}.mosaic-face[data-project="03"] .mosaic-plate:nth-child(8){background:linear-gradient(145deg,#07070705,#0707079e),url(/generated/evidence-3d-artifact.jpg) 50%/cover}.mosaic-face[data-project="03"] .mosaic-plate:nth-child(9){color:#11110e;background:linear-gradient(145deg,#edece6,#8c8b82)}.mosaic-face .mosaic-plate:nth-child(2),.mosaic-face .mosaic-plate:nth-child(3),.mosaic-face .mosaic-plate:nth-child(4),.mosaic-face .mosaic-plate:nth-child(5),.mosaic-face .mosaic-plate:nth-child(6),.mosaic-face .mosaic-plate:nth-child(7),.mosaic-face .mosaic-plate:nth-child(8){text-shadow:0 2px 13px #000000b8}.project-caption{z-index:7;text-shadow:0 3px 18px #0000008c;width:min(355px,38%);position:absolute;bottom:28px;left:42px}.project-caption>span{color:#f5f2eb8a;letter-spacing:.15em;font-size:8px;font-weight:900}.project-caption h2{letter-spacing:-.08em;margin:8px 0 7px;font-size:clamp(28px,3.4vw,48px);line-height:.9}.project-caption p{color:#f5f2ebad;max-width:330px;margin:0 0 11px;font-size:1rem;line-height:1.65}.project-caption-evidence{color:#f5f2eb;letter-spacing:.02em;margin:-2px 0 10px;font-size:9px;font-weight:800;display:block}.project-caption-tags{flex-wrap:wrap;gap:5px;display:flex}.project-caption-tags span{color:#f5f2ebb5;border:1px solid #f5f2eb40;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:800}.project-caption a{color:#e8ff45;gap:8px;margin-top:10px;font-size:10px;font-weight:900;display:inline-flex}.project-caption-private{color:#f5f2eb7a;letter-spacing:.08em;margin-top:10px;font-size:9px;font-weight:900;display:inline-flex}.project-index-panel{z-index:10;background:#050505db;border-left:1px solid #f5f2eb26;min-width:0;padding:66px 0 34px;position:relative;overflow:hidden auto}.project-index-heading{color:#f5f2eb7a;letter-spacing:.13em;border-bottom:1px solid #f5f2eb26;justify-content:space-between;padding:0 17px 13px;font-size:8px;font-weight:900;display:flex}.project-index-buttons{z-index:4;position:relative}.project-index-buttons button{color:#f5f2eb6e;text-align:left;opacity:1;background:#050505c2;border-bottom:1px solid #f5f2eb26;grid-template-columns:22px 38px minmax(0,1fr) 16px;align-items:center;gap:8px;width:100%;min-height:55px;padding:7px 14px;transition:padding .24s,color .18s,background .18s,opacity .22s,transform .42s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.project-index-buttons button:hover,.project-index-buttons button.is-active,.project-index-buttons button.is-focused,.project-index-buttons button.is-previewed{color:#f5f2eb;background:#f5f2eb0e;padding-left:18px}.project-index-buttons button.is-active,.project-index-buttons button.is-focused,.project-index-buttons button.is-previewed{box-shadow:inset 3px 0 #f05228}.project-index-buttons button.is-focused{transform:translate(7px)}.project-index-panel[data-focus-project] .project-index-buttons button{opacity:.16}.project-index-panel[data-focus-project] .project-index-buttons button.is-focused{opacity:1}.project-index-number{font-size:8px;font-weight:900}.project-index-thumb{background:var(--directory-image) center / cover no-repeat;filter:saturate(.74)brightness(.78);border:1px solid #f5f2eb29;border-radius:5px;width:38px;height:38px;transition:filter .22s,transform .32s cubic-bezier(.22,1,.36,1);display:block;overflow:hidden}.project-index-buttons button:hover .project-index-thumb,.project-index-buttons button:focus-visible .project-index-thumb,.project-index-buttons button.is-active .project-index-thumb,.project-index-buttons button.is-focused .project-index-thumb,.project-index-buttons button.is-previewed .project-index-thumb{filter:saturate(1.02)brightness();transform:scale(1.06)}.project-index-copy{gap:3px;min-width:0;display:grid}.project-index-copy strong{overflow-wrap:anywhere;font-size:.875rem;line-height:1.4}.project-index-copy small{color:#f5f2eba6;letter-spacing:.12em;font-size:.75rem;font-weight:900}.project-index-buttons button i{color:#f05228;font-size:14px;font-style:normal}.project-index-summary{z-index:6;color:#f5f2eb5c;letter-spacing:.12em;margin:0;font-size:7px;font-weight:900;position:absolute;bottom:17px;left:17px;right:17px}.project-ledger-card{scroll-margin-top:100px}.project-ledger-section{color:#11110f;background-color:#eeeae0c2;background-image:linear-gradient(90deg,#1111110e 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:25% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-top:1px solid #1010102b;padding:clamp(82px,9vw,138px) 0 clamp(92px,11vw,160px);position:relative;overflow:hidden}.project-ledger-section:before{content:"PROJECT / LEDGER";color:#11110f57;letter-spacing:.17em;font-size:8px;font-weight:900;position:absolute;top:18px;right:24px}.project-ledger-heading{grid-template-columns:minmax(130px,.55fr) minmax(440px,1.7fr) minmax(220px,.72fr);align-items:end;gap:clamp(24px,4vw,68px);display:grid}.project-ledger-heading .section-kicker{align-self:start;margin:8px 0 0}.project-ledger-heading h2{letter-spacing:-.075em;margin:0;font-size:clamp(48px,5.8vw,84px);font-weight:800;line-height:.92}.project-ledger-heading>p:last-child{color:#11110fa3;margin:0 0 4px;font-size:12px;line-height:1.58}.project-ledger-grid{border-top:1px solid #11110f38;border-left:1px solid #11110f38;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(48px,6vw,82px);display:grid}.project-ledger-card{background:#f5f2eb75;border-bottom:1px solid #11110f38;border-right:1px solid #11110f38;flex-direction:column;min-height:550px;transition:background .32s cubic-bezier(.22,1,.36,1),box-shadow .32s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.project-ledger-card:before{content:"";z-index:4;transform-origin:0;background:#f05228;height:4px;transition:transform .42s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0;right:0;transform:scaleX(.12)}.project-ledger-card:nth-child(3n+2):before{background:#6259ff}.project-ledger-card:nth-child(3n):before{background:#9ebd26}.project-ledger-card:hover,.project-ledger-card:focus-within{z-index:2;background:#fffdf7d1;box-shadow:0 24px 54px #16120d1f}.project-ledger-card:hover:before,.project-ledger-card:focus-within:before{transform:scaleX(1)}.project-ledger-visual{isolation:isolate;background:#171614;min-height:clamp(200px,17vw,270px);position:relative;overflow:hidden}.project-ledger-visual:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(#080808b3,#0000 38%,#0808082e),linear-gradient(120deg,#f052281f,#0000 40%,#6259ff1a);position:absolute;inset:0}.project-ledger-image{object-fit:cover;filter:saturate(.92)contrast(1.03);transition:filter .42s,transform .72s cubic-bezier(.22,1,.36,1);display:block;position:absolute;inset:0;transform:scale(1.01)}.project-ledger-card:hover .project-ledger-image,.project-ledger-card:focus-within .project-ledger-image{filter:saturate(1.08)contrast(1.05);transform:scale(1.065)}.project-ledger-card-meta{z-index:2;color:#ffffffd6;letter-spacing:.13em;text-shadow:0 2px 14px #00000080;justify-content:space-between;gap:16px;font-size:.75rem;font-weight:900;display:flex;position:absolute;top:20px;left:clamp(18px,2vw,28px);right:clamp(18px,2vw,28px)}.project-ledger-card-meta span:last-child{text-align:right}.project-ledger-card-body{flex-direction:column;flex:1;padding:clamp(22px,2.5vw,36px);display:flex}.project-ledger-category{color:#ad361c;letter-spacing:.14em;margin:0 0 10px;font-size:.75rem;font-weight:900}.project-ledger-card h3{letter-spacing:-.045em;overflow-wrap:anywhere;max-width:520px;margin:0;font-size:clamp(29px,2.65vw,43px);font-weight:800;line-height:1.2}.project-ledger-summary{color:#11110fc7;max-width:570px;margin:17px 0 24px;font-size:1rem;line-height:1.75}.project-ledger-evidence{border-top:1px solid #11110f2e;border-bottom:1px solid #11110f2e;gap:6px;margin-top:auto;padding:13px 0;display:grid}.project-ledger-evidence small{color:#11110fa6;letter-spacing:.16em;font-size:.75rem;font-weight:900}.project-ledger-evidence strong{font-size:.875rem;line-height:1.6}.project-ledger-tags{flex-wrap:wrap;gap:5px;margin-top:13px;display:flex}.project-ledger-tags span{color:#11110fc2;border:1px solid #11110f33;border-radius:999px;padding:4px 7px;font-size:.75rem;font-weight:800}.project-ledger-card a,.project-ledger-private{color:#2d27bb;letter-spacing:.06em;align-self:flex-start;gap:7px;margin-top:16px;font-size:.875rem;font-weight:900;display:inline-flex}.project-ledger-private{color:#11110f6b}.project-ledger-card:hover a,.project-ledger-card:focus-within a{color:#f05228}@keyframes loader-face-assemble{0%{opacity:0;transform:var(--loader-start)}58%{opacity:1}to{opacity:1;transform:var(--loader-final)}}@keyframes loader-cuboid-story{0%,34%{opacity:1;transform:translate(-50%,-50%)rotate(-1.4deg)scale(.9)}48%{opacity:1;transform:translate(-50%,-50%)rotate(-1deg)scale(1)}68%{opacity:1;transform:translate(-50%,calc(-50% - 3px))rotate(.35deg)scale(1.015)}78%{opacity:1;transform:translate(-50%,calc(-50% - 2px))rotate(-.3deg)scale(1.025)}to{opacity:0;transform:translate(-50%,calc(-50% - 16px))rotate(1.2deg)scale(.84)}}@keyframes loader-face-burn{0%{filter:brightness();opacity:1}34%{filter:brightness(1.35)saturate(1.35);opacity:1}to{filter:brightness(.2)saturate(.2);opacity:0}}@keyframes loader-face-ash{0%,8%{opacity:0;transform:scaleX(0)}16%{opacity:.94}to{opacity:1;transform:scaleX(1.04)}}@keyframes loader-face-ember{0%,8%{opacity:0;transform:translate(-45%)}22%,72%{opacity:1}to{opacity:0;transform:translate(560%)}}@keyframes loader-shadow-story{0%{opacity:0;transform:translate(-50%)scale(.7)}32%,70%{opacity:.46;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%)scale(.76)}}@keyframes loader-ember-rise{0%{opacity:0;translate:0;scale:.5}18%{opacity:1}to{opacity:0;translate:var(--ember-x,36px) -150px;scale:0}}@keyframes loader-progress-fill{0%{transform:translate(-100%)}68%{transform:translate(-18%)}to{transform:translate(0)}}@keyframes showreel-curtain{0%,78%{opacity:1;visibility:visible}88%{opacity:.82;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes showreel-media-reveal{0%{filter:saturate(.6);transform:scale(1.24)}to{filter:saturate();transform:scale(1)}}@keyframes showreel-sculpture-breathe{0%{transform:translate(0,0)scale(1.02)}to{transform:translate(.8%,-1.1%)scale(1.055)}}@keyframes showreel-art-scan{0%,15%{opacity:0;transform:translate(-80vw)rotate(8deg)}34%{opacity:.72}62%{opacity:0;transform:translate(80vw)rotate(8deg)}to{opacity:0;transform:translate(80vw)rotate(8deg)}}@keyframes showreel-card-scan{0%,28%{opacity:0;transform:translate(-130%)rotate(12deg)}40%{opacity:.65}58%,to{opacity:0;transform:translate(520%)rotate(12deg)}}@keyframes cinematic-header-in{to{opacity:1;transform:translateY(0)}}@keyframes showreel-content-in{to{opacity:1;transform:translate(0,0)}}@keyframes showreel-cta-in{to{opacity:1;transform:rotate(-6deg)scale(1)}}@keyframes v2-scroll-pulse{0%,to{transform:translateY(-2px)}50%{transform:translateY(4px)}}@media (width<=900px){.cinematic-header{left:7px;right:7px}.cinematic-header-main{width:calc(100% - 84px)}.cinematic-header-tools{display:none}.cinematic-menu-toggle{color:#0b0b0b;border-radius:7px;justify-content:space-between;align-items:center;width:76px;padding:0 11px;font-size:10px;font-weight:800;display:flex}.cinematic-menu-toggle span:last-child{font-size:18px;font-weight:400}.cinematic-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8f7f3f5;border:1px solid #07070724;border-radius:7px;padding:8px;display:none;position:absolute;top:57px;left:0;right:0;box-shadow:0 18px 60px #0000002e}.cinematic-nav.is-open{display:grid}.cinematic-nav button{text-align:left;padding:12px}.showreel-copy{width:94vw;bottom:24%;left:15px}.showreel-copy h1{line-height:1}.showreel-title-main{font-size:clamp(3.8rem,9.6vw,5.8rem)}.showreel-title-accent{margin-left:0;font-size:clamp(4.8rem,12.9vw,7.6rem)}.showreel-cta{width:105px;height:72px;bottom:43%;left:54%}.showreel-object-a{left:3%}.showreel-object-b{right:3%}.showreel-object-c{bottom:14%;right:17%}.showreel-introduction{width:44vw;left:17px;right:auto}.showreel-feature-card{grid-template-columns:64px 1fr;gap:10px;width:48vw;min-height:84px;padding:9px 12px 9px 9px;bottom:16px;right:14px}.feature-card-thumb{width:64px;height:64px}.showreel-scroll-note{display:none}.portfolio-snapshot-inner{display:block}.portfolio-snapshot-heading{border-bottom:1px solid #0a0a0a3d;border-right:0;flex-direction:row;min-height:0;padding:14px 0}.portfolio-snapshot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-snapshot-grid article{min-height:126px}.portfolio-snapshot-grid article:nth-child(2){border-right:0}.portfolio-snapshot-grid article:nth-child(-n+2){border-bottom:1px solid #0a0a0a33}.project-scroll-scene{height:auto}.project-sticky-frame{height:auto;min-height:0;position:relative;overflow:visible}.project-ruler{display:none}.project-stage-grid{display:block}.project-world{min-height:820px}.project-world-meta{top:90px;left:22px;right:22px}.mosaic-scene{--cube-size:min(52vw, 340px);top:38%;left:55%}.mosaic-scene[data-focus-project]{transform:translate(-50%,-50%)scale(1.14)}.project-monogram{font-size:47vw;bottom:188px;left:-1vw}.project-caption{width:auto;bottom:30px;left:22px;right:22px}.project-caption p{max-width:420px}.project-index-panel{border-top:1px solid #f5f2eb26;border-left:0;min-height:auto;padding:0 0 38px}.project-index-heading{padding-top:15px}.project-index-buttons{grid-template-columns:repeat(3,1fr);display:grid}.project-index-buttons button{border-right:1px solid #f5f2eb26;grid-template-rows:58px auto;grid-template-columns:minmax(0,1fr) auto;align-content:space-between;gap:8px;min-height:136px;padding:9px}.project-index-thumb{grid-column:1/-1;width:100%;height:58px}.project-index-number{z-index:2;color:#f5f2eb;background:#050505b8;border-radius:3px;padding:4px 5px;position:absolute;top:14px;left:14px}.project-index-copy{grid-column:1}.project-index-buttons button>i{grid-column:2;align-self:end}.project-index-buttons button:hover,.project-index-buttons button.is-active,.project-index-buttons button.is-focused,.project-index-buttons button.is-previewed{padding-left:9px;box-shadow:inset 0 3px #f05228}.project-index-panel>p{display:none}.project-ledger-heading{display:block}.project-ledger-heading h2{margin-top:18px}.project-ledger-heading>p:last-child{max-width:520px;margin-top:22px}.project-ledger-card{min-height:520px}}@media (width<=560px){.cinematic-brand span{display:none}.showreel-hero{min-height:720px}.loader-signature{top:22px;left:20px}.loader-progress{bottom:20px;right:20px}.loader-progress i{width:44px}.loader-cuboid-stage{--cuboid-depth:86px;--cuboid-height:150px;--cuboid-width:250px;width:94vw;height:58vh}.loader-face-copy{padding:8px}.loader-face-copy strong{font-size:9px}.showreel-edge-meta{top:78px;left:17px;right:16px}.showreel-edge-meta span:last-child{display:none}.showreel-copy{bottom:29%;left:11px}.showreel-copy h1{line-height:1}.showreel-title-main{font-size:12.8vw}.showreel-title-accent{font-size:17.6vw}.showreel-kicker{max-width:210px;font-size:7px}.showreel-cta{width:92px;height:65px;font-size:11px;bottom:46%;left:55%}.showreel-object{padding:10px}.showreel-object-a{width:112px;top:16%}.showreel-object-b{width:128px;top:20%}.showreel-object-c{width:105px;bottom:12%;right:5%}.showreel-introduction{width:45vw;font-size:10px;bottom:18px;left:14px;right:auto}.showreel-feature-card{border-radius:12px;grid-template-columns:48px 1fr;width:48vw;min-height:70px;bottom:11px;right:9px}.portfolio-snapshot-grid article{min-height:112px;padding:16px 12px}.portfolio-snapshot-grid strong{font-size:clamp(2.3rem,13vw,3.5rem)}.portfolio-snapshot-grid span{margin-top:10px}.feature-card-thumb{width:48px;height:48px;font-size:15px}.feature-card-copy small,.feature-card-copy i{font-size:6px}.feature-card-copy strong{margin:4px 0;font-size:10px}.project-world{min-height:740px}.project-world-meta{font-size:7px;top:80px;left:15px;right:15px}.mosaic-scene{--cube-size:58vw;top:35%;left:54%}.mosaic-scene[data-focus-project]{transform:translate(-50%,-50%)scale(1.08)}.mosaic-face{gap:4px;padding:3px}.mosaic-plate{padding:5px}.project-monogram{font-size:54vw;bottom:218px;left:-2vw}.project-caption{bottom:24px;left:15px;right:15px}.project-caption h2{font-size:31px}.project-index-buttons button{min-height:128px;padding:10px}.project-index-buttons button:hover,.project-index-buttons button.is-active,.project-index-buttons button.is-focused,.project-index-buttons button.is-previewed{padding-left:10px}.project-index-copy strong{white-space:normal}.project-index-buttons{grid-template-columns:repeat(2,1fr)}.project-ledger-section{background-size:50% 100%;padding:74px 0 92px}.project-ledger-section:before{right:15px}.project-ledger-heading h2{font-size:12vw}.project-ledger-grid{grid-template-columns:1fr}.project-ledger-card{min-height:0}.project-ledger-visual{min-height:215px}.project-ledger-card-body{padding:22px 17px 24px}.project-ledger-card h3{font-size:31px}}@media (prefers-reduced-motion:reduce){.cinematic-header,.showreel-copy,.showreel-cta,.showreel-introduction,.showreel-feature-card,.showreel-edge-meta,.showreel-scroll-note{opacity:1;transform:none}.showreel-loader{display:none}.showreel-media,.showreel-media-art,.showreel-media-gradient,.showreel-object,.mosaic-cube{transition:none;animation:none;transform:none}.mosaic-scene[data-focus-project]{transition:none;transform:translate(-50%,-50%)}.mosaic-cube[data-focus-project],.mosaic-cube[data-focus-project] .mosaic-face,.mosaic-cube[data-focus-project] .mosaic-plate{transition:none}.mosaic-cube[data-focus-project] .mosaic-face-front{transform:translateZ(calc(var(--cube-size) / 2))}.mosaic-cube[data-focus-project] .mosaic-face-back{transform:rotateY(180deg) translateZ(calc(var(--cube-size) / 2))}.mosaic-cube[data-focus-project] .mosaic-face-right{transform:rotateY(90deg) translateZ(calc(var(--cube-size) / 2))}.mosaic-cube[data-focus-project] .mosaic-face-left{transform:rotateY(-90deg) translateZ(calc(var(--cube-size) / 2))}.mosaic-cube[data-focus-project] .mosaic-face-top{transform:rotateX(90deg) translateZ(calc(var(--cube-size) / 2))}.mosaic-cube[data-focus-project] .mosaic-face-bottom{transform:rotateX(-90deg) translateZ(calc(var(--cube-size) / 2))}.mosaic-cube[data-focus-project] .mosaic-plate{transform:none}.project-scroll-scene{height:auto}.project-sticky-frame{position:relative}.showreel-scroll-note i{animation:none}}.redesigned-site{--hero-art:url(/generated/hero-editorial-v3.webp);--work-art:url(/generated/workflow-glass-v3.webp)}.redesigned-site .section-shell{width:min(1440px,100% - clamp(40px,9vw,144px))}.redesigned-site :is(section,[id^=ledger-]){scroll-margin-top:100px}.redesigned-site :is(.section-kicker,.editor-label){letter-spacing:.13em;font-size:.75rem}.redesigned-site :is(.dark-section-heading,.feature-heading,.path-sticky,.roles-heading,.contact-copy) h2{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(2.25rem,4.5vw,4.6rem);line-height:1.17}.redesigned-site :is(.dark-section-heading,.feature-heading)>p:last-child{max-width:360px;font-size:1rem;line-height:1.8}.redesigned-site :is(.path-sticky>p,.path-list p,.role-intro,.contact-copy>p){font-size:1rem;line-height:1.85}.redesigned-site :is(.workbench-section,.feature-section,.path-section,.roles-section,.contact-section){padding-block:var(--space-section)}.redesigned-site .cinematic-header{top:18px;left:24px;right:24px}.redesigned-site .cinematic-header-main{border-radius:12px;width:min(780px,100vw - 290px);min-height:58px;padding-inline:20px 12px}.redesigned-site .cinematic-brand span{letter-spacing:.12em;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.redesigned-site .cinematic-brand{min-width:0}.redesigned-site .cinematic-nav button{border-radius:8px;padding:10px 16px;font-size:.875rem}.redesigned-site .cinematic-header-tools{border-radius:12px;min-width:190px;font-size:.75rem}.redesigned-site .showreel-hero{align-items:center;height:auto;min-height:max(700px,100svh);padding:160px clamp(24px,5.5vw,90px) 120px;display:flex}.redesigned-site .showreel-media{filter:none}.redesigned-site .showreel-media-art{filter:none;transform:translate3d(calc(var(--hero-x) * -.25), calc(var(--hero-y) * -.25), 0) scale(1.025)}.redesigned-site .showreel-media-art:before{background:linear-gradient(90deg, #07070947, transparent 65%), var(--hero-art) center / cover no-repeat;will-change:auto;animation:none;inset:0;transform:none}.redesigned-site .showreel-media-art:after{display:none}.redesigned-site .showreel-media-gradient{opacity:1;mix-blend-mode:normal;background:linear-gradient(90deg,#07070980,#0000 68%),linear-gradient(#0000 70%,#070709b3);transform:none}.redesigned-site .showreel-edge-meta{font-size:.75rem;font-weight:500;top:110px;left:clamp(24px,5.5vw,90px);right:clamp(24px,5.5vw,90px)}.redesigned-site .showreel-copy{width:59%;max-width:780px;position:relative;inset:auto}.redesigned-site .showreel-kicker{letter-spacing:.04em;margin:0 0 26px;font-size:.875rem;font-weight:600}.redesigned-site .showreel-kicker span{color:#b6b3b5;letter-spacing:.08em;font-size:.75rem}.redesigned-site .showreel-copy h1{font-family:var(--font-display);text-shadow:none;font-weight:600}.redesigned-site :is(.showreel-title-main,.showreel-title-accent){white-space:normal;overflow-wrap:anywhere}.redesigned-site .showreel-title-main{letter-spacing:-.055em;font-size:clamp(3rem,5.6vw,6rem);line-height:1.16}.redesigned-site .showreel-title-accent{letter-spacing:-.065em;-webkit-text-fill-color:transparent;background:linear-gradient(130deg,#fffefb 5%,#e2dfe8 45%,#8f899d);-webkit-background-clip:text;background-clip:text;margin:.06em 0 0;font-size:clamp(3.8rem,7.5vw,8rem);line-height:1.12}.redesigned-site .showreel-introduction{color:#c2bec4;opacity:1;text-wrap:pretty;width:min(100%,450px);margin:30px 0 28px;font-size:1rem;line-height:1.85;animation:none;position:static;transform:none}.redesigned-site .showreel-cta{opacity:1;width:auto;height:54px;box-shadow:none;background:#dff47c;border-radius:999px;gap:48px;padding:0 26px;font-size:.875rem;font-weight:600;animation:none;display:inline-flex;position:static;transform:none}.redesigned-site .showreel-cta:hover{background:#f5ffc6;transform:translateY(-3px)}.redesigned-site .showreel-cta i{transition:transform .3s var(--ease-out);font-size:1.3rem}.redesigned-site .showreel-cta:hover i{transform:translate(3px,3px)}.redesigned-site .showreel-feature-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#121116a6;border-radius:18px;grid-template-columns:64px 1fr;width:320px;min-height:94px;bottom:40px;right:clamp(24px,5.5vw,90px)}.redesigned-site .feature-card-thumb{border-radius:12px;width:64px;height:64px}.redesigned-site .feature-card-thumb b{display:none}.redesigned-site .feature-card-copy small{letter-spacing:.09em;font-size:.75rem}.redesigned-site .feature-card-copy strong{margin-block:5px;font-size:1.125rem}.redesigned-site .feature-card-copy i{color:#dff47c;font-size:.875rem}.redesigned-site .showreel-scroll-note{font-size:.75rem;bottom:46px;left:clamp(24px,5.5vw,90px)}.redesigned-site .showreel-scroll-note i{animation:none}.redesigned-site .portfolio-snapshot{background:#e2efaa}.redesigned-site :is(.cinematic-header,.showreel-media,.showreel-copy,.showreel-edge-meta,.showreel-feature-card,.showreel-scroll-note){opacity:1;animation:none;transform:none}@media (prefers-reduced-motion:no-preference){.redesigned-site :is(.showreel-title-main,.showreel-title-accent,.showreel-introduction,.showreel-cta,.showreel-feature-card){--intro-step:0;animation:editorial-intro-lift calc(var(--intro-duration) * .65) var(--ease-out) backwards;animation-delay:calc(var(--intro-duration) * .0875 * var(--intro-step))}.redesigned-site .showreel-title-accent{--intro-step:1}.redesigned-site .showreel-introduction{--intro-step:2}.redesigned-site .showreel-cta{--intro-step:3}.redesigned-site .showreel-feature-card{--intro-step:4}}@keyframes editorial-intro-lift{0%{opacity:.72;transform:translateY(10px)}to{opacity:1;transform:none}}.redesigned-site .showreel-copy:focus-within :is(.showreel-title-main,.showreel-title-accent,.showreel-introduction,.showreel-cta),.redesigned-site .showreel-cta:hover,.redesigned-site .showreel-feature-card:is(:hover,:focus-visible){animation:none}.redesigned-site .reveal-block{opacity:1;transition:opacity .55s var(--ease-out), transform .55s var(--ease-out);transform:none}.redesigned-site .reveal-block.is-visible{animation:none}.redesigned-site .reveal-block[data-reveal-pending=true]{opacity:0;transform:translateY(18px)}.redesigned-site .reveal-block:focus-within{opacity:1;transform:none}.redesigned-site [data-motion-paused=true] :is(.canvas-floating,.role-marquee){animation-play-state:paused}.redesigned-site .dark-section{background:#0d0d10f5}.redesigned-site .dark-section-heading{gap:32px 70px;margin-bottom:46px}.redesigned-site .editor-shell{background:#131316;border-color:#ffffff29;border-radius:16px;box-shadow:0 28px 80px #0005}.redesigned-site .editor-toolbar{min-height:64px;font-size:.75rem}.redesigned-site .editor-project-link{padding:10px 16px;font-size:.875rem}.redesigned-site .editor-body{grid-template-columns:210px minmax(0,1fr) 240px;min-height:470px}.redesigned-site .editor-canvas{background:radial-gradient(at 50% 30%,#2b2933,#18181c 65%);padding:48px 32px}.redesigned-site .canvas-card{width:100%;max-width:580px;min-height:340px;animation:editorial-card-enter .44s var(--ease-out) both;background:#111115;border-radius:10px;gap:12px;padding:28px;transform:none}@keyframes editorial-card-enter{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:none}}.redesigned-site .editor-shell:hover .canvas-card{transform:none}.redesigned-site .canvas-card strong{letter-spacing:-.045em;max-width:80%;margin-top:auto;font-size:clamp(1.75rem,2.8vw,3rem);line-height:1.22}.redesigned-site .canvas-overline{font-size:.75rem}.redesigned-site .canvas-caption{letter-spacing:0;font-size:.875rem;line-height:1.6}.redesigned-site .canvas-tags{gap:7px;margin-top:0;padding-top:4px}.redesigned-site .canvas-tags i{padding:5px 9px;font-size:.75rem}.redesigned-site .canvas-card-scrim{background:linear-gradient(#0000 25%,#0b0b1080 60%,#0b0b10ed)}.redesigned-site .canvas-card[data-project="01"]{background:#18212b;padding-top:205px}.redesigned-site .canvas-card[data-project="01"] .canvas-card-media{filter:none;background-color:#b6d4e3;background-size:contain;border:1px solid #c5e0ed55;border-radius:6px;width:calc(100% - 48px);height:170px;top:22px;left:24px;transform:none}.redesigned-site .canvas-card[data-project="01"] .canvas-card-scrim{display:none}.redesigned-site .canvas-card[data-project="01"] strong{max-width:100%}.redesigned-site .canvas-card[data-project="02"] .canvas-card-media{filter:none;background-color:#e8e0d1;background-position:100%;background-size:auto 100%}.redesigned-site .canvas-floating{background:#1b1b22e6;font-size:.75rem}.redesigned-site .canvas-floating-one{top:6%;left:8%}.redesigned-site .canvas-floating-two{bottom:3%;right:8%}.redesigned-site .inspector-row{padding-block:12px 18px}.redesigned-site .inspector-row :is(span,b){font-size:.875rem;line-height:1.65}.redesigned-site .workbench-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:32px}.redesigned-site .workbench-proof-card{border-radius:12px;min-height:300px}.redesigned-site .workbench-proof-card-1 .workbench-proof-image{background-color:#b6d4e3;background-position:50% 25%;background-repeat:no-repeat;background-size:86%}.redesigned-site .workbench-proof-card-2 .workbench-proof-image{background-position:50% 40%;background-size:auto 110%}.redesigned-site .workbench-proof-caption{gap:15px;padding:22px}.redesigned-site .workbench-proof-caption strong{letter-spacing:-.025em;font-size:1.25rem;line-height:1.3}.redesigned-site .workbench-proof-caption small{font-size:.875rem;line-height:1.5}.redesigned-site .project-monogram{opacity:.18}.redesigned-site .project-scroll-scene{scroll-margin-top:0}.redesigned-site .project-world-meta{font-size:.75rem;top:105px}.redesigned-site .project-caption{max-width:540px}.redesigned-site .project-caption h2{letter-spacing:-.04em;font-size:clamp(2rem,3.8vw,3.8rem);line-height:1.16}.redesigned-site .project-caption p{max-width:440px;font-size:1rem;line-height:1.7}.redesigned-site .project-caption-evidence{font-size:.875rem}.redesigned-site .project-caption-tags span{font-size:.75rem}.redesigned-site .project-index-panel{padding-top:100px}.redesigned-site .project-index-heading{font-size:.75rem}.redesigned-site .project-index-copy strong{font-size:.875rem;line-height:1.4}.redesigned-site .project-index-copy small{font-size:.75rem}.redesigned-site .project-index-buttons button{min-height:64px}.redesigned-site .project-index-summary{font-size:.75rem}.redesigned-site .mosaic-cube{transform:rotateX(var(--cube-rotation-x)) rotateY(var(--cube-rotation-y)) rotateZ(-2deg)}.redesigned-site .project-ledger-section{padding-block:var(--space-section);background:#f5f3edc2}.redesigned-site .project-ledger-heading h2{font-size:clamp(2.5rem,5.5vw,5.5rem);line-height:1.12}.redesigned-site .project-ledger-heading>p:last-child{font-size:1rem;line-height:1.8}.redesigned-site .project-ledger-grid{background:0 0;border:0;gap:24px}.redesigned-site .project-ledger-card{background:#faf9f6c2;border:1px solid #25212426;border-radius:10px;overflow:hidden;box-shadow:0 16px 45px #221f1910}.redesigned-site .project-ledger-card:hover{background:#f9f7f2;transform:translateY(-5px)}.redesigned-site .project-ledger-card:before{display:none}.redesigned-site .project-ledger-visual{aspect-ratio:1.9;min-height:0}.redesigned-site .project-ledger-card-body{padding:28px}.redesigned-site .project-ledger-card h3{letter-spacing:-.04em;font-size:clamp(1.5rem,2.5vw,2.6rem);line-height:1.25}.redesigned-site .project-ledger-category{font-size:.75rem}.redesigned-site .project-ledger-summary{font-size:1rem;line-height:1.8}.redesigned-site .project-ledger-evidence strong{font-size:.875rem;line-height:1.65}.redesigned-site .project-ledger-tags span{font-size:.75rem}.redesigned-site :is(.project-ledger-card a,.project-ledger-private){font-size:.875rem}.redesigned-site .feature-layout{border-radius:12px;overflow:hidden}.redesigned-site .feature-section{overflow:hidden}.redesigned-site .feature-list button{padding:22px}.redesigned-site .feature-list button small{font-size:.875rem;line-height:1.5}.redesigned-site .feature-preview h3{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(2rem,3.8vw,3.9rem);line-height:1.22}.redesigned-site .feature-preview p{font-size:1rem;line-height:1.85}.redesigned-site .feature-window-content{padding:44px}.redesigned-site .feature-preview-image{filter:saturate(.95)}.redesigned-site .feature-preview:before{opacity:.2}.redesigned-site .feature-window-bar b,.redesigned-site .feature-index,.redesigned-site .feature-data-card span{font-size:.75rem}.redesigned-site .feature-data-card strong{font-size:.875rem}.redesigned-site .roles-inner>h2,.redesigned-site .contact-layout h2{letter-spacing:-.045em;font-size:clamp(2.4rem,4.7vw,4.8rem);line-height:1.18}.redesigned-site .path-list h3{letter-spacing:-.04em;font-size:clamp(1.8rem,3vw,3rem);line-height:1.3}.redesigned-site .path-artwork{border-radius:10px}.redesigned-site .social-showcase{border-radius:16px;box-shadow:0 28px 70px #0002}.redesigned-site .social-post{border-radius:10px}.redesigned-site .social-identity h3{letter-spacing:-.035em;line-height:1.1}.redesigned-site .social-description{font-size:1rem;line-height:1.8}.redesigned-site :is(.social-brand,.social-mode,.social-identity p,.social-identity small,.social-metrics small,.social-topics span,.social-posts-heading p,.social-posts-heading span,.social-post-topline small,.social-post-topline i,.social-post-metric small,.social-post-metric i,.social-post-detail){letter-spacing:.025em;font-size:.75rem}.redesigned-site .social-brand-row{flex-wrap:wrap}.redesigned-site .social-metrics strong{letter-spacing:-.045em;font-size:1.5rem}.redesigned-site .social-metrics small{color:#bbb7bf}.redesigned-site .social-platform-link small{font-size:.75rem}.redesigned-site .social-platform-link strong{font-size:.875rem}.redesigned-site .social-post-title{line-height:1.25}.redesigned-site .social-post:not(.is-featured) .social-post-title{font-size:1rem;line-height:1.3}.redesigned-site .social-post-copy{padding-right:46px}.redesigned-site .social-post-metric{flex-wrap:wrap}@media (width<=1150px){.redesigned-site .editor-body{grid-template-columns:180px minmax(0,1fr)}.redesigned-site .editor-inspector{display:none}}@media (width<=900px){.redesigned-site .cinematic-header{top:12px;left:14px;right:14px}.redesigned-site .cinematic-header-main{width:calc(100% - 84px);min-height:54px;padding-left:16px}.redesigned-site .cinematic-menu-toggle{border-radius:12px;font-size:.875rem}.redesigned-site .cinematic-nav{border-radius:12px;top:63px}.redesigned-site .showreel-hero{min-height:max(800px,100svh);padding-top:170px}.redesigned-site .showreel-copy{width:72%}.redesigned-site .showreel-kicker span{margin-top:9px;display:block}.redesigned-site .showreel-title-main{font-size:clamp(3rem,7.3vw,4.5rem)}.redesigned-site .showreel-title-accent{font-size:clamp(4rem,9.5vw,5.5rem)}.redesigned-site .showreel-introduction{max-width:390px}.redesigned-site .showreel-media-gradient{background:linear-gradient(90deg,#08080ae0,#08080a18 95%),linear-gradient(#0000 20%,#08080a)}.redesigned-site .showreel-feature-card{width:280px;bottom:26px;right:28px}.redesigned-site .dark-section-heading{grid-template-columns:1fr;gap:24px}.redesigned-site .dark-section-heading>p:last-child{max-width:500px;margin-left:0}.redesigned-site .workbench-proof-grid{gap:12px}.redesigned-site .workbench-proof-card{min-height:250px}.redesigned-site .workbench-proof-caption{padding:16px}.redesigned-site .workbench-proof-caption>span:first-child{display:none}.redesigned-site .workbench-proof-caption strong{font-size:1rem}.redesigned-site .project-ledger-card-body{padding:22px}.redesigned-site .project-caption{max-width:none}.redesigned-site .project-index-panel{padding-top:24px}}@media (width<=560px){.redesigned-site .section-shell{width:calc(100% - 40px)}.redesigned-site .cinematic-brand span{letter-spacing:.04em;font-size:.75rem;display:inline}.redesigned-site .cinematic-brand{gap:12px}.redesigned-site .showreel-hero{min-height:100svh;padding:350px 24px 28px;display:block}.redesigned-site .showreel-media-art{transform:none}.redesigned-site .showreel-media-art:before{background:var(--hero-art) 75% top / auto 460px no-repeat, #08080a}.redesigned-site .showreel-media-gradient{background:linear-gradient(#0000 20%,#08080a 49% 100%)}.redesigned-site .showreel-edge-meta{letter-spacing:.03em;font-size:.75rem;top:92px;left:24px}.redesigned-site .showreel-copy{width:100%}.redesigned-site .showreel-kicker{max-width:none;margin-bottom:20px}.redesigned-site .showreel-kicker span{font-size:.75rem}.redesigned-site .showreel-title-main{letter-spacing:-.05em;font-size:clamp(2.3rem,10.5vw,3.6rem)}.redesigned-site .showreel-title-accent{font-size:clamp(3rem,13.8vw,4.6rem)}.redesigned-site .showreel-introduction{width:100%;margin-block:24px;font-size:1rem}.redesigned-site .showreel-feature-card{grid-template-columns:60px 1fr;width:100%;margin-top:34px;position:relative;inset:auto}.redesigned-site .feature-card-thumb{width:60px;height:60px}.redesigned-site .portfolio-snapshot-grid article{min-height:140px;padding:20px 12px}.redesigned-site .portfolio-snapshot-grid article span{font-size:.875rem}.redesigned-site .portfolio-snapshot-grid article small{font-size:.75rem}.redesigned-site .portfolio-snapshot-heading{flex-wrap:wrap;gap:12px;font-size:.75rem}.redesigned-site .editor-toolbar{grid-template-columns:auto 1fr;gap:12px;padding:12px}.redesigned-site .editor-toolbar .window-dots,.redesigned-site .editor-mode{display:none}.redesigned-site .editor-file{letter-spacing:.03em;justify-self:start;font-size:.75rem}.redesigned-site .editor-project-link{padding:9px;font-size:.75rem}.redesigned-site .editor-body{flex-direction:column;min-height:0;display:flex}.redesigned-site .editor-sidebar{border-bottom:1px solid #fff2;gap:10px;padding:16px}.redesigned-site .editor-sidebar>:is(strong,.editor-label,.editor-sidebar-note){display:none}.redesigned-site .editor-sidebar-buttons{gap:6px;display:flex}.redesigned-site .editor-sidebar-buttons button{text-align:center;flex-direction:column;flex:1;gap:6px;padding:10px 5px;display:flex}.redesigned-site .editor-sidebar-buttons button b{font-size:.75rem}.redesigned-site .editor-canvas{min-height:380px;padding:34px 16px}.redesigned-site .canvas-card{width:100%;min-height:310px;padding:22px}.redesigned-site .canvas-card strong{max-width:95%;font-size:1.9rem}.redesigned-site .canvas-card[data-project="01"]{padding-top:185px}.redesigned-site .canvas-card[data-project="01"] .canvas-card-media{height:145px}.redesigned-site .canvas-floating{display:none}.redesigned-site .editor-project-detail{padding-block:24px;display:block}.redesigned-site .editor-project-detail h3{margin-bottom:18px}.redesigned-site .workbench-proof-grid{grid-template-columns:1fr}.redesigned-site .workbench-proof-card{grid-column:auto;min-height:270px}.redesigned-site .workbench-proof-card-1 .workbench-proof-image{background-size:85%}.redesigned-site .workbench-proof-caption strong{font-size:1.25rem}.redesigned-site .project-ledger-grid{grid-template-columns:1fr;gap:24px}.redesigned-site .project-ledger-card h3{font-size:1.6rem}.redesigned-site .feature-window-content{padding:26px}.redesigned-site .feature-preview h3{font-size:2rem}.redesigned-site .feature-list button{padding:14px 8px}.redesigned-site .feature-list button strong{font-size:.875rem}.redesigned-site .project-caption p{font-size:1rem}}@media (prefers-reduced-motion:reduce){.redesigned-site :is(.cinematic-header,.showreel-media,.showreel-copy,.showreel-feature-card,.showreel-edge-meta,.showreel-scroll-note){opacity:1;animation:none;transform:none}.redesigned-site .reveal-block[data-reveal-pending=true]{opacity:1;transform:none}.redesigned-site *,.redesigned-site :before,.redesigned-site :after{transition:none!important;animation:none!important}}.graphic-site{--ink:#111b30;--paper:#fff2d5;--red:#ec3d4f;--cyan:#75dbe7;--hero-art:url(/graphic/city.jpg);--font-display:"Arial Black", "PingFang SC", "Microsoft YaHei", sans-serif;background:var(--paper);color:var(--ink)}.graphic-site .site-wide-background{display:none}.graphic-site .cinematic-header-main,.graphic-site .cinematic-header-tools,.graphic-site .cinematic-menu-toggle{border:2px solid var(--ink);background:var(--paper);box-shadow:5px 5px 0 var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--ink);border-radius:0}.graphic-site .cinematic-header-main{width:min(780px,100vw - 290px)}.graphic-site .cinematic-brand strong{align-items:center;gap:8px;font-style:italic;display:flex}.graphic-site .graphic-brand-spider{background:var(--red);width:25px;height:29px;-webkit-mask:url(/graphic/spider-mark.svg) 50%/contain no-repeat;mask:url(/graphic/spider-mark.svg) 50%/contain no-repeat}.graphic-site .cinematic-nav button{border-radius:0}.graphic-site .cinematic-nav button:hover{background:var(--red);color:#fff}.graphic-site .showreel-hero{border-bottom:5px solid var(--ink);background:#071b34;min-height:max(780px,100svh);padding-bottom:130px}.graphic-site .showreel-media-art{transform:none}.graphic-site .showreel-media-art:before{background:var(--hero-art) center/cover no-repeat}.graphic-site .showreel-media-gradient{background:linear-gradient(90deg,#06182cbd,#0000 80%)}.graphic-site .showreel-grain{display:none}.graphic-site .showreel-copy{z-index:3;width:65%;max-width:820px}.graphic-site .graphic-issue{color:var(--ink);border:2px solid var(--ink);letter-spacing:.1em;background:#f8d94e;margin:0 0 22px;padding:9px 16px;font-size:13px;font-weight:800;display:inline-block;transform:rotate(-2deg);box-shadow:4px 4px #ed4156}.graphic-site .showreel-kicker{color:var(--paper);margin-bottom:18px}.graphic-site .showreel-kicker span{color:#b9d1e4}.graphic-site .showreel-copy h1{transform-origin:0;font-style:italic;font-weight:950;line-height:1.08;transform:rotate(-2deg)}.graphic-site .showreel-title-main{color:var(--paper);letter-spacing:-.055em;text-shadow:4px 4px #15223c;font-size:clamp(44px,5.6vw,84px)}.graphic-site .showreel-title-accent{color:#ff425d;-webkit-text-fill-color:currentColor;text-shadow:3px 3px #071b34,6px 6px #6ad7e3;letter-spacing:-.065em;background:0 0;font-size:clamp(62px,8.4vw,126px)}.graphic-site .graphic-identity{color:#f6d969;margin:26px 0 0;font-size:14px;font-weight:600}.graphic-site .showreel-introduction{color:#e0e8ed;max-width:470px;margin:15px 0 24px}.graphic-site .showreel-cta{border:2px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:0;font-weight:800;box-shadow:6px 6px #ec3d4f}.graphic-site .showreel-cta:hover{background:#f8d94e;transform:translate(-2px,-2px)}.graphic-site .showreel-feature-card{border:2px solid var(--ink);background:var(--paper);color:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;transform:rotate(2deg);box-shadow:6px 6px #ec3d4f}.graphic-site .feature-card-copy :is(small,i){color:#35425b}.graphic-site .feature-card-thumb{border-radius:0}.graphic-site .graphic-web{pointer-events:none;background:url(/graphic/web.svg) 50%/contain;width:290px;height:290px;position:absolute;top:0;right:0;transform:scaleX(-1)}.graphic-site .graphic-spider-sticker{z-index:2;background:#ed3f56;border:4px solid #101b30;border-radius:50%;width:135px;height:135px;position:absolute;top:30%;right:12%;transform:rotate(12deg);box-shadow:8px 8px #71d9e7}.graphic-site .graphic-spider-sticker span{background:url(/graphic/spider-mark.svg) 50%/85% no-repeat;width:100%;height:100%;display:block}.graphic-site .graphic-spider-sticker b{color:#111b30;background:#f6d843;border:2px solid #111b30;padding:5px 11px;font:italic 900 22px Arial Black,sans-serif;position:absolute;bottom:-33px;left:32px}.graphic-site .portfolio-snapshot{border-bottom:4px solid var(--ink);background:#f9d749}.graphic-site .portfolio-snapshot-grid strong{font-style:italic;font-weight:900}.graphic-site .dark-section{color:var(--paper);background:#102342}.graphic-site .workbench-section{background-image:radial-gradient(#58709055 1px,#0000 1px);background-size:8px 8px}.graphic-site .section-kicker{color:var(--ink);border:1px solid var(--ink);background:#f8d84b;padding:6px 10px;font-weight:800;display:inline-block}.graphic-site .editorial-heading{font-weight:900}.graphic-site .editor-shell{border:3px solid var(--ink);background:#102342;border-radius:0;box-shadow:9px 9px #ee4154}.graphic-site .editor-toolbar{background:var(--paper);color:var(--ink);border-bottom:3px solid var(--ink)}.graphic-site .editor-project-link{color:var(--ink);border:1px solid var(--ink);background:#f7d94b;border-radius:0}.graphic-site .editor-sidebar{background:#11213c}.graphic-site .editor-sidebar button{border-radius:0}.graphic-site .editor-sidebar button.is-active{color:#fff;background:#ec3d4f}.graphic-site .editor-canvas{background:radial-gradient(#1326442b 1px,#0000 1px) 0 0/8px 8px,#76cdd9}.graphic-site .canvas-card{border:3px solid var(--ink);border-radius:0;box-shadow:8px 8px #111b30}.graphic-site .canvas-card-media{filter:none}.graphic-site .canvas-card[data-project="02"] .canvas-card-media{background-color:#241d41;background-repeat:no-repeat;background-size:contain}.graphic-site .canvas-floating{color:var(--ink);border:2px solid var(--ink);background:#fff2d5;border-radius:0;box-shadow:4px 4px #111b30}.graphic-site .editor-project-detail{border-left-color:#f5d64c}.graphic-site .workbench-proof-card{border:2px solid #7083a0;border-radius:0}.graphic-site .project-sticky-frame{background:#08192f}.graphic-site .project-monogram{color:#e9405830}.graphic-site .project-index-panel{background:#10223a}.graphic-site .project-index-buttons button:hover,.graphic-site .project-index-buttons button.is-active{background:#203858}.graphic-site .project-caption h2{font-weight:900}.graphic-site .project-caption a{color:#f7d954}.graphic-site .mosaic-face .mosaic-plate{color:#111b30;box-shadow:none;background:#fff0ce;border:2px solid #101c31;border-radius:0}.graphic-site .mosaic-face .mosaic-plate:before{background:0 0}.graphic-site .mosaic-face .mosaic-plate:nth-child(3n+1){color:#fff5df;background:#ed4356}.graphic-site .mosaic-face .mosaic-plate:nth-child(3n+2){background:#76d8e3}.graphic-site .mosaic-face .mosaic-plate strong{text-shadow:none;font-weight:900}.graphic-site .mosaic-face .mosaic-plate:nth-child(4){background:url(/graphic/spider.svg) 50%/cover}.graphic-site .mosaic-face .mosaic-plate:nth-child(7){color:#fff;background:url(/graphic/city.jpg) 100%/cover}.graphic-site .mosaic-face .mosaic-plate:nth-child(8){color:#fff;background:url(/graphic/web.svg) 50%/cover,#182f51}.graphic-site .mosaic-face[data-project="01"] .mosaic-plate:nth-child(5){background:url(/projects/ai-pet-fireball-display-v2.jpg) 50%/cover}.graphic-site .mosaic-face[data-project="02"] .mosaic-plate:nth-child(5){background:url(/studio/details/zixu-violet-icon.webp) 50%/contain no-repeat,#eee2ff}.graphic-site .mosaic-face[data-project="03"] .mosaic-plate:nth-child(5){background:url(/graphic/community.svg) 50%/cover}.graphic-site .mosaic-face .mosaic-plate:nth-child(5) strong{color:#fff;background:#111b30;padding:4px;font-size:14px}.graphic-site .project-ledger-section{border-top:4px solid var(--ink);background:#fff2d5}.graphic-site .project-ledger-card{border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:#fff9eb;border-radius:0}.graphic-site .project-ledger-card:hover{background:#fff9eb;transform:translateY(-4px)}.graphic-site .project-ledger-visual{border-bottom:3px solid var(--ink)}.graphic-site .project-ledger-image{filter:none}.graphic-site .project-ledger-card-meta span{color:#fff;background:#111b30;padding:4px 7px}.graphic-site .project-ledger-evidence{border-left:4px solid #ef4456}.graphic-site .feature-section{border-top:4px solid var(--ink);border-bottom:4px solid var(--ink);background:#72cad6}.graphic-site .feature-backdrop{display:none}.graphic-site .feature-preview{border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#102342;border-radius:0}.graphic-site .feature-preview-image{opacity:.25}.graphic-site .feature-preview:after{background:linear-gradient(#0000 0%,#102342 100%)}.graphic-site .feature-list button{border:2px solid var(--ink);background:#fff2d5;border-radius:0}.graphic-site .feature-list button.is-active{box-shadow:5px 5px 0 var(--ink);background:#f7d64c}.graphic-site .feature-list-image{border-radius:0}.graphic-site .feature-window-bar{color:#fff}.graphic-site .path-section{background:#fff2d5}.graphic-site .path-artwork{border:3px solid var(--ink);border-radius:0;box-shadow:8px 8px #ec3d4f}.graphic-site .path-artwork-image{background:url(/graphic/city.jpg) 100%/cover}.graphic-site .path-card{border-radius:0}.graphic-site .path-number{color:#cf3044;font-style:italic}.graphic-site .roles-section{border-top:4px solid var(--ink)}.graphic-site .role-marquee{color:#fff2d5}.graphic-site .role-marquee i{color:#ec3d4f}.graphic-site .social-showcase{background:#0c1c32;border:2px solid #66809e;border-radius:0}.graphic-site .social-post{background:#102342;border:2px solid #fff0d3;border-radius:0}.graphic-site .social-post-image{object-position:center top;opacity:.75}.graphic-site .social-post-scrim{background:linear-gradient(#0000 0%,#07192fd9 60%,#07192f 88%)}.graphic-site .social-post-topline i{color:#111b30;background:#fff2d5}.graphic-site .social-post-title{color:#fff2d5}.graphic-site .social-platform-link{border-radius:0}.graphic-site .contact-section{color:#111b30;border-top:4px solid var(--ink);background:#b8d3db}.graphic-site .contact-layout>div>p:not(.section-kicker){color:#344b5b}.graphic-site .contact-meta{color:#344b5b;border-color:#718f9b}.graphic-site .contact-section .button-outline{color:#111b30;background:#fff2d5}.graphic-site .contact-section .button-outline:hover{background:#f8d94e}.graphic-site .contact-section .button{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:0}.graphic-site .contact-section .button-dark{background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 var(--paper)}.graphic-site .site-footer{padding-block:24px}.graphic-site .route-wash{display:none}.graphic-site :focus-visible{outline-offset:5px;outline:3px solid #ee4b61}@media (width<=900px){.graphic-site .cinematic-header-main{width:calc(100% - 82px)}.graphic-site .cinematic-nav.is-open{border:2px solid var(--ink);background:#fff2d5;border-radius:0}.graphic-site .showreel-copy{width:85%}.graphic-site .graphic-spider-sticker{width:88px;height:88px;top:25%;right:7%}.graphic-site .graphic-spider-sticker b{font-size:15px;bottom:-22px}.graphic-site .showreel-media-gradient{background:linear-gradient(90deg,#06182cef,#06182c33)}.graphic-site .project-index-thumb{background-repeat:no-repeat;background-size:contain}}@media (width<=600px){.graphic-site .showreel-hero{align-items:flex-start;min-height:860px;padding:220px 24px 32px}.graphic-site .showreel-media-art:before{background:var(--hero-art) 80% top/auto 520px no-repeat,#071b34}.graphic-site .showreel-media-gradient{background:linear-gradient(#0000 12%,#071b34 60% 100%)}.graphic-site .showreel-edge-meta{top:93px;left:24px;right:24px}.graphic-site .showreel-copy{width:100%}.graphic-site .graphic-issue{margin-bottom:18px;padding:6px 10px;font-size:11px}.graphic-site .showreel-kicker{font-size:14px}.graphic-site .showreel-kicker span{font-size:10px}.graphic-site .showreel-title-main{font-size:clamp(38px,10vw,58px)}.graphic-site .showreel-title-accent{font-size:clamp(52px,14vw,78px)}.graphic-site .graphic-identity{margin-top:22px;font-size:12px;line-height:1.7}.graphic-site .showreel-introduction{font-size:15px;line-height:1.8}.graphic-site .showreel-feature-card{width:calc(100% - 8px);margin:28px 0 0;position:relative;bottom:auto;right:auto;transform:none}.graphic-site .graphic-spider-sticker{width:68px;height:68px;top:122px}.graphic-site .graphic-web{width:180px;height:180px}.graphic-site .project-ledger-card-body{padding:21px}.graphic-site .editor-project-link{font-size:11px}.graphic-site .section-shell{width:calc(100% - 40px)}}@media (prefers-reduced-motion:reduce){.graphic-site *,.graphic-site :before,.graphic-site :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.graphic-site .mosaic-face[data-project] .mosaic-plate:nth-child(3){color:#111b30;background:#f5d74b}.graphic-site .mosaic-face[data-project] .mosaic-plate:nth-child(6){color:#111b30;background:url(/graphic/video.svg) 50%/cover}.graphic-site .mosaic-face[data-project] .mosaic-plate:nth-child(9){color:#111b30;background:#fff2d5}@media (width<=600px){.graphic-site .graphic-spider-sticker{right:54px}}.graphic-site .workbench-proof-card-2 .workbench-proof-image{background-color:#241d41;background-position:50%;background-repeat:no-repeat;background-size:contain}.graphic-site .feature-preview .feature-preview-image{opacity:.24}.graphic-site .feature-window-content{color:#fff2d5;background:#102342ed;border:2px solid #7195b6;margin:16px;padding:24px}.graphic-site .feature-window-content :is(h3,p){color:#fff2d5}.graphic-site .feature-data-card{color:#111b30;background:#fff2d5;border:2px solid #111b30;border-radius:0}.graphic-site .feature-data-card span,.graphic-site .feature-data-card strong{color:#111b30}.graphic-site .feature-list{border-radius:0}.graphic-site .role-marquee span{color:#fff2d5}@media (width<=600px){.graphic-site .feature-window-content{margin:10px;padding:19px}}.graphic-site .canvas-card[data-project="02"] .canvas-card-media{background-position:85% 40%;background-size:auto 72%;transform:none}.graphic-site .section-kicker{justify-self:start;width:fit-content}@media (width<=900px){.graphic-site .editor-body{grid-template-columns:minmax(0,1fr)}.graphic-site .editor-sidebar{border-bottom:2px solid #7083a0;border-right:0;padding:16px}.graphic-site .editor-sidebar-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.graphic-site .editor-sidebar-buttons button{align-items:center;gap:8px;min-width:0;padding:12px 8px;display:flex}.graphic-site .editor-sidebar>:is(strong,.editor-label,.editor-sidebar-status){display:none}}.graphic-site .project-ledger-visual{aspect-ratio:auto;background:#f2ead8;border-bottom:1px solid #18263b24;height:142px;min-height:142px}.graphic-site .project-ledger-visual:after{display:none}.graphic-site .project-ledger-visual .project-ledger-image{object-fit:contain;filter:none;transform:none;width:96px!important;height:96px!important;inset:auto auto 18px 24px!important}.graphic-site .project-ledger-card-meta{justify-content:flex-end;gap:8px;inset:16px 20px auto auto}.graphic-site .project-ledger-card-meta span{font-size:10px}.graphic-site .project-ledger-card-meta span:first-child{display:none}.graphic-site .social-post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.graphic-site .social-post,.graphic-site .social-post.is-featured{background:#10243b;flex-direction:column;grid-area:auto;gap:20px;min-height:360px;padding:24px;display:flex;overflow:hidden}.graphic-site .social-post .social-post-image{opacity:1;object-fit:contain;flex:none;transform:none;width:88px!important;height:88px!important;position:relative!important;inset:auto!important}.graphic-site .social-post-scrim{display:none}.graphic-site .social-post-topline{position:absolute;top:24px;left:auto;right:24px}.graphic-site .social-post-copy{flex-direction:column;gap:14px;margin-top:auto;padding:0 32px 0 0;display:flex;position:static;inset:auto}.graphic-site .social-post .social-post-title{font-size:22px;line-height:1.45}.graphic-site .social-post .social-post-metric strong{color:#f3d58e;font-size:36px}.graphic-site .social-post .social-post-detail{color:#bccbda;line-height:1.6}.graphic-site .social-post .social-post-arrow{color:#fff2d5;background:0 0;width:32px;height:32px;font-size:20px;bottom:20px;right:16px}@media (width<=600px){.graphic-site .social-post-grid{grid-template-columns:1fr}.graphic-site .social-post,.graphic-site .social-post.is-featured{min-height:320px;padding:20px}.graphic-site .project-ledger-card-meta{right:14px}}.graphic-site .project-ledger-visual .project-ledger-image{width:80px!important;height:80px!important;bottom:10px!important}.graphic-site .social-post:not(.is-featured) .social-post-title{font-size:22px;line-height:1.45}.graphic-site .social-post .social-post-metric{justify-content:flex-start;align-items:baseline;gap:8px;display:flex}@media (width<=760px){.graphic-site .social-post-grid{grid-template-columns:1fr}}.graphic-site .mosaic-face[data-project="01"]{--tile-paper:#d2e2df;--tile-soft:#b7d1d2;--tile-accent:#54848d;--tile-image:url(/projects/ai-pet-fireball-avatar.jpg)}.graphic-site .mosaic-face[data-project="02"]{--tile-paper:#e3dcee;--tile-soft:#c6b7db;--tile-accent:#78619b;--tile-image:url(/studio/details/zixu-violet-icon.webp)}.graphic-site .mosaic-face[data-project="03"]{--tile-paper:#f0e5cb;--tile-soft:#d7c8a8;--tile-accent:#937544;--tile-image:url(/graphic/community.svg)}.graphic-site .mosaic-face[data-project]{backface-visibility:hidden;opacity:1;filter:brightness(clamp(.65,var(--face-brightness),1));background:#132239;border:2px solid #132239;gap:5px;padding:4px}.graphic-site .mosaic-face[data-project] .mosaic-plate:nth-child(n){background:var(--tile-paper);color:#18283c;border:1px solid #15243b;border-radius:3px;padding:10%;box-shadow:inset 0 1px #ffffff70}.graphic-site .mosaic-face[data-project] .mosaic-plate:nth-child(3n){background:var(--tile-soft)}.graphic-site .mosaic-face[data-project] .mosaic-plate:first-child{background:var(--tile-accent);color:#fff7e5;justify-content:center}.graphic-site .mosaic-face[data-project] .mosaic-plate:first-child strong{font-size:clamp(22px,3vw,44px);font-weight:900}.graphic-site .mosaic-face[data-project] .mosaic-plate:nth-child(5){background:var(--tile-image) center/78% auto no-repeat,var(--tile-paper)}.graphic-site .mosaic-face[data-project="03"] .mosaic-plate:nth-child(5){background-size:150%}.graphic-site .mosaic-face[data-project] .mosaic-plate:nth-child(4){background:linear-gradient(135deg,transparent 47%,var(--tile-soft) 47% 53%,transparent 53%),var(--tile-paper)}.graphic-site .mosaic-face[data-project] .mosaic-plate:nth-child(7){background:var(--tile-soft)}.graphic-site .mosaic-face[data-project] .mosaic-plate :is(small,i){display:none}.graphic-site .mosaic-face[data-project] .mosaic-plate strong{text-overflow:clip;text-shadow:none;letter-spacing:-.025em;margin-top:auto;font-size:clamp(9px,1.05vw,15px);font-style:normal;line-height:1.25;overflow:visible}.graphic-site .mosaic-face[data-project] .mosaic-plate:nth-child(2) strong{white-space:nowrap;font-size:clamp(9px,1.15vw,17px)}.graphic-site .mosaic-face[data-project] .mosaic-plate:nth-child(5) strong{display:none}.graphic-site .mosaic-face[data-project]{background:0 0;border:0}.graphic-site .mosaic-cube[data-focus-project="01"] .mosaic-face[data-project="01"] .mosaic-plate,.graphic-site .mosaic-cube[data-focus-project="02"] .mosaic-face[data-project="02"] .mosaic-plate,.graphic-site .mosaic-cube[data-focus-project="03"] .mosaic-face[data-project="03"] .mosaic-plate{opacity:1;filter:none;transform:translate3d(var(--spread-x),var(--spread-y),12px) scale(.97);box-shadow:inset 0 1px #ffffff70}@media (width>=901px){.graphic-site .mosaic-scene{--cube-size:min(28vw,36vh);top:43%;left:66%}.graphic-site .mosaic-scene[data-focus-project]{transform:translate(-50%,-50%)scale(1.06)}.graphic-site .project-caption{width:38%;max-width:420px}}.graphic-site .mosaic-face[data-project] .mosaic-plate:nth-child(2) strong{font-size:clamp(8px,.85vw,12px)}@media (width>=901px){.graphic-site .project-caption h2{text-wrap:balance;font-size:clamp(28px,3vw,44px)}}.graphic-site .social-showcase{box-shadow:none;background:#0e2137;border:1px solid #52657a;grid-template-columns:minmax(290px,.75fr) minmax(0,1.65fr);align-items:start;overflow:hidden}.graphic-site .social-showcase:before{background:#91b9c5;height:3px}.graphic-site .social-profile{border-right:1px solid #52657a60;gap:0;padding:30px}.graphic-site .social-brand-row{display:block}.graphic-site .social-brand{color:#b5c9d7;background:0 0;border:0;border-radius:0;padding:0;font-size:12px}.graphic-site .social-identity{grid-template-columns:64px minmax(0,1fr);gap:16px;margin-top:28px}.graphic-site .social-avatar{width:64px;height:64px;box-shadow:none}.graphic-site .social-identity h3{letter-spacing:-.04em;font-size:40px;line-height:1.15}.graphic-site .social-identity p{letter-spacing:.02em;margin-bottom:7px;font-size:10px}.graphic-site .social-identity small{color:#b5c9d7;letter-spacing:0;margin-top:9px;font-size:11px}.graphic-site .social-description{color:#bdcbd6;margin-top:22px;font-size:14px;line-height:1.9}.graphic-site .social-metrics{margin-top:24px}.graphic-site .social-metrics>span{padding:15px 6px}.graphic-site .social-metrics>span+span{padding-left:8px}.graphic-site .social-metrics strong{letter-spacing:-.045em;font-size:20px;overflow:visible}.graphic-site .social-metrics small{color:#aebfcf;font-size:10px;line-height:1.5}.graphic-site .social-topics{gap:6px;margin-top:20px}.graphic-site .social-topics span{color:#b4cbd5;border-color:#688292;padding:6px 8px;font-size:11px}.graphic-site .social-platform-links{grid-template-columns:1fr;margin-top:24px;padding-top:0}.graphic-site .social-platform-link{background:#193047;border:1px solid #52657a;min-height:54px;padding:12px 14px}.graphic-site .social-platform-link span{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.graphic-site .social-platform-link small{display:none}.graphic-site .social-platform-link strong{font-size:13px}.graphic-site .social-posts{background:0 0;padding:30px}.graphic-site .social-posts-heading{align-items:baseline;margin-bottom:20px}.graphic-site .social-posts-heading p{color:#fff2d5;letter-spacing:.03em;font-size:18px}.graphic-site .social-posts-heading span{color:#9fb4c5;letter-spacing:0;font-size:11px}.graphic-site .social-post-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:16px}.graphic-site .social-post,.graphic-site .social-post.is-featured{min-height:292px;box-shadow:none;background:#152b41;border:1px solid #52657a;gap:18px;padding:22px;transform:none}.graphic-site .social-post:hover{background:#1b354c;border-color:#b3cbd2;transform:translateY(-2px)}.graphic-site .social-post .social-post-image{width:54px!important;height:54px!important}.graphic-site .social-post-topline{top:24px;right:22px}.graphic-site .social-post-topline small{color:#bdcbd6;background:0 0;padding:5px 9px;font-size:11px}.graphic-site .social-post .social-post-copy{flex:1;gap:13px;margin-top:0;padding:0}.graphic-site .social-post .social-post-title,.graphic-site .social-post:not(.is-featured) .social-post-title{letter-spacing:-.025em;order:0;min-height:56px;font-size:18px;line-height:1.55}.graphic-site .social-post .social-post-metric{order:1;gap:7px;margin-top:auto}.graphic-site .social-post .social-post-metric small{display:none}.graphic-site .social-post .social-post-metric strong{letter-spacing:-.045em;margin:0;font-size:30px;line-height:1.15}.graphic-site .social-post .social-post-metric i{color:#aebfcf;font-size:11px}.graphic-site .social-post .social-post-detail{order:2;padding-right:27px;font-size:11px;line-height:1.6}.graphic-site .social-post .social-post-arrow{border:0;width:25px;height:25px;font-size:18px;bottom:20px;right:16px}@media (width<=1100px){.graphic-site .social-showcase{grid-template-columns:1fr}.graphic-site .social-profile{border-bottom:1px solid #52657a60;border-right:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 28px;display:grid}.graphic-site .social-brand-row{grid-column:1/-1}.graphic-site .social-identity,.graphic-site .social-description,.graphic-site .social-metrics,.graphic-site .social-topics,.graphic-site .social-platform-links{margin:0}.graphic-site .social-platform-links{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.graphic-site .social-profile{gap:22px;padding:22px;display:flex}.graphic-site .social-platform-links{grid-template-columns:1fr}.graphic-site .social-posts{padding:22px}.graphic-site .social-post-grid{grid-template-columns:1fr}.graphic-site .social-post,.graphic-site .social-post.is-featured{min-height:264px;padding:20px}.graphic-site .social-post .social-post-title,.graphic-site .social-post:not(.is-featured) .social-post-title{min-height:0}.graphic-site .social-posts-heading{flex-wrap:wrap;gap:12px}}.graphic-site .social-post-grid{grid-template-rows:none;grid-auto-rows:auto;min-height:0}.graphic-site a.graphic-spider-sticker{cursor:pointer;text-decoration:none;display:block}.graphic-site a.graphic-spider-sticker:hover{box-shadow:11px 11px #71d9e7}.graphic-site a.graphic-spider-sticker:focus-visible{outline-offset:8px;outline:3px solid #fff2d5}.graphic-site .mosaic-face.studio-inspired-face[data-project]{gap:3px;padding:0}.graphic-site .mosaic-face.studio-inspired-face[data-project] .mosaic-plate:nth-child(n){color:#eee0d2;backface-visibility:hidden;background:linear-gradient(135deg,#504337,#221e1d);border:1px solid #ecc3a55e;border-radius:5px;justify-content:center;align-items:center;padding:0;display:flex;box-shadow:inset 0 0 15px #0003,0 2px 4px #0006}.graphic-site .mosaic-face.studio-inspired-face[data-project] .mosaic-plate:nth-child(2){color:#312a25;background:#d6b699}.graphic-site .mosaic-face.studio-inspired-face[data-project] .mosaic-plate:nth-child(4){background:#191d21}.graphic-site .mosaic-face.studio-inspired-face[data-project] .mosaic-plate:nth-child(6){background:#313e48}.graphic-site .studio-inspired-face .cube-project-image{object-fit:cover;width:100%;height:100%}.graphic-site .studio-inspired-face .mosaic-plate:nth-child(5) .cube-project-image{object-fit:contain;background:#14191e}.graphic-site .studio-inspired-face .cube-tile-content{overflow-wrap:anywhere;padding:8px;font-size:clamp(9px,.9vw,13px);line-height:1.4;display:block}.graphic-site .studio-inspired-face .cube-tile-content em{letter-spacing:.05em;margin-top:7px;font-size:clamp(4px,.42vw,6px);font-style:normal;display:block}.graphic-site .studio-inspired-face .cube-content-1{letter-spacing:-.05em;font-size:clamp(30px,3.2vw,46px);line-height:1}.graphic-site .studio-inspired-face .cube-content-5,.graphic-site .studio-inspired-face .cube-content-6{text-align:center;color:#dbd4ca;font:300 clamp(30px,3vw,44px)/1 Arial,sans-serif}.graphic-site .studio-inspired-face .cube-content-7 b{text-align:right;font-size:26px;font-weight:400;display:block}.graphic-site .mosaic-cube[data-focus-project] .studio-inspired-face .mosaic-plate{border-color:#e0b89aa8}@media (width<=600px){.graphic-site .studio-inspired-face .cube-tile-content{padding:5px;font-size:8px}.graphic-site .studio-inspired-face .cube-content-1,.graphic-site .studio-inspired-face .cube-content-5,.graphic-site .studio-inspired-face .cube-content-6{font-size:28px}}.graphic-site .project-world{background:linear-gradient(90deg,#060b13a6 0%,#060b1329 45%,#060b1300 100%),url(/graphic/cube-space.jpg) 63%/cover no-repeat}.graphic-site .project-monogram{display:none}.graphic-site .project-ruler{opacity:.3}.graphic-site .project-caption{text-shadow:0 2px 16px #000}@media (width<=900px){.graphic-site .project-world{background-position:50%,65%}}
