/* September project collection: editorial hierarchy, documentary photography, useful tools. */
:root{--paper:#f6f3ec;--ink:#2c2234;--accent:#68338b;--rule:#d9d1dc}
.proof-strip{display:grid;grid-template-columns:.75fr 1.4fr 1fr;gap:24px;border-bottom:1px solid var(--rule);padding-block:28px 34px}
.proof-strip p{margin:0;display:flex;flex-direction:column;gap:8px}.proof-strip strong{font-family:Georgia,serif;font-size:clamp(1.4rem,2.6vw,2.4rem);font-weight:400;line-height:1.12}.proof-strip span{font-size:.8rem;color:#665a6c}
.hero-art .hero-photo{border:8px solid #fffaf1;box-shadow:16px 20px 0 #dcd3df}.hero-detail{box-shadow:0 15px 40px #2e1b3d30}
.actual-work .job-card{background:transparent;border:0;border-top:1px solid var(--rule);padding-top:16px;border-radius:0;box-shadow:none}.actual-work .job-card>h3,.actual-work .job-card>p,.actual-work .job-card>.text-link{margin-left:0;margin-right:0}.actual-work .job-card>a:first-child{overflow:hidden}.actual-work .job-card img{transition:transform .35s ease}.actual-work .job-card:hover img{transform:scale(1.025)}
.project-toolbar{display:flex;flex-wrap:wrap;gap:15px;align-items:center;padding-top:12px}.project-toolbar select{width:auto;min-width:240px;max-width:100%;padding:12px 35px 12px 14px;background:#fff;border:1px solid var(--rule);border-radius:0;color:var(--ink);font:inherit}.project-toolbar p{margin:0;color:#665a6c;font-size:.85rem}
#projects-list .job-card{border-radius:0;box-shadow:none;border:1px solid var(--rule);background:#fffdfa;overflow:hidden}#projects-list .job-card>a:first-child img{height:300px;object-fit:contain;background:#e9e4ea}.case-study{padding-bottom:80px}.project-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:0 0 20px}.project-facts>div{padding:24px 20px 24px 0;min-width:0}.project-facts dt{font-size:.73rem;text-transform:uppercase;letter-spacing:.08em;color:#706275}.project-facts dd{margin:10px 0 0;font-size:1.35rem;font-family:Georgia,serif;overflow-wrap:anywhere}.case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 28px;margin-top:35px}.case-gallery figure{margin:0;min-width:0}.case-gallery figure:first-child{grid-column:1/-1}.case-gallery img{display:block;width:100%;max-height:740px;object-fit:contain;background:#e9e4ea}.case-gallery figcaption{margin-top:12px;color:#665a6c;font-size:.85rem;max-width:75ch}.photo-rights{font-size:.8rem;color:#665a6c;padding-block:24px}.project-next{border-top:1px solid var(--rule);display:flex;flex-wrap:wrap;gap:24px;align-items:center;padding-top:40px}.project-next>div{flex:1 1 400px}.project-next h2{font-size:clamp(2rem,4vw,3.5rem)}.registration-note{border-top:1px solid var(--rule);padding-block:45px}
.tool-invite{display:grid;grid-template-columns:1.4fr 1fr;gap:35px;align-items:center;background:#302039;color:#fff9ee;padding:clamp(25px,4vw,58px);margin-block:48px;position:relative;overflow:hidden}.tool-invite h2{font-size:clamp(2rem,4vw,3.8rem);color:inherit}.tool-invite p{color:#e8deeb}.tool-invite .eyebrow{color:#e5e384}.tool-invite .button{background:#e4e184;color:#302039;border-color:#e4e184}.tool-invite svg{width:100%;max-height:190px;color:#e5e384}.tool-invite .tool-action{position:relative;z-index:1}
.load-intro{max-width:860px}.load-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:35px;padding-bottom:70px;align-items:start}.load-editor{min-width:0}.load-presets{display:flex;gap:10px;flex-wrap:wrap;padding:20px 0}.load-presets button{font:inherit;font-size:.85rem;border:1px solid #c8b8d1;color:#432650;background:transparent;padding:11px 15px;cursor:pointer}.load-presets button:hover{background:#e9deee}.load-row{border:1px solid var(--rule);background:#fffdfa;padding:22px;margin:0 0 16px;min-width:0}.load-row legend{font-size:.78rem;color:#665a6c;letter-spacing:.06em;padding:0 8px}.load-fields{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px}.load-fields label{font-size:.78rem;display:flex;flex-direction:column;gap:7px;min-width:0}.load-fields input{width:100%;min-width:0;padding:11px 9px;border:1px solid #c8bdcd;background:white;font:inherit;font-size:1rem;border-radius:0;color:#2c2234}.load-checks{display:flex;flex-wrap:wrap;align-items:center;gap:15px;margin-top:17px;font-size:.8rem}.load-checks label{display:flex;gap:8px;align-items:center}.load-checks input{width:18px;height:18px;accent-color:#68338b}.load-remove{margin-left:auto;border:0;background:transparent;text-decoration:underline;font:inherit;color:#713752;cursor:pointer;padding:8px}.load-results{background:#302039;color:#fff9ee;padding:28px;position:sticky;top:110px}.load-results h2{color:#fff9ee;font-size:2rem}.load-results .eyebrow{color:#e5e384}.load-results dl{margin:15px 0}.load-results dl>div{padding:18px 0;border-top:1px solid #ffffff30}.load-results dt{font-size:.8rem;color:#e2d6e8}.load-results dd{font-size:2.3rem;font-family:Georgia,serif;margin:5px 0}.load-results dd small{font-size:1rem}.load-results p{font-size:.85rem;color:#e2d6e8}.load-results .button{width:100%;margin-top:10px;background:#e5e384;color:#302039;border-color:#e5e384;white-space:normal;text-align:center}.load-results .secondary-tool{background:transparent;color:#fff9ee;border-color:#ae99b7}.load-results textarea{width:100%;min-height:180px;padding:12px;font:inherit;font-size:.78rem;background:#fffdfa;color:#302039}.load-results summary{cursor:pointer;padding-block:16px}.load-results button:disabled{opacity:.5;cursor:not-allowed}.load-message{font-size:.9rem;color:#8f263c;min-height:1.3em}.load-note{border-left:3px solid #8b679a;padding:8px 0 8px 20px;font-size:.9rem}.load-breakdown{margin-top:18px;display:grid;gap:10px}.load-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;font-size:.8rem}.load-bar span{overflow-wrap:anywhere}.load-bar meter{grid-column:1/-1;width:100%;height:12px;accent-color:#68338b}.load-help{max-width:800px;padding-bottom:60px}.load-help details{border-top:1px solid var(--rule);padding:20px 0}.load-help summary{font-weight:600;cursor:pointer}.load-help p{font-size:.95rem}.load-list-notice{padding:18px;background:#eee5f2;border-left:3px solid #68338b;margin-bottom:20px}
[hidden]{display:none!important}
.business-email{overflow-wrap:anywhere}.project-facts{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.photo-viewer{width:min(1100px,94vw);max-height:94vh;padding:18px;border:0;background:#23172d;color:#fff9ee}.photo-viewer::backdrop{background:#160d1dec}.photo-viewer img{width:100%;height:70vh;object-fit:contain;display:block}.photo-viewer p{font-size:.85rem;margin:14px 0 0;color:#eee3f0}.viewer-controls{display:flex;justify-content:space-between;gap:10px;margin-bottom:15px}.viewer-controls button{padding:10px 12px;border:1px solid #b9a6c6;color:#fff;background:transparent;font:inherit;font-size:.85rem;cursor:pointer}.viewer-controls button:disabled{opacity:.4}.case-gallery a{cursor:zoom-in}
.gif-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.gif-card{margin:0;min-width:0;border-top:1px solid var(--rule);padding-top:20px}.gif-card>img{display:block;width:100%;height:320px;object-fit:contain;background:#24182d}.gif-card h3{font-size:1.6rem;margin-top:22px}.gif-card figcaption>p{font-size:.9rem}.gif-card .button{font-size:.85rem}.case-motion{padding-top:40px;max-width:760px}.case-motion .gif-card>img{height:400px}.case-motion .gif-card{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.catalogue-card{border:1px solid var(--rule);padding:clamp(20px,4vw,40px);background:#fffdfa;margin-top:24px}.catalogue-card h3{font-size:2rem}.catalogue-note{max-width:75ch;font-size:.9rem}.catalogue-section input{display:block;width:min(100%,600px);padding:14px;margin-top:10px;font:inherit;border:1px solid var(--rule)}.catalogue-card .button{white-space:normal;overflow-wrap:anywhere;text-align:center}
@media(max-width:760px){.gif-grid,.case-motion .gif-card{grid-template-columns:1fr}.case-motion .gif-card>img{height:320px}}
@media(min-width:1000px){.page-projects .page-intro h1{max-width:850px}.case-gallery figure:only-child{max-width:850px;margin:auto;width:100%}}
@media(max-width:900px){.load-layout{grid-template-columns:1fr}.load-results{position:static}.project-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.proof-strip{gap:16px}.tool-invite{grid-template-columns:1fr}.tool-invite svg{display:none}}
@media(max-width:600px){.proof-strip{grid-template-columns:1fr;padding-block:25px}.proof-strip p{flex-direction:row;justify-content:space-between;align-items:center;gap:15px}.proof-strip strong{font-size:1.3rem}.proof-strip span{max-width:140px;text-align:right}.case-gallery{grid-template-columns:1fr}.load-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.load-fields label:first-child{grid-column:1/-1}.load-row{padding:16px 12px}.load-results{padding:24px 20px}.project-toolbar{align-items:stretch;flex-direction:column}.project-toolbar select{width:100%;min-width:0}.project-facts dd{font-size:1.15rem}.hero-art .hero-photo{border-width:5px;box-shadow:8px 10px 0 #dcd3df}.project-next{align-items:flex-start;flex-direction:column}.project-next>div{flex:auto}.tool-invite{margin-block:30px}.case-study{padding-bottom:40px}}
@media(prefers-reduced-motion:reduce){.actual-work .job-card img{transition:none}.actual-work .job-card:hover img{transform:none}}
