/* The established cream / ink / signal palette, with real project evidence. */
:root{scroll-behavior:auto;scrollbar-gutter:stable}
.header-dark .site-header>.brand img{filter:none;mix-blend-mode:normal}.header-solid .site-header{background:#f1eee6f5}.header-solid.header-dark .site-header{background:#171713f5}
.audience-tabs button:before{content:none!important;display:none!important}
.audience-tabs button,.audience-tabs button.active{padding-left:0}
.services-section .section-heading{grid-template-columns:1.2fr .65fr;align-items:end}
.services-section{padding-top:60px}.services-section>.section-top{margin-bottom:30px}.services-section .section-heading{margin-bottom:25px}.services-section .audience-context{margin:10px 0 26px}
.services-section .section-heading h2{font-size:clamp(58px,7.1vw,112px)}
.audience-context{max-width:780px;font-size:14px;line-height:1.7}
.service-list{display:grid;grid-template-columns:.85fr 1.35fr;gap:6%;border-top:1px solid var(--ink);padding-top:30px;align-items:start}
.offer-index{display:flex;flex-direction:column;position:sticky;top:110px}
.offer-index>button{display:grid;grid-template-columns:32px 1fr 10px;gap:14px;align-items:start;text-align:left;padding:18px 0;border:0;border-bottom:1px solid var(--line);background:none;transition:color .2s,padding .3s;min-height:76px}
.offer-index>button>span:first-child{font:400 22px Anton;color:var(--signal)}
.offer-index b{font-size:clamp(16px,1.65vw,26px);line-height:1.25;display:block;letter-spacing:-.04em}
.offer-index small{font-size:10px;display:block;margin-top:7px;color:var(--muted);line-height:1.6}
.offer-index i{width:7px;height:7px;background:var(--signal);margin-top:9px;border-radius:50%;transform:scale(0);transition:transform .3s}
.offer-index>button[aria-selected=true]{color:var(--signal);padding-left:12px}
.offer-index>button[aria-selected=true] i{transform:scale(1)}
.offer-index>p{font-size:11px;color:var(--muted);margin:23px 0 0;line-height:1.8}
.offer-panel{animation:offer-in .5s both;min-height:640px;position:relative}
.offer-back{display:none}
.offer-copy{padding:5px 0 28px}
.offer-copy>.eyebrow{color:var(--signal);font-size:9px}
.offer-copy h3{font:400 clamp(32px,3.2vw,51px)/1.08 Anton;text-transform:uppercase;letter-spacing:-.018em;max-width:600px;margin:18px 0}
.offer-intro{font-size:13px;max-width:540px;color:#4d4b45;line-height:1.8}
.offer-copy ul{list-style:none;padding:0;margin:22px 0;display:grid;gap:10px}
.offer-copy li{font-size:12px;line-height:1.7;position:relative;padding-left:17px}
.offer-copy li:before{content:'';position:absolute;left:0;top:8px;background:var(--signal);width:4px;height:4px}
.offer-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin-top:24px}
.offer-actions .solid-button{background:var(--ink);color:var(--paper);box-shadow:none;font-size:10px;min-height:47px}
.offer-actions .solid-button:hover{background:var(--signal);color:var(--ink);transform:none}
.offer-caveat{display:block;margin-top:15px;color:var(--muted);font-size:9px;line-height:1.7}
.service-proof{margin:0;position:relative;overflow:hidden;background:#e2ded4;aspect-ratio:1.8}
.service-proof img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.service-proof-communication img,.service-proof-events img{filter:grayscale(1)}
.service-proof:hover img{transform:scale(1.025)}
.service-proof-positioning img{object-fit:contain;object-position:50% 34%;transform:scale(1.7)}
.service-proof-positioning:hover img{transform:scale(1.75)}
.service-proof figcaption{position:absolute;left:13px;bottom:13px;padding:7px 10px;background:var(--paper);font-size:8px;color:var(--ink);z-index:2}
.service-proof>span{position:absolute;right:15px;top:14px;writing-mode:vertical-rl;letter-spacing:.12em;font-size:8px;background:var(--signal);padding:10px 6px;color:var(--ink)}
.website-proof,.workflow-proof{background:var(--ink);color:var(--paper);padding:22px;min-height:260px;overflow:hidden}
.proof-label{font-size:8px;letter-spacing:.07em;text-transform:uppercase;color:#c7c3b9;display:block;margin-bottom:20px}
.proof-browser{border-top:5px solid var(--signal);padding:19px;background:var(--paper);color:var(--ink);transform:rotate(-2deg);max-width:90%;margin:0 auto}
.proof-browser>span:first-child{font-size:8px;font-weight:800;display:block;padding-bottom:12px;border-bottom:1px solid var(--line)}
.proof-browser>div:first-of-type{font-size:7px;margin:12px 0}
.proof-browser>b{font:400 clamp(27px,3vw,42px)/1.05 Anton;text-transform:uppercase;display:block;margin:15px 0}
.proof-browser p{font-size:8px}.proof-enquiry{background:var(--signal);font-size:7px;font-weight:800;padding:8px 10px;display:inline-block}
.proof-pages{display:flex;gap:8px;margin-top:20px;border-top:1px solid var(--line);padding-top:12px;font-size:7px;justify-content:space-between}
.proof-foot{display:block;font-size:7px;letter-spacing:.15em;margin-top:24px;text-align:center}
.workflow-proof ol{list-style:none;margin:0;padding:0 0 0 20px;border-left:2px solid var(--signal);display:grid;grid-template-columns:1fr 1fr;gap:28px 15px}
.workflow-proof li{position:relative}.workflow-proof li:before{content:'';position:absolute;left:-25px;top:2px;width:8px;height:8px;background:var(--signal);border:2px solid var(--ink)}
.workflow-proof small{font-size:7px;color:var(--signal);letter-spacing:.09em}.workflow-proof b{display:block;font:400 29px Anton;margin:8px 0}.workflow-proof li>span{font-size:9px;line-height:1.7;display:block;color:#ccc8bd}
.services-note{padding-top:28px;border-top:1px solid var(--line);margin-top:35px}
@keyframes offer-in{from{opacity:0;clip-path:inset(0 0 8% 0)}to{opacity:1;clip-path:inset(0)}}

/* A collected scrapbook, not a presentation deck disguised as a book. */
.book-scene{filter:drop-shadow(0 12px 15px #0004)}
.book-left{background-color:#ddd6c5;background-image:repeating-linear-gradient(0deg,transparent 0 30px,#1717130c 31px 32px)}
.book-left:after{content:'';position:absolute;inset:8% 5% 6%;border:1px solid #1717132e;transform:rotate(3deg);pointer-events:none}
.book-person{height:89%;left:58%;bottom:-7%;z-index:3;max-width:95%;filter:grayscale(1) contrast(1.03) var(--cut-edge);transform:translateX(-50%) rotate(2deg)}
.book-stamp{font-size:clamp(19px,2.75vw,38px);left:4%;bottom:5%;z-index:5;transform:rotate(-5deg);padding:9px 12px;box-shadow:2px 3px #17171322}
.book-margin{left:6%;top:5%;font-size:7px;z-index:4}
.paper-slip{background:#f6f2e8;box-shadow:2px 4px 7px #17171322;padding:13px 17px;color:var(--ink)}
.personal-note{position:absolute;left:5%;top:12%;font:italic 19px/1.2 Georgia,serif;transform:rotate(-8deg);z-index:4}
.book-ticket{position:absolute;left:4%;right:7%;top:32%;padding:18px 15px;background:#c9c2b1;border-top:2px dashed #17171350;border-bottom:2px dashed #17171350;transform:rotate(7deg);z-index:1}
.book-ticket small{display:block;font-size:7px;letter-spacing:.12em}.book-ticket b{display:block;font:400 26px Anton;text-transform:uppercase;margin:10px 0}.book-ticket>span{display:block;font-size:8px;max-width:100px;line-height:1.6}
.book-dateline{position:absolute;left:4%;top:71%;font-size:8px;letter-spacing:.15em;writing-mode:vertical-rl;transform:rotate(180deg)}
.book-tape{position:absolute;display:block;width:85px;height:25px;background:#eee7c6c9;box-shadow:inset 0 0 1px #8c835d66;clip-path:polygon(2% 0,98% 3%,96% 18%,100% 36%,97% 55%,100% 80%,96% 100%,1% 98%,4% 80%,0 60%,4% 40%,0 18%);z-index:6;pointer-events:none}
.tape-one{left:10%;top:10%;transform:rotate(-25deg)}.tape-two{right:8%;bottom:12%;transform:rotate(35deg)}.tape-three{right:18%;top:-7px;transform:rotate(13deg)}
.book-sheet{padding:27px 30px;background:#f3eedf}
.book-sheet h3{font-size:clamp(28px,3vw,46px);margin:15px 0 13px}
.book-sheet p{font-size:10px;line-height:1.65;margin-top:10px;max-width:none;position:relative;z-index:5}
.scrap-evidence{position:relative;width:100%;height:275px;flex:1;min-height:190px}
.scrap-poster{position:absolute;left:0;top:0;width:57%;height:92%;object-fit:cover;object-position:center;border:9px solid #fffdf5;border-bottom-width:18px;transform:rotate(-7deg);box-shadow:2px 3px 5px #0003;z-index:2}
.scrap-brand{position:absolute;right:-2%;top:8%;width:61%;height:65%;object-fit:cover;border:7px solid #fffdf5;transform:rotate(6deg);box-shadow:2px 3px 4px #0003}
.scrap-label{position:absolute;left:24%;bottom:6%;padding:8px 11px;background:var(--signal);font:400 20px Anton;transform:rotate(-3deg);z-index:3;white-space:nowrap}
.scrap-note{position:absolute;right:2%;bottom:26%;font:italic 16px/1.2 Georgia,serif;transform:rotate(4deg);padding:8px 12px;background:#fffdf5;z-index:4;box-shadow:1px 2px #0002}
.scrap-wide{position:absolute;left:0;top:0;width:95%;height:65%;object-fit:cover;border:8px solid #fffdf5;border-bottom-width:19px;transform:rotate(-4deg);box-shadow:2px 3px 5px #0003;filter:grayscale(1)}
.scrap-small{position:absolute;right:-2%;bottom:9%;width:59%;height:56%;object-fit:cover;border:7px solid #fffdf5;border-bottom-width:16px;transform:rotate(7deg);z-index:2;box-shadow:2px 3px 5px #0003;filter:grayscale(1)}
.leaf-people .scrap-note{left:-1%;right:auto;bottom:20%;font-size:16px}.leaf-people .scrap-label{font-size:17px;bottom:2%;left:2%}
.leaf-live{background:#e4dfd1}.leaf-live h3{margin:15px 0;font-size:clamp(29px,3vw,46px)}
.live-scrap{position:relative;width:100%;flex:1;min-height:240px}
.live-scrap>img{width:95%;height:68%;object-fit:cover;border:8px solid #fffdf5;transform:rotate(-4deg);filter:grayscale(1);box-shadow:2px 3px 5px #0003}
.live-scrap .on-air{position:absolute;right:0;top:12%;margin:0;background:var(--signal);transform:rotate(5deg);font-size:8px;z-index:3}
.run-sheet{position:absolute;bottom:0;right:0;width:87%;padding:15px;background:#fffdf5;transform:rotate(3deg);box-shadow:2px 3px 5px #0003}
.run-sheet small{font-size:7px;letter-spacing:.1em}.run-sheet b{font:400 22px Anton;display:block;margin:10px 0}.run-sheet>span{font-size:9px;line-height:1.8}
.leaf-live .book-watch{font-size:12px;margin-top:13px;padding-bottom:7px}.leaf-live .text-link{font-size:9px;margin-top:5px}
.book-cover{overflow:hidden}.book-cover>strong{position:relative;z-index:2;font-size:clamp(65px,7vw,108px)}
.cover-snapshot{position:absolute;right:-5%;bottom:15%;width:58%;height:43%;object-fit:cover;border:9px solid #fffdf5;border-bottom-width:23px;transform:rotate(11deg);filter:grayscale(1);box-shadow:4px 6px 0 #17171333}
.cover-sticker{position:absolute;left:8%;bottom:20%;background:var(--ink);color:var(--paper);padding:12px;font:400 19px/1.1 Anton!important;transform:rotate(-7deg);z-index:3}
.book-caption{font-size:10px}

/* Always-readable editorial photo notes, outside the busy photograph. */
.detail-photo{clip-path:none;overflow:hidden;display:grid;grid-template-columns:1.5fr 1fr;max-width:1260px;background:var(--paper);color:var(--ink);border:0}
.detail-photo>img{grid-column:1;grid-row:1 / 3;height:510px;filter:grayscale(1);object-position:center}
.detail-photo:after{display:none}
.photo-caption{left:16px;top:16px;color:var(--paper);padding:9px 12px;font-size:8px;max-width:65%}
.photo-markers{position:relative;inset:auto;grid-column:2;display:flex;flex-direction:column;pointer-events:auto;padding:30px 28px 0;z-index:2;gap:7px}
.photo-markers>button,.photo-markers>button:nth-child(n){position:static;color:var(--ink);background:transparent;box-shadow:none;border-bottom:1px solid #17171330;min-height:51px;padding:10px 0;font-size:12px;text-align:left}
.photo-markers>button.active{color:var(--ink);background:none}.photo-markers>button.active>span{background:var(--signal);color:var(--ink)}
.photo-note{position:static;grid-column:2;padding:8px 28px 30px;border-left:none;max-width:none;margin:0;align-self:end;z-index:3}
.photo-note>b{font:400 clamp(24px,2.5vw,36px)/1.1 Anton;text-transform:uppercase;display:block}
.photo-note>p{color:#514f46;font-size:12px;line-height:1.8;margin-top:18px}
.world-visual{overflow:hidden;background:var(--ink)}.world-visual>img{filter:grayscale(1);opacity:.45!important;object-fit:cover;width:100%;height:100%}.world-visual strong{color:var(--paper)!important}
.story-world small{line-height:1.8}

/* These are owner-published results, with the comparison period beside them. */
.social-results{padding-top:65px;padding-bottom:65px;background:var(--ink);color:var(--paper)}
.social-results-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:40px}
.social-results h3{font:400 clamp(36px,4vw,65px)/1.05 Anton;text-transform:uppercase;margin:14px 0 0}.social-results h3 em{font-style:normal;color:var(--signal)}
.social-results-head>p{font-size:11px;color:#bcb8ad;line-height:1.9;max-width:260px;margin:0}
.social-statistics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #f1eee640;gap:22px}
.social-statistics>div{padding:27px 0}.social-statistics small{font-size:9px;color:#c6c1b6}.social-statistics strong{display:block;font:400 clamp(45px,5vw,78px)/1.1 Anton;margin:20px 0 12px;letter-spacing:-.03em}.social-statistics b{font-size:13px;font-weight:800;color:var(--signal)}.social-statistics p{font-size:11px;margin:9px 0}
.social-source{border-top:1px solid #f1eee630;padding-top:18px;margin:0;font-size:9px;color:#bcb8ad;line-height:1.9}.social-source a{text-underline-offset:3px}

/* Site-native video covers. The originals remain the linked recordings. */
.broadcast-poster>img{width:67%;margin-left:auto;filter:grayscale(1);object-position:60% center}
.broadcast-poster:after{inset:0;background:var(--ink);clip-path:polygon(0 0,43% 0,59% 100%,0 100%)}
.broadcast-art-title{position:absolute;z-index:2;left:5%;top:25%;font:400 clamp(22px,2.6vw,43px)/1 Anton;letter-spacing:-.03em;color:var(--paper)}
.broadcast-art-title b{font:400 clamp(50px,7vw,110px)/1 Anton;display:block;color:var(--signal);margin-top:6px}.broadcast-art-title i{font:800 7px Manrope;letter-spacing:.07em;display:block;margin-top:10px}
.broadcast-art-credit{position:absolute;right:13px;bottom:15px;z-index:2;background:var(--paper);color:var(--ink);font-size:6px;letter-spacing:.1em;padding:6px 7px}
.broadcast-poster:hover img{filter:grayscale(0)}
.broadcast-kind{font-size:7px;top:12px;left:13px}.watch-label{font-size:9px;bottom:14px;left:5%}.watch-label:before{border-left-width:8px;border-top-width:5px;border-bottom-width:5px}
.broadcast-programme{border-top:4px solid var(--signal);padding:25px 0;align-self:center}
.broadcast-programme h3{font:400 clamp(26px,3vw,44px)/1.08 Anton;text-transform:uppercase;margin:20px 0}
.broadcast-programme p{font-size:12px;max-width:360px;line-height:1.8}.programme-note{display:block;font-size:9px;line-height:1.8;color:var(--muted);margin-top:22px;max-width:320px}
.about-image{overflow:hidden}.about-image img{object-position:center top;max-width:none;height:145%;width:auto;position:absolute;bottom:-45%;left:50%;transform:translateX(-50%);filter:grayscale(1) var(--cut-edge)}

@media(max-width:1000px){.service-list{gap:4%;grid-template-columns:.8fr 1.2fr}.offer-index b{font-size:18px}.offer-index>button{gap:9px}.book-sheet{padding:22px}.scrap-evidence{height:230px}.scrap-label{font-size:17px}.personal-note{font-size:16px}.book-ticket b{font-size:22px}}
@media(max-width:760px){
 .services-section .section-heading{grid-template-columns:1fr;gap:25px}.services-section .section-heading h2{font-size:13vw}.audience-tabs button,.audience-tabs button.active{padding:9px}.audience-context{font-size:11px;margin:19px 0 25px}
 .service-list{grid-template-columns:1fr;gap:28px;padding-top:10px}.offer-index{position:static}.offer-index>button{padding:13px 0;min-height:63px;grid-template-columns:24px 1fr 7px;gap:10px}.offer-index>button[aria-selected=true]{padding-left:7px}.offer-index b{font-size:18px}.offer-index small{font-size:9px;margin-top:4px}.offer-index>button>span:first-child{font-size:18px}.offer-index>p{display:none}.offer-panel{min-height:0}.offer-copy h3{font-size:34px;margin:15px 0}.offer-intro{font-size:12px}.offer-copy li{font-size:11px}.offer-actions{gap:20px}.offer-actions .solid-button{font-size:9px}.service-proof{aspect-ratio:1.65}.services-note{font-size:10px;gap:15px}.offer-back{display:block;background:none;text-decoration:underline;text-underline-offset:4px;font-size:10px;margin:0 0 25px;padding:12px 0}
 .motion-ready .book-left{width:32%}.motion-ready .book-pages,.motion-ready .book-cover{left:32%;width:68%}.motion-ready .book-binding{left:calc(32% - 8px)}.motion-ready .book-scene{height:470px;max-height:61svh}
 .book-sheet{padding:18px 14px}.book-sheet h3,.leaf-live h3{font-size:28px;margin:14px 0}.book-number{font-size:6px}.book-sheet p{font-size:8px;margin-top:12px}.scrap-evidence{height:230px;min-height:190px}.scrap-poster{width:63%;height:81%;border-width:5px;border-bottom-width:13px}.scrap-brand{width:65%;top:15%;height:60%;border-width:4px}.scrap-note{font-size:12px;right:-3%;bottom:23%;padding:7px}.scrap-label{font-size:13px;left:4%;padding:7px;bottom:4%}.scrap-wide{width:100%;height:59%;border-width:5px;border-bottom-width:14px}.scrap-small{width:72%;height:49%;border-width:5px;border-bottom-width:12px}.leaf-people .scrap-label{font-size:11px;left:-2%}.leaf-people .scrap-note{font-size:12px;bottom:24%}
 .book-margin{font-size:5px;left:8%;top:4%;max-width:70px;line-height:1.8}.book-person{max-width:none;width:auto;height:78%;left:56%;bottom:1%}.book-stamp{font-size:15px;left:0;right:-12%;bottom:2%;padding:9px 6px;z-index:5}.personal-note{font-size:12px;left:4%;top:12%;padding:9px;white-space:nowrap}.book-ticket{left:2%;right:-5%;top:35%;padding:10px}.book-ticket small{font-size:4px}.book-ticket b{font-size:15px;margin:8px 0}.book-ticket>span{font-size:5px}.book-dateline{font-size:5px;left:4%}.book-tape{width:55px;height:18px}.tape-two{right:-5%;bottom:11%}.live-scrap{min-height:210px}.run-sheet{width:100%;padding:12px 9px}.run-sheet small{font-size:5px}.run-sheet b{font-size:17px;margin:7px 0}.run-sheet>span{font-size:7px}.live-scrap .on-air{font-size:6px;padding:6px;right:-4%}.leaf-live .book-watch{font-size:10px;margin-top:12px}.leaf-live .text-link{font-size:8px}.book-cover{padding:22px 16px}.book-cover>strong{font-size:65px}.book-cover>span:first-child{font-size:6px}.cover-sticker{font-size:14px!important;left:6%;bottom:25%;padding:8px}.cover-snapshot{height:35%;width:70%;bottom:18%;border-width:5px;border-bottom-width:13px}.book-cover>small{font-size:7px}.book-caption{font-size:8px}
 .detail-photo{grid-template-columns:1fr}.detail-photo>img{grid-column:1;grid-row:auto;height:290px;object-position:center}.photo-markers{grid-column:1;padding:20px 18px 0;gap:0}.photo-markers>button,.photo-markers>button:nth-child(n){min-height:45px;font-size:11px}.photo-note{grid-column:1;padding:23px 18px 27px}.photo-note>b{font-size:27px}.photo-note>p{font-size:11px;margin-top:13px}.photo-caption{max-width:90%;font-size:7px;left:10px;top:10px}
 .social-results-head{display:block;margin-bottom:25px}.social-results h3{font-size:37px}.social-results-head>p{margin-top:20px;font-size:10px;max-width:none}.social-statistics{grid-template-columns:1fr 1fr;gap:0 25px}.social-statistics>div{padding:22px 0;border-bottom:1px solid #f1eee630}.social-statistics strong{font-size:45px;margin:12px 0}.social-statistics b{font-size:12px}.social-statistics p{font-size:10px}.social-statistics small{font-size:8px}.social-source{margin-top:20px;border-top:0;font-size:8px}
 .broadcast-grid{grid-template-columns:1fr}.broadcast-art-title{font-size:26px}.broadcast-art-title b{font-size:75px}.broadcast-art-title i{font-size:6px}.broadcast-art-credit{font-size:5px;right:8px;bottom:12px}.broadcast-programme{padding:22px 0 0}.broadcast-programme h3{font-size:33px}.broadcast-programme p{font-size:11px}.broadcast-kind{font-size:6px}.watch-label{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.offer-panel{animation:none}.offer-index>button,.offer-index i,.service-proof img{transition:none}.book-scene{filter:none}.book-left{min-height:400px}.book-sheet{min-height:470px}.scrap-evidence{flex:none;height:270px}.live-scrap{flex:none;height:280px}}

/* Cover typography has reserved, non-overlapping zones. */
.book-cover>strong{position:absolute;left:30px;top:72px;font-size:82px;line-height:1.05;letter-spacing:-.015em;margin:0}
.book-cover>small{position:absolute;left:30px;bottom:26px;line-height:1.6}
.cover-sticker{left:6%;bottom:14%;font-size:17px!important;line-height:1.3!important;max-width:49%;padding:10px 12px;letter-spacing:.015em}
.cover-snapshot{width:55%;height:40%;bottom:16%;right:-4%}
@media(max-width:760px){.book-cover>strong{left:16px;top:60px;font-size:51px;line-height:1.07}.book-cover>small{left:16px;bottom:22px;max-width:85%;font-size:7px}.cover-sticker{left:6%;bottom:15%;max-width:65%;font-size:12px!important;line-height:1.4!important;padding:8px}.cover-snapshot{width:70%;height:33%;bottom:23%;right:-5%}}
