:root{--ink:#121212;--ink2:#1C1C1C;--line:#2C2C2C;--ivory:#F5F1E8;--mute:#B9B2A4;--gold:#C9A96E;--golddk:#76592A;--ok:#7FB08A;--warn:#E0A27A;--serif:"Cormorant Garamond",Georgia,serif;--sans:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body.s10p{margin:0;background:var(--ink);color:var(--ivory);font:400 16px/1.6 var(--sans);min-height:100vh;display:flex;flex-direction:column}
a{color:var(--gold)}a:hover{color:var(--ivory)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.p-top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px max(20px,4vw);background:rgba(18,18,18,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.p-brand{display:flex;flex-direction:column;text-decoration:none;color:var(--ivory)}
.p-brand span{font:500 15px/1 var(--sans);letter-spacing:.32em}.p-brand b{color:var(--gold);font-weight:500}
.p-brand em{font:italic 400 15px/1.3 var(--serif);color:var(--mute);margin-top:4px}
.p-brand-lg span{font-size:18px}.p-brand-lg em{font-size:18px}
.p-nav{display:flex;gap:4px;flex-wrap:wrap}
.p-nav a{color:var(--ivory);text-decoration:none;font-size:14px;padding:8px 12px;border-bottom:1px solid transparent}
.p-nav a[aria-current]{border-color:var(--gold);color:var(--gold)}.p-nav .p-out{color:var(--mute)}
.p-staff{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px max(20px,4vw);background:#2A2418;color:var(--ivory);font-size:14px;border-bottom:1px solid #4A3E27}
.p-staff form{margin:0}.p-staff select{font:inherit;background:var(--ink);color:var(--ivory);border:1px solid var(--golddk);padding:4px 8px}
.p-main{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:48px max(20px,4vw) 80px}
.p-head{margin-bottom:32px}.p-kicker{color:var(--gold);font-size:14px;margin:0 0 6px}
.p-head h1,.p-login h1{font:500 clamp(38px,6vw,64px)/1.05 var(--serif);margin:0 0 12px}
.p-lede{color:var(--mute);max-width:62ch;margin:0}
.p-h2{font:500 28px/1.2 var(--serif);margin:36px 0 12px}
.p-small{font-size:14px;color:var(--mute)}
.p-stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:40px}
.p-stats div{padding:22px 18px;border-right:1px solid var(--line)}.p-stats div:last-child{border:0}
.p-stats b{display:block;font:500 40px/1 var(--serif);color:var(--ivory)}.p-stats span{font-size:13px;color:var(--mute)}
.p-ex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}
.p-ex{background:var(--ink2);border:1px solid var(--line);padding:24px}
.p-ex header{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}
.p-ex h2{font:500 28px/1.1 var(--serif);margin:0}.p-ex header a{font-size:14px;white-space:nowrap}
.p-ex dl,.p-specs{margin:0}.p-ex dl div,.p-specs div{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px solid var(--line)}
dt{color:var(--mute);font-size:14px}dd{margin:0;text-align:right}
.p-est{margin-top:18px;padding-top:12px}.p-est h3{font:500 20px var(--serif);margin:0 0 8px}
.p-est table{width:100%;font-size:14px;border-collapse:collapse}.p-est td{padding:4px 0;color:var(--mute)}.p-est td:last-child{text-align:right;color:var(--ivory)}
.p-est-total{font:500 30px var(--serif);text-align:right;margin:6px 0 0;color:var(--gold)}
.p-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:48px;padding:32px;border:1px solid var(--golddk)}
.p-cta h2{font:500 30px var(--serif);margin:0 0 4px}.p-cta p{margin:0;color:var(--mute)}
.p-btn{display:inline-block;background:var(--gold);color:var(--ink)!important;border:0;padding:14px 26px;font:500 15px var(--sans);text-decoration:none;cursor:pointer;transition:background .2s}
.p-btn:hover{background:var(--ivory)}
.p-filters{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:10px;margin-bottom:12px}
input[type=search],input[type=text],input[type=email],input[type=password],input[type=date],select,textarea{width:100%;font:inherit;color:var(--ivory);background:var(--ink2);border:1px solid var(--line);padding:12px 14px;border-radius:0;color-scheme:dark}
input:focus,select:focus,textarea:focus{border-color:var(--gold);outline:none}
.p-count{font-size:14px;color:var(--mute);margin:0 0 16px}
.p-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:14px}
.p-card{display:flex;gap:16px;background:var(--ink2);border:1px solid var(--line);padding:16px;text-decoration:none;color:var(--ivory);transition:border-color .2s}
.p-card:hover{border-color:var(--golddk);color:var(--ivory)}
.p-thumb{flex:0 0 76px;height:76px;display:grid;place-items:center;background:linear-gradient(135deg,#2A2418,#161616);border:1px solid var(--line)}
.p-thumb i{font:italic 500 34px var(--serif);color:var(--gold)}
.p-card-body{display:flex;flex-direction:column;gap:3px;min-width:0}
.p-card-t{font:500 22px/1.15 var(--serif)}.p-card-m{font-size:13px;color:var(--gold)}.p-card-c{font-size:14px;color:var(--mute)}
.p-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.p-tags span{font-size:12px;border:1px solid var(--line);padding:2px 8px;color:var(--mute)}
.p-back{margin:0 0 20px;font-size:14px}
.p-detail{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.p-photo-empty{aspect-ratio:4/3;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;text-align:center;padding:24px;border:1px dashed var(--line);background:var(--ink2);color:var(--mute)}
.p-photo-empty b{font:500 24px var(--serif);color:var(--ivory)}
.p-contents{margin:0;padding-left:20px}.p-contents li{padding:3px 0}
.p-detail .p-btn{margin-top:28px}
.p-req{display:grid;gap:20px;max-width:820px}.p-req label{display:grid;gap:6px;font-size:14px;color:var(--mute)}
.p-seg{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.p-seg legend,.p-pick legend{font-size:14px;color:var(--mute);margin-bottom:8px;padding:0}
.p-seg label{display:block;cursor:pointer}.p-seg input{position:absolute;opacity:0}
.p-seg span{display:block;text-align:center;padding:14px 10px;border:1px solid var(--line);background:var(--ink2);color:var(--ivory)}
.p-seg input:checked+span{border-color:var(--gold);color:var(--gold)}.p-seg input:focus-visible+span{outline:2px solid var(--gold)}
.p-two{display:grid;grid-template-columns:1fr 2fr;gap:12px}
.p-pick{border:0;padding:0;margin:0}.p-pick-list{max-height:320px;overflow:auto;border:1px solid var(--line);margin-top:8px}
.p-pick-list label{display:flex!important;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line);color:var(--ivory)!important;cursor:pointer}
.p-pick-list input{width:18px;height:18px;accent-color:var(--gold)}
.p-reqs{list-style:none;margin:0;padding:0}.p-reqs li{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.p-reqs li span:last-child{color:var(--mute);font-size:14px}
.p-status{font-size:12px;padding:2px 10px;border:1px solid}.p-status-new{color:var(--gold)}.p-status-in-progress{color:var(--warn)}.p-status-done{color:var(--ok)}
.p-alert,.p-ok{padding:12px 16px;margin:0 0 20px;border-left:3px solid}.p-alert{border-color:var(--warn);background:#2B1E17}.p-ok{border-color:var(--ok);background:#18241B}
.p-empty{padding:48px 24px;text-align:center;border:1px solid var(--line);background:var(--ink2)}.p-empty h2{font:500 30px var(--serif);margin:0 0 6px}.p-empty p{color:var(--mute);margin:0}
.p-foot{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:center;padding:24px;border-top:1px solid var(--line);font-size:13px;color:var(--mute)}.p-foot a{color:var(--mute)}
/* sign in */
.s10p-login .p-main{max-width:none;padding:0;display:flex}
.p-login{flex:1;display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh}
.p-login-art{background:linear-gradient(180deg,rgba(18,18,18,.15),rgba(18,18,18,.75)),var(--login-img,none) center/cover,#1C1C1C}
.p-login-card{display:flex;flex-direction:column;justify-content:center;padding:48px max(24px,6vw);max-width:620px}
.p-login-card .p-brand{margin-bottom:44px}.p-login-card .p-lede{margin-bottom:28px}
.p-form{display:grid;gap:16px;margin-bottom:20px}.p-form label{display:grid;gap:6px;font-size:14px;color:var(--mute)}
.p-form .p-check{display:flex;gap:10px;align-items:center}.p-check input{accent-color:var(--gold);width:18px;height:18px}
.p-form .p-btn{width:100%;padding:16px}
.s10p-login .p-foot{display:none}
@media (max-width:900px){
 .p-top{flex-direction:column;align-items:flex-start}.p-nav{width:100%;justify-content:space-between}.p-nav a{padding:8px 4px}
 .p-stats{grid-template-columns:1fr 1fr}.p-stats div:nth-child(2){border-right:0}.p-stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}
 .p-filters{grid-template-columns:1fr 1fr}.p-filters input{grid-column:1/-1}
 .p-cards,.p-ex-grid{grid-template-columns:1fr}.p-detail{grid-template-columns:1fr}
 .p-seg{grid-template-columns:1fr 1fr}.p-two{grid-template-columns:1fr}
 .p-login{grid-template-columns:1fr}.p-login-art{display:none}.p-main{padding-top:32px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.p-thumb{overflow:hidden}.p-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.p-photo-main{display:block;aspect-ratio:4/3;background:#0d0d0d;border:1px solid var(--line)}
.p-photo-main img{width:100%;height:100%;object-fit:contain;display:block}
.p-photo-strip{display:flex;gap:8px;margin-top:10px;overflow-x:auto}
.p-photo-strip button{flex:0 0 76px;height:76px;padding:0;border:1px solid var(--line);background:none;cursor:pointer}
.p-photo-strip button[aria-current]{border-color:var(--gold)}.p-photo-strip img{width:100%;height:100%;object-fit:cover;display:block}
