@font-face{font-family:Inter;src:url(/fonts/Inter-Variable.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}:root{font-family:Inter,Arial,sans-serif;color:#f5f4f0;background:#141514;font-synthesis:none;--red: #f01a1b;--red-hover: #ff3531;--red-text: #ff443d;--muted: #b1b3aa;--line: #383a35;--paper: #eeeee7;--ink: #20231e;--section-space: 80px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}::selection{background:var(--red);color:#141514}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--red);outline-offset:6px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p{line-height:1.65}button{color:inherit}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;top:-100px;left:20px;padding:16px;background:var(--red);z-index:100}.skip-link:focus{top:15px}.site-header{min-height:100px;padding:24px 56px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:1.12rem;font-weight:750;letter-spacing:-.04em}.brand img{border-radius:10px}.brand-period{color:var(--red)}.site-header nav{display:flex;gap:28px;font-size:.875rem}.site-header nav a{color:var(--muted);transition:color .2s}.site-header nav a:hover{color:#fff}.header-contact{font-size:.875rem}.header-contact span{margin-left:20px;color:var(--red)}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:32px;align-items:center;padding-block:54px 40px}.hero-copy{padding-block:20px}h1{font-size:clamp(3.1rem,5.65vw,5.75rem);font-weight:640;line-height:1.035;letter-spacing:-.067em}h1>span{color:var(--red)}.hero-description{font-size:1.125rem;max-width:390px;margin-top:28px;color:#c6c7bf;line-height:1.65}.hero-actions{margin-top:32px;display:flex;align-items:flex-start;flex-direction:column;gap:15px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;min-height:52px;padding:16px 21px;font-weight:600;font-size:.875rem;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-red{background:var(--red);color:#080a09}.button-red:hover{background:var(--red-hover)}.button span{font-size:1.3rem;line-height:1}.release-note{font-size:.75rem;color:var(--muted)}.hero-stage{position:relative;isolation:isolate;padding:22px 28px;display:flex;flex-direction:column;justify-content:center}.hero-stage:before{content:"";position:absolute;inset:-8% -16%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse closest-side at 50% 48%,var(--red) 0%,color-mix(in srgb,var(--red) 70%,transparent) 44%,color-mix(in srgb,var(--red) 34%,transparent) 74%,transparent 100%)}.hero-device{width:255px;max-width:calc(100% - 24px);margin:14px auto;filter:drop-shadow(12px 28px 24px #0009)}.hero-device .iphone-17-pro{transform:rotate(7deg)}.demo-player{container-type:inline-size}.iphone-17-pro{width:100%;padding:3.92157cqw;border-radius:16.47059cqw;background:#c4c3bf;border:.39216cqw solid #eeeee9;box-shadow:inset 0 0 0 1.17647cqw #797b7a,0 20px 50px #0003;position:relative}.iphone-screen{position:relative;aspect-ratio:1206/2622;overflow:hidden;border-radius:13.72549cqw;background:#080a09;box-shadow:0 0 0 1.17647cqw #080a09}.film{height:100%;width:100%;position:absolute;inset:0}.film video{width:100%;height:100%;object-fit:cover;display:block}.film-error{font-size:.8rem;line-height:1.4;margin-top:10px}h2{font-size:clamp(2.5rem,4vw,4rem);font-weight:550;letter-spacing:-.06em;line-height:1.08}.section-heading{display:flex;justify-content:space-between;align-items:end;padding-bottom:30px}.section-heading h2{font-size:2.4rem}.workflow-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.workflow-tabs button{border:0;border-right:1px solid var(--line);background:transparent;padding:25px 20px;display:flex;gap:18px;align-items:center;font-size:1rem;transition:background .2s}.workflow-tabs button:first-child{border-left:1px solid var(--line)}.workflow-tabs button>span:first-child{font-size:.75rem;color:var(--muted)}.workflow-tabs button[aria-selected=true]{background:var(--red);color:#080a09}.workflow-tabs button[aria-selected=true]>span:first-child{color:#080a09}.workflow-panel{background:#1c1f1a;display:grid;grid-template-columns:1fr 1fr;min-height:640px;padding:55px 65px;gap:55px;align-items:center}.workflow-step-heading{display:block}.workflow-description h3{font-size:2.65rem;font-weight:550;line-height:1.1;letter-spacing:-.055em;max-width:370px}.workflow-description>p{margin-top:24px;color:var(--muted);max-width:390px;font-size:1rem}.workflow-description .detail-line{font-size:.8rem;border-top:1px solid #3c4235;padding-top:25px;margin-top:32px;color:#dedfd5}.workflow-demo{width:245px;justify-self:center}.workflow-description{animation:enter .35s ease-out}@keyframes enter{0%{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.culling{padding-block:var(--section-space)}.culling-top{display:block}.culling h2{font-size:clamp(2.5rem,4.8vw,4.8rem)}.culling h2 span{color:var(--muted)}.culling-details{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;gap:40px}.culling-details article{border-top:1px solid var(--line);padding-top:25px}.feature-mark{color:var(--red);font-size:1.4rem;display:block;letter-spacing:.1em;height:64px}.feature-type{font-size:1.125rem;font-weight:600;letter-spacing:-.02em}.culling-details h3{font-size:1.1rem;line-height:1.4;letter-spacing:-.035em;font-weight:550;margin-bottom:13px}.culling-details p{color:var(--muted);font-size:.9375rem}.geo-section{background:var(--paper);color:var(--ink);padding-block:var(--section-space)}.geo-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px}.geo-copy h2{font-size:clamp(3.8rem,6vw,6rem);letter-spacing:-.07em}.geo-copy h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em}.geo-copy>p{font-size:1rem;max-width:360px;margin-top:28px;color:#565d50}.geo-copy>p+p{margin-top:15px}.text-link{font-size:.875rem;display:inline-flex;gap:30px;border-bottom:1px solid #747968;padding-block:12px;margin-top:22px}.geo-image{padding-top:14px;display:flex;flex-direction:column}.geo-photo{min-height:500px;flex:1;position:relative;background:#596457}.geo-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center}.destinations{display:grid;grid-template-columns:1fr;gap:48px;padding-block:var(--section-space)}.destination-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:48px}.destination-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}.destination-intro>p:last-child{color:var(--muted);max-width:460px;margin-top:0}.destination{display:flex;gap:24px;align-items:center;padding:26px 0;border-top:1px solid var(--line)}.destination-mark{width:36px;height:36px;flex:0 0 36px;background:var(--paper);mask:var(--service-icon) center/contain no-repeat;-webkit-mask:var(--service-icon) center/contain no-repeat}.destination h3{font-size:1.15rem;letter-spacing:-.025em;font-weight:550}.destination p{font-size:.875rem;color:var(--muted);margin-top:5px}.destination-mark-folders{--service-icon: url(/icons/folders.svg)}.folder-feature{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line);padding-top:48px;align-items:center}.folder-copy h3{font-size:clamp(2rem,3.5vw,3.5rem);letter-spacing:-.055em;line-height:1.08;font-weight:550}.folder-copy>p{margin-top:22px;max-width:470px;color:var(--muted);font-size:.9375rem}.folder-details{margin-top:26px}.folder-details h4{margin:20px 0 6px;font-size:.9375rem;font-weight:600}.folder-details p{color:var(--muted);font-size:.875rem;max-width:440px}.folder-example{margin:0;padding:32px;background:#1c1f1a;min-width:0}.folder-example figcaption{color:var(--muted);font-size:.7rem;letter-spacing:.1em;margin-bottom:30px}.folder-tree-root{display:flex;align-items:center;gap:14px;font-size:1rem;font-weight:550}.folder-tree-root .destination-mark{width:28px;height:28px;flex-basis:28px}.folder-tree{list-style:none;margin:18px 0 26px 13px;padding:0 0 0 26px;border-left:1px solid #53594d}.folder-tree li{position:relative;padding:12px 0;font-family:ui-monospace,monospace;font-size:.9375rem}.folder-tree li:before{content:"";position:absolute;left:-26px;top:50%;width:15px;border-top:1px solid #53594d}.file-extension{color:var(--muted)}.folder-example>p{border-top:1px solid var(--line);padding-top:18px;color:var(--muted);font-size:.8125rem;max-width:330px}@media(max-width:760px){:root{--section-space: 56px}.folder-feature{grid-template-columns:1fr;gap:30px;padding-top:30px}.folder-example{padding:24px}}.essentials{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr;gap:24px;padding-block:var(--section-space)}.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;align-items:start}.faq-column{min-width:0}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;gap:24px;cursor:pointer;padding-block:22px;font-size:1rem;line-height:1.5}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--red);flex-shrink:0}details[open] summary:after{content:"−"}details p{font-size:.9375rem;color:var(--muted);padding-bottom:24px;max-width:590px}details a{text-decoration:underline;text-underline-offset:4px}.closing{border-top:1px solid var(--line);padding-block:var(--section-space);text-align:center}.closing img{border-radius:24px;margin:0 auto 24px}.closing h2{font-size:clamp(3rem,6vw,6rem)}.closing .button{margin-top:35px}.closing>p:last-child{font-size:.75rem;color:var(--muted);margin-top:18px}.site-footer{border-top:1px solid var(--line);padding-block:30px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:.75rem;color:var(--muted)}.footer-brand{font-weight:650;font-size:1.2rem;letter-spacing:-.055em;color:var(--paper)}.site-footer nav{display:flex;gap:25px}@media(min-width:1600px){.hero{padding-block:75px 55px}.hero-device{width:299px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.site-header{padding-inline:32px}.hero{gap:24px}.hero-stage{padding:24px 20px}.hero-device{width:236px}.hero-actions{margin-top:25px}.workflow-panel{padding:45px 40px;gap:30px}.geo-layout{gap:40px}.geo-photo{min-height:450px}}@media(max-width:760px){html{scroll-padding-top:24px}.wrap{width:calc(100% - 40px)}.site-header{padding:18px 20px;min-height:80px}.site-header{flex-wrap:wrap;row-gap:14px}.site-header nav{order:3;width:100%;justify-content:space-between;gap:12px;font-size:.8rem}.site-header nav a{padding-block:5px}.brand{font-size:1rem}.brand img{width:34px;height:34px}.header-contact{font-size:.8rem}.header-contact span{margin-left:7px}.hero{grid-template-columns:1fr;padding-block:32px 24px;gap:32px}.hero-copy{padding:0}h1{font-size:clamp(3.05rem,10.7vw,5rem);line-height:1.025}.hero-description{font-size:1rem;max-width:350px;margin-top:24px}.hero-actions{gap:14px}.hero-device{width:247px;margin-block:14px}.section-heading{display:block;padding-bottom:25px}.section-heading h2{font-size:2.25rem}.workflow-tabs{position:sticky;top:0;z-index:5;background:var(--ink)}.workflow-tabs button{flex-direction:column;align-items:flex-start;padding:10px 12px;gap:4px;font-size:.8rem}.workflow-panel{grid-template-columns:1fr;padding:16px 24px 30px;gap:28px;min-height:0}.workflow-step-heading{gap:16px}.workflow-description h3{font-size:1.9rem}.workflow-description>p{margin-top:20px}.workflow-description .detail-line{font-size:.75rem;margin-top:23px;padding-top:20px}.workflow-demo{grid-row:1;width:min(230px,calc((100svh - 110px)*.46))}.workflow-description{grid-row:2}.culling{padding-block:var(--section-space)}.culling-top{grid-template-columns:1fr;gap:22px}.culling h2{font-size:2.6rem}.culling-details{grid-template-columns:1fr;gap:28px;margin-top:35px}.feature-mark{height:48px}.culling-details p{max-width:450px}.geo-section{padding-block:var(--section-space)}.geo-layout{grid-template-columns:1fr;gap:40px}.geo-copy h2{font-size:4.6rem}.geo-copy>p{max-width:460px}.geo-photo{min-height:420px}.geo-image{padding-top:0}.destinations{grid-template-columns:1fr;gap:35px;padding-block:var(--section-space)}.destination-intro,.destination-list{grid-template-columns:1fr;gap:0}.destination-intro>p:last-child{margin-top:24px;max-width:460px}.destination{gap:18px}.destination h3{font-size:1.05rem}.destination p{font-size:.8rem}.faq-list{grid-template-columns:1fr;gap:0}.essentials{grid-template-columns:1fr;gap:12px;padding-block:var(--section-space)}.closing{padding-block:var(--section-space)}.closing h2{font-size:3.5rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}.destination-mark-lightroom{--service-icon: url(/icons/lightroom.svg)}.destination-mark-immich{--service-icon: url(/icons/immich.svg)}.destination-mark-applephotos{--service-icon: url(/icons/applephotos.svg)}.destination-mark-photoprism{--service-icon: url(/icons/photoprism.svg)}.destination-mark-share{--service-icon: url(/icons/share.svg)}.site-footer{flex-wrap:wrap}.family-links{display:flex;flex:0 0 100%;align-items:center;flex-wrap:wrap;gap:15px 25px;padding-top:28px;border-top:1px solid var(--line);font-size:.78rem;color:var(--muted)}.family-links a{display:inline-flex;align-items:center;gap:9px}.family-links a:hover{text-decoration:underline;text-underline-offset:4px}.family-links a:focus-visible{outline:2px solid currentColor;outline-offset:5px}.family-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.family-dot.exposure{background:#e53935}.family-dot.obscura{background:#aaa7ff}.family-dot.framewrk{background:#c5a262}.site-footer{display:block;border-top:1px solid var(--line);padding:34px 0}.site-footer>.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-top>.brand,.footer-top>.footer-brand{gap:0;font-size:1.12rem;font-weight:750;letter-spacing:-.04em}.site-footer nav{display:flex;flex-wrap:wrap;gap:26px;font-size:.8rem;color:var(--muted)}.family-links{display:flex;align-items:center;flex-wrap:wrap;gap:25px;padding-block:30px;margin-top:30px;border-block:1px solid var(--line);font-size:.78rem}.family-links p{margin:0}.site-footer .fine{font-size:.7rem;line-height:1.7;color:var(--muted);max-width:800px;margin:24px 0 0}@media(max-width:1050px){.site-footer>.wrap{width:calc(100% - 64px)}}@media(max-width:780px){.footer-top{align-items:flex-start;flex-direction:column;gap:22px}.site-footer nav{gap:22px}}@media(max-width:480px){.site-footer>.wrap{width:calc(100% - 40px)}.footer-top>.brand,.footer-top>.footer-brand{font-size:1rem}.family-links{gap:15px 22px}.site-footer nav{font-size:.75rem;gap:16px}}.faq-heading{font-size:2rem;margin-bottom:0}main{overflow-x:clip}.site-header{flex-wrap:wrap}.site-header nav{flex-wrap:wrap}.hero>*,.workflow-panel>*,.geo-layout>*,.destinations>*,.folder-feature>*,.locations-heading>*,.locations-showcase>*{min-width:0}.workflow-demo{max-width:100%}.locations-demo{min-width:0}.section-light{--muted: #565d50;--line: #c7c9bd;--red: #bd1819;--red-hover: #a61415;--red-text: #bd1819;background:var(--paper);color:var(--ink)}.section-light .workflow,.section-light .essentials{padding-block:var(--section-space);border-top:0}.section-light .workflow-tabs{background:var(--paper)}.section-light .workflow-tabs button{color:var(--ink)}.section-light .workflow-tabs button[aria-selected=true],.section-light .workflow-tabs button[aria-selected=true]>span:first-child{color:#fff}.section-light .workflow-panel,.section-light .folder-example{background:#e2e3d9}.section-light .destination-mark{background:var(--ink)}@media(max-width:760px){.section-light .workflow,.section-light .essentials{padding-block:var(--section-space)}}.footnote-marker{margin-left:.15em;font-size:.65em;line-height:0}.footnote-marker a{color:inherit;text-decoration:underline;text-underline-offset:.15em}.destination .destination-status{margin:4px 0 8px;font-size:.8rem;font-weight:600;color:var(--red)}.availability-note{color:var(--muted);font-size:.85rem;line-height:1.6;scroll-margin-top:100px}.company-link{display:flex;align-items:center;gap:10px;width:fit-content;max-width:100%;min-height:44px;margin-top:16px;font-size:.8rem;line-height:1.5;color:inherit}.company-link img{width:32px;height:32px;flex-shrink:0}.company-link:hover{text-decoration:underline;text-underline-offset:4px}.company-link:focus-visible{outline:2px solid currentColor;outline-offset:4px}.site-footer .family-links .company-link{margin-top:0;gap:10px}.locations-section{padding:var(--section-space) 0;border-top:1px solid var(--line);background:#1b1d1a}.locations-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:72px;align-items:end;margin-bottom:64px}.locations-heading h2{margin-top:0;font-size:clamp(2.4rem,4.4vw,4.5rem);line-height:1.06;letter-spacing:-.055em}.locations-heading h2 span{color:var(--muted)}.locations-heading>p{max-width:360px;font-size:1.1rem;color:var(--muted)}.locations-showcase{display:grid;grid-template-columns:1.2fr 1fr;gap:72px;align-items:center}.locations-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:42px}.locations-tabs button{background:transparent;border:0;border-right:1px solid var(--line);padding:25px 20px;text-align:left;font-size:1rem;color:var(--paper);transition:background .2s}.locations-tabs button:first-child{border-left:1px solid var(--line)}.locations-tabs button[aria-selected=true]{background:#bd1819;color:#fff}.locations-tabs button:hover:not([aria-selected=true]){background:#252923}.locations-content h3{font-size:clamp(1.9rem,3vw,2.8rem);letter-spacing:-.04em;line-height:1.15;max-width:510px}.locations-description{margin-top:24px;max-width:500px;font-size:1.08rem;color:var(--muted)}.locations-details{padding:0;margin:32px 0;list-style:none;max-width:480px}.locations-details li{padding:13px 0 13px 24px;position:relative;border-top:1px solid var(--line);line-height:1.55;font-size:.95rem}.locations-details li:before{content:"";position:absolute;left:0;top:22px;width:6px;height:6px;border-radius:50%;background:var(--red)}.locations-demo{margin:0;padding:36px 28px 24px;background:#252923;border:1px solid #3a4036;border-radius:8px}.locations-demo .demo-player{max-width:320px;margin:auto}@media(max-width:1100px){.locations-heading,.locations-showcase{gap:40px}.locations-tabs button{font-size:.8rem;padding-inline:10px}}@media(max-width:760px){.locations-heading,.locations-showcase{grid-template-columns:1fr;gap:32px}.locations-heading{margin-bottom:32px}.locations-heading>p{max-width:500px}.locations-tabs{grid-template-columns:repeat(4,minmax(max-content,1fr));overflow-x:auto;margin-bottom:30px}.locations-tabs button{font-size:.75rem;padding:12px 8px;min-height:44px;white-space:nowrap}.locations-demo{padding-inline:20px}}.ecosystem{padding-block:var(--section-space);border-top:1px solid var(--line)}.ecosystem-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end}.ecosystem-heading h2{font-size:clamp(36px,4.6vw,64px);line-height:1.05;letter-spacing:-.055em}.ecosystem-heading h2 span{color:var(--muted)}.ecosystem-heading p{max-width:420px;color:var(--muted);font-size:19px;line-height:1.65}.ecosystem-stage{position:relative;isolation:isolate;container-type:inline-size;aspect-ratio:1.65;max-width:1160px;margin:50px auto 48px}.ecosystem-stage:before{content:"";position:absolute;inset:4% -4% -8%;background:radial-gradient(ellipse at 54% 57%,#f01a1b25,transparent 65%);z-index:-1}.ecosystem-mac{position:absolute;width:72%;right:14%;top:0;filter:drop-shadow(0 1.89655cqw 2.06897cqw #0008)}.mac-display{width:91%;margin:auto;padding:1.5% 1.3% 2.2%;background:#101112;border:.17241cqw solid #626467;border-radius:1.37931cqw 1.37931cqw .34483cqw .34483cqw}.mac-desktop{position:relative;aspect-ratio:1.55;background:#364360 url(/images/ecosystem/mac-wallpaper.webp) center/cover;border-radius:.68966cqw .68966cqw .08621cqw .08621cqw;overflow:hidden}.mac-desktop:after{content:"";position:absolute;top:0;left:44%;width:12%;height:3.5%;background:#101112;border-radius:0 0 .43103cqw .43103cqw}.mac-menubar{display:flex;justify-content:space-between;padding:1% 1.5%;font-size:.60345cqw;white-space:nowrap;color:#fff;background:#0003}.mac-app-window{position:absolute;width:78%;top:9%;left:11%;border-radius:.60345cqw;overflow:hidden;box-shadow:0 .77586cqw 2.06897cqw #0007;background:#272727}.mac-app-title{display:flex;gap:.34483cqw;align-items:center;height:1.37931cqw;padding-inline:.60345cqw;font-size:.51724cqw;color:#aaa}.mac-app-title i{width:.43103cqw;height:.43103cqw;border-radius:50%;background:#ff6057}.mac-app-title i:nth-child(2){background:#febc2e}.mac-app-title i:nth-child(3){background:#28c840}.mac-app-title span{margin-left:.43103cqw}.mac-app-window img{width:100%;height:auto}.mac-base{position:relative;height:1.03448cqw;border-radius:.17241cqw .17241cqw 45% 45%/.17241cqw .17241cqw 90% 90%;background:linear-gradient(#959699,#4f5053 50%,#252628);border-top:.08621cqw solid #b0b1b3}.mac-base:after{content:"";position:absolute;top:0;left:43%;width:14%;height:.34483cqw;border-radius:0 0 .43103cqw .43103cqw;background:#3e3f42}.ecosystem-ipad{position:absolute;width:41%;left:55%;bottom:3%;padding:1.1%;border:.17241cqw solid #737679;background:#080909;box-shadow:0 1.55172cqw 3.10345cqw #0009}.ecosystem-ipad img{width:100%;height:auto}.ecosystem-iphone{position:absolute;width:14%;left:3%;bottom:0;padding:.55%;border:.17241cqw solid #929494;background:#080909;box-shadow:0 1.55172cqw 2.75862cqw #0009}.ecosystem-iphone img{width:100%;height:auto}.ecosystem-watch{position:absolute;width:10.5%;left:89.5%;bottom:0;aspect-ratio:600 / 960;filter:drop-shadow(0 .68966cqw 1.03448cqw #0008)}.watch-bezel{position:relative;width:100%;height:auto}.watch-screen{position:absolute;left:11.5%;top:21%;width:77%;height:58%;object-fit:contain;background:#000;border-radius:28%/24%}.ecosystem-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.ecosystem-details h3{font-size:19px;letter-spacing:-.025em;margin-bottom:12px}.ecosystem-details p{font-size:15px;line-height:1.65;color:var(--muted)}@media(max-width:760px){.ecosystem-heading{grid-template-columns:1fr;gap:24px}.ecosystem-heading p{font-size:17px}.ecosystem-stage{aspect-ratio:1.2;margin-block:36px}.ecosystem-mac{width:96%;right:2%}.ecosystem-ipad{width:65%;bottom:2%}.ecosystem-iphone{width:24%;bottom:0}.ecosystem-watch{width:15%;left:51%;bottom:3%}.ecosystem-details{grid-template-columns:1fr 1fr;gap:26px}}@media(prefers-reduced-motion:reduce){.ecosystem *{scroll-behavior:auto}}.ecosystem-duo{position:absolute;width:29%;left:23%;bottom:2%;padding:.7%;border:.17241cqw solid #898b8d;background:#080909;box-shadow:0 1.55172cqw 2.75862cqw #0009}.ecosystem-duo img{width:100%;height:auto}@media(max-width:760px){.ecosystem-stage{aspect-ratio:1}.ecosystem-ipad{width:50%;left:50%;bottom:22%}.ecosystem-duo{width:36%;left:25%;bottom:0}.ecosystem-iphone{width:22%;left:0;bottom:8%}.ecosystem-watch{width:15%;left:85%;bottom:0}}.ecosystem-ipad{border-radius:5%/6.5%}.ecosystem-ipad img{border-radius:3%/4%}.ecosystem-iphone{border-radius:19%/9%}.ecosystem-iphone img{border-radius:17%/8%}.ecosystem-duo{border-radius:7%/10%}.ecosystem-duo img{border-radius:5%/7%}.ecosystem-ipad img{filter:url(#ecosystem-screen-photo)}.ecosystem-iphone img,.mac-app-window img,.watch-screen{filter:url(#ecosystem-screen-standard)}.ecosystem-duo img{filter:url(#ecosystem-screen-light)}
