:root{color:#e9e7e2;font-synthesis:none;background:#111;font-family:Arial,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#111;min-width:320px;margin:0}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.site-shell{background:#111;overflow:hidden}.portfolio-content{background:#111}.entry-screen{color:#f1efe9;background:#050505;flex-direction:column;justify-content:space-between;min-height:100svh;padding:28px 4vw;display:flex;position:relative;overflow:hidden}.entry-screen:before{content:"";opacity:.35;pointer-events:none;background:radial-gradient(circle at 50% 48%,#ff642f29,#0000 22%),repeating-linear-gradient(90deg,#0000 0 calc(12.5vw - 1px),#ffffff0e 12.5vw);position:absolute;inset:0}.entry-mark{z-index:1;letter-spacing:-.12em;font-size:1.25rem;font-weight:800;position:relative}.entry-mark span{color:#ff642f;padding:0 .12em}.entry-center{z-index:1;flex-direction:column;align-self:center;align-items:center;gap:28px;margin-top:-5vh;display:flex;position:relative}.entry-center p{color:#777570;letter-spacing:.2em;text-transform:uppercase;margin:0;font:10px ui-monospace,monospace}.entry-button{color:#111;cursor:pointer;isolation:isolate;background:#f1efe9;border:1px solid #f1efe9bf;border-radius:999px;justify-content:center;align-items:center;width:180px;height:74px;transition:transform .3s,box-shadow .3s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1f,0 14px 50px #ff642f29}.entry-button:hover{transform:scale(1.04);box-shadow:0 0 0 1px #fff3,0 18px 70px #ff642f4d}.entry-button:focus-visible{outline-offset:6px;outline:2px solid #ff642f}.entry-button-blob{background:#ff642f;border-radius:50%;width:145px;height:145px;transition:transform .65s cubic-bezier(.16,1,.3,1);position:absolute;transform:translateY(82px)}.entry-button:hover .entry-button-blob{transform:translateY(0)}.entry-button-text,.entry-button-arrow{z-index:1;letter-spacing:.22em;font:11px ui-monospace,monospace;position:relative}.entry-button-arrow{letter-spacing:0;margin-left:26px;font-size:20px}.entry-footer{z-index:1;color:#55534f;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;font:10px ui-monospace,monospace;display:flex;position:relative}.topbar{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#111111c2;border-bottom:1px solid #e9e7e22e;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px 4vw;display:grid;position:fixed;top:0;left:0;right:0}.brand-mark{letter-spacing:-.12em;font-size:1.2rem;font-weight:800}.brand-mark span{color:#ff642f;padding:0 .16em}.topbar nav{text-transform:uppercase;letter-spacing:.16em;gap:28px;font-size:.72rem;display:flex}.topbar nav a{color:#aaa8a2;transition:color .2s}.folio{color:#777570;justify-self:end;font:11px ui-monospace,monospace}.hero{isolation:isolate;border-bottom:1px solid #333;align-items:center;min-height:100svh;padding:150px 8vw 60px;display:flex;position:relative;overflow:hidden}.hero-cover-image{z-index:-2;pointer-events:none;position:absolute;inset:0}.hero-cover-shade{z-index:-1;pointer-events:none;position:absolute;inset:0}.hero-cover-image img{object-fit:cover;filter:grayscale(.2)contrast(1.08);width:100%;height:100%;display:block;transform:scale(1.04)}.hero-cover-shade{z-index:-1;background:linear-gradient(90deg,#070707db,#07070742 62%,#07070794),linear-gradient(#0000 60%,#070707b8)}.hero-meta{color:#e9e7e2b3;text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;font:10px ui-monospace,monospace;display:flex;position:absolute;top:115px;left:8vw;right:8vw}.hero-cover-copy{max-width:820px}.eyebrow,.section-kicker{color:#ff642f;letter-spacing:.16em;text-transform:uppercase;margin:0 0 24px;font:11px ui-monospace,monospace}.hero h1{color:#e9e7e2;letter-spacing:-.09em;margin:0;font-size:clamp(4rem,10vw,10rem);font-weight:700;line-height:.86}.hero h1 em,.about-layout h2 em,.contact-section h2 em{color:#ff642f;font-style:normal}.hero-description{color:#e9e7e2cc;max-width:360px;margin:38px 0 34px;font-size:1rem;line-height:1.7}.hero-index{color:#e9e7e2b3;align-items:center;gap:12px;font:10px ui-monospace,monospace;display:flex;position:absolute;bottom:62px;right:8vw}.index-line{background:#ff642f;width:70px;height:1px}.liquid-button:focus-visible{outline-offset:5px;outline:2px solid #ff642f}.archive-intro{background:radial-gradient(circle at 72% 42%,#ff642f1f,#0000 28%),#111;border-bottom:1px solid #333;justify-content:space-between;align-items:flex-end;min-height:72svh;padding:150px 8vw 90px;display:flex}.archive-intro h1{color:#e9e7e2;letter-spacing:-.11em;margin:0;font-size:clamp(5rem,14vw,13rem);line-height:.78}.archive-intro h1 em{color:#ff642f;font-style:normal}.archive-intro>p{color:#aaa8a2;max-width:180px;margin:0 0 5px;font-size:.92rem;line-height:1.55}.archive-heading{padding-bottom:70px}.archive-heading h2{font-size:clamp(4rem,9vw,9rem)}.project-group{padding:0 8vw 110px}.project-group-heading{border-bottom:1px solid #444;justify-content:space-between;align-items:baseline;padding-bottom:20px;display:flex}.project-group-heading h3{color:#e9e7e2;letter-spacing:-.04em;margin:0;font-size:clamp(1.4rem,2.5vw,2.2rem);font-weight:400}.project-group-heading span{color:#777570;text-transform:uppercase;letter-spacing:.1em;font:10px ui-monospace,monospace}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-top:22px;display:grid}.project-tile{cursor:pointer;aspect-ratio:4/5;background:#252422;border:0;min-width:0;padding:0;display:block;overflow:hidden}.project-tile img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.16,1,.3,1),filter .4s;display:block}.project-tile:hover img,.project-tile:focus-visible img{filter:contrast(1.05);transform:scale(1.035)}.project-tile:focus-visible{outline-offset:5px;outline:1px solid #ff642f}.liquid-button{isolation:isolate;color:#111;cursor:pointer;background:0 0;border:1px solid #ffffffc7;border-radius:32px;justify-content:center;align-items:center;width:238px;height:96px;padding:0;display:inline-flex;position:relative;overflow:visible}.liquid-button-art{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.liquid-button-label{z-index:1;color:#111;letter-spacing:.22em;pointer-events:none;align-items:center;gap:32px;font:600 21px ui-monospace,monospace;display:flex;position:relative}.liquid-button-label span{letter-spacing:0;font-size:38px;line-height:1}.work-intro{color:#777570;text-transform:uppercase;letter-spacing:.12em;justify-content:space-between;padding:70px 8vw 10px;font:10px ui-monospace,monospace;display:flex}.works-section{border-bottom:1px solid #333;min-height:760px;padding:90px 0 100px}.section-heading{grid-template-columns:1fr auto 1fr;align-items:end;padding:0 8vw 48px;display:grid}.section-heading h2{letter-spacing:-.1em;margin:0;font-size:clamp(3rem,7vw,7rem);line-height:.8}.section-note{color:#777570;text-align:right;justify-self:end;margin:0;font:11px/1.6 ui-monospace,monospace}.carousel-viewport{cursor:grab;perspective:1200px;touch-action:pan-y;padding:70px 0 86px;overflow:hidden}.carousel-viewport:active{cursor:grabbing}.carousel-track{width:max-content;transform-style:preserve-3d;will-change:transform;align-items:center;display:flex}.project-card{text-align:left;color:#e9e7e2;transform-origin:50%;background:0 0;border:0;flex:0 0 280px;width:280px;padding:0;position:relative}.project-card-button{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;display:block;position:relative}.project-card.is-active .project-image-wrap{outline-offset:5px;outline:1px solid #ff642fbf}.project-image-wrap{background:#282725;width:100%;height:350px;display:block;overflow:hidden}.project-image-wrap img{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:transform .5s;display:block}.project-card:hover .project-image-wrap img{transform:scale(1.04)}.project-card-info{flex-direction:column;gap:7px;padding-top:16px;display:flex}.project-card-info span:first-child{letter-spacing:-.03em;font-size:17px}.project-card-info span:last-child,.project-year{color:#777570;text-transform:uppercase;letter-spacing:.08em;font:10px ui-monospace,monospace}.project-year{color:#111;background:#e9e7e2;padding:4px 6px;position:absolute;top:10px;right:10px}.carousel-controls{color:#777570;justify-content:center;align-items:center;gap:26px;font:11px ui-monospace,monospace;display:flex}.carousel-controls button{color:#e9e7e2;background:0 0;border:1px solid #444;width:38px;height:38px}.carousel-controls button:hover:not(:disabled){color:#ff642f;border-color:#ff642f}.carousel-controls button:disabled{opacity:.35;cursor:default}.carousel-controls .carousel-open{color:#111;background:#ff642f;border-color:#ff642f;width:auto;min-width:104px;margin-left:16px;padding:0 14px}.carousel-open span{margin-left:12px;font-size:16px}.about-section{border-bottom:1px solid #333;padding:130px 8vw}.about-layout{grid-template-columns:1fr 1fr;align-items:end;gap:10vw;display:grid}.about-layout h2{letter-spacing:-.1em;margin:0;font-size:clamp(3.5rem,8vw,8rem);line-height:.84}.about-copy{color:#aaa8a2;max-width:430px;font-size:1.15rem;line-height:1.7}.about-copy .muted{color:#6e6c67;font-size:.9rem}.contact-section{padding:120px 8vw 28px}.contact-section h2{letter-spacing:-.1em;margin:0;font-size:clamp(3.5rem,8vw,8rem);line-height:.84}.contact-links{color:#aaa8a2;gap:24px;margin:70px 0 120px;font-size:.9rem;display:flex}.contact-links span{border-bottom:1px solid #555;padding-bottom:8px}.footer-line{color:#777570;text-transform:uppercase;letter-spacing:.1em;border-top:1px solid #444;justify-content:space-between;padding-top:16px;font:10px ui-monospace,monospace;display:flex}.footer-line a:hover{color:#ff642f}.detail-backdrop{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000c2;justify-content:center;align-items:flex-end;padding:5vh 4vw;display:flex;position:fixed;inset:0}.detail-panel{color:#111;background:#e9e7e2;width:min(1100px,100%);max-height:90vh;padding:28px;position:relative;overflow-y:auto}.close-button{z-index:2;color:#111;text-transform:uppercase;background:#e9e7e2;border:1px solid #111;align-items:center;gap:12px;padding:8px 12px;font:10px ui-monospace,monospace;display:flex;position:absolute;top:18px;right:18px}.close-button span{font-size:20px;line-height:.6}.detail-content{grid-template-columns:1fr 1fr;gap:8vw;padding:42px 14px 20px;display:grid}.detail-content .section-kicker{color:#ff642f}.detail-content h2{letter-spacing:-.08em;margin:0 0 18px;font-size:clamp(2.4rem,6vw,6rem);line-height:.9}.detail-description{color:#4f4d49;max-width:440px;line-height:1.65}.detail-meta{color:#4f4d49;padding-top:8px;font-size:.9rem;line-height:1.6}.detail-meta p{margin:0 0 22px}.detail-meta span{color:#8a8780;text-transform:uppercase;margin-bottom:5px;font:10px ui-monospace,monospace;display:block}.detail-gallery{gap:12px;padding:0 14px 24px;display:grid}.detail-gallery img{background:#111;width:100%;height:auto;display:block}@media (width<=700px){.topbar{grid-template-columns:1fr auto;padding:16px 20px}.topbar nav{display:none}.folio{font-size:9px}.hero{min-height:760px;padding:140px 22px 50px}.hero-meta{gap:12px;font-size:8px;top:92px;left:22px;right:22px}.hero-meta span:last-child{text-align:right}.hero h1{font-size:clamp(4rem,19vw,7rem)}.hero-description{margin-top:30px}.hero-index{bottom:34px;right:22px}.work-intro{padding:45px 22px 0;font-size:8px}.works-section{padding-top:70px}.section-heading{padding:0 22px 32px;display:block}.section-heading h2{margin:12px 0 24px;font-size:4.5rem}.section-note{text-align:left}.carousel-viewport{padding:48px 0 65px}.project-card{flex-basis:230px;width:230px}.project-image-wrap{height:290px}.carousel-controls{gap:15px}.carousel-controls .carousel-open{margin-left:4px}.about-section,.contact-section{padding:90px 22px}.about-layout,.detail-content{grid-template-columns:1fr;gap:38px}.about-layout h2,.contact-section h2{font-size:4.5rem}.contact-links{flex-direction:column;gap:16px;margin:60px 0 80px}.footer-line{flex-wrap:wrap;gap:12px}.detail-backdrop{padding:0}.detail-panel{max-height:100vh;padding:18px}.detail-content{padding:28px 4px 10px}.detail-image img{max-height:50vh}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=700px){.archive-intro{min-height:66svh;padding:120px 22px 65px;display:block}.archive-intro h1{margin:12px 0 50px;font-size:clamp(5rem,23vw,8rem)}.archive-intro>p{margin:0}.archive-heading{padding:0 22px 50px}.project-group{padding:0 22px 75px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.project-group-heading h3{font-size:1.15rem}.project-group-heading span{font-size:8px}}.project-tile{aspect-ratio:auto;background:0 0;height:auto;display:block}.project-tile img{object-fit:initial;width:100%;height:auto}.site-shell,.portfolio-content{color:#f4f4f0;background:#050505}.topbar{color:#f4f4f0;-webkit-backdrop-filter:none;backdrop-filter:none;background:#050505;border-bottom:1px solid #666;min-height:32px;padding:7px 24px;position:sticky}.brand-mark,.topbar nav a,.folio{color:#f4f4f0;letter-spacing:-.04em;font-family:Arial,Microsoft YaHei,sans-serif;font-weight:700}.brand-mark{font-size:14px}.topbar nav{letter-spacing:-.04em;gap:32px;font-size:14px}.topbar nav a:hover{color:#ff642f}.folio{font-size:12px;font-weight:400}.archive-intro{color:#f4f4f0;background:#050505;border-bottom:1px solid #666;min-height:64svh;padding-top:100px}.archive-intro h1{color:#f4f4f0;letter-spacing:-.09em;font-size:clamp(3.2rem,8vw,8rem);line-height:.88}.archive-intro h1 em,.archive-intro>p{color:#f4f4f0}.archive-intro-side{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.archive-intro-side p{color:#f4f4f0;margin:0}.archive-intro-side a{color:#050505;background:#f4f4f0;padding:14px 20px;font:14px ui-monospace,monospace;display:inline-block}.section-kicker{color:#f4f4f0}.works-section{background:#050505;border-bottom:1px solid #666;padding-top:75px}.section-heading h2{color:#f4f4f0;font-size:clamp(3rem,6vw,6rem)}.section-note,.project-group-heading span{color:#aaa}.project-group-heading{border-color:#666}.project-group-heading h3{color:#f4f4f0}.project-tile{aspect-ratio:auto;background:0 0;border:1px solid #444;align-self:start;height:auto}.project-tile img{object-fit:fill;mix-blend-mode:normal;width:100%;height:auto;display:block}.project-grid:has(>.project-tile:only-child){justify-content:center;align-items:flex-start;display:flex}.project-grid:has(>.project-tile:only-child) .project-tile{width:min(720px,68vw)}.about-section,.contact-section{color:#f4f4f0;background:#050505;border-color:#666}.resume-section{padding-top:36px}.resume-title{letter-spacing:-.07em;justify-content:space-between;margin-bottom:72px;font-size:clamp(1.5rem,3vw,3rem);display:flex}.about-layout h2,.contact-section h2{color:#f4f4f0;font-size:clamp(3rem,6vw,6rem)}.about-layout h2 em,.contact-section h2 em{color:#f4f4f0}.about-copy{color:#f4f4f0;font-size:1.05rem}.about-copy b{margin-bottom:10px;font-size:1.25rem;display:inline-block}.contact-links{color:#f4f4f0}.contact-links a,.contact-links span{color:#f4f4f0;border-color:#aaa}.footer-line{color:#aaa;border-color:#666}.detail-backdrop{background:#000000e0}.detail-panel{color:#f4f4f0;background:#050505;border:1px solid #777}.detail-content h2,.detail-content .section-kicker{color:#f4f4f0}.detail-description,.detail-meta{color:#ddd}.detail-gallery img{mix-blend-mode:normal;background:#111}.close-button{z-index:60;color:#050505;background:#f4f4f0;border:1px solid #f4f4f0;border-radius:0;padding:12px 18px;font-size:12px;font-weight:700;position:fixed;top:22px;right:22px}.close-button b{margin-left:14px;font-size:20px;line-height:.7}.resume-image{background:#050505;width:100%;height:auto;display:block}.archive-title-block{max-width:58vw}.archive-title-block h1{font-size:clamp(3.2rem,7.2vw,8rem)}.archive-directory{border-top:1px solid #555;gap:9px;margin-top:28px;padding-top:17px;display:grid}.archive-directory span{color:#999;letter-spacing:.12em;font:10px ui-monospace,monospace}.archive-directory a{color:#f4f4f0;background:#050505;border:1px solid #777;padding:11px 14px;font-size:15px;line-height:1.25;transition:color .25s,background .25s,border-color .25s,transform .25s;display:block;position:relative}.archive-directory a:hover,.archive-directory a:focus-visible{color:#ff642f;transform:translate(5px)}.archive-directory a:after{content:"↗";opacity:0;transition:opacity .25s,transform .25s;position:absolute;right:13px}.archive-directory a:hover:after,.archive-directory a:focus-visible:after{opacity:1;transform:translate(3px,-3px)}@media (width<=700px){.archive-title-block{max-width:none}.archive-title-block h1{font-size:clamp(3rem,15vw,6rem)}.archive-directory{margin-top:34px}}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:8px;grid-auto-flow:row;align-items:stretch;gap:18px;display:grid}.project-grid .project-tile{border:0;align-self:stretch;width:100%;height:auto;margin:0;display:block;overflow:hidden}.project-grid .project-tile img{object-fit:initial;width:100%;height:auto;display:block}@media (width<=700px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:6px;gap:10px}}.project-group[id=视觉\/运营设计] .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-group[id=视觉\/运营设计] .project-grid .project-tile{width:100%!important;margin:0!important}.project-tile{width:100%;min-height:0}.project-tile img{min-height:1px}.project-tile{position:relative}.project-tile>img{opacity:0;transition:opacity .22s,transform .7s cubic-bezier(.16,1,.3,1),filter .4s}.project-tile>img.is-loaded,.project-animated-cover img{opacity:1}.project-hover-video{z-index:2;object-fit:cover;opacity:1;pointer-events:none;width:100%;height:100%;transition:opacity .25s;display:block;position:absolute;inset:0}.project-tile.is-video-hovered .project-hover-video{opacity:1}.project-animated-cover{z-index:2;pointer-events:none;display:block;position:absolute;inset:0}.project-animated-cover img{object-fit:cover;width:100%;height:100%;display:block}.logo-marquee{background:#000;border:1px solid #555;margin-top:30px;overflow:hidden}.logo-marquee-track{will-change:transform;width:max-content;animation:30s linear infinite logo-marquee-scroll;display:flex}.logo-marquee:hover .logo-marquee-track,.logo-marquee.is-paused .logo-marquee-track{will-change:auto;animation-play-state:paused}.logo-marquee img{flex:none;width:min(92vw,1500px);max-width:none;height:auto;display:block}@keyframes logo-marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.logo-showcase-controls{color:#777;letter-spacing:.06em;justify-content:space-between;align-items:center;gap:20px;padding:18px 0 14px;font:11px ui-monospace,monospace;display:flex}.logo-showcase-controls div{gap:10px;display:flex}.logo-showcase-controls button{color:#f4f4f0;font:inherit;cursor:pointer;background:0 0;border:1px solid #555;padding:9px 13px}.logo-showcase-controls button:hover,.logo-showcase-controls button:focus-visible{border-color:#f4f4f0}.logo-showcase-inline{margin-top:22px}.logo-showcase-inline .logo-showcase-controls{z-index:3;background:#050505;border-top:1px solid #333;border-bottom:1px solid #333;min-height:54px;display:flex;position:relative}.logo-grid-inline{background:#222;border:1px solid #333;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:8px;display:grid}.logo-grid-inline-item{background:#000;justify-content:center;align-items:center;min-height:150px;padding:18px;display:flex}.logo-grid-inline-item img{object-fit:contain;width:100%;height:100%;display:block}.logo-grid-static{background:#222;border:1px solid #333;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:8px;display:grid}.logo-grid-static-item{background:#000;justify-content:center;align-items:center;min-height:170px;padding:22px;display:flex}.logo-grid-static-item img{object-fit:contain;width:100%;height:100%;display:block}.project-grid:has(>.project-tile:only-child){justify-content:center;padding-top:42px}.project-grid:has(>.project-tile:only-child) .project-tile{margin-inline:auto}.single-project-group .project-grid{justify-content:center;align-items:flex-start;padding-top:54px;display:flex}.single-project-group .project-tile{flex:0 0 min(720px,68vw);width:min(720px,68vw);margin:0 auto}.logo-grid-motion{background:#000;border:1px solid #333;margin-top:8px;overflow:hidden}.logo-grid-motion-row{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #222;padding:0;display:block;overflow:hidden}.logo-grid-motion-row:last-child{border-bottom:0}.logo-grid-motion-row .logo-wall-track{min-height:clamp(150px,16vw,230px);animation-play-state:var(--logo-play-state,running)!important}.logo-grid-motion-row.reverse .logo-wall-track{animation-name:logo-wall-reverse;animation-duration:38s}.logo-grid-motion-row.is-paused .logo-wall-track{animation-play-state:paused}.logo-grid-view{background:#000;border:1px solid #555;margin-top:30px;overflow:hidden}.logo-grid-view img{width:100%;height:auto;display:block}.logo-wall{background:#000;border-top:1px solid #333;border-bottom:1px solid #333;margin-top:22px;overflow:hidden}.logo-wall-row{border-bottom:1px solid #222;overflow:hidden}.logo-wall-row:last-child{border-bottom:0}.logo-wall-track{will-change:transform;align-items:center;width:max-content;min-height:clamp(150px,16vw,230px);animation:32s linear infinite logo-wall-forward;display:flex}.logo-wall-row.reverse .logo-wall-track{animation-name:logo-wall-reverse;animation-duration:38s}.logo-wall.single-row .logo-wall-track{animation-name:logo-wall-forward;animation-duration:42s}.logo-wall-item{border-right:1px solid #222;flex:0 0 clamp(190px,23vw,340px);justify-content:center;align-items:center;height:clamp(150px,16vw,230px);padding:18px 28px;display:flex}.logo-wall-item img{object-fit:contain;width:100%;height:100%;display:block}.logo-wall-track{align-items:stretch;width:max-content;height:clamp(150px,16vw,230px)}.logo-wall-image{aspect-ratio:1.35;background-position:50%;background-size:contain;flex:0 0 clamp(220px,24vw,360px)}.logo-wall:hover .logo-wall-track{animation-play-state:paused}.logo-wall-row.is-hover-paused .logo-wall-track,.logo-showcase-inline.is-offscreen .logo-wall-track{animation-play-state:paused!important}.logo-wall:hover .logo-wall-track,.logo-wall.is-paused .logo-wall-track,.logo-wall-row.is-hover-paused .logo-wall-track,.logo-showcase-inline.is-offscreen .logo-wall-track{will-change:auto}@keyframes logo-wall-forward{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes logo-wall-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.logo-wall-track{will-change:auto;animation:none}}@media (width<=700px){.logo-showcase-controls{flex-direction:column;align-items:flex-start}.logo-grid-inline,.logo-grid-static{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-grid-inline-item,.logo-grid-static-item{min-height:110px;padding:10px}}@media (prefers-reduced-motion:reduce){.logo-marquee-track{will-change:auto;animation:none}}.section-heading{grid-template-columns:minmax(0,1fr) 1fr auto;align-items:end;gap:5vw}.section-note{text-align:left;justify-self:start;margin-bottom:4px}.archive-heading-index{color:#aaa;letter-spacing:.08em;text-transform:uppercase;justify-self:end;margin-bottom:4px;font:10px ui-monospace,monospace}.archive-heading h2{letter-spacing:.06em;text-transform:uppercase}.detail-content h2{text-transform:uppercase;letter-spacing:-.025em;font-weight:500;line-height:1.08}.detail-backdrop{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#000000db;align-items:center;padding:3vh 5vw}.detail-panel{background:#050505;border:1px solid #555;width:min(1220px,100%);max-height:94vh;padding:34px 46px 54px}.detail-content{border-bottom:1px solid #555;grid-template-columns:1.25fr .75fr;gap:6vw;padding:34px 0}.detail-gallery{gap:22px;padding:30px 0 0}.detail-gallery video{background:#111;width:100%;height:auto;display:block}@media (width<=700px){.section-heading{display:block}.section-note,.archive-heading-index{margin-top:24px}.detail-backdrop{padding:0}.detail-panel{max-height:100vh;padding:26px 18px 40px}.detail-content{grid-template-columns:1fr;gap:28px}.topbar{min-height:40px;padding:10px 16px}.brand-mark{font-size:12px}.folio{text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:10px;overflow:hidden}.archive-intro{min-height:auto;padding:94px 18px 54px}.archive-title-block{max-width:100%}.archive-title-block h1{overflow-wrap:anywhere;font-size:clamp(3.35rem,16.5vw,5.2rem);line-height:.84}.archive-intro-side{gap:18px;margin-top:42px}.archive-intro-side p{font-size:1rem;line-height:1.45}.archive-intro-side>a{padding:12px 15px;font-size:12px}.archive-directory{gap:7px;width:100%;margin-top:8px}.archive-directory a{width:100%;padding:12px;font-size:14px}.works-section{padding-top:48px}.section-heading{padding:0 18px 34px}.archive-heading-title .section-kicker{margin-bottom:12px;font-size:9px}.section-heading h2{letter-spacing:.04em;font-size:clamp(3rem,17vw,4.8rem)}.section-note,.archive-heading-index{font-size:10px}.project-group{padding:0 18px 62px}.project-group-heading{gap:12px;padding-bottom:13px}.project-group-heading h3{min-width:0;font-size:1.05rem;line-height:1.25}.project-group-heading span{flex:none;font-size:8px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:5px;gap:8px;padding-top:15px}.single-project-group .project-grid{padding-top:28px;display:flex}:is(.single-project-group .project-tile,.project-grid:has(>.project-tile:only-child) .project-tile){flex-basis:auto;width:min(100%,100vw - 36px)}.logo-showcase-inline{margin-top:14px}.logo-showcase-controls{gap:12px;padding:13px 0 11px;font-size:9px}.logo-showcase-controls div{gap:7px;width:100%}.logo-showcase-controls button{flex:1;min-height:36px;padding:7px 8px;font-size:10px}.logo-wall-item{flex-basis:150px;height:132px;padding:12px 16px}.logo-wall-track{height:132px;min-height:132px}.about-section{padding:76px 18px}.about-layout h2,.contact-section h2{font-size:clamp(3.2rem,17vw,5rem)}.about-copy{font-size:.95rem}.contact-section{padding:76px 18px 22px}.contact-links{margin:44px 0 66px;font-size:.85rem}.footer-line{font-size:8px}.detail-panel{border-left:0;border-right:0;width:100%;padding:72px 16px 30px}.close-button{padding:10px 12px;font-size:11px;top:10px;right:10px}.close-button span{font-size:15px}.detail-content{gap:22px;padding:0 0 22px}.detail-content h2{overflow-wrap:normal;text-wrap:pretty;max-width:100%;font-size:clamp(2rem,9.5vw,3.3rem);line-height:1.05}.detail-description{font-size:.92rem;line-height:1.7}.detail-meta{font-size:.82rem}.detail-gallery{gap:12px;padding:18px 0 0}}