.dot-rec-module__eY0mvG__recHeadSection{height:calc(100vh - var(--nav-height) - (min(5vh, 30px)));grid-template:"text.neut"1fr"text title neut"1fr"rec btn neut"2fr/1fr auto 1fr;max-height:700px;position:relative;overflow:clip}.dot-rec-module__eY0mvG__recImage{--imageHeight:600px;--sectionHeight:calc(100vh - var(--nav-height) - (min(5vh, 30px)));z-index:-1;grid-area:rec;max-width:350px;max-height:600px;position:absolute;bottom:min(80% - 550px,-280px);left:calc(5vw - 20px)}.dot-rec-module__eY0mvG__neutralImage{z-index:-1;justify-self:center;max-width:350px;max-height:600px}.dot-rec-module__eY0mvG__text{margin-left:calc(5vw - 20px)}@media screen and (max-width:730px){.dot-rec-module__eY0mvG__recHeadSection{grid-template:"text neut"min-content"title neut"100px"btn neut""rec neut"1fr/auto 100px}.dot-rec-module__eY0mvG__recImage{padding-top:var(--paddingUnit);left:unset;right:calc(7vw - 65px)}.dot-rec-module__eY0mvG__text{margin-left:5vw}.dot-rec-module__eY0mvG__neutralImage{justify-self:start}}
.dialApp-module__SyZe5q__headSection{--fullViewHeight:calc(100vh - var(--nav-height));--viewOver:max(calc(20vh - 100px), 30px);--adaptiveHeight:calc(var(--fullViewHeight) - var(--viewOver));--adaptiveMaxHeight:calc(500px + 20vh);--maxHeight:calc(600px + var(--normalPadding));--minHeight:630px;--limitedAdaptiveMaxHeight:min(var(--adaptiveMaxHeight), var(--maxHeight));--limitedHeight:min(var(--adaptiveHeight), var(--limitedAdaptiveMaxHeight));height:max(var(--limitedHeight), var(--minHeight));grid-template:". . ."200px".title."".btn."". . ."185px".text."1fr/1fr auto 1fr;width:100%;position:relative;overflow:clip}.dialApp-module__SyZe5q__headSection img{aspect-ratio:1;width:400px;height:400px;position:absolute;top:-165px;left:-137px}.dialApp-module__SyZe5q__recImage{--imageHeight:600px;--sectionHeight:calc(100vh - var(--nav-height) - (min(5vh, 30px)));z-index:-1;grid-area:rec;max-width:350px;max-height:600px;position:absolute;bottom:min(80% - 550px,-280px);left:calc(5vw - 20px)}.dialApp-module__SyZe5q__neutralImage{z-index:-1;justify-self:center;max-width:350px;max-height:600px}@media screen and (max-width:730px){.dialApp-module__SyZe5q__headSection img{top:-170px;left:-145px}}@media screen and (min-width:1000px){.dialApp-module__SyZe5q__headSection{--minHeight:430px;--maxHeight:530px;grid-template-rows:max(150px,40%) 10px min-content auto auto max(170px,40%);grid-template-areas:". . . .""text. . .""text.title.""text.btn.""text. . ."". . . ."}}