:root{--bg:#08080e;--alt:#0e0d15;--surface:#15141c;--text:#f6f5f7;--muted:#a6a4af;--dim:#6d6b78;--line:#ffffff1c;--accent:#c3b5ef;--max:1320px;color:var(--text);background:var(--bg);font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);margin:0;overflow-x:hidden}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.header{z-index:5;width:min(980px,100% - 48px);position:absolute;top:32px;left:50%;transform:translate(-50%)}.pill-nav{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#18171fb8;border-radius:999px;justify-content:space-between;align-items:center;height:76px;padding:0 16px 0 22px;display:flex}.wordmark{color:var(--text);letter-spacing:-.05em;font-size:17px;font-weight:700;text-decoration:none}.wordmark span{color:var(--dim);letter-spacing:.13em;margin-left:8px;font-size:9px}.nav-links{gap:6px;display:flex}.nav-links a{color:var(--muted);border-radius:999px;padding:11px 17px;font-size:14px;text-decoration:none;transition:all .2s}.nav-links a:hover{color:#fff;background:#ffffff0f}.menu{color:#fff;background:0 0;border:0;display:none}.hero{background:radial-gradient(70% 44% at 54% 75%,#301d5340,transparent 72%),radial-gradient(42% 32% at 5% 65%,#0c272d33,transparent 80%),var(--bg);place-items:center;min-height:100svh;display:grid;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:linear-gradient(#0000 65%,#0e081e5c);position:absolute;inset:0}.hero-noise{opacity:.18;background-image:radial-gradient(#ffffff2e .5px,#0000 .7px);background-size:5px 5px;position:absolute;inset:0}.hero-content{z-index:1;text-align:center;padding:156px 24px 128px;animation:.85s both intro}.hero-label,.eyebrow{color:var(--dim);letter-spacing:.17em;text-transform:uppercase;margin:0;font-size:11px;font-weight:600}.hero h1{letter-spacing:-.1em;white-space:nowrap;margin:34px auto 42px;font-size:clamp(72px,10.5vw,172px);font-weight:800;line-height:1.04}.hero h1 span{animation:.9s both title;display:block}.hero h1 span+span{animation-delay:.1s}.hero h2{margin:0;font-size:clamp(17px,1.65vw,26px)}.hero-description{color:var(--muted);margin:24px 0 0;font-size:clamp(14px,1.2vw,18px)}.metal-button{color:#fff;background:linear-gradient(105deg,#595960 0%,#19191d 22%,#3e3e44 55%,#17171b);border:1px solid #ffffff52;border-radius:999px;justify-content:center;align-items:center;gap:14px;min-width:180px;padding:18px 25px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff5c,inset 0 -2px 4px #0009,0 13px 35px #0000004d}.metal-button:before{border-radius:inherit;content:"";opacity:.73;background:linear-gradient(105deg,#ffffffd9,#ffffff14,#0000);width:40%;transition:all .35s;position:absolute;top:2px;bottom:2px;left:3px}.metal-button:hover{filter:brightness(1.2);transform:translateY(-2px)}.metal-button:hover:before{transform:translate(120%)}.metal-button>*{position:relative}.hero-cta{margin-top:52px}.metal-button svg{width:18px}.hero-footer{right:max(28px,calc((100vw - var(--max))/2));bottom:32px;left:max(28px,calc((100vw - var(--max))/2));z-index:2;color:#55535f;letter-spacing:.18em;justify-content:space-between;font-size:11px;display:flex;position:absolute}.section{max-width:var(--max);margin:auto;padding:clamp(108px,12vw,180px) 24px}.section-heading{align-items:baseline;gap:20px;margin-bottom:62px;display:flex}.section-heading p{letter-spacing:-.06em;margin:0;font-size:clamp(30px,3.1vw,50px);font-weight:600}.section-heading h2{color:var(--muted);margin:0;font-size:16px;font-weight:500}.about-top{grid-template-columns:40% 1fr;align-items:center;gap:clamp(36px,7vw,112px);display:grid}.identity-block{border:1px solid var(--line);background:radial-gradient(circle at 72% 20%,#c3b5ef38,#0000 22%),linear-gradient(145deg,#17161e,#0d0d13 68%);border-radius:22px;min-height:360px;position:relative;overflow:hidden}.identity-block:before{content:"";border:1px solid #ffffff1f;border-radius:50% 50% 24% 24%;position:absolute;inset:12% 10%;transform:rotate(-12deg)}.identity-block span{letter-spacing:-.1em;font-size:clamp(38px,5vw,80px);font-weight:800;line-height:.82;position:absolute;bottom:8%;left:8%}.identity-block small{color:#777580;letter-spacing:.13em;font-size:10px;position:absolute;top:9%;left:9%}.identity-block i{border:1px solid #c3b5ef42;border-radius:50%;position:absolute}.identity-block i:first-of-type{aspect-ratio:1;width:48%;top:13%;right:-12%}.identity-block i:last-of-type{aspect-ratio:1;width:29%;bottom:30%;left:8%}.about-copy h3{letter-spacing:-.07em;margin:14px 0 28px;font-size:clamp(36px,4vw,62px);line-height:1.1}.about-copy>p:not(.eyebrow){max-width:680px;color:var(--muted);margin:0;font-size:16px;line-height:1.85}.about-tags{flex-wrap:wrap;gap:9px;margin:32px 0;display:flex}.about-tags span{border:1px solid var(--line);color:#d8d5dd;border-radius:999px;padding:8px 11px;font-size:12px}.about-copy dl{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:10px;margin:39px 0 0;padding-top:19px;display:grid}.about-copy dt{color:var(--dim);margin-bottom:8px;font-size:11px}.about-copy dd{color:#dddbe1;margin:0;font-size:15px}.timeline-label{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.timeline-label span{color:var(--dim);letter-spacing:.15em;font-size:10px}.timeline-label h3{margin:0;font-size:24px}.timeline-line{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);display:grid}.timeline article{padding:20px 32px 0 0;position:relative}.timeline article+article{border-left:1px solid var(--line);padding-left:32px}.timeline i{background:var(--accent);border-radius:50%;width:9px;height:9px;position:absolute;top:-5px;box-shadow:0 0 0 4px #16151f}.timeline p{color:var(--accent);margin:0 0 27px;font-size:12px}.timeline h4{margin:0 0 7px;font-size:17px}.timeline b{color:var(--muted);font-size:13px;font-weight:500}.timeline article>span{max-width:420px;color:var(--dim);margin-top:14px;font-size:13px;line-height:1.7;display:block}.works{max-width:none;padding-right:max(24px,calc((100vw - var(--max))/2));padding-left:max(24px,calc((100vw - var(--max))/2));background:var(--alt)}.works-heading{max-width:var(--max);justify-content:space-between;margin-left:auto;margin-right:auto}.works-heading>span{color:var(--dim);font-size:13px}.work-grid{max-width:var(--max);grid-template-columns:repeat(12,1fr);gap:22px;margin:auto;display:grid}.work-card{min-width:0;color:var(--text);text-decoration:none}.work-1,.work-2,.work-4{grid-column:span 7}.work-3,.work-5{grid-column:span 5}.work-3{grid-row:span 2}.work-placeholder{border:1px solid var(--line);background:#111118;border-radius:22px;flex-direction:column;justify-content:space-between;min-height:310px;padding:18px;display:flex;position:relative;overflow:hidden}.work-1 .work-placeholder,.work-2 .work-placeholder,.work-4 .work-placeholder{min-height:330px}.work-3 .work-placeholder{min-height:672px}.placeholder-top{color:#6c6975;letter-spacing:.12em;justify-content:space-between;font-size:10px;display:flex}.placeholder-grid{opacity:.68;grid-template-columns:1fr 1.4fr;gap:10px;transition:transform .25s;display:grid;position:absolute;inset:64px 12% 74px}.placeholder-grid i{background:linear-gradient(140deg,#ffffff14,#0000);border:1px solid #ffffff29;border-radius:8px}.placeholder-grid i:first-child{grid-row:span 2}.placeholder-grid i:nth-child(3){grid-column:span 2}.place-0{background:radial-gradient(circle at 72% 32%,#4e455f,#0000 31%),#111118}.place-1{background:radial-gradient(circle at 13% 86%,#47343e,#0000 35%),#121014}.place-2{background:radial-gradient(circle at 75% 34%,#24404c,#0000 35%),#10151a}.place-3{background:radial-gradient(circle at 20% 15%,#49432c,#0000 35%),#151510}.place-4{background:radial-gradient(circle at 80% 78%,#3e3349,#0000 35%),#131216}.placeholder-copy{flex-direction:column;gap:6px;display:flex;position:relative}.placeholder-copy b{letter-spacing:-.06em;font-size:clamp(22px,2.5vw,38px)}.placeholder-copy span{color:#9a96a1;letter-spacing:.12em;font-size:10px}.work-meta{justify-content:space-between;gap:25px;padding:18px 2px 28px;display:flex}.work-meta span{color:var(--dim);letter-spacing:.08em;font-size:11px}.work-meta h3{margin:7px 0;font-size:22px}.work-meta p{max-width:510px;color:var(--muted);margin:0;font-size:13px;line-height:1.65}.work-meta>b{color:#d8d4e2;white-space:nowrap;align-self:end;align-items:center;gap:6px;font-size:12px;display:flex}.work-card:hover .work-placeholder{border-color:#c3b5ef70}.capability-grid{grid-template-columns:repeat(6,1fr);gap:18px;display:grid}.capability-card{border:1px solid var(--line);background:linear-gradient(135deg,#121117,#0e0e13);border-radius:22px;min-height:292px;padding:26px;position:relative;overflow:hidden}.capability-card>div:first-child{color:var(--dim);justify-content:space-between;font-size:11px;display:flex}.capability-card small{letter-spacing:.1em}.capability-card h3{letter-spacing:-.06em;max-width:430px;margin:44px 0 12px;font-size:clamp(24px,2.3vw,36px);line-height:1.1}.capability-card p{max-width:430px;color:var(--muted);margin:0;font-size:13px;line-height:1.75}.cap-1,.cap-2{grid-column:span 3;min-height:345px}.cap-1{color:#16151a;background:linear-gradient(135deg,#eeedf2,#b8b7c2)}.cap-1>div:first-child,.cap-1 p{color:#4d4a55}.cap-2{background:radial-gradient(circle at 83% 70%,#8d7fbe4d,#0000 19%),linear-gradient(135deg,#1b1a22,#0f0f15)}.cap-3,.cap-4,.cap-5{grid-column:span 2}.card-route{color:#403e47;align-items:center;gap:9px;font-size:11px;display:flex;position:absolute;bottom:27px;left:26px;right:26px}.card-route i{background:#777481;flex:1;height:1px}.component-lines{gap:8px;width:120px;display:grid;position:absolute;bottom:30px;right:32px}.component-lines i{border:1px solid #ffffff3d;border-radius:3px;height:8px}.component-lines i:nth-child(2){width:80%}.component-lines i:nth-child(3){width:58%}.diagram-wrap{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:40px;margin-top:72px;padding:38px 0;display:flex}.diagram-wrap h3{letter-spacing:-.06em;margin:15px 0 0;font-size:clamp(27px,3vw,45px);line-height:1.1}.capability-diagram{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:590px;display:flex}.capability-diagram span,.capability-diagram strong{text-align:center;border:1px solid #ffffff2e;border-radius:999px;padding:12px 15px;font-size:12px;font-weight:600}.capability-diagram strong{color:#ded9f1;border-color:#c3b5ef9e;padding:22px 16px;line-height:1.25}.capability-diagram i{background:var(--dim);width:22px;height:1px}.contact{min-height:76svh;max-width:var(--max);justify-content:space-between;align-items:end;gap:40px;margin:auto;padding:clamp(130px,15vw,210px) 24px;display:flex}.contact h2{letter-spacing:-.09em;margin:22px 0;font-size:clamp(64px,8.5vw,138px);line-height:.9}.contact h2 em{color:#c9c5d0;font-style:normal}.contact>div>p:last-child{color:var(--muted);font-size:16px}.contact-action{flex-direction:column;align-items:flex-start;gap:17px;min-width:min(100%,340px);display:flex}.contact-action button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:13px;display:flex}.contact-action button svg{width:14px}.contact-action>span{color:var(--dim);font-size:12px}footer{max-width:var(--max);border-top:1px solid var(--line);color:var(--dim);letter-spacing:.08em;justify-content:space-between;margin:auto;padding:23px 24px;font-size:11px;display:flex}footer a{color:var(--muted);text-decoration:none}[data-reveal]{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(20px)}[data-reveal=shown]{opacity:1;transform:none}.case-page{background:var(--bg);min-height:100svh;padding:24px}.case-page header{max-width:var(--max);justify-content:space-between;align-items:center;height:60px;margin:auto;display:flex}.case-page header>a:last-child{color:var(--muted);font-size:13px;text-decoration:none}.case-page section{max-width:1000px;margin:auto;padding:100px 0}.case-page h1{letter-spacing:-.09em;margin:20px 0;font-size:clamp(52px,8vw,120px)}.case-summary{max-width:650px;color:var(--muted);margin:0 0 50px;font-size:20px;line-height:1.7}.case-page .work-placeholder{min-height:470px}.case-info{border-bottom:1px solid var(--line);grid-template-columns:.7fr 1.3fr;gap:40px;padding:38px 0;display:grid}.case-info div{gap:10px;display:grid}.case-info span{color:var(--dim);letter-spacing:.12em;font-size:11px}.case-info p{color:var(--muted);margin:0;line-height:1.75}.case-list{border-bottom:1px solid var(--line);padding:38px 0}.case-list h2{margin:0 0 17px;font-size:28px}.case-list p{color:var(--muted);margin:8px 0;line-height:1.7}.pending{color:var(--dim);margin-top:32px;font-size:13px}@keyframes intro{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes title{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}@media (width<=900px){.hero h1{white-space:normal}.work-1,.work-2,.work-4,.work-3,.work-5{grid-column:span 6}.work-3{grid-row:auto}.work-3 .work-placeholder{min-height:330px}.capability-card,.cap-1,.cap-2{grid-column:span 3}.diagram-wrap{flex-direction:column;align-items:flex-start}.capability-diagram{justify-content:flex-start}}@media (width<=640px){.header{width:calc(100% - 32px);top:16px}.pill-nav{height:58px;padding:0 10px 0 17px}.wordmark{font-size:15px}.wordmark span{display:none}.menu{place-items:center;display:grid}.menu svg{width:20px}.nav-links{display:none}.nav-links.is-open{border:1px solid var(--line);background:#16151e;border-radius:18px;flex-direction:column;padding:13px;display:flex;position:absolute;top:68px;left:0;right:0}.nav-links a{padding:13px 10px}.hero{align-items:start}.hero-content{text-align:left;padding:163px 20px 130px}.hero-label{font-size:10px}.hero h1{letter-spacing:-.105em;margin:29px 0 30px;font-size:clamp(52px,16vw,74px);line-height:1.02}.hero h2{font-size:18px;line-height:1.4}.hero-description{margin-top:18px;font-size:14px;line-height:1.7}.hero-cta{margin-top:34px}.hero-footer{letter-spacing:.13em;align-items:end;gap:12px;font-size:9px;line-height:1.7;bottom:24px;left:20px;right:20px}.hero-footer span:last-child{text-align:right;max-width:80px}.section{padding:96px 20px}.section-heading{gap:11px;margin-bottom:39px}.section-heading p{font-size:32px}.section-heading h2{font-size:14px}.about-top{grid-template-columns:1fr;gap:31px}.identity-block{min-height:280px}.about-copy h3{font-size:37px}.about-copy>p:not(.eyebrow){font-size:15px}.about-copy dd{font-size:13px}.timeline{margin-top:85px}.timeline-line{grid-template-columns:1fr}.timeline article,.timeline article+article{border-left:1px solid var(--line);padding:22px 0 25px 25px}.timeline article:last-child{border-bottom:1px solid var(--line)}.timeline i{top:25px;left:-5px}.timeline p{margin-bottom:14px}.works{padding-left:20px;padding-right:20px}.works-heading{flex-direction:column;align-items:start}.works-heading>span{line-height:1.6}.work-grid{grid-template-columns:1fr;gap:12px}.work-1,.work-2,.work-3,.work-4,.work-5{grid-column:auto}.work-placeholder,.work-1 .work-placeholder,.work-2 .work-placeholder,.work-3 .work-placeholder,.work-4 .work-placeholder{min-height:260px}.work-meta{padding:14px 2px 31px}.work-meta h3{font-size:22px}.capability-grid{grid-template-columns:1fr}.capability-card,.cap-1,.cap-2,.cap-3,.cap-4,.cap-5{grid-column:auto;min-height:250px}.capability-card h3{margin-top:37px;font-size:29px}.diagram-wrap{margin-top:45px;padding:30px 0}.diagram-wrap h3{font-size:29px}.capability-diagram{gap:7px}.capability-diagram span,.capability-diagram strong{padding:10px;font-size:11px}.capability-diagram strong{padding:15px 10px}.capability-diagram i{width:11px}.contact{min-height:70svh;padding:120px 20px 84px;display:block}.contact h2{font-size:62px;line-height:.92}.contact-action{margin-top:58px}.case-page{padding:16px}.case-page section{padding:70px 4px}.case-page h1{font-size:54px}.case-summary{font-size:17px}.case-page .work-placeholder{min-height:280px}.case-info{grid-template-columns:1fr;gap:25px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}[data-reveal]{opacity:1;transform:none}}:root{--dim:#94909f}.header{position:fixed}.pill-nav{background:linear-gradient(110deg,#1e1d24eb,#12111ae6);animation:.7s both intro;box-shadow:inset 0 1px #ffffff09,0 12px 38px #0000002e}.nav-links a[aria-current=location]{color:var(--text);background:#ffffff0b}.wordmark{align-items:center;gap:12px;display:flex}.wordmark:before{content:"";background:linear-gradient(120deg,#0000 43%,#d1cdd8 45% 48%,#0000 50%);border:1px solid #8e8997;border-radius:50%;width:28px;height:28px}.wordmark span{margin-left:0}.hero{background:radial-gradient(70% 60% at 65% 68%,#25163b33,transparent 80%),var(--bg);min-height:max(720px,100svh)}.hero-noise{display:none}.hero-content{width:100%;padding:170px 24px 140px}.hero-label{color:#878391}.hero h1{letter-spacing:-.045em;margin:30px 0 49px;font-size:clamp(72px,10.2vw,172px);line-height:1.1}.hero h1 span{display:inline-block}.hero h2{font-size:clamp(20px,2vw,32px)}.hero-description{color:#95919f;margin-top:26px}.hero-cta{min-width:255px;margin-top:clamp(65px,9vh,120px);padding:21px 34px 21px 68px}.hero-cta:before{opacity:.95;background:radial-gradient(at 42% 45%,#b5b5b7,#606064 48%,#27272c 90%);width:56px}.hero-footer{color:#878391}.section{width:min(100%,1420px);padding-left:clamp(24px,5vw,72px);padding-right:clamp(24px,5vw,72px)}.about-top{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.identity-block{aspect-ratio:1}.about-copy h3{letter-spacing:-.035em}.works{width:100%;max-width:none}.work-grid{grid-template-rows:360px 360px auto}.work-1{grid-area:1/1/auto/8}.work-2{grid-area:2/1/auto/8}.work-3{grid-area:1/8/3/13}.work-4{grid-area:3/1/auto/7}.work-5{grid-area:3/7/auto/13}.work-card{border:1px solid var(--line);border-radius:22px;min-height:340px;position:relative;overflow:hidden}.work-card .work-placeholder{border:0;border-radius:0;height:100%;min-height:100%;padding-bottom:170px}.placeholder-copy b{display:none}.placeholder-copy span{color:#a09baa}.work-meta{background:linear-gradient(#0000,#08080ef0);padding:26px;position:absolute;inset:auto 0 0}.work-meta h3{letter-spacing:-.035em;font-size:clamp(24px,2.2vw,34px)}.work-meta>b{opacity:.75;transition:opacity .2s}.work-card:hover .work-meta>b{opacity:1}.work-cover{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.work-card:hover .work-cover{transform:scale(1.03)}.more-work{flex-wrap:wrap;gap:25px;max-width:1320px;margin:40px auto 0;display:flex}.more-work a{color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:9px;font-size:14px;text-decoration:none}.capability-card h3{letter-spacing:-.025em}.capability-card{padding-bottom:70px}.capability-diagram{flex-wrap:nowrap}.contact-action .metal-button{box-shadow:none;border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;justify-content:space-between;width:100%;padding:14px 0;font-size:24px}.contact-action .metal-button:before{display:none}.copy-feedback{min-height:18px;color:var(--muted);margin:0;font-size:13px}.next-case{border-top:1px solid var(--line);color:var(--text);justify-content:space-between;align-items:center;margin-top:65px;padding:24px 0;text-decoration:none;display:flex}.case-gallery{gap:24px;display:grid}.case-gallery img{border-radius:16px;width:100%}[data-reveal]{transition-delay:var(--reveal-delay,0s)}@media (width<=1023px){.about-top{grid-template-columns:1fr 1.2fr;gap:35px}.work-grid{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr))}.work-card{grid-area:auto;min-height:360px}.capability-diagram{flex-wrap:wrap}}@media (width<=767px){.header{width:calc(100% - 32px);top:16px}.pill-nav{height:58px;padding:0 10px 0 17px}.wordmark{font-size:15px}.wordmark span{display:none}.wordmark:before{width:24px;height:24px}.menu{place-items:center;padding:9px;display:grid}.nav-links{display:none}.nav-links.is-open{border:1px solid var(--line);background:#16151e;border-radius:18px;flex-direction:column;padding:13px;display:flex;position:absolute;top:68px;left:0;right:0}.nav-links a{padding:13px 10px;font-size:16px}.hero{align-items:center;min-height:max(660px,100svh)}.hero-content{text-align:center;padding:128px 20px 130px}.hero h1{letter-spacing:-.03em;margin:30px 0 31px;font-size:clamp(48px,12.7vw,82px)}.hero h1 span{display:block}.hero h2{font-size:18px}.hero-description{max-width:290px;margin:19px auto 0;font-size:14px;line-height:1.8}.hero-cta{min-width:222px;margin-top:43px;padding-top:18px;padding-bottom:18px}.hero-footer{letter-spacing:.06em;gap:25px;font-size:9px;line-height:1.9;left:20px;right:20px}.hero-footer span:first-child{max-width:210px}.hero-footer span:last-child{max-width:85px}.section{padding:96px 20px}.about-top{grid-template-columns:1fr;gap:32px}.identity-block{aspect-ratio:1.2;min-height:260px}.about-copy h3{font-size:36px}.timeline-line{grid-template-columns:1fr}.timeline article,.timeline article+article{border-left:1px solid var(--line);padding:24px 0 30px 25px}.timeline i{top:27px;left:-5px}.work-grid{grid-template-columns:1fr;gap:18px}.work-card{min-height:340px}.work-3 .work-placeholder{min-height:100%}.work-meta{padding:22px}.work-meta p{font-size:14px}.works-heading{flex-direction:column;align-items:start}.capability-grid{grid-template-columns:1fr}.capability-card{grid-column:auto;min-height:265px}.capability-card h3{font-size:28px}.capability-card p{font-size:14px}.diagram-wrap{display:block}.capability-diagram{flex-direction:column;align-items:stretch;gap:10px;max-width:100%;margin-top:32px}.capability-diagram i{align-self:center;width:1px;height:18px}.capability-diagram span,.capability-diagram strong{border-radius:12px;padding:17px;font-size:14px}footer{flex-wrap:wrap;gap:15px}footer>span{font-size:9px}}:root{--font-zh:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif;--font-en:Inter,"SF Pro Display",Arial,sans-serif;--type-display:clamp(58px,10vw,168px);--type-section:clamp(42px,5vw,76px);--type-subheading:clamp(22px,2.6vw,36px);--type-body:clamp(14px,1.15vw,17px);--type-label:12px;--type-caption:11px;font-family:var(--font-en),var(--font-zh)}[lang=en]{font-family:var(--font-en)}.hero-label,.hero-description,.wordmark span,.timeline-label span,.capability-card small,.placeholder-top,.placeholder-copy span,footer{text-transform:none}.hero-label{font-size:var(--type-label);letter-spacing:.04em}.hero h1{font-size:var(--type-display);letter-spacing:-.04em;font-weight:750;line-height:1.06}.hero h2{font-size:var(--type-subheading);letter-spacing:0;text-wrap:balance;font-weight:600;line-height:1.45}.hero-description{font-size:var(--type-body);letter-spacing:.015em;font-weight:400}.section-heading{display:block}.section-heading>.eyebrow,.section-heading>div>.eyebrow{font-size:var(--type-label);letter-spacing:.14em;color:var(--muted);margin:0 0 18px;font-weight:600;line-height:1.5}.section-heading .section-title{font-size:var(--type-section);letter-spacing:-.035em;color:var(--text);text-transform:none;margin:0;font-weight:650;line-height:1.12}.section-heading .section-subtitle{color:var(--muted);margin:14px 0 0;font-size:16px;line-height:1.6}.works-heading{align-items:flex-end;display:flex}.about-copy h3{letter-spacing:-.02em;font-weight:600;line-height:1.25}.about-copy>p:not(.eyebrow),.case-summary,.case-info p,.case-list p{font-size:var(--type-body);letter-spacing:.005em;line-height:1.85}.identity-block span{font-family:var(--font-en);letter-spacing:-.045em;line-height:1}.identity-block small{font-size:var(--type-caption);letter-spacing:.04em;line-height:1.65}.timeline-label span{letter-spacing:-.02em;color:var(--text);font-size:22px;font-weight:600}.timeline-label h3{color:var(--muted);font-size:14px;font-weight:400}.timeline h4{line-height:1.6}.timeline article>span{font-size:14px;line-height:1.85}.work-meta h3{letter-spacing:-.025em;overflow-wrap:normal;word-break:normal;font-size:clamp(24px,2.2vw,36px);font-weight:600;line-height:1.2}.work-meta span{letter-spacing:.005em;font-size:13px;line-height:1.6}.work-meta p{font-size:14px;line-height:1.75}.work-meta{gap:15px}.work-card .placeholder-copy{position:absolute;top:48px;left:18px;right:18px}.work-card .placeholder-grid{top:85px;bottom:150px}.capability-card small{letter-spacing:.01em;font-size:12px;line-height:1.4}.capability-card h3{font-size:var(--type-subheading);letter-spacing:-.015em;font-weight:600;line-height:1.3}.capability-card p{font-size:var(--type-body);letter-spacing:.005em;line-height:1.85}.contact h2{letter-spacing:-.035em;font-weight:650;line-height:1.08}.contact .contact-subtitle{color:var(--muted);letter-spacing:-.01em;font-size:clamp(20px,2.6vw,36px);font-weight:500}.eyebrow{text-transform:uppercase}.hero-footer{letter-spacing:.07em}footer{letter-spacing:.015em;font-size:11px}.case-list h2 small{color:var(--muted);font-family:var(--font-en);letter-spacing:.025em;margin-bottom:9px;font-size:13px;font-weight:400;display:block}@media (width<=767px){.hero h1{font-size:clamp(48px,12.7vw,82px)}.hero h2{max-width:320px;margin:auto;font-size:18px}.hero-label{font-size:11px}.section-heading .section-title{letter-spacing:-.025em;font-size:clamp(36px,9.5vw,54px)}.section-heading .section-subtitle{margin-top:10px;font-size:14px}.works-heading{align-items:flex-start}.capability-card h3{font-size:28px}.capability-card{min-height:300px}.capability-card small{text-align:right;max-width:210px}.contact h2{font-size:58px}.work-meta{display:block}.work-meta>b{margin-top:14px}.work-card{min-height:370px}}:root{--bg:#100d0b;--alt:#100d0b;--surface:#1c1713;--text:#f5efe7;--accent:#ff792e;--accent-hover:#ff8b49;--accent-ink:#241409;--muted:#b9afa4;--dim:#a2978c;--line:#b08d6f38;--nav-bg:#1c1713f0;--nav-scrolled-bg:#18130ffa}html,body,main,.hero,.works,.case-page{background:var(--bg)}.hero:before,.hero:after,.hero-noise{display:none}.pill-nav{background:var(--surface);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.wordmark:before{border-color:var(--accent);background:0 0}.nav-links a[aria-current=location],.nav-links a:hover{color:var(--accent);background:0 0}.identity-block,.work-placeholder,.work-card,.capability-card,.cap-1,.cap-2,.place-0,.place-1,.place-2,.place-3,.place-4{background:var(--surface);box-shadow:none}.identity-block:before,.identity-block i,.placeholder-grid,.component-lines{display:none}.cap-1{color:var(--text)}.cap-1>div:first-child,.cap-1 p,.card-route{color:var(--muted)}.card-route i{background:var(--line)}.work-meta{background:var(--surface)}.work-card:has(.work-cover) .work-meta{background:#1c1713f5}.work-card:hover{border-color:var(--accent)}.work-card:hover .placeholder-grid{transform:none}.timeline i{background:var(--accent);box-shadow:none}.timeline p{color:var(--muted)}.capability-diagram strong{border-color:var(--accent);color:var(--text)}.hero-label,.hero-description,.hero-footer{color:var(--muted)}.hero-label{justify-content:center;align-items:center;gap:10px;font-weight:500;display:flex}.hero-status-dot{background:var(--accent);border-radius:50%;flex:0 0 8px;width:8px;height:8px}.contact h2 em{color:var(--text)}.button-primary,.button-outline{border:1px solid var(--accent);min-width:190px;color:var(--text);box-shadow:none;border-radius:999px;justify-content:center;align-items:center;gap:14px;padding:17px 28px;font-size:16px;font-weight:600;line-height:1.5;text-decoration:none;transition:background-color .2s,border-color .2s;display:inline-flex}.button-primary{background:var(--accent);color:var(--accent-ink)}.button-outline{background:0 0}.button-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.button-outline:hover{background:#ff792e1a}.button-primary svg,.button-outline svg{width:18px;height:18px}.hero-cta{min-width:222px;padding:17px 28px}.nav-links.is-open{background:var(--surface)}a:focus-visible,button:focus-visible{outline-color:var(--accent)}.hero h1,.section-title,.about-copy h3,.contact h2,.case-page h1{color:var(--text)}.hero h2{color:var(--muted)}.menu,.about-tags span,.about-copy dd,.work-meta>b{color:var(--text)}.identity-block small,.placeholder-top,.placeholder-copy span{color:var(--dim)}.capability-diagram span{border-color:var(--line);color:var(--muted)}.contact-action button:hover,footer a:hover,.more-work a:hover,.next-case:hover,.case-page header>a:last-child:hover{color:var(--accent)}::selection{color:var(--text);background:#ff792e47}@media (prefers-reduced-motion:reduce){.button-primary,.button-outline{transition:none}}.hero-background{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-background video{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.hero-video-shade{background:#100d0b8c;position:absolute;inset:0}.hero-content,.hero-footer{z-index:1;position:relative}.hero-footer{position:absolute}html,body,.cinematic-hero{background:var(--bg)}.hero-background{transform:translate3d(0,var(--video-y,0px),0)}.hero-poster{object-fit:cover;object-position:60% center;filter:blur();width:100%;height:100%;transition:filter .4s ease-out;position:absolute;inset:0}.cinematic-hero .hero-background video{object-position:60% center;opacity:0;filter:blur();transition:opacity .65s ease-out,transform 3.7s cubic-bezier(.2,.65,.3,1),filter .4s ease-out;position:absolute;inset:0;transform:scale(1.05)}.video-ready .hero-background video{opacity:1;transform:scale(1)}.video-fallback .hero-background video{opacity:0}.hero-video-shade{background:linear-gradient(180deg,#100d0b80 0%,#100d0b7a 48%,#100d0b66 68%,var(--bg) 100%)}.hero-video-shade:after{content:"";opacity:0;background:#100d0b2e;transition:opacity .4s ease-out;position:absolute;inset:0}.intro-complete .hero-video-shade:after{opacity:1}.cinematic-hero.intro-complete .hero-background video,.intro-complete .hero-poster{filter:blur(6px)}@media (width<=767px){.cinematic-hero.intro-complete .hero-background video,.intro-complete .hero-poster{filter:blur(4px)}}.cinematic-hero .hero-content{transform:translate3d(0,var(--content-y,0px),0);opacity:var(--content-opacity,1);animation:none}.cinematic-hero h1{font-family:var(--font-zh);letter-spacing:normal;word-spacing:normal;color:#fafafa;font-size:clamp(58px,8.8vw,156px);font-weight:900;line-height:1.05}.cinematic-hero h1 .hero-title-accent{font:inherit;color:var(--accent);-webkit-text-fill-color:var(--accent)}.cinematic-hero h1 span{animation:none}@supports ((-webkit-background-clip:text) or (background-clip:text)){.cinematic-hero h1 span{-webkit-text-fill-color:transparent;background:linear-gradient(#e6e6e7 0%,#fff 48%,#f6f6f8 100%);-webkit-background-clip:text;background-clip:text}}.cinematic-intro .navbar-motion{opacity:0;filter:blur(8px);transition:opacity .65s ease-out,transform .65s ease-out,filter .65s ease-out;transform:translateY(-20px)}.intro-nav .navbar-motion,.navbar-motion:focus-within{opacity:1;filter:none;transform:none}.cinematic-intro .cinematic-hero h1 span{opacity:0;filter:blur(10px);transition:opacity .55s ease-out,transform .55s cubic-bezier(.2,.7,.3,1),filter .55s ease-out;transform:translateY(50px)}.intro-title .cinematic-hero h1 span{opacity:1;filter:none;transform:none}.cinematic-hero h1 span:nth-child(2){transition-delay:80ms}.cinematic-intro .hero-label,.cinematic-intro .cinematic-hero h2,.cinematic-intro .hero-description{opacity:0;transition:opacity .4s ease-out,transform .4s ease-out;transform:translateY(20px)}.intro-title .hero-label,.intro-subtitle .cinematic-hero h2,.intro-english .hero-description{opacity:1;transform:none}.cinematic-intro .cinematic-hero h2{will-change:opacity;transition:opacity .45s ease-out;transform:none}.cinematic-intro .hero-cta{opacity:0;transition:opacity .4s ease-out,transform .4s ease-out,background-color .25s ease-out;transform:translateY(15px)scale(.94)}.intro-cta .hero-cta,.hero-cta:focus-visible{opacity:1;transform:none}.hero-cta svg{transition:transform .25s ease-out}.intro-cta .hero-cta:hover,.intro-static .hero-cta:hover{background:var(--accent-hover);transition-duration:.25s;transform:translateY(-3px)}.hero-cta:hover svg{transform:none}.intro-cta .hero-cta:active{transform:translateY(0)scale(.98)}.cinematic-intro .hero-footer{opacity:0;transition:opacity .6s ease-out}.intro-footer .hero-footer{opacity:1}.hero-footer a{color:inherit;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.hero-footer a svg{width:13px;height:13px}.intro-static h1 span,.intro-static .hero-label,.intro-static h2,.intro-static .hero-description,.intro-static .hero-cta,.intro-static .hero-footer{opacity:1!important;filter:none!important;transition:none!important;transform:none!important}.intro-static .hero-cta{transition:background-color .25s ease-out,transform .25s ease-out!important}@media (width<=767px){.cinematic-hero h1{font-size:clamp(46px,11.8vw,74px);line-height:1.13}.cinematic-hero .hero-content{padding-top:132px}.hero-poster,.cinematic-hero .hero-background video{object-position:62% center}.hero-footer{align-items:flex-end}.hero-footer span{max-width:185px;line-height:1.8}.hero-footer a{text-align:right;max-width:105px;font-size:9px;line-height:1.7}}@media (prefers-reduced-motion:reduce){.hero-background,.cinematic-hero .hero-content{opacity:1;transform:none}.cinematic-intro .navbar-motion,.cinematic-intro .cinematic-hero h1 span,.cinematic-intro .hero-label,.cinematic-intro .cinematic-hero h2,.cinematic-intro .hero-description,.cinematic-intro .hero-cta,.cinematic-intro .hero-footer{opacity:1;filter:none;transition:none;transform:none}.hero-cta:hover,.hero-cta:hover svg{transform:none!important}}:root{--navbar-top:32px;--navbar-height:76px;--navbar-anchor-gap:24px;--z-navbar:1000;--z-modal:2000}.header{top:var(--navbar-top);width:min(980px,100% - 48px);z-index:var(--z-navbar);filter:none;perspective:none;isolation:isolate;position:fixed;left:50%;overflow:visible;transform:translate(-50%)}.navbar-motion{position:relative}.header .pill-nav{--glass-tint:#180f0c85;--glass-blur:18px;--glass-saturation:130%;z-index:0;height:var(--navbar-height);filter:none;opacity:1;-webkit-backdrop-filter:none;background:0 0;border:1px solid #ff9a5424;padding-inline:30px;transition:background-color .25s ease-out,border-color .25s ease-out,box-shadow .25s ease-out;animation:none;position:relative;transform:none;box-shadow:0 10px 30px #0000002e,inset 0 1px #ffffff0f}.header .pill-nav:before{content:"";z-index:-1;border-radius:inherit;background:var(--glass-tint);pointer-events:none;-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturation));transition:background-color .25s ease-out;position:absolute;inset:0}.header.is-scrolled .pill-nav{--glass-tint:#180f0ce0}@media (hover:hover){.header .pill-nav:hover{--glass-tint:#180f0c99;border-color:#ff9a5438;box-shadow:0 12px 32px #00000038,inset 0 1px #ffffff12}.header.is-scrolled .pill-nav:hover{--glass-tint:#180f0ce6}}.header.is-scrolled .navbar-motion{opacity:1;filter:none;transform:none}.header .nav-links a{color:#f6ede7d1;align-items:center;min-height:44px;padding:12px 18px;font-weight:500;transition:color .25s ease-out;display:inline-flex}.header .nav-links a:hover{color:#fff4ec;background:0 0}.header .nav-links a[aria-current=location]{color:#ff8a42;background:0 0}.header .nav-contact{color:#f6ede7e6;white-space:nowrap;background:0 0;border:1px solid #ebd6c94d;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 22px;font-size:14px;font-weight:500;line-height:1.5;text-decoration:none;transition:color .25s ease-out,border-color .25s ease-out;display:inline-flex}.header .nav-contact:hover,.header .nav-contact:focus-visible,.header .nav-contact[aria-current=location]{color:var(--accent);border-color:var(--accent);background:0 0}.header .nav-links .nav-contact-mobile{display:none}@media (width>=768px){.header .pill-nav{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:16px;display:grid}.header .wordmark{justify-self:start}.header .nav-links{justify-content:center;gap:8px}.header .nav-contact-desktop{justify-self:end}}.header .wordmark{letter-spacing:normal;flex-shrink:0;gap:13px}.header .wordmark:before{display:none}.header .brand-avatar{background:var(--surface);border:1.5px solid #ff792ee6;border-radius:50%;flex:0 0 44px;width:44px;height:44px;margin:0;transition:border-color .25s ease-out;display:block;overflow:hidden;box-shadow:0 0 0 3px #ff792e14}.brand-avatar img{object-fit:cover;object-position:50% 50%;transform-origin:52% 46%;width:100%;height:100%;display:block;transform:scale(4)}.header .brand-copy{letter-spacing:normal;flex-direction:column;align-items:flex-start;gap:3px;margin:0;display:flex}.header .brand-name{color:#f6ede7;font-size:19px;font-weight:600;line-height:1.1;transition:color .25s ease-out}.header .brand-role{letter-spacing:.015em;color:#ebd6c9b8;white-space:nowrap;margin:0;font-size:11px;font-weight:500;line-height:1.25;display:block}.header .wordmark:hover .brand-name{color:#fff8f2}.header .wordmark:hover .brand-avatar{border-color:var(--accent-hover)}.hero-background{z-index:0}.hero-content,.hero-footer{z-index:1}@media (height<=700px){:root{--navbar-top:24px}}@media (width<=767px){:root{--navbar-top:max(16px,env(safe-area-inset-top,0px));--navbar-height:58px;--navbar-anchor-gap:20px}.header{width:calc(100% - 32px)}.header .pill-nav{--glass-blur:12px;--glass-saturation:125%;padding-inline:14px}.header .menu{min-width:44px;min-height:44px}.header .wordmark{gap:12px}.header .brand-avatar{flex-basis:38px;width:38px;height:38px}.header .brand-name{font-size:18px}.header .nav-contact-desktop{display:none}.header .nav-links.is-open .nav-contact-mobile{align-self:flex-start;margin-top:4px;padding:9px 22px;display:inline-flex}.header .nav-links.is-open{-webkit-backdrop-filter:blur(12px)saturate(125%);background:#180f0cc2;border-color:#ff9a5424;top:calc(100% + 10px);box-shadow:0 10px 30px #0000002e,inset 0 1px #ffffff0f}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.header .pill-nav,.header.is-scrolled .pill-nav,.header .pill-nav:hover,.header .nav-links.is-open{background:#18130f}}:root{--container-max:1200px;--page-gutter:48px;--container-width:min(calc(100% - var(--page-gutter) * 2),var(--container-max));--section-space:140px;--heading-space:48px;--grid-gap:24px}.page-container{width:var(--container-width);box-sizing:border-box;min-width:0;max-width:none;margin-inline:auto}.header.page-container{width:var(--container-width);margin-inline:0}.section.page-container,.contact.page-container,footer.page-container,.case-page .page-container{max-width:none;margin-inline:auto;padding-inline:0}.section.page-container,.contact.page-container{padding-block:var(--section-space) 0}.contact.page-container{padding-bottom:var(--section-space)}.section-heading{margin-bottom:var(--heading-space)}.timeline{margin-top:var(--section-space)}.work-grid,.works-heading,.more-work{max-width:none;margin-inline:0}.work-grid,.capability-grid,.more-work{gap:var(--grid-gap)}.contact.page-container{min-height:0}footer.page-container{padding-block:24px}.site-footer.page-container{color:#aa978c;letter-spacing:.03em;border-top:1px solid #89726466;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:20px;padding-block:40px 28px;font-size:13px;display:flex}.site-footer.page-container>span{font-size:inherit;white-space:nowrap;flex-basis:auto;order:0}.site-footer.page-container>a{color:#c7b5a9;white-space:nowrap;font-size:15px;text-decoration:none;transition:color .2s}.site-footer.page-container>a:hover{color:var(--accent)}.cinematic-hero .hero-content.page-container{text-align:center;padding-inline:0}.cinematic-hero h1,.cinematic-hero h2{text-align:center;margin-inline:auto}.hero-footer.page-container{left:0;right:0}.hero-footer .hero-signature{white-space:nowrap;flex-shrink:0;max-width:none}.cinematic-hero h1{white-space:normal;flex-wrap:wrap;justify-content:center;align-items:center;gap:.3em;font-size:clamp(58px,8.8vw,136px);display:flex}.hero-content,.section-heading,.about-copy,.contact-action,.case-info>div{min-width:0}.identity-block{width:100%;min-width:0}.page-container img{max-width:100%}.about-copy,.contact-action,.work-meta,.more-work,.case-page{overflow-wrap:anywhere}.case-page{padding:0}.case-page header.page-container{gap:20px;height:auto;min-height:76px}.case-page section.page-container{padding-block:var(--section-space)}.case-page h1{overflow-wrap:anywhere}.case-summary{max-width:760px}@media (width<=1439px) and (width>=1024px){.cinematic-hero h1{font-size:clamp(58px,8vw,115px)}}@media (width<=1023px){:root{--page-gutter:32px;--section-space:100px;--heading-space:40px}.diagram-wrap{flex-direction:column;align-items:flex-start}.contact.page-container{align-items:flex-start;gap:32px}.contact h2{font-size:clamp(58px,8vw,100px)}.contact-action{flex:1;min-width:0}.cinematic-hero h1{font-size:clamp(58px,8vw,82px)}}@media (width<=767px){:root{--page-gutter:20px;--section-space:72px;--heading-space:32px;--grid-gap:18px}.cinematic-hero h1{flex-direction:column;gap:.2em;font-size:clamp(38px,11.8vw,74px)}.hero h2,.hero-description{max-width:100%}.hero-footer{gap:16px}.hero-footer span:first-child{flex:1;min-width:0;max-width:none}.work-grid{grid-template-rows:none;grid-template-columns:minmax(0,1fr)}.work-card{width:100%;min-height:0}.work-card .work-placeholder{aspect-ratio:1;height:auto;min-height:0;padding-bottom:0}.work-card .work-cover{aspect-ratio:4/3;height:auto}.work-meta{padding:20px;position:relative}.capability-grid{grid-template-columns:minmax(0,1fr)}.capability-card{min-width:0}.contact.page-container{display:block}.contact-action{margin-top:32px}.timeline-label{flex-wrap:wrap;gap:12px}.about-copy dl{grid-template-columns:repeat(3,minmax(0,1fr))}.identity-block span{max-width:84%;font-size:clamp(38px,12vw,68px)}.case-page header.page-container{flex-wrap:wrap;padding-block:16px}.case-page h1{font-size:clamp(36px,11vw,64px)}.case-page .work-placeholder{aspect-ratio:4/3;min-height:0}.case-page .placeholder-copy b{font-size:24px}footer.page-container{gap:12px}footer>span{flex-basis:100%;order:3}}@media (width<=375px){:root{--page-gutter:16px;--section-space:64px;--grid-gap:16px}.about-copy h3{font-size:clamp(28px,9vw,34px)}.capability-card{padding-inline:20px}.capability-card h3{font-size:26px}.capability-card small{max-width:calc(100% - 32px)}.contact h2{font-size:52px}}@media (width<=767px){.site-footer.page-container{gap:12px;padding-block:28px 24px;font-size:11px}.site-footer.page-container>a{font-size:13px}}.cinematic-hero{min-height:100svh;padding-block:calc(var(--navbar-top) + var(--navbar-height) + clamp(24px,4svh,56px)) max(20px,env(safe-area-inset-bottom));grid-template-rows:1fr auto;align-content:stretch;gap:clamp(24px,4svh,56px)}.cinematic-hero .hero-content.page-container{align-self:center;padding-block:0}.cinematic-hero .hero-footer.page-container{align-self:end;position:relative;inset:auto}.cinematic-hero h1{flex-flow:column;margin-block:clamp(18px,3svh,34px) clamp(20px,4svh,42px);font-size:clamp(32px,min(8.8vw,12svh),136px)}.cinematic-hero h1>span{white-space:nowrap}.cinematic-hero h2{font-size:clamp(18px,min(2.6vw,3.8svh),36px)}.cinematic-hero .hero-description{margin-top:clamp(12px,2.5svh,26px)}.cinematic-hero .hero-cta{margin-top:clamp(24px,5svh,72px)}@media (width<=767px){.cinematic-hero{padding-top:calc(var(--navbar-top) + var(--navbar-height) + 24px);gap:24px}.cinematic-hero h1{gap:.15em;font-size:clamp(26px,min(11.2vw,9svh),74px);line-height:1.13}.cinematic-hero h2{font-size:clamp(16px,2.8svh,20px)}.cinematic-hero .hero-cta{margin-top:clamp(20px,4svh,40px);padding-block:16px}.cinematic-hero .hero-footer{flex-wrap:wrap;row-gap:8px}}@media (height<=600px) and (width>=768px){.cinematic-hero{padding-top:calc(var(--navbar-top) + var(--navbar-height) + 20px);gap:20px}.cinematic-hero h1{margin-block:14px 18px}.cinematic-hero .hero-cta{margin-top:20px;padding-block:14px}}.hero-cta{isolation:isolate;position:relative;overflow:visible}.specular-button__label{z-index:1;justify-content:center;align-items:center;gap:14px;display:inline-flex;position:relative}.specular-button__light{pointer-events:none;z-index:0;width:calc(100% + 48px);height:calc(100% + 48px);position:absolute;inset:-24px}.specular-button[data-specular=fallback] .specular-button__light{display:none}.specular-button[data-specular=fallback]{box-shadow:inset 0 0 0 1px #ffe7cc4d}.hero-cta-text,.hero-cta-icon{z-index:1;position:relative}.hero-cta-icon{justify-content:center;align-items:center;display:inline-flex}.intro-cta .hero-cta-icon{animation:2.6s ease-in-out .6s infinite explore-arrow-cue}.hero-out-of-view .hero-cta-icon{animation-play-state:paused}@keyframes explore-arrow-cue{0%,60%,to{transform:translateY(0)}30%{transform:translateY(4px)}}.hero-cta:focus-visible .hero-cta-icon{animation:none;transform:none}.hero-cta:focus-visible svg{transform:none}.intro-cta .hero-cta:focus-visible{background:var(--accent-hover);transform:translateY(-3px)}@media (hover:hover){.hero-cta:hover .hero-cta-icon{animation:none;transform:none}}.intro-cta .hero-cta:active,.intro-static .hero-cta:active{transition-duration:.12s;transform:translateY(0)scale(.98)}@media (prefers-reduced-motion:reduce){.intro-cta .hero-cta-icon,.hero-cta:after{animation:none!important}.hero-cta:after{display:none}.intro-cta .hero-cta:focus-visible,.intro-cta .hero-cta:active,.intro-static .hero-cta:active{transform:none}}.about-education{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.about-education h4{color:var(--muted);margin:0 0 12px;font-size:16px;font-weight:400;line-height:1.5}.education-entry{justify-content:space-between;align-items:baseline;gap:16px 24px;display:flex}.education-info{min-width:0}.education-separator{color:var(--muted);font-size:14px;line-height:1.6}.about-education .education-school{color:var(--text);margin:0 0 6px;font-size:20px;font-weight:600;line-height:1.5}.about-copy .education-details{border:0;flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;display:flex}.about-copy .education-details>div{align-items:baseline;gap:10px;min-width:0;display:flex}.about-copy .education-details dt{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.about-copy .education-details dd{color:var(--muted);margin:0;font-size:15px;font-weight:400;line-height:1.6}.about-education .education-period{white-space:nowrap;color:var(--dim);font-variant-numeric:tabular-nums;flex-shrink:0;margin:0;font-size:14px;font-weight:400;line-height:1.6}@media (width<=767px){.about-education{margin-top:24px;padding-top:22px}.about-education .education-school{font-size:18px}.education-entry{flex-wrap:wrap;gap:10px 20px}.about-copy .education-details{gap:6px 14px}.about-copy .education-details dd{font-size:14px}}@media (width<=375px){.education-entry{display:block}.about-education .education-period{margin-top:10px}}.about .about-top{grid-template-columns:minmax(0,30fr) minmax(0,70fr);align-items:start;gap:clamp(48px,4vw,64px)}.about-portrait{aspect-ratio:2/3;background:#000;border:0;border-radius:22px;width:100%;overflow:hidden}.about-portrait img,.about-portrait-placeholder{object-fit:cover;width:100%;height:100%;display:block}.about-portrait img{object-fit:contain;object-position:center}.about-profile .about-identity{color:var(--muted);letter-spacing:0;margin:0 0 16px;font-size:14px;font-weight:500;line-height:1.6}.about-profile h3{letter-spacing:0;overflow-wrap:normal;text-wrap:balance;margin:0;font-size:clamp(36px,3vw,44px);font-weight:650;line-height:1.25}.about-copy.about-profile .about-introduction{max-width:680px;color:var(--muted);margin:24px 0 0;font-size:17px;font-weight:400;line-height:1.8}.about-results{margin-top:24px}.about-advantages{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:12px;margin:0;padding:0;list-style:none;display:grid}.about-advantages>li{min-width:0;display:flex}.about-advantages>li[data-reveal]{transition-duration:.45s;transition-timing-function:ease-out;transform:translateY(14px)}.about-advantages>li[data-reveal=shown]{transform:none}.advantage-card{background:var(--surface);cursor:default;border:0;border-radius:14px;flex-direction:column;justify-content:center;width:100%;min-height:84px;padding:14px 18px;display:flex}.advantage-card .advantage-value{letter-spacing:0;color:#f7f0eb;overflow-wrap:normal;margin:0 0 8px;font-size:20px;font-weight:600;line-height:1.2}.advantage-card h4{color:#e0d3c8;margin:0;font-size:13px;font-weight:400;line-height:1.5}.advantage-card .advantage-description{color:#a6978b;margin:0;font-size:13px;font-weight:400;line-height:1.6}@media (prefers-reduced-motion:reduce){.about-advantages>li[data-reveal]{opacity:1;transition:none;transform:none;transition-delay:0s!important}.advantage-card,.advantage-card:hover{transition:none;transform:none}}.about-results-note{color:var(--dim);margin:16px 0 0;font-size:12px;line-height:1.7}.about-profile .about-education{margin-top:28px;padding-top:24px}@media (width>=768px) and (width<=1023px){.about .about-top{grid-template-columns:minmax(0,30fr) minmax(0,70fr);gap:32px}.about-profile h3{font-size:32px}.about-copy.about-profile .about-introduction{font-size:16px}.about-advantages{gap:12px}.advantage-card{padding:14px}}@media (width<=767px){.about .about-top{grid-template-columns:minmax(0,1fr);gap:28px}.about-portrait{max-width:400px}.about-profile h3{font-size:clamp(26px,7.4vw,30px);line-height:1.3}.about-profile .about-identity{margin-bottom:12px;font-size:13px}.about-copy.about-profile .about-introduction{margin-top:20px;font-size:15px;line-height:1.8}.about-results{margin-top:24px}.about-advantages{gap:12px}.advantage-card{padding:14px 16px}.advantage-card .advantage-value{font-size:20px}.about-profile .about-education{margin-top:24px;padding-top:22px}}@media (width<=430px){.about-advantages{grid-template-columns:minmax(0,1fr)}.advantage-card{min-height:84px}}.about-portrait{isolation:isolate;position:relative}.portrait-black-background{z-index:0;pointer-events:none;background:#000;position:absolute;inset:0}.about-portrait .about-portrait-photo{z-index:2;pointer-events:none;position:absolute;inset:0}.about-portrait-block{min-width:0}.portrait-explore-hint{z-index:3;text-align:center;color:#d6ccc4;letter-spacing:.04em;pointer-events:none;background:linear-gradient(#0000,#000000a6);margin:0;padding:32px 16px 16px;font-size:12px;font-weight:400;line-height:1.5;position:absolute;inset:auto 0 0}.about-portrait:focus-visible{outline-offset:4px;outline:2px solid #ff974f}.has-portrait-mask .about-portrait-photo{-webkit-mask-image:var(--portrait-mask);mask-image:var(--portrait-mask);-webkit-mask-image:var(--portrait-mask);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:alpha;mask-mode:alpha}.portrait-skills{z-index:1;pointer-events:none;margin:0;padding:0;list-style:none;display:block;position:absolute;inset:0}.portrait-skill{width:clamp(36px,3.4vw,52px);height:clamp(36px,3.4vw,52px);position:absolute;transform:translate(-50%,-50%)}.portrait-skill-glass{-webkit-backdrop-filter:blur(12px);opacity:0;background:#1c1713b8;border:1px solid #ebd6c930;border-radius:13px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;box-shadow:0 4px 14px #0000002e,inset 0 1px #ffffff0a}.about-portrait .portrait-skill img{object-fit:contain;object-position:center;border-radius:5px;width:65%;height:65%;display:block}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.portrait-skill-glass{background:#1c1713}}@supports not ((-webkit-mask-image:url("")) or (mask-image:url(""))){.portrait-skills{display:none}}.work-experience{margin-top:64px}.experience-heading{margin-bottom:44px}.experience-heading>p{color:#aa978c;letter-spacing:.08em;margin:0 0 10px;font-size:12px;font-weight:500;line-height:1.5}.experience-heading h3{letter-spacing:0;color:#f7f0eb;margin:0;font-size:clamp(32px,3vw,40px);font-weight:700;line-height:1.25}.experience-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(48px,4.5vw,64px);display:grid;position:relative}.experience-grid:before{content:"";transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#ff792e 0%,#ff792eb3 28%,#897264 55%,#89726433 100%);height:1px;transition:transform .5s ease-out;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.experience-grid[data-reveal=shown]:before{transform:scaleX(1)}.experience-entry{min-width:0;padding-top:20px;position:relative}.experience-node{color:#ff792e;fill:currentColor;width:15px;height:15px;stroke:var(--bg);stroke-width:1.5px;opacity:0;flex:0 0 15px;transition:opacity .45s ease-out,transform .45s ease-out;display:block;position:static;transform:scale(.7)}.experience-entry:nth-child(2) .experience-node{color:#897264}.experience-grid[data-reveal=shown] .experience-node{opacity:1;transform:none}.experience-entry .experience-period{color:#ff792e;align-items:center;gap:10px;margin:0 0 24px;font-size:15px;font-weight:500;line-height:1.5;display:flex}.experience-dates{min-width:0}.experience-entry:nth-child(2) .experience-period{color:#aa978c}.experience-entry .experience-company{letter-spacing:0;color:#f7f0eb;overflow-wrap:anywhere;margin:0;font-size:clamp(20px,1.8vw,24px);font-weight:650;line-height:1.5}.experience-entry .experience-role{color:#c7b5a9;margin:8px 0 0;font-size:16px;font-weight:500;line-height:1.5}.experience-entry .experience-description{color:#b9a79b;margin:18px 0 0;font-size:16px;font-weight:400;line-height:1.75}.experience-tags{flex-wrap:wrap;gap:8px;margin:22px 0 0;padding:0;list-style:none;display:flex}.experience-tags li{color:#d6c5b9;cursor:default;background:0 0;border:1px solid #b08d6f40;border-radius:999px;align-items:center;max-width:100%;min-height:30px;padding:4px 13px;font-size:12px;font-weight:500;line-height:20px;display:inline-flex}.work-experience [data-reveal]{transition-duration:.5s;transition-timing-function:ease-out;transform:translateY(14px)}.work-experience [data-reveal=shown]{transform:none}@media (width<=1023px){.work-experience{margin-top:48px}.experience-grid{gap:36px}.experience-tags li{padding-inline:12px}}@media (width<=767px){.work-experience{margin-top:40px}.experience-heading{margin-bottom:36px}.experience-heading h3{font-size:28px}.experience-grid{grid-template-columns:minmax(0,1fr);gap:0;padding-left:24px}.experience-grid:before{transform-origin:top;background:linear-gradient(#ff792e 0%,#ff792eb3 28%,#897264 60%,#89726433 100%);width:1px;height:auto;inset:11.5px auto 0 4px;transform:scaleY(0)}.experience-grid[data-reveal=shown]:before{transform:scaleY(1)}.experience-entry{padding:0 0 36px}.experience-entry:last-child{padding-bottom:0}.experience-node{position:absolute;top:4px;left:-27px}.experience-entry .experience-period{margin-bottom:18px;font-size:14px}.experience-entry .experience-company{font-size:19px}.experience-entry .experience-role{font-size:15px}.experience-entry .experience-description{margin-top:16px;font-size:15px;line-height:1.75}.experience-tags{margin-top:20px}}@media (prefers-reduced-motion:reduce){.work-experience [data-reveal],.experience-grid:before,.experience-node{opacity:1;transition:none;transform:none;transition-delay:0s!important}}html,body{overscroll-behavior-x:none}.concave-track{--gallery-top:124px;--gallery-width:100vw;width:var(--gallery-width);margin-inline:calc(50% - var(--gallery-width)/2);position:relative}.concave-sticky{flex-direction:column;display:flex;position:relative}.concave-stage{height:min(calc(100svh - var(--gallery-top) - 64px),calc(var(--gallery-width)*.215/1.25 + 240px));width:100%;min-height:260px;perspective:calc(var(--gallery-width)*.65);perspective-origin:50%;isolation:isolate;touch-action:pan-y;cursor:grab;flex:none;position:relative;overflow:clip visible}.concave-panel{width:min(21.5%,calc((100svh - var(--gallery-top) - 300px)*1.25));aspect-ratio:1.25;transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;--copy-opacity:1;display:block;position:absolute;top:calc(50% - 48px);left:50%}.concave-cover{color:#f7f0eb;cursor:pointer;background:#1c1713;border:0;border-radius:20px;width:100%;height:100%;padding:0;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 18px 38px #00000038}.concave-stage[data-dragging=true],.concave-stage[data-dragging=true] .concave-cover{cursor:grabbing;-webkit-user-select:none;user-select:none}@supports (-webkit-box-reflect:below 0px){.concave-cover{-webkit-box-reflect:below 10px linear-gradient(transparent 60%,#ffffff0e)}}.concave-card-cta{-webkit-backdrop-filter:blur(10px);color:#f7f0eb;opacity:0;pointer-events:none;background:#100c0bc7;border-radius:999px;align-items:center;gap:8px;padding:10px 15px;font-size:13px;font-weight:500;line-height:1.5;transition:opacity .22s,transform .22s;display:inline-flex;position:absolute;bottom:18px;right:18px;transform:translateY(6px)}.concave-cover:focus-visible .concave-card-cta{opacity:1;transform:none}@media (hover:hover) and (pointer:fine){.concave-panel:hover .concave-card-cta{opacity:1;transform:none}}.concave-panel.is-clone{display:none}.concave-cover:focus-visible,.concave-stage:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.concave-panel img{object-fit:cover;width:100%;height:100%;display:block}.concave-panel .concave-cover{background:linear-gradient(150deg,#ffffff06,#0000 65%),#171310}.concave-panel.has-inset-cover img{object-fit:contain;width:84%;height:84%;margin:0;position:absolute;top:8%;left:8%}.concave-placeholder{background:radial-gradient(ellipse at 75% 20%,color-mix(in srgb,var(--project-accent) 17%,transparent),transparent 70%),#1c1713;flex-direction:column;justify-content:flex-end;align-items:center;width:100%;height:100%;padding:22px;display:flex;position:relative}.preview-frame{border:1px solid color-mix(in srgb,var(--project-accent) 35%,transparent);background:#100c0b66;border-radius:10px;width:70%;height:68%;position:absolute;top:16%;left:15%;overflow:hidden}.preview-toolbar{border-bottom:1px solid #b9a79b26;align-items:center;gap:4px;height:20px;padding:0 8px;display:flex}.preview-toolbar i{background:var(--project-accent);opacity:.65;border-radius:50%;width:3px;height:3px}.preview-canvas{grid-template-columns:1.8fr 1fr;gap:6px;height:calc(100% - 20px);padding:12px;display:grid}.preview-canvas span{background:linear-gradient(140deg,color-mix(in srgb,var(--project-accent) 22%,transparent),#b9a79b06);border:1px solid #b9a79b1a;border-radius:5px}.preview-canvas span:first-child{grid-row:span 2}.motif-portrait .preview-frame,.motif-app .preview-frame,.motif-image .preview-frame{width:34%;left:33%}.motif-portrait .preview-canvas span:first-child{border-radius:40% 40% 12% 12%}.concave-item-copy{width:min(90vw,760px);min-height:var(--gallery-copy-height,72px);text-align:center;opacity:var(--copy-opacity);pointer-events:none;position:absolute;top:calc(100% + 24px);left:calc(50% - min(90vw,760px)/2);transform:translateZ(2px)}.concave-panel.is-central .concave-item-copy{pointer-events:auto}.concave-item-copy h3{color:#f7f0eb;letter-spacing:0;margin:0;font-size:clamp(18px,1.55vw,26px);font-weight:600;line-height:1.35}.concave-caption{z-index:2;text-align:center;pointer-events:none;flex:none;width:min(100%,1200px);margin-inline:auto;padding:0 20px;position:relative}.concave-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.concave-description{color:#b9a79b;margin:12px 0 0;font-size:14px;line-height:1.7}.concave-controls{justify-content:center;align-items:center;gap:32px;margin-top:24px;display:flex}.concave-controls button{color:#f7f0eb;cursor:pointer;pointer-events:auto;background:#252322;border:0;border-radius:50%;flex:0 0 48px;place-items:center;width:48px;height:48px;padding:0;transition:background-color .22s,color .22s;display:grid}@media (hover:hover) and (pointer:fine){.concave-controls button:hover{color:var(--accent);background:#302923}}.concave-controls button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.concave-counter{color:#f7f0eb;font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap;min-width:78px;margin:0;font-size:17px;font-weight:500;line-height:1.5}.concave-counter-total{color:#b9afa48c}@media (width>=1024px) and (prefers-reduced-motion:no-preference){.concave-track{padding-top:clamp(40px,5vw,96px)}.concave-caption{margin-top:-48px}.concave-controls{margin-top:12px}}@media (width>=1024px) and (height<=650px){.concave-stage{height:min(calc(100svh - var(--gallery-top) - 76px),calc(var(--gallery-width)*.215/1.25 + 240px));min-height:120px}.concave-panel{width:min(21.5%,calc((100svh - var(--gallery-top) - 250px)*1.25));top:calc(50% - 38px)}.concave-caption{margin-top:-16px}.concave-item-copy{top:calc(100% + 12px)}.concave-description{margin:6px 0}.concave-controls{margin-top:14px}.concave-controls button{flex-basis:40px;width:40px;height:40px}}@media (width<=1023px){.concave-sticky{height:auto;min-height:0;display:block}.concave-stage{height:calc(min(58vw,360px)/1.25 + var(--gallery-copy-height,72px) + 56px);perspective:90vw;min-height:0;max-height:none;overflow:clip visible}.concave-panel{width:min(58%,360px);top:calc(min(58vw,360px)/2.5 + 16px)}.concave-item-copy{width:min(90vw,760px);top:calc(100% + 20px);left:calc(50% - min(90vw,760px)/2)}.concave-item-copy h3{font-size:clamp(16px,2.6vw,22px)}.concave-description{margin:8px 0 0;font-size:13px;line-height:1.6}.concave-caption{min-height:0;margin-top:-8px}.concave-controls{gap:24px;margin-top:12px}.concave-controls button{flex-basis:40px;width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.concave-track{height:auto}.concave-sticky{height:auto;min-height:0;display:block;position:relative;top:auto}.concave-stage{--rail-card-width:min(80vw,480px);height:auto;min-height:0;max-height:none;padding:12px calc((100% - var(--rail-card-width))/2) 148px;scroll-snap-type:x mandatory;scroll-padding-inline:calc((100% - var(--rail-card-width))/2);perspective:none;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:auto;cursor:auto;gap:16px;display:flex;overflow:auto hidden}.concave-stage::-webkit-scrollbar{width:0;height:0;display:none}.concave-panel{flex:0 0 var(--rail-card-width);width:var(--rail-card-width);aspect-ratio:1.4;scroll-snap-align:center;will-change:auto;max-width:none;position:relative;top:auto;left:auto;transform:none}.concave-panel.is-clone{display:block}.concave-cover{-webkit-box-reflect:unset}.concave-item-copy{opacity:0;width:100%;transition:opacity .2s;left:0;transform:none}.concave-panel.is-central .concave-item-copy{opacity:1}.concave-caption{min-height:0;margin-top:0}.concave-controls{margin-top:12px}}@media (width<=430px){.concave-cover{border-radius:18px}.concave-placeholder{padding:16px 12px}.concave-caption{padding-inline:0}.concave-item-copy h3{font-size:16px}.concave-description{font-size:13px}}@media (width<=430px) and (prefers-reduced-motion:reduce){.concave-stage{--rail-card-width:88vw;gap:12px}}@media (prefers-reduced-motion:reduce){.concave-item-copy,.concave-panel,.concave-controls button,.concave-card-cta{transition:none}}.more-works-art{isolation:isolate;background:radial-gradient(at 50% 65%,#69391d40,#0000 66%),linear-gradient(145deg,#241a14,#14100d);position:absolute;inset:0;container-type:inline-size}.more-folder-glow{filter:blur(20px);background:#ff792e28;border-radius:50%;height:14%;position:absolute;bottom:14%;left:18%;right:18%}.more-folder{perspective:700px;width:53%;height:45%;transition:transform .55s cubic-bezier(.2,.7,.3,1);position:absolute;top:30%;left:23.5%;transform:rotate(-8deg)}.more-folder-back{background:linear-gradient(140deg,#ffb679,#b85725);border-radius:7% 8% 8%;position:absolute;inset:0;box-shadow:0 16px 28px #0006,inset 0 1px 1px #ffe3c799}.more-folder-back:before{content:"";background:linear-gradient(140deg,#ffbd83,#e78b4e);border-radius:16% 24% 0 0;width:42%;height:22%;position:absolute;top:-14%;left:0}.more-folder-paper{background:linear-gradient(135deg,#f7e7d6,#c8ac92);border-radius:4%;width:86%;height:82%;transition:transform .55s cubic-bezier(.2,.7,.3,1);position:absolute;top:6%;left:7%}.paper-one{background:linear-gradient(135deg,#bca18a,#826249);transform:rotate(-5deg)}.paper-two{transform:rotate(4deg)}.more-folder-paper:after{content:"";background:repeating-linear-gradient(0deg,#0000 0 17%,#73513920 18% 20%);position:absolute;inset:15% 12%}.more-folder-front{transform-origin:bottom;background:linear-gradient(150deg,#ffbd82 0%,#f38a44 48%,#c15b24 100%);border-radius:6%;flex-direction:column;justify-content:center;align-items:center;gap:6%;transition:transform .55s;display:flex;position:absolute;inset:12% -3% -3%;transform:rotateX(-12deg);box-shadow:inset 0 1px 1px #fff0dfb0,0 8px 18px #0004}.more-folder-front>span{color:#fff0dc;text-shadow:0 2px 8px #74320d40;font-size:16cqw;line-height:1}.more-folder-front>small{letter-spacing:.13em;color:#753b22;font-size:2.5cqw}.folder-bubble{white-space:nowrap;color:#39271d;opacity:0;background:#f7e9dc;border:1px solid #ffdfbf30;border-radius:999px;padding:2.6% 4%;font-size:clamp(8px,3.6cqw,15px);font-weight:500;line-height:1.3;transition:opacity .35s,transform .5s cubic-bezier(.2,.8,.2,1);display:block;position:absolute;transform:translateY(18px)scale(.75);box-shadow:0 5px 16px #0003}.bubble-0{--bubble-rotation:-10deg;top:14%;left:11%}.bubble-1{--bubble-rotation:7deg;background:#e5ab7b;top:19%;right:7%}.bubble-2{--bubble-rotation:-8deg;color:#f9e4d2;background:#3e291d;top:45%;left:4%}.bubble-3{--bubble-rotation:8deg;top:51%;right:4%}.bubble-4{--bubble-rotation:-7deg;color:#3e2516;background:#ffac6d;bottom:10%;left:13%}.bubble-5{--bubble-rotation:8deg;color:#f9e4d2;background:#3e291d;bottom:9%;right:15%}.has-folder-cover .concave-cover{-webkit-box-reflect:unset}@media (hover:hover) and (pointer:fine){.has-folder-cover:hover .more-folder{transform:rotate(-3deg)translateY(3%)}.has-folder-cover:hover .paper-one{transform:translateY(-16%)rotate(-9deg)}.has-folder-cover:hover .paper-two{transform:translateY(-10%)rotate(7deg)}.has-folder-cover:hover .more-folder-front{transform:rotateX(-24deg)}.has-folder-cover:hover .folder-bubble{opacity:1;transform:translateY(0) scale(1) rotate(var(--bubble-rotation));transition-delay:40ms}.has-folder-cover:hover .bubble-1,.has-folder-cover:hover .bubble-4{transition-delay:.1s}.has-folder-cover:hover .bubble-2,.has-folder-cover:hover .bubble-5{transition-delay:.16s}}.has-folder-cover .concave-cover:focus-visible .folder-bubble{opacity:1;transform:rotate(var(--bubble-rotation))}@media (hover:none){.has-folder-cover .folder-bubble{opacity:1;transform:rotate(var(--bubble-rotation))}}@media (prefers-reduced-motion:reduce){.more-folder,.more-folder-paper,.more-folder-front,.folder-bubble{transition:none}}.strengths-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;display:grid}.strength-card{isolation:isolate;color:#f7f0eb;background:linear-gradient(150deg,#ffffff06,#0000 65%),#171310;border:1px solid #b9a79b33;border-radius:24px;grid-column:span 2;min-width:0;min-height:310px;padding:26px;transition:background-color .35s,border-color .35s,color .35s,box-shadow .35s;position:relative;overflow:hidden}.strength-card:nth-child(-n+2){grid-column:span 3;min-height:330px}.strength-card.is-highlighted{color:#100c0b;background:#ff792e;border-color:#ff974f;box-shadow:inset 0 1px #ffffff2e}.strength-card:focus-visible{outline-offset:4px;outline:2px solid #f7f0eb}.strength-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.strength-meta>span{color:#ff974f;font-variant-numeric:tabular-nums;border:1px solid #ff792e47;border-radius:999px;place-items:center;min-width:30px;height:21px;padding:0 7px;font-size:10px;font-weight:600;display:grid}.strength-meta small{color:#aa978c;text-align:right;font-size:10px;line-height:1.4}.strength-card h3{letter-spacing:-.02em;margin:26px 0 12px;font-size:clamp(21px,2.1vw,28px);font-weight:600;line-height:1.35}.strength-card h3>span{color:#ff792e;margin-left:4px}.strength-card>p{z-index:1;color:#b9a79b;max-width:42ch;margin:0;font-size:14px;line-height:1.75;transition:color .3s;position:relative}.strength-card.is-highlighted .strength-meta>span{color:#100c0b;background:#ffffff38;border-color:#100c0b1a}.strength-card.is-highlighted .strength-meta small{color:#100c0b99}.strength-card.is-highlighted h3>span{color:#100c0b}.strength-card.is-highlighted>p{color:#3c2518}.strength-tags{z-index:2;pointer-events:none;flex-direction:column;align-items:flex-start;gap:7px;margin:22px 0 0;padding:10px 0 5px;list-style:none;display:flex;position:relative}.strength-tags li{color:#24170f;transform-origin:50% 20%;background:#f7f0eb;border-radius:999px;max-width:100%;padding:7px 13px;font-size:12px;line-height:1.4;box-shadow:0 4px 12px #00000014}.strength-tags li:nth-child(2){color:#f7f0eb;background:#171310;align-self:center}.strength-tags li:nth-child(3){background:#ffad76;margin-left:15%}.strength-sculpture{z-index:0;opacity:.5;filter:saturate(.65)brightness(.8);width:155px;height:140px;transition:opacity .3s,transform .5s;position:absolute;bottom:-15px;right:-10px;transform:rotate(-18deg)}.strength-sculpture:before{content:"";background:#ff792e1a;border-radius:50%;position:absolute;inset:25px;box-shadow:0 0 48px 20px #ff792e14}.strength-sculpture i{background:linear-gradient(135deg,#ffba8a,#ff792e 55%,#9f4925);display:block;position:absolute;box-shadow:inset 1px 1px 2px #fff3,5px 7px 16px #0003}.strength-sculpture i:first-child{border-radius:50%;width:90px;height:90px;top:22px;left:35px}.strength-sculpture i:nth-child(2){background:linear-gradient(135deg,#f7f0eb,#897264);border-radius:50%;width:45px;height:110px;top:14px;left:20px;transform:rotate(-35deg)}.strength-sculpture i:nth-child(3){border-radius:50%;width:45px;height:100px;top:20px;left:85px;transform:rotate(40deg)}.strength-sculpture i:nth-child(4){background:linear-gradient(135deg,#e0c7b3,#897264);border-radius:50%;width:100px;height:35px;top:89px;left:25px}.sculpture-0 i:first-child{background:radial-gradient(circle at 30% 22%,#ffc79d 0%,#ff974f 35%,#ce6029 70%,#74391f 100%);border-radius:50%;width:108px;height:94px;top:30px;left:28px}.sculpture-0 i:nth-child(2){background:linear-gradient(150deg,#ffd2af,#f89a5b 65%,#b96235);border-radius:50%;width:116px;height:54px;top:20px;left:8px;transform:rotate(-18deg)}.sculpture-0 i:nth-child(3){clip-path:polygon(50% 0,65% 33%,100% 50%,65% 67%,50% 100%,35% 67%,0 50%,35% 33%);width:78px;height:78px;box-shadow:none;background:linear-gradient(135deg,#fff8ee,#e7ceb7 65%,#aa8b73);border-radius:0;top:40px;left:44px;transform:rotate(12deg)}.sculpture-0 i:nth-child(4){clip-path:polygon(50% 0,65% 33%,100% 50%,65% 67%,50% 100%,35% 67%,0 50%,35% 33%);width:55px;height:55px;box-shadow:none;background:linear-gradient(145deg,#ffbe85,#de743b);border-radius:0;top:51px;left:55px;transform:rotate(12deg)}.sculpture-2 i:first-child,.sculpture-4 i:first-child{background:0 0;border:22px solid #ce773f;box-shadow:inset 3px 2px 4px #ffb27c,3px 3px 9px #0f0b09}.sculpture-2 i:nth-child(2){clip-path:polygon(50% 0,65% 35%,100% 50%,65% 65%,50% 100%,35% 65%,0 50%,35% 35%);border-radius:0;width:70px;height:70px}.sculpture-2 i:nth-child(3),.sculpture-4 i:nth-child(3){width:40px;height:40px;top:0}.sculpture-3 i{border-radius:4px!important;width:85px!important;height:46px!important;transform:rotate(-15deg)skew(20deg,10deg)!important}.sculpture-3 i:first-child{top:15px;left:38px}.sculpture-3 i:nth-child(2){top:47px;left:26px}.sculpture-3 i:nth-child(3){top:78px;left:14px}.sculpture-3 i:nth-child(4){display:none}.sculpture-4 i:nth-child(2){width:90px;height:50px;top:80px;left:28px}.strength-card.is-highlighted .strength-sculpture{opacity:0;transform:translateY(12px)rotate(-8deg)}@media (width<=1023px){.strength-card{padding:22px}.strength-meta small{font-size:9px}}@media (width<=767px){.strengths-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.strength-card,.strength-card:nth-child(-n+2){grid-column:auto;min-height:320px;padding:22px}.strength-card:first-child{grid-column:1/-1}.strength-card h3{font-size:22px}.strength-sculpture{width:130px;right:-25px}.strength-meta{align-items:flex-start}.strength-meta small{max-width:90px}}@media (width<=540px){.strengths-grid{grid-template-columns:minmax(0,1fr)}.strength-card,.strength-card:nth-child(-n+2){min-height:290px}.strength-card:first-child{min-height:330px}.strength-meta small{max-width:none;font-size:10px}}@media (prefers-reduced-motion:reduce){.strength-card,.strength-card>p,.strength-tags,.strength-sculpture{transition:none}}.works-heading>div{width:100%;min-width:0}.layered-section-title{--backdrop-size:clamp(42px,4.6vw,64px);isolation:isolate;min-width:0;padding:calc(var(--backdrop-size)*.5) 0 4px 12px;position:relative}.layered-section-title .section-title-backdrop{z-index:0;max-width:100%;font-family:Georgia,Times New Roman,serif;font-size:var(--backdrop-size);letter-spacing:-.045em;white-space:nowrap;text-transform:uppercase;color:#b9afa461;-webkit-text-fill-color:transparent;pointer-events:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#b9afa48c,#b9afa414);-webkit-background-clip:text;background-clip:text;font-weight:800;line-height:1;position:absolute;top:0;left:0}.section-heading .layered-section-title .section-title{z-index:1;color:#f7f0eb;letter-spacing:.02em;margin:0;font-family:Songti SC,STSong,Noto Serif CJK SC,serif;font-size:clamp(28px,2.8vw,38px);font-weight:700;line-height:1.25;position:relative}@media (width<=767px){.layered-section-title{--backdrop-size:clamp(30px,8.4vw,46px);padding-left:8px}.section-heading .layered-section-title .section-title{font-size:clamp(25px,6.7vw,32px)}}.contact-closing{isolation:isolate;background:radial-gradient(at 80% 60%,#ff792e0b,#0000 65%),linear-gradient(#0000,#120e0b);position:relative;overflow:hidden}.contact-dot-backdrop{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}main#home{overflow:clip}.contact-closing .site-footer.page-container{background:0 0;padding-block:40px}.contact.contact-invitation.page-container{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;column-gap:72px;display:grid}.contact-invitation .section-heading-anchor{grid-column:1/-1}.contact-invitation .section-heading{margin-bottom:var(--heading-space)}.contact-invitation-body{display:block}.contact-invitation h3.contact-invitation-title{color:#f7f0eb;font-family:var(--font-en),var(--font-zh);letter-spacing:-.035em;margin:0;font-size:clamp(40px,4.5vw,64px);font-weight:650;line-height:1.35}.contact-invitation-title>span{color:#ff985c}.contact-invitation p.contact-invitation-description{color:#b9a79b;max-width:42em;margin:24px 0 0;font-size:clamp(15px,1.5vw,19px);font-weight:400;line-height:1.8}.contact-invitation p.contact-invitation-description+p.contact-invitation-description{margin-top:6px}.contact-circle-cta{color:#ff792e;background:0 0;border:1px solid #ff792e;border-radius:50%;place-items:center;width:160px;height:160px;text-decoration:none;transition:background-color .3s,color .3s;display:grid}.contact-circle-cta svg{stroke-width:1.4px;width:64px;height:64px;transition:transform .3s}@media (hover:hover) and (pointer:fine){.contact-circle-cta:hover{color:#100c0b;background:#ff792e}.contact-circle-cta:hover svg{transform:translate(4px,-4px)}}.contact-invitation .contact-email-area{margin-top:0;padding-bottom:4px}.contact-email-label{color:#aa978c;letter-spacing:.14em;margin-bottom:12px;font-size:12px;font-weight:500;line-height:1.5;display:block}.contact-email-row{align-items:center;gap:16px;min-width:0;display:flex}.contact-email-address{color:#f7f0eb;overflow-wrap:anywhere;cursor:default;font-size:clamp(18px,2vw,26px);line-height:1.5;text-decoration:none}.contact-invitation .contact-email-copy{color:#b9a79b;cursor:pointer;background:0 0;border:1px solid #b9a79b38;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;padding:0;display:grid}.contact-email-copy svg{width:17px;height:17px}.contact-phone-area{margin-top:24px}.contact-phone-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.contact-phone-note{color:#aa978c;font-size:14px;line-height:1.5}.contact-copy-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.contact-circle-cta:focus-visible,.contact-email-copy:focus-visible{outline-offset:5px;outline:2px solid #ff792e}@media (width<=1023px){.contact.contact-invitation.page-container{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);column-gap:32px}.contact-invitation-body{gap:32px}.contact-circle-cta{width:132px;height:132px}.contact-circle-cta svg{width:52px;height:52px}}@media (width<=767px){.contact-closing .site-footer.page-container{padding-block:28px}.contact.contact-invitation.page-container{display:block}.contact-invitation-body{grid-template-columns:minmax(0,1fr);gap:24px}.contact-invitation h3.contact-invitation-title{font-size:clamp(32px,8vw,48px)}.contact-invitation p.contact-invitation-description{margin-top:20px;font-size:15px}.contact-circle-cta{justify-self:end;width:112px;height:112px}.contact-circle-cta svg{width:44px;height:44px}.contact-invitation .contact-email-area{margin-top:32px}}@media (prefers-reduced-motion:reduce){.contact-circle-cta,.contact-circle-cta svg{transition:none}}html{scroll-behavior:auto;scroll-padding:0}[id]{scroll-margin:0}.section-heading-anchor{min-width:0;display:flow-root;transform:none}.project-modal{color:#f7f0eb;background:0 0;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.project-modal[open]{flex-direction:column;display:flex}.project-modal::backdrop{-webkit-backdrop-filter:blur(20px);background:#0c0c1094}.project-modal-toolbar{min-height:60px;padding:8px 20px 8px 28px;padding-top:max(8px,env(safe-area-inset-top));color:#b9a79b;flex:none;justify-content:flex-end;align-items:center;gap:20px;font-size:13px;line-height:1.5;display:flex}.project-modal-close{color:#e8e3df;cursor:pointer;background:0 0;border:0;border-radius:0;flex-shrink:0;place-items:center;width:44px;height:44px;padding:0;transition:color .2s;display:grid}.project-modal-close:hover{color:#fff;background:0 0}.project-modal-close:focus-visible{outline-offset:1px;outline:2px solid #ff985c}.project-modal-surface{background:#1d1916;border:0;border-radius:24px 24px 0 0;flex:1;min-height:0;margin-inline:0;overflow:hidden;box-shadow:0 -8px 48px #00000052}.project-modal-preview{overscroll-behavior:contain;height:100%;padding:clamp(24px,5vw,72px) max(24px,50% - 600px);overflow:auto}.project-modal-preview h1{margin:0 0 16px;font-size:clamp(28px,4vw,52px);line-height:1.25}.project-modal-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.project-modal-title-row h1{margin:0}.project-modal-tags{flex-wrap:wrap;gap:10px;margin:0 0 20px;padding:0;list-style:none;display:flex}.project-modal-tags li{color:#d9c9bd;letter-spacing:normal;background:#100c0a33;border:1px solid #b991745c;border-radius:999px;padding:8px 16px;font-size:13px;line-height:1.6}.project-modal-live-link{color:#fff;background:#e62329;border-radius:999px;flex-shrink:0;align-items:center;gap:9px;padding:12px 20px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.project-modal-live-link:hover{background:#fc353b}.project-detail-content[data-project=yijie] .video-section-rail button[aria-current=location] .video-section-rail-dot{background:#e62329}.project-detail-content[data-project=yijie] .video-section-rail button:hover .video-section-rail-dot{background:#fc353b}.project-detail-content[data-project=yijie] .video-section-rail button:focus-visible{outline-color:#e62329}.project-detail-content[data-project=chejiajia] .video-section-rail button[aria-current=location] .video-section-rail-dot{background:#3275ff}.project-detail-content[data-project=chejiajia] .video-section-rail button:hover .video-section-rail-dot{background:#6497ff}.project-detail-content[data-project=swap] .video-section-rail button[aria-current=location] .video-section-rail-dot,.project-detail-content[data-project=swap] .video-section-rail button:hover .video-section-rail-dot{background:#8b3dff}.project-detail-content[data-project=more] .video-section-rail button[aria-current=location] .video-section-rail-dot{background:var(--accent)}.project-detail-content[data-project=more] .video-section-rail button:hover .video-section-rail-dot{background:var(--accent-hover)}.project-detail-content[data-project=more] .video-section-rail button:focus-visible{outline-color:var(--accent)}.project-detail-content[data-project=chejiajia] .video-section-rail button:focus-visible{outline-color:#3275ff}.project-modal-live-link-painting{color:#07201d;background:#16e6bc}.project-modal-live-link-painting:hover{background:#56f4d2}.project-modal-live-link-gstory{color:#fff;background:#1d32ff}.project-modal-live-link-gstory:hover{background:#4052ff}.project-modal[data-project=gstory] .project-modal-close:hover{color:#b5beff}.project-modal[data-project=gstory] .project-modal-close:focus-visible{outline-color:#8d9aff}.project-modal-live-link:focus-visible{outline-offset:4px;outline:2px solid #fff}.project-modal-preview>p{color:#b9a79b;margin:0 0 32px;line-height:1.8}.project-modal-cover{border-radius:16px;width:100%;height:auto;display:block}.other-works-pages{gap:20px;margin-top:40px;display:grid}.other-works-page{min-width:0;scroll-margin-top:140px}.other-works-page img{border-radius:12px;width:100%;height:auto;display:block}@media (width<=700px){.other-works-pages{gap:12px;margin-top:28px}.other-works-page img{border-radius:8px}}.project-detail-content.project-modal-preview{overscroll-behavior:auto;color:#f5f1ed;width:100%;max-width:1440px;height:auto;margin:0 auto;padding:64px 0 0;overflow:visible}.project-detail-content.project-modal-preview h1{overflow-wrap:break-word;font-size:clamp(36px,5.5vw,88px);font-weight:750;line-height:1.2}.project-detail-content .project-modal-title-row{margin-bottom:32px}.project-detail-content .project-modal-tags{margin-bottom:48px}@media (width<=700px){.project-detail-content.project-modal-preview{padding-top:32px}.project-detail-content .project-modal-tags{margin-bottom:32px}}.face-swap-matrix{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.face-swap-core-journey{margin:0 0 100px;scroll-margin-top:140px}.face-swap-journey-panel{background:#151211;border:1px solid #b394cf26;border-radius:20px;padding:32px}.face-swap-journey-label{color:#a99db3;letter-spacing:.12em;margin:0 0 36px;font-size:11px}.face-swap-journey-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 40px;margin:0;padding:0;list-style:none;display:grid}.face-swap-journey-grid>li{border-bottom:1px solid #b394cf26;min-width:0;padding:0 0 24px}.face-swap-journey-step-top{color:#ac7aff;justify-content:space-between;align-items:center;display:flex}.face-swap-journey-step-top>span{letter-spacing:.04em;font-size:16px}.face-swap-journey-grid h3{color:#f3edf8;margin:26px 0 12px;font-size:24px;font-weight:500}.face-swap-journey-grid li>p{color:#b9b0c0;margin:0;font-size:15px;line-height:1.8}@media (width<=700px){.face-swap-core-journey{margin-bottom:64px}.face-swap-journey-panel{border-radius:14px;padding:24px}.face-swap-journey-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.face-swap-journey-grid h3{margin-top:20px;font-size:19px}.face-swap-journey-grid li>p{font-size:13px}}.face-swap-strategy{margin:0 0 100px;scroll-margin-top:140px}.face-swap-strategy-tree{text-align:center;background:#151211;border:1px solid #b394cf26;border-radius:20px;padding:48px 28px 40px}.face-swap-strategy-root{padding-bottom:96px;position:relative}.face-swap-strategy-root:after{content:"";background:#8b3dff80;width:1px;height:64px;position:absolute;bottom:0;left:50%}.face-swap-strategy-tree svg{color:#ac7aff}.face-swap-strategy-root h3{color:#f3edf8;margin:20px 0 12px;font-size:clamp(22px,2.4vw,30px);font-weight:500}.face-swap-strategy-tree p{color:#b9b0c0;margin:0;font-size:15px;line-height:1.8}.face-swap-strategy-branches{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.face-swap-strategy-branches>article{min-width:0;padding:76px 12px 0;position:relative}.face-swap-strategy-branches>article:before{content:"";background:#8b3dff80;height:1px;position:absolute;top:0;left:0;right:0}.face-swap-strategy-branches>article:first-child:before{left:50%}.face-swap-strategy-branches>article:last-child:before{right:50%}.face-swap-strategy-branches>article:after{content:"";background:#8b3dff80;width:1px;height:44px;position:absolute;top:0;left:50%}.face-swap-strategy-branches h3{color:#f3edf8;margin:18px 0 10px;font-size:21px;font-weight:500}@media (width<=700px){.face-swap-strategy{margin-bottom:64px}.face-swap-strategy-tree{border-radius:14px;padding:32px 20px}.face-swap-strategy-root{padding-bottom:32px}.face-swap-strategy-root:after{display:none}.face-swap-strategy-branches{grid-template-columns:1fr;gap:28px}.face-swap-strategy-branches>article{border-top:1px solid #8b3dff40;padding:28px 0 0}.face-swap-strategy-branches>article:before,.face-swap-strategy-branches>article:after{display:none}.face-swap-strategy-tree p{font-size:13px}}.face-swap-business-goals{margin:0 0 100px;scroll-margin-top:140px}.face-swap-business-goals .face-swap-role-heading{margin-bottom:40px}.face-swap-business-goals .face-swap-role-heading>p{color:#b9b0c0;margin:20px auto 0;font-size:16px;line-height:1.8}.face-swap-goals-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.face-swap-goals-grid>article{background:#151211;border:1px solid #b394cf26;border-radius:20px;min-width:0;padding:28px 24px}.face-swap-goal-icon{color:#ac7aff;display:block}.face-swap-goals-grid h3{color:#f3edf8;margin:26px 0 16px;font-size:21px;font-weight:500}.face-swap-goals-grid p{color:#b9b0c0;margin:0;font-size:15px;line-height:1.9}@media (width>=701px) and (width<=1000px){.face-swap-goals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.face-swap-business-goals{margin-bottom:64px}.face-swap-goals-grid{grid-template-columns:1fr;gap:16px}.face-swap-goals-grid>article{border-radius:14px;padding:24px}.face-swap-goals-grid h3{margin-top:20px;font-size:20px}.face-swap-business-goals .face-swap-role-heading>p,.face-swap-goals-grid p{font-size:13px}}.face-swap-positioning{margin:0 0 100px;scroll-margin-top:140px}.face-swap-positioning .face-swap-role-heading{margin-bottom:40px}.face-swap-comparison-scroll{background:#151211;border:1px solid #b394cf26;border-radius:20px;overflow-x:auto}.face-swap-comparison-scroll:focus-visible{outline-offset:5px;outline:2px solid #8b3dff}.face-swap-comparison{border-collapse:collapse;table-layout:fixed;text-align:left;width:100%;min-width:700px}.face-swap-comparison th,.face-swap-comparison td{overflow-wrap:break-word;border-bottom:1px solid #b394cf1c;padding:24px;font-size:15px;line-height:1.7}.face-swap-comparison thead{background:#8b3dff0e}.face-swap-comparison thead th{color:#f3edf8;text-align:center;vertical-align:middle;padding-top:28px;padding-bottom:28px;font-size:20px;font-weight:500}.face-swap-comparison thead th:first-child{color:#a89baf;width:19%;font-size:13px}.face-swap-platform-logo{object-fit:contain;width:48px;height:48px;margin:0 auto 16px;display:block}.face-swap-platform-name{text-align:center;line-height:1.7;display:block}.face-swap-comparison tbody th{color:#d5c9df;font-weight:500}.face-swap-comparison td{color:#b9b0c0}.face-swap-comparison tr:last-child>*{border-bottom:0}.face-swap-unverified{color:#827788;font-size:13px}@media (width<=700px){.face-swap-positioning{margin-bottom:64px}.face-swap-positioning .face-swap-role-heading{margin-bottom:28px}.face-swap-comparison-scroll{border-radius:14px}.face-swap-comparison th,.face-swap-comparison td{padding:18px;font-size:13px}.face-swap-comparison thead th{font-size:17px}}.face-swap-responsibilities{margin:80px 0 100px;scroll-margin-top:140px}.face-swap-role-heading{text-align:center;margin-bottom:32px}.face-swap-role-heading>span{color:#ac7aff;letter-spacing:.16em;font-size:11px}.face-swap-role-heading h2{color:#f6f3f0;margin:12px 0 0;font-size:clamp(28px,3vw,40px);font-weight:600}.face-swap-role-map{aspect-ratio:2;isolation:isolate;min-height:560px;position:relative}.face-swap-role-lines{color:#c2bdc585;z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.face-swap-role-center{z-index:1;aspect-ratio:1;color:#fff;text-align:center;background:#8b3dff;border-radius:50%;place-content:center;width:clamp(84px,9vw,116px);font-size:clamp(20px,2vw,25px);line-height:1.4;display:grid;position:absolute;top:36.6667%;left:50%;transform:translate(-50%,-50%)}.face-swap-role-item{z-index:1;background:0 0;min-width:0;padding:0;position:absolute}.face-swap-role-item h3{color:#f3edf7;margin:0 0 18px;font-size:21px;font-weight:500}.face-swap-role-item ul{gap:12px;margin:0;padding:0;list-style:none;display:grid}.face-swap-role-item li{color:#ada5b4;padding-left:16px;font-size:14px;line-height:1.7;position:relative}.face-swap-role-item li:before{content:"";background:#f3e8ff;border-radius:50%;width:5px;height:5px;position:absolute;top:.65em;left:0;box-shadow:0 0 0 2px #8b3dff70}.face-swap-role-item-1{text-align:right;width:21%;top:11%;right:calc(77.5% + 16px)}.face-swap-role-item-2{width:21%;top:11%;left:79%}.face-swap-role-item-3{text-align:right;width:30%;top:calc(55% + 12px);right:calc(63.75% + 16px)}.face-swap-role-item-4{width:32%;top:calc(55% + 12px);left:calc(63.75% + 16px)}.face-swap-role-item-5{width:35%;top:78%;left:calc(50% + 16px)}.face-swap-role-item-1 ul,.face-swap-role-item-3 ul{text-align:left;width:fit-content;margin-left:auto}@media (width<=800px){.face-swap-responsibilities{margin:48px 0 64px}.face-swap-role-map{aspect-ratio:auto;border-left:1px solid #8b3dff55;flex-direction:column;gap:24px;min-height:0;margin-left:12px;padding:0 12px 0 28px;display:flex}.face-swap-role-lines,.face-swap-role-center{display:none}.face-swap-role-item{background:0 0;width:auto;padding:0;position:static}.face-swap-role-item h3{margin-bottom:12px;font-size:19px}.face-swap-role-item li{font-size:13px}.face-swap-role-item-1,.face-swap-role-item-3{text-align:left}.face-swap-role-item-1 ul,.face-swap-role-item-3 ul{width:auto;margin-left:0}}.face-swap-pages-showcase{width:100%;margin:0 0 48px;position:relative}.face-swap-showcase-visual{overflow:hidden}.face-swap-showcase-visual>img{width:100%;height:auto;margin-top:-49.1667%;display:block}.face-swap-showcase-heading{text-align:center;width:90%;margin:0 auto 56px;position:relative}.face-swap-showcase-heading h1{color:#f6f3f0;letter-spacing:normal;margin:0;font-size:clamp(22px,3.5vw,54px);font-weight:600;line-height:1.2}.project-detail-content .face-swap-showcase-heading .project-modal-tags{justify-content:center;margin:24px 0 0}.face-swap-showcase-heading p{color:#bdb5af;max-width:900px;margin:32px auto 0;font-size:clamp(12px,1.4vw,20px);line-height:1.8}@media (width<=700px){.face-swap-showcase-heading{margin-bottom:32px}.face-swap-showcase-heading p{margin-top:16px}}.face-swap-product{background:#151311;border:1px solid #ffffff17;border-radius:28px;min-width:0;padding:14px;transition:transform .35s,border-color .35s,box-shadow .35s}.face-swap-product-image{aspect-ratio:3/2;cursor:pointer;background:#211d24;border-radius:20px;display:block;overflow:hidden}.face-swap-product-image:focus-visible{outline-offset:4px;outline:2px solid #c9b1ff}.face-swap-product-image img{object-fit:cover;object-position:top;transform-origin:top;width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.7,.3,1);display:block}.face-swap-product-footer{flex-direction:column;align-items:flex-start;gap:16px;padding:20px 6px 10px;display:flex}.face-swap-product-footer h2{letter-spacing:normal;overflow-wrap:anywhere;margin:0;font-size:20px;font-weight:400;line-height:1.4}.face-swap-product-footer a{color:#ded6d0;letter-spacing:normal;white-space:nowrap;border:1px solid #ffffff24;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 14px;font-size:13px;font-weight:400;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.face-swap-product-footer a:hover{color:#c9b1ff;background:#ffffff0d}.face-swap-product-footer a:focus-visible{outline-offset:3px;outline:2px solid #c9b1ff}.face-swap-product-footer a svg{transition:transform .3s}@media (hover:hover) and (pointer:fine){.face-swap-product:hover{border-color:#c9b1ff52;transform:translateY(-5px);box-shadow:0 14px 32px #0003}.face-swap-product:hover .face-swap-product-image img{transform:scale(1.045)}.face-swap-product:hover .face-swap-product-footer a svg{transform:translate(3px,-3px)}}.face-swap-product:focus-within{border-color:#c9b1ff52}@media (prefers-reduced-motion:reduce){.face-swap-product,.face-swap-product-image img,.face-swap-product-footer a,.face-swap-product-footer a svg{transition:none}.face-swap-product:hover,.face-swap-product:hover .face-swap-product-image img,.face-swap-product:hover .face-swap-product-footer a svg{transform:none}}@media (width<=959px){.face-swap-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=639px){.face-swap-matrix{grid-template-columns:1fr}.face-swap-product{border-radius:24px;padding:12px}.face-swap-product-image{border-radius:16px}.face-swap-product-footer{padding:16px 6px 6px}}.automotive-project-pages{background:#fff;border-radius:16px;width:100%;overflow:hidden}.automotive-project-pages img{aspect-ratio:16/9;width:100%;height:auto;display:block}.project-modal-more{text-align:center}.project-modal-folder{aspect-ratio:1.5;background:#171310;border-radius:20px;max-width:640px;margin:24px auto;position:relative;overflow:hidden}.project-modal-more>ul{flex-wrap:wrap;justify-content:center;gap:12px;margin:24px auto;padding:0;list-style:none;display:flex}.project-modal-more>ul li{color:#d9c9bd;border:1px solid #b9a79b3d;border-radius:999px;padding:9px 18px}@media (width<=767px){.project-modal-toolbar{min-height:56px;padding-inline:16px 12px}}@media (prefers-reduced-motion:reduce){.project-modal-close{transition:none}}.af-case .af-fa-section{background:var(--af-bg,#0d0e0c);color:#f5f7ef;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--af-muted:#a0aa92;padding:112px 0 104px;scroll-margin-top:132px}.af-reference-layout #af-architecture.af-fa-section{padding:112px 0 104px}.af-case .af-fa-chart{isolation:isolate;grid-template-columns:94px minmax(0,1fr);column-gap:48px;display:grid;position:relative}.af-case .af-fa-lines{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:visible}.af-case .af-fa-lines path{stroke-width:1px;vector-effect:non-scaling-stroke;stroke-linecap:square;stroke-linejoin:miter}.af-case .af-fa-lines-base{stroke:#434a3a}.af-case .af-fa-lines-active{stroke:#ffe52d}.af-case .af-fa-root{color:#111;text-align:center;white-space:nowrap;background:linear-gradient(110deg,#ffe52d,#9ef5da);border:1px solid #0000;border-radius:8px;align-self:center;padding:28px 8px;font-size:21px;font-weight:750;line-height:1.4;position:relative}.af-case .af-fa-root:has(img){top:var(--fa-root-y,0px);aspect-ratio:1;background:0 0;border-radius:24%;align-self:start;padding:0;overflow:hidden}.af-case .af-fa-root img{object-fit:contain;width:100%;height:100%;display:block}.af-case .af-fa-branches{gap:72px;min-width:0;display:grid}.af-case .af-fa-branch{grid-template-columns:126px minmax(0,1fr);align-items:start;gap:32px;min-width:0;display:grid}.af-case .af-fa-module{color:#f5f7ef;text-align:left;background:#252c1e;border:1px solid #d3f48330;border-radius:8px;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;width:126px;min-height:58px;margin-top:64px;padding:12px 24px 12px 14px;transition:border-color .2s;display:flex;position:relative}.af-case .af-fa-module>span{font-size:16px;font-weight:600;line-height:1.4}.af-case .af-fa-module>small{color:#a7b297;font-size:11px;font-weight:400;line-height:1.4}.af-case .af-fa-module>svg{transition:transform .25s;position:absolute;top:22px;right:9px}.af-case .af-fa-module[aria-expanded=false]>svg{transform:rotate(-90deg)}.af-case .af-fa-collapse{opacity:0;grid-template-rows:0fr;min-width:0;transition:grid-template-rows .25s,opacity .25s;display:grid}.af-case .af-fa-collapse.is-open{opacity:1;grid-template-rows:1fr}.af-case .af-fa-inner{min-height:0;overflow:hidden}.af-case .af-fa-stages{grid-template-columns:repeat(var(--fa-count),minmax(0,1fr));gap:12px;min-width:0;padding:64px 0 0;list-style:none;display:grid}.af-case .af-fa-stage{min-width:0}.af-case .af-fa-node{color:#e8eedc;text-align:center;overflow-wrap:anywhere;background:#191d16;border:1px solid #d3f48326;border-radius:7px;justify-content:center;align-items:center;min-height:58px;padding:10px 7px;font-size:14px;font-weight:500;line-height:1.5;transition:border-color .2s;display:flex}.af-case .af-fa-stage-subtitle{color:#a0aa92;overflow-wrap:anywhere;margin:10px 2px -3px;font-size:10px;line-height:1.5}.af-case .af-fa-features{flex-direction:column;align-items:flex-start;gap:8px;margin-top:14px;padding:0;list-style:none;display:flex}.af-case .af-fa-features li{max-width:100%}.af-case .af-fa-features span{color:#a0aa92;overflow-wrap:anywhere;background:#151912;border:1px solid #ffffff12;border-radius:6px;padding:5px 7px;font-size:12px;font-weight:400;line-height:1.65;transition:border-color .2s,color .2s;display:block}.af-case .af-fa-stage:hover>.af-fa-node,.af-case .af-fa-stage:focus-within>.af-fa-node,.af-case .af-fa-module:hover,.af-case .af-fa-module.is-active,.af-case .af-fa-root:hover,.af-case .af-fa-root:focus,.af-case .af-fa-features span:hover{border-color:#ffe52d}.af-case .af-fa-features span:hover{color:#f5f7ef}.af-case .af-fa-settings .af-fa-stages{max-width:680px}.af-case .af-fa-settings .af-fa-node{font-size:14px}.af-case .af-fa-settings .af-fa-features{flex-flow:wrap}.af-case .af-fa-section :is(button,[tabindex]):focus-visible{outline-offset:3px;outline:2px solid #ffe52d}@media (prefers-reduced-motion:no-preference){.af-case .af-fa-section.is-entered .af-poster-heading,.af-case .af-fa-section.is-entered .af-fa-root{animation:.5s both af-fa-reveal}.af-case .af-fa-section.is-entered .af-fa-branch{animation:.5s both af-fa-reveal;animation-delay:calc(var(--fa-index) * .1s)}@keyframes af-fa-reveal{0%{opacity:0;translate:0 -8px}to{opacity:1;translate:0}}}@media (width>=1600px){.af-case .af-fa-chart{grid-template-columns:112px minmax(0,1fr);column-gap:64px}.af-case .af-fa-branch{grid-template-columns:144px minmax(0,1fr);gap:48px}.af-case .af-fa-module{width:144px}.af-case .af-fa-stages{gap:20px}.af-case .af-fa-features span{font-size:13px}}@media (width>=768px) and (width<=1199px){.af-case .af-fa-chart{grid-template-columns:78px minmax(0,1fr);column-gap:32px}.af-case .af-fa-branch{grid-template-columns:100px minmax(0,1fr);gap:28px}.af-case .af-fa-module{width:100px;padding-left:10px}.af-case .af-fa-root{font-size:18px}.af-case .af-fa-stages{gap:8px}.af-case .af-fa-node{padding:8px 4px;font-size:12px}.af-case .af-fa-features span{padding:4px;font-size:11px}.af-case .af-fa-module>span{font-size:14px}}@media (width<=767px){.af-case .af-fa-section{padding:72px 0 64px;scroll-margin-top:96px}.af-case .af-fa-chart{padding-left:0;display:block}.af-case .af-fa-root{width:110px;margin-bottom:40px;padding:18px 10px;font-size:22px}.af-case .af-fa-branches{gap:40px;padding-left:28px}.af-case .af-fa-branch{display:block}.af-case .af-fa-module{width:150px;min-height:58px;margin:0;padding-left:16px}.af-case .af-fa-module>span{font-size:16px}.af-case .af-fa-module>small{font-size:11px}.af-case .af-fa-stages{grid-template-columns:1fr;gap:28px;padding:28px 0 0 28px;display:grid}.af-case .af-fa-node{text-align:left;justify-content:flex-start;min-height:44px;padding:10px 12px;font-size:14px}.af-case .af-fa-features{flex-flow:wrap;gap:7px;margin-top:10px}.af-case .af-fa-features span{padding:5px 8px;font-size:12px}.af-case .af-fa-stage-subtitle{margin:8px 2px 0;font-size:11px}.af-case .af-fa-settings .af-fa-stages{max-width:none}}@media (prefers-reduced-motion:reduce){.af-case .af-fa-section *{transition:none!important;animation:none!important}}@media (width<=767px){.af-reference-layout #af-architecture.af-fa-section{padding:72px 0 64px}}.site-footer.project-footer.page-container{color:#aa978c;background:0 0;border-top:1px solid #89726466;width:100%;max-width:1440px;margin:80px auto 0;padding-block:40px 28px;padding-inline:0}.af-case .site-footer.project-footer.page-container{width:min(1440px,100% - 112px);padding-bottom:40px}@media (width<=700px){.site-footer.project-footer.page-container{margin-top:48px;padding-block:28px 24px}.af-case .site-footer.project-footer.page-container{width:calc(100% - 40px)}}.af-case{--af-bg:#090909;--af-panel:#131313;--af-paper:#f7f7f2;--af-text:#fff;--af-muted:#a0a0a0;--af-line:#ffffff1f;--af-gradient:linear-gradient(110deg,#ffe528 0%,#d3f483 48%,#92f6dd 100%);background:var(--af-bg);color:var(--af-text);isolation:isolate;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.7;overflow-x:clip}.af-case>main{background:var(--af-bg)}.af-case .af-shared-header .header{max-width:none;margin:0;padding:0}.af-case .af-shared-header .wordmark{text-decoration:none;display:flex}.af-case .af-shared-header .brand-avatar img{object-fit:cover;border-radius:0;max-width:none}.af-case .af-shared-header .brand-name{letter-spacing:normal}.af-case .af-case-tools{justify-content:space-between;align-items:center;gap:24px;padding-top:144px;display:flex}.af-case .af-case-tools button{color:#b9ada1;background:0 0;border:0;align-items:center;gap:12px;min-height:40px;padding:0;font-size:13px;display:flex}.af-case .af-case-tools .af-dismiss{color:#c1b9b2;border:1px solid #ffffff20;border-radius:50%;place-items:center;width:40px;display:grid}.af-case .af-chapter-rail{z-index:40;flex-direction:column;gap:12px;display:flex;position:fixed;top:50%;right:20px;transform:translateY(-50%)}.af-case .af-chapter-rail button{background:0 0;border:0;justify-content:center;align-items:center;width:28px;height:24px;padding:0;display:flex;position:relative}.af-case .af-chapter-rail i{background:#73796a;border-radius:999px;width:5px;height:5px;transition:height .2s,background .2s}.af-case .af-chapter-rail [aria-current] i{background:#b8f807;height:24px}.af-case .af-chapter-rail button>span{color:#cdd4bd;opacity:0;pointer-events:none;background:#181914;border-radius:4px;padding:4px 8px;font-size:10px;transition:opacity .2s;position:absolute;right:32px}.af-case .af-chapter-rail button:hover>span,.af-case .af-chapter-rail button:focus-visible>span{opacity:1}.af-case *{box-sizing:border-box}.af-case :is(h1,h2,h3,h4,p,figure,ul,ol,dl){margin:0}.af-case :is(button,a){-webkit-tap-highlight-color:transparent}.af-case button{font:inherit;cursor:pointer}.af-case a{color:inherit}.af-case :is(button,a):focus-visible{outline-offset:5px;outline:2px solid #d3f483}.af-case img{object-fit:contain;max-width:100%;height:auto;display:block}.af-case svg{flex-shrink:0}.af-case :is(h1,h2,h3){text-wrap:balance}.af-case .af-wrap{width:min(1440px,100% - 112px);margin-inline:auto}.af-case .af-section{padding-block:144px;scroll-margin-top:96px}.af-case .af-paper{background:var(--af-paper);color:#181a17;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--af-muted:#686b63;--af-line:#11111120}.af-case .af-eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--af-muted);font-size:11px;font-weight:500;line-height:1.6}.af-case .af-heading .af-eyebrow{align-items:center;gap:16px;margin-bottom:28px;display:flex}.af-case .af-heading .af-eyebrow span{color:inherit;font-size:15px}.af-case .af-heading h2{letter-spacing:-.04em;font-size:clamp(40px,4vw,64px);font-weight:650;line-height:1.25}.af-case .af-heading{margin-bottom:48px}.af-case .af-lead{max-width:700px;color:var(--af-muted);margin-top:24px;font-size:18px;line-height:1.85}.af-case .af-small,.af-case .af-source-note{color:var(--af-muted);font-size:12px;line-height:1.8}.af-case .af-source-note{max-width:950px;margin-top:24px}.af-case .af-muted{color:var(--af-muted)}.af-case .af-nav{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#fff;background:#090909ed;border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:24px;width:100%;min-height:80px;padding:14px max(28px,50% - 720px);display:flex;position:sticky;top:0}.af-case .af-wordmark{color:#fff;letter-spacing:-.04em;white-space:nowrap;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:0;font-size:18px;font-weight:750;line-height:1.2;display:flex}.af-case .af-wordmark span{letter-spacing:.22em;color:#a0a0a0;margin-top:4px;font-size:8px;font-weight:400}.af-case .af-nav-links,.af-case .af-nav-actions{align-items:center;gap:28px;display:flex}.af-case .af-nav-links a{color:#979991;padding:8px 0;font-size:12px;text-decoration:none;transition:color .2s}.af-case .af-nav-links a[aria-current],.af-case .af-nav-links a:hover{color:#d3f483}.af-case .af-nav-actions{gap:24px}.af-case .af-back{color:#aaa;background:0 0;border:0;align-items:center;gap:8px;font-size:11px;display:flex}.af-case .af-close{color:#fff;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.af-case .af-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:4%;min-height:min(920px,100svh - 80px);padding-block:100px 144px;scroll-margin-top:80px;display:grid;position:relative}.af-case .af-hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#bac85a1c,#0000 68%);width:48%;height:80%;position:absolute;top:12%;right:2%}.af-case .af-hero h1{letter-spacing:-.085em;margin:36px 0;font-size:clamp(90px,9vw,172px);font-weight:750;line-height:1}.af-case .af-brand-dot{color:#d3f483}.af-case .af-hero-english{letter-spacing:-.04em;font-size:clamp(26px,3vw,48px);line-height:1.16}.af-case .af-hero-description{color:#a5a69f;margin-top:32px;font-size:16px;line-height:1.9}.af-case .af-tags{flex-wrap:wrap;gap:8px;margin-top:32px;padding:0;list-style:none;display:flex}.af-case .af-tags li{color:#bdbfb5;border:1px solid #ffffff26;border-radius:999px;padding:7px 10px;font-size:10px;line-height:1.5}.af-case .af-hero-art{aspect-ratio:1/1.13;align-self:center;min-width:0;padding:0 0 9% 16%;position:relative}.af-case .af-hero-after{background:#1b1518;border-radius:22px;position:relative;overflow:hidden;box-shadow:0 30px 70px #0005}.af-case .af-hero-after .af-asset-crop{object-fit:cover;aspect-ratio:.86!important}.af-case .af-hero-after figcaption{color:#c7cbbd;letter-spacing:.13em;background:#141414;padding:18px 20px;font-size:9px}.af-case .af-hero-before{background:#eee;border:1px solid #fafafa4d;border-radius:15px;width:33%;padding:6px;position:absolute;bottom:6%;left:0;box-shadow:0 20px 40px #0006}.af-case .af-hero-before .af-asset-crop{border-radius:10px}.af-case .af-hero-before figcaption{letter-spacing:.1em;color:#282828;text-align:center;padding:10px 2px 5px;font-size:7px;line-height:1.4}.af-case .af-art-index{letter-spacing:.15em;color:#8e9386;font-size:8px;position:absolute;bottom:0;right:0}.af-case .af-explore{color:#a4a79b;letter-spacing:.16em;background:0 0;border:0;align-items:center;gap:28px;padding:0;font-size:9px;display:flex;position:absolute;bottom:40px;left:0}.af-case .af-asset-crop{width:100%;height:auto;display:block;overflow:hidden}.af-case .af-phone{aspect-ratio:762/1636;background:#111;border:1px solid #50514b;border-radius:34px;width:100%;max-width:350px;margin-inline:auto;padding:6px;position:relative;overflow:hidden;box-shadow:0 20px 45px #0004}.af-case .af-phone img{aspect-ratio:750/1624;object-fit:contain;border-radius:27px;width:100%;height:100%}.af-case .af-overview-grid{grid-template-columns:1fr 1fr;align-items:start;gap:100px;display:grid}.af-case .af-overview-copy{padding-top:52px;font-size:18px;line-height:1.9}.af-case .af-overview-copy p+p{margin-top:24px;font-size:14px}.af-case .af-overview-bottom{grid-template-columns:1fr 1fr;align-items:start;gap:100px;margin-top:64px;display:grid}.af-case .af-facts{border-top:1px solid var(--af-line);grid-template-columns:1fr 1fr;gap:40px 24px;padding-top:36px;display:grid}.af-case .af-facts dt{letter-spacing:.12em;color:#76796f;font-size:9px}.af-case .af-facts dd{margin:10px 0 0;font-size:19px;line-height:1.5}.af-case .af-overview-visual{grid-template-columns:180px 1fr;align-items:center;gap:36px;display:grid}.af-case .af-overview-visual .af-phone{border-radius:22px;padding:4px;box-shadow:0 14px 24px #0002}.af-case .af-overview-visual .af-phone img{border-radius:18px}.af-case .af-overview-visual p{margin:20px 0;font-size:14px;line-height:2}.af-case .af-task-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:48px;display:grid}.af-case .af-task-grid article{border-top:1px solid #ffffff35;min-width:0;padding:32px 0}.af-case .af-task-number{letter-spacing:-.08em;color:#d3f483;margin-bottom:40px;font-size:80px;font-weight:400;line-height:1;display:block}.af-case .af-task-grid h3{margin:12px 0 20px;font-size:25px;font-weight:600}.af-case .af-task-grid p{color:var(--af-muted);font-size:15px;line-height:1.8}.af-case .af-opportunity{margin-top:32px}.af-case .af-opportunity>span{color:#d3f483;font-size:10px}.af-case .af-opportunity p{margin-top:10px}.af-case .af-risk{border-top:1px solid var(--af-line);color:#94988b;gap:24px;padding:24px 0;font-size:13px;display:flex}.af-case .af-risk>span{color:#d3f483;white-space:nowrap}.af-case .af-patterns{border-top:1px solid #181a17;margin-top:40px;display:grid}.af-case .af-patterns [role=row]{border-bottom:1px solid var(--af-line);grid-template-columns:1fr 1.4fr 1.4fr;gap:24px;padding:24px 0;font-size:15px;display:grid}.af-case .af-patterns .af-pattern-head{color:#797d70;padding:14px 0;font-size:11px}.af-case .af-strategy-axis{letter-spacing:-.05em;justify-content:space-between;align-items:center;gap:20px;margin:88px 0 56px;font-size:clamp(30px,4vw,64px);font-weight:650;display:flex}.af-case .af-strategy-axis svg{color:#828a75;width:32px;height:32px}.af-case .af-strategy-list{gap:28px;padding:0;list-style:none;display:grid}.af-case .af-strategy-list li{grid-template-columns:48px 1fr 1.6fr;align-items:baseline;gap:24px;display:grid}.af-case .af-strategy-list li>span{color:#7a806c;font-size:12px}.af-case .af-strategy-list h3{font-size:24px;font-weight:550}.af-case .af-strategy-list p{color:#696e60;font-size:15px}.af-case .af-architecture{margin-top:64px}.af-case .af-tree-root{text-align:center;color:#d3f483;background:#131510;border:1px solid #d3f48360;border-radius:16px;width:240px;margin:0 auto 64px;padding:24px;font-size:26px;position:relative}.af-case .af-tree-root span{color:#8f9686;margin-top:6px;font-size:11px;display:block}.af-case .af-tree-root:after{content:"";background:#47503c;width:1px;height:33px;position:absolute;top:100%;left:50%}.af-case .af-tree-branches{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid;position:relative}.af-case .af-tree-branches:before{content:"";border-top:1px solid #47503c;position:absolute;top:-32px;left:16.67%;right:16.67%}.af-case .af-tree-branches>div{border:1px solid var(--af-line);background:#11120f;border-radius:16px;padding:28px;position:relative}.af-case .af-tree-branches>div:before{content:"";background:#47503c;width:1px;height:32px;position:absolute;bottom:100%;left:50%}.af-case .af-tree-branches h3{margin-bottom:24px;font-size:19px;font-weight:500}.af-case .af-tree-branches p{color:#a4aa9b;font-size:13px;line-height:2}.af-case .af-architecture>.af-small{text-align:center;margin-top:24px}.af-case .af-process-section{background:#151611}.af-case .af-process-steps{grid-template-columns:repeat(8,minmax(0,1fr));margin:48px 0 64px;padding:0;list-style:none;display:grid}.af-case .af-process-steps li{align-items:center;gap:8px;min-width:0;display:flex}.af-case .af-process-steps button{text-align:left;color:#8f9683;background:0 0;border:0;border-bottom:1px solid #ffffff20;flex:1;min-width:0;min-height:90px;padding:12px 8px;font-size:11px;line-height:1.4}.af-case .af-process-steps button span{margin-bottom:12px;font-size:23px;display:block}.af-case .af-process-steps button[aria-pressed=true]{color:#d3f483;border-color:#d3f483}.af-case .af-process-steps li>svg{color:#707563;width:12px}.af-case .af-journey-screens{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;display:grid}.af-case .af-journey-screens article{min-width:0}.af-case .af-journey-screens .af-phone{filter:brightness(.87);border-color:#45483c;transition:border-color .4s,filter .4s}.af-case .af-journey-screens .is-active .af-phone{filter:brightness();border-color:#d3f483}.af-case .af-journey-screens .af-eyebrow{color:#d3f483;margin-top:28px;font-size:10px}.af-case .af-journey-screens article>p:last-child{color:#a7ae99;margin-top:12px;font-size:12px;line-height:1.8}.af-case .af-visual-intro{grid-template-columns:1.4fr 1fr;align-items:start;gap:80px;margin-bottom:48px;display:grid}.af-case .af-visual-intro p{color:#5d6255;font-size:17px;line-height:1.9}.af-case .af-gradient-spec{background:var(--af-gradient);color:#181a17;border-radius:20px;padding:40px}.af-case .af-gradient-spec>span{letter-spacing:.15em;font-size:10px}.af-case .af-gradient-spec strong{letter-spacing:-.04em;margin:24px 0 32px;font-size:clamp(28px,3vw,48px);font-weight:550;display:block}.af-case .af-gradient-spec p{font-size:12px}.af-case .af-palette{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:32px;display:grid}.af-case .af-palette>div{flex-wrap:wrap;gap:8px 16px;font-size:11px;display:flex}.af-case .af-palette i{border:1px solid #0001;border-radius:12px;width:100%;height:72px;display:block}.af-case .af-palette strong{color:#7a7c73;margin-left:auto;font-weight:400}.af-case .af-type-spec{border-top:1px solid var(--af-line);border-bottom:1px solid var(--af-line);grid-template-columns:1fr 1fr;gap:64px;margin:64px 0;padding-block:40px;display:grid}.af-case .af-type-spec strong{letter-spacing:-.04em;margin-top:8px;font-size:80px;font-weight:550;line-height:1.4;display:block}.af-case .af-type-spec p{color:#6a6f61;align-items:center;gap:24px;margin:4px 0 14px;font-size:14px;display:flex}.af-case .af-type-spec b{color:#171b12;width:50px;font-size:30px;font-weight:450}.af-case .af-ui-details{grid-template-columns:1fr 1fr;gap:32px;display:grid}.af-case .af-ui-details>div{color:#acb19f;background:#090909;border-radius:16px;padding:24px}.af-case .af-ui-details .af-asset-crop{object-fit:contain;height:160px}.af-case .af-ui-details p{margin-top:16px;font-size:11px}.af-case .af-state-note{color:#727665;gap:32px;margin-top:32px;font-size:12px;display:flex}.af-case .af-state-note>span{white-space:nowrap;color:#292f20}.af-case .af-state-note p{max-width:850px}.af-case .af-editorial-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(48px,7vw,120px);display:grid}.af-case .af-phone-stage{padding:32px 0;position:relative}.af-case .af-phone-stage:before{content:"";z-index:-1;background:radial-gradient(#d3f48309,#0000 65%);position:absolute;inset:30% -5% 0}.af-case .af-annotations{gap:32px;padding:0;list-style:none;display:grid}.af-case .af-annotations li{gap:24px;display:flex}.af-case .af-annotations li>span{color:#d3f483;padding-top:3px;font-size:12px}.af-case .af-annotations h3{margin-bottom:8px;font-size:22px;font-weight:500}.af-case .af-annotations p{color:#9da392;font-size:14px;line-height:1.8}.af-case .af-discovery-crop{border-radius:16px;max-width:480px;margin-top:48px}.af-case .af-creation{background:#141511}.af-case .af-creation-details{gap:32px;min-width:0;display:grid}.af-case .af-creation-details article{padding-bottom:28px}.af-case .af-creation-details article>div{align-items:center;gap:16px;display:flex}.af-case .af-creation-details article>div svg{color:#d3f483}.af-case .af-creation-details h3{font-size:21px;font-weight:500}.af-case .af-creation-details p{color:#9fa693;margin:12px 0 20px;font-size:13px;line-height:1.8}.af-case .af-creation-details .af-asset-crop{background:#000;border-radius:12px;max-height:115px}.af-case .af-creation-details .af-crop-detail{width:160px;max-height:160px;aspect-ratio:1!important}.af-case .af-create-band{background:var(--af-gradient);color:#151a0d;border-radius:18px;align-items:center;gap:32px;margin-top:64px;padding:32px 40px;display:flex}.af-case .af-create-band>span{letter-spacing:.1em;font-size:10px}.af-case .af-create-band strong{letter-spacing:-.04em;font-size:42px;font-weight:550}.af-case .af-create-band p{margin-left:auto;font-size:14px}.af-case .af-feedback-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:120px;display:grid}.af-case .af-feedback-grid>.af-phone{max-width:350px}.af-case .af-feedback-detail{border:1px solid var(--af-line);background:#000;border-radius:18px;max-width:500px;margin-top:48px;padding:24px}.af-case .af-feedback-detail .af-small{margin-top:24px}.af-case .af-result-section{background:#12120f}.af-case .af-result-grid{grid-template-columns:1fr 1fr .52fr;align-items:center;gap:24px;display:grid}.af-case .af-result-grid>figure:not(.af-phone){min-width:0}.af-case .af-result-grid .af-asset-crop{border-radius:20px}.af-case .af-result-grid figcaption{color:#8f9681;letter-spacing:.08em;margin-top:18px;font-size:9px}.af-case .af-result-grid>.af-phone{border-radius:22px;padding:4px}.af-case .af-result-grid>.af-phone img{border-radius:18px}.af-case .af-result-bottom{grid-template-columns:1fr 1fr;align-items:center;gap:100px;margin-top:64px;display:grid}.af-case .af-result-bottom>div:first-child>svg{color:#d3f483}.af-case .af-result-bottom h3{margin:20px 0 12px;font-size:28px;font-weight:550}.af-case .af-result-bottom p{color:#9da38e;font-size:14px}.af-case .af-result-bottom>div:last-child{align-items:center;gap:24px;display:flex}.af-case .af-result-bottom .af-asset-crop{border-radius:12px;flex-shrink:0;width:110px}.af-case .af-result-bottom>div:last-child p{font-size:12px}.af-case .af-promo-gallery{grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin-top:48px;display:grid}.af-case .af-promo-gallery figure{min-width:0}.af-case .af-promo-gallery button{background:#151515;border:0;border-radius:16px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.af-case .af-promo-gallery button>span{color:#fff;opacity:0;background:#000a;border-radius:5px;align-items:center;gap:8px;padding:6px 8px;font-size:9px;transition:opacity .2s;display:flex;position:absolute;bottom:12px;right:10px}.af-case .af-promo-gallery button:hover>span,.af-case .af-promo-gallery button:focus-visible>span{opacity:1}.af-case .af-promo-gallery figcaption{gap:16px;margin-top:16px;font-size:12px;display:flex}.af-case .af-promo-gallery figcaption span{color:#8d957e;font-size:10px}.af-case .af-growth-notes{border-top:1px solid var(--af-line);grid-template-columns:1fr 1.4fr;gap:64px;margin-top:56px;padding-top:32px;display:grid}.af-case .af-growth-notes h3{font-size:24px;font-weight:500}.af-case .af-growth-notes p{color:#969e87;font-size:14px}.af-case .af-delivery-grid{grid-template-columns:1fr 1fr;gap:100px;margin-top:64px;display:grid}.af-case .af-delivery-grid h3{margin-bottom:28px;font-size:25px;font-weight:550}.af-case .af-delivery-grid h3>span{color:#7d856d;margin-top:8px;font-size:11px;font-weight:400;display:block}.af-case .af-checklist,.af-case .af-validation{gap:18px;padding:0;font-size:15px;list-style:none;display:grid}.af-case .af-checklist li,.af-case .af-validation li{align-items:center;gap:14px;display:flex}.af-case .af-checklist svg{color:#748759}.af-case .af-validation li>span{color:#898d7e;font-size:11px}.af-case .af-summary-values{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:48px;display:grid}.af-case .af-summary-values>div{border:1px solid var(--af-line);background:#fff6;border-radius:16px;padding:28px 24px}.af-case .af-summary-values span{color:#7c876d;font-size:12px}.af-case .af-summary-values h3{margin-top:32px;font-size:23px;font-weight:500}.af-case .af-end{padding-block:144px 64px}.af-case .af-end h2{letter-spacing:-.06em;margin:40px 0 80px;font-size:clamp(64px,8.7vw,144px);font-weight:650;line-height:1.03}.af-case .af-end h2 span{background:var(--af-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.af-case .af-end>div{border-top:1px solid var(--af-line);letter-spacing:.1em;color:#909786;justify-content:space-between;align-items:center;gap:24px;padding-top:32px;font-size:10px;display:flex}.af-case .af-end button{color:#d3f483;background:0 0;border:0;align-items:center;gap:16px;font-size:13px;display:flex}.af-modal{color:#fff;background:#090909;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.af-modal::backdrop{background:#090909}.af-case-scroll{overscroll-behavior:contain;scrollbar-color:#626958 #090909;height:100%;overflow:hidden auto}.af-lightbox{color:#fff;overscroll-behavior:contain;background:#080808f5;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:32px;position:fixed;inset:0;overflow:auto}.af-lightbox::backdrop{background:#000b}.af-lightbox[open]{place-items:center;display:grid}.af-lightbox>img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 64px);margin:auto;display:block}.af-lightbox-close{z-index:1;color:#fff;cursor:pointer;background:#191919;border:1px solid #ffffff40;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:fixed;top:20px;right:24px}.af-lightbox-close:focus-visible{outline-offset:4px;outline:2px solid #d3f483}@media (width>=1600px){.af-case .af-hero{min-height:920px}.af-case .af-hero-art{max-width:620px}.af-case .af-hero h1{font-size:172px}}@media (width<=1100px){.af-case .af-wrap{width:calc(100% - 64px)}.af-case .af-section{padding-block:104px}.af-case .af-nav{gap:16px;padding-inline:32px}.af-case .af-nav-links{gap:20px}.af-case .af-back span{display:none}.af-case .af-hero{gap:20px;min-height:760px;padding-top:80px}.af-case .af-hero h1{font-size:100px}.af-case .af-hero-art{padding-left:12%}.af-case .af-overview-grid,.af-case .af-overview-bottom{gap:40px}.af-case .af-overview-visual{grid-template-columns:140px 1fr;gap:24px}.af-case .af-overview-copy{font-size:16px}.af-case .af-task-grid{gap:24px}.af-case .af-task-grid h3{font-size:21px}.af-case .af-tree-branches{gap:16px}.af-case .af-tree-branches>div{padding:22px}.af-case .af-tree-branches h3{font-size:17px}.af-case .af-tree-branches p{font-size:12px}.af-case .af-journey-screens{gap:20px}.af-case .af-phone{border-radius:26px;padding:5px}.af-case .af-phone img{border-radius:20px}.af-case .af-visual-intro{gap:40px}.af-case .af-feedback-grid{gap:64px}.af-case .af-editorial-grid{gap:48px}.af-case .af-create-band{gap:24px;padding:28px}.af-case .af-create-band>span{display:none}.af-case .af-result-bottom{gap:48px}.af-case .af-promo-gallery{gap:12px}.af-case .af-delivery-grid{gap:48px}.af-case .af-summary-values h3{font-size:19px}}@media (width<=767px){.af-case .af-wrap{width:calc(100% - 40px)}.af-case .af-section{padding-block:80px;scroll-margin-top:108px}.af-case .af-nav{flex-wrap:wrap;gap:10px;min-height:100px;padding:12px 20px}.af-case .af-wordmark{font-size:16px}.af-case .af-nav-actions{gap:12px;margin-left:auto}.af-case .af-close{width:34px;height:34px}.af-case .af-back{display:none}.af-case .af-nav-links{order:3;justify-content:space-between;gap:16px;width:100%}.af-case .af-nav-links a{padding:4px 0;font-size:11px}.af-case .af-heading{margin-bottom:32px}.af-case .af-heading .af-eyebrow{letter-spacing:.12em;margin-bottom:20px;font-size:9px}.af-case .af-heading h2{letter-spacing:-.035em;font-size:clamp(30px,7.5vw,38px);line-height:1.3}.af-case .af-lead{font-size:15px}.af-case .af-hero{flex-direction:column;align-items:stretch;gap:48px;min-height:auto;padding:56px 0 96px;scroll-margin-top:100px;display:flex}.af-case .af-hero .af-eyebrow{letter-spacing:.1em;font-size:8px}.af-case .af-hero h1{letter-spacing:-.08em;white-space:nowrap;margin:24px 0;font-size:clamp(72px,20vw,130px)}.af-case .af-hero-english{font-size:36px;line-height:1.1}.af-case .af-hero-description{margin-top:24px;font-size:14px}.af-case .af-tags{gap:6px;margin-top:24px}.af-case .af-tags li{padding:6px 9px;font-size:8px}.af-case .af-hero-art{align-self:center;width:100%;max-width:500px;padding:0 0 8% 18%}.af-case .af-hero-after{border-radius:16px}.af-case .af-hero-before{border-radius:12px;width:34%}.af-case .af-hero-after figcaption{padding:12px;font-size:7px}.af-case .af-explore{font-size:8px;bottom:32px}.af-case .af-overview-grid,.af-case .af-overview-bottom{grid-template-columns:1fr;gap:32px}.af-case .af-overview-grid .af-heading{margin-bottom:0}.af-case .af-overview-copy{padding-top:0;font-size:15px}.af-case .af-overview-bottom{margin-top:40px}.af-case .af-facts{gap:28px 16px;padding-top:28px}.af-case .af-facts dd{font-size:16px}.af-case .af-overview-visual{grid-template-columns:140px 1fr;gap:24px;padding-top:16px}.af-case .af-overview-visual p{font-size:12px}.af-case .af-overview-visual .af-small{font-size:10px}.af-case .af-task-grid{grid-template-columns:1fr;gap:0;margin-top:32px}.af-case .af-task-grid article{padding:28px 0 32px 72px;position:relative}.af-case .af-task-number{font-size:46px;position:absolute;top:28px;left:0}.af-case .af-task-grid h3{font-size:23px}.af-case .af-task-grid p{font-size:14px}.af-case .af-opportunity{margin-top:24px}.af-case .af-risk{flex-direction:column;gap:12px;font-size:12px}.af-case .af-patterns [role=row]{grid-template-columns:.8fr 1.2fr 1.2fr;gap:12px;padding:20px 0;font-size:12px;line-height:1.8}.af-case .af-patterns .af-pattern-head{font-size:10px}.af-case .af-strategy-axis{gap:10px;margin:48px 0 40px;font-size:clamp(18px,5.1vw,34px)}.af-case .af-strategy-axis svg{width:18px;height:18px}.af-case .af-strategy-list{gap:28px}.af-case .af-strategy-list li{grid-template-columns:28px 1fr;gap:10px}.af-case .af-strategy-list h3{font-size:21px}.af-case .af-strategy-list p{grid-column:2;font-size:14px}.af-case .af-tree-root{width:190px;margin-bottom:48px;font-size:24px}.af-case .af-tree-branches{grid-template-columns:1fr;gap:16px;padding-left:24px}.af-case .af-tree-branches:before{border-top:0;border-left:1px solid #47503c;inset:-16px auto 40px 0}.af-case .af-tree-branches>div:before{width:24px;height:1px;top:32px;bottom:auto;left:-24px}.af-case .af-tree-root:after{height:17px}.af-case .af-architecture>.af-small{text-align:left}.af-case .af-process-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:32px 0 40px}.af-case .af-process-steps button{min-height:70px;padding:8px;font-size:11px}.af-case .af-process-steps button span{margin:0 12px 0 0;font-size:17px;display:inline}.af-case .af-process-steps li>svg{display:none}.af-case .af-journey-screens{grid-template-columns:1fr;gap:40px}.af-case .af-journey-screens article{width:100%;max-width:300px;margin:auto}.af-case .af-journey-screens .af-eyebrow{font-size:11px}.af-case .af-journey-screens article>p:last-child{font-size:13px}.af-case .af-visual-intro{grid-template-columns:1fr;gap:20px;margin-bottom:32px}.af-case .af-visual-intro p{font-size:15px}.af-case .af-gradient-spec{padding:28px 24px}.af-case .af-gradient-spec strong{font-size:30px}.af-case .af-palette{grid-template-columns:1fr 1fr;gap:24px 16px}.af-case .af-palette i{height:60px}.af-case .af-type-spec{grid-template-columns:1fr;gap:32px;margin:40px 0}.af-case .af-type-spec strong{font-size:64px}.af-case .af-ui-details{grid-template-columns:1fr;gap:16px}.af-case .af-ui-details .af-asset-crop{height:auto}.af-case .af-state-note{flex-direction:column;gap:12px}.af-case .af-editorial-grid{grid-template-columns:1fr;gap:40px}.af-case .af-phone-stage{padding:0}.af-case .af-phone-stage .af-phone,.af-case .af-feedback-grid>.af-phone{max-width:300px}.af-case .af-annotations{gap:28px}.af-case .af-annotations h3{font-size:21px}.af-case .af-discovery-crop{margin-top:32px}.af-case .af-creation-details{gap:28px}.af-case .af-creation-details h3{font-size:19px}.af-case .af-create-band{flex-wrap:wrap;gap:16px;margin-top:40px;padding:24px}.af-case .af-create-band strong{font-size:32px}.af-case .af-create-band p{order:3;width:100%;margin:0;font-size:13px}.af-case .af-create-band svg{width:24px;margin-left:auto}.af-case .af-feedback-grid{grid-template-columns:1fr;gap:40px}.af-case .af-feedback-detail{margin-top:32px;padding:20px}.af-case .af-result-grid{grid-template-columns:1fr 1fr;gap:16px}.af-case .af-result-grid .af-asset-crop{border-radius:12px}.af-case .af-result-grid>.af-phone{grid-column:1/-1;max-width:260px;margin-top:24px}.af-case .af-result-grid figcaption{letter-spacing:0;font-size:8px;line-height:1.6}.af-case .af-result-bottom{grid-template-columns:1fr;gap:32px;margin-top:40px}.af-case .af-result-bottom h3{font-size:23px}.af-case .af-promo-gallery{scroll-snap-type:x mandatory;scrollbar-color:#889374 #141511;gap:16px;padding-bottom:16px;display:flex;overflow-x:auto}.af-case .af-promo-gallery figure{scroll-snap-align:start;flex:0 0 73%}.af-case .af-promo-gallery button>span{opacity:1}.af-case .af-growth-notes{grid-template-columns:1fr;gap:20px;margin-top:32px}.af-case .af-growth-notes h3{font-size:22px}.af-case .af-delivery-grid{grid-template-columns:1fr;gap:48px;margin-top:40px}.af-case .af-summary-values{grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}.af-case .af-summary-values>div{padding:24px 16px}.af-case .af-summary-values h3{margin-top:24px;font-size:19px}.af-case .af-end{padding-block:80px 40px}.af-case .af-end h2{margin:28px 0 48px;font-size:clamp(48px,12vw,80px)}.af-case .af-end>div{align-items:flex-start;gap:20px;font-size:8px}.af-case .af-end button{gap:8px;font-size:11px}.af-lightbox{padding:56px 16px 24px}.af-lightbox>img{max-height:calc(100dvh - 80px)}}@media (prefers-reduced-motion:no-preference){.af-case .af-hero-copy{animation:.6s ease-out both af-enter}.af-case .af-hero-art{animation:.65s ease-out .12s both af-enter}@keyframes af-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}}@media (width<=767px){.af-case .af-case-tools{padding-top:100px}.af-case .af-chapter-rail{gap:8px;right:2px}.af-case .af-chapter-rail button{width:18px;height:20px}.af-case .af-chapter-rail [aria-current] i{height:18px}.af-case .af-shared-header .header{width:calc(100% - 32px)}}@media (prefers-reduced-motion:reduce){.af-case *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.af-reference-layout{--af-bg:#0d0e0c;--af-ink:#f5f7ef;--af-accent:#d3f483;--af-paper:#0d0e0c;--af-band-height:260px;background:var(--af-bg);--af-content-gutter:48px;--af-section-radius:28px;--af-cover-seam:140px}@media (width<=1000px){.af-reference-layout{--af-content-gutter:30px}}@media (width<=700px){.af-reference-layout{--af-content-gutter:16px}}.af-reference-layout .af-wrap{width:min(1440px,calc(100% - var(--af-content-gutter) * 2))}.af-reference-layout .af-case-tools button{color:#a5ac9b}.af-reference-layout .af-case-tools.af-wrap{width:100%;max-width:none;margin:0;padding:160px max(30px,50% - 720px) 0}.af-reference-layout .af-case-tools button{gap:10px;min-height:44px;font-size:14px}@media (width>=1001px){.af-reference-layout .af-case-tools.af-wrap{padding-inline:max(48px,50% - 720px)}}@media (width<=700px){.af-reference-layout .af-case-tools.af-wrap{padding:128px 16px 0}.af-reference-layout .af-case-tools button{font-size:13px}}.af-reference-layout .af-shared-header .pill-nav{background:#180f0cf0}.af-reference-layout .af-poster-cover{background:var(--af-paper);color:var(--af-ink);isolation:isolate;padding-top:24px;position:relative}.af-reference-layout .af-poster-cover:after{content:"";z-index:1;height:var(--af-cover-seam);border-radius:var(--af-section-radius) var(--af-section-radius) 0 0;pointer-events:none;background:#161713;position:absolute;bottom:0;left:0;right:0}.af-reference-layout .af-cover-meta{letter-spacing:.045em;color:#a4ac98;border-bottom:1px solid #ffffff26;justify-content:space-between;gap:20px;padding:16px 0;font-size:11px;font-weight:650;display:flex}.af-reference-layout .af-cover-title{text-align:center;z-index:2;padding-top:56px;position:relative}.af-reference-layout .af-cover-title>p{letter-spacing:normal;color:#a8b298;font-size:15px}.af-reference-layout .af-cover-title h1{letter-spacing:normal;margin:14px 0 20px;background:var(--af-gradient);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-inline:auto;font-size:clamp(88px,10.5vw,156px);font-weight:800;line-height:1.05;display:table}.af-reference-layout .af-cover-subtitle{letter-spacing:normal;justify-content:center;align-items:center;gap:24px;padding-block:8px;font-size:clamp(12px,1.5vw,20px);font-weight:750;line-height:2.2;display:flex}.af-reference-layout .af-cover-subtitle .af-accent-wave{width:80px;height:24px;overflow:visible}.af-reference-layout .af-cover-subtitle .af-accent-wave-right{transform:scaleX(-1)}.af-reference-layout .af-journey-screens .af-phone{filter:none;border-color:#45483c;transition:none}.af-reference-layout .af-feedback-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.af-reference-layout .af-feedback-layout>div{min-width:0}.af-reference-layout .af-reflection{padding-block:160px 80px}.af-reference-layout .af-reflection-label{color:#e8ede0;font-size:14px;font-weight:600;line-height:1.6}.af-reference-layout .af-reflection-label span{color:#929b87;margin-left:10px;font-size:12px;font-weight:450}.af-reference-layout .af-reflection .af-reflection-hero{letter-spacing:-.055em;white-space:nowrap;text-wrap:initial;margin:44px 0 24px;font-size:clamp(38px,9.4vw,144px);font-weight:750;line-height:1.08}.af-reference-layout .af-reflection .af-poster-heading h2{letter-spacing:-.025em;margin:0;font-size:28px;font-weight:700;line-height:1.4}.af-reference-layout .af-reflection-subtitle{color:#c8d0bf;font-size:clamp(18px,2vw,26px);line-height:1.7}.af-reference-layout .af-reflection-growth{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(32px,5vw,88px);margin:88px 0 104px;padding:0;list-style:none;display:grid}.af-reference-layout .af-reflection-growth>li{min-width:0}.af-reference-layout .af-reflection-step{color:#d3f483;align-items:center;gap:18px;line-height:1;display:flex}.af-reference-layout .af-reflection-step span{letter-spacing:-.075em;color:#d3f48330;font-size:clamp(58px,6.5vw,88px);font-weight:750}.af-reference-layout .af-reflection-step em{letter-spacing:.12em;font-size:12px;font-style:normal;font-weight:650}.af-reference-layout .af-reflection-growth h3{color:#f5f7ef;margin:24px 0 16px;font-size:28px;font-weight:600;line-height:1.5}.af-reference-layout .af-reflection-copy{color:#aab39f;font-size:15px;line-height:1.95}.af-reference-layout .af-reflection>.af-reflection-footer{letter-spacing:normal;border:0;justify-content:flex-end;align-items:flex-end;gap:40px;padding:0 0 24px}.af-reference-layout .af-reflection-footer>p{letter-spacing:-.035em;color:#f0f3ea;font-size:clamp(24px,2.7vw,40px);font-weight:550;line-height:1.65}.af-reference-layout .af-reflection-footer strong{background:var(--af-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:600}.af-reference-layout .af-reflection-footer>button{background:var(--af-gradient);color:#151b10;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:24px;min-height:56px;padding:16px 26px;font-size:14px;font-weight:650;transition:transform .2s;display:flex}.af-reference-layout .af-reflection-footer>button:hover{transform:translateY(-3px)}.af-reference-layout .af-reflection-footer>button:focus-visible{outline-offset:5px;outline:2px solid #f5f7ef}@media (width<=767px){.af-reference-layout .af-reflection{padding-block:88px 48px}.af-reference-layout .af-reflection .af-reflection-hero{margin:32px 0 20px}.af-reference-layout .af-reflection .af-poster-heading h2{font-size:23px}.af-reference-layout .af-reflection-growth{grid-template-columns:1fr;gap:40px;margin:56px 0 64px}.af-reference-layout .af-reflection-growth h3{margin:12px 0;font-size:22px}.af-reference-layout .af-reflection>.af-reflection-footer{flex-direction:column;align-items:flex-start;gap:28px}}.af-reference-layout #af-growth>.af-lead{text-wrap:initial;width:100%;max-width:none;font-size:clamp(14px,1.15vw,18px)}.af-reference-layout .af-result-artwork{aspect-ratio:3/4;object-fit:contain;border-radius:20px;width:100%;height:auto;display:block}.af-reference-layout .af-phone-result-screen{aspect-ratio:750/1624;border-radius:18px;width:100%;position:relative;overflow:hidden}.af-reference-layout .af-phone-result-art{border-radius:4%;width:92%;height:56.6503%;position:absolute;top:12.0074%;left:4%;overflow:hidden}.af-reference-layout .af-phone .af-phone-result-art>img{aspect-ratio:3/4;object-fit:cover;border-radius:0;width:100%;height:100%;display:block}.af-reference-layout .af-phone-result-votes{gap:6px;display:flex;position:absolute;bottom:3%;right:5%}.af-reference-layout .af-phone-result-votes button{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#151515b3;border:1px solid #ffffff50;border-radius:50%;place-items:center;width:26px;height:26px;padding:5px;display:grid}.af-reference-layout .af-phone-result-votes svg{stroke-width:1.7px;width:100%;height:100%}.af-reference-layout .af-phone-result-votes button[aria-pressed=true]{color:#d3f483;border-color:#d3f483}@media (width<=767px){.af-reference-layout .af-result-artwork{border-radius:12px}}.af-reference-layout :is(#af-discovery,#af-creation,#af-feedback) .af-editorial-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,3vw,48px);max-width:1100px;margin-inline:auto}.af-reference-layout #af-creation .af-editorial-grid>.af-phone-stage{order:2}.af-reference-layout #af-creation .af-editorial-grid>div:not(.af-phone-stage){order:1}.af-reference-layout #af-feedback .af-editorial-grid>.af-phone-stage{order:-1}.af-reference-layout :is(#af-discovery,#af-feedback) .af-linked-layout{--af-callout-gap:clamp(48px,7vw,104px);gap:var(--af-callout-gap);grid-template-columns:350px minmax(0,1fr);align-items:stretch;width:100%;max-width:884px;margin-inline:auto}.af-reference-layout .af-linked-layout .af-phone-stage{padding:0}.af-reference-layout .af-linked-details{min-width:0;position:relative}.af-reference-layout .af-linked-details article{position:absolute;left:0;right:0;transform:translateY(-50%)}.af-reference-layout .af-linked-details h3{text-wrap:initial;font-size:21px;font-weight:650;line-height:1.5}.af-reference-layout .af-linked-details p{color:var(--af-muted);max-width:430px;margin-top:10px;font-size:14px;line-height:1.85}.af-reference-layout #af-discovery .af-linked-details article:first-child{top:17%}.af-reference-layout #af-discovery .af-linked-details article:nth-child(2){top:34%}.af-reference-layout #af-discovery .af-linked-details article:nth-child(3){top:53%}.af-reference-layout #af-discovery .af-linked-details article:nth-child(4){top:66%;transform:none}.af-reference-layout .af-template-delivery{grid-template-columns:minmax(0,1fr);margin-top:18px;display:grid}.af-reference-layout .af-template-delivery a{background:#eff1f4;border-radius:10px;min-width:0;display:block;overflow:hidden}.af-reference-layout .af-template-delivery a:focus-visible{outline-offset:4px;outline:2px solid #d3f483}.af-reference-layout .af-template-preview{aspect-ratio:2.4;position:relative;overflow:hidden}.af-reference-layout .af-template-preview img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.af-reference-layout #af-feedback .af-linked-details article:first-child{top:30%}.af-reference-layout #af-feedback .af-linked-details article:nth-child(2){top:54%}.af-reference-layout #af-feedback .af-linked-details article:nth-child(3){top:76%}.af-reference-layout .af-linked-line{width:calc(var(--af-callout-gap) - 18px);border-top:1px dashed #b8c49f;position:absolute;top:16px;right:calc(100% + 18px)}.af-reference-layout .af-linked-line:before,.af-reference-layout .af-linked-line:after{content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:-4px}.af-reference-layout .af-linked-line:before{background:#0d0e0c;border:1px solid #d3f483;left:-4px}.af-reference-layout .af-linked-line:after{background:#d3f483;right:-4px}@media (width>=768px) and (width<=1000px){.af-reference-layout :is(#af-discovery,#af-feedback) .af-linked-layout{grid-template-columns:300px minmax(0,1fr)}.af-reference-layout .af-linked-layout .af-phone{max-width:300px}}@media (width<=767px){.af-reference-layout :is(#af-discovery,#af-feedback) .af-linked-layout{grid-template-columns:minmax(0,1fr);gap:32px}.af-reference-layout .af-linked-details{gap:28px;display:grid}.af-reference-layout .af-linked-details article{position:static;transform:none}.af-reference-layout .af-linked-details p{max-width:none}.af-reference-layout .af-linked-line{display:none}}.af-reference-layout #af-creation .af-editorial-grid{--af-callout-gap:clamp(48px,7vw,104px);width:100%;max-width:calc(700px + var(--af-callout-gap));gap:var(--af-callout-gap);grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;align-items:stretch;margin-inline:auto}.af-reference-layout #af-creation .af-phone-stage{padding:0}.af-reference-layout #af-creation .af-creation-details{height:100%;min-height:0;display:block;position:relative}.af-reference-layout #af-creation .af-creation-details article{text-align:right;padding:0;position:absolute;left:0;right:0;transform:translateY(-50%)}.af-reference-layout #af-creation .af-creation-details article:first-child{top:34%}.af-reference-layout #af-creation .af-creation-details article:nth-child(2){top:65%}.af-reference-layout #af-creation .af-creation-details article:nth-child(3){top:79%}.af-reference-layout #af-creation .af-creation-details h3{text-wrap:initial;font-size:21px;font-weight:650;line-height:1.5}.af-reference-layout #af-creation .af-creation-details p{margin:10px 0 0;max-width:430px;margin-left:auto;font-size:14px;line-height:1.85}.af-reference-layout #af-creation .af-creation-callout-line{width:calc(var(--af-callout-gap) - 18px);border-top:1px dashed #b8c49f;position:absolute;top:16px;left:calc(100% + 18px)}.af-reference-layout #af-creation .af-creation-callout-line:before,.af-reference-layout #af-creation .af-creation-callout-line:after{content:"";background:#d3f483;border-radius:50%;width:7px;height:7px;position:absolute;top:-4px}.af-reference-layout #af-creation .af-creation-callout-line:before{left:-4px}.af-reference-layout #af-creation .af-creation-callout-line:after{background:#141511;border:1px solid #d3f483;right:-4px}@media (width>=768px) and (width<=1000px){.af-reference-layout #af-creation .af-editorial-grid{max-width:calc(600px + var(--af-callout-gap));grid-template-columns:repeat(2,minmax(0,1fr))}.af-reference-layout #af-creation .af-phone{max-width:300px}}@media (width<=767px){.af-reference-layout #af-creation .af-editorial-grid{grid-template-columns:minmax(0,1fr);gap:32px}.af-reference-layout #af-creation .af-creation-details{gap:28px;height:auto;display:grid}.af-reference-layout #af-creation .af-creation-details article{text-align:left;position:static;transform:none}.af-reference-layout #af-creation .af-creation-details p{max-width:none;margin-left:0}.af-reference-layout #af-creation .af-creation-callout-line{display:none}.af-reference-layout :is(#af-discovery,#af-creation,#af-feedback) .af-editorial-grid{grid-template-columns:minmax(0,1fr);gap:28px}}.af-modal:focus{outline:none}.af-reference-layout .af-chapter-rail{gap:clamp(0px,1vh,10px);max-height:calc(100svh - 32px)}.af-reference-layout .af-chapter-rail button{flex-shrink:0;height:clamp(14px,2.6vh,24px)}.af-reference-layout .af-chapter-rail button>span{white-space:nowrap}.af-reference-layout .af-chapter-rail [aria-current] i{height:clamp(14px,2.6vh,24px)}@media (width<=767px){.af-reference-layout .af-feedback-layout{grid-template-columns:minmax(0,1fr)}}.af-reference-layout .af-cover-devices{z-index:2;isolation:isolate;max-width:1000px;height:820px;margin:48px auto -20px;position:relative}.af-reference-layout .af-cover-devices:after{content:"";filter:blur(10px);z-index:0;pointer-events:none;background:#0009;border-radius:50%;width:48%;height:18px;position:absolute;bottom:43px;left:25%}.af-reference-layout .af-cover-phone{filter:drop-shadow(5px 14px 12px #0004);position:absolute}.af-reference-layout .af-cover-phone .af-phone{width:100%;max-width:none}.af-reference-layout .af-device-screen{background:#000;border-radius:12.8%/6.1%;width:100%;height:100%;position:relative;overflow:hidden}.af-reference-layout .af-cover-phone .af-phone img{aspect-ratio:750/1624;object-fit:contain;border-radius:0;width:100%;height:100%;display:block}.af-reference-layout .af-device-screen:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,#ffffff0b 0%,#ffffff03 28%,#0000 45% 76%,#ffffff04 100%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0b}.af-reference-layout .af-cover-phone-back{z-index:1;width:270px;top:150px;left:25%;transform:rotate(-10deg)}.af-reference-layout .af-cover-phone-front{z-index:2;width:270px;top:0;left:45%;transform:rotate(10deg)}.af-reference-layout .af-device-side{z-index:-1;background:linear-gradient(90deg,#1c1e1d 0%,#555957 38%,#181a19 62%,#383c39 80%,#101211 100%);border-radius:0 32px 32px 0;width:30px;position:absolute;top:7px;bottom:5px;right:-15px;transform:skewY(9deg);box-shadow:inset -1px 0 #797e78}.af-reference-layout .af-cover-phone-back .af-device-side{background:linear-gradient(90deg,#111312,#515652 22%,#202420 48%,#080a08 75%,#30352f);border-radius:32px 0 0 32px;left:-15px;right:auto;transform:skewY(-9deg)}.af-reference-layout .af-device-key{z-index:1;background:linear-gradient(90deg,#171817,#757671,#292a28);border:1px solid #777873;border-radius:3px;width:4px;position:absolute;right:-14px;box-shadow:1px 0 2px #0008}.af-reference-layout .af-device-power{height:11%;top:26%}.af-reference-layout .af-device-camera{background:linear-gradient(90deg,#252624,#4b4d48,#232522);height:7%;top:63%}.af-reference-layout .af-device-action{height:3.5%;top:17%}.af-reference-layout .af-device-volume-up{height:6.5%;top:25%}.af-reference-layout .af-device-volume-down{height:6.5%;top:34%}.af-reference-layout .af-cover-phone-front :is(.af-device-action,.af-device-volume-up,.af-device-volume-down),.af-reference-layout .af-cover-phone-back :is(.af-device-power,.af-device-camera){display:none}.af-reference-layout .af-cover-phone-back .af-device-key{left:-14px;right:auto}.af-reference-layout .af-device-island{background:#020302;border-radius:999px;width:25%;height:2.55%;position:absolute;top:1.35%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 1px 1px #1c1d1b}.af-reference-layout .af-device-island>i{aspect-ratio:1;background:radial-gradient(circle at 35% 35%,#283d54,#0b1423 60%,#050807);border-radius:50%;width:8%;position:absolute;top:30%;right:9%;box-shadow:0 0 0 1px #141716}.af-reference-layout .af-phone.af-phone-device{--af-device-bezel:clamp(6px,.65vw,11px);aspect-ratio:77.6/163;isolation:isolate;background:#050605;border:2px solid #babca9;border-radius:15%/7.14%;padding:0;overflow:visible;box-shadow:inset 0 0 0 1px #5b5e53,inset 0 0 0 3px #171a16,0 0 0 1px #34382f,0 18px 36px #0005}.af-reference-layout .af-phone-device .af-device-screen{inset:var(--af-device-bezel);border-radius:13%/6.2%;width:auto;height:auto;position:absolute}.af-reference-layout .af-phone.af-phone-device img{aspect-ratio:auto;object-fit:cover;object-position:center;border-radius:0;width:100%;height:100%;max-height:none;display:block;position:absolute;inset:0}.af-reference-layout .af-phone-device .af-device-island{width:29%;height:3.7%;top:.9%;box-shadow:inset 0 0 1px 1px #121510}.af-hardware-key{display:none}.af-reference-layout .af-phone-device .af-hardware-key{background:linear-gradient(90deg,#515649,#d5d7c5,#777d6c);border-radius:2px;width:3px;display:block;position:absolute;left:-5px;box-shadow:0 0 1px #cfd1c1}.af-reference-layout .af-hardware-action{height:3.5%;top:17%}.af-reference-layout .af-hardware-volume-up{height:7%;top:24%}.af-reference-layout .af-hardware-volume-down{height:7%;top:33%}.af-reference-layout .af-phone-device .af-hardware-power{height:12%;top:28%;left:auto;right:-5px}.af-reference-layout .af-cover-sticker{white-space:nowrap;background:var(--af-gradient);color:#263017;z-index:0;border-radius:15px;padding:10px 24px;font-size:19px;font-weight:600;position:absolute}.af-reference-layout .af-sticker-left{top:245px;left:4%;transform:none}.af-reference-layout .af-sticker-right{top:335px;right:5%;transform:none}.af-reference-layout .af-cover-mascot{right:max(48px,50% - 510px);bottom:var(--af-cover-seam);clip-path:inset(-20px -40px 0);z-index:3;pointer-events:none;width:180px;height:126px;position:absolute}.af-reference-layout .af-cover-mascot img{object-fit:contain;filter:drop-shadow(0 9px 8px #19220e26);width:100%;height:auto}.af-reference-layout .af-mascot-hello{z-index:1;color:#171b12;background:#fffff3;border-radius:12px;padding:5px 14px;font-size:22px;font-weight:750;line-height:1.3;position:absolute;top:28px;left:-18px;transform:rotate(-4deg)}.af-reference-layout .af-mascot-hello:after{content:"";background:inherit;border-radius:1px;width:12px;height:12px;position:absolute;bottom:-6px;right:14px;transform:rotate(45deg)}.af-reference-layout .af-cover-watermark{letter-spacing:-.05em;text-align:center;color:#d3f48312;z-index:-1;font-size:clamp(44px,6.5vw,92px);font-weight:800;line-height:1;position:absolute;bottom:160px;left:0;right:0}.af-reference-layout .af-cover-gradient{z-index:-1;border-radius:var(--af-section-radius) var(--af-section-radius) 0 0;background:var(--af-gradient);height:160px;position:absolute;bottom:100px;left:0;right:0}.af-reference-layout .af-poster-overview{z-index:3;margin:0 0 calc(var(--af-band-height) * 2 / 3);border-radius:0 0 var(--af-section-radius) var(--af-section-radius);color:#f7f7f2;box-shadow:0 calc(var(--af-band-height) * 2 / 3) 0 #ffe528;background:#161713;padding:130px 0 112px;position:relative}.af-reference-layout .af-overview-title{text-align:center;isolation:isolate;margin-bottom:64px;padding:12px 0 32px;position:relative}.af-reference-layout .af-overview-arrow{color:#f5f7ef;pointer-events:none;width:300px;height:280px;position:absolute;top:-190px;left:max(28px,50% - 640px)}.af-reference-layout .af-overview-title>span{color:#ffffff06;letter-spacing:-.04em;z-index:-1;white-space:nowrap;font-size:clamp(42px,7vw,100px);font-weight:800;line-height:1.2;position:absolute;top:24px;left:0;right:0}.af-reference-layout .af-overview-title h2{letter-spacing:-.035em;background:var(--af-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(36px,4.3vw,60px);font-weight:700;line-height:1.3}.af-reference-layout .af-overview-title>p{letter-spacing:.18em;color:#8e9684;margin-top:12px;font-size:10px}.af-reference-layout .af-overview-statement{text-align:center;background:#2c2e28;border-radius:90px;max-width:none;margin:0 auto;padding:28px 44px;font-size:clamp(17px,1.8vw,28px);line-height:1.8}.af-reference-layout .af-overview-statement strong,.af-reference-layout .af-overview-narrative strong{color:#d3f483;font-weight:500}.af-reference-layout .af-overview-narrative{text-align:center;color:#bec3b5;max-width:960px;margin:48px auto 0;font-size:15px;line-height:2.05}.af-reference-layout .af-overview-narrative p+p{margin-top:22px}.af-reference-layout .af-overview-meta{text-align:center;border-top:1px solid #ffffff16;grid-template-columns:repeat(4,1fr);gap:24px;max-width:960px;margin:40px auto 0;padding-top:26px;display:grid}.af-reference-layout .af-overview-meta dt{color:#838c75;margin-bottom:8px;font-size:10px}.af-reference-layout .af-overview-meta dd{color:#c9cdbf;margin:0;font-size:13px}.af-reference-layout .af-poster-next{color:#d3f483;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;margin:48px auto 64px;padding:0;display:flex}.af-reference-layout .af-poster-next>span{background:#d3d8cb;border-radius:50%;width:5px;height:5px}.af-reference-layout .af-poster-next>span:first-child{opacity:.25}.af-reference-layout .af-poster-next>span:nth-child(2){opacity:.5}.af-reference-layout .af-poster-next svg{margin-top:7px}.af-reference-layout .af-poster-heading{justify-content:space-between;align-items:flex-start;gap:28px;margin-bottom:48px;display:flex}.af-reference-layout .af-poster-heading h2{letter-spacing:-.025em;isolation:isolate;font-size:28px;font-weight:700;line-height:1.4;position:relative}.af-reference-layout .af-poster-heading h2:before{content:"";background:var(--af-gradient);z-index:-1;border-radius:50%;width:16px;height:16px;position:absolute;top:2px;left:-10px}.af-reference-layout .af-poster-heading p{color:#b5d675;margin-top:2px;font-size:16px;font-weight:600;line-height:1.4}.af-reference-layout .af-poster-heading>span{letter-spacing:-.05em;font-size:28px;font-weight:450;line-height:1.4}.af-reference-layout .af-feature-pills{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 32px;padding:12px 0 0;list-style:none;display:grid}.af-reference-layout .af-feature-pills li{text-align:center;color:#dfe8d1;border:1px solid #bedc83;border-radius:999px;padding:14px 12px;font-size:17px;line-height:1.4}.af-reference-layout .af-feature-pills li:nth-child(4n+1),.af-reference-layout .af-feature-pills li:nth-child(4n+3){background:var(--af-gradient);color:#26301b;border-color:#0000}.af-reference-layout .af-feature-pills li:nth-child(n+5){color:#dfe8d1;background:0 0;border-color:#bedc83}.af-reference-layout .af-feature-pills li:nth-child(6),.af-reference-layout .af-feature-pills li:nth-child(8){background:var(--af-gradient);color:#26301b;border-color:#0000}.af-reference-layout .af-poster-section{padding-block:104px;scroll-margin-top:140px}.af-reference-layout .af-poster-paper{background:var(--af-paper);color:var(--af-ink);--af-muted:#a0a895;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.af-reference-layout #af-architecture{padding-top:144px;padding-bottom:64px}.af-reference-layout .af-poster-paper .af-poster-heading p{color:#b5d675}.af-reference-layout .af-poster-intro{color:var(--af-muted);max-width:940px;margin:-20px 0 48px;font-size:15px;line-height:1.9}.af-reference-layout .af-map{align-items:center;gap:64px;width:fit-content;max-width:100%;margin:auto;padding:30px 0 24px;display:flex}.af-reference-layout .af-map-root{background:var(--af-gradient);letter-spacing:-.06em;text-align:center;border-radius:18px;flex:0 0 96px;place-content:center;width:96px;height:108px;font-size:28px;font-weight:800;line-height:1.1;display:grid;position:relative}.af-reference-layout .af-map-root:after{content:"";background:#929886;width:32px;height:1px;position:absolute;top:50%;left:100%}.af-reference-layout .af-map-branches{flex:1;gap:32px;min-width:0;display:grid;position:relative}.af-reference-layout .af-map-branches:before{content:"";border-left:1px solid #929886;position:absolute;top:30px;bottom:30px;left:-32px}.af-reference-layout .af-map-row{align-items:center;gap:20px;min-height:60px;display:flex;position:relative}.af-reference-layout .af-map-row:before{content:"";background:#929886;width:32px;height:1px;position:absolute;top:50%;left:-32px}.af-reference-layout .af-map-row h3{color:#d3f483;text-align:center;background:#20241b;border-radius:8px;flex:0 0 100px;padding:8px;font-size:17px;font-weight:550;line-height:1.4;position:relative}.af-reference-layout .af-map-row h3>span{letter-spacing:.04em;color:#aab49b;font-size:9px;display:block}.af-reference-layout .af-map-row ul{flex-wrap:wrap;gap:10px;padding:0;list-style:none;display:flex}.af-reference-layout .af-map-row li{background:#fcfcf8;border:1px solid #747d6555;border-radius:7px;padding:5px 12px;font-size:12px}.af-reference-layout .af-map+.af-source-note{text-align:center;margin-top:24px;font-size:10px}.af-reference-layout #af-analysis{padding-top:64px}.af-reference-layout .af-persona-intro{max-width:1120px}.af-reference-layout .af-user-analysis-layout{grid-template-columns:1fr 1.15fr;align-items:center;gap:clamp(40px,5vw,88px);padding-top:32px;display:grid}.af-reference-layout .af-user-bars{text-align:center;gap:72px;padding-block:28px;display:grid}.af-reference-layout .af-user-chart-label{color:#a0aa92;letter-spacing:.04em;margin-bottom:16px;font-size:12px;display:block}.af-reference-layout .af-user-age h3{margin-bottom:18px;font-size:32px;font-weight:650;line-height:1.3}.af-reference-layout .af-user-age-bar{background:linear-gradient(90deg,#0000,#6a72584d 22% 78%,#0000);height:16px;position:relative}.af-reference-layout .af-user-age-bar>span{background:var(--af-gradient);position:absolute;inset:0 20%}.af-reference-layout .af-user-age-bar>span:before,.af-reference-layout .af-user-age-bar>span:after{content:"";border-left:1px solid #e4ebc280;position:absolute;top:-6px;bottom:-6px}.af-reference-layout .af-user-age-bar>span:before{left:0}.af-reference-layout .af-user-age-bar>span:after{right:0}.af-reference-layout .af-user-age>p{color:#d3d9c8;margin-top:14px;font-size:15px}.af-reference-layout .af-user-needs-titles,.af-reference-layout .af-user-needs-captions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.af-reference-layout .af-user-needs-titles h3{margin-bottom:14px;font-size:25px;font-weight:600;line-height:1.3}.af-reference-layout .af-user-needs-titles h3:first-child{color:#ffe528}.af-reference-layout .af-user-needs-titles h3:last-child{color:#92f6dd}.af-reference-layout .af-user-needs-bar{grid-template-columns:1fr 1fr;height:16px;display:grid;position:relative}.af-reference-layout .af-user-needs-bar:after{content:"";border-left:1px dashed #e4ebc2a0;position:absolute;top:-6px;bottom:-6px;left:50%}.af-reference-layout .af-user-needs-bar>span:first-child{background:#ffe528}.af-reference-layout .af-user-needs-bar>span:last-child{background:#92f6dd}.af-reference-layout .af-user-needs-captions p{color:#d3d9c8;margin-top:14px;font-size:13px}.af-reference-layout .af-user-personas{grid-template-columns:1fr 1fr;gap:28px;padding-top:36px;display:grid}.af-reference-layout .af-user-persona{background:linear-gradient(160deg,#353c25,#20291f);border:1px solid #d3f48326;border-radius:16px;min-width:0;padding:58px 24px 28px;position:relative}.af-reference-layout .af-user-persona:last-child{background:linear-gradient(160deg,#263a32,#1d2824);border-color:#92f6dd26}.af-reference-layout .af-user-avatar{background:#252c1e;border:3px solid #d3f483;border-radius:50%;width:80px;height:80px;position:absolute;top:-36px;left:50%;overflow:hidden;transform:translate(-50%)}.af-reference-layout .af-user-persona:last-child .af-user-avatar{border-color:#92f6dd}.af-reference-layout .af-user-avatar img{object-fit:cover;width:100%;height:100%;display:block}.af-reference-layout .af-user-persona-number{text-align:center;color:#b8c7a2;letter-spacing:.08em;font-size:10px;display:block}.af-reference-layout .af-user-persona h3{text-align:center;color:#f5f7ef;margin:8px 0 24px;font-size:19px;font-weight:600;line-height:1.5}.af-reference-layout .af-user-persona p{color:#d3dbca;font-size:14px;line-height:1.85}.af-reference-layout .af-user-persona-pain{border-top:1px solid #d3f48330;margin-top:22px;padding-top:18px}.af-reference-layout .af-user-persona-pain h4{color:#d3f483;margin-bottom:6px;font-size:12px;font-weight:600}.af-reference-layout .af-user-persona:last-child .af-user-persona-pain h4{color:#92f6dd}@media (width<=1000px){.af-reference-layout .af-user-analysis-layout{grid-template-columns:1fr;gap:40px}.af-reference-layout .af-user-bars{grid-template-columns:1fr 1fr;align-items:center;gap:40px}.af-reference-layout .af-user-personas{gap:24px}.af-reference-layout .af-user-persona{padding-inline:28px}}@media (width<=600px){.af-reference-layout .af-user-analysis-layout{gap:36px;padding-top:12px}.af-reference-layout .af-user-bars{grid-template-columns:1fr;gap:40px;padding-block:0}.af-reference-layout .af-user-age h3{font-size:28px}.af-reference-layout .af-user-needs-titles h3{font-size:22px}.af-reference-layout .af-user-needs-captions p{font-size:12px}.af-reference-layout .af-user-personas{grid-template-columns:1fr;gap:60px}.af-reference-layout .af-user-persona{padding:56px 24px 24px}.af-reference-layout .af-user-persona h3{margin-bottom:18px;font-size:20px}}.af-reference-layout .af-audience-layout{grid-template-columns:.9fr 2fr;align-items:center;gap:56px;display:grid}.af-reference-layout .af-audience-journey h3{letter-spacing:-.045em;margin:16px 0 36px;font-size:30px;font-weight:650;line-height:1.5}.af-reference-layout .af-audience-journey>div{border-bottom:1px solid #27331b22;justify-content:space-between;gap:12px;padding-bottom:28px;display:flex}.af-reference-layout .af-audience-journey>div>span{color:#5e7142;flex-direction:column;align-items:center;gap:12px;font-size:11px;display:flex}.af-reference-layout .af-audience-journey>p{color:#7a806f;margin-top:24px;font-size:13px;line-height:1.9}.af-reference-layout .af-audience-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.af-reference-layout .af-audience-cards article{background:linear-gradient(150deg,#d3f483,#e8efd8);border-radius:20px;min-width:0;padding:30px 22px 26px;position:relative}.af-reference-layout .af-audience-index{color:#617d38;background:#f7f7f2aa;border-radius:50%;place-items:center;width:50px;height:50px;margin:0 0 26px;font-size:20px;font-weight:600;display:grid}.af-reference-layout .af-audience-cards article>p{letter-spacing:.12em;text-transform:uppercase;color:#718358;font-size:9px}.af-reference-layout .af-audience-cards h3{text-wrap:initial;margin:8px 0 28px;font-size:18px;font-weight:600;line-height:1.5}.af-reference-layout .af-audience-cards article>div{color:#52633b;font-size:12px;line-height:1.9}.af-reference-layout .af-audience-cards article>div+div{border-top:1px solid #53673733;margin-top:20px;padding-top:16px}.af-reference-layout .af-audience-cards article>div>span{color:#7b8c61;margin-bottom:6px;font-size:10px;display:block}.af-reference-layout .af-poster-paper>.af-wrap>.af-source-note{font-size:10px}.af-reference-layout .af-poster-competitive{background:var(--af-bg);color:#f5f7ef;--af-muted:#939c85;border-radius:56px}.af-reference-layout .af-process-section{background:var(--af-bg)}.af-reference-layout .af-comparison{background:linear-gradient(145deg,#34382f,#22251f);border-radius:20px;margin-top:32px;padding:16px 32px}.af-reference-layout .af-comparison [role=row]{color:#ccd1c3;border-bottom:1px solid #ffffff14;grid-template-columns:1.1fr 1fr 1fr 1fr;align-items:center;gap:28px;padding:28px 8px;font-size:13px;line-height:1.85;display:grid}.af-reference-layout .af-comparison [role=row]:last-child{border:0}.af-reference-layout .af-comparison .af-comparison-head{color:#979f89;padding:12px 8px 18px;font-size:11px}.af-reference-layout .af-comparison-name{grid-template-columns:48px 1fr;align-items:center;column-gap:16px;display:grid}.af-reference-layout .af-comparison-name i{background:var(--af-gradient);color:#344421;border-radius:13px;grid-row:span 2;place-items:center;width:48px;height:48px;display:grid}.af-reference-layout .af-comparison-name strong{font-size:16px;font-weight:550}.af-reference-layout .af-comparison-name small{letter-spacing:.08em;color:#85966a;font-size:8px}.af-reference-layout .af-competitor-comparison{background:#171917;border:1px solid #ffffff1f;width:100%;max-width:none;margin-inline:0}.af-reference-layout .af-competitor-comparison [role=row]{color:#f2f5ec;border-bottom:0}.af-reference-layout .af-competitor-comparison .af-comparison-head{color:#d3f483;font-weight:600}.af-reference-layout .af-competitor-comparison [role=row]{text-align:center;grid-template-columns:.65fr 1fr 1fr 1.1fr;justify-items:center}.af-reference-layout .af-competitor-comparison [role=cell]{min-width:0}.af-reference-layout .af-competitor-comparison .af-comparison-name{flex-direction:column;justify-content:center;align-items:center;gap:8px;margin:0;display:flex}.af-reference-layout .af-competitor-comparison .af-comparison-name strong{color:#f5f7ef;font-size:26px;font-weight:700}.af-reference-layout .af-competitor-comparison .af-comparison-name small{letter-spacing:normal;color:#a8b298;font-size:11px}.af-reference-layout .af-competitor-comparison .af-comparison-name a{color:#d3f483;text-underline-offset:4px;font-size:11px}.af-reference-layout .af-competitor-logo{object-fit:contain;border-radius:20px;width:80px;height:80px;display:block}@media (width<=767px){.af-reference-layout .af-competitor-comparison [role=row]{grid-template-columns:1fr}.af-reference-layout .af-competitor-comparison [role=cell]:nth-child(2):before{content:"产品定位 / "}.af-reference-layout .af-competitor-comparison [role=cell]:nth-child(3):before{content:"核心能力 / "}.af-reference-layout .af-competitor-comparison [role=cell]:nth-child(4):before{content:"设计启发 / "}}.af-reference-layout .af-poster-strategies{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin:48px 0;display:grid}.af-reference-layout .af-poster-strategies article{border-top:1px solid #d3f48344;padding-top:20px}.af-reference-layout .af-poster-strategies article>span{color:#a6bf78;font-size:11px}.af-reference-layout .af-poster-strategies h3{margin:12px 0;font-size:24px;font-weight:600}.af-reference-layout .af-poster-strategies p{color:#959e86;font-size:13px;line-height:1.9}.af-reference-layout .af-comparison-summary{background:#2a2e25;border-radius:18px;padding:32px 36px}.af-reference-layout .af-comparison-summary h3{align-items:center;gap:10px;margin-bottom:18px;font-size:17px;font-weight:550;display:flex}.af-reference-layout .af-comparison-summary h3>i{background:#d3f483;border-radius:50%;width:8px;height:8px}.af-reference-layout .af-comparison-summary p{color:#c2caba;font-size:14px;line-height:2}.af-reference-layout .af-comparison-summary>span{color:#7e8972;margin-top:16px;font-size:10px;display:block}.af-reference-layout .af-poster-axis{letter-spacing:-.03em;color:#d3f483;justify-content:center;align-items:center;gap:40px;margin-top:56px;font-size:clamp(18px,2.6vw,36px);font-weight:600;display:flex}.af-reference-layout .af-poster-axis svg{color:#71825a;width:24px}.af-reference-layout #af-design .af-heading{padding-right:70px;position:relative}.af-reference-layout #af-design .af-heading .af-eyebrow{color:#7f9d42;letter-spacing:0;margin-bottom:8px;font-size:14px;font-weight:650}.af-reference-layout #af-design .af-heading .af-eyebrow>span{color:#252b1c;font-size:28px;position:absolute;top:0;right:0}.af-reference-layout #af-design .af-heading h2{font-size:36px;line-height:1.35}.af-reference-layout .af-brand-swatches{grid-template-columns:1.4fr 1fr 1fr;gap:16px;margin-bottom:32px;display:grid}.af-reference-layout .af-brand-swatches>div{color:#3c4a25;border-radius:18px;flex-direction:column;justify-content:flex-end;gap:6px;min-height:230px;padding:26px;display:flex}.af-reference-layout .af-brand-swatches strong{font-size:23px;font-weight:550}.af-reference-layout .af-brand-swatches span{opacity:.65;font-size:14px}.af-reference-layout .af-gradient-spec{border-radius:18px}.af-reference-layout .af-paper{color:#f5f7ef;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--af-muted:#a0a895;--af-line:#ffffff20;background:#0d0e0c}.af-reference-layout .af-map-row li{color:#cfd8c1;background:#1a1e16;border-color:#d3f48330}.af-reference-layout .af-map-root{color:#263017}.af-reference-layout .af-map-root:after,.af-reference-layout .af-map-row:before{background:#566248}.af-reference-layout .af-map-branches:before{border-color:#566248}.af-reference-layout .af-map-row h3{background:#252c1e}.af-reference-layout .af-audience-journey>div{border-color:#d3f48322}.af-reference-layout .af-audience-journey>div>span{color:#b7cd96}.af-reference-layout .af-audience-journey>p{color:#969f89}.af-reference-layout .af-audience-cards article{background:linear-gradient(145deg,#2e3d1d,#182018);border:1px solid #d3f48322}.af-reference-layout .af-audience-index{color:#d3f483;background:#d3f48318}.af-reference-layout .af-audience-cards article>p,.af-reference-layout .af-audience-cards article>div>span{color:#a2ba81}.af-reference-layout .af-audience-cards article>div{color:#bfcbb1}.af-reference-layout .af-audience-cards article>div+div{border-color:#d3f48322}.af-reference-layout #af-design .af-heading .af-eyebrow{color:#b9d78b}.af-reference-layout #af-design .af-heading .af-eyebrow>span{color:#dde7d0}.af-reference-layout .af-visual-intro p,.af-reference-layout .af-type-spec p{color:#a8b19c}.af-reference-layout .af-type-spec b{color:#f5f7ef}.af-reference-layout .af-palette strong,.af-reference-layout .af-state-note{color:#a0aa92}.af-reference-layout .af-state-note>span{color:#d3f483}.af-reference-layout .af-summary-values>div{background:#181d14}.af-reference-layout .af-summary-values span,.af-reference-layout .af-validation li>span{color:#a5bc83}.af-reference-layout .af-delivery-grid h3>span{color:#a0aa92}@media (width<=1100px){.af-reference-layout .af-wrap{width:min(1440px,calc(100% - var(--af-content-gutter) * 2))}.af-reference-layout .af-cover-devices{max-width:820px;height:760px}.af-reference-layout .af-cover-phone-back{width:245px;top:135px;left:23%}.af-reference-layout .af-cover-phone-front{width:245px;left:45%}.af-reference-layout .af-cover-sticker{padding:10px 18px;font-size:15px}.af-reference-layout .af-cover-mascot{width:160px;height:112px;right:max(30px,50% - 426px)}.af-reference-layout .af-sticker-left{left:0}.af-reference-layout .af-sticker-right{top:305px;right:0}.af-reference-layout .af-audience-layout{grid-template-columns:1fr;gap:32px}.af-reference-layout .af-audience-journey{grid-template-columns:1fr 1fr;align-items:center;gap:0 40px;display:grid}.af-reference-layout .af-audience-journey>.af-eyebrow{grid-column:1/-1}.af-reference-layout .af-audience-journey>p{display:none}.af-reference-layout .af-audience-journey h3{margin:12px 0 20px;font-size:27px}.af-reference-layout .af-feature-pills{gap:18px}.af-reference-layout .af-feature-pills li{font-size:14px}.af-reference-layout .af-map{gap:48px}.af-reference-layout .af-map-branches:before{left:-24px}.af-reference-layout .af-map-row:before{width:24px;left:-24px}.af-reference-layout .af-map-root:after{width:24px}.af-reference-layout .af-map-row{gap:14px}.af-reference-layout .af-map-row h3{flex-basis:84px;font-size:15px}.af-reference-layout .af-map-row li{padding:5px 9px;font-size:11px}.af-reference-layout .af-comparison{padding:12px 24px}.af-reference-layout .af-comparison [role=row]{gap:20px;font-size:12px}.af-reference-layout .af-comparison-name{grid-template-columns:1fr;gap:8px}.af-reference-layout .af-comparison-name i{grid-row:auto;width:42px;height:42px}}@media (width<=767px){.af-reference-layout{--af-band-height:175px;--af-section-radius:16px;--af-cover-seam:130px}.af-reference-layout .af-wrap{width:min(1440px,calc(100% - var(--af-content-gutter) * 2))}.af-reference-layout .af-poster-cover{padding-top:12px}.af-reference-layout .af-poster-cover:after{border-radius:var(--af-section-radius) var(--af-section-radius) 0 0}.af-reference-layout .af-cover-meta{letter-spacing:0;gap:10px;padding:12px 0;font-size:7px}.af-reference-layout .af-cover-title{padding-top:40px}.af-reference-layout .af-cover-title>p{letter-spacing:normal;font-size:11px}.af-reference-layout .af-cover-title h1{white-space:nowrap;margin:16px 0;font-size:clamp(65px,18vw,110px)}.af-reference-layout .af-cover-subtitle{letter-spacing:normal;gap:10px;padding-block:6px;font-size:8px;line-height:2.2}.af-reference-layout .af-cover-subtitle .af-accent-wave{width:28px;height:12px}.af-reference-layout .af-cover-devices{max-width:430px;height:520px;margin:36px auto -10px}.af-reference-layout .af-cover-devices:after{filter:blur(7px);width:68%;height:12px;bottom:64px;left:18%}.af-reference-layout .af-cover-phone .af-phone img{border-radius:0}.af-reference-layout .af-cover-phone-back{width:43%;top:95px;left:20%;transform:rotate(-10deg)}.af-reference-layout .af-cover-phone-front{width:43%;top:0;left:45%;transform:rotate(10deg)}.af-reference-layout .af-device-side{border-radius:0 20px 20px 0;width:17px;right:-8px}.af-reference-layout .af-cover-phone-back .af-device-side{border-radius:20px 0 0 20px;left:-8px}.af-reference-layout .af-device-key{width:3px;right:-8px}.af-reference-layout .af-cover-phone-back .af-device-key{left:-8px}.af-reference-layout .af-cover-sticker{border-radius:7px;padding:6px 9px;font-size:9px}.af-reference-layout .af-sticker-left{top:140px;left:0}.af-reference-layout .af-sticker-right{top:205px;bottom:auto;right:0}.af-reference-layout .af-cover-mascot{width:100px;height:70px;right:var(--af-content-gutter)}.af-reference-layout .af-mascot-hello{border-radius:8px;padding:4px 10px;font-size:14px;top:14px;left:-15px}.af-reference-layout .af-mascot-hello:after{width:8px;height:8px;bottom:-4px;right:10px}.af-reference-layout .af-cover-watermark{font-size:32px;bottom:94px}.af-reference-layout .af-cover-gradient{border-radius:var(--af-section-radius) var(--af-section-radius) 0 0;height:120px;bottom:90px}.af-reference-layout .af-poster-overview{border-radius:0 0 var(--af-section-radius) var(--af-section-radius);padding:68px 0 64px}.af-reference-layout .af-overview-title{margin-bottom:30px}.af-reference-layout .af-overview-arrow{width:125px;height:130px;top:-130px;left:14px}.af-reference-layout .af-overview-title>span{letter-spacing:-.07em;font-size:35px;top:14px}.af-reference-layout .af-overview-title h2{font-size:32px}.af-reference-layout .af-overview-title>p{letter-spacing:.07em;font-size:7px}.af-reference-layout .af-overview-statement{border-radius:24px;padding:22px 24px}.af-reference-layout .af-overview-statement br{display:none}.af-reference-layout .af-overview-narrative{text-align:left;margin-top:28px;font-size:13px;line-height:2}.af-reference-layout .af-overview-meta{text-align:left;grid-template-columns:1fr 1fr;gap:22px 12px;margin-top:28px}.af-reference-layout .af-overview-meta dd{font-size:12px}.af-reference-layout .af-poster-next{margin:32px auto 44px}.af-reference-layout .af-poster-heading{gap:16px;margin-bottom:32px}.af-reference-layout .af-poster-heading h2{font-size:23px}.af-reference-layout .af-poster-heading p{font-size:13px}.af-reference-layout .af-poster-heading>span{font-size:24px}.af-reference-layout .af-feature-pills{grid-template-columns:1fr 1fr;gap:14px 12px;padding:0}.af-reference-layout .af-feature-pills li{padding:12px 6px;font-size:12px}.af-reference-layout .af-poster-section{padding-block:64px;scroll-margin-top:100px}.af-reference-layout #af-architecture{padding:96px 0 40px}.af-reference-layout #af-analysis{padding-top:40px}.af-reference-layout .af-poster-intro{margin:-6px 0 32px;font-size:13px}.af-reference-layout .af-map{width:100%;padding:0;display:block}.af-reference-layout .af-map-root{border-radius:14px;width:90px;height:70px;margin:0 0 28px;font-size:22px}.af-reference-layout .af-map-root:after{width:1px;height:28px;top:100%;left:26px}.af-reference-layout .af-map-branches{gap:24px;padding-left:28px}.af-reference-layout .af-map-branches:before{top:0;bottom:32px;left:14px}.af-reference-layout .af-map-row{align-items:flex-start;gap:10px}.af-reference-layout .af-map-row:before{width:14px;top:24px;left:-14px}.af-reference-layout .af-map-row h3{flex-basis:66px;padding:8px 4px;font-size:14px}.af-reference-layout .af-map-row h3>span{font-size:8px}.af-reference-layout .af-map-row ul{flex:1;gap:6px}.af-reference-layout .af-map-row li{padding:4px 7px;font-size:10px;line-height:1.6}.af-reference-layout .af-map+.af-source-note{text-align:left}.af-reference-layout .af-audience-journey{display:block}.af-reference-layout .af-audience-journey h3{margin:12px 0 24px;font-size:27px}.af-reference-layout .af-audience-journey>div{justify-content:flex-start;gap:36px}.af-reference-layout .af-audience-cards{grid-template-columns:1fr;gap:16px}.af-reference-layout .af-audience-cards article{grid-template-columns:44px 1fr;gap:0 18px;padding:24px;display:grid}.af-reference-layout .af-audience-index{grid-row:span 2;width:42px;height:42px;margin:0;font-size:17px}.af-reference-layout .af-audience-cards h3{margin:4px 0 22px;font-size:20px}.af-reference-layout .af-audience-cards article>div{grid-column:1/-1;font-size:13px}.af-reference-layout .af-audience-cards article>div+div{margin-top:16px;padding-top:12px}.af-reference-layout .af-poster-competitive{border-radius:28px}.af-reference-layout .af-comparison{border-radius:16px;padding:8px 16px}.af-reference-layout .af-comparison .af-comparison-head{display:none}.af-reference-layout .af-comparison [role=row]{grid-template-columns:1fr;gap:12px;padding:24px 0;font-size:13px}.af-reference-layout .af-comparison-name{grid-template-columns:42px 1fr;gap:0 14px;margin-bottom:8px;display:grid}.af-reference-layout .af-comparison-name i{grid-row:span 2}.af-reference-layout .af-comparison [role=cell]:nth-child(2):before{content:"体验价值 / ";color:#83946e;font-size:11px}.af-reference-layout .af-comparison [role=cell]:nth-child(3):before{content:"潜在负担 / ";color:#83946e;font-size:11px}.af-reference-layout .af-comparison [role=cell]:nth-child(4):before{content:"设计回应 / ";color:#83946e;font-size:11px}.af-reference-layout .af-poster-strategies{grid-template-columns:1fr;gap:24px;margin:32px 0}.af-reference-layout .af-poster-strategies article{grid-template-columns:28px 1fr;gap:10px;display:grid}.af-reference-layout .af-poster-strategies h3{margin:0;font-size:21px}.af-reference-layout .af-poster-strategies p{grid-column:2}.af-reference-layout .af-comparison-summary{border-radius:16px;padding:24px}.af-reference-layout .af-comparison-summary p{font-size:13px}.af-reference-layout .af-poster-axis{gap:14px;margin-top:36px;font-size:17px}.af-reference-layout .af-poster-axis svg{width:17px}.af-reference-layout #af-design .af-heading h2{font-size:28px}.af-reference-layout #af-design .af-heading .af-eyebrow{font-size:11px}.af-reference-layout .af-brand-swatches{grid-template-columns:1fr 1fr;gap:12px}.af-reference-layout .af-brand-swatches>div{min-height:150px;padding:20px}.af-reference-layout .af-brand-swatches>div:first-child{grid-column:1/-1;min-height:180px}.af-reference-layout .af-brand-swatches strong{font-size:20px}.af-reference-layout .af-brand-swatches span{font-size:12px}}.image-video-concept{z-index:0;pointer-events:none;width:66%;height:calc(100% + 160px);margin:0;position:absolute;bottom:0;right:-1%}.image-video-concept>img{object-fit:contain;object-position:center bottom;width:100%;height:100%;display:block}@media (width<=1000px){.image-video-concept{width:60%;height:calc(100% + 120px);right:-3%}}@media (width<=600px){.image-video-concept{width:calc(100% - 20px);height:320px;top:-120px;bottom:auto;right:10px}}.video-visual-board{color:#fff;background:0 0;padding:52px 48px 32px;font-family:Case Montserrat,PingFang SC,Microsoft YaHei,sans-serif}#video-case-6>.video-visual-board{background:0 0;border:0;border-radius:0;padding:52px 48px 32px}.visual-board-eyebrow{color:#929292;letter-spacing:.12em;justify-content:space-between;gap:20px;font-size:10px;display:flex}.visual-font-hero{place-items:center;min-height:340px;margin-top:32px;display:grid;position:relative}.visual-font-word{letter-spacing:-.065em;color:#fff;font-size:clamp(56px,11.6vw,168px);font-weight:700;line-height:1.2;position:relative}.visual-font-word:after{content:attr(data-text);filter:blur(9px);pointer-events:none;position:absolute;inset:0;transform:translateY(15px);-webkit-mask-image:linear-gradient(#0000 55%,#000 70%);mask-image:linear-gradient(#0000 55%,#000 70%)}.visual-weight-tag{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#d2d2d2;background:linear-gradient(145deg,#ffffff35,#ffffff18);border:1px solid #ffffff16;border-radius:999px;padding:11px 25px;font-size:16px;line-height:1.2;position:absolute}.visual-weight-tag.regular{font-weight:400;top:28px;left:12%}.visual-weight-tag.medium{font-weight:500;bottom:8px;left:45%}.visual-weight-tag.bold{font-weight:700;top:100px;right:9%}.visual-weight-tag svg{color:#d7d7d7;position:absolute;bottom:-20px;right:-23px;transform:rotate(-20deg)}.visual-weight-tag.bold svg{top:-29px;bottom:auto;right:-12px}.visual-weight-scale{justify-content:space-between;gap:24px;margin:64px 0;display:flex}.visual-weight-scale>div{align-items:baseline;gap:16px;display:flex}.visual-weight-scale span{color:#fff;font-size:36px}.visual-weight-scale small{color:#888;font-size:11px;font-weight:400}.visual-heading-scale{justify-content:space-between;gap:20px;margin-top:64px;display:flex}.visual-heading-scale>div{color:#bdbdbd;flex-direction:column;gap:12px;display:flex}.visual-heading-scale strong{align-items:baseline;gap:8px;font-weight:600;line-height:40px;display:flex}.visual-heading-scale small{font-size:11px;font-weight:400}.visual-heading-scale>div>span{color:#858585;font-size:12px}#video-case-6 .visual-scale-note{color:#777;margin:28px 0 0;font-size:11px;line-height:1.7}.visual-color-grid{background-image:linear-gradient(#ffffff0b 1px,#0000 1px),linear-gradient(90deg,#ffffff0b 1px,#0000 1px);background-size:12.5% 100px;grid-template-rows:repeat(6,100px);grid-template-columns:repeat(8,minmax(0,1fr));gap:0;margin:90px 0 64px;padding:0 0 40px;display:grid;position:relative}.visual-color-card{color:#080b03;border-radius:30px;flex-direction:column;justify-content:space-between;min-width:0;padding:26px;display:flex}.visual-color-card>div{justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.visual-color-card strong{white-space:pre-line;font-size:23px;font-weight:600;line-height:1.2}.visual-color-card>div>span{font-size:18px;font-weight:600}.visual-color-usage{opacity:.55;font-family:PingFang SC,sans-serif;font-size:12px}.visual-color-card.primary{grid-area:1/1/3/5}.visual-color-card.text{grid-area:2/6/5/9}.visual-color-card.canvas{color:#fff;border:1px solid #ffffff1a;border-radius:20px;grid-area:4/1/5/3}.visual-color-card.surface{color:#fff;border-radius:20px;grid-area:5/3/6/5}.visual-color-card.secondary{border-radius:20px;grid-area:6/6/7/9}.visual-color-card.canvas strong,.visual-color-card.surface strong,.visual-color-card.secondary strong{font-size:12px}.visual-color-card.canvas>div,.visual-color-card.surface>div{display:block}.visual-color-card.canvas>div>span,.visual-color-card.surface>div>span{margin-top:8px;font-size:14px;display:block}.visual-color-card.canvas .visual-color-usage,.visual-color-card.surface .visual-color-usage{display:none}.visual-grid-caption{color:#626262;letter-spacing:.1em;font-size:8px;position:absolute;bottom:8px;left:0}.visual-interface-rules{border-top:1px solid #ffffff14;grid-template-columns:1fr 1.1fr;align-items:center;gap:36px 56px;padding-top:36px;display:grid}.visual-rule-heading>span{color:#919191;letter-spacing:.12em;font-size:10px}#video-case-6 .visual-rule-heading h3{margin:20px 0 16px;font-size:26px;line-height:1.5}#video-case-6 .visual-rule-heading p{color:#999;margin:0;font-size:13px;line-height:1.9}.visual-component-specimen{background:#1a1a1a;border-radius:16px;padding:24px}.visual-example-label{justify-content:space-between;align-items:center;margin-bottom:12px;font-size:15px;font-weight:500;display:flex}.visual-example-label small{color:#ccc;font-size:13px;font-weight:400}.visual-example-input{color:#ccc;background:#252525;border-radius:10px;min-height:98px;padding:16px;font-size:14px;line-height:1.7}.visual-example-options{color:#999;gap:8px;margin:12px 0 20px;font-size:14px;display:flex}.visual-example-options span{background:#252525;border-radius:10px;padding:9px 12px}.visual-example-options span:first-child{color:#b8f807}.visual-example-action{color:#000;background:#b8f807;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:46px;font-size:16px;font-weight:600;display:flex}.visual-example-meta{color:#777;text-align:center;margin-top:12px;font-size:9px;line-height:1.6}.visual-rule-values{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;display:grid}.visual-rule-values>div{border-top:1px solid #ffffff14;padding-top:18px}.visual-rule-values dt{color:#999;font-size:11px}.visual-rule-values dd{color:#fff;margin:12px 0 0;font-size:18px}#video-case-6 .visual-source-note{color:#777;margin:32px 0 0;font-size:10px;line-height:1.8}.visual-source-note a{color:#aaa;text-underline-offset:3px;text-decoration:underline}@media (width<=1000px){#video-case-6>.video-visual-board,.video-visual-board{padding:36px 28px 28px}.visual-font-hero{min-height:280px}.visual-font-word{font-size:11.2vw}.visual-weight-scale>div{flex-direction:column;gap:8px}.visual-color-card{border-radius:24px;padding:20px}.visual-color-card>div{flex-direction:column;align-items:flex-start;gap:12px}.visual-color-card strong{font-size:20px}.visual-interface-rules{gap:32px}}@media (width<=600px){#video-case-6>.video-visual-board,.video-visual-board{padding:28px 18px 24px}.visual-board-eyebrow{letter-spacing:.06em;font-size:8px}.visual-font-hero{min-height:210px;margin-top:20px}.visual-font-word{letter-spacing:-.07em;font-size:12.4vw}.visual-font-word:after{filter:blur(4px);transform:translateY(6px)}.visual-weight-tag{padding:7px 13px;font-size:10px}.visual-weight-tag.regular{top:20px;left:5%}.visual-weight-tag.medium{bottom:16px;left:37%}.visual-weight-tag.bold{top:55px;right:2%}.visual-weight-tag svg{width:12px;height:12px;bottom:-12px;right:-15px}.visual-weight-scale{flex-wrap:wrap;gap:12px;margin:24px 0 40px}.visual-weight-scale>div{width:calc(50% - 12px)}.visual-weight-scale span{font-size:28px}.visual-weight-scale small{font-size:10px}.visual-heading-scale{gap:8px;margin-top:28px}.visual-heading-scale strong{flex-direction:column;gap:0;line-height:36px}.visual-heading-scale small{line-height:1}.visual-heading-scale>div{gap:10px}.visual-color-grid{background-size:50% 172px;grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(160px,auto);gap:12px;margin:40px 0 0;padding:0}.visual-color-grid .visual-color-card{border-radius:20px;grid-area:auto;padding:16px}.visual-color-grid .visual-color-card.primary{grid-column:1/-1}.visual-color-grid .visual-color-card strong{font-size:16px;line-height:1.3}.visual-color-grid .visual-color-card.primary strong{font-size:22px}.visual-color-grid .visual-color-card>div{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.visual-color-grid .visual-color-card>div>span{white-space:nowrap;margin:0;font-size:13px}.visual-color-grid .visual-color-card.primary>div{flex-direction:row;align-items:flex-end}.visual-color-grid .visual-color-card.primary>div>span{font-size:17px}.visual-color-grid .visual-color-usage{font-size:10px;line-height:1.5;display:block}.visual-interface-rules{grid-template-columns:1fr;gap:24px}.visual-rule-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.visual-rule-values dd{font-size:15px}.visual-component-specimen{padding:18px}#video-case-6 .visual-rule-heading h3{font-size:23px}}.contribution-orbit{isolation:isolate;aspect-ratio:1200/720;width:100%;max-width:1200px;margin:36px auto 0;position:relative}#video-contribution .video-contribution-intro{text-align:center}.contribution-orbit .project-constellation--section{width:100%;height:100%;inset:0;-webkit-mask-image:radial-gradient(#0004,#0000 75%);mask-image:radial-gradient(#0004,#0000 75%)}.contribution-orbit-art{pointer-events:none;width:88%;height:88%;position:absolute;inset:6%}.contribution-orbit-labels{height:100%;margin:0;padding:0;list-style:none;position:relative}.contribution-orbit-labels li{text-align:center;width:22%;position:absolute}.contribution-orbit-labels li:first-child{top:2%;left:18%}.contribution-orbit-labels li:nth-child(2){width:24%;top:0;left:69%}.contribution-orbit-labels li:nth-child(3){width:16%;top:45%;left:84%}.contribution-orbit-labels li:nth-child(4){width:30%;top:90%;left:65%}.contribution-orbit-labels li:nth-child(5){top:90%;left:7%}.contribution-orbit-labels li:nth-child(6){width:20%;top:29%;left:0}.contribution-orbit-labels li>span{color:#96938f;letter-spacing:.04em;font-size:13px}#video-contribution .contribution-orbit-labels h3{color:#f5f1ed;margin:8px 0 0;font-size:clamp(17px,1.75vw,25px);font-weight:600;line-height:1.5}.contribution-core-ribbons{transform-origin:530px 360px;animation:36s linear infinite contribution-orbit-drift}@keyframes contribution-orbit-drift{to{transform:rotate(360deg)}}@media (width<=700px){.contribution-orbit{aspect-ratio:auto;margin-top:24px;padding-top:260px}.contribution-orbit-art{object-fit:contain;width:100%;height:260px;inset:0}.contribution-orbit-labels{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px;height:auto;display:grid}.contribution-orbit-labels li:nth-child(n){width:auto;position:relative;inset:auto}.contribution-orbit-labels li>span{font-size:10px}#video-contribution .contribution-orbit-labels h3{margin-top:6px;font-size:16px}}@media (prefers-reduced-motion:reduce){.contribution-core-ribbons{animation:none}}.video-personas{color:#f5f1ed;background:0 0;border-radius:0;grid-template-columns:1fr 1.35fr;gap:40px;margin-top:28px;padding:36px;display:grid}.persona-copy{align-items:center;min-width:0;padding:12px 20px 12px 0;display:grid}.persona-copy-panel{visibility:hidden;pointer-events:none;grid-area:1/1;min-width:0}.persona-copy-panel.is-active{visibility:visible;pointer-events:auto}.persona-eyebrow{color:#939a88;letter-spacing:.12em;font-size:10px}#video-case-3 .persona-copy h3{color:#f5f1ed;margin:0 0 12px;font-size:clamp(34px,3vw,44px);font-weight:700;line-height:1.25}.persona-role{color:#a5ad99;letter-spacing:.025em;font-size:16px}#video-case-3 p.persona-summary{color:#c0c4b9;max-width:440px;margin:30px 0 38px;font-size:19px;line-height:1.8}.persona-copy dl{gap:34px;margin:0;display:grid}.persona-copy dl.persona-details{margin-top:34px}.persona-copy dt{color:#a7b197;letter-spacing:.04em;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.persona-copy dd{color:#e0e4d8;margin:12px 0 0;font-size:20px;line-height:1.7}.persona-portraits{gap:12px;min-width:0;display:flex}.persona-portrait{cursor:pointer;background:#e3e5de;border:0;border-radius:18px;flex:1;min-width:0;min-height:580px;padding:0;transition:flex .6s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.persona-portrait.is-active{flex:3.4}.persona-portrait img{object-fit:cover;object-position:50% 25%;opacity:.38;width:100%;height:100%;transition:opacity .4s;display:block;position:absolute;inset:0}.persona-portrait.is-active img,.persona-portrait:hover img{opacity:1}.persona-portrait>span{color:#fff;text-align:center;writing-mode:vertical-rl;background:linear-gradient(#0000,#141c12b3);padding:44px 12px 18px;font-size:12px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.persona-portrait.is-active>span{writing-mode:horizontal-tb;font-size:14px}.persona-portrait:focus-visible{outline-offset:4px;outline:3px solid #789e15}@media (width<=1000px){.video-personas{grid-template-columns:1fr 1fr;gap:24px;padding:28px}.persona-portrait.is-active{flex:3}.persona-portraits{gap:8px}}@media (width<=650px){.video-personas{border-radius:20px;grid-template-columns:1fr;gap:24px;padding:24px 20px}.persona-portraits{min-height:300px}.persona-portrait{height:300px;min-height:300px}.persona-copy{padding:0}.persona-copy dl{gap:26px}#video-case-3 .persona-copy h3{font-size:32px}.persona-role{font-size:14px}#video-case-3 p.persona-summary{margin:24px 0 30px;font-size:17px}.persona-copy dt{font-size:13px}.persona-copy dd{margin-top:10px;font-size:18px}.persona-portrait>span{padding-inline:8px;font-size:11px}}@media (prefers-reduced-motion:reduce){.persona-portrait,.persona-portrait img{transition:none}}.product-analysis{--analysis-region-gap:112px;gap:var(--analysis-region-gap);margin-top:var(--analysis-region-gap);display:grid}#video-case-3 .analysis-region-title{color:#f5f1ed;align-items:baseline;gap:18px;margin:0;font-size:25px;font-weight:600;line-height:1.5;display:flex}.analysis-region-title>span{color:#b8f807;letter-spacing:.08em;font-size:14px;font-weight:500}.product-analysis .video-personas{margin-top:32px;padding:24px 0}#video-case-3 .analysis-persona-note{color:#818779;margin:12px 0 0;font-size:11px;line-height:1.8}.analysis-challenges,.analysis-strategies{margin-top:0}.analysis-challenge-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:36px 0 0;padding:0;list-style:none;display:grid}.analysis-challenge-list li{isolation:isolate;box-sizing:border-box;aspect-ratio:auto;background:#0b100c;border:1px solid #a8c58a26;border-radius:28px;width:100%;min-width:0;max-width:100%;min-height:316px;padding:24px 28px;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #e0f5cc12,inset -1px -1px 2px #d1f4b30d}.analysis-challenge-list li:before{content:"";z-index:-1;pointer-events:none;filter:blur(28px);background:radial-gradient(at 86% 91%,#b6e88780 0%,#79ad4260 13%,#416a273a 28%,#24451c12 43%,#0000 60%),radial-gradient(at 17% 15%,#6eac2e26,#0000 32%);position:absolute;inset:-30%}.analysis-challenge-list li:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(150deg,#090d0b00 15%,#090d0b80 48%,#090d0b00 84%);position:absolute;inset:0}.analysis-challenge-top{justify-content:space-between;align-items:flex-start;gap:20px;min-height:104px;display:flex}.analysis-challenge-number{color:#f5f5f0;letter-spacing:-.05em;font-size:40px;font-weight:500;line-height:1;display:block}.challenge-sculpture{isolation:isolate;flex:0 0 112px;width:112px;height:112px;margin:-8px -8px -8px 0;display:block;position:relative}.challenge-sculpture:before{content:"";z-index:-1;filter:blur(12px);background:radial-gradient(#b8f80730,#0000 70%);border-radius:50%;position:absolute;inset:8%}.challenge-sculpture svg{filter:drop-shadow(5px 12px 8px #0006);width:100%;height:100%;display:block}.analysis-challenge-list li>.challenge-sculpture{width:136px;height:136px;margin:0;position:absolute;bottom:12px;right:18px}.analysis-challenge-list h4{overflow-wrap:anywhere;color:#f5f1ed;letter-spacing:-.025em;min-width:0;margin:0 0 16px;font-size:clamp(22px,2.1vw,31px);font-weight:600;line-height:1.4;position:relative}#video-case-3 .analysis-challenge-list p{color:#b7c0ae;max-width:100%;margin:0 0 120px;font-size:16px;line-height:1.8;position:relative}.analysis-strategy-list{isolation:isolate;box-shadow:none;background:radial-gradient(at 100% 100%,#78a83f16,#0000 65%),linear-gradient(125deg,#ffffff06,#ffffff02);border:0;border-radius:28px;gap:36px;margin:36px 0 0;padding:40px;list-style:none;display:grid;position:relative;overflow:hidden}.analysis-strategy-list li{border:0;grid-template-columns:48px minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:24px;min-width:0;padding:0;display:grid}.analysis-strategy-number{color:#b8f807;background:#b8f80708;border:1px solid #b8f80726;border-radius:50%;place-items:center;width:44px;height:44px;font-size:13px;display:grid}.analysis-strategy-list h4{color:#f5f1ed;margin:0;font-size:clamp(23px,2vw,29px);font-weight:600;line-height:1.4}#video-case-3 .analysis-strategy-list p{color:#a5ae99;margin:10px 0 0;font-size:15px;line-height:1.8}.analysis-strategy-copy{min-width:0}.analysis-strategy-flow{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.analysis-strategy-flow>span{align-items:center;gap:10px;min-width:0;display:flex}.analysis-strategy-flow b{color:#c3ccb6;white-space:nowrap;background:#ffffff04;border:1px solid #ffffff15;border-radius:10px;padding:10px 14px;font-size:12px;font-weight:400;display:block}.analysis-strategy-flow i{color:#73855a;font-size:15px;font-style:normal}.analysis-strategy-flow>span:last-child b{color:#d4eea5;background:#b8f80712;border-color:#b8f80730}.analysis-strategy-list a{color:#a4b981;justify-content:space-between;justify-self:end;align-items:center;gap:16px;max-width:100%;font-size:12px;line-height:1.8;text-decoration:none;display:flex}.analysis-strategy-list a>span{color:#b8f807;font-size:22px}.analysis-strategy-list a:hover{color:#b8f807}.analysis-strategy-list a:focus-visible{outline-offset:6px;outline:2px solid #b8f807}.core-experience-step[id]{scroll-margin-top:140px}@media (width<=1000px){.analysis-challenge-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.analysis-challenge-list li{border-radius:28px;padding:24px}.analysis-strategy-list{gap:32px;padding:28px}.analysis-strategy-list li{grid-template-columns:44px minmax(0,1fr);gap:16px}.analysis-strategy-flow{flex-wrap:wrap;grid-column:2;justify-content:flex-start}.analysis-strategy-list a{grid-column:3;justify-self:start}}@media (width<=650px){.product-analysis{--analysis-region-gap:64px}#video-case-3 .analysis-region-title{gap:12px;font-size:21px}.analysis-region-title>span{font-size:12px}.product-analysis .video-personas{margin-top:24px;padding:0}#video-case-3 .analysis-persona-note{margin-top:20px}.analysis-challenge-list{grid-template-columns:1fr;gap:16px;margin-top:28px}.analysis-challenge-list li{aspect-ratio:auto;border-radius:26px;min-height:308px;padding:24px}.analysis-challenge-number{font-size:34px}.challenge-sculpture{flex-basis:96px;width:96px;height:96px}.analysis-challenge-top{min-height:88px}.analysis-challenge-list h4{margin:0 0 18px;font-size:25px}#video-case-3 .analysis-challenge-list p{font-size:14px}.analysis-strategy-list{border-radius:24px;gap:36px;margin-top:28px;padding:24px 18px}.analysis-strategy-list li{grid-template-columns:32px minmax(0,1fr);gap:16px 12px;padding:0}.analysis-strategy-number{width:30px;height:30px;font-size:11px}.analysis-strategy-list h4{font-size:24px}#video-case-3 .analysis-strategy-list p{font-size:14px}.analysis-strategy-flow{grid-column:1/-1;gap:6px}.analysis-strategy-flow>span{gap:6px}.analysis-strategy-flow b{padding:8px;font-size:11px}.analysis-strategy-list a{grid-column:2;font-size:11px}.core-experience-step[id]{scroll-margin-top:112px}}.responsive-showcase{margin-top:64px}.responsive-showcase h3{color:#f5f4ef;align-items:baseline;gap:16px;margin:0;font-size:26px;font-weight:600;line-height:1.4;display:flex}.responsive-showcase h3>span{color:#b8f807;letter-spacing:.1em;font-size:15px;font-weight:500}.responsive-statement{color:#d8f4a6;-webkit-text-fill-color:transparent;letter-spacing:-.035em;white-space:nowrap;background:linear-gradient(100deg,#f5f4ef 0%,#e6f4d2 28%,#b8f807 67%,#d9ff9a 100%);-webkit-background-clip:text;background-clip:text;width:fit-content;max-width:100%;margin:36px 0 0;font-size:clamp(12px,3.4vw,48px);font-weight:650;line-height:1.4}.responsive-wireframes{isolation:isolate;grid-template-columns:minmax(0,560fr) minmax(0,426fr) minmax(0,160fr);justify-content:center;align-items:start;gap:clamp(20px,3vw,48px);max-width:1280px;margin:64px auto 40px;display:grid;position:relative}.responsive-wireframes:before{content:"";z-index:-1;pointer-events:none;filter:blur(24px);background:radial-gradient(at 38% 58%,#ffffff08,#0000 57%),radial-gradient(at 90% 48%,#ffffff05,#0000 38%);position:absolute;inset:-15% 0 10%}.responsive-logic .responsive-statement{text-align:left;margin-left:0;margin-right:auto}.responsive-wireframes figure{grid-template-rows:auto auto;place-items:start center;width:100%;min-width:0;margin:0;display:grid}.responsive-wireframes svg{fill:#999;filter:drop-shadow(0 16px 28px #0005);width:100%;height:auto;display:block;overflow:visible}.responsive-wireframes .wire-outline{fill:#1b1b1b;stroke:none}.responsive-wireframes .wire-device{fill:#343634;stroke:#8a8e87;stroke-opacity:.35;stroke-width:1px}.responsive-wireframes .wire-screen{fill:#141414}.responsive-wireframes .wire-chrome{fill:#222422}.responsive-wireframes .wire-notch{fill:#080908}.responsive-wireframes .wire-camera{fill:#090b0a;stroke:#596257;stroke-width:1px}.responsive-wireframes .wire-hardware{fill:#62685f}.responsive-wireframes .wire-cta{fill:#9da397}.responsive-wireframes .wire-block{fill:#282828;stroke:none}.responsive-wireframes .wire-accent{fill:#bec3b8;fill-opacity:1}.responsive-wireframes .wire-preview{fill:#333;stroke:none}.responsive-wireframes .wire-play-halo{fill:#fff;fill-opacity:.06;stroke:none}.responsive-wireframes .wire-play-icon{fill:#bec3b8;stroke:none}.responsive-wireframes .wire-detail{fill:none;stroke:#bbb;stroke-width:3px;stroke-linecap:round;stroke-opacity:.65}.responsive-wireframes .wire-landscape{fill:#999;fill-opacity:.8}.responsive-wireframes figcaption{text-align:center;color:#f5f4ef;flex-direction:column;gap:10px;min-height:68px;margin-top:28px;display:flex}.responsive-wireframes figcaption>span{color:#b8f807;letter-spacing:.16em;font-size:11px;font-weight:500}.responsive-wireframes figcaption>strong{text-wrap:balance;font-size:clamp(12px,1.15vw,17px);font-weight:500}#video-case-7 .responsive-logic>p{text-align:center;color:#b9bdb0;margin:40px auto 0;font-size:17px;line-height:1.8}.responsive-design-note{text-align:center;max-width:920px;margin:40px auto 0}#video-case-7 .responsive-design-note h4{color:#f5f4ef;margin:0 0 18px;font-size:26px;font-weight:600;line-height:1.4}#video-case-7 .responsive-design-note p{color:#b9bdb0;text-wrap:pretty;margin:0;font-size:17px;line-height:1.9}.responsive-results{margin-top:112px}.responsive-visual-overview{filter:drop-shadow(0 0 1px #dce4ea33)drop-shadow(0 12px 24px #0008);margin:40px 0 80px}.responsive-visual-overview img{mix-blend-mode:normal;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 1200'%3E%3Cg fill='white'%3E%3Crect x='20' y='99' width='460' height='1120' rx='20'/%3E%3Crect x='500' y='-20' width='460' height='921' rx='20'/%3E%3Crect x='500' y='920' width='460' height='260' rx='10'/%3E%3Crect x='980' y='99' width='460' height='680' rx='10'/%3E%3Crect x='980' y='799' width='460' height='259' rx='10'/%3E%3Crect x='1460' y='23' width='460' height='259' rx='10'/%3E%3Crect x='1460' y='302' width='460' height='841' rx='10'/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 1200'%3E%3Cg fill='white'%3E%3Crect x='20' y='99' width='460' height='1120' rx='20'/%3E%3Crect x='500' y='-20' width='460' height='921' rx='20'/%3E%3Crect x='500' y='920' width='460' height='260' rx='10'/%3E%3Crect x='980' y='99' width='460' height='680' rx='10'/%3E%3Crect x='980' y='799' width='460' height='259' rx='10'/%3E%3Crect x='1460' y='23' width='460' height='259' rx='10'/%3E%3Crect x='1460' y='302' width='460' height='841' rx='10'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.responsive-showcase figure{min-width:0}.responsive-pc-result{margin:40px 0 0}.responsive-results figcaption{color:#f5f4ef;align-items:baseline;gap:14px;margin-bottom:20px;font-size:16px;font-weight:500;display:flex}.responsive-results figcaption>span{color:#8f9585;font-size:13px;font-weight:400}.responsive-results img{border:0;border-radius:0;width:100%;max-width:100%;height:auto;display:block;transform:none}.responsive-mobile-results{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(24px,5vw,80px);max-width:940px;margin:144px auto 0;display:grid}.responsive-mobile-results figure{margin:0}@media (width<=700px){.responsive-showcase{margin-top:32px}.responsive-showcase h3{gap:12px;font-size:22px}.responsive-showcase h3>span{font-size:13px}.responsive-wireframes{grid-template-columns:minmax(0,2.66fr) minmax(0,1fr);gap:32px 24px;margin-top:36px}.responsive-wireframes figure{grid-template-rows:auto auto}.responsive-wireframes figure:first-child{grid-column:1/-1}.responsive-statement{margin-top:28px}.responsive-wireframes figcaption{gap:8px;min-height:52px;margin-top:18px}.responsive-wireframes figcaption>span{letter-spacing:.08em;font-size:9px}.responsive-wireframes figcaption>strong{white-space:normal;text-wrap:balance;font-size:12px}#video-case-7 .responsive-logic>p{margin-top:28px;font-size:15px;line-height:1.8}.responsive-design-note{margin-top:28px}#video-case-7 .responsive-design-note h4{margin-bottom:14px;font-size:22px}#video-case-7 .responsive-design-note p{font-size:15px}.responsive-results{margin-top:64px}.responsive-visual-overview{margin:28px 0 48px}.responsive-pc-result{margin-top:28px}.responsive-results figcaption{flex-wrap:wrap;gap:6px 10px;margin-bottom:14px;font-size:13px}.responsive-results figcaption>span{font-size:11px}.responsive-mobile-results{gap:16px;margin-top:64px}}.video-results{isolation:isolate;margin-top:16px;position:relative}#video-case-9 .video-results-intro{color:#b6bbae;max-width:1080px;margin:0;font-size:18px;line-height:1.9}.video-results-metrics{isolation:isolate;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:72px 0 0;padding:0;list-style:none;display:grid;position:relative}.video-results-metrics:before{content:"";z-index:-1;filter:blur(36px);pointer-events:none;background:radial-gradient(at 18% 85%,#86af3030,#0000 48%),radial-gradient(at 70% 85%,#b8f80725,#0000 55%);position:absolute;inset:35% 0 -10%}.video-results-metrics>li{box-sizing:border-box;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:linear-gradient(145deg,#ffffff08,#11160d85 60%,#b8f8070c);border:1px solid #d6e3bd25;border-radius:28px;flex-direction:column;align-items:center;min-width:0;min-height:320px;padding:32px;display:flex;container-type:inline-size}.video-results-label{color:#9da98e;letter-spacing:.14em;overflow-wrap:anywhere;font-size:10px}#video-case-9 .video-results-metrics h3{color:#f5f4ef;min-height:2.8em;margin:18px 0 16px;font-size:clamp(18px,8cqi,26px);font-weight:600;line-height:1.4}.video-results-value{color:#fff;white-space:nowrap;justify-content:center;align-items:center;width:100%;min-width:0;margin:0 0 36px;font-size:clamp(24px,22cqi,88px);display:flex}.video-results-value strong{color:inherit;font-size:inherit;letter-spacing:-.035em;font-variant-numeric:tabular-nums;-webkit-text-fill-color:transparent;background:linear-gradient(105deg,#fff 0% 28%,#e6f8cd 52%,#b8f807 100%);-webkit-background-clip:text;background-clip:text;flex:none;padding:.08em .04em .08em .02em;font-weight:700;line-height:1.15;display:block}.video-results-metrics ul{color:#b0b8a4;gap:10px;margin:auto 0 0;padding:0;font-size:12px;line-height:1.9;list-style:none;display:grid}#video-case-9 .video-results-scope{color:#808974;margin:22px 0 0;font-size:11px;line-height:1.8}.video-results-reflection{grid-template-columns:1fr 1.2fr;align-items:start;gap:48px;margin-top:64px;display:grid}#video-case-9 .video-results-reflection h3{color:#edf5de;margin:0;font-size:clamp(24px,2.6vw,36px);font-weight:600;line-height:1.5}#video-case-9 .video-results-reflection p{color:#a9b19d;margin:0;font-size:16px;line-height:1.9}@media (width<=900px){.video-results-metrics{gap:16px}.video-results-metrics>li{padding:24px}.video-results-reflection{gap:28px}}@media (width<=650px){.video-results{margin-top:12px}#video-case-9 .video-results-intro{font-size:15px}.video-results-metrics{grid-template-columns:1fr;gap:16px;margin-top:44px}.video-results-metrics>li{min-height:270px}.video-results-reflection{grid-template-columns:1fr;gap:18px;margin-top:40px}#video-case-9 .video-results-reflection p{font-size:15px}}:is(html:has(.video-detail-page .video-project),body:has(.video-detail-page .video-project)){scrollbar-width:none}html:has(.video-detail-page .video-project)::-webkit-scrollbar{width:0;height:0;display:none}body:has(.video-detail-page .video-project)::-webkit-scrollbar{width:0;height:0;display:none}.project-modal-preview.project-modal-video{scrollbar-color:#554e48 #1d1916;scrollbar-width:thin;padding:64px max(30px,50% - 550px) 60px}.video-project{--case-accent:#bcff00;color:#f5f1ed;max-width:1100px;margin:0 auto}.video-detail-page{isolation:isolate;background:var(--bg);min-height:100vh;position:relative}.project-constellation{z-index:-1;pointer-events:none;width:100%;height:1100px;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 65%,#0000);mask-image:linear-gradient(#000 65%,#0000)}.video-detail-page .header .navbar-motion{opacity:1;visibility:visible;filter:none;transform:none}.video-detail-main{background:0 0;width:100%;max-width:none;margin:0;padding:160px max(30px,50% - 720px) 80px}.video-detail-page .video-project{width:100%;max-width:1440px}.video-project-introduction{padding:40px 0 96px}.video-project-introduction h1{letter-spacing:normal;overflow-wrap:break-word;margin:0;font-size:clamp(40px,5.5vw,88px);font-weight:750;line-height:1.2}.video-project-summary{color:var(--muted);margin:16px 0 64px;font-size:clamp(17px,1.8vw,28px);line-height:1.8}.video-project-introduction .video-project-overview{border-bottom:0;padding:40px 0 0}.video-detail-back{color:#b9aea5;align-items:center;gap:10px;min-height:44px;margin-bottom:32px;font-size:14px;text-decoration:none;transition:color .2s;display:inline-flex}.video-detail-back:hover{color:#f5f1ed}.video-detail-back:focus-visible{outline-offset:5px;outline:2px solid #bcff00}.video-detail-page .video-project-section{scroll-margin-top:140px}@media (width<=700px){.video-detail-main{padding:128px 16px 48px}.video-detail-back{margin-bottom:22px;font-size:13px}.video-detail-page .video-project-section{scroll-margin-top:112px}}.video-cover{isolation:isolate;background:radial-gradient(at 70% 70%,#7b9d192b,#0000 55%),radial-gradient(at 55% 25%,#b7d27712,#0000 50%),#090d08;border:0;border-radius:20px;margin-bottom:36px;padding:36px 40px 88px;position:relative;overflow:hidden}.video-cover:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(110deg,#0000 35%,#daffb607 46%,#0000 58%);position:absolute;inset:0}.video-cover-topline{letter-spacing:.02em;justify-content:space-between;align-items:center;gap:16px;font-size:15px;font-weight:700;display:flex}.video-cover-edition{color:#a6ad9c;letter-spacing:.12em;align-items:center;gap:12px;font-size:10px;font-weight:400;display:flex}.video-cover-edition i{border:1px solid #bcff00;border-radius:50%;width:16px;height:16px;margin-right:8px;box-shadow:8px 0 0 -1px #090d08,8px 0 #d7ddcf}.video-cover-heading{z-index:1;text-align:center;padding:70px 0 54px;position:relative}.video-cover-heading>p:first-child{color:#9ca891;letter-spacing:.15em;margin:0 0 22px;font-size:10px}.video-project .video-cover-heading h2{letter-spacing:normal;text-wrap:balance;margin:0;font-size:clamp(38px,6.1vw,76px);font-weight:800;line-height:1.25}.video-cover-heading h2 em{color:#c5ff45;-webkit-text-fill-color:transparent;background:linear-gradient(100deg,#bcff00,#eaffd1);-webkit-background-clip:text;background-clip:text;font-style:normal}.video-cover-description{color:#adb6a6;margin:22px 0 0;font-size:14px;line-height:1.8}.video-cover-cta{justify-content:center;margin-top:26px;display:flex}.video-cover-devices{width:86%;margin-inline:auto;padding:0 0 35px 10%;position:relative}.video-cover-desktop{background:linear-gradient(#262b24,#10130f);border:1px solid #53594a;border-radius:18px;padding:9px 9px 16px;overflow:hidden;box-shadow:0 24px 60px #0009}.video-cover-browser{color:#8a9381;justify-content:space-between;align-items:center;gap:18px;padding:5px 8px 13px;font-size:9px;display:flex}.video-cover-browser>span:first-child{letter-spacing:3px;color:#5c6752}.video-cover-desktop>img{border-radius:5px;width:100%;height:auto;display:block}.video-cover-phone{background:#090b08;border:2px solid #61675c;border-radius:25px;width:19%;padding:18px 5px 12px;position:absolute;bottom:0;left:0;box-shadow:10px 16px 30px #0009}.video-cover-phone-speaker{background:#30372a;border-radius:4px;width:29%;height:4px;position:absolute;top:7px;left:35.5%}.video-cover-phone>img{border-radius:14px;width:100%;height:auto;display:block}.video-phone-screen{aspect-ratio:9/19.5;background:#000;border-radius:16px;width:100%;position:relative;overflow:hidden;container-type:inline-size}.video-phone-scroll{overscroll-behavior-y:contain;scrollbar-width:none;position:absolute;inset:0 0 14%;overflow-y:auto}.video-phone-scroll::-webkit-scrollbar{display:none}.video-phone-scroll:focus-visible{outline-offset:-2px;outline:1px solid #b8f807}.video-phone-page{aspect-ratio:750/1760;width:100%;overflow:hidden}.video-phone-page img{width:100%;height:auto;display:block}.video-phone-action{z-index:1;pointer-events:none;background:linear-gradient(#0000,#000 15%);padding:7% 7% 2%;position:absolute;inset:auto 0 0}.video-phone-action>div{color:#b4b4b4;justify-content:space-between;gap:4px;margin-bottom:5%;font-size:3.3cqw;line-height:1.5;display:flex}.video-phone-generate{color:#070a00;background:#b8f807;border-radius:2.8cqw;justify-content:center;align-items:center;gap:4cqw;height:12cqw;font-size:5cqw;font-weight:650;display:flex}.video-phone-generate b{font-size:4.5cqw}.video-phone-action>i{background:#f0f0f0;border-radius:99px;width:32%;height:1cqw;margin:5% auto 1%;display:block}.video-cover-bottom{justify-content:space-between;align-items:center;gap:16px;margin-top:28px;display:flex}.video-cover-bottom>span{color:#8f9b84;font-size:10px;line-height:1.7}@media (width<=700px){.video-cover{border-radius:14px;padding:24px 18px 48px}.video-cover-topline{font-size:11px}.video-cover-edition{letter-spacing:.04em;gap:8px;font-size:8px}.video-cover-heading{padding:52px 0 38px}.video-cover-heading>p:first-child{letter-spacing:.1em;font-size:8px}.video-project .video-cover-heading h2{font-size:clamp(34px,8vw,54px)}.video-project-introduction{padding:12px 0 40px}.video-project-summary{margin:20px 0 30px}.video-cover-description{font-size:11px}.video-cover-desktop{border-radius:10px;padding:5px 5px 9px}.video-cover-browser{padding:2px 3px 7px;font-size:6px}.video-cover-phone{border-radius:15px;width:23%;padding:12px 3px 8px}.video-cover-phone>img{border-radius:8px}.video-phone-screen{border-radius:9px}.video-cover-phone-speaker{height:3px;top:5px}.video-cover-devices{padding-bottom:20px}.video-cover-bottom{margin-top:20px}.video-cover-bottom>span{max-width:100px;font-size:9px}}.video-project-eyebrow{color:var(--case-accent);letter-spacing:.12em;margin:0 0 20px;font-size:11px;line-height:1.7}.video-project-lead{color:#c2b8b0;text-wrap:balance;max-width:740px;margin:24px 0 36px;font-size:clamp(18px,2vw,24px);line-height:1.7}.video-project-overview{border-block:1px solid #ffffff16;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:0;padding:28px 0;display:grid}.video-project-overview dt{color:#928a84;margin-bottom:12px;font-size:11px}.video-project-overview dd{color:#e7ded5;margin:0;font-size:13px;line-height:1.9}.video-design-caption{max-width:740px;padding:0 0 8px}.video-design-caption>span{color:var(--case-accent);letter-spacing:.06em;margin-bottom:14px;font-size:11px;display:block}.video-project-section .video-design-caption h3{font-size:clamp(22px,2.5vw,30px);line-height:1.5}.video-project-section .video-design-caption p{margin:0}.video-design-gallery .video-design-shot+.video-design-caption{margin-top:32px}.video-project-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;display:flex}.video-project-brand{align-items:center;gap:16px;min-width:0;display:flex}.video-project-logo{object-fit:contain;border-radius:12px;flex:0 0 50px;width:50px;height:50px;display:block}.video-project .video-project-brand h1{letter-spacing:normal;word-spacing:normal;margin:0;font-size:clamp(32px,4.2vw,58px);font-weight:750;line-height:1.14}.video-project-slogan{color:#b7ada7;margin:22px 0 10px;font-size:18px;line-height:1.9}.video-project-meta{color:#a9a19c;letter-spacing:.025em;margin:0;font-size:11px;line-height:1.9}.video-project-intro{border-top:1px solid #ffffff10;margin:28px 0 32px;padding:22px 0 0}.video-project-label{color:var(--case-accent);letter-spacing:.13em;font-size:10px}.video-project-intro p{color:#b6b0ab;margin:10px 0 0;font-size:13px;line-height:1.95}.video-project-link{background:var(--case-accent);color:#101010;border:1px solid #0000;border-radius:40px;flex-shrink:0;justify-content:center;align-items:center;gap:9px;padding:12px 20px;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s;display:inline-flex}.video-project-link:hover{background:#d3ff65}.video-project-link:focus-visible{outline-offset:5px;outline:2px solid #f7f0eb}.video-project>.project-modal-cover{border-radius:15px}.video-design-shot{min-width:0;margin:0}.video-design-shot>a{background:#000;border-radius:15px;display:block;overflow:hidden}.video-design-shot img{width:100%;height:auto;display:block}.video-project-section>div.video-design-gallery{background:0 0;border:0;gap:28px;margin-top:32px;padding:0;display:grid}.video-design-long{background:#24211f;border:1px solid #3b3530;border-radius:16px;overflow:hidden}.video-design-long summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;font-size:15px;line-height:1.7;list-style:none;display:flex}.video-design-long summary::-webkit-details-marker{display:none}.video-design-long summary span{color:#bcff00;font-size:22px}.video-design-long[open] summary span{transform:rotate(45deg)}.video-design-long .video-design-shot{padding:0 16px 20px}.video-design-long summary:focus-visible,.video-design-shot a:focus-visible{outline-offset:-3px;outline:2px solid #bcff00}.video-project-section p.video-design-gallery-note{color:#a9a19c;margin:0;font-size:12px}.video-project-section{border-top:1px solid #ffffff10;margin-top:80px;padding:64px 0 0}.video-project-section h2{letter-spacing:normal;text-wrap:balance;margin:0 0 30px;font-size:clamp(28px,3.4vw,40px);font-weight:650;line-height:1.4}.video-project-section h2>span{color:#c4ff3d;letter-spacing:.13em;margin-bottom:16px;font-size:10px;font-weight:500;line-height:1.6;display:block}.video-project-section>div{background:#24211f;border:1px solid #3b3530;border-radius:16px;padding:32px 36px}.video-project-section h3{letter-spacing:normal;margin:0 0 14px;font-size:23px;line-height:1.6}.video-project-section p{color:#b6b0ab;margin:0 0 20px;font-size:14px;line-height:2}.video-project-section p:last-child{margin-bottom:0}.video-project-section p+h3{margin-top:32px}.video-project-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0 0 28px;padding:0;list-style:none;display:grid}.video-project-list strong{color:#f5f1ed;letter-spacing:normal;font-size:19px;font-weight:600}.video-project-list p{margin:10px 0 0;font-size:13px}.video-project-section p.video-project-note{color:#928a84;font-size:11px;line-height:1.8}.video-project-section>div.video-project-experiences{background:0 0;border:0;grid-template-columns:1fr 1fr;gap:24px;padding:0;display:grid}.video-project-experiences>div{background:#24211f;border:1px solid #3b3530;border-radius:16px;padding:30px}.video-project-step{color:var(--case-accent);letter-spacing:.1em;margin-bottom:30px;font-size:11px;display:block}.video-project-components{flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none;display:flex}.video-project-components li{color:var(--case-accent);border:1px solid #45403b;border-radius:30px;padding:8px 12px;font-size:12px}.video-project-section p.video-project-closing{color:var(--case-accent);letter-spacing:normal;margin-top:36px;font-size:clamp(26px,3.5vw,38px);font-weight:650;line-height:1.5}.video-case-nav{background:#3b3530;border:1px solid #3b3530;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:32px;display:grid;overflow:hidden}.video-case-nav button{color:#d9cfc6;text-align:left;min-height:56px;font:inherit;cursor:pointer;background:#24211f;border:0;align-items:center;gap:10px;padding:16px;font-size:13px;display:flex}.video-case-nav small{color:var(--case-accent);font-variant-numeric:tabular-nums;font-size:10px}.video-case-nav button:hover{color:#fff;background:#302b26}.video-case-nav button:focus-visible{outline:2px solid var(--case-accent);outline-offset:-3px}.video-project-section{scroll-margin-top:24px}.video-project-section:first-of-type{margin-top:48px;padding-top:40px}.video-case-facts{border-block:1px solid #ffffff10;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0 36px;padding:24px 0;display:grid}.video-case-facts dt{color:#928a84;margin-bottom:10px;font-size:12px}.video-case-facts dd{color:#e7ded5;margin:0;font-size:13px;line-height:1.9}.video-project-section>div.video-case-table-wrap{margin-top:24px;overflow-x:auto}.video-case-table{border-collapse:collapse;text-align:left;width:100%;min-width:560px;font-size:13px;line-height:1.9}.video-case-table caption{color:#f5f1ed;text-align:left;margin-bottom:20px;font-size:15px}.video-case-table th,.video-case-table td{vertical-align:top;border-bottom:1px solid #ffffff10;padding:16px 14px}.video-case-table thead th{color:#afa49a;font-size:12px;font-weight:400}.video-case-table tbody th{color:#f5f1ed;width:24%;padding-left:0;font-weight:500}.video-case-table td{color:#b6b0ab}.video-case-table td:last-child{width:28%}.video-case-flow{counter-reset:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:28px 0;padding:0;list-style:none;display:grid}.video-case-flow li{border-top:1px solid #5c6350;padding:20px 16px}.video-case-flow li:last-child{background:#bcff0008}.video-case-flow li>span{color:var(--case-accent);margin-bottom:14px;font-size:11px;display:block}.video-case-flow h4{margin:0 0 8px;font-size:15px;font-weight:500}.video-project-section .video-case-flow p{margin:0;font-size:12px}.video-project-section>div.video-case-state-panel{margin-top:28px}.video-case-states{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0;padding:0;list-style:none;display:grid}.video-case-states li{border-left:2px solid #778350;padding-left:16px}.video-case-states strong{font-size:15px;font-weight:500}.video-project-section .video-case-states p{margin:8px 0 0;font-size:13px}.video-case-palette{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:28px 0 36px;padding:0;list-style:none;display:grid}.video-case-palette li{flex-direction:column;gap:8px;display:flex}.video-case-palette i{border:1px solid #ffffff1a;border-radius:10px;height:64px;display:block}.video-case-palette strong{font-size:12px;font-weight:500}.video-case-palette li>span{color:#a9a19c;font-size:12px}.video-case-handoff{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:28px 0;padding:0;list-style:none;display:grid}.video-case-handoff li{border-top:1px solid #ffffff1a;padding-top:18px}.video-case-handoff strong{font-size:15px;font-weight:500}.video-project-section .video-case-handoff p{margin:10px 0 0;font-size:13px}.video-case-checks{color:#b6b0ab;margin:20px 0 28px;padding-left:20px;font-size:14px;line-height:2}.video-case-checks li{margin-bottom:12px;padding-left:6px}.video-case-checks li::marker{color:var(--case-accent)}.video-project-section>div.video-device-comparison{background:0 0;border:0;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:24px;margin-top:28px;padding:0;display:grid}.video-device-shot{background:#24211f;border:1px solid #3b3530;border-radius:16px;min-width:0;margin:0;padding:20px}.video-device-shot figcaption{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.video-device-shot figcaption strong{font-size:16px;font-weight:500}.video-device-shot figcaption span{color:#a9a19c;font-size:12px;line-height:1.8}.video-device-shot a{background:#191715;border-radius:10px;justify-content:center;align-items:center;min-width:0;height:380px;display:flex;overflow:hidden}.video-device-shot img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.video-device-shot a:focus-visible{outline:2px solid var(--case-accent);outline-offset:4px}@media (width<=700px){.video-project-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px;padding:24px 0}.video-project-lead{margin:20px 0 28px;font-size:18px}.video-project-eyebrow{font-size:9px}.video-project-section>div.video-device-comparison{grid-template-columns:1fr;gap:20px}.video-device-shot{padding:16px}.video-device-shot a{height:auto}.video-device-shot img{max-height:480px}}.video-specs{border-top:1px solid #ffffff10;margin-top:32px;padding-top:32px}.video-spec-fonts{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0;display:grid}.video-spec-kicker{color:#a9a19c;letter-spacing:.06em;margin-bottom:12px;font-size:10px;display:block}.video-spec-fonts h4{color:#f5f1ed;margin:0 0 12px;font-size:24px;font-weight:500;line-height:1.5}.video-project-section .video-spec-fonts p{margin:0;font-size:13px}.video-spec-type-list{margin:24px 0 36px}.video-spec-type-head,.video-spec-type-row{border-bottom:1px solid #ffffff10;grid-template-columns:1.3fr 1fr 1fr 1.15fr;align-items:center;gap:16px;padding:18px 0;display:grid}.video-spec-type-head{color:#a9a19c;font-size:11px}.video-spec-type-row>div{min-width:0}.video-spec-type-row h4{margin:0;font-size:15px;font-weight:500}.video-project-section .video-spec-type-row p{color:#a9a19c;margin:6px 0 0;font-size:12px}.video-spec-type-row small{display:none}.video-spec-type-row strong{color:#e7ded5;font-variant-numeric:tabular-nums;font-size:13px;font-weight:400;line-height:1.7}.video-spec-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0;display:grid}.video-spec-metrics>div{border:1px solid #ffffff10;border-radius:12px;padding:20px}.video-spec-metrics h4{margin:0 0 12px;font-size:15px;font-weight:500}.video-project-section .video-spec-metrics p{color:var(--case-accent);margin:0 0 12px;font-size:15px}.video-spec-metrics span{color:#b6b0ab;font-size:12px;line-height:1.9}@media (width<=700px){.video-spec-fonts,.video-spec-metrics{grid-template-columns:1fr;gap:20px}.video-spec-type-head{display:none}.video-spec-type-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;padding:20px 0}.video-spec-type-row>div:first-child{grid-column:1/-1}.video-spec-type-row small{color:#928a84;margin-bottom:6px;font-size:10px;display:block}.video-case-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.video-case-nav button{min-height:52px;padding:14px 12px;font-size:12px}.video-case-facts{grid-template-columns:1fr;gap:20px}.video-case-flow,.video-case-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.video-case-flow li{padding:16px 8px}.video-case-states,.video-case-handoff{grid-template-columns:1fr}.video-project-section .video-project-list{margin-bottom:20px}.video-project-section h2{font-size:28px}.project-modal-preview.project-modal-video{padding:35px 16px 40px}.video-project-title-row{align-items:center;gap:12px}.video-project-brand{gap:10px}.video-project-logo{border-radius:9px;flex-basis:36px;width:36px;height:36px}.video-project .video-project-brand h1{font-size:clamp(19px,4vw,29px)}.video-project-link{gap:5px;padding:10px 12px;font-size:11px}.video-project-link svg{width:14px;height:14px}.video-project-slogan{font-size:15px}.video-project-section{margin-top:55px;padding-top:42px}.video-project-section h2{margin-bottom:24px;font-size:32px}.video-project-section>div{padding:24px 20px}.video-project-list,.video-project-section>div.video-project-experiences{grid-template-columns:1fr}.video-project-experiences>div{padding:24px 20px}.video-project-section h3{font-size:21px}}@media (width<=380px){.video-project-link{padding:9px;font-size:10px}.video-project-logo{flex-basis:30px;width:30px;height:30px}.video-project-brand{gap:7px}.video-project .video-project-brand h1{font-size:18px}}@media (prefers-reduced-motion:reduce){.video-project-link{transition:none}}.video-project-section{border-top:0;margin-top:100px;padding-top:64px}.video-chapter-heading{justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:36px;display:flex}.video-project-section .video-chapter-heading h2{letter-spacing:normal;min-width:0;margin:0;padding:0 0 32px;font-size:clamp(36px,4.2vw,64px);font-weight:800;line-height:1.15;position:relative}.video-project-section .video-chapter-heading h2>span.video-chapter-chinese{color:#f5f1ed;font:inherit;letter-spacing:normal;margin:0;font-weight:900;display:block}.video-project-section .video-chapter-heading h2>span.video-chapter-script{z-index:1;color:#b8f807;letter-spacing:0;text-transform:uppercase;overflow-wrap:anywhere;width:max-content;max-width:100%;margin:-.75em 0 0 .4em;font-family:Snell Roundhand,Brush Script MT,Segoe Script,cursive;font-size:clamp(28px,3.5vw,52px);font-style:italic;font-weight:400;line-height:1.1;display:block;position:relative}.video-chapter-platform{color:#e2e2e2;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:12px;padding-top:12px;font-size:14px;line-height:1.5;display:flex}.video-chapter-platform small{color:#858585;letter-spacing:.12em;font-variant-numeric:tabular-nums;font-size:10px}.video-project-section>p.video-chapter-intent{color:#ccc;margin:0 0 32px;font-size:clamp(18px,2vw,26px);font-weight:500;line-height:1.6}.video-project-section>div:not(.video-design-gallery):not(.video-project-experiences):not(.video-device-comparison),.video-project-experiences>div,.video-device-shot{background:#1a1a1a;border-color:#ffffff0d}.video-case-nav button{background:#1a1a1a}.video-case-nav{background:#303030;border-color:#303030}@media (width<=700px){.video-project-section{margin-top:64px;padding-top:32px}.video-chapter-heading{gap:14px;margin-bottom:22px}.video-project-section .video-chapter-heading h2{padding-bottom:18px;font-size:clamp(30px,7vw,42px)}.video-project-section .video-chapter-heading h2>span.video-chapter-script{margin-left:.2em;font-size:clamp(23px,5.5vw,32px)}.video-chapter-platform{gap:6px;padding-top:5px;font-size:10px}.video-chapter-platform small{font-size:8px}.video-project-section>p.video-chapter-intent{margin-bottom:24px;font-size:18px}}#video-case-1>div.video-goals-intro{background:0 0;border:0;border-radius:0;max-width:1100px;padding:0}#video-case-1>p.video-chapter-intent{margin-bottom:16px}@media (width<=600px){#video-case-1>p.video-chapter-intent{margin-bottom:12px}}:is(#video-case-1,#video-case-2)>div.video-goals-stage{isolation:isolate;background:#080a07;border:0;border-radius:24px;margin-top:40px;padding:190px 36px 48px;position:relative;overflow:hidden}.video-goals-orbit{z-index:-1;aspect-ratio:1.2;background:radial-gradient(at 35% 25%,#a6ce3020,#0000 48%),conic-gradient(from 30deg,#090b08,#3c4c24,#11170e,#81974025,#12180c,#090b08);border-radius:50%;width:74%;position:absolute;top:35px;left:50%;transform:translate(-50%)rotate(-24deg);box-shadow:inset 0 0 0 2px #dfff8a10,inset 30px 12px 55px #000,inset -16px -25px 50px #000,0 0 70px #94bc1710}.video-goals-orbit:after{content:"";background:#080a07;border-radius:50%;position:absolute;inset:15%;box-shadow:0 0 30px #000,inset 0 0 0 1px #dfff8a0a}.video-goals-orbit i{border:1px solid #caff6712;border-radius:50%;position:absolute;inset:3%;box-shadow:0 5px 9px #000}.video-goals-orbit i:nth-child(2){inset:6%}.video-goals-orbit i:nth-child(3){inset:10%}.video-goal-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none;display:grid}.video-goal-cards li{text-align:center;background:linear-gradient(160deg,#ebf7c8 0%,#f7fbea 55%,#fff 100%);border-radius:36px;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:340px;padding:48px 30px 42px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 18px 45px #0003}.video-goal-icon{color:#243500;background:#b8f807;border-radius:24px;place-items:center;width:80px;height:80px;margin-bottom:32px;display:grid;box-shadow:0 10px 28px #92b92726}.video-project-section .video-goal-cards h3{color:#151a0e;margin:0 0 18px;font-size:clamp(21px,2vw,29px);font-weight:750;line-height:1.45}.video-project-section .video-goal-cards p{color:#626954;max-width:310px;margin:0;font-size:15px;line-height:1.95}@media (hover:hover) and (pointer:fine){.video-goal-cards li:hover{transform:translateY(-8px);box-shadow:0 24px 50px #0005}}@media (width<=900px){:is(#video-case-1,#video-case-2)>div.video-goals-stage{padding:120px 20px 28px}.video-goal-cards{gap:16px}.video-goal-cards li{border-radius:26px;min-height:300px;padding:30px 18px}.video-project-section .video-goal-cards p{font-size:13px}}@media (width<=600px){:is(#video-case-1,#video-case-2)>div.video-goals-stage{padding:90px 16px 24px}.video-goal-cards{grid-template-columns:1fr;gap:20px}.video-goal-cards li{min-height:260px;padding:32px 24px}.video-goal-icon{border-radius:20px;width:64px;height:64px;margin-bottom:24px}.video-goal-icon svg{width:36px;height:36px}.video-goals-orbit{width:135%}}@media (prefers-reduced-motion:reduce){.video-goal-cards li{transition:none}.video-goal-cards li:hover{transform:none}}.video-contribution{padding:80px 0 48px}.video-contribution .video-chapter-heading h2{letter-spacing:normal;min-width:0;margin:0;padding:0 0 32px;font-size:clamp(36px,4.2vw,64px);font-weight:800;line-height:1.15;position:relative}.video-contribution .video-chapter-chinese{color:#f5f1ed;font-weight:900;display:block}.video-contribution .video-chapter-script{z-index:1;color:#b8f807;letter-spacing:0;text-transform:uppercase;width:max-content;max-width:100%;margin:-.75em 0 0 .4em;font-family:Snell Roundhand,Brush Script MT,Segoe Script,cursive;font-size:clamp(28px,3.5vw,52px);font-style:italic;font-weight:400;line-height:1.1;display:block;position:relative}.video-contribution-intro{color:#b6b6ad;max-width:980px;margin:0;font-size:16px;line-height:1.9}.video-contribution-journey{min-height:430px;margin:40px 0 24px;position:relative}.video-contribution-curve{color:#7e856a;opacity:.5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.video-contribution-journey ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;margin:0;padding:0;list-style:none;display:grid}.video-contribution-journey li{min-width:0;position:relative}.video-contribution-journey li:nth-child(2){margin-top:76px}.video-contribution-journey li:nth-child(3){margin-top:158px}.video-contribution-journey li:nth-child(4){margin-top:230px}.video-contribution-journey li:nth-child(5){margin-top:310px}.video-contribution-pill{color:#31372a;background:#f3f5ee;border-radius:999px;justify-content:center;align-items:center;gap:12px;min-height:58px;padding:14px 20px;font-size:19px;font-weight:500;display:flex}.video-contribution-pill small{color:#818976;font-size:10px}.video-contribution-journey .is-core .video-contribution-pill{color:#1c2800;background:#b8f807}.video-contribution-journey .is-core small{color:#455e03}.video-contribution-journey li p{color:#a4aa99;margin:18px 4px 0;font-size:12px;line-height:1.9}.video-contribution-boundary{color:#969c8e;border-top:1px solid #ffffff12;align-items:baseline;gap:24px;max-width:1020px;margin:30px 0 0;padding-top:24px;font-size:12px;line-height:1.9;display:flex}.video-contribution-boundary>span{color:#b8f807;letter-spacing:.05em;flex-shrink:0;font-size:10px}.video-project-hero,.video-contribution{scroll-margin-top:140px}.video-section-rail{z-index:900;flex-direction:column;align-items:center;display:flex;position:fixed;top:50%;right:8px;transform:translateY(-50%)}.video-section-rail button{flex-shrink:0}.project-detail-content[id],.project-detail-content [id]{scroll-margin-top:140px}.video-section-rail button{width:36px;height:clamp(12px,calc((100dvh - 180px)/var(--rail-count,11)),28px);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.video-section-rail-dot{background:#6e7165;border-radius:999px;flex-shrink:0;width:6px;height:6px;transition:height .25s,background-color .25s,width .25s;display:block}.video-section-rail button[aria-current=location]{height:44px}.video-section-rail button[aria-current=location] .video-section-rail-dot{background:#b8f807;width:7px;height:28px}.video-section-rail button:hover .video-section-rail-dot{background:#d9ff85}.video-section-rail-label{color:#e6eed9;white-space:nowrap;opacity:0;pointer-events:none;background:#22271c;border-radius:8px;padding:7px 12px;font-size:12px;line-height:1.5;transition:opacity .2s,transform .2s;position:absolute;right:calc(100% + 6px);transform:translate(4px)}.video-section-rail button:hover .video-section-rail-label,.video-section-rail button:focus-visible .video-section-rail-label{opacity:1;transform:none}.video-section-rail button:focus-visible{outline-offset:0;border-radius:8px;outline:2px solid #b8f807}@media (width>=1001px){.video-detail-main{padding-inline:max(48px,50% - 720px)}}@media (width<=1000px){.video-section-rail{display:none}}@media (prefers-reduced-motion:reduce){.video-section-rail-dot,.video-section-rail-label{transition:none}}@media (width<=900px){.video-contribution-journey ol{gap:16px}.video-contribution-pill{gap:6px;min-height:48px;padding:12px 10px;font-size:15px}}@media (width<=700px){.video-contribution{padding:48px 0 32px}.video-contribution .video-chapter-heading h2{padding-bottom:18px;font-size:34px}.video-contribution .video-chapter-script{margin-left:.2em;font-size:28px}.video-contribution-intro{font-size:14px}.video-contribution-journey{min-height:0;margin-top:30px}.video-contribution-curve{display:none}.video-contribution-journey ol{border-left:1px solid #667247;grid-template-columns:1fr;gap:0;padding-left:18px}.video-contribution-journey li:nth-child(n){margin:0 0 28px}.video-contribution-pill{width:max-content;min-width:180px;padding:12px 22px;font-size:17px}.video-contribution-journey li p{max-width:440px;margin:12px 0 0;font-size:13px}.video-contribution-boundary{flex-direction:column;gap:8px}}.video-contribution-intro{max-width:none;font-size:14px}.video-contribution-journey{isolation:isolate;height:800px;min-height:0;margin:24px 0 0}.video-contribution-journey .project-constellation--section{z-index:-1;width:100%;height:calc(100% + 48px);inset:-24px 0;-webkit-mask-image:radial-gradient(#000 30%,#0000 74%);mask-image:radial-gradient(#000 30%,#0000 74%)}.video-contribution-journey ol{height:100%;display:block;position:relative}.video-contribution-journey li:nth-child(n){width:16.5%;margin:0;position:absolute}.video-contribution-journey li:first-child{top:5%;left:0}.video-contribution-journey li:nth-child(2){top:25%;left:20.5%}.video-contribution-journey li:nth-child(3){top:48.5%;left:41.75%}.video-contribution-journey li:nth-child(4){top:68.5%;left:64%}.video-contribution-journey li:nth-child(5){top:92%;right:0}.video-contribution-pill{color:#777;background:#fff;min-height:60px;font-size:22px;font-weight:400}@media (width<=900px) and (width>=701px){.video-contribution-journey{height:620px}.video-contribution-pill{min-height:48px;font-size:17px}}@media (width<=700px){.video-contribution-journey{height:auto;margin-top:20px}.video-contribution-journey ol{flex-direction:column;gap:28px;padding-left:20px;display:flex}.video-contribution-journey li:nth-child(n){width:auto;margin:0;position:relative;inset:auto}.video-contribution-pill{width:180px;min-height:48px;font-size:18px}}#video-case-2>div.video-design-goals{background:0 0;border:0;border-radius:0;padding:0}.video-design-goal-feature{isolation:isolate;background:linear-gradient(160deg,#b8f807 0%,#c9f85a 45%,#f0fad8 100%);border-radius:44px;min-height:520px;margin-top:112px;position:relative}.video-design-goal-copy{z-index:1;color:#172306;width:62%;padding:64px 56px 48px;position:relative}#video-case-2 .video-design-goal-copy h3{-webkit-text-stroke:.3px currentColor;letter-spacing:normal;margin:0 0 32px;font-size:clamp(40px,4.4vw,68px);font-weight:900;line-height:1.25}#video-case-2 .video-design-goal-copy p{color:#283b12;margin:0;font-size:clamp(24px,2.4vw,36px);font-weight:600;line-height:1.6}.video-design-goal-copy>svg{margin-top:56px;display:block}.video-design-goal-result{z-index:0;isolation:isolate;background:0 0;border:0;border-radius:0 0 44px;width:52%;height:calc(100% + 180px);margin:0;position:absolute;bottom:0;right:0;overflow:hidden}.video-design-goal-result>img{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.video-result-cue{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#1119;border:1px solid #ffffff30;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:11px;line-height:1.4;display:flex;position:absolute;bottom:24px;right:24px}.video-result-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:.13em;background:#0005;border:1px solid #ffffff30;border-radius:999px;padding:8px 12px;font-size:10px;font-weight:600;position:absolute;top:20px;left:20px}.video-result-play{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;pointer-events:none;background:#ffffff26;border:1px solid #ffffff70;border-radius:50%;place-items:center;width:68px;height:68px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-result-play svg{margin-left:4px}.video-result-timeline{color:#fff;background:linear-gradient(#0000,#000b);padding:50px 22px 22px;position:absolute;inset:auto 0 0}.video-result-track{background:linear-gradient(90deg,#b8f807 50%,#fff6 50%);border-radius:4px;height:3px;display:block}.video-result-timeline>div{font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;margin-top:12px;font-size:11px;line-height:1.4;display:flex}.video-design-goal-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 0;padding:0;list-style:none;display:grid}.video-design-goal-cards li{background:linear-gradient(170deg,#fff 0% 32%,#f4f9e9 64%,#e3f2bc 84%,#c7e681 100%);border-radius:36px;min-width:0;min-height:264px;padding:40px 32px;transition:transform .3s}#video-case-2 .video-design-goal-cards h3{color:#151a0e;margin:0 0 24px;font-size:clamp(20px,1.8vw,27px);font-weight:750;line-height:1.5}#video-case-2 .video-design-goal-cards p{color:#68705d;margin:0;font-size:15px;line-height:1.95}.video-design-goal-checklist{gap:12px;display:grid}#video-case-2 .video-design-goal-checklist p{align-items:center;gap:10px;font-size:18px;line-height:1.45;display:flex}.video-design-goal-checklist svg{color:#7fae00;flex-shrink:0}@media (hover:hover) and (pointer:fine){.video-design-goal-cards li:hover{transform:translateY(-5px)}}@media (width<=1000px){.video-design-goal-feature{border-radius:32px;min-height:420px;margin-top:80px}.video-design-goal-copy{width:57%;padding:40px 28px}#video-case-2 .video-design-goal-copy h3{font-size:clamp(34px,4.6vw,46px)}#video-case-2 .video-design-goal-copy p{font-size:clamp(22px,2.5vw,27px)}.video-design-goal-result{border-radius:0 0 32px;width:48%;height:calc(100% + 120px);bottom:0;right:0}.video-design-goal-copy>svg{margin-top:36px}.video-design-goal-cards li{border-radius:26px;padding:30px 22px}#video-case-2 .video-design-goal-cards h3{font-size:20px}#video-case-2 .video-design-goal-cards p{font-size:14px}}@media (width<=600px){.video-design-goal-feature{border-radius:28px;min-height:0;margin-top:112px}.video-design-goal-copy{width:100%;padding:210px 26px 30px}#video-case-2 .video-design-goal-copy h3{margin-bottom:20px;font-size:36px}#video-case-2 .video-design-goal-copy p{font-size:21px}.video-design-goal-break{display:none}.video-design-goal-copy>svg{width:32px;margin-top:24px}.video-design-goal-result{border-radius:0;width:76%;height:320px;top:-140px;bottom:auto;right:8px}.video-design-goal-result>img{object-fit:contain;object-position:center bottom}.video-result-cue{padding:6px 9px;font-size:9px;bottom:10px;right:8px}.video-result-badge{padding:6px 9px;font-size:8px;top:12px;left:12px}.video-result-play{width:48px;height:48px}.video-result-play svg{width:24px;height:24px}.video-result-timeline{padding:40px 14px 14px}.video-result-timeline>div{font-size:9px}.video-design-goal-cards{grid-template-columns:1fr}.video-design-goal-cards li{border-radius:26px;min-height:0;padding:28px 26px}#video-case-2 .video-design-goal-cards h3{margin-bottom:14px;font-size:22px}#video-case-2 .video-design-goal-cards p{font-size:15px}}@media (prefers-reduced-motion:reduce){.video-design-goal-cards li{transition:none}.video-design-goal-cards li:hover{transform:none}}#video-case-1{isolation:isolate;background:linear-gradient(0deg,var(--bg) 0%,#100d0bf0 18%,#100d0b99 45%,#100d0b33 72%,transparent 100%) bottom/100% 220px no-repeat,linear-gradient(90deg,var(--bg),#100d0b99 5%,transparent 16%,transparent 84%,#100d0b99 95%,var(--bg)),linear-gradient(180deg,var(--bg) 0%,#0e0b09 18%,#090706 36%,#030202 54%,#000 68%,#000 100%);border-radius:0;padding:64px 36px 128px;position:relative;overflow:hidden}#video-case-1>div.video-goals-stage{background:0 0;border-radius:0;padding:240px 0 0;overflow:visible}#video-case-1 .video-business-sculpture{display:block}.video-business-sculpture{z-index:-1;pointer-events:none;opacity:.45;background:linear-gradient(#000 0%,#0000 30%,#0003 75%,#000 100%),url(/assets/cases/ai-image-to-video/business-goals-metal-ring-v1.png) 50%/90% no-repeat;position:absolute;inset:0 -36px -48px;-webkit-mask-image:linear-gradient(#0000,#000 28% 80%,#0000),linear-gradient(90deg,#0000,#000 14% 86%,#0000);mask-image:linear-gradient(#0000,#000 28% 80%,#0000),linear-gradient(90deg,#0000,#000 14% 86%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}#video-case-1 .video-goal-cards{gap:36px}#video-case-1 .video-goal-cards li{background:linear-gradient(165deg,#e9f6c9 0%,#f6faec 55%,#fff 100%);border-radius:42px;justify-content:flex-start;min-height:410px;padding:52px 32px 44px}#video-case-1 .video-goal-icon{width:72px;height:72px;box-shadow:none;color:#8fc400;background:0 0;border-radius:0;margin:0 0 36px}#video-case-1 .video-goal-cards h3{justify-content:center;align-items:center;min-height:72px;margin-bottom:18px;font-size:clamp(21px,1.8vw,27px);display:flex}#video-case-1 .video-goal-cards p{color:#6d7264;font-size:15px}@media (width<=900px){#video-case-1{padding:40px 24px 96px}#video-case-1>div.video-goals-stage{padding-top:190px}#video-case-1 .video-goal-cards{gap:18px}#video-case-1 .video-goal-cards li{border-radius:28px;min-height:390px;padding:36px 20px}#video-case-1 .video-goal-cards h3{min-height:84px;font-size:20px}#video-case-1 .video-goal-cards p{font-size:13px}}@media (width<=600px){#video-case-1{background-size:100% 160px,auto,auto;padding:32px 16px 80px}#video-case-1 .video-business-sculpture{background-position:50%,top;background-size:auto,100%;inset:0 -16px -32px}#video-case-1>div.video-goals-stage{margin-top:24px;padding-top:16px;padding-bottom:24px}#video-case-1 .video-goal-cards li{min-height:0;padding:36px 26px}#video-case-1 .video-goal-cards h3{min-height:0}#video-case-1 .video-goal-icon{margin-bottom:24px}}.video-project{--video-section-space:96px}.video-project>.video-project-section,.video-project>.video-contribution,.video-project>#video-case-1{padding-block:var(--video-section-space);margin-block:0}.video-project .video-chapter-heading{margin-bottom:20px}.video-project .video-chapter-heading h2{padding-bottom:12px}#video-contribution .video-chapter-heading{margin-bottom:12px}#video-contribution .video-chapter-heading h2{padding-bottom:0}@media (width<=900px){.video-project{--video-section-space:64px}}@media (width<=600px){.video-project{--video-section-space:48px}.video-project .video-chapter-heading{margin-bottom:16px}.video-project .video-chapter-heading h2{padding-bottom:8px}}@font-face{font-family:Case Montserrat;src:url(/assets/montserrat-variable.ttf)format("truetype");font-weight:100 900;font-style:normal;font-display:swap}.video-project{--video-font:"Case Montserrat","PingFang SC","Microsoft YaHei",sans-serif;font-family:var(--video-font)}.video-project :is(button,input,textarea,select),.video-project .visual-color-usage{font-family:var(--video-font)}.video-project .video-chapter-heading .video-chapter-script,.video-project .video-project-section .video-chapter-heading .video-chapter-script{font-family:Snell Roundhand,Brush Script MT,Segoe Script,cursive;font-style:italic;font-weight:400}:is(html:has(.gstory-case),body:has(.gstory-case)){background:var(--bg)}.video-detail-page:has(.gstory-case){background:var(--bg)}.video-detail-page:has(.gstory-case) .video-detail-main{padding-bottom:80px}@media (width<=700px){.video-detail-page:has(.gstory-case) .video-detail-main{padding-bottom:48px}}.video-detail-page:has(.gstory-case) .video-detail-back{color:#a4a9b5}.video-detail-page:has(.gstory-case) .project-constellation{display:none}.gstory-case{--gs-blue:#1339f7;--gs-white:#f5f8ff;color:#0c062c;background:#fff;border-radius:20px;width:100%;max-width:1440px;margin:0 auto;font-family:inherit}.gstory-case *{box-sizing:border-box}.gstory-case .video-section-rail button[aria-current=location] .video-section-rail-dot{background:var(--gs-blue)}.gstory-case .video-section-rail button:hover .video-section-rail-dot{background:#728bff}.gstory-case .video-section-rail button:focus-visible{outline-color:var(--gs-blue)}.gs-hero{color:#080808;background:linear-gradient(135deg,#e8f1ff 0%,#f2f7ff 65%,#eaf3ff 100%);border-radius:20px;overflow:hidden}.gs-hero-copy{text-align:center;padding:64px 24px 8px}.gs-eyebrow{letter-spacing:.16em;color:#535353;font-size:10px;font-weight:600}.gstory-case .gs-hero h1{letter-spacing:normal;margin:14px 0 24px;font-size:clamp(68px,10vw,148px);font-weight:800;line-height:1.05}.gs-hero-copy>p:not(.gs-eyebrow){max-width:780px;margin:0 auto;font-size:clamp(13px,1.25vw,18px);line-height:1.8}.gs-mobile-break{display:none}.gs-hero-copy>a{background:var(--gs-blue);color:#fff;border-radius:9px;justify-content:center;align-items:center;gap:18px;min-height:48px;margin-top:28px;padding:14px 24px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.gs-hero-image{width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(#0000 0%,#000 12%);mask-image:linear-gradient(#0000 0%,#000 12%)}.gs-section{padding-top:132px;scroll-margin-top:140px}.gs-heading{text-align:center;margin:0 auto 48px;padding:0 24px}.gs-heading>span{letter-spacing:.18em;color:#5363a0;font-size:10px;font-weight:500}.gs-heading h2{letter-spacing:-.04em;max-width:1100px;margin:16px auto 20px;font-size:clamp(26px,3vw,42px);font-weight:650;line-height:1.35}.gs-heading>p{color:#636b75;max-width:900px;margin:0 auto;font-size:13px;line-height:1.8}.gs-goals{color:#10172c;background:linear-gradient(#fff 0%,#ffffffc7 6%,#fff0 27%),radial-gradient(at 0 30%,#d5e3fc 0,#0000 58%),radial-gradient(at 78% 12%,#fff 0,#0000 52%),radial-gradient(at 100% 100%,#e1ecff 0,#0000 58%),#f2f7fe;border-radius:0;margin-top:120px;padding:30px 38px 28px}.gs-section-meta{letter-spacing:.08em;color:#69736a;justify-content:space-between;align-items:center;gap:20px;font-size:9px;line-height:1.6;display:flex}.gs-section>.gs-section-meta{margin:0 38px 48px}.gs-goals>.gs-section-meta{margin:0}.gs-guides .gs-section-meta{margin:0 38px 28px}.gs-goals-heading{text-align:center;margin:48px 0 46px}.gs-goals-heading>p{letter-spacing:.18em;color:#5363a0;margin:0 0 16px;font-size:10px}.gs-goals-heading h2{letter-spacing:-.04em;margin:0 0 20px;font-size:clamp(26px,3vw,42px);font-weight:650;line-height:1.35}.gs-goals-heading>div{color:#636b75;font-size:13px;line-height:1.8}.gs-goals-map{grid-template-columns:150px minmax(0,1fr) 150px;align-items:center;gap:16px;display:grid}.gs-goals-side{text-align:center;align-self:center}.gs-goals-side h3{margin:0 0 24px;font-size:18px;font-weight:600}.gs-goals-side ul{gap:26px;margin:0;padding:0;list-style:none;display:grid}.gs-goals-side li{color:#59616d;background:#ffffff75;border-radius:40px;padding:16px 8px;font-size:12px;line-height:1.6}.gs-goals .gs-goal-circles{justify-content:center;align-items:center;min-height:360px;padding:0;display:flex}.gs-goals .gs-goal-circle{aspect-ratio:1;color:#182039;text-align:center;background:linear-gradient(165deg,#f8ca3b 3%,#f4e795 57%,#eaefdd00 100%);border-radius:50%;flex-direction:column;flex:0 0 34%;justify-content:center;align-items:center;width:34%;max-width:none;padding:26px 15px;display:flex;position:relative;transform:translateY(16px)}.gs-goals .gs-goal-circle+.gs-goal-circle{margin-left:-14px}.gs-goals .gs-goal-circle:nth-child(2){z-index:1;background:linear-gradient(165deg,#496dff 0%,#a9c2ff 65%,#d3dff100 100%);flex-basis:41%;width:41%;transform:translateY(-14px)}.gs-goals .gs-goal-circle:nth-child(3){background:linear-gradient(165deg,#27b9dc 0%,#a8dfe9 60%,#e1eae800 100%)}.gs-goal-circle>span{color:#344267;font-size:10px;font-weight:500}.gs-goals .gs-goal-circle h3{margin:18px 0 16px;font-size:clamp(17px,1.6vw,23px);font-weight:650}.gs-goals .gs-goal-circle p{color:#374660;margin:0;font-size:12px;line-height:2}.gs-goal-circle p>span{display:block}.gs-goals-measures{justify-content:center;max-width:740px;margin:46px auto 0;display:flex}.gs-goals-measures>div{text-align:center;flex:1;gap:12px;padding:0 22px;display:grid}.gs-goals-measures>div+div{border-left:1px solid #78869d30}.gs-goals-measures strong{letter-spacing:-.04em;color:#3355dc;font-size:25px;font-weight:600}.gs-goals-measures span{color:#6a7280;font-size:11px}.gs-goals-note{text-align:center;color:#7f8790;margin:30px 0 0;font-size:10px}@media (width<=1100px){.gs-goals{padding:24px}.gs-goals-map{grid-template-columns:120px minmax(0,1fr) 120px;gap:8px}.gs-goals .gs-goal-circles{min-height:290px}.gs-goals .gs-goal-circle{padding:20px 10px}.gs-goals .gs-goal-circle p,.gs-goals-side li{font-size:10px}.gs-goals .gs-goal-circle h3{font-size:17px}}@media (width<=700px){.gs-goals{margin-top:72px;padding:24px 16px}.gs-goals-meta{font-size:7px}.gs-goals-heading{margin:36px 0 30px}.gs-goals-heading h2{font-size:26px}.gs-goals-heading>div{font-size:12px}.gs-goals-map{grid-template-columns:1fr 1fr;gap:28px 16px}.gs-goals .gs-goal-circles{flex-direction:column;grid-area:1/1/auto/-1;min-height:0}.gs-goals .gs-goal-circle,.gs-goals .gs-goal-circle:nth-child(2){flex-basis:auto;width:86%;max-width:310px;padding:42px 20px;transform:none}.gs-goals .gs-goal-circle:nth-child(2){z-index:1;width:100%}.gs-goals .gs-goal-circle+.gs-goal-circle{margin-top:-30px;margin-left:0}.gs-goals .gs-goal-circle h3{font-size:24px}.gs-goals .gs-goal-circle p{font-size:13px}.gs-goals-side h3{margin-bottom:16px;font-size:16px}.gs-goals-side ul{gap:12px}.gs-goals-side li{padding:12px 6px;font-size:11px}.gs-goals-measures{margin-top:36px}.gs-goals-measures>div{gap:8px;padding:0 8px}.gs-goals-measures strong{font-size:18px}.gs-goals-measures span,.gs-goals-note{font-size:9px;line-height:1.8}}.gs-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0 clamp(24px,3vw,48px);display:grid}@media (width>=701px) and (width<=1100px){.gs-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.gs-tool-grid article{color:#fff;box-shadow:none;isolation:isolate;background:#10121a;border:0;border-radius:12px;padding:0;position:relative;overflow:hidden}.gs-tool-image{aspect-ratio:2;object-fit:contain;object-position:center;width:100%;height:auto;display:block}.gs-tool-copy{pointer-events:none;background:linear-gradient(#0000 35%,#080a1414 48%,#080a1473 74%,#080a14e0 100%);align-items:flex-end;padding:24px;display:flex;position:absolute;inset:0}.gs-tool-grid h3{letter-spacing:normal;color:#fff;text-shadow:0 2px 12px #0003;max-width:100%;margin:0;font-size:clamp(16px,1.45vw,22px);font-weight:400;line-height:1.3}.gs-tool-grid p{color:#636c86;margin:16px 0 0;font-size:13px;line-height:1.8}.gs-tool-grid .gs-tool-copy{padding:24px}.gs-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;width:86%;margin:0 auto 56px;padding:0;list-style:none;display:grid}.gs-flow li{overflow-wrap:anywhere;min-width:0;position:relative}.gs-flow li>span{color:#7690ff;font-size:12px}.gs-flow h3{margin:18px 0 8px;font-size:21px;font-weight:550}.gs-flow p{color:#636c86;margin:0;font-size:13px;line-height:1.8}.gs-flow svg{color:#66708c;position:absolute;top:47px;right:0}@media (width<=700px){.gs-flow{width:calc(100% - 32px)}}.gs-home-preview{color:#333b52;text-align:left;cursor:zoom-in;background:#f5f8ff;border:0;border-radius:14px;width:86%;margin:0 auto;padding:0;display:block;overflow:hidden}.gs-browser-bar{color:#687086;background:#e5e8ee;align-items:center;gap:5px;height:34px;padding:0 14px;font-size:10px;display:flex}.gs-browser-bar i{background:#b1b7c3;border-radius:50%;width:6px;height:6px}.gs-browser-bar span{margin:auto;transform:translate(-18px)}.gs-home-viewport{height:auto;overflow:visible}.gs-home-viewport img,.gs-desktop-viewport img{width:100%;height:auto;display:block}.gs-image-hint{color:#636c86;justify-content:space-between;align-items:center;padding:14px 20px;font-size:11px;display:flex}.gs-section-intro{color:#636c86;max-width:740px;margin:-20px 0 56px;font-size:16px;line-height:1.9}.gs-device-pair{grid-template-columns:minmax(0,3.4fr) minmax(0,1fr);align-items:center;gap:48px;max-width:1180px;margin:0 auto;display:grid}.gs-device-pair figure{min-width:0;margin:0}.gs-desktop{border-radius:14px 14px 0 0;overflow:hidden}.gs-desktop-viewport{aspect-ratio:16/10;background:#fff;overflow:hidden}.gs-mobile button{aspect-ratio:375/730;cursor:zoom-in;background:#111;border:1px solid #4e5260;border-radius:30px;width:100%;padding:6px;display:block;overflow:hidden}.gs-mobile img{border-radius:23px;width:100%;height:auto;display:block}.gs-device-pair figcaption{text-align:center;color:#636c86;padding-top:22px;font-size:11px;line-height:1.8}.gs-guides{gap:64px;margin-top:144px;display:grid}.gs-guides button{cursor:zoom-in;background:0 0;border:0;border-radius:20px;width:100%;padding:0;display:block;overflow:hidden}.gs-guides img{width:100%;height:auto;display:block}.gs-design-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 38px 32px;display:grid}.gs-design-tabs button{color:#636c86;cursor:pointer;text-align:center;background:linear-gradient(145deg,#fff,#f5f8ff);border:0;border-radius:10px;padding:22px 12px;transition:background .2s,color .2s}.gs-design-tabs button[aria-selected=true]{color:#1339f7;background:#eaedfe}.gs-design-tabs button:hover{color:#1339f7;background:#f0f3ff}.gs-design-tabs strong{font-size:17px;font-weight:600;line-height:1.5;display:block}.gs-design-tabs span{letter-spacing:.08em;margin-top:8px;font-size:9px;display:block}.gs-design-panel{margin:0 38px}.gs-design-panel>button{cursor:zoom-in;background:#fff;border:0;border-radius:16px;width:100%;padding:0;display:block;overflow:hidden}.gs-design-panel img{width:100%;height:auto;display:block}.gs-design-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:28px;margin:0 38px;display:grid}.gs-design-grid>button{cursor:zoom-in;background:#fff;border:0;border-radius:12px;width:100%;min-width:0;padding:0;display:block;position:relative;overflow:hidden}.gs-design-grid>button:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #e5e9f1;position:absolute;inset:0}.gs-design-grid img{width:100%;height:auto;display:block}@media (width<=700px){.gs-design-grid{gap:12px;margin:0 16px}.gs-design-grid>button{border-radius:8px}}.gs-core-layout{grid-template-columns:minmax(0,1.25fr) minmax(0,3.6fr) minmax(0,1.25fr);align-items:center;gap:28px;width:calc(100% - 76px);max-width:1200px;margin:0 auto;display:grid;position:relative;container-type:inline-size}.gs-core-image{cursor:zoom-in;background:0 0;border:0;width:100%;min-width:0;padding:0;display:block}.gs-core-image img{width:100%;height:auto;display:block}.gs-task-image{cursor:zoom-in;background:0 0;border:0;border-radius:12px;width:86%;max-width:1080px;margin:0 auto;padding:0;display:block;overflow:hidden}.gs-task-image img{width:100%;height:auto;display:block}.gs-task-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;width:86%;max-width:1080px;margin:36px auto 0;display:grid}.gs-task-notes span{letter-spacing:.08em;color:#5363a0;font-size:9px}.gs-task-notes h3{color:#0c062c;margin:14px 0 10px;font-size:18px;font-weight:550}.gs-task-notes p{color:#636c86;margin:0;font-size:13px;line-height:1.9}@media (width<=700px){.gs-task-image,.gs-task-notes{width:calc(100% - 32px)}.gs-task-notes{grid-template-columns:1fr;gap:24px;margin-top:28px}.gs-task-notes h3{font-size:16px}}.gs-core-notes{z-index:1;align-self:stretch;position:relative}.gs-core-notes-left,.gs-core-notes-right{padding-top:0}.gs-core-notes-left .gs-core-note,.gs-core-notes-right .gs-core-note{width:100%;position:absolute;top:calc(49.5% - 46px)}.gs-core-notes-right .gs-core-note:last-child{top:calc(85% - 46px)}.gs-core-note{position:relative}.gs-core-note>span{letter-spacing:.08em;color:#5363a0;font-size:9px}.gs-core-note h3{color:#0c062c;margin:12px 0 10px;font-size:16px;font-weight:550;line-height:1.5}.gs-core-note p{color:#636c86;margin:0;font-size:12px;line-height:1.9}.gs-core-note:after{content:"";pointer-events:none;border-top:1px solid #8093c5;width:calc(11.07cqw + 16px);position:absolute;top:46px}.gs-core-notes-left .gs-core-note:after{margin-left:6px;left:100%}.gs-core-notes-right .gs-core-note:after{margin-right:6px;right:100%}.gs-core-notes-right .gs-core-note:last-child:after{width:calc(22.43cqw + 9px)}@media (width<=1000px){.gs-core-layout{grid-template-columns:1fr 1fr;gap:28px;width:calc(100% - 48px)}.gs-core-image{grid-area:1/1/auto/-1;width:88%;margin:auto}.gs-core-notes-left .gs-core-note,.gs-core-notes-right .gs-core-note,.gs-core-notes-right .gs-core-note:last-child{position:relative;top:auto}.gs-core-notes-right{gap:28px;display:grid}.gs-core-note:after{display:none}}@media (width<=700px){.gs-core-layout{grid-template-columns:1fr;gap:24px;width:calc(100% - 32px)}.gs-core-image{grid-column:1;width:100%}.gs-core-note h3{font-size:16px}.gs-core-notes-right{gap:24px}.gs-design-tabs{gap:6px;margin:0 16px 24px}.gs-design-tabs button{border-radius:8px;padding:16px 4px}.gs-design-tabs strong{font-size:12px}.gs-design-tabs span{letter-spacing:0;font-size:7px;line-height:1.5}.gs-design-panel{margin:0 16px}}.gs-case-end{text-align:center;padding:120px 0 32px}.gs-operation-journey{isolation:isolate;background:linear-gradient(#fff,#0000 15% 85%,#fff),radial-gradient(at 0 25%,#d3e3fc,#0000 64%),radial-gradient(at 95% 70%,#e2edff,#0000 55%),#f3f8ff;margin-top:132px;padding:44px 38px 100px;position:relative;overflow:hidden}.gs-journey-step{z-index:1;scroll-margin-top:140px;position:relative}.gs-journey-step>.gs-section-meta{margin-bottom:44px}.gs-journey-ghost{z-index:-1;letter-spacing:-.05em;color:#ffffff83;font-size:clamp(72px,9vw,130px);font-weight:650;line-height:1.05;position:absolute;top:180px;left:-12px}.gs-journey-path{z-index:0;fill:none;stroke:#9bbef0;stroke-width:1px;stroke-dasharray:5 7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.gs-journey-path circle{fill:#9bbef0;stroke:none}@media (width<=700px){.gs-journey-path{display:none}}.gs-journey-copy{color:#172c54;max-width:400px}.gs-step-tag{color:#405a88;background:#e3ecfa;border-radius:6px;padding:5px 9px;font-size:10px;line-height:1.4;display:inline-block}.gs-journey-copy h2{letter-spacing:normal;margin:16px 0 20px;font-size:24px;font-weight:550;line-height:1.4}.gs-journey-copy p{color:#4d6081;margin:0;font-size:13px;line-height:1.9}.gs-journey-copy ul{color:#647593;gap:7px;margin:18px 0 0;padding:0;font-size:11px;line-height:1.8;list-style:none;display:grid}.gs-journey-step-first>.gs-journey-copy{width:44%;margin:0 13% 36px auto}.gs-journey-device{aspect-ratio:auto;cursor:zoom-in;background:#eff4ff;border:7px solid #131519;border-radius:21px;width:100%;height:auto;padding:4px;display:block;overflow:hidden;box-shadow:0 0 0 1px #646970,0 2px 3px #11182730,0 22px 45px #23334c24}.gs-journey-device img{aspect-ratio:auto;object-fit:contain;border-radius:0;width:100%;height:auto;max-height:100%;display:block}.gs-journey-device.gs-journey-browser{background:#fff;border:1px solid #ccd6e7;border-radius:14px;padding:0}.gs-journey-browser img{border-radius:0 0 13px 13px}.gs-gstory-browser-bar{color:#636c86;background:linear-gradient(#f8fafe,#ebf0f8);align-items:center;gap:18px;height:38px;padding:0 14px;font-size:10px;display:flex}.gs-browser-controls{gap:5px;display:flex}.gs-browser-controls i{background:#bcc6d7;border-radius:50%;width:7px;height:7px;display:block}.gs-browser-tab{color:#333b52;font-weight:550}.gs-browser-address{text-align:center;background:#ffffffc7;border-radius:5px;width:44%;margin:0 auto;padding:4px 12px;font-size:9px;transform:translate(-38px)}@media (width<=700px){.gs-gstory-browser-bar{gap:12px;height:30px;padding:0 10px;font-size:9px}.gs-browser-address{font-size:8px;transform:none}.gs-browser-controls i{width:5px;height:5px}}.gs-journey-step-first>.gs-journey-device{width:60%;max-width:760px;margin:0 5% 0 auto}.gs-journey-step-second{margin-top:74px}.gs-journey-second-layout{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:end;gap:50px;margin:0 3% 0 1%;display:grid}.gs-journey-step-second .gs-journey-copy{margin-top:0;padding-bottom:0}.gs-journey-step-second .gs-journey-second-layout{align-items:center}.gs-journey-step-third{margin-top:var(--gs-section-gap)}.gs-journey-third-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);align-items:center;gap:50px;margin:0 5%;display:grid}.gs-journey-step-third .gs-journey-copy{padding-left:36px}@media (width<=1000px){.gs-journey-third-layout{gap:28px}.gs-journey-step-third .gs-journey-copy{padding-left:0}}@media (width<=700px){.gs-journey-step-second .gs-journey-copy{margin-top:0}.gs-journey-third-layout{flex-direction:column;align-items:stretch;gap:28px;margin:0;display:flex}}@media (width<=1000px){.gs-journey-second-layout{gap:28px}.gs-journey-copy h2{font-size:21px}.gs-journey-copy ul{font-size:10px}}@media (width<=700px){.gs-operation-journey{margin-top:72px;padding:32px 16px 56px}.gs-journey-step>.gs-section-meta{margin-bottom:32px;font-size:7px}.gs-journey-step-first>.gs-journey-copy{width:100%;max-width:none;margin:0 0 28px}.gs-journey-step-first>.gs-journey-device{width:100%;margin:0}.gs-journey-device{border-width:4px;border-radius:12px;padding:3px}.gs-journey-device img{border-radius:5px}.gs-journey-step-second{margin-top:56px}.gs-journey-second-layout{flex-direction:column-reverse;align-items:stretch;gap:28px;margin:0;display:flex}.gs-journey-copy{max-width:none}.gs-journey-copy ul{font-size:11px}.gs-journey-ghost{font-size:80px;top:280px}.gs-journey-path{opacity:.4}}.gs-page-showcase{isolation:isolate;background:radial-gradient(at 6% 12%,#a8d4f5 0,#0000 44%),radial-gradient(at 96% 62%,#b5ddf8 0,#0000 46%),linear-gradient(145deg,#e7f4ff,#f5faff 48%,#dbedfc);margin-top:132px;padding:44px 38px 100px;scroll-margin-top:140px;position:relative;overflow:hidden}.gs-page-showcase>.gs-section-meta{z-index:2;margin-bottom:72px;position:relative}.gs-showcase-screen{cursor:zoom-in;background:#fff;border:0;border-radius:12px 12px 0 0;width:66%;max-width:900px;margin:0 auto;padding:0;display:block;position:relative;box-shadow:0 24px 70px #31567d20}.gs-showcase-screen:before{content:"";z-index:1;aspect-ratio:4/3;pointer-events:none;border:9px solid #161a20;border-bottom:0;border-radius:24px 24px 10px 10px;position:absolute;top:-9px;left:-9px;right:-9px}.gs-showcase-screen img{border-radius:12px 12px 0 0;width:100%;height:auto;display:block;position:relative}.gs-showcase-word{z-index:-1;color:#ffffff62;letter-spacing:.02em;writing-mode:vertical-rl;-webkit-user-select:none;user-select:none;font-size:clamp(80px,12vw,180px);font-weight:750;line-height:1;position:absolute}.gs-showcase-word-left{top:180px;left:3%;transform:rotate(180deg)}.gs-showcase-word-right{top:38%;right:3%}@media (width<=700px){.gs-page-showcase{margin-top:72px;padding:32px 16px 52px}.gs-page-showcase>.gs-section-meta{margin-bottom:48px;font-size:7px}.gs-showcase-screen{width:78%}.gs-showcase-screen:before{border-width:5px;border-radius:14px;top:-5px;left:-5px;right:-5px}.gs-showcase-screen,.gs-showcase-screen img{border-radius:8px 8px 0 0}.gs-showcase-word{font-size:64px}.gs-showcase-word-left{top:130px;left:0}.gs-showcase-word-right{right:0}}.gs-case-end>span{letter-spacing:.18em;color:#77819b;font-size:10px}.gs-case-end p{letter-spacing:-.03em;color:#333b52;margin:16px 0 0;font-size:24px}.gstory-case :is(a,button):focus-visible{outline-offset:5px;outline:2px solid #8299ff}.gs-lightbox{color:#fff;overscroll-behavior:contain;background:#0b0d13f5;border:0;width:100%;max-width:100vw;height:100dvh;max-height:100dvh;padding:64px 5vw 40px;position:fixed;inset:0;overflow:auto}.gs-lightbox::backdrop{background:#000d}.gs-lightbox>img{width:auto;max-width:100%;height:auto;margin:0 auto;display:block}.gs-lightbox-close{color:#fff;cursor:pointer;background:#111827;border:1px solid #ffffff30;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid;position:fixed;top:16px;right:20px}.gs-page-overview{padding-bottom:64px;scroll-margin-top:140px}.gs-overview-gallery{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px;margin:0 5%;display:grid}.gs-overview-column{flex-direction:column;gap:12px;min-width:0;display:flex}.gs-overview-page{background:#f3f6fc;border:1px solid #e5e9f1;border-radius:8px;flex:none;width:100%;margin:0;padding:0;display:block;overflow:hidden}.gs-overview-page img{object-fit:contain;width:100%;height:auto;display:block}@media (width<=700px){.gs-overview-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 16px}.gs-overview-column{gap:8px}}.gstory-case{--gs-section-gap:120px}.gstory-case>.gs-section{margin-top:var(--gs-section-gap);padding-top:0}.gstory-case>.gs-operation-journey,.gstory-case>.gs-page-showcase{margin-top:var(--gs-section-gap)}.gstory-case>.gs-operation-journey{padding-top:0;padding-bottom:0}.gstory-case .gs-journey-step-second{margin-top:var(--gs-section-gap)}.gstory-case>.gs-case-end{padding-top:var(--gs-section-gap)}@media (width<=1000px){.gstory-case{--gs-section-gap:96px}}@media (width<=700px){.gstory-case{--gs-section-gap:72px}.gs-section-meta{gap:12px;font-size:7px}.gs-section>.gs-section-meta{margin:0 16px 36px}.gs-goals>.gs-section-meta{margin:0}.gs-guides .gs-section-meta{margin:0 16px 20px}}@media (width<=1000px){.gs-section{padding-top:96px}.gs-goal-circle{padding:32px 25px}.gs-goal-circle+.gs-goal-circle{margin-left:-14px}.gs-goal-circle p{font-size:12px}.gs-tool-grid{gap:16px}.gs-tool-copy{padding:24px}.gs-device-pair{gap:28px}}@media (width<=700px){.gs-tool-grid article{border-radius:10px}.gs-tool-grid .gs-tool-copy{padding:16px}.gs-tool-grid h3{overflow-wrap:normal}.gstory-case{border-radius:12px}.gs-page-overview{padding-bottom:32px}.gs-hero{border-radius:12px}.gs-hero-copy{padding:44px 20px 0}.gs-eyebrow{font-size:8px}.gstory-case .gs-hero h1{margin:14px 0 20px;font-size:72px}.gs-mobile-break{display:block}.gs-hero-copy>a{min-height:42px;margin-top:20px;padding:10px 18px;font-size:12px}.gs-section{padding-top:72px}.gs-heading{margin-bottom:32px;padding:0 16px}.gs-heading>span{font-size:10px}.gs-heading h2{font-size:26px}.gs-heading>p{font-size:12px}.gs-goal-circles{flex-direction:column;align-items:center;padding:0}.gs-goal-circle{aspect-ratio:1;width:92%;max-width:330px;padding:48px}.gs-goal-circle+.gs-goal-circle{margin-top:-18px;margin-left:0}.gs-goal-circle h3{font-size:25px}.gs-goal-circle p{font-size:14px}.gs-tool-grid{grid-template-columns:1fr;gap:20px;margin:0 16px}.gs-tool-copy{padding:20px 16px}.gs-tool-grid h3{font-size:16px}.gs-tool-grid p{font-size:12px}.gs-flow{grid-template-columns:1fr 1fr;gap:30px 24px;margin-bottom:36px}.gs-flow h3{font-size:19px}.gs-flow li:nth-child(2)>svg{display:none}.gs-home-preview{border-radius:8px;width:100%}.gs-browser-bar{height:26px}.gs-section-intro{margin:0 0 32px;font-size:14px}.gs-device-pair{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:16px}.gs-mobile button{border-radius:16px;padding:3px}.gs-mobile img{border-radius:12px}.gs-device-pair figcaption{padding-top:12px;font-size:9px}.gs-guides{gap:28px;margin-top:72px}.gs-guides button{border-radius:10px}.gs-case-end{padding:72px 0 20px}.gs-case-end p{font-size:21px}}