/* About page: shared tokens and site components are inherited from style.css. */
.miyuki-page{color:var(--ink);font-size:var(--type-body);line-height:var(--leading-body)}

.miyuki-page figure{margin:0}
.miyuki-page h1{margin:18px 0 28px}
.miyuki-page h2{margin:14px 0 28px}
.miyuki-page h3{margin:0 0 24px}
.miyuki-page .eyebrow{color:var(--blue-dark);margin-bottom:14px}
.miyuki-copy p{color:var(--ink-soft);margin-bottom:20px;}
.miyuki-copy p:last-child{margin-bottom:0}
.miyuki-page .miyuki-emphasis{color:var(--pink-dark);font-weight:700}
.miyuki-page .miyuki-signature{font:600 25px/1.6 var(--serif);color:var(--ink);margin-top:28px}
.miyuki-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;position:relative;z-index:1}
.miyuki-grid>*{min-width:0}
.miyuki-section{padding:120px 0;overflow:hidden}
.miyuki-word{position:absolute;top:20px;left:0;font:900 clamp(60px,10vw,148px)/1 var(--sans);letter-spacing:-.055em;color:transparent;background:linear-gradient(90deg,var(--pink),var(--blue));background-clip:text;-webkit-background-clip:text;opacity:.13;white-space:nowrap;pointer-events:none}
.miyuki-hero{padding:100px 0 110px;overflow:hidden;background:linear-gradient(135deg,var(--white) 35%,var(--pink-pale) 65%,var(--sky))}
.miyuki-hero-photo{position:relative;padding:12px 0 28px}
.miyuki-hero-photo:before{content:"";position:absolute;inset:-16px -16px 4px 26px;border-radius:150px 20px 120px 20px;background:linear-gradient(140deg,var(--pink-pale),var(--sky));border:1px solid var(--white);transform:rotate(4deg)}
.miyuki-hero-photo img{position:relative;display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border:8px solid var(--white);border-radius:130px 16px 100px 16px;box-shadow:var(--elevation-2)}
.miyuki-hero-photo figcaption{position:absolute;right:20px;bottom:0;background:var(--white);padding:14px 22px;border-bottom:4px solid var(--pink);color:var(--blue-dark);box-shadow:var(--elevation-1)}
.miyuki-profile-photo img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:16px 100px 16px 16px}
.miyuki-profile-heading-tail{display:inline-block;white-space:nowrap}
.miyuki-profile-photo figcaption{margin:24px 0 0;padding-left:20px;border-left:3px solid var(--pink);}
.miyuki-profile-photo figcaption span{display:block;color:var(--blue-dark);}
.miyuki-copy .miyuki-profile-lead{font:600 var(--type-lead)/var(--leading-lead) var(--sans);color:var(--blue-dark)}
.miyuki-story{background:linear-gradient(150deg,var(--pink-pale),var(--sky))}
.miyuki-section-intro{position:relative;max-width:800px;margin:0 auto 48px;text-align:center}
.miyuki-section-intro p{margin-inline:auto;color:var(--ink-soft)}
.miyuki-section-intro h2 span{color:var(--pink-dark)}
.miyuki-timeline{list-style:none;margin:0 auto;padding:0;max-width:525px;position:relative}
.miyuki-heading-phrase{display:inline-block;white-space:nowrap}
.miyuki-timeline:before{content:"";position:absolute;left:205px;top:60px;bottom:60px;width:2px;background:linear-gradient(var(--pink),var(--blue))}
.miyuki-timeline li{position:relative;display:grid;grid-template-columns:170px 1fr;gap:76px;align-items:center;padding:30px 0}
.miyuki-timeline li:before{content:"";position:absolute;left:198px;top:calc(50% - 8px);width:16px;height:16px;border:4px solid var(--white);border-radius:50%;background:var(--pink);box-shadow:0 0 0 1px var(--pink)}
.miyuki-timeline li:last-child:before{background:var(--blue);box-shadow:0 0 0 1px var(--blue)}
.miyuki-age{font:500 88px/1 var(--serif);color:var(--pink-dark);text-align:right;white-space:nowrap}
.miyuki-age small{font-size:24px;margin-left:4px}
.miyuki-age-number{display:inline-block;min-width:2ch;font-variant-numeric:tabular-nums}
.miyuki-now{font-size:32px;color:var(--blue-dark)}
.miyuki-timeline h3{margin:0 0 10px}
.miyuki-timeline p{margin:0;color:var(--ink-soft)}
.miyuki-story-end{max-width:740px;margin:48px auto 0;text-align:center}
.miyuki-world-photo img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px 16px 110px 16px;box-shadow:16px 16px 0 var(--sky)}
.miyuki-quote-panel{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-top:85px;padding:48px 0;border-block:1px solid var(--line)}
.miyuki-quote-panel blockquote{position:relative;margin:0;padding:20px 0;font:600 clamp(30px,3.5vw,46px)/1.7 var(--serif);color:var(--pink-dark)}
.miyuki-quote-panel blockquote:before{content:"“";position:absolute;top:-40px;left:-12px;font:150px/1 var(--serif);opacity:.1}
.miyuki-philosophy{background:linear-gradient(155deg,var(--pink-pale),var(--lav) 55%,var(--sky))}
.miyuki-reading{max-width:760px;margin-inline:auto;position:relative}
.miyuki-random{padding:18px 0 55px}
.miyuki-one{position:absolute;right:-150px;top:0;font:800 210px/1 var(--sans);color:var(--pink);opacity:.06;pointer-events:none}
.miyuki-method{padding-top:48px;border-top:1px solid var(--white)}
.miyuki-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0;margin:36px 0 0;list-style:none}
.miyuki-steps li{position:relative;padding:36px 27px 30px;background:var(--white);border-radius:var(--radius-m);box-shadow:var(--elevation-1)}
.miyuki-steps li:before{content:"";position:absolute;inset:0 0 auto;height:6px;border-radius:var(--radius-m) var(--radius-m) 0 0;background:linear-gradient(90deg,var(--pink),var(--blue))}
.miyuki-steps li>span{font:600 38px/1 var(--serif);color:var(--blue-dark)}
.miyuki-steps h3{margin:16px 0 12px}
.miyuki-steps p{margin:0;color:var(--ink-soft);}
.miyuki-philosophy-end{position:relative;max-width:840px;margin:48px auto 0;padding:36px 32px;text-align:center;background:linear-gradient(120deg,var(--white),var(--pink-pale),var(--sky));border-radius:var(--radius-m);box-shadow:var(--elevation-1)}
.miyuki-philosophy-end:before{content:"";display:block;width:64px;height:3px;margin:0 auto 24px;background:linear-gradient(90deg,var(--pink),var(--blue));border-radius:999px}
.miyuki-philosophy-end p{margin-inline:auto}
.miyuki-page .miyuki-philosophy-end p:last-child{color:var(--pink-dark);font-family:var(--serif);font-size:var(--type-lead);font-weight:600;margin-bottom:0}
.miyuki-talk{background:linear-gradient(145deg,var(--pink-pale),var(--sky))}
.miyuki-talk-card{display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;background:var(--white);border-radius:var(--radius-l);box-shadow:var(--elevation-2)}
.miyuki-talk-photo{min-height:100%}
.miyuki-talk-photo img{display:block;width:100%;height:100%;object-fit:cover}
.miyuki-talk-copy{padding:48px 42px}
.miyuki-talk-copy .button{margin-top:8px}
.miyuki-closing{text-align:center;margin-top:64px}
.miyuki-closing p{margin-inline:auto}
.miyuki-final{font:600 clamp(29px,3.5vw,44px)/1.6 var(--serif);color:var(--pink-dark)}
.miyuki-pending{font-size:14px;color:var(--ink-soft)}
.miyuki-page .nav [aria-current="page"]{color:var(--pink-dark);background:var(--pink-pale)}
.miyuki-page footer .miyuki-pending{color:var(--line)}
.miyuki-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(prefers-reduced-motion:no-preference){
  .miyuki-hero .miyuki-copy{animation:miyuki-enter .85s cubic-bezier(.22,1,.36,1) both}
  .miyuki-hero-photo{animation:miyuki-enter 1.1s .15s cubic-bezier(.22,1,.36,1) both}
  .miyuki-hero-photo:before{animation:miyuki-photo-glow 7s ease-in-out infinite alternate}
  .miyuki-reveal{opacity:0;transform:translate(var(--entry-x,0px),var(--entry-y,26px));transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transition-delay:var(--miyuki-delay,0ms)}
  .miyuki-reveal.miyuki-visible{opacity:1;transform:none}
  .miyuki-steps li{transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1),box-shadow .25s ease}
  @media(hover:hover) and (pointer:fine){
    .miyuki-steps li.miyuki-visible:hover{transform:translateY(-6px);box-shadow:var(--elevation-2);transition-delay:0ms;transition-duration:.25s}
  }
  @keyframes miyuki-enter{from{opacity:0;transform:translate(var(--entry-x,0px),var(--entry-y,24px))}to{opacity:1;transform:none}}
  @keyframes miyuki-photo-glow{from{transform:rotate(4deg) translateY(0)}to{transform:rotate(2deg) translateY(-8px)}}
}
@media(max-width:1100px) and (min-width:901px){.miyuki-page .header-inner{gap:12px}.miyuki-page .nav{gap:4px;}.miyuki-page .nav-cta{padding-inline:13px}.miyuki-page .miyuki-pending{font-size:13px}}
@media(max-width:900px){
  
  .miyuki-page .nav>.miyuki-pending{display:none}
  .miyuki-grid{grid-template-columns:1fr;gap:44px}
  .miyuki-hero{padding:65px 0 80px}
  .miyuki-hero-photo{width:min(100% - 24px,500px);margin-inline:auto!important}
  .miyuki-section{padding:85px 0}
  .miyuki-profile-photo{max-width:440px;width:100%;margin-inline:auto!important}
  .miyuki-profile .miyuki-copy{grid-row:1}
  .miyuki-world-photo{width:min(100% - 16px,500px)}
  .miyuki-quote-panel{grid-template-columns:1fr;gap:20px;margin-top:65px}
  .miyuki-one{right:0;font-size:170px}
  .miyuki-talk-card{grid-template-columns:1fr}
  .miyuki-talk-photo img{height:430px;object-position:center 35%}
  .miyuki-steps{gap:12px}.miyuki-steps li{padding:30px 18px 24px}
  .miyuki-page .miyuki-mobile-nav{grid-template-columns:repeat(4,minmax(0,1fr))}
  .miyuki-mobile-nav>.miyuki-pending{display:flex;justify-content:center;align-items:center;text-align:center;line-height:1.3;font-size:12px}
  .miyuki-mobile-nav [aria-current="page"]{color:var(--pink-dark);background:var(--pink-pale)}
}
@media(max-width:540px){
  .miyuki-hero{padding-top:48px}
  .miyuki-word{font-size:64px;top:12px}
  .miyuki-hero-photo img{border-radius:85px 12px 70px 12px;border-width:6px}
  .miyuki-section{padding:72px 0}
  .miyuki-section-intro{text-align:left;margin-bottom:30px}
  .miyuki-timeline:before{left:96px;top:50px;bottom:50px}
  .miyuki-timeline li{grid-template-columns:76px 1fr;gap:42px;padding:28px 0}
  .miyuki-timeline li:before{left:89px}
  .miyuki-age{font-size:52px}.miyuki-age small{font-size:17px;margin-left:0}.miyuki-now{font-size:18px}
  .miyuki-story-end{text-align:left;margin-top:30px}
  .miyuki-quote-panel{padding:35px 0;margin-top:50px}
  .miyuki-quote-panel blockquote{font-size:clamp(28px,7vw,36px)}
  .miyuki-steps{grid-template-columns:1fr;gap:18px}.miyuki-steps li{padding:34px 28px 28px}
  .miyuki-philosophy-end{text-align:left;margin-top:35px;padding:28px 24px}
  .miyuki-philosophy-end:before{margin-left:0}
  .miyuki-talk-copy{padding:32px 24px}
  .miyuki-talk-photo img{height:340px}
  .miyuki-talk-copy .button{width:100%;padding-inline:12px;}
  .miyuki-closing{margin-top:44px}
  .miyuki-page .header-inner{gap:8px}.miyuki-page .nav-cta{padding-inline:10px}
  .miyuki-page .brand{font-size:16px}.miyuki-page .brand small{font-size:8px}
}



.miyuki-closing .miyuki-final{margin-bottom:8px}
.miyuki-page .miyuki-closing .miyuki-signature{margin-top:0}