/* Brand mark and hand-drawn dividers based on Sean's references. */
.home-page.home-gradient .home-nav{position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;padding-bottom:32px;border:0}
.home-nav .identity{justify-self:start}.home-nav nav{justify-self:end}
.ss-brand{display:flex;align-items:center;justify-content:center;width:56px;height:64px;padding:5px}
.ss-mark{display:block;width:44px;height:48px;background:url("assets/ss-mark.svg") center/contain no-repeat}
.home-page .hello-smile{color:#ff7518}
.organic-divider{display:block;height:18px;width:100%;overflow:visible;pointer-events:none;color:#c4cad1}
.organic-divider path{stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.home-nav>.organic-divider{position:absolute;bottom:-5px;left:0}
.home-page.home-gradient .portfolio-footer{position:relative;background:#fff;color:var(--neutral-ink);padding-top:62px}
.portfolio-footer>.organic-divider{position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(var(--review-width),calc(100% - var(--review-gutter)))}
.home-gradient .footer-bottom{border-color:#d9dee4!important}
.home-gradient .portfolio-footer a:hover{color:#be4805}
@media(max-width:760px){.home-page.home-gradient .home-nav{grid-template-columns:1fr auto;gap:12px;padding-bottom:30px}.home-nav .identity{grid-column:1;grid-row:1}.home-nav .ss-brand{grid-column:2;grid-row:1;width:44px;height:50px}.ss-mark{width:36px;height:40px}.home-page.home-gradient .home-nav nav{grid-column:1/-1;justify-self:start;flex-wrap:wrap;gap:26px}.organic-divider{height:14px}.home-nav>.organic-divider{bottom:-4px}.home-page.home-gradient .portfolio-footer{padding-top:48px}}

/* Straight header rule and slate footer with a shallow, symmetrical crown. */
.home-page.home-gradient .portfolio-footer{background:#29333f;color:#f6f8fb;border-radius:50% 50% 0 0 / 30px 30px 0 0;padding-top:64px}
.portfolio-footer>.organic-divider{display:none}
.home-gradient .footer-bottom{border-color:#ffffff35!important}
.home-gradient .portfolio-footer a:hover{color:#ffab70}
@media(max-width:760px){.home-page.home-gradient .portfolio-footer{border-radius:50% 50% 0 0 / 20px 20px 0 0;padding-top:48px}}

/* Compact footer and a plain straight header rule. */
.home-page.home-gradient .home-nav{border-bottom:1px solid #d9dee4;padding-bottom:24px}
.home-nav>.organic-divider{display:none}
.home-page.home-gradient .portfolio-footer{padding-top:38px;padding-bottom:18px}
.portfolio-footer .footer-nav{margin-top:16px;margin-bottom:20px}
.portfolio-footer .footer-bottom{padding-top:16px}
@media(max-width:760px){.home-page.home-gradient .portfolio-footer{padding-top:30px;padding-bottom:14px}.portfolio-footer .footer-nav{margin-top:12px;margin-bottom:16px}}