:root{--page:#f3f1ed;--surface:#fff;--surface-soft:#ececf0;--text:#1d1d1f;--text-secondary:#6e6e73;--text-tertiary:#86868b;--separator:#0000001a;--separator-strong:#0000002e;--accent:#9b4537;--accent-hover:#83372d;--focus:#0071e3;--product:#35090c;--product-raised:#510b11;--product-text:#fff7ed;--product-secondary:#fff7edb8;--product-accent:#ffd45d;--shadow-small:0 .25rem 1.25rem #00000014;--shadow-large:0 2rem 5rem #0000001f;--radius-small:.75rem;--radius-medium:1.5rem;--radius-large:2.25rem;--page-width:76rem;--reading-width:45rem;--gutter:clamp(1.25rem, 4vw, 3rem);--ease-out:cubic-bezier(.23, 1, .32, 1);--display-hero-size:clamp(3.5rem, 9vw, 8rem);--display-hero-measure:10.5ch;--display-hero-weight:620;--display-hero-tracking:-.075em;--display-hero-leading:.94;--display-feature-size:clamp(2.6rem, 6vw, 5.6rem);--display-section-size:clamp(2.5rem, 5vw, 4.8rem);--display-section-weight:600;--display-section-tracking:-.06em;--display-section-leading:1;--display-feature-measure:52rem;--display-principles-measure:10ch;--display-contact-measure:13ch;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility}:root[data-theme=dark]{--page:#0b0b0a;--surface:#1c1c1e;--surface-soft:#2c2c2e;--text:#f5f5f7;--text-secondary:#a1a1a6;--text-tertiary:#8e8e93;--separator:#ffffff1f;--separator-strong:#ffffff38;--accent:#2997ff;--accent-hover:#5ac8fa;--focus:#2997ff;--product:#1f0507;--product-raised:#43080e;--product-text:#fff7ed;--product-secondary:#fff7edb3;--product-accent:#ffd45d;--shadow-small:0 .25rem 1.25rem #0000004d;--shadow-large:0 2rem 5rem #0000006b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[lang^=zh]{--display-hero-size:clamp(3.1rem, 7vw, 6.25rem);--display-hero-measure:16em;--display-hero-weight:680;--display-hero-tracking:-.035em;--display-hero-leading:1.12;--display-feature-size:clamp(2.3rem, 4.5vw, 4.3rem);--display-section-size:clamp(2.2rem, 4.2vw, 4rem);--display-section-weight:650;--display-section-tracking:-.025em;--display-section-leading:1.12;--display-feature-measure:18em;--display-principles-measure:14em;--display-contact-measure:18em;line-break:strict}@supports (max-inline-size:1ic){html[lang^=zh]{--display-hero-measure:16ic;--display-feature-measure:18ic;--display-principles-measure:14ic;--display-contact-measure:18ic}}*,:before,:after{box-sizing:border-box}html{background:var(--page);scroll-behavior:smooth}body{background:var(--page);color:var(--text);-webkit-font-smoothing:antialiased;transition:background-color .18s var(--ease-out), color .18s var(--ease-out);margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,PingFang TC,PingFang SC,Microsoft JhengHei,Microsoft YaHei,system-ui,sans-serif;font-size:1rem;line-height:1.5}button,select,input,textarea{color:inherit;font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.075em}img,svg{max-width:100%;display:block}::selection{background:color-mix(in srgb, var(--accent) 28%, transparent)}:focus-visible{outline:.2rem solid var(--focus);outline-offset:.2rem;border-radius:.35rem}h1,h2,h3,p{margin-block-start:0}h1,h2,h3{text-wrap:balance;line-height:1.06}#main-content{overflow:clip}.visually-hidden,.theme-toggle__label{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1000;background:var(--text);color:var(--page);transition:transform .16s var(--ease-out);border-radius:.65rem;padding:.7rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.eyebrow{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .9rem;font-size:.74rem;font-weight:650;line-height:1.3}html[lang^=zh] .eyebrow{letter-spacing:.12em}.site-header{z-index:20;border-bottom:1px solid var(--separator);background:color-mix(in srgb, var(--page) 74%, transparent);-webkit-backdrop-filter:saturate(180%)blur(1.25rem);backdrop-filter:saturate(180%)blur(1.25rem);position:sticky;top:0}.site-header__inner{width:min(100%, var(--page-width));min-height:3.25rem;padding-inline:var(--gutter);grid-template-columns:1fr auto 1fr;align-items:center;margin-inline:auto;display:grid}.brand-mark{letter-spacing:-.025em;justify-self:start;align-items:center;gap:.55rem;width:fit-content;font-weight:650;text-decoration:none;display:inline-flex}.brand-mark__symbol{background:var(--text);width:1.75rem;height:1.75rem;color:var(--page);border-radius:.5rem;place-items:center;display:grid}.brand-mark__symbol svg{width:1.35rem;height:1.35rem}.brand-mark__word{font-size:.92rem}.brand-mark--compact .brand-mark__symbol{width:1.65rem;height:1.65rem}.brand-mark--compact .brand-mark__word{font-size:.88rem}.site-nav{justify-content:center;align-items:center;gap:clamp(1.25rem,2.5vw,2rem);display:flex}.site-nav a{min-height:2.75rem;color:var(--text-secondary);align-items:center;font-size:.76rem;font-weight:500;text-decoration:none;transition:color .14s;display:inline-flex}.site-header__tools{justify-self:end;align-items:center;gap:.35rem;display:flex}.icon-button,.language-switcher{height:2.75rem;transition:background-color .14s ease, transform .12s var(--ease-out);background:0 0;border:0;border-radius:999px;place-items:center;display:grid}.icon-button{cursor:pointer;width:2.75rem;padding:0}.icon-button svg{width:1.05rem;height:1.05rem}.icon-button:active,.language-switcher:active,.button:active,.store-button:active{transform:scale(.97)}.theme-toggle{position:relative}.theme-toggle__label--to-light,:root[data-theme=dark] .theme-toggle__label--to-dark{display:none}:root[data-theme=dark] .theme-toggle__label--to-light{display:block}.theme-toggle__sun,.theme-toggle__moon{transition:opacity .16s var(--ease-out), transform .18s var(--ease-out);grid-area:1/1}.theme-toggle__moon{opacity:0;transform:rotate(-22deg)scale(.9)}:root[data-theme=dark] .theme-toggle__sun{opacity:0;transform:rotate(22deg)scale(.9)}:root[data-theme=dark] .theme-toggle__moon{opacity:1;transform:rotate(0)scale(1)}.language-switcher{width:3.5rem;position:relative}.language-switcher select{cursor:pointer;appearance:none;background:0 0;border:0;outline:0;width:100%;padding:.1rem 1.15rem .1rem .65rem;font-size:.68rem;font-weight:600;position:absolute;inset:0}.language-switcher option{color:#1d1d1f;background-color:#fff}.language-switcher svg{pointer-events:none;width:.45rem;position:absolute;right:.5rem}.button,.text-link{justify-content:center;align-items:center;gap:.45rem;width:fit-content;font-size:.92rem;font-weight:500;text-decoration:none;display:inline-flex}.button{min-height:2.8rem;transition:background-color .14s ease, color .14s ease, transform .12s var(--ease-out);border:0;border-radius:999px;padding:.65rem 1.15rem}.button--primary{background:var(--accent);color:#fff}.text-link{color:var(--accent);padding-block:.55rem}.text-link .arrow-icon,.button .arrow-icon,.legal-links .arrow-icon{transition:transform .16s var(--ease-out)}.arrow-icon{flex:none;width:.95rem;height:.95rem}.app-overview,.feature-section,.gallery-section,.responsible-note,.support-section,.legal-page,.updates-page,.update-detail{width:min(100%, var(--page-width));padding-inline:var(--gutter);margin-inline:auto}.app-icon{border-radius:1.05rem;flex:none;width:4.5rem;height:4.5rem;box-shadow:0 0 0 1px #ffffff1f}.app-icon--large{border-radius:1.55rem;width:6.5rem;height:6.5rem}.store-button{background:var(--product-text);color:#17130f;min-height:3.45rem;transition:background-color .14s ease, transform .12s var(--ease-out);border:0;border-radius:.75rem;align-items:center;gap:.65rem;padding:.5rem .8rem;text-decoration:none;display:inline-flex}.store-button__mark{width:1.4rem}.store-button__copy{flex-direction:column;min-width:6.2rem;line-height:1;display:flex}.store-button__copy small{letter-spacing:.06em;margin-bottom:.25rem;font-size:.5rem;font-weight:600}.store-button__copy strong{letter-spacing:-.02em;font-size:.95rem}.store-button .arrow-icon{width:.85rem}.device-gallery{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(1rem,2.6vw,2rem);display:grid}.device-gallery--compact{display:block}.device-shot{min-width:0;margin:0}.device-shot__frame{background:#080808;border:1px solid #ffffff29;border-radius:clamp(1.55rem,3.5vw,2.6rem);padding:1.4rem .48rem .52rem;position:relative;box-shadow:0 1.5rem 3rem #0000004d,inset 0 0 0 .12rem #242424}.device-shot__speaker{z-index:3;background:#2c2c2e;border-radius:999px;width:24%;height:.28rem;position:absolute;top:.62rem;left:50%;transform:translate(-50%)}.device-shot__screen{aspect-ratio:.59;background:#0b0908;border-radius:clamp(1.05rem,2.6vw,2rem);position:relative;overflow:hidden}.device-shot__screen img{width:100%;max-width:none;height:auto}.device-shot figcaption{color:var(--text-secondary);gap:.65rem;margin-top:.85rem;font-size:.75rem;line-height:1.45;display:flex}.device-shot figcaption span{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-weight:600}.feature-section h2,.gallery-section h2{letter-spacing:-.055em;margin:0;font-size:clamp(2.5rem,5vw,4.8rem);font-weight:650}html[lang^=zh] .feature-section h2,html[lang^=zh] .gallery-section h2{letter-spacing:-.035em;font-weight:700}.site-footer{width:min(100%, var(--page-width));padding:clamp(3rem, 7vw, 5rem) var(--gutter) 1.5rem;margin-inline:auto}.site-footer__top,.site-footer__bottom{align-items:center;display:flex}.site-footer__top{gap:1.5rem;padding-bottom:2rem}.site-footer__top p,.site-footer__top>a{color:var(--text-secondary);margin:0;font-size:.82rem}.site-footer__top>a{margin-left:auto}.site-footer__bottom{border-top:1px solid var(--separator);color:var(--text-tertiary);justify-content:space-between;padding-top:1rem;font-size:.72rem}.site-footer__bottom p{margin:0}.app-hero{background:var(--product);min-height:min(48rem,100svh - 3.25rem);color:var(--product-text);grid-template-columns:minmax(0,1fr) minmax(22rem,.78fr);display:grid;overflow:hidden}.app-hero__copy{padding:clamp(4rem, 8vw, 7rem) max(var(--gutter), calc((100vw - var(--page-width)) / 2 + var(--gutter)));flex-direction:column;justify-content:center;display:flex}.app-hero__identity{align-items:center;gap:1rem;display:flex}.app-hero__identity .eyebrow{color:var(--product-accent);margin:0}.app-hero h1{letter-spacing:-.06em;max-width:10ch;margin:1.4rem 0 0;font-size:clamp(3.4rem,7vw,6.5rem)}.app-hero__tagline{color:var(--product-accent);margin:1.2rem 0 0;font-size:.86rem;font-weight:600}.app-hero__summary{max-width:35rem;color:var(--product-secondary);margin:1rem 0 0;font-size:clamp(1.05rem,1.6vw,1.25rem)}.app-hero__actions{margin-top:1.6rem}.app-facts{border-top:1px solid #ffffff26;flex-wrap:wrap;gap:1rem 2.5rem;margin:2rem 0 0;padding-top:1.5rem;display:flex}.app-facts div{min-width:6rem}.app-facts dt{color:var(--product-secondary);font-size:.68rem}.app-facts dd{margin:.2rem 0 0;font-size:.84rem;font-weight:600}.app-hero__device{background:var(--product-raised);place-items:end center;min-height:38rem;display:grid;position:relative;overflow:hidden}.app-hero__ring{aspect-ratio:1;background:color-mix(in srgb, var(--product-accent) 12%, transparent);border-radius:50%;width:70%;position:absolute;top:18%;left:15%}.app-hero__device .device-gallery{z-index:2;width:min(66%,18rem);margin-bottom:-6rem;position:relative}.app-overview{grid-template-columns:.35fr 1fr;gap:2rem;padding-top:clamp(5rem,10vw,8rem);padding-bottom:clamp(5rem,10vw,8rem);display:grid}.app-overview__copy{max-width:48rem;color:var(--text-secondary);letter-spacing:-.03em;margin:0;font-size:clamp(1.45rem,3vw,2.4rem);font-weight:500;line-height:1.3}.feature-section{border-radius:var(--radius-large);background:var(--surface);padding-top:clamp(4rem,8vw,6rem);padding-bottom:clamp(4rem,8vw,6rem)}.feature-section__header{max-width:50rem;margin-bottom:clamp(3rem,7vw,5rem)}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 3rem;margin:0;padding:0;list-style:none;display:grid}.feature-grid li{border-top:1px solid var(--separator);grid-template-columns:2rem 1fr;padding:1.6rem 0;display:grid}.feature-grid li>span{color:var(--text-tertiary);font-variant-numeric:tabular-nums;font-size:.7rem}.feature-grid h3{letter-spacing:-.02em;grid-column:2;margin:0 0 .5rem;font-size:1.25rem}.feature-grid p{color:var(--text-secondary);grid-column:2;margin:0}.gallery-section{padding-top:clamp(6rem,11vw,9rem);padding-bottom:clamp(5rem,10vw,8rem)}.gallery-section__header{max-width:48rem;margin-bottom:clamp(2.5rem,6vw,4.5rem)}.gallery-section .device-shot:nth-child(2){margin-top:3rem}.responsible-note{border-top:1px solid var(--separator);border-bottom:1px solid var(--separator);grid-template-columns:1.6rem 1fr;gap:.85rem;padding-top:1.25rem;padding-bottom:1.25rem;display:grid}.responsible-note span{border:1px solid var(--separator-strong);width:1.35rem;height:1.35rem;color:var(--text-secondary);border-radius:50%;place-items:center;font-size:.72rem;display:grid}.responsible-note p{max-width:58rem;color:var(--text-secondary);margin:0;font-size:.78rem}.support-section{grid-template-columns:1fr .72fr;gap:clamp(3rem,8vw,8rem);padding-top:clamp(5rem,10vw,8rem);padding-bottom:clamp(5rem,10vw,8rem);display:grid}.support-section__copy,.legal-links,.app-hero>*{min-width:0}.support-section h2{letter-spacing:-.055em;max-width:14ch;margin:0;font-size:clamp(2.5rem,5vw,4.7rem)}.support-section__copy>p:not(.eyebrow){max-width:34rem;color:var(--text-secondary);margin:1.2rem 0 1.5rem}.legal-links>a{border-top:1px solid var(--separator);justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 0;text-decoration:none;display:flex}.legal-links>a:last-child{border-bottom:1px solid var(--separator)}.legal-page,.update-detail{max-width:calc(var(--reading-width) + 2 * var(--gutter));padding-top:clamp(4rem,8vw,7rem);padding-bottom:clamp(5rem,10vw,8rem)}.legal-page__header,.update-detail>header{border-bottom:1px solid var(--separator);padding-bottom:2.5rem}.legal-page h1,.update-detail h1,.updates-page h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.8rem,6vw,5.2rem)}.legal-page__description,.update-detail>header>p:not(.eyebrow){color:var(--text-secondary);margin:1.2rem 0 0;font-size:1.1rem}.legal-page__date,.update-detail time{color:var(--text-tertiary);margin:1.2rem 0 0;font-size:.75rem;display:block}.prose{color:var(--text-secondary);padding-top:2.5rem;font-size:1rem;line-height:1.7}.prose h2{color:var(--text);letter-spacing:-.025em;margin:3rem 0 1rem;font-size:1.75rem}.prose h2:first-child{margin-top:0}.prose h3{color:var(--text);margin:2rem 0 .75rem;font-size:1.2rem}.prose p,.prose li{text-wrap:pretty}.prose ul,.prose ol{padding-left:1.25rem}.prose li+li{margin-top:.55rem}.prose hr{background:var(--separator);border:0;height:1px;margin:2.5rem 0}.prose a{color:var(--accent)}.updates-page{padding-top:clamp(4rem,8vw,7rem);padding-bottom:clamp(5rem,10vw,8rem)}.updates-page>header{max-width:52rem;margin-bottom:3rem}.update-list{border-top:1px solid var(--separator)}.update-list article{border-bottom:1px solid var(--separator);grid-template-columns:11rem 1fr auto;align-items:start;gap:1rem 2rem;padding:2.25rem 0;display:grid}.update-list__meta{color:var(--text-tertiary);flex-direction:column;align-items:flex-start;gap:.3rem;font-size:.7rem;display:flex}.update-list h2{letter-spacing:-.035em;margin:0;font-size:clamp(1.5rem,3vw,2.25rem)}.update-list article>p{color:var(--text-secondary);grid-column:2;margin:0}.update-list .text-link{grid-area:1/3/span 2}.error-page{min-height:100svh}.error-page__header{width:min(100%, var(--page-width));padding:1rem var(--gutter);margin-inline:auto}.error-page__main{width:min(100%,45rem);padding:clamp(5rem, 12vw, 10rem) var(--gutter);text-align:center;margin-inline:auto}.error-page__main h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.8rem,7vw,5.5rem)}.error-page__main>p:not(.eyebrow){color:var(--text-secondary);margin:1.2rem auto 1.6rem}.error-page__symbol{background:var(--text);width:4.5rem;height:4.5rem;color:var(--page);border-radius:1.25rem;place-items:center;margin:0 auto 1.5rem;display:grid}.error-page__symbol svg{width:3rem}@media (hover:hover) and (pointer:fine){.site-nav a:hover,.site-footer a:hover{color:var(--text)}.icon-button:hover,.language-switcher:hover{background:var(--surface-soft)}.button--primary:hover{background:var(--accent-hover)}.text-link:hover .arrow-icon,.button:hover .arrow-icon,.legal-links>a:hover .arrow-icon{transform:translate(.18rem)}.store-button:hover{background:#fff}}@media (width<=60rem){.app-hero{grid-template-columns:1fr}.app-hero__device{min-height:32rem}.app-hero__device .device-gallery{width:min(48%,17rem)}.app-hero__copy{padding-inline:var(--gutter)}}@media (width<=45rem){.site-header__inner{grid-template-columns:1fr auto;padding-top:.35rem}.site-nav{scrollbar-width:none;grid-area:2/1/auto/-1;justify-content:flex-start;width:100%;padding:.15rem 0 .7rem;overflow-x:auto}.site-nav::-webkit-scrollbar{display:none}.app-hero__device{min-height:27rem}.app-hero__device .device-gallery{width:min(56%,15rem);margin-bottom:-5rem}.app-overview{grid-template-columns:1fr}.feature-section{border-radius:0}.feature-grid{grid-template-columns:1fr}.device-gallery{grid-template-columns:1fr;gap:3rem}.device-shot{width:min(78%,18rem);margin-inline:auto}.gallery-section .device-shot:nth-child(2){margin-top:0}.support-section{grid-template-columns:1fr}.site-footer__top{flex-direction:column;align-items:flex-start;gap:.75rem}.site-footer__top>a{margin-left:0}.site-footer__bottom{flex-direction:column;align-items:flex-start;gap:.5rem}.update-list article{grid-template-columns:1fr}.update-list article>p,.update-list .text-link{grid-area:auto/1}}@media (width<=25rem){.brand-mark__word{display:none}.app-hero h1{font-size:clamp(2.8rem,16vw,4rem)}.support-section .button{overflow-wrap:anywhere;width:100%;padding-inline:.75rem;font-size:.82rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-reduced-transparency:reduce){.site-header{background:var(--page);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-contrast:more){:root{--separator:#00000059;--separator-strong:#0000008c}:root[data-theme=dark]{--separator:#ffffff61;--separator-strong:#ffffff94}.site-header{background:var(--page)}}.site-header{z-index:50;width:min(calc(100% - 2rem), var(--page-width));border:1px solid color-mix(in srgb, var(--separator) 70%, transparent);background:color-mix(in srgb, var(--page) 78%, transparent);-webkit-backdrop-filter:blur(1.4rem)saturate(160%);backdrop-filter:blur(1.4rem)saturate(160%);border-radius:1.15rem;margin-inline:auto;position:fixed;top:.75rem;left:1rem;right:1rem;box-shadow:0 .75rem 2.5rem #0000000f}.site-header__inner{width:100%;min-height:3.5rem;padding:.4rem .55rem .4rem .75rem}.mobile-menu{display:none}.studio-hero{min-height:min(62rem,100svh);padding:clamp(9rem, 15vw, 12rem) var(--gutter) 4rem;text-align:center;flex-direction:column;align-items:center;display:flex}.studio-hero .eyebrow{color:var(--text-secondary)}.studio-hero h1{max-inline-size:min(100%, var(--display-hero-measure));font-size:var(--display-hero-size);font-weight:var(--display-hero-weight);letter-spacing:var(--display-hero-tracking);line-height:var(--display-hero-leading);margin:0 0 1.5rem}.studio-hero__intro{max-width:38rem;color:var(--text-secondary);margin:0 0 1.75rem;font-size:clamp(1.05rem,1.8vw,1.3rem);line-height:1.55}.studio-primary-action{background:var(--text);min-height:3rem;color:var(--page);transition:transform .1s var(--ease-out), box-shadow .16s var(--ease-out);border-radius:999px;justify-content:center;align-items:center;gap:.7rem;padding:.7rem 1.2rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.studio-primary-action:active,.portfolio-app__link:active{transform:scale(.97)}.studio-motif{isolation:isolate;perspective:900px;width:min(90vw,31rem);height:15rem;margin-top:clamp(3rem,6vw,5rem);position:relative}.studio-motif__seed,.studio-motif__plane{display:block;position:absolute}.studio-motif__seed{z-index:5;background:#798f73;border-radius:50%;width:.7rem;height:.7rem;animation:5s ease-in-out infinite alternate studio-seed-drift;top:28%;left:10%;box-shadow:0 0 0 .5rem #798f7321}.studio-motif__plane{-webkit-backdrop-filter:blur(1.5rem)saturate(140%);backdrop-filter:blur(1.5rem)saturate(140%);transform-origin:bottom;background:linear-gradient(145deg,#ffffff8a,#ffffff14),#cbc3b840;border:1px solid #ffffff7a;border-radius:2rem;width:9.5rem;height:12.5rem;top:0;left:50%;box-shadow:0 1.75rem 5rem #3a2d2321,inset 0 1px #ffffffb3}:root[data-theme=dark] .studio-motif__plane{background:linear-gradient(145deg,#ffffff1c,#ffffff04),#423d3833;border-color:#ffffff1f;box-shadow:0 2rem 6rem #00000070,inset 0 1px #ffffff1f}.studio-motif__plane--one{transform:translate(-125%)rotateY(32deg)rotate(-7deg)scale(.72)}.studio-motif__plane--two{transform:translate(-50%)rotateY(0)rotate(1deg)scale(.88)}.studio-motif__plane--three{color:#fff8f3;background:linear-gradient(145deg,#a75341,#753a30);place-items:center;display:grid;transform:translate(30%)rotateY(-26deg)rotate(7deg)}.studio-motif__plane--three svg{width:42%}.portfolio-section,.studio-principles,.studio-contact{width:min(calc(100% - 2rem), var(--page-width));margin-inline:auto}.portfolio-section{padding:clamp(5rem,10vw,9rem) 0;scroll-margin-top:6rem}.portfolio-section>header{max-width:52rem;margin-bottom:clamp(2rem,5vw,4rem)}.portfolio-section>header h2{max-inline-size:min(100%, var(--display-feature-measure));font-size:var(--display-feature-size);font-weight:var(--display-section-weight);letter-spacing:var(--display-section-tracking);line-height:var(--display-section-leading);margin:0}.portfolio-list{gap:clamp(2rem,5vw,4rem);display:grid}.portfolio-app{background:var(--portfolio-surface);color:#fff7ed;min-height:43rem;box-shadow:var(--shadow-large);border-radius:clamp(1.5rem,4vw,3.5rem);grid-template-columns:minmax(0,.88fr) minmax(22rem,1.12fr);display:grid;overflow:hidden}.portfolio-app__content{flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(2.25rem,6vw,5.5rem);display:flex}.portfolio-app__identity{align-items:center;gap:1rem;display:flex}.portfolio-app__identity img{border-radius:1.15rem;width:5rem;height:5rem;box-shadow:0 0 0 1px #ffffff1f}.portfolio-app__identity span{color:var(--portfolio-accent);letter-spacing:.04em;margin-bottom:.35rem;font-size:.68rem;font-weight:650;display:block}.portfolio-app__identity h3{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,4vw,3.5rem);font-weight:620;line-height:1}.portfolio-app__description{color:#fff7edb8;max-width:34rem;margin:2rem 0 1.5rem;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.55}.portfolio-app__facts{border-top:1px solid #fff7ed2e;grid-template-columns:repeat(3,1fr);width:100%;margin:0;padding:1.25rem 0 0;display:grid}.portfolio-app__facts div{flex-direction:column;gap:.25rem;display:flex}.portfolio-app__facts dt{color:#fff7ed80;font-size:.65rem}.portfolio-app__facts dd{margin:0;font-size:.8rem;font-weight:550}.portfolio-app__link{min-height:3rem;color:var(--portfolio-accent);align-items:center;gap:.7rem;margin-top:1.75rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.portfolio-app__link span{transition:transform .16s var(--ease-out)}.portfolio-app__visual{background:radial-gradient(circle at 50% 42%, var(--portfolio-glow), transparent 35%), var(--portfolio-visual-surface);place-items:end center;min-height:35rem;display:grid;position:relative;overflow:hidden}.portfolio-app__visual:before{border:1px solid var(--portfolio-orbit);content:"";border-radius:50%;width:28rem;height:28rem;position:absolute}.portfolio-app__visual .device-gallery{z-index:2;width:min(53%,18rem);margin-bottom:-5rem;position:relative;transform:rotate(2deg)}.studio-principles{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(3rem,8vw,8rem);padding:clamp(6rem,12vw,11rem) 0;scroll-margin-top:6rem;display:grid}.studio-principles header h2{max-inline-size:min(100%, var(--display-principles-measure));font-size:var(--display-section-size);font-weight:var(--display-section-weight);letter-spacing:var(--display-section-tracking);line-height:var(--display-section-leading);margin:0}.studio-principles ol{border-top:1px solid var(--separator);margin:0;padding:0;list-style:none}.studio-principles li{border-bottom:1px solid var(--separator);grid-template-columns:3rem .72fr 1fr;align-items:start;gap:1.25rem;padding:1.7rem 0;display:grid}.studio-principles li>span{color:var(--text-secondary);font-size:.7rem}.studio-principles h3{letter-spacing:-.025em;margin:0;font-size:1.15rem}.studio-principles li p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.55}.studio-contact{color:#183019;background:#dfe9db;border-radius:clamp(1.5rem,4vw,3.5rem);grid-template-columns:.55fr 1.45fr;gap:2rem;padding:clamp(3rem,7vw,6rem);scroll-margin-top:6rem;display:grid}:root[data-theme=dark] .studio-contact{color:#e9f5e7;background:#172217}.studio-contact .eyebrow{color:currentColor;opacity:.6}.studio-contact h2{max-inline-size:min(100%, var(--display-contact-measure));font-size:var(--display-section-size);font-weight:var(--display-section-weight);letter-spacing:var(--display-section-tracking);line-height:var(--display-section-leading);margin:0 0 1.5rem}.studio-contact p{color:currentColor;opacity:.7;max-width:31rem}.studio-contact a{color:currentColor;border-bottom:1px solid;gap:.8rem;margin-top:1.5rem;padding:.9rem 0;font-weight:650;text-decoration:none;display:inline-flex}.site-footer{padding-bottom:2.5rem}.site-footer__top,.site-footer__bottom{border-color:var(--separator)}@keyframes studio-seed-drift{0%{transform:translate(0,0)}to{transform:translate(1.25rem,.7rem)}}@media (hover:hover) and (pointer:fine){.studio-primary-action:hover{transform:translateY(-1px);box-shadow:0 .75rem 1.75rem #00000024}.studio-motif__plane{transition:transform .4s cubic-bezier(.22,1,.36,1)}.studio-motif:hover .studio-motif__plane--one{transform:translate(-135%)rotateY(38deg)rotate(-10deg)scale(.72)}.studio-motif:hover .studio-motif__plane--three{transform:translate(40%)rotateY(-30deg)rotate(10deg)}.portfolio-app__link:hover span{transform:translate(.15rem,-.15rem)}}@media (width<=60rem){.portfolio-app{grid-template-columns:1fr}.portfolio-app__visual{min-height:31rem}.portfolio-app__visual .device-gallery{width:min(48%,17rem)}}@media (width<=45rem){:root{--display-hero-size:clamp(3.25rem, 15vw, 5.5rem)}html[lang^=zh]{--display-hero-size:clamp(2.65rem, 11vw, 4.2rem);--display-feature-size:clamp(2.2rem, 9vw, 3.5rem);--display-section-size:clamp(2.1rem, 8.5vw, 3.35rem)}.site-header__inner{grid-template-columns:1fr auto;padding:.4rem .55rem .4rem .75rem}.site-nav{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{cursor:pointer;border-radius:50%;place-content:center;gap:.3rem;width:2.75rem;height:2.75rem;padding:0;list-style:none;display:grid}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{width:1rem;height:1px;transition:transform .18s var(--ease-out);background:currentColor;display:block}.mobile-menu[open] summary span:first-child{transform:translateY(.2rem)rotate(45deg)}.mobile-menu[open] summary span:last-child{transform:translateY(-.2rem)rotate(-45deg)}.mobile-menu nav{z-index:60;border:1px solid var(--separator);background:var(--page);border-radius:1.25rem;flex-direction:column;align-items:stretch;gap:0;padding:.6rem;display:flex;position:fixed;top:5.1rem;left:1rem;right:1rem;box-shadow:0 1.5rem 4rem #0000002e}.mobile-menu nav a{border-bottom:1px solid var(--separator);min-height:3rem;color:var(--text);align-items:center;padding:.5rem .75rem;font-size:.9rem;display:flex}.mobile-menu nav a:last-child{border-bottom:0}.studio-hero{min-height:49rem;padding-top:8.5rem}.studio-motif{transform:scale(.82)}.portfolio-app{border-radius:var(--radius-medium)}.portfolio-app__content{padding:2rem 1.5rem 2.5rem}.portfolio-app__visual{min-height:27rem}.portfolio-app__visual .device-gallery{width:min(58%,16rem)}.studio-principles{grid-template-columns:1fr}.studio-principles header h2{max-width:12ch}.studio-principles li{grid-template-columns:2rem 1fr}.studio-principles li p{grid-column:2}.studio-contact{grid-template-columns:1fr;padding:2rem 1.5rem 2.5rem}}@media (width<=27rem){.brand-mark__word{display:inline}.portfolio-app__identity{flex-direction:column;align-items:flex-start}.portfolio-app__facts{grid-template-columns:1fr;gap:.9rem}}@media (prefers-reduced-motion:reduce){.studio-motif__seed{animation:none!important}.studio-motif__plane,.studio-primary-action,.portfolio-app__link span,.mobile-menu summary span{transition:none!important}}@media (prefers-reduced-transparency:reduce){.site-header{background:var(--page);-webkit-backdrop-filter:none;backdrop-filter:none}.studio-motif__plane{background:color-mix(in srgb, var(--page) 92%, var(--text));-webkit-backdrop-filter:none;backdrop-filter:none}.studio-motif__plane--three{background:var(--accent)}}