:root{--paper:#f7f4ed;--paper-deep:#f4f0e8;--surface:#fffdf9;--ink:#151513;--muted:#746f65;--line:#d8d2c8;--red:#be2b25;--red-soft:#f8e9e4;--tag:#edf0f2;--radius:10px;--serif:"Noto Serif SC","Source Han Serif SC","STSong",SimSun,serif;--sans:"HarmonyOS Sans SC","Noto Sans SC","Microsoft YaHei",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--paper);color:var(--ink);font:14px/1.55 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:.01em}body:before{content:"";position:fixed;inset:0;z-index:-1;opacity:.035;pointer-events:none;background-image:radial-gradient(#151513 .55px,transparent .65px);background-size:6px 6px}.topbar{height:74px;padding:0 clamp(22px,4.2vw,76px);display:flex;align-items:center;gap:clamp(26px,4vw,68px);border-bottom:1px solid var(--line);background:rgba(255,253,249,.93);position:sticky;top:0;z-index:10;backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);white-space:nowrap;font-size:16px;font-weight:700}.brand b{font-family:Georgia,serif;font-size:31px;letter-spacing:-.13em;line-height:1}.brand i,.utility i{width:1px;height:23px;background:var(--line);display:block}.brand strong{font-size:16px}.site-nav{display:flex;align-items:center;gap:clamp(22px,2.8vw,48px);margin:auto}.site-nav a,.text-button,.search-button,.menu-button{border:0;background:transparent;padding:6px;color:var(--ink);font:600 14px var(--sans);text-decoration:none;cursor:pointer}.site-nav a:hover,.text-button:hover{color:var(--red)}.utility{display:flex;align-items:center;gap:15px;white-space:nowrap}.utility>span{font-family:var(--serif);font-size:14px}.search-button{font-size:13px;text-decoration:underline;text-underline-offset:4px}.menu-button{padding-right:0;font-size:12px;letter-spacing:.1em}.shell{width:min(1580px,94vw);margin:0 auto;padding:0 0 58px}.editorial-hero{display:grid;grid-template-columns:minmax(360px,1.08fr) 150px minmax(460px,1.04fr);min-height:318px;border-bottom:1px solid var(--line);align-items:stretch}.hero-copy{padding:53px 0 34px clamp(8px,2vw,32px)}.eyebrow,.step-kicker{margin:0;color:var(--red);font:600 10px/1.4 Georgia,serif;letter-spacing:.28em}.hero-copy h1{margin:18px 0 6px;font:600 clamp(46px,4.45vw,76px)/1.05 var(--serif);letter-spacing:-.08em}.english-title{margin:0;color:var(--red);font:400 clamp(27px,2.3vw,40px)/1.15 Georgia,serif;letter-spacing:-.04em}.hero-detail{max-width:370px;margin:18px 0 0;padding-top:13px;border-top:1px solid var(--red);color:var(--muted);font-size:12px}.strategy-note{display:flex;flex-direction:column;justify-content:center;padding:38px 22px 32px;border-left:1px solid var(--line);background:rgba(255,253,249,.35)}.strategy-note>span,.summary-rule{width:33px;height:2px;background:var(--red);display:block}.strategy-note p{margin:14px 0 24px;font-family:var(--serif);font-size:16px;line-height:1.55}.strategy-note small,.step-closing,.summary-closing{font:600 9px/1.55 Georgia,serif;letter-spacing:.22em;color:var(--muted)}.hero-image{margin:0;min-width:0;overflow:hidden;background:#dfddd7}.hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 47%;filter:saturate(.72) contrast(.96)}.layout{display:grid;grid-template-columns:minmax(176px,17fr) minmax(600px,63fr) minmax(225px,20fr);gap:20px;align-items:start;padding-top:20px}.steps{position:sticky;top:94px;padding:8px 0 0}.step{width:100%;min-height:79px;display:grid;grid-template-columns:42px 1fr;gap:11px;align-items:start;padding:13px 12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);text-align:left;font:inherit;cursor:pointer;position:relative}.step:before{content:"";position:absolute;left:17px;top:37px;width:7px;height:7px;border-radius:50%;background:#aaa49b}.step b{font:500 25px/1 var(--serif);color:#706b63;position:relative;z-index:1}.step span{font:700 15px/1.2 var(--sans)}.step small{display:block;margin-top:6px;color:var(--muted);font:12px/1.35 var(--sans)}.step.active{background:var(--red);color:#fff;border-radius:var(--radius);border-color:var(--red)}.step.active:before{background:#fff}.step.active b,.step.active small{color:#fff}.step-closing{margin:22px 0 0 17px}.workarea{min-width:0}.panel,.summary{background:rgba(255,253,249,.86);border:1px solid var(--line);border-radius:var(--radius)}.panel{min-height:445px;padding:25px 26px}.workspace-heading{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.workspace-heading h2{margin:7px 0 4px;font:600 clamp(27px,2.25vw,38px)/1.1 var(--serif);letter-spacing:-.06em}.workspace-heading p:not(.step-kicker){margin:0;color:var(--muted);font-size:13px}.workspace-tools{display:grid;grid-template-columns:104px minmax(145px,1fr) auto;gap:8px;width:min(485px,53%);padding-top:2px}.workspace-tools select,.workspace-tools input{width:100%}.primary,.secondary{min-height:45px;padding:0 17px;border-radius:999px;font:700 14px var(--sans);white-space:nowrap;cursor:pointer;transition:transform .18s ease,background .18s ease}.primary{border:1px solid var(--red);background:var(--red);color:#fff}.primary:hover{background:#9f211c}.secondary{border:1px solid var(--ink);background:transparent;color:var(--ink)}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--red);outline-offset:2px}input,select,textarea{min-width:0;border:1px solid var(--line);border-radius:7px;background:#fffdf9;color:var(--ink);padding:10px 11px;font:14px var(--sans)}input::placeholder,textarea::placeholder{color:#827b70}textarea{min-height:106px;resize:vertical}.pack-list{border:1px solid var(--line);border-radius:8px;overflow:hidden}.pack-table-head,.pack{display:grid;grid-template-columns:34px minmax(210px,1.7fr) minmax(175px,1.25fr) 118px 82px;align-items:center;column-gap:12px}.pack-table-head{min-height:38px;padding:0 15px;background:var(--paper-deep);color:var(--muted);font-size:11px}.pack{min-height:75px;padding:10px 15px;border:0;border-top:1px solid #e9e5de;cursor:pointer;background:rgba(255,253,249,.72)}.pack:has(input:checked){background:var(--red-soft)}.pack input{width:19px;height:19px;accent-color:var(--red);padding:0}.pack h3{margin:0;font-size:14px;line-height:1.3}.pack p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.35}.pack-tags{display:flex;flex-wrap:wrap;gap:5px}.pack-tags span{padding:3px 7px;border-radius:5px;background:var(--tag);color:#5d6266;font-size:11px}.pack strong{text-align:right;font:600 18px/1.15 var(--serif)}.pack time{color:var(--muted);font-size:11px;text-align:right}.selection-summary{margin-top:13px;padding:13px 15px;border-radius:7px;background:#f0f2ec;color:#4d514a;font-size:13px}.handoff-message{min-height:20px;margin:10px 0 0;color:var(--muted);font-size:12px}.summary{position:sticky;top:94px;padding:22px}.summary-heading{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}.summary-heading p{margin:0;font:600 24px/1.15 var(--serif);letter-spacing:-.05em}.summary-heading img{width:55px;height:55px;object-fit:cover;border-radius:5px;filter:grayscale(.25) saturate(.65)}.summary-rule{margin:20px 0 8px}.summary-item{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:15px 0;border-bottom:1px solid var(--line)}.summary-item span{color:var(--muted);font-size:13px}.summary-item b{max-width:136px;text-align:right;font:600 20px/1.15 var(--serif)}.summary-item.total b{color:var(--red);font-size:28px}.summary small{display:block;margin-top:17px;color:var(--muted);font-size:12px;line-height:1.65}.summary-closing{margin:22px 0 0}.actions{display:grid;grid-template-columns:1fr 180px 1fr;gap:25px;align-items:center;margin-top:16px}.actions .previous{justify-self:start;min-width:170px}.actions .next{justify-self:end;min-width:210px}.next b{font-size:18px;margin-left:13px}.progress{display:flex;justify-content:center;gap:15px}.progress i{width:10px;height:10px;border-radius:50%;background:#bbb6ae}.progress i.active{background:var(--red)}.hidden{display:none!important}.asset-section{padding:17px 0;border-top:1px solid var(--line)}.asset-section:first-of-type{border-top:0;padding-top:0}.asset-section h3,.picker-heading h3,.district-heading h4,.plan-materials h4{margin:0;font:600 17px/1.2 var(--serif)}.helper,.asset-section p,.picker-heading p,.district-heading p,.plan-materials p{margin:5px 0 0;color:var(--muted);font-size:12px}.upload{display:grid;place-items:center;min-height:114px;margin-top:12px;padding:16px;border:1px dashed #b4aca1;border-radius:8px;background:rgba(244,240,232,.55);cursor:pointer;text-align:center}.upload input{position:absolute;width:1px;height:1px;opacity:0}.upload strong{font-size:14px}.upload span{margin-top:4px;color:var(--muted);font-size:12px}.thumbs,.combos,.plan-combos{display:flex;gap:10px;overflow:auto;padding-top:12px}.thumb{width:108px;flex:none}.thumb img,.thumb .video-thumb{width:108px;height:74px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}.thumb small{display:block;overflow:hidden;margin-top:3px;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.video-thumb{display:grid;place-items:center;background:var(--tag);color:var(--ink);font-size:12px}.combo{min-width:180px;padding:8px;border:1px solid var(--line);border-radius:7px;background:#fffdf9;display:grid;grid-template-columns:22px 1fr;gap:8px}.combo-static{grid-template-columns:1fr}.combo-images{display:flex;gap:5px}.combo-images img,.combo-images .video-thumb{width:61px;height:44px;object-fit:cover;border-radius:4px}.toggle{display:flex;gap:8px;align-items:center;margin-top:18px;font-size:13px}.asset-message,.form-message{min-height:21px;margin:14px 0 0;color:var(--red);font-size:13px}.geography-picker{margin-bottom:16px;padding:17px;border:1px solid var(--line);border-radius:8px;background:rgba(244,240,232,.4)}.picker-heading,.district-heading{display:flex;justify-content:space-between;gap:14px}.picker-heading>span,.auto-split{padding:4px 8px;border-radius:5px;background:var(--tag);color:#575d61;font-size:11px;white-space:nowrap}.city-tier-group+.city-tier-group,.district-group+.district-group{margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}.city-tier-group h4{margin:0 0 8px;color:var(--muted);font-size:12px}.city-grid,.district-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.city-choice,.district-choice{display:flex;align-items:center;gap:6px;padding:8px;border:1px solid var(--line);border-radius:6px;background:#fffdf9;font-size:12px;cursor:pointer}.city-choice:has(input:checked),.district-choice:has(input:checked){border-color:var(--red);background:var(--red-soft)}.all-districts{display:flex;gap:6px;align-items:center;color:var(--ink);font-size:12px;font-weight:700}.district-grid{margin-top:11px}.empty-geo,.no-combinations{padding:13px;border:1px dashed #b4aca1;border-radius:7px;color:var(--muted);font-size:13px}.selection-warning{color:var(--red)!important}.plan-list{display:grid;gap:14px}.plan{padding:17px;border:1px solid var(--line);border-radius:8px;background:#fffdf9}.plan header{display:flex;justify-content:space-between;gap:12px}.plan header strong{font:600 19px/1.2 var(--serif)}.plan header p{margin:4px 0 0;color:var(--muted);font-size:12px}.plan-grid,.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-top:16px}.plan label,.form-grid label{display:grid;gap:6px;font-size:12px;font-weight:700}.wide{grid-column:1/-1}.plan-materials{margin-top:17px;padding-top:15px;border-top:1px solid var(--line)}.plan-total{margin:15px 0 0;color:var(--red);font-size:13px;line-height:1.65}.form-grid{max-width:690px}.form-message{grid-column:1/-1}.form-grid .primary{justify-self:start;min-width:220px}.admin,dialog{display:none}
@media(max-width:1180px){.editorial-hero{grid-template-columns:minmax(350px,1fr) 130px minmax(360px,.9fr)}.layout{grid-template-columns:175px minmax(0,1fr)}.summary{position:static;grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.summary-heading,.summary-rule,.summary small,.summary-closing{grid-column:1/-1}.summary-item{padding:12px 0}.workspace-tools{width:100%;grid-template-columns:105px 1fr auto}.pack-table-head,.pack{grid-template-columns:30px minmax(190px,1.5fr) minmax(125px,1fr) 100px 72px}}
@media(max-width:820px){.topbar{height:65px;padding:0 18px;gap:15px}.site-nav,.utility>span,.utility>i,.search-button{display:none}.utility{margin-left:auto}.shell{width:min(100% - 28px,700px)}.editorial-hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:42px 10px 30px}.hero-copy h1{font-size:52px}.strategy-note{display:none}.hero-image{height:250px;order:-1}.layout{display:block;padding-top:15px}.steps{position:static;display:flex;overflow:auto;padding:0;margin-bottom:14px}.step{flex:0 0 157px;min-height:72px;border:1px solid var(--line);border-radius:0}.step.active{border-radius:8px}.step-closing{display:none}.panel{min-height:400px;padding:20px 16px}.workspace-heading{display:block}.workspace-tools{margin-top:16px;grid-template-columns:1fr 1fr}.workspace-tools input{grid-column:1/-1}.workspace-tools .secondary{grid-column:1/-1}.pack-table-head{display:none}.pack{grid-template-columns:28px 1fr auto;gap:8px}.pack-tags,.pack time{display:none}.pack strong{font-size:16px}.summary{display:block;margin-top:16px}.actions{grid-template-columns:1fr 1fr;gap:10px;position:sticky;bottom:8px;padding:10px;background:rgba(247,244,237,.94);z-index:3}.actions .previous,.actions .next{min-width:0;width:100%;justify-self:auto}.progress{display:none}.city-grid,.district-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.picker-heading,.district-heading{display:block}.picker-heading>span,.all-districts{display:inline-flex;margin-top:9px}.plan-grid,.form-grid{grid-template-columns:1fr}.form-grid .primary{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(min-width:821px){.layout{margin-top:-15px;position:relative}}
@media(min-width:821px){.editorial-hero{height:282px;min-height:0}.hero-copy{padding-top:28px;padding-bottom:12px}.hero-copy h1{font-size:64px}.english-title{font-size:34px}.hero-copy .hero-detail{margin-top:12px;padding-top:9px}.strategy-note{padding-top:24px;padding-bottom:20px}.hero-image{height:282px;min-height:0}}

/* Visual iteration 1: quiet architectural rules give the workbench a more editorial rhythm. */
@media(min-width:821px){
  .topbar{position:sticky;isolation:isolate}
  .topbar:after{content:"";position:absolute;right:4.2vw;bottom:-1px;width:88px;height:2px;background:var(--red)}
  .editorial-hero{position:relative;isolation:isolate}
  .editorial-hero:before{content:"";position:absolute;inset:21px 17px 17px auto;width:44.6%;z-index:2;border:1px solid rgba(247,244,237,.68);border-left:0;pointer-events:none}
  .editorial-hero:after{content:"";position:absolute;z-index:3;right:calc(44.6% + 16px);top:21px;width:42px;height:2px;background:var(--red);pointer-events:none}
  .hero-copy{position:relative;background:linear-gradient(90deg,rgba(255,253,249,.56),rgba(255,253,249,0))}
  .hero-copy:after{content:"";position:absolute;right:21px;bottom:26px;width:74px;height:1px;background:var(--line)}
  .strategy-note{position:relative}
  .strategy-note:after{content:"";position:absolute;right:0;bottom:0;width:100%;height:33px;background:repeating-linear-gradient(90deg,transparent 0 11px,rgba(116,111,101,.16) 11px 12px);opacity:.55}
  .hero-image{position:relative;clip-path:polygon(0 0,100% 0,100% 100%,19px 100%,0 calc(100% - 19px))}
  .hero-image img{transform:scale(1.014);transition:transform .7s ease}
  .hero-image:hover img{transform:scale(1.045)}
  .layout{gap:23px}
  .steps{padding-top:12px}
  .steps:before{content:"";display:block;width:1px;height:34px;margin-left:17px;background:linear-gradient(var(--red),transparent)}
  .step{padding-left:14px}
  .step:not(.active):hover{background:rgba(255,253,249,.65)}
  .panel,.summary{box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
  .panel{position:relative;border-radius:9px}
  .panel:before{content:"";position:absolute;top:-1px;left:26px;width:43px;height:2px;background:var(--red)}
  .workspace-heading{position:relative;padding-bottom:16px;border-bottom:1px solid rgba(216,210,200,.72)}
  .workspace-heading:after{content:"";position:absolute;bottom:-1px;right:0;width:15%;height:1px;background:var(--ink);opacity:.52}
  .pack-list{border-radius:0 0 8px 8px;border-top:0}
  .pack-table-head{position:relative;background:linear-gradient(90deg,#efebe3 0%,#f5f1e9 72%,#efebe3 100%)}
  .pack-table-head:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:var(--ink);opacity:.52}
  .pack{position:relative;transition:background .18s ease,padding-left .18s ease}
  .pack:hover{padding-left:19px;background:rgba(244,240,232,.68)}
  .pack:has(input:checked):after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red)}
  .selection-summary{border-left:2px solid var(--red);border-radius:0 7px 7px 0;background:linear-gradient(90deg,rgba(240,242,236,.95),rgba(255,253,249,.7))}
  .summary{border-radius:9px;background:linear-gradient(155deg,rgba(255,253,249,.97),rgba(247,244,237,.78))}
  .summary-heading{position:relative;padding-bottom:16px}
  .summary-heading:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(90deg,var(--ink) 0 22%,var(--line) 22%)}
  .summary-rule{margin-top:12px;width:48px}
  .summary-item{border-bottom-color:rgba(216,210,200,.78)}
  .summary-item.total{margin-top:7px;border-top:1px solid var(--ink);border-bottom:0}
  .actions{position:relative;padding-top:7px}
  .actions:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,var(--line) 0 17%,var(--red) 17% 21%,var(--line) 21%)}
  .primary{box-shadow:inset 0 1px 0 rgba(255,255,255,.24)}
  .next{position:relative;padding-right:53px}
  .next b{display:grid;place-items:center;position:absolute;right:6px;top:6px;width:31px;height:31px;margin:0;border-radius:50%;background:rgba(255,255,255,.17);font-weight:400}
}

/* Visual iteration 2: an almost invisible paper substrate and restrained print details. */
body{background-color:var(--paper)}
body:before{z-index:0;opacity:.045;background-image:url("/assets/textures/warm-paper-concrete-01-01.png");background-size:cover;background-position:center top;mix-blend-mode:multiply}
body>main{position:relative;z-index:1}
@media(min-width:821px){
  .shell{position:relative}
  .shell:before{content:"";position:absolute;left:-1.8vw;top:312px;width:1px;height:194px;background:linear-gradient(transparent,var(--line) 18%,var(--line) 82%,transparent);opacity:.72}
  .shell:after{content:"";position:absolute;right:-1.3vw;top:325px;width:41px;height:41px;border-top:1px solid var(--line);border-right:1px solid var(--line);opacity:.62}
  .editorial-hero{border-bottom-color:rgba(116,111,101,.6)}
  .editorial-hero .eyebrow{display:flex;align-items:center;gap:11px}
  .editorial-hero .eyebrow:after{content:"";width:36px;height:1px;background:var(--red);opacity:.76}
  .hero-copy h1{letter-spacing:-.09em;text-wrap:balance}
  .english-title{padding-bottom:2px}
  .hero-detail{max-width:386px;line-height:1.7}
  .strategy-note small{position:relative;padding-top:15px}
  .strategy-note small:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,var(--line) 0 70%,transparent 70%)}
  .steps{background:linear-gradient(180deg,rgba(255,253,249,.35),rgba(255,253,249,0));padding-right:6px}
  .step{border-bottom-color:rgba(216,210,200,.8)}
  .step b{font-size:24px;letter-spacing:-.05em}
  .step.active{box-shadow:inset 3px 0 0 rgba(255,255,255,.28)}
  .workarea{position:relative}
  .workarea:before{content:"";position:absolute;top:14px;right:-11px;width:4px;height:4px;border:1px solid var(--red);border-radius:50%;opacity:.78}
  .panel{background-color:rgba(255,253,249,.9);background-image:linear-gradient(110deg,rgba(255,255,255,.36),transparent 37%)}
  .workspace-heading h2{line-height:1.06}
  .workspace-tools select,.workspace-tools input{background-color:rgba(255,253,249,.86);transition:border-color .16s ease,background .16s ease}
  .workspace-tools select:hover,.workspace-tools input:hover{border-color:#aaa196;background:#fffdf9}
  .pack-list{background:rgba(255,253,249,.48)}
  .pack{min-height:77px}
  .pack h3{letter-spacing:.015em}
  .pack-tags span{border:1px solid rgba(216,210,200,.65);background:rgba(237,240,242,.86)}
  .pack strong{letter-spacing:-.035em}
  .summary{overflow:hidden}
  .summary:before{content:"";position:absolute;right:-22px;bottom:-26px;width:112px;height:112px;border:1px solid rgba(216,210,200,.72);border-radius:50%;pointer-events:none}
  .summary-heading,.summary-rule,.summary-item,.summary small,.summary-closing{position:relative;z-index:1}
  .summary-item:nth-of-type(4){padding-bottom:18px}
  .summary-item.total b{letter-spacing:-.06em}
  .summary small{padding-top:1px}
  .summary-closing{padding-top:13px;border-top:1px solid rgba(216,210,200,.76)}
  .actions .secondary{min-height:47px;padding-left:20px;padding-right:20px}
  .actions .next{min-height:48px;letter-spacing:.02em;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
  .actions .next:hover{box-shadow:0 7px 16px rgba(190,43,37,.16)}
}
@media(max-width:820px){
  body:before{opacity:.028;background-size:auto 100%}
  .panel,.summary{background-color:rgba(255,253,249,.93)}
  .selection-summary{border-left:2px solid var(--red);border-radius:0 7px 7px 0}
}

/* Art direction v3: rebuilt from the Image 2 masterboard, while preserving the existing interaction DOM. */
@media(min-width:821px){
  :root{--paper:#f7f4ed;--surface:#faf8f3;--line:#d2cdc3;--radius:0}
  body{font-size:13px;background:#f7f4ed}
  body:before{opacity:.095;background-size:cover;mix-blend-mode:multiply}
  .topbar{height:58px;padding:0 clamp(28px,5vw,94px);gap:37px;background:rgba(247,244,237,.9);border-bottom:1px solid rgba(216,210,200,.78)}
  .topbar:after{left:clamp(28px,5vw,94px);right:auto;width:42px;height:2px}
  .brand{gap:7px;font-size:13px;font-weight:600}
  .brand b{font-size:24px;letter-spacing:-.16em}
  .brand i{height:16px}.brand strong{font-size:13px;font-weight:600}
  .site-nav{margin:0;gap:clamp(25px,3.2vw,58px)}
  .site-nav a{padding:19px 0 16px;color:#504b43;font-size:13px;font-weight:500}
  .site-nav a:first-child{position:relative;color:var(--ink);font-weight:700}
  .site-nav a:first-child:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--red)}
  .utility{margin-left:auto;gap:11px}.utility>span{display:none}.utility i{height:17px}.text-button{font-weight:500}.menu-button{font-size:11px;letter-spacing:.14em}
  .shell{width:min(1600px,100%);padding-bottom:0}
  .shell:before{left:4.15vw;top:458px;height:370px;opacity:.5}.shell:after{right:4.15vw;top:434px;width:57px;height:57px;opacity:.42}
  .editorial-hero{height:374px;min-height:374px;display:grid;grid-template-columns:minmax(520px,46.5%) minmax(520px,53.5%);border-bottom:1px solid var(--line);position:relative;overflow:hidden}
  .editorial-hero:before,.editorial-hero:after{display:none}
  .hero-copy{z-index:2;padding:52px clamp(30px,5.2vw,92px) 27px;background:linear-gradient(90deg,rgba(247,244,237,.92),rgba(247,244,237,.68));border-right:1px solid rgba(216,210,200,.7)}
  .hero-copy:after{left:auto;right:0;bottom:0;width:calc(100% - 48px);height:1px;background:rgba(216,210,200,.9)}
  .hero-copy .eyebrow{font:500 13px/1.35 Georgia,serif;letter-spacing:.01em;color:#49443d;display:block}
  .hero-copy .eyebrow:after{display:none}
  .hero-copy .eyebrow::first-line{letter-spacing:.045em}
  .hero-copy h1{margin:21px 0 12px;font-size:clamp(58px,5.2vw,88px);line-height:.98;letter-spacing:-.115em;text-wrap:balance}
  .english-title{color:#504b43;font-size:18px;letter-spacing:.005em;line-height:1.2;position:absolute;top:78px;left:clamp(30px,5.2vw,92px)}
  .hero-copy h1{padding-top:26px}
  .hero-detail{max-width:315px;margin-top:17px;padding-top:14px;border-top:1px solid var(--red);font-size:13px;line-height:1.6;color:#625c53}
  .hero-image{grid-column:2;grid-row:1;height:374px;clip-path:none;background:#a6a39e;position:relative}
  .hero-image:after{content:"";position:absolute;left:11%;right:0;bottom:0;height:48px;background:rgba(26,25,22,.28);clip-path:polygon(0 100%,100% 0,100% 100%)}
  .hero-image img{height:100%;transform:none!important;filter:grayscale(.42) saturate(.62) contrast(.93) brightness(1.05);object-position:center 52%}
  .strategy-note{position:absolute;z-index:4;right:0;top:0;width:138px;height:100%;padding:82px 25px 29px;display:flex;color:#f7f4ed;background:rgba(20,20,18,.49);border:0;justify-content:flex-start}
  .strategy-note:after{display:none}.strategy-note>span{width:22px;background:#f7f4ed;opacity:.8}.strategy-note p{margin:22px 0 auto;font-size:14px;line-height:1.85;color:#f7f4ed}.strategy-note small{color:#f7f4ed;font-size:8px;letter-spacing:.12em;opacity:.86}.strategy-note small:before{display:none}
  .layout{margin-top:0!important;display:grid;grid-template-columns:184px minmax(0,1fr) 292px;grid-template-rows:auto 72px;gap:0;padding:0 clamp(28px,5.2vw,92px);align-items:stretch;background:rgba(247,244,237,.54);border-bottom:1px solid rgba(216,210,200,.86)}
  .steps{position:relative;top:auto;min-height:505px;margin:0;padding:38px 25px 0 0;border-right:1px solid var(--line);background:none}
  .steps:before{display:none}.step-closing{position:absolute;left:0;bottom:26px;margin:0;font-size:8px;line-height:1.55;color:#8c8579;letter-spacing:.1em}
  .step{min-height:84px;grid-template-columns:43px minmax(0,1fr);gap:12px;padding:10px 0;border:0;background:none!important;align-items:start}
  .step:before{display:none}.step b{display:grid;place-items:center;width:39px;height:39px;border:1px solid #bdb6ab;border-radius:50%;color:#6c665d;font:400 16px/1 Georgia,serif;background:rgba(247,244,237,.48)}
  .step span{padding-top:3px;font-size:14px;line-height:1.25;font-weight:700}.step small{margin-top:4px;font-size:11px;line-height:1.35}.step.active{color:var(--red)!important;border-radius:0;box-shadow:none}.step.active b{background:var(--red);border-color:var(--red);color:#fff}.step.active small{color:#746f65}
  .workarea{grid-column:2;grid-row:1;padding:0 27px 0 24px;position:relative}.workarea:before{display:none}
  .panel{min-height:0;padding:34px 0 0;border:0;border-radius:0;box-shadow:none!important;background:none!important}.panel:before{display:none}
  .workspace-heading{gap:24px;margin:0;padding:0 0 20px;border-bottom:1px solid var(--line)}
  .workspace-heading:after{left:0;right:auto;width:72px;height:2px;background:var(--red);opacity:1}
  .step-kicker{margin-bottom:7px;color:#6d675e;font:500 10px/1.3 Georgia,serif;letter-spacing:.12em}.workspace-heading h2{margin:0;font-size:31px;letter-spacing:-.075em}.workspace-heading p:not(.step-kicker){display:inline;margin-left:20px;font-size:12px;line-height:1.4}
  .workspace-tools{width:min(425px,49%);grid-template-columns:minmax(155px,1fr) 74px;gap:7px;padding-top:14px}.workspace-tools select{display:none}.workspace-tools input{grid-column:1;border-radius:0;height:37px;padding:8px 12px;background:rgba(255,253,249,.4);font-size:11px}.workspace-tools .secondary{grid-column:2;min-height:37px;border-color:#aaa399;border-radius:0;padding:0 10px;font-size:12px}.workspace-tools .secondary::before{content:"⌕";font-size:16px;margin-right:6px;font-weight:400}
  .pack-list{margin-top:18px;border:0;border-radius:0;background:none}.pack-table-head,.pack{grid-template-columns:44px minmax(180px,1.45fr) minmax(145px,1.35fr) 122px 54px;column-gap:12px;border-radius:0}.pack-table-head{min-height:37px;padding:0 12px;background:transparent;border-bottom:1px solid var(--line);font-size:11px;color:#696258}.pack-table-head:before{display:none}
  .pack{min-height:73px;padding:10px 12px;background:transparent;border-top:0;border-bottom:1px solid rgba(216,210,200,.82);transition:background .16s ease}.pack:hover{padding-left:12px;background:rgba(242,237,228,.5)}.pack:has(input:checked){background:rgba(248,226,218,.7)}.pack:has(input:checked):after{display:none}
  .pack input{width:18px;height:18px;border-radius:2px}.pack h3{font-size:14px}.pack p{font-size:11px}.pack-tags span{padding:3px 7px;border:0;border-radius:2px;background:rgba(228,228,222,.86);font-size:10px;color:#706b62}.pack strong{font-size:17px;letter-spacing:-.03em}.pack:has(input:checked) strong{color:var(--red)}.pack time{display:none}
  .selection-summary{margin-top:13px;padding:10px 12px;border:0;border-left:1px solid var(--red);border-radius:0;background:rgba(255,253,249,.38);font-size:12px}.handoff-message{font-size:11px}
  .summary{grid-column:3;grid-row:1;position:relative;top:auto;margin:0;padding:37px 0 28px 25px;min-height:505px;border:0;border-left:1px solid var(--line);border-radius:0;box-shadow:none!important;background:none!important;overflow:visible}.summary:before{right:0;bottom:0;width:88px;height:88px;border-color:rgba(216,210,200,.65)}
  .summary-heading{padding:0 0 18px}.summary-heading:after{display:none}.summary-heading p{font-size:29px;letter-spacing:-.08em}.summary-heading img{display:none}.summary-rule{width:30px;height:2px;margin:0 0 11px}.summary-item{padding:12px 0;border-bottom:1px solid rgba(216,210,200,.85)}.summary-item span{font-size:12px}.summary-item b{font-size:18px}.summary-item.total{margin-top:0;padding-top:14px;border-top:0;border-bottom:0}.summary-item.total b{font-size:25px}.summary small{margin-top:13px;max-width:214px;font-size:11px;line-height:1.65}.summary-closing{margin-top:23px;padding-top:12px;font-size:8px;border-top:1px solid var(--line)}
  .actions{grid-column:2 / 4;grid-row:2;display:grid;grid-template-columns:1fr 148px 1fr;gap:20px;min-height:72px;margin:0;padding:15px 0 14px 24px;border-top:0}.actions:before{display:none}.actions .secondary{min-width:142px;min-height:39px;border-radius:0;border-color:#777068;font-size:12px}.actions .next{min-width:246px;min-height:46px;border-radius:2px;padding-right:54px;font-size:14px;box-shadow:none}.next b{right:11px;top:9px;width:27px;height:27px;background:transparent;font-size:21px}.progress{gap:10px}.progress i{width:4px;height:4px;background:#bdb6ab}.progress i.active{background:var(--red)}
}

/* Art direction v4: higher-density collage detail rebuilt from the second Image 2 masterboard. */
@media(min-width:821px){
  body:before{opacity:.13;background-size:cover}
  .topbar{background:rgba(247,244,237,.78)}
  .topbar:before{content:"";position:absolute;right:4.6vw;top:0;width:1px;height:58px;background:repeating-linear-gradient(to bottom,transparent 0 8px,rgba(116,111,101,.25) 8px 9px)}
  .topbar:after{width:68px}
  .shell:before{top:402px;left:2.8vw;height:515px;background:repeating-linear-gradient(to bottom,transparent 0 22px,rgba(216,210,200,.8) 22px 25px,transparent 25px 34px)}
  .shell:after{top:390px;right:2.9vw;width:92px;height:92px;border-top:1px solid rgba(216,210,200,.9);border-right:0;border-bottom:1px solid rgba(216,210,200,.9);border-radius:50%;transform:rotate(-21deg)}
  .editorial-hero{height:400px;min-height:400px;grid-template-columns:minmax(560px,48%) minmax(520px,52%);overflow:visible}
  .hero-copy{padding:57px clamp(40px,6.8vw,120px) 30px;background:rgba(247,244,237,.86);overflow:visible}
  .hero-copy:before{content:"PEOPLE\A DRIVE\A POSSIBILITIES";white-space:pre;position:absolute;left:clamp(34px,2.7vw,48px);top:83px;color:#34312d;font:500 14px/1.3 Georgia,serif;letter-spacing:.08em;writing-mode:vertical-rl}
  .hero-copy:after{right:-28px;bottom:20px;width:88px;background:var(--red);z-index:5}
  .hero-copy .eyebrow{margin-left:82px;font-size:10px;letter-spacing:.18em;color:#746f65}
  .hero-copy h1{margin-left:82px;margin-top:11px;padding-top:0;font-size:clamp(61px,5.45vw,92px);line-height:1.02;letter-spacing:-.125em}
  .english-title{top:auto;left:clamp(40px,6.8vw,120px);bottom:36px;font-size:16px;color:#5f594f}
  .hero-detail{margin-left:82px;max-width:332px;margin-top:11px;padding-top:11px;font-size:12px;line-height:1.65}
  .hero-image{height:400px;clip-path:polygon(2.5% 0,100% 0,100% 64%,88% 64%,88% 100%,0 100%,0 13%);z-index:1}
  .hero-image:before{content:"";position:absolute;z-index:2;left:0;bottom:17px;width:55%;height:123px;background:rgba(17,17,15,.54);clip-path:polygon(0 100%,100% 11%,100% 100%)}
  .hero-image:after{z-index:3;left:5%;right:13%;bottom:0;height:53px;background:rgba(27,25,21,.63);clip-path:polygon(0 100%,100% 0,100% 100%)}
  .hero-image img{object-position:center 48%;filter:grayscale(.35) saturate(.66) contrast(.98) brightness(1.03)}
  .strategy-note{right:8.5%;top:82px;width:145px;height:233px;padding:24px 27px 18px;background:rgba(20,19,16,.61);transform:rotate(-.7deg);clip-path:polygon(0 0,100% 0,94% 100%,4% 94%)}
  .strategy-note>span{width:18px}.strategy-note p{margin-top:14px;font-size:13px;line-height:1.72}.strategy-note small{font-size:8px;letter-spacing:.1em}
  .editorial-hero:after{display:block;content:"31.2304° N\A 121.4737° E";white-space:pre;position:absolute;z-index:4;right:18px;bottom:25px;color:#565149;font:9px/1.45 Georgia,serif;letter-spacing:.08em;transform:rotate(-90deg);transform-origin:right bottom}
  .layout{grid-template-columns:173px minmax(0,1fr) 305px;grid-template-rows:auto 84px;padding:0 clamp(30px,5.5vw,100px);background:transparent;border:0;align-items:start;position:relative}
  .layout:before{content:"";position:absolute;z-index:0;right:4.1vw;bottom:17px;width:238px;height:130px;background:radial-gradient(rgba(116,111,101,.26) .6px,transparent .75px);background-size:8px 8px;transform:rotate(-5deg);opacity:.7}
  .steps{z-index:2;min-height:544px;padding-top:44px;padding-right:22px;border-right:0;background:linear-gradient(90deg,transparent 0 31px,rgba(191,184,174,.8) 31px 32px,transparent 32px)}
  .steps:before{display:block;position:absolute;left:32px;top:87px;width:1px;height:58px;margin:0;background:var(--line)}
  .step{min-height:88px;grid-template-columns:42px minmax(0,1fr);gap:14px;padding:11px 0}.step:nth-child(3){margin-top:9px}.step:nth-child(4){margin-top:-4px}.step b{width:38px;height:38px;background:#f7f4ed;border-color:#b8b0a4}.step.active b{box-shadow:0 0 0 5px rgba(247,244,237,.86)}.step span{font-size:14px}.step small{font-size:10px;max-width:94px}.step-closing{bottom:42px;color:#837b6f}.step-closing:after{content:"";display:block;margin-top:8px;width:58px;height:1px;background:var(--red)}
  .workarea{z-index:2;margin:-17px 22px 20px -10px;padding:0 27px 14px 31px;min-height:502px;clip-path:polygon(1.2% 0,100% 1.5%,99% 98%,2.1% 100%,0 23%);background:rgba(255,253,249,.82);box-shadow:10px 13px 0 rgba(209,201,188,.28),-1px 0 0 rgba(216,210,200,.74);transform:rotate(-.28deg)}
  .workarea:before{display:block;content:"";position:absolute;z-index:-1;left:-18px;top:46px;width:108px;height:175px;background:rgba(185,174,158,.16);clip-path:polygon(0 0,100% 18%,58% 100%,0 85%)}
  .workarea:after{content:"01 / 人群策略";position:absolute;right:-15px;bottom:15px;color:#8a8275;font:9px Georgia,serif;letter-spacing:.16em;writing-mode:vertical-rl}
  .panel{padding-top:39px}.workspace-heading{padding-bottom:18px}.workspace-heading:before{content:"WORKING AREA  /  AUDIENCE PLANNING";position:absolute;top:-19px;left:0;color:#797267;font:9px Georgia,serif;letter-spacing:.09em}.workspace-heading:after{width:46px;left:calc(100% - 46px)}
  .workspace-heading h2{font-size:34px;letter-spacing:-.09em}.workspace-heading p:not(.step-kicker){margin-left:17px;font-size:11px}.step-kicker{visibility:hidden;margin:0;height:0}.workspace-tools{padding-top:8px;width:min(405px,48%)}
  .pack-list{margin-top:15px}.pack-table-head{position:relative}.pack-table-head:after{content:"";position:absolute;right:0;top:-6px;width:19px;height:19px;border:1px solid #bdb6ab;background:linear-gradient(90deg,transparent 43%,#bdb6ab 44% 48%,transparent 49%),linear-gradient(transparent 43%,#bdb6ab 44% 48%,transparent 49%);opacity:.8}.pack{min-height:72px}.pack:nth-child(3){transform:translateX(-2px)}.pack:nth-child(4){transform:translateX(3px)}
  .pack-tags span{background:rgba(234,232,225,.85)}.pack:has(input:checked){background:rgba(248,225,217,.83)}
  .audience-collage{display:flex;align-items:center;min-height:72px;padding:11px 8px 0 10px;gap:28px}.contact-sheet{display:flex;align-items:stretch;gap:4px;height:57px}.contact-sheet img{width:54px;height:57px;object-fit:cover;filter:grayscale(.5) contrast(.92);border:1px solid rgba(216,210,200,.85)}.contact-sheet img:nth-child(1){object-position:20% 50%;transform:rotate(-1.1deg)}.contact-sheet img:nth-child(2){object-position:50% 50%;transform:translateY(-3px)}.contact-sheet img:nth-child(3){object-position:80% 50%;transform:rotate(.7deg)}.contact-sheet span{padding:3px 0 0 6px;color:#6e675e;font:8px/1.2 Georgia,serif;letter-spacing:.06em}.audience-collage>p{position:relative;margin:8px 0 0 auto;color:#6e675e;font:16px/1 var(--serif);letter-spacing:.08em;transform:rotate(-5deg)}.audience-collage>p:after{content:"";position:absolute;left:-11px;right:-19px;bottom:-9px;height:1px;background:var(--red);transform:rotate(-5deg)}.audience-collage>i{width:24px;height:24px;border:1px solid rgba(216,210,200,.8);border-radius:50%;transform:translateY(-8px)}
  .selection-summary{display:none}
  .summary{z-index:3;margin-top:16px;margin-left:-5px;padding:30px 22px 32px 26px;min-height:488px;clip-path:polygon(0 0,97% 1.4%,100% 96%,3% 100%,0 27%);background:rgba(255,253,249,.88);border:1px solid rgba(216,210,200,.75);border-left:1px solid rgba(216,210,200,.75);box-shadow:7px 12px 0 rgba(199,190,178,.28);transform:rotate(.7deg)}
  .summary:before{display:none}.summary:after{content:"";position:absolute;right:20px;top:15px;width:12px;height:46px;border:2px solid #837c72;border-radius:8px;transform:rotate(-39deg);opacity:.8}.summary-heading{padding-right:39px;padding-bottom:15px}.summary-heading:before{content:"PLAN SUMMARY";display:block;margin-bottom:6px;color:#746f65;font:9px Georgia,serif;letter-spacing:.1em}.summary-heading p{font-size:27px}.summary-rule{width:48px;margin-bottom:9px}.summary-item{padding:10px 0}.summary-item.total{margin-top:2px}.summary small{font-size:10px}.summary-closing{font-size:8px}
  .actions{z-index:4;grid-column:2 / 4;grid-row:2;margin:0 6px 0 -2px;padding:12px 24px 14px 20px;min-height:80px;transform:rotate(-.16deg);background:rgba(247,244,237,.45);border-top:1px solid rgba(216,210,200,.88)}
  .actions:after{content:"以人为本，让品牌与人群同行";justify-self:center;align-self:center;color:#8a8276;font:10px var(--serif);letter-spacing:.24em}.actions .previous{position:relative;background:rgba(255,253,249,.64)}.actions .previous:after{content:"";position:absolute;right:-24px;top:50%;width:17px;height:1px;background:var(--red)}.actions .next{min-width:270px;background:#c42722;border-color:#c42722;clip-path:polygon(0 0,100% 0,97% 100%,0 100%)}.progress{display:none}
}
@media(max-width:820px){.audience-collage{display:none}}

/* Art direction v5: colour overprint, ambient bleed and layered-paper depth from Image 2 colour study one. */
@media(min-width:821px){
  :root{--ink-blue:#234c59;--sage:#71806d;--coral:#e6a18a;--wine:#7e3438;--lilac:#b8b0c3;--lime:#c9d54b}
  body{background-color:#f5f1e8;background-image:radial-gradient(circle at 41% 48%,rgba(230,161,138,.18),transparent 18%),radial-gradient(circle at 12% 90%,rgba(184,176,195,.18),transparent 23%),radial-gradient(circle at 87% 18%,rgba(35,76,89,.09),transparent 19%)}
  body:after{content:"";position:fixed;z-index:0;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 43%,rgba(184,176,195,.075) 43% 46%,transparent 46% 70%,rgba(113,128,109,.045) 70% 72%,transparent 72%);mix-blend-mode:multiply}
  .topbar{background:linear-gradient(90deg,rgba(247,244,237,.9),rgba(239,237,234,.78) 54%,rgba(247,244,237,.9))}
  .topbar .brand:after{content:"";width:6px;height:6px;margin-left:1px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(201,213,75,.13)}
  .editorial-hero:before{display:block;content:"";position:absolute;z-index:1;left:28%;top:51px;width:274px;height:207px;background:linear-gradient(140deg,rgba(230,161,138,.28),rgba(184,176,195,.19) 48%,rgba(35,76,89,.08));clip-path:polygon(0 13%,100% 0,80% 100%,7% 80%);filter:blur(.1px)}
  .editorial-hero:after{color:var(--ink-blue)}
  .hero-copy{background:linear-gradient(106deg,rgba(247,244,237,.95) 0 68%,rgba(247,244,237,.68) 93%,transparent);box-shadow:20px 9px 26px rgba(63,50,42,.045)}
  .hero-copy .eyebrow{color:var(--sage)}.hero-copy h1{position:relative}.hero-copy h1:after{content:"";position:absolute;width:15px;height:15px;right:-30px;bottom:2px;border:2px solid #b92b28;border-radius:50%}
  .english-title{color:var(--ink-blue)}.hero-detail{border-top-color:var(--wine)}
  .hero-image:before{background:linear-gradient(125deg,rgba(26,43,48,.72),rgba(35,76,89,.58) 56%,rgba(230,161,138,.16));mix-blend-mode:multiply}
  .hero-image:after{background:linear-gradient(90deg,rgba(36,48,49,.64),rgba(77,46,46,.42))}
  .strategy-note{background:linear-gradient(155deg,rgba(29,50,57,.75),rgba(37,31,29,.62));box-shadow:-10px 12px 0 rgba(184,176,195,.22)}
  .layout:before{background:radial-gradient(rgba(35,76,89,.3) .65px,transparent .8px);background-size:8px 8px}
  .steps{background:linear-gradient(90deg,transparent 0 31px,rgba(113,128,109,.7) 31px 32px,transparent 32px)}
  .step.active{color:var(--wine)!important}.step.active b{background:var(--wine);border-color:var(--wine)}.step-closing:after{background:var(--wine)}
  .workarea{background:linear-gradient(122deg,rgba(255,253,249,.93),rgba(255,252,248,.8) 68%,rgba(238,235,230,.75));box-shadow:13px 14px 0 rgba(184,176,195,.16),-9px 6px 0 rgba(230,161,138,.09),-1px 0 0 rgba(216,210,200,.74)}
  .workarea:before{background:linear-gradient(145deg,rgba(35,76,89,.2),rgba(184,176,195,.16) 55%,rgba(230,161,138,.1));clip-path:polygon(0 0,100% 15%,58% 100%,0 85%)}
  .workarea:after{color:var(--sage)}.workspace-heading:after{background:var(--wine)}
  .pack-table-head:after{border-color:var(--sage);background:linear-gradient(90deg,transparent 43%,var(--sage) 44% 48%,transparent 49%),linear-gradient(transparent 43%,var(--sage) 44% 48%,transparent 49%)}
  .pack:has(input:checked){background:linear-gradient(90deg,rgba(246,211,201,.82),rgba(248,229,219,.62))}.pack:has(input:checked) strong{color:var(--wine)}.pack-tags span{background:linear-gradient(90deg,rgba(230,232,223,.9),rgba(236,230,224,.8))}
  .contact-sheet img:nth-child(2){box-shadow:4px 4px 0 rgba(35,76,89,.18)}.contact-sheet span{color:var(--ink-blue)}.audience-collage>p{color:var(--wine)}.audience-collage>p:after{background:var(--wine)}.audience-collage>i{border-color:var(--lime);background:rgba(201,213,75,.18)}
  .summary{background:linear-gradient(155deg,rgba(255,253,249,.95),rgba(249,240,234,.78));box-shadow:9px 13px 0 rgba(35,76,89,.13),-5px 6px 0 rgba(230,161,138,.11)}.summary-heading:before{color:var(--sage)}.summary-rule{background:var(--wine)}.summary-item.total b{color:var(--wine)}.summary:after{border-color:var(--ink-blue)}
  .actions{background:linear-gradient(90deg,rgba(247,244,237,.52),rgba(238,230,227,.38),rgba(247,244,237,.52))}.actions:after{color:var(--sage)}.actions .previous:after{background:var(--wine)}.actions .next{background:linear-gradient(100deg,#a8252a,#ca3d37 52%,#9e2528);border-color:#a8252a;box-shadow:7px 9px 0 rgba(126,52,56,.14)}
}

/* Art direction v6: final calibration from Image 2 colour study two. */
@media(min-width:821px){
  .shell:before{background:repeating-linear-gradient(to bottom,transparent 0 19px,rgba(113,128,109,.48) 19px 21px,transparent 21px 34px)}
  .shell:after{border-color:rgba(35,76,89,.38)}
  .editorial-hero{isolation:isolate}.editorial-hero:before{left:31%;top:43px;width:306px;height:232px;background:linear-gradient(145deg,rgba(230,161,138,.31),rgba(184,176,195,.22) 42%,rgba(35,76,89,.14) 43% 71%,rgba(201,213,75,.12));clip-path:polygon(0 12%,100% 0,84% 100%,10% 81%);opacity:.92}
  .hero-copy:after{background:linear-gradient(90deg,var(--wine) 0 46%,rgba(35,76,89,.42) 46% 77%,transparent 77%)}
  .hero-copy h1:before{content:"";position:absolute;z-index:-1;left:-19px;bottom:7px;width:58%;height:27px;background:rgba(230,161,138,.18);transform:skewX(-16deg)}
  .hero-image{box-shadow:inset 11px 0 0 rgba(35,76,89,.14)}.hero-image:before{background:linear-gradient(125deg,rgba(25,44,50,.78),rgba(35,76,89,.62) 49%,rgba(230,161,138,.22) 50%,rgba(230,161,138,.06))}.strategy-note{right:7.4%;background:linear-gradient(165deg,rgba(27,48,55,.8),rgba(74,36,39,.66))}
  .layout:after{content:"";position:absolute;z-index:1;left:11.2%;bottom:30px;width:11px;height:11px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(201,213,75,.12)}
  .steps{background:linear-gradient(90deg,transparent 0 31px,rgba(113,128,109,.66) 31px 32px,transparent 32px),linear-gradient(180deg,transparent 74%,rgba(184,176,195,.23) 74%)}.step:nth-child(2) b{border-color:rgba(35,76,89,.5)}.step:nth-child(3) b{border-color:rgba(230,161,138,.75)}.step:nth-child(4) b{border-color:rgba(113,128,109,.75)}
  .workarea{background:linear-gradient(124deg,rgba(255,253,249,.96),rgba(255,253,249,.81) 55%,rgba(240,237,232,.83));box-shadow:15px 16px 0 rgba(184,176,195,.17),-10px 8px 0 rgba(230,161,138,.12),1px 0 0 rgba(216,210,200,.74)}.workarea:before{left:-24px;width:132px;background:linear-gradient(145deg,rgba(35,76,89,.24),rgba(184,176,195,.15) 48%,rgba(230,161,138,.13))}
  .workspace-heading:before{color:var(--ink-blue)}.workspace-tools input{border-color:rgba(35,76,89,.3);box-shadow:inset 0 1px 0 rgba(35,76,89,.07)}.workspace-tools .secondary{border-color:rgba(113,128,109,.66);background:rgba(113,128,109,.07)}
  .pack-list{position:relative}.pack-list:after{content:"";position:absolute;right:-20px;bottom:5px;width:38px;height:38px;border-right:1px solid rgba(35,76,89,.33);border-bottom:1px solid rgba(35,76,89,.33);border-radius:0 0 38px 0}.pack-table-head{background:linear-gradient(90deg,rgba(184,176,195,.065),transparent)}.pack:nth-child(3){box-shadow:-5px 0 0 rgba(230,161,138,.18)}
  .contact-sheet{position:relative}.contact-sheet:before{content:"";position:absolute;left:-13px;top:-8px;width:43px;height:12px;background:rgba(113,128,109,.28);transform:rotate(-8deg)}.contact-sheet img:nth-child(1){box-shadow:3px 3px 0 rgba(230,161,138,.16)}.contact-sheet img:nth-child(3){box-shadow:4px 4px 0 rgba(184,176,195,.18)}
  .summary{background:linear-gradient(160deg,rgba(255,253,249,.97),rgba(249,240,234,.79));box-shadow:10px 14px 0 rgba(35,76,89,.14),-5px 6px 0 rgba(230,161,138,.12)}.summary:before{display:block;content:"";position:absolute;z-index:-1;left:18px;top:-12px;width:92px;height:24px;background:rgba(184,176,195,.31);transform:rotate(-5deg)}.summary-heading{border-bottom:1px solid rgba(35,76,89,.24)}.summary-item.total{border-top:1px solid rgba(126,52,56,.35)}
  .actions{box-shadow:0 -10px 24px rgba(35,76,89,.025)}.actions .previous{border-color:rgba(35,76,89,.7)}.actions .next{background:linear-gradient(105deg,#8e242a,#c83b37 48%,#a32128 82%);box-shadow:8px 10px 0 rgba(126,52,56,.16),-2px 0 0 rgba(201,213,75,.7)}
}

/* Art direction v7: localized type, curved transitions and handbook-grade interaction states. */
@media(min-width:821px){
  body{overflow-x:hidden}
  .section-bridge{position:relative;z-index:5;height:0;pointer-events:none}
  .section-bridge .bridge-wash{position:absolute;left:19%;top:-58px;width:58%;height:124px;background:radial-gradient(ellipse at 24% 42%,rgba(227,160,132,.28),transparent 42%),radial-gradient(ellipse at 62% 55%,rgba(196,187,203,.24),transparent 46%),radial-gradient(ellipse at 83% 20%,rgba(183,198,204,.2),transparent 37%);filter:blur(8px);transform:rotate(-2deg)}
  .section-bridge .bridge-curve{position:absolute;left:30%;top:-112px;width:49%;height:178px;border-top:1px solid rgba(126,48,56,.72);border-radius:52% 48% 0 0;transform:rotate(-5deg)}
  .section-bridge .bridge-curve:after{content:"";position:absolute;right:-12%;top:25px;width:43%;height:116px;border-top:1px dashed rgba(35,76,89,.56);border-radius:50%;transform:rotate(18deg)}
  .section-bridge .bridge-pattern{position:absolute;left:4%;top:-21px;width:147px;height:63px;background:radial-gradient(circle,rgba(89,65,79,.32) .7px,transparent .9px);background-size:7px 7px;clip-path:polygon(0 0,100% 11%,84% 100%,8% 77%);opacity:.68}
  .section-bridge>span{position:absolute;right:3.4%;top:-36px;color:rgba(82,106,93,.78);font:9px/1.6 var(--serif);letter-spacing:.2em;writing-mode:vertical-rl}
  .workspace-heading>div:first-child{flex:1;min-width:0;display:grid;grid-template-columns:max-content minmax(190px,1fr);grid-template-rows:auto auto;column-gap:25px;align-items:end}
  .workspace-heading .step-kicker{grid-column:1/-1;grid-row:1}
  .workspace-heading h2{grid-column:1;grid-row:2;white-space:nowrap}
  .workspace-heading p:not(.step-kicker){grid-column:2;grid-row:2;display:block;margin:0 0 3px;max-width:30em;line-height:1.65}
  .workspace-tools{flex:0 0 min(405px,45%)}
  .hero-copy h1,.workspace-heading h2,.summary-heading p,.step span{word-break:keep-all;overflow-wrap:normal}
  .hero-image,.workarea,.summary,.step,.pack,.asset-section,.geography-picker,.plan,.city-choice,.district-choice,.upload{transition:transform .28s cubic-bezier(.2,.7,.2,1),background-color .28s ease,background .28s ease,color .22s ease,box-shadow .28s ease,border-color .22s ease,filter .3s ease}
  .hero-image:hover{filter:saturate(1.1) contrast(1.03);transform:translateY(-3px)}
  .hero-image:hover img{filter:grayscale(.12) saturate(.82) contrast(1.02) brightness(1.02)}
  .step:not(.active):hover{z-index:2;color:#f7f4ed!important;background:linear-gradient(100deg,rgba(34,77,88,.94),rgba(82,106,93,.88))!important;transform:translateX(6px) rotate(-.35deg);box-shadow:8px 8px 0 rgba(35,76,89,.1)}
  .step:not(.active):hover b{color:#f7f4ed;border-color:rgba(247,244,237,.76);background:transparent}.step:not(.active):hover small{color:rgba(247,244,237,.75)}
  .workarea:hover{box-shadow:18px 20px 0 rgba(184,176,195,.2),-11px 9px 0 rgba(230,161,138,.14),1px 0 0 rgba(216,210,200,.75)}
  .pack{isolation:isolate}
  .pack:not(:has(input:checked)):hover{z-index:4;color:#f8f4e9;background:linear-gradient(102deg,#1e5260 0%,#2f6570 56%,#526a5d 100%);transform:translate(5px,-4px) rotate(.16deg);box-shadow:0 10px 18px rgba(31,72,81,.22),inset 3px 0 0 #e3a084;border-bottom-color:transparent}
  .pack:not(:has(input:checked)):hover h3,.pack:not(:has(input:checked)):hover p,.pack:not(:has(input:checked)):hover strong,.pack:not(:has(input:checked)):hover time{color:#f8f4e9}
  .pack:not(:has(input:checked)):hover .pack-tags span{color:#f8f4e9;background:rgba(247,244,237,.14);box-shadow:inset 0 0 0 1px rgba(247,244,237,.16)}
  .pack:not(:has(input:checked)):hover input{accent-color:#e3a084;outline:1px solid rgba(247,244,237,.58)}
  .summary:hover{color:#f8f3e8;background:linear-gradient(155deg,#59404f 0%,#663f4b 58%,#3f5050 100%);transform:rotate(.25deg) translateY(-5px);box-shadow:12px 17px 0 rgba(89,65,79,.18),-6px 7px 0 rgba(227,160,132,.16)}
  .summary:hover .summary-heading p,.summary:hover .summary-item span,.summary:hover .summary-item b,.summary:hover small,.summary:hover .summary-closing,.summary:hover .summary-heading:before{color:#f8f3e8}
  .summary:hover .summary-item,.summary:hover .summary-heading,.summary:hover .summary-closing{border-color:rgba(248,243,232,.22)}.summary:hover .summary-rule{background:#e3a084}.summary:hover:after{border-color:#f8f3e8}
  .asset-section:hover,.geography-picker:hover,.plan:hover{z-index:2;background:linear-gradient(110deg,rgba(255,253,249,.95),rgba(231,238,235,.82));border-color:rgba(35,76,89,.46);transform:translateX(4px);box-shadow:9px 10px 0 rgba(35,76,89,.09)}
  .upload:hover{border-color:#224d58;background:linear-gradient(120deg,rgba(183,198,204,.22),rgba(227,160,132,.16));transform:translateY(-2px)}
  .city-choice:hover,.district-choice:hover{color:#f8f3e8;border-color:#526a5d;background:#526a5d;transform:translateY(-2px);box-shadow:3px 4px 0 rgba(82,106,93,.13)}
  .workspace-tools input:hover,.workspace-tools input:focus{border-color:#224d58;background:rgba(255,253,249,.96);box-shadow:0 6px 14px rgba(35,76,89,.09)}
}

/* Art direction v8: final optical calibration, patterned rules and deeper material planes. */
@media(min-width:821px){
  .topbar:before{background:repeating-linear-gradient(to bottom,transparent 0 6px,rgba(82,106,93,.28) 6px 7px)}
  .hero-copy{clip-path:polygon(0 0,100% 0,96% 89%,100% 100%,0 100%)}
  .hero-copy .eyebrow:before{content:"";display:inline-block;width:19px;height:1px;margin:0 9px 3px 0;background:#7e3038}
  .hero-detail{position:relative;padding-left:14px}.hero-detail:before{content:"";position:absolute;left:0;top:10px;bottom:4px;width:2px;background:linear-gradient(#7e3038 0 32%,transparent 32% 47%,#224d58 47% 100%)}
  .strategy-note:before{content:"";position:absolute;left:-17px;bottom:-13px;width:71px;height:24px;background:rgba(196,187,203,.37);transform:rotate(8deg);z-index:-1}
  .layout{isolation:isolate}
  .layout:before{width:265px;height:153px;background:radial-gradient(rgba(34,77,88,.3) .65px,transparent .85px);background-size:8px 8px;-webkit-mask-image:radial-gradient(ellipse,black 31%,transparent 73%);mask-image:radial-gradient(ellipse,black 31%,transparent 73%)}
  .steps:after{content:"";position:absolute;left:31px;top:156px;width:1px;height:78px;background:repeating-linear-gradient(to bottom,#b7c6cc 0 5px,transparent 5px 11px)}
  .step.active:after{content:"";position:absolute;left:48px;top:27px;width:36px;height:1px;background:linear-gradient(90deg,#7e3038,transparent);transform:rotate(-7deg)}
  .workarea:before{filter:blur(.2px);box-shadow:24px 31px 34px rgba(35,76,89,.06)}
  .workarea .panel{position:relative}
  .workarea .panel:after{content:"";position:absolute;right:5px;top:17px;width:60px;height:17px;background:linear-gradient(90deg,rgba(201,216,77,.04),rgba(201,216,77,.34),rgba(201,216,77,.07));transform:rotate(2deg);clip-path:polygon(0 30%,100% 0,94% 100%,4% 83%)}
  .workspace-heading{border-image:repeating-linear-gradient(90deg,#d2cdc3 0 34px,transparent 34px 42px,#b7c6cc 42px 74px,transparent 74px 83px) 1}
  .workspace-heading h2{position:relative;padding-right:10px}.workspace-heading h2:after{content:"";position:absolute;right:-10px;bottom:1px;width:8px;height:8px;border:1px solid #7e3038;border-radius:50%}
  .pack-table-head{border-bottom:0;background-image:repeating-linear-gradient(90deg,rgba(216,210,200,.85) 0 42px,transparent 42px 49px);background-size:100% 1px;background-repeat:no-repeat;background-position:left bottom}
  .pack{border-bottom:0;background-image:linear-gradient(90deg,rgba(216,210,200,.82),rgba(216,210,200,.82) 64%,transparent 64%);background-size:100% 1px;background-repeat:no-repeat;background-position:left bottom}
  .pack:nth-child(even){background-position:12px bottom}.pack:nth-child(odd){background-position:-7px bottom}
  .pack:has(input:checked){background-image:linear-gradient(90deg,rgba(246,211,201,.88),rgba(248,229,219,.63)),linear-gradient(90deg,#7e3038 0 42%,transparent 42%);background-size:100% 100%,100% 1px}
  .audience-collage{position:relative}.audience-collage:before{content:"";position:absolute;left:0;right:0;top:4px;height:1px;background:linear-gradient(90deg,transparent,#b7c6cc 13%,transparent 13% 36%,#e3a084 36% 59%,transparent 59% 78%,#526a5d 78%,transparent)}
  .summary-heading p{max-width:8em;line-height:1.17}.summary-heading:after{display:block;content:"";position:absolute;left:0;right:22px;bottom:0;height:3px;background:radial-gradient(circle,#7e3038 .65px,transparent .9px);background-size:7px 3px}
  .summary-item:nth-of-type(odd){transform:translateX(3px)}
  .actions{border-top:0;background-image:radial-gradient(circle at 13% 0,rgba(227,160,132,.22),transparent 22%),linear-gradient(90deg,rgba(247,244,237,.5),rgba(232,236,233,.42),rgba(247,244,237,.5))}
  .actions:before{display:block;content:"";position:absolute;left:0;right:0;top:0;height:4px;background:radial-gradient(ellipse at center,#7e3038 0 1px,transparent 1.4px);background-size:11px 4px;opacity:.48}
  .actions .next:hover{transform:translateY(-3px) rotate(-.35deg);box-shadow:11px 13px 0 rgba(126,48,56,.2),-3px 1px 0 rgba(201,216,77,.8)}
}

@media(min-width:1181px) and (max-width:1450px){
  .workspace-heading{display:block}.workspace-heading>div:first-child{grid-template-columns:max-content minmax(190px,1fr)}.workspace-tools{width:100%;max-width:none;margin-top:14px;grid-template-columns:minmax(0,1fr) 108px;flex-basis:auto}.workspace-tools input{grid-column:1}.workspace-tools .secondary{grid-column:2}
}

@media(min-width:821px) and (max-width:1180px){
  .topbar{padding-inline:22px}.site-nav{gap:22px}.utility .menu-button{display:none}
  .editorial-hero{grid-template-columns:minmax(365px,48%) minmax(0,52%)}.hero-copy{padding-left:32px}.hero-copy:before{display:none}.hero-copy .eyebrow,.hero-copy h1,.hero-detail{margin-left:0}.hero-copy h1{font-size:58px}.english-title{left:32px}.strategy-note{right:3%;width:119px;padding-inline:20px}
  .layout{grid-template-columns:146px minmax(0,1fr);grid-template-rows:auto auto 78px;padding-inline:20px}.steps{grid-column:1;grid-row:1 / 3;padding-right:15px}.step{gap:9px}.step span{font-size:12px}.step small{font-size:9px}.workarea{grid-column:2;grid-row:1;margin-right:0;padding-inline:22px 18px}.summary{grid-column:2;grid-row:2;margin:0 18px 22px 3px;min-height:0;display:grid;grid-template-columns:1.2fr repeat(4,1fr);column-gap:15px;align-items:start}.summary-heading{grid-column:1}.summary-rule,.summary small,.summary-closing{display:none}.summary-item{padding-top:3px}.summary-item.total{border-top:0;padding-top:3px}.actions{grid-column:2;grid-row:3;margin-right:17px}.workspace-heading{display:block}.workspace-heading>div:first-child{grid-template-columns:max-content 1fr}.workspace-tools{width:100%;margin-top:15px;grid-template-columns:1fr 92px;max-width:none}.pack-table-head,.pack{grid-template-columns:35px minmax(150px,1.35fr) minmax(120px,1fr) 105px 65px;column-gap:8px}.section-bridge>span{display:none}
}

/* Visual correction v10: remove decorative text that competes with Chinese copy and give the strategy note a stable text measure. */
@media(min-width:1181px){
  .site-nav{margin-left:16px;margin-right:auto;gap:0}
  .site-nav a{font-size:14px!important;letter-spacing:.02em;white-space:nowrap}
  .strategy-note{right:5.4%;width:190px;padding:26px 25px 20px;transform:rotate(-.35deg)}
  .strategy-note p{margin-top:16px;font-size:14px;line-height:1.65;word-break:keep-all;overflow-wrap:normal}
  .strategy-note small{font-size:8px;line-height:1.35}
  .editorial-hero:after,.section-bridge>span{display:none!important;content:none!important}
}

/* Interaction and overflow correction v11: controls retain their label and the summary shares the audience-row hover colour. */
@media(min-width:1451px){
  .workspace-heading{display:grid;grid-template-columns:minmax(0,1fr) 372px;gap:18px}
  .workspace-heading>div:first-child{grid-template-columns:max-content minmax(0,1fr);column-gap:18px}
  .workspace-tools{width:372px;min-width:0;grid-template-columns:82px minmax(132px,1fr) 132px;gap:8px}
  .workspace-tools .secondary{min-width:132px;padding-inline:10px;font-size:13px;overflow:visible}
}
@media(min-width:1181px){
  .utility{margin-left:auto;gap:0}.utility .text-button{padding-inline:0;font-size:14px}
  .summary:hover{color:#f8f4e9!important;background:linear-gradient(102deg,#1e5260 0%,#2f6570 56%,#526a5d 100%)!important;box-shadow:0 12px 22px rgba(31,72,81,.22),inset 3px 0 0 #e3a084!important}
  .summary:hover .summary-heading p,.summary:hover .summary-item span,.summary:hover .summary-item b,.summary:hover small,.summary:hover .summary-closing,.summary:hover .summary-heading:before{color:#f8f4e9!important}
  .summary:hover .summary-rule{background:#e3a084!important}
  .summary:hover .summary-item,.summary:hover .summary-heading,.summary:hover .summary-closing{border-color:rgba(248,244,233,.24)!important}
}
@media(max-width:820px){.section-bridge{display:none}.workspace-heading>div:first-child{display:block}}

/* Readability correction v9: preserve the handbook art direction while making live business data effortless to scan. */
@media(min-width:1181px){
  .topbar{min-height:64px}
  .brand,.brand strong{font-size:15px}.brand b{font-size:27px}
  .site-nav a,.text-button,.search-button,.menu-button{font-size:14px}
  .utility>span{font-size:13px}
  .steps{min-height:490px;padding-top:37px}
  .step{min-height:94px;gap:14px;padding-block:13px}
  .step b{font-size:26px}.step span{font-size:16px;line-height:1.26}.step small{font-size:12px;line-height:1.45;max-width:124px}
  .workarea{min-height:532px;padding:0 29px 16px 34px}
  .panel{padding-top:42px}
  .workspace-heading{gap:24px;margin-bottom:24px}
  .workspace-heading>div:first-child{grid-template-columns:max-content minmax(245px,1fr);column-gap:28px}
  .workspace-heading h2{font-size:39px;line-height:1.12;letter-spacing:-.07em}
  .workspace-heading p:not(.step-kicker){font-size:14px;line-height:1.65;max-width:34em}
  .workspace-tools{flex-basis:min(440px,47%);gap:10px}
  .workspace-tools select,.workspace-tools input{font-size:14px;min-height:46px}
  .workspace-tools .secondary{min-height:46px;font-size:14px}
  .pack-list{margin-top:18px}
  .pack-table-head,.pack{grid-template-columns:42px minmax(245px,1.7fr) minmax(205px,1.2fr) minmax(126px,.7fr) 92px;column-gap:14px}
  .pack-table-head{min-height:45px;padding-inline:16px;font-size:12px}
  .pack{min-height:88px;padding:12px 16px}
  .pack>span:first-of-type,.pack-tags,.pack h3,.pack p{min-width:0}
  .pack h3,.pack p{overflow-wrap:anywhere}
  .pack h3{font-size:16px;line-height:1.35}.pack p{font-size:12px;line-height:1.45}
  .pack-tags{gap:6px}.pack-tags span{font-size:12px;padding:4px 8px}
  .pack strong{font-size:21px;white-space:nowrap}.pack time{font-size:12px;white-space:nowrap}
  .selection-summary,.handoff-message{font-size:14px}
  .summary{isolation:isolate;min-height:506px;padding:32px 25px 33px 28px;color:var(--ink)}
  .summary:before,.summary:after{pointer-events:none}
  .summary-heading,.summary-rule,.summary-item,.summary small,.summary-closing{position:relative;z-index:2}
  .summary-heading p{font-size:31px;line-height:1.14}.summary-heading img{width:62px;height:62px}
  .summary-item{padding:13px 0}.summary-item span{font-size:14px}.summary-item b{font-size:22px;max-width:154px;color:var(--ink)}
  .summary-item.total b{font-size:30px;color:#8e242a}.summary small{font-size:12px;line-height:1.7;color:var(--muted)}.summary-closing{font-size:9px;color:var(--muted)}
  .summary:hover .summary-heading p,.summary:hover .summary-item span,.summary:hover .summary-item b,.summary:hover small,.summary:hover .summary-closing,.summary:hover .summary-heading:before{color:#f8f3e8!important}
  .actions{min-height:84px}.actions .secondary,.actions .next{min-height:50px;font-size:16px}.actions .next{min-width:250px}
  .step-closing,.audience-collage{display:none!important}
}

@media(min-width:821px) and (max-width:1180px){
  .step-closing,.audience-collage{display:none!important}
  .workspace-heading h2{font-size:32px}.workspace-heading p:not(.step-kicker){font-size:13px}
  .pack h3{font-size:14px}.pack p,.pack time,.pack-table-head{font-size:11px}.pack strong{font-size:18px}
  .summary{isolation:isolate;color:var(--ink)}.summary-heading,.summary-rule,.summary-item,.summary small,.summary-closing{position:relative;z-index:2}
  .summary-item b{color:var(--ink)}.summary-item.total b{color:#8e242a}
}

/* Art direction v12, pass one: make every plane earn its area after pricing copy was removed. */
@media(min-width:821px){
  :root{--paper-shadow:rgba(54,48,40,.10);--petrol:#1d4f5a;--petrol-soft:#35636a;--coral-wash:rgba(227,160,132,.20);--sage-wash:rgba(113,128,109,.16)}
  .section-bridge{height:28px;overflow:hidden;background:linear-gradient(102deg,transparent 0 18%,var(--coral-wash) 18% 44%,var(--sage-wash) 44% 63%,transparent 63%);border-bottom:1px solid rgba(216,210,200,.68)}
  .section-bridge .bridge-wash{left:30%;top:-36px;width:42%;height:78px;opacity:.72;filter:blur(10px)}
  .section-bridge .bridge-curve{left:25%;top:-72px;width:54%;height:104px;border-top-color:rgba(126,48,56,.48)}
  .section-bridge .bridge-curve:after{top:17px;height:73px;opacity:.7}
  .section-bridge .bridge-pattern{left:6%;top:-5px;width:98px;height:38px;opacity:.42}
  .editorial-hero{height:384px;min-height:384px;grid-template-columns:minmax(550px,48%) minmax(0,52%);background:linear-gradient(104deg,rgba(247,244,237,.98) 0 49%,rgba(240,236,229,.72) 49% 100%)}
  .hero-copy{padding:51px clamp(42px,6.2vw,112px) 30px;background:linear-gradient(105deg,rgba(247,244,237,.98),rgba(247,244,237,.78) 75%,transparent);clip-path:polygon(0 0,100% 0,97.5% 84%,100% 100%,0 100%)}
  .hero-copy:before{display:none}.hero-copy .eyebrow,.hero-copy h1,.hero-detail{margin-left:0}.hero-copy .eyebrow{font-size:10px;letter-spacing:.18em}.hero-copy h1{margin-top:13px;font-size:clamp(60px,5.25vw,88px);line-height:1.02;letter-spacing:-.115em}.english-title{left:clamp(42px,6.2vw,112px);bottom:34px;font-size:16px;letter-spacing:.01em}.hero-detail{max-width:360px;margin-top:11px;padding-top:12px;font-size:13px;line-height:1.65}
  .hero-image{height:384px;clip-path:polygon(3% 0,100% 0,100% 70%,89% 70%,89% 100%,0 100%,0 13%);box-shadow:inset 12px 0 0 rgba(35,76,89,.12)}
  .hero-image:before{content:"";position:absolute;z-index:2;left:0;bottom:0;width:56%;height:118px;background:linear-gradient(124deg,rgba(25,44,50,.80),rgba(35,76,89,.60) 55%,rgba(230,161,138,.20));clip-path:polygon(0 100%,100% 12%,100% 100%)}
  .hero-image:after{z-index:3;left:6%;right:14%;bottom:0;height:44px;background:rgba(27,25,21,.54);clip-path:polygon(0 100%,100% 0,100% 100%)}
  .strategy-note{right:7.3%;top:75px;width:172px;height:234px;padding:25px 27px 19px;transform:rotate(-.55deg);clip-path:polygon(0 0,100% 0,95% 100%,5% 95%);background:linear-gradient(165deg,rgba(28,49,55,.83),rgba(83,46,51,.70));box-shadow:-12px 14px 0 rgba(184,176,195,.21)}
  .strategy-note p{font-size:14px;line-height:1.72}.strategy-note small{font-size:8px;line-height:1.32}.strategy-note:before{width:62px;height:19px;left:-12px;bottom:-9px;background:rgba(230,161,138,.31)}
  .layout{grid-template-columns:176px minmax(0,1fr) 276px;grid-template-rows:auto 78px;gap:0;padding:0 clamp(32px,5.5vw,100px);align-items:start;background:transparent}
  .steps{min-height:0;padding:35px 16px 30px 0;background:linear-gradient(90deg,transparent 0 32px,rgba(113,128,109,.48) 32px 33px,transparent 33px);border-top:1px solid rgba(216,210,200,.62)}
  .step{min-height:86px;padding:13px 9px 12px 12px;border-bottom-color:rgba(216,210,200,.8)}.step b{font-size:24px}.step span{font-size:15px}.step small{max-width:118px;font-size:11px;line-height:1.38}
  .workarea{z-index:2;margin:-17px 22px 18px -9px;min-height:0;padding:0 28px 22px 31px;clip-path:polygon(1.2% 0,100% 1.5%,99% 98%,2.1% 100%,0 23%);background:linear-gradient(125deg,rgba(255,253,249,.97),rgba(255,253,249,.83) 58%,rgba(239,236,230,.86));box-shadow:14px 16px 0 rgba(184,176,195,.15),-9px 7px 0 rgba(230,161,138,.10),1px 0 0 rgba(216,210,200,.7)}
  .workarea:before{box-shadow:none}.panel{padding-top:38px}.workarea .panel:after{right:4px;top:16px;opacity:.85}
  .workspace-heading{gap:20px;margin-bottom:22px}.workspace-heading>div:first-child{grid-template-columns:max-content minmax(210px,1fr);column-gap:23px}.workspace-heading h2{font-size:36px;line-height:1.12}.workspace-heading p:not(.step-kicker){font-size:13px;line-height:1.62}.workspace-tools{flex-basis:min(400px,46%)}
  .summary{align-self:start;z-index:3;margin:15px 0 0 -4px;min-height:0;padding:28px 22px 24px 26px;clip-path:polygon(0 0,97% 1.5%,100% 94%,3% 100%,0 27%);background:linear-gradient(156deg,rgba(255,253,249,.98),rgba(245,238,232,.87));border:1px solid rgba(216,210,200,.82);box-shadow:8px 12px 0 var(--paper-shadow),-5px 6px 0 rgba(230,161,138,.10);transform:rotate(.42deg)}
  .summary:before{content:"";position:absolute;z-index:0;right:-20px;bottom:-25px;width:134px;height:94px;background:radial-gradient(circle,rgba(35,76,89,.22) .7px,transparent .9px);background-size:8px 8px;transform:rotate(-11deg);-webkit-mask-image:linear-gradient(135deg,black,transparent 72%);mask-image:linear-gradient(135deg,black,transparent 72%)}
  .summary-heading{padding-bottom:14px;border-bottom:1px solid var(--line)}.summary-heading:after{display:none}.summary-heading p{max-width:none;font-size:28px;line-height:1.16}.summary-heading img{width:56px;height:56px;border-radius:0;clip-path:polygon(7% 0,100% 0,94% 100%,0 91%)}
  .summary-rule{width:29px;margin:15px 0 4px}.summary-item{padding:12px 0}.summary-item span{font-size:13px}.summary-item b{font-size:20px;line-height:1.12}.summary-item.total{display:none}.summary small,.summary-closing{display:none!important}
  .actions{min-height:76px;margin-top:0;background:linear-gradient(90deg,rgba(247,244,237,.4),rgba(232,236,233,.46),rgba(247,244,237,.48))}.actions:before{opacity:.34}.actions .secondary,.actions .next{min-height:48px;font-size:15px}
}

/* Art direction v13, pass two: calibrated hover, line rhythm and resilient intermediate desktop layout. */
@media(min-width:1181px){
  .pack-list{margin-top:15px}.pack-table-head,.pack{grid-template-columns:40px minmax(220px,1.7fr) minmax(185px,1.17fr) 118px 82px;column-gap:13px}.pack-table-head{min-height:42px}.pack{min-height:82px;padding:11px 15px}.pack h3{font-size:15px}.pack p{font-size:11px}.pack strong{font-size:20px}.pack-tags span{padding:3px 7px}
  .pack:not(:has(input:checked)):hover{background:linear-gradient(102deg,var(--petrol) 0%,var(--petrol-soft) 58%,#526a5d 100%);transform:translate(4px,-3px) rotate(.12deg);box-shadow:0 9px 16px rgba(31,72,81,.18),inset 3px 0 0 #e3a084}
  .summary:hover{background:linear-gradient(102deg,var(--petrol) 0%,var(--petrol-soft) 58%,#526a5d 100%)!important;transform:rotate(.42deg) translateY(-3px);box-shadow:0 10px 18px rgba(31,72,81,.18),inset 3px 0 0 #e3a084!important}
  .asset-section:hover,.geography-picker:hover,.plan:hover{transform:translateX(3px);box-shadow:7px 8px 0 rgba(35,76,89,.08)}
  .city-choice:hover,.district-choice:hover{background:var(--petrol);border-color:var(--petrol);box-shadow:3px 4px 0 rgba(30,82,96,.12)}
}
@media(min-width:821px) and (max-width:1180px){
  .section-bridge{height:20px}.editorial-hero{height:330px;min-height:330px}.hero-image{height:330px}.hero-copy{padding:42px 34px 26px}.hero-copy h1{font-size:56px}.strategy-note{right:3%;top:53px;width:135px;height:210px;padding:21px 19px}.layout{grid-template-columns:152px minmax(0,1fr);padding-inline:22px}.steps{padding-right:13px}.workarea{margin:-12px 0 16px;padding-inline:22px 18px}.summary{grid-column:2;grid-row:2;margin:0 16px 18px 3px;display:grid;grid-template-columns:1.15fr repeat(3,1fr);column-gap:14px;clip-path:none;transform:none}.summary-heading{grid-column:1;border-bottom:0;padding-bottom:0}.summary-rule{display:none}.summary-item{padding-top:5px;border-bottom:0}.summary-heading img{width:46px;height:46px}.summary-heading p{font-size:22px}.actions{grid-column:2;grid-row:3;margin-right:16px}
}
@media(prefers-reduced-motion:reduce){.hero-image,.workarea,.summary,.step,.pack,.asset-section,.geography-picker,.plan,.city-choice,.district-choice,.upload{transition:none!important;transform:none!important}}

/* Desktop reading pass: increase useful type and keep text optically sharp during interaction. */
@media(min-width:1181px){
  body{font-size:15px}
  .brand,.brand strong{font-size:16px}.brand b{font-size:29px}.site-nav a,.text-button{font-size:15px}
  .step span{font-size:17px;line-height:1.28}.step small{font-size:13px;line-height:1.45;max-width:134px}.step b{font-size:27px}
  .workspace-heading h2{font-size:42px}.workspace-heading p:not(.step-kicker),.hero-detail{font-size:15px}.workspace-tools select,.workspace-tools input,.workspace-tools .secondary{font-size:15px}
  .pack-table-head{font-size:13px}.pack h3{font-size:17px;line-height:1.36}.pack p{font-size:13px;line-height:1.48}.pack-tags span{font-size:13px}.pack strong{font-size:22px}.pack time{font-size:13px}.selection-summary,.handoff-message{font-size:15px}
  .summary-heading p{font-size:30px}.summary-item span{font-size:15px}.summary-item b{font-size:24px}.actions .secondary,.actions .next{font-size:16px}
  .panel label,.form-grid label,.plan label{font-size:14px}.asset-section h3,.picker-heading h3,.district-heading h4,.plan-materials h4{font-size:19px}.asset-section p,.helper,.picker-heading p,.district-heading p,.plan-materials p{font-size:14px}
  .step,.pack,.summary,.asset-section,.geography-picker,.plan,.city-choice,.district-choice{transform:none!important;filter:none!important}
  .step:not(.active):hover span,.pack:hover h3,.pack:hover strong,.summary:hover .summary-item b,.asset-section:hover h3,.geography-picker:hover h3,.plan:hover strong,.city-choice:hover,.district-choice:hover{font-weight:800}
  .step:not(.active):hover,.pack:not(:has(input:checked)):hover,.summary:hover,.asset-section:hover,.geography-picker:hover,.plan:hover,.city-choice:hover,.district-choice:hover{transform:none!important}
}