*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#dedcd5}
html{line-height:1.5;-webkit-text-size-adjust:100%}
body{margin:0}
button,input,optgroup,select,textarea{font:inherit;color:inherit;margin:0;padding:0;background:transparent}
button,[role="button"]{cursor:pointer}
img,svg,video,canvas{display:block;max-width:100%}
img,video{height:auto}
a{color:inherit;text-decoration:inherit}
@keyframes spin{to{transform:rotate(360deg)}}


:root {
  --color-wf-bg: #faf9f6;
  --color-wf-surface: #ffffff;
  --color-wf-fill: #f0eee8;
  --color-wf-line: #dedcd5;
  --color-wf-line-strong: #c8c5bc;
  --color-wf-ink: #202023;
  --color-wf-ink-soft: #77746f;
  --color-wf-ink-faint: #a6a29b;
  --color-wf-accent: #ff5900;
  --color-wf-dark: #16151a;
}

.overflow-hidden{overflow:hidden;}
.bg-wf-fill{background-color:#f0eee8;}
.h-full{height:100%;}
.w-full{width:100%;}
.object-cover{object-fit:cover;}
.pr-\[8px\]{padding-right:8px;}
.bg-wf-accent{background-color:#ff5900;}
.text-white{color:#ffffff;}
.hover\:bg-\[\#e64f00\]:hover{background-color:#e64f00;}
.disabled\:bg-wf-fill:disabled{background-color:#f0eee8;}
.disabled\:text-wf-ink-faint:disabled{color:#a6a29b;}
.pr-\[18px\]{padding-right:18px;}
.bg-wf-ink{background-color:#202023;}
.hover\:bg-black:hover{background-color:#000000;}
.bg-white\/10{background-color:rgba(255, 255, 255, 0.1);}
.backdrop-blur-\[8px\]{backdrop-filter:blur(8px);}
.hover\:bg-white\/\[0\.16\]:hover{background-color:rgba(255, 255, 255, 0.16);}
.bg-\[rgba\(36\,38\,41\,0\.05\)\]{background-color:rgba(36,38,41,0.05);}
.text-wf-ink{color:#202023;}
.hover\:bg-\[rgba\(36\,38\,41\,0\.09\)\]:hover{background-color:rgba(36,38,41,0.09);}
.inline-flex{display:inline-flex;}
.h-\[50px\]{height:50px;}
.items-center{align-items:center;}
.gap-\[18px\]{gap:18px;}
.pl-\[18px\]{padding-left:18px;}
.text-\[14px\]{font-size:14px;}
.font-medium{font-weight:500;}
.tracking-tight{letter-spacing:-0.025em;}
.transition-all{transition-property:all;}
.duration-200{transition-duration:200ms;}
.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1);}
.disabled\:cursor-not-allowed:disabled{cursor:not-allowed;}
.origin-center{transform-origin:center;}
.transition-transform{transition-property:transform;}
.ml-auto{margin-left:auto;}
.grid{display:grid;}
.h-\[34px\]{height:34px;}
.w-\[34px\]{width:34px;}
.shrink-0{flex-shrink:0;}
.place-items-center{place-items:center;}
.rounded-\[10px\]{border-radius:10px;}
.bg-white\/20{background-color:rgba(255, 255, 255, 0.2);}
.h-\[16px\]{height:16px;}
.w-\[16px\]{width:16px;}
.h-\[18px\]{height:18px;}
.w-\[18px\]{width:18px;}
.rounded-\[8px\]{border-radius:8px;}
.border{border-width:1px;}
.border-wf-line{border-color:#dedcd5;}
.px-2\.5{padding-left:0.625rem;padding-right:0.625rem;}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}
.text-xs{font-size:0.75rem;line-height:1rem;}
.text-wf-ink-soft{color:#77746f;}
.mb-12{margin-bottom:3rem;}
.flex{display:flex;}
.flex-col{flex-direction:column;}
.gap-5{gap:1.25rem;}
.max-w-2xl{max-width:42rem;}
.mb-4{margin-bottom:1rem;}
.block{display:block;}
.text-wf-accent{color:#ff5900;}
.max-w-sm{max-width:24rem;}
.max-w-\[760px\]{max-width:760px;}
.mt-6{margin-top:1.5rem;}
.mt-12{margin-top:3rem;}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}
.leading-relaxed{line-height:1.625;}
.relative{position:relative;}
.border-t{border-top-width:1px;}
.py-8{padding-top:2rem;padding-bottom:2rem;}
.first\:border-t-0{border-top-width:0px;}
.hidden{display:none;}
.w-\[268px\]{width:268px;}
.rounded-\[14px\]{border-radius:14px;}
.border-wf-line-strong{border-color:#c8c5bc;}
.bg-wf-surface{background-color:#ffffff;}
.p-4{padding:1rem;}
.shadow-lg{box-shadow:0 10px 15px -3px rgb(0 0 0 / .1),0 4px 6px -4px rgb(0 0 0 / .1);}
.mb-3{margin-bottom:0.75rem;}
.justify-between{justify-content:space-between;}
.h-7{height:1.75rem;}
.w-7{width:1.75rem;}
.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;}
.hover\:border-wf-ink:hover{border-color:#202023;}
.text-sm{font-size:0.875rem;line-height:1.25rem;}
.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr));}
.gap-0\.5{gap:0.125rem;}
.text-center{text-align:center;}
.text-\[0\.6rem\]{font-size:0.6rem;}
.uppercase{text-transform:uppercase;}
.tracking-wider{letter-spacing:0.05em;}
.text-wf-ink-faint{color:#a6a29b;}
.h-8{height:2rem;}
.rounded-\[6px\]{border-radius:6px;}
.rounded-\[16px\]{border-radius:16px;}
.flex-wrap{flex-wrap:wrap;}
.gap-6{gap:1.5rem;}
.border-b{border-bottom-width:1px;}
.px-5{padding-left:1.25rem;padding-right:1.25rem;}
.pt-4{padding-top:1rem;}
.-mb-px{margin-bottom:-1px;}
.border-b-2{border-bottom-width:2px;}
.pb-3{padding-bottom:0.75rem;}
.divide-y>:not([hidden])~:not([hidden]){border-top-width:1px;}
.divide-wf-line>:not([hidden])~:not([hidden]){border-color:#dedcd5;}
.cursor-pointer{cursor:pointer;}
.p-5{padding:1.25rem;}
.focus-visible\:ring-2:focus-visible{box-shadow:0 0 0 2px var(--tw-ring-color,#ff5900);}
.focus-visible\:ring-wf-accent:focus-visible{--tw-ring-color:#ff5900;}
.mb-2{margin-bottom:0.5rem;}
.text-lg{font-size:1.125rem;line-height:1.75rem;}
.absolute{position:absolute;}
.left-4{left:1rem;}
.top-\[calc\(100\%\+6px\)\]{top:calc(100%+6px);}
.z-50{z-index:50;}
.right-4{right:1rem;}
.my-3{margin-top:0.75rem;margin-bottom:0.75rem;}
.h-px{height:1px;}
.bg-wf-line{background-color:#dedcd5;}
.p-2\.5{padding:0.625rem;}
.mx-auto{margin-left:auto;margin-right:auto;}
.max-w-\[1360px\]{max-width:1360px;}
.px-6{padding-left:1.5rem;padding-right:1.5rem;}
.py-\[80px\]{padding-top:80px;padding-bottom:80px;}
.mb-7{margin-bottom:1.75rem;}
.mt-3{margin-top:0.75rem;}
.scroll-mt-28{scroll-margin-top:7rem;}
.py-20{padding-top:5rem;padding-bottom:5rem;}
.w-8{width:2rem;}
.animate-spin{animation:spin 1s linear infinite;}
.rounded-full{border-radius:9999px;}
.border-2{border-width:2px;}
.border-t-wf-accent{border-top-color:#ff5900;}
.mt-5{margin-top:1.25rem;}
.justify-center{justify-content:center;}
.gap-3{gap:0.75rem;}
.mb-14{margin-bottom:3.5rem;}
.h-11{height:2.75rem;}
.gap-2{gap:0.5rem;}
.rounded-\[12px\]{border-radius:12px;}
.px-4{padding-left:1rem;padding-right:1rem;}
.h-3\.5{height:0.875rem;}
.w-3\.5{width:0.875rem;}
.gap-16{gap:4rem;}
.items-start{align-items:flex-start;}
.bg-\[rgba\(36\,38\,41\,0\.035\)\]{background-color:rgba(36,38,41,0.035);}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}
.text-left{text-align:left;}
.hover\:text-wf-accent:hover{color:#ff5900;}
.leading-snug{line-height:1.375;}
.gap-1\.5{gap:0.375rem;}
.h-4{height:1rem;}
.w-4{width:1rem;}
.mt-7{margin-top:1.75rem;}
.items-stretch{align-items:stretch;}
.min-h-\[56px\]{min-height:56px;}
.border-dashed{border-style:dashed;}
.py-4{padding-top:1rem;padding-bottom:1rem;}
.w-5{width:1.25rem;}
.disabled\:opacity-30:disabled{opacity:0.3;}
.rounded-\[15px\]{border-radius:15px;}
.border-\[rgba\(36\,38\,41\,0\.10\)\]{border-color:rgba(36,38,41,0.10);}
.cursor-zoom-in{cursor:zoom-in;}
.aspect-\[16\/10\]{aspect-ratio:16 / 10;}
.duration-300{transition-duration:300ms;}
.group-hover\/photo\:scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translateX(var(--tw-translate-x,0)) translateY(var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1));}
.left-3{left:0.75rem;}
.top-3{top:0.75rem;}
.bottom-3{bottom:0.75rem;}
.right-3{right:0.75rem;}
.rounded-\[9px\]{border-radius:9px;}
.px-3{padding-left:0.75rem;padding-right:0.75rem;}
.group-hover\/photo\:bg-white\/\[0\.16\]{background-color:rgba(255, 255, 255, 0.16);}
.flex-1{flex:1 1 0%;}
.pb-6{padding-bottom:1.5rem;}
.mt-2\.5{margin-top:0.625rem;}
.mt-3\.5{margin-top:0.875rem;}
.pt-5{padding-top:1.25rem;}
.items-baseline{align-items:baseline;}
.text-\[1\.45rem\]{font-size:1.45rem;}
.font-semibold{font-weight:600;}
.font-normal{font-weight:400;}
.mt-0\.5{margin-top:0.125rem;}
.gap-2\.5{gap:0.625rem;}
.h-\[52px\]{height:52px;}
.pl-\[20px\]{padding-left:20px;}
.pr-\[7px\]{padding-right:7px;}
.text-\[0\.85rem\]{font-size:0.85rem;}
.fixed{position:fixed;}
.inset-0{inset:0px;}
.z-\[100\]{z-index:100;}
.items-end{align-items:flex-end;}
.bg-wf-ink\/50{background-color:rgba(32, 32, 35, 0.5);}
.p-0{padding:0px;}
.max-h-\[92vh\]{max-height:92vh;}
.max-w-xl{max-width:36rem;}
.overflow-y-auto{overflow-y:auto;}
.shadow-2xl{box-shadow:0 25px 50px -12px rgb(0 0 0 / .25);}
.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem;}
.p-6{padding:1.5rem;}
.aspect-\[16\/9\]{aspect-ratio:16 / 9;}
.mt-1{margin-top:0.25rem;}
.mt-4{margin-top:1rem;}
.mt-2{margin-top:0.5rem;}
.bg-wf-bg{background-color:#faf9f6;}
.my-1{margin-top:0.25rem;margin-bottom:0.25rem;}
.sticky{position:sticky;}
.bottom-0{bottom:0px;}
.min-h-\[28px\]{min-height:28px;}
.rounded-\[7px\]{border-radius:7px;}
.bg-\[rgba\(36\,38\,41\,0\.03\)\]{background-color:rgba(36,38,41,0.03);}
.leading-none{line-height:1;}
.left-5{left:1.25rem;}
.top-5{top:1.25rem;}
.bg-\[rgba\(20\,20\,20\,0\.20\)\]{background-color:rgba(20,20,20,0.20);}
.group:hover .group-hover\:scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translateX(var(--tw-translate-x,0)) translateY(var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1));}
.pt-6{padding-top:1.5rem;}
.text-\[13px\]{font-size:13px;}
.mt-auto{margin-top:auto;}
.pt-7{padding-top:1.75rem;}
.h-9{height:2.25rem;}
.px-3\.5{padding-left:0.875rem;padding-right:0.875rem;}
.group:hover .group-hover\:text-wf-accent{color:#ff5900;}
.group-focus-visible\:text-wf-accent{color:#ff5900;}
.py-24{padding-top:6rem;padding-bottom:6rem;}
.gap-y-14{row-gap:3.5rem;}
.duration-\[250ms\]{transition-duration:250ms;}
.bg-black\/0{background-color:rgba(0, 0, 0, 0);}
.group:hover .group-hover\:bg-black\/18{background-color:rgba(0, 0, 0, 0.18);}
.opacity-0{opacity:0;}
.transition-opacity{transition-property:opacity;}
.group:hover .group-hover\:opacity-100{opacity:1;}
.bg-black\/40{background-color:rgba(0, 0, 0, 0.4);}
.backdrop-blur-sm{backdrop-filter:blur(4px);}
.bottom-4{bottom:1rem;}
.bg-black\/35{background-color:rgba(0, 0, 0, 0.35);}
.backdrop-blur-\[1px\]{backdrop-filter:blur(1px);}
.z-\[200\]{z-index:200;}
.bg-black{background-color:#000000;}
.text-white\/60{color:rgba(255, 255, 255, 0.6);}
.w-9{width:2.25rem;}
.text-xl{font-size:1.25rem;line-height:1.75rem;}
.hover\:bg-white\/20:hover{background-color:rgba(255, 255, 255, 0.2);}
.min-h-0{min-height:0;}
.object-contain{object-fit:contain;}
.top-1\/2{top:50%;}
.-translate-y-1\/2{--tw-translate-y:-50%;transform:translateX(var(--tw-translate-x,0)) translateY(var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1));}
.w-11{width:2.75rem;}
.bg-black\/30{background-color:rgba(0, 0, 0, 0.3);}
.text-2xl{font-size:1.5rem;line-height:2rem;}
.hover\:bg-black\/50:hover{background-color:rgba(0, 0, 0, 0.5);}
.overflow-x-auto{overflow-x:auto;}
.h-16{height:4rem;}
.w-24{width:6rem;}
.ring-2{box-shadow:0 0 0 2px var(--tw-ring-color,#ff5900);}
.z-\[150\]{z-index:150;}
.max-h-\[70vh\]{max-height:70vh;}
.max-w-md{max-width:28rem;}
.mb-5{margin-bottom:1.25rem;}
.space-y-3>:not([hidden])~:not([hidden]){margin-top:0.75rem;}
.mt-\[16px\]{margin-top:16px;}
.mt-\[32px\]{margin-top:32px;}
.mt-1\.5{margin-top:0.375rem;}
.text-base{font-size:1rem;line-height:1.5rem;}
.mt-10{margin-top:2.5rem;}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.gap-x-5{column-gap:1.25rem;}
.gap-y-5{row-gap:1.25rem;}
.2xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.min-w-0{min-width:0;}
.mt-\[40px\]{margin-top:40px;}
.gap-x-8{column-gap:2rem;}
.gap-y-\[14px\]{row-gap:14px;}
.mt-\[1px\]{margin-top:1px;}
.underline{text-decoration-line:underline;}
.underline-offset-4{text-underline-offset:4px;}
.pt-\[80px\]{padding-top:80px;}
.pb-\[120px\]{padding-bottom:120px;}
.mb-8{margin-bottom:2rem;}
.hover\:text-wf-ink:hover{color:#202023;}
.mt-8{margin-top:2rem;}
.aspect-\[4\/3\]{aspect-ratio:4 / 3;}
.right-6{right:1.5rem;}
.top-6{top:1.5rem;}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}
.hover\:bg-black\/60:hover{background-color:rgba(0, 0, 0, 0.6);}
.w-\[38\%\]{width:38%;}
.mt-14{margin-top:3.5rem;}
.top-\[104px\]{top:104px;}
.self-start{align-self:flex-start;}
.gap-\[16px\]{gap:16px;}
.z-\[1\]{z-index:1;}
.bg-black\/45{background-color:rgba(0, 0, 0, 0.45);}
.hover\:bg-black\/65:hover{background-color:rgba(0, 0, 0, 0.65);}
.mt-\[120px\]{margin-top:120px;}
.hover\:bg-\[rgba\(36\,38\,41\,0\.04\)\]:hover{background-color:rgba(36,38,41,0.04);}
.px-0{padding-left:0px;padding-right:0px;}
.py-7{padding-top:1.75rem;padding-bottom:1.75rem;}
.gap-4{gap:1rem;}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem;}
.h-\[340px\]{height:340px;}
.border-0{border-width:0px;}
.left-0{left:0px;}
.right-0{right:0px;}
.z-40{z-index:40;}
.bg-wf-bg\/95{background-color:rgba(250, 249, 246, 0.95);}
.\!h-11{height:2.75rem !important;}
.\!text-\[13px\]{font-size:13px !important;}
.min-h-\[80vh\]{min-height:80vh;}
.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-from,transparent),var(--tw-gradient-via,transparent),var(--tw-gradient-to,transparent));}
.from-black\/70{--tw-gradient-from:rgba(0, 0, 0, 0.7);}
.via-black\/25{--tw-gradient-via:rgba(0, 0, 0, 0.25);}
.to-black\/40{--tw-gradient-to:rgba(0, 0, 0, 0.4);}
.justify-end{justify-content:flex-end;}
.pb-20{padding-bottom:5rem;}
.pt-40{padding-top:10rem;}
.text-white\/80{color:rgba(255, 255, 255, 0.8);}
.mt-11{margin-top:2.75rem;}
.py-\[104px\]{padding-top:104px;padding-bottom:104px;}
.mb-16{margin-bottom:4rem;}
.h-\[600px\]{height:600px;}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-from,transparent),var(--tw-gradient-via,transparent),var(--tw-gradient-to,transparent));}
.from-black\/80{--tw-gradient-from:rgba(0, 0, 0, 0.8);}
.via-black\/40{--tw-gradient-via:rgba(0, 0, 0, 0.4);}
.to-transparent{--tw-gradient-to:transparent;}
.pb-16{padding-bottom:4rem;}
.text-white\/70{color:rgba(255, 255, 255, 0.7);}
.border-y{border-width:1px;}
.h-\[520px\]{height:520px;}
.duration-500{transition-duration:500ms;}
.p-7{padding:1.75rem;}
.select-none{user-select:none;}
.whitespace-nowrap{white-space:nowrap;}
.text-white\/95{color:rgba(255, 255, 255, 0.95);}
.last\:border-b:last-child{border-bottom-width:1px;}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}
.py-\[112px\]{padding-top:112px;padding-bottom:112px;}
.mb-20{margin-bottom:5rem;}
.inset-x-0{left:0px;right:0px;}
.left-1\/2{left:50%;}
.w-px{width:1px;}
.h-\[660px\]{height:660px;}
.bg-black\/50{background-color:rgba(0, 0, 0, 0.5);}
.max-w-\[860px\]{max-width:860px;}
.z-10{z-index:10;}
.pb-8{padding-bottom:2rem;}
.pt-12{padding-top:3rem;}
.gap-y-10{row-gap:2.5rem;}
.pb-10{padding-bottom:2.5rem;}
.col-span-2{grid-column:span 2 / span 2;}
.w-auto{width:auto;}
.max-w-xs{max-width:20rem;}
.m-0{margin:0px;}
.pt-1{padding-top:0.25rem;}
.text-\[0\.95rem\]{font-size:0.95rem;}
.bg-transparent{background-color:transparent;}
.px-2{padding-left:0.5rem;padding-right:0.5rem;}
.hover\:bg-white\/\[0\.16\]\":hover{background-color:rgba(255, 255, 255, NaN);}
.hover\:bg-\[rgba\(36\,38\,41\,0\.1\)\]\":hover{background-color:rgba(36,38,41,0.1)];}
.h-\[17px\]{height:17px;}
.w-\[17px\]{width:17px;}
.opacity-60{opacity:0.6;}
.top-full{top:100%;}
.z-30{z-index:30;}
.min-w-\[184px\]{min-width:184px;}
.bg-white{background-color:#ffffff;}
.p-1\.5{padding:0.375rem;}
.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem;}
.top-0{top:0px;}
.from-black\/35{--tw-gradient-from:rgba(0, 0, 0, 0.35);}
.h-\[72px\]{height:72px;}
.text-\[1\.1rem\]{font-size:1.1rem;}
.gap-9{gap:2.25rem;}
.hover\:bg-\[rgba\(36\,38\,41\,0\.1\)\]:hover{background-color:rgba(36,38,41,0.1);}
.\!gap-3{gap:0.75rem !important;}
.\!pl-4{padding-left:1rem !important;}
.\!pr-\[5px\]{padding-right:5px !important;}
.border-wf-line\/70{border-color:rgba(222, 220, 213, 0.7);}
.py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem;}
.last\:border-0:last-child{border-width:0px;}
.py-14{padding-top:3.5rem;padding-bottom:3.5rem;}
.mb-10{margin-bottom:2.5rem;}
.aspect-\[5\/2\]{aspect-ratio:5 / 2;}
.mt-20{margin-top:5rem;}
.h-\[310px\]{height:310px;}
.hover\:opacity-80:hover{opacity:.8;}
.h-14{height:3.5rem;}
.placeholder\:text-wf-ink-faint::placeholder{color:#a6a29b;}
.focus\:ring-1:focus{box-shadow:0 0 0 1px var(--tw-ring-color,#ff5900);}
.focus\:ring-wf-accent\/30:focus{--tw-ring-color:rgba(255, 89, 0, 0.3);}
.h-auto{height:auto;}
.min-h-\[160px\]{min-height:160px;}
.resize-none{resize:none;}
.aspect-\[3\/2\]{aspect-ratio:3 / 2;}
.mt-28{margin-top:7rem;}
.mt-24{margin-top:6rem;}
.pt-16{padding-top:4rem;}
.gap-10{gap:2.5rem;}
.gap-x-6{column-gap:1.5rem;}
.gap-y-6{row-gap:1.5rem;}
.min-w-\[190px\]{min-width:190px;}
.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem;}
.h-6{height:1.5rem;}
.w-6{width:1.5rem;}
.first\:pt-6{padding-top:1.5rem;}
.mt-16{margin-top:4rem;}
.gap-8{gap:2rem;}
.pt-14{padding-top:3.5rem;}
.min-h-screen{min-height:100vh;}
.font-sans{font-family:Manrope,ui-sans-serif,system-ui,sans-serif;}
.pt-\[72px\]{padding-top:72px;}
@media (min-width:640px){.sm\:block{display:block;}
.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.sm\:divide-x>:not([hidden])~:not([hidden]){border-left-width:1px;}
.sm\:divide-y-0>:not([hidden])~:not([hidden]){border-top-width:0;}
.sm\:flex-row{flex-direction:row;}
.sm\:items-center{align-items:center;}
.sm\:gap-6{gap:1.5rem;}
.sm\:p-6{padding:1.5rem;}
.sm\:rounded-\[16px\]{border-radius:16px;}
.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.sm\:gap-x-10{column-gap:2.5rem;}
.sm\:pr-12{padding-right:3rem;}
.sm\:pl-12{padding-left:3rem;}
.sm\:gap-x-16{column-gap:4rem;}
.sm\:border-b-0{border-bottom-width:0px;}
.sm\:min-h-\[230px\]{min-height:230px;}
.sm\:grid{display:grid;}
.sm\:inline-flex{display:inline-flex;}
.sm\:col-span-2{grid-column:span 2 / span 2;}}
@media (min-width:768px){.md\:flex-row{flex-direction:row;}
.md\:items-end{align-items:flex-end;}
.md\:justify-between{justify-content:space-between;}
.md\:text-right{text-align:right;}
.md\:px-12{padding-left:3rem;padding-right:3rem;}
.md\:text-xl{font-size:1.25rem;line-height:1.75rem;}
.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.md\:py-28{padding-top:7rem;padding-bottom:7rem;}
.md\:min-h-\[280px\]{min-height:280px;}
.md\:grid-cols-\[36\%_40\%_24\%\]{grid-template-columns:36% 40% 24%;}
.md\:p-7{padding:1.75rem;}
.md\:min-h-0{min-height:0;}
.md\:px-8{padding-left:2rem;padding-right:2rem;}
.md\:py-0{padding-top:0px;padding-bottom:0px;}
.md\:border-l{border-left-width:1px;}
.md\:border-t-0{border-top-width:0px;}
.md\:pl-7{padding-left:1.75rem;}
.md\:pt-0{padding-top:0px;}
.md\:h-\[480px\]{height:480px;}
.md\:pb-24{padding-bottom:6rem;}
.md\:py-\[120px\]{padding-top:120px;padding-bottom:120px;}
.md\:mb-20{margin-bottom:5rem;}
.md\:h-\[660px\]{height:660px;}
.md\:pb-20{padding-bottom:5rem;}
.md\:whitespace-nowrap{white-space:nowrap;}
.md\:flex{display:flex;}
.md\:hidden{display:none;}
.md\:py-\[140px\]{padding-top:140px;padding-bottom:140px;}
.md\:mb-24{margin-bottom:6rem;}
.md\:h-\[720px\]{height:720px;}
.md\:pb-10{padding-bottom:2.5rem;}
.md\:pt-14{padding-top:3.5rem;}
.md\:block{display:block;}
.md\:py-16{padding-top:4rem;padding-bottom:4rem;}
.md\:h-\[400px\]{height:400px;}
.md\:grid-cols-\[minmax\(0\,0\.92fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,0.92fr) minmax(0,1fr);}
.md\:gap-14{gap:3.5rem;}
.md\:items-center{align-items:center;}
.md\:w-auto{width:auto;}
.md\:grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(280px\,0\.8fr\)\]{grid-template-columns:minmax(0,1.2fr) minmax(280px,0.8fr);}
.md\:gap-10{gap:2.5rem;}
.md\:text-lg{font-size:1.125rem;line-height:1.75rem;}}
@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.lg\:border-t-0{border-top-width:0px;}
.lg\:px-8{padding-left:2rem;padding-right:2rem;}
.lg\:grid-cols-\[1fr_1fr_1fr_auto\]{grid-template-columns:1fr 1fr 1fr auto;}
.lg\:gap-x-12{column-gap:3rem;}
.lg\:hidden{display:none;}
.lg\:flex{display:flex;}
.lg\:items-start{align-items:flex-start;}
.lg\:gap-\[56px\]{gap:56px;}
.lg\:pr-20{padding-right:5rem;}
.lg\:pl-20{padding-left:5rem;}
.lg\:gap-x-24{column-gap:6rem;}
.lg\:whitespace-nowrap{white-space:nowrap;}
.lg\:pb-12{padding-bottom:3rem;}
.lg\:pt-16{padding-top:4rem;}
.lg\:grid-cols-\[1\.5fr_repeat\(3\,0\.9fr\)\]{grid-template-columns:1.5fr repeat(3,0.9fr);}
.lg\:gap-y-0{row-gap:0px;}
.lg\:pb-14{padding-bottom:3.5rem;}
.lg\:col-span-1{grid-column:span 1 / span 1;}
.lg\:flex-col{flex-direction:column;}
.lg\:gap-6{gap:1.5rem;}
.lg\:gap-16{gap:4rem;}
.lg\:grid-cols-\[1fr_360px\]{grid-template-columns:1fr 360px;}
.lg\:self-start{align-self:flex-start;}
.lg\:mt-16{margin-top:4rem;}
.lg\:gap-20{gap:5rem;}
.lg\:pt-14{padding-top:3.5rem;}
.lg\:grid-cols-\[minmax\(0\,0\.92fr\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,0.92fr) minmax(0,1fr);}
.lg\:gap-14{gap:3.5rem;}
.lg\:flex-row{flex-direction:row;}
.lg\:items-center{align-items:center;}
.lg\:justify-between{justify-content:space-between;}}


@font-face {
  font-family: 'Manrope';
  src: url('/assets/theme/fonts/manrope-300.woff2') format('woff2');
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('/assets/theme/fonts/manrope-400.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('/assets/theme/fonts/manrope-500.woff2') format('woff2');
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('/assets/theme/fonts/manrope-600.woff2') format('woff2');
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('/assets/theme/fonts/manrope-700.woff2') format('woff2');
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'Instrument Serif';
  src: url('/assets/theme/fonts/instrument-serif-italic.woff2') format('woff2');
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}



:root {
  --background: var(--color-wf-bg);
  --foreground: var(--color-wf-ink);

  /* Shared responsive typography system */
  --type-display: 42px;
  --type-section-title: 36px;
  --type-content-title: 26px;
  --type-card-title: 22px;
  --type-stat: 42px;
  --type-lead: 17px;
  --type-body: 16px;
  --type-secondary: 14px;
  --type-label: 12px;

  --leading-display: 1.04;
  --leading-section-title: 1.08;
  --leading-content-title: 1.1;
  --leading-card-title: 1.15;
  --leading-stat: 1;
  --leading-lead: 1.45;
  --leading-body: 1.5;
  --leading-secondary: 1.45;
  --leading-label: 1.2;

  --tracking-display: -0.02em;
  --tracking-heading: -0.02em;
  --tracking-label: 0.14em;
}

@media (min-width: 768px) {
  :root {
    --type-display: 54px;
    --type-section-title: 40px;
    --type-content-title: 28px;
    --type-card-title: 22px;
    --type-stat: 44px;
    --type-lead: 17px;
  }
}

@media (min-width: 1024px) {
  :root {
    --type-display: 68px;
    --type-section-title: 48px;
    --type-content-title: 32px;
    --type-card-title: 24px;
    --type-stat: 48px;
    --type-lead: 18px;
  }
}

html {
  scroll-behavior: smooth;
}

section[id] {
  scroll-margin-top: 72px;
}

body {
  background-color: var(--color-wf-bg);
  color: var(--color-wf-ink);
  font-family: var(--font-sans);
  font-feature-settings: "ss01";
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  hyphens: auto;
  text-wrap: pretty;
  hanging-punctuation: first last;
  quotes: "\201C" "\201D" "\2018" "\2019";
  font-size: var(--type-body);
  line-height: var(--leading-body);
}

q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

.site-footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-footer li::marker {
  content: "";
}

.site-footer a::before,
.site-footer button::before {
  content: none !important;
  display: none !important;
}

::selection {
  background-color: var(--color-wf-accent);
  color: #fff;
}

.calendar-nav-control {
  line-height: 0;
}

.calendar-nav-control > svg {
  display: block;
  width: 14px;
  height: 14px;
  margin: 0;
  transform: none !important;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.calendar-nav-control:hover > svg {
  transform: none !important;
}

.calendar-date-disabled {
  opacity: 0.28;
  pointer-events: none;
  cursor: default;
}

.calendar-date-check-in {
  background-color: rgba(255, 89, 0, 0.1);
  box-shadow: inset 0 0 0 1px var(--color-wf-accent);
  color: var(--color-wf-accent);
  cursor: default;
  pointer-events: none;
}

@media (min-width: 1024px) {
  .structured-info-item:first-child {
    padding-left: 0;
  }

  .structured-info-item:last-child {
    padding-right: 0;
  }

  .structured-info-item:not(:first-child)::before {
    position: absolute;
    top: 2rem;
    bottom: 2rem;
    left: 0;
    width: 1px;
    background-color: var(--color-wf-line);
    content: "";
  }
}

.structured-info-content {
  display: grid;
  grid-template-rows: auto 3.45em auto;
  row-gap: 1.25rem;
  align-content: start;
}

/* Editorial headings: regular weight, tight tracking, no bold */
.display {
  font-weight: 300;
  letter-spacing: var(--tracking-heading);
  line-height: 1.1;
}

.label-caps {
  text-transform: uppercase;
  letter-spacing: var(--tracking-label);
  font-size: var(--type-label);
  line-height: var(--leading-label);
  font-weight: 500;
}

.type-display {
  font-size: var(--type-display);
  font-weight: 300;
  line-height: var(--leading-display);
  letter-spacing: var(--tracking-display);
}

.type-section-title {
  font-size: var(--type-section-title);
  font-weight: 300;
  line-height: var(--leading-section-title);
  letter-spacing: var(--tracking-heading);
}

.type-content-title {
  font-size: var(--type-content-title);
  font-weight: 300;
  line-height: var(--leading-content-title);
  letter-spacing: var(--tracking-heading);
}

.type-card-title {
  font-size: var(--type-card-title);
  font-weight: 300;
  line-height: var(--leading-card-title);
  letter-spacing: var(--tracking-heading);
}

.type-stat-value {
  font-size: var(--type-stat);
  font-weight: 300;
  line-height: var(--leading-stat);
  letter-spacing: var(--tracking-heading);
}

.type-lead {
  font-size: var(--type-lead);
  line-height: var(--leading-lead);
}

.type-body {
  font-size: var(--type-body);
  line-height: var(--leading-body);
}

.type-secondary {
  font-size: var(--type-secondary);
  line-height: var(--leading-secondary);
}

/* Editorial accent — Instrument Serif italic, used only for 1–3 words
   inside selected large headings. Never in functional UI. */
.serif-accent {
  font-family: 'Instrument Serif', ui-serif, Georgia, serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: 0;
  /* nudge optical size so the serif sits on the sans baseline */
  font-size: 1.13em;
  line-height: inherit;
}

/* CTA button shape — 14px radius with Apple-style continuous (squircle)
   corners where the browser supports it, plain rounded fallback otherwise. */
.cta {
  border-radius: 14px;
}
.cta-button:hover .cta-arrow-hover {
  transform: rotate(-45deg);
}
@supports (corner-shape: squircle) {
  .cta {
    corner-shape: squircle;
  }
}

/* Reusable squircle helper — pair with any rounded-[Xpx] Tailwind class.
   Tailwind sets the radius value; this adds the continuous corner shape. */
@supports (corner-shape: squircle) {
  .squircle { corner-shape: squircle; }
}

/* Subtle fade-up for section entrances. translateY 16px → 0, opacity 0 → 1. */
.reveal-up {
  opacity: 0;
  transform: translateY(16px);
  transition:
    opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--reveal-delay, 0ms);
  will-change: opacity, transform;
}
.reveal-up.is-in {
  opacity: 1;
  transform: none;
}

/* Word-by-word scroll reveal — words move up 8–12px and fade to full opacity. */
.reveal-word {
  display: inline-block;
  transform: translateY(10px);
  transition:
    opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.5s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

@media (prefers-reduced-motion: reduce) {
  .reveal-up,
  .reveal-word {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}

* {
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
}
*:hover {
  scrollbar-color: var(--color-wf-line-strong) transparent;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 999px;
}
*:hover::-webkit-scrollbar-thumb {
  background-color: var(--color-wf-line-strong);
}