/* Print as CV: Ctrl+P / "Save as PDF" turns the page into a one-column CV in the current language.
   Order: name and intro, contact details, about, then every project on the timeline. */
@page{size:A4;margin:14mm 15mm}
html,body{background:#fff!important;color:#16130f!important}
body{font-size:10pt;line-height:1.5;-webkit-print-color-adjust:exact;print-color-adjust:exact}
html.has-cursor *{cursor:auto!important}

/* Everything decorative or interactive goes. */
.sprite,.dock,.cursor,.morph-layer,.ambient,.hero-light,.ambient-particles,#scene,.scene-loader,.laptop-action,.fallback,
.hero h1,.word-tip,.hero .actions,.project-filters,.work-ruler,.work-cue,.tl-visual,.tl-node,.tl-track,.profile-links,.about>.eyebrow,
.contact h2,.contact-lead{display:none!important}

/* Undo the screen layout: sticky hero, pinned section, reveals, tilt, morph styles. */
main{display:flex;flex-direction:column;gap:14pt}
.scroll-journey{order:1;height:auto!important}
footer.contact{order:2}
.about{order:3}
.work{order:4}
.scroll-journey .hero,.hero{position:static!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;background:none!important}
.hero::after{display:none!important}
.scroll-journey .hero-copy,.hero-copy{position:static!important;width:auto!important;padding:0!important;opacity:1!important;transform:none!important;visibility:visible!important}
.work{margin:0!important;padding:0!important;opacity:1!important;transform:none!important;background:none!important}
.reveal,.tl-year-label,.tl-node,.tl-card{opacity:1!important;transform:none!important;translate:none!important}
[hidden].tl-item,[hidden].tl-year{display:block!important}

/* Header: name, role, intro. */
.hero-name{margin:0 0 4pt!important;gap:2pt!important}
.hero-name-text{font-size:24pt!important;font-weight:700!important;color:#16130f!important;letter-spacing:-.02em}
.hero-role{font-size:11pt!important;color:#c2410c!important}
.hero-role::before{display:none!important}
.hero .intro{margin:6pt 0 0!important;max-width:none!important;font-size:10.5pt!important;color:#3a352d!important}

/* Contact details as one line of channels. */
footer.contact{padding:0!important;border:0!important}
footer.contact>.contact-inner{max-width:none!important}
.contact-list{display:flex!important;flex-wrap:wrap;gap:4pt 18pt!important;border:0!important}
.contact-row{display:flex!important;align-items:center;gap:5pt!important;padding:0!important;border:0!important}
.contact-actions{display:none!important}
.contact-icon .icon,.contact-icon .brand-logo{width:11pt!important;height:11pt!important}
.contact-text{display:flex!important;gap:4pt!important;align-items:baseline}
.contact-label{font-size:8.5pt!important;color:#6b6358!important}
.contact-label::after{content:':'}
.contact-value{font-size:10pt!important;color:#16130f!important}
.contact-foot{margin:4pt 0 0!important;padding:0!important;border:0!important;font-size:8.5pt!important;color:#6b6358!important;justify-content:flex-start!important}
.contact-foot>span:first-child{display:none}

/* Section headings come from the page itself. */
.about,.work-body{border-top:1.5pt solid #16130f!important;padding:8pt 0 0!important;margin:0!important;max-width:none!important;background:none!important;display:block!important}
.about h2{font-size:15pt!important;line-height:1.2!important;margin:0 0 4pt!important;color:#16130f!important}
.about h2 em{color:#6b6358!important}
.about p:not(.eyebrow){font-size:10pt!important;line-height:1.55!important;max-width:none!important;margin:0 0 6pt!important;color:#3a352d!important}
.skills{margin:6pt 0!important;gap:4pt!important}
.skills span{padding:1pt 6pt!important;border-color:#cfc8bc!important;color:#7c2d12!important;font-size:8.5pt!important}
.profile-facts{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8pt!important;margin-top:6pt!important;padding-top:6pt!important;border-color:#ddd6ca!important}
.profile-facts small{font-size:7.5pt!important;color:#c2410c!important;margin-bottom:2pt!important}
.profile-facts strong{font-size:10pt!important;color:#16130f!important}
.about .profile-facts p{font-size:8.5pt!important;color:#6b6358!important;margin:2pt 0 0!important}

/* The projects panel's title and subtitle head the timeline (laptop.js moves the panel back for printing). */
.work-screen{position:static!important;transform:none!important;opacity:1!important;aspect-ratio:auto!important;background:none!important;container-type:normal!important;margin:0 0 6pt!important;will-change:auto!important}
.work-screen::before{display:none!important}
.work-screen-inner{padding:0!important;gap:2pt!important;height:auto!important}
.work-screen h2{font-size:15pt!important;line-height:1.2!important;color:#16130f!important}
.work-sub{font-size:10pt!important;color:#6b6358!important;max-width:none!important}
.work-body{padding:0!important;border:0!important}
.work-body>*{max-width:none!important}

/* Timeline as a plain list grouped by year. */
.timeline::before,.timeline::after{display:none!important}
.tl-year{display:block!important;padding:0 0 4pt!important}
.tl-year-label{position:static!important;color:#16130f!important;-webkit-text-stroke:0!important;font-size:12pt!important;font-weight:600!important;line-height:1.1!important;margin:6pt 0 1pt!important}
.tl-items{gap:5pt!important}
.tl-card{display:block!important;padding:6pt 8pt!important;border:1px solid #ddd6ca!important;border-radius:6pt!important;background:none!important;box-shadow:none!important;break-inside:avoid}
.tl-card::before,.tl-card::after{display:none!important}
.tl-meta{margin:0 0 1pt!important;font-size:8pt!important;color:#6b6358!important}
.tl-meta>span:first-child{color:#c2410c!important}
.tl-card h3,.tl-featured .tl-card h3{font-size:11.5pt!important;margin:0 0 2pt!important;color:#16130f!important}
.tl-lead{font-size:9.5pt!important;margin:0 0 2pt!important;color:#16130f!important}
.tl-body,.tl-extra-body{font-size:9pt!important;line-height:1.45!important;max-width:none!important;color:#3a352d!important}
.tl-note{font-size:8pt!important;margin:2pt 0 0!important;color:#6b6358!important}
.tl-extra{margin-top:4pt!important;padding-top:4pt!important;border-color:#ddd6ca!important}
.tl-extra-label{font-size:9pt!important;margin:0!important;color:#16130f!important}
.tech{margin:4pt 0 0!important;gap:3pt!important}
.tech-badge{min-height:0!important;padding:1pt 5pt 1pt 3pt!important;border-color:#ddd6ca!important;background:none!important;font-size:7.5pt!important;color:#3a352d!important;gap:3pt!important}
.tech-logo{width:9pt!important;height:9pt!important}
span.tech-logo[style*="--logo"]:not([style*="--brand"]){background:#16130f!important}
.tl-links{margin-top:4pt!important;gap:3pt 10pt!important}
.tl-link{min-height:0!important;padding:0!important;border:0!important;background:none!important;color:#16130f!important;font-size:8pt!important;font-weight:600!important;gap:3pt!important}
.tl-link .icon:last-child{display:none!important}
.tl-link .brand-logo,.tl-link .icon{width:8pt!important;height:8pt!important}
.tl-link[href]::after{content:attr(href);font-weight:400;color:#6b6358;margin-inline-start:2pt}
.tl-private{color:#6b6358!important}
.tl-milestone{padding:0!important;break-inside:avoid}
.tl-milestone-title{font-size:10pt!important;color:#16130f!important}
.tl-milestone-sub{font-size:8.5pt!important;color:#6b6358!important}
.tl-node-icon{display:none!important}
html[lang=ar] .about h2,html[lang=ar] .work-screen h2{line-height:1.55!important}
/* Lighter headings on paper. */
h1,h2,h3,.hero-name-text,.tl-card h3,.tl-featured .tl-card h3,.tl-milestone h3{font-weight:600!important}
.tl-milestone-body{margin-top:0!important}/* its screen offset made the date overlap the year */
/* Display headings in the text face on paper: Barlow Condensed only ships heavy weights. */
.about h2,.work-screen h2,.tl-year-label{font-family:'DM Sans',Arial,sans-serif!important;font-weight:600!important;letter-spacing:-.01em!important}
html[lang=ar] .about h2,html[lang=ar] .work-screen h2{font-family:'Alexandria','IBM Plex Sans Arabic',sans-serif!important}
/* Firefox shrinks the whole page to fit its widest line, so nothing may run past the page edge: the private
   repo link prints no address (its mailto link was one 2000px line), and long addresses wrap. */
.tl-private::after{display:none!important}
.tl-link[href]::after{overflow-wrap:anywhere}
.contact-value,.tl-link{overflow-wrap:anywhere}
.tl-year-label{break-after:avoid}/* a year never ends a page on its own */