.author-storyflow { background: var(--paper); }
.storyflow-lead { max-width: 850px; margin: 0 8vw 0 auto; padding: 130px 0; color: var(--red); font: italic 38px/1.35 Georgia, serif; }
.author-coast-strip { width: calc(100% - 10vw); margin: 0 5vw 110px; padding: 12px; background: var(--red); transform: rotate(-.6deg); }
.author-coast-strip img { display: block; width: 100%; aspect-ratio: 16 / 6; object-fit: cover; }
.seeing-scene { min-height: 850px; position: relative; padding: 110px 10vw; background: var(--navy); color: var(--paper); overflow: hidden; }
.scene-label { font: 700 10px/1 Arial, sans-serif; letter-spacing: .16em; }
.seeing-scene blockquote { position: relative; z-index: 2; width: 80%; margin: 80px 0 60px; font: 400 clamp(56px, 7vw, 105px)/.98 Georgia, serif; letter-spacing: -.055em; }
.seeing-scene > p { position: relative; z-index: 2; width: 520px; margin-left: auto; font: 18px/1.65 Georgia, serif; }
.seeing-photo { position: absolute; z-index: 2; left: 8vw; bottom: 55px; width: clamp(190px, 21vw, 310px); margin: 0; transform: rotate(-2.5deg); }
.seeing-photo::after { content: ""; position: absolute; inset: 10px -10px -10px 10px; border: 1px solid var(--saffron); z-index: -1; }
.seeing-photo img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: center 45%; filter: saturate(.75) contrast(1.08); }
.seeing-photo figcaption { position: relative; z-index: 3; width: max-content; max-width: calc(100% - 14px); margin: -4px -10px 0 auto; padding: 9px 12px; background: var(--saffron); color: var(--navy); text-align: right; font: italic 12px/1.3 Georgia, serif; }
.scene-circle { position: absolute; right: 5vw; top: 70px; display: flex; align-items: flex-end; gap: 16px; width: auto; height: auto; border: 0; border-radius: 0; color: var(--saffron); font: italic 88px/.8 Georgia, serif; opacity: .9; }
.scene-circle::before { content: "INDEX"; width: 110px; padding-bottom: 9px; border-bottom: 1px solid var(--saffron); color: var(--paper); font: 700 8px/1 Arial,sans-serif; letter-spacing: .18em; }
.hometown-scene { display: grid; grid-template-columns: .8fr 1.2fr; min-height: 760px; position: relative; background: var(--cream); }
.hometown-place { position: relative; display: flex; flex-direction: column; justify-content: space-between; padding: 80px 5vw; overflow: hidden; background: var(--saffron); }
.hometown-place::after { content: ""; position: absolute; width: 410px; height: 410px; right: -160px; bottom: -150px; border: 1px solid var(--red); border-radius: 50%; }
.hometown-place strong { color: var(--red); font: 400 clamp(88px, 11vw, 160px)/.72 Georgia, serif; letter-spacing: -.065em; }
.hometown-place strong i { display: block; font-style: normal; }
.hometown-place strong i:nth-child(2) { margin-top: .46em; }
.hometown-place span { font-size: 10px; line-height: 1.6; letter-spacing: .16em; }
.hometown-copy { padding: 95px 7vw 110px; }
.hometown-copy small { letter-spacing: .16em; }
.hometown-copy h2 { margin: 55px 0 35px; color: var(--red); font: 400 clamp(70px, 8vw, 120px)/.8 Georgia, serif; letter-spacing: -.07em; }
.hometown-copy p { max-width: 650px; font: 19px/1.7 Georgia, serif; }
.hometown-photo { width: min(560px, 100%); margin: 0 0 38px auto; position: relative; transform: rotate(1.5deg); }
.hometown-photo::before { content: ""; position: absolute; inset: 12px -12px -12px 12px; border: 1px solid var(--red); z-index: 0; }
.hometown-photo img { position: relative; z-index: 1; display: block; width: 100%; aspect-ratio: 16 / 8.5; object-fit: cover; filter: saturate(.85) contrast(1.04); }
.hometown-line { position: absolute; right: 3vw; bottom: 22px; color: var(--red); font: italic 15px Georgia, serif; }
.writing-scene { min-height: 760px; position: relative; display: grid; place-items: center; padding: 100px 5vw; background: var(--red); overflow: hidden; }
.return-mark { position: absolute; z-index: 1; left: 3vw; bottom: 45px; display: grid; place-items: center; width: clamp(210px, 23vw, 340px); aspect-ratio: 1; border: 1px solid var(--saffron); border-radius: 50%; color: var(--paper); transform: rotate(-8deg); }
.return-mark::before { content: ""; position: absolute; width: 64%; aspect-ratio: 1; border: 1px solid rgba(238,227,205,.55); border-radius: 50%; transform: translate(26%,-18%); }
.return-mark::after { content: ""; position: absolute; left: -18%; right: -18%; top: 50%; height: 1px; background: var(--saffron); transform: rotate(13deg); }
.return-mark span { position: absolute; left: 12%; top: 11%; color: var(--saffron); font: italic clamp(58px,7vw,105px)/1 Georgia,serif; }
.return-mark small { margin: 28% 0 0 27%; font: 700 9px/1.8 Arial,sans-serif; letter-spacing: .18em; }
.writing-paper { position: relative; z-index: 2; width: min(760px, 82vw); padding: 75px 80px; background: var(--paper); transform: rotate(-2deg); box-shadow: 20px 24px 0 var(--navy); }
.writing-paper small { letter-spacing: .15em; }
.writing-paper h2 { margin: 55px 0 35px; color: var(--red); font: 400 clamp(65px, 8vw, 108px)/.85 Georgia, serif; letter-spacing: -.065em; }
.writing-paper p { font: 19px/1.65 Georgia, serif; }
.paper-sign { display: block; margin-top: 45px; color: var(--red); text-align: right; font: italic 18px Georgia, serif; }
.writing-word { position: absolute; right: -70px; bottom: -45px; color: rgba(238,227,205,.13); font: italic 180px/.8 Georgia, serif; }
@media(max-width:900px){.storyflow-lead{margin:0 6vw;padding:100px 0}.hometown-scene{grid-template-columns:1fr}.hometown-place{min-height:520px}.hometown-copy{padding:90px 6vw}.seeing-scene blockquote{width:100%}.seeing-photo{left:6vw}.scene-circle{right:6vw}.writing-paper{padding:65px 55px}}
@media(max-width:620px){.storyflow-lead{font-size:28px;padding:80px 20px;margin:0}.author-coast-strip{width:calc(100% - 40px);margin:0 20px 75px;padding:7px}.author-coast-strip img{aspect-ratio:4/3}.seeing-scene{min-height:auto;padding:80px 20px}.seeing-scene blockquote{font-size:14vw;margin:60px 0 45px}.seeing-scene>p{width:auto;margin:0;font-size:17px}.seeing-photo{position:relative;left:auto;bottom:auto;width:82vw;margin:0 0 42px auto}.scene-circle{top:35px;right:20px;font-size:54px}.scene-circle::before{width:70px}.hometown-place{padding:60px 20px;min-height:480px}.hometown-place strong{font-size:27vw}.hometown-copy{padding:80px 20px}.hometown-copy h2{font-size:20vw}.hometown-photo{margin-bottom:35px}.writing-scene{padding:80px 20px 270px}.return-mark{left:28px;bottom:45px;width:220px}.writing-paper{width:100%;padding:55px 30px}.writing-paper h2{font-size:20vw}.writing-word{font-size:100px}}