.method-section{color:#fafaf8;background:radial-gradient(at 82% 12%,#c4a77e2e,#0000 28%),linear-gradient(#0f0d0b 0%,#171512 100%);padding:98px max(6vw,50vw - 640px) 104px;box-shadow:inset 0 1px #ffffff08}.method-kicker,.method-phase,.method-deliverable>span{color:#c4a77e;letter-spacing:.11em;text-transform:uppercase;margin:0;font-size:10px;font-weight:700}.method-kicker span,.method-phase span{color:#806c54;padding-inline:5px}.method-tabs{background:linear-gradient(#ffffff03,#fff0);border-bottom:1px solid #39332b;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.method-tab{color:#aaa197;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;min-width:0;padding:18px 10px 20px 0;display:grid;position:relative}.method-tab>span{color:#c4a77e;width:28px;height:28px;font-family:var(--font-sans);font-variant-numeric:tabular-nums;border:1px solid #494137;border-radius:50%;place-items:center;font-size:10px;transition:background .24s,color .24s,border-color .24s;display:grid}.method-tab b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.method-tab i{background:#39332b;height:1px;position:absolute;bottom:-1px;left:0;right:12px}.method-tab i:after{content:"";background:#c4a77e;width:0;height:2px;transition:width .35s cubic-bezier(.2,.8,.2,1);display:block}.method-tab[aria-selected=true]{color:#fafaf8}.method-tab[aria-selected=true]>span{color:#171512;background:#c4a77e;border-color:#c4a77e}.method-tab[aria-selected=true] i:after{width:100%}.method-tab:focus-visible{outline-offset:-3px;outline:2px solid #c4a77e}.method-panels{border-bottom:1px solid #39332b;min-height:240px}.method-panel{grid-template-columns:minmax(0,1.05fr) minmax(260px,.7fr);gap:clamp(42px,8vw,120px);padding:36px 0 38px;display:grid}.method-panel[hidden]{display:none}.method-panel:not([hidden]){animation:.38s both method-reveal}.method-copy h3{max-width:580px;font-family:var(--font-display);font-size-adjust:var(--display-adjust);margin:14px 0 12px;font-size:clamp(30px,3.5vw,42px);font-weight:600;line-height:1.03}.method-deliverable{padding:6px 0 6px 24px;background:linear-gradient(110deg,#ffffff12,#ffffff05);border-left:1px solid #a8865c;border-radius:0 8px 8px 0;align-self:center;padding:20px 24px;box-shadow:inset 0 1px #ffffff0f}.method-deliverable>span{font-size:10px;display:block}.method-deliverable>strong{color:#fafaf8;max-width:390px;font-family:var(--font-display);font-size-adjust:var(--display-adjust);margin-top:11px;font-size:25px;font-weight:600;line-height:1.12;display:block}.method-price{flex-wrap:wrap;align-items:center;gap:6px 12px;margin:4px 0 0;display:inline-flex}.method-price b{color:#e3cfae;background:#c4a77e1f;border:1px solid #a8865c;border-radius:999px;padding:7px 13px;font-size:12px}.method-price small{color:#aaa197;font-size:11px}.method-receive{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:32px;margin-top:40px;display:grid}.method-receive ul{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.method-receive li{color:#ded6cb;background:#ffffff08;border:1px solid #2f2a24;border-radius:12px;flex-direction:column;align-items:flex-start;gap:12px;padding:16px 14px;font-size:11px;font-weight:600;line-height:1.35;transition:border-color .2s,background .2s;display:flex}.method-receive li:hover{background:#c4a77e14;border-color:#a8865c}.method-receive svg{fill:none;stroke:#c4a77e;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}@keyframes method-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=700px){.method-section{padding:70px 22px 76px}.method-tabs{scrollbar-width:thin;scrollbar-color:#cbbba5 transparent;gap:0;margin-inline:-22px;padding-inline:22px;display:flex;overflow-x:auto}.method-tab{flex:0 0 132px;grid-template-columns:25px minmax(0,1fr);gap:6px;padding-block:15px 17px}.method-tab b{font-size:11px}.method-tab i{right:8px}.method-panel{grid-template-columns:1fr;gap:25px;padding-block:28px 30px}.method-copy h3{font-size:34px}.method-deliverable{padding:0 0 0 16px}.method-deliverable>strong{font-size:23px}}.method-section{isolation:isolate;position:relative;overflow:hidden}.method-section:after{z-index:-1;aspect-ratio:1;filter:blur(2px)sepia(.2);opacity:.07;content:"";pointer-events:none;background:url(/logo-koru.png) 50%/contain no-repeat;width:590px;position:absolute;top:-230px;right:-220px}.method-tabs{position:relative}.method-tab{transition:color .26s,transform .32s cubic-bezier(.2,.8,.2,1)}.method-tab:hover{transform:translateY(-4px)}.method-tab[aria-selected=true]{transform:translateY(-7px)}.method-tab[aria-selected=true]>span{transform:scale(1.12);box-shadow:0 0 0 6px #c4a77e1a}.method-tab>span{transition:background .24s,color .24s,border-color .24s,transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}.method-tab[aria-selected=true] i:after{box-shadow:0 0 12px #c4a77e8c}.method-panels{perspective:1200px}.method-panel{transform-origin:50% 0;grid-template-columns:minmax(70px,.22fr) minmax(0,1.05fr) minmax(260px,.7fr);align-items:center;gap:clamp(24px,4vw,64px);position:relative}.method-index{color:#c4a77e40;font-family:var(--font-display);font-size-adjust:var(--display-adjust);font-size:clamp(92px,12vw,168px);font-weight:500;line-height:.75;transition:color .35s,transform .5s cubic-bezier(.2,.8,.2,1)}.method-panel:not([hidden]) .method-index{animation:.55s cubic-bezier(.2,.8,.2,1) both method-index-enter}.method-copy h3{transition:transform .35s}.method-panel:not([hidden]):hover .method-copy h3{transform:translate(5px)}.method-deliverable{transform-origin:50% 65%;flex-direction:column;justify-content:center;min-height:190px;transition:transform .45s cubic-bezier(.2,.8,.2,1),background .3s,box-shadow .4s;display:flex;position:relative;transform:rotate(-1.5deg)translateY(2px);box-shadow:0 12px 30px #0000001a}.method-deliverable:hover{background:linear-gradient(110deg,#ffffff1a,#ffffff0a);transform:rotate(0)translateY(-7px)scale(1.025);box-shadow:0 22px 48px #00000038}.method-deliverable:after{content:"";background:#c4a77e;border-radius:50%;width:7px;height:7px;position:absolute;top:13px;right:15px;box-shadow:0 0 0 4px #c4a77e1f}.method-section:after{animation:18s ease-in-out infinite alternate method-rings}@keyframes method-index-enter{0%{opacity:0;transform:translateY(18px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes method-rings{0%{transform:translate(0,0)rotate(-8deg)}to{transform:translate(-22px,18px)rotate(8deg)}}@media (width<=900px){.method-panel{grid-template-columns:78px minmax(0,1fr) minmax(230px,.8fr);gap:25px}.method-index{font-size:100px}.method-receive{grid-template-columns:1fr;gap:16px}.method-receive ul{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=600px){.method-receive ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.method-receive li{padding:13px 12px}}@media (width<=700px){.method-panel{grid-template-columns:58px minmax(0,1fr);gap:14px}.method-index{align-self:start;padding-top:2px;font-size:76px}.method-copy h3{font-size:31px}.method-deliverable{grid-column:2;min-height:150px;margin-top:6px;padding:17px}}@media (hover:none){.method-tab:hover,.method-panel:not([hidden]):hover .method-copy h3{transform:none}.method-deliverable:hover{transform:rotate(-1deg)}}@media (prefers-reduced-motion:reduce){.method-section:after{animation:none}.method-index{animation:none!important}.method-tab,.method-tab>span,.method-deliverable{transition:none;transform:none}}ol.method-panels{margin:0;padding:0;list-style:none}.method-detail{color:#bdb3a6;max-width:560px;margin:0 0 18px;font-size:15px;line-height:1.6}@media (width<=700px){.method-detail{font-size:14px}}
