/* Deploy A, 22 Oct 2026 (approved reference: photo_wow_2026-10-22/page_preview/r3). One continuous cream page with a photo wash. */
.pv-sticky{display:none}
.pv-sticky[hidden]{display:none!important}
html{scroll-padding-bottom:84px}
body.deploy-a{overflow-x:hidden;background:#faf6ee}
body.deploy-a main{position:relative;isolation:isolate}
body.deploy-a .crumbs{background:none!important;padding:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important}

/* the wash: tall, fading, behind everything */
.pv-wash{position:absolute;z-index:-1;top:0;left:0;right:0;height:2000px;overflow:hidden;pointer-events:none;
 -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.36) 0,rgba(0,0,0,.20) 22%,rgba(0,0,0,.09) 48%,rgba(0,0,0,.03) 75%,transparent 100%),linear-gradient(to right,transparent 0,#000 22%,#000 78%,transparent 100%);
 -webkit-mask-composite:source-in;
 mask-image:linear-gradient(to bottom,rgba(0,0,0,.36) 0,rgba(0,0,0,.20) 22%,rgba(0,0,0,.09) 48%,rgba(0,0,0,.03) 75%,transparent 100%),linear-gradient(to right,transparent 0,#000 22%,#000 78%,transparent 100%);
 mask-composite:intersect}
.pv-wash img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:calc(var(--x,.5)*100%) 0;display:block;filter:saturate(1.15) brightness(1.06)}

/* one surface: no sand bands, no white boxes, hairlines between sections */
html body.deploy-a main>section{background:transparent!important}
html body.deploy-a main>section+section,html body.deploy-a main>nav+section{border-top:1px solid rgba(74,68,60,.16)!important;border-bottom:0!important}
html body.deploy-a .guide-reading .reading-contents,html body.deploy-a .guide-reader-tools,html body.deploy-a .reading-excerpt,html body.deploy-a .purchase-repeat,html body.deploy-a .signup-band,html body.deploy-a .shelf-section,html body.deploy-a .kit-crosslink{background:transparent!important;box-shadow:none!important}
html body.deploy-a .guide-reading .reading-contents,html body.deploy-a .guide-reader-tools{border:0!important;border-left:1px solid rgba(74,68,60,.22)!important;padding-left:28px!important}
html body.deploy-a main>section:not(.product-section){padding-top:84px;padding-bottom:84px}
html body.deploy-a .guide-reading{padding-top:64px;padding-bottom:64px;min-height:0;align-items:start}
html body.deploy-a .guide-reader-tools{padding-top:20px!important;padding-bottom:20px!important}
html body.deploy-a .signup-band input[type=email]{background:#fffdf8}
html body.deploy-a .cross-preview img{background:#fffdf8}

/* bookend behind "Buy the guide" */
html body.deploy-a .purchase-repeat{position:relative;isolation:isolate;overflow:hidden}
.pv-bookend{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover;opacity:.14;pointer-events:none;
 -webkit-mask-image:radial-gradient(ellipse 60% 62% at 50% 50%,#000 20%,transparent 100%);mask-image:radial-gradient(ellipse 60% 62% at 50% 50%,#000 20%,transparent 100%)}

/* buy: rust is for Buy buttons only; Amazon-only titles get the solid primary */
html body.deploy-a .buy-primary,html body.deploy-a a.button.buy-amazon{background:#8b3f22!important;border-color:#8b3f22!important;color:#fff!important}
.pv-reassure{font-size:.9375rem;line-height:1.5;color:#4a443c;margin:12px 0 0}
.pv-bundle{margin:14px 0 0;font-size:1rem}
/* 22 Oct 2026: lower Buy box on phones - the reassurance line spans the full width like the upper one */
@media(max-width:600px){html body .pr-copy>.pv-reassure{grid-column:1/-1}}
.kit-product-copy>.pv-bundle{margin:0 0 18px}
.pv-bundle a{color:#1c1a17;text-decoration:underline;text-underline-offset:3px}
html body.deploy-a .br-credit{font-size:.9375rem;color:#4a443c;margin-top:14px}
html body.deploy-a .jbh{color:#4a443c!important}

/* where you might stay / two places to eat alone */
.pv-stayeat{padding-top:72px!important;padding-bottom:72px!important}
.pv-stayeat .se-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;max-width:1100px;margin:0 auto}
.pv-stayeat .se-grid.se-one{grid-template-columns:1fr;max-width:640px}
.pv-stayeat h2{font-size:1.75rem;margin:0 0 22px;font-weight:500;color:#1c1a17}
.pv-stayeat ul{list-style:none;margin:0;padding:0}
.pv-stayeat li{margin:0 0 20px}
.se-lbl{display:block;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:#4a443c;margin-bottom:2px}
.se-name{display:block;font-family:Georgia,"Cormorant Garamond",serif;font-size:1.25rem;line-height:1.35;color:#1c1a17}
.se-desc{display:block;font-size:1rem;line-height:1.55;color:#4a443c;margin-top:2px}

/* kit teaser without an image */
.kit-crosslink.no-preview{grid-template-columns:1fr!important}

/* region list */
.pv-citylist{padding-top:8px!important;padding-bottom:24px!important}
.pv-citylist ul{list-style:none;margin:0;padding:0;max-width:1100px;columns:3 220px;column-gap:40px}
.pv-citylist li{break-inside:avoid;padding:7px 0;font-size:1.0625rem;border-bottom:1px solid rgba(74,68,60,.12)}
.pv-citylist a{color:#1c1a17;font-weight:600;text-underline-offset:3px}
.pv-citylist .vj{font-size:.875rem;color:#4a443c;font-family:Georgia,"Cormorant Garamond",serif}
body.deploy-a-kit .kit-product .eyebrow{color:#4a443c}
body.deploy-a-kit .kit-product-art,body.deploy-a-kit .actual-kit-preview{background:transparent!important;box-shadow:none!important}
body.deploy-a-kit .kit-product-art{border:1px solid rgba(74,68,60,.16)}
body.deploy-a-kit .actual-kit-preview{border:0;border-top:1px solid rgba(74,68,60,.16)}
body.deploy-a-kit .kit-includes h2{text-transform:none;letter-spacing:0;font-size:1.5rem;font-weight:500;margin:28px 0 12px}

@media(max-width:700px){
 html body.deploy-a main>section:not(.product-section){padding-top:52px;padding-bottom:52px}
 .pv-stayeat .se-grid{grid-template-columns:1fr;gap:36px}
 html body.new-design .product-section .product-copy>.jbh{grid-column:2!important;grid-row:4!important;margin:6px 0 0!important}
 html body.new-design .product-section .product-copy>.purchase-block{grid-row:5!important}
 html body.new-design .product-section .product-copy>.pv-bundle{grid-row:6!important;grid-column:1/-1}
 html body.new-design .product-section .product-copy>.br-credit{grid-row:7!important;grid-column:1/-1}
 html body.new-design .product-section .product-copy>.intro{grid-row:8!important;grid-column:1/-1}
 html body.new-design .product-section .product-copy>.founding-line{grid-row:9!important;grid-column:1/-1}
 html body.new-design .product-section .product-copy>a.text-link{grid-row:10!important;grid-column:1/-1}
 body.deploy-a .product-copy h1,body.deploy-a .product-copy .eyebrow,body.deploy-a .product-copy .product-byline,body.deploy-a .product-copy .jbh,body.deploy-a .crumbs{text-shadow:0 0 10px #faf6ee,0 0 4px #faf6ee}
 /* photo centred on its landmark, a little stronger at the top (about 45%) */
 .pv-wash{height:1500px;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.46) 0,rgba(0,0,0,.26) 28%,rgba(0,0,0,.10) 55%,transparent 100%),linear-gradient(to right,transparent 0,#000 10%,#000 90%,transparent 100%);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.46) 0,rgba(0,0,0,.26) 28%,rgba(0,0,0,.10) 55%,transparent 100%),linear-gradient(to right,transparent 0,#000 10%,#000 90%,transparent 100%)}
 .pv-wash img{inset:auto;top:0;left:calc(50% - var(--x,.5)*var(--ar,1.5)*1000px);width:auto;height:1000px;max-width:none;object-fit:fill}
 .pv-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#faf6ee;border-top:1px solid rgba(74,68,60,.25)}
 .pv-sp{font-family:Georgia,serif;font-size:1.5rem;color:#1c1a17}
 .pv-sticky .button{flex:1;max-width:240px;text-align:center;min-height:44px;margin:0}
 body.pv-bar-on{padding-bottom:78px}
}

/* 24 Oct 2026 (samples1024): readability veil. Keeps the faded photo; a soft cream panel sits behind text blocks so body text reaches WCAG AA (4.5:1) over any photo. */
html body.deploy-a .crumbs,html body.deploy-a .product-copy,html body.deploy-a .pv-stayeat .se-grid,html body.deploy-a .guide-reading .reading-excerpt,html body.deploy-a .guide-reading .reading-contents,html body.deploy-a .purchase-repeat .pr-copy,html body.deploy-a .signup-copy{position:relative;isolation:isolate}
html body.deploy-a .crumbs::before,html body.deploy-a .product-copy::before,html body.deploy-a .pv-stayeat .se-grid::before,html body.deploy-a .guide-reading .reading-excerpt::before,html body.deploy-a .guide-reading .reading-contents::before,html body.deploy-a .purchase-repeat .pr-copy::before,html body.deploy-a .signup-copy::before{content:"";position:absolute;z-index:-1;inset:-10px -18px;border-radius:22px;background:rgba(250,246,238,.60);filter:blur(12px);pointer-events:none}
html body.deploy-a .crumbs::before{inset:-4px -14px;background:rgba(250,246,238,.68)}
@media(max-width:700px){
 html body.deploy-a .product-copy::before{inset:-12px -12px;background:rgba(250,246,238,.66)}
 body.deploy-a .product-copy h1,body.deploy-a .product-copy .eyebrow,body.deploy-a .product-copy .product-byline,body.deploy-a .product-copy .jbh,body.deploy-a .crumbs{text-shadow:none}
}
