@charset "UTF-8";:root{--ink:#1b1e18;--paper:#e9e7d7;--moss:#c8ce96;--line:#454b3b;--pad:clamp(20px,5vw,84px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;overflow-x:clip}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--moss);outline-offset:6px}::selection{background:var(--moss);color:var(--ink)}header{display:flex;align-items:center;justify-content:space-between;padding:22px var(--pad);gap:25px;border-bottom:1px solid var(--line)}.symbol{display:flex;align-items:center;text-decoration:none;gap:12px;font-size:25px;letter-spacing:-1px}.symbol img{width:43px;height:43px}.pause{background:none;color:#b3b8a4;border:1px solid var(--line);font-size:11px;padding:10px 13px;cursor:pointer;border-radius:30px}.pause span{display:none}nav{display:flex;gap:27px;font-size:11px}nav a{text-decoration:none;color:#b3b8a4}.micro{font-size:9px;line-height:1.8;letter-spacing:1.8px;text-transform:uppercase}.ribbon-hero{padding:28px var(--pad) 50px;position:relative;overflow:hidden}.hero-topline{display:flex;align-items:center;justify-content:space-between;gap:30px;font:9px/1.6 monospace;letter-spacing:1px;color:#a9af99}.ribbon-hero h1{font-size:clamp(68px,10vw,155px);font-weight:400;letter-spacing:-.075em;line-height:.96;margin:45px 0 0;position:relative;z-index:2;pointer-events:none}.ribbon-hero h1>span{display:block;font-size:.56em;line-height:1.08;letter-spacing:-.055em;margin-top:15px}.ribbon-hero h1 em{font-family:Georgia,serif;color:var(--moss);letter-spacing:-.05em}.ribbon-stage{position:relative;height:390px;margin-top:-90px;margin-left:19%;margin-right:-4%;--bend:0deg;transform:perspective(1000px) rotateY(var(--pointer,0deg)) rotateZ(var(--bend));transition:transform 1.3s cubic-bezier(.2,.7,.2,1);animation:ribbon-float 12s ease-in-out infinite;z-index:1;will-change:transform}.ribbon-stage svg{width:100%;height:100%;overflow:visible}.ribbon-line{fill:none;stroke:url(#metal);stroke-width:45;stroke-linecap:round;stroke-linejoin:round}.ribbon-back{opacity:.84}.ribbon-front{stroke-width:48}.ribbon-shadow{fill:none;stroke:#050704;stroke-width:45;stroke-linecap:round;opacity:.7;filter:blur(12px)}.ribbon-edge{fill:none;stroke:url(#edge);stroke-width:1.5;stroke-linecap:round}.ribbon-label{position:absolute;display:block;font:8px monospace;letter-spacing:1.3px;color:#adb69a;border:1px solid #687159;padding:8px 13px;background:#1b1e1899}.label-a{left:5%;top:48%}.label-b{left:55%;top:13%}.label-c{right:5%;bottom:5%}.ribbon-intro{display:flex;justify-content:space-between;align-items:end;gap:50px;position:relative;z-index:3;margin-top:-10px}.ribbon-intro>p{max-width:510px;font-size:15px;line-height:1.75;color:#aeb59f;margin:0}.ribbon-intro>div{min-width:310px}.bot{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;text-decoration:none;min-height:59px;padding:17px 23px;background:var(--paper);color:var(--ink);font-size:13px;transition:background .2s,transform .2s;border:1px solid var(--paper)}.bot>span:last-child{font-size:25px;line-height:1}.bot:hover{background:var(--moss);transform:translateY(-3px)}.ribbon-mode{display:block;background:none;border:0;color:#aeb59f;font-size:10px;padding:15px 0 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.river{border-top:1px solid var(--line);position:relative}.river-progress{position:sticky;top:30px;float:right;padding-right:var(--pad);margin-top:45px;font:9px monospace;color:#a9af99;z-index:3;pointer-events:none}.river-progress b{font-weight:400;color:var(--moss)}.river-progress i{display:block;margin-top:10px;height:80px;border-right:1px solid #626c51;width:100%}.river-chapter{display:grid;grid-template-columns:130px minmax(0,760px);justify-content:center;gap:45px;padding:70px var(--pad);border-bottom:1px solid var(--line)}.river-marker{display:flex;gap:20px;align-items:flex-start;padding-top:5px;font:italic 25px Georgia,serif;color:#77805f}.river-marker i{width:30px;height:30px;flex-shrink:0;border:1px solid #77805f;border-radius:50%;position:relative}.river-marker i:after{content:"";display:block;position:absolute;height:calc(100% + 140px);width:1px;background:#454f36;left:50%;top:40px;rotate:-10deg;transform-origin:top}.river-text h2{font-size:clamp(36px,3.8vw,59px);font-weight:400;line-height:1.04;letter-spacing:-2.2px;margin:0 0 30px}.river-text p{font-size:14px;line-height:1.85;color:#aeb59f;margin:0 0 23px;max-width:700px}.river-text .lead{font-size:21px;line-height:1.6;color:var(--paper);margin-bottom:28px}.river-chapter-1,.river-chapter-4{background:var(--paper);color:var(--ink);border-bottom-color:#b7bbaa}.river-chapter-1 .river-text p,.river-chapter-4 .river-text p{color:#666b59}.river-chapter-1 .river-text .lead,.river-chapter-4 .river-text .lead{color:var(--ink)}.river-chapter-2 .river-text{padding-left:5vw}.river-chapter-5 .river-text{padding-left:5vw}.ribbon-invitation{padding:60px var(--pad);background:var(--moss);color:var(--ink);display:grid;grid-template-columns:1fr 1.2fr;align-items:end;gap:20px 70px}.ribbon-invitation>.micro{grid-column:1/-1}.ribbon-invitation>p{font-size:clamp(45px,6vw,90px);line-height:1;letter-spacing:-4px;margin:10px 0 0}.ribbon-invitation>p em{font-family:Georgia,serif}.ribbon-invitation .bot{background:var(--ink);border-color:var(--ink);color:var(--paper);justify-self:end}.questions{padding:75px var(--pad);max-width:1100px;margin:auto}.questions h2{font:400 clamp(37px,4.5vw,65px)/1.05 Georgia,serif;letter-spacing:-2px;margin:25px 0 40px}.questions details{padding:23px 0;border-top:1px solid var(--line)}.questions details:last-child{border-bottom:1px solid var(--line)}summary{display:flex;justify-content:space-between;gap:30px;align-items:start;font-size:17px;line-height:1.45;list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}summary>span{font-size:25px;color:var(--moss)}details[open] summary>span{rotate:45deg}.questions details p{font-size:14px;line-height:1.8;color:#aeb59f;max-width:760px;padding-right:20px}.ribbon-end{padding:70px var(--pad) 85px;background:#303729;border-top:1px solid #515d43}.ribbon-end h2{font-size:clamp(60px,9vw,140px);line-height:.96;font-weight:400;letter-spacing:-.065em;margin:28px 0 40px}.ribbon-end h2 em{font-family:Georgia,serif;color:var(--moss)}.ribbon-end>p{font-size:11px;color:#aeb59f;margin-top:20px}footer{padding:25px var(--pad);display:flex;justify-content:space-between;gap:25px;font-size:10px;line-height:1.7;color:#aeb59f}footer p{margin:0;max-width:660px}footer>a{text-decoration:none;white-space:nowrap}.motion-paused *{animation-play-state:paused!important}.motion-paused .ribbon-stage{transition:none}@keyframes ribbon-float{50%{translate:0 -12px;rotate:2deg}}
@media(max-width:1000px){nav{gap:18px}.ribbon-hero h1{font-size:clamp(70px,11vw,130px)}.ribbon-stage{height:310px;margin-top:-40px;margin-left:12%}.ribbon-intro{gap:30px}.ribbon-intro>div{min-width:260px}.ribbon-intro>p{font-size:14px}.bot{font-size:12px;gap:25px}.river-chapter{grid-template-columns:75px 1fr;gap:25px}.river-text h2{font-size:41px}.river-text .lead{font-size:19px}.river-progress{display:none}.river-marker{gap:12px}.river-marker i{width:23px;height:23px}.ribbon-invitation{gap:20px 35px}.ribbon-invitation>p{font-size:60px;letter-spacing:-3px}}
@media(max-width:650px){header{padding:17px 20px;flex-wrap:wrap}.symbol{font-size:25px}.symbol img{width:40px;height:40px}.pause{margin-left:auto}nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;font-size:10px}.ribbon-hero{padding:25px 20px 35px}.hero-topline{font-size:8px;display:block}.hero-topline>span:last-child{display:none}.ribbon-hero h1{font-size:clamp(58px,15vw,90px);margin-top:30px;letter-spacing:-.07em}.ribbon-hero h1>span{font-size:.62em;line-height:1.1;margin-top:17px;letter-spacing:-.055em}.ribbon-stage{height:235px;margin:5px -35px 0;transform-origin:50% 50%}.ribbon-label{font-size:6px;letter-spacing:.8px;padding:6px 8px}.label-a{left:13%;top:53%}.label-b{left:59%;top:12%}.label-c{right:13%;bottom:5%}.ribbon-line{stroke-width:42}.ribbon-intro{display:block;margin-top:10px}.ribbon-intro>p{font-size:14px;line-height:1.75;margin-bottom:26px}.ribbon-intro>div{min-width:0}.bot{min-height:57px;font-size:13px;padding:16px 19px;gap:15px}.ribbon-intro .bot{width:100%}.ribbon-mode{font-size:10px;padding-top:19px}.river-chapter{display:block;padding:40px 20px}.river-marker{margin-bottom:25px;font-size:20px;align-items:center}.river-marker i{width:17px;height:17px}.river-marker i:after{display:none}.river-text h2{font-size:35px;letter-spacing:-1.5px;line-height:1.1;margin-bottom:25px}.river-text .lead{font-size:18px;line-height:1.6}.river-text p{font-size:14px;line-height:1.8}.river-chapter-2 .river-text,.river-chapter-5 .river-text{padding-left:0}.ribbon-invitation{display:block;padding:45px 20px}.ribbon-invitation>p{font-size:49px;letter-spacing:-2.5px;margin:20px 0 30px}.ribbon-invitation .bot{width:100%}.questions{padding:50px 20px}.questions h2{font-size:36px;letter-spacing:-1.5px}summary{font-size:16px}.ribbon-end{padding:50px 20px 60px}.ribbon-end h2{font-size:clamp(53px,13.5vw,85px)}.ribbon-end .bot{width:100%}footer{padding:25px 20px;font-size:9px}footer p{max-width:220px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:650px){.ribbon-hero{display:flex;flex-direction:column}.hero-topline{order:0}.ribbon-hero h1{order:1}.ribbon-intro{order:2;margin-top:28px}.ribbon-stage{order:3;flex-shrink:0;margin-top:20px}}
@media(max-width:360px){.river-text h2{font-size:29px;letter-spacing:-1.3px}}