@import url('/base.css');
:root{--ink:#193c33;--muted:#65756d;--paper:#faf9f4;--pink:#ef886f;--line:#dce2d7;--green:#dce8b9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d75c42;outline-offset:5px}[hidden]{display:none!important}.site-header,main,footer{max-width:1320px;margin:auto;padding-left:60px;padding-right:60px}.site-header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-size:49px;font-weight:900;letter-spacing:-4px;line-height:1;text-decoration:none}.logo span{color:var(--pink);font-size:17px;letter-spacing:0;margin-left:4px}nav{display:flex;gap:35px}nav a{text-decoration:none;font-size:14px;font-weight:600}nav a[aria-current]{border-bottom:2px solid var(--ink)}.contact-link{font-size:13px;text-decoration:none;border:1px solid var(--line);padding:10px 18px;border-radius:24px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:40px;align-items:center;padding:65px 0 74px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;margin:0 0 20px}.dot{display:inline-block;width:7px;height:7px;background:var(--pink);border-radius:100%;margin-right:7px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,4.7vw,64px);line-height:1.06;letter-spacing:-2.8px;margin-bottom:25px;font-weight:750}.accent{color:var(--pink)}.hero-copy{font-size:16px;line-height:1.8;color:var(--muted);margin-bottom:28px}.button{display:inline-flex;align-items:center;gap:40px;background:var(--green);padding:13px 23px;border:0;border-radius:7px;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer}.hero-art{position:relative}.hero-art>img{display:block;width:100%;border-radius:85px 10px 10px 10px;aspect-ratio:1.13;object-fit:cover}.sticker{position:absolute;right:-15px;top:-15px;background:var(--pink);width:104px;height:104px;border-radius:100%;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1.05;font-weight:bold;transform:rotate(12deg)}.sticker span{font-size:34px;margin-left:5px}.art-caption{position:absolute;bottom:20px;left:24px;background:var(--paper);padding:5px 15px;border-radius:20px;font-size:12px}.stories{border-top:1px solid var(--line);padding-top:38px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-heading .eyebrow{margin-bottom:6px}h2{font-size:35px;letter-spacing:-1.2px;line-height:1.2;margin-bottom:10px}.section-heading>p{font-size:13px;color:var(--muted);margin-bottom:13px}.filters{display:flex;gap:8px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.filters button{border:1px solid var(--line);background:transparent;padding:8px 17px;border-radius:30px;font-size:12px;cursor:pointer;color:var(--ink)}.filters button.selected{background:var(--ink);color:white;border-color:var(--ink)}.search{margin-left:auto}.search input{width:190px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:8px;font-size:12px}.demo-note{font-size:11px;color:var(--muted)}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post-card{border:1px solid var(--line);border-radius:11px;overflow:hidden;text-decoration:none;background:#fffdf7;transition:transform .2s}.post-card:hover{transform:translateY(-4px)}.post-card>img{width:100%;height:210px;object-fit:cover;display:block}.card-copy{padding:23px}.tag{display:inline-block;font-size:10px;background:#e6ecd9;border-radius:4px;padding:3px 8px;margin-bottom:13px}.post-card:nth-child(2) .tag{background:#f2e9c4}.post-card:nth-child(3) .tag{background:#f8dfd6}h3{font-size:24px;line-height:1.2;letter-spacing:-.7px;margin-bottom:12px}.card-copy>p{font-size:13px;line-height:1.7;color:var(--muted)}.meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;font-size:10px;gap:8px}.contribute{display:flex;align-items:center;justify-content:space-between;padding:35px 40px;background:#e8edda;margin:55px 0 65px;border-radius:12px;gap:20px}.contribute h2{font-size:29px}.contribute .eyebrow{margin-bottom:10px}.contribute p:last-child{font-size:13px;margin-bottom:0}.dark{background:var(--ink);color:white;white-space:nowrap}footer{border-top:1px solid var(--line)}.footer-top{display:flex;gap:24px;align-items:center;padding:28px 0}.footer-top p{font-size:13px;margin:0}.footer-top>a:last-child{margin-left:auto;font-size:13px}.footer-bottom{display:flex;gap:25px;border-top:1px solid var(--line);padding:22px 0 30px;font-size:10px;color:var(--muted)}.footer-bottom p{max-width:700px;margin-right:auto}.footer-bottom a{white-space:nowrap}.detail,.text-page{max-width:800px;margin:60px auto 85px;min-height:45vh}.detail h1,.text-page h1{font-size:52px}.detail>img,.detail>video{width:100%;border-radius:14px;margin:15px 0 30px}.detail>p:not(.eyebrow){white-space:pre-line}.lead{font-size:21px;color:var(--muted)}.back{display:block;margin-bottom:30px}.text-page h2{font-size:25px;margin-top:35px}.skip{position:absolute;top:-100px}.skip:focus{top:0;z-index:9;background:white;padding:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.admin-layout{display:grid;grid-template-columns:260px 1fr;gap:40px;margin:40px 0}.admin-list button{display:block;width:100%;text-align:left;padding:14px;border:1px solid var(--line);background:white;border-radius:6px;margin-bottom:8px;color:var(--ink);cursor:pointer}.admin-list small{display:block;color:var(--muted)}form label{display:block;font-size:13px;font-weight:bold;margin:16px 0}form input:not([type=file]),form textarea,form select{display:block;width:100%;padding:11px;border:1px solid #abb9ac;border-radius:5px;background:white;color:var(--ink)}form textarea{resize:vertical}form small{font-weight:normal;color:var(--muted);display:block}#notice{padding:12px 0;font-size:14px;min-height:45px}#notice.error{color:#a32c1c}.admin-heading{margin-top:40px}.admin-heading h1{font-size:42px}.form-actions{display:flex;gap:15px;align-items:center}.upload-row{padding:5px 18px;background:#eef0e5;border-radius:8px}#identity{font-size:12px;color:var(--muted)}@media(max-width:950px){.site-header,main,footer{padding-left:28px;padding-right:28px}.hero{gap:25px}h1{font-size:46px}.post-card>img{height:165px}.card-copy{padding:16px}.meta{flex-direction:column}.contact-link{display:none}.contribute{padding:28px}.section-heading>p{display:none}}@media(max-width:650px){.site-header{height:85px}.site-header,main,footer{padding-left:20px;padding-right:20px}.logo{font-size:42px}nav{gap:22px}.hero{grid-template-columns:1fr;padding:40px 0;gap:35px}h1{font-size:48px}.hero-art{margin-right:12px}.hero-art>img{aspect-ratio:1.4}.sticker{width:86px;height:86px;font-size:19px}.post-grid{grid-template-columns:1fr}.post-card>img{height:235px}.card-copy{padding:24px}.meta{flex-direction:row}.search{width:100%;margin:8px 0}.search input{width:100%}.contribute{flex-direction:column;align-items:flex-start}.footer-top{flex-wrap:wrap}.footer-top>a:last-child{margin-left:0;width:100%}.footer-bottom{flex-wrap:wrap;gap:15px}.footer-bottom p{width:100%;margin-bottom:0}.detail h1,.text-page h1{font-size:40px}.admin-layout{grid-template-columns:1fr}.admin-list{max-height:240px;overflow:auto}h2{font-size:30px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* FL4T original visual identity — dark / cyan / violet */
:root{--ink:#f7fbff;--muted:#a9b8c8;--paper:#07111f;--pink:#78f3ff;--line:rgba(169,184,200,.18);--green:#45c7ff;--blue:#45c7ff;--cyan:#78f3ff;--violet:#8b6cff}
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(ellipse at 8% 0%,rgba(69,199,255,.16),transparent 30%),radial-gradient(ellipse at 95% 15%,rgba(139,108,255,.14),transparent 32%),#07111f}
.site-header{height:95px;position:relative;z-index:2}.logo{font-size:35px;font-weight:950;letter-spacing:-.085em;text-transform:uppercase;color:#fff}.logo .four{font-size:inherit;margin:0;letter-spacing:inherit;color:transparent;-webkit-text-stroke:1px #f7fbff}.site-header nav a{color:var(--muted);font-size:12px}.site-header nav a[aria-current]{color:#fff;border-color:var(--cyan)}.contact-link{border-radius:5px;color:var(--muted);background:rgba(255,255,255,.025)}.contact-link:hover{border-color:var(--cyan);color:#fff}
.hero{display:grid;grid-template-columns:minmax(0,1fr);place-items:center;isolation:isolate;position:relative;min-height:640px;padding:70px 0 90px;overflow:hidden;margin:0 -25px;gap:0;text-align:center}.hero::before,.hero::after{content:"";position:absolute;width:80px;height:80px;border-color:rgba(255,255,255,.25);pointer-events:none}.hero::before{top:28px;left:0;border-top:1px solid;border-left:1px solid}.hero::after{bottom:28px;right:0;border-right:1px solid;border-bottom:1px solid}.hero-grid{position:absolute;inset:0;z-index:-3;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(ellipse,#000,transparent 72%)}
.halo{position:absolute;width:min(540px,75vw);aspect-ratio:1;border-radius:50%;z-index:-2;background:conic-gradient(from 0deg,rgba(69,199,255,.22),rgba(120,243,255,.08),rgba(139,108,255,.20),rgba(255,95,163,.16),rgba(69,199,255,.22));animation:spin 24s linear infinite;box-shadow:0 0 110px rgba(69,199,255,.09)}.halo::after{content:"";position:absolute;inset:7%;border-radius:50%;background:rgba(7,17,31,.93)}
.hero-content{position:relative;z-index:1}.hero .eyebrow{letter-spacing:.34em;font-size:10px;color:var(--muted);margin:0 0 36px}.brand{margin:0;display:inline-block;font-size:clamp(100px,18vw,210px);line-height:.82;letter-spacing:-.085em;font-weight:950;color:white;text-shadow:0 0 16px rgba(120,243,255,.18),0 0 44px rgba(69,199,255,.14)}.brand .four{color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.92)}.brand::after{content:"";display:block;width:72%;height:4px;margin:27px auto 0;border-radius:99px;background:linear-gradient(90deg,transparent,var(--blue),var(--cyan),var(--violet),transparent);box-shadow:0 0 28px rgba(69,199,255,.62)}.hero h2{font-size:23px;letter-spacing:-.5px;font-weight:500;margin:28px 0 9px}.hero-copy{font-size:13px;line-height:1.6;margin:0 0 23px}.hero-coordinate,.hero-scroll{position:absolute;bottom:28px;font:9px ui-monospace,monospace;letter-spacing:1.5px;color:#8c9cb0}.hero-coordinate{left:0}.hero-scroll{right:20px;text-decoration:none}
.button{background:linear-gradient(120deg,#45c7ff,#78f3ff);color:#05111f;border:1px solid transparent;border-radius:5px;font-weight:700;font-size:12px;box-shadow:0 0 25px rgba(69,199,255,.10);transition:box-shadow .2s,transform .2s}.button:hover{box-shadow:0 0 30px rgba(69,199,255,.28);transform:translateY(-2px)}.eyebrow{color:var(--cyan);font-size:10px}.stories{padding-top:38px}.section-heading h2{font-size:35px}.filters button{color:var(--muted);border-radius:4px}.filters button.selected{background:rgba(69,199,255,.12);color:var(--cyan);border-color:rgba(69,199,255,.5)}.search input{color:var(--ink)}input::placeholder{color:#8a9bb0}.demo-note{color:#8c9db3}.post-card{background:linear-gradient(145deg,rgba(23,38,60,.9),rgba(10,20,36,.95));border:1px solid var(--line);border-radius:7px}.post-card:hover{border-color:rgba(120,243,255,.5);box-shadow:0 15px 50px rgba(0,0,0,.2)}.post-card>img{height:210px}.tag,.post-card:nth-child(2) .tag,.post-card:nth-child(3) .tag{background:rgba(69,199,255,.10);color:var(--cyan);border:1px solid rgba(69,199,255,.18);border-radius:3px}.post-card:nth-child(2) .tag{color:#c1b1ff;background:rgba(139,108,255,.12);border-color:rgba(139,108,255,.22)}.post-card:nth-child(3) .tag{color:#ffadd0;background:rgba(255,95,163,.10);border-color:rgba(255,95,163,.2)}h3{font-size:23px;font-weight:650}.meta{color:var(--muted)}.meta span:last-child{color:var(--cyan)}.contribute{background:radial-gradient(ellipse at 90% 100%,rgba(139,108,255,.17),transparent 70%),linear-gradient(120deg,#0e1d30,#0a1426);border:1px solid var(--line);border-left:2px solid var(--cyan);border-radius:6px;margin-bottom:55px}.contribute h2{font-weight:550}.contribute p:last-child{color:var(--muted)}.dark{background:transparent;border:1px solid rgba(120,243,255,.45);color:var(--cyan)}.footer-top p{color:var(--muted)}.footer-top>a:last-child{color:var(--cyan);text-decoration:none}.footer-bottom{font-size:11px}.detail>img,.detail>video{border-radius:6px;border:1px solid var(--line)}.detail h1,.text-page h1{font-weight:650}.detail>p:not(.eyebrow),.text-page>p:not(.eyebrow){color:#becadb}.back{color:var(--cyan)}.skip:focus{background:#07111f;color:var(--cyan)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:var(--cyan)}
.admin-list button{background:#0d1c2f;color:var(--ink)}.admin-list button:hover{border-color:var(--cyan)}form input:not([type=file]),form textarea,form select{background:#0a1728;color:var(--ink);border-color:#334960;color-scheme:dark}.upload-row{background:#0d1b2e;border:1px solid var(--line)}.upload-row button{background:#172a43;border:1px solid #3d526d;border-radius:4px;color:#c7d4e5;font-size:12px;padding:7px 10px;cursor:pointer}input[type=file]{max-width:100%;font-size:12px;color:var(--muted)}input[type=file]::file-selector-button{background:#19334b;color:var(--cyan);border:1px solid #335269;border-radius:4px;padding:9px;margin-right:10px}#notice.error{color:#ff9aaa}button:disabled{opacity:.5;cursor:wait}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:950px){.hero{margin:0;min-height:600px}.hero::before,.hero::after{width:45px;height:45px}.hero-coordinate{left:10px}.hero-scroll{right:10px}.post-card>img{height:180px}}
@media(max-width:650px){.site-header{height:80px}.site-header .logo{font-size:30px}.site-header nav{gap:19px}.hero{min-height:540px;padding:60px 8px 80px}.hero .eyebrow{font-size:8px;letter-spacing:.23em;margin-bottom:30px}.brand{font-size:clamp(100px,27vw,175px)}.brand::after{margin-top:22px;height:3px}.hero h2{font-size:19px;letter-spacing:-.6px}.hero-copy{font-size:12px;max-width:270px;margin:0 auto 25px}.halo{width:93%;max-width:430px}.hero-coordinate{font-size:7px;letter-spacing:1px}.hero-scroll{font-size:7px;letter-spacing:1px}.section-heading h2{font-size:29px}.contribute h2{font-size:25px}.post-card>img{height:220px}.detail h1,.text-page h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}