:root{--color-warm-yellow: #F3D082;--color-warm-peach: #EFCA9E;--color-olive-light: #CDCD74;--color-olive-dark: #8A8B47;--color-slate-blue: #8B9DA8;--color-dream-purple: #6469A8;--color-delft-blue: #34425C;--color-flame: #D7685A;--color-flame-hover: #C05245;--color-flame-glow: rgba(215, 104, 90, .4);--color-kobicha: #604826;--color-dim-gray: #645F73;--color-bg-base: #FAF6EF;--color-bg-card: #FFFFFF;--color-bg-card-warm: #FFF9ED;--color-border-subtle: rgba(96, 72, 38, .12);--color-border-focus: rgba(215, 104, 90, .5);--gradient-stage-1: linear-gradient(180deg, #FDF7EC 0%, #F3D082 100%);--gradient-stage-2: linear-gradient(180deg, #34425C 0%, #1F2837 100%);--gradient-stage-3: linear-gradient(180deg, #5B619C 0%, #767BB7 100%);--gradient-stage-4: linear-gradient(135deg, #F6D5A8 0%, #E69D8F 45%, #9E91B8 100%);--gradient-sunset: linear-gradient(180deg, #EFCA9E 0%, #D7685A 50%, #34425C 100%);--stage-gan-bo-bg: var(--color-warm-yellow);--stage-gan-bo-text: var(--color-kobicha);--stage-bien-co-bg: var(--color-delft-blue);--stage-bien-co-text: #FAF6EF;--stage-giac-mo-bg: var(--color-dream-purple);--stage-giac-mo-text: #FFFFFF;--stage-chua-lanh-bg: var(--gradient-stage-4);--stage-chua-lanh-text: var(--color-kobicha);--font-family-heading: "Quicksand", "Nunito", system-ui, -apple-system, sans-serif;--font-family-body: "Nunito", "Be Vietnam Pro", system-ui, -apple-system, sans-serif;--font-family-mono: "SF Mono", Consolas, Monaco, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--line-height-tight: 1.2;--line-height-snug: 1.35;--line-height-normal: 1.5;--line-height-relaxed: 1.68;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-2xl: 36px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(96, 72, 38, .06);--shadow-md: 0 8px 24px rgba(96, 72, 38, .08);--shadow-lg: 0 16px 40px rgba(96, 72, 38, .12);--shadow-flame: 0 8px 24px rgba(215, 104, 90, .35);--container-max-width: 1200px;--container-narrow: 880px;--container-padding: 1.5rem;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .45s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .65s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;scroll-padding-top:5rem;-webkit-text-size-adjust:100%}body{font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-kobicha);background-color:var(--color-bg-base);min-height:100vh;overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.skip-link{position:absolute;top:-100px;left:1rem;background:var(--color-delft-blue);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);z-index:9999;text-decoration:none;font-weight:var(--font-weight-bold);transition:top var(--transition-fast)}.skip-link:focus{top:1rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);color:var(--color-kobicha);line-height:var(--line-height-snug);font-weight:var(--font-weight-bold)}h1{font-size:clamp(2.25rem,5vw,3.75rem)}h2{font-size:clamp(1.75rem,4vw,2.75rem)}h3{font-size:clamp(1.35rem,3vw,1.85rem)}h4{font-size:var(--font-size-xl)}p{margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}img,svg,video{display:block;max-width:100%;height:auto}ul,ol{list-style:none}button,input,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}button{cursor:pointer}.container{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.container-narrow{width:100%;max-width:var(--container-narrow);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.section{padding-top:var(--space-20);padding-bottom:var(--space-20);position:relative}@media (max-width: 768px){.section{padding-top:var(--space-12);padding-bottom:var(--space-12)}.section-header{margin-bottom:var(--space-8)}}@media (max-width: 576px){.container{padding-left:var(--space-4);padding-right:var(--space-4)}.section{padding-top:var(--space-10);padding-bottom:var(--space-10)}}.section-header{text-align:center;max-width:680px;margin:0 auto var(--space-12) auto}.section-tag{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-flame);background:#d7685a1a;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-3)}.section-title{margin-bottom:var(--space-4)}.section-description{font-size:var(--font-size-lg);color:var(--color-dim-gray);line-height:var(--line-height-relaxed)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-base);padding:.85rem 1.8rem;border-radius:var(--radius-full);text-decoration:none;cursor:pointer;transition:all var(--transition-normal);border:2px solid transparent;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn-primary{background-color:var(--color-flame);color:#fff;box-shadow:var(--shadow-flame)}.btn-primary:hover{background-color:var(--color-flame-hover);transform:translateY(-2px);box-shadow:0 10px 28px #d7685a73}.btn-secondary{background-color:#fff;color:var(--color-kobicha);border:2px solid var(--color-border-subtle);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--color-bg-card-warm);border-color:var(--color-warm-peach);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-ghost{background-color:transparent;color:var(--color-kobicha)}.btn-ghost:hover{background-color:#60482614}.btn-sm{font-size:var(--font-size-sm);padding:.55rem 1.25rem}.btn-lg{font-size:var(--font-size-lg);padding:1.05rem 2.4rem}.card{background-color:var(--color-bg-card);border-radius:var(--radius-xl);padding:var(--space-8);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-interactive:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:#d7685a40}.badge{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:.35rem .95rem;border-radius:var(--radius-full);background-color:var(--color-warm-yellow);color:var(--color-kobicha);letter-spacing:.03em}.badge-outline{background:transparent;border:1px solid currentColor}.form-group{margin-bottom:var(--space-5);text-align:left}.form-label{display:block;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);margin-bottom:var(--space-2);color:var(--color-kobicha)}.form-input,.form-textarea,.form-select{width:100%;padding:.85rem 1.2rem;border-radius:var(--radius-md);border:1.5px solid var(--color-border-subtle);background:#fff;color:var(--color-kobicha);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);font-size:var(--font-size-base)}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-flame);box-shadow:0 0 0 4px #d7685a26}.form-textarea{min-height:120px;resize:vertical}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#1e283cd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-6);opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.modal-overlay.is-active{opacity:1;visibility:visible}.modal-container{width:100%;max-width:920px;background:#111;border-radius:var(--radius-2xl);overflow:hidden;position:relative;box-shadow:0 24px 60px #00000080;border:1px solid rgba(255,255,255,.15)}.modal-close-btn{position:absolute;top:1.2rem;right:1.2rem;background:#ffffff40;color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;z-index:10;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast)}.modal-close-btn:hover{background:var(--color-flame);transform:rotate(90deg)}.video-modal-container{display:flex;flex-direction:column;background:#18191d}.video-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:#22242b;border-bottom:1px solid rgba(255,255,255,.08)}.video-modal-title{color:#fff;font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--space-2)}.video-modal-header .modal-close-btn{position:static;width:34px;height:34px;font-size:1.1rem}.video-modal-footer{padding:var(--space-4) var(--space-6);background:#22242b;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.video-modal-hint{color:#fffc;font-size:var(--font-size-xs);margin:0;flex:1;min-width:240px}.video-wrapper{position:relative;padding-bottom:56.25%;height:0}.video-wrapper iframe,.video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%}.lightbox-content{max-width:90vw;max-height:85vh;display:flex;flex-direction:column;align-items:center}.lightbox-content img{max-width:100%;max-height:75vh;object-fit:contain;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.lightbox-caption{color:#fff;margin-top:var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);text-align:center}.comparison-slider-container{position:relative;width:100%;max-width:900px;margin:0 auto;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-lg);border:4px solid #FFFFFF;aspect-ratio:16/9;-webkit-user-select:none;user-select:none}.comparison-image-before,.comparison-image-after{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.comparison-image-before img,.comparison-image-after img{width:100%;height:100%;object-fit:cover;display:block}.comparison-image-after{clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%);transition:clip-path 50ms linear}.comparison-handle{position:absolute;top:0;bottom:0;left:50%;width:4px;background-color:#fff;box-shadow:0 0 12px #0006;cursor:ew-resize;transform:translate(-50%);z-index:10}.comparison-handle-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:var(--color-flame);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;box-shadow:0 4px 14px #d7685a80;pointer-events:none}.comparison-label{position:absolute;bottom:var(--space-4);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);background:#000000a6;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:5;pointer-events:none}.comparison-label.label-before{left:var(--space-4)}.comparison-label.label-after{right:var(--space-4)}.faq-item{border-bottom:1.5px solid var(--color-border-subtle);padding:var(--space-4) 0;transition:background-color var(--transition-fast)}.faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);padding:var(--space-3) 0;color:var(--color-kobicha);cursor:pointer}.faq-answer{padding-top:var(--space-2);padding-bottom:var(--space-4);color:var(--color-dim-gray);line-height:var(--line-height-relaxed);display:none;font-size:var(--font-size-base)}.faq-item.is-open .faq-answer{display:block}.faq-icon{font-size:1.2rem;transition:transform var(--transition-normal);color:var(--color-flame)}.faq-item.is-open .faq-icon{transform:rotate(180deg)}.site-header{position:fixed;top:0;left:0;right:0;z-index:900;background-color:transparent;transition:background-color var(--transition-normal),backdrop-filter var(--transition-normal),box-shadow var(--transition-normal),padding var(--transition-normal);padding:var(--space-5) 0}.site-header.is-scrolled{background-color:#faf6eff0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 4px 20px #60482614;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-subtle)}.header-container{display:flex;align-items:center;justify-content:space-between}.header-logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;transition:transform var(--transition-fast)}.header-logo-img{height:46px;width:auto;object-fit:contain;display:block;transition:transform var(--transition-fast)}.header-logo:hover .header-logo-img{transform:scale(1.06)}.header-logo-mark{color:var(--color-flame);font-size:1.4rem;display:inline-block;transition:transform var(--transition-fast)}.header-logo:hover .header-logo-mark{transform:rotate(15deg) scale(1.1)}.header-nav{display:none}@media (min-width: 992px){.header-nav{display:flex;align-items:center;gap:var(--space-6)}}@media (max-width: 991px){.header-nav.is-open{display:flex;flex-direction:column;position:fixed;top:70px;left:0;right:0;background:#faf6ef;padding:var(--space-8) var(--space-6);box-shadow:0 16px 32px #00000026;border-bottom:2px solid var(--color-warm-yellow);gap:var(--space-4);text-align:center}}.nav-link{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--color-kobicha);position:relative;padding:var(--space-1) 0;transition:color var(--transition-fast)}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2.5px;background-color:var(--color-flame);border-radius:var(--radius-full);transition:width var(--transition-fast)}.nav-link:hover:after,.nav-link.is-active:after{width:100%}.nav-link.is-active{color:var(--color-flame)}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.menu-toggle-btn{display:flex;flex-direction:column;gap:5px;padding:var(--space-2);cursor:pointer;background:transparent;border:none}@media (min-width: 992px){.menu-toggle-btn{display:none}}.menu-toggle-bar{width:24px;height:2.5px;background-color:var(--color-kobicha);border-radius:2px;transition:transform var(--transition-fast),opacity var(--transition-fast)}.hero-section{min-height:94vh;display:flex;align-items:center;position:relative;background:var(--gradient-stage-1);padding-top:calc(var(--space-20) + 3rem);padding-bottom:var(--space-20);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr;gap:var(--space-12);align-items:center}@media (min-width: 992px){.hero-grid{grid-template-columns:1fr 1fr;gap:var(--space-8)}}@media (min-width: 1200px){.hero-grid{grid-template-columns:.9fr 1.1fr;gap:var(--space-10)}}.hero-content{display:flex;flex-direction:column;align-items:flex-start}.hero-badge{margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.hero-pv-pill{display:inline-flex;align-items:center;gap:6px;background:#d7685a1f;color:var(--color-flame);border:1px solid rgba(215,104,90,.3);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-decoration:none;transition:all var(--transition-fast)}.hero-pv-pill:hover{background:var(--color-flame);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #d7685a59}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--color-flame);box-shadow:0 0 #d7685a66;animation:pulseDot 1.8s infinite}.hero-pv-pill:hover .pulse-dot{background:#fff}@keyframes pulseDot{0%{transform:scale(.95);box-shadow:0 0 #d7685ab3}70%{transform:scale(1);box-shadow:0 0 0 7px #d7685a00}to{transform:scale(.95);box-shadow:0 0 #d7685a00}}.hero-title{font-size:clamp(3rem,7vw,5.2rem);font-weight:var(--font-weight-black);line-height:1.05;color:var(--color-kobicha);margin-bottom:var(--space-4);letter-spacing:-.02em}.hero-title .title-accent{color:var(--color-flame);position:relative}.hero-tagline{font-size:clamp(1.2rem,2.5vw,1.65rem);font-weight:var(--font-weight-semibold);color:var(--color-kobicha);line-height:var(--line-height-snug);margin-bottom:var(--space-5);font-style:italic;max-width:600px}.hero-meta{font-size:var(--font-size-base);color:var(--color-dim-gray);margin-bottom:var(--space-8);display:flex;flex-direction:column;gap:4px}.hero-cta-group{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}.hero-visual{position:relative;display:flex;flex-direction:column;align-items:center}.hero-poster-tabs{display:flex;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px;border-radius:var(--radius-full);margin-bottom:var(--space-4);border:1px solid rgba(96,72,38,.15);box-shadow:var(--shadow-sm);z-index:5}.hero-poster-tab{padding:6px 14px;border-radius:var(--radius-full);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-xs);color:var(--color-kobicha);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast)}.hero-poster-tab:hover{color:var(--color-flame)}.hero-poster-tab.is-active{background:var(--color-flame);color:#fff;box-shadow:0 4px 12px #d7685a59}.hero-poster-frame{position:relative;width:100%;max-width:680px;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 20px 50px #6048262e;border:10px solid #FFFFFF;background:#fffdf9;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;transition:all .35s ease}.hero-poster-frame.is-portrait{max-width:440px;aspect-ratio:744 / 1053}.hero-poster-frame.is-landscape{max-width:680px;aspect-ratio:16 / 9}.hero-poster-frame img{width:100%;height:100%;object-fit:contain;display:block;transition:opacity var(--transition-normal)}.hero-poster-frame:hover{transform:translateY(-6px) rotate(.5deg);box-shadow:0 28px 60px #60482638}.hero-poster-zoom-hint{position:absolute;bottom:var(--space-3);right:var(--space-3);background:#2c1a11bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:var(--font-size-xs);padding:4px 12px;border-radius:var(--radius-full);opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.hero-poster-frame:hover .hero-poster-zoom-hint{opacity:1}.hero-paw-trail{position:absolute;bottom:var(--space-4);left:0;right:0;display:flex;justify-content:center;gap:var(--space-8);opacity:.3;pointer-events:none;font-size:1.4rem;color:var(--color-kobicha)}@media (max-width: 991px){.hero-section{min-height:auto;padding-top:calc(var(--space-16) + 2rem);padding-bottom:var(--space-12)}.hero-grid{gap:var(--space-8)}.hero-title{font-size:clamp(2.4rem,8vw,4rem)}.hero-poster-frame{max-width:100%}.hero-poster-frame.is-portrait{max-width:360px}.hero-poster-frame.is-landscape{max-width:100%}}@media (max-width: 576px){.hero-section{padding-top:calc(var(--space-12) + 2.5rem);padding-bottom:var(--space-8)}.hero-cta-group{width:100%;flex-direction:column;gap:var(--space-3)}.hero-cta-group .btn{width:100%;justify-content:center}.hero-poster-tabs{width:100%;justify-content:space-around;gap:2px;padding:3px}.hero-poster-tab{padding:6px 12px;font-size:.82rem}.hero-poster-frame{border-width:6px;border-radius:var(--radius-xl)}}.intro-section{background-color:var(--color-bg-base)}.intro-grid{display:grid;grid-template-columns:1fr;gap:var(--space-12);align-items:center}@media (min-width: 992px){.intro-grid{grid-template-columns:1.15fr .85fr}}.intro-logline{font-size:clamp(1.15rem,2vw,1.35rem);font-weight:var(--font-weight-medium);color:var(--color-kobicha);line-height:var(--line-height-relaxed);margin-bottom:var(--space-8);border-left:4px solid var(--color-warm-yellow);padding-left:var(--space-5)}.intro-specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.spec-card{background:#fff;padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.spec-card:hover{transform:translateY(-2px);border-color:var(--color-warm-peach)}.spec-label{font-size:var(--font-size-xs);text-transform:uppercase;color:var(--color-dim-gray);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1);letter-spacing:.05em}.spec-value{font-weight:var(--font-weight-bold);color:var(--color-kobicha);font-size:var(--font-size-base)}.intro-notice{font-size:var(--font-size-sm);color:var(--color-dim-gray);background:#8b9da81f;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-3);line-height:var(--line-height-normal)}.intro-media-card{position:relative;background:#fff;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 16px 40px #6048261f;border:8px solid #FFFFFF;max-width:440px;margin:0 auto;transition:transform var(--transition-normal),box-shadow var(--transition-normal);display:block}.intro-media-card:hover{transform:translateY(-4px);box-shadow:0 24px 50px #6048262e}.intro-media-card img{width:100%;height:auto;display:block;object-fit:contain;border-radius:calc(var(--radius-2xl) - 8px)}.intro-media-badge{position:absolute;bottom:var(--space-4);left:var(--space-4);background:#2c1a11d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:6px 14px;border-radius:var(--radius-full);pointer-events:none;box-shadow:0 4px 12px #0003;z-index:2}.intro-pv-banner{margin-top:var(--space-6);background:#fff;border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);box-shadow:var(--shadow-sm);flex-wrap:wrap}.intro-pv-banner-content{flex:1;min-width:220px}.intro-pv-badge{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-flame);background:#d7685a1a;padding:2px 10px;border-radius:var(--radius-full);margin-bottom:4px}.intro-pv-banner-content p{font-size:var(--font-size-xs);color:var(--color-dim-gray);margin:0;line-height:var(--line-height-normal)}@media (max-width: 576px){.intro-specs-grid{grid-template-columns:1fr;gap:var(--space-3)}.intro-pv-banner{flex-direction:column;align-items:flex-start}.intro-pv-banner .btn{width:100%;justify-content:center}.intro-media-card{border-width:6px;border-radius:var(--radius-xl)}}.journey-section{position:relative;transition:background-color var(--transition-smooth),color var(--transition-smooth)}.journey-nav{display:flex;justify-content:center;align-items:center;gap:var(--space-3);margin-bottom:var(--space-12);flex-wrap:wrap}.journey-nav-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);background:#fff;color:var(--color-kobicha);border:1.5px solid var(--color-border-subtle);cursor:pointer;transition:all var(--transition-fast)}.journey-nav-btn:hover{transform:translateY(-2px);border-color:var(--color-flame)}.journey-nav-btn.is-active{background:var(--color-flame);color:#fff;border-color:var(--color-flame);box-shadow:0 4px 14px #d7685a66}.journey-stages{display:flex;flex-direction:column;gap:var(--space-12)}.stage-card{border-radius:var(--radius-2xl);padding:var(--space-10) var(--space-8);transition:all var(--transition-slow);position:relative;overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--color-border-subtle)}.stage-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);align-items:center}@media (min-width: 992px){.stage-grid{grid-template-columns:1.2fr .8fr}}.stage-card[data-stage="1"]{background:linear-gradient(145deg,#fffdf8,#fce6ab);color:var(--color-kobicha);border-color:#efca9e}.stage-card[data-stage="2"]{background:linear-gradient(145deg,#34425c,#1e2738);color:#faf6ef;border-color:#4a5b79}.stage-card[data-stage="2"] .stage-title,.stage-card[data-stage="2"] .stage-quote{color:#fff}.stage-card[data-stage="2"] .stage-number{background:#f3d08233;color:var(--color-warm-yellow)}.stage-card[data-stage="3"]{background:linear-gradient(145deg,#6469a8,#464a80);color:#fff;border-color:#7e83bf}.stage-card[data-stage="3"] .stage-title,.stage-card[data-stage="3"] .stage-quote{color:#fff}.stage-card[data-stage="3"] .stage-number{background:#fff3;color:#fff}.stage-card[data-stage="4"]{background:var(--gradient-stage-4);color:var(--color-kobicha);border-color:#e69d8f}.stage-card[data-stage="4"] .stage-number{background:#d7685a26;color:var(--color-flame)}.stage-number{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-family-heading);font-size:var(--font-size-xs);font-weight:var(--font-weight-black);letter-spacing:.08em;text-transform:uppercase;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-3);background:#6048261a;width:fit-content}.stage-title{font-size:clamp(1.6rem,3.5vw,2.4rem);margin-bottom:var(--space-3)}.stage-quote{font-size:clamp(1.1rem,2vw,1.35rem);line-height:var(--line-height-snug);font-style:italic;font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--color-flame)}.stage-desc{font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.stage-visual{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);border:4px solid rgba(255,255,255,.35);background:#fff}.stage-visual img{width:100%;aspect-ratio:16/10;object-fit:cover}.characters-section{background-color:var(--color-bg-base)}.characters-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);align-items:stretch}@media (min-width: 992px){.characters-grid{grid-template-columns:1.1fr .9fr}}.character-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.character-card:hover{box-shadow:var(--shadow-md)}.age-toggle-bar{display:flex;background:var(--color-bg-base);border-radius:var(--radius-full);padding:5px;margin-bottom:var(--space-6);max-width:340px;border:1px solid var(--color-border-subtle)}.age-btn{flex:1;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);text-align:center;transition:all var(--transition-fast);cursor:pointer;color:var(--color-kobicha)}.age-btn.is-active{background-color:var(--color-flame);color:#fff;box-shadow:0 4px 12px #d7685a59}.character-view-container{position:relative;border-radius:var(--radius-2xl);overflow:hidden;margin-bottom:var(--space-6);border:2px solid rgba(96,72,38,.16);background:#fff;box-shadow:0 12px 32px #60482614;aspect-ratio:16/11;display:flex;align-items:center;justify-content:center;padding:var(--space-2);transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal);cursor:pointer}.character-view-container:hover{transform:translateY(-4px);border-color:var(--color-flame);box-shadow:0 16px 40px #60482624}.character-artwork{width:100%;height:100%;object-fit:contain;transition:opacity var(--transition-normal),transform var(--transition-normal);display:block}.character-view-container:hover .character-artwork{transform:scale(1.02)}.character-sheet-btn{position:absolute;bottom:var(--space-3);right:var(--space-3);background:#2c1a11d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border:1px solid rgba(255,255,255,.25);padding:6px 14px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-fast);z-index:5}.character-sheet-btn:hover{background:var(--color-flame);transform:translateY(-2px);box-shadow:0 4px 12px #d7685a66}.character-details{margin-top:auto}.character-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2);color:var(--color-kobicha)}.character-subtitle{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-flame);margin-bottom:var(--space-3)}.character-desc{font-size:var(--font-size-base);color:var(--color-dim-gray);line-height:var(--line-height-relaxed);margin-bottom:var(--space-5)}.character-palette{display:flex;gap:var(--space-3);align-items:center;padding-top:var(--space-4);border-top:1px dashed var(--color-border-subtle);flex-wrap:wrap}.palette-swatches-group{display:flex;gap:8px;align-items:center}.palette-swatch{width:26px;height:26px;border-radius:50%;border:2px solid #FFFFFF;box-shadow:0 2px 6px #00000026;cursor:pointer;transition:transform var(--transition-fast)}.palette-swatch:hover{transform:scale(1.2)}.visual-world-section{background-color:var(--color-bg-card-warm)}.color-script-ribbon{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-6);border:1px solid var(--color-border-subtle);margin-bottom:var(--space-12);box-shadow:var(--shadow-sm)}.color-script-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.color-script-zoom-tag{font-size:var(--font-size-xs);color:var(--color-flame);background:#d7685a1a;padding:4px 10px;border-radius:var(--radius-full)}.color-script-image-wrap{width:100%;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-4);border:1px solid var(--color-border-subtle);background:#fffdf9}.color-script-image-wrap img{width:100%;height:auto;display:block;object-fit:cover;transition:transform var(--transition-normal)}.color-script-ribbon:hover .color-script-image-wrap img{transform:scale(1.02)}.color-script-bar{display:flex;height:48px;border-radius:var(--radius-md);overflow:hidden;box-shadow:inset 0 2px 6px #0000001a}.color-script-segment{flex:1;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;padding:0 var(--space-2)}.visual-filter-bar{display:flex;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-10);flex-wrap:wrap}.filter-btn{padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);background:#fff;border:1.5px solid var(--color-border-subtle);color:var(--color-kobicha);cursor:pointer;transition:all var(--transition-fast)}.filter-btn.is-active,.filter-btn:hover{background-color:var(--color-flame);color:#fff;border-color:var(--color-flame);box-shadow:0 4px 12px #d7685a59}.scenery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.scenery-item{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);background:#fff;border:1px solid var(--color-border-subtle);transition:transform var(--transition-normal),box-shadow var(--transition-normal);cursor:pointer}.scenery-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.scenery-thumb{aspect-ratio:16/9;overflow:hidden;position:relative}.scenery-thumb img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.scenery-item:hover .scenery-thumb img{transform:scale(1.04)}.scenery-caption{padding:var(--space-4) var(--space-5)}.scenery-name{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.scenery-lighting{font-size:var(--font-size-xs);color:var(--color-dim-gray);font-style:italic}.bts-section{background-color:var(--color-bg-base)}.timeline-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-6);margin-bottom:var(--space-12)}.timeline-card{background:#fff;border-radius:var(--radius-xl);padding:var(--space-8);border:1px solid var(--color-border-subtle);position:relative;box-shadow:var(--shadow-sm);transition:transform var(--transition-normal)}.timeline-card:hover{transform:translateY(-4px)}.timeline-step-badge{display:inline-block;background:var(--color-warm-yellow);color:var(--color-kobicha);font-family:var(--font-family-heading);font-weight:var(--font-weight-black);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-xs);margin-bottom:var(--space-4);letter-spacing:.05em}.timeline-card h3{font-size:var(--font-size-xl);margin-bottom:var(--space-3)}.timeline-card p{font-size:var(--font-size-sm);color:var(--color-dim-gray);line-height:var(--line-height-relaxed)}.bts-interactive-block{text-align:center}.bts-interactive-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-2)}.bts-interactive-hint{font-size:var(--font-size-sm);color:var(--color-dim-gray);margin-bottom:var(--space-8)}.bts-storyboards-block{margin-top:var(--space-16);text-align:center}.storyboards-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);max-width:900px;margin:0 auto}@media (min-width: 768px){.storyboards-grid{grid-template-columns:1fr 1fr}}.storyboard-sheet-card{position:relative;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border-subtle);background:#fff;box-shadow:var(--shadow-sm);aspect-ratio:4/5;cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.storyboard-sheet-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-normal)}.storyboard-sheet-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#2c1a1199;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);opacity:0;transition:opacity var(--transition-fast)}.storyboard-sheet-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.storyboard-sheet-card:hover img{transform:scale(1.05)}.storyboard-sheet-card:hover .storyboard-sheet-overlay{opacity:1}.message-section{background-color:var(--color-delft-blue);color:#fff}.message-section .section-title{color:#fff}.message-section .section-description{color:var(--color-slate-blue)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--space-6);margin-bottom:var(--space-16)}.stat-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);padding:var(--space-8) var(--space-6);border-radius:var(--radius-xl);text-align:center;transition:transform var(--transition-normal),background-color var(--transition-normal)}.stat-card:hover{transform:translateY(-4px);background:#ffffff17}.stat-number{font-size:clamp(2.4rem,4.5vw,3.4rem);font-weight:var(--font-weight-black);color:var(--color-warm-yellow);line-height:1.05;margin-bottom:var(--space-2);font-family:var(--font-family-heading)}.stat-label{font-size:var(--font-size-base);color:#faf6ef;line-height:var(--line-height-snug);margin-bottom:var(--space-3);font-weight:var(--font-weight-medium)}.stat-source{font-size:var(--font-size-xs);color:var(--color-slate-blue);border-top:1px dashed rgba(255,255,255,.1);padding-top:var(--space-2)}.actions-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.action-card{background:#ffffff0f;border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);border-left:4px solid var(--color-flame);transition:transform var(--transition-normal),background-color var(--transition-normal)}.action-card:hover{transform:translateY(-4px);background:#ffffff17}.action-number{font-size:var(--font-size-3xl);font-weight:var(--font-weight-black);color:var(--color-flame);margin-bottom:var(--space-2);font-family:var(--font-family-heading)}.action-card h4{color:#fff;font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.action-card p{color:#faf6ef;opacity:.85;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.merch-section{background-color:var(--color-bg-base)}.merch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-6)}.merch-card{background:#fff;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border-subtle);transition:transform var(--transition-normal),box-shadow var(--transition-normal);display:flex;flex-direction:column}.merch-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.merch-thumb{aspect-ratio:1/1;background:var(--color-bg-card-warm);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.merch-icon{font-size:3.5rem;transition:transform var(--transition-normal)}.merch-card:hover .merch-icon{transform:scale(1.15) rotate(5deg)}.merch-info{padding:var(--space-5);display:flex;flex-direction:column;flex-grow:1}.merch-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.merch-spec{font-size:var(--font-size-xs);color:var(--color-dim-gray);margin-bottom:var(--space-3)}.merch-badge{font-size:var(--font-size-xs);color:var(--color-flame);font-weight:var(--font-weight-bold);background:#d7685a14;padding:2px 10px;border-radius:var(--radius-full);width:fit-content;margin-top:auto}.merch-card{cursor:pointer}.merch-thumb-contain{background:#fffdf9;padding:var(--space-4)}.merch-img{width:100%;height:100%;display:block;transition:transform var(--transition-normal)}.merch-img-contain{object-fit:contain}.merch-img-cover{object-fit:cover}.merch-card:hover .merch-img{transform:scale(1.06)}.merch-real-showcase{margin-top:var(--space-16);padding-top:var(--space-12);border-top:1px solid var(--color-border-subtle)}.merch-showcase-title{text-align:center;font-size:var(--font-size-2xl);margin-bottom:var(--space-8);color:var(--color-kobicha)}.merch-real-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width: 768px){.merch-real-grid{grid-template-columns:repeat(3,1fr)}}.real-photo-card{position:relative;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border-subtle);background:#fff;aspect-ratio:1/1;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.real-photo-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-normal)}.real-photo-tag{position:absolute;bottom:var(--space-3);left:var(--space-3);background:#2c1a11bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:var(--font-size-xs);padding:4px 12px;border-radius:var(--radius-full)}.real-photo-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.real-photo-card:hover img{transform:scale(1.05)}.gallery-section{background-color:var(--color-bg-card-warm)}.gallery-tabs{display:flex;justify-content:center;gap:var(--space-3);margin-bottom:var(--space-10);flex-wrap:wrap}.gallery-tab-btn{padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);background:#fff;border:1.5px solid var(--color-border-subtle);color:var(--color-kobicha);cursor:pointer;transition:all var(--transition-fast)}.gallery-tab-btn.is-active,.gallery-tab-btn:hover{background-color:var(--color-flame);color:#fff;border-color:var(--color-flame);box-shadow:0 4px 12px #d7685a59}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}.gallery-item{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;border:1px solid var(--color-border-subtle);aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;background:#fffdf9;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.gallery-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-md)}.gallery-item img{width:100%;height:100%;object-fit:contain;transition:transform var(--transition-slow)}.gallery-item:hover img{transform:scale(1.04)}.gallery-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#34425cd9,#34425c00 60%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-5);opacity:0;transition:opacity var(--transition-fast)}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-item-title{color:#fff;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:2px}.gallery-item-category{color:var(--color-warm-yellow);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em}.credits-section{background-color:var(--color-bg-base)}.credits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8);margin-bottom:var(--space-12)}.team-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);border:1px solid var(--color-border-subtle);text-align:center;box-shadow:var(--shadow-sm);transition:transform var(--transition-normal)}.team-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.team-avatar{width:90px;height:90px;border-radius:50%;margin:0 auto var(--space-4) auto;background:var(--color-warm-yellow);display:flex;align-items:center;justify-content:center;font-size:2.2rem;box-shadow:0 4px 14px #f3d08280}.team-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.team-role{font-size:var(--font-size-sm);color:var(--color-flame);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.team-meta{font-size:var(--font-size-xs);color:var(--color-dim-gray);line-height:var(--line-height-normal)}.acknowledgements-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);border:1px solid var(--color-border-subtle);text-align:center;max-width:800px;margin:0 auto}.acknowledgements-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3);color:var(--color-kobicha)}.acknowledgements-text{font-size:var(--font-size-sm);color:var(--color-dim-gray);line-height:var(--line-height-relaxed);font-style:italic}.credits-affiliation-card{margin-top:var(--space-8);background:#fff;border-radius:var(--radius-2xl);padding:var(--space-6) var(--space-8);border:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap}.affiliation-logo-wrap{flex-shrink:0}.affiliation-lhu-logo{height:60px;width:auto;object-fit:contain;display:block}.affiliation-text{flex-grow:1}.affiliation-text h4{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-kobicha);margin-bottom:2px}.affiliation-text p{font-size:var(--font-size-xs);color:var(--color-dim-gray);margin-bottom:2px}.affiliation-text .affiliation-sub{color:var(--color-flame);font-weight:var(--font-weight-medium)}.affiliation-chibi{flex-shrink:0}.affiliation-chibi img{height:72px;width:auto;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(96,72,38,.15))}.memory-section{background-color:var(--color-bg-card-warm)}.memory-layout{display:grid;grid-template-columns:1fr;gap:var(--space-10);align-items:start}@media (min-width: 992px){.memory-layout{grid-template-columns:380px 1fr}}.memory-form-card{background:#fff;border-radius:var(--radius-2xl);padding:var(--space-8);border:1px solid var(--color-border-subtle);box-shadow:var(--shadow-sm);position:sticky;top:6rem}.memory-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.memory-card{background:#fffdf9;border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--color-border-subtle);position:relative;box-shadow:var(--shadow-sm);transition:transform var(--transition-normal),box-shadow var(--transition-normal);display:flex;flex-direction:column}.memory-card:hover{transform:translateY(-4px) rotate(-.5deg);box-shadow:var(--shadow-md)}.memory-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.memory-paw-mark{color:var(--color-warm-yellow);font-size:1.5rem}.memory-date{font-size:var(--font-size-xs);color:var(--color-dim-gray);opacity:.8}.memory-message{font-size:var(--font-size-base);color:var(--color-kobicha);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);font-style:italic;flex-grow:1}.memory-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-3);border-top:1px dashed var(--color-border-subtle)}.memory-author{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-kobicha)}.memory-author small{display:block;font-weight:400;color:var(--color-dim-gray);font-size:var(--font-size-xs)}.memory-heart-btn{display:inline-flex;align-items:center;gap:4px;background:#d7685a14;border:1px solid rgba(215,104,90,.2);color:var(--color-flame);padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.memory-heart-btn:hover{background:var(--color-flame);color:#fff}.faq-section{background-color:var(--color-bg-base)}.faq-container{max-width:760px;margin:0 auto}.final-cta-section{background:var(--gradient-sunset);color:#fff;text-align:center;padding:var(--space-24) 0 var(--space-20) 0;position:relative;overflow:hidden}.final-cta-title{color:#fff;font-size:clamp(2.2rem,5vw,3.5rem);margin-bottom:var(--space-4);line-height:var(--line-height-tight)}.final-cta-subtitle{font-size:clamp(1.1rem,2vw,1.35rem);color:#ffffffeb;max-width:680px;margin:0 auto var(--space-8) auto;line-height:var(--line-height-relaxed)}.final-cta-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-8)}.sound-call-wrapper{display:flex;justify-content:center;align-items:center;margin-top:var(--space-6)}.sound-call-btn{display:inline-flex;align-items:center;gap:var(--space-3);background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border:1.5px solid rgba(255,255,255,.4);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 16px #00000026}.sound-call-btn:hover{background:#ffffff59;transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.sound-wave-icon{display:inline-flex;align-items:center;gap:3px;height:16px}.sound-bar{width:3px;height:100%;background:#fff;border-radius:2px}.sound-call-btn.is-playing .sound-bar:nth-child(1){animation:soundPulse .5s infinite ease-in-out alternate}.sound-call-btn.is-playing .sound-bar:nth-child(2){animation:soundPulse .7s infinite ease-in-out alternate}.sound-call-btn.is-playing .sound-bar:nth-child(3){animation:soundPulse .4s infinite ease-in-out alternate}@keyframes soundPulse{0%{height:4px}to{height:16px}}.site-footer{background-color:var(--color-delft-blue);color:var(--color-slate-blue);padding:var(--space-16) 0 var(--space-8) 0;font-size:var(--font-size-sm);border-top:1px solid rgba(255,255,255,.08)}.footer-top{display:grid;grid-template-columns:1fr;gap:var(--space-10);margin-bottom:var(--space-12)}@media (min-width: 768px){.footer-top{grid-template-columns:2.2fr 1fr 1fr}}.footer-brand-title{color:#fff;font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);margin-bottom:var(--space-3);font-family:var(--font-family-heading)}.footer-brand p{color:#faf6ef;opacity:.85;line-height:var(--line-height-relaxed);max-width:440px}.footer-links-title{color:#fff;font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);font-size:var(--font-size-base)}.footer-links-list{display:flex;flex-direction:column;gap:var(--space-2)}.footer-links-list a{color:var(--color-slate-blue);transition:color var(--transition-fast)}.footer-links-list a:hover{color:#fff}.footer-brand-logo{margin-bottom:var(--space-3)}.footer-logo-img{height:54px;width:auto;object-fit:contain;display:block}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:var(--space-8);text-align:center;font-size:var(--font-size-xs);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:#fff9}.footer-bottom-lhu{margin-bottom:var(--space-2);background:#fffffff2;padding:6px 16px;border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center}.footer-lhu-img{height:38px;width:auto;object-fit:contain;display:block}