@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Serif+JP:wght@400;500;600&display=swap');
:root{--ink:#172639;--blue:#2465aa;--pale:#eaf0f3;--line:rgba(23,38,57,.2);--serif:'Noto Serif JP',serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fbfcfb;font-family:var(--serif);font-size:15px;line-height:2}a{color:inherit;text-decoration:none}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:absolute;z-index:3;top:0;width:100%;color:#fff;border-bottom:1px solid rgba(255,255,255,.25)}.site-header.light{position:relative;color:var(--ink);border-color:var(--line)}.brand{font:500 13px/1 var(--mono);letter-spacing:.14em}.brand span{display:block;margin-top:7px;font:400 9px/1 var(--mono);letter-spacing:.12em;opacity:.7}nav{display:flex;gap:30px;font:400 10px var(--mono);letter-spacing:.1em}nav a{opacity:.72}nav a:hover,nav a.active{opacity:1}.menu-button{display:none;color:inherit;background:transparent;border:0;font:400 10px var(--mono);letter-spacing:.12em}.hero{min-height:760px;height:100vh;position:relative;display:flex;align-items:center;padding:160px 10vw 100px;color:#fff;background:linear-gradient(90deg,rgba(10,31,55,.58),rgba(10,31,55,.12) 65%),url('minatomirai.jpeg') center/cover}.hero-copy{max-width:570px}.eyebrow{font:400 10px/1.5 var(--mono);letter-spacing:.15em;margin:0 0 25px}.hero h1,.page-title h1{margin:0;font-size:clamp(40px,5.7vw,85px);font-weight:500;line-height:1.35;letter-spacing:.06em}.hero-copy>p:not(.eyebrow){margin:28px 0 35px;line-height:2.1;font-size:16px}.text-link,.line-link{display:inline-flex;gap:22px;align-items:center;font:400 11px var(--mono);letter-spacing:.08em}.text-link span{font-size:20px}.hero-credit{position:absolute;right:5vw;bottom:29px;font:9px var(--mono);letter-spacing:.08em;opacity:.85}.section{padding:150px 10vw}.intro{display:grid;grid-template-columns:1.1fr 1fr;gap:10vw;background:#f2f5f4}.section h2{font-size:clamp(29px,3.5vw,53px);font-weight:500;line-height:1.55;letter-spacing:.06em;margin:0}.intro>div{max-width:460px}.intro p:not(.eyebrow),.feature-copy p:not(.eyebrow),.story p,.contact-wrap aside p:last-child{margin:0 0 30px;line-height:2.25}.line-link{border-bottom:1px solid var(--ink);padding-bottom:8px}.feature{display:grid;grid-template-columns:1.35fr 1fr;gap:9vw;align-items:center;padding-left:0}.feature-image,.story-image{background:url('minatomirai.jpeg') center/cover}.feature-image{height:570px}.feature-copy{max-width:430px}.page-title{padding:145px 10vw 95px;background:var(--pale)}.page-title>p:last-child{margin:25px 0 0;font-size:14px}.story-image{height:min(54vw,620px);margin:0 10vw;background-position:center 57%}.story{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.story p{max-width:490px}.quote{padding:130px 5vw;background:#1d5288;color:#fff;text-align:center}.quote p{margin:0;font-size:clamp(22px,3vw,42px);line-height:2;letter-spacing:.08em}.guide-title{padding-bottom:70px}.guide-list{padding:0 10vw 100px}.guide-list article{display:grid;grid-template-columns:100px 1fr 145px;gap:35px;padding:55px 0;border-bottom:1px solid var(--line)}.guide-list article>span{font:400 12px var(--mono);color:#49739b}.guide-list h2{font-size:30px;font-weight:500;letter-spacing:.07em;margin:0 0 12px}.guide-list p:not(.eyebrow){margin:0;max-width:510px;line-height:2}.guide-list em{font:400 10px var(--mono);letter-spacing:.06em;font-style:normal;align-self:center}.contact-title{background:#f1f5f7}.contact-wrap{display:grid;grid-template-columns:1.35fr .65fr;gap:10vw;padding:100px 10vw 130px}.contact-wrap form{max-width:600px}.contact-wrap label{display:block;margin-bottom:27px;font-size:13px;letter-spacing:.04em}input,textarea{width:100%;margin-top:9px;padding:14px 0;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:14px var(--serif);outline:none}input:focus,textarea:focus{border-color:var(--blue)}textarea{resize:vertical}.submit{margin-top:15px;border:1px solid var(--ink);padding:15px 22px;background:var(--ink);color:#fff;font:11px var(--mono);letter-spacing:.1em;cursor:pointer}.submit span{margin-left:28px}.form-status{font-size:13px;color:#35628c}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 5vw;border-top:1px solid var(--line);font:9px var(--mono);letter-spacing:.08em;color:#526373}
@media(max-width:700px){.site-header{height:70px;padding:0 6vw}.menu-button{display:block;z-index:2}nav{display:none;position:absolute;top:70px;left:0;width:100%;padding:26px 6vw 30px;background:#fff;color:var(--ink);border-bottom:1px solid var(--line);flex-direction:column;gap:20px}nav.open{display:flex}.hero{min-height:680px;padding:130px 7vw 85px;background-position:57% center}.hero h1,.page-title h1{font-size:40px}.hero-copy>p:not(.eyebrow){font-size:14px}.hero-credit{left:7vw;right:auto}.section{padding:85px 7vw}.intro,.story,.contact-wrap{grid-template-columns:1fr;gap:46px}.feature{grid-template-columns:1fr;padding:0 0 85px;gap:45px}.feature-image{height:370px}.feature-copy{padding:0 7vw}.page-title{padding:120px 7vw 65px}.story-image{height:330px;margin:0 7vw}.quote{padding:85px 7vw}.guide-list{padding:0 7vw 65px}.guide-list article{grid-template-columns:45px 1fr;gap:16px;padding:40px 0}.guide-list em{grid-column:2;font-size:9px}.guide-list h2{font-size:25px}.contact-wrap{padding:70px 7vw 85px}.contact-wrap aside{padding-top:32px;border-top:1px solid var(--line)}footer{align-items:flex-start;flex-direction:column;padding:22px 7vw;gap:6px}.eyebrow{margin-bottom:18px}}