.work-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:#0173e3;color:#fff}.work-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 58%,rgba(244,122,60,.09) 58%)}.work-hero-inner{position:relative;z-index:1;padding:170px 0 80px}.work-hero h1{max-width:1100px;margin:.35em 0 .38em;font-size:clamp(3.5rem,8.5vw,9rem);line-height:.88;letter-spacing:-.078em}.work-hero h1 em{color:#f47a3c;font-style:normal}.work-hero-foot{display:grid;grid-template-columns:1fr 1.2fr;gap:9vw;align-items:end;border-top:1px solid rgba(255,255,255,.2);padding-top:24px}.work-hero-foot p{max-width:530px;margin:0;color:rgba(255,255,255,.7);font-size:1.08rem}.work-index{display:flex;justify-content:flex-end;gap:30px;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.62)}.work-signal{position:absolute;right:2vw;top:14%;width:270px;height:270px;border:1px solid rgba(255,255,255,.18);border-radius:50%;animation:work-turn 22s linear infinite}.work-signal:before,.work-signal:after{content:"";position:absolute;inset:35px;border:1px solid rgba(255,255,255,.12);border-radius:50%}.work-signal:after{inset:92px;background:#f47a3c;border:0}.work-signal i{position:absolute;left:50%;top:-9px;width:18px;height:18px;border-radius:50%;background:#fff}.work-signal b{position:absolute;left:50%;bottom:-25px;transform:translateX(-50%);font-size:.7rem;letter-spacing:.3em}@keyframes work-turn{to{transform:rotate(360deg)}}.work-intro{padding:110px 0;background:#fafbf8}.work-intro .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;align-items:end}.work-manifesto{margin:0;font-size:clamp(2.8rem,6vw,6.5rem);line-height:.95;letter-spacing:-.06em;color:#102321}.work-intro .wrap>p:last-child{max-width:480px;margin:0;color:#52706c;font-size:1.1rem}.portfolio-list{background:#102321;color:#fff}.portfolio-piece{border-top:1px solid rgba(255,255,255,.14)}.portfolio-piece-inner{display:grid;grid-template-columns:1fr 1fr;min-height:620px}.portfolio-copy{display:grid;grid-template-columns:64px 1fr;gap:24px;padding:72px 7vw 72px 0;align-items:start}.portfolio-number{color:#f47a3c;font-size:.78rem;font-weight:800;letter-spacing:.14em}.portfolio-copy h2{margin:.28em 0 .35em;font-size:clamp(2.8rem,5vw,5.8rem);line-height:.92;letter-spacing:-.06em}.portfolio-copy p{max-width:500px;color:rgba(255,255,255,.65);font-size:1.05rem}.portfolio-scope{margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16);font-size:.7rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5)}.portfolio-copy .text-link{color:#fff}.portfolio-art{position:relative;display:block;overflow:hidden;background:#0173e3;isolation:isolate}.portfolio-piece:nth-child(2n) .portfolio-art{background:#f47a3c;color:#102321}.portfolio-piece:nth-child(3n) .portfolio-art{background:#77704a}.portfolio-art:before{content:"";position:absolute;inset:10%;border:1px solid rgba(255,255,255,.22);transform:rotate(-5deg);transition:transform .5s}.portfolio-art:after{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:rgba(255,255,255,.12);right:-65px;top:-65px}.portfolio-art span{position:absolute;z-index:2;left:8%;bottom:-.15em;font-size:clamp(11rem,20vw,22rem);font-weight:900;line-height:.8;letter-spacing:-.13em;color:rgba(255,255,255,.15);transition:transform .5s,color .5s}.portfolio-art i{position:absolute;z-index:2;left:50%;top:50%;width:90px;height:90px;border-radius:50%;background:#f47a3c;transform:translate(-50%,-50%);transition:transform .35s}.portfolio-piece:nth-child(2n) .portfolio-art i{background:#0173e3}.portfolio-art i:after{content:"↗";position:absolute;inset:0;display:grid;place-items:center;color:#102321;font-style:normal;font-size:2rem;font-weight:800}.portfolio-piece:nth-child(2n) .portfolio-art i:after{color:#fff}.portfolio-art small{position:absolute;z-index:2;right:28px;bottom:24px;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.portfolio-art:hover:before{transform:rotate(0) scale(1.04)}.portfolio-art:hover span{transform:translateY(-5%);color:rgba(255,255,255,.23)}.portfolio-art:hover i{transform:translate(-50%,-50%) scale(1.14)}.work-note{padding:72px 0;background:#e9f0ed}.work-note .wrap{display:grid;grid-template-columns:.6fr 1.4fr;gap:8vw}.work-note p{max-width:740px;margin:0;font-size:1.15rem;color:#42615e}@media(max-width:900px){.work-signal{width:190px;height:190px;right:-50px;opacity:.65}.work-signal:after{inset:65px}.work-hero-foot,.work-intro .wrap,.portfolio-piece-inner,.work-note .wrap{grid-template-columns:1fr}.work-index{justify-content:flex-start;flex-wrap:wrap}.portfolio-piece-inner{min-height:0}.portfolio-art{min-height:430px;grid-row:1}.portfolio-copy{padding:52px 0}.work-intro .wrap{gap:42px}.work-note .wrap{gap:24px}}@media(max-width:560px){.work-hero-inner{padding:130px 0 58px}.work-hero{min-height:760px}.work-index{gap:12px 20px}.work-signal{top:11%}.work-intro{padding:78px 0}.portfolio-art{min-height:320px}.portfolio-copy{grid-template-columns:40px 1fr;gap:8px}.portfolio-art i{width:70px;height:70px}.portfolio-art span{font-size:10rem}}