@charset "UTF-8";
:root{
  --navy:#001a2f;--paper:#f2f2f2;--white:#fff;--ink:#2d3a41;
  --slate:#26394e;--gold:#a9925e;--gold-dark:#8d7b51;--gold-action:#c09725;--gold-light:#dac58c;
  --red:#a72233;--green:#00553f;--brown:#623f2b;--purple:#633562;
  --serif:"Yu Mincho","Hiragino Mincho ProN","HGS明朝E",serif;
  --sans:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  --photo-height:650px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:500 18px/1.9 var(--sans);-webkit-font-smoothing:antialiased}p,h1,h2,figure{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}::selection{background:var(--gold-light);color:var(--navy)}:focus-visible{outline:3px solid var(--gold-action);outline-offset:7px}.skip-link{position:fixed;top:-90px;left:20px;z-index:100;background:white;padding:12px 20px}.skip-link:focus{top:12px}
.site-header{position:absolute;inset:0 0 auto;height:124px;z-index:10;display:flex;align-items:center;justify-content:space-between;padding-left:5.5%}.identity{display:block;color:var(--navy)}.identity-name{font:600 27px/1.6 var(--serif);letter-spacing:.23em}.identity-sub{display:flex;align-items:center;gap:11px;font-size:10px;font-weight:600;letter-spacing:.13em;line-height:1.8}.identity-rule{height:1px;width:18px;background:var(--gold)}.menu-button{align-self:flex-start;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:11px;width:96px;height:108px;border:0;border-radius:0;background:var(--navy);color:var(--gold-light);position:relative;z-index:2}.menu-lines{display:flex;flex-direction:column;gap:8px;width:30px}.menu-lines span{height:1px;width:100%;background:var(--gold);transition:transform .2s}.menu-label{font-size:10px;font-weight:500;letter-spacing:.18em}.menu-button[aria-expanded="true"] .menu-lines span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-button[aria-expanded="true"] .menu-lines span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.site-navigation{visibility:hidden;opacity:0;position:absolute;right:0;top:108px;width:330px;background:var(--navy);color:var(--paper);padding:18px 30px 32px;transition:opacity .2s,visibility .2s;box-shadow:0 16px 30px #001a2f20}.site-navigation.is-open{visibility:visible;opacity:1}.site-navigation a{display:flex;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid #a9925e55;font-size:16px}.site-navigation small{font:italic 18px Georgia,serif;color:var(--gold-light)}
.hero{position:relative;isolation:isolate;overflow:hidden;background:var(--navy)}.hero-photograph{position:absolute;inset:0 0 auto;height:var(--photo-height);z-index:-2;overflow:hidden;background:#e6e4df}.hero-photograph img{height:100%;width:100%;object-fit:cover;object-position:center 48%}.hero-photograph:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f2f2f2e8 0%,#f2f2f2b3 30%,#f2f2f218 61%,transparent 80%)}.hero-introduction{height:var(--photo-height);padding:215px 0 0 max(7%,calc((100% - 1160px)/2));position:relative;z-index:3;pointer-events:none}.hero-kicker{display:flex;align-items:center;gap:14px;font-size:14px;letter-spacing:.14em;color:var(--navy)}.hero-kicker>span{display:block;width:34px;height:1px;background:var(--gold)}.hero h1{font:500 clamp(56px,5.9vw,86px)/1.5 var(--serif);letter-spacing:.055em;color:var(--navy);margin:16px 0 20px}.hero-subtitle{font:500 20px/1.9 var(--serif);letter-spacing:.12em;color:var(--ink)}
.hero-person{position:absolute;z-index:2;top:86px;left:calc(50% - 25px);width:660px;pointer-events:none}.hero-person img{width:100%;height:auto;max-width:none;filter:drop-shadow(8px 10px 14px #001a2f18);mask-image:linear-gradient(to bottom,#000 0%,#000 86%,transparent 99%)}.hero-navy{min-height:505px;position:relative;color:var(--paper);padding:44px 0 55px}.hero-message{width:46%;max-width:560px;text-align:center;margin-left:max(4%,calc((100% - 1200px)/2));position:relative;z-index:4}.signature{color:var(--gold);font:italic 47px/1.3 Georgia,"Times New Roman",serif;letter-spacing:.015em}.signature-caption{color:var(--gold-light);font-size:10px;letter-spacing:.3em;margin:9px 0 29px}.hero-message h2{font:500 30px/1.8 var(--serif);letter-spacing:.09em}.hero-description{font:400 17px/2.1 var(--serif);letter-spacing:.05em;margin-top:21px}.story-link{display:inline-flex;align-items:center;gap:28px;border-bottom:1px solid #a9925e99;padding:10px 0 9px;margin-top:22px;font-size:14px;letter-spacing:.075em}.down-arrow{font-size:21px;line-height:1;color:var(--gold-light);transition:transform .2s}.story-link:hover .down-arrow{transform:translateY(4px)}.portrait-note{position:absolute;right:6%;bottom:23px;color:#d0d7dc;font-size:12px;letter-spacing:.05em;z-index:4}
.concept{position:relative;isolation:isolate;overflow:hidden;background:var(--paper);padding:115px 24px 130px;min-height:940px;text-align:center}.concept-art{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.85}.concept-content{max-width:720px;margin:0 auto;position:relative}.section-label{font:400 36px/1.5 Georgia,"Times New Roman",serif;letter-spacing:.065em;color:var(--gold)}.section-caption{font-size:13px;letter-spacing:.18em;color:var(--ink);margin-top:5px}.concept h2{font:500 37px/1.9 var(--serif);letter-spacing:.035em;color:var(--navy);margin:47px 0 33px}.concept-prose{font:500 18px/2.15 var(--serif);letter-spacing:.04em;color:var(--ink)}.concept-prose p+p{margin-top:28px}.concept-closing{font:500 23px/1.95 var(--serif);color:var(--navy);letter-spacing:.04em;margin:37px 0 32px}.concept-closing span{font-size:20px}.concept-signoff{display:flex;justify-content:center;align-items:center;gap:16px;font-size:13px}.concept-signoff strong{font:500 22px var(--serif);letter-spacing:.12em}.signoff-line{width:39px;height:1px;background:var(--gold)}.mobile-break{display:none}.study-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 5.5%;background:var(--paper);border-top:1px solid #001a2f12}.study-footer>p:first-child{font-size:11px;letter-spacing:.09em;color:var(--navy)}.study-footer>p:first-child span{margin-left:12px;color:#59656c}.study-note{font-size:12px;color:#59656c;line-height:1.8}
@media(min-width:1700px){:root{--photo-height:700px}.hero-introduction{padding-top:240px}.hero-person{left:53%;width:710px;top:80px}.hero-message{margin-left:calc((100% - 1100px)/2);width:490px}.hero-navy{min-height:510px}.concept-art{object-fit:fill}}
@media(min-width:761px) and (max-width:1100px){:root{--photo-height:610px}.hero-introduction{padding-top:220px;padding-left:6%}.hero h1{font-size:64px}.hero-person{left:46%;width:570px;top:120px}.hero-message{width:48%;margin-left:3%}.signature{font-size:39px}.hero-message h2{font-size:28px}.hero-description{font-size:16px}.hero-navy{min-height:500px}.concept-art{width:130%;max-width:none;left:-15%}.concept-content{max-width:620px}}
@media(max-width:760px){
  :root{--photo-height:570px}.site-header{height:84px;padding-left:23px}.identity-name{font-size:23px;letter-spacing:.16em}.identity-sub{font-size:8px;gap:8px;letter-spacing:.08em}.identity-rule{width:12px}.menu-button{width:70px;height:82px;gap:10px}.menu-lines{width:25px;gap:7px}.menu-label{font-size:9px}.menu-button[aria-expanded="true"] .menu-lines span:first-child{transform:translateY(4px) rotate(45deg)}.menu-button[aria-expanded="true"] .menu-lines span:last-child{transform:translateY(-4px) rotate(-45deg)}.site-navigation{top:82px;width:min(330px,100%);padding:15px 26px 28px}.hero-photograph img{object-position:44% center}.hero-photograph:after{background:linear-gradient(180deg,#f2f2f2b3 0%,#f2f2f299 25%,#f2f2f24d 52%,transparent 85%)}.hero-introduction{padding:123px 0 0 28px}.hero-kicker{font-size:12px;letter-spacing:.1em;gap:10px}.hero-kicker>span{width:24px}.hero h1{font-size:clamp(43px,10.8vw,66px);line-height:1.48;letter-spacing:.025em;margin:16px 0 12px}.hero-subtitle{font-size:16px;letter-spacing:.035em}.hero-person{width:420px;left:calc(50% - 190px);top:254px}.hero-navy{padding:277px 24px 55px;min-height:0}.hero-message{width:100%;max-width:none;margin:0}.signature{font-size:40px}.signature-caption{font-size:10px;letter-spacing:.25em;margin:9px 0 28px}.hero-message h2{font-size:29px;line-height:1.8;letter-spacing:.06em}.hero-description{font-size:17px;letter-spacing:.035em;margin-top:20px}.story-link{font-size:14px;margin-top:23px}.portrait-note{right:0;left:0;text-align:center;top:238px;bottom:auto;font-size:12px}.concept{padding:79px 23px 96px;min-height:0}.concept-art{width:200%;max-width:none;left:-50%;object-fit:cover;opacity:.58}.concept-content{max-width:540px}.section-label{font-size:30px;letter-spacing:.05em}.section-caption{font-size:12px;letter-spacing:.12em}.concept h2{font-size:clamp(25px,6.25vw,33px);letter-spacing:0;line-height:1.9;margin:34px 0 28px}.concept-prose{font-size:16px;line-height:2.2;letter-spacing:0}.concept-prose p+p{margin-top:28px}.concept-closing{font-size:21px;letter-spacing:.01em;margin:33px 0 30px}.concept-closing span{font-size:19px}.concept-signoff{gap:12px;font-size:12px}.concept-signoff strong{font-size:21px}.signoff-line{width:27px}.mobile-break{display:initial}.study-footer{display:block;text-align:center;padding:23px}.study-note{margin-top:9px;font-size:12px}.study-footer>p:first-child{font-size:10px}
}
@media(max-width:370px){:root{--photo-height:555px}.hero-introduction{padding-left:22px}.hero h1{font-size:42px}.hero-person{width:380px;left:calc(50% - 177px);top:260px}.hero-navy{padding-top:245px}.portrait-note{top:208px}.hero-message h2{font-size:27px}.hero-description{font-size:16px}.concept{padding-inline:17px}.concept-prose{font-size:16px}.concept h2{font-size:24px}.concept-signoff{gap:9px}}
.concept-art-bottom{display:none}
.identity-sub,.menu-label,.signature-caption,.study-footer>p:first-child{font-size:12px}
@media(max-width:760px){
  .identity-sub{font-size:10px}.menu-label{font-size:12px}
  .hero-navy{padding-top:310px}.portrait-note{top:280px}
  .concept-art{width:100%;height:auto;left:0;right:0;bottom:auto;object-fit:contain;opacity:.55;mask-image:linear-gradient(to bottom,#000,transparent 90%)}
  .concept-art-bottom{display:block;top:auto;bottom:0;mask-image:linear-gradient(to bottom,transparent 10%,#000)}
}
@media(max-width:370px){.hero-navy{padding-top:280px}.portrait-note{top:245px}}
/* Override HTML height attributes when an image scales to the available width. */
img{height:auto}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
