:root{color-scheme:dark;--background:#0e0f11;--text:#faf9f6;--muted:#b7b8c1;--line:#ffffff17;--red:#e00000;--gutter:24px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:155px}
*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;touch-action:manipulation}button,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}a:focus-visible,summary:focus-visible{outline:3px solid white;outline-offset:5px;border-radius:5px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{letter-spacing:-.045em}p{line-height:1.75;color:var(--muted)}.skip{position:fixed;inset-inline-start:15px;top:-100px;z-index:100;background:var(--red);padding:14px}.skip:focus{top:15px}.document-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:10px var(--gutter);min-height:70px;background:#0e0f11e8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.back-link{display:inline-flex;align-items:center;gap:6px;min-height:48px;font-size:12px;color:#d5d5dc}.back-link:hover{color:white}.back-link svg{width:17px}.document-brand{display:flex;align-items:center;min-height:48px;flex-shrink:0}.document-brand img{width:65px;height:auto;object-fit:contain}main{max-width:1280px;margin:auto;padding-inline:var(--gutter)}.document-hero{padding:55px 0 45px;display:grid;grid-template-columns:minmax(0,1fr);gap:36px}.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:550;display:flex;align-items:center;gap:10px;color:#d1c3c5;line-height:1.7}.eyebrow>span{width:20px;height:2px;background:var(--red)}h1{font-size:clamp(43px,7.5vw,83px);line-height:1.05;font-weight:620;margin:25px 0;letter-spacing:-.065em}h1 em{font-style:normal;color:#adaeb5}.lead{font-size:16px;max-width:465px;margin:25px 0 28px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:52px;border-radius:100px;background:var(--red);padding:15px 23px;font-size:14px;font-weight:600;box-shadow:inset 0 1px #ffffff26;transition:background .18s,transform .18s}.primary:hover{background:#bb0000;transform:translateY(-2px)}.primary span{font-size:19px;font-weight:400}.document-meta{display:flex;gap:20px;font-size:11px;color:#9497a2;margin-top:23px}.vision-art{position:relative;width:100%;min-width:0;min-height:355px;aspect-ratio:1.03;max-width:465px;border-radius:25px;isolation:isolate;overflow:hidden;border:1px solid #ffffff20;background:#191a1c}.vision-art>img{position:absolute;inset:0;width:100%;height:100%;object-position:center 28%;opacity:.6;z-index:-2}.vision-art:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#08090bf2,transparent 80%);z-index:-1}.art-caption{position:absolute;inset-inline:26px;bottom:150px}.art-caption>span{font-size:9px;letter-spacing:.16em;color:#ddd}.art-caption>p{font-size:37px;font-weight:600;letter-spacing:-.045em;line-height:1.04;color:white;margin-top:12px}.glass-sample{position:absolute;inset-inline:19px;bottom:62px;min-height:76px;display:flex;align-items:center;gap:14px;padding:13px;border-radius:24px;border:1px solid #ffffff40;background:linear-gradient(135deg,#ffffff20,#ffffff08),#23232980;backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);box-shadow:inset 0 1px #ffffff40,0 10px 35px #0005}.glass-sample strong{display:block;font-size:13px;font-weight:500}.glass-sample div>span{display:block;font-size:11px;color:#d4d4dc;margin-top:5px}.play-symbol{background:var(--red);width:43px;height:43px;display:grid;place-items:center;border-radius:15px;font-size:14px;flex-shrink:0}.glass-plus{margin-inline-start:auto;font-size:27px;font-weight:200;color:#eee}.vision-art figcaption{position:absolute;inset-inline:25px;bottom:18px;font-size:10px;line-height:1.5;color:#b4b7c0}.section-nav{position:sticky;top:70px;z-index:20;display:flex;gap:25px;border-block:1px solid var(--line);overflow-x:auto;scrollbar-width:none;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0e0f11f2}.section-nav a{display:flex;align-items:center;min-height:58px;white-space:nowrap;font-size:12px;color:#b9bbc5;position:relative}.section-nav a:hover,.section-nav a[aria-current=true]{color:white}.section-nav a[aria-current=true]:after{position:absolute;bottom:0;height:2px;background:var(--red);content:"";inset-inline:0}.chapter{padding:53px 0;border-bottom:1px solid var(--line);display:grid;gap:32px}.chapter-number{font-size:10px;letter-spacing:.15em;color:#b1a6ab;display:block;margin-bottom:18px}.chapter-heading h2,.section-intro h2{font-size:clamp(32px,4.8vw,49px);font-weight:550;line-height:1.12}.chapter-heading>p,.section-intro>p{font-size:15px;margin-top:18px;max-width:410px}.principles article{display:flex;gap:18px;padding:23px 0;border-bottom:1px solid var(--line)}.principles article:first-child{padding-top:0}.principles article:last-child{border-bottom:0;padding-bottom:0}.principle-index{font-size:11px;color:#9d9094;line-height:2.1}.principles h3,.journey-list h3{font-size:20px;font-weight:550;line-height:1.4;letter-spacing:-.02em}.principles p,.journey-list p{font-size:14px;margin-top:9px;max-width:510px}.palette{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}.swatch{height:110px;border-radius:18px;border:1px solid #ffffff21;margin-bottom:17px}.swatch.red{background:var(--red);box-shadow:inset 0 1px #ffffff33}.swatch.cinema{background:#08090b}.swatch.ivory{background:#faf9f6}.swatch.smoke{position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 85%,#ab0f2280,transparent 70%),linear-gradient(135deg,#56565d,#202126 60%)}.swatch.smoke:after{content:"";position:absolute;inset:24px 18px;border-radius:17px;border:1px solid #ffffff60;background:linear-gradient(135deg,#ffffff30,#ffffff06);box-shadow:inset 0 1px #ffffff4d;backdrop-filter:blur(8px)}.swatch-card h3{font-size:16px;font-weight:550;letter-spacing:-.015em}.swatch-card p{font-size:12px;line-height:1.5;margin:6px 0 10px}.swatch-card code,.token-label{font-size:10px;color:#a9acb7;line-height:1.5}.material-note{display:flex;gap:18px;align-items:stretch;margin-top:6px;padding:22px;background:#ffffff04;border-radius:18px;border:1px solid var(--line)}.material-line{width:2px;flex-shrink:0;background:var(--red)}.material-note p{font-size:12px;line-height:1.8}.material-note strong{color:#dfdfe5;font-weight:500}.material-note a{text-decoration:underline;text-underline-offset:3px}.journey-list article{display:flex;gap:18px;position:relative;padding-bottom:30px}.journey-list article:last-child{padding-bottom:0}.journey-list article:not(:last-child):before{content:"";position:absolute;inset-inline-start:18px;top:46px;bottom:8px;width:1px;background:var(--line)}.step{width:37px;height:37px;flex-shrink:0;border-radius:50%;background:#ffffff07;border:1px solid #ffffff25;display:grid;place-items:center;font-size:12px}.example{display:block;color:#d5c5c8;font-size:11px;margin-top:13px;line-height:1.8}.screen-cards{display:grid;gap:16px}.screen-cards article{display:flex;align-items:flex-start;flex-direction:column;padding:26px;border:1px solid var(--line);border-radius:23px;background:linear-gradient(145deg,#ffffff07,#ffffff01);position:relative}.device-icon{height:58px;border:2px solid #d1d2d8;border-radius:9px;position:relative;background:linear-gradient(145deg,#ffffff0a,#e000001a);margin-bottom:30px}.device-icon i{position:absolute;height:2px;width:15px;bottom:4px;left:50%;transform:translateX(-50%);background:#ccc;border-radius:2px}.phone-icon{width:32px}.tablet-icon{width:78px}.tv-icon{width:99px;border-radius:5px}.tv-icon:after{content:"";position:absolute;width:30px;height:2px;background:#aaa;bottom:-7px;left:50%;transform:translateX(-50%)}.device-label{font-size:9px;letter-spacing:.14em;color:#aaa1a8}.screen-cards h3{font-size:27px;font-weight:550;margin:10px 0}.screen-cards p{font-size:14px;margin-bottom:17px;max-width:450px}.text-link{display:flex;align-items:center;gap:14px;min-height:48px;font-size:12px;margin-top:auto;color:#f2edf0}.text-link:hover{color:#ff9797}.check-list{list-style:none;padding:0;margin:0 0 28px}.check-list li{display:flex;gap:13px;line-height:1.7;color:#d1d1d9;font-size:14px;padding:10px 0}.check-list li>span{font-size:12px;color:#eae5e8;border:1px solid #ffffff25;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;flex-shrink:0;margin-top:1px}details{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#ffffff04}summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:18px;font-size:13px;line-height:1.5;cursor:pointer}summary::-webkit-details-marker{display:none}summary>span{font-size:23px;font-weight:300}details[open] summary>span{transform:rotate(45deg)}details>div{padding:0 20px 20px}details p{font-size:13px;margin-bottom:12px}.download-link{display:flex;align-items:center;gap:12px;min-height:48px;font-size:11px;line-height:1.6;color:#aaaeba;margin-top:15px;text-decoration:underline;text-underline-offset:4px}.closing{padding:65px 0 75px;text-align:center}.closing .eyebrow{justify-content:center;font-size:9px}.closing h2{font-size:clamp(34px,5vw,56px);line-height:1.1;font-weight:550;margin:24px 0 29px}footer{max-width:1280px;margin:auto;border-top:1px solid var(--line);padding:18px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#a0a2ae;font-size:9px;letter-spacing:.035em}footer a{display:flex;align-items:center;min-height:44px;white-space:nowrap}
@media(min-width:760px){:root{--gutter:44px}.document-header{padding-inline:max(44px,calc((100% - 1192px)/2));}.document-brand img{width:80px}.back-link{font-size:13px}.document-hero{grid-template-columns:1.22fr 1fr;gap:55px;align-items:center;padding-block:75px}.vision-art{min-height:380px;aspect-ratio:1/1.09}.chapter{padding-block:76px;grid-template-columns:.85fr 1.15fr;gap:65px}.signature-chapter,.screens-chapter{grid-template-columns:1fr;gap:35px}.palette{grid-template-columns:repeat(4,minmax(0,1fr));gap:23px}.swatch{height:150px}.screen-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.screen-cards article{padding:29px}.section-nav{gap:37px}.section-nav a{font-size:13px}.material-note{max-width:900px}.material-note p{font-size:14px}.art-caption{bottom:175px}.art-caption>p{font-size:45px}.glass-sample{min-height:85px;bottom:68px;inset-inline:25px}.document-meta{font-size:12px}.vision-art figcaption{font-size:11px}.swatch-card h3{font-size:18px}.swatch-card p{font-size:13px}.swatch-card code,.token-label{font-size:11px}.principles p,.journey-list p{font-size:15px}.closing{padding-block:90px}}
@media(max-width:359px){:root{--gutter:18px}.document-header{gap:7px}.document-brand img{width:53px}.back-link{font-size:11px}.back-link svg{width:15px}.vision-art{min-height:330px}.art-caption>p{font-size:33px}.glass-sample{gap:10px}.glass-sample strong{font-size:11px}.section-nav{gap:19px}.primary{font-size:13px}h1{font-size:40px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.primary{transition:none}.primary:hover{transform:none}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.document-header,.section-nav{background:var(--background);backdrop-filter:none;-webkit-backdrop-filter:none}.glass-sample{background:#292a30;backdrop-filter:none;-webkit-backdrop-filter:none}}