@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;450;500;550;600;650&display=swap');
.hero-shell{--ink:#39291d;--accent:#ce4c13;background:#fffaf1;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;position:relative;overflow:hidden;min-height:100svh;display:flex;flex-direction:column;padding:0 4.2vw;-webkit-font-smoothing:antialiased}.hero-shell *{box-sizing:border-box}.hero-shell a{color:inherit;text-decoration:none}.hero-shell a:focus-visible,.design-switcher a:focus-visible{outline:2px solid currentColor;outline-offset:6px}.es-nav{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0;font-size:13px;border-bottom:1px solid #65432225}.es-brand{display:flex;align-items:center;gap:11px;font-weight:550;font-size:19px;letter-spacing:-.055em}.brand-symbol{display:flex;gap:3px;align-items:center;width:24px;height:22px}.brand-symbol i{height:20px;width:4px;background:currentColor;border-radius:6px;position:relative}.brand-symbol i:nth-child(2){height:12px}.brand-symbol i:nth-child(3){height:16px}.nav-edition,.eyebrow,.hero-baseline,.scene-index,.index-tile>span{font-size:10px;letter-spacing:.12em;font-weight:500}.es-nav>a:last-child span{margin-left:18px}.es-hero{position:relative;flex:1;min-height:640px}.es-hero h1{font-size:clamp(65px,7.3vw,142px);font-weight:400;letter-spacing:-.068em;line-height:.98;margin:30px 0;color:inherit;text-transform:none}.es-hero h1 em{font-style:normal;color:var(--accent);font-weight:300}.es-description{font-size:clamp(16px,1.2vw,21px);line-height:1.55;letter-spacing:-.025em;color:inherit;opacity:.82;margin:22px 0 26px}.es-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:16px 22px;background:var(--ink);color:#fffaf1!important;border-radius:40px;font-size:13px;font-weight:500;transition:transform .2s,box-shadow .2s}.es-cta:hover{transform:translateY(-3px);box-shadow:0 8px 20px #68391620}.hero-baseline{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-top:1px solid #65432225;font-size:9px;position:relative;z-index:2}.paper .es-hero{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:70px 0 100px}.paper h1{font-size:clamp(84px,8.6vw,168px);margin:28px 0 6px}.paper .es-description{margin:26px 0}.paper{background:radial-gradient(ellipse at 50% 80%,#ffe8b140,transparent 65%),#fffaf1}.floating-key{position:absolute;background:linear-gradient(140deg,#fffefa,#f5e3be);border:1px solid #dbc5a1;border-radius:23%;box-shadow:0 12px 0 #d8bd89,0 27px 35px #794c2420,inset 0 0 0 8px #fffcf3;width:100px;height:100px;display:grid;place-items:center;color:#b96b20;font-size:56px;font-weight:300}.key-one{left:11%;top:25%;transform:rotate(-15deg)}.key-two{right:9%;bottom:22%;transform:rotate(12deg);width:78px;height:78px;font-size:43px}.floating-toggle{position:absolute;left:17%;bottom:19%;width:98px;height:54px;border:1px solid #e1a42b;border-radius:40px;background:#efb843;transform:rotate(-13deg);box-shadow:0 15px 24px #955d2115}.floating-toggle i{position:absolute;right:5px;top:5px;width:42px;height:42px;background:#fffdf5;border-radius:50%;box-shadow:0 2px 5px #86581230}.orbit-label{position:absolute;right:13%;top:25%;font-size:13px;line-height:1.6;color:#8e6f52;transform:rotate(8deg)}.paper-star{position:absolute;font-size:60px;color:#d56528;right:21%;top:42%;font-weight:300}.orange{--ink:#fffaf1;--accent:#ffe6a0;background:#e9611e;color:#fffaf1}.orange .es-nav,.orange .hero-baseline{border-color:#fff7dc55}.orange .es-hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:40px;padding:65px 0 85px;min-height:720px}.orange h1{font-size:clamp(65px,7.8vw,155px);letter-spacing:-.075em;margin:36px -40% 32px 0;position:relative;z-index:2;line-height:.98}.orange h1 span{font-weight:300;color:#ffe8a6}.orange-copy{position:relative;z-index:2}.orange-bottom{display:flex;align-items:flex-start;flex-direction:column}.orange .es-cta{background:#fff8e9;color:#913508!important}.sun-disc{width:52vw;height:52vw;border:1px solid #ffbd7770;position:absolute;border-radius:50%;right:-17vw;top:-6vw;box-shadow:0 0 0 50px #ffbd7715,0 0 0 100px #ffbd7710}.orange-art{align-self:end;transform:rotate(-5deg);margin-left:-10%;position:relative;z-index:1;padding-bottom:20px}.orange-art img{width:110%;filter:drop-shadow(0 25px 25px #9a341844)}.orange-art>span{display:block;font-size:11px;margin-top:15px;letter-spacing:.02em}.studio{background:#fffdf7;--accent:#a75d26}.studio .es-hero{display:grid;grid-template-columns:1fr 1.2fr;gap:7vw;padding:55px 0 65px;align-items:center}.studio h1{font-size:clamp(60px,6.2vw,120px);margin:24px 0}.studio .es-description{font-size:16px}.studio-scene{position:relative;min-height:650px;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;padding:30px;background:linear-gradient(145deg,#e86a25,#ffce61);border-radius:180px 180px 8px 8px;overflow:hidden}.studio-scene img{width:100%;margin:35px 0 0;transform:rotate(-4deg);filter:drop-shadow(0 20px 20px #843f2320)}.scene-index{text-align:center;color:#6b3319;margin-top:35px;font-size:9px}.scene-caption{display:flex;justify-content:space-between;align-items:end;font-size:24px;line-height:1.2;letter-spacing:-.045em;padding-top:25px;color:#552d13}.scene-arrow{font-size:56px;font-weight:300}.sunshine{background:#fff8e8;--accent:#d06e10}.sunshine .es-hero{min-height:740px;display:flex;align-items:center;justify-content:center;text-align:center;padding:85px 0 100px}.sunshine-copy{z-index:2;position:relative}.sunshine h1{font-size:clamp(80px,8.4vw,160px);line-height:1.04;font-weight:400}.sunshine h1 em{font-weight:300}.sun-rings{position:absolute;left:50%;top:52%;width:900px;height:900px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff9eb 0 29%,#ffedb4 29.2% 37%,#f9d475 37.2% 45%,#f1b748 45.2% 53%,#e99833 53.2% 61%,transparent 61.2%);opacity:.48}.sunshine .es-cta{background:#8b431b}.sun-note{position:absolute;right:0;bottom:65px;max-width:150px;text-align:left;font-size:12px;line-height:1.55;transform:rotate(-5deg)}.sun-note span{display:block;font-size:40px}.sunshine .eyebrow{color:#815323}.index{background:#fffefa;--accent:#cd5d20}.index .es-hero{padding:60px 0 70px;display:flex;flex-direction:column;justify-content:center;gap:50px}.index-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:35px}.index-heading>.eyebrow{line-height:1.6;padding-top:12px}.index h1{font-size:clamp(65px,7vw,138px);margin:0;width:73%;font-weight:400}.index-spread{display:grid;grid-template-columns:1fr 1.3fr 1.3fr;gap:20px}.index-intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:0 0 8px}.index-intro>p{font-size:clamp(20px,1.8vw,30px);font-weight:400;letter-spacing:-.04em;line-height:1.4;margin:0 0 25px}.index-footnote{font-size:11px;line-height:1.6;color:#8b7968;margin-top:30px}.index-tile{position:relative;height:330px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border-radius:4px}.tile-focus{background:#f5c663;color:#694620!important}.tile-flow{background:#ec7838;color:#fff8ea!important}.index-tile strong{font-weight:400;font-size:27px;letter-spacing:-.045em}.index-tile>b{position:absolute;bottom:20px;right:25px;font-size:30px;font-weight:300}.mini-windows{position:relative;height:160px;width:80%;margin:auto}.mini-windows i{position:absolute;border:1px solid #aa763c;width:76%;height:115px;left:6%;top:0;border-radius:8px;background:#fff8e8;box-shadow:5px 8px 10px #ac773a15}.mini-windows i:before{content:'• • •';display:block;height:23px;border-bottom:1px solid #dab482;color:#b77036;font-size:12px;padding-left:10px}.mini-windows i:nth-child(2){left:17%;top:20px;background:#ffedbd}.mini-windows i:nth-child(3){left:29%;top:40px;background:#fffaf0}.big-command{text-align:center;font-size:150px;font-weight:300;line-height:1;transform:rotate(-12deg);text-shadow:0 8px 0 #bf4f2040}.design-switcher{position:fixed;bottom:15px;right:20px;z-index:1000;display:flex;align-items:center;gap:5px;background:#fffdf5f2;border:1px solid #d9c7ab;border-radius:30px;padding:6px;box-shadow:0 5px 24px #3b24151c;font-family:Inter,-apple-system,sans-serif;color:#56391f}.design-switcher>span{font-size:11px;padding:0 12px}.design-switcher a{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:11px;color:inherit;text-decoration:none}.design-switcher a[aria-current]{background:#ba571f;color:white}.design-switcher a:hover{background:#efd8ad}.settings-section{scroll-margin-top:15px}html{scroll-behavior:smooth}
@media(min-width:1800px){.es-hero{min-height:calc(100svh - 153px)}.studio-scene{max-height:780px;align-self:center}.orange .es-hero{min-height:calc(100svh - 153px)}}
@media(max-width:1000px){.es-nav .nav-edition{display:none}.floating-key{transform:scale(.7) rotate(-12deg)}.key-one{left:2%}.key-two{right:1%}.floating-toggle{left:5%;bottom:15%}.orbit-label{right:5%;top:17%}.paper-star{right:8%}.orange .es-hero{grid-template-columns:1fr;padding-bottom:50px;gap:15px}.orange h1{margin-right:0}.orange-art{width:52%;margin-left:auto}.orange-bottom{flex-direction:row;gap:30px;align-items:center}.orange-bottom .es-description{font-size:16px}.studio .es-hero{gap:30px}.studio-scene{min-height:560px;padding:20px;border-radius:100px 100px 5px 5px}.scene-caption{font-size:20px}.index h1{width:75%;font-size:7.4vw}.index-tile{height:280px;padding:20px}.index-tile strong{font-size:21px}.index-intro .es-cta{gap:10px;font-size:11px;padding:13px}.hero-baseline span:last-child{display:none}}
@media(max-width:650px){.hero-shell{padding:0 6vw}.es-nav{padding:23px 0}.es-brand{font-size:17px}.es-nav>a:last-child{font-size:11px}.es-nav>a:last-child span{margin-left:3px}.es-hero{min-height:620px}.es-hero h1{font-size:clamp(56px,13vw,84px)}.paper .es-hero{padding:100px 0 110px}.paper h1{font-size:18vw}.paper .eyebrow{font-size:8px}.paper .es-description{font-size:15px}.key-one{left:-6%;top:5%;transform:scale(.55) rotate(-15deg)}.key-two{right:-5%;bottom:3%;transform:scale(.65) rotate(10deg)}.floating-toggle{bottom:5%;left:2%;transform:scale(.65) rotate(-15deg)}.paper-star,.orbit-label{display:none}.hero-baseline{font-size:8px;padding:20px 0 70px}.hero-baseline span:nth-child(2){text-align:right}.orange .es-hero{padding:60px 0 45px;min-height:640px}.orange h1{font-size:14vw}.orange-bottom{display:block}.orange-art{width:82%;padding-top:30px}.orange-art img{width:100%}.orange-art>span{font-size:9px}.studio .es-hero{grid-template-columns:1fr;padding:50px 0 40px}.studio h1{font-size:16vw}.studio h1 br:nth-child(2){display:block}.studio-scene{min-height:430px;border-radius:130px 130px 5px 5px}.studio-scene img{width:100%;margin:30px 0}.studio .es-description{font-size:16px}.sunshine .es-hero{min-height:650px;padding:80px 0 110px}.sunshine h1{font-size:16vw}.sunshine h1 em{font-size:13vw}.sunshine .es-description{font-size:14px}.sun-rings{width:690px;height:690px}.sun-note{display:none}.index .es-hero{padding-top:45px;gap:40px}.index-heading{display:block}.index-heading>.eyebrow{display:block;margin-bottom:30px;font-size:9px}.index h1{width:100%;font-size:13vw}.index-spread{grid-template-columns:1fr 1fr;gap:12px}.index-intro{grid-column:1/-1;padding-bottom:20px}.index-intro>p{font-size:24px}.index-intro>p br{display:none}.index-footnote{display:none}.index-tile{height:250px;padding:14px}.index-tile>span{font-size:7px;letter-spacing:.04em}.index-tile strong{font-size:19px;max-width:100px}.index-tile>b{right:12px;font-size:23px}.big-command{font-size:110px}.mini-windows{width:105%;margin-left:-12%}.mini-windows i{height:90px}.design-switcher{right:10px;bottom:10px}.design-switcher>span{font-size:9px;padding:0 7px}.design-switcher a{width:28px;height:28px}.es-cta{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.es-cta{transition:none}}

/* Carry the homepage typography through every settings card. */
.mosaic-card{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.mosaic-card button,.mosaic-card input,.mosaic-card select,.mosaic-card kbd{font-family:inherit}

.paper h1.essential-title{font-size:clamp(64px,6.4vw,124px)}
@media(max-width:650px){.paper h1.essential-title{font-size:10.6vw;line-height:1.1}}

.two-monitor-section .two-monitor-divider,.two-monitor-section .two-monitor-divider h2,.two-monitor-section .two-monitor-divider p,.two-monitor-section .two-monitor-eyebrow,.two-monitor-section .themed-setting-controls{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}