@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600&family=Courier+Prime:wght@400;700&family=Newsreader:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--paper:#f6f3eb;--ink:#193b6b;--text:#252a30;--muted:#3d4650;--line:#24447836;--pale:#e9edf0;--orange:#bb6337}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0;color:var(--text);background-color:var(--paper);background-image:linear-gradient(#365e8c08 1px,transparent 1px),linear-gradient(90deg,#365e8c08 1px,transparent 1px);background-size:30px 30px;font:400 16px/1.65 'Courier Prime',Courier,monospace;-webkit-font-smoothing:antialiased}
body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.085;background-image:url('paper-grain.svg');mix-blend-mode:multiply}
a{color:var(--ink);text-decoration:none;text-underline-offset:5px}
a:hover{text-decoration:underline}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
button{font:inherit;color:inherit}
.wrap{width:min(1140px,calc(100% - 80px));margin:auto}
nav{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:26px;border-bottom:1px solid var(--ink)}
.portfolio-brand{display:flex;flex-wrap:wrap;align-items:center;gap:4px 9px;font-size:17px!important;font-weight:700;letter-spacing:.015em!important;color:var(--ink)}
.portfolio-brand span{white-space:nowrap}
.portfolio-brand span:last-child{font-size:11px;letter-spacing:.05em}
.navlinks{font-weight:700;display:flex;gap:23px;align-items:center;font-size:12px;flex-shrink:0}
.navlinks a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
.navlinks a::before{content:'[';margin-right:2px}.navlinks a::after{content:']';margin-left:2px}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
.hero{padding:91px 0 0}
.hero-layout{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:77px;align-items:center}
.hero-layout>*{min-width:0}
.hero-intro h1{font:500 clamp(55px,5.8vw,79px)/1.02 Newsreader,Georgia,serif;color:var(--ink);letter-spacing:-.055em;margin:0 0 28px}
.hero-intro h1 em{font-style:italic;position:relative;white-space:nowrap}
.hero-intro h1 em::after{content:'';position:absolute;left:1%;right:0;bottom:0;border-bottom:2px solid var(--ink);transform:rotate(-1deg);opacity:.65}
.hero-lead{font-size:21px;line-height:1.45;color:var(--ink);margin:0 0 22px;max-width:580px}
.hero-description{font-size:15px;line-height:1.8;margin:0;max-width:580px}
.hero-note{width:100%;max-width:370px;justify-self:center;position:relative;align-self:center;padding:25px 15px 12px;transform:rotate(-2deg)}
.hero-note::before{content:'';width:122px;height:30px;position:absolute;top:12px;left:calc(50% - 61px);background:#d6cdb6b8;transform:rotate(6deg);z-index:1;box-shadow:0 1px 0 #ffffff90}
.portrait-note{margin:0;padding:16px 16px 17px;background:#fffdf6;box-shadow:1px 4px 12px #2731471c;border:1px solid #ded9cb}
.portrait-note img{display:block;width:100%;height:auto}
.note-signature{font:500 34px/1.1 Caveat,'Segoe Print',cursive;color:var(--ink);margin:23px 0 0 9px;transform:rotate(-3deg)}
.actions{display:flex;gap:24px;flex-wrap:wrap;margin-top:27px;align-items:center}
.btn{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:700;color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.btn:hover{text-decoration-thickness:2px}
.btn.secondary{font-weight:700}
.stats{margin-top:75px;padding:26px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);gap:30px}
.stat{display:flex;flex-direction:column;gap:5px}
.stat+.stat{border-left:1px solid var(--line);padding-left:30px}
.stat strong{font:500 43px/1 Newsreader,Georgia,serif;color:var(--ink);letter-spacing:-.03em}
.stat small{font-size:14px;line-height:1.5;max-width:235px;color:var(--muted)}
section{padding:83px 0 85px;border-bottom:1px solid var(--line);scroll-margin-top:22px}
.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:65px;align-items:end;margin-bottom:39px}
h2{font:600 clamp(37px,4vw,53px)/1.08 Newsreader,Georgia,serif;letter-spacing:-.035em;color:var(--ink);margin:12px 0 0}
.section-note{font-size:15px;line-height:1.75;margin:0;color:var(--muted)}
h3,h4{color:var(--ink)}
.split{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:73px}
.info-card{padding:0;min-width:0}
.info-card h3{font:600 29px/1.2 Newsreader,Georgia,serif;letter-spacing:-.015em;margin:13px 0 19px}
.info-card p{font-size:15px;line-height:1.7;color:var(--muted)}
.info-card:last-child{padding:23px 25px;align-self:start;background:#e9edf066;border:1px solid var(--line);transform:rotate(1deg);position:relative}
.info-card:last-child::before{content:'';position:absolute;top:-9px;right:33px;width:25px;height:12px;border:1px solid var(--ink);border-radius:8px;transform:rotate(-36deg)}
.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px;text-decoration:underline}
.bitcoin-projects{list-style:none;counter-reset:book;margin:25px 0 8px;padding:0}
.bitcoin-projects li{counter-increment:book;position:relative;padding-left:43px;margin-bottom:22px}
.bitcoin-projects li+li{padding-top:20px;border-top:1px solid var(--line)}
.bitcoin-projects li::before{content:'0' counter(book);position:absolute;left:0;top:0;color:var(--ink);font-size:12px}
.bitcoin-projects li+li::before{top:20px}
.bitcoin-projects h4{font-size:16px;line-height:1.4;margin:0 0 6px;font-weight:700}
.bitcoin-projects p{margin:0}
.feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:44px;align-items:center;margin-top:15px}
.feature>*{min-width:0}
.feature-copy{padding:0}
.feature h3{font:600 33px/1.15 Newsreader,Georgia,serif;letter-spacing:-.025em;margin:13px 0 19px}
.feature p{font-size:15px;line-height:1.75;color:var(--muted)}
.tags{display:flex;gap:8px 16px;flex-wrap:wrap;margin:21px 0;color:var(--ink)}
.tag{font-size:11px;font-style:italic}
.tag+.tag::before{content:'·';margin-right:12px}
.video{position:relative;display:block;aspect-ratio:16/9;background:#1b2c40;overflow:hidden;border:0;padding:0;width:100%;min-width:0;cursor:pointer}
.video img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.88) brightness(.88);transition:filter .2s}
.video:hover img{filter:saturate(1) brightness(1)}
.play{position:absolute;inset:0;display:grid;place-items:center}
.play span{width:53px;height:53px;display:grid;place-items:center;border:1px solid #fffdf6;color:#fffdf6;background:#1e3a65cb;border-radius:50%;font-size:19px;padding-left:3px}
.video-embed{display:block;width:100%;min-width:0;aspect-ratio:16/9;border:0;background:#14233b}
.feature>.video,.feature>.video-embed{order:-1;outline:9px solid #fffdf6;box-shadow:0 0 0 10px #d9d5ca,3px 5px 17px #24344922;width:calc(100% - 10px);margin-left:10px}
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.work-card{min-width:0;padding:9px;background:#fffdf6;border:1px solid #ded9cb;box-shadow:1px 3px 8px #2939500c}
.work-card .content{padding:13px 8px 7px}
.work-card h3{font-size:15px;line-height:1.4;margin:0 0 7px;font-weight:700}
.work-card p{font-size:12px;color:var(--muted);margin:0}
#work>h3{font:700 13px/1.4 'Courier Prime',monospace!important;margin:44px 0 20px!important;color:var(--ink);text-transform:uppercase;letter-spacing:.06em}
.view-badge{display:inline-flex;align-items:center;gap:6px;flex:none;padding:3px 7px;border:1px solid #24447862;color:var(--ink);font-size:11px;line-height:1.3;white-space:nowrap;font-variant-numeric:tabular-nums}
.view-badge svg{width:14px;height:14px;flex:none}
.work-meta,.ig-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.view-count-note{font-size:11px;color:var(--muted);margin:19px 0 0}
.ig-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.ig{padding:18px 16px 20px;border:1px solid #193b6b80;background:#fffdf6;box-shadow:2px 3px 0 #193b6b14;display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-height:162px;min-width:0}
.ig:hover{text-decoration:none;border-color:var(--ink);background:#f0f2f5;box-shadow:2px 3px 0 #193b6b30}
.ig strong{font:600 28px/1 Newsreader,Georgia,serif;color:var(--ink)}
.ig small{font-size:11px;color:var(--muted)}
.ig>div:last-child>div{font-weight:700;font-size:13px;margin-top:7px}
.ig .arrow{display:inline-block;margin-left:4px}
.concepts{border-top:1px solid var(--ink)}
.concept{border-bottom:1px solid var(--line);padding:0}
.concept summary{display:grid;grid-template-columns:122px 1fr 24px;gap:23px;align-items:center;list-style:none;cursor:pointer;padding:26px 0;min-height:88px;color:var(--ink)}
.concept summary::-webkit-details-marker{display:none}
.concept summary::after{content:'+';font-size:24px;line-height:1;justify-self:end}
.concept[open] summary::after{content:'−'}
.concept .number{font-size:11px;color:var(--muted)}
.concept h3{font:600 29px/1.2 Newsreader,Georgia,serif;letter-spacing:-.02em;margin:0}
.concept-body{padding:0 47px 21px 145px;max-width:1000px}
.concept p{font-size:15px;line-height:1.8;color:var(--muted);margin:0 0 16px}
.concept b{color:var(--ink);font-weight:700}
.concept .mini{font-size:12px;border-top:1px dashed var(--line);padding-top:14px;margin-top:20px}
.about{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:100px}
.about p{font-size:16px;line-height:1.85;margin:20px 0;color:var(--muted)}
.about>.experience-card{align-self:start;min-width:0;padding:24px;border:1px solid #193b6b80;background:#fffdf6;box-shadow:2px 3px 0 #193b6b14}
.experience-card:hover,.experience-card:focus-within{border-color:var(--ink);background:#f0f2f5;box-shadow:2px 3px 0 #193b6b30}
.about ul{list-style:none;margin:20px 0;padding:0;font-size:14px;color:var(--muted)}
.about li{padding:13px 0;border-bottom:1px solid var(--line);line-height:1.6}
.end{padding:84px 0 76px}
.end h2{font-size:clamp(40px,5vw,68px);max-width:850px}
.end p{font-size:14px;color:var(--muted);max-width:630px;margin-top:25px;line-height:1.8}
footer{border-top:1px solid var(--ink);padding:22px 0 27px;display:flex;gap:25px;justify-content:space-between;font-size:11px;color:var(--muted)}
@media(max-width:1050px){.wrap{width:calc(100% - 60px)}.hero-layout{gap:42px}.navlinks{gap:15px}.portfolio-brand{font-size:15px!important}.portfolio-brand span:last-child{display:none}.split{gap:45px}.about{gap:50px}.ig-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.wrap{width:calc(100% - 48px)}nav{align-items:flex-start;padding:22px 0;flex-direction:column;gap:10px;min-height:0}.portfolio-brand span:last-child{display:inline}.navlinks{gap:12px 24px;flex-wrap:wrap}.hero{padding-top:53px}.hero-layout{grid-template-columns:1fr;gap:36px}.hero-intro{order:-1}.hero-intro h1{font-size:68px}.hero-description{max-width:650px}.hero-note{max-width:430px;justify-self:center;width:100%;padding:10px 15px}.hero-note::before{top:-4px}.note-signature{font-size:31px;margin-top:13px}.stats{margin-top:47px}.section-head{gap:30px;grid-template-columns:1fr;margin-bottom:32px}.section-note{max-width:670px}.split{grid-template-columns:1.4fr 1fr;gap:32px}.feature{grid-template-columns:1fr;gap:31px}.feature>.video,.feature>.video-embed{margin:0 10px;width:calc(100% - 20px)}.feature-copy{margin-top:8px}.concept-body{padding-left:0}.about{gap:42px}section{padding:65px 0}}
@media(max-width:540px){.wrap{width:calc(100% - 40px)}.portfolio-brand{font-size:14px!important;gap:4px 7px}.portfolio-brand span:last-child{font-size:11px}.navlinks{font-size:11px;gap:5px 16px}.hero{padding-top:39px}.hero-intro h1{font-size:clamp(45px,12vw,64px);margin-bottom:23px}.hero-lead{font-size:19px;line-height:1.5}.hero-description{font-size:14px;line-height:1.8}.actions{gap:8px 22px;margin-top:23px}.hero-note{max-width:350px}.stats{grid-template-columns:1fr;gap:0;padding:4px 0;margin-top:35px}.stat,.stat+.stat{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:18px;border-left:0;padding:19px 0}.stat+.stat{border-top:1px solid var(--line)}.stat strong{font-size:35px}.stat small{font-size:13px;max-width:none}h2{font-size:40px}.split,.about{grid-template-columns:1fr;gap:36px}.info-card:last-child{transform:none;margin-top:5px}.video-grid{grid-template-columns:1fr;gap:22px}.ig-grid{gap:23px 18px}.ig{gap:16px;min-height:170px;padding:16px 12px}.ig-top{align-items:flex-start;gap:9px}.view-badge{font-size:11px;padding:3px 5px}.ig small{font-size:11px}.ig>div:last-child>div{font-size:12px}.feature h3{font-size:31px}.concept summary{grid-template-columns:1fr 24px;gap:10px 15px;padding:23px 0}.concept .number{grid-column:1}.concept h3{grid-row:2;grid-column:1;font-size:27px}.concept summary::after{grid-column:2;grid-row:1/3}.concept-body{padding-right:0}.concept p{font-size:15px}.end{padding:65px 0 55px}.end h2{font-size:45px}footer{flex-direction:column;gap:8px;font-size:11px}.about p{margin-top:20px}.about>.experience-card{padding:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}