:root{--maroon:#631919;--orange:#f39c12;--text-main:#1a1a1a;--text-muted:#636e72;--bg-soft:#fcfcfc;--white:#fff;--border-subtle:#6319191a;--side-padding:clamp(1.5rem,10vw,12%);--transition:all .8s cubic-bezier(.19,1,.22,1)}.opj-page{background-color:var(--white);color:var(--text-main);margin-top:60px;font-family:Inter,sans-serif;overflow-x:hidden}.opj-hero{min-height:100vh;padding:0 var(--side-padding);background:radial-gradient(circle at 90% 10%,#f39c1208 0%,#0000 40%);align-items:center;display:flex;position:relative}.opj-hero-glow{background:linear-gradient(to bottom,transparent 80%,var(--bg-soft)100%);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.opj-hero-content{z-index:2;width:100%;position:relative}.opj-availability{letter-spacing:.4em;text-transform:uppercase;color:var(--orange);border:1px solid var(--border-subtle);border-radius:100px;align-items:center;gap:12px;margin-bottom:3rem;padding:10px 20px;font-size:.7rem;font-weight:800;display:inline-flex}.opj-dot{background:var(--orange);border-radius:50%;width:8px;height:8px;animation:2s infinite opj-pulse}.opj-hero-title{letter-spacing:-.06em;color:var(--maroon);margin-bottom:5rem;font-size:clamp(3.5rem,16vw,12rem);font-weight:900;line-height:.8}.opj-italic-text{color:var(--orange);font-family:Playfair Display,serif;font-style:italic;font-weight:400}.opj-hero-bottom{border-top:1px solid var(--border-subtle);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:3rem;padding-top:3rem;display:flex}.opj-hero-sub{color:var(--text-muted);max-width:500px;font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.5}.opj-highlight{color:var(--maroon);font-weight:600}.opj-scroll-indicator{flex-direction:column;align-items:flex-end;gap:15px;display:flex}.opj-scroll-text{text-transform:uppercase;letter-spacing:.3em;color:var(--text-muted);font-size:.65rem}.opj-scroll-line{background:linear-gradient(to bottom,var(--orange),transparent);width:1px;height:80px;position:relative;overflow:hidden}.opj-scroll-line:after{content:"";background:var(--maroon);width:100%;height:100%;animation:2s infinite opj-scroll-anim;position:absolute;top:0;left:0}.opj-work-grid{background:var(--bg-soft);padding-top:4rem}.opj-project-card{padding:10rem var(--side-padding);transition:var(--transition);border-bottom:1px solid var(--border-subtle)}.opj-project-card:hover{background:var(--white)}.opj-card-content{grid-template-columns:1.1fr 1fr;align-items:center;gap:8vw;display:grid}.opj-project-card:nth-child(2n) .opj-card-content{direction:rtl}.opj-project-card:nth-child(2n) .opj-info-container{direction:ltr}.opj-image-container{background:var(--maroon);position:relative;overflow:hidden;box-shadow:20px 20px 60px #0000000d}.opj-main-img{aspect-ratio:16/10;object-fit:cover;width:100%;transition:var(--transition);display:block}.opj-img-overlay{opacity:0;transition:var(--transition);background:#631919e6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.opj-view-btn{background:var(--orange);color:var(--white);text-transform:uppercase;letter-spacing:.2em;transition:var(--transition);padding:1.2rem 2.5rem;font-size:.75rem;font-weight:900;transform:translateY(20px)}.opj-image-container:hover .opj-main-img{opacity:.4;transform:scale(1.05)}.opj-image-container:hover .opj-img-overlay{opacity:1}.opj-image-container:hover .opj-view-btn{transform:translateY(0)}.opj-info-header{align-items:center;gap:20px;margin-bottom:2.5rem;display:flex}.opj-index{color:var(--orange);font-family:serif;font-size:1.2rem;font-style:italic;font-weight:300}.opj-cat{letter-spacing:.3em;text-transform:uppercase;color:var(--text-muted);font-size:.7rem;font-weight:700}.opj-title{text-transform:uppercase;color:var(--maroon);margin-bottom:2rem;font-size:clamp(2.5rem,5vw,5.5rem);font-weight:900;line-height:.85}.opj-desc{color:var(--text-muted);max-width:420px;font-size:1.1rem;line-height:1.6}@keyframes opj-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}@keyframes opj-scroll-anim{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@media (max-width:1024px){.opj-card-content{grid-template-columns:1fr;gap:4rem}.opj-project-card:nth-child(2n) .opj-card-content{direction:ltr}.opj-project-card{padding:6rem var(--side-padding)}.opj-scroll-indicator{display:none}}@media (max-width:768px){.opj-hero{padding-top:6rem}.opj-hero-title{margin-bottom:3rem}.opj-page{margin-top:0}.opj-hero{min-height:auto;padding:120px var(--side-padding)60px;display:block}.opj-availability{margin-bottom:1.5rem;padding:8px 16px;font-size:.6rem}.opj-hero-title{letter-spacing:-.04em;margin-bottom:2rem;font-size:4.5rem;line-height:.9}.opj-hero-bottom{gap:1.5rem;padding-top:2rem}.opj-hero-sub{font-size:1.1rem;line-height:1.4}}@media (max-width:400px){.opj-hero-title{font-size:3.5rem}.opj-work-grid{margin-top:-90px}.opj-project-card{margin-top:-60px}}