.notebook-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;padding:38px 0 32px}.notebook-heading h1{font-size:clamp(34px,4vw,56px);margin:0;letter-spacing:-.045em}.notebook-heading .eyebrow{margin-bottom:12px;font-size:12px}.notebook-heading>p{max-width:390px;margin:0;color:var(--muted);font-size:16px}.home-project{padding:32px 0 46px;border-top:1px solid var(--line)}.home-project-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.home-project-heading h2{font-size:clamp(27px,3vw,40px);margin:0}.home-project-heading .eyebrow{font-size:12px;margin-bottom:10px}.home-project-heading>a{white-space:nowrap;font-size:14px}.project-stage-view{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);background:#eef0e9;min-height:390px}.project-stage-media{display:block;position:relative;overflow:hidden;min-width:0}.project-stage-media>.photo{height:100%;aspect-ratio:1.55;min-height:390px}.project-stage-media .photo img{object-position:center}.stage-image-tag{position:absolute;top:20px;left:20px;color:var(--red);background:#f7f6f2ee;padding:8px 12px;border:1px solid #d6d8cd;font:13px monospace}.stage-image-link{position:absolute;bottom:18px;right:18px;background:var(--ink);color:white;padding:10px 14px;font-size:13px}.project-stage-copy{padding:36px;align-self:center}.project-stage-copy>.eyebrow{font-size:12px;margin-bottom:18px;line-height:1.6}.project-stage-copy h3{font-size:clamp(27px,2.7vw,38px);line-height:1.15;letter-spacing:-.035em;margin-bottom:18px}.project-stage-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;color:#576466}.project-stage-copy>.text-link{display:inline-block;margin-top:5px}.project-stage-copy>.stage-media-caption{font-size:12px!important;line-height:1.5!important;margin:24px 0 0;color:var(--muted)}.step-thumbnails{display:flex;gap:12px;overflow-x:auto;padding:18px 3px 14px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#839a9e #e7e9e2}.step-thumbnail{flex:0 0 125px;min-width:0;background:none;color:var(--ink);text-align:left;border:1px solid transparent;border-bottom:3px solid transparent;padding:6px 6px 10px;scroll-snap-align:start}.step-thumbnail:hover{background:#edf0e8}.step-thumbnail.active{border-color:#bdc9c8;border-bottom-color:var(--ink);background:#e8eee8}.thumb-media{display:block;position:relative;aspect-ratio:1.5;overflow:hidden}.thumb-media>.photo{height:100%;width:100%}.thumb-media>span{position:absolute;bottom:4px;left:4px;font:12px monospace;background:var(--paper);color:var(--ink);padding:2px 5px}.thumb-label{display:block;font-size:13px;font-weight:600;line-height:1.3;margin:9px 0 4px;min-height:34px}.thumb-status{display:block;font-size:12px;color:var(--muted)}.step-video-placeholder{display:flex;align-items:center;justify-content:center;background:#dce4df;color:var(--ink);height:100%;min-height:140px;padding:20px}.journal-story .page-head{max-width:980px}.journal-story .page-head>.meta{display:block;line-height:1.6}.journal-story .project-layout{padding-top:15px}.narrative-step{scroll-margin-top:24px}.narrative-step-head{display:flex;gap:20px;align-items:start;margin-bottom:24px}.narrative-number{font:44px Georgia,serif;color:var(--gold);line-height:1.1;min-width:55px}.narrative-step-head .eyebrow{font-size:12px;margin-bottom:10px}.narrative-step-head h2{font-size:36px;margin-bottom:0}.narrative-media{margin:0 0 24px}.narrative-media>.photo{margin:0;aspect-ratio:1.75;max-height:560px}.narrative-media figcaption{font-size:12px;color:var(--muted);line-height:1.6;margin-top:10px}.step-video{width:100%;display:block;background:#152c38;aspect-ratio:16/9;object-fit:contain}.narrative-text{max-width:740px!important;font-size:18px!important;line-height:1.7!important;color:var(--ink)!important}.story-product-link{display:flex;gap:20px;flex-wrap:wrap;align-items:center;padding-bottom:45px}.story-product-link .eyebrow{width:100%;margin-bottom:0}.journal-story .timeline-nav a{border-left:2px solid var(--line);padding:10px 0 10px 13px}.journal-story .timeline-nav a:hover{border-color:var(--red)}
@media(max-width:1000px){.project-stage-copy{padding:25px}.project-stage-view{grid-template-columns:1.2fr 1fr}.project-stage-copy h3{font-size:29px}.notebook-heading>p{font-size:14px}.project-stage-media>.photo{min-height:350px}.project-stage-view{min-height:350px}.step-thumbnail{flex-basis:115px}}
@media(max-width:700px){.notebook-heading{display:block;padding:28px 0 22px}.notebook-heading>p{margin-top:16px;font-size:15px}.notebook-heading h1{font-size:40px}.home-project-heading{align-items:start;display:block;margin-bottom:20px}.home-project-heading h2{font-size:30px}.home-project-heading>a{display:inline-block;margin-top:14px;font-size:13px}.project-stage-view{display:flex;flex-direction:column;min-height:0}.project-stage-media>.photo{min-height:0;height:auto;aspect-ratio:1.5}.project-stage-copy{padding:22px;width:100%}.project-stage-copy h3{font-size:28px;margin-bottom:12px}.project-stage-copy>.eyebrow{margin-bottom:12px}.project-stage-copy>p:not(.eyebrow){font-size:15px;line-height:1.6}.project-stage-copy>.stage-media-caption{margin-top:16px}.step-thumbnails{gap:8px;padding-top:14px}.step-thumbnail{flex-basis:106px}.thumb-label{font-size:12px;min-height:31px}.thumb-status{font-size:11px}.home-project{padding:26px 0 30px}.stage-image-tag{top:12px;left:12px;font-size:12px;padding:6px 9px}.stage-image-link{bottom:12px;right:12px;font-size:12px;padding:8px 10px}.narrative-number{font-size:35px;min-width:40px}.narrative-step-head{gap:12px}.narrative-step-head h2{font-size:29px}.narrative-text{font-size:16px!important}.journal-story .project-layout{display:block}.journal-story .timeline-nav{display:flex;overflow:auto;position:static;margin-bottom:24px;white-space:nowrap}.journal-story .timeline-nav a{font-size:12px}.narrative-media>.photo{aspect-ratio:1.35}}
@media(prefers-reduced-motion:reduce){.step-thumbnails{scroll-behavior:auto}}
@media(max-width:700px){.notebook-heading{padding:22px 0 18px}.notebook-heading h1{font-size:34px}.notebook-heading .eyebrow{font-size:10px;margin-bottom:9px}.notebook-heading>p{display:none}.home-project-heading h2{font-size:27px}.home-project-heading .eyebrow{font-size:11px}.home-project-heading>a{margin-top:10px}.home-project{padding-top:22px}}
@media(min-width:701px){.notebook-heading{padding:28px 0 24px}.notebook-heading h1{font-size:46px}.home-project{padding-top:26px}.project-stage-media>.photo{height:390px;min-height:0;aspect-ratio:auto}.project-stage-view{min-height:390px}.project-stage-copy{padding:25px 30px}.project-stage-copy h3{font-size:32px}.project-stage-copy>p:not(.eyebrow){font-size:15px}}
@media(max-width:700px){.home-project{display:grid}.home-project-heading{order:0}.project-stage-panel,.project-stage-view{display:contents}.project-stage-media{order:1}.step-thumbnails{order:2;max-width:100%;min-width:0}.project-stage-copy{order:3;background:#eef0e9}.step-change-status{order:4}.home-project>.project-galleries{order:5;min-width:0}}
.step-thumbnail{flex-basis:165px}.thumb-label{font-size:11px;font-weight:400;color:var(--muted);min-height:0;margin:10px 0 6px;letter-spacing:.4px}.thumb-question{display:block;font-size:14px;line-height:1.45;font-weight:600;min-height:62px}.project-stage-copy>.step-answer-title{font-weight:600;color:var(--ink)!important;margin-bottom:10px}.narrative-answer{font-size:23px;margin-bottom:12px}@media(max-width:700px){.step-thumbnail{flex-basis:145px}.thumb-label{font-size:11px}.thumb-question{font-size:14px;min-height:62px}.narrative-answer{font-size:21px}}
.project-galleries{border-top:1px solid var(--line);margin-top:8px;padding-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-gallery-group-wide{grid-column:1 / -1}.gallery-intro{grid-column:1 / -1;max-width:620px;margin:0;color:var(--muted);font-size:14px;line-height:1.6}.gallery-group-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:13px}.gallery-group-heading .eyebrow{font-size:10px;margin-bottom:6px}.gallery-group-heading h3{font-size:21px;margin:0;letter-spacing:-.02em}.gallery-group-heading .text-link{font-size:12px;white-space:nowrap}.project-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.project-gallery-tile{display:block;color:var(--ink);min-width:0}.gallery-tile-art{display:block;aspect-ratio:1;overflow:hidden;background:#e4e8e1}.gallery-tile-art>.photo,.gallery-tile-art>.product-placeholder{height:100%;min-height:0}.gallery-tile-art .photo img{height:100%;object-fit:cover}.gallery-tile-label{display:block;font-size:11px;font-weight:600;line-height:1.25;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-gallery-tile small{display:block;color:var(--muted);font:9px monospace;letter-spacing:.04em;margin-top:4px}.project-gallery-tile:hover .gallery-tile-art{outline:2px solid var(--ink);outline-offset:-2px}.project-gallery-tile:hover .gallery-tile-label{text-decoration:underline}@media(max-width:700px){.project-galleries{grid-template-columns:1fr;gap:30px;padding-top:21px}.gallery-intro{font-size:13px}.gallery-group-heading h3{font-size:19px}.project-gallery-grid{gap:6px}.gallery-tile-label{font-size:10px}.project-gallery-tile small{font-size:8px}}

.thumb-question{margin-top:10px}