@import "https://fonts.googleapis.com/css2?family=EB+Garamond:wght@500;600&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--surface:#fef8f3;--surface-low:#f8f3ee;--surface-container:#fff;--surface-muted:#ede7e2;--text:#1d1b19;--text-muted:#4d4540;--text-soft:#7e756f;--primary:#2d2926;--primary-soft:#96908b;--line:#d9cec6;--line-strong:#cfc4bd;--accent-red:#c22d2d;--coral:#e7a391;--sky:#a7c4d8;--rose:#d8a5b6;--sage:#aab49c;--shadow:0 24px 70px #1d151214;--font-heading:"EB Garamond", Georgia, serif;--font-body:"Plus Jakarta Sans", "PingFang SC", "Microsoft YaHei", sans-serif;color:var(--text);background:var(--surface);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(180deg, #ffffff57, #fef8f300 32rem), var(--surface);min-width:320px;margin:0}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}#root{min-height:100svh}.site-header{z-index:20;background:#fef8f3f5;border-bottom:1px solid #cfc4bd57;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem;min-height:4.875rem;padding:0 4rem;display:grid;position:sticky;top:0}.brand-mark{font-family:var(--font-heading);color:var(--text);white-space:nowrap;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:600}.desktop-nav{color:var(--text-muted);gap:2.45rem;font-size:.8rem;font-weight:700;display:flex}.desktop-nav a,.text-link{position:relative}.desktop-nav a:after,.text-link:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .18s;position:absolute;bottom:-.25rem;left:0;right:0;transform:scaleX(0)}.desktop-nav a:hover:after,.text-link:hover:after{transform:scaleX(1)}.header-cta{justify-self:end}.button{letter-spacing:.1em;text-transform:uppercase;border-radius:.5rem;justify-content:center;align-items:center;min-height:2.75rem;padding:0 1.25rem;font-size:.75rem;font-weight:700;line-height:1;transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:focus-visible,.modal-close:focus-visible,summary:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.button-primary{border:1px solid var(--primary);background:var(--primary);color:#fff;box-shadow:0 16px 34px #1d15121c}.header-cta.button{border-radius:0;min-height:2.9rem;padding:0 1.65rem}.button-primary:hover{box-shadow:0 22px 40px #1d151229}.button-secondary{border:1px solid var(--primary);color:var(--primary);background:0 0}.section{width:calc(100% - 3rem);max-width:79rem;margin:0 auto;padding:7.5rem 0;scroll-margin-top:6rem}.tinted-section{background:var(--surface-low);width:100%;max-width:none;padding-left:max(1.5rem,50vw - 39.5rem);padding-right:max(1.5rem,50vw - 39.5rem)}.section-heading{text-align:center;margin-bottom:3rem}.section-heading:after{background:var(--text);content:"";width:3.2rem;height:1px;margin:1.25rem auto 0;display:block}.section-label{color:var(--text-soft);letter-spacing:.1em;text-transform:uppercase;margin-bottom:.75rem;font-size:.72rem;font-weight:700;line-height:1.2;display:inline-block}h1,h2,h3,h4,p,figure{margin:0}h1,h2{font-family:var(--font-heading);letter-spacing:0;color:var(--text);font-weight:500}h1{max-width:55rem;font-size:clamp(3.4rem,5.2vw,5.15rem);line-height:1.12}h1 span{display:block}h2{font-size:clamp(2.15rem,4.8vw,3.9rem);line-height:1.08}h3{color:var(--text);font-size:1rem;font-weight:700}p{color:var(--text-muted)}.hero-section{isolation:isolate;height:calc(100svh - 4.875rem);min-height:42rem;padding:0;display:block;position:relative;overflow:hidden}.hero-section:before{z-index:-1;content:"";background:linear-gradient(90deg,#fef8f3f0 0%,#fef8f3cc 45%,#fef8f35c 74%,#fef8f31f 100%),linear-gradient(#fef8f314,#fef8f33d);position:absolute;inset:0}.image-frame.hero-visual{z-index:-2;opacity:1;border:0;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.image-frame.hero-visual.image-placeholder{background:radial-gradient(ellipse at 76% 42%, #84978138 0 5%, transparent 13%), linear-gradient(100deg, #ffffffe0, #fef8f357 45%, #d3c1b194), repeating-linear-gradient(90deg, #ae9a8b29 0 1px, transparent 1px 1.15rem), var(--surface);place-items:end start}.image-frame.hero-visual.image-placeholder:before{background:linear-gradient(90deg,#ffffff80 0 1px,#0000 1px 1.6rem),linear-gradient(#fef8f300,#f5e8dc47)}.image-frame.hero-visual:after{content:"";background:linear-gradient(#fff9f2e6,#e8d3c4b8);border-radius:52% 48% 0 0/76% 76% 0 0;width:min(64rem,70vw);height:22rem;position:absolute;bottom:-9rem;right:15%;box-shadow:0 -30px 90px #69503f1f}.image-frame.hero-visual figcaption,.image-frame.hero-visual .placeholder-glow{display:none}.image-frame.hero-visual img{object-position:58% 50%}.hero-copy{width:min(58rem,100vw - 9rem);margin:0;position:absolute;top:28%;left:max(4.5rem,50vw - 39.5rem);transform:none}.hero-copy .section-label{color:var(--text);letter-spacing:.06em;font-size:.84rem}.hero-copy p{color:#4d4540;max-width:51rem;margin-top:2rem;font-size:1.05rem;line-height:2}.hero-actions{flex-wrap:wrap;gap:1rem;margin-top:2.5rem;display:flex}.hero-actions .button-secondary{display:none}.hero-actions .button-primary{border-radius:0;min-height:3rem;padding:0 1.75rem}.story-section{grid-template-columns:minmax(20rem,.88fr) minmax(0,1fr);align-items:center;gap:clamp(4rem,8vw,7.5rem);padding-top:8.5rem;padding-bottom:8.5rem;display:grid}.story-visual-wrap{position:relative}.portrait-frame{min-height:clamp(30rem,46vw,39rem);box-shadow:none;border:4px solid #f3e5df;border-radius:8rem 8rem .35rem .35rem}.portrait-frame img{object-position:center top}.story-copy{max-width:44rem}.story-copy h2{font-family:var(--font-body);letter-spacing:0;margin-bottom:1.15rem;font-size:clamp(2.7rem,4.2vw,4rem);font-weight:800;line-height:1.05}.story-rule{background:var(--text);width:3.75rem;height:1px;margin:1.7rem 0 2.2rem}.story-copy p+p{margin-top:1.3rem}.story-badge{background:var(--surface-container);color:var(--text);border:1px solid #cfc4bdb8;border-radius:.5rem;padding:1rem 1.25rem;font-weight:800;position:absolute;bottom:-1.5rem;right:-1.7rem;box-shadow:0 18px 45px #1d15121f}.story-feature-list{gap:1.6rem;margin-top:2rem;display:grid}.story-feature{grid-template-columns:1.65rem 1fr;gap:1.1rem;display:grid}.story-feature svg{fill:none;width:1.2rem;height:1.2rem;stroke:var(--text);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;margin-top:.2rem}.story-feature h3{font-size:1.25rem;font-weight:800}.story-feature p{margin-top:.25rem;font-size:.95rem;line-height:1.7}.story-proof-strip{grid-column:1/-1;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:-2rem;display:grid}.story-proof-card{background:var(--surface-container);border:1px solid #cfc4bdb8;border-radius:.5rem;grid-template-columns:minmax(12rem,.56fr) 1fr;display:grid;overflow:hidden}.story-proof-image{border:0;border-radius:0;min-height:21rem}.story-proof-image img{object-position:center top}.story-proof-copy{align-self:center;padding:2rem}.story-proof-copy span{color:var(--accent-red);letter-spacing:.12em;margin-bottom:.8rem;font-size:.68rem;font-weight:800;display:block}.story-proof-copy h3{font-size:1.35rem;font-weight:800}.story-proof-copy p{margin-top:.7rem;font-size:.94rem;line-height:1.75}.stat-strip{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,1fr);gap:1px;margin-top:2rem;display:grid}.stat-strip div{background:var(--surface);padding:1.1rem 1rem}.stat-strip strong{font-family:var(--font-heading);font-size:2rem;font-weight:500;line-height:1;display:block}.stat-strip span{color:var(--text-soft);margin-top:.4rem;font-size:.76rem;display:block}.proof-section{padding-top:2rem}.proof-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.proof-card{background:var(--surface-container);border:1px solid #cfc4bdb8;border-radius:.5rem;min-height:17rem;padding:2rem;box-shadow:0 18px 50px #1d15120a}.proof-card>span{color:var(--accent-red);font-family:var(--font-heading);margin-bottom:1.75rem;font-size:1.35rem;line-height:1;display:block}.proof-card h3{font-size:1.05rem}.proof-card p{color:var(--text-muted);margin-top:.85rem;font-size:.95rem;line-height:1.8}.advantage-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;width:min(100%,70rem);margin:0 auto;display:grid}.advantage-card{background:var(--surface-container);border:1px solid #c22d2d47;border-radius:.75rem;grid-template-columns:3.5rem 1fr;align-items:center;gap:1.25rem;min-height:7.35rem;padding:1.65rem 1.85rem;transition:transform .18s,box-shadow .18s;display:grid}.advantage-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.advantage-card>span,.process-card>span{color:var(--accent-red);font-family:var(--font-heading);font-size:2.2rem;font-weight:600;line-height:1}.advantage-card h3{font-size:1.15rem;font-weight:800}.advantage-card p{margin-top:.2rem;font-size:.95rem;line-height:1.55}.process-section{background:var(--surface)}.process-stack{gap:2.25rem;display:grid}.process-group{background:var(--surface-container);border-radius:.5rem;overflow:hidden;box-shadow:0 18px 50px #1d15120d}.process-titlebar{background:var(--accent-red);color:#fff;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex}.process-titlebar h3{color:#fff;font-size:1rem}.process-titlebar span{letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:700}.process-grid{background:var(--surface-low);grid-template-columns:repeat(2,1fr);gap:1rem;padding:1.25rem;display:grid}.process-card{background:var(--surface-container);border:1px solid #cfc4bda3;border-radius:.35rem;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;min-height:7.6rem;padding:1.25rem;display:grid}.process-card p{margin-top:.35rem;font-size:.84rem}.swatch-cluster{border-radius:.35rem;width:4.25rem;height:4.25rem;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff7a}.swatch-cluster span{flex:1}.case-row{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.case-card{background:var(--primary);color:#fff;border-radius:.5rem;overflow:hidden;box-shadow:0 18px 44px #1d15121c}.case-images{grid-template-columns:1fr;min-height:15rem;display:grid}.case-images .image-frame{border:0;border-radius:0;min-height:18.5rem}.case-single-image .image-frame{aspect-ratio:3/4}.case-card h3{color:#fff;padding:.9rem 1rem 1rem;font-size:.86rem}.section-intro{text-align:center;max-width:35rem;margin:-2rem auto 2rem}.gallery-grid{grid-template-columns:.75fr 1.25fr;gap:1rem;display:grid}.gallery-grid .image-frame{min-height:18rem}.gallery-wide{grid-column:1/-1;min-height:20rem}.faq-section{padding-bottom:4.75rem}.faq-list{gap:1rem;width:min(100%,64rem);margin:0 auto;display:grid}details{background:var(--surface-container);border:1px solid #cfc4bdb3;border-radius:.35rem}summary{color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 1.5rem;font-weight:700;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{color:var(--text-soft);content:"+";font-family:var(--font-heading);font-size:1.5rem;line-height:1}details[open] summary:after{content:"−"}details p{padding:0 1.5rem 1.35rem;font-size:.95rem}.contact-panel-section{background:var(--surface-low);border-bottom:1px solid var(--line);padding:0 max(1.5rem,50vw - 39.5rem) 6.5rem}.contact-panel{text-align:center;background:#fef8f3a3;border:1px solid #cfc4bdb8;border-radius:.75rem;place-items:center;gap:1.15rem;width:min(100%,64rem);min-height:8.75rem;margin:0 auto;padding:1.75rem;display:grid}.contact-panel p{color:var(--text);font-size:1rem;font-weight:500}.social-lines{color:var(--text);flex-wrap:wrap;justify-content:center;gap:1rem 2rem;font-size:.95rem;display:flex}.social-lines span,.footer-side span{align-items:center;gap:.5rem;display:inline-flex}.social-lines svg,.footer-side svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.05rem;height:1.05rem}.contact-panel-link{color:var(--text-muted);cursor:pointer;background:0 0;border:0;font-size:.95rem}.contact-panel-link:hover{color:var(--text)}.site-footer{background:var(--surface);justify-content:space-between;align-items:flex-end;gap:2rem;padding:6rem max(1.5rem,50vw - 39.5rem);display:flex}.site-footer h2{margin-bottom:1.75rem;font-size:clamp(1.85rem,3vw,2.45rem)}.site-footer p{font-size:.96rem}.footer-main p+p{margin-top:.32rem}.footer-side{color:var(--text-muted);letter-spacing:.06em;flex-direction:column;align-items:flex-end;gap:.8rem;font-size:.82rem;font-weight:700;display:flex}.text-link{color:var(--text-muted);font-size:.86rem;font-weight:700}.image-frame{background:var(--surface-muted);border:1px solid #cfc4bd9e;border-radius:.5rem;position:relative;overflow:hidden}.image-frame img{object-fit:cover;width:100%;height:100%}.image-placeholder{isolation:isolate;place-items:end start;min-height:18rem;display:grid}.image-placeholder:before{z-index:-2;content:"";background:linear-gradient(135deg,#ffffff24,#00000014),linear-gradient(90deg,#ffffff52 0 1px,#0000 1px 3.1rem);position:absolute;inset:0}.image-placeholder figcaption{color:var(--text-muted);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff75;border:1px solid #ffffff80;border-radius:999px;margin:1rem;padding:.45rem .65rem;font-size:.72rem;font-weight:700}.placeholder-glow{aspect-ratio:1;filter:blur(24px);opacity:.72;border-radius:999px;width:42%;position:absolute;transform:translate(20%,-8%)}.image-frame-warm{background:linear-gradient(135deg,#eaded3,#f8efe7 48%,#c9b19d)}.image-frame-warm .placeholder-glow{background:var(--coral)}.image-frame-cool{background:linear-gradient(135deg,#dce6e8,#f4f6f2 47%,#788c96)}.image-frame-cool .placeholder-glow{background:var(--sky)}.image-frame-deep{background:linear-gradient(135deg,#1f2420,#5a514c 45%,#11100e)}.image-frame-deep figcaption{color:#fff}.image-frame-deep .placeholder-glow{background:#d8b588}.image-frame-soft{background:linear-gradient(135deg,#eadde0,#f7f0ef 48%,#b78c9b)}.image-frame-soft .placeholder-glow{background:var(--rose)}.image-frame-light{background:linear-gradient(135deg,#e8e6de,#fff 47%,#a9b39d)}.image-frame-light .placeholder-glow{background:var(--sage)}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1d1b195c;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.booking-modal{background:var(--surface);border:1px solid #cfc4bdcc;border-radius:.75rem;width:min(100%,31rem);padding:2rem;position:relative;box-shadow:0 30px 90px #1d151238}.booking-modal h2{margin-bottom:.75rem;font-size:clamp(2rem,5vw,3rem)}.modal-close{border:1px solid var(--line);width:2.25rem;height:2.25rem;color:var(--text);background:0 0;border-radius:999px;place-items:center;font-size:1.5rem;line-height:1;display:grid;position:absolute;top:1rem;right:1rem}.qr-card{border:1px solid var(--line);background:#fff;border-radius:.5rem;place-items:center;width:11rem;height:11rem;margin:1.5rem auto;padding:.75rem;display:grid}.qr-card img{object-fit:contain;width:100%;height:100%}.qr-placeholder{background:linear-gradient(90deg, #1d1b1914 1px, transparent 1px), linear-gradient(#1d1b1914 1px, transparent 1px), var(--surface-low);width:100%;height:100%;color:var(--text-soft);background-size:1rem 1rem;border-radius:.35rem;place-items:center;display:grid}.qr-placeholder span{font-family:var(--font-heading);font-size:2.6rem;line-height:1}.qr-placeholder small{margin-top:-2.7rem;font-size:.72rem;font-weight:700}.wechat-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.wechat-line span{color:var(--text-soft);font-size:.78rem;font-weight:700}.modal-action{width:100%;margin-top:1.25rem}@media (width<=980px){.site-header{grid-template-columns:1fr auto;padding:0 1.25rem}.desktop-nav{display:none}.hero-section{height:calc(100svh - 4.875rem);min-height:44rem;padding:0}.image-frame.hero-visual{opacity:1;width:100%;height:100%}.hero-copy{width:calc(100% - 2.5rem);max-width:42rem;position:absolute;top:22%;left:1.25rem}.section{width:calc(100% - 2.5rem);max-width:42rem;padding:5.5rem 0}.tinted-section{width:100%;padding-left:1.25rem;padding-right:1.25rem}.two-column,.proof-grid,.advantage-grid,.process-grid,.case-row,.gallery-grid,.story-proof-strip,.story-proof-card{grid-template-columns:1fr}.portrait-frame{min-height:26rem}.story-section{grid-template-columns:minmax(17rem,.82fr) minmax(0,1fr);gap:2.5rem;padding-top:5.5rem;padding-bottom:5.5rem}.story-badge{bottom:-1.25rem;right:1rem}.story-proof-strip{margin-top:0}.story-proof-image{min-height:28rem}.stat-strip{grid-template-columns:1fr}.case-images,.case-images .image-frame{min-height:13rem}.gallery-wide{grid-column:auto}.site-footer{padding:3.5rem 1.25rem;display:grid}.footer-side{align-items:flex-start}}@media (width<=560px){.site-header{min-height:4rem}.brand-mark{font-size:1.12rem}.header-cta{min-height:2.35rem;padding:0 .8rem;font-size:.68rem}h1{font-size:clamp(2.6rem,12.5vw,3.75rem)}.hero-section{min-height:46rem}.hero-copy p{margin-top:1.35rem;font-size:.96rem;line-height:1.85}.hero-actions,.hero-actions .button{width:100%}.process-card{grid-template-columns:auto 1fr}.swatch-cluster{grid-column:1/-1;width:100%;height:2.6rem}.booking-modal{padding:1.5rem}.contact-panel-section{padding:0 1.25rem 4.5rem}.contact-panel{align-items:center;padding:1.5rem 1rem}.social-lines{flex-direction:column;gap:.75rem}}@media (width<=760px){.story-section{grid-template-columns:1fr}}