/* A common identity across distinct visual jobs; native text stays readable. */
.hero-stage{display:grid;grid-template-columns:1.25fr 1fr;align-items:start;gap:36px;margin-top:26px}
.hero-stage .hero-visual{margin:0}.hero-stage .hero-bottom{display:block;margin:0}.hero-stage .hero-route-choice{display:block;margin:0}.hero-route-choice h3{font-size:25px;margin:0 0 15px}.hero-route-choice .currency{margin-bottom:12px}.hero-stage .quick-routes a{font-size:14px;padding:11px 22px 11px 0}.hero-stage .hero-route-choice>p{font-size:12px;margin-top:16px}
.service-visual{margin:0;min-width:0}.service-visual figcaption{color:#666;font-size:11px;line-height:1.5;margin-top:10px}.specimen{position:relative;background:#f0f0ed;padding:30px;overflow:hidden;min-height:410px;display:flex;flex-direction:column;justify-content:center;gap:22px}.specimen-label{font-size:10px;letter-spacing:.13em;font-weight:700;line-height:1.3;color:#555}.specimen-signature{font-size:10px;line-height:1.3;letter-spacing:.11em;font-weight:600;margin-top:auto;padding-top:16px}.specimen h4{margin:0;font-size:clamp(21px,2.1vw,32px);font-weight:600;line-height:1.12;letter-spacing:-.04em}.specimen p{font-size:14px;line-height:1.5;margin:0}.spec-tag,.source-label{font-size:9px;line-height:1.5;letter-spacing:.08em;display:block}.spec-note{font-size:12px;line-height:1.4;font-weight:500}.wire-lines{margin-top:20px;display:grid;gap:7px}.wire-lines b{display:block;width:88%;height:3px;background:#ddd}.wire-lines b:nth-child(2){width:65%}.wire-lines b:nth-child(3){width:76%}
.browser-spec{background:white;box-shadow:0 12px 30px #0000000d;border:1px solid #ddd}.browser-top{display:flex;align-items:center;padding:12px;border-bottom:1px solid #ddd;gap:4px}.browser-top i{width:4px;height:4px;border:1px solid #999;border-radius:50%}.browser-top span{font-size:8px;letter-spacing:.07em;margin-left:12px}.page-spec{padding:26px 22px}.page-spec h4{font-size:26px;margin-top:16px}.source-strip{display:grid;grid-template-columns:100px 1fr;border-left:3px solid #274bce;background:#e1e7fb;padding:14px;gap:12px}.source-strip>span{font-size:9px;letter-spacing:.09em;line-height:1.4;font-weight:600}.source-strip p{font-size:12px;line-height:1.65}
.sv-hiring .specimen{background:#121212;color:#fff}.sv-hiring .specimen-label{color:#bbb}.delivery-stack{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;align-items:stretch}.delivery-piece{background:#fff;color:#111;grid-row:span 2;padding:23px 20px}.delivery-piece h4{margin-top:25px;font-size:34px}.handover-guide,.handover-note{background:#dbe2ef;color:#111;padding:18px 14px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.handover-note{background:#bbbfb5}.handover-guide span,.handover-note span{font-size:8px;letter-spacing:.1em}.handover-guide b,.handover-note b{font-size:19px;line-height:1.15;letter-spacing:-.03em}
.sv-xray .specimen{background:#e8edf4}.compare-spec{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ad-spec,.landing-spec{padding:17px 15px;min-height:180px}.ad-spec{background:#18262f;color:white}.landing-spec{background:#fff;border:1px solid #c7cbd1}.compare-spec span{font-size:9px;letter-spacing:.1em}.ad-message,.page-message{font-size:25px;letter-spacing:-.04em;line-height:1.08;margin-top:29px}.finding-spec{display:flex;gap:14px;padding:18px;background:#fff;border-left:3px solid #111}.finding-number{font-size:27px;line-height:1}.finding-spec b{font-size:14px;line-height:1.35;display:block}.finding-spec p{font-size:12px;margin-top:6px}
.sv-letter .specimen{background:#e3dfd7}.letter-spec{background:#fff;padding:30px;box-shadow:8px 10px 0 #d0cbc1;position:relative;margin-right:14px}.letter-date{font:20px/1.3 Georgia,serif;margin:25px 0}.letter-spec p{font:19px/1.45 Georgia,serif;margin-bottom:20px}.letter-spec mark{background:#e5e8dc}.letter-rule{height:1px;background:#ddd;margin:25px 0 12px}.board-spec{margin-left:40%;background:#222;color:white;padding:18px 22px;position:relative;margin-top:-28px}.board-spec span{font-size:8px;letter-spacing:.08em;display:block;margin-bottom:9px}.board-spec b{font-size:21px;line-height:1.1;font-weight:500}
.sv-pack .specimen{background:#f2f2ef}.pack-total{display:flex;gap:20px;align-items:center;border-bottom:1px solid #ccc;padding:5px 0 22px}.pack-total>b{font-size:76px;letter-spacing:-.07em;line-height:1}.pack-total>span{font-size:14px;line-height:1.4}.placement-map{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:10px}.placement-map>div{border:1px solid #ccc;background:#fff;padding:20px}.placement-map span{font-size:10px;display:block;color:#777;margin-bottom:19px}.placement-map b{font-size:23px;font-weight:500;letter-spacing:-.035em}.placement-map i{font-style:normal;font-size:23px;text-align:center}.map-detail{background:#1e2b46;color:white;padding:19px 23px}.map-detail>span{font-size:9px;letter-spacing:.1em;display:block;margin-bottom:10px}
.brand-voice{padding:64px 0;background:#fafaf8}.voice-visual{max-width:920px;margin:auto}.voice-visual img{max-height:580px}.approval-visual{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:25px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin:20px 0 45px;font-size:20px}.approval-visual i{font-style:normal;color:#888}.approval-visual strong{border-bottom:2px solid #244ce8;padding-bottom:5px}
.method-work{grid-template-columns:1fr 1fr;align-items:start;gap:40px}.sv-method .specimen{min-height:0;background:#111;color:#fff;padding:30px}.sv-method .specimen-label{color:#aaa}.fact-inputs{display:grid;gap:14px}.fact-inputs>div{background:#252525;padding:17px 20px}.fact-inputs span{display:block;font-size:9px;letter-spacing:.1em;margin-bottom:9px;color:#aaa}.fact-inputs strong{display:inline;font-size:18px;font-weight:500}.fact-one{border-bottom:2px solid #9bb5ec}.fact-two{border-bottom:2px solid #d8c194}.path-arrow{text-align:center;font-size:32px;margin:12px}.fact-output{font-size:25px;line-height:1.6;letter-spacing:-.025em}.fact-output mark{color:inherit;background:transparent}.examples .sample{border-left:3px solid #111;padding-left:25px}.examples .sample li{padding:8px 0}.examples .sample li:nth-child(2){background:#eef1e8;padding:18px;font-size:20px;line-height:1.5}
@media(max-width:1100px){.hero-stage{grid-template-columns:1fr;gap:28px}.hero-stage .hero-visual{max-width:100%}.hero-stage .hero-route-choice{display:block}.hero-stage .quick-routes a{font-size:15px}.specimen{padding:22px}.page-spec h4{font-size:23px}.pack-total>b{font-size:62px}.method-work{grid-template-columns:1fr}.fact-inputs{grid-template-columns:1fr 1fr}.sv-method{max-width:850px}.source-strip{grid-template-columns:1fr;gap:7px}}
@media(max-width:640px){.hero-stage{display:flex;flex-direction:column;gap:24px}.hero-stage .hero-bottom{order:-1;width:100%}.hero-stage .hero-visual{width:100%}.specimen{padding:23px;min-height:0;gap:20px}.specimen h4{font-size:25px}.route-card{flex-direction:column}.specimen-label{font-size:10px}.page-spec{padding:22px 18px}.page-spec h4{font-size:24px}.delivery-stack{grid-template-columns:1.1fr .9fr}.delivery-piece{padding:19px 16px}.delivery-piece h4{font-size:31px}.handover-guide,.handover-note{padding:16px 12px}.handover-guide b,.handover-note b{font-size:17px}.ad-message,.page-message{font-size:23px}.compare-spec{gap:9px}.ad-spec,.landing-spec{padding:14px 12px}.letter-spec{padding:23px;margin-right:0}.letter-spec p{font-size:18px}.board-spec{margin-left:22%}.pack-total>b{font-size:65px}.pack-total>span{font-size:12px}.placement-map{grid-template-columns:1fr 22px 1fr;gap:7px}.placement-map>div{padding:16px 12px}.placement-map b{font-size:21px}.approval-visual{font-size:14px;gap:7px;flex-wrap:wrap}.fact-inputs{grid-template-columns:1fr}.fact-output{font-size:23px}.method-work{display:block}.method-work>.sample{margin-top:30px}.brand-voice{padding:35px 0}.closing-visual{width:100%}}

.draft-excerpt{margin-top:18px!important;font:16px/1.5 Georgia,serif!important}.delivery-piece h4{font-size:25px}.notice-excerpt{background:white;border:1px solid #d4d4ce;padding:20px}.notice-excerpt span{display:block;font-size:9px;letter-spacing:.06em;margin-bottom:13px}.notice-excerpt p{font-size:21px;line-height:1.4;letter-spacing:-.02em}.notice-excerpt mark{background:#e1e7fb}@media(max-width:640px){.delivery-piece h4{font-size:24px}.draft-excerpt{font-size:14px!important}.notice-excerpt p{font-size:21px}}
.route-grid{grid-template-columns:minmax(0,1fr)}.route-card,.route-copy{min-width:0;max-width:100%}.route-facts{flex-wrap:wrap}.service-visual{width:100%}@media(max-width:380px){.specimen{padding:18px}.delivery-stack{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.delivery-piece{padding:16px 12px}.delivery-piece h4{font-size:22px}.handover-guide b,.handover-note b{font-size:15px}.source-strip p{font-size:11px}.compare-spec{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ad-message,.page-message{font-size:19px}.pack-total>b{font-size:55px}.pack-total{gap:12px}}
@media(max-width:380px){.compare-spec{grid-template-columns:1fr}.ad-spec,.landing-spec{min-height:140px}.ad-message,.page-message{font-size:25px;margin-top:20px}}

/* V11: a varied image system, exact examples remain accessible. */
.image-module{min-width:0;width:100%;align-self:start}.image-module .visual{margin:0}.image-full{display:block}.image-full img{display:block;width:100%;height:auto;object-fit:contain}.example-detail{margin:12px 0 0;border-top:1px solid #d6d6d6;padding-top:12px}.example-detail>summary{cursor:pointer;font-size:13px;font-weight:600}.example-detail .service-visual{margin-top:16px}.confirm-companion{max-width:660px;margin:32px 0 0 auto}.email-visual{max-width:780px;margin:0 0 44px}.promise-visual{max-width:960px;margin:32px auto}.image-module figcaption{font-size:11px;line-height:1.5}.closing-visual figcaption{color:#bbb}.method-work .visual{margin:0;align-self:start}.visual img{height:auto}.visual a:focus-visible{outline:3px solid #2356ff;outline-offset:4px}@media(max-width:640px){.confirm-companion{max-width:100%;margin-top:24px}.email-visual{margin-bottom:24px}.example-detail .specimen{padding:18px}}
.image-module .route-visual{position:static;top:auto}.image-module .visual{height:auto;aspect-ratio:auto}.image-module figcaption{position:static;display:block;margin-top:9px}
@media(min-width:641px){.next .section-kicker{grid-row:1}.next h2{grid-row:2;position:static}.next .email-visual{grid-column:1;grid-row:3;align-self:start;margin:0}.next ol{grid-column:2;grid-row:2 / span 2}}
