.listhead{padding-block:5.6rem 6.4rem}@media(max-width: 767px){.listhead{padding-block:4rem 4.8rem}}.listhead>.inner{display:flex;align-items:flex-end;justify-content:space-between;gap:4rem}@media(max-width: 767px){.listhead>.inner{flex-direction:column;align-items:flex-start;gap:2rem}}.listhead .statement{flex:0 0 60rem}@media(max-width: 767px){.listhead .statement{flex:none}}.listhead .heading{gap:0}.listhead:has(>.photo),.listhead:has(>.screen){position:relative;isolation:isolate;display:flex;align-items:center;min-height:40rem;padding-block:6.4rem;overflow:hidden}@media(max-width: 767px){.listhead:has(>.photo),.listhead:has(>.screen){min-height:28rem;padding-block:4rem}}.listhead:has(>.photo)>.inner,.listhead:has(>.screen)>.inner{position:relative;z-index:1}.listhead>.photo{z-index:-1;object-position:var(--photo-x, 50%) var(--photo-y, 50%);position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.listhead:has(>.photo)::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg, rgba(6, 9, 11, 0.78) 0%, rgba(6, 9, 11, 0.66) 32%, rgba(6, 9, 11, 0.22) 60%, rgba(6, 9, 11, 0) 84%)}@media(max-width: 767px){.listhead:has(>.photo)::after{background:linear-gradient(90deg, rgba(6, 9, 11, 0.78) 0%, rgba(6, 9, 11, 0.5) 65%, rgba(6, 9, 11, 0.22) 100%)}}.listhead:has(>.screen){min-height:36rem}.listhead:has(>.screen)::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg, rgba(247, 247, 247, 0.35) 0%, rgba(247, 247, 247, 0) 45%)}@media(max-width: 767px){.listhead:has(>.screen){min-height:28rem}.listhead:has(>.screen) .heading{color:#fff}.listhead:has(>.screen)::after{background:linear-gradient(90deg, rgba(6, 9, 11, 0.78) 0%, rgba(6, 9, 11, 0.5) 65%, rgba(6, 9, 11, 0.22) 100%)}}.listhead>.screen{position:absolute;top:0;right:0;z-index:-1;width:144rem;max-width:none;height:100%;object-fit:contain;mask-image:linear-gradient(90deg, rgba(6, 9, 11, 0) 0%, #06090b 20%)}@media(max-width: 767px){.listhead>.screen{width:100%;height:100%;object-fit:cover;object-position:75% center;mask-image:none}}.craft .heading,.related .heading,.related .pair,.megamenu .head,.megamenu .links a>.pair{gap:0}.craft .media.contain img{object-fit:contain}.intro>.visual{position:relative;isolation:isolate;display:flex;align-items:center;min-height:48rem;padding-block:9.6rem;overflow:hidden}@media(max-width: 767px){.intro>.visual{min-height:30rem;padding-block:4rem}}.intro>.visual[data-theme=dark]::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg, rgba(6, 9, 11, 0.2) 0%, rgba(6, 9, 11, 0.55) 44%, rgba(6, 9, 11, 0) 56%)}.intro>.visual>.photo{z-index:-1;object-position:var(--photo-x, 50%) 50%;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.intro>.visual .heading{gap:0}.intro>.visual>.container{position:relative;z-index:1}.intro>.visual.readable::after{background:linear-gradient(90deg, rgba(6, 9, 11, 0.78) 0%, rgba(6, 9, 11, 0.66) 32%, rgba(6, 9, 11, 0.22) 60%, rgba(6, 9, 11, 0) 84%)}@media(max-width: 767px){.intro>.visual.readable::after{background:linear-gradient(90deg, rgba(6, 9, 11, 0.78) 0%, rgba(6, 9, 11, 0.5) 65%, rgba(6, 9, 11, 0.22) 100%)}}.intro>.visual.readable .heading{gap:0}.intro>.visual.lit::after{background:linear-gradient(90deg, rgba(6, 9, 11, 0.5) 0%, rgba(6, 9, 11, 0.42) 20%, rgba(6, 9, 11, 0) 35%)}@media(max-width: 767px){.intro>.visual.lit::after{background:linear-gradient(90deg, rgba(6, 9, 11, 0.34) 0%, rgba(6, 9, 11, 0) 22%),linear-gradient(180deg, rgba(6, 9, 11, 0.14) 0%, rgba(6, 9, 11, 0.52) 40%, rgba(6, 9, 11, 0.46) 50%, rgba(6, 9, 11, 0) 60%)}}.intro>.panel{--edge: max(var(--gutter), (100% - 120rem) / 2);position:relative;display:flex;flex-direction:column;gap:3.2rem;margin-top:-4.8rem;margin-left:max(0px,var(--edge) - 4.8rem);padding:5.6rem var(--edge) 6.4rem min(4.8rem,var(--edge));background-color:var(--surface)}@media(max-width: 767px){.intro>.panel{gap:2rem;margin:-4rem 0 0 2rem;padding:3.2rem 2rem 4rem}}@media(min-width: 768px){.intro.tall>.visual{min-height:54rem;padding-block:11.2rem}}.intro>.visual:has(>.illust) .heading{gap:0}@media(min-width: 768px)and (max-width: 1023px){.intro>.visual:has(>.illust){align-items:flex-start;padding-top:3.2rem}}@media(max-width: 767px){.intro>.visual:has(>.illust){flex-direction:row;align-items:center;justify-content:normal;padding-block:4rem}.intro>.visual:has(>.illust) .heading{color:#fff}.intro>.visual:has(>.illust)::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg, rgba(6, 9, 11, 0.78) 0%, rgba(6, 9, 11, 0.5) 65%, rgba(6, 9, 11, 0.22) 100%)}}.intro>.visual>.illust{position:absolute;inset:0;width:100%;height:100%;padding-right:max(0px,(100% - 120rem)/2 - 5rem);object-fit:contain;object-position:right center;mix-blend-mode:multiply}@media(min-width: 768px)and (max-width: 1023px){.intro>.visual>.illust{top:14.4rem;height:calc(100% - 14.4rem)}}@media(max-width: 767px){.intro>.visual>.illust{inset:0;z-index:-1;width:100%;height:100%;margin:0;padding:0}}.intro:has(>.visual>.illust)>.panel{margin-top:0}.areas{padding-block:2.4rem 10.4rem}@media(max-width: 767px){.areas{padding-block:2.4rem 8.8rem}}.areas .list{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:4.8rem}@media(min-width: 768px)and (max-width: 1023px){.areas .list{grid-template-columns:minmax(0, 1fr)}}@media(max-width: 767px){.areas .list{grid-template-columns:minmax(0, 1fr);gap:2.4rem}}.area{--icon-size: 2.4rem;display:flex;flex-direction:column;height:100%;overflow:hidden;background-color:var(--surface)}@media(prefers-reduced-motion: no-preference){.area{transition-property:color,background-color,border-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0.22, 1, 0.36, 1)}}@media(prefers-reduced-motion: no-preference){.area .thumb img{transition:scale .6s ease}}@media(prefers-reduced-motion: no-preference)and (hover: hover){.area:hover .thumb img{scale:1.04}}@media(prefers-reduced-motion: no-preference){.area:focus-visible .thumb img{scale:1.04}}@media(hover: hover){.area:hover{color:var(--hover)}}.area:focus-visible{color:var(--hover)}.area .thumb{position:relative;flex-shrink:0;aspect-ratio:576/236;overflow:hidden}.area .thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.area>.body{display:flex;flex-grow:1;flex-direction:column;min-height:41.2rem;padding:3.2rem 2.2rem 2.8rem 2.6rem}@media(max-width: 767px){.area>.body{min-height:auto;padding:3.2rem 2.4rem 2.4rem 2.6rem}}.area .statement{margin-top:2.4rem}.area .text{margin-block:1.6rem 2.4rem;font-family:var(--font-sans);font-weight:400;font-size:1.6rem;line-height:1.875}.area .icon{align-self:flex-end;margin-top:auto}