/* Retro space textile palette and hand-drawn companions. */
:root{--paper:#ffffff;--ink:#164d66;--muted:#56696b;--line:#b9bda8;--lime:#d8d99d;--purple:#d5e4df;--orange:#c83d2d}
body{background:#ffffff}
.wrap{background:#ffffff;padding:0 38px;width:min(1256px,calc(100% - 104px));border-left:0;border-right:0}
.header{border-color:var(--ink)}.nav-contact{background:transparent;box-shadow:none;border:1px solid var(--ink);border-radius:30px}.nav-contact:hover{background:#d5e4df}
.hero{padding:42px 0 55px}.hero h1{color:var(--ink);font-weight:500}.intro{color:#395b63}.space-art{position:absolute;right:7px;top:0;width:114px;height:155px;transform:rotate(-18deg);pointer-events:none}.space-art img{width:100%;height:100%}
.section-head{min-height:95px;gap:16px;border-top:1px solid var(--ink)}.section-head h2{font-weight:500}.section-crew{display:flex;align-items:center;gap:19px;height:70px;flex-shrink:0;pointer-events:none}.section-crew img{width:65px;height:70px;object-fit:contain}.section-crew img:nth-child(2){transform:rotate(9deg)}
.project,.project:last-child{border:0;border-bottom:1px solid #164d6630;background:transparent;padding-top:25px;padding-bottom:25px}.project:nth-of-type(2),.project:nth-of-type(3),.project:nth-of-type(4),.project:nth-of-type(5){background:transparent}.project:hover{background:#e0e8da}.project h3{font-weight:500}.project-description{color:#395b63}.domain{color:#627676}.mark{border-radius:10px;border:1px solid #164d6620;background:#ffffff}.arrow{color:#c83d2d}
.resource,.book-card{border:1px solid #164d6650;box-shadow:none;border-radius:5px}.resource h3,.book-info h3{font-weight:500}.courses{background:#e4e9d7}.youtube{background:#f3e7da}.resource p{color:#395b63}.card-creature{position:absolute;right:65px;top:12px;width:58px;height:70px;pointer-events:none;transform:rotate(-7deg)}.card-creature img{width:100%;height:100%;object-fit:contain}
.book-card{position:relative;background:#dbe5de}.ecommerce-book{background:#e8e7cd}.book-visitor{position:absolute;top:25px;left:18px;width:58px;height:82px;transform:rotate(-12deg);pointer-events:none}.book-visitor img{width:100%;height:100%;object-fit:contain}.ecommerce-book .book-visitor{transform:rotate(8deg)}.cover-link{box-shadow:7px 9px 0 #164d6625}.book-links a:hover{background:#d8d99d}
.contact{background:#dfdfb9;border:1px solid #a5a333;border-radius:5px}.contact h2{font-weight:500}.contact-link{background:#164d66;border-radius:30px}.contact-link:hover{background:#247d8b}.contact-pattern{position:absolute;right:65px;top:35px;width:160px;height:190px;transform:rotate(6deg);pointer-events:none}.contact-pattern img{width:100%;height:100%}
footer{position:relative;padding-left:68px;min-height:85px}.footer-planet{position:absolute;left:0;top:21px;width:50px;height:44px;pointer-events:none}.footer-planet img{width:100%;height:100%;object-fit:contain}a:focus-visible{outline-color:#c83d2d}
@media(max-width:1100px){.wrap{width:calc(100% - 56px);padding:0 24px}.intro{white-space:normal;max-width:80%}.space-art{width:94px;height:135px}}
@media(max-width:640px){body{background-size:320px auto}.wrap{width:calc(100% - 24px);padding:0 12px}.hero{padding:32px 0}.hero h1{font-size:44px;letter-spacing:-2px}.intro{max-width:85%;font-size:16px}.space-art{width:54px;height:80px;right:-2px;top:1px}.section-head{min-height:83px;padding:17px 0;gap:10px}.section-head h2{font-size:22px}.section-crew{gap:8px;height:47px}.section-crew img{width:43px;height:47px}.project{padding:22px 3px}.project h3{font-size:22px}.project:hover{padding-left:7px}.card-creature{right:60px;top:8px;width:47px;height:53px}.book-visitor{left:8px;top:17px;width:38px;height:58px}.contact{padding:28px 20px}.contact h2{font-size:51px;letter-spacing:-2px}.contact-pattern{right:12px;top:25px;width:65px;height:90px}.contact p{max-width:225px}.contact-link{font-size:11px;gap:12px;padding:15px 16px}footer{padding-left:45px}.footer-planet{width:36px;height:36px;top:27px}}

h1#intro-title{display:flex;align-items:center;gap:18px}
.name-atom{display:block;width:68px;height:68px;flex-shrink:0}
@media(max-width:900px){h1#intro-title{gap:14px}.name-atom{width:54px;height:54px}}
@media(max-width:640px){h1#intro-title{gap:10px;font-size:clamp(34px,10.7vw,44px);letter-spacing:-2px}.name-atom{width:36px;height:36px}}

#projects-title{display:flex;align-items:center;gap:12px}.projects-ship{display:block;width:40px;height:46px;object-fit:contain;flex-shrink:0}@media(max-width:640px){#projects-title{gap:9px}.projects-ship{width:30px;height:36px}}

#learning-title{display:flex;align-items:center;gap:12px}.learning-planet{display:block;width:46px;height:40px;object-fit:contain;flex-shrink:0}@media(max-width:640px){#learning-title{gap:9px;font-size:20px}.learning-planet{width:30px;height:30px}.learning .section-crew{gap:4px}.learning .section-crew img{width:28px;height:36px}}

#books-title{display:flex;align-items:center;gap:12px}.books-rocket{display:block;width:40px;height:46px;object-fit:contain;flex-shrink:0}@media(max-width:640px){#books-title{gap:9px}.books-rocket{width:30px;height:36px}}

/* Restore the individual pastel project rows. */
#projects .project:nth-of-type(1){background:#eaf5f2}
#projects .project:nth-of-type(2){background:#b9e7ef}
#projects .project:nth-of-type(3){background:#ffac90}
#projects .project:nth-of-type(4){background:#e4ed83}
#projects .project:nth-of-type(5){background:#d4e5ef}
#projects .project:hover{filter:brightness(.97)}

.contact-link{display:inline-flex;align-items:center;gap:12px}.linkedin-logo{display:block;width:24px;height:24px;flex-shrink:0}@media(max-width:640px){.contact-link{gap:9px}.linkedin-logo{width:22px;height:22px}}

.contact-pattern{height:150px;top:45px;transform:rotate(4deg)}.contact-pattern img{object-fit:contain}.contact h2{margin-top:0}@media(max-width:640px){.contact-pattern{width:58px;height:54px;right:12px;top:27px}}

/* Place the hero rocket where indicated, pointing up and right. */
.space-art{left:55%;right:auto;top:45px;width:124px;height:180px;transform:rotate(18deg)}
.nav-contact{background:#247d8b;color:#ffffff;border-color:#247d8b}.nav-contact:hover{background:#164d66;border-color:#164d66}
@media(max-width:900px){.space-art{left:auto;right:8px;top:15px;width:82px;height:119px}}
@media(max-width:640px){.space-art{left:auto;right:5px;top:0;width:48px;height:70px}}

.projects-ship{width:62px;height:70px}#projects-title{gap:12px}@media(max-width:640px){.projects-ship{width:46px;height:52px}}