*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--ground: #171210;--surface: #221a13;--calico: #eae2d1;--taupe: #a1907a;--camel: #c49a66;--serif: "Bodoni Moda", "Didot", "Bodoni MT", Georgia, serif;--sans: "Helvetica Now Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}::selection{background:var(--camel);color:var(--ground)}html,body{width:100vw;height:900vh;background:var(--ground);color:var(--calico);font-family:var(--sans)}img{width:100%;height:100%;object-fit:cover}nav{position:absolute;top:0;left:0;width:100vw;padding:1.6em 2em;display:flex;justify-content:space-between;align-items:center;gap:2em;z-index:2}p#logo{font-family:var(--serif);font-optical-sizing:auto;font-weight:600;font-size:1.4rem;letter-spacing:.01em;color:var(--calico)}.nav-links{display:flex;gap:2em;margin-right:auto;margin-left:3em}.nav-links a{color:var(--calico);text-decoration:none;font-size:.85rem;font-weight:400;letter-spacing:.01em;opacity:.66;border-bottom:1px solid transparent;padding-bottom:2px;transition:opacity .25s ease,border-color .25s ease}.nav-links a:hover{opacity:1;border-color:var(--camel)}button{border:1px solid rgba(234,226,209,.55);outline:none;font-family:var(--sans);font-weight:400;font-size:.82rem;letter-spacing:.02em;color:var(--calico);padding:.75em 1.4em;background-color:transparent;border-radius:0;cursor:pointer;transition:background-color .25s ease,color .25s ease,border-color .25s ease}button:hover{background-color:var(--calico);border-color:var(--calico);color:var(--ground)}section{position:relative;width:100vw;height:100vh;overflow:hidden}.intro{background:url(/c/ethnocare/hero-clean.jpg) no-repeat 50% 50%;background-size:cover}.intro:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#1712108c,#17121000 35%,#171210b8)}.intro-caption{position:absolute;left:2em;bottom:2em;z-index:1;display:flex;flex-direction:column;gap:.4em}.intro-caption span{font-family:var(--serif);font-optical-sizing:auto;font-style:italic;font-weight:400;font-size:1.15rem;letter-spacing:.01em;color:var(--calico)}.intro-caption span:first-child{font-family:var(--sans);font-style:normal;font-size:.75rem;letter-spacing:.08em;color:var(--taupe)}.outro{display:flex;justify-content:center;align-items:center;background:var(--ground)}.outro p{width:68%;max-width:980px;text-align:center;color:var(--calico);font-family:var(--serif);font-optical-sizing:auto;font-size:clamp(32px,4.4vw,58px);font-weight:400;line-height:1.16;letter-spacing:0}.outro p span{color:var(--camel);font-style:italic}.cards{position:absolute;top:25%;left:50%;transform:translate(-50%,-50%);width:150vw;height:600px;will-change:transform}.card{position:absolute;width:500px;height:550px;left:50%;top:50%;transform-origin:center center;margin-left:-250px;display:flex;flex-direction:column;gap:.9em;will-change:transform}.card-img{flex:1;background-color:var(--surface);border-radius:0;overflow:hidden}.card-content{width:100%;min-height:76px;display:flex;flex-direction:column;gap:.45em;border-top:1px solid rgba(234,226,209,.22);padding-top:.8em}.card-tag{font-family:var(--serif);font-optical-sizing:auto;font-style:italic;font-weight:500;font-size:.95rem;letter-spacing:.02em;color:var(--camel)}.card-content p{text-align:left;color:var(--calico);font-family:var(--sans);font-size:15px;font-weight:400;line-height:1.45;letter-spacing:.005em}.step-counter{position:absolute;display:flex;flex-direction:column;margin:2em}.counter-title,.count{position:relative;width:1200px;height:150px;clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);overflow:hidden}.count{position:relative;top:-10px}.count-container{position:relative;transform:translateY(150px);will-change:transform}.step-counter h1{width:100%;position:relative;color:var(--calico);font-family:var(--serif);font-optical-sizing:auto;font-weight:500;font-size:150px;line-height:1;letter-spacing:0;will-change:transform}.counter-title h1{font-style:italic;font-weight:500;font-size:116px;line-height:150px;padding-left:.06em}.count-container h1{font-size:132px;line-height:150px;color:var(--camel)}.empty{opacity:0}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:clip}.lenis.lenis-smooth iframe{pointer-events:none}@media(max-width:900px){.counter-title{height:36px;width:90vw}.counter-title h1{font-size:30px;line-height:36px}.count{top:0;left:-10px}.cards{top:27.5%}.card{width:375px;height:500px}}@media(max-width:768px){nav{padding:1.2em;gap:1em}.nav-links{display:none}p#logo{font-size:1.15rem}button{padding:.6em 1em;font-size:.74rem;white-space:nowrap}.count{width:90vw}.step-counter{margin:1.2em}.card{width:min(78vw,340px);height:66vh;max-height:480px}.card-content{min-height:64px;padding-top:.7em}.card-content p{font-size:13.5px;line-height:1.4}.card-tag{font-size:.85rem}.intro{background-position:22% 50%}.intro-caption{left:1.2em;bottom:1.6em}.intro-caption span{font-size:1rem}.intro-caption span:first-child{font-size:.7rem}.outro p{width:86%;font-size:clamp(26px,6.6vw,36px)}}
