/* A name with a point — an editorial identity feature. */
.fieldnotes-masthead{padding-block:34px 40px;border-bottom:1px solid #354953}
.fieldnotes-masthead .breadcrumb{margin:0 0 22px}
.fieldnotes-masthead-row{display:flex;align-items:end;justify-content:space-between;gap:28px}
.fieldnotes-masthead h1{font:800 clamp(52px,7vw,86px)/.9 var(--heading);letter-spacing:-.015em}
.fieldnotes-masthead p{font-size:12px;color:#b7c4c9;max-width:330px}
.fieldnotes-index{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px;font-size:10px;color:#c3ced0}
.fieldnotes-index a{padding-block:7px;border-bottom:1px solid #51616a;transition:color .2s,border-color .2s}
.fieldnotes-index a:hover{color:#f3692c;border-color:#f3692c}
.fieldnotes-index a span{color:#f3692c;margin-right:7px}
.article-shell:has(>.identity-story){padding-top:0}
.identity-story{--identity-ink:#172731;--identity-paper:#f4eee5;--identity-ember:#f3692c;margin-inline:calc(-1 * var(--gutter));color:var(--identity-ink);background:var(--identity-paper);scroll-margin-top:0;overflow:hidden}
.identity-story figure{margin:0}
.identity-story h2,.identity-story h3,.identity-story p{margin:0}
.identity-story button{border-radius:0}
.identity-story a:focus-visible,.identity-story button:focus-visible{outline:3px solid #f3692c;outline-offset:5px}
.identity-story .identity-kicker{font-size:10px;line-height:1.5;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.identity-cover{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:var(--identity-ink);color:var(--identity-paper)}
.identity-cover-copy{padding:48px 8% 46px var(--gutter);display:flex;flex-direction:column;align-items:start}
.identity-cover-meta{display:flex;justify-content:space-between;width:100%;gap:25px;font-size:9px;letter-spacing:.1em;color:#afc0c8}
.identity-cover h2{font:800 clamp(86px,9.4vw,148px)/.84 var(--heading);letter-spacing:-.015em;margin:48px 0 28px;max-width:600px}
.identity-cover h2 span{color:var(--identity-ember)}
.identity-cover-copy>p:not(.identity-kicker){max-width:350px;font-size:14px;line-height:1.8;color:#c0cdd1}
.identity-cover-copy>.identity-kicker{color:#c0cdd1}
.identity-cover-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;background:var(--identity-ember);color:var(--identity-ink);padding:70px 10%;isolation:isolate}
.identity-cover-art:before{content:'';position:absolute;inset:24px;border:1px solid rgba(23,39,49,.27);z-index:-1}
.identity-cover-art:after{content:'BL / 001 — INDEPENDENT BY DESIGN';position:absolute;bottom:40px;left:40px;font-size:9px;letter-spacing:.13em;font-weight:600}
.identity-cover-art img{width:100%;height:auto;transform:rotate(-4deg);transition:transform .8s cubic-bezier(.16,1,.3,1)}
.identity-cover-art:hover img{transform:rotate(0)}
.identity-cover-caption{font-size:9px;letter-spacing:.08em;margin-top:22px;color:#afc0c8}
.identity-jump{display:inline-flex;align-items:center;gap:24px;margin-top:auto;padding-top:32px;font-size:11px;font-weight:500;color:var(--identity-paper)}
.identity-jump span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #6b7d87;font-size:20px}
.identity-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:12%;padding:95px var(--gutter)}
.identity-intro .identity-kicker{margin-bottom:24px;color:#7b4b35}
.identity-intro h3,.identity-intro blockquote{font:800 clamp(43px,5vw,68px)/1.02 var(--heading);letter-spacing:-.01em;margin:0;max-width:560px}
.identity-intro-copy p{font-size:15px;line-height:1.9;margin-top:18px;max-width:580px}
.identity-intro-copy p:first-child{margin-top:0}
.identity-proof-section{background:var(--identity-ink);color:var(--identity-paper);padding:64px var(--gutter) 72px}
.identity-proof-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:32px}
.identity-proof-head h3{font:800 clamp(43px,5.5vw,78px)/.95 var(--heading);margin-top:16px}
.identity-proof-head>p{max-width:320px;font-size:13px;color:#b5c6cd;line-height:1.8}
.identity-themes{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:17px}
.identity-themes button{border:1px solid #6a7e87;background:transparent;color:var(--identity-paper);padding:12px 20px;font-size:11px;min-height:44px;transition:background .2s,color .2s,border-color .2s}
.identity-themes button:hover{border-color:var(--identity-paper)}
.identity-themes button[aria-pressed=true]{background:var(--identity-paper);color:var(--identity-ink);border-color:var(--identity-paper)}
.identity-proof-stage{position:relative;min-height:500px;display:grid;align-content:center;justify-items:center;padding:70px 70px 105px;background:#102029;color:var(--identity-paper);transition:background .35s,color .35s;overflow:hidden}
.identity-proof-stage:before{content:'';position:absolute;inset:24px;border:1px solid currentColor;opacity:.15;pointer-events:none}
.identity-proof-stage:after{content:'BLUNT LOGIK / RISING CUT';position:absolute;left:40px;top:36px;font-size:9px;letter-spacing:.14em;opacity:.65}
.identity-proof-stage img{width:min(75%,680px);height:auto;position:relative;z-index:1}
.identity-proof-stage p[data-identity-caption]{position:absolute;left:40px;right:40px;bottom:35px;font-size:11px;text-align:center;line-height:1.7}
.identity-proof-stage[data-identity-stage=paper]{background:var(--identity-paper);color:var(--identity-ink)}
.identity-proof-stage[data-identity-stage=ember]{background:var(--identity-ember);color:var(--identity-ink)}
.identity-anatomy{padding:85px var(--gutter) 60px}
.identity-anatomy>h3{font:800 clamp(47px,6vw,84px)/.95 var(--heading);margin:16px 0 42px}
.identity-anatomy-row{display:grid;grid-template-columns:55px .95fr 1fr;gap:30px;padding:34px 0;border-top:1px solid #bdc1bc}
.identity-anatomy-row>span{font-size:11px;color:#9b4525;padding-top:7px}
.identity-anatomy-row h4{font:800 clamp(32px,3.5vw,51px)/1 var(--heading);margin:0;max-width:380px;text-transform:uppercase}
.identity-anatomy-row p{font-size:14px;line-height:1.85;max-width:530px}
.identity-palette{display:grid;grid-template-columns:1.2fr 1fr .8fr;margin:0 var(--gutter) 88px;border:1px solid #bac1bd}
.identity-swatch{min-height:230px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.identity-swatch-ink{background:var(--identity-ink);color:var(--identity-paper)}
.identity-swatch-paper{background:var(--identity-paper);color:var(--identity-ink)}
.identity-swatch-ember{background:var(--identity-ember);color:var(--identity-ink)}
.identity-swatch h4{font-size:14px;font-weight:500;margin:0}
.identity-swatch p{font-size:11px;line-height:1.8;opacity:.8;max-width:190px}
.identity-swatch span,.identity-swatch code{font:11px var(--body);letter-spacing:.05em}
.identity-manifesto{position:relative;background:var(--identity-ember);color:var(--identity-ink);padding:70px var(--gutter) 78px}
.identity-manifesto .identity-kicker{margin-bottom:30px}
.identity-manifesto h3,.identity-manifesto blockquote{font:800 clamp(65px,10.8vw,160px)/.87 var(--heading);letter-spacing:-.015em;max-width:1250px;margin:0}
.identity-manifesto h3 span,.identity-manifesto blockquote span{display:block}
.identity-manifesto>p:not(.identity-kicker){font-size:13px;line-height:1.85;max-width:500px;margin:30px 0 0 auto}
.identity-world{display:grid;grid-template-columns:1.15fr 1fr;background:var(--identity-ink);color:var(--identity-paper)}
.identity-world-art{position:relative;min-height:540px;overflow:hidden}
.identity-world-art img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}
.identity-world-art figcaption{position:absolute;bottom:20px;left:25px;font-size:9px;color:white;background:#172731d9;padding:7px 10px}
.identity-world-copy{padding:68px 12%;align-self:center}
.identity-world-copy h3{font:800 clamp(48px,5vw,76px)/.97 var(--heading);margin:25px 0}
.identity-world-copy p:not(.identity-kicker){font-size:14px;color:#c0cdd1;line-height:1.9;max-width:500px}
.identity-world-copy a{display:inline-flex;gap:35px;border-bottom:1px solid #f3692c;padding:12px 0;font-size:12px;margin-top:25px}
.identity-end{display:flex;justify-content:space-between;gap:25px;align-items:center;padding:35px var(--gutter);border-bottom:1px solid #b8c2be;font-size:12px}
.identity-end a{display:inline-flex;gap:22px;align-items:center;padding-block:10px}
.identity-end a:hover{color:#a24222}
@media(max-width:1000px){
 .identity-cover{min-height:570px}
 .identity-cover-copy{padding-top:38px}
 .identity-cover h2{font-size:10.2vw;margin-top:38px}
 .identity-cover-art{padding-inline:9%}
 .identity-intro{gap:7%;padding-block:70px}
 .identity-anatomy-row{grid-template-columns:35px 1fr 1.1fr;gap:18px}
 .identity-world-art{min-height:460px}
 .identity-world-copy{padding:48px 9%}
}
@media(max-width:700px){
 .fieldnotes-masthead{padding-block:25px 28px}
 .fieldnotes-masthead .breadcrumb{margin-bottom:20px}
 .fieldnotes-masthead-row{display:block}
 .fieldnotes-masthead h1{font-size:60px}
 .fieldnotes-masthead p{font-size:11px;margin-top:18px;max-width:330px}
 .fieldnotes-index{gap:5px 18px;margin-top:20px;font-size:9px}
 .identity-cover{grid-template-columns:1fr;min-height:0}
 .identity-cover-copy{padding:32px var(--gutter) 35px}
 .identity-cover-meta{font-size:8px}
 .identity-cover h2{font-size:clamp(76px,17.7vw,120px);margin:32px 0 22px}
 .identity-cover-copy>p:not(.identity-kicker){font-size:13px;max-width:390px}
 .identity-jump{padding-top:24px;font-size:10px}
 .identity-cover-art{padding:60px 15% 75px;min-height:300px}
 .identity-cover-art:before{inset:17px}
 .identity-cover-art:after{bottom:32px;left:32px;font-size:8px}
 .identity-intro{grid-template-columns:1fr;gap:30px;padding:54px var(--gutter)}
 .identity-intro h3,.identity-intro blockquote{font-size:46px;max-width:450px}
 .identity-intro-copy p{font-size:13px;line-height:1.85}
 .identity-proof-section{padding:48px var(--gutter)}
 .identity-proof-head{display:block;margin-bottom:24px}
 .identity-proof-head h3{font-size:47px}
 .identity-proof-head>p{font-size:12px;max-width:420px;margin-top:20px}
 .identity-themes{gap:6px}
 .identity-themes button{padding:10px 12px;font-size:10px;flex:1}
 .identity-proof-stage{min-height:310px;padding:65px 15px 85px}
 .identity-proof-stage:before{inset:12px}
 .identity-proof-stage:after{top:25px;left:25px;font-size:7px}
 .identity-proof-stage img{width:85%}
 .identity-proof-stage p[data-identity-caption]{left:25px;right:25px;bottom:28px;font-size:10px}
 .identity-anatomy{padding:52px var(--gutter) 30px}
 .identity-anatomy>h3{font-size:48px;margin-bottom:30px}
 .identity-anatomy-row{grid-template-columns:25px 1fr;gap:15px;padding:26px 0}
 .identity-anatomy-row h4{font-size:35px}
 .identity-anatomy-row p{grid-column:2;font-size:12px}
 .identity-palette{grid-template-columns:1fr;margin:0 var(--gutter) 50px}
 .identity-swatch{min-height:180px;padding:25px;gap:23px}
 .identity-swatch p{max-width:260px}
 .identity-manifesto{padding:48px var(--gutter)}
 .identity-manifesto h3,.identity-manifesto blockquote{font-size:clamp(57px,14.2vw,95px)}
 .identity-manifesto>p:not(.identity-kicker){font-size:12px;margin-top:25px}
 .identity-world{grid-template-columns:1fr}
 .identity-world-art{min-height:310px}
 .identity-world-copy{padding:45px var(--gutter)}
 .identity-world-copy h3{font-size:53px;max-width:440px}
 .identity-world-copy p:not(.identity-kicker){font-size:13px}
 .identity-end{align-items:start;flex-direction:column;gap:6px;padding-block:24px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){.identity-cover-art img,.identity-proof-stage,.identity-themes button{transition:none}.identity-cover-art img{transform:none}}
.motion-paused .identity-cover-art img{transform:none;transition:none}
.motion-paused .identity-proof-stage,.motion-paused .identity-themes button{transition:none}
.identity-story em{font-style:normal;color:#c24b24}
.identity-cover em,.identity-proof-head em,.identity-world-copy em{color:#f3692c}
.identity-meta{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:9px;letter-spacing:.08em;color:#bbc9cf;width:100%}
.identity-art-label,.identity-art-foot{position:absolute;left:40px;right:40px;font-size:9px;letter-spacing:.1em;font-weight:600}
.identity-art-label{top:39px}
.identity-art-foot{bottom:40px}
.identity-cover-art:after{content:none}
.identity-prose p{font-size:14px;line-height:1.95;margin-top:20px;max-width:590px}
.identity-prose .identity-lede{font-size:20px;line-height:1.6;margin-top:0;color:#172731;font-weight:500}
.identity-proof-stage{padding-bottom:70px}
.identity-proof-stage:after{content:none}
.identity-proof-label{position:absolute;top:37px;left:40px;font-size:9px;letter-spacing:.14em;opacity:.7}
.identity-proof-cross{position:absolute;font:18px/1 var(--body);opacity:.45}
.identity-proof-cross-one{left:18px;bottom:18px}
.identity-proof-cross-two{right:18px;top:18px}
.identity-proof-caption{font-size:11px;line-height:1.7;margin-top:15px!important;color:#c4d0d5;min-height:19px}
.identity-themes button span{color:#f3692c;margin-right:10px;font-size:9px}
.identity-themes button[aria-pressed=true] span{color:#a23c1b}
.identity-proof-section .identity-anatomy{padding:55px 0 0}
.identity-proof-section .identity-anatomy-row{border-color:#53656e}
.identity-proof-section .identity-anatomy-row>span{color:#f69e79}
.identity-proof-section .identity-anatomy-row p{color:#c4d0d5}
.identity-palette-heading{padding:70px var(--gutter) 35px;display:grid;grid-template-columns:1fr 1fr;column-gap:12%;align-items:end}
.identity-palette-heading .identity-kicker{grid-column:1/-1;margin-bottom:20px;color:#974c2e}
.identity-palette-heading h3{font:800 clamp(47px,5.5vw,78px)/.96 var(--heading)}
.identity-palette-heading>p:last-child{font-size:14px;line-height:1.9;max-width:420px}
.identity-swatch strong{font:800 clamp(23px,3vw,40px)/1 var(--heading);letter-spacing:.02em}
.identity-manifesto>p.identity-manifesto-line{font:800 clamp(65px,10.8vw,160px)/.87 var(--heading);letter-spacing:-.015em;max-width:none;margin:0}
.identity-manifesto-line span{display:block;width:fit-content;max-width:100%;color:var(--identity-paper);background:var(--identity-ink);padding:0 .09em .045em;margin-top:.055em}
.identity-next>span{font-size:9px;color:#5e6d71}
.identity-next strong{font-size:12px;font-weight:500}
@media(max-width:700px){
 .identity-meta{font-size:8px;gap:10px}
 .identity-art-label,.identity-art-foot{left:32px;right:32px;font-size:8px}
 .identity-art-label{top:32px}.identity-art-foot{bottom:32px}
 .identity-prose p{font-size:13px;line-height:1.85}
 .identity-prose .identity-lede{font-size:18px;line-height:1.65}
 .identity-proof-label{left:25px;top:25px;font-size:7px}
 .identity-proof-caption{font-size:10px;min-height:34px}
 .identity-themes button span{margin-right:6px;font-size:8px}
 .identity-proof-section .identity-anatomy{padding-top:30px}
 .identity-palette-heading{grid-template-columns:1fr;gap:22px;padding-top:48px}
 .identity-palette-heading .identity-kicker{margin-bottom:0}
 .identity-palette-heading h3{font-size:49px}
 .identity-palette-heading>p:last-child{font-size:13px}
 .identity-swatch strong{font-size:34px}
 .identity-manifesto>p.identity-manifesto-line{font-size:clamp(53px,14vw,95px)}
 .identity-next{flex-wrap:wrap;gap:12px!important}
}
