.methodPage{min-height:100svh;overflow-x:clip;background:#050505;color:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.methodHero{padding:clamp(92px,10vw,150px) clamp(30px,4vw,76px) clamp(70px,8vw,120px)}.methodRule{width:100%;height:1px;background:#ffffffc7;margin-bottom:clamp(54px,6vw,90px)}.methodHeroGrid{display:grid;grid-template-columns:minmax(220px,.36fr) minmax(0,1fr);gap:clamp(32px,5vw,86px);align-items:start}.backLink{display:inline-block;margin-bottom:28px;color:#ffffff8c;font-size:.92rem;text-decoration:none}.backLink:hover{color:#ffc400}.kicker{margin:0;color:#ffc400;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}h1{max-width:11ch;margin:0;color:#fff;font-size:clamp(4rem,10vw,13rem);font-weight:700;line-height:.86;letter-spacing:-.09em}.methodStatement{min-height:52svh;display:grid;grid-template-columns:minmax(160px,18vw) minmax(0,1fr);gap:clamp(28px,10.4vw,209px);padding:clamp(80px,9vw,140px) clamp(30px,4vw,76px);overflow:hidden}.methodStatement aside{color:#ffc400;font-size:clamp(1rem,1.2vw,1.35rem)}.methodStatement h2{width:100%;max-width:min(100%,1080px);margin:0;font-size:clamp(2.15rem,3.55vw,4.75rem);font-weight:400;line-height:1.2;letter-spacing:-.055em}.paintLine{--paint: 0%;display:block;width:100%;max-width:100%;white-space:normal;text-wrap:balance;color:transparent;background-image:linear-gradient(90deg,#ffffff 0%,#ffffff var(--paint),rgba(255,255,255,.18) var(--paint),rgba(255,255,255,.18) 100%);background-clip:text;-webkit-background-clip:text}.methodCards{padding:clamp(12px,2vw,28px) clamp(30px,4vw,76px) clamp(72px,9vw,132px);isolation:isolate}.featuredCard{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);min-height:clamp(420px,45vw,650px);overflow:hidden;border-radius:clamp(24px,2vw,36px);background:#050505;color:#fff}.featuredImage{min-height:100%;overflow:hidden}.featuredImage img{width:100%;height:100%;max-width:none;object-fit:cover;display:block;filter:saturate(.96) contrast(.98)}.featuredBody{display:flex;flex-direction:column;justify-content:flex-start;padding:clamp(36px,5vw,72px)}.unitPill{display:inline-flex;width:fit-content;align-items:center;justify-content:center;min-height:38px;padding:0 24px;border:1px solid currentColor;border-radius:999px;color:inherit;font-size:clamp(.86rem,.95vw,1rem);font-weight:200;font-family:var(--font-body);letter-spacing:-.01em}.featuredBody h2{max-width:12ch;margin:clamp(28px,3.4vw,48px) 0 0;color:#fff;font-size:clamp(2.8rem,5vw,6.2rem);font-weight:400;line-height:.96;letter-spacing:-.07em}.featuredBody p{max-width:560px;margin:clamp(24px,2.6vw,36px) 0 0;color:#ffffffbd;font-size:clamp(1.02rem,1.2vw,1.25rem);line-height:1.48}.cardCta{display:inline-flex;width:fit-content;align-items:center;justify-content:center;gap:14px;min-height:58px;margin-top:clamp(34px,4vw,56px);padding:0 34px;border-radius:999px;background:#fff;color:#080808;text-decoration:none;transition:gap .25s ease,background .25s ease,transform .25s ease}.cardCta:hover{gap:20px;background:#ffc400;transform:translateY(-2px)}.cardGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,44px);margin-top:clamp(34px,4vw,58px)}.unitCard a{display:block;color:#fff;text-decoration:none}.unitImage{width:100%;aspect-ratio:1.62 / 1;overflow:hidden;border-radius:clamp(22px,1.8vw,32px);background:#111}.unitImage img{width:100%;height:100%;max-width:none;object-fit:cover;display:block;transition:transform .4s ease,filter .4s ease}.unitCardHeader{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:clamp(22px,2.4vw,34px)}.unitCardHeader .unitPill{color:#fff}.unitIndex{color:#ffc400;font-weight:800;letter-spacing:.16em}.unitCardTitle{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;margin-top:clamp(18px,2vw,28px)}.unitCardTitle h3{margin:0;color:#fff;font-size:clamp(2.3rem,4vw,5rem);font-weight:400;line-height:.98;letter-spacing:-.065em;font-family:var(--font-body)}.unitCardTitle span{color:#fff;font-size:clamp(2.6rem,4vw,4.8rem);line-height:.8;transform:translateY(-4px)}.unitCard p{max-width:620px;margin:clamp(18px,2vw,28px) 0 0;color:#ffffff9e;font-size:clamp(1rem,1.08vw,1.16rem);line-height:1.5;font-family:var(--font-body)}.featuredCard,.unitCard{transition:opacity .3s ease,filter .3s ease,transform .3s ease}.featuredCard{position:relative;border:1px solid transparent;transition:border-color .3s ease,box-shadow .3s ease,opacity .3s ease,filter .3s ease,transform .3s ease}.featuredCard:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .3s ease}.featuredCard:hover{border-color:#ffc400d9;box-shadow:0 26px 80px #ffc4001f;transform:translateY(-2px);cursor:pointer;color:#050505}.featuredImage img{transition:transform .45s ease,filter .45s ease}.featuredCard:hover .featuredImage img{transform:scale(1.035);filter:saturate(1.04) contrast(1.04)}.featuredCard:hover .unitPill{color:#ffc400;border-color:#ffc400}.featuredCard:hover h2{color:#ffc400}.featuredCard:hover .cardCta{background:#000;color:#080808;gap:20px}.unitCard a{position:relative}.unitImage{border:1px solid transparent;transition:border-color .3s ease,box-shadow .3s ease,filter .3s ease}.unitCard:hover{transform:translateY(-2px)}.unitCard:hover .unitImage{border-color:#ffc400d9;box-shadow:0 24px 70px #ffc4001f}.unitCard:hover .unitImage img{transform:scale(1.035);filter:saturate(1.04) contrast(1.04)}.unitCard:hover .unitPill{color:#ffc400;border-color:#ffc400}.unitCard:hover .unitIndex,.unitCard:hover .unitCardTitle h3,.unitCard:hover .unitCardTitle span{color:#ffc400}.unitCardTitle h3,.unitCardTitle span,.unitPill,.unitIndex{transition:color .25s ease,border-color .25s ease,transform .25s ease}.unitCard:hover .unitCardTitle span{transform:translate(4px,-8px)}.methodCards:has(.featuredCard:hover) .unitCard{opacity:.38;filter:grayscale(1)}.methodCards:has(.unitCard:hover) .featuredCard{opacity:.38;filter:grayscale(1)}.methodCards:has(.unitCard:hover) .unitCard:not(:hover){opacity:.38;filter:grayscale(1)}.methodCards:has(.featuredCard:hover) .featuredCard,.methodCards:has(.unitCard:hover) .unitCard:hover{opacity:1;filter:none}.pageCta{display:flex;justify-content:center;padding:0 clamp(30px,4vw,76px) clamp(90px,10vw,150px)}.pageCta a{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:58px;padding:0 36px;border:1px solid #ffffff;border-radius:999px;background:#fff;color:#080808;text-decoration:none;transition:background .25s ease,border-color .25s ease,gap .25s ease}.pageCta a:hover{background:#ffc400;border-color:#ffc400;gap:18px}.methodCards{isolation:isolate}.methodCards article{position:relative;overflow:hidden;min-height:420px;padding:clamp(30px,3.2vw,50px);border:1px solid rgba(255,255,255,.16);border-radius:clamp(24px,2vw,34px);background:radial-gradient(circle at 78% 12%,rgba(255,196,0,.08),transparent 34%),#ffffff0b;transition:opacity .3s ease,filter .3s ease,transform .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease}.methodCards article:before{content:"";position:absolute;inset:0;z-index:0;border-radius:inherit;background:linear-gradient(135deg,#ffc4001f,#ffffff05 38%,#fff0 72%);opacity:0;transition:opacity .3s ease;pointer-events:none}.methodCards article>{position:relative;z-index:1}.methodCards span{color:#ffc400;font-weight:800;letter-spacing:.16em;transition:color .25s ease}.methodCards h3{margin:92px 0 18px;color:#ffffffc7;font-size:clamp(1.9rem,2.7vw,3.35rem);font-weight:400;line-height:.98;letter-spacing:-.06em;transition:color .25s ease}.methodCards p{max-width:520px;margin:0;color:#ffffffa3;font-size:clamp(.98rem,1.05vw,1.12rem);line-height:1.5;transition:color .25s ease}.methodCards article:hover{transform:translateY(-3px);border-color:#ffc400e6;background:radial-gradient(circle at 78% 12%,rgba(255,196,0,.16),transparent 36%),#ffffff12;box-shadow:0 28px 90px #ffc4001f,inset 0 0 0 1px #ffc40057}.methodCards article:hover:before{opacity:1}.methodCards article:hover h3,.methodCards article:hover span,.methodCards article:hover:after{color:#ffc400}.methodCards article:hover p{color:#ffffffd1}.methodCards article:hover:after{transform:translate(6px,-6px)}.methodCards:has(article:hover) article:not(:hover){opacity:.36;filter:grayscale(1)}@media(max-width:980px){.methodHeroGrid,.methodStatement,.methodCards{grid-template-columns:1fr}h1{font-size:clamp(3.2rem,14vw,7rem)}.methodStatement{min-height:auto;row-gap:clamp(24px,5vw,44px)}.methodStatement h2{max-width:100%;font-size:clamp(2.15rem,7.2vw,4.4rem);letter-spacing:-.055em}.paintLine{white-space:normal;width:100%}.methodCards article{min-height:360px}.methodCards{grid-template-columns:1fr}.methodCards:has(.methodCard:hover) .methodCard:not(:hover){opacity:1;filter:none}.featuredCard,.cardGrid{grid-template-columns:1fr}.featuredImage{min-height:360px}.featuredBody h2{max-width:11ch}}@media(max-width:640px){.methodHero,.methodStatement,.methodCards,.pageCta{padding-left:22px;padding-right:22px}.methodStatement h2{font-size:clamp(2rem,10.8vw,3.35rem);line-height:1.02;letter-spacing:-.06em}.methodStatement aside{font-size:.96rem}.methodCards article{min-height:320px}.methodCards article:after{font-size:3.2rem}.methodCardImage{border-radius:24px}.methodCardTitle h3{font-size:clamp(2.1rem,10vw,3.8rem)}.featuredCard,.unitImage{border-radius:24px}.featuredBody{padding:28px 24px 34px}.featuredBody h2{font-size:clamp(2.4rem,12vw,4.4rem)}.unitCardTitle h3{font-size:clamp(2.1rem,10vw,3.8rem)}}
