.index-page-colour{overscroll-behavior-x:auto;padding:clamp(122px,11vw,196px) clamp(12px,1.25vw,24px) clamp(180px,16vw,300px);overflow-x:clip}.index-colour-position{z-index:24;pointer-events:none;align-items:center;display:flex;position:fixed;top:50%;right:clamp(14px,1.8vw,30px);transform:translateY(-50%)}.index-colour-dot{background:#a9cbd4;border-radius:50%;flex:none;width:12px;height:12px;transition:background-color .52s cubic-bezier(.2,.65,.25,1),box-shadow .52s;box-shadow:0 0 0 4px #f3f2edd1}.index-colour-position[data-colour=lightBlue] .index-colour-dot{background:#a9cbd4}.index-colour-position[data-colour=blue] .index-colour-dot{background:#405b88}.index-colour-position[data-colour=purple] .index-colour-dot{background:#796588}.index-colour-position[data-colour=pink] .index-colour-dot{background:#d99cab}.index-colour-position[data-colour=red] .index-colour-dot{background:#b6403a}.index-colour-position[data-colour=orange] .index-colour-dot{background:#cf7944}.index-colour-position[data-colour=yellow] .index-colour-dot{background:#d7b34b}.index-colour-position[data-colour=green] .index-colour-dot{background:#6e6d21}.index-board.index-board-colour{min-width:0;display:block}.index-board-colour .index-color-band{width:100%;min-width:0;margin:0 0 clamp(150px,15vw,270px)}.index-board-colour .index-color-band:last-child{margin-bottom:0}.index-board-colour .index-color-flow,.index-board-colour .index-color-band-blue .index-color-flow,.index-board-colour .index-color-band-pink .index-color-flow{grid-template-columns:repeat(16,minmax(0,1fr));grid-auto-rows:4px;grid-auto-flow:dense;gap:clamp(52px,5vw,88px) clamp(22px,2.4vw,44px);display:grid}.index-board-colour .index-color-flow .index-tile{grid-column:span 4;margin-bottom:0}.index-board-colour .index-color-flow .index-tile:nth-child(12n+1){grid-column:span 6}.index-board-colour .index-color-flow .index-tile:nth-child(12n+2){grid-column:span 3}.index-board-colour .index-color-flow .index-tile:nth-child(12n+3){grid-column:span 5}.index-board-colour .index-color-flow .index-tile:nth-child(12n+4),.index-board-colour .index-color-flow .index-tile:nth-child(12n+5){grid-column:span 2}.index-board-colour .index-color-flow .index-tile:nth-child(12n+6),.index-board-colour .index-color-flow .index-tile:nth-child(12n+7){grid-column:span 3}.index-board-colour .index-color-flow .index-tile:nth-child(12n+8){grid-column:span 6}.index-board-colour .index-color-flow .index-tile:nth-child(12n+9){grid-column:span 2}.index-board-colour .index-color-flow .index-tile:nth-child(12n+10){grid-column:span 5}.index-board-colour .index-color-flow .index-tile:nth-child(12n+11){grid-column:span 3}.index-board-colour .index-color-flow .index-tile:nth-child(12n){grid-column:span 6}@media (width>=981px){.index-board.index-board-colour{width:100%;max-width:none;margin-left:0;margin-right:0;display:block}.index-board-colour .index-color-band{display:block}.index-board-colour .index-color-flow,.index-board-colour .index-color-band-blue .index-color-flow,.index-board-colour .index-color-band-pink .index-color-flow{grid-template-columns:repeat(24,minmax(0,1fr));grid-auto-rows:5px;grid-auto-flow:dense;gap:clamp(52px,4.8vw,92px) clamp(18px,1.65vw,32px);display:grid}.index-board-colour .index-color-flow .index-tile{grid-column:span 5}.index-board-colour .index-color-flow .index-tile:nth-child(8n+1){grid-column:span 10}.index-board-colour .index-color-flow .index-tile:nth-child(8n+2){grid-column:span 3}.index-board-colour .index-color-flow .index-tile:nth-child(8n+3){grid-column:span 7}.index-board-colour .index-color-flow .index-tile:nth-child(8n+4){grid-column:span 5}.index-board-colour .index-color-flow .index-tile:nth-child(8n+5){grid-column:span 3}.index-board-colour .index-color-flow .index-tile:nth-child(8n+6){grid-column:span 7}.index-board-colour .index-color-flow .index-tile:nth-child(8n+7){grid-column:span 5}.index-board-colour .index-color-flow .index-tile:nth-child(8n){grid-column:span 10}}@media (width<=980px){.index-board-colour .index-color-flow,.index-board-colour .index-color-band-blue .index-color-flow,.index-board-colour .index-color-band-pink .index-color-flow{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row}.index-board-colour .index-color-flow .index-tile:nth-child(n){grid-column:auto}}@media (width>=701px) and (width<=980px){.index-board-colour .index-color-band{margin-bottom:clamp(90px,13vw,142px)}.index-board-colour .index-color-flow,.index-board-colour .index-color-band-blue .index-color-flow,.index-board-colour .index-color-band-pink .index-color-flow{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(66px,9vw,104px) clamp(22px,3.5vw,38px)}.index-board-colour .index-color-flow .index-tile:nth-child(8n+1){grid-column:1/span 6}.index-board-colour .index-color-flow .index-tile:nth-child(8n+2){grid-column:9/span 4;margin-top:42px}.index-board-colour .index-color-flow .index-tile:nth-child(8n+3){grid-column:2/span 10}.index-board-colour .index-color-flow .index-tile:nth-child(8n+4){grid-column:1/span 3}.index-board-colour .index-color-flow .index-tile:nth-child(8n+5){grid-column:6/span 7;margin-top:26px}.index-board-colour .index-color-flow .index-tile:nth-child(8n+6){grid-column:4/span 4}.index-board-colour .index-color-flow .index-tile:nth-child(8n+7){grid-column:8/span 5}.index-board-colour .index-color-flow .index-tile:nth-child(8n){grid-column:1/span 5}}@media (width<=700px){.index-page-colour{padding-left:8px;padding-right:8px}.index-colour-position{right:10px}.index-colour-dot{width:9px;height:9px;box-shadow:0 0 0 3px #f3f2edd1}.index-board.index-board-colour{min-width:0}.index-board-colour .index-color-band{margin-bottom:clamp(96px,29vw,142px)}.index-board-colour .index-color-flow,.index-board-colour .index-color-band-blue .index-color-flow,.index-board-colour .index-color-band-pink .index-color-flow{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:auto;grid-auto-flow:row;gap:clamp(82px,24vw,118px) clamp(12px,3.5vw,17px);display:grid}.index-board-colour .index-color-flow .index-tile{grid-column:1/span 8;width:auto;margin:0;grid-row-end:auto!important}.index-board-colour .index-color-flow .index-tile:nth-child(8n+1){grid-column:1/span 7}.index-board-colour .index-color-flow .index-tile:nth-child(8n+2){grid-column:10/span 3;margin-top:clamp(34px,10vw,48px)}.index-board-colour .index-color-flow .index-tile:nth-child(8n+3){grid-column:1/span 12}.index-board-colour .index-color-flow .index-tile:nth-child(8n+4){grid-column:1/span 4}.index-board-colour .index-color-flow .index-tile:nth-child(8n+5){grid-column:7/span 6;margin-top:clamp(22px,7vw,34px)}.index-board-colour .index-color-flow .index-tile:nth-child(8n+6){grid-column:4/span 4}.index-board-colour .index-color-flow .index-tile:nth-child(8n+7){grid-column:1/span 7}.index-board-colour .index-color-flow .index-tile:nth-child(8n){grid-column:9/span 4;margin-top:clamp(38px,12vw,56px)}.index-board-colour .index-color-band:nth-child(2n) .index-color-flow .index-tile:nth-child(8n+1){grid-column:6/span 7}.index-board-colour .index-color-band:nth-child(2n) .index-color-flow .index-tile:nth-child(8n+2){grid-column:1/span 4}.index-board-colour .index-color-band:nth-child(2n) .index-color-flow .index-tile:nth-child(8n+3){grid-column:2/span 11}.index-board-colour .index-color-band:nth-child(2n) .index-color-flow .index-tile:nth-child(8n+4){grid-column:8/span 5}.index-board-colour .index-color-band:nth-child(2n) .index-color-flow .index-tile:nth-child(8n+5){grid-column:1/span 6}.index-board-colour .index-color-band:nth-child(2n) .index-color-flow .index-tile:nth-child(8n+6){grid-column:5/span 5}.index-board-colour .index-color-band:nth-child(2n) .index-color-flow .index-tile:nth-child(8n+7){grid-column:7/span 6}.index-board-colour .index-color-band:nth-child(2n) .index-color-flow .index-tile:nth-child(8n){grid-column:1/span 5}.index-page-colour .index-tile-caption{display:none}.index-page-colour .index-tile-own-light .index-tile-caption{display:flex}}