/* THE PUBLIC SITE (Parcel BC §2, architect, 25 October 2026): the home page, About and Privacy, from the founder's
   signed-off mock "Small Adventures Site" (Main, Phone and About boards). One stylesheet for the three pages, so the
   header, the footer and the type are the same on each. The fonts are our own (fonts/site.css); nothing here or on
   the pages loads from another website. Widths: the mock's two boards are 1440 and 390, and it changes layout at 860. */
body{margin:0;background:#fbfaf8;font-family:'Instrument Sans',system-ui,sans-serif;color:#152731;-webkit-text-size-adjust:100%}
a{color:#1d6b66}a:hover{color:#134a46}
img{max-width:100%}
.sa-wrap{max-width:1200px;margin:0 auto;padding:0 40px;box-sizing:border-box}
.sa-serif{font-family:Newsreader,Georgia,serif;font-weight:400}
.sa-mark{font-family:Fraunces,Georgia,serif;color:#152731;text-decoration:none;white-space:nowrap}
.sa-mark em{color:#c4633b;font-style:italic}

/* The header, as the mock draws it. */
.sa-header{border-bottom:1px solid #dfe3e2}
.sa-header .sa-wrap{display:flex;justify-content:space-between;align-items:center;min-height:84px;gap:16px}
.sa-logo{font-size:26px}
.sa-nav{display:flex;gap:16px;align-items:center}
.sa-navlinks{display:flex;gap:32px;align-items:center}
.sa-navlinks a{color:#152731;text-decoration:none;font-size:17px;min-height:44px;display:inline-flex;align-items:center}
.sa-navlinks a[aria-current=page]{font-weight:600}
.sa-cta{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;border-radius:999px;background:#1d6b66;color:#fff;text-decoration:none;font-weight:600;font-size:17px;white-space:nowrap}
.sa-cta:hover{color:#fff;background:#134a46}

/* Buttons and small type the three pages share. */
.sa-btn{display:inline-flex;align-items:center;min-height:56px;padding:0 32px;border-radius:999px;background:#1d6b66;color:#fff;text-decoration:none;font-weight:600;font-size:19px}
.sa-btn:hover{color:#fff;background:#134a46}
.sa-btn-ghost{display:inline-flex;align-items:center;min-height:56px;padding:0 28px;border-radius:999px;border:1.5px solid #c9d1d0;color:#152731;text-decoration:none;font-size:18px}
.sa-kicker{font-size:16px;font-weight:600;color:#1d6b66}
.sa-muted{color:#4f5e65}
.sa-h1{font-size:72px;line-height:1.02;letter-spacing:-0.01em;margin:0}
.sa-h2{font-size:48px;line-height:1.08;margin:0}

/* The footer, as the mock draws it. The registered office line is filled from one constant (scripts/build-site.mjs). */
.sa-footer{border-top:1px solid #dfe3e2;padding:36px 0 48px}
.sa-footer .sa-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}
.sa-footer .sa-links{display:flex;flex-wrap:wrap;gap:24px;font-size:16px}
.sa-footer .sa-links a{color:#4f5e65;min-height:44px;display:inline-flex;align-items:center}
.sa-footer .sa-legal{margin-top:20px;font-size:15px;line-height:1.5;color:#4f5e65}

/* THE SAMPLE TRIPS SWITCH (§2.1) is ON since Parcel BH change note 2 (31 October 2026): the rule that hid every part
   carrying the class sa-sample (the home page's section, the hero's "See a sample trip" and the menu's "Sample trips" on
   every page) is gone. The mock's phone picture beside "Your full trip" is not used, by the founder's ruling: the sunset
   stays. */

/* Home. */
.sa-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;align-items:center}
.sa-heroimg{display:block;width:100%;height:600px;object-fit:cover;border-radius:24px}
.sa-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.sa-feel{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.sa-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
/* THE FULL TRIP PICTURE (Parcel BC change note 2, 25 October 2026; founder: "add the best sunset one into the your
   trip"). His sunset photograph beside "Your full trip", outside the samples switch: upright on a laptop, where the mock
   draws the phone picture, and below the text on a phone, cropped wide with the sun, the islands and both boats in it. */
.sa-fulltripimg{display:block;width:100%;max-width:420px;justify-self:center;aspect-ratio:3/4;object-fit:cover;object-position:50% 50%;border-radius:22px}
/* THE STORY PICTURE (Parcel BC change note 1, 25 October 2026; founder: "I don't want my picture on the home page").
   The founder's Vietnam boats photograph, framed so the three boats and the cliff stay in view: on a phone the frame
   is shorter than the mock's 420, so the photograph's full width nearly fits and the right-hand boat keeps its bow. */
.sa-storyimg{display:block;width:100%;height:420px;object-fit:cover;object-position:55% 50%;border-radius:22px}
.sa-step{width:48px;height:48px;border-radius:999px;background:#152731;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;font-family:Newsreader,Georgia,serif}
.sa-tile{display:flex;flex-direction:column;gap:10px;color:#fff;text-decoration:none}
.sa-tile:hover{color:#fff}
.sa-tile img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:14px}
.sa-tile .n{font-family:Newsreader,Georgia,serif;font-size:22px}
.sa-tile .l{font-size:15px;line-height:1.45;color:#c7d3d6}
.sa-tile .go{font-size:15px;font-weight:600;color:#9fd4cf;min-height:44px;display:flex;align-items:center}

/* About. */
.ab-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:64px;align-items:start}
.ab-h1{font-size:64px;line-height:1.04;letter-spacing:-0.01em;margin:0}

/* Privacy: the words of record in the site's own type (§2.3). */
.pv{max-width:760px;padding:72px 0 96px}
.pv h1{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:64px;line-height:1.04;letter-spacing:-0.01em;margin:0 0 12px}
.pv h2{font-family:Newsreader,Georgia,serif;font-weight:400;font-size:34px;line-height:1.15;margin:48px 0 0}
.pv p,.pv li{font-size:19px;line-height:1.6}
.pv p{margin:16px 0 0}
.pv ul{margin:16px 0 0;padding-left:1.2em}
.pv li+li{margin-top:6px}
.pv .pv-updated{color:#4f5e65;font-style:italic;margin-top:0}
.pv .pv-table{overflow-x:auto;margin-top:20px}
.pv table{border-collapse:collapse;width:100%;font-size:16px;line-height:1.5;min-width:640px}
.pv th,.pv td{text-align:left;vertical-align:top;padding:12px 14px 12px 0;border-top:1px solid #dfe3e2}
.pv th{font-weight:600;border-top:2px solid #152731}

@media (max-width:860px){
  .sa-wrap{padding:0 16px}
  .sa-hero,.sa-three,.sa-two{grid-template-columns:minmax(0,1fr);gap:24px}
  .sa-feel{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  /* The phone's header holds the wordmark, About and "Start your trip" on one line at 390 with our own fonts. */
  .sa-header .sa-wrap{gap:10px}
  .sa-nav{gap:12px}
  .sa-navlinks{gap:16px}
  .sa-navlinks a{font-size:16px}
  .sa-hidephone{display:none !important}
  .sa-logo{font-size:20px}
  .sa-cta{padding:0 12px;font-size:16px}
  .sa-h1{font-size:44px}
  .sa-h2{font-size:34px}
  .sa-heroimg{height:300px}
  .sa-storyimg{height:300px}
  .sa-fulltripimg{max-width:none;justify-self:stretch;aspect-ratio:4/3;object-position:50% 80%}
  .ab-cols{grid-template-columns:minmax(0,1fr);gap:28px}
  .ab-h1{font-size:42px}
  .pv{padding:48px 0 72px}
  .pv h1{font-size:42px}
  .pv h2{font-size:28px}
  .pv p,.pv li{font-size:18px}
  /* On a phone the services table reads as one card per service, each cell under its own heading. */
  .pv .pv-table{overflow-x:visible}
  .pv table{min-width:0}
  .pv thead{display:none}
  .pv tr{display:block;border-top:2px solid #152731;padding:12px 0 4px}
  .pv td{display:block;border:0;padding:0 0 10px}
  .pv td::before{content:attr(data-label);display:block;font-weight:600;font-size:14px;color:#4f5e65}
}