/* base reset */
:root{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#000}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}

/* Layout: dark-first. Navy hero band, an entity logo wall, proof grouped per project,
   strengths, a CTA that opens a vertical career-journey view (#career-journey). */
:root{
  --bg:#0A1B2B; --surface:#10293F; --surface-2:#132F49; --ink:#EEF2F6; --muted:#A9BACB; --steel:#86A0BC;
  --rose:#D8AEB8; --rose-soft:#24304A; --olive:#B5B474; --olive-ink:#CBCA8E; --line:#24425F;
  --bar-actual:#D8AEB8; --bar-target:#587492;
  --hero-bg:#10293F; --hero-ink:#F6F1F2; --hero-muted:#B3C3D4; --hero-line:#2A4866;
  --plate:#F4F1F2; --plate-ink:#10293F;
  --edit:#CBCA8E;
  --display:"Manrope","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  --body:"Source Sans 3","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  color-scheme:dark;
}
:root[data-view="light"]{
  --bg:#F5F2F3; --surface:#FFFFFF; --surface-2:#F9F6F7; --ink:#10293F; --muted:#4D647D; --steel:#587492;
  --rose:#D8AEB8; --rose-soft:#F4E7EA; --olive:#908F51; --olive-ink:#666533; --line:#DDE3EA;
  --bar-actual:#10293F; --bar-target:#D8AEB8;
  --hero-bg:#10293F; --hero-ink:#F6F1F2; --hero-muted:#BACADB; --hero-line:#2C4A68;
  --plate:#FFFFFF; --plate-ink:#10293F;
  --edit:#908F51;
  color-scheme:light;
}

*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.1;letter-spacing:-.015em;margin:0;text-wrap:balance}
p{margin:0}
a{color:inherit}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--rose);outline-offset:3px;border-radius:4px}
.wrap{max-width:1140px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.sec{padding-block:80px;position:relative}
.sec + .sec{border-top:1px solid var(--line)}
.sec-head{display:grid;gap:12px;margin-bottom:40px;max-width:820px}
.kicker{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--olive-ink);font-weight:600}
.sec-head h2{font-size:clamp(34px,4.8vw,54px)}
.sec-lede{color:var(--muted);font-size:15.5px;max-width:62ch}
.icon{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--rose-soft);color:var(--rose);flex:none;border:0;padding:0}
:root[data-view="light"] .icon{color:var(--ink)}
.icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* THEME SWITCH */
.theme-btn{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));right:calc(16px + env(safe-area-inset-right,0px));z-index:25;display:flex;align-items:center;gap:8px;border:1px solid var(--hero-line);background:rgba(16,41,63,.78);color:var(--hero-ink);border-radius:999px;padding:7px 14px 7px 10px;font-size:14px;font-weight:600;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.theme-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.theme-btn:hover{border-color:var(--rose);color:var(--rose)}

/* HERO */
.sec-hero{background:var(--hero-bg);color:var(--hero-ink);padding-block:84px 52px}
:root:not([data-view="light"]) .sec-hero{background:linear-gradient(180deg,#10293F 0%,#0C2136 100%)}
.sec-hero + .sec{border-top:0}
.hero-in{display:grid;gap:22px}
.headline{font-size:15px;color:var(--hero-muted);max-width:80ch;line-height:1.5;padding-right:150px}
.name{font-size:clamp(46px,8.6vw,104px);font-weight:800;letter-spacing:-.035em;line-height:1}
.statement{font-family:var(--display);font-weight:600;font-size:clamp(22px,3.2vw,34px);color:var(--rose);line-height:1.2;max-width:24ch}
.intro{font-size:17px;color:var(--hero-muted);max-width:62ch}
.contacts{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.contact{display:flex;align-items:center;gap:12px;padding:8px 10px 8px 8px;border:1px solid var(--hero-line);border-radius:14px;min-width:0}
.contact .icon{width:38px;height:38px;background:rgba(216,174,184,.16);color:var(--rose)}
:root[data-view="light"] .sec-hero .contact .icon{color:var(--rose);background:rgba(216,174,184,.18)}
.c-body{display:grid;min-width:0}
.c-label{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--hero-muted)}
.c-val{font-size:15.5px;overflow-wrap:anywhere}
.copy{border:1px solid var(--hero-line);background:transparent;border-radius:999px;padding:4px 12px;font-size:13px;color:var(--hero-muted)}
.copy:hover{color:var(--rose);border-color:var(--rose)}
.c-link{text-decoration:none}
.c-link:hover{text-decoration:underline;text-underline-offset:3px}
a.copy{text-decoration:none}
.icon-img{overflow:hidden}
.contact .icon-img{background:transparent}
.icon-img img{width:100%;height:100%;object-fit:contain;display:block}
.c-ups{display:flex;gap:6px;margin-top:4px}
.c-up{border:1px solid var(--edit);background:transparent;color:inherit;border-radius:999px;padding:2px 10px;font-size:12px}
.c-url{display:grid;gap:2px;font-size:11.5px;color:var(--muted);margin-top:4px}
.c-url input{font:inherit;font-size:13px;padding:3px 6px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink);min-width:220px}
.kpis{list-style:none;margin:14px 0 0;padding:28px 0 0;border-top:1px solid var(--hero-line);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,40vw),1fr));gap:24px}
.kpi{display:grid;gap:6px;align-content:start;position:relative}
.kpi-v{font-family:var(--display);font-weight:800;letter-spacing:-.03em;font-size:clamp(42px,5.2vw,62px);line-height:1;color:var(--hero-ink)}
.kpi-l{color:var(--hero-muted);font-size:14px;max-width:22ch;line-height:1.45}

/* ENTITIES: logo ticker */
.sec-entities{padding-block:44px 48px}
.ent-k{text-align:center;margin-bottom:22px}
.ticker{overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.ticker-track{display:flex;width:max-content;animation:tick var(--dur,32s) linear infinite}
.ticker:hover .ticker-track,.ticker:focus-within .ticker-track{animation-play-state:paused}
.ticker-set{display:flex;align-items:center;gap:72px;padding-right:72px}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.logo-item{display:flex;align-items:center;justify-content:center;height:64px;flex:none}
.logo-item img{height:56px;width:auto;max-width:220px;object-fit:contain;filter:brightness(0) invert(.86);opacity:.8;transition:opacity .2s ease}
:root[data-view="light"] .logo-item img{filter:brightness(0) invert(.12);opacity:.62}
.logo-item:hover img{opacity:1}
.wordmark{font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:-.01em;color:var(--muted);opacity:.8;white-space:nowrap}
.ent-edit{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.ent-card{position:relative;display:grid;gap:8px;justify-items:center;border:1px dashed var(--edit);border-radius:14px;padding:14px 18px;min-width:170px}
.ent-card .logo-item{height:56px}
.ent-card .x{top:-10px;right:-10px}
.ent-card .row{display:flex;gap:6px}
.ent-card .row button{border:1px solid var(--edit);background:var(--surface);color:var(--ink);border-radius:999px;padding:3px 10px;font-size:12px}
.ent-hint{font-size:13px;color:var(--muted);text-align:center;margin-top:12px}
.ent-addwrap{display:flex;justify-content:center}
@media (prefers-reduced-motion:reduce){
  .ticker{-webkit-mask-image:none;mask-image:none}
  .ticker-track{animation:none;width:auto}
  .ticker-set{flex-wrap:wrap;justify-content:center;gap:28px 56px;padding-right:0;width:100%}
  .ticker-set[aria-hidden]{display:none}
}

/* PROOF BY PROJECT */
.projects{display:grid;gap:44px}
.project{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:28px;align-items:start}
.proj-meta{display:grid;gap:10px;position:sticky;top:calc(70px + env(safe-area-inset-top,0px))}
.proj-tag{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel);font-weight:700}
.proj-meta h3{font-size:clamp(26px,2.8vw,34px)}
.proj-meta p{color:var(--muted);font-size:15px}
.proj-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.proj-charts > .wide{grid-column:1/-1}
.panel{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:24px;display:grid;gap:14px;align-content:start;min-width:0}
.panel-t{font-family:var(--display);font-size:22px;font-weight:700;line-height:1.2}
.panel-n{font-size:13.5px;color:var(--muted)}
.legend{display:flex;gap:18px;font-size:13.5px;color:var(--muted);flex-wrap:wrap}
.legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.chart{width:100%;height:auto;display:block}
.sv-l{fill:var(--muted);font-family:var(--body);font-size:14px}
.sv-n{fill:var(--ink);font-family:var(--body);font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}
.sv-d{fill:var(--olive-ink);font-family:var(--body);font-size:14px;font-weight:700}
.sv-big{fill:var(--ink);font-family:var(--display);font-size:30px;font-weight:800}
.sv-grid{stroke:var(--line);stroke-width:1}
/* chart motion: bars grow when the chart scrolls into view; deltas pulse */
.anim .bar-h{transform-box:fill-box;transform-origin:left center;transition:transform 1s cubic-bezier(.2,.75,.2,1)}
.anim .bar-v{transform-box:fill-box;transform-origin:center bottom;transition:transform 1s cubic-bezier(.2,.75,.2,1)}
.anim .ring-arc{transition:stroke-dashoffset 1.3s cubic-bezier(.3,.7,.2,1)}
.anim .sv-n,.anim .sv-d,.anim .stat{transition:opacity .5s ease .7s}
.anim.pre .bar-h{transform:scaleX(0)}
.anim.pre .bar-v{transform:scaleY(0)}
.anim.pre .ring-arc{stroke-dashoffset:var(--arc)}
.anim.pre .sv-n,.anim.pre .sv-d,.anim.pre .stat{opacity:0}
.sv-d{transform-box:fill-box;transform-origin:center}
.anim:not(.pre) .sv-d{animation:shine 3.2s ease-in-out 1.2s infinite}
@keyframes shine{0%,55%,100%{filter:brightness(1) drop-shadow(0 0 0 transparent)}75%{filter:brightness(1.45) drop-shadow(0 0 7px var(--olive))}}
@media (prefers-reduced-motion:reduce){.anim .sv-d{animation:none!important}}
.p-ring{justify-items:start}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.stat{display:grid;gap:2px;position:relative}
.stat-v{font-family:var(--display);font-weight:800;font-size:40px;line-height:1;color:var(--rose)}
:root[data-view="light"] .stat-v{color:var(--ink)}
.stat-l{font-size:13.5px;color:var(--muted)}

/* PILLARS */
.pillars{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:32px}
.pillar{display:grid;gap:12px;align-content:start;position:relative}
.pillar h3{font-size:25px}
.pillar p{color:var(--muted);font-size:15px}

/* CASES (hidden by default) */
.cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.case{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:26px;display:grid;gap:14px;align-content:start;position:relative;min-width:0}
.case-tag{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--steel);font-weight:700}
.case h3{font-size:clamp(26px,3vw,32px)}
.case dl{margin:0;display:grid;gap:12px}
.case dt{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--olive-ink);font-weight:700}
.case dd{margin:2px 0 0;color:var(--muted);font-size:15px}
.case .res{background:var(--rose-soft);border-radius:12px;padding:12px 14px}
.case .res dd{color:var(--ink)}

/* JOURNEY CTA */
.cta-j{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;text-decoration:none;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:clamp(24px,4vw,44px);position:relative;overflow:hidden;transition:border-color .2s ease,transform .2s ease}
a.cta-j:hover{border-color:var(--rose);transform:translateY(-2px)}
.cta-j h2{font-size:clamp(34px,4.8vw,54px)}
.cta-j .cta-txt{display:grid;gap:12px;min-width:0}
.cta-j p.cta-d{color:var(--muted);font-size:15.5px;max-width:52ch}
.cta-dots{display:flex;align-items:center;gap:0;margin-top:10px;flex-wrap:wrap;row-gap:10px}
.cta-dots span{display:flex;align-items:center;font-size:13px;color:var(--muted);font-weight:600}
.cta-dots span::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--steel);margin-right:8px}
.cta-dots span:last-child::before{background:var(--rose)}
.cta-dots i{display:block;width:28px;height:1px;background:var(--line);margin:0 10px}
.cta-go{display:flex;align-items:center;gap:10px;background:var(--rose);color:#10293F;border-radius:999px;padding:14px 22px;font-weight:700;font-size:16px;white-space:nowrap;border:0;text-decoration:none}
.cta-go svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
a.cta-j:hover .cta-go svg{transform:translateX(4px)}

/* JOURNEY PAGE */
.jp{padding-block:96px 72px}
.jp-in{max-width:880px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:grid;gap:24px}
.back{display:inline-flex;align-items:center;gap:8px;color:var(--muted);text-decoration:none;font-weight:600;font-size:14.5px;justify-self:start;border:1px solid var(--line);border-radius:999px;padding:6px 14px 6px 10px}
.back:hover{color:var(--rose);border-color:var(--rose)}
.back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.jp h1{font-size:clamp(42px,7vw,76px);letter-spacing:-.03em}
.jp-intro{color:var(--muted);font-size:16px;max-width:60ch}
.tl{list-style:none;margin:24px 0 0;padding:0;position:relative}
.tl::before{content:"";position:absolute;left:9px;top:10px;bottom:24px;width:2px;background:linear-gradient(var(--rose),var(--steel) 30%,var(--line))}
.tl-item{position:relative;padding:0 0 40px 48px;display:grid;grid-template-columns:150px minmax(0,1fr);gap:6px 28px}
.tl-item::before{content:"";position:absolute;left:1px;top:8px;width:14px;height:14px;border-radius:50%;background:var(--steel);border:3px solid var(--bg)}
.tl-item:first-child::before{background:var(--rose);box-shadow:0 0 0 5px rgba(216,174,184,.18)}
.tl-years{font-family:var(--display);font-weight:800;font-size:19px;color:var(--rose);line-height:1.4;font-variant-numeric:tabular-nums}
:root[data-view="light"] .tl-years{color:var(--steel)}
.tl-main{display:grid;gap:6px;min-width:0;position:relative}
.tl-role{font-size:clamp(22px,2.6vw,28px)}
.tl-org{color:var(--muted);font-size:14.5px;font-weight:600}
.tl-pts{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:7px}
.tl-pts li{position:relative;padding-left:18px;font-size:15px;color:var(--ink);line-height:1.5}
.tl-pts li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:7px;border-radius:2px;background:var(--olive)}
.tl-pts li .x{top:-2px;right:auto;left:auto;position:relative;display:inline-grid;margin-left:8px;width:22px;height:22px;font-size:13px;vertical-align:middle}

/* CREDENTIALS */
.creds{display:grid;grid-template-columns:1.3fr 1fr;gap:44px}
.cred-list{list-style:none;margin:0;padding:0;display:grid}
.cred{display:grid;grid-template-columns:auto 1fr;gap:2px 16px;padding:14px 0;border-bottom:1px solid var(--line);position:relative}
.cred .icon{grid-row:span 2;width:40px;height:40px}
.cred-t{font-family:var(--display);font-weight:700;font-size:17px;line-height:1.3}
.cred-m{color:var(--muted);font-size:14px}
.chips-h{font-size:24px;margin-bottom:16px}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{border:1px solid var(--steel);color:var(--ink);padding:6px 14px;border-radius:999px;font-size:14px;position:relative}

/* TEXT + CARDS (for added sections) */
.text-body{white-space:pre-line;color:var(--muted);max-width:68ch;font-size:16px}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{display:grid;gap:10px;align-content:start;padding:22px;border-radius:18px;background:var(--surface);border:1px solid var(--line);position:relative}
.card h3{font-size:23px}
.card p{color:var(--muted);font-size:15px}

/* CONTACT */
.sec-contact{background:var(--rose-soft)}
.sec-contact h2{font-size:clamp(36px,5.4vw,62px);max-width:18ch}
.contact-in{display:grid;gap:22px}
.contact-in > p{color:var(--muted);max-width:60ch;font-size:16px}
.sec-contact .contact{border-color:var(--steel);background:var(--surface)}
.sec-contact .c-label{color:var(--muted)}
.sec-contact .copy{border-color:var(--steel);color:var(--ink)}
.foot{font-size:13px;color:var(--muted);padding-block:22px;text-align:center}

/* EDIT MODE */
.editing [data-path]{outline:1px dashed color-mix(in srgb,var(--edit) 70%,transparent);outline-offset:2px;border-radius:3px;cursor:text;min-width:2ch;display:inline-block}
.editing p[data-path],.editing h1[data-path],.editing h2[data-path],.editing h3[data-path],.editing figcaption[data-path],.editing dd[data-path]{display:block}
.editing [data-path]:empty::before{content:"Add text";color:var(--muted);opacity:.7}
.editing [data-path]:focus{outline:2px solid var(--edit);background:color-mix(in srgb,var(--edit) 10%,transparent)}
.sec-ctl{display:flex;flex-wrap:wrap;gap:8px;align-items:center;max-width:1140px;margin:-44px auto 24px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.sec-hero .sec-ctl{margin-top:-56px}
.sec-ctl button,.add,.data-ed button{border:1px solid var(--edit);background:var(--surface);color:var(--ink);border-radius:999px;padding:3px 12px;font-size:13px}
.sec-hero .sec-ctl button,.sec-hero .add{background:transparent;color:var(--hero-ink)}
.sec-ctl .danger[data-armed]{background:#9B2C3B;color:#fff;border-color:#9B2C3B}
.sec-type{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--edit);font-weight:700;margin-right:6px}
.is-hidden > .wrap{opacity:.42}
.x{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;border:1px solid var(--edit);background:var(--surface);color:var(--ink);line-height:1;font-size:16px;padding:0;z-index:2}
.chip .x{top:-10px;right:-10px;width:22px;height:22px;font-size:14px}
.contact .x{position:static}
.add{align-self:start;justify-self:start;margin-top:14px}
.edit-icon{cursor:pointer;outline:1px dashed var(--edit);outline-offset:2px}
.data-ed{font-size:14px;border-top:1px dashed var(--edit);padding-top:12px;display:grid;gap:8px;overflow-x:auto}
.data-ed table{border-collapse:collapse;width:100%}
.data-ed td,.data-ed th{padding:3px 4px;text-align:left;font-weight:500;color:var(--muted)}
.data-ed input{width:100%;min-width:64px;font:inherit;padding:4px 6px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink)}
.data-ed .row-flex{display:flex;flex-wrap:wrap;gap:10px}
.data-ed label{display:grid;gap:2px;color:var(--muted)}
.edit-open{border:1px solid var(--edit);background:var(--surface);color:var(--ink);border-radius:999px;padding:8px 16px;font-size:14px;text-decoration:none;font-weight:600}

.toolbar{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:20;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:calc(100vw - 32px);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:8px;box-shadow:0 10px 30px rgba(0,0,0,.28)}
.toolbar button{border:1px solid var(--steel);background:var(--surface);color:var(--ink);border-radius:10px;padding:7px 14px;font-size:14px}
.toolbar .primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.toolbar button:disabled{opacity:.5;cursor:default}
.tb-status{align-self:center;font-size:13px;color:var(--muted);padding:0 6px}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(88px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:12px;font-size:15px;z-index:30;max-width:calc(100vw - 32px)}

@media (max-width:900px){
  .project{grid-template-columns:1fr;gap:18px}
  .proj-meta{position:static}
}
@media (max-width:860px){
  .cases,.creds{grid-template-columns:1fr}
  .sec{padding-block:60px}
  .cta-j{grid-template-columns:1fr}
  .cta-go{justify-self:start}
}
@media (max-width:560px){
  .proj-charts{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(3,minmax(0,1fr))}
  .stat-v{font-size:32px}
  .headline{padding-right:0;padding-top:28px}
  .tl-item{grid-template-columns:1fr;padding-left:40px}
}
@media (max-width:480px){
  .contact{width:100%}
  .copy{margin-left:auto}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}