@font-face{font-display:swap;font-family:adaptive;font-style:normal;font-weight:100 900;src:url(/assets/adaptive-BWbb4rbN.woff2) format("woff2")}:root{--color-bg: #101014;--color-white: #fff;--color-glass: rgba(255, 255, 255, .08);--color-glass-border: hsla(0, 0%, 100%, .2);--margin-big: 110px;--margin: 88px;--col: calc(8.33333vw - var(--margin) * 2 / 12);--gap: calc(var(--col) * .25);--spaceHigh: 160px;--spaceMedium: 80px;--spaceMin: 60px;--tpyesize-35: 2.188em;--tpyesize-28: 1.75em;--tpyesize-25: 1.563em;--tpyesize-20: 1.25em;--tpyesize-18: 1.125em;--tpyesize-16: 1em;--tpyesize-14: .875em;--ease-pill: cubic-bezier(.22, 1, .36, 1);--dur-pill: .42s}@media (min-width: 768px) and (max-width: 1680px){:root{--margin: 64px;--margin-big: 80px;--spaceHigh: 120px;--spaceMedium: 70px}}@media (max-width: 767px){:root{--margin: 30px;--margin-big: 40px;--spaceHigh: 100px;--spaceMedium: 60px;--spaceMin: 40px}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-bg);color:var(--color-white);font-family:adaptive,Noto Sans SC,system-ui,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{overscroll-behavior:none}html.is-locked,html.is-locked body{overflow:hidden;height:100%}body{min-height:100vh;overflow-x:hidden}@media (hover: hover) and (pointer: fine){body,body *{cursor:none!important}}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0}img,video,canvas{display:block;max-width:100%}ul,ol{list-style:none;margin:0;padding:0}::selection{background:var(--color-white);color:var(--color-bg)}.app-blend-scope{isolation:isolate;position:relative;z-index:11}.app-blend-scope:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg);pointer-events:none;z-index:-1;transition:background .6s ease}body.bg-blue .app-blend-scope:before{background:#072e83}.page-fade{position:fixed;left:0;right:0;height:26%;pointer-events:none;z-index:5;opacity:0;transition:opacity .6s ease}.page-fade--top{top:0;background:linear-gradient(to bottom,#0006,#00000042 32%,#0000001f 62%,#0000)}.page-fade--bottom{bottom:0;background:linear-gradient(to top,#0006,#00000042 32%,#0000001f 62%,#0000)}body.bg-blue:not(.is-ring) .page-fade{opacity:1}.background-grid-canvas{display:block;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;opacity:0;pointer-events:none;transition:opacity .7s ease}@media (hover: none) and (pointer: coarse){.background-grid-canvas{height:100svh}}body.hide-bg-grid .background-grid-canvas{opacity:0!important;visibility:hidden;transition:none}.bg-fallback{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:var(--color-bg)}.bg-fallback:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.3;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.9) 0 1px,transparent 1px 46px),repeating-linear-gradient(90deg,rgba(0,0,0,.9) 0 1px,transparent 1px 46px)}.cursor{position:fixed;top:0;left:0;width:15px;height:15px;border-radius:50%;background:var(--color-white);mix-blend-mode:difference;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .32s var(--ease-pill),height .32s var(--ease-pill),background .32s var(--ease-pill),border-width .32s var(--ease-pill);will-change:transform}.cursor.is-hover{width:45px;height:45px;background:transparent;border:1px solid var(--color-white)}@media (hover: none),(pointer: coarse){.cursor{display:none}}.pill{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;background:var(--color-glass);border:1px solid var(--color-glass-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:var(--tpyesize-14);text-transform:uppercase;letter-spacing:.04em;line-height:1;transition:background var(--dur-pill) var(--ease-pill),border-color var(--dur-pill) var(--ease-pill)}.pill:hover{background:#ffffff24}.config-alert{position:fixed;top:0;left:0;right:0;z-index:10000;max-height:45vh;overflow-y:auto;background:#0d0091;border-bottom:1px solid var(--color-glass-border);padding:16px var(--margin);font-size:13px;line-height:1.6}.config-alert h4{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;font-weight:500}.config-alert li{margin-bottom:4px;padding-left:14px;position:relative}.config-alert li:before{content:"·";position:absolute;left:0}.config-alert .is-warn{opacity:.7}.config-alert__close{position:absolute;top:12px;right:var(--margin);font-size:20px;line-height:1;opacity:.6}.config-alert__close:hover{opacity:1}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;display:grid;place-items:center;background:var(--color-bg);transition:opacity .6s var(--ease-pill),visibility .6s}.loader.is-done{opacity:0;visibility:hidden}.loader__num{font-size:var(--tpyesize-14);letter-spacing:.1em;font-variant-numeric:tabular-nums}.page{position:relative;z-index:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:flex-start;justify-content:space-between;padding:38px var(--margin);pointer-events:none;letter-spacing:.5px}.nav>*{pointer-events:auto}.nav--difference{mix-blend-mode:difference}.nav__logo{display:block;line-height:0}.nav__logo-img{width:83px;height:28px;display:block;transition:opacity .32s var(--ease-pill)}.nav__logo:hover .nav__logo-img{opacity:.7}.nav__links{display:flex;align-items:center;gap:30px;padding-top:7px}.nav__link{display:inline-flex;align-items:center;gap:8px;font-size:14px;letter-spacing:.5px;text-transform:uppercase;line-height:1;font-weight:400;white-space:nowrap;transition:opacity .32s var(--ease-pill)}.nav__link:hover{opacity:.68}.nav__link-dot{width:12px;height:12px;border-radius:50%;background:var(--color-white);flex:none;opacity:0;transform:scale(.3);transition:opacity .42s var(--ease-pill),transform .42s var(--ease-pill)}.nav__link.is-active .nav__link-dot{opacity:1;transform:scale(1)}.nav__link-text{display:inline-block}.nav__lang{gap:6px;text-transform:none;padding-left:20px}.nav__lang-item{opacity:.45;transition:opacity .32s var(--ease-pill)}.nav__lang-item.is-active{opacity:1}.nav__lang-sep{opacity:.3}@media (max-width: 767px){.nav{padding:22px var(--margin);align-items:center}.nav__logo-img{width:58px;height:20px}.nav__links{gap:16px;padding-top:0}.nav__link{font-size:11px;gap:6px}.nav__link-dot{width:8px;height:8px}.nav__lang{padding-left:14px}}.works{position:relative;height:100vh;height:100dvh;overflow:hidden}body.is-list .works{height:auto;overflow:visible}.cover-wall{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:none}.cover-wall.is-dragging{cursor:grabbing}.cover-wall__glow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 62% 52% at 50% 50%,#ffffff16,#fff0 70%)}.cover-wall__vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 88% 82% at 50% 50%,#0000 58%,#0000006b)}.cover-wall__grid{display:grid;grid-template-columns:repeat(4,var(--cw));gap:var(--gap)}.cover-wall__item{width:var(--cw);aspect-ratio:1 / 1;perspective:900px;will-change:transform}.cover-wall.is-snapping .cover-wall__item{transition:transform .85s cubic-bezier(.2,1.5,.3,1)}.cover-wall__float{width:100%;height:100%;animation:float-bob calc(4.6s + var(--i) * .35s) ease-in-out infinite;animation-delay:calc(var(--i) * -.7s);will-change:transform}@keyframes float-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(.7deg)}}.cover-wall__glow{animation:glow-breathe 7s ease-in-out infinite alternate}@keyframes glow-breathe{0%{opacity:.65}to{opacity:1}}@media (prefers-reduced-motion: reduce){.cover-wall__float,.cover-wall__glow{animation:none}}.cover-wall__paper{position:relative;width:100%;height:100%;overflow:hidden;border-radius:11%;transform-style:preserve-3d;box-shadow:0 1px 2px #0000004d,0 12px 34px #00000073;transition:transform .6s cubic-bezier(.2,1.35,.32,1),box-shadow .6s cubic-bezier(.2,1.35,.32,1);opacity:0;animation:paper-in .7s var(--ease-pill) backwards;animation-delay:calc(var(--i) * 45ms)}@keyframes paper-in{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:none}}.cover-wall.is-revealed .cover-wall__paper{opacity:1}.cover-wall__item.is-tilting .cover-wall__paper{transition:box-shadow .18s linear}.cover-wall__paper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='140' height='140' filter='url(%23n)' opacity='0.5'/></svg>");mix-blend-mode:overlay;opacity:.12}.cover-wall__paper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.14),rgba(255,255,255,0) 100%);opacity:0;transition:opacity .45s var(--ease-pill)}.cover-wall__item.is-tilting .cover-wall__paper:after{opacity:1}.cover-wall__paper img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;filter:brightness(.85) saturate(.95);transition:filter .5s var(--ease-pill)}.cover-wall__item.is-tilting .cover-wall__paper img{filter:brightness(1) saturate(1)}.cover-wall__meta{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;gap:2px;padding:22px 12px 10px;background:linear-gradient(transparent,#0000008c);color:#fff;opacity:0;transform:translateY(6px);transition:opacity .35s var(--ease-pill),transform .35s var(--ease-pill)}.cover-wall__item.is-tilting .cover-wall__meta{opacity:1;transform:none}.cover-wall__title{font-size:13px;text-transform:uppercase;letter-spacing:.5px}.cover-wall__sub{font-size:11px;text-transform:uppercase;letter-spacing:.5px;opacity:.75}.cover-wall.is-dragging .cover-wall__meta{opacity:0}.spiral-gallery{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;transition:opacity .8s var(--ease-pill)}.spiral-gallery__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;touch-action:none;-webkit-user-select:none;user-select:none}.spiral-gallery__fade{position:absolute;left:0;right:0;height:26%;pointer-events:none}.spiral-gallery__fade--top{top:0;background:linear-gradient(var(--color-bg),rgba(16,16,20,0))}.spiral-gallery__fade--bottom{bottom:0;background:linear-gradient(rgba(16,16,20,0),var(--color-bg))}body.bg-blue .spiral-gallery__fade--top{background:linear-gradient(to bottom,#0006,#00000042 32%,#0000001f 62%,#0000)}body.bg-blue .spiral-gallery__fade--bottom{background:linear-gradient(to top,#0006,#00000042 32%,#0000001f 62%,#0000)}.works-controls{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none}.works-controls>*{pointer-events:auto}.works-controls__top{position:absolute;top:31px;left:50%;transform:translate(-50%)}.works-controls__bottom{position:absolute;bottom:31px;left:50%;transform:translate(-50%)}.view-switch{position:relative;display:inline-flex;padding:5px;border-radius:999px;background:var(--color-glass);border:1px solid hsla(0,0%,100%,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.view-switch__pill{position:absolute;top:5px;left:5px;width:96px;height:40px;border-radius:999px;background:var(--color-white);transition:transform var(--dur-pill) var(--ease-pill);pointer-events:none}.view-switch[data-mode=list] .view-switch__pill{transform:translate(100%)}.view-switch__btn{position:relative;z-index:1;width:96px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1;text-transform:uppercase;letter-spacing:.5px;color:var(--color-white);border-radius:999px;transition:color var(--dur-pill) var(--ease-pill)}.view-switch__btn.is-active{color:var(--color-bg)}.filter{position:relative;border-radius:26px;background:var(--color-glass);border:1px solid hsla(0,0%,100%,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:5px 18px;display:flex;flex-direction:column-reverse;transition:border-radius var(--dur-pill) var(--ease-pill)}.filter.is-open{border-radius:22px}.filter__btn,.filter__item{display:flex;align-items:center;justify-content:center;gap:9px;width:162px;height:40px;font-size:14px;line-height:1;color:var(--color-white);border-radius:999px;transition:opacity .3s var(--ease-pill),background .3s var(--ease-pill)}.filter__item{justify-content:space-between;padding:0 12px}.filter__item:hover{background:#ffffff1f}.filter__item.is-active{opacity:1}.filter__item:not(.is-active){opacity:.55}.filter__label{text-transform:uppercase;letter-spacing:.5px}.filter__count{font-size:10px;vertical-align:super;opacity:.7;letter-spacing:0}.filter__dot{width:7px;height:7px;border-radius:50%;background:var(--color-white);flex:none}.filter__menu{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease-pill),opacity .3s var(--ease-pill),margin-bottom .45s var(--ease-pill);opacity:0;margin-bottom:0}.filter.is-open .filter__menu{grid-template-rows:1fr;opacity:1;margin-bottom:4px}.filter__menu-inner{min-height:0;overflow:hidden}.filter:not(.is-open) .filter__item{pointer-events:none}.hover-label{position:fixed;top:0;left:0;z-index:40;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 15px;border-radius:999px;background:var(--color-white);color:var(--color-bg);font-size:13px;line-height:1;letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-200px,-200px);transition:opacity .3s var(--ease-pill),scale .35s var(--ease-pill);scale:.85;will-change:transform}.hover-label.is-visible{opacity:1;scale:1}.hover-label__arrow{display:inline-flex;align-items:center;flex:none}@media (hover: none),(pointer: coarse){.hover-label{display:none}}.works-list{position:relative;z-index:2;padding:130px var(--margin) 130px;min-height:100vh;min-height:100dvh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.works-list__item{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid hsla(0,0%,100%,.18);transition:opacity .4s var(--ease-pill),padding-left .4s var(--ease-pill)}.works-list__item:first-child{border-top:1px solid hsla(0,0%,100%,.18)}.works-list__item:hover{padding-left:14px}.works-list__item.is-dim{opacity:.28}.works-list__item.is-disabled{cursor:default}.works-list__item.is-disabled:hover{padding-left:0}.works-list__num{font-size:12px;opacity:.5;letter-spacing:.5px;font-variant-numeric:tabular-nums}.works-list__title{font-size:clamp(20px,2.4vw,34px);line-height:1.05;text-transform:uppercase;letter-spacing:-.01em}.works-list__meta{display:flex;align-items:center;gap:22px;font-size:12px;letter-spacing:.5px;text-transform:uppercase;opacity:.62}@media (min-width: 768px) and (max-width: 1680px){.works-list{padding:104px var(--margin) 110px}.works-list__item{padding:16px 0;grid-template-columns:36px 1fr auto;gap:16px}.works-list__title{font-size:clamp(18px,2vw,26px)}.works-list__preview{width:13vw}}.works-list__preview{position:fixed;top:0;left:0;z-index:3;width:15vw;aspect-ratio:1 / 1;border-radius:11%;overflow:hidden;pointer-events:none;opacity:0;scale:.9;transition:opacity .35s var(--ease-pill),scale .45s var(--ease-pill);will-change:transform}.works-list__preview.is-visible{opacity:1;scale:1}.works-list__preview img{width:100%;height:100%;object-fit:cover}@media (max-width: 767px){.works-controls__top{top:auto;bottom:calc(var(--margin) + 50px)}.works-controls__bottom{left:var(--margin);transform:none;bottom:var(--margin)}.view-switch__btn{width:68px;font-size:12px;height:34px;letter-spacing:0}.view-switch__pill{width:68px;height:34px}.view-switch{padding:4px}.filter{padding:4px 14px}.filter__btn,.filter__item{width:118px;font-size:12px;height:34px}.works-list{padding:100px var(--margin) 130px}.works-list__item{grid-template-columns:28px 1fr;gap:12px}.works-list__meta,.works-list__preview{display:none}}.project{position:relative;z-index:2}.hero{height:100vh;display:flex;align-items:center;padding:0 var(--margin)}.hero__row{display:flex;align-items:center;width:100%}.hero__col--cover{align-self:center}.hero__col--year:empty{align-self:center}.hero__col--title{width:25%}.hero__col--cover{flex:1;display:flex;justify-content:center}.hero__col--year{width:25%;text-align:right}.hero__col--title,.hero__col--year{position:relative}.hero__cat{position:absolute;top:100%;right:0}.hero__meta{position:absolute;top:100%;left:0;display:flex;flex-direction:column;gap:8px;margin-top:12px}.hero__site{margin:0;font-size:13px;line-height:1.4;letter-spacing:.03em;white-space:nowrap}.hero__site-prefix{opacity:.62}.hero__site-link{opacity:.8;border-bottom:1px solid hsla(0,0%,100%,.35);padding-bottom:2px;transition:opacity .35s var(--ease-pill)}.hero__site-link:hover{opacity:1}.hero__title{font-size:22.4px;font-weight:400;line-height:24.64px;text-transform:uppercase;letter-spacing:.5px;max-width:23vw;margin:0}.hero__client{margin:0;font-size:13px;line-height:1.4;letter-spacing:.03em;opacity:.62}.hero__panel{width:30vw;aspect-ratio:1.4 / 1.9;overflow:hidden;border-radius:2px;flex:none}.hero__panel img,.hero__panel .ph{width:100%;height:100%;object-fit:cover;display:block}.hero__year{margin:0;font-size:20px;line-height:20px;text-transform:uppercase;letter-spacing:.5px}.hero__cat{margin:10px 0 0;font-size:13px;letter-spacing:.03em;text-transform:uppercase;opacity:.62}.edgenav{position:absolute;top:0;height:100vh;z-index:60;width:var(--margin);display:flex;align-items:center;justify-content:center}.edgenav--prev{left:0}.edgenav--next{right:0}.edgenav__arrow{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:15px;border:1px solid hsla(0,0%,100%,.5);border-radius:50%;opacity:0;transform:scale(.8);transition:opacity .3s var(--ease-pill),transform .42s var(--ease-pill),background-color .3s var(--ease-pill)}.edgenav:hover .edgenav__arrow,.edgenav:focus-visible .edgenav__arrow{opacity:1;transform:none}.edgenav__arrow:hover{background:#ffffff1f}@media (max-width: 900px){.edgenav{display:none}}.project__body{display:flex;flex-direction:column;gap:60px;padding:0 var(--margin) var(--spaceHigh)}.project__body img{cursor:zoom-in}.lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#072e838c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:zoom-out;opacity:0;transition:opacity .26s var(--ease-pill)}.lb.is-open{opacity:1}.lb[hidden]{display:none}.lb__frame{width:min(1200px,72vw);height:78vh;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:zoom-in}.lb.is-zoomed .lb__frame{cursor:grab}.lb__frame img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:2px;box-shadow:0 24px 80px #00000059;transform-origin:center center;transition:transform .12s ease-out;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.sec img,.sec video{width:100%;display:block;object-fit:cover;border-radius:2px}.sec--single.is-stack img{border-radius:0}.sec--single.is-stack img+img{margin-top:0}.sec--single.is-narrow,.sec--video.is-narrow{width:66%;margin:0 auto}.sec--duo{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.sec--text{position:relative;padding:20px 0}.sec__sub{position:absolute;left:calc(var(--tl3, 238px) - var(--margin));top:20px;width:calc(var(--tl7, 483px) - var(--tl3, 238px) - 14px);white-space:nowrap;margin:0;font-size:13px;font-weight:400;line-height:1.4;letter-spacing:.04em;text-transform:uppercase;opacity:.62}.sec__body{margin-left:calc(var(--tl7, 483px) - var(--margin));margin-right:calc(100vw - var(--margin) - var(--tr3, 1202px));display:flex;flex-direction:column;gap:12px}.sec__body p{margin:0;font-size:13px;line-height:1.4;letter-spacing:.02em}.sec--link{padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.sec__link-label{margin-left:calc(var(--tl7, 483px) - var(--margin));font-size:13px;line-height:1.4;letter-spacing:.04em;text-transform:uppercase;opacity:.62}.sec__link{display:inline-block;margin-left:calc(var(--tl7, 483px) - var(--margin));font-size:13px;line-height:1.4;letter-spacing:.04em;opacity:.8;border-bottom:1px solid hsla(0,0%,100%,.35);padding-bottom:2px;transition:opacity .35s var(--ease-pill)}.sec__link:hover{opacity:1}.ph{width:100%;display:grid;place-items:center;border:1px dashed hsla(0,0%,100%,.28);border-radius:2px;background:#ffffff0a}.ph__txt{font-size:12px;letter-spacing:.06em;text-transform:uppercase;text-align:center;line-height:1.7;opacity:.5}.ph__txt b{font-weight:400;opacity:.8}.pagenav{display:flex}.pagenav__link{flex:1 1 50%;min-width:0;padding:var(--spaceMedium) var(--margin) var(--spaceHigh);transition:opacity .4s var(--ease-pill)}.pagenav__link:hover{opacity:.72}.pagenav__link--prev{text-align:left}.pagenav__link--next{text-align:right}.pagenav__label{display:block;font-size:12px;letter-spacing:.09em;text-transform:uppercase;opacity:.55;margin-bottom:12px}.pagenav__title{display:block;font-size:clamp(22px,3.6vw,56px);line-height:1.02;letter-spacing:-.01em;text-transform:uppercase;overflow-wrap:break-word}.notfound{position:relative;z-index:2;height:100vh;display:grid;place-items:center}.notfound__box{text-align:center}.notfound__code{margin:0;font-size:clamp(70px,15vw,200px);line-height:.9;font-weight:400;letter-spacing:-.02em}.notfound__txt{margin:14px 0 26px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;opacity:.62}.notfound__back{display:inline-flex;align-items:center;height:40px;padding:0 20px;border-radius:999px;border:1px solid hsla(0,0%,100%,.28);font-size:13px;letter-spacing:.06em;text-transform:uppercase;transition:background .4s var(--ease-pill),color .4s var(--ease-pill)}.notfound__back:hover{background:var(--color-white);color:var(--color-bg)}@media (max-width: 900px){.hero__row{flex-direction:column;gap:26px;align-items:flex-start}.hero__col--title,.hero__col--year{width:100%;text-align:left}.hero__client,.hero__cat{position:static}.hero__meta{position:static;margin-top:12px}.hero__title{max-width:none}.hero__panel{width:62vw}.sec--single.is-narrow,.sec--video.is-narrow{width:100%}.sec--duo{grid-template-columns:1fr;gap:16px}.sec__sub{position:static;width:auto;margin-bottom:10px}.sec__body{margin-left:0;margin-right:0}.sec__link,.sec__link-label{margin-left:0}.project__body{gap:40px}}.resume{position:relative;z-index:2;--rs-margin: clamp(64px, calc((100vw - 960px)/2) , 382px);padding:0 var(--rs-margin);box-sizing:border-box;--rs-line: 14px;--rs-rule: 14px;min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:1fr minmax(0,1.15fr);gap:var(--gap);row-gap:var(--rs-rule);align-items:center;align-content:center}.rs-hero{grid-column:1;grid-row:1;align-self:end}.rs-side{grid-column:1;grid-row:2;align-self:start}.rs-photo{position:absolute;top:0;right:var(--rs-margin);width:auto;height:300px;aspect-ratio:4 / 3;margin:0;overflow:hidden}.rs-photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 28%;display:block}.rs-hero{align-self:start;display:flex;flex-direction:column;justify-content:flex-start}.rs-hero__name{margin:0;font-size:clamp(38px,5.5vw,80px);line-height:.9;font-weight:400;letter-spacing:-.02em;text-transform:uppercase}.rs-hero__role{margin:var(--rs-line) 0 0;font-size:15px;line-height:1.2;letter-spacing:.02em;text-transform:uppercase}.rs-hero__contact{margin:var(--rs-line) 0 0;font-size:13px;letter-spacing:.04em}.rs-hero__contact+.rs-hero__contact{margin-top:var(--rs-line)}.rs-hero__label,.rs-hero__wechat{opacity:.55}.rs-hero__mail{opacity:.8;border-bottom:1px solid hsla(0,0%,100%,.35);padding-bottom:2px;transition:opacity .35s var(--ease-pill)}.rs-hero__mail:hover{opacity:1}.rs-hero__intro{margin:var(--rs-line) 0 0;max-width:52ch;font-size:13px;line-height:1.6;letter-spacing:.02em;opacity:.8}.rs-sec{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gap);row-gap:var(--rs-line);padding:var(--rs-rule) 0;background-image:linear-gradient(#ffffff2e,#ffffff2e);background-size:var(--rs-rule-w, 100%) 1px;background-repeat:no-repeat;background-position:top left}.rs-sec__title{grid-column:1 / -1;padding-bottom:0;margin:0;font-size:12px;font-weight:400;letter-spacing:.11em;text-transform:uppercase;opacity:.5}.rs-skills{grid-column:5 / span 7;display:flex;flex-direction:column;gap:16px}.rs-skill{display:grid;grid-template-columns:1fr 120px 30px;align-items:center;gap:18px}.rs-skill__name{font-size:15px;letter-spacing:.02em}.rs-skill__bar{height:2px;background:#ffffff38;position:relative;overflow:hidden}.rs-skill__bar i{position:absolute;inset:0 auto 0 0;width:var(--lv);background:var(--color-white);transform-origin:left;animation:rs-grow 1.1s var(--ease-pill) both}@keyframes rs-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.rs-skill__num{font-size:12px;opacity:.55;text-align:right;font-variant-numeric:tabular-nums}.rs-time{grid-column:1 / -1;display:flex;flex-direction:column;gap:var(--rs-line)}.rs-time__item{display:flex;align-items:baseline;column-gap:16px;flex-wrap:nowrap;position:relative;padding-left:18px}.rs-time__item:before{content:"";position:absolute;left:0;top:5px;transform:none;width:7px;height:7px;border-radius:50%;background:var(--color-white)}.rs-time__main{display:flex;align-items:baseline;flex-wrap:nowrap;column-gap:14px}.rs-time__period{flex:none;width:132px;font-size:13px;line-height:1.3;letter-spacing:.05em;opacity:.55;white-space:nowrap}.rs-time__role{margin:0;font-size:13px;white-space:nowrap;font-weight:400;line-height:1.25;letter-spacing:.01em}.rs-time__org{margin:0;font-size:13px;letter-spacing:.03em;opacity:.62;white-space:nowrap}.rs-time__desc{margin:10px 0 0;max-width:54ch;font-size:13px;line-height:1.55;letter-spacing:.02em;opacity:.78}.rs-contact{grid-column:5 / span 7}.rs-contact__mail{display:inline-block;font-size:clamp(22px,3.4vw,46px);line-height:1.1;letter-spacing:-.01em;border-bottom:1px solid hsla(0,0%,100%,.4);padding-bottom:3px;transition:opacity .35s var(--ease-pill)}.rs-contact__mail:hover{opacity:.68}.rs-contact__links{display:flex;flex-wrap:wrap;gap:24px;margin-top:34px}.rs-contact__links a{font-size:13px;letter-spacing:.05em;text-transform:uppercase;opacity:.72;transition:opacity .3s var(--ease-pill)}.rs-contact__links a:hover{opacity:1}@media (max-width: 900px){.resume{grid-template-columns:1fr;min-height:0;align-items:start;width:auto;margin-inline:0;padding:96px var(--margin) 90px}.rs-hero,.rs-side,.rs-photo{grid-column:1;grid-row:auto}.rs-photo{height:auto;max-width:none;position:relative;top:auto;right:auto;transform:none;width:100%;aspect-ratio:4 / 3;margin:4px 0 12px}.rs-sec{grid-template-columns:1fr;gap:14px;padding:22px 0}.rs-time{gap:var(--rs-line)}.rs-sec__title,.rs-skills,.rs-time,.rs-contact{grid-column:1}.rs-skill{grid-template-columns:1fr 70px 28px;gap:12px}.rs-time__item{flex-wrap:wrap;row-gap:4px}.rs-time__period{width:132px}}.music{position:fixed;right:var(--margin);bottom:var(--margin);z-index:60;display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 16px;border-radius:999px;background:var(--color-glass);border:1px solid hsla(0,0%,100%,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--color-white);font-size:14px;line-height:1;letter-spacing:.5px;text-transform:uppercase;transition:background var(--dur-pill) var(--ease-pill),border-color var(--dur-pill) var(--ease-pill)}.music:hover{background:#ffffff24}.music__txt{display:inline-block}.music__bars{display:inline-flex;align-items:flex-end;gap:2px;height:13px;flex:none}.music__bars i{display:block;width:2px;height:13px;background:currentColor;transform-origin:bottom;transform:scaleY(.18);transition:transform .3s var(--ease-pill)}.music[data-state=on] .music__bars i{animation:music-bar .9s ease-in-out infinite alternate}.music[data-state=on] .music__bars i:nth-child(1){animation-delay:0s;animation-duration:.9s}.music[data-state=on] .music__bars i:nth-child(2){animation-delay:.12s;animation-duration:.72s}.music[data-state=on] .music__bars i:nth-child(3){animation-delay:.24s;animation-duration:1.05s}.music[data-state=on] .music__bars i:nth-child(4){animation-delay:.36s;animation-duration:.84s}@keyframes music-bar{0%{transform:scaleY(.18)}to{transform:scaleY(1)}}.music.is-hint{animation:music-hint 1.1s var(--ease-pill) 2}@keyframes music-hint{0%,to{box-shadow:0 0 #fff0}50%{box-shadow:0 0 0 6px #ffffff21}}.music__toast{position:absolute;bottom:calc(100% + 10px);right:0;white-space:nowrap;font-size:12px;text-transform:none;letter-spacing:0;padding:8px 13px;border-radius:999px;background:var(--color-white);color:var(--color-bg);opacity:0;transform:translateY(6px);transition:opacity .3s var(--ease-pill),transform .3s var(--ease-pill);pointer-events:none}.music__toast.is-in{opacity:1;transform:translateY(0)}.shape-hint{position:fixed;right:var(--margin);bottom:calc(var(--margin) + 52px);z-index:60;display:inline-flex;align-items:center;gap:8px;height:30px;padding:0 13px;border-radius:999px;background:var(--color-glass);border:1px solid hsla(0,0%,100%,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:11px;letter-spacing:.5px;text-transform:uppercase;opacity:0;transform:translateY(6px);transition:opacity .4s var(--ease-pill),transform .4s var(--ease-pill);pointer-events:none}.shape-hint.is-visible{opacity:1;transform:translateY(0)}.shape-hint__dots{display:inline-flex;gap:4px}.shape-hint__dots i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.35;transition:opacity .3s var(--ease-pill)}.shape-hint__dots i.on{opacity:1}@media (max-width: 767px){.music{height:34px;padding:0 13px;font-size:12px;gap:8px}.music__bars,.music__bars i{height:11px}.shape-hint{display:none}}.pdfbtn{position:fixed;left:var(--margin);bottom:var(--margin);z-index:60;display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 16px;border-radius:999px;background:var(--color-glass);border:1px solid hsla(0,0%,100%,.18);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--color-white);font-size:14px;line-height:1;letter-spacing:.5px;text-transform:uppercase;cursor:pointer;transition:background var(--dur-pill) var(--ease-pill),border-color var(--dur-pill) var(--ease-pill)}.pdfbtn:hover{background:#ffffff24}.pdfbtn__icon{display:block}.pdfview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;display:flex;align-items:center;justify-content:center;background:#072e838c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .28s var(--ease-pill)}.pdfview.is-open{opacity:1}.pdfview[hidden]{display:none}.pdfview__frame{width:min(1080px,86vw);height:88vh;display:flex;flex-direction:column;border-radius:6px;overflow:hidden;background:#fff;box-shadow:0 24px 80px #00000059;transform:scale(.96);transition:transform .28s var(--ease-pill)}.pdfview.is-open .pdfview__frame{transform:scale(1)}.pdfview__bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 16px;background:#0b0b0c;color:#fff;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.pdfview__tools{display:flex;align-items:center;gap:6px}.pdfview__tool{display:inline-flex;align-items:center;justify-content:center;width:26px;min-width:26px;height:26px;padding:0;border-radius:50%;border:1px solid hsla(0,0%,100%,.18);background:transparent;color:#fff;font-size:12px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background var(--dur-pill) var(--ease-pill)}.pdfview__tool:hover{background:#ffffff24}.pdfview__tool--txt{width:auto;padding:0 10px;border-radius:999px;white-space:nowrap}.pdfview__pct{min-width:44px;text-align:center;font-variant-numeric:tabular-nums;opacity:.8;white-space:nowrap}.pdfview__scroll{flex:1;overflow:auto;background:#26262a;padding:16px}.pdfview__pages{margin:0 auto;display:flex;flex-direction:column;background:#fff;box-shadow:0 4px 24px #00000059}.pdfslice{width:100%}.pdfslice canvas{display:block;width:100%;height:100%}.pdfview__loading{position:absolute;top:40px;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;letter-spacing:.08em;text-transform:uppercase;background:#26262a;pointer-events:none;z-index:2}.pdfview__loading[hidden]{display:none}@media (max-width: 900px){.pdfbtn{height:34px;padding:0 13px;font-size:12px;gap:8px;left:30px;bottom:30px}.pdfview__frame{width:94vw;height:84vh}.pdfview__bar{padding:6px 10px;gap:6px}.pdfview__tools{gap:4px;flex:1;justify-content:flex-end;min-width:0}.pdfview__tool{font-size:10px;height:24px;width:24px;min-width:24px;letter-spacing:0}.pdfview__tool--txt{width:auto;min-width:0;padding:0 6px}.pdfview__pct{min-width:36px;font-size:10px}}