/* FIELD / warm, open and approachable. The artwork defines its own frame. */
body.e{--bg:#fff9f2;--fg:#493c36;--muted:#82736a;--line:#e4d4c8;--soft:#f4e6d9;--accent:#b95740;--jp:'Noto Sans JP',sans-serif}
.e .direction-switch{background:#493c36;color:#fff9f2}
.e .field-hero{height:660px;border-radius:0 0 52px 52px}
.e .field-background{object-position:center 46%}
.e .field-shade{background:linear-gradient(90deg,rgba(24,20,18,.62),rgba(24,20,18,.12) 58%,transparent 83%)}
.e .site-header{padding:27px 6%}
.e .name{font:600 28px/1.3 var(--sans);letter-spacing:.07em}
.e .name small{font-size:12px;letter-spacing:.13em}
.e .site-header nav{gap:30px}
.e .field-intro{top:168px;left:6%}
.e .field-intro .kicker{font-size:14px;letter-spacing:.08em}
.e .field-intro h1{font:600 clamp(38px,3.8vw,56px)/1.55 var(--sans);letter-spacing:.01em;margin:24px 0}
.e .field-intro>p:not(.kicker){font-size:17px;line-height:2}
.e .cta{border-radius:40px;background:#fff9f2;color:#754331;box-shadow:0 5px 22px #24160b15}
.e .cta span{display:grid;place-items:center;border-radius:50%;width:30px;height:30px;background:#f0dfd2}
.e .mock-label{background:#fff9f2e8;color:#625047;border-radius:20px;font-size:11px}
.e .field-shelf{background:var(--bg);border:0;padding:48px 6% 52px;grid-template-columns:.7fr 2.4fr;gap:5%}
.e .field-shelf .kicker{color:#b95740}
.e .field-shelf h2{font:500 28px/1.7 var(--sans);margin:15px 0 22px}
.e .field-shelf>div:first-child>a{display:inline-block;color:#98513b;border-bottom:1px solid #d2a590;padding-bottom:6px}
.e .shelf-posters{align-items:start;gap:22px}
.e .shelf-posters img{width:100%;height:auto;padding:0;background:none;border-radius:6px;box-shadow:0 5px 14px #60452c13}
.e .shelf-posters button>span{font-size:13px;color:#6f5649}
.e .section{padding:90px 7%}
.e .works{border-top:1px solid var(--line)}
.e .section-heading .kicker{color:#a75b43}
.e .section-heading h2{font:500 36px/1.7 var(--sans);letter-spacing:.025em}
.e .filter-group{gap:10px;flex-wrap:wrap}
.e .filter-group button{border:1px solid var(--line);padding:9px 18px;border-radius:25px;background:#fffdf9;color:#857268}
.e .filter-group button[aria-pressed=true]{border-color:#b95740;background:#b95740;color:white}
.e .project-grid{gap:65px 55px;align-items:start}
.e .card-visual,.e .project-card:nth-child(3n+1) .card-visual{height:auto;padding:0;background:none;border-radius:9px;overflow:hidden}
.e .card-visual img{display:block;width:100%;height:auto;object-fit:initial}
.e .project-card:nth-child(3n+1)>button{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%}
.e .project-card:nth-child(3n+1) .card-visual{width:100%;max-width:480px}
.e .card-copy{padding:20px 1px 0}
.e .card-copy h3{font:500 23px/1.8 var(--sans);margin:13px 0}
.e .project-card:nth-child(3n+1) h3{font-size:32px;line-height:1.7}
.e .card-open{width:40px;height:40px;border-radius:50%;right:14px;bottom:14px;background:#fff9f2f2;color:#a3533c}
.e .card-category{color:#ad5c43}
.e .services{background:#f5e8dc;border-radius:48px}
.e .service-grid article{border:0;padding:0}
.e .service-grid article>span{color:#ad5c43}
.e .service-grid h3{font-weight:500}
.e .service-grid img{border-radius:12px}
.e .profile-placeholder{border-radius:48% 48% 12px 12px;background:#eddbca}
.e .profile-placeholder>span{font-family:Georgia,serif;text-transform:lowercase;color:#ba7857;opacity:.55}
.e .profile-copy h2{font-family:var(--sans);font-weight:500}
.e .contact{background:#9f5742;color:#fff9f2;border-radius:48px 48px 0 0;gap:10%}
.e .contact h2{font-family:var(--sans);font-weight:500}
.e .contact>div:last-child>a{border:1px solid #ffffff80;border-radius:40px;background:#ffffff0a}
.e footer>a:first-child{font-family:var(--sans)}
.e .work-overview{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
.e .work-cover{height:auto;background:none;padding:0;max-width:430px;justify-self:center;width:100%}
.e .work-cover img{height:auto;width:100%;object-fit:initial;border-radius:6px}
.e .work-description h2{font-family:var(--sans);font-weight:500}
.e .work-gallery{align-items:start;gap:32px 25px}
.e .work-gallery button{padding:0;background:none;border-radius:6px;overflow:hidden}
.e .work-gallery img{height:auto;width:100%;object-fit:initial}
.e .work-gallery button>span{right:10px;bottom:10px;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;background:#fff9f2ed;padding:0;color:#a65a42}
.e #image-dialog{background:#302721}
@media(max-width:1050px){.e .field-intro h1{font-size:46px}.e .field-shelf{gap:4%}.e .field-shelf h2{font-size:25px}.e .project-grid{gap:50px 35px}.e .project-card:nth-child(3n+1) h3{font-size:28px}}
@media(max-width:750px){.e .field-hero{height:670px;border-radius:0 0 28px 28px}.e .site-header{padding:24px 6%}.e .name{font-size:24px}.e .name small{font-size:10px}.e .site-header nav{gap:20px}.e .field-background{object-position:39% center}.e .field-shade{background:linear-gradient(0deg,rgba(24,20,18,.83),rgba(24,20,18,.4) 37%,transparent 76%),linear-gradient(180deg,#18141233,transparent 23%)}.e .field-intro{top:auto;bottom:75px;left:7%;right:6%}.e .field-intro .kicker{font-size:11px}.e .field-intro h1{font-size:36px;line-height:1.55;margin:15px 0}.e .field-intro>p:not(.kicker){font-size:15px;margin-bottom:22px}.e .field-hero .mock-label{font-size:9px;bottom:20px;right:6%;padding:6px 10px}.e .field-shelf{grid-template-columns:1fr;padding:35px 7% 45px;gap:27px}.e .field-shelf h2{font-size:27px;line-height:1.6;margin:12px 0 17px}.e .shelf-posters{gap:25px 22px}.e .shelf-posters img{height:auto;padding:0}.e .shelf-posters button>span{font-size:13px}.e .section{padding:60px 7%}.e .section-heading h2{font-size:28px}.e .filter-group button{font-size:13px;padding:8px 16px}.e .project-grid{gap:35px 22px}.e .project-card:nth-child(3n+1)>button{display:block}.e .project-card:nth-child(3n+1) .card-visual{max-width:none;height:auto}.e .project-card .card-visual{height:auto;padding:0}.e .project-card:nth-child(3n+1) h3{font-size:25px;margin:16px 0}.e .project-card:nth-child(3n+1) .card-copy p{flex-direction:row;gap:15px}.e .card-copy h3{font-size:17px}.e .card-open{width:32px;height:32px;right:10px;bottom:10px}.e .services{border-radius:28px}.e .service-grid h3{font-size:25px}.e .contact{border-radius:28px 28px 0 0}.e .contact h2{font-size:34px}.e .work-overview{grid-template-columns:1fr}.e .work-cover{max-width:340px;height:auto;padding:0}.e .work-gallery img{height:auto}.e .work-gallery{gap:25px 18px}.e .work-gallery button>span{width:26px;height:26px;font-size:15px;right:7px;bottom:7px}}
@media(max-width:390px){.e .field-intro h1{font-size:32px}.e .field-intro .kicker{font-size:10px}.e .card-copy h3{font-size:16px}.e .filter-group{gap:7px}.e .filter-group button{padding:8px 13px}}