/*
  EXPEDITION FOUNDRY STYLES
  Generated from the approved website design by OpenAI Codex.

  QUICK UPDATE MAP
  - Brand colors: edit --paper, --ink, --rust, and --rule in :root.
  - Fonts: edit the Google Fonts import and font-family declarations.
  - Overall content width: edit .shell.
  - Header and hero: .site-header, .hero, .hero-grid, .portrait-wrap, .field-aside.
  - How I Work: .approach and .approach-grid.
  - Work section: .work-detail and .work-detail-grid.
  - Background story: .background-story and .background-layout.
  - Name meaning: .name-story, .name-terms, and .availability.
  - Fit rows: .fit and .fit-grid.
  - Testimonial: .reference and .reference-inner.
  - Experience and Field Notes: .lower, .proof-grid, .notes, .trail-photo.
  - Closing quote/contact: .quote, .contact, and .contact-grid.
  - Phone/tablet rules appear in the @media blocks near the end.

  The CSS is compact to keep the static site small. Add new override rules at
  the bottom of this file when making small visual changes.
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=DM+Serif+Display:ital@0;1&family=Caveat:wght@400&family=Nothing+You+Could+Do&family=Shadows+Into+Light+Two&display=swap');
:root{--paper:#f4eee3;--ink:#171714;--rust:#ae4823;--rule:#cfc3b1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.23;z-index:20;background-image:radial-gradient(#735b3d .45px,transparent .55px);background-size:5px 5px;mix-blend-mode:multiply}a{color:inherit}.shell{width:min(1185px,calc(100% - 64px));margin-inline:auto}.hero{min-height:605px;position:relative;overflow:hidden;background:linear-gradient(105deg,#f7f2e9 0%,#f5efe5 52%,#eadcc7 100%);border-bottom:1px solid #d7c5a8}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.brand{text-decoration:none;display:flex;flex-direction:column}.brand span{font:italic 25px/1 'DM Serif Display',serif;color:var(--rust)}.brand small{margin-top:10px;font-size:12px;letter-spacing:.23em;text-transform:uppercase}nav{display:flex;gap:46px}nav a{text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:.18em;font-weight:500;position:relative}nav a.active:after{content:"";height:2px;width:26px;background:var(--rust);position:absolute;left:0;top:22px}.hero-map{position:absolute;inset:70px 250px 0 430px;opacity:.22;background-image:repeating-radial-gradient(ellipse at 58% 58%,transparent 0 17px,rgba(68,72,63,.28) 18px,transparent 19px 33px);transform:rotate(-8deg) scale(1.25)}.hero-grid{display:grid;grid-template-columns:44% 37% 19%;min-height:501px;position:relative}.hero-copy{z-index:3;padding-top:33px}.eyebrow{color:var(--rust);font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.short-rule{display:block;width:36px;height:1px;background:#49453e;margin:14px 0}.short-rule.muted{width:46px;background:#a89d8c;margin-top:18px}h1,h2{font-family:'DM Serif Display',serif;font-weight:400}h1{font-size:52px;line-height:1.08;letter-spacing:-.02em;margin:0;max-width:525px}h1 em{color:var(--rust);font-weight:400}.dek{font-size:17px;line-height:1.6;max-width:455px;margin:16px 0 30px}.button{display:inline-flex;gap:24px;align-items:center;padding:16px 19px;border:1px solid var(--rust);box-shadow:-6px 5px rgba(174,72,35,.1);text-decoration:none;color:var(--rust);text-transform:uppercase;font-weight:600;letter-spacing:.15em;font-size:11px}.button:hover{background:var(--rust);color:var(--paper)}.portrait-wrap{position:relative;align-self:end;height:500px;z-index:2}.portrait-wrap img{position:absolute;width:560px;height:570px;object-fit:contain;object-position:center bottom;bottom:-40px;left:-90px;filter:drop-shadow(0 7px 5px rgba(31,27,21,.18))}.sun-wash{position:absolute;width:480px;height:480px;border-radius:50%;background:rgba(213,184,139,.2);right:-105px;top:-25px}.field-aside{position:relative;z-index:4;padding-top:55px}.field-aside blockquote{margin:0;font:500 21px/1.3 'Caveat',cursive;color:#5b564d;transform:rotate(-2deg)}.hand-rule{display:block;width:53px;border-top:2px solid #645c50;margin:14px 0 94px 55px;transform:rotate(-4deg)}.field-tag{border:1px solid #918477;padding:10px 12px;text-transform:uppercase;letter-spacing:.12em;width:186px}.field-tag strong{display:block;font-size:11px;margin-bottom:9px}.field-tag>span{float:left;font-size:28px;margin-right:11px;color:#4e4a42}.field-tag small{font-size:8px;line-height:1.6;color:#4e4a42}.approach{background:rgba(240,229,211,.85);border-bottom:1px solid #dbcdb9}.approach-grid{min-height:150px;display:grid;grid-template-columns:160px repeat(5,1fr);align-items:center}.section-label{align-self:start;padding-top:25px}.section-label p{color:var(--rust);font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:600}.section-label span{display:block;width:33px;height:2px;background:var(--rust)}.approach article{min-height:102px;padding:0 25px;border-left:1px solid #d9cdbb}.principle-icon{display:block;color:var(--rust);font:italic 18px 'DM Serif Display',serif;margin-bottom:8px}.approach h2{font:600 14px 'DM Sans',sans-serif;margin:0 0 4px}.approach article p{margin:0;font-size:12px;line-height:1.5}.lower{display:grid;grid-template-columns:57% 43%;padding-block:38px 24px}.experience-copy{padding-right:32px;border-right:1px solid var(--rule)}.lower h2{font-size:27px;line-height:1.15;margin:10px 0 28px}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.proof-grid article{padding:0 22px;border-left:1px solid var(--rule)}.proof-grid article:first-child{padding-left:0;border:0}.proof-grid strong{font-size:11px}.proof-grid p,.notes p{font-size:11px;line-height:1.7}.text-link{color:var(--rust);font-size:10px;text-transform:uppercase;letter-spacing:.14em;text-decoration:none;font-weight:600}.notes{padding-left:32px;display:grid;grid-template-columns:1fr 220px;gap:25px}.trail-photo{height:235px;margin-top:5px;background:none;border:10px solid #eee3d2;box-shadow:0 4px 12px rgba(50,40,28,.15);transform:rotate(1deg)}footer{text-align:center;padding:0 20px 20px}footer>span{color:var(--rust);font:50px/1 'DM Serif Display',serif}footer p{margin:-9px 0 8px;font:23px 'DM Serif Display',serif}footer small{font:20px 'Caveat',cursive}
@media(max-width:900px){.shell{width:min(100% - 36px,720px)}nav{display:none}.hero-grid{grid-template-columns:1fr 1fr}.hero-copy{grid-column:1/-1;max-width:60%}h1{font-size:43px}.portrait-wrap{position:absolute;right:-35px;bottom:0;width:50%;height:430px}.portrait-wrap img{width:440px;height:470px;left:-70px}.field-aside{display:none}.approach-grid{grid-template-columns:repeat(2,1fr);padding-block:24px}.section-label{grid-column:1/-1}.approach article{margin-block:12px}.lower{grid-template-columns:1fr}.experience-copy{border-right:0;padding:0 0 30px}.notes{border-top:1px solid var(--rule);padding:30px 0 0}}
@media(max-width:600px){.site-header{height:88px}.hero{min-height:850px}.hero-grid{min-height:760px;display:block}.hero-copy{max-width:none;padding-top:22px}h1{font-size:40px}.dek{max-width:95%}.portrait-wrap{width:100%;right:-50px;height:390px}.portrait-wrap img{width:420px;height:420px;left:0;bottom:-30px}.approach-grid{grid-template-columns:1fr}.approach article{border-left:0;border-top:1px solid var(--rule);padding:18px 0;min-height:auto}.proof-grid{grid-template-columns:1fr}.proof-grid article{border-left:0;border-top:1px solid var(--rule);padding:16px 0}.notes{grid-template-columns:1fr}.trail-photo{width:100%}}

/* Fine-detail assets and typography matching the approved composition. */
body{font-weight:300}.hero:after{content:"";position:absolute;z-index:1;left:calc(50% - 320px);bottom:0;width:380px;height:175px;background:url('assets/mountain-range.png') center bottom/cover no-repeat;mix-blend-mode:multiply;opacity:.78;pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 15%,#000 86%,transparent 100%)}
.hero-map{opacity:.38;background-image:repeating-radial-gradient(ellipse at 62% 52%,transparent 0 18px,rgba(74,76,67,.3) 19px,transparent 20px 34px),repeating-radial-gradient(ellipse at 38% 68%,transparent 0 27px,rgba(74,76,67,.2) 28px,transparent 29px 46px);background-size:620px 470px,520px 410px;filter:grayscale(1);-webkit-mask-image:radial-gradient(ellipse at center,#000 25%,transparent 78%);mask-image:radial-gradient(ellipse at center,#000 25%,transparent 78%)}
nav a{font-weight:400}.eyebrow,.section-label p,.button,.text-link{font-weight:500}.approach h2{font-weight:500}.proof-grid strong{font-weight:500}.principle-icon{display:block;width:32px;height:32px;object-fit:contain;margin:0 0 8px;color:transparent}
@media(max-width:900px){.hero:after{left:auto;right:18%;width:330px;opacity:.62}.hero-map{inset:90px 0 0 30%}}
@media(max-width:600px){.hero:after{right:20px;width:300px;height:145px}.hero-map{inset:270px -100px 100px 18%;opacity:.28}}

/* Keep the paper grain out of the clean “How I work” band. */
body:before{display:none}
.hero{background-image:radial-gradient(rgba(91,69,44,.09) .35px,transparent .55px),linear-gradient(105deg,#f7f2e9 0%,#f5efe5 52%,#eadcc7 100%);background-size:6px 6px,100% 100%}
.approach{background:#efe5d4}
.lower,footer{background-image:radial-gradient(rgba(91,69,44,.055) .35px,transparent .55px);background-size:7px 7px}
.principle-icon{width:30px;height:30px}

.field-tag-row{display:flex;align-items:center;gap:10px}.field-compass{width:29px;height:29px;flex:0 0 auto}.field-tag-row small{display:block}.ef-stamp{position:absolute;right:-18px;bottom:-13px;width:86px;height:86px;border:1.5px solid rgba(174,72,35,.72);border-radius:50%;color:rgba(174,72,35,.86);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(8deg);background:rgba(244,238,227,.72);box-shadow:inset 0 0 0 4px rgba(244,238,227,.95),inset 0 0 0 5px rgba(174,72,35,.48);text-transform:uppercase;text-align:center}.ef-stamp:before{content:"✦  •  ✦";position:absolute;top:14px;font-size:5px;letter-spacing:.3em}.ef-stamp span{position:absolute;top:7px;font-size:5px;letter-spacing:.16em}.ef-stamp strong{font:italic 27px/1 'DM Serif Display',serif;margin-top:3px}.ef-stamp small{position:absolute;bottom:8px;font-size:4.5px;letter-spacing:.13em}
.field-tag{display:block;text-decoration:none;transition:background-color .2s ease,border-color .2s ease}.field-tag strong{display:flex;align-items:center;justify-content:space-between}.field-tag-arrow{font-size:15px;line-height:1;color:#625c53;transition:transform .2s ease}.field-tag:hover,.field-tag:focus-visible{background:rgba(255,255,255,.3);border-color:#625c53}.field-tag:hover .field-tag-arrow,.field-tag:focus-visible .field-tag-arrow{transform:translateX(3px)}.field-tag:focus-visible{outline:2px solid #625c53;outline-offset:3px}
.ef-stamp-image{position:absolute;right:18px;bottom:-23px;width:92px;height:92px;transform:rotate(8deg);opacity:.8}

/* Iteration: functional destinations and closer photographic composition. */
section[id],footer[id]{scroll-margin-top:24px}
.portrait-wrap img{width:535px;height:550px;bottom:-30px;left:-76px}
.hero-map{opacity:.3;background-image:repeating-radial-gradient(ellipse at 58% 51%,transparent 0 9px,rgba(73,75,67,.29) 9.5px,transparent 10.2px 17px),repeating-radial-gradient(ellipse at 27% 72%,transparent 0 13px,rgba(73,75,67,.22) 13.5px,transparent 14.2px 23px),repeating-radial-gradient(ellipse at 82% 74%,transparent 0 17px,rgba(73,75,67,.18) 17.5px,transparent 18.2px 29px);background-size:560px 410px,460px 350px,520px 390px;background-position:center,-75px 30px,120px 45px;filter:grayscale(1) blur(.15px);-webkit-mask-image:radial-gradient(ellipse at 52% 55%,#000 20%,rgba(0,0,0,.8) 48%,transparent 82%);mask-image:radial-gradient(ellipse at 52% 55%,#000 20%,rgba(0,0,0,.8) 48%,transparent 82%)}
.notes{grid-template-columns:1fr 245px}.trail-photo{width:245px;height:245px;margin-top:0;background:none;border:0;box-shadow:none;transform:none}
.fit{padding:45px 0;border-top:1px solid var(--rule)}.fit h2{font-size:27px;line-height:1.2;max-width:660px;margin:10px 0 26px}.fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.fit-grid p{font-size:12px;line-height:1.7;margin:0;padding-left:18px;border-left:1px solid var(--rule)}
.quote{text-align:center;padding:12px 20px 28px;background-image:radial-gradient(rgba(91,69,44,.055) .35px,transparent .55px);background-size:7px 7px}.quote>span{color:var(--rust);font:50px/1 'DM Serif Display',serif}.quote p{margin:-9px 0 8px;font:23px 'DM Serif Display',serif}.quote small{font:24px/1.2 'La Belle Aurore','Snell Roundhand','Segoe Script','Brush Script MT',cursive}
.contact{padding:46px 0 50px;border-top:1px solid var(--rule);background:#e9decd;text-align:left}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact h2{font-size:30px;margin:8px 0 12px}.contact p{font-size:14px;line-height:1.65;max-width:470px}.contact-links{display:grid;align-content:center;gap:15px}.contact-links a{display:grid;grid-template-columns:105px 1fr;text-decoration:none;font-size:13px;padding-bottom:12px;border-bottom:1px solid rgba(105,82,58,.22)}.contact-links a:hover{color:var(--rust)}.contact-links span{color:var(--rust);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}
@media(max-width:900px){.portrait-wrap img{width:425px;height:455px;left:-55px;bottom:-24px}.fit-grid{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr;gap:28px}}
@media(max-width:600px){.portrait-wrap img{width:405px;height:405px;left:8px;bottom:-24px}.notes{grid-template-columns:1fr}.trail-photo{width:245px;justify-self:center}.contact-links a{grid-template-columns:1fr;gap:4px}}

/* Keep navigation usable in narrower browser windows instead of hiding it. */
@media(max-width:900px){.site-header{height:138px;align-items:flex-start;padding-top:22px}.site-header nav{display:flex;position:absolute;top:88px;left:0;right:0;gap:24px;overflow-x:auto;padding:0 0 12px;scrollbar-width:none}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a{flex:0 0 auto}.hero-grid{min-height:467px}}
@media(max-width:600px){.site-header{height:132px}.site-header nav{top:82px;gap:21px}.hero{min-height:890px}}

/* Original navigation sequence and missing Reference destination. */
.reference{padding:48px 0;border-top:1px solid var(--rule)}.reference blockquote{max-width:900px;margin:13px 0 20px;font:25px/1.38 'DM Serif Display',serif;color:#292720}.reference-attribution{margin:0;font-size:11px;line-height:1.6;color:#6c655c}.reference-attribution strong{color:var(--ink);font-weight:500}
/* A darker, connected calligraphic signature, closer to the supplied mockup. */
.quote small{display:inline-block;font-family:'Snell Roundhand','Apple Chancery','URW Chancery L','Segoe Script',cursive;font-size:30px;font-weight:500;line-height:1.15;letter-spacing:-.035em;transform:skewX(-4deg) scaleX(1.08);transform-origin:center;color:#24211d;text-shadow:.25px 0 #24211d}
@media(max-width:600px){.reference blockquote{font-size:21px}.quote small{font-size:27px}}

/* Lighter editorial headline weight from the approved mockup. */
h1{font-family:'Iowan Old Style','Baskerville','Palatino Linotype','Book Antiqua',Georgia,serif;font-weight:400;font-synthesis:none;letter-spacing:-.012em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1 em{font-family:inherit;font-weight:400}

/* Portrait scaled down ten percent while remaining bottom-aligned. */
.portrait-wrap img{width:482px;height:495px;left:-50px;bottom:-30px}
@media(max-width:900px){.portrait-wrap img{width:383px;height:410px;left:-34px;bottom:-24px}}
@media(max-width:600px){.portrait-wrap img{width:365px;height:365px;left:28px;bottom:-24px}}

/* Long-form Background: editorial split between thesis and narrative. */
.background-story{padding:62px 0 66px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:#f1eadf;scroll-margin-top:24px}.background-layout{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:76px;align-items:start}.background-intro{position:sticky;top:34px}.background-intro h2{margin:13px 0 34px;font-size:37px;line-height:1.05}.background-intro blockquote{margin:0;padding:3px 0 3px 22px;border-left:2px solid var(--rust);font:italic 25px/1.35 'Iowan Old Style','Baskerville',Georgia,serif;color:#29251f}.background-copy{max-width:650px}.background-copy p{margin:0 0 20px;font-size:14px;line-height:1.72;color:#3f3b35}.background-copy .background-tagline{margin:27px 0 0;color:var(--rust);font:italic 18px/1.4 'Iowan Old Style','Baskerville',Georgia,serif}
@media(max-width:900px){.background-layout{grid-template-columns:1fr;gap:34px}.background-intro{position:static}.background-intro h2{margin-bottom:22px}.background-intro blockquote{max-width:650px}.background-copy{max-width:none}}
@media(max-width:600px){.background-story{padding:46px 0 50px}.background-intro h2{font-size:32px}.background-intro blockquote{font-size:22px}.background-copy p{font-size:13px}}

/* Detailed Work section: four operating areas in an editorial matrix. */
.work-detail{padding:58px 0 64px;border-bottom:1px solid var(--rule);background:#f5f0e8;scroll-margin-top:24px}.work-heading{display:grid;grid-template-columns:260px minmax(0,1fr);column-gap:56px;align-items:start;margin-bottom:38px}.work-heading .eyebrow{grid-column:1}.work-heading h2{grid-column:1;margin:13px 0 0;font-size:35px;line-height:1.08}.work-heading>p:last-child{grid-column:2;grid-row:1/3;max-width:630px;margin:0;padding-top:21px;font-size:14px;line-height:1.72;color:#3f3b35}.work-detail-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.work-detail-grid article{min-height:190px;padding:30px 34px 28px 25px}.work-detail-grid article:nth-child(even){border-left:1px solid var(--rule)}.work-detail-grid article:nth-child(n+3){border-top:1px solid var(--rule)}.work-detail-grid article>span{display:block;width:20px;height:1px;margin-bottom:18px;background:var(--rust)}.work-detail-grid h3{margin:0 0 12px;font:500 14px/1.3 'DM Sans',sans-serif}.work-detail-grid p{max-width:470px;margin:0;font-size:12px;line-height:1.68;color:#625d56}
@media(max-width:900px){.work-heading{grid-template-columns:1fr;gap:12px}.work-heading .eyebrow,.work-heading h2,.work-heading>p:last-child{grid-column:1;grid-row:auto}.work-heading>p:last-child{padding-top:5px}.work-detail-grid article{min-height:175px}}
@media(max-width:600px){.work-detail{padding:45px 0 50px}.work-heading h2{font-size:31px}.work-detail-grid{grid-template-columns:1fr}.work-detail-grid article{min-height:auto;padding:27px 8px}.work-detail-grid article:nth-child(even){border-left:0}.work-detail-grid article:nth-child(n+2){border-top:1px solid var(--rule)}}

/* Complete five-part Fit section from the original site. */
.fit{padding:62px 0 66px}.fit h2{max-width:800px;margin:14px 0 23px;font-size:37px;line-height:1.12}.fit-intro{max-width:820px;margin:0 0 38px;font-size:16px;line-height:1.75;color:#403c36}.fit-grid{display:block;border-top:1px solid var(--rule)}.fit-grid .fit-item{display:grid;grid-template-columns:28px 1fr;gap:0;align-items:start;padding:21px 0;border-bottom:1px solid var(--rule)}.fit-grid .fit-item>span{color:var(--rust);font-size:12px;line-height:1.8}.fit-grid .fit-item>p{margin:0;padding:0;border:0;font-size:14px;line-height:1.65;color:#403c36}
@media(max-width:600px){.fit{padding:47px 0 51px}.fit h2{font-size:31px}.fit-intro{font-size:14px;margin-bottom:30px}.fit-grid .fit-item{grid-template-columns:24px 1fr;padding:18px 0}.fit-grid .fit-item>p{font-size:13px}}

/* The Fit list already supplies the transition rule into Reference. */
.reference{border-top:0}

/* Reference as a distinct evidence band between Fit and the closing recap. */
.reference{padding:0;background:#292820;color:#f4eee3;background-image:radial-gradient(rgba(255,248,235,.055) .4px,transparent .55px);background-size:7px 7px}.reference-inner{position:relative;padding-top:56px;padding-bottom:58px}.reference-inner:before{content:'“';position:absolute;right:4px;top:16px;color:rgba(196,98,45,.3);font:150px/1 'Iowan Old Style','Baskerville',Georgia,serif}.reference .eyebrow{position:relative;z-index:1;color:#d77a4c}.reference blockquote{position:relative;z-index:1;max-width:960px;margin:16px 0 24px;padding-left:24px;border-left:2px solid #b9542c;font:400 29px/1.4 'Iowan Old Style','Baskerville',Georgia,serif;color:#f4eee3}.reference .reference-attribution{position:relative;z-index:1;margin:0 0 0 26px;color:#c9c0b3;font-size:11px}.reference .reference-attribution strong{color:#f4eee3;font-weight:500}
@media(max-width:600px){.reference-inner{padding-top:44px;padding-bottom:47px}.reference-inner:before{font-size:105px;right:0;top:14px}.reference blockquote{padding-left:18px;font-size:23px}.reference .reference-attribution{margin-left:20px}}

/* Exact signature artwork extracted from the approved mockup. */
.signature-image{display:block;width:158px;height:auto;margin:9px auto 0;mix-blend-mode:multiply}
@media(max-width:600px){.signature-image{width:150px}}

.signature-image{mix-blend-mode:normal}

/* True-alpha signature and centered original field-note artwork. */
.trail-photo{display:block;justify-self:center;align-self:center;object-fit:contain;background:none;border:0;box-shadow:none;transform:none;mix-blend-mode:multiply}
.trail-photo{mix-blend-mode:normal}

/* Name story: a compact editorial bridge from Background into Fit. */
.name-story{padding:38px 0 40px;background:#d9d7ca;border-top:1px solid rgba(74,69,60,.28);border-bottom:1px solid rgba(74,69,60,.28)}
.name-story-grid{display:grid;grid-template-columns:minmax(280px,.88fr) minmax(0,1.12fr);gap:76px;align-items:start}
.name-story-intro h2{margin:13px 0 16px;font-size:37px;line-height:1.08}
.name-story-intro>p:last-child{max-width:510px;margin:0;font-size:15px;line-height:1.72;color:#625f57}
.name-story-meaning{border:0}
.name-terms{display:grid;grid-template-columns:1fr 1fr;padding:18px 0;border-bottom:1px solid rgba(74,69,60,.24)}
.name-terms article{padding:0 30px}
.name-terms article:first-child{padding-left:0;border-right:1px solid rgba(74,69,60,.24)}
.name-terms h3{margin:0 0 9px;font:600 16px/1.3 'Iowan Old Style','Baskerville',Georgia,serif}
.name-terms h3 em{color:var(--rust);font-weight:400}
.name-terms p{margin:0;font-size:13px;line-height:1.6;color:#625f57}
.availability{display:grid;grid-template-columns:10px 1fr;gap:13px;align-items:start;padding:17px 0}
.availability span{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#cf805c}
.availability p{margin:0;font-size:11px;line-height:1.65;letter-spacing:.12em;text-transform:uppercase;color:#4d4943}

@media(max-width:900px){
  .name-story-grid{grid-template-columns:1fr;gap:32px}
  .name-story-intro>p:last-child{max-width:650px}
}

/* Dedicated iPhone layout. Kept last so desktop and iPad remain unchanged. */
@media(max-width:600px){
  html,body{max-width:100%;overflow-x:hidden}
  body{font-size:15px}
  .shell{width:calc(100% - 32px)}
  .site-header{height:auto;min-height:154px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:20px 0 16px}
  .brand{align-self:flex-start}
  .brand span{font-size:23px}
  .brand small{margin-top:8px;font-size:10px}
  .site-header nav{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px;width:100%;margin-top:24px;padding:14px 0 0;border-top:1px solid rgba(105,82,58,.2);overflow:visible}
  .site-header nav a{font-size:9px;line-height:1.35;letter-spacing:.12em;text-align:center;white-space:normal}
  .hero{min-height:0}
  .hero-grid{display:flex;flex-direction:column;min-height:0;padding-top:14px}
  .hero-copy{max-width:none;padding-top:12px}
  .eyebrow{font-size:10px;line-height:1.5}
  h1{max-width:none;font-size:clamp(34px,10.3vw,40px);line-height:1.07}
  .dek{max-width:none;margin-bottom:24px;font-size:15px;line-height:1.55}
  .button{width:100%;justify-content:space-between;padding:15px 17px}
  .portrait-wrap{position:relative;right:auto;bottom:auto;width:100%;height:375px;margin-top:8px}
  .portrait-wrap img{width:350px;height:380px;left:50%;bottom:-22px;transform:translateX(-50%)}
  .sun-wash{width:360px;height:360px;right:-105px;top:10px}
  .field-aside{display:none}
  .hero:after{right:-25px;bottom:0;width:300px;height:140px}
  .hero-map{inset:auto -100px 40px 12%;height:360px}
  .approach-grid{padding:27px 0 22px}
  .section-label{padding-top:0;margin-bottom:8px}
  .approach article{display:grid;grid-template-columns:42px 1fr;padding:16px 0;margin:0}
  .principle-icon{grid-row:1/3;margin:0;width:29px;height:29px}
  .approach h2,.approach article p{grid-column:2}
  .work-detail,.background-story,.fit{padding-top:43px;padding-bottom:47px}
  .work-heading{margin-bottom:29px}
  .work-heading h2,.background-intro h2,.fit h2,.name-story-intro h2{font-size:30px}
  .work-heading>p:last-child,.background-copy p{font-size:13px;line-height:1.68}
  .work-detail-grid article{padding:24px 4px}
  .background-layout{gap:28px}
  .background-intro blockquote{padding-left:17px;font-size:21px}
  .name-story{padding:34px 0 36px}
  .name-story-grid{gap:28px}
  .name-story-intro>p:last-child{font-size:14px;line-height:1.65}
  .name-terms{grid-template-columns:1fr;padding:0}
  .name-terms article{padding:16px 0}
  .name-terms article:first-child{border-right:0;border-bottom:1px solid var(--rule)}
  .availability{padding:16px 0}
  .availability p{font-size:10px;letter-spacing:.1em}
  .fit-intro{font-size:14px;line-height:1.68}
  .fit-grid .fit-item{grid-template-columns:20px 1fr;padding:17px 0}
  .reference blockquote{font-size:21px;line-height:1.42}
  .reference .reference-attribution{font-size:10px}
  .lower{padding:38px 0 25px}
  .lower h2{font-size:25px}
  .proof-grid article:first-child{border-top:0}
  .notes{gap:24px}
  .trail-photo{width:min(100%,285px);height:auto}
  .quote{padding:18px 16px 27px}
  .quote p{font-size:20px;line-height:1.35}
  .contact{padding:42px 0 44px}
  .contact h2{font-size:27px}
  .contact-grid{gap:25px}
  .contact-links a{font-size:12px;overflow-wrap:anywhere}
}

/*
  V41 hierarchy and rhythm system.
  The operating principles and practical work areas now share one section.
*/
:root{--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:48px;--space-6:56px;--space-7:64px}
.button{min-height:48px;padding:0 20px}
.field-tag{padding:13px 14px}
.hand-rule{margin-bottom:72px}

.work-system{padding:var(--space-6) 0 60px;background:#efe5d4;border-bottom:1px solid #d2c5b2;scroll-margin-top:24px}
.work-system-intro{max-width:720px;margin:0 auto 38px;text-align:center}
.work-system-intro h2{margin:0 0 12px;font-size:38px;line-height:1.08}
.work-system-intro p{max-width:640px;margin:0 auto;color:#4e4942;font-size:15px;line-height:1.65}
.principles{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.principles article{min-width:0;padding:12px 10px 10px;border:0}
.principles article:first-child{border:0}
.principles h3{margin:0 0 6px;font-size:14px;font-weight:500;line-height:1.35}
.principles p{margin:0;color:#4f4a43;font-size:12px;line-height:1.55}
.where-help{display:grid;grid-template-columns:245px minmax(0,1fr);gap:42px;margin-top:46px;padding:30px 32px 31px;align-items:start;background:#f7f1e7}
.where-help-intro h3{margin:0 0 10px;font:400 26px/1.15 'DM Serif Display',serif}
.where-help-intro p{margin:0;color:#5d574f;font-size:13px;line-height:1.65}
.where-help-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:38px;row-gap:28px}
.where-help-grid article{position:relative;padding:0 0 0 22px;border:0}
.where-help-grid article:before{content:"";position:absolute;left:0;top:8px;width:13px;height:1px;background:var(--rust)}
.where-help-grid article:nth-child(even),.where-help-grid article:nth-child(n+3){border:0}
.where-help-grid h4{margin:0 0 8px;font-size:13px;font-weight:500;line-height:1.35}
.where-help-grid p{margin:0;color:#5d574f;font-size:12px;line-height:1.6}

.background-story{padding:var(--space-6) 0 60px}
.background-intro h2{margin:0 0 30px}
.brand-note{display:grid;grid-template-columns:1.15fr 1fr 1fr;align-items:stretch;margin-top:32px;padding:20px 24px;background:#d9d7ca;border-top:1px solid rgba(74,69,60,.24);border-bottom:1px solid rgba(74,69,60,.24)}
.brand-note h3{display:flex;align-items:center;margin:0;padding-right:24px;font:400 22px/1.15 'DM Serif Display',serif}
.brand-note>div{display:contents}
.brand-note p{display:flex;flex-direction:column;justify-content:center;gap:5px;margin:0;padding:3px 22px!important;border-left:1px solid rgba(74,69,60,.24);font-size:12px!important;line-height:1.5!important}
.brand-note p:first-child{border-right:0}
.brand-note strong{font:600 15px/1.3 'Iowan Old Style','Baskerville',Georgia,serif}
.brand-note strong em{color:var(--rust);font-weight:400}
.brand-note span{color:#625f57}

.fit{padding:var(--space-6) 0 60px}
.fit h2{margin:0 0 20px}
.fit-intro{margin-bottom:20px}
.availability-note{display:flex;gap:13px;align-items:flex-start;margin:0 0 30px;color:#4d4943;font-size:11px;line-height:1.65;letter-spacing:.1em;text-transform:uppercase}
.availability-note span{width:8px;height:8px;flex:0 0 auto;margin-top:5px;border-radius:50%;background:#cf805c}
.lower{padding-block:var(--space-6) 40px}
.contact{padding:var(--space-6) 0}
.contact h2{margin-top:0}

@media(max-width:900px){
  .principles{gap:14px}
  .principles article{padding-inline:8px}
  .where-help{grid-template-columns:210px minmax(0,1fr);gap:30px;padding:27px 26px 28px}
}

@media(max-width:600px){
  .work-system{padding:42px 0 46px}
  .work-system-intro{margin-bottom:28px;text-align:left}
  .work-system-intro h2{font-size:30px}
  .work-system-intro p{font-size:14px}
  .principles{grid-template-columns:1fr}
  .principles{gap:8px}
  .principles article{display:grid;grid-template-columns:42px 1fr;padding:13px 0;border:0}
  .principles article:first-child{border:0}
  .principles .principle-icon{grid-row:1/3;margin:0;width:29px;height:29px}
  .principles h3,.principles p{grid-column:2}
  .where-help{grid-template-columns:1fr;gap:24px;margin:32px -4px 0;padding:25px 20px 27px}
  .where-help-grid{grid-template-columns:1fr}
  .where-help-grid article{padding:0 0 0 22px;border:0}
  .where-help-grid article:nth-child(even),.where-help-grid article:nth-child(n+2){border:0}
  .background-story,.fit{padding-top:42px;padding-bottom:46px}
  .brand-note{display:block;padding:20px 18px}
  .brand-note h3{margin-bottom:8px;padding-right:0}
  .brand-note>div{display:grid;grid-template-columns:1fr}
  .brand-note p{padding:14px 0!important}
  .brand-note p,.brand-note p:first-child{border-left:0}
  .brand-note p:first-child{border-right:0;border-bottom:1px solid rgba(74,69,60,.24)}
  .availability-note{font-size:10px}
  .lower{padding-block:42px 30px}
}

/* V45 Fit: open, scannable criteria without table-like row dividers. */
.fit-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:54px;
  row-gap:30px;
  max-width:900px;
  margin-top:0;
  border:0;
}
.fit-grid .fit-item{
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  align-items:start;
  padding:0;
  border:0;
}
.fit-grid .fit-item:last-child{
  grid-column:1/-1;
  max-width:760px;
}
.fit-grid .fit-item>span{
  width:13px;
  height:1px;
  margin-top:10px;
  background:var(--rust);
  font-size:0;
  line-height:0;
}
.fit-grid .fit-item>p{
  margin:0;
  padding:0;
  border:0;
  color:#403c36;
  font-size:14px;
  line-height:1.65;
}
.fit-grid .fit-item strong{
  display:block;
  margin-bottom:6px;
  color:var(--ink);
  font-size:13px;
  font-weight:500;
  line-height:1.35;
}
.availability-note{max-width:900px;margin-bottom:38px}
@media(max-width:600px){
  .fit-grid{grid-template-columns:1fr;row-gap:24px}
  .fit-grid .fit-item:last-child{grid-column:auto;max-width:none}
  .fit-grid .fit-item{grid-template-columns:18px minmax(0,1fr);padding:0}
  .fit-grid .fit-item>p{font-size:13px}
  .availability-note{margin-bottom:30px}
}

/* V46 hero atmosphere: authentic map, torn paper, and warm wash replace CSS contour rings. */
.hero-map{
  position:absolute;
  z-index:0;
  inset:62px -35px 0 29%;
  opacity:.72;
  background:url('assets/hero-map-overlay-v2.png') center center/cover no-repeat;
  transform:none;
  filter:none;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.25) 10%,#000 28%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.25) 10%,#000 28%,#000 100%);
}
.hero-paper{
  position:absolute;
  z-index:1;
  top:-8px;
  right:-3%;
  width:58%;
  height:74%;
  pointer-events:none;
  opacity:.82;
  background:url('assets/hero-paper-shape.svg') right top/100% 100% no-repeat;
  mix-blend-mode:multiply;
}
.hero-wash{
  position:absolute;
  z-index:1;
  top:0;
  right:0;
  width:48%;
  height:100%;
  pointer-events:none;
  opacity:.82;
  background:url('assets/hero-warm-wash.svg') right center/100% 100% no-repeat;
  mix-blend-mode:multiply;
}
.hero-grid{z-index:2}
.portrait-wrap{z-index:3}
.field-aside{z-index:4}
@media(max-width:900px){
  .hero-map{inset:118px -10% 0 23%;opacity:.6}
  .hero-paper{width:72%;height:68%}
  .hero-wash{width:62%;opacity:.68}
}
@media(max-width:600px){
  .hero-map{inset:auto -115px 0 12%;height:410px;opacity:.42}
  .hero-paper{top:auto;bottom:0;width:100%;height:48%;opacity:.68}
  .hero-wash{top:auto;bottom:0;width:100%;height:54%;opacity:.58}
}

/* V47 hero focus: concentrate contrast behind the portrait and clear the surrounding field. */
.hero-map{
  inset:42px 0 0;
  opacity:.4;
  background-position:67% 51%;
  background-size:auto 104%;
  filter:grayscale(1) sepia(.12) saturate(.35) contrast(.72) brightness(1.12);
  -webkit-mask-image:radial-gradient(ellipse 35% 76% at 59% 52%,#000 0 27%,rgba(0,0,0,.82) 43%,rgba(0,0,0,.32) 62%,transparent 82%);
  mask-image:radial-gradient(ellipse 35% 76% at 59% 52%,#000 0 27%,rgba(0,0,0,.82) 43%,rgba(0,0,0,.32) 62%,transparent 82%);
}
.hero-paper{
  top:-14px;
  right:-8%;
  width:51%;
  height:72%;
  opacity:.58;
}
.hero-wash{
  left:auto;
  right:0;
  width:34%;
  opacity:.52;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 26%,#000 72%);
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 26%,#000 72%);
}
.sun-wash{
  width:470px;
  height:470px;
  right:-64px;
  top:-18px;
  border-radius:50%;
  background:radial-gradient(ellipse at 48% 29%,rgba(249,245,237,.88) 0 14%,rgba(245,237,224,.52) 33%,rgba(222,199,162,.18) 55%,transparent 73%);
}
@media(max-width:900px){
  .hero-map{
    inset:105px -3% 0 10%;
    opacity:.34;
    background-position:64% 54%;
    background-size:auto 96%;
    -webkit-mask-image:radial-gradient(ellipse 48% 72% at 68% 56%,#000 0 28%,rgba(0,0,0,.68) 50%,transparent 82%);
    mask-image:radial-gradient(ellipse 48% 72% at 68% 56%,#000 0 28%,rgba(0,0,0,.68) 50%,transparent 82%);
  }
  .hero-paper{right:-15%;width:66%;height:66%;opacity:.5}
  .hero-wash{width:43%;opacity:.42}
  .sun-wash{right:-90px}
}
@media(max-width:600px){
  .hero-map{
    inset:auto -15% 0 0;
    height:420px;
    opacity:.28;
    background-position:60% bottom;
    background-size:auto 108%;
    -webkit-mask-image:radial-gradient(ellipse 62% 68% at 56% 62%,#000 0 30%,rgba(0,0,0,.58) 53%,transparent 86%);
    mask-image:radial-gradient(ellipse 62% 68% at 56% 62%,#000 0 30%,rgba(0,0,0,.58) 53%,transparent 86%);
  }
  .hero-paper{right:-24%;width:92%;height:45%;opacity:.4}
  .hero-wash{width:64%;height:48%;opacity:.34}
  .sun-wash{width:390px;height:390px;right:-85px;top:-2px}
}

/* V48 cartography: stronger line definition without widening the area of visual emphasis. */
.hero-map{
  opacity:.5;
  filter:grayscale(1) sepia(.1) saturate(.25) contrast(.92) brightness(1.04);
  mix-blend-mode:multiply;
}
@media(max-width:900px){
  .hero-map{opacity:.41}
}
@media(max-width:600px){
  .hero-map{opacity:.33}
}

/* V49 cartography: a second measured increase in archival ink presence. */
.hero-map{
  opacity:.58;
  filter:grayscale(1) sepia(.1) saturate(.22) contrast(1.06) brightness(1);
}
@media(max-width:900px){
  .hero-map{opacity:.48}
}
@media(max-width:600px){
  .hero-map{opacity:.38}
}

/* V50 cartography: twice the prior increase, with the established focus mask unchanged. */
.hero-map{
  opacity:.74;
  filter:grayscale(1) sepia(.1) saturate(.2) contrast(1.34) brightness(.98);
}
@media(max-width:900px){
  .hero-map{opacity:.62}
}
@media(max-width:600px){
  .hero-map{opacity:.48}
}

/* V54 final cascade: keep the directional fade after all earlier hero iterations. */
.hero-map{
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.18) 22%,rgba(0,0,0,.8) 39%,#000 52%,#000 94%,rgba(0,0,0,.62) 100%);
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.18) 22%,rgba(0,0,0,.8) 39%,#000 52%,#000 94%,rgba(0,0,0,.62) 100%);
}
@media(max-width:900px){
  .hero-map{
    -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.2) 15%,rgba(0,0,0,.78) 35%,#000 52%,#000 96%);
    mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.2) 15%,rgba(0,0,0,.78) 35%,#000 52%,#000 96%);
  }
}
@media(max-width:600px){
  .hero-map{
    -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.3) 8%,#000 32%,#000 96%);
    mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.3) 8%,#000 32%,#000 96%);
  }
}

/* V54 silhouette edge and lighter handwriting: broad map fade replaces the oval vignette. */
.hero-map{
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.18) 22%,rgba(0,0,0,.8) 39%,#000 52%,#000 94%,rgba(0,0,0,.62) 100%);
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.18) 22%,rgba(0,0,0,.8) 39%,#000 52%,#000 94%,rgba(0,0,0,.62) 100%);
}
.portrait-wrap::after{
  content:"";
  position:absolute;
  z-index:1;
  width:482px;
  height:495px;
  left:-42px;
  bottom:-30px;
  pointer-events:none;
  opacity:.3;
  background:url('assets/keith-cunningham-cutout.png') center bottom/contain no-repeat;
  filter:sepia(1) saturate(.3) brightness(1.3) contrast(.7);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,transparent 50%,rgba(0,0,0,.7) 64%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0,transparent 50%,rgba(0,0,0,.7) 64%,#000 100%);
}
.portrait-wrap img{z-index:2}
.field-aside blockquote{
  font-weight:400;
  color:rgba(75,71,65,.82);
}
.hand-rule{
  border-top-width:1px;
  opacity:.76;
}
.signature-image{
  opacity:.62;
  filter:grayscale(1) contrast(.72) brightness(1.28);
}
@media(max-width:900px){
  .hero-map{
    -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.2) 15%,rgba(0,0,0,.78) 35%,#000 52%,#000 96%);
    mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.2) 15%,rgba(0,0,0,.78) 35%,#000 52%,#000 96%);
  }
  .portrait-wrap::after{width:383px;height:410px;left:-27px;bottom:-24px}
}
@media(max-width:600px){
  .hero-map{
    -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.3) 8%,#000 32%,#000 96%);
    mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.3) 8%,#000 32%,#000 96%);
  }
  .portrait-wrap::after{width:350px;height:380px;left:calc(50% + 7px);bottom:-22px;transform:translateX(-50%);opacity:.24}
}

/* V51 hero stack: cartography prints above paper; the circular portrait wash is removed. */
.hero-paper,.hero-wash{z-index:1}
.hero-map{
  z-index:2;
  opacity:.62;
  filter:grayscale(1) sepia(.08) saturate(.18) contrast(1.3) brightness(.98);
  mix-blend-mode:multiply;
}
.hero-grid{z-index:3}
.portrait-wrap{z-index:4}
.field-aside{z-index:5}
.sun-wash{display:none}
@media(max-width:900px){
  .hero-map{opacity:.5}
}
@media(max-width:600px){
  .hero-map{opacity:.39}
}

/* V52 note field: irregular parchment contrast frames the handwriting without a drawn box. */
.hero-map{
  opacity:.69;
  filter:grayscale(1) sepia(.08) saturate(.16) contrast(1.42) brightness(.97);
}
.field-aside::before{
  content:"";
  position:absolute;
  z-index:0;
  top:18px;
  right:-54px;
  width:285px;
  height:260px;
  pointer-events:none;
  opacity:.88;
  background:
    radial-gradient(ellipse at 48% 38%,rgba(244,229,202,.78) 0 22%,rgba(235,213,176,.48) 50%,rgba(224,194,150,.14) 69%,transparent 82%);
  clip-path:polygon(8% 0,100% 4%,98% 82%,88% 91%,64% 87%,45% 96%,21% 89%,1% 75%,4% 20%);
  filter:blur(6px);
  transform:rotate(-2deg);
}
.field-aside blockquote,.field-aside .hand-rule,.field-aside .field-tag{
  position:relative;
  z-index:1;
}
@media(max-width:900px){
  .hero-map{opacity:.56}
}
@media(max-width:600px){
  .hero-map{opacity:.43}
}

/* V53 mockup correction: broad torn paper, transparent Field Notes, wider/darker map. */
.field-aside::before{content:none}
.hero-map{
  opacity:.78;
  filter:grayscale(1) sepia(.07) saturate(.14) contrast(1.55) brightness(.96);
}
.field-tag{
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
@media(min-width:901px){
  .hero-paper{
    top:-10px;
    right:-2%;
    width:57%;
    height:74%;
    opacity:.68;
  }
  .hero-map{
    -webkit-mask-image:radial-gradient(ellipse 43% 82% at 62% 54%,#000 0 32%,rgba(0,0,0,.86) 50%,rgba(0,0,0,.42) 69%,transparent 91%);
    mask-image:radial-gradient(ellipse 43% 82% at 62% 54%,#000 0 32%,rgba(0,0,0,.86) 50%,rgba(0,0,0,.42) 69%,transparent 91%);
  }
}
@media(max-width:900px){
  .hero-map{opacity:.62}
}
@media(max-width:600px){
  .hero-map{opacity:.48}
}

/* V54 definitive mask override: broad directional fade, never an ellipse. */
.hero-map{
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.18) 22%,rgba(0,0,0,.8) 39%,#000 52%,#000 94%,rgba(0,0,0,.62) 100%);
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.18) 22%,rgba(0,0,0,.8) 39%,#000 52%,#000 94%,rgba(0,0,0,.62) 100%);
}
@media(max-width:900px){
  .hero-map{
    -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.2) 15%,rgba(0,0,0,.78) 35%,#000 52%,#000 96%);
    mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.2) 15%,rgba(0,0,0,.78) 35%,#000 52%,#000 96%);
  }
}
@media(max-width:600px){
  .hero-map{
    -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.3) 8%,#000 32%,#000 96%);
    mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.3) 8%,#000 32%,#000 96%);
  }
}

/* V55 final hero crop, silhouette edge, stamp placement, and clean signature. */
.hero-wash{display:none}
.hero-paper{
  opacity:.5;
  filter:brightness(1.08);
}
.portrait-wrap img{
  width:506px;
  height:520px;
  left:-62px;
  bottom:-55px;
}
.portrait-wrap::after{
  width:506px;
  height:520px;
  left:-55px;
  bottom:-55px;
  opacity:.68;
  filter:brightness(0) saturate(100%) invert(88%) sepia(12%) saturate(463%) hue-rotate(351deg) brightness(102%) contrast(88%) drop-shadow(5px 1px 5px rgba(91,73,52,.16));
}
.ef-stamp-image{
  right:-2px;
  bottom:-22px;
}
.signature-image{
  width:176px;
  opacity:.8;
  filter:none;
  mix-blend-mode:multiply;
}
@media(max-width:900px){
  .portrait-wrap img{width:402px;height:431px;left:-44px;bottom:-45px}
  .portrait-wrap::after{width:402px;height:431px;left:-37px;bottom:-45px}
}
@media(max-width:600px){
  .portrait-wrap img{width:368px;height:399px;left:50%;bottom:-41px;transform:translateX(-50%)}
  .portrait-wrap::after{width:368px;height:399px;left:calc(50% + 7px);bottom:-41px;transform:translateX(-50%);opacity:.5}
  .signature-image{width:168px}
}

/* V56: carry the map through the portrait edge and preserve the mountain peaks. */
.hero-map{
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.32) 8%,rgba(0,0,0,.82) 20%,#000 34%,#000 94%,rgba(0,0,0,.65) 100%);
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.32) 8%,rgba(0,0,0,.82) 20%,#000 34%,#000 94%,rgba(0,0,0,.65) 100%);
}
.hero:after{
  z-index:2;
  left:calc(50% - 365px);
  bottom:0;
  width:455px;
  height:230px;
  background-position:center bottom;
  background-size:contain;
  background-repeat:no-repeat;
  opacity:.8;
}
@media(max-width:900px){
  .hero-map{
    -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 5%,rgba(0,0,0,.82) 18%,#000 32%,#000 96%);
    mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.35) 5%,rgba(0,0,0,.82) 18%,#000 32%,#000 96%);
  }
  .hero:after{left:auto;right:20%;width:380px;height:205px;opacity:.66;background-size:contain}
}
@media(max-width:600px){
  .hero-map{
    -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.4) 3%,#000 20%,#000 96%);
    mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.4) 3%,#000 20%,#000 96%);
  }
  .hero:after{left:auto;right:-15px;width:330px;height:175px;opacity:.58;background-size:contain}
}

/* V57: simplify the hero layers and restore the mockup's map/card alignment. */
.portrait-wrap::after{content:none}
.hero-paper{
  opacity:.44;
  filter:brightness(1.1);
}
.hero-map{
  background-position:59% 51%;
  background-size:auto 108%;
  opacity:.74;
  filter:grayscale(1) sepia(.06) saturate(.12) contrast(1.5) brightness(.98);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.22) 18%,rgba(0,0,0,.72) 30%,#000 41%,#000 94%,rgba(0,0,0,.66) 100%);
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.22) 18%,rgba(0,0,0,.72) 30%,#000 41%,#000 94%,rgba(0,0,0,.66) 100%);
}
.hero:after{
  -webkit-mask-image:linear-gradient(0deg,#000 0 52%,rgba(0,0,0,.72) 68%,rgba(0,0,0,.2) 84%,transparent 100%),linear-gradient(90deg,transparent 0,#000 15%,#000 86%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(0deg,#000 0 52%,rgba(0,0,0,.72) 68%,rgba(0,0,0,.2) 84%,transparent 100%),linear-gradient(90deg,transparent 0,#000 15%,#000 86%,transparent 100%);
  mask-composite:intersect;
}
.field-aside{padding-top:46px}
.field-tag{
  position:absolute;
  left:0;
  bottom:63px;
}
.ef-stamp-image{
  right:-28px;
  bottom:-30px;
}
.signature-image{
  width:190px;
  opacity:.76;
  filter:none;
  mix-blend-mode:multiply;
}
@media(max-width:900px){
  .hero-map{background-position:58% 54%;background-size:auto 102%}
  .signature-image{width:182px}
}
@media(max-width:600px){
  .hero-map{background-position:56% bottom;background-size:auto 108%}
  .signature-image{width:174px}
}

/* V58: remove the repeated brand name and match the mockup's hero anchors. */
.brand-note{
  grid-template-columns:1fr 1fr;
  margin-left:0;
  padding:18px 0;
}
.brand-note>div{
  display:contents;
}
.brand-note p{
  padding:3px 22px!important;
}
.brand-note p:first-child{
  border-left:0;
}
.field-tag{
  left:18px;
  bottom:16px;
}
.ef-stamp-image{
  right:-44px;
  bottom:-36px;
}
@media(max-width:600px){
  .brand-note{display:block;padding:10px 18px}
  .brand-note>div{display:grid;grid-template-columns:1fr}
  .brand-note p{padding:14px 0!important}
}

/* V59: compact definition panel and specificity-safe mockup alignment. */
.brand-note{
  width:min(100%,520px);
}
.field-aside .field-tag{
  position:absolute;
  left:68px;
  bottom:50px;
}
.field-aside .ef-stamp-image{
  right:-50px;
  bottom:-33px;
}
@media(max-width:600px){
  .brand-note{width:100%}
}

/* V60: tighter definition panel, darker signature, and compact Field Notes location. */
.brand-note{
  width:min(100%,460px);
}
.brand-note p{
  padding:3px 14px!important;
}
.signature-image{
  opacity:.88;
}
.field-tag-row small{
  font-size:6.5px;
  line-height:1.75;
  letter-spacing:.08em;
  white-space:nowrap;
}
.field-aside .field-tag{
  bottom:58px;
}
@media(max-width:600px){
  .brand-note{width:100%}
  .brand-note p{padding:14px 0!important}
}

/* V63: optically center the divider between unequal definition labels. */
.brand-note{
  grid-template-columns:45% 55%;
}
.brand-note::after{
  left:45%;
}
@media(max-width:600px){
  .brand-note{grid-template-columns:1fr}
}

/* V64: reveal more cartography on the left side of the portrait. */
.hero-map{
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.38) 12%,rgba(0,0,0,.78) 25%,#000 36%,#000 94%,rgba(0,0,0,.66) 100%);
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.38) 12%,rgba(0,0,0,.78) 25%,#000 36%,#000 94%,rgba(0,0,0,.66) 100%);
}

/* V62: lighter handwritten note, larger signature, and exact center divider. */
.field-aside blockquote{
  font-weight:400;
  color:rgba(75,71,65,.68);
}
.signature-image{
  width:202px;
}
.brand-note{
  position:relative;
}
.brand-note p{
  border-left:0!important;
}
.brand-note::after{
  content:"";
  position:absolute;
  top:18px;
  bottom:18px;
  left:50%;
  width:1px;
  background:rgba(74,69,60,.24);
  transform:translateX(-.5px);
}
@media(max-width:900px){
  .signature-image{width:194px}
}
@media(max-width:600px){
  .signature-image{width:184px}
  .brand-note::after{content:none}
}

/* V61: definition width follows the red tagline; stamp visibly crosses the card. */
.brand-note{
  width:min(100%,400px);
  grid-template-columns:1fr 1fr;
}
.brand-note p{
  padding:3px 12px!important;
}
.field-aside .ef-stamp-image{
  bottom:-15px;
}
@media(max-width:600px){
  .brand-note{width:100%}
  .brand-note p{padding:14px 0!important}
}

/* V65: keep the optical divider override last so legacy 50/50 rules cannot supersede it. */
.brand-note{
  grid-template-columns:45% 55%;
}
.brand-note::after{
  left:45%;
}
@media(max-width:600px){
  .brand-note{grid-template-columns:1fr}
}

/* V66: extend the hero cartography farther toward the headline with a soft left fade. */
.hero-map{
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.38) 7%,rgba(0,0,0,.72) 17%,#000 30%,#000 94%,rgba(0,0,0,.66) 100%);
  mask-image:linear-gradient(90deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.38) 7%,rgba(0,0,0,.72) 17%,#000 30%,#000 94%,rgba(0,0,0,.66) 100%);
}

/* V67: restore equal text columns; position only the decorative divider at 45%. */
.brand-note{
  grid-template-columns:1fr 1fr;
}
.brand-note::after{
  left:45%;
}
@media(max-width:600px){
  .brand-note{grid-template-columns:1fr}
}

/* V68: carry more cartographic linework into the left headline column. */
.hero-map{
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.5) 6%,rgba(0,0,0,.82) 14%,#000 24%,#000 94%,rgba(0,0,0,.66) 100%);
  mask-image:linear-gradient(90deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.5) 6%,rgba(0,0,0,.82) 14%,#000 24%,#000 94%,rgba(0,0,0,.66) 100%);
}

/* V69: extend the map again and feather the mountain asset without rectangular seams. */
.hero-map{
  -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.32) 0,rgba(0,0,0,.58) 5%,rgba(0,0,0,.86) 12%,#000 22%,#000 94%,rgba(0,0,0,.66) 100%);
  mask-image:linear-gradient(90deg,rgba(0,0,0,.32) 0,rgba(0,0,0,.58) 5%,rgba(0,0,0,.86) 12%,#000 22%,#000 94%,rgba(0,0,0,.66) 100%);
}
.hero:after{
  -webkit-mask-image:radial-gradient(ellipse 85% 92% at 52% 108%,#000 0 52%,rgba(0,0,0,.84) 65%,rgba(0,0,0,.34) 80%,transparent 100%);
  mask-image:radial-gradient(ellipse 85% 92% at 52% 108%,#000 0 52%,rgba(0,0,0,.84) 65%,rgba(0,0,0,.34) 80%,transparent 100%);
}

/* V70: the mockup uses a clean outlined conversation button with no offset shadow. */
.button{
  box-shadow:none;
}

/* V71: keep the opaque mountain asset fully transparent at its left boundary. */
.hero:after{
  left:calc(50% - 385px);
  width:475px;
  -webkit-mask-image:radial-gradient(ellipse 70% 100% at 65% 110%,#000 0 46%,rgba(0,0,0,.78) 62%,rgba(0,0,0,.24) 78%,transparent 96%);
  mask-image:radial-gradient(ellipse 70% 100% at 65% 110%,#000 0 46%,rgba(0,0,0,.78) 62%,rgba(0,0,0,.24) 78%,transparent 96%);
}

/* V72: restore the mockup's restrained rust offset beneath the conversation button. */
.button{
  box-shadow:-6px 5px rgba(174,72,35,.1);
}

/* V73: complete the mountain at the separator and eliminate its opaque left edge. */
@media(min-width:901px){
  .hero:after{
    left:calc(50% - 410px);
    right:auto;
    bottom:0;
    width:429px;
    height:230px;
    background-size:100% 100%;
    background-position:left bottom;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.15) 8%,rgba(0,0,0,.55) 18%,rgba(0,0,0,.9) 28%,#000 36%,#000 100%);
    mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.15) 8%,rgba(0,0,0,.55) 18%,rgba(0,0,0,.9) 28%,#000 36%,#000 100%);
  }
}

/* V74: fade both exposed mountain edges and rebalance the two definition columns. */
@media(min-width:901px){
  .hero:after{
    -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.15) 8%,rgba(0,0,0,.55) 18%,rgba(0,0,0,.9) 28%,#000 36%,#000 100%),linear-gradient(180deg,transparent 0,rgba(0,0,0,.18) 12%,rgba(0,0,0,.65) 25%,#000 40%,#000 100%);
    -webkit-mask-composite:source-in;
    mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.15) 8%,rgba(0,0,0,.55) 18%,rgba(0,0,0,.9) 28%,#000 36%,#000 100%),linear-gradient(180deg,transparent 0,rgba(0,0,0,.18) 12%,rgba(0,0,0,.65) 25%,#000 40%,#000 100%);
    mask-composite:intersect;
  }
}
.brand-note{
  grid-template-columns:1fr 1fr;
}
.brand-note::after{
  left:50%;
}
.brand-note p{
  padding:3px 24px!important;
}
@media(max-width:600px){
  .brand-note{grid-template-columns:1fr}
  .brand-note p{padding:14px 0!important}
}

/* V75: the mountain asset now has true alpha transparency; no masking is required. */
.hero:after{
  left:calc(50% - 390px);
  right:auto;
  bottom:0;
  width:500px;
  height:235px;
  background-size:contain;
  background-position:left bottom;
  background-repeat:no-repeat;
  opacity:.76;
  -webkit-mask-image:none;
  mask-image:none;
}
@media(max-width:900px){
  .hero:after{left:auto;right:20%;width:420px;height:205px;background-size:contain}
}
@media(max-width:600px){
  .hero:after{left:auto;right:-15px;width:350px;height:175px;background-size:contain}
}

/* V76: lighter glossary inset and a unified right-side field-journal composition. */
.brand-note{
  width:min(100%,360px);
  grid-template-columns:1fr 1fr;
  column-gap:12px;
  padding:16px 0;
  background:rgba(217,215,202,.62);
  border-top-color:rgba(74,69,60,.16);
  border-bottom-color:rgba(74,69,60,.16);
}
.brand-note::after{
  content:none;
}
.brand-note p{
  padding:3px 18px!important;
  border-left:0!important;
}
.field-aside{
  padding-left:30px;
  isolation:isolate;
}
.field-aside::before{
  content:"";
  position:absolute;
  z-index:0;
  top:2px;
  left:-10px;
  width:310px;
  height:300px;
  pointer-events:none;
  opacity:.66;
  background:url('assets/hero-paper-shape.svg') center/100% 100% no-repeat;
  filter:brightness(1.04) sepia(.08);
  transform:rotate(-1deg);
}
.field-aside blockquote,
.field-aside .hand-rule,
.field-aside .field-tag{
  position:relative;
  z-index:1;
}
.field-aside .ef-stamp-image{
  position:absolute;
  z-index:1;
}
.field-aside blockquote{
  max-width:205px;
}
.field-aside .field-tag{
  position:absolute;
  left:30px;
}
@media(max-width:600px){
  .brand-note{width:100%;grid-template-columns:1fr;padding:10px 18px}
  .brand-note p{padding:14px 0!important}
}

/* V77: size the glossary to its copy and keep both definitions on one visual line. */
.brand-note{
  width:min(100%,396px);
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  column-gap:24px;
  padding:16px 18px;
}
.brand-note p{
  min-width:0;
  padding:3px 0!important;
}
.brand-note p span{
  white-space:nowrap;
}
@media(max-width:600px){
  .brand-note{width:100%;grid-template-columns:1fr;padding:10px 18px}
  .brand-note p{padding:14px 0!important}
  .brand-note p span{white-space:normal}
}

/* V78: optically center each definition around a true middle divider. */
.brand-note::after{
  content:"";
  left:50%;
  top:18px;
  bottom:18px;
}
.brand-note p{
  width:max-content;
  max-width:100%;
  justify-self:center;
}
.brand-note p:first-child strong em{
  font-size:16px;
  font-weight:500;
}
@media(max-width:600px){
  .brand-note::after{content:none}
  .brand-note p{width:100%;justify-self:stretch}
}

/* V79: extend the parchment leftward so the handwritten note clears its diagonal edge. */
.field-aside::before{
  left:-34px;
  width:334px;
}

/* V80: reinforce fine cartography on desktop, where browser downscaling can
   reduce the original map lines to sub-pixel weight. The duplicate impression
   is confined to the left and center, then fades before the field-note area.
   Tablet and mobile retain their existing, naturally stronger rendering. */
@media(min-width:901px){
  .hero-map::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:url('assets/hero-map-overlay-v2.png') 59% 51%/auto 108% no-repeat;
    opacity:.42;
    filter:grayscale(1) sepia(.04) saturate(.12) contrast(1.28);
    mix-blend-mode:multiply;
    transform:translateX(-.35px);
    -webkit-mask-image:linear-gradient(90deg,#000 0,#000 43%,rgba(0,0,0,.7) 57%,rgba(0,0,0,.22) 69%,transparent 79%);
    mask-image:linear-gradient(90deg,#000 0,#000 43%,rgba(0,0,0,.7) 57%,rgba(0,0,0,.22) 69%,transparent 79%);
  }
}

/* V81: raise the desktop reinforcement to a clearly visible print weight. */

/* V83: use a desktop-optimized rendering of the same map at the established
   V81 position. Fine contour lines are heavier in the asset itself, so the
   opacity-only duplicate is disabled. Tablet and mobile keep the original. */
@media(min-width:901px){
  .hero-map{
    background-image:url('assets/hero-map-overlay-desktop.png');
  }
  .hero-map::before{
    content:none;
  }
}

/* V85: remove the exposed boundary of the shared map layer at every viewport.
   The cartography now enters through the same continuous fade on desktop,
   tablet, and mobile, eliminating the seam rather than hiding it per device. */
.hero-map{
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.16) 8%,rgba(0,0,0,.58) 18%,rgba(0,0,0,.9) 28%,#000 38%,#000 94%,rgba(0,0,0,.66) 100%);
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.16) 8%,rgba(0,0,0,.58) 18%,rgba(0,0,0,.9) 28%,#000 38%,#000 94%,rgba(0,0,0,.66) 100%);
}

/* V92: controlled note refinement built directly from the V85 baseline. */
.field-aside::before{
  left:-52px;
  width:300px;
}
.field-aside blockquote{
  margin-left:-18px;
  font-family:'Nothing You Could Do','Segoe Print',cursive;
  font-size:19px;
  font-weight:400;
  line-height:1.34;
  letter-spacing:-.035em;
  color:rgba(49,47,43,.82);
  text-shadow:none;
}
.field-aside .hand-rule{
  margin-left:37px;
}

/* V93: QA-matched handwritten note and compact organic parchment.
   The live text remains editable; horizontal compression and tighter tracking
   reproduce the narrower dry-pen character visible in the approved mockup. */
.field-aside::before{
  top:30px;
  left:-88px;
  width:236px;
  height:238px;
  opacity:.62;
  background:
    radial-gradient(ellipse at 76% 24%,rgba(211,177,125,.48),transparent 58%),
    linear-gradient(112deg,rgba(223,203,169,.38),rgba(202,164,110,.46));
  clip-path:polygon(6% 4%,27% 2%,49% 5%,70% 1%,91% 8%,97% 27%,94% 48%,98% 68%,88% 89%,67% 96%,46% 93%,24% 98%,8% 87%,3% 64%,7% 42%,2% 22%);
  filter:blur(.8px);
}
.field-aside blockquote{
  width:205px;
  margin-left:-58px;
  font-family:'Shadows Into Light Two','Segoe Print',cursive;
  font-size:18.5px;
  font-weight:400;
  line-height:1.34;
  letter-spacing:-.04em;
  color:rgba(54,51,46,.86);
  transform:rotate(-1.6deg) scaleX(.94);
  transform-origin:left top;
}
.field-aside .hand-rule{
  margin-left:10px;
  border-top-width:1.5px;
}

/* V94: restore the closer V92 handwriting and optically center the note
   inside a tighter parchment silhouette. */
.field-aside::before{
  top:28px;
  left:-80px;
  width:215px;
  height:220px;
  clip-path:polygon(6% 4%,28% 2%,50% 5%,72% 1%,92% 9%,97% 28%,94% 48%,98% 68%,88% 89%,67% 96%,45% 93%,24% 98%,8% 87%,3% 64%,7% 41%,2% 22%);
}
.field-aside blockquote{
  width:175px;
  margin-left:-61px;
  font-family:'Nothing You Could Do','Segoe Print',cursive;
  font-size:19px;
  font-weight:400;
  line-height:1.31;
  letter-spacing:-.035em;
  color:rgba(49,47,43,.84);
  transform:rotate(-1.8deg);
}

/* V96: match the mockup's seven-line rhythm and restore its hand-drawn,
   slightly offset double underline. */
.field-aside .hand-rule{
  position:relative;
  display:block;
  width:60px;
  height:8px;
  margin:10px 0 78px -1px;
  border:0;
  transform:rotate(-2deg);
}
.field-aside .hand-rule::before,
.field-aside .hand-rule::after{
  content:"";
  position:absolute;
  left:0;
  height:1px;
  background:rgba(73,68,60,.72);
  transform-origin:left center;
}
.field-aside .hand-rule::before{
  top:1px;
  width:51px;
  transform:rotate(-2deg);
}
.field-aside .hand-rule::after{
  top:5px;
  left:7px;
  width:54px;
  opacity:.72;
  transform:rotate(1.5deg);
}

/* V97: requested handwriting change; the Google Fonts family is named
   “Nothing You Could Do.” All V96 line breaks and underline styling remain. */
.field-aside blockquote{
  font-family:'Nothing You Could Do','Segoe Print',cursive;
  font-size:19px;
  letter-spacing:-.035em;
  color:rgba(49,47,43,.84);
}

/* V99: remove the elliptical V98 border and keep one short ink stroke
   immediately beneath the note, safely inside the parchment shape. */
.field-aside .hand-rule{
  display:block;
  position:relative;
  width:58px;
  height:1px;
  margin:3px 0 78px 49px;
  border:0;
  border-radius:0;
  background:linear-gradient(90deg,transparent,rgba(67,62,55,.78) 7%,rgba(67,62,55,.78) 94%,transparent);
  transform:rotate(-2.2deg);
}
.field-aside .hand-rule::before,
.field-aside .hand-rule::after{
  content:none;
  display:none;
}

/* V98: one restrained, hand-drawn underline matching the supplied reference. */
.field-aside .hand-rule{
  position:relative;
  width:64px;
  height:8px;
  margin:10px 0 78px 1px;
  border:0;
  transform:rotate(-2deg);
}
.field-aside .hand-rule::before{
  content:"";
  position:absolute;
  inset:1px 0 auto;
  width:62px;
  height:7px;
  border-top:1.4px solid rgba(67,62,55,.78);
  border-radius:50%;
  transform:skewX(-7deg) rotate(.5deg);
  transform-origin:left center;
}
.field-aside .hand-rule::after{
  content:none;
}
.field-aside .hand-rule{
  margin-left:2px;
}

/* V95: restore the exact earlier Caveat face shown in the supplied reference. */
.field-aside blockquote{
  width:182px;
  margin-left:-61px;
  font-family:'Caveat',cursive;
  font-size:20px;
  font-weight:400;
  line-height:1.3;
  letter-spacing:-.025em;
  color:rgba(58,54,48,.78);
  transform:rotate(-1.8deg);
}

/* V97 final override: requested handwriting face. Keep this after the
   historical V95 restoration so it wins the cascade at every viewport. */
.field-aside blockquote{
  font-family:'Nothing You Could Do','Segoe Print',cursive;
  font-size:19px;
  letter-spacing:-.035em;
  color:rgba(49,47,43,.84);
}

/* V99 final underline override. */
.field-aside .hand-rule{
  display:block;
  position:relative;
  width:58px;
  height:1px;
  margin:3px 0 78px -40px;
  border:0;
  border-radius:0;
  background:linear-gradient(90deg,transparent,rgba(67,62,55,.78) 7%,rgba(67,62,55,.78) 94%,transparent);
  transform:rotate(-2.2deg);
}

/* V101: align the underline with the offset note rather than the aside column. */
.field-aside .hand-rule::before,
.field-aside .hand-rule::after{
  content:none;
  display:none;
}

/* V102: increase the hero note to the mockup's stronger visual scale while
   preserving its compact seven-line rhythm. */
.field-aside blockquote{
  font-size:19px;
  line-height:1.3;
}

/* V103: restore the V101 hero note and enlarge the Field Notes location and
   coordinate copy to the visual proportion used in the mockup. */
.field-tag-row small{
  font-size:9.5px;
  line-height:1.38;
  letter-spacing:.035em;
}

/* V105: slightly smaller note copy with a stronger mockup-scale underline. */
.field-aside blockquote{
  font-size:17px;
  line-height:1.3;
}
.field-aside .hand-rule{
  width:76px;
  margin-top:7px;
  margin-bottom:74px;
}