/* Hallmark · shape: Seam + Current (custom, ART-DIRECTION.md) · River Birth Co. preview v2 · concept: "Held by the water."
   The Cape Fear is tea-dark with tannin. The page is that water: a tannin panel meets the dock photo at a seam the
   headline crosses, and one wide, slow, filled current carries the five real things the $1,200 package includes.
   Fonts: FONTS.md #3 (DM Serif Display + DM Sans). Palette: tannin water, marsh green, warm sand; one accent, late-sun gold. */
:root{
  --sand:#F5EEE3;--sand-2:#EBDFCB;--sand-3:#E0CFB3;
  --ink:#21160F;--text:#46372C;--muted:#5E4D40;
  --tannin:#2A1B11;--tannin-2:#3A2718;--tea:#5B3B23;--tea-hi:#7C5434;
  --marsh:#28331F;--marsh-2:#34412A;
  --gold:#D9A35B;--gold-ink:#8A5A1E;
  --on-dark:#E9DDCB;--on-dark-hi:#F8F1E6;--on-dark-mute:#CDBEA9;
  --field:#FBF7F0;--scrim:rgb(30 19 11/.78);--scrim-2:rgb(30 19 11/.5);--scrim-3:rgb(30 19 11/.7);--scrim-0:rgb(30 19 11/0);--shade:rgb(24 15 9/.72);--shade-2:rgb(24 15 9/.6);--shade-3:rgb(24 15 9/.88);--shade-0:rgb(24 15 9/0);
  --line:rgba(33,22,15,.18);--line-dk:rgba(248,241,230,.22);
  --d:"DM Serif Display",Georgia,"Times New Roman",serif;--b:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --g:clamp(20px,5vw,64px);--max:1440px;--cg:24px;
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s8:32px;--s10:40px;--s12:48px;--s16:64px;--s20:80px;--s24:96px;--s32:128px;--s40:160px;
  --ease:cubic-bezier(.2,.7,.2,1);
  --h2:clamp(2.25rem,3.4vw + 1rem,4.5rem);
}
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html,body{overflow-x:clip}
html{-webkit-text-size-adjust:100%;scroll-padding-top:var(--s24)}
body{background:var(--sand);color:var(--text);font:400 1.0625rem/1.65 var(--b);font-synthesis:none;-webkit-font-smoothing:antialiased}
@media(min-width:900px){body{font-size:1.125rem}}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}
a:hover{color:var(--gold-ink)}
:focus-visible{outline:3px solid var(--gold-ink);outline-offset:3px}
.dk :focus-visible{outline-color:var(--gold)}
h1,h2{font-family:var(--d);font-weight:400;color:var(--ink);letter-spacing:-.02em}
h1{overflow-wrap:break-word;min-width:0}
h2{font-size:var(--h2);line-height:1.02;text-wrap:balance}
h3{font:600 1.1875rem/1.3 var(--b);color:var(--ink);text-wrap:balance}
p{max-width:62ch}
.num{font-variant-numeric:lining-nums tabular-nums}
.wrap{max-width:var(--max);margin:0 auto;padding-left:var(--g);padding-right:var(--g)}
.dk{background:var(--tannin);color:var(--on-dark)}
.dk h2,.dk h3{color:var(--on-dark-hi)}
.dk a:hover{color:var(--gold)}
.skip{position:fixed;left:var(--s4);top:var(--s4);z-index:100;background:var(--ink);color:var(--sand);padding:var(--s3) var(--s4);transform:translateY(-200%);transition:transform .2s var(--ease)}
.skip:focus{transform:none}

/* buttons: one solid primary + a text link */
.btn{display:inline-flex;align-items:center;gap:var(--s3);min-height:52px;background:var(--tannin);color:var(--sand);text-decoration:none;font:500 1.0625rem/1 var(--b);padding:var(--s4) var(--s8);white-space:nowrap;border-radius:2px;transition:background-color .25s var(--ease),color .25s var(--ease)}
.btn::after{content:"→";transition:transform .25s var(--ease)}
.btn:hover{background:var(--tea);color:var(--sand)}
.btn:hover::after{transform:translateX(4px)}
.btn:active{transform:translateY(1px)}
.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}
.dk .btn,.btn.lt{background:var(--sand);color:var(--ink)}
.dk .btn:hover,.btn.lt:hover{background:var(--gold);color:var(--ink)}
.tl{font:500 1.0625rem/1.3 var(--b);text-decoration:none;border-bottom:1.5px solid currentColor;padding-bottom:var(--s1)}
.tl:hover{border-bottom-color:var(--gold)}
.tl:active{opacity:.7}
.cta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s6) var(--s8)}

/* header: sits over the dark seam at the top of every page, turns to sand once you scroll */
.site-header{position:fixed;inset:0 0 auto;z-index:40;color:var(--on-dark-hi);transition:background-color .3s var(--ease),color .3s var(--ease),box-shadow .3s}
.site-header.is-scrolled{background:var(--sand);color:var(--ink);box-shadow:0 1px 0 var(--line)}
.hdr{display:flex;align-items:center;justify-content:space-between;gap:var(--s6);min-height:88px}
.brand{text-decoration:none;font:400 2rem/1 var(--d);letter-spacing:-.01em;white-space:nowrap}
.brand:hover{color:inherit}
.nav{display:flex;align-items:center;gap:var(--s8)}
.nav-link{text-decoration:none;font:500 1rem/1 var(--b);white-space:nowrap;padding:var(--s2) 0;border-bottom:1.5px solid transparent}
.nav-link:hover,.nav-link[aria-current=page]{color:inherit;border-bottom-color:currentColor}
.site-header .btn{min-height:48px;padding:var(--s4) var(--s6);font-size:1rem;background:var(--sand);color:var(--ink)}
.site-header .btn:hover{background:var(--gold)}
.site-header.is-scrolled .btn{background:var(--tannin);color:var(--sand)}
.menu-btn{display:none;font:500 1.0625rem/1 var(--b);color:inherit;background:none;border:0;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.3em;padding:0 var(--s1);min-height:44px;min-width:44px;cursor:pointer}
@media(max-width:1120px){.nav-link,.site-header .btn{display:none}.menu-btn{display:inline-block}}
.overlay{position:fixed;inset:0;z-index:60;padding:var(--s5) var(--g) var(--s10);display:none;flex-direction:column;gap:var(--s6);overflow:auto}
.overlay.open{display:flex}
.overlay-top{display:flex;justify-content:space-between;align-items:center;min-height:56px;color:var(--on-dark-hi)}
.overlay nav{display:flex;flex-direction:column;gap:var(--s2);margin-top:var(--s8)}
.overlay nav a{font:400 2.5rem/1.15 var(--d);color:var(--on-dark-hi);text-decoration:none}
.overlay p{color:var(--on-dark)}
body.locked{overflow:hidden}

/* SEAM hero: tannin panel | real photo, headline crosses the seam above the couple */
.seam{position:relative;display:flex;min-height:max(720px,100svh);overflow:hidden;--edge:max(0px,(100vw - var(--max)) / 2);--inner:min(100vw,var(--max))}
.seam-ph{position:absolute;top:0;bottom:0;right:0;left:calc(var(--edge) + var(--inner) * 5 / 12);margin:0}
.seam-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.seam-ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--scrim) 0,var(--scrim-2) 26%,var(--scrim-0) 46%)}
.seam-tx{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:var(--s12);padding:var(--s32) calc(var(--edge) + var(--g)) var(--s16)}
.seam h1{color:var(--on-dark-hi);line-height:.9}
.seam h1 .big{display:block;font-size:clamp(4.25rem,13vw,12.5rem);margin-left:-.045em;letter-spacing:-.03em}
.seam h1 .kw{display:block;font-size:clamp(2rem,2.5vw + .5rem,2.75rem);line-height:1.08;letter-spacing:-.01em;margin-top:var(--s6);max-width:min(100%,28ch)}
.seam h1 .nw{white-space:nowrap}
@media(max-width:400px){.seam h1 .nw{white-space:normal}}
.seam-low{max-width:min(100%,calc(var(--inner) * 5 / 12 - var(--g) - var(--s8)));min-width:0}
.seam-low p{font-size:1.125rem;color:var(--on-dark)}
.seam-low .cta{margin-top:var(--s8)}
.seam.short{min-height:max(640px,86svh)}
.seam.short h1 .big{font-size:clamp(3.5rem,8.4vw,8.5rem)}
.seam.bare{min-height:max(560px,76svh)}
.seam.bare .seam-tx{padding-bottom:var(--s24);gap:var(--s10)}
.seam.bare .seam-low{max-width:46rem}
.crumbs{margin-bottom:var(--s8);color:var(--on-dark-mute)}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s2);font:500 .9375rem/1.3 var(--b)}
.crumbs li+li::before{content:"/";margin-right:var(--s2);opacity:.6}
.crumbs a{text-decoration:none}
.dk .crumbs{color:var(--on-dark-mute)}
@media(max-width:900px){
  .seam,.seam.short,.seam.bare{display:block;min-height:0}
  .seam-ph{position:relative;left:auto;height:min(62svh,560px)}
  .seam-ph::after{background:linear-gradient(180deg,var(--scrim-3) 0,var(--scrim-0) 28%,var(--scrim-0) 62%,var(--tannin) 100%)}
  .seam-tx{padding:0 var(--g) var(--s12);margin-top:calc(-1 * clamp(64px,16vw,120px));gap:var(--s8)}
  .seam.bare .seam-tx{margin-top:0;padding-top:var(--s32)}
  .seam-low{max-width:none}
  .seam h1 .kw{margin-top:var(--s4)}
  .crumbs{margin-bottom:var(--s5)}
}

/* statement */
.statement{padding-top:var(--s32);padding-bottom:var(--s32);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cg)}
.statement blockquote{grid-column:1/12}
.statement blockquote p{font:400 clamp(3rem,7vw,7.5rem)/.98 var(--d);letter-spacing:-.025em;color:var(--ink);max-width:none;text-wrap:balance}
.statement .by{grid-column:1/12;margin-top:var(--s8);font-weight:500;color:var(--muted)}
.statement .after{grid-column:7/13;margin-top:var(--s20);padding-top:var(--s8);border-top:1px solid var(--line)}
.statement .after h2{font-size:clamp(2rem,1.4vw + 1.25rem,2.75rem);margin-bottom:var(--s5)}
@media(max-width:900px){.statement{display:block;padding-top:var(--s24);padding-bottom:var(--s24)}.statement .after{margin-top:var(--s12)}}

/* CURRENT: the signature. A wide filled river carries the five package stops */
.current{position:relative;color:var(--on-dark);isolation:isolate}
.current .edge{display:block;width:100%;height:clamp(48px,7vw,120px);color:var(--tannin);margin-bottom:-1px}
.current .edge.b{margin:-1px 0 0}
.current .edge.b{transform:scaleY(-1)}
.current-body{position:relative;background:linear-gradient(180deg,var(--tannin) 0,var(--tannin-2) 46%,var(--tannin) 100%);overflow:hidden}
.flow{position:absolute;inset:0;z-index:-0;pointer-events:none}
.flow svg{position:absolute;left:0;width:200%;height:auto;animation:drift 80s linear infinite}
.flow svg:nth-child(1){top:2%;opacity:.5}
.flow svg:nth-child(2){top:30%;opacity:.28;animation-duration:110s;animation-direction:reverse}
.flow svg:nth-child(3){top:58%;opacity:.55;animation-duration:95s}
.flow svg:nth-child(4){top:44%;opacity:.22;animation-duration:130s;animation-direction:reverse}
@keyframes drift{to{transform:translate3d(-50%,0,0)}}
@media(prefers-reduced-motion:reduce){.flow svg{animation:none}}
.current-in{position:relative;z-index:1;padding-top:var(--s16);padding-bottom:var(--s24)}
.current-head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cg);align-items:end}
.current-head h2{grid-column:1/9;color:var(--on-dark-hi)}
.current-head p{grid-column:9/13;color:var(--on-dark)}
.stations{list-style:none;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cg);row-gap:var(--s20);margin-top:var(--s24)}
.st{position:relative;min-width:0}
.st .n{display:block;font:400 clamp(5rem,9vw,9rem)/.8 var(--d);color:var(--gold);letter-spacing:-.03em}
.st h3{font:400 clamp(2rem,1.2vw + 1.4rem,2.75rem)/1.05 var(--d);letter-spacing:-.015em;margin-top:var(--s6);color:var(--on-dark-hi)}
.st p{margin-top:var(--s4);color:var(--on-dark);max-width:46ch}
.st figure{margin:var(--s10) 0 0;overflow:hidden;aspect-ratio:4/5;max-width:340px}
.st figure img{width:100%;height:100%;object-fit:cover}
.st:nth-child(1){grid-column:1/5}
.st:nth-child(2){grid-column:5/9;padding-top:var(--s24)}
.st:nth-child(3){grid-column:9/13;padding-top:calc(var(--s24) * 2)}
.st:nth-child(4){grid-column:2/7}
.st:nth-child(5){grid-column:8/12;padding-top:var(--s24)}
.js .st{opacity:0;transform:translate3d(0,24px,0);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js .st.is-in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js .st{opacity:1;transform:none;transition:none}}
.mouth{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cg);align-items:end;margin-top:var(--s32);padding-top:var(--s12);border-top:1px solid var(--line-dk)}
.mouth .price{grid-column:1/8;font:400 clamp(5.5rem,15vw,15rem)/.8 var(--d);color:var(--on-dark-hi);letter-spacing:-.04em;max-width:none}
.mouth .say{grid-column:8/13;padding-bottom:var(--s4)}
.mouth .say p{font-size:1.25rem;color:var(--on-dark-hi)}
.mouth .cta{margin-top:var(--s8)}
@media(max-width:900px){
  .current-head{display:block}.current-head p{margin-top:var(--s5)}
  .stations{display:block;margin-top:var(--s16)}
  .st{padding:0 !important;margin-bottom:var(--s16)}
  .st:nth-child(even){margin-left:clamp(24px,12vw,96px)}
  .st figure{max-width:72%}
  .mouth{display:block;margin-top:var(--s20)}.mouth .say{margin-top:var(--s8)}
}

/* full-bleed photo band */
.band{position:relative;min-height:max(560px,88svh);display:grid;align-items:end;color:var(--on-dark-hi);overflow:hidden;background:var(--tannin)}
.band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 62%}
.band::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--shade-0) 30%,var(--shade) 78%),linear-gradient(0deg,var(--shade-2),var(--shade-0) 40%)}
.band .wrap{position:relative;z-index:1;width:100%;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cg);padding-bottom:var(--s20)}
.band .say{grid-column:8/13}
.band .say h2{color:var(--on-dark-hi);font-size:clamp(3rem,6vw,6.5rem);line-height:.95}
.band .say p{margin-top:var(--s6);font-size:1.25rem;color:var(--on-dark)}
@media(max-width:900px){.band{min-height:max(520px,92svh)}.band img{object-position:30% 60%}.band::after{background:linear-gradient(0deg,var(--shade-3) 10%,var(--shade-0) 62%)}.band .wrap{display:block;padding-bottom:var(--s12)}}

/* founder */
.founder{padding-top:var(--s32);padding-bottom:var(--s32)}
.founder .grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cg);align-items:center}
.founder figure{grid-column:1/6;margin:0;overflow:hidden;aspect-ratio:4/5}
.founder figure img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}
.founder .txt{grid-column:7/13}
.founder .q{margin-top:var(--s10)}
.founder .q p{font:400 clamp(2rem,1.3vw + 1.3rem,2.625rem)/1.15 var(--d);color:var(--ink);letter-spacing:-.01em;max-width:28ch}
.founder .q p+p{margin-top:var(--s6)}
.founder .sig{margin-top:var(--s8);font-weight:500;color:var(--muted)}
.founder .links{display:flex;flex-wrap:wrap;gap:var(--s6) var(--s8);margin-top:var(--s10)}
@media(max-width:900px){.founder{padding-top:var(--s24);padding-bottom:var(--s24)}.founder .grid{display:block}.founder figure{max-width:86%;margin-bottom:var(--s12)}}

/* towns: the coast as a type texture, on marsh green */
.coast{background:var(--marsh);color:var(--on-dark);padding-top:var(--s32);padding-bottom:var(--s32)}
.coast h2{color:var(--on-dark-hi)}
.coast .head{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cg);align-items:end}
.coast .head h2{grid-column:1/8}.coast .head p{grid-column:8/13}
.towns-x{margin-top:var(--s20);font:400 clamp(2rem,3.2vw,3.25rem)/1.2 var(--d);color:var(--on-dark-hi);letter-spacing:-.01em}
.towns-x .co{display:inline-block;vertical-align:.45em;font:600 .875rem/1 var(--b);letter-spacing:.06em;color:var(--gold);margin:0 var(--s3) 0 var(--s2)}
.towns-x .t{white-space:nowrap}
.towns-x .t:not(:last-child)::after{content:",";color:var(--on-dark-mute)}
.towns-x div+div{margin-top:var(--s4)}
@media(max-width:900px){.coast{padding-top:var(--s24);padding-bottom:var(--s24)}.coast .head{display:block}.coast .head p{margin-top:var(--s5)}.towns-x{margin-top:var(--s12)}}

/* terms */
.terms{padding-top:var(--s32);padding-bottom:var(--s32)}
.terms .grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cg)}
.terms .side{grid-column:1/5;align-self:start;position:sticky;top:var(--s32)}
.terms .side p{margin-top:var(--s5)}
.terms .asks{display:flex;flex-direction:column;align-items:flex-start;gap:var(--s4);margin-top:var(--s8)}
.terms ul{grid-column:6/13;list-style:none}
.terms li{padding:var(--s8) 0;border-top:1px solid var(--line)}
.terms li:last-child{border-bottom:1px solid var(--line)}
.terms li b{display:block;font:400 2rem/1.1 var(--d);color:var(--ink);margin-bottom:var(--s3)}
@media(max-width:900px){.terms{padding-top:var(--s24);padding-bottom:var(--s24)}.terms .grid{display:block}.terms .side{position:static;margin-bottom:var(--s12)}}

/* close: her words, big */
.close{background:var(--sand-2);overflow:hidden}
.close .grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cg);align-items:stretch}
.close .txt{grid-column:1/7;padding-top:var(--s32);padding-bottom:var(--s32);display:flex;flex-direction:column;justify-content:center}
.close h2{font-size:clamp(3.75rem,9vw,9.5rem);line-height:.9;letter-spacing:-.035em}
.close .lead{margin-top:var(--s8);font-size:1.25rem;color:var(--ink)}
.close .cta{margin-top:var(--s10)}
.close .info{display:flex;flex-wrap:wrap;gap:var(--s4) var(--s10);margin-top:var(--s12);padding-top:var(--s6);border-top:1px solid var(--line);font-size:1rem}
.close .info b{display:block;font-weight:600;color:var(--ink)}
.close figure{grid-column:8/-1;margin:0 calc(-1 * var(--g)) 0 0;position:relative;min-height:640px}
.close figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
@media(max-width:900px){.close .grid{display:flex;flex-direction:column-reverse}.close figure{margin:0 calc(-1 * var(--g));min-height:0;aspect-ratio:4/5}.close .txt{padding-top:var(--s20);padding-bottom:var(--s20)}}

/* inner pages: long-form */
.prose{padding-top:var(--s24);padding-bottom:var(--s32)}
.prose .grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cg)}
.sec{grid-column:1/-1;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cg);padding-top:var(--s20);padding-bottom:var(--s20);border-top:1px solid var(--line)}
.sec:first-child{border-top:0;padding-top:var(--s8)}
.sec>h2{grid-column:1/6;font-size:clamp(2.25rem,2.6vw + 1rem,3.75rem);align-self:start}
.sec>:not(h2){grid-column:7/13}
.sec>h2+*{margin-top:0}
.sec>*+*:not(h2){margin-top:var(--s5)}
.sec>h3{margin-top:var(--s10)}
.sec>h2+h3{margin-top:0}
.sec>h3+p{margin-top:var(--s3)}
.sec .more{margin-top:var(--s8)}
.sec figure{margin:0}
.sec.wide>figure{grid-column:1/-1;margin-top:var(--s12)}
@media(max-width:900px){.prose{padding-top:var(--s12);padding-bottom:var(--s24)}.sec{display:block;padding-top:var(--s16);padding-bottom:var(--s16)}.sec>h2{margin-bottom:var(--s8)}}
.split-fig{overflow:hidden;aspect-ratio:4/5;max-width:440px}
.split-fig img{width:100%;height:100%;object-fit:cover}
.pkg{width:100%;border-collapse:collapse;font-size:1rem}
.pkg th,.pkg td{text-align:left;vertical-align:top;padding:var(--s5) var(--s4) var(--s5) 0;border-top:1px solid var(--line)}
.pkg thead th{font:600 .875rem/1.3 var(--b);color:var(--muted);border-top:0;padding-top:0}
.pkg tbody th{font:600 1.0625rem/1.35 var(--b);color:var(--ink)}
.pkg .n{font:400 2rem/1 var(--d);color:var(--gold-ink);width:var(--s16)}
.pkg tfoot th{font:600 1.0625rem/1.3 var(--b);color:var(--ink);border-top:2px solid var(--ink)}
.pkg tfoot td{border-top:2px solid var(--ink)}
.pkg .tot{font:400 3rem/1 var(--d);color:var(--ink)}
@media(max-width:620px){.pkg thead{display:none}.pkg tr{display:grid;grid-template-columns:var(--s12) minmax(0,1fr);column-gap:var(--s3);border-top:1px solid var(--line);padding:var(--s4) 0}.pkg th,.pkg td{border:0;padding:0}.pkg td:last-child{grid-column:2}.pkg tfoot tr{border-top:2px solid var(--ink)}.pkg tfoot td,.pkg tfoot th{border:0}}
.towns p+p{margin-top:var(--s3)}.towns b{display:block;font-weight:600;color:var(--ink)}
.faq dt{font:400 2rem/1.12 var(--d);color:var(--ink);padding-top:var(--s8);border-top:1px solid var(--line);letter-spacing:-.01em}
.faq dt:first-child{border-top:0;padding-top:0}
.faq dd{padding:var(--s4) 0 var(--s8)}
.beliefs{list-style:none}
.beliefs li{padding:var(--s6) 0;border-top:1px solid var(--line)}
.beliefs li:first-child{border-top:0;padding-top:0}
.beliefs b{display:block;font:400 2.25rem/1.05 var(--d);color:var(--ink);margin-bottom:var(--s3);letter-spacing:-.015em}


/* photos stand in the water: the bottom edge carries the same river line as the current */
.wet{-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 125' preserveAspectRatio='none'%3E%3Cpath d='M0 0H100V116C84 110 68 124 50 119S16 112 0 120Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 125' preserveAspectRatio='none'%3E%3Cpath d='M0 0H100V116C84 110 68 124 50 119S16 112 0 120Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}

/* form */
.form{display:grid;grid-template-columns:1fr 1fr;gap:var(--s5) var(--s6)}
.form .full{grid-column:1/-1}
.form label{display:block;font:600 .9375rem/1.3 var(--b);color:var(--ink);margin-bottom:var(--s2)}
.form input,.form textarea{width:100%;font:400 1.0625rem/1.4 var(--b);color:var(--ink);background:var(--field);border:1px solid var(--muted);border-radius:2px;padding:var(--s3) var(--s4);min-height:52px}
.form textarea{min-height:140px;resize:vertical}
.form input:focus-visible,.form textarea:focus-visible{outline:3px solid var(--gold-ink);outline-offset:1px;border-color:var(--ink)}
.form .note{grid-column:1/-1;font-size:.9375rem;color:var(--muted)}
.form button{border:0;cursor:pointer}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-ok{display:none;margin-top:var(--s6);padding:var(--s5) 0;border-top:2px solid var(--ink);border-bottom:1px solid var(--line);color:var(--ink)}
.form-ok.is-on{display:block}
@media(max-width:620px){.form{grid-template-columns:1fr}}

/* footer */
.site-footer{padding-top:var(--s24);padding-bottom:var(--s10)}
.site-footer .top{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--cg);row-gap:var(--s12)}
.site-footer .fb{grid-column:1/6}
.site-footer .wm{font:400 clamp(3rem,5.4vw,5.5rem)/.92 var(--d);color:var(--on-dark-hi);letter-spacing:-.03em;max-width:none}
.site-footer .sm{margin-top:var(--s6);max-width:36ch}
.site-footer .cols{grid-column:6/13;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) minmax(0,1fr);gap:var(--s8)}
.site-footer .k{font-weight:600;color:var(--gold);margin-bottom:var(--s3)}
.site-footer ul{list-style:none}.site-footer li+li{margin-top:var(--s2)}
.site-footer a{text-decoration:none;overflow-wrap:anywhere}
.site-footer a:hover{text-decoration:underline}
.legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s4);margin-top:var(--s20);padding-top:var(--s6);border-top:1px solid var(--line-dk);font-size:.9375rem;color:var(--on-dark-mute)}
@media(max-width:1180px){.site-footer .fb,.site-footer .cols{grid-column:1/-1}}
@media(max-width:620px){.site-footer .cols{grid-template-columns:1fr}}

/* sticky mobile bar */
.mbar{display:none}
@media(max-width:760px){
  .mbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;gap:var(--s3);padding:var(--s3) var(--g) calc(var(--s3) + env(safe-area-inset-bottom));background:var(--sand);box-shadow:0 -1px 0 var(--line)}
  .mbar .btn{flex:1;justify-content:center}
  .mbar .em{display:inline-flex;align-items:center;padding:0 var(--s4);font-weight:500;text-decoration:none;border-bottom:1.5px solid currentColor;min-height:48px}
  body{padding-bottom:80px}
}