.cover-art{position:relative;aspect-ratio:1536/680;overflow:hidden}.cover-art .portrait-cover{position:absolute;inset:0 auto auto 0;width:100%;height:auto;margin:0}.cover-type{display:flex;justify-content:space-between;align-items:center;padding:20px 2% 5px;gap:25px}.cover-type h1{font:800 clamp(38px,8.3vw,118px)/1 'DM Sans',Arial,sans-serif;letter-spacing:-.055em;margin:0}.cover-type>div{text-align:right}.cover-type strong{font-size:clamp(16px,1.85vw,26px);letter-spacing:.015em}.cover-type p{font:500 clamp(12px,1.18vw,17px)/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.055em;margin:12px 0 0;color:var(--green);font-style:normal}header nav a{font-size:14px}header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:6px}#about-view{display:block;max-width:1300px;padding:55px 4% 65px}.about-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:8%;align-items:center}.about-heading h1{font-size:clamp(55px,6.2vw,84px);line-height:.93;letter-spacing:-.025em}.about-portrait{width:90%;aspect-ratio:2.4;position:relative;overflow:hidden;transform:rotate(-3deg);margin:30px 0}.about-portrait img{width:100%;position:absolute;top:0}.about-bio{border-top:2px solid var(--ink);padding-top:25px}.about-bio h2{font-size:clamp(35px,4.5vw,56px);margin:12px 0}.about-bio #about-role{font-size:15px;color:var(--green);font-weight:600}#about-bio{font-size:18px;line-height:1.85;white-space:pre-wrap}.about-work-link{display:inline-block;background:var(--yellow);border:1px solid var(--ink);padding:13px 17px;margin-top:12px;box-shadow:3px 3px var(--ink);font-size:15px}#about-status{font-size:14px;color:#67695c}.skills-section{margin-top:60px;border-top:1px solid var(--ink);padding-top:30px}.skills-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.skills-heading h2{font-size:42px;margin:12px 0 0}.skills-heading p{font-size:14px;line-height:1.5}.skill-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:stretch}.skill-buttons{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:10px 5px}.skill-button{position:relative;min-height:115px;text-align:left;padding:18px;border:2px solid var(--ink);background:var(--yellow);box-shadow:3px 4px var(--ink);transform:rotate(-2deg);transition:transform .18s,box-shadow .18s}.skill-button:nth-child(3n+2){background:var(--pink);transform:rotate(2deg)}.skill-button:nth-child(3n){background:var(--green);color:white}.skill-button span{display:block;font-size:12px;letter-spacing:.1em;margin-bottom:9px}.skill-button strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:29px;font-weight:700;line-height:1.05;display:block;padding-right:20px}.skill-button::after{content:'+';position:absolute;right:14px;bottom:17px;font-size:24px}.skill-button:hover,.skill-button[aria-pressed=true]{transform:rotate(0) translateY(-3px);box-shadow:6px 7px var(--ink)}.skill-button[aria-pressed=true]::after{content:'−'}.skill-detail{padding:32px;background:#f8f4e7;border:1px solid var(--ink);border-radius:4% 2% 5% 2%;display:flex;flex-direction:column;justify-content:center;min-height:290px}.skill-detail h3{font-family:'Barlow Condensed',Impact,sans-serif;letter-spacing:-.01em;font-size:42px;margin:20px 0 15px;line-height:1}.skill-detail p{font-size:18px;line-height:1.7;margin:0 0 35px}.skill-footnote{font-size:11px;letter-spacing:.12em;margin-top:auto;padding-top:30px}.skill-detail.pulse{animation:thought .25s ease}@keyframes thought{from{transform:translateY(5px);opacity:.55}to{transform:translateY(0);opacity:1}}@media(max-width:800px){header{flex-wrap:wrap;gap:18px}header nav{gap:18px;flex-wrap:wrap}.about-intro{gap:6%}.skill-layout{gap:25px}.skill-button strong{font-size:25px}}@media(max-width:650px){#entrance{margin-top:20px}.cover-type{align-items:start;padding-top:15px;gap:10px;flex-wrap:wrap}.cover-type h1{font-size:clamp(36px,10vw,64px)}.cover-type>div{text-align:left}.cover-type strong{font-size:16px}.cover-type p{font-size:12px;margin-top:5px}header nav{width:100%;justify-content:space-between;gap:8px}header nav a,#edit-link{font-size:13px}#about-view{padding:30px 5% 40px}.about-intro{display:block}.about-heading h1{font-size:62px}.about-portrait{max-width:400px}.about-bio{margin-top:35px}.about-bio #about-bio{font-size:16px}.skills-section{margin-top:42px}.skills-heading{display:block}.skills-heading h2{font-size:36px}.skill-layout{display:block}.skill-buttons{gap:16px;margin-bottom:30px}.skill-button{min-height:108px;padding:15px}.skill-button strong{font-size:25px}.skill-detail{min-height:240px;padding:25px}.skill-detail p{font-size:16px}}@media(prefers-reduced-motion:reduce){.skill-detail.pulse{animation:none}.skill-button{transition:none}}
