img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} :root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} .wp-block-button__link{align-content:center;box-sizing:border-box;cursor:pointer;display:inline-block;height:100%;text-align:center;word-break:break-word}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{flex-basis:100%;width:100%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{width:25%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{width:50%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{width:75%}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}:root :where(.wp-block-button .wp-block-button__link.is-style-outline),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link){border:2px solid;padding:.667em 1.333em}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color)){color:currentColor}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background)){background-color:initial;background-image:none} h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg} ol,ul{box-sizing:border-box}:root :where(.wp-block-list.has-background){padding:1.25em 2.375em} .is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} .wp-block-buttons{box-sizing:border-box}.wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin:0}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-left:auto;margin-right:auto;width:100%}.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons .wp-block-button__link{width:100%}.wp-block-button.aligncenter{text-align:center} .wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative} :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--night-950: #07151d;--wp--preset--color--night-900: #0c222d;--wp--preset--color--night-800: #13313e;--wp--preset--color--canvas: #f5f7f6;--wp--preset--color--mist: #e9eeec;--wp--preset--color--ink: #14242b;--wp--preset--color--slate: #52646b;--wp--preset--color--silver: #b9c6c8;--wp--preset--color--line: #cbd4d1;--wp--preset--color--accent: #00a3a3;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-family--ibm-plex-sans: "IBM Plex Sans", Arial, sans-serif;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:root { --wp--style--global--content-size: 45rem;--wp--style--global--wide-size: 80rem; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{background-color: #f5f7f6;color: #14242b;font-family: var(--wp--preset--font-family--ibm-plex-sans);font-weight: 400;line-height: 1.6;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-night-950-color{color: var(--wp--preset--color--night-950) !important;}.has-night-900-color{color: var(--wp--preset--color--night-900) !important;}.has-night-800-color{color: var(--wp--preset--color--night-800) !important;}.has-canvas-color{color: var(--wp--preset--color--canvas) !important;}.has-mist-color{color: var(--wp--preset--color--mist) !important;}.has-ink-color{color: var(--wp--preset--color--ink) !important;}.has-slate-color{color: var(--wp--preset--color--slate) !important;}.has-silver-color{color: var(--wp--preset--color--silver) !important;}.has-line-color{color: var(--wp--preset--color--line) !important;}.has-accent-color{color: var(--wp--preset--color--accent) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-night-950-background-color{background-color: var(--wp--preset--color--night-950) !important;}.has-night-900-background-color{background-color: var(--wp--preset--color--night-900) !important;}.has-night-800-background-color{background-color: var(--wp--preset--color--night-800) !important;}.has-canvas-background-color{background-color: var(--wp--preset--color--canvas) !important;}.has-mist-background-color{background-color: var(--wp--preset--color--mist) !important;}.has-ink-background-color{background-color: var(--wp--preset--color--ink) !important;}.has-slate-background-color{background-color: var(--wp--preset--color--slate) !important;}.has-silver-background-color{background-color: var(--wp--preset--color--silver) !important;}.has-line-background-color{background-color: var(--wp--preset--color--line) !important;}.has-accent-background-color{background-color: var(--wp--preset--color--accent) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-night-950-border-color{border-color: var(--wp--preset--color--night-950) !important;}.has-night-900-border-color{border-color: var(--wp--preset--color--night-900) !important;}.has-night-800-border-color{border-color: var(--wp--preset--color--night-800) !important;}.has-canvas-border-color{border-color: var(--wp--preset--color--canvas) !important;}.has-mist-border-color{border-color: var(--wp--preset--color--mist) !important;}.has-ink-border-color{border-color: var(--wp--preset--color--ink) !important;}.has-slate-border-color{border-color: var(--wp--preset--color--slate) !important;}.has-silver-border-color{border-color: var(--wp--preset--color--silver) !important;}.has-line-border-color{border-color: var(--wp--preset--color--line) !important;}.has-accent-border-color{border-color: var(--wp--preset--color--accent) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-ibm-plex-sans-font-family{font-family: var(--wp--preset--font-family--ibm-plex-sans) !important;} @font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:400;font-display:fallback;src:url('/files/user-upload/amon-original/regular.woff2') format('woff2');} @font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:fallback;src:url('/files/user-upload/amon-original/medium.woff2') format('woff2');} @font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:fallback;src:url('/files/user-upload/amon-original/semibold.woff2') format('woff2');} @font-face { font-family: "IBM Plex Sans"; src: url("/files/user-upload/amon-original/regular.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; } @font-face { font-family: "IBM Plex Sans"; src: url("/files/user-upload/amon-original/medium.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: swap; } @font-face { font-family: "IBM Plex Sans"; src: url("/files/user-upload/amon-original/semibold.woff2") format("woff2"); font-style: normal; font-weight: 600; font-display: swap; } :root { --amon-color-night-950: #07151d; --amon-color-night-900: #0c222d; --amon-color-night-800: #13313e; --amon-color-canvas: #f5f7f6; --amon-color-white: #ffffff; --amon-color-mist: #e9eeec; --amon-color-ink: #14242b; --amon-color-slate: #52646b; --amon-color-silver: #b9c6c8; --amon-color-line: #cbd4d1; --amon-color-line-strong: #7b8d88; --amon-color-line-dark: #557480; --amon-color-accent: #00a3a3; --amon-color-accent-hover: #20b8b1; --amon-color-accent-active: #008e89; --amon-color-link: #00726f; --amon-color-focus-dark: #3fd0c6; --amon-color-text-secondary: var(--amon-color-slate); --amon-color-text-on-dark: var(--amon-color-silver); --amon-color-link-text: var(--amon-color-link); --amon-color-link-on-dark: var(--amon-color-focus-dark); --amon-color-status-on-dark: var(--amon-color-silver); --amon-font-family: "IBM Plex Sans", Arial, sans-serif; --amon-font-weight-regular: 400; --amon-font-weight-medium: 500; --amon-font-weight-semibold: 600; --amon-font-size-hero: clamp(2.25rem, 1.61rem + 3.2vw, 4.5rem); --amon-font-size-h2: clamp(1.875rem, 1.52rem + 1.78vw, 3.125rem); --amon-font-size-h3: clamp(1.4375rem, 1.31rem + 0.64vw, 1.875rem); --amon-font-size-h4: clamp(1.1875rem, 1.12rem + 0.34vw, 1.4375rem); --amon-font-size-intro: clamp(1.125rem, 1.05rem + 0.38vw, 1.375rem); --amon-font-size-body: clamp(1.0625rem, 1.04rem + 0.12vw, 1.125rem); --amon-font-size-small: clamp(0.9375rem, 0.92rem + 0.08vw, 1rem); --amon-font-size-label: clamp(0.8125rem, 0.79rem + 0.1vw, 0.875rem); --amon-font-size-button: 1rem; --amon-line-height-hero: 1.05; --amon-line-height-h2: 1.14; --amon-line-height-h3: 1.23; --amon-line-height-h4: 1.3; --amon-line-height-intro: 1.5; --amon-line-height-body: 1.6; --amon-line-height-small: 1.55; --amon-space-1: 0.25rem; --amon-space-2: 0.5rem; --amon-space-3: 0.75rem; --amon-space-4: 1rem; --amon-space-6: 1.5rem; --amon-space-8: 2rem; --amon-space-12: 3rem; --amon-space-16: 4rem; --amon-space-20: 5rem; --amon-space-24: 6rem; --amon-space-30: 7.5rem; --amon-space-36: 9rem; --amon-space-40: 10rem; --amon-width-page: 80rem; --amon-width-system: 74rem; --amon-width-content-wide: 67.5rem; --amon-width-content: 60rem; --amon-width-editorial: 45rem; --amon-width-text: 38.75rem; --amon-line-hairline: 1px; --amon-line-contour: 1.25px; --amon-line-system: 1.5px; --amon-line-emphasis: 2px; --amon-focus-width: 3px; --amon-focus-offset: 3px; --amon-radius-control: 4px; --amon-radius-panel: 8px; --amon-control-min-size: 44px; --amon-button-min-height: 52px; --amon-button-padding-inline: 24px; --amon-button-gap: 12px; --amon-header-height-desktop: 72px; --amon-header-height-mobile: 64px; --amon-dropdown-width: 352px; --amon-transition-duration: 140ms; --amon-transition-easing: ease; --amon-z-header: 100; --amon-z-dropdown: 200; --amon-z-overlay: 300; --amon-z-skip-link: 400; --amon-gutter: 16px; --amon-section-space: 72px; } @media (min-width: 22.5em) { :root { --amon-gutter: 20px; } } @media (min-width: 26.875em) { :root { --amon-gutter: 24px; } } @media (min-width: 48em) { :root { --amon-gutter: 32px; --amon-section-space: 96px; } } @media (min-width: 64em) { :root { --amon-gutter: 40px; --amon-section-space: 120px; } } @media (min-width: 80em) { :root { --amon-gutter: 56px; } } @media (min-width: 90em) { :root { --amon-gutter: 80px; } } *, *::before, *::after { box-sizing: border-box; } html { background: var(--amon-color-canvas); color: var(--amon-color-ink); font-family: var(--amon-font-family); scroll-behavior: smooth; text-size-adjust: 100%; } body { margin: 0; background: var(--amon-color-canvas); color: var(--amon-color-ink); font-family: var(--amon-font-family); font-size: var(--amon-font-size-body); font-synthesis: none; font-weight: var(--amon-font-weight-regular); line-height: var(--amon-line-height-body); } body.amon-menu-open { overflow-y: hidden; } img, svg { display: block; max-width: 100%; } button, input, select, textarea { font: inherit; } button, a { -webkit-tap-highlight-color: transparent; } p, h1, h2, h3, h4, ul, ol { margin-block-start: 0; } p:last-child, ul:last-child, ol:last-child { margin-block-end: 0; } .amon-homepage, .amon-homepage > * { margin-block: 0; } .amon-main:focus { outline: none; } .amon-skip-link { position: fixed; z-index: var(--amon-z-skip-link); top: 8px; left: 8px; min-height: var(--amon-control-min-size); padding: 10px 16px; clip-path: inset(50%); transform: translateY(calc(-100% - 16px)); border-radius: var(--amon-radius-control); background: var(--amon-color-accent); color: var(--amon-color-night-950); font-size: var(--amon-font-size-small); font-weight: var(--amon-font-weight-semibold); text-decoration: none; } .amon-skip-link:focus { clip-path: none; transform: translateY(0); outline: var(--amon-focus-width) solid var(--amon-color-focus-dark); outline-offset: var(--amon-focus-offset); } :where(a, button, input, select, textarea):focus-visible { outline: var(--amon-focus-width) solid var(--amon-color-link); outline-offset: var(--amon-focus-offset); } .amon-theme-dark :where(a, button):focus-visible, .amon-header :where(a, button):focus-visible, .amon-footer :where(a, button):focus-visible { outline-color: var(--amon-color-focus-dark); } [data-amon-page-region].is-inert, .amon-main.is-inert, .amon-footer.is-inert { pointer-events: none; user-select: none; } .amon-container { width: 100%; max-width: calc(var(--amon-width-page) + (2 * var(--amon-gutter))); margin-inline: auto; padding-inline: var(--amon-gutter); } .amon-section { position: relative; padding-block: var(--amon-section-space); scroll-margin-top: calc(var(--amon-header-height-mobile) + 24px); } .amon-section-intro { max-width: var(--amon-width-editorial); margin: 0; } .amon-section-intro > * { margin-inline: 0; } .amon-section-intro > p:not(.amon-eyebrow):not(.amon-intro) { max-width: var(--amon-width-text); color: var(--amon-color-text-secondary); } .amon-section-intro > p + p { margin-block-start: var(--amon-space-4); } .amon-section-action { display: flex; justify-content: flex-end; margin-block-start: var(--amon-space-12); } h1, h2, h3, h4 { color: inherit; font-weight: var(--amon-font-weight-medium); hyphens: none; overflow-wrap: normal; word-break: normal; } h1 { font-size: var(--amon-font-size-hero); letter-spacing: -0.02em; line-height: var(--amon-line-height-hero); } h2 { max-width: 26ch; margin-block-end: var(--amon-space-6); font-size: var(--amon-font-size-h2); letter-spacing: -0.015em; line-height: var(--amon-line-height-h2); } h3 { margin-block-end: var(--amon-space-3); font-size: var(--amon-font-size-h3); line-height: var(--amon-line-height-h3); } h4 { margin-block-end: var(--amon-space-3); font-size: var(--amon-font-size-h4); font-weight: var(--amon-font-weight-semibold); line-height: var(--amon-line-height-h4); } .amon-intro { max-width: var(--amon-width-editorial); margin-block-end: var(--amon-space-4); font-size: var(--amon-font-size-intro); line-height: var(--amon-line-height-intro); } .amon-eyebrow { margin-block-end: var(--amon-space-3); color: var(--amon-color-link); font-size: var(--amon-font-size-label); font-weight: var(--amon-font-weight-semibold); letter-spacing: 0.075em; line-height: 1.35; text-transform: uppercase; } .amon-theme-dark { --amon-color-text-secondary: var(--amon-color-text-on-dark); --amon-color-link-text: var(--amon-color-link-on-dark); background: var(--amon-color-night-950); color: var(--amon-color-white); } .amon-theme-dark .amon-eyebrow { color: var(--amon-color-accent); } .amon-theme-dark .amon-intro, .amon-theme-dark p, .amon-theme-dark li > span { color: var(--amon-color-text-on-dark); } .amon-theme-dark .amon-hero__intro { color: var(--amon-color-white); } .amon-item-number { color: var(--amon-color-link); font-size: var(--amon-font-size-label); font-variant-numeric: tabular-nums; font-weight: var(--amon-font-weight-semibold); letter-spacing: 0.05em; } .amon-theme-dark .amon-item-number { color: var(--amon-color-accent); } .amon-caption, .amon-sender { color: var(--amon-color-text-secondary); font-size: var(--amon-font-size-small); line-height: var(--amon-line-height-small); } .amon-button-primary:not(.wp-block-button), .amon-button-primary .wp-block-button__link { display: inline-flex; min-height: var(--amon-button-min-height); align-items: center; justify-content: center; gap: var(--amon-button-gap); border: 0; border-radius: var(--amon-radius-control); background: var(--amon-color-accent); color: var(--amon-color-night-950); cursor: pointer; font-size: var(--amon-font-size-button); font-weight: var(--amon-font-weight-semibold); line-height: 1.25; padding-inline: var(--amon-button-padding-inline); text-decoration: none; transition: background-color var(--amon-transition-duration) var(--amon-transition-easing); } .amon-button-primary:not(.wp-block-button):hover, .amon-button-primary .wp-block-button__link:hover { background: var(--amon-color-accent-hover); color: var(--amon-color-night-950); } .amon-button-primary:not(.wp-block-button):active, .amon-button-primary .wp-block-button__link:active { background: var(--amon-color-accent-active); } .amon-text-link, .amon-link-button .wp-block-button__link { display: inline-flex; min-height: var(--amon-control-min-size); align-items: center; gap: 8px; border: 0; border-radius: 0; background: transparent; color: var(--amon-color-link-text); font-size: var(--amon-font-size-small); font-weight: var(--amon-font-weight-medium); line-height: 1.35; padding: 8px 0; text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; transition: color var(--amon-transition-duration) var(--amon-transition-easing), text-decoration-thickness var(--amon-transition-duration) var(--amon-transition-easing); } .amon-text-link::after, .amon-link-button .wp-block-button__link::after { content: "→"; flex: 0 0 auto; text-decoration: none; } .amon-text-link:hover, .amon-link-button .wp-block-button__link:hover { color: var(--amon-color-link-text); text-decoration-thickness: 2px; } .amon-theme-dark .amon-text-link:hover, .amon-theme-dark .amon-link-button .wp-block-button__link:hover { color: var(--amon-color-link-on-dark); } .amon-target--missing, a.amon-target--missing:not([href]) { cursor: not-allowed; text-decoration-style: dashed; } .amon-nav-primary__link.amon-target--missing, .amon-dropdown__link.amon-target--missing, .amon-mobile-menu__link.amon-target--missing, .amon-mobile-menu__sublink.amon-target--missing, .amon-nav-noscript__link.amon-target--missing { text-decoration-line: underline; text-decoration-style: dashed; text-decoration-thickness: 1px; text-underline-offset: 4px; } .amon-theme-dark .amon-text-link.amon-target--missing, .amon-theme-dark .amon-link-button .amon-target--missing, .amon-header .amon-target--missing:not(.amon-button-primary), .amon-footer .amon-target--missing { color: var(--amon-color-text-on-dark); } .amon-button-primary:not(.wp-block-button).amon-target--missing, .amon-button-primary .amon-target--missing { background: var(--amon-color-mist); color: var(--amon-color-slate); } .amon-theme-dark .amon-button-primary:not(.wp-block-button).amon-target--missing, .amon-theme-dark .amon-button-primary .amon-target--missing, .amon-header .amon-button-primary:not(.wp-block-button).amon-target--missing { background: var(--amon-color-silver); color: var(--amon-color-night-950); } .amon-actions { display: flex; align-items: center; gap: var(--amon-space-4); } .amon-header { --amon-color-text-secondary: var(--amon-color-text-on-dark); --amon-color-link-text: var(--amon-color-link-on-dark); position: sticky; z-index: var(--amon-z-header); top: 0; min-height: var(--amon-header-height-mobile); border-bottom: var(--amon-line-hairline) solid var(--amon-color-night-800); background: var(--amon-color-night-950); color: var(--amon-color-white); } .admin-bar .amon-header { top: 46px; } @media (max-width: 37.5em) { .admin-bar .amon-header { top: 0; } } .amon-header__inner { display: flex; min-height: var(--amon-header-height-mobile); align-items: center; justify-content: space-between; gap: var(--amon-space-4); } .amon-brand { display: inline-flex; min-width: 0; min-height: var(--amon-control-min-size); flex-direction: column; justify-content: center; color: var(--amon-color-white); line-height: 1.2; text-decoration: none; } .amon-brand__name { font-size: 0.95rem; font-weight: var(--amon-font-weight-semibold); letter-spacing: -0.01em; } .amon-brand__sender { color: var(--amon-color-silver); font-size: 0.68rem; font-weight: var(--amon-font-weight-regular); } .amon-header .amon-header__cta, .amon-nav-primary { display: none; } .amon-nav-primary { margin-left: auto; } .amon-nav-primary ul, .amon-dropdown ul, .amon-mobile-menu ul, .amon-nav-noscript ul { margin: 0; padding: 0; list-style: none; } .amon-nav-primary__list { display: flex; align-items: center; gap: 20px; } .amon-nav-primary__item { position: relative; } .amon-nav-primary__item--services { display: flex; align-items: center; } .amon-nav-primary__link, .amon-nav-primary__toggle { position: relative; display: inline-flex; min-height: var(--amon-control-min-size); align-items: center; border: 0; background: transparent; color: var(--amon-color-link-on-dark); font-size: 0.9375rem; font-weight: var(--amon-font-weight-medium); line-height: 1.3; text-decoration: none; } .amon-nav-primary__link::after { position: absolute; right: 0; bottom: 4px; left: 0; height: 2px; background: transparent; content: ""; } .amon-nav-primary__link:hover, .amon-nav-primary__link.is-current, .amon-nav-primary__item:has(.amon-nav-primary__toggle[aria-expanded="true"]) > .amon-nav-primary__link { color: var(--amon-color-white); } .amon-nav-primary__link:hover::after, .amon-nav-primary__link.is-current::after, .amon-nav-primary__item:has(.amon-nav-primary__toggle[aria-expanded="true"]) > .amon-nav-primary__link::after { background: var(--amon-color-accent); } .amon-nav-primary__toggle { width: var(--amon-control-min-size); justify-content: center; padding: 0; cursor: pointer; } .amon-nav-primary__toggle .amon-icon { transition: transform var(--amon-transition-duration) var(--amon-transition-easing); } .amon-nav-primary__toggle[aria-expanded="true"] .amon-icon { transform: rotate(180deg); } .amon-dropdown { position: absolute; z-index: var(--amon-z-dropdown); top: calc(100% + 12px); left: 0; width: var(--amon-dropdown-width); overflow: hidden; border: var(--amon-line-hairline) solid var(--amon-color-line-dark); border-radius: var(--amon-radius-panel); background: var(--amon-color-night-900); box-shadow: 0 16px 40px rgba(7, 21, 29, 0.18); } .amon-dropdown[hidden] { display: none; } .amon-dropdown__list { padding-block: 8px; } .amon-dropdown__item--separated { margin-block-start: 8px; padding-block-start: 8px; border-top: var(--amon-line-hairline) solid var(--amon-color-line-dark); } .amon-dropdown__link { display: flex; min-height: var(--amon-control-min-size); align-items: center; padding: 10px 16px; color: var(--amon-color-link-on-dark); font-size: 0.9375rem; font-weight: var(--amon-font-weight-medium); text-decoration: none; } .amon-dropdown__link:hover, .amon-dropdown__link:focus-visible { background: var(--amon-color-night-800); color: var(--amon-color-white); } .amon-dropdown__link.is-current { border-left: 2px solid var(--amon-color-accent); color: var(--amon-color-white); } .amon-mobile-toggle { display: inline-grid; width: var(--amon-control-min-size); height: var(--amon-control-min-size); flex: 0 0 var(--amon-control-min-size); place-items: center; border: var(--amon-line-hairline) solid var(--amon-color-night-800); border-radius: var(--amon-radius-control); background: transparent; color: var(--amon-color-white); cursor: pointer; } .amon-mobile-toggle:hover { background: var(--amon-color-night-800); } .amon-mobile-toggle .amon-icon--close { display: none; } .amon-mobile-toggle[aria-expanded="true"] .amon-icon--menu { display: none; } .amon-mobile-toggle[aria-expanded="true"] .amon-icon--close { display: block; } .amon-mobile-menu { position: fixed; z-index: var(--amon-z-overlay); top: var(--amon-header-height-mobile); right: 0; bottom: 0; left: 0; overflow-y: auto; overscroll-behavior: contain; border-top: var(--amon-line-hairline) solid var(--amon-color-night-800); background: var(--amon-color-night-950); color: var(--amon-color-white); } .admin-bar .amon-mobile-menu { top: calc(var(--amon-header-height-mobile) + 46px); } .amon-mobile-menu[hidden] { display: none; } .amon-mobile-menu__nav { display: flex; min-height: 100%; flex-direction: column; padding: 28px var(--amon-gutter) 32px; } .amon-mobile-menu__row { display: flex; align-items: center; } .amon-mobile-menu__link, .amon-mobile-menu__sublink { display: flex; min-height: var(--amon-control-min-size); flex: 1; align-items: center; color: var(--amon-color-link-on-dark); font-size: 1.0625rem; font-weight: var(--amon-font-weight-medium); text-decoration: none; } .amon-mobile-menu__link.is-current, .amon-mobile-menu__sublink.is-current { border-left: 2px solid var(--amon-color-accent); padding-left: 12px; } .amon-mobile-menu__submenu-toggle { display: grid; width: var(--amon-control-min-size); height: var(--amon-control-min-size); place-items: center; border: 0; background: transparent; color: var(--amon-color-focus-dark); cursor: pointer; } .amon-mobile-menu__submenu-toggle[aria-expanded="true"] .amon-icon { transform: rotate(180deg); } .amon-mobile-menu__submenu { margin: 4px 0 12px 12px !important; padding-left: 20px !important; border-left: var(--amon-line-system) solid var(--amon-color-line-dark); } .amon-mobile-menu__submenu[hidden] { display: none; } .amon-mobile-menu__sublink { color: var(--amon-color-link-on-dark); font-size: 0.9375rem; } .amon-mobile-menu__cta { width: 100%; margin-block-start: auto; } .amon-nav-noscript { position: absolute; top: var(--amon-header-height-mobile); right: 0; left: 0; padding: 20px var(--amon-gutter); background: var(--amon-color-night-950); } .amon-nav-noscript__link { display: flex; min-height: var(--amon-control-min-size); align-items: center; color: var(--amon-color-link-on-dark); } .amon-hero { overflow: clip; padding-block: 68px 88px; background: radial-gradient(ellipse at 82% 30%, var(--amon-color-night-800) 0%, var(--amon-color-night-900) 30%, transparent 62%), linear-gradient(112deg, var(--amon-color-night-950) 0%, var(--amon-color-night-950) 42%, var(--amon-color-night-900) 100%); } .amon-hero__layout { position: relative; display: grid; gap: var(--amon-space-12); } .amon-hero__content { position: relative; z-index: 2; max-width: var(--amon-width-text); } .amon-hero__title { margin-block-end: var(--amon-space-6); } .amon-hero__intro { color: var(--amon-color-white); } .amon-hero__text { max-width: 60ch; } .amon-hero__actions { margin-block-start: var(--amon-space-8); } .amon-hero__visual { width: min(100%, 520px); min-height: 0; aspect-ratio: 520 / 620; justify-self: center; background-image: url("/files/user-upload/amon-original/AMON_Asset_DA_Home_Hero_V1.0.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; } .amon-orientation-list { display: grid; margin: 0; padding: var(--amon-space-8) 0 0; border-top: var(--amon-line-hairline) solid var(--amon-color-line-dark); gap: var(--amon-space-6); list-style: none; } .amon-orientation-item { display: grid; gap: var(--amon-space-2); } .amon-orientation-item strong { color: var(--amon-color-white); font-size: var(--amon-font-size-small); font-weight: var(--amon-font-weight-semibold); } .amon-orientation-item span { font-size: 0.9375rem; line-height: var(--amon-line-height-small); } .amon-situations { background: var(--amon-color-canvas); } .amon-situations .amon-section-intro { margin-block-end: var(--amon-space-16); } .amon-situation-list { margin: 0; padding: 0; border-top: var(--amon-line-hairline) solid var(--amon-color-line); list-style: none; } .amon-situation-row { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 8px 16px; padding-block: 24px; border-bottom: var(--amon-line-hairline) solid var(--amon-color-line); } .amon-situation-row > strong { color: var(--amon-color-ink); font-size: var(--amon-font-size-h4); font-weight: var(--amon-font-weight-semibold); line-height: var(--amon-line-height-h4); } .amon-situation-row > span:last-child { grid-column: 2; color: var(--amon-color-slate); font-size: var(--amon-font-size-small); line-height: var(--amon-line-height-small); } .amon-operating-models { background: var(--amon-color-white); } .amon-operating-models .amon-section-intro { margin-block-end: var(--amon-space-16); } .amon-model-list { display: grid; margin: 0; padding: 0; gap: var(--amon-space-8); list-style: none; } .amon-model { display: grid; align-content: start; gap: var(--amon-space-3); padding-block: var(--amon-space-6); border-top: var(--amon-line-hairline) solid var(--amon-color-line); } .amon-model__visual { display: block; width: 100%; height: auto; margin-block-end: var(--amon-space-3); aspect-ratio: 1672 / 941; object-fit: contain; object-position: left center; } .amon-model__content { display: contents; } .amon-model h3 { margin: 0; } .amon-model__short { color: var(--amon-color-slate); } .amon-model > span:not(.amon-model__visual), .amon-model__content > span { color: var(--amon-color-slate); } .amon-model .amon-text-link { margin-block-start: var(--amon-space-2); } .amon-service-system { overflow: clip; padding-block: 88px; background-color: var(--amon-color-night-900); } .amon-service-system::before { position: absolute; z-index: 0; inset: 0; background-image: url("/files/user-upload/amon-original/amon-startseite_vis-system-01_dark_v1-0.svg"); background-position: center; background-repeat: no-repeat; background-size: cover; content: ""; -webkit-mask-image: linear-gradient(110deg, transparent 0 34%, rgba(0, 0, 0, 0.2) 52%, #000 78%); mask-image: linear-gradient(110deg, transparent 0 34%, rgba(0, 0, 0, 0.2) 52%, #000 78%); opacity: 0.38; pointer-events: none; } .amon-service-system > .amon-container { position: relative; z-index: 1; } .amon-service-system .amon-section-intro { margin-block-end: var(--amon-space-12); background: var(--amon-color-night-900); } .amon-service-list { display: grid; margin: 0; padding: 0; gap: var(--amon-space-4); list-style: none; } .amon-service-core { position: relative; display: grid; align-content: start; gap: var(--amon-space-3); padding: var(--amon-space-6); border: var(--amon-line-hairline) solid var(--amon-color-line-dark); background: var(--amon-color-night-950); } .amon-service-core h3 { margin: 0; } .amon-home-service-link { color: inherit; text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 0.25rem; } .amon-home-service-link:hover { text-decoration-thickness: 2px; } .amon-home-service-link:focus-visible { outline: var(--amon-focus-width) solid var(--amon-color-focus-dark); outline-offset: var(--amon-focus-offset); } .amon-service-core > strong { color: var(--amon-color-white); } .amon-service-core > b { color: var(--amon-color-white); font-size: var(--amon-font-size-small); font-weight: var(--amon-font-weight-semibold); } .amon-service-core .amon-text-link { margin-block-start: auto; } .amon-suite-layer { display: grid; margin-block-start: var(--amon-space-4); padding: var(--amon-space-6); border: var(--amon-line-hairline) solid var(--amon-color-line-dark); gap: var(--amon-space-3); background: var(--amon-color-night-800); } .amon-suite-layer h3, .amon-suite-layer p { margin: 0; } .amon-academy-row { display: grid; margin-block-start: var(--amon-space-4); padding-block: var(--amon-space-6); border-top: var(--amon-line-hairline) solid var(--amon-color-line-dark); gap: var(--amon-space-3); background: var(--amon-color-night-900); } .amon-service-system .amon-section-action { background: var(--amon-color-night-900); } .amon-academy-row h3, .amon-academy-row p { margin: 0; color: var(--amon-color-status-on-dark); } .amon-status-upcoming { display: inline-flex; align-items: center; gap: 12px; font-size: var(--amon-font-size-small); } .amon-status-upcoming::before { width: 20px; height: 1px; background: var(--amon-color-status-on-dark); content: ""; } .amon-process { background: var(--amon-color-white); } .amon-process .amon-section-intro { margin-block-end: var(--amon-space-16); } .amon-process-list { display: grid; margin: 0; padding: 0; gap: 0; list-style: none; } .amon-process-step { position: relative; display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 8px 16px; padding-block: 0 var(--amon-space-8); } .amon-process-step::before { position: absolute; top: 18px; bottom: -2px; left: 9px; width: var(--amon-line-system); background: var(--amon-color-line-strong); content: ""; } .amon-process-step:last-child::before { display: none; } .amon-process-step::after { position: absolute; top: 6px; left: 5px; width: 9px; height: 9px; border: var(--amon-line-system) solid var(--amon-color-link); background: var(--amon-color-white); content: ""; } .amon-process-step h3 { margin: 0; font-size: var(--amon-font-size-h4); font-weight: var(--amon-font-weight-semibold); } .amon-process-step > span:last-child { grid-column: 2; color: var(--amon-color-slate); font-size: var(--amon-font-size-small); line-height: var(--amon-line-height-small); } .amon-competence { background: var(--amon-color-canvas); } .amon-competence .amon-section-intro { margin-block-end: var(--amon-space-12); } .amon-competence__layout { display: grid; gap: var(--amon-space-8); } .amon-practice-media { position: relative; display: grid; aspect-ratio: 16 / 10; place-items: center; overflow: hidden; border-radius: var(--amon-radius-control); background: var(--amon-color-mist); } .amon-practice-media::before, .amon-practice-media::after { position: absolute; border: var(--amon-line-contour) solid var(--amon-color-line-strong); content: ""; } .amon-practice-media::before { inset: 20% 16% 24% 20%; } .amon-practice-media::after { inset: 25% 21% 19% 15%; border-color: var(--amon-color-link); } .amon-placeholder-label { position: relative; z-index: 1; max-width: 28ch; padding: var(--amon-space-3); background: var(--amon-color-mist); color: var(--amon-color-slate); font-size: var(--amon-font-size-label); font-weight: var(--amon-font-weight-semibold); letter-spacing: 0.04em; text-align: center; text-transform: uppercase; } .amon-caption { margin-block-start: var(--amon-space-3); } .amon-proof-list { margin: 0; padding: 0; list-style: none; } .amon-proof-item { display: grid; gap: var(--amon-space-2); padding-block: var(--amon-space-4); border-top: var(--amon-line-hairline) solid var(--amon-color-line); } .amon-proof-item strong { font-size: var(--amon-font-size-small); } .amon-proof-item span { color: var(--amon-color-slate); font-size: var(--amon-font-size-small); line-height: var(--amon-line-height-small); } .amon-sender-block { padding-block-start: var(--amon-space-6); border-top: var(--amon-line-hairline) solid var(--amon-color-line); } .amon-sender-block h3 { margin-block-end: 0; } .amon-sender-block .amon-sender { margin-block-end: var(--amon-space-3); } .amon-sender-block p:last-child { color: var(--amon-color-slate); } .amon-applications { background: var(--amon-color-canvas); } .amon-applications .amon-section-intro { margin-block-end: var(--amon-space-16); } .amon-application-list { display: grid; margin: 0; padding: 0; gap: var(--amon-space-8); list-style: none; } .amon-application { display: grid; align-content: start; gap: var(--amon-space-3); padding-block: var(--amon-space-6); border-top: var(--amon-line-hairline) solid var(--amon-color-line); } .amon-application__visual { display: block; width: 100%; height: auto; aspect-ratio: 1672 / 941; object-fit: contain; object-position: left center; } .amon-application__content { display: contents; } .amon-application h3 { margin: 0; font-size: var(--amon-font-size-h4); font-weight: var(--amon-font-weight-semibold); } .amon-application > strong, .amon-application__content > strong { color: var(--amon-color-slate); } .amon-application > span:not(.amon-application__visual), .amon-application__content > span { color: var(--amon-color-slate); } .amon-application .amon-text-link { display: inline-block; width: fit-content; max-width: 100%; justify-self: start; margin-block-start: auto; font-size: 0.9375rem; } .amon-application .amon-text-link::after { display: inline-block; content: "\202f\2192"; font-size: 0.875rem; } .amon-closing { overflow: clip; padding-block: 88px; } .amon-closing__layout { display: grid; gap: var(--amon-space-8); } .amon-closing__content { position: relative; z-index: 2; max-width: var(--amon-width-text); } .amon-closing__content > p:not(.amon-eyebrow):not(.amon-intro) { max-width: 58ch; } .amon-closing .amon-actions { margin-block-start: var(--amon-space-8); } .amon-closing__visual { width: min(100%, 480px); min-height: 0; aspect-ratio: 480 / 520; justify-self: center; background-image: url("/files/user-upload/amon-original/AMON_Asset_DA_Home_Closing_V1.0.svg"); background-position: center; background-repeat: no-repeat; background-size: contain; } .amon-closing__brand { margin-block-start: var(--amon-space-12); padding-block-start: var(--amon-space-6); border-top: var(--amon-line-hairline) solid var(--amon-color-line-dark); } .amon-closing__brand p { color: var(--amon-color-silver); } .amon-closing__brand strong { color: var(--amon-color-white); } .amon-footer { --amon-color-text-secondary: var(--amon-color-text-on-dark); --amon-color-link-text: var(--amon-color-link-on-dark); padding-block: var(--amon-space-8); border-top: var(--amon-line-hairline) solid var(--amon-color-night-800); background: var(--amon-color-night-950); color: var(--amon-color-silver); font-size: 0.8125rem; } .amon-footer__inner { display: flex; flex-direction: column; gap: var(--amon-space-4); } .amon-footer__brand { display: flex; flex-direction: column; } .amon-footer__brand strong { color: var(--amon-color-white); } .amon-footer p { max-width: 58ch; margin: 0; } .amon-footer__legal ul { display: flex; flex-wrap: wrap; gap: var(--amon-space-2) var(--amon-space-4); margin: 0; padding: 0; list-style: none; } .amon-footer__legal li { margin: 0; } .amon-footer__legal-link { display: inline-flex; min-height: var(--amon-control-min-size); align-items: center; color: var(--amon-color-link-on-dark); font-weight: var(--amon-font-weight-medium); text-underline-offset: 0.2em; } .amon-footer__legal-link:visited { color: var(--amon-color-link-on-dark); } .amon-footer__legal-link:hover { text-decoration-thickness: 2px; } .amon-footer__legal-link:focus-visible { border-radius: var(--amon-radius-control); outline: var(--amon-focus-width) solid var(--amon-color-focus-dark); outline-offset: var(--amon-focus-offset); } .amon-footer__legal-link.is-current { color: var(--amon-color-white); text-decoration-thickness: 2px; } .amon-footer__legal .amon-target--missing { color: var(--amon-color-silver); cursor: default; opacity: 0.72; } .amon-page { padding-block: var(--amon-space-16); } .amon-page__inner { max-width: calc(var(--amon-width-editorial) + (2 * var(--amon-gutter))); } @media (min-width: 37.5em) { .amon-model { grid-template-columns: minmax(180px, 0.42fr) minmax(0, 0.58fr); column-gap: var(--amon-space-8); } .amon-model__visual { grid-column: 1; grid-row: 1 / span 7; align-self: start; object-position: center; } .amon-model > :not(.amon-model__visual), .amon-model__content > * { grid-column: 2; } } @media (min-width: 48em) { .amon-section { scroll-margin-top: calc(var(--amon-header-height-mobile) + 32px); } .amon-situation-row { grid-template-columns: 64px minmax(210px, 0.9fr) minmax(0, 1.35fr); gap: var(--amon-space-6); padding-block: 28px; } .amon-situation-row > span:last-child { grid-column: 3; } .amon-application { grid-template-columns: minmax(180px, 0.38fr) minmax(0, 0.62fr); column-gap: var(--amon-space-8); } .amon-application__visual { grid-column: 1; grid-row: 1 / span 6; align-self: start; object-position: center; } .amon-application > :not(.amon-application__visual), .amon-application__content > * { grid-column: 2; } .amon-closing__layout { grid-template-columns: minmax(0, 0.62fr) minmax(260px, 0.38fr); align-items: center; } .amon-footer__inner { flex-direction: row; align-items: center; justify-content: space-between; } .amon-footer__legal { margin-inline-start: auto; } } @media (min-width: 48em) and (max-width: 79.999em) { .amon-model__visual, .amon-application__visual { grid-row: 1; align-self: start; } .amon-model__visual { margin-block-end: 0; } .amon-model__content, .amon-application__content { display: grid; grid-column: 2; grid-row: 1; min-width: 0; align-content: start; gap: var(--amon-space-3); } .amon-model__content > *, .amon-application__content > * { grid-column: auto; } } @media (min-width: 50em) { .amon-hero__layout { grid-template-columns: minmax(0, 1.18fr) minmax(20rem, 0.82fr); align-items: center; } .amon-hero__content { width: 100%; max-width: clamp(30rem, 13.75rem + 32.5vw, 43rem); } .amon-hero__title { max-width: 42.5rem; font-size: clamp(3rem, 1.75rem + 2.5vw, 4rem); } .amon-hero__visual { position: static; z-index: auto; width: min(100%, 520px); min-height: 0; justify-self: end; background-position: center; } .amon-orientation-list { position: relative; z-index: 2; grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); } .amon-service-list { grid-template-columns: repeat(3, minmax(0, 1fr)); } .amon-suite-layer { grid-template-columns: 0.25fr minmax(0, 1fr) auto; align-items: center; } .amon-suite-layer > * { margin: 0; } .amon-academy-row { grid-template-columns: 0.25fr minmax(0, 1fr) auto; align-items: center; } .amon-process-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--amon-space-8) var(--amon-space-6); } .amon-process-step { display: block; padding-block-start: var(--amon-space-6); border-top: var(--amon-line-system) solid var(--amon-color-line-strong); } .amon-process-step::before { display: none; } .amon-process-step::after { top: -5px; left: 0; } .amon-process-step .amon-item-number, .amon-process-step h3, .amon-process-step > span:last-child { display: block; } .amon-process-step h3 { margin-block: var(--amon-space-3); } .amon-competence__layout { grid-template-columns: minmax(0, 5fr) minmax(240px, 3fr); align-items: start; } .amon-sender-block { grid-column: 2; } } @media (min-width: 50em) and (max-width: 63.9375em) { .amon-hero { padding-block-end: 107px; } .amon-service-core h3 { font-size: 1.5rem; } } @media (min-width: 48em) and (max-width: 49.9375em) { .amon-hero { padding-block-end: 88px; } .amon-situation-row > strong { font-size: 1.1875rem; } .amon-hero__visual { position: static; z-index: auto; width: min(100%, 520px); min-height: 0; justify-self: center; background-position: center; background-size: contain; opacity: 1; } .amon-orientation-list { position: relative; z-index: 2; } .amon-service-list { display: block; } .amon-service-core + .amon-service-core { margin-block-start: var(--amon-space-4); } } @media (min-width: 64em) { .amon-hero { padding-block: 72px 132px; } .amon-hero__content { max-width: clamp(38.75rem, 30rem + 12.5vw, 43rem); } .amon-service-system { padding-block: 128px; } .amon-closing { padding-block: 112px; } .amon-competence__layout { grid-template-columns: minmax(0, 7fr) minmax(280px, 5fr); } .amon-situation-row { grid-template-columns: 72px minmax(300px, 0.9fr) minmax(0, 1.2fr); } } @media (min-width: 73.8125em) { .amon-header { min-height: var(--amon-header-height-desktop); } .amon-header__inner { min-height: var(--amon-header-height-desktop); } .amon-nav-primary { display: block; } .amon-nav-noscript { display: none; } .amon-header .amon-header__cta { display: inline-flex; } .amon-mobile-toggle, .amon-mobile-menu { display: none !important; } .amon-section { scroll-margin-top: calc(var(--amon-header-height-desktop) + 32px); } .admin-bar .amon-header { top: 32px; } } @media (min-width: 80em) { .amon-applications > .amon-container { max-width: calc(var(--amon-width-system) + (2 * var(--amon-gutter))); } .amon-model-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--amon-space-6); } .amon-model { display: grid; grid-template-columns: 1fr; padding-inline: var(--amon-space-4); border-top: 0; border-bottom: var(--amon-line-hairline) solid var(--amon-color-line); } .amon-model__visual { grid-column: 1; grid-row: auto; } .amon-model > :not(.amon-model__visual), .amon-model__content > * { grid-column: 1; } .amon-process-list { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--amon-space-4); } .amon-process-step h3 { font-size: 1.1875rem; } .amon-application-list { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--amon-space-4); } .amon-application { display: grid; grid-template-columns: 1fr; padding-inline: 0; border-top: 0; border-bottom: var(--amon-line-hairline) solid var(--amon-color-line); } .amon-application__visual { grid-column: 1; grid-row: auto; } .amon-application > :not(.amon-application__visual), .amon-application__content > * { grid-column: 1; } .amon-application h3 { font-size: 1.3125rem; hyphens: none; overflow-wrap: normal; word-break: normal; } } @media (min-width: 90em) { .amon-hero { padding-block: 72px; } .amon-service-system { padding-block: 152px; } .amon-closing { padding-block: 136px; } } @media (min-width: 73.8125em) and (max-height: 50em) { .amon-hero { padding-block: 24px 64px; } .amon-hero .amon-eyebrow { margin-block-end: var(--amon-space-2); } .amon-hero__title { margin-block-end: var(--amon-space-4); font-size: 3.375rem; } .amon-hero__intro { margin-block-end: var(--amon-space-3); } .amon-hero__text { margin-block-end: 0; } .amon-hero__actions { margin-block-start: var(--amon-space-3); } } @media (max-width: 47.999em) { .amon-service-system::before { -webkit-mask-image: linear-gradient(to bottom, transparent 0 48%, rgba(0, 0, 0, 0.18) 68%, #000 100%); mask-image: linear-gradient(to bottom, transparent 0 48%, rgba(0, 0, 0, 0.18) 68%, #000 100%); opacity: 0.24; } } @media (max-width: 37.4375em) { .amon-actions { align-items: stretch; flex-direction: column; } .amon-actions .wp-block-button, .amon-actions .wp-block-button__link { width: 100%; } .amon-actions .amon-link-button .wp-block-button__link { justify-content: flex-start; } } @media (max-width: 430.98px), (max-width: 47.999em) and (max-height: 40rem) { .amon-hero { overflow: clip; } .amon-hero__visual { position: static; z-index: auto; right: auto; bottom: auto; left: auto; width: min(100%, 32.5rem); height: auto; min-height: 0; margin-inline: auto; padding: 0; background-position: center; background-size: contain; opacity: 1; pointer-events: none; } .amon-orientation-list { position: relative; z-index: 2; } } @media (max-width: 26.875em) { .amon-closing__visual { width: 100%; min-height: 0; background-position: center; background-size: contain; } } @media (max-width: 22.4375em) { .amon-brand__sender { display: none; } .amon-hero__text, .amon-model__short { font-size: var(--amon-font-size-small); } } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; } } @media (forced-colors: active) { .amon-button-primary:not(.wp-block-button), .amon-button-primary .wp-block-button__link, .amon-mobile-toggle, .amon-service-core, .amon-suite-layer, .amon-dropdown { border: 1px solid ButtonText; } .amon-model__visual, .amon-application__visual, .amon-hero__visual, .amon-closing__visual { forced-color-adjust: none; } } .amon-header { position: relative; min-height: var(--amon-header-height-mobile); } .amon-header__inner { min-height: var(--amon-header-height-mobile); } .amon-brand { width: 112px; min-height: 48px; flex-direction: row; align-items: center; } .amon-brand img { width: 100%; height: auto; } .amon-nav-primary__list { gap: 38px; } .amon-nav-primary__item:last-child .amon-nav-primary__link { min-height: 48px; padding-inline: 22px; background: var(--amon-color-focus-dark); color: var(--amon-color-night-950); font-weight: var(--amon-font-weight-semibold); } .amon-nav-primary__item:last-child .amon-nav-primary__link::after { display: none; } .amon-nav-primary__item:last-child .amon-nav-primary__link:hover, .amon-nav-primary__item:last-child .amon-nav-primary__link.is-current { background: var(--amon-color-accent-hover); color: var(--amon-color-night-950); } .amon-mobile-menu__list { width: 100%; } .amon-mobile-menu__item:last-child { margin-block-start: 20px; } .amon-mobile-menu__link.amon-target--orientation { width: 100%; flex: none; justify-content: center; padding-inline: 22px; border-left: 0; background: var(--amon-color-focus-dark); color: var(--amon-color-night-950); font-weight: var(--amon-font-weight-semibold); white-space: nowrap; } .amon-mobile-menu__link.amon-target--orientation:hover, .amon-mobile-menu__link.amon-target--orientation.is-current { background: var(--amon-color-accent-hover); color: var(--amon-color-night-950); } .amon-footer { background: var(--amon-color-night-900); } .amon-footer__inner { display: block; padding-block: 68px 32px; } .amon-footer__grid { display: grid; grid-template-columns: 4fr 3fr 2fr 2fr; gap: 50px; align-items: start; } .amon-footer__logo { display: inline-flex; width: 215px; min-height: 48px; align-items: center; } .amon-footer__logo img { width: 100%; height: auto; } .amon-footer__brand { display: block; } .amon-footer__brand p { max-width: 260px; margin-block-start: 20px; color: var(--amon-color-silver); font-size: 0.93rem; } .amon-footer__heading { margin-block-end: 16px !important; color: var(--amon-color-white) !important; font-size: 0.82rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; } .amon-footer__contact address { display: flex; flex-direction: column; font-style: normal; } .amon-footer__contact a, .amon-footer__link { display: inline-flex; min-height: 44px; align-items: center; color: var(--amon-color-silver); text-decoration-thickness: 1px; text-underline-offset: 5px; } .amon-footer__nav ul { margin: 0; padding: 0; list-style: none; } .amon-footer__link.is-current, .amon-footer__link[aria-current="page"] { color: var(--amon-color-white); text-decoration-thickness: 2px; } .amon-footer__copyright { margin-block-start: 45px !important; padding-block-start: 24px; border-top: 1px solid rgba(185, 198, 200, 0.16); color: var(--amon-color-silver); font-size: 0.87rem; } @media (min-width: 73.8125em) { .amon-header, .amon-header__inner { min-height: var(--amon-header-height-desktop); } } @media (min-width: 48em) and (max-width: 73.75em) { .amon-header, .amon-header__inner { min-height: var(--amon-header-height-desktop); } .amon-footer__grid { grid-template-columns: 1fr 1fr; gap: 50px 70px; } } @media (max-width: 47.999em) { .amon-brand { width: 98px; } .amon-footer__inner { padding-block: 56px 28px; } .amon-footer__grid { grid-template-columns: 1fr; gap: 38px; } .amon-footer__logo { width: 206px; } .amon-footer__copyright { margin-block-start: 38px !important; } } @media (max-width: 22.5em) { .amon-footer__contact a { overflow-wrap: anywhere; } } @media (min-width: 50em) { .amon-competence--text-only .amon-competence__layout { grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr); } } .amon-services-main, .amon-services-page { --amon-services-gutter: 16px; --amon-services-grid-gap: 16px; --amon-services-section-space: 72px; --amon-services-line: #cbd4d1; --amon-services-light: #eef2f1; background: var(--amon-color-white); color: var(--amon-color-ink); } .amon-services-page, .amon-services-page * { min-width: 0; } .amon-services-page > .wp-block-group, .amon-services-page .wp-block-group, .amon-services-page p, .amon-services-page h1, .amon-services-page h2, .amon-services-page h3 { margin-block-start: 0; } .amon-services-page p:last-child, .amon-services-page h1:last-child, .amon-services-page h2:last-child, .amon-services-page h3:last-child { margin-block-end: 0; } .amon-services-page .amon-container { width: 100%; max-width: calc(var(--amon-width-page) + (2 * var(--amon-gutter))); margin-inline: auto; padding-inline: var(--amon-gutter); } .amon-services-section { position: relative; padding-block: var(--amon-services-section-space); scroll-margin-top: calc(var(--amon-header-height-desktop) + 24px); } .amon-services-section-marker { display: flex; align-items: center; gap: 12px; margin-block-end: 16px; color: var(--amon-color-accent-active); font-size: 12px; font-variant-numeric: tabular-nums; font-weight: 600; letter-spacing: 0.06em; line-height: 1; } .amon-services-section-marker::after { width: 24px; height: 2px; background: currentColor; content: ""; } .amon-services-section-kicker, .amon-services-field-label { color: var(--amon-color-accent-active); font-size: 12px; font-weight: 600; letter-spacing: 0.075em; line-height: 1.35; text-transform: uppercase; } .amon-services-section-kicker { margin-block-end: 20px; } .amon-services-field-label { margin-block-end: 8px; } .amon-services-page h1 { max-width: 16ch; margin-block-end: 32px; font-size: clamp(2.125rem, 1.25rem + 3.7vw, 4.25rem); font-weight: 500; letter-spacing: -0.025em; line-height: 1.04; } .amon-services-page h2 { max-width: 22ch; margin-block-end: 24px; font-size: clamp(1.75rem, 1.2rem + 2.15vw, 3.25rem); font-weight: 500; letter-spacing: -0.02em; line-height: 1.08; } .amon-services-page h3 { margin-block-end: 12px; font-size: clamp(1.25rem, 1.06rem + 0.7vw, 1.75rem); font-weight: 500; line-height: 1.18; } .amon-services-page p { color: var(--amon-color-slate); } .amon-services-page strong { color: var(--amon-color-ink); font-weight: 600; } .amon-services-page .amon-services-lead, .amon-services-section-intro__copy { font-size: clamp(1.0625rem, 0.98rem + 0.36vw, 1.25rem); line-height: 1.55; } .amon-services-link { display: inline-flex; min-height: 44px; align-items: center; gap: 12px; color: var(--amon-color-link); cursor: pointer; font-size: 16px; font-weight: 500; line-height: 1.35; padding-block: 10px; text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 4px; transition: color 140ms ease, text-decoration-thickness 140ms ease; } .amon-services-link::after { content: "→"; flex: 0 0 auto; font-size: 1.25em; line-height: 1; text-decoration: none; } .amon-services-link--jump::after { content: "↑"; } .amon-services-link:hover { color: var(--amon-color-link); text-decoration-thickness: 2px; } .amon-services-page .amon-target--missing, .amon-services-page a.amon-target--missing:not([href]) { color: var(--amon-color-slate); cursor: default; pointer-events: none; text-decoration: none; } .amon-services-page .amon-target--missing::after { content: none; } .amon-services-page :where(a, button):focus-visible { outline: 3px solid var(--amon-color-link); outline-offset: 3px; } .amon-services-intro, .amon-services-closing { --amon-color-link-text: var(--amon-color-link-on-dark); background: var(--amon-color-night-900); color: var(--amon-color-white); } .amon-services-intro p, .amon-services-closing p { color: var(--amon-color-silver); } .amon-services-intro strong, .amon-services-closing strong { color: var(--amon-color-white); } .amon-services-intro .amon-services-section-kicker, .amon-services-intro .amon-services-section-marker, .amon-services-closing .amon-services-section-kicker, .amon-services-closing .amon-services-section-marker { color: var(--amon-color-focus-dark); } .amon-services-intro .amon-services-link, .amon-services-closing .amon-services-link { color: var(--amon-color-link-on-dark); } .amon-services-intro :where(a, button):focus-visible, .amon-services-closing :where(a, button):focus-visible { outline-color: var(--amon-color-focus-dark); } .amon-services-intro { padding-block-start: 40px; padding-block-end: 96px; } .amon-services-intro__layout { display: grid; gap: 48px; } .amon-breadcrumb { margin-block-end: 40px; } .amon-breadcrumb ol { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0; padding: 0; list-style: none; } .amon-breadcrumb li { display: flex; align-items: center; color: var(--amon-color-silver); font-size: 14px; } .amon-breadcrumb li + li::before { margin-inline-end: 8px; color: var(--amon-color-line-dark); content: "/"; } .amon-breadcrumb a { display: inline-flex; min-height: 44px; align-items: center; color: var(--amon-color-link-on-dark); text-underline-offset: 4px; } .amon-services-intro__content { position: relative; z-index: 1; } .amon-services-page .amon-services-intro__title { max-width: 42.5rem; } .amon-services-intro__content .amon-services-lead { max-width: 43rem; } .amon-services-asset { pointer-events: none; user-select: none; } .amon-services-asset picture, .amon-services-asset img { display: block; width: 100%; } .amon-services-asset img { height: auto; } .amon-services-asset--intro { width: min(100%, 460px); align-self: end; justify-self: end; overflow: clip; opacity: 0.72; } .amon-services-section-intro { display: grid; gap: 28px; margin-block-end: 56px; } .amon-services-section-intro__copy { max-width: 620px; } .amon-services-selection { background: var(--amon-color-canvas); } .amon-services-selection__rows { border-block-start: 1px solid var(--amon-services-line); } .amon-services-selection__row { display: grid; gap: 20px; padding-block: 32px; border-block-end: 1px solid var(--amon-services-line); } .amon-services-selection__row > *, .amon-services-selection__situation > *, .amon-services-selection__service > *, .amon-services-selection__result > * { margin-block-end: 0; } .amon-services-selection__index { color: var(--amon-color-accent-active); font-size: 12px; font-variant-numeric: tabular-nums; font-weight: 600; } .amon-services-selection__situation p, .amon-services-selection__result p { font-size: 16px; line-height: 1.55; } .amon-services-selection__service strong { overflow-wrap: anywhere; font-size: 17px; hyphens: auto; } .amon-services-selection__link { align-self: end; } .amon-services-academy-row { display: grid; gap: 16px; padding-block: 28px; border-block-end: 1px solid var(--amon-services-line); } .amon-services-academy-row > *, .amon-services-academy-row__status > * { margin-block-end: 0; } .amon-services-academy-row p, .amon-services-academy-row strong { color: var(--amon-color-slate); } .amon-services-contact-row { display: grid; gap: 20px; margin-block-start: 24px; padding-block: 32px 8px; border-block-start: 2px solid var(--amon-color-accent-active); } .amon-services-contact-row > * { margin-block-end: 0; } .amon-services-entry-comparison { background: var(--amon-color-white); } .amon-services-entry-comparison__group { display: grid; border: 1px solid var(--amon-services-line); } .amon-services-entry-comparison__column { display: flex; min-height: 100%; flex-direction: column; padding: 28px 24px; } .amon-services-entry-comparison__column + .amon-services-entry-comparison__column { border-block-start: 1px solid var(--amon-services-line); } .amon-services-entry-comparison__column h3 { margin-block-end: 24px; } .amon-services-entry-comparison__field { padding-block: 20px; border-block-start: 1px solid #dbe2e0; } .amon-services-entry-comparison__field > * { margin-block-end: 0; } .amon-services-entry-comparison__field p:last-child { font-size: 16px; line-height: 1.55; } .amon-services-entry-comparison__link { margin-block-start: auto; padding-block-start: 24px; border-block-start: 1px solid var(--amon-services-line); } .amon-services-entry-comparison__decision { grid-column: 1 / -1; padding: 28px 24px; border-block-start: 1px solid var(--amon-services-line); } .amon-services-entry-comparison__decision h3 { font-size: 18px; font-weight: 600; } .amon-services-entry-comparison__decision-grid { display: grid; gap: 24px; } .amon-services-entry-comparison__decision-grid p { margin-block-end: 8px; font-size: 16px; } .amon-services-profile--implementation, .amon-services-profile--suite { background: var(--amon-services-light); } .amon-services-profile--production { background: var(--amon-color-white); } .amon-services-profile__layout { display: grid; gap: 48px; } .amon-services-profile__main > * { margin-block-end: 0; } .amon-services-profile__main .amon-services-section-marker { margin-block-end: 16px; } .amon-services-profile__main .amon-services-section-kicker { margin-block-end: 20px; } .amon-services-profile__main h2 { margin-block-end: 28px; } .amon-services-profile__main > p:last-child { max-width: 760px; font-size: 18px; line-height: 1.6; } .amon-services-profile__result { align-self: center; padding-block: 8px 0; padding-inline-start: 24px; border-inline-start: 2px solid var(--amon-color-accent); } .amon-services-profile__result > * { margin-block-end: 0; } .amon-services-profile__result > p:not(.amon-services-field-label):not(.amon-services-profile__link) { font-size: 18px; line-height: 1.55; } .amon-services-profile__link { margin-block-start: 24px; padding-block-start: 12px; border-block-start: 1px solid var(--amon-services-line); } .amon-services-closing { overflow: clip; padding-block: 88px; } .amon-services-closing__layout { position: relative; display: grid; gap: 48px; } .amon-services-closing__main, .amon-services-closing__actions, .amon-services-closing__trust { position: relative; z-index: 1; } .amon-services-closing__main > * { margin-block-end: 0; } .amon-services-closing__main h2 { margin-block-end: 28px; } .amon-services-closing__main > p { max-width: 700px; font-size: 18px; } .amon-services-closing__hint { margin-block-start: 24px !important; } .amon-services-closing__actions { display: flex; align-items: flex-start; flex-direction: column; gap: 16px; } .amon-services-closing__actions .wp-block-buttons { margin: 0; } .amon-services-closing__trust { display: grid; gap: 20px; padding-block-start: 32px; border-block-start: 1px solid var(--amon-color-line-dark); } .amon-services-closing__trust > * { margin-block-end: 0; } .amon-services-asset--closing { position: static; width: min(100%, 480px); max-width: 480px; align-self: center; justify-self: center; overflow: clip; opacity: 1; } @media (min-width: 22.5em) { .amon-services-main, .amon-services-page { --amon-services-gutter: 20px; } } @media (min-width: 24.375em) { .amon-services-main, .amon-services-page { --amon-services-gutter: 24px; --amon-services-section-space: 80px; } } @media (min-width: 48.0625em) { .amon-services-main, .amon-services-page { --amon-services-gutter: 40px; --amon-services-grid-gap: 20px; --amon-services-section-space: 96px; } .amon-services-intro__layout, .amon-services-section-intro--split, .amon-services-profile__layout, .amon-services-closing__layout { display: grid; grid-template-columns: repeat(8, minmax(0, 1fr)); column-gap: var(--amon-services-grid-gap); } .amon-services-intro__content { grid-column: 1 / span 5; } .amon-services-asset--intro { grid-column: 6 / -1; } .amon-services-section-intro__heading { grid-column: 1 / span 5; } .amon-services-section-intro__copy { grid-column: 6 / -1; align-self: end; } .amon-services-selection__row { grid-template-columns: repeat(8, minmax(0, 1fr)); column-gap: var(--amon-services-grid-gap); } .amon-services-selection__index { grid-column: 1; } .amon-services-selection__situation { grid-column: 2 / span 4; } .amon-services-selection__service { grid-column: 6 / -1; } .amon-services-selection__result { grid-column: 2 / span 4; } .amon-services-selection__link { grid-column: 6 / -1; } .amon-services-academy-row { grid-template-columns: repeat(8, minmax(0, 1fr)); column-gap: var(--amon-services-grid-gap); } .amon-services-academy-row__name { grid-column: 2 / span 4; } .amon-services-academy-row__status { grid-column: 6 / -1; } .amon-services-academy-row > p:last-child { grid-column: 2 / -1; } .amon-services-contact-row { grid-template-columns: repeat(8, minmax(0, 1fr)); column-gap: var(--amon-services-grid-gap); } .amon-services-contact-row h3 { grid-column: 2 / span 3; } .amon-services-contact-row > p:not(.amon-services-contact-row__link) { grid-column: 5 / span 2; } .amon-services-contact-row__link { grid-column: 7 / -1; } .amon-services-entry-comparison__group { grid-template-columns: repeat(2, minmax(0, 1fr)); } .amon-services-entry-comparison__column + .amon-services-entry-comparison__column { border-block-start: 0; border-inline-start: 1px solid var(--amon-services-line); } .amon-services-entry-comparison__decision-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .amon-services-profile__main, .amon-services-closing__main { grid-column: 1 / span 4; } .amon-services-profile__result, .amon-services-closing__actions { grid-column: 5 / -1; } .amon-services-closing__trust { grid-column: 1 / -1; grid-template-columns: repeat(8, minmax(0, 1fr)); column-gap: var(--amon-services-grid-gap); } .amon-services-closing__trust > p:first-child { grid-column: 1 / span 5; } .amon-services-closing__trust > p:last-child { grid-column: 6 / -1; } .amon-services-asset--closing { grid-column: 6 / -1; } } @media (min-width: 56.25em) { .amon-services-main, .amon-services-page { --amon-services-gutter: 64px; --amon-services-grid-gap: 24px; --amon-services-section-space: 112px; } .amon-services-intro__layout, .amon-services-section-intro--split, .amon-services-profile__layout, .amon-services-closing__layout { grid-template-columns: repeat(12, minmax(0, 1fr)); } .amon-services-intro { padding-block-start: 48px; padding-block-end: 120px; } .amon-services-intro__content { grid-column: 1 / span 7; } .amon-services-asset--intro { grid-column: 8 / -1; } .amon-services-section-intro__heading { grid-column: 1 / span 7; } .amon-services-selection .amon-services-section-intro__heading { grid-column: 1 / span 6; } .amon-services-section-intro__copy { grid-column: 8 / -1; } .amon-services-selection__row { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--amon-services-grid-gap); padding-block: 36px; } .amon-services-selection__index { grid-column: 1; } .amon-services-selection__situation { grid-column: 2 / span 4; } .amon-services-selection__service { grid-column: 6 / span 2; } .amon-services-selection__result { grid-column: 8 / span 3; } .amon-services-selection__link { grid-column: 11 / -1; } .amon-services-academy-row { grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: var(--amon-services-grid-gap); } .amon-services-academy-row__name { grid-column: 2 / span 4; } .amon-services-academy-row__status { grid-column: 6 / span 2; } .amon-services-academy-row > p:last-child { grid-column: 8 / -1; } .amon-services-contact-row { grid-template-columns: repeat(12, minmax(0, 1fr)); } .amon-services-contact-row h3 { grid-column: 2 / span 4; } .amon-services-contact-row > p:not(.amon-services-contact-row__link) { grid-column: 6 / span 4; } .amon-services-contact-row__link { grid-column: 10 / -1; } .amon-services-entry-comparison__column { padding: 36px 32px; } .amon-services-entry-comparison__decision { padding: 32px; } .amon-services-profile__main, .amon-services-closing__main { grid-column: 1 / span 7; } .amon-services-profile__main h2 { max-width: none; } .amon-services-profile__result, .amon-services-closing__actions { grid-column: 9 / -1; } .amon-services-closing { padding-block: 114px; } .amon-services-closing__main .amon-services-section-marker { margin-block-end: 16px; } .amon-services-closing__main .amon-services-section-kicker { margin-block-end: 20px; } .amon-services-closing__trust { grid-template-columns: repeat(12, minmax(0, 1fr)); } .amon-services-closing__trust > p:first-child { grid-column: 1 / span 7; } .amon-services-closing__trust > p:last-child { grid-column: 9 / -1; } .amon-services-asset--closing { grid-column: 9 / -1; } } @media (min-width: 80em) { .amon-services-main, .amon-services-page { --amon-services-gutter: 80px; --amon-services-section-space: 120px; } .amon-services-intro { padding-block-end: 184px; } .amon-services-page h1 { max-width: none; font-size: 68px; } .amon-services-page h2 { font-size: 52px; } .amon-services-section-intro { margin-block-end: 72px; } .amon-services-selection__row { padding-block: 40px; } .amon-services-profile { padding-block: 108px; } .amon-services-profile__main > p:last-child { max-width: 690px; } .amon-services-closing { padding-block: 112px; } } @media (max-width: 56.249em) { .amon-services-intro { overflow: clip; padding-block-end: 225px; } .amon-services-asset--intro { position: absolute; right: var(--amon-services-gutter); bottom: 32px; width: min(42vw, 320px); } } @media (max-width: 39.999em) { .amon-services-selection { padding-block: 64px; } .amon-services-selection .amon-services-section-intro { margin-block-end: 40px; } .amon-services-selection__row { gap: 12px; padding-block: 24px; } .amon-services-academy-row { padding-block: 24px; } .amon-services-contact-row { padding-block: 24px 8px; } .amon-services-entry-comparison__column { padding: 24px 20px; } .amon-services-entry-comparison { padding-block: 60px; } .amon-services-entry-comparison__field { padding-block: 16px; } .amon-services-entry-comparison__decision { padding: 24px 20px; } .amon-services-profile { padding-block: 32px; } .amon-services-profile--production { padding-block: 14px; } .amon-services-profile--suite .amon-services-profile__main > p:last-child { max-width: 320px; } .amon-services-closing { padding-block: 56px; } .amon-services-closing__layout { gap: 16px; } } @media (min-width: 40em) and (max-width: 48em) { .amon-services-intro { padding-block-end: 284px; } .amon-services-intro h1 { max-width: none; } .amon-services-selection__row { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; column-gap: var(--amon-services-grid-gap); padding-block: 20px; } .amon-services-selection__index { grid-row: 1 / span 3; grid-column: 1; } .amon-services-selection__situation { grid-row: 1; grid-column: 2 / -1; } .amon-services-selection__service { grid-row: 2; grid-column: 2; } .amon-services-selection__result { grid-row: 2; grid-column: 3 / -1; } .amon-services-selection__link { grid-row: 3; grid-column: 2 / -1; } .amon-services-academy-row, .amon-services-contact-row { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: var(--amon-services-grid-gap); } .amon-services-academy-row__name, .amon-services-academy-row__status, .amon-services-academy-row > p:last-child, .amon-services-contact-row h3, .amon-services-contact-row > p:not(.amon-services-contact-row__link), .amon-services-contact-row__link { grid-column: 2 / -1; } .amon-services-profile { padding-block: 54px; } .amon-services-profile--suite .amon-services-profile__main > p:last-child { max-width: 650px; } .amon-services-closing { padding-block: 76px; } } @media (min-width: 48.0625em) and (max-width: 56.249em) { .amon-services-intro { padding-block-end: 337px; } .amon-services-intro__content { grid-column: 1 / -1; } .amon-services-intro h1 { max-width: none; } .amon-services-selection__index { grid-row: 1 / span 2; } .amon-services-selection__situation { grid-row: 1; grid-column: 2 / -1; } .amon-services-selection__service { grid-row: 2; grid-column: 2 / span 2; } .amon-services-selection__result { grid-row: 2; grid-column: 4 / span 3; } .amon-services-selection__link { grid-row: 2; grid-column: 7 / -1; } .amon-services-selection { padding-block: 88px; } .amon-services-selection__row { padding-block: 28px; } .amon-services-contact-row h3, .amon-services-contact-row > p:not(.amon-services-contact-row__link), .amon-services-contact-row__link { grid-column: 2 / span 5; } .amon-services-entry-comparison { padding-block: 64px; } .amon-services-entry-comparison .amon-services-section-intro { margin-block-end: 40px; } .amon-services-entry-comparison__column { padding: 24px; } .amon-services-entry-comparison__field { padding-block: 16px; } .amon-services-profile { padding-block: 80px; } .amon-services-profile--suite .amon-services-profile__main > p:last-child { max-width: 380px; } .amon-services-profile__main, .amon-services-closing__main { grid-column: 1 / span 5; } .amon-services-profile__result, .amon-services-closing__actions { grid-column: 6 / -1; } .amon-services-closing { padding-block: 88px; } .amon-services-closing__layout { gap: 16px; } } @media (min-width: 56.25em) and (max-width: 79.999em) { .amon-services-intro { padding-block-end: 187px; } .amon-services-profile--suite .amon-services-profile__main > p:last-child { max-width: 480px; } .amon-services-profile--suite { padding-block: 128px; } } @media (max-width: 48em) { .amon-services-section { scroll-margin-top: calc(var(--amon-header-height-mobile) + 24px); } .amon-services-profile__result { padding-block-start: 20px; padding-inline-start: 0; border-block-start: 2px solid var(--amon-color-accent); border-inline-start: 0; } .amon-services-entry-comparison__decision { padding-inline: 20px; } .amon-services-closing__actions .wp-block-buttons, .amon-services-closing__actions .wp-block-button, .amon-services-closing__actions .wp-block-button__link { width: 100%; } } @media (max-width: 22.499em) { .amon-services-main, .amon-services-page { --amon-services-section-space: 64px; } .amon-services-page h1 { font-size: 32px; } .amon-services-page h2 { font-size: 27px; } .amon-services-selection__row { padding-block: 28px; } .amon-services-entry-comparison__column { padding-inline: 20px; } } @media (min-width: 80em) { .amon-services-entry-comparison__column { padding-inline: 38px; } .amon-services-entry-comparison__field p:last-child { font-size: 17px; line-height: 1.56; } .amon-services-entry-comparison__decision { padding: 26px 38px; } .amon-services-entry-comparison__decision h3 { margin-block-end: 26px; font-size: 29px; font-weight: 500; line-height: 1.17; } .amon-services-entry-comparison__decision-grid { gap: 0; } .amon-services-entry-comparison__decision-grid p { margin-block-end: 0; font-size: 17px; line-height: 1.55; } .amon-services-entry-comparison__decision-grid p:first-child { margin-block-end: 9px; } .amon-services-entry-comparison__decision-grid > .wp-block-group + .wp-block-group { padding-inline-start: 38px; border-inline-start: 1px solid var(--amon-services-line); } } @media (min-width: 56.25em) and (max-width: 79.999em) { .amon-services-page h1, .amon-services-page h2, .amon-services-page h3 { letter-spacing: normal; } .amon-services-page h1 { font-size: 58px; line-height: 1.05; } .amon-services-page h2 { font-size: 44px; line-height: 1.08; } .amon-services-intro { padding-block-end: 124px; } .amon-services-selection h2 { font-size: 41px; letter-spacing: -0.02em; } .amon-services-profile { padding-block: 98px 104px; } .amon-services-profile__main h2 { margin-block-end: 24px; } .amon-services-closing { padding-block: 104px; } .amon-services-closing__layout { row-gap: 46px; } .amon-services-closing__main h2 { margin-block-end: 24px; } .amon-services-closing__hint { margin-block-start: 20px !important; } .amon-services-closing__trust { padding-block-start: 24px; } } @media (min-width: 48.0625em) and (max-width: 56.249em) { .amon-services-page h1, .amon-services-page h2, .amon-services-page h3 { letter-spacing: normal; } .amon-services-page h1 { font-size: 48px; line-height: 1.07; } .amon-services-page h2 { font-size: 38px; line-height: 1.1; } .amon-services-page h3 { font-size: 25px; line-height: 1.2; } .amon-services-section-intro--split { display: block; } .amon-services-section-intro--split .amon-services-section-intro__copy { margin-block-start: 24px; } .amon-services-section-intro__heading h2 { max-width: none; } .amon-services-selection__row { padding-block: 24px; } .amon-services-entry-comparison { padding-block: 98px 108px; } .amon-services-profile { padding-block: 90px 100px; } .amon-services-profile__main h2 { margin-block-end: 22px; } .amon-services-profile__main > p:last-child { font-size: 16px; line-height: 1.52; } .amon-services-profile__result > p:not(.amon-services-field-label):not(.amon-services-profile__link) { font-size: 16px; line-height: 1.52; } .amon-services-profile--suite .amon-services-profile__main > p:last-child { max-width: none; } } @media (width: 48em) { .amon-services-main, .amon-services-page { --amon-services-gutter: 40px; } .amon-services-page h1, .amon-services-page h2, .amon-services-page h3 { letter-spacing: normal; } .amon-services-page h1 { font-size: 44px; line-height: 1.08; } .amon-services-page h2 { font-size: 36px; line-height: 1.1; } .amon-services-page h3 { font-size: 24px; line-height: 1.2; } .amon-services-section-intro__heading h2, .amon-services-profile__main h2 { max-width: none; } .amon-services-profile { padding-block: 84px 90px; } .amon-services-profile__layout { gap: 26px; } .amon-services-profile__main h2 { margin-block-end: 22px; } .amon-services-profile__main > p:last-child { font-size: 17px; line-height: 1.58; } .amon-services-profile__result { padding-block-start: 18px; } .amon-services-profile__result > p:not(.amon-services-field-label):not(.amon-services-profile__link) { font-size: 17px; line-height: 1.54; } .amon-services-profile__link { margin-block-start: 18px; } } @media (min-width: 24.375em) and (max-width: 39.999em) { .amon-services-page h1, .amon-services-page h2, .amon-services-page h3 { letter-spacing: normal; } .amon-services-page h1 { font-size: 34px; line-height: 1.1; } .amon-services-page h2 { font-size: 30px; line-height: 1.12; } .amon-services-page h3 { font-size: 22px; line-height: 1.22; } .amon-services-intro { padding-block-end: 204px; } .amon-services-profile--suite .amon-services-profile__layout { gap: 48px; } .amon-services-profile--suite { padding-block: 36px; } .amon-services-profile--suite h2 { max-width: 18ch; } .amon-services-profile--suite .amon-services-profile__main > p:last-child, .amon-services-profile--suite .amon-services-profile__result > p:not(.amon-services-field-label):not(.amon-services-profile__link) { font-size: 16px; line-height: 1.56; } .amon-services-closing__main h2 { margin-block-end: 24px; } .amon-services-closing__main > p:not(.amon-services-closing__hint) { font-size: 16px; line-height: 1.58; } .amon-services-closing__main > p.amon-services-closing__hint { margin-block-start: 20px !important; font-size: 16px; line-height: 1.54; } .amon-services-closing__trust { gap: 16px; padding-block-start: 24px; } .amon-services-closing__trust > p:first-child { font-size: 16px; line-height: 1.54; } } @media (max-width: 22.499em) { .amon-services-page h1, .amon-services-page h2, .amon-services-page h3 { letter-spacing: normal; } .amon-services-page h1 { font-size: 30px; line-height: 1.12; } .amon-services-page h2 { font-size: 27px; line-height: 1.14; } .amon-services-page h3 { font-size: 20px; line-height: 1.22; } .amon-services-section-kicker { margin-block-end: 14px; } .amon-services-section-intro { gap: 16px; } .amon-services-section-intro__heading h2 { margin-block-end: 0; } .amon-services-section-intro__copy { font-size: 15px; line-height: 1.58; } .amon-services-intro { padding-block: 24px 52px; } .amon-services-intro__layout { display: block; } .amon-services-intro h1 { margin-block-end: 18px; } .amon-breadcrumb { margin-block-end: 22px; font-size: 12px; } .amon-services-asset--intro { position: relative; right: auto; bottom: auto; width: 190px; height: 126px; margin-block-start: 20px; margin-inline-start: auto; } .amon-services-asset--intro picture, .amon-services-asset--intro img { position: absolute; right: -4px; bottom: -6px; width: 190px; } .amon-services-selection { padding-block: 62px 70px; } .amon-services-selection .amon-services-section-intro { margin-block-end: 28px; } .amon-services-selection__row { gap: 15px; padding-block: 18px; } .amon-services-selection__situation p, .amon-services-selection__result p { font-size: 15px; line-height: 1.58; } .amon-services-academy-row { gap: 12px; padding-block: 18px; } .amon-services-academy-row > p:last-child { font-size: 15px; line-height: 1.54; } .amon-services-contact-row { gap: 12px; margin-block-start: 24px; padding-block: 20px 0; } .amon-services-contact-row > p:not(.amon-services-contact-row__link) { font-size: 15px; line-height: 1.58; } .amon-services-entry-comparison { padding-block: 64px 72px; } .amon-services-entry-comparison .amon-services-section-intro { margin-block-end: 30px; } .amon-services-entry-comparison__column { padding: 20px 18px; } .amon-services-entry-comparison__column h3 { margin-block-end: 18px; } .amon-services-entry-comparison__field { padding-block: 14px; } .amon-services-entry-comparison__field p:last-child { font-size: 14px; line-height: 1.56; } .amon-services-entry-comparison__field > .amon-services-field-label { margin-block-end: 8px; font-size: 11px; line-height: 1.25; } .amon-services-entry-comparison__link { margin-block-start: 8px; padding-block-start: 14px; } .amon-services-entry-comparison__decision { padding: 18px; } .amon-services-entry-comparison__decision h3 { margin-block-end: 18px; font-size: 20px; font-weight: 500; line-height: 1.22; } .amon-services-entry-comparison__decision-grid { gap: 0; } .amon-services-entry-comparison__decision-grid > .wp-block-group + .wp-block-group { margin-block-start: 18px; padding-block-start: 18px; border-block-start: 1px solid var(--amon-services-line); } .amon-services-entry-comparison__decision-grid p { margin-block-end: 0; font-size: 14px; line-height: 1.56; } .amon-services-entry-comparison__decision-grid p:first-child { margin-block-end: 8px; } .amon-services-entry-comparison__decision-grid strong { font-size: 15px; line-height: 1.42; } .amon-services-profile { padding-block: 60px 66px; } .amon-services-profile__layout { gap: 20px; } .amon-services-profile__main h2 { max-width: none; margin-block-end: 16px; } .amon-services-profile__main > p:last-child { font-size: 15px; line-height: 1.58; } .amon-services-profile__result { padding-block-start: 14px; } .amon-services-profile__result > p:not(.amon-services-field-label):not(.amon-services-profile__link) { font-size: 15px; line-height: 1.56; } .amon-services-profile__link { margin-block-start: 14px; padding-block-start: 20px; } .amon-services-closing { padding-block: 64px 72px; } .amon-services-closing__layout { gap: 22px; } .amon-services-closing__main h2 { margin-block-end: 16px; } .amon-services-closing__main > p:not(.amon-services-closing__hint) { font-size: 15px; line-height: 1.58; } .amon-services-closing__main > p.amon-services-closing__hint { margin-block-start: 14px !important; font-size: 14px; line-height: 1.54; } .amon-services-closing__trust { gap: 12px; margin-block-start: 8px; padding-block-start: 18px; } .amon-services-closing__trust > p:first-child { font-size: 14px; line-height: 1.54; } .amon-services-asset--closing { width: 160px; opacity: 0.22; } } @media (prefers-reduced-motion: reduce) { .amon-services-page .amon-services-link { transition: none; } } @media (forced-colors: active) { .amon-services-page .amon-services-link { color: LinkText; } .amon-services-page :where(a, button):focus-visible { outline-color: Highlight; } .amon-services-entry-comparison__group, .amon-services-entry-comparison__column, .amon-services-entry-comparison__field, .amon-services-profile__result { border-color: CanvasText; } .amon-services-asset { display: none; } } @media (min-width: 48.0625em) and (max-width: 56.249em) { .amon-services-selection__result { grid-column: 4 / -1; } } @media (min-width: 56.25em) { .amon-services-selection__result { grid-column: 8 / -1; } } .amon-services-intro { overflow: clip; } .amon-services-intro__layout { position: relative; } .amon-services-asset--intro { position: static; width: min(100%, 520px); max-width: 520px; min-height: 0; margin: 0; padding: 0; overflow: clip; opacity: 1; align-self: center; justify-self: center; } .amon-services-asset--intro picture, .amon-services-asset--intro img { display: block; width: 100%; height: auto; margin: 0; } .amon-services-asset--intro img { object-fit: contain; object-position: center center; } @media (max-width: 49.9375em) { .amon-services-intro { padding-block-end: 96px; } .amon-services-intro__layout { grid-template-columns: minmax(0, 1fr); } .amon-services-intro__content, .amon-services-asset--intro { grid-column: 1; } } @media (min-width: 50em) { .amon-services-intro__layout { grid-template-columns: minmax(0, 1.12fr) minmax(20rem, 0.88fr); align-items: center; column-gap: clamp(3rem, 6vw, 6rem); } .amon-services-intro__content { grid-column: 1; } .amon-services-asset--intro { grid-column: 2; justify-self: end; } } @media (min-width: 48.0625em) { .amon-services-closing__layout { grid-template-columns: minmax(0, 1.15fr) minmax(18rem, 0.85fr); column-gap: clamp(3rem, 6vw, 6rem); align-items: center; } .amon-services-closing__main, .amon-services-closing__actions, .amon-services-closing__trust { grid-column: 1; } .amon-services-closing__main { grid-row: 1; } .amon-services-closing__actions { grid-row: 2; } .amon-services-closing__trust { grid-row: 3; grid-template-columns: minmax(0, 1fr); } .amon-services-closing__trust > p:first-child, .amon-services-closing__trust > p:last-child { grid-column: 1; } .amon-services-asset--closing { grid-column: 2; grid-row: 1 / span 3; justify-self: end; } } .amon-df01 { --amon-df01-page: var(--amon-width-page); --amon-df01-system: var(--amon-width-system); --amon-df01-column-gap: clamp(3rem, 6vw, 6rem); --amon-df01-section-space: clamp(5rem, 8vw, 9rem); background: var(--amon-color-night-900); color: var(--amon-color-ink); } .amon-df01, .amon-df01 * { min-width: 0; } .amon-df01__content, .amon-df01__content > .wp-block-group, .amon-df01__content .wp-block-group, .amon-df01__content p, .amon-df01__content h1, .amon-df01__content h2, .amon-df01__content h3, .amon-df01__content ol, .amon-df01__content ul { margin-block-start: 0; } .amon-df01__content > .wp-block-group { margin-block: 0; } .amon-df01 .amon-container { width: 100%; max-width: calc(var(--amon-df01-page) + (2 * var(--amon-gutter))); margin-inline: auto; padding-inline: var(--amon-gutter); } .amon-df01__section { position: relative; padding-block: var(--amon-df01-section-space); scroll-margin-top: calc(var(--amon-header-height-desktop) + var(--amon-space-4)); } .amon-df01__section:nth-of-type(2n) { background: var(--amon-color-canvas); } .amon-df01__section:nth-of-type(2n + 1) { background: var(--amon-color-white); } .amon-df01__hero, .amon-df01__core, .amon-df01__contact { --amon-color-link-text: var(--amon-color-link-on-dark); background: var(--amon-color-night-900) !important; color: var(--amon-color-white); } .amon-df01__hero, .amon-df01__contact { background: var(--amon-color-night-950) !important; } .amon-df01__boundary { background: var(--amon-color-white) !important; } .amon-df01__section p, .amon-df01__section li { color: var(--amon-color-slate); } .amon-df01__hero p, .amon-df01__hero li, .amon-df01__core p, .amon-df01__core li, .amon-df01__contact p, .amon-df01__contact li { color: var(--amon-color-silver); } .amon-df01 :is(h1, h2, h3) { hyphens: none; word-break: normal; } .amon-df01 h1 { max-width: 22ch; margin-block-end: 2rem; font-size: clamp(2.25rem, 1.35rem + 3.4vw, 4.25rem); font-weight: 500; letter-spacing: -0.03em; line-height: 1.04; } .amon-df01 h2 { max-width: 22ch; margin-block-end: 2rem; font-size: clamp(1.875rem, 1.25rem + 2.5vw, 3rem); font-weight: 500; letter-spacing: -0.025em; line-height: 1.1; } .amon-df01 h3, .amon-df01__process-list h3 { margin-block-end: 0.875rem; font-size: clamp(1.25rem, 1.05rem + 0.75vw, 1.75rem); font-weight: 500; line-height: 1.2; } .amon-df01 p { margin-block-end: 1.25rem; } .amon-df01__lead { max-width: 41rem; font-size: clamp(1.125rem, 1.03rem + 0.35vw, 1.375rem); line-height: 1.55; } .amon-df01__marker { display: none; align-items: center; gap: 0.75rem; margin-block-end: 1rem; color: var(--amon-color-accent-active) !important; font-size: 0.75rem; font-variant-numeric: tabular-nums; font-weight: 600; letter-spacing: 0.08em; line-height: 1; } .amon-df01__marker::after { width: 1.5rem; height: 2px; background: currentColor; content: ""; } .amon-df01__hero .amon-df01__marker { display: flex; } .amon-df01__eyebrow { margin-block-end: 1.25rem; color: var(--amon-color-accent-active) !important; font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.16em; line-height: 1.35; text-transform: uppercase; } .amon-df01__hero .amon-df01__marker, .amon-df01__hero .amon-df01__eyebrow, .amon-df01__core .amon-df01__marker, .amon-df01__core .amon-df01__eyebrow, .amon-df01__contact .amon-df01__marker, .amon-df01__contact .amon-df01__eyebrow { color: var(--amon-color-focus-dark) !important; } .amon-df01__hero { overflow: clip; padding-block-start: clamp(3rem, 5vw, 4.5rem); padding-block-end: clamp(4.5rem, 7vw, 7rem); } .amon-df01__hero-layout, .amon-df01__contact-layout { display: grid; align-items: center; gap: clamp(3rem, 6vw, 7rem); } .amon-df01__hero-layout { align-items: start; } .amon-df01__hero-copy, .amon-df01__contact-copy { position: relative; z-index: 1; max-width: 49rem; } .amon-df01__hero-copy > p:not(.amon-df01__eyebrow):not(.amon-df01__marker) { max-width: 43rem; font-size: clamp(1.125rem, 1.03rem + 0.35vw, 1.375rem); line-height: 1.55; } .amon-df01__hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1.75rem; margin-block-start: 2.5rem !important; } .amon-df01__hero-actions .amon-df01__actions, .amon-df01__hero-actions .amon-df01__orientation-link { margin-block: 0; } .amon-df01__hero-actions .amon-df01__orientation-link { max-width: 23rem; } .amon-df01__actions { gap: 0.75rem; margin-block: 2rem 1rem; } .amon-df01__actions .wp-block-button__link { min-height: var(--amon-button-min-height); padding: 0.875rem var(--amon-button-padding-inline); } .amon-df01__orientation-link { margin-block-start: 1rem; } .amon-df01__orientation-link a, .amon-df01__text-link, .amon-df01__process-list a { display: inline-block; min-height: var(--amon-control-min-size); color: var(--amon-color-link); font-weight: 500; text-decoration-line: underline; text-decoration-thickness: 1px; text-underline-offset: 0.25rem; } .amon-df01__hero .amon-df01__orientation-link a, .amon-df01__contact .amon-df01__text-link, .amon-df01__core a { color: var(--amon-color-link-on-dark); } .amon-df01__orientation-link a::after, .amon-df01__text-link::after { display: inline; margin-inline-start: 0; content: "\202f\2192"; text-decoration: none; } .amon-df01__orientation-link a:hover, .amon-df01__text-link:hover, .amon-df01__process-list a:hover { text-decoration-thickness: 2px; } .amon-df01__asset { pointer-events: none; user-select: none; } .amon-df01__asset img { width: 100%; height: auto; } .amon-df01__asset--hero { width: min(100%, 32.5rem); max-width: 32.5rem; align-self: center; justify-self: end; margin-inline-end: 0; } .amon-df01__split, .amon-df01__boundary-grid { display: grid; gap: var(--amon-df01-column-gap); align-items: start; } .amon-df01__heading-zone { max-width: 42rem; } .amon-df01__copy-zone, .amon-df01__boundary-copy, .amon-df01__path-zone { max-width: 45rem; } .amon-df01__decision-note { margin-block-start: 2rem; padding-block-start: 1.5rem; border-block-start: 1px solid var(--amon-color-line); } .amon-df01__editorial { display: grid; gap: var(--amon-df01-column-gap); align-items: start; } .amon-df01__scope .amon-df01__copy-zone { padding-block-start: 1.5rem; border-block-start: 2px solid var(--amon-color-accent); } .amon-df01__core h2 { max-width: 36ch; margin-block-end: clamp(2rem, 4vw, 4rem); } .amon-df01__core-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr); gap: 3rem; align-items: start; counter-reset: amon-df01-core; } .amon-df01__core-item { display: grid; grid-template-columns: 2rem minmax(0, 1fr); column-gap: 1.5rem; row-gap: 0.875rem; align-content: start; counter-increment: amon-df01-core; } .amon-df01__core-item::before { grid-column: 1; grid-row: 1; padding-block-start: 1.875rem; color: var(--amon-color-focus-dark); content: counter(amon-df01-core, decimal-leading-zero); font-size: 0.75rem; font-variant-numeric: tabular-nums; font-weight: 600; letter-spacing: 0.08em; } .amon-df01__core-item::after { grid-column: 1; grid-row: 2; align-self: start; width: 0.55rem; aspect-ratio: 1; margin-block-start: 0.625rem; margin-inline-start: 0.125rem; transform: rotate(45deg); border: 1.5px solid var(--amon-color-focus-dark); content: ""; } .amon-df01__core-item h3 { grid-column: 2; grid-row: 1; margin-block: 0; padding-block-start: 1.5rem; border-block-start: 1px solid var(--amon-color-line-dark); color: var(--amon-color-white); } .amon-df01__core-item p { grid-column: 2; margin-block: 0; } .amon-df01__asset--core { display: none; } .amon-df01__process > .amon-container { max-width: calc(var(--amon-df01-page) + (2 * var(--amon-gutter))); } .amon-df01__process { background: var(--amon-color-white) !important; } .amon-df01__result { background: var(--amon-color-canvas) !important; } .amon-df01__process h2 { margin-block-end: clamp(3rem, 7vw, 6rem); } .amon-df01__process h2, .amon-df01__result h2 { hyphens: none; word-break: normal; overflow-wrap: normal; } .amon-df01__result h2, .amon-df01__result .amon-df01__heading-zone, .amon-df01__result .amon-df01__copy-zone { max-width: none; } .amon-df01__result .amon-df01__copy-zone > p:first-child { margin-block-end: 1.5rem; color: var(--amon-color-ink); font-weight: 500; } .amon-df01__process-list { position: relative; display: grid; max-width: 64rem; margin: 0 auto; padding: 0; list-style: none; } .amon-df01__process-list::before { position: absolute; top: 1.15rem; bottom: 1.15rem; left: 1.15rem; width: 1px; background: var(--amon-color-line); content: ""; } .amon-df01__process-list li { position: relative; min-height: 9.75rem; padding: 0.25rem 0 3.5rem 5rem; } .amon-df01__process-list li::before { position: absolute; z-index: 1; top: 0; left: 0; width: 2.3rem; aspect-ratio: 1; transform: rotate(45deg); border: 1px solid var(--amon-color-accent-active); background: var(--amon-color-white); content: ""; } .amon-df01__process-list li:last-child { padding-block-end: 0; } .amon-df01__process-list li + li { padding-block-start: 3.5rem; } .amon-df01__process-list li + li::before { top: 3.25rem; } .amon-df01__process-list h3 { color: var(--amon-color-ink); } .amon-df01__process-list a { display: inline; min-height: 0; } .amon-df01__result-list { display: grid; gap: 0 1.5rem; margin: 0; padding: 0; list-style: none; } .amon-df01__result-list li { position: relative; padding: 1.5rem 0 1.5rem 2.125rem; border-block-start: 1px solid var(--amon-color-line); } .amon-df01__result-list li::before { position: absolute; top: 1.875rem; left: 0; width: 0.875rem; aspect-ratio: 1; transform: rotate(45deg); border: 2px solid var(--amon-color-link); content: ""; } .amon-df01__result-conclusion { color: var(--amon-color-ink) !important; font-size: clamp(1.25rem, 1.05rem + 0.75vw, 1.75rem); font-weight: 400; line-height: 1.25; } .amon-df01__result-footer { margin-block-start: 4rem !important; padding-block-start: 2.75rem; border-block-start: 2px solid var(--amon-color-ink); } .amon-df01__boundary-grid { margin-block-start: 0; } .amon-df01__path-zone { padding-block-start: 2rem; border-block-start: 2px solid var(--amon-color-accent); } .amon-df01__contact { overflow: clip; padding-block: clamp(6rem, 10vw, 10rem); } .amon-df01__asset--closing { width: min(100%, 30rem); max-width: 30rem; align-self: center; justify-self: center; } .amon-df01 .amon-target--missing, .amon-df01 a.amon-target--missing:not([href]) { color: var(--amon-color-slate); cursor: default; pointer-events: none; text-decoration: none; } .amon-df01 :where(a, button):focus-visible { outline: var(--amon-focus-width) solid var(--amon-color-link); outline-offset: var(--amon-focus-offset); } .amon-df01__hero :where(a, button):focus-visible, .amon-df01__core :where(a, button):focus-visible, .amon-df01__contact :where(a, button):focus-visible { outline-color: var(--amon-color-focus-dark); } @media (min-width: 50em) { .amon-df01__title-line { display: block; } .amon-df01__hero-layout, .amon-df01__contact-layout { grid-template-columns: minmax(0, 1.35fr) minmax(20rem, 0.85fr); } .amon-df01__split, .amon-df01__editorial, .amon-df01__boundary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .amon-df01__context-copy { padding-block-start: calc(0.8125rem * 1.35 + 1.25rem); } .amon-df01__orientation .amon-df01__split { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 3rem; } .amon-df01__orientation .amon-df01__heading-zone, .amon-df01__orientation h2 { max-width: none; } .amon-df01__orientation .amon-df01__decision-note { margin-block-start: 6rem; padding: 2rem 0 0 1.875rem; border-block-start: 2px solid var(--amon-color-accent); border-inline-start: 1px solid var(--amon-color-line); } .amon-df01__scope .amon-df01__split { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: auto auto auto auto; align-items: start; row-gap: 0; } .amon-df01__scope .amon-df01__heading-zone, .amon-df01__scope .amon-df01__copy-zone { display: contents; } .amon-df01__scope .amon-df01__eyebrow { grid-column: 1; grid-row: 1; } .amon-df01__scope h2 { grid-column: 1; grid-row: 2; max-width: none; } .amon-df01__scope .amon-df01__copy-zone > p:nth-of-type(1) { grid-column: 1; grid-row: 3; } .amon-df01__scope .amon-df01__copy-zone > p:nth-of-type(2) { grid-column: 1; grid-row: 4; } .amon-df01__scope .amon-df01__copy-zone > p:nth-of-type(3) { grid-column: 2; grid-row: 2 / span 3; align-self: center; margin: 0; padding: 2rem 0 2rem 2rem; border-inline-start: 2px solid var(--amon-color-accent); } .amon-df01__scope .amon-df01__copy-zone > p:nth-of-type(3)::before { display: block; margin-block-end: 1.25rem; color: var(--amon-color-accent-active); content: "ZIEL DER LEISTUNG"; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.08em; } .amon-df01__result-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } .amon-df01__process > .amon-container { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); column-gap: 3.5rem; align-items: start; } .amon-df01__process > .amon-container > .amon-df01__eyebrow { grid-column: 1; grid-row: 1; } .amon-df01__process > .amon-container > h2 { grid-column: 1; grid-row: 2; margin-block-end: 0; font-size: clamp(1.625rem, calc(3.7vw - 0.1875rem), 3rem); } .amon-df01__process > .amon-container > .amon-df01__process-list { grid-column: 2; grid-row: 1 / span 3; width: 100%; margin: 0; } .amon-df01__result-conclusion { margin: 0; padding-inline-end: 2rem; font-size: 1.875rem; } } @media (min-width: 64em) { .amon-df01__core-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .amon-df01__result > .amon-container, .amon-df01__result-footer { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); column-gap: 3rem; row-gap: 0; align-items: start; } .amon-df01__result-footer { grid-column: 1 / -1; } } @media (max-width: 63.9375em) { .amon-df01__result > .amon-container { grid-template-columns: minmax(0, 1fr); gap: 2rem; } .amon-df01__result-footer { margin-block-start: 1rem !important; } } @media (min-width: 75em) { .amon-df01__hero-layout { min-height: 0; } .amon-df01__hero { padding-block: 4rem 6rem; } .amon-df01__orientation { padding-block: calc(var(--amon-df01-section-space) + 1.125rem); } .amon-df01__scope { padding-block: calc(var(--amon-df01-section-space) - 2rem); } .amon-df01__result { padding-block: calc(var(--amon-df01-section-space) + 2rem); } .amon-df01--readiness .amon-df01__result { padding-block: calc(var(--amon-df01-section-space) + 3.75rem); } .amon-df01__boundary { padding-block: var(--amon-df01-section-space); } .amon-df01__contact { padding-block: 7.5rem; } } @media (min-width: 50em) and (max-width: 74.9375em) { .amon-df01 h2 { font-size: clamp(2.375rem, 1.1rem + 2.45vw, 2.625rem); } .amon-df01__core-item p { font-size: 1.0625rem; line-height: 1.55; } } @media (max-width: 74.9375em) { .amon-df01__process-list li { padding-block-end: 2rem; } .amon-df01__process-list li + li { padding-block-start: 2rem; } .amon-df01__process-list li + li::before { top: 1.75rem; } .amon-df01__result-list { font-size: 1rem; line-height: 1.55; } } @media (max-width: 49.9375em) { .amon-df01 { --amon-df01-section-space: 3.75rem; } .amon-df01__section { scroll-margin-top: calc(var(--amon-header-height-mobile) + var(--amon-space-4)); } .amon-df01__hero-layout, .amon-df01__contact-layout, .amon-df01__split, .amon-df01__editorial, .amon-df01__boundary-grid { grid-template-columns: minmax(0, 1fr); } .amon-df01__hero { padding-block: 2.5rem 4rem; } .amon-df01__contact { padding-block: 3.75rem; } .amon-df01__hero-layout, .amon-df01__contact-layout, .amon-df01__orientation .amon-df01__split, .amon-df01__scope .amon-df01__split, .amon-df01__boundary-grid { gap: 2rem; } .amon-df01__decision-note { margin-block-start: 0; } .amon-df01__result > .amon-container { gap: 2rem; } .amon-df01__result-footer { margin-block-start: 3rem !important; padding-block-start: 2rem; } .amon-df01 h2 { margin-block-end: 1.5rem; } .amon-df01 p { margin-block-end: 1rem; } .amon-df01__asset--hero { width: min(100%, 22rem); justify-self: center; margin-inline-end: 0; } .amon-df01__asset--closing { width: min(100%, 22rem); } .amon-df01__core-grid { grid-template-columns: minmax(0, 1fr); } .amon-df01__core-item { grid-template-columns: 1.5rem minmax(0, 1fr); column-gap: 1rem; } .amon-df01__process-list li { padding-block-end: 2rem; padding-inline-start: 3.25rem; } .amon-df01__process-list::before { left: 0.75rem; } .amon-df01__process-list li::before { left: 0; width: 1.5rem; } .amon-df01__asset--core { display: none; } .amon-df01__actions, .amon-df01__actions .wp-block-button, .amon-df01__actions .wp-block-button__link { width: 100%; } .amon-df01__actions .wp-block-button__link { justify-content: center; } .amon-df01__editorial { gap: 0; } .amon-df01__hero-actions { display: block; } .amon-df01__hero-actions .amon-df01__orientation-link { max-width: none; margin-block-start: 1rem; } } @media (max-width: 26.8125em) { .amon-df01 { font-size: clamp(1rem, 0.7143rem + 1.4286vw, 1.0625rem); } .amon-df01 h1 { font-size: clamp(2rem, 10.25vw, 2.5rem); overflow-wrap: anywhere; } .amon-df01 h2 { font-size: clamp(1.75rem, 7.7vw, 2rem); overflow-wrap: anywhere; } .amon-df01__process-list::before { left: 0.7rem; } .amon-df01__process-list li { padding-inline-start: 3rem; } .amon-df01__process-list li::before { left: 0.25rem; } } @media (prefers-reduced-motion: reduce) { .amon-df01 * { scroll-behavior: auto !important; } } @media (forced-colors: active) { .amon-df01__marker::after, .amon-df01__result-list li::before { background: CanvasText; } .amon-df01__process-list li::before { border-color: LinkText; } } .amon-df01--implementation { --amon-df01-section-space: clamp(6rem, 8vw, 8rem); } .amon-df01--implementation .amon-impl__intro, .amon-df01--implementation .amon-impl__models, .amon-df01--implementation .amon-impl__boundary { background: var(--amon-color-white) !important; } .amon-df01--implementation .amon-impl__tasks, .amon-df01--implementation .amon-impl__entry, .amon-df01--implementation .amon-impl__results { background: var(--amon-color-canvas) !important; } .amon-df01--implementation .amon-impl__entry { padding-block: clamp(4rem, 6vw, 5.5rem); } .amon-df01--implementation .amon-impl__process { --amon-color-link-text: var(--amon-color-link-on-dark); background: linear-gradient(rgba(63, 208, 198, 0.035) 1px, transparent 1px) 0 0 / 2rem 2rem, linear-gradient(90deg, rgba(63, 208, 198, 0.035) 1px, transparent 1px) 0 0 / 2rem 2rem, var(--amon-color-night-900) !important; color: var(--amon-color-white); } .amon-df01--implementation :is(.amon-impl__hero, .amon-impl__contact) { background: linear-gradient(rgba(63, 208, 198, 0.03) 1px, transparent 1px) 0 0 / 2rem 2rem, linear-gradient(90deg, rgba(63, 208, 198, 0.03) 1px, transparent 1px) 0 0 / 2rem 2rem, var(--amon-color-night-950) !important; } .amon-df01--implementation .amon-impl__process :is(p, li) { color: var(--amon-color-silver); } .amon-df01--implementation .amon-impl__hero .amon-df01__hero-copy { max-width: 38.75rem; } .amon-df01--implementation .amon-impl__hero .amon-df01__asset--hero { width: min(100%, 34rem); max-width: 34rem; justify-self: center; } .amon-impl__entry-layout, .amon-impl__intro-layout, .amon-impl__section-intro, .amon-impl__process-intro { display: grid; gap: clamp(2rem, 5vw, 5rem); align-items: start; } .amon-impl__entry-layout h2, .amon-impl__intro-layout h2, .amon-impl__section-intro h2, .amon-impl__process-intro h2 { max-width: 18ch; margin-block-end: 0; } .amon-impl__entry-copy, .amon-impl__intro-copy, .amon-impl__section-copy, .amon-impl__section-intro > p, .amon-impl__process-intro > p { max-width: 45rem; } .amon-impl__intro-copy { padding-block-start: 1.5rem; border-block-start: 2px solid var(--amon-color-accent); } .amon-impl__entry-copy { padding-block-start: 1.5rem; border-block-start: 2px solid var(--amon-color-accent); } .amon-impl__entry-services { display: grid; margin-block-start: 1.75rem; border-block-start: 1px solid var(--amon-color-line); } .amon-df01__content .amon-impl__entry-service { max-width: none; margin: 0; padding-block: 1.25rem; } .amon-df01__content .amon-impl__entry-service + .amon-impl__entry-service { border-block-start: 1px solid var(--amon-color-line); } .amon-df01__content .amon-impl__entry-conclusion { max-width: none; margin: 0; padding-block-start: 1.5rem; border-block-start: 1px solid var(--amon-color-line); color: var(--amon-color-ink); font-weight: 500; } .amon-impl__task-grid, .amon-impl__phase-grid, .amon-impl__model-grid, .amon-impl__result-grid, .amon-impl__boundary-grid, .amon-impl__context-links { display: grid; margin: 0; padding: 0; } .amon-impl__task-grid { margin-block-start: clamp(1.5rem, 3.5vw, 2.25rem) !important; border-block-start: 1px solid var(--amon-color-line); border-inline-start: 1px solid var(--amon-color-line); } .amon-impl__task { position: relative; padding: clamp(1.75rem, 3vw, 2.5rem); border-inline-end: 1px solid var(--amon-color-line); border-block-end: 1px solid var(--amon-color-line); } .amon-impl__task::before, .amon-impl__model::before, .amon-impl__result-item::before, .amon-impl__boundary-panel::before { display: block; width: 0.55rem; aspect-ratio: 1; margin-block-end: 1.25rem; transform: rotate(45deg); border: 1.5px solid var(--amon-color-accent-active); content: ""; } .amon-impl__task h3, .amon-impl__task p, .amon-impl__model h3, .amon-impl__model p, .amon-impl__result-item h3, .amon-impl__result-item p, .amon-impl__boundary-panel h3, .amon-impl__boundary-panel li { margin-block-end: 0; } .amon-impl__task h3, .amon-impl__model h3, .amon-impl__result-item h3, .amon-impl__boundary-panel h3, .amon-impl__phase-grid h3 { font-size: clamp(1.125rem, 1rem + 0.35vw, 1.375rem); } .amon-impl__task p, .amon-impl__model p, .amon-impl__result-item p, .amon-impl__boundary-panel li, .amon-impl__phase-grid p { font-size: 1rem; line-height: 1.58; } .amon-df01__content .amon-impl__process-note { display: flex; align-items: center; gap: 1rem; margin-block: clamp(2.5rem, 5vw, 4rem) 1.25rem; color: var(--amon-color-focus-dark) !important; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.08em; line-height: 1.4; } .amon-impl__process-note::after { min-width: 2rem; height: 1px; flex: 1 1 auto; background: var(--amon-color-line-dark); content: ""; } .amon-impl__phase-grid { border-block-start: 1px solid var(--amon-color-line-dark); border-inline-start: 1px solid var(--amon-color-line-dark); list-style: none; } .amon-impl__phase-grid > li { position: relative; padding: clamp(1.75rem, 3vw, 2.5rem); border-inline-end: 1px solid var(--amon-color-line-dark); border-block-end: 1px solid var(--amon-color-line-dark); } .amon-impl__phase-grid > li::before { display: block; width: 0.55rem; aspect-ratio: 1; margin-block-end: 1.25rem; transform: rotate(45deg); border: 1.5px solid var(--amon-color-focus-dark); content: ""; } .amon-impl__phase-grid h3 { color: var(--amon-color-white); } .amon-impl__model-grid { margin-block-start: clamp(3rem, 5vw, 4.5rem); border-block-start: 1px solid var(--amon-color-line); border-inline-start: 1px solid var(--amon-color-line); } .amon-df01__content .amon-impl__model-grid { margin-block-start: clamp(3rem, 5vw, 4.5rem); } .amon-impl__model { padding: clamp(1.75rem, 3vw, 2.5rem); border-inline-end: 1px solid var(--amon-color-line); border-block-end: 1px solid var(--amon-color-line); } .amon-impl__results h2 { max-width: none; } .amon-impl__results > .amon-container > p { max-width: 45rem; } .amon-impl__result-grid { gap: 0 clamp(2rem, 5vw, 4rem); margin-block-start: clamp(2.5rem, 5vw, 4rem); } .amon-impl__result-item { position: relative; display: grid; grid-template-columns: 1rem minmax(0, 1fr); column-gap: 1rem; padding-block: 1.75rem; border-block-start: 1px solid var(--amon-color-line); } .amon-impl__result-item::before { grid-column: 1; grid-row: 1; width: 0.5rem; margin-block: 0.35rem 0; } .amon-impl__result-item h3, .amon-impl__result-item p { grid-column: 2; } .amon-impl__result-note { max-width: none !important; margin-block: 1.25rem 0 !important; padding-block-start: 1.5rem; border-block-start: 1px solid var(--amon-color-line); font-size: 0.9375rem; } .amon-impl__boundary > .amon-container > p { max-width: 52rem; } .amon-impl__boundary-grid { margin-block-start: clamp(2.5rem, 5vw, 4rem); border-block-start: 1px solid var(--amon-color-line); border-inline-start: 1px solid var(--amon-color-line); } .amon-impl__boundary-panel { padding: clamp(1.75rem, 3vw, 2.5rem); border-inline-end: 1px solid var(--amon-color-line); border-block-end: 1px solid var(--amon-color-line); } .amon-impl__boundary-panel--included { background: color-mix(in srgb, var(--amon-color-accent) 7%, var(--amon-color-white)); } .amon-impl__boundary-panel ul { margin: 1.5rem 0 0; padding-inline-start: 1.25rem; } .amon-impl__boundary-panel li + li { margin-block-start: 0.875rem; } .amon-impl__production-note { max-width: none !important; margin-block: 1.25rem 0 !important; font-size: 0.9375rem; } .amon-impl__context-links { gap: 0.75rem clamp(2rem, 5vw, 4rem); margin-block-start: 1.5rem; } .amon-impl__context-links p { margin: 0; } .amon-df01--implementation .amon-impl__contact .amon-df01__asset--closing { width: min(100%, 34rem); max-width: 34rem; } @media (min-width: 37.5em) { .amon-impl__entry-services, .amon-impl__task-grid, .amon-impl__result-grid, .amon-impl__boundary-grid, .amon-impl__context-links { grid-template-columns: repeat(2, minmax(0, 1fr)); } .amon-df01__content .amon-impl__entry-service { padding-inline-end: clamp(1.5rem, 3vw, 2.5rem); } .amon-df01__content .amon-impl__entry-service + .amon-impl__entry-service { padding-inline: clamp(1.5rem, 3vw, 2.5rem) 0; border-block-start: 0; border-inline-start: 1px solid var(--amon-color-line); } .amon-impl__phase-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 50em) { .amon-impl__entry-layout, .amon-impl__intro-layout, .amon-impl__section-intro, .amon-impl__process-intro { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); } .amon-df01--implementation .amon-impl__contact .amon-df01__contact-layout { grid-template-columns: minmax(0, 1fr) minmax(20rem, 1fr); gap: clamp(2.5rem, 5vw, 5rem); } .amon-impl__process-intro > p { align-self: center; } } @media (min-width: 56.3125em) { .amon-impl__phase-grid, .amon-impl__model-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 56.25em) { .amon-impl__model-grid { grid-template-columns: minmax(0, 1fr); } } @media (min-width: 75em) { .amon-df01--implementation .amon-impl__hero .amon-df01__hero-layout { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(3rem, 5vw, 5rem); } .amon-df01--implementation .amon-impl__hero .amon-df01__asset--hero { width: min(100%, 34rem); max-width: 34rem; align-self: start; margin-block-start: 2.75rem; } } @media (min-width: 64em) and (max-width: 74.9375em) { .amon-df01--implementation h1 { font-size: 3rem; } .amon-df01--implementation .amon-impl__hero .amon-df01__hero-layout { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3rem; } .amon-df01--implementation .amon-impl__hero .amon-df01__asset--hero { width: min(100%, 26rem); max-width: 26rem; } } @media (min-width: 50em) and (max-width: 63.9375em) { .amon-df01--implementation h1 { font-size: 2.5rem; } .amon-df01--implementation .amon-impl__hero .amon-df01__hero-layout { grid-template-columns: minmax(0, 1fr) minmax(20rem, 1.05fr); gap: 2.5rem; } .amon-df01--implementation .amon-impl__hero .amon-df01__asset--hero { width: min(100%, 26rem); max-width: 26rem; } } @media (max-width: 49.9375em) { .amon-df01--implementation { --amon-df01-section-space: clamp(4.5rem, 15vw, 5.5rem); } .amon-df01--implementation h1 { font-size: clamp(2rem, 5vw, 2.5rem); } .amon-impl__entry-layout, .amon-impl__intro-layout, .amon-impl__section-intro, .amon-impl__process-intro { grid-template-columns: minmax(0, 1fr); gap: 1.5rem; } .amon-impl__entry-layout h2, .amon-impl__intro-layout h2, .amon-impl__section-intro h2, .amon-impl__process-intro h2 { max-width: 22ch; } .amon-df01--implementation .amon-impl__hero .amon-df01__asset--hero, .amon-df01--implementation .amon-impl__contact .amon-df01__asset--closing { width: min(100%, 22rem); } } @media (min-width: 37.5em) and (max-width: 49.9375em) { .amon-df01--implementation .amon-impl__hero .amon-df01__hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1.75rem; } .amon-df01--implementation .amon-impl__hero .amon-df01__hero-actions .amon-df01__actions, .amon-df01--implementation .amon-impl__hero .amon-df01__hero-actions .wp-block-button, .amon-df01--implementation .amon-impl__hero .amon-df01__hero-actions .wp-block-button__link, .amon-df01--implementation .amon-impl__contact .amon-df01__actions, .amon-df01--implementation .amon-impl__contact .amon-df01__actions .wp-block-button, .amon-df01--implementation .amon-impl__contact .amon-df01__actions .wp-block-button__link { width: auto; } .amon-df01--implementation .amon-impl__hero .amon-df01__hero-actions .amon-df01__orientation-link { max-width: 23rem; margin-block-start: 0; } .amon-df01--implementation .amon-impl__hero .amon-df01__asset--hero { width: min(100%, 28.75rem); max-width: 28.75rem; } .amon-df01--implementation .amon-impl__contact .amon-df01__asset--closing { width: min(100%, 30rem); max-width: 30rem; } } @media (max-width: 37.4375em) { .amon-df01--implementation h1 { font-size: clamp(2.25rem, 10.25vw, 2.5rem); } .amon-df01--implementation .amon-impl__hero .amon-df01__asset--hero, .amon-df01--implementation .amon-impl__contact .amon-df01__asset--closing { width: 100%; max-width: none; } .amon-impl__task-grid, .amon-impl__phase-grid, .amon-impl__result-grid, .amon-impl__boundary-grid, .amon-impl__context-links { grid-template-columns: minmax(0, 1fr); } .amon-impl__process-note { align-items: flex-start; } .amon-impl__process-note::after { display: none; } } @media (forced-colors: active) { .amon-impl__task::before, .amon-impl__model::before, .amon-impl__result-item::before, .amon-impl__boundary-panel::before, .amon-impl__phase-grid > li::before { border-color: LinkText; } } .amon-df01--production { --amon-df01-section-space: clamp(5rem, 7vw, 8rem); } .amon-df01--production :is(.amon-prod__hero, .amon-prod__closing) { background: linear-gradient(rgba(63, 208, 198, 0.032) 1px, transparent 1px) 0 0 / 2rem 2rem, linear-gradient(90deg, rgba(63, 208, 198, 0.032) 1px, transparent 1px) 0 0 / 2rem 2rem, var(--amon-color-night-950) !important; } .amon-df01--production .amon-prod__hero .amon-df01__hero-copy { max-width: 45rem; } .amon-df01--production .amon-prod__hero h1 { max-width: 18ch; } .amon-df01--production .amon-prod__hero .amon-df01__asset--hero { width: min(100%, 36rem); max-width: 36rem; justify-self: center; } .amon-prod__actions { display: flex; align-items: stretch; flex-wrap: wrap; gap: 0.75rem; margin-block: 2rem 0; } .amon-prod__actions .wp-block-button, .amon-prod__actions .wp-block-button__link { margin: 0; } .amon-prod__button-secondary .wp-block-button__link { min-height: var(--amon-button-min-height); padding: 0.875rem var(--amon-button-padding-inline); border: 1px solid var(--amon-color-focus-dark); border-radius: var(--amon-radius-control); background: transparent; color: var(--amon-color-focus-dark); font-weight: 600; } .amon-prod__button-secondary .wp-block-button__link:hover { background: rgba(63, 208, 198, 0.1); color: var(--amon-color-white); } .amon-prod__needs, .amon-prod__responsibility { background: var(--amon-color-white) !important; } .amon-prod__paths, .amon-prod__quality { background: var(--amon-color-canvas) !important; } .amon-prod__methods { --amon-color-link-text: var(--amon-color-link-on-dark); background: linear-gradient(rgba(63, 208, 198, 0.025) 1px, transparent 1px) 0 0 / 2rem 2rem, linear-gradient(90deg, rgba(63, 208, 198, 0.025) 1px, transparent 1px) 0 0 / 2rem 2rem, var(--amon-color-night-900) !important; color: var(--amon-color-white); } .amon-prod__methods :is(p, li) { color: var(--amon-color-silver); } .amon-prod__needs > .amon-container > .amon-df01__lead, .amon-prod__paths > .amon-container > .amon-df01__lead, .amon-prod__methods > .amon-container > .amon-df01__lead { max-width: 52rem; } .amon-prod__need-grid, .amon-prod__path-grid, .amon-prod__method-grid { display: grid; margin-block-start: clamp(2.5rem, 5vw, 4rem); } .amon-prod__need-grid, .amon-prod__method-grid { border-block-start: 1px solid var(--amon-color-line); border-inline-start: 1px solid var(--amon-color-line); } .amon-prod__card, .amon-prod__method { position: relative; padding: clamp(1.5rem, 3vw, 2.5rem); border-inline-end: 1px solid var(--amon-color-line); border-block-end: 1px solid var(--amon-color-line); } .amon-prod__card::before, .amon-prod__method::before, .amon-prod__path::before { display: block; width: 0.55rem; aspect-ratio: 1; margin-block-end: 1.25rem; transform: rotate(45deg); border: 1.5px solid var(--amon-color-accent-active); content: ""; } .amon-prod__card :is(h3, p), .amon-prod__method :is(h3, p), .amon-prod__path :is(h3, p) { margin-block-end: 0; } .amon-prod__card h3, .amon-prod__method h3, .amon-prod__path h3 { font-size: clamp(1.125rem, 1rem + 0.35vw, 1.375rem); } .amon-prod__card p, .amon-prod__method p, .amon-prod__path p { font-size: 1rem; line-height: 1.6; } .amon-prod__path-grid { gap: clamp(1rem, 2.5vw, 2rem); } .amon-prod__path { padding: clamp(1.75rem, 4vw, 3rem); border: 1px solid var(--amon-color-line); background: var(--amon-color-white); } .amon-prod__path--direct { border-block-start: 3px solid var(--amon-color-accent); background: color-mix(in srgb, var(--amon-color-accent) 6%, var(--amon-color-white)); } .amon-prod__method-grid { border-color: var(--amon-color-line-dark); } .amon-prod__method { border-color: var(--amon-color-line-dark); } .amon-prod__method::before { border-color: var(--amon-color-focus-dark); } .amon-prod__method h3 { color: var(--amon-color-white); } .amon-prod__method--own { background: rgba(63, 208, 198, 0.08); box-shadow: inset 3px 0 0 var(--amon-color-focus-dark); } .amon-prod__method--partner { background: rgba(255, 255, 255, 0.025); } .amon-prod__method--referral { background: rgba(185, 198, 200, 0.035); } .amon-prod__editorial { display: grid; gap: clamp(2.5rem, 6vw, 6rem); align-items: start; } .amon-prod__editorial h2 { max-width: 18ch; margin-block-end: 0; } .amon-prod__editorial-heading .amon-df01__lead { margin-block-start: 1.5rem; } .amon-prod__editorial-copy { max-width: 46rem; padding-block-start: 1.75rem; border-block-start: 2px solid var(--amon-color-accent); } .amon-prod__editorial-copy p:last-child { margin-block-end: 0; } .amon-prod__closing .amon-df01__contact-copy { max-width: 48rem; } .amon-prod__closing .amon-df01__text-link { display: inline; min-height: 0; } .amon-prod__closing .amon-df01__text-link::after { content: ""; } .amon-prod__related-intro { margin-block-end: 1.5rem; } .amon-prod__related-services { display: grid; gap: 1.25rem; margin-block: 0 1.5rem; } .amon-prod__related-service { position: relative; padding-inline-start: 1.5rem; } .amon-prod__related-service::before { position: absolute; inset-block-start: 0.48rem; inset-inline-start: 0.15rem; width: 0.5rem; aspect-ratio: 1; transform: rotate(45deg); border: 1.5px solid var(--amon-color-focus-dark); content: ""; } .amon-prod__related-service h3 { margin-block: 0 0.3rem; font-size: 1.0625rem; line-height: 1.4; } .amon-prod__related-service p, .amon-prod__related-note { margin-block-end: 0; } .amon-prod__related-service p { color: var(--amon-color-silver); font-size: 1rem; line-height: 1.55; } .amon-prod__related-note { padding-block-start: 1.25rem; border-block-start: 1px solid var(--amon-color-line-dark); } .amon-df01--production .amon-prod__closing .amon-df01__asset--closing { width: min(100%, 34rem); max-width: 34rem; } @media (min-width: 42em) { .amon-prod__need-grid, .amon-prod__method-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (min-width: 50em) { .amon-prod__path-grid { grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr); } .amon-prod__editorial { grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr); } } @media (min-width: 72em) { .amon-df01--production .amon-df01__hero-layout, .amon-df01--production .amon-df01__contact-layout { grid-template-columns: minmax(0, 1.18fr) minmax(22rem, 0.82fr); } .amon-prod__need-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } } @media (min-width: 50em) and (max-width: 71.9375em) { .amon-df01--production .amon-df01__hero-layout, .amon-df01--production .amon-df01__contact-layout { grid-template-columns: minmax(0, 1fr); gap: clamp(2rem, 4vw, 3rem); } .amon-df01--production .amon-prod__hero .amon-df01__hero-copy, .amon-prod__closing .amon-df01__contact-copy { max-width: 52rem; } .amon-df01--production .amon-prod__hero h1 { max-width: 20ch; } .amon-df01--production .amon-prod__hero .amon-df01__asset--hero, .amon-df01--production .amon-prod__closing .amon-df01__asset--closing { width: min(100%, 28rem); justify-self: end; } } @media (max-width: 49.9375em) { .amon-df01--production .amon-prod__hero h1 { max-width: 20ch; } .amon-df01--production .amon-prod__hero .amon-df01__asset--hero { width: min(100%, 30rem); justify-self: start; } .amon-prod__actions, .amon-prod__actions .wp-block-button, .amon-prod__actions .wp-block-button__link { width: 100%; } .amon-prod__actions .wp-block-button__link { justify-content: center; } } @media (max-width: 25em) { .amon-prod__card, .amon-prod__method, .amon-prod__path { padding: 1.25rem; } } @media (forced-colors: active) { .amon-prod__card::before, .amon-prod__method::before, .amon-prod__path::before { border-color: LinkText; } } .amon-softlaunch-page { --amon-sl-white: #fff; --amon-sl-silver: #b9c6c8; --amon-sl-canvas: #f3f6f6; --amon-sl-canvas-2: #eaf0f0; --amon-sl-ink: #202a32; --amon-sl-slate: #52646b; --amon-sl-accent: #00a3a3; --amon-sl-focus: #3fd0c6; --amon-sl-line: #cbd5d6; --amon-sl-warning-bg: #fff8db; --amon-sl-warning-line: #d39b00; --amon-sl-warning-text: #5c4300; color: var(--amon-sl-ink); background: var(--amon-sl-canvas); font-size: 17px; line-height: 1.58; } .amon-softlaunch-page, .amon-softlaunch-page > *, .amon-softlaunch-page .wp-block-group, .amon-softlaunch-page .wp-block-buttons { margin-block: 0; } .amon-softlaunch-page :where(a, button):focus-visible { outline: 3px solid var(--amon-sl-focus); outline-offset: 4px; } .amon-softlaunch-page h1, .amon-softlaunch-page h2, .amon-softlaunch-page h3 { max-width: none; margin: 0; color: inherit; font-weight: 500; letter-spacing: -0.025em; } .amon-softlaunch-page h1 { max-width: 12ch; font-size: clamp(2.9rem, 5.2vw, 5.6rem); line-height: 0.99; } .amon-softlaunch-page h2 { max-width: 18ch; font-size: clamp(2rem, 3.4vw, 3.3rem); line-height: 1.08; } .amon-softlaunch-page h3 { font-size: clamp(1.25rem, 1.8vw, 1.55rem); line-height: 1.2; letter-spacing: -0.012em; } .amon-sl-container { width: min(calc(100% - 160px), 1280px); margin-inline: auto; } .amon-sl-container-wide { width: min(calc(100% - 160px), 1184px); margin-inline: auto; } .amon-sl-eyebrow { margin: 0 0 24px; color: var(--amon-sl-accent); font-size: 0.83rem; font-weight: 600; letter-spacing: 0.13em; text-transform: uppercase; } .amon-sl-hero { position: relative; overflow: hidden; background: var(--amon-color-night-950); color: var(--amon-sl-white); } .amon-sl-hero::after, .amon-sl-legal-hero::after, .amon-sl-error::after { position: absolute; width: 520px; height: 520px; background: url("/files/user-upload/amon-original/amon-signet-dark-from-metadata-v1-0.svg") center / contain no-repeat; content: ""; opacity: 0.075; pointer-events: none; } .amon-sl-hero::after { top: 80px; right: -125px; } .amon-sl-hero__inner { position: relative; z-index: 2; padding-block: 96px 104px; } .amon-sl-hero__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(360px, 5fr); gap: 72px; align-items: start; } .amon-sl-lead, .amon-sl-hero .amon-sl-lead { max-width: 710px; margin: 34px 0 0; color: var(--amon-sl-silver); font-size: clamp(1.05rem, 1.7vw, 1.3rem); line-height: 1.55; } .amon-sl-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 26px; margin-block-start: 38px !important; } .amon-sl-button-primary .wp-block-button__link, .amon-sl-button-primary:not(.wp-block-button) { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; padding: 0 24px; border: 0; border-radius: 0; background: var(--amon-sl-focus); color: var(--amon-color-night-950); font-weight: 600; text-decoration: none; } .amon-sl-button-secondary .wp-block-button__link { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; padding: 0 24px; border: 1px solid rgba(185, 198, 200, 0.48); border-radius: 0; background: transparent; color: var(--amon-sl-white); font-weight: 500; text-decoration: none; } .amon-sl-link-button .wp-block-button__link, .amon-sl-text-link-dark, .amon-sl-text-link { display: inline-flex; min-height: 44px; align-items: center; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--amon-sl-focus); font-weight: 500; text-decoration: underline; text-underline-offset: 5px; } .amon-sl-text-link-dark::after, .amon-sl-text-link::after, .amon-sl-link-button .wp-block-button__link::after { margin-inline-start: 8px; content: "→"; text-decoration: none; } .amon-sl-contact-panel { padding-inline-start: 42px; border-inline-start: 1px solid rgba(185, 198, 200, 0.35); } .amon-sl-contact-panel h2 { margin-block-end: 26px; color: var(--amon-sl-white); font-size: 1.65rem; } .amon-sl-contact-panel p { color: var(--amon-sl-silver); } .amon-sl-contact-panel > p:first-of-type { margin-block-end: 24px; } .amon-sl-person { margin-block-end: 26px; } .amon-sl-person strong { color: var(--amon-sl-white); font-size: 1.12rem; font-weight: 600; } .amon-sl-contact-links { margin-block: 28px !important; border-block: 1px solid rgba(185, 198, 200, 0.2); } .amon-sl-contact-links p { margin: 0; border-block-start: 1px solid rgba(185, 198, 200, 0.16); } .amon-sl-contact-links p:first-child { border-block-start: 0; } .amon-sl-contact-links a, .amon-sl-privacy-note a { display: inline-flex; min-height: 58px; align-items: center; color: var(--amon-sl-white); text-decoration: none; } .amon-sl-privacy-note a { min-height: 44px; color: var(--amon-sl-focus); text-decoration: underline; } .amon-sl-address { margin-block-end: 20px; line-height: 1.65; } .amon-sl-small, .amon-sl-privacy-note { font-size: 0.91rem; } .amon-sl-section { padding-block: 104px; } .amon-sl-section--white { background: var(--amon-sl-white); } .amon-sl-section--canvas { background: var(--amon-sl-canvas); } .amon-sl-section-head { display: grid; grid-template-columns: 4fr 8fr; gap: 52px; align-items: start; margin-block-end: 64px !important; } .amon-sl-intro, .amon-sl-section-tail, .amon-sl-open-item p, .amon-sl-process-step p, .amon-sl-closing p { color: var(--amon-sl-slate); } .amon-sl-intro { max-width: 680px; font-size: 1.08rem; } .amon-sl-open-grid, .amon-sl-process-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-block-start: 1px solid var(--amon-sl-line); } .amon-sl-open-item, .amon-sl-process-step { min-height: 240px; padding: 32px 32px 24px 0; border-inline-end: 1px solid var(--amon-sl-line); } .amon-sl-open-item + .amon-sl-open-item, .amon-sl-process-step + .amon-sl-process-step { padding-inline-start: 32px; } .amon-sl-open-item:last-child, .amon-sl-process-step:last-child { padding-inline-end: 0; border-inline-end: 0; } .amon-sl-open-item h3, .amon-sl-process-step h3 { margin-block-end: 18px; } .amon-sl-section-tail { max-width: 760px; margin-block-start: 36px !important; } .amon-sl-info-split { display: grid; grid-template-columns: minmax(0, 6fr) minmax(320px, 4fr); gap: 88px; align-items: start; } .amon-sl-info-split ul { margin: 34px 0 0; padding: 0; list-style: none; } .amon-sl-info-split li { position: relative; padding: 17px 0 17px 30px; border-block-start: 1px solid var(--amon-sl-line); } .amon-sl-info-split li::before { position: absolute; top: 25px; left: 0; width: 9px; height: 9px; background: var(--amon-sl-accent); content: ""; } .amon-sl-notice { padding-block-start: 27px; border-block-start: 3px solid var(--amon-sl-accent); color: var(--amon-sl-slate); } .amon-sl-notice strong { color: var(--amon-sl-ink); } .amon-sl-process-step { min-height: 246px; padding-block-start: 34px; } .amon-sl-closing { padding-block: 92px; background: var(--amon-sl-canvas-2); } .amon-sl-closing__inner { display: grid; grid-template-columns: 7fr 4fr; gap: 76px; align-items: end; } .amon-sl-legal-hero { position: relative; overflow: hidden; background: var(--amon-color-night-950); color: var(--amon-sl-white); } .amon-sl-legal-hero::after { right: -80px; bottom: -120px; width: 390px; height: 390px; opacity: 0.055; } .amon-sl-legal-hero .amon-sl-hero__inner { padding-block: 72px 78px; } .amon-legal-page h1 { max-width: none; overflow-wrap: anywhere; font-size: clamp(2.75rem, 4.4vw, 4.7rem); } .amon-legal-page h2 { max-width: none; font-size: clamp(1.45rem, 2vw, 2rem); } .amon-sl-legal-shell { padding-block: 96px 112px; background: var(--amon-sl-white); } .amon-sl-legal-content { width: min(calc(100% - 160px), 720px); margin-inline: auto; } .amon-sl-legal-content > section { margin: 0 0 44px; padding: 0 0 44px; border-block-end: 1px solid var(--amon-sl-line); } .amon-sl-legal-content > section:last-child { margin-block-end: 0; padding-block-end: 0; border-block-end: 0; } .amon-sl-legal-content h2 { margin-block-end: 22px; } .amon-sl-legal-content p, .amon-sl-legal-content li { color: #394850; } .amon-sl-legal-content a { display: inline-flex; min-height: 44px; align-items: center; color: #006c72; } .amon-sl-privacy-layout { display: grid; width: min(calc(100% - 160px), 1100px); margin-inline: auto; grid-template-columns: 240px minmax(0, 720px); gap: 76px; align-items: start; } .amon-sl-privacy-content { width: auto; } .amon-sl-toc { position: sticky; top: 24px; padding-block-start: 20px; border-block-start: 3px solid var(--amon-sl-accent); } .amon-sl-toc__title { color: var(--amon-sl-slate); font-size: 0.82rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; } .amon-sl-toc ol { margin: 18px 0 0; padding: 0; list-style: none; } .amon-sl-toc a { display: flex; min-height: 44px; align-items: center; color: var(--amon-sl-slate); font-size: 0.92rem; text-decoration: none; } .amon-sl-draft-banner, .amon-sl-live-placeholder { padding: 18px 20px; border-inline-start: 4px solid var(--amon-sl-warning-line); background: var(--amon-sl-warning-bg); color: var(--amon-sl-warning-text); font-size: 0.95rem; } .amon-sl-draft-banner { margin-block-end: 48px !important; } .amon-sl-live-placeholder { margin-block: 22px !important; background: #fffbea; font-size: 0.94rem; } .amon-sl-draft-banner p, .amon-sl-live-placeholder p { margin: 0; color: var(--amon-sl-warning-text); } .amon-sl-draft-banner strong, .amon-sl-live-placeholder strong { display: inline-block; margin-block-end: 5px; } .amon-sl-live-placeholder strong { font-size: 0.78rem; letter-spacing: 0.08em; text-transform: uppercase; } .amon-sl-error { position: relative; display: flex; min-height: 610px; overflow: hidden; align-items: center; background: var(--amon-color-night-950); color: var(--amon-sl-white); } .amon-sl-error::after { top: 50%; right: 3%; transform: translateY(-50%); opacity: 0.085; } .amon-sl-error__content { position: relative; z-index: 2; max-width: 760px; padding-block: 98px; } .amon-sl-error__content h1 { max-width: 10ch; } .amon-sl-error__content .amon-sl-lead { max-width: 670px; margin-block-start: 30px; font-size: 1.15rem; } .amon-sl-error__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 30px; margin-block-start: 40px; } @media (max-width: 73.75em) { .amon-sl-container, .amon-sl-container-wide { width: min(calc(100% - 80px), 1280px); } .amon-sl-hero__grid { grid-template-columns: minmax(0, 5fr) minmax(330px, 7fr); gap: 50px; } .amon-sl-hero__inner { padding-block: 84px 92px; } .amon-sl-privacy-layout { width: min(calc(100% - 80px), 980px); grid-template-columns: 210px minmax(0, 1fr); gap: 50px; } } @media (max-width: 56.25em) { .amon-sl-container, .amon-sl-container-wide { width: min(calc(100% - 64px), 1280px); } .amon-sl-hero__grid { grid-template-columns: 1fr; gap: 58px; } .amon-sl-contact-panel { padding-block-start: 42px; padding-inline-start: 0; border-block-start: 1px solid rgba(185, 198, 200, 0.35); border-inline-start: 0; } .amon-sl-section { padding-block: 84px; } .amon-sl-section-head, .amon-sl-info-split, .amon-sl-closing__inner { grid-template-columns: 1fr; } .amon-sl-section-head { gap: 24px; margin-block-end: 48px !important; } .amon-sl-open-grid, .amon-sl-process-grid { grid-template-columns: 1fr; } .amon-sl-open-item, .amon-sl-open-item + .amon-sl-open-item, .amon-sl-process-step, .amon-sl-process-step + .amon-sl-process-step { min-height: 0; padding: 30px 0; border-inline-end: 0; border-block-end: 1px solid var(--amon-sl-line); } .amon-sl-open-item:last-child, .amon-sl-process-step:last-child { border-block-end: 0; } .amon-sl-info-split { gap: 48px; } .amon-sl-legal-content { width: min(calc(100% - 64px), 720px); } .amon-sl-privacy-layout { width: min(calc(100% - 64px), 720px); grid-template-columns: 1fr; gap: 42px; } .amon-sl-toc { position: static; } .amon-sl-toc ol { columns: 2; column-gap: 28px; } .amon-sl-error { min-height: 560px; } .amon-sl-error::after { right: -110px; width: 420px; height: 420px; opacity: 0.055; } } @media (max-width: 47.9375em) { .amon-softlaunch-page { font-size: 16px; } .amon-sl-container, .amon-sl-container-wide, .amon-sl-legal-content, .amon-sl-privacy-layout { width: calc(100% - 40px); } .amon-sl-hero__inner { padding-block: 66px 72px; } .amon-sl-hero::after { top: 70px; right: -120px; width: 330px; height: 330px; } .amon-sl-hero__actions { align-items: stretch; } .amon-sl-hero__actions .amon-sl-button-primary, .amon-sl-hero__actions .amon-sl-button-secondary { flex: 1 1 210px; } .amon-sl-hero__actions .wp-block-button__link { width: 100%; } .amon-sl-section { padding-block: 68px; } .amon-sl-section-head { margin-block-end: 36px !important; } .amon-sl-closing { padding-block: 68px; } .amon-sl-legal-hero .amon-sl-hero__inner { padding-block: 54px 58px; } .amon-sl-legal-shell { padding-block: 68px 82px; } .amon-sl-legal-content > section { margin-block-end: 36px; padding-block-end: 36px; } .amon-sl-toc ol { columns: 1; } .amon-sl-error { min-height: 520px; } .amon-sl-error__content { padding-block: 72px; } .amon-sl-error__actions { flex-direction: column; align-items: stretch; } .amon-sl-error__actions .amon-sl-button-primary { width: 100%; } .amon-sl-error__actions .amon-sl-text-link-dark { width: fit-content; } } @media (max-width: 22.5em) { .amon-sl-container, .amon-sl-container-wide, .amon-sl-legal-content, .amon-sl-privacy-layout { width: calc(100% - 32px); } .amon-softlaunch-page h1 { font-size: 2.65rem; } .amon-sl-hero__actions .amon-sl-button-primary, .amon-sl-hero__actions .amon-sl-button-secondary { flex-basis: 100%; } .amon-sl-contact-links a { overflow-wrap: anywhere; } } @media (prefers-reduced-motion: reduce) { .amon-softlaunch-page * { transition: none !important; } } @media (forced-colors: active) { .amon-sl-button-primary, .amon-sl-button-primary .wp-block-button__link, .amon-sl-button-secondary .wp-block-button__link, .amon-sl-draft-banner, .amon-sl-live-placeholder { border: 1px solid CanvasText; } } .amon-orientation-main, .amon-orientation-page { background: var(--amon-color-white); color: var(--amon-color-ink); } .amon-orientation-page, .amon-orientation-page * { box-sizing: border-box; } .amon-orientation-page, .amon-orientation-page > *, .amon-orientation-page .wp-block-group, .amon-orientation-page .wp-block-buttons, .amon-orientation-page p, .amon-orientation-page h1, .amon-orientation-page h2, .amon-orientation-page h3 { margin-block-start: 0; } .amon-orientation-page > *, .amon-orientation-page .wp-block-group { margin-block-end: 0; } .amon-orientation-section { position: relative; padding-block: 72px; border-top: 1px solid var(--amon-color-line); scroll-margin-top: 24px; } .amon-orientation-section--canvas { background: var(--amon-color-canvas); } .amon-orientation-page h1 { max-width: 19ch; margin-block-end: 24px; font-size: clamp(2.25rem, 1.95rem + 1.5vw, 3.5rem); line-height: 1.08; } .amon-orientation-page h2 { max-width: 24ch; margin-block-end: 20px; font-size: clamp(1.875rem, 1.58rem + 1.45vw, 2.875rem); line-height: 1.13; } .amon-orientation-page h3 { margin-block-end: 12px; font-size: clamp(1.25rem, 1.15rem + 0.5vw, 1.625rem); line-height: 1.25; } .amon-orientation-page p, .amon-orientation-page li, .amon-booking-choice { overflow-wrap: break-word; } .amon-orientation-page .amon-eyebrow { margin-block-end: 12px; } .amon-orientation-intro, .amon-orientation-lead { max-width: 66ch; font-size: var(--amon-font-size-intro); line-height: var(--amon-line-height-intro); } .amon-orientation-section__head { max-width: 760px; } .amon-orientation-section__head--booking { max-width: 820px; } .amon-orientation-hero { z-index: 0; overflow: clip; padding-block: 72px 80px; border-top: 0; background: var(--amon-color-white); } .amon-orientation-hero::after { position: absolute; z-index: -1; right: -14vw; bottom: -14%; width: min(70vw, 840px); aspect-ratio: 1; background: url("/files/user-upload/amon-original/amon-signet-dark-from-metadata-v1-0.svg") center / contain no-repeat; content: ""; opacity: 0.035; pointer-events: none; } .amon-orientation-hero__content { max-width: 820px; } .amon-orientation-hero__copy { max-width: 760px; margin-block-end: 28px !important; } .amon-orientation-hero__copy p { margin-block-end: 12px; } .amon-orientation-hero__copy p:last-child { margin-block-end: 0; color: var(--amon-color-slate); } .amon-orientation-facts { display: flex; flex-wrap: wrap; gap: 12px 24px; margin: 0 0 28px; padding: 0; list-style: none; } .amon-orientation-facts li { display: inline-flex; align-items: center; gap: 8px; color: var(--amon-color-slate); font-size: var(--amon-font-size-small); font-weight: var(--amon-font-weight-medium); } .amon-orientation-facts li::before { width: 18px; height: 18px; flex: 0 0 18px; border: 1.5px solid var(--amon-color-link); border-radius: 50%; color: var(--amon-color-link); content: "✓"; font-size: 11px; font-weight: 600; line-height: 15px; text-align: center; } .amon-orientation-actions, .amon-orientation-closing__actions .wp-block-buttons { margin: 0; } .amon-orientation-cta::after { content: "→"; font-size: 1.15em; line-height: 1; } .amon-orientation-benefits { display: grid; gap: 0; margin: 48px 0 0; padding: 0; list-style: none; counter-reset: none; } .amon-orientation-benefit { position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr); padding-block: 24px; border-top: 1px solid var(--amon-color-line); } .amon-orientation-benefit:last-child { border-bottom: 1px solid var(--amon-color-line); } .amon-orientation-benefit__index { grid-row: 1 / span 2; color: var(--amon-color-link); font-size: var(--amon-font-size-label); font-variant-numeric: tabular-nums; font-weight: var(--amon-font-weight-semibold); letter-spacing: 0.06em; } .amon-orientation-benefit h3, .amon-orientation-benefit > span:last-child { grid-column: 2; } .amon-orientation-benefit > span:last-child { color: var(--amon-color-slate); } .amon-orientation-boundary { max-width: 900px; margin-block-start: 40px !important; padding: 20px 20px 20px 56px; border: 1px solid var(--amon-color-line); border-radius: var(--amon-radius-panel); background: color-mix(in srgb, var(--amon-color-white) 68%, transparent); } .amon-orientation-boundary::before { position: absolute; margin: 1px 0 0 -36px; width: 20px; height: 20px; border: 1.5px solid var(--amon-color-link); border-radius: 50%; color: var(--amon-color-link); content: "i"; font-size: 13px; font-weight: 600; line-height: 17px; text-align: center; } .amon-orientation-boundary p { color: var(--amon-color-slate); font-size: var(--amon-font-size-small); } .amon-orientation-project__layout, .amon-orientation-personal__layout, .amon-orientation-closing__layout { display: grid; gap: 48px; } .amon-orientation-project__main { max-width: 780px; } .amon-orientation-project__transition { margin-block: 32px 18px; font-weight: var(--amon-font-weight-medium); } .amon-orientation-topics { display: grid; gap: 14px; margin: 0; padding: 0; list-style: none; } .amon-orientation-topics li { position: relative; padding-left: 28px; color: var(--amon-color-slate); } .amon-orientation-topics li::before { position: absolute; top: 0.55em; left: 2px; width: 9px; height: 5px; border-bottom: 1.5px solid var(--amon-color-link); border-left: 1.5px solid var(--amon-color-link); content: ""; transform: rotate(-45deg); } .amon-orientation-preparation { align-self: start; padding: 28px; border: 1px solid var(--amon-color-line); border-radius: var(--amon-radius-panel); background: var(--amon-color-canvas); } .amon-orientation-preparation::before { display: grid; width: 28px; height: 28px; margin-block-end: 18px; place-items: center; border: 1.5px solid var(--amon-color-link); border-radius: 50%; color: var(--amon-color-link); content: "✓"; font-size: 14px; font-weight: 600; } .amon-orientation-preparation p { margin-block-end: 12px; color: var(--amon-color-slate); } .amon-orientation-preparation p:first-of-type { color: var(--amon-color-ink); font-size: 1.08em; } .amon-orientation-booking-slot { display: none; } .amon-booking { margin-block-start: 48px; } .amon-booking__choices { display: grid; gap: 20px; } .amon-booking-choice { position: relative; display: grid; width: 100%; min-height: 44px; grid-template-columns: 52px minmax(0, 1fr); gap: 18px; padding: 24px; border: 1px solid var(--amon-color-line); border-radius: var(--amon-radius-panel); background: var(--amon-color-white); color: var(--amon-color-ink); cursor: pointer; text-align: left; transition: border-color var(--amon-transition-duration) var(--amon-transition-easing), background-color var(--amon-transition-duration) var(--amon-transition-easing); } .amon-booking-choice:hover { border-color: var(--amon-color-line-strong); background: color-mix(in srgb, var(--amon-color-white) 72%, var(--amon-color-mist)); } .amon-booking-choice[aria-pressed="true"], .amon-booking-choice.is-active { border-color: var(--amon-color-link); background: var(--amon-color-white); box-shadow: inset 0 0 0 1px var(--amon-color-link); } .amon-booking-choice[aria-pressed="true"]::after { position: absolute; top: 16px; right: 16px; display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: var(--amon-color-link); color: var(--amon-color-white); content: "✓"; font-size: 13px; font-weight: 600; } .amon-booking-choice__icon { display: grid; width: 52px; height: 52px; place-items: center; border: 1px solid var(--amon-color-line); border-radius: 50%; color: var(--amon-color-link); } .amon-booking-choice__icon svg { width: 28px; height: 28px; fill: none; stroke: currentcolor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; } .amon-booking-choice__content { display: flex; min-width: 0; flex-direction: column; } .amon-booking-choice__title { padding-right: 34px; font-size: clamp(1.3rem, 1.19rem + 0.45vw, 1.625rem); font-weight: var(--amon-font-weight-medium); line-height: 1.25; } .amon-booking-choice__short { margin-block-start: 6px; font-weight: var(--amon-font-weight-medium); } .amon-booking-choice__description { margin-block-start: 12px; color: var(--amon-color-slate); font-size: var(--amon-font-size-small); line-height: var(--amon-line-height-small); } .amon-booking-choice__facts { display: flex; flex-wrap: wrap; gap: 8px 20px; margin-block-start: 20px; color: var(--amon-color-slate); font-size: 0.875rem; line-height: 1.4; } .amon-booking-choice__facts span { position: relative; padding-left: 18px; } .amon-booking-choice__facts span::before { position: absolute; top: 0.4em; left: 0; width: 8px; height: 8px; border: 1px solid var(--amon-color-link); border-radius: 50%; content: ""; } .amon-booking-choice__action { display: inline-flex; width: 100%; min-height: 48px; align-items: center; justify-content: space-between; margin-block-start: 22px; padding-inline: 18px; border-radius: var(--amon-radius-control); background: var(--amon-color-link); color: var(--amon-color-white); font-size: var(--amon-font-size-small); font-weight: var(--amon-font-weight-semibold); } .amon-booking-choice__action::after { content: "→"; font-size: 1.15em; } .amon-booking__panel { margin-block-start: 24px; } .amon-booking__panel[hidden], .amon-booking__loading[hidden], .amon-booking__fallback[hidden], .amon-booking__embed-shell[hidden] { display: none; } .amon-booking__loading, .amon-booking__fallback { display: flex; min-height: 104px; align-items: center; justify-content: center; gap: 16px; padding: 24px; border: 1px dashed var(--amon-color-line-strong); border-radius: var(--amon-radius-panel); background: var(--amon-color-white); color: var(--amon-color-slate); text-align: center; } .amon-booking__loading-indicator { width: 22px; height: 22px; flex: 0 0 22px; border: 2px solid var(--amon-color-line-strong); border-top-color: var(--amon-color-link); border-radius: 50%; animation: amon-booking-spin 0.8s linear infinite; } .amon-booking__fallback { display: block; } .amon-booking__fallback p { margin: 0; } .amon-booking__fallback p + p { margin-block-start: 10px; } .amon-booking__embed-shell, .amon-booking__embed, .amon-booking__embed.zeeg-inline-widget { min-width: 0 !important; width: 100%; max-width: 100%; } .amon-booking__embed { min-height: 780px; } .amon-booking__embed iframe { display: block; width: 100% !important; max-width: 100% !important; border: 0; } .amon-booking__noscript { margin-block-start: 24px; padding: 20px; border: 1px solid var(--amon-color-line); background: var(--amon-color-white); } .amon-booking__noscript p, .amon-booking__noscript ul { margin: 0; } .amon-booking__noscript ul { margin-block-start: 8px; padding-inline-start: 20px; } @keyframes amon-booking-spin { to { transform: rotate(360deg); } } .amon-visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; } .amon-orientation-personal__copy { max-width: 720px; } .amon-orientation-personal__copy p, .amon-orientation-closing__copy p { margin-block-end: 16px; } .amon-orientation-personal__copy p:first-child { font-size: var(--amon-font-size-intro); line-height: var(--amon-line-height-intro); } .amon-orientation-personal__copy p:not(:first-child), .amon-orientation-closing__copy p { color: var(--amon-color-slate); } .amon-orientation-closing__copy { max-width: 740px; } .amon-orientation-closing__actions { align-self: center; } .amon-orientation-closing__facts { margin-block: 18px 6px; color: var(--amon-color-slate); font-size: var(--amon-font-size-small); font-weight: var(--amon-font-weight-medium); } .amon-orientation-closing__actions .amon-text-link { white-space: normal; } @media (max-width: 26.874em) { .amon-orientation-section__head--booking h2 { overflow-wrap: anywhere; } .amon-orientation-actions .wp-block-button, .amon-orientation-actions .wp-block-button__link, .amon-orientation-closing__actions .wp-block-button, .amon-orientation-closing__actions .wp-block-button__link { width: 100%; } .amon-booking-choice { grid-template-columns: 1fr; padding: 20px; } .amon-booking-choice__icon { width: 46px; height: 46px; } .amon-booking-choice__title { padding-right: 30px; } .amon-booking__loading, .amon-booking__fallback { align-items: flex-start; text-align: left; } } @media (min-width: 48em) { .amon-orientation-section { padding-block: 88px; } .amon-orientation-hero { padding-block: 88px 104px; } .amon-orientation-hero__copy { margin-block-end: 32px !important; } .amon-orientation-benefits, .amon-booking { margin-block-start: 56px; } .amon-orientation-boundary { padding: 22px 24px 22px 60px; } .amon-booking-choice { padding: 28px; } } @media (min-width: 64em) { .amon-orientation-section { padding-block: 104px; } .amon-orientation-hero { padding-block: 96px 120px; } .amon-orientation-benefits { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; } .amon-orientation-benefit { display: block; padding: 28px 0 0; border-bottom: 0 !important; } .amon-orientation-benefit__index { display: block; margin-block-end: 28px; font-size: 0.95rem; } .amon-orientation-benefit > span:last-child { display: block; } .amon-orientation-project__layout { grid-template-columns: minmax(0, 2fr) minmax(280px, 0.9fr); gap: 72px; } .amon-orientation-preparation { margin-block-start: 64px; } .amon-booking__choices { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; } .amon-booking-choice { min-height: 100%; } .amon-booking-choice__content { height: 100%; } .amon-booking-choice__facts { margin-top: auto; padding-top: 20px; } .amon-orientation-personal__layout { grid-template-columns: minmax(300px, 0.85fr) minmax(0, 1.35fr); gap: 88px; align-items: start; } .amon-orientation-closing__layout { grid-template-columns: minmax(0, 1.3fr) minmax(350px, 0.7fr); gap: 72px; align-items: center; } } @media (min-width: 90em) { .amon-orientation-section { padding-block: 112px; } .amon-orientation-hero { padding-block: 104px 128px; } .amon-orientation-project__layout, .amon-orientation-personal__layout { gap: 104px; } } @media (prefers-reduced-motion: reduce) { .amon-booking-choice { transition-duration: 0.01ms; } .amon-booking__loading-indicator { animation: none; } } @media (forced-colors: active) { .amon-booking-choice, .amon-booking__loading, .amon-booking__fallback, .amon-orientation-boundary, .amon-orientation-preparation { border: 1px solid ButtonText; } .amon-booking-choice[aria-pressed="true"] { border-width: 3px; box-shadow: none; } .amon-booking-choice__action { border: 1px solid ButtonText; } } .amon-part-request, .amon-part-request * { min-width: 0; } .amon-part-request { background: var(--amon-color-canvas); color: var(--amon-color-ink); } .amon-part-request__hero { padding-block: clamp(3rem, 5vw, 4.5rem) clamp(4.5rem, 7vw, 7rem); background: linear-gradient(rgba(63, 208, 198, 0.03) 1px, transparent 1px) 0 0 / 2rem 2rem, linear-gradient(90deg, rgba(63, 208, 198, 0.03) 1px, transparent 1px) 0 0 / 2rem 2rem, var(--amon-color-night-950); color: var(--amon-color-white); } .amon-part-request__hero-layout, .amon-part-request__layout { display: grid; gap: clamp(2.5rem, 6vw, 6rem); align-items: start; } .amon-part-request__hero-copy { max-width: 48rem; } .amon-part-request__eyebrow, .amon-part-request__step { margin-block: 0 1.25rem; color: var(--amon-color-focus-dark); font-size: 0.8125rem; font-weight: 600; letter-spacing: 0.16em; line-height: 1.35; text-transform: uppercase; } .amon-part-request__hero h1 { max-width: 15ch; margin-block: 0 2rem; font-size: clamp(2.5rem, 1.6rem + 3.5vw, 4.75rem); font-weight: 500; letter-spacing: -0.03em; line-height: 1.04; } .amon-part-request__hero p { max-width: 43rem; margin-block: 0 1.25rem; color: var(--amon-color-silver); } .amon-part-request__hero .amon-part-request__lead { color: var(--amon-color-white); font-size: clamp(1.125rem, 1.03rem + 0.35vw, 1.375rem); line-height: 1.55; } .amon-part-request__expectation { padding: clamp(1.75rem, 3.5vw, 2.5rem); border: 1px solid var(--amon-color-line-dark); border-block-start: 3px solid var(--amon-color-focus-dark); background: rgba(19, 49, 62, 0.55); } .amon-part-request__expectation h2 { margin-block: 0 1.5rem; color: var(--amon-color-white); font-size: clamp(1.25rem, 1.05rem + 0.6vw, 1.625rem); font-weight: 500; line-height: 1.2; } .amon-part-request__expectation ul { margin: 0; padding-inline-start: 1.25rem; } .amon-part-request__expectation li { color: var(--amon-color-silver); } .amon-part-request__expectation li + li { margin-block-start: 0.875rem; } .amon-part-request__form-section { padding-block: clamp(5rem, 8vw, 9rem); } .amon-part-request__form-intro { max-width: 32rem; } .amon-part-request__form-intro h2 { margin-block: 0 1.5rem; font-size: clamp(1.875rem, 1.3rem + 2.2vw, 3rem); font-weight: 500; letter-spacing: -0.025em; line-height: 1.1; } .amon-part-request__form-intro > p:last-child { color: var(--amon-color-slate); } .amon-part-request__form-panel { max-width: 52rem; } .amon-part-request__errors, .amon-part-request__client-errors, .amon-part-request__success { margin-block-end: 2rem; padding: 1.5rem; border: 1px solid #8a2b2b; border-inline-start-width: 4px; background: #fff7f5; } .amon-part-request__success { border-color: var(--amon-color-link); background: color-mix(in srgb, var(--amon-color-accent) 7%, var(--amon-color-white)); } .amon-part-request__errors h3, .amon-part-request__client-errors h3, .amon-part-request__success h3 { margin-block: 0 1rem; font-size: 1.25rem; } .amon-part-request__errors ul, .amon-part-request__client-errors ul { margin-block: 0; padding-inline-start: 1.25rem; } .amon-part-request__errors a, .amon-part-request__client-errors a { color: #742020; font-weight: 500; } .amon-part-request__request-id { overflow-wrap: anywhere; } .amon-part-request__text-link { color: var(--amon-color-link); font-weight: 500; text-decoration: underline; text-underline-offset: 0.2rem; } .amon-part-request__form fieldset { margin: 0; padding: 0; border: 0; } .amon-part-request__form fieldset + fieldset { margin-block-start: 3.5rem; } .amon-part-request__form legend { width: 100%; margin-block-end: 1.75rem; padding-block-end: 0.875rem; border-block-end: 2px solid var(--amon-color-ink); color: var(--amon-color-ink); font-size: 1.25rem; font-weight: 600; } .amon-part-request__fields { display: grid; gap: 1.5rem; } .amon-part-request__field label, .amon-part-request__upload > label { display: block; margin-block-end: 0.5rem; color: var(--amon-color-ink); font-size: 1rem; font-weight: 600; } .amon-part-request__optional { color: var(--amon-color-slate); font-size: 0.8125rem; font-weight: 400; } .amon-part-request__field :is(input, select, textarea), .amon-part-request__upload input[type="file"] { width: 100%; min-height: var(--amon-control-min-size); padding: 0.75rem 0.875rem; border: 1px solid var(--amon-color-line-strong); border-radius: var(--amon-radius-control); background: var(--amon-color-white); color: var(--amon-color-ink); } .amon-part-request__field textarea { min-height: 9rem; resize: vertical; } .amon-part-request__field :is(input, select, textarea)[aria-invalid="true"], .amon-part-request__upload input[aria-invalid="true"] { border-color: #8a2b2b; box-shadow: 0 0 0 1px #8a2b2b; } .amon-part-request__upload { margin-block-end: 1.5rem; padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid var(--amon-color-line); background: var(--amon-color-white); } .amon-part-request__upload input[type="file"] { padding: 0.5rem; } .amon-part-request__upload input[type="file"]::file-selector-button { min-height: var(--amon-control-min-size); margin-inline-end: 0.875rem; padding-inline: 1rem; border: 0; border-radius: var(--amon-radius-control); background: var(--amon-color-night-900); color: var(--amon-color-white); cursor: pointer; font-weight: 600; } .amon-part-request__hint, .amon-part-request__file-status { margin-block: 0 0.875rem; color: var(--amon-color-slate); font-size: 0.9375rem; } .amon-part-request__file-status { margin-block: 0.75rem 0; } .amon-part-request__field-error { margin-block: 0.5rem 0; color: #742020; font-size: 0.9375rem; font-weight: 500; } .amon-part-request__privacy { display: grid; grid-template-columns: 1.25rem minmax(0, 1fr); gap: 0.75rem; margin-block-start: 2.5rem; padding-block-start: 1.75rem; border-block-start: 1px solid var(--amon-color-line); } .amon-part-request__privacy input { width: 1.25rem; height: 1.25rem; margin-block-start: 0.2rem; accent-color: var(--amon-color-link); } .amon-part-request__privacy label { line-height: 1.55; } .amon-part-request__privacy a { color: var(--amon-color-link); text-decoration: underline; text-underline-offset: 0.2rem; } .amon-part-request__privacy .amon-part-request__field-error { grid-column: 2; } .amon-part-request__submit-row { display: grid; gap: 1rem; margin-block-start: 2rem; } .amon-part-request__submit-row .amon-button-primary { justify-self: start; border: 0; cursor: pointer; } .amon-part-request__submit-row p { max-width: 40rem; margin: 0; color: var(--amon-color-slate); font-size: 0.9375rem; } .amon-part-request__honeypot { position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; clip-path: inset(50%) !important; white-space: nowrap !important; } @media (min-width: 42em) { .amon-part-request__fields { grid-template-columns: repeat(2, minmax(0, 1fr)); } .amon-part-request__field--wide { grid-column: 1 / -1; } } @media (min-width: 60em) { .amon-part-request__hero-layout { grid-template-columns: minmax(0, 1.15fr) minmax(20rem, 0.85fr); } .amon-part-request__layout { grid-template-columns: minmax(16rem, 0.62fr) minmax(0, 1.38fr); } } @media (max-width: 30em) { .amon-part-request__upload input[type="file"]::file-selector-button { display: block; width: 100%; margin: 0 0 0.625rem; } .amon-part-request__submit-row .amon-button-primary { width: 100%; } } @media (forced-colors: active) { .amon-part-request__expectation, .amon-part-request__upload, .amon-part-request__errors, .amon-part-request__client-errors, .amon-part-request__success { border-color: CanvasText; } } .amon-breadcrumb { position: relative; z-index: 3; flex: 0 0 auto; margin-block: 0 36px !important; color: #edf4f4; font-size: 0.78125rem; line-height: 1.4; } .amon-breadcrumb ol { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 9px; margin: 0; padding: 0; list-style: none; } .amon-breadcrumb li { display: inline-flex; min-width: 0; align-items: center; gap: 9px; margin: 0; padding: 0; } .amon-breadcrumb a { display: inline; min-height: 0; align-items: initial; color: #9fb3ba; text-decoration: none; transition: color 140ms ease; } .amon-breadcrumb__separator { flex: 0 0 auto; color: #70868f; } .amon-breadcrumb__current { color: #edf4f4; font-weight: 400; } .amon-breadcrumb a:hover { color: var(--amon-color-focus-dark) !important; } .amon-breadcrumb a:focus-visible { border-radius: 1px; color: var(--amon-color-focus-dark) !important; outline: 2px solid var(--amon-color-focus-dark); outline-offset: 3px; } .amon-orientation-hero .amon-breadcrumb a { color: var(--amon-color-slate); } .amon-orientation-hero .amon-breadcrumb__separator { color: #73858b; } .amon-orientation-hero .amon-breadcrumb__current { color: var(--amon-color-ink); } .amon-orientation-hero .amon-breadcrumb a:hover, .amon-orientation-hero .amon-breadcrumb a:focus-visible { color: var(--amon-color-link) !important; } @media (min-width: 64em) { :is(.amon-hero, .amon-services-intro, .amon-df01__hero) h1 { max-width: none; font-size: 56px; font-weight: 500; letter-spacing: -0.03em; line-height: 1.08; } .amon-services-asset--intro { width: min(100%, 520px); max-width: 520px; } .amon-df01__asset--hero { width: min(100%, 420px); max-width: 420px; } } @media (min-width: 75em) { :is(.amon-hero, .amon-services-intro, .amon-df01__hero) { display: flex; min-height: 860px; flex-direction: column; box-sizing: border-box; padding-block: 28px; } :is(.amon-hero__layout, .amon-services-intro__layout, .amon-df01__hero-layout) { width: 100%; min-height: 0; flex: 1 1 auto; align-items: center; } .amon-hero__layout { grid-template-columns: minmax(0, 1fr) minmax(0, 520px); column-gap: 48px; } .amon-services-intro__layout { grid-template-columns: minmax(0, 1fr) minmax(0, 600px); column-gap: 48px; } .amon-df01__hero-layout { grid-template-columns: minmax(0, 1fr) minmax(0, 460px); column-gap: 48px; } .amon-services-intro__content, .amon-df01__hero-copy { align-self: start; } .amon-services-asset--intro { width: min(100%, 600px); max-width: 600px; } .amon-df01__asset--hero { width: min(100%, 460px); max-width: 460px; } .amon-df01__title-line { display: inline; } :is(.amon-hero, .amon-services-intro, .amon-df01__hero) :is(.amon-eyebrow, .amon-services-section-kicker, .amon-df01__eyebrow) { margin-block-end: 16px; } :is(.amon-services-intro .amon-services-section-marker, .amon-df01__hero .amon-df01__marker) { margin-block-end: 12px; } :is(.amon-hero__title, .amon-services-intro__title, .amon-df01__hero h1) { margin-block-end: 24px; } :is(.amon-hero__intro, .amon-hero__text, .amon-services-lead, .amon-df01__hero-copy > p:not(.amon-df01__eyebrow):not(.amon-df01__marker)) { font-size: 18px; line-height: 1.5; } .amon-hero__intro { margin-block-end: 12px; } .amon-hero__text, .amon-services-lead { margin-block-end: 0; } .amon-df01__hero-copy > p:not(.amon-df01__eyebrow):not(.amon-df01__marker) { max-width: none; margin-block-end: 12px; } .amon-df01__hero-copy > p:not(.amon-df01__eyebrow):not(.amon-df01__marker):last-of-type { margin-block-end: 0; } :is(.amon-hero__actions, .amon-df01__hero-actions) { margin-block-start: 24px !important; } } @media (max-width: 47.999em) { .amon-breadcrumb { margin-block-end: 32px !important; font-size: 0.75rem; } } @media (prefers-reduced-motion: reduce) { .amon-breadcrumb a { transition: none; } } .amon-neleto-page{display:contents}.amon-main > .amon-neleto-page > div{min-width:0} 
/* AMON approved hero 2026-11-04 */
.amon-hero .amon-hero__title{font-size:clamp(2rem,2.5vw,3rem);line-height:1.12;letter-spacing:-.025em}.amon-hero__headline-line{display:block}.amon-hero .amon-hero__actions{align-items:flex-start;gap:20px 24px}.amon-hero__primary-action{max-width:100%}.amon-hero .amon-hero__booking-note{margin:10px 0 0;font-size:1rem;line-height:1.5;color:var(--amon-color-text-on-dark)}.amon-hero .amon-orientation-item{gap:0}.amon-hero .amon-orientation-item strong{font-size:1.0625rem}.amon-hero .amon-hero__primary-action a{white-space:normal;text-align:center}.amon-hero .amon-link-button{padding-top:0}@media(max-width:40em){.amon-hero .amon-hero__actions{flex-direction:column;align-items:stretch}.amon-hero__primary-action,.amon-hero__primary-action .wp-block-button{width:100%}.amon-hero .amon-hero__primary-action a{width:100%}.amon-hero .amon-hero__booking-note{text-align:center}.amon-hero .amon-link-button{align-self:flex-start}}
/* AMON situations with direct service links 2026-11-04 */
.amon-situations .amon-situation-detail{grid-column:2;min-width:0;color:var(--amon-color-slate);font-size:var(--amon-font-size-small);line-height:var(--amon-line-height-small)}.amon-situations .amon-situation-detail p{margin:0}.amon-situations .amon-situation-detail .amon-text-link{margin-top:8px;min-height:44px;align-items:center;white-space:normal;overflow-wrap:anywhere}.amon-situations .amon-situation-help{margin:32px 0 8px;color:var(--amon-color-slate)}.amon-situations .amon-section-action{margin-top:0}@media(min-width:48em){.amon-situations .amon-situation-detail{grid-column:3}}
/* AMON operating models with next steps 2026-11-04 */
.amon-operating-models .amon-model-link{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;white-space:normal;overflow-wrap:anywhere}.amon-operating-models .amon-model-link-note{font-size:.9375rem;line-height:1.5;color:var(--amon-color-slate);margin:4px 0 0}.amon-operating-models .amon-model-help{margin:32px 0 8px;color:var(--amon-color-slate)}.amon-operating-models .amon-section-action{margin-top:0}
/* AMON service selection 2026-11-04 */
.amon-service-system .amon-service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.amon-service-system .amon-service-core{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:12px;padding:24px}.amon-service-system .amon-service-core+.amon-service-core{margin-block-start:0}.amon-service-system .amon-service-core p{margin:0}.amon-service-system .amon-service-kicker{color:var(--amon-color-focus-dark);font-size:.875rem;letter-spacing:.04em}.amon-service-system .amon-service-core h3{font-size:1.5rem;line-height:1.25}.amon-service-system .amon-service-result strong,.amon-service-system .amon-service-result span{display:block}.amon-service-system .amon-service-result strong{color:var(--amon-color-white);font-size:.9375rem;margin-bottom:4px}.amon-service-system .amon-service-core .amon-text-link{margin-top:auto;padding-top:12px;min-height:44px;white-space:normal}.amon-service-system .amon-suite-layer .amon-text-link{min-height:44px;align-items:center;justify-self:start}.amon-service-system .amon-academy-row{padding-block:24px}.amon-service-system .amon-academy-row p{max-width:65ch}@media(max-width:47.999em){.amon-service-system .amon-service-list{grid-template-columns:minmax(0,1fr);gap:16px}.amon-service-system .amon-service-core{padding:20px}}
/* Fix Suite teaser layout 2026-11-04 */
.amon-service-system .amon-suite-teaser{grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:28px}.amon-service-system .amon-suite-copy{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;min-width:0}.amon-service-system .amon-suite-copy h3,.amon-service-system .amon-suite-copy p{margin:0;max-width:65ch}.amon-service-system .amon-suite-teaser>.amon-text-link{grid-column:auto;grid-row:auto;justify-self:start;max-width:100%;white-space:normal;min-width:0;align-self:center}@media(max-width:47.999em){.amon-service-system .amon-suite-teaser{grid-template-columns:minmax(0,1fr);padding:20px;gap:16px}}