*{box-sizing:border-box}body,html{color:#66232c;background-color:#f7f6f2;height:100%;margin:0;padding:0;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}.projects-page{box-sizing:border-box;background:radial-gradient(circle at 8% 12%,#d9832412,#0000 40%),radial-gradient(circle at 92% 88%,#66232c0f,#0000 45%),#f7f6f2;flex-direction:column;width:100%;min-height:100dvh;display:flex}.page-header{text-align:center;max-width:760px;margin:0 auto;padding:60px 20px 16px}.header-meta{justify-content:center;align-items:center;gap:15px;margin-bottom:14px;display:flex}.meta-line{opacity:.6;background:linear-gradient(90deg,#0000,#d98324,#0000);width:40px;height:1px}.meta-text{text-transform:uppercase;letter-spacing:3.5px;color:#d98324;font-size:.78rem;font-weight:600}.page-main-title{color:#66232c;letter-spacing:-1px;margin:0 0 16px;font-family:Playfair Display,serif;font-size:3.6rem;font-weight:700}.page-main-subtitle{color:#66232c;opacity:.72;max-width:560px;margin:0 auto;font-size:1.05rem;font-weight:300;line-height:1.65}.projects-main{flex:1;justify-content:center;align-items:center;padding:24px 90px;display:flex;position:relative}.nav-arrow{color:#66232c;cursor:pointer;-webkit-backdrop-filter:blur(10px)saturate(160%);-webkit-tap-highlight-color:transparent;background:#f7f6f259;border:1px solid #66232c2e;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.9rem;line-height:1;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 6px 20px #66232c1a}.nav-arrow:focus-visible{box-shadow:0 6px 20px #66232c1a,0 0 0 3px #d9832473}.projects-main .nav-arrow{z-index:10;position:absolute;top:50%;transform:translateY(-50%)}.nav-arrow:hover{color:#f7f6f2;background:#d98324d9;border-color:#d98324e6;transform:translateY(-50%)scale(1.08);box-shadow:0 12px 28px #d9832461}.nav-arrow:active{color:#f7f6f2;background:#d983248c;border-color:#d98324b3;transform:translateY(-50%)scale(.94);box-shadow:0 4px 14px #d983244d}.left-arrow{left:20px}.right-arrow{right:20px}.project-container{align-items:center;gap:76px;width:100%;max-width:1180px;display:flex}.project-image-wrapper{flex:1.2;justify-content:center;display:flex}.project-rectangle-image-frame{background:linear-gradient(160deg,#d9832459,#66232c26);border-radius:18px;width:100%;max-width:580px;padding:10px;position:relative;box-shadow:0 24px 55px #66232c29}.project-rectangle-image{background-color:#edeae1;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:12px;width:100%;height:360px;transition:transform .6s cubic-bezier(.16,1,.3,1)}.image-sheen{pointer-events:none;background:linear-gradient(135deg,#ffffff2e 0%,#fff0 35%);border-radius:12px;position:absolute;inset:10px}.project-rectangle-image-frame:hover .project-rectangle-image{transform:scale(1.025)}.project-content-wrapper{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.project-serial{color:#d98324;letter-spacing:.5px;margin-bottom:10px;font-family:Playfair Display,serif;font-size:1.35rem;font-style:italic;font-weight:600}.project-serial-total{color:#66232c66;font-size:1rem}.project-title{color:#66232c;margin:0 0 18px;font-family:Playfair Display,serif;font-size:2.8rem;font-weight:700;line-height:1.15}.project-description{color:#66232c;opacity:.78;max-width:46ch;margin-bottom:32px;font-size:1.05rem;font-weight:300;line-height:1.7}.project-link-btn{color:#f7f6f2;letter-spacing:.6px;background:linear-gradient(135deg,#66232c,#7c2c36);border-radius:30px;align-items:center;gap:10px;padding:15px 32px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 8px 20px #66232c47}.project-link-btn .btn-arrow{transition:transform .25s}.project-link-btn:hover{background:linear-gradient(135deg,#d98324,#c56f1b);transform:translateY(-2px);box-shadow:0 10px 26px #d9832466}.project-link-btn:hover .btn-arrow{transform:translate(4px)}.projects-carousel{background:0 0;padding:18px 0 40px}.carousel-container{scrollbar-width:none;justify-content:center;align-items:center;gap:16px;padding:6px 20px;display:flex;overflow-x:auto}.carousel-container::-webkit-scrollbar{display:none}.carousel-item{cursor:pointer;filter:grayscale(85%)brightness(.9);opacity:.5;background-position:50%;background-size:cover;border:2px solid #0000;border-radius:50%;width:52px;min-width:52px;height:52px;transition:all .35s cubic-bezier(.16,1,.3,1)}.carousel-item:hover{filter:grayscale(0%)brightness();opacity:1;transform:scale(1.12)}.carousel-item.active{filter:grayscale(0%)brightness();opacity:1;border-color:#d98324;transform:scale(1.22);box-shadow:0 6px 18px #d9832466}@media (max-width:1100px){.projects-main{padding:20px 60px}.project-container{gap:50px}.page-main-title{font-size:3rem}.project-title{font-size:2.3rem}}@media (max-width:860px){.page-header{padding:44px 20px 12px}.page-main-title{font-size:2.5rem}.page-main-subtitle{font-size:.98rem}.projects-main{align-items:flex-start;padding:10px 24px 120px}.project-container{text-align:center;flex-direction:column;gap:28px}.project-image-wrapper{width:100%;position:relative}.project-rectangle-image-frame{max-width:100%}.project-rectangle-image{height:300px}.project-content-wrapper{align-items:center;width:100%}.project-description{max-width:60ch;margin-bottom:36px}.projects-main .nav-arrow{background:#f7f6f266;width:46px;height:46px;font-size:1.7rem;display:flex;top:160px}.left-arrow{left:6px}.right-arrow{right:6px}.projects-carousel{display:none}}@media (max-width:480px){.page-header{padding:36px 16px 8px}.page-main-title{letter-spacing:-.5px;font-size:1.95rem}.meta-text{letter-spacing:2.5px;font-size:.68rem}.meta-line{width:26px}.page-main-subtitle{font-size:.9rem}.projects-main{padding:6px 16px calc(96px + env(safe-area-inset-bottom,0px))16px}.project-rectangle-image{height:220px}.project-rectangle-image-frame{border-radius:14px;padding:7px}.project-title{font-size:1.7rem}.project-description{margin-bottom:28px;font-size:.95rem}.project-link-btn{justify-content:center;width:100%;margin-top:8px;padding:13px 26px;font-size:.82rem}.projects-main .nav-arrow{width:38px;height:38px;font-size:1.4rem;top:117px}.left-arrow{left:2px}.right-arrow{right:2px}}