/* The Phipps Collective — page additions on top of styles.css (Review Engine, About, Contact). */
.proof-strip{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;font:600 11px/16px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--navy)}
.proof-strip li::before{content:"◇";color:var(--orange);margin-right:8px}
.re-hero h1{font-size:clamp(52px,7vw,96px)}
.hero-art--emblem{display:flex;flex-direction:column;justify-content:space-between}
.engine-emblem--hero{margin:auto;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}
.engine-emblem--hero span{font:600 44px/.95 var(--display);letter-spacing:.02em;color:var(--cream)}

/* Video blocks */
.video-wide{margin:40px 0 0}
.video-wide video{display:block;width:100%;height:auto;background:var(--navy)}
.video-wide figcaption,.phone-media figcaption{font:400 13px/20px var(--sans);color:rgba(10,22,40,.7);margin-top:12px}
.phone-row{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:48px;align-items:start;margin-top:64px}
.phone-media{margin:0}
.phone-media video{display:block;width:100%;height:auto;border:1.5px solid var(--navy);background:var(--navy)}
.loom-block h3{font:600 32px/1 var(--display);margin:12px 0 10px}
.loom-block>p:not(.eyebrow){margin:0 0 20px;max-width:46ch}
.loom-embed{position:relative;padding-bottom:62.5%;height:0;border:1.5px solid var(--navy);background:var(--navy)}
.loom-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.loom-block .text-link{display:inline-block;margin-top:14px}

/* Steps as visible text */
.steps-text{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:40px 0 48px;border-top:1px solid var(--line);padding-top:32px}
.steps-text h3{font:600 24px/1.05 var(--display);margin:0 0 10px;display:flex;flex-direction:column;gap:8px}
.steps-text h3 small{font:600 11px/14px var(--sans);letter-spacing:.2em;color:var(--orange)}
.steps-text p{margin:0;font-size:15px;line-height:24px}

/* Calculator */
.calc{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:40px}
.calc-inputs{display:grid;gap:18px}
.calc-inputs label{display:block;font:600 11px/16px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--cream);margin-bottom:8px}
.calc-inputs label span{color:rgba(245,240,230,.6);letter-spacing:.08em;text-transform:none}
.calc-inputs input{width:100%;font:600 22px/1.2 var(--sans);padding:14px 16px;background:transparent;color:var(--cream);border:1.5px solid rgba(245,240,230,.55);border-radius:0}
.calc-inputs input:focus{outline:2px solid var(--gold);outline-offset:2px;border-color:var(--cream)}
.calc-inputs input::placeholder{color:rgba(245,240,230,.4)}
.calc-result{background:var(--gold);color:var(--navy);padding:32px;min-height:260px;display:flex;flex-direction:column;justify-content:center}
.calc-result .placeholder{font:400 18px/28px var(--sans);margin:0;opacity:.85}
.calc-result .big{font:600 44px/1 var(--display);margin:0 0 16px}
.calc-result .big em{font-style:normal;color:var(--orange)}
.calc-result .res-line{font:400 17px/26px var(--sans);margin:0 0 10px}
.calc-result .tiny{font:400 12px/18px var(--sans);opacity:.8;margin:10px 0 20px}
.calc-result .button.light{background:var(--navy);color:var(--cream)}

/* Pricing */
.price{font:600 56px/1 var(--display);margin:0 0 6px}
.price span{font-size:84px;color:var(--gold)}
.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin:40px 0 36px;align-items:start}
.included h3,.honesty h3{font:600 26px/1.05 var(--display);margin:0 0 12px}
.included .tiny{font:400 13px/20px var(--sans);color:rgba(245,240,230,.75);margin-top:20px;max-width:46ch}
.honesty{display:grid;gap:22px}
.honesty article{border-top:1px solid rgba(245,240,230,.25);padding-top:16px}
.honesty p{margin:0;font-size:15px;line-height:24px;color:rgba(245,240,230,.85)}
.section-dark .actions{margin-top:8px}

/* Fit */
.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:40px}
.fit-grid article{border:1.5px solid var(--navy);padding:28px}
.fit-grid h3{font:600 28px/1 var(--display);margin:0 0 16px}
.fit-yes h3::before{content:"◆";color:var(--orange);margin-right:10px}
.fit-no h3::before{content:"◇";color:var(--navy);margin-right:10px}
.fit-grid ul{margin:0;padding-left:18px;font-size:16px;line-height:26px}
.fit-grid li{margin-bottom:6px}

/* FAQ */
.faq-section{background:rgba(10,22,40,.04)}
.faq-list{margin-top:32px;border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font:600 28px/1 var(--display);color:var(--orange);flex:0 0 auto}
.faq-item[open] summary::after{content:"–"}
.faq-item summary h3{font:600 24px/1.1 var(--display);margin:0}
.faq-item p{margin:0 0 22px;max-width:62ch;font-size:16px;line-height:26px}
.faq-item summary:focus-visible{outline:2px solid var(--orange);outline-offset:4px}

/* About */
.about-page h1{font-size:clamp(44px,5.5vw,76px);line-height:.95;margin:12px 0 20px}
.stats{list-style:none;margin:28px 0 0;padding:24px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.stats strong{display:block;font:600 40px/1 var(--display);color:var(--orange)}
.stats span{font:400 13px/18px var(--sans);display:block;margin-top:6px}

/* Contact */
.contact-page h1{font-size:clamp(48px,6vw,84px);line-height:.95;margin:12px 0 0}
.contact-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:48px;margin-top:40px;align-items:start}
.calendly-wrap{border:1.5px solid var(--navy);padding:8px;background:var(--cream)}
.calendly-wrap .tiny{font:400 13px/20px var(--sans);margin:10px 8px 4px}
.contact-aside h2{font:600 32px/1 var(--display);margin:0 0 12px}
.contact-aside h3{font:600 20px/1.1 var(--display);margin:24px 0 8px}
.contact-aside p{font-size:16px;line-height:26px}
.contact-aside .principles li{color:var(--navy)}
.contact-aside .principles li::before{color:var(--orange)}
.contact-aside .email-link{color:var(--orange);font-weight:600}

@media(max-width:1050px){.steps-text{grid-template-columns:1fr 1fr}.phone-row{grid-template-columns:1fr}.phone-media{max-width:360px}}
@media(max-width:760px){.calc,.price-grid,.fit-grid,.contact-grid,.steps-text{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr 1fr;gap:10px}.stats strong{font-size:30px}.calc-result .big{font-size:36px}.price span{font-size:64px}.engine-emblem--hero span{font-size:34px}.proof-strip{gap:6px 16px}}

/* Hero scenes */
.hero-art .scene{padding:12px 0}
.hero-art--emblem{display:flex;flex-direction:column;justify-content:space-between}
.video-wide--scene{background:var(--navy) url(/assets/paper-grain.png);padding:0}
.video-wide--scene .scene-richmond svg{width:100%}
.phone-media--scene{background:var(--navy) url(/assets/paper-grain.png);padding:12px 0}
.phone-media--scene .scene-reply{max-width:360px}
@media(max-width:760px){.video-wide--scene .scene-richmond svg{min-height:0}}
