@font-face{font-family:Plex;src:url('assets/plex.woff2')}@font-face{font-family:STIX;src:url('assets/stix.woff2')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#090909;color:#f2ede4;font-family:Plex,Arial,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #f2ede4;outline-offset:5px}header,main,footer{max-width:1376px;margin:auto}header{height:100px;padding:0 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #30302c}.brand{display:flex;align-items:center;gap:12px;letter-spacing:2px;font-size:18px;font-weight:600}.brand span{font-size:10px;align-self:flex-start}nav{display:flex;gap:42px;font-size:13px}main{padding:0 48px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:640px;gap:32px;padding:65px 0 38px}.eyebrow{font-size:11px;letter-spacing:2px;line-height:1.7;color:#aaa59d}.hero h1{font:400 clamp(76px,7.3vw,108px)/.93 STIX,Georgia,serif;letter-spacing:-4px;margin:30px 0}.hero h1 em,h2 em{font-weight:400;color:#bcb8ae}.lede{max-width:380px;line-height:1.7;color:#c9c4bb}.primary{border:0;border-radius:3px;background:#f2ede4;color:#090909;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 23px;font-size:14px;font-weight:500}.hero .primary{margin:21px 0 5px}.quiet{color:#aaa59d;font-size:12px;line-height:1.7}.time-object{position:relative;background:radial-gradient(ellipse at center,#1b1b18 0%,#090909 65%)}.time-object svg{display:block;width:100%;filter:drop-shadow(0 25px 15px #000)}.svg-small{font:9px Plex;letter-spacing:2px;fill:#aaa59d}#ring-days{font:76px STIX;fill:#f2ede4}.object-note{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#aaa59d;border-top:1px solid #30302c;padding-top:16px}.journal{border-top:1px solid #45443f;padding:45px 0 75px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}h2{font:400 48px/1.07 STIX,Georgia,serif;letter-spacing:-1.5px;margin:14px 0}.smalltag{font-size:9px;letter-spacing:1.5px;border:1px solid #45443f;padding:9px 12px}.workspace{display:grid;grid-template-columns:1fr 1fr;border:1px solid #45443f;background:#10100e}form{padding:35px;border-right:1px solid #45443f}label{display:block;font-size:12px;color:#c9c4bb;margin-bottom:12px}input:not([type=checkbox]){width:100%;border:1px solid #56564f;background:#161613;color:#f2ede4;border-radius:3px;padding:14px;min-width:0;color-scheme:dark}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}.presets{display:flex;gap:10px;margin:16px 0 26px}.presets button,.actions button,#copy-link{border:1px solid #56564f;border-radius:3px;background:transparent;color:#f2ede4;padding:9px 16px;font-size:12px}.presets .selected{background:#f2ede4;color:#090909}.check{display:flex;gap:10px;align-items:flex-start;line-height:1.6;max-width:430px;margin-bottom:24px}.check input{accent-color:#f2ede4;min-width:16px;height:16px}.record{padding:35px;position:relative}.record-top{display:flex;justify-content:space-between;align-items:center}.record-top .eyebrow{margin:0}#record-state{font-size:9px;letter-spacing:1px}#record-title{font:24px STIX;overflow-wrap:anywhere;margin:25px 0 12px}.date-display{display:flex;gap:20px;align-items:center}.date-display>span{font:90px/.95 STIX;letter-spacing:-5px}#end-month{font-size:13px;line-height:1.8;max-width:80px;text-transform:uppercase;letter-spacing:2px}.timeline{display:flex;align-items:center;margin:25px 0 12px}.timeline i{width:7px;height:7px;background:#f2ede4}.timeline span{height:1px;background:#77776a;flex:1}.dates{display:flex;justify-content:space-between;gap:14px;font-size:9px;color:#aaa59d;letter-spacing:1px}.dates b{display:block;color:#f2ede4;font-size:12px;font-weight:400;margin-top:7px}.record-note{font-size:11px;line-height:1.7;color:#aaa59d;max-width:360px;margin:18px 0}.actions{display:flex;gap:8px;flex-wrap:wrap}.text-button{display:block;background:none;border:0;border-bottom:1px solid #aaa59d;padding:0 0 5px;color:#f2ede4;font-size:12px;margin-top:22px}.record .quiet{font-size:10px}#form-status{font-size:12px;line-height:1.6}#share-area{padding:25px;background:#1b1b17}#copy-link{margin-top:10px}.saved-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 12px}.saved-heading h3{font-size:14px;font-weight:400}.saved-heading span{font-size:11px;color:#aaa59d}.saved-row{display:flex;align-items:center;gap:20px;border-top:1px solid #30302c;padding:18px 0}.saved-row p{flex:1;margin:0;overflow-wrap:anywhere;font-size:14px}.saved-row small{display:block;color:#aaa59d;margin-top:8px}.saved-row button{border:0;color:#f2ede4;background:none;font-size:12px}.principles{padding:70px 0 90px;border-top:1px solid #45443f;display:grid;grid-template-columns:1fr 1fr;gap:30px}.principles>.eyebrow{grid-column:1/-1;margin:0}.principles h2{font-size:65px}.principle-list article{display:flex;gap:24px;padding:20px 0;border-bottom:1px solid #30302c}.principle-list article>span{color:#aaa59d;font-size:11px;padding-top:5px}h3{font-weight:500}.principle-list h3{margin:0 0 10px;font-size:17px}.principle-list p{font-size:14px;line-height:1.8;color:#aaa59d;margin:0}.film-section{border-top:1px solid #45443f;padding:60px 0;display:grid;grid-template-columns:1fr 1.5fr;align-items:center;gap:40px}video{width:100%;background:#141412;aspect-ratio:16/9}.token-note{border-top:1px solid #30302c;padding:25px 0;display:grid;grid-template-columns:1fr 2fr;gap:20px}.token-note>p:last-child{font-size:12px;line-height:1.8;color:#aaa59d}footer{border-top:1px solid #45443f;padding:32px 48px;display:flex;align-items:center;gap:30px;font-size:12px}footer .brand{font-size:14px}footer span{margin-right:auto;color:#aaa59d}footer button{background:none;color:#aaa59d;border:0;font-size:12px}dialog{max-width:500px;background:#161613;color:#f2ede4;border:1px solid #777;padding:35px}dialog::backdrop{background:#000b}dialog p{font-size:14px;line-height:1.8}dialog>.dialog-close:first-child{float:right;color:#f2ede4;background:none;border:0;font-size:25px}#intro{position:fixed;inset:0;z-index:100;background:#090909;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:hidden}#intro[hidden]{display:none}#skip{position:absolute;right:32px;bottom:32px;background:none;color:#f2ede4;border:1px solid #777;padding:12px 18px}.intro-instrument{width:240px;height:240px;border:1px solid #45443f;border-radius:50%;position:relative;animation:instrument 10s both}.intro-instrument:before{content:'';position:absolute;inset:12px;border:16px solid #f2ede4;border-right-color:transparent;border-radius:50%;animation:trace 10s both}.intro-instrument:after{content:'';position:absolute;inset:-24px;border:2px dotted #aaa59d;border-radius:50%;animation:ticks 10s both}#intro-caption{font:28px STIX;position:absolute;top:70%;text-align:center}.intro-brand{position:absolute;letter-spacing:8px;font-size:clamp(20px,4vw,50px);animation:brand 10s both}.noscript{padding:16px}#intro button{z-index:1}@keyframes trace{0%,15%{clip-path:inset(0 100% 0 0);transform:rotate(-70deg)}50%{clip-path:inset(0 0 0 0);transform:rotate(0)}80%,100%{clip-path:inset(0 0 0 0);transform:rotate(100deg)}}@keyframes instrument{0%{transform:scale(.65);opacity:.2}25%{opacity:1}65%{transform:scale(1.1);opacity:1}85%,100%{transform:scale(2.6);opacity:.12}}@keyframes ticks{0%,20%{opacity:0;transform:rotate(-40deg)}50%,100%{opacity:1;transform:rotate(0)}}@keyframes brand{0%,75%{opacity:0;transform:translateY(15px)}85%,100%{opacity:1;transform:translateY(0)}}@media(max-width:760px){header{height:80px;padding:0 22px}.brand{font-size:14px;gap:8px}nav{gap:15px}nav a:first-child{display:none}main{padding:0 22px}.hero{grid-template-columns:1fr;padding:40px 0;gap:12px}.hero h1{font-size:80px}.hero .lede{font-size:15px}.time-object{width:min(100%,420px);margin:auto}.hero .quiet{font-size:11px}.section-heading{display:block}h2{font-size:36px}.smalltag{display:inline-block;margin-top:12px}.workspace{grid-template-columns:1fr}form{border-right:0;border-bottom:1px solid #45443f;padding:23px}.record{padding:23px}.two-fields{gap:12px}.two-fields label{min-height:30px}.principles{grid-template-columns:1fr;padding:40px 0}.principles h2{font-size:48px}.film-section{grid-template-columns:1fr;gap:20px}.token-note{grid-template-columns:1fr;gap:0}footer{padding:28px 22px;flex-wrap:wrap;gap:20px}footer span{display:none}.saved-row{gap:10px}.actions button{padding:10px}.record-top{gap:8px}#skip{right:20px;bottom:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#intro{display:none}*,*:before,*:after{animation:none!important;transition:none!important}}

.hero-presets{justify-content:center;margin:0 0 20px}.hero{min-height:590px;padding-top:35px}.hero h1{margin:24px 0}