/* perzik Corporate Site V14 — Japanese navigation and representative refinements */

/* Global navigation: all labels are Japanese and remain compact on desktop. */
.header-inner{gap:20px}
.header .nav{gap:clamp(14px,1.45vw,24px)}
.header .nav a{font-size:11.5px;letter-spacing:.01em;white-space:nowrap}
.header .header-actions{gap:6px}
.header .header-actions a{padding-inline:13px;font-size:10.5px;white-space:nowrap}
.mobile-nav a.current{color:var(--green)}
.footer-top nav a{white-space:nowrap}

/* CEO signature: formal company/role plus a hand-signed name treatment. */
.page-company .representative-v14-signature{
  position:relative;display:grid;width:max-content;max-width:100%;justify-items:end;
  margin:34px 0 0 auto;padding:5px 12px 18px;color:var(--green-dark);line-height:1.25;
}
.page-company .representative-v14-signature .signature-role{
  display:block;margin-right:3px;color:#65716d;font-size:10px;font-weight:700;letter-spacing:.075em;
}
.page-company .representative-v14-signature .signature-name{
  position:relative;z-index:2;display:block;margin-top:7px;color:var(--green-dark);
  font-family:"Noto Serif CJK JP","Hiragino Mincho ProN","Yu Mincho",serif;
  font-size:clamp(27px,2.7vw,38px);font-style:italic;font-weight:600;letter-spacing:.11em;
  line-height:1.08;transform:rotate(-2.2deg) skewX(-4deg);transform-origin:right center;
}
.page-company .representative-v14-signature .signature-roman{
  position:absolute;z-index:1;right:2px;bottom:2px;color:rgba(214,91,157,.54);
  font-family:cursive;font-size:20px;font-weight:400;letter-spacing:.04em;transform:rotate(-5deg);
}
.page-company .representative-v14-signature .signature-stroke{
  position:absolute;z-index:0;right:-5px;bottom:4px;width:min(285px,100%);height:auto;color:rgba(25,150,111,.62);
}

/* Career: compact editorial block inspired by the attached faceted profile reference. */
.page-company .representative-v14-career{
  position:relative;isolation:isolate;display:grid;grid-template-columns:150px minmax(0,760px);
  gap:42px;align-items:start;margin-top:34px;padding:38px 42px;overflow:hidden;
  border:0;background:
    linear-gradient(135deg,rgba(255,255,255,.86),rgba(255,255,255,.58)),
    linear-gradient(120deg,#e5e9e7 0%,#cfd7d3 50%,#e9e6e7 100%);
  box-shadow:inset 0 0 0 1px rgba(7,60,49,.08);
}
.page-company .representative-v14-career::before,
.page-company .representative-v14-career::after{
  position:absolute;z-index:-1;content:"";pointer-events:none;
}
.page-company .representative-v14-career::before{
  inset:-35% 43% -55% -12%;background:rgba(7,60,49,.085);
  clip-path:polygon(0 0,100% 15%,74% 48%,100% 100%,18% 84%);
  transform:rotate(-7deg);
}
.page-company .representative-v14-career::after{
  inset:-18% -8% -30% 55%;background:rgba(214,91,157,.07);
  clip-path:polygon(15% 0,100% 9%,77% 48%,100% 86%,24% 100%,0 44%);
  transform:rotate(6deg);
}
.page-company .career-v14-label{position:relative;padding-top:3px}
.page-company .career-v14-label::after{display:block;width:42px;height:2px;margin-top:17px;background:var(--pink);content:""}
.page-company .career-v14-label small{display:block;color:var(--green-dark);font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:900;letter-spacing:.18em}
.page-company .career-v14-label span{display:block;margin-top:4px;color:#68716e;font-size:10px;font-weight:800;letter-spacing:.12em}
.page-company .representative-v14-career p{
  position:relative;max-width:720px;margin:0;color:#2e3734;font-size:14px;font-weight:650;line-height:2.05;letter-spacing:.025em;
}

@media(max-width:1180px){
  .header .nav{gap:13px}.header .nav a{font-size:10.5px}.header .header-actions a{padding-inline:10px;font-size:10px}
}
@media(max-width:1050px){
  .header .nav,.header .header-actions{display:none}.header .menu{display:block}
}
@media(max-width:720px){
  .page-company .representative-v14-signature{margin:28px 0 0 auto;padding-right:6px}
  .page-company .representative-v14-signature .signature-role{font-size:9px}
  .page-company .representative-v14-signature .signature-name{font-size:29px}
  .page-company .representative-v14-signature .signature-roman{font-size:17px}
  .page-company .representative-v14-career{grid-template-columns:1fr;gap:22px;margin-top:28px;padding:30px 23px 32px}
  .page-company .representative-v14-career::before{inset:-25% 20% 20% -35%}
  .page-company .representative-v14-career::after{inset:28% -30% -38% 35%}
  .page-company .representative-v14-career p{font-size:12.5px;line-height:1.95}
}

/* TOP uses a separate header component. */
.page-home .header-nav{gap:clamp(14px,1.45vw,24px)}
.page-home .header-nav a{font-size:11.5px;letter-spacing:.01em;white-space:nowrap}
.page-home .header-actions{gap:6px}
.page-home .header-action{padding-inline:13px;font-size:10.5px;white-space:nowrap}
@media(max-width:1180px){
  .page-home .header-nav{gap:13px}.page-home .header-nav a{font-size:10.5px}.page-home .header-action{padding-inline:10px;font-size:10px}
}