:root{font-family:Arial,Helvetica,sans-serif;color:#202923;background:#eeeee6;font-synthesis:none;--mono:'SFMono-Regular',Consolas,monospace;--paper:#eeeee6;--ink:#202923;--blue:#0a2030}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #97cbd1;outline-offset:6px}::selection{background:#c4dfcc;color:#10221d}h1,h2,h3,p,figure{margin:0}h2{font-weight:400;font-size:clamp(52px,7.4vw,112px);line-height:.98;letter-spacing:-.065em}h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em}section[id]{scroll-margin-top:24px}.skip{position:fixed;top:-80px;left:20px;padding:14px;background:white;color:black;z-index:20}.skip:focus{top:20px}.opening{margin:8px;min-height:850px;height:calc(100svh - 16px);max-height:1100px;border-radius:36px;position:relative;overflow:hidden;background:#05131f;color:#f6f5eb}.hero-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 40%;opacity:.46}.opening:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06121edb,transparent 85%);pointer-events:none}.header{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:26px 3.4%;gap:24px}.brand{display:flex;align-items:center;gap:7px;font-size:16px;letter-spacing:-.04em;white-space:nowrap}.brand img{margin-right:5px;border-radius:9px}.brand strong{font-weight:700}.links{display:flex;align-items:center;gap:28px;font-size:14px}.links a{display:flex;align-items:center;gap:8px}.links a:last-child{border:1px solid #ffffff50;padding:13px 20px;border-radius:30px}.links a:hover{color:#bfe5e5}.menu{display:none}.hero-copy{position:relative;z-index:1;padding:55px 0 105px 5.5%;width:64%}.eyebrow,.section-label,.release,.hero-bottom,figcaption,.download-meta,.checksum,footer>span{font:12px/1.6 var(--mono);letter-spacing:.055em}.hero-copy h1{font-size:clamp(95px,12.7vw,204px);font-weight:400;line-height:.84;letter-spacing:-.07em;margin:34px 0}.hero-copy h1 span{color:#a3c9cb}.hero-copy>p{font-size:clamp(22px,2.25vw,34px);line-height:1.2;letter-spacing:-.04em;margin:26px 0}.button{display:inline-flex;align-items:center;gap:14px;background:#e4f0dd;color:#152c26;padding:18px 22px;border-radius:100px;font-size:15px;font-weight:500;transition:background .2s,transform .2s}.button:hover{background:#fff;transform:translateY(-2px)}.button>svg:last-child{margin-left:18px}.release{display:block;margin-top:16px;color:#bed0d0;letter-spacing:0}.hero-device{position:absolute;z-index:2;top:145px;right:9%;width:clamp(245px,23vw,300px);transform:rotate(6deg)}.phone{padding:7px;background:linear-gradient(130deg,#7a8990,#152029 28%,#0b1015 65%,#6f8088);border:1px solid #95aeb154;border-radius:36px;box-shadow:0 36px 75px #0005,0 0 0 1px #0007;overflow:hidden}.phone img{width:100%;height:auto;border-radius:28px}.hero-device figcaption{font-size:10px;text-align:center;margin-top:24px;color:#c2d4d6}.hero-bottom{position:absolute;left:5.5%;right:5.5%;bottom:30px;z-index:2;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#d0dddd}.hero-bottom a{display:flex;gap:16px;align-items:center}.section{padding:96px 6%}.section-label{display:flex;justify-content:space-between;gap:20px;padding-bottom:28px;border-bottom:1px solid #263c2929}.statement{margin:72px 0 70px;max-width:1100px}.statement em{color:#74856c}.experience-stage{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;padding:30px 0 60px}.experience-copy{max-width:490px}.screen-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:60px}.screen-tabs button{border:1px solid #293b292c;border-radius:30px;background:none;padding:12px 20px;color:#495343;font-size:14px}.screen-tabs button[aria-pressed=true]{background:#263c30;color:white;border-color:#263c30}.screen-copy{min-height:260px}.screen-copy .eyebrow{color:#5d735d}.screen-copy h3{white-space:pre-line;font-weight:400;font-size:clamp(32px,3.5vw,54px);letter-spacing:-.055em;line-height:1.08;margin:20px 0}.screen-copy p,.material-note p,.gesture-list p,.wallpaper-heading p,.install p,.preview-note,.release-notes p{font-size:16px;line-height:1.7;color:#687062}.material-note{border-top:1px solid #263c2929;margin-top:40px;padding-top:25px;display:flex;gap:24px;align-items:center}.tiny-orbit{width:48px;height:60px;border-radius:60%;border:2px solid #7f9985;transform:rotate(30deg);flex-shrink:0;box-shadow:inset 7px 0 10px #8cb0a44d}.material-note p{font-size:14px}.screen-stage{background:#dce2d5;border-radius:28px;padding:48px 22%;background-image:radial-gradient(ellipse at top,#c3d2c0,transparent)}.screen-stage .phone{width:100%;min-width:190px;max-width:290px;margin:auto;border-radius:28px;padding:5px}.screen-stage .phone img{border-radius:23px}.screen-stage figcaption{text-align:center;font-size:10px;margin-top:28px;white-space:nowrap}.gesture-section{background:#dfe3d7}.gesture-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:64px 0}.gesture-heading p{font-size:18px;color:#65735d;line-height:1.5}.gesture-list article{display:grid;grid-template-columns:.18fr 1fr 1fr;gap:24px;padding:36px 0;border-top:1px solid #263c2929;align-items:baseline}.gesture-number{font:13px var(--mono);color:#6d7e63}.gesture-list h3{font-size:clamp(22px,2.6vw,38px);font-weight:400;letter-spacing:-.04em}.wallpaper-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin:65px 0 55px}.wallpaper-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.wallpaper-gallery img{height:auto;aspect-ratio:2/3;object-fit:cover;border-radius:20px;width:100%}.wallpaper-gallery figure:nth-child(2){padding-top:60px}.wallpaper-gallery figcaption{display:flex;flex-direction:column;gap:8px;font-size:12px;margin-top:22px;letter-spacing:0}.wallpaper-gallery figcaption span:last-child{color:#7a8373;font-family:Arial,sans-serif;font-size:14px}.download-section{background:#102a32;color:#eef1e7;display:grid;grid-template-columns:1.1fr 1fr;gap:60px 10%}.download-intro h2{font-size:clamp(50px,6vw,90px);margin:28px 0 38px}.download-meta{margin-top:20px;font-size:11px;letter-spacing:0;color:#b3c8c6}.preview-note{color:#b3c8c6;max-width:480px;margin:26px 0 12px;font-size:14px}.checksum{display:inline-flex;gap:10px;align-items:center;font-size:11px}.install{padding-top:14px}.install h3{font-weight:400;font-size:26px;letter-spacing:-.03em}.install ol{list-style:none;padding:0;margin:30px 0}.install li{display:flex;gap:25px;padding:24px 0;border-top:1px solid #ffffff25}.install li>span{font:12px var(--mono);color:#88acab;padding-top:4px}.install h4{font-size:18px;font-weight:400;margin:0 0 10px}.install p{color:#b3c8c6;font-size:14px}.install-footnote{border-top:1px solid #ffffff25;padding-top:22px}.download-facts{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding-top:30px;border-top:1px solid #ffffff25;font-size:14px;color:#c2d5cf}.release-notes{grid-column:1/-1;margin-top:-30px}.release-notes summary{cursor:pointer;font-size:14px;display:flex;align-items:center;gap:12px;padding:15px 0;list-style:none}.release-notes summary::-webkit-details-marker{display:none}.release-notes p{color:#b3c8c6;max-width:840px;font-size:14px}.family h2{margin:65px 0}.family-links{display:grid;grid-template-columns:1fr 1fr;gap:26px}.family-links>a{position:relative;padding:36px;border:1px solid #263c2933;border-radius:24px;transition:background .2s}.family-links>a:hover{background:#dfe5d7}.family-links .eyebrow{display:block;margin:30px 0 18px;color:#6f8066}.family-links h3{font-size:clamp(24px,3vw,44px);letter-spacing:-.05em;font-weight:400}.family-links p{margin-top:16px;font-size:16px;color:#67725e}.family-arrow{position:absolute;right:30px;top:36px}footer{padding:36px 6%;border-top:1px solid #263c2929;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap}footer>span{font-size:10px}footer>a:not(.brand){font-size:12px;display:flex;gap:8px;align-items:center}
@media(min-width:1500px){.hero-copy{padding-top:50px}.hero-device{top:140px;width:300px}}@media(max-width:1100px){.links{gap:16px;font-size:12px}.hero-copy{padding-top:85px}.hero-device{right:6%;top:185px;width:260px}.hero-copy h1{font-size:12.4vw}.opening{min-height:850px}.screen-stage{padding:40px 14%}.section{padding:76px 5%}.hero-device figcaption{font-size:9px}}
@media(max-width:780px){.opening{min-height:1140px;height:auto;max-height:none;border-radius:26px;margin:6px}.header{padding:22px 5%}.brand{font-size:14px}.menu{display:grid;place-items:center;border:1px solid #ffffff50;border-radius:50%;width:42px;height:42px;color:white;background:#ffffff08}.links{display:none}.links.open{display:flex;position:absolute;top:78px;left:5%;right:5%;flex-direction:column;align-items:stretch;padding:24px;border-radius:20px;background:#173139;box-shadow:0 15px 40px #0005;font-size:16px;gap:22px}.links a:last-child{justify-content:center}.hero-copy{padding:45px 6% 0;width:100%}.hero-copy h1{font-size:20vw;margin:28px 0;line-height:.87}.hero-copy>p{font-size:24px}.hero-copy .eyebrow{font-size:10px}.hero-device{position:relative;top:auto;right:auto;width:230px;margin:40px auto 90px;transform:rotate(4deg)}.hero-device figcaption{display:none}.hero-bottom{font-size:10px;bottom:25px;left:6%;right:6%}.hero-bottom>span{max-width:130px;text-align:right}.release{font-size:11px}.section{padding:64px 6%}.section-label{font-size:10px}.section-label span:last-child{text-align:right}.statement{margin:44px 0;font-size:12vw}.experience-stage{grid-template-columns:1fr;gap:40px;padding-bottom:0}.experience-copy{max-width:none}.screen-tabs{margin-bottom:36px}.screen-copy{min-height:220px}.screen-copy h3{font-size:38px}.screen-stage{padding:36px 15%}.screen-stage .phone{max-width:270px}.material-note{margin-top:24px}.gesture-heading,.wallpaper-heading{display:block;margin:42px 0}.gesture-heading p,.wallpaper-heading p{margin-top:25px;font-size:16px}.gesture-list article{grid-template-columns:35px 1fr;gap:14px;padding:26px 0}.gesture-list p{grid-column:2}.gesture-list h3{font-size:26px}.wallpaper-gallery{gap:12px;grid-template-columns:1fr}.wallpaper-gallery img{aspect-ratio:4/3;object-position:center 45%}.wallpaper-gallery figure:nth-child(2){padding-top:0}.wallpaper-gallery figure{margin-bottom:24px}.wallpaper-gallery figcaption{flex-direction:row;justify-content:space-between;gap:12px;margin-top:14px;font-size:11px}.wallpaper-gallery figcaption span:last-child{font-size:12px}.download-section{grid-template-columns:1fr;gap:36px}.download-intro h2{font-size:13vw}.download-facts{flex-direction:column;gap:14px}.release-notes{margin-top:-15px}.family h2{margin:42px 0}.family-links{grid-template-columns:1fr}.family-links>a{padding:28px}.family-links h3{font-size:34px}footer{padding:30px 6%;gap:24px}footer .brand{width:100%}.button{font-size:14px;padding:17px 20px}.screen-copy .eyebrow{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
:root{background:#f2f1eb;color:#25332c;--paper:#f2f1eb}.scroll-story{height:235svh;position:relative;view-timeline-name:--arrival;view-timeline-axis:block}.story-sticky{height:100svh;min-height:780px;position:sticky;top:0;overflow:hidden;background:#f2f1eb}.header{height:94px;padding:24px 4%;color:#273b31}.header .links a:last-child{border-color:#8a9c8950}.header .links a:hover{color:#5c7864}.story-title{position:absolute;top:125px;left:0;width:100%;text-align:center}.story-title .eyebrow{font-size:10px;color:#6e806c;letter-spacing:.13em}.story-title h1{font-weight:400;font-size:clamp(70px,8.8vw,140px);line-height:.9;letter-spacing:-.065em;margin:26px 0 20px}.story-title h1 em{font-family:Georgia,serif;font-weight:400;color:#81947b}.story-title p{font-size:16px;color:#687864;letter-spacing:-.02em}.story-launcher{position:absolute;left:50%;top:440px;width:min(920px,80vw);transform:translateX(-50%);transform-origin:center top}.story-scroll{position:absolute;left:4%;bottom:25px;display:flex;align-items:center;gap:14px;font:10px var(--mono);letter-spacing:.07em}.story-note{position:absolute;left:5%;top:40%;opacity:0;pointer-events:none}.story-note>span{font:10px var(--mono);color:#82917b}.story-note p{font-size:clamp(24px,3vw,46px);line-height:1.1;letter-spacing:-.055em;margin-top:20px}.live-demo{width:100%}.launcher-surface{position:relative;height:510px;overflow:hidden;border-radius:32px;background-color:#071a29;background-size:cover;background-position:center 48%;color:#eefaff;border:1px solid #133d3620;box-shadow:0 40px 85px -30px #223d3240}.launcher-status{display:flex;justify-content:space-between;align-items:center;padding:16px 28px 0;font-size:11px}.launcher-status>span:last-child{display:flex;align-items:center;gap:8px}.launcher-topline{display:flex;justify-content:space-between;align-items:center;padding:22px 42px}.launcher-date{font:8px var(--mono);letter-spacing:.14em;color:#d3edf0}.launcher-topline p{font-size:35px;letter-spacing:-.05em;line-height:1.2;margin-top:9px}.web-preview{font:8px var(--mono);letter-spacing:.1em;color:#d7edf0}.launcher-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:60px;padding:10px 42px}.launcher-widgets{display:grid;gap:15px;grid-template-columns:1fr 1fr;align-items:start}.clock-widget{grid-column:1/-1}.widget-body{padding:23px 25px;display:flex;flex-direction:column;gap:12px}.widget-body>span{font-size:10px;letter-spacing:.02em}.widget-body strong{font-size:53px;letter-spacing:-.06em;font-weight:400;line-height:1}.weather-widget{grid-column:1/-1}.weather-body{display:flex;align-items:center;gap:22px;padding:16px 25px}.weather-body strong{font-size:28px;font-weight:400;display:block}.weather-body span{font-size:11px}.launcher-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:23px 18px;align-content:start;padding-top:2px}.app-item{min-width:0;display:flex;align-items:center;flex-direction:column;gap:8px}.app-glass{width:58px!important}.app-glass button{width:58px;height:58px;display:grid;place-items:center;color:#e5f8ff;background:none;border:0;padding:14px;border-radius:22px}.app-glass button>svg{width:27px;height:27px}.app-glass button:hover{background:#fff2}.app-item>span{font-size:10px;white-space:nowrap}.mini-folder{display:grid;grid-template-columns:1fr 1fr;gap:5px}.mini-folder svg{width:12px;height:12px}.launcher-bottom{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:13px}.launcher-search>button,.launcher-search label{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:30px;border:1px solid #ffffff55;background:#ffffff0a;color:white;padding:7px 18px;font-size:11px;backdrop-filter:blur(8px)}.launcher-search label{width:225px;padding:7px 12px}.launcher-search input{min-width:0;width:160px;background:none;border:0;color:white;font:12px Arial;outline:none}.launcher-search input::placeholder{color:#d4e5e8}.launcher-search label button{background:none;border:0;padding:0;display:grid;place-items:center;color:white}.dock-apps{display:flex;gap:15px;padding:11px 21px}.dock-apps button{width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:15px;background:#ffffff0e;color:#e1f6ff;transition:transform .2s,background .2s}.dock-apps button:hover{transform:translateY(-4px);background:#ffffff25}.demo-controls{display:flex;justify-content:space-between;align-items:center;margin-top:24px;gap:15px}.demo-controls>div:first-child{display:flex;align-items:center;gap:9px;font:9px var(--mono);letter-spacing:.04em;color:#687b66}.demo-indicator{width:6px;height:6px;border-radius:50%;background:#78966a}.wallpaper-switch{display:flex;gap:10px}.wallpaper-switch button{width:28px;height:28px;border-radius:50%;border:3px solid #f2f1eb;background-size:cover;outline:1px solid #8b998840;position:relative}.wallpaper-switch button[aria-pressed=true]{outline:1px solid #475f42}.wallpaper-switch button span{position:absolute;left:50%;bottom:36px;transform:translateX(-50%);font-size:10px;white-space:nowrap;background:#f2f1eb;padding:6px;border-radius:5px;opacity:0;pointer-events:none}.wallpaper-switch button:hover span,.wallpaper-switch button:focus-visible span{opacity:1}.launcher-dialog{position:absolute;inset:0;display:grid;place-items:center;background:#091a29ad;backdrop-filter:blur(15px);z-index:8;padding:25px}.dialog-card{position:relative;max-width:330px;padding:35px;border:1px solid #ffffff45;background:#173748c9;border-radius:26px;color:#e7f3f7;box-shadow:0 20px 50px #0003}.dialog-close{position:absolute;right:14px;top:14px;background:none;color:white;border:0;padding:8px;display:grid}.dialog-card h3{font-size:28px;font-weight:400;margin:22px 0 15px;letter-spacing:-.04em}.dialog-card p{font-size:14px;line-height:1.6;color:#c5dce3}.folder-preview{display:flex;gap:25px;margin:25px 0}.no-results{grid-column:1/-1;font-size:14px}.material-intro{padding-top:110px;padding-bottom:110px}.material-intro h2{margin:70px 0 55px;font-size:clamp(52px,7vw,104px)}.material-intro em{color:#84937b}.material-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:50px}.material-bottom>p{font-size:17px;line-height:1.6;color:#6b7964;max-width:570px}.material-bottom .button{background:#2a4135;color:#f2f1eb}.material-bottom .release{color:#77846c;font-size:10px}.gesture-section{background:#e7e9df}.wallpapers{background:#f2f1eb}.wallpaper-gallery img{border-radius:6px}.family-links>a{border-radius:10px}.download-section{background:#243c31}.family h2 em{color:#81947b}
@supports(animation-timeline:view()){@media(min-width:1001px) and (prefers-reduced-motion:no-preference){.story-title{animation:title-depart linear both;animation-timeline:--arrival;animation-range:contain 0% contain 55%}.story-launcher{animation:surface-arrive linear both;animation-timeline:--arrival;animation-range:contain 0% contain 75%}.story-note{animation:note-arrive linear both;animation-timeline:--arrival;animation-range:contain 35% contain 75%}.story-scroll{animation:title-depart linear both;animation-timeline:--arrival;animation-range:contain 0% contain 20%}}}
@keyframes title-depart{to{transform:translateY(-130px);opacity:0}}@keyframes surface-arrive{0%{transform:translateX(-50%) translateY(0) scale(.96)}100%{transform:translateX(-35%) translateY(-275px) scale(.82)}}@keyframes note-arrive{from{transform:translateY(35px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(min-width:1001px) and (max-height:800px){.story-sticky{min-height:680px}.story-title{top:110px}.story-title h1{font-size:100px}.story-launcher{top:390px}.launcher-surface{height:490px}}
@media(max-width:1000px){.scroll-story{height:auto}.story-sticky{height:auto;min-height:0;position:relative;padding-bottom:45px}.story-title{position:relative;top:auto;padding:50px 5% 35px}.story-title h1{font-size:12vw}.story-launcher{position:relative;top:auto;left:auto;width:90%;margin:0 auto;transform:none}.story-note,.story-scroll{display:none}.launcher-layout{gap:30px}.header .links{display:none}.header .menu{display:grid;background:none;border:1px solid #29492d44;color:#294231}.header .links.open{display:flex;position:absolute;top:78px;left:4%;right:4%;background:#e7eade;flex-direction:column;align-items:stretch;padding:25px;border-radius:18px;box-shadow:0 15px 40px #22342320}.material-bottom{flex-direction:column;align-items:flex-start;gap:30px}}
@media(max-width:600px){.header{height:80px}.story-title{padding-top:25px}.story-title h1{font-size:15vw}.story-title p{font-size:14px}.story-title .eyebrow{font-size:8px}.story-launcher{width:90%}.launcher-surface{height:590px;border-radius:25px;background-position:center}.launcher-status{padding:14px 20px 0}.launcher-topline{padding:22px 24px}.web-preview{display:none}.launcher-topline p{font-size:30px}.launcher-layout{display:block;padding:0 24px}.launcher-widgets{display:none}.launcher-apps{grid-template-columns:repeat(3,1fr);gap:22px 12px;padding-top:14px}.app-glass{width:60px!important}.app-glass button{width:60px;height:60px}.app-item>span{font-size:11px}.launcher-bottom{bottom:22px}.demo-controls{margin-top:18px}.demo-controls>div:first-child{font-size:7px;max-width:165px;line-height:1.5}.wallpaper-switch{gap:8px}.wallpaper-switch button{width:26px;height:26px}.material-intro{padding-top:65px;padding-bottom:65px}.material-intro h2{margin:40px 0;font-size:12vw}.material-bottom>p{font-size:16px}.launcher-date{font-size:7px}}
@media(prefers-reduced-motion:reduce){.scroll-story{height:auto}.story-sticky{position:relative;height:auto;padding-bottom:40px}.story-title{position:relative;top:auto;padding:40px 5%}.story-launcher{position:relative;top:auto;left:auto;transform:none;width:min(920px,90%);margin:auto}.story-note,.story-scroll{display:none}.dock-apps button:hover{transform:none}}
@supports not (animation-timeline:view()){.scroll-story{height:auto}.story-sticky{position:relative;height:auto;padding-bottom:40px}.story-title{position:relative;top:auto;padding:40px 5%}.story-launcher{position:relative;top:auto;left:auto;transform:none;width:min(920px,90%);margin:auto}.story-note,.story-scroll{display:none}}
@supports(animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.material-intro h2,.gesture-heading,.gesture-list article,.wallpaper-heading,.family h2{animation:section-arrive linear both;animation-timeline:view();animation-range:entry 0% cover 25%}}}
@keyframes section-arrive{from{opacity:.15;transform:translateY(38px)}to{opacity:1;transform:translateY(0)}}
:root{font-family:Manrope,Arial,sans-serif;background:#101410;color:#e9ede3;--paper:#101410;--ink:#e9ede3}html{scroll-behavior:auto}body{background:#101410}h1,h2,h3,.brand,.launcher-surface{font-family:Manrope,Arial,sans-serif}h2 em{font-family:inherit;font-style:normal;color:#899582}.cinema-hero{height:100svh;min-height:730px;position:relative;overflow:hidden;background:#041320;color:#f0f5ed;border-radius:0 0 42px 42px;isolation:isolate}.cinema-art{position:absolute;inset:-10% 0;width:100%;height:120%;object-fit:cover;object-position:50% 51%;z-index:-2}.cinema-shade{position:absolute;inset:0;background:linear-gradient(180deg,#03132138 0%,#05131b06 30%,#0410188a 100%);z-index:-1}.cinema-hero .header{color:#eff5ee;height:100px;padding:25px 4%}.cinema-hero .header .links a:last-child{border-color:#e4f1e855}.cinema-hero .header .links a:hover{color:#b7d4c2}.cinema-intro{position:absolute;top:145px;left:4%;right:4%;display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:.08em;color:#d3e3df}.cinema-heading{position:absolute;left:3.7%;bottom:175px;font-weight:400;font-size:clamp(90px,12.7vw,210px);line-height:.93;letter-spacing:-.075em;max-width:92%}.cinema-heading .line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.cinema-heading .line>span{display:block}.hero-period{color:#a5c2b7}.cinema-bottom{position:absolute;bottom:44px;left:4%;right:4%;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:25px}.cinema-bottom>p{font-size:16px;line-height:1.45;letter-spacing:-.025em}.cinema-explore{display:flex;justify-content:space-between;align-items:center;border:1px solid #efffff75;border-radius:100px;padding:20px 27px;width:230px;justify-self:center;font-size:15px;backdrop-filter:blur(5px);background:#ffffff08;transition:background .35s}.cinema-explore:hover{background:#eaf9ec25}.cinema-download{display:flex;gap:16px;align-items:center;justify-self:end;font-size:13px;padding:18px 0;border-bottom:1px solid #e2eee15c}.capsule-journey{height:260svh;position:relative;background:#101410}.capsule-sticky{position:sticky;top:0;height:100svh;min-height:720px;overflow:hidden;display:flex;align-items:center;justify-content:center}.capsule-top{position:absolute;top:45px;left:4%;right:4%;display:flex;justify-content:space-between;font:10px var(--mono);letter-spacing:.05em;color:#9aa691}.capsule-stage{width:min(1060px,86vw);z-index:2;transform-origin:center;position:relative}.capsule-stage .launcher-surface{height:510px;box-shadow:none;border:0;border-radius:28px;background-position:center 48%}.capsule-stage .demo-controls{color:#c4d0be}.capsule-stage .demo-controls>div:first-child{color:#acbba1}.capsule-stage .wallpaper-switch button{border-color:#101410;outline-color:#8b9988}.capsule-stage .wallpaper-switch button[aria-pressed=true]{outline-color:#e8f4df}.capsule-stage .wallpaper-switch button span{background:#d8e3d1;color:#203222}.capsule-marquee{position:absolute;white-space:nowrap;left:-20%;font-size:clamp(110px,17vw,280px);line-height:1;font-weight:400;letter-spacing:-.075em;color:#c4cebc;pointer-events:none}.capsule-description{position:absolute;bottom:38px;left:7%;right:7%;display:flex;align-items:end;justify-content:space-between}.capsule-description p{font-size:22px;letter-spacing:-.04em;line-height:1.15}.capsule-description>span{font:9px/1.6 var(--mono);color:#94a78c;text-align:right}.material-intro{background:#101410;padding:120px 6% 145px}.section-label{border-color:#b2c3a526;color:#a8b99d}.material-intro h2{font-size:clamp(55px,7.6vw,115px);line-height:1.03;max-width:1200px;letter-spacing:-.07em}.material-intro h2 em{font-family:Manrope,Arial,sans-serif;color:#74876a;font-style:normal}.material-bottom>p{color:#a7b49b;font-size:17px}.material-bottom .button{background:#cad8bb;color:#192b20}.material-bottom .release{color:#a6b299}.gesture-section{background:#1d281f;border-radius:42px 42px 0 0}.gesture-heading h2{font-family:Manrope,sans-serif}.gesture-heading h2 em{font-family:inherit;color:#91a184;font-style:normal}.gesture-heading p,.gesture-list p{color:#a8b79c}.gesture-list article{border-color:#dcebd329}.gesture-number{color:#93ab81}.wallpapers{background:#101410;padding:110px 0 0}.wallpapers>.section-label,.wallpaper-heading{margin-left:6%;margin-right:6%}.wallpaper-heading{margin-top:65px;margin-bottom:65px}.wallpaper-heading h2 em{font-family:inherit;font-style:normal;color:#8da17d}.wallpaper-heading p{color:#9eaf91}.wallpaper-gallery{display:block;padding:0 12px}.wallpaper-gallery figure{height:90svh;min-height:620px;position:sticky;top:0;overflow:hidden;border-radius:36px 36px 0 0;margin:0;padding:0!important;background:#172317}.wallpaper-gallery img{width:100%;height:100%;object-fit:cover;aspect-ratio:auto;border-radius:0;object-position:center 50%}.wallpaper-gallery figure:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#020b148c);pointer-events:none}.wallpaper-gallery figcaption{position:absolute;left:5%;right:5%;bottom:45px;z-index:1;display:flex;flex-direction:row;align-items:end;justify-content:space-between;color:#f1f6eb;gap:25px}.wallpaper-gallery figcaption>span:first-child{font-family:Manrope,sans-serif;font-size:clamp(40px,6vw,90px);letter-spacing:-.07em;line-height:1}.wallpaper-gallery figcaption>span:last-child{color:#e2ebe0;font-size:16px}.download-section{position:relative;background:#cfdbc2;color:#1e3424;padding-top:125px;padding-bottom:85px;border-radius:38px 38px 0 0;margin-top:-1px}.download-section h2 em{font-family:inherit;font-style:normal;color:#657c57}.download-section .button{background:#263f2b;color:#eff6e7}.download-meta,.preview-note,.install p,.release-notes p{color:#596e4f}.install li,.install-footnote,.download-facts{border-color:#2d482837}.download-facts{color:#314d29}.install li>span{color:#607950}.family{background:#101410}.family h2 em{font-family:inherit;font-style:normal;color:#809775}.family-links>a{border-color:#adc19e35;border-radius:25px;background:#19231b}.family-links>a:hover{background:#27362a}.family-links .eyebrow,.family-links p{color:#9cad90}footer{background:#101410;border-color:#aec39b33;color:#ccdac1}.material-intro h2,.gesture-heading,.gesture-list article,.wallpaper-heading,.family h2{animation:none}.header .brand strong{font-weight:500}
@media(max-width:1000px){.cinema-hero .header .menu{color:white;border-color:#ecffe45c}.cinema-hero .header .links.open{background:#152b28;color:#edf6e6}.cinema-heading{font-size:15vw;bottom:190px}.cinema-intro{top:125px}.capsule-stage{width:90vw}.capsule-journey{height:220svh}.capsule-description p{font-size:20px}.capsule-stage .launcher-layout{gap:28px}.wallpaper-gallery figure{height:85svh}}
@media(max-width:600px){.cinema-hero{min-height:680px;border-radius:0 0 28px 28px}.cinema-art{object-position:54% center}.cinema-hero .header{height:85px;padding:22px 5%}.cinema-intro{top:118px;left:5%;right:5%;font-size:8px}.cinema-intro span:last-child{max-width:90px;text-align:right;line-height:1.5}.cinema-heading{font-size:18vw;left:5%;bottom:235px;letter-spacing:-.07em;line-height:1.04}.cinema-bottom{left:5%;right:5%;bottom:30px;grid-template-columns:1fr 1fr;align-items:center;gap:22px}.cinema-bottom>p{font-size:13px;max-width:180px}.cinema-explore{width:145px;padding:15px 18px;font-size:12px;justify-self:end}.cinema-download{justify-self:start;font-size:12px;grid-column:1/-1;padding:12px 0}.capsule-journey{height:210svh}.capsule-sticky{min-height:720px}.capsule-stage{width:90vw;margin-top:-10px}.capsule-stage .launcher-surface{height:550px;border-radius:26px}.capsule-stage .launcher-apps{gap:17px 12px;padding-top:4px}.capsule-stage .launcher-topline{padding-top:14px;padding-bottom:18px}.capsule-top{top:23px;font-size:8px;left:5%;right:5%}.capsule-top span:last-child{max-width:130px;text-align:right}.capsule-description{bottom:18px;left:5%;right:5%}.capsule-description p{font-size:14px}.capsule-description>span{font-size:7px}.capsule-marquee{font-size:29vw}.capsule-stage .demo-controls{margin-top:15px}.material-intro{padding:60px 6% 80px}.material-intro h2{font-size:11vw;line-height:1.12}.material-bottom>p{font-size:15px}.gesture-section{border-radius:28px 28px 0 0}.wallpapers{padding-top:65px}.wallpaper-gallery{padding:0 6px}.wallpaper-gallery figure{height:78svh;min-height:560px;border-radius:24px 24px 0 0}.wallpaper-gallery figcaption{bottom:30px;display:block}.wallpaper-gallery figcaption>span:first-child{display:block;font-size:11vw;margin-bottom:18px}.wallpaper-gallery figcaption>span:last-child{font-size:13px}.download-section{padding-top:75px}.family h2{font-size:12vw}}
@media(prefers-reduced-motion:reduce){.capsule-journey{height:auto}.capsule-sticky{position:relative;height:auto;min-height:0;padding:90px 0 115px}.capsule-marquee{display:none}.capsule-stage{transform:none;clip-path:none}.capsule-description{opacity:1}.cinema-art{transform:none}.wallpaper-gallery figure{position:relative}.cinema-heading .line>span{transform:none}}

.cinema-heading{word-spacing:.06em;letter-spacing:-.065em}.capsule-marquee{word-spacing:.08em}
/* manrope-latin-400-normal */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(/assets/manrope-latin-400-normal-PaqtzbVb.woff2) format('woff2'), url(/assets/manrope-latin-400-normal-8tf8FM3T.woff) format('woff');
}/* manrope-latin-500-normal */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(/assets/manrope-latin-500-normal-BYYD-dBL.woff2) format('woff2'), url(/assets/manrope-latin-500-normal-DMZssgOp.woff) format('woff');
}.glass-journey{position:relative;height:280svh;background:#091c27;color:#e1eeed}.glass-journey-sticky{position:sticky;top:0;height:100svh;min-height:740px;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#24515c80,transparent 65%)}.journey-kicker,.journey-footnote{position:absolute;left:5%;right:5%;display:flex;justify-content:space-between;gap:25px;font:9px var(--mono);letter-spacing:.07em;color:#a4c0c4;z-index:3}.journey-kicker{top:45px}.journey-footnote{bottom:35px;font-size:8px;color:#8aa6ab}.journey-word{position:absolute;top:25%;left:12%;font-size:clamp(200px,34vw,550px);line-height:1;letter-spacing:-.08em;color:#80adb315;white-space:nowrap;pointer-events:none}.hero-phone-composition.phone-variant-journey{position:absolute;top:9%;left:26%;right:auto;width:48%;height:82%;z-index:2}.hero-phone-composition.phone-variant-journey .hero-phone-stage{height:100%}.journey-copy{position:absolute;top:34%;width:34%;z-index:3}.journey-copy-intro{left:6%}.journey-copy-outro{right:5%;opacity:0}.journey-copy h2{font-size:clamp(44px,5.2vw,80px);font-weight:400;letter-spacing:-.06em;line-height:1.08;margin:20px 0 25px}.journey-copy h2 em{color:#9fbcbf}.journey-copy>span{font:9px var(--mono);letter-spacing:.07em;color:#9fbcbf}.journey-copy p{font-size:16px;line-height:1.75;color:#aac3c9}.journey-copy a{display:inline-flex;align-items:center;gap:30px;margin-top:25px;padding-bottom:12px;border-bottom:1px solid #ffffff40;font-size:13px}.everyday-stage{min-height:870px}.everyday-stage>[role=tabpanel]{position:relative}.everyday-authentic{line-height:1.5}
@media(max-width:700px){.glass-journey{height:260svh}.glass-journey-sticky{min-height:760px}.journey-kicker{top:25px;font-size:7px}.journey-kicker>span:first-child{max-width:140px}.journey-footnote{font-size:6px;bottom:22px}.journey-footnote>span{max-width:140px}.journey-copy{top:70px;left:7%;right:7%;width:auto}.journey-copy h2{font-size:10vw;margin:12px 0}.journey-copy p{font-size:12px;line-height:1.5}.journey-copy-outro p{display:none}.journey-copy-outro a{margin-top:3px;font-size:11px}.hero-phone-composition.phone-variant-journey{left:10%;width:80%;top:29%;height:60%}.journey-word{top:48%;left:0;font-size:65vw}.everyday-stage{min-height:660px}}
@media(prefers-reduced-motion:reduce){.glass-journey{height:auto}.glass-journey-sticky{height:950px;position:relative}.journey-copy-intro{top:80px}.journey-copy-outro{display:none}.hero-phone-composition.phone-variant-journey{left:42%;width:52%;top:12%;height:78%}@media(max-width:700px){.glass-journey-sticky{height:850px}.hero-phone-composition.phone-variant-journey{left:10%;width:80%;top:29%;height:60%}}}
.slgf-text { display: inline; }
.slgf-layout {
  display: inline-block;
  position: relative;
  white-space: pre;
  text-align: start;
}
.slgf-letters { display: inline-block; position: relative; }
.slgf-baseline { display: inline-block; width: 0; height: 0; padding: 0; margin: 0; }
.slgf-backdrop { display: none; pointer-events: none; }
.slgf-highlight { display: none; pointer-events: none; }
.slgf-filter { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.slgf-backdrop {
  mask-size: 100% 100%;
  -webkit-mask-size: 100% 100%;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}
@supports ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) and (background-clip: text) {
  .slgf-layout[data-ready="true"] > .slgf-backdrop {
    display: block;
    position: absolute;
    inset: 0;
    background: var(--slgf-tint);
    backdrop-filter: var(--slgf-filter);
    -webkit-backdrop-filter: var(--slgf-filter);
  }
  .slgf-layout[data-ready="true"] > .slgf-highlight {
    display: block;
    position: absolute;
    inset: 0;
    background-size: 100% 100%;
    opacity: var(--slgf-specular);
  }
  .slgf-layout[data-ready="true"] > .slgf-letters {
    z-index: 1;
    color: transparent;
    background: linear-gradient(165deg, rgb(255 255 255 / .16), rgb(255 255 255 / .015) 42%, rgb(255 255 255 / .035) 65%, rgb(255 255 255 / .12));
    background-color: var(--slgf-fill-color);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-stroke: var(--slgf-border-width) var(--slgf-border-color);
    text-shadow: var(--slgf-shadow);
  }
}
@media (forced-colors: active), (prefers-reduced-transparency: reduce), print {
  .slgf-layout[data-ready="true"] > .slgf-backdrop, .slgf-layout[data-ready="true"] > .slgf-highlight { display: none; }
  .slgf-layout[data-ready="true"] > .slgf-letters {
    color: inherit;
    background: none;
    -webkit-text-stroke: 0;
    text-shadow: none;
  }
}

.slgf-gpu-tint { position: absolute; inset: 0; background: var(--slgf-tint); pointer-events: none; }
.hero-glass-cta{width:230px;justify-self:center}.cinema-explore{width:100%;border:0;background:none;backdrop-filter:none}.hero-glass-cta .cinema-explore:hover{background:#ffffff10}.launcher-search>button,.launcher-search label{background:none;border:0;backdrop-filter:none}.family-previews{display:grid;grid-template-columns:1fr 1fr;gap:28px}.family-preview{min-width:0}.family-scene{height:410px;position:relative;overflow:hidden;border-radius:30px;color:#fff;background:#26382f}.family-scenery{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.family-scene-label,.family-scene-note{position:absolute;left:28px;right:28px;font:9px/1.5 var(--mono);letter-spacing:.07em;text-shadow:0 1px 8px #0008}.family-scene-label{top:25px}.family-scene-note{bottom:25px}.family-player-position{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:30px}.family-player{width:100%;max-width:360px}.family-player-content{padding:26px;color:#fff}.family-track{display:flex;align-items:center;gap:15px}.family-track>img{width:52px;height:52px;object-fit:cover;border-radius:12px}.family-track>div{flex:1}.family-track span{font:7px var(--mono);letter-spacing:.08em}.family-track h3{font-size:22px;letter-spacing:-.04em;font-weight:400;margin:6px 0 4px}.family-track p{font-size:11px}.family-player-controls{display:flex;align-items:center;gap:18px;margin-top:26px}.family-player-controls button{background:#ffffff22;border:1px solid #fff6;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:white;flex-shrink:0}.family-player-controls button:hover{background:#ffffff40}.family-progress{height:3px;border-radius:5px;background:#ffffff40;width:100%;overflow:hidden}.family-progress span{display:block;background:white;width:100%;height:100%;transform-origin:left}.family-player-error{display:block;font-size:11px}.family-player-error:empty{display:none}.family-preview-link{display:flex;align-items:center;justify-content:space-between;padding:28px 2px;gap:18px}.family-preview-link span{font:9px var(--mono);color:#9bad90;letter-spacing:.07em}.family-preview-link h3{font-size:clamp(23px,2.4vw,38px);font-weight:400;letter-spacing:-.055em;margin:12px 0}.family-preview-link p{font-size:14px;color:#a5b39c;line-height:1.6}.family-preview-link>svg{flex-shrink:0;transition:transform .3s}.family-preview-link:hover>svg{transform:translate(4px,-4px)}.family-liquid-type{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-style:italic;font-weight:700;font-size:clamp(60px,6.8vw,110px);letter-spacing:-.055em;white-space:nowrap}.family-type-pending,.family-liquid-type .slgf-layout:not([data-ready=true]){visibility:hidden}
@media(max-width:800px){.family-previews{grid-template-columns:1fr;gap:25px}.family-scene{height:380px}.family-liquid-type{font-size:clamp(64px,13vw,100px)}}@media(max-width:600px){.hero-glass-cta{width:145px;justify-self:end}.family-scene{height:320px;border-radius:24px}.family-player-position{padding:22px}.family-player-content{padding:20px}.family-track{gap:10px}.family-track>svg{display:none}.family-track span{font-size:7px}.family-liquid-type{font-size:17vw}.family-preview-link h3{font-size:28px}.family-scene-label,.family-scene-note{left:22px;font-size:8px}}@media(prefers-reduced-motion:reduce){.family-preview-link>svg{transition:none}}
.everyday-section{position:relative;margin:0 12px;padding:100px var(--page-gutter) 65px;background:#101e23;color:#edf1e9;border-radius:40px;overflow:hidden}.everyday-heading{position:relative;z-index:1;pointer-events:none}.everyday-eyebrow{font:10px var(--mono);letter-spacing:.13em;color:#a4b7b3}.everyday-heading h2{font-size:clamp(64px,8.7vw,132px);font-weight:400;line-height:1.02;letter-spacing:-.065em;margin:35px 0 25px}.everyday-heading h2 em{font-family:inherit;font-style:normal;color:#a4bdb4}.everyday-heading>p{font-size:17px;line-height:1.7;color:#a7b8b6}.everyday-experience{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;margin-top:45px}.everyday-controls{max-width:430px;position:relative;z-index:2}.everyday-tabs{display:grid;gap:0}.everyday-tabs button{display:flex;align-items:center;gap:17px;text-align:left;background:transparent;color:#8faaa5;border:0;border-top:1px solid #ffffff1a;padding:21px 0;font:inherit;cursor:pointer;transition:color .25s,padding .3s}.everyday-tabs button>span{flex:1;font-size:19px;letter-spacing:-.03em}.everyday-tabs button>svg:last-child{opacity:0;transform:translate(-5px,5px);transition:opacity .3s,transform .3s}.everyday-tabs button[aria-selected=true]{color:#fff;padding-left:12px}.everyday-tabs button[aria-selected=true]>svg:last-child{opacity:1;transform:none}.everyday-tabs button:hover{color:white}.everyday-tabs button:focus-visible,.everyday-download:focus-visible{outline:2px solid #c4decb;outline-offset:5px}.everyday-description{min-height:160px;margin:28px 0 10px;animation:everyday-copy-in .45s ease both}.everyday-description h3{font-size:22px;line-height:1.3;font-weight:400;letter-spacing:-.035em;margin:0 0 14px}.everyday-description p{font-size:15px;line-height:1.8;color:#a7b8b6;max-width:370px;margin:0}.everyday-download{display:inline-flex;align-items:center;gap:35px;border-bottom:1px solid #bccfc866;padding:14px 0;font-size:14px}.everyday-stage{position:relative;margin-top:-370px;min-height:870px;perspective:1400px}.everyday-stage:before{content:'';position:absolute;inset:15% -25% 5%;background:radial-gradient(ellipse,#5f928541,transparent 66%);pointer-events:none}.everyday-orbit{position:absolute;width:650px;height:650px;border:1px solid #cee9dc12;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.everyday-orbit:before,.everyday-orbit:after{content:'';position:absolute;inset:60px;border:1px solid #cee9dc10;border-radius:50%}.everyday-orbit:after{inset:-65px}.everyday-stage-label{display:block;text-align:center;font:9px var(--mono);letter-spacing:.12em;color:#77988d;margin:8px 0}.everyday-capture{position:absolute;inset:65px 0 50px;display:flex;align-items:center;flex-direction:column;margin:0;opacity:0;transform:translate3d(30px,20px,0) rotateY(-8deg) rotateZ(3deg) scale(.96);transition:opacity .45s,transform .7s cubic-bezier(.2,.7,.2,1);pointer-events:none;visibility:hidden}.everyday-capture.is-active{opacity:1;visibility:visible;transform:translate3d(0,0,0) rotateY(-8deg) rotateZ(3deg)}.everyday-device{height:650px;max-width:90%;padding:6px;background:#131b1e;border:1px solid #7d9387;border-radius:31px;box-shadow:15px 35px 65px #0008,0 1px 0 #ffffff70;overflow:hidden}.everyday-device img{display:block;height:100%;width:auto;max-width:100%;object-fit:contain;border-radius:25px}.everyday-capture figcaption{font-size:12px;color:#aec4bb;margin-top:30px;text-align:center}.everyday-authentic{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:11px;color:#819c93}.everyday-stage-label,.everyday-authentic{z-index:1}@keyframes everyday-copy-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:1100px){.everyday-stage{margin-top:-290px;min-height:800px}.everyday-device{height:590px}.everyday-heading h2{font-size:8.5vw}.everyday-description{min-height:195px}}
@media(max-width:700px){.everyday-section{padding:60px 23px 40px;margin:0 6px;border-radius:26px}.everyday-heading h2{font-size:14vw;margin-top:28px}.everyday-heading>p{font-size:15px}.everyday-experience{display:flex;flex-direction:column;margin-top:30px;gap:25px}.everyday-controls{max-width:none}.everyday-tabs{display:flex;gap:16px;border-bottom:1px solid #ffffff20}.everyday-tabs button{border:0;padding:14px 0!important;gap:5px;flex:1;justify-content:center;flex-direction:column}.everyday-tabs button>span{font-size:11px;white-space:nowrap}.everyday-tabs button>svg:last-child{display:none}.everyday-tabs button[aria-selected=true]{box-shadow:0 1px #d5e8de}.everyday-description{min-height:155px;margin-top:25px}.everyday-description h3{font-size:22px}.everyday-description p{font-size:14px}.everyday-stage{margin-top:10px;min-height:660px}.everyday-device{height:500px}.everyday-capture{inset:45px 0 50px}.everyday-orbit{width:450px;height:450px}.everyday-capture.is-active{transform:rotateY(-5deg) rotateZ(2deg)}.everyday-capture figcaption{font-size:11px;margin-top:24px}}
@media(prefers-reduced-motion:reduce){.everyday-capture,.everyday-tabs button,.everyday-tabs button>svg:last-child{transition:none}.everyday-description{animation:none}}
.cinema-heading{font-size:clamp(65px,7.2vw,115px);bottom:32%;max-width:56%;z-index:2}.cinema-heading .line:last-child{padding-left:0}.cinema-heading .line:last-child>span{max-width:7em;white-space:normal}.cinema-hero{min-height:820px}.hero-phone-composition{position:absolute;right:3%;top:12%;width:42%;height:76%;z-index:3}.hero-phone-stage{height:calc(100% - 34px);width:100%;position:relative;filter:drop-shadow(15px 35px 28px #0007)}.hero-phone-stage>canvas,.phone-dom-layer{position:absolute;inset:0;pointer-events:none}.phone-screen{width:320px;height:688px;border-radius:32px;overflow:hidden;color:white;background:#082233;visibility:hidden;pointer-events:none;font-family:Manrope,sans-serif}.is-ready .phone-screen{visibility:visible}.phone-wallpaper{position:absolute;inset:0;background:url('/media/web-cobalt.webp') 68% center/auto 100%}.phone-camera{position:absolute;top:12px;left:calc(50% - 5px);width:10px;height:10px;border-radius:50%;background:#020409;box-shadow:inset 0 0 0 2px #17212b;z-index:4}.phone-status{position:relative;display:flex;justify-content:space-between;padding:17px 24px;font-size:10px;font-weight:500}.phone-status>span:last-child{display:flex;gap:5px}.phone-pages{position:relative;display:flex;width:200%;height:466px;transition:transform 1.35s cubic-bezier(.22,1,.36,1);will-change:transform}.phone-page{width:50%;flex-shrink:0;padding:25px 25px 0;box-sizing:border-box}.phone-clock{text-align:center;margin:8px 0 30px}.phone-clock>span,.phone-page-title>span{font-size:8px;letter-spacing:.12em}.phone-clock strong{display:block;font-size:70px;letter-spacing:-.075em;font-weight:400;line-height:1.35}.phone-clock p{font-size:11px;margin:0}.phone-weather{margin-bottom:35px}.phone-weather>div>div{display:flex;align-items:center;gap:14px;padding:14px 18px}.phone-weather span{font-size:23px;line-height:1.2}.phone-weather small{display:block;font-size:9px;margin-top:4px}.phone-app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 13px}.phone-app-grid>div{min-width:0;text-align:center}.phone-app-icon{height:55px;display:grid;place-items:center}.phone-app-grid small{display:block;font-size:9px;margin-top:7px}.phone-page-title{margin:24px 0 55px}.phone-page-title h3{font-size:30px;letter-spacing:-.05em;font-weight:400;margin-top:12px}.phone-note{font-size:24px;line-height:1.35;letter-spacing:-.04em;margin:35px 0;color:#e3f1f7}.phone-pagination{position:absolute;bottom:155px;left:0;width:100%;display:flex;justify-content:center;gap:6px}.phone-pagination i{width:4px;height:4px;background:#ffffff55;border-radius:50%}.phone-pagination i.active{background:white}.phone-fixed-bottom{position:absolute;bottom:32px;left:19px;right:19px;display:grid;gap:13px}.phone-search{height:35px;display:flex;gap:8px;align-items:center;justify-content:center;font-size:11px}.phone-dock{height:64px;display:flex;align-items:center;justify-content:space-evenly}.phone-dock svg{width:23px;stroke-width:1.4}.phone-gesture{position:absolute;bottom:11px;left:110px;width:100px;height:4px;border-radius:3px;background:#fff9}.phone-caption{display:flex;align-items:center;justify-content:center;gap:18px;font:8px var(--mono);letter-spacing:.05em;color:#dce9ed}.phone-caption button{background:transparent;border:1px solid #ffffff40;border-radius:30px;color:inherit;padding:9px 12px;display:flex;gap:15px;align-items:center}.phone-caption button:hover{background:#ffffff18}.phone-caption button:focus-visible{outline:2px solid white;outline-offset:4px}
@media(max-width:1000px) and (min-width:701px){.hero-phone-composition{right:0;width:46%}.cinema-heading{font-size:7.8vw;max-width:53%}}
@media(max-width:700px){.cinema-hero{height:1100px;min-height:1100px}.cinema-heading{top:160px;bottom:auto;max-width:90%;font-size:13vw;line-height:1.05}.cinema-heading .line:last-child>span{max-width:none}.hero-phone-composition{top:295px;right:7%;width:86%;height:565px}.cinema-bottom{bottom:28px}.cinema-intro>span:last-child{display:none}.phone-caption{font-size:7px}.cinema-art{object-position:65% center}}
@media(prefers-reduced-motion:reduce){.phone-pages{transition:none}}
.phone-fallback .phone-screen{visibility:visible;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.8)!important;border:5px solid #53636c;box-shadow:0 20px 60px #0006}.phone-fallback>canvas{display:none}
.phone-variant-details{position:relative;inset:auto;width:100%;height:780px}.phone-variant-details .hero-phone-stage{height:100%}.phone-variant-details .phone-screen{pointer-events:auto}.phone-pages[hidden]{display:none}.phone-settings{position:relative;padding:35px 23px}.phone-settings>span{font-size:8px;letter-spacing:.12em}.phone-settings h3{font-size:31px;line-height:1.2;letter-spacing:-.04em;font-weight:400;margin:18px 0}.phone-settings p{font-size:12px;line-height:1.6;margin-bottom:26px}.phone-wallpaper-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:25px}.phone-wallpaper-options>div{border:1px solid #fff4;background:#ffffff12;border-radius:14px;overflow:hidden;padding:3px;color:white;font:10px Manrope;cursor:pointer}.phone-wallpaper-options>div.selected{border-color:#fff}.phone-wallpaper-options img{width:100%;height:135px;object-fit:cover;border-radius:10px}.phone-wallpaper-options span{display:block;padding:10px 0}.phone-material-note{padding:20px;font-size:18px}.phone-material-note small{font-size:10px;display:block;margin-top:10px}.phone-option-row{display:flex;justify-content:space-between;padding:18px;font-size:12px}.phone-settings>[data-liquid-glass]{margin-bottom:12px}.phone-settings-note{font-size:10px;display:block;margin:22px 0;color:#cbdde7}.phone-variant-journey .phone-pages{transition:none}.phone-variant-details .phone-screen button:focus-visible{outline:2px solid white;outline-offset:-3px}@media(max-width:700px){.phone-variant-details{height:590px}}
.phone-variant-details .hero-phone-stage{pointer-events:none}.phone-variant-details .phone-wallpaper-options>div{pointer-events:auto}
.phone-variant-details .hero-phone-stage{filter:none}.phone-variant-details .phone-dom-layer{pointer-events:auto;z-index:2}.phone-variant-details canvas{z-index:1}

.phone-wallpaper-controls{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:8px;z-index:5}.phone-wallpaper-controls button{background:transparent;border:1px solid #abc9c344;color:#b7d2cd;border-radius:30px;padding:10px 16px;font:11px Manrope;cursor:pointer}.phone-wallpaper-controls button[aria-pressed=true]{background:#d7e6df;color:#142b2e}.phone-wallpaper-controls button:focus-visible{outline:2px solid white;outline-offset:3px}
:root{--page-gutter:clamp(24px,5vw,90px)}.cinema-art{inset:-6% 0;width:100%;height:112%;object-position:center}.cinema-shade{background:linear-gradient(90deg,#020d1769,transparent 75%),linear-gradient(0deg,#020d1770,transparent 40%)}.cinema-heading{font-size:clamp(70px,10.6vw,170px);bottom:190px;letter-spacing:-.07em;line-height:1.02;word-spacing:0}.cinema-heading .line:last-child{padding-left:8vw}.cinema-intro{left:var(--page-gutter);right:var(--page-gutter);top:140px}.cinema-bottom{left:var(--page-gutter);right:var(--page-gutter);bottom:45px}.cinema-bottom>p{font-size:15px;color:#d0e1de}.cinema-hero .header{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}.cinema-hero{border-radius:0 0 48px 48px}.capsule-top{left:var(--page-gutter);right:var(--page-gutter)}.capsule-stage{width:min(1200px,88vw)}.capsule-stage .launcher-surface{background-position:center}.capsule-stage .launcher-topline{padding-bottom:18px}.material-intro{padding:105px var(--page-gutter) 115px}.material-intro h2{font-size:clamp(45px,7.2vw,112px);line-height:1.08;letter-spacing:-.065em;margin:60px 0}.material-bottom{gap:8vw}.material-bottom>p{max-width:650px;font-size:18px;line-height:1.7}.material-bottom>div{flex-shrink:0}.android-details{padding:100px var(--page-gutter);display:grid;grid-template-columns:1.15fr 1fr;gap:9%;background:#d8dece;color:#26372b;border-radius:40px;align-items:center;margin:0 12px}.section-index{font:10px var(--mono);letter-spacing:.07em;color:#677e5c}.android-copy h2{font-size:clamp(46px,6.2vw,90px);line-height:1.07;margin:40px 0 25px;letter-spacing:-.065em}.android-copy h2 em{font-style:normal;font-family:inherit;color:#829174}.android-intro{font-size:17px;line-height:1.6;color:#65755c}.android-options{margin-top:45px}.android-option{border-top:1px solid #243c2630}.android-option button{display:flex;align-items:center;gap:20px;width:100%;padding:23px 0;border:0;background:none;color:inherit;text-align:left}.android-option button>span{font:10px var(--mono);color:#7c8d70}.android-option button strong{font-size:18px;letter-spacing:-.035em;font-weight:500;flex:1}.android-option p{font-size:15px;line-height:1.7;color:#617456;margin:0 0 26px 35px;max-width:440px}.android-download{display:inline-flex;align-items:center;gap:30px;font-size:13px;padding:20px 0;border-bottom:1px solid #29482b55;margin-top:12px}.android-capture{background:#becbb4;border:1px solid #839b7940;border-radius:22px;padding:24px 35px;overflow:hidden}.capture-header{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.08em;color:#506847;margin-bottom:26px}.capture-image{height:560px;display:flex;justify-content:center;overflow:hidden;border-radius:16px}.capture-image img{height:100%;width:auto;object-fit:contain;border-radius:12px;box-shadow:0 15px 40px #263c2840}.android-capture figcaption{text-align:center;font:9px var(--mono);letter-spacing:.04em;margin-top:24px;color:#526c48}.wallpapers{padding-top:110px}.wallpaper-heading h2{line-height:1.07}.wallpaper-heading{gap:5vw}.wallpaper-heading p{max-width:400px;font-size:16px;line-height:1.7}.wallpaper-gallery figure{height:95svh;min-height:580px}.wallpaper-gallery img{object-position:center}.wallpaper-gallery figcaption{left:var(--page-gutter);right:var(--page-gutter);bottom:55px}.wallpaper-gallery figcaption>span:first-child{font-size:clamp(45px,7.5vw,115px)}.wallpaper-gallery figcaption>span:last-child{font-size:16px}.download-section{padding:110px var(--page-gutter) 80px;gap:65px 10%;background:#cfdbc2}.download-intro h2{font-size:clamp(50px,6.1vw,95px);line-height:1.08;letter-spacing:-.065em}.download-facts{font-size:13px}.family{padding:110px var(--page-gutter) 85px}.family h2{font-size:clamp(45px,7.2vw,105px);line-height:1.08}.family-previews{gap:36px}.family-scene{height:450px}.family-preview-link{padding-top:30px}.family-preview-link p{max-width:360px}.family-liquid-type{font-size:clamp(55px,6.4vw,103px)}footer{padding:40px var(--page-gutter)}
@media(min-width:1700px){.capture-image{height:660px}.capsule-stage .launcher-surface{height:570px}.launcher-layout{padding-top:25px}.launcher-bottom{bottom:30px}.family-scene{height:520px}}
@media(max-width:1000px){.material-bottom{flex-direction:column;align-items:flex-start;gap:30px}.android-details{gap:5%;padding:70px 5%}.capture-image{height:470px}.android-capture{padding:22px}.android-copy h2{font-size:6.4vw}.android-option button strong{font-size:16px}.family-scene{height:370px}.cinema-heading{font-size:12vw}.cinema-heading .line:last-child{padding-left:4vw}.cinema-intro{top:125px}}
@media(max-width:700px){.cinema-heading{font-size:15.1vw;line-height:1.13;left:6%;bottom:240px}.cinema-heading .line:last-child{padding-left:0}.cinema-hero{border-radius:0 0 28px 28px}.cinema-art{object-position:66% center}.cinema-intro{font-size:8px;top:110px}.cinema-bottom{bottom:32px;left:6%;right:6%;gap:24px}.cinema-bottom>p{font-size:12px}.material-intro{padding-top:70px;padding-bottom:80px}.material-intro h2{font-size:11.5vw;margin:40px 0}.material-bottom>p{font-size:16px}.android-details{grid-template-columns:1fr;margin:0 6px;border-radius:26px;padding:55px 6%;gap:40px}.android-copy h2{font-size:12vw;margin-top:28px}.android-options{margin-top:30px}.android-intro{font-size:15px}.capture-image{height:500px}.android-capture{padding:22px}.wallpapers{padding-top:70px}.wallpaper-heading{display:block}.wallpaper-heading h2{font-size:12vw}.wallpaper-heading p{font-size:15px}.wallpaper-gallery figure{height:80svh;min-height:540px}.wallpaper-gallery img{object-position:65% center}.wallpaper-gallery figcaption{bottom:35px}.wallpaper-gallery figcaption>span:first-child{font-size:12vw}.wallpaper-gallery figcaption>span:last-child{font-size:13px}.download-section{padding-top:75px;gap:38px}.download-intro h2{font-size:12vw}.family{padding-top:75px}.family h2{font-size:12vw}.family-previews{gap:28px}.family-scene{height:330px}.family-liquid-type{font-size:17vw}.capsule-stage{width:90vw}}

.download-section{background:linear-gradient(90deg,#140d0bea,#140d0b90),url('/media/web-copper-satin.webp') center/cover;color:#f1eee4;border-radius:40px 40px 0 0}.download-intro h2 em{color:#d8af89}.download-section .button{background:#ead9bb;color:#352417}.download-meta,.preview-note,.download-section .install p,.download-section .release-notes p{color:#d5c5b4}.install-glass{align-self:start}.install-glass .install{padding:32px}.install-glass .install h3{font-size:25px}.install-glass .install li{border-color:#e7d7c336}.install-glass .install li>span{color:#dfc4a3}.install-glass .install-footnote,.download-facts{border-color:#e7d7c336}.download-facts{color:#ddcbb5}.family-previews{grid-template-columns:1.08fr 1fr}.family-scene{border-radius:24px}.family-preview:first-child{padding-top:40px}.family-preview-link h3{font-size:clamp(23px,2.5vw,40px)}@media(max-width:800px){.family-previews{grid-template-columns:1fr}.family-preview:first-child{padding-top:0}.install-glass .install{padding:25px}.download-section{background-position:65% center}}