.unravel{margin:40px 0 0;padding:80px 8% 70px 6.1%;background:var(--ink);color:var(--ivory);display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;position:relative;overflow:clip;isolation:isolate;min-height:610px}.unravel:after{content:'';position:absolute;width:440px;height:440px;border:1px solid #f5f3ed09;border-radius:50%;right:-190px;bottom:-270px;pointer-events:none}.unravel-copy{position:relative;z-index:2}.unravel h2{font-size:clamp(57px,6.5vw,96px);line-height:1.04;letter-spacing:-.065em}.unravel h2 em{color:var(--lime);letter-spacing:-.06em}.unravel-copy>p{font-size:13px;line-height:1.9;color:#b4b6c1;margin-top:28px;max-width:330px}.thread-scene{position:relative;height:440px;min-width:0}.thread-chaos{position:absolute;inset:0;z-index:2;transition:opacity .5s,transform 1.1s var(--ease)}.thread-fragment{position:absolute;white-space:nowrap;font-family:Georgia,serif;font-style:italic;font-size:clamp(19px,2vw,29px);line-height:1.1;color:#e5e5df;transition:transform 1.5s var(--ease),opacity .6s;transform:rotate(var(--angle))}.fragment-one{left:2%;top:20px;--angle:-12deg;color:#aaaeba}.fragment-two{right:0;top:100px;--angle:12deg;font-size:22px}.fragment-three{left:13%;top:197px;--angle:-7deg;color:var(--lime);font-size:clamp(27px,3vw,44px)}.fragment-four{right:2%;bottom:95px;--angle:10deg;color:#9fa4b4}.fragment-five{left:0;bottom:28px;--angle:-9deg;font-size:22px}.thread-drawing{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.knot-thread{fill:none;stroke:var(--lime);stroke-width:1.5;stroke-linecap:round;opacity:.55;d:path('M35 45 C475 5 460 325 200 325 C-30 325 80 25 340 145 C590 260 195 440 175 190 C165 10 445 120 465 380');transition:d 1.7s cubic-bezier(.5,0,.15,1),opacity .8s,stroke-width .8s}.thread-order{position:absolute;inset:48px 0 0 82px;opacity:0;transform:translateY(25px);transition:opacity .75s .6s,transform 1s var(--ease) .5s;pointer-events:none}.thread-order>span{display:block;font-family:'Manrope',sans-serif;font-size:clamp(25px,3.2vw,46px);font-weight:500;letter-spacing:-.055em;line-height:1.55}.thread-order>span:nth-child(2){color:var(--lime);font-family:Georgia,serif;font-style:italic;font-size:clamp(30px,3.7vw,54px)}.thread-order p{font-size:11px;line-height:1.8;color:#b4b6c1;margin-top:28px}.thread-caption{position:absolute;bottom:-26px;left:0;width:100%;text-align:center;font-size:10px;color:#7e8399;transition:opacity .5s}.unravel.is-clear .thread-chaos{opacity:0;transform:scale(.7);pointer-events:none}.unravel.is-clear .fragment-one{transform:translate(130px,110px) rotate(0)}.unravel.is-clear .fragment-two{transform:translate(-100px,80px) rotate(0)}.unravel.is-clear .fragment-three{transform:translate(40px,-20px) rotate(0)}.unravel.is-clear .fragment-four{transform:translate(-100px,-100px) rotate(0)}.unravel.is-clear .fragment-five{transform:translate(100px,-160px) rotate(0)}.unravel.is-clear .knot-thread{d:path('M35 45 C35 65 35 100 35 130 C35 160 35 190 35 215 C35 245 35 275 35 300 C35 335 35 360 60 380');opacity:1;stroke-width:2}.unravel.is-clear .thread-order{opacity:1;transform:translateY(0);pointer-events:auto}.unravel.is-clear .thread-caption{opacity:0}.sr-only{position:absolute!important;top:0;left:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){.unravel{padding-left:max(6.1%,calc((100vw - 1450px)/2));padding-right:max(8%,calc((100vw - 1400px)/2))}}
@media(max-width:1100px){.unravel{gap:5%;padding-top:70px;padding-bottom:70px;min-height:570px}.thread-scene{height:400px}.fragment-two,.fragment-five{font-size:19px}.thread-order{left:65px}}
@media(max-width:800px){.unravel{padding:65px 6% 60px;gap:7%;min-height:510px}.unravel h2{font-size:54px}.unravel-copy>p{font-size:11px}.unravel-copy>p br{display:none}.thread-scene{height:365px}.thread-fragment{font-size:18px}.fragment-two,.fragment-five{font-size:16px}.fragment-three{font-size:26px;left:0;top:167px}.fragment-one{top:20px}.fragment-two{top:100px}.fragment-four{bottom:75px}.fragment-five{bottom:15px}.thread-order{left:45px;top:56px}.thread-order>span{font-size:26px}.thread-order>span:nth-child(2){font-size:31px}.thread-caption{font-size:8px;bottom:-15px}}
@media(max-width:540px){.unravel{margin-top:25px;padding:48px 7% 55px;grid-template-columns:1fr;gap:32px;min-height:0}.unravel h2{font-size:15vw;line-height:1.05}.unravel-copy>p{font-size:12px;margin-top:23px;max-width:300px}.thread-scene{height:355px;margin-top:5px;max-width:380px;width:100%;justify-self:center}.thread-fragment{font-size:20px}.fragment-one{left:3%;top:15px}.fragment-two{top:85px;font-size:18px}.fragment-three{top:162px;left:6%;font-size:30px}.fragment-four{bottom:80px;right:3%}.fragment-five{font-size:18px;left:2%;bottom:15px}.thread-order{inset:30px 0 0 62px}.thread-order>span{font-size:33px}.thread-order>span:nth-child(2){font-size:39px}.thread-order p{font-size:11px;margin-top:23px}.thread-caption{font-size:9px;bottom:-18px}}
@media(prefers-reduced-motion:reduce){.unravel *{transition:none!important}}