.works-page{--world-x: 0px;--world-y: 0px;position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100svh;overflow:clip;background:#041817}.works-world{position:absolute;inset:-28px;z-index:-1;pointer-events:none;transform:translate(var(--world-x),var(--world-y));transition:transform .85s cubic-bezier(.2,.75,.2,1)}.works-atmosphere,.works-stroke,.works-glow{position:absolute;inset:0}.works-atmosphere{background:radial-gradient(ellipse at 60% 44%,#23564b40,transparent 62%),url(/assets/home/ink-material-v2.webp) center / cover;opacity:.62;mask-image:linear-gradient(115deg,#0002 12%,#0009 60%,#000);animation:works-world-drift 24s ease-in-out infinite alternate}.works-stroke{background:linear-gradient(120deg,transparent 49.8%,#f8e5c422 49.86%,transparent 49.94%),linear-gradient(120deg,transparent 78%,#ff481c2b 78.08%,transparent 78.17%);mask-image:linear-gradient(transparent 6%,#000 35%,#000 70%,transparent 96%);animation:works-stroke-light 8s ease-in-out infinite alternate}.works-glow{background:radial-gradient(ellipse at 67% 57%,#739b6614,transparent 43%),radial-gradient(ellipse at 95% 80%,#ff481c0f,transparent 38%);animation:works-glow-drift 14s ease-in-out infinite alternate}.works-page .profile-header{animation:works-nav-enter .5s 40ms both}.works-main{width:min(1180px,calc(100% - 128px));margin:54px auto 76px;flex:1;display:flex;flex-direction:column}.works-main[data-layout=solo]{max-width:980px}.works-main[data-layout=pair]{max-width:1040px}.works-intro{display:flex;align-items:baseline;gap:26px;margin-bottom:64px}.works-intro h1{flex:none;margin:0;font-size:clamp(46px,5vw,68px);font-weight:900;line-height:1.15;letter-spacing:-.03em;animation:works-title-enter .7s 90ms cubic-bezier(.16,.8,.2,1) both}.works-rule{position:relative;align-self:flex-end;flex:1;height:1px;margin-bottom:9px;background:linear-gradient(90deg,#f2e8d852,#f2e8d814);transform-origin:left;animation:works-rule-enter .75s .18s cubic-bezier(.16,.8,.2,1) both}.works-rule:before{content:"";position:absolute;left:0;bottom:0;width:52px;height:3px;background:var(--vermilion);clip-path:polygon(0 0,100% 0,94% 100%,0 100%)}.works-count{display:flex;align-items:baseline;gap:8px;margin:0;color:#96aaa0;animation:works-copy-enter .45s .44s both}.works-count>span:first-child{font:600 25px/1 var(--font-profile-number);color:#b1c0b1;font-variant-numeric:tabular-nums}.works-count>span:last-child{font-size:11px}.works-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:30px;list-style:none;width:100%;margin:auto 0;padding:0}[data-layout=solo] .works-list{grid-template-columns:minmax(0,1fr)}[data-layout=pair] .works-list{grid-template-columns:repeat(2,minmax(0,1fr))}.works-item{min-width:0;--arrival: calc(var(--order) * 70ms)}.work{height:100%}.work-link{--pointer-x: 0px;--pointer-y: 0px;position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;min-height:348px;height:100%;box-sizing:border-box;padding:40px 24px 36px;color:var(--paper);-webkit-tap-highlight-color:#ff481c20}.work-field{position:absolute;inset:0;z-index:-1;pointer-events:none;transform:translate(var(--pointer-x),var(--pointer-y));transition:transform .6s cubic-bezier(.2,.75,.2,1)}.work-surface,.work-brush,.work-light{position:absolute;inset:0;pointer-events:none}.work-surface{background:linear-gradient(130deg,#184238a6,#0b322bbc 38%,#08262191 75%,#08262100);clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);mask-image:linear-gradient(95deg,transparent,#000a 8%,#000 23%,#000 76%,#0004 92%,transparent);opacity:.75;animation:works-field-enter .85s calc(.18s + var(--arrival)) cubic-bezier(.16,.8,.2,1) both;transition:opacity .35s,filter .35s}.work-brush{background:url(/assets/home/ink-material-v2.webp) 80% 62% / auto 170% no-repeat;mask-image:linear-gradient(120deg,transparent 15%,#0004 65%,#0008 88%,transparent);opacity:.28;animation:works-brush-enter 1s calc(.22s + var(--arrival)) cubic-bezier(.16,.8,.2,1) backwards;transition:opacity .45s}.work-light{background:radial-gradient(ellipse at 60% 45%,#aac89612,transparent 65%);opacity:.4;animation:works-field-light 9s ease-in-out infinite alternate}.work-emblem{position:relative;display:grid;place-items:center;width:128px;height:128px;flex:none;margin-bottom:25px;animation:works-icon-enter .7s calc(.32s + var(--arrival)) cubic-bezier(.16,.8,.2,1) both}.work-icon{display:block;width:116px;height:116px;object-fit:contain;border-radius:23%}.work-monogram{display:grid;place-items:center;background:#154b3e;font:700 40px/1 var(--font-profile)}.work-copy{width:100%;text-align:center;min-width:0}.work-copy h2{margin:0 0 12px;font-family:var(--font-profile);font-size:34px;line-height:1.25;font-weight:700;letter-spacing:.04em;overflow-wrap:anywhere;animation:works-copy-enter .6s calc(.41s + var(--arrival)) cubic-bezier(.16,.8,.2,1) both}.work-copy p{margin:0;font-size:15px;font-weight:400;line-height:1.8;letter-spacing:.035em;color:#c5d0c1;text-wrap:balance;animation:works-copy-enter .6s calc(.48s + var(--arrival)) cubic-bezier(.16,.8,.2,1) both}.work-platform{display:inline-flex;align-items:center;gap:12px;margin-top:23px;color:#9aafa3;font-size:12px;font-weight:400;letter-spacing:.06em;animation:works-copy-enter .6s calc(.54s + var(--arrival)) cubic-bezier(.16,.8,.2,1) both}.work-platform:before{content:"";flex:none;width:19px;height:2px;background:var(--vermilion);transition:width .35s cubic-bezier(.2,.75,.2,1)}.work-link:focus-visible{outline:2px solid var(--vermilion);outline-offset:3px}.work-link:focus-visible .work-platform:before{width:38px}.work-link:focus-visible .work-surface{filter:brightness(1.3)}.works-empty{margin:auto;padding:70px 0;color:#bccbc0}[data-layout=solo] .work-link{display:grid;grid-template-columns:148px minmax(0,1fr);align-items:center;gap:70px;min-height:344px;padding:70px 96px}[data-layout=solo] .work-emblem{width:148px;height:148px;margin:0}[data-layout=solo] .work-icon{width:148px;height:148px}[data-layout=solo] .work-copy{text-align:left}[data-layout=solo] .work-copy h2{font-size:64px;line-height:1.12;margin-bottom:18px}[data-layout=solo] .work-copy p{font-size:21px;letter-spacing:.055em;text-wrap:pretty}[data-layout=solo] .work-platform{font-size:13px;margin-top:28px;gap:16px}[data-layout=solo] .work-brush{background-position:90% 47%;background-size:75% auto;mask-image:linear-gradient(105deg,transparent 32%,#0004 74%,#0008 88%,transparent)}[data-layout=pair] .work-link{min-height:378px;padding:44px 32px 40px}[data-layout=pair] .work-icon{width:128px;height:128px}[data-layout=pair] .work-copy h2{font-size:40px}[data-layout=pair] .work-copy p{font-size:17px}@media(hover:hover)and (pointer:fine){.work-link:hover .work-surface{filter:brightness(1.35)}.work-link:hover .work-brush{opacity:.5}.work-link:hover .work-platform:before{width:38px}}@keyframes works-nav-enter{0%{opacity:0;translate:0 -8px}to{opacity:1;translate:0 0}}@keyframes works-title-enter{0%{opacity:0;transform:translateY(15px);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes works-rule-enter{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes works-field-enter{0%{opacity:0;translate:-28px 9px;scale:.94 1}to{opacity:.75;translate:0 0;scale:1}}@keyframes works-brush-enter{0%{opacity:0;translate:-22px 14px;clip-path:inset(0 100% 0 0)}to{opacity:.28;translate:0 0;clip-path:inset(0)}}@keyframes works-icon-enter{0%{opacity:0;translate:-12px 8px}to{opacity:1;translate:0 0}}@keyframes works-copy-enter{0%{opacity:0;translate:0 11px}to{opacity:1;translate:0 0}}@keyframes works-world-drift{0%{transform:translate(-.35%,.2%) scale(1.015)}to{transform:translate(.35%,-.2%) scale(1.035)}}@keyframes works-stroke-light{0%{opacity:.5}to{opacity:1}}@keyframes works-glow-drift{0%{opacity:.45;transform:translate(-1%,1%)}to{opacity:1;transform:translate(1%,-1%)}}@keyframes works-field-light{0%{opacity:.25;transform:translate(-8px)}to{opacity:.8;transform:translate(8px)}}.works-page.is-motion-paused *,.works-page.is-motion-paused *:before,.works-item.is-offstage *,.works-item.is-offstage *:before{animation-play-state:paused!important}@media(max-width:1100px){.works-main{width:calc(100% - 80px);margin-top:40px}.works-list{gap:24px;grid-template-columns:repeat(2,minmax(0,1fr))}[data-layout=solo] .work-link{padding:64px;gap:54px;grid-template-columns:136px minmax(0,1fr);min-height:320px}[data-layout=solo] .work-emblem,[data-layout=solo] .work-icon{width:136px;height:136px}[data-layout=solo] .work-copy h2{font-size:58px}[data-layout=solo] .work-copy p{font-size:19px}}@media(max-width:640px){.works-main{width:calc(100% - 40px);margin:32px auto 48px}.works-intro{gap:20px;margin-bottom:40px}.works-intro h1{font-size:44px}.works-rule{margin-bottom:6px}.works-rule:before{width:35px}.works-count>span:first-child{font-size:23px}.works-list,[data-layout=pair] .works-list{grid-template-columns:minmax(0,1fr);gap:24px}.work-link,[data-layout=pair] .work-link,[data-layout=solo] .work-link{display:flex;flex-direction:column;align-items:center;gap:0;min-height:330px;padding:34px 25px}.work-emblem,[data-layout=solo] .work-emblem{width:128px;height:128px;margin:0 0 25px}.work-icon,[data-layout=pair] .work-icon,[data-layout=solo] .work-icon{width:116px;height:116px}.work-copy,[data-layout=solo] .work-copy{text-align:center}.work-copy h2,[data-layout=pair] .work-copy h2{font-size:34px}.work-copy p,[data-layout=pair] .work-copy p{font-size:15px}[data-layout=solo] .work-link{min-height:366px;padding-block:40px}[data-layout=solo] .work-icon{width:128px;height:128px}[data-layout=solo] .work-copy h2{font-size:44px;margin-bottom:15px}[data-layout=solo] .work-copy p{font-size:16px}[data-layout=solo] .work-platform{font-size:12px;margin-top:24px}[data-layout=solo] .work-brush{background-size:auto 140%;background-position:78% 55%;mask-image:linear-gradient(120deg,transparent 10%,#0006 85%,transparent)}}@media(orientation:landscape)and (max-height:600px){.works-page .profile-header{padding-block:14px 10px}.works-main{width:calc(100% - 80px);margin:10px auto 18px}.works-intro{margin-bottom:20px}.works-intro h1{font-size:36px}.works-rule{margin-bottom:5px}[data-layout=solo] .work-link{display:grid;grid-template-columns:96px minmax(0,1fr);gap:40px;min-height:186px;padding:22px 42px}[data-layout=solo] .work-emblem,[data-layout=solo] .work-icon{width:96px;height:96px;margin:0}[data-layout=solo] .work-copy{text-align:left}[data-layout=solo] .work-copy h2{font-size:40px;margin-bottom:10px}[data-layout=solo] .work-copy p{font-size:16px}[data-layout=solo] .work-platform{margin-top:16px}.works-page .profile-footer{padding-block:8px}}@media(prefers-reduced-motion:reduce){.works-page *,.works-page *:before,.works-page *:after{animation:none!important;transition:none!important}.works-world,.work-field{transform:none}}[data-layout=solo] .work-link:after{content:"";position:absolute;right:5%;top:50%;width:24px;height:2px;background:var(--vermilion);opacity:.4;transform:skew(-25deg);transition:width .35s,opacity .35s}[data-layout=solo] .work-platform{font-size:14px;color:#b0c0b2}.work-emblem{transition:transform .4s cubic-bezier(.2,.75,.2,1)}.work-link{transition:scale .4s cubic-bezier(.2,.75,.2,1)}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.work-link:hover{scale:1.01}.work-link:hover .work-emblem{transform:translateY(-3px)}[data-layout=solo] .work-link:hover:after{width:43px;opacity:1}}@media(max-width:640px){[data-layout=solo] .work-link:after{top:auto;bottom:27px;right:13%;width:18px}}