/*
Theme Name: Arjanne Portfolio
Author: Arjanne van der Spek
Description: Het oorspronkelijke kunstarchief, met automatische pagina-installatie bij activeren. Bestaande pagina’s worden behouden. Ingebouwde afbeeldingen en mobiele weergave.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: arjanne-portfolio
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{color-scheme:dark;--bg:#333;--text:#faf8f4;--accent:#e48800;--muted:#bcb8b2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'Courier New',Courier,monospace;line-height:1.6;font-size:17px}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.site-header{max-width:1280px;margin:auto;padding:45px 40px 35px;display:flex;align-items:baseline;gap:28px;flex-wrap:wrap;color:var(--accent)}.site-name{font-size:clamp(23px,3vw,36px);font-weight:700;text-decoration:none;letter-spacing:-1.5px}.site-header nav{display:flex;align-items:baseline;gap:30px;font-size:28px}.works-link{font-size:15px}.site-header nav a{text-decoration:none}main{max-width:1200px;margin:0 auto;padding:10px 40px 60px;min-height:65vh}.project-list{list-style:none;padding:30px 0 20px;margin:0 auto;max-width:1000px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:40px 64px;text-align:center}.project-list li:first-child,.project-list li:nth-child(2),.project-list li:nth-child(3){grid-column:1/-1}.project-list li:first-child{font-size:27px}.project-list li:nth-child(2){font-size:25px;font-weight:bold}.project-list li:nth-child(3){font-size:23px}.unavailable{color:var(--muted);text-decoration:none;cursor:default}.unavailable small{display:block;font-size:10px;letter-spacing:1px;margin-top:5px}.archive-note{max-width:670px;margin:45px auto 12px;font-size:12px;color:var(--muted);text-align:center}.all-work{text-align:center;font-size:14px}.site-footer{max-width:1200px;margin:0 auto;padding:25px 40px 40px;border-top:1px solid #555;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}.site-footer a{text-decoration:none}.original-artwork{overflow-wrap:break-word}.original-artwork img{max-width:100%!important;height:auto!important;vertical-align:middle}.original-artwork table{max-width:100%;height:auto!important}.original-artwork td{max-width:100%;overflow-wrap:anywhere}.original-artwork{overflow-x:auto}.archive-list{columns:2;column-gap:50px;list-style:none;padding:0}.archive-list li{break-inside:avoid;margin-bottom:14px}.skip-link{position:absolute;left:16px;top:-100px;padding:10px;background:#111;z-index:9999}.skip-link:focus{top:10px}h1{font-size:clamp(24px,4vw,34px);line-height:1.3}
@media(max-width:640px){body{font-size:15px}.site-header{padding:26px 20px;gap:12px}.site-header nav{gap:24px;font-size:24px}.site-name{letter-spacing:-1px}main{padding:10px 20px 40px}.project-list{gap:28px 20px;padding-top:20px;grid-template-columns:1fr}.project-list li{grid-column:1!important}.project-list li:first-child{font-size:22px}.project-list li:nth-child(2){font-size:21px}.project-list li:nth-child(3){font-size:20px}.archive-list{columns:1}.site-footer{padding:22px 20px;flex-wrap:wrap}.original-artwork font{font-size:inherit}.original-artwork table{width:100%!important}.original-artwork td{display:block;width:100%!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}