@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#101013;--white:#f1f2ee;--muted:#aaa9b3;--orange:#ff6535;--acid:#dfff00}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--acid);outline-offset:5px}.skip{position:fixed;top:-90px;left:20px;background:var(--orange);padding:16px;z-index:100}.skip:focus{top:10px}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #ffffff20}.brand{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:20px;letter-spacing:-1px;display:inline-flex;align-items:center}.brand span{font-weight:400}.brand i{width:7px;height:7px;background:var(--acid);margin-left:5px;align-self:flex-start;margin-top:3px}nav{display:flex;align-items:center;gap:25px;font-size:14px}nav a:hover,footer a:hover{color:var(--acid)}nav button{border:1px solid #ffffff50;border-radius:50%;width:40px;height:40px;background:transparent;color:var(--white);font-size:12px}.hero{overflow:hidden;position:relative;background:radial-gradient(ellipse at 70% 35%,#32223c66,transparent 60%),#101013}.hero-top{display:flex;justify-content:space-between;gap:20px;padding:25px 5% 0;font-size:11px;letter-spacing:1.5px;font-family:'Space Grotesk',sans-serif}.playground{position:relative;min-height:720px;height:calc(100svh - 230px);max-height:950px;isolation:isolate}.collage{position:absolute;inset:0}.hero-fragment{position:absolute;display:block;padding:0;background:#111;border:0;box-shadow:0 20px 70px #0008;isolation:isolate;transform:rotate(var(--r));transition:filter .2s}.hero-fragment img{width:100%;height:100%;object-fit:cover;display:block}.hero-fragment span{position:absolute;bottom:8px;left:10px;font-family:monospace;font-size:10px;letter-spacing:1px;color:#fff;background:#101013c9;padding:5px;z-index:2}.hero-fragment:hover{filter:brightness(1.13)}.f1{left:8%;top:7%;width:34%;height:30%;--r:-9deg}.f2{left:54%;top:23%;width:37%;height:38%;--r:10deg}.f3{left:8%;top:58%;width:26%;height:31%;--r:-10deg}.f4{left:74%;top:2%;width:18%;height:26%;--r:-13deg}.f5{left:45%;top:68%;width:17%;height:27%;--r:13deg}.hero-title{position:absolute;top:32%;left:13%;width:78%;z-index:5;pointer-events:none}.hero-title p{font-size:14px;margin:0 0 16px 5px;text-shadow:0 2px 8px #000;background:#101013ba;width:fit-content;padding:5px 9px}.hero-title h1{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:clamp(92px,13vw,210px);line-height:.78;letter-spacing:-.09em;margin:0;text-shadow:0 4px 40px #0004;transform:rotate(-4deg)}.hero-title h1 span{display:block;color:var(--white)}.hero-title h1 em{font-style:normal;color:var(--acid);display:block;margin-left:12%}.orbit-word{position:absolute;top:9%;left:36%;font-family:'Space Grotesk',sans-serif;color:transparent;-webkit-text-stroke:1px #ffffff40;font-size:clamp(60px,8vw,125px);font-weight:700;letter-spacing:-.06em;transform:rotate(9deg);z-index:-1}.margin-note{position:absolute;left:2%;top:34%;writing-mode:vertical-rl;font-size:10px;letter-spacing:2px;color:#aaa}.hero-sticker{position:absolute;right:9%;bottom:7%;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:23px;line-height:.95;padding:23px 15px;background:var(--orange);color:#101013;transform:rotate(-13deg);border-radius:50%}.experiment-bar{padding:20px 5% 25px;display:flex;align-items:center;gap:22px;border-top:1px solid #ffffff20}.chaos-control{display:flex;align-items:center;gap:14px}.chaos-control label{font-size:11px;letter-spacing:2px;color:var(--acid)}#chaos{width:150px;accent-color:var(--acid);min-height:35px}output{font-family:monospace;font-size:12px;min-width:35px}.experiment-bar button{border:1px solid #ffffff45;background:transparent;color:var(--white);padding:10px 15px;border-radius:30px;font-size:12px;min-height:40px}.experiment-bar button:hover{background:var(--acid);color:#101013}#effect-hint{margin-left:auto;font-size:10px;letter-spacing:1px;color:var(--muted)}#chaos-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.gpu-ready .hero-fragment img{visibility:hidden}.ticker{background:var(--acid);color:#101013;overflow:hidden;padding:15px 0;transform:rotate(-1.5deg) scale(1.01);margin:12px 0}.ticker div{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:25px;white-space:nowrap;width:max-content;animation:ticker 40s linear infinite}@keyframes ticker{to{transform:translateX(-50%)}}.worlds,.fragments,.about{padding:95px 6% 100px}.section-label{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:1.5px;border-top:1px solid #ffffff35;padding-top:18px;color:var(--muted)}.world-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin:55px 0 60px}h2{font-family:'Space Grotesk',sans-serif;font-weight:500;letter-spacing:-.07em;font-size:clamp(48px,6.5vw,100px);line-height:.97;margin:0}.world-heading p{color:var(--muted);line-height:1.8;font-size:16px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:40px 6%;padding:15px 10px}.card{position:relative;min-height:510px;padding:28px;text-align:left;color:var(--white);border:0;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;background:#17263b;transition:transform .3s;transform:rotate(-3deg)}.card:nth-child(2){transform:rotate(4deg);margin-top:50px}.card:nth-child(3){transform:rotate(2deg)}.card:nth-child(4){transform:rotate(-4deg);margin-top:50px}.card:hover{transform:rotate(0) translateY(-8px)}.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .7s}.card:hover img{transform:scale(1.07)}.card:after{content:'';position:absolute;inset:0;background:linear-gradient(#0004,transparent 20%,#000c);z-index:-1}.card-top{font-size:11px;letter-spacing:1.8px}.card-content{margin-top:auto}.card-content p{font-size:10px;letter-spacing:1.5px}.card h3{font-family:'Space Grotesk',sans-serif;font-weight:500;line-height:.98;font-size:clamp(45px,5vw,72px);letter-spacing:-.065em;margin:17px 0 30px}.card-bottom{border-top:1px solid #ffffff65;padding-top:18px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.card-bottom b{font-size:30px;line-height:24px;font-weight:400}.sea img{object-position:50% 40%}.road img{object-position:58% 55%}.fragments{background:#1a1820}.fragments h2{margin:55px 0 65px;color:var(--acid);transform:rotate(-3deg)}.photo-wall{columns:3;column-gap:25px;padding:0 12px}.photo-wall button{position:relative;display:block;width:100%;padding:0;border:0;background:#111;color:#fff;margin:0 0 28px;break-inside:avoid;transform:rotate(var(--r));transition:transform .25s}.photo-wall button:hover{transform:rotate(0) scale(1.025);z-index:2}.photo-wall img{display:block;width:100%;height:auto}.photo-wall span{position:absolute;bottom:10px;left:10px;background:#101013bc;padding:5px 8px;font-size:10px;letter-spacing:1px}.about{background:#e9eae5;color:#17191b}.about .section-label{color:#626663;border-color:#15151540}.about-layout{display:grid;grid-template-columns:.8fr 1fr;gap:9%;padding-top:70px;align-items:center}.about-portrait{position:relative;transform:rotate(-6deg);padding:12px 12px 40px;background:#fafafa;box-shadow:0 15px 30px #0002}.about-portrait img{display:block;width:100%;max-height:610px;object-fit:cover}.about-portrait span{position:absolute;bottom:12px;left:15px;font-family:monospace;font-size:13px;letter-spacing:2px}.about-layout h2{font-size:clamp(60px,6vw,95px)}.about-layout p{font-size:17px;line-height:1.8;color:#525651}.about-layout .about-lead{font-size:clamp(21px,2.1vw,30px);line-height:1.5;color:#17191b;margin:30px 0;letter-spacing:-1px}footer{padding:45px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px}footer>span{font-size:10px;letter-spacing:1px;color:var(--muted)}footer>a:last-child{font-size:13px}dialog{width:min(700px,calc(100% - 32px));max-height:90svh;overflow:auto;background:#e9eae5;color:#17191b;border:none;padding:65px 45px 45px}dialog::backdrop{background:#05080de8;backdrop-filter:blur(12px)}dialog .close{position:absolute;right:15px;top:8px;background:#101013;color:#fff;border:0;font-size:30px;width:44px;height:44px;z-index:3;border-radius:50%}#chapter-number{font-size:12px;letter-spacing:2px;color:#655d54}dialog h2{font-size:55px;margin:25px 0}#chapter-text p{font-size:18px;line-height:1.8}.chapter-done{background:#17191b;color:white;border:0;padding:15px 22px;margin-top:20px}#lightbox{width:fit-content;max-width:96vw;background:#101013;color:#fff;padding:12px;overflow:hidden}#lightbox-image{display:block;max-height:75svh;max-width:90vw;object-fit:contain;margin:auto}.lightbox-controls{display:flex;justify-content:space-between;align-items:center;gap:15px}.lightbox-controls button{background:transparent;border:1px solid #ffffff50;color:white;min-height:44px;min-width:44px;font-size:22px}.lightbox-controls p{font-size:12px;letter-spacing:1px;text-align:center}body.motion-paused .ticker div{animation-play-state:paused}@media(min-width:1600px){.worlds,.fragments,.about{padding-left:max(6%,calc((100vw - 1450px)/2));padding-right:max(6%,calc((100vw - 1450px)/2))}}@media(max-width:700px){header{height:70px;padding:0 5%}.brand{font-size:16px}nav{gap:15px;font-size:12px}nav a:first-child{display:none}nav button{width:36px;height:36px}.hero-top{font-size:9px;line-height:1.6}.hero-top span:last-child{max-width:90px;text-align:right}.playground{height:640px;min-height:0;max-height:780px}.f1{left:5%;top:8%;width:53%;height:24%}.f2{left:38%;top:24%;width:58%;height:24%;--r:9deg}.f3{left:4%;top:61%;width:48%;height:24%}.f4{left:66%;top:4%;width:29%;height:19%}.f5{left:58%;top:65%;width:31%;height:22%}.hero-title{left:5%;top:40%;width:90%}.hero-title p{font-size:10px;max-width:90%;margin:0 0 14px 0}.hero-title h1{font-size:17vw;line-height:.87}.hero-title h1 em{margin-left:5%}.hero-sticker{right:5%;bottom:4%;font-size:13px;padding:15px 10px}.orbit-word{top:26%;left:-2%;font-size:67px;transform:rotate(-14deg)}.margin-note{font-size:8px;top:38%;left:1%}.experiment-bar{gap:12px;flex-wrap:wrap;padding:17px 5%}.chaos-control{gap:9px;width:100%}#chaos{flex:1;min-width:120px}#effect-hint{font-size:8px;max-width:90px;line-height:1.7}.experiment-bar button{font-size:11px}.ticker div{font-size:21px}.worlds,.fragments,.about{padding:60px 6% 70px}.world-heading{display:block;margin:40px 0}.world-heading h2{font-size:65px}.world-heading p{margin-top:25px;font-size:14px}.cards{grid-template-columns:1fr;gap:35px;padding:5px 4px}.card,.card:nth-child(2),.card:nth-child(4){min-height:440px;margin-top:0}.card h3{font-size:60px}.photo-wall{columns:2;column-gap:15px;padding:0}.photo-wall button{margin-bottom:18px}.photo-wall span{font-size:8px;left:5px;bottom:5px;letter-spacing:0}.fragments h2{font-size:62px;margin:35px 0 45px}.about-layout{grid-template-columns:1fr;gap:55px;padding-top:50px}.about-portrait{max-width:80%;margin:0 auto}.about-layout h2{font-size:72px}footer{flex-wrap:wrap;padding-top:30px;padding-bottom:30px}footer>span{order:3;width:100%}.section-label{font-size:9px;line-height:1.7}.section-label span:last-child{text-align:right}dialog{padding:55px 25px 30px}dialog h2{font-size:44px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}