/* Shared presentation for OnlyPriv Members and Portfolio. */
:root{--op-bg:#0c0b09;--op-panel:#171510;--op-text:#f4ede4;--op-muted:#b7aa98;--op-gold:#dfc39b;--op-line:#39332b;--op-font:'Plus Jakarta Sans',Arial,sans-serif}
.op-site{margin:0;background:var(--op-bg);color:var(--op-text);font-family:var(--op-font);line-height:1.65;-webkit-font-smoothing:antialiased}
.op-site *{box-sizing:border-box}
.op-site a{color:inherit;text-decoration:none}
.op-site img{max-width:100%}
.op-shell{width:min(1120px,calc(100% - 64px));margin-inline:auto}
.op-header{position:relative;z-index:50;border-bottom:1px solid var(--op-line);background:var(--op-bg);color:var(--op-text)}
.op-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:90px;padding-block:16px}
.op-brand{display:flex;align-items:center;gap:20px;flex-shrink:0}
.op-brand img{width:166px;height:44px;object-fit:contain}
.op-role{font:500 11px var(--op-font);letter-spacing:.12em;text-transform:uppercase;color:var(--op-muted);border-left:1px solid var(--op-line);padding-left:20px}
.op-nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap;font:500 13px var(--op-font)}
.op-nav a{padding-block:10px;white-space:nowrap}
.op-nav a:hover,.op-footer a:hover{color:var(--op-gold)}
.op-button{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;border:1px solid var(--op-gold);border-radius:3px;background:var(--op-gold);color:#0c0b09!important;font:600 14px var(--op-font);line-height:1.4;min-height:48px;cursor:pointer;transition:background-color .18s,color .18s}
.op-button:hover{background:#eed7ba}
.op-button-secondary{background:transparent;color:var(--op-text)!important;border-color:#80715f}
.op-button-secondary:hover{background:#29231c}
.op-nav .op-button{min-height:40px;padding:10px 18px}
.op-hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(220px,.8fr);gap:72px;align-items:center;padding-block:96px}
.op-eyebrow{font:600 11px var(--op-font);letter-spacing:.18em;text-transform:uppercase;color:var(--op-gold);margin:0 0 24px}
.op-hero h1,.op-heading{font-family:'Bodoni Moda',Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.04em;line-height:1.08;margin:0 0 28px;color:var(--op-text)}
.op-hero h1{font-size:clamp(42px,5.8vw,76px)}
.op-heading{font-size:clamp(30px,4vw,46px)}
.op-lead{font-size:17px;line-height:1.85;color:var(--op-muted);max-width:620px;margin:0 0 30px}
.op-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
.op-note{font-size:12px;color:var(--op-muted);margin-top:24px}
.op-mark{position:relative;min-height:330px;display:flex;align-items:center;justify-content:center;border-block:1px solid var(--op-line)}
.op-mark:before{content:'';position:absolute;width:220px;height:220px;border:1px solid #574a39;border-radius:50%}
.op-mark img{width:108px;height:108px}
.op-mark-label{position:absolute;bottom:16px;left:0;right:0;text-align:center;font:500 11px var(--op-font);letter-spacing:.16em;text-transform:uppercase;color:var(--op-muted)}
.op-section{padding-block:64px;border-top:1px solid var(--op-line)}
.op-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px}
.op-columns h2,.op-columns h3{font:400 30px/1.2 'Bodoni Moda',Georgia,serif;letter-spacing:-.02em;margin:0 0 18px}
.op-columns p,.op-section p{color:var(--op-muted)}
.op-list{padding:0;margin:22px 0 0;list-style:none;color:var(--op-muted)}
.op-list li{border-top:1px solid var(--op-line);padding:12px 0;font-size:14px}
.op-text-link{display:inline-block;border-bottom:1px solid var(--op-gold);padding-block:6px;margin-top:12px;font-size:14px}
.op-footer{border-top:1px solid var(--op-line);padding-block:36px;background:var(--op-bg);color:var(--op-muted);font:12px/1.7 var(--op-font)}
.op-footer-inner{display:flex;justify-content:space-between;gap:36px}
.op-footer-title{font-size:14px;font-weight:600;color:var(--op-text);margin-bottom:6px}
.op-footer-links{display:flex;flex-wrap:wrap;align-content:start;justify-content:flex-end;gap:12px 24px;max-width:570px}
.op-footer-links a{min-height:28px}
.op-site :focus-visible,.op-app :focus-visible{outline:2px solid var(--op-gold);outline-offset:4px}
.op-prose{max-width:760px;margin-inline:auto;padding-block:72px}
.op-prose h1{font:400 clamp(36px,5vw,58px)/1.1 'Bodoni Moda',Georgia,serif;margin:0 0 28px;letter-spacing:-.03em}
.op-prose h2{font:400 26px/1.3 'Bodoni Moda',Georgia,serif;margin:36px 0 12px}
.op-prose p{color:var(--op-muted);line-height:1.85;margin:0 0 18px}
.op-app{font-family:var(--op-font);background:var(--op-bg);color:var(--op-text)}
.op-app .font-mono,.op-app .font-sans{font-family:var(--op-font)}
.op-app h1,.op-app h2{letter-spacing:-.025em!important;text-transform:none}
.op-app h1{line-height:1.2}
.op-app :is(button,a,label){letter-spacing:normal}
.op-app [aria-hidden="true"][class*="blur-"]{display:none}
.op-app [class*="shadow-"]{box-shadow:none}
.op-app [class*="drop-shadow-"]{filter:none}
.op-app [class*="bg-gradient-"]{background-image:none}
.op-app :is(a,button)[class*="bg-gradient-"]{background-color:var(--op-gold)}
.op-app .text-transparent{color:var(--op-gold)}
.op-app .animate-pulse{animation:none}
.op-app .op-header,.op-app .op-footer{font-family:var(--op-font)}
.op-app .op-header img{filter:none}
.op-app main.max-w-5xl{padding:48px 20px}
.op-app .op-prose{padding-inline:0}
.op-app .op-footer{margin-top:32px}
.op-acquisition .shell{width:min(1120px,calc(100% - 64px));max-width:1120px;margin-inline:auto}
.op-acquisition .hero{padding-block:80px;text-align:left}
.op-acquisition .hero-title{font:400 clamp(40px,6vw,72px)/1.1 'Bodoni Moda',Georgia,serif!important;letter-spacing:-.035em!important;margin-bottom:24px}
.op-acquisition .hero-description{margin-left:0;max-width:720px;font-size:16px;line-height:1.8}
.op-acquisition :is(.badge-wrap,.meta-pill,.badge-pill){background:none;box-shadow:none;border:none;padding-left:0}
.op-acquisition :is(.hero-title,.hero-tagline,.section-title,.card h3){background:none;color:var(--op-text);-webkit-text-fill-color:currentColor}
.op-acquisition :is(.card,.verification-box,.proposal-section){background:var(--op-panel);box-shadow:none;border:1px solid var(--op-line);border-radius:4px}
.op-acquisition :is(.card,.verification-box){transform:none!important}
.op-acquisition .section-title{text-align:left;font-family:'Bodoni Moda',Georgia,serif;letter-spacing:-.02em}
.op-acquisition .section-subtitle{text-align:left}
.op-acquisition .meta-pills{justify-content:flex-start}
.op-acquisition .verification-badges{display:none}
.op-acquisition .btn-submit{background:var(--op-gold);color:#0c0b09;box-shadow:none;letter-spacing:normal;border-radius:3px}
.op-acquisition input,.op-acquisition select,.op-acquisition textarea{font-family:var(--op-font);font-size:16px}
@media(max-width:900px){.op-role{display:none}.op-nav{gap:16px}.op-hero{gap:36px;padding-block:72px}.op-mark{min-height:280px}.op-mark:before{width:180px;height:180px}}
@media(max-width:640px){.op-shell,.op-acquisition .shell{width:calc(100% - 36px)}.op-header-inner{flex-direction:column;align-items:flex-start;gap:12px;padding-block:18px}.op-brand img{width:154px;height:40px}.op-role{display:inline}.op-nav{width:100%;gap:10px 20px;font-size:12px}.op-nav .op-button{padding:9px 12px}.op-hero{grid-template-columns:1fr;gap:36px;padding-block:48px}.op-mark{min-height:200px}.op-mark:before{width:140px;height:140px}.op-mark img{width:72px;height:72px}.op-mark-label{bottom:8px}.op-columns{grid-template-columns:1fr;gap:32px}.op-section{padding-block:40px}.op-actions .op-button{flex:1}.op-lead{font-size:15px}.op-footer-inner{flex-direction:column;gap:24px}.op-footer-links{justify-content:flex-start}.op-prose{padding-block:48px}.op-acquisition .hero{padding-block:48px}}
@media(prefers-reduced-motion:reduce){.op-site *,.op-app *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Form surfaces and secondary copy follow the shared palette. */
.op-app [aria-hidden="true"][style*="gradient"]{display:none}
.op-app [class*="bg-[#0c0b09]"]{background-color:var(--op-bg)}
.op-app [class*="bg-[#12100d]"],.op-app [class*="bg-[#171510]"],.op-app [class*="bg-[#1c1914]"]{background-color:var(--op-panel)}
.op-app [class*="text-[#a89c8c]"],.op-app [class*="text-[#a89c8c]"],.op-app [class*="text-[#b7aa98]"]{color:var(--op-muted)}
.op-app input::placeholder,.op-app textarea::placeholder{color:#ac9d8a;opacity:1}
.op-app main.max-w-md>div{border-radius:4px}
.op-app main.max-w-md :is(input,button){border-radius:4px}
.op-app main.max-w-md .rounded-full{border:0;background:none;padding-inline:0}
.op-acquisition{--text-muted:#b7aa98;--text-dim:#b7aa98}
.op-acquisition .shell{padding-inline:0}
.op-acquisition :is(h2,h3,h4){font-family:'Bodoni Moda',Georgia,serif!important;letter-spacing:normal!important}

.op-app [class*="bg-gradient-"].text-black{background-color:var(--op-gold)}
.op-app [class*="text-[#a89c8c]"]{color:var(--op-muted)}
.op-app .fixed>.max-w-xl{max-height:calc(100dvh - 32px);overflow-y:auto;border-radius:4px}
.op-app svg.lucide-sparkles{display:none}

/* Branded backgrounds use the same warm ink as the graphic masters. */
.op-mark{background:radial-gradient(ellipse at center,rgba(223,195,155,.055),transparent 72%)}
.op-mark:before{border-color:rgba(223,195,155,.22)}
.op-mark img{width:128px;height:128px}
@media(max-width:640px){.op-mark img{width:94px;height:94px}}
