/*
Theme Name: Henry El Publicista
Description: La propuesta 04 aprobada: una landing editable con Graphik, servicios y portafolio externo en Behance.
Version: 2.0.0
Author: Henry El Publicista
Requires at least: 6.8
Requires PHP: 8.0
Text Domain: henry-el-publicista
*/
@font-face{font-family:Graphik;src:url('assets/Graphik-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Graphik;src:url('assets/Graphik-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Graphik;src:url('assets/Graphik-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Graphik;src:url('assets/Graphik-Black.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}
:root{--blue:#033ff3;--orange:#ff6a00;--ink:#10182b;--paper:#ffffff;--font:Graphik,Arial,sans-serif;--gutter:56px;--line:color-mix(in srgb,currentColor 22%,transparent)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--font);font-synthesis:none;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;border:0;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:5px}img{display:block;max-width:100%;height:auto}::selection{background:var(--orange);color:var(--ink)}.shell{width:calc(100% - var(--gutter)*2);max-width:1440px;margin-inline:auto}.skip{position:fixed;top:-120px;left:20px;z-index:100;background:var(--paper);color:var(--ink);padding:12px}.skip:focus{top:16px}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.11em;font-size:10px;line-height:1.5;font-weight:500}h1,h2,h3,p{margin-top:0}h2,h3{font-weight:700;letter-spacing:-.055em;line-height:1.02;margin-bottom:0}.arrow{font-family:Arial,sans-serif;font-size:24px;font-weight:400;line-height:1}.action{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;min-height:59px;padding:17px 24px;font-size:13px;line-height:1.4;font-weight:500;transition:background .2s,transform .2s;color:var(--paper)}.action:hover{transform:translateY(-3px)}.action-light{background:var(--paper);color:var(--blue)}.action-light:hover{background:var(--orange);color:var(--ink)}.action-dark{background:var(--ink)}.action-dark:hover{background:var(--blue)}.action-blue{background:var(--blue)}.action-blue:hover{background:var(--ink)}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid currentColor;padding:12px 0;font-size:13px;font-weight:500;line-height:1.4}.text-link .arrow{transition:transform .2s}.text-link:hover .arrow{transform:translate(3px,-3px)}
/* The approved poster, set in the supplied Graphik rather than stretched type. */
.hero{background:var(--blue);color:var(--paper);overflow:hidden}.header{min-height:128px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:32px}.brand{display:block;width:145px;flex-shrink:0}.main-nav{display:flex;gap:36px;margin-left:auto;font-size:14px}.main-nav a{padding:12px 0}.main-nav a:hover{text-decoration:underline;text-underline-offset:7px}.header-note{margin-left:80px;font-size:11px;line-height:1.55}.hero-content{padding-top:30px}.hero-eyebrow{display:flex;justify-content:space-between;gap:20px}.hero-eyebrow > :last-child{text-align:right}.poster{position:relative;margin-top:44px;--headline:clamp(100px,17.35vw,268px)}.hero h1{margin:0;font-size:var(--headline);line-height:.86;letter-spacing:-.045em;text-transform:uppercase;font-weight:900;word-spacing:.025em}.line{display:block;position:relative;z-index:1;width:max-content}.line-first{font-size:.89em;margin-bottom:.12em}.line-second{margin-bottom:.12em}.line-third{font-size:.86em;line-height:1.04}.headline-highlight{display:inline-block;background:var(--orange);color:var(--ink);padding:0 .085em .055em .035em;letter-spacing:-.045em}.eye-art{position:absolute;top:8px;right:1%;width:19%;max-width:252px}.eye{display:block;width:100%;overflow:visible}.iris{transition:transform .14s ease-out}.hero-aside{position:absolute;bottom:12px;right:0;margin:0;font-size:12px;line-height:1.75;max-width:230px}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:60px;margin-top:37px;padding-top:26px;border-top:1px solid var(--line)}.hero-description{max-width:405px;font-size:16px;line-height:1.65;letter-spacing:-.025em;margin:0}.hero-actions{display:flex;align-items:center;gap:30px}.hero-actions .action{white-space:nowrap}.scroll-cue{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding-bottom:21px;text-transform:uppercase;font-size:9px;letter-spacing:.08em}.scroll-cue span:last-child{font-size:26px;line-height:1}.ticker{background:var(--orange);color:var(--ink);overflow:hidden;padding:17px 0}.ticker-track{display:flex;width:max-content;align-items:center;gap:32px}.ticker span{font-size:20px;font-weight:500;letter-spacing:-.035em;line-height:1.25}.ticker i{font-size:26px;font-style:normal;line-height:1}
/* A continuous, readable sequence: each service has its own full composition. */
.services-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:80px;padding-block:105px 78px}.section-kicker{color:var(--blue);margin-bottom:27px}.services-intro h2{font-size:clamp(47px,5.9vw,84px);letter-spacing:-.045em;line-height:1.03}.services-intro h2 span{color:var(--blue)}.intro-copy{max-width:340px;margin:0 0 7px;font-size:16px;line-height:1.7}.service-nav{position:sticky;top:0;z-index:10;background:var(--paper);border-top:1px solid color-mix(in srgb,var(--ink) 20%,transparent);border-bottom:1px solid color-mix(in srgb,var(--ink) 20%,transparent)}.service-nav-inner{display:grid;grid-template-columns:1fr 1.4fr 1fr}.service-nav a{position:relative;display:flex;align-items:center;gap:16px;min-height:68px;font-size:12px;font-weight:500;line-height:1.4;padding:13px 24px}.service-nav a:first-child{padding-left:0}.service-nav a:last-child{padding-right:0}.service-nav a+a{border-left:1px solid color-mix(in srgb,var(--ink) 20%,transparent)}.service-nav a span:first-child{font-size:10px;font-weight:400}.service-nav a span:last-child{margin-left:auto;font-size:20px;font-weight:400}.service-nav a:after{content:'';position:absolute;height:3px;background:var(--blue);bottom:0;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .3s}.service-nav a[aria-current=true]:after,.service-nav a:hover:after{transform:scaleX(1)}.service-nav a[aria-current=true]{color:var(--blue)}.chapter{padding:80px 0 95px;scroll-margin-top:0;overflow:clip}.chapter-heading{display:flex;align-items:flex-start;gap:28px;position:relative;padding-bottom:43px;margin-bottom:42px;border-bottom:1px solid var(--line)}.chapter-number{font-size:13px;line-height:1.5;letter-spacing:.06em;min-width:35px;padding-top:14px}.chapter-heading h3{font-size:clamp(72px,10.5vw,155px);letter-spacing:-.045em;line-height:.94;font-weight:700}.chapter-mark{font-family:Arial,sans-serif;font-size:110px;line-height:1;margin-left:auto;align-self:center;font-weight:400}.chapter-grid{display:grid;align-items:center;gap:70px}.branding-grid{grid-template-columns:.78fr 1.22fr}.chapter-claim{font-weight:500;font-size:clamp(28px,3vw,44px);letter-spacing:-.05em;line-height:1.18;margin:0 0 26px}.chapter-claim span{color:var(--blue)}.chapter-description{font-size:15px;line-height:1.8;max-width:365px;margin-bottom:28px}.deliverables{margin:0;padding:0;list-style:none;max-width:410px;border-top:1px solid var(--line)}.deliverables li{display:flex;gap:17px;align-items:baseline;font-size:12px;line-height:1.6;padding:15px 0;border-bottom:1px solid var(--line)}.deliverables li span{font-size:9px;opacity:.85;font-weight:500}.chapter-next{margin-top:26px;min-width:163px;font-size:11px}.chapter-next .arrow{font-size:21px}.graphic-stage{position:relative;overflow:hidden}.art-topline,.art-bottomline{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;text-transform:uppercase;letter-spacing:.08em;line-height:1.5}.branding-art{background:var(--blue);color:var(--paper);min-height:560px;padding:28px 32px}.brand-composition{position:relative;padding-block:38px 42px}.brand-words{font-size:clamp(68px,7.5vw,113px);font-weight:900;letter-spacing:-.045em;line-height:.92;position:relative;z-index:1}.brand-words span{color:var(--orange)}.brand-bars{position:absolute;right:0;bottom:51px;display:grid;gap:10px;width:26%;height:154px;transform:translateX(var(--brand-shift,0px));transition:transform .5s ease-out}.brand-bars i{display:block;background:var(--orange)}.brand-bars i:nth-child(odd){border-radius:0 80px 80px 0}.brand-bars i:nth-child(even){border-radius:80px 0 0 80px}.identity-strip{display:flex;justify-content:space-between;align-items:center;gap:25px;border-top:1px solid var(--line);padding-top:18px}.identity-strip>span:first-child{font-size:43px;line-height:1;font-weight:700;letter-spacing:-.045em}.identity-strip>span:last-child{font-size:10px;line-height:1.5}.identity-colors{display:flex;gap:7px;margin-right:auto}.identity-colors i{width:24px;height:24px;background:var(--orange)}.identity-colors i:nth-child(2){background:var(--paper)}.identity-colors i:nth-child(3){background:var(--ink)}
.chapter-advertising{background:var(--orange);color:var(--ink);padding-top:82px}.chapter-advertising .chapter-heading h3{font-size:clamp(60px,7.7vw,117px);letter-spacing:-.045em;line-height:1.02}.chapter-advertising .chapter-heading h3 span{font-size:.88em}.chapter-mark-arrow{font-size:130px;align-self:flex-start;margin-top:4px}.advertising-grid{grid-template-columns:1.2fr .8fr;gap:75px}.advertising-copy{padding-top:14px}.chapter-advertising .chapter-claim span{color:var(--ink)}.advertising-art{min-height:606px;overflow:visible}.print-poster{position:absolute;top:8px;left:0;width:66%;height:528px;padding:25px;background:var(--paper);color:var(--ink);border:1px solid var(--ink)}.print-title{font-size:clamp(48px,5.8vw,88px);font-weight:900;letter-spacing:-.045em;line-height:.94;margin-top:36px}.print-title span{color:var(--blue)}.poster-arrow{position:absolute;bottom:57px;left:25px;width:43%;color:var(--blue)}.poster-arrow svg{display:block;width:100%}.poster-note{position:absolute;bottom:22px;left:25px;font-size:10px}.screen-poster{position:absolute;top:133px;right:0;width:49%;min-height:393px;padding:20px;background:var(--blue);color:var(--paper);box-shadow:-9px 9px 0 var(--orange);transform:translateY(var(--screen-shift,0px));transition:transform .5s ease-out}.screen-topline{display:flex;align-items:center;justify-content:space-between;font-size:8px;text-transform:uppercase;letter-spacing:.08em;line-height:1.4}.screen-topline i{display:block;background:var(--paper);border-radius:50%;width:5px;height:5px}.screen-title{font-size:clamp(19px,2.65vw,39px);line-height:1.03;font-weight:700;letter-spacing:-.045em;margin-top:26px}.screen-title span{color:var(--orange)}.screen-eye{display:block;width:75%;margin:30px auto 28px}.screen-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid var(--line);padding-top:14px;font-size:8px;line-height:1.5}.screen-bottom>span:last-child{font-family:Arial,sans-serif;font-size:29px}.formats-caption{position:absolute;bottom:7px;left:0;font-size:11px;letter-spacing:-.015em}
.chapter-design{background:var(--ink);color:var(--paper);padding-top:78px;padding-bottom:98px}.chapter-design .chapter-heading{align-items:center}.chapter-design .chapter-heading h3{font-size:clamp(77px,9.1vw,139px);line-height:.93}.chapter-design .chapter-number{align-self:flex-start}.design-heading-note{margin-left:auto;font-size:clamp(24px,3.3vw,50px);font-weight:500;line-height:1.1;letter-spacing:-.045em;color:var(--orange);padding-right:5%}.design-grid{grid-template-columns:.78fr 1.22fr}.chapter-design .chapter-claim span{color:var(--orange)}.chapter-design .chapter-description{color:var(--paper)}.design-art{background:var(--paper);color:var(--blue);padding:25px 30px 23px;min-height:495px}.type-study{height:305px;position:relative;display:flex;align-items:center;justify-content:center;margin-top:14px}.type-study>span{font-size:clamp(130px,17.5vw,270px);font-weight:700;line-height:1;letter-spacing:-.085em;z-index:1}.type-study>span>span{color:var(--orange)}.type-guideline{position:absolute;height:1px;background:color-mix(in srgb,var(--blue) 25%,transparent);width:100%}.guide-top{top:47px}.guide-bottom{bottom:44px}.type-cross{position:absolute;font-family:Arial,sans-serif;font-size:19px;font-style:normal;line-height:1;font-weight:400}.cross-left{top:38px;left:0}.cross-right{bottom:35px;right:0}.composition-blocks{display:grid;grid-template-columns:repeat(4,1fr);height:90px;border-top:1px solid color-mix(in srgb,var(--blue) 25%,transparent);border-bottom:1px solid color-mix(in srgb,var(--blue) 25%,transparent)}.composition-blocks>div{position:relative;display:flex;align-items:center;justify-content:center}.composition-blocks>div+div{border-left:1px solid color-mix(in srgb,var(--blue) 25%,transparent)}.block-square:before{content:'';display:block;width:53px;height:53px;background:var(--blue)}.block-circle:before{content:'';display:block;width:53px;height:53px;background:var(--orange);border-radius:50%;transform:translateX(var(--circle-shift,0px));transition:transform .5s ease-out}.block-type{font-size:30px;font-weight:700;letter-spacing:-.045em;line-height:.9}.block-lines:before{content:'';display:block;width:53px;height:53px;background:repeating-linear-gradient(90deg,var(--blue) 0 5px,transparent 5px 10px)}.art-bottomline{margin-top:18px;font-size:8px}
.portfolio-invitation{padding-block:85px 94px}.portfolio-invitation .eyebrow{color:var(--blue);margin-bottom:35px}.portfolio-content{display:flex;align-items:flex-end;gap:75px;justify-content:space-between}.portfolio-content h2{font-size:clamp(40px,4.9vw,74px);letter-spacing:-.045em;line-height:1.06}.portfolio-content h2 span{color:var(--blue)}.portfolio-copy{max-width:330px}.portfolio-copy p{font-size:14px;line-height:1.8;margin-bottom:23px}.portfolio-copy .action{width:100%}
.contact{background:var(--orange);color:var(--ink);padding:42px 0 30px}.contact-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:24px;gap:35px}.contact-location{font-size:10px}.contact-main{display:flex;justify-content:space-between;align-items:flex-end;gap:80px;margin-block:55px 68px}.contact-main h2{font-size:clamp(43px,6vw,88px);letter-spacing:-.045em;line-height:1.02}.contact-copy{max-width:315px}.contact-copy p{font-size:15px;line-height:1.7;margin-bottom:22px}.contact-copy .action{width:100%}.footer-bottom{display:flex;align-items:center;gap:38px;border-top:1px solid var(--line);padding-top:28px}.footer-brand{width:114px}.social-nav{display:flex;align-items:center;gap:29px;margin-left:auto}.social-nav a{background:transparent;padding:13px 0;color:var(--ink);font-size:11px}.social-nav a:hover{text-decoration:underline;text-underline-offset:5px}.social-nav span{font-family:Arial,sans-serif;margin-left:5px;font-size:15px}.back-top{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--ink);border-radius:50%;font:24px/1 Arial,sans-serif;flex-shrink:0}.back-top:hover{background:var(--paper)}
/* Motion affects illustration details only; reading never depends on animation. */
@media(hover:hover) and (prefers-reduced-motion:no-preference){.branding-art:hover{--brand-shift:-12px}.advertising-art:hover{--screen-shift:-12px}.design-art:hover{--circle-shift:7px}}
@media(min-width:1600px){.poster{margin-top:52px}.hero-aside{font-size:14px}.hero-description{font-size:18px;max-width:440px}.branding-art{min-height:609px}.brand-composition{padding-block:48px}.print-poster{height:549px}.screen-poster{min-height:421px}.advertising-art{min-height:630px}.type-study{height:335px}}
@media(max-width:1150px){:root{--gutter:36px}.header{min-height:110px}.brand{width:128px}.header-note{margin-left:40px}.poster{--headline:17.1vw}.hero-aside{font-size:10px;max-width:178px;bottom:8px}.hero-bottom{gap:30px}.hero-description{font-size:14px;max-width:330px}.hero-actions{gap:22px}.action{padding-inline:19px;font-size:11px;gap:20px;min-height:56px}.text-link{font-size:11px}.chapter-grid{gap:40px}.branding-grid,.design-grid{grid-template-columns:.9fr 1.1fr}.chapter-claim{font-size:31px}.chapter-description{font-size:14px}.deliverables li{font-size:11px;gap:12px}.branding-art{min-height:466px;padding:24px}.brand-composition{padding-block:36px}.brand-words{font-size:7.5vw}.brand-bars{height:118px;bottom:46px}.identity-strip{gap:16px}.identity-strip>span:first-child{font-size:36px}.identity-colors{gap:5px}.identity-colors i{width:19px;height:19px}.identity-strip>span:last-child{font-size:8px}.advertising-grid{grid-template-columns:1.1fr .9fr}.advertising-art{min-height:540px}.print-poster{height:451px;padding:20px;width:69%}.print-title{font-size:6.5vw}.poster-arrow{left:20px;bottom:54px}.poster-note{left:20px;font-size:8px}.screen-poster{top:126px;width:53%;min-height:328px;padding:16px}.screen-title{font-size:2.7vw;margin-top:24px}.screen-eye{margin-block:27px;width:83%}.screen-bottom{font-size:7px}.formats-caption{bottom:19px;font-size:10px}.design-art{min-height:426px;padding-inline:22px}.type-study{height:260px}.type-study>span{font-size:18vw}.guide-top{top:47px}.guide-bottom{bottom:37px}.cross-right{bottom:28px}.composition-blocks{height:73px}.block-square:before,.block-circle:before,.block-lines:before{width:43px;height:43px}.block-type{font-size:26px}.portfolio-copy{max-width:290px}.portfolio-content{gap:40px}.contact-main{gap:40px}.contact-main h2{font-size:5.5vw}.contact-copy{max-width:275px}.social-nav{gap:22px}}
@media(max-width:820px){:root{--gutter:24px}html{scroll-padding-top:79px}.header{min-height:100px}.brand{width:119px}.header-note{display:none}.main-nav{font-size:12px;gap:26px}.hero-eyebrow{font-size:9px}.hero-eyebrow > :last-child{max-width:165px}.poster{margin-top:37px;--headline:17.1vw}.eye-art{top:3px;width:19%}.hero-aside{display:none}.line-third{font-size:.98em}.hero-bottom{margin-top:29px;align-items:flex-start}.hero-description{max-width:330px}.hero-actions{flex-direction:column;align-items:stretch;gap:5px}.hero-actions .text-link{align-self:flex-start;padding:10px 0}.services-intro{padding-block:75px 53px;gap:35px}.services-intro h2{font-size:6.2vw}.section-kicker{font-size:9px;margin-bottom:21px}.intro-copy{font-size:13px;max-width:255px}.service-nav a{padding-inline:13px;gap:10px;font-size:10px;min-height:65px}.service-nav a span:first-child{font-size:8px}.chapter{padding-block:57px 66px}.chapter-heading{gap:18px;margin-bottom:34px;padding-bottom:30px}.chapter-number{min-width:22px;font-size:11px;padding-top:7px}.chapter-heading h3{font-size:10.8vw}.chapter-mark{font-size:82px}.chapter-grid{gap:31px}.chapter-claim{font-size:3.8vw;margin-bottom:23px}.chapter-description{font-size:12px;line-height:1.8;margin-bottom:24px}.deliverables li{font-size:10px;padding-block:12px;gap:10px}.deliverables li span{font-size:8px}.chapter-next{margin-top:20px;font-size:10px}.branding-art{min-height:384px;padding:20px}.art-topline{font-size:7px;gap:10px}.brand-composition{padding-block:32px}.brand-words{font-size:7.6vw}.brand-bars{height:89px;bottom:35px;gap:7px}.identity-strip{padding-top:14px;gap:12px;flex-wrap:wrap}.identity-strip>span:first-child{font-size:32px}.identity-strip>span:last-child{font-size:7px;max-width:85px}.identity-colors i{width:15px;height:15px}.chapter-advertising .chapter-heading h3{font-size:8.4vw}.chapter-mark-arrow{font-size:94px}.advertising-grid{gap:34px;grid-template-columns:1.05fr .95fr}.advertising-art{min-height:444px}.print-poster{height:367px;padding:17px;top:0;width:72%}.print-title{font-size:6.7vw;margin-top:28px}.poster-arrow{left:17px;bottom:49px}.poster-note{font-size:7px;left:17px}.screen-poster{top:113px;min-height:265px;padding:13px;width:56%}.screen-topline{font-size:7px}.screen-title{font-size:2.8vw;margin-top:19px}.screen-eye{margin-block:24px}.screen-bottom{font-size:6px;padding-top:10px}.formats-caption{font-size:8px;bottom:8px}.chapter-design .chapter-heading h3{font-size:10.5vw}.design-heading-note{font-size:3.8vw}.design-art{padding:18px;min-height:348px}.type-study{height:198px;margin-top:12px}.type-study>span{font-size:18vw}.guide-top{top:37px}.cross-left{top:28px}.guide-bottom{bottom:23px}.cross-right{bottom:14px}.composition-blocks{height:60px}.block-square:before,.block-circle:before,.block-lines:before{width:34px;height:34px}.block-type{font-size:21px}.art-bottomline{font-size:7px;margin-top:15px}.portfolio-invitation{padding-block:59px 64px}.portfolio-content h2{font-size:5.15vw}.portfolio-copy{max-width:253px}.portfolio-copy p{font-size:12px}.contact-main{margin-block:40px 45px;gap:35px}.contact-main h2{font-size:5.5vw}.contact-copy{max-width:260px}.contact-copy p{font-size:13px}.contact-top .eyebrow,.contact-location{font-size:9px}.footer-bottom{gap:23px}.footer-brand{width:103px}.social-nav{gap:14px}.social-nav a{font-size:10px}.back-top{width:38px;height:38px}}
@media(max-width:600px){:root{--gutter:20px}html{scroll-padding-top:72px}.header{min-height:99px;gap:20px}.brand{width:115px}.main-nav{font-size:11px;gap:23px}.hero-content{padding-top:24px}.hero-eyebrow{font-size:8px;letter-spacing:.065em}.hero-eyebrow > :last-child{max-width:141px}.poster{margin-top:34px;--headline:17.1vw}.line-first{margin-bottom:.15em}.line-second{margin-bottom:.15em}.line-third{font-size:.98em}.eye-art{top:0;width:19.5%}.hero-bottom{display:block;margin-top:29px;padding-top:24px}.hero-description{font-size:14px;line-height:1.75;max-width:345px}.hero-actions{flex-direction:row;align-items:center;justify-content:space-between;gap:16px;margin-top:23px}.hero-actions .action{font-size:10px;gap:12px;min-height:52px;padding:14px}.hero-actions .arrow{font-size:19px}.hero-actions .text-link{font-size:10px;gap:10px;padding:13px 0;align-self:center}.scroll-cue{margin-top:29px;font-size:8px;letter-spacing:.065em;padding-bottom:22px}.ticker{padding-block:13px}.ticker-track{gap:23px}.ticker span{font-size:16px}.ticker i{font-size:22px}.services-intro{display:block;padding-block:55px 42px}.section-kicker{font-size:8px;margin-bottom:20px}.services-intro h2{font-size:10.1vw;line-height:1.08;letter-spacing:-.045em}.intro-copy{font-size:14px;line-height:1.75;max-width:350px;margin:25px 0 0}.service-nav-inner{width:100%;grid-template-columns:.82fr 1.43fr 1.05fr}.service-nav a{min-height:64px;align-items:flex-start;justify-content:flex-start;gap:6px;padding:14px 10px;font-size:9px;font-weight:500;line-height:1.5}.service-nav a:first-child{padding-left:var(--gutter)}.service-nav a:last-child{padding-right:var(--gutter)}.service-nav a span:first-child{font-size:7px;margin-top:2px;flex-shrink:0}.service-nav a span:last-child{display:none}.chapter{padding-block:43px 54px}.chapter-heading{align-items:center;gap:12px;margin-bottom:30px;padding-bottom:26px}.chapter-number{font-size:9px;min-width:20px;padding-top:0;align-self:flex-start;margin-top:9px}.chapter-heading h3{font-size:13.3vw;letter-spacing:-.045em}.chapter-mark{font-size:51px;line-height:.9}.chapter-grid{display:flex;flex-direction:column;gap:31px;align-items:stretch}.chapter-claim{font-size:32px;line-height:1.15;letter-spacing:-.055em;margin-bottom:21px}.chapter-description{font-size:14px;line-height:1.8;max-width:360px;margin-bottom:23px}.deliverables{max-width:none}.deliverables li{font-size:11px;padding-block:13px;gap:15px}.deliverables li span{font-size:8px}.chapter-next{font-size:11px;margin-top:20px;min-width:165px}.branding-art{min-height:382px;padding:23px}.art-topline{font-size:7px;gap:15px}.brand-composition{padding-block:31px 30px}.brand-words{font-size:16vw;max-width:none;line-height:.94}.brand-bars{width:22%;height:94px;bottom:30px;gap:8px}.identity-strip{padding-top:18px;gap:17px;flex-wrap:nowrap}.identity-strip>span:first-child{font-size:33px}.identity-colors{gap:5px}.identity-colors i{width:18px;height:18px}.identity-strip>span:last-child{font-size:8px;max-width:none}.chapter-advertising .chapter-heading{gap:12px;align-items:flex-start}.chapter-advertising .chapter-heading h3{font-size:11.1vw;line-height:1.05;letter-spacing:-.045em}.chapter-advertising .chapter-heading h3 span{font-size:.78em;white-space:nowrap}.chapter-mark-arrow{display:none}.advertising-grid{gap:33px}.advertising-copy{order:0;padding-top:0}.advertising-art{order:1;min-height:447px}.print-poster{height:373px;padding:20px;width:67%;top:0}.print-title{font-size:12.4vw;line-height:.98;margin-top:29px}.poster-arrow{width:44%;left:20px;bottom:52px}.poster-note{font-size:7px;left:20px;bottom:19px}.screen-poster{top:109px;right:0;width:50%;min-height:283px;padding:16px;box-shadow:-7px 7px 0 var(--orange)}.screen-topline{font-size:6px}.screen-title{font-size:5.8vw;margin-top:23px}.screen-eye{margin-block:26px;width:88%}.screen-bottom{padding-top:12px;font-size:6px}.screen-bottom>span:last-child{font-size:24px}.formats-caption{font-size:9px;bottom:5px}.chapter-design .chapter-heading h3{font-size:16.4vw;letter-spacing:-.045em;line-height:.95}.chapter-design .chapter-number{margin-top:8px}.design-heading-note{font-size:5vw;padding-right:0;line-height:1.2;align-self:flex-end;margin-bottom:3px}.design-art{min-height:379px;padding:22px}.type-study{height:233px;margin-top:6px}.type-study>span{font-size:45vw}.guide-top{top:40px}.cross-left{top:31px}.guide-bottom{bottom:31px}.cross-right{bottom:22px}.composition-blocks{height:67px}.block-square:before,.block-circle:before,.block-lines:before{width:39px;height:39px}.block-type{font-size:25px}.art-bottomline{font-size:7px;margin-top:15px}.portfolio-invitation{padding-block:50px 53px}.portfolio-invitation .eyebrow{font-size:8px;margin-bottom:26px}.portfolio-content{display:block}.portfolio-content h2{font-size:9.8vw;line-height:1.1}.portfolio-copy{max-width:none;margin-top:27px}.portfolio-copy p{max-width:320px;font-size:14px;line-height:1.8;margin-bottom:22px}.portfolio-copy .action{font-size:12px;min-height:58px}.contact{padding-block:28px 25px}.contact-top{align-items:flex-start;gap:30px;padding-bottom:21px}.contact-top .eyebrow{font-size:8px;max-width:170px}.contact-location{font-size:8px;max-width:105px;text-align:right}.contact-main{display:block;margin-block:36px 38px}.contact-main h2{font-size:10.5vw;line-height:1.07}.contact-copy{max-width:none;margin-top:27px}.contact-copy p{max-width:285px;font-size:14px;margin-bottom:23px}.contact-copy .action{min-height:58px;font-size:12px}.footer-bottom{display:grid;grid-template-columns:1fr auto;gap:23px 20px;padding-top:27px}.footer-brand{width:107px}.social-nav{grid-column:1/-1;grid-row:2;justify-content:space-between;flex-wrap:wrap;gap:7px;margin:0}.social-nav a{font-size:10px;padding:7px 0}.social-nav span{font-size:13px;margin-left:3px}.back-top{grid-column:2;grid-row:1}}
@media(max-width:359px){:root{--gutter:16px}.brand{width:102px}.main-nav{gap:17px;font-size:10px}.hero-eyebrow{font-size:7px}.hero-eyebrow > :last-child{max-width:125px}.hero-actions{gap:11px}.hero-actions .action{font-size:9px;gap:9px;padding-inline:11px}.hero-actions .text-link{font-size:9px;gap:6px}.hero-description{font-size:13px}.service-nav a{font-size:8px;gap:5px;padding-inline:8px}.chapter-mark{font-size:42px}.chapter-claim{font-size:29px}.deliverables li{font-size:10px}.identity-strip{gap:10px}.identity-colors i{width:15px;height:15px}.identity-strip>span:last-child{font-size:7px}.branding-art{min-height:347px;padding:20px}.brand-bars{height:85px;bottom:33px}.print-poster{height:334px;padding:17px}.advertising-art{min-height:409px}.screen-poster{min-height:258px;padding:13px;top:95px}.poster-arrow,.poster-note{left:17px}.design-art{min-height:342px;padding:18px}.type-study{height:206px}.composition-blocks{height:61px}.block-square:before,.block-circle:before,.block-lines:before{width:33px;height:33px}.block-type{font-size:22px}.social-nav a{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.brand-bars,.screen-poster,.block-circle:before{transform:none!important}}
@media print{*{-webkit-print-color-adjust:exact;print-color-adjust:exact}.service-nav{position:static}.chapter,.contact,.hero{break-inside:avoid}.skip,.action{break-inside:avoid}}

/* Revision 04: navigation, two-line introduction, message strip and social icons. */
.main-nav{display:grid;grid-template-columns:1fr 1fr 104px;column-gap:50px;width:520px;align-items:center;margin-left:auto}
.main-nav a{justify-self:start}
.hero-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:38px}
.hero-description{max-width:none}
.hero-description>.intro-line{display:block;white-space:nowrap}
.hero-description>.intro-line+.intro-line{margin-top:2px}
.scroll-note{margin:32px 0 0;padding-bottom:24px;font-size:9px;line-height:1.5;text-transform:uppercase;letter-spacing:.08em}
.ticker{background:var(--ink);color:var(--paper);padding-block:27px;overflow:visible}
.ticker-inner{display:grid;grid-template-columns:1fr 30px 1fr;align-items:center;gap:42px;text-align:center}
.ticker-inner>.hep-fragment{font-size:clamp(15px,1.7vw,26px);font-weight:500;line-height:1.35;letter-spacing:-.025em}
.ticker-star{display:block;width:30px;height:30px}
.social-nav a{display:inline-flex;align-items:center;gap:8px;color:var(--paper)}
.social-nav a>span{font:inherit;margin:0}
.social-icon{display:block;flex-shrink:0;width:16px;height:16px;fill:currentColor}
@media(max-width:1150px){
 .main-nav{width:460px;column-gap:36px}
 .hero-bottom{gap:27px}
}
@media(max-width:1000px){
 .hero-bottom{grid-template-columns:1fr;gap:24px}
 .hero-actions{flex-direction:row;align-items:center;justify-content:flex-start;gap:28px;margin-top:0}
 .hero-actions .text-link{align-self:center}
}
@media(max-width:820px){
 .main-nav{display:flex;gap:26px;width:auto}
 .ticker-inner{gap:22px;grid-template-columns:1fr 24px 1fr}
 .ticker-star{width:24px;height:24px}
 .social-nav a{gap:6px}
 .social-icon{width:15px;height:15px}
}
@media(max-width:600px){
 .main-nav{gap:18px;font-size:11px}
 .hero-description{max-width:none}
 .hero-description>.intro-line{white-space:normal}
 .hero-description>.intro-line+.intro-line{margin-top:4px}
 .hero-bottom{gap:23px}
 .hero-actions{justify-content:space-between;gap:16px}
 .scroll-note{margin-top:29px;padding-bottom:25px;font-size:8px;letter-spacing:.065em}
 .ticker{padding-block:22px}
 .ticker-inner{grid-template-columns:1fr;gap:9px}
 .ticker-inner>.hep-fragment{font-size:clamp(15px,3.8vw,20px);line-height:1.4}
 .ticker-star{display:none}
 .social-nav{gap:8px}
 .social-nav a{gap:5px}
 .social-icon{width:14px;height:14px}
}
@media(max-width:359px){
 .header{gap:16px}
 .main-nav{gap:14px;font-size:10px}
 .hero-actions{gap:11px}
 .social-nav{gap:6px}
 .social-nav a{gap:4px}
 .social-icon{width:12px;height:12px}
}

/* WordPress integration: preserve the approved layout, without editor defaults. */
.wp-site-blocks { padding:0; }
.wp-site-blocks > *, .hep-root > *, .hep-root .wp-block-post-content > * { margin-block-start:0; margin-block-end:0; }
.hep-home { font-family:var(--font); font-size:16px; line-height:1.6; }
.hep-home .wp-block-group { box-sizing:border-box; }
.hep-home p.hep-fragment,.hep-home p.chapter-number,.hep-home p.chapter-mark,.hep-home p.design-heading-note,.hep-home p.contact-location { margin-bottom:0; }
.hero-description .intro-line { margin:0; font:inherit; letter-spacing:inherit; }
.hero-eyebrow .hep-fragment { margin:0; font:inherit; letter-spacing:inherit; }
.ticker-inner .hep-fragment { margin:0; }
.deliverables { padding-left:0; counter-reset:hep-delivery; }
.deliverables li { margin:0; }
.deliverables li::before { counter-increment:hep-delivery; content:counter(hep-delivery,decimal-leading-zero); font-size:9px; opacity:.85; font-weight:500; }
.social-nav a { font-weight:400; }
.hep-home a[aria-disabled="true"] { cursor:default; }
.hep-home a[aria-disabled="true"]:hover { transform:none; }
.admin-bar .service-nav { top:32px; }
.hep-document { padding-block:70px; }
.hep-document h1 { font-size:clamp(36px,5vw,72px);line-height:1.05;letter-spacing:-.04em;text-transform:none; }
.hep-document > * { margin-bottom:24px; }
@media(max-width:782px){.admin-bar .service-nav{top:46px}}
@media(max-width:600px){.admin-bar .service-nav{top:0}}