:root{--color-bg-primary:#1a1612;--color-bg-secondary:#2a2420;--color-bg-tertiary:#352f28;--color-accent:#c9a96e;--color-accent-hover:#dbbf8a;--color-text-primary:#e8dfd3;--color-text-secondary:#9a8e7f;--color-text-muted:#8f8377;--color-sand-1:#d4b483;--color-sand-2:#b8956a;--color-sand-3:#8b7355;--color-chapter:#8b4513;--color-overlay:#0f0c09eb;--font-title:"Playfair Display", "Noto Serif SC", Georgia, serif;--font-body:"Inter", "Noto Sans SC", system-ui, sans-serif;--font-quote:"Cormorant Garamond", "KaiTi", Georgia, serif;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--space-xl:4rem;--space-2xl:8rem;--space-3xl:12rem;--gap-media:1rem;--media-card-height:clamp(220px, 40vh, 400px);--transition-fast:.2s ease-out;--transition-normal:.4s cubic-bezier(.25, 1, .5, 1);--transition-slow:.8s cubic-bezier(.25, 1, .5, 1);--transition-menu:.5s cubic-bezier(.77, 0, .175, 1);--z-background:-1;--z-canvas:0;--z-content:10;--z-nav:50;--z-overlay:100;--z-menu:110;--z-controls:120;--z-lightbox:200;--nav-width-desktop:150px;--nav-width-tablet:110px;--nav-height-mobile:108px;--max-width-content:900px}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}[hidden]{display:none!important}html,body{height:100%}html{scroll-behavior:smooth;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;font-family:var(--font-body);text-rendering:optimizelegibility;overflow-x:hidden}::selection{background-color:var(--color-accent);color:var(--color-bg-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-weight:500;line-height:1.2}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover)}button{cursor:pointer;color:inherit;background:0 0;border:none}:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}#loading-retry{min-width:44px;min-height:44px}.hero{min-height:100vh;min-height:100dvh;padding:var(--space-lg) var(--space-lg) calc(var(--space-lg) * 3);z-index:var(--z-content);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.timeline-section{min-height:100vh;min-height:100dvh;z-index:var(--z-content);display:flex;position:relative}.timeline-nav{width:var(--nav-width-desktop);height:100vh;height:100dvh;padding:var(--space-lg) 0;overscroll-behavior:contain;z-index:var(--z-nav);border-right:1px solid #ffffff0d;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.5rem,3vh,2.5rem);display:flex;position:sticky;top:0;overflow:hidden auto}.timeline-content{width:100%;min-width:0;padding:0 var(--space-xl);max-width:calc(var(--max-width-content) + (var(--space-xl) * 2));flex:1;margin:0 auto}.narrative-block{min-height:100vh;min-height:100dvh;padding:var(--space-3xl) 0;flex-direction:column;justify-content:center;display:flex}.epilogue{min-height:100vh;min-height:100dvh;padding:var(--space-xl);text-align:center;z-index:var(--z-content);justify-content:center;align-items:center;display:flex;position:relative}#sand-canvas{pointer-events:none;width:100%;height:100%;z-index:var(--z-canvas);opacity:.6;position:fixed;top:0;left:0}@media (max-width:1024px){.timeline-nav{width:var(--nav-width-tablet)}.timeline-content{padding:0 var(--space-lg)}}@media (max-width:768px){.timeline-section{flex-direction:column}.timeline-nav{width:100%;height:var(--nav-height-mobile);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:flex-start;align-items:center;gap:var(--space-2xl);padding:46px var(--space-lg) var(--space-sm);background-color:#1a1612f2;border-bottom:1px solid #ffffff0d;border-right:none;flex-direction:row;position:sticky;top:0;overflow:auto hidden}.timeline-content{padding:var(--space-xl) var(--space-md)}.narrative-block{padding:var(--space-2xl) 0}}.hero-portrait{width:auto;max-width:320px;max-height:46vh;margin-bottom:var(--space-xl);filter:sepia(.2)contrast(1.1);border-radius:4px;box-shadow:0 20px 50px #00000080,0 0 0 1px #c9a96e1a}.hero-name{letter-spacing:.05em;margin-bottom:var(--space-sm);color:var(--color-text-primary);text-align:center;font-size:clamp(3rem,8vw,6rem)}.hero-name-cn{font-family:var(--font-title);margin-left:var(--space-sm);opacity:.8;font-weight:400}html[lang=zh] .hero-name-cn{display:none}.hero-subtitle{font-family:var(--font-body);letter-spacing:.2em;color:var(--color-accent);margin-bottom:var(--space-md);text-transform:uppercase;font-size:1.25rem}.hero-tagline{font-family:var(--font-quote);color:var(--color-text-secondary);text-align:center;max-width:600px;font-size:1.5rem;font-style:italic}.hero-scroll-hint{bottom:var(--space-lg);align-items:center;gap:var(--space-sm);color:var(--color-text-muted);text-align:center;flex-direction:column;display:flex;position:absolute}.hero-scroll-hint span{font-family:var(--font-body);letter-spacing:.25em;text-transform:uppercase;font-size:.75rem}.scroll-arrow{font-size:1.5rem;line-height:1;animation:2s infinite bounce-down}@media (prefers-reduced-motion:reduce){.scroll-arrow{animation:none}}.timeline-line{background:linear-gradient(to bottom, transparent, var(--color-text-muted), transparent);width:1px;position:absolute;top:0;bottom:0}@media (max-width:768px){.timeline-nav{scroll-padding-inline:50%}.timeline-nav:before,.timeline-nav:after{content:"";flex:0 0 calc(50vw - var(--space-lg));height:1px}.timeline-line{background:linear-gradient(to right, transparent, var(--color-text-muted), transparent);width:100%;height:1px;top:50%;bottom:auto;left:0;right:0}}.year-dot{cursor:pointer;z-index:2;background:0 0;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.year-dot:before{content:"";background-color:var(--color-bg-primary);border:1px solid var(--color-text-muted);width:12px;height:12px;transition:transform var(--transition-normal), border-color var(--transition-normal), background-color var(--transition-normal), box-shadow var(--transition-normal);border-radius:50%}.year-dot span{font-family:var(--font-body);color:var(--color-text-muted);transition:color var(--transition-normal);white-space:nowrap;font-size:.875rem;line-height:1;position:absolute;left:calc(50% + 14px)}.year-dot:hover:before{border-color:var(--color-accent)}.year-dot:focus-visible:before{border-color:var(--color-accent)}.year-dot:hover span{color:var(--color-text-secondary)}.year-dot:focus-visible span{color:var(--color-text-secondary)}.year-dot.active:before{background-color:var(--color-accent);border-color:var(--color-accent);transform:scale(1.2);box-shadow:0 0 15px #c9a96e66}.year-dot.active span{color:var(--color-accent);font-weight:600}@media (max-width:768px){.year-dot span{top:calc(50% + 10px);left:50%;transform:translate(-50%)}.year-dot.active span{transform:translate(-50%)}}.narrative-year-badge{font-family:var(--font-title);letter-spacing:.02em;color:#0000;-webkit-text-stroke:1px #c9a96e59;margin-bottom:var(--space-sm);-webkit-user-select:none;user-select:none;font-size:clamp(3.5rem,10vw,7rem);font-weight:600;line-height:1}@supports not (-webkit-text-stroke:1px red){.narrative-year-badge{color:#c9a96e47}}.narrative-title{color:var(--color-accent);margin-bottom:var(--space-md);font-size:clamp(2rem,5vw,3.5rem);position:relative}.narrative-location{font-family:var(--font-body);color:var(--color-text-secondary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-lg);align-items:center;font-size:.875rem;display:inline-flex}.narrative-location svg{width:16px;height:16px;margin-right:var(--space-xs);fill:none;stroke:currentColor}.narrative-text{color:var(--color-text-secondary);margin-bottom:var(--space-lg);max-width:700px;font-size:1.125rem;line-height:1.8}.narrative-text p{margin-bottom:var(--space-md)}.narrative-images{gap:var(--gap-media);margin:var(--space-xl) 0;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));display:grid}.narrative-image-wrapper{gap:var(--space-sm);flex-direction:column;margin:0;display:flex}.narrative-image{width:100%;height:var(--media-card-height);object-fit:contain;background:#0f0c096b;border-radius:4px;box-shadow:0 10px 30px #0000004d}.narrative-image-caption{font-family:var(--font-body);color:var(--color-text-muted);text-align:center;min-height:2.8em;font-size:.875rem;font-style:italic;line-height:1.4}.carousel-shell{margin:var(--space-xl) 0;isolation:isolate;position:relative}.carousel-arrow{top:calc(50% - var(--space-md));z-index:2;width:44px;height:44px;color:var(--color-text-primary);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity var(--transition-normal), color var(--transition-fast), border-color var(--transition-fast);background:#1a1612b8;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;font-size:1.75rem;line-height:1;display:flex;position:absolute;transform:translateY(-50%)}.carousel-arrow:hover{color:var(--color-accent);border-color:var(--color-accent)}.carousel-arrow:focus-visible{color:var(--color-accent);border-color:var(--color-accent)}.carousel-arrow--prev{left:calc(var(--space-sm) * -1)}.carousel-arrow--next{right:calc(var(--space-sm) * -1)}.carousel-shell.can-scroll-prev .carousel-arrow--prev,.carousel-shell.can-scroll-next .carousel-arrow--next{opacity:1;pointer-events:auto}.image-carousel{overscroll-behavior-x:contain;gap:var(--gap-media);padding-bottom:var(--space-md);scroll-snap-type:x mandatory;contain:paint;display:flex;overflow:auto hidden}.image-carousel .narrative-image-wrapper{scroll-snap-align:center;flex:0 0 min(85%,520px);width:min(85%,520px)}.top-controls{top:var(--space-md);right:var(--space-md);align-items:center;gap:var(--space-md);z-index:var(--z-controls);display:flex;position:fixed}.lang-toggle{font-family:var(--font-body);letter-spacing:.05em;color:var(--color-text-primary);padding:var(--space-xs) var(--space-sm);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all var(--transition-fast);background:#1a161280;border:1px solid #fff3;border-radius:4px;min-width:44px;min-height:44px;font-size:.875rem;font-weight:500}.lang-toggle:hover{border-color:var(--color-accent);color:var(--color-accent)}.gallery-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));display:grid}.gallery-item{aspect-ratio:1;cursor:pointer;background:var(--color-bg-tertiary);border:none;border-radius:4px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow), opacity var(--transition-normal)}.gallery-thumb{opacity:0}.gallery-thumb.is-loaded{opacity:1}.gallery-item:hover img{transform:scale(1.05)}.gallery-item:focus-visible img{transform:scale(1.05)}.gallery-item:focus-visible{outline-offset:-4px}.image-load-failed{display:none!important}.image-fallback{justify-content:center;align-items:center;gap:var(--space-sm);min-height:12rem;padding:var(--space-lg);color:var(--color-text-muted);text-align:center;background:linear-gradient(135deg, #c9a96e0a, transparent 55%), var(--color-bg-tertiary);border:1px solid #c9a96e24;border-radius:4px;flex-direction:column;display:flex}.image-fallback-mark{font-family:var(--font-title);color:var(--color-accent);opacity:.65;font-size:1.5rem;line-height:1}.image-fallback-label{font-family:var(--font-body);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem}.image-fallback--thumbnail{border:0;min-height:0;position:absolute;top:0;bottom:0;left:0;right:0}.image-fallback--narrative{width:100%;min-height:min(48vh,26rem);margin:var(--space-xl) 0 var(--space-sm)}.image-fallback--hero{aspect-ratio:344/492;width:min(100%,320px);margin-bottom:var(--space-lg)}.image-fallback--lightbox{width:min(80vw,68rem);min-height:min(68vh,38rem)}@property --gallery-sand{syntax:"<number>";inherits:false;initial-value:1}.gallery-caption{--gallery-sand:1;padding:var(--space-lg) var(--space-sm) var(--space-sm);font-family:var(--font-body);text-align:left;color:var(--color-text-primary);opacity:0;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom, transparent calc(var(--gallery-sand) * 150% - 30%), #000 calc(var(--gallery-sand) * 150%));-webkit-mask-image:linear-gradient(to bottom, transparent calc(var(--gallery-sand) * 150% - 30%), #000 calc(var(--gallery-sand) * 150%));mask-image:linear-gradient(to bottom, transparent calc(var(--gallery-sand) * 150% - 30%), #000 calc(var(--gallery-sand) * 150%));filter:blur(calc(var(--gallery-sand) * 4px));translate:0 calc(var(--gallery-sand) * 28px);background:linear-gradient(#0f0c0900,#0f0c09eb);font-size:.8125rem;line-height:1.5;transition:--gallery-sand .45s ease-out,opacity .3s ease-out;position:absolute;top:auto;bottom:0;left:0;right:0}.gallery-item:hover .gallery-caption{--gallery-sand:0;opacity:1}.gallery-item:focus-visible .gallery-caption{--gallery-sand:0;opacity:1}@media (prefers-reduced-motion:reduce){.gallery-caption{filter:none;transition:opacity .01ms;translate:none;-webkit-mask-image:none;mask-image:none}}.lightbox{background:var(--color-overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:var(--z-lightbox);padding:var(--space-xl) var(--space-lg);opacity:0;pointer-events:none;transition:opacity var(--transition-normal);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.lightbox.is-open{opacity:1;pointer-events:auto}.lb-figure{align-items:center;gap:var(--space-md);flex-direction:column;max-width:min(90vw,1100px);display:flex}.lb-img{object-fit:contain;border-radius:4px;max-width:100%;max-height:75vh;box-shadow:0 20px 60px #00000080}.lb-caption{font-family:var(--font-body);color:var(--color-text-secondary);text-align:center;max-width:60ch;font-size:.9375rem}.lb-counter{font-family:var(--font-body);letter-spacing:.16em;color:var(--color-text-muted);font-size:.75rem}.lb-close,.lb-prev,.lb-next{width:48px;height:48px;color:var(--color-text-primary);transition:color var(--transition-fast), border-color var(--transition-fast);background:#1a161299;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;line-height:1;display:flex;position:absolute}.lb-close:hover,.lb-prev:hover,.lb-next:hover{color:var(--color-accent);border-color:var(--color-accent)}.lb-close:focus-visible{color:var(--color-accent);border-color:var(--color-accent)}.lb-prev:focus-visible{color:var(--color-accent);border-color:var(--color-accent)}.lb-next:focus-visible{color:var(--color-accent);border-color:var(--color-accent)}.lb-close{top:var(--space-md);right:var(--space-md);font-size:1.75rem}.lb-prev,.lb-next{font-size:2rem;top:50%;transform:translateY(-50%)}.lb-prev{left:var(--space-md)}.lb-next{right:var(--space-md)}.contact-info{max-width:46rem;margin-top:var(--space-lg)}.contact-label{font-family:var(--font-body);letter-spacing:.25em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-xs);font-size:.75rem}.contact-email{font-family:var(--font-title);color:var(--color-accent);word-break:break-word;transition:border-color var(--transition-fast), color var(--transition-fast);border-bottom:1px solid #0000;font-size:clamp(1.25rem,3vw,2rem);display:inline-block}.contact-email:hover{color:var(--color-accent-hover);border-bottom-color:var(--color-accent-hover)}.contact-email:focus-visible{color:var(--color-accent-hover);border-bottom-color:var(--color-accent-hover)}.contact-note{margin-top:var(--space-lg);color:var(--color-text-secondary);max-width:55ch;font-size:1rem;line-height:1.8}.epilogue-inner{max-width:var(--max-width-content);flex-direction:column;align-items:center;margin:0 auto;display:flex}.epilogue-title{color:var(--color-accent);margin-bottom:var(--space-lg);font-size:clamp(2rem,5vw,3.5rem)}.epilogue-text{font-family:var(--font-quote);color:var(--color-text-secondary);max-width:40ch;font-size:clamp(1.125rem,2.5vw,1.5rem);font-style:italic;line-height:1.8}.epilogue-dates{font-family:var(--font-body);letter-spacing:.3em;color:var(--color-text-muted);margin-top:var(--space-lg);font-size:.875rem}.site-footer{margin-top:var(--space-xl);padding-top:var(--space-lg);width:100%;font-family:var(--font-body);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);border-top:1px solid #ffffff14;font-size:.75rem}.content-unavailable{padding:var(--space-lg);font-family:var(--font-body);color:var(--color-text-secondary);text-align:center;border:1px dashed #ffffff26;border-radius:4px;font-size:.9375rem}.noise-overlay{pointer-events:none;width:100%;height:100%;z-index:var(--z-overlay);opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:fixed;top:0;left:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes pulse-glow{0%{box-shadow:0 0 #c9a96e66}70%{box-shadow:0 0 0 10px #c9a96e00}to{box-shadow:0 0 #c9a96e00}}@keyframes bounce-down{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}@property --sand-progress{syntax:"<number>";inherits:false;initial-value:0}[data-sand-erode]{--sand-progress:0}[data-sand-erode].is-eroding{opacity:calc(1 - max(0, var(--sand-progress) - .5) / .5);scale:calc(1 + var(--sand-progress) * .1)}[data-sand-erode].is-eroded{opacity:0}#sand-dissolve-filters{width:0;height:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){[data-sand-erode]{opacity:1!important;filter:none!important;scale:none!important}*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.menu-btn{width:44px;height:44px;z-index:var(--z-controls);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all var(--transition-fast);background:#1a161280;border:1px solid #ffffff1a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:relative}.menu-btn:hover{border-color:var(--color-accent)}.menu-btn span{background:var(--color-text-primary);width:20px;height:2px;transition:all var(--transition-normal);transform-origin:50%;display:block}.menu-btn:hover span{background:var(--color-accent)}.menu-btn.is-open span:first-child{transform:translateY(8px)rotate(45deg)}.menu-btn.is-open span:nth-child(2){opacity:0}.menu-btn.is-open span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.menu-overlay{background-color:var(--color-bg-secondary);z-index:var(--z-menu);transition:transform var(--transition-menu);visibility:hidden;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;transform:translate(100%)}.menu-overlay.is-open{visibility:visible;transform:translate(0)}.menu-overlay-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.menu-nav{width:100%;padding:var(--space-xl) var(--space-lg);justify-content:center;align-items:center;display:flex}.menu-list{text-align:center;list-style:none}.menu-item{margin:var(--space-lg) 0;overflow:hidden}.menu-link{font-family:var(--font-title);color:var(--color-text-primary);transition:transform var(--transition-normal);opacity:0;font-size:clamp(2rem,5vw,4rem);text-decoration:none;display:inline-block;position:relative;transform:translateY(100%)}.menu-overlay.is-open .menu-link{opacity:1;transform:translateY(0)}.menu-link:after{content:"";background-color:var(--color-accent);width:0;height:2px;transition:width var(--transition-normal);position:absolute;bottom:0;left:0}.menu-link:hover:after{width:100%}.menu-overlay.is-open .menu-item:first-child .menu-link{transition-delay:.1s}.menu-overlay.is-open .menu-item:nth-child(2) .menu-link{transition-delay:.2s}.menu-overlay.is-open .menu-item:nth-child(3) .menu-link{transition-delay:.3s}.menu-overlay.is-open .menu-item:nth-child(4) .menu-link{transition-delay:.4s}.menu-panel{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:calc(var(--space-xl) + var(--space-lg)) var(--space-lg) var(--space-xl);display:none;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden auto}.menu-panel.active{display:block}.panel-back{align-items:center;gap:var(--space-sm);font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-secondary);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-lg);transition:color var(--transition-fast), border-color var(--transition-fast);background:#1a161266;border:1px solid #ffffff26;border-radius:4px;min-height:44px;font-size:.875rem;display:inline-flex}.panel-back:hover{color:var(--color-accent);border-color:var(--color-accent)}.panel-back:focus-visible{color:var(--color-accent);border-color:var(--color-accent)}.panel-back-arrow{font-size:1rem;line-height:1}.panel-body{max-width:var(--max-width-content);flex-direction:column;align-items:flex-start;margin:0 auto;display:flex}.panel-body>*{width:100%}.panel-body>.panel-back{width:auto}.panel-title{color:var(--color-accent);margin-bottom:var(--space-sm);font-size:clamp(1.75rem,4vw,3rem)}.panel-subtitle{font-family:var(--font-body);letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-lg);font-size:.875rem}.panel-content{color:var(--color-text-secondary);max-width:65ch;font-size:1.0625rem;line-height:1.9}.panel-content p+p{margin-top:var(--space-md)}@media (max-width:768px){.menu-panel{padding:calc(var(--space-xl) + var(--space-md)) var(--space-md) var(--space-xl)}.menu-item{margin:var(--space-md) 0}}