.work-section{position:relative;z-index:11;background:var(--paper);padding:0 2.7vw 9vw;isolation:isolate}.work-navigation{position:relative;z-index:14;display:flex;align-items:center;gap:4vw;min-height:82px}.work-navigation .logo img{width:clamp(142px,11vw,184px)}.work-navigation .talk{margin-left:auto}.work-heading{display:grid;grid-template-columns:1fr auto;align-items:end;position:relative;z-index:14;padding:5vw 0 4.5vw;gap:24px}.work-heading h2{font-family:var(--display);font-weight:400;font-size:clamp(76px,10.3vw,208px);letter-spacing:-.025em;line-height:1.04;margin:0;outline:none}.work-heading h2>span{display:block}.work-heading h2>span:last-child{margin-left:14vw}.work-count{font-family:var(--display);font-size:clamp(48px,6.8vw,128px);line-height:1;letter-spacing:0;position:relative;display:grid;place-items:center;width:1.12em;height:1.12em;margin-bottom:.06em}.count-corner{position:absolute;width:.24em;height:.24em;border-color:currentColor;border-style:solid;border-width:0}.top-left{top:0;left:0;border-top-width:3px;border-left-width:3px}.top-right{top:0;right:0;border-top-width:3px;border-right-width:3px}.bottom-left{bottom:0;left:0;border-bottom-width:3px;border-left-width:3px}.bottom-right{bottom:0;right:0;border-bottom-width:3px;border-right-width:3px}.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;column-gap:2.2vw;row-gap:9vw}.work-card{margin:0;min-width:0;position:relative}.work-image{position:relative;aspect-ratio:var(--ratio);overflow:hidden}.work-image img{width:100%;height:100%;display:block;object-fit:cover}.work-card.is-rendered .work-image img{opacity:0}.work-card:nth-child(1){grid-column:1/span 6}.work-card:nth-child(2){grid-column:8/span 5;margin-top:13vw}.work-card:nth-child(3){grid-column:1/span 5}.work-card:nth-child(4){grid-column:7/span 6;margin-top:11vw}.work-card:nth-child(5){grid-column:1/span 5}.work-card:nth-child(6){grid-column:7/span 6;margin-top:15vw}.work-card:nth-child(7){grid-column:3/span 9;margin-top:2vw}.work-caption{position:relative;z-index:14;display:grid;grid-template-columns:auto minmax(0,1fr) auto;column-gap:14px;row-gap:10px;padding-top:19px;line-height:1.35;transform-origin:50% 0;color:#000}.work-number{font-size:18px;font-weight:650;padding-top:4px}.work-caption h3{font-size:clamp(24px,1.9vw,32px);font-weight:650;letter-spacing:-.025em;margin:0}.work-category{font-size:clamp(16px,1.15vw,19px);font-weight:600;letter-spacing:.015em;text-align:right;padding-top:5px;color:#000}.work-caption p{grid-column:2/-1;font-size:clamp(17px,1.3vw,21px);line-height:1.55;margin:0;color:#000}.work-caption.caption-pending>*{visibility:hidden}.work-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:12;pointer-events:none}@media(max-width:900px){.work-caption{grid-template-columns:auto 1fr;gap:10px 12px}.work-category{grid-column:2;text-align:left;padding:0}.work-caption p{grid-column:2}}@media(max-width:700px){.work-section{padding:0 20px 72px}.work-navigation{min-height:74px;gap:22px}.work-navigation .logo img{width:112px}.work-navigation .nav-link,.work-navigation .talk{font-size:12px;letter-spacing:.02em}.work-heading{padding:32px 0 36px;gap:16px 8px}.work-heading h2{font-size:clamp(42px,10.5vw,72px);line-height:1.07}.work-heading h2>span:last-child{margin-left:5vw}.work-count{font-size:clamp(33px,8vw,54px)}.work-grid{display:flex;flex-direction:column;gap:64px}.work-card:nth-child(n){width:100%;margin:0}.work-card:nth-child(2){width:86%;align-self:flex-end}.work-card:nth-child(3){width:86%;align-self:flex-start}.work-card:nth-child(5){width:90%;align-self:flex-end}.work-card:nth-child(7){width:95%;align-self:flex-end}.work-caption{padding-top:17px}.work-caption h3{font-size:clamp(24px,5.4vw,28px)}.work-caption p{font-size:clamp(17px,3.8vw,19px)}.work-category{font-size:clamp(16px,3.5vw,18px)}#home .header,#home .main-nav{gap:12px}}@media(max-width:350px){.work-section{padding-left:16px;padding-right:16px}.work-navigation{gap:14px}.work-navigation .logo img{width:106px}.work-navigation .nav-link,.work-navigation .talk{font-size:10px}.work-heading h2{font-size:36px}.work-count{font-size:30px}#home .main-nav{gap:8px}#home .header{gap:10px}}@media(prefers-reduced-motion:reduce){.work-canvas{display:none}.work-card.is-rendered .work-image img{opacity:1}.work-caption.caption-pending>*{visibility:visible}}.work-scroll-stage{position:relative;z-index:11;height:calc(var(--work-height,100svh) + 100svh);margin-bottom:-100svh}.work-section{position:sticky;top:var(--work-pin-top,0px)}.work-navigation,.work-heading,.work-grid{translate:0 var(--work-shift,0px)}.work-dimmer{position:absolute;inset:0;z-index:16;background:#080807;opacity:var(--work-dim,0);pointer-events:none}.work-entry-pending:not(.work-entered) .work-navigation>*,.work-entry-pending:not(.work-entered) .work-heading{visibility:hidden}@media(prefers-reduced-motion:reduce){.work-scroll-stage{height:auto;margin-bottom:0}.work-section{position:relative;top:auto}.work-navigation,.work-heading,.work-grid{translate:none}.work-dimmer{opacity:0}.work-entry-pending .work-navigation>*,.work-entry-pending .work-heading{visibility:visible}}