/* Saanjh home sections. */
.hero { position: relative; height: 940px; overflow: hidden; background: var(--ink); }
.hero__media { position: absolute; inset: 0; }
.hero__media img, .hero__media video { width: 100%; height: 100%; object-fit: cover; }
.hero__scrim { position: absolute; inset: 0; pointer-events: none; }
.hero__scrim--left { background: linear-gradient(90deg, color-mix(in srgb, var(--ink) 92%, transparent) 0%, color-mix(in srgb, var(--ink) 55%, transparent) 42%, color-mix(in srgb, var(--ink) 0%, transparent) 70%); }
.hero__scrim--tb { background: linear-gradient(180deg, color-mix(in srgb, var(--ink) 75%, transparent) 0%, color-mix(in srgb, var(--ink) 0%, transparent) 18%, color-mix(in srgb, var(--ink) 0%, transparent) 85%, color-mix(in srgb, var(--ink) 90%, transparent) 100%); }
.hero__scrim--right { left: auto; width: 360px; right: 0; background: linear-gradient(90deg, color-mix(in srgb, var(--ink) 0%, transparent) 0%, color-mix(in srgb, var(--ink) 70%, transparent) 100%); }
.hero__content { position: absolute; left: calc(var(--gutter) + 16px); top: 300px; display: flex; flex-direction: column; align-items: flex-start; gap: 28px; }
.hero__title { font: 400 96px/1.02 var(--f-display); color: var(--cream); }
.hero__title .ln { display: block; overflow: hidden; padding-bottom: .04em; margin-bottom: -.04em; }
.hero__title .ln > span { display: block; }
.hero__tagline { font: italic 400 30px/normal var(--f-serif); color: color-mix(in srgb, var(--cream) 90%, transparent); width: 520px; }
.hero__ctas { display: flex; gap: 16px; margin-top: 36px; }
.hero .vtag { position: absolute; left: calc(100% - var(--gutter) - 68px); top: 250px; }
.hero__foot { position: absolute; left: calc(100% - var(--gutter) - 287px); top: 870px; display: flex; gap: 28px; font: 400 10px/normal var(--f-sans); letter-spacing: 4px; color: color-mix(in srgb, var(--cream) 80%, transparent); }
.scrollcue { position: absolute; left: calc(var(--gutter) + 16px); top: 876px; display: flex; gap: 14px; align-items: center; font: 400 10px/normal var(--f-sans); letter-spacing: 4px; color: var(--gold); }
.scrollcue .line { width: 56px; height: 1px; background: var(--gold); transform-origin: left center; }
.arches { position: relative; height: 1060px; background: var(--ink); overflow: hidden; }
.arches__glow { position: absolute; left: calc(50% - 550px); top: 260px; width: 1100px; height: 600px; pointer-events: none; background: radial-gradient(ellipse 50% 50% at 50% 50%, color-mix(in srgb, var(--plum) 55%, transparent), color-mix(in srgb, var(--plum) 0%, transparent) 100%); filter: blur(40px); }
.arches .section-head { position: absolute; left: 0; right: 0; top: 110px; }
.arches .vtag { position: absolute; left: calc(var(--gutter) - 24px); top: 120px; }
.arches__track { position: absolute; left: var(--gutter); right: 0; top: 360px; display: flex; gap: 32px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-right: var(--gutter); overscroll-behavior-x: contain; }
.arches__track::-webkit-scrollbar { display: none; }
.arch { position: relative; flex: none; width: 296px; height: 540px; border-radius: 148px 148px 0 0; overflow: hidden; scroll-snap-align: start; isolation: isolate; }
.arch__img { position: absolute; inset: 0; transition: transform 900ms var(--silk); }
.arch__img img { width: 100%; height: 100%; object-fit: cover; }
.arch__overlay { position: absolute; inset: 0; background: linear-gradient(180deg, color-mix(in srgb, var(--ink) 0%, transparent) 35%, color-mix(in srgb, var(--ink) 70%, transparent) 62%, color-mix(in srgb, var(--ink) 96%, transparent) 100%); transition: background-color 900ms var(--silk); }
.arch:hover .arch__img { transform: scale(1.05); }
.arch:hover .arch__overlay { background-color: color-mix(in srgb, var(--ink) 10%, transparent); }
.arch__hair { position: absolute; left: 8px; top: 8px; right: 8px; bottom: 8px; pointer-events: none; }
.arch__hair svg { width: 100%; height: 100%; overflow: visible; }
.arch__hair path { fill: none; stroke: var(--hair-70); stroke-width: 1; vector-effect: non-scaling-stroke; }
.arch__body { position: absolute; left: 28px; right: 28px; top: 321px; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
.arch__kicker { font: 500 10px/normal var(--f-sans); letter-spacing: 4px; color: var(--gold); text-transform: uppercase; }
.arch__title { font: 400 30px/normal var(--f-display); letter-spacing: 1.8px; color: var(--cream); text-transform: uppercase; }
.arch__desc { font: italic 400 19px/normal var(--f-serif); color: color-mix(in srgb, var(--cream) 88%, transparent); width: 240px; min-height: 46px; }
.arch .btn { margin-top: 16px; padding: 12px 22px; }
.arch .btn .icon-arrow { transition: transform 900ms var(--silk); }
.arch:hover .btn .icon-arrow { transform: translateX(6px); }
.arches .slider-ctl { position: absolute; left: calc(50% - 145px); top: 960px; }
.arches .viewall { position: absolute; left: calc(100% - var(--gutter) - 222px); top: 976px; }
.craft { position: relative; height: 1000px; background: var(--ink-2); }
.craft::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: color-mix(in srgb, var(--gold) 30%, transparent); }
.craft__frame { position: absolute; left: calc(var(--gutter) + 20px); top: 140px; width: 600px; height: 760px; border: 1px solid color-mix(in srgb, var(--gold) 60%, transparent); }
.craft__img { position: absolute; left: var(--gutter); top: 120px; width: 600px; height: 760px; overflow: hidden; }
.craft__img img { width: 100%; height: 100%; object-fit: cover; }
.craft__caption { position: absolute; left: calc(var(--gutter) - 40px); top: 120px; width: 12px; height: 233px; }
.craft__caption span { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(-90deg); font: 400 10px/normal var(--f-sans); letter-spacing: 4px; color: var(--gold); white-space: nowrap; }
.craft__body { position: absolute; left: calc(var(--gutter) + 700px); top: 152.5px; width: 580px; display: flex; flex-direction: column; align-items: flex-start; gap: 26px; }
.craft__title { font: 400 48px/1.16 var(--f-display); color: var(--cream); }
.craft__lede { font: italic 400 24px/normal var(--f-serif); color: color-mix(in srgb, var(--cream) 90%, transparent); width: 560px; }
.craft__copy { font: 400 14px/1.75 var(--f-sans); color: var(--muted); width: 560px; }
.stats { display: flex; gap: 56px; }
.stat { display: flex; flex-direction: column; gap: 6px; }
.stat b { font: 400 40px/normal var(--f-display); color: var(--gold); }
.stat span { font: 400 9.5px/normal var(--f-sans); letter-spacing: 3.04px; color: color-mix(in srgb, var(--cream) 75%, transparent); text-transform: uppercase; }
.craft-cards { display: flex; gap: 16px; }
.ccard { display: flex; flex-direction: column; border: 1px solid var(--hair-45); padding-bottom: 16px; width: 178px; transition: border-color 240ms var(--thread); }
.ccard:hover { border-color: var(--gold); }
.ccard__img { height: 116px; overflow: hidden; }
.ccard__img img { width: 100%; height: 100%; object-fit: cover; }
.ccard__body { display: flex; align-items: center; justify-content: space-between; padding: 14px 14px 0 16px; }
.ccard__body b { display: block; font: 400 18px/normal var(--f-display); color: var(--cream); }
.ccard__body i { display: block; font: italic 400 15px/normal var(--f-serif); color: var(--muted); margin-top: 2px; }
.arrow-circle { width: 32px; height: 32px; border-radius: 50%; border: 1px solid var(--hair-80); display: grid; place-items: center; color: var(--cream); }
.arrow-circle .icon-arrow { width: 12px; height: 8px; }
.best { position: relative; height: 1180px; background: var(--ink); }
.best .section-head { position: absolute; left: 0; right: 0; top: 110px; }
.best .vtag { position: absolute; left: calc(100% - var(--gutter) - 28px); top: 120px; }
.best__grid { position: absolute; left: var(--gutter); top: 390px; display: flex; gap: 32px; align-items: flex-start; }
.bcol { display: contents; }
.bcol--a .pcard:nth-child(1) { order: 1; }
.bcol--b .pcard:nth-child(1) { order: 2; margin-top: 70px; }
.bcol--a .pcard:nth-child(2) { order: 3; }
.bcol--b .pcard:nth-child(2) { order: 4; margin-top: 70px; }
.pcard__index { display: flex; align-items: center; gap: 12px; font: 400 12px/normal var(--f-sans); letter-spacing: 2.4px; color: var(--gold); }
.pcard__index .line { width: 40px; height: 1px; background: var(--hair-70); transform-origin: left center; }
.best__cta { position: absolute; left: 50%; top: 1040px; transform: translateX(-50%); }
.testi { position: relative; height: 680px; background: var(--ink-2); }
.testi::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: color-mix(in srgb, var(--gold) 30%, transparent); }
.testi__slides { position: absolute; left: calc(50% - 460px); top: 90px; width: 920px; display: flex; flex-direction: column; align-items: center; gap: 24px; }
.tstack { display: grid; width: 100%; }
.tslide { grid-area: 1 / 1; display: flex; flex-direction: column; align-items: center; gap: 24px; opacity: 0; visibility: hidden; transition: opacity 800ms var(--drape), visibility 0s 800ms; }
.tslide.is-active { opacity: 1; visibility: visible; transition: opacity 800ms var(--drape); }
.qmark { font: 400 110px/.6 var(--f-display); color: var(--hair-70); height: 66px; }
.tslide blockquote { margin: 0; font: italic 400 34px/1.35 var(--f-serif); color: var(--cream); text-align: center; width: 920px; }
.tslide cite { font: 500 11px/normal var(--f-sans); letter-spacing: 3.96px; color: var(--gold); font-style: normal; text-transform: uppercase; }
.testi__rule { position: absolute; left: var(--gutter); right: var(--gutter); top: 540px; height: 1px; background: var(--hair); }
.press { position: absolute; left: calc(var(--gutter) + 32.5px); top: 594.5px; display: flex; gap: 72px; align-items: center; white-space: nowrap; color: color-mix(in srgb, var(--cream) 55%, transparent); }
.press .label { font: 500 10px/normal var(--f-sans); letter-spacing: 4px; color: var(--gold); }
.press .p1 { font: italic 400 22px/normal var(--f-display); }
.press .p2 { font: 400 18px/normal var(--f-caps); }
.press .p3 { font: italic 400 26px/normal var(--f-serif); }
.press .p5 { font: 400 22px/normal var(--f-display); }
.look { position: relative; height: 660px; background: var(--ink); }
.look__head { position: absolute; left: var(--gutter); top: 110px; display: flex; flex-direction: column; gap: 18px; }
.look__head h2 { font: 400 48px/normal var(--f-display); color: var(--cream); }
.look__aside { position: absolute; right: var(--gutter); top: 118px; display: flex; flex-direction: column; align-items: flex-end; gap: 20px; }
.look__aside p { font: italic 400 22px/normal var(--f-serif); color: color-mix(in srgb, var(--cream) 85%, transparent); }
.look__row { position: absolute; left: 0; right: 0; top: 292px; display: grid; grid-template-columns: repeat(5, 1fr); }
.ltile { position: relative; aspect-ratio: 1; overflow: hidden; display: block; }
.ltile__img { position: absolute; inset: -24px 0; will-change: transform; }
.ltile__img img { width: 100%; height: 100%; object-fit: cover; transition: transform 400ms var(--thread); }
.ltile:hover .ltile__img img { transform: scale(1.04); }
.ltile__veil { position: absolute; inset: 0; background: color-mix(in srgb, var(--ink) 45%, transparent); opacity: 0; transition: opacity 400ms var(--thread); }
.ltile__hair { position: absolute; inset: 12px; border: 1px solid var(--hair-80); opacity: 0; transition: opacity 400ms var(--thread); }
.ltile__label { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; font: 500 11px/normal var(--f-sans); letter-spacing: 3.96px; color: var(--cream); text-transform: uppercase; opacity: 0; transition: opacity 400ms var(--thread); }
.ltile__label .icon-arrow { color: var(--gold); }
.ltile:hover .ltile__veil, .ltile:hover .ltile__hair, .ltile:hover .ltile__label, .ltile:focus-visible .ltile__veil, .ltile:focus-visible .ltile__hair, .ltile:focus-visible .ltile__label { opacity: 1; }
.signoff { position: relative; height: 640px; overflow: hidden; background: var(--ink); }
.signoff__bg { position: absolute; inset: 0; will-change: transform; }
.signoff__bg img { width: 100%; height: 100%; object-fit: cover; }
.signoff__veil { position: absolute; inset: 0; background: linear-gradient(180deg, color-mix(in srgb, var(--ink) 90%, transparent) 0%, color-mix(in srgb, var(--ink) 0%, transparent) 25%, color-mix(in srgb, var(--ink) 0%, transparent) 75%, color-mix(in srgb, var(--ink) 90%, transparent) 100%), color-mix(in srgb, var(--ink) 64%, transparent); }
.signoff__body { position: absolute; left: 0; right: 0; top: 139.5px; display: flex; flex-direction: column; align-items: center; gap: 18px; text-align: center; }
.signoff .mono { width: 52px; height: 52px; font-size: 28px; }
.script { font: 400 40px/normal var(--f-script); color: var(--gold); }
.signoff h2 { font: 400 64px/normal var(--f-display); color: var(--cream); }
.signoff .sub { font: italic 400 24px/normal var(--f-serif); color: color-mix(in srgb, var(--cream) 90%, transparent); }
.signoff .ctas { display: flex; gap: 16px; margin-top: 26px; }
.js .hero__media { opacity: 0; transform: scale(1.08); transition: opacity 2400ms var(--silk), transform 2400ms var(--silk); }
.js .hero__scrim { opacity: 0; transition: opacity 1200ms var(--silk) 600ms; }
.js .hero__title .ln > span { transform: translateY(100%); transition: transform 1000ms var(--silk); }
.js .hero__tagline, .js .hero__ctas { opacity: 0; transform: translateY(16px); transition: opacity 700ms var(--silk), transform 700ms var(--silk); }
.js .hero .eyebrow .line { transform: scaleX(0); transition: transform 700ms var(--silk); }
.loaded .hero__media { opacity: 1; transform: none; }
.loaded .hero__scrim { opacity: 1; }
.loaded .hero__title .ln > span { transform: none; }
.loaded .hero__tagline, .loaded .hero__ctas { opacity: 1; transform: none; }
.loaded .hero .eyebrow .line { transform: none; }
.loaded .scrollcue .line { animation: cue 3s var(--silk) infinite; }
.js .bcol--a .pcard[data-reveal] { transform: translateY(32px); }
.js .bcol--b .pcard[data-reveal] { transform: translateY(64px); }
.js .arch__hair path { stroke-dasharray: var(--len, 2000); stroke-dashoffset: var(--len, 2000); transition: stroke-dashoffset 1200ms var(--silk); }
.js .arch[data-revealed] .arch__hair path { stroke-dashoffset: 0; }
.js .craft__img { clip-path: inset(100% 0 0 0); transition: clip-path 1200ms var(--silk); }
.js .craft__img img { transform: scale(1.12); transition: transform 1200ms var(--silk); }
.js .craft__img[data-revealed] { clip-path: inset(0 0 0 0); }
.js .craft__img[data-revealed] img { transform: none; }
.js .craft__frame { opacity: 0; transform: translate(-12px, -12px); transition: opacity 900ms var(--silk) 600ms, transform 900ms var(--silk) 600ms; }
.js .craft__frame[data-revealed] { opacity: 1; transform: none; }
.js .qmark[data-reveal] { opacity: 0; transform: scale(.9); transition: opacity 900ms var(--silk), transform 900ms var(--silk); }
.js .qmark[data-reveal][data-revealed] { opacity: 1; transform: none; }
.js .press > * { opacity: 0; transition: opacity 900ms var(--silk); }
.js .press[data-revealed] > * { opacity: 1; }
.js .script { clip-path: inset(0 100% 0 0); transition: clip-path 1400ms var(--silk); }
.js .script[data-revealed] { clip-path: inset(0 0 0 0); }
@media (max-width: 1100px) {
  .hero { height: 760px; }
  .hero__media { overflow: hidden; }
  .hero__media img, .hero__media video { object-fit: cover; object-position: 78% 0; }
  .hero__scrim--left, .hero__scrim--right { display: none; }
  .hero__scrim--tb { background: linear-gradient(180deg, color-mix(in srgb, var(--ink) 80%, transparent) 0%, color-mix(in srgb, var(--ink) 0%, transparent) 20%, color-mix(in srgb, var(--ink) 15%, transparent) 40%, color-mix(in srgb, var(--ink) 85%, transparent) 62%, var(--ink) 100%); }
  .hero__content { left: 24px; right: 24px; top: auto; bottom: 40px; gap: 18px; }
  .hero .eyebrow { font-size: 10px; letter-spacing: 3.8px; gap: 14px; }
  .hero .eyebrow .line { width: 40px; }
  .hero__title { font-size: 56px; line-height: 1; }
  .hero__tagline { font-size: 22px; width: 300px; max-width: 100%; }
  .hero__ctas { flex-direction: column; gap: 12px; width: 100%; max-width: 420px; margin-top: 0; }
  .hero__ctas .btn { width: 100%; padding: 15px 24px; }
  .hero .vtag, .hero__foot, .scrollcue { display: none; }
  .section-head .eyebrow, .look__head .eyebrow { font-size: 10px; letter-spacing: 3.8px; gap: 14px; }
  .arches { height: auto; padding: 80px 0 72px; display: flex; flex-direction: column; align-items: center; gap: 36px; }
  .arches__glow, .arches .vtag, .arches .viewall { display: none; }
  .arches .section-head, .arches .slider-ctl { position: static; }
  .arches__track { position: static; width: 100%; padding: 0 24px 20px; gap: 16px; scroll-padding-left: 24px; }
  .arch { width: 264px; height: 440px; border-radius: 132px 132px 0 0; }
  .arch__hair { left: 7px; top: 7px; right: 7px; bottom: 7px; }
  .arch__body { left: 27px; right: 27px; top: 261px; gap: 8px; }
  .arch__kicker { font-size: 9px; letter-spacing: 3.42px; }
  .arch__title { font-size: 26px; letter-spacing: 1.56px; }
  .arch__desc { font-size: 17px; width: 210px; min-height: 42px; }
  .arch .btn { margin-top: 0; padding: 11px 20px; }
  .craft { height: auto; padding: 72px 24px; display: flex; flex-direction: column; gap: 28px; }
  .craft__media { position: relative; width: 100%; max-width: 520px; aspect-ratio: 327 / 420; }
  .craft__frame { left: 16px; top: 16px; right: 0; bottom: 0; width: auto; height: auto; }
  .craft__img { left: 0; top: 0; right: 16px; bottom: 16px; width: auto; height: auto; }
  .craft__caption { display: none; }
  .craft__body { position: static; width: 100%; gap: 28px; }
  .craft .eyebrow { font-size: 10px; letter-spacing: 3.8px; gap: 14px; }
  .craft .eyebrow .line { width: 40px; }
  .craft__title { font-size: 32px; line-height: 1.18; }
  .craft__lede { font-size: 20px; width: 100%; }
  .craft__copy { font-size: 13px; width: 100%; }
  .stats { gap: 28px; }
  .stat { gap: 4px; }
  .stat b { font-size: 30px; }
  .stat span { font-size: 9px; letter-spacing: 2.7px; }
  .stat .long, .craft__copy .long { display: none; }
  .craft-cards { width: calc(100% + 24px); margin-right: -24px; overflow-x: auto; gap: 14px; scrollbar-width: none; scroll-snap-type: x mandatory; }
  .craft-cards::-webkit-scrollbar { display: none; }
  .ccard { flex: none; width: 158px; padding-bottom: 14px; scroll-snap-align: start; }
  .ccard__img { height: 104px; }
  .ccard__body { padding: 12px 0 0 14px; }
  .ccard__body b { font-size: 17px; }
  .ccard .arrow-circle { display: none; }
  .craft .btn { width: 100%; max-width: 420px; padding: 15px 24px; }
  .best { height: auto; padding: 80px 24px 72px; display: flex; flex-direction: column; align-items: center; gap: 36px; }
  .best .vtag { display: none; }
  .best .section-head, .best__grid, .best__cta { position: static; transform: none; }
  .best__grid { display: grid; grid-template-columns: 1fr 1fr; column-gap: 15px; align-items: start; width: 100%; max-width: 560px; }
  .bcol { display: flex; flex-direction: column; gap: 32px; }
  .bcol--b { padding-top: 48px; }
  .bcol .pcard { margin-top: 0 !important; }
  .pcard__index { font-size: 11px; letter-spacing: 2.2px; gap: 10px; }
  .pcard__index .line { width: 28px; }
  .best__cta { width: 100%; max-width: 420px; padding: 15px 24px; }
  .testi { height: auto; padding: 72px 24px 64px; display: flex; flex-direction: column; align-items: center; gap: 22px; }
  .testi__slides { position: relative; left: auto; top: auto; width: 100%; max-width: 560px; height: auto; }
  .tslide { position: static; grid-area: 1 / 1; gap: 22px; }
  .qmark { font-size: 80px; height: 48px; }
  .testi__slides { gap: 22px; }
  .tslide blockquote { font-size: 24px; width: 100%; }
  .tslide cite { font-size: 10px; letter-spacing: 3.4px; }
  .testi .pager { position: static; margin-top: 0; }
  .testi__rule { position: static; width: 100%; max-width: 560px; margin-top: 12px; background: color-mix(in srgb, var(--gold) 30%, transparent); }
  .press { position: static; flex-direction: column; gap: 22px; }
  .press__names { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px 28px; max-width: 327px; }
  .press .p1, .press .p5 { font-size: 17px; }
  .press .p2 { font-size: 14px; }
  .press .p3 { font-size: 20px; }
  .look { height: auto; padding: 72px 0 56px; display: flex; flex-direction: column; align-items: center; gap: 28px; }
  .look__head { position: static; align-items: center; text-align: center; gap: 14px; }
  .look__head h2 { font-size: 32px; }
  .look__head .eyebrow .line { width: 40px; }
  .look__head .lede-m { display: block; font: italic 400 19px/normal var(--f-serif); color: color-mix(in srgb, var(--cream) 85%, transparent); }
  .look__aside p { display: none; }
  .look__row { position: static; grid-template-columns: 1fr 1fr; width: 100%; }
  .look__row .ltile:nth-child(5) { display: none; }
  .look__aside { position: static; order: 3; width: 100%; padding: 0 24px; align-items: center; }
  .look__aside .btn { width: 100%; max-width: 420px; padding: 15px 24px; }
  .signoff { height: 600px; }
  .signoff__veil { background: linear-gradient(180deg, color-mix(in srgb, var(--ink) 90%, transparent) 0%, color-mix(in srgb, var(--ink) 0%, transparent) 25%, color-mix(in srgb, var(--ink) 0%, transparent) 75%, color-mix(in srgb, var(--ink) 90%, transparent) 100%), color-mix(in srgb, var(--ink) 66%, transparent); }
  .signoff__body { left: 24px; right: 24px; top: 112.5px; gap: 14px; }
  .signoff .mono { width: 46px; height: 46px; font-size: 24px; }
  .script { font-size: 30px; }
  .signoff h2 { font-size: 40px; line-height: 1.12; }
  .signoff h2 .br-m { display: block; }
  .signoff .sub { font-size: 19px; max-width: 300px; }
  .signoff .ctas { flex-direction: column; gap: 12px; width: 100%; max-width: 420px; margin-top: 0; }
  .signoff .ctas .btn { width: 100%; padding: 15px 24px; }
  .hero__ctas { margin-top: 0; }
}
@media (min-width: 1101px) {
  .press__names { display: contents; }
}
@media (prefers-reduced-motion: reduce) {
  .js [data-reveal], .js .hero__tagline, .js .hero__ctas { transform: none !important; transition: opacity 300ms linear !important; }
  .js [data-draw], .js .hero .eyebrow .line { transform: none !important; transition: none !important; }
  .js .hero__media { transform: none !important; transition: opacity 300ms linear !important; }
  .js .hero__title .ln > span { transform: none !important; transition: none !important; }
  .js .hero__content { transition: opacity 300ms linear; }
  .js .arch__hair path { stroke-dashoffset: 0 !important; transition: none !important; }
  .js .craft__img { clip-path: none !important; transition: none !important; }
  .js .craft__img img, .js .qmark, .js .craft__frame { transform: none !important; }
  .js .script { clip-path: none !important; transition: opacity 300ms linear !important; }
  .arch:hover .arch__img, .ltile:hover .ltile__img img { transform: none; }
  .btn:hover .icon-arrow, .arch:hover .btn .icon-arrow, .viewall:hover .icon-arrow { transform: none; }
  .ltile__img, .signoff__bg { transform: none !important; }
}
@media (min-width: 1101px) and (max-width: 1439px) {
  .craft__img, .craft__frame { width: calc(50% - var(--gutter) - 40px); }
  .craft__body { left: calc(50% + 20px); width: calc(50% - var(--gutter) - 20px); }
  .craft__lede, .craft__copy { width: auto; }
  .craft .stats { gap: 32px; }
  .craft-cards .ccard { flex: 1; width: auto; min-width: 0; }
  .best__grid { right: var(--gutter); }
  .best__grid .pcard { flex: 1; width: auto; min-width: 0; }
  .best__grid .pcard__media { height: auto; aspect-ratio: 296 / 395; }
  .press { left: var(--gutter); right: var(--gutter); justify-content: space-between; gap: 24px; }
}