.defiel-john{width:100%;max-width:none;margin:0;overflow:hidden;color:#1a1a1a}.defiel-john *{box-sizing:border-box;min-width:0}.js-shell{width:min(1400px,100%);margin-inline:auto;padding-inline:2rem}.js-kicker{margin:0 0 .8rem;font-family:var(--defiel-font-mono,monospace);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.js-hero{background:#000;color:#fff}.js-hero__grid{display:grid;grid-template-columns:.9fr 1.1fr;height:540px;overflow:hidden}.js-hero__copy{display:flex;flex-direction:column;justify-content:flex-end;padding:4rem clamp(3rem,6vw,6rem) 5.5rem max(2rem,calc((100vw - 1400px)/2 + 2rem))}.js-hero .js-kicker{color:#d8d1c8}.js-hero h1{margin:0;color:#fff;font-size:clamp(3.8rem,7vw,7rem);line-height:.9;letter-spacing:-.045em}.js-hero__role{margin:1.25rem 0 0;font-family:var(--defiel-font-display,serif);font-size:clamp(1.2rem,2vw,1.65rem);color:#fff}.js-hero__intro{max-width:590px;margin:.85rem 0 0;color:#e8e3dc;font-size:1.05rem}.js-hero__image{position:relative;height:540px;overflow:hidden}.js-hero__image:after{position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,transparent 32%);content:""}.js-hero__image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:saturate(.62) contrast(1.08)}.js-profile{padding:clamp(4rem,7vw,6rem) 0}.js-profile__grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(3rem,8vw,8rem);align-items:start}.js-profile h2,.js-articles h2,.js-field h2{margin:0;font-size:clamp(2.2rem,4vw,4.1rem)}.js-profile__copy{font-size:1.08rem}.js-profile__copy p{margin:0 0 1.15rem}.js-profile__link{display:inline-block;margin-top:.5rem;border-bottom:2px solid var(--defiel-color-red);font-family:var(--defiel-font-mono,monospace);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#000!important;text-decoration:none!important}.js-field{background:#f3f0eb}.js-field__grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.js-field__image{position:relative;min-height:450px;overflow:hidden}.js-field__image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.7)}.js-field__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(3.5rem,7vw,6rem) max(2rem,calc((100vw - 1400px)/2 + 2rem)) clamp(3.5rem,7vw,6rem) clamp(3rem,7vw,7rem)}.js-field__copy p{max-width:570px;margin:1.2rem 0 0;font-size:1.08rem}.js-disciplines{display:grid;grid-template-columns:repeat(4,1fr);margin-top:2rem;border-top:3px solid #000}.js-disciplines span{padding:1rem .65rem;border-right:1px solid #bdb7ae;border-bottom:1px solid #bdb7ae;font-family:var(--defiel-font-mono,monospace);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-align:center;text-transform:uppercase}.js-articles{padding:clamp(4.5rem,8vw,7rem) 0}.js-articles__head{display:flex;justify-content:space-between;gap:2rem;align-items:end;padding-bottom:1.4rem;border-bottom:3px solid #000}.js-articles__head p{max-width:520px;margin:0}.js-list{list-style:none;margin:0;padding:0}.js-article{display:grid;grid-template-columns:9rem 1fr auto;gap:2rem;align-items:center;padding:1.55rem 0;border-bottom:1px solid #e2ddd4}.js-article__tags{font-family:var(--defiel-font-mono,monospace);font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--defiel-color-red)}.js-article h3{margin:0;font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.2}.js-article h3 a{color:#000!important;text-decoration:none!important}.js-article h3 a:hover,.js-article h3 a:focus{color:var(--defiel-color-red)!important}.js-article__arrow{font-family:var(--defiel-font-mono,monospace);font-size:1.1rem;color:#000}.js-close{background:var(--defiel-color-red);color:#fff;padding:clamp(3.5rem,6vw,5.5rem) 0}.js-close__grid{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center}.js-close h2{margin:0;color:#fff;font-size:clamp(2rem,4vw,3.8rem)}.js-close p{margin:0 0 1.25rem;color:#fff}.js-button{display:inline-flex;min-height:48px;align-items:center;padding:.8rem 1.15rem;background:#000;font-family:var(--defiel-font-mono,monospace);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff!important;text-decoration:none!important}.js-button:hover,.js-button:focus{background:#fff;color:#000!important}@media(max-width:900px){.js-shell{padding-inline:1.25rem}.js-hero__grid{grid-template-columns:1fr;height:auto}.js-hero__copy{min-height:350px;padding:3.25rem 1.25rem 3.75rem}.js-hero__image{height:250px}.js-hero__image:after{background:linear-gradient(0deg,#000 0%,transparent 38%)}.js-profile__grid,.js-field__grid,.js-close__grid{grid-template-columns:1fr}.js-field__image{min-height:330px}.js-field__copy{padding:3.5rem 1.25rem}.js-articles__head{display:block}.js-articles__head p{margin-top:1rem}.js-article{grid-template-columns:7rem 1fr auto;gap:1rem}}@media(max-width:560px){.defiel-john{overflow-x:hidden}.js-hero__grid{width:100vw;max-width:100vw}.js-hero__copy{width:100%;max-width:100vw;min-height:340px;padding-bottom:3.25rem}.js-hero h1{font-size:clamp(3.25rem,17vw,4.4rem)}.js-hero__role,.js-hero__intro{width:calc(100vw - 4rem);max-width:calc(100vw - 4rem);white-space:normal;overflow-wrap:anywhere}.js-hero__role{font-size:1.12rem}.js-hero__intro{font-size:.98rem}.js-hero__image{height:220px}.js-disciplines{grid-template-columns:repeat(2,1fr)}.js-article{grid-template-columns:1fr auto;gap:.55rem 1rem}.js-article__tags{grid-column:1/-1}.js-article h3{font-size:1.2rem}.js-close__grid{gap:1.5rem}.js-button{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}