/*
Theme Name: GeneratePress Child
Description: ICONIC DATA styles, fonts, and motion for GeneratePress.
Template: generatepress
Version: 1.0.0
Text Domain: generatepress-child
*/
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6 {
  font-family: 'Gen Interface JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', Meiryo, Arial, sans-serif;
}

/* Fixed homepage navigation */
.idj-top{--idj-admin-offset:0px}
body.admin-bar .idj-top{--idj-admin-offset:32px}
.idj-top .idj-header{position:fixed;top:calc(35px + var(--idj-admin-offset));z-index:1000}
.idj-top [id]{scroll-margin-top:calc(160px + var(--idj-admin-offset))}
@media(max-width:900px){.idj-top .idj-header{top:calc(22px + var(--idj-admin-offset))}}
@media(max-width:782px){body.admin-bar .idj-top{--idj-admin-offset:46px}}

/* Shared section labels: full-height blue-to-gold gradient from Services. */
.idj-top .idj-eyebrow{font-size:clamp(18px,1.3889vw,24px);line-height:1.2;background-size:100% 100%;background-position:left top;margin-bottom:48px!important}
.idj-top .idj-eyebrow:before{background:#4b6b83;top:50%;transform:translateY(-50%)}
@media(max-width:1200px){.idj-top .idj-eyebrow{margin-bottom:36px!important}}

/* Navigation is persistent: exclude it from page entrance fades and movement. */
html .idj-top .idj-header{opacity:1!important;transform:none!important;translate:none!important}

/* Compact shared navigation. */
.idj-top .idj-header{padding-top:14px;padding-bottom:14px;min-height:74px}
.idj-top .idj-menu{font-size:clamp(10px,.75vw,13px);letter-spacing:.08em}
.idj-top .idj-mobile-menu summary{font-size:12px;letter-spacing:.08em}
.idj-top .idj-mobile-links{font-size:14px;letter-spacing:.06em}

/* Footer content is persistent, like the navigation: no entrance fade or movement. */
html .idj-top footer,html .idj-top footer *,html .idj-top .idj-footer,html .idj-top .idj-footer *{opacity:1!important;transform:none!important;translate:none!important}

/* Footer links share the desktop and mobile navigation text sizes. */
html .idj-top .idj-footer-links,html .idj-top .idj-sv-footer-links{font-size:clamp(10px,.75vw,13px)}
html .idj-top .idj-footer-links p,html .idj-top .idj-footer-links a,html .idj-top .idj-sv-footer-links a{font-size:inherit}
@media(max-width:900px){html .idj-top .idj-footer-links,html .idj-top .idj-sv-footer-links{font-size:14px}}


/* Mobile English subpage titles: 80% of the shared heading scale. */
@media(max-width:900px){html .idj-top.idj-sv .idj-sv-hero h1{font-size:clamp(54.4px,5.11392vw,88.368px);line-height:1.2}}

/* Decorative homepage hero symbol; PNG includes its own transparency. */
html body.home .idj-top .idj-hero::after{content:"";display:block;position:absolute;inset:10% 0 5%;z-index:0;background:url("https://iconic.inc/wp-content/uploads/2026/10/idj-symbol.png") center/auto 100% no-repeat;opacity:1;mix-blend-mode:plus-lighter;pointer-events:none}
@media(max-width:900px){html body.home .idj-top .idj-hero::after{inset:12% 0 4%;opacity:.8}}

/* English subpage headings, desktop and mobile. */
html .idj-top.idj-sv .idj-sv-hero h1{line-height:1!important}


/* Deeper black footer across homepage and subpages. */
html body .idj-top footer,
html body .idj-top .idj-footer,
html body .idj-top .idj-sv-footer { background: #101010 !important; }