.deep-work{--footer-ink:var(--dw-muted);--dw-settle:0;position:relative;height:100svh;height:100dvh;background:var(--dw-background);color:var(--dw-ink);isolation:isolate}.dw-stage{position:relative;height:100%;overflow:hidden}.dw-atmosphere,.dw-canvas,.dw-fallback{position:absolute;inset:var(--global-nav-height) 0 0;pointer-events:none}.dw-atmosphere{background:linear-gradient(165deg,#d4dee1,#b3c1c8 50%,#8299a4)}.dw-canvas{opacity:0;transition:opacity .35s;isolation:isolate}.deep-work[data-ready=true] .dw-canvas{opacity:1}.dw-canvas:after{content:"";position:absolute;inset:0 0 0 45%;background:linear-gradient(90deg,transparent,#dfe7ea85 25%,#dfe7eaad);opacity:var(--dw-settle)}.dw-fallback{display:grid;place-items:center}.dw-fallback span{width:clamp(180px,29vw,400px);aspect-ratio:1.1;border-radius:45% 55% 63% 37%/51% 35% 65% 49%;background:linear-gradient(140deg,#f3f0e5,#b9c8ce 62%,#7d99a6);box-shadow:inset 12px 18px 24px #fff9,0 110px 44px -65px #49677366;transform:translateX(calc(var(--dw-settle) * -18vw))}.dw-heading{position:absolute;top:calc(var(--global-nav-height) + 23px);left:4.3vw;right:4.3vw;display:flex;align-items:center;justify-content:flex-end;isolation:isolate}.dw-heading:before{content:"";position:absolute;z-index:-1;inset:-23px -5vw -20px;pointer-events:none;background:linear-gradient(var(--dw-background),#dfe7ea96 45%,transparent)}.dw-section-label{font-size:8px;letter-spacing:2.2px;color:var(--dw-muted);font-weight:400}.dw-shortcut{display:flex;gap:8px;align-items:center;min-height:48px;flex-shrink:0}.dw-youtube-icon{display:block;width:56px;height:auto;flex-shrink:0}.dw-playlist-label{display:grid;gap:4px;font-size:12px;line-height:1.3;letter-spacing:.04em}.dw-playlist-label small{font-size:9px;color:var(--dw-muted);letter-spacing:.06em}.dw-shortcut-arrow{font-size:20px;margin-left:10px}.dw-shortcut:hover{color:var(--dw-accent)}.dw-invitation{position:absolute;opacity:0;pointer-events:none;left:57%;right:7%;top:calc(var(--global-nav-height) + (100% - var(--global-nav-height)) * .2);text-shadow:0 1px 6px #dfe7eab3}.dw-invitation[aria-hidden=true]{visibility:hidden}.dw-invitation h1{font:400 clamp(30px,3vw,44px)/1.6 var(--serif);letter-spacing:.02em;margin:22px 0 24px}.dw-invitation h1 span{display:block;white-space:nowrap}.dw-invitation p{font-size:13px;line-height:2.1;letter-spacing:.04em;max-width:395px;color:var(--dw-ink);margin:0 0 29px;text-wrap:pretty}.dw-invitation[aria-hidden=false]{pointer-events:auto}.dw-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 0 18px;border-bottom:1px solid #526d7a80;max-width:395px;font-size:12px;letter-spacing:.04em}.dw-cta>span:last-child{font-size:26px;line-height:1;transition:transform .3s}.dw-cta:hover>span:last-child{transform:translate(4px,-4px)}.dw-cta:hover{color:var(--dw-accent);border-color:var(--dw-accent)}.dw-channel{display:block;font-size:7px;letter-spacing:1px;margin-top:15px;color:var(--dw-muted)}.deep-work a:focus-visible{outline-color:var(--dw-accent);outline-offset:8px}@media (max-width:759px){.dw-canvas:after{inset:32% 0 0;background:linear-gradient(transparent,#dfe7eabb 35%,#dfe7ead6 80%)}.dw-heading{left:6vw;right:6vw;top:calc(var(--global-nav-height) + 15px)}.dw-shortcut{gap:4px}.dw-shortcut-arrow{margin-left:4px}.dw-invitation{left:8%;right:8%;top:calc(var(--global-nav-height) + (100% - var(--global-nav-height)) * .48)}.dw-invitation h1{font-size:28px;line-height:1.55;margin:17px 0}.dw-invitation p{font-size:12px;line-height:1.95;margin-bottom:14px;letter-spacing:.025em}.dw-cta{font-size:11px;padding:13px 0}.dw-channel{font-size:6px;letter-spacing:.6px;margin-top:12px}}@media (min-width:760px) and (max-height:740px){.dw-invitation{top:calc(var(--global-nav-height) + (100% - var(--global-nav-height)) * .17)}.dw-invitation h1{font-size:34px;line-height:1.5;margin:18px 0}.dw-invitation p{font-size:12px;margin-bottom:19px}}@media (max-width:759px) and (max-height:740px){.dw-invitation{top:auto;bottom:calc(72px + env(safe-area-inset-bottom))}.dw-invitation h1{font-size:24px;line-height:1.5;margin:12px 0}.dw-invitation .dw-section-label{font-size:6px}.dw-invitation p{font-size:11px;line-height:1.85;margin-bottom:8px}.dw-cta{font-size:11px;padding:11px 0}}.deep-work .dw-footer{position:absolute;inset:auto 0 0}