:root{font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#192023;background:#f8f8f4;color-scheme:light;--blue:#004ad9;--line:#ccd0cc}*{box-sizing:border-box}body{margin:0}html{scroll-padding-top:2rem}a{color:inherit;text-underline-offset:.22em}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible{outline:3px solid #c63015;outline-offset:5px}img{display:block;max-width:100%;height:auto}p{font-size:1.125rem;line-height:1.6;margin:0 0 1.2rem}h1,h2,h3{font-weight:500;letter-spacing:-.045em;line-height:1.07;margin:0}h1{font-size:clamp(3.1rem,7.5vw,7rem)}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--blue)}h2{font-size:clamp(2rem,4vw,3.5rem)}h3{font-size:clamp(2rem,3.4vw,3rem)}.shell{width:100%;max-width:1376px;margin:auto;padding-inline:clamp(1.25rem,5vw,4rem)}header{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:1.6rem;border-bottom:1px solid var(--line)}.wordmark{font:italic 3.5rem/.9 Georgia,serif;letter-spacing:-.08em;text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:1.6rem}nav a{font-size:1rem;text-decoration:none;padding-block:.5rem}.skip{position:absolute;left:1rem;top:-100px;background:white;padding:1rem}.skip:focus{top:1rem;z-index:5}.intro{padding-block:3.5rem 3rem}.eyebrow{font-size:.875rem;letter-spacing:.07em;margin-bottom:1.2rem}.opening{display:grid;grid-template-columns:1fr 1fr;max-width:58rem;gap:3rem;margin-top:2rem}.opening p{font-size:1.25rem}.work{padding-bottom:4rem}.work-heading{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;border-top:1px solid var(--line);padding-block:1.5rem}.work-heading h2{font-size:1.5rem;letter-spacing:-.02em}.work-heading span{font-size:.875rem}.feature{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}figure{margin:0;min-width:0}figure img{width:100%;background:var(--blue)}figcaption{font-size:.875rem;line-height:1.5;color:#535a60;padding-top:.8rem}.image-note h3{margin-bottom:1.5rem}.question{font-family:Georgia,serif;font-size:1.4rem;margin-top:2rem}.text-link{display:inline-block;padding-block:.7rem;font-weight:600}.about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr);gap:clamp(2rem,6vw,5rem);align-items:start;padding-block:4rem;border-top:1px solid var(--line)}.about h2{margin-bottom:1.7rem}.portrait{width:100%}.about p{max-width:40rem}details{border-top:1px solid var(--line);padding-block:1rem}summary{cursor:pointer;line-height:1.5}details[open] summary{margin-bottom:1.1rem}.studio-note{background:var(--blue);color:white;padding-block:3.5rem}.studio-note h2{margin-bottom:1.75rem}.studio-note p{max-width:42rem}.contact{display:grid;grid-template-columns:1fr 1.45fr;gap:clamp(2rem,6vw,5rem);padding-block:4rem}.contact h2{margin-bottom:1.5rem}.email{display:inline-block;font-size:clamp(1.2rem,2.2vw,1.8rem);overflow-wrap:anywhere;margin-bottom:1.5rem}.contact p{max-width:42rem}footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;border-top:1px solid var(--line);padding-block:1.7rem;font-size:.875rem}footer .wordmark{font-size:2.5rem}@media(max-width:800px){.feature,.about,.contact{grid-template-columns:1fr}.opening{grid-template-columns:1fr;gap:0;max-width:34rem}.intro{padding-block:2.5rem 2rem}.feature{gap:2rem}.image-note{max-width:36rem}.portrait{max-width:24rem}.about,.contact{padding-block:3rem;gap:2rem}.work{padding-bottom:3rem}.work-heading{align-items:start}.work-heading span{white-space:nowrap}}@media(max-width:420px){header{align-items:start;flex-direction:column;gap:1.25rem}nav{width:100%;justify-content:space-between;gap:.7rem}.work-heading{flex-direction:column;gap:.5rem}h1{font-size:3.05rem}footer{align-items:start;flex-direction:column}}

/* Website name: Mara, Otherwise. Artist attribution remains Mara. */
.website-name{font-style:normal;font-size:clamp(1.9rem,3.2vw,2.7rem);line-height:1.15;letter-spacing:-.035em;white-space:nowrap;flex-shrink:0}
.website-name em{font-weight:400;color:var(--blue)}
.site-description{font-size:1rem;line-height:1.5;max-width:40rem;margin-bottom:1.25rem}
footer .website-name{font-size:1.8rem}
@media(max-width:1000px){header{align-items:flex-start;flex-direction:column;gap:1.1rem}}
@media(max-width:420px){nav{justify-content:flex-start;column-gap:1rem;row-gap:.1rem}}
@media(max-width:340px){.website-name{white-space:normal}}