/* Proxeno page styles for the 23.10.2026 design. Generated from the
 * approved mockup design.css (proxeno-page-mockups-23.10.2026).
 *
 * Chrome rules are not here: the header, navigation and footer live in
 * chrome-23.10.2026.css, which every page loads. This file is loaded only
 * by pages whose new design Kate has approved, because it redefines
 * .container, .section and .eyebrow and would otherwise restyle the pages
 * that are still waiting on a design.
 *
 * Changed from the mockup: preview bar removed, scroll padding reduced
 * from 170px to 110px now that no preview bar sits above the header.
 */

/* 24.10.2026, PX-079: load Fraunces and Inter, as the other pages do. */
@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,400;1,9..144,500&family=Inter:wght@400;500;600&display=swap");

:root{--ink:#0b1620;--paper:#fcfaf4;--parchment:#f6f1e7;--bronze:#b08d57;--bronze-text:#75592f;--line:#d9cdb8;--muted:#4c5c66;--teal:#1e6f6a;--display:'Fraunces',Georgia,serif;--body:'Inter','Segoe UI',sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--body)}
a{color:inherit;text-decoration:none}
button,summary,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--teal);outline-offset:5px}
button{font:inherit}
p{margin:0 0 20px}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.13;text-wrap:balance;margin:0 0 24px}
h1{font-size:clamp(42px,5.6vw,78px);letter-spacing:-.035em}
h2{font-size:clamp(32px,3.2vw,45px);letter-spacing:-.025em}
h3{font-size:29px;letter-spacing:-.02em}
small{font-size:13px}
.container{max-width:1200px;margin:auto;padding-inline:28px}
.preview-date{margin-left:auto}
.button{display:inline-flex;gap:25px;align-items:center;justify-content:center;padding:15px 23px;border:1px solid transparent;min-height:52px;font-size:14px;font-weight:500;transition:background .15s,color .15s}
.button span,.text-link span{font-size:19px;line-height:1}
.gold{background:var(--bronze);color:var(--ink)!important}
.gold:hover{background:#c3a475}
.ink{background:var(--ink);color:var(--paper)}
.ink:hover{background:#223643}
.outline{border-color:#83909a;color:var(--paper)}
.outline:hover{background:#223643}
.hero{background:var(--ink);color:var(--paper);text-align:center;padding:64px 0 54px}
.hero .eyebrow{color:#d6b77f;margin-bottom:23px}
.eyebrow{display:block;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze-text);margin-bottom:18px}
.hero-lead{max-width:680px;margin:0 auto 28px;font-size:18px;line-height:1.65;color:#d3dce0}
.actions{display:flex;justify-content:center;gap:14px}
.hero .actions .button{min-width:172px}
.meander{background:var(--ink);height:20px;color:var(--bronze)}
.proof{background:var(--parchment);border-bottom:1px solid var(--line)}
.proof>.container{display:grid;grid-template-columns:repeat(3,1fr);padding-block:21px;text-align:center;font-size:13px;color:var(--muted)}
.proof span+span{border-left:1px solid var(--line)}
.section{padding:78px 0}
.routes{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.routes article{display:flex;flex-direction:column;align-items:flex-start}
.routes article+article{border-left:1px solid var(--line);padding-left:70px}
.routes p{color:var(--muted);max-width:480px}
.routes .text-link{margin-top:auto}
.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:14px;font-weight:600;border-bottom:1px solid var(--bronze);padding:6px 0}
.text-link:hover{color:var(--teal);border-color:var(--teal)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.standfirst{font-size:20px;color:var(--ink);line-height:1.55}
.assessment{background:var(--parchment);border-block:1px solid var(--line)}
.assessment .split>div:first-child>p:not(.standfirst){color:var(--muted)}
.assessment .button{margin-top:10px}
.small-link{margin-top:14px}
.assessment-sheet{background:var(--paper);padding:28px 32px;border:1px solid var(--line);border-top:3px solid var(--bronze)}
.sheet-title{display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:15px}
.assessment-sheet ol{list-style:none;margin:0;padding:0}
.assessment-sheet li{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding:15px 0;font-size:14px;line-height:1.4}
.assessment-sheet b{font:400 26px var(--display);color:var(--bronze-text)}
.assessment-sheet>p{font-size:12px;color:var(--muted);margin:17px 0 0}
.report-section{overflow:hidden}
.report-split{grid-template-columns:1fr 1fr}
.report-split figure{margin:0;padding:30px 50px 16px;background:#e8e1d5;max-width:480px}
.report-split img{width:100%;display:block;box-shadow:0 9px 18px #0b162020}
.report-split figcaption{font-size:11px;color:var(--muted);text-align:center;margin-top:16px}
.report-split>div p:not(.standfirst){color:var(--muted)}
.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:36px}
.section-heading h2{margin-bottom:0}
.section-heading .text-link{flex-shrink:0}
.guide-section{background:var(--parchment);border-block:1px solid var(--line)}
.guide-list>a{display:grid;grid-template-columns:60px 1fr 30px;align-items:center;gap:24px;padding:24px 0;border-top:1px solid var(--line)}
.guide-list>a:last-child{border-bottom:1px solid var(--line)}
.guide-list h3{margin:0;font-size:26px}
.guide-number{color:var(--bronze-text);font:24px var(--display)}
.arrow{font-size:26px}
.guide-list a:hover h3{color:var(--teal)}
.story-section{padding:65px 0}
.story-grid{display:grid;grid-template-columns:1fr 2fr;gap:80px;align-items:center}
.story-mark{color:var(--bronze-text);text-align:center}
.story-mark svg{width:140px;height:140px}
.story-grid p{color:var(--muted);max-width:680px}
.story-grid h2{margin-bottom:20px}
.seller-hero h1{font-size:clamp(44px,5.2vw,70px)}
.seller-hero{padding:52px 0 44px}
.centred{display:block;text-align:center}
.centred h2{max-width:760px;margin:auto}
.options{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);margin-top:38px}
.options>article{padding:36px 38px;display:flex;flex-direction:column;align-items:flex-start}
.options>article+article{border-left:1px solid var(--line)}
.options .assisted{background:var(--parchment)}
.option-top{min-height:222px}
.option-top p{font-size:15px;color:var(--muted)}
.option-top .eyebrow{margin-bottom:12px}
.option-top h3{font-size:33px}
.fee{width:100%;border-block:1px solid var(--line);padding:24px 0;min-height:118px;display:flex;flex-direction:column;gap:8px}
.fee strong{font:400 41px/1.1 var(--display);letter-spacing:-.025em}
.fee strong small{font:13px var(--body);letter-spacing:0}
.fee>span{font-size:12px;color:var(--muted)}
.option-inclusions{padding-top:26px;flex:1}
.option-inclusions .eyebrow{font-size:10px}
.option-inclusions ul{padding-left:17px;color:var(--muted);font-size:14px}
.option-inclusions li{padding-left:5px;margin:12px 0}
.options .text-link{margin-top:22px}
.fee-note{font-size:13px;color:var(--muted);max-width:820px;margin:23px auto 0;text-align:center}
.prepare-section{background:var(--ink);color:var(--paper)}
.prepare-section .eyebrow{color:#ddbd85}
.prepare-section .split{gap:80px}
.prepare-section h2{margin-bottom:0}
.prepare-section p{color:#b7c5cc}
.stages{padding:0;margin:55px 0 0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.stages li{border-top:1px solid #5d6159;padding-top:19px}
.stages li>span{font:28px var(--display);color:#ddbd85;display:block;margin-bottom:28px}
.stages h3{font-size:23px;min-height:55px}
.stages p{font-size:13px;line-height:1.75;margin-bottom:0}
.detail-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:75px}
.detail-grid>div:first-child>p{font-size:15px;color:var(--muted)}
.content-details{border-top:1px solid var(--line)}
.content-details summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 0;font:26px var(--display);cursor:pointer;list-style:none}
.content-details summary::-webkit-details-marker{display:none}
.content-details summary span{font:23px var(--body);color:var(--bronze-text)}
.content-details[open] summary span{transform:rotate(45deg)}
.content-details>div{font-size:15px;color:var(--muted);padding-bottom:20px}
.adviser-note{background:var(--parchment);border-top:2px solid var(--bronze);padding:26px;margin-top:25px}
.adviser-note h3{font-size:24px}
.adviser-note p{font-size:14px;color:var(--muted);margin:0}
.closing{background:var(--ink);color:var(--paper);padding:60px 0}
.closing .split{grid-template-columns:1.6fr 1fr}
.closing .split>div:last-child{text-align:right}
.closing h2{font-size:38px}
.closing .eyebrow{color:#ddbd85}
.closing p{color:#b7c5cc;margin-bottom:0}

@media(min-width:1500px){
.hero{padding-top:75px;padding-bottom:65px}
}
@media(max-width:1100px){
.routes{gap:48px}
.routes article+article{padding-left:48px}
.split{gap:50px}
.option-top{min-height:250px}
}

@media(max-width:850px){
.preview-date{display:none}
.hero{padding:48px 0}
.routes{gap:35px}
.routes article+article{padding-left:35px}
.split{gap:35px}
.options>article{padding:28px}
.option-top{min-height:265px}
.detail-grid{gap:35px;grid-template-columns:1fr 1.5fr}
.stages{grid-template-columns:1fr 1fr}
.stages h3{min-height:0}
.report-split figure{padding:20px}
.story-grid{gap:35px}
}

@media(max-width:600px){
html{scroll-padding-top:145px}
.container{padding-inline:22px}
.hero{padding:40px 0 37px}
.hero h1{font-size:45px}
.hero h1 br{display:none}
.hero .eyebrow{font-size:9px;max-width:290px;margin:0 auto 20px;line-height:1.7}
.hero-lead{font-size:16px;line-height:1.65;margin-bottom:25px}
.actions{gap:10px;flex-wrap:wrap}
.hero .actions .button{min-width:0;padding:13px 18px;gap:19px}
.seller-hero .actions{flex-direction:column;align-items:center}
.seller-hero .actions .button{width:100%;max-width:300px}
.proof>.container{grid-template-columns:1fr;padding-block:12px;gap:7px;font-size:11px}
.proof span+span{border:0}
.proof span:before{content:'·';color:var(--bronze-text);margin-right:9px}
.section{padding:46px 0}
.routes,.split,.report-split,.story-grid,.detail-grid,.closing .split{grid-template-columns:1fr;gap:38px}
.routes article+article{padding-left:0;padding-top:35px;border-left:0;border-top:1px solid var(--line)}
.routes h2 br{display:none}
.routes p{font-size:15px}
.routes h2{margin-bottom:18px}
.routes .text-link{margin-top:0}
.standfirst{font-size:18px}
.assessment-sheet{padding:22px}
.assessment-sheet li{font-size:13px}
.report-split figure{max-width:350px;margin:auto;order:2;padding:25px}
.section-heading{display:block}
.section-heading>.text-link{margin-top:18px}
.guide-list>a{grid-template-columns:32px 1fr 20px;gap:10px;padding:22px 0}
.guide-list h3{font-size:22px}
.guide-number{font-size:20px}
.arrow{font-size:21px}
.story-section{padding:42px 0}
.story-grid{grid-template-columns:65px 1fr;gap:20px;align-items:start}
.story-mark svg{width:60px;height:60px}
.story-grid h2{font-size:29px}
.story-grid p{font-size:14px}
.options{grid-template-columns:1fr;margin-top:28px}
.options>article{padding:26px}
.options>article+article{border-left:0;border-top:1px solid var(--line)}
.option-top{min-height:0}
.option-top h3{font-size:30px}
.option-top p{margin-bottom:22px}
.fee{min-height:0}
.fee strong{font-size:38px}
.fee-note{text-align:left;font-size:12px}
.centred h2{font-size:32px}
.stages{gap:22px;margin-top:34px}
.stages h3{font-size:21px}
.stages li>span{margin-bottom:20px}
.stages p{font-size:12px}
.content-details summary{font-size:24px}
.closing .split>div:last-child{text-align:left}
.closing h2{font-size:32px}
.closing h2 br{display:none}
.closing .split{gap:23px}
.closing{padding:44px 0}
}

@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*{transition:none!important}
}
/* Details restored from the original site, with clearer hierarchy. */
.detail-section{background:#eee8dc;border-block:1px solid #b7a485}
.detail-grid{grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:start}
.detail-grid>div:first-child{position:sticky;top:166px}
.detail-grid>div:first-child h2{font-size:36px}
.detail-grid>div:first-child>p{color:#263d49}
.content-details{border:1px solid #ac9877;background:#fffdf8;margin:0 0 20px}
.content-details>summary{padding:23px 26px;font-size:28px;font-weight:500;line-height:1.25;color:var(--ink);min-height:80px}
.content-details>summary>span{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;background:var(--ink);color:var(--paper);font:22px/1 var(--body)}
.content-details[open]>summary{background:var(--ink);color:var(--paper);border-bottom:3px solid var(--bronze)}
.content-details[open]>summary>span{background:var(--bronze);color:var(--ink)}
.content-details[open]>summary>span{transform:none;font-size:0}
.content-details[open]>summary>span:before{content:'−';font:22px/1 var(--body)}
.content-details>.detail-body{padding:28px;color:#203541;font-size:16px;line-height:1.7}
.detail-shell{padding:0;max-width:none;margin:0}
.detail-prose>p{margin-bottom:20px}
.detail-prose-lg{border-bottom:1px solid #c3b18f;padding-bottom:6px;margin-bottom:26px;font-size:17px;color:var(--ink)}
.detail-body h3{font-size:25px;font-weight:500;color:var(--ink);line-height:1.25;margin:28px 0 16px}
.detail-body .detail-prose h3:first-child{margin-top:0}
.detail-steps{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:20px}
.detail-step{display:grid;grid-template-columns:42px minmax(0,1fr);gap:20px;background:#fff;border:1px solid #c3b18f;padding:25px 24px}
.detail-step-number{width:42px;height:42px;display:grid;place-items:center;background:var(--ink);color:#e0c18b;font:500 23px/1 var(--display)}
.detail-body .detail-step h3{margin:5px 0 18px;font-size:24px}
.detail-step p{margin:0 0 18px}
.detail-step p:last-child{margin-bottom:0}
.detail-step .button{margin-top:5px;white-space:normal;text-align:center;line-height:1.5;max-width:100%;font-size:13px}
.detail-body a:not(.button){text-decoration:underline;text-underline-offset:4px;color:#165e59}
.detail-deliverables,.engagement-panel{background:#fffdf8;border:1px solid #c8b99d;border-top:3px solid var(--bronze);padding:30px 34px}
.detail-body .detail-deliverables h3,.engagement-panel h3{font:500 26px/1.25 var(--display);color:var(--ink);margin:0 0 22px}
.detail-deliverables ul,.engagement-panel ul{list-style:none;padding:0;margin:0}
.detail-deliverables li,.engagement-panel li{position:relative;border-top:1px solid #c8b99d;padding:18px 0 18px 26px;line-height:1.7;color:#203541}
.detail-deliverables li:before,.engagement-panel li:before{content:'◇';position:absolute;top:18px;left:0;color:#8b642b;font-size:18px;line-height:1.6}
.detail-deliverables li:last-child,.engagement-panel li:last-child{padding-bottom:0}
.detail-deliverables strong{display:block;font-weight:600;color:var(--ink);margin-bottom:7px}
.engagement-section{padding:0 0 68px}
.engagement-panel{max-width:1000px;margin:auto;padding:34px 42px}
.engagement-panel li{font-size:16px}
.pullquote{margin:30px 0;padding:0 0 0 25px;border-left:3px solid var(--bronze);max-width:680px}
.pullquote p,.story-grid .pullquote p{font:italic 400 28px/1.45 var(--display);color:#8a622b;margin:0;text-wrap:pretty}
.detail-body .pullquote{margin:30px 0 6px}
.detail-body .pullquote p{font-size:25px}
.names-section{background:var(--ink);color:var(--paper);padding:60px 0 64px;border-bottom:1px solid #233541}
.names-section .container{max-width:1000px}
.names-section .eyebrow{font:italic 500 17px/1.5 var(--display);text-transform:none;letter-spacing:0;color:#d6b174;margin-bottom:34px}
.names-section h2{font-size:41px;margin-bottom:18px}
.names-section p{font:400 26px/1.5 var(--display);max-width:800px;margin:0}
.hero .hero-strap{font:500 17px/1.55 var(--body);color:#d8bc8c;text-transform:none;letter-spacing:0;max-width:760px;margin:0 auto 26px;text-wrap:balance}
.options{border-color:#ad9774}
.options>article+article{border-left-color:#ad9774}
.fee{border-color:#b9a482}

@media(max-width:950px){
.detail-grid{grid-template-columns:1fr;gap:28px}
.detail-grid>div:first-child{position:static;max-width:680px}
.detail-grid>div:first-child h2{margin-bottom:18px}
.detail-grid>div:first-child>p{margin-bottom:0}
}

@media(max-width:600px){
.detail-step>div{display:contents}
.detail-step>div>h3{grid-column:2;grid-row:1}
.detail-step>div>p{grid-column:1/-1}
.detail-step-number{grid-column:1;grid-row:1}
}

@media(max-width:600px){
.content-details>summary{padding:20px 18px;font-size:24px;min-height:74px;gap:15px}
.content-details>.detail-body{padding:20px 16px;font-size:15px}
.detail-prose-lg{font-size:16px;margin-bottom:20px}
.detail-step{grid-template-columns:34px minmax(0,1fr);gap:12px;padding:20px 15px}
.detail-step-number{width:34px;height:34px;font-size:20px}
.detail-body .detail-step h3{font-size:22px;margin-top:3px}
.detail-step>div{min-width:0}
.detail-step .button{padding:12px 14px;display:flex;font-size:12px}
.detail-body h3{font-size:23px}
.detail-deliverables{padding:23px 19px}
.detail-body .detail-deliverables h3,.engagement-panel h3{font-size:24px}
.detail-deliverables li{padding-left:21px;font-size:14px}
.detail-deliverables li:before{font-size:16px}
.engagement-section{padding-bottom:44px}
.engagement-panel{padding:26px 22px}
.engagement-panel li{font-size:15px}
.pullquote{padding-left:18px;margin:23px 0}
.pullquote p,.story-grid .pullquote p{font-size:25px}
.story-grid{grid-template-columns:1fr}
.story-mark{display:none}
.detail-body .pullquote p{font-size:23px}
.names-section{padding:42px 0}
.names-section .eyebrow{font-size:16px;margin-bottom:25px}
.names-section h2{font-size:33px}
.names-section p{font-size:23px}
.hero .hero-strap{font-size:15px;max-width:340px;line-height:1.6;margin-bottom:24px}
.options>article+article{border-top-color:#ad9774}
}


/* Band delineation on the home page (Kate, 24.10.2026: 'this is not great as
   needs delineation').
 *
 * Two faults, measured at 1200px. Adding the sale readiness section put three
 * parchment bands in a row (acuity, readiness, guides), and moving the town
 * report left two paper sections touching with no background change and no
 * rule between them (town report, then the proxenos), so they read as one
 * undifferentiated block.
 *
 * The rule below restores the alternation the design already uses: paper,
 * parchment, paper, parchment, with the parchment bands carrying the hairline
 * they already had. No two neighbouring bands now share a background. */

.assessment + .assessment {
  background: var(--paper);
  border-block: 0;
}

.story-section {
  background: var(--parchment);
  border-block: 1px solid var(--line);
}

/* 24.10.2026, Kate: bronze line between the last dark band and the dark footer. */
main > .closing:last-child,
main > .names-section:last-child {
  border-bottom: 3px solid var(--bronze);
}