.projects{background:var(--paper)}
.project-list{display:grid;gap:24px}
.project-card{display:grid;grid-template-columns:.72fr 1.28fr;min-height:390px;border-radius:30px;overflow:hidden;color:white;transition:transform .35s ease,box-shadow .35s ease}
.project-card:hover{transform:translateY(-7px);box-shadow:var(--shadow)}
.project-info{padding:42px;display:flex;flex-direction:column;align-items:flex-start}
.project-index{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.38);border-radius:50%;font-size:11px;font-weight:700}
.project-info>div{margin:auto 0}
.project-info p{margin:0 0 11px;text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:700;opacity:.72}
.project-info h3{font-size:clamp(30px,3.4vw,48px);margin:0;max-width:390px}
.project-open{font-size:12px;font-weight:700;border-bottom:1px solid rgba(255,255,255,.55);padding-bottom:3px}
.project-preview{position:relative;display:flex;align-items:flex-end;padding:48px 0 0 24px;overflow:hidden}
.project-preview:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-100px;top:-100px;background:rgba(255,255,255,.08)}
.preview-browser{position:relative;z-index:2;width:105%;height:342px;border-radius:18px 0 0 0;background:#fff;overflow:hidden;box-shadow:-18px 18px 60px rgba(0,0,0,.18);transition:transform .45s ease}
.project-card:hover .preview-browser{transform:translate(-7px,-5px)}
.preview-bar{height:38px;display:flex;align-items:center;gap:5px;padding:0 13px;background:#f0eee8;color:#778078}
.preview-bar i{width:6px;height:6px;border-radius:50%;background:#c9cec9}.preview-bar i:first-child{background:#d28704}
.preview-bar small{margin-left:auto;margin-right:auto;font-size:8px}
.project-shot{display:block;width:100%;height:calc(100% - 38px);object-fit:cover;object-position:top center;background:#f6f2e8}
.project-appliance{background:#153b4b}.appliance-layout{height:calc(100% - 38px);display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;background:linear-gradient(130deg,#f7fafb,#e8f3f5);color:#153b4b;padding:34px}
.appliance-copy b{display:block;font-size:24px;line-height:1.18;letter-spacing:-.04em}.appliance-copy span{display:block;width:78%;height:5px;border-radius:5px;background:#cbd9dc;margin-top:10px}.appliance-copy span:nth-of-type(2){width:58%}.appliance-copy button{width:65px;height:23px;border:0;border-radius:15px;background:#ec6c30;margin-top:17px}
.appliance-products{height:190px;display:flex;align-items:flex-end;justify-content:center;gap:14px}.appliance-products i{position:relative;display:block;background:white;border-radius:9px;box-shadow:0 16px 25px rgba(21,59,75,.14)}
.fridge{width:72px;height:165px}.fridge:before{content:"";position:absolute;left:0;right:0;top:58px;border-top:2px solid #e3e8e8}.fridge:after{content:"";position:absolute;width:3px;height:20px;right:8px;top:27px;background:#c1ccce;border-radius:2px}
.washer{width:92px;height:115px}.washer:before{content:"";position:absolute;width:55px;height:55px;border-radius:50%;border:7px solid #dbe5e6;left:12px;top:35px;background:#9eb7bd}
.project-skin{background:#7c2638}.skin-layout{position:relative;height:calc(100% - 38px);background:#f3e8dc;color:#762a39;overflow:hidden;padding:37px}.skin-layout p{position:relative;z-index:2;font-family:"Be Vietnam Pro",sans-serif;font-size:24px;line-height:1.35;margin:0}.skin-layout p b{font-size:30px}.heritage-ring{position:absolute;width:230px;height:230px;border:1px solid rgba(124,38,56,.25);border-radius:50%;right:28px;top:28px}.heritage-ring:before,.heritage-ring:after{content:"";position:absolute;border:1px solid rgba(124,38,56,.16);border-radius:50%;inset:18px}.heritage-ring:after{inset:42px}
.skin-products{position:absolute;right:70px;bottom:20px;display:flex;align-items:flex-end;gap:10px}.skin-products i{position:relative;display:block;width:45px;height:124px;border-radius:6px 6px 12px 12px;background:#a83449;box-shadow:0 14px 25px rgba(90,25,37,.24)}.skin-products i:before{content:"";position:absolute;width:25px;height:13px;background:#e8c7a8;left:10px;top:-13px;border-radius:4px 4px 0 0}.skin-products i:nth-child(2){height:165px;width:55px;background:#e4b078}.skin-products i:nth-child(2):before{width:31px;left:12px}.skin-products i:nth-child(3){height:105px;background:#d8c1a8}
.project-furniture{background:#505b3e}.furniture-layout{position:relative;height:calc(100% - 38px);background:linear-gradient(#efe9dd 0 73%,#c8ab89 73%);overflow:hidden}.wall-art{position:absolute;width:90px;height:110px;left:70px;top:38px;background:#b1a789;border:10px solid #e7dccd;box-shadow:0 3px 8px rgba(70,60,40,.15)}.sofa{position:absolute;width:230px;height:85px;left:160px;bottom:45px;background:#82775b;border-radius:30px 30px 8px 8px;box-shadow:0 14px 20px rgba(62,55,37,.18)}.sofa:before{content:"";position:absolute;left:8px;right:8px;bottom:-12px;height:15px;background:#695f47;border-radius:4px}.sofa i{position:absolute;width:88px;height:48px;background:#958a6c;border-radius:14px;top:14px}.sofa i:first-child{left:20px}.sofa i:last-child{right:20px}.table{position:absolute;width:110px;height:18px;border-radius:50%;background:#5c4936;left:80px;bottom:38px}.table:after{content:"";position:absolute;width:7px;height:35px;background:#5c4936;left:51px;top:8px}.lamp{position:absolute;width:5px;height:150px;background:#544939;right:65px;bottom:50px}.lamp:before{content:"";position:absolute;border-left:32px solid transparent;border-right:32px solid transparent;border-bottom:55px solid #d0a456;left:-29px;top:-30px}.plant{position:absolute;width:44px;height:55px;background:#a47a52;left:42px;bottom:33px;border-radius:4px 4px 16px 16px}.plant:before{content:"";position:absolute;width:60px;height:75px;border-radius:60% 10% 60% 10%;background:#65724d;left:-15px;top:-62px;transform:rotate(-18deg)}
@media(max-width:900px){.project-card{grid-template-columns:1fr;min-height:auto}.project-info{min-height:255px;padding:32px}.project-preview{padding:0 0 0 28px}.preview-browser{height:310px}}
@media(max-width:560px){.project-card{border-radius:24px}.project-info{min-height:230px;padding:26px}.project-preview{padding-left:18px}.preview-browser{height:260px}.appliance-layout{padding:22px}.appliance-products{transform:scale(.78);transform-origin:right center}.skin-products{right:22px;transform:scale(.78);transform-origin:right bottom}.skin-layout{padding:25px}.skin-layout p{font-size:18px}.skin-layout p b{font-size:22px}.furniture-layout{transform-origin:center}.sofa{left:100px;transform:scale(.72);transform-origin:left bottom}.wall-art{left:30px}.lamp{right:28px}}