/* YING / Identity 04 — warm white, carbon, vermilion; editorial scale and fine rules. */
:root{--bg:#f8f7f4;--ink:#20201f;--muted:#77756f;--line:#deddd7;--orange:#c63c27;--green:#eef0e9;--paper:#fffefa;--radius:4px;--gutter:5.5%;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;--font-meta:"SFMono-Regular",Consolas,"Liberation Mono",monospace}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;letter-spacing:.015em;font-size:14px}header{height:94px;padding:0 var(--gutter);gap:25px;border-bottom:1px solid var(--line);background:var(--bg)}.logo{font-family:Arial,sans-serif;font-size:36px;letter-spacing:-2.8px;font-weight:800;gap:14px}.logo span{font-size:8px;letter-spacing:1.8px;line-height:1.7;max-width:66px;color:#706e68}.logo:after{content:'';width:6px;height:6px;background:var(--orange);align-self:flex-end;margin:0 0 9px -6px}nav{gap:32px}nav a{font-size:12px;color:#65635d;padding:12px 0}nav a.active{color:var(--ink);border-bottom:1px solid var(--orange)}nav a:hover{color:var(--orange)}.wrap{max-width:1440px;padding:0 var(--gutter);margin:auto}.eyebrow,.studio-line,.work-heading,.intro-baseline,.pov-label,.case-number,.feature-kicker,.image-footnote,.study-toolbar{font-family:var(--font-meta);font-size:10px;letter-spacing:1.5px;line-height:1.7}.eyebrow{color:var(--muted)}.eyebrow:before{width:4px;height:4px;background:var(--orange)}.lead{font-size:14px;color:var(--muted);line-height:1.95}.fine{font-size:11px;line-height:1.85;color:var(--muted)}h2,h3{font-weight:500;letter-spacing:-.5px}#demo-bar{padding:10px var(--gutter);border-bottom:1px solid var(--line);background:#efeee9;font-size:10px;gap:12px}#demo-bar strong{color:#896c56;font-weight:500}#demo-bar span{color:#79766c}#demo-bar select{font:inherit;border:1px solid #d7d5cc;border-radius:2px;background:#f8f7f2;padding:7px 10px}#demo-bar label{color:#747168}.btn{border-radius:var(--radius);padding:14px 22px;background:var(--ink);border:1px solid var(--ink);font-size:12px;line-height:1.5;gap:28px;transition:background .2s,transform .2s}.btn:hover{background:#3b3a36;transform:translateY(-1px)}.btn.orange{background:var(--ink);border-color:var(--ink)}.btn.light{background:transparent;border-color:#c9c7be;color:var(--ink)}.btn.light:hover{background:#efeee8;border-color:#96938a}.text-link{color:var(--ink);border-bottom:1px solid #aaa69b}.small-button{color:#696354}.page-top{padding:54px 0 32px;border-bottom:1px solid var(--line);margin-bottom:32px}.page-top h1{font-size:38px;line-height:1.4;font-weight:500;letter-spacing:-1.2px;margin:16px 0 12px}.page-top .lead{margin-bottom:0}.workspace{gap:26px;padding-bottom:64px}.workspace>*,.cols>*{min-width:0}.panel,.plan,.brand-card,.stats>div{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:none}.panel{padding:28px}.panel h2{font-size:24px;line-height:1.5}.panel h3{font-size:18px}.section-head{align-items:center}.notice{padding:15px 18px;border:1px solid #e4dfd1;border-left:2px solid #a29478;background:#f0ede5;border-radius:2px;color:#776d59;font-size:12px}.field{margin-bottom:24px}.field label{font-size:12px;color:#666259;margin-bottom:10px}.field input,.field textarea,.field select{background:#fbfaf7;border:1px solid #d8d5cc;border-radius:2px;color:var(--ink);padding:13px 14px;font-size:13px}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid #c63c2725;border-color:#ac705f}.field textarea{line-height:1.8;min-height:110px}.upload{border-radius:2px;border-color:#c7c3b6;background:#f5f3ed;line-height:1.8;font-size:12px}.summary-row{border-color:#e8e5dd;font-size:12px;padding:13px 0}.summary-row strong{font-weight:500}.brand-avatar{background:#e9e5dc;color:#665d4d;border-radius:2px;font-weight:500;font-family:Georgia,serif}.brand-card{padding:26px;transition:border-color .2s}.brand-card.selected{border-color:#8b7767;background:#f3f0e9}.brand-card:hover{border-color:#9c9587}.brand-card h3{font-size:20px}.brand-summary,.review-checks{background:#f3f1ea;border-radius:2px}.brand-summary{border-left:2px solid #b5a38d}.asset-list img{border-radius:2px;background:#f0eee6}.badge{border-radius:2px;padding:6px 9px;font-size:10px;background:#ebece5;color:#696b53}.badge.review,.badge.pending{background:#f1e8d8;color:#8c6d3f}.badge.rejected{background:#f3e0da;color:#914b3c}.badge.delivered,.badge.approved,.badge.confirmed{background:#e6ece3;color:#536f50}.choice,.history button{border-radius:2px;padding:11px 16px;font-size:12px}.choice.selected,.project-item.selected{background:#ece8df;border-color:#ab9d87;color:#514a3b}.project-item{border-radius:2px}.project-tabs{gap:8px}.delivery-image{border-radius:2px;background:#eeece4}.stats>div{padding:25px}.stats span{font-size:11px}.stats strong{font-size:36px;font-weight:400;letter-spacing:-1.5px;margin-top:16px;font-variant-numeric:tabular-nums}.stats .small-stat{font-size:21px}.plan{padding:32px}.plan.featured{border:1px solid #8d7964;background:#faf7f0}.recommend{background:#83705d;color:white;font-size:10px;padding:6px 12px;border-radius:2px}.price,.balance{font-weight:400;font-variant-numeric:tabular-nums;letter-spacing:-2px}.membership-top{padding-bottom:20px}.ledger th{background:#f3f1ea;font-weight:500;color:#716b5f}.ledger td{font-size:12px;font-variant-numeric:tabular-nums}.checkline input{accent-color:#8b6e58}.waiting-icon{color:#a8967d}.project-list{padding:20px 12px}.timeline{font-size:12px}.timeline small{font-family:var(--font-meta);font-size:10px}.account-actions{display:flex;gap:18px}.auth-shell{max-width:560px;margin:64px auto;padding:0 20px}.auth-shell h1{font-size:32px;line-height:1.45;font-weight:500;letter-spacing:-1px}.auth-shell .panel{margin-top:28px}.recovery-code{display:block;padding:22px;background:#eeece4;border:1px solid var(--line);border-radius:2px;overflow-wrap:anywhere;user-select:all;margin:22px 0}.policy{max-width:900px;padding-bottom:70px}.policy p{line-height:2;color:#706b61;margin-bottom:28px}.policy h3{margin-top:26px}dialog{border:1px solid #d4d0c5;border-radius:4px;padding:32px;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#191814a8;backdrop-filter:blur(4px)}#toast{background:#24231f;color:#fff;border-radius:3px}footer{border-color:var(--line);padding:36px var(--gutter);gap:35px;background:var(--bg)}footer .logo{font-size:30px}footer p{font-size:11px}footer>span{font-size:10px}.request-preview{background:#f0eee7}button:focus-visible,a:focus-visible{outline:2px solid #b86b53;outline-offset:5px}button:disabled{opacity:.4}
/* Public studio: editorial hierarchy, full-bleed imagery, an explicit point of view. */
.agency-intro{padding-top:37px}.studio-line{display:flex;justify-content:space-between;color:#767269}.studio-line span:first-child:before{content:'';display:inline-block;width:5px;height:5px;background:var(--orange);margin-right:12px;vertical-align:2px}.intro-grid{display:grid;grid-template-columns:1fr 290px;gap:50px;align-items:end;padding:47px 0 44px}.intro-grid h1{font-size:clamp(42px,5.5vw,78px);line-height:1.22;font-weight:500;letter-spacing:-3px;margin:0}.red-period{color:var(--orange)}.intro-aside{padding-bottom:7px}.intro-aside p{font-size:14px;line-height:1.95;color:#777166;margin:0 0 26px}.editorial-link{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-bottom:1px solid #a69e90;padding:0 0 12px;font-size:12px}.editorial-link:hover{color:var(--orange);border-color:var(--orange)}.intro-baseline{padding:18px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:9px;color:#858073;letter-spacing:1px}.intro-baseline a{font-family:var(--font-body);font-size:11px;letter-spacing:0;color:#5f594f}.selected-work{padding-top:30px;padding-bottom:75px;scroll-margin-top:20px}.work-heading{display:flex;justify-content:space-between;font-size:9px;color:#7f796d;gap:15px;margin-bottom:17px}.work-heading span:last-child{font-family:var(--font-body);letter-spacing:.5px}.case-visual{display:block;width:100%;background:#e8e3d9;padding:0;border:0;overflow:hidden;position:relative;color:white;text-align:left;border-radius:0}.case-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.6,.2,1)}.case-visual:hover img{transform:scale(1.025)}.feature-visual{aspect-ratio:1.93}.feature-visual img{object-position:50% 55%}.feature-copy{position:absolute;inset:12% auto auto 6%;display:flex;flex-direction:column;align-items:flex-start;pointer-events:none}.feature-kicker{font-size:9px;letter-spacing:2.2px;color:#c0ccd1}.feature-title{font:clamp(38px,5.6vw,79px)/1.04 Georgia,"Times New Roman",serif;letter-spacing:-3px;margin-top:28px}.feature-subtitle{font-size:15px;letter-spacing:2px;color:#e0e5e8;margin-top:24px}.image-footnote{position:absolute;left:6%;bottom:7%;color:#bcc4c8;font-size:8px;letter-spacing:1.8px;pointer-events:none}.case-caption{display:grid;grid-template-columns:40px 1fr auto;gap:18px;padding:24px 0 31px;align-items:start;border-bottom:1px solid var(--line)}.case-number{color:#9a9388;font-size:10px;padding-top:3px}.case-name{font-size:11px;letter-spacing:2px;font-weight:500;color:#8c8272}.case-caption h3{font-size:23px;margin:9px 0 10px;font-weight:500;letter-spacing:-.4px}.case-caption p{font-size:11px;color:#898174;margin:0}.circle-link{width:39px;height:39px;border:1px solid #ccc6b9;border-radius:50%;background:transparent;color:#554d40;font-size:21px;transition:background .2s;margin-top:4px}.circle-link:hover{background:var(--ink);color:white;border-color:var(--ink)}.case-pair{display:grid;grid-template-columns:1.12fr 1fr;gap:32px;margin-top:44px;align-items:start}.case-pair .case-visual{aspect-ratio:1.32}.case-pair article:last-child{padding-top:65px}.case-pair article:last-child .case-visual{aspect-ratio:1.07}.case-pair .case-visual img{object-position:center}.case-pair .case-caption{grid-template-columns:28px 1fr auto;gap:12px}.point-of-view{background:#25241f;color:#f3f0e9;padding:58px 0 64px}.pov-label{display:flex;justify-content:space-between;gap:18px;color:#a29b8b;font-size:9px}.pov-label span:first-child{color:#c8bfb0}.pov-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:end;margin:42px 0 50px}.pov-grid h2{font-size:43px;line-height:1.4;font-weight:400;letter-spacing:-1px;margin:0}.pov-grid p{font-size:13px;line-height:2.15;color:#b0a99b;margin:0 0 4px}.capability-row{border-top:1px solid #4a473e;display:grid;grid-template-columns:50px 1fr 1.12fr;gap:25px;padding:24px 0;align-items:center}.capability-row>span{font:11px var(--font-meta);color:#928979}.capability-row h3{font-size:20px;font-weight:400;margin:0}.capability-row small{display:block;font:9px var(--font-meta);letter-spacing:1.8px;color:#8e8574;margin-top:8px}.capability-row p{font-size:12px;color:#b3ab9b;line-height:1.9;margin:0;max-width:390px}.agency-contact{padding-top:76px;padding-bottom:80px;display:flex;justify-content:space-between;align-items:end;gap:30px}.agency-contact .eyebrow{font-size:9px;letter-spacing:2px}.agency-contact h2{font-size:57px;font-weight:400;line-height:1.25;letter-spacing:-2px;margin:24px 0 0}.agency-contact>div:last-child{padding-bottom:8px;min-width:280px}.agency-contact p{line-height:2;color:#7d7567;font-size:13px;margin:0 0 27px}.agency-contact .btn{min-width:250px;justify-content:space-between}
/* Concept sheets use the same labels, margins and rules as the studio. */
dialog:has(.study-sheet){width:min(1080px,calc(100vw - 48px));max-width:none;padding:0;background:var(--bg);max-height:92vh}.study-toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 26px;color:#8b8170;font-size:9px;gap:20px}.study-sheet>img{display:block;width:100%;height:auto;max-height:60vh;object-fit:contain;background:#24231f}.study-content{display:grid;grid-template-columns:1fr 1.25fr;gap:40px;padding:36px}.study-content h2{font-size:29px;line-height:1.5;margin:15px 0}.study-content h3{font-size:12px;margin:0 0 10px}.study-content p{font-size:13px;color:#807665;line-height:1.95;margin:0 0 22px}.study-content .fine{font-size:11px}.study-content .btn{margin-top:4px}
@media(max-width:1050px){header{height:auto;padding:23px var(--gutter);flex-wrap:wrap}header nav{gap:22px}.intro-grid{grid-template-columns:1fr 250px;gap:30px}.intro-grid h1{font-size:56px}.feature-title{font-size:58px}.feature-subtitle{font-size:13px}.case-pair{gap:24px}.pov-grid{gap:35px}.pov-grid h2{font-size:36px}.pov-grid p{font-size:12px}.agency-contact h2{font-size:48px}.page-top h1{font-size:34px}#demo-bar{flex-direction:column;align-items:flex-start}#demo-bar span{display:block;margin-top:4px}}
@media(max-width:650px){:root{--gutter:6%}header{padding-top:21px;padding-bottom:18px;gap:18px}.logo{font-size:34px}header nav{width:100%;overflow-x:auto;white-space:nowrap;justify-content:flex-start;gap:24px;padding-bottom:2px}nav a{flex-shrink:0;font-size:11px}#demo-bar{font-size:9px;padding-top:9px;padding-bottom:9px}#demo-bar select{font-size:10px;max-width:220px}.btn{font-size:12px;padding:13px 18px}.page-top{padding:34px 0 22px;margin-bottom:24px}.page-top h1{font-size:28px;letter-spacing:-.8px}.page-top .lead{font-size:12px}.workspace{gap:16px;padding-bottom:38px}.panel{padding:21px}.panel h2{font-size:22px}.stats>div{padding:18px}.stats strong{font-size:29px;margin-top:10px}.stats .small-stat{font-size:18px}.stats span{font-size:10px}.brand-grid{gap:12px}.brand-card{padding:22px}.project-tabs .choice{padding:10px 12px;font-size:11px}.plan{padding:26px}.membership-top{align-items:start}.notice{font-size:11px}.auth-shell{margin:38px auto}.auth-shell h1{font-size:27px}.auth-shell .panel{padding:22px}.recovery-code{padding:16px}dialog{padding:22px;max-width:calc(100vw - 26px)}footer{gap:20px;padding-top:28px;padding-bottom:28px}footer .logo{font-size:28px}footer>span{font-size:9px}.agency-intro{padding-top:25px}.studio-line{font-size:8px;letter-spacing:1.2px}.studio-line span:last-child{display:none}.intro-grid{grid-template-columns:1fr;padding:29px 0 27px;gap:24px}.intro-grid h1{font-size:40px;line-height:1.3;letter-spacing:-2px}.intro-aside{padding:0;display:flex;flex-direction:column;align-items:flex-start}.intro-aside p{font-size:12px;line-height:1.9;margin:0 0 19px}.editorial-link{font-size:11px;gap:30px;padding-bottom:9px}.intro-baseline{font-size:7px;padding:14px 0;letter-spacing:.5px}.intro-baseline a{font-size:10px}.selected-work{padding-top:22px;padding-bottom:40px}.work-heading{font-size:8px;flex-direction:column;gap:4px;margin-bottom:13px}.work-heading span:last-child{font-size:9px;letter-spacing:0}.feature-visual{aspect-ratio:1.03}.feature-visual img{object-position:64% center}.feature-copy{inset:8% auto auto 7%}.feature-kicker{font-size:6px;letter-spacing:1.5px}.feature-title{font-size:38px;letter-spacing:-1.6px;margin-top:20px;text-shadow:0 1px 20px #07111c66}.feature-subtitle{font-size:10px;margin-top:16px;letter-spacing:1px}.image-footnote{font-size:5px;bottom:6%;left:7%;letter-spacing:1px}.case-caption{padding:19px 0 24px;grid-template-columns:24px 1fr auto;gap:10px}.case-caption h3{font-size:20px;margin:8px 0}.case-name{font-size:9px;letter-spacing:1.5px}.case-caption p{font-size:10px}.case-number{font-size:8px}.circle-link{width:32px;height:32px;font-size:17px}.case-pair{grid-template-columns:1fr;gap:30px;margin-top:30px}.case-pair article:last-child{padding:0}.case-pair .case-visual{aspect-ratio:1.24}.case-pair article:last-child .case-visual{aspect-ratio:1.24}.point-of-view{padding:35px 0 26px}.pov-label{font-size:8px}.pov-label span:last-child{display:none}.pov-grid{grid-template-columns:1fr;margin:25px 0 30px;gap:22px}.pov-grid h2{font-size:31px}.pov-grid p{font-size:11px;line-height:2.1}.capability-row{grid-template-columns:23px 1fr;gap:16px;padding:23px 0;align-items:start}.capability-row>span{font-size:9px;padding-top:4px}.capability-row h3{font-size:19px}.capability-row small{font-size:8px;margin-top:7px}.capability-row p{grid-column:2;font-size:11px;line-height:1.9;margin-top:0}.agency-contact{padding-top:41px;padding-bottom:43px;flex-direction:column;align-items:start;gap:25px}.agency-contact h2{font-size:40px;margin-top:18px}.agency-contact>div:last-child{padding:0;min-width:0}.agency-contact p{font-size:12px;margin-bottom:20px}.agency-contact .btn{min-width:240px}.agency-contact .eyebrow{font-size:8px}.study-toolbar{padding:15px 18px;font-size:8px;letter-spacing:.8px}.study-content{grid-template-columns:1fr;padding:23px;gap:15px}.study-content h2{font-size:26px}.study-content p{font-size:12px}.study-content .eyebrow{font-size:9px}dialog:has(.study-sheet){width:calc(100vw - 20px);max-height:92vh}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Focused submission flow */
.home-secondary{display:flex;gap:24px;margin-top:20px;font-size:13px}.home-secondary button{border:0;background:none;padding:0;color:inherit;cursor:pointer}.more-studies{border-top:1px solid var(--line,#d9d7d1);margin-top:28px}.more-studies summary{padding:22px 0;cursor:pointer;font-size:14px}.more-studies summary span{float:right}.optional-fields,.brief-example{border-top:1px solid #ddd9d2;margin:20px 0;padding-top:16px}.optional-fields summary,.brief-example summary,.brand-summary summary{cursor:pointer;font-size:13px;margin-bottom:16px}.brief-example p{font-size:13px;line-height:1.9}.brief-cost,.next-action{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border:1px solid #ddd9d2;margin-bottom:24px;background:#f0eee8}.brief-cost strong,.next-action strong{font-size:14px}.brief-cost span,.next-action p{font-size:13px;color:#65635e;line-height:1.7;margin:6px 0 0}.brief-cost{flex-wrap:wrap}.task-help{display:flex;align-items:center;justify-content:space-between;padding-top:24px;padding-bottom:0;color:#73716a;font-size:12px}.compact-form{max-width:640px}.quick-help{padding-left:24px;line-height:1.7}.quick-help p{font-size:14px;color:#65635e}.quick-help li{margin-bottom:18px}#draft-hint{font-size:12px}@media(max-width:650px){.next-action{align-items:flex-start;flex-direction:column}.brief-cost{gap:8px}.task-help{font-size:11px}.task-help .small-button{font-size:11px}.home-secondary{gap:20px}}