@import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap');
:root{--paper:#f1efe8;--ink:#20231d;--muted:#77796f;--line:rgba(32,35,29,.17);--orange:#ef6742;--lime:#dcff64;--mono:'DM Mono',monospace;--sans:'DM Sans',sans-serif;--display:'Space Grotesk',sans-serif;--serif:'Instrument Serif',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}::selection{background:var(--lime);color:var(--ink)}.mono,.eyebrow{font-family:var(--mono);letter-spacing:.07em}.serif{font-family:var(--serif);font-weight:400;font-style:italic;letter-spacing:-.045em}.topbar{height:68px;position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 4.3vw;border-bottom:1px solid rgba(241,239,232,.19);color:var(--paper)}.wordmark{font:700 21px var(--display);letter-spacing:-.1em}.wordmark span{color:var(--orange)}.top-note,.menu-link{font:10px var(--mono);letter-spacing:.06em}.top-note{display:flex;align-items:center;gap:10px;color:rgba(241,239,232,.68)}.top-note i,.pulse{width:7px;height:7px;background:var(--lime);border-radius:50%;display:inline-block;box-shadow:0 0 12px rgba(220,255,100,.8)}.menu-link{border:1px solid rgba(241,239,232,.45);padding:10px 15px;border-radius:30px;transition:.25s}.menu-link:hover{color:var(--ink);background:var(--lime);border-color:var(--lime)}.menu-link span{padding-left:8px}.hero{height:min(920px,100svh);min-height:680px;background:#20231d;color:var(--paper);position:relative;overflow:hidden;padding:68px 4.3vw 28px;display:flex;flex-direction:column;justify-content:space-between}#field,.hero-grain{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-grain{opacity:.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='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.24'/%3E%3C/svg%3E");mix-blend-mode:screen;z-index:1}.hero-topline,.hero-index{display:flex;justify-content:space-between;position:relative;z-index:2;color:rgba(241,239,232,.55);font-size:9px}.hero-main{width:min(1030px,84vw);margin:auto 0 auto 9vw;position:relative;z-index:2;padding:46px 0}.hero-kicker{font-size:10px;color:var(--lime);display:flex;align-items:center;gap:11px;margin-bottom:31px}.hero-kicker .pulse{animation:pulse 1.8s infinite}@keyframes pulse{50%{opacity:.35;box-shadow:0 0 1px transparent}}h1,h2,h3,p{margin-top:0}.hero h1{font:500 clamp(64px,10.1vw,148px)/.83 var(--display);letter-spacing:-.09em;margin:0 0 36px;max-width:1000px}.hero h1 .serif{color:var(--orange);font-size:1.06em}.outline-word{color:transparent;-webkit-text-stroke:1.4px rgba(241,239,232,.85);position:relative}.sun-mark{font:normal .26em var(--sans);-webkit-text-stroke:0;color:var(--lime);display:inline-block;vertical-align:top;margin:7px 0 0 15px;animation:rotate 16s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.hero-bottom{display:flex;justify-content:space-between;align-items:end;max-width:810px}.hero-copy{color:rgba(241,239,232,.63);font-size:15px;line-height:1.6;max-width:310px;margin:0}.round-link{width:91px;height:91px;border:1px solid rgba(241,239,232,.42);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font:8px/1.4 var(--mono);letter-spacing:.06em;transition:.3s}.round-link b{font:20px var(--sans);color:var(--lime);transition:.3s}.round-link:hover{background:var(--lime);border-color:var(--lime);color:var(--ink);transform:rotate(-10deg)}.round-link:hover b{color:var(--ink);transform:translateY(3px)}.hero-aside{position:absolute;right:4.3vw;top:49%;writing-mode:vertical-rl;transform:rotate(180deg);font-size:8px;letter-spacing:.13em;color:rgba(241,239,232,.38);z-index:2}.ticker{height:54px;background:var(--lime);overflow:hidden;display:flex;align-items:center}.ticker-track{white-space:nowrap;font:11px var(--mono);letter-spacing:.12em;animation:marquee 33s linear infinite}.ticker-track span{font-size:15px;margin:0 34px;color:var(--orange)}@keyframes marquee{to{transform:translateX(-50%)}}.section-pad{padding-left:10vw;padding-right:10vw}.work{padding-top:145px;padding-bottom:120px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:65px}.eyebrow{font-size:9px;letter-spacing:.1em;color:#818379;margin-bottom:23px}.section-heading h2,.about h2,.toolkit h2{font:500 clamp(52px,7vw,94px)/.91 var(--display);letter-spacing:-.075em;margin:0}.section-heading h2 .serif{color:var(--orange)}.section-note{font-size:13px;color:var(--muted);max-width:235px;line-height:1.65;margin:0 3vw 5px 20px}.project-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:3.2vw;row-gap:72px}.project-large{grid-column:1/3}.project-visual{height:350px;display:block;position:relative;overflow:hidden;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.project-large .project-visual{height:min(50vw,550px)}.project-visual:hover{transform:scale(.99)}.visual-label{position:absolute;top:23px;left:24px;z-index:4;font-size:8px;letter-spacing:.1em;opacity:.74}.visual-open{position:absolute;bottom:20px;right:22px;width:39px;height:39px;border-radius:50%;background:var(--paper);display:grid;place-items:center;font-size:20px;z-index:6;transition:.25s}.project-visual:hover .visual-open{background:var(--lime);transform:rotate(45deg)}.visual-pinn{background:#d6d5c8;color:#424b42}.heat-map{position:absolute;inset:10% 10% 8% 10%;overflow:hidden;background:radial-gradient(ellipse at 48% 46%,#fbd780 0,#e98c68 18%,#9995a7 40%,#667f80 63%,#d6d5c8 100%);filter:saturate(.8)}.heat-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px);background-size:4.1% 7.6%;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}.heat-wave{position:absolute;width:120%;height:48%;left:-10%;top:32%;border-top:1px solid rgba(255,255,255,.8);border-radius:50%;transform:rotate(-13deg);box-shadow:0 -13px 0 -12px rgba(255,255,255,.8),0 -27px 0 -26px rgba(255,255,255,.72),0 -42px 0 -41px rgba(255,255,255,.68),0 -59px 0 -58px rgba(255,255,255,.62),0 -80px 0 -79px rgba(255,255,255,.52),0 14px 0 -13px rgba(255,255,255,.7),0 29px 0 -28px rgba(255,255,255,.6),0 48px 0 -47px rgba(255,255,255,.5);animation:wave 8s ease-in-out infinite alternate}@keyframes wave{to{transform:translateY(13px) rotate(-8deg)}}.axis{position:absolute;font:8px var(--mono);letter-spacing:.14em;opacity:.7}.axis-x{right:0;bottom:8px}.axis-y{left:0;top:4px;writing-mode:vertical-rl}.visual-stamp{position:absolute;right:12%;top:17%;font:italic 37px/.86 var(--serif);color:#fff;text-shadow:0 1px 12px #596c74}.visual-emoc{background:#e6a293;color:#fff}.emoc-orb{position:absolute;width:226px;height:226px;left:50%;top:51%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 38% 34%,#ffe1ac,#f89e80 38%,#cb6281 69%,#943f66 100%);box-shadow:inset -15px -20px 45px #7b365277,0 0 85px #ffb39988;animation:bob 5s ease-in-out infinite}.emoc-orb:before,.emoc-orb:after{content:'';position:absolute;inset:-20px;border:1px solid #ffffff60;border-radius:50%;transform:rotateX(69deg) rotate(-25deg)}.emoc-orb:after{inset:-34px;transform:rotateX(69deg) rotate(55deg);opacity:.55}@keyframes bob{50%{transform:translate(-50%,-54%)}}.orb-core{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:27px}.orb-core i{width:10px;height:10px;border-radius:50%;background:#612e50;box-shadow:0 0 12px #632d4f88}.orb-core b{position:absolute;width:42px;height:17px;border-bottom:2px solid #783c59;border-radius:50%;top:59%}.emotion-caption{position:absolute;bottom:28px;left:28px;font-size:8px;letter-spacing:.14em}.emotion-bars{position:absolute;right:29px;bottom:28px;display:flex;align-items:end;gap:3px;height:19px}.emotion-bars i{width:2px;background:#fff;animation:bars .8s ease-in-out infinite alternate}.emotion-bars i:nth-child(1){height:9px}.emotion-bars i:nth-child(2){height:17px;animation-delay:.3s}.emotion-bars i:nth-child(3){height:12px;animation-delay:.6s}.emotion-bars i:nth-child(4){height:19px;animation-delay:.15s}.emotion-bars i:nth-child(5){height:7px;animation-delay:.4s}@keyframes bars{to{height:3px}}.visual-agent{background:#c6d2b8;color:#35453a}.agent-window{position:absolute;inset:17% 12%;background:#252e29;box-shadow:0 25px 60px #39473b44;transform:perspective(800px) rotateY(-7deg) rotateX(2deg);overflow:hidden;padding:0 22px}.window-bar{height:34px;border-bottom:1px solid #ffffff20;display:flex;align-items:center;gap:5px}.window-bar i{width:5px;height:5px;border-radius:50%;background:#ef866c}.window-bar i:nth-child(2){background:#f2cc74}.window-bar i:nth-child(3){background:#9ab984}.window-bar span{font:7px var(--mono);color:#ffffff79;margin-left:9px}.agent-prompt{font-size:clamp(8px,1.1vw,12px);color:#e9eadf;margin-top:32px}.typing-caret{display:inline-block;width:5px;height:11px;background:var(--lime);vertical-align:middle;animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.agent-path{display:flex;gap:9px;align-items:center;margin-top:25px;color:var(--lime);font:7px var(--mono);letter-spacing:.08em}.agent-path b{color:#ffffff59}.agent-output{height:27px;margin-top:15px;width:80%;background:repeating-linear-gradient(0deg,#ffffff30 0 1px,transparent 1px 7px);opacity:.55}.agent-orbit{position:absolute;width:110px;height:110px;border:1px solid #6a805b72;border-radius:50%;right:3%;top:15%;box-shadow:0 0 0 15px #9bab8525,0 0 0 31px #9bab8517;animation:rotate 24s linear infinite;pointer-events:none}.project-info{position:relative;padding:23px 0 0;display:grid;grid-template-columns:1fr auto}.project-type{font-size:8px;color:#85877e;margin-bottom:10px}.project-info h3{font:600 clamp(23px,3vw,35px)/1.05 var(--display);letter-spacing:-.06em;margin:0}.project-num{font-size:8px;color:#8c8e84;padding-top:2px}.project-description{grid-column:1/3;font-size:12px;color:#73756d;line-height:1.65;max-width:520px;margin:14px 0}.tags{grid-column:1/3;display:flex;flex-wrap:wrap;gap:7px}.tags span{padding:6px 10px;border:1px solid var(--line);border-radius:22px;font:8px var(--mono);color:#686a61}.ongoing{font:7px var(--mono);letter-spacing:.04em;color:#737c54;border:1px solid #adb394;border-radius:20px;padding:5px 7px;vertical-align:middle;letter-spacing:0}.all-work{display:flex;align-items:center;justify-content:center;gap:18px;border:1px solid var(--line);margin:78px auto 0;width:max-content;padding:15px 20px;border-radius:30px;font-size:9px;transition:.2s}.all-work span{color:var(--orange);font-size:15px}.all-work:hover{background:var(--ink);color:var(--paper)}.interlude{min-height:360px;background:#dfe4d4;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;padding:70px 20px}.interlude-mark{font-size:25px;color:var(--orange);animation:rotate 20s linear infinite}.interlude p{font:500 clamp(34px,5.1vw,66px)/1.03 var(--display);letter-spacing:-.06em;margin:24px 0}.interlude p .serif{color:#557064}.interlude>span{font-size:8px;color:#85877e}.about{padding-top:146px;padding-bottom:155px;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw}.about h2{font-size:clamp(46px,6vw,78px);line-height:.98}.about h2 .serif{color:#758b70}.highlight{color:var(--orange)}.about-right{padding-top:61px;max-width:450px}.about-right>p{font-size:13px;color:#77796f;line-height:1.8;margin-bottom:20px}.about-right .about-lead{font-size:18px;line-height:1.55;color:var(--ink);letter-spacing:-.03em}.education-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:33px 0 21px;padding:19px 0;display:flex;gap:15px;align-items:flex-start}.edu-icon{width:34px;height:34px;background:var(--lime);border-radius:50%;display:grid;place-items:center;font-size:17px;flex:none}.education-note div{display:flex;flex-direction:column;gap:6px}.education-note p{font-size:8px;color:#898b82;margin:0}.education-note strong{font:600 13px var(--display)}.education-note div span{font-size:11px;color:#77796f}.resume-link{font:8px var(--mono);letter-spacing:.04em;border-bottom:1px solid #999a90;padding-bottom:7px}.resume-link span{color:var(--orange);margin-left:10px}.toolkit{padding-top:88px;padding-bottom:104px;background:#e4e2da;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.toolkit h2{font-size:clamp(42px,5vw,65px)}.toolkit-title>p:last-child{font-size:12px;color:#7e8076;margin-top:15px;max-width:230px;line-height:1.65}.toolkit-list>div{display:grid;grid-template-columns:42px .5fr 1fr;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.toolkit-list>div:first-child{border-top:1px solid var(--line)}.tool-index{font-size:8px;color:#96988e}.toolkit-list h3{font:500 18px var(--display);letter-spacing:-.04em;margin:0}.toolkit-list p{font-size:11px;color:#77796f;margin:0}.recognition{padding-top:100px;padding-bottom:120px}.recognition-top{display:flex;justify-content:space-between;margin-bottom:28px}.recognition-top .eyebrow,.recognition-top>span{font-size:8px}.recognition-row{height:77px;border-top:1px solid var(--line);display:grid;grid-template-columns:55px 1fr 30px;align-items:center}.recognition-row:last-child{border-bottom:1px solid var(--line)}.recognition-star{font-size:16px;color:var(--orange)}.recognition-row p{font:500 clamp(16px,2vw,22px) var(--display);letter-spacing:-.04em;margin:0}.recognition-row p span{color:#a2a397}.recognition-year{font-size:8px;color:#92948a}.contact{background:#20231d;color:var(--paper);text-align:center;padding:118px 20px 96px;position:relative;overflow:hidden}.contact:before{content:'';position:absolute;width:570px;height:570px;border:1px solid #ffffff12;border-radius:50%;left:50%;top:45%;transform:translate(-50%,-50%);box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff05,0 0 0 145px #ffffff03;pointer-events:none}.contact>*{position:relative}.contact-spark{font-size:28px;color:var(--lime);animation:rotate 20s linear infinite}.contact .eyebrow{color:#a5a79a;margin:21px 0 25px}.contact h2{font:500 clamp(58px,9vw,116px)/.88 var(--display);letter-spacing:-.08em;margin:0}.contact h2 .serif{color:var(--orange)}.contact-copy{font-size:12px;line-height:1.7;color:#a8aa9d;max-width:300px;margin:25px auto 31px}.email-link{font:500 clamp(17px,3vw,27px) var(--display);letter-spacing:-.04em;border-bottom:1px solid #83857a;padding-bottom:8px;transition:.2s}.email-link:hover{color:var(--lime);border-color:var(--lime)}.email-link span{color:var(--lime);font-size:18px;margin-left:7px}.social-links{display:flex;gap:24px;justify-content:center;margin-top:29px}.social-links a{font:8px var(--mono);letter-spacing:.06em;color:#b7b9ad}.social-links a:hover{color:var(--lime)}.footer{height:75px;display:flex;align-items:center;justify-content:space-between;padding:0 4.3vw;background:#1a1c17;color:#93958a;font-size:8px;letter-spacing:.05em}.footer .wordmark{color:var(--paper)}.footer>a:last-child{color:var(--paper)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.in-view{opacity:1;transform:translateY(0)}.project:nth-child(2){transition-delay:.1s}.project:nth-child(3){transition-delay:.2s}.cursor-dot{position:fixed;z-index:99;width:12px;height:12px;left:0;top:0;border-radius:50%;background:var(--lime);mix-blend-mode:difference;pointer-events:none;transform:translate(-50%,-50%);opacity:0;transition:width .2s,height .2s,opacity .2s}.cursor-dot.active{width:44px;height:44px}.cursor-dot.visible{opacity:1}
@media(max-width:800px){.hero{min-height:720px}.hero-main{margin-left:3vw;width:94vw}.hero h1{font-size:clamp(64px,12.8vw,100px)}.hero-aside{display:none}.section-pad{padding-left:7vw;padding-right:7vw}.work{padding-top:105px}.project-grid{column-gap:22px;row-gap:52px}.project-large .project-visual{height:54vw}.project-visual{height:300px}.about{gap:5vw}.about h2{font-size:clamp(43px,7vw,65px)}.toolkit{gap:5vw}.top-note{font-size:8px}}
@media(max-width:600px){.topbar{height:60px;padding:0 6vw}.top-note{display:none}.menu-link{font-size:9px}.hero{min-height:690px;height:92svh;padding:60px 6vw 23px}.hero-topline,.hero-index{font-size:8px}.hero-main{margin-left:0;width:100%;padding:20px 0}.hero-kicker{font-size:8px;margin-bottom:25px}.hero h1{font-size:clamp(57px,13vw,80px);line-height:.88;letter-spacing:-.085em}.hero-bottom{margin-top:33px}.hero-copy{font-size:12px;max-width:230px}.round-link{width:76px;height:76px;font-size:7px}.hero-index span:last-child{font-size:0}.hero-index span:last-child:after{content:'↓';font-size:13px}.ticker{height:45px}.ticker-track{font-size:9px}.ticker-track span{margin:0 20px}.section-pad{padding-left:6vw;padding-right:6vw}.work{padding-top:84px;padding-bottom:82px}.section-heading{display:block;margin-bottom:38px}.section-heading h2{font-size:60px}.section-note{margin:20px 0 0;font-size:12px}.project-grid{grid-template-columns:1fr;row-gap:43px}.project-large{grid-column:auto}.project-large .project-visual{height:68vw;min-height:250px}.project-visual{height:68vw;min-height:250px}.project-info h3{font-size:27px}.project-description{font-size:11px}.visual-label{top:17px;left:17px;font-size:7px}.visual-open{right:15px;bottom:15px;width:34px;height:34px}.heat-map{inset:13% 7% 8%}.visual-stamp{right:12%;font-size:30px}.emoc-orb{width:180px;height:180px}.agent-window{inset:19% 8%;padding:0 15px}.agent-path{gap:5px;font-size:6px}.agent-orbit{width:65px;height:65px}.all-work{margin-top:53px;font-size:8px}.interlude{min-height:275px}.interlude p{font-size:37px}.about{padding-top:90px;padding-bottom:95px;grid-template-columns:1fr;gap:25px}.about h2{font-size:clamp(47px,11vw,67px)}.about-right{padding-top:0}.about-right .about-lead{font-size:16px}.toolkit{padding-top:77px;padding-bottom:76px;grid-template-columns:1fr;gap:27px}.toolkit h2{font-size:50px}.toolkit-list>div{grid-template-columns:35px .55fr 1fr;padding:15px 0}.toolkit-list h3{font-size:16px}.toolkit-list p{font-size:9px}.recognition{padding-top:76px;padding-bottom:85px}.recognition-row{height:auto;min-height:70px;grid-template-columns:30px 1fr 24px}.recognition-row p{font-size:15px;line-height:1.35}.recognition-star{font-size:13px}.recognition-top>span{font-size:7px}.contact{padding:90px 16px 78px}.contact h2{font-size:74px}.email-link{font-size:18px}.footer{padding:0 6vw;height:66px}.footer>span:nth-child(2){display:none}.footer,.footer>a:last-child{font-size:7px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Chapter-like skill rows and collectible achievement postcards. */
.toolkit-list>div.toolkit-row{grid-template-columns:42px minmax(130px,.55fr) minmax(0,1fr) 24px;gap:12px;position:relative;overflow:hidden;transition:padding .35s cubic-bezier(.2,.8,.2,1),background .35s,color .35s;cursor:default;outline:none}
.toolkit-row:before{content:'';position:absolute;left:0;bottom:-1px;height:2px;width:0;background:var(--orange);transition:width .45s cubic-bezier(.2,.8,.2,1)}
.toolkit-row h3{transition:transform .35s,color .35s}.toolkit-row p{line-height:1.6;transition:color .35s}
.tool-arrow{font-size:16px;color:var(--orange);opacity:0;transform:translate(-5px,5px);transition:.3s}
.toolkit-row:hover,.toolkit-row:focus-visible{padding-left:14px;padding-right:12px;background:rgba(220,255,100,.38)}
.toolkit-row:hover:before,.toolkit-row:focus-visible:before{width:100%}
.toolkit-row:hover h3,.toolkit-row:focus-visible h3{transform:translateX(4px);color:#526344}
.toolkit-row:hover p,.toolkit-row:focus-visible p{color:var(--ink)}
.toolkit-row:hover .tool-arrow,.toolkit-row:focus-visible .tool-arrow{opacity:1;transform:translate(0,0)}
.toolkit-row:nth-child(2):hover,.toolkit-row:nth-child(2):focus-visible{background:#e6a293}.toolkit-row:nth-child(3):hover,.toolkit-row:nth-child(3):focus-visible{background:#d5d4c3}.toolkit-row:nth-child(4):hover,.toolkit-row:nth-child(4):focus-visible{background:#c6d2b8}.toolkit-row:nth-child(5):hover,.toolkit-row:nth-child(5):focus-visible{background:#d3d0e1}.toolkit-row:nth-child(6):hover,.toolkit-row:nth-child(6):focus-visible{background:#e9d49b}.toolkit-row:nth-child(7):hover,.toolkit-row:nth-child(7):focus-visible{background:#dfb6a8}
.postcard-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:10px 4px 18px}
.postcard{height:295px;position:relative;padding:25px 24px;overflow:hidden;box-shadow:0 15px 32px rgba(36,39,31,.12);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.postcard-orange{background:#ef6742;color:#29291f;transform:rotate(-2.6deg)}.postcard-green{background:#d5e4a4;color:#273128;transform:rotate(2deg)}.postcard-blue{background:#b7ccd0;color:#263237;transform:rotate(-1deg)}
.postcard:hover{z-index:2;transform:translateY(-8px) rotate(0) scale(1.025);box-shadow:0 24px 42px rgba(36,39,31,.2)}
.postcard-number{font-size:8px;letter-spacing:.09em;opacity:.65}.postcard-stamp{position:absolute;right:23px;top:20px;font-size:24px;opacity:.65}
.postcard h3{font:500 clamp(31px,4vw,48px)/.92 var(--display);letter-spacing:-.075em;margin:44px 0 0}.postcard h3 em{font:italic 1.1em var(--serif)}
.postcard>p{position:absolute;left:25px;bottom:23px;max-width:70%;font:8px/1.5 var(--mono);letter-spacing:.07em;opacity:.75;margin:0}.postcard-scribble{position:absolute;right:24px;bottom:19px;font-size:32px;opacity:.5;transform:rotate(-12deg)}
.postcard.reveal{opacity:0;transform:translateY(-55px) rotate(-6deg)}.postcard-green.reveal{transform:translateY(-55px) rotate(6deg)}.postcard-blue.reveal{transform:translateY(-55px) rotate(-4deg)}
.postcard.reveal.in-view{opacity:1;transform:translateY(0) rotate(-2.6deg)}.postcard-green.reveal.in-view{transform:translateY(0) rotate(2deg);transition-delay:.16s}.postcard-blue.reveal.in-view{transform:translateY(0) rotate(-1deg);transition-delay:.32s}
.postcard.reveal.in-view:hover{transform:translateY(-8px) rotate(0) scale(1.025)}
@media(max-width:800px){.postcard-stack{gap:14px}.postcard{height:250px;padding:20px 17px}.postcard h3{font-size:clamp(27px,4.5vw,38px)}.postcard>p{left:17px;bottom:19px;font-size:7px}}
@media(max-width:600px){.toolkit-list>div.toolkit-row{grid-template-columns:27px 1fr 18px;gap:8px;align-items:start}.toolkit-row h3{font-size:15px}.toolkit-row p{grid-column:2/4;grid-row:2;font-size:9px;margin-top:2px}.tool-arrow{grid-column:3;grid-row:1}.toolkit-row:hover,.toolkit-row:focus-visible{padding-left:9px}.postcard-stack{grid-template-columns:1fr;gap:16px;padding:2px 5px 16px}.postcard{height:234px;padding:21px 23px}.postcard h3{font-size:43px;margin-top:32px}.postcard>p{left:23px;bottom:21px;font-size:8px}.postcard.reveal,.postcard-green.reveal,.postcard-blue.reveal{transform:translateY(-45px) rotate(0)}.postcard.reveal.in-view,.postcard-green.reveal.in-view,.postcard-blue.reveal.in-view{transform:translateY(0) rotate(0)}.postcard.reveal.in-view:hover{transform:translateY(-4px)}.hero-index span:last-child:after{content:none}}
.recognition-pages{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none}.recognition-pages::-webkit-scrollbar{display:none}.recognition-page{scroll-snap-align:start}

/* Typography and scroll-stacked toolkit cards. */
.about-right .about-lead{font:400 clamp(18px,2.1vw,21px)/1.62 var(--sans);letter-spacing:-.035em;color:#30332d;margin:0 0 27px}
.toolkit{align-items:start}.toolkit-title{position:sticky;top:105px;align-self:start;z-index:10}
.about-right .about-body{font:400 15px/1.95 var(--sans);color:#82847b;margin:0 0 40px}
.deck-hint{display:inline-flex;align-items:center;gap:14px;margin-top:28px;color:#85877e;font-size:8px}.deck-hint b{font:18px var(--sans);color:var(--orange);animation:hintBob 1.5s ease-in-out infinite}@keyframes hintBob{50%{transform:translateY(5px)}}
.toolkit-list.skill-deck{display:block;position:relative;padding-bottom:28vh}
.skill-card{height:clamp(330px,39vw,440px);position:sticky;top:clamp(82px,13vh,128px);padding:clamp(25px,4vw,48px);margin-bottom:36vh;overflow:hidden;box-shadow:0 18px 38px rgba(36,39,31,.15);display:flex;flex-direction:column;justify-content:space-between;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .35s;isolation:isolate}
.skill-card:before{content:'';position:absolute;z-index:-1;width:clamp(150px,23vw,285px);height:clamp(150px,23vw,285px);right:8%;top:15%;border:1px solid currentColor;border-radius:50%;opacity:.18;box-shadow:0 0 0 22px rgba(32,35,29,.05),0 0 0 55px rgba(32,35,29,.035);transition:transform .8s}.skill-card:hover:before{transform:scale(1.13) rotate(18deg)}
.skill-card:nth-child(1){z-index:1;background:#e6a293;color:#362820}.skill-card:nth-child(2){z-index:2;background:#d8e698;color:#303a2d}.skill-card:nth-child(3){z-index:3;background:#b7ccd0;color:#263237}.skill-card:nth-child(4){z-index:4;background:#d7c9ae;color:#40382d}.skill-card:nth-child(5){z-index:5;background:#d3d0e1;color:#373549}.skill-card:nth-child(6){z-index:6;background:#e9d49b;color:#443d2e}.skill-card:nth-child(7){z-index:7;background:#dfb6a8;color:#3d302d}
.skill-card:nth-child(2n){margin-left:3%;width:97%}.skill-card:nth-child(3n){margin-left:1.5%;width:98.5%}.skill-card.deck-passed{transform:translateY(-42px) scale(.96);opacity:.74}.skill-card.deck-current{opacity:1}.skill-card .tool-index,.skill-card-foot{font-size:8px;letter-spacing:.1em;opacity:.68}
.skill-card h3{font:500 clamp(39px,5.7vw,70px)/.91 var(--display);letter-spacing:-.075em;margin:0;position:relative;z-index:1}.skill-card h3 em{font:italic 1.1em var(--serif)}.skill-card>p{font-size:clamp(16px,1.55vw,19px);font-weight:600;line-height:1.65;max-width:520px;margin:0;position:relative;z-index:1;color:currentColor}.skill-mark{position:absolute;right:12%;top:25%;font:italic clamp(75px,13vw,165px)/1 var(--serif);opacity:.26;transform:rotate(-12deg);transition:transform .6s}.skill-card:hover .skill-mark{transform:rotate(8deg) scale(1.1)}.skill-card-foot{border-top:1px solid currentColor;padding-top:14px;width:100%}
@media(max-width:800px){.toolkit{grid-template-columns:1fr;gap:30px}.toolkit-title{position:static}.skill-card{height:350px;margin-bottom:28vh;top:88px}.skill-card>p{font-size:16px;max-width:84%}}
@media(max-width:600px){.about-right .about-lead{font-size:18px;line-height:1.7;margin-bottom:22px}.about-right .about-body{font-size:13px;line-height:1.85;margin-bottom:30px}.toolkit-list.skill-deck{padding-bottom:20vh}.skill-card{height:330px;top:78px;padding:24px;margin-bottom:25vh}.skill-card h3{font-size:43px}.skill-card>p{font-size:15px;line-height:1.6;max-width:92%}.skill-mark{right:8%;top:30%;font-size:92px}}
.recognition-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:30px 0 48px}.recognition-heading h2{font:500 clamp(45px,6vw,76px)/.92 var(--display);letter-spacing:-.075em;margin:0}.recognition-heading h2 em{font:italic 1.08em var(--serif);color:var(--orange)}.recognition-heading>p{max-width:210px;margin:0 3vw 6px 0;color:var(--muted);font-size:12px;line-height:1.7}
.recognition-book{max-width:920px;margin:0 auto}.recognition-pages{display:flex;overflow-x:auto;touch-action:pan-y;cursor:grab;box-shadow:0 18px 45px rgba(36,39,31,.17)}.recognition-pages:active{cursor:grabbing}.recognition-page{position:relative;flex:0 0 100%;height:clamp(290px,38vw,420px);padding:clamp(27px,5vw,56px);overflow:hidden;transition:transform .65s cubic-bezier(.2,.75,.25,1);display:flex;flex-direction:column;justify-content:space-between}
.page-orange{background:#ef6742;color:#29291f}.page-green{background:#d5e4a4;color:#273128}.page-blue{background:#b7ccd0;color:#263237}.page-sage{background:#c6d2b8;color:#303a2d}.page-lavender{background:#d3d0e1;color:#373549}.recognition-page:after{content:'';position:absolute;right:-7%;bottom:-55%;width:58%;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;opacity:.15;box-shadow:0 0 0 22px rgba(32,35,29,.05),0 0 0 55px rgba(32,35,29,.035)}
.page-label,.page-count{font:8px var(--mono);letter-spacing:.1em;opacity:.7}.page-stamp{position:absolute;top:8%;right:7%;font-size:clamp(50px,8vw,90px);opacity:.38}.recognition-page h3{font:500 clamp(48px,7vw,84px)/.89 var(--display);letter-spacing:-.08em;margin:0;position:relative;z-index:1}.recognition-page h3 em{font:italic 1.08em var(--serif)}.recognition-page>p{font:9px var(--mono);letter-spacing:.12em;margin:0;position:relative;z-index:1}.page-count i{font-style:normal;margin:0 6px;opacity:.5}
.book-controls{display:flex;align-items:center;gap:14px;padding-top:18px}.book-button{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:18px;cursor:pointer;transition:.25s}.book-button:hover:not(:disabled){background:var(--ink);color:var(--paper);transform:translateY(-2px)}.book-button:disabled{opacity:.3;cursor:default}.book-progress{font-size:8px;color:#7d7f76}.book-instruction{font-size:8px;color:#999b91;margin-left:auto}
@media(max-width:600px){.recognition-heading{display:block;margin:22px 0 28px}.recognition-heading h2{font-size:54px}.recognition-heading>p{margin:13px 0 0;font-size:11px}.recognition-page{height:280px;padding:25px}.recognition-page h3{font-size:54px}.book-instruction{font-size:7px}.book-button{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.deck-hint b{animation:none}.skill-card,.skill-card:before,.skill-mark{transition:none}}