@import url('/design.css');
:root{--paper:#fbf9f4;--background:#f3f0e9;--ink:#20201e;--muted:#6e6b64;--accent:#c55a2d;--line:#c8c2b7;--dark:#24272a}
*,*::before,*::after{box-sizing:border-box;min-width:0}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--background);color:var(--ink);font-family:Geist,system-ui,sans-serif}
h1,h2,h3,p{margin:0}
a{color:inherit;text-decoration:none;text-underline-offset:5px}
a:hover h2,a:hover:not(:has(h2)){text-decoration:underline}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.inline-links{display:flex;flex-wrap:wrap;gap:20px}
input{font:inherit;color:inherit;background:transparent;padding:12px;caret-color:var(--accent)}
input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
input[type=checkbox]{padding:0;accent-color:var(--accent)}
[data-pencil-name='Open Protected Case Studies']{border:0;cursor:pointer;color:white;font:inherit}
[data-pencil-name='Read Case Study']:hover{color:var(--accent)}
.icon-link{display:inline-flex;align-items:center;flex-shrink:0}
.icon-link:hover{color:var(--accent)}
/* The playbook sections carry a fixed design height that the copy outruns, which
   leaves the closing "Read playbook" row all but touching the next section. Sizing
   them to their content lets the designed bottom padding actually show. */
section[data-pencil-name^='Playbook 0']{height:auto;padding-bottom:80px}
[hidden]{display:none!important}
.protected-shell{min-height:100vh;background:var(--paper);display:flex;flex-direction:column}
.protected-nav{height:96px;border-bottom:1px solid var(--line);padding:0 64px;display:flex;align-items:center;justify-content:space-between}
.protected-brand{display:flex;align-items:center;gap:14px;font-family:Montserrat,system-ui,sans-serif;font-size:13px;font-weight:900;letter-spacing:1.4px}
.protected-brand img{width:32px;height:32px;border-radius:50%;object-fit:cover}
.protected-links{display:flex;align-items:center;gap:30px;font-size:14px}
.protected-links [aria-current=page]{color:var(--accent)}
.protected-blank{flex:1;min-height:calc(100vh - 196px);background:var(--background);position:relative}
.protected-blank::before{content:'PROTECTED CASE STUDIES  /  TEST ACCOUNT';position:absolute;top:48px;left:64px;color:var(--muted);font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:1.3px}
.protected-footer{height:100px;padding:0 64px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:1px;color:var(--muted)}
::selection{background:#e9c8b8;color:var(--ink)}
.site{width:100%;max-width:1440px;margin-inline:auto;overflow:visible}
main{width:100%}
.site-header,.page-section,footer{width:100%;max-width:100%}
.fluid-width{max-width:100%}
.site-header{position:relative;z-index:10}
.site-header nav a{color:var(--ink);padding-block:12px}
.site-header nav a[aria-current=page]{color:var(--accent);text-decoration:underline}
.site-header [data-pencil-name='Owen Mullings Brand']{flex-shrink:0}
.menu-toggle{display:none;font:inherit;background:none;border:1px solid var(--line);padding:10px 15px;color:var(--ink);cursor:pointer}
.skip-link{position:fixed;left:20px;top:-70px;z-index:100;background:var(--paper);padding:12px 20px}
.skip-link:focus{top:12px}
[data-pencil-name='Hero']{height:auto;min-height:820px;padding:74px 64px 64px;display:grid;grid-template-columns:1fr 570px;gap:32px}
[data-pencil-name='Hero']>.positioned{position:static;left:auto;top:auto}
[data-pencil-name='Hero Headline']{grid-column:1/-1;max-width:1060px;font-size:84px;line-height:.96;margin-top:16px;margin-bottom:80px}
[data-pencil-name='Hero Index']{position:absolute!important;top:54px!important;right:64px;left:auto!important}
[data-pencil-name='Hero Accent Rule']{align-self:start}
[data-pencil-name='Hero Actions']{grid-column:2;flex-wrap:wrap}
[data-pencil-name='Point of View']{height:auto;min-height:720px;padding:64px;display:grid;grid-template-columns:1fr 580px;gap:36px}
[data-pencil-name='Point of View']>.positioned{position:static}
[data-pencil-name='POV Statement']{grid-column:1/-1;width:100%;margin:36px 0 60px}
[data-pencil-name='POV Body One'],[data-pencil-name='POV Body Two']{grid-column:2}
[data-pencil-name='Hero Summary']{width:100%}
[data-pencil-name='Contact Hero']{height:auto;min-height:760px;padding:82px 64px 64px;display:grid;grid-template-columns:1fr minmax(0,580px);gap:32px}
[data-pencil-name='Contact Hero']>.positioned{position:static;left:auto;top:auto}
[data-pencil-name='Contact Heading']{grid-column:1/-1;width:100%;max-width:1180px;margin:24px 0 80px}
[data-pencil-name='Contact Body'],[data-pencil-name='Contact Links']{grid-column:2;max-width:100%}
@media(min-width:901px) and (max-width:1250px){
 .page-section{padding-left:40px;padding-right:40px;gap:36px}
 .site-header{padding-inline:40px}
 [data-pencil-name='Hero']{grid-template-columns:1fr 50%}
 [data-pencil-name='Hero Headline']{font-size:76px}
 [data-pencil-name='Point of View']{grid-template-columns:1fr 55%}
 [data-pencil-name='Contact Hero']{grid-template-columns:1fr 55%;padding-inline:40px}
 [data-pencil-name='Contact Heading']{font-size:76px;line-height:1}
 .display-type{white-space:normal}
}
@media(max-width:900px){
 .site-header{height:auto;min-height:80px;padding:18px 24px;flex-wrap:wrap;gap:20px}
 .menu-toggle{display:block}
 .site-header nav{display:none;width:100%;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid var(--line);padding-top:12px}
 .site-header nav.is-open{display:flex}
 .site-header nav a{padding:14px 0}
 .page-section{height:auto;min-height:0;padding:56px 24px;gap:28px}
 .page-section .responsive-row,.page-section.responsive-row{flex-direction:column;align-items:stretch;height:auto;gap:28px}
 .page-section .fluid-width{width:100%;max-width:100%;height:auto;flex-shrink:1}
 .page-section .display-type{font-size:clamp(38px,7vw,62px);line-height:1.05;letter-spacing:-.025em;white-space:normal}
 .page-section p{white-space:normal;overflow-wrap:break-word}
 .page-section h2{white-space:normal}
 .page-section [data-pencil-name]{max-width:100%;white-space:normal;overflow-wrap:break-word}
 .page-section div{flex-wrap:wrap}
 .page-section .mobile-stack,.page-section.mobile-stack,[data-pencil-name='Case Study CTA'],[data-pencil-name='Playbook CTA']{flex-direction:column;align-items:stretch;height:auto;gap:24px}
 .page-section .mobile-stack>*,[data-pencil-name='Case Study CTA']>*,[data-pencil-name='Playbook CTA']>*{flex:0 0 auto;width:100%;height:auto}
 .page-section .mobile-stack>svg{width:18px;height:18px;align-self:center;transform:rotate(90deg)}
 .page-section .mobile-stack>[data-pencil-name$='Arrow']{width:18px;height:18px;align-self:center;transform:rotate(90deg)}
 .page-section [data-pencil-name='Case Study CTA Heading']{font-size:36px;line-height:1.1}
 [data-pencil-name='About CTA Links'],[data-pencil-name='Contact Links']{flex-wrap:wrap;gap:24px}
 [data-pencil-name='Contact Hero']{display:flex;flex-direction:column;gap:32px}
 [data-pencil-name='Contact Heading']{margin:12px 0 24px}
 [data-pencil-name='Contact Hero']>.positioned{position:static;left:auto;top:auto;width:100%;height:auto}
 [data-pencil-name='Contact Hero']>[data-pencil-name='Contact Kicker']{width:auto}
 [data-pencil-name='Hero']{display:flex;flex-direction:column;gap:28px;min-height:0;padding:52px 24px 64px}
 [data-pencil-name='Hero Headline']{margin:12px 0 16px;max-width:720px;font-size:clamp(46px,8vw,68px)}
 [data-pencil-name='Hero Index']{display:none}
 [data-pencil-name='Hero Accent Rule']{width:100px;margin-block:0 8px}
 [data-pencil-name='Hero Actions']{gap:12px;align-items:flex-start}
 [data-pencil-name='Proof Bar']{display:grid;grid-template-columns:1fr 1fr;padding:30px 24px;gap:30px}
 [data-pencil-name='Proof Bar']>div{padding:0;border:0;height:auto}
 [data-pencil-name='Point of View']{display:flex;flex-direction:column;min-height:0;padding:56px 24px}
 [data-pencil-name='POV Statement']{margin:12px 0 24px}
 [data-pencil-name='Featured Work Grid']{padding-top:0}
 [data-pencil-name^='Case Study 0']{padding-block:32px;gap:24px;height:auto}
 [data-pencil-name^='Article 0']{padding-block:24px;height:auto}
 [data-pencil-name='Footer']{height:auto;flex-direction:column;align-items:flex-start;gap:16px;padding:30px 24px}
 [data-pencil-name='Footer']>div{white-space:normal;line-height:1.6}
 [data-pencil-name='CTA Actions']{flex-wrap:wrap}
 .protected-nav{height:auto;min-height:80px;padding:18px 24px;gap:20px;align-items:flex-start}
 .protected-links{flex-wrap:wrap;justify-content:flex-end;gap:16px}
 .protected-blank{min-height:calc(100vh - 188px)}
 .protected-blank::before{top:32px;left:24px;right:24px;line-height:1.5}
 .protected-footer{height:auto;min-height:108px;padding:24px;flex-direction:column;align-items:flex-start;gap:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}