/* Courtney Baker — portable portfolio. No framework or hosted dependencies. */
:root{color-scheme:light;--ink:#666;--muted:#888;--page:#fffbf8;--line:#e8e6e4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--ink);font-family:"Avenir Next",Avenir,"Century Gothic",Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:#202020}a:focus-visible{outline:2px solid #544b42;outline-offset:5px}img{display:block;max-width:100%;height:auto}figure{margin:0}p{margin:0 0 1em}h1,h2{font-weight:400;margin:0 0 .45em;line-height:1.35}h2{font-size:26px}.site-shell{max-width:980px;margin:auto;background:#fff;min-height:100vh}.site-header{margin:0 20px;padding:42px 30px 37px;display:flex;gap:30px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);min-height:125px}.brand{flex-shrink:0}.brand img{width:250px;height:auto}.site-header nav{display:flex;gap:34px;font-size:14px;color:#898989}.site-header nav a[aria-current]{color:#353535}.home-intro{font-size:28px;line-height:1.3;color:#999;text-align:center;max-width:660px;margin:42px auto 49px;padding:0 15px}.home-intro p{margin:0}.home-intro a{color:#666}.portfolio-grid{padding:0 53px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.project-card{position:relative;overflow:hidden;display:block;border:1px solid #f0f0f0}.project-card.wide{grid-column:1/-1}.project-card img{width:100%;transition:opacity .22s}.card-caption{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.86);color:#444;font-size:23px;opacity:0;transition:opacity .22s;text-align:center;padding:20px}.project-card:hover .card-caption,.project-card:focus-visible .card-caption{opacity:1}.case-study{padding:0 0 30px}.project-intro{font-size:22px;line-height:1.42;padding:58px 50px 42px;color:#818181}.project-intro p{margin:0}.artwork{width:min(100%,var(--art-width,980px));margin:0 auto 42px}.artwork img{width:100%}.copy{max-width:780px;padding:18px 30px 28px;margin:auto;font-size:18px;line-height:1.5}.copy p:last-child{margin-bottom:0}.copy a{text-decoration:underline;text-underline-offset:3px}.project-pair{display:flex;gap:20px;align-items:center;padding:0 30px;margin:10px auto 45px}.project-pair>.artwork{flex:1 1 50%;min-width:0;margin:0}.project-pair>.copy{flex:1 1 50%;min-width:0;padding:20px 10px}.illustrations{padding:55px 14px 0}.illustrations>.artwork{margin-bottom:70px}.art-pair{display:flex;align-items:center;justify-content:space-around;gap:30px;margin:70px auto;max-width:980px}.art-pair>.artwork{flex:0 1 var(--art-width);min-width:0;margin:0}.about{padding:65px 55px 100px;text-align:center}.about>img{width:268px;margin:0 auto 40px}.about-copy{max-width:815px;font-size:22px;line-height:1.5}.contact-scene{position:relative}.contact-scene>img{width:100%}.contact-copy{position:absolute;top:14%;left:56%;right:5%;text-align:center}.contact-copy h1{font-size:28px;color:#888}.email{font-size:16px;font-weight:600;overflow-wrap:anywhere}.page-navigation{display:flex;justify-content:space-between;gap:25px;padding:30px 53px 58px;font-size:16px}.site-footer{text-align:center;padding:16px 20px 35px;font-size:12px;color:#747474}.social-links{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:16px}.social-links img{width:25px;height:25px}.site-footer p{margin:0}.testimonials{padding:65px 60px}.testimonial{font-size:18px;line-height:1.65;margin-bottom:50px}.testimonial blockquote{margin:0 0 15px}.testimonial figcaption{font-size:16px;color:#555}.freebies{padding:50px}.freebies>.artwork{margin-bottom:20px}.freebies-intro{text-align:center;font-size:22px;margin-bottom:50px}.printable{display:flex;gap:35px;align-items:center;margin:40px 0 60px}.printable-images{display:flex;flex:1 1 55%;align-items:center;gap:12px;min-width:0}.printable-images img{min-width:0;max-width:100%;flex:1;width:0;object-fit:contain}.printable>.copy{flex:1 1 45%;padding:0;font-size:16px}.printable a{display:inline-block;padding:10px 18px;border:1px solid #888;text-decoration:none}.not-found{text-align:center;padding:100px 20px}.not-found a{text-decoration:underline}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{display:block;padding:15px;text-align:center}
@media(max-width:700px){.site-header{padding:30px 10px 25px;flex-direction:column;gap:25px;margin:0 16px}.site-header nav{gap:25px;flex-wrap:wrap;justify-content:center;font-size:14px}.brand img{width:240px}.home-intro{font-size:24px;margin:32px auto;padding:0 25px}.portfolio-grid{padding:0 20px;gap:18px}.card-caption{font-size:18px}.project-intro{padding:35px 24px;font-size:20px}.copy{padding:15px 24px 30px;font-size:17px}.project-pair{flex-direction:column;padding:0 24px;gap:15px;margin-bottom:30px}.project-pair>.copy{padding:10px 0}.artwork{margin-bottom:28px}.illustrations{padding-top:35px}.illustrations>.artwork{margin-bottom:42px}.art-pair{gap:18px;margin:40px auto}.about{padding:40px 25px 70px}.about-copy{font-size:20px}.contact-copy{position:static;padding:28px 15px 12px;order:-1}.contact-scene{display:flex;flex-direction:column}.contact-copy h1{font-size:27px}.page-navigation{padding:30px 24px 40px;font-size:15px}.testimonials{padding:40px 25px}.freebies{padding:35px 24px}.printable{flex-direction:column;gap:22px}.printable-images{width:100%;max-width:460px}.printable>.copy{width:100%;text-align:center}}
@media(max-width:400px){.site-header nav{gap:17px}.portfolio-grid{gap:14px;padding:0 16px}.home-intro{font-size:22px}.art-pair{flex-direction:column}.art-pair>.artwork{flex:auto}.card-caption{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{body{background:white}.site-header nav,.page-navigation,.social-links{display:none}.site-shell{max-width:none}.artwork,.project-pair{break-inside:avoid}}