html:not(#wfx){overflow-x: clip;}
body:not(#wfx){margin: 0px; background: rgb(22, 22, 22); color: var(--ink); font-family: "Work Sans", sans-serif; -webkit-font-smoothing: antialiased; overflow-x: clip;}
:root:not(#wfx){--ease: cubic-bezier(.16,1,.3,1); --out: cubic-bezier(.23,1,.32,1); --gut: clamp(20px,4.5vw,64px);}
html.vm-prep:not(#wfx) [data-rise]:not(.is-shown){transform: translate3d(0px, 110%, 0px);}
html.vm-prep:not(#wfx) [data-reveal]:not(.is-shown){opacity: 0; transform: translate3d(0px, 24px, 0px);}
html.tone-on:not(#wfx) [data-tone]{background: transparent !important;}
.chero:not(#wfx){--tone: #161616; position: relative; min-height: 100svh; display: flex; align-items: flex-end; color: var(--cream); overflow: hidden; isolation: isolate;}
.chero-media:not(#wfx){position: absolute; inset: 0px; z-index: -1;}
.chero-media:not(#wfx) img{width: 100%; height: 100%; object-fit: cover;}
.chero-media:not(#wfx)::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(22, 22, 22, 0.55) 0px, rgba(22, 22, 22, 0.15) 38%, rgba(22, 22, 22, 0.86) 100%);}
@media (max-width: 700px){.chero-media:not(#wfx)::after{background: linear-gradient(rgba(22, 22, 22, 0.55) 0px, rgba(22, 22, 22, 0.2) 22%, rgba(22, 22, 22, 0.78) 48%, rgba(22, 22, 22, 0.94) 100%);}}
.ph:not(#wfx){position: absolute; inset: 0px; background: radial-gradient(120% 90% at 70% 20%, rgb(58, 54, 49) 0px, rgb(36, 34, 31) 45%, rgb(22, 22, 22) 100%);}
.ph-note:not(#wfx){position: absolute; right: var(--gut); top: calc(128px); z-index: 1; display: flex; align-items: center; gap: 10px; font-size: 13px; color: rgb(163, 157, 148); letter-spacing: 0.01em;}
.ph-note:not(#wfx)::before{content: ""; width: 18px; height: 14px; border: 1.4px solid currentcolor; border-radius: 2px; background: linear-gradient(135deg, transparent 55%, currentcolor 55%, currentcolor 62%, transparent 62%);}
.chero:not(#wfx) .wrap{width: 100%; padding-top: calc(152px); padding-bottom: clamp(32px, 5vh, 64px);}
.chero:not(#wfx) h1{margin: 0px 0px 0px -0.04em; font: 400 clamp(40px, 8vw, 140px) / 1.08 "Work Sans", sans-serif; letter-spacing: -0.06em; white-space: nowrap;}
.chero-lede:not(#wfx){max-width: 560px; margin: clamp(20px, 2.4vw, 32px) 0px 0px; font-size: clamp(17px, 1.3vw, 20px); line-height: 1.55; color: rgb(230, 224, 215); text-wrap: pretty;}
.proof:not(#wfx){display: flex; flex-wrap: wrap; gap: 8px 28px; margin: 18px 0px 0px; padding: 0px; list-style: none; font-size: 14px; color: rgb(181, 174, 164);}
.proof:not(#wfx) li{display: flex; align-items: center; gap: 10px;}
.proof:not(#wfx) li::before{content: ""; width: 5px; height: 5px; background: var(--emerald,#0B6B4A); box-shadow: rgba(11, 107, 74, 0.25) 0px 0px 0px 3px;}
@media (hover: hover){.bk-f:hover:not(#wfx){background: rgba(246, 242, 235, 0.04);}}
.bk-f:focus-within:not(#wfx){background: rgba(246, 242, 235, 0.07);}
.bk:not(#wfx) input::placeholder{color: rgba(246, 242, 235, 0.5);}
.bk:not(#wfx) input:focus,.bk:not(#wfx) select:focus{outline: none;}
.bk:not(#wfx) input[type="date"]:not(.has-v),.bk:not(#wfx) input[type="time"]:not(.has-v){color: rgba(246, 242, 235, 0.5);}
.bk:not(#wfx) input::-webkit-calendar-picker-indicator{opacity: 0.6; cursor: pointer; filter: invert(1);}
@media (hover: hover){.bk-go:hover:not(#wfx){background: rgb(255, 255, 255);}}
.bk-go:active:not(#wfx){transform: scale(0.97);}
.bk-go:focus-visible:not(#wfx){outline: 2px solid var(--cream); outline-offset: 3px;}
@media (hover: hover){.bk-go:hover:not(#wfx) span{transform: translateX(4px);}}
.stmt:not(#wfx){--tone: #F6F2EB; color: var(--ink); min-height: 100svh; display: flex; align-items: center; padding: clamp(160px, 16vw, 280px) 0px;}
.stmt:not(#wfx) > .wrap{width: 100%;}
.stmt:not(#wfx) p{margin: 0px; max-width: 1560px; font: 400 clamp(36px, 5.4vw, 96px) / 1.04 "Work Sans", sans-serif; letter-spacing: -0.05em; text-wrap: pretty;}
.stmt:not(#wfx) .w{color: rgb(194, 185, 172); transition: color 0.35s;}
.stmt:not(#wfx) .w.on{color: var(--ink);}
.stmt:not(#wfx) .end .w.on{color: rgb(133, 126, 118);}
.csvc:not(#wfx){--tone: #F6F2EB; color: var(--ink); padding: clamp(112px, 12vw, 200px) 0px;}
.csvc-head:not(#wfx){display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: 24px; margin-bottom: clamp(40px, 4.4vw, 64px);}
.csvc-all:not(#wfx){font-size: 16px; color: var(--ink); text-decoration: underline rgb(201, 193, 181); text-underline-offset: 5px; transition: text-decoration-color 0.2s;}
@media (hover: hover){.csvc-all:hover:not(#wfx){text-decoration-color: currentcolor;}}
.svc-list:not(#wfx){display: grid; grid-template-columns: 1fr; margin: 0px; padding: 0px; list-style: none; border-top: 1px solid var(--ink);}
@media (min-width: 900px){.svc-list:not(#wfx){grid-template-columns: 1fr 1fr; column-gap: clamp(32px, 4vw, 72px);}}
.svc-list:not(#wfx) a{position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0px, 1fr) auto; align-items: center; gap: 8px 24px; padding: clamp(22px, 2.2vw, 30px) 4px; border-bottom: 1px solid rgb(221, 214, 202); color: var(--ink); text-decoration: none; transition: color .25s ease,padding .35s var(--out);}
.svc-list:not(#wfx) a::before{content: ""; position: absolute; inset: 0px -16px; z-index: -1; background: rgb(22, 22, 22); clip-path: inset(100% 0px 0px); transition: clip-path .2s var(--out);}
.svc-list:not(#wfx) b{font: 400 clamp(24px, 2.1vw, 34px) / 1.1 "Work Sans", sans-serif; letter-spacing: -0.04em;}
.svc-list:not(#wfx) small{grid-column: 1; font-size: 15px; line-height: 1.5; color: rgb(110, 105, 99); transition: color 0.25s;}
.svc-list:not(#wfx) i{grid-area: 1 / 2 / 3; font-style: normal; font-size: 20px; transition: transform .3s var(--out);}
@media (hover: hover) and (pointer: fine){.svc-list:not(#wfx) a:hover{color: var(--cream); padding-left: 12px; padding-right: 12px;}}
@media (hover: hover) and (pointer: fine){.svc-list:not(#wfx) a:hover::before{clip-path: inset(0px); transition: clip-path .28s var(--out);}}
@media (hover: hover) and (pointer: fine){.svc-list:not(#wfx) a:hover small{color: rgb(154, 148, 140);}}
@media (hover: hover) and (pointer: fine){.svc-list:not(#wfx) a:hover i{transform: translateX(6px);}}
.svc-list:not(#wfx) a:active{opacity: 0.85;}
.svc-list:not(#wfx) a:focus-visible{outline: 2px solid var(--ink); outline-offset: 2px;}
.around:not(#wfx){--tone: #FBF7F0; position: relative; color: var(--ink); overflow: hidden; padding: clamp(112px, 12vw, 180px) 0px;}
.around-grid:not(#wfx){display: grid; gap: clamp(40px, 5vw, 72px); align-items: center;}
@media (min-width: 1100px){.around-grid:not(#wfx){grid-template-columns: minmax(0px, 4fr) minmax(0px, 8fr);}}
@media (min-width: 1100px){.around-copy:not(#wfx){position: relative; z-index: 2;}}
.around-copy:not(#wfx) p.lede{max-width: 40ch; margin: 24px 0px 0px; font-size: 17px; line-height: 1.55; color: rgb(94, 90, 85);}
.cmap:not(#wfx){position: relative;}
.cmap:not(#wfx) svg{display: block; width: 100%; height: auto; overflow: visible;}
@media (min-width: 1100px){.cmap:not(#wfx){margin-right: calc(-1*var(--gut) - max(0px,(100vw - 1680px)/2));}}
.cmap:not(#wfx) .lake{fill: rgb(233, 226, 214);}
.cmap:not(#wfx) .rd{fill: none; stroke: rgb(226, 217, 202); stroke-width: 1.5px; vector-effect: non-scaling-stroke; stroke-linejoin: round; stroke-linecap: round;}
.cmap:not(#wfx) .rd-major{stroke: rgb(216, 205, 187); stroke-width: 2.6px;}
.cmap:not(#wfx) .arc{fill: none; stroke: var(--emerald,#0B6B4A); stroke-width: 1.3px; vector-effect: non-scaling-stroke; stroke-linecap: round; opacity: 0.55; transition: opacity 0.35s, stroke-width 0.35s;}
.cmap:not(#wfx) .pt .dot{fill: var(--ink); transition: r .35s var(--out);}
.cmap:not(#wfx) .pt .hit{fill: transparent;}
.cmap:not(#wfx) .pt:focus{outline: none;}
.cmap:not(#wfx) .pt:focus-visible .dot{stroke: var(--ink); stroke-width: 2; stroke-opacity: 0.4;}
.cmap:not(#wfx) .pt text{font: 500 15px "Work Sans", sans-serif; fill: rgb(138, 129, 120); letter-spacing: -0.01em; paint-order: stroke; stroke: rgb(251, 247, 240); stroke-width: 6px; stroke-linejoin: round; transition: fill 0.25s, opacity 0.25s;}
.cmap:not(#wfx) .pt{cursor: pointer;}
.cmap:not(#wfx) .hub circle{fill: var(--ink);}
.cmap:not(#wfx) .hub .ring{fill: none; stroke: var(--ink); stroke-width: 1.2px; vector-effect: non-scaling-stroke; opacity: 0.25;}
.cmap:not(#wfx) .hub text{font: 500 15px "Work Sans", sans-serif; fill: var(--ink); letter-spacing: 0.08em; paint-order: stroke; stroke: rgb(251, 247, 240); stroke-width: 6px;}
.cmap.has-on:not(#wfx) .arc{opacity: 0.16;}
.cmap:not(#wfx) .hub text{transition: opacity 0.2s;}
.cmap.hub-off:not(#wfx) .hub text{opacity: 0;}
.cmap.has-on:not(#wfx) .pt:not(.is-on) .dot{opacity: 0.45; transition: opacity 0.3s;}
.cmap:not(#wfx) .pt.is-on text{stroke-width: 8px;}
.cmap:not(#wfx) .pt text{opacity: 0;}
.cmap:not(#wfx) .pt.is-on text{opacity: 1; fill: var(--ink); font-size: 22px; letter-spacing: -0.02em;}
.cmap:not(#wfx) .pt .mn{fill: var(--emerald,#0B6B4A); font-size: 0.82em; font-variant-numeric: tabular-nums;}
.cmap:not(#wfx) .pt.is-on .dot{r: 7;}
.cmap:not(#wfx) .leg.is-on .arc{opacity: 1; stroke-width: 2.6px;}
.cmap:not(#wfx) .car{fill: var(--gold,#C4A465); opacity: 0;}
.cmap.is-armed:not(#wfx) .arc{stroke-dasharray: 1; stroke-dashoffset: 1;}
.cmap.is-armed:not(#wfx) .pt{opacity: 0;}
.cmap.is-in:not(#wfx) .arc{stroke-dashoffset: 0; transition: stroke-dashoffset 1.2s cubic-bezier(.65,0,.35,1) var(--d),opacity .35s ease,stroke-width .35s ease;}
.cmap.is-in:not(#wfx) .pt{opacity: 1; transition: opacity .4s ease calc(var(--d) + 900ms);}
.cmap.is-done:not(#wfx) .arc{stroke-dasharray: none;}
.cfaq:not(#wfx){--tone: #F6F2EB; color: var(--ink); min-height: 100svh; display: flex; align-items: center; padding: clamp(112px, 12vw, 180px) 0px;}
.cfaq:not(#wfx) > .wrap{width: 100%;}
.cfaq-grid:not(#wfx){display: grid; gap: clamp(40px, 5vw, 80px); align-items: start;}
@media (min-width: 1024px){.cfaq-grid:not(#wfx){grid-template-columns: minmax(0px, 5fr) minmax(0px, 7fr);}}
@media (min-width: 1024px){.cfaq-head:not(#wfx){position: sticky; top: 160px;}}
.cfaq-head:not(#wfx) p{max-width: 44ch; margin: 28px 0px 0px; font-size: 17px; line-height: 1.55; color: rgb(94, 90, 85);}
.cfaq-head:not(#wfx) a{color: var(--ink); text-underline-offset: 5px; text-decoration-color: rgb(201, 193, 181);}
@media (hover: hover){.cfaq-head:not(#wfx) a:hover{text-decoration-color: currentcolor;}}
.cq:not(#wfx) + .cq{border-top: 1px solid rgb(221, 214, 202);}
.cq:first-child:not(#wfx) .cq-b{padding-top: 0px;}
.cq:not(#wfx) h3{margin: 0px; font: inherit;}
.cq-b:not(#wfx){width: 100%; display: flex; justify-content: space-between; align-items: center; gap: 32px; padding: clamp(26px, 2.4vw, 36px) 0px; background: none; border: 0px; cursor: pointer; text-align: left; font: 400 clamp(22px, 2.2vw, 34px) / 1.2 "Work Sans", sans-serif; letter-spacing: -0.04em; color: rgb(94, 90, 85); transition: color 0.2s;}
.cq.is-open:not(#wfx) .cq-b{color: var(--ink);}
@media (hover: hover){.cq-b:hover:not(#wfx){color: var(--ink);}}
.cq-b:active:not(#wfx){opacity: 0.7;}
.cq-b:focus-visible:not(#wfx){outline: 2px solid var(--ink); outline-offset: 4px;}
.cq-i:not(#wfx){position: relative; flex: 0 0 auto; width: 22px; height: 22px;}
.cq-i:not(#wfx)::before,.cq-i:not(#wfx)::after{content: ""; position: absolute; top: 50%; left: 0px; width: 22px; height: 1.5px; background: currentcolor; transition: transform .35s var(--ease);}
.cq-i:not(#wfx)::after{transform: rotate(90deg);}
.cq.is-open:not(#wfx) .cq-i::after{transform: none;}
.cq-a:not(#wfx){display: grid; grid-template-rows: 0fr; transition: grid-template-rows .4s var(--ease);}
.cq.is-open:not(#wfx) .cq-a{grid-template-rows: 1fr;}
.cq-a:not(#wfx) > div{overflow: hidden; visibility: hidden; transition: visibility 0.4s;}
.cq.is-open:not(#wfx) .cq-a > div{visibility: visible; transition: none;}
.cq-a:not(#wfx) p{margin: 0px; padding: 0px 64px clamp(28px, 2.6vw, 36px) 0px; max-width: 58ch; font-size: clamp(17px, 1.25vw, 19px); line-height: 1.6; color: rgb(74, 70, 66);}
.cclose:not(#wfx){--tone:#161616}
.cclose-media:not(#wfx) img{transform:scale(var(--z,1.14))}
.cclose-media:not(#wfx)::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(22, 22, 22, 0.72) 0px, rgba(22, 22, 22, 0.28) 34%, rgba(22, 22, 22, 0.5) 62%, rgba(22, 22, 22, 0.92) 100%);}
.cclose-sub:not(#wfx) a{color: var(--cream); font-size: 17px; text-decoration: none; border-bottom: 1px solid var(--gold,#C4A465); padding-bottom: 2px;}
.mbar:not(#wfx){position: fixed; left: 76px; right: 12px; bottom: 12px; z-index: 60; display: none; align-items: center; justify-content: space-between; height: 56px; padding: 0px 22px; background: var(--cream); color: rgb(22, 22, 22); text-decoration: none; font: 500 16px "Work Sans", sans-serif; box-shadow: rgba(0, 0, 0, 0.25) 0px 12px 30px; transform: translateY(calc(100% + 24px)); transition: transform .35s var(--out);}
.mbar.is-on:not(#wfx){transform: none;}
@media (max-width: 760px){.mbar:not(#wfx){display: flex;}}
html.a11y-still:not(#wfx) .mbar{transition: none;}
@media (prefers-reduced-motion: reduce){.cmap:not(#wfx) .arc,.cmap:not(#wfx) .pt,.mbar:not(#wfx),.cq-a:not(#wfx),.stmt:not(#wfx) .w{transition: none !important;}}
@media (max-width: 700px){.around:not(#wfx){padding-bottom: 64px;}}
@media (max-width: 700px){.cmap:not(#wfx){margin: 0 calc(-1*var(--gut)); overflow: hidden;}}
@media (max-width: 700px){.cmap:not(#wfx) .pt text,.cmap:not(#wfx) .hub text{font-size: 30px;}}
@media (max-width: 700px){.cmap:not(#wfx) .pt.is-on text{font-size: 38px;}}
@media (max-width: 700px){.cmap:not(#wfx) .pt .dot{r: 8;}}
@media (max-width: 700px){.cmap:not(#wfx) .hub circle:not(.ring){r: 13;}}
@media (max-width: 700px){.cmap:not(#wfx) .pt text{stroke-width: 10px;}}
.ihero:not(#wfx){--tone:#161616}
.ihero-reel:not(#wfx) img.on{opacity: 1; transform: scale(1);}
.ihero-reel:not(#wfx)::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(22, 22, 22, 0.55) 0px, rgba(22, 22, 22, 0.12) 34%, rgba(22, 22, 22, 0.5) 66%, rgba(22, 22, 22, 0.9) 100%), linear-gradient(90deg, rgba(22, 22, 22, 0.5) 0px, rgba(22, 22, 22, 0) 55%);}
@media (hover: hover){.reel-cap:hover:not(#wfx){border-color: var(--cream);}}
.reel-cap.swap:not(#wfx) span{opacity: 0;}
html.a11y-still:not(#wfx) .ihero-reel img{transition: none;}
@media (prefers-reduced-motion: reduce){.ihero-reel:not(#wfx) img{transition: none;}}
.ihero:not(#wfx) h1 .mute{color: rgb(138, 132, 124);}
.jump:not(#wfx){display: flex; flex-wrap: wrap; gap: 10px; margin: clamp(28px, 3vw, 40px) 0px 0px; padding: 0px; list-style: none;}
.jump:not(#wfx) a{display: inline-flex; align-items: center; gap: 10px; height: 44px; padding: 0px 18px; border: 1px solid rgba(246, 242, 235, 0.22); color: var(--cream); text-decoration: none; font-size: 15px; transition: border-color 0.2s, background 0.2s;}
.jump:not(#wfx) a span{color: rgb(138, 132, 124); font-variant-numeric: tabular-nums;}
@media (hover: hover){.jump:not(#wfx) a:hover{border-color: var(--cream);}}
.jump:not(#wfx) a:active{background: rgba(246, 242, 235, 0.08);}
.ex:not(#wfx){--tone:#FBF7F0}
.seg:not(#wfx) button[aria-pressed="true"]{color: var(--cream);}
.seg:not(#wfx) button:active{opacity: 0.8;}
.seg:not(#wfx) button:focus-visible{outline: 2px solid var(--ink); outline-offset: 2px;}
.chips:not(#wfx) button sup{margin-left: 4px; font-size: 11px; color: rgb(163, 157, 148); font-variant-numeric: tabular-nums; vertical-align: super;}
@media (hover: hover){.chips:not(#wfx) button:hover{color: var(--ink);}}
.chips:not(#wfx) button[aria-pressed="true"]{color: var(--ink);}
.chips:not(#wfx) button:focus-visible{outline: 2px solid var(--ink); outline-offset: 4px;}
.find:focus-within:not(#wfx){border-color: var(--ink);}
.find:not(#wfx) input::placeholder{color: rgb(110, 105, 99);}
.find:not(#wfx) input:focus{outline: none;}
.find:not(#wfx) input::-webkit-search-cancel-button{display: none;}
.find-x[hidden]:not(#wfx){display: none;}
.ex-count:not(#wfx){margin: 0px 0px 20px; font-size: 15px; color: rgb(110, 105, 99);}
.mv[hidden]:not(#wfx){display: none;}
.im:not(#wfx) .ln{fill: none; stroke: var(--emerald); stroke-width: 1.6px; vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 1;}
.im:not(#wfx) .ln.on{stroke-dashoffset: 0; transition: stroke-dashoffset .9s cubic-bezier(.65,0,.35,1) var(--d,0ms);}
.im:not(#wfx) .ln.done{stroke-dasharray: none;}
.im:not(#wfx) .pd{fill: var(--emerald); opacity: 0; transition: opacity .3s ease var(--d,0ms);}
.im:not(#wfx) .pd.on{opacity: 0.9;}
.cty.lbl:not(#wfx) text{opacity: 1;}
.cty.dim:not(#wfx){opacity: 0.22;}
.cty.dim:not(#wfx) text{opacity: 0;}
.cty.is-on:not(#wfx) .d{fill: var(--emerald);}
.cty.is-on:not(#wfx) .rg{opacity: 0.6; stroke: var(--emerald);}
.cty.is-on:not(#wfx) text{opacity: 1; fill: var(--ink); font-size: 15px;}
.cty:focus-visible:not(#wfx) .rg{opacity: 1; stroke: var(--ink);}
.pc:empty:not(#wfx){display: none;}
.pc-n:not(#wfx){display: block; margin: 0px; font: 400 clamp(48px, 4.6vw, 80px) / 0.95 "Work Sans", sans-serif; letter-spacing: -0.06em; color: var(--ink);}
.pc-l:not(#wfx){max-width: 38ch; margin: 20px 0px 0px; font-size: 17px; line-height: 1.55; color: rgb(74, 70, 66); text-wrap: pretty;}
.pc-s:not(#wfx){max-width: 30ch; margin: auto 0px 0px; padding-top: 32px; font: 400 clamp(22px, 1.9vw, 30px) / 1.3 "Work Sans", sans-serif; letter-spacing: -0.03em; color: rgb(133, 126, 118); text-wrap: pretty;}
.pc-s:not(#wfx) b{font-weight: 400; color: var(--ink);}
.pc-go:not(#wfx){align-self: flex-start; display: inline-flex; align-items: center; gap: 12px; height: 56px; margin-top: 24px; padding: 0px 26px; background: rgb(22, 22, 22); color: var(--cream); text-decoration: none; font: 500 16px "Work Sans", sans-serif; transition: background 0.2s, transform 0.16s cubic-bezier(0.23, 1, 0.32, 1);}
@media (hover: hover){.pc-go:hover:not(#wfx){background: rgb(42, 42, 42);}}
.pc-go:active:not(#wfx){transform: scale(0.97);}
.pc-go:not(#wfx) span{transition: transform 0.25s cubic-bezier(0.23, 1, 0.32, 1);}
@media (hover: hover){.pc-go:hover:not(#wfx) span{transform: translateX(4px);}}
.pc-go:focus-visible:not(#wfx){outline: 2px solid var(--ink); outline-offset: 3px;}
.pc.in:not(#wfx) > *{animation: 0.32s cubic-bezier(0.23, 1, 0.32, 1) 0s 1 normal both running pcIn;}
.pc.in:not(#wfx) > :nth-child(2){animation-delay: 0.03s;}
.pc.in:not(#wfx) > :nth-child(3){animation-delay: 0.06s;}
.pc.in:not(#wfx) > :nth-child(4){animation-delay: 0.09s;}
.pc.in:not(#wfx) > :nth-child(5){animation-delay: 0.12s;}
@keyframes pcIn { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: none; }
}
@media (max-width: 1099px){.pc-s:not(#wfx){margin-top: 0px;}}
.mv-zoom:not(#wfx) button:active{background: rgb(239, 232, 220);}
.cc[hidden]:not(#wfx){display: none;}
.cc-ph:not(#wfx){position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; transition: transform 0.9s cubic-bezier(0.23, 1, 0.32, 1);}
.cc-art:not(#wfx)::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(22, 22, 22, 0.1) 0px, rgba(22, 22, 22, 0) 40%, rgba(22, 22, 22, 0.78) 100%); transition: background 0.3s;}
.cc-art:not(#wfx) svg{position: absolute; inset: 0px; z-index: 1; width: 100%; height: 100%; pointer-events: none;}
.cc-art:not(#wfx) .a{fill: none; stroke: rgb(246, 242, 235); stroke-width: 1.2px; vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-dasharray: 1; stroke-dashoffset: 1; opacity: 0;}
.cc-art:not(#wfx) .p{fill: rgb(246, 242, 235); opacity: 0; transition: opacity 0.2s;}
.cc-art:not(#wfx) .h{fill: rgb(246, 242, 235); opacity: 0; transition: opacity 0.2s;}
.cc-reg:not(#wfx){display: block; font-size: 13px; color: rgb(216, 210, 200); letter-spacing: 0.01em;}
@media (hover: hover) and (pointer: fine){.cc:hover:not(#wfx) .cc-art img{transform: scale(1.04);}}
@media (hover: hover) and (pointer: fine){.cc:hover:not(#wfx) .cc-art::after{background: linear-gradient(rgba(22, 22, 22, 0.45) 0px, rgba(22, 22, 22, 0.4) 40%, rgba(22, 22, 22, 0.85) 100%);}}
@keyframes ccDraw { 
  0% { stroke-dashoffset: 1; }
  100% { stroke-dashoffset: 0; }
}
.cc:active:not(#wfx) .cc-art{opacity: 0.92;}
.cc:focus-visible:not(#wfx) .cc-art{outline: 2px solid var(--ink); outline-offset: 3px;}
.cc.enter:not(#wfx){animation-duration: 0.45s; animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: ccIn; animation-timeline: auto; animation-range: normal; animation-delay: var(--i,0ms);}
@keyframes ccIn { 
  0% { opacity: 0; transform: translateY(14px); }
  100% { opacity: 1; transform: none; }
}
.empty[hidden]:not(#wfx),.mv[hidden]:not(#wfx),.cv[hidden]:not(#wfx){display: none;}
@media (prefers-reduced-motion: reduce){.hm:not(#wfx) .arc,.hm:not(#wfx) .dot,.im:not(#wfx) .ln,.im:not(#wfx) .pd,.seg-pill:not(#wfx),.chips-bar:not(#wfx){transition: none !important;}}
@media (prefers-reduced-motion: reduce){.hm:not(#wfx) .home-ring,.cc.enter:not(#wfx),.pc.in:not(#wfx){animation: auto ease 0s 1 normal none running none !important;}}
@media (prefers-reduced-motion: reduce){@media (hover: hover){.cc:hover:not(#wfx) .a{animation: auto ease 0s 1 normal none running none !important;}}}
@media (prefers-reduced-motion: reduce){.cc-art:not(#wfx) img{transition: none !important;}}
html.a11y-still:not(#wfx) .hm .home-ring,html.a11y-still:not(#wfx) .cc.enter,html.a11y-still:not(#wfx) .pc.in{animation: auto ease 0s 1 normal none running none;}