Enable
.arsn-phase {
max-width: 1400px;
margin: 0 auto;
color: #322f2b;
}
.arsn-phase * {
box-sizing: border-box;
}
.arsn-eyebrow {
font-size: 12px;
font-weight: 700;
letter-spacing: .075em;
text-transform: uppercase;
}
.arsn-card {
border-radius: 11px;
box-shadow: 0 1px 3px rgba(0,0,0,.035);
}
.arsn-hero-image {
height: 138px;
overflow: hidden;
border-radius: 11px 11px 0 0;
background: #f1eee9;
}
.arsn-hero-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.arsn-progress {
position: relative;
display: grid;
grid-template-columns: repeat(3, minmax(0,1fr));
gap: 14px;
margin: 0 0 26px 0;
padding: 4px 0 0 0;
}
.arsn-progress:before {
content: "";
position: absolute;
top: 21px;
left: 9%;
right: 9%;
height: 2px;
background: #e9cfc2;
z-index: 0;
}
.arsn-step {
position: relative;
z-index: 1;
text-align: center;
}
.arsn-step-dot {
width: 14px;
height: 14px;
margin: 0 auto 7px auto;
border-radius: 50%;
border: 3px solid #fff;
box-shadow: 0 0 0 1px #d5cfc7;
background: #d8d2ca;
}
.arsn-step.active .arsn-step-dot {
background: #e94b13;
box-shadow: 0 0 0 1px #e94b13;
}
.arsn-step.done .arsn-step-dot {
background: #8c837a;
box-shadow: 0 0 0 1px #8c837a;
}
.arsn-step-label {
font-size: 11px;
font-weight: 700;
letter-spacing: .06em;
color: #746d65;
}
.arsn-step.active .arsn-step-label {
color: #7d4a37;
}
.arsn-step-desc {
margin-top: 3px;
font-size: 13px;
color: #6a655e;
}
.arsn-focus-grid {
display: grid;
grid-template-columns: repeat(3, minmax(230px,1fr));
gap: 12px;
}
.arsn-focus-group {
padding: 13px 14px;
background: rgba(255,255,255,.52);
border: 1px solid #cfe8ef;
border-radius: 8px;
}
.arsn-focus-group strong {
display: block;
margin-bottom: 6px;
color: #2f5661;
}
.arsn-focus-group ul {
margin: 0 0 0 17px;
padding: 0;
color: #365862;
}
.arsn-focus-group li {
margin: 4px 0;
}
.arsn-outcome-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px,1fr));
gap: 10px;
}
.arsn-outcome {
position: relative;
padding: 12px 13px 12px 36px;
background: #fcfbf8;
border: 1px solid #e3ded6;
border-radius: 8px;
color: #4f4a44;
}
.arsn-outcome:before {
content: "✓";
position: absolute;
left: 13px;
top: 10px;
color: #e94b13;
font-weight: 800;
}
.arsn-area-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(310px,1fr));
gap: 18px;
align-items: stretch;
}
.arsn-area {
display: flex;
flex-direction: column;
overflow: hidden;
border: 1px solid #e3ded6;
border-radius: 11px;
background: #fcfbf8;
box-shadow: 0 1px 3px rgba(0,0,0,.035);
}
.arsn-area-head {
padding: 18px 19px 12px 19px;
}
.arsn-area-body {
padding: 3px 19px 19px 19px;
}
.arsn-area-label {
display: inline-flex;
align-items: center;
gap: 7px;
padding: 5px 8px;
margin-bottom: 9px;
border-radius: 5px;
font-size: 12px;
font-weight: 700;
letter-spacing: .065em;
}
.arsn-area-number {
opacity: .72;
}
.arsn-area-action {
margin-left: 2px;
font-weight: 600;
opacity: .74;
letter-spacing: .02em;
text-transform: none;
}
.arsn-area h4 {
font-size: 19px;
line-height: 1.3;
margin: 0 0 7px 0;
color: #2f2b27;
}
.arsn-area p {
margin: 0;
line-height: 1.5;
color: #625d56;
}
.arsn-topic {
display: block;
margin: 6px 0;
padding: 10px 11px;
border: 1px solid #e9e4dc;
border-radius: 6px;
background: #fffdf9;
color: #252321;
text-decoration: none;
font-weight: 600;
transition: transform .08s ease, box-shadow .08s ease, background .08s ease;
}
.arsn-topic:hover,
.arsn-topic:focus {
background: #fff7f1;
text-decoration: none;
transform: translateY(-1px);
box-shadow: 0 2px 5px rgba(0,0,0,.06);
}
.arsn-resource-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px,1fr));
gap: 12px;
}
.arsn-related-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px,1fr));
gap: 8px;
}
.arsn-related-link {
display: block;
padding: 9px 10px;
border: 1px solid #e9e4dc;
border-left: 3px solid #e94b13;
border-radius: 6px;
background: #fffdf9;
color: #252321;
text-decoration: none;
font-weight: 600;
}
.arsn-related-link:hover,
.arsn-related-link:focus {
background: #fff7f1;
text-decoration: none;
}
.arsn-tip {
padding: 12px 15px;
border: 1px solid #c7e5ed;
border-left: 4px solid #21b6d7;
background: #eaf6f9;
border-radius: 7px;
color: #365e68;
font-size: 13px;
}
.arsn-tip strong {
color: #2d5661;
}
@media (max-width: 800px) {
.arsn-focus-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 700px) {
.arsn-progress:before {
display: none;
}
.arsn-progress {
grid-template-columns: 1fr;
gap: 8px;
}
.arsn-step {
text-align: left;
display: grid;
grid-template-columns: 24px 1fr;
column-gap: 8px;
align-items: center;
}
.arsn-step-dot {
margin: 0;
}
.arsn-step-desc {
grid-column: 2;
}
}
What should I be focusing on now?
You do not need every detail fixed before you start. You do need enough shared decisions to make the project workable, responsible and easy to continue.
- What is the scope, and who is responsible for which decisions?
- Which funding opportunities and funder requirements apply?
- What data, materials and outputs will be created, collected or reused?
- Do I need a Data Management Plan?
- Which copyright, permissions or licences need to be clarified?
- Will personal, sensitive, confidential or ethically complex materials be involved?
- Which decisions should be documented from the beginning?
- Who will be responsible for shared accounts, access and handover?
- How should files and folders be organised and named?
- Where will materials be stored and backed up?
- Who should have access?
- Which infrastructure, services and tools are appropriate?
You should have a workable project setup
Four areas to get your project ready
Start with the area that matches what you need to decide or set up now.
Orient yourself and choose the right level of setup
Use these pages if you are just starting out, unsure which topics apply, or need a practical minimum setup for a smaller project.
Define what the project needs and how it will be organised
Clarify scope, responsibilities, funding conditions, expected materials and outputs, and the basic data-management approach before active work begins.
Clarify rights, permissions, protection needs and responsibilities
Identify legal, ethical or data-protection issues early enough to obtain permissions, make agreements and avoid unnecessary restrictions later.
Create a working environment the project can actually use
Decide where project materials live, how they are backed up and protected, which tools are appropriate and how access and collaboration will work.
Continue in Work & Manage
The setup decisions made here should guide the project, but they are not fixed forever. During active project work, organise, document, secure and review how the project is actually working.
Continue to Work & ManagePractical resources
COMING SOON
COMING SOON
COMING SOON