:root{--black:#080808;--black2:#111;--paper:#f1eee8;--white:#f7f4ef;--muted:#a7a2a2;--red:#e21b23;--line:rgba(255,255,255,.13);--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--black)}body{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;background:var(--black);color:var(--white);line-height:1.8;overflow-x:hidden}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}::selection{background:var(--red);color:#fff}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.en{font-family:Arial,"Helvetica Neue",sans-serif}.skip{position:fixed;left:16px;top:-80px;z-index:300;background:#fff;color:#111;padding:10px 16px}.skip:focus{top:12px}.eyebrow{display:flex;align-items:center;gap:12px;font:700 .68rem/1.2 Arial,sans-serif;letter-spacing:.24em;color:#c6c1c1}.eyebrow:before{content:"";width:24px;height:2px;background:var(--red)}#progress{position:fixed;inset:0 auto auto 0;z-index:220;width:0;height:3px;background:var(--red)}
/* header */
.site-header{position:fixed;z-index:200;top:18px;left:24px;right:24px;height:68px;display:flex;align-items:center;gap:32px;padding:0 24px;border:1px solid transparent;border-radius:999px;transition:.35s}.site-header.scrolled{background:rgba(8,8,8,.82);border-color:var(--line);backdrop-filter:blur(16px)}.logo{font-size:1rem;font-weight:900;line-height:1.2;letter-spacing:.04em;white-space:nowrap}.logo b{color:var(--red)}.logo small{display:block;margin-top:3px;font-size:.49rem;font-weight:500;letter-spacing:.22em;color:#8d8989}.gnav{margin-left:auto;display:flex;gap:22px}.gnav a{position:relative;padding:7px 0;font-size:.68rem;letter-spacing:.12em;color:#c6c2c2}.gnav a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--red);transition:.3s}.gnav a:hover,.gnav a[aria-current]{color:#fff}.gnav a:hover:after,.gnav a[aria-current]:after{right:0}.header-cta{padding:10px 18px;border-radius:99px;background:var(--red);font-size:.72rem;font-weight:800;transition:.3s}.header-cta:hover{background:#fff;color:#111}.hamburger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer}.hamburger span{display:block;width:18px;height:1px;margin:5px auto;background:#fff;transition:.3s}.hamburger.open span:first-child{transform:translateY(3px) rotate(45deg)}.hamburger.open span:last-child{transform:translateY(-3px) rotate(-45deg)}.drawer{position:fixed;inset:0;z-index:190;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:rgba(8,8,8,.98);visibility:hidden;opacity:0;transition:.35s}.drawer.open{visibility:visible;opacity:1}.drawer a{padding:12px 20px;font-size:1.1rem;letter-spacing:.14em}.drawer a[aria-current]{color:var(--red)}
/* hero */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:#111}.hero-media{position:absolute;inset:0}.hero-media img{object-position:center 45%;filter:saturate(.62) brightness(.64) contrast(1.1);transform:scale(1.015)}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.08) 72%),linear-gradient(0deg,rgba(0,0,0,.82),transparent 55%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:8vw 8vw;mask-image:linear-gradient(90deg,#000,transparent 70%)}.hero-copy{position:relative;z-index:2;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:150px 0 68px}.hero-copy h1{margin-top:24px;font-size:clamp(4.5rem,12vw,11rem);font-weight:700;line-height:.82;letter-spacing:-.06em}.hero-copy h1 small{display:block;margin-bottom:18px;font-size:.7rem;font-weight:700;letter-spacing:.23em;color:#ccc}.hero-lead{margin-top:40px;font-size:clamp(1.2rem,2.5vw,2rem);font-weight:700;line-height:1.7;letter-spacing:.04em}.hero-meta{position:absolute;z-index:2;right:32px;bottom:34px;text-align:right;font-size:.58rem;letter-spacing:.16em;color:#ccc}.hero-scroll{position:absolute;z-index:2;left:50%;bottom:26px;transform:translateX(-50%);font-size:.55rem;letter-spacing:.2em;color:#bbb}
/* intro */
.intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);min-height:96svh;background:var(--paper);color:#141414}.intro-photo{position:relative;min-height:760px;overflow:hidden}.intro-photo img{object-position:center 30%;filter:saturate(.78) contrast(1.04)}.intro-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.46),transparent 38%)}.intro-body{display:flex;flex-direction:column;justify-content:center;padding:clamp(70px,8vw,130px)}.intro-body .eyebrow,.community .eyebrow{color:#5e5a57}.intro-body h2{margin-top:28px;font-size:clamp(2rem,3.7vw,3.6rem);line-height:1.5;letter-spacing:.03em}.intro-body>p:not(.eyebrow){margin-top:28px;color:#56514e;font-size:.94rem;line-height:2.2}.identity{margin-top:42px;border-top:1px solid rgba(0,0,0,.17)}.identity div{display:grid;grid-template-columns:105px 1fr;gap:20px;padding:15px 0;border-bottom:1px solid rgba(0,0,0,.17)}.identity dt{font-size:.62rem;letter-spacing:.15em;color:#777}.identity dd{font-weight:700}.identity small{margin-left:8px;font-size:.66rem;color:#777}
/* message cards */
.story{padding:clamp(100px,13vw,190px) 0 18vh}.story-head{display:grid;grid-template-columns:.55fr 1fr;gap:clamp(36px,7vw,110px);align-items:end;width:min(1120px,calc(100% - 48px));margin:0 auto clamp(80px,10vw,140px)}.story-head h2{font-size:clamp(2.4rem,5.6vw,5.2rem);line-height:1.28}.story-head>p:last-child{grid-column:2;color:#aaa;max-width:600px;font-size:.9rem;line-height:2.15}.story-layout{display:grid;grid-template-columns:150px minmax(0,1fr);gap:36px;width:min(1380px,calc(100% - 48px));margin:auto}.story-rail>div{position:sticky;top:130px;display:flex;flex-direction:column;gap:11px}.story-rail p{margin-bottom:8px;font-size:.6rem;letter-spacing:.2em;color:#777}.story-rail a{display:grid;grid-template-columns:24px 1fr;align-items:center;gap:8px;font-size:.65rem;color:#666}.story-rail i{height:1px;background:#333;transition:.3s}.story-rail a.active{color:#fff}.story-rail a.active i{background:var(--red)}.stage{position:sticky;top:112px;height:min(720px,calc(100svh - 132px));scroll-margin-top:112px}.stage:nth-child(1){z-index:1}.stage:nth-child(2){z-index:2}.stage:nth-child(3){z-index:3}.stage:nth-child(4){z-index:4}.card{height:100%;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#151515;box-shadow:0 28px 70px rgba(0,0,0,.38);will-change:transform,filter}.card-photo{position:relative;overflow:hidden}.card-photo img{transform:translateY(var(--image-y,0)) scale(1.07);filter:saturate(.72)}.card-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.56),transparent 55%)}.card-body{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,5vw,76px)}.card-no{display:flex;align-items:end;gap:13px}.card-no small{font-size:.58rem;letter-spacing:.2em;color:#888}.card-no strong{font-size:2rem;line-height:1;color:var(--red)}.card h3{margin-top:26px;font-size:clamp(1.55rem,3vw,2.65rem);line-height:1.45}.card-body>p:not(.card-no):not(.sign){margin-top:20px;font-size:.9rem;line-height:2.1;color:#b8b4b4}.card--paper{background:var(--paper);color:#151515;border-color:rgba(0,0,0,.12)}.card--paper .card-body>p:not(.card-no):not(.sign){color:#5b5653}.card--paper .card-no small{color:#777}.card--reverse .card-photo{order:2}.card--red{background:var(--red)}.card--red .card-no strong{color:#fff}.card--red .card-no small,.card--red .card-body>p:not(.card-no){color:rgba(255,255,255,.84)}.sign{margin-top:26px;font-size:.75rem;color:#5c5653}.sign strong{font-size:1rem;color:#151515;letter-spacing:.08em}
/* people and place */
.community{padding:clamp(100px,13vw,180px) 0;background:var(--paper);color:#151515;overflow:hidden}.community-head{display:block}.community h2{max-width:900px;margin-top:24px;font-size:clamp(2.4rem,5.4vw,5rem);line-height:1.25}.photo-wall{margin-top:clamp(48px,7vw,72px);display:grid;grid-template-columns:1.2fr .8fr 1fr;grid-template-rows:280px 220px;gap:12px}.photo-wall figure{position:relative;overflow:hidden;background:#222}.photo-wall figure:first-child{grid-row:1/3}.photo-wall figure:nth-child(4){grid-column:2/4}.photo-wall img{filter:saturate(.74);transition:transform 1s var(--ease)}.photo-wall figure:hover img{transform:scale(1.045)}
/* closing */
.future{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden}.future-photo{position:absolute;inset:0}.future-photo img{height:112%;filter:saturate(.55) brightness(.56) contrast(1.14);will-change:transform}.future-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.18)),linear-gradient(0deg,rgba(0,0,0,.62),transparent 60%)}.future-copy{position:relative;z-index:2;width:min(1120px,calc(100% - 48px));text-shadow:0 4px 30px rgba(0,0,0,.5)}.future-copy h2{margin-top:22px;font-size:clamp(2.4rem,6vw,5.6rem);line-height:1.42}.future-copy p:last-child{margin-top:32px;font-size:clamp(.9rem,1.3vw,1.05rem);line-height:2.2;color:#ddd}.contact{padding:clamp(80px,10vw,130px) 0;background:var(--red)}.contact-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.contact h2{margin-top:20px;font-size:clamp(2rem,4.8vw,4.2rem);line-height:1.35}.contact p:last-child{margin-top:18px;color:rgba(255,255,255,.82)}.contact-btn{display:inline-flex;align-items:center;gap:38px;white-space:nowrap;padding:17px 28px;border:1px solid rgba(255,255,255,.75);border-radius:99px;font-weight:800;transition:.3s}.contact-btn:hover{background:#fff;color:#111}footer{padding:58px 0 120px;border-top:1px solid var(--line);color:#888;font-size:.77rem}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px}.footer-grid b{color:#fff}.footer-grid a{display:block;padding:3px 0}.footer-grid a:hover{color:var(--red)}footer .copyright{margin-top:30px}.mobile-cta{display:none;position:fixed;z-index:210;left:12px;right:12px;bottom:12px;padding:7px;gap:7px;background:rgba(8,8,8,.86);border:1px solid var(--line);border-radius:16px;backdrop-filter:blur(16px)}.mobile-cta a{flex:1;text-align:center;padding:12px 6px;border-radius:10px;font-size:.78rem;font-weight:800}.mobile-cta .form{background:var(--red)}
@media(max-width:980px){.gnav,.header-cta{display:none}.hamburger{display:block;margin-left:auto}.site-header{left:12px;right:12px;padding:0 18px}.hero-copy h1{font-size:clamp(4.2rem,16vw,8rem)}.intro{grid-template-columns:1fr}.intro-photo{min-height:68svh}.intro-body{padding:78px 7vw 96px}.story-head{grid-template-columns:1fr}.story-head>p:last-child{grid-column:auto}.story-layout{display:block}.story-rail{display:none}.stage{top:102px;height:calc(100svh - 120px)}.card{grid-template-columns:1fr;grid-template-rows:34% 66%}.card-photo,.card--reverse .card-photo{order:0}.card-body{padding:22px 26px}.card h3{margin-top:15px}.card-body>p:not(.card-no):not(.sign){margin-top:12px;font-size:.78rem;line-height:1.85}.card-no strong{font-size:1.6rem}.sign{margin-top:14px}.community-head{grid-template-columns:1fr}.photo-wall{grid-template-columns:1fr 1fr;grid-template-rows:320px 220px 220px}.photo-wall figure:first-child{grid-row:auto;grid-column:1/3}.photo-wall figure:nth-child(4){grid-column:1/3}.contact-inner{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.mobile-cta{display:flex}}
@media(max-width:620px){.wrap,.story-head,.story-layout,.future-copy,.hero-copy{width:calc(100% - 36px)}.site-header{height:60px;top:10px}.logo small{display:none}.hero{min-height:86svh}.hero-media img{object-position:52% center}.hero-copy{padding-bottom:78px}.hero-copy h1{font-size:clamp(4rem,20vw,6.2rem)}.hero-lead{font-size:1.08rem}.hero-meta,.hero-scroll{display:none}.intro-photo{min-height:58svh}.intro-body{padding:66px 24px 82px}.identity small{display:block;margin:4px 0 0}.story{padding-top:88px}.story-head h2{font-size:2.5rem}.stage{top:88px;height:calc(100svh - 102px);margin-bottom:34svh}.card{grid-template-rows:24% 76%;border-radius:14px}.card-body{padding:16px 18px;overflow-y:auto;scrollbar-width:thin}.card h3{font-size:1.2rem;line-height:1.45}.card-body>p:not(.card-no):not(.sign){font-size:.72rem;line-height:1.68;margin-top:8px}.card-no strong{font-size:1.35rem}.card-no small{font-size:.48rem}.sign{font-size:.64rem;margin-top:8px}.community{padding-top:88px}.community-head{gap:26px}.photo-wall{margin-top:48px;grid-template-rows:260px 170px 170px}.future-copy h2{font-size:2.35rem}.footer-grid{grid-template-columns:1fr}}
@media(max-width:900px) and (max-height:680px){.stage{top:82px;height:calc(100svh - 94px)}.card{grid-template-rows:24% 76%}.card h3{font-size:1.05rem}.card-body>p:not(.card-no):not(.sign){font-size:.69rem;line-height:1.55}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stage{position:relative;top:auto;height:auto;margin-bottom:24px}.card{min-height:680px}.card,.card img,.future-photo img{transform:none!important;filter:none!important;transition:none!important}}

/* Representative portrait focal points
   Keep the face inside the frame instead of centering the full landscape photo. */
.intro-photo img{object-position:72% 30%}
.stage:first-child .card-photo img{object-position:72% 34%}

@media (max-width:1180px) and (min-width:981px){
  .intro{grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr)}
  .intro-photo img{object-position:78% 30%}
  .stage:first-child .card-photo img{object-position:80% 32%}
}

@media(min-width:981px){
  .intro{grid-template-columns:minmax(420px,.95fr) minmax(0,1.05fr)}
  .intro-body{grid-column:1;grid-row:1}
  .intro-photo{grid-column:2;grid-row:1}
}

@media(max-width:980px){
  .intro-photo{min-height:0;aspect-ratio:3/2}
  .intro-photo img{object-position:70% 28%}
  .stage:first-child .card{grid-template-rows:44% 56%}
  .stage:first-child .card-photo img{object-position:70% 24%;transform:scale(1.01)}
}

@media(max-width:620px){
  .intro-photo{min-height:0;aspect-ratio:3/2}
  .intro-photo img{object-position:70% 27%}
  .stage:first-child .card{grid-template-rows:42% 58%}
  .stage:first-child .card-photo img{object-position:70% 22%;transform:none}
}
.mobile-cta .line{background:#06c755;color:#fff}