@font-face{font-family:Portfolio;src:url('./assets/InstrumentSans-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Portfolio;src:url('./assets/InstrumentSans-Medium.ttf') format('truetype');font-weight:500 700;font-display:swap}
:root{font-family:Portfolio,Arial,sans-serif;color:#22231f;background:#f2f1eb;--pad:clamp(24px,5vw,84px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}body{margin:0}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer}a,button,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #333;outline-offset:6px}::selection{background:#292b25;color:#f2f1eb}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:fixed;top:-100px;z-index:10;padding:15px;background:#fff}.skip:focus{top:10px}.story-header{position:absolute;top:0;left:0;right:0;height:100px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;z-index:3}.wordmark{font-size:35px;letter-spacing:-2px;font-weight:600}.wordmark span{color:#9b9b92}.concept-label{font-size:11px;letter-spacing:.02em;color:#74756e}.quiet-link{font-size:12px}.quiet-link span{margin-left:25px}.story-scroll{height:340svh}.story-stage{position:sticky;top:0;height:100svh;min-height:690px;overflow:hidden;isolation:isolate}.story-stage:after{content:'';position:absolute;pointer-events:none;inset:0;opacity:.12;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.17' filter='url(%23n)'/%3E%3C/svg%3E")}
#thought-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1;touch-action:pan-y}.story-copy{position:absolute;left:var(--pad);top:20%;width:43%;max-width:660px;pointer-events:none}.eyebrow{font-size:11px;letter-spacing:.025em;display:flex;align-items:center;gap:25px;margin-bottom:29px}.act-number{color:#95968d}.story-copy h1{font-size:clamp(66px,7.7vw,130px);font-weight:500;letter-spacing:-.072em;line-height:.92}.story-copy h1 span{color:#8b8d83}.story-description{font-size:15px;line-height:1.65;max-width:295px;margin-top:27px;color:#64665d}.story-copy.is-changing{animation:copy-arrive .65s var(--ease)}@keyframes copy-arrive{from{opacity:.15;transform:translateY(15px)}to{opacity:1;transform:none}}
.object-caption{position:absolute;right:var(--pad);top:71%;display:flex;gap:15px;align-items:center;max-width:210px;font-size:10px;line-height:1.5;color:#7a7d72}.object-cross{font-size:24px;font-weight:400}.story-controls{position:absolute;bottom:39px;left:var(--pad);right:var(--pad)}.control-heading{display:flex;align-items:center;gap:25px;font-size:11px;margin-bottom:10px}.control-heading label{font-size:14px}.control-heading label span{margin-left:10px}.control-heading>span{color:#85867e}.control-heading output{margin-left:auto;font-size:11px;color:#85867e;font-variant-numeric:tabular-nums}.story-controls input{display:block;appearance:none;width:100%;height:26px;background:transparent;cursor:ew-resize;margin:0;accent-color:#222;touch-action:pan-y}.story-controls input::-webkit-slider-runnable-track{height:1px;background:linear-gradient(to right,#262923 var(--progress,0%),#c8cbc0 var(--progress,0%))}.story-controls input::-webkit-slider-thumb{appearance:none;width:27px;height:27px;margin-top:-13px;border:8px solid #f2f1eb;outline:1px solid #3a3d33;border-radius:50%;background:#292b25;box-shadow:0 0 0 6px #f2f1eb88}.story-controls input::-moz-range-track{height:1px;background:#c8cbc0}.story-controls input::-moz-range-progress{height:1px;background:#262923}.story-controls input::-moz-range-thumb{width:12px;height:12px;border:7px solid #f2f1eb;outline:1px solid #3a3d33;border-radius:50%;background:#292b25}.story-chapters{display:flex;justify-content:space-between;margin-top:12px}.story-chapters button{border:0;padding:8px 0;background:none;font-size:12px;color:#93968b;transition:color .3s}.story-chapters button span{font-size:9px;margin-right:12px}.story-chapters button[aria-current=step]{color:#22231f}.story-chapters button:hover{color:#22231f}.story-reward{position:absolute;left:var(--pad);bottom:175px;display:flex;align-items:center;gap:17px;animation:copy-arrive .6s var(--ease)}.story-reward button{background:#252721;color:#f2f1eb;padding:13px 18px;border:0;border-radius:100px;font-size:12px;transition:transform .3s var(--ease)}.story-reward button:hover{transform:translateY(-3px)}.story-reward button span{margin-left:24px}.story-reward>span{font-size:10px;color:#777b6e}.story-stage[data-act="3"] .story-copy{top:15%}
.person-section{position:relative;background:#23251f;color:#f2f1eb;padding:120px var(--pad);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;border-radius:60px 60px 0 0;isolation:isolate}.person-copy h2{font-size:clamp(44px,5.4vw,85px);font-weight:500;line-height:1.02;letter-spacing:-.055em;margin-bottom:30px}.person-copy>p:not(.eyebrow){font-size:15px;line-height:1.75;color:#b3b7a9;max-width:440px;margin-bottom:15px}.person-copy .eyebrow{color:#b3b7a9}.person-section figure{transform:rotate(3deg);margin:40px 0}.person-section img{width:100%;height:auto;display:block}.person-section figcaption{font-size:10px;margin-top:15px;color:#b3b7a9}.underline-link{display:inline-flex;gap:40px;font-size:12px;border-bottom:1px solid #7a7f6f;padding-bottom:10px;margin-top:18px}.direction-section{background:#23251f;color:#f2f1eb;padding:50px var(--pad) 100px}.direction-intro{max-width:880px}.direction-intro .eyebrow{color:#a6ad99}.direction-intro h2{font-size:clamp(42px,6vw,90px);font-weight:500;line-height:1.04;letter-spacing:-.06em}.direction-intro>p:last-child{font-size:18px;line-height:1.7;max-width:530px;color:#b3b7a9;margin-top:25px}.direction-acts{list-style:none;padding:0;margin:70px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.direction-acts li{border-top:1px solid #505548;padding-top:20px}.direction-number{font-size:11px;color:#a6ad99}.direction-acts h3{font-size:24px;letter-spacing:-.035em;font-weight:500;margin:35px 0 17px}.direction-acts p{font-size:14px;line-height:1.75;color:#b3b7a9;max-width:340px}.direction-status{display:block;color:#868e79;font-size:9px;letter-spacing:.04em;line-height:1.6;margin-top:25px}.reference-note{display:flex;flex-wrap:wrap;gap:20px;align-items:center;font-size:11px;color:#a6ad99}.reference-note p{width:100%}.reference-note a{border-bottom:1px solid #747b67;padding-bottom:5px}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px;background:#23251f;color:#a6ad99;font-size:10px;padding:35px var(--pad);border-top:1px solid #505548}
@media(min-width:701px) and (max-height:760px){.story-stage{min-height:610px}.story-copy{top:18%}.story-copy h1{font-size:7vw}.story-copy .eyebrow{margin-bottom:18px}.story-description{font-size:13px;margin-top:18px}.object-caption{top:67%}.story-controls{bottom:22px}.story-reward{bottom:152px}.story-stage[data-act="3"] .story-description{max-width:310px}}
@media(max-width:700px){.story-header{height:78px}.concept-label{display:none}.wordmark{font-size:30px}.quiet-link{font-size:11px}.story-scroll{height:310svh}.story-stage{min-height:730px}.story-copy{top:115px;width:calc(100% - 48px);max-width:none}.story-copy h1{font-size:64px;line-height:.93}.story-copy h1 br{display:none}.story-copy h1 br:after{content:' '}.story-copy h1 span{display:block}.story-copy .eyebrow{font-size:10px;margin-bottom:22px}.story-description{font-size:12px;line-height:1.6;max-width:240px;margin-top:18px}.object-caption{top:auto;bottom:157px;right:24px;max-width:155px;font-size:9px}.object-cross{display:none}.story-controls{bottom:21px}.control-heading{gap:10px}.control-heading label{font-size:12px}.control-heading>span{max-width:150px;font-size:9px}.story-chapters button{font-size:11px}.story-chapters button span{font-size:8px;margin-right:5px}.story-reward{bottom:160px;gap:10px}.story-reward button{font-size:11px;padding:12px 15px}.story-reward>span{display:none}.story-stage[data-act="3"] .story-copy{top:115px}.story-stage[data-act="3"] .object-caption{display:none}.person-section{padding:80px 24px 50px;display:flex;flex-direction:column;gap:30px;border-radius:30px 30px 0 0}.person-copy h2{font-size:48px}.person-copy>p:not(.eyebrow){font-size:14px}.person-section figure{margin:25px 10px 0}.direction-section{padding:50px 24px 65px}.direction-intro h2{font-size:43px}.direction-intro>p:last-child{font-size:16px}.direction-acts{grid-template-columns:1fr;margin:45px 0;gap:32px}.direction-acts h3{margin-top:18px}.direction-acts p{max-width:none}.direction-status{margin-top:15px}footer{font-size:9px;padding:25px 24px}}
.story-copy h1 .title-line{color:inherit;display:inline}.story-copy h1 .last-line{color:#8b8d83}.object-caption{top:76%}
@media(max-width:700px){.story-stage{min-height:820px}.story-copy h1{font-size:56px}.story-copy h1 .title-line{display:inline}.story-copy h1 .last-line{display:block}.object-caption{top:auto}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.story-scroll{height:auto}.story-stage{position:relative;min-height:820px}.story-controls .control-heading>span{font-size:0}.story-controls .control-heading>span:after{content:'Use the line or the chapter buttons';font-size:10px}}