/*! 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{--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;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}::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;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease: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;--ease-out:cubic-bezier(0, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::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]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.shrink{flex-shrink:1}.grow{flex-grow:1}.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}.rounded{border-radius:.25rem}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)}.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))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--ink:#0b0c0c;--coal:#292d2e;--stage:#747d80;--stage-deep:#545d60;--stage-muted:#687174;--paper:#f3f3ef;--line:#202324;--red:#a42616;--electric-blue:#3869ff;--chapter-accent-steel-blue:#587184;--chapter-accent-warm-sand:#876f52;--chapter-accent-sage:#63786c;--chapter-accent-dusty-lavender:#776982;--site-nav-item-width:90px;--site-nav-width:360px;--contact-background-base:#000;--contact-background-gradient:linear-gradient(180deg,#000 0%,#070809 11%,#4d5862 46%,#c9d3d9 100%);--contact-background-opacity:.45;--sans:Arial,Helvetica,sans-serif;--display:"Arial Narrow","Helvetica Neue",Arial,sans-serif;--caps:.09em;--radius:12px;--showcase-title-scale:clamp(76px,11.7vw,182px);--showcase-asset-opacity:1;--showcase-interface-opacity:.48;--product-background:linear-gradient(180deg,#000101 0%,#050607 10%,#171b1d 20%,#293136 30%,#3e474f 40%,#525d67 50%,#69737c 60%,#7f8991 70%,#95a0a7 80%,#aab4bb 92%,#bcc6cd 100%);--product-title-scale:clamp(52px,4.5vw,92px);--product-phone-width:clamp(170px,15.5vw,245px);--product-browser-width:clamp(560px,49vw,820px);--product-card-size:clamp(120px,12vw,190px);--product-detail-width:clamp(520px,43vw,740px);--ending-bg:linear-gradient(180deg,#171b1d 0%,#293136 28%,#3e474f 48%,#293136 68%,#050607 90%,#000101 100%);--ending-text:#f2f3ef;--ending-message-size:clamp(78px,8.7vw,128px);--footer-utility-font-size:13px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.personal-identity{font-family:var(--font-identity),cursive;font-style:normal;font-weight:400}.portfolio-header{color:var(--ink);z-index:30;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;width:100%;padding:23px 30px;display:grid;position:fixed;top:0;left:0}.portfolio-header.is-inverse{color:#f2f3ef}.wordmark{letter-spacing:.055em;white-space:nowrap;justify-self:start;font-size:11px;font-weight:800}.tab-nav{background:var(--paper);border:1px solid var(--ink);border-radius:999px;display:flex;overflow:hidden}.tab-nav a{border-right:1px solid var(--ink);letter-spacing:var(--caps);padding:8px 14px 7px;font-size:9px;font-weight:800;transition:background-color .2s,color .2s}.tab-nav a:last-child{border-right:0}.tab-nav a:hover{background:var(--ink);color:var(--paper)}.is-inverse .tab-nav{background:#242829;border-color:#f2f3ef}.is-inverse .tab-nav a{border-color:#f2f3ef}.is-inverse .tab-nav a:hover{color:var(--ink);background:#f2f3ef}.social-nav{letter-spacing:var(--caps);justify-self:end;gap:16px;font-size:9px;font-weight:800;display:flex}.social-nav a:hover,.wordmark:hover{opacity:.55}.homepage-email-link{white-space:nowrap;align-items:center;line-height:1;display:inline-flex;position:relative}.homepage-email-address{color:#f2f3ef94;opacity:0;pointer-events:none;text-align:right;white-space:nowrap;font-size:.9em;transition:opacity .18s;position:absolute;top:calc(100% + 7px);right:0}.homepage-email-link:focus-visible{outline-offset:5px;outline:1px solid}@media (hover:hover) and (pointer:fine){.homepage-email-link:hover .homepage-email-address{opacity:1}}.homepage-email-link:focus-visible .homepage-email-address{opacity:1}.homepage-header-email-copy{color:inherit;cursor:default;font:inherit;letter-spacing:inherit;line-height:inherit;text-align:right;background:0 0;border:0;width:6ch;margin:0;padding:0;transition:opacity .18s;display:grid;position:relative}.homepage-header-email-copy>span{grid-area:1/1;justify-self:end;transition:opacity .15s}.homepage-header-email-confirmation,.homepage-header-email-copy[data-copied=true] .homepage-header-email-default{opacity:0}.homepage-header-email-copy[data-copied=true] .homepage-header-email-confirmation{opacity:1}.homepage-header-email-address{color:#f2f3ef94;opacity:0;pointer-events:none;white-space:nowrap;font-size:.9em;transition:opacity .18s;position:absolute;top:calc(100% + 7px);right:0}.homepage-header-email-copy:hover{opacity:.68}.homepage-header-email-copy:focus-visible{outline-offset:5px;outline:1px solid}.homepage-header-email-copy:focus-visible .homepage-header-email-address{opacity:1}@media (hover:hover) and (pointer:fine){.homepage-header-email-copy:hover .homepage-header-email-address{opacity:1}}@media (prefers-reduced-motion:reduce){.homepage-header-email-copy,.homepage-header-email-copy>span,.homepage-header-email-address{transition:none}}.portfolio-home{background:var(--coal);overflow-x:clip}.home-intro{--intro-identity-size:clamp(66px,7.1vw,112px);--intro-identity-y:47%;color:var(--paper);z-index:1;background:0 0;min-height:100svh;position:relative;overflow:hidden}.intro-identity{text-align:center;left:50%;top:var(--intro-identity-y);width:max-content;position:absolute;transform:translate(-50%,-50%)}.intro-mark{font-family:Arial Rounded MT Bold,Helvetica Neue,Arial,sans-serif;font-size:var(--intro-identity-size);letter-spacing:-.115em;justify-content:center;align-items:center;padding-right:.115em;font-weight:700;line-height:.72;display:flex}.intro-mark span{transform-origin:50% 65%;display:block}.intro-mark span:first-child{transform:rotate(-4deg)translateY(2%)}.intro-mark span:nth-child(2){transform:rotate(3deg)translateY(-5%)scaleY(1.08)}.intro-mark span:nth-child(3){transform:rotate(-2deg)translateY(3%)}.intro-mark span:nth-child(4){transform:rotate(4deg)translateY(-1%)scaleX(1.04)}.intro-positioning,.intro-microcopy{letter-spacing:.14em;text-transform:uppercase;margin:clamp(24px,2.4vh,32px) 0 0;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:clamp(8px,.66vw,10px);font-weight:500}.intro-microcopy{opacity:.55;margin-top:10px;font-size:8px}.scroll-more{letter-spacing:.16em;white-space:nowrap;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:clamp(8px,.62vw,10px);font-weight:500;position:absolute;bottom:clamp(25px,4vh,40px);left:50%;transform:translate(-50%)}.project-index{opacity:0;pointer-events:none;z-index:25;flex-direction:column;gap:3px;width:190px;transition:opacity .25s,transform .25s;display:flex;position:fixed;bottom:26px;left:30px;transform:translateY(8px)}.project-index.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}.project-index a{color:#f2f3ef70;letter-spacing:.04em;grid-template-columns:48px 1fr;gap:7px;padding:2px 0;font-size:8px;font-weight:800;line-height:1.1;transition:color .2s;display:grid}.project-index a:hover,.project-index a.is-active{color:#fff}.project-index b{letter-spacing:.04em;font-size:8px;font-weight:800}.project-atlas{background:0 0}.project-field{--project-canvas-height:1060px;--project-scroll-height:max(var(--project-canvas-height),150svh);color:var(--ink);height:var(--project-scroll-height);background:0 0;display:block;position:relative;overflow:visible}.field-art{opacity:var(--showcase-asset-opacity);z-index:2;position:absolute}.field-art,.field-art *{transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .25s}.field-title{color:#070809;font-family:var(--display);font-size:var(--showcase-title-scale);letter-spacing:-.09em;text-transform:uppercase;z-index:5;max-width:80%;margin:0;font-weight:900;line-height:.76;position:absolute}.field-range,.field-label,.field-open,.figure-caption{letter-spacing:var(--caps);font-size:8px;font-weight:800}.field-range{z-index:7;position:absolute;bottom:35px;right:30px}.field-label{z-index:7;position:absolute;top:34px;left:30px}.field-open{background:var(--paper);border:1px solid var(--ink);opacity:0;z-index:8;align-items:center;gap:10px;padding:8px 10px 7px;display:flex;position:absolute;bottom:30px;right:30px;transform:translateY(8px)}.field-open i{font-size:14px;font-style:normal;line-height:0}.project-field:hover .field-open{opacity:1;transform:translateY(0)}.project-field:not(.field-product):not(.field-film):hover .field-art:nth-of-type(odd){transform:translateY(-10px)rotate(-.45deg)}.project-field:not(.field-product):not(.field-film):hover .field-art:nth-of-type(2n){transform:translateY(8px)rotate(.35deg)}.field-frame{background:var(--paper);border:2px solid var(--line);border-radius:var(--radius);overflow:hidden}.field-browser-bar{border-bottom:2px solid var(--line);align-items:center;gap:4px;height:21px;padding:0 7px;display:flex}.field-browser-bar i{background:var(--ink);border-radius:50%;width:4px;height:4px}.field-browser-bar b{letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin-left:4px;font-size:7px;font-weight:800;overflow:hidden}.figure-caption{color:var(--ink);margin-top:6px;display:block}.phone-shell{border:3px solid var(--ink);background:#08090a;border-radius:22px;padding:7px;position:relative;overflow:hidden}.phone-shell img{filter:grayscale(.1)contrast(1.08);object-fit:cover;width:100%;height:100%}.phone-shell span{color:#fff;letter-spacing:.1em;font-size:8px;font-weight:800;position:absolute;bottom:13px;left:13px}.field-product .field-title{top:39%;left:20%}.product-phone{width:233px;height:475px;top:152px;left:13.5%;transform:rotate(-6deg)}.product-phone .phone-shell{height:444px}.product-screen{width:min(49vw,690px);top:103px;right:8.5%}.feature-screen{color:#edf0ed;background:#08090a;height:345px;padding:25px;position:relative;overflow:hidden}.feature-screen span{font-family:var(--display);letter-spacing:-.06em;z-index:2;font-size:clamp(34px,4.2vw,66px);font-weight:900;line-height:.85;position:relative}.feature-screen i{background:#1b2560;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-175px;right:-45px}.feature-screen i:after{content:"";border:1px solid #99b2ff;border-radius:50%;position:absolute;inset:47px}.feature-screen small{letter-spacing:.1em;font-size:8px;font-weight:800;position:absolute;bottom:19px}.product-card{border:2px solid var(--line);background:#d4d4d0;width:220px;height:220px;padding:12px;bottom:155px;left:35%;overflow:hidden;transform:rotate(5deg)}.product-card b{font-family:var(--display);letter-spacing:-.16em;font-size:220px;line-height:.66}.product-card small{letter-spacing:.1em;font-size:8px;font-weight:800;position:absolute;bottom:12px;left:12px}.product-detail{width:300px;bottom:122px;right:15.5%}.product-detail img{aspect-ratio:.9;border:2px solid var(--line);filter:grayscale(.1)contrast(1.08);object-fit:cover}.film-player{width:clamp(380px,34vw,540px)}.film-player .field-frame img{aspect-ratio:1.68;filter:grayscale(.35)contrast(1.12);object-fit:cover;width:100%}.film-player .field-frame span{background:var(--ink);color:var(--paper);letter-spacing:.08em;padding:7px 9px;font-size:8px;font-weight:800;display:block}.film-note{border:2px solid var(--line);background:#ecece6;width:clamp(165px,15vw,230px);padding:12px;bottom:auto}.film-note small{letter-spacing:.08em;font-size:8px;font-weight:800}.film-note b{margin-top:24px;font-family:Georgia,serif;font-size:clamp(18px,1.65vw,26px);font-style:italic;line-height:.92;display:block}.field-research .field-title{top:40%;left:18%}.research-board{width:min(39vw,550px);top:109px;left:11%}.research-board img{aspect-ratio:1.32;border:2px solid var(--line);filter:grayscale(.1)contrast(1.04);object-fit:cover}.research-sheet{border:2px solid var(--line);background:#f3f3ef;width:325px;padding:17px;top:146px;right:12%;transform:rotate(4deg)}.research-sheet small{letter-spacing:.1em;font-size:8px;font-weight:800}.research-sheet b{letter-spacing:-.05em;margin:46px 0 56px;font-family:Georgia,serif;font-size:31px;font-style:italic;line-height:.9;display:block}.research-sheet i{border-top:1px solid var(--ink);letter-spacing:.09em;padding-top:7px;font-size:8px;font-style:normal;font-weight:800;display:block}.research-bars{align-items:end;gap:9px;width:232px;height:225px;display:flex;bottom:133px;left:19%}.research-bars span{background:var(--paper);border:2px solid var(--line);width:39px}.research-bars span:first-child{height:42%}.research-bars span:nth-child(2){height:76%}.research-bars span:nth-child(3){height:55%}.research-bars span:nth-child(4){height:92%}.research-tag{background:var(--ink);color:var(--paper);width:143px;padding:14px;bottom:170px;right:22%;transform:rotate(-4deg)}.research-tag b{letter-spacing:-.07em;font-size:32px;line-height:.75;display:block}.research-tag small{letter-spacing:.08em;margin-top:45px;font-size:8px;font-weight:800;line-height:1.1;display:block}.research-tag .figure-caption{color:var(--paper)}.field-social .field-title{top:41%;left:17%}.social-phone{width:210px;height:420px}.social-phone .phone-shell{height:387px}.social-phone-a{top:122px;left:12%;transform:rotate(-9deg)}.social-phone-b{top:112px;right:19%;transform:rotate(6deg)}.social-phone-c{bottom:124px;left:42%;transform:rotate(-1.5deg)}.social-stats{background:var(--paper);border:2px solid var(--line);width:160px;padding:11px;bottom:166px;right:12%;transform:rotate(3deg)}.social-stats b{font-family:var(--display);letter-spacing:-.1em;font-size:56px;line-height:.7;display:block}.social-stats span{letter-spacing:.1em;margin-top:18px;font-size:10px;font-weight:800;line-height:.9;display:block}.field-editorial .field-title{top:45%;left:19%}.editorial-cover{width:225px;top:105px;left:12%}.editorial-cover img{aspect-ratio:.69;filter:grayscale(.25)contrast(1.1);object-fit:cover}.editorial-cover b{color:#fff;letter-spacing:-.07em;font-family:Georgia,serif;font-size:36px;font-style:italic;line-height:.8;position:absolute;bottom:24px;left:17px}.editorial-spread{width:min(48vw,620px);top:140px;right:8%}.editorial-spread .field-frame{grid-template-columns:.92fr 1.08fr;display:grid}.editorial-spread .field-browser-bar{grid-column:1/-1}.editorial-spread .field-frame img{aspect-ratio:1;filter:grayscale(.25);object-fit:cover;height:100%}.spread-copy{padding:25px 16px}.spread-copy small{letter-spacing:.1em;font-size:8px;font-weight:800}.spread-copy b{letter-spacing:-.07em;margin-top:120px;font-family:Georgia,serif;font-size:clamp(23px,3vw,45px);font-style:italic;line-height:.8;display:block}.editorial-ticket{border:2px solid var(--line);background:#ecece8;width:198px;padding:14px;bottom:134px;left:31%;transform:rotate(6deg)}.editorial-ticket b{font-family:var(--display);letter-spacing:-.1em;font-size:52px;line-height:.69;display:block}.editorial-ticket span{letter-spacing:.1em;margin-top:36px;font-size:8px;font-weight:800;line-height:1.1;display:block}.editorial-cut{width:244px;bottom:150px;right:15%}.editorial-cut img{aspect-ratio:1.05;filter:grayscale(.3);object-fit:cover}.field-campaign .field-title{top:42%;left:13%}.campaign-poster{width:267px;top:115px;left:12%;transform:rotate(-3.5deg)}.campaign-poster img{aspect-ratio:.73;filter:saturate(.7)contrast(1.05);object-fit:cover}.campaign-poster b{color:#fff;letter-spacing:-.06em;font-family:Georgia,serif;font-size:35px;font-style:italic;line-height:.76;position:absolute;bottom:25px;left:17px}.campaign-board{width:min(47vw,650px);top:113px;right:8%}.campaign-grid{grid-template-columns:1fr 1fr;min-height:300px;display:grid}.campaign-grid span{border-bottom:1px solid var(--line);border-right:1px solid var(--line);letter-spacing:.09em;justify-content:center;align-items:center;padding:20px;font-size:10px;font-weight:800;display:flex}.campaign-grid span:nth-child(2n){border-right:0}.campaign-grid span:nth-last-child(-n+2){border-bottom:0}.campaign-copy{width:210px;bottom:172px;left:36%}.campaign-copy span{letter-spacing:-.05em;font-family:Georgia,serif;font-size:26px;font-style:italic;line-height:.85;display:block}.campaign-crop{width:260px;bottom:135px;right:16%}.campaign-crop img{aspect-ratio:1.1;filter:saturate(.75)contrast(1.03);object-fit:cover}.project-detail-page,.content-page{background:var(--paper);min-height:100svh}.project-detail-page .portfolio-header{background:var(--paper)}@supports (color:color-mix(in lab, red, red)){.project-detail-page .portfolio-header{background:color-mix(in srgb,var(--paper) 92%,transparent)}}.detail-intro{grid-template-columns:minmax(190px,.42fr) 1fr;min-height:100svh;padding:22vh 8vw 12vh;display:grid;position:relative}.detail-kicker{letter-spacing:var(--caps);margin:0;font-size:10px;font-weight:800}.detail-intro h1{color:#d4d4cf;font-family:var(--display);letter-spacing:-.085em;text-transform:uppercase;grid-column:1/-1;max-width:12ch;margin:10vh 0 0;font-size:clamp(62px,8.5vw,138px);font-weight:900;line-height:.75}.detail-summary{letter-spacing:-.04em;align-self:end;max-width:21ch;margin:0;font-family:Georgia,serif;font-size:clamp(21px,2.35vw,36px);font-style:italic;line-height:.98}.detail-meta{flex-wrap:wrap;justify-content:flex-end;align-self:end;gap:5px;padding-left:40px;display:flex}.detail-meta span{border:1px solid var(--ink);letter-spacing:var(--caps);border-radius:99px;padding:7px 9px 6px;font-size:8px;font-weight:800}.detail-gallery{background:var(--paper)}.detail-visual{min-height:1020px;position:relative;overflow:hidden}.detail-visual-0{background:#8b9292}.detail-visual-1{background:var(--paper);min-height:1100px}.detail-visual-2{background:var(--paper);justify-content:center;align-items:center;min-height:100svh;padding:10vw;display:flex}.detail-visual-1>img{filter:grayscale(.14)contrast(1.04);object-fit:cover;width:84vw;height:min(74vw,1000px);position:absolute;top:100px;left:8vw}.detail-overlay-copy{letter-spacing:-.07em;font-family:Georgia,serif;font-size:clamp(36px,5.5vw,82px);font-style:italic;line-height:.82;position:absolute;bottom:70px;left:12vw}.detail-overlay-copy span{font-family:var(--sans);letter-spacing:var(--caps);font-size:9px;font-style:normal;font-weight:800}.detail-visual-2 .field-frame{width:100%;max-width:970px}.detail-paper{flex-direction:column;justify-content:space-between;min-height:570px;padding:30px;display:flex;position:relative}.detail-paper span{letter-spacing:var(--caps);font-size:9px;font-weight:800}.detail-paper b{letter-spacing:-.06em;max-width:14ch;font-family:Georgia,serif;font-size:clamp(28px,4.1vw,60px);font-style:italic;line-height:.88}.detail-paper i{border:1px solid var(--ink);border-radius:50%;width:100px;height:100px;position:absolute;bottom:30px;right:30px}.detail-paper i:before,.detail-paper i:after{background:var(--ink);content:"";width:60px;height:1px;position:absolute;top:49px;left:19px}.detail-paper i:after{transform:rotate(90deg)}.detail-project-chip{background:var(--ink);color:var(--paper);letter-spacing:var(--caps);z-index:29;padding:8px 10px 7px;font-size:8px;font-weight:800;position:fixed;bottom:26px;left:30px}.detail-project-chip span{color:#9aa09e;margin-left:12px}.detail-next{background:var(--paper);border-top:1px solid var(--ink);font-family:var(--display);letter-spacing:-.08em;text-transform:uppercase;justify-content:space-between;align-items:baseline;padding:8vw;font-size:clamp(42px,7vw,112px);font-weight:900;line-height:.78;display:flex}.detail-next small{font-family:var(--sans);letter-spacing:var(--caps);font-size:9px}.detail-next:hover{background:var(--ink);color:var(--paper)}.content-page{padding-top:140px}.content-layout{grid-template-columns:minmax(140px,.35fr) 1fr;gap:8vw;min-height:72svh;padding:9vw 8vw;display:grid}.content-kicker{letter-spacing:var(--caps);margin:0;font-size:10px;font-weight:800}.content-statement{letter-spacing:-.07em;max-width:11ch;margin:0;font-family:Georgia,serif;font-size:clamp(39px,6.2vw,98px);font-style:italic;line-height:.8}.content-detail{align-self:end;max-width:40ch;font-size:15px;line-height:1.35}.site-footer{background:var(--red);color:#fae9dc;height:max(760px,100svh);position:relative;overflow:hidden}.footer-rings{position:absolute;inset:-35vw -22vw}.footer-rings i{border:min(14vw,190px) solid #cd5944;border-radius:50%;position:absolute;inset:0}.footer-rings i:nth-child(2){inset:15%}.footer-rings i:nth-child(3){inset:30%}.footer-message{letter-spacing:-.09em;text-align:center;white-space:nowrap;z-index:2;font-family:Georgia,serif;font-size:clamp(65px,10.5vw,160px);font-style:italic;line-height:.73;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)rotate(-5deg)}.footer-copyright,.footer-email,.footer-linkedin{letter-spacing:var(--caps);z-index:2;font-size:9px;font-weight:800;position:absolute;bottom:32px}.footer-copyright{left:30px}.footer-email{left:50%;transform:translate(-50%)}.footer-linkedin{right:30px}.footer-email:hover,.footer-linkedin:hover{color:var(--ink)}@media (max-width:760px){.portfolio-header{grid-template-columns:1fr auto;padding:17px 16px}.wordmark{font-size:10px}.tab-nav{justify-self:end}.tab-nav a{padding:7px 8px 6px;font-size:8px}.social-nav{display:none}.home-intro{--intro-identity-size:clamp(58px,20vw,80px);--intro-identity-y:46%}.intro-positioning{max-width:260px;line-height:1.45}.scroll-more{font-size:8px;bottom:25px}.project-index{display:none}.project-field{--project-canvas-height:780px}.field-title{max-width:94%;font-size:21vw}.field-label{top:25px;left:16px}.field-range{bottom:22px;right:16px}.field-open{opacity:1;bottom:17px;left:16px;right:auto;transform:none}.product-phone{width:156px;height:310px;top:108px;left:9%}.product-phone .phone-shell{height:288px}.product-screen{width:75vw;top:125px;right:-15%}.feature-screen{height:220px;padding:16px}.feature-screen span{font-size:32px}.feature-screen i{width:330px;height:330px;bottom:-170px;right:-90px}.product-card{width:138px;height:138px;bottom:120px;left:39%}.product-card b{font-size:140px}.product-detail{width:128px;bottom:145px;right:5%}.field-product .field-title{top:54%;left:8%}.field-research .field-title{top:51%;left:8%}.research-board{width:66vw;top:94px;left:8%}.research-sheet{width:201px;top:302px;right:5%}.research-sheet b{margin:26px 0 34px;font-size:22px}.research-bars{width:150px;height:136px;bottom:105px;left:9%}.research-bars span{width:24px}.research-tag{width:110px;bottom:132px;right:7%}.research-tag b{font-size:25px}.field-social .field-title{top:49%;left:8%}.social-phone{width:152px;height:300px}.social-phone .phone-shell{height:277px}.social-phone-a{top:104px;left:8%}.social-phone-b{top:90px;right:8%}.social-phone-c{bottom:118px;left:32%}.social-stats{width:111px;bottom:120px;right:3%}.social-stats b{font-size:39px}.field-editorial .field-title{top:52%;left:8%}.editorial-cover{width:140px;top:94px;left:8%}.editorial-cover b{font-size:24px;bottom:16px;left:11px}.editorial-spread{width:71vw;top:108px;right:-12%}.spread-copy{padding:11px}.spread-copy b{margin-top:65px;font-size:23px}.editorial-ticket{width:142px;bottom:112px;left:17%}.editorial-ticket b{font-size:40px}.editorial-cut{width:137px;bottom:124px;right:6%}.field-campaign .field-title{top:50%;left:8%}.campaign-poster{width:166px;top:93px;left:8%}.campaign-poster b{font-size:25px;bottom:17px;left:11px}.campaign-board{width:67vw;top:96px;right:-10%}.campaign-grid{min-height:178px}.campaign-grid span{padding:8px;font-size:7px}.campaign-copy{width:144px;bottom:126px;left:9%}.campaign-copy span{font-size:20px}.campaign-crop{width:149px;bottom:130px;right:5%}.detail-intro{flex-direction:column;min-height:100svh;padding:19vh 16px 44px;display:flex}.detail-intro h1{max-width:6ch;margin:15vh 0 0;font-size:19vw}.detail-summary{margin-top:auto;font-size:23px}.detail-meta{justify-content:flex-start;padding:25px 0 0}.detail-visual{min-height:780px}.detail-visual-1{min-height:720px}.detail-visual-1>img{width:88vw;height:520px;top:60px;left:6vw}.detail-overlay-copy{font-size:44px;bottom:43px;left:8vw}.detail-visual-2{min-height:680px;padding:16px}.detail-paper{min-height:430px;padding:17px}.detail-paper b{font-size:34px}.detail-paper i{width:66px;height:66px;bottom:17px;right:17px}.detail-paper i:before,.detail-paper i:after{width:38px;top:32px;left:13px}.detail-project-chip{font-size:7px;bottom:16px;left:16px}.detail-next{padding:16px;font-size:17vw}.detail-next small{font-size:7px}.content-page{padding-top:80px}.content-layout{flex-direction:column;min-height:67svh;padding:18vw 16px 22vw;display:flex}.content-statement{font-size:17vw}.content-detail{margin-top:auto;font-size:14px}.site-footer{height:660px}.footer-rings{inset:-60vw -112vw}.footer-message{white-space:normal;width:100%;font-size:17vw}.footer-copyright,.footer-email,.footer-linkedin{font-size:7px;bottom:20px}.footer-copyright{left:16px}.footer-email{left:50%}.footer-linkedin{right:16px}}@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}}@media (min-width:761px){.detail-meta{grid-column:2}}@media (max-width:760px){.detail-intro h1{overflow-wrap:normal;word-break:normal;max-width:100%;font-size:14.5vw}.detail-next{flex-direction:column;align-items:flex-start;gap:20px}.detail-next b{max-width:100%}}.portfolio-header .tab-nav{width:var(--site-nav-width);background:0 0;border:0;border-radius:0;grid-template-columns:repeat(4,1fr);display:grid;overflow:visible}.portfolio-header .tab-nav a,.portfolio-header.is-inverse .tab-nav a{color:#f0f0ed;letter-spacing:.16em;min-height:42px;width:var(--site-nav-item-width);background:#0d1011;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 10px;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:clamp(9px,.68vw,11px);font-weight:500;display:flex}.portfolio-header .tab-nav a[aria-current=page]{color:#777d80}.portfolio-header .tab-nav a:hover,.portfolio-header.is-inverse .tab-nav a:hover{color:#fff;background:#141819}.portfolio-header.is-minimal .wordmark,.portfolio-header.is-minimal .social-nav{opacity:0;pointer-events:none}.portfolio-header.is-minimal .tab-nav{grid-column:2}.project-index{gap:4px;width:clamp(310px,25vw,430px);bottom:2.3vh;left:2.3vw}.project-index a{color:rgb(242 244 244/var(--showcase-interface-opacity));letter-spacing:.1em;grid-template-columns:clamp(78px,6vw,105px) 1fr;gap:clamp(18px,2vw,38px);padding:1px 0;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:clamp(11px,.9vw,15px);font-weight:500;line-height:1.4}.project-index b{font-size:inherit;letter-spacing:.045em;font-weight:500}.project-index a.is-active,.project-index a:hover{color:#fffffffa}.project-index.is-visible{opacity:var(--project-index-opacity,1)}.figure-caption{color:#eff2f385;letter-spacing:.16em;margin-top:clamp(9px,1vw,16px);font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:clamp(9px,.7vw,12px);font-weight:500}.figure-catalogue-label{color:#eff2f3b8;letter-spacing:.16em;margin-top:clamp(9px,1vw,16px);font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:clamp(9px,.7vw,12px);font-weight:500;display:block}.figure-catalogue-label+.figure-caption{margin-top:4px}.portfolio-fixed-layer{display:contents}.portfolio-fixed-background{background:var(--product-background);opacity:var(--exhibition-background-opacity,1);pointer-events:none;z-index:0;position:fixed;inset:0}.project-showcase,.project-atlas{z-index:1;position:relative}.global-project-title{color:#fff;font-family:var(--font-anybody),"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:var(--product-title-scale);font-variation-settings:"wdth" 88,"wght" 240;letter-spacing:-.015em;mix-blend-mode:difference;max-width:90vw;opacity:var(--global-title-opacity,0);pointer-events:none;text-align:center;white-space:nowrap;z-index:24;margin:0;font-weight:240;line-height:.92;transition:opacity 80ms linear;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.project-exhibition-stage{z-index:1;width:100vw;height:100svh;position:sticky;top:0;overflow:hidden}.project-background-layer,.project-interface-layer{position:absolute;inset:0}.project-background-layer{z-index:0}.project-canvas-layer{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.project-spatial-canvas{height:var(--project-canvas-height);width:100%;position:absolute;top:0;left:0}.project-interface-layer{pointer-events:none;z-index:7}.project-background-oneplus-gradient{background:var(--product-background)}.project-background-stage{background:var(--stage)}.project-background-stage-deep{background:var(--stage-deep)}.project-background-stage-muted{background:var(--stage-muted)}.flow-document{height:var(--project-stage-height,165svh);isolation:isolate;scroll-margin-top:8vh}.flow-document+.flow-document{margin-top:20px}.flow-document .project-exhibition-stage,.flow-document .project-canvas-layer,.flow-document .project-spatial-canvas{width:100%;height:100%;position:relative;inset:auto;overflow:visible}.flow-document .field-art,.flow-document .field-art *{will-change:auto;transition:none}.flow-document .field-art{transform:none!important}.flow-document .field-art[data-placement=true]{bottom:auto;top:var(--asset-y);width:var(--asset-width)}.flow-document .field-art[data-anchor-x=left]{left:var(--asset-x);right:auto}.flow-document .field-art[data-anchor-x=right]{left:auto;right:var(--asset-x)}.flow-document .field-label,.flow-document .field-range,.flow-document .field-open{display:none}#oneplus-13-series .product-phone{z-index:3;height:auto}#oneplus-13-series .product-phone .phone-shell{border-radius:clamp(18px,1.7vw,28px);height:clamp(330px,29vw,455px)}#oneplus-13-series .product-phone .phone-shell img{filter:none}#oneplus-13-series .product-screen{z-index:2}#oneplus-13-series .product-screen .feature-screen{height:clamp(340px,30vw,520px)}#oneplus-13-series .product-card{height:var(--product-card-size);z-index:4;bottom:auto}#oneplus-13-series .product-card b{font-size:clamp(122px,12vw,190px);font-weight:500}#oneplus-13-series .product-detail{z-index:3;bottom:auto}#oneplus-13-series .product-detail img{aspect-ratio:1.48;filter:none;object-fit:cover;width:100%}#ai-how-to-video-campaign .ai-main-video{z-index:3}#ai-how-to-video-campaign .ai-storyboard{z-index:2}#ai-how-to-video-campaign .ai-storyboard img,#ai-how-to-video-campaign .ai-production-reference img{aspect-ratio:1.45;border:2px solid var(--line);filter:grayscale(.18)contrast(1.06);object-fit:cover;width:100%}#ai-how-to-video-campaign .ai-script-note{z-index:2;bottom:auto}#ai-how-to-video-campaign .ai-production-reference{z-index:3}#campus-media-content .campus-article img,#integrated-marketing-campaign .integrated-proposition img{aspect-ratio:.82;width:100%}#integrated-marketing-campaign .integrated-activation img,#integrated-marketing-campaign .integrated-insight img,#integrated-marketing-campaign .integrated-final img{border:2px solid var(--line);object-fit:cover;width:100%}#integrated-marketing-campaign .integrated-activation img{aspect-ratio:1.45}#integrated-marketing-campaign .integrated-insight img{aspect-ratio:1.3}#integrated-marketing-campaign .integrated-final img{aspect-ratio:1.42}.havas-research{z-index:2;width:min(32vw,560px);top:90px;left:8%}.havas-reference{z-index:3;width:min(25vw,430px);top:250px;right:7%}.havas-proposal{z-index:2;width:min(44vw,760px);top:535px;left:20%}.havas-creative{z-index:3;width:min(38vw,650px);top:780px;right:2%}.havas-research img,.havas-reference img,.havas-creative img{border:2px solid var(--line);object-fit:cover;width:100%}.havas-research img{aspect-ratio:1.45}.havas-reference img{aspect-ratio:.7}.havas-creative img{aspect-ratio:1.5}.mango-entertainment{z-index:2;width:min(44vw,760px);top:90px;right:6%}.mango-publishing{z-index:3;width:min(33vw,560px);top:360px;left:8%}.mango-campaign{z-index:2;width:min(24vw,420px);top:590px;right:14%}.mango-rhythm{z-index:3;width:min(38vw,650px);top:790px;left:18%}.mango-entertainment img,.mango-campaign img,.mango-rhythm img{border:2px solid var(--line);object-fit:cover;width:100%}.mango-entertainment img{aspect-ratio:1.5}.mango-campaign img{aspect-ratio:.7}.mango-rhythm img{aspect-ratio:1.45}.project-cursor{background:var(--chapter-accent,var(--chapter-accent-steel-blue));color:#fff;letter-spacing:.12em;opacity:0;pointer-events:none;white-space:nowrap;z-index:80;border-radius:999px;align-items:center;gap:clamp(20px,2vw,30px);padding:11px 16px 10px 18px;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:clamp(10px,.78vw,13px);font-weight:500;transition:background-color .3s cubic-bezier(.22,1,.36,1),opacity .16s;display:flex;position:fixed;top:0;left:0}.project-cursor b{font-size:1.55em;font-weight:300;line-height:.7}.project-cursor.is-visible{opacity:1!important}.work-page{--work-background:var(--contact-background-base);background:var(--work-background);color:#f2f1ec;min-height:100svh;position:relative;overflow:hidden}.work-environment{background:var(--contact-background-gradient);opacity:var(--contact-background-opacity);pointer-events:none;z-index:0;position:fixed;inset:0}.work-accent-wash{background:var(--work-active-accent,transparent);opacity:var(--work-accent-opacity,0);pointer-events:none;z-index:1;transition:background-color .32s cubic-bezier(.22,1,.36,1),opacity .32s cubic-bezier(.22,1,.36,1);position:fixed;inset:0}.work-page .portfolio-header{z-index:4;align-items:start;padding:30px 30px 0}.work-page .portfolio-header .tab-nav{width:var(--site-nav-width);gap:0}.work-page .portfolio-header .tab-nav a,.work-page .portfolio-header.is-inverse .tab-nav a{color:#fff;font-family:var(--display);letter-spacing:1.05px;background:#151a1ccc;border-radius:8px;width:90px;height:36px;min-height:36px;padding:0;font-size:12px;font-weight:400;line-height:15.6px;transition:background-color .2s ease-out}.work-page .portfolio-header .tab-nav a:first-child{border-radius:18px 8px 8px 18px}.work-page .portfolio-header .tab-nav a:last-child{border-radius:8px 18px 18px 8px}.work-page .portfolio-header .tab-nav a:hover,.work-page .portfolio-header.is-inverse .tab-nav a:hover{color:#fff;background:#2b3538cc}.work-page .portfolio-header .tab-nav a[aria-current=page],.work-page .portfolio-header .tab-nav a[aria-current=page]:hover{color:#b3bfc9;background:#0b0e0fcc}.work-page .portfolio-header .wordmark.personal-identity{-webkit-font-smoothing:auto;-webkit-text-stroke:.4px currentColor;color:#f2f1ecf2;font-family:var(--font-identity),cursive;letter-spacing:.04em;text-rendering:geometricprecision;margin-top:5px;margin-left:10px;font-size:18px;font-weight:400;line-height:1}.work-overview{z-index:2;justify-content:center;align-items:center;min-height:100svh;padding:104px 36px 54px;display:flex;position:relative}.work-overview-heading{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.work-chapter-list{flex-direction:column;align-items:center;gap:clamp(22px,3.3vh,34px);width:min(900px,90vw);display:flex}.work-chapter-entry{text-align:center;flex-direction:column;align-items:center;gap:9px;width:max-content;display:flex}.work-chapter-number{filter:blur(3px);font-family:var(--font-anybody),var(--display);font-variation-settings:"wdth" 80,"wght" 260;letter-spacing:-.04em;opacity:.5;font-size:clamp(52px,5.2vw,76px);font-weight:260;line-height:.72;transition:filter .32s cubic-bezier(.22,1,.36,1),opacity .32s cubic-bezier(.22,1,.36,1)}.work-chapter-title{color:#f2f1ecad;font-family:var(--display);letter-spacing:.11em;text-transform:uppercase;white-space:nowrap;font-size:clamp(10px,.82vw,12px);font-weight:400;line-height:1.2;transition:color .32s cubic-bezier(.22,1,.36,1)}:is(.work-chapter-entry:hover .work-chapter-number,.work-chapter-entry:focus-visible .work-chapter-number){filter:blur(1px);opacity:.8}:is(.work-chapter-entry:hover .work-chapter-title,.work-chapter-entry:focus-visible .work-chapter-title){color:#f2f1ecf5}.work-chapter-entry:focus-visible{outline:none}@media (max-width:760px){.work-page .portfolio-header{padding:17px 16px 0}.work-page .portfolio-header .wordmark{display:none}.work-page .portfolio-header .tab-nav{width:min(300px,100vw - 32px)}.work-page .portfolio-header .tab-nav a,.work-page .portfolio-header.is-inverse .tab-nav a{letter-spacing:.8px;width:auto;height:30px;min-height:30px;font-size:9px;line-height:12px}.work-overview{padding:82px 18px 36px}.work-chapter-list{gap:26px;width:100%}.work-chapter-number{font-size:clamp(44px,16vw,64px)}.work-chapter-title{white-space:normal;font-size:9px}}@media (prefers-reduced-motion:reduce){.work-accent-wash,.work-chapter-number,.work-chapter-title,.project-cursor{transition:none}}@media (hover:hover) and (pointer:fine){.flow-document{cursor:default}.flow-document .field-art{cursor:none}}@media (min-width:761px) and (max-width:1399px){.flow-document .field-art[data-placement=true]{top:var(--asset-compact-y);width:var(--asset-compact-width)}.flow-document .field-art[data-compact-anchor-x=left]{left:var(--asset-compact-x);right:auto}.flow-document .field-art[data-compact-anchor-x=right]{left:auto;right:var(--asset-compact-x)}}@media (max-width:760px){.portfolio-header .tab-nav{width:min(300px,100vw - 32px)}.portfolio-header .tab-nav a,.portfolio-header.is-inverse .tab-nav a{width:auto;min-height:30px;padding:0 5px;font-size:7px}.global-project-title{white-space:normal;width:88vw;max-width:88vw;font-size:clamp(38px,11vw,58px);line-height:.88}.flow-document{height:var(--project-stage-height-mobile,var(--project-stage-height,154svh))}.flow-document .field-art[data-placement=true]{top:var(--asset-mobile-y);width:var(--asset-mobile-width)}.flow-document .field-art[data-mobile-anchor-x=left]{left:var(--asset-mobile-x);right:auto}.flow-document .field-art[data-mobile-anchor-x=right]{left:auto;right:var(--asset-mobile-x)}#oneplus-13-series .product-phone .phone-shell{height:280px}#oneplus-13-series .product-screen .feature-screen{height:230px}#oneplus-13-series .product-card{height:120px}#oneplus-13-series .product-card b{font-size:120px}.project-cursor{display:none}}.about-page{--about-background:#050607;--about-foreground:#f2f1ec;background:var(--about-background);color:var(--about-foreground);min-height:100svh;position:relative;overflow-x:clip}.about-environment{background:var(--about-background);pointer-events:none;z-index:0;position:fixed;inset:0}.about-page .portfolio-header{align-items:start;padding:30px 30px 0}.about-page .portfolio-header .tab-nav{width:var(--site-nav-width);gap:0}.about-page .portfolio-header .tab-nav a,.about-page .portfolio-header.is-inverse .tab-nav a{color:#fff;font-family:var(--display);letter-spacing:1.05px;background:#151a1ccc;border-radius:8px;width:90px;height:36px;min-height:36px;padding:0;font-size:12px;font-weight:400;line-height:15.6px;transition:background-color .2s ease-out}.about-page .portfolio-header .tab-nav a:first-child{border-radius:18px 8px 8px 18px}.about-page .portfolio-header .tab-nav a:last-child{border-radius:8px 18px 18px 8px}.about-page .portfolio-header .tab-nav a:hover,.about-page .portfolio-header.is-inverse .tab-nav a:hover{color:#fff;background:#2b3538cc}.about-page .portfolio-header .tab-nav a[aria-current=page],.about-page .portfolio-header .tab-nav a[aria-current=page]:hover{color:#b3bfc9;background:#0b0e0fcc}.about-page .portfolio-header .wordmark,.about-page .portfolio-header .social-nav{align-items:center;height:36px;transition:opacity .2s ease-out;display:flex}.about-page .portfolio-header .wordmark.personal-identity{-webkit-font-smoothing:auto;-webkit-text-stroke:.4px currentColor;color:#f2f1ecf2;font-family:var(--font-identity),cursive;letter-spacing:.04em;opacity:1;text-rendering:geometricprecision;margin-top:5px;margin-left:10px;font-size:18px;font-weight:400;line-height:1}.about-page .portfolio-header.is-minimal .wordmark.personal-identity{opacity:0}.about-page .portfolio-header .social-nav{font-family:var(--display);letter-spacing:1.1px;margin-right:10px;font-size:13px;font-weight:400;line-height:15.6px;overflow:visible}.about-page .portfolio-header .header-email-link:hover{opacity:.68}@media (max-width:760px){.about-page .portfolio-header{justify-content:center;padding:20px 0 0;display:flex}.about-page .portfolio-header .wordmark,.about-page .portfolio-header .social-nav{display:none}.about-page .portfolio-header .tab-nav{width:min(300px,100vw - 32px)}.about-page .portfolio-header .tab-nav a,.about-page .portfolio-header.is-inverse .tab-nav a{width:auto;height:36px;min-height:36px;font-size:12px}}.contact-page{background:var(--contact-background-base);color:#f2f1ec;min-height:100svh;position:relative;overflow-x:hidden}.contact-environment{background:var(--contact-background-gradient);opacity:var(--contact-background-opacity);pointer-events:none;z-index:0;position:fixed;inset:0}.contact-page .portfolio-header{align-items:start;padding:30px 30px 0}.contact-page .portfolio-header .tab-nav{width:var(--site-nav-width);gap:0}.contact-page .portfolio-header .tab-nav a,.contact-page .portfolio-header.is-inverse .tab-nav a{color:#fff;font-family:var(--display);letter-spacing:1.05px;background:#151a1ccc;border-radius:8px;width:90px;height:36px;min-height:36px;padding:0;font-size:12px;font-weight:400;line-height:15.6px;transition:background-color .2s ease-out}.contact-page .portfolio-header .tab-nav a:first-child{border-radius:18px 8px 8px 18px}.contact-page .portfolio-header .tab-nav a:last-child{border-radius:8px 18px 18px 8px}.contact-page .portfolio-header .tab-nav a:hover,.contact-page .portfolio-header.is-inverse .tab-nav a:hover{color:#fff;background:#2b3538cc}.contact-page .portfolio-header .tab-nav a[aria-current=page],.contact-page .portfolio-header .tab-nav a[aria-current=page]:hover{color:#b3bfc9;background:#0b0e0fcc}.contact-page .portfolio-header .wordmark.personal-identity{-webkit-font-smoothing:auto;-webkit-text-stroke:.4px currentColor;color:#f2f1ecf2;font-family:var(--font-identity),cursive;letter-spacing:.04em;opacity:1;text-rendering:geometricprecision;height:36px;margin-top:5px;margin-left:10px;font-size:18px;font-weight:400;line-height:1}.contact-stage{z-index:1;min-height:100svh;position:relative}.contact-composition{flex-direction:column;gap:clamp(48px,6svh,64px);width:max-content;max-width:calc(100vw - 80px);height:auto;display:flex;position:absolute;top:53.25%;left:50%;transform:translate(-50%,-50%)}.contact-primary{min-width:0;position:relative}.contact-primary h1,.contact-note h2{color:#f2f1ec99;filter:blur(1.7px);letter-spacing:-.03em;margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:30px;font-weight:300;line-height:1.2}.contact-primary h1{filter:blur(1.05px)}.contact-primary h1 .contact-supporting-copy{letter-spacing:-.03em;margin-top:6px;font-size:clamp(14px,1.25vw,18px);line-height:1.2;display:block}.contact-primary a{color:#f2f1ec;cursor:pointer;letter-spacing:-.03em;white-space:nowrap;margin-top:12px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(34px,2.78vw,40px);font-weight:300;line-height:1.2;transition:opacity .22s ease-out;display:block;position:static}:is(.contact-primary a:hover,.contact-primary a:focus-visible){opacity:.82}.contact-primary a:focus-visible{outline-offset:5px;outline:1px solid}.contact-notes{position:relative}.contact-note{width:100%}.contact-note p{color:#f2f1ec8c;letter-spacing:-.02em;max-width:31ch;margin:19px 0 0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:18px;font-weight:300;line-height:1.2}.contact-footer{color:#f2f1ec80;font-family:var(--display);font-size:var(--footer-utility-font-size);letter-spacing:.1em;z-index:1;grid-template-columns:1fr 1fr;align-items:center;height:95px;padding:0 40px;font-weight:400;line-height:1.35;display:grid;position:relative}.contact-footer-email{justify-self:end}.contact-footer-email .homepage-email-address{top:auto;bottom:calc(100% + 8px);right:0}@media (max-width:1399px) and (min-width:761px){.contact-primary h1,.contact-note h2{font-size:27px}.contact-primary a{font-size:36px}}@media (max-width:760px){.contact-page .portfolio-header{justify-content:center;padding:20px 0 0;display:flex}.contact-page .portfolio-header .wordmark.personal-identity{display:none}.contact-page .portfolio-header .tab-nav{width:min(300px,100vw - 32px)}.contact-page .portfolio-header .tab-nav a,.contact-page .portfolio-header.is-inverse .tab-nav a{width:auto;height:36px;min-height:36px;font-size:12px}.contact-stage{min-height:880px}.contact-composition{width:calc(100vw - 84px);max-width:none;height:auto;top:153px;left:43px;transform:none}.contact-primary h1,.contact-note h2{font-size:24px;line-height:1.2}.contact-primary a{font-size:clamp(20px,5.6vw,24px);line-height:1.2}.contact-note p{max-width:100%;margin-top:20px;font-size:18px;line-height:1.2}.contact-footer{font-size:var(--footer-utility-font-size);align-items:end;height:120px;padding:0 18px 28px}}.site-footer-ending{--ending-background-opacity:0;--ending-message-opacity:0;--ending-footer-opacity:0;--ending-footer-pointer-events:none;color:var(--ending-text);isolation:isolate;z-index:0;background:0 0;height:max(760px,100svh);overflow:visible}.site-footer-ending .ending-fixed-environment,.site-footer-ending .footer-stage{pointer-events:none;width:100%;height:100svh;position:fixed;inset:0;overflow:hidden}.site-footer-ending .ending-fixed-environment{z-index:0}.site-footer-ending .footer-stage{z-index:2}.site-footer-ending .footer-background{background:var(--ending-bg);opacity:var(--ending-background-opacity);z-index:0;position:absolute;inset:0}.site-footer-ending .footer-message{font-family:var(--font-anybody),var(--sans);font-size:var(--ending-message-size);font-variation-settings:"wdth" 72,"wght" 260;letter-spacing:-.01em;max-width:min(78vw,1080px);opacity:var(--ending-message-opacity);text-wrap:balance;white-space:normal;z-index:2;width:max-content;font-style:normal;font-weight:260;line-height:.87;top:47%;left:50%;transform:translate(-50%,-50%)}.site-footer-ending .footer-copyright,.site-footer-ending .footer-email,.site-footer-ending .footer-linkedin{color:#f2f3efad;opacity:var(--ending-footer-opacity);z-index:3;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-weight:500}.site-footer-ending .footer-copyright{font-size:var(--footer-utility-font-size);bottom:40px;left:40px}.site-footer-ending .footer-email:hover,.site-footer-ending .footer-linkedin:hover{color:var(--ending-text)}.site-footer-ending .footer-email,.site-footer-ending .footer-linkedin{pointer-events:var(--ending-footer-pointer-events)}.site-footer-ending .footer-email{font-size:var(--footer-utility-font-size);letter-spacing:var(--caps);text-align:right;line-height:1;bottom:40px;left:auto;right:40px;transform:none}.site-footer-ending .footer-email .homepage-email-address{color:#f2f3ef85;top:auto;bottom:calc(100% + 8px);right:0}@media (max-width:760px){.site-footer-ending{--ending-message-size:clamp(38px,12.5vw,54px);height:max(660px,100svh)}.site-footer-ending .footer-message{width:82vw;max-width:82vw}.site-footer-ending .footer-copyright,.site-footer-ending .footer-email{font-size:var(--footer-utility-font-size);bottom:20px}.site-footer-ending .footer-linkedin{font-size:7px;bottom:20px}.site-footer-ending .footer-email{left:auto;right:16px;transform:none}}.global-project-title{text-wrap:balance;white-space:normal;width:max-content;max-width:min(86vw,1360px)}#product-launch .product-phone{z-index:3;height:auto}#product-launch .product-phone .phone-shell{border-radius:clamp(18px,1.7vw,28px);height:clamp(330px,29vw,455px)}#product-launch .product-phone .phone-shell img{filter:none}#product-launch .product-screen{z-index:2}#product-launch .product-screen .feature-screen{height:clamp(340px,30vw,520px)}#product-launch .product-card{height:var(--product-card-size);z-index:4;bottom:auto}#product-launch .product-card b{font-size:clamp(122px,12vw,190px);font-weight:500}#product-launch .product-detail{z-index:3;bottom:auto}#product-launch .product-detail img{aspect-ratio:1.48;filter:none;object-fit:cover;width:100%}.ai-main-video{z-index:3}.ai-storyboard{z-index:2}.ai-storyboard img{aspect-ratio:1.45;border:2px solid var(--line);filter:grayscale(.18)contrast(1.06);object-fit:cover;width:100%}.ai-script-note{z-index:2;bottom:auto}.campus-article img{aspect-ratio:.82}.integrated-proposition img{aspect-ratio:.82;width:100%}.integrated-activation img,.integrated-insight img{border:2px solid var(--line);object-fit:cover;width:100%}.integrated-activation img{aspect-ratio:1.45}.integrated-insight img{aspect-ratio:1.3}.academic-imm-research img,.academic-chew-research img,.academic-chew-visual img{border:2px solid var(--line);object-fit:cover;width:100%}.academic-imm-research img{aspect-ratio:1.45}.academic-chew-visual img{aspect-ratio:1.5}.academic-chew-research img{aspect-ratio:1.3}.chapter-browser-frames{height:var(--browser-stage-height);pointer-events:none;width:var(--browser-field-width);position:absolute;top:0;left:50%;transform:translate(-50%)}.exhibition-browser-constellation{height:var(--browser-field-height);top:var(--browser-field-top);transform:scale(var(--browser-field-scale));transform-origin:top;width:var(--browser-field-width);position:relative}.exhibition-composition-constellation{height:100%;transform:scale(var(--exhibition-composition-scale));transform-origin:top;width:100%;position:relative}.exhibition-browser-frame{left:var(--frame-x);pointer-events:auto;top:calc(var(--frame-y) - var(--browser-field-top));width:var(--frame-width);z-index:var(--frame-z-index);position:absolute}.exhibition-browser-shell{height:var(--frame-height);background:#111415;border:1px solid #ebeff047;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.exhibition-browser-bar{color:#f4f5f1b8;background:#272b2d;border-bottom:1px solid #ebeff029;flex:0 0 27px;grid-template-columns:42px 1fr 42px;align-items:center;padding:0 10px;display:grid}.exhibition-browser-bar>span{gap:4px;display:flex}.exhibition-browser-bar i{background:#858b8d;border-radius:50%;width:5px;height:5px}.exhibition-browser-bar b{letter-spacing:.14em;text-align:center;text-overflow:ellipsis;white-space:nowrap;grid-column:2;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:7px;font-weight:500;overflow:hidden}.exhibition-browser-viewport{flex:1;min-height:0;position:relative;overflow:hidden}.exhibition-browser-inner{will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0;transform:translate(0)}.exhibition-browser-inner.is-background-black{background:#000}.exhibition-browser-inner.is-background-dark{background:#111415}.exhibition-browser-inner.is-background-paper{background:#ecece7}.exhibition-browser-inner.is-single-contained{justify-content:center;align-items:center;display:flex}.exhibition-browser-inner.is-vertical-media-track{gap:var(--browser-media-gap);height:var(--browser-track-extent);grid-template-rows:repeat(3,minmax(0,1fr));display:grid}.exhibition-browser-inner.is-native-ratio-horizontal-gallery,.exhibition-browser-inner.is-contact-sheet{align-items:center;gap:var(--browser-media-gap);display:flex}.exhibition-browser-inner.is-native-ratio-horizontal-gallery{justify-content:flex-start;width:max-content}.exhibition-browser-inner.is-contact-sheet{justify-content:center}.browser-media-item{min-height:0;position:relative;overflow:hidden}.browser-media-item.is-background-black{background:#000}.browser-media-item.is-background-dark{background:#111415}.browser-media-item.is-background-paper{background:#ecece7}.browser-media-item>picture{width:100%;height:100%;display:block}.browser-media-item>picture>img{object-fit:var(--browser-media-fit);object-position:var(--browser-media-position);width:100%;height:100%;display:block}.is-single-contained>.browser-media-item,.is-vertical-media-track>.browser-media-item{width:100%;height:100%}.is-native-ratio-horizontal-gallery>.browser-media-item,.is-contact-sheet>.browser-media-item{aspect-ratio:var(--browser-media-native-ratio);height:var(--browser-media-height);flex:none;width:auto}.is-contact-sheet>.browser-media-item{aspect-ratio:auto;flex:1 1 0;min-width:0;height:100%}.browser-placeholder-item{color:#111313;min-height:0;padding:clamp(12px,1.5vw,24px);position:relative;overflow:hidden}.browser-placeholder-item.is-ink{color:#edf0ee;background:#090b0c}.browser-placeholder-item.is-graphite{color:#edf0ee;background:#343a3d}.browser-placeholder-item.is-mist{background:#b7c0c4}.browser-placeholder-item.is-paper{background:#ecece7}.browser-placeholder-item>span,.browser-placeholder-item>b{z-index:2;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;position:relative}.browser-placeholder-item>span{letter-spacing:.16em;font-size:7px;font-weight:500;display:block}.browser-placeholder-item>b{letter-spacing:-.03em;font-size:clamp(13px,1.35vw,22px);font-weight:500;position:absolute;bottom:clamp(12px,1.4vw,22px);left:clamp(12px,1.5vw,24px)}.browser-placeholder-visual{opacity:.55;position:absolute;inset:0}.browser-placeholder-visual i{transform-origin:100%;background:currentColor;width:56%;height:1px;position:absolute;right:9%}.browser-placeholder-visual i:first-child{top:30%;transform:rotate(-6deg)}.browser-placeholder-visual i:nth-child(2){width:37%;top:51%}.browser-placeholder-visual i:nth-child(3){width:48%;top:70%;transform:rotate(7deg)}.exhibition-browser-frame>.figure-catalogue-label,.exhibition-browser-frame>.figure-caption{display:block}.exhibition-browser-frame>.figure-catalogue-label{margin-top:12px}.exhibition-browser-frame>.figure-caption{margin-top:10px}.exhibition-browser-frame>.figure-catalogue-label+.figure-caption{margin-top:4px}.chapter-proposal-system{height:var(--exhibition-reference-height);pointer-events:none;left:50%;top:var(--exhibition-composition-offset-y);width:var(--exhibition-reference-width);position:absolute;transform:translate(-50%)}.proposal-system-constellation{height:100%;transform:scale(var(--exhibition-composition-scale));transform-origin:top;width:100%;position:relative}.proposal-primary-object{left:var(--proposal-x);pointer-events:auto;top:var(--proposal-y);width:min(var(--proposal-width),var(--proposal-max-width));z-index:var(--proposal-z-index);position:absolute}.proposal-board-surface,.proposal-browser-shell,.proposal-strip-surface{aspect-ratio:var(--proposal-aspect-ratio);box-shadow:var(--proposal-shadow-x) var(--proposal-shadow-y) var(--proposal-shadow-blur) var(--proposal-shadow-spread) rgba(0,0,0,var(--proposal-shadow-opacity));width:100%;position:relative;overflow:hidden}.proposal-board-surface,.proposal-strip-surface{color:#121414;background:#efeee7;border-radius:14px}.proposal-object-eyebrow,.proposal-board-footer{letter-spacing:.15em;z-index:8;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:8px;font-weight:500;position:absolute}.proposal-object-eyebrow{top:24px;left:26px}.proposal-board-footer{bottom:24px;left:26px}.proposal-page-stack{position:absolute;inset:0}.proposal-page-position{aspect-ratio:var(--proposal-page-aspect-ratio);left:var(--proposal-page-x);top:var(--proposal-page-y);transform:rotate(var(--proposal-page-rotation));transform-origin:50%;width:var(--proposal-page-width);z-index:var(--proposal-page-z-index);position:absolute}.proposal-page{color:#111313;width:100%;height:100%;padding:14px 15px;transition:transform .32s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden;box-shadow:4px 5px 14px #00000026}.proposal-page.is-paper{background:#faf9f2}.proposal-page.is-mist{background:#c2c8c8}.proposal-page.is-graphite{color:#f2f2ed;background:#404648}.proposal-page.is-ink{color:#f2f2ed;background:#111415}.proposal-page.has-real-media{background:#f8f7f0;padding:0}.proposal-page.has-real-media img{object-fit:contain;width:100%;height:100%;display:block}.proposal-page>span,.proposal-page>strong,.proposal-page>small{z-index:2;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;position:relative}.proposal-page>span{letter-spacing:.14em;font-size:6px;font-weight:500;display:block}.proposal-page>strong{letter-spacing:-.025em;max-width:8ch;margin-top:14px;font-size:16px;font-weight:500;line-height:.95;display:block}.proposal-page>small{letter-spacing:.1em;font-size:6px;position:absolute;bottom:12px;left:15px}.proposal-page-layout{opacity:.36;position:absolute;inset:0}.proposal-page-layout i{background:currentColor;width:48%;height:1px;position:absolute;right:9%}.proposal-page-layout i:first-child{top:43%}.proposal-page-layout i:nth-child(2){width:33%;top:58%}.proposal-page-layout i:nth-child(3){width:57%;top:70%}.proposal-primary-object>.figure-catalogue-label,.proposal-primary-object>.figure-caption{display:block}.proposal-primary-object>.figure-catalogue-label{margin-top:12px}.proposal-primary-object>.figure-caption{margin-top:9px}.proposal-primary-object>.figure-catalogue-label+.figure-caption{margin-top:4px}.proposal-browser-shell{background:#101314;border:1px solid #ebeff042;border-radius:10px;flex-direction:column;display:flex}.proposal-browser-bar{color:#f4f5f1b8;background:#272b2d;border-bottom:1px solid #ebeff029;flex:0 0 27px;grid-template-columns:42px 1fr 42px;align-items:center;padding:0 10px;display:grid}.proposal-browser-bar>span{gap:4px;display:flex}.proposal-browser-bar i{background:#858b8d;border-radius:50%;width:5px;height:5px}.proposal-browser-bar b{letter-spacing:.14em;text-align:center;text-overflow:ellipsis;white-space:nowrap;grid-column:2;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:7px;font-weight:500;overflow:hidden}.proposal-browser-page{color:#121414;background:#e9e9e3;flex:1;min-height:0;padding:34px 36px 28px;position:relative}.proposal-browser-page.has-real-media{background:#f5f4ef;padding:12px}.proposal-browser-page>span,.proposal-browser-page>strong,.proposal-browser-panels small,.proposal-browser-panels b{font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif}.proposal-browser-page>span{letter-spacing:.16em;font-size:7px;font-weight:500;display:block}.proposal-browser-page>strong{letter-spacing:-.045em;max-width:13ch;margin-top:22px;font-size:31px;font-weight:500;line-height:.9;display:block}.proposal-browser-panels{grid-template-columns:repeat(3,1fr);gap:1px;display:grid;position:absolute;bottom:28px;left:36px;right:36px}.proposal-browser-panels.has-real-media{grid-template-rows:minmax(0,.86fr) minmax(0,1.14fr);grid-template-columns:minmax(0,29%) minmax(0,1fr);gap:14px;inset:12px}.proposal-browser-panels.has-real-media>div{aspect-ratio:auto;background:#fff;justify-content:center;align-items:center;min-height:0;padding:0;display:flex;overflow:hidden}.proposal-browser-panels.has-real-media .is-portrait{grid-row:1/span 2}.proposal-browser-panels.has-real-media img{object-fit:contain;width:100%;height:100%;display:block}.proposal-browser-panels>div{aspect-ratio:1.22;padding:11px;position:relative}.proposal-browser-panels .is-paper{background:#f8f7f0}.proposal-browser-panels .is-mist{background:#bcc4c5}.proposal-browser-panels .is-graphite{color:#f2f2ed;background:#3c4244}.proposal-browser-panels small{letter-spacing:.14em;font-size:6px}.proposal-browser-panels b{letter-spacing:.05em;font-size:10px;font-weight:500;position:absolute;bottom:10px;left:11px}.proposal-strip-surface{padding:24px 26px 22px}.proposal-strip-surface .proposal-object-eyebrow{top:20px;left:26px}.proposal-strip-row{will-change:transform;align-items:center;gap:13px;width:calc(178% - 92.56px);display:flex;position:absolute;bottom:22px;left:26px}.proposal-strip-thumbnail{aspect-ratio:1.32;width:calc(25% - 9.75px);padding:11px;position:relative;box-shadow:2px 3px 9px #0000001a}.proposal-strip-thumbnail.has-real-media{aspect-ratio:1.7773;background:#f8f7f0;flex:none;padding:0;box-shadow:2px 3px 9px #0000001a}.proposal-strip-thumbnail.has-real-media img{object-fit:contain;width:100%;height:100%;display:block}.proposal-strip-thumbnail.is-paper{background:#fbfaf4}.proposal-strip-thumbnail.is-mist{background:#c2c9c9}.proposal-strip-thumbnail.is-graphite{color:#f2f2ed;background:#414749}.proposal-strip-thumbnail small,.proposal-strip-thumbnail b,.proposal-strip-more{font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif}.proposal-strip-thumbnail small{letter-spacing:.13em;font-size:6px}.proposal-strip-thumbnail i{opacity:.45;background:currentColor;height:1px;position:absolute;top:48%;left:11px;right:11px}.proposal-strip-thumbnail b{letter-spacing:.04em;font-size:11px;font-weight:500;position:absolute;bottom:10px;left:11px}.proposal-strip-more{letter-spacing:-.04em;justify-self:center;font-size:22px;font-weight:400}.chapter-phone-field{height:var(--exhibition-reference-height);pointer-events:none;left:50%;top:var(--exhibition-composition-offset-y);width:var(--exhibition-reference-width);position:absolute;transform:translate(-50%)}.exhibition-phone-frame{left:var(--phone-x);pointer-events:auto;top:var(--phone-y);width:min(var(--phone-width),var(--phone-max-width));z-index:var(--phone-z-index);position:absolute}.exhibition-phone-shell{aspect-ratio:var(--phone-aspect-ratio);background:#07090a;border:1px solid #eef1f138;border-radius:11%/5.4%;padding:clamp(6px,3%,9px);overflow:hidden}.exhibition-phone-screen{background:#a7afb1;border-radius:8.5%/4.1%;width:100%;height:100%;position:relative;overflow:hidden}.exhibition-phone-media{width:100%;height:100%;position:relative;overflow:hidden}.exhibition-phone-media-track{will-change:transform;width:100%;transform:translate(0)}.exhibition-phone-media-item{width:100%;position:relative}.exhibition-phone-media-item img{width:100%;display:block}.exhibition-phone-media.is-long-scroll,.exhibition-phone-media.is-long-scroll .exhibition-phone-media-track,.exhibition-phone-media.is-long-scroll .exhibition-phone-media-item{background:#fff}.exhibition-phone-media.is-long-scroll .exhibition-phone-media-item img{height:auto}.exhibition-phone-media.is-poster{background:#1b1d29}.exhibition-phone-media.is-poster .exhibition-phone-media-track,.exhibition-phone-media.is-poster .exhibition-phone-media-item{height:100%}.exhibition-phone-media.is-poster .exhibition-phone-media-item img{object-fit:var(--phone-media-fit);object-position:var(--phone-media-position);height:100%}[data-exhibition-phone=phone-b-mango-content-overview] .exhibition-phone-media.is-poster{background:#191919}[data-exhibition-phone=phone-b-mango-content-overview] .exhibition-phone-media.is-poster .exhibition-phone-media-item img{max-width:none;height:auto;transform:translateY(14px)}.exhibition-phone-media.is-feed{background:#eceeea;padding:5px}.exhibition-phone-media.is-feed .exhibition-phone-media-track{gap:var(--phone-media-gap);flex-direction:column;height:100%;display:flex}.exhibition-phone-media.is-feed .exhibition-phone-media-item{background:#fff;border-radius:4px;flex:1 1 0;min-height:0;overflow:hidden}.exhibition-phone-media.is-feed .exhibition-phone-media-item img{object-fit:var(--phone-media-fit);object-position:var(--phone-media-position);height:100%}.exhibition-phone-placeholder{color:#111415;height:100%;padding:14% 9% 10%;position:relative}.exhibition-phone-placeholder>span,.exhibition-phone-placeholder>b{z-index:2;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;position:relative}.exhibition-phone-placeholder>span{letter-spacing:.14em;font-size:clamp(5px,.46vw,7px);font-weight:500;display:block}.exhibition-phone-placeholder>b{letter-spacing:.02em;max-width:72%;font-size:clamp(9px,.78vw,12px);font-weight:500;line-height:1.05;position:absolute;bottom:8%;left:9%}.exhibition-phone-placeholder>i{opacity:.4;background:currentColor;width:56%;height:1px;position:absolute;right:9%}.exhibition-phone-placeholder>i:first-of-type{top:29%}.exhibition-phone-placeholder>i:nth-of-type(2){width:38%;top:42%}.exhibition-phone-placeholder>i:nth-of-type(3){width:68%;top:66%}.exhibition-phone-screen.is-charcoal{color:#edf0ee;background:#252a2c}.exhibition-phone-screen.is-charcoal .exhibition-phone-placeholder{color:#edf0ee}.exhibition-phone-screen.is-mist{background:#aeb7ba}.exhibition-phone-screen.is-paper{background:#e7e8e3}.exhibition-phone-screen.is-graphite{color:#eef0ee;background:#4c5356}.exhibition-phone-screen.is-graphite .exhibition-phone-placeholder{color:#eef0ee}.exhibition-phone-screen.is-slate{background:#788286}.exhibition-phone-sensor{z-index:3;background:#07090a;border-radius:999px;width:26%;height:2.2%;position:absolute;top:1.3%;left:50%;transform:translate(-50%)}.exhibition-phone-home{z-index:3;background:#07090ab8;border-radius:999px;width:34%;height:.7%;position:absolute;bottom:1.2%;left:50%;transform:translate(-50%)}.exhibition-phone-frame>.figure-caption{margin-top:10px}.phone-case-annotation{color:#eff2f3b8;left:var(--phone-annotation-x);letter-spacing:.16em;top:var(--phone-annotation-y);z-index:2;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:clamp(9px,.7vw,12px);font-weight:500;position:absolute}.chapter-publication-system{height:var(--exhibition-reference-height);pointer-events:none;left:50%;top:var(--exhibition-composition-offset-y);width:var(--exhibition-reference-width);position:absolute;transform:translate(-50%)}.publication-system-constellation{height:100%;transform:scale(var(--exhibition-composition-scale));transform-origin:top;width:100%;position:relative}.exhibition-publication-object{pointer-events:auto;top:var(--publication-y);width:min(var(--publication-width),var(--publication-max-width));z-index:var(--publication-z-index);position:absolute}.exhibition-publication-object[data-anchor-x=left]{left:var(--publication-x);right:auto}.exhibition-publication-object[data-anchor-x=right]{left:auto;right:var(--publication-x)}.publication-object-stage{aspect-ratio:var(--publication-aspect-ratio);width:100%;position:relative}.publication-book-perspective{height:100%;perspective:var(--publication-perspective);width:100%;position:relative}.publication-book-volume{box-shadow:var(--publication-shadow-x) var(--publication-shadow-y) var(--publication-shadow-blur) var(--publication-shadow-spread) rgba(0,0,0,var(--publication-shadow-opacity));height:100%;transform:rotateX(var(--publication-rotation-x)) rotateY(var(--publication-rotation-y));transform-style:preserve-3d;width:100%;position:relative}.publication-page-face{color:#111414;background:#efeee7;padding:clamp(14px,1.45vw,23px);position:absolute;inset:0;overflow:hidden}.publication-page-face.is-paper{background:#f3f1e9}.publication-page-face.is-mist{background:#c1c7c6}.publication-page-face.is-graphite{color:#f1f0ea;background:#3d4345}.publication-page-face.is-ink{color:#f1f0ea;background:#111516}.publication-page-face>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.publication-page-face.has-real-media{padding:0}.publication-page-face.has-real-media>img{object-fit:contain}.publication-open-book .publication-page-face.has-real-media{padding:8px}.publication-open-book .publication-page-face.has-real-media>img{object-fit:contain;width:100%;height:100%;position:relative;inset:auto}.publication-strip-card .publication-page-face.has-real-media{padding:0}.publication-page-face>span,.publication-page-face>strong,.publication-page-face>small{z-index:2;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;position:relative}.publication-page-face>span{letter-spacing:.15em;font-size:clamp(6px,.52vw,8px);font-weight:500;display:block}.publication-page-face>strong{letter-spacing:-.04em;max-width:9ch;margin-top:14%;font-size:clamp(17px,1.55vw,24px);font-weight:500;line-height:.92;display:block}.publication-page-face>small{letter-spacing:.12em;font-size:clamp(5px,.45vw,7px);position:absolute;bottom:8%;left:clamp(14px,1.45vw,23px)}.publication-page-layout{opacity:.32;position:absolute;inset:0}.publication-page-layout i{background:currentColor;width:43%;height:1px;position:absolute;right:8%}.publication-page-layout i:first-child{top:43%}.publication-page-layout i:nth-child(2){width:28%;top:57%}.publication-page-layout i:nth-child(3){width:52%;top:69%}.exhibition-publication-object>.figure-catalogue-label{margin-top:13px}.exhibition-publication-object>.figure-caption{margin-top:5px}[data-publication-object=publication-accent-b]>.figure-catalogue-label,[data-publication-object=publication-accent-b]>.figure-caption{transform:translateY(12px)}.publication-stack-surface{width:100%;height:100%;position:relative}.publication-stack-sheet-position{aspect-ratio:var(--publication-sheet-aspect-ratio);left:var(--publication-sheet-x);top:var(--publication-sheet-y);transform:rotate(var(--publication-sheet-rotation));transform-origin:50%;width:var(--publication-sheet-width);z-index:var(--publication-sheet-z-index);position:absolute}.publication-stack-sheet{box-shadow:var(--publication-shadow-x) var(--publication-shadow-y) var(--publication-shadow-blur) var(--publication-shadow-spread) rgba(0,0,0,var(--publication-sheet-shadow-opacity));border:1px solid #2023231a;transition:transform .32s cubic-bezier(.22,1,.36,1)}.publication-stack-sheet>strong{max-width:10ch;font-size:clamp(19px,1.8vw,28px)}@media (hover:hover) and (pointer:fine){[data-proposal-object=proposal-object-a-board] [data-proposal-page=supnice-offline-market]{--stack-hover-x:8px;--stack-hover-y:-14px;--stack-hover-rotation:-.35deg}[data-proposal-object=proposal-object-a-board] [data-proposal-page=supnice-strategy]{--stack-hover-x:-14px;--stack-hover-y:-3px;--stack-hover-rotation:.4deg}[data-proposal-object=proposal-object-a-board] [data-proposal-page=supnice-interaction]{--stack-hover-x:14px;--stack-hover-y:4px;--stack-hover-rotation:-.35deg}[data-proposal-object=proposal-object-a-board] [data-proposal-page=supnice-cover]{--stack-hover-x:-4px;--stack-hover-y:14px;--stack-hover-rotation:.3deg}[data-proposal-object=proposal-object-a-board] .proposal-page-stack:hover .proposal-page{transform:translate3d(var(--stack-hover-x),var(--stack-hover-y),0) rotate(var(--stack-hover-rotation))}[data-publication-stack=publication-stack-a] [data-publication-page=yishouhaoxi-cover-sheet]{--stack-hover-x:-12px;--stack-hover-y:8px;--stack-hover-rotation:-.3deg}[data-publication-stack=publication-stack-a] [data-publication-page=yishouhaoxi-strategy-sheet]{--stack-hover-x:-3px;--stack-hover-y:11px;--stack-hover-rotation:.3deg}[data-publication-stack=publication-stack-a] [data-publication-page=yishouhaoxi-activation-sheet]{--stack-hover-x:-4px;--stack-hover-y:-10px;--stack-hover-rotation:-.25deg}[data-publication-stack=publication-stack-a] [data-publication-page=yishouhaoxi-craft-sheet]{--stack-hover-x:12px;--stack-hover-y:4px;--stack-hover-rotation:.35deg}[data-publication-stack=publication-stack-a] .publication-stack-surface:hover .publication-stack-sheet{transform:translate3d(var(--stack-hover-x),var(--stack-hover-y),0) rotate(var(--stack-hover-rotation))}}@media (prefers-reduced-motion:reduce){[data-proposal-object=proposal-object-a-board] .proposal-page-stack:hover .proposal-page,[data-publication-stack=publication-stack-a] .publication-stack-surface:hover .publication-stack-sheet{transform:none}}.publication-open-book{transform-origin:50%;border-radius:3px}.publication-open-book:before{content:"";z-index:-1;background:#d8d5cc;width:98%;height:4px;position:absolute;bottom:-3px;left:1%}.publication-open-left,.publication-open-right{border:1px solid #2023231c;width:50%;height:100%;top:0}.publication-open-left{left:0;right:auto}.publication-open-right{left:auto;right:0}.publication-open-left:after,.publication-open-right:after{content:"";pointer-events:none;position:absolute;inset:0}.publication-open-left:after{background:linear-gradient(90deg,#0000 76%,#13151514)}.publication-open-right:after{background:linear-gradient(90deg,#13151512,#0000 24%)}.publication-turning-page{transform-origin:0;height:100%;transform-style:preserve-3d;will-change:transform;z-index:5;width:50%;position:absolute;top:0;left:50%;transform:rotateY(0)}.publication-turn-front,.publication-turn-back{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid #2023231c;width:100%;height:100%}.publication-turn-front{transform:translateZ(1px)}.publication-turn-back{transform:rotateY(180deg)translateZ(1px)}.publication-turn-front:after,.publication-turn-back:after{content:"";pointer-events:none;background:linear-gradient(90deg,#13151514,#0000 25%);position:absolute;inset:0}.publication-book-spine{pointer-events:none;z-index:8;background:linear-gradient(90deg,#16181808,#1618182e,#ffffff29,#16181808);width:8px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)translateZ(7px)}.publication-output-strip{box-shadow:var(--publication-shadow-x) var(--publication-shadow-y) var(--publication-shadow-blur) var(--publication-shadow-spread) rgba(0,0,0,var(--publication-shadow-opacity));color:#121414;background:#efeee7;border-radius:14px;width:100%;height:100%;padding:24px 26px 22px;position:relative;overflow:hidden}.publication-strip-eyebrow{letter-spacing:.15em;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:8px;font-weight:500;position:absolute;top:20px;left:26px}.publication-strip-viewport{position:absolute;inset:55px 26px 22px;overflow:hidden}.publication-strip-track{will-change:transform;align-items:stretch;gap:13px;width:max-content;height:100%;display:flex;transform:translate(0)}.publication-strip-card{aspect-ratio:1.6;flex:none;height:100%;position:relative;box-shadow:3px 4px 12px #00000024}.publication-strip-card>.publication-page-face{border:1px solid #20232314}.publication-strip-card .publication-page-face{padding:13px 14px}.publication-strip-card .publication-page-face>span{font-size:6px}.publication-strip-card .publication-page-face>strong{margin-top:12%;font-size:16px}.publication-strip-card .publication-page-face>small{font-size:6px;bottom:11px;left:14px}.publication-strip-more{letter-spacing:-.04em;text-align:center;flex:0 0 52px;align-self:center;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:25px;font-weight:400}.publication-accent-fragment{box-shadow:var(--publication-shadow-x) var(--publication-shadow-y) var(--publication-shadow-blur) var(--publication-shadow-spread) rgba(0,0,0,var(--publication-shadow-opacity));color:#eef0eb;border:1px solid #e8eae61f;width:100%;height:100%;padding:18px 20px;position:relative;overflow:hidden}.publication-accent-fragment.is-paper{color:#121414;background:#f3f1e9}.publication-accent-fragment.is-mist{color:#121414;background:#c1c7c6}.publication-accent-fragment.is-graphite{background:#3d4345}.publication-accent-fragment.is-ink{background:#111516}.publication-accent-fragment.has-real-media,.publication-accent-fragment.is-tile.has-real-media{padding:0}.publication-accent-fragment.has-real-media>img{width:100%;height:100%;display:block}.publication-accent-fragment.has-real-media.is-media-cover>img{object-fit:cover}.publication-accent-fragment.has-real-media.is-media-contain>img{object-fit:contain}.publication-accent-fragment.is-banner.has-real-media{background:#f3f1e9;border:1px solid #2023231f;border-radius:10px;padding:7px}.publication-accent-fragment.is-banner.has-real-media>img{object-position:center;border-radius:5px}.publication-accent-fragment.is-tile.has-real-media{background:#202425;border:3px solid #202425;border-radius:7px;padding:14px 0 0;position:relative;overflow:hidden}.publication-accent-fragment.is-tile.has-real-media:before{content:"";z-index:2;background:#8b9090;border-radius:50%;width:3px;height:3px;position:absolute;top:4px;left:6px;box-shadow:5px 0 #707575,10px 0 #595e5f}.publication-accent-fragment.is-tile.has-real-media>img{object-position:center 52%}.publication-accent-fragment>span,.publication-accent-fragment>strong,.publication-accent-fragment>small{z-index:2;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;position:relative}.publication-accent-fragment>span{letter-spacing:.16em;font-size:7px;font-weight:500;display:block}.publication-accent-fragment>strong{letter-spacing:-.045em;max-width:8ch;margin-top:13%;font-size:clamp(18px,1.65vw,26px);font-weight:500;line-height:.88;display:block}.publication-accent-fragment>small{letter-spacing:.13em;font-size:6px;position:absolute;bottom:15px;left:20px}.publication-accent-fragment>i{opacity:.28;border:1px solid;position:absolute;bottom:18px;right:20px}.publication-accent-fragment.is-banner>i{width:46px;height:46px}.publication-accent-fragment.is-banner>i:before,.publication-accent-fragment.is-banner>i:after{content:"";opacity:.55;background:currentColor;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.publication-accent-fragment.is-banner>i:before{width:100%;height:1px}.publication-accent-fragment.is-banner>i:after{width:1px;height:100%}.publication-accent-fragment.is-tile{padding:17px}.publication-accent-fragment.is-tile>strong{max-width:6ch;margin-top:24%;font-size:22px}.publication-accent-fragment.is-tile>small{bottom:14px;left:17px}.publication-accent-fragment.is-tile>i{opacity:.22;background:linear-gradient(135deg,#0000 0 49%,currentColor 50% 51%,#0000 52% 100%);width:72px;height:72px;bottom:22px;right:18px}.chapter-detail-page{--chapter-hero-scale:1;--chapter-opening-opacity:1;--chapter-opening-pointer-events:auto;--chapter-media-stack-gap:78px;--detail-nav-background:#ecece8b8;--detail-nav-hover-background:#e2e4e1d1;--detail-nav-active-background:#dadddad6;color:#080909;background:#fff;min-height:100svh;overflow-x:clip}.chapter-detail-page .portfolio-header{z-index:40;align-items:start;padding:30px 30px 0}.portfolio-header.is-detail{color:#151a1ce0;mix-blend-mode:normal;pointer-events:none;background:0 0}.portfolio-header.is-detail a{pointer-events:auto}.portfolio-header.is-detail .wordmark,.portfolio-header.is-detail .social-nav{color:#151a1ce0;mix-blend-mode:normal}.portfolio-header.is-detail .tab-nav{isolation:isolate;mix-blend-mode:normal;width:var(--site-nav-width);background:0 0;border:0;gap:0;overflow:visible}.portfolio-header.is-detail .tab-nav a,.portfolio-header.is-detail.is-inverse .tab-nav a{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--detail-nav-background,#ecece8b8);color:#272a2a;font-family:var(--display);letter-spacing:1.05px;border:0;border-radius:8px;width:90px;height:36px;min-height:36px;padding:0;font-size:12px;font-weight:400;line-height:15.6px;transition:background-color .2s ease-out}.portfolio-header.is-detail .tab-nav a:first-child{border-radius:18px 8px 8px 18px}.portfolio-header.is-detail .tab-nav a:last-child{border-radius:8px 18px 18px 8px}.portfolio-header.is-detail .tab-nav a:hover,.portfolio-header.is-detail.is-inverse .tab-nav a:hover{background:var(--detail-nav-hover-background,#e2e4e1d1);color:#171919}.portfolio-header.is-detail .tab-nav a[aria-current=page],.portfolio-header.is-detail .tab-nav a[aria-current=page]:hover{background:var(--detail-nav-active-background,#dadddad6);color:#101212}.chapter-hero{height:100svh;opacity:var(--chapter-opening-opacity,1);pointer-events:var(--chapter-opening-pointer-events,auto);will-change:opacity;z-index:1;width:100%;position:fixed;inset:0;overflow:hidden}.chapter-hero-inner{width:100%;height:100%;position:relative}.chapter-hero-primary{height:100%;transform:scale(var(--chapter-hero-scale));transform-origin:50%;will-change:transform;width:100%;position:relative}.chapter-hero-number{letter-spacing:.14em;margin:0;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:10px;font-weight:500;position:absolute;top:126px;left:40px}.chapter-hero h1{letter-spacing:-.055em;text-align:center;text-wrap:balance;width:max-content;max-width:94vw;margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(64px,6.1vw,92px);font-weight:300;line-height:.88;position:absolute;top:18%;left:50%;transform:translate(-50%)}.chapter-statement{color:#cececa;letter-spacing:-3px;text-align:center;text-wrap:balance;width:60vw;max-width:60vw;margin:0;font-family:Helvetica Neue Condensed Bold,Arial Narrow,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(58px,5.3vw,88px);font-weight:700;line-height:.83;position:absolute;top:51%;left:50%;transform:translate(-50%,-50%)}.chapter-description-control{z-index:8;position:absolute;top:74%;left:50%;transform:translate(-50%)}.chapter-description-control>button{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#202222;cursor:pointer;letter-spacing:.1em;background:#8e918e59;border:0;border-radius:40px;justify-content:center;align-items:center;width:120px;height:37px;padding:0;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:500;display:flex}.chapter-description-copy{color:#181919;opacity:0;pointer-events:none;text-align:center;z-index:2;width:min(440px,82vw);transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 20px);left:50%;transform:translate(-50%,8px)}.chapter-description-copy p{white-space:pre-line;margin:0;font-size:13px;line-height:1.45}.chapter-description-control:hover .chapter-description-copy,.chapter-description-control:focus-within .chapter-description-copy,.chapter-description-control.is-open .chapter-description-copy{opacity:1;transform:translate(-50%)}.chapter-capabilities{justify-content:center;gap:8px;width:90vw;margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:5.5vh;left:50%;transform:translate(-50%)}.chapter-capabilities li{color:#8c8c89;letter-spacing:1px;white-space:nowrap;height:20px;padding:0 8px;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:500;line-height:20px}.chapter-media{pointer-events:none;z-index:5;padding-top:100svh;position:relative}.chapter-case{pointer-events:auto;background:#fff;padding:90px max(40px,50vw - 680px) 100px;position:relative}.chapter-case+.chapter-case{border-top:1px solid #deded9;padding-top:110px}.chapter-case-marker{grid-template-columns:90px 1fr auto;align-items:end;gap:20px;max-width:1360px;margin:0 auto 78px;display:grid}.chapter-case-marker span,.chapter-case-marker p,.chapter-media-item figcaption{letter-spacing:.13em;text-transform:uppercase;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:11px;font-weight:500}.chapter-case-marker h2{letter-spacing:-.05em;margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(42px,4.2vw,68px);font-weight:300;line-height:.9}.chapter-case-marker p{color:#848783;text-align:right;margin:0}.chapter-case-media{max-width:1360px;margin:0 auto}.chapter-media-row{margin:0 auto var(--chapter-media-stack-gap);align-items:start;gap:40px;display:grid}.chapter-media-row:last-child{margin-bottom:0}.chapter-media-row.is-full{grid-template-columns:1fr}.chapter-media-row.is-pair{grid-template-columns:repeat(2,1fr)}.chapter-media-row.is-asymmetric{grid-template-columns:1.38fr .62fr}.chapter-media-row.is-inset{grid-template-columns:1fr;width:76%}.chapter-media-row.is-triple{grid-template-columns:repeat(3,1fr)}.chapter-media-item{min-width:0;margin:0}.chapter-media-item img{object-fit:cover;background:#d7d7d2;width:100%;height:auto}.chapter-media-row.is-full img{aspect-ratio:1.65}.chapter-media-row.is-pair img{aspect-ratio:1.08}.chapter-media-row.is-asymmetric .chapter-media-item:first-child img{aspect-ratio:1.36}.chapter-media-row.is-asymmetric .chapter-media-item:last-child img{aspect-ratio:.78}.chapter-media-row.is-inset img{aspect-ratio:1.55}.chapter-media-row.is-triple img{aspect-ratio:.82}.chapter-media-item figcaption{color:#777a77;margin-top:12px}.chapter-selector{opacity:0;pointer-events:none;z-index:28;width:163px;transition:opacity .18s,transform .18s;position:fixed;bottom:30px;left:40px;transform:translateY(8px)}.chapter-selector.is-visible{opacity:var(--detail-control-opacity,1);pointer-events:auto;transform:none}.chapter-selector>button,.chapter-selector-menu{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f5f5f1c7;border:1px solid #10101026;border-radius:20px}.chapter-selector>button{color:#111;cursor:pointer;letter-spacing:.11em;text-align:left;justify-content:space-between;align-items:center;width:100%;height:38px;padding:0 14px;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:9px;font-weight:500;display:flex;overflow:hidden}.chapter-selector>button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chapter-selector>button b{font-size:15px;font-weight:300}.chapter-selector-menu{opacity:0;pointer-events:none;flex-direction:column;width:240px;padding:7px;transition:opacity .16s,transform .16s;display:flex;position:absolute;bottom:calc(100% + 8px);left:0;overflow:hidden;transform:translateY(8px)}.chapter-selector.is-open .chapter-selector-menu{opacity:1;pointer-events:auto;transform:none}.chapter-selector-menu a,.chapter-selector-menu span{letter-spacing:.08em;border-radius:14px;grid-template-columns:22px 1fr;align-items:center;gap:8px;min-height:30px;padding:0 8px;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:9px;display:grid}.chapter-selector-menu a:hover{background:#00000012}.chapter-selector-menu .is-current{color:#999b97}.chapter-selector-menu i{opacity:.5;font-style:normal}.chapter-next-fixed{color:#fff;letter-spacing:.11em;opacity:0;pointer-events:none;z-index:28;background:#b84fd1;border-radius:40px;align-items:center;gap:24px;height:38px;padding:0 16px 0 19px;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:13px;font-weight:500;transition:background-color .16s,opacity .18s,transform .18s;display:flex;position:fixed;bottom:29px;right:40px;transform:translateY(8px)}.chapter-next-fixed span{font-size:19px;font-weight:300;line-height:1}.chapter-next-fixed.is-visible{opacity:var(--detail-control-opacity,1);pointer-events:auto;transform:none}.chapter-next-fixed:hover{background:#c661dd}.chapter-detail-cta{z-index:6;background:#fff;justify-content:center;padding:190px 0 170px;display:flex;position:relative}.chapter-detail-cta a{color:#fff;background:#0d1011;border-radius:40px;flex-direction:column;justify-content:center;align-items:center;width:242px;height:68px;display:flex}.chapter-detail-cta span,.chapter-detail-cta b{letter-spacing:.12em;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:9px;font-weight:500}.chapter-detail-cta b{margin-top:5px;font-size:10px}.chapter-detail-cta a:hover{background:#242829}.chapter-detail-footer{z-index:6;background:#fff;border-top:1px solid #deded9;justify-content:space-between;align-items:center;min-height:92px;padding:0 40px;font-size:13px;display:flex;position:relative}.chapter-detail-footer div{gap:24px;display:flex}.chapter-detail-footer a:hover{opacity:.5}@media (min-width:761px) and (max-width:1399px){.chapter-hero h1{font-size:clamp(64px,6.1vw,92px)}.chapter-statement{font-size:clamp(58px,5.3vw,88px)}}@media (max-width:760px){#product-launch .product-phone .phone-shell{height:280px}#product-launch .product-screen .feature-screen{height:230px}#product-launch .product-card{height:120px}#product-launch .product-card b{font-size:120px}.chapter-detail-page .portfolio-header{grid-template-columns:1fr;padding:17px 16px 0}.portfolio-header.is-detail .wordmark,.chapter-detail-page .portfolio-header .social-nav{display:none}.chapter-detail-page .portfolio-header .tab-nav{grid-column:1;justify-self:center;width:min(360px,100vw - 32px)}.chapter-detail-page .portfolio-header .tab-nav a,.chapter-detail-page .portfolio-header.is-inverse .tab-nav a{letter-spacing:.8px;width:auto;height:30px;min-height:30px;font-size:9px;line-height:12px}.chapter-hero-number{font-size:8px;top:92px;left:16px}.chapter-hero h1{width:90vw;max-width:90vw;font-size:clamp(38px,11vw,52px);top:16%}.chapter-statement{letter-spacing:-1.8px;width:88vw;max-width:88vw;font-size:clamp(37px,10.6vw,50px);line-height:.88;top:47%}.chapter-description-control{top:70%}.chapter-description-control>button{width:108px;height:34px;font-size:10px}.chapter-description-copy{bottom:calc(100% + 12px)}.chapter-description-copy p{font-size:12px}.chapter-capabilities{flex-wrap:wrap;gap:2px 5px;width:92vw;bottom:5vh}.chapter-capabilities li{height:17px;padding:0 4px;font-size:8px;line-height:17px}.chapter-detail-page{--chapter-media-stack-gap:44px}.chapter-media{padding-top:100svh}.chapter-case{padding:54px 16px 70px}.chapter-case+.chapter-case{padding-top:72px}.chapter-case-marker{grid-template-columns:1fr;align-items:start;gap:8px;margin-bottom:40px}.chapter-case-marker span,.chapter-case-marker p,.chapter-media-item figcaption{font-size:8px}.chapter-case-marker h2{margin:10px 0 3px;font-size:clamp(34px,11vw,48px)}.chapter-case-marker p{text-align:left}.chapter-media-row,.chapter-media-row.is-pair,.chapter-media-row.is-asymmetric,.chapter-media-row.is-triple{margin-bottom:var(--chapter-media-stack-gap);grid-template-columns:1fr;gap:28px}.chapter-media-row.is-inset{width:84%}.chapter-media-row.is-asymmetric .chapter-media-item:first-child img,.chapter-media-row.is-asymmetric .chapter-media-item:last-child img{aspect-ratio:1.2}.chapter-media-row.is-pair img,.chapter-media-row.is-triple img{aspect-ratio:1.1}.chapter-selector{display:none}.chapter-next-fixed{height:34px;font-size:9px;bottom:16px;right:16px}.chapter-detail-cta{padding:120px 0 110px}.chapter-detail-cta a{width:220px;height:62px}.chapter-detail-footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;min-height:116px;padding:20px 16px;font-size:9px}}.portfolio-home{--opening-cue-opacity:1;--opening-identity-opacity:1;--opening-shade-opacity:.55}.portfolio-opening-shade{opacity:var(--opening-shade-opacity,.55);pointer-events:none;z-index:0;background:#000;position:fixed;inset:0}.portfolio-home .portfolio-header{align-items:start;padding:30px 30px 0}.portfolio-home .portfolio-header .tab-nav{width:var(--site-nav-width);gap:0}.portfolio-home .portfolio-header .tab-nav a,.portfolio-home .portfolio-header.is-inverse .tab-nav a{color:#fff;font-family:var(--display);letter-spacing:1.05px;background:#151a1ccc;border-radius:8px;width:90px;height:36px;min-height:36px;padding:0;font-size:12px;font-weight:400;line-height:15.6px;transition:background-color .2s ease-out}.portfolio-home .portfolio-header .tab-nav a:first-child{border-radius:18px 8px 8px 18px}.portfolio-home .portfolio-header .tab-nav a:last-child{border-radius:8px 18px 18px 8px}.portfolio-home .portfolio-header .tab-nav a:hover,.portfolio-home .portfolio-header.is-inverse .tab-nav a:hover{color:#fff;background:#2b3538cc}.portfolio-home .portfolio-header .tab-nav a[aria-current=page],.portfolio-home .portfolio-header .tab-nav a[aria-current=page]:hover{color:#b3bfc9;background:#0b0e0fcc}.portfolio-home .portfolio-header .wordmark,.portfolio-home .portfolio-header .social-nav{font-family:var(--display);letter-spacing:1.1px;align-items:center;height:36px;font-size:10px;font-weight:400;line-height:14px;transition:opacity .2s ease-out;display:flex}.portfolio-home .portfolio-header .social-nav{margin-right:10px;font-size:13px;line-height:15.6px}.portfolio-home .portfolio-header .wordmark.personal-identity{-webkit-font-smoothing:auto;-webkit-text-stroke:.4px currentColor;color:#f2f1ecf2;font-family:var(--font-identity),cursive;letter-spacing:.04em;opacity:1;text-rendering:geometricprecision;margin-top:5px;margin-left:10px;font-size:18px;font-weight:400;line-height:1}.portfolio-home .portfolio-header.is-minimal .wordmark.personal-identity{opacity:0}.portfolio-home .portfolio-header .social-nav{overflow:visible}.portfolio-home .portfolio-header .header-email-link:hover{opacity:.68}.portfolio-home .home-intro{--intro-identity-size:clamp(96px,7.222vw,104px);--intro-identity-y:48%;overflow:visible}.portfolio-home .intro-identity{max-width:calc(100vw - 48px);opacity:var(--opening-identity-opacity,1);pointer-events:none;will-change:opacity;position:fixed}.portfolio-home .intro-mark{font-family:var(--sans);font-size:var(--intro-identity-size);letter-spacing:-.045em;white-space:nowrap;margin:0;padding:0;font-weight:600;line-height:.96;display:block}.portfolio-home .intro-mark.personal-identity{font-family:var(--font-identity),cursive;letter-spacing:.025em;font-weight:400}.portfolio-home .intro-positioning{color:#f2f3efcc;font-family:var(--display);letter-spacing:.075em;text-transform:uppercase;white-space:nowrap;margin:34px 0 0;font-size:clamp(12px,.9vw,13px);font-weight:400;line-height:1.3}.portfolio-home .scroll-more{font-family:var(--display);letter-spacing:1.05px;height:16px;opacity:calc(.6 * var(--opening-cue-opacity,1));white-space:nowrap;width:160px;font-size:11px;font-weight:400;line-height:16px;display:block;position:absolute;bottom:70px;left:50%;overflow:hidden;transform:translate(-50%)}.portfolio-home .scroll-more-track{will-change:transform;gap:0;width:max-content;animation:2.12s linear infinite opening-scroll-cue;display:flex}.portfolio-home .scroll-more-track>span{flex:none;padding-right:32px}@keyframes opening-scroll-cue{to{transform:translate(-25%)}}@media (max-width:760px){.portfolio-home .portfolio-header{padding:17px 16px 0}.portfolio-home .portfolio-header .tab-nav{width:min(300px,100vw - 32px)}.portfolio-home .portfolio-header .tab-nav a,.portfolio-home .portfolio-header.is-inverse .tab-nav a{letter-spacing:.8px;width:auto;height:30px;min-height:30px;font-size:9px;line-height:12px}.portfolio-home .home-intro{--intro-identity-size:clamp(48px,15vw,66px);--intro-identity-y:46%}.portfolio-home .intro-identity{width:calc(100vw - 32px);max-width:calc(100vw - 32px)}.portfolio-home .intro-mark{white-space:nowrap}.portfolio-home .intro-positioning{white-space:normal;max-width:330px;margin:27px auto 0;font-size:11px;line-height:1.45}.portfolio-home .scroll-more{width:138px;height:14px;font-size:9px;line-height:14px;bottom:34px}.portfolio-home .scroll-more-track{animation-duration:1.85s}.portfolio-home .scroll-more-track>span{padding-right:26px}}.detail-shell-page{--detail-hero-scale:1;--detail-hero-optical-y:10px;--detail-opening-opacity:1;--detail-opening-pointer-events:auto;--detail-media-stack-gap:56px;--detail-nav-background:#ecece8b8;--detail-nav-hover-background:#e2e4e1d1;--detail-nav-active-background:#dadddad6;--detail-floating-opacity:0;--detail-floating-y:10px;--detail-blur-y:105%;color:#0b0c0c;background:#fff;min-height:100svh;position:relative;overflow-x:clip}.detail-shell-page .portfolio-header{color:#151a1ce0;z-index:40;align-items:start;padding:30px 30px 0}.detail-shell-page .portfolio-header .tab-nav{width:var(--site-nav-width);background:0 0;border:0;gap:0;overflow:visible}.detail-shell-page .portfolio-header .tab-nav a,.detail-shell-page .portfolio-header.is-inverse .tab-nav a{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--detail-nav-background);color:#272a2a;font-family:var(--display);letter-spacing:1.05px;border:0;border-radius:8px;justify-content:center;align-items:center;width:90px;height:36px;min-height:36px;padding:0;font-size:12px;font-weight:400;line-height:15.6px;transition:background-color .2s ease-out;display:flex}.detail-shell-page .portfolio-header .tab-nav a:first-child{border-radius:18px 8px 8px 18px}.detail-shell-page .portfolio-header .tab-nav a:last-child{border-radius:8px 18px 18px 8px}.detail-shell-page .portfolio-header .tab-nav a:hover,.detail-shell-page .portfolio-header.is-inverse .tab-nav a:hover{background:var(--detail-nav-hover-background);color:#171919}.detail-shell-page .portfolio-header .tab-nav a[aria-current=page],.detail-shell-page .portfolio-header .tab-nav a[aria-current=page]:hover{background:var(--detail-nav-active-background);color:#101212}.detail-shell-page .portfolio-header .wordmark.personal-identity{-webkit-font-smoothing:auto;-webkit-text-stroke:.4px currentColor;color:#151a1ce0;font-family:var(--font-identity),cursive;letter-spacing:.04em;text-rendering:geometricprecision;align-items:center;height:36px;margin-top:5px;margin-left:10px;font-size:18px;font-weight:400;line-height:1;display:flex}.detail-shell-page .portfolio-header .social-nav{font-family:var(--display);letter-spacing:1.1px;height:36px;opacity:var(--detail-header-email-opacity,1);pointer-events:var(--detail-header-email-pointer-events,auto);align-items:center;margin-right:10px;font-size:13px;font-weight:400;line-height:15.6px;transition:opacity .16s ease-out;display:flex;overflow:visible}.detail-shell-page .portfolio-header .header-email-link{pointer-events:var(--detail-header-email-pointer-events,auto)}.detail-shell-page .portfolio-header .header-email-link:hover{opacity:.68}@media (min-width:761px){.detail-shell-page .portfolio-header.is-detail{display:contents}.detail-shell-page .portfolio-header.is-detail .wordmark.personal-identity{color:#fff;mix-blend-mode:difference;z-index:40;position:fixed;top:30px;left:30px}.detail-shell-page .portfolio-header.is-detail .tab-nav{z-index:40;position:fixed;top:30px;left:50%;transform:translate(-50%)}.detail-shell-page .portfolio-header.is-detail .social-nav{color:#fff;mix-blend-mode:difference;z-index:40;position:fixed;top:30px;right:30px}}.detail-fixed-hero{height:100svh;opacity:var(--detail-opening-opacity,1);pointer-events:var(--detail-opening-pointer-events,auto);will-change:opacity;z-index:1;width:100%;position:fixed;inset:0;overflow:hidden}.detail-fixed-title-layer{color:#fff;mix-blend-mode:difference;height:100svh;opacity:var(--detail-opening-opacity,1);pointer-events:none;will-change:opacity;z-index:24;width:100%;position:fixed;inset:0}.detail-fixed-hero-primary,.detail-fixed-title-primary{height:100%;transform:translateY(var(--detail-hero-optical-y)) scale(var(--detail-hero-scale));transform-origin:50%;will-change:transform;width:100%;position:relative}.detail-fixed-title-layer h1{color:#fff;font-family:var(--font-anybody),var(--display);font-variation-settings:"wdth" 88;letter-spacing:-.035em;text-align:center;text-wrap:balance;width:max-content;max-width:calc(100vw - 80px);margin:0;font-size:clamp(64px,5.7vw,82px);font-weight:240;line-height:.88;position:absolute;top:23.5%;left:50%;transform:translate(-50%)}.detail-fixed-hero-statement{color:#cbccc8;filter:none;font-family:var(--font-anybody),var(--display);font-variation-settings:"wdth" 82;letter-spacing:-.045em;text-align:center;width:max-content;max-width:90vw;margin:0;font-size:clamp(68px,7vw,100px);font-weight:520;line-height:.8;position:absolute;top:37.2%;left:50%;transform:translate(-50%)}.detail-fixed-hero-statement span{display:block}.detail-description-disclosure{transform:translate(-50%,var(--detail-hero-optical-y));z-index:4;position:absolute;bottom:100px;left:50%}.detail-description-disclosure>button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#202222;cursor:default;font-family:var(--display);letter-spacing:1.04px;background:#d1d1d199;border:0;border-radius:40px;justify-content:center;align-items:center;width:120px;height:37px;padding:0;font-size:13px;font-weight:400;transition:background-color .15s;display:flex}:is(.detail-description-disclosure>button:hover,.detail-description-disclosure>button:focus-visible){background:#e8e8e8cc}.detail-description-disclosure>button:focus-visible{outline-offset:3px;outline:1px solid #0f1010b8}.detail-description-overlay{color:#333535;opacity:0;pointer-events:none;text-align:center;gap:14px;width:min(840px,84vw);font-family:Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,sans-serif;font-size:clamp(15px,1.18vw,17px);font-weight:300;line-height:1.44;transition:opacity .15s,transform .15s;display:grid;position:absolute;bottom:calc(100% + 26px);left:50%;transform:translate(-50%,7px)}.detail-description-overlay p{margin:0}.detail-description-overlay p+p{margin-top:8px}.detail-description-overlay [lang=en]{color:#333535;font-weight:300}.detail-description-overlay [lang=zh-CN]{color:#666967;font-size:.86em;font-weight:300;line-height:1.52}.detail-description-disclosure:hover .detail-description-overlay,.detail-description-disclosure:focus-within .detail-description-overlay,.detail-description-disclosure.is-active .detail-description-overlay{opacity:1;transform:translate(-50%)}.detail-capability-tags{transform:translate(-50%,var(--detail-hero-optical-y));z-index:3;justify-content:center;gap:8px;width:calc(100vw - 32px);margin:0;padding:0;list-style:none;display:flex;position:absolute;bottom:49px;left:50%}.detail-capability-tags li{color:#767976;font-family:var(--display);letter-spacing:.06em;white-space:nowrap;border:1px solid #20222233;border-radius:30px;height:20px;padding:2px 12px;font-size:13px;font-weight:400;line-height:13px}.detail-media-stage{pointer-events:none;z-index:5;padding-top:100svh;position:relative}.detail-media-document{pointer-events:auto;background:#fff;position:relative}.detail-media-document-inner{width:calc(100vw - 80px);max-width:1360px;margin:0 auto}.detail-content-intro{grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(64px,8vw,120px);padding:124px 0 142px;display:grid}.detail-content-intro.is-transition{margin-top:220px;padding-top:0}.detail-content-intro-heading h2{color:#101111;font-family:var(--font-anybody),var(--display);font-variation-settings:"wdth" 88;letter-spacing:-.025em;margin:0;font-size:clamp(32px,3.05vw,44px);font-weight:300;line-height:.94}.detail-content-intro-heading h2 span{color:#969994;font-weight:260}.detail-content-intro-heading>p,.detail-content-intro-copy li,.detail-content-filmstrip h3{color:#737672;font-family:var(--display);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:400;line-height:1.4}.detail-content-intro-heading>p{margin:19px 0 0}.detail-content-intro-copy{max-width:760px}.detail-content-intro-copy ul{flex-wrap:wrap;gap:8px 22px;margin:0 0 38px;padding:0;list-style:none;display:flex}.detail-content-intro-copy li{color:#555854;font-size:10px}.detail-content-intro-copy>p{color:#252726;letter-spacing:-.012em;max-width:740px;margin:0;font-family:Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,sans-serif;font-size:clamp(17px,1.32vw,19px);font-weight:300;line-height:1.5}.detail-content-intro-copy>p[lang=zh-CN]{color:#747773;letter-spacing:0;max-width:690px;margin-top:18px;font-size:14px;line-height:1.62}.detail-content-media{align-items:start;min-width:0;display:grid}.detail-content-media-item,.detail-content-filmstrip figure{min-width:0;margin:0}.detail-content-media img,.detail-content-filmstrip img{object-fit:contain;width:100%;max-width:100%;height:auto;display:block}.detail-content-media.is-launch-kv-reference,.detail-content-media.is-product-feature-reference,.detail-content-media.is-camera-reference{margin-bottom:var(--detail-media-stack-gap)}.detail-launch-kv-board{aspect-ratio:2.89;grid-template-columns:minmax(0,2.25fr) minmax(0,1fr);gap:clamp(5px,.56vw,8px);display:grid}.detail-launch-kv-primary,.detail-launch-kv-stack{min-height:0}.detail-launch-kv-primary>.detail-content-media-item,.detail-launch-kv-stack>.detail-content-media-item{height:100%}.detail-launch-kv-primary img,.detail-launch-kv-stack img{object-fit:cover;width:100%;height:100%}.detail-launch-kv-stack{grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(3px,.28vw,4px);display:grid}.detail-product-reference-board{aspect-ratio:6.72;grid-template-columns:minmax(0,29.5fr) minmax(0,24.8fr) minmax(0,21.2fr) minmax(0,24.5fr);gap:clamp(3px,.28vw,4px);display:grid}.detail-product-column,.detail-product-grid-row{min-width:0;min-height:0}.detail-product-column.is-a>.detail-content-media-item,.detail-product-column.is-d>.detail-content-media-item,.detail-product-column.is-c>.detail-content-media-item,.detail-product-grid-row>.detail-content-media-item{height:100%}.detail-product-column.is-b{grid-template-rows:minmax(0,.835fr) minmax(0,1fr);gap:clamp(3px,.28vw,4px);display:grid}.detail-product-grid-row{gap:clamp(3px,.28vw,4px);display:grid}.detail-product-grid-row.is-top{grid-template-columns:minmax(0,2.215fr) minmax(0,1.435fr)}.detail-product-grid-row.is-bottom{grid-template-columns:minmax(0,1.435fr) minmax(0,1.616fr)}.detail-product-column.is-c{grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(3px,.28vw,4px);display:grid}.detail-product-reference-board img{object-fit:contain;width:100%;height:100%}.detail-product-column.is-c img{object-fit:cover;object-position:center}.detail-camera-reference-board{gap:clamp(10px,.9vw,14px);display:grid}.detail-camera-row{gap:clamp(2px,.16vw,3px);min-width:0;display:flex}.detail-camera-row .detail-content-media-item{aspect-ratio:var(--detail-media-aspect);flex:var(--detail-media-aspect) 1 0;min-width:0}.detail-camera-row img{object-fit:contain;width:100%;height:100%}.detail-video-ui-reference-board{aspect-ratio:7.35;grid-template-columns:minmax(0,38.9fr) minmax(0,61.1fr);gap:clamp(2px,.2vw,3px);display:grid}.detail-video-ui-visuals,.detail-video-ui-screens{gap:clamp(2px,.2vw,3px);height:100%;min-height:0;display:grid}.detail-video-ui-visuals{grid-template-columns:repeat(5,minmax(0,1fr))}.detail-video-ui-screens{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(5,minmax(0,1fr))}.detail-video-ui-visuals .detail-content-media-item,.detail-video-ui-screens .detail-content-media-item{justify-content:center;align-items:center;height:100%;display:flex;overflow:hidden}.detail-video-ui-visuals img,.detail-video-ui-screens img{object-fit:contain;width:100%;height:100%}.detail-shell-page[data-chapter-detail=campaign-strategy]{--detail-media-stack-gap:48px}.detail-shell-page[data-chapter-detail=campaign-strategy] .detail-content-intro{padding:104px 0 88px}.detail-shell-page[data-chapter-detail=campaign-strategy] .detail-content-intro.is-transition{margin-top:112px;padding-top:0}.detail-shell-page[data-chapter-detail=campaign-strategy] .detail-content-intro.is-transition .detail-content-intro-heading>p{white-space:pre-line}.detail-vivo-board{aspect-ratio:1.81;grid-template-columns:minmax(0,27.5fr) minmax(0,72.5fr);gap:clamp(5px,.56vw,8px);min-width:0;display:grid}.detail-vivo-primary,.detail-vivo-stack,.detail-vivo-primary>.detail-content-media-item,.detail-vivo-stack>.detail-content-media-item{min-width:0;min-height:0}.detail-vivo-primary>.detail-content-media-item,.detail-vivo-stack>.detail-content-media-item{height:100%}.detail-vivo-stack{grid-template-rows:minmax(0,40.8fr) minmax(0,59.2fr);gap:clamp(5px,.56vw,8px);display:grid}.detail-vivo-board img{object-fit:contain;width:100%;height:100%}.detail-supnice-board{aspect-ratio:4.28;grid-template-columns:minmax(0,2fr) minmax(0,8fr);gap:clamp(3px,.28vw,4px);min-width:0;display:grid}.detail-supnice-feature-zone,.detail-supnice-archive-zone{gap:clamp(3px,.28vw,4px);min-width:0;min-height:0;display:grid}.detail-supnice-feature-zone{grid-template-rows:repeat(2,minmax(0,1fr))}.detail-supnice-archive-zone{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr))}.detail-postal-board{aspect-ratio:6.46;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(11,minmax(0,1fr));gap:clamp(3px,.28vw,4px);min-width:0;display:grid}.detail-postal-board>.detail-proposal-page:first-child{grid-area:1/1/span 2/span 2}.detail-postal-board>.detail-proposal-page:nth-child(2){grid-area:3/1}.detail-postal-board>.detail-proposal-page:nth-child(3){grid-area:3/2}.detail-proposal-page{transform-origin:50%;min-width:0;min-height:0;margin:0;position:relative;transform:scale(1)}.detail-proposal-page img{object-fit:contain;width:100%;height:100%}.detail-proposal-page.is-focusable{filter:blur(.42px);opacity:.9;transition:filter .2s ease-out,opacity .2s ease-out,transform .2s ease-out}:is(.detail-proposal-page.is-focusable:hover,.detail-proposal-page.is-focusable:focus-visible){filter:blur();opacity:1;z-index:2;outline:0;transform:scale(1.022)}.detail-shell-page[data-chapter-detail=academic-work]{--detail-media-stack-gap:44px}.detail-shell-page[data-chapter-detail=academic-work] .detail-fixed-title-layer h1{top:34%}.detail-shell-page[data-chapter-detail=academic-work] .detail-capability-tags{top:52%;bottom:auto}.detail-shell-page[data-chapter-detail=academic-work] .detail-content-intro.is-proposal{padding:92px 0 42px;display:block}.detail-shell-page[data-chapter-detail=academic-work] .detail-content-intro.is-proposal.is-transition{margin-top:112px;padding-top:0}.detail-content-intro-proposal-cn{color:#747773!important;letter-spacing:0!important;text-transform:none!important;margin:13px 0 0!important;font-family:Helvetica Neue,Helvetica,Arial,PingFang SC,Hiragino Sans GB,sans-serif!important;font-size:14px!important;font-weight:300!important;line-height:1.55!important}.is-academic-proposal-board{min-width:0}.detail-academic-board{--academic-board-gap:clamp(2px,.22vw,3px);aspect-ratio:var(--academic-board-ratio);gap:var(--academic-board-gap);grid-template-columns:var(--academic-board-columns);width:100%;min-width:0;display:grid}.detail-academic-feature-zone,.detail-academic-archive-zone{gap:var(--academic-board-gap);min-width:0;min-height:0;display:grid}.detail-academic-feature-zone{grid-template-rows:repeat(2,minmax(0,1fr))}.detail-academic-board .detail-proposal-page{height:100%}.is-imm-board .detail-academic-board{--academic-board-columns:minmax(0,1.58fr) minmax(0,8.42fr);--academic-board-ratio:5.63}.is-imm-board .detail-academic-archive-zone{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr))}.is-chew-board .detail-academic-board{--academic-board-columns:minmax(0,1.43fr) minmax(0,8.57fr);--academic-board-ratio:6.2}.is-chew-board .detail-academic-archive-zone{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(9,minmax(0,1fr))}.is-yishou-board .detail-academic-board{--academic-board-columns:minmax(0,1.67fr) minmax(0,8.33fr);--academic-board-ratio:5.33}.is-yishou-board .detail-academic-archive-zone{grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(10,minmax(0,1fr))}.detail-shell-page[data-chapter-detail=content-engagement]{--detail-media-stack-gap:48px}.detail-shell-page[data-chapter-detail=content-engagement] .detail-content-intro{padding:108px 0 96px}.detail-shell-page[data-chapter-detail=content-engagement] .detail-content-intro.is-transition{margin-top:136px;padding-top:0}.detail-content-phone-group{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,44px);width:100%;min-width:0;max-width:980px;margin:0 auto;display:grid}.detail-content-phone{aspect-ratio:.515;background:#171919;border:1px solid #131515e0;border-radius:clamp(22px,2vw,29px);min-width:0;margin:0;padding:clamp(6px,.62vw,9px);overflow:hidden}.detail-content-phone-screen{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;scroll-behavior:smooth;background:#fff;border-radius:clamp(17px,1.55vw,22px);outline:0;height:100%;overflow:hidden auto}.detail-content-phone-screen.is-dark{background:#171919}.detail-content-phone-screen::-webkit-scrollbar{display:none}.detail-content-phone-stream{gap:clamp(4px,.42vw,6px);min-width:0;display:grid}.detail-content-phone-stream.is-article,.detail-content-phone-stream.is-titles{gap:0}.detail-content-phone-stream img{object-fit:contain;width:calc(100% + 2px);max-width:none;height:auto;margin-left:-1px;display:block}.detail-content-filmstrip{margin-top:4px}.detail-content-filmstrip.is-spacious{margin-top:108px}.detail-content-filmstrip header{grid-template-columns:minmax(210px,.72fr) minmax(0,1.28fr);align-items:end;gap:40px;margin-bottom:25px;display:grid}.detail-content-filmstrip h3{color:#242625;margin:0}.detail-content-filmstrip header p{color:#777a76;margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:13px;font-weight:300;line-height:1.45}.detail-content-filmstrip-track{grid-template-columns:repeat(8,minmax(0,1fr));gap:10px;display:grid}.detail-gradual-bottom-blur{height:100px;opacity:var(--detail-floating-opacity);pointer-events:none;transform:translateY(var(--detail-blur-y));z-index:26;width:100%;position:fixed;bottom:0;left:0;overflow:hidden}.detail-gradual-bottom-blur i{position:absolute;inset:0}.detail-gradual-bottom-blur i:first-child{-webkit-backdrop-filter:blur(1.216px);backdrop-filter:blur(1.216px);-webkit-mask:linear-gradient(#000 0 22%,#0000 34%);mask:linear-gradient(#000 0 22%,#0000 34%)}.detail-gradual-bottom-blur i:nth-child(2){-webkit-backdrop-filter:blur(2.128px);backdrop-filter:blur(2.128px);-webkit-mask:linear-gradient(#0000 14%,#000 28% 42%,#0000 54%);mask:linear-gradient(#0000 14%,#000 28% 42%,#0000 54%)}.detail-gradual-bottom-blur i:nth-child(3){-webkit-backdrop-filter:blur(3.696px);backdrop-filter:blur(3.696px);-webkit-mask:linear-gradient(#0000 34%,#000 47% 61%,#0000 72%);mask:linear-gradient(#0000 34%,#000 47% 61%,#0000 72%)}.detail-gradual-bottom-blur i:nth-child(4){-webkit-backdrop-filter:blur(6.432px);backdrop-filter:blur(6.432px);-webkit-mask:linear-gradient(#0000 53%,#000 66% 79%,#0000 90%);mask:linear-gradient(#0000 53%,#000 66% 79%,#0000 90%)}.detail-gradual-bottom-blur i:nth-child(5){-webkit-backdrop-filter:blur(11.2px);backdrop-filter:blur(11.2px);-webkit-mask:linear-gradient(#0000 70%,#000 88% 100%);mask:linear-gradient(#0000 70%,#000 88% 100%)}.detail-project-selector,.detail-fixed-next{opacity:var(--detail-floating-opacity);pointer-events:none;transform:translateY(var(--detail-floating-y));z-index:28;position:fixed}.detail-shell-page.has-detail-floating-controls .detail-project-selector,.detail-shell-page.has-detail-floating-controls .detail-fixed-next{pointer-events:auto}.detail-project-selector{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#d1d1d199;border:1px solid #191b1b14;border-radius:19px;width:240px;transition:background-color .15s,opacity .12s,transform .12s;bottom:30px;left:40px;overflow:hidden}.detail-project-selector:hover{background:#e1e1e1b8}.detail-project-selector>button{color:#181919;cursor:pointer;font-family:var(--display);letter-spacing:.09em;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;height:38px;padding:0 13px 0 15px;font-size:11px;font-weight:400;display:flex}.detail-project-selector>button:focus-visible{outline-offset:-4px;outline:1px solid #0f1010b8}.detail-project-selector>button b{font-size:15px;font-weight:300;line-height:1;transition:transform .15s}.detail-project-selector.is-open>button b{transform:rotate(180deg)}.detail-project-selector-options{opacity:0;flex-direction:column;max-height:0;padding:0 7px;transition:max-height .15s,opacity .12s,padding .15s;display:flex;overflow:hidden}.detail-project-selector.is-open .detail-project-selector-options{opacity:1;max-height:116px;padding:7px 7px 2px}.detail-project-selector-options a{font-family:var(--display);letter-spacing:.09em;white-space:nowrap;border-radius:13px;align-items:center;height:34px;padding:0 8px;font-size:11px;font-weight:400;display:flex}:is(.detail-project-selector-options a:hover,.detail-project-selector-options a:focus-visible){background:#ffffff59;outline:0}.detail-fixed-next{background:var(--detail-next-accent,#876f52);color:#fff;font-family:var(--display);letter-spacing:.1em;border-radius:40px;justify-content:center;align-items:center;height:38px;padding:0 19px;font-size:13px;font-weight:400;transition:background-color .15s,opacity .12s,transform .12s;display:flex;bottom:29px;right:40px}:is(.detail-fixed-next:hover,.detail-fixed-next:focus-visible){background:var(--detail-next-accent,#876f52)}@supports (color:color-mix(in lab, red, red)){:is(.detail-fixed-next:hover,.detail-fixed-next:focus-visible){background:color-mix(in srgb,var(--detail-next-accent,#876f52),white 12%)}}.detail-fixed-next:focus-visible{outline-offset:3px;outline:1px solid #fff}.detail-bottom-next-cta{z-index:6;background:#fff;justify-content:center;padding:148px 40px 122px;display:flex;position:relative}.detail-bottom-next-cta a{background:var(--detail-next-accent,#876f52);color:#fff;text-align:center;border-radius:48px;flex-direction:column;justify-content:center;align-items:center;width:360px;height:88px;padding:0 28px;transition:background-color .15s;display:flex}.detail-bottom-next-cta a:hover{background:var(--detail-next-accent,#876f52)}@supports (color:color-mix(in lab, red, red)){.detail-bottom-next-cta a:hover{background:color-mix(in srgb,var(--detail-next-accent,#876f52),white 12%)}}.detail-bottom-next-cta span,.detail-bottom-next-cta b{font-family:var(--display);letter-spacing:.11em;font-size:11px;font-weight:400}.detail-bottom-next-cta b{margin-top:7px;font-size:12px}.detail-quiet-footer{font-family:var(--display);font-size:var(--footer-utility-font-size);letter-spacing:.08em;z-index:6;background:#fff;border-top:1px solid #e4e4df;justify-content:space-between;align-items:center;min-height:88px;padding:0 40px;font-weight:400;display:flex;position:relative}.detail-quiet-footer .detail-footer-email{color:#232525;font-size:var(--footer-utility-font-size);letter-spacing:var(--caps);position:relative}.detail-quiet-footer .detail-footer-email:hover{opacity:.62}.detail-quiet-footer .detail-footer-email .homepage-email-address{color:#23252580;top:auto;bottom:calc(100% + 8px);right:0}@media (max-width:760px){.detail-shell-page{--detail-hero-optical-y:0px;--detail-media-stack-gap:44px}.detail-shell-page .portfolio-header{grid-template-columns:1fr;padding:17px 16px 0}.detail-shell-page .portfolio-header .wordmark.personal-identity,.detail-shell-page .portfolio-header .social-nav{display:none}.detail-shell-page .portfolio-header .tab-nav{grid-column:1;justify-self:center;width:min(360px,100vw - 32px)}.detail-shell-page .portfolio-header .tab-nav a,.detail-shell-page .portfolio-header.is-inverse .tab-nav a{letter-spacing:.8px;flex:1;width:auto;height:30px;min-height:30px;font-size:9px;line-height:12px}.detail-fixed-hero{height:90svh}.detail-fixed-title-layer h1{width:calc(100vw - 32px);max-width:calc(100vw - 32px);font-size:clamp(34px,10vw,46px);line-height:.9;top:14.5%}.detail-fixed-hero-statement{white-space:normal;width:calc(100vw - 26px);max-width:calc(100vw - 26px);font-size:clamp(40px,13vw,56px);line-height:.82;top:34%}.detail-description-disclosure{display:none}.detail-capability-tags{flex-wrap:wrap;gap:5px;width:calc(100vw - 24px);bottom:22px}.detail-capability-tags li{letter-spacing:.045em;height:18px;padding:2px 8px;font-size:9px;line-height:11px}.detail-media-stage{padding-top:90svh}.detail-media-document-inner{width:calc(100vw - 32px)}.detail-content-intro{grid-template-columns:1fr;gap:42px;padding:76px 0 86px}.detail-content-intro.is-transition{margin-top:150px;padding-top:0}.detail-content-intro-heading h2{font-size:clamp(28px,9.5vw,38px)}.detail-content-intro-heading>p{margin-top:14px;font-size:9px}.detail-content-intro-copy ul{gap:7px 16px;margin-bottom:28px}.detail-content-intro-copy li{font-size:8px}.detail-content-intro-copy>p{font-size:16px;line-height:1.5}.detail-content-intro-copy>p[lang=zh-CN]{font-size:13px;line-height:1.58}.detail-content-media.is-launch-kv-reference,.detail-content-media.is-product-feature-reference,.detail-content-media.is-camera-reference{margin-bottom:var(--detail-media-stack-gap)}.detail-launch-kv-board{aspect-ratio:auto;grid-template-columns:1fr;gap:12px}.detail-launch-kv-primary{aspect-ratio:2634/1320}.detail-launch-kv-stack{grid-template-rows:none;gap:10px}.detail-launch-kv-stack>.detail-content-media-item{aspect-ratio:4096/2304}.detail-content-media.is-product-feature-reference,.detail-content-media.is-camera-reference,.detail-content-media.is-video-ui-reference{overscroll-behavior-inline:contain;scrollbar-width:thin;overflow-x:auto}.detail-product-reference-board{min-width:720px}.detail-camera-reference-board,.detail-video-ui-reference-board{min-width:760px}.detail-shell-page[data-chapter-detail=campaign-strategy] .detail-content-intro{padding:76px 0 72px}.detail-shell-page[data-chapter-detail=campaign-strategy] .detail-content-intro.is-transition{margin-top:96px;padding-top:0}.detail-shell-page[data-chapter-detail=campaign-strategy] .is-campaign-vivo-reference,.detail-shell-page[data-chapter-detail=campaign-strategy] .is-campaign-supnice-board,.detail-shell-page[data-chapter-detail=campaign-strategy] .is-campaign-postal-board{overscroll-behavior-inline:contain;scrollbar-width:thin;overflow-x:auto}.detail-vivo-board{min-width:720px}.detail-supnice-board{min-width:900px}.detail-postal-board{min-width:980px}.detail-proposal-page.is-focusable{filter:none;opacity:1}.detail-shell-page[data-chapter-detail=content-engagement] .detail-content-intro{padding:76px 0 74px}.detail-shell-page[data-chapter-detail=content-engagement] .detail-content-intro.is-transition{margin-top:96px;padding-top:0}.detail-shell-page[data-chapter-detail=content-engagement] .is-content-mango-stream,.detail-shell-page[data-chapter-detail=content-engagement] .is-content-campus-editorial{overscroll-behavior-inline:contain;scrollbar-width:thin;overflow-x:auto}.detail-content-phone-group{min-width:720px}.detail-shell-page[data-chapter-detail=academic-work] .detail-capability-tags{top:auto;bottom:22px}.detail-shell-page[data-chapter-detail=academic-work] .is-academic-proposal-board{overscroll-behavior-inline:contain;scrollbar-width:thin;overflow-x:auto}.detail-academic-board{min-width:920px}.detail-content-filmstrip.is-spacious{margin-top:108px}.detail-content-filmstrip header{grid-template-columns:1fr;gap:14px;margin-bottom:18px}.detail-content-filmstrip h3{font-size:9px}.detail-content-filmstrip header p{font-size:11px}.detail-content-filmstrip-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.detail-gradual-bottom-blur,.detail-project-selector{display:none}.detail-fixed-next{height:45px;transform:translate(-50%,var(--detail-floating-y));padding:0 22px;font-size:11px;bottom:16px;left:50%;right:auto}.detail-bottom-next-cta{padding:120px 16px 105px}.detail-bottom-next-cta a{width:min(310px,100vw - 32px);height:76px}.detail-bottom-next-cta span,.detail-bottom-next-cta b{font-size:10px}.detail-quiet-footer,.detail-quiet-footer .detail-footer-email{font-size:var(--footer-utility-font-size)}.detail-quiet-footer{min-height:86px;padding:0 16px}}@media (prefers-reduced-motion:reduce){.detail-fixed-hero-primary,.detail-fixed-title-primary{will-change:auto}.detail-content-phone-screen{scroll-behavior:auto}.detail-description-overlay,.detail-project-selector,.detail-project-selector-options,.detail-project-selector>button b,.detail-fixed-next,.detail-proposal-page.is-focusable{transition:none}:is(.detail-proposal-page.is-focusable:hover,.detail-proposal-page.is-focusable:focus-visible){transform:none}.portfolio-home .scroll-more-track{will-change:auto;animation:none;transform:none}}@media (max-width:760px),(min-width:761px) and (max-width:1024px){:root{--page-gutter:16px;--chrome-top:calc(env(safe-area-inset-top,0px) + 16px);--footer-safe-bottom:calc(env(safe-area-inset-bottom,0px) + var(--page-gutter))}:is(.portfolio-home,.work-page,.about-page,.contact-page,.detail-shell-page) .portfolio-header .tab-nav,.detail-shell-page .portfolio-header.is-detail .tab-nav{height:44px;left:50%;top:var(--chrome-top);grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));justify-self:center;width:min(360px,100vw - 32px);margin:0;position:fixed;transform:translate(-50%)}:is(.portfolio-home,.work-page,.about-page,.contact-page,.detail-shell-page) .portfolio-header .tab-nav a,:is(.portfolio-home,.work-page,.about-page,.contact-page,.detail-shell-page) .portfolio-header.is-inverse .tab-nav a{width:100%;min-width:0;height:44px;min-height:44px;padding:0;font-size:12px}.portfolio-header .tab-nav a:focus-visible{outline-offset:3px;outline:1px solid}.portfolio-header .wordmark:focus-visible{outline-offset:3px;outline:1px solid}:is(.site-footer-ending,.contact-footer,.detail-quiet-footer) .homepage-email-link{justify-content:flex-end;min-width:44px;min-height:44px}.contact-footer,.detail-quiet-footer{padding-inline:var(--page-gutter);padding-bottom:env(safe-area-inset-bottom,0px)}.contact-footer>span,.detail-quiet-footer>span{white-space:nowrap}.site-footer-ending .footer-copyright,.site-footer-ending .footer-email{bottom:var(--footer-safe-bottom)}.site-footer-ending .footer-copyright{height:44px;left:var(--page-gutter);white-space:nowrap;align-items:center;display:flex}.site-footer-ending .footer-email{right:var(--page-gutter)}}@media (max-width:760px){:is(.portfolio-home,.work-page,.about-page,.contact-page,.detail-shell-page) .portfolio-header{height:0;padding:0;display:block}:is(.portfolio-home,.work-page,.about-page,.contact-page,.detail-shell-page) .portfolio-header .wordmark.personal-identity,:is(.portfolio-home,.work-page,.about-page,.contact-page,.detail-shell-page) .portfolio-header .social-nav{display:none}.contact-footer{padding-bottom:calc(28px + env(safe-area-inset-bottom,0px));align-content:end;align-items:center}.project-showcase .project-field,.project-showcase .field-art,.project-showcase .field-art *{cursor:auto}}@media (min-width:761px) and (max-width:1024px){:root{--page-gutter:24px;--chrome-top:calc(env(safe-area-inset-top,0px) + 24px)}:is(.portfolio-home,.work-page,.about-page,.contact-page) .portfolio-header{height:0;padding:0;display:block}:is(.portfolio-home,.work-page,.about-page,.contact-page,.detail-shell-page) .portfolio-header .tab-nav,.detail-shell-page .portfolio-header.is-detail .tab-nav{width:360px}:is(.portfolio-home,.work-page,.about-page,.contact-page,.detail-shell-page) .portfolio-header .wordmark.personal-identity,.detail-shell-page .portfolio-header.is-detail .wordmark.personal-identity{height:44px;left:var(--page-gutter);top:var(--chrome-top);align-items:center;margin:0;display:flex;position:fixed}:is(.portfolio-home,.about-page,.detail-shell-page) .portfolio-header .social-nav,.detail-shell-page .portfolio-header.is-detail .social-nav{height:44px;right:var(--page-gutter);top:var(--chrome-top);align-items:center;margin:0;display:flex;position:fixed}.portfolio-header .homepage-header-email-copy{align-items:center;min-width:44px;min-height:44px}}@media (max-width:1024px) and (hover:none),(max-width:1024px) and (pointer:coarse){:is(.portfolio-home,.work-page,.about-page,.contact-page) .portfolio-header .tab-nav a:not([aria-current=page]):hover{color:#fff;background:#151a1ccc}.detail-shell-page .portfolio-header .tab-nav a:not([aria-current=page]):hover{background:var(--detail-nav-background);color:#272a2a}:is(.portfolio-home,.about-page,.detail-shell-page) .portfolio-header .header-email-link:hover,.portfolio-header:not(.is-minimal) .wordmark:hover,.detail-quiet-footer .detail-footer-email:hover{opacity:1}.site-footer-ending .footer-email:hover:not(:focus-visible){color:#f2f3efad}.work-page .work-accent-wash{opacity:0}.work-page .work-chapter-entry:hover:not(:focus-visible) .work-chapter-number{filter:blur(3px);opacity:.5}.work-page .work-chapter-entry:hover:not(:focus-visible) .work-chapter-title{color:#f2f1ecad}}@media (hover:none),(pointer:coarse){.project-cursor{display:none}.project-showcase .project-field,.project-showcase .field-art,.project-showcase .field-art *{cursor:auto}}@media (max-width:760px){.portfolio-home .home-intro{--intro-identity-size:clamp(34px,12.5vw,84px)}.portfolio-home .intro-positioning{text-wrap:balance;max-width:360px;font-size:12.5px;line-height:1.5}.portfolio-home .scroll-more{width:max-content;font-size:11px}.portfolio-home .scroll-more-track{will-change:auto;animation:none;transform:none}.portfolio-home .scroll-more-track>span{padding-right:0}.portfolio-home .scroll-more-track>span:not(:first-child){display:none}}.home-scene-title{display:none}@media (max-width:760px){.portfolio-home .global-project-title{display:none}.portfolio-home .project-showcase .flow-document,.portfolio-home .project-showcase .project-exhibition-stage{height:auto}.portfolio-home .project-showcase .project-canvas-layer{aspect-ratio:var(--home-scene-aspect-ratio);height:var(--home-scene-height,auto);width:calc(100% - 32px);margin-inline:16px;overflow:hidden}.portfolio-home .project-showcase .project-spatial-canvas{height:var(--home-scene-reference-height);transform:translate(var(--home-scene-offset-x,0px),var(--home-scene-offset-y,0px)) scale(var(--home-scene-scale,1));transform-origin:0 0;visibility:var(--home-scene-visibility,hidden);width:var(--home-scene-reference-width);position:absolute;top:0;left:0}.portfolio-home .home-scene-title{color:#fff;font-family:var(--font-anybody),"Helvetica Neue",Helvetica,Arial,sans-serif;font-variation-settings:"wdth" 88,"wght" 240;letter-spacing:-.015em;mix-blend-mode:difference;pointer-events:none;text-align:center;text-wrap:balance;z-index:6;width:86%;margin:0;font-size:64.8px;font-weight:240;line-height:.92;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio-home .project-showcase .project-interface-layer{justify-content:flex-end;min-height:44px;margin:12px 16px 0;display:flex;position:relative;inset:auto}.portfolio-home .project-showcase .field-open{color:var(--chapter-accent);opacity:1;background:0 0;border:0;min-height:44px;padding:0;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif;font-size:11px;font-weight:500;display:inline-flex;position:static;transform:none}.portfolio-home .project-showcase .field-open i{font-size:0;line-height:1}.portfolio-home .project-showcase .field-open i:after{content:"+";font-size:16px}.portfolio-home .site-footer-ending{height:clamp(440px,66svh,620px);min-height:0;margin:0;padding:0;position:relative;overflow:hidden}.portfolio-home .site-footer-ending .ending-fixed-environment,.portfolio-home .site-footer-ending .footer-stage{height:100%;position:absolute}.portfolio-home .site-footer-ending .footer-background{-webkit-mask-image:linear-gradient(#0000,#000 72px);mask-image:linear-gradient(#0000,#000 72px)}.portfolio-home .site-footer-ending .footer-message{transform:translate(-50%,calc(-50% + var(--ending-mobile-message-offset-y,24px)))}}@media (max-width:760px) and (prefers-reduced-motion:reduce){.portfolio-home .site-footer-ending .footer-message{opacity:1;transform:translate(-50%,-50%)}}@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}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
