:root{--navy:#071725;--navy-deep:#05111b;--orange:#f7931d;--orange-light:#ffad45;--cream:#f5f1ea;--ink:#102130;--muted:#5e6b75;--max:1180px}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:#9c4d00;text-underline-offset:4px}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid var(--orange);border-radius:2px;background:var(--orange);color:var(--navy);font-weight:700;text-decoration:none;cursor:pointer}button:hover,.button:hover{background:var(--orange-light)}button:disabled{opacity:.45;cursor:default}:focus-visible{outline:3px solid #1477a8;outline-offset:4px}h1,h2{font-family:Michroma,Arial,sans-serif;font-weight:400;line-height:1.5}h1{font-size:clamp(24px,3.4vw,38px);margin:8px 0 18px}h2{font-size:16px}.eyebrow{color:#a45400;font-size:11px;font-weight:800;letter-spacing:.2em}.help,.file-meta{color:var(--muted);font-size:13px}.site-header{position:sticky;top:0;z-index:50;min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(28px,calc((100vw - var(--max))/2));background:rgba(5,17,27,.98);border-bottom:1px solid #ffffff21}.brand{height:96px;display:flex;align-items:center;gap:12px;padding:8px 0;min-width:0}.brand img{display:block;width:auto;object-fit:contain}.brand-mark{height:68px;max-width:145px}.brand-wordmark{height:48px;max-width:190px}.main-nav{display:flex;gap:22px;align-items:center;white-space:nowrap}.main-nav a{color:#dde3e7;font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;text-decoration:none}.main-nav a:hover{color:var(--orange-light)}.main-nav .contact-link{padding:10px 16px;border:1px solid var(--orange);color:var(--orange-light)}.header-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}.account-control,.account-menu summary{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:#fff;list-style:none;cursor:pointer}.account-menu summary::-webkit-details-marker{display:none}.account-menu{position:relative}.account-options{position:absolute;right:0;top:52px;min-width:215px;padding:18px;background:var(--navy);border:1px solid var(--orange);box-shadow:0 8px 22px #0005;display:grid;gap:12px;color:#fff}.account-options span{overflow-wrap:anywhere}.account-options a{color:var(--orange-light)}.account-options form button{width:100%}.menu-toggle{display:none;width:44px;height:44px;padding:9px 8px;border:1px solid #f7931da6;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:5px}.menu-toggle:hover{background:#ffffff10}.menu-toggle span{width:24px;height:2px;background:#f8fafb;transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav{display:none}.portal{max-width:var(--max);margin:auto;padding:48px 28px 72px;min-height:65vh}.page-intro{max-width:780px;margin-bottom:32px}.auth-panel{max-width:490px;margin:14px auto 50px;padding:30px;background:#fff;border-top:3px solid var(--orange);box-shadow:0 12px 40px #0717250b}.stack{display:grid;gap:20px}label{display:grid;gap:6px;font-size:14px;font-weight:700}input,select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #bbc3c7;background:white;border-radius:2px;color:var(--ink)}input[type=checkbox]{width:20px;min-height:20px}.checkbox{display:flex;align-items:center;gap:10px}.notice{padding:15px 18px;border-left:4px solid #3d8063;background:#e8f3eb;overflow-wrap:anywhere}.notice.error{border-color:#a12a2a;background:#fff0eb}.breadcrumbs{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:18px 0;margin:12px 0 22px;border-top:1px solid #cbd0d3;border-bottom:1px solid #cbd0d3;overflow-wrap:anywhere}.breadcrumbs a{max-width:100%}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(245px,100%),1fr));gap:22px}.file-card{background:#fff;border:1px solid #dae0e1;min-width:0;display:flex;flex-direction:column}.file-art{aspect-ratio:16/10;background:#e5e9e8;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#556976;font-size:25px;font-weight:700}.file-art img{width:100%;height:100%;object-fit:cover}.file-copy{padding:20px}.file-card h2{font-family:Arial,sans-serif;font-size:17px;font-weight:700;margin:0 0 8px;overflow-wrap:anywhere}.file-meta{margin:3px 0}.file-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.secondary{background:transparent;border-color:#aab8c0}.folder-link{padding:24px;color:var(--ink);text-decoration:none;height:100%}.folder-link .file-art{font-size:86px;background:transparent;aspect-ratio:3/1;justify-content:flex-start;color:#c77418}.folder-link>span:last-child{font-size:13px;color:#9c4d00}.folder-card{border-top:3px solid var(--orange)}.empty-state{padding:55px 24px;text-align:center;border:1px dashed #aab8c0}.admin-nav{display:flex;gap:25px;flex-wrap:wrap;padding:12px max(28px,calc((100vw - var(--max))/2));background:#e6e9e8;font-size:14px}.management-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(310px,100%),1fr));gap:24px;margin-bottom:32px}.panel{padding:24px;background:#fff;border:1px solid #dae0e1;min-width:0}.panel h2{margin-top:0}.panel .stack{gap:14px}.client-list{display:grid;gap:22px}.client-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.status{font-size:12px;font-weight:700;color:#386b50}.status.disabled{color:#9c3131}.delete-form{padding:0 20px 18px;margin-top:auto}.danger{background:transparent;border-color:#b68e85;color:#8e3022;font-size:12px;min-height:40px}.secret{font-family:monospace;font-size:17px;overflow-wrap:anywhere;user-select:all;padding:12px;background:#fff;border:1px solid #b9c5c9}.site-footer{padding:24px max(28px,calc((100vw - var(--max))/2));background:#04101a;color:#9eabb4;display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;font-size:10px;letter-spacing:.08em;text-transform:uppercase}dialog{width:min(1100px,96vw);max-height:94dvh;padding:0;border:1px solid #607582;border-radius:4px;background:var(--navy-deep);color:white}dialog::backdrop{background:#000c}.viewer-bar,.viewer-footer{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:16px;flex-wrap:wrap}.viewer-bar h2{margin:0;font:700 16px Arial,sans-serif;overflow-wrap:anywhere;max-width:75%}#viewer-content{min-height:220px;height:65dvh;display:flex;align-items:center;justify-content:center;background:#02080d;overflow:auto}#viewer-content img,#viewer-content video{max-width:100%;max-height:100%;object-fit:contain}#viewer-content iframe{width:100%;height:100%;border:0;background:white}#viewer-content pre{align-self:flex-start;margin:0;padding:24px;width:100%;white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.6 monospace;color:#e8eef1}#viewer-content p{padding:24px;text-align:center;max-width:650px}.viewer-footer button{font-size:13px}.viewer-footer span{font-size:12px}.viewer-open{overflow:hidden}[hidden]{display:none!important}
@media(max-width:1150px){.main-nav{gap:14px}.main-nav a{font-size:11px}.brand-mark{height:57px}.brand-wordmark{height:40px}.site-header{gap:14px;padding-inline:22px}}
@media(max-width:1000px){.site-header .main-nav{display:none}.site-header{height:84px;min-height:84px}.brand{height:84px;gap:8px}.brand-mark{height:54px;max-width:110px}.brand-wordmark{height:38px;max-width:145px}.menu-toggle{display:flex}.mobile-nav.open{display:flex;position:fixed;top:84px;right:0;z-index:60;width:min(280px,82vw);flex-direction:column;background:#05111b;border:1px solid #f7931d60;box-shadow:-8px 12px 28px #0005}.mobile-nav a{padding:13px 22px;color:#dde3e7;font-size:13px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;text-align:right;text-decoration:none;border-bottom:1px solid #ffffff12}}
@media(max-width:480px){.site-header{padding-inline:12px;gap:8px}.header-controls{gap:4px}.brand-mark{height:44px;max-width:80px}.brand-wordmark{height:31px;max-width:115px}.portal{padding:30px 16px 48px}.auth-panel{padding:24px 20px}.viewer-bar,.viewer-footer{padding:12px;gap:8px}#viewer-content{height:58dvh}.viewer-footer .button{width:100%}.site-footer{padding:24px 16px}}

@media(max-width:380px){.brand{gap:6px}.brand-mark{height:40px;max-width:70px}.brand-wordmark{height:28px;max-width:100px}}


/* Upload queue and drop target */
.upload-feedback{min-width:0;border-top:1px solid #cbd0d3;padding-top:18px}
.upload-feedback progress{width:100%;height:16px;accent-color:#c77418}
.upload-file-list{padding-left:24px;max-height:360px;overflow:auto}
.upload-file-list li{padding:12px 0;border-bottom:1px solid #e1e6e8;overflow-wrap:anywhere}
.upload-file-list strong,.upload-file-list .upload-detail,.upload-file-list .upload-message{display:block}
.upload-detail,.upload-message{font-size:12px;color:#5e6b75}
.upload-file-list li[data-state=success] .upload-message{color:#286044}
.upload-file-list li[data-state=error] .upload-message{color:#9c3022}
.content-dropzone{border:2px dashed #b9c6cb;border-radius:4px;padding:22px;transition:border-color .15s,background .15s}
.content-dropzone.is-dragging{border-color:#b96506;background:#fff4df;box-shadow:0 0 0 3px #f7931d33}
.content-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.content-heading h2{margin:0}.drop-hint{font-size:14px;color:#5e6b75}
@media(max-width:480px){.content-dropzone{padding:14px}.upload-file-list{padding-left:20px}}

.media-video{position:relative}.video-badge{position:absolute;right:8px;bottom:8px;display:inline-flex;padding:2px 7px;border-radius:3px;background:#05111bcc;color:#fff;font:14px/1.5 Arial,sans-serif;pointer-events:none}