.ph{padding:36px 0 16px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end}.ph h1{margin:0 0 10px;font-family:var(--font-heading-jp, "Noto Serif JP"),serif;font-size:48px;font-weight:600;line-height:1.05;letter-spacing:-.005em}.ph .lead{font-size:12.5px;line-height:1.75}:root[lang=en] .ph h1{font-family:Cormorant Garamond,"Noto Serif JP",serif}.ph .lead{margin:0;font-size:13px;color:var(--text-2);line-height:1.85;max-width:540px}.stat-grid{display:grid;grid-template-columns:repeat(4,92px);gap:0;border:1px solid var(--line);border-radius:6px;background:var(--surface);justify-self:end}.stat-grid .it{padding:14px;text-align:left;border-right:1px solid var(--line)}.stat-grid .it:last-child{border-right:0}.stat-grid .ico{color:var(--text-3);margin-bottom:8px}.stat-grid .num{font-family:"Noto Serif JP",serif;font-size:28px;font-weight:600;line-height:1;letter-spacing:-.005em}.stat-grid .lbl{font-size:11px;color:var(--text-3);margin-top:6px;letter-spacing:.02em;line-height:1.4}.filters{padding:8px 0 16px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}.filters .filter-divider{width:1px;height:18px;background:var(--line-2);margin:0 6px}.filters button{background:transparent;border:1px solid var(--line-2);color:var(--text-3);font-family:inherit;font-size:12.5px;font-weight:500;padding:5px 12px;border-radius:999px;cursor:pointer;line-height:1;transition:background .15s,color .15s,border-color .15s}.filters button:hover{color:var(--text);border-color:var(--text-3)}.filters button.on{background:#ffffff14;color:var(--text);border-color:var(--text-3)}:root[data-theme=light] .filters button.on{background:#14202f14;border-color:var(--text-3)}.proj-featured{border:1px solid var(--line);border-radius:6px;background:linear-gradient(180deg,#060e1c,#040a18);padding:18px 22px;display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:stretch;position:relative;overflow:hidden;text-decoration:none;color:inherit}:root[data-theme=light] .proj-featured{background:linear-gradient(180deg,#f4efe8,#ece4d3)}.proj-featured:before{content:"";position:absolute;inset:0;background:radial-gradient(70% 100% at 0% 100%,rgba(60,80,140,.32),transparent 60%),radial-gradient(60% 80% at 20% 60%,rgba(40,55,95,.4),transparent 60%);pointer-events:none}:root[data-theme=light] .proj-featured:before{background:radial-gradient(70% 100% at 0% 100%,rgba(180,170,150,.45),transparent 60%),radial-gradient(60% 80% at 20% 60%,rgba(200,190,170,.4),transparent 60%)}.proj-featured>*{position:relative;z-index:1}.proj-featured .right{display:flex;flex-direction:column;justify-content:space-between;padding:4px 0}.proj-featured .more-row{margin-top:auto}.proj-featured .kicker{font-size:11.5px;color:var(--accent-2);margin-bottom:8px;letter-spacing:.04em;font-family:JetBrains Mono,monospace}:root[data-theme=light] .proj-featured .kicker{color:var(--accent)}.proj-featured h2{margin:0 0 8px;font-family:Cormorant Garamond,"Noto Serif JP",serif;font-weight:600;font-size:30px;line-height:1.1;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.proj-featured h2 .ico-lead img{width:36px;height:36px;border-radius:8px;display:block;object-fit:cover;box-shadow:0 2px 6px #0000002e}.proj-featured h2 .title-text{display:inline-flex;align-items:baseline;gap:6px;flex-wrap:wrap}.title-reading{font-family:Noto Sans JP,sans-serif;font-size:.55em;font-weight:500;color:var(--text-3);letter-spacing:.02em}.pcard .topRow .title-reading{font-size:11.5px}.proj-featured .pills{display:inline-flex;gap:8px;vertical-align:middle}.proj-featured .pill{font-size:11px;padding:3px 10px;border:1px solid var(--line-2);border-radius:3px;background:var(--surface-2);color:var(--text-2);font-weight:500}.proj-featured p.desc{margin:0 0 14px;font-size:12.5px;color:var(--text-2);line-height:1.75;max-width:480px}.proj-featured .stack{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.proj-featured .stack span{font-size:11px;padding:4px 12px;border:1px solid var(--line-2);border-radius:3px;color:var(--text-2);background:#ffffff05;font-family:Inter,sans-serif;font-weight:500}.proj-featured .more-row{display:flex;justify-content:flex-end}.proj-featured .more{color:var(--link);font-size:13px;display:inline-flex;gap:8px;align-items:center}.featured-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:18px 8px}.feat-shot{width:auto;height:auto;background:transparent;border:0;box-shadow:none;overflow:visible;display:flex;align-items:center;justify-content:center}.feat-shot img{width:auto;height:auto;max-height:320px;max-width:100%;border-radius:18px;background:var(--surface-2);border:1px solid var(--line);box-shadow:0 14px 30px #00000059;display:block;object-fit:initial}:root[data-theme=light] .feat-shot img{box-shadow:0 12px 24px #0000001a}.feat-tile{width:132px;height:132px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(160deg,#1f2c4d,#101a32);border:1px solid #2a355a;box-shadow:0 14px 30px #00000073;color:var(--text);font-family:Cormorant Garamond,"Noto Serif JP",serif}.feat-tile.green{background:linear-gradient(160deg,#1c3a2e,#0f2218)}.feat-tile.purple{background:linear-gradient(160deg,#2a1f44,#160e2a)}.feat-tile.amber{background:linear-gradient(160deg,#3a2718,#20140b)}.feat-mark{font-size:64px;font-weight:600;letter-spacing:.02em;color:var(--accent-2)}:root[data-theme=light] .feat-mark{color:var(--accent)}:root[data-theme=light] .feat-tile{background:linear-gradient(160deg,#fffaf0,#f0e4cb);border-color:var(--line-2);box-shadow:0 12px 24px #0000001a}:root[data-theme=light] .feat-tile.green{background:linear-gradient(160deg,#effaf0,#d4ead8)}:root[data-theme=light] .feat-tile.purple{background:linear-gradient(160deg,#f5f0fb,#e0d0eb)}:root[data-theme=light] .feat-tile.amber{background:linear-gradient(160deg,#fdf3e6,#f0d9b5)}.iphone-mini{width:168px;height:304px;border-radius:24px;background:linear-gradient(180deg,#1d2742,#0e1730);padding:5px;border:1px solid #2a355a;box-shadow:0 10px 24px #00000080;position:relative}.iphone-mini .scr{width:100%;height:100%;border-radius:24px;background:#06101f;overflow:hidden;color:#e8ecf5;font-size:9.5px;position:relative}.iphone-mini .notch{position:absolute;top:7px;left:50%;transform:translate(-50%);width:86px;height:22px;background:#000;border-radius:14px}.iphone-mini .status{display:flex;justify-content:space-between;padding:10px 16px 0;font-size:10px;font-weight:600;color:#e8ecf5}.iphone-mini .body{padding:30px 14px 10px}.iphone-mini .meta{font-size:8.5px;color:#8da4ff}.iphone-mini .big{font-family:"Noto Serif JP",serif;font-size:50px;font-weight:600;color:#fff;line-height:1;margin-top:8px}.iphone-mini .big .u{font-size:22px;color:#cdd5e8;margin-left:3px}.iphone-mini .updown{font-size:9.5px;color:#cdd5e8;margin-top:4px}.iphone-mini .chart{margin-top:12px;height:100px}.iphone-mini .ticks{display:flex;justify-content:space-between;font-size:7.5px;color:#6b7591;margin-top:4px;font-family:JetBrains Mono,monospace}.iphone-mini .bot{display:flex;justify-content:space-between;margin-top:12px;padding-top:8px;border-top:1px solid #1e2b4a;font-size:8px;color:#8da4ff;font-family:JetBrains Mono,monospace}.pgrid{padding:12px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pcard{border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:18px 18px 16px;display:flex;flex-direction:column;transition:border-color .15s;text-decoration:none;color:inherit}.pcard:hover{border-color:var(--line-2)}.empty-projects{grid-column:1 / -1;padding:48px 0;text-align:center;color:var(--text-3);font-size:14px}.pcard .ico-tile{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;margin-bottom:16px;overflow:hidden}.pcard .ico-tile.has-image{background:transparent;border:0;padding:0;border-radius:22%}.pcard .ico-tile.has-image img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.pcard .ico-tile.green{background:#6fd6a41f;color:#6fd6a4;border:1px solid rgba(111,214,164,.25)}.pcard .ico-tile.blue{background:#87a8ff1f;color:#87a8ff;border:1px solid rgba(135,168,255,.25)}.pcard .ico-tile.purple{background:#c79bff1f;color:#c79bff;border:1px solid rgba(199,155,255,.25)}.pcard .ico-tile.amber{background:#ffb45a1f;color:#ffb45a;border:1px solid rgba(255,180,90,.25)}:root[data-theme=light] .pcard .ico-tile.green{background:#e7f3ec;color:#2f7a55;border-color:#c7dfd0}:root[data-theme=light] .pcard .ico-tile.blue{background:#e8eefc;color:#2f5fd6;border-color:#c9d4ee}:root[data-theme=light] .pcard .ico-tile.purple{background:#f1eaf8;color:#6e3fb0;border-color:#d8c9e6}:root[data-theme=light] .pcard .ico-tile.amber{background:#fcefdb;color:#b06d1f;border-color:#e7d0aa}.pcard .topRow{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}.pcard h3{margin:0;font-family:Cormorant Garamond,"Noto Serif JP",serif;font-size:20px;font-weight:600;line-height:1.2;display:inline-flex;align-items:baseline;gap:6px;flex-wrap:wrap}.pcard .meta-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px;align-items:center}.pcard .meta-tags span{font-size:10.5px;padding:2px 8px;border:1px solid var(--line-2);border-radius:3px;color:var(--text-2);display:inline-flex;align-items:center;gap:5px;line-height:1.5}.pcard .meta-tags .status-live,.pcard .meta-tags .status-dev,.pcard .meta-tags .status-experiment{padding-left:6px}.pcard .meta-tags .status-live:before,.pcard .meta-tags .status-dev:before,.pcard .meta-tags .status-experiment:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.pcard .meta-tags .status-live{background:#6fd6a41a;color:#6fd6a4;border-color:#6fd6a44d}.pcard .meta-tags .status-dev{background:#ffb45a1a;color:#ffb45a;border-color:#ffb45a4d}.pcard .meta-tags .status-experiment{background:#c79bff1a;color:#c79bff;border-color:#c79bff4d}:root[data-theme=light] .pcard .meta-tags .status-live{background:#ecf6f0;color:#2f7a55;border-color:#c7dfd0}:root[data-theme=light] .pcard .meta-tags .status-dev{background:#fbeed7;color:#b06d1f;border-color:#e7d0aa}:root[data-theme=light] .pcard .meta-tags .status-experiment{background:#f1eaf8;color:#6e3fb0;border-color:#d8c9e6}.pcard .desc{margin:0 0 12px;font-size:12px;color:var(--text-3);line-height:1.7;flex:1}.pcard .stack-mini{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px}.pcard .stack-mini span{font-size:10.5px;padding:2px 8px;border:1px solid var(--line-2);border-radius:3px;color:var(--text-2)}.pcard .more{margin-top:auto;font-size:12px;color:var(--link);display:inline-flex;gap:8px;align-items:center;padding-top:10px;border-top:1px solid var(--hairline)}.note-strip{margin:28px 0 56px;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.note-strip .l{display:flex;gap:14px;align-items:center;font-size:12.5px;color:var(--text-2)}.note-strip .l .ic{color:var(--accent-2)}:root[data-theme=light] .note-strip .l .ic{color:var(--accent)}.note-strip a{font-size:12.5px;color:var(--link);display:inline-flex;gap:8px;align-items:center}.ph{padding:50px 50px 18px;grid-template-columns:1fr auto}.ph h1{font-size:48px;line-height:1.08;margin-bottom:18px}.ph .lead{font-size:14px;line-height:1.9;max-width:610px}.stat-grid{grid-template-columns:repeat(4,165px);border-radius:7px;background:#081220a3}.stat-grid .it{padding:23px 32px 20px}.stat-grid .ico{margin-bottom:10px}.stat-grid .num{font-size:27px;color:var(--accent-2)}.filters{padding:10px 50px 24px;gap:14px}.filters button{min-width:88px;padding:12px 24px;border-radius:6px;font-size:14px;color:var(--text)}.filters button.on{background:linear-gradient(180deg,#2c4ea3,#1a3074);border-color:#ffffff0d;box-shadow:inset 0 1px #ffffff1a,0 1px 2px #0003;color:#fff}.proj-featured{margin:0;min-height:286px;height:auto;padding:28px 36px;grid-template-columns:360px 1fr;gap:58px;border-radius:7px;overflow:visible}.iphone-mini{width:220px;height:420px;margin-left:52px;margin-top:2px}.proj-featured .right{justify-content:center}.proj-featured .kicker{font-size:13px;margin-bottom:12px;color:var(--accent-2)}.proj-featured h2{font-size:46px;margin-bottom:18px}.proj-featured p.desc{font-size:14px;line-height:1.9;max-width:720px}.proj-featured .stack span{font-size:13px;padding:6px 13px}.proj-featured .more{font-size:15px}.pgrid{padding:24px 50px 0;gap:22px}.pcard{min-height:242px;height:auto;overflow:visible;padding:19px 20px 18px;border-radius:7px;background:#08122099}.pcard .ico-tile{width:46px;height:46px;margin-bottom:13px}.pcard h3{font-size:21px}.pcard .desc{font-size:13px;line-height:1.75}.pcard .more{font-size:14px}.note-strip{margin:28px 0 40px;padding:18px 26px;border-radius:7px}:root[data-theme=light] .stat-grid,:root[data-theme=light] .pcard,:root[data-theme=light] .note-strip{background:#fffcf7e0}:root[data-theme=light] .proj-featured{background:linear-gradient(180deg,#f4efe8,#eee6d9)}:root[data-theme=light] .filters button.on{background:#e2dacea3;border-color:#ad9f8cad;color:var(--text);box-shadow:inset 0 1px #ffffff9e,0 1px 2px #29231c14}:root[data-theme=light] .filters button{color:var(--text)}