.art-hero{position:relative;isolation:isolate;overflow:hidden;min-height:680px;background:#f3eddd;border-bottom:1px solid #dad8ca;display:flex;align-items:center}
.art-stage{position:absolute;inset:0 0 0 30%;z-index:-1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 35%)}
.art-stage img,.art-stage canvas{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;inset:0}
.art-stage canvas{opacity:0}.art-stage.ready canvas{opacity:1}.art-stage.ready img{visibility:hidden}
[data-art="simple"] .motion-enabled .art-stage img{animation:art-drift 24s ease-in-out infinite alternate;transform:scale(1.045)}
.art-copy{width:100%;max-width:1152px;margin:auto;padding:80px 32px 110px}
.art-eyebrow{font-size:11px;letter-spacing:.13em;font-weight:600;margin-bottom:32px;color:#42513d}
.art-copy h1{max-width:650px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(48px,5.2vw,76px);font-weight:400;line-height:1.06;letter-spacing:-.05em;color:#262f28;margin-bottom:26px}
.art-intro{max-width:445px;font-size:17px;line-height:1.75;color:#3b463a}
.art-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.art-contact{font-size:14px;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center;color:#293b29}
.art-specialties{margin-top:42px;font-size:12px;color:#485345}.art-specialties span{padding:0 9px;color:#5e6a58}
.art-controls{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;font-size:12px;white-space:nowrap}
.art-controls nav{display:flex;gap:2px}.art-controls a,.art-controls button{min-height:44px;display:inline-flex;align-items:center;padding:0 15px;background:#f9f6ec;border:1px solid #c4c9b7;color:#34422e;border-radius:24px}
.art-controls button[hidden]{display:none}.art-controls a[aria-current]{background:#40583b;color:#fff;border-color:#40583b}.art-controls a:hover,.art-controls button:hover{border-color:#263b24}
.art-hero.paused .art-stage img{animation-play-state:paused}
@keyframes art-drift{from{transform:scale(1.045) translate(-.6%,0)}to{transform:scale(1.08) translate(.6%,-.8%)}}
@media(max-width:767px){.art-hero{min-height:860px;align-items:flex-start}.art-copy{padding:52px 24px 360px}.art-copy h1{font-size:52px}.art-eyebrow{font-size:10px;max-width:250px;line-height:1.7;margin-bottom:24px}.art-intro{font-size:16px;max-width:420px}.art-stage{inset:47% 0 0;mask-image:linear-gradient(180deg,transparent,#000 30%)}.art-specialties{margin-top:26px;font-size:11px}.art-actions{gap:12px}.art-controls{bottom:18px;gap:6px}.art-controls a,.art-controls button{padding:0 12px}}
@media(prefers-reduced-motion:reduce){[data-art="simple"] .motion-enabled .art-stage img{animation:none;transform:none}}

/* Artwork portfolios share an editorial treatment; the original page stays intact. */
.about-copy p{max-width:700px;font-size:17px;line-height:1.85;margin-top:24px;color:#465042}.about-copy .about-tools{font-size:13px;margin-top:32px}
.portfolio-contact{padding:64px 0}.portfolio-contact h2{font:400 38px/1.2 Georgia,serif;letter-spacing:-.03em;color:#29372b}.portfolio-contact p{margin:16px 0 24px;color:#465042}
[data-scene="desk"] .art-stage{inset:0;mask-image:linear-gradient(90deg,transparent 35%,#000 65%)}
[data-scene="desk"] .art-stage img{object-position:65% center}
@media(max-width:767px){[data-scene="desk"] .art-stage{inset:55% 0 0;mask-image:linear-gradient(180deg,transparent,#000 22%)}[data-scene="desk"] .art-stage img{object-position:85% center}}
[data-art] #projects,[data-art] #services,[data-art] #stack{padding-block:88px}
[data-art] #projects h2,[data-art] #services h2,[data-art] #stack h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(34px,3.7vw,48px);line-height:1.15;letter-spacing:-.035em;color:#29372b}
[data-art] #projects>div>div:first-child{margin-bottom:44px}
[data-art] .work-feature{border:0;border-radius:8px;background:#e7ecdf;overflow:visible}
[data-art] .work-feature>div{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:40px;padding:40px;align-items:center}
[data-art] .work-feature>div>div,[data-art] .work-feature .project-media{grid-column:auto}
[data-art] .project-heading{font-family:Georgia,'Times New Roman',serif;font-size:38px;font-weight:400;letter-spacing:-.04em;margin:12px 0 20px}
[data-art] .project-copy{font-size:15px;line-height:1.8;color:#465042}
[data-art] .work-feature .project-media{width:100%;border:0;border-radius:4px;background:#f7f8f1;box-shadow:0 12px 30px #2438200d}
[data-art] .work-feature:nth-child(2){background:transparent;border-bottom:1px solid #cdd2c5;border-radius:0;padding-bottom:40px}
[data-art] .work-feature:nth-child(2)>div{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);padding:28px 0;gap:72px}
[data-art] .work-feature .artwork{max-width:360px;justify-self:center;background:#e9eddf;padding:18px 18px 0}
[data-art] .work-feature .artwork img{max-height:400px}
[data-art] #projects .project-link{background:transparent;color:#30492c;border:0;border-radius:0;padding:10px 0;border-bottom:1px solid #6a7c62;box-shadow:none}
[data-art] #projects .project-link:hover{color:#1d311a;border-bottom-color:#1d311a}
[data-art] #projects .mini-project{padding:26px 0;background:transparent;border:0;border-bottom:1px solid #cdd2c5;border-radius:0}
[data-art] #projects .mini-project h3{font-size:23px;font-weight:500;letter-spacing:-.025em;margin:8px 0 14px}
[data-art] #projects .mini-project p{max-width:720px;font-size:15px}
[data-art] #projects .mini-project>span{font-size:12px;color:#53614b}
[data-art] #services>div>div:first-child{margin-bottom:36px}
[data-art] #services>div>div:last-child{display:block}
[data-art] #services>div>div:last-child>div{display:block;padding:28px 0;background:transparent;border:0;border-top:1px solid #cdd2c5;border-radius:0;box-shadow:none}
[data-art] #services .space-y-4{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr) minmax(0,1fr);gap:28px;align-items:start}
[data-art] #services .space-y-4>*{margin:0}
[data-art] #services .space-y-4>div:first-child{display:none}
[data-art] #services h3{font-size:20px;font-weight:500;line-height:1.45;letter-spacing:-.02em}
[data-art] #services p{font-size:14px;line-height:1.85;color:#465042}
[data-art] #services ul{border:0;padding:0;font-size:13px;line-height:1.7;color:#465042}
[data-art] #services li{align-items:baseline}
[data-art] #services li>span:first-child{display:none}
[data-art] #stack{background:#eff1e8}
[data-art] #stack .bg-white{background:transparent;border:0;padding:0;box-shadow:none}
@media(max-width:900px){[data-art] .work-feature>div,[data-art] .work-feature:nth-child(2)>div{grid-template-columns:minmax(0,1fr);gap:28px;padding:28px}[data-art] .work-feature:nth-child(2)>div{padding-inline:0}[data-art] #services .space-y-4{grid-template-columns:1fr 1.5fr}[data-art] #services ul{grid-column:2}}
@media(max-width:600px){[data-art] #projects,[data-art] #services,[data-art] #stack{padding-block:56px}[data-art] .work-feature>div{padding:22px}[data-art] .project-heading{font-size:32px}[data-art] #services .space-y-4{display:block}[data-art] #services .space-y-4>p{margin-top:16px}[data-art] #services ul{margin-top:20px}[data-art] .work-feature:nth-child(2){padding-bottom:12px}}
