.cs-apple{--bg: #f5f5f7;--bg-elev: #ffffff;--label: #101e3d;--label-2: rgba(16, 30, 61, .64);--label-3: rgba(16, 30, 61, .42);--fill: rgba(16, 30, 61, .06);--fill-2: rgba(16, 30, 61, .1);--separator: rgba(16, 30, 61, .12);--material: rgba(245, 245, 247, .74);--caption-bg: rgba(255, 255, 255, .74);--caption-fg: #101e3d;--accent: var(--pink);--accent-on-dark: var(--pink-250);--forest-type: #0b4a43;--ink-60: var(--label-2);--ink-15: var(--fill-2);--line: var(--separator);--header-h: 56px;--localnav-h: 52px;--radius-tile: clamp(22px, 2.2vw, 30px);--cs-gap-s: 24px;--cs-gap-m: clamp(40px, 4.5vw, 64px);--cs-bento: 16px;--cs-pad: clamp(24px, 3vw, 40px);--cs-pad-lg: clamp(32px, 5vw, 72px);--ease-apple: cubic-bezier(.28, .11, .32, 1);background:var(--bg);color:var(--label)}:where([data-mode=dark]) .cs-apple{--bg: #070d1c;--bg-elev: #111a30;--label: #f5f5f7;--label-2: rgba(235, 235, 245, .66);--label-3: rgba(235, 235, 245, .42);--fill: rgba(255, 255, 255, .07);--fill-2: rgba(255, 255, 255, .13);--separator: rgba(255, 255, 255, .12);--material: rgba(7, 13, 28, .72);--caption-bg: rgba(16, 22, 38, .6);--caption-fg: #f5f5f7;--accent: var(--pink-400);--forest-type: #65bf73}html:where([data-mode=dark]):has(.cs-apple){background:#070d1c}:where([data-mode=dark]) .cs-apple .cs-panel{box-shadow:inset 0 0 0 1px #ffffff12}.cs-apple main{background:var(--bg)}.cs-apple section[id]{scroll-margin-top:calc(var(--header-h) + var(--localnav-h) + 24px)}.cs-apple .site-header.is-hidden{transform:none}.cs-apple .burger--float{display:none}.cs-apple .site-header__bg{opacity:1;background:var(--material);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px)}.cs-apple .site-header__inner{max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}.cs-apple .brand-mark{width:30px}.cs-apple .main-nav ul{gap:clamp(20px,2.4vw,36px)}.cs-apple .main-nav a{font-size:.9375rem;color:var(--label-2);transition:color .3s}.cs-apple .main-nav a:hover{color:var(--label)}.cs-apple .main-nav a[aria-current=page]{padding-bottom:0;color:var(--label);font-weight:500}.cs-apple .main-nav a[aria-current=page]:after{display:none}.cs-apple .header-actions .btn{font-size:.875rem;padding:5px 5px 5px 16px;gap:10px}.cs-apple .header-actions .btn__chip{width:26px;height:26px}.cs-apple .header-actions .btn__chip svg{width:18px;height:18px}.cs-apple .theme-toggle{width:40px;height:40px;color:var(--label);box-shadow:inset 0 0 0 1px var(--separator)}.cs-apple .theme-toggle svg{width:18px;height:18px}.cs-apple .theme-toggle:hover{background:var(--fill);color:var(--label);box-shadow:inset 0 0 0 1px transparent}.cs-apple .burger{width:40px;height:40px;background:var(--label);color:var(--bg)}.cs-apple .burger span{left:12px;right:12px}.cs-apple .burger span:nth-child(1){top:16px}.cs-apple .burger span:nth-child(2){top:22px}.menu-open .cs-apple .burger span:nth-child(1),.menu-open .cs-apple .burger span:nth-child(2){top:19px}.cs-localnav{position:sticky;top:var(--header-h);z-index:20;height:var(--localnav-h);background:var(--material);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--separator)}.cs-localnav__inner{height:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter);display:flex;align-items:center;gap:24px}.cs-localnav__title{padding-block:8px;font-family:var(--font-display);font-size:1.125rem;font-weight:500;letter-spacing:-.02em}.cs-localnav__links{display:flex;gap:2px;margin-left:auto}.cs-localnav__links a{display:block;padding:6px 12px;border-radius:100px;font-size:.8125rem;color:var(--label-2);transition:color .3s,background-color .3s}.cs-localnav__links a:hover{color:var(--label)}.cs-localnav__links a.is-active{color:var(--label);background:var(--fill)}.cs-localnav__cta{flex:none;padding:6px 14px;border-radius:100px;background:var(--accent);color:var(--white);font-size:.8125rem;font-weight:500;transition:filter .3s}.cs-localnav__cta:hover{filter:brightness(1.1)}.cs-apple main .eyebrow{font-size:clamp(1rem,.9rem + .35vw,1.3125rem);font-weight:600;letter-spacing:-.01em;text-transform:none;color:var(--accent);gap:0}.cs-apple main .eyebrow:before{width:8px;height:8px;box-shadow:none;background:currentColor}.cs-apple main .on-dark .eyebrow{color:var(--accent-on-dark)}.cs-apple main .eyebrow+.h2{margin-top:.4em}.cs-apple main .h2{font-size:var(--fs-h2);line-height:1.12;letter-spacing:-.02em;max-width:20ch}.cs-apple main .lead{letter-spacing:-.011em}.cs-apple main .lead strong{color:var(--accent)}.cs-apple main .on-dark .lead strong{color:var(--accent-on-dark)}.cs-apple main .stack>p:not([class]),.cs-apple main .muted{color:var(--label-2);line-height:1.5}.cs-apple .cs-hero{padding-top:calc(var(--header-h) + clamp(40px,6vw,96px));text-align:center}.cs-hero__crumbs{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 16px;margin-bottom:var(--cs-gap-m)}.cs-back{display:inline-flex;align-items:center;gap:4px;padding:7px 16px 7px 10px;border-radius:100px;background:var(--fill);font-size:.875rem;font-weight:500;transition:background-color .3s}.cs-back:hover{background:var(--fill-2)}.cs-back svg{width:16px;height:16px;transition:transform .4s var(--ease-out)}.cs-back:hover svg{transform:translate(-3px)}.cs-hero__count{font-size:.875rem;color:var(--label-2)}.cs-appicon{width:clamp(72px,7vw,104px);aspect-ratio:1;margin:0 auto var(--cs-gap-s);display:grid;place-items:center;border-radius:22.5%;background:linear-gradient(160deg,#0f5a51,#0b4a43 60%);box-shadow:0 18px 40px -16px #0b4a4399,inset 0 0 0 1px #ffffff14}.cs-appicon img{width:54%;height:auto}.cs-apple .cs-hero__title{letter-spacing:-.02em}.cs-apple .cs-hero__lead{max-width:34ch;margin:var(--cs-gap-s) auto 0;color:var(--label-2)}.cs-apple .cs-hero .showcase{margin-top:var(--cs-gap-m)}.cs-apple .cs-meta{gap:0;margin-top:var(--cs-gap-m);padding-top:0;border-top:0}.cs-apple .cs-meta>div{padding:4px clamp(12px,2vw,28px)}.cs-apple .cs-meta>div+div{border-left:1px solid var(--separator)}.cs-apple .cs-meta dt{font-size:.8125rem;font-weight:500;letter-spacing:0;text-transform:none;color:var(--label-2)}.cs-apple .cs-meta dd{margin-top:6px;font-size:clamp(1rem,.95rem + .2vw,1.125rem);font-weight:500;line-height:1.4}.cs-apple .split{gap:var(--cs-gap-m) clamp(32px,6vw,120px)}.cs-apple .split__sticky{top:calc(var(--header-h) + var(--localnav-h) + 32px)}.cs-highlight .word{display:inline-block;opacity:.18;will-change:opacity}.cs-pullquote{margin-inline:0;padding:var(--cs-pad);border-radius:var(--radius-tile);background:var(--bg-elev);font-family:var(--font-display);font-size:var(--fs-h5);line-height:1.33;letter-spacing:-.011em}.cs-pullquote:before{content:"";display:block;width:10px;height:10px;margin-bottom:16px;background:var(--pink);box-shadow:10px 0 0 var(--light-pink)}.cs-apple .cs-panel{margin-inline:var(--gutter)}.cs-center-head{max-width:980px;margin:0 auto var(--cs-gap-m);text-align:center}.cs-apple main .cs-center-head .h2{margin-inline:auto;max-width:20ch}.cs-bento{gap:var(--cs-bento)}.cs-apple .cs-tile{display:flex;flex-direction:column;min-height:clamp(320px,30vw,440px);padding:var(--cs-pad);border-radius:var(--radius-tile);transform-style:preserve-3d}.cs-apple .cs-tile:hover{translate:none}.cs-apple .cs-tile .card__k{font-size:.8125rem;font-weight:600;letter-spacing:.04em}.cs-tile__n{position:absolute;top:clamp(16px,2vw,24px);right:clamp(20px,2.4vw,32px);font-family:var(--font-display);font-size:var(--fs-h1);line-height:1;letter-spacing:-.02em;opacity:.14;pointer-events:none}.cs-apple .cs-tile .card__t{margin-top:auto;padding-top:72px;font-size:var(--fs-h5);line-height:1.3;letter-spacing:-.011em}.cs-apple .cs-tile .card__d{font-size:1.0625rem;line-height:1.5}.cs-apple .cs-gallery{gap:var(--cs-bento)}.cs-apple .cs-figure{border-radius:var(--radius-tile);background:var(--fill)}.cs-apple .cs-figure figcaption{left:16px;bottom:16px;padding:7px 14px;background:var(--caption-bg);color:var(--caption-fg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);font-size:.8125rem}.cs-apple #identity .cs-figure:nth-child(2){box-shadow:inset 0 0 0 1px #0b4a431a}.cs-type-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--cs-bento);margin-top:var(--cs-bento)}.cs-type-tile{display:flex;flex-direction:column;justify-content:space-between;gap:var(--cs-gap-s);padding:var(--cs-pad);border-radius:var(--radius-tile);background:var(--bg-elev)}.cs-type-tile .muted{max-width:40ch;font-size:1.0625rem}.cs-apple .big-type{color:var(--forest-type)}.cs-apple .swatches{margin-top:0}.cs-apple .swatch{min-height:clamp(220px,24vw,320px);padding:var(--cs-gap-s);border-radius:var(--radius-tile)}.cs-apple .swatch:last-child{box-shadow:inset 0 0 0 1px #0b4a431f}.cs-apple .cs-section-head{margin-bottom:var(--cs-gap-m)}.cs-apple .cs-section-head+.flipbook,.cs-apple .cs-section-head+[data-flipbook]{margin-top:0}.cs-apple .cs-section-head .eyebrow{margin-bottom:0}.cs-section-head__aside{display:grid;gap:10px;max-width:40ch}.cs-textlink{display:inline-flex;align-items:center;gap:2px;justify-self:start;padding-block:9px;margin-block:-9px;color:var(--accent);font-weight:500}.cs-textlink svg{width:16px;height:16px;transition:transform .4s var(--ease-out)}.cs-textlink:hover{text-decoration:underline;text-underline-offset:3px}.cs-textlink:hover svg{transform:translate(3px)}.cs-rail-item{flex:none;width:min(760px,82vw);aspect-ratio:1800 / 1391}.cs-apple .flipbook__btn{width:44px;height:44px;background:var(--fill-2);color:var(--label)}.cs-apple .flipbook__btn:hover{background:var(--label);color:var(--bg)}.cs-apple .flipbook__btn svg{width:20px;height:20px}.cs-apple .flipbook__count{font-family:var(--font-body);font-weight:500;color:var(--label-2)}.cs-apple .flipbook__hint{color:var(--label-2)}.cs-outcome{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--cs-gap-m) clamp(32px,6vw,96px);align-items:end;padding:var(--cs-pad-lg);border-radius:var(--radius-xl);background:var(--bg-elev)}.cs-apple .cs-outcome .lead{margin-top:var(--cs-gap-s);color:var(--label-2)}.cs-checks li{display:flex;gap:14px;padding:18px 0;border-top:1px solid var(--separator);font-size:var(--fs-body);line-height:1.45}.cs-checks li:last-child{border-bottom:1px solid var(--separator)}.cs-checks li:before{content:"";flex:none;width:24px;height:24px;margin-top:.05em;border-radius:50%;background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.5 12.5l3.5 3.5 7.5-8' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat}.cs-apple .cs-next{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:var(--cs-gap-m);margin-inline:var(--gutter);padding:var(--cs-pad-lg);border-radius:var(--radius-xl);background:var(--bg-elev);text-align:left;overflow:hidden}.cs-next__bg{position:absolute;inset:-20%;z-index:-1;opacity:.22;pointer-events:none;transition:opacity .8s var(--ease-out)}.cs-next__bg img{width:100%;height:100%;object-fit:cover;filter:blur(80px) saturate(1.4)}.cs-next:hover .cs-next__bg{opacity:.36}.cs-next__copy{display:grid;justify-items:start;gap:var(--cs-gap-s)}.cs-apple .cs-next .next-project__k{letter-spacing:0;text-transform:none;font-size:.9375rem;font-weight:500;color:var(--label-2)}.cs-apple .cs-next .next-project__t{margin-top:0;font-size:clamp(2.5rem,1rem + 5vw,6.5rem);text-wrap:balance}.cs-apple .cs-next:hover .next-project__t{color:var(--accent)}.cs-next__d{max-width:32ch;margin-top:-8px;font-size:1.0625rem;line-height:1.45;color:var(--label-2)}.cs-next__arrow{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:var(--label);color:var(--bg);transition:background-color .4s var(--ease-out),color .4s var(--ease-out)}.cs-next__arrow svg{width:26px;height:26px;transition:transform .5s var(--ease-out)}.cs-next:hover .cs-next__arrow{background:var(--accent);color:var(--white)}.cs-next:hover .cs-next__arrow svg{transform:translate(4px)}.cs-next__media{position:relative;justify-self:end;width:min(100%,420px);aspect-ratio:570 / 640;border-radius:var(--radius-tile);overflow:hidden;background:var(--fill);box-shadow:0 40px 70px -36px #00000073;rotate:3deg;transition:rotate .8s var(--ease-out),scale .8s var(--ease-out),box-shadow .8s var(--ease-out)}.cs-next__media img{width:100%;height:100%;object-fit:cover}.cs-next:hover .cs-next__media{rotate:0deg;scale:1.03;box-shadow:0 50px 90px -40px #0000008c}.cs-apple .cs-next:not(:has(.cs-next__media)){grid-template-columns:minmax(0,1fr)}@media(min-width:861px)and (max-width:1100px){.cs-apple .cs-next .next-project__t{font-size:clamp(2.5rem,4.4vw,3.5rem)}}@media(max-width:860px){.cs-apple .cs-next{grid-template-columns:1fr;gap:var(--cs-gap-s)}.cs-next__media{order:-1;justify-self:stretch;width:100%;aspect-ratio:4 / 3;rotate:0deg}}.cs-apple main .card{padding:var(--cs-pad);border-radius:var(--radius-tile)}.cs-apple main .card{background:var(--bg-elev)}.cs-apple main .card:hover{translate:none}.cs-apple main .card__k{font-size:.8125rem;font-weight:600;letter-spacing:.04em}.cs-apple main .card__t{font-size:var(--fs-h5);letter-spacing:-.011em}.cs-apple .status-chip{padding:7px 14px}.cs-apple .browser{border-radius:var(--radius-tile);background:var(--bg-elev);box-shadow:0 30px 60px -36px #101e3d59,inset 0 0 0 1px var(--separator)}.cs-apple .browser__bar{background:var(--fill)}.cs-apple .browser__bar i{background:var(--fill-2)}.cs-apple .browser__url{background:var(--bg);color:var(--label-2)}.cs-apple .compare{border-radius:var(--radius-tile)}.cs-apple .compare__label,.cs-apple .showcase--ph .showcase__soon{background:var(--caption-bg);color:var(--caption-fg);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);letter-spacing:0;text-transform:none;font-size:.8125rem;font-weight:500}.cs-apple .cs-outcome .draft{margin-top:var(--cs-gap-s)}:where([data-mode=dark]) .cs-apple .status-chip{background:#f018a129;color:var(--pink-250)}:where([data-mode=dark]) .cs-apple .browser{box-shadow:inset 0 0 0 1px var(--separator)}@media(max-width:1100px){.cs-apple .cs-meta{row-gap:28px}.cs-apple .cs-meta>div:nth-child(odd){border-left:0}}@media(max-width:1100px){.cs-localnav__links{display:none}.cs-localnav__cta{margin-left:auto}}@media(max-width:860px){.cs-type-row,.cs-outcome{grid-template-columns:1fr}.cs-apple .cs-tile{min-height:280px}.cs-apple .h-scroll__rail>.cs-figure{scroll-snap-align:center}.cs-apple .split__sticky{position:static}}@media(max-width:560px){.cs-localnav__title{font-size:1rem}.cs-apple .cs-next .next-project__t{font-size:clamp(1.75rem,8.5vw,2.5rem)}.cs-apple .cs-meta>div+div{border-left:0}.cs-apple .swatch{min-height:160px}}