@font-face{font-family:Acorn;src:url('assets/fonts/acorn.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:GT;src:url('assets/fonts/gt.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
:root{--bg:#233831;--ink:#8FDCC2;--text:#C9DED3;--panel:#2C514633;--border:#8FDCC226;--card-ink:#364442;--paper:#EDE7DE;--display:Acorn,Arial,sans-serif;--body:GT,Arial,sans-serif;--hour:91.3%}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--body);transition:none;-webkit-font-smoothing:antialiased;position:relative;isolation:isolate}h1,h2,h3,h4,p,figure,dl,dd{margin:0}h1,h2,h3,h4{font-weight:700}button,input{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}img,video{display:block;max-width:100%;height:auto}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid currentColor;outline-offset:5px}::selection{background:#91DCBF;color:#233831}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.skip-link{position:fixed;left:20px;top:-100px;z-index:200;background:var(--ink);color:var(--bg);padding:12px 20px;border-radius:10px}.skip-link:focus{top:20px}
.ambient{position:absolute;left:0;right:0;top:0;height:1060px;overflow:hidden;z-index:-1;pointer-events:none;contain:paint}
.ambient-field{position:absolute;inset:0;background:url('assets/illustrations/ambient-glow.png') center top/100% 100% no-repeat;transform-origin:center top;animation:ambient-drift 26s ease-in-out infinite alternate;will-change:transform}
.ambient-field.second{display:none}
.ambient.is-paused .ambient-field{animation-play-state:paused;will-change:auto}
.hero.is-paused .hero-star,.sub-hero.is-paused .page-star{animation-play-state:paused}
@keyframes ambient-drift{from{transform:translate3d(-10px,-4px,0) scale(1.04)}to{transform:translate3d(10px,4px,0) scale(1.065)}}

.site-header{position:fixed;top:20px;left:16px;right:16px;z-index:50;display:flex;justify-content:center;pointer-events:none}.site-header nav{pointer-events:auto;padding:9px 13px;border-radius:50px;transition:background .18s}.site-header.scrolled nav{background:#233831F2;box-shadow:0 5px 30px #0B241316}.site-header ul{padding:0;margin:0;display:flex;list-style:none;gap:12px;align-items:center}.nav-link{display:flex;align-items:center;gap:7px;font-size:18px;line-height:24px;padding:8px 14px;border-radius:26px;transition:background .2s,color .2s;white-space:nowrap;font-weight:600;color:var(--text)}.nav-link.active,.nav-link:hover{background:#8FDCC21A}.nav-link kbd{font-family:var(--body);font-size:15px;font-weight:400;width:23px;height:25px;line-height:21px;text-align:center;border:2px solid #8FDCC233;border-radius:5px;color:var(--ink)}
.hero{text-align:center;padding:184px 24px 83px}.hero h1{position:relative;font:700 clamp(60px,8.8704vw,148px)/1 var(--display);letter-spacing:-3.2px;max-width:1350px;margin:auto}.hero h1>span{display:block}.hero>p,.sub-hero>p,.more-heading>p{max-width:760px;font-size:22px;line-height:1.6;margin:56px auto 0;color:var(--text)}.hero>p{max-width:745px}.star{width:60px;height:60px}.hero-star{position:absolute;animation:star-float 8s ease-in-out infinite}.hero-star.one{right:5.5%;top:-12px;width:66px;height:66px;color:#FCFFF7}.hero-star.two{left:6%;bottom:-20px;width:66px;height:66px;color:#FCFFF7;animation-delay:-4s}@keyframes star-float{0%,100%{transform:rotate(-8deg) scale(.96)}50%{transform:rotate(8deg) scale(1.05)}}
.work-grid{width:calc(100% - 60px);max-width:1710px;margin-inline:auto;display:grid;gap:160px}.project-row{display:grid;grid-template-columns:3fr 5fr;gap:54px}.project-row.reverse{grid-template-columns:5fr 3fr}.project-card{display:block;position:relative;min-width:0;height:550px;border-radius:64px;overflow:hidden;isolation:isolate;background:#D094E5;color:var(--card-ink);transition:transform .22s cubic-bezier(.2,.7,.2,1)}.project-card:hover{transform:translateY(-8px);box-shadow:0 24px 55px #0B221927}.card-1{background:#A3DCD4}.card-2{background:#E8B89C}.card-3{background:#BDDFF9}.card-heading{position:absolute;left:64px;right:64px;top:41px;text-align:right;z-index:3}.card-heading>span{font-size:12px;letter-spacing:2px;line-height:1.5;display:block}.card-heading h2{font:700 clamp(31px,2.9345vw,50px)/1.3 var(--display);letter-spacing:-.7px;margin-top:3px}.concept-label{position:absolute;bottom:16px;left:64px;z-index:6;font-size:8px;letter-spacing:1.15px;color:#374542;background:#FFFFFFB3;padding:3px 7px;border-radius:4px}.card-arrow{position:absolute;left:46px;top:38px;z-index:7;width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:#FFFFFF44;border-radius:50%;opacity:0;transform:translateX(-5px);transition:opacity .3s,transform .3s}.arrow{width:23px;height:23px;flex-shrink:0}.project-card:hover .card-arrow,.project-card:focus-visible .card-arrow{opacity:1;transform:none}.card-flourish{position:absolute;left:17px;top:138px;color:#FFFFFFC9;width:36px;height:36px;z-index:6;opacity:0;transform:scale(.7) rotate(-35deg);transition:opacity .3s,transform .6s}.project-card:hover .card-flourish{opacity:1;transform:scale(1) rotate(10deg)}
.browser-preview{position:absolute;left:64px;top:164px;width:820px;height:510px;background:#FFF;overflow:hidden;border-radius:10px 10px 0 0;box-shadow:0 10px 30px #35444215;transform-origin:50% 50%;transition:transform .5s}.project-card:hover .browser-preview{transform:none}.browser-bar{height:55px;background:#1167AD;display:flex;align-items:center;gap:23px;padding:0 23px;color:#8DD0F4}.browser-mark{font-size:30px;line-height:1;transform:rotate(-20deg)}.browser-pill{width:78px;height:12px;background:#A2D9FA99;border-radius:20px}.browser-pill.short{width:49px;background:#A2D9FA66}.browser-label{font-size:12px;margin-left:auto;color:#DEF2FD;padding-right:24px}.preview-main{display:flex;height:450px}.preview-sidebar{width:81px;background:#F5F2FC;padding:25px 20px;border-right:1px solid #EFEAF7;flex-shrink:0}.side-dot{width:31px;height:14px;background:#DCD2EF;display:block;border-radius:4px;margin:18px 0}.learning-panel{padding:25px 36px;width:560px}.mock-eyebrow{font-size:10px;letter-spacing:1.7px;color:#8D75AE}.learning-panel h3{font-size:30px;line-height:1.2;color:#4D4767;margin-top:10px}.landscape-mini{margin-top:17px;height:165px;border-radius:13px;overflow:hidden;width:470px}.landscape-mini>img{width:100%;height:100%;object-fit:cover;object-position:center 36%}.word-chips{display:flex;gap:11px;margin-top:14px}.word-chips>span{padding:5px 15px;font-size:12px;border-radius:8px;background:#EDE5F8;color:#7C5B9D}.mock-line{height:8px;width:95%;background:#E9E4F0;border-radius:10px;margin-top:14px}.mock-line.short{width:57%;margin-top:8px}.sleep-preview{width:920px;height:600px}.sleep-scene{position:relative;background:#142B27;min-height:520px}.sleep-scene>img{width:100%;height:520px;object-fit:cover}.habit-loop{position:absolute;left:48px;bottom:72px;display:flex;gap:12px;align-items:center;background:#F4F5EADC;padding:11px 18px;border-radius:18px;color:#385249;font-size:12px}.dark-bar{background:#292929;gap:16px;height:39px;color:#E8B89C}.dark-bar .browser-mark{font-size:21px}.dark-bar .browser-pill{height:6px;width:60px;background:#AFAFAF66}.dark-bar .browser-pill.short{width:30px}.dark-bar .browser-label{font-size:10px;color:#DEDEDE}.design-toolbar{height:51px;background:#393939;color:#BBB;display:flex;align-items:center;gap:19px;padding:0 25px;font-size:11px}.toolbar-line{width:50px;height:5px;background:#777;border-radius:4px}.design-canvas{height:515px;background:#FAFAFA;position:relative;padding-top:20px}.design-canvas>img{width:715px;height:477px;object-fit:contain;margin-left:65px}.selection-outline{position:absolute;top:77px;left:169px;width:514px;height:259px;border:2px solid #51AAEB;pointer-events:none}.selection-outline::after{content:'';position:absolute;inset:-5px;border:1px dashed #51AAEB}.flow-stage{position:absolute;bottom:50px;left:123px;display:flex;gap:17px;background:#FAFAFAE8;padding:10px 20px;border-radius:7px;font-size:12px;color:#776354}.flow-stage>span{color:#B2957C}
.phone-preview{position:absolute;top:164px;left:64px;width:318px;height:638px;border:11px solid #252525;border-radius:58px;background:#F9F9F9;box-shadow:0 0 0 3px #BBB,0 18px 35px #204A4730;overflow:hidden;transition:transform .5s;transform-origin:bottom center}.project-card:hover .phone-preview{transform:none}.phone-island{position:absolute;top:7px;left:80px;width:134px;height:25px;background:#252525;z-index:4;border-radius:20px}.phone-screen{position:relative;padding-top:0;height:100%;background:#FFF}.phone-time{height:41px;display:flex;justify-content:space-between;padding:10px 17px 0;background:#16483F;color:#F2FFFB;font-size:11px}.phone-banner{height:202px;background:#138F81;color:#DEF9EF;padding:24px 22px;position:relative;border-radius:0 0 50% 12%}.phone-banner>span{font-size:8px;letter-spacing:1.8px}.phone-banner h3{font:700 31px/1.1 var(--display);margin-top:17px}.phone-banner .star{position:absolute;right:23px;bottom:31px;width:38px;height:38px;color:#9DDFD1}.phone-card{margin:26px 20px}.phone-label{font-size:8px;letter-spacing:1.4px;color:#719587;display:block;margin-bottom:7px}.input-line{display:flex;justify-content:space-between;border:1px solid #DAE8DF;border-radius:9px;padding:11px 12px;font-size:11px;color:#49665A;margin-bottom:19px}.framework-arrow{text-align:center;color:#78A294;font-size:22px;line-height:25px}.material-card{background:#DFF2E8;color:#3E7A66;font-size:12px;padding:14px 12px;border-radius:9px;text-align:center}.phone-card p{font-size:9px;text-align:center;color:#729284;margin-top:13px}
.more-heading{text-align:center;padding:128px 24px 90px}.more-heading h2{font:700 clamp(60px,8.8704vw,148px)/1.2 var(--display);letter-spacing:-3px}.more-heading p{margin-top:34px;max-width:750px}.morrow-card{background:#FFF}.cognitive-card{background:#1C1C1C;color:#FFF}.morrow-demo{position:absolute;left:64px;right:64px;top:187px;text-align:center;color:#4C4962}.mood-circle{display:flex;align-items:center;justify-content:center;width:65px;height:65px;border-radius:50%;background:#FBDE93;color:#BC922E;margin:0 auto 18px}.mood-circle>svg{width:35px;height:35px}.morrow-demo h3{font:700 35px/1.2 var(--display)}.mood-options{display:flex;gap:8px;justify-content:center;margin-top:21px;flex-wrap:wrap}.mood-options>span{border-radius:20px;padding:9px 15px;background:#EFDCF7;font-size:12px}.mood-options>span:nth-child(2){background:#DBECE5}.mood-options>span:nth-child(3){background:#F7DFD0}.grocery-demo{position:absolute;left:64px;top:190px;width:325px;height:395px;background:#292929;border-radius:8px;color:#FFF;overflow:hidden}.grocery-top{height:39px;background:#343434;display:flex;justify-content:space-between;align-items:center;padding:0 14px;font-size:11px}.grocery-items{display:grid;grid-template-columns:repeat(3,1fr);padding:34px 20px 20px;gap:22px;text-align:center;font-size:31px}.grocery-round{display:flex;justify-content:center;gap:10px;margin-top:6px}.grocery-round>span{padding:7px 17px;border-radius:20px;font-size:10px;background:#444}.grocery-round>span:first-child{background:#7850AC}.grocery-demo>p{font-size:11px;color:#BABABA;text-align:center;margin-top:17px}

.content-wide{width:calc(100% - 160px);max-width:1210px;margin-inline:auto}.content-narrow{width:calc(100% - 80px);max-width:960px;margin-inline:auto}.sub-hero{text-align:center;padding:182px 24px 90px}.sub-hero h1{position:relative;display:inline-block;max-width:100%;font:700 clamp(60px,8.8704vw,148px)/1.15 var(--display);letter-spacing:-3px}.sub-hero>p{max-width:750px;margin-top:51px}.page-star{position:absolute;right:-73px;top:5px;color:#FFF;width:63px;height:63px;animation:star-float 8s infinite}.about-intro{display:grid;grid-template-columns:.75fr 1.15fr;gap:100px;align-items:center;margin-top:22px}.about-intro>div:last-child>h2{font:700 clamp(36px,3.8946vw,60px)/1.1 var(--display);letter-spacing:-1px}.about-intro p{font-size:19px;line-height:1.7;color:var(--text);margin-top:23px}.about-poster{position:relative;border-radius:50px;background:#BAC9B3;color:#365044;aspect-ratio:.76;overflow:hidden;padding:38px}.about-poster>span:first-of-type{font-size:10px;letter-spacing:2.4px;position:relative}.about-poster>h2{font:700 75px/1 var(--display);letter-spacing:-1.6px;margin-top:75px;position:relative}.poster-orbit{position:absolute;width:400px;height:400px;border:1px solid #D5DFC5;border-radius:50%;right:-220px;top:50px;box-shadow:0 0 0 40px #D3DDC566,0 0 0 80px #D3DDC530}.poster-star{position:absolute;right:41px;bottom:70px;width:65px;height:65px;color:#F3EBDD}.poster-caption{position:absolute;bottom:28px;left:38px;font-size:8px;letter-spacing:1.3px}.skill-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.skill-pills>span{border:1px solid var(--border);background:var(--panel);padding:6px 12px;border-radius:25px;font-size:12px}.timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:110px}.timeline article{padding:28px;border-radius:24px;background:var(--panel);border:1px solid var(--border)}.timeline article>span{display:block;font-size:11px;letter-spacing:2px;color:var(--text);margin-bottom:15px}.timeline h3{font:700 25px/1.2 var(--display)}.timeline p{font-size:12px;color:var(--text);line-height:1.7;margin-top:11px}.about-statement{padding-top:148px;padding-bottom:90px}.about-statement h2{font:700 54px/1.15 var(--display);letter-spacing:-1.1px}.about-statement p{font-size:20px;color:var(--text);max-width:810px;margin-top:26px}.principles{display:grid;grid-template-columns:1fr 1fr;gap:73px 56px;padding-bottom:135px}.principle-number{display:block;font-size:12px;margin-bottom:22px;color:var(--text)}.principles h3{font:700 34px/1.2 var(--display)}.principles p{margin-top:20px;font-size:17px;line-height:1.8;color:var(--text)}.community{padding-top:60px;border-top:1px solid var(--border)}.community>h2,.honors>h2,.colophon>h2{font:700 54px/1.15 var(--display);letter-spacing:-1px}.community-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:50px}.community-grid>div>h3{font:700 29px/1.2 var(--display);margin-bottom:25px}.community article{padding:24px 0;border-top:1px solid var(--border)}.community h4{font-size:17px;line-height:1.4}.community article>span{display:block;font-size:11px;color:var(--text);margin-top:9px}.community p{font-size:15px;line-height:1.8;color:var(--text);margin-top:15px}.honors{padding-top:120px}.honors>ol{list-style:none;margin:45px 0 0;padding:0}.honors li{display:grid;grid-template-columns:80px 1fr;gap:35px;padding:27px 0;border-top:1px solid var(--border)}.honors li>span{font-size:15px;color:var(--text)}.honors h3{font-size:20px}.honors p{font-size:17px;color:var(--text);margin-top:7px}.honors small{display:block;font-size:12px;color:var(--text);margin-top:7px}.colophon{padding-top:120px}.colophon p{color:var(--text);font-size:17px;margin-top:26px;line-height:1.8}.colophon a{border-bottom:1px solid var(--ink)}.languages{display:flex;flex-wrap:wrap;gap:22px;font-size:12px;color:var(--text);margin-top:30px}
.play-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.play-card{padding:40px;position:relative;min-height:302px;background:var(--panel);border:1px solid var(--border);border-radius:12px;transition:background .25s,transform .25s}.play-card:hover{background:#8FDCC210;transform:translateY(-4px)}.play-icon{float:right;display:flex;align-items:center;justify-content:center;width:70px;height:70px;border-radius:50%;background:#23383199;font-size:35px;color:#DFEEDE;margin:0 0 12px 12px}.play-card h2{font-size:21px;margin-bottom:20px;line-height:1.4}.play-card>p{font-size:17px;line-height:1.6;color:var(--text)}.play-context{font-size:11px;display:block;margin-top:23px;line-height:1.7;color:var(--text)}.play-type{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;display:block;margin-top:14px;color:var(--ink)}.play-2,.play-3{min-height:405px}.sketch-section{padding-top:130px}.sketch-heading h2{font:700 56px/1.15 var(--display);letter-spacing:-1px}.sketch-heading p{font-size:18px;margin-top:20px;color:var(--text)}.sketch-tool{margin-top:40px;border-radius:24px;background:#F7F4ED;overflow:hidden;color:#233831}.sketch-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 25px;background:#E9E6DE;border-bottom:1px solid #D9DED2}.swatches{display:flex;gap:12px}.swatch{border:0;width:27px;height:27px;background:var(--swatch);border-radius:50%;cursor:pointer}.swatch.selected{outline:2px solid #5B7567;outline-offset:4px}.sketch-actions{display:flex;gap:10px;align-items:center}.sketch-actions>button{background:#FFF;border:0;padding:8px 14px;border-radius:8px;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.sketch-actions .arrow{width:15px;height:15px}.sketch-actions>button:hover{background:#D5E8DB}#sketch-canvas{display:block;width:100%;height:auto;touch-action:none;background:#F7F4ED;cursor:crosshair}.sketch-hint{font-size:11px;padding:16px 25px;color:#647768;background:#EEEAE2}.notes-list{max-width:960px;display:grid;gap:24px}.note-card{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:42px;background:var(--panel);border-radius:14px;transition:background .25s,transform .25s}.note-card:hover{background:#8FDCC215;transform:translateX(5px)}.note-card h2{font-size:22px;line-height:1.3}.note-card p{font-size:18px;margin-top:12px;color:var(--text)}.note-card>div>span{display:block;font-size:11px;margin-top:15px;color:var(--text)}.note-icon{width:82px;height:82px;flex-shrink:0;border-radius:50%;background:#805128;color:#F3E8CF;display:flex;align-items:center;justify-content:center;font-size:42px}.note-0{background:#326752}.note-1{background:#304C7C}.note-2{background:#894666}.note-3{background:#735193}
.site-footer{padding:180px 30px 125px}.footer-grid{display:grid;grid-template-columns:1fr 145px 145px;gap:45px;max-width:980px;margin:auto;font-size:16px}.footer-credit{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;height:min-content}.footer-credit>span{opacity:.5}.site-footer h2{font-size:16px;margin-bottom:23px}.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:16px}.site-footer li{color:var(--text)}.site-footer a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.atmosphere{contain:layout style;max-width:1050px;margin:96px auto 0;position:relative;padding-bottom:0}.dial{position:relative;height:31px;background:repeating-linear-gradient(90deg,transparent 0 22px,#8FDCC220 22px 24px,transparent 24px 46px);mask-image:none;isolation:isolate}.dial::before{content:'';position:absolute;inset:11px 0 0;background:repeating-linear-gradient(90deg,transparent 0 22px,var(--ink) 22px 24px,transparent 24px 46px);mask-image:linear-gradient(90deg,transparent 0,#000 30% 70%,transparent 100%);z-index:-1}.dial input{width:100%;margin:0;position:absolute;height:38px;top:0;opacity:.01;cursor:pointer}.dial:focus-within{outline:2px solid var(--ink);outline-offset:10px;border-radius:4px}.theme-knob{position:absolute;left:var(--hour);top:-61px;transform:translateX(-50%);width:49px;height:49px;border-radius:50%;border:0;background:var(--ink);color:var(--bg);cursor:pointer;display:flex;justify-content:center;align-items:center;transition:left .3s,background .3s}.theme-knob::after{content:'';position:absolute;top:53px;left:24px;width:1px;height:34px;background:var(--border)}.theme-knob svg{width:24px;height:24px}.mood-label{font-size:10px;display:block;color:var(--text);position:absolute;right:0;bottom:-23px;letter-spacing:1px}
body[data-theme='day']{--bg:#F1EBDD;--ink:#3C6655;--text:#435E50;--panel:#FFF7;--border:#49654D2B}body[data-theme='day'] .ambient{opacity:.33}body[data-theme='day'] .site-header.scrolled nav{background:#EEEBDDF2}body[data-theme='day'] .nav-link.active,body[data-theme='day'] .nav-link:hover{background:#3C665519}body[data-theme='day'] .nav-link kbd{border-color:#3C665530}body[data-theme='day'] .play-icon{background:#C4D8C7;color:#365346}body[data-theme='dusk']{--bg:#3B3247;--ink:#D8BAEE;--text:#E4D7EC;--panel:#AC82C326;--border:#D8BAEE28}body[data-theme='dusk'] .ambient-field{background-image:url('assets/illustrations/ambient-dusk.png')}body[data-theme='dusk'] .site-header.scrolled nav{background:#3B3247F2}body[data-theme='dusk'] .nav-link.active,body[data-theme='dusk'] .nav-link:hover{background:#D8BAEE20}
.case-heading{text-align:center;padding:147px 30px 55px}.back-link{display:inline-block;margin-bottom:32px;color:var(--text);font-size:13px}.case-heading h1{font:700 clamp(55px,8.8704vw,128px)/1.13 var(--display);letter-spacing:-2.4px;max-width:1350px;margin:auto}.case-heading>p{font-size:19px;line-height:1.8;color:var(--text);margin:25px auto 0;max-width:850px}.case-meta{display:grid;grid-template-columns:1fr 1.3fr 1.2fr;gap:50px;margin-block:20px 50px}.case-meta dt{font-size:13px;margin-bottom:15px;color:var(--text)}.case-meta dd{font-size:17px;line-height:1.7}.project-figure .enlarge{display:block;width:100%;position:relative;padding:0;background:none;border:0;text-align:left;color:var(--ink);border-radius:28px;overflow:hidden;cursor:default}.project-figure img{width:100%;height:auto}.js .enlarge{cursor:zoom-in}.zoom-caption{position:absolute;bottom:22px;right:24px;background:#EDE7DEEE;padding:8px 14px;border-radius:25px;font-size:11px;color:#364442}.project-figure figcaption{font-size:10px;letter-spacing:.5px;color:var(--text);text-align:center;margin-top:16px}.case-nav{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;padding:50px 0 30px;font-size:13px}.case-nav a:hover{border-bottom:1px solid}.case-section{padding-top:85px}.case-section>h2{font:700 47px/1.2 var(--display);letter-spacing:-1px;margin-bottom:32px}.case-section>p{font-size:20px;line-height:1.8;color:var(--text)}.tags{list-style:none;padding:0;margin:27px 0 0;display:flex;gap:10px;flex-wrap:wrap}.tags li{padding:8px 13px;border:1px solid var(--border);border-radius:24px;font-size:12px}.contribution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.contribution-grid article{padding:26px;background:var(--panel);border-radius:17px}.contribution-grid article>span{font-size:12px;color:var(--text);display:block;margin-bottom:20px}.contribution-grid h3{font:700 24px/1.25 var(--display);margin-bottom:17px}.contribution-grid p{font-size:16px;line-height:1.8;color:var(--text)}.process-steps{list-style:none;padding:0;margin:0;display:grid;gap:30px}.process-steps li{display:flex;gap:24px;align-items:flex-start}.process-steps li>span{width:39px;height:39px;border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.process-steps h3{font-size:20px;line-height:1.5;margin-bottom:10px}.process-steps p{font-size:18px;line-height:1.8;color:var(--text)}.outcome-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:40px 0}.outcome-metrics>div{display:flex;flex-direction:column-reverse;gap:12px}.outcome-metrics dd{font:700 58px/1 var(--display)}.outcome-metrics dt{font-size:13px;color:var(--text)}.case-section>p.outcome-note{font-size:14px;line-height:1.8;border-left:2px solid #9FAE94;padding-left:20px}.next-case{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:145px;padding:87px 30px;background:#DBE0D2;gap:26px}.next-case>span{font-size:11px;letter-spacing:2px;color:#596B5B}.next-case h2{font:700 clamp(50px,7vw,90px)/1.15 var(--display);letter-spacing:-2px}.next-case>.arrow{width:38px;height:38px;transition:transform .3s}.next-case:hover>.arrow{transform:translateX(12px)}.lightbox{width:min(1300px,calc(100% - 36px));max-height:calc(100dvh - 40px);padding:20px;background:#EDE7DE;border:0;border-radius:20px;color:#364442}.lightbox::backdrop{background:#142921E8}.lightbox-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:10px;letter-spacing:1.4px}.close-image{width:38px;height:38px;border:0;border-radius:50%;background:#D5DDCF;display:flex;align-items:center;justify-content:center;cursor:pointer}.close-image svg{width:21px;height:21px}.lightbox-image{max-height:calc(100dvh - 165px);width:100%;object-fit:contain}.lightbox>p{font-size:11px;text-align:center;margin-top:15px;color:#54665B}body.modal-open{overflow:hidden}

@media(min-width:1800px){.hero{padding-top:205px}.work-grid{width:calc(100% - 100px)}.project-card{height:650px}.browser-preview,.phone-preview{top:183px}.card-heading{top:50px}.sleep-preview{width:1100px}.browser-preview:not(.sleep-preview){width:1020px}.landscape-mini{width:610px;height:195px}.learning-panel{width:700px}}
@media(max-width:1150px){.hero{padding-top:165px;padding-bottom:75px}.hero>p,.sub-hero>p,.more-heading>p{font-size:20px;max-width:660px}.hero h1{letter-spacing:-2.4px}.work-grid{width:calc(100% - 48px);gap:110px}.project-row{gap:35px}.project-card{height:470px;border-radius:46px}.card-heading{left:37px;right:37px;top:36px}.card-heading>span{font-size:10px;letter-spacing:1.4px}.card-heading h2{font-size:35px}.browser-preview,.phone-preview{top:145px;left:37px}.browser-preview{width:730px}.phone-preview{width:270px;height:570px;border-radius:49px}.phone-island{left:66px;width:112px}.phone-banner h3{font-size:28px}.phone-time{font-size:10px}.phone-banner{height:175px}.phone-banner>span{font-size:7px}.phone-card{margin:22px 15px}.input-line{font-size:10px}.concept-label{left:37px;font-size:7px}.more-heading{padding-top:100px;padding-bottom:80px}.card-arrow{left:34px;top:27px;width:33px;height:33px}.morrow-demo{left:37px;right:37px;top:164px}.morrow-demo h3{font-size:31px}.mood-options>span{font-size:10px}.grocery-demo{left:37px;top:157px;width:280px}.grocery-items{font-size:27px;gap:17px;padding-top:25px}.content-wide{width:calc(100% - 90px)}.about-intro{gap:55px}.about-poster{padding:29px}.about-poster>h2{font-size:60px;margin-top:45px}.poster-caption{left:29px}.timeline{gap:15px}.timeline article{padding:22px}.timeline h3{font-size:22px}.community-grid{gap:32px}.play-grid{gap:25px}.play-card{padding:29px}.play-icon{width:55px;height:55px;font-size:27px}.play-card p{font-size:16px}.footer-grid{max-width:850px}.site-footer{padding-top:140px}.atmosphere{max-width:900px}.case-heading{padding-top:140px}.contribution-grid{gap:17px}.contribution-grid article{padding:22px}}
@media(max-width:850px){.hero h1{font-size:83px;letter-spacing:-1.8px}.hero{padding-top:159px}.hero>p{max-width:620px;font-size:19px;margin-top:40px}.hero-star.one{width:45px;height:45px;right:2%;top:-27px}.hero-star.two{width:45px;height:45px;left:1%;bottom:-21px}.project-row,.project-row.reverse{grid-template-columns:1fr 1fr;gap:27px}.work-grid{gap:70px}.project-card{height:430px;border-radius:34px}.card-heading{left:29px;right:29px;top:30px}.card-heading>span{font-size:9px;letter-spacing:1px}.card-heading h2{font-size:30px}.browser-preview,.phone-preview{top:134px;left:29px}.browser-preview{width:675px}.phone-preview{width:250px}.concept-label{left:29px;font-size:6px}.morrow-demo{left:22px;right:22px;top:145px}.morrow-demo h3{font-size:28px}.mood-circle{width:53px;height:53px;margin-bottom:13px}.mood-circle>svg{width:28px}.mood-options{gap:6px;margin-top:18px}.mood-options>span{font-size:9px;padding:7px 10px}.grocery-demo{left:29px;top:141px;width:253px}.grocery-items{padding:24px 15px 15px;gap:17px}.card-arrow{left:24px;top:26px}.more-heading{padding-top:87px;padding-bottom:60px}.more-heading>h2{font-size:83px}.more-heading>p{font-size:19px;max-width:600px}.content-wide{width:calc(100% - 60px)}.content-narrow{width:calc(100% - 60px)}.sub-hero{padding-top:158px;padding-bottom:69px}.sub-hero>h1{font-size:83px}.sub-hero>p{font-size:19px;max-width:620px;margin-top:40px}.page-star{right:-50px;width:43px;height:43px;top:1px}.about-intro{gap:35px;grid-template-columns:.8fr 1.2fr}.about-intro h2{font-size:39px}.about-intro p{font-size:16px}.about-poster{border-radius:30px;padding:22px}.about-poster>h2{font-size:47px;margin-top:41px}.poster-caption{left:22px;font-size:6px}.poster-star{width:43px;height:43px;right:20px;bottom:43px}.timeline{grid-template-columns:1fr 1fr;gap:20px;margin-top:70px}.about-statement{padding-top:100px;padding-bottom:60px}.about-statement h2{font-size:44px}.about-statement p{font-size:18px}.principles{gap:48px 35px;padding-bottom:80px}.principles h3{font-size:30px}.principles p{font-size:16px}.community>h2,.honors>h2,.colophon>h2{font-size:44px}.community-grid{grid-template-columns:1fr;gap:36px}.community-grid>div>h3{font-size:31px}.community-grid article{display:grid;grid-template-columns:1fr 2fr;gap:7px 28px}.community-grid article p{grid-column:2;grid-row:1 / span 2;margin-top:0}.community-grid article span{margin-top:0}.honors{padding-top:75px}.colophon{padding-top:75px}.play-grid{grid-template-columns:1fr 1fr;gap:22px}.play-card{min-height:330px}.play-card h2{font-size:20px}.play-card>p{font-size:16px}.play-context{font-size:10px}.play-type{font-size:9px}.sketch-section{padding-top:90px}.sketch-heading h2{font-size:44px}.notes-list{gap:20px}.note-card{padding:30px}.note-card h2{font-size:21px}.note-card p{font-size:17px}.note-icon{width:65px;height:65px;font-size:35px}.site-footer{padding-top:110px;padding-bottom:85px}.footer-grid{grid-template-columns:1fr 100px 100px;gap:28px;font-size:14px}.site-footer h2{font-size:14px}.atmosphere{margin-top:85px}.case-heading h1{font-size:80px;letter-spacing:-1.8px}.case-heading>p{font-size:17px}.case-meta{gap:30px;margin-bottom:35px}.case-meta dt{font-size:12px}.case-meta dd{font-size:14px}.case-section{padding-top:60px}.case-section>h2{font-size:40px;margin-bottom:26px}.case-section>p{font-size:18px}.contribution-grid{grid-template-columns:1fr}.contribution-grid article{padding:27px}.contribution-grid h3{font-size:26px}.case-nav{font-size:11px;gap:16px}.outcome-metrics dd{font-size:48px}.outcome-metrics dt{font-size:11px}.next-case{margin-top:100px}}
@media(max-width:600px){html{scroll-padding-top:100px}.site-header{top:14px;left:9px;right:9px}.site-header nav{padding:5px 3px;width:auto;max-width:100%}.site-header ul{gap:1px;justify-content:center}.nav-link{font-size:13px;padding:7px 9px;gap:4px;line-height:22px}.nav-link kbd{font-size:12px;width:16px;height:20px;line-height:17px;border-width:1px}.hero{padding:139px 21px 56px}.hero h1{font-size:clamp(47px,12.6vw,70px);letter-spacing:-1.6px;line-height:1.05}.hero h1>span:first-child{font-size:.92em}.hero>p{font-size:17px;line-height:1.65;margin-top:35px;max-width:400px}.hero-star.one{right:-4px;top:-35px;width:31px;height:31px}.hero-star.two{left:0;bottom:-20px;width:29px;height:29px}.work-grid{width:calc(100% - 36px);gap:28px}.project-row,.project-row.reverse{grid-template-columns:1fr;gap:28px}.project-card{height:430px;border-radius:35px}.card-heading{left:32px;right:32px;top:31px}.card-heading h2{font-size:34px}.card-heading>span{font-size:9px;letter-spacing:1.3px}.browser-preview{left:32px;top:135px;width:670px}.browser-bar{height:42px;gap:19px;padding-left:19px}.browser-mark{font-size:23px}.browser-pill{height:9px;width:55px}.browser-pill.short{width:35px}.browser-label{font-size:10px}.preview-sidebar{width:48px;padding:16px 9px}.side-dot{width:23px;height:10px}.learning-panel{padding:23px 25px}.learning-panel h3{font-size:28px}.mock-eyebrow{font-size:8px}.landscape-mini{height:132px;width:390px}.word-chips>span{font-size:10px;padding:4px 12px}.concept-label{left:32px;font-size:6px;bottom:14px}.sleep-preview{width:700px}.sleep-scene>img{height:420px}.habit-loop{left:26px;bottom:75px;font-size:10px;padding:8px 13px;gap:10px}.dark-bar{height:32px}.design-toolbar{height:40px;font-size:9px;padding:0 18px;gap:14px}.design-toolbar>span:last-child{white-space:nowrap}.design-canvas{padding-top:15px;height:420px}.design-canvas>img{width:550px;height:367px;margin-left:25px}.selection-outline{top:60px;left:108px;width:407px;height:190px}.flow-stage{font-size:9px;gap:11px;left:71px;bottom:78px;padding:8px 12px}.phone-preview{left:32px;top:135px;width:278px;height:590px;border-width:10px;border-radius:49px}.phone-island{left:73px;width:113px}.phone-banner{height:178px}.phone-banner h3{font-size:30px}.phone-card{margin:20px 17px}.input-line{font-size:10px}.card-arrow{left:25px;top:24px;width:32px;height:32px}.card-flourish{left:9px;top:120px;width:28px;height:28px}.more-heading{padding:77px 22px 47px}.more-heading>h2{font-size:clamp(47px,12.6vw,70px);letter-spacing:-1.6px}.more-heading>p{font-size:17px;line-height:1.65;margin-top:28px}.more-heading>p br{display:none}.morrow-demo{top:148px;left:27px;right:27px}.morrow-demo h3{font-size:32px}.mood-options>span{font-size:10px}.mood-circle{width:60px;height:60px}.grocery-demo{top:146px;left:32px;width:270px}.grocery-items{font-size:28px;padding-top:30px;gap:17px}.content-wide,.content-narrow{width:calc(100% - 40px)}.sub-hero{padding:140px 22px 57px}.sub-hero h1{font-size:clamp(47px,12.6vw,70px);letter-spacing:-1.6px}.sub-hero>p{font-size:17px;line-height:1.65;margin-top:33px}.page-star{right:-37px;top:-12px;width:32px;height:32px}.about-intro{grid-template-columns:1fr;gap:32px;margin-top:0}.about-poster{aspect-ratio:1.1;max-width:500px;padding:30px}.about-poster>h2{font-size:61px;margin-top:40px;line-height:.98}.poster-caption{left:30px;font-size:7px}.poster-star{right:45px;bottom:53px;width:53px;height:53px}.about-intro>div:last-child>h2{font-size:38px;letter-spacing:-.8px}.about-intro p{font-size:17px}.skill-pills{gap:7px;margin-top:25px}.skill-pills>span{font-size:11px}.timeline{margin-top:53px;gap:14px}.timeline article{padding:22px 18px;border-radius:19px}.timeline h3{font-size:22px}.timeline p{font-size:11px}.about-statement{padding-top:70px;padding-bottom:47px}.about-statement h2{font-size:38px;letter-spacing:-.8px}.about-statement p{font-size:17px}.principles{grid-template-columns:1fr;gap:38px;padding-bottom:70px}.principle-number{margin-bottom:14px}.principles h3{font-size:32px}.principles p{font-size:17px;margin-top:17px}.community{padding-top:50px}.community>h2,.honors>h2,.colophon>h2{font-size:38px;letter-spacing:-.8px}.community-grid{margin-top:35px;gap:30px}.community-grid article{display:block;padding:24px 0}.community-grid article>span{margin-top:10px}.community-grid article>p{margin-top:15px;font-size:16px}.honors{padding-top:60px}.honors>ol{margin-top:32px}.honors li{grid-template-columns:48px 1fr;gap:17px;padding:24px 0}.honors h3{font-size:18px}.honors p{font-size:16px}.honors small{font-size:11px}.colophon{padding-top:60px}.colophon p{font-size:16px;margin-top:22px}.languages{gap:12px;font-size:11px}.play-grid{grid-template-columns:1fr;gap:20px}.play-card{min-height:0;padding:29px;border-radius:13px}.play-card h2{font-size:22px}.play-card>p{font-size:17px}.play-icon{width:62px;height:62px;font-size:31px}.play-context{font-size:11px;margin-top:22px}.play-type{font-size:10px}.sketch-section{padding-top:65px}.sketch-heading h2{font-size:38px;letter-spacing:-.8px}.sketch-heading p{font-size:17px}.sketch-toolbar{flex-wrap:wrap;padding:18px;gap:20px}.swatches{gap:15px}.sketch-actions{width:100%;justify-content:space-between;gap:7px}.sketch-actions>button{font-size:10px;padding:8px 10px}.sketch-hint{font-size:10px;padding:14px 18px}.notes-list{gap:19px}.note-card{padding:26px;gap:17px}.note-card h2{font-size:19px}.note-card p{font-size:16px;line-height:1.6}.note-card>div>span{font-size:10px}.note-icon{width:51px;height:51px;font-size:28px}.site-footer{padding:90px 26px 80px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px;font-size:13px}.footer-credit{grid-column:1/-1;font-size:12px;gap:8px;margin-bottom:8px}.site-footer h2{font-size:14px;margin-bottom:20px}.site-footer ul{gap:14px}.atmosphere{margin-top:89px}.dial{background-size:auto;height:27px}.theme-knob{width:42px;height:42px;top:-57px}.theme-knob::after{left:21px;top:48px;height:31px}.theme-knob svg{width:21px}.mood-label{font-size:9px}.case-heading{padding:125px 21px 39px}.back-link{font-size:12px;margin-bottom:27px}.case-heading h1{font-size:clamp(45px,12.2vw,70px);letter-spacing:-1.3px;overflow-wrap:break-word}.case-heading>p{font-size:16px;margin-top:24px;line-height:1.65}.case-meta{grid-template-columns:1fr;gap:20px;margin-block:0 30px}.case-meta>div{display:grid;grid-template-columns:70px 1fr;gap:23px;align-items:baseline}.case-meta dt{font-size:11px;margin-bottom:0}.case-meta dd{font-size:14px}.project-figure .enlarge{border-radius:16px}.project-figure figcaption{font-size:9px}.zoom-caption{font-size:9px;right:13px;bottom:13px;padding:6px 10px}.case-nav{gap:13px 18px;font-size:10px;padding-top:33px;padding-bottom:10px}.case-section{padding-top:48px}.case-section>h2{font-size:36px;margin-bottom:24px}.case-section>p{font-size:17px;line-height:1.8}.tags{gap:7px;margin-top:22px}.tags li{font-size:10px;padding:7px 11px}.contribution-grid{gap:19px}.contribution-grid article{padding:25px}.contribution-grid h3{font-size:26px}.contribution-grid p{font-size:16px}.process-steps li{gap:17px}.process-steps li>span{width:33px;height:33px;font-size:10px}.process-steps h3{font-size:18px}.process-steps p{font-size:16px}.outcome-metrics{gap:17px;margin-block:31px}.outcome-metrics dd{font-size:38px}.outcome-metrics dt{font-size:10px}.case-section>p.outcome-note{font-size:12px}.next-case{margin-top:70px;padding:54px 22px;gap:23px}.next-case h2{font-size:47px;letter-spacing:-1px}.lightbox{padding:14px;width:calc(100% - 20px);border-radius:14px}.lightbox-bar{font-size:8px}.lightbox>p{font-size:10px}.lightbox-image{max-height:calc(100dvh - 156px)}}
@media(max-width:360px){.nav-link{font-size:12px;padding:7px 7px}.site-header ul{gap:0}.hero h1{font-size:45px}.card-heading h2{font-size:31px}.project-card{height:405px}.card-heading>span{font-size:8px}.card-heading{left:27px;right:27px}.browser-preview,.phone-preview{left:27px}.phone-preview{width:257px}.grocery-demo{left:27px;width:250px}.concept-label{left:27px}.note-card{padding:22px}.note-icon{width:45px;height:45px;font-size:25px}.sketch-actions>button{font-size:9px}.timeline h3{font-size:20px}.timeline article{padding:20px 15px}}
.greeting-name{display:inline-block;white-space:nowrap}
@media(max-width:850px){.sleep-preview{width:calc(100% - 29px)}.sleep-scene>img{height:420px;object-fit:cover}.sleep-scene{min-height:420px}}
@media(max-width:600px){.sleep-preview{width:calc(100% - 32px)}}
@media(max-width:360px){.sleep-preview{width:calc(100% - 27px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.ambient-field{transform:none!important}}
@media print{.ambient,.site-header,.atmosphere,.lightbox,.card-arrow,.card-flourish,.zoom-caption,.sketch-tool{display:none!important}body{background:#FFF;color:#233831}.hero{padding-top:30px}.hero h1{font-size:70px}.project-row,.about-intro{display:block}.project-card{break-inside:avoid;margin-bottom:25px}.hero>p,.sub-hero>p,.case-section>p{color:#233831}.site-footer{padding-top:50px}}

/* Case studies use the same atmosphere, type, and surfaces as Work. */
.case-heading{position:relative;padding:183px 30px 28px}
.case-heading .back-link{position:absolute;top:116px;left:max(30px,calc((100% - 1210px)/2));margin:0;font-size:12px}
.case-heading>.case-full-title{font-size:11px;letter-spacing:1.35px;text-transform:uppercase;margin-top:22px;line-height:1.7}
.case-heading>.case-tagline{font-size:22px;margin-top:12px;line-height:1.55}
.case-meta{gap:30px;padding:23px 28px;border-top:1px solid var(--border);margin-block:0 52px}
.case-meta dt{font-size:10px;text-transform:uppercase;letter-spacing:1.25px;margin-bottom:9px}
.case-meta dd{font-size:15px}
.case-art-frame{border-radius:48px;padding:44px;background:var(--art-tint);overflow:hidden}
.case-art-0{--art-tint:#D094E5}.case-art-1{--art-tint:#A3DCD4}.case-art-2{--art-tint:#E8B89C}.case-art-3{--art-tint:#BDDFF9}
.case-art-frame .project-figure figcaption{color:#364442;font-size:10px;letter-spacing:1px;text-transform:uppercase;margin-top:17px}
.case-art-frame .project-figure .enlarge{border-radius:20px}
.case-nav{margin-top:54px;padding:17px 24px;justify-content:center;background:var(--panel);border:1px solid var(--border);border-radius:18px}
.case-nav a{padding:4px 0;border-bottom:1px solid transparent}
.contribution-grid article{border:1px solid var(--border);border-radius:24px}
.case-section>h2{color:var(--ink)}
.next-case{background:var(--panel);border:1px solid var(--border);color:var(--ink);border-radius:48px}
.next-case>span{color:var(--text)}
.lightbox{background:var(--bg);color:var(--ink);border:1px solid var(--border)}
.lightbox>p{color:var(--text)}
.close-image{background:var(--panel);color:var(--ink);border:1px solid var(--border)}
.sleep-detail-art{margin-top:76px}
.sleep-showcase{width:calc(100% - 100px);max-width:1320px}
.showcase-note{text-align:right;font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:var(--text);margin-bottom:23px}
.case-phone-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px;align-items:start}
.case-phone{position:relative;aspect-ratio:.51;border:14px solid #15231F;border-radius:62px;background:#172F27;box-shadow:0 0 0 2px #678376,0 16px 35px #10251D27;overflow:hidden;color:#DDF1E2}
.case-phone:first-child{margin-top:60px}.case-phone:nth-child(2){margin-top:30px}
.case-phone-screen{height:100%;position:relative;padding:0 27px 25px;background:linear-gradient(150deg,#274D3F,#152D26)}
.case-phone-island{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:37%;height:24px;border-radius:25px;background:#12241E}
.case-phone-status{display:flex;justify-content:space-between;align-items:center;height:46px;padding:0 0 0 0;font-size:10px;color:#E4F3E6}
.screen-eyebrow{display:block;font-size:9px;letter-spacing:1.9px;margin-top:28px;color:#AED5BD;line-height:1.7}
.screen-title{display:block;font:700 clamp(24px,2.4vw,37px)/1.15 var(--display);letter-spacing:-.4px;margin-top:19px}
.screen-label{display:block;text-align:center;font-size:11px;line-height:1.6;color:#B4D5BF;margin-top:19px}
.sleep-state-ring{position:relative;margin:45px auto 0;width:82%;max-width:235px;aspect-ratio:1}
.sleep-state-ring>svg{width:100%;height:100%}
.sleep-state-ring>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:65px;color:#D8E6B8}
.sleep-ui-pill{padding:15px 17px;text-align:center;font-size:12px;border:1px solid #87C8A747;background:#8FDCC21C;border-radius:26px;margin-top:31px;color:#DBF2E3}
.screen-hairline{width:34%;height:4px;border-radius:4px;background:#A3CAB377;margin:32px auto 0}
.phone-planet-art{height:290px;overflow:hidden;margin:19px -27px 0}
.phone-planet-art>img{width:100%;height:100%;object-fit:cover;object-position:center}
.sleep-planet .case-phone-screen{background:#203F34}.sleep-planet .screen-label{margin-top:14px}
.reward-orbit{position:relative;width:145px;height:145px;margin:33px auto 0;border:1px solid #7DB29444;border-radius:50%}
.reward-orbit>.star{position:absolute;width:72px;height:72px;top:35px;left:35px;color:#C3DBA1}
.reward-orbit>span{position:absolute;width:13px;height:13px;border-radius:50%;background:#A3CCAE;top:0;left:50%}.reward-orbit>span:last-child{top:auto;left:5px;bottom:22px;width:8px;height:8px;background:#CFB886}
.habit-journey{display:grid;justify-items:center;margin-top:25px;gap:6px}
.habit-journey>span:not(.journey-connector){display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:15px;border:1px solid #A3CCAE24;background:#8FDCC211;font-size:12px;width:100%}
.habit-journey i{font-style:normal;font-size:18px;color:#BAD9A5}
.journey-connector{font-size:15px;color:#96BEA3}
.sleep-showcase>figcaption{font-size:10px;text-align:center;margin-top:29px;color:var(--text);letter-spacing:.45px}
@media(max-width:1100px){.sleep-showcase{width:calc(100% - 70px)}.case-phone-row{gap:30px}.case-phone{border-width:11px;border-radius:46px}.case-phone-screen{padding-inline:21px}.phone-planet-art{margin-inline:-21px;height:240px}.screen-eyebrow{font-size:8px;letter-spacing:1.4px;margin-top:18px}.screen-title{font-size:28px}.sleep-state-ring{margin-top:32px}.sleep-state-ring>span{font-size:50px}.sleep-ui-pill{font-size:10px;padding:11px;margin-top:23px}.screen-label{font-size:10px}.reward-orbit{width:113px;height:113px;margin-top:27px}.reward-orbit>.star{width:57px;height:57px;left:27px;top:27px}.habit-journey{margin-top:20px}.habit-journey>span:not(.journey-connector){font-size:10px;padding:8px 10px}.case-art-frame{padding:32px;border-radius:36px}}
@media(min-width:601px) and (max-width:850px){.case-phone-row{gap:23px}.case-phone{border-width:9px;border-radius:36px}.case-phone-screen{padding-inline:16px}.case-phone-status{font-size:8px;height:32px}.case-phone-island{height:18px;top:6px}.screen-title{font-size:23px;margin-top:12px}.screen-eyebrow{font-size:6px;margin-top:13px;letter-spacing:1px}.sleep-state-ring{margin-top:24px}.screen-label{font-size:8px;margin-top:10px}.sleep-ui-pill{font-size:8px;padding:9px;margin-top:17px}.phone-planet-art{height:191px;margin:15px -16px 0}.reward-orbit{width:84px;height:84px;margin-top:19px}.reward-orbit>.star{width:41px;height:41px;left:21px;top:20px}.habit-journey{gap:3px;margin-top:15px}.habit-journey>span:not(.journey-connector){font-size:8px;padding:6px 8px}.habit-journey i{font-size:13px}.journey-connector{font-size:11px}}
@media(max-width:600px){.case-heading{padding:135px 22px 25px}.case-heading .back-link{top:93px;left:22px;font-size:10px}.case-heading>.case-full-title{font-size:9px;letter-spacing:.8px;margin-top:16px}.case-heading>.case-tagline{font-size:18px;margin-top:10px}.case-meta{padding:20px 0;margin-bottom:36px;gap:15px}.case-meta dt{font-size:9px;margin-bottom:0}.case-meta dd{font-size:13px}.case-art-frame{padding:18px;border-radius:27px}.case-art-frame .project-figure .enlarge{border-radius:13px}.case-art-frame .project-figure figcaption{font-size:8px;margin-top:13px}.case-nav{margin-top:35px;padding:13px 15px;gap:8px 16px;border-radius:14px}.next-case{border-radius:29px}.sleep-detail-art{margin-top:47px}.sleep-showcase{width:calc(100% - 40px)}.case-phone-row{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;padding:3px 3px 20px}.case-phone{flex:0 0 84%;max-width:335px;border-width:11px;border-radius:46px;scroll-snap-align:center}.case-phone:first-child,.case-phone:nth-child(2){margin-top:0}.case-phone-screen{padding-inline:21px}.screen-title{font-size:29px}.screen-eyebrow{font-size:7px;margin-top:19px}.sleep-state-ring{margin-top:33px}.phone-planet-art{height:243px}.habit-journey{margin-top:23px}.habit-journey>span:not(.journey-connector){font-size:11px;padding:10px 12px}.screen-label{font-size:10px}.sleep-showcase>figcaption{font-size:9px;line-height:1.8;margin-top:19px}}