.agency{--paper:#f7f4ed;--wash:#e8e7dd;--accent:#353d30;--ink:#2c3028;--muted:#60655a;--line:#d2d3c5}.agency-nav{padding:23px 5%;display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid var(--line);background:var(--paper)}.bw-brand{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.12em}.bw-brand small{font-size:7px;letter-spacing:.09em;display:block;margin-top:3px}.bw-icon{display:grid;place-items:center;background:var(--ink);color:#fff9e9;width:42px;height:42px;font:500 22px/1 Georgia;letter-spacing:-.1em}.agency-nav nav{display:flex;gap:28px;font-size:12px}.agency-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;padding:75px 6% 80px;align-items:center}.agency-hero h1{font-size:clamp(47px,5.4vw,78px);line-height:1.12;margin:0 0 28px}.agency-hero h1 em{color:#8c5e43;font-weight:400}.agency-actions{display:flex;gap:25px;align-items:center;margin-top:28px}.hero-preview{padding:24px;background:#e9d7b7;display:block;transform:rotate(1deg)}.hero-preview img{display:block;width:100%;height:auto;box-shadow:0 12px 30px #44342525}.hero-preview>span:last-of-type{display:block;font-family:var(--serif);font-size:23px;margin-top:23px}.hero-preview small{display:block;font-size:10px;margin-top:7px}.agency-value{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:45px 7%;display:flex;justify-content:space-between;gap:40px}.agency-value>p{font:400 37px/1.3 var(--serif);letter-spacing:-.03em}.agency-value>div{display:grid;grid-template-columns:1fr 1fr;gap:15px 40px;align-content:center;font-size:9px;letter-spacing:.08em}.agency-section{padding:85px 7%}.demo-list{display:flex;flex-direction:column;gap:40px}.demo-list>a{display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:center;padding-bottom:40px;border-bottom:1px solid var(--line)}.demo-list>a:nth-child(2){grid-template-columns:1fr 1.3fr}.demo-list>a:nth-child(2)>img{order:2}.demo-list img{width:100%;height:auto;border:1px solid var(--line)}.demo-list span{font-size:10px;letter-spacing:.12em}.demo-list h3{font:400 44px/1.2 var(--serif);margin:20px 0}.demo-list p{font-size:14px;max-width:320px;color:var(--muted)}.demo-list b{font-size:12px;display:inline-block;margin-top:25px;border-bottom:1px solid;padding-bottom:5px}.agency-process{background:var(--wash)}.process-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:40px}.process-columns article{border-top:1px solid var(--line);padding-top:25px}.process-columns span{font-size:11px}.process-columns h3{font:400 28px/1.3 var(--serif);margin:23px 0 15px}.process-columns p{font-size:13px;color:var(--muted)}.package-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#eee7dc}.package-section h2{font-size:44px}.package-price{font:400 76px/1 var(--serif);margin:30px 0}.package-price small{font:12px/1 var(--sans)}.package-section>div>p:not(.package-price){font-size:13px}.package-section .button{margin-top:25px}.package-exclusions{border-top:1px solid var(--line);padding-top:24px}.package-exclusions h3{font-size:15px}.package-exclusions p{font-size:12px;margin-top:14px;color:var(--muted)}.agency-faq{display:grid;grid-template-columns:1fr 1fr;gap:8%}.agency-close{padding:85px 7%;text-align:center;background:#dbe0d2}.agency-close p{margin:22px auto;max-width:550px;font-size:14px}.agency-close .eyebrow{font-size:10px}.agency-close h2{font-size:52px}.agency-footer{display:flex;justify-content:space-between;gap:35px;align-items:center;padding:36px 5%;font-size:10px}.agency-footer>span{max-width:270px}.agency .muted a{text-decoration:underline}
@media(max-width:900px){.agency-nav nav{gap:14px}.agency-hero{gap:4%;padding:60px 5%}.agency-hero h1{font-size:55px}.agency-actions{flex-wrap:wrap;gap:12px}.hero-preview{padding:18px}.hero-preview>span:last-of-type{font-size:21px}.agency-value{gap:25px}.agency-value>p{font-size:32px}.demo-list>a{gap:25px}.process-columns{gap:25px}}
@media(max-width:700px){.agency-nav{padding:18px 6%;flex-wrap:wrap;gap:17px}.agency-nav nav{order:3;width:100%;justify-content:space-between}.agency-nav .bw-brand{font-size:10px}.bw-brand small{font-size:6px}.agency-hero{grid-template-columns:1fr;padding:50px 7%;gap:38px}.agency-hero h1{font-size:52px}.hero-preview{transform:none;padding:20px}.agency-value{flex-direction:column;padding:35px 7%;gap:25px}.agency-value>div{gap:15px;font-size:8px}.agency-section{padding:60px 7%}.demo-list>a,.demo-list>a:nth-child(2){grid-template-columns:1fr;gap:20px}.demo-list>a:nth-child(2)>img{order:0}.demo-list h3{font-size:36px;margin:15px 0}.demo-list b{margin-top:17px}.process-columns{grid-template-columns:1fr;gap:30px}.process-columns h3{margin:17px 0 10px}.package-section,.agency-faq{grid-template-columns:1fr;gap:35px}.package-section h2{font-size:36px}.agency-close{padding:60px 7%}.agency-close h2{font-size:38px}.agency-footer{flex-wrap:wrap;gap:24px;padding:30px 7%}}


/* QUALITY_RUBRIC v1.0: mobile and supportive text must not collapse into microtype.
   These rules deliberately override the first launch's 6–13px marketing labels. */
.agency .bw-brand small{font-size:11px;line-height:1.35;letter-spacing:.04em}
.agency-nav nav{font-size:14px}
.agency-value>div{font-size:13px;line-height:1.6;letter-spacing:.02em}
.demo-list span{font-size:12px}
.demo-list p,.process-columns p,.package-section>div>p:not(.package-price),.agency-close p{font-size:16px;line-height:1.6}
.process-columns span{font-size:12px}
.package-exclusions p,.package-price small{font-size:14px;line-height:1.6}
.agency-footer,.agency-footer>span,.hero-preview small,.agency-close .eyebrow{font-size:12px;line-height:1.55}
@media(max-width:700px){
  .agency .bw-brand{font-size:12px}
  .agency .bw-brand small{font-size:10px}
  .agency-value>div{grid-template-columns:1fr 1fr;font-size:12px;gap:12px}
  .agency-footer{font-size:12px}
  .agency .small-cta{min-height:44px;display:inline-flex;align-items:center}
}


/* Pricing offers are indicative and intentionally allow an open custom quote. */
.package-section{grid-template-columns:minmax(0,1.45fr) minmax(270px,.8fr);gap:6%}
.package-section>div{min-width:0}
.package-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0}
.package-card{padding:24px;background:#f7f4ed;border:1px solid #c5c7b9;display:flex;flex-direction:column;gap:12px}
.package-card h3{font:400 27px/1.25 var(--serif);margin:0}
.package-card p{margin:0;font-size:16px;line-height:1.5}
.package-card .package-range{font:400 clamp(30px,3.5vw,42px)/1.15 var(--serif);letter-spacing:-.035em;white-space:nowrap}
.package-card ul{padding-left:18px;margin:0;font-size:14px;line-height:1.6}
.package-card li+li{margin-top:6px}
.package-card .eyebrow{font-size:12px}
.custom-quote{border-top:1px solid var(--line);padding-top:20px}
.custom-quote h3,.package-boundaries h3{font:400 24px/1.3 var(--serif)}
.custom-quote p{font-size:16px;line-height:1.6}
.package-boundaries{padding-top:12px}
.package-boundaries .scope-list{font-size:15px;line-height:1.7}
.package-section .muted{font-size:14px;line-height:1.6}
.agency a:focus-visible,.agency summary:focus-visible{outline:3px solid #8c5e43;outline-offset:4px}
@media(max-width:1050px){.package-section{grid-template-columns:1fr}.package-boundaries{padding-top:12px}}
@media(max-width:620px){.package-cards{grid-template-columns:1fr}.package-card{padding:22px}.package-card .package-range{font-size:37px}}

/* Blockworks / editorial studio system v2 — deliberate ink, stone, clay; not a universal client skin. */
.agency{--paper:#f5f1e7;--wash:#e7e9df;--accent:#294c46;--ink:#1e302d;--muted:#4b5b55;--line:#bfc8bb}
.agency-nav{position:sticky;top:0;z-index:30;background:#f5f1e7ef;backdrop-filter:blur(13px);border-bottom:1px solid var(--line)}
.agency-nav .bw-icon{background:var(--ink);width:45px;height:45px}
.agency .small-cta{font-weight:750}
.agency-hero{background:var(--paper);position:relative;gap:4%;padding-top:90px;padding-bottom:90px}
.agency-hero:before{content:"B / W   —   SINGAPORE   /   INDEPENDENT STUDIO";position:absolute;top:26px;left:6%;font:700 11px/1.6 var(--sans);letter-spacing:.11em;color:#596961}
.agency-hero h1{font-size:clamp(58px,6vw,92px);line-height:1.02;letter-spacing:-.067em}
.agency-hero h1 em{color:#b76448;font-style:normal}
.agency-hero .intro{font-size:19px;line-height:1.6;max-width:545px}
.hero-preview{transform:none;position:relative;background:#dfe5d6;border:1px solid #9aa99e;padding:18px 18px 21px}
.hero-preview:after{content:"CONCEPT / 001";position:absolute;top:0;right:0;background:#203d3c;color:white;font:700 10px var(--sans);padding:10px 13px;letter-spacing:.06em}
.hero-preview img{box-shadow:none;aspect-ratio:1.38;object-fit:cover;object-position:top left}
.agency-value{background:#203d3c;color:#fff;gap:48px}.agency-value>p em{color:#e4ad94}.agency-value>div{font-size:13px;color:#f1f4ed}
.studio-services{background:#f4f0e6}.studio-section-head{display:grid;grid-template-columns:1.3fr .7fr;gap:30px 9%;margin-bottom:44px}.studio-section-head>.eyebrow{grid-column:1/-1;margin:0}.studio-section-head h2{font-size:clamp(43px,5vw,68px);line-height:1.08}.studio-section-head h2 em{font-style:normal;color:#ad6048}.studio-section-head>p:last-child{align-self:end;font-size:18px;line-height:1.68;color:#52605a}
.service-index{border-top:2px solid var(--ink)}.service-item{display:grid;grid-template-columns:130px minmax(0,1fr) 175px;gap:30px;padding:34px 0 42px;border-bottom:1px solid #b7c0b4}.service-number{font-size:12px;font-weight:750;letter-spacing:.08em;color:#53665c}.service-item h3{font:400 clamp(31px,3vw,47px)/1.14 var(--serif);margin-bottom:12px;letter-spacing:-.035em}.service-item p{font-size:17px;line-height:1.7;max-width:720px;color:#435249}.service-item ul{display:flex;flex-wrap:wrap;gap:7px 22px;margin:16px 0 0;padding:0;list-style:none}.service-item li{font-size:13px;color:#41574c}.service-item li:before{content:"— ";color:#b76448}.service-link{display:inline-block;font-size:14px;font-weight:750;margin-top:23px;text-decoration:underline;text-underline-offset:6px}.service-state{text-align:right;font-size:12px;font-weight:700;color:#365449;letter-spacing:.03em}.state-study{color:#8f4e38}
.industries-strip{background:#e5e5d8}.industries-heading{display:grid;grid-template-columns:1fr .75fr;gap:25px 10%}.industries-heading .eyebrow{grid-column:1/-1}.industries-heading h2{font-size:clamp(42px,4vw,65px)}.industries-heading>p:last-child{font-size:17px;line-height:1.7;align-self:end}.industry-board{margin-top:45px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #9fab9f;border-left:1px solid #9fab9f}.industry-board>div{border-right:1px solid #9fab9f;border-bottom:1px solid #9fab9f;padding:25px;min-height:156px;display:flex;flex-direction:column;gap:10px;background:#f1f1e8}.industry-board span{font-size:12px;color:#6f776e}.industry-board strong{font:400 26px/1.25 var(--serif)}.industry-board small{font-size:14px;line-height:1.5;color:#47564b}.industry-note{font-size:13px;max-width:780px;margin-top:22px}
.agency-section[id="examples"]{background:#f8f5ed}.demo-list>a:nth-child(1){background:#eff2eb}.demo-list>a:nth-child(2){background:#fbefda}.demo-list>a:nth-child(3){background:#f6edf0}.demo-list>a{padding:28px;border:1px solid #d4d7c9;gap:45px}.demo-list h3{letter-spacing:-.045em}
.agency-process{background:#d6dcd3}
.agency-close{background:#203d3c;color:white}.agency-close h2{letter-spacing:-.05em}.agency-close .button{background:#f3d5bc;color:#1a3430;border-color:#f3d5bc}.agency-close p{color:#e5ede4}.agency-footer{background:#f3f0e8}
.agency :where(a,button,summary):focus-visible{outline:3px solid #bd6845;outline-offset:4px}
@media(max-width:1000px){.service-item{grid-template-columns:105px 1fr 130px;gap:17px}.studio-section-head,.industries-heading{grid-template-columns:1fr}}
@media(max-width:700px){.agency-nav{position:relative;backdrop-filter:none}.agency-nav nav{overflow-x:auto;justify-content:flex-start;gap:23px;padding-bottom:2px}.agency-hero{padding-top:74px}.agency-hero:before{top:25px;left:7%;font-size:10px}.agency-hero h1{font-size:clamp(52px,12vw,74px)}.agency-hero .intro{font-size:17px}.hero-preview{padding:13px}.studio-section-head,.industries-heading{gap:22px}.studio-section-head h2{font-size:44px}.studio-section-head>p:last-child{font-size:16px}.service-item{grid-template-columns:1fr;gap:11px;padding:28px 0 30px}.service-item h3{font-size:36px}.service-item p{font-size:16px}.service-state{text-align:left}.industry-board{grid-template-columns:1fr}.industry-board>div{min-height:0}.demo-list>a{padding:16px;gap:20px}.demo-list img{border:none}.agency-value>div{grid-template-columns:1fr!important}.agency-value>p{font-size:30px}}
@media(min-width:701px) and (max-width:1050px){.industry-board{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 28 Oct editorial QA — reduce template cues without applying one client skin. */
.agency{
  --paper:#f5f8f7; --wash:#e4eeec; --ink:#16333b;
  --accent:#265f68; --muted:#435d63; --line:#cad9d6;
}
.agency-nav{background:#f5f8f7f2}
.agency-hero{background:var(--paper);padding-top:62px;padding-bottom:66px}
.agency-hero::before,.hero-preview::after{content:none}
.agency-hero h1 em,.studio-section-head h2 em{color:#265f68}
.agency-hero .intro{max-width:520px}
.hero-preview{background:#dde8e9;border-color:#adc4c7}
.agency-value{background:#dce9e8;color:var(--ink)}
.agency-value>div,.agency-value>p em{color:var(--ink)}
.studio-services,.agency-section[id="examples"]{background:#f5f8f7}
.industries-strip{background:#e6efee}
.industry-board{grid-template-columns:repeat(2,minmax(0,1fr));border-color:#bacfca}
.industry-board>div{background:#f8fbfa;border-color:#bacfca;min-height:120px}
.agency-process{background:#e2eeeb}
.package-section{background:#e8f0ee}
.package-card{background:#fff;border-color:#c3d3d0}
.agency-close{background:#214b53}
.agency-close .button{background:#f7f9f9;border-color:#f7f9f9;color:#214b53}
.agency-footer{background:#f5f8f7}
.agency .muted,.agency-footer,.agency-footer>span{font-size:14px;line-height:1.55}
.agency .eyebrow{font-size:13px;letter-spacing:.035em;margin-bottom:12px}
.agency-section{padding-top:60px;padding-bottom:60px}
.agency-section .agency-section-head{margin-bottom:24px}
.agency-nav nav{flex-wrap:wrap;row-gap:10px}
@media(max-width:700px){
  .agency-nav nav{overflow-x:visible;white-space:normal;flex-wrap:wrap;justify-content:flex-start;gap:12px 22px}
  .industry-board{grid-template-columns:1fr}
  .agency-hero{padding-top:42px;padding-bottom:48px}
  .agency-section{padding-top:46px;padding-bottom:46px}
  .agency-nav .bw-brand small,.agency .eyebrow{font-size:12px}
}