@import "https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@300;400;500;600&family=Outfit:wght@300;400;500&display=swap";:root{--color-bg:#fdfaf6;--color-surface-soft:#f4eee8;--color-surface-hover:#eae1d8;--color-text-main:#2b2a29;--color-text-muted:#6b6661;--color-accent:#6f8069;--color-border:#dfd7cf;--font-serif:"Noto Serif TC", serif;--font-sans:"Outfit", sans-serif;--space-unit:8px;--space-1:calc(var(--space-unit) * 1);--space-2:calc(var(--space-unit) * 2);--space-4:calc(var(--space-unit) * 4);--space-8:calc(var(--space-unit) * 8);--space-16:calc(var(--space-unit) * 16);--space-24:calc(var(--space-unit) * 24);--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--transition-smooth:all .6s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .3s ease}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-serif);background-color:var(--color-bg);color:var(--color-text-main);scroll-behavior:smooth;line-height:1.6}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(var(--color-surface-hover) 1px, transparent 1px), radial-gradient(var(--color-surface-hover) 1px, transparent 1px);background-position:0 0,11px 11px;background-size:22px 22px;overflow-x:hidden}h1,h2,h3,h4,h5,h6{letter-spacing:.02em;font-weight:400;line-height:1.2}h1{letter-spacing:.05em;word-break:keep-all;font-size:2rem;line-height:1.3}@media (width>=768px){h1{font-size:4.5rem}}h2{font-size:2.25rem}h3{font-size:1.5rem}p{color:var(--color-text-muted);max-width:100%;font-size:1.05rem;font-weight:300}@media (width>=768px){p{max-width:65ch}}a{color:inherit;transition:var(--transition-fast);text-decoration:none}ul{list-style:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1400px;padding:0 var(--space-4);margin:0 auto}@media (width>=768px){.container{padding:0 var(--space-8)}}.grid-2{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (width>=768px){.grid-2{grid-template-columns:1fr 1fr}}.grid-3{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (width>=768px){.grid-3{gap:var(--space-16);grid-template-columns:repeat(3,1fr)}}.btn{padding:var(--space-2) var(--space-4);font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:var(--transition-smooth);border:1px solid var(--color-border);color:var(--color-text-main);background:0 0;border-radius:999px;justify-content:center;align-items:center;font-size:.85rem;display:inline-flex}.btn:hover{border-color:var(--color-text-main);background:var(--color-text-main);color:var(--color-bg);transform:translateY(-2px)}.btn-primary{background:var(--color-text-main);color:var(--color-bg);border-color:var(--color-text-main)}.btn-primary:hover{background:var(--color-accent);border-color:var(--color-accent)}.section-padding{padding:var(--space-8) 0}@media (width>=768px){.section-padding{padding:var(--space-16) 0}}@media (width>=1200px){.section-padding{padding:var(--space-24) 0}}.badge{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.1em;background:var(--color-surface-soft);color:var(--color-text-muted);margin-bottom:var(--space-4);border-radius:999px;padding:4px 12px;font-size:.75rem;display:inline-block}.text-center{text-align:center}.text-center p{margin-left:auto;margin-right:auto}.text-serif{font-family:var(--font-serif)}.text-sans{font-family:var(--font-sans)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-8{margin-bottom:var(--space-8)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:var(--space-4)}.gap-8{gap:var(--space-8)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.grid-hero{align-items:center;gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (width>=768px){.grid-hero{gap:var(--space-16);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.grid-about{align-items:center;gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (width>=768px){.grid-about{gap:var(--space-16);grid-template-columns:minmax(0,5fr) minmax(0,6fr)}}.desktop-nav{gap:var(--space-8);display:none}@media (width>=768px){.desktop-nav{display:flex}}.mobile-nav-toggle{cursor:pointer;color:var(--color-text-main);z-index:60;background:0 0;border:none;display:block}@media (width>=768px){.mobile-nav-toggle{display:none}}.lace-frame{background:var(--color-bg);border:1px solid var(--color-border);padding:12px;position:relative;box-shadow:0 4px 24px -10px #0000000d}.lace-frame:before{content:"";border:1px dashed var(--color-border);pointer-events:none;z-index:10;position:absolute;inset:4px}@media (width<=767px){.grid-hero{width:100%;padding-top:var(--space-8)!important;min-height:auto!important}.container{padding:0 var(--space-4);width:100%}.floral-divider{margin:var(--space-8) 0!important}.lace-frame{padding:8px}.lace-frame:before{inset:3px}}