/* THE ART OF MONTY — CINEMATIC FIELD GUIDE ARTICLE SYSTEM (2026) */
.field-article{background:#eee6d7;color:#251f1a}
.field-hero{min-height:670px;position:relative;isolation:isolate;background:#1c1a17;color:#fff1e0;overflow:hidden}
.field-hero-image{position:absolute;inset:0;background-image:var(--field-photo);background-position:73% 42%;background-size:cover;filter:sepia(.25) contrast(1.15) saturate(.67) brightness(.8)}
.field-hero-grade{position:absolute;inset:0;background:linear-gradient(90deg,#141310f8 0%,#161411ef 23%,#151310db 45%,#1714116d 75%,#13110f58 100%),linear-gradient(0deg,#0d0d0bdf 0%,transparent 50%);pointer-events:none}
.field-hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.17;mix-blend-mode:screen;background-image:url('data:image/svg+xml,%3Csvg viewBox=%220 0 160 160%22 xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cfilter id=%22n%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%22.62%22 numOctaves=%223%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22160%22 height=%22160%22 filter=%22url(%23n)%22 opacity=%22.6%22/%3E%3C/svg%3E')}
.field-hero-inner{max-width:1500px;margin:auto;position:relative;z-index:5;min-height:670px;padding-top:156px;padding-bottom:43px;display:flex;flex-direction:column;justify-content:space-between;gap:70px}
.field-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:13px;font:700 10px/1.45 var(--sans);letter-spacing:.17em;color:#e0c2a4}
.field-breadcrumb a{text-decoration:none;color:#ead3b7}
.field-breadcrumb a:hover{color:white;text-decoration:underline;text-underline-offset:4px}
.field-breadcrumb span:nth-child(even){color:#c3573e}
.field-identifier{display:flex;justify-content:space-between;gap:22px;align-items:center;font:700 11px/1.5 var(--sans);letter-spacing:.14em;color:#dab996;max-width:1010px}
.field-hero-title h1{font:900 clamp(82px,10vw,155px)/.82 var(--display);letter-spacing:.012em;margin:29px 0 32px;max-width:1190px}
.field-hero-title h1 span{display:block}
.field-hero-title h1 em{display:block;font:italic clamp(78px,8.3vw,131px)/.85 var(--italic);letter-spacing:-.05em;color:#d66a4c;overflow-wrap:anywhere}
.field-hero-tag{display:flex;justify-content:space-between;align-items:center;gap:25px;max-width:1040px;padding-top:18px;border-top:1px solid #e6d8c18c;font:700 10px/1.5 var(--sans);letter-spacing:.17em;color:#ecd6b6}
.field-meta-strip{background:#bc563d;color:#fff0d9}
.field-meta-inner{min-height:64px;display:flex;justify-content:space-between;align-items:center;gap:25px;font:700 10px/1.4 var(--sans);letter-spacing:.13em}
.field-meta-inner a{text-decoration:none;border-bottom:1px solid #fff0d9b7;padding-bottom:3px}
.field-meta-inner a:hover{color:white}
.field-reading{max-width:1370px;margin:auto;padding:100px 34px 105px;display:grid;grid-template-columns:225px minmax(0,1fr);gap:clamp(55px,8vw,130px)}
.field-sidebar{align-self:start;position:sticky;top:35px;display:flex;flex-direction:column;gap:20px;font:700 10px/1.5 var(--sans);letter-spacing:.13em;color:#5b4a41}
.field-sidebar-index{font:800 56px/.95 var(--display);color:#b4513c;letter-spacing:.02em}
.field-side-caption{margin-top:0;color:#9d755e}
.field-side-rule{height:1px;background:#9d8c79;margin:9px 0 13px}
.field-sidebar a{color:#655449;text-decoration:none;transition:color .16s}
.field-sidebar a:hover{color:#b75039;text-decoration:underline;text-underline-offset:4px}
.field-sidebar .field-back{margin-top:20px;padding-top:21px;border-top:1px solid #b9aa99;color:#af513a}
.field-prose{min-width:0;max-width:840px}
.field-intro-label{font:700 11px var(--sans);letter-spacing:.21em;color:#b2543b;margin-bottom:25px}
.field-standfirst{font:400 clamp(30px,3.25vw,50px)/1.23 var(--italic);letter-spacing:-.016em;color:#2e2620;margin:0 0 45px!important;max-width:820px}
.field-ornament{display:flex;align-items:center;gap:20px;color:#ae6848;font:700 10px/1 var(--sans);letter-spacing:.19em;margin-bottom:53px}
.field-ornament:before,.field-ornament:after{content:"";height:1px;background:#b3a294;flex:1}
.field-ornament span:first-child,.field-ornament span:last-child{font:400 24px var(--italic);letter-spacing:0}
.field-section{scroll-margin-top:30px;margin:0 0 53px}
.field-section-number{font:700 10px/1.4 var(--sans);letter-spacing:.18em;color:#b44f38}
.field-section h2{font:800 clamp(48px,5.1vw,75px)/.98 var(--display);letter-spacing:.004em;margin:17px 0 18px;color:#272019}
.field-section p{font:400 17px/1.96 var(--sans);max-width:760px;color:#42372f;margin:0 0 17px}
.field-photobreak{margin:35px 0 68px;position:relative;background:#332922;overflow:hidden}
.field-photobreak img{width:100%;height:380px;object-fit:cover;object-position:center 40%;filter:sepia(.12) saturate(.68) contrast(1.12)}
.field-photobreak:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#11110bd6,transparent 42%);pointer-events:none}
.field-photostamp{position:absolute;right:29px;top:25px;border:1px solid #fff5dcbd;border-radius:50%;width:112px;height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;color:#ffecce;transform:rotate(13deg);z-index:3}
.field-photostamp b{font:700 17px/1 var(--display);letter-spacing:.09em}
.field-photostamp span{font:400 22px var(--italic)}
.field-photocredit{position:absolute;z-index:3;left:25px;bottom:20px;font:700 10px var(--sans);letter-spacing:.17em;color:#fff1dc}
.field-monty-rule{scroll-margin-top:30px;position:relative;overflow:hidden;margin:20px 0 62px;padding:42px clamp(26px,6vw,65px) 38px;background:#ba533a;color:#fff1db}
.field-monty-rule:after{content:"✳";position:absolute;right:-32px;bottom:-90px;font:400 290px/.9 var(--italic);color:#e0ad7973;pointer-events:none}
.field-rule-index{font:700 10px var(--sans);letter-spacing:.18em;display:flex;gap:20px;align-items:center}
.field-rule-index span{font:400 24px var(--italic)}
.field-monty-rule h2{font:800 clamp(68px,8vw,119px)/.85 var(--display);margin:28px 0 17px}
.field-monty-rule h2 em{font:italic .8em var(--italic);color:#f5c99c}
.field-monty-rule p{font:400 clamp(20px,2.4vw,31px)/1.4 var(--italic);max-width:660px;position:relative;z-index:1}
.field-rule-signature{display:block;margin-top:30px;font:700 10px var(--sans);letter-spacing:.18em}
.field-article-end{border-top:1px solid #b0a191;padding-top:25px;display:flex;justify-content:space-between;gap:20px;font:700 10px/1.55 var(--sans);letter-spacing:.12em}
.field-article-end span{color:#8e6f5f}
.field-article-end a{text-decoration:none;color:#a84a35}
.field-article-end a:hover{text-decoration:underline}
.field-next{background:#e7ddcc;color:#2c231d;padding-top:85px;padding-bottom:105px}
.field-next-header{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:45px}
.field-next-header .section-index{color:#a75038}
.field-next-header h2{font:900 clamp(77px,9vw,136px)/.82 var(--display);margin:18px 0 0}
.field-next-header h2 em{font:italic .84em var(--italic);color:#b6533a}
.field-next-header>a{text-decoration:none;font:700 10px var(--sans);letter-spacing:.12em;color:#a64a34;padding-bottom:7px}
.field-next-links{border-top:2px solid #332920}
.field-next-link{display:grid;grid-template-columns:190px minmax(0,1fr) 45px;gap:20px;align-items:center;border-bottom:1px solid #948271;padding:21px 10px;text-decoration:none;transition:background .18s,padding .18s}
.field-next-link:hover{background:#d9c9b8;padding-left:18px}
.field-next-link span{font:700 10px var(--sans);letter-spacing:.13em;color:#9e5f4b}
.field-next-link strong{font:800 clamp(32px,4.2vw,62px)/1.01 var(--display)}
.field-next-link b{font:400 40px var(--display);justify-self:end}
.field-free-cta{min-height:610px;position:relative;isolation:isolate;background:#181511;overflow:hidden;color:#fff0dc}
.field-free-image{position:absolute;inset:0;background:linear-gradient(90deg,#161311f9,#171311e5 47%,#1713117b 78%,#17131161),url('/assets/ember-monty-ballroom.webp') 73% 45%/cover no-repeat;filter:sepia(.12) saturate(.7)}
.field-free-content{position:relative;z-index:2;padding-top:86px;padding-bottom:105px}
.field-free-content .section-index{color:#c9a17f}
.field-free-content h2{font:900 clamp(88px,11.4vw,166px)/.83 var(--display);margin:29px 0}
.field-free-content h2 em{font:italic .8em var(--italic);color:#c86141}
.field-free-content p{max-width:450px;font:400 26px/1.38 var(--italic)}
.field-free-content>a{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;margin-top:16px;text-decoration:none;background:#c4583d;padding:17px 22px;font:800 11px var(--sans);letter-spacing:.11em}
.field-free-content>a span{font-size:22px}
@media(max-width:950px){
 .field-reading{grid-template-columns:160px minmax(0,1fr);gap:40px;padding-inline:25px}
 .field-hero-inner{min-height:620px}
 .field-hero{min-height:620px}
 .field-hero-title h1{font-size:clamp(79px,10vw,108px)}
 .field-hero-title h1 em{font-size:clamp(77px,8.7vw,105px)}
}
@media(max-width:720px){
 .field-hero{min-height:680px}
 .field-hero-inner{min-height:680px;padding-top:130px;gap:40px}
 .field-hero-image{background-position:33% 36%}
 .field-hero-grade{background:linear-gradient(0deg,#12110ffa 0%,#14120fdf 33%,#13110e7f 69%,#17120b8c 100%)}
 .field-hero-title h1{font-size:clamp(70px,13.8vw,106px)}
 .field-hero-title h1 em{font-size:clamp(68px,11.8vw,90px)}
 .field-meta-inner{min-height:60px;flex-wrap:wrap;gap:8px;padding-block:12px}
 .field-meta-inner span:first-child{display:none}
 .field-reading{display:block;padding:60px 23px 75px}
 .field-sidebar{position:static;flex-flow:row wrap;gap:10px 20px;align-items:center;border-bottom:1px solid #b4a192;padding-bottom:22px;margin-bottom:40px}
 .field-sidebar-index{font-size:42px}
 .field-sidebar a:not(.field-back),.field-side-rule,.field-side-caption{display:none}
 .field-sidebar .field-back{border:0;padding:0;margin:0 0 0 auto}
 .field-standfirst{font-size:clamp(32px,6vw,46px)}
 .field-next{padding-top:65px;padding-bottom:75px}
 .field-next-header{display:block}
 .field-next-header h2{font-size:clamp(70px,12vw,105px)}
 .field-next-header>a{display:inline-block;margin-top:18px}
 .field-next-link{grid-template-columns:130px minmax(0,1fr) 35px;gap:13px}
 .field-next-link strong{font-size:clamp(30px,5.4vw,45px)}
}
@media(max-width:480px){
 .field-hero{min-height:645px}
 .field-hero-inner{min-height:645px;padding-top:117px;padding-bottom:26px}
 .field-breadcrumb{gap:8px;font-size:9px}
 .field-identifier{font-size:9px;letter-spacing:.1em}
 .field-identifier span:last-child{display:none}
 .field-hero-title h1{font-size:clamp(61px,16vw,82px);margin:21px 0 28px}
 .field-hero-title h1 em{font-size:clamp(53px,13vw,74px);letter-spacing:-.055em}
 .field-hero-tag{font-size:9px;letter-spacing:.11em;gap:8px}
 .field-hero-tag span:last-child{display:none}
 .field-meta-inner{font-size:9px;letter-spacing:.09em}
 .field-reading{padding:50px 21px 65px}
 .field-sidebar{margin-bottom:29px}
 .field-intro-label{font-size:10px}
 .field-standfirst{font-size:35px}
 .field-section h2{font-size:clamp(44px,11vw,55px)}
 .field-section p{font-size:16px;line-height:1.86}
 .field-photobreak{margin:18px 0 53px}
 .field-photobreak img{height:280px}
 .field-photostamp{width:82px;height:82px;right:13px;top:15px}
 .field-photostamp b{font-size:12px}
 .field-photocredit{font-size:8px;letter-spacing:.1em}
 .field-monty-rule{padding:27px 22px}
 .field-monty-rule h2{font-size:clamp(65px,15vw,84px)}
 .field-monty-rule p{font-size:24px}
 .field-article-end{flex-direction:column;gap:6px}
 .field-next-header h2{font-size:clamp(67px,15vw,82px)}
 .field-next-link{grid-template-columns:1fr 24px;gap:5px}
 .field-next-link span{grid-column:1/-1}
 .field-next-link strong{font-size:39px}
 .field-next-link b{grid-column:2;grid-row:2;font-size:30px}
 .field-free-cta{min-height:565px}
 .field-free-content{padding-top:67px}
 .field-free-content h2{font-size:clamp(70px,16vw,90px)}
 .field-free-content p{font-size:22px}
}