.page-header{height:80px;display:flex;align-items:center;gap:18px;padding:0 38px;position:sticky;top:0;z-index:20;background:#f8f7f5e8;border-bottom:1px solid #19181d0d;backdrop-filter:blur(18px)}
.page-header>button,.page-header>a:first-child{width:38px;height:38px;display:grid;place-items:center;border:1px solid #19181d18;border-radius:11px;background:#fff}.page-header>div{display:flex;flex-direction:column}.page-header>div span{font-size:10px;color:#19181d65;text-transform:uppercase;letter-spacing:.1em}.page-header>div b{font-size:14px;margin-top:2px}.page-search{margin-left:auto;width:320px;height:40px;border-radius:11px;background:#efedec;display:flex;align-items:center;padding-left:12px}.page-search input{background:transparent;outline:0;width:100%;font-size:12px;padding:0 8px}.page-search button{height:32px;margin-right:4px;padding:0 11px;border-radius:8px;background:#fff;font-size:10px;font-weight:700}.page-section{max-width:1450px;margin:0 auto;padding:42px 38px 60px}.page-intro{max-width:720px}.page-intro h1 span,.project-hero h1 span,.form-story h1 span{color:#ff6b50}.page-intro>p:last-child,.project-hero>div>p:last-child{margin-top:12px;color:#19181d75;font-size:14px;line-height:1.7}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:34px}.project-card{min-height:300px;padding:26px;border-radius:24px;overflow:hidden;position:relative;box-shadow:0 14px 38px #21172213;transition:.25s;background:linear-gradient(145deg,#ffd0c6,#ffae9c)}.project-card.tone-1{background:linear-gradient(145deg,#e2dcff,#bcaeff)}.project-card.tone-2{background:linear-gradient(145deg,#e2ffb9,#bff263)}.project-card.tone-3{background:linear-gradient(145deg,#ffe5a1,#ffc953)}.project-card:before{content:"";position:absolute;width:220px;height:220px;right:-70px;top:-80px;border-radius:50%;background:#fff4}.project-card:hover{transform:translateY(-5px);box-shadow:0 22px 52px #21172222}.project-card-top{display:flex;align-items:center;justify-content:space-between;position:relative}.project-card-top span{width:58px;height:58px;border-radius:18px;background:#ffffff90;display:grid;place-items:center;font-size:26px;box-shadow:0 8px 25px #33202a17}.project-card-top i{font-style:normal;font-size:11px;font-weight:700}.project-card>p{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-top:32px;opacity:.55}.project-card h2{font-family:'Instrument Serif';font-size:36px;line-height:1.1;margin-top:5px}.project-card>small{display:block;margin-top:9px;max-width:70%;font-size:12px;line-height:1.55;opacity:.65}.project-stats{display:flex;gap:30px;margin-top:30px}.project-stats b{font-family:'Instrument Serif';font-size:25px}.project-stats em{display:block;font-family:'DM Sans';font-style:normal;font-size:9px;text-transform:uppercase;letter-spacing:.08em;opacity:.55}
.project-hero{min-height:230px;border-radius:26px;padding:36px 40px;display:flex;align-items:center;background:linear-gradient(135deg,#ffd0c6,#dcd3ff 55%,#c9ff72);box-shadow:0 16px 42px #2a1d2912;overflow:hidden}.project-hero>div:first-child{max-width:650px}.project-hero-art{margin-left:auto;display:flex;align-items:center}.project-hero-art span{width:86px;height:86px;display:grid;place-items:center;border-radius:24px;background:#ffffff7a;font-size:34px;border:1px solid #fff8;box-shadow:0 18px 35px #34273418;transform:rotate(-8deg)}.project-hero-art span:nth-child(2){transform:translate(-14px,-18px) rotate(5deg)}.project-hero-art span:nth-child(3){transform:translateX(-28px) rotate(11deg)}
.empty-state{margin-top:24px;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1.5px dashed #19181d25;border-radius:22px;background:#fff8}.empty-state>span{font-size:34px}.empty-state h3{font-size:18px;font-weight:750;margin-top:12px}.empty-state p{font-size:13px;color:#19181d75;max-width:440px;line-height:1.6;margin:8px 0 18px}.workflow-strip{display:flex;align-items:center;justify-content:space-around;padding:23px 20px}.workflow-strip div{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:650}.workflow-strip b{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#ffe2dc;color:#a63e2d}.workflow-strip i{font-style:normal;color:#19181d30}
.form-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;max-width:1150px;margin:0 auto;padding:50px 38px}.form-story{min-height:620px;border-radius:28px;padding:48px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.form-story:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:#fff3;right:-120px;top:-100px}.form-story.coral{background:linear-gradient(145deg,#ffcfc5,#ff9e89)}.form-story.lilac{background:linear-gradient(145deg,#e2dcff,#b9a9ff)}.form-story.lime{background:linear-gradient(145deg,#e3ffbd,#bff466)}.form-story>p:not(.eyebrow){font-size:14px;line-height:1.75;opacity:.68;margin-top:18px;max-width:440px}.story-icons{display:flex;margin-top:55px}.story-icons span{width:75px;height:75px;display:grid;place-items:center;border-radius:21px;background:#ffffff70;font-size:28px;border:1px solid #fff9;box-shadow:0 14px 30px #3b2b3515;transform:rotate(-7deg)}.story-icons span:nth-child(2){transform:translate(-8px,-13px) rotate(5deg)}.story-icons span:nth-child(3){transform:translateX(-16px) rotate(10deg)}.form-card{border-radius:28px;background:#fff;padding:42px;box-shadow:0 14px 45px #251a260e}.form-card h2{font-size:25px;font-weight:750;letter-spacing:-.04em;margin:6px 0 23px}.form-card label{display:block;font-size:11px;font-weight:750;margin-top:17px}.form-card label small{float:right;color:#19181d50;font-weight:500}.form-card .field{display:block;margin-top:7px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-card>.btn-dark{margin-top:24px;height:47px}.upload-zone{height:145px;margin-top:20px!important;border:1.5px dashed #19181d35;border-radius:16px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;background:#faf9f7}.upload-zone:hover{border-color:#ff6b50;background:#fff6f3}.upload-zone>span{font-size:24px}.upload-zone small{float:none!important;font-size:10px!important}.retention-note{margin-top:50px;width:210px;padding:18px;border-radius:18px;background:#ffffff72;border:1px solid #fff9}.retention-note b{font-family:'Instrument Serif';font-size:34px;display:block}.retention-note span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;opacity:.55}.role-legend{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px 12px;margin-top:45px;font-size:11px;color:#19181d99}.invite-result{margin-top:22px;padding:15px;border-radius:14px;background:#f1ffdd;border:1px solid #c8ef8d}.invite-result>b{font-size:12px}.invite-result>p{font-size:10px;color:#19181d80;margin-top:3px}.invite-result>div{height:38px;display:flex;margin-top:10px}.invite-result input{min-width:0;flex:1;background:#fff;border:1px solid #19181d18;border-radius:8px 0 0 8px;padding:0 10px;font-size:10px}.invite-result button{padding:0 13px;background:#20261d;color:#fff;border-radius:0 8px 8px 0;font-size:10px;font-weight:700}
.retention-pill,.lifecycle-chip{font-size:9px;font-weight:700;padding:6px 9px;border-radius:999px;background:#fff0d0;color:#7a581a}.lifecycle-chip{background:#efffd8;color:#49652a}.task-form{display:flex;margin-top:12px;height:42px}.task-form input{flex:1;min-width:0;border:1px solid #19181d1c;border-radius:10px 0 0 10px;padding:0 10px;font-size:12px;outline:none}.task-form button{width:42px;border-radius:0 10px 10px 0;background:#20261d;color:#fff}.comment-reply{margin-left:24px;position:relative}.comment-reply:before{content:"";position:absolute;left:-13px;top:-10px;width:16px;height:28px;border-left:1px solid #19181d20;border-bottom:1px solid #19181d20;border-radius:0 0 0 9px}.reply-context{display:inline-block;margin-top:4px;font-size:9px;color:#19181d50}.reply-banner{display:flex;align-items:center;gap:4px;margin:-2px -2px 6px;padding:6px 8px;border-radius:8px;background:#f1edff;font-size:9px;color:#554492}.reply-banner button{margin-left:auto;font-size:14px}.composer-tools>span:not(:last-child){font-size:12px;padding:5px}.review-badge{margin-left:10px;padding:4px 7px;border-radius:999px;background:#c9ff72;color:#263614;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.public-lifecycle{display:flex;align-items:center;gap:10px;margin-top:22px;padding:11px 13px;border-radius:13px;background:#fff9;border:1px solid #19181d10}.public-lifecycle p{font-size:11px;color:#19181d75}.public-lifecycle #review-status{margin-left:auto}.public-composer label{display:block;font-size:10px;font-weight:700;margin-top:10px}.public-composer .field{margin-top:5px}.public-empty{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.public-empty>div{font-size:42px;margin-top:40px}.public-empty h1{font-family:'Instrument Serif';font-size:38px;margin-top:12px}.public-empty p{font-size:13px;color:#19181d65;margin-top:8px}
@media(max-width:1100px){.project-grid,.form-layout{grid-template-columns:1fr}.form-story{min-height:400px}.page-search{display:none}.creative-card{min-width:0}.page-section .grid-cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.page-section{padding:30px 18px}.project-grid,.page-section .grid-cols-3{grid-template-columns:1fr}.form-layout{padding:20px}.form-story{display:none}.form-card{padding:25px}.two-fields{grid-template-columns:1fr}}