/* Deep project journals: the visual language of the portfolio, at reading scale. */
.project-showcase{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:40px;align-items:center}
.project-showcase .project-hero{padding:0;width:100%;height:550px;min-height:0}
.process-invitation{min-width:0}
.process-teaser{display:flex;flex-direction:column;border:1px solid #343838;border-radius:10px;overflow:hidden;background:#111313;transition:border-color .2s,transform .2s}
.process-teaser:hover{border-color:var(--red);transform:translateY(-4px)}
.process-preview{display:block;height:130px;overflow:hidden;background:#e7e6e2}
.process-preview img{width:100%;height:100%;object-fit:cover;opacity:.8}
.process-teaser-copy{display:flex;flex-direction:column;gap:15px;padding:24px 22px 20px}
.process-teaser-copy small{color:var(--red);letter-spacing:.1em;font-size:9px}
.process-teaser-copy strong{font-size:21px;line-height:1.55;font-weight:500}
.process-teaser-copy>span{font-size:11px;line-height:1.9;color:#9ba2a0}
.process-teaser-action{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:16px 22px;font-size:12px}
.process-teaser-action>span{color:var(--red);font-size:25px}
body[data-page="process"] main{overflow:clip}
.journal-hero{padding-top:160px}
.journal-title{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center;margin-top:48px}
.journal-title .eyebrow{font-size:9px;letter-spacing:.1em;max-width:440px;line-height:1.8}
.journal-title h1{font-family:var(--display);font-size:clamp(68px,8.4vw,130px);line-height:1.03;letter-spacing:-.02em}
.journal-title h1>span{color:var(--red)}
.journal-project-name{font-size:16px;margin-top:28px;letter-spacing:.01em}
.journal-project-name>span{color:#8e9792;font-size:12px;display:block;margin-top:6px}
.journal-cover{position:relative;min-width:0;background:#d8d6cf;transform:rotate(2deg);border:8px solid #dedbd2;box-shadow:0 25px 60px #0005}
.journal-cover>img{width:100%;height:310px;object-fit:contain;background:#dfded7}
.journal-cover>span{display:block;padding:12px 8px 6px;font-size:8px;letter-spacing:.13em;color:#444a43;line-height:1.6}
.journal-intro{display:grid;grid-template-columns:1fr 1.2fr;gap:65px;margin:80px 0 35px;padding-top:40px;border-top:1px solid var(--line)}
.journal-intro>h2{font-size:clamp(23px,2.5vw,36px);line-height:1.6;max-width:480px;font-weight:500}
.journal-intro p{color:#b8beba;line-height:2.05;font-size:14px}
.journal-meta{display:flex;gap:8px 20px;flex-wrap:wrap;margin-top:25px;color:#9fa9a1;font-size:10px}
.journal-meta span{padding-left:12px;border-left:2px solid var(--red)}
.journal-context{display:grid;grid-template-columns:1fr 1.2fr;gap:65px;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.journal-context p{font-size:11px;line-height:1.9;color:#9ca69e}
.journal-context small{display:block;margin-bottom:9px;font-size:9px;color:#d6dbd5;letter-spacing:.15em}
.journal-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:70px;padding-top:85px;padding-bottom:60px}
.journal-nav{position:sticky;top:118px;align-self:start;display:flex;flex-direction:column;max-height:calc(100vh - 145px);overflow:auto}
.journal-nav>span{font-size:9px;letter-spacing:.15em;color:var(--red);padding-bottom:22px}
.journal-nav button{display:flex;text-align:left;gap:12px;padding:15px 0;border-top:1px solid var(--line);background:transparent;font-size:11px;line-height:1.8;color:#9da79e;transition:color .2s}
.journal-nav button:hover,.journal-nav button:focus-visible{color:var(--ink)}
.journal-nav button small{font-size:9px;color:var(--red);padding-top:2px;flex:none}
.journal-nav>a{font-size:10px;color:#b6bfb5;padding-top:25px}
.journal-chapters{min-width:0}
.journal-stage{scroll-margin-top:130px;margin-bottom:85px;outline:none}
.stage-heading{display:flex;align-items:flex-start;gap:25px;margin-bottom:28px}
.stage-number{font-family:var(--display);font-size:68px;line-height:1;color:var(--red);flex:none}
.stage-heading small{font-size:8px;letter-spacing:.15em;color:#89968b}
.stage-heading h2{font-size:clamp(23px,2.25vw,34px);line-height:1.5;margin-top:9px;font-weight:500}
.stage-body>p{font-size:14px;line-height:2.1;color:#bcc4bd;margin:0 0 16px;max-width:760px}
.stage-decision{border-left:2px solid var(--red);padding:6px 0 7px 22px;margin:27px 0 34px}
.stage-decision>span{font-size:9px;color:var(--red);letter-spacing:.08em}
.stage-decision>p{font-size:15px;line-height:1.85;margin-top:9px;color:#ecefe9}
.stage-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}
.stage-images.single{grid-template-columns:1fr}
.stage-images figure{min-width:0}
.stage-images .zoom-button{display:block;width:100%;background:#e5e4de;border-radius:5px;overflow:hidden}
.stage-images .zoom-button>img{width:100%;height:270px;object-fit:contain;padding:12px}
.stage-images.single .zoom-button>img{height:auto;max-height:540px;min-height:220px;padding:14px}
.stage-images figcaption{font-size:10px;color:#89958b;line-height:1.7;margin-top:11px}
.stage-sources{margin-top:23px;border-bottom:1px solid var(--line);padding-bottom:15px}
.stage-sources summary{font-size:10px;color:#8e9a91;cursor:pointer;width:fit-content;padding:8px 0}
.stage-sources summary>span{color:var(--red);margin-left:12px}
.stage-sources ul{padding-left:18px;font-size:10px;line-height:2;color:#7f8c81;overflow-wrap:anywhere}
.journal-reflection{padding:40px;background:#151a17;border:1px solid #303a33;border-radius:6px;margin-bottom:75px}
.journal-reflection h2{font-size:26px;line-height:1.6;margin-bottom:20px}
.journal-reflection p{font-size:14px;line-height:2;color:#b4c0b6}
.journal-reflection .eyebrow{font-size:9px;color:#8fa493;margin-bottom:14px}
.process-archive{scroll-margin-top:130px;outline:none}
.archive-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.archive-heading .eyebrow{font-size:9px;color:var(--red);margin-bottom:10px}
.archive-heading h2{font-size:30px;line-height:1.5}
.archive-heading>span{font-size:48px;font-family:var(--display);color:var(--red);white-space:nowrap}
.archive-heading small{font-family:var(--sans);font-size:9px;color:#9da89f}
.process-archive>p{color:#9da89f;font-size:12px;line-height:1.9;margin-bottom:25px}
.archive-disclosure{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.archive-disclosure>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:22px 0;font-size:13px;list-style:none}
.archive-disclosure>summary::-webkit-details-marker{display:none}
.archive-disclosure>summary>span:last-child{font-size:24px;color:var(--red);transition:transform .2s}
.archive-disclosure[open]>summary>span:last-child{transform:rotate(45deg)}
.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 16px;padding:10px 0 35px}
.archive-grid figure{min-width:0}
.archive-grid .zoom-button{display:block;width:100%;background:#dddcd5;border-radius:3px;overflow:hidden}
.archive-grid .zoom-button>img{width:100%;height:155px;object-fit:contain;padding:5px}
.archive-grid .zoom-hint{font-size:8px;padding:4px 6px;right:4px;bottom:4px}
.archive-grid figcaption{font-size:9px;line-height:1.7;color:#89958b;margin-top:10px;overflow-wrap:anywhere}
.journal-end{display:flex;gap:14px;flex-wrap:wrap;margin-top:55px}
.process-motion{margin-bottom:70px}
.process-motion h2{font-size:26px;line-height:1.5;margin:20px 0}
.process-motion video{width:100%;max-height:560px;background:#000;border-radius:6px}
details>summary:focus-visible{outline:2px solid var(--red);outline-offset:4px}
@media(min-width:1600px){.project-showcase{grid-template-columns:minmax(0,1fr) 320px}.project-showcase .project-hero{height:660px}}
@media(max-width:1050px){.journal-layout{grid-template-columns:170px minmax(0,1fr);gap:35px}.journal-title{gap:35px}.journal-cover>img{height:250px}.journal-intro,.journal-context{gap:35px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-showcase{grid-template-columns:minmax(0,1fr) 240px;gap:25px}.project-showcase .project-hero{height:430px}.process-teaser-copy{padding:20px 18px}.process-teaser-copy strong{font-size:18px}.stage-images .zoom-button>img{height:230px}}
@media(max-width:760px){.project-showcase{grid-template-columns:1fr;gap:10px}.project-showcase .project-hero{height:390px}.process-teaser{display:grid;grid-template-columns:95px minmax(0,1fr)}.process-preview{height:100%;grid-row:1 / 3}.process-teaser-copy{padding:18px 15px 12px;gap:9px}.process-teaser-copy small{font-size:7px}.process-teaser-copy strong{font-size:16px}.process-teaser-copy>span{font-size:10px}.process-teaser-action{padding:10px 15px;font-size:11px}.journal-hero{padding-top:115px}.journal-title{grid-template-columns:1fr;gap:32px;margin-top:32px}.journal-title h1{font-size:17vw}.journal-title .eyebrow{font-size:8px;max-width:280px}.journal-project-name{font-size:17px;margin-top:22px}.journal-cover{max-width:480px;transform:rotate(1deg);margin:0 5px}.journal-cover>img{height:240px}.journal-intro{grid-template-columns:1fr;gap:22px;margin-top:45px;padding-top:30px}.journal-intro>h2{font-size:25px}.journal-intro p{font-size:13px}.journal-context{grid-template-columns:1fr;gap:22px}.journal-layout{grid-template-columns:1fr;gap:40px;padding-top:35px}.journal-nav{position:static;max-height:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.journal-nav>span{grid-column:1/-1;padding-bottom:15px}.journal-nav button{font-size:10px;padding:12px 0}.journal-nav>a{display:none}.stage-heading{gap:17px;margin-bottom:23px}.stage-number{font-size:53px}.stage-heading h2{font-size:23px;margin-top:7px}.stage-heading small{font-size:7px}.stage-body>p{font-size:13px;line-height:2}.stage-decision{padding-left:16px}.stage-decision>p{font-size:13px}.journal-stage{margin-bottom:55px;scroll-margin-top:105px}.stage-images{gap:20px 12px}.stage-images .zoom-button>img{height:180px;padding:7px}.stage-images.single .zoom-button>img{min-height:0;max-height:460px;padding:8px}.stage-images figcaption{font-size:9px}.journal-reflection{padding:25px 22px;margin-bottom:45px}.journal-reflection h2{font-size:23px}.journal-reflection p{font-size:13px}.archive-heading h2{font-size:24px}.archive-heading>span{font-size:40px}.archive-grid{gap:22px 12px}.archive-grid .zoom-button>img{height:125px}.journal-end{flex-direction:column}.process-motion h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.process-teaser,.archive-disclosure>summary>span:last-child{transition:none}}