.elementor-4135 .elementor-element.elementor-element-8b4f8c7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:150px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-4135 .elementor-element.elementor-element-bf0e042{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-4135 .elementor-element.elementor-element-c9f8598 .elementor-heading-title{font-family:"Avenir Next Condensed", Sans-serif;font-size:33px;font-weight:800;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4135 .elementor-element.elementor-element-e3d630d{color:#ABB3C2;}.elementor-4135 .elementor-element.elementor-element-a0f7421{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#494640;--border-color:#494640;--border-radius:10px 10px 10px 10px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-4135 .elementor-element.elementor-element-a0f7421:not(.elementor-motion-effects-element-type-background), .elementor-4135 .elementor-element.elementor-element-a0f7421 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF0E;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4135 .elementor-element.elementor-element-3557324{width:100%;max-width:100%;}.elementor-4135 .elementor-element.elementor-element-3557324.elementor-element{--align-self:center;}.elementor-4135 .elementor-element.elementor-element-3557324 img{width:100%;max-width:100%;height:230px;object-fit:cover;object-position:center center;}.elementor-4135 .elementor-element.elementor-element-4b0eb3a{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-widget-theme-post-content{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-4135 .elementor-element.elementor-element-4c2596f{color:#D3D3D3;}body.elementor-page-4135:not(.elementor-motion-effects-element-type-background), body.elementor-page-4135 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}@media(max-width:1024px){.elementor-4135 .elementor-element.elementor-element-4b0eb3a{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-4135 .elementor-element.elementor-element-bf0e042{--width:80%;}.elementor-4135 .elementor-element.elementor-element-a0f7421{--width:49%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4135 .elementor-element.elementor-element-a0f7421{--width:48%;}}@media(max-width:767px){.elementor-4135 .elementor-element.elementor-element-8b4f8c7{--padding-top:150px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-4135 .elementor-element.elementor-element-3557324 img{height:185px;object-fit:cover;}.elementor-4135 .elementor-element.elementor-element-4b0eb3a{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for container, class: .elementor-element-8b4f8c7 *//* Exact background used for Comics 1st section (.hub-header) */
.hub-header {
  border-bottom: 1px solid var(--line);
  background: linear-gradient(
    120deg, 
    color-mix(in srgb, #ff5c7a 18%, transparent), 
    rgba(8, 9, 13, 0.96)
  ) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b0eb3a */.tone-comics {
  background-image: 
    radial-gradient(circle at 15% 50%, rgba(63, 232, 255, 0.25), transparent 35rem),
    radial-gradient(circle at 85% 10%, rgba(255, 92, 122, 0.20), transparent 30rem) !important;
}

/* Located at lines 3-6 in styles.css */
:root {
  --bg: #08090d;
  --bg-2: #10131a;    /* Deep navy tint */
  --panel: #151922;   /* Dark navy panel tint */
  --panel-2: #1b202b; /* Lighter navy panel tint */
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Avenir Next Condensed';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://studiointi.com/wp-content/uploads/2026/07/Avenir-Next-Condensed-Ultra-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Avenir Next Condensed';
	font-style: italic;
	font-weight: 100;
	font-display: auto;
	src: url('https://studiointi.com/wp-content/uploads/2026/07/Avenir-Next-Condensed-Ultra-Light-Italic.woff2') format('woff2');
}
@font-face {
	font-family: 'Avenir Next Condensed';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://studiointi.com/wp-content/uploads/2026/07/Avenir-Next-Condensed-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'Avenir Next Condensed';
	font-style: italic;
	font-weight: 200;
	font-display: auto;
	src: url('https://studiointi.com/wp-content/uploads/2026/07/Avenir-Next-Condensed-Thin-Italic.woff2') format('woff2');
}
@font-face {
	font-family: 'Avenir Next Condensed';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://studiointi.com/wp-content/uploads/2026/07/Avenir-Next-Condensed-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Avenir Next Condensed';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('https://studiointi.com/wp-content/uploads/2026/07/Avenir-Next-Condensed-Light-Italic.woff2') format('woff2');
}
@font-face {
	font-family: 'Avenir Next Condensed';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://studiointi.com/wp-content/uploads/2026/07/Avenir-Next-Condensed-Regular-1.woff2') format('woff2');
}
@font-face {
	font-family: 'Avenir Next Condensed';
	font-style: italic;
	font-weight: 400;
	font-display: auto;
	src: url('https://studiointi.com/wp-content/uploads/2026/07/Avenir-Next-Condensed-Italic.woff2') format('woff2');
}
@font-face {
	font-family: 'Avenir Next Condensed';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://studiointi.com/wp-content/uploads/2026/07/Avenir-Next-Condensed-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Avenir Next Condensed';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://studiointi.com/wp-content/uploads/2026/07/Avenir-Next-Condensed-Medium-Italic.woff2') format('woff2');
}
@font-face {
	font-family: 'Avenir Next Condensed';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://studiointi.com/wp-content/uploads/2026/07/Avenir-Next-Condensed-Demi.woff2') format('woff2');
}
@font-face {
	font-family: 'Avenir Next Condensed';
	font-style: italic;
	font-weight: 600;
	font-display: auto;
	src: url('https://studiointi.com/wp-content/uploads/2026/07/Avenir-Next-Condensed-Demi-Italic.woff2') format('woff2');
}
@font-face {
	font-family: 'Avenir Next Condensed';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://studiointi.com/wp-content/uploads/2026/07/Avenir-Next-Condensed-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Avenir Next Condensed';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://studiointi.com/wp-content/uploads/2026/07/Avenir-Next-Condensed-Bold-Italic.woff2') format('woff2');
}
@font-face {
	font-family: 'Avenir Next Condensed';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://studiointi.com/wp-content/uploads/2026/07/Avenir-Next-Condensed-Extra-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Avenir Next Condensed';
	font-style: italic;
	font-weight: 800;
	font-display: auto;
	src: url('https://studiointi.com/wp-content/uploads/2026/07/Avenir-Next-Condensed-Extra-Bold-Italic.woff2') format('woff2');
}
@font-face {
	font-family: 'Avenir Next Condensed';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://studiointi.com/wp-content/uploads/2026/07/Avenir-Next-Condensed-Heavy.woff2') format('woff2');
}
@font-face {
	font-family: 'Avenir Next Condensed';
	font-style: italic;
	font-weight: 800;
	font-display: auto;
	src: url('https://studiointi.com/wp-content/uploads/2026/07/Avenir-Next-Condensed-Heavy-Italic.woff2') format('woff2');
}
@font-face {
	font-family: 'Avenir Next Condensed';
	font-style: normal;
	font-weight: 900;
	font-display: auto;
	src: url('https://studiointi.com/wp-content/uploads/2026/07/Avenir-Next-Condensed-Black.woff2') format('woff2');
}
@font-face {
	font-family: 'Avenir Next Condensed';
	font-style: italic;
	font-weight: 900;
	font-display: auto;
	src: url('https://studiointi.com/wp-content/uploads/2026/07/Avenir-Next-Condensed-Black-Italic.woff2') format('woff2');
}
/* End Custom Fonts CSS */