/* セラトリ ABOUT PAGE — v0.2.7 | Scope all page content styles to .seratori-about. */
.seratori-about{overflow:clip;background:#fff;color:#111;}
.seratori-about :is(h1,h2,h3,p){margin-top:0;}
.seratori-about :is(h1,h2,h3){color:#111;font-family:inherit;letter-spacing:-.075em;line-height:1.38;font-weight:900;}
.seratori-about .sa-label{display:inline-flex;align-items:center;gap:10px;font:900 11px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.15em;color:#111}
.seratori-about .sa-label__line{width:23px;height:2px;background:currentColor}
.seratori-about .sa-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);align-items:center;gap:clamp(32px,5vw,70px);padding-block:70px 86px;min-height:620px}
.seratori-about .sa-hero__copy{min-width:0}
.seratori-about .sa-overline{margin:24px 0 12px;font-size:13px;font-weight:850;letter-spacing:-.025em}
.seratori-about .sa-hero h1{font-size:clamp(38px,4.2vw,65px);line-height:1.36;letter-spacing:-.09em;margin:0 0 21px}
.seratori-about .sa-highlight{position:relative;z-index:0;white-space:nowrap}
.seratori-about .sa-highlight:after{content:"";position:absolute;bottom:4px;left:1%;right:-3%;height:12px;background:#ffdb8a;z-index:-1;transform:rotate(-1.3deg)}
.seratori-about .sa-hero__description{max-width:440px;color:#444;font-weight:650;font-size:14px;line-height:2;margin-bottom:20px}
.seratori-about .sa-inline-link{display:inline-flex;align-items:center;gap:22px;font-size:13px;font-weight:900;border-bottom:2px solid #111;padding:0 0 5px}
.seratori-about .sa-inline-link span{font-size:21px;line-height:1;transition:transform .25s ease}
@media(hover:hover){.seratori-about .sa-inline-link:hover span{transform:translate(3px,-3px)}}
.seratori-about .sa-hero__art{position:relative;min-height:400px;aspect-ratio:1.16;isolation:isolate;background:#f6f5f1;overflow:clip}
.seratori-about .sa-art-card{position:absolute;border:2px solid #111;box-shadow:0 12px 0 rgba(17,17,17,.07)}
.seratori-about .sa-art-card--back{width:46%;height:61%;right:4%;top:15%;background:#c8e8ef;transform:rotate(16deg);padding:20px;display:flex;align-items:flex-end;font:900 clamp(12px,1.7vw,21px)/1.35 Arial,Helvetica,sans-serif;letter-spacing:-.06em}
.seratori-about .sa-art-card--front{width:58%;height:75%;left:12%;top:12%;background:#fff;transform:rotate(-10deg);display:flex;flex-direction:column;padding:6% 5%;}
.seratori-about .sa-art-card__top,.seratori-about .sa-art-card__foot{display:flex;justify-content:space-between;gap:5px;font:900 clamp(7px,.75vw,10px)/1.4 Arial,Helvetica,sans-serif;letter-spacing:.07em}
.seratori-about .sa-art-card__main{font:900 clamp(65px,9vw,130px)/.95 Arial,Helvetica,sans-serif;letter-spacing:-.13em;flex:1;display:flex;flex-direction:column;justify-content:center;position:relative}
.seratori-about .sa-art-card__period{position:absolute;right:11%;bottom:16%;font-size:.7em;color:#769aff}
.seratori-about .sa-art-card__divider{width:100%;height:2px;background:#111;margin:0 0 12px}
.seratori-about .sa-art-ring{position:absolute;border:20px solid #dcefba;border-radius:50%;width:40%;aspect-ratio:1;left:-9%;bottom:-10%;z-index:-1}
.seratori-about .sa-art-tab{position:absolute;left:7%;top:3%;background:#ffdb8a;border:2px solid #111;transform:rotate(-14deg);font:900 11px Arial,Helvetica,sans-serif;letter-spacing:.04em;padding:9px 13px;z-index:2}
.seratori-about .sa-art-cross{position:absolute;right:6%;top:0;font:900 105px/1 Arial,Helvetica,sans-serif;color:#111;transform:rotate(15deg)}
.seratori-about .sa-section{padding-block:76px 86px;border-top:1px solid #111}
.seratori-about .sa-section__heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:38px}
.seratori-about .sa-section__heading h2,.seratori-about .sa-policy__grid h2,.seratori-about .sa-company h2{font-size:clamp(31px,3.3vw,49px);margin:12px 0 0}
.seratori-about .sa-section__mark{font:900 70px/1 Arial,Helvetica,sans-serif}
.seratori-about .sa-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.seratori-about .sa-value{border-top:2px solid #111;padding-top:15px;min-width:0}
.seratori-about .sa-value__num{display:grid;place-items:center;width:56px;height:50px;border-left:4px solid #111;font:900 24px/1 Arial,Helvetica,sans-serif;letter-spacing:-.05em}
.seratori-about .sa-value__num--yellow{background:#ffdb8a}.seratori-about .sa-value__num--blue{background:#d8e5ff}.seratori-about .sa-value__num--lime{background:#dcefb5}
.seratori-about .sa-value h3{font-size:clamp(22px,2vw,29px);margin:23px 0 10px}
.seratori-about .sa-value p{color:#555;line-height:1.9;font-size:13px;max-width:310px}
.seratori-about .sa-section--policy{background:#f5f5f3;border:0}
.seratori-about .sa-policy__grid{display:grid;grid-template-columns:1fr 1.05fr;gap:80px}
.seratori-about .sa-policy__lead{font-size:14px;line-height:2;color:#555;margin:20px 0 0}
.seratori-about .sa-policy__list{border-top:2px solid #111}
.seratori-about .sa-policy__list>div{display:grid;grid-template-columns:42px minmax(0,1fr);gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid #b6b6b6}
.seratori-about .sa-policy__list span{font:900 22px/1 Arial,Helvetica,sans-serif;letter-spacing:-.06em}
.seratori-about .sa-policy__list p{font-size:15px;font-weight:850;margin:0}
.seratori-about .sa-company__heading{margin-bottom:31px}
.seratori-about .sa-company__panel{background:#111;color:#fff;padding:clamp(26px,4vw,54px);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}
.seratori-about .sa-company__kicker{display:block;color:#c2c2c2;font:900 10px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.16em;margin-bottom:7px}
.seratori-about .sa-company__copy strong{font:900 clamp(68px,9vw,116px)/1.05 Arial,Helvetica,sans-serif;letter-spacing:-.09em;color:#fff;display:block;white-space:nowrap}
.seratori-about .sa-company__star{font-size:.31em;vertical-align:top;margin-left:9px;color:#ffdb8a}
.seratori-about .sa-company__copy p{color:#dedede;font-size:13px;max-width:480px;line-height:1.9;margin:12px 0 0}
.seratori-about .sa-company__link{display:flex;align-items:center;justify-content:center;gap:13px;background:#fff;color:#111;padding:17px 20px;font-weight:900;font-size:13px;min-width:230px;transition:transform .2s ease,background-color .2s ease}
.seratori-about .sa-company__link span{font-size:18px;line-height:1}
@media(hover:hover){.seratori-about .sa-company__link:hover{transform:translateY(-3px);background:#ffdb8a;color:#111}}
.seratori-about .sa-disclaimer{margin:25px 0 0;color:#707070;font-size:11px;line-height:1.9;max-width:930px}
.seratori-about .sa-back{padding:0 0 90px;font-size:12px;font-weight:850}.seratori-about .sa-back a{border-bottom:1px solid #111;padding-bottom:4px}
@media(max-width:920px){.seratori-about .sa-hero{gap:25px}.seratori-about .sa-hero h1{font-size:clamp(34px,4.5vw,50px)}.seratori-about .sa-policy__grid{gap:35px}.seratori-about .sa-company__panel{grid-template-columns:1fr}.seratori-about .sa-company__link{width:max-content}}
@media(max-width:760px){
 .seratori-about .sa-hero{grid-template-columns:1fr;gap:27px;min-height:0;padding-block:22px 58px}
 .seratori-about .sa-hero__art{grid-row:1;min-height:0;height:auto;aspect-ratio:1.58;width:100%}
 .seratori-about .sa-hero__copy{grid-row:2}
 .seratori-about .sa-overline{margin:17px 0 8px}
 .seratori-about .sa-hero h1{font-size:clamp(30px,8.6vw,47px);letter-spacing:-.085em;line-height:1.4}
 .seratori-about .sa-highlight:after{height:9px;bottom:3px}
 .seratori-about .sa-hero__description{font-size:13px}
 .seratori-about .sa-art-card--front{padding:5% 5%;top:9%;height:81%;width:57%}
 .seratori-about .sa-art-card--back{top:9%;height:67%}
 .seratori-about .sa-art-card__main{font-size:clamp(56px,17vw,98px)}
 .seratori-about .sa-art-cross{font-size:70px}
 .seratori-about .sa-section{padding-block:55px 61px}
 .seratori-about .sa-section__heading h2,.seratori-about .sa-policy__grid h2,.seratori-about .sa-company h2{font-size:clamp(30px,7.4vw,39px)}
 .seratori-about .sa-section__mark{font-size:48px}
 .seratori-about .sa-values{grid-template-columns:1fr;gap:14px}
 .seratori-about .sa-value{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:18px;align-items:center;padding:15px 0 17px}
 .seratori-about .sa-value__num{grid-row:1/3}
 .seratori-about .sa-value h3{font-size:22px;margin:0 0 3px}
 .seratori-about .sa-value p{font-size:12px;max-width:100%;margin:0}
 .seratori-about .sa-policy__grid{grid-template-columns:1fr;gap:25px}
 .seratori-about .sa-policy__list>div{padding:17px 0;gap:14px}
 .seratori-about .sa-policy__list p{font-size:13px}
 .seratori-about .sa-company__panel{padding:28px 22px;gap:25px}
 .seratori-about .sa-company__copy strong{font-size:clamp(60px,17vw,91px)}
 .seratori-about .sa-company__link{width:100%;min-width:0;padding:15px 13px}
 .seratori-about .sa-disclaimer{font-size:10px}
 .seratori-about .sa-back{padding-bottom:65px}
}
@media(max-width:350px){.seratori-about .sa-hero h1{font-size:30px}.seratori-about .sa-value{column-gap:12px}.seratori-about .sa-company__copy strong{font-size:58px}.seratori-about .sa-art-cross{font-size:58px}}
@media(prefers-reduced-motion:no-preference){
 .seratori-motion-ready .seratori-about .sa-art-card--front{animation:sa-float-front 7s ease-in-out infinite}
 .seratori-motion-ready .seratori-about .sa-art-tab{animation:sa-float-tab 5s ease-in-out infinite}
}
@keyframes sa-float-front{0%,100%{transform:rotate(-10deg) translateY(0)}50%{transform:rotate(-8deg) translateY(-7px)}}
@keyframes sa-float-tab{0%,100%{transform:rotate(-14deg) translateY(0)}50%{transform:rotate(-12deg) translateY(-5px)}}
.seratori-motion-off .seratori-about *{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.seratori-about *{animation:none!important;transition:none!important}}


/* v0.2.8: consistent editorial kicker hierarchy + official IRUNE logo */
.seratori-about .sa-label{
  font-size:21px;line-height:1.4;letter-spacing:.055em;font-weight:900;
  flex-wrap:wrap;
}
.seratori-about .sa-label__line{height:3px;width:24px;flex:none}
.seratori-about .sa-section__heading h2,
.seratori-about .sa-policy__grid h2,
.seratori-about .sa-company h2{margin-top:20px}
.seratori-about .sa-company__kicker{
  font-size:17px;line-height:1.4;letter-spacing:.09em;margin-bottom:18px;color:#e5e5e5;
}
.seratori-about .sa-company__logo{
  display:block;width:min(100%,450px);height:auto;aspect-ratio:4/1;
  background-image:url('../images/irune-logo-white.png');
  background-position:left center;background-repeat:no-repeat;background-size:contain;
}
.seratori-about .sa-company__copy p{margin-top:24px}
/* Custom ABOUT block content should never show a generated Cocoon TOC. */
.seratori-about :is(.toc,.toc-container,.toc-wrap){display:none!important}
@media(max-width:760px){
  .seratori-about .sa-label{font-size:clamp(16px,4.3vw,18px);letter-spacing:.035em;gap:8px}
  .seratori-about .sa-label__line{width:18px}
  .seratori-about .sa-section__heading h2,
  .seratori-about .sa-policy__grid h2,
  .seratori-about .sa-company h2{margin-top:15px}
  .seratori-about .sa-company__kicker{font-size:15px;margin-bottom:12px}
  .seratori-about .sa-company__logo{width:min(100%,360px)}
}