@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;600;700;800;900&family=Noto+Sans+JP:wght@400;600;700&display=swap";:root{color:#eeeae0;font-synthesis:none;background:#0c0c0b;font-family:Inter,Noto Sans JP,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}.generator-shell{overflow:hidden}.generator-intro{background:#0c0c0b;flex-direction:column;justify-content:space-between;min-height:100svh;padding:2vw;display:flex;position:relative}.gen-kicker{text-transform:uppercase;letter-spacing:.1em;color:#b8ff3d;border-bottom:1px solid #373733;margin:0;padding-bottom:1rem;font:500 10px DM Mono,monospace}.intro-grid{grid-template-columns:2fr 1fr;align-items:end;gap:5vw;display:grid}.intro-grid h1{letter-spacing:-.085em;margin:0;font-size:clamp(4rem,10vw,11rem);line-height:.79}.intro-grid h1 em{font-family:Georgia,serif;font-weight:400}.generator-form-wrap{padding-bottom:2rem}.generator-form-wrap>p{color:#aaa79e;max-width:480px;font-size:13px;line-height:1.8}.generator-form-wrap form{margin-top:3rem}.generator-form-wrap label{letter-spacing:.1em;margin-bottom:.7rem;font:500 9px DM Mono,monospace;display:block}.generator-form-wrap form>div{border-bottom:1px solid #eeeae0;display:flex}.generator-form-wrap input{color:#eeeae0;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:1rem 0}.generator-form-wrap button{color:#0c0c0b;cursor:pointer;background:#b8ff3d;border:0;align-items:center;gap:.5rem;padding:0 1.2rem;font:500 10px DM Mono,monospace;display:flex}.generator-form-wrap button:disabled{opacity:.65}.generator-error{color:#ff8465;font-size:12px}.intro-arrow{align-self:flex-end}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.generated-stage{--bg:#eeeae0;--fg:#10100f;--accent:#074ddd;background:var(--bg);color:var(--fg)}.generated-toolbar{z-index:6;background:var(--bg);border-bottom:1px solid;grid-template-columns:1.1fr 1fr 1.5fr;align-items:end;gap:2rem;min-height:210px;padding:1.6rem 2vw;display:grid;position:relative}.generated-identity span,.format-switcher label{letter-spacing:.1em;font:500 9px DM Mono,monospace;display:block}.generated-identity strong{letter-spacing:-.06em;overflow-wrap:anywhere;margin:.7rem 0;font-size:clamp(2rem,4vw,5rem);display:block}.generated-identity small{font:500 10px DM Mono,monospace}.format-current{align-items:center;gap:1rem;margin-top:.7rem;display:flex}.format-current>strong{letter-spacing:-.08em;color:var(--accent);font-size:4rem;line-height:1}.format-current select{width:100%;color:inherit;background:0 0;border:0;border-bottom:1px solid;padding:.8rem 0;font-weight:700}.format-switcher p{color:#5d5d57;font-size:10px}.format-number-list{border-top:1px solid;grid-template-columns:repeat(3,1fr);display:grid}.format-number-list button{color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-right:1px solid;padding:.8rem}.format-number-list button:last-child{border:0}.format-number-list b,.format-number-list span{display:block}.format-number-list b{font:500 11px DM Mono,monospace}.format-number-list button.active{background:var(--fg);color:var(--bg)}.generated-hero{isolation:isolate;height:min(900px,92vh);padding:2vw;position:relative;overflow:hidden}.generated-hero>p{font:500 9px DM Mono,monospace}.generated-hero h2{z-index:2;letter-spacing:-.09em;mix-blend-mode:difference;color:#fff;margin:10vh 0 0;font-size:clamp(5rem,13vw,13rem);line-height:.72;position:relative}.generated-hero h2 span{margin-left:12vw;font-family:Georgia,serif;font-style:italic;font-weight:400}.generated-float{position:absolute;overflow:hidden}.generated-float img{object-fit:cover;filter:grayscale();width:100%;height:100%}.generated-float-0{width:38%;height:65%;top:15%;left:33%}.generated-float-1{width:20%;height:32%;top:5%;right:2%}.generated-float-2{width:24%;height:28%;bottom:4%;left:3%}.generated-projects{grid-template-columns:repeat(12,1fr);gap:8rem 1rem;padding:8rem 2vw;display:grid}.generated-card{color:inherit;grid-column:span 3;min-width:0;text-decoration:none}.generated-card:nth-child(7n+2),.generated-card:nth-child(7n+6){grid-column:span 4}.generated-image{aspect-ratio:4/5;background:#d4d1c8;place-items:center;font:600 3rem DM Mono,monospace;display:grid;overflow:hidden}.generated-image img{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:all .55s}.generated-card:hover img{filter:grayscale(0);transform:scale(1.035)}.generated-meta{border-bottom:1px solid;justify-content:space-between;align-items:center;padding:.7rem 0;font:500 9px DM Mono,monospace;display:flex}.generated-meta svg{width:14px}.generated-card h3{letter-spacing:-.04em;overflow-wrap:anywhere;font-size:clamp(1.1rem,1.6vw,1.8rem);line-height:1.15}.generated-card p{color:#5d5d57;font-size:11px;line-height:1.7}.generated-footer{border-top:1px solid;justify-content:space-between;align-items:end;padding:8rem 2vw 2rem;display:flex}.generated-footer strong{letter-spacing:-.07em;font-size:clamp(3rem,8vw,9rem)}.generated-footer span{font:500 9px DM Mono,monospace}.generated-format-02{--bg:#0a101a;--fg:#f2eee2;--accent:#7dacff}.generated-format-02 .generated-projects{padding:0;display:block}.generated-format-02 .generated-card{border-top:1px solid #38404b;grid-template-columns:1.7fr 1fr;height:88vh;display:grid;position:relative}.generated-format-02 .generated-image{aspect-ratio:auto}.generated-format-02 .generated-card h3{align-self:end;margin:0;padding:8vh 3vw;font-size:clamp(2.5rem,5vw,7rem)}.generated-format-02 .generated-card p{color:#adb8c6;width:36%;position:absolute;bottom:3vw;right:3vw}.generated-format-02 .generated-meta{z-index:2;width:36%;position:absolute;top:3vw;right:3vw}.generated-format-03{--bg:#e8e4db;--fg:#151512;--accent:#df3b1f}.generated-format-03 .generated-hero{height:60vh}.generated-format-03 .generated-projects{padding:4rem 2vw;display:block}.generated-format-03 .generated-card{border-top:1px solid;grid-template-columns:70px 140px 1fr 2fr;align-items:center;gap:1rem;padding:.7rem 0;display:grid}.generated-format-03 .generated-image{aspect-ratio:4/3;grid-area:1/2}.generated-format-03 .generated-meta{border:0;grid-area:1/1}.generated-format-03 .generated-meta svg{display:none}.generated-format-03 .generated-card h3{grid-area:1/3;margin:0}.generated-format-03 .generated-card p{grid-area:1/4;margin:0}.generated-format-03 .generated-image img{filter:grayscale()}@media (width<=800px){.generator-intro{min-height:800px;padding:1rem}.intro-grid{display:block}.intro-grid h1{margin-top:20vh;font-size:18vw}.generator-form-wrap{margin-top:4rem}.generated-toolbar{grid-template-columns:1fr;align-items:start}.format-number-list{margin-top:1rem}.generated-hero{height:720px;padding:1rem}.generated-hero h2{margin-top:24vh;font-size:20vw}.generated-float-0{width:72%;height:47%;left:18%}.generated-float-1{width:40%;height:22%}.generated-float-2{width:42%;height:20%}.generated-projects{grid-template-columns:repeat(2,1fr);gap:4rem .7rem;padding:5rem 1rem}.generated-card,.generated-card:nth-child(n){grid-column:span 1}.generated-card:nth-child(5n){grid-column:span 2}.generated-format-02 .generated-card{height:auto;display:block}.generated-format-02 .generated-image{aspect-ratio:4/5}.generated-format-02 .generated-card h3{padding:1.5rem 1rem}.generated-format-02 .generated-card p{width:auto;padding:0 1rem 2rem;position:static}.generated-format-02 .generated-meta{width:auto;margin:0 1rem;position:static}.generated-format-03 .generated-card{grid-template-columns:45px 70px 1fr}.generated-format-03 .generated-card p{display:none}.generated-footer{padding:5rem 1rem 2rem;display:block}.generated-footer span{margin-top:1rem;display:block}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.generated-toolbar{min-height:112px;padding:1rem 2vw}.generated-identity strong{letter-spacing:-.045em;margin:.35rem 0;font-size:clamp(1.25rem,2vw,2.2rem)}.format-current>strong{font-size:2.4rem}.format-current select{padding:.35rem 0;font-size:12px}.format-number-list span{margin-top:.55rem;font-size:9px}.format-number-list{grid-template-columns:repeat(6,1fr)}.generated-format-04{--bg:#ff5938;--fg:#10100e;--accent:#10100e}.generated-format-04 .generated-hero{background:#b9ff35}.generated-format-04 .generated-hero h2{color:#10100e;mix-blend-mode:normal}.generated-format-04 .generated-float{mix-blend-mode:multiply}.generated-format-04 .generated-projects{background:var(--fg);grid-template-columns:repeat(2,1fr);gap:1px;padding:1px;display:grid}.generated-format-04 .generated-card,.generated-format-04 .generated-card:nth-child(n){background:var(--bg);grid-column:span 1;min-height:90vh;padding:2vw;position:relative}.generated-format-04 .generated-card:nth-child(4n+2){background:#b9ff35}.generated-format-04 .generated-card:nth-child(4n+3){color:#fff;background:#7557ff}.generated-format-04 .generated-card:nth-child(4n){background:#f1eadb}.generated-format-04 .generated-image{mix-blend-mode:multiply;width:68%;margin-left:auto}.generated-format-04 .generated-card h3{text-transform:uppercase;z-index:2;margin-top:-10%;font-size:clamp(3rem,6vw,8rem);line-height:.82;position:relative}.generated-format-04 .generated-card p{display:none}.generated-format-05{--bg:#071a2d;--fg:#d9efff;--accent:#76c8ff;background-color:var(--bg);background-image:linear-gradient(#69beff17 1px,#0000 1px),linear-gradient(90deg,#69beff17 1px,#0000 1px);background-size:24px 24px}.generated-format-05 .generated-toolbar{background:#071a2d}.generated-format-05 .generated-hero h2{color:#d9efff;mix-blend-mode:normal;font-family:DM Mono,monospace;font-weight:400}.generated-format-05 .generated-float img{filter:grayscale()sepia()hue-rotate(165deg)}.generated-format-05 .generated-projects{background:#5491b9;grid-template-columns:repeat(2,1fr);gap:1px;padding:1px}.generated-format-05 .generated-card,.generated-format-05 .generated-card:nth-child(n){background:#071a2d;grid-column:span 1;grid-template-columns:1fr 1fr;gap:1rem;padding:1.2rem;display:grid}.generated-format-05 .generated-image{aspect-ratio:16/10}.generated-format-05 .generated-image img{filter:grayscale()sepia()hue-rotate(165deg)}.generated-format-05 .generated-meta{grid-area:1/1/auto/-1}.generated-format-05 .generated-card h3{font-family:DM Mono,monospace}.generated-format-05 .generated-card p{color:#9ac2dd}.generated-format-06{--bg:#11110f;--fg:#eeeae0;--accent:#c8ff39}.generated-format-06 .generated-projects{scroll-snap-type:x mandatory;gap:2rem;padding:8vh 8vw;display:flex;overflow-x:auto}.generated-format-06 .generated-card,.generated-format-06 .generated-card:nth-child(n){scroll-snap-align:center;border:1px solid #4b4b45;flex:0 0 min(72vw,1100px);grid-template-rows:auto 1fr;grid-template-columns:1.7fr 1fr;height:76vh;display:grid}.generated-format-06 .generated-image{aspect-ratio:auto;grid-area:1/1/3}.generated-format-06 .generated-meta{grid-column:2;padding:1rem}.generated-format-06 .generated-card h3{grid-column:2;align-self:end;padding:1rem;font-size:clamp(2rem,4vw,5rem)}.generated-format-06 .generated-card p{display:none}@media (width<=800px){.format-number-list{grid-template-columns:repeat(3,1fr)}.generated-format-04 .generated-projects{grid-template-columns:1fr}.generated-format-04 .generated-card,.generated-format-04 .generated-card:nth-child(n){min-height:680px}.generated-format-05 .generated-projects{grid-template-columns:1fr}.generated-format-05 .generated-card,.generated-format-05 .generated-card:nth-child(n){display:block}.generated-format-06 .generated-projects{padding:4rem 1rem}.generated-format-06 .generated-card,.generated-format-06 .generated-card:nth-child(n){flex-basis:88vw;height:auto;display:block}.generated-format-06 .generated-image{aspect-ratio:4/5}}.generated-hero h2{color:var(--fg);mix-blend-mode:normal;text-shadow:0 0 32px var(--bg)}.generated-sortbar{background:var(--bg);z-index:5;border-bottom:1px solid;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 2vw;display:flex;position:relative}.generated-sortbar>span,.generated-sortbar label{letter-spacing:.1em;font:500 9px DM Mono,monospace}.generated-sortbar>div{align-items:center;gap:.75rem;display:flex}.generated-sortbar select{min-width:150px;color:inherit;background:0 0;border:0;border-bottom:1px solid;padding:.45rem .2rem;font-size:12px;font-weight:700}.generated-sortbar button{color:inherit;cursor:pointer;background:0 0;border:1px solid;align-items:center;gap:.35rem;padding:.45rem .7rem;font:500 10px DM Mono,monospace;display:flex}.generated-sortbar button:hover,.generated-sortbar button:focus-visible{background:var(--fg);color:var(--bg)}.generated-sortbar button svg{width:14px;height:14px}.generated-sort-metric{color:var(--accent);margin-left:auto}@media (width<=800px){.generated-sortbar{align-items:flex-start}.generated-sortbar>span{padding-top:.55rem}.generated-sortbar>div{flex-wrap:wrap;justify-content:flex-end}.generated-sortbar label{text-align:right;width:100%}.generated-sortbar select{min-width:120px}.generated-sort-metric{display:none}}