.captain-figure{position:relative;flex:0 0 190px;padding-top:67px;padding-bottom:26px;display:grid;justify-items:center}.captain-speech{position:absolute;top:0;left:0;width:190px;margin:0!important;padding:9px 12px;background:#fff;border:3px solid #1a1a1a;border-radius:16px;box-shadow:4px 4px 0 #1a1a1a;color:#1a1a1a!important;font-size:15px!important;line-height:1.3;transform:rotate(-3deg);text-align:center}.captain-speech strong{font-family:var(--head);font-size:20px;font-style:italic}.captain-speech:after{content:"";position:absolute;width:13px;height:13px;background:#fff;border-right:3px solid #1a1a1a;border-bottom:3px solid #1a1a1a;bottom:-9px;left:44px;transform:rotate(45deg)}.captain-name{position:absolute;bottom:0;background:#FFD93D;border:3px solid #1a1a1a;color:#1a1a1a;font-family:var(--head);font-weight:700;font-size:17px;padding:3px 10px;box-shadow:3px 3px 0 #1a1a1a;transform:rotate(-2deg)}.captain-story-link{display:inline-block;margin-top:14px;padding:7px 12px;background:white;color:#1a1a1a;border:2px solid #1a1a1a;box-shadow:3px 3px 0 #1a1a1a;border-radius:6px;font-size:14px;font-weight:700}.captain-story-link:focus-visible,.captain-story button:focus-visible{outline:3px solid #FFD93D;outline-offset:4px}.captain-story-content{font-size:17px;line-height:1.65;background:radial-gradient(#1a1a1a12 1px,transparent 1.5px),#fffdf5;background-size:9px 9px;padding:24px}.captain-story-art{float:right;width:180px;height:180px;display:grid;place-items:center;font-size:80px;background:#4A90E2;border:3px solid #1a1a1a;box-shadow:4px 4px 0 #1a1a1a;border-radius:14px;margin:0 0 20px 24px;overflow:hidden}.captain-story-art img{width:100%;height:100%;object-fit:contain}.captain-lore{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.captain-lore span{background:#FFD93D;color:#1a1a1a;border:2px solid #1a1a1a;box-shadow:2px 2px 0 #1a1a1a;padding:5px 9px;font-family:var(--head);font-weight:700;font-size:16px}.captain-story-content p{margin:0 0 18px;color:#1a1a1a}.captain-story blockquote{clear:both;margin:24px 0;padding:20px;background:#FFD93D;border:3px solid #1a1a1a;box-shadow:4px 4px 0 #1a1a1a;border-radius:14px;font-family:var(--head);font-size:28px;line-height:1.2;font-weight:700;font-style:italic;color:#1a1a1a}.captain-story-content>.btn{margin-top:8px}.nutrition-method{font-size:14px;line-height:1.5;margin:12px 0;color:#504c44}
@media(min-width:601px) and (max-width:850px){.hero-intro{gap:24px}.hero h1{font-size:52px}.hero h1 span{font-size:28px}.captain-figure{flex-basis:170px}.captain-speech{width:170px}.chef-frame{width:145px;height:145px}}
@media(max-width:600px){.captain-figure{flex-basis:auto;width:190px;padding-top:64px;padding-bottom:26px}.captain-figure .chef-frame{width:125px;height:125px}.captain-story-art{float:none;margin:0 auto 22px;width:150px;height:150px}.captain-story-content{padding:20px}.captain-lore{justify-content:center}.captain-story blockquote{font-size:25px}.captain-story-link{font-size:14px;margin-top:15px}}