:root{--i:#171719;--p:#f8f0e2;--r:#ff6b57;--b:#4d63df;--y:#ffdc3e;--g:#c9ee9a;--m:'DM Mono',monospace;--s:'Space Grotesk',sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--p);color:var(--i);font-family:var(--s)}
a{color:inherit}
.nav{height:72px;padding:0 5vw;border-bottom:2px solid var(--i);display:flex;align-items:center;justify-content:space-between}
.logo{font-size:21px;font-weight:700;text-decoration:none;letter-spacing:-1px}
.logo span{color:var(--r)}
nav{display:flex;gap:24px}
.toplink,nav a{font:12px var(--m)}
.mono{font:11px var(--m);letter-spacing:.04em;margin:0}
.hero{min-height:670px;background:var(--g);padding:8vw 9vw 6vw;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;position:relative;overflow:hidden}
.intro h1{font-size:clamp(76px,11vw,164px);line-height:.77;letter-spacing:-.09em;margin:29px 0}
.intro em,h2 em{font-family:Georgia,serif;font-weight:400}
.quote{font-size:18px;line-height:1.25;margin:0 0 27px}
.identity{font:12px var(--m);margin:0}
.passport{background:var(--y);border:2px solid var(--i);width:min(390px,95%);justify-self:end;transform:rotate(4deg);padding:15px;position:relative;z-index:1}
.pass-head,.pass-foot{display:flex;justify-content:space-between;font:10px var(--m);padding-bottom:10px;border-bottom:1px solid var(--i)}
.pass-body{padding:18px 0;display:flex;gap:20px;font:11px var(--m)}
.pass-body small{display:block;font-size:9px;margin-bottom:3px}
.pass-body strong{display:block}
.pass-body b{font:700 25px/1 var(--s);display:block;letter-spacing:-1px;margin:3px 0 13px}
.portrait{width:125px;aspect-ratio:1;position:relative}.portrait img{display:block;width:100%;height:100%;object-fit:contain;clip-path:circle(41% at 50% 50%);transform:scale(1.12)}
.portrait span{position:absolute;right:5px;bottom:2px;font:27px var(--s);color:var(--r)}
.pass-foot{border:0;border-top:1px solid var(--i);padding:10px 0 0;align-items:center}
.pass-foot b{font-size:29px;color:var(--r)}
.star{position:absolute;font-style:normal;line-height:1}
.one{color:var(--r);font-size:80px;right:5%;top:11%}
.two{color:var(--b);font-size:60px;left:5%;bottom:12%}
.scroll{position:absolute;bottom:20px;left:9%;font:11px var(--m)}
.ticker{background:var(--i);color:var(--p);padding:16px 0;overflow:hidden;white-space:nowrap;font:13px var(--m);animation:slide 20s linear infinite}
@keyframes slide{to{text-indent:-40%}
}
.route{padding:120px 9vw}
.route-title{display:grid;grid-template-columns:1fr 1fr;align-items:end;border-bottom:2px solid var(--i);padding-bottom:25px;margin-bottom:28px}
.route h2,.about h2,.contact h2{font-size:clamp(50px,7vw,100px);line-height:.8;letter-spacing:-.08em;margin:28px 0 0}
.route-title>p{font-size:17px;max-width:260px;margin:0}
.stop{margin-bottom:105px}
.label{display:flex;justify-content:space-between;font:11px var(--m);padding-bottom:12px}
.scene{height:min(48vw,620px);border:2px solid var(--i);position:relative;overflow:hidden}
.paperfive .scene{background:var(--r);display:grid;place-items:center}.paperfive .paperfive-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(1.05) contrast(1.03)}.paperfive .scene:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(23,23,25,.12),transparent 52%,rgba(23,23,25,.18));pointer-events:none}.paperfive .paperfive-logo{position:relative;z-index:1;width:clamp(180px,27vw,390px);height:auto}.paperfive .note,.paperfive .stamp{z-index:2}
.pftitle{font-size:clamp(76px,16vw,220px);line-height:.63;letter-spacing:-.13em;font-weight:700;text-align:center;color:var(--b);-webkit-text-stroke:3px var(--i);transform:rotate(-5deg);text-shadow:9px 9px var(--p)}
.pftitle i{color:var(--g);font-style:normal}
.note,.stamp{position:absolute;background:var(--p);border:2px solid var(--i);padding:16px;font:12px var(--m)}
.note{top:10%;left:8%;transform:rotate(-8deg)}
.stamp{right:9%;bottom:13%;width:115px;height:115px;border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(13deg);color:var(--b)}
.stamp strong,.stamp span{display:block}.stamp strong{margin-bottom:7px;font-size:15px}.stamp span{font-size:10px;line-height:1.25}
.detail{border-bottom:2px solid var(--i);padding:17px 0;display:flex;justify-content:space-between;gap:30px}
.detail h3{font-size:clamp(32px,4.5vw,66px);line-height:.88;letter-spacing:-.075em;margin:0 0 14px}
.detail p{max-width:510px;margin:0;font-size:17px;line-height:1.35}
.detail>a{font:11px var(--m);white-space:nowrap;align-self:flex-end}
.detail-links{display:flex;gap:17px;align-self:flex-end;font:11px var(--m);white-space:nowrap}
.camera .scene{background:#9cbd8b}
.screen{position:absolute;left:10%;top:8%;width:62%;height:82%;background:#dce8c8;border:16px solid #2e4936;box-shadow:10px 10px #2e4936;color:#2e4936;padding:9%;font-family:var(--m);background-image:repeating-linear-gradient(0deg,transparent 0 4px,#c2d2ad 5px 6px)}
.screen p{position:absolute;z-index:4;top:8%;left:10%;font-size:clamp(19px,3.2vw,45px);line-height:1;margin:0}
.screen>span{font-size:clamp(65px,12vw,150px);position:absolute;bottom:9%;right:12%}
.screen b{font-size:13px;position:absolute;bottom:10%;left:10%}
.print-slot{position:absolute;z-index:2;left:48%;top:21%;width:67%;height:62%;transform:translateX(-50%);overflow:hidden;pointer-events:none}
.camera-print{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center 28%;background:var(--p);border:4px solid var(--p);border-bottom-width:16px;box-shadow:3px 3px 0 rgba(46,73,54,.55);opacity:0;transform:translateY(-104%) rotate(-2deg);transform-origin:top center}
.camera-print.is-printing{animation:print-photo 1.8s cubic-bezier(.22,.85,.36,1) forwards}
.capture-button{position:absolute;z-index:5;right:3%;bottom:6%;width:clamp(42px,6vw,76px);aspect-ratio:1;border:7px solid #2e4936;border-radius:50%;background:#dce8c8;padding:0;cursor:pointer;box-shadow:0 4px 0 #2e4936;transition:transform .12s,box-shadow .12s}
.capture-button span{display:block;width:65%;height:65%;margin:auto;border-radius:50%;background:#537b54;box-shadow:inset 0 0 0 2px #2e4936}
.capture-button:active,.capture-button.is-pressed{transform:translateY(4px);box-shadow:0 0 0 #2e4936}
.capture-button:focus-visible{outline:3px solid var(--r);outline-offset:4px}
@keyframes print-photo{0%{opacity:0;transform:translateY(-104%) rotate(-2deg)}10%{opacity:1}72%{transform:translateY(3%) rotate(-2deg)}86%{transform:translateY(-2%) rotate(-2deg)}100%{opacity:1;transform:translateY(0) rotate(-2deg)}}
.dpad{position:absolute;right:7%;top:20%;font-size:clamp(72px,12vw,170px);color:#2e4936}
.shutter{position:absolute;right:14%;bottom:20%;width:45px;height:45px;background:var(--r);border:2px solid var(--i);border-radius:50%}
.camera-label{position:absolute;z-index:6;right:3%;bottom:4%;margin:0;padding:7px 8px;background:var(--g);border:1px solid #2e4936;font:11px/1.35 var(--m);transform:rotate(-5deg)}
.school .scene{background:var(--b)}
.book{width:48%;height:74%;background:var(--p);border:2px solid var(--i);box-shadow:13px 13px var(--y);position:absolute;left:16%;top:12%;padding:5% 8% 12%;display:flex;flex-direction:column;background-image:repeating-linear-gradient(0deg,transparent 0 34px,#d0c6b4 35px 36px)}
.book p{font-size:clamp(24px,3.2vw,50px);line-height:.86;letter-spacing:-.08em;font-weight:700;margin:0}
.book i{font-family:Georgia,serif;font-weight:400;color:var(--r)}
.code-stack{position:relative;left:auto;bottom:auto;width:72%;display:grid;gap:4px;margin-top:auto;font:clamp(9px,1.15vw,17px)/1.1 var(--s);font-weight:700;transform:rotate(-1deg)}
.code-block{width:max-content;min-width:63%;padding:8px 10px;border:2px solid rgba(23,23,25,.24);border-radius:6px;color:#fff;box-shadow:2px 2px 0 rgba(23,23,25,.16)}
.code-block.start{background:#ffb918;border-radius:15px 7px 7px 7px}
.code-block.start b{color:#168b62;margin:0 3px}
.code-block.motion{background:#4d93f5}
.code-block.say{background:#9a65f3;width:100%}
.code-block.stop-code{min-width:0;width:47%;background:#ff9f1c}
.code-block em{display:inline-block;background:#fff;color:#4f5872;border-radius:20px;padding:2px 6px;font-style:normal;font-weight:600}
.scratch-stage{position:absolute;right:4%;bottom:10%;width:22%;height:43%;display:flex;align-items:flex-end;justify-content:center}
.maker-cat{position:absolute;left:3%;bottom:0;width:92%;height:88%;display:grid;place-items:end center;transform:translateX(0);transform-origin:center bottom}
.maker-cat img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;transform-origin:center 82%}
.maker-cat.has-moved{transform:translateX(30px)}
.maker-cat.is-walking{animation:cat-travel .8s cubic-bezier(.25,.75,.35,1) forwards}
.maker-cat.is-walking img{animation:cat-run-pose .2s ease-in-out infinite alternate}
.cat-body-shape{position:absolute;z-index:2;left:32%;bottom:27%;width:48%;height:32%;border:2.5px solid var(--cat-line);border-radius:54% 50% 47% 50%;background:var(--cat-orange);transform:rotate(8deg)}
.cat-belly{position:absolute;left:4%;bottom:-4%;width:45%;height:76%;border:2px solid var(--cat-line);border-radius:55% 45% 50%;background:#fff;transform:rotate(13deg)}
.cat-head{position:absolute;z-index:5;left:10%;bottom:43%;width:42%;aspect-ratio:1.08;border:2.5px solid var(--cat-line);border-radius:47% 49% 48% 46%;background:var(--cat-orange);transform:rotate(-7deg)}
.cat-ear{position:absolute;top:-19%;width:38%;height:40%;border:2.5px solid var(--cat-line);background:var(--cat-orange);transform:rotate(45deg);z-index:-1}.cat-ear.ear-one{left:5%;border-radius:5px 28% 0}.cat-ear.ear-two{right:4%;border-radius:5px 28% 0}
.cat-eye{position:absolute;z-index:3;top:15%;width:25%;height:38%;border:2px solid var(--cat-line);border-radius:50%;background:#fff}.cat-eye::after{content:"";position:absolute;left:45%;top:48%;width:28%;aspect-ratio:1;border-radius:50%;background:var(--cat-line)}.eye-one{left:30%;transform:rotate(-7deg)}.eye-two{left:51%;transform:rotate(-13deg)}
.cat-muzzle{position:absolute;z-index:2;left:25%;top:45%;width:63%;height:42%;border:2px solid var(--cat-line);border-radius:48% 56% 52% 45%;background:#fff;transform:rotate(3deg)}
.cat-nose{position:absolute;z-index:4;left:52%;top:49%;width:8%;aspect-ratio:1;border-radius:50%;background:var(--cat-line)}
.cat-mouth{position:absolute;z-index:4;left:45%;top:59%;width:28%;height:15%;border:2px solid var(--cat-line);border-top:0;border-radius:0 0 50% 50%;transform:rotate(5deg)}
.cat-whiskers{position:absolute;z-index:6;top:61%;width:27%;height:2px;background:var(--cat-line)}.cat-whiskers::after{content:"";position:absolute;left:0;top:7px;width:100%;height:2px;background:var(--cat-line)}.whiskers-left{left:-17%;transform:rotate(7deg)}.whiskers-right{right:-18%;transform:rotate(-8deg)}
.cat-tail{position:absolute;z-index:1;right:0;bottom:40%;width:35%;height:29%;border:clamp(7px,.8vw,12px) solid var(--cat-orange);border-left:0;border-bottom:0;border-radius:0 90% 0 0;filter:drop-shadow(2px 0 0 var(--cat-line)) drop-shadow(-1px -2px 0 var(--cat-line));transform:rotate(-10deg);transform-origin:left bottom}
.cat-arm{position:absolute;z-index:4;width:12%;height:27%;border:2.5px solid var(--cat-line);border-radius:48% 48% 55%;background:var(--cat-orange);transform-origin:center top}.arm-one{left:42%;bottom:26%;transform:rotate(44deg)}.arm-two{left:58%;bottom:34%;transform:rotate(-54deg)}
.cat-leg{position:absolute;z-index:3;bottom:7%;width:13%;height:29%;border:2.5px solid var(--cat-line);border-radius:45% 45% 55% 55%;background:var(--cat-orange);transform-origin:center top}.cat-leg::after{content:"";position:absolute;bottom:-5%;left:-12%;width:130%;height:31%;border:2px solid var(--cat-line);border-radius:50%;background:var(--cat-orange)}
.leg-back-one{left:37%;transform:rotate(35deg)}.leg-back-two{left:49%;transform:rotate(-24deg)}.leg-front-one{left:65%;transform:rotate(30deg)}.leg-front-two{left:76%;transform:rotate(-32deg)}
.maker-cat.is-walking .cat-tail{animation:tail-swish .32s ease-in-out infinite alternate}
.maker-cat.is-walking .leg-back-one,.maker-cat.is-walking .leg-front-two,.maker-cat.is-walking .arm-one{animation:leg-forward .25s ease-in-out infinite alternate}
.maker-cat.is-walking .leg-back-two,.maker-cat.is-walking .leg-front-one,.maker-cat.is-walking .arm-two{animation:leg-back .25s ease-in-out infinite alternate}
@keyframes cat-travel{0%{transform:translate(0,0) rotate(0)}25%{transform:translate(8px,-3px) rotate(-1deg)}50%{transform:translate(16px,0) rotate(1deg)}75%{transform:translate(23px,-3px) rotate(-1deg)}100%{transform:translate(30px,0) rotate(0)}}
@keyframes cat-run-pose{from{transform:translateY(0) rotate(-2deg) skewX(-2deg) scaleY(1)}to{transform:translateY(-5px) rotate(2deg) skewX(3deg) scaleY(.96)}}
@keyframes leg-forward{from{transform:rotate(22deg)}to{transform:rotate(-24deg)}}
@keyframes leg-back{from{transform:rotate(-24deg)}to{transform:rotate(22deg)}}
@keyframes tail-swish{from{transform:rotate(-25deg)}to{transform:rotate(5deg)}}
.green-flag{position:absolute;z-index:3;right:0;top:-34px;width:35px;height:30px;padding:0;border:2px solid var(--i);border-radius:8px;background:var(--g);color:#168b62;font-size:21px;line-height:1;cursor:pointer;box-shadow:2px 2px 0 var(--i);transition:transform .12s,box-shadow .12s}
.green-flag:active,.green-flag.is-running{transform:translateY(2px);box-shadow:0 0 0 var(--i)}
.green-flag:focus-visible{outline:3px solid var(--r);outline-offset:3px}
.cat-speech{position:absolute;z-index:6;right:67%;top:7%;width:max-content;max-width:140px;padding:6px 9px;border:2px solid var(--i);border-radius:14px 14px 3px 14px;background:#fff;font:600 11px/1.15 var(--s);opacity:0;transform:translateY(5px);transition:opacity .2s,transform .2s}
.cat-speech::after{content:"";position:absolute;right:-7px;bottom:3px;width:11px;height:11px;border-right:2px solid var(--i);border-bottom:2px solid var(--i);background:#fff;transform:rotate(-28deg)}
.cat-speech.is-visible{opacity:1;transform:translateY(0)}
.podcast .scene{display:grid;place-items:center;background:#1ed760;overflow:hidden}.podcast .scene::before{content:"";position:absolute;width:62%;aspect-ratio:1;border:3px solid var(--i);border-radius:50%;right:-19%;top:-31%;box-shadow:0 0 0 34px rgba(23,23,25,.08),0 0 0 70px rgba(23,23,25,.08)}
.podcast-card{position:relative;z-index:2;width:57%;padding:6% 7%;border:3px solid var(--i);background:var(--p);box-shadow:16px 16px 0 var(--b);transform:translateX(-12%)}.podcast-kicker,.podcast-sub{margin:0;font:500 clamp(8px,1.1vw,15px)/1.3 var(--m)}.podcast-card h3{margin:5% 0;font:700 clamp(48px,9vw,128px)/.72 var(--s);letter-spacing:-.08em}.podcast-card h3 i{color:var(--r);font-family:Georgia,serif}.wave{height:52px;display:flex;align-items:center;gap:5px}.wave span{width:7px;height:25%;border:2px solid var(--i);background:var(--b);animation:podcast-wave .8s ease-in-out infinite alternate}.wave span:nth-child(2),.wave span:nth-child(6){height:55%;animation-delay:-.2s}.wave span:nth-child(3),.wave span:nth-child(5){height:90%;animation-delay:-.4s}.wave span:nth-child(4){height:65%;animation-delay:-.6s}
.podcast-disc{position:absolute;z-index:3;right:9%;bottom:17%;width:clamp(100px,16vw,220px);aspect-ratio:1;border:3px solid var(--i);border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,var(--i) 0 4px,#333 5px 9px);box-shadow:9px 9px 0 var(--y);animation:disc-spin 9s linear infinite}.podcast-disc::before{content:"";position:absolute;width:42%;aspect-ratio:1;border:3px solid var(--i);border-radius:50%;background:var(--r)}.podcast-disc span{position:relative;z-index:1;margin-left:5px;color:var(--p);font-size:clamp(18px,3vw,40px)}.podcast-note{position:absolute;z-index:4;right:7%;top:13%;margin:0;padding:12px;border:2px solid var(--i);background:var(--y);font:500 clamp(9px,1vw,14px)/1.3 var(--m);transform:rotate(5deg)}
.bisabaca .scene{background:#e7eadb}.library-world{position:absolute;left:5%;top:9%;width:42%;height:82%;padding:4% 4% 3%;border:3px solid var(--i);background:#506650;box-shadow:13px 13px 0 #a9b88a;color:#fffef3}.library-world>p{margin:0 0 7%;font:500 clamp(9px,1.2vw,16px)/1.3 var(--m);letter-spacing:.08em}.library-shelf{height:24%;display:flex;align-items:flex-end;gap:2.3%;padding:0 3% 2%;border-bottom:clamp(6px,1vw,13px) solid #2f4031}.library-shelf i{display:block;width:11%;height:70%;border:2px solid var(--i);background:var(--r)}.library-shelf i:nth-child(2n){height:91%;background:var(--y)}.library-shelf i:nth-child(3n){height:78%;background:var(--b)}.library-shelf i:nth-child(4n){height:62%;background:var(--g)}.library-shelf i:nth-child(5n){transform:rotate(-7deg);transform-origin:bottom}.shelf-two i:nth-child(odd){background:#f8f0e2}.shelf-three i:nth-child(2n){background:var(--r)}.digital-reader{position:absolute;right:6%;top:12%;width:39%;height:74%;border:4px solid var(--i);border-radius:5px;background:#fffefa;box-shadow:14px 14px 0 var(--b);transform:rotate(3deg);overflow:hidden}.reader-bar{height:13%;padding:0 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--i);background:var(--g);font:500 clamp(7px,.85vw,11px)/1 var(--m)}.reader-page{height:87%;padding:9% 10%;position:relative}.reader-page small{font:10px var(--m)}.reader-page h4{margin:6% 0 8%;font:600 clamp(19px,3vw,44px)/.95 var(--s);letter-spacing:-.055em}.reader-page>p{width:100%;height:5px;margin:0 0 5%;background:#d5d7cd}.reader-page>p:nth-of-type(2){width:86%}.reader-page>p:nth-of-type(4){width:69%}.reader-controls{position:absolute;left:8%;right:8%;bottom:7%;display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border:2px solid var(--i);background:var(--p);font:9px var(--m)}.reader-controls span:first-child{font:700 18px Georgia,serif}.bisabaca-note{position:absolute;z-index:6;right:3%;top:6%;margin:0;padding:10px;border:2px solid var(--i);background:var(--r);font:500 clamp(8px,.9vw,13px)/1.3 var(--m);transform:rotate(4deg)}.bisabaca .detail h3{max-width:900px;font-size:clamp(34px,5.3vw,75px)}.bisabaca .detail .mono{margin:0 0 16px;font-size:10px}.bisabaca .detail>div>p:last-child{max-width:720px}
@keyframes podcast-wave{to{height:100%}}@keyframes disc-spin{to{transform:rotate(360deg)}}
.pencil{position:absolute;right:15%;top:10%;font-size:clamp(100px,20vw,260px);color:var(--y);transform:rotate(20deg);font-style:normal}
.lesson{position:absolute;right:9%;bottom:14%;background:var(--g);border:2px solid var(--i);padding:12px;font:11px/1.35 var(--m);transform:rotate(-6deg)}
.about{background:var(--y);padding:110px 9vw;display:grid;grid-template-columns:1fr 1fr;gap:40px}
.bio>p{font-size:21px;line-height:1.35;margin:39px 0}
.tags{display:flex;gap:8px;flex-wrap:wrap}
.tags span{border:1px solid var(--i);border-radius:30px;padding:8px 11px;font:11px var(--m)}
.jobs{grid-column:1/-1;margin-top:60px}
.jobs>p:not(.mono){border-top:1px solid var(--i);padding:13px 0;margin:0;display:flex;justify-content:space-between}
.jobs b{font-size:17px}
.jobs span{font:11px var(--m)}
.contact{background:var(--r);padding:120px 9vw}
.email{display:inline-block;font-size:clamp(20px,3.4vw,47px);font-weight:600;padding-bottom:9px;border-bottom:3px solid var(--i);margin-top:36px}
.email span{color:var(--p)}
.cv-button{display:inline-flex;align-items:center;gap:12px;margin-top:28px;padding:13px 18px;border:2px solid var(--i);background:var(--y);font:500 13px var(--m);box-shadow:5px 5px 0 var(--i);transition:transform .15s,box-shadow .15s}.cv-button span{font-size:20px}.cv-button:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--i)}
.social{display:flex;gap:20px;margin:50px 0 0;font:12px var(--m)}
footer{border-top:2px solid var(--i);padding:22px 5vw;display:flex;justify-content:space-between;font:11px var(--m)}
footer p{margin:0}
@media(max-width:720px){.nav{padding:0 6vw}
.toplink{display:none}
nav{gap:15px}
.hero{display:block;padding:18vw 8vw 320px;min-height:700px}
.intro h1{font-size:22vw}
.passport{position:absolute;bottom:54px;right:7%;width:310px}
.pass-body b{font-size:20px}
.portrait{width:96px}
.one{top:8%;right:6%;font-size:54px}
.two{bottom:48%;left:7%;font-size:42px}
.route{padding:75px 6vw}
.route-title{display:block}
.route-title .mono{margin-bottom:42px}
.route-title>p{margin:29px 0 0}
.stop{margin-bottom:73px}
.scene{height:78vw}
.label{font-size:9px}
.pftitle{-webkit-text-stroke:2px var(--i)}
.note{font-size:9px;padding:10px;left:4%;top:6%}
.stamp{transform:scale(.68) rotate(13deg);right:-2%;bottom:3%}
.screen{border-width:9px}
.shutter{width:30px;height:30px}
.lesson{font-size:8px;right:3%;bottom:5%}
.detail p{font-size:15px}
.detail>a{font-size:10px}
.detail-links{font-size:9px;gap:10px;flex-direction:column;align-items:flex-end}
.about{padding:75px 7vw;display:block}
.bio>p{font-size:18px}
.jobs{margin-top:60px}
.jobs>p:not(.mono){display:block}
.jobs span{display:block;margin-top:5px}
.contact{padding:80px 7vw}
.social{gap:13px;flex-wrap:wrap}
footer{padding:20px 6vw}
footer p:nth-of-type(1){display:none}
.code-stack{bottom:6%;width:84%}
.code-block{padding:5px 7px}
.podcast-card{width:68%;padding:8%;transform:translateX(-9%);box-shadow:9px 9px 0 var(--b)}
.podcast-card h3{font-size:clamp(45px,14vw,76px)}
.podcast-disc{right:5%;bottom:12%;width:25vw}
.podcast-note{right:4%;top:8%;padding:8px;font-size:8px}
.wave{height:34px;gap:3px}.wave span{width:5px}
.bisabaca .scene{height:105vw;min-height:420px}.library-world{left:5%;top:8%;width:46%;height:80%;padding:5% 4% 3%}.library-world>p{font-size:7px}.library-shelf{height:25%;gap:2%;border-bottom-width:6px}.library-shelf i{border-width:1px}.digital-reader{right:5%;top:13%;width:45%;height:72%;border-width:2px;box-shadow:7px 7px 0 var(--b)}.reader-bar{font-size:6px}.reader-page{padding:10% 9%}.reader-page small{font-size:6px}.reader-page h4{font-size:clamp(17px,5vw,29px)}.reader-page>p{height:3px}.reader-controls{font-size:6px;padding:5px}.reader-controls span:first-child{font-size:13px}.bisabaca-note{right:2%;top:5%;padding:6px;font-size:6px}.bisabaca .detail{display:block}.bisabaca .detail>a{display:inline-block;margin-top:18px}.bisabaca .detail h3{font-size:clamp(35px,10vw,58px)}
}
@media(max-width:1000px){
  .school .book{width:58%;height:78%;left:9%;top:9%;padding:5% 7% 11%}
  .school .book>p{font-size:clamp(24px,5.4vw,45px);line-height:.82}
  .school .code-stack{position:relative;left:auto;bottom:auto;width:72%;gap:3px;margin-top:auto;font-size:clamp(10px,1.65vw,14px);transform:none}
  .school .code-block{min-width:64%;padding:6px 8px;white-space:nowrap}
  .school .code-block.say{width:100%}
  .school .code-block.stop-code{width:43%}
  .school .pencil{right:7%;top:12%;font-size:clamp(90px,16vw,180px)}
  .school .lesson{right:3%;bottom:5%;font-size:clamp(8px,1.35vw,12px)}
  .school .scratch-stage{right:3%;bottom:10%;width:23%;height:39%}
}
@media(max-width:600px){
  .school .scene{height:110vw;min-height:430px}
  .school .book{width:65%;height:80%;left:7%;top:8%;padding:5% 7% 10%}
  .school .book>p{font-size:clamp(25px,8vw,37px)}
  .school .code-stack{left:auto;bottom:auto;width:70%;font-size:clamp(8px,2.7vw,11px)}
  .school .code-block{padding:4px 5px;min-width:68%}
  .school .scratch-stage{right:2%;bottom:10%;width:25%;height:35%}
  .school .green-flag{top:-27px;width:29px;height:25px;font-size:17px}
  .school .cat-speech{right:62%;top:8%;font-size:8px;max-width:78px;padding:4px 6px}
  .school .pencil{right:5%;top:11%;font-size:30vw}
  .school .lesson{right:3%;bottom:4%;font-size:8px}
}