:root{color-scheme:light;--paper:#f7f5ef;--ink:#203449;--muted:#607180;--line:#d8dfdf;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;padding:0 clamp(20px,5vw,76px);background:radial-gradient(ellipse at 80% 0%,#e5efed 0,transparent 52%)}.home{max-width:1320px;margin:auto}
.home-header{display:flex;align-items:center;justify-content:center;gap:clamp(40px,10vw,145px);padding:clamp(40px,6vw,74px) 0 52px;border-bottom:1px solid var(--line);animation:arrive .8s ease-out both}
h1{margin:0;font:400 clamp(64px,8.5vw,118px)/.95 Georgia,'Times New Roman',serif;letter-spacing:-.055em}.home-portrait{display:block;width:clamp(150px,25vw,320px);max-width:42%;height:auto;border:7px solid #fffdf8;border-radius:4px;box-shadow:0 16px 42px #20344918}
.sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2.6vw,36px);padding:42px 0 52px}.section-card{min-width:0;animation:arrive .7s ease-out both;animation-delay:.1s}.section-card:nth-child(2){animation-delay:.2s}.section-card:nth-child(3){animation-delay:.3s}
.section{--accent:#335d81;display:block;position:relative;isolation:isolate;overflow:hidden;background:#fffdfa;border:1px solid #d8dfdf;border-radius:14px;padding:24px 20px 20px;text-decoration:none;color:var(--ink);transition:transform .25s ease,border-color .25s,box-shadow .25s}
.section.paintings{--accent:#59735e}.section.art-ai{--accent:#775d83}.section::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(320px circle at var(--pointer-x,50%) var(--pointer-y,30%),#dfeae980,transparent 75%);opacity:0;transition:opacity .25s}.section h2{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 22px;font:400 clamp(27px,2.6vw,36px)/1.2 Georgia,'Times New Roman',serif}.section-arrow{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border:1px solid var(--line);border-radius:50%;font:20px/1 Arial,sans-serif;color:var(--accent);transition:background .25s,color .25s,transform .25s}
.section-image{height:clamp(210px,22vw,290px);display:flex;align-items:center;justify-content:center}.section img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s ease}.section.art-ai img{width:80%;height:80%}.section-email{display:block;width:fit-content;max-width:100%;margin:20px auto 0;color:var(--muted);font-size:14px;line-height:1.7;text-decoration:underline;text-decoration-color:#c2cbcd;text-underline-offset:5px;overflow-wrap:anywhere}.section-email:hover{color:var(--ink);text-decoration-color:var(--ink)}a:focus-visible{outline:3px solid #376c94;outline-offset:5px}.section:focus-visible::before{opacity:1}
footer{border-top:1px solid var(--line);padding:24px 0 30px;text-align:center;color:var(--muted);font-size:13px;line-height:1.7}footer p{margin:0}
@keyframes arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){.section:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 15px 34px #20344912}.section:hover::before{opacity:1}.section:hover img{transform:scale(1.025)}.section:hover .section-arrow{background:var(--accent);border-color:var(--accent);color:white;transform:translate(2px,-2px)}}
@media(max-width:700px){.home-header{gap:28px;padding:36px 0}.home-header h1{font-size:clamp(48px,11vw,78px)}.home-portrait{border-width:5px;max-width:43%}.sections{grid-template-columns:1fr;gap:34px;padding:32px 0 42px}.section-card{width:100%;max-width:480px;margin:auto}.section-image{height:clamp(200px,62vw,300px)}.section h2{font-size:32px}.section-email{margin-top:14px}}
@media(prefers-reduced-motion:reduce){.home-header,.section-card{animation:none}.section,.section img,.section::before,.section-arrow{transition:none}.section:hover,.section:hover img,.section:hover .section-arrow{transform:none}}