.field-notes-page{background:var(--qm-cream)!important;overflow-x:hidden}
.field-notes-page .site-header{position:sticky!important;top:0!important;z-index:60!important}
.field-notes-page .nav-link[aria-current="page"]{color:var(--qm-blue)!important}

.field-notes-hero{padding:clamp(72px,10vw,144px) 0 68px;border-bottom:1px solid var(--qm-line);background:var(--qm-cream)}
.field-notes-hero__grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:56px;align-items:end}
.field-notes-eyebrow{margin:0 0 22px;color:#a24937!important;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.field-notes-hero h1{margin:0;font-family:var(--qm-serif)!important;font-size:clamp(6rem,13vw,13.5rem);font-weight:400!important;letter-spacing:-.07em;line-height:.64!important}
.field-notes-hero h1 em{color:#a24937;font-weight:400}
.field-notes-intro{padding-bottom:6px}
.field-notes-intro>p{max-width:430px;margin:0 0 34px;color:var(--qm-ink)!important;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.55}
.field-notes-instagram{display:flex;min-height:62px;align-items:center;gap:16px;padding:0 18px;border:1px solid var(--qm-ink);text-decoration:none;transition:background .18s ease,color .18s ease}
.field-notes-instagram>span{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--qm-ink);color:#fff;font-size:1.05rem}
.field-notes-instagram strong{font-size:.78rem;letter-spacing:.04em}
.field-notes-instagram .icon{width:18px;height:18px;margin-left:auto}
.field-notes-instagram:hover{background:var(--qm-ink);color:#fff}
.field-notes-instagram:hover>span{background:#fff;color:var(--qm-ink)}

.field-notes-archive{padding:78px 0 104px;background:var(--qm-paper)}
.field-notes-toolbar{display:flex;gap:32px;align-items:end;justify-content:space-between;margin-bottom:34px;padding-bottom:28px;border-bottom:1px solid var(--qm-line)}
.field-notes-toolbar>div:first-child>span{color:#a24937;font-size:.67rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.field-notes-toolbar h2{margin:7px 0 0;font-family:var(--qm-serif)!important;font-size:clamp(2.8rem,5vw,5.2rem);font-weight:400!important;letter-spacing:-.045em;line-height:.9}
.field-notes-filters{display:flex;flex-wrap:wrap;border:1px solid var(--qm-line)}
.field-notes-filter{min-height:42px;padding:0 18px;border:0;border-right:1px solid var(--qm-line);background:transparent;color:var(--qm-ink);font:600 .7rem var(--qm-sans);cursor:pointer}
.field-notes-filter:last-child{border-right:0}
.field-notes-filter:hover,.field-notes-filter.is-active{background:var(--qm-ink);color:#fff}
.field-notes-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.field-note{position:relative;grid-column:span 4;display:flex;min-width:0;flex-direction:column;border:1px solid var(--qm-line);background:var(--qm-cream)}
.field-note--wide{grid-column:span 8}
.field-note[hidden]{display:none}
.field-note__visual{position:relative;display:block;aspect-ratio:1/1;overflow:hidden;border-bottom:1px solid var(--qm-line);background:#e9e5de}
.field-note--wide .field-note__visual{aspect-ratio:1.55/1}
.field-note__visual img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.field-note:hover .field-note__visual img{transform:scale(1.018)}
.field-note__index{position:absolute;top:16px;left:16px;display:grid;min-width:36px;height:36px;place-items:center;padding:0 8px;background:rgba(251,250,247,.92);color:var(--qm-ink);font-size:.68rem;font-weight:700;backdrop-filter:blur(10px)}
.field-note__body{display:flex;flex:1;flex-direction:column;padding:24px}
.field-note__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px;color:#a24937;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.field-note__meta span:last-child{color:var(--qm-muted)}
.field-note h3{margin:0 0 15px;font-family:var(--qm-serif);font-size:clamp(2.1rem,3vw,3.35rem);font-weight:400;letter-spacing:-.035em;line-height:.92}
.field-note__caption{margin:0;color:var(--qm-muted)!important;font-size:.88rem;line-height:1.65}
.field-note__footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto;padding-top:24px}
.field-note__instagram{font-size:.72rem;font-weight:700;text-decoration:none}
.field-note__instagram:hover{color:#a24937}
.field-note__research{color:var(--qm-muted);font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:right}
.field-note--portrait{grid-column:1/-1;display:grid;grid-template-columns:minmax(310px,.78fr) minmax(0,1.22fr)}
.field-note--portrait .field-note__visual{aspect-ratio:4/5;border-right:1px solid var(--qm-line);border-bottom:0}
.field-note--portrait .field-note__body{padding:clamp(28px,5vw,68px)}
.field-note--portrait h3{max-width:9ch;font-size:clamp(3.8rem,7vw,7.2rem)}
.field-note--portrait .field-note__caption{max-width:670px;font-size:1rem}
.field-note__type{display:grid;height:100%;place-items:end start;padding:clamp(24px,4vw,54px);background:var(--qm-ink);color:#fff}
.field-note__type span{max-width:9ch;font-family:var(--qm-serif);font-size:clamp(3.8rem,7vw,7.2rem);font-weight:400;letter-spacing:-.065em;line-height:.72}
.field-note__type--paper{align-content:space-between;place-items:start;padding:clamp(24px,4vw,54px);background:#d7d0c5;color:var(--qm-ink)}
.field-note__type--paper strong{font-size:.67rem;letter-spacing:.16em;text-transform:uppercase}
.field-note__type--paper span{align-self:end}
.field-note__type--rust{background:#a24937}
.field-notes-noscript{padding:28px;border:1px solid var(--qm-line);color:var(--qm-ink)!important}

.field-notes-profile{padding:94px 0;background:var(--qm-cream);border-top:1px solid var(--qm-line)}
.field-notes-profile__shell{border:1px solid var(--qm-line);background:var(--qm-paper)}
.field-notes-profile__header{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;padding:28px;border-bottom:1px solid var(--qm-line)}
.field-notes-profile__header>img{width:78px;height:78px;border-radius:50%;object-fit:cover;border:1px solid var(--qm-line)}
.field-notes-profile__identity>span{color:#a24937;font-size:.62rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.field-notes-profile__identity h2{margin:3px 0 1px;font-family:var(--qm-sans)!important;font-size:1.5rem;font-weight:700!important;letter-spacing:-.05em}
.field-notes-profile__identity p{margin:0;font-size:.78rem}
.field-notes-profile__header>a{display:flex;min-height:46px;align-items:center;gap:14px;padding:0 16px;border:1px solid var(--qm-ink);background:var(--qm-ink);color:#fff;font-size:.7rem;font-weight:700;text-decoration:none}
.field-notes-profile__header>a:hover{background:#a24937;border-color:#a24937}
.field-notes-profile__header .icon{width:16px;height:16px}
.field-notes-profile__meta{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--qm-line)}
.field-notes-profile__meta span{display:grid;gap:3px;padding:17px 22px;border-right:1px solid var(--qm-line);color:var(--qm-muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}
.field-notes-profile__meta span:last-child{border-right:0}
.field-notes-profile__meta strong{color:var(--qm-ink);font-size:.78rem;letter-spacing:0;text-transform:none}
.field-notes-social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:2px;background:var(--qm-line)}
.field-notes-social-post{position:relative;aspect-ratio:1/1;overflow:hidden;border:0;background:#e7e2db;text-decoration:none}
.field-notes-social-post img{width:100%;height:100%;object-fit:cover}
.field-notes-social-post__type{display:grid;width:100%;height:100%;place-items:end start;padding:clamp(16px,3vw,34px);background:var(--qm-ink);color:#fff}
.field-notes-social-post__type--paper{background:#d7d0c5;color:var(--qm-ink)}
.field-notes-social-post__type--rust{background:#a24937;color:#fff}
.field-notes-social-post__type span{max-width:8ch;font-family:var(--qm-serif);font-size:clamp(1.7rem,4vw,4.6rem);line-height:.75;letter-spacing:-.055em}
.field-notes-social-post__label{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;gap:12px;padding:18px;background:linear-gradient(transparent,rgba(9,21,36,.82));color:#fff;opacity:0;transition:opacity .18s ease;font-size:.67rem;font-weight:700}
.field-notes-social-post:hover .field-notes-social-post__label,.field-notes-social-post:focus-visible .field-notes-social-post__label{opacity:1}

.field-notes-follow{padding:76px 0;background:#d7d0c5;border-top:1px solid var(--qm-line)}
.field-notes-follow__inner{display:grid;grid-template-columns:auto 1fr auto;gap:44px;align-items:center}
.field-notes-follow__mark{display:grid;width:86px;height:86px;place-items:center;border-radius:50%;background:var(--qm-ink);color:#fff;font-family:var(--qm-sans);font-size:3.4rem;letter-spacing:-.12em}
.field-notes-follow p{margin:0 0 8px;color:#a24937!important;font-size:.67rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.field-notes-follow h2{margin:0;font-family:var(--qm-serif)!important;font-size:clamp(3rem,6vw,6rem);font-weight:400!important;letter-spacing:-.05em;line-height:.8}
.field-notes-follow a{display:flex;min-height:54px;align-items:center;gap:22px;padding:0 20px;border-bottom:1px solid var(--qm-ink);font-size:.78rem;font-weight:700;text-decoration:none}
.field-notes-follow a:hover{color:#a24937;border-color:#a24937}
.field-notes-follow .icon{width:18px;height:18px}

@media(max-width:1050px){
  .field-notes-page .site-header .nav{gap:17px!important}
  .field-notes-page .site-header .nav-link{font-size:.68rem!important}
  .field-note,.field-note--wide{grid-column:span 6}
  .field-note--wide .field-note__visual{aspect-ratio:1/1}
  .field-note--portrait{grid-column:1/-1}
}
@media(max-width:820px){
  .field-notes-hero__grid{grid-template-columns:1fr;gap:44px}
  .field-notes-hero h1{font-size:clamp(6rem,25vw,10rem)}
  .field-notes-toolbar{align-items:flex-start;flex-direction:column}
  .field-notes-filters{width:100%;overflow-x:auto;flex-wrap:nowrap}
  .field-notes-filter{flex:1;white-space:nowrap}
  .field-notes-follow__inner{grid-template-columns:auto 1fr}
  .field-notes-follow a{grid-column:1/-1}
  .field-note--portrait{grid-template-columns:1fr 1fr}
  .field-note--portrait .field-note__body{padding:30px}
  .field-notes-profile__header{grid-template-columns:auto 1fr}
  .field-notes-profile__header>a{grid-column:1/-1}
}
@media(max-width:600px){
  .field-notes-hero{padding:58px 0 48px}
  .field-notes-hero h1{font-size:5.8rem;line-height:.69!important}
  .field-notes-archive{padding:54px 0 70px}
  .field-notes-toolbar h2{font-size:3.3rem}
  .field-note,.field-note--wide{grid-column:1/-1}
  .field-note__visual,.field-note--wide .field-note__visual{aspect-ratio:1/1}
  .field-note--portrait{display:flex;grid-column:1/-1}
  .field-note--portrait .field-note__visual{aspect-ratio:4/5;border-right:0;border-bottom:1px solid var(--qm-line)}
  .field-note--portrait h3{font-size:3.5rem}
  .field-note__body{padding:20px}
  .field-note h3{font-size:2.5rem}
  .field-notes-follow__inner{grid-template-columns:1fr;gap:24px}
  .field-notes-follow__mark{width:64px;height:64px;font-size:2.5rem}
  .field-notes-follow h2{font-size:3.8rem}
  .field-notes-follow a{grid-column:auto}
  .field-notes-profile{padding:58px 0}
  .field-notes-profile__header{gap:14px;padding:20px}
  .field-notes-profile__header>img{width:62px;height:62px}
  .field-notes-profile__header>a{width:100%;justify-content:center}
  .field-notes-profile__meta{grid-template-columns:1fr}
  .field-notes-profile__meta span{border-right:0;border-bottom:1px solid var(--qm-line)}
  .field-notes-profile__meta span:last-child{border-bottom:0}
  .field-notes-social-post__label{display:none}
}
@media(prefers-reduced-motion:reduce){.field-note__visual img{transition:none}}