:root{--maroon:#66232c;--orange:#d98324;--cream:#f7f6f2;--text-main:#231617;--text-muted:#6f6264;--line:#66232c1a;--line-strong:#66232c2e;--surface:#ffffffb8;--shadow:0 20px 60px #66232c14;--shadow-hover:0 30px 80px #66232c24;--radius-xl:28px;--radius-lg:20px;--container:min(1380px,calc(100% - 56px));--transition:.45s cubic-bezier(.19,1,.22,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text-main);background:var(--cream);margin:0;font-family:Satoshi,sans-serif}img{max-width:100%;display:block}.op-page{background:radial-gradient(circle at 10% 10%,#d9832414,transparent 22%),radial-gradient(circle at 90% 12%,#66232c14,transparent 26%),linear-gradient(180deg,#f9f6ef 0%,var(--cream)45%,#f4efe7 100%);min-height:100vh;position:relative;overflow-x:hidden}.op-page:before{content:"";pointer-events:none;opacity:.25;background-image:linear-gradient(#66232c05 1px,#0000 1px),linear-gradient(90deg,#66232c05 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#00000038,#0000 82%);mask-image:linear-gradient(#00000038,#0000 82%)}.op-container{width:var(--container);z-index:1;margin:0 auto;position:relative}.op-hero{padding:96px 0 42px}.op-kicker{color:var(--orange);text-transform:uppercase;letter-spacing:.24em;margin:0 0 24px;font-size:.74rem;font-weight:700;display:inline-block}.op-hero-grid{border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:30px;padding-top:28px;display:flex}.op-hero-title{letter-spacing:-.06em;text-transform:none;color:var(--maroon);margin:0;font-family:Boska,serif;font-size:clamp(3.8rem,8vw,7.3rem);font-weight:700;line-height:.9}.op-hero-title span{color:var(--orange);text-transform:none;letter-spacing:-.02em;margin-top:8px;font-family:Boska,serif;font-size:.56em;font-style:italic;font-weight:500;display:block}.op-hero-copy{max-width:420px;color:var(--text-muted);border-left:1px solid var(--line-strong);margin:0;padding-left:22px;font-size:1rem;line-height:1.85}.op-projects{padding:28px 0 120px}.op-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.op-card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);border:1px solid #66232c14;flex-direction:column;display:flex;overflow:hidden}.op-card:hover{box-shadow:var(--shadow-hover);border-color:#d9832429;transform:translateY(-6px)}.op-card-image-wrap{background:#1d1415;text-decoration:none;display:block;overflow:hidden}.op-card-image{aspect-ratio:16/8.2;object-fit:cover;object-position:center top;width:100%;transition:transform .9s var(--transition),filter var(--transition);filter:saturate(.96)contrast(1.02);display:block;transform:scale(1.01)}.op-card:hover .op-card-image{filter:brightness(.92)saturate(.98);transform:scale(1.06)}.op-placeholder{aspect-ratio:16/8.2;color:#fff;letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(135deg,#321d20,#120c0d);place-items:center;width:100%;font-size:.9rem;font-weight:700;display:grid}.op-card-body{flex-direction:column;min-height:250px;padding:24px 24px 26px;display:flex}.op-card-top{margin-bottom:18px}.op-card-number{min-width:48px;height:32px;color:var(--orange);letter-spacing:.14em;text-transform:uppercase;background:#66232c0f;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:.78rem;font-weight:800;display:inline-flex}.op-card-title{color:var(--maroon);letter-spacing:-.04em;text-transform:none;margin:0 0 14px;font-family:Boska,serif;font-size:clamp(1.5rem,2.2vw,2.3rem);font-weight:700;line-height:.95}.op-card-desc{color:var(--text-muted);flex-grow:1;margin:0 0 24px;font-size:.98rem;line-height:1.8}.op-card-link{width:fit-content;color:var(--maroon);text-transform:uppercase;letter-spacing:.18em;transition:color var(--transition),border-color var(--transition),transform var(--transition),gap var(--transition);border-bottom:1px solid #66232c42;align-items:center;gap:10px;padding-bottom:5px;font-size:.78rem;font-weight:800;text-decoration:none;display:inline-flex}.op-card-link:hover{color:var(--orange);border-color:var(--orange);gap:14px;transform:translate(4px)}@media (max-width:1024px){.op-hero-grid{flex-direction:column;align-items:flex-start}.op-hero-copy{border-left:none;max-width:700px;padding-left:0}.op-grid{grid-template-columns:1fr}.op-card-image,.op-placeholder{aspect-ratio:16/8.8}}@media (max-width:768px){.op-container{width:min(100% - 20px,100%)}.op-hero{padding:84px 0 34px}.op-hero-title{font-size:clamp(3rem,12vw,5rem)}.op-hero-copy{font-size:.96rem;line-height:1.75}.op-grid{gap:18px}.op-card-body{min-height:auto;padding:18px 18px 22px}.op-card-title{font-size:1.45rem}.op-card-desc{font-size:.95rem;line-height:1.72}.op-card-image,.op-placeholder{aspect-ratio:16/9.2}}@media (max-width:480px){.op-kicker{letter-spacing:.18em;font-size:.66rem}.op-card-title{font-size:1.28rem}.op-card-link{letter-spacing:.14em;font-size:.74rem}}