:root{--paper:#f8f7f2;--ink:#222926;--muted:#616860;--cobalt:#33549e;--line:#d9dcd3;--serif:ui-serif,"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:3rem}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--cobalt);outline-offset:5px;border-radius:3px}button{font:inherit;cursor:pointer}::selection{background:#dbe5ff}.shell{max-width:1440px;margin:auto;padding:0 6.2%}.skip{position:absolute;top:-100px;left:20px;background:var(--ink);color:white;padding:10px 20px;z-index:10}.skip:focus{top:12px}.masthead{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:10px;text-decoration:none;font:32px/1 var(--serif);letter-spacing:-1.2px;color:var(--cobalt)}.wordmark svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:3.2}.masthead nav,footer nav{display:flex;gap:27px;align-items:center}.masthead nav a,footer nav a{font-size:13px;font-weight:550;min-height:44px;display:flex;align-items:center;text-decoration:none}.masthead nav a:hover,footer nav a:hover{text-decoration:underline}.hero{padding:86px 0 95px;display:grid;grid-template-columns:1.1fr 1fr;gap:58px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.55px;text-transform:uppercase;font-weight:650;color:var(--muted);margin:0 0 26px;line-height:1.7}.status-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:var(--cobalt);vertical-align:middle;margin-right:7px}h1,h2,h3,p{margin-top:0}h1{font:clamp(55px,5.9vw,88px)/1.03 var(--serif);font-weight:400;letter-spacing:-3.8px;margin-bottom:28px}h1 em{color:var(--cobalt);font-weight:400;letter-spacing:-3.7px}.lede{font-size:18px;line-height:1.65;color:var(--muted);margin-bottom:22px}.text-link{font-weight:600;font-size:14px;display:inline-flex;gap:24px;align-items:center;min-height:48px;text-decoration:none;border-bottom:1px solid var(--cobalt);color:var(--cobalt)}.text-link span{font-size:24px;font-weight:400}.time-art{border:1px solid #4568b1;background:var(--cobalt);color:#fff;min-height:538px;padding:31px 36px 23px;border-radius:4px;box-shadow:15px 18px 0 #e5e7dc;position:relative;overflow:hidden}.art-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.tiny-caps{font-size:9px;text-transform:uppercase;letter-spacing:1.3px;color:#d9e3ff}.fold-symbol{font:30px/1 var(--serif);color:#d9e3ff}.art-title{font:32px/1.18 var(--serif);letter-spacing:-.7px}.duration{display:flex;align-items:baseline;gap:17px;margin-top:12px}.duration>span:first-child{font:114px/1 var(--serif);font-variant-numeric:tabular-nums;letter-spacing:-6px}.duration-unit{font:20px var(--serif);color:#e3e9fa}.waveform{margin:18px 0 19px;height:66px}.waveform svg{width:100%;height:100%;stroke:#9bb5ed;stroke-width:3.2;stroke-linecap:round;fill:none}.time-options{border:0;padding:0;margin:0;display:flex;gap:7px}.time-options button{border:1px solid #718aca;background:transparent;color:#fff;flex:1;min-height:44px;border-radius:24px;font-size:12px;white-space:nowrap}.time-options button[aria-pressed=true]{background:#f5f4ec;border-color:#f5f4ec;color:#26478e;font-weight:650}.time-options button:hover{border-color:#fff}.time-options button:focus-visible{outline-color:#fff}.time-caption{font-size:12px;margin:20px 0 9px;color:#f0f3fc;min-height:20px}.art-note{font-size:10px;color:#d3def7;margin-bottom:0}.idea{border-top:1px solid var(--line);padding:66px 0 54px}.idea-columns{display:grid;grid-template-columns:1fr 1fr;gap:85px}.idea h2{font:clamp(38px,4.3vw,60px)/1.12 var(--serif);letter-spacing:-1.7px}.idea p{font-size:16px;line-height:1.75;margin-bottom:20px}.idea .eyebrow{font-size:10px;margin-bottom:25px}.quiet{color:var(--muted)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:40px 0 70px;border-top:1px solid var(--line)}.number{display:block;font-size:11px;letter-spacing:1px;color:var(--cobalt);margin-bottom:19px}h3{font:29px/1.2 var(--serif);letter-spacing:-.7px;margin-bottom:13px}.principles p{font-size:14px;line-height:1.8;color:var(--muted);max-width:290px}.closing{text-align:center;padding:60px 18% 73px;background:#eceee5;margin:0 -2.5% 0}.closing-mark{font:40px/1 var(--serif);color:var(--cobalt);display:inline-flex;align-items:center;gap:3px;margin-bottom:24px}.closing-mark span{font-size:38px}.closing .eyebrow{margin-bottom:19px}.closing h2{font:clamp(35px,3.8vw,54px)/1.1 var(--serif);letter-spacing:-1.6px;margin-bottom:22px}.closing>p:not(.eyebrow){color:var(--muted);font-size:15px;max-width:480px;margin:0 auto 12px}footer{display:flex;align-items:center;gap:24px;justify-content:space-between;min-height:120px;padding:20px 0;color:var(--muted)}footer p{font-size:11px;margin:0}.footer-brand{font:23px var(--serif);color:var(--cobalt);text-decoration:none}footer nav{gap:20px}footer nav a{font-size:11px}.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}.document{max-width:780px;margin:65px auto 95px}.document h1{font-size:clamp(44px,6vw,64px);letter-spacing:-2px;margin-bottom:24px}.document h2{font:30px/1.2 var(--serif);letter-spacing:-.5px;margin:42px 0 16px}.document p,.document li{font-size:16px;color:#4e5650}.document .eyebrow{font-size:10px}.document a{color:var(--cobalt)}details{border-top:1px solid var(--line);padding:18px 0}details:last-child{border-bottom:1px solid var(--line)}summary{font:23px/1.35 var(--serif);cursor:pointer;min-height:44px;display:list-item;padding:6px 0}details p{padding:10px 0 4px;margin:0}.notice{padding:20px 23px;border-left:3px solid var(--cobalt);background:#ecefe7;margin-bottom:34px}.document .notice p{margin:0}
@media(min-width:1440px){h1{font-size:86px}}@media(max-width:1050px){.shell{padding:0 5%}.hero{gap:35px;padding:60px 0 75px}h1{font-size:64px;letter-spacing:-2.7px}h1 em{letter-spacing:-2.7px}.time-art{padding:26px 24px;min-height:510px}.art-title{font-size:29px}.idea-columns{gap:40px}.closing{padding:55px 13%}.masthead nav{gap:19px}}@media(max-width:760px){.masthead{min-height:87px;gap:12px}.wordmark{font-size:28px}.wordmark svg{width:27px;height:27px}.masthead nav{gap:17px}.masthead nav a{font-size:12px}.masthead nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;gap:40px;padding:46px 0 65px}.hero-copy{max-width:520px}.eyebrow{font-size:9px;margin-bottom:24px}h1{font-size:clamp(54px,9.7vw,76px);letter-spacing:-2.7px}h1 em{letter-spacing:-2.7px}.lede{font-size:17px}.time-art{max-width:530px;width:100%;justify-self:center;min-height:0;padding:26px 26px 23px;box-shadow:9px 12px 0 #e5e7dc}.art-top{margin-bottom:27px}.duration>span:first-child{font-size:105px}.art-title{font-size:31px}.waveform{height:61px}.idea{padding:47px 0 32px}.idea-columns{grid-template-columns:1fr;gap:6px}.idea h2{font-size:42px}.principles{grid-template-columns:1fr;gap:0;padding:10px 0 34px}.principles article{display:grid;grid-template-columns:36px 1fr;column-gap:12px;padding:23px 0}.number{margin:6px 0 0}.principles h3{font-size:27px}.principles p{grid-column:2;max-width:initial;margin:0}.closing{padding:44px 22px;margin:0 -1%}.closing h2{font-size:40px}.closing p{font-size:14px}footer{flex-wrap:wrap;gap:10px;padding:27px 0}footer nav{width:100%;justify-content:space-between;gap:15px}.document{margin:43px auto 65px}.document h1{font-size:46px}.document p,.document li{font-size:15px}.document h2{font-size:27px}}@media(max-width:360px){.shell{padding:0 20px}.masthead nav a{font-size:11px}.masthead nav{gap:12px}.wordmark{font-size:25px}.wordmark svg{width:23px}h1{font-size:49px;letter-spacing:-2.4px}h1 em{letter-spacing:-2.4px}.time-art{padding:23px 20px}.time-options{gap:5px}.time-options button{font-size:11px}.art-note{font-size:9px}.closing h2{font-size:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media(forced-colors:active){.time-options button[aria-pressed=true]{outline:2px solid ButtonText}.waveform svg{stroke:CanvasText}.wordmark svg{stroke:LinkText}}

.wordmark svg,.fold-symbol svg,.closing-mark svg{fill:currentColor;stroke:none}.fold-symbol svg{width:27px;height:27px}.closing-mark svg{width:48px;height:48px}

.time-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.time-entry input{font:inherit;font-size:17px;font-variant-numeric:tabular-nums;flex:0 0 82px;width:82px;min-height:44px;border:1px solid #9bb5ed;border-radius:6px;background:transparent;color:#fff;padding:8px;color-scheme:dark}.time-entry input:focus-visible{outline-color:#fff}.time-entry input[aria-invalid=true]{border-color:#fff;border-width:2px}