/* FIELD refinement: an artist's signature, quiet serif type and warm paper. */
body.e{--bg:#fcf9f4;--fg:#4b403a;--muted:#857a70;--line:#dfd5cb;--accent:#9e6250;--jp:'Noto Serif JP',serif;--latin:'Cormorant Garamond',Georgia,serif}
.e .field-hero{border-radius:0 0 24px 24px}
.e .site-header{align-items:center;padding:28px 6%}
.e .site-header .name{font:500 italic 46px/1 var(--latin);letter-spacing:-.025em;white-space:nowrap}
.e .site-header .name small{font:400 10px/1.5 var(--sans);letter-spacing:.19em;margin-top:12px;white-space:nowrap}
.e .site-header nav{font-size:14px;letter-spacing:.045em}
.e .field-intro{top:180px}
.e .field-intro .kicker{font:400 italic 25px/1.4 var(--latin);letter-spacing:.025em}
.e .field-intro h1{font:400 clamp(39px,3.7vw,54px)/1.7 var(--jp);letter-spacing:.025em;margin:18px 0}
.e .field-intro>p:not(.kicker){font:400 16px/2 var(--jp);letter-spacing:.035em}
.e .cta{font-size:14px;max-width:245px;padding:14px 22px;border-radius:4px;box-shadow:none;background:#fcf9f4;color:#785647}
.e .cta span{background:none;border:1px solid #d9cabd;font-size:15px;width:28px;height:28px}
.e .field-shelf{background:var(--bg)}
.e .field-shelf .kicker,.e .section-heading .kicker,.e .profile-copy>.kicker,.e .contact .kicker{font:400 italic 27px/1.25 var(--latin);letter-spacing:.015em;color:#a57660}
.e .field-shelf h2{font:400 28px/1.85 var(--jp);letter-spacing:.045em}
.e .section-heading h2{font:400 36px/1.8 var(--jp);letter-spacing:.04em}
.e .card-copy h3{font:400 24px/1.85 var(--jp);letter-spacing:.02em}
.e .project-card:nth-child(3n+1) h3{font-size:33px;font-weight:400}
.e .card-category{color:#9f7865;font-size:11px;letter-spacing:.12em}
.e .card-visual,.e .project-card:nth-child(3n+1) .card-visual{border-radius:4px}
.e .filter-group button{border-radius:3px;background:transparent;padding:8px 16px;font-size:13px}
.e .filter-group button[aria-pressed=true]{border-color:#9e6250;background:#9e6250}
.e .services{background:#f0e7de;border-radius:20px}
.e .service-grid h3{font:400 26px/1.7 var(--jp);letter-spacing:.035em}
.e .service-grid img{border-radius:5px}
.e .profile-placeholder{background:#eee2d6}
.e .profile-placeholder>span{font:400 italic 110px var(--latin);color:#b4876c}
.e .profile-copy h2{font:400 35px/1.5 var(--jp)}
.e .profile-copy h2 small{font-family:var(--sans)}
.e .contact{background:#866050;border-radius:20px 20px 0 0}
.e .contact .kicker{color:#edd8c5}
.e .contact h2{font:400 42px/1.8 var(--jp);letter-spacing:.05em}
.e .contact>div:last-child>a{border-radius:4px;background:none}
.e .info-trigger{border-color:#cdb7a6;background:transparent;color:#91614c}
.e .summary-photos{background:#946650}
.e #summary-title{font:400 28px/1.8 var(--jp)}
.e .work-description h2{font:400 29px/1.8 var(--jp)}
@media(max-width:1050px){.e .site-header .name{font-size:41px}.e .site-header nav{gap:24px;font-size:13px}.e .field-intro h1{font-size:45px}.e .project-card:nth-child(3n+1) h3{font-size:29px}}
@media(max-width:750px){.e .field-hero{height:670px;border-radius:0 0 18px 18px}.e .site-header{padding:24px 6%;gap:15px}.e .site-header .name{font-size:35px}.e .site-header .name small{font-size:8px;letter-spacing:.12em;margin-top:10px}.e .site-header nav{font-size:12px;gap:17px;white-space:nowrap}.e .field-intro{top:auto;bottom:74px}.e .field-intro .kicker{font-size:23px}.e .field-intro h1{font-size:36px;line-height:1.7;letter-spacing:.015em;margin:12px 0 17px}.e .field-intro>p:not(.kicker){font-size:15px;line-height:2;margin-bottom:23px}.e .cta{font-size:14px;max-width:230px;padding:13px 19px}.e .field-shelf .kicker,.e .section-heading .kicker,.e .profile-copy>.kicker,.e .contact .kicker{font-size:25px}.e .field-shelf h2{font-size:27px;line-height:1.8}.e .section-heading h2{font-size:28px;line-height:1.85}.e .card-copy h3{font-size:18px}.e .project-card:nth-child(3n+1) h3{font-size:27px}.e .service-grid h3{font-size:25px}.e .profile-copy h2{font-size:32px}.e .contact h2{font-size:34px}.e .services{border-radius:18px}.e .contact{border-radius:18px 18px 0 0}.e #summary-title{font-size:23px}}
@media(max-width:390px){.e .site-header .name{font-size:31px}.e .site-header .name small{font-size:7px}.e .site-header nav{font-size:11px;gap:13px}.e .field-intro h1{font-size:32px}.e .field-intro .kicker{font-size:21px}.e .card-copy h3{font-size:17px}}

@media(max-width:750px){.e .field-shelf>div:first-child .kicker{font:400 italic 25px/1.25 var(--latin);letter-spacing:.015em}}