/* Woodsy wordmark — fixed 375×179 canvas (Framer Animated Logo).
   Mobile: JS applies uniform scale to fit available width. */

.wordmark-section {
  padding: 40px 0 20px;
  overflow: visible;
  display: flex;
  justify-content: center;
}

.wordmark {
  position: relative;
  width: 375px;
  height: 179px;
  flex-shrink: 0;
  transform-origin: center top;
}

.wordmark__letter {
  position: absolute;
  overflow: visible;
  visibility: visible;
}

.js .wordmark__letter:not(.is-visible) {
  visibility: hidden;
}

.wordmark__letter path {
  fill: none;
  stroke: var(--color-primary);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.wordmark__letter--w  { left: 0;                       top: 0;               width: 29%;   height: 100%; }
.wordmark__letter--o1 { left: 103px;                   top: 0;               width: 72px;  height: 105px; }
.wordmark__letter--d  { left: 173px;                   top: 0;               width: 69px;  height: 105px; }
.wordmark__letter--s  { left: calc(45.8667% - 69.5px); bottom: 3px;          width: 139px; height: 71px; }
.wordmark__letter--o2 { left: 236px; top: 0; bottom: 0; width: 71px; height: 179px; }
.wordmark__letter--y  { right: 0;    top: 0; bottom: 0; width: 71px; height: 179px; }

@media (prefers-reduced-motion: reduce) {
  .wordmark__letter path { stroke-dashoffset: 0 !important; transition: none !important; }
}