[hidden]{display:none!important}
:root{--cream:#f6f0df;--paper:#fffdf6;--ink:#39332f;--orange:#cf4727;--line:#d8d1bf;--soft:#eee6d2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.9;font-size:16px}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #306b70;outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700}h2{font-size:clamp(1.7rem,3.4vw,2.7rem);letter-spacing:.06em;line-height:1.65}.preview-note{background:#514b43;color:#fffaf0;font-size:.75rem;text-align:center;letter-spacing:.05em;padding:6px 16px}.header{height:100px;background:var(--cream);display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;gap:20px}.wordmark{font-family:Georgia,serif;font-size:2.6rem;font-weight:700;letter-spacing:-.08em;line-height:1}.wordmark-dot{color:var(--orange)}nav{display:flex;align-items:center;gap:32px;font-size:.875rem;font-weight:600}.button{border:0;background:var(--orange);color:#fffdf6;border-radius:100px;padding:18px 30px;display:inline-flex;align-items:center;justify-content:center;gap:26px;font-weight:700;transition:background .2s,transform .2s;line-height:1.6}.button:hover{background:#b93d20;transform:translateY(-2px)}.button.small{font-size:.875rem;padding:12px 22px}.button.primary{min-width:300px}.button-dot{font-size:1.25rem;font-weight:400}.hero{background:var(--cream);position:relative;overflow:hidden}.hero-top{text-align:center;position:relative;z-index:1;padding:25px 24px 0}.eyebrow{font-family:Arial,sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.19em}.hero h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(2.4rem,4.5vw,4.05rem);line-height:1.6;letter-spacing:.08em;margin:22px auto 20px}.underlined{text-decoration:underline;text-decoration-color:#e7b152;text-decoration-thickness:7px;text-underline-offset:8px}.hero-description{line-height:2.1;font-size:1rem;margin-bottom:25px;letter-spacing:.03em}.hero-footnote{font-size:.8125rem;margin-top:13px}.date-mark{width:134px;height:134px;background:#f2ba56;border-radius:50%;position:absolute;right:11%;top:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(10deg)}.date-mark>span{font-family:Georgia,serif;font-size:3.5rem;line-height:1.15;letter-spacing:-.05em}.date-dot{font-size:2.5rem}.date-mark small{font-size:.8125rem;font-weight:700;letter-spacing:.08em}.hero-art{max-width:1180px;margin:12px auto 0;height:400px;overflow:hidden;mix-blend-mode:multiply}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 50%;display:block}.hero-bottom{display:flex;justify-content:space-between;padding:18px 5.5%;border-top:1px solid #d8ccae;font-size:.6875rem;letter-spacing:.12em}.hero-bottom span:first-child{font-family:Arial,sans-serif;letter-spacing:.16em}.section{padding:88px max(24px,calc((100vw - 1040px)/2));scroll-margin-top:20px}.section-label{display:flex;align-items:center;gap:10px;font:700 .6875rem Arial,sans-serif;letter-spacing:.15em;margin-bottom:42px}.tiny-square{width:8px;height:8px;background:var(--orange);display:inline-block}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(2rem,3.5vw,3rem);line-height:1.8}.orange{color:var(--orange)}.about-copy{padding-top:5px;line-height:2.25}.about-copy p+p{margin-top:24px}.stories{background:#f0e9d8}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:42px}.section-heading>p{font-size:.9375rem;padding-bottom:7px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.story-card{padding:34px 40px 30px;border-radius:6px}.listened{background:#efd099}.heard{background:#d9e2d7}.card-top{display:flex;align-items:center;justify-content:space-between;height:42px;font:700 .6875rem Arial,sans-serif;letter-spacing:.15em}.card-symbol{font-family:Georgia,serif;font-size:7rem;line-height:1;color:#8b6844;transform:translateY(32px)}.heard .card-symbol{color:#60795d}.card-kicker{font-size:.8125rem;margin:31px 0 12px}.story-card h3{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:2.4rem;line-height:1.65;letter-spacing:.06em}.card-description{margin:22px 0 28px;font-size:.9375rem;line-height:2}.text-button{display:flex;justify-content:space-between;align-items:center;padding:16px 0 0;border:0;border-top:1px solid #a89976;background:transparent;width:100%;text-align:left;font-weight:700;font-size:.9375rem}.text-button span{font-size:1.5rem}.heard .text-button{border-color:#9eae9c}.stories-note{text-align:center;font-size:.8125rem;margin-top:25px}.how{text-align:center}.how .section-label{justify-content:center}.how h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin:52px 0 42px}.steps>div{padding:0 20px}.steps>div+div{border-left:1px solid var(--line)}.step-number{font-family:Georgia,serif;font-size:2.2rem;font-style:italic;color:var(--orange)}.steps h3{font-size:1.0625rem;margin:12px 0}.steps p{font-size:.875rem;line-height:2}.small-note{font-size:.75rem;color:#6d665b;margin-top:12px}.details{background:#f5f1e7;padding-top:68px;padding-bottom:75px}.details .section-label{margin-bottom:25px}.details h2{font-size:1.8rem;margin-bottom:30px}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:22px 38px 22px 0;font-size:.9375rem;font-weight:600;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'＋';position:absolute;right:3px;top:17px;font-size:1.4rem;font-weight:400}details[open] summary:after{content:'−'}details>p{max-width:850px;font-size:.9375rem;padding:0 30px 24px 0;line-height:2}.closing{background:#e6b462;text-align:center;padding:70px 24px}.closing h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:2.6rem;line-height:1.7;margin-top:20px}.closing-rule{width:30px;height:1px;background:#89704d;margin:26px auto}.closing>p:not(.eyebrow){font-size:.875rem;margin-bottom:28px}.closing .wordmark{font-size:2.2rem}footer{padding:26px 5.5%;display:flex;justify-content:space-between;font-size:.75rem;background:var(--paper)}.mobile-break{display:none}dialog{border:0;border-radius:16px;width:min(640px,calc(100% - 28px));max-height:calc(100dvh - 32px);padding:30px 40px;background:var(--paper);color:var(--ink);box-shadow:0 20px 100px #30251544}dialog::backdrop{background:#302d26aa;backdrop-filter:blur(4px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.close-button{background:none;border:0;font-size:2rem;line-height:1;width:44px;height:44px;border-radius:50%}dialog h2{font-size:1.75rem;line-height:1.7}.form-notice{font-size:.8125rem;padding:14px 16px;background:#f1e8d5;margin:22px 0;line-height:1.8}fieldset{margin:0 0 24px;padding:0;border:0}legend,.field-label{font-size:.9375rem;font-weight:700;margin-bottom:12px}.field-label{display:block}legend span,.field-label span{color:var(--orange);font-size:.75rem;margin-left:8px}.radio-option{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:5px;margin-top:10px;font-size:.9375rem}.radio-option:has(input:checked){border-color:var(--orange);background:#f8eedf}input[type=radio]{accent-color:var(--orange);width:18px;height:18px}textarea{width:100%;resize:vertical;border:1px solid #b6ad99;border-radius:5px;padding:14px;background:#fffefa;font-size:1rem;line-height:1.9;color:var(--ink)}textarea::placeholder{color:#807c73}.field-helper{display:flex;justify-content:space-between;gap:10px;font-size:.75rem;margin-top:7px;color:#6d665b}.form-pending{font-size:.8125rem;margin:24px 0}.submit-button{width:100%}dialog .small-note{text-align:center}#review-story{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:28px}.review-label{font-size:.75rem;color:#756951;font-weight:700;margin:20px 0 8px}#confirm-panel .button{width:100%;margin-bottom:12px}#confirm-panel .secondary{background:none;border:1px solid var(--line);color:var(--ink);font-size:1rem;height:auto;line-height:1.6}.button:disabled{cursor:not-allowed}.hero button{position:relative;z-index:2}@media(min-width:1600px){.hero-art{height:450px}}@media(max-width:1000px){nav{gap:20px}.date-mark{right:4%;width:110px;height:110px}.date-mark>span{font-size:3rem}.about-grid{gap:40px}.story-card{padding:25px 28px}.story-card h3{font-size:2rem}.section-heading{align-items:flex-start}.section-heading>p{padding-top:12px}.hero-art{height:330px}}
@media(max-width:650px){.preview-note{font-size:.6875rem;padding:5px 10px}.header{height:75px;padding:0 22px}.wordmark{font-size:2.15rem}nav>a{display:none}nav .button.small{font-size:.75rem;padding:10px 15px}.hero-top{padding:31px 18px 0}.eyebrow{font-size:.6875rem}.hero h1{font-size:clamp(1.95rem,7.25vw,3rem);letter-spacing:.045em;line-height:1.7;margin:31px auto 22px}.underlined{text-decoration-thickness:5px;text-underline-offset:6px}.hero-description{font-size:.8125rem;line-height:2.15;letter-spacing:0;margin-bottom:24px}.date-mark{width:71px;height:71px;right:18px;top:10px}.date-mark>span{font-size:1.85rem}.date-dot{font-size:1.4rem}.date-mark small{font-size:.56rem}.hero .eyebrow{text-align:left;padding-left:6px}.button{font-size:.875rem;padding:17px 24px;gap:20px}.button.primary{min-width:280px}.hero-footnote{font-size:.6875rem}.hero-art{height:242px;width:125%;max-width:none;margin:8px 0 0 -12.5%}.hero-art img{object-position:center 50%}.hero-bottom{padding:14px 20px;justify-content:center}.hero-bottom span:first-child{display:none}.hero-bottom span{font-size:.625rem}.section{padding:57px 24px}.section-label{margin-bottom:30px;font-size:.625rem}.about-grid{grid-template-columns:1fr;gap:27px}.about h2{font-size:2rem;line-height:1.75}.about-copy{font-size:.9375rem;line-height:2.2}.about-copy p+p{margin-top:23px}.desktop-break{display:none}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:1.9rem}.section-heading>p{font-size:.875rem;margin-top:18px;padding:0}.story-grid{grid-template-columns:1fr;gap:20px}.story-card{padding:26px 29px 24px}.card-kicker{margin-top:22px}.story-card h3{font-size:2.05rem}.card-description{font-size:.875rem;margin-top:20px}.stories-note{font-size:.75rem;text-align:left;line-height:1.9}.how h2{font-size:1.9rem}.mobile-break{display:inline}.steps{display:block;text-align:left;margin:30px 0}.steps>div{padding:24px 0 24px 66px;position:relative}.steps>div+div{border-left:0;border-top:1px solid var(--line)}.step-number{position:absolute;top:24px;left:7px;font-size:1.9rem}.steps h3{margin:0 0 7px}.steps p{font-size:.875rem}.small-note{font-size:.6875rem}.details h2{font-size:1.65rem}summary{font-size:.875rem;padding-top:20px;padding-bottom:20px}details>p{font-size:.875rem}.closing{padding:52px 24px}.closing h2{font-size:2rem}.closing>p:not(.eyebrow){font-size:.8125rem}footer{padding:22px;display:block;font-size:.6875rem}footer span{display:block}footer span+span{margin-top:5px}dialog{padding:20px 22px;max-height:calc(100dvh - 20px)}dialog h2{font-size:1.55rem}.field-helper{font-size:.6875rem;flex-direction:column;gap:2px}.field-helper span:last-child{text-align:right}.form-pending{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* QA: preserve whole headline phrases and keep narrow dialogs within the viewport. */
dialog .button.primary{min-width:0}#confirm-panel .secondary{border-radius:100px}
@media(max-width:650px){.hero h1 .underlined{display:table;white-space:nowrap;margin:0 auto}.hero h1{font-size:clamp(1.95rem,7.25vw,3rem)}}

.wordmark img{display:block;width:164px;height:auto}.closing .wordmark{display:inline-block}.closing .wordmark img{width:144px}@media(max-width:650px){.header .wordmark img{width:112px}.header{gap:14px}}

.campaign-info{background:#eee6d2}.campaign-dates{margin:30px 0}.campaign-dates>div{display:grid;grid-template-columns:200px 1fr;border-top:1px solid #bdb399;padding:20px 0;gap:24px}.campaign-dates>div:last-child{border-bottom:1px solid #bdb399}.campaign-dates dt{font-weight:700}.campaign-dates dd{margin:0}.campaign-dates small{font-size:.75rem;display:block}#story-form input[type=text],#story-form input[type=email]{display:block;width:100%;border:1px solid #b6ad99;border-radius:5px;padding:12px;background:#fffefa;margin:0 0 22px;font-size:1rem;color:var(--ink)}.consent-label{display:flex;gap:10px;align-items:flex-start;margin-top:12px}.consent-label input{margin-top:6px;flex-shrink:0;width:18px;height:18px}.honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}#send-button:disabled{background:#e3ddcf;color:#6b6458;transform:none}#submission-result{white-space:pre-wrap;font-size:.875rem;margin:12px 0;color:#8b2e19}#review-contact{overflow-wrap:anywhere;white-space:pre-line}@media(max-width:650px){.campaign-dates>div{grid-template-columns:1fr;gap:7px}.campaign-dates dd{font-size:.9375rem}.preview-note{font-size:.6875rem}}

.terms{background:var(--paper)}.terms h2{font-size:clamp(1.6rem,3vw,2.2rem)}.terms-intro{margin:22px 0;font-weight:700;font-size:.9375rem}.terms-summary{margin:18px 0;font-size:.9375rem;line-height:2.1}.terms details{margin-top:30px}.terms-body{padding:0 0 25px;max-width:880px}.terms-body h3{font-size:1rem;margin-top:24px}.terms-body p{font-size:.9375rem;line-height:2;margin-top:10px}.terms-form-link{margin:16px 0}.terms-form-link a{text-decoration:underline;text-underline-offset:3px;color:#9a341d}.terms-pending-note{padding:12px;background:#eee6d2;margin:14px 0}.consent-label{line-height:1.9}.terms .form-notice{font-size:.875rem;margin-top:28px}

.terms a,.form-pending a{color:#9a341d;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}

/* Selected KV3: use the complete artwork; place the editable headline in its empty bubble. */
.hero-kv3{background:#f6f0df}.hero-scene{position:relative;max-width:1440px;margin:0 auto;background:#ffdc77}.hero-keyvisual{display:block;width:100%;height:auto;object-fit:contain}.hero-title-overlay{position:absolute;left:50%;top:6%;width:69%;transform:translateX(-50%);text-align:center}.hero-title-overlay .eyebrow{font-size:.75rem}.hero-kv3 h1{font-size:clamp(1.8rem,3.6vw,3.3rem);line-height:1.5;letter-spacing:.04em;margin:16px 0 0}.hero-kv3 .underlined{text-decoration-thickness:5px;text-underline-offset:6px}.hero-scene .date-mark{top:4%;right:3%;width:110px;height:110px;background:#f6f0df}.hero-scene .date-mark>span{font-size:2.8rem}.hero-follow{text-align:center;padding:30px 24px 36px}.hero-follow .hero-description{font-size:1rem;margin-bottom:20px}.hero-follow .hero-footnote{margin-top:12px}.mobile-hero-date{display:none}@media(max-width:1000px) and (min-width:651px){.hero-scene .date-mark{width:86px;height:86px}.hero-scene .date-mark>span{font-size:2.3rem}.hero-title-overlay{top:5%}.hero-kv3 h1{margin-top:10px}}@media(max-width:650px){.hero-title-overlay{top:4%;width:70%}.hero-title-overlay .eyebrow{display:none}.hero-kv3 h1{font-size:clamp(1.0625rem,4.8vw,1.95rem);line-height:1.45;letter-spacing:.025em;margin:0}.hero-kv3 h1 .underlined{display:table;margin:0 auto;white-space:nowrap;text-decoration-thickness:3px;text-underline-offset:3px}.hero-scene .date-mark{display:none}.hero-follow{padding:22px 20px 28px}.mobile-hero-date{display:block;font-size:.8125rem;font-weight:700;letter-spacing:.08em;margin-bottom:15px}.hero-follow .hero-description{font-size:.875rem;line-height:2;margin-bottom:20px}.hero-follow .hero-footnote{font-size:.75rem}.hero-kv3 .hero-bottom{padding-top:14px;padding-bottom:14px}}

/* Latest approved parent-child illustration, with editable type and real CTA. */
.header{height:76px;padding-inline:2.5%}.preview-note{font-size:.75rem;line-height:1.6;padding:4px 12px}.hero-mainpair{background:#ffdc77}.hero-mainpair .hero-scene{max-width:1600px;position:relative}.hero-mainpair picture{display:block}.hero-mainpair .hero-keyvisual{display:block;width:100%;height:auto;object-fit:contain}.hero-content{position:absolute;left:2%;top:12%;width:53%;text-align:center;color:#4b382c}.hero-date{font-size:clamp(.875rem,1.1vw,1rem);line-height:1.6}.hero-mainpair h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(1.65rem,3.2vw,3rem);font-weight:500;line-height:1.35;letter-spacing:.025em;margin:7px 0 13px}.hero-final-line{white-space:nowrap}.hero-mainpair .hero-description{font-size:clamp(.875rem,1.2vw,1.0625rem);line-height:1.7;letter-spacing:0;margin:0}.hero-period{font-size:clamp(.75rem,.95vw,.875rem);line-height:1.7;margin:12px 0 15px}.hero-mainpair .button{min-width:280px;padding:14px 30px;background:#ad3d25;font-weight:500;font-size:1rem;line-height:1.6}.hero-mainpair .button:hover{background:#95341f}.hero-mainpair .hero-footnote{font-size:.75rem;line-height:1.6;margin-top:8px}.hero-mainpair .hero-bottom{background:var(--cream);padding-block:12px}
@media(max-width:1050px) and (min-width:801px){.hero-content{top:8%;width:55%;left:1%}.hero-mainpair h1{font-size:2rem;margin:4px 0 9px}.hero-mainpair .hero-description{font-size:.8125rem;line-height:1.6}.hero-period{margin:7px 0 9px;font-size:.75rem}.hero-mainpair .button{padding:10px 25px;min-width:240px}.hero-mainpair .hero-footnote{margin-top:6px}}
@media(max-width:800px){.header{height:64px;padding:0 20px}.header .wordmark img{width:112px}nav>a{display:none}.header nav .button{padding:10px 15px;font-size:.75rem}.hero-mainpair .hero-scene{max-width:650px}.hero-mainpair .hero-keyvisual{aspect-ratio:887/1774}.hero-content{left:7%;top:2.8%;width:86%}.hero-date{font-size:.875rem;line-height:1.6}.hero-mainpair h1{font-size:clamp(1.625rem,8.2vw,2.125rem);line-height:1.375;letter-spacing:.02em;margin:6px 0 14px}.hero-final-line{display:block}.hero-mainpair .mobile-break{display:inline}.hero-mainpair .hero-description{font-size:.875rem;line-height:1.65}.hero-period{font-size:.75rem;line-height:1.65;margin:16px 0 14px}.period-end{display:block}.hero-mainpair .button{width:min(100%,320px);min-width:0;padding:14px 20px;font-size:1rem;min-height:52px}.hero-mainpair .hero-footnote{font-size:.75rem;margin-top:8px;line-height:1.6}}
@media(min-width:501px) and (max-width:800px){.hero-content{top:5%}.hero-mainpair h1{font-size:2.5rem}.hero-mainpair .hero-description{font-size:1rem}.hero-period{font-size:.875rem}.hero-mainpair .hero-footnote{font-size:.875rem}}

/* Feedback: keep mobile height content-driven, crop only unused blank artwork above the people. */
.hero-mainpair h1{font-size:clamp(1.65rem,3vw,2.8rem);font-weight:600}.hero-experience{font-size:.88em}.hero-mainpair .hero-description{font-size:clamp(.875rem,1.1vw,1rem);line-height:1.6}.hero-mainpair .hero-period{margin-top:10px;margin-bottom:12px}
@media(max-width:800px){.hero-mainpair .hero-scene{display:flex;flex-direction:column;background:var(--cream);max-width:650px}.hero-mainpair .hero-content{position:relative;left:auto;top:auto;width:100%;order:0;padding:24px 22px 12px;margin:0}.hero-mainpair picture{order:1;display:block;width:100%;height:auto;aspect-ratio:1/.84;overflow:hidden}.hero-mainpair .hero-keyvisual{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center bottom}.hero-mainpair h1{font-size:clamp(1.625rem,7.1vw,2.125rem);line-height:1.4;margin:8px 0 12px}.hero-mainpair .hero-experience{font-size:.9em}.hero-mainpair .hero-description{font-size:.875rem;line-height:1.7}.hero-mainpair .hero-period{margin:14px 0 14px;font-size:.75rem}.hero-mainpair .hero-footnote{font-size:.75rem;margin-top:10px;line-height:1.6}.hero-mainpair .hero-content .button{min-height:50px;padding-block:12px}}
@media(min-width:501px) and (max-width:800px){.hero-mainpair .hero-content{padding:28px 28px 14px}.hero-mainpair h1{font-size:2rem}.hero-mainpair .hero-description{font-size:1rem}.hero-mainpair .hero-period{font-size:.875rem}.hero-mainpair .hero-footnote{font-size:.8125rem}}
@media(max-width:1050px) and (min-width:801px){.hero-mainpair h1{font-size:clamp(1.5rem,2.8vw,1.875rem);margin:4px 0 8px}.hero-mainpair .hero-description{font-size:.8125rem;line-height:1.55}.hero-mainpair .hero-period{margin:7px 0 9px}}
/* Reuse the artwork's empty upper bubble as a flexible backdrop; keep all people at natural proportions below. */
@media(max-width:800px){.hero-mainpair .hero-content{background-image:url('/hero-mainpair-mobile.webp');background-repeat:no-repeat;background-position:center top;background-size:100% 166.666667%;background-color:#ffdc77}.hero-mainpair picture{aspect-ratio:1/.8}}

/* Approved QA: prioritize the mobile message and action, retain both opening and closing dates. */
.hero-copy-mobile{display:none}
@media(max-width:800px){.hero-mainpair .hero-content{display:flex;flex-direction:column;align-items:center;padding-top:20px;padding-bottom:12px}.hero-copy-desktop{display:none}.hero-copy-mobile{display:inline}.hero-mainpair h1{margin-top:8px;margin-bottom:14px}.hero-mainpair .hero-experience{font-size:.72em;white-space:nowrap}.hero-experience .mobile-break{display:none!important}.hero-mainpair .hero-description{margin-bottom:18px}.hero-mainpair .hero-content .button{order:1}.hero-mainpair .hero-period{order:2;margin-top:13px;margin-bottom:0;line-height:1.75}.hero-mainpair .hero-footnote{display:none}.hero-mainpair picture{aspect-ratio:1/.8}}
/* Keep the final note clear of rounded dialog corners and phone safe areas. */
@media(max-width:650px){#story-dialog{padding-bottom:calc(44px + env(safe-area-inset-bottom,0px));scroll-padding-bottom:32px}#story-dialog .small-note{line-height:1.8}#story-dialog #confirm-panel>.button:last-child{margin-bottom:0}}

/* Hero review: larger message, restrained conversation-colored accents. */
.hero-mainpair h1{font-size:clamp(2rem,3.65vw,3.45rem);line-height:1.36;letter-spacing:.015em;margin:10px 0 17px;font-weight:700}
.hero-mainpair .hero-experience{font-size:.82em;color:#286c68}
.hero-voice{display:inline-block;position:relative;isolation:isolate}
.hero-voice:after{content:"";position:absolute;z-index:-1;left:.7em;right:.7em;bottom:.07em;height:.22em;background:#e6b852;border-radius:50% 30% 45% 25%;opacity:.52;transform:rotate(-1deg)}
.hero-recruit{position:relative;display:inline-block}
.hero-recruit:after{content:"";display:block;width:44px;height:4px;background:#b9462c;border-radius:4px;margin:9px auto 0}
.hero-mainpair .hero-date{display:inline-block;position:relative;padding-inline:22px}
.hero-mainpair .hero-date:before,.hero-mainpair .hero-date:after{content:"";position:absolute;top:50%;width:10px;height:2px;background:#286c68}
.hero-mainpair .hero-date:before{left:0;transform:rotate(20deg)}
.hero-mainpair .hero-date:after{right:0;transform:rotate(-20deg)}
@media(max-width:1050px) and (min-width:801px){.hero-mainpair h1{font-size:clamp(1.75rem,3.35vw,2.2rem);margin:5px 0 10px}.hero-recruit:after{margin-top:6px;height:3px;width:34px}.hero-content{top:7%}}
@media(max-width:800px){.hero-mainpair h1{font-size:clamp(1.75rem,8.5vw,2.5rem);line-height:1.36;margin:10px 0 17px}.hero-mainpair .hero-experience{font-size:.72em}.hero-recruit{white-space:nowrap}.hero-recruit:after{width:38px;height:3px;margin-top:8px}.hero-mainpair .hero-content{padding-inline:18px}.hero-mainpair .hero-date{font-size:.875rem}}
@media(min-width:501px) and (max-width:800px){.hero-mainpair h1{font-size:2.7rem}}
/* Render QA: keep the enlarged desktop copy and helper inside the artwork's cream bubble. */
@media(min-width:1051px){.hero-mainpair .hero-content{top:8%}}
/* Owner feedback: the two listening experiences lead; recruitment is the supporting line. */
.hero-mainpair .hero-experience{font-size:.98em;line-height:1.3}
.hero-mainpair .hero-recruit{font-size:.68em;line-height:1.5;font-weight:600}
.hero-mainpair .hero-recruit:after{width:30px;height:3px;margin-top:7px}
@media(max-width:800px){.hero-mainpair h1{font-size:clamp(1.75rem,8.2vw,2.6rem);line-height:1.3;margin:10px 0 16px}.hero-mainpair .hero-experience{font-size:1em;line-height:1.3;white-space:normal;display:inline-block}.hero-mainpair .hero-experience .mobile-break{display:block!important}.hero-mainpair .hero-recruit{font-size:.7em;line-height:1.5;margin-top:8px}.hero-mainpair .hero-recruit:after{width:28px;height:3px;margin-top:7px}}
@media(min-width:501px) and (max-width:800px){.hero-mainpair h1{font-size:2.7rem}}
/* Eri proposal: explanations outside the cards; concrete writing examples inside. */
.story-examples{align-items:start;gap:34px}.story-column{min-width:0}.story-theme{padding:0 8px 24px}.story-theme .card-kicker{margin:0 0 12px}.story-theme h3{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:2.25rem;line-height:1.65;letter-spacing:.04em}.story-theme .card-description{margin:18px 0 0}.story-examples .story-card{padding:28px 32px}.story-examples .card-top{height:auto}.example-label{font-weight:700;font-size:.875rem;margin:22px 0 14px}.example-story{font-size:1rem;line-height:2;overflow-wrap:anywhere}.example-note{font-size:.75rem;margin-top:22px;line-height:1.8;color:#625c50}.story-examples [hidden]{display:none}@media(max-width:650px){.story-examples{gap:36px}.story-theme{padding:0 4px 22px}.story-theme h3{font-size:2rem}.story-examples .story-card{padding:24px}.example-label{margin-top:20px}.example-story{line-height:1.95}}

/* October 7 feedback: make the occasion and schedule distinct at a glance. */
.hero-mainpair .hero-date{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(1.15rem,2.05vw,1.85rem);font-weight:700;line-height:1.6;letter-spacing:.045em;padding-inline:0;color:#8d331e}
.hero-mainpair .hero-date:before,.hero-mainpair .hero-date:after{display:none}
.hero-mainpair .hero-date strong{font:inherit;background:linear-gradient(transparent 70%,#efc35e 70%);padding:0 .07em .05em}
.hero-mainpair .hero-period{display:flex;justify-content:center;align-items:center;gap:10px;width:fit-content;max-width:100%;margin:14px auto;padding:9px 13px;border-block:1px solid #bdab86;background:#fffdf68c;font-size:clamp(.6875rem,.9vw,.8125rem);line-height:1.6}
.hero-period .period-label{font-weight:700;white-space:nowrap}.hero-period p{text-align:left}.hero-period .period-start,.hero-period .period-end{display:block;white-space:nowrap}.hero-period .period-year{font-size:.86em;margin-right:.3em}.hero-period .period-zone{font-size:.6875rem;align-self:flex-end;white-space:nowrap}
.prize-banner{background:#fff9e9;padding:28px max(24px,calc((100vw - 1040px)/2));display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid #e2d8bc}
.prize-copy>p:first-child{font-size:.875rem;line-height:1.8}.prize-copy h2{font-size:1.4rem;color:#9c3d27;letter-spacing:.02em;line-height:1.65;margin:4px 0}.prize-amount{font:700 2.75rem Georgia,serif;margin-inline:4px}.prize-second{font-size:1rem;margin-left:5px}.prize-note{font-size:.8125rem}.prize-link{font-size:.8125rem;white-space:nowrap;border-bottom:1px solid #8d6f47;padding-block:7px;display:flex;gap:18px;align-items:center}.prize-link:hover{color:#a14026}
.story-theme{padding:0 2px 18px}.story-theme h3{font-size:clamp(1.2rem,2.15vw,1.7rem);line-height:1.6;letter-spacing:.015em}.story-theme h3:before{content:'“';font-family:Georgia,serif;color:#9b4b28;margin-right:.18em}.story-theme h3:after{content:'”';font-family:Georgia,serif;color:#9b4b28;margin-left:.18em}.story-examples{align-items:stretch}.story-column{display:flex;flex-direction:column}.story-examples .story-card{flex:1;padding:24px 30px 28px}.example-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;min-height:135px}.example-intro>div{min-width:0}.example-intro .example-label{font-size:.875rem;line-height:1.8;margin:14px 0 0}.episode-art{width:160px;height:134px;object-fit:contain;mix-blend-mode:normal;flex-shrink:0}.example-story{font-size:.9375rem;line-height:2.05}.example-note{margin-top:18px}.prize-breakdown{margin:12px 0 6px;padding:0;list-style:none}.prize-breakdown li{display:flex;gap:18px;align-items:baseline}.prize-breakdown li>span{font-size:.8125rem;min-width:4em;font-weight:700}
@media(min-width:1051px){.hero-mainpair .hero-content{top:6.5%}.hero-mainpair h1{margin:9px 0 12px}.hero-mainpair .hero-footnote{margin-top:7px}}
@media(min-width:801px) and (max-width:1050px){.hero-mainpair .hero-content{top:5%}.hero-mainpair .hero-date{font-size:1.25rem}.hero-mainpair .hero-period{margin:8px auto;padding:5px 9px;gap:7px}.hero-mainpair .hero-period .period-zone{font-size:.6rem}.hero-mainpair .hero-footnote{font-size:.65rem}.hero-mainpair h1{margin-bottom:9px}.prize-banner{gap:20px}.prize-second{display:block;margin-left:0}}
@media(max-width:800px){.hero-mainpair .hero-date{font-size:clamp(1.2rem,5.3vw,1.65rem);line-height:1.75;white-space:nowrap}.hero-mainpair .hero-content{padding-top:23px}.hero-mainpair .hero-period{margin:17px auto 2px;gap:10px;padding:10px 12px;font-size:.75rem;width:fit-content}.hero-mainpair .hero-period .period-zone{font-size:.625rem}.hero-mainpair .hero-description{margin-bottom:19px}.prize-banner{display:block;padding:27px 24px 30px;text-align:center}.prize-copy>p:first-child{font-size:.75rem}.prize-copy h2{font-size:1.25rem;line-height:1.5}.prize-amount{font-size:2.65rem}.prize-second{display:block;margin:0;font-size:.9375rem;line-height:1.8}.prize-note{font-size:.75rem;margin-top:8px}.prize-link{width:fit-content;margin:17px auto 0;font-size:.75rem;gap:16px}.story-theme h3{font-size:1.4rem}.story-examples{gap:34px}.story-examples .story-card{padding:18px 23px 25px}.example-intro{min-height:125px;gap:7px}.episode-art{width:140px;height:117px}.example-intro .example-label{font-size:.8125rem}.example-story{font-size:.9375rem}.prize-breakdown li{gap:12px}}
@media(max-width:370px){.hero-mainpair .hero-content{padding-inline:14px}.hero-mainpair .hero-date{font-size:1.16rem}.hero-mainpair .hero-period{padding:9px 8px;gap:7px;font-size:.6875rem}.hero-mainpair .hero-period .period-zone{font-size:.6rem}.story-theme h3{font-size:1.19rem}.example-intro{gap:4px}.episode-art{width:117px;height:100px}.example-intro .example-label{font-size:.75rem}.story-examples .story-card{padding-inline:20px}.prize-copy>p:first-child{font-size:.68rem}}

/* Wide-screen canvas: sample the artwork edge yellow; retain the original artwork scale. */
@media(min-width:801px){.hero-mainpair{background-color:#fed853}.hero-mainpair .hero-scene{background-color:#fed853}}

/* Wide-only outpaint closes the cropped silhouettes. A fixed natural scale keeps
   the central composition stable; edge fade touches empty yellow paper only. */
@media(min-width:1601px){
 .hero-mainpair .hero-scene{max-width:none;height:900px;overflow:hidden}
 .hero-mainpair picture{height:900px;position:relative}
 .hero-mainpair .hero-keyvisual{position:absolute;left:50%;transform:translateX(-50%);width:2700px;max-width:none;height:900px;object-fit:contain;mask-image:linear-gradient(to right,transparent,#000 100px,#000 calc(100% - 100px),transparent)}
 .hero-mainpair .hero-content{left:calc(50% - 768px);width:848px}
}