@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&family=Playfair+Display:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:4px}.site{--bg: #141a18;--fg: #f2f1e9;--sub: #bbc6b9;--accent: #c9ec70;--panel: #202a24;--line: #526055;--font: "DM Sans", sans-serif;--display: "DM Sans", sans-serif;position:relative;background:var(--bg);font-family:var(--font);min-height:100vh;overflow:clip}.roll-cover{position:fixed;z-index:2;top:-4px;left:0;width:100%;height:8px;background:var(--bg);pointer-events:none}.site main{position:relative}.segment{color:var(--fg);background:var(--bg)}.wrap{width:min(100% - 72px,1080px);margin-inline:auto}.header{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:85px;border-bottom:1px solid var(--line)}.wordmark{font-family:var(--display);font-size:21px;font-weight:800;letter-spacing:-.05em;white-space:nowrap}.mark{color:var(--accent)}nav{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:700}.pull-cord{position:fixed;z-index:1000;top:-4px;right:clamp(20px,7vw,110px);display:flex;flex-direction:column;align-items:center;width:74px;height:170px;padding:0;border:0;color:var(--fg);background:transparent;cursor:grab;transform-origin:50% 0;view-transition-name:pull-cord}.pull-cord.cord-invite{animation:cord-invite 2s ease-out both}.pull-cord:active{cursor:grabbing}.pull-cord:disabled{cursor:wait}.cord-line{width:5px;height:106px;flex:none;background:repeating-linear-gradient(20deg,var(--line) 0 4px,var(--sub) 4px 8px);border:1px solid var(--fg);border-top:0;box-shadow:1px 0 3px #0005}.cord-handle{display:grid;place-items:center;width:55px;height:55px;flex:none;border:3px solid var(--fg);border-radius:50%;background:var(--accent);color:var(--bg);box-shadow:3px 4px #0007;font:800 30px/1 var(--display)}@keyframes cord-invite{0%,to{transform:rotate(0)}14%{transform:rotate(11deg)}32%{transform:rotate(-7deg)}49%{transform:rotate(4deg)}65%{transform:rotate(-2deg)}80%{transform:rotate(1deg)}}::view-transition{pointer-events:none}::view-transition-group(root){background:var(--roll-cover, #141a18)}::view-transition-group(pull-cord){z-index:1;animation:none}::view-transition-old(pull-cord){animation:none;opacity:0}::view-transition-new(pull-cord){animation:none}::view-transition-old(root){animation:roll-old .72s linear both}::view-transition-new(root){animation:roll-down .82s both}@keyframes roll-old{0%,77%{opacity:1;clip-path:inset(4px 0 0 0)}78%,to{opacity:0;clip-path:inset(4px 0 0 0)}}@keyframes roll-down{0%{clip-path:inset(0 0 100% 0);opacity:.7;transform:translateY(4px);animation-timing-function:ease-in}20%{clip-path:inset(0 0 0 0);transform:translateY(4px);animation-timing-function:cubic-bezier(.16,1,.3,1)}30%{opacity:1}to{clip-path:inset(0 0 0 0);transform:translateY(0)}}nav a:hover,.jump:hover,.contact-section a:hover,.footer button:hover{color:var(--accent)}.hero{padding-block:95px 105px;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:60px 25px;align-items:center}.eyebrow,.item-index,.proof-label,.stack,.footer{font:500 12px/1.6 DM Mono,monospace;letter-spacing:.03em}.eyebrow{color:var(--accent);display:block;margin:0 0 25px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.055em}h1{font-size:clamp(57px,8.4vw,116px);line-height:.98;max-width:850px}h1 .title-line{display:block;overflow-wrap:anywhere}h1 .title-line+.title-line{color:var(--accent)}.intro{margin-top:34px;max-width:630px;color:var(--sub);font-size:19px;line-height:1.6}.jump{display:inline-flex;gap:24px;margin-top:26px;padding-bottom:6px;border-bottom:1px solid currentColor;font-weight:700;font-size:14px}.hero-side{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:26px 10px;border:1px solid var(--line);transform:rotate(6deg)}.hero-symbol{font:700 clamp(32px,4vw,64px)/1 var(--display);color:var(--accent);margin:auto;white-space:nowrap}.hero-portrait{display:block;width:100%;max-width:220px;height:auto;aspect-ratio:1;object-fit:contain;margin:auto}.retro-gifs{display:none}.proof{grid-column:1 / -1;background:var(--accent);color:var(--bg);padding:34px 40px;display:grid;grid-template-columns:1.1fr .9fr;gap:10px 34px}.proof-label{grid-column:1 / -1;text-transform:uppercase}.proof strong{font:800 clamp(28px,4.2vw,55px)/1.07 var(--display);letter-spacing:-.05em}.proof-badge{justify-self:start;align-self:center;padding:10px 16px;background:var(--bg);color:var(--fg);border:1px solid var(--line);font:700 clamp(13px,1.7vw,18px)/1.35 var(--font);transform:rotate(-2deg)}.band{background:var(--panel)}.tools-section,.work-section,.contact-section{padding-block:100px}.section-head{margin-bottom:45px}.section-head h2,.contact-section h2{font-size:clamp(42px,5.8vw,76px);line-height:1.05}.section-head>p{color:var(--sub);margin-top:16px;max-width:680px;line-height:1.6}.tools-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:start;gap:54px}.tools-list,.work-list{border-top:1px solid var(--line)}.tool-item{display:grid;grid-template-columns:35px minmax(0,1fr);gap:15px;padding:22px 0;border-bottom:1px solid var(--line)}.item-index{color:var(--accent)}.tool-item h3,.work-item h3{font-size:21px;margin-bottom:9px;line-height:1.25}.tool-item p,.work-item p{font-size:15px;line-height:1.6;color:var(--sub)}.terminal{min-width:0;background:#303344;color:#d7def8;border:1px solid #555c6b;font:12px/1.6 IBM Plex Mono,monospace;box-shadow:12px 12px color-mix(in srgb,var(--bg),transparent 20%)}.terminal figcaption{background:#393c4c;border-bottom:1px solid #555c6b;padding:14px 18px;color:#c5cee0}.terminal-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#c9ec70;margin-right:9px}.terminal-body{padding:22px 18px 30px;overflow-wrap:anywhere}.terminal-body p{margin-bottom:9px}.terminal-body p:last-child{margin-bottom:0}.terminal-accent{color:#ff89b6}.terminal-accent span{color:#c9ec70}.terminal-gap{margin-top:20px}.terminal-muted{color:#aeb9c9}.terminal-footer{border-top:1px solid #555c6b;padding:9px 18px;color:#8dc9ff;text-align:right}.work-item{display:grid;grid-template-columns:155px minmax(0,275px) minmax(0,1fr);gap:20px;border-bottom:1px solid var(--line);padding:28px 0}.stack{margin-top:38px;color:var(--sub);line-height:1.8}.stack strong{color:var(--fg);margin-right:14px}.contact-section a{display:inline-block;margin-top:28px;font:700 clamp(22px,4vw,44px)/1.25 var(--display);border-bottom:2px solid var(--accent);overflow-wrap:anywhere}.footer{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--sub)}.edition{display:flex;align-items:center;gap:20px}.footer button{padding:8px 12px;border:1px solid var(--line);background:transparent;color:var(--fg)}.variant-1{--bg: #f3efe5;--fg: #282920;--sub: #58594f;--accent: #a53227;--panel: #e7e2d4;--line: #b8b4a5;--display: "Playfair Display", serif}.variant-1 .hero{grid-template-columns:minmax(0,1fr) 135px}.variant-1 .hero-side{transform:none;border:0;border-left:1px solid var(--line);aspect-ratio:auto;height:100%}.variant-1 .hero-symbol{font-size:40px}.variant-1 .proof{color:#fff}.variant-1 .terminal{box-shadow:12px 12px #d4cdbc}.variant-1 .hero{grid-template-columns:minmax(0,1fr) 135px;border-bottom:1px solid var(--line)}.variant-1 .hero-main{max-width:670px}.variant-1 h1{font-weight:500;letter-spacing:-.07em}.variant-1 .proof{background:transparent;color:var(--fg);border-top:4px double var(--line);padding-inline:0}.variant-1 .proof strong{color:var(--accent)}.variant-1 .band{background:var(--bg)}.variant-1 .tools-layout{grid-template-columns:minmax(0,1fr)}.variant-1 .tools-list{columns:2;column-gap:48px}.variant-1 .tool-item{break-inside:avoid}.variant-1 .terminal{max-width:660px}.variant-2{--bg: #f8ee2f;--fg: #131416;--sub: #23262a;--accent: #1547f5;--panel: #f8ee2f;--line: #131416;--display: "Space Grotesk", sans-serif}.variant-2 .header,.variant-2 .tool-item,.variant-2 .work-item,.variant-2 .tools-list,.variant-2 .work-list{border-width:3px}.variant-2 h1{text-transform:uppercase;font-weight:700}.variant-2 .hero-side{border:4px solid;box-shadow:10px 10px 0 var(--fg);transform:rotate(-7deg)}.variant-2 .proof{border:4px solid var(--fg);box-shadow:12px 12px 0 var(--fg);color:#fff}.variant-2 .band{border-block:3px solid var(--fg)}.variant-2 .terminal{box-shadow:10px 10px 0 var(--fg)}.variant-2 .work-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border:0}.variant-2 .work-item{display:block;border:3px solid var(--fg);padding:20px;background:#fff9a6}.variant-2 .work-item h3{margin-top:24px}.variant-3{--bg: #0a1210;--fg: #b4f5b1;--sub: #a4c3af;--accent: #fdac77;--panel: #101f19;--line: #43634f;--font: "IBM Plex Mono", monospace;--display: "IBM Plex Mono", monospace}.variant-3 h1{font-size:clamp(50px,7vw,92px);letter-spacing:-.075em}.variant-3 h1:before{content:"> ";color:var(--accent)}.variant-3 .hero-side{transform:none;border-radius:50%}.variant-3 .proof{color:#0a1210;border:1px solid var(--fg)}.variant-3 .proof strong{font-size:clamp(27px,3.5vw,47px)}.variant-3 .terminal{box-shadow:none}.variant-3 .tools-layout{grid-template-columns:minmax(0,1fr)}.variant-3 .terminal{max-width:760px;order:-1}.variant-3 .tool-item{grid-template-columns:70px minmax(0,1fr)}.variant-3 .header{border-bottom-style:dashed}.variant-3 .hero{grid-template-columns:minmax(0,1fr)}.variant-3 .hero h1{font-size:clamp(40px,6vw,78px)}.variant-3 .proof{max-width:710px;background:transparent;color:var(--fg);border:1px dashed var(--line)}.variant-3 .tools-section{border-block:1px dashed var(--line)}.variant-3 .tool-item{border-bottom-style:dashed}.variant-3 .work-item{grid-template-columns:140px minmax(0,1fr)}.variant-4{--bg: #f6f6f1;--fg: #101010;--sub: #414141;--accent: #e32926;--panel: #e9e9e3;--line: #141414;--display: "Space Grotesk", sans-serif}.variant-4 .hero{grid-template-columns:3fr 1fr}.variant-4 h1{font-size:clamp(72px,10vw,145px);letter-spacing:-.085em}.variant-4 .hero-side{transform:none;border:0;border-top:8px solid var(--accent)}.variant-4 .proof{background:var(--fg);color:#fff}.variant-4 .proof-label{color:#ff7771}.variant-4 .band{border-top:1px solid var(--fg)}.variant-4 .tools-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.variant-4 .terminal{order:-1}.variant-4 .work-item{grid-template-columns:120px minmax(0,1fr)}.variant-4 .work-item p{grid-column:2}.variant-5{--bg: #eddefb;--fg: #301751;--sub: #5f4a76;--accent: #e850a5;--panel: #fbe9d7;--line: #aa8eb8;--display: "Space Grotesk", sans-serif}.variant-5 .hero-side{background:#d1f2a4;border-radius:50%;transform:rotate(-14deg);border:0}.variant-5 .proof{border-radius:36px 6px;color:#301751;transform:rotate(-1deg)}.variant-5 .terminal{border-radius:18px;overflow:hidden;box-shadow:10px 10px #d2a3df}.variant-5 .tool-item{padding:24px 16px}.variant-5 .tool-item:nth-child(2n){background:#f1e6fb}.variant-5 .work-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border:0}.variant-5 .work-item{display:block;padding:26px;background:#faf0ff;border:1px solid var(--line);border-radius:50px 50px 8px 8px}.variant-5 .work-item h3{margin-top:28px}.variant-5 .hero{grid-template-columns:minmax(0,1fr)}.variant-5 .hero-side{display:none}.variant-5 .hero-main{max-width:760px;padding:55px;background:#faf0ff;border-radius:45px 45px 10px}.variant-5 .proof{max-width:800px;margin-left:auto}.variant-5 .section-head h2{max-width:580px}.variant-5 .tools-layout{grid-template-columns:minmax(0,1fr)}.variant-5 .tools-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:0}.variant-5 .tool-item{background:#f1e6fb;border-radius:22px;border:0}.variant-5 .terminal{max-width:660px;margin-left:auto}.variant-6{--bg: #102c54;--fg: #ebf4ff;--sub: #c2d5ea;--accent: #87e6ea;--panel: #163960;--line: #6483a4;--font: "IBM Plex Mono", monospace;--display: "Space Grotesk", sans-serif;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:32px 32px}.variant-6 .band{background:#163960e8}.variant-6 .hero-side{transform:none;border:2px dashed var(--accent)}.variant-6 .proof{background:transparent;color:var(--fg);border:2px solid var(--accent)}.variant-6 .proof strong{color:var(--accent)}.variant-6 .terminal{box-shadow:none}.variant-6 .tools-layout{grid-template-columns:1fr 1fr}.variant-6 .terminal{order:-1}.variant-6 .tool-item{border-left:2px solid var(--accent);padding-left:15px}.variant-7{--bg: #101c21;--fg: #eaf4f2;--sub: #aec9c8;--accent: #43e2c2;--panel: #172a2f;--line: #3e5d60;--font: "IBM Plex Mono", monospace;--display: "Space Grotesk", sans-serif}.variant-7 .header{border-bottom:2px solid var(--accent)}.variant-7 .hero{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:stretch;gap:16px;padding-block:34px 80px}.variant-7 .hero-main,.variant-7 .hero-side,.variant-7 .proof{border:1px solid var(--line);background:var(--panel)}.variant-7 .hero-main{padding:clamp(25px,4vw,54px)}.variant-7 h1{font-size:clamp(50px,6.4vw,83px)}.variant-7 .hero-side{width:100%;height:auto;aspect-ratio:auto;transform:none;padding:25px}.variant-7 .hero-symbol{font-size:clamp(36px,5vw,66px)}.variant-7 .proof{background:var(--accent);color:#101c21;padding:30px}.variant-7 .tools-section,.variant-7 .contact-section{background:#101c21}.variant-7 .tools-layout{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:16px}.variant-7 .tools-list{border:0;display:grid;gap:10px}.variant-7 .tool-item{border:1px solid var(--line);background:var(--panel);padding:18px}.variant-7 .terminal{box-shadow:none}.variant-7 .work-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;border:0}.variant-7 .work-item{display:flex;flex-direction:column;gap:20px;border:1px solid var(--line);background:var(--panel);padding:24px}.variant-7 .work-item h3{margin:0}.variant-7 .work-item p{grid-column:auto}.variant-7 .hero{grid-template-columns:minmax(0,1fr) 210px}.variant-7 .hero-main{border-left:5px solid var(--accent)}.variant-7 .proof{grid-column:1}.variant-7 .hero-side{grid-row:1 / 3;grid-column:2}.variant-7 .tools-layout{grid-template-columns:minmax(0,1fr) minmax(0,.75fr)}.variant-7 .work-section{border-block:1px solid var(--line)}.variant-7 .work-item{min-height:270px}.variant-8{--bg: #eee9dc;--fg: #20201b;--sub: #48473d;--accent: #9c3925;--panel: #dfd7c7;--line: #545147;--display: "Playfair Display", serif}.variant-8 .header{border-bottom:4px double var(--fg)}.variant-8 .hero{grid-template-columns:1fr 180px;padding-top:50px}.variant-8 h1{font-size:clamp(70px,9vw,125px)}.variant-8 .hero-side{transform:none;border:0;border-block:4px double var(--line);aspect-ratio:1}.variant-8 .proof{background:transparent;color:var(--fg);border-block:4px double var(--line);padding-inline:0}.variant-8 .proof strong{color:var(--accent)}.variant-8 .tool-item,.variant-8 .work-item{border-bottom-style:dashed}.variant-8 .tools-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}.variant-8 .work-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;border-top:4px double var(--line)}.variant-8 .work-item{display:block;border-bottom:0;border-right:1px solid var(--line);padding-right:20px}.variant-8 .work-item:last-child{border-right:0}.variant-8 .work-item h3{margin-top:26px}.variant-9{--bg: #0c0b1c;--fg: #f7eaff;--sub: #cabed9;--accent: #e26dff;--panel: #191333;--line: #694587;--display: "Space Grotesk", sans-serif}.variant-9 .hero{background:radial-gradient(circle at 90% 27%,#7337af88,transparent 37%)}.variant-9 h1 .title-line+.title-line{text-shadow:0 0 35px #e26dff88}.variant-9 .hero-side{transform:rotate(12deg);background:linear-gradient(145deg,#522d72,#18112f);border-color:var(--accent);box-shadow:0 0 38px #e26dff55}.variant-9 .proof{background:linear-gradient(125deg,#e26dff,#87d3fa);color:#141020;border-radius:3px;box-shadow:0 0 40px #a147ce55}.variant-9 .terminal{box-shadow:0 0 36px #a147ce44}.variant-9 .tool-item{border:1px solid var(--line);padding:20px;margin-bottom:12px;background:#281847}.variant-9 .tools-list{border:0}.variant-9 .work-item h3{color:var(--accent)}.variant-10{--bg: #fbfbf6;--fg: #212623;--sub: #5b665c;--accent: #43843e;--panel: #f3f5ed;--line: #c0cabe;--display: "DM Sans", sans-serif}.variant-10 .hero{grid-template-columns:1fr 160px;min-height:720px}.variant-10 h1{font-weight:500;letter-spacing:-.08em}.variant-10 .hero-side{border:0;transform:none;aspect-ratio:auto}.variant-10 .hero-symbol{font-weight:400}.variant-10 .proof{background:transparent;color:var(--fg);border-top:2px solid var(--accent);border-bottom:1px solid var(--line);padding-inline:0}.variant-10 .proof strong{font-weight:500}.variant-10 .terminal{box-shadow:none}.variant-10 .tools-layout{grid-template-columns:minmax(0,1fr)}.variant-10 .tools-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:55px}.variant-10 .terminal{max-width:700px}.variant-10 .hero{grid-template-columns:minmax(0,1fr);min-height:0;padding-block:150px 100px}.variant-10 .hero-main{max-width:700px}.variant-10 .hero-side{display:none}.variant-10 .proof{max-width:700px;grid-template-columns:1fr;gap:20px}.variant-10 .tools-section,.variant-10 .contact-section{background:var(--bg)}.variant-10 .tools-layout{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}.variant-10 .tools-list{display:block}.variant-10 .tool-item{padding-block:14px}.variant-10 .work-item{grid-template-columns:120px minmax(0,1fr)}.variant-10 .work-item p{grid-column:2}.variant-11{--bg: #fff;--fg: #202020;--sub: #444;--accent: #174ea6;--panel: #f1f1f1;--line: #bbb;--font: Arial, sans-serif;--display: Arial, sans-serif}.variant-11 .wrap{max-width:930px}.variant-11 .header{min-height:70px}.variant-11 .wordmark{font-size:20px;letter-spacing:0}.variant-11 nav a,.variant-11 .jump,.variant-11 .contact-section a{color:var(--accent);text-decoration:underline;border:0}.variant-11 h1{font-size:clamp(40px,6vw,70px);letter-spacing:-.035em}.variant-11 h2,.variant-11 h3{letter-spacing:0}.variant-11 .hero{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:65px}.variant-11 .hero-side{display:none}.variant-11 .proof{grid-template-columns:1fr;gap:12px;background:#e9f1fe;color:var(--fg);border:1px solid #a7bfdc;padding:24px}.variant-11 .proof strong{font-size:26px;letter-spacing:0}.variant-11 .proof-badge{transform:none}.variant-11 .tools-section,.variant-11 .work-section,.variant-11 .contact-section{padding-block:60px}.variant-11 .tools-layout{grid-template-columns:1fr}.variant-11 .terminal{max-width:660px;box-shadow:none}.variant-11 .work-item{grid-template-columns:130px minmax(0,1fr)}.variant-11 .work-item p{grid-column:2}.variant-12{--bg: #fcfcfa;--fg: #222b31;--sub: #526169;--accent: #006b66;--panel: #edf3f1;--line: #becdca;--font: "DM Sans", sans-serif;--display: "DM Sans", sans-serif}.variant-12 .header{width:min(100% - 48px,1080px);align-items:flex-start;flex-direction:column;gap:28px;padding:28px 0}.variant-12 nav{flex-wrap:wrap}.variant-12 nav a{border-bottom:2px solid transparent;padding-bottom:7px}.variant-12 nav a:hover{border-color:var(--accent)}.variant-12 h1{font-size:clamp(48px,6vw,78px)}.variant-12 .hero{grid-template-columns:minmax(0,1fr);padding-block:70px}.variant-12 .hero-side{display:none}.variant-12 .proof{background:var(--panel);color:var(--fg);border-left:5px solid var(--accent);max-width:860px}.variant-12 .proof strong{font-size:clamp(24px,3vw,38px)}.variant-12 .tools-layout{grid-template-columns:minmax(0,1fr)}.variant-12 .tools-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}.variant-12 .terminal{max-width:680px;box-shadow:none}.variant-12 .work-item{grid-template-columns:145px minmax(0,1fr)}.variant-12 .work-item p{grid-column:2}.variant-12 .contact-section{border-top:1px solid var(--line)}.variant-13{--bg: #f4edfb;--fg: #391a58;--sub: #654a78;--accent: #ae285c;--panel: #e8d9f4;--line: #bca4cc;--display: "Playfair Display", serif}.variant-13 .header{border-bottom:0}.variant-13 .hero{grid-template-columns:minmax(0,1fr);gap:45px;padding-block:105px 140px}.variant-13 h1{font-size:clamp(60px,9.5vw,134px);line-height:.92;font-weight:500}.variant-13 .hero-side{display:none}.variant-13 .proof{max-width:840px;background:#fffaf5;color:var(--fg);box-shadow:18px 18px 0 var(--accent);transform:rotate(-1deg)}.variant-13 .proof strong{font-size:clamp(26px,3vw,44px)}.variant-13 .tools-section{background:var(--bg)}.variant-13 .tools-layout{grid-template-columns:minmax(0,1fr)}.variant-13 .tools-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:0}.variant-13 .tool-item{padding:24px;background:#fffaf5;border:1px solid var(--line)}.variant-13 .terminal{max-width:660px;margin-left:auto}.variant-13 .work-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border:0}.variant-13 .work-item{display:block;padding:24px;background:#fffaf5;border:0}.variant-13 .work-item h3{margin-top:20px}.variant-14{--bg: #111712;--fg: #e7f2df;--sub: #adc0ad;--accent: #bdfa45;--panel: #1a281c;--line: #4b6d4f;--font: "IBM Plex Mono", monospace;--display: "Space Grotesk", sans-serif}.variant-14 .header{border-bottom:2px solid var(--accent)}.variant-14 .hero{grid-template-columns:minmax(0,1fr) 180px;align-items:stretch;gap:12px;padding-block:30px 90px}.variant-14 .hero-main{background:var(--panel);padding:50px;border:1px solid var(--line)}.variant-14 h1{font-size:clamp(56px,8vw,106px)}.variant-14 .hero-side{aspect-ratio:auto;transform:none;background:repeating-linear-gradient(45deg,transparent,transparent 16px,#bdfa4514 16px,#bdfa4514 17px)}.variant-14 .proof{background:var(--accent);color:var(--bg)}.variant-14 .tools-layout{grid-template-columns:minmax(0,1fr)}.variant-14 .tools-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:0}.variant-14 .tool-item{display:block;border:1px solid var(--line);background:var(--panel);padding:20px}.variant-14 .item-index{display:block;margin-bottom:25px}.variant-14 .terminal{max-width:800px;box-shadow:none}.variant-14 .work-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:0}.variant-14 .work-item{display:block;border:1px solid var(--line);padding:20px}.variant-14 .work-item h3{margin-top:24px}.variant-15{--bg: #f7f8f6;--fg: #162823;--sub: #526761;--accent: #086d58;--panel: #f0f4f1;--line: #cad8d0;--display: "DM Sans", sans-serif}.variant-15 .wrap{max-width:1120px}.variant-15 .header{border-bottom-color:var(--line)}.variant-15 .hero{grid-template-columns:minmax(0,1fr);padding-block:145px 130px;gap:75px}.variant-15 .hero-side{display:none}.variant-15 h1{font-size:clamp(55px,7vw,96px);font-weight:500;letter-spacing:-.08em}.variant-15 .intro{max-width:520px}.variant-15 .proof{max-width:720px;grid-template-columns:1fr;background:transparent;color:var(--fg);border-top:2px solid var(--accent);border-bottom:1px solid var(--line);padding-inline:0}.variant-15 .proof strong{font-weight:500;font-size:clamp(28px,3.2vw,43px)}.variant-15 .tools-section{background:var(--bg)}.variant-15 .tools-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.variant-15 .tool-item{padding-block:16px}.variant-15 .terminal{box-shadow:none}.variant-15 .work-item{grid-template-columns:165px minmax(0,1fr);padding-block:35px}.variant-15 .work-item p{grid-column:2;max-width:560px}.variant-15 .contact-section{background:var(--bg);border-top:1px solid var(--line)}.variant-5{--bg: #f6c9e6;--fg: #421856;--sub: #604274;--accent: #e13976;--panel: #ffebae;--line: #a8529b}.variant-5 .hero{position:relative;isolation:isolate;background:radial-gradient(circle at 85% 16%,#fff7aa 0 10%,transparent 10.2%),radial-gradient(circle at 16% 85%,#65d9db 0 8%,transparent 8.2%)}.variant-5 .hero:before{content:"✿";position:absolute;top:0;right:3%;z-index:-1;font-size:clamp(130px,22vw,310px);line-height:1;color:#fe812e;transform:rotate(-17deg)}.variant-5 .hero-main{position:relative;background:#fffaf2;border:4px solid #421856;box-shadow:14px 16px #65d9db}.variant-5 .hero-main:after{content:"★";position:absolute;top:-60px;right:10%;color:#de2870;font-size:110px;line-height:1;transform:rotate(18deg);pointer-events:none}.variant-5 h1 .title-line+.title-line{color:#d32f70}.variant-5 .proof{background:#fff29c;border:4px solid #421856;box-shadow:-12px 12px #fa7cba}.variant-5 .proof-badge{background:#65d9db;color:#421856;border:3px solid #421856;border-radius:50px;transform:rotate(7deg)}.variant-5 .tool-item{border:2px solid #421856;box-shadow:5px 5px #fa7cba}.variant-5 .tool-item:nth-child(2n){background:#bff4a1;transform:rotate(1deg)}.variant-5 .work-item:nth-child(1){background:#fceca0;transform:rotate(-2deg)}.variant-5 .work-item:nth-child(2){background:#bff4a1;transform:rotate(2deg)}.variant-5 .work-item:nth-child(3){background:#c6d7ff;transform:rotate(-1deg)}.variant-9{--bg: #100820;--fg: #fff2e6;--sub: #e7c7e4;--accent: #ffd878;--panel: #25143c;--line: #b675cf}.variant-9 .header{border-bottom:1px solid #f8b6e688}.variant-9 .wordmark{color:#ffb7df}.variant-9 .hero{position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr) 220px;min-height:750px;gap:50px 35px;background:radial-gradient(ellipse at 86% 20%,#a03aa590,transparent 42%),radial-gradient(ellipse at 20% 80%,#4142b66b,transparent 55%),#100820}.variant-9 .hero:before{content:"";position:absolute;z-index:-1;width:min(45vw,470px);aspect-ratio:1;top:3%;right:5%;border-radius:50%;background:radial-gradient(circle at 32% 30%,#fff0cf 0 7%,#ff9ac9 27%,#aa4fb7 60%,#351568 95%);box-shadow:0 0 0 22px #ff96cf23,0 0 0 66px #b260ef14,0 0 110px #f263ca66}.variant-9 .hero:after{content:"✦      ✧        ✦     ·       ✷";position:absolute;z-index:-1;left:4%;right:0;bottom:30%;font-size:clamp(22px,4vw,56px);color:#ffe4a3;letter-spacing:.3em;opacity:.8;pointer-events:none}.variant-9 .hero-main{position:relative;z-index:1;padding:40px 0 80px}.variant-9 h1{max-width:830px;font-size:clamp(60px,8vw,106px);line-height:.93;text-shadow:3px 5px 0 #892c7755}.variant-9 h1 .title-line+.title-line{color:#ffe59b;text-shadow:0 0 30px #ff89ca99}.variant-9 .intro{max-width:510px}.variant-9 .hero-side{position:relative;z-index:1;align-self:end;width:190px;background:radial-gradient(circle at 34% 25%,#fff6d3,#f9a8d2 48%,#934ea6 88%);border-radius:50%;border:2px solid #ffe59b;box-shadow:0 0 0 10px #ffd38d44,0 0 35px #e35cba80;transform:rotate(-11deg)}.variant-9 .hero-symbol{color:#4a225e;font-size:41px}.variant-9 .proof{position:relative;z-index:1;grid-column:1 / -1;max-width:850px;margin-left:auto;background:#f6a7d9;color:#311747;border:2px solid #ffe5a3;border-radius:12px 95px;box-shadow:16px 18px #352068}.variant-9 .proof strong{max-width:570px}.variant-9 .proof-badge{background:#41266a;color:#fff2e6;border-color:#ffe5a3;border-radius:60px}.variant-9 .tools-section{background:radial-gradient(circle at 86% 32%,#62408866,transparent 42%),#25143c}.variant-9 .tools-layout{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:55px}.variant-9 .tools-list{border-left:2px solid #f5a7d7;border-top:0;padding-left:30px}.variant-9 .tool-item{position:relative;background:none;margin:0;padding:24px 8px;border:0;border-bottom:1px solid #b675cf77}.variant-9 .tool-item:before{content:"✦";position:absolute;left:-38px;top:20px;color:#ffd878;font-size:20px}.variant-9 .tool-item:nth-child(2n){background:none;border-radius:0}.variant-9 .terminal{border:2px solid #d48acb;border-radius:25px;overflow:hidden;box-shadow:0 0 45px #a147ce55}.variant-9 .work-section{padding-block:130px}.variant-9 .work-item{grid-template-columns:125px minmax(0,1fr);gap:15px 30px;padding-block:35px;border-color:#d48acb88}.variant-9 .work-item h3{color:#ffd878;font-size:29px}.variant-9 .work-item p{grid-column:2;max-width:580px}.variant-9 .contact-section{background:radial-gradient(circle at 80% 50%,#8541a4,transparent 45%),#25143c}.variant-13{--bg: #ffebf0;--fg: #3c225e;--sub: #674375;--accent: #db3169;--panel: #b9f6ea;--line: #ae6aa9}.variant-13 .hero{position:relative;isolation:isolate;background:repeating-linear-gradient(155deg,#ffebf0 0 52px,#fbe0b9 52px 55px,#ffebf0 55px 100px)}.variant-13 .hero:before{content:"✿";position:absolute;z-index:-1;right:-3%;top:2%;color:#ffb029;font-size:clamp(180px,30vw,410px);line-height:1;transform:rotate(22deg)}.variant-13 .hero:after{content:"◕";position:absolute;z-index:-1;bottom:0;left:-5%;font-size:clamp(100px,16vw,220px);color:#5bc8c1;transform:rotate(-30deg)}.variant-13 .hero-main{position:relative;z-index:1;max-width:820px;padding:40px;background:#fff8f7dd;border:3px solid #3c225e;transform:rotate(-1deg)}.variant-13 h1 .title-line+.title-line{color:#d73168}.variant-13 .proof{background:#f9dd72;color:#3c225e;border:3px solid #3c225e;transform:rotate(2deg);box-shadow:18px 18px #5bc8c1}.variant-13 .proof-badge{background:#f4629d;color:#321c52;border-radius:100px;transform:rotate(-10deg)}.variant-13 .tools-section{background:#b9f6ea}.variant-13 .tool-item:nth-child(3n+1){background:#ffe7ae;transform:rotate(-1deg)}.variant-13 .tool-item:nth-child(3n+2){background:#fad7ee;transform:rotate(1deg)}.variant-13 .work-item:nth-child(1){background:#ffe7ae}.variant-13 .work-item:nth-child(2){background:#d1d3ff}.variant-13 .work-item:nth-child(3){background:#ffc7c2}.variant-14{--bg: #071d27;--fg: #ecffea;--sub: #b1e3cc;--accent: #d8ff51;--panel: #18393a;--line: #54a184}.variant-14 .hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 90% 20%,#75d17379,transparent 45%),radial-gradient(ellipse at 5% 100%,#4c85c775,transparent 55%)}.variant-14 .hero:before{content:"❋";position:absolute;z-index:-1;right:-7%;top:-7%;color:#e4ff72;font-size:clamp(220px,39vw,520px);line-height:1;opacity:.85;transform:rotate(20deg)}.variant-14 .hero-main{background:#0a2737ed;border:2px solid #a8f48d;border-radius:45% 12% 20% 8%/15% 10% 8% 12%;box-shadow:14px 18px #244d4c}.variant-14 .hero-side{border-radius:48% 52% 30% 70%;background:radial-gradient(circle at 35% 30%,#dcff7a,#4ecc9b 55%,#156175);border:4px solid #b5f287;transform:rotate(-9deg)}.variant-14 .hero-symbol{color:#072a2f}.variant-14 .proof{border-radius:30% 12% 8% 15%/18% 28% 12% 17%;background:#caff9c;color:#11352f}.variant-14 .proof-badge{background:#104854;color:#e9ffc5;border:1px solid #104854;border-radius:50px}.variant-14 .tool-item{border-radius:20px 75px 20px 50px}.variant-14 .work-item:nth-child(2){border-radius:60px 20px 55px;background:#24544d}.variant-3{--bg: #bbecff;--fg: #35235f;--sub: #584877;--accent: #f74887;--panel: #fff0a8;--line: #8052b0;--font: "DM Sans", sans-serif;--display: "Space Grotesk", sans-serif}.variant-3 .header{border-bottom:4px dotted #8052b0}.variant-3 .hero{position:relative;isolation:isolate;min-height:760px;background:radial-gradient(circle at 15% 22%,#fff 0 9%,transparent 9.2%),radial-gradient(circle at 89% 42%,#fff 0 7%,transparent 7.2%),radial-gradient(circle at 79% 16%,#fff4ae 0 15%,transparent 15.2%),linear-gradient(#bbecff,#d6ccff)}.variant-3 .hero:before{content:"☁";position:absolute;z-index:-1;right:0;top:5%;color:#fff;font-size:clamp(220px,36vw,450px);line-height:1;text-shadow:-140px 300px 0 #fff8f3}.variant-3 .hero:after{content:"✦";position:absolute;z-index:-1;left:5%;bottom:4%;color:#ff7294;font-size:140px;transform:rotate(-14deg)}.variant-3 h1:before{content:none}.variant-3 .hero h1{font-size:clamp(60px,9vw,118px);letter-spacing:-.08em;line-height:.9}.variant-3 .hero-main{max-width:900px;padding:clamp(26px,5vw,65px);border-radius:70px 15px 90px 35px;background:#fff8f0e8;border:4px solid #67409b;box-shadow:16px 18px #f74887;transform:rotate(-2deg)}.variant-3 .proof{max-width:900px;background:#ffe379;color:#35235f;border:4px solid #67409b;border-radius:24px 90px 24px 70px;box-shadow:-12px 14px #8adac6;transform:rotate(2deg)}.variant-3 .proof strong{font-size:clamp(30px,4vw,56px)}.variant-3 .proof-badge{background:#f74887;color:#fff;border:3px solid #67409b;border-radius:80px;transform:rotate(-7deg)}.variant-3 .tools-section{background:#fff0a8;border-block:0}.variant-3 .tools-layout{display:grid;grid-template-columns:1fr}.variant-3 .tools-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;border:0}.variant-3 .tool-item{padding:26px;border:3px solid #67409b;border-radius:45px 20px 50px 15px;background:#fff8f0;box-shadow:7px 7px #8adac6}.variant-3 .tool-item:nth-child(2n){background:#ffd6e8;border-radius:20px 60px 15px 50px}.variant-3 .terminal{max-width:770px;order:0;border:5px solid #67409b;border-radius:35px;overflow:hidden;box-shadow:12px 12px #f74887}.variant-3 .work-item{border-bottom:3px dotted #8052b0}.variant-14{--bg: #ffe8aa;--fg: #462056;--sub: #624376;--accent: #da245d;--panel: #b8f1f1;--line: #633a87;--font: "DM Sans", sans-serif;--display: "Space Grotesk", sans-serif}.variant-14 .header{border-bottom:5px dashed #da245d}.variant-14 .hero{position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr);min-height:790px;gap:42px;padding-block:120px 80px;background:repeating-linear-gradient(75deg,#ff8d9c 0 42px,#ffe8aa 42px 84px,#9fe5de 84px 126px,#ffe8aa 126px 168px)}.variant-14 .hero:before{content:"✸";position:absolute;z-index:-1;right:0;top:-10%;color:#fff7c7;font-size:clamp(250px,42vw,500px);line-height:1;text-shadow:-240px 400px 0 #ffce5e;transform:rotate(12deg)}.variant-14 .hero:after{content:"✦ ✷ ✦ ✷";position:absolute;z-index:-1;left:3%;bottom:5%;font-size:clamp(30px,6vw,65px);color:#9c35a9;letter-spacing:.6em}.variant-14 .hero-main{max-width:850px;padding:clamp(30px,5vw,65px);background:#fff6d9;border:6px solid #462056;border-radius:50% 50% 25px 25px/30% 30% 25px 25px;box-shadow:16px 18px #da245d;transform:rotate(-2deg)}.variant-14 h1{font-size:clamp(65px,10vw,125px);line-height:.86;text-transform:uppercase}.variant-14 h1 .title-line+.title-line{color:#da245d;text-shadow:5px 5px 0 #ffd048}.variant-14 .hero-side{display:none}.variant-14 .proof{max-width:870px;margin-left:auto;background:#b8f1f1;color:#462056;border:5px solid #462056;border-radius:25px;box-shadow:-14px 16px #ffd048;transform:rotate(2deg)}.variant-14 .proof-badge{background:#da245d;color:#fff7d6;border:3px solid #462056;border-radius:4px;transform:rotate(-9deg)}.variant-14 .tools-section{background:#b8f1f1}.variant-14 .tools-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;border:0}.variant-14 .tool-item{display:grid;grid-template-columns:35px 1fr;background:#fff6d9;border:3px solid #462056;border-radius:20px;box-shadow:6px 7px #da245d}.variant-14 .tool-item:nth-child(2n){background:#ffd1dd;transform:rotate(1deg)}.variant-14 .item-index{margin:0;color:#da245d}.variant-14 .terminal{border:5px solid #462056;border-radius:30px;overflow:hidden;box-shadow:12px 12px #ffd048}.variant-14 .work-item{border:3px solid #462056;background:#fff6d9;border-radius:50px 8px;box-shadow:6px 7px #9fe5de}.variant-14 .work-item:nth-child(2){background:#ffd1dd;border-radius:8px 50px}.variant-12{--bg: #f9d8ec;--fg: #412267;--sub: #674776;--accent: #d6327b;--panel: #b8e8f9;--line: #ad68a4;--display: "Playfair Display", serif}.variant-12 .header{border-bottom:4px dotted #ad68a4}.variant-12 .hero{position:relative;isolation:isolate;min-height:700px;background:radial-gradient(circle at 91% 12%,#fff2a2 0 14%,transparent 14.2%),radial-gradient(circle at 8% 80%,#a3e8d9 0 15%,transparent 15.2%)}.variant-12 .hero:before{content:"✿";position:absolute;z-index:-1;right:4%;top:10%;color:#fb8db7;font-size:clamp(200px,30vw,390px);line-height:1;transform:rotate(20deg)}.variant-12 .hero-main{padding:45px;background:#fff7ec;border:4px solid #412267;transform:rotate(2deg);box-shadow:-14px 15px #a3e8d9}.variant-12 h1{font-size:clamp(64px,8vw,110px);line-height:.93}.variant-12 .proof{background:#fff0a9;border:4px solid #412267;transform:rotate(-2deg);box-shadow:14px 14px #f789c0}.variant-12 .proof-badge{border-radius:60px;background:#acdbff;color:#412267;transform:rotate(8deg)}.variant-12 .tools-section{background:#b8e8f9}.variant-12 .tool-item{padding:24px;margin:8px;background:#fff7ec;border:2px solid #412267;box-shadow:5px 5px #fb8db7;transform:rotate(-1deg)}.variant-12 .tool-item:nth-child(2n){background:#fff0a9;transform:rotate(2deg)}.variant-12 .work-item{padding:32px;margin:20px 0;background:#fff7ec;border:3px solid #412267;box-shadow:8px 9px #a3e8d9}.variant-12 .work-item:nth-child(2n){background:#fff0a9}.variant-15{--bg: #d4eff9;--fg: #25235e;--sub: #4d4581;--accent: #ef367b;--panel: #fff2ac;--line: #674ab5;--display: "Space Grotesk", sans-serif}.variant-15 .hero{position:relative;isolation:isolate;background:repeating-linear-gradient(0deg,transparent 0 35px,#568bca44 35px 37px),linear-gradient(100deg,#d4eff9,#f9d0ea)}.variant-15 .hero:before{content:"✩ ✿ ✩";position:absolute;z-index:-1;right:2%;top:2%;color:#ef367b;font-size:clamp(75px,13vw,165px);white-space:nowrap;transform:rotate(-13deg)}.variant-15 .hero-main{max-width:850px;padding:45px;background:#fffbf3;border:3px dashed #674ab5;box-shadow:13px 13px #f8b54e;transform:rotate(-1deg)}.variant-15 h1{font-size:clamp(65px,9vw,112px);font-weight:800}.variant-15 h1 .title-line+.title-line{color:#ef367b;text-decoration:underline wavy #f8b54e;text-decoration-thickness:5px}.variant-15 .proof{background:#ffec9e;border:3px solid #674ab5;box-shadow:-12px 12px #9eddd1;padding:35px;transform:rotate(1deg)}.variant-15 .proof strong{font-weight:800}.variant-15 .proof-badge{background:#ef367b;color:#fff;border-radius:70px;transform:rotate(-5deg)}.variant-15 .tools-section{background:#fff2ac}.variant-15 .tools-layout{grid-template-columns:1fr}.variant-15 .tools-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;border:0}.variant-15 .tool-item{padding:28px;background:#fffbf3;border:3px solid #674ab5;border-radius:60px 15px 45px 12px;box-shadow:7px 8px #f8b54e}.variant-15 .tool-item:nth-child(2n){background:#ffd4e8;border-radius:15px 60px 12px 45px}.variant-15 .terminal{max-width:750px;margin-left:auto;border:4px solid #674ab5;box-shadow:-11px 12px #9eddd1}.variant-15 .work-item{border-bottom:4px dotted #674ab5}.variant-11{--bg: #000080;--fg: #fff;--sub: #ffffb1;--accent: #ffff00;--panel: #220066;--line: #ff00aa;--font: "Comic Sans MS", "Comic Sans", cursive;--display: "Comic Sans MS", "Comic Sans", cursive}.variant-11 .segment{background:navy;background-image:radial-gradient(#fff8 1px,transparent 2px),radial-gradient(#ffea0088 1px,transparent 2px);background-size:29px 29px,61px 61px;background-position:0 0,10px 17px}.variant-11 .header{background:silver;color:navy;border:5px ridge #fff;padding:12px;max-width:1080px}.variant-11 .wordmark{color:#c90072;text-shadow:1px 1px #fff}.variant-11 nav a{color:#00c;text-decoration:underline}.variant-11 .motion-toggle{color:navy;background:silver;border:3px outset #fff}.variant-11 .hero{grid-template-columns:1fr;padding-block:35px 70px;text-align:center}.variant-11 .hero-main{background:#c000a5;border:8px ridge #ffea00;padding:38px;box-shadow:10px 10px #000}.variant-11 h1{font-size:clamp(44px,8vw,100px);letter-spacing:0;color:#ff0;text-shadow:4px 4px #08004d}.variant-11 h1 .title-line+.title-line{color:#0ff}.variant-11 .intro{margin-inline:auto;color:#fff}.variant-11 .jump{color:#ff0;font-size:20px;text-decoration:underline}.variant-11 .retro-gifs{display:flex;grid-column:1 / -1;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;padding:15px;background:#000;border:5px ridge #00ffff;color:#ff0;font:800 clamp(15px,2vw,23px)/1.3 "Comic Sans MS",cursive}.variant-11 .retro-gifs img{display:block;object-fit:contain}.variant-11 .proof{background:#0ff;color:navy;border:8px ridge #ff00aa;text-align:left}.variant-11 .proof strong{font-size:clamp(25px,4vw,43px);color:navy}.variant-11 .proof-badge{color:#fff;background:#c000a5;border:4px outset #fff;font-size:18px}.variant-11 .band{background:#206}.variant-11 .tools-section,.variant-11 .work-section,.variant-11 .contact-section{padding-block:75px}.variant-11 .section-head h2,.variant-11 .contact-section h2{color:#ff0;text-shadow:3px 3px #c000a5}.variant-11 .eyebrow,.variant-11 .item-index{color:#0ff}.variant-11 .tool-item{padding:20px;margin-bottom:12px;border:5px ridge #ff00aa;background:navy}.variant-11 .tool-item p,.variant-11 .work-item p{color:#fff}.variant-11 .work-item{padding:24px;border:5px ridge #ffff00;background:#206;margin-bottom:12px}.variant-11 .stack,.variant-11 .section-head>p{color:#fff}.variant-11 .contact-section a{color:#0ff;text-decoration:underline;border:0}.variant-11 .footer{color:#fff}.variant-11 .footer button{color:navy;background:#ff0;border:5px outset #fff}.variant-6{--bg: #ffaed6;--fg: #252153;--sub: #432e69;--accent: #e21c70;--panel: #fff191;--line: #54228a;--font: "Comic Sans MS", "Comic Sans", cursive;--display: "Space Grotesk", sans-serif}.variant-6 .segment{background-image:repeating-linear-gradient(12deg,transparent 0 65px,#7e36ba2b 66px 69px,transparent 70px 130px)}.variant-6 .header{border:6px dotted #54228a;background:#bbf0ff;transform:rotate(-2deg);padding-inline:25px}.variant-6 .wordmark{font-size:26px;transform:rotate(4deg)}.variant-6 .hero{position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr);min-height:760px;gap:20px;background:radial-gradient(circle at 80% 25%,#f9ef6d 0 15%,transparent 15.2%),radial-gradient(circle at 10% 77%,#7defb5 0 10%,transparent 10.2%)}.variant-6 .hero:before{content:"✿";position:absolute;z-index:-1;right:-3%;top:1%;font-size:clamp(170px,32vw,390px);line-height:1;color:#40c7d0;transform:rotate(-18deg)}.variant-6 .hero:after{content:"↗  ★  ↘  ✦";position:absolute;z-index:-1;left:4%;bottom:2%;font-size:clamp(28px,6vw,70px);letter-spacing:.5em;color:#b233b2;transform:rotate(12deg)}.variant-6 .hero-main{max-width:870px;padding:50px;background:#fffae8;border:8px double #54228a;box-shadow:18px 19px #34d3a9;transform:rotate(-4deg)}.variant-6 h1{font-size:clamp(60px,9vw,120px);text-transform:uppercase;letter-spacing:-.09em;transform:rotate(4deg);text-shadow:5px 6px 0 #ff9a32}.variant-6 h1 .title-line+.title-line{color:#e21c70;transform:rotate(-8deg)}.variant-6 .eyebrow{transform:rotate(-7deg)}.variant-6 .intro{max-width:530px;transform:rotate(2deg)}.variant-6 .jump{transform:rotate(-5deg)}.variant-6 .hero-side{display:none}.variant-6 .proof{max-width:860px;background:#a8f0ff;color:#252153;border:6px dashed #54228a;box-shadow:-18px 16px #fdef6c;transform:rotate(5deg)}.variant-6 .proof strong{transform:rotate(-5deg)}.variant-6 .proof-badge{background:#f6ca39;color:#252153;border:4px solid #54228a;border-radius:50%;transform:rotate(-18deg)}.variant-6 .tools-section{background:#fff191}.variant-6 .tools-layout{grid-template-columns:1fr}.variant-6 .tools-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;border:0}.variant-6 .tool-item{padding:25px;background:#fffae8;border:5px solid #54228a;border-radius:50px 10px 70px 15px;box-shadow:8px 8px #ff8cae;transform:rotate(-3deg)}.variant-6 .tool-item:nth-child(2n){background:#a8f0ff;transform:rotate(4deg)}.variant-6 .tool-item:nth-child(3n){background:#aff3b0;transform:rotate(-7deg)}.variant-6 .terminal{max-width:780px;margin-left:auto;border:7px double #54228a;transform:rotate(3deg);box-shadow:13px 14px #ff8cae}.variant-6 .work-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border:0}.variant-6 .work-item{display:block;padding:22px;background:#aff3b0;border:5px dotted #54228a;transform:rotate(-4deg)}.variant-6 .work-item:nth-child(2){background:#fff191;transform:rotate(6deg)}.variant-6 .work-item:nth-child(3){background:#a8f0ff;transform:rotate(-8deg)}.variant-6 .work-item h3{margin-top:24px}.variant-6 .contact-section{background:#34d3a9}.variant-6 .contact-section .wrap{transform:rotate(-3deg)}.variant-7{--bg: #ffdfa3;--fg: #351a54;--sub: #573e70;--accent: #ee2c83;--panel: #b9edee;--line: #653692;--font: "DM Sans", sans-serif;--display: "Space Grotesk", sans-serif}.variant-7 .header{border:5px solid #351a54;background:#f7d7fc;transform:rotate(2deg);padding-inline:22px}.variant-7 nav a:nth-child(odd){display:inline-block;transform:rotate(-9deg)}.variant-7 .hero{position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr);gap:45px;min-height:780px;padding-block:110px 90px;background:repeating-linear-gradient(-25deg,#ffdfa3 0 80px,#fab3cc 82px 88px,#ffdfa3 90px 160px)}.variant-7 .hero:before{content:"✸";position:absolute;z-index:-1;top:-12%;right:-4%;color:#d358e4;font-size:clamp(270px,45vw,570px);line-height:1;transform:rotate(-20deg)}.variant-7 .hero:after{content:"●  ✦  ★";position:absolute;z-index:-1;bottom:0;left:-3%;color:#50cebf;font-size:clamp(100px,18vw,230px);white-space:nowrap;transform:rotate(14deg)}.variant-7 .hero-main{position:relative;max-width:880px;padding:55px;background:#fffbea;border:7px solid #351a54;box-shadow:22px 23px #f04585;transform:rotate(5deg)}.variant-7 h1{font-size:clamp(65px,10vw,122px);transform:rotate(-7deg);line-height:.93}.variant-7 h1 .title-line+.title-line{color:#ee2c83;transform:rotate(8deg);text-shadow:5px 5px 0 #ffe162}.variant-7 .hero-side{display:none}.variant-7 .proof{grid-column:1;max-width:860px;margin-left:auto;background:#b9edee;color:#351a54;border:7px solid #351a54;padding:35px;box-shadow:-18px 20px #ffe162;transform:rotate(-6deg)}.variant-7 .proof strong{transform:rotate(3deg)}.variant-7 .proof-badge{background:#ee2c83;color:#fff;border:4px dashed #351a54;transform:rotate(13deg)}.variant-7 .tools-section{background:#b9edee}.variant-7 .tools-layout{grid-template-columns:1fr}.variant-7 .tools-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border:0}.variant-7 .tool-item{background:#fffbea;border:5px solid #351a54;padding:27px;box-shadow:10px 11px #f04585;transform:rotate(4deg)}.variant-7 .tool-item:nth-child(2n){background:#ffe162;transform:rotate(-6deg)}.variant-7 .tool-item:nth-child(3n){background:#f7d7fc;transform:rotate(8deg)}.variant-7 .terminal{max-width:740px;border:7px solid #351a54;box-shadow:13px 14px #ffe162;transform:rotate(-4deg)}.variant-7 .work-section{border:0}.variant-7 .work-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;border:0}.variant-7 .work-item{min-height:0;display:block;background:#f7d7fc;border:5px solid #351a54;padding:22px;transform:rotate(4deg)}.variant-7 .work-item:nth-child(2){background:#ffe162;transform:rotate(-7deg)}.variant-7 .work-item:nth-child(3){background:#b9edee;transform:rotate(8deg)}.variant-7 .work-item h3{margin-top:24px}.variant-7 .contact-section{background:#ffe162}.variant-7 .contact-section .wrap{transform:rotate(4deg)}.variant-1{--bg: #dbe6f2;--fg: #243d62;--sub: #3e5679;--accent: #ef7100;--panel: #eef5fb;--line: #8eaccd;--font: Tahoma, Verdana, sans-serif;--display: Tahoma, Verdana, sans-serif}.variant-1 .segment{background:#dbe6f2}.variant-1 .header{background:#225a9c;border:0;border-bottom:5px solid #ef7100;color:#fff;padding:12px 22px;min-height:76px}.variant-1 .wordmark{font-size:23px;letter-spacing:-.04em}.variant-1 .mark{color:#ffc47a}.variant-1 nav a{color:#fff;text-decoration:underline}.variant-1 .motion-toggle{background:#fff;border:2px outset #fff;color:#225a9c}.variant-1 .hero{grid-template-columns:minmax(0,250px) minmax(0,1fr);align-items:start;gap:16px;padding-block:28px 65px;border:0}.variant-1 .hero-main{position:relative;grid-column:2;grid-row:1;max-width:none;padding:22px 28px 30px;background:#fff;border:2px solid #7e9abf;border-top:32px solid #ef7100}.variant-1 .hero-main:before{content:"Robin’s Profil";position:absolute;margin-top:-49px;color:#fff;font:700 16px Tahoma,sans-serif}.variant-1 .hero h1{font-size:clamp(40px,5.6vw,72px);font-weight:700;letter-spacing:-.065em}.variant-1 h1 .title-line+.title-line{color:#ef7100}.variant-1 .hero .eyebrow{color:#b14b00;font-weight:700}.variant-1 .intro{font-size:17px;color:#3e5679}.variant-1 .jump{color:#225a9c;text-decoration:underline;border:0}.variant-1 .hero-side{position:relative;grid-column:1;grid-row:1;display:flex;width:100%;height:260px;padding:20px;border:2px solid #7e9abf;background:linear-gradient(135deg,#f9d99f,#f18842);aspect-ratio:auto}.variant-1 .hero-side:after{content:"★ ONLINE ★";position:absolute;bottom:8px;padding:4px 10px;background:#fff;border:1px solid #225a9c;color:#225a9c;font:700 12px Tahoma,sans-serif}.variant-1 .hero-symbol{font-size:43px;color:#225a9c}.variant-1 .proof{grid-column:2;margin:0;padding:22px;background:#fff7e8;border:2px solid #ef7100;color:#243d62}.variant-1 .proof strong{color:#c45700;font:bold clamp(22px,3vw,36px)/1.1 Tahoma,sans-serif}.variant-1 .proof-badge{background:#225a9c;color:#fff;transform:none}.variant-1 .tools-section,.variant-1 .contact-section{background:#dbe6f2}.variant-1 .section-head{background:#225a9c;color:#fff;padding:12px 18px}.variant-1 .section-head h2{font-size:clamp(28px,4vw,43px);letter-spacing:-.04em}.variant-1 .section-head .eyebrow,.variant-1 .section-head>p{color:#fff}.variant-1 .section-head .mark{color:#ffc47a}.variant-1 .tools-list{columns:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:0}.variant-1 .tool-item{break-inside:auto;padding:20px;background:#fff;border:2px solid #8eaccd}.variant-1 .tool-item h3{color:#225a9c}.variant-1 .terminal{border:3px ridge #8eaccd;box-shadow:none}.variant-1 .work-item{background:#fff;border:1px solid #8eaccd;margin:10px 0;padding:22px}.variant-1 .contact-section .wrap{padding:25px;border:2px solid #8eaccd;background:#fff}.variant-1 .contact-section a{color:#225a9c}.variant-1 .footer button{color:#225a9c;background:#fff;border:2px outset #fff}.variant-3{--bg: #240059;--fg: #fff1aa;--sub: #d7cbff;--accent: #ffec47;--panel: #480b80;--line: #ff74c5;--font: Verdana, sans-serif;--display: "Comic Sans MS", "Comic Sans", cursive}.variant-3 .segment{background:#240059;background-image:radial-gradient(#fff9c4 1px,transparent 2px),radial-gradient(#ff83ce 1px,transparent 2px);background-size:28px 28px,47px 47px;background-position:0 0,12px 16px}.variant-3 .header{min-height:70px;padding:8px 20px;background:#609;border:5px ridge #ffdf42;color:#fff}.variant-3 .wordmark{color:#fff;text-shadow:2px 2px #ff40ab}.variant-3 nav a{color:#fff989;text-decoration:underline}.variant-3 .motion-toggle{color:#300055;background:#fff1aa;border:3px outset #fff}.variant-3 .hero{grid-template-columns:1fr;min-height:0;padding-block:35px 80px;gap:22px;text-align:center;background:none}.variant-3 .hero:before,.variant-3 .hero:after{content:none}.variant-3 .hero-main{max-width:none;padding:35px 25px;background:#590889;border:8px ridge #ffdf42;box-shadow:none;transform:none;border-radius:0}.variant-3 .hero h1{font-size:clamp(40px,7vw,82px);line-height:1.1;letter-spacing:0;text-shadow:3px 3px #e8009a}.variant-3 h1:before{content:"★ WELCOME TO MY PAGE ★";display:block;margin:0 auto 20px;font:bold clamp(14px,2vw,23px)/1.3 Verdana,sans-serif;color:#0ff}.variant-3 h1 .title-line+.title-line{color:#0ff;transform:none}.variant-3 .eyebrow{color:#ffbff1;transform:none}.variant-3 .intro{max-width:700px;margin-inline:auto;color:#fff;transform:none}.variant-3 .jump{color:#ff6;font-size:17px;transform:none;text-decoration:underline}.variant-3 .retro-gifs{display:flex;grid-column:1;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;background:#000;color:#ff6;border:5px ridge #00ffff;padding:12px;font:700 15px/1.4 Verdana,sans-serif}.variant-3 .hero-side{display:none}.variant-3 .proof{max-width:none;margin:0;padding:23px;text-align:left;background:#fff1aa;color:#32005b;border:8px ridge #ff74c5;border-radius:0;box-shadow:none;transform:none}.variant-3 .proof strong{color:#6b0072;font-size:clamp(24px,4vw,46px)}.variant-3 .proof-badge{background:#609;color:#fff;border:3px outset #fff;border-radius:0;transform:none}.variant-3 .tools-section{background:#480b80;border:0}.variant-3 .section-head h2,.variant-3 .contact-section h2{color:#ff6;text-shadow:2px 2px #e8009a}.variant-3 .tools-layout{grid-template-columns:1fr}.variant-3 .tools-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:0}.variant-3 .tool-item{grid-template-columns:35px 1fr;padding:18px;background:#3a006d;border:5px ridge #ff74c5;border-radius:0;box-shadow:none}.variant-3 .tool-item:nth-child(2n){background:#609;border-radius:0}.variant-3 .item-index{color:#0ff}.variant-3 .tool-item p,.variant-3 .work-item p{color:#f2dcff}.variant-3 .terminal{max-width:none;order:0;margin:0;border:6px ridge #00ffff;border-radius:0;box-shadow:none}.variant-3 .work-item{grid-template-columns:145px minmax(0,1fr);padding:20px;margin:10px 0;background:#480b80;border:4px ridge #ffdf42}.variant-3 .work-item p{grid-column:2}.variant-3 .contact-section{background:#480b80;border:0}.variant-3 .contact-section a{color:#0ff;text-decoration:underline}.variant-3 .footer button{background:#ffdf42;color:#240059;border:3px outset #fff}.variant-3 .retro-rule,.variant-11 .retro-rule{flex-basis:100%;width:min(100%,512px);height:4px;object-fit:fill}.variant-11 .hero-main{animation:retro-glow 3s ease-in-out infinite alternate}.variant-3 .hero-main{animation:retro-glow 4s ease-in-out infinite alternate}@keyframes retro-glow{0%{border-color:#ffdf42;box-shadow:0 0 #ff74c500}to{border-color:#ff74c5;box-shadow:0 0 20px #ff74c599}}.pull-cord.variant-1 .cord-handle{border-radius:4px;background:#ef7100;color:#fff;border:4px outset #ffc47a;font-family:Tahoma,sans-serif}.pull-cord.variant-2 .cord-handle{border-radius:0;background:#1547f5;color:#fff;border:4px solid #131416;box-shadow:5px 5px #131416}.pull-cord.variant-3 .cord-handle,.pull-cord.variant-11 .cord-handle{border-radius:0;border:5px ridge #fff;background:#ff0;color:#240059}.pull-cord.variant-4 .cord-handle{border-radius:0;border:0;background:#e32926;color:#fff}.pull-cord.variant-5 .cord-handle,.pull-cord.variant-12 .cord-handle,.pull-cord.variant-13 .cord-handle{border-radius:48% 52% 65% 35%;border-width:4px}.pull-cord.variant-6 .cord-handle,.pull-cord.variant-7 .cord-handle{border-radius:35% 65% 45% 55%;border-style:dashed}.pull-cord.variant-8 .cord-handle{border-radius:0;border:4px double var(--fg)}.pull-cord.variant-9 .cord-handle{box-shadow:0 0 22px #ff89ca}.pull-cord.variant-10 .cord-handle,.pull-cord.variant-15 .cord-handle{border-width:1px}.pull-cord.variant-14 .cord-handle{border-radius:50% 50% 15% 15%}@media(max-width:800px){.wrap{width:min(100% - 40px,1080px)}nav{gap:14px;font-size:12px}nav a:nth-child(2){display:none}.pull-cord{right:10px;width:62px;height:128px}.cord-line{height:78px}.cord-handle{width:45px;height:45px;font-size:24px}.hero,.variant-1 .hero,.variant-4 .hero,.variant-7 .hero,.variant-8 .hero,.variant-10 .hero{grid-template-columns:minmax(0,1fr);min-height:0;gap:36px;padding-block:75px}.variant-7 .hero{gap:12px;padding-block:25px 75px}.variant-9 .hero{grid-template-columns:minmax(0,1fr);min-height:0;padding-block:70px}.variant-9 .hero:before{width:min(60vw,310px);right:-10%;top:3%;opacity:.65}.variant-9 .hero-main{padding:25px 0}.variant-9 .hero-side{display:none}.variant-9 .proof{margin:0}.variant-1 .hero{grid-template-columns:1fr}.variant-1 .hero-main{grid-column:1;grid-row:2}.variant-1 .hero-side{grid-column:1;grid-row:1;width:180px;height:180px}.variant-1 .proof{grid-column:1}.variant-1 .tools-list,.variant-3 .hero,.variant-3 .tools-list,.variant-3 .work-item{grid-template-columns:1fr}.variant-3 .work-item p{grid-column:1}.variant-1 .hero,.variant-3 .hero,.variant-6 .hero,.variant-7 .hero,.variant-11 .hero,.variant-12 .hero,.variant-13 .hero,.variant-14 .hero,.variant-15 .hero{grid-template-columns:minmax(0,1fr);min-height:0;padding-block:75px}.hero-side{display:none}h1,.variant-3 h1,.variant-4 h1,.variant-6 h1,.variant-7 h1,.variant-8 h1,.variant-13 h1,.variant-14 h1{font-size:clamp(52px,10vw,80px)}.proof{grid-column:1;grid-template-columns:1fr;padding:28px}.proof-label{grid-column:1}.proof-badge{margin-top:8px}.tools-layout{grid-template-columns:1fr;gap:35px}.variant-4 .tools-layout,.variant-6 .tools-layout,.variant-7 .tools-layout,.variant-8 .tools-layout,.variant-9 .tools-layout,.variant-15 .tools-layout{grid-template-columns:1fr}.variant-1 .tools-list,.variant-3 .tools-list,.variant-5 .tools-list,.variant-6 .tools-list,.variant-7 .tools-list,.variant-12 .tools-list,.variant-13 .tools-list,.variant-14 .tools-list,.variant-15 .tools-list{display:block;columns:auto}.variant-2 .work-list,.variant-5 .work-list,.variant-6 .work-list,.variant-7 .work-list,.variant-8 .work-list,.variant-13 .work-list,.variant-14 .work-list{grid-template-columns:1fr}.variant-8 .work-item{border-right:0;border-bottom:1px dashed var(--line)}.variant-10 .tools-list{grid-template-columns:1fr}.tools-section,.work-section,.contact-section{padding-block:75px}.work-item{grid-template-columns:1fr;gap:7px}.variant-4 .work-item{grid-template-columns:1fr}.variant-4 .work-item p{grid-column:1}.variant-9 .work-item{grid-template-columns:1fr}.variant-9 .work-item p{grid-column:1}.variant-3 .work-item,.variant-10 .work-item,.variant-11 .work-item,.variant-12 .work-item,.variant-15 .work-item{grid-template-columns:1fr}.variant-3 .work-item p,.variant-10 .work-item p,.variant-11 .work-item p,.variant-12 .work-item p,.variant-15 .work-item p{grid-column:1}.variant-3 .hero-main,.variant-5 .hero-main,.variant-6 .hero-main,.variant-7 .hero-main,.variant-12 .hero-main,.variant-14 .hero-main,.variant-15 .hero-main{padding:25px}.variant-7 .proof{grid-column:1}.work-item h3{margin:0}.footer{flex-wrap:wrap;padding-block:24px}.edition{flex-wrap:wrap;gap:10px}}@media(max-width:450px){.wordmark{font-size:16px}.header{min-height:70px;gap:8px}nav{gap:8px}.header nav a:first-child{display:none}.hero{padding-block:65px}.intro{font-size:16px}.proof strong{font-size:30px}.section-head h2,.contact-section h2{font-size:43px}.variant-3 h1:before{display:block}}@media(max-width:350px){h1,.variant-3 h1,.variant-4 h1,.variant-6 h1,.variant-7 h1,.variant-8 h1,.variant-13 h1,.variant-14 h1{font-size:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pull-cord.cord-invite,.variant-3 .hero-main,.variant-11 .hero-main,::view-transition-old(root),::view-transition-new(root){animation:none}}@media(prefers-reduced-motion:reduce){.variant-11 .retro-gifs img{display:none}}