.elementor-kit-7{--e-global-color-primary:#252422;--e-global-color-secondary:#6F6B65;--e-global-color-text:#6F6B65;--e-global-color-accent:#B8892F;--e-global-typography-primary-font-family:"Cormorant Garamond";--e-global-typography-primary-font-weight:400;--e-global-typography-secondary-font-family:"Cormorant Garamond";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-weight:500;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400&family=Inter:wght@300;400;500;600&display=swap');:root{--pab-paper:#F2EFE7;--pab-paper-deep:#E6E0D4;--pab-graphite:#252422;--pab-charcoal:#11110F;--pab-grey:#6F6B65;--pab-line:#CAC3B7;--pab-line-strong:#B3AB9C;--pab-honey:#B8892F;--pab-white:#FFFEFA;--pab-wall:#E4DFD5;--pab-mount:#FBF9F3;--pab-frame:#2A2724;--pab-display:'Cormorant Garamond',Georgia,serif;--pab-sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif}body{background:var(--pab-paper);color:var(--pab-graphite);font-family:var(--pab-sans);-webkit-font-smoothing:antialiased}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:1;opacity:.3;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.26'/%3E%3C/svg%3E")}h1,h2,h3,h4{font-family:var(--pab-display);font-weight:400;letter-spacing:-.012em;color:var(--pab-graphite)}a{color:inherit}::selection{background:var(--pab-honey);color:var(--pab-white)}.elementor-widget-html,.elementor-widget-text-editor,.elementor-widget-heading{width:100%}.site-header{position:sticky;top:0;z-index:500;background:rgba(242,239,231,.9);-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--pab-line);padding-block:10px}.site-header .site-title,.site-header .site-title a{font-family:var(--pab-display)!important;font-size:1.5rem!important;font-weight:500!important;color:var(--pab-graphite)!important;text-decoration:none}.site-header .site-logo img,.site-header img.custom-logo,.site-header .custom-logo-link img{max-height:clamp(64px,5.4vw,88px)!important;width:auto!important;height:auto!important;display:block}.site-header .site-description{display:none}.site-navigation ul li a{font-family:var(--pab-sans)!important;font-size:.78rem!important;font-weight:500!important;letter-spacing:.13em!important;text-transform:uppercase;color:var(--pab-graphite)!important;text-decoration:none;padding-bottom:3px;border-bottom:1px solid transparent;transition:border-color .3s ease}.site-navigation ul li a:hover,.site-navigation ul li.current-menu-item a{border-bottom-color:var(--pab-honey)}.site-navigation ul li a:focus-visible{outline:2px solid var(--pab-honey);outline-offset:4px}.site-navigation-toggle,.site-navigation-toggle-holder .site-navigation-toggle{color:var(--pab-graphite)!important;background:transparent!important}.site-navigation-dropdown{background:rgba(242,239,231,.98)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.site-navigation-dropdown ul li a{font-family:var(--pab-sans)!important;font-size:.86rem!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--pab-graphite)!important}.site-footer{position:relative;background-color:var(--pab-charcoal);background-image:linear-gradient(rgba(17,17,15,.20),rgba(17,17,15,.50)),url('https://pencilartbybee.co.uk/wp-content/uploads/2026/08/660333f6-f95b-449e-97a1-1bbb381dcf07-768x271.png');background-size:cover;background-position:center bottom;background-repeat:no-repeat;color:#B9B4AC;padding-block:clamp(3.5rem,6vw,5.5rem)}.site-footer .footer-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.15fr 2.2fr;gap:clamp(2rem,5vw,5rem);align-items:start;padding-inline:clamp(1.4rem,4vw,2rem)}.site-footer .site-branding{display:block}.site-footer .site-title,.site-footer .site-title a{font-family:var(--pab-display)!important;font-size:1.7rem!important;font-weight:500!important;color:#FFFEFA!important;text-decoration:none;letter-spacing:.005em;display:inline-block}.site-footer .site-logo img,.site-footer img.custom-logo,.site-footer .custom-logo-link img{max-height:56px!important;width:auto!important;height:auto!important;display:block;filter:invert(1);opacity:.9}.site-footer .site-description{color:#9C958A!important;font-family:var(--pab-sans)!important;font-size:.92rem!important;letter-spacing:0!important;text-transform:none!important;line-height:1.6;margin:1.1rem 0 0;max-width:32ch}.site-footer .site-navigation ul.menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.6rem,3vw,2.6rem);padding:0;margin:0;list-style:none;align-items:start}.site-footer .site-navigation ul.menu>li{display:block;margin:0}.site-footer .site-navigation ul.menu>li>a{font-family:var(--pab-sans)!important;font-size:.66rem!important;font-weight:500!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:#989187!important;display:inline-block;margin-bottom:1.15rem;border-bottom:0!important;padding-bottom:0}.site-footer .site-navigation ul.menu>li>a:hover{color:#C2BDB4!important}.site-footer .site-navigation ul.sub-menu{display:block!important;position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;background:none!important;box-shadow:none!important;border:0!important;padding:0!important;margin:0!important;min-width:0!important;width:auto!important;list-style:none}.site-footer .site-navigation ul.sub-menu li{margin:0 0 .72rem}.site-footer .site-navigation ul.menu li{border:0!important}.site-footer .site-navigation ul.menu li:after,.site-footer .site-navigation ul.menu li:before{content:none!important;display:none!important}.site-footer .site-navigation ul.menu>li>a:after{content:none!important;display:none!important}.site-footer .site-navigation ul.sub-menu li a{font-family:var(--pab-sans)!important;font-size:.94rem!important;font-weight:400!important;letter-spacing:.01em!important;text-transform:none!important;color:#C2BDB4!important;border-bottom:1px solid transparent!important;padding-bottom:2px;transition:color .3s ease,border-color .3s ease}.site-footer .site-navigation ul.sub-menu li a:hover,.site-footer .site-navigation ul.sub-menu li a:focus-visible{color:#FFFEFA!important;border-bottom-color:var(--pab-honey)!important}.site-footer .site-navigation ul li a:focus-visible{outline:2px solid var(--pab-honey);outline-offset:4px}.site-footer .footer-inner .copyright{grid-column:1 / -1!important;display:block!important;justify-content:flex-start!important;text-align:left!important;border-top:1px solid rgba(242,239,231,.12);margin-top:clamp(2rem,4vw,3rem);padding-top:1.5rem}.site-footer .footer-inner .copyright p{margin-left:0!important;font-family:var(--pab-sans);font-size:.82rem;color:#989187;line-height:1.65;max-width:78ch;margin:0}.site-footer a{color:#C2BDB4}.pab-hero{min-height:100svh}.pab-eyebrow .elementor-heading-title{font-family:var(--pab-sans)!important;font-size:.72rem!important;font-weight:500!important;letter-spacing:.2em!important;text-transform:uppercase;color:var(--pab-grey)!important}.pab-eyebrow.pab-invert .elementor-heading-title{color:#A29A8D!important}.pab-display .elementor-heading-title{font-family:var(--pab-display)!important;font-weight:400!important;line-height:1.02!important;letter-spacing:-.012em!important;color:var(--pab-graphite)!important}.pab-h1 .elementor-heading-title{font-size:clamp(3rem, 1.4rem + 6.4vw, 7.5rem)!important;max-width:16ch}.pab-h2 .elementor-heading-title{font-size:clamp(2.1rem, 1.3rem + 2.8vw, 3.9rem)!important}.pab-lede p,.pab-lede{font-size:clamp(1.05rem, 1rem + .35vw, 1.28rem);line-height:1.62;color:var(--pab-grey);max-width:52ch}.pab-body p,.pab-body{font-size:1.0625rem;line-height:1.7;color:var(--pab-grey);max-width:62ch}.pab-body p+p{margin-top:1.1em}.pab-invert .elementor-heading-title{color:var(--pab-white)!important}.pab-invert p,.pab-invert{color:#C2BDB4}.pab-rule{display:block;height:1px;background:var(--pab-line-strong);transform:scaleX(1);transform-origin:left center}.js-pab .pab-rule{transform:scaleX(0);transition:transform 1.3s cubic-bezier(.16,1,.3,1)}.js-pab .pab-rule.is-in{transform:scaleX(1)}.pab-rule--honey{background:var(--pab-honey)}.js-pab .pab-reveal{opacity:0;transform:translateY(16px);transition:opacity .9s ease,transform .9s cubic-bezier(.16,1,.3,1)}.js-pab .pab-reveal.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.js-pab .pab-rule,.js-pab .pab-reveal{transform:none!important;opacity:1!important;transition:none!important}}.pab-stages{width:100%}.pab-num{font-family:var(--pab-display);font-size:1.05rem;color:var(--pab-honey);letter-spacing:.06em}.pab-stage{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:start;padding:2rem 0;border-top:1px solid var(--pab-line)}.pab-stage h3{font-family:var(--pab-display);font-weight:400;font-size:clamp(1.5rem, 1.2rem + 1vw, 2.1rem);line-height:1.15;margin:0 0 .5rem;color:var(--pab-graphite)}.pab-stage p{margin:0;color:var(--pab-grey);font-size:1rem;line-height:1.65;max-width:52ch}.pab-routes{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0;border-top:1px solid var(--pab-line);width:100%}.pab-route{display:flex;flex-direction:column;text-decoration:none;padding:2.5rem 2rem 3rem;border-bottom:1px solid var(--pab-line);border-right:1px solid var(--pab-line);transition:background .45s ease}.pab-route:last-child{border-right:0}.pab-route:hover,.pab-route:focus-visible{background:var(--pab-paper-deep)}.pab-route:focus-visible{outline:2px solid var(--pab-honey);outline-offset:-4px}.pab-route .pab-route-k{font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--pab-honey);display:block;margin-bottom:1.25rem}.pab-route h2,.pab-route h3{font-family:var(--pab-display);font-weight:400;font-size:1.9rem;line-height:1.1;margin:0 0 .6rem;color:var(--pab-graphite)}.pab-route p{margin:0 0 1.5rem;color:var(--pab-grey);font-size:.98rem;line-height:1.6}.pab-route .pab-go{margin-top:auto;align-self:flex-start}.pab-route span.pab-go{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--pab-graphite);border-bottom:1px solid var(--pab-line);padding-bottom:2px;transition:border-color .3s ease}.pab-route:hover span.pab-go{border-color:var(--pab-honey)}.pab-btn{width:auto!important}.pab-btn .elementor-button{font-family:var(--pab-sans)!important;font-size:.82rem!important;font-weight:500!important;letter-spacing:.09em!important;text-transform:uppercase;border-radius:0!important;padding:1.15em 2.4em!important;transition:background .35s ease,color .35s ease,border-color .35s ease}.pab-btn-primary .elementor-button{background:var(--pab-graphite)!important;color:var(--pab-paper)!important;border:1px solid var(--pab-graphite)!important}.pab-btn-primary .elementor-button:hover{background:var(--pab-charcoal)!important;border-color:var(--pab-charcoal)!important}.pab-btn-ghost .elementor-button{background:transparent!important;color:var(--pab-graphite)!important;border:1px solid var(--pab-line-strong)!important}.pab-btn-ghost .elementor-button:hover{border-color:var(--pab-graphite)!important}.pab-btn-light .elementor-button{background:var(--pab-paper)!important;color:var(--pab-charcoal)!important;border:1px solid var(--pab-paper)!important}.pab-btn-light .elementor-button:hover{background:var(--pab-white)!important}.pab-btn .elementor-button:focus-visible{outline:2px solid var(--pab-honey);outline-offset:3px}.pab-form .elementor-field-group{margin-bottom:8px}.pab-form .elementor-field-group>label{font-family:var(--pab-sans)!important;font-size:.7rem!important;font-weight:500!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--pab-grey)!important;margin-bottom:.5rem}.pab-form .elementor-field-group .elementor-field{font-family:var(--pab-sans)!important;font-size:1rem!important;line-height:1.4!important;color:var(--pab-graphite)!important;background:var(--pab-white)!important;border:1px solid var(--pab-line)!important;border-radius:0!important;padding:.85rem 1rem!important;transition:border-color .3s ease,box-shadow .3s ease}.pab-form .elementor-field-group .elementor-field:focus{outline:none!important;border-color:var(--pab-graphite)!important;box-shadow:0 0 0 3px rgba(184,137,47,.18)!important}.pab-form .elementor-field-group .elementor-field::placeholder{color:#A49E95!important}.pab-form textarea.elementor-field{min-height:160px}.pab-form .elementor-field-type-upload .elementor-field{background:var(--pab-paper)!important;border-style:dashed!important;padding:1rem!important;cursor:pointer}.pab-form .elementor-field-type-acceptance .elementor-field-option{display:flex;gap:.6rem;align-items:flex-start}.pab-form .elementor-field-type-acceptance .elementor-field-option label{font-family:var(--pab-sans)!important;font-size:.95rem!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;color:var(--pab-grey)!important;line-height:1.5;margin:0}.pab-form input[type=checkbox]{accent-color:var(--pab-honey);width:17px;height:17px;margin-top:2px;flex:0 0 auto}.pab-form .elementor-mark-required .elementor-field-label:after{color:var(--pab-honey)!important}.pab-form .elementor-message{font-family:var(--pab-sans);font-size:.95rem;line-height:1.55}.pab-legal{width:100%;max-width:72ch}.pab-legal__eyebrow{font-family:var(--pab-sans);font-size:.72rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--pab-grey);margin:0 0 1.1rem}.pab-legal__title{font-family:var(--pab-display);font-weight:400;font-size:clamp(2.1rem,1.3rem + 2.4vw,3.4rem);line-height:1.06;letter-spacing:-.012em;color:var(--pab-graphite);margin:0 0 1.5rem;max-width:22ch}.pab-legal__intro{font-family:var(--pab-sans);font-size:clamp(1.05rem,1rem + .35vw,1.2rem);line-height:1.62;color:var(--pab-grey);margin:0 0 2.8rem;padding-bottom:2rem;border-bottom:1px solid var(--pab-line)}.pab-legal h2{font-family:var(--pab-display);font-weight:400;font-size:clamp(1.45rem,1.2rem + .9vw,1.95rem);line-height:1.18;letter-spacing:-.008em;color:var(--pab-graphite);margin:2.6rem 0 .85rem}.pab-legal h3{font-family:var(--pab-sans);font-size:1rem;font-weight:600;letter-spacing:.01em;color:var(--pab-graphite);margin:1.7rem 0 .5rem}.pab-legal p{font-family:var(--pab-sans);font-size:1.0625rem;line-height:1.72;color:var(--pab-grey);margin:0 0 1.1rem}.pab-legal ul,.pab-legal ol{margin:0 0 1.3rem;padding-left:1.25rem}.pab-legal li{font-family:var(--pab-sans);font-size:1.0625rem;line-height:1.72;color:var(--pab-grey);margin-bottom:.55rem}.pab-legal li::marker{color:var(--pab-honey)}.pab-legal strong{color:var(--pab-graphite);font-weight:600}.pab-legal a{color:var(--pab-graphite);text-decoration:none;border-bottom:1px solid var(--pab-line-strong);transition:border-color .3s ease}.pab-legal a:hover{border-bottom-color:var(--pab-honey)}.pab-legal a:focus-visible{outline:2px solid var(--pab-honey);outline-offset:3px}.pab-tbc{display:block;background:rgba(184,137,47,.10);border-left:3px solid var(--pab-honey);padding:1rem 1.2rem;font-size:.97rem!important;color:var(--pab-graphite)!important;margin:0 0 1.4rem}.pab-legal__note{margin-top:3.2rem;padding-top:1.5rem;border-top:1px solid var(--pab-line);font-size:.9rem!important;color:var(--pab-grey);font-style:italic}.pab-wall{background:var(--pab-wall)}.pab-art{display:flex;align-items:center;justify-content:center;width:100%}.pab-art__frame{position:relative;background:var(--pab-frame);padding:clamp(.45rem,.9vw,.75rem);box-shadow:0 1px 2px rgba(0,0,0,.20),0 20px 38px -14px rgba(0,0,0,.38);max-width:100%;transition:transform .55s cubic-bezier(.16,1,.3,1),box-shadow .55s ease}.pab-art__frame:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.13),inset 0 0 0 2px rgba(0,0,0,.15)}.pab-art__mount{background:var(--pab-mount);padding:clamp(1rem,3vw,2.4rem);box-shadow:inset 0 1px 4px rgba(0,0,0,.10)}.pab-art__img{display:block;width:100%;height:auto}.pab-art--natural{--pab-frame:#A2825A}.pab-art--white{--pab-frame:#EFEBE2}a.pab-art-card:hover .pab-art__frame,a.pab-art-card:focus-visible .pab-art__frame{transform:translateY(-5px);box-shadow:0 1px 2px rgba(0,0,0,.20),0 30px 48px -14px rgba(0,0,0,.42)}a.pab-art-card:focus-visible{outline:2px solid var(--pab-honey);outline-offset:6px}.pab-ph{position:relative;aspect-ratio:var(--pab-ph-ratio,4/5);width:100%;background:var(--pab-paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;text-align:center;padding:1rem;background-image:linear-gradient(to right,transparent calc(50% - .5px),rgba(202,195,183,.75) calc(50% - .5px),rgba(202,195,183,.75) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),rgba(202,195,183,.75) calc(50% - .5px),rgba(202,195,183,.75) calc(50% + .5px),transparent calc(50% + .5px))}.pab-ph:before,.pab-ph:after{content:'';position:absolute;width:15px;height:15px;border:1px solid var(--pab-line)}.pab-ph:before{top:9px;left:9px;border-right:0;border-bottom:0}.pab-ph:after{bottom:9px;right:9px;border-left:0;border-top:0}.pab-ph__label{position:relative;font-family:var(--pab-sans);font-size:.64rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--pab-grey);background:var(--pab-paper);padding:.4rem .75rem}.pab-ph__meta{position:relative;font-family:var(--pab-sans);font-size:.72rem;color:var(--pab-grey);background:var(--pab-paper);padding:0 .5rem;margin:0}.pab-art-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(1.6rem,3vw,3.2rem);width:100%;align-items:start}.pab-art-grid--three{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.pab-art-card{display:block;text-decoration:none}/* Landscape pieces span two columns so rows fill and the wide artwork is not   orphaned beside tall portraits. Ratios stay untouched (spec 16.2). */.pab-art-card--wide{grid-column:auto}.pab-art-card__meta{margin-top:1.15rem;text-align:center}.pab-art-card__title{font-family:var(--pab-display);font-size:1.32rem;font-weight:400;line-height:1.2;color:var(--pab-graphite);margin:0 0 .3rem}.pab-art-card__sub{font-family:var(--pab-sans);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:var(--pab-grey);margin:0}.pab-art-card__sub em{font-style:normal;color:var(--pab-honey)}@media(min-width:1025px){.pab-art-card--wide{grid-column:span 2}}@media(max-width:900px){.site-footer .footer-inner{grid-template-columns:1fr;gap:2.4rem}.site-footer .site-navigation ul.menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}}@media(max-width:767px){.pab-stage{grid-template-columns:1fr;gap:.5rem}.pab-route{border-right:0}.pab-h1 .elementor-heading-title{max-width:none}.site-header{padding-block:8px}.site-header .site-title,.site-header .site-title a{font-size:1.32rem!important}.site-header .site-logo img,.site-header img.custom-logo,.site-header .custom-logo-link img{max-height:56px!important;width:auto!important}.site-footer .site-navigation ul.menu{grid-template-columns:1fr;gap:1.8rem}.pab-art-grid,.pab-art-grid--three{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}}
@media (hover:none) and (pointer:coarse){body:before{display:none!important}.site-header{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:rgba(242,239,231,.97)!important}.site-navigation-dropdown{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#F2EFE7!important}}/* Homepage 'Framed, and on a wall.' room section (Elementor element 6193802). The sofa in the background photo occupies the bottom ~18% of the frame, so the section carries a deep bottom band that keeps the framed cards hanging on the clear wall above it. Below 1025px the section grows far taller than the photo's 2.2 ratio, so background-size:cover crops it to a bare centre slice - swap to the photo's own wall tone instead. Text tokens are re-weighted because --pab-grey and --pab-honey both fail WCAG AA against that wall. */:root{--pab-wall-photo:#BEAE9F;--pab-wall-ink:#463F35}@media(max-width:1024px){.elementor-element-6193802{background-image:none!important;background-color:var(--pab-wall-photo)!important}}body .elementor-element-6193802 .elementor-element-a1cfc1c,body .elementor-element-6193802 .elementor-element-a1cfc1c .elementor-heading-title,body .elementor-element-6193802 .elementor-element-a1cfc1c *,.elementor-element-6193802 .pab-art-card__sub,.elementor-element-6193802 .pab-art-card__sub em{color:var(--pab-wall-ink)!important}/* Shop, single product and Studio Journal are theme-rendered, not Elementor pages, so they inherited Hello's bare .site-main: 8px between the header and the page title, no bottom padding at all into the footer, and only a 10px side gutter on mobile. Give them the same rhythm the Elementor interior pages use (150/130 -> 108/92 -> 80/68). Scoped away from .elementor-page and from SureCart's own blank/dashboard templates, which own their layout. */body:not(.elementor-page):not([class*='template-surecart']) .site-main{padding:150px 28px 130px;max-width:1196px}@media(max-width:1024px){body:not(.elementor-page):not([class*='template-surecart']) .site-main{padding:108px 34px 92px;max-width:none}}@media(max-width:767px){body:not(.elementor-page):not([class*='template-surecart']) .site-main{padding:80px 30px 68px}}/* Hello caps .entry-title at 500/600/800/1140px by breakpoint and centres it, so the page title sat 150px in at tablet while the copy below started at 34px, and it adds a 10px inline pad under 575px. Let the title inherit the content column instead. */body:not(.elementor-page):not([class*='template-surecart']) .page-header .entry-title{max-width:none;padding-inline:0}/* Studio Journal index (page 22) - Elementor Posts widget, classic skin, class .pab-journal. Editorial list rather than boxed cards: hairline above each entry, display face for the title, date as a small-caps eyebrow, and the same underline-to-honey affordance as .pab-go. */.pab-journal{width:100%;margin-top:2.8rem}.pab-journal .elementor-grid{--grid-column-gap:2.6rem;--grid-row-gap:3.4rem}.pab-journal article.elementor-post{display:flex;flex-direction:column;padding:1.5rem 0 0;border-top:1px solid var(--pab-line);background:none}.pab-journal .elementor-post__text{display:flex;flex-direction:column;flex:1 1 auto;padding:0}.pab-journal .elementor-post__thumbnail__link{display:block;margin:0 0 1.35rem;order:-1}.pab-journal .elementor-post__thumbnail{border:1px solid var(--pab-line);background:var(--pab-mount);padding:0;border-radius:0;aspect-ratio:4/3;overflow:hidden;display:block}.pab-journal .elementor-post__thumbnail img{display:block;width:100%;height:100%;object-fit:cover}body .pab-journal .elementor-post__meta-data{font-family:var(--pab-sans);font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--pab-grey);margin:0 0 .85rem;padding:0;border:0}body .pab-journal .elementor-post__title,body .pab-journal .elementor-post__title a{font-family:var(--pab-display);font-weight:400;font-size:clamp(1.32rem, 1.15rem + .5vw, 1.62rem);line-height:1.16;letter-spacing:-.01em}body .pab-journal .elementor-post__title{margin:0 0 .7rem}body .pab-journal .elementor-post__title a{color:var(--pab-graphite);text-decoration:none;transition:color .35s ease}body .pab-journal article.elementor-post:hover .elementor-post__title a{color:var(--pab-honey)}.pab-journal .elementor-post__excerpt{margin:0 0 1.35rem}body .pab-journal .elementor-post__excerpt p{font-family:var(--pab-sans);font-size:1rem;line-height:1.68;color:var(--pab-grey);margin:0}body .pab-journal a.elementor-post__read-more{font-family:var(--pab-sans);font-size:.78rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--pab-graphite);text-decoration:none;align-self:flex-start;margin-top:auto;padding-bottom:2px;border-bottom:1px solid var(--pab-line);transition:border-color .35s ease}body .pab-journal article.elementor-post:hover a.elementor-post__read-more{border-bottom-color:var(--pab-honey)}.pab-journal .elementor-pagination{margin-top:3.6rem;padding-top:1.6rem;border-top:1px solid var(--pab-line);font-family:var(--pab-sans);font-size:.82rem;letter-spacing:.06em;width:100%}.pab-journal .elementor-pagination .page-numbers{color:var(--pab-grey);text-decoration:none;padding:.3rem .55rem;border-bottom:1px solid transparent;transition:color .3s ease,border-color .3s ease}.pab-journal .elementor-pagination .page-numbers.current{color:var(--pab-graphite);border-bottom-color:var(--pab-honey)}.pab-journal .elementor-pagination a.page-numbers:hover{color:var(--pab-graphite);border-bottom-color:var(--pab-line-strong)}.pab-journal .elementor-posts-nothing-found{font-family:var(--pab-sans);font-size:1.05rem;line-height:1.62;color:var(--pab-grey);padding:2.2rem 0 0;border-top:1px solid var(--pab-line);width:100%}/* Single journal entry. Hello renders a bare .page-header + .page-content, so the article typography is set here to match the legal pages' long-form measure. Hello outputs no date and no featured image on single posts, so entries should open with an image in the body. */body.single-post .entry-title{font-family:var(--pab-display);font-weight:400;font-size:clamp(2.1rem, 1.3rem + 2.4vw, 3.4rem);line-height:1.06;letter-spacing:-.012em;color:var(--pab-graphite);margin:0 0 1.8rem;max-width:22ch}body.single-post .page-content{max-width:72ch}body.single-post .page-content p{font-family:var(--pab-sans);font-size:1.0625rem;line-height:1.72;color:var(--pab-grey);margin:0 0 1.1rem}body.single-post .page-content h2{font-family:var(--pab-display);font-weight:400;font-size:clamp(1.45rem, 1.2rem + .9vw, 1.95rem);line-height:1.18;letter-spacing:-.008em;color:var(--pab-graphite);margin:2.6rem 0 .85rem}body.single-post .page-content h3{font-family:var(--pab-sans);font-size:1rem;font-weight:600;color:var(--pab-graphite);margin:1.7rem 0 .5rem}body.single-post .page-content ul,body.single-post .page-content ol{margin:0 0 1.3rem;padding-left:1.25rem}body.single-post .page-content li{font-family:var(--pab-sans);font-size:1.0625rem;line-height:1.72;color:var(--pab-grey);margin-bottom:.55rem}body.single-post .page-content li::marker{color:var(--pab-honey)}body.single-post .page-content strong{color:var(--pab-graphite);font-weight:600}body.single-post .page-content a{color:var(--pab-graphite);text-decoration:none;border-bottom:1px solid var(--pab-line-strong);transition:border-color .3s ease}body.single-post .page-content a:hover{border-bottom-color:var(--pab-honey)}body.single-post .page-content img{display:block;max-width:100%;height:auto;margin:2.2rem 0;border:1px solid var(--pab-line);background:var(--pab-mount)}body.single-post .page-content figure{margin:2.2rem 0}body.single-post .page-content figure img{margin:0}body.single-post .page-content figcaption{font-family:var(--pab-sans);font-size:.78rem;letter-spacing:.06em;color:var(--pab-grey);margin-top:.6rem}body.single-post .page-content blockquote{margin:2.2rem 0;padding-left:1.4rem;border-left:2px solid var(--pab-honey);font-family:var(--pab-display);font-size:1.4rem;line-height:1.38;color:var(--pab-graphite)}/* Closing call to action (.pab-cta). Every page used to end on a flat cream band with a rule, a heading and two small buttons, with half the width empty. This hangs real work on the wall tone sampled from the room photo, so the last thing on the page is the art. --pab-honey fails AA on that wall (1.46:1) so it is used only for the decorative rule; copy uses --pab-wall-ink (4.82:1) and --pab-graphite (7.2:1). */.pab-cta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(2.5rem, 5vw, 5.5rem);align-items:center;width:100%}.pab-cta__copy{display:flex;flex-direction:column;align-items:flex-start}.pab-cta__rule{display:block;width:120px;height:2px;background:var(--pab-honey);margin:0 0 1.7rem}.pab-cta__eyebrow{font-family:var(--pab-sans);font-size:.72rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--pab-wall-ink);margin:0 0 1rem}.pab-cta__title{font-family:var(--pab-display);font-weight:400;font-size:clamp(2.6rem, 1.5rem + 3.4vw, 4.6rem);line-height:1.02;letter-spacing:-.016em;color:var(--pab-graphite);margin:0 0 1.25rem;max-width:14ch}.pab-cta__lede{font-family:var(--pab-sans);font-size:clamp(1rem, .95rem + .3vw, 1.14rem);line-height:1.62;color:var(--pab-wall-ink);margin:0 0 2.3rem;max-width:42ch}.pab-cta__actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.7rem}.pab-cta__btn{font-family:var(--pab-sans);font-size:.8rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--pab-paper);background:var(--pab-graphite);border:1px solid var(--pab-graphite);text-decoration:none;padding:1.05rem 2.1rem;transition:background .4s ease,color .4s ease,transform .4s ease}.pab-cta__btn:hover,.pab-cta__btn:focus-visible{background:transparent;color:var(--pab-graphite);transform:translateY(-2px)}.pab-cta__link{font-family:var(--pab-sans);font-size:.8rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--pab-graphite);text-decoration:none;padding-bottom:3px;border-bottom:1px solid rgba(37,36,34,.35);transition:border-color .4s ease}.pab-cta__link:hover,.pab-cta__link:focus-visible{border-bottom-color:var(--pab-graphite)}.pab-cta__wall{display:flex;align-items:flex-end;justify-content:center;width:100%}.pab-cta__piece{--y:0px;flex:0 0 auto;position:relative;transform:translateY(var(--y));transition:transform .6s cubic-bezier(.16,1,.3,1)}.pab-cta__piece--a{--y:-30px;width:32%;z-index:1}.pab-cta__piece--b{--y:0px;width:43%;z-index:3;margin-inline:-3.5%}.pab-cta__piece--c{--y:20px;width:30%;z-index:2}.pab-cta__piece:hover{transform:translateY(calc(var(--y) - 12px))}.pab-cta .pab-art__mount{padding:clamp(.5rem, 1.1vw, 1.15rem)}.pab-cta .pab-art__frame{padding:clamp(.3rem, .55vw, .5rem)}@media(max-width:1024px){.pab-cta{grid-template-columns:1fr;gap:3.2rem}.pab-cta__title{max-width:20ch}.pab-cta__lede{max-width:56ch}.pab-cta__piece--a{width:31%}.pab-cta__piece--b{width:40%}.pab-cta__piece--c{width:29%}}@media(max-width:560px){.pab-cta__piece--c{display:none}.pab-cta__piece--a{--y:-18px;width:44%}.pab-cta__piece--b{width:52%;margin-inline:-4%}.pab-cta__actions{gap:1.3rem}.pab-cta__btn{padding:.95rem 1.7rem}}@media(prefers-reduced-motion:reduce){.pab-cta__piece,.pab-cta__btn{transition:none}.pab-cta__piece:hover{transform:translateY(var(--y))}}/* Homepage opening statement (.pab-statement). Was an eyebrow, a heading and two paragraphs hugging the left edge with half the width empty. Now an editorial opener: one large framed piece on the left, the statement set against it on the right with a label rail, an italic accent and the body split into two columns. Mirrored against .pab-cta (art right, copy left) so the two ends of the page rhyme instead of repeating. */.pab-statement{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(2.5rem, 5vw, 5.5rem);align-items:center;width:100%}.pab-statement__art{position:relative}.pab-statement__art .pab-art__frame{transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s ease}.pab-statement__art:hover .pab-art__frame{transform:translateY(-8px)}.pab-statement__copy{display:flex;flex-direction:column;align-items:flex-start}.pab-statement__label{display:flex;align-items:center;gap:.9rem;margin:0 0 1.5rem}.pab-statement__rule{display:block;width:56px;height:1px;background:var(--pab-honey)}.pab-statement__eyebrow{font-family:var(--pab-sans);font-size:.72rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--pab-grey);margin:0}.pab-statement__title{font-family:var(--pab-display);font-weight:400;font-size:clamp(2.4rem, 1.3rem + 3.6vw, 4.4rem);line-height:1.03;letter-spacing:-.018em;color:var(--pab-graphite);margin:0 0 2rem;max-width:15ch}.pab-statement__title em{font-style:italic;color:var(--pab-graphite)}.pab-statement__cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.6rem, 2.6vw, 2.8rem);padding-top:1.9rem;border-top:1px solid var(--pab-line)}.pab-statement__cols p{font-family:var(--pab-sans);font-size:1rem;line-height:1.72;color:var(--pab-grey);margin:0}.pab-statement__cols p.pab-statement__lead{font-size:clamp(1.08rem, 1rem + .35vw, 1.22rem);line-height:1.62;color:var(--pab-graphite)}@media(max-width:1024px){.pab-statement{grid-template-columns:1fr;gap:2.8rem}.pab-statement__art{order:2;max-width:440px;align-self:center;width:100%}.pab-statement__copy{order:1}.pab-statement__title{max-width:20ch}}@media(max-width:700px){.pab-statement__cols{grid-template-columns:1fr;gap:1.2rem}}@media(prefers-reduced-motion:reduce){.pab-statement__art .pab-art__frame{transition:none}.pab-statement__art:hover .pab-art__frame{transform:none}}/* About page variant: the client's biography copy carries no heading, so paragraph one is promoted to a display lead rather than inventing a headline for it. */.pab-statement__display{font-family:var(--pab-display);font-weight:400;font-size:clamp(1.7rem, 1.05rem + 2.1vw, 2.9rem);line-height:1.16;letter-spacing:-.012em;color:var(--pab-graphite);margin:0 0 2.1rem;max-width:26ch}.pab-statement--lead .pab-statement__cols{padding-top:1.9rem;border-top:1px solid var(--pab-line)}/* End custom CSS */