@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(../fonts/Archivo-var.woff2) format('woff2')}
:root{--ink:#161719;--ink-deep:#1A1D21;--ink-soft:#43464a;--ink-mute:#5d6165;--paper:#F6F4EF;--panel:#eae7df;--slate:#3b4348;--slate-deep:#333a3f;--mist:#e4e7e8;--amber:#007BFF;--amber-edge:#0052AD;--line:rgba(22,23,25,.20);--line-dark-soft:rgba(245,243,237,.12);--sans:'Archivo',-apple-system,'Helvetica Neue',Helvetica,Arial,sans-serif;--pad:clamp(20px,4.5vw,72px);--max:1520px;--navh:88px;--alum:#C7CCD1;--navy:#102A56}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{font-family:var(--sans);font-weight:400;font-size:17.5px;line-height:1.6;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--paper);overflow-x:clip;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1{font-weight:800;font-stretch:112%;text-transform:uppercase;line-height:.98;letter-spacing:-.015em;font-size:clamp(34px,3.6vw,54px);text-wrap:balance}
h2{font-weight:700;font-stretch:106%;text-transform:uppercase;font-size:clamp(26px,2.6vw,38px);line-height:1.06;letter-spacing:-.006em}
h3{font-weight:600;font-size:clamp(19px,1.6vw,23px);line-height:1.28}
.deck{font-size:clamp(19px,1.62vw,22.5px);line-height:1.5;color:var(--ink-soft);text-wrap:pretty}
.dark .deck{color:rgba(245,243,237,.86)}
.fig{font-stretch:76%;font-weight:600;letter-spacing:-.008em;line-height:1;font-feature-settings:"tnum" 1}
.src{font-stretch:88%;font-size:14px;color:var(--ink-mute);line-height:1.55}
.wrap{max-width:var(--max);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;font-weight:600;font-size:15px;letter-spacing:.04em;text-decoration:none;padding:0 32px;border:1.5px solid transparent;background:var(--ink);color:var(--paper);cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.btn:hover{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn--primary{background:var(--amber);color:var(--paper);border-color:var(--amber);font-size:16.5px;font-weight:700;letter-spacing:.02em}
.btn--primary:hover{background:var(--amber-edge);border-color:var(--amber-edge);color:var(--paper)}
.tlink{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:600;font-size:16.5px;text-decoration:none}
.tlink span:first-child{box-shadow:inset 0 -1px 0 currentColor}
.acts{display:flex;gap:30px;align-items:center;flex-wrap:wrap}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2.5px solid var(--ink);outline-offset:3px}
.nav a:focus-visible,.nav button:focus-visible{outline-color:var(--paper)}
.sec{padding:clamp(80px,8.5vw,124px) 0}
.dark{background:var(--slate);color:var(--paper)}
/* nav: solid from the start on inner pages */
.nav{position:fixed;inset:0 0 auto 0;z-index:60;height:var(--navh);display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 var(--pad);color:var(--paper);background:rgba(21,24,26,.96);border-bottom:1px solid var(--line-dark-soft)}
.nav-logo{display:flex;align-items:center;min-height:44px}
.nav-logo img{height:48px;width:auto}
.nav-right{display:flex;align-items:center;gap:clamp(18px,2.2vw,36px)}
.nav-menu{display:flex;gap:clamp(22px,2.4vw,36px);align-items:center;list-style:none}
.nav-menu a{position:relative;display:inline-flex;align-items:center;min-height:44px;font-weight:500;font-size:16px;text-decoration:none;color:rgba(245,243,237,.88);transition:color .18s}
.nav-menu a::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:2px;background:var(--amber);transform:scaleX(0);transform-origin:left;transition:transform .22s cubic-bezier(.22,.61,.36,1)}
.nav-menu a:hover,.nav-menu a[aria-current="page"]{color:#fff}
.nav-menu a:hover::after,.nav-menu a[aria-current="page"]::after{transform:scaleX(1)}
.nav-search{display:flex;align-items:center}
.nav-search button{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;color:rgba(245,243,237,.88);cursor:pointer}
.nav-search button:hover{color:#fff}
.nav-cta{display:inline-flex;align-items:center;min-height:46px;padding:0 22px;border:1.5px solid var(--amber);font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap;transition:background-color .2s,color .2s}
.nav-cta:hover{background:var(--amber);color:#fff}
.nav-toggle{display:none;width:48px;height:48px;background:transparent;border:1.5px solid rgba(245,243,237,.5);color:inherit;cursor:pointer;align-items:center;justify-content:center}
.nav-toggle span{display:block;width:20px;height:1.5px;background:currentColor;position:relative}
.nav-toggle span::before,.nav-toggle span::after{content:"";position:absolute;left:0;width:20px;height:1.5px;background:currentColor}
.nav-toggle span::before{top:-6px}.nav-toggle span::after{top:6px}
.nav-drawer{display:none}
@media(max-width:1180px){
  .nav-menu{display:none}.nav-toggle{display:flex}
  .nav-drawer{position:fixed;inset:var(--navh) 0 0 0;z-index:55;background:var(--slate-deep);color:var(--paper);padding:12px var(--pad) 40px;overflow-y:auto;flex-direction:column}
  .nav-drawer.open{display:flex}
  .nav-drawer ul{list-style:none;border-top:1px solid var(--line-dark-soft)}
  .nav-drawer a{display:flex;align-items:center;min-height:62px;text-decoration:none;font-weight:600;font-size:21px;border-bottom:1px solid var(--line-dark-soft)}
  .nav-drawer a[aria-current="page"]{color:#fff;box-shadow:inset 3px 0 0 var(--amber)}
  .nav-drawer .btn{margin-top:26px;width:100%;background:var(--paper);color:var(--ink)}
}
@media(max-width:640px){.nav-cta,.nav-search{display:none}.nav-logo img{height:40px}}
/* the first section under a banner opens at the banner's own bottom inset (Bryan, 09/28) */
section.phead + section.sec{padding-top:clamp(40px,4vw,60px)}
/* placeholder notice */
.notice{background:var(--amber);color:#fff;font-weight:600;font-size:14.5px;letter-spacing:.02em;padding:12px 0;margin-top:var(--navh)}
.notice .wrap{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.notice b{font-weight:700;font-stretch:88%;letter-spacing:.08em;text-transform:uppercase;font-size:13px;padding:4px 8px;border:1px solid rgba(255,255,255,.6)}
/* page head */
.phead{position:relative;background:var(--slate);color:var(--paper);padding:clamp(72px,8vw,120px) 0 clamp(56px,6vw,88px);margin-top:var(--navh)}
.phead .deck{margin-top:clamp(18px,2vw,28px);max-width:64ch;color:rgba(245,243,237,.86)}
.phead .figs{display:flex;gap:clamp(28px,4vw,64px);flex-wrap:wrap;margin-top:clamp(32px,3.6vw,52px);padding-top:clamp(24px,2.6vw,36px);border-top:1px solid rgba(245,243,237,.2)}
.phead .figs .fig{font-size:clamp(40px,4.2vw,64px);display:block}
.phead .figs .fig em{font-style:normal;font-size:.42em;font-weight:500;letter-spacing:.03em;margin-left:.18em;color:rgba(245,243,237,.7)}
.phead .figs p{margin-top:10px;font-size:15.5px;color:rgba(245,243,237,.8)}
/* ---------- subpage banner, Option A (dark ombre), 09/28: the photo runs full bleed and is graded toward Argon
   Navy; a flat Navy field holds the headline column and ramps out into the photo on an eased curve. The type
   sits on the flat part of the field, never on the ramp, so contrast does not depend on the photo. Each page
   sets --pos (desktop crop), --pos-m (390 crop), --grade (how far the photo is pulled toward Navy), --origin (the subject the drift pushes in on, so nothing slides out of frame) and optionally --dx/--dy. ---------- */
.phead--photo{overflow:hidden;display:flex;align-items:flex-end;min-height:clamp(340px,27vw,420px);padding-top:clamp(64px,6vw,96px);padding-bottom:clamp(44px,4vw,60px);background:#102A56}
.phead--photo .wrap{position:relative;z-index:2;width:100%}
.phead--photo h1{max-width:11.5em}
.phead--photo .deck{max-width:36ch;color:#F6F4EF}
.phead--photo::before{content:"";position:absolute;inset:-5% -4%;z-index:0;background-image:linear-gradient(rgba(16,42,86,var(--grade,.3)),rgba(16,42,86,var(--grade,.3))),var(--photo);background-blend-mode:multiply,normal;background-size:cover;background-position:var(--pos,center 55%);background-repeat:no-repeat;transform-origin:var(--origin,70% 50%)}
.phead--photo::after{content:"";position:absolute;inset:0;z-index:1;background-image:linear-gradient(90deg,#102A56 0%,#102A56 40%,rgba(16,42,86,.93) 45%,rgba(16,42,86,.78) 50%,rgba(16,42,86,.55) 56%,rgba(16,42,86,.32) 62%,rgba(16,42,86,.14) 68%,rgba(16,42,86,.04) 73%,rgba(16,42,86,0) 78%)}
@keyframes photo-drift{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.07) translate3d(var(--dx,0%),var(--dy,0%),0)}}
.js .phead--photo::before{animation:photo-drift 42s ease-in-out infinite alternate}
/* scroll parallax: the photo trails the page; --sy is set by the script below, and only once the banner's top edge is under the fixed nav, so the uncovered strip stays hidden */
.js .phead--photo::before{translate:0 var(--sy,0px)}
@media(prefers-reduced-motion:reduce){.js .phead--photo::before{animation:none;transform:none;translate:none}}
@media(max-width:1000px){.phead--photo .deck{max-width:30ch}.phead--photo::after{background-image:linear-gradient(90deg,#102A56 0%,#102A56 54%,rgba(16,42,86,.93) 59%,rgba(16,42,86,.78) 64%,rgba(16,42,86,.55) 70%,rgba(16,42,86,.32) 76%,rgba(16,42,86,.14) 82%,rgba(16,42,86,.04) 87%,rgba(16,42,86,0) 92%)}}
@media(max-width:640px){
  .phead--photo{min-height:0;display:block;padding-top:54vw;padding-bottom:40px}
  .phead--photo h1,.phead--photo .deck{max-width:none}
  .phead--photo::before{top:-12px;left:-4%;right:-4%;bottom:auto;height:calc(64vw + 12px);background-position:var(--pos-m,var(--pos,center))}
  .phead--photo::after{background-image:linear-gradient(180deg,rgba(16,42,86,0) 0,rgba(16,42,86,0) 28vw,rgba(16,42,86,.3) 35vw,rgba(16,42,86,.62) 42vw,rgba(16,42,86,.87) 48vw,#102A56 52vw,#102A56 100%)}
}
.cap-hero{--photo:url(../assets/sub-hero-capacity-adobe.jpg);--pos:center 50%;--grade:.3;--pos-m:45% 50%;--origin:60% 70%}
/* capacity photo is ~3:2: same height fit as the blog banner, anchored right, left edge under the navy field */
@media(min-width:641px){.cap-hero::before{background-size:cover,auto 175%;background-position:center,right 45%}}
.lead-hero{--photo:url(../assets/sub-hero-leadership-adobe.jpg);--pos:center 40%;--grade:.3;--pos-m:45% 50%;--origin:60% 65%}
/* product cards */
.cards{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,36px);margin-top:clamp(40px,4.5vw,64px)}
.card{background:#fff;border:1px solid rgba(22,23,25,.14);padding:clamp(24px,2.4vw,36px);display:flex;flex-direction:column}
.card .k{font-stretch:88%;font-weight:600;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute)}
.card h3{font-size:clamp(22px,1.9vw,28px);margin-top:6px;letter-spacing:-.01em}
.card .out{margin-top:18px}
.card .out .fig{font-size:clamp(38px,3.6vw,54px)}
.card .out .fig em{font-style:normal;font-size:.42em;font-weight:500;letter-spacing:.03em;margin-left:.18em;color:var(--ink-soft)}
.card dl{margin-top:22px;border-top:1px solid rgba(22,23,25,.12)}
.card .row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:12px;padding:11px 0;border-bottom:1px solid rgba(22,23,25,.10);font-size:15.5px}
.card dt{color:var(--ink-mute);font-weight:500}
.card dd{font-weight:600}
.card dd.nda{font-weight:500;color:var(--ink-mute);font-stretch:88%}
.card .acts{margin-top:auto;padding-top:24px;gap:14px 26px}
.card .card-btn{min-height:48px;padding:0 26px;font-size:15px;font-weight:700;letter-spacing:.02em}
.card--pipe .card-btn{background:transparent;color:#fff;border-color:#fff}.card--pipe .card-btn:hover{background:#fff;color:var(--amber);border-color:#fff}
.card--pipe{background:var(--amber);border-color:transparent;color:#fff}.card--pipe h3,.card--pipe dt,.card--pipe dd:not(.nda),.card--pipe .tlink span{color:#fff}.card--pipe dd.nda{color:rgba(255,255,255,.75)}.card.card--pipe .out .fig em{color:rgba(255,255,255,.9)}
.card-image{height:200px;background:var(--panel);display:flex;align-items:center;justify-content:center;margin:calc(-1 * clamp(24px,2.4vw,36px)) calc(-1 * clamp(24px,2.4vw,36px)) 18px calc(-1 * clamp(24px,2.4vw,36px));padding:16px;overflow:hidden}
.card-image img{object-fit:contain;max-height:100%;max-width:100%;display:block}
.card--pipe .card-image{background:transparent}.card-image--mark img{width:86%;height:auto;max-height:100%;object-fit:contain}
@media(max-width:1000px){.cards{grid-template-columns:1fr;max-width:640px}}
/* people: card grid, each card a button that opens a dialog with the full bio */
.people{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,2.6vw,32px);margin-top:clamp(40px,4.5vw,64px)}
.person{display:block}
.person-card{all:unset;box-sizing:border-box;display:flex;flex-direction:column;width:100%;background:#fff;border:1.5px solid rgba(22,23,25,.14);cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s}
.person-card:hover{border-color:var(--amber);box-shadow:0 14px 32px rgba(0,123,255,.16);transform:translateY(-2px)}
.person-card:focus-visible{border-color:var(--amber);outline:2.5px solid var(--amber);outline-offset:3px}
.person-card .ph{box-sizing:border-box;aspect-ratio:4/5;background:var(--alum);display:flex;align-items:flex-end;padding:16px;position:relative;width:100%}
.person-card .ph .ini{font-stretch:76%;font-weight:600;font-size:clamp(34px,3vw,46px);letter-spacing:-.02em;color:var(--navy)}
.person-card .ph i{position:absolute;top:14px;right:14px;font-style:normal;font-stretch:88%;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:rgba(16,42,86,.62)}
.person-card .meta{padding:clamp(18px,2vw,26px);text-align:left}
.person-card .name{display:block;font-weight:700;font-stretch:106%;text-transform:uppercase;font-size:clamp(19px,1.5vw,22px);line-height:1.18;letter-spacing:-.006em;color:var(--ink)}
.person-card .role{display:block;margin-top:6px;font-weight:500;font-size:15px;color:var(--ink-mute)}
@media(max-width:1000px){.people{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.people{grid-template-columns:1fr}}
/* no-JS fallback: full bio stays readable inline under the card; JS hides it because the dialog now carries it */
.person-bio{margin-top:16px}
.person-bio .line{font-size:clamp(16px,1.2vw,17.5px);max-width:60ch;color:var(--ink-soft)}
.person-bio ul{margin-top:14px;list-style:none;display:grid;gap:8px;max-width:70ch}
.person-bio li{font-size:15px;color:var(--ink-soft);padding-left:14px;position:relative}
.person-bio li::before{content:"";position:absolute;left:0;top:.72em;width:6px;height:1.5px;background:var(--amber)}
.js .person-bio{display:none}
/* dialog */
.person-dialog{border:0;padding:0;margin:auto;width:min(92vw,560px);max-width:560px;max-height:85vh;background:var(--paper);color:var(--ink);box-shadow:0 30px 70px rgba(0,0,0,.35);opacity:0;transform:translateY(14px);transition:opacity .28s ease,transform .28s ease}
.person-dialog[data-open]{opacity:1;transform:translateY(0)}
.person-dialog::backdrop{background:rgba(15,16,17,.66);opacity:0;transition:opacity .28s ease}
.person-dialog[data-open]::backdrop{opacity:1}
.person-dialog .pd-inner{padding:clamp(28px,4vw,44px);position:relative;max-height:85vh;overflow-y:auto}
.person-dialog .ph{box-sizing:border-box;aspect-ratio:4/5;max-width:170px;background:var(--alum);display:flex;align-items:flex-end;padding:14px;position:relative;margin-bottom:22px}
.person-dialog .ph .ini{font-stretch:76%;font-weight:600;font-size:36px;letter-spacing:-.02em;color:var(--navy)}
.person-dialog .ph i{position:absolute;top:12px;right:12px;font-style:normal;font-stretch:88%;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:rgba(16,42,86,.62)}
.person-dialog h2{font-size:clamp(24px,2.2vw,30px)}
.person-dialog .role{display:block;margin-top:6px;margin-bottom:18px;font-weight:500;font-size:16px;color:var(--ink-mute)}
.person-dialog .line{font-size:17px;max-width:60ch;color:var(--ink-soft)}
.person-dialog ul{margin-top:18px;list-style:none;display:grid;gap:10px;max-width:70ch}
.person-dialog li{font-size:15.5px;color:var(--ink-soft);padding-left:14px;position:relative}
.person-dialog li::before{content:"";position:absolute;left:0;top:.72em;width:6px;height:1.5px;background:var(--amber)}
.pd-close{position:absolute;top:16px;right:16px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:1.5px solid rgba(22,23,25,.24);color:var(--ink);font-size:22px;line-height:1;cursor:pointer;transition:border-color .2s,color .2s}
.pd-close:hover{border-color:var(--amber);color:var(--amber)}
.pd-close:focus-visible{outline:2.5px solid var(--amber);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.person-dialog,.person-dialog::backdrop{transition:none}}
@media(max-width:640px){
  .person-dialog{position:fixed;inset:auto 0 0 0;margin:0;width:100%;max-width:none;border-top:1.5px solid rgba(22,23,25,.14);transform:translateY(100%)}
  .person-dialog[data-open]{transform:translateY(0)}
}
/* footer */
.footer{background:var(--slate-deep);color:var(--paper);padding:clamp(72px,7.6vw,104px) 0 44px}
.footer-top{display:grid;grid-template-columns:repeat(12,1fr);row-gap:44px}
.footer-brand{grid-column:1/span 5;display:flex;flex-direction:column;padding-right:clamp(24px,3vw,52px)}
.footer-brand img{height:40px;width:auto;align-self:flex-start;margin-bottom:26px}
.footer-brand .line{font-weight:600;font-size:clamp(19px,1.5vw,22px);line-height:1.12;white-space:nowrap;max-width:22ch;margin-bottom:26px}
.footer-brand address{font-style:normal;font-size:16px;color:rgba(245,243,237,.8);line-height:1.8}
.footer-brand address a{text-decoration:none;box-shadow:inset 0 -1px 0 rgba(245,243,237,.4)}
.footer-col{grid-column:span 3;border-left:1px solid rgba(245,243,237,.26);padding-left:clamp(22px,2.9vw,52px)}
.footer-col:first-of-type{grid-column:7/span 3}
.footer-col h2{font-weight:600;font-size:15.5px;font-stretch:100%;text-transform:none;color:rgba(245,243,237,.58);margin-bottom:18px}
.footer-col ul{list-style:none}
.footer-col a{display:inline-flex;align-items:center;min-height:42px;text-decoration:none;font-size:16px;color:rgba(245,243,237,.88)}
.footer-col a,.footer-brand address a{position:relative}
.footer-col a::after,.footer-brand address a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--amber);transform:scaleX(0);transform-origin:left;transition:transform .22s cubic-bezier(.22,.61,.36,1)}
.footer-col a:hover,.footer-col a:focus-visible{color:var(--paper)}
.footer-col a:hover::after,.footer-col a:focus-visible::after,.footer-brand address a:hover::after,.footer-brand address a:focus-visible::after{transform:scaleX(1)}
@media (prefers-reduced-motion:reduce){.footer-col a::after,.footer-brand address a::after{transition:none}}
.footer-legal{margin-top:clamp(56px,6vw,76px);padding-top:26px;border-top:1px solid var(--line-dark-soft);font-stretch:88%;font-size:13.5px;color:rgba(245,243,237,.66);line-height:1.62;display:flex;flex-direction:column;gap:9px;max-width:104ch}
@media(max-width:820px){.footer-top{grid-template-columns:repeat(2,1fr);row-gap:34px}.footer-brand{grid-column:1/-1;padding-right:0}.footer-col,.footer-col:first-of-type{grid-column:span 1;border-left:0;padding-left:0}}
.blog-grid{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.4vw,36px);margin-top:clamp(40px,4.5vw,64px)}
@media(max-width:1000px){.blog-grid{grid-template-columns:1fr;max-width:640px}}
.blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(22,23,25,.14);overflow:hidden;transition:box-shadow .2s ease}
.blog-card:hover{box-shadow:0 4px 12px rgba(22,23,25,.12)}
.blog-image{height:clamp(180px,20vw,240px);background-image:var(--photo);background-size:cover;background-position:center}
.blog-category{display:inline-block;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);padding:clamp(20px,2.4vw,28px) clamp(20px,2.4vw,28px) 0}
.blog-card h3{font-size:clamp(18px,1.5vw,22px);padding:0 clamp(20px,2.4vw,28px);margin-top:8px;line-height:1.3;letter-spacing:-.006em}
.blog-card time{display:block;font-size:13px;color:var(--ink-mute);padding:8px clamp(20px,2.4vw,28px) 0}
.blog-card p{font-size:15px;color:var(--ink-soft);line-height:1.6;padding:clamp(12px,1.5vw,16px) clamp(20px,2.4vw,28px) clamp(20px,2.4vw,28px);margin-top:auto}
.blog-hero{--photo:url(../assets/sub-hero-blog-adobe.jpg);--pos:center 50%;--grade:.3;--pos-m:60% 50%;--origin:62% 45%}
/* blog photo is ~3:2: fit it to the banner height and anchor right so more of it shows; its left edge sits under the solid navy field */
@media(min-width:641px){.blog-hero::before{background-size:cover,auto 175%;background-position:center,right 58%}}


/* footer LinkedIn icon (only rendered when ARGON_LINKEDIN_URL is set); same rules the homepage carries */
.footer-social{margin-top:auto;padding-top:40px}
.footer-social p{font-stretch:88%;font-size:13px;letter-spacing:.02em;color:rgba(245,243,237,.62);margin-bottom:12px}
.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(245,243,237,.30);color:rgba(245,243,237,.88);transition:border-color .18s ease,color .18s ease,background-color .18s ease}
.footer-social a:hover{border-color:var(--paper);color:var(--ink);background:var(--paper)}
@media(max-width:820px){.footer-social{margin-top:0;padding-top:26px}}