/*
Theme Name: Ting Partner
Author: Ting Mansueto
Description: Original editorial portfolio for a Webmaster & Digital Business Partner. Editable WordPress block templates, no third-party fonts or JavaScript.
Version: 1.0.5
Requires at least: 6.6
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: ting-partner
*/
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible{outline:3px solid #46651a;outline-offset:5px}.wp-site-blocks{padding:0}.wp-site-blocks>*,.wp-block-group>*{margin-block-start:0}.site-header,.section,.hero,.site-footer{max-width:1320px;margin-inline:auto;padding-inline:clamp(24px,5vw,72px)}.site-header{display:flex;justify-content:space-between;align-items:center;padding-block:28px;border-bottom:1px solid #cbd2c4;gap:24px}.brand{font-weight:800;font-size:27px;letter-spacing:-1.3px;text-decoration:none}.brand span{font-weight:400}.nav{display:flex;gap:28px;flex-wrap:wrap}.nav p,.site-header p{margin:0}.nav a{text-decoration:none;font-size:14px}.hero{display:grid;grid-template-columns:1.4fr 1fr;gap:6%;padding-block:90px 100px}.eyebrow,.fine,.number{font-size:11px;letter-spacing:1.8px;font-weight:700}.eyebrow{margin-bottom:24px}h1,h2,h3{line-height:1.08;letter-spacing:-.055em;font-weight:500}h1{font-size:clamp(44px,5.5vw,76px);margin:0 0 30px}h1 em{font-family:Georgia,serif;font-weight:400}h2{font-size:clamp(34px,4vw,52px);max-width:850px;margin-bottom:28px}h3{font-size:26px;letter-spacing:-.035em}.hero-copy>p:not(.eyebrow):not(.fine){max-width:590px}.lead{font-size:23px;line-height:1.45}.wp-block-button__link{background:#193a35;color:#fff;border-radius:0;padding:17px 24px;font-size:14px;font-weight:600;text-decoration:none}.wp-block-buttons{margin-block:30px}.hero-art{background:#dce7cf;min-height:480px;display:flex;flex-direction:column;justify-content:space-between;padding:36px;position:relative;overflow:hidden}.hero-art:after{content:'';position:absolute;border:1px solid #799374;border-radius:50%;width:370px;height:370px;right:-160px;top:80px;pointer-events:none}.monogram{font-family:Georgia,serif;font-size:130px;letter-spacing:-18px;line-height:1;margin:0}.manifesto{font-size:21px;line-height:1.4;font-weight:600;letter-spacing:-.5px}.signature{font-size:13px;margin:0}.section{padding-block:85px;border-top:1px solid #cbd2c4}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 48px;margin-top:50px}.service{border-top:1px solid #aab9a3;padding-top:20px}.service p:not(.number),.step p:not(.number){font-size:16px;color:#465d52}.number{color:#526748}.work-card{display:grid;grid-template-columns:1fr 1fr;background:#e9e9e0;margin-block:40px 24px}.work-copy{padding:45px}.work-art{background:#193a35;color:#d9eb8c;padding:45px;display:flex;flex-direction:column;justify-content:space-between;min-height:330px}.project-mark{font-size:clamp(28px,4vw,50px);letter-spacing:-2px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:9%}.two-col h2{margin-top:0}.about-copy p{font-size:18px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:48px}.step{border-top:1px solid #aab9a3;padding-top:20px}.contact{background:#193a35;color:#f6f4ee}.contact>p{max-width:650px}.contact .wp-block-button__link{background:#d9eb8c;color:#193a35}.site-footer{display:flex;justify-content:space-between;padding-block:28px;gap:24px;font-size:12px}.article{max-width:900px}.insight{border-top:1px solid #cbd2c4;padding-block:20px}.wp-block-post-template{list-style:none;padding:0}body .is-layout-constrained>.alignwide{max-width:1200px}@media(max-width:800px){.hero{grid-template-columns:1fr;padding-block:50px;gap:35px}.hero-art{min-height:350px}.services-grid{grid-template-columns:1fr 1fr}.two-col,.work-card{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr;gap:24px}.section{padding-block:55px}.site-header{align-items:flex-start;flex-direction:column;gap:18px}.nav{gap:22px}.site-footer{flex-direction:column;gap:0}.work-copy,.work-art{padding:28px}}@media(max-width:480px){.services-grid{grid-template-columns:1fr;gap:25px}.lead{font-size:21px}.hero-art{padding:28px}.nav{gap:20px}.nav a{font-size:13px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{background:#f6f4ee;color:#193a35;font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.65}

/* Portrait hero panel */
.hero-art{background:linear-gradient(180deg,rgba(8,22,22,0) 35%,rgba(8,22,22,.28) 55%,rgba(8,22,22,.94) 100%),url('assets/ting-portrait.png') center 28%/cover no-repeat;color:#f6f4ee;justify-content:flex-end;gap:22px;min-height:620px;aspect-ratio:3/4;align-self:start}.hero-art:after{display:none}.hero-art .manifesto{margin:0;font-size:20px;text-shadow:0 1px 5px #081616}.hero-art .signature{font-size:13px;text-shadow:0 1px 5px #081616}@media(max-width:800px){.hero-art{min-height:0;width:100%;max-width:520px;aspect-ratio:3/4;background-position:center 28%}}

/* Homepage portrait */
.hero-art{background-image:linear-gradient(180deg,rgba(8,22,22,0) 35%,rgba(8,22,22,.28) 55%,rgba(8,22,22,.94) 100%),url('https://tingjr.growthsails.com/wp-content/uploads/2026/10/ting-portrait.png')}
.hero-art .monogram{display:none}

/* Consistent hero spacing in the editor and published page. */
.hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:0!important}
.hero-copy>p,.hero-copy>h1,.hero-copy>.wp-block-buttons{margin:0!important}
.hero-copy>.eyebrow{margin-bottom:24px!important}
.hero-copy>h1{margin-bottom:24px!important}
.hero-copy>.lead{margin-bottom:20px!important}
.hero-copy>p:not(.eyebrow):not(.lead):not(.fine){margin-bottom:28px!important}
.hero-copy>.wp-block-buttons{margin-bottom:28px!important}
.hero-copy>.wp-block-buttons .wp-block-button__link{font-size:14px!important;line-height:1.65!important;background:#193a35!important;color:#fff!important;padding:17px 24px!important;border-radius:0!important}
.hero-art>.manifesto,.hero-art>.signature{margin:0!important}
.hero{align-items:start}
@media(max-width:800px){.hero-copy{width:100%}.hero-copy>.eyebrow{margin-bottom:20px!important}.hero-copy>h1{margin-bottom:22px!important}}

/* Shared vertical rhythm for every homepage section, including the editor canvas. */
.wp-site-blocks>*,.wp-site-blocks>main>*{margin-block:0!important}
.section,.site-header,.site-footer{margin-block:0!important}
.section>*,.service>*,.step>*,.work-copy>*,.work-art>*,.about-copy>*,.insight>*,.site-header>p,.nav>p,.site-footer>p,.two-col>*,.services-grid>*,.process-grid>*,.work-card>*{margin-block:0!important}
.section>.eyebrow{margin-bottom:24px!important}
.section>h2{margin-bottom:24px!important}
.section>.services-grid,.section>.process-grid{margin-top:40px!important}
.section>.work-card{margin-top:36px!important;margin-bottom:24px!important}
.section>.wp-block-query{margin-top:32px!important}
.section>.wp-block-buttons{margin-top:28px!important;margin-bottom:24px!important}
.service>.number,.step>.number{margin-bottom:16px!important}
.service>h3,.step>h3,.work-copy>h3,.insight>h3{margin-bottom:16px!important}
.work-copy>.eyebrow{margin-bottom:20px!important}
.work-copy>p+p,.about-copy>p+p,.insight>p+p{margin-top:20px!important}
.two-col>h2{margin-bottom:0!important}
.section .wp-block-button__link{font-size:14px!important;line-height:1.65!important;padding:17px 24px!important;border-radius:0!important;background:#193a35!important;color:#fff!important}
.section.contact .wp-block-button__link{background:#d9eb8c!important;color:#193a35!important}
.services-grid,.process-grid,.two-col,.work-card{align-items:start}
.work-card>.work-art{align-self:stretch}
@media(max-width:800px){.two-col{row-gap:28px}.section>.services-grid,.section>.process-grid{margin-top:32px!important}}

/* Discovery intake */
.discovery>p{max-width:760px}.discovery>.fine{margin-top:20px!important}
.discovery-form{max-width:800px;margin:32px auto 24px!important;background:#f0ebf8;border-radius:4px;overflow:hidden;scroll-margin-top:64px}
.discovery-form iframe{display:block;width:100%;height:2300px;border:0}
.discovery-fallback{font-size:16px}.discovery-fallback+p{margin-top:20px!important}
@media(max-width:600px){.discovery-form{margin-inline:-12px!important;max-width:calc(100% + 24px)}.discovery-form iframe{height:2750px}}

/* Branded Google Forms intake */
.discovery-form{background:#f6f4ee;color:#193a35;padding:clamp(22px,4vw,44px);border-radius:0;max-width:900px}
.discovery-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.discovery-field{min-width:0}.discovery-field.field-wide{grid-column:1/-1}
.discovery-field label{display:block;font-size:15px;font-weight:600;line-height:1.5;margin-bottom:10px}
.discovery-field input,.discovery-field textarea{display:block;box-sizing:border-box;width:100%;border:1px solid #8a9e91;background:#fff;color:#193a35;padding:13px;font:inherit;font-size:16px;border-radius:0}.discovery-field textarea{resize:vertical;min-height:100px}
.discovery-field input:focus,.discovery-field textarea:focus{outline:3px solid #68822c;outline-offset:2px}
.discovery-form .form-note{font-size:13px;line-height:1.6;margin:0 0 24px}.discovery-fields+.form-note{margin-top:24px}
.discovery-submit{border:0;background:#193a35;color:white;font:inherit;font-size:15px;font-weight:600;padding:17px 24px;cursor:pointer}.discovery-submit+.form-note{margin-top:14px}
@media(max-width:600px){.discovery-fields{grid-template-columns:1fr}.discovery-form{margin-inline:0!important;max-width:100%}}
