*{box-sizing:border-box}body{margin:0;color:#232821;background:#fff;font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #b85c27;outline-offset:5px}.header{max-width:1440px;margin:auto;padding:22px 5%;display:flex;align-items:center;gap:50px}.logo{width:180px;display:block}.header nav{display:flex;gap:40px;margin-left:auto;font-size:14px;font-weight:700}.header nav a{padding:15px 0}.header nav .active{border-bottom:2px solid #d89b68}.home{font-size:12px;border:1px solid #d9d9d0;border-radius:40px;padding:12px 20px}.breadcrumb{max-width:1280px;margin:20px auto 0;padding:0 30px;font-size:11px;color:#6f756b;display:flex;gap:18px}.intro{max-width:1220px;margin:0 auto;padding:64px 30px 100px;display:flex;align-items:center;justify-content:space-between;gap:40px}.eyebrow{font-size:12px;letter-spacing:.12em}.intro h1{font-size:66px;letter-spacing:.12em;display:flex;align-items:center;gap:22px;margin:24px 0}.intro h1 img{width:68px;height:68px;object-fit:contain}.sun{font-size:35px;color:#d89b68;margin-left:4px;align-self:flex-start}.lead{font-size:25px;font-weight:700;letter-spacing:.05em;margin:0 0 18px}.intro-copy{font-size:14px;line-height:2;color:#596458}.scene{width:44%;max-width:490px;object-fit:contain}.archive{position:relative;background:#faf7ef;border-radius:70px 0 0 0;margin-left:4%;padding:58px max(5%,calc((100vw - 1200px)/2)) 32px 5%;border-top:1px solid #485e4e}.archive:before{content:"";position:absolute;left:30px;top:-19px;width:120px;height:18px;background:#d89b68;border-radius:100% 100% 0 0;transform:rotate(-5deg);z-index:-1}.filter-head{display:flex;align-items:baseline;gap:22px}.filter-head h2{font-size:21px;margin:0}.filter-head>span{font-size:11px;color:#6e796e}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 38px}.filters .oe-filter{display:flex;align-items:center;gap:12px;background:transparent;border:1px solid #d0d5c9;border-radius:40px;padding:13px 22px;font-size:13px;color:#3e5144;transition:.2s}.filters .oe-filter[aria-current=true]{background:#426857;border-color:#426857;color:#fff}.filters .oe-filter:hover{border-color:#426857}.mikan{position:relative;display:inline-block;width:12px;height:11px;background:#e5a04f;border-radius:45%;flex:none}.mikan:before{content:"";position:absolute;right:0;top:-4px;width:7px;height:4px;background:#729177;border-radius:100% 0}.list-tools{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d5d7cb;padding:18px 0 28px;font-size:12px}.list-tools p{margin:0}.list-tools label{display:flex;align-items:center;gap:15px;color:#667061}.list-tools select{background:transparent;border:0;color:#232821;padding:7px}.stories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:36px;row-gap:45px}.story[hidden]{display:none}.story-open{padding:0;width:100%;border:0;background:transparent;text-align:left;color:inherit}.photo{aspect-ratio:1.43;position:relative}.photo>img{width:100%;height:100%;object-fit:cover;border-radius:44px 6px 44px 6px;transition:border-radius .3s,filter .3s}.story:nth-child(3n+2) .photo>img{border-radius:6px 44px 6px 44px}.area{position:absolute;bottom:-11px;left:18px;background:#faf7ef;border:1px solid #9da998;border-radius:50%;width:45px;height:45px;display:grid;place-items:center;font-size:11px;transform:rotate(-9deg)}.photo-arrow{position:absolute;right:13px;bottom:13px;border-radius:50%;width:35px;height:35px;background:white;display:grid;place-items:center;transition:transform .2s}.story-open:hover .photo-arrow{transform:translate(3px,-3px)}.story-open:hover .photo>img{border-radius:20px;filter:brightness(1.04)}.story-copy{padding:25px 3px 0}.date{font-size:10px;letter-spacing:.08em;color:#707a6d}.story h3{font-size:18px;line-height:1.85;margin:9px 0 18px;min-height:3.7em}.read{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bdc5b8;padding-bottom:14px;font-size:11px;letter-spacing:.08em;color:#426857}.read>span{font-size:19px}.endnote{display:flex;align-items:center;justify-content:center;gap:16px;padding:55px 0 20px}.endnote p{font-size:12px;color:#64725d}.sample{text-align:center;font-size:10px;color:#7d8277;margin-top:24px}.instagram{max-width:1200px;margin:65px auto;display:flex;align-items:center;justify-content:space-between;background:#d89b68;padding:35px 50px;border-radius:8px 55px 8px 55px;color:white;gap:25px}.instagram p{font-size:12px;margin:0 0 8px}.instagram h2{margin:0;font-size:28px}.instagram a{display:flex;gap:60px;align-items:center;border-bottom:1px solid #fff;padding:15px 0;font-size:17px}.unused-footer{background:#d89b68;color:white;padding:50px 6%;display:flex;align-items:center;gap:40px}.unused-footer img{width:180px}.unused-footer p{font-size:12px}.unused-footer small{margin-left:auto;font-size:11px}#preview{max-width:520px;width:calc(100% - 40px);padding:44px;border:1px solid #426857;border-radius:30px;background:#faf7ef;color:#232821}#preview::backdrop{background:#1e302775;backdrop-filter:blur(5px)}#preview h2{font-size:22px;line-height:1.7}#preview p{font-size:13px;line-height:2}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:28px}.back{border:0;background:#426857;color:white;border-radius:30px;padding:12px 22px;margin-top:15px}@media(max-width:800px){.header{padding:18px 20px;gap:15px;flex-wrap:wrap}.logo{width:135px}.home{margin-left:auto}.header nav{order:3;margin:4px 0 0;width:100%;justify-content:space-between;gap:12px;font-size:12px}.header nav a{padding:9px 0}.breadcrumb{padding:0 22px;margin-top:12px}.intro{padding:30px 24px 45px;gap:0;position:relative;min-height:305px}.intro>div{position:relative;z-index:1}.intro h1{font-size:42px;gap:13px;margin:20px 0}.intro h1 img{width:43px;height:43px}.sun{font-size:24px}.lead{font-size:19px}.intro-copy{font-size:12px;line-height:1.9}.eyebrow{font-size:10px}.scene{position:absolute;right:12px;bottom:20px;width:37%;opacity:.9}.archive{margin-left:12px;border-radius:38px 0 0 0;padding:34px 22px 25px 18px}.filter-head{gap:10px;flex-wrap:wrap}.filter-head h2{font-size:18px}.filter-head>span{font-size:10px}.filters{gap:8px;margin:20px 0 25px}.filters .oe-filter{padding:10px 13px;font-size:11px;gap:8px}.stories{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.photo{aspect-ratio:1}.photo>img{border-radius:28px 4px 28px 4px}.story:nth-child(3n+2) .photo>img{border-radius:4px 28px 4px 28px}.area{width:35px;height:35px;left:9px;font-size:10px}.photo-arrow{width:27px;height:27px;right:8px;bottom:8px}.story-copy{padding-top:23px}.story h3{font-size:14px;line-height:1.8;min-height:5.4em;margin-top:7px}.date{font-size:9px}.read{font-size:9px;letter-spacing:0}.endnote{gap:10px;padding-top:38px}.endnote p{font-size:10px}.instagram{margin:36px 18px;padding:27px;display:block;border-radius:6px 36px}.instagram h2{font-size:24px}.instagram a{margin-top:15px;justify-content:space-between;font-size:15px}.unused-footer{padding:35px 24px;flex-wrap:wrap;gap:18px}.unused-footer img{width:155px}.unused-footer p{font-size:10px}.unused-footer small{width:100%;margin:0;font-size:10px}#preview{padding:32px 25px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Shared site chrome; the page title gets its own editorial stage. */
.feature-list-page .site_header{position:relative;z-index:30}
.feature-list-page .intro{max-width:none;margin:28px 4% 0;padding:65px 6% 80px;background:#faf7ef;border:1px solid #426857;border-bottom:0;border-radius:85px 85px 0 0;position:relative;overflow:hidden;min-height:380px}
.feature-list-page .intro:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:9px;background:#d89b68}
.feature-list-page .intro h1{font-size:clamp(76px,7.5vw,120px);font-weight:900;letter-spacing:.12em;line-height:1.2;margin:22px 0 28px;gap:28px;color:#1a1a1a}
.feature-list-page .intro h1 img{width:90px;height:90px}
.feature-list-page .intro .sun{font-size:40px;color:#d89b68}
.feature-list-page .intro .scene{width:42%;max-width:510px}
.feature-list-page .intro .lead{font-size:25px;line-height:1.6}
.feature-list-page .archive{margin:0 4%;border:1px solid #426857;border-top:0;border-radius:0 0 65px 65px;padding:44px 6%}
.feature-list-page .archive:before{display:none}
.feature-list-page #count{font-size:17px;font-weight:700;display:flex;align-items:baseline;gap:10px;color:#1a1a1a}
.feature-list-page #count strong{font-size:38px;line-height:1.3}
.feature-list-page .breadcrumb{max-width:none;padding:0 5%;margin-top:22px}
.feature-list-page .ehime-footer a{color:inherit}
@media(max-width:767px){.feature-list-page .intro{margin:20px 14px 0;padding:36px 24px 135px;min-height:370px;border-radius:40px 40px 0 0}.feature-list-page .intro h1{font-size:64px;gap:16px;margin:18px 0}.feature-list-page .intro h1 img{width:53px;height:53px}.feature-list-page .intro .sun{font-size:26px}.feature-list-page .intro .lead{font-size:18px}.feature-list-page .intro .scene{width:185px;right:17px;bottom:19px}.feature-list-page .archive{margin:0 14px;padding:30px 17px;border-radius:0 0 35px 35px}.feature-list-page #count{font-size:13px;gap:6px}.feature-list-page #count strong{font-size:29px}}

/* Use the same typeface and reading scale as the homepage. */
body.feature-list-page{font-family:YakuHanJP,"Noto Sans JP",sans-serif;color:#1a1a1a;letter-spacing:.05em}
.feature-list-page .intro h1{font-family:inherit;font-weight:900;letter-spacing:.04em}
.feature-list-page .intro .lead{font-size:clamp(17px,1.55vw,24px);font-weight:700;line-height:1.8}
.feature-list-page .story h3{font-size:clamp(14px,1.2vw,19px);font-weight:750;line-height:1.65}
.feature-list-page .filters .oe-filter{font-weight:700}
@media(max-width:767px){.feature-list-page .intro .lead{font-size:16px;max-width:240px}.feature-list-page .story h3{font-size:15px}.feature-list-page .intro{min-height:330px;padding-bottom:125px}}

.feature-list-page .intro .lead span{display:inline-block}
@media(max-width:767px){.feature-list-page .intro .lead{max-width:none}.feature-list-page .intro .lead span{display:block}}

/* Archive controls follow the homepage reading scale. */
.feature-list-page .filter-head h2{font-family:inherit;font-size:var(--ehime-heading-size);font-weight:900;line-height:1.4;letter-spacing:.04em}
.feature-list-page .filter-head>span{font-size:14px;line-height:1.8}
.feature-list-page .filters .oe-filter{font-family:inherit;font-size:15px;font-weight:700;padding:14px 24px}
.feature-list-page .list-tools{font-size:14px}
.feature-list-page .list-tools select{font-family:inherit;font-size:14px;font-weight:700}
.feature-list-page #count{font-size:18px;font-weight:800}
.feature-list-page #count strong{font-size:38px;font-weight:900}
.feature-list-page .story-copy{padding-top:20px}
@media(max-width:767px){
 .feature-list-page .filter-head h2{font-size:24px}
 .feature-list-page .filter-head>span{font-size:12px}
 .feature-list-page .filters .oe-filter{font-size:13px;padding:11px 15px}
 .feature-list-page .list-tools,.feature-list-page .list-tools select{font-size:12px}
 .feature-list-page .list-tools label{gap:8px}
 .feature-list-page #count{font-size:14px}
 .feature-list-page #count strong{font-size:30px}
 .feature-list-page .story-copy{padding-top:16px}
}

/* Mobile archive: compact titles and a two-row swipeable category rail. */
.feature-list-page .photo>img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:767px){
 .feature-list-page .story h3{font-size:13px;line-height:1.55;min-height:4.65em;max-height:4.65em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;overflow-wrap:anywhere}
 .feature-list-page .filters{display:grid;grid-template-rows:repeat(2,auto);grid-auto-flow:column;grid-auto-columns:max-content;gap:9px 10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding:3px 0 12px;scrollbar-width:thin;scrollbar-color:#d89b68 #eae6da}
 .feature-list-page .filters .oe-filter{white-space:nowrap;scroll-snap-align:start;justify-content:flex-start;min-width:120px}
 .feature-list-page .filters::-webkit-scrollbar{height:3px}
 .feature-list-page .filters::-webkit-scrollbar-thumb{background:#d89b68;border-radius:3px}
 .feature-list-page .filters::-webkit-scrollbar-track{background:#eae6da}
}
/* This sample asset includes a white strip; keep that strip outside the frame. */
.feature-list-page .photo:has(img[src$="e57b051f52-_-2.jpg"]){overflow:hidden;border-radius:6px 44px 6px 44px}
.feature-list-page .photo>img[src$="e57b051f52-_-2.jpg"]{height:129%;object-position:center top;border-radius:0}
.feature-list-page .photo:has(img[src$="ea3bf637dd-_.jpg"]){overflow:hidden;border-radius:44px 6px 44px 6px}
.feature-list-page .photo>img[src$="ea3bf637dd-_.jpg"]{height:114%;object-position:center top;border-radius:0}
@media(max-width:767px){.feature-list-page .photo:has(img[src$="e57b051f52-_-2.jpg"]){border-radius:4px 28px 4px 28px}.feature-list-page .photo:has(img[src$="ea3bf637dd-_.jpg"]){border-radius:28px 4px 28px 4px}}

.category-scrollbar{display:none}
@media(max-width:767px){
 .feature-list-page .filters{scrollbar-width:none;margin-bottom:0;padding-bottom:10px}
 .feature-list-page .filters::-webkit-scrollbar{display:none}
 .feature-list-page .category-scrollbar{display:block;height:4px;border-radius:4px;background:#e7e1d3;margin:0 0 25px;overflow:hidden}
 .feature-list-page .category-scrollbar>span{display:block;height:100%;border-radius:4px;background:#c9864f;will-change:transform}
}

.pagination{display:flex;justify-content:center;align-items:center;gap:13px;flex-wrap:wrap;margin:52px auto 0}
.pagination .page-numbers{position:relative;width:48px;height:48px;border:1px solid #bdc5b8;border-radius:50%;background:transparent;color:#426857;font:700 16px inherit;cursor:pointer;transition:background .2s}
.pagination .page-numbers:hover:not(:disabled){background:#eee5d5}
.pagination .page-numbers[aria-current="page"]{background:#d89b68;border-color:#d89b68;color:#fff}
.pagination .page-numbers[aria-current="page"]:before{content:"";position:absolute;top:-5px;right:5px;width:15px;height:8px;border-radius:100% 0;background:#426857;transform:rotate(-12deg)}
.pagination .page-numbers:disabled{opacity:.3;cursor:default}
.pagination .page-status{width:100%;text-align:center;font-size:11px;color:#6f7969;margin:9px 0 0}
@media(max-width:767px){.pagination{gap:10px;margin-top:36px}.pagination .page-numbers{width:40px;height:40px;font-size:14px}}

/* Stronger reading links and pagination, using the shared Japanese font. */
.feature-list-page .read{font-size:13px;font-weight:700;color:#345643}
.feature-list-page .pagination .page-numbers{font-family:inherit;font-size:16px;font-weight:800;line-height:1}
.feature-list-page .pagination .page-status{font-size:13px;font-weight:700;color:#4c6251}
.feature-list-page .endnote p{font-size:13px;font-weight:700;color:#4c6251;line-height:1.8}
@media(max-width:767px){
 .feature-list-page .read{font-size:12px}
 .feature-list-page .pagination .page-numbers{font-size:15px}
 .feature-list-page .pagination .page-status{font-size:12px}
 .feature-list-page .endnote p{font-size:12px}
}

/* Titles sit directly below thumbnails, without publication dates. */
.feature-list-page .story h3{margin-top:0}


/* Unified archive heading scale across all content types. */
.feature-list-page .intro{gap:28px}
.feature-list-page .intro h1,.feature-list-page .intro .intro-title-long{font-size:clamp(38px,4.6vw,78px);gap:18px;white-space:normal;line-height:1.25}
.feature-list-page .intro h1 img{width:78px;height:78px;flex:none}
.feature-list-page .intro .scene{width:32%;flex-shrink:1}
@media(max-width:767px){
 .feature-list-page .intro h1,.feature-list-page .intro .intro-title-long{font-size:clamp(25px,7vw,42px);gap:10px;margin:18px 0;white-space:normal}
 .feature-list-page .intro h1 img,.feature-list-page .intro .intro-title-long img{width:36px;height:36px}
 .feature-list-page .intro .scene{width:185px}
 .feature-list-page .intro .sun,.feature-list-page .intro .intro-title-long .sun{font-size:19px;margin-left:0}
}