@layer ffp-detail-design {
@scope (.ffp-journal) {
/* B: independent editorial system. Frozen A has no dependency on this sheet. */
:scope{--ink:#634c49;--paper:#faf7f1;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box !important}:scope{scroll-behavior:smooth !important}:scope{margin:0 !important;color:var(--ink) !important;background:var(--paper) !important;font-family:'Yu Gothic','Hiragino Kaku Gothic ProN',sans-serif !important;line-height:1.9 !important}a{color:inherit !important;text-decoration:none !important}img{display:block !important;max-width:100% !important}p,h1,h2,h3,figure{margin:0 !important}p+p{margin-top:1.15em !important}button{font:inherit !important;cursor:pointer !important}a:focus-visible,button:focus-visible{outline:2px solid #b77643 !important;outline-offset:5px !important}.screen-reader-text{position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important;clip:rect(0,0,0,0) !important}:scope{overflow:clip !important}.preview{background:#634c49 !important;color:white !important;font-size:10px !important;display:flex !important;justify-content:space-between !important;padding:5px 4% !important}.masthead{display:flex !important;justify-content:space-between !important;align-items:center !important;padding:24px 5% !important;background:#faf7f1 !important}.brand{font-size:23px !important;font-weight:900 !important}.brand span{display:block !important;font-size:8px !important;letter-spacing:.2em !important}.journal-name{font-size:16px !important}.header-link{font-size:11px !important}
#media-single-top{position:relative !important;display:grid !important;grid-template-columns:1fr 1fr !important;gap:6% !important;padding:60px max(7%,calc((100vw - 1100px)/2)) 130px !important;background:linear-gradient(#f3f0eae6,#f3f0eae6),url('https://futofura.com/wp-content/uploads/2026/04/bg_media.png') center/cover !important;align-items:center !important;border-radius:0 0 48% 5% / 0 0 9% 3% !important}.media-cover{position:relative !important;transform:rotate(-5deg);padding:15px !important;background:#fff !important;box-shadow:18px 24px 0 #c4aca126 !important}.media-cover>img{height:460px !important;width:100% !important;object-fit:contain !important}.favorite{position:absolute !important;right:-19px !important;bottom:35px !important;border-radius:50% !important;background:#fff !important;color:#b05c77 !important;border:1px solid !important;width:58px !important;height:58px !important;text-align:center !important;font-size:30px !important}.favorite span{position:absolute !important;width:1px !important;height:1px !important;overflow:hidden !important}.media-title time,.category{font-size:11px !important;letter-spacing:.15em !important}.category{margin:15px 0 !important}.media-title h1{font-size:clamp(28px,3vw,43px) !important;letter-spacing:-.04em !important;line-height:1.55 !important}.media-title h1 small{display:block !important;font-size:16px !important;font-weight:500 !important;line-height:1.9 !important;margin-top:22px !important}.tags,.categories{display:flex !important;gap:6px 12px !important;flex-wrap:wrap !important;font-size:10px !important;margin-top:20px !important}.tags small,.categories small{width:100% !important;letter-spacing:.2em !important}.share{display:flex !important;gap:8px !important;align-items:center !important;flex-wrap:wrap !important;margin-top:22px !important}.share>span{font-size:9px !important;letter-spacing:.2em !important}.share button{width:34px !important;height:34px !important;border:1px solid #634c4930 !important;border-radius:50% !important;background:transparent !important;color:inherit !important;transition:transform .3s}.share button:hover{transform:rotate(-12deg) scale(1.15)}.share output{font-size:10px !important;width:100% !important}:scope>.share{justify-content:center !important;margin:45px auto !important}
.ffj-story-intro{max-width:970px !important;margin:80px auto 140px !important;padding:0 30px !important}.ffj-story-intro__card{position:relative !important}.ffj-story-intro__content{display:grid !important;grid-template-columns:.85fr 1fr !important;gap:65px !important}.ffj-story-intro__catch{font-size:27px !important;line-height:1.8 !important;font-weight:800 !important;letter-spacing:.03em !important;padding-top:30px !important}.ffj-story-intro__catch p{display:inline !important;background:linear-gradient(transparent 76%,#e6c7a4 76%,#e6c7a4 92%,transparent 92%) !important}.ffj-story-intro__catch p+p:before{content:'' !important;display:block !important}.ffj-story-intro__text{font-size:13px !important;line-height:2.15 !important}.ffj-story-intro-orbit{position:absolute !important;width:125px !important;height:125px !important;left:40px !important;bottom:20px !important}.ffj-story-intro-orbit__logo{position:absolute !important;inset:22px !important;border-radius:50% !important;background-size:cover !important}.ffj-story-intro-orbit__text{position:absolute !important;inset:0 !important;animation:turn 40s linear infinite}.ffj-story-intro-orbit__text span{position:absolute !important;left:calc(50% - 5px) !important;top:0 !important;width:10px !important;height:62.5px !important;transform-origin:50% 100% !important;transform:rotate(var(--angle));font-size:10px !important}
.ffj-story-group{padding:0 max(5%,calc((100vw - 1100px)/2)) 100px !important;position:relative !important}.ffj-story-group--discovery{background:#f0dfc7 !important;border-radius:48% 48% 0 0 / 90px 90px 0 0 !important}.chapter-group-heading{padding:20px 0 60px !important;position:relative !important}.ffj-story-kicker{font-size:clamp(90px,15vw,190px) !important;font-weight:900 !important;line-height:1.2 !important;letter-spacing:-.12em !important;color:#a65c38 !important;transform:rotate(-5deg);width:fit-content !important}.chapter-group-heading:after{content:'' !important;display:block !important;height:1px !important;background:currentColor !important;opacity:.2;margin-top:20px !important}.editorial-spread{position:relative !important;display:grid !important;grid-template-columns:repeat(12,minmax(0,1fr)) !important;column-gap:26px !important;padding:25px 0 95px !important;margin-bottom:65px !important;border-bottom:1px solid #a65c3833 !important;counter-increment:spread !important}.ffj-story{counter-reset:spread !important}.editorial-spread:before{content:counter(spread,decimal-leading-zero) !important;position:absolute !important;top:10px !important;left:-20px !important;font-family:Georgia,serif !important;font-style:italic !important;font-size:100px !important;line-height:1 !important;color:#a65c38 !important;opacity:.19;pointer-events:none !important}.chapter-editorial{display:contents !important}.visual-heading{grid-column:2/12 !important;font-size:clamp(25px,3vw,39px) !important;line-height:1.6 !important;letter-spacing:.01em !important;margin-bottom:42px !important;max-width:850px !important;z-index:1 !important}.visual-heading span{background:linear-gradient(transparent 86%,#b375432e 86%) !important;box-decoration-break:clone !important}.story-copy{grid-column:2/6 !important;grid-row:2 !important;font-size:13px !important;line-height:2.15 !important;padding:25px 30px 0 0 !important}.story-copy p:first-child{font-weight:700 !important}.chapter-gallery{grid-column:6/13 !important;grid-row:2 !important;display:grid !important;grid-template-columns:1fr 1fr !important;gap:35px 24px !important;align-items:start !important}.picture{min-width:0 !important;position:relative !important}.picture:first-child{grid-column:1/-1 !important}.picture-image{overflow:hidden !important;background:#d4c8b7 !important}.picture img{width:100% !important;height:220px !important;object-fit:cover !important;transition:transform 1.2s var(--ease)}.picture:first-child img{height:335px !important}.picture.is-portrait img{object-fit:contain !important}.picture:nth-child(3){margin-top:55px !important}.picture-caption{font-size:11px !important;line-height:1.9 !important;padding:15px 0 0 18px !important;position:relative !important}.picture-caption:before{content:'↳' !important;position:absolute !important;left:0 !important;top:10px !important;font-size:18px !important;color:#a65c38 !important}.picture:hover img{transform:scale(1.035)}.editorial-spread:nth-of-type(even) .story-copy{grid-column:9/13 !important;padding:25px 0 0 12px !important}.editorial-spread:nth-of-type(even) .chapter-gallery{grid-column:1/8 !important}.editorial-spread:nth-of-type(even) .visual-heading{grid-column:2/12 !important}.editorial-spread:last-child{border:0 !important;margin-bottom:0 !important;padding-bottom:0 !important}
.ffj-story-group--reassurance{background:#284e47 !important;color:#f5f0e3 !important;padding-top:75px !important;margin-top:-1px !important;border-radius:0 95px 0 100px !important}.ffj-story-group--reassurance .ffj-story-kicker{color:#dce6bd !important;transform:none;letter-spacing:.02em !important;font-weight:500 !important}.ffj-story-group--reassurance .chapter-group-heading{padding-bottom:45px !important}.ffj-story-group--reassurance .editorial-spread{border-color:#f5f0e333 !important}.ffj-story-group--reassurance .editorial-spread:before{color:#dce6bd !important}.ffj-story-group--reassurance .visual-heading span{background:none !important}.ffj-story-group--reassurance .picture-image{border-radius:100px 100px 4px 4px !important;background:#23453f !important}.ffj-story-group--reassurance .picture-caption:before{color:#dce6bd !important}.ffj-story-group--reassurance .picture:first-child .picture-image{border-radius:6px 70px 6px 6px !important}.ffj-story-group--reassurance .picture-caption{color:#e2e7d6 !important}
.ffj-story-review{max-width:1050px !important;margin:100px auto !important;padding:0 35px !important}.ffj-story-review .ffj-story-kicker{font-size:30px !important;transform:none;letter-spacing:.05em !important;margin-bottom:40px !important}.ffj-story-review__items{display:grid !important;grid-template-columns:1fr 1fr !important;gap:60px !important}.ffj-story-review__image img{width:100% !important;height:270px !important;object-fit:cover !important}.ffj-story-review__text{font-size:13px !important;padding-top:20px !important}.ffj-story-closing{max-width:790px !important;margin:120px auto !important;position:relative !important;padding:0 30px 0 170px !important}.ffj-story-closing .ffj-story-intro-orbit{left:0 !important;top:20px !important}.ffj-story-closing__text{font-size:14px !important;line-height:2.1 !important}.spot-link{display:block !important;border-bottom:1px solid !important;padding:25px 0 !important;font-weight:700 !important;font-size:15px !important}.spot-link span{float:right !important}.related{padding:65px 7% !important;background:#ede7dd !important;border-radius:65px 65px 0 0 !important}.related>small{letter-spacing:.2em !important}.related>div{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:35px !important;margin-top:30px !important}.related img{height:230px !important;width:100% !important;object-fit:contain !important}.related time,.related span{font-size:11px !important}.related h3{font-size:14px !important;line-height:1.8 !important;margin:12px 0 !important}footer{background:#634c49 !important;color:#fff !important;padding:45px 7% !important}footer p,footer small{font-size:11px !important}
@keyframes turn{to{transform:rotate(360deg)}}@keyframes progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:no-preference){:scope.motion-ready .picture-image{clip-path:inset(0 100% 0 0);transition:clip-path 1.15s var(--ease)}:scope.motion-ready .is-seen .picture-image{clip-path:inset(0)}:scope.motion-ready .ffj-story-group--reassurance .picture-image{clip-path:inset(15% 0 15% 0 round 100px);opacity:0;transition:clip-path 1.3s var(--ease),opacity 1s}:scope.motion-ready .ffj-story-group--reassurance .is-seen .picture-image{clip-path:inset(0 round 0px);opacity:1}.media-cover{animation:cover-in 1.4s var(--ease) both}@keyframes cover-in{from{opacity:0;transform:translateY(30px) rotate(0)}to{opacity:1;transform:translateY(0) rotate(-5deg)}}@supports(animation-timeline:scroll()){:scope:after{content:'' !important;position:fixed !important;bottom:0 !important;left:0 !important;right:0 !important;height:3px !important;background:#bc8056 !important;z-index:20 !important;transform-origin:left !important;animation:progress linear;animation-timeline:scroll()}}}
@media(max-width:700px){.preview{font-size:8px !important}.masthead{padding:17px 5% !important}.brand{font-size:18px !important}.journal-name{font-size:12px !important}.header-link{display:none !important}#media-single-top{grid-template-columns:1fr !important;padding:35px 8% 70px !important;gap:36px !important}.media-cover{width:78% !important;margin:auto !important}.media-cover>img{height:340px !important}.media-title h1{font-size:29px !important}.media-title h1 small{font-size:14px !important}.ffj-story-intro{margin:55px auto 85px !important;padding:0 25px !important}.ffj-story-intro__content{display:block !important}.ffj-story-intro__catch{font-size:23px !important;padding:0 85px 25px 0 !important}.ffj-story-intro-orbit{width:90px !important;height:90px !important;left:auto !important;right:-12px !important;top:15px !important}.ffj-story-intro-orbit__logo{inset:16px !important}.ffj-story-intro-orbit__text span{height:45px !important;font-size:8px !important}.ffj-story-intro__text{font-size:13px !important}.ffj-story-group{padding:0 22px 65px !important}.chapter-group-heading{padding:25px 0 30px !important}.ffj-story-kicker{font-size:100px !important}.editorial-spread{display:flex !important;flex-direction:column !important;padding:20px 0 45px !important;margin-bottom:45px !important;gap:0 !important}.editorial-spread:before{font-size:65px !important;left:-9px !important;top:0 !important}.visual-heading{font-size:24px !important;margin:0 0 27px !important;padding-left:17px !important}.chapter-editorial{display:contents !important}.chapter-gallery{order:2 !important;gap:25px 15px !important}.story-copy,.editorial-spread:nth-of-type(even) .story-copy{order:3 !important;padding:25px 5px 0 !important;font-size:13px !important}.picture:first-child img{height:260px !important}.picture img{height:185px !important}.picture:nth-child(3){margin-top:30px !important}.picture-caption{font-size:11px !important;padding-left:15px !important}.ffj-story-group--reassurance{padding-top:35px !important;border-radius:0 55px 0 55px !important}.ffj-story-review{margin:65px auto !important;padding:0 25px !important}.ffj-story-review__items{grid-template-columns:1fr !important;gap:35px !important}.ffj-story-review__image img{height:240px !important}.ffj-story-review .ffj-story-kicker{font-size:24px !important}.ffj-story-closing{padding:105px 25px 0 !important;margin:65px auto !important}.ffj-story-closing .ffj-story-intro-orbit{left:25px !important;top:0 !important}.related{padding:40px 25px !important;border-radius:35px 35px 0 0 !important}.related>div{grid-template-columns:1fr !important;gap:35px !important}.related img{height:270px !important}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}:scope{scroll-behavior:auto !important}}
/* Readable :scope scale within the art-directed spread. */
.story-copy{font-size:15px !important;line-height:2.05 !important}.picture-caption{font-size:12px !important}.ffj-story-intro__text{font-size:14px !important}.chapter-group-heading{padding-bottom:35px !important}.ffj-story-kicker{font-size:clamp(90px,13vw,160px) !important}.ffj-story-group--reassurance{border-radius:50% 10% 0 8% / 65px 55px 0 70px !important}.ffj-story-group--reassurance .picture-image{background:transparent !important}
@media(max-width:700px){.story-copy,.editorial-spread:nth-of-type(even) .story-copy{font-size:14px !important}.ffj-story-kicker{font-size:90px !important}.picture-caption{font-size:12px !important}.ffj-story-group--reassurance{border-radius:40px 65px 0 45px !important}}
.visual-heading{ text-wrap:balance  !important}.media-title h1{text-wrap:balance !important}
/* B refinement: caption folios and a continuous sand-to-green seam. */
.chapter-gallery{counter-reset:photo !important}.picture{counter-increment:photo !important}
.picture-caption{padding:16px 0 0 35px !important;min-height:42px !important}
.picture-caption:before{content:counter(photo,decimal-leading-zero) !important;top:17px !important;left:0 !important;font:italic 12px/1.8 Georgia,serif !important;letter-spacing:.08em !important;color:inherit !important;opacity:.65}
.picture-caption:after{content:'' !important;position:absolute !important;left:0 !important;top:8px !important;width:24px !important;height:1px !important;background:currentColor !important;opacity:.35}
.picture-image{background:transparent !important}.picture.is-portrait img{width:auto !important;max-width:100% !important;margin-inline:auto !important}
.ffj-story-group--discovery{padding-bottom:190px !important}
.ffj-story-group--reassurance{border-radius:0 !important;margin-top:0 !important;padding-top:25px !important;padding-bottom:140px !important;isolation:isolate !important}
.ffj-story-group--reassurance:before{content:'' !important;position:absolute !important;z-index:-1 !important;left:-4% !important;width:108% !important;height:110px !important;top:-109px !important;background:#284e47 !important;border-radius:65% 35% 0 0 / 100% 70% 0 0 !important;transform-origin:bottom !important;animation:chapter-tide 12s ease-in-out infinite alternate}
.ffj-story-group--reassurance:after{content:'' !important;position:absolute !important;pointer-events:none !important;left:-4% !important;width:108% !important;bottom:-1px !important;height:65px !important;background:var(--paper) !important;border-radius:55% 45% 0 0 / 100% 70% 0 0 !important}
@keyframes chapter-tide{from{border-radius:65% 35% 0 0 / 100% 70% 0 0;transform:scaleY(.82)}to{border-radius:30% 70% 0 0 / 65% 100% 0 0;transform:scaleY(1)}}
.chapter-group-heading:after{transform-origin:left !important;transition:transform 1.2s var(--ease)}
.picture-image{box-shadow:0 12px 28px -24px #35282170 !important}
@media(max-width:700px){.ffj-story-group--discovery{padding-bottom:125px !important}.ffj-story-group--reassurance{border-radius:0 !important;padding-top:20px !important;padding-bottom:100px !important}.ffj-story-group--reassurance:before{height:70px !important;top:-69px !important}.picture-caption{padding-left:29px !important}.picture-caption:after{width:19px !important}}
/* Caption voice: an attached pale annotation slip, distinct from editorial prose. */
.picture-caption{background:#fffaf0b8 !important;margin-top:12px !important;padding:16px 18px 16px 43px !important;border-radius:2px 2px 16px 2px !important;color:#715f50 !important;font-family:'Yu Gothic','Hiragino Kaku Gothic ProN',sans-serif !important;font-weight:500 !important;line-height:1.85 !important;letter-spacing:.02em !important}
.picture-caption:before{left:13px !important;top:16px !important;opacity:.8}.picture-caption:after{left:13px !important;top:12px !important;width:17px !important;opacity:.3}
.story-copy{font-family:'Yu Mincho','Hiragino Mincho ProN',serif !important;line-height:2.2 !important}.story-copy p:first-child{font-family:'Yu Gothic',sans-serif !important;line-height:2 !important;font-weight:700 !important}
.ffj-story-group--reassurance .picture-caption{background:#ffffff10 !important;color:#eef0df !important;border-left:1px solid #dce6bd55 !important}
.chapter-group-heading .ffj-story-kicker{isolation:isolate !important;padding:8px 35px 15px 0 !important;line-height:1.25 !important;letter-spacing:-.06em !important;transform:none}
.chapter-letter{display:inline-block !important;position:relative !important;transform-origin:50% 100% !important}
.ffj-story-group--discovery .chapter-letter{font-weight:900 !important;text-shadow:3px 4px 0 #f0dfc7,4px 5px 0 #a65c3880 !important}
.ffj-story-group--discovery .chapter-letter:nth-child(2){color:transparent !important;-webkit-text-stroke:2px #a65c38 !important;transform:rotate(-6deg) translateY(8px);text-shadow:none !important}
.chapter-group-heading .ffj-story-kicker:after{content:'' !important;position:absolute !important;width:44px !important;height:44px !important;right:-25px !important;top:15% !important;background:currentColor !important;clip-path:polygon(50% 0,59% 38%,100% 50%,59% 59%,50% 100%,41% 59%,0 50%,41% 38%);opacity:.8}
.ffj-story-group--reassurance .ffj-story-kicker:before{content:'' !important;position:absolute !important;inset:6% -8% 3% -10% !important;border:1px solid #dce6bd70 !important;border-radius:50% !important;transform:rotate(-12deg);z-index:-1 !important}
.ffj-story-group--reassurance .ffj-story-kicker:after{width:12px !important;height:12px !important;right:-5% !important;top:19% !important;border-radius:50% !important;clip-path:none}
@media(prefers-reduced-motion:no-preference){:scope.motion-ready .chapter-group-heading:not(.is-seen) .chapter-letter{opacity:0;transform:translateY(35px) rotate(10deg)}.chapter-letter{transition:opacity .9s,transform 1.2s var(--ease);transition-delay:calc(var(--letter) * .15s)}.ffj-story-group--reassurance .chapter-letter{transition-duration:1.4s}.chapter-group-heading .ffj-story-kicker:after{animation:chapter-spark 7s ease-in-out infinite}.ffj-story-group--reassurance .ffj-story-kicker:after{animation:chapter-pearl 6s ease-in-out infinite}@keyframes chapter-spark{0%,75%,100%{rotate:0deg;scale:1}85%{rotate:90deg;scale:.7}}@keyframes chapter-pearl{50%{transform:translate(-8px,8px);opacity:.4}}}
@media(max-width:700px){.picture-caption{padding:13px 12px 13px 32px !important;font-size:12px !important}.picture-caption:before{left:9px !important;top:13px !important}.picture-caption:after{left:9px !important;top:10px !important;width:14px !important}.chapter-group-heading .ffj-story-kicker:after{width:27px !important;height:27px !important;right:-9px !important}.ffj-story-group--reassurance .ffj-story-kicker:after{width:9px !important;height:9px !important}}
.chapter-group-heading .ffj-story-kicker{width:fit-content !important;max-width:100% !important}
.chapter-group-heading .ffj-story-kicker{position:relative !important;display:inline-block !important}.ffj-story-group--reassurance .ffj-story-kicker:before{inset:8% -6% 4% -5% !important}

}

}
/* Readable editorial headings, dedicated practical notes, and article-end gutters. */
@layer ffp-detail-overrides {
#main.ffp-journal .ffj-story-intro{max-width:1120px!important}
#main.ffp-journal .ffj-story-intro__content{display:block!important}
#main.ffp-journal .ffj-story-intro__catch{font-size:clamp(24px,2.4vw,34px)!important;line-height:1.75!important;padding:0!important;margin:0 0 36px!important;word-break:auto-phrase!important;text-wrap:pretty!important}
#main.ffp-journal .ffj-story-intro__text{max-width:760px!important;margin-left:auto!important;padding-left:30px!important}
#main.ffp-journal .ffj-story-intro .ffj-story-intro-orbit{left:10px!important;bottom:35px!important;top:auto!important}
#main.ffp-journal .visual-heading{grid-column:2/13!important;max-width:none!important;width:auto!important;font-size:clamp(24px,2.7vw,38px)!important;word-break:auto-phrase!important;overflow-wrap:break-word!important;text-wrap:pretty!important}
#main.ffp-journal .ffj-story-review__items{display:grid!important;grid-template-columns:1fr!important;gap:32px!important}
#main.ffp-journal .ffj-story-review .picture{display:grid!important;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)!important;gap:30px!important;align-items:center!important;width:100%!important;margin:0!important;padding:30px 0!important;background:transparent!important;border:0!important;border-top:1px solid #a65c3826!important;border-radius:0!important}
#main.ffp-journal .ffj-story-review .picture-image{width:100%!important;max-width:none!important;aspect-ratio:4/3!important;border-radius:10px!important}
#main.ffp-journal .ffj-story-review .picture-image img{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important}
#main.ffp-journal .ffj-story-review .picture-caption{font-size:16px!important;line-height:2!important;padding:0!important;min-width:0!important;background:none!important}
#main.ffp-journal .ffj-story-review .picture-caption h4{font-size:19px!important;line-height:1.8!important;margin:0 0 12px!important}
#main.ffp-journal .ffj-story-review .picture-caption:before,#main.ffp-journal .ffj-story-review .picture-caption:after{content:none!important}
#main.ffp-journal .ffj-story-review .picture:not(:has(.picture-image)){grid-template-columns:1fr!important}
#main.ffp-journal .media-single-info-links{display:flex!important;flex-wrap:wrap!important;gap:9px!important;margin:10px 0 18px!important}
#main.ffp-journal .media-single-info-links a{display:inline-flex!important;align-items:center!important;gap:12px!important;padding:7px 13px!important;border:1px solid #cdbfb0!important;border-radius:24px!important;background:#fffaf3!important;font-size:13px!important;text-decoration:none!important;transition:background .2s,border-color .2s}
#main.ffp-journal .media-single-info-links a:after{content:'›'!important;color:#a65c38!important;font-size:18px!important;line-height:1!important}
#main.ffp-journal .media-single-info-links a:hover,#main.ffp-journal .media-single-info-links a:focus-visible{background:#f5e5cd!important;border-color:#a65c38!important;outline-offset:3px!important}
#main.ffp-journal .ffp-article-end{width:calc(100% - 60px)!important;max-width:1120px!important;margin:60px auto 80px!important;box-sizing:border-box!important}
#main.ffp-journal .ffp-article-end .media-related{margin:55px 0!important}
@media(max-width:700px){
#main.ffp-journal .ffj-story-intro__text{padding-left:0!important}
#main.ffp-journal .ffj-story-intro .ffj-story-intro-orbit{position:relative!important;left:auto!important;bottom:auto!important;top:auto!important;margin:0 auto 25px!important}
#main.ffp-journal .ffj-story-review .picture{grid-template-columns:1fr!important;gap:20px!important;padding:25px 0!important}
#main.ffp-journal .ffj-story-review .picture-caption{font-size:14px!important}
#main.ffp-journal .ffp-article-end{width:calc(100% - 50px)!important;margin:40px auto 55px!important}
}
}
@layer ffp-detail-overrides {#main.ffp-journal .media-brand-banner {
	position: relative!important;
	left: 50%!important;
	width: 100vw!important;
	margin-top: 72px!important;
	margin-bottom: -96px!important;
	margin-left: -50vw!important;
	margin-right: -50vw!important;
	padding: 52px 0 58px!important;
	background:
		radial-gradient(circle at 20% 20%, rgba(255, 255, 255, 0.35) 0 10%, transparent 28%),
		radial-gradient(circle at 80% 15%, rgba(255, 255, 255, 0.18) 0 8%, transparent 24%),
		linear-gradient(315deg, #f2efe9 0%, #f4e8de 42%, #f6ddd2 72%, #f8e8df 100%)!important;
}

#main.ffp-journal .media-brand-banner__inner {
	display: flex!important;
	flex-direction: column!important;
	align-items: center!important;
	gap: 14px!important;
	max-width: 980px!important;
	margin: 0 auto!important;
	text-align: center!important;
}

#main.ffp-journal .media-brand-banner__name {
	position: relative!important;
	display: inline-block!important;
	margin: 0!important;
	font-size: clamp(24px, 3vw, 42px)!important;
	font-weight: 800!important;
	line-height: 1.12!important;
	letter-spacing: 0.02em!important;
	color: transparent!important;
	filter: drop-shadow(10px 10px 0 rgba(99, 76, 73, 0.18))!important;
}

#main.ffp-journal .media-brand-banner__name::before,
#main.ffp-journal .media-brand-banner__name::after {
	content: "ふとふら手帖"!important;
	position: absolute!important;
	inset: 0!important;
	display: block!important;
	font: inherit!important;
	letter-spacing: inherit!important;
	line-height: inherit!important;
	white-space: nowrap!important;
}

#main.ffp-journal .media-brand-banner__name::before {
	color: transparent!important;
	-webkit-text-stroke: 1.6px var(--media-text)!important;
}

#main.ffp-journal .media-brand-banner__name::after {
	color: var(--media-text)!important;
	-webkit-text-stroke: 0.8px var(--media-text)!important;
	animation: media-intro-title-wave-bottom 4.2s ease-in-out infinite!important;
}

#main.ffp-journal .media-brand-banner__title {
	display: block!important;
	margin: 0!important;
	color: var(--media-text)!important;
	font-size: clamp(15px, 1.55vw, 22px)!important;
	font-weight: 800!important;
	line-height: 1.45!important;
	letter-spacing: 0.05em!important;
	text-align: center!important;
	white-space: nowrap!important;
}

#main.ffp-journal .media-brand-banner__static,
#main.ffp-journal .media-brand-banner__tail {
	display: inline-block!important;
	vertical-align: top!important;
}

#main.ffp-journal .media-brand-banner__rotator {
	display: inline-flex!important;
	vertical-align: top!important;
	width: auto!important;
	height: 1.34em!important;
	min-width: 5.1em!important;
	margin: 0 0.03em!important;
	overflow: hidden!important;
	writing-mode: horizontal-tb!important;
}

#main.ffp-journal .media-brand-banner__track {
	display: flex!important;
	flex-direction: column!important;
	width: 100%!important;
	height: 700%!important;
	animation: media-brand-hero-slide-mobile 14s cubic-bezier(0.76, 0, 0.24, 1) infinite!important;
}

#main.ffp-journal .media-brand-banner__word {
	display: flex!important;
	flex: 0 0 calc(100% / 7)!important;
	align-items: center!important;
	justify-content: center!important;
	box-sizing: border-box!important;
	width: auto!important;
	height: calc(100% / 7)!important;
	padding: 0.16em 0.5em 0.18em!important;
	color: var(--media-text)!important;
	font-size: 1em!important;
	font-weight: 800!important;
	line-height: 1!important;
	white-space: nowrap!important;
	border-radius: 6px!important;
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.55),
		0 6px 16px rgba(96, 74, 57, 0.06)!important;
}

#main.ffp-journal .media-brand-banner__word--vision {
	background: linear-gradient(135deg, #f3d3ca 0%, #edc1b4 100%)!important;
}

#main.ffp-journal .media-brand-banner__word--idea {
	background: linear-gradient(135deg, #efd7bf 0%, #e8c39e 100%)!important;
}

#main.ffp-journal .media-brand-banner__word--fun {
	background: linear-gradient(135deg, #f2cfd5 0%, #ebb8c1 100%)!important;
}

#main.ffp-journal .media-brand-banner__word--relief {
	background: linear-gradient(135deg, #d9e6cb 0%, #c7daad 100%)!important;
}

#main.ffp-journal .media-brand-banner__word--choice {
	background: linear-gradient(135deg, #e8d3c7 0%, #ddbead 100%)!important;
}

#main.ffp-journal .media-brand-banner__word--style {
	background: linear-gradient(135deg, #f0dfbc 0%, #e7c990 100%)!important;
}

#main.ffp-journal .media-brand-banner__tail-line {
	display: inline!important;
}

#main.ffp-journal .media-brand-banner{left:auto!important;width:100%!important;max-width:none!important;margin:65px 0 0!important;border-radius:0!important;--media-text:#634c49} #main.ffp-journal .media-brand-banner__word{margin:0!important} @media(max-width:700px){#main.ffp-journal .media-brand-banner__title{font-size:14px!important;letter-spacing:0!important} #main.ffp-journal .media-brand-banner{padding:42px 15px!important;box-sizing:border-box!important}} @media(prefers-reduced-motion:reduce){#main.ffp-journal .media-brand-banner__track,#main.ffp-journal .media-brand-banner__name:after{animation:none!important}} }@keyframes media-brand-hero-slide-mobile {
	0%,
	10% {
		transform: translateY(0);
	}

	14%,
	24% {
		transform: translateY(-14.285714%);
	}

	28%,
	38% {
		transform: translateY(-28.571429%);
	}

	42%,
	52% {
		transform: translateY(-42.857143%);
	}

	56%,
	66% {
		transform: translateY(-57.142857%);
	}

	70%,
	80% {
		transform: translateY(-71.428571%);
	}

	84%,
	94% {
		transform: translateY(-71.428571%);
	}

	100% {
		transform: translateY(-85.714286%);
	}
}@keyframes media-intro-title-wave-bottom {
	0%,
	100% {
		clip-path: polygon(
			0% 50%,
			15% 46%,
			33% 51%,
			51% 61%,
			68% 63%,
			84% 58%,
			100% 50%,
			100% 100%,
			0% 100%
		);
	}

	50% {
		clip-path: polygon(
			0% 63%,
			15% 67%,
			33% 66%,
			51% 58%,
			68% 48%,
			84% 43%,
			100% 46%,
			100% 100%,
			0% 100%
		);
	}
}
@layer ffp-detail-overrides {#main.ffp-journal .media-brand-banner{border-radius:clamp(28px,4vw,64px) clamp(28px,4vw,64px) 0 0!important}}
@layer ffp-detail-overrides {@media(max-width:700px){#main.ffp-journal .ffj-story-intro .ffj-story-intro-orbit{display:none!important}}}