/* R07 — original SVG woven fibers and clearer image framing. */
.hero-title-lead{font-size:clamp(72px,6.8vw,98px);font-weight:500;line-height:1.3}
.hero-title-line{font-size:clamp(42px,4.2vw,58px);font-weight:400;line-height:1.65}
.hero-title-emphasis{font-weight:500}.hero .eyebrow .rule,.category-copy h2:before{display:none}
.hero-copy .hero-title{margin-top:9px}
.woven-logo{position:relative;display:inline-block}.wordmark-measure{visibility:hidden}.woven-wordmark{position:absolute;inset:-4% 0;width:100%;height:108%;overflow:visible;pointer-events:none;fill:none;stroke:none}
.logo-fiber{fill:none;stroke:var(--wine);stroke-width:1.25;stroke-dasharray:1;stroke-dashoffset:1;animation:fiber-draw 1.25s var(--fiber-delay) var(--ease) both}
.logo-warp{stroke:var(--ink);stroke-width:.85}.logo-finish{fill:var(--ink);opacity:0;animation:letter-finish .5s 1.35s ease forwards}
@keyframes fiber-draw{to{stroke-dashoffset:0}}@keyframes letter-finish{to{opacity:1}}
.logo-settled .logo-fiber{animation:none;stroke-dashoffset:0}.logo-settled .logo-finish{animation:none;opacity:1}
.editorial>.motion-media{position:relative;border-radius:12px;overflow:visible;isolation:isolate}
.editorial>.motion-media>img{border-radius:12px!important;object-position:left top;object-fit:cover}
.category:first-child img{object-position:center top}
.weave-surface{position:relative}.code-weave{position:absolute;width:130px;height:87px;color:#9b7650;pointer-events:none;overflow:hidden;z-index:1;opacity:.4}
.code-weave .strand{stroke:currentColor;stroke-width:.65;stroke-dasharray:1;stroke-dashoffset:1;animation:fiber-draw 1.7s var(--thread-delay) var(--ease) both;animation-play-state:paused}
.code-weave .weft{stroke:var(--wine);stroke-width:.55}.code-weave .shuttle{stroke:var(--wine);stroke-width:1;stroke-dasharray:1;stroke-dashoffset:1;animation:fiber-draw 1.5s .5s var(--ease) both;animation-play-state:paused}
.weave-active .strand,.weave-active .shuttle{animation-play-state:running}
#story .code-weave{right:-15px;bottom:-16px;opacity:.6;width:125px;height:84px;background:#e8dfd2e8;border-radius:8px;box-shadow:0 0 0 6px #e8dfd2}
#details>.code-weave{right:0;top:30px;width:110px;height:73px;opacity:.18}
#woven .section-heading>.code-weave{left:44%;top:-8px;width:115px;height:58px;opacity:.22}
.footer-brand>.code-weave{right:0;bottom:0;opacity:.28;color:#dcc5a4}
@media(hover:hover) and (pointer:fine){.editorial>.motion-media:hover{border-radius:18px}.editorial>.motion-media:hover>img{border-radius:18px!important}}
@media(min-width:701px) and (max-width:1000px){.hero-title-lead{font-size:clamp(58px,7.7vw,76px)}.hero-title-line{font-size:clamp(36px,4.7vw,46px)}}
@media(max-width:700px){.hero-title-lead{font-size:clamp(44px,12.4vw,52px);line-height:1.3}.hero-title-line{font-size:clamp(29px,8.3vw,34px);line-height:1.65}.hero-copy .hero-title{margin-top:6px}#story .code-weave{right:-8px;bottom:-10px;width:88px;height:59px}#woven .section-heading>.code-weave{display:none}#details>.code-weave{top:20px;width:70px;height:46px;opacity:.12}.footer-brand>.code-weave{width:90px;height:60px}}
@media(prefers-reduced-motion:reduce){.logo-fiber,.logo-finish,.code-weave .strand,.code-weave .shuttle{animation:none!important;stroke-dashoffset:0}.logo-finish{opacity:1}}
.motion-off .logo-fiber,.motion-off .logo-finish,.motion-off .code-weave .strand,.motion-off .code-weave .shuttle{animation:none!important;stroke-dashoffset:0}.motion-off .logo-finish{opacity:1}
