
:root{--bg:#080c12;--ink:#dbe0e6;--muted:#8996a8;--line:#ffffff25}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,sans-serif}button,input{font:inherit}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{background:none;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #b9cbe2;outline-offset:6px}.top{height:100px;margin:0 5vw;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.brand{font:22px Georgia,serif;letter-spacing:7px}.top nav{display:flex;gap:35px;align-items:center}.top button{border:0;font:10px 'Courier New',monospace;letter-spacing:1px;text-transform:uppercase}.number{font:13px Georgia,serif;color:var(--muted)}.hero{position:relative;min-height:900px;height:calc(100svh - 100px);max-height:1200px;overflow:hidden;background:radial-gradient(ellipse at 74% 44%,#23334a88,transparent 48%)}.ghost{position:absolute;top:3%;left:3%;font:17vw/1 Georgia,serif;letter-spacing:-.06em;color:#bfccd208;user-select:none}.arch{position:absolute;right:10%;top:11%;height:74%;width:35%;border:1px solid #6c7a8c38;border-radius:50% 50% 0 0;box-shadow:inset 35px 0 100px #111f3544}.hero-copy{position:relative;z-index:3;padding:14% 0 0 8%;width:50%}.micro{font:10px/1.8 'Courier New',monospace;text-transform:uppercase;letter-spacing:2.6px;color:var(--muted)}h1{font:normal clamp(65px,7vw,125px)/.98 Georgia,serif;letter-spacing:-.045em;margin:32px 0}h1 em{color:#9ba7b5}.dictionary{margin-top:45px;font:15px Georgia,serif;color:#a7afb8}.dictionary span{display:block;font:9px 'Courier New',monospace;letter-spacing:2px;color:#738399;margin-bottom:15px}.doctor{position:absolute;right:3%;bottom:6%;height:91%;width:54%;object-fit:contain;z-index:2;filter:brightness(.86)}.code{position:absolute;right:3%;top:30%;writing-mode:vertical-rl;font:10px 'Courier New',monospace;letter-spacing:4px;color:#778293}.note{position:absolute;bottom:15%;left:8%;font:10px/1.8 'Courier New',monospace;color:#8190a0}.scroll{position:absolute;bottom:4%;left:8%;font:10px 'Courier New',monospace;letter-spacing:3px;border-bottom:1px solid #56616d;padding:12px 0;z-index:4}.fig{position:absolute;bottom:6%;right:7%;font:13px Georgia,serif;color:#778293}.seam{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 5vw;font:9px 'Courier New',monospace;letter-spacing:3px;color:#97a0aa}.gallery{padding:110px 7vw 80px;background:linear-gradient(145deg,#111b2a,#080c12 70%)}.section-line{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:65px}.section-line h2{font:normal clamp(32px,4vw,62px) Georgia,serif;letter-spacing:-2px;margin:0}.section-line span{font:10px 'Courier New',monospace;color:var(--muted)}.painting-layout{display:grid;grid-template-columns:1fr 2.2fr;gap:6%;align-items:center}.pinned{font:clamp(30px,3.7vw,57px)/1.16 Georgia,serif;letter-spacing:-1.5px;margin:30px 0}.pinned em{color:#8391a3}.painting{margin:0;padding:16px;background:#05080c;border:1px solid #3e4855;box-shadow:0 30px 70px #0008;transform:rotate(-1deg)}.painting img{width:100%;display:block}.painting figcaption{display:flex;justify-content:space-between;gap:15px;font:9px/1.7 'Courier New',monospace;color:#838d98;padding:15px 2px 0}.exhibit-note{font:11px/1.8 'Courier New',monospace;color:#7d8794}.secondary{display:flex;justify-content:space-between;align-items:end;gap:8%;margin:100px 0 30px}.fragment{border-left:1px solid #526174;padding:15px 0 15px 28px;margin:0;max-width:400px;font:24px/1.5 Georgia,serif;color:#a5b0bc}.fragment small{display:block;font:9px 'Courier New',monospace;letter-spacing:2px;margin-top:20px;color:#78879c}.witness{width:39%;margin:0;transform:rotate(3deg);padding:13px;background:#11161d;border:1px solid #49515c}.witness img{width:100%;display:block}.witness figcaption{font:9px 'Courier New',monospace;letter-spacing:2px;text-align:right;padding:16px 0 3px;color:#9ca5af}.rooms{padding:90px 7vw 110px}.rooms .section-line{margin-bottom:30px}.room-row{width:100%;border:0;border-bottom:1px solid var(--line);padding:30px 0;display:grid;grid-template-columns:70px 1fr 1fr 30px;align-items:baseline;text-align:left;transition:background .2s,padding .2s}.room-row:hover{background:#152233;padding-left:16px;padding-right:16px}.room-row .n{font:11px 'Courier New',monospace;color:#708198}.room-row strong{font:normal clamp(24px,3.2vw,45px) Georgia,serif}.room-row .aside{font:11px 'Courier New',monospace;color:#8e99a5}.room-row .arrow{font-size:23px;color:#9aa8b8}.end{padding:65px 7vw 25px;border-top:1px solid var(--line);background:#0e1520}.end-title{font:clamp(32px,7vw,105px) Georgia,serif;letter-spacing:-3px;color:#9aa6b6}.endline{display:flex;justify-content:space-between;gap:30px;margin-top:45px;font:9px/1.8 'Courier New',monospace;color:#7e8b9b}.endline a{border-bottom:1px solid #566477}.modal{width:calc(100% - 32px);max-width:690px;max-height:90svh;border:1px solid #586476;background:#111a27;color:#d8dee5;padding:50px;box-shadow:0 30px 130px #000}.modal::backdrop{background:#03060cbb;backdrop-filter:blur(8px)}.close{position:absolute;right:20px;top:15px;border:0;font-size:28px}.modal h2{font:normal 44px/1.05 Georgia,serif;letter-spacing:-1px;margin:25px 0}.modal p{font:15px/1.8 Georgia,serif;color:#b4bfcc}.modal .fine{font:10px/1.7 'Courier New',monospace;color:#8998aa}.field{display:block;font:11px 'Courier New',monospace;letter-spacing:1px;margin:28px 0 10px}input{color:#d8dee5;width:100%;border:1px solid #586476;background:#080e17;padding:15px}input::placeholder{color:#7f8d9d}.action{padding:13px 0;border:0;border-bottom:1px solid #9aa9bb;font:12px 'Courier New',monospace;margin:15px 0}.choices{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.choice{border:1px solid #4c5e73;padding:12px;font:11px 'Courier New',monospace}.choice[aria-pressed=true]{background:#d2d9e2;color:#15202e}.result{border-left:1px solid #74839a;padding-left:20px;margin-top:25px}.preview-img{display:block;max-height:250px;max-width:100%;margin:25px auto}.preview-img[hidden]{display:none}.audio-row{border-top:1px solid #46576d;border-bottom:1px solid #46576d;padding:22px 0;display:flex;justify-content:space-between;font:12px 'Courier New',monospace;color:#a2afbf}.orbit{width:115px;height:115px;border:1px solid #748499;border-radius:50%;display:grid;place-items:center;font:25px Georgia,serif;margin:25px auto;outline:1px dashed #4d5a6a;outline-offset:12px}@media(max-width:800px){.top{height:85px;margin:0 6vw}.brand{font-size:17px;letter-spacing:4px}.top nav{gap:17px}.top button{font-size:9px}.number{display:none}.hero{min-height:850px;height:auto}.hero-copy{padding:80px 0 0 8%;width:85%}h1{font-size:70px}.dictionary{margin-top:25px;font-size:13px}.doctor{height:490px;width:76%;right:-12%;bottom:45px}.arch{top:40%;right:4%;height:52%;width:60%}.code{top:57%;right:5%}.note{bottom:18%;left:8%;max-width:90px}.fig{display:none}.seam{font-size:8px;letter-spacing:1px}.gallery{padding:65px 7vw}.section-line{margin-bottom:35px}.section-line h2{letter-spacing:-1px}.section-line span{font-size:8px;max-width:110px;text-align:right}.painting-layout{grid-template-columns:1fr;gap:30px}.pinned{font-size:40px}.painting{transform:none;padding:10px}.painting figcaption{font-size:8px}.secondary{margin:60px 0 0;display:block}.fragment{font-size:21px}.witness{width:75%;margin:60px 0 10px auto}.rooms{padding:60px 7vw}.room-row{grid-template-columns:35px 1fr 25px;gap:10px;padding:25px 0}.room-row .aside{display:none}.room-row strong{font-size:28px}.end{padding:45px 7vw 25px}.end-title{letter-spacing:-1px}.endline{font-size:8px}.modal{padding:40px 25px}.modal h2{font-size:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.hero{min-height:850px}.hero-copy{padding-top:12%;width:55%}.hero h1{font-size:clamp(58px,6.4vw,115px)}.main-choices{display:flex;gap:35px;flex-wrap:wrap;margin-top:42px}.main-choices button{font:25px Georgia,serif;border:0;border-bottom:1px solid #7d8da1;padding:0 0 10px}.podcast-link{display:block;margin-top:27px;border:0;padding:0;font:11px 'Courier New',monospace;letter-spacing:1px;color:#9daabb}.clock{position:absolute;bottom:7%;left:8%;width:100px;height:100px;color:#aab5c3}.clock svg{width:100%;height:100%}.clock .rim{fill:#0c1420;stroke:#7b8a9c;stroke-width:.8}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);padding:0 7vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.quick-actions button{padding:25px 20px;border:0;border-right:1px solid var(--line);text-align:left;font:19px Georgia,serif;display:flex;justify-content:space-between;gap:20px}.quick-actions button:last-child{border-right:0}.quick-actions button:hover{background:#142135}.gallery{padding-top:85px}.painting{transform:none}.secondary{justify-content:flex-end;margin-top:65px}.witness{transform:none;width:43%;padding:0;border:0}.witness figcaption{display:none}.gallery-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:65px;border-top:1px solid var(--line);padding-top:22px}.gallery-bottom button{border:0;padding:5px 0;font:17px Georgia,serif}.end{padding-top:35px}.end-title{font-size:clamp(28px,5vw,70px)}.modal.about-modal{max-width:810px}.modal h2{font-size:38px}.contribution{padding:25px 0;border-top:1px solid #46566c}.contribution h3{font:24px Georgia,serif;margin:0 0 15px}.contribution label{margin-top:15px}.contribution .small-label{font:11px 'Courier New',monospace;color:#93a2b6}.contribution .preview-img{max-height:180px;margin:15px 0}.modal select{width:100%;padding:14px;background:#080e17;color:#d8dee5;border:1px solid #586476;font:13px 'Courier New',monospace}.requirements{font:12px/1.8 'Courier New',monospace!important;margin:18px 0 28px!important}.record-buttons{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.record-buttons button{border:1px solid #64758c;padding:12px 16px;font:12px 'Courier New',monospace}.record-buttons button:disabled{opacity:.35;cursor:default}.recording{color:#e7a4a4!important}.record-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#a44949;margin-right:8px}audio{width:100%;margin-top:18px}.download{display:inline-block;font:11px 'Courier New',monospace;border-bottom:1px solid #8d9db2;padding:10px 0}.download[hidden],audio[hidden]{display:none}.submit-preview{background:#ccd4df;color:#111a27;padding:14px 20px;border:0;font:12px 'Courier New',monospace}.submit-preview:disabled{opacity:.35;cursor:default}.count{font:10px 'Courier New',monospace;color:#a0afc0;margin-bottom:20px}.future-note{border-left:1px solid #8393a8;padding-left:15px}.modal .close{position:sticky;float:right;top:0;background:#111a27;z-index:2}.art-name{font:11px 'Courier New',monospace;overflow-wrap:anywhere}.fine-link{font:11px 'Courier New',monospace;border:0;border-bottom:1px solid #8d9db2;padding:10px 0}.top .number{display:none}@media(max-width:800px){.hero{min-height:910px}.hero-copy{width:90%;padding-top:65px}.hero h1{font-size:64px}.main-choices{margin-top:28px;gap:30px}.main-choices button{font-size:24px}.doctor{height:430px;width:76%;bottom:35px}.clock{width:75px;height:75px;bottom:12%;left:8%}.hero .micro{font-size:8px;letter-spacing:1.5px}.quick-actions{grid-template-columns:1fr;padding:0 7vw}.quick-actions button{border-right:0;border-bottom:1px solid var(--line);padding:20px 0}.quick-actions button:last-child{border-bottom:0}.gallery{padding-top:60px}.witness{width:85%}.gallery-bottom{margin-top:45px}.contribution h3{font-size:22px}.modal.about-modal{padding:25px}.main-choices{position:relative;z-index:5}} 
[hidden]{display:none!important}
/* Revision 04: calm entry, clock beside title, aligned artwork. */
.main-choices button{border:0;padding:6px 0}.main-choices button:hover{color:#fff}.headline-row{display:flex;align-items:center;gap:25px}.headline-row .clock{position:static;flex:0 0 76px;width:76px;height:76px}.headline-row h1{font-size:clamp(52px,5.4vw,100px)}.hero-copy{width:60%;padding-left:6%}.secondary{display:grid;grid-template-columns:1fr 2.2fr;gap:6%;align-items:start}.witness{grid-column:2;width:100%;margin:0}.diary{margin-top:28px}textarea{width:100%;resize:vertical;min-height:150px;background:#080e17;color:#d8dee5;border:1px solid #586476;padding:16px;font:16px/1.6 Georgia,serif}textarea:focus-visible,select:focus-visible{outline:2px solid #b9cbe2;outline-offset:4px}#diaryResult{white-space:pre-wrap;overflow-wrap:anywhere}.endline{margin-top:0}.end{padding:25px 7vw}.fine-link{display:block;margin:18px 0}
@media(max-width:800px){.hero-copy{width:94%;padding-left:8%}.headline-row{gap:16px}.headline-row .clock{flex-basis:58px;width:58px;height:58px}.headline-row h1{font-size:clamp(39px,8.6vw,64px)}.secondary{display:block}.witness{width:100%;margin:0}.hero{min-height:910px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Revision 05: a shared text edge and a clock on the doctor's vertical axis. */
.brand{font-family:Georgia,'Times New Roman',serif;font-size:25px;font-weight:normal;letter-spacing:.22em;line-height:1}.hero-copy{width:100%;padding:12% 7% 0}.headline-row{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center}.headline-row h1{grid-column:1;grid-row:1;margin:30px 0}.headline-row .clock{grid-column:2;grid-row:1;justify-self:center;position:static;width:132px;height:132px;filter:drop-shadow(0 8px 25px #0006)}.doctor{right:1.5%;width:54%}.podcast-link{margin-top:14px}.second-hand{transform-origin:64px 64px;animation:seconds 60s linear infinite}@keyframes seconds{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.witness figcaption{display:block;text-align:left;padding:16px 0 0;font:italic 17px Georgia,serif;letter-spacing:.02em;color:#acb5c2}.destiny{border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:30px}.destiny h3{font:normal 28px Georgia,serif;margin:20px 0 0}.chart-privacy{font:12px/1.8 Arial,sans-serif!important;color:#9eacbd!important}.gallery-invitation{font-style:italic!important;color:#a9b9cb!important}
@media(max-width:800px){.brand{font-size:20px}.hero-copy{width:100%;padding:65px 7% 0}.headline-row{grid-template-columns:1fr 1fr}.headline-row h1{font-size:clamp(32px,7vw,54px);letter-spacing:-.045em}.headline-row .clock{width:clamp(82px,17vw,118px);height:clamp(82px,17vw,118px)}.doctor{right:-9%;width:76%}.podcast-link{font-size:9px;letter-spacing:.8px}}
@media(prefers-reduced-motion:reduce){.second-hand{animation:none}}

/* Revision 06: signature wordmark, quiet watcher, softened pewter clock. */
.brand{position:relative;display:inline-block;font:italic 42px/.95 Georgia,'Times New Roman',serif;letter-spacing:-2.8px;color:#c7c5bc;padding:5px 8px 12px 0}.brand>span{display:block;transform:rotate(-3deg)}.brand-g{display:inline-block;transform:translateY(3px) rotate(-7deg)}.brand svg{position:absolute;left:0;bottom:-1px;width:100%;height:20px;opacity:.65}.ghost{font-style:italic;font-size:12vw;top:7%;left:3%;white-space:nowrap;letter-spacing:-.045em;color:#bfccd20b}.headline-row .clock{height:155px;width:142px;color:#b9b8ac}.clock svg{overflow:visible}.second-hand line{stroke:#b9b5a2}.witness{background:transparent}.witness img{height:auto}
@media(max-width:800px){.brand{font-size:35px;letter-spacing:-2px}.ghost{font-size:13vw;top:8%}.headline-row .clock{width:clamp(92px,19vw,132px);height:145px}}

/* Revision 07: restrained identity, deeper droop and horizontal Morse. */
.brand{font-family:Georgia,'Times New Roman',serif;font-style:normal;font-size:29px;font-weight:normal;font-variant:small-caps;letter-spacing:.06em;color:var(--ink);padding:0;line-height:1;transform:scaleX(.94);transform-origin:left center}.brand-mark{font:16px Georgia,serif;margin-left:7px;vertical-align:middle;color:inherit}.ghost{top:32%;left:7%;font:normal clamp(60px,9vw,150px)/.85 Georgia,serif;letter-spacing:-.06em;white-space:normal;color:#bfccd209;width:80%;pointer-events:none}.headline-row .clock{height:177px;width:145px}.code{writing-mode:horizontal-tb;top:49%;left:7%;right:auto;max-width:42%;font:11px/2 'Courier New',monospace;letter-spacing:1.6px;color:#9ca7b4;z-index:3;overflow-wrap:anywhere}
@media(max-width:800px){.brand{font-size:26px;letter-spacing:.04em}.headline-row .clock{height:165px;width:128px}.ghost{top:37%;font-size:15vw;line-height:.9;left:7%}.code{top:55%;left:7%;max-width:42%;font-size:9px;letter-spacing:1px;line-height:2.2}}
.code{font-size:12px;letter-spacing:.5px;max-width:48%;line-height:2.1}@media(max-width:800px){.code{font-size:11px;letter-spacing:.2px;max-width:52%;top:55%}}

.vertical-code{position:absolute;right:3%;top:47%;writing-mode:vertical-rl;font:10px/1 Courier New,monospace;letter-spacing:4px;color:#778293;z-index:3}@media(max-width:800px){.vertical-code{right:4%;top:58%;font-size:9px;letter-spacing:3px}}

/* Revision09: physical watch image replaces the rejected flat vector case. */
.headline-row .dimensional-clock{position:relative;width:200px;height:auto;aspect-ratio:1066/1450;filter:none}.dimensional-clock>img{display:block;width:100%;height:100%;object-fit:contain}.dimensional-clock .watch-hands{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.dimensional-second{transform-origin:0 0;animation:seconds 60s linear infinite}@media(max-width:800px){.headline-row .dimensional-clock{width:clamp(120px,25vw,178px);height:auto}}@media(prefers-reduced-motion:reduce){.dimensional-second{animation:none}}

/* Revision 11: quieter clock scale, lower placement and twelve numerals. */
.headline-row .dimensional-clock{width:170px;transform:translateY(22px)}
@media(max-width:800px){.headline-row .dimensional-clock{width:clamp(105px,21vw,150px);transform:translateY(18px)}}

@media(min-width:801px){.headline-row .dimensional-clock{justify-self:start;transform:translate(-110px,22px)}}


/* Revision 12: approved avatar retains the exact existing image box and filter. */
.headline-row .dimensional-clock{width:150px}
.movie-section{border-bottom:1px solid var(--line);padding:0 0 26px;margin:0 0 30px}.movie-section h3{font:normal 28px Georgia,serif;margin:0 0 20px}
@media(max-width:800px){.headline-row .dimensional-clock{width:clamp(95px,19vw,135px)}}

/* Revision 13: tagline under masthead, stronger podcast entry and quieter dial. */
.hero-copy .micro{position:absolute;top:22px;left:7%;margin:0}
.hero-copy{padding-top:7%}
.podcast-link{font-size:13px;font-weight:700;letter-spacing:1.1px;margin-top:0}
.headline-row h1{margin-bottom:12px}
@media(min-width:801px){.headline-row .dimensional-clock{transform:translate(-186px,22px)}}
@media(max-width:800px){.hero-copy{padding-top:85px}.hero-copy .micro{top:20px}.podcast-link{font-size:11px}.headline-row .dimensional-clock{transform:translate(-20px,18px)}}

.code{left:52%;max-width:13%;font-size:9px;letter-spacing:0;line-height:1.6}@media(max-width:800px){.code{left:7%;max-width:46%;font-size:10px}}

/* Revision 14: clock further left and its crown level with the headline. */
@media(min-width:801px){.headline-row .dimensional-clock{transform:translate(-262px,60px)}}
@media(max-width:800px){.headline-row .dimensional-clock{transform:translate(-30px,38px)}}

/* Requested finishing touches: brighter second hand and a fine dotted podcast frame. */
.dimensional-second line{stroke:#f0eee5;stroke-width:10;stroke-linecap:round}
.podcast-link{border:1px dotted #aab5c066;padding:10px 14px;width:fit-content}
.podcast-link:hover{border-color:#cbd3dcaa}


/* Revision 15: one proportional hero composition at every screen width.
   Do not tie artwork placement to viewport height or stack it at 800px. */
.hero{container-type:inline-size;height:auto;min-height:0;max-height:none;aspect-ratio:1265/1000}
.hero-copy{width:100%;padding:7% 7% 0}
.hero-copy .micro{top:1.8cqw;left:7%;font-size:.79cqw;letter-spacing:.2cqw}
.headline-row{display:block}
.headline-row h1{font-size:5.4cqw;line-height:.98;letter-spacing:-.045em;margin:2.4cqw 0 1cqw}
.headline-row .dimensional-clock{position:absolute;left:34%;top:11cqw;transform:none;justify-self:auto;width:11.85cqw;height:auto;aspect-ratio:1066/1450}
.doctor{right:1.5%;bottom:6%;height:91%;width:54%;object-fit:contain}
.podcast-link{font-size:1.03cqw;font-weight:700;letter-spacing:.087cqw;margin-top:0;padding:.79cqw 1.1cqw;border:1px dotted #aab5c066}
.ghost{top:29%;left:7%;width:47%;font-size:6.6cqw;line-height:.95;letter-spacing:-.05em;white-space:normal}
.code{left:52%;max-width:13%;font-size:.71cqw;line-height:1.6;letter-spacing:0}
.vertical-code{right:3%;top:47%;font-size:.79cqw;letter-spacing:.32cqw}
.arch{right:10%;top:11%;height:74%;width:35%}
@media(max-width:800px){.top{height:70px}.brand{font-size:22px}.top nav{gap:16px}.top button{font-size:10px;min-height:44px}.hero .micro{font-size:.79cqw;letter-spacing:.2cqw}}

.gallery{container-type:inline-size;padding:8vw 7vw 6vw}.painting-layout,.secondary{display:grid;grid-template-columns:1fr 2.2fr;gap:6%;align-items:center}.pinned{font-size:4.3cqw;line-height:1.16;letter-spacing:-.1cqw;margin:2cqw 0}.painting{padding:1.2cqw}.painting figcaption,.exhibit-note{font-size:max(5px,.75cqw)}.secondary{margin:6cqw 0 2cqw;align-items:start}.witness{grid-column:2;width:100%;margin:0;padding:1cqw}


/* Revision 16: restore the owner's vertical sequence; gallery stays revision 15. */
.hero{aspect-ratio:auto;height:158cqw;min-height:0;max-height:none}
.hero-copy{padding:15cqw 7% 0}
.hero-copy .micro{top:3cqw;font-size:.9cqw}
.headline-row h1{font-size:7cqw;margin:3cqw 0 4cqw}
.headline-row .dimensional-clock{left:60%;top:16cqw;width:18cqw;transform:none}
.podcast-link{font-size:1.25cqw;padding:1cqw 1.4cqw}
.ghost{top:44cqw;left:7%;font-size:12cqw;line-height:.95;width:86%;letter-spacing:-.05em}
.doctor{top:68cqw;bottom:auto;right:2%;height:84cqw;width:65%}
.arch{top:67cqw;right:4%;height:80cqw;width:58%}
.code{left:7%;max-width:46%;font-size:.95cqw;letter-spacing:.1cqw;line-height:1.8}
.vertical-code{top:82cqw;right:4%;font-size:.9cqw;letter-spacing:.35cqw}
#contact .destiny,#contact .movie-section,#contact .notification-section{padding:22px;margin:22px 0;border:1px solid #8194ac38;background:#0a121c;border-radius:3px}
#contact h3{font:normal 23px/1.3 Georgia,serif;color:#c5d2e1;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #8194ac38}
#contact .movie-section h3{font-size:21px}
#contact section p{font-size:15px;line-height:1.7}
#contact section .fine{font-size:11px}
.podcast-apply{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}
.podcast-apply h3{font:normal 23px Georgia,serif;color:#c5d2e1}
@media(max-width:800px){.hero .micro{font-size:.9cqw}#contact .destiny,#contact .movie-section,#contact .notification-section{padding:16px}#contact h3{font-size:21px}#contact .movie-section h3{font-size:19px}}

/* Revision 17: clock hierarchy and clear membership/form sections. */
.watch-hands line[transform="rotate(295)"]{stroke-width:20}
.watch-hands line[transform="rotate(300)"]{stroke-width:15}
.dimensional-second line{stroke-width:8}
.access-card,.about-modal .identity-card,.about-modal .diary,.about-modal .contribution{border:1px solid #8194ac38;background:#0a121c;border-radius:3px;padding:22px;margin:22px 0}
.access-card h3,.about-modal .contribution h3{font:normal 23px/1.3 Georgia,serif;color:#c5d2e1;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #8194ac38}
.access-card p,.about-modal .diary-prompt{font-size:15px;line-height:1.7}
.about-modal .small-label{font:10px 'Courier New',monospace;color:#879ab0;letter-spacing:2px;margin-bottom:12px}
.about-modal .field{line-height:1.5}.about-modal input[type=file]{max-width:100%;font-size:13px}
.about-modal .fine,.access-card .fine{font-size:11px;line-height:1.7}
.record-buttons{flex-wrap:wrap}
@media(max-width:600px){.access-card,.about-modal .identity-card,.about-modal .diary,.about-modal .contribution{padding:16px}.access-card h3,.about-modal .contribution h3{font-size:21px}}

/* Revision 18: a physical support from the headline period to the watch fold. */
.watch-support{position:absolute;height:3px;background:linear-gradient(#aaa9a0,#555950);border-radius:2px;z-index:0;box-shadow:0 2px 3px #0008;pointer-events:none}.headline-row .dimensional-clock{z-index:1}#headlinePeriod{position:relative;z-index:2}

/* Revision 19: weathered branch under the central horizontal fold. */
.watch-support{height:auto;background:none;border-radius:0;box-shadow:none;filter:brightness(.65) saturate(.45);z-index:0;display:block}.headline-row .dimensional-clock{z-index:1}

/* Revision 20: branch crosses the 10 o’clock region and projects beyond the watch. */
.headline-row .dimensional-clock{left:56%}.access-steps{padding-left:22px;font:15px/1.8 Georgia,serif;color:var(--ink)}.access-steps li{padding:4px 0}
