@font-face{font-family:InstrumentSans;src:url('./assets/fonts/InstrumentSans.ttf') format('truetype');font-display:swap}
@font-face{font-family:InstrumentSerif;src:url('./assets/fonts/InstrumentSerif-Regular.ttf') format('truetype');font-display:swap}
:root{color-scheme:light;--cream:#f3f0e8;--paper:#fbfaf6;--navy:#112e40;--blue:#315670;--line:#d8dad5;--muted:#5b6870;--green:#2b674b}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--navy);font-family:InstrumentSans,Arial,sans-serif;font-size:15px;line-height:1.48}
button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #477e9f;outline-offset:2px}[hidden]{display:none!important}
.site-header{background:var(--navy);color:#fff}.header-inner{max-width:1160px;margin:auto;padding:13px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:61px}
.synhergy-logo{display:block;width:143px;height:31px;object-fit:cover;object-position:left 22%}.header-client{font-size:13px;color:#d4dfe3;white-space:nowrap}.header-client strong{color:#fff;font-weight:650}
.page-shell{max-width:1160px;margin:auto;padding:26px 28px 76px}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:19px}.eyebrow{margin:0 0 4px;text-transform:uppercase;letter-spacing:.15em;color:var(--blue);font-size:10px;font-weight:750}h1,h2,h3,h4,p{margin-top:0}h1{font:clamp(34px,3.7vw,49px)/1.04 InstrumentSerif,Georgia,serif;letter-spacing:-.024em;margin:0}.intro-copy{margin:7px 0 0;color:#415663;font-size:14px;max-width:700px}
.add-button,.primary-button,.action-button,.show-more-button,.quiet-button,.close-button{border-radius:6px;transition:background .16s,border-color .16s,color .16s}.add-button{background:var(--navy);color:#fff;border:1px solid var(--navy);padding:9px 15px;min-height:42px;font-weight:700;white-space:nowrap}.add-button:hover,.primary-button:hover{background:#234b63}.preview-note{padding:9px 12px;margin-bottom:18px;background:#e9e5d8;border:1px solid #d8d0be;border-radius:6px;color:#44545b;font-size:12px}.preview-note strong{color:var(--navy)}
.feed{display:grid;gap:12px}.post-card{background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 6px 20px #112e4008;overflow:hidden}.card-row{display:grid;grid-template-columns:174px minmax(0,1fr);grid-template-rows:1fr auto;column-gap:19px;row-gap:8px;padding:13px}.thumb-stage{grid-row:1/3;height:132px;position:relative;background:#e6e8e5;border:1px solid #d8dcd9;border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-thumb{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;image-orientation:from-image}.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;padding-left:3px;background:#102b3cdf;color:#fff;border:1px solid #fff8;border-radius:50%;font-size:17px;pointer-events:none}.thumb-count{position:absolute;right:8px;bottom:8px;padding:3px 8px;background:#102b3ce8;color:#fff;border-radius:4px;font-size:11px;font-weight:700}
.card-body{min-width:0}.card-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px}.card-date{font-weight:750;color:var(--navy)}.media-kind{color:var(--muted)}.media-kind:before{content:'•';margin-right:10px;color:#9ca7a8}.caption-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;white-space:normal;margin:8px 0 0;line-height:1.4;max-width:700px;min-height:2.8em}.card-actions{grid-column:2;grid-row:2;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.action-button{min-height:38px;padding:7px 12px;background:transparent;border:1px solid #aebdc2;color:var(--navy);font-weight:700;font-size:13px;line-height:1.2}.action-button:hover{background:#e9eeeb;border-color:var(--blue)}.view-button{background:var(--navy);color:#fff;border-color:var(--navy)}.view-button:hover{background:#234b63;color:#fff}.card-status{font-size:12px;color:var(--green);margin:3px 0 0;min-height:0}.card-status:empty{display:none}
.show-more-button{display:block;margin:24px auto 0;background:var(--paper);border:1px solid #aebdc2;color:var(--navy);padding:10px 20px;min-height:44px;font-weight:700}.show-more-button:hover{background:#e9eeeb}.feed-message{color:var(--muted);font-size:14px;margin:16px 0 0}.feed-message:empty{display:none}
.post-detail{border-top:1px solid var(--line);padding:18px 22px 24px;background:#f8f8f3}.detail-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.detail-top h3{font:26px/1.1 InstrumentSerif,Georgia,serif;margin:0}.quiet-button{border:0;background:none;color:var(--navy);font-weight:700;min-height:40px;padding:6px 10px}.quiet-button:hover{text-decoration:underline;text-underline-offset:3px}.detail-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:26px;align-items:start}.detail-media,.detail-caption{min-width:0}.viewer-stage{display:flex;align-items:center;justify-content:center;min-height:220px;background:#e5e7e4;border:1px solid #d4d9d7;border-radius:7px;padding:12px}.viewer-image,.viewer-video{display:block;width:auto;height:auto;max-width:100%;max-height:75vh;object-fit:contain;image-orientation:from-image}.viewer-video{width:100%;max-height:75vh;background:#102b3c}.slide-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 0}.slide-controls .action-button{min-height:42px}.slide-indicator{font-size:12px;color:var(--muted);white-space:nowrap}.detail-downloads{padding:12px;border:1px solid var(--line);background:#f0f2ee;border-radius:6px;margin-top:12px}.download-all{background:var(--navy);border-color:var(--navy);color:#fff}.download-all:hover{background:#234b63;color:#fff}.individual-downloads{margin:9px 0 0;padding-left:23px;font-size:13px}.individual-downloads li{padding:3px 0;overflow-wrap:anywhere}.individual-downloads button{background:none;border:0;color:var(--navy);padding:3px 0;text-align:left;text-decoration:underline;text-underline-offset:2px}.detail-caption h4{font-size:15px;margin:0 0 10px}.full-caption{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.6;margin:0 0 16px}
.add-panel{padding:22px;margin-bottom:18px;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 25px #112e4010}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-heading h2{font:30px/1.1 InstrumentSerif,Georgia,serif;margin:0}.close-button{width:38px;height:38px;background:none;border:0;color:var(--navy);font-size:30px;line-height:1}.form-field{margin-bottom:17px}.form-field label{display:block;font-weight:750;margin-bottom:6px}.form-field input[type=file],.form-field input[type=date],.form-field textarea{display:block;width:100%;max-width:720px;background:#fff;color:var(--navy);border:1px solid #aebabb;border-radius:6px;padding:10px 11px;min-height:44px}.form-field input[type=date]{max-width:260px}.form-field textarea{min-height:124px;line-height:1.5;resize:vertical}.field-help{font-size:12px;color:var(--muted);margin:6px 0 0}.selected-media{padding-left:24px;margin:8px 0 0;font-size:13px;overflow-wrap:anywhere}.selected-media li{padding:3px 0}.selected-media button{min-width:32px;min-height:32px;margin-left:5px;border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:4px}.selected-media button:disabled{opacity:.4}.form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.primary-button{min-height:43px;padding:8px 19px;background:var(--navy);border:1px solid var(--navy);color:#fff;font-weight:700}.primary-button:disabled{opacity:.55;cursor:wait}.form-message{font-size:13px;color:#a43b30;margin:9px 0 0}.form-message:empty{display:none}.upload-progress{margin:10px 0 0;max-width:420px;color:var(--blue);font-size:12px}.progress-track{height:7px;border-radius:6px;background:#dce3e3;overflow:hidden;margin-bottom:4px}.progress-track span{display:block;height:100%;width:0;background:var(--blue);transition:width .2s}
@media(max-width:790px){.detail-layout{grid-template-columns:1fr}.viewer-image,.viewer-video{max-height:70vh}.card-row{grid-template-columns:146px minmax(0,1fr)}.thumb-stage{height:125px}}
@media(max-width:600px){.header-inner{padding:12px 17px}.synhergy-logo{width:126px;height:28px}.header-client{font-size:11px}.page-shell{padding:20px 16px 56px}.intro{align-items:flex-start;gap:10px;margin-bottom:13px}.eyebrow{font-size:9px}h1{font-size:35px}.intro-copy{font-size:13px;margin-top:5px}.add-button{font-size:13px;padding:7px 9px;min-height:38px}.preview-note{font-size:11px}.card-row{grid-template-columns:100px minmax(0,1fr);grid-template-rows:109px auto;column-gap:12px;row-gap:9px;padding:11px}.thumb-stage{grid-row:1;height:109px}.card-meta{gap:5px;font-size:11px}.media-kind:before{margin-right:5px}.caption-preview{font-size:13px;margin:6px 0 0;min-height:0}.card-actions{grid-column:1/-1;grid-row:2;gap:6px}.card-actions .action-button{flex:1 1 auto;min-height:39px;padding:6px 7px;font-size:12px}.post-detail{padding:15px}.detail-top h3{font-size:24px}.viewer-stage{padding:8px;min-height:180px}.viewer-image,.viewer-video{max-height:67vh}.slide-controls .action-button{font-size:12px;padding:6px 7px}.slide-indicator{font-size:11px}.add-panel{padding:17px}}
@media(max-width:390px){.header-client{font-size:10px}.synhergy-logo{width:108px;height:25px}.intro{display:block}.add-button{margin-top:10px}.card-actions .action-button{font-size:11px}}
.brand-lockup{display:flex;align-items:center;gap:11px;min-width:0}
.beta-badge{flex:none;border:1px solid #597b8b;border-radius:999px;padding:3px 7px;color:#d8eaef;background:#24495a;font-size:10px;font-weight:800;letter-spacing:.04em}
@media(max-width:600px){.brand-lockup{gap:7px}.beta-badge{font-size:9px;padding:3px 6px}}
.availability-note{max-width:990px;margin:0 0 18px;padding:11px 13px;border-left:3px solid #78909b;background:#e9eae5;color:#354d5a;font-size:13px;line-height:1.55}.availability-note a{color:var(--navy);font-weight:700;text-underline-offset:2px}
.expiry-line{margin:4px 0 0;color:#5b6870;font-size:12px}.expiry-date{font-weight:650;color:#435863}.caption-preview{margin-top:6px}
@media(max-width:600px){.availability-note{font-size:12px;padding:9px 11px;margin-bottom:15px}.expiry-line{font-size:11px}.caption-preview{margin-top:4px}}