@font-face{font-family:Metro;src:url(Metropolis-Regular-CzBvJ1n5.otf)}@font-face{font-family:Metro;src:url(Metropolis-Bold-DM16brCS.otf);font-weight:700}:root{--navy:#0d3253;--red:#9b263f;--paper:#f6f7f6;--muted:#687b89;--border:#dbe2e7}*{box-sizing:border-box}body{margin:0;font-family:Metro,Arial,sans-serif;color:var(--navy);background:var(--paper);font-size:14px}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button,.button{border:1px solid var(--border);padding:12px 17px;background:white;color:var(--navy);font-size:12px;font-weight:700;display:inline-flex;gap:7px;align-items:center;justify-content:center;border-radius:3px}button:hover,.button:hover{border-color:#91a5b4}button:disabled{opacity:.45;cursor:default}button.primary,.button.primary{background:var(--red);border-color:var(--red);color:white}.quiet{background:transparent;border-color:transparent}.danger{color:var(--red)}header{height:90px;background:white;display:flex;justify-content:space-between;align-items:center;padding:24px 5%;border-bottom:1px solid var(--border)}.brand{width:175px;height:42px;fill:var(--navy)}.header-right{display:flex;gap:25px;align-items:center;font-size:11px;letter-spacing:1px}.header-right a{letter-spacing:0}.preview-ribbon{padding:9px 5%;font-size:10px;letter-spacing:1px;background:#e8eef2;color:#3b566d;display:flex;gap:20px;justify-content:space-between}.preview-ribbon span{letter-spacing:0}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--red)}h1,h2,h3,p{margin-top:0}h1{font-size:40px;letter-spacing:-1.5px;line-height:1.1}h2{font-size:26px;letter-spacing:-.7px}h3{font-size:16px}p{line-height:1.8}.muted{color:var(--muted)}.small{font-size:11px}.loading{padding:90px;text-align:center}.layout{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 120px)}.sidebar{padding:38px 20px;background:white;border-right:1px solid var(--border)}.sidebar .eyebrow{margin:0 12px 23px}.sidebar button{width:100%;text-align:left;justify-content:flex-start;margin-bottom:9px;border:0}.sidebar button.active{background:#edf2f6;color:var(--navy)}.sidebar .connection{margin:40px 12px 15px;border-top:1px solid var(--border);padding-top:22px;font-size:11px;line-height:1.9}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a7b4be;margin-right:6px}.dot.ready{background:#2b8667}.content{padding:40px 4%;max-width:1500px;width:100%;margin:auto;align-self:start}.topline,.row{display:flex;align-items:center;justify-content:space-between;gap:15px}.topline{margin-bottom:30px}.topline h1{margin:12px 0}.actions{display:flex;gap:8px;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0 35px}.stat{background:white;padding:23px;border:1px solid var(--border)}.stat strong{font-size:29px;display:block;margin:8px 0}.stat span{font-size:11px;color:var(--muted)}.collections{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.collection{background:white;border:1px solid var(--border);overflow:hidden}.collection img{width:100%;height:230px;object-fit:cover;background:#dce4ea}.collection-body{padding:22px}.collection h2{font-size:21px;margin:13px 0}.badge{font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;display:inline-block;border:1px solid var(--border);border-radius:20px;padding:6px 10px;background:white}.badge.published{color:#287356;background:#eff7f3;border-color:#d5e8df}.notice{padding:15px 18px;background:#edf2f6;font-size:12px;line-height:1.8;margin:20px 0}.notice.warning{background:#fbf0e9;color:#7a4c2d}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--border);margin:25px 0}.tabs button{background:transparent;border:0;border-bottom:2px solid transparent;padding:13px 0;border-radius:0;font-weight:400}.tabs button.active{border-color:var(--red);color:var(--red);font-weight:700}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.photo-card{position:relative;margin:0}.photo-card .photo-open{padding:0;border:0;display:block;width:100%;height:220px;overflow:hidden;background:#e2e8ec}.photo-open img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.photo-open:hover img{transform:scale(1.035)}.photo-card.selected .photo-open{outline:3px solid var(--red);outline-offset:-3px}.pick{position:absolute;right:10px;top:10px;border-radius:50%;width:36px;height:36px;padding:0;background:#fffffff2;font-size:20px;box-shadow:0 1px 8px #0001}.pick.picked{background:var(--red);color:white;border-color:var(--red)}.photo-card figcaption{padding:10px 0;font-size:10px;display:flex;justify-content:space-between;gap:8px;align-items:center}.caption-credit{font-size:9px;color:var(--muted);margin-top:4px}.photo-tools{display:flex;gap:5px;align-items:center;margin-bottom:12px}.photo-tools button{font-size:9px;padding:6px 9px}.photo-tools .cover{color:var(--red)}.panel{background:white;border:1px solid var(--border);padding:25px;margin:20px 0}.share-row{padding:20px 0;border-bottom:1px solid var(--border)}.share-row:last-child{border:0}.share-row .share-url{display:block;font-size:10px;color:var(--muted);word-break:break-all;margin:12px 0}.empty{padding:45px 25px;text-align:center;color:var(--muted);line-height:1.8;border:1px dashed #c7d3dd}.form label{display:block;font-size:12px;margin:19px 0}.form input:not([type=checkbox]),.form textarea,.form select{width:100%;padding:12px;border:1px solid #c6d2dc;margin-top:8px;background:white;border-radius:3px;outline-color:var(--navy)}.form input[type=checkbox]{margin-right:8px}.form textarea{min-height:110px;resize:vertical}.form small{display:block;font-size:10px;color:var(--muted);line-height:1.6;margin-top:8px}.form .error{color:var(--red);font-size:12px;line-height:1.8}.form .two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.signin{max-width:440px;margin:65px auto;background:white;padding:40px;border:1px solid var(--border)}.signin h1{font-size:33px}.hero{display:grid;grid-template-columns:1fr 1.1fr;min-height:370px;background:var(--navy);color:white}.hero-copy{padding:55px 10%}.hero .eyebrow{color:#d7b6bd}.hero h1{font-size:44px;margin:20px 0}.hero p{font-size:12px;color:#d2dde6;max-width:420px}.hero-image{position:relative;min-height:300px}.hero-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.client-content{max-width:1400px;margin:auto;padding:38px 5% 140px}.client-help{background:white;display:flex;justify-content:space-between;align-items:center;padding:22px 25px;border:1px solid var(--border);gap:20px;margin-bottom:30px}.client-help h3{margin:0 0 6px}.client-help p{margin:0;font-size:11px;color:var(--muted)}.selection-tray{position:fixed;bottom:0;left:0;right:0;padding:16px 5%;background:#fffffff5;backdrop-filter:blur(10px);border-top:1px solid var(--border);z-index:3;display:flex;align-items:center;justify-content:space-between;gap:15px}.selection-tray strong{font-size:13px}.selection-tray small{display:block;margin-top:6px;color:var(--muted);font-size:10px}dialog{border:0;color:var(--navy);padding:36px;width:min(580px,92vw);max-height:90vh;overflow:auto;border-radius:4px;box-shadow:0 30px 100px #0004}dialog::backdrop{background:#061b2bd9}.dialog-close{position:absolute;right:12px;top:10px;border:0;font-size:24px;padding:5px 10px;background:transparent}.dialog-heading{margin:10px 0 20px}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);max-width:90vw;z-index:20;background:var(--navy);color:white;padding:15px 24px;font-size:12px;line-height:1.6;box-shadow:0 10px 35px #0003;display:none}#viewer{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border-radius:0;background:#071c2c;color:white;padding:0;overflow:hidden}#viewer[open]{display:grid;grid-template-rows:70px 1fr 70px}.viewer-top,.viewer-bottom{padding:18px 3%;display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:12px}.viewer-top>div{display:flex;gap:10px}.viewer-top button,.viewer-bottom button{background:transparent;color:white;border-color:#506170;font-size:11px}#viewer-close{font-size:24px;padding:4px 12px}.viewer-stage{min-height:0;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:0 2%}.viewer-stage img{max-width:calc(100% - 110px);max-height:100%;object-fit:contain}.viewer-stage button{background:none;color:white;border:0;font-size:37px;padding:10px}#photo-info{position:absolute;right:0;top:70px;bottom:70px;width:300px;padding:25px;background:#fffffff5;color:var(--navy);overflow:auto;box-shadow:-10px 0 40px #0003}#photo-info dl{margin:0}#photo-info dt{font-size:10px;text-transform:uppercase;color:var(--muted);letter-spacing:1px;margin-top:23px}#photo-info dd{margin:7px 0 0;font-size:12px;line-height:1.6}.question{padding:22px;background:white;border:1px solid var(--border);margin:15px 0}.question p{white-space:pre-wrap}.question.resolved{opacity:.6}.selection-files{max-height:140px;overflow:auto;line-height:1.8;font-size:11px;word-break:break-word}.footer{padding:25px 5%;font-size:10px;letter-spacing:1px;border-top:1px solid var(--border)}@media(min-width:1400px){.photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:950px){.layout{grid-template-columns:170px 1fr}.sidebar{padding:25px 10px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collections{grid-template-columns:1fr}.hero h1{font-size:34px}.topline{align-items:flex-start;flex-direction:column}.photo-card .photo-open{height:200px}}@media(max-width:650px){header{height:74px;padding:18px 5%}.brand{width:140px;height:32px}.header-right span{display:none}.preview-ribbon{font-size:8px;line-height:1.6;display:block}.preview-ribbon span{display:block}.layout{display:block}.sidebar{padding:12px 4%;border-right:0;display:flex;gap:5px;flex-wrap:wrap}.sidebar>.eyebrow,.sidebar .connection{display:none}.sidebar button{width:auto;margin:0;padding:10px;font-size:11px}.content{padding:28px 5%}.stats{gap:8px}.stat{padding:15px}.stat strong{font-size:24px}.stat span{font-size:9px}h1{font-size:31px}.hero{display:flex;flex-direction:column}.hero-copy{padding:35px 6%}.hero h1{font-size:35px}.hero-image{min-height:250px}.client-content{padding-top:25px}.client-help{align-items:flex-start;padding:18px;flex-direction:column}.photo-grid{gap:12px}.photo-card .photo-open{height:180px}.selection-tray{padding:12px 4%;flex-wrap:wrap}.selection-tray .actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.selection-tray .actions button{padding:10px 8px}.selection-tray .download-button{display:none}.form .two{grid-template-columns:1fr;gap:0}.viewer-top{font-size:9px}.viewer-top button{font-size:9px;padding:9px}.viewer-bottom{font-size:9px;padding:12px}.viewer-bottom button{font-size:9px;padding:8px}.viewer-stage{gap:0}.viewer-stage img{max-width:calc(100% - 65px)}.viewer-stage button{padding:4px;font-size:28px}.signin{margin:30px 5%;padding:28px}.client-content .row{flex-wrap:wrap}.header-right{font-size:10px}.share-row .row{align-items:flex-start;flex-direction:column}}

/* Mark Harper review: explicit selection and direct downloads at every screen size. */
.pick{border-radius:4px;width:auto;min-width:86px;height:36px;padding:0 10px;font-size:11px;gap:5px}.client-content>.row{gap:18px}.selection-tray .actions{align-items:center}#viewer-download{background:var(--red);border-color:var(--red)}
@media(min-width:751px){#viewer:has(#photo-info:not([hidden])) .viewer-stage{padding-right:320px}}
@media(max-width:650px){.selection-tray .download-button{display:inline-flex}.selection-tray .actions{grid-template-columns:1fr 1fr}.selection-tray #submit-picks{grid-column:1/-1}.client-content{padding-bottom:245px}.viewer-top{flex-wrap:wrap;padding:10px 3%;gap:6px}.viewer-top>div{gap:5px}.viewer-top button{font-size:9px;padding:8px 6px}#viewer[open]{grid-template-rows:95px 1fr 70px}#photo-info{top:95px}.photo-card .pick{min-width:78px;padding:0 7px;font-size:10px}}