/* Ordinary flowing paragraphs on the existing paper. */
.home .mor-story { --story-travel:180px; }
.technology-reading { position:relative; z-index:1; padding:45px 24px 36px; }
.technology-reading::before,.technology-reading::after { content:""; position:absolute; z-index:-1; width:clamp(60px,14vw,210px); height:65%; pointer-events:none; background:url('/assets/pcb-sage-paper.png') left center/auto 100% no-repeat; opacity:.4; mask-image:linear-gradient(90deg,#000,transparent),linear-gradient(transparent,#000 20%,#000 75%,transparent); mask-composite:intersect; }
.technology-reading::before { left:0; top:0; }
.technology-reading::after { right:0; bottom:0; transform:rotate(180deg); }
.technology-essay { max-width:760px; margin:0 auto; color:var(--ink); }
.technology-essay + .technology-essay { margin-top:72px; }
.technology-essay h2 { font-family:'Special Elite','Courier New',monospace; font-weight:400; font-size:clamp(27px,3.5vw,42px); line-height:1.35; text-align:center; margin:0 0 36px; }
.technology-essay h2 span { padding:0 .08em .16em; background:linear-gradient(177deg,transparent 76%,#6c875675 78%,#6c875675 91%,transparent 94%); box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.technology-ai h2 span { background-image:linear-gradient(178deg,transparent 76%,#b64c3d70 78%,#b64c3d70 91%,transparent 94%); }
.technology-essay p { font-family:'Space Grotesk',sans-serif; font-size:18px; line-height:1.8; text-align:left; margin:0 0 1.3em; }
.technology-essay p:last-child { margin-bottom:0; }
@media(max-width:760px) { .technology-reading::before,.technology-reading::after { width:22px; opacity:.28; } .technology-essay p { font-size:17px; line-height:1.75; } .technology-essay h2 { margin-bottom:28px; } .technology-essay + .technology-essay { margin-top:56px; } }

/* Small monochrome brand accents and an optional, native disclosure. */
.ai-brand-still { display:flex; justify-content:center; align-items:center; gap:clamp(26px,6vw,64px); margin:42px 0 22px; }
.ai-brand-still figure { margin:0; display:grid; justify-items:center; gap:12px; }
.ai-brand-still img { display:block; width:44px; height:44px; object-fit:contain; opacity:.57; }
.ai-brand-still figcaption { font-family:'Space Grotesk',sans-serif; font-size:14px; color:#555249; }
.ai-explainer { margin:12px 0 0; padding:0; border:0; background:none; }
.ai-explainer summary { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:20px 0; cursor:pointer; list-style:none; font-family:'Special Elite','Courier New',monospace; font-size:clamp(20px,2.5vw,25px); line-height:1.5; }
.ai-explainer summary::-webkit-details-marker { display:none; }
.ai-explainer summary > span:first-child { text-decoration:underline; text-decoration-color:#b64c3d80; text-decoration-thickness:3px; text-underline-offset:7px; }
.ai-disclosure-sign { flex:0 0 24px; text-align:center; font-family:Arial,sans-serif; font-size:27px; color:#914536; }
.ai-disclosure-sign::before { content:'+'; }
.ai-explainer[open] .ai-disclosure-sign::before { content:'−'; }
.ai-explainer summary:focus-visible { outline:2px solid #914536; outline-offset:5px; }
.ai-explainer-copy { padding-top:16px; }
.ai-explainer-copy p { padding-top:0; }
@supports (interpolate-size:allow-keywords) {
 .ai-explainer { interpolate-size:allow-keywords; }
 .ai-explainer::details-content { block-size:0; overflow:hidden; transition:block-size .3s ease,content-visibility .3s allow-discrete; }
 .ai-explainer[open]::details-content { block-size:auto; }
}
@media(prefers-reduced-motion:reduce) { .ai-explainer::details-content { transition:none; } }

.practice-outro { position:relative; z-index:1; padding:48px 24px 64px; background:none; }
.practice-outro-inner { max-width:760px; margin:0 auto; }
.practice-outro h2 { font-family:'Special Elite','Courier New',monospace; font-size:clamp(28px,3.5vw,40px); font-weight:400; line-height:1.3; margin:0 0 24px; }
.practice-outro p { font-family:'Space Grotesk',sans-serif; font-size:18px; line-height:1.8; margin:0 0 24px; }
.practice-outro a { display:inline-flex; align-items:center; gap:16px; min-height:44px; font-family:'Special Elite','Courier New',monospace; font-size:20px; color:#914536; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:5px; }
.practice-outro a:hover { color:var(--ink); }
.practice-outro a:focus-visible { outline:2px solid #914536; outline-offset:5px; }
@media(max-width:760px) { .practice-outro { padding-top:36px; padding-bottom:48px; } .practice-outro p { font-size:17px; line-height:1.75; } }

/* Direct routes to the personal work, in the existing editorial style. */
.home .hero-shortcuts { display:flex; flex-wrap:wrap; gap:8px 28px; }
.home .hero-shortcuts a { display:inline-flex; align-items:center; gap:12px; min-height:44px; color:#914536; font-family:'Space Grotesk',Arial,sans-serif; font-size:17px; font-weight:600; text-decoration:underline; text-underline-offset:6px; text-decoration-thickness:1px; }
.home .hero-shortcuts a:hover { color:var(--ink); }
.home .hero-shortcuts a:focus-visible { outline:2px solid #914536; outline-offset:4px; }
.technology-essay .ai-explainer-copy h3 { font-family:'Space Grotesk',Arial,sans-serif; font-size:20px; line-height:1.5; margin:24px 0 14px; }
.technology-essay .ai-explainer-copy h3:first-child { margin-top:0; }

/* A consistent reading layer: expressive headings, calm running text. */
body.home {
 --reading-width:700px;
 --reading-font:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
 --reading-ink:#252923;
 background-image:linear-gradient(#f8f2e666,#f8f2e666),url('/assets/paper-texture.webp');
 background-size:auto,700px 700px;
 background-repeat:repeat,repeat;
 background-blend-mode:normal,multiply;
}
.home .hero-copy .intro {
 font-family:var(--reading-font); font-size:clamp(20px,1.7vw,23px);
 font-weight:400; line-height:1.65; max-width:29em; color:var(--reading-ink);
}
.home .hero-shortcuts { margin-top:24px; gap:12px 28px; }
.home .hero-shortcuts a {
 font-family:var(--reading-font); font-size:19px; font-weight:650;
 min-height:48px; color:#793728; text-decoration-thickness:2px; text-underline-offset:7px;
}
.home .technology-essay,.home .practice-outro-inner { max-width:var(--reading-width); }
.home .mor-diary-story {
 width:min(var(--reading-width),100%); margin:32px auto 0;
}
.home .technology-essay p,
.home .practice-outro p,
.home .mor-diary-story p {
 font-family:var(--reading-font); font-size:19px; font-weight:400; line-height:1.75;
 letter-spacing:normal; color:var(--reading-ink); text-align:left;
 margin:0 0 1.15em; overflow-wrap:break-word;
}
.home .mor-diary-story p:last-child,.home .ai-explainer-copy p:last-child { margin-bottom:0; }
.home .mor-diary-story > div,.home .ai-explainer-copy { max-width:none; padding-top:12px; padding-bottom:8px; }
.home .technology-essay h2,.home .practice-outro h2 {
 text-align:left; font-size:clamp(28px,3vw,38px); line-height:1.35; margin:0 0 24px;
}
.home .technology-essay h2 span { padding-left:0; }
.home .ai-explainer { margin-top:24px; }
.home .ai-explainer summary,.home .mor-diary-story summary {
 font-family:var(--reading-font); font-weight:600; font-size:20px; line-height:1.5;
 padding:16px 0; gap:20px; color:#793728; border-top:1px solid #79684a40;
}
.home .ai-explainer summary > span:first-child { text-decoration:none; }
.home .ai-explainer summary:hover > span:first-child { text-decoration:underline; text-underline-offset:4px; }
.home .ai-explainer-copy h3 { font-family:var(--reading-font); font-size:21px; font-weight:650; }
.home .technology-reading { padding-top:32px; padding-bottom:16px; }
.home .technology-essay + .technology-essay { margin-top:56px; }
.home .technology-reading::before,.home .technology-reading::after { opacity:.23; }
.home .ai-brand-still { margin:28px 0 24px; gap:48px; }
.home .ai-brand-still figcaption { font-family:var(--reading-font); color:#454a40; }
.home .practice-outro { padding-top:40px; padding-bottom:56px; }
.home .practice-outro a { font-family:var(--reading-font); font-size:19px; font-weight:650; color:#793728; min-height:48px; }
.home .mor-diary-heading > p { font-family:var(--reading-font); font-size:20px; line-height:1.6; color:var(--reading-ink); }
.home .mor-diary-caption p { font-family:var(--reading-font); font-size:18px; line-height:1.5; }
.home .mor-diary-toggle { font-family:var(--reading-font); font-size:15px; color:#793728; }
@media(max-width:600px) {
 .home .hero-copy .intro { font-size:20px; line-height:1.6; }
 .home .hero-shortcuts a { font-size:18px; }
 .home .mor-diary-story { width:calc(100% - 12px); margin-top:24px; }
 .home .technology-essay p,.home .practice-outro p,.home .mor-diary-story p { font-size:18px; line-height:1.75; }
 .home .ai-explainer summary,.home .mor-diary-story summary { font-size:18px; }
 .home .technology-essay + .technology-essay { margin-top:44px; }
 .home .mor-diary-heading > p { font-size:18px; }
 .home .ai-brand-still { gap:32px; }
}