:root{--ink:#17221d;--cream:#f6f0df;--orange:#ff633c;--blue:#1455b7;--lime:#d9ff57}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.personal-nav{position:fixed;z-index:30;top:16px;left:50%;width:min(92%,1280px);transform:translateX(-50%);display:flex;justify-content:space-between;align-items:center;gap:16px;pointer-events:none}.personal-nav a{pointer-events:auto}.brand,.back{border:1px solid #ffffff99;background:#ffffffc9;box-shadow:0 12px 36px #17221d18;backdrop-filter:blur(18px);border-radius:999px}.brand{display:flex;align-items:center;gap:12px;padding:10px 18px}.brand strong{font-size:21px;letter-spacing:-.04em}.brand strong span{color:#1455b7}.brand small{font-size:9px;font-weight:800}.back{padding:14px 20px;font-size:13px;font-weight:900;transition:.2s}.back:hover{transform:translateY(-2px);background:var(--ink);color:#fff}.hero{min-height:100vh;padding:15vh 7vw 8vh;position:relative;overflow:hidden;display:grid;grid-template-columns:54% 46%;align-items:center}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#17221d22 1px,transparent 1px);background-size:18px 18px;opacity:.35}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.18em;margin:0 0 22px}h1,h2,h3{margin:0;line-height:.88;letter-spacing:-.055em;font-weight:950}h1{font-size:clamp(60px,8.5vw,140px)}h1 span{color:var(--orange);-webkit-text-stroke:2px var(--ink);text-shadow:5px 5px 0 var(--ink)}.intro{max-width:570px;font-family:Georgia,serif;font-size:clamp(18px,2vw,26px);line-height:1.45;margin:32px 0}.cta{display:inline-flex;gap:28px;align-items:center;padding:16px 24px;background:var(--lime);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);font-weight:900;transform:rotate(-1deg)}.playground{height:520px;position:relative;z-index:1}.sun{position:absolute;width:420px;height:420px;background:#ffcf3f;border:2px solid var(--ink);border-radius:50%;right:7vw;top:17vh}.blackboard{position:absolute;margin:0;width:min(390px,85%);height:240px;right:7%;top:125px;border:12px solid #c78149;outline:2px solid var(--ink);box-shadow:12px 14px 0 #17221d30;transform:rotate(2deg);overflow:hidden}.blackboard:after{content:"";position:absolute;width:110%;height:13px;background:#b9753d;border:2px solid var(--ink);left:-5%;bottom:-25px}.blackboard img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 42%}.cloud{position:absolute;background:white;border:2px solid var(--ink);border-radius:50%;padding:20px 28px;font-weight:900;z-index:2;box-shadow:4px 4px 0 var(--ink)}.cloud-one{top:30px;right:55px;transform:rotate(5deg)}.cloud-two{top:320px;left:10px;transform:rotate(-7deg);background:#bd8cff}.pencil{position:absolute;font-size:100px;color:var(--orange);right:0;bottom:20px;transform:rotate(-30deg)}.ball{position:absolute;bottom:0;left:40px;width:80px;height:80px;background:#ff725e;border:3px solid var(--ink);border-radius:50%;font-size:50px;display:grid;place-items:center}.ground-line{position:absolute;bottom:0;left:-10%;width:120%;border-bottom:3px solid var(--ink)}.credentials{display:grid;grid-template-columns:repeat(5,1fr);border-block:2px solid var(--ink);background:var(--lime)}.credentials>div{min-height:128px;padding:25px;border-right:2px solid var(--ink);display:flex;align-items:center;gap:15px}.credentials>div:last-child{border-right:0}.credentials strong{font-size:30px}.credentials span{font-size:11px;font-weight:900;line-height:1.4;text-transform:uppercase}.journey{padding:110px 6vw 130px;background:#fffaf0;border-top:2px solid var(--ink)}.section-title{display:grid;grid-template-columns:1fr 2fr 1fr;gap:35px;align-items:end}.section-title h2,.manifesto h2{font-size:clamp(48px,6vw,92px)}.section-title>p:last-child{font-family:Georgia,serif;font-size:18px}.route{max-width:1250px;margin:85px auto 55px;display:flex;justify-content:space-between;position:relative}.route:before{content:"";position:absolute;height:4px;left:5%;right:5%;top:52px;background:var(--ink)}.route-stop{width:19%;border:0;background:transparent;padding:0;cursor:pointer;position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--ink)}.stop-number{font-size:11px;font-weight:900}.stop-dot{width:48px;height:48px;display:grid;place-items:center;border:3px solid var(--ink);border-radius:50%;background:#fffaf0;z-index:1;transition:.2s}.route-stop.active .stop-dot,.route-stop:hover .stop-dot{background:var(--stop-color);transform:scale(1.18) rotate(8deg);box-shadow:4px 4px 0 var(--ink)}.stop-label{font-size:11px;max-width:130px;font-weight:900;text-transform:uppercase;line-height:1.2}.chapter-card{min-height:380px;max-width:1150px;margin:auto;border:3px solid var(--ink);box-shadow:12px 12px 0 var(--ink);background:var(--chapter-color);padding:55px;display:grid;grid-template-columns:150px 1fr 190px;position:relative;overflow:hidden;transition:background .25s}.card-index{font-size:100px;line-height:1;font-weight:950;opacity:.3}.card-place{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.14em}.card-copy h3{font-size:clamp(40px,5vw,72px);max-width:700px}.card-copy h4{font-family:Georgia,serif;font-size:22px;margin:20px 0 10px}.card-body{max-width:670px;font-size:17px;line-height:1.55}.stamp{align-self:center;justify-self:center;width:150px;height:150px;border:4px double var(--ink);border-radius:50%;display:grid;place-items:center;font-weight:950;transform:rotate(12deg);text-align:center}.etiquetia{background:var(--blue);color:white;padding:0 6vw 110px;overflow:hidden}.tape{background:var(--lime);color:var(--ink);border-block:2px solid var(--ink);padding:13px;font-weight:950;letter-spacing:.18em;white-space:nowrap;margin:0 -10vw 100px;transform:rotate(-2deg);text-align:center;word-spacing:40px}.etiq-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;max-width:1250px;margin:auto;align-items:center}.light{color:var(--lime)}.etiq-copy h2{font-size:clamp(76px,10vw,150px)}.etiq-copy h2 span{color:var(--lime)}.big-copy{font-family:Georgia,serif;font-size:clamp(24px,3vw,38px);line-height:1.2}.etiq-copy>p:last-of-type{max-width:620px;line-height:1.6}.etiq-link{display:inline-flex;gap:40px;padding:15px 20px;background:white;color:var(--ink);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--lime);margin-top:25px;font-weight:900}.etiquetia-visual{margin:0;background:white;border:3px solid var(--ink);box-shadow:15px 15px 0 var(--orange);transform:rotate(2deg);overflow:hidden}.etiquetia-visual img{width:100%;height:auto;display:block}.manifesto{padding:130px 8vw;display:grid;grid-template-columns:380px 1fr;gap:9vw;align-items:center;background:#ffcf3f;border-block:2px solid var(--ink)}.manifesto>div>p:last-child{font-family:Georgia,serif;font-size:22px;line-height:1.5;max-width:720px}.sticky{width:340px;min-height:290px;border:2px solid var(--ink);background:#ffef78;box-shadow:12px 12px 0 #ff633c;padding:45px;transform:rotate(-4deg);cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:25px;transition:.25s;position:relative}.sticky.open{transform:rotate(2deg) scale(1.04);background:var(--lime)}.sticky .pin{position:absolute;top:12px;left:50%;color:#ff633c}.sticky small{font-weight:900;letter-spacing:.13em}.sticky strong{font-family:Georgia,serif;font-size:27px;line-height:1.25}.sticky em{font-style:normal;font-size:12px;font-weight:900}footer{background:var(--ink);color:white;padding:100px 7vw 45px;min-height:560px;display:grid;grid-template-columns:1fr auto;align-items:start;position:relative}footer h2{font-size:clamp(66px,9vw,135px)}footer h2 span{color:var(--lime)}footer>a{align-self:center;border-bottom:2px solid var(--lime);padding-bottom:8px;font-weight:900;font-size:18px}.footer-note{position:absolute;bottom:35px;right:7vw;font-family:Georgia,serif;text-align:right;line-height:1.4}@media(max-width:900px){.hero{grid-template-columns:1fr;padding:140px 6vw 50px}.playground{height:440px}.sun{width:340px;height:340px;top:auto;bottom:80px;right:-70px}.credentials{grid-template-columns:repeat(2,1fr)}.credentials>div{border-bottom:2px solid var(--ink)}.section-title{grid-template-columns:1fr}.route{overflow-x:auto;justify-content:flex-start;gap:18px;padding:10px 10px 25px}.route:before{display:none}.route-stop{min-width:120px}.chapter-card{grid-template-columns:1fr;padding:35px}.card-index{font-size:60px}.stamp{position:absolute;right:-30px;top:15px;width:110px;height:110px}.etiq-grid,.manifesto{grid-template-columns:1fr}.sticky{width:min(340px,90vw)}footer{grid-template-columns:1fr;gap:60px}.footer-note{position:static;text-align:left}}@media(max-width:560px){.personal-nav{top:10px}.brand small{display:none}.back{padding:12px 14px}.hero{padding-top:120px}.intro{font-size:19px}.playground{height:390px}.blackboard{top:100px;right:0;height:210px}.journey{padding:80px 18px}.chapter-card{box-shadow:7px 7px 0 var(--ink)}.etiquetia{padding:0 20px 80px}.tape{margin-bottom:70px}.etiquetia-visual{margin-top:70px;box-shadow:9px 9px 0 var(--orange)}.manifesto{padding:90px 20px}footer{padding:80px 20px 35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.route-stop,.sticky,.back{transition:none}}