.occy-intro{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;max-width:100%}.occy-intro h1{margin-top:2rem;margin-bottom:1rem;border-bottom:2px solid #ffff00;padding-bottom:.5rem;color:#fafafa;font-size:2rem}.occy-intro h2{margin-top:1.5rem;margin-bottom:.5rem;color:#fafafa}.occy-intro h3{margin-top:1rem;margin-bottom:.5rem;color:#fafafa}.occy-intro p{margin-bottom:1rem}.occy-intro ul,.occy-intro ol{margin-left:1.5rem;margin-bottom:1rem}.occy-intro li{margin-bottom:.5rem}.occy-intro a{color:#ff0;text-decoration:none;border-bottom:1px dashed #ffff00}.occy-intro a:hover{color:#000;background-color:#ff0;text-decoration:none}.occy-intro blockquote{border-left:4px solid #555;padding-left:1rem;color:#919ea8;margin:1.5rem 0;font-style:italic}.occy-intro img{display:block;max-width:100%;height:auto;margin:1.5rem auto;border:1px solid #3a3a3a;background:#111}.occy-intro img[src$=".svg"]{width:100%;max-width:100%;object-fit:contain}.occy-intro img:not([src$=".svg"]){width:min(100%,820px)}.occy-intro figure{margin:1.5rem 0}.occy-intro figcaption{color:#7f8a93;font-size:.9rem;text-align:center;margin-top:-.5rem}.occy-intro code{color:#fafafa;background:#ffffff0f;padding:.1rem .25rem}.occy-intro pre{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.occy-intro pre code{display:block;overflow-x:auto;padding:1rem}.occy-intro .mermaid svg{max-width:100%;height:auto}.occy-intro .project-callout{border-left:3px solid #ffff00;background:#2828288c;padding:1rem 1.25rem;margin:1.5rem 0}.occy-intro .project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin:1.5rem 0 2rem}.occy-intro .project-panel{border:1px solid #555;background:#28282873;padding:1rem}.occy-intro .project-panel p:last-child{margin-bottom:0}.occy-intro .inline-accent{color:#ff0;font-weight:700}.occy-intro details.occy-side-note{margin:1.5rem 0;border:1px solid #3a3a3a;background:transparent}.occy-intro details.occy-side-note summary{cursor:pointer;list-style:none;padding:.9rem 1rem 1.1rem;color:#fafafa;font-weight:400}.occy-intro details.occy-side-note summary::-webkit-details-marker{display:none}.occy-intro details.occy-side-note[open] summary{border-bottom:1px solid #3a3a3a}.occy-intro details.occy-side-note>:not(summary){background:#1e1e1e;color:#fafafa;margin:0;padding-top:.35rem;padding-left:1rem;padding-right:1rem}.occy-intro details.occy-side-note>p:last-child,.occy-intro details.occy-side-note>ul:last-child,.occy-intro details.occy-side-note>ol:last-child{padding-bottom:1rem}@media print{.occy-intro details.occy-side-note{break-inside:avoid;page-break-inside:avoid}.occy-intro details.occy-side-note summary{border-bottom:1px solid #3a3a3a}.occy-intro details.occy-side-note>*{display:block!important}}.occy-intro .asset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:1.5rem 0 2rem}.occy-intro .asset-card{border:1px solid #555;background:#28282873;padding:.9rem}.occy-intro .asset-card img{width:100%;max-width:none;margin:0 0 .75rem;aspect-ratio:1 / 1;object-fit:contain;background:#00000073}.occy-intro .asset-card p{margin:0;font-size:.9rem;line-height:1.45}.occy-intro .asset-card strong{color:#fafafa}.occy-intro .media-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:760px;margin:1.5rem auto;align-items:start}.occy-intro .media-row img{width:100%;max-width:none;margin:0}.occy-intro .mobile-shot-row{max-width:440px}.occy-intro .narrow-media{max-width:760px;margin:1.5rem auto}.occy-intro .narrow-media img{width:100%;max-width:none;margin:0}.table-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1.5rem 0;max-width:100%}.occy-intro table{width:100%;border-collapse:collapse;margin:0;font-size:.95rem}.table-scroll-wrapper table{min-width:max-content}.occy-intro th{text-align:left;padding:.6rem .8rem;border-bottom:2px solid #ffff00;color:#ff0;font-weight:700;background:#2828288c}.occy-intro td{padding:.5rem .8rem;border-bottom:1px solid #333;color:#b8c2cb}.occy-intro tr:hover td{background:#ffff000a}.occy-intro table code{font-size:.9em}@media(max-width:768px){.writing-item{grid-template-columns:1fr}.writing-action{justify-self:start}.occy-intro .media-row{grid-template-columns:1fr}}