*{box-sizing:border-box}body{color:#d8fb81;background:#2b2c27;margin:0;font-family:monospace}.motion-demo{overflow:clip}.demo-nav{z-index:10;background:#2b2c27;justify-content:space-between;padding:12px 20px;font-size:14px;display:flex;position:fixed;top:0;left:0;right:0}.demo-nav a{color:inherit;text-decoration:none}.motion-demo .hero-section{height:200vh}.hero-sticky,.about-sticky{height:100svh;min-height:600px;position:sticky;top:0}.hero-surface{color:#2b2c27;transform-origin:50%;background:#d8fb81;flex-direction:column;justify-content:space-between;height:100%;padding:65px 4vw 24px;display:flex}.hero-heading{letter-spacing:-.065em;margin:24px 0;font:900 clamp(44px,8.8vw,170px)/.9 Arial}.ascii{justify-content:space-between;font-size:28px;display:flex}.motion-demo .work-section{background:#2b2c27;padding:6vw 4vw}.work-header{padding:5vw 0 8vw}.slice{--line:11vw;font:900 var(--line)/var(--line) Arial;letter-spacing:-.065em;white-space:nowrap;overflow:hidden}.slice span{height:var(--line);display:block}.slice-small{height:3.66vw}.slice-medium{height:7.33vw}.slice-main{height:11vw}.accessible-title{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.work-intro{transform-origin:0;margin-top:40px;font-size:16px}.work-card{border-top:1px solid #6d735c;min-height:70vh;padding:30px 0 70px}.card-meta{justify-content:space-between;align-items:center;gap:20px;display:flex}.card-meta h3{font-size:24px}.card-window{height:50vh;min-height:250px;overflow:hidden}.card-art{color:#2b2c27;transform-origin:20% 70%;background:#d8fb81;flex-direction:column;justify-content:space-between;height:100%;padding:24px;display:flex}.work-card:nth-child(2n) .card-art{transform-origin:80% 30%;background:#bcbeb4}.card-art strong{font:900 clamp(80px,15vw,240px)/1 Arial}.motion-demo .about-section{color:#2b2c27;background:#d8fb81;height:220vh}.about-sticky{flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:65px 20px 24px;display:flex;overflow:hidden}.about-heading{letter-spacing:-.06em;text-align:center;margin:0;font:900 clamp(48px,10vw,160px)/.9 Arial}.about-symbol{font-size:90px}.about-line-a,.about-line-b{white-space:nowrap;font-size:16px}.scroll-tail{background:#2b2c27;height:100vh}@media (width<=700px){.hero-heading{font-size:10vw}.ascii{font-size:16px}.card-meta{display:block}.demo-nav,.about-line-a,.about-line-b{font-size:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-demo .hero-section,.motion-demo .about-section{height:auto}.hero-sticky,.about-sticky{position:relative}.scroll-tail{display:none}}:root{--ease-settle:cubic-bezier(.22,1,.36,1);--ease-travel:cubic-bezier(.45,0,.55,1);--noise-strength:.035}html{scroll-behavior:auto}.motion-demo{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Courier New,monospace}.noise-overlay,.page-fade{pointer-events:none;position:fixed;inset:0}.noise-overlay{z-index:90;opacity:var(--noise-strength);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23888' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px 180px}.page-fade{z-index:100;opacity:0;background:#2b2c27}.hero-heading,.slice,.about-heading{text-transform:uppercase;font-kerning:normal;letter-spacing:-.035em;font-family:Arial,Helvetica,sans-serif;font-weight:400}.hero-heading{margin:12px 0;font-size:clamp(48px,8vw,156px);line-height:1.04}.hero-line{padding-bottom:.31em;line-height:.95;display:block;position:relative}.hero-echo{height:.29em;line-height:.95;display:block;overflow:hidden}.hero-line:nth-child(2){margin-left:10%}.hero-line:nth-child(3){margin-left:4%}.slice{letter-spacing:-.04em}.about-heading{letter-spacing:-.045em;line-height:.95}.card-meta h3{letter-spacing:-.035em;text-transform:uppercase;font-weight:400}.card-meta p,.work-intro{letter-spacing:0;font-size:14px;line-height:1.4}.demo-nav{letter-spacing:-.025em;min-height:44px;padding:0 16px;font-size:13px}.demo-nav a{transition:color .25s var(--ease-settle),background-color .25s var(--ease-settle);align-items:center;padding:10px 4px;display:flex}.demo-nav a span{pointer-events:none;display:inline-block}.demo-nav a:hover{color:#f0ffcc}.demo-nav a:focus-visible{outline-offset:2px;outline:1px dashed}.card-hover{transform-origin:50%;height:100%}.card-art{transition:filter .4s var(--ease-settle)}@media (hover:hover) and (pointer:fine){.card-window:hover .card-art{filter:brightness(1.045)}}@media (width<=700px){.hero-heading{font-size:9.3vw}.hero-line:nth-child(2){margin-left:4%}.hero-line:nth-child(3){margin-left:0}.demo-nav{font-size:11px}.hero-surface{padding-top:70px}}@media (prefers-reduced-motion:reduce){.page-fade{display:none}.demo-nav a,.card-art{transition:none}}.page-wipe{z-index:2147482000;pointer-events:none;visibility:hidden;width:100%;height:100%;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.page-wipe{display:none}}.motion-demo .demo-nav{z-index:120}.glass-band-layer{z-index:115;pointer-events:none;visibility:hidden;position:fixed;inset:0}.glass-band-fill{position:absolute;inset:0}.glass-band{-webkit-backdrop-filter:blur(18px)saturate(170%);backdrop-filter:blur(18px)saturate(170%);background:linear-gradient(#ffffff57,#ffffff1f 45%,#f4f3ef29);position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000,#000 22% 78%,#0000);mask-image:linear-gradient(#0000,#000 22% 78%,#0000)}.glass-band:before{content:"";background:linear-gradient(90deg,#0000,#fffffff2 20% 80%,#0000);height:1px;position:absolute;top:22%;left:0;right:0;box-shadow:0 0 18px 2px #ffffff8c}@media (prefers-reduced-motion:reduce){.glass-band-layer{display:none}}.back-to-top{z-index:118;border:1px solid var(--glass-edge,#261cc12e);background:var(--glass-bg,#f4f3efb8);width:52px;height:52px;color:var(--glass-ink,#261cc1);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);font:9px/1 var(--portfolio-font);letter-spacing:.12em;opacity:0;pointer-events:none;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0;transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;bottom:clamp(16px,3vh,32px);right:clamp(16px,2.6vw,36px);transform:translateY(16px)scale(.9)}.back-to-top[data-show=true]{opacity:1;pointer-events:auto;transform:none}.back-to-top svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.back-to-top:hover svg{transform:translateY(-3px)}.back-to-top:focus-visible{outline-offset:4px;outline:2px solid}@media (prefers-reduced-motion:reduce){.back-to-top,.back-to-top svg{transition:none}}@font-face{font-family:Gnu Typewriter;src:url(/fonts/gnu-typewriter.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Huiwen Mincho;src:url(/fonts/huiwen-mincho.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--heart-blue:#261cc1;--heart-paper:#f4f3ef;--portfolio-font:"Gnu Typewriter","Huiwen Mincho",serif;--grid:32px;--gutter:calc(var(--grid)*2);--paper-lines:linear-gradient(#261cc12b 1px,transparent 1px),linear-gradient(90deg,#261cc12b 1px,transparent 1px),linear-gradient(#261cc110 1px,transparent 1px),linear-gradient(90deg,#261cc110 1px,transparent 1px);--paper-sizes:calc(var(--grid)*4) calc(var(--grid)*4),calc(var(--grid)*4) calc(var(--grid)*4),var(--grid) var(--grid),var(--grid) var(--grid);--glass-blur:blur(14px) saturate(140%);--glass-radius:999px;--glass-bg:#f4f3ef99;--glass-solid:#f4f3ef;--glass-edge:#261cc12e;--glass-ink:#261cc1;--glass-shadow:0 10px 30px #0d08501a,inset 0 1px 0 #ffffff59}html.portfolio-home,html.portfolio-works{--glass-bg:#261cc161;--glass-solid:#261cc1;--glass-edge:#f4f3ef33;--glass-ink:#f4f3ef;--glass-shadow:0 10px 30px #0d08502e,inset 0 1px 0 #ffffff1f}.glass{background:var(--glass-bg);border:1px solid var(--glass-edge);border-radius:var(--glass-radius);color:var(--glass-ink);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass{background:var(--glass-solid)}}body{background-color:var(--heart-paper);background-image:var(--paper-lines);background-size:var(--paper-sizes);color:var(--heart-blue)}html.portfolio-home,html.portfolio-home body{overscroll-behavior:none;overflow:hidden}.portfolio-home .heart-hero,.portfolio-home .heart-stage{touch-action:none}.motion-demo,.motion-demo button,.motion-demo input,.motion-demo h1,.motion-demo h2,.motion-demo h3,.motion-demo .slice,.motion-demo .about-heading{font-family:var(--portfolio-font);font-synthesis:none;font-weight:400}.motion-demo .demo-nav{top:calc(var(--grid)/2);width:max-content;max-width:calc(100% - var(--grid));height:calc(var(--grid) + 8px);min-height:0;padding:0 calc(var(--grid)*.75);letter-spacing:0;justify-content:center;align-items:center;gap:20px;font-size:12px;display:flex;left:50%;right:auto;transform:translate(-50%)}.motion-demo .demo-nav a{height:var(--grid);white-space:nowrap;align-items:center;padding:0}.nav-separator{line-height:var(--grid);-webkit-user-select:none;user-select:none}.motion-demo .demo-nav a:hover{color:inherit;text-underline-offset:4px;text-decoration:underline}.motion-demo .demo-nav .contact-copy{appearance:none;color:inherit;font:inherit;white-space:nowrap;min-height:var(--grid);cursor:pointer;background:0 0;border:0;padding:0}.contact-copy:hover{text-underline-offset:4px;text-decoration:underline}.contact-copy:focus-visible{outline-offset:4px;outline:1px dashed}.contact-status{text-align:center;pointer-events:none;width:max-content;max-width:calc(100vw - 24px);padding:10px 16px;line-height:1.6;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.contact-status:empty{display:none}.motion-demo .page-fade{background:var(--heart-paper)}.heart-hero{height:var(--hero-height,100svh);min-height:calc(var(--grid)*22);isolation:isolate;color:var(--heart-blue);background:0 0;position:relative;overflow:hidden}.heart-stage{inset:calc(var(--grid)*2) 0 calc(var(--grid)*4);touch-action:pan-y;position:absolute}.heart-stage canvas{outline:none;width:100%;height:100%;display:block}.heart-heading{left:var(--gutter);top:calc(var(--grid)*3);pointer-events:none;position:absolute}.heart-eyebrow,.heart-count,.heart-selection-label,.orbit-index-label{font-size:11px;line-height:var(--grid);letter-spacing:0}.heart-eyebrow{height:var(--grid);margin:0}.heart-heading h1{font-size:clamp(42px,4vw,64px);line-height:calc(var(--grid)*2);letter-spacing:-.06em;margin:0;font-weight:400}.heart-heading h1 span{letter-spacing:inherit;font-family:inherit;font-style:normal}.heart-caption{font-size:14px;line-height:var(--grid);letter-spacing:.04em;margin:0}.heart-controls{right:var(--gutter);top:calc(var(--grid)*3);flex-direction:column;align-items:flex-end;gap:0;display:flex;position:absolute}.orbit-pause{font-size:13px;line-height:calc(var(--grid) - 2px);height:var(--grid);border:1px solid var(--heart-blue);background:var(--heart-paper);color:var(--heart-blue);cursor:pointer;border-radius:0;padding:0 16px;transition:background .2s,color .2s}.orbit-pause:hover,.orbit-pause[aria-pressed=true]{background:var(--heart-blue);color:var(--heart-paper)}.orbit-pause:disabled{opacity:.6;cursor:default}.heart-footer{left:var(--gutter);right:var(--gutter);bottom:calc(var(--grid)*2);height:calc(var(--grid)*2);pointer-events:none;text-align:center;justify-content:center;align-items:end;display:flex;position:absolute}.heart-selection{min-width:0;max-width:100%;height:calc(var(--grid)*2);grid-template-rows:var(--grid) var(--grid);justify-items:center;display:grid}.heart-selection-label{display:block}.heart-instruction{font-size:14px;line-height:var(--grid);color:var(--heart-blue);margin:0}.active-work{pointer-events:auto;text-align:center;color:var(--heart-blue);font-size:24px;line-height:var(--grid);height:var(--grid);letter-spacing:-.04em;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;width:max-content;max-width:100%;padding:0;overflow:hidden}.active-work span{letter-spacing:0;margin-left:var(--grid);white-space:nowrap;font-size:12px}.heart-directory-link{pointer-events:auto;color:inherit;font-size:14px;line-height:var(--grid);white-space:nowrap;text-decoration:none}.heart-directory-link span{margin-left:16px}.orbit-index{width:min(448px,calc(100% - var(--gutter)*2));height:calc(var(--grid)*2);border:0;grid-template-columns:repeat(8,minmax(0,1fr));align-items:center;gap:0;display:grid;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.orbit-index button{height:var(--grid);min-width:0;color:var(--heart-blue);font-size:11px;line-height:var(--grid);cursor:pointer;text-align:center;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex}.orbit-index button>span:first-child{color:var(--heart-blue);font-size:11px}.orbit-index button:hover,.orbit-index button.is-selected{color:var(--heart-blue);box-shadow:0 3px 0 var(--heart-blue)}.orbit-index-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.heart-loading{width:180px;font-size:12px;line-height:var(--grid);border-radius:20px;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:16px 20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.heart-loading progress{accent-color:currentColor;width:100%;height:3px}.heart-error{max-width:340px;padding:var(--grid);font-size:14px;line-height:var(--grid);border-radius:20px;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-hint{display:none}.heart-hero button:focus-visible,.heart-hero a:focus-visible,.project-viewer button:focus-visible,.project-cover-button:focus-visible,.card-meta button:focus-visible{outline:2px solid var(--heart-blue);outline-offset:4px}.motion-demo .work-section{color:var(--heart-blue);padding:calc(var(--grid)*2) var(--gutter);background:0 0}.motion-demo .work-header{padding:var(--grid) 0}.work-title{font-size:32px;line-height:calc(var(--grid)*2);margin:0}.motion-demo .work-intro{font-size:14px;line-height:var(--grid);margin-top:var(--grid)}.motion-demo .work-card{padding:var(--grid) 0 calc(var(--grid)*2);border-color:#261cc166}.motion-demo .card-meta{min-height:calc(var(--grid)*2)}.motion-demo .card-meta h3{font-size:24px;line-height:var(--grid);margin:0}.motion-demo .card-art,.motion-demo .work-card:nth-child(2n) .card-art{background:var(--heart-paper);padding:0}.card-art img{object-fit:contain;width:100%;height:100%;display:block}.project-cover-button{cursor:pointer;width:100%;color:inherit;background:0 0;border:0;padding:0;display:block}.card-meta button{border:0;border-bottom:1px solid var(--heart-blue);color:var(--heart-blue);font-size:14px;line-height:var(--grid);cursor:pointer;background:0 0;padding:0}.motion-demo .about-section{color:var(--heart-blue);background:0 0}.motion-demo .about-sticky{gap:var(--grid);padding:calc(var(--grid)*2) var(--gutter)}.motion-demo .scroll-tail{background:0 0;height:20vh}.project-viewer{border:2px solid var(--heart-blue);width:min(1152px,92vw);max-width:none;height:88svh;max-height:none;color:var(--heart-blue);background-color:var(--heart-paper);background-image:var(--paper-lines);background-size:var(--paper-sizes);padding:0;overflow:hidden}.project-viewer::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17132fcc}.project-viewer-inner{height:100%;padding:var(--grid);flex-direction:column;display:flex}.project-viewer header{justify-content:space-between;align-items:center;gap:var(--grid);padding-bottom:var(--grid);display:flex}.project-viewer header p{font-size:11px;line-height:var(--grid);margin:0}.project-viewer h2{font-size:clamp(24px,3vw,40px);line-height:calc(var(--grid)*1.5);letter-spacing:-.04em;margin:0}.project-viewer button{color:inherit;background:var(--heart-paper);cursor:pointer;border:0;padding:8px;font-size:14px}.viewer-close{white-space:nowrap}.viewer-close span{vertical-align:middle;margin-left:16px;font-size:24px}.viewer-image{background:var(--heart-paper);flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.viewer-image img{object-fit:contain;width:100%;height:100%}.project-viewer footer{padding-top:var(--grid);font-size:12px;line-height:var(--grid);justify-content:space-between;align-items:center;gap:16px;display:flex}.project-viewer footer>div{align-items:center;gap:16px;display:flex}@media (width<=1150px){.orbit-index-name{display:none}.heart-heading h1{font-size:48px}.heart-count{font-size:10px}}@media (width<=699px){:root{--grid:24px;--gutter:var(--grid)}.motion-demo .demo-nav{gap:clamp(4px,1.5vw,10px);padding:0 10px;font-size:clamp(8px,2.3vw,10px)}.motion-demo .demo-nav a{height:var(--grid)}.heart-hero{min-height:calc(var(--grid)*32)}.heart-stage{inset:calc(var(--grid)*6) 0 calc(var(--grid)*6)}.heart-heading{top:calc(var(--grid)*3)}.heart-eyebrow{font-size:9px}.heart-heading h1{font-size:30px;line-height:calc(var(--grid)*2)}.heart-heading h1 br{display:none}.heart-heading h1 span{margin-left:12px}.heart-caption{display:none}.heart-controls{top:calc(var(--grid)*5);right:var(--gutter)}.heart-count{display:none}.orbit-pause{padding:0 10px;font-size:11px}.heart-footer{bottom:calc(var(--grid)*2);height:calc(var(--grid)*3)}.heart-selection{height:calc(var(--grid)*3);grid-template-rows:var(--grid) calc(var(--grid)*2)}.heart-selection-label{font-size:8px}.heart-instruction{font-size:12px;line-height:var(--grid);max-width:210px}.active-work{font-size:clamp(15px,4.8vw,21px);line-height:var(--grid);height:calc(var(--grid)*2);white-space:normal;text-wrap:balance;max-width:100%}.orbit-index button>span:first-child{font-size:11px}.desktop-hint{display:none}.mobile-hint{display:inline}.project-viewer{width:95vw;height:88svh}.project-viewer-inner{padding:16px}.project-viewer h2{font-size:26px;line-height:var(--grid)}.project-viewer header{gap:12px;padding-bottom:16px}.project-viewer footer{padding-top:16px;font-size:10px}.project-viewer footer>div{gap:3px}.project-viewer button{font-size:12px}.motion-demo .card-meta{padding-bottom:var(--grid)}.motion-demo .card-meta h3{font-size:22px}}@media (prefers-reduced-motion:reduce){.orbit-pause{transition:none}.heart-stage{scroll-behavior:auto}}html.portfolio-home body,.portfolio-home .heart-hero{color:#f4f3ef;background:#261cc1}.portfolio-home .heart-stage{inset:0}.portfolio-home .active-work{color:#f4f3ef}.portfolio-home .heart-hero button:focus-visible,.portfolio-home .demo-nav a:focus-visible{outline-color:#f4f3ef}.portfolio-home .heart-footer,.portfolio-home .orbit-index{z-index:2}.portfolio-home .heart-footer{bottom:calc(var(--grid)*.75);height:auto}.portfolio-home .heart-selection{height:auto;padding:10px calc(var(--grid)*.9) 16px;transition:opacity .28s var(--ease-settle),transform .28s var(--ease-settle),visibility .28s}.portfolio-home .heart-selection:empty{opacity:0;visibility:hidden;transition:none;transform:translateY(8px)}.portfolio-home .heart-hero{--selection-height:calc(var(--grid)*2 + 28px)}.portfolio-home .orbit-index button{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.portfolio-home .orbit-index button:focus-visible{left:50%;bottom:calc(var(--grid)*.75 + var(--selection-height) + 10px);width:auto;height:var(--grid);clip-path:none;background:var(--glass-bg);border:1px solid var(--glass-edge);color:var(--glass-ink);padding:0 16px;overflow:visible;transform:translate(-50%)}.portfolio-home .orbit-index button>span:first-child{color:inherit}@media (width<=699px){.portfolio-home .heart-hero{--selection-height:calc(var(--grid)*3 + 28px)}}@media (prefers-reduced-motion:reduce){.portfolio-home .heart-selection{transition:none}}@media (hover:hover) and (pointer:fine){.motion-demo,.motion-demo a,.motion-demo button,.heart-stage canvas{cursor:url(/cursors/heart-small.svg) 8 8,auto}.heart-stage[data-pointer-work=true] canvas,.gallery-project:hover{cursor:url(/cursors/heart-outline.svg) 15 15,pointer}}.detail-language{align-items:center;gap:12px;display:flex}.project-detail .detail-language button{opacity:.5;padding:5px 2px;font-size:11px}.project-detail .detail-language button[aria-pressed=true]{opacity:1;text-underline-offset:5px;text-decoration:underline}.pandemic-subtitle{margin:-24px 0 28px;font-size:20px;line-height:1.5}.pandemic-case{padding-top:40px}.pandemic-background{grid-template-columns:1fr 1fr;align-items:center;gap:8vw;margin-bottom:130px;display:grid}.pandemic-background figure{justify-self:end;max-width:490px}.pandemic-chapter{margin-bottom:130px}.pandemic-section-heading>span{letter-spacing:.03em;opacity:.7;font-size:11px;line-height:1.5;display:block}.pandemic-section-heading h2{max-width:860px;font-size:var(--detail-heading-size);letter-spacing:-.03em;margin:22px 0;font-weight:400;line-height:1.3}.pandemic-section-heading>p,.pandemic-copy{max-width:820px;margin:0 0 30px;font-size:18px;line-height:1.95}.pandemic-chapter>.pandemic-section-heading{border-top:1px solid #f4f3ef40;margin-bottom:42px;padding-top:24px}.pandemic-case figure a{color:inherit;display:block}.pandemic-case figure a:focus-visible{outline-offset:6px;outline:2px solid #ff98c2}.pandemic-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin:40px 0 64px;padding:0;list-style:none;display:grid}.pandemic-steps li{border-top:1px solid #f4f3ef40;padding-top:20px}.pandemic-steps li>span{opacity:.65;font-size:11px}.pandemic-steps h3,.pandemic-videos h3{margin:16px 0 10px;font-size:20px;font-weight:400;line-height:1.5}.pandemic-steps p{margin:0;font-size:15px;line-height:1.8}.pandemic-characters{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.pandemic-characters figure img{aspect-ratio:1.75;object-fit:contain;background:#fff8ef}.pandemic-characters h3{margin:28px 0 12px;font-size:clamp(19px,1.5vw,22px);font-weight:400;line-height:1.3}.pandemic-character-meta{opacity:.7;font-size:12px;line-height:1.8;display:block}.pandemic-characters article>p{margin-top:18px;font-size:16px;line-height:1.95}.pandemic-videos{grid-template-columns:1fr 1fr;gap:64px 36px;display:grid}.pandemic-videos figure:first-child{grid-column:1/-1}.pandemic-videos video{aspect-ratio:16/9;object-fit:contain;background:#171446;width:100%;height:auto;display:block}.pandemic-videos figcaption{opacity:1}.pandemic-videos h3{margin:18px 0 6px}.pandemic-videos p{opacity:.7;margin:0;font-size:14px;line-height:1.8}@media (width<=850px){.pandemic-characters{grid-template-columns:1fr;gap:48px}.pandemic-characters article{grid-template-columns:1fr 1fr;align-content:start;column-gap:28px;display:grid}.pandemic-characters figure{grid-row:1/4}.pandemic-characters h3{margin-top:0}.pandemic-characters article>p{margin-bottom:0}}@media (width<=700px){.detail-language{gap:8px}.project-detail .detail-language button{font-size:10px}.pandemic-subtitle{margin:-10px 0 24px;font-size:18px}.pandemic-background{grid-template-columns:1fr;gap:24px;margin-bottom:70px}.pandemic-background figure{justify-self:center;width:88%}.pandemic-section-heading>p,.pandemic-copy{font-size:16px;line-height:1.9}.pandemic-chapter{margin-bottom:70px}.pandemic-steps{grid-template-columns:1fr;gap:24px;margin:28px 0 40px}.pandemic-steps h3{margin:10px 0 6px}.pandemic-characters article{display:block}.pandemic-characters h3{margin-top:22px}.pandemic-videos{grid-template-columns:1fr;gap:40px}.pandemic-chapter>.pandemic-section-heading{margin-bottom:26px}}.project-detail .journey-map,.project-detail .compare-table{color:var(--ink,#261cc1);margin:40px 0 80px}.journey-scroll{-webkit-overflow-scrolling:touch;padding-bottom:6px;overflow-x:auto}.journey-grid{grid-template-columns:118px repeat(var(--stages),minmax(150px,1fr));min-width:calc(118px + var(--stages) * 150px);border:1px solid var(--rule-strong,#261cc140);background:#ffffff4d;border-radius:6px;display:grid;overflow:hidden}.journey-grid>*{border-top:1px solid var(--rule,#261cc124);border-left:1px solid var(--rule,#261cc124);padding:16px}.journey-corner,.journey-stage{border-top:0!important}.journey-corner,.journey-label{border-left:0!important}.journey-stage{background:var(--ink,#261cc1);color:var(--paper,#f4f3ef);font-size:16px;line-height:1.4}.journey-stage span{letter-spacing:.06em;opacity:.65;margin-bottom:6px;font-size:11px;display:block}.journey-corner{background:var(--ink,#261cc1)}.journey-label{letter-spacing:.05em;color:var(--muted,#261cc1a6);align-items:flex-start;font-size:12px;display:flex}.journey-cell{font-size:14px;line-height:1.65}.journey-cell.is-pain{background:#ff8a5b14}.journey-label.is-pain{color:#c8532a}.journey-cell.is-opportunity{background:#261cc10a}.journey-label.is-opportunity{color:var(--ink,#261cc1)}.journey-emotion{height:96px;position:relative;padding:0!important}.journey-emotion svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.journey-emotion path{fill:none;stroke:var(--ink,#261cc1);stroke-width:1.6px;vector-effect:non-scaling-stroke}.journey-mid{stroke:var(--rule-strong,#261cc140);stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.journey-emotion i{background:var(--ink,#261cc1);border-radius:50%;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute}.journey-emotion i[data-low]{background:#ff8a5b}.journey-caption{color:var(--muted,#261cc1a6);margin-top:12px;font-size:12px}.compare-table table{border-collapse:collapse;width:100%;min-width:640px;font-size:15px;line-height:1.55}.compare-table th,.compare-table td{border-top:1px solid var(--rule,#261cc124);text-align:left;vertical-align:top;padding:14px 16px;font-weight:400}.compare-table thead th{letter-spacing:.05em;color:var(--muted,#261cc1a6);border-top:0;font-size:12px}.compare-table tbody th{color:var(--muted,#261cc1a6);width:16%;font-size:13px}.compare-table .is-ours{color:var(--ink,#261cc1);background:#261cc10d}.compare-table thead .is-ours{color:var(--ink,#261cc1);font-weight:500}.flow-row{counter-reset:f;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:0;margin:30px 0 70px;padding:0;list-style:none;display:grid}.flow-row li{border-top:2px solid var(--ink,#261cc1);padding:18px 26px 18px 0;position:relative}.flow-row li:not(:last-child):after{content:"";border-top:1px solid var(--muted,#261cc1a6);border-right:1px solid var(--muted,#261cc1a6);width:7px;height:7px;position:absolute;top:24px;right:14px;transform:rotate(45deg)}.flow-row span{letter-spacing:.06em;color:var(--muted,#261cc1a6);margin-bottom:8px;font-size:11px;display:block}.flow-row strong{font-size:17px;font-weight:400;line-height:1.4;display:block}.flow-row p{color:var(--muted,#261cc1a6);margin:8px 0 0;font-size:14px;line-height:1.65}@media (width<=700px){.project-detail .journey-map,.project-detail .compare-table{margin:32px 0 60px}.flow-row{grid-template-columns:1fr}.flow-row li:after{display:none}}.rolling-case{padding-top:54px}.rolling-section{border-top:1px solid #f4f3ef40;margin-bottom:120px;padding-top:22px}.rolling-heading>span,.rolling-play>span{letter-spacing:.04em;opacity:.72;font-size:11px;line-height:1.5}.rolling-heading h2,.rolling-play h2{font-size:var(--detail-heading-size);letter-spacing:-.03em;max-width:820px;margin:22px 0;font-weight:400;line-height:1.3}.rolling-heading>p,.rolling-opening>p,.rolling-play>p{max-width:820px;margin:0 0 40px;font-size:18px;line-height:1.95}.rolling-opening{grid-template-columns:1.15fr .85fr;align-items:end;gap:6vw;padding-bottom:26px;display:grid}.rolling-opening>p{max-width:440px;margin:0 0 6px}.rolling-image a{color:inherit;display:block}.rolling-image a:focus-visible,.rolling-play a:focus-visible{outline-offset:6px;outline:2px solid #ff8a5b}.rolling-image img{object-fit:contain;object-position:left center;background:#f4f3ef;max-height:850px}.rolling-map-original a{max-width:1200px;margin:auto;display:block}.rolling-map-original a:focus-visible{outline-offset:5px;outline:2px solid #ff8a5b}.rolling-map-original img{background:#f4f3ef;width:100%;height:auto;display:block}.rolling-split{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:center;gap:7vw;display:grid}.rolling-split .rolling-heading>p{max-width:420px;margin-bottom:0}.rolling-pair{grid-template-columns:1fr 1fr;gap:36px;display:grid}.rolling-pair .rolling-image img{max-height:none}.rolling-videos{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px;max-width:1160px;margin:auto;display:grid}.rolling-videos video{aspect-ratio:3/4;object-fit:contain;background:#171446;width:100%;height:auto;display:block}.rolling-videos figcaption{opacity:1;flex-wrap:wrap;gap:6px 18px;display:flex}.rolling-videos figcaption strong{font-size:16px;font-weight:400}.rolling-videos figcaption span{opacity:.7;font-size:12px}.rolling-feedback{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.rolling-play{border:1px solid #f4f3ef70;margin-bottom:110px;padding:55px 6vw 70px}.rolling-play h2{margin-top:30px}.rolling-play a{color:#261cc1;background:#f4f3ef;justify-content:center;align-items:center;min-height:54px;padding:14px 24px;font-size:15px;text-decoration:none;display:inline-flex}.rolling-play a:hover{background:#ff8a5b}@media (width<=850px){.rolling-opening,.rolling-split,.rolling-feedback{grid-template-columns:1fr;gap:30px}.rolling-feedback .rolling-heading{grid-row:1}.rolling-feedback .rolling-image{grid-row:2}.rolling-opening>p{max-width:820px}}@media (width<=700px){.rolling-case{padding-top:28px}.rolling-section{margin-bottom:70px}.rolling-heading>p,.rolling-opening>p,.rolling-play>p{font-size:16px;line-height:1.9}.rolling-pair{grid-template-columns:1fr;gap:34px}.rolling-videos{grid-template-columns:1fr;gap:44px}.rolling-play{margin-bottom:70px;padding:36px 24px 45px}.rolling-videos video{max-height:72svh}}.rolling-insights{margin:10px 0 0;padding:0;list-style:none;display:grid}.rolling-insights li{border-top:1px solid var(--rule,#261cc124);grid-template-columns:minmax(0,1fr) 40px minmax(0,1.15fr);align-items:baseline;gap:2vw;padding:22px 0;display:grid}.rolling-insights blockquote{margin:0;font-size:clamp(17px,1.35vw,22px);line-height:1.55}.rolling-insights span{color:var(--muted,#261cc1a6)}.rolling-insights p{color:var(--muted,#261cc1a6);margin:0;font-size:16px;line-height:1.75}.rolling-key{border:1px solid var(--rule-strong,#261cc140);background:#ffffff59;border-radius:6px;max-width:1100px;margin:24px 0 0;padding:26px 28px;font-size:clamp(18px,1.5vw,24px);line-height:1.6}.rolling-proto{max-width:760px;margin:40px auto 0}.rolling-section .rolling-feedback{margin-bottom:50px}@media (width<=700px){.rolling-insights li{grid-template-columns:1fr;gap:8px}.rolling-insights span{display:none}}.farmers-case>section{margin-bottom:100px}.farmers-case .detail-process p{max-width:none}.farmers-case .detail-process span{opacity:1;font-size:15px;line-height:1.6}.farmers-case .detail-process{margin-bottom:35px}.farmers-case .farmers-pair{align-items:start;margin-bottom:55px}.farmers-case .farmers-pair figure:nth-child(2){padding-top:0}.farmers-field img{object-fit:contain;max-height:540px}.farmers-produce{max-width:900px;margin-left:auto;margin-right:auto}.farmers-produce img{object-fit:contain;max-height:580px}.farmers-body{max-width:900px;margin:0 0 45px;font-size:18px;line-height:1.9}.farmers-note{opacity:.8;max-width:900px;font-size:13px;line-height:1.8}.farmers-extra{max-width:650px;margin:60px auto}.farmers-case a{display:block}.farmers-case a:focus-visible{outline-offset:6px;outline:2px solid #ff98c2}.farmers-case .detail-wide{margin-bottom:65px}@media (width<=700px){.farmers-case>section{margin-bottom:65px}.farmers-case .farmers-pair{grid-template-columns:1fr;gap:32px}.farmers-body{font-size:16px}.farmers-produce{max-width:300px}.farmers-extra{max-width:330px}.farmers-note{font-size:12px}}.vape-case>section{margin-bottom:110px}.vape-case .detail-process{margin-bottom:30px}.vape-case h3{margin:14px 0 0;font-size:20px;font-weight:400;line-height:1.5}.vape-case .detail-process p{max-width:none;margin-top:12px}.vape-note{opacity:.8;max-width:900px;font-size:13px;line-height:1.8}.vape-body{max-width:900px;margin:0 0 48px;font-size:18px;line-height:1.9}.vape-journey .detail-process{grid-template-columns:repeat(4,minmax(0,1fr));gap:3vw}.vape-screens{grid-template-columns:repeat(3,minmax(0,1fr));gap:5vw;max-width:1000px;margin:0 auto;display:grid}.vape-screens img{object-fit:contain;max-height:560px}.vape-device{max-width:1050px;margin:0 auto 60px}.vape-scope{grid-template-columns:minmax(0,1.7fr) minmax(0,.6fr);align-items:start;gap:6vw;display:grid}.vape-scope .detail-process{grid-template-columns:1fr;gap:36px}.vape-scope img{object-fit:contain;max-height:580px}.vape-case a{display:block}.vape-case a:focus-visible{outline-offset:6px;outline:2px solid #ff98c2}@media (width<=700px){.vape-case>section{margin-bottom:70px}.vape-journey .detail-process,.vape-scope{grid-template-columns:1fr}.vape-screens{grid-template-columns:1fr;gap:40px;max-width:300px}.vape-scope>figure{max-width:280px;margin:auto}.vape-body{font-size:16px}.vape-case h3{font-size:18px}.vape-note{font-size:12px}}.vape-scene{margin:90px calc(-1*max(24px,6vw)) 40px}.vape-scene figure{width:100%}.vape-scene img{border-radius:0!important}.vape-scene figcaption{padding:0 max(24px,6vw)}.vape-phones{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:3vw;margin:60px 0;display:grid}.vape-wave .vape-phone:nth-child(2){margin-top:80px}.vape-wave .vape-phone:nth-child(3){margin-top:30px}.vape-wave .vape-phone:nth-child(4){margin-top:110px}.vape-phone img{background:#fff;width:100%;height:auto;display:block;box-shadow:0 0 0 1px #261cc124,var(--lift)!important;border-radius:26px!important}.vape-phone figcaption{margin-top:16px}.vape-sub{margin-top:90px}.vape-device-grid{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);align-items:center;gap:4vw;margin-bottom:40px;display:grid}.vape-exploded img{width:100%;max-width:440px;height:auto;margin:auto}.vape-device-stack{gap:40px;display:grid}.vape-turn video{aspect-ratio:1918/1200;object-fit:cover;width:100%;height:auto;box-shadow:var(--lift);background:#cbcdcf;border-radius:3px;display:block}.vape-ar{grid-template-columns:1fr 1fr;gap:28px;display:grid}.vape-scope{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}@media (width<=700px){.vape-phones{grid-template-columns:1fr 1fr;gap:18px}.vape-wave .vape-phone:nth-child(n){margin-top:0}.vape-wave .vape-phone:nth-child(2n){margin-top:50px}.vape-device-grid{grid-template-columns:1fr}.vape-exploded img{max-height:520px}.vape-scene{margin:50px -24px 0}.vape-scope{grid-template-columns:1fr!important}}.beseen-case{--bs-ink:#30304d;--bs-lav:#b8b5e6;--bs-lime:#d1e9b4;--bs-cream:#f5f4e9;--bs-coral:#d97d71}.beseen-case>section{margin-bottom:200px}.beseen-heading h2{font-size:var(--detail-heading-size);letter-spacing:-.03em;max-width:860px;margin:0 0 26px;font-weight:400;line-height:1.22}.beseen-heading p{max-width:560px;margin:0;font-size:18px;line-height:1.9}.project-detail .beseen-case figure img{border-radius:0}.beseen-roles{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:3.2vw;margin:80px 0 0;padding:0;list-style:none;display:grid}.beseen-role{box-shadow:var(--lift);background:#fff;border-radius:26px;padding:28px 28px 34px;transition:transform .5s cubic-bezier(.2,.8,.2,1);position:relative}.beseen-role:first-child{background:var(--bs-lime)}.beseen-role:nth-child(2){background:var(--bs-lav);margin-top:90px}.beseen-role:nth-child(3){background:var(--bs-cream);margin-top:30px}.beseen-role:hover{transform:translateY(-8px)rotate(-1deg)}.beseen-role img{border-radius:50%;width:96px;height:96px;margin-bottom:26px;display:block;box-shadow:0 0 0 3px #fff}.beseen-role span{letter-spacing:.08em;color:var(--bs-ink);opacity:.7;font-size:11px}.beseen-role h3{color:var(--bs-ink);margin:8px 0 14px;font-size:clamp(24px,2.2vw,34px);font-weight:400}.beseen-role p{color:var(--bs-ink);margin:0;font-size:16px;line-height:1.8}.beseen-flow{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:2.4vw;margin:80px 0 0;padding:0;list-style:none;display:grid}.beseen-flow li:nth-child(2){margin-top:70px}.beseen-flow li:nth-child(3){margin-top:140px}.beseen-flow li:nth-child(4){margin-top:70px}.beseen-flow p{max-width:240px;margin:12px 0 0;font-size:14px;line-height:1.8}.beseen-phone img{width:100%;height:auto;display:block;box-shadow:0 0 0 3px var(--bs-ink),var(--lift)!important;border-radius:22px!important}.beseen-phone figcaption{margin-top:18px;color:var(--ink)!important;font-size:13px!important}.beseen-stage{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:6vw;display:grid}.beseen-stage-phones{grid-template-columns:1fr .75fr;align-items:end;gap:3vw;display:grid;position:relative}.beseen-stage-phones .is-main{justify-self:end;max-width:360px}.beseen-stage-phones .is-side{max-width:260px;margin-bottom:120px}.beseen-print{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:6vw;display:grid}.beseen-print-visual{justify-content:center;padding:40px 0;display:flex;position:relative}.beseen-print-visual:before{content:"";z-index:-1;background:radial-gradient(circle,#b8b5e6 0,#b8b5e600 68%);border-radius:50%;position:absolute;inset:8% 6%}.beseen-print-visual .beseen-phone{width:min(340px,70%)}.beseen-logo{z-index:2;filter:drop-shadow(0 18px 24px #160f7a33);width:150px;height:150px;animation:6s ease-in-out infinite beseen-bob;position:absolute;top:0;right:6%;transform:rotate(-12deg)}@keyframes beseen-bob{0%,to{transform:translateY(0)rotate(-12deg)}50%{transform:translateY(-14px)rotate(-6deg)}}.beseen-marquee{margin:70px calc(-1*max(24px,6vw)) 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.beseen-marquee-track{gap:28px;width:max-content;padding:30px 0;animation:60s linear infinite beseen-marquee;display:flex}.beseen-marquee:hover .beseen-marquee-track{animation-play-state:paused}.beseen-marquee img{width:clamp(240px,24vw,380px);height:auto;box-shadow:var(--lift);border-radius:6px;display:block}.beseen-marquee img:nth-child(odd){transform:translateY(26px)}@keyframes beseen-marquee{to{transform:translate(calc(-50% - 14px))}}.beseen-avatars{flex-wrap:wrap;gap:22px;margin:60px 0 0;padding:0;list-style:none;display:flex}.beseen-avatars img{width:84px;height:84px;box-shadow:var(--lift);border-radius:50%;transition:transform .4s cubic-bezier(.2,.8,.2,1);display:block}.beseen-avatars li:nth-child(2n) img{transform:translateY(14px)}.beseen-avatars img:hover{transform:translateY(-8px)scale(1.06)}.beseen-note{color:var(--muted);margin:46px 0 0;font-size:13px;line-height:1.8}.beseen-principles h3{margin:14px 0 0;font-size:20px;font-weight:400;line-height:1.5}.beseen-principles .detail-process p{max-width:none;margin-top:12px}@media (width<=900px){.beseen-flow{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.beseen-flow li:nth-child(n){margin-top:0}.beseen-flow li:nth-child(2),.beseen-flow li:nth-child(5){margin-top:50px}}@media (width<=700px){.beseen-case>section{margin-bottom:100px}.beseen-heading p{font-size:16px}.beseen-roles{grid-template-columns:1fr;gap:18px;margin-top:40px}.beseen-role:nth-child(n){margin-top:0}.beseen-role:nth-child(2){margin-left:10%}.beseen-role:nth-child(3){margin-right:10%}.beseen-flow{grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}.beseen-flow li:nth-child(n){margin-top:0}.beseen-flow li:nth-child(2n){margin-top:50px}.beseen-flow p{font-size:13px}.beseen-stage,.beseen-print{grid-template-columns:1fr;gap:40px}.beseen-stage-phones .is-side{margin-bottom:60px}.beseen-print .beseen-heading{grid-row:1}.beseen-logo{width:96px;height:96px}.beseen-marquee{margin:40px -24px 0}.beseen-marquee img{width:220px}.beseen-avatars img{width:64px;height:64px}}@media (prefers-reduced-motion:reduce){.beseen-marquee-track,.beseen-logo{animation:none}.beseen-marquee{overflow-x:auto}}.beseen-path h3,.beseen-economy>h3{letter-spacing:.02em;color:var(--muted,#261cc1a6);margin:34px 0 0;font-size:15px;font-weight:400}.beseen-path .flow-row{margin:12px 0 10px}.beseen-economy{margin-top:40px}.beseen-economy .detail-process{margin-bottom:20px}.beseen-economy-body{max-width:820px;margin:0 0 20px;font-size:17px;line-height:1.85}.beseen-xhs{grid-template-columns:repeat(2,minmax(0,300px));justify-content:start;gap:3vw;margin-top:40px;display:grid}.beseen-xhs img{object-fit:cover;object-position:top;width:100%;height:auto;max-height:640px;box-shadow:var(--lift);border-radius:14px;display:block}.beseen-xhs figcaption{color:var(--muted,#261cc1a6);margin-top:12px;font-size:13px}.beseen-live{grid-template-columns:repeat(3,auto);justify-content:space-between;gap:3vw;margin:60px 0 0;padding:0;list-style:none;display:grid}.beseen-live-phone{--s:.8;width:calc(390px * var(--s));height:calc(844px * var(--s));border-radius:calc(46px * var(--s));box-shadow:0 0 0 calc(10px * var(--s)) #141416,0 0 0 calc(11px * var(--s)) #5c5c61,var(--lift);margin:calc(11px * var(--s));background:#f5f4e9;overflow:hidden}.beseen-live-phone iframe{width:390px;height:844px;transform:scale(var(--s));transform-origin:0 0;border:0;display:block}.beseen-live h3{margin:30px 0 6px;font-size:18px;font-weight:400}.beseen-live p{color:var(--muted,#261cc1a6);max-width:300px;font-size:14px;line-height:1.6}@media (width<=1200px){.beseen-live-phone{--s:.66}}@media (width<=900px){.beseen-live{grid-template-columns:1fr;justify-items:center;gap:56px}.beseen-live li{text-align:center}.beseen-live-phone{--s:.78}.beseen-live p{margin:0 auto}}@media (width<=420px){.beseen-live-phone{--s:.72}.beseen-xhs{grid-template-columns:1fr 1fr;gap:12px}}.youyou-case section{margin-bottom:120px}.youyou-case figure{margin:0}.youyou-case figure a{display:block}.youyou-case img{width:100%;height:auto;display:block}.youyou-case figcaption{opacity:.75;margin-top:12px;font-size:13px}.yy-grid{align-items:start;gap:2.4vw;margin-top:40px;display:grid}.yy-2{grid-template-columns:1fr 1fr}.yy-3{grid-template-columns:repeat(3,1fr)}.yy-before{grid-template-columns:.75fr 1fr 1fr}.yy-drinks{grid-template-columns:.62fr 1.38fr;align-items:end}.yy-feature{max-width:980px;margin:40px auto 0}.yy-square{max-width:900px}.yy-wide{margin-top:40px}@media (width<=800px){.youyou-case section{margin-bottom:70px}.yy-2,.yy-3,.yy-drinks{grid-template-columns:1fr;gap:28px}.yy-before{grid-template-columns:1fr 1fr;gap:12px}.yy-before figure:first-child{grid-row:span 2}}.yy-cards{grid-template-columns:1fr 1fr;gap:3vw}.yy-cards figure:last-child{grid-column:1/-1;justify-self:center;width:calc(50% - 1.5vw)}.yy-cups{max-width:760px;margin:3vw auto 0}.yy-feature.yy-small{max-width:720px}.yy-feature.yy-small.yy-square{max-width:600px}@media (width<=800px){.yy-cards{grid-template-columns:1fr;gap:28px}.yy-cards figure:last-child{width:100%}}:is(html.portfolio-project,.lifting-project){--detail-grid-step:62px;--detail-grid-lines:linear-gradient(#f4f3ef1a 1px,transparent 1px),linear-gradient(90deg,#f4f3ef1a 1px,transparent 1px),linear-gradient(#f4f3ef4d 1px,transparent 1px),linear-gradient(90deg,#f4f3ef4d 1px,transparent 1px);--detail-grid-sizes:calc(var(--detail-grid-step)*4) calc(var(--detail-grid-step)*4),calc(var(--detail-grid-step)*4) calc(var(--detail-grid-step)*4),var(--detail-grid-step) var(--detail-grid-step),var(--detail-grid-step) var(--detail-grid-step)}html.portfolio-project body{background-color:#261cc1;background-image:var(--detail-grid-lines);background-size:var(--detail-grid-sizes);color:#f4f3ef;overscroll-behavior:auto;background-attachment:fixed;overflow:auto}.project-detail{--detail-heading-size:clamp(24px,2.4vw,40px);color:#f4f3ef;background:0 0;min-height:100svh;padding:80px 4.5vw 0}.page-content>section.project-detail[data-preparing=true]{visibility:hidden;pointer-events:none;position:fixed;inset:0;overflow:hidden;display:block!important}.detail-toolbar{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px;display:flex}.project-detail button{color:inherit;font:inherit;background:0 0;border:0;padding:10px 0}.detail-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr) minmax(0,1fr);align-items:center;gap:4vw;min-height:calc(100svh - 140px);padding-bottom:40px;display:grid}.detail-cover{justify-content:center;align-items:center;height:calc(100svh - 190px);min-height:300px;display:flex}.detail-cover img{object-fit:contain;width:100%;height:100%;display:block}.detail-title,.detail-year{margin:0;font-size:clamp(17px,1.6vw,29px);font-weight:400;line-height:1.45}.detail-title{overflow-wrap:anywhere;letter-spacing:-.025em}.detail-year{text-align:right;font-size:clamp(14px,1.35vw,25px)}.detail-year time{white-space:nowrap}.detail-overview{grid-template-columns:minmax(0,.7fr) minmax(0,1.15fr) minmax(0,2fr);gap:5vw;padding:90px 0 70px;display:grid}.detail-overview h2{text-transform:uppercase;margin:0 0 20px;font-size:13px;font-weight:400;line-height:1.5}.detail-category>p,.detail-role>p{overflow-wrap:anywhere;margin:0;font-size:clamp(17px,1.5vw,24px);line-height:1.7}.detail-intro{max-width:860px;margin:0;font-size:clamp(19px,1.5vw,25px);line-height:1.85}.detail-project-link{min-height:44px;color:inherit;text-underline-offset:6px;align-items:center;margin-top:24px;font-size:14px;display:inline-flex}.detail-project-link:hover{color:#ff98c2}.detail-project-link:focus-visible{outline-offset:5px;outline:2px solid #ff98c2}.detail-tools{flex-wrap:wrap;gap:12px;margin:30px 0 0;padding:0;list-style:none;display:flex}.detail-tool{background:#f4f3ef;border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.detail-tool>img{object-fit:contain;width:34px;height:34px;display:block}.detail-tool-label{color:#261cc1;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;background:#f4f3ef;padding:5px 8px;font-size:11px;position:absolute;bottom:calc(100% + 9px);left:0}.detail-tool:hover .detail-tool-label,.detail-tool:focus-visible .detail-tool-label{opacity:1;visibility:visible}.detail-tool:focus-visible{outline-offset:4px;outline:2px solid #ff98c2}.detail-editorial{max-width:1600px;margin:0 auto;padding-top:80px}.detail-section-label{border-top:1px solid #f4f3ef40;justify-content:space-between;gap:24px;padding:20px 0 34px;font-size:11px;display:flex}.detail-process{grid-template-columns:repeat(3,minmax(0,1fr));gap:5vw;margin:0 0 90px;padding:0;list-style:none;display:grid}.detail-process li{border-top:1px solid #f4f3ef70;padding-top:14px}.detail-process span{opacity:.7;font-size:11px}.detail-process p{max-width:360px;margin:18px 0 0;font-size:17px;line-height:1.75}.project-detail figure{margin:0}.project-detail figure img{width:100%;height:auto;display:block}.project-detail figcaption{opacity:.65;margin-top:14px;font-size:11px;line-height:1.6}.detail-pair{grid-template-columns:1fr 1fr;gap:6vw;margin-bottom:160px;display:grid}.detail-pair figure:nth-child(2){padding-top:120px}.detail-study{grid-template-columns:1fr 1.4fr;align-items:center;gap:8vw;margin-bottom:150px;display:grid}.detail-study>div>span{opacity:.7;font-size:11px}.detail-study h2{font-weight:400;font-size:var(--detail-heading-size);letter-spacing:-.03em;margin:22px 0;line-height:1.25}.detail-study p{max-width:340px;font-size:18px;line-height:1.9}.wildpaper-feedback{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.wildpaper-reviews{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;display:grid}.wildpaper-reviews figure{max-width:420px}.wildpaper-reviews figure:nth-child(2){margin-top:65px}.detail-wide{margin-bottom:150px}.detail-offset{width:78%;margin-left:auto}.detail-ending{border-top:1px solid #f4f3ef40;justify-content:space-between;align-items:center;gap:36px;min-height:240px;font-size:14px;display:flex}.web-case-heading{grid-template-columns:1fr 1fr;align-items:start;gap:6vw;margin:10px 0 70px;display:grid}.web-case-heading h2{font-size:var(--detail-heading-size);letter-spacing:-.03em;max-width:620px;margin:0;font-weight:400;line-height:1.3}.web-case-heading p{max-width:580px;margin:0;font-size:18px;line-height:1.9}.web-case a{display:block}.web-case a:focus-visible{outline-offset:5px;outline:2px solid #ff98c2}.web-case-videos{grid-template-columns:1fr 1fr;align-items:start;gap:40px;margin-bottom:120px;display:grid}.web-case-make{flex-direction:column;gap:72px;margin-bottom:160px;display:flex}.web-case-make>.detail-wide{margin-bottom:0}.web-case-videos video{object-fit:contain;background:#171446;width:100%;height:auto;max-height:75svh;display:block}.project-detail button:focus-visible{outline-offset:5px;outline:2px solid #ff98c2}.motion-demo[data-opening=true] .demo-nav{pointer-events:none}.motion-demo[data-opening=true] .heart-footer{opacity:0;pointer-events:none;transition:opacity .18s}.project-detail .detail-heading{opacity:1}@media (width<=700px){:is(html.portfolio-project,.lifting-project){--detail-grid-step:37px}.project-detail{--detail-heading-size:24px;padding:70px 24px 0}.detail-toolbar{margin-bottom:20px}.detail-hero{grid-template-columns:1fr;gap:30px;padding-bottom:60px}.detail-cover{height:54svh;min-height:280px}.detail-heading{max-width:none}.detail-heading h1{margin:18px 0 28px;font-size:42px}.detail-heading dd,.detail-intro,.detail-study p{font-size:16px}.detail-intro{margin:25px 0}.detail-scroll{margin-top:24px}.detail-editorial{padding-top:30px}.detail-process{grid-template-columns:1fr;gap:20px;margin-bottom:58px}.detail-process p{margin-top:8px;font-size:16px}.detail-pair{gap:18px;margin-bottom:70px}.detail-pair figure:nth-child(2){padding-top:55px}.detail-study{grid-template-columns:1fr;gap:28px;margin-bottom:70px}.detail-wide{margin-bottom:70px}.detail-offset{width:90%}.detail-section-label{font-size:9px}.detail-ending{flex-wrap:wrap;gap:15px;min-height:170px;font-size:11px}.wildpaper-feedback{grid-template-columns:1fr}.wildpaper-reviews{grid-template-columns:1fr;gap:28px}.wildpaper-reviews figure{width:min(100%,300px)}.wildpaper-reviews figure:nth-child(2){margin:0 0 0 auto}}@media (width<=900px){.detail-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;min-height:calc(100svh - 150px);padding-bottom:45px}.detail-cover{grid-area:1/1/auto/-1;height:64svh;min-height:260px}.detail-title{grid-area:2/1;font-size:19px}.detail-year{grid-area:2/2;font-size:14px}.detail-overview{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:40px 30px;padding:60px 0 45px}.detail-info{grid-column:1/-1}.detail-overview h2{margin-bottom:12px;font-size:12px}.detail-category>p,.detail-role>p{font-size:16px}.detail-overview .detail-intro{margin:0;font-size:19px}.detail-tool{width:40px;height:40px}.detail-tool>img{width:29px;height:29px}.detail-tools{gap:10px}.detail-tool-label{white-space:normal;max-width:140px}}@media (width<=700px){.web-case-heading,.web-case-videos{grid-template-columns:1fr;gap:28px}.web-case-heading{margin-bottom:40px}.web-case-heading p{font-size:16px}.web-case-videos{margin-bottom:70px}.web-case .detail-pair{grid-template-columns:1fr;gap:38px}.web-case .detail-pair figure:nth-child(2){padding-top:0}.web-case-make{gap:36px;margin-bottom:70px}.web-case-make .detail-offset{width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){.project-detail .detail-heading{animation:none}.motion-demo[data-opening=true] .heart-footer{transition:none}}.biometrics-note{opacity:.8;max-width:900px;margin:0 0 90px;font-size:13px;line-height:1.8}.biometrics-intro .detail-process span,.biometrics-reflection .detail-process span{opacity:1;font-size:15px;line-height:1.6}.biometrics-intro .detail-process p,.biometrics-reflection .detail-process p{max-width:none}@media (width<=700px){.biometrics-note{margin-bottom:60px;font-size:12px}}:is(html.portfolio-project,.lifting-project){--ink:#261cc1;--paper:#f4f3ef;--rule:#261cc124;--rule-strong:#261cc140;--muted:#261cc1a6;--lift:0 30px 60px -34px #160f7a59,0 2px 8px #160f7a12;--detail-heading-size:clamp(28px,3.1vw,50px);--glass-bg:#f4f3efb8;--glass-solid:#f4f3ef;--glass-edge:#261cc12e;--glass-ink:#261cc1;--glass-shadow:0 10px 30px #0d08501a,inset 0 1px 0 #ffffff80}html.portfolio-project body{background-color:var(--paper);background-image:var(--paper-lines);background-size:var(--paper-sizes);color:var(--ink)}:is(html.portfolio-project,.lifting-project) .project-detail{color:var(--ink);padding-left:max(24px,6vw);padding-right:max(24px,6vw)}:is(html.portfolio-project,.lifting-project) .project-detail :is(.detail-process li,.rolling-section,.pandemic-steps li,.pandemic-chapter>.pandemic-section-heading,.detail-ending){border-top-color:var(--rule)}:is(html.portfolio-project,.lifting-project) .project-detail .rolling-play{border-color:var(--rule-strong);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb3}:is(html.portfolio-project,.lifting-project) .project-detail .rolling-play a{background:var(--ink);color:var(--paper);border-radius:999px}:is(html.portfolio-project,.lifting-project) .project-detail .rolling-play a:hover{color:var(--ink);background:#ff8a5b}:is(html.portfolio-project,.lifting-project) .project-detail .rolling-section,:is(html.portfolio-project,.lifting-project) .project-detail .pandemic-chapter>.pandemic-section-heading{border-top:0;padding-top:0}:is(html.portfolio-project,.lifting-project) .detail-section-label{letter-spacing:.06em;color:var(--muted);border-top:0;justify-content:flex-start;align-items:center;gap:14px;margin:0 0 26px;padding:0;font-size:12px}:is(html.portfolio-project,.lifting-project) .detail-section-label>span:first-child{color:var(--ink);align-items:center;gap:12px;display:inline-flex}:is(html.portfolio-project,.lifting-project) .detail-section-label>span:first-child:before{content:"";background:currentColor;width:28px;height:1px}:is(html.portfolio-project,.lifting-project) .detail-section-label>span+span:before{content:"· "}:is(html.portfolio-project,.lifting-project) :is(.rolling-heading,.pandemic-section-heading)>span,:is(html.portfolio-project,.lifting-project) .detail-study>div>span{color:var(--ink);opacity:1;letter-spacing:.06em;font-size:12px}:is(html.portfolio-project,.lifting-project) .project-detail :is(.detail-study h2,.web-case-heading h2,.rolling-heading h2,.rolling-play h2,.pandemic-section-heading h2){font-size:var(--detail-heading-size);line-height:1.22}:is(html.portfolio-project,.lifting-project) .project-detail :is(.detail-process span,.pandemic-steps li>span){color:var(--muted);opacity:1}:is(html.portfolio-project,.lifting-project) .project-detail figcaption{color:var(--muted);opacity:1;letter-spacing:.02em;font-size:12px}:is(html.portfolio-project,.lifting-project) .detail-overview h2{color:var(--muted);letter-spacing:.08em;font-size:12px}:is(html.portfolio-project,.lifting-project) :is(.biometrics-note,.vape-note,.farmers-note){color:var(--muted);opacity:1}:is(html.portfolio-project,.lifting-project) .detail-tool{box-shadow:0 0 0 1px var(--rule),0 8px 18px -12px #160f7a40;background:#fff;transition:transform .35s cubic-bezier(.2,.8,.2,1)}:is(html.portfolio-project,.lifting-project) .detail-tool:hover{transform:translateY(-4px)rotate(-3deg)}:is(html.portfolio-project,.lifting-project) .detail-tool-label{background:var(--ink);color:var(--paper)}:is(html.portfolio-project,.lifting-project) .detail-cover img{filter:drop-shadow(0 34px 40px #160f7a33)}@keyframes detail-float{0%,to{transform:translateY(0)rotate(-.4deg)}50%{transform:translateY(-12px)rotate(.4deg)}}:is(html.portfolio-project,.lifting-project) .project-detail:not([data-preparing]) .detail-cover{animation:7s ease-in-out infinite detail-float}:is(html.portfolio-project,.lifting-project) .detail-title{font-size:clamp(22px,2.2vw,38px)}:is(html.portfolio-project,.lifting-project) .project-detail figure img,:is(html.portfolio-project,.lifting-project) .project-detail figure video{box-shadow:var(--lift);border-radius:3px;transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s}:is(html.portfolio-project,.lifting-project) .project-detail figure a:hover img{transform:translateY(-6px)scale(1.01);box-shadow:0 44px 70px -36px #160f7a6b,0 2px 8px #160f7a14}:is(html.portfolio-project,.lifting-project) .project-detail figure{translate:0 var(--drift,0px)}:is(html.portfolio-project,.lifting-project) .detail-editorial{padding-top:40px}:is(html.portfolio-project,.lifting-project) .detail-pair{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);align-items:start;gap:7vw;margin-bottom:200px}:is(html.portfolio-project,.lifting-project) .detail-pair figure:nth-child(2){padding-top:180px}:is(html.portfolio-project,.lifting-project) .detail-pair:nth-of-type(2n){grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}:is(html.portfolio-project,.lifting-project) .detail-pair:nth-of-type(2n) figure:first-child{padding-top:140px}:is(html.portfolio-project,.lifting-project) .detail-pair:nth-of-type(2n) figure:nth-child(2){padding-top:0}:is(html.portfolio-project,.lifting-project) .detail-wide{margin-bottom:200px}:is(html.portfolio-project,.lifting-project) .detail-wide:not(.detail-offset){width:88%}:is(html.portfolio-project,.lifting-project) .detail-offset{width:70%}:is(html.portfolio-project,.lifting-project) .web-case-heading{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);margin-bottom:90px}:is(html.portfolio-project,.lifting-project) .web-case-heading p{padding-top:clamp(40px,6vw,110px)}:is(html.portfolio-project,.lifting-project) .detail-study{margin-bottom:200px}:is(html.portfolio-project,.lifting-project) .detail-process{gap:4vw}:is(html.portfolio-project,.lifting-project) .detail-process li{padding-top:18px}:is(html.portfolio-project,.lifting-project) :is(.vape-case,.farmers-case)>section,:is(html.portfolio-project,.lifting-project) .pandemic-chapter,:is(html.portfolio-project,.lifting-project) .rolling-section{margin-bottom:190px}:is(html.portfolio-project,.lifting-project) .detail-ending{margin-top:60px}:is(html.portfolio-project,.lifting-project) .detail-ending button{transition:transform .35s cubic-bezier(.2,.8,.2,1)}:is(html.portfolio-project,.lifting-project) .detail-ending button:hover{transform:translate(6px)}.dm-reveal{opacity:0;transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform 1.1s cubic-bezier(.2,.8,.2,1);transition-delay:var(--dm-delay,0s);transform:translateY(46px)}.dm-reveal.dm-in{opacity:1;transform:none}.dm-mask{clip-path:inset(0 0 100%);transition:clip-path 1s cubic-bezier(.2,.8,.2,1),transform 1s cubic-bezier(.2,.8,.2,1);transition-delay:var(--dm-delay,0s);transform:translateY(24px)}.dm-mask.dm-in{clip-path:inset(-10% -2% -20%);transform:none}@media (width<=700px){:is(html.portfolio-project,.lifting-project){--detail-heading-size:26px}:is(html.portfolio-project,.lifting-project) .detail-pair,:is(html.portfolio-project,.lifting-project) .detail-pair:nth-of-type(2n){grid-template-columns:1fr 1fr;gap:18px;margin-bottom:90px}:is(html.portfolio-project,.lifting-project) .detail-pair figure:nth-child(2),:is(html.portfolio-project,.lifting-project) .detail-pair:nth-of-type(2n) figure:first-child{padding-top:70px}:is(html.portfolio-project,.lifting-project) .detail-wide,:is(html.portfolio-project,.lifting-project) .detail-study,:is(html.portfolio-project,.lifting-project) :is(.vape-case,.farmers-case)>section,:is(html.portfolio-project,.lifting-project) .pandemic-chapter,:is(html.portfolio-project,.lifting-project) .rolling-section{margin-bottom:90px}:is(html.portfolio-project,.lifting-project) .detail-wide:not(.detail-offset){width:100%}:is(html.portfolio-project,.lifting-project) .detail-offset{width:88%}:is(html.portfolio-project,.lifting-project) .web-case-heading{grid-template-columns:1fr;margin-bottom:40px}:is(html.portfolio-project,.lifting-project) .web-case-heading p{padding-top:0}.dm-reveal{transform:translateY(28px)}}@media (prefers-reduced-motion:reduce){:is(html.portfolio-project,.lifting-project) .project-detail .detail-cover{animation:none}.dm-reveal,.dm-mask{opacity:1;clip-path:none;transition:none;transform:none}:is(html.portfolio-project,.lifting-project) .project-detail figure{translate:none}}.detail-title-block{flex-direction:column;align-items:flex-start;gap:22px;display:flex}.detail-visit{color:#f4f3ef;background:#261cc1;border-radius:999px;flex-direction:column;gap:4px;max-width:100%;padding:14px 22px 14px 44px;text-decoration:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .25s,box-shadow .35s;display:inline-flex;position:relative;box-shadow:0 14px 30px -14px #261cc1b3}.detail-visit:hover{color:#261cc1;background:#ff8a5b;transform:translateY(-3px);box-shadow:0 18px 36px -14px #ff8a5bcc}.detail-visit:hover .detail-visit-pulse{box-shadow:none;background:#261cc1;animation:none}.detail-visit:focus-visible{outline-offset:5px;outline:2px solid #ff8a5b}.detail-visit-label{letter-spacing:.02em;font-size:15px;line-height:1.2}.detail-visit-host{opacity:.75;letter-spacing:.02em;white-space:nowrap;font-size:11px;line-height:1.3}.detail-visit-pulse{background:#7dff9e;border-radius:50%;width:10px;height:10px;margin-top:-5px;animation:1.8s ease-out infinite detail-live;position:absolute;top:50%;left:20px;box-shadow:0 0 #7dff9e99}@keyframes detail-live{0%{box-shadow:0 0 #7dff9eaa}70%,to{box-shadow:0 0 0 12px #7dff9e00}}:is(html.portfolio-project,.lifting-project) .detail-project-link{color:#f4f3ef;background:#261cc1;border-radius:14px;flex-direction:column;align-items:flex-start;gap:2px;min-height:0;margin-top:24px;padding:12px 20px;font-size:15px;text-decoration:none;transition:background .25s,transform .35s cubic-bezier(.2,.8,.2,1);display:inline-flex}:is(html.portfolio-project,.lifting-project) .detail-project-link small{opacity:.75;font-size:11px}:is(html.portfolio-project,.lifting-project) .detail-project-link:hover{color:#261cc1;background:#ff8a5b;transform:translateY(-3px)}@media (width<=900px){.detail-title-block{grid-area:2/1;gap:14px;min-width:0}.detail-visit{padding:11px 16px 11px 34px}.detail-visit-label{font-size:13px}.detail-visit-host{font-size:10px}.detail-visit-pulse{left:16px}}@media (prefers-reduced-motion:reduce){.detail-visit-pulse{animation:none}}.detail-closing-link{color:#f4f3ef;background:#261cc1;border-radius:28px;gap:10px;margin:40px 0 0;padding:clamp(36px,5vw,64px) clamp(28px,4vw,56px);text-decoration:none;transition:background .3s,color .3s,transform .45s cubic-bezier(.2,.8,.2,1);display:grid;box-shadow:0 30px 60px -36px #261cc1}.detail-closing-kicker{letter-spacing:.14em;opacity:.7;font-size:12px}.detail-closing-title{letter-spacing:-.03em;align-items:center;gap:.4em;font-size:clamp(30px,4.2vw,64px);line-height:1.1;display:flex}.detail-closing-arrow{transition:transform .45s cubic-bezier(.2,.8,.2,1);display:inline-block}.detail-closing-host{opacity:.75;overflow-wrap:anywhere;font-size:14px}.detail-closing-link:hover{color:#261cc1;background:#ff8a5b;transform:translateY(-4px)}.detail-closing-link:hover .detail-closing-arrow{transform:translate(6px,-6px)}.detail-closing-link:focus-visible{outline-offset:6px;outline:2px solid #ff8a5b}@media (width<=700px){.detail-closing-link{border-radius:20px;margin-top:20px}}.product-snapshot{border:1px solid var(--rule,#261cc124);max-width:1600px;color:var(--ink,#261cc1);background:#ffffff4d;border-radius:6px;margin:0 auto 20px;padding:clamp(28px,4vw,56px) clamp(22px,4.5vw,72px)}.product-snapshot header{align-items:baseline;gap:18px;margin-bottom:clamp(18px,2.4vw,34px);display:flex}.product-snapshot header span{letter-spacing:.08em;color:var(--muted,#261cc1a6);font-size:12px}.product-snapshot header h2{letter-spacing:-.01em;margin:0;font-size:clamp(22px,2vw,32px);font-weight:400}.product-snapshot dl{margin:0}.product-snapshot .ps-row{border-top:1px solid var(--rule,#261cc124);grid-template-columns:minmax(150px,.26fr) minmax(0,1fr);gap:4vw;padding:20px 0;display:grid}.product-snapshot dt{letter-spacing:.04em;color:var(--muted,#261cc1a6);gap:12px;padding-top:4px;font-size:13px;display:flex}.product-snapshot dt span{font-variant-numeric:tabular-nums;opacity:.7}.product-snapshot dd{max-width:64ch;margin:0;font-size:clamp(16px,1.15vw,19px);line-height:1.7}.product-snapshot dd ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.product-snapshot dd li{padding-left:22px;position:relative}.product-snapshot dd li:before{content:"";background:currentColor;width:10px;height:1px;position:absolute;top:.82em;left:0}.product-snapshot .ps-decision dt,.product-snapshot .ps-outcome dt{color:var(--ink,#261cc1)}@media (width<=700px){.product-snapshot .ps-row{grid-template-columns:1fr;gap:8px;padding:16px 0}}.project-detail :is(.pandemic-stats,.case-stats){grid-template-columns:repeat(4,minmax(0,1fr));gap:3vw;margin:44px 0 14px;padding:0;list-style:none;display:grid}.project-detail :is(.pandemic-stats,.case-stats) li{border-top:1px solid var(--rule-strong,#261cc140);padding-top:18px}.project-detail :is(.pandemic-stats,.case-stats) strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(40px,4.4vw,72px);font-weight:400;line-height:1;display:block}.project-detail :is(.pandemic-stats,.case-stats) p{max-width:24ch;margin:14px 0 0;font-size:15px;line-height:1.65}.project-detail .pandemic-stats-note{margin-bottom:56px}.project-detail :is(.pandemic-quotes,.case-quotes){grid-template-columns:repeat(3,minmax(0,1fr));gap:3vw;margin:40px 0 50px;padding:0;list-style:none;display:grid}.project-detail :is(.pandemic-quotes,.case-quotes) li{border:1px solid var(--rule,#261cc124);background:#ffffff59;border-radius:6px;flex-direction:column;justify-content:space-between;gap:22px;padding:28px 26px;display:flex}.project-detail :is(.pandemic-quotes,.case-quotes) blockquote{margin:0;font-size:17px;line-height:1.75}.project-detail :is(.pandemic-quotes,.case-quotes) span{letter-spacing:.05em;color:var(--muted,#261cc1a6);font-size:12px}@media (width<=900px){.project-detail :is(.pandemic-stats,.case-stats){grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}.project-detail :is(.pandemic-quotes,.case-quotes){grid-template-columns:1fr;gap:16px}}.motion-demo .about-profile{height:auto;min-height:100svh;padding:calc(var(--grid)*4) var(--gutter) max(calc(var(--grid)*2),42svh);overflow:clip visible}.motion-demo .about-section.about-profile{isolation:isolate;background-color:var(--heart-paper);background-image:var(--paper-lines);background-size:var(--paper-sizes)}.about-heart{z-index:2;pointer-events:none;position:fixed;inset:0}.about-heart canvas{width:100%;height:100%;display:block}.about-sheet{max-width:1024px;margin:0 auto;font-size:16px;line-height:2;position:relative}.about-sheet :is(h1,h2,h3,p,li,dt,dd,figcaption,.profile-note){z-index:3;color:#0000;background-color:var(--heart-blue);background-image:var(--about-text-ink,none);background-position:0 0;background-repeat:no-repeat;background-size:100vw 100vh;background-attachment:fixed;-webkit-background-clip:text;background-clip:text;position:relative}.about-sheet img{z-index:1;position:relative}.about-lens-defs{pointer-events:none;position:absolute}.about-lens{z-index:4;pointer-events:none;-webkit-backdrop-filter:url(#about-edge-lens);position:fixed;inset:0}.about-edge-glass{z-index:5;pointer-events:none;background:linear-gradient(var(--edge-direction),#f4f3eff5, #f4f3ef80 30%,transparent 85%);height:clamp(72px,18vh,170px);position:fixed;left:0;right:0}.about-edge-glass--top{--edge-direction:to bottom;top:0}.about-edge-glass--bottom{--edge-direction:to top;bottom:0}@media (prefers-reduced-motion:reduce){.about-lens{-webkit-backdrop-filter:none}}.about-sheet p,.about-sheet figure,.about-sheet dl{margin:0}.about-sheet h1,.about-sheet h2,.about-sheet h3{margin:0;font-weight:400}.profile-kicker{font-size:12px;line-height:var(--grid);letter-spacing:.025em}.about-sheet .profile-identity{margin-top:12px;font-size:20px}.about-sheet .profile-email{overflow-wrap:anywhere;margin-top:12px;font-size:14px}.profile-intro{gap:calc(var(--grid)*3);grid-template-columns:1.25fr 1fr;align-items:center;display:grid}.profile-intro #about-title{letter-spacing:-.02em;margin:calc(var(--grid)*.5) 0 var(--grid);opacity:.8;font-size:clamp(26px,2.4vw,34px);line-height:1.3}.profile-intro #about-title span{letter-spacing:.04em;font-size:1em}.about-sheet .profile-lead{margin-bottom:calc(var(--grid)*.5);font-size:19px;line-height:1.7}.profile-summary{max-width:32em}.about-sheet .profile-directions{letter-spacing:-.01em;margin:var(--grid) 0;font-size:clamp(26px,2.6vw,38px);line-height:1.45}.about-sheet img{width:100%;height:auto;display:block}.profile-portrait{justify-self:end;width:100%;max-width:416px}.about-sheet figcaption{opacity:.85;padding-top:12px;font-size:12px;line-height:1.8}.profile-section{margin-top:calc(var(--grid)*3);padding-top:var(--grid);border-top:1px solid #261cc14d}.profile-section-heading{margin-bottom:var(--grid)}.profile-section-heading h2{margin-top:8px;font-size:28px;line-height:1.6}.profile-strengths{gap:var(--grid) calc(var(--grid)*2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.profile-note{font-size:11px;line-height:var(--grid)}.profile-strengths h3{margin:8px 0 16px;font-size:20px;line-height:1.6}.profile-strengths p{font-size:15px;line-height:2}.profile-evidence{gap:calc(var(--grid)*2);grid-template-columns:1.1fr 1fr;align-items:start;display:grid}.profile-metrics{padding:0 0 var(--grid);grid-template-columns:1.3fr 1fr .8fr;gap:16px;display:grid}.profile-metrics dt{font-size:13px}.profile-metrics dd{letter-spacing:-.06em;white-space:nowrap;margin:0;font-size:clamp(24px,3vw,40px);line-height:1.6}.profile-metrics dd span{letter-spacing:0;margin-left:6px;font-size:14px}.profile-record{gap:var(--grid);padding:var(--grid) 0;grid-template-columns:256px minmax(0,1fr);display:grid}.profile-record+.profile-record{border-top:1px dashed #261cc13b}.profile-date{font-size:12px;line-height:2.4}.profile-record h3{font-size:22px;line-height:1.7}.about-sheet .profile-role{margin:8px 0 16px;font-size:16px}.about-sheet .profile-detail{margin-top:12px;font-size:14px}.profile-record ul{margin:16px 0 0;padding-left:1.5em;list-style:outside}.profile-record li{margin-bottom:8px;padding-left:.25em}.profile-record li::marker{color:var(--heart-blue)}.profile-toolkit>div{gap:var(--grid);grid-template-columns:256px minmax(0,1fr);padding:16px 0;display:grid}.profile-toolkit>div+div{border-top:1px dashed #261cc13b}.profile-toolkit dt{font-size:14px}.profile-toolkit dd{overflow-wrap:anywhere;margin:0;font-size:16px}.profile-ending{justify-content:space-between;align-items:center;gap:var(--grid);margin-top:calc(var(--grid)*3);padding-top:var(--grid);border-top:1px solid #261cc14d;font-size:12px;display:flex}.profile-ending a{color:inherit;text-underline-offset:5px;font-size:16px}.profile-ending a:focus-visible{outline-offset:6px;outline:2px solid}@media (width<=900px){.profile-intro{gap:var(--grid)}.profile-strengths{gap:var(--grid);grid-template-columns:1fr}.profile-strengths article{max-width:44em}.profile-evidence{gap:var(--grid)}.profile-record,.profile-toolkit>div{grid-template-columns:192px minmax(0,1fr)}}@media (width<=699px){.motion-demo .about-profile{padding-top:calc(var(--grid)*4);padding-left:calc(var(--gutter)*1.5);padding-right:calc(var(--gutter)*1.5)}.about-sheet{font-size:15px;line-height:1.9}.profile-intro{gap:calc(var(--grid)*2);grid-template-columns:1fr}.profile-intro #about-title,.about-sheet .profile-directions{font-size:24px}.about-sheet .profile-lead{font-size:17px}.profile-portrait{justify-self:center;max-width:360px}.profile-kicker{font-size:10px}.profile-section{margin-top:calc(var(--grid)*2);padding-top:var(--grid)}.profile-section-heading h2{font-size:24px;line-height:1.7}.profile-strengths h3{font-size:20px}.profile-evidence{gap:calc(var(--grid)*2);grid-template-columns:1fr}.profile-metrics{gap:8px}.profile-metrics dd{font-size:30px}.profile-metrics dt{font-size:12px}.profile-record,.profile-toolkit>div{grid-template-columns:1fr;gap:8px}.profile-record h3{font-size:20px}.profile-date{font-size:11px}.profile-toolkit dd{font-size:15px}.profile-ending{flex-direction:column;align-items:flex-start;gap:12px}.profile-ending a{font-size:15px}}.profile-heart-slot{align-self:stretch;min-height:min(62svh,560px)}@media (width<=900px){.profile-intro{grid-template-columns:1fr}.profile-heart-slot{order:-1;min-height:34svh}}.profile-process{gap:calc(var(--grid)*.75);margin-top:calc(var(--grid)*2);grid-template-columns:.75fr .75fr 1.333fr;align-items:start;display:grid}.profile-process figure{margin:0}.profile-process img{border:1px solid #261cc12e;width:100%;height:auto;display:block;box-shadow:0 22px 40px -30px #160f7a66}.profile-process figcaption{opacity:.75;margin-top:10px;font-size:12px;line-height:1.6}@media (width<=700px){.profile-process{grid-template-columns:1fr 1fr;gap:12px}.profile-process figure:last-child{grid-column:1/-1}}.profile-intro #about-title.profile-roles{gap:calc(var(--grid)*.5) calc(var(--grid)*1.5);margin:var(--grid) 0 calc(var(--grid)*1.25);letter-spacing:-.01em;opacity:1;grid-template-columns:repeat(2,max-content);font-size:clamp(30px,3.1vw,46px);line-height:1.15;display:grid}.profile-roles span{letter-spacing:0;border-bottom:1px solid #261cc140;align-items:baseline;gap:.45em;padding-bottom:.32em;font-size:1em;display:flex}.profile-roles i{font-style:normal;font-family:var(--portfolio-font,monospace);letter-spacing:.06em;opacity:.55;font-size:12px;transform:translateY(-.9em)}@media (width<=700px){.profile-intro #about-title.profile-roles{gap:14px 22px;font-size:26px}}.profile-roles span:nth-child(5){grid-column:1/-1}.page-content>section[hidden]{display:none!important}.demo-nav a[aria-current=page]{text-underline-offset:5px;text-decoration:underline}html.portfolio-works,html.portfolio-works body{overscroll-behavior:none;color:#f4f3ef;background:#261cc1;height:100%;overflow:hidden}.motion-demo .work-section.works-page{color:#f4f3ef;touch-action:none;isolation:isolate;background:#261cc1;height:100svh;min-height:0;padding:0;position:relative;overflow:hidden}.works-space,.works-grid{position:absolute;inset:0}.works-space{pointer-events:none;z-index:-1}.works-space canvas{width:100%;height:100%;display:block}.gallery-project{will-change:transform;backface-visibility:hidden;margin:0;position:absolute;top:0;left:0}.gallery-open{width:100%;height:100%;color:inherit;text-align:left;background:0 0;border:0;border-radius:0;padding:0;display:block}.gallery-image{background:#1c1398;width:100%;height:100%;transition:transform .35s,filter .35s;display:block;overflow:hidden}.gallery-image img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.gallery-caption{opacity:0;pointer-events:none;gap:10px;padding-top:10px;font-size:12px;line-height:1.3;transition:opacity .2s;display:flex;position:absolute;top:100%;left:0;right:0}.gallery-title{overflow-wrap:anywhere}.gallery-number{font-size:10px}.gallery-project:hover,.gallery-project:focus-within{z-index:2}.gallery-open:hover .gallery-image,.gallery-open:focus-visible .gallery-image{filter:brightness(1.04);transform:scale(1.045)}.gallery-open:hover .gallery-caption,.gallery-open:focus-visible .gallery-caption{opacity:1}.gallery-open:focus-visible{outline-offset:6px;outline:2px solid #f4f3ef}.works-ending{pointer-events:none;padding:9px 20px;font-size:12px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}@media (width<=699px){.gallery-caption{gap:6px;padding-top:7px;font-size:10px}.works-ending{font-size:10px;bottom:18px}}@media (prefers-reduced-motion:reduce){.gallery-image,.gallery-caption{transition:none}.gallery-open:hover .gallery-image,.gallery-open:focus-visible .gallery-image{transform:none}}.cursor-follower{display:none}@media (hover:hover) and (pointer:fine){html.has-cursor-follower .cursor-follower{display:block}html.has-cursor-follower,html.has-cursor-follower *{cursor:none!important}html.has-cursor-follower :is(input,textarea,[contenteditable=true]){cursor:text!important}}.cursor-heart{z-index:2147483000;pointer-events:none;opacity:0;mix-blend-mode:difference;width:18px;height:17px;margin:-8px 0 0 -9px;transition:opacity .2s;position:fixed;top:0;left:0}.cursor-heart[data-on=true]{opacity:1}.cursor-heart svg{transform-origin:50%;width:100%;height:100%;transition:transform .35s cubic-bezier(.2,.8,.2,1);display:block;overflow:visible}.cursor-heart path{fill:#fff;fill-opacity:1;stroke:#fff;stroke-width:0;vector-effect:non-scaling-stroke;transition:fill-opacity .25s,stroke-width .25s}.cursor-heart[data-mode=text] svg{transform:scale(2.3)}.cursor-heart[data-mode=text] path{fill-opacity:0;stroke-width:.7px}.cursor-heart[data-mode=media] svg{transform:scale(2.6)}.cursor-heart[data-press=true] svg{transform:scale(.75)}.cursor-heart[data-mode=text][data-press=true] svg{transform:scale(1.9)}.cursor-heart[data-mode=media][data-press=true] svg{transform:scale(2.2)}@media (prefers-reduced-motion:reduce){.cursor-heart svg,.cursor-heart path{transition:none}}.portfolio-intro{z-index:2147481000;color:#f4f3ef;pointer-events:none;background:#261cc1;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.intro-grid{background-image:linear-gradient(#f4f3ef1f 1px,#0000 1px),linear-gradient(90deg,#f4f3ef1f 1px,#0000 1px);background-position:50%;background-size:64px 64px;position:absolute;inset:0}.intro-stack{aspect-ratio:3/4;width:clamp(170px,22vw,300px);position:relative}.intro-stack img{object-fit:cover;-webkit-user-select:none;user-select:none;will-change:transform,opacity;backface-visibility:hidden;width:100%;height:100%;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 18px 36px -18px #0b064e8c,0 0 0 1px #f4f3ef33}.intro-meter{z-index:20;font-family:var(--portfolio-font);white-space:nowrap;position:absolute;top:-6px;left:calc(100% + 17px)}.intro-meter span{letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:12px;line-height:1}html.portfolio-intro-running .demo-nav,html.portfolio-intro-running .heart-loading{opacity:0}.demo-nav{transition:opacity .6s}@media (width<=600px){.intro-meter{top:calc(100% + 12px);left:auto;right:-3px;transform:translate(100%)}}