
/* Multi-page Friendly Sam navigation, gallery, and page-level introductions. */
.site-header nav a[aria-current="page"]{color:var(--pine);text-decoration:underline;text-decoration-color:var(--coral);text-underline-offset:7px;text-decoration-thickness:2px}
.interior-hero{background:var(--cream);padding-top:85px;padding-bottom:80px}
.help-hero-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:6vw;align-items:center;max-width:1320px;margin:auto}
.help-hero-copy{min-width:0}
.help-hero-photo{width:100%;height:420px;object-fit:cover;object-position:center 38%;border-radius:4px;box-shadow:12px 12px 0 #e3e8d8}
.help-hero h1{max-width:720px}
.interior-hero h1,.gallery-page h1{font:600 clamp(3rem,6vw,5.3rem)/.99 var(--serif);letter-spacing:-.055em;margin:0 0 20px;max-width:900px}
.interior-hero>p:not(.eyebrow){font-size:1.08rem;color:#52645c;max-width:700px;margin:0 0 27px}
.project-invitation{background:#e7efdf;text-align:center}
.project-invitation h2,.sam-gallery-cta h2,.gallery-peek h2,.shawna-photo-peek h2{font:600 clamp(2.3rem,4vw,3.4rem)/1.08 var(--serif);letter-spacing:-.04em;margin:0 0 15px}
.project-invitation>p:not(.eyebrow),.sam-gallery-cta>p:not(.eyebrow){color:var(--muted);max-width:630px;margin:0 auto 24px}
.gallery-peek{background:#edf0e7;display:grid;grid-template-columns:.9fr 1.1fr;gap:5vw;align-items:center;padding-top:80px;padding-bottom:82px}
.gallery-peek-copy>p:not(.eyebrow){color:var(--muted);max-width:480px;margin:0 0 22px}
.gallery-peek-images{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:160px 160px;gap:10px;transform:rotate(1deg)}
.gallery-peek-images img{width:100%;height:100%;object-fit:cover;border-radius:3px}
.gallery-peek-images img:first-child{grid-row:span 2}
.gallery-peek-images img:last-child{object-position:center 43%}
.shawna-photo-peek{background:#fbf3ec}
.shawna-photo-peek>div:first-child{max-width:710px;margin:0 auto 34px;text-align:center}
.shawna-photo-peek>div:first-child>p:not(.eyebrow){color:var(--muted)}
.shawna-peek-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:170px;gap:12px;max-width:1120px;margin:0 auto 24px}
.shawna-peek-grid img{width:100%;height:100%;object-fit:cover;border-radius:3px}
.shawna-peek-grid img:first-child{grid-column:span 2;grid-row:span 2}
.shawna-photo-peek>.button{display:flex;width:max-content;margin:auto}
.gallery-page{padding-top:80px;padding-bottom:90px}
.gallery-page-heading{max-width:900px;margin:0 auto 34px;text-align:center}
.gallery-page-heading>p:not(.eyebrow){max-width:680px;margin:0 auto;color:var(--muted)}
.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:155px;gap:12px;max-width:1240px;margin:auto}
.gallery-card{position:relative;overflow:hidden;margin:0;background:#dce4d9;border-radius:4px;min-width:0}
.gallery-card:nth-child(7n + 1),.gallery-card:nth-child(7n + 5){grid-column:span 2;grid-row:span 2}
.gallery-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.gallery-card:hover img{transform:scale(1.035)}
.gallery-card[hidden]{display:none}
.gallery-afterword{text-align:center;font:italic 1.05rem var(--serif);color:#586a5e;max-width:600px;margin:34px auto 18px}
.gallery-links{display:flex;justify-content:center;flex-wrap:wrap;gap:24px}
.sam-gallery-cta{background:#e9eee2;text-align:center}
.sam-gallery-cta>p:not(.eyebrow){max-width:620px}
.project-invitation{background:#e7efdf;text-align:center}
@media(max-width:900px){.site-header nav{gap:12px}.site-header nav a{font-size:.65rem}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:140px}.shawna-peek-grid{grid-auto-rows:140px}.help-hero-photo{height:350px}}
@media(max-width:650px){.site-header{height:auto;min-height:70px;flex-wrap:wrap;padding:10px 16px 0}.site-header nav{display:flex;order:3;overflow-x:auto;overscroll-behavior-x:contain;white-space:nowrap;width:calc(100% + 32px);margin:0 -16px;padding:9px 16px 12px;gap:18px;scrollbar-width:none}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a{font-size:.72rem!important}.header-cta{font-size:.7rem;padding:10px 14px}.interior-hero{padding:60px 24px}.help-hero-layout{grid-template-columns:1fr;gap:28px}.help-hero-photo{height:300px;grid-row:2}.interior-hero h1,.gallery-page h1{font-size:clamp(2.8rem,13vw,4.3rem)}.gallery-peek{grid-template-columns:1fr;gap:24px;padding:64px 24px}.gallery-peek-images{grid-template-rows:130px 130px}.shawna-photo-peek{padding-inline:20px}.shawna-peek-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:125px;gap:8px}.shawna-peek-grid img:first-child{grid-column:span 2;grid-row:span 2}.gallery-page{padding:62px 16px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:122px;gap:8px}.gallery-card:nth-child(7n + 1),.gallery-card:nth-child(7n + 5){grid-column:span 2;grid-row:span 2}gallery-links{flex-direction:column;align-items:center;gap:12px}}

/* Playful rate comparison: premium consulting is officially off the menu. */
.rate-rejection{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 12px;color:#dce6d9;font-size:.75rem}.rate-rejection del{font:600 1.12rem var(--serif);color:#c3cfc4;text-decoration-color:var(--coral);text-decoration-thickness:2px}.rate-rejection strong{background:var(--coral);color:var(--forest-deep);padding:2px 7px;border-radius:2px;font-size:.68rem;letter-spacing:.09em}.rate-rejection span:last-child{color:#d7e0d7}.symbol-adventure{background:#d9e9e5;color:var(--forest)}

/* Larger, more editorial gallery tiles; a little more room for each photo. */
.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:220px;gap:16px;max-width:1320px}
.gallery-card:nth-child(7n + 1),.gallery-card:nth-child(7n + 5){grid-column:span 2;grid-row:span 2}
@media(max-width:900px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:185px;gap:12px}}
@media(max-width:650px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:165px;gap:9px}}

/* Contact form */
.contact-form{display:grid;gap:15px;margin-top:25px}
.form-field{display:grid;gap:7px;border:0;padding:0;margin:0}
.form-field>label,.form-field legend{font-size:.72rem;font-weight:700;color:var(--forest)}
.form-field input:not([type=checkbox]):not([type=radio]),.form-field select,.form-field textarea{width:100%;border:1px solid #bbc8bb;border-radius:3px;background:#fffdf8;color:var(--ink);padding:12px 13px;font:400 .8rem/1.5 var(--sans)}
.form-field textarea{resize:vertical;min-height:120px}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:3px solid #a6bb7b;outline-offset:1px}
.form-choice{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px}
.form-choice legend,.form-topics legend{width:100%;margin-bottom:2px}
.form-choice label,.topic-choices label{display:flex;align-items:center;gap:7px;font-size:.74rem;color:#43584c}
.form-choice input,.topic-choices input{accent-color:var(--forest)}
.topic-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px 13px}
.form-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.contact-form .contact-small a{color:inherit}
@media(max-width:650px){.topic-choices{grid-template-columns:1fr}.contact-form{gap:13px}}

.rate-section{align-items:start}.rate-card{align-self:start}
.fit-list li{font-size:.98rem;line-height:1.7}

.friends-proof{display:grid;gap:18px}
.friends-photo{display:block;width:100%;max-height:370px;object-fit:cover;object-position:center 34%;border-radius:4px}

.shawna-full-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:320px;gap:18px;max-width:1320px;margin:34px auto 30px}
.shawna-large-photo{margin:0;min-width:0;overflow:hidden;border-radius:4px;background:#e9e5dd}
.shawna-large-photo:nth-child(5n + 1),.shawna-large-photo:nth-child(5n + 4){grid-column:span 2}
.shawna-large-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.shawna-large-photo:hover img{transform:scale(1.025)}
.shawna-photo-peek>.button{display:flex;width:max-content;margin:auto}
@media(max-width:900px){.shawna-full-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:270px;gap:14px}}
@media(max-width:650px){.shawna-full-gallery{grid-template-columns:1fr;grid-auto-rows:320px;gap:12px}.shawna-large-photo:nth-child(5n + 1),.shawna-large-photo:nth-child(5n + 4){grid-column:span 1}}

/* Larger, comfortable reading size across Sam’s story. */
.sam-story-page .about-section{grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:start}
.sam-story-page .sam-story-photo{max-width:470px;width:100%;margin:0;transform:none;background:transparent;box-shadow:none;border-radius:0;overflow:visible}
.sam-story-page .sam-story-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center 55%;border-radius:4px;box-shadow:10px 10px 0 #e8eee2}
.sam-story-page .sam-story-photo>a{position:static;display:inline-block;margin-top:18px;font-size:.9rem}
.sam-story-page .about-copy>p:not(.eyebrow){font-size:1.08rem;line-height:1.8}
.sam-story-page .business-details summary{font-size:1rem}
.sam-story-page .business-details p{font-size:1rem;line-height:1.75}
.sam-story-page .scrapbook-heading>p{font-size:1rem;line-height:1.75}
.sam-story-page .scrap-card .scrap-label{font-size:.7rem}
.sam-story-page .scrap-card p:last-child{font-size:.9rem;line-height:1.7}
.sam-story-page .scrapbook-footer p{font-size:1.05rem;line-height:1.7}
.sam-story-page .friends-section>div:first-child>p:last-child{font-size:1rem;line-height:1.75}
.sam-story-page .friends-aside{font-size:.95rem!important;line-height:1.7!important}
.sam-story-page .friend-names>span{font-size:1.1rem}
.sam-story-page .friend-names small{font-size:.78rem}
.sam-story-page .friend-names p{font-size:.88rem;line-height:1.65}
@media(max-width:650px){.sam-story-page .about-section{grid-template-columns:1fr;gap:30px}.sam-story-page .sam-story-photo{max-width:480px;margin:0 auto}.sam-story-page .about-copy>p:not(.eyebrow){font-size:1rem;line-height:1.75}.sam-story-page .scrap-card .scrap-label{font-size:.62rem}.sam-story-page .scrap-card p:last-child{font-size:.78rem}.sam-story-page .friend-names>span{font-size:1rem}.sam-story-page .friend-names small{font-size:.73rem}}

.sam-story-page .sam-story-photo>a.professional-resume-link{display:block;margin-top:13px;padding:13px 15px;background:#edf0e7;border-left:3px solid var(--coral);color:var(--forest);font-size:.87rem;font-weight:700;line-height:1.5;text-decoration:none;border-radius:2px;transition:background .15s,transform .15s}
.sam-story-page .sam-story-photo>a.professional-resume-link:hover{background:#e3eadc;transform:translateY(-1px)}
.sam-story-page .sam-story-photo>a.professional-resume-link:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
