:root{--paper:#fbf7f1;--white:#fffdfa;--ink:#382f31;--muted:#7c6a70;--rose:#a74e69;--rose-deep:#7c354d;--blush:#f2dfe2;--line:#e7dcd8;--serif:'Yu Mincho','Hiragino Mincho ProN','Noto Serif JP',Georgia,serif;--sans:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,summary,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ab4368;outline-offset:5px}img{max-width:100%;display:block}button{color:inherit}::selection{background:#eed1db}.skip-link{position:fixed;z-index:20;left:12px;top:10px;transform:translateY(-160%);background:var(--rose-deep);color:white;padding:10px 18px;border-radius:8px}.skip-link:focus{transform:none}.site-header{height:104px;max-width:1440px;margin:auto;padding:0 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:30px}.brand{display:inline-flex;flex-direction:column;line-height:1}.brand-word{font-family:Georgia,'Times New Roman',serif;font-size:31px;font-weight:400;letter-spacing:.035em}.brand-dot{color:var(--rose)}.brand-caption{font-size:8px;letter-spacing:.23em;margin-top:9px;padding-left:1px;color:var(--muted)}.header-nav{display:flex;align-items:center;gap:30px;font-size:12px;font-weight:600}.header-nav>a:not(.header-link){padding:8px 0;position:relative}.header-nav>a:not(.header-link):after{content:'';height:1px;left:0;right:100%;bottom:4px;position:absolute;background:var(--rose);transition:right .2s}.header-nav>a:hover:after{right:0}.header-link{border:1px solid #d9bcc3;border-radius:30px;padding:10px 21px;color:var(--rose-deep)}.header-link span{margin-left:15px}.container{max-width:1200px;width:88%;margin:0 auto}.eyebrow{font-family:Georgia,'Times New Roman',serif;color:var(--rose);letter-spacing:.21em;font-size:11px;font-weight:400;margin:0 0 18px}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:35px;padding-top:76px;padding-bottom:77px;align-items:center;min-height:545px}.hero-copy{position:relative;z-index:1}.hero-kicker{display:flex;align-items:center;gap:15px;color:var(--rose);font-size:11px;letter-spacing:.16em;margin:0 0 25px}.hero-kicker:before{content:'';width:32px;height:1px;background:var(--rose)}h1,h2,h3,p{overflow-wrap:anywhere}.hero h1{font-family:var(--serif);font-weight:500;line-height:1.55;letter-spacing:.075em;font-size:clamp(29px,3.65vw,48px);margin:0 0 25px}.hero h1 em{font-style:normal;color:var(--rose)}.hero-intro{color:var(--muted);font-size:13px;line-height:2.1;letter-spacing:.025em;margin:0 0 25px}.text-link{display:inline-flex;align-items:center;gap:22px;font-size:12px;font-weight:600;border-bottom:1px solid #c29aa6;padding:0 0 7px;color:var(--rose-deep)}.text-link span{font-size:18px;font-weight:400}/* A useful interview guide replaces the image-dependent hero collage. */
.hero-subtitle{font-family:var(--serif);font-size:clamp(27px,3.2vw,40px);line-height:1.5;letter-spacing:.04em;color:var(--rose);margin:0 0 24px;font-weight:500}.hero h1{font-size:clamp(27px,2.9vw,36px);letter-spacing:.02em;line-height:1.65;margin-bottom:14px}.hero h1 span{display:inline-block}.hero-intro{max-width:490px;font-size:13px}.hero-guide{border:1px solid #e5cdd5;border-radius:24px;padding:32px 34px;background:linear-gradient(140deg,#fffdfa 5%,#f7e9ec 100%);position:relative;align-self:center}.hero-guide-label{font-size:12px;letter-spacing:.1em;color:var(--rose-deep);margin:0 0 13px}.hero-count{color:var(--rose-deep);display:flex;align-items:baseline;flex-wrap:wrap;gap:12px;margin:0 0 24px}.hero-count strong{font-family:Georgia,serif;font-size:82px;font-weight:400;line-height:1}.hero-count span{font-size:14px;letter-spacing:.02em}.hero-guide-intro{font-size:12px;font-weight:600;margin:0 0 10px}.hero-shortcuts{display:grid;gap:8px}.hero-shortcut{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 15px;border:1px solid #e7d7dc;border-radius:10px;background:#fffdfae8;font-size:13px;color:var(--rose-deep);transition:background .15s,border-color .15s}.hero-shortcut:hover{background:white;border-color:var(--rose)}.hero-shortcut span:last-child{font-size:18px;line-height:1}.hero-guide-note{font-size:10px;line-height:1.7;color:var(--muted);margin:15px 0 0}
.intro-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center;padding:21px 0;color:var(--muted);font-size:11px}.intro-band p{margin:0}.intro-band strong{color:var(--ink);font-weight:500}.intro-band .band-note{font-size:10px}.library{padding:68px 0 72px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:29px}.section-heading .eyebrow{margin-bottom:8px}.section-heading h2{font-family:var(--serif);font-size:28px;letter-spacing:.06em;line-height:1.5;font-weight:500;margin:0}.section-heading>p{margin:0 0 5px;color:var(--muted);font-size:11px}.finder{background:#fffdfa;border:1px solid var(--line);padding:28px 30px 24px;border-radius:18px}.search-label{font-size:12px;font-weight:600;display:block;margin-bottom:9px}.search-row{display:flex;gap:10px}.search-field{position:relative;flex:1}.search-icon{position:absolute;width:18px;height:18px;left:17px;top:18px;pointer-events:none;color:#a08b93}.search-input{border:1px solid #decdd1;background:#fff;width:100%;height:54px;padding:12px 45px 12px 45px;border-radius:8px;color:var(--ink);appearance:none}.search-input::placeholder{color:#a7989e;font-size:12px}.search-input::-webkit-search-cancel-button{-webkit-appearance:none}.search-clear{position:absolute;right:9px;top:10px;display:grid;place-items:center;background:transparent;border:0;border-radius:50%;font-size:21px;line-height:1;color:#92767f;width:34px;height:34px}.search-clear[hidden]{display:none}.search-button{border:1px solid var(--rose);border-radius:8px;background:var(--rose);color:white;font-size:13px;font-weight:600;min-width:108px;padding:10px 20px;transition:background .2s}.search-button:hover{background:var(--rose-deep)}.filter-label{font-size:10px;color:var(--muted);margin:20px 0 9px;letter-spacing:.04em}.theme-list{display:flex;flex-wrap:wrap;gap:8px}.theme-chip{border:1px solid #e6d6db;border-radius:99px;padding:8px 15px;background:white;line-height:1.4;font-size:11px;transition:background .15s,color .15s,border-color .15s}.theme-chip small{font-family:Georgia,serif;font-size:10px;margin-left:7px;opacity:.66}.theme-chip:hover{border-color:var(--rose)}.theme-chip[aria-pressed=true]{background:var(--rose-deep);border-color:var(--rose-deep);color:white}.filter-note{font-size:10px;line-height:1.6;color:#94828a;margin:13px 0 0}.result-bar{display:flex;justify-content:space-between;align-items:center;min-height:77px;gap:18px}.result-count{color:var(--muted);font-size:12px;margin:0}.result-count strong{color:var(--ink);font-family:Georgia,serif;font-size:23px;font-weight:400;letter-spacing:.015em;margin-right:3px}.result-count span{padding-left:10px;font-size:10px}.result-options{display:flex;gap:20px;align-items:center}.sort-label{font-size:10px;color:var(--muted)}.reset-button{border:0;background:transparent;font-size:11px;color:var(--rose);padding:8px 0;text-decoration:underline;text-underline-offset:4px}.reset-button[hidden]{display:none}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:27px;row-gap:39px}.story-card{min-width:0}.story-card-link{display:block;position:relative;border-radius:12px}.story-thumbnail{aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#e8d5d9;position:relative}.story-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .35s;position:relative;z-index:1}.story-card-link:hover img{transform:scale(1.045)}.thumbnail-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--rose-deep);gap:10px;font-size:10px;letter-spacing:.09em;background:linear-gradient(135deg,#f2e3dd,#f0dce4)}.thumbnail-fallback b{font-family:Georgia,serif;font-size:22px;font-weight:400;letter-spacing:.03em}.duration{position:absolute;right:9px;bottom:9px;z-index:2;color:white;background:#392d33cc;font-size:10px;line-height:1.4;padding:3px 6px;border-radius:4px;font-variant-numeric:tabular-nums}.card-play{position:absolute;z-index:2;left:12px;bottom:11px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#fffdfaee;color:var(--rose-deep);font-size:10px;padding-left:2px;box-shadow:0 2px 8px #3f102819}.story-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:15px;margin-bottom:8px}.story-number{font-size:9px;font-family:Georgia,serif;letter-spacing:.12em;color:#a08c93}.story-caption{font-size:9px;color:#a08c93}.story-title{font-size:14px;font-weight:600;line-height:1.8;letter-spacing:.02em;margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:76px}.story-card-link:hover .story-title{color:var(--rose-deep)}.story-person{font-size:11px;color:var(--muted);margin:11px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px;min-height:23px}.story-tag{font-size:9px;border:1px solid #e6d8dc;color:#8b6875;border-radius:4px;line-height:1.5;padding:3px 7px}.load-area{text-align:center;margin:46px 0 0}.load-area p{font-size:10px;color:var(--muted);margin:0 0 13px}.load-more{border:1px solid #ba8296;background:transparent;color:var(--rose-deep);border-radius:30px;padding:13px 38px;min-width:222px;font-size:12px;letter-spacing:.06em}.load-more span{margin-left:25px;font-size:17px}.load-more:hover{background:#f2e2e6}.end-message{font-size:11px;color:var(--muted);display:block;padding-top:12px}.empty-state{grid-column:1/-1;text-align:center;background:#f5eceb;border:1px dashed #d8bbc5;padding:48px 20px;border-radius:14px}.empty-state h3{font-family:var(--serif);font-size:20px;font-weight:400}.empty-state p{font-size:12px;color:var(--muted)}.empty-state button{margin-top:8px}.about-section{padding:52px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.about-section h2{font-family:var(--serif);font-size:25px;line-height:1.7;font-weight:500;letter-spacing:.05em;margin:0}.about-copy{color:var(--muted);font-size:12px;line-height:2.1}.about-copy>p{margin-top:0}.source-details{font-size:11px;margin-top:17px}.source-details summary{color:var(--rose-deep);cursor:pointer;width:fit-content}.source-details p{margin:12px 0}.source-details a{text-decoration:underline;text-underline-offset:3px}.source-line{font-size:10px;color:#96818a;margin-top:19px}.cta-section{background:#f0dfe2;border-radius:18px;padding:44px 44px 42px;display:flex;justify-content:space-between;align-items:center;gap:35px;position:relative;margin:0 auto 70px;overflow:hidden}.cta-section>div,.cta-section>a{position:relative;z-index:1}.cta-section .eyebrow{margin:0 0 12px;font-size:9px}.cta-section h2{font-family:var(--serif);font-size:25px;line-height:1.6;letter-spacing:.05em;font-weight:500;margin:0 0 10px}.cta-section p:not(.eyebrow){font-size:11px;margin:0;color:var(--muted)}.cta-button{white-space:nowrap;display:inline-flex;align-items:center;gap:24px;border-radius:32px;padding:15px 24px;background:var(--rose-deep);color:white;font-size:12px}.cta-button:hover{background:#67263d}.cta-button span{font-size:19px}.site-footer{max-width:1440px;width:88%;margin:0 auto;padding:35px 0 22px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.footer-brand .brand-word{font-size:25px}.footer-brand .brand-caption{font-size:7px}.footer-links{display:flex;justify-content:flex-end;gap:24px;font-size:10px;color:var(--muted)}.footer-links a:hover{color:var(--rose)}.footer-note{font-size:9px;line-height:1.8;color:#9a858e;margin:7px 0 0;max-width:660px}.footer-signoff{font-family:Georgia,serif;letter-spacing:.1em;font-size:8px;color:#a18c96;justify-self:end;margin:7px 0 0}.loading-state{min-height:65vh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--rose);font-size:12px;gap:10px}.no-script{padding:25px;text-align:center;background:var(--blush)}.error-state{min-height:60vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:40px 20px}.error-state h1{font-family:var(--serif);font-size:26px;font-weight:400}.error-state p{color:var(--muted);font-size:12px}.detail-container{max-width:1040px;width:88%;margin:auto;padding:32px 0 68px}.breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:10px;align-items:center;color:var(--muted);margin:0 0 41px}.breadcrumb a{color:var(--rose);text-decoration:underline;text-underline-offset:3px}.detail-topline{display:flex;justify-content:space-between;align-items:center;gap:20px}.detail-topline .eyebrow{margin:0}.detail-duration{font-size:11px;color:var(--muted)}.detail-title{font-family:var(--serif);font-size:clamp(23px,3vw,35px);line-height:1.75;letter-spacing:.025em;font-weight:500;margin:18px 0 18px;max-width:990px}.source-title-label{font-size:9px;color:var(--muted);margin:0 0 7px;letter-spacing:.07em}.detail-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:24px}.detail-tags .story-tag{font-size:10px;padding:4px 10px}.video-shell{aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#241d20;position:relative;width:100%;box-shadow:0 10px 40px #4f203015}.video-shell .video-poster{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.62}.video-shell .video-poster.loaded{opacity:.68}.video-consent{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:20px;background:linear-gradient(transparent,#241d206e);color:white}.video-play-button{width:78px;height:78px;border:1px solid #fff8;background:#fff5;color:white;border-radius:50%;display:grid;place-items:center;backdrop-filter:blur(9px);transition:transform .2s,background .2s;font-size:23px;padding:0 0 0 4px}.video-play-button:hover{transform:scale(1.08);background:#fff7}.video-consent strong{font-size:13px;letter-spacing:.06em;margin-top:17px;font-weight:500}.video-consent p{font-size:10px;color:#fffdfada;margin:6px 0 0}.video-shell iframe{width:100%;height:100%;border:0;display:block;position:absolute;inset:0}.video-after{display:flex;justify-content:space-between;gap:25px;align-items:flex-start;padding:18px 0 26px;border-bottom:1px solid var(--line)}.video-after p{font-size:10px;line-height:1.8;margin:0;color:var(--muted);max-width:610px}.youtube-link{font-size:11px;color:var(--rose-deep);white-space:nowrap;text-decoration:underline;text-underline-offset:4px;padding-top:2px}.detail-info{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:35px 0 39px}.detail-info h2{font-size:11px;font-weight:600;color:var(--rose-deep);letter-spacing:.08em;margin:0 0 13px}.detail-info .speaker{font-family:var(--serif);font-size:24px;margin:0 0 5px}.detail-info .profession{font-size:12px;margin:0;line-height:1.9}.detail-info .info-note{font-size:10px;line-height:1.9;color:var(--muted);margin:12px 0 0}.source-box{border-left:2px solid #dec1cc;padding-left:22px}.source-box p{font-size:11px;line-height:2;margin:0;color:var(--muted)}.source-box a{font-size:11px;color:var(--rose-deep);text-decoration:underline;text-underline-offset:4px;display:inline-block;margin-top:9px}.detail-back{display:flex;justify-content:center;margin-top:33px}.detail-back a{display:inline-flex;gap:22px;align-items:center;border:1px solid #c3a1ad;border-radius:30px;padding:12px 30px;font-size:12px;color:var(--rose-deep)}.related-section{padding-top:36px;margin-top:44px;border-top:1px solid var(--line)}.related-section .section-heading{margin-bottom:23px}.related-section .section-heading h2{font-size:24px}.related-section .story-grid{gap:24px}.related-section .story-title{font-size:12px;min-height:65px}.detail-notice{padding:17px 20px;background:#f2e7e7;border-radius:10px;color:#856572;font-size:10px;line-height:1.9;margin:0}.detail-notice strong{font-weight:600}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@keyframes slow-spin{to{transform:rotate(360deg)}}@media(min-width:1500px){.hero{padding-top:87px;padding-bottom:87px}}@media(max-width:1050px){.site-header{padding-left:5%;padding-right:5%;height:93px}.container,.site-footer,.detail-container{width:90%}.hero{gap:20px;padding-top:63px;padding-bottom:55px;min-height:490px}.hero h1{font-size:35px}.header-nav{gap:22px;font-size:11px}.story-grid{gap:31px 20px}.story-title{font-size:12px;min-height:65px}.section-heading h2{font-size:25px}.section-heading>p{font-size:10px}.about-section{gap:40px}.cta-section{padding:34px 31px}.cta-section h2{font-size:22px}.cta-button{font-size:11px;padding:13px 20px;gap:15px}}@media(max-width:760px){.site-header{height:82px;gap:14px}.brand-word{font-size:25px}.brand-caption{font-size:6px;letter-spacing:.2em}.header-nav{gap:18px;font-size:10px}.header-nav>a:nth-child(2){display:none}.header-link{padding:8px 12px}.header-link span{margin-left:7px}.hero{padding-top:42px;gap:6px;grid-template-columns:1fr;min-height:0;padding-bottom:38px}.hero h1{font-size:35px;line-height:1.55;letter-spacing:.06em;margin-bottom:17px}.hero-kicker{margin-bottom:17px;font-size:10px}.hero-intro{font-size:11px;line-height:2;margin-bottom:17px}.intro-band{padding:17px 0;display:block;font-size:10px}.intro-band .band-note{font-size:9px;margin-top:5px}.library{padding:41px 0 45px}.section-heading{display:block;margin-bottom:23px}.section-heading h2{font-size:23px}.section-heading>p{font-size:10px;margin-top:9px}.eyebrow{font-size:9px}.finder{padding:21px 18px;border-radius:13px}.search-label{font-size:11px}.search-input{height:48px;padding-left:38px;padding-right:39px}.search-input::placeholder{font-size:10px}.search-icon{left:13px;top:15px;width:17px;height:17px}.search-button{min-width:62px;padding:8px 15px;font-size:11px}.search-clear{top:7px;right:5px}.theme-list{gap:7px}.theme-chip{font-size:10px;padding:7px 11px}.theme-chip small{font-size:9px;margin-left:5px}.filter-label{margin-top:17px;font-size:9px}.filter-note{font-size:9px}.result-bar{min-height:73px;gap:10px}.result-count{font-size:11px}.result-count strong{font-size:23px}.result-count span{font-size:9px;padding-left:5px}.result-options{gap:12px}.sort-label{display:none}.reset-button{font-size:10px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 17px}.story-thumbnail{border-radius:9px}.story-meta{margin-top:11px;margin-bottom:6px}.story-caption{font-size:8px}.story-number{font-size:8px}.story-title{font-size:12px;line-height:1.75;min-height:63px}.story-person{font-size:10px}.story-tags{gap:4px;margin-top:9px}.story-tag{font-size:8px;padding:2px 5px}.load-area{margin-top:33px}.load-more{font-size:11px;padding:11px 28px;min-width:210px}.about-section{display:block;padding:32px 0}.about-section h2{font-size:23px;margin-bottom:21px}.about-copy{font-size:11px}.about-section .eyebrow{margin-bottom:11px}.source-details{font-size:10px}.cta-section{display:block;padding:29px 26px;margin-bottom:40px}.cta-section h2{font-size:23px}.cta-section p:not(.eyebrow){font-size:10px}.cta-button{margin-top:23px;font-size:11px;padding:11px 20px}.site-footer{grid-template-columns:1fr;gap:23px;padding-top:26px}.footer-links{justify-content:flex-start;gap:23px;font-size:9px;flex-wrap:wrap}.footer-note{font-size:8px;margin:0}.footer-signoff{justify-self:start;margin:0;font-size:7px}.detail-container{padding-top:23px;padding-bottom:40px}.breadcrumb{font-size:9px;margin-bottom:30px}.detail-topline .eyebrow{font-size:9px}.detail-title{font-size:23px;line-height:1.75;margin-top:15px}.detail-duration{font-size:10px}.detail-tags{margin-bottom:20px}.detail-tags .story-tag{font-size:9px}.video-shell{border-radius:10px}.video-play-button{width:62px;height:62px;font-size:20px}.video-consent strong{font-size:11px;margin-top:10px}.video-consent p{font-size:8px}.video-after{display:block;padding:15px 0 21px}.video-after p{font-size:9px;margin-bottom:10px}.youtube-link{font-size:10px}.detail-info{gap:27px;margin:27px 0;grid-template-columns:1fr}.detail-info .speaker{font-size:23px}.detail-info .profession{font-size:11px}.source-box{padding-left:17px}.detail-notice{font-size:9px;padding:14px 17px}.detail-back{margin-top:28px}.detail-back a{font-size:11px;padding:10px 25px}.related-section{margin-top:32px;padding-top:28px}.related-section .story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.related-section .story-title{font-size:10px;min-height:53px}.related-section .story-person,.related-section .story-tags,.related-section .story-caption{display:none}.related-section .card-play{width:23px;height:23px;font-size:8px;left:7px;bottom:7px}.related-section .duration{font-size:8px;right:6px;bottom:6px}.related-section .section-heading h2{font-size:21px}}@media(max-width:520px){.header-nav>a:first-child{display:none}.header-nav{gap:0}.container,.detail-container,.site-footer{width:88%}.hero h1{font-size:31px}.hero-intro br{display:none}.hero-intro{max-width:320px}.section-heading h2{font-size:22px}.finder{padding:19px 15px}.search-row{gap:7px}.search-input{font-size:12px}.theme-chip{padding:7px 10px}.theme-chip small{display:none}.story-grid{grid-template-columns:1fr;row-gap:32px}.story-title{font-size:14px;line-height:1.85;min-height:auto;-webkit-line-clamp:3}.story-meta{margin-top:14px}.story-number{font-size:9px}.story-caption{font-size:9px}.story-person{font-size:11px;margin-top:9px}.story-tags{margin-top:10px}.story-tag{font-size:9px;padding:3px 7px}.story-thumbnail{border-radius:11px}.card-play{width:31px;height:31px}.duration{font-size:10px}.about-section h2{font-size:22px}.related-section .story-grid{grid-template-columns:1fr;row-gap:22px}.related-section .story-card-link{display:grid;grid-template-columns:125px 1fr;column-gap:13px}.related-section .story-thumbnail{grid-row:1/4;align-self:start}.related-section .story-meta{margin-top:0;margin-bottom:4px;line-height:1}.related-section .story-title{font-size:11px;line-height:1.6;min-height:0;-webkit-line-clamp:3}.related-section .story-tags{display:none}.related-section .story-number{font-size:8px}.related-section .card-play{width:21px;height:21px;left:6px;bottom:6px}.related-section .duration{font-size:7px;padding:2px 4px}.detail-title{font-size:22px}.video-play-button{width:53px;height:53px;font-size:18px}.video-consent{padding:12px}.video-consent strong{font-size:10px;margin-top:8px}.video-consent p{font-size:7px;line-height:1.5}.intro-band{line-height:1.9}.result-count span{display:block;padding-left:0;margin-top:-3px}.result-count{line-height:1.7}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.category-row{display:flex;align-items:center;gap:13px;margin-top:18px}.category-label{font-size:10px;color:var(--muted)}.category-select{font-size:11px;color:var(--ink);border:1px solid #e0d0d5;background:#fff;border-radius:7px;padding:7px 30px 7px 10px;max-width:100%;min-height:36px}.category-select:focus{border-color:var(--rose)}@media(max-width:520px){.category-row{gap:10px;margin-top:15px}.category-label{font-size:9px;white-space:nowrap}.category-select{font-size:10px;min-width:0;max-width:calc(100% - 79px)}}

/* Keep the clearer headline and guide compact on phones. */
@media(max-width:1050px){.hero{grid-template-columns:1.12fr 1fr;gap:28px}.hero h1{font-size:30px}.hero-subtitle{font-size:32px}.hero-guide{padding:26px}.hero-count strong{font-size:70px}.hero-count span{font-size:12px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:30px;padding-top:35px}.hero h1{font-size:30px;margin-bottom:10px}.hero-subtitle{font-size:31px;margin-bottom:19px}.hero-intro{font-size:12px;max-width:560px;margin-bottom:20px}.hero-guide{width:100%;padding:25px 27px}.hero-guide-label{font-size:11px;margin-bottom:12px}.hero-count{margin-bottom:21px}.hero-count strong{font-size:66px}.hero-count span{font-size:13px}.hero-guide-intro{font-size:11px}.hero-shortcut{font-size:12px;padding:11px 14px}.hero-guide-note{font-size:9px}.brand-caption{font-size:8px;letter-spacing:.12em}}
@media(max-width:520px){.hero h1{font-size:27px;letter-spacing:.01em}.hero-subtitle{font-size:28px}.hero-guide{padding:22px}.hero-count{gap:10px}.hero-count strong{font-size:62px}.hero-count span{font-size:12px}}

/* Full, uncropped banner with a compact text introduction. */
.hero{display:block;min-height:0;padding:24px 0 34px}
.hero-banner{overflow:hidden;border-radius:18px;background:#f5e0df}
.hero-banner img{width:100%;height:auto;aspect-ratio:1659/948;object-fit:contain;display:block}
.hero-summary{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding-top:28px}
.hero-kicker{font-size:10px;margin:0 0 8px}
.hero h1{font-size:29px;line-height:1.5;letter-spacing:.03em;margin:0 0 10px}
.hero-intro{font-size:12px;line-height:1.9;margin:0;max-width:530px}
.hero-guide{background:none;border:0;border-left:1px solid var(--line);border-radius:0;padding:0 0 0 30px}
.hero-count{margin:0 0 12px;gap:9px}
.hero-count strong{font-size:35px}
.hero-count span{font-size:11px}
.hero-shortcuts{display:flex;flex-wrap:wrap;gap:7px}
.hero-shortcut{font-size:10px;padding:7px 10px;gap:10px;border-radius:7px}
.situation-section{scroll-margin-top:24px}
.situation-panel{background:linear-gradient(130deg,#f1dce4,#f3e8e4);border:1px solid #e5cbd5;border-radius:22px;padding:36px clamp(22px,6vw,80px);text-align:center}
.situation-panel .eyebrow{font-family:var(--sans);font-size:11px;letter-spacing:.1em;margin:0 0 10px}
.situation-panel h2{font-family:var(--serif);font-size:clamp(22px,2.6vw,29px);font-weight:600;line-height:1.65;margin:0 0 11px;color:var(--rose-deep)}
.situation-intro{font-size:12px;color:var(--muted);max-width:670px;margin:0 auto 22px}
#situation-form{max-width:850px;margin:0 auto}
#situation-input{display:block;width:100%;min-height:112px;resize:vertical;border:1px solid #d7b9c7;border-radius:12px;background:#fffdfb;color:var(--ink);padding:17px 20px;font-size:16px;line-height:1.75;text-align:left}
#situation-input::placeholder{color:#937b84;opacity:1}
#situation-input[aria-invalid=true]{border-color:#b23150}
.situation-examples{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:13px 0 20px;text-align:left}
.situation-examples>span{font-size:10px;color:var(--muted);margin-right:3px}
.situation-examples button{font-size:11px;line-height:1.5;padding:8px 13px;border:1px solid #d7b9c7;border-radius:20px;background:#fffaf8;color:var(--rose-deep);min-height:34px}
.situation-examples button:hover{border-color:var(--rose);background:white}
.situation-submit{display:flex;align-items:center;justify-content:center;gap:24px;width:100%;border:0;border-radius:11px;background:var(--rose-deep);color:white;min-height:61px;padding:15px 20px;font-size:16px;font-weight:600;line-height:1.6}
.situation-submit:hover{background:#662a40}
.situation-submit span{font-size:23px;font-weight:400}
.situation-note{font-size:11px;color:var(--muted);margin:18px 0 0}
.situation-privacy{font-size:10px;color:var(--muted);margin:4px 0 0}
.situation-feedback{font-size:12px;color:#8f2440;margin:10px 0 0;text-align:left}
.situation-results{padding:28px 0 0;scroll-margin-top:24px}
.situation-result-heading{margin:0 0 23px}
.situation-result-heading h3{font-size:21px;font-family:var(--serif);font-weight:500;margin:0 0 7px}
.situation-result-heading h3 span{font-family:var(--sans);font-size:13px;color:var(--rose);margin-left:8px}
.situation-result-heading p{font-size:11px;color:var(--muted);margin:0}
.situation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.situation-result{min-width:0;display:flex;flex-direction:column;background:#fffaf7;border:1px solid var(--line);border-radius:14px;padding:16px}
.situation-result .story-card{flex:1}
.situation-result .story-title{font-size:13px;min-height:0}
.situation-result .story-tags{display:none}
.situation-result .story-caption{display:none}
.situation-reason{border-top:1px solid var(--line);padding-top:12px;margin:15px 0 10px;color:var(--muted);font-size:10px;line-height:1.8}
.situation-reason>span{display:block;color:var(--rose-deep);font-weight:600;margin-bottom:3px}
.situation-youtube{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:var(--rose-deep);min-height:42px;text-decoration:underline;text-underline-offset:4px}
.situation-empty{padding:26px;border:1px dashed #cfa8b7;border-radius:13px;text-align:center}
.situation-empty h3{font-size:18px;margin:0 0 8px;font-weight:500}
.situation-empty p{font-size:12px;color:var(--muted);margin:0 0 18px}
@media(max-width:760px){
  .hero{padding:16px 0 25px}
  .hero-summary{grid-template-columns:1fr;gap:17px;padding-top:21px}
  .hero h1{font-size:25px;margin-bottom:9px}
  .hero-kicker{font-size:9px;margin-bottom:6px}
  .hero-intro{font-size:11px;margin:0;max-width:none}
  .hero-guide{display:flex;align-items:center;flex-wrap:wrap;gap:12px;border:0;padding:0;width:100%}
  .hero-count{margin:0;gap:6px}
  .hero-count strong{font-size:28px}
  .hero-count span{font-size:10px}
  .hero-shortcut{font-size:10px;padding:6px 9px}
  .hero-banner{border-radius:11px}
  .situation-panel{padding:26px 21px;border-radius:17px}
  .situation-panel h2{font-size:23px;text-align:left}
  .situation-panel .eyebrow{text-align:left;font-size:10px}
  .situation-intro{text-align:left;font-size:11px;margin-bottom:18px}
  #situation-input{min-height:130px;padding:14px;font-size:16px;line-height:1.7}
  .situation-examples{gap:7px;margin:12px 0 17px}
  .situation-examples>span{width:100%;font-size:10px}
  .situation-examples button{font-size:10px;padding:8px 10px;min-height:36px}
  .situation-submit{font-size:14px;gap:10px;min-height:57px;padding:13px 11px}
  .situation-submit span{font-size:20px}
  .situation-note{font-size:10px;margin-top:15px;line-height:1.8}
  .situation-privacy{font-size:9px}
  .situation-grid{grid-template-columns:1fr;gap:18px}
  .situation-result{padding:17px}
  .situation-result .story-title{font-size:14px}
  .situation-result-heading h3{font-size:20px}
  .situation-result-heading p{font-size:10px}
  .situation-reason{font-size:11px}
  .situation-youtube{font-size:13px}
}
@media(max-width:380px){.situation-panel{padding:23px 15px}.situation-panel h2{font-size:21px}.situation-submit{font-size:13px}.situation-submit span{display:none}.hero-shortcuts{gap:5px}.hero-shortcut{font-size:9px;padding:6px 8px}}