@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,700;0,800;0,900;1,700;1,800;1,900&family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,600;1,700;1,800&display=swap');
:root{--orange:#f26743;--teal:#266170;--yellow:#ffe566;--black:#0b0b0b;--paper:#f4f0e8;--display:'Barlow Condensed',sans-serif;--accent:'Barlow Condensed',sans-serif;--body:'Montserrat',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--black);font-family:var(--body)}.topbar{position:fixed;z-index:20;inset:0 0 auto;height:72px;display:flex;align-items:center;gap:30px;padding:0 3vw;background:#080808e8;color:#fff;border-bottom:1px solid #ffffff24}.wordmark{display:flex;gap:5px;align-items:center;color:inherit;text-decoration:none;font-family:var(--display);font-weight:900;font-size:18px;letter-spacing:.035em}.wordmark b{color:var(--orange);font-size:1.25em}.topbar nav{display:flex;gap:20px;margin-left:auto}.topbar nav a,.download{color:#fff;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.download{background:var(--orange);padding:12px 16px}.menu{display:none}.hero{height:100svh;min-height:700px;position:relative;overflow:hidden;background:#111}.hero-visual{position:absolute;inset:0;background:radial-gradient(circle at 70% 35%,#266170 0,transparent 36%),linear-gradient(135deg,#191919 0 55%,#0b0b0b 55%)}.hero-monogram{position:absolute;right:5vw;top:18vh;font:900 min(31vw,520px)/.75 var(--display);letter-spacing:-.06em;color:#ffffff0e}.hero-monogram span{color:#f2674340}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#000c,transparent 65%)}.hero-copy{position:absolute;left:5vw;bottom:8vh;color:#fff}.eyebrow,.section-head{font-size:11px;font-weight:800;letter-spacing:.18em}.hero h1,.manifesto h2,.characters h2,.assets h2,.projects-head h2{font-family:var(--display);font-weight:900;font-size:clamp(72px,10vw,165px);line-height:.76;letter-spacing:-.025em;margin:28px 0 24px}.hero h1 em,.manifesto h2 span,.characters h2 em,.assets h2 em,.projects-head h2 em{font-style:normal;color:var(--orange)}.hero-copy p{font-size:13px;text-transform:uppercase;letter-spacing:.16em}.explore{display:inline-flex;gap:16px;color:#fff;text-decoration:none;margin-top:25px;font-size:12px;font-weight:900;letter-spacing:.18em}.explore span{color:var(--orange)}.edition{position:absolute;right:3vw;bottom:4vh;color:#fff;font-size:10px;letter-spacing:.16em}.manifesto{display:grid;grid-template-columns:.25fr 1.4fr .8fr;gap:3vw;padding:12vh 5vw}.num{font-size:13px;font-weight:900;color:var(--orange)}.kicker{font-size:11px;font-weight:900;letter-spacing:.2em}.manifesto h2{font-size:clamp(56px,7vw,115px)}.manifesto-copy{padding-top:55px;max-width:460px;line-height:1.7}.script{font-family:var(--accent);font-style:italic;font-weight:700;font-size:28px;color:var(--teal)}.chapters{background:#0b0b0b;color:#fff;padding:2vh 5vw}.chapters a{display:grid;grid-template-columns:70px 1fr 50px;align-items:center;color:#fff;text-decoration:none;border-bottom:1px solid #ffffff28;padding:24px 0}.chapters b{color:var(--orange);font-size:12px}.chapters span{font-family:var(--display);font-weight:900;font-size:clamp(32px,5vw,72px)}.chapters i{font-style:normal;font-size:28px}.system-grid{display:grid;grid-template-columns:1fr 1fr;min-height:760px}.logo-panel,.color-panel{padding:8vh 5vw}.logo-panel{background:var(--orange)}.color-panel{background:#fff}.section-head{display:flex;gap:18px}.section-head b{color:var(--orange)}.logo-panel .section-head b{color:#000}.logo-live{height:390px;display:flex;align-items:center;justify-content:center}.cd-logo{font-family:var(--display);font-weight:900;font-size:clamp(55px,7vw,100px);letter-spacing:-.03em}.cd-logo strong{color:#fff}.cd-logo small{display:block;font-family:var(--body);font-weight:700;font-size:12px;letter-spacing:.25em;text-align:center}.logo-panel p,.color-panel p{max-width:560px;line-height:1.7}.logo-panel button,.tabs button{border:1px solid #111;background:transparent;padding:12px 15px;font-weight:900;cursor:pointer}.swatches{display:grid;grid-template-columns:1fr 1fr;height:470px;margin-top:40px}.swatches button{border:0;background:var(--c);position:relative;cursor:pointer}.swatches span{position:absolute;left:18px;bottom:18px;background:#000;color:#fff;padding:8px;font-size:11px;font-weight:800}.type-section{padding:10vh 5vw;background:var(--teal);color:#fff}.type-section .section-head b{color:var(--yellow)}.type-row{display:grid;grid-template-columns:180px 1.4fr .8fr;align-items:end;border-bottom:1px solid #ffffff3a;padding:36px 0}.type-row>span{font-size:10px;letter-spacing:.16em}.type-row h3{font-family:var(--display);font-weight:900;font-size:clamp(44px,6vw,90px);margin:0}.type-row.accent h3{font-family:var(--accent);font-style:italic;font-weight:800}.type-row.body h3{font-family:var(--body);font-weight:800}.type-row p{max-width:320px}.font-note{font-size:11px;opacity:.65}.characters{display:grid;grid-template-columns:.8fr 1.2fr;min-height:820px;background:var(--yellow)}.character-copy{padding:10vh 5vw}.characters h2{font-size:clamp(58px,7vw,110px);margin-top:70px}.character-copy>p{max-width:520px;line-height:1.7}.tabs{display:flex;gap:8px;margin-top:40px}.tabs button.active{background:#000;color:#fff}.character-stage{position:relative;background:#111;display:flex;align-items:center;justify-content:center}.character-placeholder{width:70%;aspect-ratio:1;border:1px solid #ffffff25;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;background:radial-gradient(circle,#f26743 0 3%,transparent 3%),radial-gradient(circle,#266170,transparent 68%)}.character-placeholder b{font-family:var(--display);font-weight:900;font-size:clamp(30px,4vw,70px)}.character-placeholder span{max-width:360px;color:#bbb;margin-top:15px}.create-studio{background:#0b0b0b;color:#fff;padding:10vh 3vw 7vh}.create-intro{display:grid;grid-template-columns:.7fr 1.5fr 1fr;gap:3vw;align-items:end;margin:0 2vw 55px}.create-intro h2{font-family:var(--display);font-weight:900;font-size:clamp(54px,6.5vw,105px);line-height:.82;margin:0}.create-intro h2 em{font-style:normal;color:var(--orange)}.create-intro>p{line-height:1.7;color:#c9c9c9}.builder{display:grid;grid-template-columns:250px minmax(420px,1fr) 290px;min-height:760px;border:1px solid #ffffff26;background:#151515}.builder-rail,.editor-panel{padding:24px;background:#101010}.builder-rail{border-right:1px solid #ffffff1c}.editor-panel{border-left:1px solid #ffffff1c}.builder-brand{display:flex;gap:12px;align-items:center;border-bottom:1px solid #ffffff20;padding-bottom:20px}.brand-dot{width:32px;height:32px;border-radius:50%;background:var(--orange);box-shadow:inset 0 0 0 9px #111}.builder-brand b,.builder-brand small{display:block}.builder-brand small{font-size:9px;color:#888}.control-group{padding:22px 0;border-bottom:1px solid #ffffff18}.control-group>label,.editor-panel>label,.type-controls label{display:block;font-size:9px;font-weight:900;letter-spacing:.14em;color:#aaa;margin-bottom:10px}.segmented,.template-grid,.photo-tools{display:flex;gap:6px}.segmented button,.template-btn,.photo-tools button{background:#202020;color:#aaa;border:1px solid #333;padding:10px 9px;font-size:9px;font-weight:900;cursor:pointer;flex:1}.segmented button.active,.template-btn.active,.photo-tools button.active{background:var(--orange);color:#111}.template-grid{display:grid;grid-template-columns:repeat(3,1fr)}.template-btn{height:64px}.upload-btn{display:flex!important;justify-content:center;border:1px dashed #555;padding:14px;color:#fff!important;cursor:pointer}.control-group small{font-size:9px;color:#777;line-height:1.45}.range-label{display:flex!important;justify-content:space-between;margin-top:18px!important}.control-group input[type=range],.type-controls input[type=range]{width:100%;accent-color:var(--orange)}.brand-colors{display:flex;gap:8px}.brand-colors button{width:30px;height:30px;border-radius:50%;border:2px solid transparent;background:var(--sw);cursor:pointer;box-shadow:0 0 0 1px #555}.brand-colors button.active{border-color:#fff}.canvas-zone{background:#242424;padding:20px;display:flex;flex-direction:column;align-items:center;min-width:0}.canvas-toolbar{width:100%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:#999;margin-bottom:18px}.safe-badge{color:#8fd694}.canvas-shell{height:650px;max-width:100%;display:flex;align-items:center;justify-content:center;position:relative}.canvas-shell canvas{max-width:100%;max-height:650px;width:auto;height:auto;box-shadow:0 20px 60px #0009;background:#111}.canvas-shell.dragging:after{content:'DROP TO USE AS BACKGROUND';position:absolute;inset:0;border:3px dashed var(--orange);background:#f2674322;display:flex;align-items:center;justify-content:center;font-weight:900}.canvas-help{font-size:9px;color:#777}.editor-title{border-bottom:1px solid #ffffff20;padding-bottom:20px;margin-bottom:22px}.editor-title span,.editor-title b{display:block}.editor-title span{font-size:9px;color:var(--orange)}.editor-title b{font-size:20px}.editor-panel input,.editor-panel textarea,.type-controls select{display:block;width:100%;margin-top:8px;background:#1b1b1b;border:1px solid #343434;color:#fff;padding:11px;font-family:var(--body);font-weight:600;font-size:12px}.type-controls{border-block:1px solid #303030;padding:18px 0;margin:8px 0 18px;display:grid;gap:12px}.type-controls-head{display:flex;justify-content:space-between;font-size:11px}.type-controls-head b{color:var(--orange)}.type-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.case-toggle{display:flex!important;gap:8px}.locked{display:flex;gap:12px;background:#1a1a1a;border-left:3px solid var(--yellow);padding:14px;margin:24px 0}.locked b,.locked small{display:block}.locked small{font-size:9px;color:#888}.export-btn,.reset-btn,.save-draft-btn,.primary-action{width:100%;padding:15px;border:0;font-weight:900;letter-spacing:.08em;font-size:10px;cursor:pointer}.export-btn,.save-draft-btn,.primary-action{background:var(--orange);color:#111}.save-draft-btn,.reset-btn{margin-top:8px}.reset-btn{background:transparent;color:#888;border:1px solid #333}.projects-section{padding:90px 5vw;background:#f5f0e8}.projects-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:35px 0}.projects-head h2{font-size:clamp(48px,7vw,105px);margin:0}.projects-head .primary-action{width:auto}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.project-card{background:#fff;border:1px solid #d9d2c7;padding:12px}.project-preview{aspect-ratio:4/5;background:#111;overflow:hidden}.project-preview img{width:100%;height:100%;object-fit:cover}.project-card button{margin-top:12px;border:1px solid #bbb;background:transparent;padding:8px;font-weight:800}.empty-projects{grid-column:1/-1;border:1px dashed #bbb;padding:45px;text-align:center}.assets{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:11vh 5vw;background:#fff}.assets h2{font-size:clamp(60px,8vw,120px)}.asset-cards{display:flex;flex-direction:column;justify-content:center}.asset-cards button{display:grid;grid-template-columns:1fr auto 40px;text-align:left;align-items:center;padding:28px 0;background:none;border:0;border-bottom:1px solid #bbb;cursor:pointer}.asset-cards b{font-size:28px}.asset-cards span{font-size:10px}.asset-cards i{font-size:24px}footer{background:var(--orange);padding:35px 5vw;display:flex;justify-content:space-between;font-size:11px;font-weight:800}#toast{position:fixed;z-index:50;right:25px;bottom:25px;background:#111;color:#fff;padding:14px 18px;font-size:12px;transform:translateY(100px);opacity:0;transition:.3s}#toast.show{transform:none;opacity:1}@media(max-width:1000px){.builder{grid-template-columns:210px 1fr}.editor-panel{grid-column:1/-1}.create-intro{grid-template-columns:1fr 2fr}.project-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.topbar{height:60px}.topbar nav,.download{display:none}.menu{display:block;margin-left:auto;background:none;border:0;color:#fff}.hero h1{font-size:22vw}.manifesto,.system-grid,.characters,.assets,.create-intro{display:block}.manifesto{padding:80px 7vw}.manifesto-copy{padding-top:0}.type-row{grid-template-columns:1fr}.builder{grid-template-columns:1fr}.builder-rail{border-right:0}.canvas-shell{height:auto}.canvas-shell canvas{max-height:70vh;max-width:92vw}.projects-head{align-items:start;flex-direction:column}.project-grid{grid-template-columns:1fr}.assets{padding:80px 7vw}footer{gap:20px;flex-wrap:wrap}}