/* Classic application chrome around an illustrated, protected portfolio layer. */
body[data-theme="paint"] { background:#a4a4a4; color:#24262b; }
.paint { --paint-color:#2454e6; --brush-size:7px; --hand:'Caveat','Comic Sans MS',cursive; font:500 24px/1.35 var(--hand); padding:110px 26px 120px 105px; }
.paint * { box-sizing:border-box; }
.paint :is(button,select,a):focus-visible { outline:3px dashed #2454e6; outline-offset:4px; }
.paint-chrome { position:fixed; top:0; left:0; right:0; z-index:8; padding:5px 5px 0; background:#c0c0c0; box-shadow:inset 1px 1px #fff,0 2px #808080; font:13px/1.3 Tahoma,Verdana,sans-serif; }
.paint-titlebar { display:flex; justify-content:space-between; align-items:center; height:30px; background:linear-gradient(90deg,#000080,#2457a2); color:white; padding:0 9px; font-weight:bold; }
.paint-titlebar>span:first-child {display:flex;align-items:center;gap:8px}.paint-titlebar svg {width:20px;height:20px;color:#fff}
.paint-window-marks {font:700 15px monospace;letter-spacing:2px;background:#c0c0c0;color:#111;border:2px outset #ddd;padding:0 3px}
.paint-menubar {height:35px;display:flex;align-items:center;gap:26px;padding:0 12px}.paint-menubar a {color:#111;text-decoration:none}.paint-menubar a:hover {text-decoration:underline}.paint-menubar>span {margin-left:20px;color:#555;font-size:11px}
.paint-tools {position:fixed;top:92px;left:12px;width:78px;z-index:8;background:#c0c0c0;padding:7px;border:2px outset #eee;font:11px/1.4 Tahoma,Verdana,sans-serif}
.paint-tool-heading {display:block;letter-spacing:1px;font-size:9px;color:#555;margin:0 0 8px;text-align:center}
.paint-tool-grid {display:grid;grid-template-columns:1fr 1fr;gap:3px}.paint-tools button {display:grid;place-items:center;border:2px outset #fff;background:#c0c0c0;padding:5px;color:#111;cursor:pointer;border-radius:0;font:11px Tahoma,Verdana,sans-serif;min-height:30px}.paint-tools button svg {width:20px;height:20px}.paint-tools button[aria-pressed="true"] {border-style:inset;background:#eee;outline:1px solid #666;outline-offset:-4px}.paint-tools button:hover:not(:disabled){background:#e3e3e3}.paint-tools button:disabled{opacity:.4;cursor:default}
.paint-size {border:2px inset #eee;margin:12px 0;padding:6px 2px;text-align:center}.paint-size label {display:block;margin-bottom:5px}.paint-size select {width:100%;font:10px Tahoma,sans-serif;border:0;background:#eee;padding:3px 0;color:#111}.paint-brush-preview {display:block;border-radius:50%;width:var(--brush-size);height:var(--brush-size);background:var(--paint-color);margin:12px auto 6px}
.paint-history {display:grid;grid-template-columns:1fr 1fr;gap:3px}.paint-history button:last-child {grid-column:1/-1}.paint-tool-note {font:600 18px/1.1 var(--hand);color:#444;text-align:center;margin:14px -3px 5px;transform:rotate(-5deg)}
.paint-sheet {position:relative;background:white;box-shadow:1px 1px #fff,-2px -2px #555,7px 7px #888;min-height:100vh;touch-action:none;cursor:crosshair;isolation:isolate}.paint-sheet[data-tool="hand"] {touch-action:pan-y;cursor:auto}.paint-sheet[data-tool="eraser"]{cursor:cell}
.paint-canvas {position:fixed;inset:0;width:100vw;height:100vh;z-index:3;pointer-events:none}
.paint-content {position:relative;z-index:2;max-width:1320px;margin:auto;padding:64px 7% 35px;pointer-events:none}.paint-panel {pointer-events:auto;background:white;cursor:auto;position:relative}
.paint-hero {display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:10px 0 25px;scroll-margin-top:115px}.paint-bio {padding:6px 5px}.paint-eyebrow {font:600 17px/1.4 var(--hand);letter-spacing:.045em;margin:0 0 16px;color:#51545b}.paint-name {font:600 clamp(85px,9vw,142px)/.77 var(--hand);letter-spacing:-.035em;margin:28px 0 36px;transform:rotate(-3deg);transform-origin:left center}.paint-name span {color:#2454e6;display:inline-block;position:relative;padding-bottom:15px}.paint-name span:after {content:'';position:absolute;bottom:-4px;left:0;width:103%;height:10px;border-top:4px solid currentColor;border-bottom:2px solid currentColor;border-radius:50%;transform:rotate(-2deg)}
.paint-summary {font:500 26px/1.3 var(--hand);max-width:510px;margin:25px 0}.paint-social-links {display:flex;flex-wrap:wrap;gap:8px 18px}.paint-social-links a {background:white;box-shadow:none;border:0;border-bottom:1.5px solid #25262b;border-radius:0;padding:3px 0;font:600 20px var(--hand);transform:none;color:#24262b}.paint-social-links img {display:none}
.paint-hero-doodle {padding:18px 0 30px;text-align:center;align-self:center;transform:rotate(2deg)}.paint-hero-doodle svg{display:block;width:100%;height:auto}.paint-doodle-caption {display:block;font:600 34px/1 var(--hand);color:#2454e6;margin-top:-30px;transform:rotate(-6deg)}.paint-doodle-tag {display:block;font:500 19px var(--hand);margin-top:16px;color:#555}
.paint-invitation {width:fit-content;max-width:100%;margin:42px auto 100px;padding:5px 12px;font:500 24px var(--hand);color:#c3442a;transform:rotate(-3deg)}.paint-invitation>span {font-size:42px;vertical-align:middle;margin-right:12px}.paint-intro {padding:25px 6%;margin:0 4% 120px;border:2px solid #25262b;border-radius:49% 2% 47% 3% / 3% 48% 3% 49%;transform:rotate(-1deg)}.paint-intro>p {font-size:29px;line-height:1.3;margin:8px 0 20px}.paint-building {font-size:17px;color:#218052}
.paint-projects {scroll-margin-top:110px;margin-bottom:110px}.paint-section-heading {max-width:640px;padding:8px 4px;margin-bottom:46px}.paint-section-heading h2,.paint-contact h2 {font:600 clamp(40px,4.6vw,64px)/1.05 var(--hand);letter-spacing:-.02em;margin:0 0 16px}.paint-section-heading>p {font-size:24px;max-width:540px;margin:0;color:#555}.paint-project-grid {display:grid;gap:68px}.paint-project {display:grid;grid-template-columns:230px 1fr;gap:32px;padding:32px 28px;border:2px solid #35383c;border-radius:1% 2% 1% 2% / 3% 1% 2% 1%;box-shadow:4px 5px 0 white,5px 6px 0 #35383c}.paint-project:nth-child(even){border-radius:2% 1% 2% 1% / 1% 2% 1% 3%}.paint-project-art {color:var(--ink);position:relative;display:grid;place-content:center}.paint-project-art svg {width:100%;max-width:240px;transform:rotate(-4deg)}.paint-project-art>span {font-size:18px;text-align:center;color:#737373}.paint-project-meta {display:flex;flex-wrap:wrap;gap:5px 18px;font:500 15px/1.3 var(--hand);color:#555}.paint-project-meta>span:last-child{color:var(--ink)}.paint-project h3 {font:600 clamp(34px,3.8vw,51px)/1.05 var(--hand);margin:14px 0;color:var(--ink);letter-spacing:-.025em}.paint-project-copy>p {font:500 24px/1.35 var(--hand);margin:0 0 22px;color:#34363b}.paint-project-links {display:flex;gap:12px;flex-wrap:wrap}.paint-project-links a {display:inline-flex;align-items:center;gap:10px;font:600 20px/1.2 var(--hand);padding:7px 16px;border:1.5px solid #34363b;border-radius:3px 8px 2px 5px;color:#24262b;background:#fff}.paint-project-links a:first-child {background:#fff3a8}.paint-project-links a:hover{background:#deedff;transform:rotate(-2deg)}.paint-project-links img {width:15px;height:15px}
.paint-minor .paint-project-grid {grid-template-columns:1fr 1fr;gap:50px 40px}.paint-minor .paint-project {grid-template-columns:1fr;gap:16px;padding:25px}.paint-minor .paint-project-art {height:170px;justify-items:center;display:flex;justify-content:center}.paint-minor .paint-project-art svg {width:165px;height:165px}.paint-minor .paint-project-art>span {position:absolute;left:0;top:0}.paint-minor .paint-project h3 {font-size:39px}.paint-minor .paint-project-copy>p {font-size:23px}
.paint-contact {padding:35px 6px;margin:0 0 60px;scroll-margin-top:110px}.paint-contact h2 {color:#2454e6}.paint-contact-links{display:flex;flex-wrap:wrap;gap:24px 35px;margin:32px 0}.paint-contact-links a {display:flex;flex-direction:column;border-bottom:2px solid #333;padding-bottom:8px;color:#24262b}.paint-contact-links img{display:none}.paint-contact-links span{font-size:25px}.paint-contact-links small{font:500 18px var(--hand);color:#555}.paint-end-note {font-size:22px;margin-top:45px}.paint-colophon {display:flex;justify-content:space-between;gap:20px;font:500 18px var(--hand);padding-top:18px;border-top:2px dashed #999;color:#666}
.paint-bottom {position:fixed;bottom:0;left:0;right:0;z-index:9;background:#c0c0c0;box-shadow:inset 0 2px #fff;font:11px Tahoma,Verdana,sans-serif;padding:9px 10px 5px}.paint-palette {display:flex;align-items:center;gap:12px;padding-bottom:8px}.paint-current {width:40px;height:40px;display:block;background:var(--paint-color);border:7px ridge #ddd;box-shadow:5px 3px 0 #fff}.paint-swatches {display:grid;grid-template-columns:repeat(8,22px);grid-template-rows:repeat(2,21px);gap:3px}.paint-swatch{padding:0;border:2px inset #eee;cursor:pointer;border-radius:0}.paint-swatch[aria-pressed="true"]{outline:2px solid #fff;outline-offset:-5px}.paint-palette-note {font:500 22px var(--hand);margin-left:12px}.paint-status{display:flex;justify-content:space-between;gap:8px;border:2px inset #eee;padding:5px 8px;min-height:27px}.paint-status>span:last-child{border-left:1px solid #888;padding-left:15px}
@media(min-width:1500px){.paint-content{padding-inline:100px}}
@media(max-width:1000px){.paint {padding-left:96px;padding-right:20px}.paint-content{padding:50px 6% 30px}.paint-hero{gap:15px}.paint-summary{font-size:24px}.paint-hero-doodle{min-width:0}.paint-doodle-caption{font-size:29px}.paint-doodle-tag{font-size:17px}.paint-project{grid-template-columns:155px 1fr;gap:22px;padding:25px}.paint-project-meta{font-size:14px}.paint-minor .paint-project-grid{gap:45px 25px}.paint-minor .paint-project{padding:20px}}
@media(max-width:700px){.paint{padding:150px 12px 125px}.paint-menubar{gap:22px}.paint-menubar>span{display:none}.paint-titlebar{font-size:11px}.paint-window-marks{display:none}.paint-tools{left:0;top:70px;width:100%;height:62px;border:0;border-bottom:2px outset #eee;display:flex;align-items:center;padding:6px 110px 6px 8px;gap:9px}.paint-tool-heading,.paint-tool-note,.paint-brush-preview{display:none}.paint-tool-grid{display:flex;gap:3px}.paint-tools button{min-width:29px;padding:3px}.paint-tools button svg{width:18px;height:18px}.paint-size{margin:0;padding:0;border:0;min-width:53px}.paint-size label{font-size:9px;margin:0 0 3px}.paint-size select{font-size:10px}.paint-history{display:flex;gap:3px}.paint-history button{min-width:25px}.paint-history button:last-child{display:none}.paint-content{padding:32px 7% 25px}.paint-hero{grid-template-columns:1fr;padding-top:4px;scroll-margin-top:150px}.paint-name{font-size:104px;margin-top:20px}.paint-eyebrow{font-size:15px}.paint-summary{font-size:25px}.paint-hero-doodle{width:85%;max-width:330px;margin:25px auto 0}.paint-doodle-caption{font-size:30px}.paint-invitation{font-size:22px;margin:26px 0 75px;padding-inline:4px}.paint-invitation>span{margin-right:5px}.paint-intro{margin:0 0 80px;padding:20px}.paint-intro>p{font-size:26px}.paint-projects{margin-bottom:80px;scroll-margin-top:150px}.paint-section-heading h2,.paint-contact h2{font-size:43px}.paint-section-heading>p{font-size:23px}.paint-project-grid,.paint-minor .paint-project-grid{grid-template-columns:1fr;gap:45px}.paint-project,.paint-minor .paint-project{grid-template-columns:1fr;padding:22px 20px;gap:18px}.paint-project-art{height:165px;display:flex;justify-content:center}.paint-project-art svg{width:165px;height:165px}.paint-project-art>span{position:absolute;left:0;top:0}.paint-project h3,.paint-minor .paint-project h3{font-size:40px}.paint-project-meta{font-size:15px}.paint-project-copy>p,.paint-minor .paint-project-copy>p{font-size:24px}.paint-contact{scroll-margin-top:150px}.paint-contact-links{gap:22px}.paint-contact-links small{font-size:17px}.paint-colophon{flex-direction:column;gap:5px;font-size:17px}.paint-palette-note{display:none}.paint-status{font-size:9px;gap:5px}.paint-status>span:last-child{padding-left:5px;max-width:118px}.paint-feedback{max-width:220px}.paint-bottom{padding-inline:8px}}
@media(max-width:380px){.paint-history{display:none}.paint-tools{gap:8px}.paint-name{font-size:90px}.paint-content{padding-inline:6%}.paint-project,.paint-minor .paint-project{padding:18px}.paint-status{font-size:8px}}

.paint-mobile-clear {display:none}
@media(max-width:700px){.paint-mobile-clear{display:block;min-height:40px;padding:5px 7px;border:2px outset #eee;background:#c0c0c0;font:11px Tahoma,sans-serif;color:#222;cursor:pointer}.paint-mobile-clear:disabled{opacity:.4;cursor:default}.paint-palette{gap:10px}}
@media(max-width:380px){.paint{padding-top:184px}.paint-tools{height:96px;flex-wrap:wrap;align-content:center;padding-right:100px}.paint-history{display:flex}.paint-hero,.paint-projects,.paint-contact{scroll-margin-top:180px}}

/* Ink sits over the illustration layer; only real controls are masked out. */
.paint-panel {cursor:inherit}
.paint-sheet:not([data-tool="hand"]) {user-select:none;-webkit-user-select:none}
.paint-sheet[data-tool="hand"] {cursor:grab}
.paint-sheet a {cursor:pointer}
.paint-cursor {position:fixed;z-index:4;pointer-events:none;border:1px solid #222;box-shadow:0 0 0 1px #fff;transform:translate(-50%,-50%);border-radius:50%;background:transparent}
.paint-sheet[data-tool="eraser"] .paint-cursor {border-radius:3px;background:#ffffff50}
.paint-social-links a:nth-child(2) {background:transparent}
.paint-social-links a:hover,.paint-contact-links a:hover {color:#2454e6;border-color:#2454e6}
.paint-tools button:active:not(:disabled),.paint-mobile-clear:active:not(:disabled) {border-style:inset}
.paint-swatch[aria-pressed="true"] {box-shadow:inset 0 0 0 2px #222,inset 0 0 0 3px #fff;outline:none}