/* Shared detail-page layouts, continuing the homepage's paper and leaf motif. */
.mobile-menu {max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain}
.desktop-nav a[aria-current="page"] {color:var(--deep);text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:8px}
.page-breadcrumbs {display:flex;flex-wrap:wrap;gap:10px;align-items:center;list-style:none;margin:0 auto;padding:20px 0;font-size:11px;color:var(--muted)}
.page-breadcrumbs a {text-decoration:underline;text-underline-offset:4px}
.page-intro {position:relative;isolation:isolate;text-align:center;background:var(--cream);padding:42px 24px 50px;overflow:hidden;border-bottom:1px solid #f0e0ad}
.page-intro::before {content:"";position:absolute;z-index:-1;width:185px;height:185px;left:-20px;top:-25px;background:url("assets/lp-leaf-corner.webp") center/contain no-repeat;transform:scaleX(-1);opacity:.65}
.page-intro h1 {font-size:clamp(30px,3.4vw,45px);line-height:1.65;letter-spacing:.025em;margin:0 auto 19px;max-width:900px}
.page-intro h1 span {position:relative;display:inline-block;isolation:isolate;color:#cf7307}
.page-intro h1 span::before {content:"";position:absolute;inset:-5px -18px;z-index:-1;background:url("assets/lp-title-wash.webp") center/100% 100% no-repeat;opacity:.6}
.page-intro>p:last-of-type {max-width:670px;margin:0 auto;font-size:15px;line-height:2}
.page-topic-nav {display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:27px auto 0;max-width:900px}
.page-topic-nav a {display:flex;align-items:center;gap:15px;border:1px solid #dbdfcd;border-radius:100px;padding:8px 18px;font-size:12px;font-weight:700;background:white;color:var(--deep)}
.page-topic-nav a::after {content:"↓";color:var(--orange)}
.page-topic-nav a:hover {background:var(--soft-yellow);border-color:#e8bd4a}
.detail-section {padding:66px 0;position:relative}
.detail-section:nth-of-type(even) {background:var(--soft-yellow)}
.detail-section.soft-green {background:var(--soft-green)}
.detail-section.soft-yellow {background:var(--soft-yellow)}
.page-work .detail-section:not(.soft-yellow):not(.soft-green) {background:#fff}
.detail-heading {max-width:800px;margin:0 auto 34px;text-align:center}
.detail-heading h2 {font-size:clamp(25px,2.7vw,34px);line-height:1.65;letter-spacing:.02em;margin-bottom:18px}
.detail-heading>p:not(.eyebrow) {max-width:670px;margin:0 auto;font-size:14px;color:var(--muted);line-height:2}
.detail-heading .text-link {margin-top:21px}
.split-panel {display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.split-panel.reverse>figure {order:2}
.split-panel>figure {margin:0;min-width:0}
.split-panel>figure img {display:block;width:100%;max-width:480px;height:310px;object-fit:cover;border:1px solid #e4d7ac;border-radius:24px;margin:auto}
.split-panel figcaption {font-size:11px;color:var(--muted);text-align:center;margin-top:10px}
.detail-copy {min-width:0;font-size:14px;line-height:2}
.detail-copy h3 {font-size:18px;color:var(--deep);margin:23px 0 10px}
.detail-copy h3:first-child {margin-top:0}
.detail-copy .text-link {margin-top:20px}
.tag-list {display:flex;flex-wrap:wrap;list-style:none;margin:15px 0 20px;padding:0;gap:7px}
.tag-list li {background:#f1f7ed;border:1px solid #d4e1c9;color:var(--deep);border-radius:7px;padding:4px 10px;font-size:12px}
.check-list {padding:0;list-style:none;margin:16px 0}
.check-list li {position:relative;padding-left:22px;margin:8px 0;font-size:14px}
.check-list li::before {content:"✓";position:absolute;left:0;color:var(--green);font-weight:bold}
.detail-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}
.detail-card {background:#fff;border:1px solid #e5d9ac;border-radius:22px;padding:26px;min-width:0}
.detail-card h3 {font-size:18px;margin:0 0 12px;line-height:1.7}
.detail-card p {font-size:13px;color:var(--muted);line-height:1.95}
.source-note {font-size:11px;color:#626a5e;line-height:1.9;margin:23px auto 0;max-width:850px}
.source-note a {text-decoration:underline;text-underline-offset:3px;margin-left:5px}
.staff-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.staff-card {padding:26px;background:#fff;border:1px solid #e7dba7;border-radius:25px;text-align:center}
.staff-avatar {width:210px;height:210px;max-width:100%;overflow:hidden;border-radius:42% 48% 44% 46%;margin:0 auto 22px;background:#fffdf7}
.staff-avatar img {display:block;height:100%;width:100%;object-fit:contain}
.staff-identity {min-height:120px}
.staff-message-title {font-size:17px;font-weight:700;line-height:1.85;color:var(--deep);margin:13px 0 0;padding-top:18px;border-top:1px solid #eee4c5}
.staff-role {font-size:12px;color:var(--deep);font-weight:700;margin:0}
.staff-card h3 {font-size:25px;margin:2px 0 12px}
.staff-card h3 small {font-size:12px;font-weight:500;margin-left:5px}
.staff-pending-profile .staff-monogram {width:154px;height:154px;margin-bottom:22px;font-size:42px}
.staff-qualifications {font-size:11px;color:#697455;border-block:1px dashed #e1e5d6;padding:8px 0;margin:0 0 15px;min-height:36px}
.staff-card .staff-description {font-size:13px;line-height:2;text-align:left;margin:14px 0 0;color:var(--muted)}
.staff-picture-note {text-align:center;font-size:11px;color:var(--muted);margin:20px 0 0}
.staff-names {display:flex;flex-wrap:wrap;justify-content:center}
.staff-name-card {flex:0 1 calc(25% - 18px);padding:27px 16px}
.staff-monogram {display:grid;place-items:center;width:84px;height:84px;margin:0 auto 20px;border-radius:45% 55% 52% 48%;background:#fff0b7;color:#8f6210;font-size:36px;font-weight:700}
.staff-name-card:nth-child(3n+2) .staff-monogram {background:#e1efd8;color:#3a783a;transform:rotate(-5deg)}
.staff-name-card:nth-child(3n+3) .staff-monogram {background:#fae6db;color:#a56744}
.staff-name-card h3 {font-size:23px;letter-spacing:.04em}
.staff-name-card h3 small {font-size:12px;margin-left:5px;font-weight:500}
.staff-name-card .staff-role {font-size:9px;letter-spacing:.13em}
.results-table {width:100%;max-width:800px;margin:0 auto;border-collapse:separate;border-spacing:0;border:1px solid #d8dfc8;border-radius:20px;overflow:hidden;text-align:center;background:white}
.results-table th,.results-table td {padding:20px 16px;border-bottom:1px solid #e3e7d8}
.results-table thead th {font-size:13px;color:var(--deep);background:var(--soft-green)}
.results-table tbody th {font-size:14px;font-weight:700}
.results-table td {font-size:28px;font-weight:800;color:#bd6d10}
.results-table tr:last-child th,.results-table tr:last-child td {border-bottom:0}
.results-support {max-width:800px;margin:20px auto 0;padding:20px 24px;border-radius:16px;background:var(--soft-green);color:var(--deep);text-align:center;font-size:15px;line-height:1.9}
.results-support strong {font-size:23px;margin:0 4px}
.result-cell-note {display:block;font-size:11px;line-height:1.5;font-weight:500;color:var(--muted);margin-top:5px}
.results-support h3 {font-size:17px;line-height:1.8;margin:0 0 12px}
.results-support h3 strong {display:inline-block;white-space:nowrap}
.results-support>p {font-size:13px;line-height:2;margin:0}
.results-support .retention-outlook-note {font-size:11px;color:var(--muted);margin-top:12px}
.career-benchmark {max-width:920px;margin:0 auto;padding:35px;background:#fffefb;border:1px solid #e5d8a3;border-radius:26px}
#career-benchmark-title span {display:inline-block}
.benchmark-layout {display:grid;grid-template-columns:.85fr 1.25fr;gap:36px;align-items:center}
.benchmark-highlight {text-align:center;color:var(--deep)}
.benchmark-highlight>p {font-size:14px;font-weight:700;margin:0 0 14px}
.benchmark-highlight>strong {display:block;white-space:nowrap;font-size:76px;line-height:1.2;letter-spacing:-.04em;color:#ad600b}
.benchmark-highlight>strong small {font-size:23px;letter-spacing:0;margin:0 5px}
.benchmark-highlight>span {display:block;margin-top:17px;font-size:12px;color:var(--muted)}
.benchmark-chart {margin:0;padding:25px;background:var(--soft-green);border-radius:19px}
.benchmark-chart figcaption {font-size:12px;font-weight:700;color:var(--deep);margin-bottom:20px}
.benchmark-row+.benchmark-row {margin-top:20px}
.benchmark-label {display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.benchmark-label>b {font-size:14px}
.benchmark-label>strong {font-size:30px;line-height:1.3;white-space:nowrap;color:#ad600b}
.benchmark-label small {font-size:12px;margin-left:3px}
.benchmark-row>p {font-size:10px;color:var(--muted);margin:3px 0 8px}
.benchmark-track {width:100%;height:20px;border-left:1px solid #9cac92;background:#e3e9da}
.benchmark-bar {display:block;height:100%;border-radius:0 5px 5px 0;background:#e9a325}
.benchmark-row.national .benchmark-bar {background:#82986d}
.benchmark-row.national strong {color:var(--deep)}
.benchmark-axis {display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:5px}
.benchmark-caveat {font-size:12px;line-height:1.95;color:#626a5e;padding-top:24px;margin:24px 0 0;border-top:1px solid #e7e4d7}
.benchmark-evidence {margin-top:22px;border:1px solid #e4dfcc;border-radius:12px;background:#fff}
.benchmark-evidence summary {padding:15px 18px;cursor:pointer;font-size:13px;font-weight:700;color:var(--deep)}
.benchmark-evidence summary:focus-visible {outline:3px solid var(--green);outline-offset:3px;border-radius:12px}
.benchmark-evidence>div {padding:0 20px 20px;font-size:12px;line-height:1.95;color:var(--muted)}
.benchmark-evidence p {margin:12px 0}
.benchmark-evidence .benchmark-formula {padding:15px;background:#fff7dc;border-radius:8px;color:var(--deep);font-weight:700}
.benchmark-evidence ul {padding-left:1.4em;margin:16px 0 0}
.benchmark-evidence li+li {margin-top:7px}
.benchmark-evidence a {text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.benchmark-source {font-size:10px;color:var(--muted);line-height:1.8;margin:17px 0 0}
.story-grid {display:grid;grid-template-columns:1fr 1fr;gap:28px}
.story-card {background:#fff;border:1px solid #e4d6a3;border-radius:26px;padding:34px;min-width:0}
.story-person {display:flex;flex-wrap:wrap;align-items:center;gap:13px;font-size:12px;color:var(--muted);margin-bottom:25px}
.story-person span {display:inline-grid;place-items:center;width:62px;height:62px;border-radius:50%;background:var(--soft-green);border:1px solid #d8e7cb;font-size:19px;font-weight:800;color:var(--deep)}
.story-card h2 {font-size:23px;line-height:1.7;letter-spacing:.01em;margin-bottom:20px}
.story-card blockquote {position:relative;font-size:16px;line-height:2.15;margin:0 0 24px;padding:18px 0 18px 19px;border-left:3px solid #f1bd37}
.story-card>p:last-child {font-size:12px;color:var(--muted)}
.steps-list {counter-reset:step;list-style:none;padding:0;margin:0 auto;max-width:800px;display:grid;gap:15px}
.steps-list>li {counter-increment:step;position:relative;padding:25px 28px 25px 85px;border:1px solid #dedfc9;border-radius:20px;background:#fff}
.steps-list>li::before {content:counter(step,decimal-leading-zero);position:absolute;top:26px;left:25px;display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#fff0b7;color:#895912;font-weight:800}
.steps-list h3 {font-size:18px;margin:0 0 7px}
.steps-list p {font-size:14px;color:var(--muted)}
.recreation-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.activity-card {border:1px solid #e7d9aa;background:white;border-radius:24px;overflow:hidden}
.activity-card>img {width:100%;aspect-ratio:1;object-fit:contain}
.activity-copy {padding:23px}
.activity-copy time {font-size:11px;font-weight:700;color:var(--deep)}
.activity-copy h3 {font-size:19px;margin:11px 0;line-height:1.6}
.activity-copy p {font-size:13px;color:var(--muted);line-height:1.95}
.activity-copy .text-link {font-size:12px;margin-top:21px;gap:12px}
.activity-category {font-size:10px;padding:4px 8px;background:var(--soft-green);color:var(--deep);border-radius:4px;margin-left:9px}
.discover-section {padding:62px 0;background:#fffef8;border-block:1px solid #f0e3b6}
.discover-section .detail-heading {margin-bottom:28px}
.discover-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:14px}
.discover-card {min-width:0;display:block;position:relative;padding:23px 17px 40px;border:1px solid #e7d79d;background:#fff;border-radius:20px;transition:transform .2s,border-color .2s}
.discover-card:hover {transform:translateY(-3px);border-color:var(--orange)}
.discover-card .discover-number {font-size:12px;font-weight:700;color:var(--deep);letter-spacing:.1em}
.discover-card h3 {font-size:16px;margin:9px 0 10px;line-height:1.65}
.discover-card p {font-size:12px;color:var(--muted);line-height:1.8}
.discover-card .discover-arrow {position:absolute;right:18px;bottom:13px;color:var(--deep)}
.section-heading>.text-link,.support-copy>.text-link {margin-top:19px}
.footer-main nav {max-width:650px}
@media(max-width:1150px) {.desktop-nav{gap:15px;font-size:11px}}
@media(min-width:961px) {.staff-grid>.staff-card:last-child:nth-child(3n+1){grid-column:2}}
@media(max-width:960px) {
  .staff-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .staff-name-card{flex-basis:calc(33.333% - 16px)}
  .discover-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .split-panel{gap:28px}
  .story-grid{grid-template-columns:1fr}
  .recreation-grid{gap:15px}
  .activity-copy{padding:18px}
}
@media(max-width:680px) {
  .page-breadcrumbs{font-size:10px;padding:14px 0;gap:7px}
  .page-intro{padding:28px 21px 34px}
  .page-intro::before{width:100px;height:100px;opacity:.45}
  .page-intro h1{font-size:clamp(25px,7vw,30px);line-height:1.7;letter-spacing:0;margin-bottom:17px}
  .page-intro>p:last-of-type{font-size:13px}
  .page-topic-nav{gap:8px;margin-top:22px}
  .page-topic-nav a{font-size:11px;padding:7px 13px;gap:8px}
  .detail-section{padding:43px 0}
  .detail-heading{margin-bottom:25px}
  .detail-heading h2{font-size:clamp(22px,6.2vw,27px);line-height:1.7}
  .detail-heading>p:not(.eyebrow){font-size:13px;text-align:left}
  .split-panel{grid-template-columns:1fr;gap:24px}
  .split-panel.reverse>figure{order:0}
  .split-panel>figure img{max-width:340px;height:225px;border-radius:20px}
  .detail-copy{font-size:13px}
  .detail-copy h3{font-size:17px}
  .check-list li{font-size:13px}
  .detail-grid,.staff-grid,.recreation-grid{grid-template-columns:1fr;gap:17px}
  .detail-card{padding:23px;border-radius:19px}
  .detail-card h3{font-size:17px}
  .staff-card{padding:24px;max-width:370px;width:100%;margin:auto}
  .staff-name-card{flex-basis:calc(50% - 9px);padding:18px 12px;margin:0}
  .staff-name-card h3{font-size:19px;letter-spacing:0}
  .staff-name-card h3 small{font-size:10px;margin-left:3px}
  .staff-monogram{width:52px;height:52px;font-size:25px;margin-bottom:10px}
  .results-table th,.results-table td{padding:16px 8px}
  .results-table thead th{font-size:11px}
  .results-table tbody th{font-size:11px}
  .results-table td{font-size:24px}
  .staff-avatar{width:190px;height:190px;margin-bottom:17px}
  .staff-identity{min-height:0}
  .staff-message-title{font-size:16px;margin-top:17px;padding-top:17px}
  .staff-pending-profile .staff-monogram{width:130px;height:130px;margin-bottom:16px}
  .staff-card .staff-description{font-size:13px}
  .story-card{padding:25px;border-radius:22px}
  .story-card h2{font-size:20px}
  .story-card blockquote{font-size:14px;padding-left:15px}
  .story-person{gap:10px;font-size:11px;margin-bottom:20px}
  .story-person span{width:50px;height:50px;font-size:17px}
  .steps-list>li{padding:22px 20px 22px 66px}
  .steps-list>li::before{top:22px;left:18px;width:33px;height:33px;font-size:13px}
  .steps-list h3{font-size:16px}
  .steps-list p{font-size:13px}
  .source-note{font-size:10px}
  .activity-card{max-width:350px;width:100%;margin:auto}
  .activity-card>img{max-height:270px;object-fit:contain;background:#fff}
  .activity-copy{padding:22px}
  .discover-section{padding:42px 0}
  .discover-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .discover-card{padding:18px 15px 36px;border-radius:17px}
  .discover-card h3{font-size:15px;margin:7px 0}
  .discover-card p{font-size:11px}
  .discover-card:last-child:nth-child(odd){grid-column:1/-1}
  .discover-card:last-child:nth-child(odd) p{padding-right:18px}
  .footer-main nav{max-width:100%}
}
.portfolio-heading {font-size:22px;margin:40px 0 19px;line-height:1.7}
.portfolio-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}
.portfolio-card {display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:25px;border:1px solid #dedfc9;border-radius:20px;background:#fff;transition:transform .2s,border-color .2s}
.portfolio-card:hover {transform:translateY(-3px);border-color:var(--orange)}
.portfolio-card:focus-visible {outline:3px solid var(--green);outline-offset:4px}
.portfolio-card>img {display:block;width:calc(100% + 50px);max-width:none;margin:-25px -25px 22px;aspect-ratio:1.6;object-fit:cover;object-position:top;border-bottom:1px solid #e8e4d7}
.portfolio-label {display:block;color:var(--deep);font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:10px}
.portfolio-card h3 {font-size:18px;line-height:1.65;margin:0 0 12px;overflow-wrap:anywhere}
.portfolio-card p {font-size:12px;line-height:1.9;color:var(--muted);overflow-wrap:anywhere;margin:0 0 20px}
.portfolio-link {font-size:12px;font-weight:700;color:var(--deep);margin-top:auto}
#website-production .portfolio-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
.work-impact {background:#fffefb;border:1px solid #dfdfc2;border-radius:26px;padding:35px;margin-top:45px}
.work-impact-heading {text-align:center;margin-bottom:30px}
.work-impact-heading h3 {font-size:28px;line-height:1.6;margin:0 0 14px}
.work-impact-heading>p:last-child {font-size:13px;color:var(--muted)}
.work-impact-layout {display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center}
.traffic-metrics {display:grid;grid-template-columns:1fr 1fr;gap:20px;text-align:center}
.traffic-metrics p {font-size:11px;color:var(--deep);font-weight:700;margin:0 0 8px}
.traffic-metrics strong {font-size:36px;line-height:1.3;letter-spacing:-.04em;color:#b9670c;white-space:nowrap}
.traffic-metrics strong small {font-size:14px;letter-spacing:0;margin-left:5px}
.traffic-metrics span {display:block;font-size:11px;color:var(--muted);margin-top:8px}
.traffic-comparison {margin:0;padding:24px;border-radius:18px;background:var(--soft-green)}
.traffic-comparison figcaption {font-size:12px;font-weight:700;color:var(--deep);margin-bottom:20px}
.traffic-row+.traffic-row {margin-top:18px}
.traffic-row>div:first-child {display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:8px;font-size:12px}
.traffic-row strong {font-size:14px;color:var(--deep)}
.traffic-track {height:15px;width:100%;border-left:1px solid #aebaa2}
.traffic-bar {display:block;height:15px;border-radius:0 5px 5px 0;background:#e9a325}
.traffic-bar.previous {background:#91aa7c}
.work-impact .source-note {max-width:none;margin-top:28px}
.media-revenue {max-width:850px;margin:30px auto 0;text-align:center}
.media-revenue h3 {font-size:20px;margin-bottom:12px;line-height:1.7}
.media-revenue p {font-size:14px;line-height:2;color:var(--muted)}
.project-feature {display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;margin-top:44px;padding-top:35px;border-top:1px solid #e5dcae}
.project-feature figure {margin:0}
.project-feature img {display:block;width:100%;aspect-ratio:1.6;object-fit:cover;object-position:top;border:1px solid #e2dac1;border-radius:18px}
.project-feature h3 {font-size:25px;margin:0 0 16px;line-height:1.7}
.project-feature p {font-size:14px;line-height:2}
.project-feature .text-link {margin-top:20px;font-size:13px}
@media(max-width:1000px){.work-impact-layout{grid-template-columns:1fr}.traffic-metrics strong{font-size:40px}.traffic-comparison{width:100%;max-width:640px;margin:0 auto}}
@media(max-width:680px){.portfolio-grid,#website-production .portfolio-grid{grid-template-columns:1fr}.portfolio-card{padding:22px}.portfolio-card>img{width:calc(100% + 44px);margin:-22px -22px 20px}.work-impact{padding:26px 18px;margin-top:30px;border-radius:20px}.work-impact-heading h3{font-size:23px}.work-impact-heading>p:last-child{font-size:12px}.traffic-metrics{gap:9px}.traffic-metrics strong{font-size:30px}.traffic-metrics p{font-size:10px}.traffic-metrics strong small{font-size:12px;margin-left:3px}.traffic-metrics span{font-size:10px}.traffic-comparison{padding:20px 16px}.project-feature{grid-template-columns:1fr;gap:24px}.project-feature h3{font-size:22px}.media-revenue{text-align:left}.media-revenue h3{font-size:18px}.media-revenue p{font-size:13px}}
@media(max-width:680px){.results-support h3 strong{display:block;font-size:30px;margin:4px 0 0}}
@media(max-width:760px){.benchmark-layout{grid-template-columns:1fr;gap:25px}.benchmark-highlight>strong{font-size:63px}.benchmark-highlight>p{font-size:13px;margin-bottom:8px}.benchmark-highlight>span{margin-top:10px}.career-benchmark{padding:26px 18px;border-radius:21px}.benchmark-chart{padding:20px 16px}.benchmark-chart figcaption{font-size:11px}.benchmark-label>b{font-size:12px}.benchmark-label>strong{font-size:28px}.benchmark-label{gap:7px}.benchmark-caveat{font-size:11px}.benchmark-evidence summary{padding:14px;font-size:12px}.benchmark-evidence>div{padding:0 14px 15px;font-size:11px}.benchmark-evidence .benchmark-formula{padding:12px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.discover-card,.portfolio-card{transition:none}}
.sns-showcase-heading {text-align:center;margin:40px auto 26px}
.sns-showcase-heading h3 {font-size:25px;line-height:1.7;margin:0 0 15px}
.sns-showcase-heading p {font-size:14px;line-height:1.9;color:var(--muted)}
.sns-showcase-heading .mobile-only {display:none}
.sns-post-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.sns-post-card {display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #e6dcc1;border-radius:22px;overflow:hidden}
.sns-account {display:flex;flex-direction:column;align-items:flex-start;min-height:164px;padding:22px 22px 18px}
.sns-category {font-size:10px;font-weight:700;color:var(--deep);background:var(--soft-green);border-radius:5px;padding:4px 8px;margin-bottom:10px}
.sns-account h4 {font-size:16px;line-height:1.65;margin:0 0 8px}
.sns-account>a {font-size:11px;color:var(--muted);overflow-wrap:anywhere;margin-top:auto;text-decoration:underline;text-underline-offset:3px}
.sns-post-image {display:block;position:relative;aspect-ratio:4/5;background:#f7f4eb;overflow:hidden;border-block:1px solid #ece6d8}
.sns-post-image img {display:block;width:100%;height:100%;object-fit:contain;transition:opacity .2s}
.sns-post-image-reel {background:#e8f5df}
.sns-image-link {position:absolute;right:10px;bottom:10px;color:#fff;background:#34553ce8;font-size:11px;font-weight:700;padding:7px 12px;border-radius:999px;box-shadow:0 2px 8px #0001}
.sns-post-image:hover img {opacity:.85}
.sns-post-copy {display:flex;flex-direction:column;flex:1;padding:21px 22px 24px}
.sns-post-copy .sns-post-meta {font-size:10px;color:var(--muted);margin:0 0 12px;letter-spacing:.04em}
.sns-post-copy h5 {font-size:18px;line-height:1.7;margin:0 0 13px}
.sns-post-copy>p:not(.sns-post-meta) {font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 22px}
.sns-post-link {display:flex;justify-content:space-between;gap:8px;font-size:11px;font-weight:700;color:var(--deep);margin-top:auto;padding-top:14px;border-top:1px solid #e6e6d7}
.sns-post-card a:focus-visible {outline:3px solid var(--green);outline-offset:-3px}
.sns-account>a:focus-visible,.sns-post-link:focus-visible {outline-offset:4px}
.sns-source-note {max-width:none;margin-top:18px}
.sns-work-details {display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:38px;padding:30px;border-radius:22px;background:#f5f7e9}
@media(max-width:960px){.sns-post-grid{gap:14px}.sns-account{padding:18px 16px;min-height:174px}.sns-account h4{font-size:14px}.sns-post-copy{padding:18px 16px}.sns-post-copy h5{font-size:16px}.sns-post-link{font-size:10px}}
@media(max-width:680px){.sns-showcase-heading{margin:28px auto 23px}.sns-showcase-heading h3{font-size:20px}.sns-showcase-heading .mobile-only{display:inline}.sns-showcase-heading p{font-size:12px;text-align:left}.sns-showcase-heading p br{display:none}.sns-post-grid{grid-template-columns:1fr;gap:22px}.sns-post-card{width:100%;max-width:340px;margin:auto}.sns-account{min-height:0;padding:20px}.sns-account h4{font-size:16px}.sns-account>a{margin-top:0}.sns-post-image{width:100%;height:290px;aspect-ratio:auto}.sns-post-copy{padding:20px}.sns-post-copy h5{font-size:18px}.sns-post-link{font-size:11px}.sns-work-details{grid-template-columns:1fr;gap:20px;padding:23px 20px;margin-top:30px}.sns-source-note{max-width:340px;margin:18px auto 0}}
@media(prefers-reduced-motion:reduce){.sns-post-image img{transition:none}}
.resale-intro {text-align:center;max-width:800px;margin:32px auto 30px}
.resale-intro h3 {font-size:26px;line-height:1.65;margin:0 0 16px}
.resale-intro p {font-size:14px;line-height:2;color:var(--muted)}
.resale-flow {list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0}
.resale-step {min-width:0;overflow:hidden;border:1px solid #e7dfc8;border-radius:22px;background:#fffef8}
.resale-step figure {position:relative;margin:0}
.resale-step figure img {display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.resale-step figcaption {position:absolute;right:9px;bottom:9px;padding:4px 9px;border-radius:5px;font-size:10px;line-height:1.5;background:#fffffff0;color:#52624c}
.resale-step-copy {padding:24px}
.resale-step-number {display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#f8e9ac;color:#79521b;font-size:13px;font-weight:800;vertical-align:middle;margin-right:8px}
.resale-step h4 {display:inline;font-size:18px;line-height:1.7;color:var(--deep)}
.resale-step-copy>p {font-size:14px;line-height:1.9;color:var(--muted);margin:16px 0 20px}
.resale-step .tag-list {margin:0;gap:7px}
.resale-step .tag-list li {font-size:10px;padding:4px 8px;background:#fff}
.resale-image-note {max-width:none;margin:18px 0 0}
.resale-support {display:grid;grid-template-columns:1fr 1.55fr;gap:40px;align-items:center;margin-top:30px;padding:30px 36px;border-radius:22px;background:#f2f6e9}
.resale-support .eyebrow {margin-bottom:8px}
.resale-support h3 {font-size:25px;line-height:1.65;margin:0}
.resale-support>p {font-size:14px;line-height:2;color:var(--muted);margin:0}
@media(max-width:960px){.resale-flow{gap:15px}.resale-step-copy{padding:18px 16px}.resale-step h4{font-size:16px}.resale-step-number{width:28px;height:28px;margin-right:5px}.resale-step-copy>p{font-size:13px}.resale-support{gap:25px;padding:28px}}
@media(max-width:680px){.resale-intro{margin:25px auto}.resale-intro h3{font-size:21px}.resale-intro p{font-size:13px;text-align:left}.resale-intro p br{display:none}.resale-flow{grid-template-columns:1fr;gap:20px}.resale-step{width:100%;max-width:340px;margin:auto;border-radius:19px}.resale-step-copy{padding:21px}.resale-step h4{font-size:18px}.resale-step-number{width:32px;height:32px;margin-right:7px}.resale-step-copy>p{margin:14px 0 17px}.resale-image-note{max-width:340px;margin:17px auto 0}.resale-support{grid-template-columns:1fr;gap:16px;padding:24px 22px;margin-top:26px}.resale-support h3{font-size:22px}.resale-support h3 br{display:none}.resale-support>p{font-size:13px}}
.season-event-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.season-event-card {min-width:0;border:1px solid #e4ddc6;border-radius:24px;overflow:hidden;background:#fffefa}
.season-event-card figure {position:relative;margin:0;background:#f6f1e8}
.season-event-card figure img {display:block;width:100%;height:235px;object-fit:cover}
.season-event-card.season-christmas figure img {object-fit:contain;background:#f3ece2}
.season-event-card figcaption {position:absolute;right:10px;bottom:10px;border-radius:6px;padding:3px 8px;background:#fffdf4ee;font-size:10px;color:#53604a}
.season-event-copy {padding:25px 25px 29px}
.season-label {font-size:12px;font-weight:700;color:#7a6359;letter-spacing:.1em;margin:0 0 8px}
.season-christmas .season-label {color:#7e6140}
.season-newyear .season-label {color:#5e754e}
.season-event-copy h3 {font-size:27px;line-height:1.5;margin:0 0 15px}
.season-event-copy>p:not(.season-label) {font-size:14px;line-height:2;color:var(--muted)}
.season-event-copy .text-link {font-size:12px;margin-top:20px}
.recreation-season-note {max-width:none;margin-top:24px}
.recreation-more-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.recreation-more-card {min-width:0;overflow:hidden;background:#fffefa;border-radius:19px;border:1px solid #dce4cf}
.recreation-more-card>img {display:block;width:100%;height:235px;object-fit:contain;background:#f5f2e9;padding:8px}
.recreation-more-copy {padding:22px}
.activity-category {display:block;margin-bottom:8px;font-size:11px;letter-spacing:.08em;font-weight:700;color:#63794b}
.recreation-more-copy h3 {font-size:21px;line-height:1.65;margin:0 0 12px}
.recreation-more-copy p {font-size:13px;line-height:1.95;color:var(--muted)}
.recreation-more-copy .text-link {font-size:12px;margin-top:17px}
.recreation-message-inner {text-align:center;max-width:850px;margin:auto;padding:45px 20px;border-block:1px solid #dddfc8;background:radial-gradient(ellipse at center,#faf0c4 0,transparent 68%)}
.recreation-message h2,.recreation-social h2 {font-size:clamp(25px,2.7vw,34px);line-height:1.7;margin:0 0 24px}
.recreation-message p:not(.eyebrow),.recreation-social p:not(.eyebrow) {font-size:14px;line-height:2.1;color:var(--muted);margin-bottom:18px}
.recreation-message .text-link {margin-top:16px}
.recreation-social-inner {display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.recreation-social-links {display:grid;gap:16px}
.recreation-social-links>a {position:relative;display:grid;gap:8px;background:#fffefa;border:1px solid #ded9ba;border-radius:15px;padding:24px 50px 24px 25px;text-decoration:none;color:var(--deep)}
.recreation-social-links>a>span:first-child {font-size:11px;color:#686e54}
.recreation-social-links strong {font-size:19px;overflow-wrap:anywhere}
.recreation-social-links>a>span:last-child {position:absolute;right:24px;top:40%;font-size:22px}
.recreation-preview {background:#fffdf7}
.recreation-preview-heading {display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:36px}
.recreation-preview-heading>div>p:not(.eyebrow) {font-size:14px;line-height:2.1;color:var(--muted)}
.recreation-preview-heading .text-link {margin-top:20px;font-size:14px}
.recreation-preview-images {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.recreation-preview-images figure {margin:0;min-width:0}
.recreation-preview-images img {display:block;width:100%;height:215px;object-fit:cover;border-radius:58% 42% 48% 52% / 43% 56% 44% 57%;background:#f7f0e3}
.recreation-preview-images figure:nth-child(2) img {object-fit:contain;border-radius:44% 56% 53% 47% / 54% 44% 56% 46%}
.recreation-preview-images figcaption {text-align:center;margin-top:17px}
.recreation-preview-images figcaption span {display:block;font-size:11px;letter-spacing:.06em;color:#686e54;margin-bottom:5px}
.recreation-preview-images figcaption strong {font-size:23px}
.recreation-preview-note {margin-top:25px;font-size:10px;color:#6b7264;text-align:right}
@media(max-width:1000px){.season-event-grid{gap:16px}.season-event-card figure img{height:190px}.season-event-copy{padding:20px}.recreation-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.recreation-preview-images img{height:180px}.recreation-social-inner{gap:28px}}
@media(max-width:680px){
 .season-event-grid{grid-template-columns:1fr;max-width:340px;margin:auto;gap:23px}
 .season-event-card figure img{height:205px}.season-event-copy{padding:21px 22px 24px}.season-event-copy h3{font-size:24px}.season-event-copy>p:not(.season-label){font-size:13px}
 .recreation-more-grid{grid-template-columns:1fr;gap:17px;max-width:440px;margin:auto}
 .recreation-more-card{display:grid;grid-template-columns:105px minmax(0,1fr);align-items:start;padding:15px;gap:14px}
 .recreation-more-card>img{width:105px;height:116px;padding:0;border-radius:10px}
 .recreation-more-copy{padding:0}.activity-category{font-size:10px;margin-bottom:5px}.recreation-more-copy h3{font-size:clamp(15px,4.3vw,17px);line-height:1.6;margin-bottom:9px}.recreation-more-copy p{font-size:12px;line-height:1.85}.recreation-more-copy .text-link{font-size:11px;margin-top:12px}
 .recreation-message-inner{padding:30px 0;text-align:left}.recreation-message h2,.recreation-social h2{font-size:25px}.recreation-message p:not(.eyebrow),.recreation-social p:not(.eyebrow){font-size:13px}.recreation-message p br{display:none}
 .recreation-social-inner,.recreation-preview-heading{grid-template-columns:1fr;gap:22px}.recreation-social-links>a{padding:20px 42px 20px 20px}.recreation-social-links strong{font-size:17px}
 .recreation-preview-heading{margin-bottom:28px}.recreation-preview-heading>div>p:not(.eyebrow){font-size:13px}.recreation-preview-heading .text-link{font-size:13px;margin-top:16px}
 .recreation-preview-images{gap:10px}.recreation-preview-images img{height:100px}.recreation-preview-images figcaption{margin-top:10px}.recreation-preview-images figcaption span{display:none}.recreation-preview-images figcaption strong{font-size:clamp(11px,3vw,15px);white-space:nowrap}.recreation-preview-note{font-size:9px;text-align:left;margin-top:18px}
}
@media(max-width:360px){.recreation-more-card{grid-template-columns:83px minmax(0,1fr);padding:13px;gap:12px}.recreation-more-card>img{width:83px;height:95px}.recreation-more-copy h3{font-size:15px}.recreation-preview-images img{height:83px}}
.footer-bottom .operator-name{font-size:11px}
.footer-bottom .operator-name a{color:inherit;text-decoration:underline;text-underline-offset:3px}.footer-bottom .operator-name a:hover{opacity:.75}.footer-bottom .operator-name a:focus-visible{outline:2px solid currentColor;outline-offset:4px}