.caseDetail .funkyText.custom{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;max-width:18ch;font-family:NgutangDong;font-size:.9em;display:flex}.caseDetail .funkyText.custom>.arrow{height:3.75em;margin-top:.25em;margin-left:50%;display:block;rotate:210deg}.caseDetail .funkyText.custom>.arrow svg{width:100%;height:100%}.caseDetail .caseHeader{z-index:1;width:calc(100% - var(--main-gap)*2);max-width:calc(var(--max-content-width) - var(--main-gap)*2);flex-direction:column;align-items:center;margin:auto;display:flex;position:relative}.caseDetail .caseHeader>.top{width:calc(40*var(--main-screen-factor));max-width:calc(100vw - var(--main-gap)*2);padding:var(--main-gap) 0 calc(var(--main-gap)/2);display:flex}.caseDetail .caseHeader>.top .text h1{letter-spacing:-.015em;max-width:20ch;color:var(--color-raspberry);margin-bottom:0;font-size:2.5em;line-height:1.2}.caseDetail .caseHeader>.top .text p{margin:0}.caseDetail .caseHeader>.top .text .client{font-variation-settings:"slnt" -10;font-family:ArizonaMix,sans-serif;font-weight:700;display:inline-block}.caseDetail .caseHeader>.top .text h3{letter-spacing:-.01em;max-width:30ch;margin-top:1.25em;font-size:1.25em;font-weight:350;line-height:1.3}.caseDetail .caseHeader>.top .link{margin-left:auto}.caseDetail .caseHeader .image img{border-radius:var(--border-radius);width:100%;height:auto;box-shadow:0 .75em 1.75em #032b4033}.caseDetail .highlightContent{margin-top:-17%;padding:21% 0 17%;position:relative;left:0}.caseDetail .highlightContent>.inner{color:var(--color-white);padding:0 calc(var(--main-gap)*3);max-width:calc(var(--max-content-width)*.85);margin:auto;position:relative}.caseDetail .highlightContent>.inner>:first-child>div>*{margin-top:0}.caseDetail .highlightContent .customBackground{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.caseDetail .highlightContent .funkyTextContainer{padding:0 calc(var(--main-gap)*2) .5em;max-width:calc(var(--max-content-width) + var(--main-gap));margin:auto;display:flex}.caseDetail .highlightContent .funkyTextContainer .funkyText.custom{color:var(--color-midnight);transform:rotate(-15deg)}.caseDetail.landscape .top{width:100%}.caseDetail.landscape .top .text h1{font-size:3em}.caseDetail.landscape .image{width:100%}@media (max-width:768px){.caseDetail.landscape .highlightContent{margin-top:-25%;padding-top:29%;padding-bottom:23%}}.caseDetail.portrait .highlightContent{margin-top:-24%;padding-top:30%;padding-bottom:20%}@media (min-width:600px){.caseDetail.portrait .caseHeader{flex-direction:row;justify-content:center;align-items:self-start;gap:3%}.caseDetail.portrait .caseHeader .top{width:auto;padding-top:calc(var(--main-gap)*1.5);flex-direction:column;flex-grow:1;padding-bottom:8em}.caseDetail.portrait .caseHeader .top .link{margin-top:1em;margin-left:0}.caseDetail.portrait .caseHeader .image{width:35%;margin-top:var(--main-gap)}.caseDetail.portrait .highlightContent{margin-top:-18%;padding-top:15%}}.caseDetail .caseContent{margin-bottom:calc(var(--main-gap)*2)}.caseDetail .caseContent>.blockParagraph,.caseDetail .caseContent>.blockLinkList{padding:0 calc(var(--main-gap)*3);max-width:calc(var(--max-content-width)*.85);margin-left:auto;margin-right:auto}.caseDetail .caseContent>.blockContactForm,.caseDetail .caseContent>.blockContactPerson,.caseDetail .caseContent>.blockFunkyText{padding:0 calc(var(--main-gap));max-width:calc(var(--max-content-width)*.85);margin-left:auto;margin-right:auto}.caseDetail .caseContent>.blockParagraph>*{max-width:none;margin-left:0}.caseDetail .caseContent>.blockParagraph h2,.caseDetail .caseContent>.blockParagraph h3,.caseDetail .caseContent>.blockParagraph h4,.caseDetail .caseContent>.blockParagraph h5,.caseDetail .caseContent>.blockParagraph h6{color:var(--color-raspberry)}.caseDetail .caseContent>*{margin-top:3em}.caseDetail .caseContent>:first-child{margin-top:1.5em}.caseDetail .caseContent>:first-child>*{margin-top:0}.caseDetail .caseContent .funkyTextContainer{padding:0 calc(var(--main-gap)*2) .5em;max-width:calc(var(--max-content-width) + var(--main-gap));justify-content:flex-end;margin:1em auto 0;display:flex}.caseDetail .caseContent .funkyTextContainer .funkyText.custom{color:var(--color-raspberry);align-items:flex-start;transform:rotate(10deg)}.caseDetail .caseContent .funkyTextContainer .funkyText.custom .arrow{margin-left:-10%;transform:scaleY(-1)}.caseDetail .caseContent .funkyTextContainer+.blockParagraph,.caseDetail .caseContent .funkyTextContainer+.blockParagraph>:first-child{margin-top:0}@media (max-width:768px){.caseDetail .highlightContent>.inner{padding:0 calc(var(--main-gap)*1.5)}.caseDetail .highlightContent .funkyTextContainer{padding:0 var(--main-gap) 1em}.caseDetail .caseContent>.blockParagraph,.caseDetail .caseContent>.blockLinkList{padding:0 calc(var(--main-gap)*1.5)}.caseDetail .caseContent .funkyTextContainer{padding:0 var(--main-gap) 0em}}@media (max-width:600px){.caseDetail .highlightContent>.inner{padding:0 var(--main-gap)}.caseDetail .highlightContent .funkyTextContainer{justify-content:flex-end;padding-bottom:1em}.caseDetail .highlightContent .funkyTextContainer .funkyText.custom{transform:rotate(10deg)}.caseDetail .highlightContent .funkyTextContainer .funkyText.custom .arrow{display:none}.caseDetail .caseContent>.blockParagraph,.caseDetail .caseContent>.blockLinkList{padding:0 var(--main-gap)}.caseDetail .caseContent .funkyTextContainer{padding:0 calc(var(--main-gap)/2) 2em;justify-content:flex-start}.caseDetail .caseContent .funkyTextContainer .funkyText.custom{position:relative;transform:rotate(-9deg)}.caseDetail .caseContent .funkyTextContainer .funkyText.custom .arrow{display:none}}[data-theme=dark] .caseDetail:before{background:var(--color-midnight)}[data-theme=dark] .caseDetail .caseHeader .text h1{color:var(--color-poolparty)}[data-theme=dark] .caseDetail .caseHeader .image img{box-shadow:0 .75em 1.75em #021a2733}[data-theme=dark] .caseDetail .caseContent>.blockParagraph h2,[data-theme=dark] .caseDetail .caseContent>.blockParagraph h3,[data-theme=dark] .caseDetail .caseContent>.blockParagraph h4,[data-theme=dark] .caseDetail .caseContent>.blockParagraph h5,[data-theme=dark] .caseDetail .caseContent>.blockParagraph h6{color:var(--color-poolparty)}