/* Nana Bakes founder story, native CSS. Existing Nana brand colors preserved.
   DESIGN_VARIANCE: 6; MOTION_INTENSITY: 3; VISUAL_DENSITY: 3.
   Shape scale: images 16px, icon 12px, buttons 999px. No generated food images.
   Layer scale: header 10. */
:root{--paper:#fffaf0;--surface:#fff3d9;--ink:#0f2b22;--muted:#52635d;--line:#cfdcd5;--accent:#9d3916;--on-accent:#fffaf0;--on-ink:#fffaf0;--radius:16px;color-scheme:light dark}
@media(prefers-color-scheme:dark){:root{--paper:#16251f;--surface:#20332a;--ink:#f6f3e9;--muted:#c0cec5;--line:#42564b;--accent:#efad84;--on-accent:#16251f;--on-ink:#16251f}}
*{box-sizing:border-box}html{scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 -apple-system,BlinkMacSystemFont,"PingFang TC","PingFang SC","Microsoft JhengHei","Microsoft YaHei",Arial,sans-serif;text-rendering:optimizeLegibility}img{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:5px}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--on-accent)}[hidden]{display:none!important}.shell{width:min(1180px,calc(100% - 64px));margin:auto}.skip{position:fixed;top:12px;left:12px;z-index:20;background:var(--ink);color:var(--on-ink);padding:12px;transform:translateY(-150%)}.skip:focus{transform:none}
.header{border-bottom:1px solid var(--line)}.nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:17px;font-weight:750;white-space:nowrap}.brand img{width:36px;height:36px;border-radius:12px}.nav-links{display:flex;align-items:center;gap:28px;font-size:14px}.nav-links a{text-decoration:none}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:46px;padding:10px 22px;border:1px solid var(--line);border-radius:999px;background:transparent;text-decoration:none;white-space:nowrap;font-size:14px;font-weight:650;transition:transform .15s,background-color .15s}.btn:hover{background:var(--surface)}.btn:active{transform:scale(.98)}.btn-solid{border-color:var(--ink);background:var(--ink);color:var(--on-ink)}.btn-solid:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn-accent{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn-accent:hover{background:var(--ink);border-color:var(--ink);color:var(--on-ink)}
.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;padding:54px 0 58px;min-height:600px}.eyebrow{margin:0 0 22px;font-size:13px;color:var(--accent);font-weight:750;letter-spacing:.06em}.hero h1{font-size:clamp(32px,4.1vw,54px);line-height:1.24;letter-spacing:-.055em;font-weight:780;margin:0;max-width:620px;text-wrap:balance}.hero .intro{margin:26px 0 30px;font-size:17px;max-width:28em;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px}.hero-photo{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;align-items:end}.hero-photo figure{margin:0}.hero-photo img{width:100%;aspect-ratio:3/4;object-fit:contain;border-radius:var(--radius)}.hero-photo figure:last-child{padding-bottom:25px}.hero-photo figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:12px}
section{scroll-margin-top:24px}.story-layout{display:grid;grid-template-columns:230px 1fr;gap:90px;padding:68px 0 82px;border-top:1px solid var(--line)}.story-side{align-self:start}.story-side h2{font-size:27px;line-height:1.3;margin:0 0 18px;letter-spacing:-.03em}.story-side p{font-size:14px;color:var(--muted);margin:0 0 22px}.story-copy{max-width:760px}.story-copy p{font-size:18px;line-height:1.95;margin:0 0 24px;letter-spacing:.015em}.story-copy p:first-child{font-weight:700;font-size:21px;line-height:1.8}.story-copy p:last-child{margin-bottom:0}.story-side .btn{font-size:13px;padding-inline:18px}.thanks{font-size:15px!important;line-height:1.9;color:var(--muted)}
.works{padding:60px 0 75px}.section-title{font-size:34px;line-height:1.35;letter-spacing:-.04em;margin:0 0 18px}.section-intro{margin:0 0 34px;color:var(--muted);max-width:660px;line-height:1.9}.work-grid{display:grid;grid-template-columns:1.16fr 1fr 1fr;gap:24px;align-items:start}.work-grid figure{margin:0}.work-grid img{border-radius:var(--radius);width:100%;object-fit:contain;aspect-ratio:3/4}.work-grid figure:nth-child(2){padding-top:70px}.work-grid figure:nth-child(3){padding-top:130px}.work-grid figcaption{margin-top:18px}.work-grid h3{font-size:18px;line-height:1.5;margin:0 0 4px}.work-grid p{font-size:13px;color:var(--muted);margin:0;line-height:1.7}.creator-link{display:inline-block;margin-top:30px;font-size:14px;font-weight:650}
.run-note{margin:20px 0 40px;padding:40px 44px;display:flex;justify-content:space-between;align-items:center;gap:32px;background:var(--surface);border-radius:var(--radius)}.run-note p{font-size:27px;font-weight:650;letter-spacing:-.03em;line-height:1.5;max-width:760px;margin:0}.run-note img{width:100px;height:100px;object-fit:contain}
.film-section{border-top:1px solid var(--line);padding:70px 0}.film-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center}.film-copy .section-title{margin-top:0}.film-copy p{color:var(--muted);font-size:16px;line-height:1.9;margin:0 0 26px}.film-stage{display:flex;justify-content:center;border-radius:var(--radius);background:var(--surface);padding:24px;min-height:544px}.film-stage video{width:280px;max-width:100%;height:auto;aspect-ratio:9/16;border-radius:12px;background:var(--surface)}.film-tabs{display:flex;gap:8px;margin-bottom:22px}.film-tabs button{font-size:14px;min-height:44px;padding:7px 17px;border-radius:999px;border:1px solid var(--line);background:transparent}.film-tabs button[aria-pressed=true]{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.film-status{font-size:13px!important;line-height:1.7!important;margin-top:20px!important}.film-state{margin:0;color:var(--muted);font-size:13px}.film-state:empty{display:none}
.download{border-top:1px solid var(--line);padding:72px 0}.download-head{max-width:770px;margin-bottom:36px}.store-list{display:grid;grid-template-columns:1fr 1fr;gap:36px}.store-entry{border-top:1px solid var(--line);padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:20px}.store-entry small{color:var(--muted);font-size:13px}.store-entry h3{margin:4px 0 0;font-size:22px}.download-note{margin:30px 0 0;color:var(--muted);font-size:14px}.site-links{display:flex;gap:28px;align-items:center;margin:30px 0 0;font-weight:650;font-size:14px}.copy-kit{padding:32px 0 52px;border-top:1px solid var(--line)}.copy-kit h2{font-size:24px;margin:0 0 20px}.copy-kit .btn{margin-right:8px;margin-bottom:12px}.download-files{display:flex;gap:22px;flex-wrap:wrap;margin-top:14px;font-size:13px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:26px 0 34px;font-size:12px;color:var(--muted)}footer .shell{display:flex;gap:24px;justify-content:space-between}.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);padding:12px 22px;background:var(--ink);color:var(--on-ink);border-radius:999px;font-size:14px;z-index:10;max-width:calc(100% - 32px);text-align:center}.copy-dialog{width:min(680px,calc(100% - 32px));border:1px solid var(--line);border-radius:var(--radius);padding:24px;background:var(--paper);color:var(--ink)}.copy-dialog::backdrop{background:rgb(15 43 34 / .4)}.copy-dialog h2{margin:0 0 8px;font-size:22px}.copy-dialog p{font-size:14px;color:var(--muted)}.copy-dialog textarea{display:block;width:100%;min-height:360px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:8px;font:15px/1.8 inherit;padding:12px;resize:vertical;margin-bottom:18px}.copy-dialog textarea:focus{outline:2px solid var(--accent)}
@media(max-width:1023px){.hero{gap:24px;grid-template-columns:1.15fr .85fr}.hero-photo{grid-template-columns:1fr}.hero-photo figure:last-child{display:none}.story-layout{grid-template-columns:190px 1fr;gap:40px}.film-grid{gap:40px}.store-entry{align-items:flex-start;flex-direction:column;gap:18px}.work-grid{gap:18px}.hero h1{font-size:40px}.nav-links{gap:18px}}
@media(max-width:767px){.shell{width:calc(100% - 40px)}.nav{min-height:66px;gap:10px}.brand{font-size:16px;gap:9px}.brand img{width:32px;height:32px}.nav-links a{display:none}.nav-links .btn{min-height:40px;font-size:12px;padding:7px 13px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:38px 0 40px;min-height:0}.hero h1{font-size:34px;line-height:1.25;max-width:100%;letter-spacing:-.055em}.eyebrow{font-size:12px;margin-bottom:16px}.hero .intro{font-size:15px;line-height:1.75;margin:20px 0 22px;max-width:24em}.hero-photo{grid-template-columns:1.18fr .82fr;gap:14px}.hero-photo figure:last-child{display:block;padding-bottom:12px}.hero-photo figcaption{font-size:11px}.actions .btn{min-height:44px;font-size:13px;padding:9px 17px}.story-layout{grid-template-columns:1fr;gap:24px;padding:44px 0 32px}.story-side h2{font-size:25px;margin-bottom:12px}.story-side p{margin-bottom:14px}.story-side .thanks{display:none}.story-side .btn{display:none}.story-copy p{font-size:16px;line-height:1.95;letter-spacing:0;margin-bottom:22px}.story-copy p:first-child{font-size:18px;line-height:1.8}.works{padding:36px 0 38px}.section-title{font-size:27px}.section-intro{font-size:15px;margin-bottom:24px}.work-grid{grid-template-columns:1fr;gap:28px}.work-grid figure:nth-child(n){padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center}.work-grid figcaption{margin-top:0}.work-grid h3{font-size:17px}.work-grid p{font-size:12px}.creator-link{font-size:13px;margin-top:24px}.run-note{padding:24px;margin:12px 0 32px;gap:12px}.run-note p{font-size:21px}.run-note img{width:60px;height:60px}.film-section{padding:40px 0}.film-grid{grid-template-columns:1fr;gap:26px}.film-copy{grid-row:1}.film-copy p{font-size:15px;margin-bottom:20px}.film-stage{min-height:0;padding:18px}.film-stage video{width:250px}.download{padding:42px 0}.download-head{margin-bottom:26px}.store-list{grid-template-columns:1fr;gap:25px}.store-entry{flex-direction:row;align-items:center;gap:14px}.store-entry h3{font-size:19px}.store-entry .btn{font-size:12px;padding:8px 16px}.site-links{gap:22px;font-size:13px}.copy-kit{padding:30px 0 34px}.copy-kit h2{font-size:22px}.copy-kit .btn{font-size:13px;padding:9px 17px}footer .shell{flex-direction:column;gap:8px}.toast{font-size:13px}.film-status{margin-top:16px!important}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@media print{.header,.copy-kit,.actions,.film-tabs,.toast,footer{display:none}.shell{width:100%}.hero{min-height:0;padding:24px 0}.story-layout{padding:24px 0;gap:40px}.film-section{break-inside:avoid}.download{break-inside:avoid}body{font-size:12pt;background:#fffaf0;color:#0f2b22}}

/* Public story: language selection and native video; all text remains visible without JS. */
.header{position:sticky;top:0;z-index:10;background:var(--paper)}
.nav-links a{display:inline-flex;align-items:center;min-height:44px}
.language-switch{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.language-switch select{min-height:44px;max-width:150px;padding:8px 26px 8px 12px;font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:12px}
select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.creator-link{min-height:44px;display:inline-flex;align-items:center}
.site-links a,footer nav a{display:inline-flex;align-items:center;min-height:44px}
footer p{margin:0 0 4px}footer nav{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.noscript-note{font-size:13px;color:var(--muted);margin-bottom:24px}
@media(max-width:767px){
 html{scroll-padding-top:132px}
 .nav{flex-wrap:wrap;padding-block:14px;row-gap:8px}
 .nav-links{width:100%;justify-content:space-between;gap:10px}
 .nav-links a{display:inline-flex;min-height:44px;font-size:13px}
 .language-switch label{display:none}
 .language-switch select{font-size:13px;max-width:138px}
 .hero h1{font-size:clamp(31px,8.6vw,34px)}
 .hero .intro{max-width:none}
 .site-links a{min-height:44px}
 .store-entry{flex-direction:column;align-items:flex-start;gap:12px}
 .store-entry .btn{min-height:44px;font-size:13px}
 .work-grid h3{overflow-wrap:anywhere}
 footer nav{gap:20px}
}
@media print{.language-switch,.header{display:none}a{overflow-wrap:anywhere}}