button.project-visual{border:0;font:inherit;text-align:left;color:inherit;cursor:pointer;width:100%}.project-visual .browser-frame{pointer-events:none}.project-copy button.solid{border:0;cursor:pointer;font-family:inherit}.project-live{font-size:12px;margin-top:14px;border-bottom:1px solid #a6af9a}.preview-caption b{font-weight:500}
.project-journal{margin-top:45px;border:1px solid var(--line);scroll-margin-top:85px;background:#f7f6ef}.journal-cover{display:grid;grid-template-columns:1.2fr 1fr;gap:25px 40px;padding:38px 44px;cursor:pointer;list-style:none;background:var(--ink);color:var(--paper)}.journal-cover::-webkit-details-marker{display:none}.journal-cover-meta{grid-column:1/-1;font-size:10px;letter-spacing:.14em;color:#bfc6b6}.journal-cover-title{font:500 clamp(30px,3.8vw,52px)/1.1 var(--display);letter-spacing:-.05em}.journal-cover-route{display:flex;gap:18px;align-items:center;font-size:14px;justify-content:flex-end;color:#cbd1c3}.journal-cover-route b{color:#ed8e6a;font-weight:400}.journal-cover-action{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #ffffff33;padding-top:18px;font-size:11px}.journal-cover-action b{font-size:22px;font-weight:400}.project-journal[open] .journal-cover-action b{transform:rotate(180deg)}.journal-intro{padding:35px 44px;border-bottom:1px solid var(--line)}.journal-intro p{font-size:20px;line-height:1.5;letter-spacing:-.02em;margin:15px 0}.journal-intro small{font-size:11px;line-height:1.7;color:var(--muted)}.journal-chapter{border-bottom:1px solid var(--line)}.journal-track{position:relative}.journal-scene{padding:30px 44px 35px;background:#f7f6ef;position:relative}.journal-track.is-pinned .journal-scene{position:sticky;top:85px}.journal-scene-head{display:flex;justify-content:space-between;gap:20px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:14px}.journal-stage{color:var(--orange)}.journal-scene h3{font:500 clamp(32px,3.9vw,53px)/1.08 var(--display);letter-spacing:-.055em;margin:0 0 28px}.journal-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:45px;align-items:center}.journal-figure{margin:0;min-width:0}.journal-figure figcaption{font-size:8px;color:var(--muted);letter-spacing:.03em;margin-top:12px;line-height:1.5}.journal-narrative{min-width:0}.journal-narrative p{font-size:14px;line-height:1.75;color:var(--muted);margin:0 0 17px}.journal-narrative p.journal-lead{font-size:21px;line-height:1.4;color:var(--ink);letter-spacing:-.03em}.journal-chapter-mark{display:flex;gap:15px;align-items:center;font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding-top:16px;border-top:1px solid var(--line)}.journal-chapter-mark i{height:1px;flex:1;background:var(--orange);transform:scaleX(var(--chapter-progress,1));transform-origin:left}
.journal-raster{padding:22px;background:#eaece3;border:1px solid #bfc5b5;min-height:305px}.raster-head{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.08em;padding-bottom:16px;border-bottom:1px solid #bfc5b5}.raster-intro{padding:22px 0}.raster-label{display:block;font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:9px}.raster-intro strong{font:500 28px/1.1 var(--display);letter-spacing:-.045em}.raster-branches{display:grid;grid-template-columns:1fr 1fr;gap:12px}.raster-branches>div{border:1px solid #bfc5b5;padding:12px;display:flex;flex-direction:column;gap:4px}.raster-branches span{font-size:8px;color:var(--orange)}.raster-branches strong{font-size:12px;font-weight:500}.raster-branches small{font-size:8px;color:var(--muted)}.raster-destination{border-top:1px solid #bfc5b5;margin-top:16px;padding-top:14px}.raster-destination>span{font-size:7px;letter-spacing:.1em;color:var(--muted)}.raster-destination strong{display:flex;justify-content:space-between;font-size:13px;font-weight:500;margin-top:5px}.raster-destination b{font-weight:400;color:var(--orange)}
.journal-wireframe{border:1px solid #bfc5b5;background:#fffef8;padding:17px;min-height:305px}.wire-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid #d4d5c9}.wire-header strong{font-size:14px;letter-spacing:-.05em}.wire-header span{font-size:6px;color:var(--muted)}.wire-hero{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:20px 0}.wire-copy>span{font-size:7px;color:var(--muted)}.wire-copy>strong{font:500 30px/1.1 var(--display);letter-spacing:-.05em;display:block;margin:12px 0 16px}.wire-copy i{display:block;height:3px;background:#d3d5c8;width:88%;margin:6px 0}.wire-copy i+i{width:65%}.wire-copy>b{font-size:7px;font-weight:500;display:block;border:1px solid #bfc5b5;width:fit-content;padding:6px 8px;margin-top:15px}.wire-photo{min-height:195px;background:#e8e9e0;overflow:hidden}.wire-photo img{width:100%;height:100%;max-height:225px;object-fit:cover}.wire-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;border-top:1px solid #d4d5c9;padding-top:14px}.wire-modules span{font-size:7px;border:1px solid #d4d5c9;padding:10px 5px;text-align:center}
.journal-live{border:1px solid #bcc3b0;background:white;box-shadow:0 15px 35px #22251f12}.live-browser{display:flex;gap:5px;align-items:center;border-bottom:1px solid #d5d7cc;padding:9px;background:#e9ece1}.live-browser i{width:4px;height:4px;border-radius:50%;background:#9ca68e}.live-browser span{font-size:7px;color:#56634e;margin:auto}.live-image img{display:block;width:100%;height:auto;aspect-ratio:1280/900}.live-proof{display:flex;align-items:center;gap:12px;background:#dfe6d8;padding:12px}.live-proof>span{font-size:7px;color:#56634e;letter-spacing:.08em}.live-proof>span:last-child{margin-left:auto}.live-proof strong{font-size:11px;font-weight:500}
.journal-details{border-top:1px solid var(--line);padding:23px 44px 28px;display:grid;grid-template-columns:.8fr 1fr 1.5fr;gap:25px;background:#eeeee5}.journal-detail-label{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);line-height:1.6;padding-top:8px}.journal-tabs{display:flex;flex-direction:column}.journal-tabs button{border:0;border-bottom:1px solid var(--line);background:none;display:flex;justify-content:space-between;gap:16px;padding:9px 0;text-align:left;font-size:11px;cursor:pointer;min-height:38px}.journal-tabs button[aria-selected=true]{color:var(--orange);border-bottom-color:var(--orange)}.journal-detail-panel{min-height:135px;transition:opacity .22s}.journal-detail-panel h4{font:500 19px/1.3 var(--display);letter-spacing:-.035em;margin:3px 0 12px}.journal-detail-panel p{font-size:12px;line-height:1.75;color:var(--muted);margin:0}.journal-footer{padding:26px 44px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px}.journal-footer p{flex-basis:100%;font-size:10px;line-height:1.8;color:var(--muted);margin:0}.journal-footer a,.journal-footer button{font-size:11px}.journal-footer button{border:0;border-bottom:1px solid var(--ink);padding:8px 0;background:none;cursor:pointer}
[data-beat="0"]{--beat-opacity:var(--beat-0,1)}[data-beat="1"]{--beat-opacity:var(--beat-1,1)}[data-beat="2"]{--beat-opacity:var(--beat-2,1)}.journal-scene-head{min-height:28px;align-items:flex-start}.motion-enabled .journal-ready [data-beat]{opacity:var(--beat-opacity,1);transform:translateY(calc((1 - var(--beat-opacity,1)) * 10px));transition:none!important}.motion-enabled .journal-ready .journal-track:focus-within [data-beat]{opacity:1;transform:none}
@media(max-width:1000px){.journal-cover,.journal-intro,.journal-footer{padding-left:28px;padding-right:28px}.journal-scene{padding:26px 28px}.journal-grid{gap:25px}.journal-details{padding:22px 28px;grid-template-columns:1fr 1.6fr}.journal-detail-label{grid-column:1/-1}.journal-narrative p{font-size:13px}.journal-narrative p.journal-lead{font-size:19px}.raster-head span:last-child{display:none}}
@media(max-width:700px){.journal-cover{grid-template-columns:1fr;padding:25px 20px;gap:20px}.journal-cover-title{font-size:35px}.journal-cover-route{justify-content:flex-start;font-size:11px;gap:14px}.journal-cover-meta{font-size:8px}.journal-intro{padding:25px 20px}.journal-intro p{font-size:17px}.journal-intro small{font-size:10px}.journal-scene{padding:22px 20px}.journal-scene-head{font-size:8px;letter-spacing:.06em}.journal-scene h3{font-size:33px;margin-bottom:20px}.journal-grid{grid-template-columns:1fr;gap:20px}.journal-narrative p{font-size:12px;line-height:1.65;margin-bottom:12px}.journal-narrative p.journal-lead{font-size:18px}.journal-figure{max-width:500px;width:100%;margin:0 auto}.journal-raster{min-height:0;padding:15px}.raster-intro{padding:15px 0}.raster-intro strong{font-size:24px}.raster-branches>div{padding:9px}.journal-wireframe{padding:12px;min-height:0}.wire-hero{padding:12px 0;gap:12px}.wire-copy>strong{font-size:25px}.wire-photo{min-height:160px}.wire-photo img{max-height:190px}.journal-details{padding:20px;grid-template-columns:1fr;gap:15px}.journal-detail-label{font-size:8px}.journal-tabs{flex-direction:row;gap:18px}.journal-tabs button{font-size:11px;flex:1}.journal-detail-panel{min-height:150px}.journal-footer{padding:22px 20px}.journal-cover-action{font-size:10px}.journal-dwell{max-width:130px;text-align:right}.journal-chapter-mark{font-size:8px}}
@media print{.journal-body{display:block!important}.journal-track{height:auto!important}.journal-scene{position:static!important}.journal-scene [data-beat]{opacity:1!important;transform:none!important}.journal-details{break-inside:avoid}.journal-cover{background:white;color:black}.journal-cover-route{color:black}.journal-footer button{display:none}}
.journal-navigation{height:auto;display:flex;justify-content:flex-start;gap:25px;padding-top:20px;flex-wrap:wrap}.journal-navigation a{font-size:11px;padding:5px 0;border-bottom:1px solid var(--line)}.journal-navigation a:hover{color:var(--orange);border-color:var(--orange)}.journal-chapter{scroll-margin-top:85px}.about-text>p.numbers-source{font-size:10px;color:#a5ad9b}
.journal-chapter,.project-journal{scroll-margin-top:0}
@media(min-width:701px) and (max-height:800px){.journal-scene{padding:20px 32px 24px}.journal-scene-head{min-height:22px;margin-bottom:10px}.journal-scene h3{font-size:38px;margin-bottom:22px}.journal-narrative p{font-size:13px}.journal-narrative p.journal-lead{font-size:18px}.journal-raster{padding:16px;min-height:0}.raster-intro{padding:15px 0}.raster-intro strong{font-size:25px}.raster-branches>div{padding:9px}.raster-destination{margin-top:12px;padding-top:10px}.journal-wireframe{min-height:0;padding:14px}.wire-hero{padding:14px 0}.wire-copy>strong{font-size:26px;margin:8px 0 12px}.wire-photo{min-height:160px}.wire-photo img{max-height:160px}.live-image img{height:260px;aspect-ratio:auto;object-fit:contain;background:#fffef8}}
.motion-enabled .journal-ready .live-image img{filter:grayscale(calc(1 - var(--beat-1,1)))}
@media(max-width:700px){.journal-scene{padding:18px 16px}.journal-scene-head{min-height:24px;margin-bottom:10px}.journal-scene h3{font-size:30px;margin-bottom:16px}.journal-grid{gap:14px}.journal-raster{padding:12px}.raster-intro strong{font-size:22px}.wire-photo{min-height:140px}.wire-photo img{max-height:160px}.journal-narrative p.journal-lead{font-size:17px}}


/* An atelier, rather than a wireframe. Each mark is a separate scroll-driven gesture. */
.journal-start{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:24px}.journal-start button{font-size:12px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:12px 18px;cursor:pointer;display:flex;gap:30px;align-items:center}.journal-start button:hover{background:var(--orange);border-color:var(--orange)}.journal-start>span{font-size:10px;color:var(--muted);max-width:360px}
.journal-painting{display:block;width:100%;height:auto;overflow:visible;background:#f5f1e7;background-image:radial-gradient(#6963460d .6px,transparent .8px);background-size:4px 4px}
.paint-stroke{fill:none;stroke-linecap:round;stroke-linejoin:round}.pencil{stroke:#50554a;stroke-width:1.35;opacity:.85}.search{stroke:#8a8e7e;stroke-width:1.1}.foliage{stroke:#737f66;stroke-width:1;opacity:.42}.hatch{stroke:#696c59;stroke-width:.8;opacity:.55}.annotation{stroke:#8b8d75;stroke-width:1.1}.paint-accent{stroke:#bd684b;stroke-width:1.6}.wash{stroke-linecap:round}.mask-stroke{stroke:white;stroke-width:43;stroke-linecap:round}
.paint-note{font:21px "Bad Script","Segoe Script",cursive;fill:#646a59}.paint-question{font-size:25px;fill:#343e30}.paint-headline{font:43px "Bad Script","Segoe Script",cursive;fill:#303a2d}.paint-small-note{font:17px "Bad Script","Segoe Script",cursive;fill:#414c35}
.journal-track.is-pinned .journal-scene{top:var(--scene-top,76px);height:var(--scene-height);padding:22px 34px 24px;display:flex;flex-direction:column}
.journal-track.is-pinned .journal-scene-head{flex:0 0 26px;margin-bottom:8px;min-height:0}.journal-dwell{max-width:260px;text-align:right;font-size:8px;letter-spacing:.06em}
.journal-track.is-pinned .journal-scene h3{font-size:clamp(30px,3.8vw,46px);margin:0 0 20px;flex-shrink:0;line-height:1.08}
.journal-track.is-pinned .journal-grid{flex:1;min-height:0;align-items:center;gap:30px;grid-template-rows:minmax(0,1fr)}
.journal-track.is-pinned .journal-figure{height:100%;min-height:0;display:flex;flex-direction:column;align-items:center;width:100%;max-width:none}
.journal-track.is-pinned .journal-figure .journal-painting{height:calc(100% - 26px);min-height:0;flex:1;width:100%}
.journal-track.is-pinned .journal-figure figcaption{flex:0 0 auto;align-self:flex-start;margin-top:8px;font-size:8px;line-height:1.4}
.journal-track.is-pinned .journal-narrative p{font-size:13px;line-height:1.65}.journal-track.is-pinned .journal-narrative .journal-lead{font:25px/1.5 "Bad Script","Segoe Script",cursive;letter-spacing:0}
.journal-track.is-pinned .journal-live{height:calc(100% - 26px);display:flex;flex-direction:column;min-height:0;max-width:100%;width:100%}.journal-track.is-pinned .live-image{min-height:0;flex:1;display:flex;background:#fffef8}.journal-track.is-pinned .live-image img{width:100%;height:100%;object-fit:contain;aspect-ratio:auto}.journal-track.is-pinned .live-browser,.journal-track.is-pinned .live-proof{flex-shrink:0}
@media(min-width:701px) and (max-height:680px){.journal-track.is-pinned .journal-scene{padding:12px 25px 16px}.journal-track.is-pinned .journal-scene h3{font-size:30px;margin-bottom:12px}.journal-track.is-pinned .journal-narrative .journal-lead{font-size:21px}.journal-track.is-pinned .journal-narrative p{font-size:12px;margin-bottom:10px}.journal-track.is-pinned .journal-chapter-mark{padding-top:8px}}
@media(max-width:700px){.journal-track.is-pinned .journal-scene{padding:12px 16px 16px}.journal-track.is-pinned .journal-scene h3{font-size:28px;margin-bottom:12px}.journal-track.is-pinned .journal-scene-head{flex-basis:25px;font-size:8px}.journal-dwell{max-width:180px;font-size:7px}.journal-track.is-pinned .journal-grid{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;gap:12px}.journal-track.is-pinned .journal-narrative p{font-size:11px;line-height:1.5;margin-bottom:8px}.journal-track.is-pinned .journal-narrative .journal-lead{font-size:19px;line-height:1.4;margin-bottom:9px}.journal-track.is-pinned .journal-chapter-mark{padding-top:8px;font-size:7px}.journal-track.is-pinned .journal-figure figcaption{font-size:7px}.journal-start{gap:12px}.journal-start>span{font-size:9px}.journal-track.is-pinned .live-proof{padding:6px 10px}}
@media print{.journal-track.is-pinned .journal-scene{height:auto;display:block}.journal-track.is-pinned .journal-grid{display:grid}.journal-track.is-pinned .journal-figure{height:auto;display:block}.journal-track.is-pinned .journal-figure .journal-painting{height:auto;width:100%}.paint-stroke{stroke-dasharray:none!important;stroke-dashoffset:0!important;visibility:visible!important}.paint-letter{clip-path:none!important;opacity:1!important}.journal-start{display:none}}

/* Monochrome nature study, layered from light construction to dense graphite. */
.study-mask{stroke:#fff;stroke-linecap:round}.durer-study{background:#f5f1e7;background-image:none}.study-paper{mix-blend-mode:multiply}.study-note{font-size:20px;fill:#676253}

/* One persistent page carries observation into composition and into the live site. */
.journal-flow-stage{background:#f7f6ef}.journal-flow-route{height:36px;display:flex;justify-content:space-between;align-items:center;padding:0 34px;gap:16px;border-bottom:1px solid #d9d8cc;background:#eeeee5}.journal-flow-route>div{display:flex;gap:12px;align-items:center}.journal-flow-route a{font-size:10px;color:var(--muted);padding:6px 0;white-space:nowrap}.journal-flow-route i{font-style:normal;font-size:10px;color:#989d8a}.journal-flow-route a[aria-current=step]{color:var(--orange);border-bottom:1px solid var(--orange)}.journal-flow-route .journal-skip{font-size:9px}.journal-flow-panel{border:0}
.journal-flow.is-pinned .journal-flow-stage{position:sticky;top:var(--scene-top);height:var(--flow-height);display:flex;flex-direction:column}
.journal-flow.is-pinned .journal-flow-panels{position:relative;flex:1;min-height:0}.journal-flow.is-pinned .journal-flow-panel{position:absolute;inset:0;height:100%;width:100%}
.journal-flow.is-pinned .journal-scene{position:relative;top:0;height:100%;padding-top:15px}.journal-flow.is-pinned .journal-scene h3{font-size:clamp(28px,3.5vw,43px);margin-bottom:16px}
.concept-study-echo{opacity:var(--study-echo,0);filter:url(#study-graphite-ink);mix-blend-mode:multiply}.live-composition-echo{position:absolute;inset:0 0 26px;z-index:2;opacity:var(--composition-echo,0);pointer-events:none}.live-composition-echo .journal-painting{height:100%;width:100%}.journal-figure{position:relative}.journal-flow.is-pinned .journal-live{position:relative}
.journal-contributions{scroll-margin-top:85px;border-top:1px solid var(--line)}.journal-contribution-heading{padding:34px 44px 28px}.journal-contribution-heading h3{font:500 35px/1.15 var(--display);letter-spacing:-.045em;margin:18px 0}.journal-contribution-heading p{font-size:12px;color:var(--muted);margin:0}.journal-contributions .journal-details{grid-template-columns:.75fr 1fr 1.5fr}.journal-contributions .journal-detail-label{color:var(--orange)}
@media(max-width:1000px){.journal-contributions .journal-details{grid-template-columns:1fr 1.6fr}.journal-contribution-heading{padding-left:28px;padding-right:28px}}
@media(max-width:700px){.journal-flow-route{padding:0 16px;height:36px;gap:8px}.journal-flow-route>div{gap:7px}.journal-flow-route a{font-size:8px}.journal-flow-route i{font-size:8px}.journal-flow-route .journal-skip{font-size:8px}.journal-flow.is-pinned .journal-scene{padding-top:10px}.journal-flow.is-pinned .journal-scene h3{font-size:26px;margin-bottom:10px}.journal-contribution-heading{padding:26px 20px}.journal-contribution-heading h3{font-size:28px}.journal-contributions .journal-details{grid-template-columns:1fr}.journal-contribution-heading p{font-size:11px}}
@media print{.journal-flow{height:auto!important}.journal-flow-stage{position:static!important;height:auto!important;display:block!important}.journal-flow-panels{position:static!important}.journal-flow-panel{position:static!important;height:auto!important;opacity:1!important;visibility:visible!important}.journal-flow .journal-scene{height:auto!important;display:block!important}.journal-flow-route,.live-composition-echo,.concept-study-echo{display:none!important}}

.journal-flow.is-pinned .journal-scene-head,.journal-flow.is-pinned .journal-scene h3,.journal-flow.is-pinned .journal-narrative,.journal-flow.is-pinned .journal-figure figcaption{opacity:var(--words-presence,1)}
.journal-flow.is-pinned .live-composition-echo .journal-painting{height:100%;flex:none}

.journal-flow.is-pinned #journal-03 .journal-live{clip-path:inset(0 calc((1 - var(--live-reveal,1)) * 100%) 0 0)}
.journal-flow.is-pinned .live-composition-echo{clip-path:inset(0 0 0 calc(var(--live-reveal,1) * 100%))}
.journal-flow.is-pinned #journal-03 .journal-live [data-beat="0"]{opacity:1;transform:none}

@media print{.journal-flow .journal-scene-head,.journal-flow .journal-scene h3,.journal-flow .journal-narrative,.journal-flow .journal-figure figcaption{opacity:1!important}.journal-flow #journal-03 .journal-live{clip-path:none!important}}