@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";
:root{--bg:#111;--panel:#191919;--ink:#fff;--muted:#969696;--line:#333;--accent:#e2e2e2;--font:"DM Sans",sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font);margin:0;font-size:15px}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea{outline-offset:5px}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}button{color:inherit}p{color:var(--muted);line-height:1.7}h1,h2,h3,p{margin:0}h1,h2{letter-spacing:-.055em;font-family:Manrope,sans-serif;font-weight:500}h1{font-size:clamp(42px,5vw,72px);line-height:1.15}h1 em{color:var(--accent);font-family:Georgia,serif;font-weight:400}.accent{color:var(--accent)}.brand{letter-spacing:.02em;align-items:center;gap:13px;font-size:17px;font-weight:750;display:inline-flex}.brand-mark{background:var(--accent);color:#1f1f1f;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-family:Georgia,serif;font-size:33px;line-height:1;display:inline-flex}.brand-mark span{font-size:29px}.brand-ai{color:var(--muted);font-weight:400}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:100px;padding:0 5%;display:flex}.header-right{align-items:center;gap:35px;display:flex}.status,.micro,.eyebrow,label,.gate-note,footer{letter-spacing:.13em;font-size:10px}.status{color:var(--muted);align-items:center;gap:9px;display:flex}.status i,.eyebrow i{background:var(--accent);border-radius:50%;width:5px;height:5px;display:inline-block}.text-button{color:var(--muted);background:0 0;border:0;padding:8px;font-size:12px}.text-button:hover{color:var(--ink)}.workspace{max-width:1440px;margin:auto;padding:60px 5% 100px}.eyebrow{color:var(--accent);letter-spacing:.17em;align-items:center;gap:10px;display:inline-flex}.micro{color:var(--muted)}.button{border:1px solid var(--line);background:0 0;justify-content:center;align-items:center;gap:20px;padding:13px 20px;font-size:12px;display:inline-flex}.button:hover{border-color:var(--accent)}.primary{background:var(--accent);color:#252525;border-color:var(--accent)}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:15px;padding:25px 5%;font-size:9px;display:flex}.gate{background:radial-gradient(at 78% 47%,#28282855,#0000 50%);flex-direction:column;min-height:100svh;display:flex;position:relative;overflow:hidden}.gate-top{z-index:1;justify-content:space-between;align-items:center;padding:38px 5%;display:flex}.gate-content{z-index:1;max-width:760px;margin:auto 0;padding:75px 9%;position:relative}.gate-content>p{white-space:pre-line;margin-bottom:35px;font-size:14px}.gate-content form{max-width:340px}.gate-content label{color:var(--muted);margin-bottom:12px;font-size:9px;display:block}.password-field{border-bottom:1px solid #636363;display:flex}.password-field input{min-width:0;color:var(--ink);outline-offset:0;background:0 0;border:0;flex:1;padding:15px 0}.password-field button{background:var(--accent);color:#252525;border:0;width:42px;height:42px;font-size:25px}.form-error{color:#c1c1c1;min-height:30px;padding-top:8px;font-size:12px}.gate-note{color:#7c7c7c;letter-spacing:.05em;font-size:9px}.gate footer{z-index:1;border:0}.gate-orbit{place-items:center;width:560px;height:560px;display:grid;position:absolute;top:50%;left:75%;transform:translate(-50%,-50%)rotate(-25deg)}.gate-orbit span{border:1px solid #7e7e7e2e;border-radius:50%;width:100%;height:100%;position:absolute}.gate-orbit span:nth-child(2){width:75%;height:100%;transform:rotate(60deg)}.gate-orbit span:nth-child(3){width:45%;height:100%;transform:rotate(120deg)}.gate-orbit b{color:#c1c1c114;font:italic 260px Georgia,serif;transform:rotate(25deg)}.studio-heading{justify-content:space-between;align-items:center;margin-bottom:52px;display:flex}.studio-heading h1{margin:14px 0;font-size:58px}.studio-heading p,.page-heading p{font-size:14px}.studio-body{border:1px solid var(--line);grid-template-columns:260px minmax(0,1fr);min-height:560px;display:grid}.studio-body aside{border-right:1px solid var(--line);padding:25px 17px}.sidebar-heading{color:var(--muted);justify-content:space-between;padding:0 10px 24px;font-size:11px;display:flex}.sidebar-project{text-align:left;background:0 0;border:1px solid #0000;width:100%;padding:15px 25px 15px 12px;display:block;position:relative}.sidebar-project span{font-size:13px;display:block}.sidebar-project small{color:var(--muted);margin-top:7px;font-size:11px;display:block}.sidebar-project b{font-weight:400;position:absolute;top:15px;right:9px}.sidebar-project.selected{border-color:var(--line);background:#e2e2e20c}.sidebar-note{border-top:1px solid var(--line);margin-top:30px;padding:24px 10px}.sidebar-note>span{color:var(--accent);font-size:20px}.sidebar-note p{margin-top:10px;font-size:11px;line-height:1.8}.editor{min-width:0;padding:35px}.empty{text-align:center;padding:65px 15px}.empty>span{color:var(--accent);margin-bottom:28px;font-size:38px;display:block}.empty h2{margin:15px 0;font-size:32px}.empty p{margin-bottom:25px;font-size:13px}.editor-empty{padding-top:42px}.feature-strip{border-top:1px solid var(--line);color:var(--muted);justify-content:center;gap:20px;margin-top:50px;padding-top:22px;font-size:10px;display:flex}label{color:var(--muted);font-size:9px;font-weight:500;line-height:1.6;display:block;position:relative}input,textarea{border:1px solid var(--line);width:100%;color:var(--ink);letter-spacing:0;background:#121212;border-radius:0;margin:9px 0 22px;padding:13px 14px;font-size:13px;display:block}input::placeholder,textarea::placeholder{color:#6b6b6b}textarea{resize:vertical;line-height:1.6}input:focus,textarea:focus{border-color:#c1c1c1;outline:1px solid #c1c1c1}input:disabled{opacity:.55}.field-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.input-prefix{letter-spacing:0;font-size:12px;position:absolute;top:37px;left:12px}.slug-input{padding-left:32px}.editor-title{justify-content:space-between;padding-bottom:28px;display:flex}.sections-heading{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:30px 0 20px;display:flex}.sections-heading h2{font-size:23px}.section-editor{border:1px solid var(--line);background:#1d1d1d;margin-bottom:20px;padding:20px}.section-toolbar{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-editor>input,.section-editor>textarea{background:0 0}.layout-choice{gap:8px;margin-bottom:18px;display:flex}.layout-choice button{border:1px solid var(--line);color:var(--muted);background:0 0;padding:10px;font-size:11px}.layout-choice .active{border-color:var(--accent);color:var(--accent);background:#e2e2e208}.upload-zone{cursor:pointer;letter-spacing:0;border:1px dashed #4e4e4e;flex-direction:column;justify-content:center;align-items:center;min-height:140px;padding:15px;display:flex;overflow:hidden}.upload-zone>span{color:var(--accent);margin-bottom:5px;font-size:24px}.upload-zone b{color:var(--ink);font-size:13px;font-weight:400}.upload-zone small{margin-top:5px;font-size:10px}.upload-zone input{opacity:0;cursor:pointer;height:100%;margin:0;position:absolute;inset:0}.upload-zone:focus-within{outline:2px solid var(--accent)}.media-editor{grid-template-columns:35px minmax(0,1fr) 45px;align-items:center;gap:10px;margin-bottom:15px;display:grid}.media-type{color:var(--accent);font-size:25px}.media-editor input{margin:0 0 7px;padding:9px;font-size:12px}.add-section{border:1px dashed var(--line);width:100%;color:var(--muted);background:0 0;padding:15px;font-size:12px}.save-bar{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin-top:25px;padding-top:25px;display:flex}.danger{color:#aeaeae;margin-left:auto}.notice{color:var(--accent);min-height:20px;margin-top:20px;font-size:12px}.page-heading{padding:15px 0 60px}.page-heading h1{margin:20px 0}.collection{grid-template-columns:1fr 1fr;gap:45px 28px;display:grid}.project-cover{background:#252525;height:320px;position:relative;overflow:hidden}.cover-number{color:var(--accent);font-size:13px;position:absolute;top:25px;left:25px}.cover-lock{letter-spacing:.15em;color:var(--accent);font-size:9px;position:absolute;bottom:25px;left:25px}.abstract{background:radial-gradient(circle at 30% 30%,#e2e2e222,#0000 65%);border:1px solid #e2e2e255;border-radius:50%;width:250px;height:250px;position:absolute;top:35px;right:-10px;box-shadow:-70px 0 0 -1px #252525,-70px 0 #e2e2e244}.project-card:hover .abstract{transition:transform .5s;transform:translate(-20px)}.project-meta{padding-top:23px}.project-meta h2{margin:10px 0;font-size:28px}.project-meta h2 span{float:right;color:var(--accent);font-size:22px}.project-meta p{white-space:pre-line;font-size:13px}.project-intro{max-width:100%;padding:40px 0 0}.project-intro h1{max-width:950px;margin:30px 0;font-size:clamp(48px,7vw,90px)}.project-intro>p{white-space:pre-line;max-width:650px;font-size:17px}.slash{color:var(--muted);margin:0 10px}.intro-bottom{border-bottom:1px solid var(--line);justify-content:space-between;padding:65px 0 25px;display:flex}.chapter{padding-top:70px}.chapter-heading{grid-template-columns:65px 1fr auto;gap:15px;margin-bottom:30px;display:grid}.chapter-index{color:var(--accent);padding-top:8px;font:14px Georgia,serif}.chapter-heading h2{margin-bottom:10px;font-size:32px}.chapter-heading p{white-space:pre-line;max-width:650px;font-size:13px}.chapter-heading>.micro{padding-top:10px}.media-grid{gap:35px 22px;display:grid}.media-grid.grid{grid-template-columns:1fr 1fr}.media-grid figure{min-width:0;margin:0}.media-grid video,.image-button{background:#090909;width:100%;max-height:85vh;display:block}.media-grid video{aspect-ratio:16/9}.image-button{border:0;padding:0;position:relative}.image-button img{object-fit:contain;width:100%;max-height:85vh;display:block}.expand{color:var(--accent);background:#181818b3;border:1px solid #a4a4a455;padding:8px 13px;position:absolute;bottom:15px;right:15px}figcaption{padding-top:15px}figcaption h3{font-size:13px;font-weight:500}figcaption p{white-space:pre-line;margin-top:5px;font-size:12px}.lightbox{z-index:10;background:#090909f5;justify-content:center;align-items:center;padding:70px 25px 25px;display:flex;position:fixed;inset:0}.lightbox>.button{position:absolute;top:20px;right:25px}.lightbox img{object-fit:contain;max-width:100%;max-height:100%}@media (min-width:1600px){.gate-content{max-width:900px;padding-left:12%}.gate-orbit{width:700px;height:700px}}@media (max-width:800px){header{height:80px}.header-right{gap:10px}.status,.gate-top>.micro{display:none}.gate-content{max-width:100%;padding:55px 8%}.gate-content h1{font-size:64px}.gate-orbit{opacity:.55;top:44%;left:95%}.gate footer{flex-wrap:wrap;font-size:8px}.gate footer span:nth-child(2){display:none}.studio-heading{align-items:flex-start;gap:20px}.studio-heading h1{font-size:42px}.studio-heading p{max-width:230px}.studio-heading>.button{padding:12px;font-size:10px}.workspace{padding:40px 5% 60px}.studio-body{grid-template-columns:1fr}.studio-body aside{border-right:0;border-bottom:1px solid var(--line);padding:18px}.sidebar-note{display:none}.sidebar-heading{padding-bottom:12px}.sidebar-project{width:auto;min-width:150px;display:inline-block}.editor{padding:23px 18px}.field-row{grid-template-columns:1fr;gap:0}.feature-strip{gap:12px;font-size:9px}.collection{grid-template-columns:1fr}.project-cover{height:280px}.chapter-heading{grid-template-columns:30px 1fr}.chapter-heading>.micro{display:none}.media-grid.grid{grid-template-columns:1fr}.chapter{padding-top:45px}.chapter-heading h2{font-size:27px}.project-intro>p{font-size:15px}.intro-bottom{padding-top:45px}.section-toolbar{gap:10px}.layout-choice{flex-wrap:wrap}}.gate-content{max-width:900px;margin:auto 0;padding-top:40px;padding-bottom:140px}.gate-content h1{margin:0 0 20px;font-size:clamp(38px,5vw,64px);line-height:1.15}.gate-content>p{margin-bottom:30px}.brand{letter-spacing:-.04em;font-size:22px;font-weight:500}.gate-top{padding:38px 5%}@media (max-width:800px){.gate-content h1{font-size:40px}}:root{--bg:#000;--ink:#fff;--accent:#fff}.gate{background:#000}.primary,.password-field button{color:#000;background:#fff}input,textarea,select{font-size:16px}h1,h2,h3,p,figcaption,.sidebar-project{overflow-wrap:anywhere}.password-field{align-items:center;gap:12px}.password-field input{min-height:48px;margin:0}.password-field button{width:48px;min-width:48px;height:48px}.text-button,.button,.layout-choice button,.add-section{min-height:44px}.image-button .expand{place-items:center;min-width:44px;min-height:44px;display:grid}.media-grid,.chapter-heading>div,.studio-heading>div,.field-row>label{min-width:0}@media (max-width:800px){header{padding-left:max(5%,env(safe-area-inset-left));padding-right:max(5%,env(safe-area-inset-right))}.workspace{padding-bottom:max(60px,env(safe-area-inset-bottom))}.gate-top{padding:25px 7%}.gate-content{width:100%;padding:35px 7% 55px}.gate-content h1{font-size:clamp(32px,8vw,40px)}.gate-content form{max-width:100%}.gate-content>p{font-size:15px}input,textarea,.media-editor input{font-size:16px}label{letter-spacing:.08em;font-size:11px}.input-prefix{font-size:16px;top:40px}.slug-input{padding-left:38px}.sidebar-project{vertical-align:top;max-width:100%;min-height:55px}.sidebar-project span{padding-right:10px}.section-toolbar{flex-wrap:wrap}.section-toolbar>div{gap:4px;margin-left:auto;display:flex}.section-editor{padding:15px 12px}.layout-choice button{flex:1;min-width:115px}.save-bar .button{flex:1;min-width:90px}.media-editor{grid-template-columns:24px minmax(0,1fr) 44px;gap:8px}.media-editor .text-button{min-width:44px}.upload-zone small{text-align:center;font-size:12px}.studio-heading{flex-wrap:wrap;margin-bottom:28px}.studio-heading h1{font-size:clamp(30px,7vw,42px)}.studio-heading>.button{white-space:nowrap;min-height:44px;font-size:13px}.project-intro{padding-top:10px}.project-intro h1{font-size:clamp(36px,10vw,64px)}.chapter-heading{gap:10px}.lightbox{padding-left:12px;padding-right:12px;padding-bottom:env(safe-area-inset-bottom,12px)}}@media (max-width:380px){.editor{padding:18px 12px}.studio-heading{gap:8px}.studio-heading>.button{width:100%}}@media (max-height:500px) and (max-width:950px){.gate-top{padding-top:20px;padding-bottom:10px}.gate-content{padding-top:20px;padding-bottom:25px}.gate-content h1{font-size:32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}