.work{height:900px;min-height:850px}.restaurant{background:#48251d;color:#f0dcc0}.restaurant .work-photo{inset:13% 4% 16% 43%;border-radius:5px;overflow:hidden;transform:rotate(3deg)}.restaurant .work-photo img{filter:sepia(.2) brightness(.8)}.restaurant:after{background:linear-gradient(90deg,#48251d 30%,transparent 70%);z-index:-1}.restaurant .work-title{top:24%;left:6%;width:52%}.restaurant .work-title h2{font-family:Georgia,serif;font-size:clamp(100px,12vw,185px);font-weight:400;line-height:1.05}.restaurant .work-title h2 span{color:#d19f66}.restaurant .work-title p{font-size:12px;color:#c9ac88}.plaza-menu{position:absolute;z-index:2;left:9%;top:53%;width:330px;background:#e7d8bc;color:#4b3022;padding:28px;box-shadow:10px 25px 40px #170a0830;transform:rotate(-4deg)}.plaza-menu>span{font-size:8px;letter-spacing:.16em}.plaza-menu strong{display:block;font:italic 32px Georgia,serif;margin:15px 0 20px}.plaza-menu>div{border-top:1px solid #4b302230;padding:12px 0;font-size:11px}.plaza-menu i{font-style:normal;font-size:8px;color:#997451;margin-right:12px}.plaza-menu b{display:block;font-size:7px;letter-spacing:.18em;margin-top:10px}.plaza-seal{position:absolute;right:8%;top:20%;border:1px solid #e7d8bc80;padding:18px 22px;border-radius:50%;font-size:8px;letter-spacing:.12em;transform:rotate(10deg);background:#48251d80}.restaurant .work-bottom{bottom:30px}.beauty{background:#ede4d7;color:#3d372d}.beauty-photo{left:53%;right:8%;top:16%;bottom:17%;border-radius:45% 45% 2px 2px;animation:none;transform:rotate(4deg);box-shadow:20px 30px 60px #74634d25}.beauty-photo img{filter:saturate(.4) sepia(.15)}.beauty .work-title{top:24%;left:7%;width:45%}.beauty .work-title h2{font-size:clamp(120px,17vw,250px);letter-spacing:-.06em;color:#3d372d}.beauty .work-title p{color:#7a6957;font-size:12px}.beauty-word{writing-mode:initial;top:12%;left:7%;font:italic 24px Georgia,serif;color:#937b60}.beauty-editorial{position:absolute;top:57%;left:8%;width:38%;border-top:1px solid #937b6060;padding-top:20px}.beauty-editorial>span{font-size:8px;letter-spacing:.12em;color:#937b60}.beauty-editorial p{font:400 36px/1.1 Georgia,serif;margin:20px 0}.beauty-editorial>div{font-size:8px;letter-spacing:.14em}.beauty-tag{position:absolute;right:5%;top:21%;font:500 11px/1.3 Manrope,sans-serif;background:#eee5d8;color:#3d372d;padding:20px;transform:rotate(-8deg);box-shadow:0 15px 30px #0002}.motor{background:#202725;color:#eee6d9}.motor .work-title{top:25%;left:6%;width:48%;z-index:3}.motor .work-title h2{color:#eee6d9;font-size:clamp(90px,12vw,175px);line-height:.85;letter-spacing:-.045em;max-width:none}.motor .work-title h2 span{display:block;font:500 9px 'DM Sans',sans-serif;color:#cfa46a;letter-spacing:.2em;margin-top:30px}.motor .work-title p{font-size:12px;color:#cfa46a}.motor-disc{width:48vw;height:48vw;right:2%;top:18%;background:repeating-conic-gradient(#222927 0deg 15deg,#cfa46a 16deg 18deg,#69776e 19deg 21deg);box-shadow:inset 0 0 0 2vw #101b17,inset 0 0 0 2.3vw #cfa46a,0 35px 75px #0006}.motor-disc i{border-color:#788779;background:#38453c}.motor-disc i:nth-child(2){border-color:#c7c9b6;background:#17231c}.motor-disc i:nth-child(3){border-color:#cfa46a;background:#827554}.motor-line{width:100%;background:linear-gradient(90deg,#202725 0%,#202725 45%,transparent 64%),repeating-linear-gradient(0deg,transparent 0 89px,#ced2bf0d 90px 91px);z-index:1}.motor-technical{position:absolute;left:6%;bottom:21%;z-index:2;display:grid;gap:10px;width:35%;color:#e1d5c0;border-top:1px solid #cfa46a60;padding-top:18px}.motor-technical>span{font-size:8px;color:#cfa46a;letter-spacing:.18em;margin-bottom:8px}.motor-technical b{font-size:10px;font-weight:400;letter-spacing:.1em}.motor-technical>div{font-size:8px;color:#8e9b8f;margin-top:12px}.motor .work-bottom a{color:#eee6d9;background:#202725b0}.motor .work-top{color:#bbc1b5}
@media(max-width:800px){.work{height:1000px;min-height:0}.restaurant .work-title{top:18%;width:90%;left:6%}.restaurant .work-title h2{font-size:80px}.restaurant .work-photo{inset:33% 5% 22% 19%;transform:rotate(3deg)}.plaza-menu{top:51%;left:7%;width:240px;padding:22px}.plaza-menu strong{font-size:27px}.plaza-menu>div{font-size:10px;padding:10px 0}.plaza-seal{top:31%;font-size:7px;padding:14px}.restaurant .work-bottom{bottom:25px}.beauty .work-title{top:16%;width:90%;left:6%}.beauty .work-title h2{font-size:125px;margin-top:10px}.beauty-word{top:10%;left:6%;font-size:20px}.beauty-photo{left:37%;right:7%;top:35%;bottom:25%;transform:rotate(3deg)}.beauty-editorial{left:7%;top:44%;width:28%;padding-top:15px}.beauty-editorial p{font-size:26px}.beauty-editorial>span{font-size:7px;line-height:1.7;display:block}.beauty-editorial>div{font-size:7px;line-height:2}.beauty-tag{top:33%;right:5%;padding:14px;font-size:9px}.motor .work-title{top:16%;width:90%}.motor .work-title h2{font-size:83px;line-height:.88}.motor .work-title h2 span{font-size:8px;margin-top:20px}.motor-disc{width:74vw;height:74vw;top:43%;right:-9%;opacity:.85}.motor-line{background:linear-gradient(90deg,#202725 0%,#202725e0 30%,transparent 70%)}.motor-technical{bottom:25%;width:45%;gap:12px}.motor .work-bottom{bottom:30px}.beauty .work-bottom{bottom:30px}}
@media(prefers-reduced-motion:reduce){.restaurant .work-photo{transform:none}.beauty-photo{transform:none}}
@media(min-width:801px){.motor-technical{bottom:18%}}
.work{height:820px;min-height:780px}
.plaza-menu{animation:menu-unfold 10s ease-in-out infinite;transform-origin:top left}
.beauty-photo{animation:portrait-frame 12s ease-in-out infinite}
.motor-disc i:nth-child(2){animation:rotor-layer 8s ease-in-out infinite}
@keyframes menu-unfold{0%,100%{transform:rotate(-4deg) translateY(0)}35%,65%{transform:rotate(1deg) translateY(-18px)}}
@keyframes portrait-frame{0%,100%{border-radius:45% 45% 2px 2px;transform:rotate(4deg)}40%,65%{border-radius:8% 45% 8% 45%;transform:rotate(-2deg)}}
@keyframes rotor-layer{0%,100%{transform:scale(1)}40%,65%{transform:scale(.8)}}
.work:not(.is-visible) *{animation-play-state:paused!important}
@media(max-width:800px){.work{height:850px;min-height:0}.plaza-menu{top:48%;padding:18px}.plaza-menu strong{margin:12px 0}.plaza-menu>div{padding:8px 0}.beauty-editorial{top:43%}.beauty-editorial p{font-size:23px}.motor-technical{bottom:24%;gap:8px}}
@media(prefers-reduced-motion:reduce){.plaza-menu,.beauty-photo,.motor-disc i{animation:none}}