:where(.route-home) .about-visual{background:#efe6da}:where(.route-home) .about-visual img{mix-blend-mode:normal}@media (min-width:1101px){:where(.route-home) .principles{grid-template-rows:auto;row-gap:12px}:where(.route-home) .why-heading>div{grid-row:1;padding-bottom:40px}:where(.route-home) .principles .principle{height:clamp(320px,24vw,400px)}:where(.route-home) .principles .principle-1{grid-area:2/1}:where(.route-home) .principles .principle-2{grid-area:2/2}:where(.route-home) .principles .principle-3{grid-area:2/3}:where(.route-home) .principles .principle-4{grid-area:2/4}:where(.route-home) .principles .principle-5{grid-area:3/1}:where(.route-home) .principles .principle-6{grid-area:3/2}:where(.route-home) .principles .principle-7{grid-area:3/3/4/5}:where(.route-home) .principles .why-footnote{grid-row:4}}@media (max-width:1100px) and (min-width:769px){:where(.route-home) .principles{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px}:where(.route-home) .why-heading>.section-label{grid-area:1/1}:where(.route-home) .why-heading>div{grid-area:1/2;padding:0 0 40px}:where(.route-home) .principles .principle{grid-area:auto;height:320px}:where(.route-home) .principles .principle-7{grid-column:1/-1}:where(.route-home) .principles .principle h3{font-size:24px}:where(.route-home) .principles .why-footnote{grid-row:auto}}@media (min-width:769px){:where(.route-home) .principles .principle-7 .principle-art{justify-items:end;padding-right:12%}}.motion-ready :where(.route-home) .principles .principle-2.image-reveal.is-seen:after,.motion-ready :where(.route-home) .principles .principle-6.image-reveal.is-seen:after{animation-delay:80ms}.motion-ready :where(.route-home) .principles .principle-3.image-reveal.is-seen:after,.motion-ready :where(.route-home) .principles .principle-7.image-reveal.is-seen:after{animation-delay:.16s}.motion-ready :where(.route-home) .principles .principle-4.image-reveal.is-seen:after{animation-delay:.24s}:where(.route-home) .panel-art{display:none}@media (max-width:768px){:where(.route-home) .services-aside{display:block}:where(.route-home) .services-aside .service-visual,:where(.route-home) .services-aside .cycle-button{display:none}:where(.route-home) .services-note{margin-top:24px}:where(.route-home) .services-accordion [data-slot=accordion-content]>div{padding-right:0}:where(.route-home) .panel-art{aspect-ratio:4/3;background:var(--service-colour);border-radius:12px;margin:4px 0 20px;display:block;position:relative;overflow:hidden}:where(.route-home) .panel-art img{object-fit:cover;object-position:var(--pos,50% 50%);width:100%;height:100%}:where(.route-home) .panel-art:after{content:"";background:linear-gradient(#0000 10%,#000a);position:absolute;inset:0}:where(.route-home) .panel-art figcaption{z-index:1;color:#fff;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:16px}:where(.route-home) .panel-art figcaption>span:first-child{font-size:14px}:where(.route-home) .panel-art figcaption>span:last-child{letter-spacing:-.045em;white-space:pre-line;font-size:24px;line-height:1}}@media (max-width:767px){:where(.route-home) .case-cover{aspect-ratio:16/9}:where(.route-home) .case-cover img{object-fit:cover;width:100%;height:100%}}:where(.route-home) .case-card.case-foundation .case-logo,:where(.route-home) .case-card.case-foundation .case-cover:before{display:none}:where(.route-home) .case-card.case-foundation .case-index{color:#111}@media (max-width:767px){:where(.route-home) .case-card.case-foundation .case-cover{background:#fff}:where(.route-home) .case-card.case-foundation .case-cover img{object-fit:contain}}