:root{color-scheme:light;font-family:Be Vietnam Pro,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--ink: #1c1917;--muted: #6b625b;--paper: #fbf7ee;--paper-deep: #efe4d0;--card: #fffdf8;--line: #dfd2bd;--red: #8f1f1d;--red-dark: #641312;--gold: #ba8738;--green: #174f49;--shadow: 0 18px 55px rgba(43, 26, 10, .14)}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:linear-gradient(#fffdf8f0,#fffdf8f0),url(/assets/heritage-paper-bg.jpg) top center/cover fixed,var(--paper)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img,video,iframe{max-width:100%}.app-shell{min-height:100vh}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px clamp(18px,4vw,56px);border-bottom:1px solid rgba(111,78,38,.18);background:#fbf7eef0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:14px;min-width:292px}.brand-mark{display:grid;place-items:center;width:74px;height:56px;overflow:hidden;border:1px solid rgba(143,31,29,.2);border-radius:9px;background:linear-gradient(135deg,#ffdf3d,#f8bd26,#ef8123);box-shadow:0 8px 22px #8f1f1d26}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:.78rem}.main-nav{display:flex;align-items:center;gap:8px;margin-left:auto}.main-nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:8px;color:var(--muted);font-weight:700}.main-nav a.active,.main-nav a:hover{color:var(--red-dark);background:#8f1f1d14}.icon-button{display:inline-grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--card);cursor:pointer}.menu-button{display:none}.language-toggle{display:inline-flex;align-items:center;gap:6px;padding:5px;border:1px solid var(--line);border-radius:10px;background:#fffdf8cc}.language-toggle button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:7px 12px;border:0;border-radius:7px;color:var(--muted);background:transparent;font-size:.82rem;font-weight:900;cursor:pointer}.language-toggle button.is-active{color:#fff;background:var(--red)}.flag-icon{width:34px;height:22px;border:1px solid rgba(28,25,23,.18);border-radius:3px;object-fit:cover;box-shadow:0 1px 1px #1c19171f}.hero{position:relative;overflow:hidden;min-height:680px;display:flex;align-items:end;padding:clamp(80px,12vw,150px) clamp(20px,5vw,72px) 90px;color:#fff;background:linear-gradient(90deg,#110d0aeb,#4e1911ad 46%,#e0a71e33),radial-gradient(circle at 74% 38%,rgba(240,198,43,.28),transparent 42%),url(/assets/hero-community-duotone.png) center/cover}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,8,7,.7),transparent 55%),repeating-linear-gradient(90deg,rgba(255,229,145,.035) 0 1px,transparent 1px 10px);mix-blend-mode:multiply;opacity:.78;filter:none;pointer-events:none}.hero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,242,184,.025) 0 1px,transparent 1px 9px),linear-gradient(180deg,transparent 0 72%,rgba(40,18,9,.28));pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:760px}.hero h1,.page-header h1,.admin-topbar h1{font-family:Be Vietnam Pro,ui-sans-serif,system-ui,sans-serif;font-weight:900;letter-spacing:0}.hero h1{margin:10px 0 18px;font-size:clamp(3rem,7vw,6.4rem);line-height:.95}.hero p{max-width:680px;font-size:1.15rem;line-height:1.7}.eyebrow{margin:0 0 8px;color:var(--gold);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 16px;border:1px solid var(--red);border-radius:8px;color:#fff;background:var(--red);font-weight:900;cursor:pointer}.button.secondary{color:var(--red-dark);background:var(--card);border-color:var(--line)}.button.full{width:100%}.button:disabled{opacity:.62;cursor:wait}.intro-band,.content-band,.project-parts,.page-wrap{padding:clamp(44px,7vw,88px) clamp(20px,5vw,72px)}.intro-band{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(260px,.9fr) minmax(300px,1.1fr);gap:clamp(28px,6vw,80px);background:linear-gradient(#fffdf8f0,#fffdf8f0),url(/assets/calligraphy-words.svg) right -140px center/820px auto no-repeat,radial-gradient(circle at 80% 50%,rgba(211,40,36,.06),transparent 34%),var(--card);border-bottom:1px solid var(--line)}.intro-band>*{position:relative;z-index:1}.intro-video-section{padding:clamp(28px,5vw,64px) clamp(20px,5vw,72px);background:linear-gradient(#fffae8db,#fffae8db),url(/assets/calligraphy-words.svg) left -260px center/980px auto no-repeat,var(--paper);border-bottom:1px solid var(--line)}.intro-video-frame{overflow:hidden;max-width:1120px;margin:0 auto;aspect-ratio:16 / 9;border:1px solid rgba(143,31,29,.24);border-radius:8px;background:linear-gradient(90deg,#180f0adb,#671c1273),url(/assets/hero-community-duotone.png) center/cover;box-shadow:var(--shadow)}.intro-video-frame video{width:100%;height:100%;object-fit:cover;display:block}.intro-video-placeholder{display:grid;place-content:center;height:100%;padding:24px;color:#fff;text-align:center}.intro-video-placeholder h2{margin:0;font-size:clamp(2rem,4vw,4rem)}.project-parts{background:linear-gradient(#fffdf8ed,#fffdf8ed),url(/assets/calligraphy-words.svg) right -340px top 40px/900px auto no-repeat,var(--card)}.intro-band h2,.section-heading h2,.history-timeline h2,.project-parts h2{margin:0;font-family:Be Vietnam Pro,ui-sans-serif,system-ui,sans-serif;font-weight:900;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05}.intro-band>p,.page-header p,.content-band>p,.source-note p{margin:0;color:var(--muted);font-size:1.05rem;line-height:1.75}.timeline-preview{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);background:linear-gradient(#fffbe7db,#fffbe7db),url(/assets/hero-community-duotone.png) center/cover}.timeline-preview article{min-height:300px;padding:clamp(24px,4vw,44px);border-right:1px solid var(--line);background:#fffae673;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.timeline-preview article:last-child{border-right:0}.timeline-preview span{display:inline-flex;margin-bottom:32px;color:var(--red);font-family:Be Vietnam Pro,ui-sans-serif,system-ui,sans-serif;font-size:1.6rem;font-weight:700}.timeline-preview h3,.student-card h3,.part-grid h3,.video-panel h3{margin:0 0 12px;font-family:Be Vietnam Pro,ui-sans-serif,system-ui,sans-serif;font-weight:900;line-height:1.15}.timeline-preview p,.student-card p,.part-grid p,.video-panel p{color:var(--muted);line-height:1.6}.section-heading{margin-bottom:28px}.section-heading.with-link{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-heading.with-link a,.media-flags strong{display:inline-flex;align-items:center;gap:6px;color:var(--red);font-weight:900}.student-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.student-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--card);box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}.student-card:hover,.student-card:focus-visible{transform:translateY(-4px);box-shadow:0 24px 70px #2b1a0a33}.student-photo{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--paper-deep)}.student-photo img,.detail-image img{width:100%;height:100%;object-fit:contain}.photo-placeholder{display:grid;place-items:center;width:100%;height:100%;padding:20px;color:var(--red-dark);background:linear-gradient(135deg,#8f1f1d1f,#ba87382e),var(--paper-deep);font-family:Be Vietnam Pro,ui-sans-serif,system-ui,sans-serif;font-size:1.25rem;font-weight:700;text-align:center}.title-bubble{position:absolute;left:14px;right:14px;bottom:14px;padding:10px 12px;border-radius:8px;color:#fff;background:#1c1917d1;font-size:.92rem;font-weight:800}.student-card-body{display:grid;gap:12px;padding:18px}.tag-row,.media-flags{display:flex;flex-wrap:wrap;gap:8px}.tag-row span{padding:6px 9px;border-radius:8px;color:var(--green);background:#174f491a;font-size:.78rem;font-weight:800}.media-flags{align-items:center;justify-content:space-between;padding-top:6px}.media-flags span{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:.86rem;font-weight:800}.part-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.part-grid article{padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--card)}.part-grid strong{color:var(--red)}.page-header{max-width:980px;margin-bottom:36px}.page-header h1{margin:0 0 16px;font-size:clamp(2.6rem,6vw,5.5rem);line-height:.98}.history-timeline{display:grid;gap:22px}.history-timeline article{display:grid;grid-template-columns:64px 1fr;gap:22px;padding:28px;border:1px solid var(--line);border-radius:8px;background:var(--card);box-shadow:var(--shadow)}.history-period-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;height:clamp(300px,28vw,500px);margin-top:18px;overflow:hidden;border-radius:6px;background:var(--paper-deep)}.history-period-images img{width:100%;height:100%;object-fit:contain;object-position:center;background:var(--paper-deep)}.timeline-marker span{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:#fff;background:var(--red);font-family:Be Vietnam Pro,ui-sans-serif,system-ui,sans-serif;font-weight:800}.source-note{margin-top:28px;border:1px solid var(--line);border-radius:8px;background:var(--card)}.gallery-tools{display:flex;gap:12px;margin-bottom:24px}.search-box{flex:1;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line);border-radius:8px;background:var(--card)}.search-box input,.gallery-tools select,.admin-form input,.admin-form select,.admin-form textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}.search-box input{min-height:44px;border:0;outline:0}.gallery-tools select{max-width:220px;padding:0 12px}.detail-page{padding:clamp(30px,5vw,70px) clamp(20px,5vw,72px)}.student-profile-panel{display:grid;justify-items:center;gap:24px;text-align:center}.student-title-block{max-width:1100px}.detail-image{overflow:hidden;width:min(100%,1100px);aspect-ratio:4 / 3;border:1px solid var(--line);border-radius:8px;background:var(--paper-deep);box-shadow:var(--shadow)}.student-profile-panel h1{margin:0 0 14px;font-family:Be Vietnam Pro,ui-sans-serif,system-ui,sans-serif;font-weight:900;font-size:clamp(2.5rem,5vw,5rem);line-height:1}.student-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:36px}.student-video-grid.video-count-1{grid-template-columns:minmax(0,900px);justify-content:center}.detail-name{color:var(--red);font-weight:900}.essay-text{max-width:860px;color:#302a25;font-family:Be Vietnam Pro,ui-sans-serif,system-ui,sans-serif;font-size:1.16rem;line-height:1.85}.pdf-panel{display:grid;gap:12px}.pdf-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.pdf-panel-header h2,.pdf-panel-header h3{margin:0}.pdf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:36px}.pdf-panel iframe{width:100%;height:720px;border:1px solid var(--line);border-radius:8px;background:#fff}.pdf-document-scroll{overflow:auto;width:100%;height:720px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#d8d5cf;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.pdf-document-scroll .react-pdf__Document{display:grid;justify-content:center;gap:12px}.pdf-document-scroll .react-pdf__Page{overflow:hidden;background:#fff;box-shadow:0 2px 8px #2b1a0a29}.pdf-document-scroll canvas{display:block;max-width:100%;height:auto!important}.pdf-preview-status{margin:0;padding:24px;color:var(--muted);text-align:center}.video-panel{padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--card)}.video-panel iframe,.video-panel video{display:block;width:100%;aspect-ratio:16 / 9;border:0;border-radius:8px;background:#111}.video-panel video{object-fit:contain}.video-panel.empty{display:grid;place-items:center;min-height:250px;text-align:center}.empty-state,.notice{padding:14px 16px;border:1px solid var(--line);border-radius:8px;color:var(--muted);background:var(--card)}.admin-page{padding:30px clamp(16px,3vw,40px) 70px}.admin-topbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:22px}.admin-topbar h1{margin:0;font-size:clamp(2rem,4vw,3.6rem)}.admin-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(420px,.9fr) minmax(360px,.8fr);gap:18px;align-items:start}.entry-list,.admin-form,.preview-pane,.admin-gate,.settings-panel{padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--card);box-shadow:var(--shadow)}.settings-panel{display:grid;gap:16px;margin-bottom:18px}.entry-list{position:sticky;top:88px;display:grid;gap:12px}.entry-row{display:grid;grid-template-columns:1fr 40px;gap:8px}.entry-row>button:first-child{min-height:54px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff;text-align:left;cursor:pointer}.entry-row strong,.entry-row span{display:block}.entry-row span{color:var(--muted);font-size:.8rem;text-transform:capitalize}.form-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.form-header h2,.preview-pane h2{margin:0}.admin-form{display:grid;gap:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-form label,.settings-panel label{display:grid;gap:7px;color:var(--muted);font-size:.88rem;font-weight:900}.admin-form input,.admin-form select,.admin-form textarea,.settings-panel input,.settings-panel select,.settings-panel textarea{padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-weight:500}.checkbox-row label{display:flex;align-items:center}.checkbox-row input{width:18px;height:18px}.upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.upload-box{min-height:128px;padding:14px;border:1px dashed var(--gold);border-radius:8px;background:#ba873814}.upload-box input{padding:0;border:0;background:transparent}.upload-box small{overflow-wrap:anywhere;color:var(--muted);font-weight:600}.settings-upload{max-width:560px}.publish-note{display:flex;align-items:center;gap:10px;padding:12px;border-radius:8px;color:var(--green);background:#174f491a;font-weight:800}.preview-pane{overflow:auto;max-height:calc(100vh - 110px)}.preview-pane .detail-page{padding:0}.preview-pane .detail-hero,.preview-pane .video-grid{grid-template-columns:1fr}.preview-pane .pdf-panel iframe{height:420px}.admin-gate{max-width:720px;margin:0 auto}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:28px clamp(20px,5vw,72px);color:#f7efe2;background:#1d1814}.site-footer div{display:flex;align-items:center;gap:10px;font-weight:900}.site-footer img{width:36px;height:28px;border-radius:6px;object-fit:cover}.site-footer p{max-width:620px;margin:0;color:#d8c8af}@media(max-width:1180px){.admin-layout{grid-template-columns:280px 1fr}.preview-pane{grid-column:1 / -1;max-height:none}}@media(max-width:900px){.menu-button{display:inline-grid}.main-nav{position:absolute;top:74px;left:16px;right:16px;display:none;flex-direction:column;align-items:stretch;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--card);box-shadow:var(--shadow)}.main-nav.is-open{display:flex}.language-toggle{margin-left:auto}.hero{min-height:620px;background-position:center}.intro-band,.detail-hero,.video-grid,.form-grid,.admin-layout{grid-template-columns:1fr}.timeline-preview,.student-grid,.part-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-list{position:static}}@media(max-width:640px){.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:8px 10px;align-items:center}.site-footer,.admin-topbar,.section-heading.with-link,.gallery-tools,.form-header{flex-direction:column;align-items:stretch}.brand{gap:8px;min-width:0;overflow:hidden}.brand-mark{flex:0 0 auto;width:50px;height:40px;border-radius:7px}.brand strong{overflow:hidden;font-size:.86rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.brand small{overflow:hidden;font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}.menu-button{width:40px;height:40px}.main-nav{top:calc(100% + 4px);left:8px;right:8px}.language-toggle{width:auto;gap:2px;margin:0;padding:3px;justify-content:initial}.language-toggle button{width:38px;min-height:38px;padding:4px;font-size:0;justify-content:center}.flag-icon{width:28px;height:18px}.detail-page{padding:24px 12px 48px}.student-profile-panel{gap:16px}.student-profile-panel h1{margin-bottom:10px;font-size:2.2rem;line-height:1.05}.student-video-grid,.pdf-grid{gap:14px;margin-top:24px}.hero{min-height:560px;padding-bottom:50px}.timeline-preview,.student-grid,.part-grid,.upload-grid,.student-video-grid,.pdf-grid{grid-template-columns:1fr}.history-timeline article{grid-template-columns:1fr}.gallery-tools select{max-width:none;min-height:44px}.pdf-panel iframe{height:min(72vh,680px);min-height:480px}.pdf-document-scroll{height:min(72vh,680px);min-height:480px;padding:6px}.video-panel{padding:10px}.video-panel h3{margin-bottom:10px;font-size:1.15rem}.video-panel iframe,.video-panel iframe.drive-video-embed{height:auto;min-height:0;aspect-ratio:4 / 3}.video-panel video{width:100%;height:auto;max-height:72vh;aspect-ratio:auto}.pdf-panel-header .icon-button{flex:0 0 auto}}