/* Pure Form Nest - site styles */

@font-face { font-family: "Zen Old Mincho"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/zen-old-mincho-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Zen Old Mincho"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/zen-old-mincho-latin-700-normal.woff2") format("woff2"); }
@font-face { font-family: "Zen Kaku Gothic New"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/zen-kaku-gothic-new-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Zen Kaku Gothic New"; font-style: normal; font-weight: 500; font-display: swap; src: url("../fonts/zen-kaku-gothic-new-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Zen Kaku Gothic New"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/zen-kaku-gothic-new-latin-700-normal.woff2") format("woff2"); }

:root {
  --pfn-ink: #1e2225;
  --pfn-ink-soft: #3a4045;
  --pfn-bone: #f4f0e8;
  --pfn-paper: #fbf9f4;
  --pfn-stone: #d9d2c5;
  --pfn-line: #e2dccf;
  --pfn-matcha: #5f7438;
  --pfn-matcha-deep: #4a5c2b;
  --pfn-matcha-mist: #e8ecdc;
  --pfn-persimmon: #b8562c;
  --pfn-persimmon-soft: #f3dfd3;
  --pfn-muted: #5d6266;
  --pfn-serif: "Zen Old Mincho", "Hiragino Mincho ProN", Georgia, serif;
  --pfn-sans: "Zen Kaku Gothic New", "Helvetica Neue", Arial, sans-serif;
  --pfn-radius: 2px;
  --bs-body-font-family: var(--pfn-sans);
  --bs-body-color: var(--pfn-ink);
  --bs-link-color: var(--pfn-matcha-deep);
  --bs-link-hover-color: var(--pfn-persimmon);
  --bs-link-color-rgb: 74, 92, 43;
  --bs-link-hover-color-rgb: 184, 86, 44;
}

html { scroll-behavior: smooth; }
body {
  font-family: var(--pfn-sans);
  color: var(--pfn-ink);
  background: var(--pfn-paper);
  font-size: 1.02rem;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; }
h1, h2, h3, h4, .pfn-serif {
  font-family: var(--pfn-serif);
  font-weight: 700;
  color: var(--pfn-ink);
  letter-spacing: 0.005em;
  line-height: 1.25;
}
h1 em, h2 em, h3 em { font-style: normal; color: var(--pfn-matcha); }
a { text-decoration-thickness: 1px; text-underline-offset: 3px; }
::selection { background: var(--pfn-matcha); color: #fff; }

.skip-link {
  position: absolute; left: -999px; top: 0; z-index: 2000;
  background: var(--pfn-ink); color: #fff; padding: .6rem 1rem;
}
.skip-link:focus { left: 1rem; top: 1rem; }

/* ---------- Top strip and header ---------- */
.pfn-strip {
  background: var(--pfn-ink);
  color: var(--pfn-bone);
  font-size: .86rem;
}
.pfn-strip .container-xl { display: flex; justify-content: space-between; align-items: center; gap: 1rem; min-height: 40px; flex-wrap: wrap; }
.pfn-strip a { color: var(--pfn-bone); text-decoration: none; }
.pfn-strip a:hover { color: #fff; text-decoration: underline; }
.pfn-strip .strip-contact { display: flex; gap: 1.6rem; flex-wrap: wrap; }
.pfn-strip i { color: #d9784e; margin-right: .4rem; }
.pfn-strip .strip-note { opacity: .8; letter-spacing: .08em; text-transform: uppercase; font-size: .74rem; }

.pfn-header {
  position: sticky; top: 0; z-index: 1030;
  background: rgba(251, 249, 244, .96);
  backdrop-filter: blur(6px);
  border-bottom: 1px solid var(--pfn-line);
  transition: box-shadow .25s ease;
}
.pfn-header.scrolled { box-shadow: 0 6px 24px rgba(30, 34, 37, .07); }
.pfn-header .navbar { padding: .85rem 0; }
.pfn-header .navbar > .container-xl { display: flex; align-items: center; }
.pfn-brand { padding: 0; margin-right: 1.5rem; }
.pfn-brand img { height: 38px; width: auto; display: block; }
.pfn-header .nav-link {
  font-weight: 500;
  color: var(--pfn-ink);
  padding: .5rem .9rem !important;
  position: relative;
  font-size: .97rem;
}
.pfn-header .nav-link::after {
  content: ""; position: absolute; left: .9rem; right: .9rem; bottom: .25rem;
  height: 1px; background: var(--pfn-persimmon);
  transform: scaleX(0); transform-origin: left; transition: transform .25s ease;
}
.pfn-header .nav-link:hover::after,
.pfn-header .nav-link.active::after { transform: scaleX(1); }
.pfn-header .nav-link.active { color: var(--pfn-matcha-deep); }
.navbar-toggler {
  border: 1px solid var(--pfn-ink); border-radius: var(--pfn-radius);
  padding: .3rem .6rem; font-size: 1.5rem; color: var(--pfn-ink); line-height: 1;
}
.navbar-toggler:focus { box-shadow: 0 0 0 3px var(--pfn-matcha-mist); }

/* ---------- Buttons ---------- */
.btn-pfn, .btn-pfn-line, .btn-pfn-light {
  display: inline-flex; align-items: center; justify-content: center; gap: .6rem;
  font-family: var(--pfn-sans); font-weight: 700; font-size: .95rem; letter-spacing: .03em;
  padding: .85rem 1.6rem; border-radius: var(--pfn-radius);
  text-decoration: none; border: 1px solid transparent; cursor: pointer;
  transition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
  white-space: nowrap;
}
.btn-pfn { background: var(--pfn-matcha); color: #fff; border-color: var(--pfn-matcha); }
.btn-pfn:hover, .btn-pfn:focus-visible { background: var(--pfn-ink); border-color: var(--pfn-ink); color: #fff; }
.btn-pfn-line { background: transparent; color: var(--pfn-ink); border-color: var(--pfn-ink); }
.btn-pfn-line:hover, .btn-pfn-line:focus-visible { background: var(--pfn-ink); color: var(--pfn-bone); }
.btn-pfn-light { background: var(--pfn-bone); color: var(--pfn-ink); border-color: var(--pfn-bone); }
.btn-pfn-light:hover, .btn-pfn-light:focus-visible { background: transparent; color: var(--pfn-bone); }
.btn-pfn i, .btn-pfn-line i, .btn-pfn-light i { transition: transform .2s ease; }
.btn-pfn:hover i, .btn-pfn-line:hover i, .btn-pfn-light:hover i { transform: translateX(3px); }
.btn-pfn:disabled { opacity: .7; cursor: wait; }

.link-arrow {
  font-weight: 700; color: var(--pfn-ink); text-decoration: none;
  display: inline-flex; align-items: center; gap: .5rem;
  border-bottom: 1px solid var(--pfn-persimmon); padding-bottom: .15rem;
}
.link-arrow:hover { color: var(--pfn-persimmon); }

/* ---------- Shared section bits ---------- */
.section { padding: 6rem 0; }
.section-tight { padding: 4.5rem 0; }
.bg-bone { background: var(--pfn-bone); }
.bg-mist { background: var(--pfn-matcha-mist); }
.bg-ink { background: var(--pfn-ink); color: var(--pfn-bone); }
.bg-ink h2, .bg-ink h3 { color: var(--pfn-bone); }
.kicker {
  display: inline-flex; align-items: center; gap: .7rem;
  font-family: var(--pfn-sans); font-size: .78rem; font-weight: 700;
  letter-spacing: .2em; text-transform: uppercase; color: var(--pfn-matcha-deep);
  margin-bottom: 1rem;
}
.kicker::before { content: ""; width: 28px; height: 1px; background: var(--pfn-persimmon); }
.kicker.light { color: #d6dfbf; }
.section-head { max-width: 680px; margin-bottom: 3rem; }
.section-head h2 { font-size: clamp(1.9rem, 3.4vw, 2.7rem); margin-bottom: 1rem; }
.section-head p { color: var(--pfn-muted); font-size: 1.07rem; margin: 0; }
.section-head.center { margin-left: auto; margin-right: auto; text-align: center; }
.section-head.center .kicker { justify-content: center; }
.lead-soft { color: var(--pfn-muted); font-size: 1.1rem; }

/* framed image with shoji grid lines */
.shoji {
  position: relative; display: block;
  padding: 14px; background: var(--pfn-bone);
  border: 1px solid var(--pfn-stone);
}
.shoji img { display: block; width: 100%; height: 100%; object-fit: cover; }
.shoji::after {
  content: ""; position: absolute; inset: 14px; pointer-events: none;
  background:
    linear-gradient(to right, transparent calc(33.33% - .5px), rgba(244,240,232,.55) calc(33.33% - .5px), rgba(244,240,232,.55) calc(33.33% + .5px), transparent calc(33.33% + .5px)),
    linear-gradient(to bottom, transparent calc(50% - .5px), rgba(244,240,232,.45) calc(50% - .5px), rgba(244,240,232,.45) calc(50% + .5px), transparent calc(50% + .5px));
}
.plain-frame { padding: 12px; background: var(--pfn-bone); border: 1px solid var(--pfn-stone); }
.plain-frame img { display: block; width: 100%; object-fit: cover; }

/* ---------- Hero ---------- */
.hero { padding: 5rem 0 6rem; position: relative; overflow: hidden; }
.hero::before {
  content: ""; position: absolute; right: -140px; top: -160px; width: 520px; height: 520px;
  border: 1px solid var(--pfn-stone); border-radius: 50%; pointer-events: none;
}
.hero h1 { font-size: clamp(2.4rem, 5.2vw, 4.1rem); line-height: 1.15; margin-bottom: 1.5rem; }
.hero .lead-soft { max-width: 520px; margin-bottom: 2.2rem; }
.hero-actions { display: flex; gap: 1rem; flex-wrap: wrap; }
.hero-figure { position: relative; }
.hero-figure .shoji img { aspect-ratio: 4 / 4.4; }
.hero-note {
  position: absolute; left: -2.2rem; bottom: 2.4rem;
  background: var(--pfn-ink); color: var(--pfn-bone);
  padding: 1.2rem 1.4rem; max-width: 250px; border-left: 3px solid var(--pfn-persimmon);
}
.hero-note strong { font-family: var(--pfn-serif); font-size: 1.1rem; display: block; margin-bottom: .2rem; }
.hero-note span { font-size: .88rem; opacity: .85; }
.vertical-label {
  position: absolute; right: -2.6rem; top: 50%; transform: translateY(-50%) rotate(90deg);
  font-size: .72rem; letter-spacing: .4em; text-transform: uppercase; color: var(--pfn-muted); white-space: nowrap;
}
.hero-tags { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 2.5rem; padding-top: 1.6rem; border-top: 1px solid var(--pfn-line); }
.hero-tags span { font-size: .85rem; border: 1px solid var(--pfn-stone); padding: .3rem .8rem; color: var(--pfn-ink-soft); background: #fff; }

/* ---------- Principles ---------- */
.principles { border-top: 1px solid var(--pfn-line); border-bottom: 1px solid var(--pfn-line); background: var(--pfn-bone); }
.principle { padding: 3rem 2rem; height: 100%; }
.principles .col-md-4 + .col-md-4 .principle { border-left: 1px solid var(--pfn-line); }
.principle .glyph {
  width: 54px; height: 54px; border: 1px solid var(--pfn-ink); display: grid; place-items: center;
  margin-bottom: 1.3rem; font-size: 1.35rem; color: var(--pfn-matcha);
}
.principle h3 { font-size: 1.45rem; margin-bottom: .6rem; }
.principle p { color: var(--pfn-muted); margin: 0; }

/* ---------- Service index (home) ---------- */
.service-index { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--pfn-ink); }
.service-index li { border-bottom: 1px solid var(--pfn-line); }
.service-index a {
  display: flex; align-items: center; justify-content: space-between; gap: 1rem;
  padding: 1.05rem .2rem; text-decoration: none; color: var(--pfn-ink);
  font-family: var(--pfn-serif); font-size: 1.15rem; transition: padding .2s ease, color .2s ease;
}
.service-index a i { color: var(--pfn-persimmon); font-size: 1.1rem; transition: transform .2s ease; }
.service-index a:hover { color: var(--pfn-matcha-deep); padding-left: .8rem; }
.service-index a:hover i { transform: translateX(4px); }
.index-feature { position: sticky; top: 110px; }
.index-feature .shoji img { aspect-ratio: 4 / 3; }
.index-feature p { color: var(--pfn-muted); margin-top: 1.2rem; }

/* ---------- Service cards ---------- */
.svc-card {
  background: #fff; border: 1px solid var(--pfn-line); height: 100%;
  display: flex; flex-direction: column; transition: border-color .25s ease, transform .25s ease, box-shadow .25s ease;
}
.svc-card:hover { border-color: var(--pfn-ink); transform: translateY(-4px); box-shadow: 0 18px 40px rgba(30, 34, 37, .08); }
.svc-card .svc-img { padding: 10px 10px 0; position: relative; }
.svc-card .svc-img img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; display: block; }
.svc-card .svc-icon {
  position: absolute; right: 22px; bottom: -22px; width: 46px; height: 46px; background: var(--pfn-ink); color: var(--pfn-bone);
  display: grid; place-items: center; font-size: 1.15rem; border: 3px solid #fff;
}
.svc-card .svc-body { padding: 1.9rem 1.6rem 1.6rem; display: flex; flex-direction: column; flex: 1; }
.svc-card h3 { font-size: 1.3rem; margin-bottom: .7rem; }
.svc-card p { color: var(--pfn-muted); font-size: .97rem; flex: 1; }
.svc-card .btn-pfn-line { align-self: flex-start; padding: .65rem 1.2rem; font-size: .88rem; }

/* ---------- Split / about ---------- */
.split-img .plain-frame img { aspect-ratio: 5 / 4; }
.tick-list { list-style: none; padding: 0; margin: 1.6rem 0 2rem; }
.tick-list li { position: relative; padding-left: 2rem; margin-bottom: .75rem; }
.tick-list li::before {
  content: ""; position: absolute; left: 0; top: .72rem; width: 14px; height: 1px; background: var(--pfn-persimmon);
}
.tick-list li::after {
  content: ""; position: absolute; left: 14px; top: .5rem; width: 5px; height: 5px; border-radius: 50%; background: var(--pfn-matcha);
}

/* ---------- Process ---------- */
.process { position: relative; }
.process-step { position: relative; padding: 2.2rem 1.6rem 1.8rem; border: 1px solid rgba(244,240,232,.18); height: 100%; }
.process-step .word {
  font-family: var(--pfn-serif); font-size: .85rem; letter-spacing: .25em; text-transform: uppercase;
  color: #d9784e; display: block; margin-bottom: .8rem;
}
.process-step h3 { font-size: 1.35rem; margin-bottom: .6rem; }
.process-step p { color: rgba(244,240,232,.78); margin: 0; font-size: .97rem; }

/* ---------- Values ---------- */
.value-tile { background: #fff; border: 1px solid var(--pfn-line); padding: 2rem 1.7rem; height: 100%; }
.value-tile i { font-size: 1.6rem; color: var(--pfn-matcha); display: block; margin-bottom: 1rem; }
.value-tile h3 { font-size: 1.25rem; margin-bottom: .5rem; }
.value-tile p { color: var(--pfn-muted); margin: 0; font-size: .97rem; }

/* ---------- Blog cards ---------- */
.post-card { background: #fff; border: 1px solid var(--pfn-line); height: 100%; display: flex; flex-direction: column; transition: border-color .25s ease; }
.post-card:hover { border-color: var(--pfn-ink); }
.post-card .post-img { display: block; overflow: hidden; }
.post-card .post-img img { aspect-ratio: 16 / 10; object-fit: cover; width: 100%; display: block; transition: transform .5s ease; }
.post-card:hover .post-img img { transform: scale(1.04); }
.post-card .post-body { padding: 1.6rem; display: flex; flex-direction: column; flex: 1; }
.post-card .post-tag { font-size: .74rem; letter-spacing: .18em; text-transform: uppercase; color: var(--pfn-persimmon); font-weight: 700; margin-bottom: .6rem; }
.post-card h3 { font-size: 1.25rem; margin-bottom: .7rem; }
.post-card h3 a { color: var(--pfn-ink); text-decoration: none; }
.post-card h3 a:hover { color: var(--pfn-matcha-deep); }
.post-card p { color: var(--pfn-muted); font-size: .96rem; flex: 1; }

/* ---------- Newsletter band ---------- */
.news-band { background: var(--pfn-matcha-mist); }
.news-band .plain-frame img { aspect-ratio: 4 / 3; }
.inline-sub { display: flex; gap: .6rem; flex-wrap: wrap; margin-top: 1.6rem; }
.inline-sub .form-control { flex: 1 1 240px; }

/* ---------- CTA ---------- */
.cta-band { background: var(--pfn-ink); color: var(--pfn-bone); padding: 4.5rem 0; position: relative; overflow: hidden; }
.cta-band::after {
  content: ""; position: absolute; right: -80px; bottom: -180px; width: 380px; height: 380px;
  border: 1px solid rgba(244,240,232,.18); border-radius: 50%;
}
.cta-band h2 { color: var(--pfn-bone); font-size: clamp(1.8rem, 3.2vw, 2.5rem); margin-bottom: .6rem; }
.cta-band p { color: rgba(244,240,232,.8); margin: 0; }
.cta-band .cta-actions { display: flex; gap: 1rem; flex-wrap: wrap; justify-content: flex-start; position: relative; z-index: 1; }
@media (min-width: 992px) { .cta-band .cta-actions { justify-content: flex-end; } }

/* ---------- Page banner ---------- */
.page-banner { padding: 4.5rem 0 4rem; background: var(--pfn-bone); border-bottom: 1px solid var(--pfn-line); position: relative; overflow: hidden; }
.page-banner::after {
  content: ""; position: absolute; right: 6%; top: 50%; width: 220px; height: 220px; transform: translateY(-50%);
  border: 1px solid var(--pfn-stone); border-radius: 50%;
}
.page-banner .container-xl { position: relative; z-index: 1; }
.page-banner h1 { font-size: clamp(2.1rem, 4.4vw, 3.3rem); margin-bottom: .8rem; max-width: 760px; }
.page-banner p { color: var(--pfn-muted); max-width: 620px; margin: 0; font-size: 1.07rem; }
.crumbs { font-size: .86rem; margin-bottom: 1.2rem; color: var(--pfn-muted); }
.crumbs a { color: var(--pfn-ink); }

/* ---------- Forms ---------- */
.form-card { background: #fff; border: 1px solid var(--pfn-line); padding: 2.4rem; }
.form-label { font-weight: 500; font-size: .93rem; margin-bottom: .35rem; }
.form-control, .form-select {
  border-radius: var(--pfn-radius); border: 1px solid var(--pfn-stone); padding: .75rem .9rem; background-color: var(--pfn-paper);
}
.form-control:focus, .form-select:focus { border-color: var(--pfn-matcha); box-shadow: 0 0 0 3px var(--pfn-matcha-mist); background-color: #fff; }
.form-check-input:checked { background-color: var(--pfn-matcha); border-color: var(--pfn-matcha); }
.form-check-input:focus { box-shadow: 0 0 0 3px var(--pfn-matcha-mist); border-color: var(--pfn-matcha); }
.form-alert { display: none; gap: .8rem; align-items: flex-start; margin-top: 1.4rem; padding: 1rem 1.2rem; border-left: 3px solid; }
.form-alert.show { display: flex; }
.form-alert.ok { background: var(--pfn-matcha-mist); border-color: var(--pfn-matcha); }
.form-alert.err { background: var(--pfn-persimmon-soft); border-color: var(--pfn-persimmon); }
.form-alert i { font-size: 1.2rem; line-height: 1.5; }
.group-feedback { display: none; color: var(--bs-form-invalid-color); font-size: .875em; margin-top: .25rem; }
.choice-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: .6rem 1.2rem; }

.contact-tile { display: flex; gap: 1rem; padding: 1.3rem 0; border-bottom: 1px solid var(--pfn-line); }
.contact-tile i { width: 44px; height: 44px; flex: 0 0 44px; display: grid; place-items: center; border: 1px solid var(--pfn-ink); color: var(--pfn-matcha); font-size: 1.1rem; }
.contact-tile h3 { font-family: var(--pfn-sans); font-size: .78rem; letter-spacing: .18em; text-transform: uppercase; margin: 0 0 .2rem; color: var(--pfn-muted); }
.contact-tile p, .contact-tile a { margin: 0; color: var(--pfn-ink); font-weight: 500; text-decoration: none; word-break: break-word; }
.contact-tile a:hover { color: var(--pfn-persimmon); }
.map-frame { border: 1px solid var(--pfn-line); padding: 10px; background: #fff; }
.map-frame iframe { width: 100%; height: 420px; border: 0; display: block; filter: grayscale(.35); }

/* ---------- Article ---------- */
.article-hero img { width: 100%; aspect-ratio: 16 / 8; object-fit: cover; display: block; }
.article-body { font-size: 1.07rem; }
.article-body h2 { font-size: 1.65rem; margin: 2.6rem 0 1rem; }
.article-body p { margin-bottom: 1.3rem; }
.article-body ul { margin-bottom: 1.4rem; }
.article-body li { margin-bottom: .5rem; }
.article-body blockquote {
  border-left: 3px solid var(--pfn-persimmon); background: var(--pfn-bone); padding: 1.3rem 1.6rem; margin: 2rem 0;
  font-family: var(--pfn-serif); font-size: 1.2rem; line-height: 1.6;
}
.article-meta { display: flex; gap: 1.4rem; flex-wrap: wrap; font-size: .9rem; color: var(--pfn-muted); margin-bottom: 1.2rem; }
.article-meta i { color: var(--pfn-matcha); margin-right: .35rem; }
.side-box { background: #fff; border: 1px solid var(--pfn-line); padding: 1.6rem; margin-bottom: 1.6rem; }
.side-box h3 { font-size: 1.15rem; margin-bottom: 1rem; }
.side-post { display: flex; gap: .9rem; align-items: center; padding: .7rem 0; border-top: 1px solid var(--pfn-line); text-decoration: none; color: var(--pfn-ink); }
.side-post:first-of-type { border-top: 0; }
.side-post img { width: 76px; height: 60px; object-fit: cover; flex: 0 0 76px; }
.side-post span { font-family: var(--pfn-serif); font-size: .98rem; line-height: 1.4; }
.side-post:hover span { color: var(--pfn-matcha-deep); }
.side-box.dark { background: var(--pfn-ink); color: var(--pfn-bone); border-color: var(--pfn-ink); }
.side-box.dark h3 { color: var(--pfn-bone); }
.side-box.dark p { color: rgba(244,240,232,.8); font-size: .95rem; }
@media (min-width: 992px) { .sticky-side { position: sticky; top: 110px; } }

/* ---------- Legal ---------- */
.legal { max-width: 820px; }
.legal h2 { font-size: 1.45rem; margin: 2.3rem 0 .8rem; }
.legal p, .legal li { color: var(--pfn-ink-soft); }

/* ---------- Footer ---------- */
.pfn-footer { background: var(--pfn-ink); color: rgba(244,240,232,.78); padding: 5rem 0 0; font-size: .95rem; }
.pfn-footer .footer-cols { --bs-gutter-x: 1.5rem; --bs-gutter-y: 2.5rem; }
@media (min-width: 992px) { .pfn-footer .footer-cols { --bs-gutter-x: 2.5rem; } }
.pfn-footer .container-xl { overflow-x: clip; }
.pfn-footer h2 {
  font-family: var(--pfn-sans); font-size: .8rem; letter-spacing: .2em; text-transform: uppercase;
  color: var(--pfn-bone); margin-bottom: 1.3rem; padding-bottom: .8rem; border-bottom: 1px solid rgba(244,240,232,.16);
}
.pfn-footer .footer-logo img { height: 34px; width: auto; margin-bottom: 1.2rem; }
.pfn-footer p { margin-bottom: 1rem; }
.pfn-footer ul { list-style: none; padding: 0; margin: 0; }
.pfn-footer li { margin-bottom: .6rem; }
.pfn-footer a { color: rgba(244,240,232,.78); text-decoration: none; }
.pfn-footer a:hover { color: #fff; text-decoration: underline; }
.pfn-footer .foot-contact li { display: flex; gap: .7rem; align-items: flex-start; }
.pfn-footer .foot-contact i { color: #d9784e; margin-top: .15rem; }
.pfn-footer .foot-contact a { word-break: break-word; }
.footer-sub .form-control { background: rgba(244,240,232,.06); border-color: rgba(244,240,232,.25); color: #fff; }
.footer-sub .form-control::placeholder { color: rgba(244,240,232,.55); }
.footer-sub .btn-pfn { width: 100%; margin-top: .6rem; }
.footer-bottom {
  margin-top: 4rem; padding: 1.4rem 0; border-top: 1px solid rgba(244,240,232,.14);
  display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; font-size: .87rem;
}
.footer-bottom .legal-links { display: flex; gap: 1.4rem; flex-wrap: wrap; }

.pfn-top {
  position: fixed; right: 1.2rem; bottom: 1.2rem; z-index: 1040; width: 46px; height: 46px;
  border: 1px solid var(--pfn-ink); background: var(--pfn-bone); color: var(--pfn-ink); font-size: 1.1rem;
  opacity: 0; visibility: hidden; transition: opacity .25s ease, visibility .25s ease;
}
.pfn-top.show { opacity: 1; visibility: visible; }
.pfn-top:hover { background: var(--pfn-ink); color: var(--pfn-bone); }

/* ---------- Reveal ---------- */
.reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }
.reveal.in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .reveal { opacity: 1; transform: none; transition: none; }
  html { scroll-behavior: auto; }
}

/* ---------- Responsive ---------- */
@media (max-width: 991.98px) {
  .section { padding: 4.5rem 0; }
  .hero { padding: 3.5rem 0 4.5rem; }
  .hero-note { left: 1rem; bottom: 1rem; }
  .vertical-label { display: none; }
  .principles .col-md-4 + .col-md-4 .principle { border-left: 0; }
  .index-feature { position: static; margin-top: 2.5rem; }
  .pfn-header .navbar-collapse { padding: 1rem 0 .5rem; }
  .pfn-header .nav-link::after { display: none; }
  .page-banner::after { display: none; }
}
@media (max-width: 767.98px) {
  .principles .col-md-4 + .col-md-4 .principle { border-top: 1px solid var(--pfn-line); }
  .pfn-strip .strip-note { display: none; }
  .pfn-strip .container-xl { justify-content: center; }
  .form-card { padding: 1.6rem; }
  .pfn-brand img { height: 30px; }
}
@media (max-width: 575.98px) {
  .pfn-strip .strip-contact { gap: .3rem 1.2rem; justify-content: center; font-size: .8rem; }
  .hero-note { position: static; max-width: none; margin-top: 1rem; }
  .btn-pfn, .btn-pfn-line, .btn-pfn-light { white-space: normal; }
  .map-frame iframe { height: 320px; }
}

/* keep wide gutters from pushing past the screen edge on small devices */
@media (max-width: 767.98px) {
  .row.g-5 { --bs-gutter-x: 1.5rem; }
}