:root{--bg: #0a0a0c;--bg-2: #101014;--text: #f5f3ef;--text-2: #b4b4b8;--accent: #ff7a5c;--subtle: #6b6b70;--section-pad-y: clamp(96px, 18vh, 200px);--section-pad-x: clamp(24px, 6vw, 96px);--max: 1280px}*{box-sizing:border-box}html,body,#app{margin:0;padding:0;width:100%;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11"}html{scroll-behavior:smooth}body{overflow-x:hidden}.hero-frame{position:relative;width:100%;height:100vh;height:100dvh;background:var(--bg);overflow:hidden}.section{position:relative;max-width:var(--max);margin:0 auto;padding:var(--section-pad-y) var(--section-pad-x);opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.section.in{opacity:1;transform:none}.eyebrow{display:inline-block;font-size:12px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin:0 0 32px;padding-bottom:8px;border-bottom:1px solid rgba(255,122,92,.25)}.big-type{font-family:Inter,system-ui,sans-serif;font-size:clamp(56px,11vw,168px);font-weight:900;line-height:.95;letter-spacing:-.05em;margin:0 0 56px;display:flex;flex-direction:column;gap:0}.big-type span{display:block}.big-type span:nth-child(2){color:var(--text-2)}.big-type span:nth-child(3){color:var(--subtle)}.prose{font-size:clamp(18px,1.7vw,22px);line-height:1.6;color:var(--text-2);max-width:640px;margin:0}.prose strong{color:var(--text);font-weight:600}.coral{color:var(--accent)}.underline-coral{background-image:linear-gradient(var(--accent),var(--accent));background-size:100% 2px;background-position:0 95%;background-repeat:no-repeat;padding-bottom:2px}.pillar{padding:60px 0;border-top:1px solid rgba(245,243,239,.08)}.pillar:last-child{border-bottom:1px solid rgba(245,243,239,.08)}.pillar-name{display:flex;align-items:baseline;font-family:Inter,system-ui,sans-serif;font-size:clamp(72px,14vw,200px);font-weight:900;line-height:.92;letter-spacing:-.055em;margin:0 0 24px;color:var(--text)}.pillar-name span{display:inline-block;transition:transform .5s cubic-bezier(.16,1,.3,1),color .3s}.pillar:hover .pillar-name span{color:var(--text)}.pillar-name:hover span{transform:translateY(-6px)}.pillar-name:hover span:nth-child(2){transition-delay:30ms}.pillar-name:hover span:nth-child(3){transition-delay:60ms}.pillar-name:hover span:nth-child(4){transition-delay:90ms}.pillar-name:hover span:nth-child(5){transition-delay:.12s}.pillar-name:hover span:nth-child(6){transition-delay:.15s}.pillar-name:hover span:nth-child(7){transition-delay:.18s}.pillar-name:hover span:nth-child(8){transition-delay:.21s}.pillar-dot{color:var(--accent)!important;margin-left:-.03em}.pillar-body{font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:var(--text-2);max-width:640px;margin:0}.manifesto{background:var(--bg-2);margin-top:60px}.big-quote{font-family:Inter,system-ui,sans-serif;font-size:clamp(32px,5.5vw,64px);font-weight:700;line-height:1.15;letter-spacing:-.03em;margin:0;max-width:1000px;color:var(--text)}.big-quote p{margin:0 0 22px}.big-quote em{font-style:italic;color:var(--accent);font-weight:800}.connect .mail{display:inline-flex;align-items:baseline;gap:18px;font-family:Inter,system-ui,sans-serif;font-size:clamp(28px,5vw,64px);font-weight:800;letter-spacing:-.03em;color:var(--accent);text-decoration:none;margin:0 0 40px;transition:transform .3s cubic-bezier(.16,1,.3,1)}.connect .mail:hover{transform:translate(8px)}.connect .mail-arrow{display:inline-block;transition:transform .3s cubic-bezier(.16,1,.3,1)}.connect .mail:hover .mail-arrow{transform:translate(8px)}.footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;max-width:var(--max);margin:0 auto;padding:48px var(--section-pad-x);border-top:1px solid rgba(245,243,239,.06);color:var(--subtle);font-size:13px}.footer-mark{font-family:Inter,system-ui,sans-serif;font-size:17px;font-weight:800;letter-spacing:-.03em;color:var(--text);text-decoration:none;transition:opacity .2s}.footer-mark:hover{opacity:.85}.footer-mark .coral{color:var(--accent)}.footer-side{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.footer-link{font-size:13px;color:var(--text-2);text-decoration:none;transition:color .2s,transform .2s;display:inline-flex;gap:4px}.footer-link:hover{color:var(--accent)}.footer-link-arrow{display:inline-block;transition:transform .2s}.footer-link:hover .footer-link-arrow{transform:translate(3px)}.page-notes,.page-note{min-height:100vh;background:var(--bg);padding:0}.brand-mini{display:inline-flex;font-family:Inter,system-ui,sans-serif;font-size:15px;font-weight:800;letter-spacing:-.025em;color:var(--text);text-decoration:none;transition:opacity .2s}.brand-mini:hover{opacity:.8}.brand-mini .coral{color:var(--accent)}.notes-header{max-width:920px;margin:0 auto;padding:clamp(56px,9vw,120px) clamp(24px,6vw,80px) clamp(48px,8vw,96px)}.notes-header .brand-mini{display:inline-flex;margin-bottom:64px}.notes-eyebrow{font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--text-2);margin:0 0 28px}.notes-headline{font-family:Inter,system-ui,sans-serif;font-size:clamp(38px,6.5vw,84px);font-weight:900;line-height:1.02;letter-spacing:-.035em;color:var(--text);margin:0 0 28px;max-width:900px}.notes-sub{font-family:Inter,system-ui,sans-serif;font-size:clamp(16px,1.5vw,19px);line-height:1.6;color:var(--text-2);max-width:580px;margin:0}.notes-list{max-width:920px;margin:0 auto;padding:0 clamp(24px,6vw,80px) clamp(80px,10vw,160px)}.notes-empty{color:var(--subtle);font-style:italic}.note-row{display:block;padding:32px 0;border-top:1px solid rgba(245,243,239,.08);text-decoration:none;color:inherit;transition:transform .25s cubic-bezier(.16,1,.3,1)}.note-row:last-child{border-bottom:1px solid rgba(245,243,239,.08)}.note-row:hover{transform:translate(6px)}.note-row:hover .note-row-title{color:var(--accent)}.note-row-meta{display:flex;align-items:center;gap:10px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:12.5px;color:var(--subtle);margin-bottom:14px}.note-id{color:var(--text-2);font-weight:500}.note-row-sep{opacity:.55}.note-date{font-variant-numeric:tabular-nums}.note-field{text-transform:uppercase;letter-spacing:.1em}.note-row-title{font-family:Inter,system-ui,sans-serif;font-size:clamp(22px,3vw,36px);font-weight:800;line-height:1.12;letter-spacing:-.03em;color:var(--text);margin:0 0 12px;transition:color .2s}.note-row-summary{font-size:clamp(15px,1.4vw,17px);line-height:1.55;color:var(--text-2);max-width:720px;margin:0}.note-row-tags{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-wrap:wrap;gap:8px}.note-row-tags li{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px;color:var(--subtle);padding:4px 10px;border:1px solid rgba(245,243,239,.1);border-radius:999px;letter-spacing:.04em}.note-nav{max-width:760px;margin:0 auto;padding:36px clamp(24px,6vw,80px) 0;display:flex;justify-content:space-between;align-items:center}.back-link{font-size:13px;font-weight:500;color:var(--text-2);text-decoration:none;transition:color .2s}.back-link:hover{color:var(--accent)}.note-header{max-width:760px;margin:0 auto;padding:clamp(48px,7vw,96px) clamp(24px,6vw,80px) clamp(40px,5vw,64px)}.note-meta{display:flex;align-items:center;gap:10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.5px;color:var(--subtle);margin-bottom:22px}.note-title{font-family:Inter,system-ui,sans-serif;font-size:clamp(32px,5vw,56px);font-weight:900;line-height:1.1;letter-spacing:-.035em;color:var(--text);margin:0 0 24px}.note-tags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.note-tags li{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11.5px;color:var(--subtle);padding:4px 10px;border:1px solid rgba(245,243,239,.1);border-radius:999px;letter-spacing:.04em}.note-body{max-width:720px;margin:0 auto;padding:0 clamp(24px,6vw,80px) clamp(96px,10vw,160px);font-family:Inter,system-ui,sans-serif;font-size:18px;line-height:1.72;color:var(--text)}.note-body p{margin:0 0 22px}.note-body h1,.note-body h2,.note-body h3,.note-body h4{font-family:Inter,system-ui,sans-serif;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:56px 0 18px;color:var(--text)}.note-body h2{font-size:26px}.note-body h3{font-size:21px}.note-body h4{font-size:18px}.note-body strong{font-weight:700;color:var(--text)}.note-body em{color:var(--accent);font-style:italic}.note-body a{color:var(--accent);text-decoration:none;border-bottom:1px solid currentColor;transition:opacity .2s}.note-body a:hover{opacity:.75}.note-body ul,.note-body ol{margin:0 0 22px;padding-left:24px}.note-body li{margin:0 0 8px}.note-body li::marker{color:var(--accent)}.note-body code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,monospace;font-size:.92em;background:#ff7a5c1a;color:var(--text);padding:1px 6px;border-radius:4px}.note-body pre{background:#060608;border:1px solid rgba(245,243,239,.06);padding:18px 22px;border-radius:10px;overflow-x:auto;margin:0 0 22px;line-height:1.55;font-size:14.5px}.note-body pre code{background:transparent;padding:0;border-radius:0;color:var(--text-2);font-size:inherit}.note-body blockquote{margin:0 0 22px;padding:0 0 0 20px;border-left:2px solid var(--accent);color:var(--text-2);font-style:italic}.note-body hr{border:none;border-top:1px solid rgba(245,243,239,.08);margin:48px 0}@media(max-width:720px){.pillar{padding:40px 0}.pillar-name{letter-spacing:-.06em}.footer{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.section{opacity:1!important;transform:none!important;transition:none!important}.pillar-name span{transition:none!important}html{scroll-behavior:auto}}.note-row{display:flex;gap:26px;align-items:flex-start}.note-row-cover{width:200px;aspect-ratio:16 / 9;object-fit:cover;flex:0 0 auto;border-radius:10px;border:1px solid rgba(245,243,239,.1)}.note-row-body{min-width:0;flex:1}.note-read{font-variant-numeric:tabular-nums}.note-hero-wrap{max-width:760px;margin:0 auto 48px;padding:0 clamp(24px,6vw,80px);position:relative}.note-cover{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:16px;border:1px solid rgba(245,243,239,.08);box-shadow:0 0 0 1px #ff7a5c1a,0 8px 32px #00000073,0 32px 80px #0000004d;display:block}.note-cover-badge{position:absolute;top:16px;left:calc(clamp(24px,6vw,80px) + 16px);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:600;letter-spacing:.08em;color:var(--text);background:#0a0a0cb8;border:1px solid rgba(255,122,92,.3);border-radius:6px;padding:4px 10px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@media(max-width:640px){.note-row{flex-direction:column;gap:14px}.note-row-cover{width:100%}}