@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600&display=swap";.sand-morph{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden}.sand-morph canvas{display:block;width:100%;height:100%}.sand-fallback{position:absolute;right:8%;top:25%;width:30%;opacity:.35}.hero.hero-sand-mode{background:var(--bg)}.hero.hero-sand-mode:after{display:none}.hero.hero-sand-mode h1{width:62%;font-size:clamp(64px,6.7vw,118px);position:relative}.hero-sand-mode .hero-content{pointer-events:none}.hero-sand-mode .hero-content a{pointer-events:auto}@media(max-width:900px){.hero.hero-sand-mode h1{font-size:clamp(56px,8vw,90px)}}@media(max-width:699px){.hero-sand-mode .hero-content{min-height:850px;padding-top:140px}.hero.hero-sand-mode h1{width:100%;font-size:clamp(52px,13.5vw,90px);margin:28px 0 auto}.hero-sand-mode .hero-bottom{margin-top:350px;align-items:start;gap:20px;flex-direction:column}.sand-fallback{width:60%;top:40%;right:16%}}.card-spotlight{position:relative;overflow:hidden;--mouse-x: 50%;--mouse-y: 50%;--spotlight-color: rgba(255, 255, 255, .08)}.card-spotlight:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(520px circle at var(--mouse-x) var(--mouse-y),var(--spotlight-color),transparent 72%);opacity:0;transition:opacity .45s ease;pointer-events:none}.card-spotlight:hover:before,.card-spotlight:focus-within:before{opacity:.72}:root{--bg: #f0f0ec;--panel: #e5e5df;--text: #131313;--muted: #686862;--line: rgba(19, 19, 19, .16);--inverse: #f3f3ef;--lime: #c9ff36;--hero-bg: radial-gradient(circle at 50% 42%, #f4f5ee 0, #e3e6dc 46%, #d8dcd1 100%);--hero-text: #111318;--work-bg: #dedfd9;--work-text: #141511;--project-bg: #f7f7f3;--project-shade: linear-gradient(0deg, #f7f7f3 0%, rgba(247,247,243,.95) 22%, transparent 56%);--card-bg: rgba(255,255,255,.48);--card-border: rgba(20,20,18,.1);--contact-bg: #c9ff36;--contact-text: #101010}:root[data-theme=dark]{--bg: #0b0b0b;--panel: #151515;--text: #efefe9;--muted: #9a9a93;--line: rgba(255, 255, 255, .15);--inverse: #101010;--hero-bg: radial-gradient(circle at 50% 42%, #1d2230 0, #0d0e12 42%, #070708 100%);--hero-text: #fff;--work-bg: #101010;--work-text: #efefe9;--project-bg: #171717;--project-shade: linear-gradient(0deg, #171717 0%, rgba(23,23,23,.95) 22%, transparent 56%);--card-bg: rgba(255,255,255,.045);--card-border: rgba(255,255,255,.1);--contact-bg: #151b0d;--contact-text: #c9ff36}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}section[id]{scroll-margin-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:DM Sans,PingFang SC,sans-serif;transition:background .35s,color .35s}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(calc(100% - 72px),1700px);margin-inline:auto}.section{padding-block:150px}.section-label{font-size:12px;letter-spacing:.18em;color:var(--muted);font-weight:600}.nav{height:72px;position:fixed;z-index:50;top:14px;left:50%;transform:translate(-50%);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:var(--hero-text);padding-inline:22px;border:1px solid var(--card-border);border-radius:22px;background:color-mix(in srgb,var(--bg) 48%,transparent);box-shadow:0 18px 55px #00000024,inset 0 1px #ffffff3d,inset 0 -1px #ffffff0f;backdrop-filter:blur(24px) saturate(165%);-webkit-backdrop-filter:blur(24px) saturate(165%);overflow:hidden}.nav:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:radial-gradient(140% 160% at 0% 0%,rgba(255,255,255,.16),transparent 43%),radial-gradient(80% 120% at 100% 120%,rgba(201,255,54,.08),transparent 62%)}.nav>*{position:relative;z-index:1}.brand{display:flex;width:fit-content;gap:2px;font-weight:600;font-size:20px;letter-spacing:-.05em}.brand i{font-style:normal;font-size:8px;padding-top:2px}.nav nav{display:flex;gap:42px;font-size:14px}.nav nav a{opacity:.68;transition:opacity .2s}.nav nav a:hover{opacity:1}.nav-actions{display:flex;justify-content:flex-end;align-items:center;gap:14px}.theme-toggle{width:68px;height:36px;border-radius:99px;border:1px solid var(--card-border);background:color-mix(in srgb,var(--text) 14%,transparent);color:var(--hero-text);display:flex;align-items:center;justify-content:space-around;padding:3px;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative}.theme-knob{position:absolute;left:3px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111;transition:transform .3s}[data-theme=dark] .theme-knob{transform:translate(32px)}.sun,.moon{opacity:.7}.contact-pill{height:42px;padding:0 18px;border-radius:99px;display:flex;align-items:center;gap:9px;background:#fff;color:#111;font-size:14px}.hero{min-height:100svh;color:var(--hero-text);position:relative;overflow:hidden;background:var(--hero-bg);transition:background .45s,color .35s}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--hero-text) 8%,transparent),transparent 62%),linear-gradient(0deg,color-mix(in srgb,var(--hero-text) 10%,transparent),transparent 46%)}.hero-particles{z-index:1;pointer-events:none}.hero .hero-flashlight{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.hero:has(.hero-flashlight):after{background:linear-gradient(0deg,color-mix(in srgb,var(--bg) 12%,transparent),transparent 40%)}.hero-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.18;pointer-events:none}.hero-orb-one{width:42vw;height:42vw;top:-24%;right:-7%;background:#6f86ff}.hero-orb-two{width:35vw;height:35vw;bottom:-28%;left:12%;background:#b9ff2f;opacity:.09}.hero-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;z-index:2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.hero-content{min-height:100svh;position:relative;z-index:3;padding-top:190px;padding-bottom:55px;display:flex;flex-direction:column;justify-content:space-between}.eyebrow{font-size:11px;letter-spacing:.18em;display:flex;align-items:center;gap:11px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 18px var(--lime)}.hero h1{margin:40px 0 70px;font-family:Manrope,sans-serif;font-size:clamp(72px,8.6vw,156px);line-height:.9;letter-spacing:-.075em;font-weight:500}.hero h1 em{font-family:STKaiti,KaiTi,serif;font-weight:400;color:var(--lime)}[data-theme=light] .hero h1 em{color:#4c621c}.hero-bottom{padding:24px 26px;border:1px solid var(--card-border);border-radius:22px;background:color-mix(in srgb,var(--hero-bg) 34%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;justify-content:space-between;align-items:flex-end}.hero-bottom p{margin:0;color:color-mix(in srgb,var(--hero-text) 70%,transparent);font-size:14px;line-height:1.8}.hero-bottom b{color:var(--lime);margin:0 5px}.scroll-link{display:flex;gap:14px;align-items:center;font-size:14px}.about-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:10vw;margin-top:58px}.portrait-card{aspect-ratio:.88;max-width:570px;background:var(--panel);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.portrait-card:before{content:"";width:78%;aspect-ratio:1;border-radius:50%;border:1px solid var(--line);position:absolute;box-shadow:0 0 0 50px transparent,0 0 0 51px var(--line),0 0 100px #c9ff361f}.portrait-mark{font-family:Georgia,serif;font-style:italic;font-size:clamp(170px,20vw,330px);line-height:1;letter-spacing:-.12em;position:relative}.portrait-mark:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:var(--lime);top:27%;right:1%}.portrait-meta{position:absolute;inset:auto 24px 22px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;color:var(--muted)}.about-copy{padding-top:30px}.about-copy h2,.ability-heading h2{font-family:Manrope,PingFang SC,sans-serif;font-size:clamp(40px,4.1vw,72px);line-height:1.18;letter-spacing:-.055em;margin:0;font-weight:500}.about-copy h2 span{color:var(--muted)}.about-copy>p{max-width:670px;margin:40px 0 30px;font-size:17px;color:var(--muted);line-height:1.85}.quick-contact{display:flex;flex-wrap:wrap;gap:12px}.quick-contact a{border:1px solid var(--line);border-radius:99px;padding:13px 18px;display:flex;align-items:center;gap:9px;font-size:13px;transition:background .2s}.quick-contact a:hover{background:var(--text);color:var(--bg)}.stats{margin-top:100px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stats .card-spotlight{min-width:0;padding:36px;border:1px solid var(--card-border);border-radius:24px;background:var(--card-bg)}.stats strong{display:block;font-size:clamp(54px,5.5vw,94px);font-weight:400;line-height:1;letter-spacing:-.06em}.stats sup{font-size:.35em;color:var(--lime);vertical-align:top;margin-left:4px}.stats span{display:block;color:var(--muted);font-size:13px;margin-top:18px}.experience-strip{margin-top:14px;padding:24px 28px;border:1px solid var(--card-border);border-radius:22px;background:var(--card-bg);display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.experience-strip p{margin:0}.experience{padding-top:40px}.experience-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-top:55px}.experience-heading h2{margin:0;font-family:Manrope,PingFang SC,sans-serif;font-size:clamp(42px,4.8vw,82px);line-height:1.08;letter-spacing:-.06em;font-weight:500}.experience-heading p{max-width:520px;margin:0 0 7px;color:var(--muted);line-height:1.8}.experience-list{display:grid;gap:14px;margin-top:80px}.experience-card{display:grid;grid-template-columns:60px 210px 1fr;gap:28px;min-height:230px;padding:32px;border:1px solid var(--card-border);border-radius:26px;background:var(--card-bg)}.experience-no,.experience-period{color:var(--muted);font-size:11px;letter-spacing:.12em}.experience-main h3{margin:-7px 0 6px;font-size:clamp(27px,2.4vw,42px);font-weight:500;letter-spacing:-.04em}.experience-main>span{color:var(--muted);font-size:14px}.experience-main>p{max-width:780px;margin:34px 0 25px;color:var(--muted);line-height:1.75}.experience-tags{display:flex;flex-wrap:wrap;gap:8px}.experience-tags i{padding:7px 11px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:11px;font-style:normal}.work{background:var(--work-bg);color:var(--work-text);transition:background .4s,color .35s}.work-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:65px}.work-heading h2{margin:0;font-size:clamp(54px,6vw,96px);letter-spacing:-.06em;font-weight:500}.work-heading h2 span{display:block;font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--muted);text-align:right;font-size:.45em;letter-spacing:-.02em}.project-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-card{min-width:0;padding:0;overflow:hidden;position:relative;border-radius:28px;border:1px solid var(--card-border);background:var(--project-bg);color:var(--work-text);cursor:pointer;transition:background .35s,color .35s,border-color .35s}.project-cover{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#f8f9fc}.project-card .project-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s}.project-link{display:block;width:100%;height:100%}.project-link:focus-visible{outline:3px solid var(--lime);outline-offset:-5px;border-radius:inherit}.project-detail{padding-top:140px}.detail-nav>span{color:var(--muted);font-size:11px;letter-spacing:.15em}.detail-nav .brand{font-size:15px;letter-spacing:0}.detail-heading{padding:50px 0 65px}.detail-heading h1{font-size:clamp(40px,5vw,84px);font-weight:500;letter-spacing:-.05em;margin:28px 0 20px}.detail-subtitle{font-size:22px;color:var(--muted)}.detail-summary{padding:28px;border-radius:24px;background:var(--card-bg);border:1px solid var(--card-border);margin-top:35px}.detail-summary p{max-width:900px;line-height:1.9;margin:0 0 20px}.detail-summary span{color:var(--muted);font-size:13px}.detail-artwork{width:min(calc(100% - 72px),1440px);margin-inline:auto;overflow:hidden;border-radius:26px;background:#fff}.detail-artwork img{display:block;width:100%;height:auto}.detail-end{display:flex;justify-content:space-between;padding-block:60px}.detail-end a{display:flex;gap:10px;align-items:center}.project-card:hover img{transform:scale(1.025);filter:saturate(1.08)}.project-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--project-shade);pointer-events:none}.project-info{position:relative;padding:24px 72px 28px 24px}.project-info p{letter-spacing:.15em;font-size:10px;color:var(--muted)}.project-info h3{font-size:clamp(25px,2.2vw,38px);line-height:1.2;margin:10px 0 8px;font-weight:500;letter-spacing:-.05em}.project-info span{display:block;color:var(--muted);font-size:13px;line-height:1.6}.project-arrow{position:absolute;right:24px;bottom:28px;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:background .25s,color .25s,border-color .25s}.project-arrow svg{width:20px;height:20px}.project-card:hover .project-arrow,.project-card:focus-within .project-arrow{background:var(--work-text);color:var(--project-bg)}.ability-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-top:55px}.ability-heading p{max-width:440px;margin:0 0 8px;color:var(--muted);line-height:1.8}.ability-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:100px}.ability-grid .card-spotlight{min-height:330px;border:1px solid var(--card-border);border-radius:26px;background:var(--card-bg);padding:30px;transition:background .3s,color .3s,transform .3s}.ability-grid .card-spotlight:hover{transform:translateY(-3px)}.ability-grid .card-spotlight>span{color:var(--muted);font-size:12px}.ability-grid h3{font-size:32px;margin:100px 0 18px;font-weight:500}.ability-grid p{max-width:520px;color:var(--muted);line-height:1.7;font-size:14px}.ability-grid svg{position:absolute;right:30px;top:30px}.contact{min-height:100vh;background:var(--contact-bg);color:var(--contact-text);position:relative;overflow:hidden;display:flex;align-items:stretch;transition:background .4s,color .35s}.contact-glow{position:absolute;width:700px;height:700px;border:1px solid rgba(0,0,0,.12);border-radius:50%;right:-100px;top:-180px;box-shadow:0 0 0 90px #00000006,0 0 0 180px #00000005}.contact-inner{padding:70px 0 40px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.contact .section-label{color:#0000008c}.contact-inner>p{margin:auto 0 20px;font-size:17px}.contact h2{margin:0;font-size:clamp(72px,9.4vw,168px);font-weight:600;line-height:.82;letter-spacing:-.08em}.contact h2 i{font-family:Georgia,serif;font-weight:400}.mail-link{margin-top:65px;border-bottom:1px solid rgba(0,0,0,.45);padding-bottom:16px;width:fit-content;display:flex;align-items:center;gap:18px;font-size:clamp(22px,2.4vw,40px)}.footer-row{padding-top:35px;margin-top:75px;border-top:1px solid rgba(0,0,0,.22);display:flex;justify-content:space-between;font-size:11px;letter-spacing:.1em}@media(max-width:1200px){.project-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.shell{width:min(calc(100% - 36px),1700px)}.section{padding-block:90px}.nav{grid-template-columns:1fr auto;height:78px}.nav nav{display:none}.contact-pill{display:none}.hero-content{padding-top:150px}.hero h1{font-size:clamp(56px,14vw,100px)}.about-grid{grid-template-columns:1fr}.portrait-card{max-width:none}.about-copy>p,.quick-contact{margin-left:0}.stats{grid-template-columns:1fr 1fr;row-gap:40px}.stats div:nth-child(2){border-right:0}.experience-strip,.experience-heading,.work-heading,.ability-heading{align-items:flex-start;flex-direction:column;gap:25px}.experience-card{grid-template-columns:45px 1fr;gap:18px}.experience-period{text-align:right}.experience-main{grid-column:1 / -1}.project-info h3{font-size:30px}.ability-grid{grid-template-columns:1fr}.contact h2{font-size:clamp(60px,16vw,110px)}.footer-row{flex-direction:column;gap:12px}}@media(max-width:640px){.detail-artwork{width:calc(100% - 24px);border-radius:14px}.detail-nav>span{display:none}.project-list{grid-template-columns:minmax(0,1fr)}}.qingting-case{color-scheme:light;--bg:#faf9f6;--surface:#fff;--tint:#f0efeb;--text:#222326;--muted:#737477;--line:#e2e1dc;--red:#ed4145;--soft-red:#fae7e5;--shadow:0 24px 60px #24161915}[data-theme=dark] .qingting-case{color-scheme:dark;--bg:#151617;--surface:#202123;--tint:#1b1c1e;--text:#f1f0ed;--muted:#aaa9a6;--line:#353637;--soft-red:#392529;--shadow:0 24px 60px #0005}.qingting-case *{box-sizing:border-box}.qingting-case{scroll-behavior:smooth;scroll-padding-top:100px}.qingting-case{margin:0;background:var(--bg);color:var(--text);font-family:DM Sans,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;transition:background .25s,color .25s}.qingting-case button,.qingting-case a{-webkit-tap-highlight-color:transparent}.qingting-case a{color:inherit;text-decoration:none}.qingting-case button{font:inherit;cursor:pointer}.qingting-case img{display:block;max-width:100%}.qingting-case h1,.qingting-case h2,.qingting-case h3,.qingting-case p,.qingting-case figure{margin:0}.qingting-case button:focus-visible,.qingting-case a:focus-visible{outline:3px solid var(--red);outline-offset:5px}.qingting-case .qt-wrap{max-width:1380px;width:calc(100% - 112px);margin:auto}.qingting-case .qt-red{color:var(--red)}.qingting-case .qt-topbar{height:78px;padding:0 56px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 83%,transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-bottom:1px solid var(--line)}.qingting-case .qt-wordmark{font-size:20px;font-weight:700;display:flex;align-items:center;gap:10px}.qingting-case .qt-logo-mark{font-size:42px;color:var(--red);line-height:1;transform:rotate(-12deg)}.qingting-case .qt-wordmark i{font-size:10px;letter-spacing:2px;font-style:normal;color:var(--muted);font-weight:500;margin-left:12px}.qingting-case .qt-header-actions{display:flex;align-items:center;gap:22px}.qingting-case .qt-draft{font-size:11px;letter-spacing:2px;color:var(--muted)}.qingting-case #theme-toggle{border:1px solid var(--line);border-radius:50%;width:36px;height:36px;background:var(--surface);color:var(--text);font-size:21px}.qingting-case .qt-hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;padding-top:70px;gap:40px 24px}.qingting-case .qt-eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;color:var(--muted);display:flex;align-items:center;gap:10px}.qingting-case .qt-eyebrow>span{height:7px;width:7px;border-radius:50%;background:var(--red)}.qingting-case h1{font-size:clamp(44px,4.6vw,72px);line-height:1.3;letter-spacing:-3px;font-weight:600;margin-top:28px}.qingting-case .qt-hero-description{font-size:17px;line-height:1.9;color:var(--muted);margin-top:28px}.qingting-case .qt-hero-tags,.qingting-case .qt-mini-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.qingting-case .qt-hero-tags span,.qingting-case .qt-mini-tags span{font-size:11px;border:1px solid var(--line);border-radius:50px;padding:8px 14px}.qingting-case .qt-read-link{display:inline-flex;align-items:center;gap:36px;font-size:13px;margin-top:42px}.qingting-case .qt-read-link span{border:1px solid var(--line);border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.qingting-case .qt-hero-visual{height:560px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.qingting-case .qt-sound-orbit{position:absolute;width:440px;height:440px;background:var(--soft-red);border-radius:50%;z-index:-2}.qingting-case .qt-sound-orbit:after{content:"";position:absolute;top:36px;right:36px;bottom:36px;left:36px;border:1px solid color-mix(in srgb,var(--red) 24%,transparent);border-radius:50%}.qingting-case .qt-hero-phone{width:218px;transform:rotate(7deg);border:7px solid #252529;background:#252529;border-radius:27px;overflow:hidden;box-shadow:var(--shadow);position:relative;z-index:1}.qingting-case .qt-hero-phone img{width:100%;border-radius:20px 20px 0 0}.qingting-case .qt-hero-phone figcaption{color:#fff;font-size:7px;letter-spacing:2px;padding:10px 0;text-align:center}.qingting-case .qt-wave{position:absolute;left:2%;top:38%;display:flex;align-items:center;gap:7px;transform:rotate(-10deg)}.qingting-case .qt-wave i{width:5px;height:35px;border-radius:9px;background:var(--red);opacity:.7}.qingting-case .qt-wave i:nth-child(2n){height:75px}.qingting-case .qt-wave i:nth-child(3n){height:110px}.qingting-case .qt-visual-note{position:absolute;right:0;bottom:70px;font-size:12px;line-height:1.6;letter-spacing:1px}.qingting-case .qt-visual-note em{font-style:normal;color:var(--red)}.qingting-case .qt-hero-meta{grid-column:1/-1;display:grid;grid-template-columns:1fr .7fr 1.1fr 1.4fr;border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:26px 30px;margin-top:8px}.qingting-case .qt-hero-meta small{font-size:11px;color:var(--muted);display:block;margin-bottom:8px}.qingting-case .qt-hero-meta strong{font-size:13px;font-weight:500}.qingting-case .qt-section{padding-top:100px;padding-bottom:100px}.qingting-case .qt-section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.qingting-case .qt-section-top>span{font-size:11px;color:var(--muted)}.qingting-case .qt-section-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end;margin-bottom:42px}.qingting-case h2{font-size:clamp(30px,3vw,46px);font-weight:600;letter-spacing:-1.4px;line-height:1.45}.qingting-case .qt-section-intro>p{color:var(--muted);font-size:14px;line-height:2}.qingting-case .qt-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.qingting-case .qt-metrics article{padding:26px;border:1px solid var(--line);background:var(--surface);border-radius:18px}.qingting-case .qt-metrics small{font-size:11px;color:var(--muted)}.qingting-case .qt-metrics strong{font-size:57px;font-weight:500;letter-spacing:-2px;display:block;margin:20px 0 14px;line-height:1}.qingting-case .qt-metrics strong span{font-size:25px;margin-left:4px}.qingting-case .qt-metrics p{font-size:10px;line-height:1.7;color:var(--muted)}.qingting-case .qt-metrics .qt-metric-red{background:var(--red);border-color:var(--red);color:#fff}.qingting-case .qt-metric-red small,.qingting-case .qt-metric-red p{color:#fff9}.qingting-case .qt-source-note{font-size:10px;line-height:1.8;color:var(--muted);margin-top:18px}.qingting-case .qt-process{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:38px}.qingting-case .qt-process>div{padding:22px;border-radius:15px;background:var(--tint)}.qingting-case .qt-process b{font-size:11px;font-weight:400;color:var(--red)}.qingting-case .qt-process h3{font-size:15px;margin:12px 0 8px;font-weight:500}.qingting-case .qt-process p{font-size:10px;color:var(--muted)}.qingting-case .qt-tint{background:var(--tint)}.qingting-case .qt-quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.qingting-case .qt-quote-grid blockquote{margin:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:28px;font-size:18px;line-height:1.7}.qingting-case .qt-quote-grid small{display:block;color:var(--muted);font-size:10px;margin-top:18px}.qingting-case .qt-problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.qingting-case .qt-problem-grid article{border-radius:18px;background:var(--surface);overflow:hidden;border:1px solid var(--line)}.qingting-case .qt-evidence{height:340px;padding:26px;background:color-mix(in srgb,var(--tint) 65%,var(--surface));overflow:hidden;display:flex;justify-content:center}.qingting-case .qt-evidence img{height:100%;object-fit:contain;box-shadow:0 6px 16px #0001}.qingting-case .qt-problem-copy{padding:26px}.qingting-case .qt-problem-copy>span{color:var(--red);font-size:9px;letter-spacing:1.5px}.qingting-case .qt-problem-copy h3{font-size:20px;margin:12px 0}.qingting-case .qt-problem-copy p,.qingting-case .qt-strategy-cards p{font-size:12px;color:var(--muted);line-height:1.9}.qingting-case .qt-strategy-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.qingting-case .qt-strategy-cards article{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:30px}.qingting-case .qt-strategy-icon{font-size:28px;color:var(--red)}.qingting-case .qt-strategy-cards h3{font-size:20px;font-weight:500;margin:20px 0 12px}.qingting-case .qt-experiment-head{display:flex;justify-content:space-between;align-items:end;margin:60px 0 24px}.qingting-case .qt-experiment-head h3{font-size:23px;font-weight:500}.qingting-case .qt-experiment-head p{font-size:10px;color:var(--muted)}.qingting-case .qt-experiment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.qingting-case .qt-experiment-grid article{background:var(--surface);border:1px solid var(--line);padding:24px;border-radius:18px}.qingting-case .qt-experiment-title{display:flex;gap:16px;align-items:center;margin-bottom:24px}.qingting-case .qt-experiment-title>b{font-size:30px;color:var(--red);font-weight:500}.qingting-case .qt-experiment-title h3{font-size:15px;font-weight:500}.qingting-case .qt-experiment-title p{font-size:10px;color:var(--muted);margin-top:6px}.qingting-case .qt-zoom-image{display:block;padding:0;border:0;background:transparent;width:100%;cursor:zoom-in}.qingting-case .qt-experiment-grid .qt-zoom-image{height:410px;background:#f5f5f5;border-radius:10px;overflow:hidden;padding:10px}.qingting-case .qt-experiment-grid img{height:100%;width:100%;object-fit:contain}.qingting-case .qt-design-stage{background:var(--tint)}.qingting-case .qt-ui-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding:55px 65px 15px;align-items:start}.qingting-case .qt-ui-gallery figure{margin-top:35px;text-align:center}.qingting-case .qt-ui-gallery .qt-gallery-raised{margin-top:0}.qingting-case .qt-ui-gallery button{padding:7px;border-radius:26px;overflow:hidden;background:#252529;box-shadow:var(--shadow)}.qingting-case .qt-ui-gallery img{width:100%;border-radius:20px}.qingting-case .qt-ui-gallery figcaption{display:flex;flex-direction:column;gap:7px;margin:24px 0}.qingting-case .qt-ui-gallery figcaption b{font-size:13px;font-weight:500}.qingting-case .qt-ui-gallery figcaption span{font-size:10px;color:var(--muted)}.qingting-case .qt-recommend-block{background:var(--surface);border:1px solid var(--line);border-radius:24px;display:grid;grid-template-columns:1fr .7fr;align-items:center;gap:80px;padding:50px 70px;margin-top:60px}.qingting-case .qt-recommend-block h3{font-size:30px;line-height:1.55;font-weight:500;letter-spacing:-.6px;margin:24px 0}.qingting-case .qt-recommend-block p:not(.qt-eyebrow){font-size:13px;line-height:2;color:var(--muted);max-width:450px}.qingting-case .qt-recommendation{max-width:245px;justify-self:center;border:6px solid #252529;border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.qingting-case .qt-result-banner{padding:40px 46px;background:var(--red);border-radius:22px;color:#fff;display:grid;grid-template-columns:1fr 1fr;align-items:center}.qingting-case .qt-result-banner small{font-size:11px;color:#fffc}.qingting-case .qt-result-banner strong{display:block;font-size:60px;font-weight:500;letter-spacing:1px;margin:15px 0}.qingting-case .qt-result-banner strong i{font-size:30px;font-style:normal;font-weight:400;color:#fff7}.qingting-case .qt-result-banner div>span:not(.qt-pill){font-size:11px;color:#fffc}.qingting-case .qt-pill{display:inline-block;border:1px solid #fff5;border-radius:30px;font-size:10px;padding:8px 12px}.qingting-case .qt-result-banner h3{font-size:27px;font-weight:500;line-height:1.5;margin-top:20px}.qingting-case .qt-chart-card{border:1px solid var(--line);border-radius:20px;background:var(--surface);padding:32px;margin-top:24px}.qingting-case .qt-chart-card img{width:100%;border-radius:10px}.qingting-case .qt-chart-card figcaption{font-size:10px;color:var(--muted);text-align:center;margin-top:20px}.qingting-case .qt-takeaway{border-radius:20px;background:var(--tint);padding:36px;margin-top:24px}.qingting-case .qt-takeaway h3{font-size:25px;font-weight:500;margin:18px 0}.qingting-case .qt-takeaway>p:last-child{font-size:13px;color:var(--muted);line-height:2;max-width:890px}.qingting-case footer{display:flex;justify-content:space-between;align-items:center;padding:38px 0 50px;border-top:1px solid var(--line)}.qingting-case footer b{font-size:17px;letter-spacing:1px}.qingting-case footer p{font-size:10px;color:var(--muted);margin-top:8px}.qingting-case footer>a{font-size:12px}.qingting-case dialog{border:0;padding:30px;background:var(--surface);border-radius:18px;max-width:94vw;max-height:94vh;overflow:auto}.qingting-case dialog::backdrop{background:#000b;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.qingting-case dialog img{max-height:85vh;max-width:85vw;width:auto;margin:auto}.qingting-case .qt-close-dialog{position:sticky;top:0;float:right;background:var(--text);color:var(--bg);border:0;border-radius:50%;width:32px;height:32px;font-size:24px;z-index:2}@media(min-width:1600px){.qingting-case .qt-hero-visual{height:640px}.qingting-case .qt-hero-phone{width:245px}.qingting-case .qt-sound-orbit{width:500px;height:500px}}@media(max-width:1000px){.qingting-case .qt-wrap{width:calc(100% - 64px)}.qingting-case .qt-topbar{padding:0 32px}.qingting-case .qt-hero{padding-top:45px}.qingting-case .qt-hero-visual{height:480px}.qingting-case .qt-hero-phone{width:180px}.qingting-case .qt-sound-orbit{width:330px;height:330px}.qingting-case .qt-visual-note{right:-8px;font-size:10px}.qingting-case .qt-wave{left:0;gap:5px}.qingting-case .qt-wave i{width:3px}.qingting-case .qt-hero-meta{grid-template-columns:1fr 1fr;gap:24px}.qingting-case .qt-section{padding:70px 0}.qingting-case .qt-section-intro{gap:32px}.qingting-case .qt-metrics{grid-template-columns:repeat(2,1fr)}.qingting-case .qt-process{gap:8px}.qingting-case .qt-process>div{padding:16px 10px}.qingting-case .qt-process p{font-size:8px}.qingting-case .qt-quote-grid blockquote{font-size:15px;padding:20px}.qingting-case .qt-evidence{height:280px;padding:16px}.qingting-case .qt-problem-copy{padding:20px}.qingting-case .qt-ui-gallery{padding:30px 20px;gap:30px}.qingting-case .qt-recommend-block{padding:35px;gap:35px}.qingting-case .qt-experiment-grid article{padding:16px}.qingting-case .qt-experiment-title{gap:10px}.qingting-case .qt-experiment-title h3{font-size:13px}.qingting-case .qt-experiment-grid .qt-zoom-image{height:350px}}@media(max-width:650px){.qingting-case .qt-wrap{width:calc(100% - 40px)}.qingting-case .qt-topbar{height:64px;padding:0 20px}.qingting-case .qt-wordmark{font-size:16px}.qingting-case .qt-wordmark i,.qingting-case .qt-draft{display:none}.qingting-case .qt-hero{grid-template-columns:1fr;gap:20px;padding-top:38px}.qingting-case h1{font-size:42px;letter-spacing:-2px}.qingting-case .qt-hero-description{font-size:14px;margin-top:20px}.qingting-case .qt-read-link{margin-top:24px}.qingting-case .qt-hero-visual{height:490px}.qingting-case .qt-hero-phone{width:184px}.qingting-case .qt-sound-orbit{width:340px;height:340px}.qingting-case .qt-wave{left:12%}.qingting-case .qt-visual-note{right:1%;bottom:30px}.qingting-case .qt-hero-meta{padding:22px;gap:22px 14px}.qingting-case .qt-hero-meta strong{font-size:11px}.qingting-case .qt-section-top>span{font-size:9px}.qingting-case .qt-eyebrow{font-size:9px;letter-spacing:1.5px}.qingting-case .qt-section{padding:58px 0}.qingting-case .qt-section-intro{grid-template-columns:1fr;gap:20px;margin-bottom:28px}.qingting-case h2{font-size:30px}.qingting-case .qt-section-intro>p{font-size:13px}.qingting-case .qt-metrics{gap:10px}.qingting-case .qt-metrics article{padding:20px 16px}.qingting-case .qt-metrics strong{font-size:43px}.qingting-case .qt-metrics small,.qingting-case .qt-metrics p{font-size:9px}.qingting-case .qt-process{grid-template-columns:repeat(2,1fr)}.qingting-case .qt-process>div{padding:18px}.qingting-case .qt-process p{font-size:10px}.qingting-case .qt-process>div:last-child{grid-column:1/-1}.qingting-case .qt-quote-grid,.qingting-case .qt-problem-grid,.qingting-case .qt-strategy-cards,.qingting-case .qt-experiment-grid{grid-template-columns:1fr}.qingting-case .qt-quote-grid{gap:10px}.qingting-case .qt-quote-grid blockquote br{display:none}.qingting-case .qt-quote-grid blockquote{font-size:16px}.qingting-case .qt-quote-grid small{margin-top:10px}.qingting-case .qt-evidence{height:360px}.qingting-case .qt-experiment-head{align-items:start;gap:14px;flex-direction:column;margin-top:38px}.qingting-case .qt-experiment-head h3{font-size:21px}.qingting-case .qt-experiment-grid .qt-zoom-image{height:420px}.qingting-case .qt-ui-gallery{padding:5px 12px;gap:20px;grid-template-columns:1fr}.qingting-case .qt-ui-gallery figure,.qingting-case .qt-ui-gallery .qt-gallery-raised{margin:15px auto;width:245px}.qingting-case .qt-recommend-block{grid-template-columns:1fr;padding:26px;gap:28px;margin-top:30px}.qingting-case .qt-recommend-block h3{font-size:24px}.qingting-case .qt-recommendation{width:225px}.qingting-case .qt-result-banner{grid-template-columns:1fr;gap:30px;padding:30px}.qingting-case .qt-result-banner strong{font-size:50px}.qingting-case .qt-result-banner h3{font-size:24px}.qingting-case .qt-chart-card{padding:15px}.qingting-case .qt-takeaway{padding:26px}.qingting-case .qt-takeaway h3{font-size:21px}.qingting-case .qt-header-actions{gap:0}.qingting-case footer b{font-size:14px}}.qingting-case .qt-brand-logo{width:128px;height:auto}.qingting-case .qt-cover-logo{margin-bottom:26px}.qingting-case .qt-sound-orbit{width:520px;height:520px;border-radius:50%;background:radial-gradient(ellipse at 52% 45%,#ff3d416b 0%,#ff3d413d 32%,#ff3d4112 59%,transparent 74%);filter:blur(28px);transform:rotate(-15deg);z-index:-1}.qingting-case .qt-sound-orbit:after{display:none}.qingting-case .qt-hero-phone{width:248px;aspect-ratio:9/19.5;border:7px solid #252529;border-radius:38px;transform:rotate(7deg);box-shadow:0 24px 50px #31161824;position:relative;isolation:isolate}.qingting-case .qt-phone-screen{height:100%;overflow:hidden;border-radius:30px;background:#fff}.qingting-case .qt-hero-phone img{width:100%;height:auto;border-radius:0;max-width:none}.qingting-case .qt-phone-home{position:absolute;width:34%;height:4px;border-radius:20px;bottom:10px;left:33%;background:#252529;z-index:2}.qingting-case .qt-phone-screen:after{content:"";position:absolute;bottom:0;left:0;right:0;height:26px;background:#fff;z-index:1}@media(min-width:1600px){.qingting-case .qt-hero-phone{width:270px}.qingting-case .qt-sound-orbit{width:570px;height:570px}}@media(max-width:1000px){.qingting-case .qt-hero-phone{width:208px}.qingting-case .qt-sound-orbit{width:430px;height:430px}}@media(max-width:650px){.qingting-case .qt-brand-logo{width:108px}.qingting-case .qt-hero-phone{width:208px}.qingting-case .qt-sound-orbit{width:350px;height:420px}.qingting-case .qt-hero-visual{overflow:hidden}.qingting-case .qt-draft{display:block;font-size:9px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){.qingting-case{scroll-behavior:auto}.qingting-case{transition:none}}.qingting-case{min-height:100vh;padding-top:100px}.qingting-case .qt-wrap{max-width:1440px}.qingting-case .qt-hero{scroll-margin-top:80px}.qingting-case #qt-context{scroll-margin-top:100px}@font-face{font-family:ChildrenRounded;src:url(/assets/projects/children/rounded-regular.woff2);font-weight:400;font-display:swap}@font-face{font-family:ChildrenRounded;src:url(/assets/projects/children/rounded-bold.woff2);font-weight:700;font-display:swap}:root .children-case{--bg:#f3edff;--tint:#eae0fb;--ink:#272234;--muted:#756b87;--accent:#8862d9}.children-case *{box-sizing:border-box}.children-case{scroll-behavior:smooth;scroll-padding-top:110px}.children-case{margin:0;background:var(--bg);color:var(--ink);font-family:ChildrenRounded,PingFang SC,sans-serif}.children-case a{color:inherit;text-decoration:none}.children-case button{font:inherit;cursor:pointer}.children-case img{display:block;max-width:100%}.children-case .wrap{width:min(1700px,90%);margin:auto}.children-case .nav{position:fixed;top:20px;left:2.3%;width:95.4%;z-index:20;padding:25px 32px;display:flex;align-items:center;justify-content:space-between;border:1px solid #ffffffc7;border-radius:28px;background:#f7f1ffcc;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 15px 45px #65508b12}.children-case .nav span{font-size:13px;letter-spacing:.06em;color:var(--muted)}.children-case .hero{min-height:95vh;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:30px;padding-top:140px;padding-bottom:80px}.children-case .eyebrow{font-size:12px;font-weight:700;letter-spacing:.025em;color:var(--muted)}.children-case h1{font-size:clamp(35px,3.45vw,64px);line-height:1.4;letter-spacing:-.035em;margin:30px 0}.children-case h1 em{font-style:normal;color:var(--accent);font-size:.72em}.children-case h2{font-size:clamp(30px,2.6vw,48px);line-height:1.45;letter-spacing:-.025em;margin:0}.children-case h3{font-size:25px;margin:18px 0}.children-case p{line-height:1.9;color:var(--muted)}.children-case .lead{font-size:18px;max-width:570px}.children-case .tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.children-case .tags span{padding:10px 16px;border:1px solid #d6c7ed;border-radius:30px;font-size:13px}.children-case .explore{display:inline-block;margin-top:45px;font-size:14px}.children-case .hero-art{position:relative;padding:40px 0}.children-case .actual-devices{width:100%;mix-blend-mode:multiply}.children-case .art-note{text-align:center;margin-top:30px;font-size:11px;letter-spacing:.04em;color:#9584af}.children-case .section{padding:105px 0}.children-case .tinted{background:var(--tint);border-radius:48px}.children-case .section-top{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:.025em;color:#9584aa;margin-bottom:48px}.children-case .intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start;margin-bottom:50px}.children-case .intro p{font-size:17px;margin:0}.children-case .principles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.children-case .principles article{padding:30px;border:1px solid #ddcfee;background:#faf7ff;border-radius:26px}.children-case .principles b{font-size:13px;color:var(--accent)}.children-case .principles p{font-size:15px;margin-bottom:0}.children-case .gallery{display:grid;gap:30px 24px}.children-case .gallery figure{margin:0;min-width:0}.children-case .devices{grid-template-columns:repeat(4,minmax(0,1fr));padding:0 1%}.children-case .zoom{border:0;padding:0;display:block;width:100%;background:transparent;transition:transform .25s}.children-case .zoom:hover{transform:translateY(-5px)}.children-case .zoom:focus-visible{outline:3px solid #9269df;outline-offset:5px}.children-case .devices .zoom{aspect-ratio:1;border-radius:50%;overflow:hidden;background:#000;box-shadow:0 12px 28px #634b7a16}.children-case .devices img{width:100%;height:100%;object-fit:contain;border-radius:50%}.children-case figcaption{font-size:13px;color:var(--muted);text-align:center;line-height:1.6;margin-top:18px}.children-case .menu-strip{margin:0 0 60px;background:#000;border-radius:28px;padding:25px 20px}.children-case .menu-strip figure{margin:0}.children-case .menu-strip .zoom{overflow:hidden;border-radius:999px;background:#000}.children-case .menu-strip img{width:100%;border-radius:999px}.children-case .menu-strip figcaption{color:#c8bcd8}.children-case .subsection{margin-top:64px}.children-case .subsection h3{font-size:25px;margin-bottom:30px;color:#7750ba}.children-case .phones{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 40px}.children-case .phones figure{background:#faf7ff;border:1px solid #ddcfee;border-radius:28px;padding:20px;align-self:start}.children-case .phones .zoom{border-radius:20px;overflow:hidden;max-width:300px;margin:auto;background:#fff}.children-case .phones img{width:100%;height:auto}.children-case .phones figcaption{font-weight:700}.children-case details{margin-top:45px;background:#faf7ff;border:1px solid #ddcfee;border-radius:24px;padding:25px}.children-case summary{cursor:pointer;color:var(--accent)}.children-case details .gallery{margin-top:30px}.children-case footer{padding:100px 0;display:flex;justify-content:space-between;align-items:center}.children-case footer h2{font-size:34px}.children-case footer p{margin:12px 0}.children-case dialog{border:0;background:#f4edff;border-radius:24px;padding:40px;width:min(92vw,1100px);max-height:90vh;overflow:auto}.children-case dialog::backdrop{background:#201329cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.children-case dialog img{max-width:100%;margin:auto}.children-case dialog.circular img{border-radius:50%;width:min(650px,100%)}.children-case dialog p{text-align:center;font-size:12px}.children-case .close{position:sticky;top:0;float:right;z-index:1;width:40px;height:40px;background:#fff;border:0;border-radius:50%;font-size:26px}.children-case .actual-devices{filter:brightness(1.09)}.children-case{overflow-x:clip}@media(min-width:1450px){.children-case .phones{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:850px){.children-case .nav{padding:20px}.children-case .nav span{display:none}.children-case .hero{grid-template-columns:1fr;gap:15px;min-height:auto;padding-top:155px;padding-bottom:65px}.children-case .hero-art{max-width:720px;width:100%;margin:auto;padding:0}.children-case .hero h1{font-size:42px}.children-case .lead{font-size:17px}.children-case .explore{margin-top:28px}.children-case .section{padding:65px 0}.children-case .intro{grid-template-columns:1fr;gap:20px;margin-bottom:35px}.children-case .section-top{margin-bottom:30px}.children-case .devices{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 15px}.children-case .phones{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.children-case .phones figure{padding:13px;border-radius:20px}.children-case .principles{grid-template-columns:1fr}.children-case .tinted{border-radius:30px}.children-case .menu-strip{padding:15px 8px;border-radius:20px}.children-case .subsection{margin-top:45px}.children-case footer{gap:25px}}@media(max-width:480px){.children-case .hero h1{font-size:34px}.children-case .hero{padding-top:130px}.children-case .section-top{font-size:10px}.children-case .intro p{font-size:15px}.children-case .devices{grid-template-columns:repeat(2,minmax(0,1fr))}.children-case .phones{gap:24px 12px}.children-case .phones figure{padding:9px}.children-case .phones figcaption,.children-case figcaption{font-size:11px}.children-case .nav{font-size:13px}.children-case footer{flex-direction:column;align-items:start}}@media(prefers-reduced-motion:reduce){.children-case{scroll-behavior:auto}.children-case .zoom{transition:none}}:root .children-case{--bg:#fff;--tint:#fff;--ink:#24212b;--muted:#74717e;--accent:#8965d5;--card:#fff;--line:#e8e5ed;--nav:#ffffffc9;--glow-blue:#c4e8ff;--glow-pink:#f9d4ed;color-scheme:light}:root[data-theme=dark] .children-case{--bg:#131319;--tint:#1c1b25;--ink:#f3effa;--muted:#aaa5b8;--accent:#b799f2;--card:#24222e;--line:#383440;--nav:#20202bc9;--glow-blue:#21476e;--glow-pink:#563050;color-scheme:dark}.children-case,.children-case .tinted,.children-case .nav,.children-case .phones figure,.children-case .principles article,.children-case details,.children-case dialog{transition:background-color .3s,color .3s,border-color .3s}.children-case .nav{background:var(--nav);border-color:var(--line)}.children-case .nav-actions{display:flex;align-items:center;gap:25px}.children-case .theme-switch{display:flex;background:var(--tint);border:1px solid var(--line);border-radius:28px;padding:4px;gap:3px}.children-case .theme-switch button{width:34px;height:34px;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:23px;line-height:1}.children-case .theme-switch button[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:0 2px 8px #00000016}.children-case .theme-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.children-case .tags span{border-color:var(--line)}.children-case .phones figure,.children-case .principles article,.children-case details{background:var(--card);border-color:var(--line)}.children-case .subsection h3{color:var(--accent)}.children-case dialog{background:var(--bg);color:var(--ink)}.children-case .close{background:var(--card);color:var(--ink)}.children-case .section-top,.children-case .art-note{color:var(--muted)}.children-case #device{background:#18191f;--ink:#f7f6fb;--muted:#a8a5b3;color:var(--ink)}.children-case #device .section-top,.children-case #device figcaption{color:var(--muted)}.children-case .hero-art{isolation:isolate;height:530px;padding:0;position:relative}.children-case .hero-art:before{content:"";position:absolute;top:0;right:-5%;bottom:0;left:-5%;z-index:-1;background:radial-gradient(ellipse at 25% 66%,var(--glow-blue),transparent 54%),radial-gradient(ellipse at 80% 32%,var(--glow-pink),transparent 56%);filter:blur(20px);opacity:.65}.children-case .floating-device{position:absolute;width:67%;height:auto;object-fit:contain;filter:drop-shadow(0 22px 20px #31234618)}.children-case .blue-device{left:-1%;top:116px;transform:rotate(-12deg);animation:float-blue 7s ease-in-out infinite}.children-case .pink-device{right:-6%;top:5px;transform:rotate(11deg);animation:float-pink 8s ease-in-out infinite}.children-case .art-note{position:absolute;bottom:-15px;left:0;right:0;font-size:11px}@keyframes float-blue{0%,to{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-14px) rotate(-9deg)}}@keyframes float-pink{0%,to{transform:translateY(0) rotate(11deg)}50%{transform:translateY(12px) rotate(8deg)}}@keyframes small-float{50%{transform:translateY(-10px)}}@media(max-width:850px){.children-case .hero-art{height:490px;max-width:600px;margin-top:35px}.children-case .nav-actions{gap:14px}.children-case .blue-device{top:100px}.children-case .pink-device{top:0}}@media(max-width:480px){.children-case .hero-art{height:310px}.children-case .blue-device{top:76px}.children-case .nav-actions>a{display:none}.children-case .nav-actions{gap:0}.children-case .nav{padding:15px 20px}.children-case .theme-switch button{width:30px;height:30px}.children-case .art-note{bottom:-10px}.children-case .hero{padding-bottom:65px}}@media(prefers-reduced-motion:reduce){.children-case .floating-device{animation:none}.children-case,.children-case .tinted,.children-case .nav,.children-case .phones figure,.children-case .principles article,.children-case details,.children-case dialog{transition:none}}:root:not([data-theme=dark]) .children-case #overview .principles article{background:#f5f3f8}.children-case{background:var(--bg);color:var(--ink);font-family:ChildrenRounded,PingFang SC,sans-serif;min-height:100vh;overflow-x:clip}.children-case .nav{height:auto;max-width:none;transform:none}.children-case main{background:transparent}.children-case h1,.children-case h2,.children-case h3{font-family:inherit}.children-case .zoom{color:inherit}.children-case h1,.children-case h2,.children-case h3{font-weight:700}.children-case h1 em{font-family:inherit;font-weight:700}.children-case .hero{background:transparent;border-radius:0}.children-case .hero:before,.children-case .hero:after{display:none}.children-case .hero{overflow:visible;color:var(--ink)}.children-case .hero h1 em{color:var(--accent);font-family:inherit;font-weight:700}.children-case .devices .zoom{box-shadow:none;clip-path:circle(49.4% at 50% 50%)}.children-case .devices img{transform:scale(1.012)}.children-case dialog.circular img{clip-path:circle(49.4% at 50% 50%)}.buhuangya-case *{box-sizing:border-box}.buhuangya-case{scroll-behavior:smooth;scroll-padding-top:110px}.buhuangya-case{margin:0;background:#fff;color:#282a35;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;--bg:#fff;--muted:#797b89;--surface:#f6f6f8;--line:#e8e8ed;--blue:#2f63f5}.buhuangya-case a{color:inherit;text-decoration:none}.buhuangya-case button{font:inherit;cursor:pointer}.buhuangya-case img{max-width:100%}.buhuangya-case figure{margin:0}.buhuangya-case p{line-height:1.9}.buhuangya-case h1,.buhuangya-case h2,.buhuangya-case h3{letter-spacing:-.045em}.buhuangya-case h2{font-size:clamp(30px,3.2vw,56px);line-height:1.35;margin:0}.buhuangya-case h3{font-size:24px;margin:14px 0}.buhuangya-case button:focus-visible,.buhuangya-case a:focus-visible{outline:3px solid #2f63f5;outline-offset:4px}.buhuangya-case .wrap{width:90%;max-width:1700px;margin:auto}.buhuangya-case .nav{position:fixed;z-index:100;top:14px;left:2.8%;width:94.4%;height:72px;border:1px solid rgba(160,160,160,.22);border-radius:22px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 22px;background:color-mix(in srgb,var(--bg) 75%,transparent);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);box-shadow:0 15px 60px #0000000b;font-size:14px}.buhuangya-case .nav a{font-weight:700}.buhuangya-case .nav>span{font-size:11px;letter-spacing:.08em;color:var(--muted)}.buhuangya-case .nav button{justify-self:end;border:1px solid var(--line);border-radius:99px;background:var(--surface);color:inherit;padding:10px 16px}.buhuangya-case .hero{min-height:760px;height:100vh;max-height:1000px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding-top:100px}.buhuangya-case .eyebrow,.buhuangya-case .chapter{font-size:12px;letter-spacing:.07em;color:var(--muted)}.buhuangya-case h1{font-size:clamp(55px,6.6vw,110px);line-height:1.15;margin:30px 0}.buhuangya-case h1 em{font-style:normal;color:var(--blue)}.buhuangya-case .lead{font-size:18px;color:var(--muted)}.buhuangya-case .tags{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}.buhuangya-case .tags span{border:1px solid var(--line);border-radius:99px;padding:10px 14px;font-size:12px}.buhuangya-case .read{display:inline-block;margin-top:25px;font-size:14px}.buhuangya-case .hero-art{position:relative;height:630px;display:flex;align-items:center;justify-content:flex-end}.buhuangya-case .glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 48%,#ffe39b9c,transparent 65%);transform:scale(1.15)}.buhuangya-case .hero-duck{position:absolute;width:62%;left:-8%;bottom:90px;z-index:3;transform:rotate(-12deg);filter:drop-shadow(0 20px 30px #c7a66e25);pointer-events:none}.buhuangya-case .hero-device{transform:rotate(7deg);width:300px!important;box-shadow:0 30px 70px #39303c20}.buhuangya-case .art-caption{position:absolute;bottom:0;right:10%;font-size:12px;color:var(--muted)}.buhuangya-case .section{padding:110px 0}.buhuangya-case .chapter{display:flex;justify-content:space-between;margin-bottom:65px}.buhuangya-case .intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start;margin-bottom:55px}.buhuangya-case .intro>p{margin:0;color:var(--muted);font-size:17px}.buhuangya-case .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.buhuangya-case .cards article{padding:35px;border-radius:28px;background:var(--surface);border:1px solid var(--line)}.buhuangya-case .cards small{color:var(--blue)}.buhuangya-case .cards p{font-size:15px;color:var(--muted);margin:0}.buhuangya-case .role{display:grid;grid-template-columns:110px 1fr;gap:18px;margin-top:32px;padding:30px 35px;border-radius:24px;background:var(--surface);font-size:14px}.buhuangya-case .role span{color:var(--muted)}.buhuangya-case .role p{margin:0;line-height:1.4}.buhuangya-case .yellow{background:#fff9e7;border-radius:45px}.buhuangya-case .screen-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.buhuangya-case .screen-grid figure{text-align:center}.buhuangya-case .phone{width:100%;max-width:310px;height:600px;border:7px solid #272a32;border-radius:38px;background:linear-gradient(#ffedb0,#fffbf0 38%,#f9f9f9 70%);color:#2a3152;text-align:left;overflow:hidden;position:relative;margin:auto;font-size:12px;box-shadow:0 20px 40px #2a31520b}.buhuangya-case .mini-status{height:28px;display:flex;justify-content:space-between;padding:10px 15px;font-size:9px;font-weight:700}.buhuangya-case .mini-head{display:flex;align-items:center;justify-content:space-between;padding:12px 15px 15px;font-size:13px;font-weight:700}.buhuangya-case .mini-head span{border:1px solid #282a3520;border-radius:20px;padding:3px 9px;font-size:10px}.buhuangya-case .mini-main{padding:0 14px 65px;height:510px;overflow:auto;scrollbar-width:none}.buhuangya-case .mini-main h4{font-size:21px;margin:10px 0 4px}.buhuangya-case .mini-main p{font-size:10px;color:#8c90a4;line-height:1.55;margin:3px 0 12px}.buhuangya-case .mini-main h5{font-size:13px;margin:17px 0 10px}.buhuangya-case .mini-card{border-radius:20px;background:#fff;padding:14px;margin:10px 0;box-shadow:0 3px 12px #2a315204}.buhuangya-case .mini-bank{background:#fff3cc;display:flex;align-items:center;min-height:120px}.buhuangya-case .mini-bank img{width:100px;margin-left:auto}.buhuangya-case .mini-bank strong{font-size:35px;display:block;margin:4px 0}.buhuangya-case .mini-bank small{font-size:10px}.buhuangya-case .mini-task{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #f0f0f0}.buhuangya-case .mini-task img{width:28px;height:28px;object-fit:contain}.buhuangya-case .mini-task>div{flex:1}.buhuangya-case .mini-task b{display:block;font-size:12px}.buhuangya-case .mini-task small{font-size:9px;color:#8c90a4}.buhuangya-case .mini-task>span{color:#2f63f5;font-size:10px}.buhuangya-case .mini-button{border:0;border-radius:99px;background:#2f63f5;color:#fff;padding:10px;text-align:center;font-size:11px;width:100%;margin-top:12px}.buhuangya-case .mini-tabs{display:flex;background:#ffffff8a;border-radius:99px;margin:12px 0;padding:5px;gap:5px}.buhuangya-case .mini-tabs span{flex:1;padding:7px;text-align:center;border-radius:99px}.buhuangya-case .mini-tabs span:first-child{background:#2f63f5;color:#fff}.buhuangya-case .mini-week{display:flex;justify-content:space-between;font-size:9px;line-height:2;text-align:center}.buhuangya-case .mini-week span:nth-child(3){background:#e9eeff;color:#2f63f5;padding:0 8px;border-radius:10px}.buhuangya-case .mini-task-card{background:#fff;border-radius:18px;padding:14px;margin:10px 0}.buhuangya-case .mini-task-card .mini-task{border:0;padding:0 0 12px}.buhuangya-case .mini-task-card footer{border-top:1px solid #eee;display:flex;align-items:center;justify-content:space-between;padding-top:10px;font-size:9px;color:#8c90a4}.buhuangya-case .mini-task-card footer span{color:#2048bd;background:#e9eeff;padding:6px 9px;border-radius:99px}.buhuangya-case .mini-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-around;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid #eeeeee;padding:10px 0 18px;font-size:9px}.buhuangya-case .mini-bottom span{text-align:center;color:#8c90a4}.buhuangya-case .mini-bottom span.active{color:#2f63f5}.buhuangya-case .mini-bottom img{width:24px;height:24px;object-fit:contain;display:block;margin:auto auto 3px}.buhuangya-case .mini-evolution{text-align:center;background:#fff3cc;border-radius:22px;padding:18px}.buhuangya-case .mini-evolution img{height:160px;object-fit:contain;display:block;margin:auto}.buhuangya-case .mini-evolution b{font-size:17px}.buhuangya-case .mini-progress{height:7px;border-radius:99px;background:#e8e2d1;margin-top:10px}.buhuangya-case .mini-progress i{display:block;background:#2f63f5;width:65%;height:100%;border-radius:99px}.buhuangya-case .mini-metrics{display:flex;gap:10px}.buhuangya-case .mini-metrics .mini-card{flex:1;font-size:9px}.buhuangya-case .mini-metrics strong{font-size:19px;display:block;margin-top:5px}.buhuangya-case .mini-medals{display:flex;justify-content:space-around;text-align:center;font-size:9px}.buhuangya-case .mini-medals img{width:45px;display:block}.buhuangya-case .mini-wishes{display:grid;grid-template-columns:1fr 1fr;gap:9px}.buhuangya-case .mini-wishes .mini-card{margin:0;padding:12px}.buhuangya-case .mini-wishes img{height:55px;display:block;margin:auto}.buhuangya-case .mini-wishes b{display:block;margin:5px 0;font-size:11px}.buhuangya-case .mini-wishes small{color:#2f63f5;font-size:9px}.buhuangya-case figcaption,.buhuangya-case .caption{font-size:12px;color:var(--muted);line-height:1.6;margin-top:22px}.buhuangya-case .interaction{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}.buhuangya-case .interaction>div>p{color:var(--muted);max-width:650px}.buhuangya-case .method-controls{display:flex;gap:8px;margin-top:30px}.buhuangya-case .method-controls button{border:1px solid var(--line);padding:12px 22px;background:var(--surface);color:inherit;border-radius:99px}.buhuangya-case .method-controls button[aria-selected=true]{background:#2f63f5;color:#fff;border-color:#2f63f5}.buhuangya-case .steps{display:flex;gap:14px;align-items:center;margin-top:35px;font-size:13px;flex-wrap:wrap}.buhuangya-case .steps span{background:var(--surface);padding:12px 18px;border-radius:99px}.buhuangya-case .steps i{color:var(--muted)}.buhuangya-case .method-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:18px 0}.buhuangya-case .method-grid span{background:#fff;border-radius:12px;font-size:10px;padding:10px 4px;text-align:center}.buhuangya-case .method-grid span.active{background:#e9eeff;color:#2f63f5}.buhuangya-case .method-display{min-height:220px;text-align:center;background:#fff;border-radius:22px;padding:25px 15px}.buhuangya-case .method-display img{width:65px;height:65px;object-fit:contain;margin:10px auto;display:block}.buhuangya-case .method-display strong{display:block;font-size:17px}.buhuangya-case .method-display .clock{font-size:40px;color:#2f63f5;margin:25px 0}.buhuangya-case .method-display textarea{width:100%;border:0;resize:none;background:#f9f9f9;border-radius:12px;padding:15px;height:100px;font:inherit;margin-top:15px}.buhuangya-case .dark{background:#232631;color:#fff;border-radius:45px}.buhuangya-case .dark .intro p,.buhuangya-case .dark .chapter{color:#b7b9c6}.buhuangya-case .evolution{display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.buhuangya-case .evolution img{width:100%;aspect-ratio:1;object-fit:contain}.buhuangya-case .evolution figcaption{text-align:center;color:#d7d9e4}.buhuangya-case .details{row-gap:22px}.buhuangya-case>main>footer{display:flex;justify-content:space-between;align-items:center;padding:90px 0 70px}.buhuangya-case footer h2{font-size:35px}.buhuangya-case footer p{color:var(--muted)}[data-theme=dark] .buhuangya-case{--bg:#16171c;--surface:#22242e;--line:#343641;--muted:#a0a3b2;background:var(--bg);color:#f0f0f4}[data-theme=dark] .buhuangya-case .yellow{background:#28261f}[data-theme=dark] .buhuangya-case .dark{background:#21232d}@media(min-width:1600px){.buhuangya-case .phone{height:640px}.buhuangya-case .mini-main{height:550px}.buhuangya-case .hero-art{height:700px}.buhuangya-case .hero-device{width:330px!important}}@media(max-width:1000px){.buhuangya-case .screen-grid{grid-template-columns:repeat(2,1fr);gap:40px}.buhuangya-case .hero-duck{left:-18%;width:60%}.buhuangya-case .hero-art{height:570px}.buhuangya-case .hero-device{max-width:250px}.buhuangya-case .cards{grid-template-columns:repeat(2,1fr)}.buhuangya-case .evolution{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.buhuangya-case .nav>span{display:none}.buhuangya-case .nav{grid-template-columns:1fr auto;height:62px}.buhuangya-case .hero{height:auto;min-height:0;grid-template-columns:1fr;padding:145px 0 60px}.buhuangya-case .hero-art{height:580px}.buhuangya-case .hero-device{max-width:290px}.buhuangya-case .hero-duck{left:-5%;width:62%}.buhuangya-case .hero-copy h1{font-size:64px}.buhuangya-case .intro,.buhuangya-case .interaction{grid-template-columns:1fr;gap:28px}.buhuangya-case .cards{grid-template-columns:1fr}.buhuangya-case .section{padding:65px 0}.buhuangya-case .chapter{margin-bottom:35px}.buhuangya-case .screen-grid{grid-template-columns:1fr}.buhuangya-case .evolution{grid-template-columns:repeat(2,1fr)}.buhuangya-case .role{grid-template-columns:1fr;gap:10px}.buhuangya-case .role span{margin-top:10px}.buhuangya-case .interaction{gap:40px}.buhuangya-case .yellow,.buhuangya-case .dark{border-radius:28px}.buhuangya-case .method-controls button{padding:10px 18px}.buhuangya-case .hero .lead{font-size:16px}.buhuangya-case>main>footer{display:block}.buhuangya-case .nav{left:3%;width:94%}}.buhuangya-case .phone{width:100%;max-width:330px;height:auto;aspect-ratio:310 / 600;border:0;border-radius:0;background:transparent;overflow:visible;box-shadow:none}.buhuangya-case .phone-content{width:310px;height:600px;position:absolute;top:0;left:0;overflow:hidden;border:7px solid #272a32;border-radius:38px;background:linear-gradient(#ffedb0,#fffbf0 38%,#f9f9f9 70%);color:#2a3152;transform-origin:top left;box-shadow:0 20px 40px #2a31520b}.buhuangya-case .phone .mini-main{height:510px}.buhuangya-case .hero-device{position:relative;z-index:2;width:min(90%,clamp(230px,24vw,360px))!important;max-width:none}.buhuangya-case .hero-duck{z-index:1;left:-14%;bottom:105px;width:65%}.buhuangya-case .hero-art{isolation:isolate}.buhuangya-case .art-caption{z-index:3}[data-theme=dark] .buhuangya-case .phone-content{background:linear-gradient(180deg,#343024,#24252d 40%,#1b1d25 75%);border-color:#434651;color:#eceef8;box-shadow:0 24px 50px #0004}[data-theme=dark] .buhuangya-case .phone .mini-main p,[data-theme=dark] .buhuangya-case .phone .mini-task small,[data-theme=dark] .buhuangya-case .phone .mini-task-card footer{color:#a8adbf}[data-theme=dark] .buhuangya-case .phone .mini-card,[data-theme=dark] .buhuangya-case .phone .mini-task-card,[data-theme=dark] .buhuangya-case .phone .method-display{background:#2c2f3b}[data-theme=dark] .buhuangya-case .phone .mini-bank,[data-theme=dark] .buhuangya-case .phone .mini-evolution{background:#3b3528}[data-theme=dark] .buhuangya-case .phone .mini-tabs{background:#303342}[data-theme=dark] .buhuangya-case .phone .mini-bottom{background:#232630ed;border-color:#3c4050}[data-theme=dark] .buhuangya-case .phone .mini-bottom span{color:#abb0c1}[data-theme=dark] .buhuangya-case .phone .mini-bottom span.active,[data-theme=dark] .buhuangya-case .phone .mini-task>span,[data-theme=dark] .buhuangya-case .phone .mini-wishes small{color:#90acff}[data-theme=dark] .buhuangya-case .phone .mini-task,[data-theme=dark] .buhuangya-case .phone .mini-task-card footer{border-color:#414552}[data-theme=dark] .buhuangya-case .phone .mini-head span{border-color:#73778566}[data-theme=dark] .buhuangya-case .phone .mini-week span:nth-child(3),[data-theme=dark] .buhuangya-case .phone .mini-task-card footer span,[data-theme=dark] .buhuangya-case .phone .method-grid span.active{background:#35446c;color:#c0d0ff}[data-theme=dark] .buhuangya-case .phone .method-grid span{background:#2c2f3b}[data-theme=dark] .buhuangya-case .phone .mini-progress{background:#575143}[data-theme=dark] .buhuangya-case .phone .method-display textarea{background:#21242e;color:#eceef8}[data-theme=dark] .buhuangya-case .phone .method-display .clock{color:#90acff}@media(max-width:650px){.buhuangya-case .glow{transform:none}.buhuangya-case .hero{max-height:none}.buhuangya-case .hero-art{height:470px;margin-top:30px}.buhuangya-case .hero-device{width:min(62%,230px)!important;margin:0 10px 0 auto;transform:rotate(5deg)}.buhuangya-case .hero-duck{left:-2%;width:48%;bottom:110px;transform:rotate(-10deg)}.buhuangya-case .screen-grid .phone{max-width:250px}}.buhuangya-case{min-height:100vh;overflow-x:clip}.buhuangya-case .hero{border-radius:0;background:transparent;overflow:visible}.buhuangya-case .hero:before,.buhuangya-case .hero:after{display:none}.buhuangya-case .hero h1 em{font-family:inherit;font-style:normal;font-weight:700;color:var(--blue)}.elaro-case{--el-bg:#fff;--el-surface:#f5f6fa;--el-ink:#21242e;--el-muted:#717581;--el-blue:#4266e8;--el-line:#e4e7ef;--el-card:#fff;background:var(--el-bg);color:var(--el-ink);overflow-x:clip;min-height:100vh}[data-theme=dark] .elaro-case{--el-bg:#131419;--el-surface:#1c1e27;--el-ink:#f1f2f7;--el-muted:#a5a9b7;--el-blue:#93adff;--el-line:#333743;--el-card:#242733}.elaro-case *{box-sizing:border-box}.elaro-case .el-wrap{width:min(1700px,90%);margin-inline:auto}.elaro-case p{line-height:1.85}.elaro-case h1,.elaro-case h2,.elaro-case h3{font-family:Manrope,PingFang SC,sans-serif;margin:0;font-weight:600}.elaro-case a{color:inherit}.elaro-case .el-eyebrow,.elaro-case .el-chapter{font-size:11px;letter-spacing:.08em;color:var(--el-muted)}.elaro-case .el-cover{display:grid;grid-template-columns:.88fr 1.12fr;gap:5%;align-items:center;min-height:100svh;padding-block:170px 95px}.elaro-case .el-cover h1{font-size:clamp(60px,6.7vw,120px);letter-spacing:-.065em;line-height:1.1;color:var(--el-blue)}.elaro-case .el-cover h1 span{font-size:.3em;letter-spacing:.08em;color:var(--el-ink);display:inline-block;margin-left:22px;vertical-align:middle}.elaro-case .el-cover h2{font-size:clamp(22px,2vw,35px);margin-top:28px;line-height:1.5}.elaro-case .el-lead{font-size:16px;color:var(--el-muted);margin-block:24px}.elaro-case .el-tags{display:flex;gap:9px;flex-wrap:wrap}.elaro-case .el-tags span{border:1px solid var(--el-line);padding:9px 14px;border-radius:30px;font-size:11px}.elaro-case .el-read{display:inline-flex;align-items:center;gap:14px;font-size:13px;margin-top:38px}.elaro-case .el-cover-art{position:relative;isolation:isolate;min-width:0}.elaro-case .el-cover-glow{position:absolute;top:-18%;right:-10%;bottom:-18%;left:-10%;z-index:-1;background:radial-gradient(ellipse,#5879fa35,transparent 65%);filter:blur(36px)}.elaro-case .el-screen{margin:0}.elaro-case .el-screen button{border:1px solid var(--el-line);padding:0;width:100%;position:relative;background:var(--el-card);border-radius:24px;overflow:hidden;display:block;cursor:zoom-in}.elaro-case .el-screen button:focus-visible{outline:3px solid var(--el-blue);outline-offset:5px}.elaro-case .el-screen img{width:100%;height:auto;display:block}.elaro-case .el-expand{position:absolute;right:14px;bottom:14px;padding:8px;border-radius:50%;display:flex;background:var(--el-card);color:var(--el-muted);border:1px solid var(--el-line)}.elaro-case figcaption{color:var(--el-muted);font-size:12px;text-align:center;margin-top:16px;line-height:1.6}.elaro-case .el-hero-screen{transform:perspective(1600px) rotateY(-7deg) rotate(2deg);filter:drop-shadow(0 25px 40px #101c4920)}.elaro-case .el-hero-screen figcaption{display:none}.elaro-case .el-cover-note{display:flex;justify-content:center;gap:20px;margin-top:40px;color:var(--el-muted);font-size:12px}.elaro-case .el-cover-note i{font-style:normal;color:var(--el-blue)}.elaro-case .el-section{padding-block:100px}.elaro-case .el-chapter{display:flex;justify-content:space-between;gap:20px;margin-bottom:45px}.elaro-case .el-intro{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:10%;margin-bottom:48px}.elaro-case .el-intro h2{font-size:clamp(28px,3vw,48px);line-height:1.45;letter-spacing:-.03em}.elaro-case .el-intro>p{margin:4px 0 0;font-size:16px;color:var(--el-muted)}.elaro-case .el-process-grid,.elaro-case .el-entry-grid,.elaro-case .el-visual-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.elaro-case .el-process-grid article,.elaro-case .el-entry-grid article{background:var(--el-surface);border-radius:24px;padding:32px}.elaro-case small{font-size:12px;color:var(--el-blue)}.elaro-case h3{font-size:24px;line-height:1.5;margin-block:15px}.elaro-case article p{color:var(--el-muted);font-size:14px;margin-bottom:0}.elaro-case .el-tint{background:var(--el-surface);border-radius:44px}.elaro-case .el-entry-grid article{background:var(--el-card)}.elaro-case .el-entry-grid span{font-size:13px;color:var(--el-muted)}.elaro-case .el-entry-grid strong{display:block;font-size:28px;font-weight:600;margin-top:15px}.elaro-case .el-split{display:grid;grid-template-columns:1.55fr 1fr;align-items:center;gap:6%;margin-top:50px}.elaro-case .el-principle p{font-size:15px;color:var(--el-muted);max-width:370px}.elaro-case .el-architecture{border-radius:24px;background:var(--el-surface);padding:26px;margin-bottom:36px}.elaro-case .el-global{display:flex;gap:12px;flex-wrap:wrap}.elaro-case .el-global span{padding:12px 22px;border-radius:14px;font-size:14px;background:var(--el-card)}.elaro-case .el-global .el-selected{background:var(--el-blue);color:var(--el-bg)}.elaro-case .el-project-tools{border-radius:16px;background:var(--el-card);padding:20px;margin-top:18px}.elaro-case .el-project-tools p{margin:10px 0 0;font-size:14px;color:var(--el-muted)}.elaro-case .el-context{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-radius:24px;background:var(--el-surface);padding:35px;margin-top:40px}.elaro-case .el-context h3{margin-bottom:0}.elaro-case .el-context p{font-size:15px;color:var(--el-muted);margin:0}.elaro-case .el-visual-notes{margin-block:35px 50px}.elaro-case .el-visual-notes article{background:var(--el-card);border-radius:18px;padding:24px}.elaro-case .el-validation{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:60px;background:var(--el-surface);border-radius:24px;padding:36px}.elaro-case .el-validation strong{display:block;font-size:48px;letter-spacing:-.04em;font-weight:500}.elaro-case .el-validation span{font-size:12px;color:var(--el-muted)}.elaro-case .el-footnote{font-size:12px;color:var(--el-muted);margin-top:22px}.elaro-case .el-footer{padding-block:70px 100px;display:flex;justify-content:space-between;align-items:center;gap:30px}.elaro-case .el-footer h2{font-size:clamp(28px,3vw,48px)}.elaro-case .el-footer p:not(.el-eyebrow){color:var(--el-muted);font-size:14px}.elaro-case .el-footer a{display:flex;gap:10px;align-items:center;font-size:14px}.elaro-case .el-lightbox{width:min(95vw,1700px);max-height:92vh;border:1px solid var(--el-line);border-radius:24px;background:var(--el-bg);color:var(--el-ink);padding:20px;overflow:auto}.elaro-case .el-lightbox::backdrop{background:#090b12c9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.elaro-case .el-lightbox>img{display:block;width:100%;height:auto}.elaro-case .el-lightbox>p{text-align:center;font-size:13px;color:var(--el-muted)}.elaro-case .el-close{position:sticky;top:0;float:right;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--el-line);border-radius:50%;background:var(--el-card);color:var(--el-ink);z-index:1;cursor:pointer}@media(max-width:1000px){.elaro-case .el-cover{grid-template-columns:1fr;padding-block:145px 70px;gap:60px}.elaro-case .el-cover-art{max-width:850px;width:100%;margin:auto}.elaro-case .el-split{grid-template-columns:1fr;gap:35px}.elaro-case .el-principle p{max-width:none}.elaro-case .el-principle h3 br{display:none}.elaro-case .el-section{padding-block:70px}.elaro-case .el-intro{gap:5%}.elaro-case .el-process-grid article,.elaro-case .el-entry-grid article{padding:24px}}@media(max-width:650px){.elaro-case .el-cover{padding-top:130px;gap:40px;min-height:auto}.elaro-case .el-cover h1{font-size:64px}.elaro-case .el-cover h2{font-size:23px}.elaro-case .el-lead{font-size:14px}.elaro-case .el-eyebrow{font-size:9px;letter-spacing:.03em}.elaro-case .el-hero-screen{transform:none;filter:none}.elaro-case .el-screen button{border-radius:14px}.elaro-case .el-expand{padding:6px;right:8px;bottom:8px}.elaro-case .el-cover-note{margin-top:24px;gap:15px}.elaro-case .el-intro,.elaro-case .el-context{grid-template-columns:1fr;gap:22px}.elaro-case .el-intro{margin-bottom:30px}.elaro-case .el-intro>p{font-size:14px}.elaro-case .el-chapter{font-size:9px;letter-spacing:.03em;margin-bottom:30px}.elaro-case .el-process-grid,.elaro-case .el-entry-grid,.elaro-case .el-visual-notes{grid-template-columns:1fr;gap:12px}.elaro-case .el-process-grid article,.elaro-case .el-entry-grid article{padding:24px}.elaro-case .el-entry-grid strong{font-size:24px}.elaro-case .el-section{padding-block:55px}.elaro-case .el-tint{border-radius:26px}.elaro-case .el-context{padding:24px}.elaro-case .el-architecture{padding:18px}.elaro-case .el-global{gap:8px}.elaro-case .el-global span{font-size:12px;padding:10px 13px}.elaro-case .el-validation{grid-template-columns:repeat(2,1fr);padding:25px;gap:25px}.elaro-case .el-validation strong{font-size:38px}.elaro-case .el-footer{flex-direction:column;align-items:start;padding-block:45px 60px}.elaro-case .el-lightbox{padding:10px;border-radius:16px}}@media(prefers-reduced-motion:reduce){.elaro-case *{scroll-behavior:auto}}.elaro-case .el-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.elaro-case .el-tint .el-context{background:var(--el-card)}@media(max-width:800px){.elaro-case .el-gallery{grid-template-columns:1fr;gap:28px}}.capability-figure{--figure-paper: #dfe1d8;--figure-top: #f2f3ea;--figure-shade-0: #bcc0b3;--figure-shade-1: #c8ccbf;--figure-shade-2: #d5d8cd;--figure-shade-3: #e4e7dd;--figure-hi: #52594c;--figure-mid: #7b8373;--figure-lo: #a5ad9b;--figure-faint: #bdc3b4;--figure-lit: #4f6b1c;--figure-screen: #d6dccb;position:relative;width:100%;height:280px;border-radius:18px;background:radial-gradient(ellipse at 50% 70%,#b5c69820,transparent 65%);touch-action:pan-y;outline:none}[data-theme=dark] .capability-figure{--figure-paper: #282c24;--figure-top: #454c3b;--figure-shade-0: #131610;--figure-shade-1: #1c2018;--figure-shade-2: #252a20;--figure-shade-3: #2e3428;--figure-hi: #d1dbc3;--figure-mid: #98a788;--figure-lo: #515c47;--figure-faint: #3c4633;--figure-lit: #c9ff36;--figure-screen: #151b11}.capability-figure:focus-visible{outline:1px solid var(--figure-lit);outline-offset:4px}.ability-grid .capability-figure svg{position:static;display:block;width:100%;height:100%;overflow:visible}.capability-figure .iso-fill{fill:var(--figure-paper)}.capability-figure .iso-top{fill:var(--figure-top)}.capability-figure .iso-shade[data-shade="0"]{fill:var(--figure-shade-0)}.capability-figure .iso-shade[data-shade="1"]{fill:var(--figure-shade-1)}.capability-figure .iso-shade[data-shade="2"]{fill:var(--figure-shade-2)}.capability-figure .iso-shade[data-shade="3"]{fill:var(--figure-shade-3)}.capability-figure .iso-line{fill:none;stroke:var(--figure-lo);stroke-width:.65;stroke-linecap:round;stroke-linejoin:round}.capability-figure [data-tone=hi]{stroke:var(--figure-hi)}.capability-figure [data-tone=mid]{stroke:var(--figure-mid)}.capability-figure [data-tone=faint]{stroke:var(--figure-faint)}.capability-figure [data-tone=lit]{stroke:var(--figure-lit);stroke-width:1.2}.capability-figure .iso-dots{fill:var(--figure-mid);stroke:none}.capability-figure .anatomy-screen-muted{fill:var(--figure-paper);stroke:var(--figure-lo);stroke-width:.4}.capability-figure .anatomy-screen-line{fill:var(--figure-mid)}.capability-figure .anatomy-screen-accent{fill:var(--figure-lit);opacity:.8}.capability-figure .anatomy-display{fill:var(--figure-screen);stroke:var(--figure-lo);stroke-width:.7}.capability-figure .anatomy-code{fill:none;stroke:var(--figure-lit);stroke-width:1.2}.capability-figure [data-mechanism=task] .iso-top{fill:color-mix(in srgb,var(--figure-lit) 35%,var(--figure-top))}.ability-grid .anatomy-capability{padding:28px 30px 32px;isolation:isolate}.anatomy-capability .capability-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px;letter-spacing:.1em}.anatomy-capability .capability-top svg{position:static}.ability-grid .anatomy-capability h3{margin:8px 0 16px;font-size:28px}.ability-grid .anatomy-capability p{margin:0;max-width:520px}.ability-grid:has(.anatomy-capability){margin-top:55px;gap:20px}@media(max-width:640px){.ability-grid .anatomy-capability{padding:22px}.capability-figure{height:auto;aspect-ratio:480/280}.ability-grid .anatomy-capability h3{font-size:24px}}.about-grid.workshop-about-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(40px,5vw,80px);align-items:center}.workshop-stage{min-width:0}.workshop-stage .workshop-figure{height:auto;aspect-ratio:440/320;width:100%;cursor:pointer;background:none;border-radius:0}.workshop-figure svg{display:block;width:100%;height:100%}.workshop-about-grid .about-copy{padding-top:0}.workshop-about-grid .about-copy h2{font-size:clamp(34px,3.25vw,56px);line-height:1.3;letter-spacing:-.035em}.about-copy h2 .about-tenure{white-space:nowrap;color:inherit}@media(max-width:1000px){.about-grid.workshop-about-grid{grid-template-columns:minmax(0,1fr);gap:36px}.workshop-stage{width:100%;max-width:620px;margin-inline:auto}}