@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Noto+Serif+SC:wght@400;600;700;900&display=swap";
@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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;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{.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.contents{display:contents}.hidden{display:none}.table{display:table}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}.portfolio-project-link{box-shadow:0 0 22px #b8ff3047;color:#0a0a0a!important;background:#b8ff30!important;border-color:#b8ff30!important;font-weight:700!important}.portfolio-project-link:hover{transform:translateY(-2px);box-shadow:0 0 30px #b8ff307a;background:#d1ff72!important;border-color:#d1ff72!important}.portfolio-data-collection{align-items:center;min-height:100vh;display:flex}.portfolio-data-collection .portfolio-ai-grid{width:100%}@media (max-width:900px){.portfolio-data-collection{min-height:auto}}.portfolio-audience-strategy{border-top:1px solid #242424;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.portfolio-audience-strategy>div{padding:28px 32px}.portfolio-audience-strategy>div+div{border-left:1px solid #202020}.portfolio-audience-strategy small{letter-spacing:.3em;text-transform:uppercase;color:#719b2e;font:8px/1 monospace}.portfolio-audience-strategy strong{color:#e9e9e9;margin:14px 0 9px;font:700 18px/1.35 Noto Serif SC,serif;display:block}.portfolio-audience-strategy p{color:#6f6f6f;font:12px/1.85 Noto Serif SC,serif}@media (max-width:800px){.portfolio-audience-strategy{grid-template-columns:1fr}.portfolio-audience-strategy>div+div{border-top:1px solid #202020;border-left:0}.portfolio-audience-strategy>div{padding:23px 22px}}.portfolio-audience-conclusion .portfolio-viral-grid>div{flex-direction:column;justify-content:center;min-height:165px;display:flex}.portfolio-audience-conclusion .portfolio-viral-grid strong{letter-spacing:-.04em;color:#b8ff30;margin:16px 0 11px;font:700 clamp(30px,3vw,44px)/1 monospace}.portfolio-audience-conclusion .portfolio-viral-grid p{color:#a0a09a;font-size:13px}.portfolio-viral-analysis.portfolio-audience-conclusion{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}@media (max-width:1000px){.portfolio-viral-analysis.portfolio-audience-conclusion{grid-template-columns:1fr}}.portfolio-content-system .portfolio-viral-intro>span,.portfolio-content-system .portfolio-viral-method>span,.portfolio-content-system .portfolio-viral-grid small{font-size:10px}.portfolio-content-system .portfolio-viral-intro p{font-size:16px;line-height:2}.portfolio-content-system .portfolio-viral-grid strong{font-size:23px}.portfolio-content-system .portfolio-viral-grid p{font-size:14px;line-height:1.9}.portfolio-content-system .portfolio-viral-method>p{font-size:15px}.portfolio-content-system .portfolio-viral-method small{font-size:13px;line-height:1.9}:root{--cinema:#0d0b0c;--paper:#d8d3ca;--accent:#c9a66b;--serif:"Noto Serif SC",serif;--sans:"Inter","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cinema);color:#eee;font-family:var(--sans);margin:0}body:after{content:"";z-index:100;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.side-nav{z-index:50;color:#fff;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:fixed;top:24px;bottom:24px;left:24px}.mark{border:1px solid #ffffff59;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.side-nav nav{letter-spacing:.12em;flex-direction:column;gap:20px;font-size:10px;display:flex}.side-nav nav a:hover{color:var(--accent)}.side-nav>span{writing-mode:vertical-rl;letter-spacing:.35em;font:9px/1 monospace}.sound{z-index:50;color:#ffffffa6;text-transform:uppercase;letter-spacing:.18em;background:0 0;border:0;font:10px/1 monospace;position:fixed;top:26px;right:24px}.sound i{color:var(--accent);margin-right:7px;font-style:normal}.cover{background:#000;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.showreel{position:absolute;inset:0;overflow:hidden}.showreel video{object-fit:cover;width:100%;height:100%;transform:scale(1.08)}.shade{background:linear-gradient(#0000,#0000001f,#000000c7),radial-gradient(#0000 22%,#0000007a),linear-gradient(90deg,#00000061,#0000 50%,#00000061);position:absolute;inset:0}.cover-copy{z-index:2;text-align:center;padding:0 5vw;position:relative}.cover-copy>span,.chapter span,.work-head>span,.method-head>span,.experience-title>span,footer>div>span{letter-spacing:.5em;color:#ffffff73;font:10px/1 monospace}.cover h1{font:900 clamp(60px,11.5vw,170px)/.88 var(--serif);perspective:800px;justify-content:center;margin:30px 0 16px;display:flex}.cover h1 i{font-style:normal;display:inline-block}.role{letter-spacing:.4em;color:#ffffffa6;justify-content:center;align-items:center;gap:15px;font-size:12px;display:flex}.role b{background:#ffffff4d;width:34px;height:1px}.cover-copy>p{font:italic 21px/1.7 var(--serif);color:var(--accent);margin-top:38px}.cover-copy>p small{letter-spacing:.35em;opacity:.6;margin-bottom:12px;font:9px/1 monospace;display:block}.enter{z-index:3;letter-spacing:.45em;flex-direction:column;align-items:center;gap:10px;font:10px/1 monospace;display:flex;position:absolute;bottom:48px;left:50%;transform:translate(-50%)}.enter i{background:linear-gradient(#fff,#0000);width:1px;height:42px}.cover-contact{letter-spacing:.3em;color:#fff6;white-space:nowrap;font:9px/1 monospace;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.about,.work,.method,.experience{min-height:100vh;padding:120px 8vw 100px}.about{background:var(--paper);color:#171414}.chapter{border-bottom:1px solid #0000004d;justify-content:space-between;padding-bottom:16px;display:flex}.chapter span{color:#222}.chapter small{letter-spacing:.3em;font:9px/1 monospace}.about-grid{grid-template-columns:1.05fr .72fr .8fr;align-items:center;gap:4vw;margin-top:80px;display:grid}.about-title>p{letter-spacing:.4em;font:10px/1 monospace}.about-title h2{font:900 clamp(55px,7vw,105px)/1 var(--serif);margin:18px 0}.about-title strong{letter-spacing:.18em;font-size:13px;font-weight:400}.about-title blockquote{font:italic 19px/1.65 var(--serif);color:#695333;margin:70px 0 0}.portrait>div{aspect-ratio:3/4;filter:grayscale();background:radial-gradient(circle at 55% 35%,#eee,#777 13%,#171717 33%,#aaa 52%,#222 65%,#bbb);place-items:center;display:grid;position:relative}.portrait>div:after{content:"";opacity:.28;background:radial-gradient(circle,#000 0 1px,#0000 1.3px) 0 0/6px 6px;position:absolute;inset:0}.portrait span{z-index:2;text-align:center;background:#d8d3ca;padding:8px;font:9px/1.4 monospace}.portrait small{letter-spacing:.15em;font:9px/1 monospace}.bio>p{font:22px/1.9 var(--serif)}.bio>small{color:#756f66;margin-top:26px;line-height:1.8;display:block}.bio dl{margin-top:40px}.bio dl>div{border-top:1px solid #00000040;padding:10px 0;font-size:11px;display:flex}.bio dt{width:80px}.bio dd{margin:0}.ticker{border-top:1px solid #00000040;border-bottom:1px solid #00000040;margin:100px -8vw -100px;overflow:hidden}.ticker>div{width:max-content;padding:15px;animation:22s linear infinite ticker;display:flex}.ticker span{letter-spacing:.15em;margin-right:45px;font:12px/1 monospace}.work{background:#0d0b0c}.work-head{text-align:center}.work-head h2,.method-head h2,.experience-title h2{font:900 clamp(65px,9vw,135px)/1 var(--serif);margin:22px 0}.work-head>p,.method-head>p{font:italic 32px/1 var(--serif);color:var(--accent)}.work-head small{color:#888;margin-top:20px;display:block}.case-rail{scroll-snap-type:x mandatory;cursor:grab;gap:30px;padding:80px 2vw 45px;display:flex;overflow-x:auto}.case-rail::-webkit-scrollbar{height:1px}.case-rail::-webkit-scrollbar-thumb{background:#777}.case-card{scroll-snap-align:center;cursor:pointer;flex:0 0 min(30vw,430px)}.case-poster{filter:grayscale();border:1px solid #383434;justify-content:center;align-items:center;height:min(52vw,580px);display:flex;position:relative;overflow:hidden}.case-poster:after{content:"";opacity:.16;background:radial-gradient(circle,#fff 0 1px,#0000 1.4px) 0 0/7px 7px;position:absolute;inset:0}.poster-1{background:radial-gradient(circle at 60% 37%,#eee,#444 10%,#050505 29%,#aaa 42%,#050505 60%)}.poster-2{background:linear-gradient(130deg,#e5e5e5 0 18%,#111 19% 45%,#999 46% 50%,#050505 51% 75%,#bbb 76%)}.poster-3{background:repeating-radial-gradient(circle,#ddd 0 8px,#111 9px 28px)}.case-poster>span{letter-spacing:.2em;font:9px/1 monospace;position:absolute;top:16px;left:16px}.case-poster>b{z-index:2;font:10px/1 monospace}.case-poster>i{font:italic 50px/1 var(--serif);opacity:.22;position:absolute;bottom:15px;right:15px}.case-card>p{color:#888;margin-top:18px;font:9px/1 monospace}.case-card h3{font:600 27px/1.2 var(--serif);margin:8px 0}.case-card>small{color:#888;line-height:1.6;display:block}.case-card button{color:#ddd;background:0 0;border:0;border-bottom:1px solid #777;margin-top:18px;padding:0 0 5px;font:10px/1 monospace}.drag-note{text-align:center;letter-spacing:.25em;color:#666;font:9px/1 monospace}.method{color:#171414;background:#d8d3ca}.method-head{text-align:center}.method-head>span{color:#555}.flow-line{max-width:1050px;margin:100px auto 0;position:relative}.flow-line:before{content:"";background:#6c655c;width:1px;position:absolute;top:25px;bottom:25px;left:24px}.flow-node{grid-template-columns:50px 1fr;gap:45px;margin-bottom:65px;display:grid}.flow-node>div{z-index:2;position:relative}.flow-node b{background:#d8d3ca;border:1px solid #6c655c;border-radius:50%;place-items:center;width:50px;height:50px;font:10px/1 monospace;display:grid}.flow-node i{opacity:0;background:#695333;border-radius:50%;width:9px;height:9px;transition:all .25s;position:absolute;top:21px;left:21px}.flow-node:hover i{opacity:1}.flow-node small{letter-spacing:.25em;color:#695333;font:10px/1 monospace}.flow-node h3{font:600 30px/1.2 var(--serif);margin:8px 0}.flow-node p{color:#70695f}.experience{background:#181516}.experience-title{text-align:center}.timeline{max-width:1000px;margin:80px auto 0}.timeline-item{border-top:1px solid #403b3b;grid-template-columns:180px 1fr 1.2fr;align-items:center;padding:30px 0;display:grid}.timeline-item>span{color:var(--accent);font:10px/1 monospace}.timeline-item h3{font:600 24px/1 var(--serif)}.timeline-item p{color:#888;font-size:13px}footer{text-align:center;background:#090808;justify-content:center;align-items:center;min-height:100vh;padding:100px 8vw;display:flex}footer h2{font:900 clamp(75px,12vw,180px)/1 var(--serif);margin:30px 0}footer p{font:italic 19px/1.8 var(--serif);color:#aaa;max-width:650px;margin:auto}footer>div>div{letter-spacing:.22em;justify-content:center;gap:35px;margin-top:55px;font:10px/1 monospace;display:flex}.back-top{letter-spacing:.3em;color:#777;margin-top:100px;font:9px/1 monospace;display:block}.modal{z-index:80;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#000000d9;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.modal article{color:#171414;background:#d8d3ca;width:min(850px,100%);max-height:90vh;padding:35px;overflow:auto}.modal article>button{float:right;letter-spacing:.2em;background:0 0;border:0;font:9px/1 monospace}.modal article>span{color:#695333;font:10px/1 monospace}.modal h2{font:900 55px/1 var(--serif);margin:20px 0}.modal-image{color:#aaa;background:#171414;place-items:center;height:330px;font:10px/1 monospace;display:grid}.modal article>p{font:18px/1.7 var(--serif);margin:25px 0}.modal dl>div{border-top:1px solid #aaa;grid-template-columns:120px 1fr;padding:12px;display:grid}.modal dd{margin:0}@keyframes ticker{to{transform:translate(-50%)}}@media (max-width:850px){.side-nav{left:12px}.sound{right:14px}.cover h1{font-size:15vw}.about,.work,.method,.experience{padding-left:55px;padding-right:25px}.about-grid{grid-template-columns:1fr}.portrait{max-width:420px}.case-card{flex-basis:75vw}.timeline-item{grid-template-columns:1fr;gap:12px}.cover-contact{display:none}.about-title blockquote{margin-top:35px}}@media (max-width:520px){.cover-copy>p{font-size:16px}.role{font-size:9px}.about,.work,.method,.experience{padding-top:90px}.case-card{flex-basis:82vw}.case-poster{height:110vw}.modal h2{font-size:40px}.modal-image{height:230px}}.seren-about{--seren-bg:#090909;--seren-accent:#b8ff30;background:var(--seren-bg);color:#fff;min-height:100vh;font-family:Inter,Microsoft YaHei,sans-serif;position:relative;overflow:hidden}.seren-about:before{content:"";z-index:40;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.seren-spread{flex-direction:column;height:100vh;min-height:690px;max-height:1080px;padding:40px 48px 25px 96px;display:flex}.seren-kicker{letter-spacing:.4em;text-transform:uppercase;color:#ffffff73;border-bottom:1px solid #ffffff1a;flex-shrink:0;justify-content:space-between;align-items:flex-end;padding-bottom:9px;font:10px/1 monospace;display:flex}.seren-spread>header{justify-content:space-between;align-items:flex-start;gap:16px;margin-top:22px;display:flex}.seren-spread>header h1{font:900 clamp(2rem,3.6vw,3rem)/.95 Noto Serif SC,Georgia,serif}.seren-spread>header p{flex-wrap:wrap;align-items:baseline;gap:4px 13px;margin-top:8px;display:flex}.seren-spread>header p b{font:600 20px/1.2 Noto Serif SC,serif}.seren-spread>header p span{letter-spacing:.3em;text-transform:uppercase;color:#ffffff73;font:10px/1 monospace}.seren-spread>header small{color:#fff6;margin-top:5px;font:italic 11px/1.2 Noto Serif SC,serif;display:block}.seren-main-grid{flex:1;gap:40px;min-height:0;margin-top:24px;display:flex}.seren-copy{flex-direction:column;flex:1;gap:20px;min-width:0;display:flex}.seren-copy blockquote{border-left:2px solid var(--seren-accent);color:var(--seren-accent);margin:0;padding-left:16px;font:italic clamp(15px,1.2vw,18px)/1.4 Noto Serif SC,serif}.seren-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px;display:grid}.seren-facts>div{flex-direction:column;gap:3px;min-width:0;display:flex}.seren-facts span{letter-spacing:.4em;color:#fff6;font-size:9px}.seren-facts strong{color:#ffffffd9;overflow-wrap:anywhere;font:400 12.5px/1.35 Noto Serif SC,serif}.seren-experience{border-top:1px solid #ffffff1a;padding-top:16px}.seren-section-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.seren-section-title h2{font:900 16px/1 Noto Serif SC,serif}.seren-section-title span{letter-spacing:.4em;text-transform:uppercase;color:#ffffff59;font:9px/1 monospace}.seren-timeline{flex-direction:column;gap:10px;display:flex}.seren-timeline>div{border-left:1px solid #b8ff304d;grid-template-columns:160px 1fr;align-items:baseline;gap:16px;padding-left:16px;display:grid}.seren-timeline time{letter-spacing:.2em;color:#b8ff30cc;font:10px/1.4 monospace}.seren-timeline p{flex-direction:column;display:flex}.seren-timeline strong{font:900 14px/1.35 Noto Serif SC,serif}.seren-timeline p span{letter-spacing:.1em;color:#ffffff8c;font:10px/1.4 monospace}.seren-portrait{background:#1a1612;border:1px solid #ffffff1a;border-radius:2px;position:relative;overflow:hidden;box-shadow:0 50px 120px -30px #000000d9}.seren-portrait img{object-fit:cover;width:100%;height:100%;display:block}.seren-portrait-desktop{aspect-ratio:3/4;flex-shrink:0;align-self:flex-start;width:34%;max-width:340px;margin:0}.seren-portrait-desktop figcaption{letter-spacing:.3em;text-transform:uppercase;color:#ffffffa6;padding:12px;font:9px/1 monospace;position:absolute;inset:0}.seren-portrait-desktop figcaption i{letter-spacing:0;text-transform:none;font:italic 10px/1 Noto Serif SC,serif;position:absolute;bottom:12px;left:12px}.seren-portrait-desktop figcaption b{color:#ffffff80;font-weight:400;position:absolute;bottom:12px;right:12px}.seren-portrait-mobile{aspect-ratio:3/4;display:none}.seren-tags{flex-shrink:0;margin-top:18px}.seren-tags-label{letter-spacing:.4em;text-transform:uppercase;color:#fff6;margin-bottom:8px;font:10px/1 monospace;display:block}.seren-marquee{width:100%;position:relative;overflow:hidden}.seren-marquee:before,.seren-marquee:after{content:"";z-index:2;pointer-events:none;width:50px;position:absolute;top:0;bottom:0}.seren-marquee:before{background:linear-gradient(90deg,var(--seren-bg),transparent);left:0}.seren-marquee:after{background:linear-gradient(-90deg,var(--seren-bg),transparent);right:0}.seren-marquee>div{gap:12px;width:max-content;animation:40s linear infinite seren-marquee;display:flex}.seren-marquee span{letter-spacing:.15em;color:#ffffffa6;border:1px solid #ffffff26;border-radius:999px;flex-shrink:0;padding:7px 14px;font:11px/1 monospace;transition:all .25s}.seren-marquee span:hover{color:var(--seren-accent);border-color:#b8ff3099}.seren-actions{flex-direction:column;flex-shrink:0;align-items:center;gap:8px;margin-top:18px;display:flex}.seren-work-link{letter-spacing:.35em;text-transform:uppercase;color:var(--seren-accent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#b8ff301a;border:1px solid #b8ff3080;border-radius:999px;align-items:center;gap:12px;padding:12px 28px;font:11px/1 monospace;transition:all .3s;display:flex}.seren-work-link:hover{border-color:var(--seren-accent);background:#b8ff3033}.seren-work-link b{font-size:14px;transition:transform .5s}.seren-work-link:hover b{transform:translate(6px)}.seren-back{letter-spacing:.35em;text-transform:uppercase;color:#ffffff59;font:9px/1 monospace;transition:all .2s}.seren-back:hover{color:#ffffffb3}.seren-side-nav{z-index:50;position:fixed;top:50%;left:20px;transform:translateY(-50%)}.seren-side-nav ul{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.seren-side-nav a{letter-spacing:.15em;color:#ffffff59;padding:4px 0;font:11px/1 monospace;transition:all .3s;display:block;position:relative}.seren-side-nav a:hover{color:#fffc}.seren-side-nav a[aria-current=page]{color:var(--seren-accent)}.seren-side-nav em{white-space:nowrap;letter-spacing:.3em;text-transform:uppercase;color:var(--seren-accent);margin-left:12px;font:9px/1 monospace;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.seren-side-nav>i{background:var(--seren-accent);width:1px;height:12px;position:absolute;top:4px;left:-8px}.seren-mobile-nav{display:none}.seren-sound{z-index:55;letter-spacing:.3em;text-transform:uppercase;color:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#0006;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font:9px/1 monospace;display:flex;position:fixed;top:28px;right:32px}.seren-sound span{color:#ffffff80;font-size:12px}.seren-sound span.is-on{color:var(--seren-accent)}.seren-curtain{z-index:60;pointer-events:none;background:#000;height:50%;position:fixed;left:0;right:0}.seren-curtain-top{transform-origin:top;top:0}.seren-curtain-bottom{transform-origin:bottom;bottom:0}@keyframes seren-marquee{to{transform:translate(-33.333%)}}@media (max-width:1023px){.seren-spread{height:auto;min-height:100vh;max-height:none;padding:64px 24px 24px}.seren-main-grid{display:block}.seren-portrait-desktop{display:none}.seren-portrait-mobile{flex-shrink:0;width:144px;display:block}.seren-copy{margin-top:0}.seren-side-nav{display:none}.seren-mobile-nav{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0000008c;border-bottom:1px solid #ffffff1a;justify-content:center;align-items:center;gap:6px;padding:8px 16px;display:flex;position:fixed;top:0;left:0;right:0}.seren-mobile-nav a{letter-spacing:.25em;color:#fff6;border-radius:2px;padding:5px 8px;font:10px/1 monospace}.seren-mobile-nav a[aria-current=page]{color:var(--seren-accent)}.seren-sound{top:46px;right:12px}.seren-actions{margin-bottom:8px}}@media (max-width:640px){.seren-spread{padding-left:24px;padding-right:24px}.seren-kicker{letter-spacing:.18em}.seren-spread>header{margin-top:20px}.seren-spread>header h1{font-size:32px}.seren-spread>header p b{font-size:18px}.seren-spread>header p span{letter-spacing:.18em}.seren-portrait-mobile{width:80px}.seren-main-grid{margin-top:20px}.seren-copy{gap:18px}.seren-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}.seren-timeline>div{grid-template-columns:130px 1fr;gap:10px;padding-left:10px}.seren-timeline time{letter-spacing:.1em}.seren-tags,.seren-actions{margin-top:22px}.seren-work-link{letter-spacing:.23em;padding:12px 20px;font-size:10px}.seren-mobile-nav{gap:0}.seren-mobile-nav a{padding:5px 7px}}@media (max-height:760px) and (min-width:1024px){.seren-spread{padding-top:28px;padding-bottom:18px}.seren-spread>header,.seren-main-grid{margin-top:14px}.seren-copy{gap:14px}.seren-facts{gap-top:8px}.seren-experience{padding-top:12px}.seren-timeline{gap:7px}.seren-tags,.seren-actions{margin-top:12px}.seren-work-link{padding-top:9px;padding-bottom:9px}.seren-portrait-desktop{max-width:280px}}.engine-page{--e-bg:#080808;--e-panel:#0c0c0c;--e-text:#ededeb;--e-muted:#747474;background:var(--e-bg);min-height:100vh;color:var(--e-text);font-family:Inter,Microsoft YaHei,sans-serif}.engine-page:after{content:"";z-index:80;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.engine-side{z-index:60;flex-direction:column;gap:14px;display:flex;position:fixed;top:50%;left:20px;transform:translateY(-50%)}.engine-side a{letter-spacing:.15em;color:#444;font:10px/1 monospace;position:relative}.engine-side a.active{color:#e9e9e5}.engine-side em{letter-spacing:.28em;color:#c5c5c1;width:max-content;font:9px/1 monospace;position:absolute;top:50%;left:26px;transform:translateY(-50%)}.engine-mobile{display:none}.engine-hero{text-align:center;place-items:center;min-height:100vh;display:grid;position:relative;overflow:hidden}.engine-hero>div{z-index:2;position:relative}.engine-hero small,.engine-section-head>span,.engine-workflow>header>span,.engine-end>span{letter-spacing:.45em;text-transform:uppercase;color:#777;font:9px/1 monospace}.engine-hero h1{letter-spacing:.06em;margin:17px 0 12px;font:900 clamp(55px,7.8vw,122px)/.95 Noto Serif SC,serif}.engine-hero p{letter-spacing:.55em;text-transform:uppercase;color:#999;font:10px/1 monospace}.engine-hero i{color:#666;margin-top:18px;font:italic 12px/1.3 Noto Serif SC,serif;display:block}.engine-chapter-no{color:#111;letter-spacing:-.08em;font:900 min(38vw,570px)/1 Georgia,serif;position:absolute}.engine-hero>a{letter-spacing:.4em;color:#777;font:9px/2 monospace;position:absolute;bottom:45px}.engine-workflow,.engine-cases,.engine-reference{padding:120px 6vw 80px 9vw}.engine-workflow>header,.engine-section-head{max-width:980px}.engine-workflow h2,.engine-section-head h2{margin:20px 0 14px;font:900 clamp(35px,4.8vw,76px)/1.08 Noto Serif SC,serif}.engine-workflow>header p,.engine-section-head>p{color:#777;max-width:760px;font:12px/1.9 Noto Serif SC,serif}.engine-steps{background:#1b1b1b;border:1px solid #1b1b1b;grid-template-columns:repeat(5,1fr);gap:1px;margin-top:70px;display:grid}.engine-steps article{background:var(--e-panel);min-height:205px;padding:25px 20px;transition:all .4s}.engine-steps article:hover{background:#131313;transform:translateY(-7px)}.engine-steps article>span{color:#606060;font:9px/1.3 monospace}.engine-steps h3{margin:22px 0 12px;font:700 20px/1.2 Noto Serif SC,serif}.engine-steps p{color:#888;font-size:11px;line-height:1.7}.engine-steps small{color:#555;margin-top:22px;font:8px/1.8 monospace;display:block}.engine-cases{padding-top:150px}.engine-case{border-bottom:1px solid #191919;padding:110px 0}.engine-case>header{justify-content:space-between;align-items:end;margin-bottom:45px;display:flex}.engine-case>header span{letter-spacing:.35em;color:#666;font:9px/1 monospace}.engine-case h3{margin:12px 0 6px;font:900 clamp(28px,3.3vw,54px)/1.05 Noto Serif SC,serif}.engine-case>header i{color:#666;font:italic 12px/1 Noto Serif SC,serif}.engine-case>header p{text-align:right;color:#777;font:9px/1.8 monospace}.engine-case>header b{color:#474747;font-weight:400}.engine-case-media{grid-template-columns:.72fr 1.55fr;align-items:start;gap:8vw;display:grid}.engine-case.reverse .engine-case-media{grid-template-columns:.72fr 1.55fr}.engine-case-media>div{position:relative}.engine-case-media label{letter-spacing:.25em;color:#666;margin-bottom:13px;font:9px/1 monospace;display:block}.engine-case-media img,.engine-case-media video{object-fit:contain;cursor:pointer;background:#050505;width:100%;max-height:700px;display:block}.engine-case-media>div:first-child video{aspect-ratio:9/16}.engine-case-media button{float:right;letter-spacing:.2em;color:#555;cursor:pointer;background:0 0;border:0;margin-top:12px;font:8px/1 monospace}.engine-case>footer{border-top:1px solid #181818;justify-content:space-between;align-items:end;margin-top:45px;padding-top:25px;display:flex}.engine-case>footer>p{color:#777;max-width:550px;font:11px/1.8 Noto Serif SC,serif}.engine-case dl{gap:40px;margin:0;display:flex}.engine-case dl div{text-transform:uppercase;gap:9px;font:8px/1 monospace;display:flex}.engine-case dt{color:#444}.engine-case dd{color:#777;margin:0}.engine-lightbox{z-index:100;background:#000000f0;place-items:center;padding:45px;display:grid;position:fixed;inset:0}.engine-lightbox img,.engine-lightbox video{object-fit:contain;max-width:92vw;max-height:88vh}.engine-lightbox button{color:#aaa;cursor:pointer;background:0 0;border:0;font:10px/1 monospace;position:absolute;top:25px;right:28px}.engine-reference{padding-top:130px;padding-bottom:160px}.engine-reference>.engine-section-head{margin-bottom:70px}.engine-reference>div{grid-template-columns:1fr 1fr;gap:30px;display:grid}.engine-reference article{background:#0c0c0c;border:1px solid #151515;padding:30px}.engine-reference h3{font:700 22px/1.2 Noto Serif SC,serif}.engine-reference article>p{color:#666;margin:10px 0 25px;font-size:10px}.engine-reference article>div{grid-template-columns:.55fr 1fr;align-items:center;gap:20px;display:grid}.engine-reference video,.engine-reference img{object-fit:contain;width:100%;max-height:430px}.engine-end{text-align:center;border-top:1px solid #131313;flex-direction:column;justify-content:center;align-items:center;gap:25px;min-height:65vh;display:flex}.engine-end>a{letter-spacing:.3em;border:1px solid #555;border-radius:999px;padding:15px 28px;font:10px/1 monospace;transition:all .3s}.engine-end>a:hover{color:#080808;background:#eee}.engine-end small{color:#555;font:9px/1 monospace}.engine-end small a{color:#888}@media (max-width:900px){.engine-side{display:none}.engine-mobile{z-index:60;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b8;justify-content:center;padding:10px;display:flex;position:fixed;top:0;left:0;right:0}.engine-mobile a{color:#555;padding:4px 9px;font:10px/1 monospace}.engine-mobile a.active{color:#fff}.engine-workflow,.engine-cases,.engine-reference{padding-left:25px;padding-right:25px}.engine-steps{grid-template-columns:1fr}.engine-steps article{min-height:auto}.engine-case-media,.engine-case.reverse .engine-case-media{grid-template-columns:1fr;gap:45px}.engine-case-media>div:first-child{max-width:440px}.engine-reference>div{grid-template-columns:1fr}}@media (max-width:560px){.engine-hero h1{font-size:14vw}.engine-workflow,.engine-cases,.engine-reference{padding-top:90px}.engine-case{padding:80px 0}.engine-case>header{display:block}.engine-case>header p{text-align:left;margin-top:18px}.engine-case>footer{display:block}.engine-case dl{margin-top:25px}.engine-reference article{padding:18px}.engine-reference article>div{grid-template-columns:1fr}.engine-lightbox{padding:15px}}.combined-site{background:#080808}.combined-site .seren-about{overflow:visible}.combined-site .seren-spread{height:100vh}.combined-site .seren-sound{position:absolute}.combined-site .seren-curtain{display:none}.combined-nav{z-index:90;flex-direction:column;gap:14px;display:flex;position:fixed;top:50%;left:20px;transform:translateY(-50%)}.combined-nav a{letter-spacing:.15em;color:#454545;font:10px/1 monospace;transition:all .25s;position:relative}.combined-nav a:first-child{margin-bottom:4px}.combined-nav a.active{color:#eee}.combined-nav em{letter-spacing:.28em;color:#c8c8c4;width:max-content;font:9px/1 monospace;position:absolute;top:50%;left:28px;transform:translateY(-50%)}.combined-site .engine-page{position:relative}.combined-site .engine-hero{scroll-margin-top:0}@media (max-width:900px){.combined-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b8;flex-direction:row;justify-content:center;padding:10px;top:0;left:0;right:0;transform:none}.combined-nav a{padding:4px 9px}.combined-nav a:first-child{margin:0}.combined-nav em{display:none}.combined-site .seren-spread{height:auto}}.combined-nav em{letter-spacing:.18em!important;left:22px!important}.engine-steps{align-items:start;background:0 0!important;border:0!important;grid-template-columns:repeat(5,1fr)!important;gap:18px!important;display:grid!important;position:relative!important}.engine-steps:before{content:"";z-index:0;background:linear-gradient(90deg,#0000 0,#856f43 5% 95%,#0000 100%);height:1px;position:absolute;top:50%;left:0;right:0}.engine-steps article{z-index:1;cursor:default;border:1px solid #282828;border-radius:5px;outline:none;overflow:hidden;box-shadow:0 16px 35px #00000029;background:#0d0d0d!important;height:205px!important;min-height:0!important;padding:25px 24px!important;transition:height .52s cubic-bezier(.22,1,.36,1),background-color .35s,border-color .35s,box-shadow .35s!important;position:relative!important}.engine-steps article:hover,.engine-steps article:focus-visible{border-color:#37342c;box-shadow:0 24px 60px #00000073;background:#121212!important;height:350px!important;transform:none!important}.engine-steps article>span{letter-spacing:.18em}.engine-step-cases{opacity:0;border-top:1px solid #272727;margin-top:20px;padding-top:18px;transition:opacity .32s 80ms,transform .42s cubic-bezier(.22,1,.36,1) 60ms;transform:translateY(14px)}.engine-steps article:hover .engine-step-cases,.engine-steps article:focus-visible .engine-step-cases{opacity:1;transform:translateY(0)}.engine-step-cases b{letter-spacing:.28em;text-transform:uppercase;color:#aaa;margin-bottom:10px;font:9px/1 monospace;display:block}.engine-step-cases small{color:#777!important;margin-top:7px!important;font:9px/1.5 monospace!important;display:block!important}@media (max-width:900px){.engine-steps{grid-template-columns:1fr!important}.engine-steps:before{display:none}.engine-steps article{height:auto!important;min-height:205px!important}.engine-step-cases{opacity:1;transform:none}.engine-steps article:hover,.engine-steps article:focus-visible{height:auto!important}}.seren-tags{margin-top:6px!important}.seren-tags-label{margin-bottom:10px!important;font-size:11px!important}.seren-marquee>div{gap:15px!important}.seren-marquee span{letter-spacing:.13em!important;padding:9px 18px!important;font-size:12.5px!important}.portfolio-page{--portfolio-accent:#b8ff30;overflow:hidden}.portfolio-hero i{color:#b8ff308c}.portfolio-overview,.portfolio-chapter{padding:130px 7vw 120px 9vw}.portfolio-overview{border-top:1px solid #151515;grid-template-columns:.7fr 1.3fr;align-items:center;gap:8vw;min-height:100vh;display:grid}.portfolio-overview-copy>span,.portfolio-section-title>span,.portfolio-full-board>span,.portfolio-split-gallery>div>span,.portfolio-result-grid>div>span{letter-spacing:.38em;text-transform:uppercase;color:#646464;font:9px/1 monospace}.portfolio-overview-copy h2{margin:22px 0;font:900 clamp(40px,5vw,76px)/1.08 Noto Serif SC,serif}.portfolio-overview-copy>p{color:#858585;max-width:600px;font:14px/2 Noto Serif SC,serif}.portfolio-overview-copy dl{background:#202020;grid-template-columns:repeat(3,1fr);gap:1px;margin:45px 0 0;display:grid}.portfolio-overview-copy dl>div{background:#0a0a0a;padding:15px}.portfolio-overview-copy dt{letter-spacing:.22em;text-transform:uppercase;color:#4f4f4f;font:8px/1 monospace}.portfolio-overview-copy dd{color:#c4c4c4;margin:8px 0 0;font:12px/1.4 Noto Serif SC,serif}.portfolio-phone-grid{grid-template-columns:repeat(3,1fr);align-items:center;gap:22px;display:grid}.portfolio-phone-grid>div:nth-child(2){transform:translateY(-35px)}.portfolio-image{color:#777;cursor:zoom-in;background:#0b0b0b;border:1px solid #242424;width:100%;padding:0;transition:border-color .35s,transform .5s cubic-bezier(.22,1,.36,1),box-shadow .4s;display:block;position:relative;overflow:hidden}.portfolio-image:hover{border-color:#4b4f3d;transform:translateY(-6px);box-shadow:0 30px 70px #0000006b}.portfolio-image img{object-fit:contain;width:100%;height:100%;display:block}.portfolio-image>span{letter-spacing:.16em;opacity:0;background:#000000b8;padding:7px 9px;font:8px/1 monospace;transition:all .3s;position:absolute;bottom:10px;right:12px;transform:translateY(5px)}.portfolio-image:hover>span{opacity:1;transform:none}.portfolio-phone-grid .portfolio-image{background:#0d0d0d;height:min(58vw,660px)}.portfolio-phone-grid .portfolio-image img{object-fit:contain}.portfolio-workflow{min-height:780px;padding-top:150px;padding-bottom:170px}.portfolio-workflow>header p{max-width:650px}.portfolio-chapter{border-top:1px solid #151515}.portfolio-section-title{max-width:880px;margin-bottom:75px}.portfolio-section-title h2{margin:18px 0 15px;font:900 clamp(42px,5.5vw,86px)/1 Noto Serif SC,serif}.portfolio-section-title p{color:#747474;max-width:650px;font:13px/1.9 Noto Serif SC,serif}.portfolio-data-grid{grid-template-rows:auto auto;grid-template-columns:1.2fr .8fr;gap:25px;display:grid}.portfolio-data-grid .portfolio-image{min-height:300px}.portfolio-data-grid .portfolio-image.wide{grid-row:span 1}.portfolio-data-grid .portfolio-image.tall{grid-row:span 2}.portfolio-data-grid .portfolio-image:not(.tall):nth-child(3),.portfolio-data-grid .portfolio-image:not(.tall):nth-child(4){min-height:240px}.portfolio-split-gallery{grid-template-columns:1fr 1.22fr;align-items:start;gap:45px;display:grid}.portfolio-split-gallery>div>span{margin-bottom:12px;display:block}.portfolio-split-gallery .portfolio-image{min-height:520px}.portfolio-split-gallery .portfolio-image img{object-fit:contain}.portfolio-editorial-grid{grid-template-columns:1fr 1fr;gap:45px;display:grid}.portfolio-editorial-grid article{background:#0b0b0b;border:1px solid #1e1e1e;padding:25px}.portfolio-editorial-grid header{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.portfolio-editorial-grid header span{letter-spacing:.3em;text-transform:uppercase;color:#555;font:8px/1 monospace}.portfolio-editorial-grid h3{font:900 25px/1 Noto Serif SC,serif}.portfolio-full-board{margin-top:70px}.portfolio-full-board>span{margin-bottom:14px;display:block}.portfolio-full-board .portfolio-image{height:min(52vw,720px)}.portfolio-result-grid{grid-template-columns:repeat(3,1fr);gap:30px;max-width:1150px;margin:0 auto;display:grid}.portfolio-result-grid>div>span{margin-bottom:12px;display:block}.portfolio-result-grid .portfolio-image{height:min(62vw,690px)}.portfolio-end{border-top:1px solid #181818}.portfolio-lightbox{z-index:120;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:zoom-out;background:#000000f2;place-items:center;padding:45px;display:grid;position:fixed;inset:0}.portfolio-lightbox img{object-fit:contain;max-width:94vw;max-height:90vh;box-shadow:0 30px 90px #0009}.portfolio-lightbox button{color:#aaa;letter-spacing:.2em;cursor:pointer;background:#0b0b0b;border:1px solid #333;border-radius:999px;padding:9px 14px;font:9px/1 monospace;position:absolute;top:25px;right:30px}@media (max-width:1000px){.portfolio-overview{grid-template-columns:1fr;gap:70px}.portfolio-phone-grid{max-width:820px}.portfolio-phone-grid>div:nth-child(2){transform:none}.portfolio-phone-grid .portfolio-image{height:620px}.portfolio-split-gallery{grid-template-columns:1fr}.portfolio-split-gallery .portfolio-image{min-height:420px}.portfolio-data-grid{grid-template-columns:1fr}.portfolio-data-grid .portfolio-image.tall{grid-row:auto}.portfolio-data-grid .portfolio-image{min-height:360px}.portfolio-editorial-grid{grid-template-columns:1fr}.portfolio-result-grid{max-width:820px}.portfolio-result-grid .portfolio-image{height:580px}}@media (max-width:700px){.portfolio-overview,.portfolio-chapter{padding:95px 22px 80px}.portfolio-overview-copy dl{grid-template-columns:1fr}.portfolio-phone-grid{grid-template-columns:1fr;gap:28px}.portfolio-phone-grid .portfolio-image{height:auto;max-height:none}.portfolio-phone-grid .portfolio-image img{height:auto}.portfolio-workflow{padding-top:95px;padding-bottom:100px}.portfolio-section-title{margin-bottom:45px}.portfolio-data-grid .portfolio-image,.portfolio-data-grid .portfolio-image:not(.tall):nth-child(3),.portfolio-data-grid .portfolio-image:not(.tall):nth-child(4){min-height:0}.portfolio-data-grid .portfolio-image img{height:auto}.portfolio-split-gallery .portfolio-image{min-height:0}.portfolio-editorial-grid{gap:25px}.portfolio-editorial-grid article{padding:16px}.portfolio-editorial-grid .portfolio-image,.portfolio-full-board .portfolio-image{height:auto}.portfolio-result-grid{grid-template-columns:1fr}.portfolio-result-grid .portfolio-image{height:auto}.portfolio-lightbox{padding:15px}.portfolio-lightbox button{top:14px;right:14px}.portfolio-full-board{margin-top:40px}}.portfolio-editorial-grid .portfolio-image{height:auto!important}.portfolio-editorial-grid .portfolio-image img{object-fit:cover!important;height:auto!important}.portfolio-page .portfolio-image{align-self:start;height:auto!important;min-height:0!important}.portfolio-page .portfolio-image img{object-fit:contain!important;width:100%!important;height:auto!important;display:block!important}.portfolio-data-grid,.portfolio-split-gallery,.portfolio-editorial-grid,.portfolio-result-grid{align-items:start!important}.portfolio-viral-analysis{background:linear-gradient(120deg,#b8ff3006,#0000 44%),#0a0a0a;border:1px solid #242424;grid-template-columns:minmax(260px,.68fr) minmax(520px,1.45fr);margin-top:45px;display:grid}.portfolio-viral-intro{border-right:1px solid #242424;padding:40px 38px}.portfolio-viral-intro>span,.portfolio-viral-method>span,.portfolio-viral-grid small{letter-spacing:.3em;text-transform:uppercase;color:#719b2e;font:8px/1 monospace}.portfolio-viral-intro h3{margin:24px 0 18px;font:900 clamp(30px,3vw,48px)/1.12 Noto Serif SC,serif}.portfolio-viral-intro p{color:#777;max-width:430px;font:13px/2 Noto Serif SC,serif}.portfolio-viral-grid{grid-template-columns:1fr 1fr;display:grid}.portfolio-viral-grid>div{border-bottom:1px solid #202020;min-height:145px;padding:28px 32px}.portfolio-viral-grid>div:nth-child(odd){border-right:1px solid #202020}.portfolio-viral-grid strong{color:#e9e9e9;margin:14px 0 9px;font:700 18px/1.35 Noto Serif SC,serif;display:block}.portfolio-viral-grid p{color:#6f6f6f;font:12px/1.8 Noto Serif SC,serif}.portfolio-viral-method{border-top:1px solid #242424;grid-column:1/-1;grid-template-columns:190px 1.25fr 1fr;align-items:center;gap:28px;padding:25px 38px;display:grid}.portfolio-viral-method>p{letter-spacing:.08em;color:#bcbcbc;white-space:nowrap;font:13px/1.7 monospace}.portfolio-viral-method i{color:#b8ff30;margin:0 7px;font-style:normal}.portfolio-viral-method small{color:#666;font:11px/1.85 Noto Serif SC,serif}@media (max-width:1000px){.portfolio-viral-analysis{grid-template-columns:1fr}.portfolio-viral-intro{border-bottom:1px solid #242424;border-right:0}.portfolio-viral-method{grid-template-columns:1fr}.portfolio-viral-method>p{white-space:normal}}@media (max-width:640px){.portfolio-viral-analysis{margin-top:25px}.portfolio-viral-intro{padding:28px 22px}.portfolio-viral-grid{grid-template-columns:1fr}.portfolio-viral-grid>div{min-height:0;padding:23px 22px}.portfolio-viral-grid>div:nth-child(odd){border-right:0}.portfolio-viral-method{gap:16px;padding:24px 22px}.portfolio-viral-method>p{font-size:11px;line-height:2}.portfolio-viral-method i{margin:0 3px}.portfolio-viral-method small{font-size:11px}}.portfolio-gallery-caption{border-top:1px solid #202020;margin-top:20px;padding-top:17px}.portfolio-gallery-caption h3{color:#d8d8d3;margin:0 0 9px;font:700 20px/1.3 Noto Serif SC,serif}.portfolio-gallery-caption p{color:#777;max-width:680px;margin:0;font:12px/1.9 Noto Serif SC,serif}.seren-experience-body{grid-template-columns:minmax(590px,.95fr) minmax(430px,1.05fr);align-items:stretch;gap:42px;display:grid}.seren-capability{background:#ffffff05;border:1px solid #ffffff1c;flex-direction:column;min-width:0;padding:20px 22px;display:flex}.seren-capability header{border-bottom:1px solid #ffffff17;justify-content:space-between;align-items:end;padding-bottom:15px;display:flex}.seren-capability header span{letter-spacing:.28em;text-transform:uppercase;color:#b8ff309e;font:8px/1 monospace}.seren-capability h3{color:#ffffffe6;font:700 17px/1.2 Noto Serif SC,serif}.seren-capability-grid{background:#ffffff14;grid-template-columns:1fr 1fr;gap:1px;margin:16px 0;display:grid}.seren-capability-grid>div{background:#0a0a0a;grid-template-columns:24px 1fr;gap:4px 8px;padding:13px 12px;display:grid}.seren-capability-grid b{color:#b8ff309e;grid-row:1/3;font:8px/1.4 monospace}.seren-capability-grid strong{font:700 13px/1.2 Noto Serif SC,serif}.seren-capability-grid small{letter-spacing:.05em;color:#ffffff6b;font:9px/1.5 monospace}.seren-capability>p{letter-spacing:.12em;color:#ffffff7a;border-top:1px solid #ffffff17;margin:auto 0 0;padding-top:14px;font:9px/1.6 monospace}.seren-capability>p i{color:var(--seren-accent);margin:0 7px;font-style:normal}@media (max-width:1320px){.seren-experience-body{grid-template-columns:1fr}.seren-capability{display:none}}@media (max-height:800px) and (min-width:1321px){.seren-experience-body{grid-template-columns:minmax(540px,.95fr) minmax(400px,1.05fr);gap:28px}.seren-capability{padding:15px 18px}.seren-capability-grid{margin:12px 0}.seren-capability-grid>div{padding:9px 10px}}.portfolio-data-grid .portfolio-image.trend{grid-column:1/-1}.portfolio-audience .portfolio-data-grid{flex-direction:column;gap:25px;display:flex!important}.portfolio-audience-row{align-items:start;gap:25px;display:grid}.portfolio-audience-row-profile{grid-template-columns:1.63fr 1.16fr}.portfolio-audience-row-data{grid-template-columns:3.59fr 1.81fr}.portfolio-audience-row .portfolio-image.tall{grid-row:auto!important}.portfolio-audience-row .portfolio-image,.portfolio-audience .portfolio-image.trend{width:100%;margin:0}@media (max-width:700px){.portfolio-audience-row-profile,.portfolio-audience-row-data{grid-template-columns:1fr}.portfolio-audience .portfolio-data-grid,.portfolio-audience-row{gap:18px}}.seren-phone-reveal{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #b8ff3059;margin:0;padding:0}.seren-phone-reveal:hover,.seren-facts a:hover{color:var(--seren-accent)}@media (hover:none){.portfolio-image:hover{box-shadow:none;transform:none}.portfolio-image>span{display:none}}@media (max-width:900px){html{scroll-padding-top:46px}.combined-site .seren-spread{min-height:100svh;max-height:none;padding:66px 20px 34px;height:auto!important}.combined-site .seren-sound,.seren-kicker span:last-child{display:none}.seren-spread>header{align-items:center;margin-top:18px}.seren-spread>header small{max-width:270px;line-height:1.6}.seren-portrait-mobile{width:104px}.seren-main-grid{margin-top:24px}.seren-copy{gap:25px}.seren-copy blockquote{font-size:16px;line-height:1.65}.seren-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 20px}.seren-facts strong{font-size:13px}.seren-experience{padding-top:20px}.seren-experience-body{grid-template-columns:1fr;gap:26px}.seren-capability{display:flex!important}.seren-tags{margin-top:34px!important}.seren-actions{margin-top:28px}.seren-work-link{text-align:center;justify-content:center;max-width:100%}.engine-hero.portfolio-hero{min-height:76svh!important}.portfolio-hero .engine-chapter-no{font-size:min(56vw,330px)}.portfolio-overview,.portfolio-chapter{padding-left:24px;padding-right:24px}.portfolio-overview{min-height:auto;padding-top:90px;padding-bottom:90px}.portfolio-workflow{padding:100px 24px 115px}.portfolio-section-title{margin-bottom:48px}.portfolio-section-title h2{font-size:clamp(40px,11vw,66px)}.portfolio-split-gallery,.portfolio-editorial-grid,.portfolio-ai-grid{gap:28px}.portfolio-ai-copy{padding:30px}.portfolio-lightbox{padding:18px}.portfolio-lightbox img{max-width:100%;max-height:86svh}.portfolio-lightbox button{padding:11px 15px;font-size:10px;top:14px;right:14px}}@media (max-width:640px){.combined-nav{justify-content:flex-start!important;padding-left:14px!important}.seren-spread>header h1{font-size:40px}.seren-spread>header p span{width:100%;font-size:8px;display:block}.seren-facts{grid-template-columns:1fr 1fr}.seren-timeline>div{grid-template-columns:1fr;gap:4px;padding:10px 0 10px 12px}.seren-timeline time{font-size:9px}.seren-capability{padding:18px 15px}.seren-capability header{display:block}.seren-capability h3{margin-top:10px}.seren-capability-grid{grid-template-columns:1fr}.seren-capability>p{line-height:2}.seren-marquee span{font-size:11px!important}.portfolio-hero-links a{padding:10px 14px}.portfolio-hero>a{bottom:24px}.portfolio-overview,.portfolio-chapter{padding:82px 18px 72px}.portfolio-overview-copy h2{font-size:42px}.portfolio-overview-copy>p{font-size:13px}.portfolio-phone-grid{grid-template-columns:1fr;gap:20px}.portfolio-phone-grid>div:nth-child(2){transform:none}.portfolio-phone-grid .portfolio-image{height:auto}.portfolio-workflow{padding:84px 18px 95px}.engine-workflow h2{font-size:38px}.engine-steps{gap:14px!important}.engine-steps article{height:auto!important;min-height:0!important;padding:22px 20px!important}.engine-step-cases{opacity:1;transform:none}.portfolio-audience-row-profile,.portfolio-audience-row-data{grid-template-columns:1fr}.portfolio-editorial-grid article{padding:14px}.portfolio-editorial-grid header{align-items:start;gap:12px}.portfolio-editorial-grid h3{font-size:21px}.portfolio-result-grid{gap:25px}.portfolio-ai-copy h3{font-size:27px}.portfolio-ai-copy p{font-size:12px}.engine-end{min-height:48vh;padding:70px 20px}.portfolio-lightbox{align-items:center}}html{-moz-text-size-adjust:100%;text-size-adjust:100%}@media (max-width:900px),(hover:none) and (pointer:coarse) and (max-width:1180px){.combined-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow-x:auto;background:#000c!important;flex-direction:row!important;justify-content:flex-start!important;gap:2px!important;padding:10px 14px!important;top:0!important;left:0!important;right:0!important;transform:none!important}.combined-nav a{flex:none;padding:4px 9px}.combined-nav a:first-child{margin:0}.combined-nav em{display:none}.combined-site .seren-spread{width:100%;min-height:100svh;max-height:none;height:auto!important;padding:66px 20px 34px!important}.combined-site .seren-sound,.seren-sound,.seren-side-nav{display:none}.seren-mobile-nav{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000c2;border-bottom:1px solid #ffffff1a;justify-content:flex-start;gap:0;padding:8px 14px;display:flex;position:fixed;top:0;left:0;right:0;overflow-x:auto}.seren-kicker span:last-child{display:none}.seren-spread>header{align-items:center;gap:18px;margin-top:18px}.seren-spread>header>div:first-child{flex:1;min-width:0}.seren-spread>header h1{font-size:40px}.seren-spread>header p span{letter-spacing:.18em;width:100%;font-size:8px;line-height:1.45;display:block}.seren-spread>header small{max-width:270px;line-height:1.6}.seren-portrait-desktop{display:none!important}.seren-portrait-mobile{flex:0 0 96px;width:96px!important;display:block!important}.seren-main-grid{margin-top:24px;display:block}.seren-copy{gap:25px}.seren-copy blockquote{width:100%;font-size:16px;line-height:1.7}.seren-facts{background:#ffffff1a;border:1px solid #ffffff1a;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"birth experience""education education""contact base""email email";gap:1px}.seren-facts>div{background:#090909;min-width:0;padding:14px 15px}.seren-facts>div:first-child{grid-area:birth}.seren-facts>div:nth-child(2){grid-area:experience}.seren-facts>div:nth-child(3){grid-area:education}.seren-facts>div:nth-child(4){grid-area:contact}.seren-facts>div:nth-child(5){grid-area:email}.seren-facts>div:nth-child(6){grid-area:base}.seren-facts strong{overflow-wrap:normal;word-break:normal;font-size:13px;line-height:1.65}.seren-facts>div:first-child strong,.seren-facts>div:nth-child(2) strong,.seren-facts>div:nth-child(4) strong,.seren-facts>div:nth-child(6) strong{white-space:nowrap}.seren-facts>div:nth-child(5) strong{overflow-wrap:anywhere}.seren-experience{padding-top:20px}.seren-experience-body{grid-template-columns:1fr;gap:26px}.seren-timeline>div{grid-template-columns:1fr;gap:5px;padding:12px 0 12px 12px}.seren-timeline time{white-space:nowrap;font-size:10px}.seren-timeline p span{line-height:1.7}.seren-capability{padding:18px 15px;display:flex!important}.seren-capability header{display:block}.seren-capability h3{margin-top:10px}.seren-capability-grid{grid-template-columns:1fr}.seren-capability>p{line-height:2}.seren-tags{margin-top:34px!important}.seren-marquee{overflow-x:hidden}.seren-marquee span{white-space:nowrap;font-size:11px!important}.seren-actions{margin-top:28px}.seren-work-link{letter-spacing:.2em;text-align:left;justify-content:space-between;width:100%;max-width:520px;padding:14px 20px;font-size:10px;line-height:1.6}.seren-work-link span{min-width:0}.seren-work-link b{flex:none}}.portfolio-hero-links{justify-content:center;gap:10px;margin-top:24px;display:flex}.portfolio-hero-links a{letter-spacing:.16em;color:#8c8c86;border:1px solid #303030;border-radius:999px;padding:9px 17px;font:9px/1 monospace;transition:all .3s}.portfolio-hero-links a:hover{color:#b8ff30;border-color:#718f35}.portfolio-ai-entry{color:#aaa;border:1px solid #242424;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-top:22px;padding:15px 17px;transition:all .3s;display:grid}.portfolio-ai-entry:hover{background:#0d0f0a;border-color:#596b33}.portfolio-ai-entry>span{letter-spacing:.25em;text-transform:uppercase;color:#657d35;font:8px/1 monospace}.portfolio-ai-entry>b{color:#d4d4cf;font:600 14px/1.2 Noto Serif SC,serif}.portfolio-ai-entry>small{color:#686868;font:10px/1.4 Noto Serif SC,serif}.portfolio-ai-practice{background:linear-gradient(#080808,#0b0d08)}.portfolio-ai-grid{gap:45px;display:grid}.portfolio-ai-grid article{background:#0b0b0b;border:1px solid #222;grid-template-columns:minmax(0,1.5fr) minmax(280px,.65fr);align-items:stretch;display:grid}.portfolio-ai-grid article:nth-child(2n){grid-template-columns:minmax(280px,.65fr) minmax(0,1.5fr)}.portfolio-ai-grid article:nth-child(2n)>.portfolio-image{order:2}.portfolio-ai-grid article:nth-child(2n)>.portfolio-ai-copy{order:1}.portfolio-ai-grid .portfolio-image{border:0;border-right:1px solid #222}.portfolio-ai-grid article:nth-child(2n) .portfolio-image{border-left:1px solid #222;border-right:0}.portfolio-ai-copy{flex-direction:column;justify-content:center;padding:42px;display:flex}.portfolio-ai-copy>span{letter-spacing:.3em;text-transform:uppercase;color:#718f35;font:8px/1 monospace}.portfolio-ai-copy h3{color:#eee;margin:18px 0 16px;font:800 clamp(25px,2.4vw,38px)/1.3 Noto Serif SC,serif}.portfolio-ai-copy p{color:#82827d;margin:0;font:13px/2 Noto Serif SC,serif}.portfolio-ai-copy ul{flex-wrap:wrap;gap:9px;margin:28px 0 0;padding:0;list-style:none;display:flex}.portfolio-ai-copy li{color:#8d927f;border:1px solid #2a2d24;border-radius:999px;padding:8px 12px;font:10px/1 Noto Serif SC,serif}@media (max-width:900px){.portfolio-ai-entry,.portfolio-ai-grid article,.portfolio-ai-grid article:nth-child(2n){grid-template-columns:1fr}.portfolio-ai-grid article:nth-child(2n)>.portfolio-image,.portfolio-ai-grid article:nth-child(2n)>.portfolio-ai-copy{order:initial}.portfolio-ai-grid .portfolio-image,.portfolio-ai-grid article:nth-child(2n) .portfolio-image{border:0;border-bottom:1px solid #222}.portfolio-ai-copy{padding:30px}}@media (max-width:600px){.portfolio-hero-links{flex-wrap:wrap}.portfolio-ai-copy{padding:25px 20px}.portfolio-ai-entry>small{line-height:1.7}}.portfolio-ai-video{background:#050505;border-right:1px solid #222;place-items:center;min-width:0;display:grid}.portfolio-ai-video video{object-fit:contain;background:#050505;width:100%;height:100%;max-height:700px;display:block}@media (max-width:900px){.portfolio-ai-video{border-bottom:1px solid #222;border-right:0}.portfolio-ai-video video{aspect-ratio:16/9;height:auto}}.portfolio-ai-grid article.portfolio-ai-doc-layout{grid-template-columns:1fr}.portfolio-ai-doc-layout>.portfolio-ai-copy{align-items:flex-start;min-height:0;padding-bottom:34px;order:1!important}.portfolio-ai-doc-layout>.portfolio-image{border:0!important;border-top:1px solid #222!important;order:2!important}.portfolio-ai-doc-layout>.portfolio-image:hover{transform:none}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}