.works-page{background:#f6f4ef;color:#14223a}.works-header{background:rgba(252,251,248,.96);border-bottom:1px solid rgba(20,34,58,.15)}.works-wrap{max-width:1136px;margin:0 auto;padding:0 42px}.works-hero{padding:160px 0 100px;background:#fcfbf8;position:relative;overflow:hidden}.works-hero:after{content:"";position:absolute;right:-135px;bottom:-220px;width:650px;height:650px;border:1px solid rgba(29,75,143,.18);border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 28px,rgba(29,75,143,.08) 28px 29px),repeating-linear-gradient(90deg,transparent 0 28px,rgba(29,75,143,.08) 28px 29px)}.works-hero .works-wrap{position:relative;z-index:1}.back-link{display:inline-block;margin-bottom:51px;color:#1d4b8f;border-bottom:1px solid transparent;font-size:12px;font-weight:700}.back-link:hover{border-color:currentColor}.works-hero h1{margin:20px 0 0;font:600 clamp(39px,4.6vw,65px)/1.38 "Shippori Mincho",serif;letter-spacing:-.06em}.works-hero h1 em,.concept-head h2 em,.works-cta h2 em{color:#1d4b8f;font-style:normal}.works-hero>div>p:last-child{max-width:690px;margin:26px 0 0;color:#536073;font-size:14px;line-height:2.13}.client-work{padding:104px 0 120px;background:#eeeae0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:19px 0 37px}.section-head h2,.concept-head h2,.works-cta h2{margin:0;font:600 clamp(30px,3.2vw,45px)/1.45 "Shippori Mincho",serif;letter-spacing:-.055em}.section-head p{margin:14px 0 0;color:#536073;font-size:13px}.section-head>b{padding:7px 9px;white-space:nowrap;color:#fff;background:#1d4b8f;font:10px "DM Mono",monospace;letter-spacing:.1em}.client-card{display:grid;grid-template-columns:.94fr 1.06fr;background:#fcfbf8;border:1px solid rgba(20,34,58,.15);box-shadow:0 23px 52px rgba(20,34,58,.08)}.client-preview{min-height:484px;padding:14px;background:#dfd9d1}.client-preview .browser{height:28px;display:flex;align-items:center;gap:5px;padding:0 9px;color:#776d62;background:#f9f7f2;font:7px "DM Mono",monospace}.client-preview .browser i{display:block;width:5px;height:5px;background:#b4aa9f;border-radius:50%}.client-preview .browser span{margin-left:7px}.client-screen{height:calc(100% - 28px);min-height:428px;position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden;color:#e4c889;background:#2b0d14}.client-screen:before{content:"";position:absolute;left:-160px;bottom:-195px;width:380px;height:380px;border:1px solid rgba(228,200,137,.29);border-radius:50%;box-shadow:0 0 0 35px rgba(228,200,137,.035),0 0 0 76px rgba(228,200,137,.02)}.client-screen p,.client-screen strong,.client-screen>i{z-index:1;position:relative}.client-screen p{margin:0 0 61px;text-align:center;font:400 20px/1.75 "Shippori Mincho",serif;letter-spacing:.42em}.client-screen small{font-size:8px;letter-spacing:.22em}.client-screen strong{color:#fff6e7;text-align:center;font:500 clamp(24px,2.6vw,36px)/1.75 "Shippori Mincho",serif;letter-spacing:.08em}.client-screen em{color:#e4c889;font-style:normal}.client-screen>i{width:59px;height:1px;margin-top:36px;background:#c89742}.client-copy{padding:clamp(35px,5vw,65px)}.client-meta{margin:0;color:#1d4b8f;font:10px "DM Mono",monospace;letter-spacing:.09em}.client-copy>.copy{margin:28px 0 0;color:#536073;font-size:14px;line-height:2.1}.client-copy dl{margin:30px 0;border-top:1px solid rgba(20,34,58,.15)}.client-copy dl div{display:grid;grid-template-columns:62px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid rgba(20,34,58,.15)}.client-copy dt{color:#1d4b8f;font:10px "DM Mono",monospace}.client-copy dd{margin:0;font-size:12px}.client-actions{display:flex;align-items:center;flex-wrap:wrap;gap:21px}.public-link{padding-bottom:4px;color:#1d4b8f;border-bottom:1px solid currentColor;font-size:12px;font-weight:700}.concept-work{padding:116px 0 125px;background:#14223a;color:#fcfbf8}.concept-work .label{color:#a8c4e9}.concept-head{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end;margin:19px 0 48px}.concept-head h2{color:#fff}.concept-head p{max-width:470px;margin:0;padding:17px 0 0 19px;color:rgba(255,255,255,.72);border-left:2px solid #c59038;font-size:13px;line-height:2}.concept-head strong{display:block;color:#fff}.sample-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.18)}.sample{min-height:347px;padding-bottom:19px;color:#fff;background:#14223a;transition:transform .18s ease,background .18s ease}.sample:hover{z-index:1;background:#203553;transform:translateY(-5px)}.sample>div{height:176px;position:relative;display:flex;justify-content:space-between;flex-direction:column;overflow:hidden;padding:15px}.sample>div span{z-index:1;font:10px "DM Mono",monospace}.sample>div b{z-index:1;max-width:80%;font:600 21px/1.2 "Shippori Mincho",serif}.sample>div i{position:absolute;border-radius:50%}.sample>p,.sample>h3,.sample>small,.sample>strong{margin-left:16px;margin-right:16px}.sample>p{margin-top:18px;margin-bottom:0;color:#a8c4e9;font:9px "DM Mono",monospace;letter-spacing:.08em}.sample>h3{margin-top:12px;margin-bottom:8px;font:600 19px "Shippori Mincho",serif}.sample>small{display:block;min-height:39px;color:rgba(255,255,255,.68);font-size:11px;line-height:1.8}.sample>strong{display:block;margin-top:12px;font-size:11px}.cafe>div{color:#e9d7ae;background:#241915}.cafe>div i{right:-60px;bottom:-118px;width:200px;height:200px;border:1px solid rgba(225,183,100,.7);box-shadow:0 0 0 26px rgba(225,183,100,.06),0 0 0 60px rgba(225,183,100,.04)}.burger>div{color:#fff4cf;background:#d94a1e}.burger>div i{right:-30px;bottom:30px;width:245px;height:59px;border-radius:100% 100% 20% 20%;background:#f8c944;box-shadow:0 30px 0 #5a2514,0 42px 0 #e9d269}.salon>div{color:#2d2834;background:#e2d5da}.salon>div i{right:-48px;top:18px;width:180px;height:180px;border:1px solid #94777d;box-shadow:-23px 24px 0 rgba(255,255,255,.42)}.medical>div{color:#15536f;background:#dbf0ef}.medical>div i{right:-42px;bottom:-56px;width:165px;height:165px;border:1px solid rgba(21,83,111,.7);box-shadow:-44px -44px 0 rgba(255,255,255,.42)}.glass>div{color:#ece7df;background:#38475b}.glass>div i{right:29px;bottom:-61px;width:115px;height:195px;border:1px solid rgba(255,255,255,.73);border-radius:50% 50% 37% 37%}.corp>div{color:#f7f5e8;background:#263a2a}.corp>div i{right:-35px;bottom:-65px;width:160px;height:160px;border:1px solid #abb65c;border-radius:0;transform:rotate(45deg)}.book>div{color:#17213d;background:#e7d2a5}.book>div i{right:24px;bottom:-29px;width:128px;height:185px;border-radius:1px;background:#1d3154;box-shadow:-24px 12px 0 #efead5}.story>div{color:#f9f3ef;background:#775544}.story>div i{right:-93px;bottom:-141px;width:250px;height:250px;border:1px solid rgba(255,255,255,.5);box-shadow:0 0 0 27px rgba(255,255,255,.05)}.works-cta{padding:112px 0;background:#e9eff8}.works-cta .works-wrap{display:grid;grid-template-columns:1fr .74fr;gap:80px;align-items:end}.works-cta>div>div>p:last-child{max-width:560px;margin:25px 0 0;color:#536073;font-size:14px;line-height:2.05}.cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:19px}@media(max-width:850px){.sample-grid{grid-template-columns:repeat(2,1fr)}.concept-head,.works-cta .works-wrap{grid-template-columns:1fr;gap:30px}.client-card{grid-template-columns:1fr}.client-preview{min-height:390px}.client-screen{min-height:350px}}@media(max-width:650px){.works-wrap{padding-left:23px;padding-right:23px}.works-hero{padding:114px 0 70px}.works-hero h1{font-size:35px}.works-hero>div>p:last-child{font-size:13px}.section-head{align-items:start;flex-direction:column;margin-bottom:29px}.client-work,.concept-work,.works-cta{padding:75px 0}.client-preview{min-height:330px;padding:10px}.client-screen{min-height:290px}.client-screen p{margin-bottom:38px}.client-copy{padding:29px 22px}.sample-grid{grid-template-columns:1fr}.sample>div{height:152px}.concept-head p{font-size:12px}.works-cta h2,.concept-head h2{font-size:30px}.works-cta .works-wrap{gap:32px}}