:root{color-scheme:dark;--ink-950: #06111f;--ink-900: #091729;--ink-800: #102238;--ink-700: #18304a;--gold-500: #dba95e;--gold-400: #f1c982;--amber-300: #ffd999;--paper-100: #f8efd9;--paper-200: #ead8b5;--wood-500: #80583c;--cedar-500: #7e5146;--sage-500: #8c9879;--rose-500: #a86261;--text-main: #fff7e8;--text-muted: rgba(255, 247, 232, .72);--line-soft: rgba(255, 225, 167, .2);--shadow-soft: 0 22px 70px rgba(0, 0, 0, .32)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink-950)}body{margin:0;min-width:320px;overflow-x:hidden;color:var(--text-main);background:linear-gradient(180deg,#07111f,#0c1b2e 32%,#171d22,#0a1320);font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,Microsoft YaHei,serif;letter-spacing:0}button,input{font:inherit;letter-spacing:0}button{cursor:pointer}::selection{color:#221609;background:var(--gold-400)}.canvas-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.7}main{position:relative;z-index:1}.scroll-progress{position:fixed;top:0;left:0;z-index:20;width:100%;height:3px;transform-origin:0 50%;background:linear-gradient(90deg,var(--gold-500),var(--amber-300),#eac9ad)}.icon-control{display:inline-grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,225,167,.32);border-radius:50%;color:var(--paper-100);background:#08111fa8;box-shadow:0 10px 30px #0000003d;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .18s ease,border-color .18s ease,background .18s ease}.icon-control:hover{transform:translateY(-2px);border-color:#ffe1a7b8;background:#1d2d42b8}.section-nav{position:fixed;top:50%;right:18px;z-index:18;display:grid;gap:10px;transform:translateY(-50%)}.section-nav button{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,225,167,.22);border-radius:50%;color:#fff7e8ad;background:#07111f8f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:color .18s ease,border-color .18s ease,transform .18s ease}.section-nav button:hover{color:var(--amber-300);border-color:#ffe1a79e;transform:translate(-2px)}.hero-section{position:relative;display:flex;min-height:94vh;align-items:center;padding:8rem 8vw 6.5rem;overflow:hidden}.hero-image,.final-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/images/fathers-road-home.png);background-position:center;background-size:cover}.hero-image{transform:scale(1.03);animation:slowImage 16s ease-in-out infinite alternate}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#050c18ed,#050c18bd 40%,#050c183b 72%),linear-gradient(180deg,#050c1814,#050c18d1)}.hero-content{position:relative;width:min(720px,100%);min-width:0;z-index:2;animation:heroContentIn .9s ease both}.hero-kicker,.section-heading p,.section-kicker{margin:0 0 1rem;color:var(--gold-400);font-size:.9rem;font-weight:700;text-transform:uppercase}.hero-content h1{margin:0;color:#fff3d6;font-size:4.25rem;line-height:1.12;font-weight:800;text-wrap:balance;text-shadow:0 16px 46px rgba(0,0,0,.44)}.hero-subtitle{margin:1.1rem 0 2rem;color:var(--amber-300);font-size:1.45rem;line-height:1.7}.hero-letter{width:min(640px,100%);min-width:0;max-width:640px;margin-bottom:2.1rem;padding:1.2rem 1.35rem;border-left:3px solid var(--gold-500);background:linear-gradient(90deg,#ffe7b421,#ffe7b405)}.hero-letter p{margin:0 0 .75rem;color:#fff7e8db;font-size:1.08rem;line-height:2;overflow-wrap:anywhere;word-break:break-all}.hero-line{animation:heroLineIn .72s ease both;animation-delay:calc(var(--line-index) * .11s)}.hero-letter p:last-child{margin-bottom:0}.primary-button,.secondary-button,.text-button,.mode-button,.back-top{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:44px;border-radius:8px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.primary-button,.secondary-button{border:1px solid rgba(255,225,167,.62);color:#241709;background:linear-gradient(135deg,var(--gold-400),#f6e0ad 58%,#e2a858);box-shadow:0 16px 44px #daa04e38;padding:.9rem 1.2rem;font-weight:800}.primary-button:hover,.secondary-button:hover,.back-top:hover{transform:translateY(-2px);box-shadow:0 18px 54px #daa04e52}.scroll-cue{position:absolute;left:8vw;bottom:2.1rem;z-index:2;display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,225,167,.32);border-radius:50%;color:var(--paper-100);background:#07111f73;animation:cueFloat 2.6s ease-in-out infinite}.section-shell{position:relative;padding:7.5rem 6vw;overflow:hidden}.section-inner{position:relative;z-index:1;width:min(1120px,100%);margin:0 auto}.section-heading{width:min(760px,100%);margin-bottom:3rem}.section-heading h2,.final-copy h2{margin:0;color:#fff1d2;font-size:2.75rem;line-height:1.2;text-wrap:balance}.contribution-grid,.pressure-layout,.interaction-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:1.4rem;align-items:stretch}.copy-card,.road-card,.action-panel,.expand-panel,.lamp-panel{border:1px solid var(--line-soft);border-radius:8px;background:linear-gradient(180deg,#fff1d21a,#fff1d20a),#091729c2;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tilt-card{transform-style:preserve-3d;transition:transform .22s ease,border-color .22s ease}.tilt-card:hover{transform:perspective(900px) rotateX(2deg) rotateY(-3deg) translateY(-4px);border-color:#ffe1a77a}.large-copy{padding:2rem}.sentence{margin:0 0 1.1rem;color:#fff7e8d6;font-size:1.08rem;line-height:2;opacity:0;transform:translateY(10px);animation:sentenceIn .76s ease forwards;animation-delay:var(--delay)}.sentence:last-child{margin-bottom:0}.road-card{position:relative;min-height:390px;padding:2rem;overflow:hidden}.road-card:before{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border:1px solid rgba(255,225,167,.16);border-radius:50%;transform:rotate(-12deg)}.road-line{position:absolute;left:50%;top:0;width:4px;height:100%;border-radius:4px;background:#ffe1a71f;transform:translate(-50%);overflow:hidden}.road-line span{display:block;width:100%;height:48%;border-radius:4px;background:linear-gradient(180deg,transparent,var(--gold-400),transparent);animation:roadLight 4.8s ease-in-out infinite}.road-moments{position:relative;display:grid;height:100%;gap:1.2rem;align-content:space-between}.road-moment{display:flex;align-items:center;gap:.85rem;width:min(260px,100%);padding:.9rem 1rem;border:1px solid rgba(255,225,167,.18);border-radius:8px;color:var(--paper-100);background:#06111fbd}.road-moment:nth-child(2n){margin-left:auto}.road-moment i{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:#241709;background:var(--gold-400);box-shadow:0 0 24px #f1c9826b;animation:nodeGlow 3.6s ease-in-out infinite;animation-delay:calc(var(--step) * .35s)}.pressure-section{background:linear-gradient(180deg,#091729db,#1a1918d1),radial-gradient(circle at 50% 38%,rgba(219,169,94,.14),transparent 34%)}.pressure-layout{align-items:center}.pressure-copy{color:#fff7e8d1;font-size:1.07rem;line-height:2}.pressure-copy p{margin:0 0 1.05rem}.pressure-stage{position:relative;min-height:480px;display:grid;place-items:center}.mountain-core{position:relative;z-index:3;display:grid;width:188px;height:188px;place-items:center;border:1px solid rgba(255,225,167,.28);border-radius:50%;color:var(--amber-300);background:linear-gradient(180deg,#fff1d21a,#fff1d205),#08111fd1;box-shadow:0 0 62px #dba95e38}.mountain-core span{position:absolute;bottom:36px;color:var(--paper-100);font-weight:700}.pressure-card{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:.55rem;min-width:132px;justify-content:center;padding:.78rem .9rem;border:1px solid rgba(255,225,167,.22);border-radius:8px;color:var(--paper-100);background:#0c1b2ec7;box-shadow:0 14px 48px #00000042}.tone-cedar{border-color:#7e5146b3}.tone-rosewood{border-color:#a86261b8}.tone-gold{border-color:#dba95eb8}.tone-sage{border-color:#8c9879b8}.tone-ink{border-color:#fff7e852}.pressure-final{grid-column:1 / -1;justify-self:center;margin-top:1rem;color:var(--amber-300);font-size:1.55rem;line-height:1.5;text-align:center}.letter-section{background:linear-gradient(180deg,#1e242ad1,#372c22bd),repeating-linear-gradient(90deg,rgba(255,247,232,.02),rgba(255,247,232,.02) 1px,transparent 1px,transparent 8px)}.letter-paper,.poem-book,.scroll-card{width:min(820px,100%);margin:0 auto;border:1px solid rgba(103,68,38,.24);border-radius:8px;color:#2d2319;background:linear-gradient(90deg,rgba(120,83,44,.08),transparent 18%,transparent 82%,rgba(120,83,44,.08)),repeating-linear-gradient(0deg,rgba(95,66,38,.035),rgba(95,66,38,.035) 1px,transparent 1px,transparent 11px),var(--paper-100);box-shadow:0 26px 84px #00000057}.letter-paper{position:relative;padding:3rem 3.2rem;transform-origin:top center;animation:unfoldPaper 1s ease both}.paper-fold{position:absolute;top:0;left:0;right:0;height:42px;background:linear-gradient(180deg,rgba(88,53,25,.12),transparent)}.letter-content{position:relative;z-index:1}.type-line{margin:0 0 1rem;font-size:1.12rem;line-height:2.05;opacity:0;animation:fadeType .68s ease forwards;animation-delay:var(--delay)}.type-line:after{content:"";display:inline-block;width:1px;height:1em;margin-left:4px;vertical-align:-.12em;background:#4f311680;animation:caretBlink 1s steps(1) infinite}.poem-section{background:linear-gradient(180deg,#1f2322cc,#112032db),radial-gradient(circle at 18% 18%,rgba(241,201,130,.12),transparent 28%)}.poem-book{padding:4rem 3.8rem}.poem-stanza{max-width:560px;margin:0 auto 2.4rem}.poem-stanza p{margin:0 0 .5rem;font-size:1.16rem;line-height:2}.poem-title{color:#6a4324;font-weight:800;text-align:center}.classical-section{background:linear-gradient(180deg,#0b1726db,#272520d6),linear-gradient(120deg,transparent 0%,rgba(140,152,121,.1) 48%,transparent 100%)}.classical-toolbar{display:flex;justify-content:center;gap:.75rem;margin:-1rem 0 1.2rem}.mode-button{border:1px solid rgba(255,225,167,.24);color:#fff7e8c7;background:#08111f9e;padding:.72rem .95rem}.mode-button.active,.mode-button:hover{color:#241709;border-color:var(--gold-400);background:var(--gold-400)}.scroll-card{position:relative;padding:2.5rem 3rem;overflow:hidden}.scroll-rod{height:14px;border-radius:8px;background:linear-gradient(90deg,#4f3321,#b07942,#4f3321);box-shadow:0 8px 22px #50311c38}.scroll-rod.top{margin:-1.4rem -1.5rem 1.8rem}.scroll-rod.bottom{margin:1.8rem -1.5rem -1.4rem}.scroll-body p{margin:0 0 .82rem;font-size:1.08rem;line-height:2}.scroll-title{margin-bottom:1.2rem!important;color:#6a4324;font-weight:800;text-align:center}.vertical-scroll .scroll-body{display:block;min-height:520px;overflow-x:auto;writing-mode:vertical-rl;text-orientation:mixed}.vertical-scroll .scroll-body p{margin:0 0 0 1.1rem}.timeline-section{background:linear-gradient(180deg,#f6c98029,#11273cdb 44%,#06111ff5)}.timeline-list{position:relative;display:grid;gap:1.1rem;max-width:860px;margin:0 auto;padding:0;list-style:none}.timeline-list:before{content:"";position:absolute;top:0;bottom:0;left:30px;width:2px;background:linear-gradient(180deg,var(--gold-400),rgba(255,225,167,.12),var(--sage-500))}.timeline-item{position:relative;display:grid;grid-template-columns:62px 1fr;gap:1rem;align-items:start;min-height:92px}.timeline-dot{position:relative;z-index:1;display:grid;width:62px;height:62px;place-items:center;border:1px solid rgba(255,225,167,.5);border-radius:50%;color:#251707;background:linear-gradient(135deg,var(--gold-400),var(--paper-100));box-shadow:0 0 30px #f1c98259}.timeline-item div{padding:1.05rem 1.25rem;border:1px solid var(--line-soft);border-radius:8px;background:#08111fa3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.timeline-item strong{display:block;margin-bottom:.35rem;color:var(--amber-300);font-size:1.08rem}.timeline-item p{margin:0;color:#fff7e8c7;line-height:1.9}.interaction-section{background:linear-gradient(180deg,#06111ff0,#2e231be0),linear-gradient(90deg,rgba(219,169,94,.08),transparent 38%,rgba(140,152,121,.08))}.interaction-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.action-panel,.expand-panel,.lamp-panel{position:relative;min-height:280px;padding:1.6rem;overflow:hidden}.action-panel svg,.expand-panel svg,.lamp-panel>svg{color:var(--gold-400)}.action-panel h3,.expand-panel h3,.lamp-panel h3{margin:1rem 0;color:#fff1d2;font-size:1.3rem;line-height:1.4}.expand-panel p,.lamp-panel p{color:#fff7e8c2;line-height:1.8}.text-button{border:1px solid rgba(255,225,167,.32);color:var(--amber-300);background:transparent;padding:.7rem .92rem}.text-button:hover{border-color:var(--gold-400);background:#ffe1a714}.expanded-copy{overflow:hidden;margin-top:1rem}.expanded-copy p{margin:0 0 .58rem}.lamp-panel{text-align:center}.lamp-button{position:relative;display:inline-grid;width:88px;height:88px;place-items:center;border:1px solid rgba(255,225,167,.3);border-radius:50%;color:var(--gold-400);background:#08111f9e;transition:box-shadow .24s ease,color .24s ease,background .24s ease}.lamp-button.active{color:#251707;background:var(--amber-300);box-shadow:0 0 90px #ffd99994}.lamp-message{color:var(--amber-300)!important;font-weight:700}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;display:grid;place-items:center;padding:1.2rem;background:#03080fb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.thanks-modal{position:relative;width:min(480px,100%);padding:2rem;border:1px solid rgba(255,225,167,.42);border-radius:8px;color:#2d2319;background:var(--paper-100);box-shadow:0 28px 90px #0000006b}.thanks-modal h3{margin:0 0 1rem;font-size:1.8rem}.thanks-modal p{margin:0 0 .7rem;font-size:1.08rem;line-height:1.8}.modal-close{position:absolute;top:12px;right:12px;color:#2d2319;background:#2d23190f}.final-section{position:relative;min-height:100vh;padding:8rem 6vw 5rem;overflow:hidden}.final-bg{filter:saturate(.96) brightness(.74);transform:scale(1.02)}.final-section:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#050c18e6,#050c1894 46%,#050c185c),linear-gradient(180deg,#050c186b,#050c18db)}.final-inner{position:relative;z-index:1}.final-copy{width:min(720px,100%)}.final-copy p{margin:0 0 .8rem;color:#fff7e8d1;font-size:1.08rem;line-height:1.95}.signature{display:grid;gap:.25rem;margin-top:2rem;color:var(--paper-100)}.signature strong{color:var(--amber-300);font-size:1.28rem}.final-statement{display:inline-flex;align-items:center;gap:.8rem;margin:3.8rem 0 2rem;color:var(--amber-300);font-size:2rem;font-weight:800;line-height:1.35;text-shadow:0 18px 48px rgba(0,0,0,.42)}.back-top{border:1px solid rgba(255,225,167,.5);color:#251707;background:var(--gold-400);padding:.8rem 1rem;font-weight:800}@keyframes slowImage{0%{transform:scale(1.03) translateZ(0)}to{transform:scale(1.08) translate3d(-1.2%,-.8%,0)}}@keyframes cueFloat{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes heroContentIn{0%{opacity:.78;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes heroLineIn{0%{opacity:.7;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sentenceIn{to{opacity:1;transform:translateY(0)}}@keyframes roadLight{0%{transform:translateY(-100%)}to{transform:translateY(230%)}}@keyframes nodeGlow{0%,to{box-shadow:0 0 18px #f1c98247}50%{box-shadow:0 0 34px #f1c98294}}@keyframes unfoldPaper{0%{opacity:0;transform:translateY(24px) rotateX(8deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}@keyframes fadeType{to{opacity:1}}@keyframes caretBlink{0%,49%{opacity:1}50%,to{opacity:0}}@media(max-width:980px){.hero-section{min-height:92vh;padding:7rem 6vw 5.5rem}.hero-content h1{font-size:3.25rem}.section-heading h2,.final-copy h2{font-size:2.25rem}.contribution-grid,.pressure-layout,.interaction-grid{grid-template-columns:1fr}.interaction-grid{gap:1rem}.pressure-stage{min-height:420px}}@media(max-width:720px){.section-nav{left:50%;right:auto;top:auto;bottom:12px;grid-auto-flow:column;grid-template-columns:repeat(9,1fr);gap:5px;width:min(94vw,430px);padding:6px;border:1px solid rgba(255,225,167,.12);border-radius:8px;background:#07111fa8;transform:translate(-50%);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.section-nav button{width:30px;height:30px;border:0;background:transparent}.hero-section{padding:6.5rem 5vw 5rem}.hero-shade{background:linear-gradient(90deg,#050c18f2,#050c18a3),linear-gradient(180deg,#050c181f,#050c18e6)}.hero-content h1{font-size:2.55rem}.hero-subtitle{font-size:1.18rem}.hero-letter{padding:1rem .9rem}.hero-letter p{font-size:.96rem;line-height:1.86}.section-shell,.final-section{padding:5.5rem 5vw}.section-heading h2,.final-copy h2{font-size:1.92rem}.large-copy,.road-card,.action-panel,.expand-panel,.lamp-panel,.letter-paper,.poem-book,.scroll-card{padding:1.3rem}.road-moment{width:100%}.road-moment:nth-child(2n){margin-left:0}.pressure-card{position:static;width:min(280px,100%);margin:.45rem auto}.pressure-stage{display:flex;min-height:0;flex-direction:column;gap:.4rem}.mountain-core{width:156px;height:156px;margin-bottom:.7rem}.pressure-final{font-size:1.25rem}.letter-paper,.poem-book,.scroll-card{border-radius:8px}.type-line,.poem-stanza p,.scroll-body p,.final-copy p{font-size:1rem}.vertical-scroll .scroll-body{min-height:430px}.final-statement{font-size:1.45rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}