@font-face{font-family:Fraunces;src:url('assets/fraunces.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f2ec;color:#172a29;font-family:Georgia,serif;font-size:18px;--vk-display:Fraunces,Georgia,serif;--vk-text:Georgia,serif}a{color:inherit}h1,h2,p{margin-top:0}h1,h2{font-family:Fraunces,Georgia,serif;font-weight:600;letter-spacing:-.045em;line-height:.98}h1{view-transition-name:vk-title;font-size:clamp(3rem,7vw,7.5rem)}h2{font-size:clamp(3rem,6vw,6.5rem)}p{line-height:1.5}.top{display:flex;justify-content:space-between;gap:1rem;padding:24px 3vw;background:#172a29;color:#f4f2ec}.top a{text-decoration:none}.hero{background:#172a29;color:#f4f2ec;min-height:85svh;padding:9vh 3vw 6vh;display:grid;grid-template-columns:3fr 1fr;gap:4vw;align-items:end}.hero p{max-width:35rem;font-size:1.2rem}.down{display:inline-block;margin-top:2rem;color:#83d1c8}.hero-side{border-left:2px solid #2c8a8a;padding-left:2rem;display:grid;gap:5rem;font-size:1.3rem}.hero-side span{font:3rem/.95 Fraunces,serif}.scene{height:240vh}.stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#172a29}.log,.paper{position:absolute;inset:0;padding:5vh 8vw}.log{color:#dce5df}.label{color:#8ecbc5}pre{font:clamp(14px,1.5vw,21px)/1.8 monospace;white-space:pre-wrap;opacity:.8}pre b{color:#a8e4db}.paper{background:#f4f2ec;color:#172a29;opacity:0;transform:translateY(12%)}.mast{border-top:5px solid;border-bottom:2px solid;display:flex;justify-content:space-between;align-items:baseline;padding:1vh 0;font:clamp(2rem,5vw,5rem) Fraunces,serif}.mast span{font:16px Georgia,serif}.paper h2{font-size:clamp(3.5rem,8vw,8rem);margin:3vh 0 1vh}.deck{font-size:clamp(1.1rem,2vw,1.7rem)}.columns{columns:2;column-gap:4rem;max-width:75rem}.initial{float:left;font:5rem/.75 Fraunces,serif;padding:.12em .12em 0 0}.migrate{position:absolute;left:8vw;top:35%;color:#91dbd1;font:clamp(1.3rem,3vw,3rem)/1.5 Fraunces,serif;opacity:0;pointer-events:none}.readers,.editor{padding:15vh 6vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.readers>div>p,.editor>div>p{max-width:35rem}.reader-content{align-self:center}.tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:3rem}button{font:inherit;border:0;padding:14px 18px;background:#d9e5df;color:#172a29;cursor:pointer;min-height:44px}button[aria-pressed=true]{background:#185c5c;color:white}button:focus-visible,a:focus-visible{outline:3px solid #2c8a8a;outline-offset:4px}#variant{font:clamp(1.7rem,3vw,3rem)/1.2 Fraunces,serif}.reader-content span{font-size:16px}.editor{background:#d9e5df}.marks p{border-top:2px solid #172a29;padding:1.3rem 0;font-size:1.2rem}.marks strong{display:block;color:#185c5c;font:2rem Fraunces,serif}.close{padding:14vh 6vw 8vh}.close h2{margin-bottom:0}@media(max-width:700px){.top span{display:none}.hero{grid-template-columns:1fr;min-height:90svh}.hero-side{display:none}.hero h1{font-size:clamp(2.7rem,11vw,4rem)}.scene{height:210vh}.log,.paper{padding:7vh 6vw}.mast span{font-size:12px}.paper h2{font-size:3.5rem}.columns{columns:1;font-size:16px}.columns p{margin-bottom:.7rem}.readers,.editor{grid-template-columns:1fr;gap:3rem;padding:10vh 6vw}.migrate{left:6vw;right:6vw}pre{font-size:13px}.close{padding:10vh 6vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene{height:auto}.stage{position:relative;height:auto;overflow:visible}.log,.paper{position:relative;inset:auto;opacity:1!important;transform:none!important;min-height:70svh}.migrate{display:none}}html:not(.vk-js) .scene{height:auto}html:not(.vk-js) .stage{position:relative;height:auto}html:not(.vk-js) .log,html:not(.vk-js) .paper{position:relative;opacity:1;transform:none;min-height:70svh}
.flight{position:absolute;inset:0;pointer-events:none;overflow:hidden}.flying-word{position:absolute;left:0;top:0;white-space:nowrap;color:var(--fw-ink,#fff);will-change:transform}.review{padding:14vh 6vw;background:#f4f2ec}.review>p{max-width:38rem;font-size:1.2rem}.covers{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2vw;align-items:start;margin-top:4rem}.covers figure{margin:0}.covers img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}.covers figcaption{font:1.3rem/1.15 Fraunces,serif;margin-top:1rem}.marks p:nth-child(2){text-decoration:line-through;text-decoration-color:#2c8a8a;text-decoration-thickness:2px}.marks p:nth-child(3){transform:rotate(-1deg)}@media(max-width:700px){.covers{grid-template-columns:1fr 1fr;gap:2rem 1rem}.covers figure:first-child{grid-column:1/-1}.covers figcaption{font-size:1rem}.flight{font-size:16px}}@media(prefers-reduced-motion:reduce){.flight{display:none}}
.paper{transform:none}
.columns p:first-child .target-word:first-child{display:inline-block}.columns p:first-child .target-word:first-child::first-letter{font-size:2.5em;line-height:.8}

.night,.bridge,.threshold{padding:12vh 6vw;display:grid;grid-template-columns:1fr 1fr;gap:4vw 10vw;align-items:start}.night{background:#172a29;color:#f4f2ec}.night blockquote{margin:0;font:clamp(2rem,4vw,4rem)/1.1 Fraunces,serif;color:#83d1c8}.night>p{grid-column:2;max-width:35rem}.bridge p,.threshold p,.night p{max-width:38rem}.threshold{background:#172a29;color:#f4f2ec}.top a,.down{min-height:44px;display:inline-flex;align-items:center}@media(max-width:700px){.night,.bridge,.threshold{grid-template-columns:1fr;gap:2rem;padding:10vh 6vw}.night>p{grid-column:auto}}
.scene{height:360vh}.stage{background:#101a19}.log{padding:0;overflow:hidden}.log h1{position:absolute;z-index:2;top:6vh;left:3vw;right:3vw;color:#f4f2ec;font-size:clamp(3rem,6vw,7rem);text-shadow:0 2px 18px #101a19}.log .label{position:absolute;z-index:2;top:20vh;left:3vw;font-size:16px;background:#101a19}.log pre{position:absolute;inset:0;margin:0;white-space:pre;font:11px/1.2 monospace;opacity:.65;column-count:3;column-gap:2rem;overflow:hidden}.seeds{position:absolute;inset:32% 3% auto;display:flex;justify-content:space-between;gap:1rem;font:13px monospace;color:#a8e4db}.paper{padding:3vh 3vw}.mast{font-size:clamp(3rem,7vw,7rem);line-height:1}.paper h2{font-size:clamp(4rem,9vw,10rem);margin:2vh 0 1vh}.deck{margin-bottom:2vh}.columns{columns:3;max-width:none;column-gap:3vw;font-size:clamp(16px,1.25vw,20px);line-height:1.35}.columns p{break-inside:avoid}.paper .tabs{margin:1vh 0 0}.paper button{padding:8px 14px}.annotations{position:absolute;inset:0;pointer-events:none;opacity:0;color:#b24234;font:italic 1.5rem Georgia,serif;transition:opacity .3s}.annotations span{position:absolute;transform:rotate(-8deg)}.annotations span:nth-child(1){right:4%;top:45%}.annotations span:nth-child(2){left:32%;bottom:15%}.annotations span:nth-child(3){right:7%;bottom:8%}.paper.edited .annotations{opacity:1}.paper.edited .columns p:nth-child(2){text-decoration:line-through;text-decoration-color:#b24234;text-decoration-thickness:2px}@media(max-width:700px){.scene{height:350vh}.log h1{top:5vh;left:5vw;font-size:11vw}.log .label{top:19vh;left:5vw}.log pre{column-count:1;font-size:9px}.seeds{top:28%;display:grid;gap:2rem}.paper{padding:3vh 5vw}.mast{font-size:2.8rem}.mast span{font-size:13px}.paper h2{font-size:3.3rem;margin:2vh 0}.deck{font-size:1rem}.columns{columns:1;font-size:14px;line-height:1.22}.columns p{margin:0 0 .5rem}.initial{font-size:3.2rem}.paper .tabs{gap:2px}.paper button{font-size:13px;padding:8px;min-height:40px}.annotations{font-size:1rem}.annotations span:nth-child(1){top:39%}.annotations span:nth-child(2){bottom:20%}.flight{overflow:hidden}}@media(prefers-reduced-motion:reduce){.log{min-height:100svh}.paper{min-height:100svh}.annotations{opacity:1}}
.paper #variant{font:inherit;line-height:inherit}.scene{height:540vh}@media(max-width:700px){.scene{height:540vh}.paper #variant{font:inherit}.annotations span:nth-child(2){left:45%;bottom:12%}}
.scene{height:575vh}@media(max-width:700px){.scene{height:575vh}}
@media(min-width:701px){.columns{font-size:clamp(20px,1.55vw,24px);line-height:1.42}.paper .tabs{margin-top:3vh}}
@media(max-width:700px){.annotations span:nth-child(1){top:auto;bottom:9%;right:5%}.annotations span:nth-child(2){left:5%;bottom:6%}.annotations span:nth-child(3){bottom:3%}.paper.edited .columns p:nth-child(2){text-decoration-thickness:1px}}

.print-image{float:right;width:27%;height:clamp(100px,18vh,190px);margin:0 0 1rem 2rem;overflow:hidden;background:#172a29}.print-image img{display:block;width:100%;height:100%;object-fit:cover}.paper[data-reader="tecnico"] .columns{columns:2}.paper[data-reader="manager"] .columns{columns:2;column-gap:8vw}.paper[data-reader="manager"] .print-image{float:left;margin:0 2rem 1rem 0}.paper[data-reader="tecnico"] .print-image{width:35%}@media(max-width:700px){.print-image{width:31%;height:75px;margin:0 0 .5rem .7rem}.paper[data-reader] .columns{columns:1}.paper[data-reader="manager"] .print-image{margin:0 .7rem .5rem 0}.paper button{min-height:44px}}@media(prefers-reduced-motion:reduce){.mast,.print-image img{transform:none!important}}
@media(max-width:700px){.annotations span:nth-child(1){bottom:3%;right:5%}.annotations span:nth-child(2){bottom:3%;left:5%}.annotations span:nth-child(3){display:none}.print-image{width:28%;height:68px}}
