/* Walkstone shared "desk" components: used by /for-creators (pages.css) and the homepage "For brands" section (inline CSS).
   1. Paper props (.ws-art): small objects that show the work instead of icons. Without JS they show their finished state;
      desk.js arms them and plays each one once when it scrolls into view. Tap or click replays it.
   2. Route (.ws-route): numbered stops joined by a curved path that draws as you scroll; a paper plane rides the tip. */
:root{--paper:#F2EDDD;--rose-ink:#A9545D;}

/* ---------- grid + captions ---------- */
.ws-desk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(48px,7vh,80px) clamp(28px,5vw,80px);}
.ws-desk-grid.is-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(40px,6vh,64px) clamp(22px,3vw,40px);}
.ws-desk-item{display:flex;flex-direction:column;gap:30px;}
.ws-desk-grid:not(.is-3) .ws-desk-item:nth-child(even){padding-top:56px;}
.ws-desk-grid.is-3 .ws-desk-item:nth-child(2){padding-top:40px;}
.ws-desk-cap{max-width:440px;}
.ws-desk-cap > span{display:block;font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:#D99FA3;margin-bottom:8px;}
.ws-desk-cap h3{font-size:clamp(25px,2.3vw,30px);font-weight:500;line-height:1.15;margin:0 0 8px;color:#EDE6D2;}
.ws-desk-cap p{color:#E4E8DD;font-size:18px;line-height:1.5;margin:0;}
@media(max-width:1000px){.ws-desk-grid.is-3{grid-template-columns:repeat(2,minmax(0,1fr));}.ws-desk-grid.is-3 .ws-desk-item:nth-child(2){padding-top:0;}}
@media(max-width:760px){
  .ws-desk-grid,.ws-desk-grid.is-3{grid-template-columns:minmax(0,1fr);}
  .ws-desk-grid:not(.is-3) .ws-desk-item:nth-child(even){padding-top:0;}
}

/* ---------- paper prop ---------- */
.ws-art{position:relative;width:100%;max-width:440px;background:var(--paper);color:#1B2A1F;border-radius:4px;padding:18px 22px 20px;font-size:16px;line-height:1.45;
  text-align:left;box-shadow:0 18px 40px rgba(12,24,15,.38),0 2px 6px rgba(12,24,15,.25);transform:rotate(var(--rot,0deg));
  transition:transform .45s cubic-bezier(.34,1.4,.64,1),box-shadow .45s ease;-webkit-tap-highlight-color:transparent;}
.ws-art[data-play]{cursor:pointer;}
@media(hover:hover){.ws-desk-item:hover .ws-art{transform:rotate(0deg) translateY(-6px) scale(1.02);box-shadow:0 30px 60px rgba(12,24,15,.45),0 4px 10px rgba(12,24,15,.25);}}
@media(max-width:760px){.ws-art{transform:rotate(calc(var(--rot,0deg) * .5));}}
.ws-art p{margin:0;}
.wa-bar{display:flex;align-items:center;gap:6px;margin:-18px -22px 10px;padding:10px 14px;background:rgba(27,42,31,.06);border-bottom:1px solid rgba(27,42,31,.12);
  border-radius:4px 4px 0 0;font-size:13px;letter-spacing:.06em;color:rgba(27,42,31,.6);}
.wa-bar i{flex:0 0 9px;height:9px;border-radius:50%;background:rgba(27,42,31,.18);}
.wa-bar i:first-child{background:#D99FA3;}
.wa-bar span{margin-left:8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.wa-head{font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:rgba(27,42,31,.55);text-align:center;padding-bottom:10px;margin-bottom:6px;border-bottom:1px dashed rgba(27,42,31,.3);}
.wa-note{color:var(--rose-ink);font-style:italic;font-size:19px;line-height:1.2;display:inline-block;transform:rotate(-3deg);}
.wa-scene{position:relative;display:block;aspect-ratio:4/5;border-radius:3px;overflow:hidden;background:linear-gradient(180deg,#EBC3A8 0%,#D99FA3 48%,#DCA94F 100%);}
.wa-sun{position:absolute;left:50%;top:40%;width:40%;aspect-ratio:1;border-radius:50%;background:#F8E9C9;transform:translate(-50%,-50%);}
.wa-hill,.wa-hill::after{position:absolute;border-radius:50%;}
.wa-hill{left:-30%;width:120%;bottom:-42%;height:75%;background:#2F5739;}
.wa-hill::after{content:"";left:55%;width:90%;bottom:12%;height:100%;background:#213F29;z-index:-1;}

/* 01 pitch email */
.wa-row{display:flex;gap:10px;padding:6px 0;border-bottom:1px solid rgba(27,42,31,.1);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wa-row b{flex:0 0 62px;font-weight:500;color:rgba(27,42,31,.5);}
.ws-art-mail p{margin:12px 0 14px;min-height:4.4em;}
.wa-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.wa-send{position:relative;display:inline-flex;align-items:center;gap:6px;background:#2F5739;color:#EDE6D2;border-radius:999px;padding:5px 18px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;}
.wa-send::after{content:"Sent";}
.wa-send svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;}
.ws-art-mail.is-armed .wa-send::after,.ws-art-mail.is-play:not(.is-done) .wa-send::after{content:"Send";}
.ws-art-mail.is-armed .wa-send svg,.ws-art-mail.is-play:not(.is-done) .wa-send svg{display:none;}
.ws-art-mail.is-armed .wa-note,.ws-art-mail.is-play:not(.is-done) .wa-note{opacity:0;transform:rotate(-3deg) translateY(6px);}
.ws-art-mail.is-done .wa-send{animation:wa-press .45s ease;}
.ws-art-mail .wa-note{transition:opacity .5s ease .25s,transform .5s ease .25s;}
.wa-caret::after{content:"";display:inline-block;width:1.5px;height:1em;margin-left:1px;vertical-align:-2px;background:#1B2A1F;animation:wa-blink .8s steps(1) infinite;}
.ws-art-mail.is-done .wa-caret::after{display:none;}

/* 02 rate card: receipt edge, pink tape, stamp */
.ws-art-rate{padding:24px 26px 22px;border-radius:4px 4px 0 0;}
.ws-art-rate::before{content:"";position:absolute;top:-13px;left:50%;width:104px;height:26px;margin-left:-52px;background:rgba(217,159,163,.82);transform:rotate(-3deg);box-shadow:0 1px 3px rgba(0,0,0,.12);}
.ws-art-rate::after{content:"";position:absolute;left:0;right:0;top:100%;height:9px;background:radial-gradient(circle at 7px 9px,transparent 5.5px,var(--paper) 6px) 0 0/14px 9px repeat-x;}
.ws-art-rate ul{list-style:none;margin:0;padding:0;}
.ws-art-rate li{display:flex;align-items:baseline;gap:8px;padding:6px 0;font-size:17px;}
.ws-art-rate li i{flex:1;min-width:16px;border-bottom:1.5px dotted rgba(27,42,31,.35);}
.ws-art-rate li em{color:#2F5739;}
.ws-art-rate li.wa-add em{color:var(--rose-ink);}
.ws-art-rate li.wa-split{border-top:1px dashed rgba(27,42,31,.3);margin-top:6px;padding-top:12px;}
.wa-stamp{position:absolute;right:-14px;top:-24px;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;text-align:center;
  color:var(--rose-ink);border:2.5px solid var(--rose-ink);box-shadow:inset 0 0 0 4px var(--paper),inset 0 0 0 5.5px var(--rose-ink);background:rgba(242,237,221,.92);
  font-size:14px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;line-height:1.2;transform:rotate(-14deg);}
.ws-art-rate.is-armed li{opacity:0;transform:translateX(-10px);}
.ws-art-rate.is-armed .wa-stamp{opacity:0;transform:rotate(-40deg) scale(2.2);}
.ws-art-rate.is-play li{transition:opacity .35s ease,transform .35s ease;}
.ws-art-rate.is-play li:nth-child(2){transition-delay:.12s;}.ws-art-rate.is-play li:nth-child(3){transition-delay:.3s;}
.ws-art-rate.is-play li:nth-child(4){transition-delay:.42s;}.ws-art-rate.is-play li:nth-child(5){transition-delay:.54s;}
.ws-art-rate.is-play .wa-stamp{transition:opacity .12s linear 1s,transform .38s cubic-bezier(.5,1.8,.6,1) 1s;}
.ws-art-rate.is-play{animation:wa-shake .32s ease 1.3s;}

/* 03 contract with redlines */
.ws-art-doc{padding:20px 26px 22px;}
.ws-art-doc .wa-head{display:flex;justify-content:space-between;text-align:left;border-bottom-style:solid;border-color:rgba(27,42,31,.18);}
.ws-art-doc h4{font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:rgba(27,42,31,.6);margin:14px 0 4px;}
.ws-art-doc p{padding-right:44px;}
.ws-art-doc del{color:rgba(27,42,31,.48);text-decoration:none;background:linear-gradient(var(--rose-ink),var(--rose-ink)) no-repeat 0 58%/100% 2px;}
.ws-art-doc ins{text-decoration:none;padding:0 2px;background:linear-gradient(rgba(220,169,79,.55),rgba(220,169,79,.55)) no-repeat 0 100%/100% 48%;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;}
.wa-margin{position:absolute;right:18px;top:78px;color:var(--rose-ink);font-style:italic;font-size:26px;transform:rotate(-8deg);}
.wa-sign{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:18px;padding-top:8px;border-top:1px solid rgba(27,42,31,.3);
  font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:rgba(27,42,31,.5);}
.wa-sign em{font-size:24px;letter-spacing:0;text-transform:none;color:#2F5739;transform:rotate(-3deg);display:inline-block;}
.ws-art-doc.is-armed del{background-size:0% 2px;}
.ws-art-doc.is-armed ins{background-size:0% 48%;}
.ws-art-doc.is-armed .wa-margin{opacity:0;transform:rotate(-8deg) scale(.4);}
.ws-art-doc.is-armed .wa-sign em{clip-path:inset(0 100% 0 0);}
.ws-art-doc.is-play del,.ws-art-doc.is-play ins{transition:background-size .5s cubic-bezier(.65,0,.35,1) .2s;}
.ws-art-doc.is-play p:nth-of-type(2) ins{transition-delay:.75s;}
.ws-art-doc.is-play p:nth-of-type(3) del{transition-delay:1.25s;}
.ws-art-doc.is-play p:nth-of-type(4) ins{transition-delay:1.75s;}
.ws-art-doc.is-play .wa-margin{transition:opacity .2s ease .6s,transform .4s cubic-bezier(.34,1.8,.64,1) .6s;}
.ws-art-doc.is-play .wa-sign em{transition:clip-path .9s ease-in-out 2.3s;}

/* 04 portfolio site */
.wa-kit{display:grid;grid-template-columns:42% minmax(0,1fr);gap:16px;align-items:center;padding-top:4px;}
.wa-kit .wa-scene{box-shadow:0 0 0 6px #fff,0 3px 10px 6px rgba(27,42,31,.12);}
.wa-kit-t strong{display:block;font-size:25px;font-style:italic;font-weight:500;line-height:1.1;}
.wa-kit-t small{display:block;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:rgba(27,42,31,.55);margin:5px 0 12px;}
.wa-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px;}
.wa-tabs span{font-size:12px;border:1px solid rgba(27,42,31,.25);border-radius:999px;padding:2px 9px;}
.wa-tabs span:first-child{background:#2F5739;border-color:#2F5739;color:#EDE6D2;}
.wa-bars span{display:block;font-size:12px;letter-spacing:.08em;color:rgba(27,42,31,.6);margin-top:7px;}
.wa-bars span::after{content:"";display:block;height:6px;border-radius:3px;margin-top:3px;
  background:linear-gradient(#DCA94F,#DCA94F) no-repeat 0 0/var(--w) 100%,rgba(27,42,31,.12);}
.wa-bars span:last-child::after{background:linear-gradient(var(--rose-ink),var(--rose-ink)) no-repeat 0 0/var(--w) 100%,rgba(27,42,31,.12);}
.ws-art-kit.is-armed .wa-bars span::after{background-size:0% 100%,auto;}
.ws-art-kit.is-armed .wa-sun{transform:translate(-50%,40%);}
.ws-art-kit.is-armed .wa-tabs span,.ws-art-kit.is-armed .wa-kit-t strong{opacity:0;transform:translateY(6px);}
.ws-art-kit.is-play .wa-sun{transition:transform 1.2s cubic-bezier(.22,1,.36,1);}
.ws-art-kit.is-play .wa-kit-t strong{transition:opacity .4s ease .3s,transform .4s ease .3s;}
.ws-art-kit.is-play .wa-tabs span{transition:opacity .3s ease,transform .3s ease;transition-delay:.55s;}
.ws-art-kit.is-play .wa-tabs span:nth-child(2){transition-delay:.68s;}.ws-art-kit.is-play .wa-tabs span:nth-child(3){transition-delay:.81s;}
.ws-art-kit.is-play .wa-bars span::after{transition:background-size .9s cubic-bezier(.22,1,.36,1) 1s;}
.ws-art-kit.is-play .wa-bars span:nth-child(2)::after{transition-delay:1.15s;}.ws-art-kit.is-play .wa-bars span:nth-child(3)::after{transition-delay:1.3s;}

/* B1 sponsored post */
.wa-post-h{display:flex;align-items:center;gap:10px;margin-bottom:10px;}
.wa-av{flex:0 0 34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#DCA94F,#D99FA3);box-shadow:0 0 0 2px var(--paper),0 0 0 3.5px #D99FA3;}
.wa-post-h b{display:block;font-size:15px;font-weight:600;line-height:1.2;}
.wa-post-h small{display:block;font-size:12.5px;color:rgba(27,42,31,.6);}
.ws-art-post .wa-scene{aspect-ratio:5/4;}
.wa-post-a{display:flex;gap:14px;padding:10px 0 6px;}
.wa-post-a svg{width:24px;height:24px;fill:none;stroke:#1B2A1F;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.wa-post-a .wa-heart{fill:var(--rose-ink);stroke:var(--rose-ink);}
.wa-cmt{font-size:15px;}
.wa-cmt b{font-weight:600;margin-right:4px;}
.ws-art-post.is-armed .wa-heart{fill:transparent;stroke:#1B2A1F;}
.ws-art-post.is-armed .wa-cmt{opacity:0;transform:translateY(6px);}
.ws-art-post.is-play .wa-heart{animation:wa-pop .5s cubic-bezier(.34,1.8,.64,1) .7s backwards;transition:fill .2s .7s,stroke .2s .7s;}
.ws-art-post.is-play .wa-cmt{transition:opacity .4s ease 1.3s,transform .4s ease 1.3s;}

/* B2 UGC ad */
.wa-ugc{display:grid;grid-template-columns:44% minmax(0,1fr);gap:16px;align-items:center;}
.wa-ugc-v{position:relative;aspect-ratio:9/16;border-radius:10px;overflow:hidden;background:#213F29;box-shadow:0 0 0 4px #1B2A1F;}
.wa-ugc-v .wa-scene{position:absolute;inset:0;aspect-ratio:auto;border-radius:0;}
.wa-ugc-tag{position:absolute;left:8px;top:8px;z-index:2;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#EDE6D2;background:rgba(27,42,31,.55);border-radius:4px;padding:2px 6px;}
.wa-ugc-cap{position:absolute;left:8px;right:8px;top:52%;z-index:2;display:flex;flex-direction:column;align-items:center;gap:3px;}
.wa-ugc-cap i{font-style:normal;font-size:12.5px;font-weight:600;line-height:1.15;color:#1B2A1F;background:#F2EDDD;border-radius:3px;padding:1px 5px;}
.wa-ugc-bar{position:absolute;left:0;right:0;bottom:30px;height:3px;z-index:2;background:linear-gradient(#EDE6D2,#EDE6D2) no-repeat 0 0/100% 100%,rgba(237,230,210,.3);}
.wa-ugc-cta{position:absolute;left:8px;right:8px;bottom:6px;z-index:2;text-align:center;font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:#DCA94F;color:#1B2A1F;border-radius:4px;padding:3px 0;}
.wa-ugc-l{list-style:none;margin:0;padding:0;}
.wa-ugc-l li{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid rgba(27,42,31,.1);font-size:15px;}
.wa-ugc-l svg{flex:0 0 16px;height:16px;fill:none;stroke:#2F5739;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;}
.wa-ugc-l + .wa-note{margin-top:12px;font-size:17px;}
.ws-art-ugc.is-armed .wa-ugc-cap i,.ws-art-ugc.is-armed .wa-ugc-l li{opacity:0;transform:translateY(5px);}
.ws-art-ugc.is-armed .wa-ugc-bar{background-size:0% 100%,auto;}
.ws-art-ugc.is-play .wa-ugc-bar{transition:background-size 2.6s linear .2s;}
.ws-art-ugc.is-play .wa-ugc-cap i{transition:opacity .25s ease,transform .25s ease;}
.ws-art-ugc.is-play .wa-ugc-cap i:nth-child(1){transition-delay:.4s;}.ws-art-ugc.is-play .wa-ugc-cap i:nth-child(2){transition-delay:1.1s;}.ws-art-ugc.is-play .wa-ugc-cap i:nth-child(3){transition-delay:1.8s;}
.ws-art-ugc.is-play .wa-ugc-l li{transition:opacity .3s ease,transform .3s ease;}
.ws-art-ugc.is-play .wa-ugc-l li:nth-child(1){transition-delay:.6s;}.ws-art-ugc.is-play .wa-ugc-l li:nth-child(2){transition-delay:.9s;}.ws-art-ugc.is-play .wa-ugc-l li:nth-child(3){transition-delay:1.2s;}
.ws-art-ugc.is-done .wa-ugc-cta{animation:wa-press .5s ease;}

/* B3 usage licence timeline */
.wa-tl{padding:6px 0 4px;}
.wa-tl-row{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:10px;padding:8px 0;font-size:15px;}
.wa-track{position:relative;height:12px;border-radius:6px;background:rgba(27,42,31,.1);}
.wa-seg{position:absolute;top:0;bottom:0;left:0;border-radius:6px;}
.wa-seg-o{width:12%;background:#DCA94F;}
.wa-seg-p{left:4%;right:0;background:linear-gradient(90deg,var(--rose-ink) 0 33%,#D99FA3 33% 100%);transform-origin:left;}
.wa-tl-ax{display:grid;grid-template-columns:96px repeat(3,minmax(0,1fr));gap:0 10px;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(27,42,31,.55);padding-top:2px;}
.wa-tl-ax span:not(:first-child){text-align:right;}
.wa-pin{display:inline-block;margin-top:14px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;border:1.5px solid var(--rose-ink);color:var(--rose-ink);border-radius:999px;padding:3px 10px;}
.ws-art-use .wa-note{float:right;margin-top:12px;font-size:18px;}
.ws-art-use.is-armed .wa-seg-o,.ws-art-use.is-armed .wa-seg-p{transform:scaleX(0);}
.ws-art-use.is-armed .wa-seg-o{transform-origin:left;}
.ws-art-use.is-armed .wa-pin,.ws-art-use.is-armed .wa-note{opacity:0;transform:scale(.6);}
.ws-art-use.is-play .wa-seg-o{transform-origin:left;transition:transform .5s cubic-bezier(.22,1,.36,1) .2s;}
.ws-art-use.is-play .wa-seg-p{transition:transform 1.4s cubic-bezier(.65,0,.35,1) .7s;}
.ws-art-use.is-play .wa-pin{transition:opacity .2s ease 2s,transform .45s cubic-bezier(.34,1.8,.64,1) 2s;}
.ws-art-use.is-play .wa-note{transition:opacity .3s ease 2.3s,transform .4s ease 2.3s;}

/* T1-T3 small props for the "who we look for" traits */
.ws-art-mini{max-width:340px;padding:14px 18px 16px;font-size:15px;}
.ws-art-mini .wa-note{display:block;width:max-content;margin:6px 0 0 auto;font-size:17px;}
.wa-memo{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(27,42,31,.6);}
.wa-memo span{margin-left:auto;font-variant-numeric:tabular-nums;}
.wa-rec{flex:0 0 9px;height:9px;border-radius:50%;background:var(--rose-ink);}
.wa-wave{display:flex;align-items:center;gap:3px;height:54px;margin:12px 0 2px;}
.wa-wave i{flex:1;height:var(--h);border-radius:2px;background:#2F5739;}
.wa-wave i:nth-child(n+19){background:rgba(27,42,31,.22);}
.ws-art-voice.is-armed .wa-wave i{transform:scaleY(.08);}
.ws-art-voice.is-armed .wa-note{opacity:0;transform:rotate(-3deg) translateY(6px);}
.ws-art-voice.is-play .wa-wave i{transition:transform .45s cubic-bezier(.34,1.6,.64,1) calc(var(--i) * 35ms);}
.ws-art-voice.is-play:not(.is-done) .wa-rec{animation:wa-blink .8s steps(1) infinite;}
.ws-art-voice.is-play .wa-note{transition:opacity .4s ease 1.2s,transform .4s ease 1.2s;}
.wa-talk{list-style:none;margin:10px 0 0;padding:0;}
.wa-talk li{display:flex;align-items:flex-start;gap:9px;padding:5px 0;font-size:14.5px;line-height:1.35;}
.wa-talk li p b{font-weight:600;margin-right:3px;}
.wa-talk .wa-av{flex:0 0 22px;height:22px;box-shadow:none;}
.wa-talk li:nth-child(2) .wa-av{background:linear-gradient(135deg,#2F5739,#DCA94F);}
.wa-talk .wa-me{margin-left:30px;}
.wa-talk .wa-me .wa-av{background:linear-gradient(135deg,#D99FA3,#A9545D);}
.wa-talk svg{flex:0 0 15px;width:15px;height:15px;margin:2px 0 0 auto;fill:var(--rose-ink);}
.ws-art-talk.is-armed .wa-talk li{opacity:0;transform:translateY(8px);}
.ws-art-talk.is-armed .wa-talk svg{transform:scale(0);}
.ws-art-talk.is-play .wa-talk li{transition:opacity .35s ease,transform .35s ease;}
.ws-art-talk.is-play .wa-talk li:nth-child(1){transition-delay:.2s;}.ws-art-talk.is-play .wa-talk li:nth-child(2){transition-delay:.8s;}.ws-art-talk.is-play .wa-talk li:nth-child(3){transition-delay:1.5s;}
.ws-art-talk.is-play .wa-talk svg{transition:transform .45s cubic-bezier(.34,1.8,.64,1) 2s;}
.wa-fit{list-style:none;margin:8px 0 0;padding:0;}
.wa-fit li{display:grid;grid-template-columns:92px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 0;border-bottom:1px dashed rgba(27,42,31,.22);font-size:15px;}
.wa-fit b{font-weight:500;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(27,42,31,.55);}
.wa-fit em{color:var(--rose-ink);font-size:15px;transform:rotate(-3deg);}
.wa-fit svg{width:17px;height:17px;fill:none;stroke:#2F5739;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;}
.wa-ok{display:block;width:max-content;margin:14px 6px 2px auto;border:2px solid var(--rose-ink);border-radius:4px;padding:4px 12px;color:var(--rose-ink);
  font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;transform:rotate(-6deg);}
.ws-art-fit.is-armed .wa-fit li{opacity:0;transform:translateX(-8px);}
.ws-art-fit.is-armed .wa-fit em,.ws-art-fit.is-armed .wa-fit svg{opacity:0;transform:scale(.4);}
.ws-art-fit.is-armed .wa-ok{opacity:0;transform:rotate(-24deg) scale(2);}
.ws-art-fit.is-play .wa-fit li{transition:opacity .3s ease,transform .3s ease;}
.ws-art-fit.is-play .wa-fit li:nth-child(1){transition-delay:.15s;}.ws-art-fit.is-play .wa-fit li:nth-child(2){transition-delay:.35s;}.ws-art-fit.is-play .wa-fit li:nth-child(3){transition-delay:.55s;}
.ws-art-fit.is-play .wa-fit em{transition:opacity .3s ease .95s,transform .4s cubic-bezier(.34,1.8,.64,1) .95s;}
.ws-art-fit.is-play .wa-fit svg{transition:opacity .2s ease 1.25s,transform .4s cubic-bezier(.34,1.8,.64,1) 1.25s;}
.ws-art-fit.is-play li:nth-child(3) svg{transition-delay:1.45s;}
.ws-art-fit.is-play .wa-ok{transition:opacity .12s linear 1.8s,transform .38s cubic-bezier(.5,1.8,.6,1) 1.8s;}
.ws-art-fit.is-play{animation:wa-shake .32s ease 2.1s;}

@keyframes wa-blink{50%{opacity:0;}}
@keyframes wa-press{0%,100%{transform:scale(1);}35%{transform:scale(.9);}70%{transform:scale(1.06);}}
@keyframes wa-pop{0%{transform:scale(.4);}60%{transform:scale(1.35);}100%{transform:scale(1);}}
@keyframes wa-shake{0%,100%{translate:0 0;}25%{translate:-3px 2px;}55%{translate:3px -1px;}80%{translate:-1px 1px;}}
@media(max-width:420px){.ws-art{font-size:15px;padding:16px 18px 18px;}.wa-bar{margin:-16px -18px 10px;}.ws-art-doc p{padding-right:34px;}
  .wa-stamp{width:80px;height:80px;right:-6px;font-size:12px;}.wa-tl-row,.wa-tl-ax{grid-template-columns:80px minmax(0,1fr);}.wa-tl-ax{grid-template-columns:80px repeat(3,minmax(0,1fr));}}

/* ---------- route ---------- */
.ws-route{position:relative;padding-top:34px;}
.ws-route-svg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:0;}
.r-base{fill:none;stroke:rgba(237,230,210,.4);stroke-width:2;stroke-dasharray:1 9;stroke-linecap:round;}
.r-draw{fill:none;stroke:#DCA94F;stroke-width:2.6;stroke-linecap:round;}
.r-plane{fill:#F2EDDD;stroke:#1B2A1F;stroke-width:.8;stroke-linejoin:round;opacity:0;transition:opacity .3s;}
.ws-route.is-moving .r-plane{opacity:1;}
.ws-route-steps{list-style:none;position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;}
.ws-route-steps li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;}
.ws-route-n{flex:0 0 auto;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--paper);color:#1B2A1F;
  font-size:30px;font-style:italic;line-height:1;box-shadow:0 10px 24px rgba(12,24,15,.35);
  transition:background-color .35s ease,transform .55s cubic-bezier(.34,1.7,.64,1);}
.ws-route-steps li.is-on .ws-route-n{background:#DCA94F;transform:scale(1.12) rotate(-6deg);}
.ws-route-steps h3{font-size:clamp(23px,2vw,27px);font-weight:500;line-height:1.2;margin:0 0 6px;color:#EDE6D2;}
.ws-route-steps p{color:#E4E8DD;font-size:18px;line-height:1.5;max-width:30ch;margin:0 auto;}
.ws-route-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 14px;margin-top:clamp(28px,5vh,44px);padding:0;list-style:none;}
.ws-route-tags li{display:inline-flex;align-items:center;gap:10px;background:#D99FA3;color:#1B2A1F;border-radius:999px;padding:10px 20px 10px 12px;
  font-size:15px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;line-height:1.2;box-shadow:0 8px 18px rgba(12,24,15,.28);}
.ws-route-tags svg{flex:none;width:24px;height:24px;padding:4px;border-radius:50%;background:#F2EDDD;fill:none;stroke:#1B2A1F;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;}
@media(max-width:760px){
  .ws-route{padding-top:6px;}
  .ws-route-steps{grid-template-columns:minmax(0,1fr);gap:0;}
  .ws-route-steps li{flex-direction:row;align-items:flex-start;text-align:left;gap:20px;padding-bottom:34px;}
  .ws-route-n{width:56px;height:56px;font-size:26px;}
  .ws-route-steps li > div{padding-top:10px;}
  .ws-route-steps p{margin:0;}
  .ws-route-tags{flex-direction:column;align-items:stretch;max-width:340px;gap:10px;}
  .ws-route-tags li{font-size:13.5px;padding:9px 16px 9px 10px;}
  .ws-route-tags svg{width:22px;height:22px;}
}
@media(prefers-reduced-motion:reduce){.ws-art,.ws-route-n{transition:none;}}

/* ---------- site header (.site-nav): ONE header for the homepage and every generated page. It is always the floating
   pill: it never changes shape on scroll, on an anchor jump or between pages, so nothing in it can jump. ---------- */
.site-nav{position:fixed;top:0;left:0;right:0;z-index:20;font-family:"EB Garamond",Georgia,serif;}
.site-nav .nav-inner{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 24px);max-width:1180px;margin:12px auto 0;
  padding:10px 10px 10px 26px;border:1px solid rgba(237,230,210,.18);border-radius:999px;background:rgba(33,63,41,.88);
  -webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 14px 40px rgba(12,24,15,.38);}
.site-nav .nav-lock{display:inline-flex;flex-direction:column;align-items:center;line-height:0;text-decoration:none;flex-shrink:0;}
.site-nav .nav-lock img{width:auto;max-width:none;display:block;}
.site-nav .nav-lock img:first-child{height:19px;}
.site-nav .nav-lock img:last-child{height:14px;margin-top:2px;}
.site-nav .nav-links{display:flex;align-items:center;gap:30px;}
.site-nav .nav-links a{font-size:13px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;white-space:nowrap;line-height:1.55;transition:color .2s;}
.site-nav .nav-links a:not(.nav-cta){color:#EDE6D2;}
.site-nav .nav-links a:not(.nav-cta):hover{color:#DCA94F;}
.site-nav .nav-links a[aria-current="page"]{box-shadow:0 1px 0 #DCA94F;}
.site-nav .nav-links .nav-cta{display:inline-flex;align-items:center;padding:11px 24px;border-radius:999px;background:#D99FA3;color:#1A140F;font-weight:600;
  box-shadow:0 6px 18px rgba(33,63,41,.45);transition:background-color .2s;}
.site-nav .nav-links .nav-cta:hover{background:#C8888D;color:#1A140F;}
@media(max-width:760px){
  .site-nav .nav-inner{padding:8px 8px 8px 18px;}
  .site-nav .nav-links a:not(.nav-cta){display:none;}
  .site-nav .nav-links .nav-cta{padding:9px 16px;font-size:11px;letter-spacing:.10em;}
}