/* Branding PDF: its section sequence and light/dark composition, using the five shared type roles. */
.bg-client-avatar { overflow:hidden; }
.bg-client-avatar img { width:100%; height:100%; object-fit:cover; }
.page-branding-graphics main{font-family:Inter,Arial,sans-serif}
.page-branding-graphics main :is(h1,h2,h3){font-family:Inter,Arial,sans-serif;letter-spacing:-.035em}
.page-branding-graphics main em{font-family:Georgia,'Times New Roman',serif;font-weight:700}
.page-branding-graphics main .section-shell{max-width:1216px}
.bg-section{padding:120px 0;background:var(--paper);color:var(--navy)}
.bg-dark{background:var(--navy);color:var(--paper)}
.bg-orange{color:var(--orange)}
.bg-section h2{font-size:var(--type-heading);line-height:1.05;font-weight:800}
.bg-section h2 em{color:var(--orange)}
.bg-section h3{font-size:var(--type-title);line-height:1.2;font-weight:800}
.bg-section p{font-size:var(--type-body)}
.bg-outline{color:transparent!important;-webkit-text-stroke:1px var(--navy)}
.bg-dark .bg-outline{-webkit-text-stroke-color:var(--paper)}
.bg-eyebrow{border:1px solid var(--orange);font-size:var(--type-label)!important;font-weight:800;letter-spacing:.16em;transform:rotate(-1.5deg);margin-bottom:26px}
.bg-eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--orange);flex:none}
.bg-eyebrow:hover{transform:rotate(0)}
.bg-dark .bg-eyebrow{color:var(--paper)}
.bg-heading{max-width:900px;margin:0 auto 70px;text-align:center}
.bg-heading>p:last-child:not(.bg-eyebrow){max-width:740px;margin:26px auto 0}
.bg-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:center}
.bg-intro{border-left:3px solid var(--orange);padding-left:24px;margin-top:34px;line-height:1.55}
.bg-actions{display:flex;gap:22px;flex-wrap:wrap;margin-top:40px}
.bg-actions .button{width:var(--button-width);min-width:0}
.bg-action{text-align:center;margin-top:65px}
.bg-action .button{width:var(--button-width);min-width:0}
.page-branding-graphics .button-outline{background:transparent;color:var(--navy);border:1px solid var(--line)}
.page-branding-graphics .button-outline:is(:hover,:focus-visible){color:var(--paper);border-color:var(--navy)}
.page-branding-graphics main a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}
.page-branding-graphics main .bg-package:nth-child(2) a:focus-visible,.page-branding-graphics main .bg-quick-card:last-child:focus-visible{outline-color:var(--navy)}

/* Four tilted tiles, in the two-column arrangement of the supplied PDF. */
.bg-hero{padding:75px 0 105px;background:var(--paper);color:var(--navy)}
.bg-hero-grid{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:70px}
.bg-hero .bg-eyebrow{margin-bottom:34px}
.bg-hero h1{font-size:var(--type-display);line-height:.96;font-weight:800}
.bg-hero h1>span,.bg-hero h1>em{display:block}
.bg-hero h1>em{margin:0 0 8px 20px;line-height:1.03;letter-spacing:-.04em}
.bg-hero .bg-intro{font-weight:500;max-width:570px}
.bg-hero-art{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;width:91%;margin:30px 0 0 auto}
.bg-hero-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;gap:22px;border-radius:18px;min-height:265px;text-align:center;background:var(--navy);color:var(--paper);box-shadow:0 17px 22px -10px #031a3033;transition:transform .55s var(--spring)}
.bg-hero-card>.icon{width:64px;height:64px;color:var(--orange);stroke-width:2.3}
.bg-hero-card strong{font-size:var(--type-title);line-height:1.25;font-weight:800}
.bg-hero-card-1{transform:rotate(-6deg)}
.bg-hero-card-2{transform:translateY(42px) rotate(6deg)}
.bg-hero-card-3{transform:rotate(3deg);min-height:295px}
.bg-hero-card-4{transform:translateY(35px) rotate(-3deg)}
.bg-hero-card:is(.bg-hero-card-2,.bg-hero-card-3){background:var(--orange);color:var(--navy)}
.bg-hero-card:is(.bg-hero-card-2,.bg-hero-card-3)>.icon{color:var(--navy)}
.bg-hero-art:hover .bg-hero-card{transform:none}
.bg-ticker{overflow:hidden;padding:30px 0;margin-block:-15px}
.bg-ticker-band{background:var(--navy);color:var(--paper);transform:rotate(-1.5deg);width:calc(100% + 50px);margin-left:-25px;padding:24px 0}
.bg-ticker-track{display:flex;width:max-content;animation:bg-marquee 35s linear infinite}
.bg-ticker-track>div{display:flex;align-items:center;gap:42px;padding-right:42px}
.bg-ticker-track span{font-size:var(--type-title);font-weight:800;letter-spacing:.035em;white-space:nowrap}
.bg-ticker-track i{width:8px;height:8px;border-radius:50%;background:var(--orange)}
@keyframes bg-marquee{to{transform:translateX(-50%)}}

.bg-deliverables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
.bg-deliverable{padding:44px;border-radius:30px;background:var(--navy);color:var(--paper);box-shadow:0 14px 22px -12px #031a303d}
.bg-deliverable>.icon{width:42px;height:42px;color:var(--orange);margin-bottom:28px}
.bg-deliverable>p{margin-top:20px}
.bg-checklist{list-style:none;padding:0;margin:25px 0 0;display:grid;gap:14px;font-size:var(--type-body);line-height:1.5}
.bg-checklist li{display:flex;align-items:flex-start;gap:12px}
.bg-checklist .icon{width:18px;height:18px;color:var(--orange);margin-top:3px}
.bg-deliverable:nth-child(3){background:var(--orange);color:var(--navy)}
.bg-deliverable:nth-child(3) .icon{color:var(--navy)}
.bg-portfolio{padding-top:30px}
.bg-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.bg-project-card{display:block;position:relative;isolation:isolate;aspect-ratio:.8;border-radius:28px;overflow:hidden;background:var(--navy);color:var(--paper);box-shadow:0 14px 24px -12px #031a3044;transition:transform .4s var(--ease)}
.bg-project-card:nth-child(2){transform:translateY(-18px)}
.bg-project-card>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:-2;transition:transform .5s var(--ease)}
.bg-project-card:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 10%,#031a3026 25%,#031a30e8 67%,var(--navy));z-index:-1}
.bg-project-card:is(:hover,:focus-visible)>img{transform:scale(1.045)}
.bg-project-content{position:absolute;inset:auto 30px 30px}
.bg-project-tag{display:inline-block;border:1px solid #f7f1eb80;border-radius:30px;padding:6px 12px;font-size:var(--type-label);line-height:1.3;text-transform:uppercase;letter-spacing:.03em;margin-bottom:17px}
.bg-project-card:nth-child(2) .bg-project-tag{background:var(--orange);border-color:var(--orange);color:var(--navy)}
.bg-project-content h3{margin-bottom:13px}
.bg-project-content p{line-height:1.55}
.bg-project-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px 15px;font-size:var(--type-label);margin-top:23px;color:var(--paper)}
.bg-project-meta .icon{width:18px;height:18px;margin-left:auto;color:var(--orange)}

.bg-value-rows{display:grid;gap:22px}
.bg-value-rows>article{display:flex;align-items:flex-start;gap:24px;padding:28px;border:1px solid #f7f1eb85;border-radius:18px}
.bg-value-icon{display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:12px;background:var(--orange);color:var(--navy)}
.bg-value-icon .icon{width:28px;height:28px}
.bg-value-rows h3{font-size:var(--type-title);line-height:1.3;margin-bottom:10px}
.bg-value-rows p{line-height:1.55}
.bg-value-rows>article:last-child{background:var(--orange);color:var(--navy);border-color:var(--orange)}
.bg-value-rows>article:last-child .bg-value-icon{background:var(--navy);color:var(--paper)}
.bg-feedback-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.bg-feedback{margin:0;padding:34px;border-radius:28px;background:var(--navy);color:var(--paper);display:flex;flex-direction:column;box-shadow:0 15px 24px -15px #031a3055}
.bg-feedback:nth-child(2){background:var(--orange);color:var(--navy);transform:translateY(-14px)}
.bg-feedback>.icon{color:var(--orange);width:28px;height:28px;margin-bottom:25px}
.bg-feedback:nth-child(2)>.icon{color:var(--navy)}
.bg-feedback blockquote{font-size:var(--type-body);font-style:italic;line-height:1.7;flex-grow:1;margin-bottom:28px}
.bg-feedback figcaption{display:flex;gap:14px;align-items:center;border-top:1px solid #f7f1eb55;padding-top:22px}
.bg-feedback:nth-child(2) figcaption{border-color:#031a3040}
.bg-client-avatar{display:grid;place-items:center;width:43px;height:43px;flex:none;background:var(--paper);color:var(--navy);border-radius:50%;font-size:var(--type-label);font-weight:800}
.bg-feedback figcaption strong{display:block;font-size:var(--type-body);font-weight:800;line-height:1.25}
.bg-feedback figcaption div>span{display:block;font-size:var(--type-label);line-height:1.5;margin-top:4px}
.bg-proof-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:70px}
.bg-proof-grid>div{border:1px solid var(--line);border-radius:16px;padding:30px 18px;text-align:center}
.bg-proof-grid strong{display:block;font-size:var(--type-title);font-weight:800;color:#b95000;line-height:1.15;margin-bottom:10px;letter-spacing:-.03em}
.bg-proof-grid span{display:block;font-size:var(--type-label);font-weight:600;line-height:1.4;letter-spacing:.03em;text-transform:uppercase}
.bg-dark .bg-proof-grid>div{border-color:#f7f1eb99}
.bg-dark .bg-proof-grid strong{color:var(--orange)}

.bg-package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding-top:16px}
.bg-package{position:relative;padding:40px 34px;border:1px solid #f7f1eb85;border-radius:28px;display:flex;flex-direction:column}
.bg-package>.icon{color:var(--orange);width:36px;height:36px;margin-bottom:26px}
.bg-package-subtitle{font-size:var(--type-label)!important;margin-top:10px}
.bg-package-price{margin:34px 0}
.bg-package-price strong{font-size:var(--type-title);display:block;line-height:1.15;font-weight:800;color:var(--orange);letter-spacing:-.035em}
.bg-package-price span{display:block;margin-top:8px;font-size:var(--type-label)}
.bg-package .bg-checklist{margin:0 0 35px}
.bg-package>.button{width:100%;min-width:0;margin-top:auto}
.bg-package:nth-child(2){transform:translateY(-15px);background:var(--orange);color:var(--navy);border-color:var(--orange);box-shadow:0 20px 35px -18px #0008}
.bg-package:nth-child(2) :is(.bg-package-price strong,.icon){color:var(--navy)}
.bg-package:nth-child(2)>.button>.icon{color:var(--paper)}
.bg-package-ribbon{position:absolute;top:-18px;left:50%;transform:translateX(-50%);border-radius:25px;padding:9px 19px;background:var(--navy);color:var(--paper);border:1px solid var(--orange);font-size:var(--type-label);font-weight:800;white-space:nowrap}
.bg-package-note{margin-top:42px;text-align:center}
.bg-package-note p{font-size:var(--type-label)}
.bg-package-note p+p{margin-top:10px}
.bg-package-note a{color:var(--orange);text-decoration:underline;text-underline-offset:4px}
.bg-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.bg-quick-card{display:flex;flex-direction:column;padding:32px;border:1px solid var(--line);border-radius:17px;transition:border-color .25s var(--ease),transform .25s var(--ease)}
.bg-quick-card>.icon{width:25px;height:25px;color:#b95000;margin-bottom:26px}
.bg-quick-card h3{font-size:var(--type-body);margin-bottom:10px}
.bg-quick-card p{font-size:var(--type-label);margin-bottom:20px}
.bg-quick-card>strong{display:block;font-size:var(--type-title);line-height:1.15;color:#b95000;font-weight:800;margin-top:auto}
.bg-quick-card>span{display:block;font-size:var(--type-label);margin-top:6px;line-height:1.3}
.bg-quick-card:last-child{background:var(--orange);border-color:var(--orange);box-shadow:0 15px 24px -12px #031a3033}
.bg-quick-card:last-child>:is(.icon,strong){color:var(--navy)}
.bg-quick-card:is(:hover,:focus-visible){border-color:var(--orange);transform:translateY(-4px)}
.bg-bundle{max-width:760px;margin:65px auto 0;padding:34px 40px;border:1px solid var(--line);border-radius:17px;text-align:center}
.bg-bundle h3{margin-bottom:18px}
.bg-bundle .button{margin-top:26px}

.bg-process-rows{margin:0;padding:0;list-style:none;display:grid;gap:30px}
.bg-process-rows>li{display:flex;align-items:flex-start;gap:24px}
.bg-process-rows>li>span{width:80px;height:80px;display:grid;place-items:center;flex:none;border-radius:18px;background:var(--paper);color:#b95000;font-size:var(--type-title);font-weight:800}
.bg-process-rows>li:last-child>span{background:var(--orange);color:var(--navy)}
.bg-process-rows h3{font-size:var(--type-title);margin:3px 0 12px}
.bg-process-rows p{line-height:1.55}
.bg-process-proof{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:85px}
.bg-process-proof>div{padding:32px 20px}
.bg-process-proof strong{font-size:var(--type-heading)}
.bg-studio-proof{display:grid;gap:24px;padding:40px;background:var(--navy);color:var(--paper);border-radius:46px;box-shadow:0 22px 30px -12px #031a303d}
.bg-studio-proof>div{padding:24px;border:1px solid #f7f1eb99;border-radius:16px}
.bg-studio-proof>div>span{font-size:var(--type-label);text-transform:uppercase;letter-spacing:.04em}
.bg-studio-proof strong{font-size:var(--type-title);line-height:1.2;display:block;color:var(--orange);margin-top:8px;font-weight:800}
.bg-studio-proof>div:last-child{background:var(--orange);color:var(--navy);border-color:var(--orange)}
.bg-studio-proof>div:last-child strong{color:var(--navy);font-size:var(--type-heading)}
.bg-studio-proof p{font-size:var(--type-label);margin-top:14px}
.bg-difference .bg-eyebrow{letter-spacing:.04em;border-color:var(--line);color:#a34400}
.bg-difference-rows{display:grid;gap:26px;margin-top:40px}
.bg-difference-rows article{display:flex;gap:18px;align-items:flex-start}
.bg-difference-rows article>span{width:46px;height:46px;display:grid;place-items:center;flex:none;border-radius:50%;background:var(--orange);color:var(--navy)}
.bg-difference-rows .icon{width:22px;height:22px}
.bg-difference-rows h3{font-size:var(--type-body);margin-bottom:10px}
.bg-difference-rows p{line-height:1.6}
.bg-contact-copy h2{line-height:1.08}
.bg-contact-copy>p:not(.bg-eyebrow){margin-top:30px;max-width:60ch}
.bg-contact-copy .bg-actions{margin-top:50px;gap:18px}
.bg-contact-copy .bg-actions .button{min-width:0;flex:1}
.bg-contact-proof{display:flex;gap:65px;border-top:1px solid #f7f1eb90;margin-top:42px;padding-top:30px}
.bg-contact-proof strong{font-size:var(--type-title);line-height:1.2;display:block;color:var(--orange);font-weight:800}
.bg-contact-proof span{font-size:var(--type-label);display:block;margin-top:9px}
.bg-contact-panel{padding:42px;background:var(--paper);color:var(--navy);border-radius:46px}
.bg-contact-panel h3{margin-bottom:32px}
.bg-contact-row{display:flex;align-items:center;gap:17px;margin-top:26px}
.bg-contact-row>span{width:46px;height:46px;display:grid;place-items:center;flex:none;border-radius:50%;background:var(--orange)}
.bg-contact-row .icon{width:22px;height:22px}
.bg-contact-row>div{min-width:0}
.bg-contact-row small{display:block;font-size:var(--type-label);margin-bottom:6px}
.bg-contact-row :is(a,strong){display:block;font-size:var(--type-body);font-weight:800;overflow-wrap:anywhere;line-height:1.4}
.bg-contact-row a:hover{text-decoration:underline;text-underline-offset:4px}
.bg-contact-follow{margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}
.bg-contact-follow>p{font-size:var(--type-label)}
.bg-contact-social{display:flex;gap:14px;margin-top:18px}
.bg-contact-social>a{width:46px;height:46px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;transition:background .25s var(--ease)}
.bg-contact-social>a:hover{background:var(--orange)}
.bg-contact-social svg{width:17px;height:17px;fill:currentColor}

@media(min-width:1600px){.bg-section{padding-block:135px}.bg-portfolio{padding-top:35px}.bg-hero{padding-bottom:125px}}
@media(max-width:1199px){
 .bg-section{padding-block:95px}.bg-hero-grid{gap:40px}.bg-hero-art{width:94%;gap:20px}.bg-hero-card{min-height:215px;padding:22px 15px}.bg-hero-card-3{min-height:240px}.bg-hero-card>.icon{width:52px;height:52px}.bg-actions{gap:15px}.bg-actions .button{min-width:0}.bg-split{gap:40px}.bg-deliverable{padding:34px}.bg-portfolio{padding-top:20px}.bg-project-grid,.bg-feedback-grid,.bg-package-grid{gap:20px}.bg-project-content{inset:auto 24px 24px}.bg-project-card{aspect-ratio:.62}.bg-value-rows>article{padding:24px;gap:17px}.bg-value-icon{width:45px;height:45px}.bg-feedback,.bg-package{padding:28px}.bg-feedback figcaption{flex-wrap:wrap}.bg-quick-grid{gap:18px}.bg-quick-card{padding:24px}.bg-process-rows>li>span{width:64px;height:64px;border-radius:15px}.bg-studio-proof{padding:30px;border-radius:35px}.bg-contact-panel{padding:32px;border-radius:35px}.bg-contact-copy .bg-actions .button{flex:auto}.bg-contact-proof{gap:35px}
}
@media(max-width:900px){
 .bg-hero{padding-top:55px;padding-bottom:90px}.bg-hero-grid,.bg-split{grid-template-columns:1fr;gap:55px}.bg-hero-copy{max-width:670px}.bg-hero-art{width:min(500px,87%);margin:0 auto 35px}.bg-hero-card{min-height:260px}.bg-hero-card-3{min-height:285px}.bg-section{padding-block:80px}.bg-heading{margin-bottom:55px}.bg-portfolio{padding-top:25px}.bg-project-grid,.bg-feedback-grid,.bg-package-grid{grid-template-columns:1fr;max-width:600px;margin-inline:auto;gap:28px}.bg-project-card{aspect-ratio:1.15}.bg-project-card:nth-child(2),.bg-feedback:nth-child(2),.bg-package:nth-child(2){transform:none}.bg-project-content{inset:auto 35px 35px}.bg-feedback{padding:36px}.bg-feedback figcaption{flex-wrap:nowrap}.bg-feedback blockquote{font-size:var(--type-title);line-height:1.5}.bg-package{padding:40px}.bg-package:nth-child(2){margin-block:18px}.bg-package>.button{max-width:360px}.bg-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:50px}.bg-process-proof{grid-template-columns:repeat(3,minmax(0,1fr))}.bg-process-proof strong{font-size:var(--type-title)}.bg-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bg-quick-card{padding:30px}.bg-quick-card p{font-size:var(--type-body)}.bg-studio-proof{max-width:600px;width:100%;margin-inline:auto}.bg-difference-copy{grid-row:1}.bg-contact-panel{max-width:600px;width:100%}.bg-contact-copy .bg-actions .button{flex:none;min-width:220px}
}
@media(max-width:600px){
 .page-branding-graphics main .section-shell{width:89%}.bg-hero{padding:40px 0 70px}.bg-hero .bg-eyebrow{margin-bottom:30px}.bg-hero h1{font-size:var(--type-display)}.bg-hero h1>em{margin-left:8px}.bg-hero .bg-intro{margin-top:27px}.bg-intro{padding-left:18px}.bg-actions{margin-top:30px;gap:14px}.bg-actions .button{width:100%}.bg-hero-art{width:92%;gap:18px;margin-bottom:30px}.bg-hero-card{min-height:200px;gap:18px;padding:25px 15px;border-radius:16px}.bg-hero-card-3{min-height:220px}.bg-hero-card-2{transform:translateY(24px) rotate(6deg)}.bg-hero-card-4{transform:translateY(24px) rotate(-3deg)}.bg-hero-card strong{font-size:var(--type-body)}.bg-hero-card>.icon{width:45px;height:45px}.bg-ticker-track>div{gap:26px;padding-right:26px}.bg-ticker-band{padding-block:18px}.bg-ticker-track span{font-size:var(--type-body)}.bg-section{padding-block:65px}.bg-heading{margin-bottom:42px}.bg-eyebrow{letter-spacing:.08em;margin-bottom:22px}.bg-heading>p:last-child:not(.bg-eyebrow){margin-top:22px}.bg-deliverables{grid-template-columns:1fr;gap:22px}.bg-deliverable{padding:30px;border-radius:25px}.bg-deliverable>.icon{margin-bottom:25px}.bg-portfolio{padding-top:10px}.bg-project-card{aspect-ratio:.8;border-radius:25px}.bg-project-content{inset:auto 25px 25px}.bg-project-content p{font-size:var(--type-body)}.bg-project-meta{gap:8px 14px}.bg-action{margin-top:40px}.bg-action .button{min-width:0;width:100%}.bg-split{gap:40px}.bg-value-rows{gap:18px}.bg-value-rows>article{padding:25px;flex-direction:column;gap:18px}.bg-value-rows h3{font-size:var(--type-title)}.bg-feedback{padding:30px;border-radius:25px}.bg-feedback blockquote{font-size:var(--type-body);line-height:1.7}.bg-proof-grid{gap:15px}.bg-proof-grid>div{padding:26px 14px}.bg-proof-grid strong{font-size:var(--type-body)}.bg-package{padding:30px;border-radius:25px}.bg-package-price{margin-block:26px}.bg-package-note{margin-top:30px}.bg-quick-grid{gap:15px}.bg-quick-card{padding:24px 20px}.bg-quick-card p{font-size:var(--type-label)}.bg-quick-card>strong{font-size:var(--type-body)}.bg-bundle{padding:30px 24px;margin-top:38px}.bg-bundle .button{width:100%;min-width:0}.bg-process-rows{gap:28px}.bg-process-rows>li{gap:16px}.bg-process-rows>li>span{width:48px;height:48px;border-radius:13px;font-size:var(--type-body)}.bg-process-rows h3{font-size:var(--type-body);margin:0 0 10px}.bg-process-proof{grid-template-columns:1fr;margin-top:42px}.bg-process-proof strong{font-size:var(--type-title)}.bg-studio-proof{padding:25px;border-radius:30px;gap:20px}.bg-studio-proof>div{padding:22px}.bg-studio-proof strong{font-size:var(--type-title)}.bg-difference-rows{margin-top:28px;gap:24px}.bg-difference-rows article{gap:15px}.bg-difference-rows article>span{width:38px;height:38px}.bg-difference-rows .icon{width:18px;height:18px}.bg-contact-panel{padding:30px 25px;border-radius:30px}.bg-contact-copy .bg-actions{margin-top:30px}.bg-contact-copy .bg-actions .button{min-width:0}.bg-contact-proof{gap:28px;margin-top:32px;padding-top:26px}.bg-contact-proof strong{font-size:var(--type-body)}.bg-contact-row{gap:13px}.bg-contact-row>span{width:38px;height:38px}.bg-contact-row .icon{width:18px;height:18px}
}
@media(max-width:359px){.bg-hero-art{gap:15px}.bg-hero-card{min-height:165px;padding-inline:10px}.bg-hero-card-3{min-height:185px}.bg-hero-card>.icon{width:38px;height:38px}.bg-hero-card strong{font-size:var(--type-body)}.bg-project-card{aspect-ratio:.64}.bg-project-meta .icon{display:none}.bg-quick-grid{grid-template-columns:1fr}.bg-quick-card{padding:28px}.bg-quick-card p{font-size:var(--type-body)}.bg-deliverable,.bg-package,.bg-feedback{padding:26px}.bg-feedback figcaption{gap:11px}.bg-contact-panel{padding:26px 20px}}
@media(prefers-reduced-motion:reduce){.bg-ticker-track{animation:none}.bg-hero-card,.bg-project-card,.bg-project-card>img,.bg-quick-card{transition:none}}
.motion-paused .bg-ticker-track{animation-play-state:paused}
.motion-paused :is(.bg-hero-card,.bg-project-card,.bg-project-card>img,.bg-quick-card){transition:none}

/* Allow the smallest grid/flex children to shrink to the available screen width. */
.bg-split > *, .bg-hero-grid > *, .bg-contact-row > div,
.bg-difference-rows article > div, .bg-process-rows li > div { min-width: 0; }
.bg-contact-proof > div { min-width: 0; flex: 1; }
@media(max-width:900px) { .bg-split, .bg-hero-grid { grid-template-columns: minmax(0,1fr); } }
@media(max-width:600px) {
  .bg-contact-panel { max-width: 100%; }
  .bg-contact-copy .bg-actions > .button { width: 100%; max-width: 100%; flex: 0 1 100%; }
  .bg-package > .button { padding-inline: 14px; gap: 10px; }
}

/* Use the same section rhythm and components as the homepage and About. */
.page-branding-graphics main em{font-family:'Playfair Display',Georgia,serif}
.bg-hero{padding:90px 0 120px}.bg-hero-grid,.bg-split{gap:64px}
.bg-hero h1{line-height:.98}.bg-hero h1>em{margin:4px 0 10px}
.bg-outline{color:#c46108!important;-webkit-text-stroke:0}.bg-dark .bg-outline{color:var(--orange)!important;-webkit-text-stroke:0}
.bg-hero .bg-orange{color:var(--navy)}
.bg-section{padding-block:130px}.bg-portfolio{padding-top:40px}
.bg-section h2{font-size:var(--type-heading);line-height:1.08}.bg-section:not(.bg-dark) h2 em{color:#c46108}
.bg-heading{margin-bottom:56px}.bg-eyebrow{letter-spacing:.05em}
.bg-hero-art{width:100%;gap:24px;margin-top:0}
.bg-hero-card{min-height:225px;border-radius:32px;padding:28px 22px;box-shadow:none;gap:24px}
.bg-hero-card-2{transform:translateY(24px) rotate(2deg)}.bg-hero-card-1{transform:rotate(-2deg)}.bg-hero-card-3{transform:rotate(-2deg);min-height:225px}.bg-hero-card-4{transform:translateY(24px) rotate(2deg)}
.bg-hero-card>.icon{width:42px;height:42px;stroke-width:1.8}
.bg-deliverable,.bg-feedback,.bg-package{padding:36px;border-radius:32px;box-shadow:none}
.bg-project-card{display:flex;flex-direction:column;aspect-ratio:auto;border-radius:32px;transform:none!important;box-shadow:none}
.bg-project-card>img{position:static;z-index:auto;aspect-ratio:1.45;height:auto;object-fit:cover}
.bg-project-card:before{display:none}.bg-project-content{position:static;padding:28px;display:flex;flex-direction:column;flex:1}
.bg-project-content p{font-size:var(--type-body);line-height:1.6}.bg-project-meta{margin-top:auto;padding-top:24px}
.bg-project-meta span{font-size:var(--type-body)}.bg-project-meta .icon{transition:transform .3s var(--ease)}.bg-project-card:is(:hover,:focus-visible) .bg-project-meta .icon{transform:rotate(45deg)}
.bg-feedback:nth-child(2),.bg-package:nth-child(2){transform:none;box-shadow:none}
.bg-feedback blockquote{font-size:var(--type-body);line-height:1.7}
.bg-package>.button{width:var(--button-width);max-width:100%;align-self:center}
.bg-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.bg-quick-card{padding:32px;border-radius:32px}.bg-quick-card h3{font-size:var(--type-title);line-height:1.2}.bg-quick-card p{font-size:var(--type-body);line-height:1.6}
.bg-process-rows h3,.bg-difference-rows h3{font-size:var(--type-title);line-height:1.2}.bg-process-rows p,.bg-difference-rows p{font-size:var(--type-body);line-height:1.6}
.bg-studio-proof{border-radius:32px;box-shadow:none;padding:32px}
.bg-package-grid,.bg-deliverables,.bg-project-grid,.bg-feedback-grid{gap:24px}
.bg-action{margin-top:48px}
@media(max-width:1100px){.bg-hero{padding-block:70px 100px}.bg-section{padding-block:100px}.bg-portfolio{padding-top:32px}.bg-hero-grid,.bg-split{gap:40px}.bg-hero-card{min-height:200px;padding:24px 18px}.bg-deliverable,.bg-feedback,.bg-package{padding:28px}.bg-project-grid,.bg-feedback-grid,.bg-package-grid{grid-template-columns:minmax(0,1fr);max-width:none}.bg-project-card{display:grid;grid-template-columns:1fr 1fr}.bg-project-card>img{height:100%;min-height:280px}.bg-project-content{padding:32px}}
@media(max-width:900px){.bg-hero-grid,.bg-split{grid-template-columns:minmax(0,1fr);gap:48px}.bg-hero-art{width:min(100%,560px);margin:0 auto 24px}.bg-heading{margin-bottom:40px}.bg-hero-card{min-height:225px}.bg-package:nth-child(2){margin-block:0}.bg-feedback figcaption{flex-wrap:nowrap}}
@media(max-width:600px){.bg-hero{padding-block:45px 75px}.bg-section{padding-block:75px}.bg-portfolio{padding-top:24px}.bg-deliverable,.bg-feedback,.bg-package,.bg-quick-card{padding:28px 24px}.bg-hero-art{gap:16px}.bg-hero-card{min-height:190px;padding:24px 16px;border-radius:24px}.bg-hero-card strong{font-size:var(--type-body)}.bg-quick-grid{grid-template-columns:minmax(0,1fr)}.bg-quick-card>strong{font-size:var(--type-title)}.bg-project-card{display:flex}.bg-project-card>img{min-height:0;height:auto}.bg-project-content{padding:28px 24px}.bg-project-meta .icon{display:block}.bg-proof-grid strong{font-size:var(--type-title)}.bg-feedback figcaption{align-items:center;flex-wrap:wrap}.bg-heading h2 br{display:none}}
