:root{color-scheme:light;--paper:#f5f4ef;--ink:#252d29;--muted:#62675f;--line:#d9dcd2;--accent:#65764c}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:35px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}
a:hover{color:var(--accent)}
.page{max-width:1440px;margin:auto;padding:0 7%}
.skip-link{position:absolute;left:20px;top:-80px;padding:14px;background:var(--ink);color:white;z-index:3}
.skip-link:focus{top:16px}
.header{display:flex;align-items:center;justify-content:space-between;padding:34px 0;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:700;letter-spacing:-1.2px}
.brand-mark{width:33px;height:33px}
.brand-dot{color:var(--accent)}
.contact-link{font-size:13px}.contact-link span{margin-left:23px;font-size:19px}
.intro{display:grid;grid-template-columns:1.15fr 1fr;gap:6%;align-items:center;padding:85px 0 87px}
.eyebrow{text-transform:uppercase;letter-spacing:2.1px;font-size:10px;font-weight:600;display:flex;align-items:center;gap:12px;margin:0 0 27px}
.small-rule{height:1px;width:27px;background:var(--accent)}
h1{font-size:clamp(48px,5.7vw,79px);font-weight:400;letter-spacing:-4px;line-height:1.06;margin:0 0 27px}
h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--accent);letter-spacing:-3.7px}
.description{font-size:15px;line-height:1.85;max-width:365px;color:var(--muted);margin:0 0 32px}
.intro-link{display:inline-flex;gap:28px;align-items:center;font-size:12px;border-bottom:1px solid #a9afa0;padding-bottom:10px}
.intro-link span{font-size:18px}
.art{height:438px;position:relative;background:#e9ece2;overflow:hidden}
.art-grid{position:absolute;inset:0;opacity:.55;background-image:linear-gradient(#ced4c6 1px,transparent 1px),linear-gradient(90deg,#ced4c6 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(140deg,#000,transparent 80%)}
.sculpture{position:absolute;width:260px;height:280px;left:50%;top:49%;transform:translate(-50%,-50%)}
.piece{position:absolute;background:linear-gradient(120deg,#8c9b78,#687855);box-shadow:12px 18px 24px #37472c20,inset 1px 1px 0 #ffffff35}
.piece-one{width:76px;height:252px;left:12px;top:14px}
.piece-two{width:88px;height:178px;left:128px;top:5px;transform:skew(-36deg);background:linear-gradient(120deg,#b1bba1,#82916d)}
.piece-three{width:88px;height:128px;left:136px;top:138px;transform:skew(36deg);background:linear-gradient(135deg,#667850,#435938)}
.art-caption{position:absolute;bottom:24px;left:25px;display:flex;flex-direction:column;gap:5px;font-family:Georgia,'Times New Roman',serif;font-size:13px;color:#505c45}
.art-index{position:absolute;right:24px;bottom:27px;font-size:9px;letter-spacing:2px;color:#58624e}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:43px 0 50px;border-top:1px solid var(--line)}
.contact-heading .eyebrow{margin-bottom:15px}
h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:32px;letter-spacing:-.9px;margin:0 0 14px}
.contact-heading>p:last-child{font-size:13px;color:var(--muted);line-height:1.7}
.contact-details{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-top:3px}
h3{font-size:10px;font-weight:400;text-transform:uppercase;letter-spacing:1.7px;color:var(--muted);margin:0 0 17px}
.phone{font-size:15px;white-space:nowrap;display:inline-flex;gap:13px}
address{font-size:13px;font-style:normal;line-height:1.9}
.footer{display:flex;justify-content:space-between;gap:20px;padding:22px 0 28px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}
.footer a span{margin-left:8px}
@media(min-width:1500px){.intro{padding-top:105px;padding-bottom:105px}}
@media(max-width:900px){.page{padding:0 6%}.intro{gap:5%;padding:64px 0}.art{height:370px}.sculpture{transform:translate(-50%,-50%) scale(.85)}h1{letter-spacing:-2.8px}h1 em{letter-spacing:-2.8px}.contact{grid-template-columns:.85fr 1.15fr;gap:5%}.contact-details{gap:22px;grid-template-columns:1fr}.contact-item h3{margin-bottom:10px}}
@media(max-width:600px){.header{padding:25px 0}.brand{font-size:24px}.brand-mark{width:29px}.contact-link{font-size:12px}.contact-link span{margin-left:10px}.intro{grid-template-columns:1fr;padding:47px 0 37px;gap:35px}h1{font-size:clamp(47px,10.7vw,65px);letter-spacing:-2.5px}h1 em{letter-spacing:-2.5px}.eyebrow{font-size:9px;margin-bottom:22px}.description{font-size:14px;max-width:340px}.art{height:285px}.sculpture{transform:translate(-50%,-50%) scale(.72)}.art-caption{left:20px;bottom:20px;font-size:12px}.art-index{bottom:22px;right:20px}.contact{grid-template-columns:1fr;padding:32px 0 36px;gap:22px}.contact-details{grid-template-columns:1fr 1fr;gap:18px}.phone{font-size:13px;gap:8px}address{font-size:12px}h2{font-size:30px}.footer{flex-wrap:wrap;font-size:10px;gap:15px}.footer>span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.projects{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:50px 0 58px;border-top:1px solid var(--line)}
.projects-heading .eyebrow{margin-bottom:15px}
.projects-heading>p:last-child{font-size:13px;color:var(--muted);line-height:1.7}
.project{border-left:2px solid var(--accent);padding-left:28px;min-width:0}
.project-category{display:flex;gap:14px;margin:0 0 18px;font-size:10px;text-transform:uppercase;letter-spacing:1.7px;color:var(--muted)}
.project h3{font-family:Georgia,'Times New Roman',serif;font-size:30px;line-height:1.15;font-weight:400;letter-spacing:-.7px;text-transform:none;color:var(--ink);margin:0 0 12px}
.project-tagline{font-size:15px;color:var(--accent);margin:0 0 18px;line-height:1.6}
.project-description{font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 18px}
.project-note{font-size:12px;line-height:1.75;color:var(--muted);margin:0 0 25px}
@media(max-width:900px){.projects{grid-template-columns:.85fr 1.15fr;gap:5%}}
@media(max-width:600px){.projects{grid-template-columns:1fr;padding:32px 0 36px;gap:22px}.project{padding-left:20px}.project h3{font-size:28px}}
