
/* Oddball Animal Works v36 — true multi-page public experience */
.page-hero{padding:88px 0 76px;background:radial-gradient(circle at 10% 15%,rgba(194,116,62,.16),transparent 30rem),radial-gradient(circle at 88% 20%,rgba(55,100,73,.13),transparent 34rem),linear-gradient(180deg,#fffdf9,#f7ecdf);border-bottom:1px solid rgba(76,54,32,.07)}
.page-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:56px;align-items:center}.page-hero-grid:has(.page-hero-copy:only-child){grid-template-columns:minmax(0,900px);justify-content:center;text-align:center}.page-hero-copy h1{font:700 clamp(3.6rem,6.4vw,6.8rem)/.92 Georgia,serif;letter-spacing:-.06em;margin:12px 0 20px;color:#17231c}.page-hero-copy>p{font-size:1.14rem!important;line-height:1.72!important;color:#584d44!important;max-width:64ch}.page-hero-grid:has(.page-hero-copy:only-child) .page-hero-copy>p{margin-inline:auto}.page-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;justify-content:flex-start}.page-hero-grid:has(.page-hero-copy:only-child) .page-hero-actions{justify-content:center}.page-hero-image{margin:0;min-height:460px;position:relative;border-radius:34px;overflow:hidden;border:8px solid rgba(255,255,255,.8);box-shadow:0 34px 80px rgba(56,39,21,.16);transform:rotate(1.2deg)}.page-hero-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.page-hero-image figcaption{position:absolute;left:22px;right:22px;bottom:22px;padding:17px 19px;border-radius:18px;background:rgba(20,35,27,.83);backdrop-filter:blur(12px);color:#fff}.page-hero-image figcaption span,.page-hero-image figcaption strong{display:block}.page-hero-image figcaption span{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#efb789;font-weight:850;margin-bottom:5px}.page-hero-image figcaption strong{font:700 1.32rem/1.1 Georgia,serif}

/* Home is now deliberately shorter and acts as a gateway to dedicated pages. */
.difference-section{background:#fffdf8}.difference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.difference-grid article{padding:26px;border-radius:25px;background:linear-gradient(180deg,#fff,#f8eee3);border:1px solid rgba(82,58,35,.08);box-shadow:0 16px 42px rgba(45,32,20,.07)}.difference-grid i{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#173126;color:#fff;font:800 .9rem/1 system-ui;margin-bottom:16px}.difference-grid strong{display:block;font:700 1.55rem/1.06 Georgia,serif;color:#17231c;margin-bottom:9px}.difference-grid p{font-size:1rem!important;line-height:1.65!important;color:#5b5047!important;margin:0}.home-process-preview{background:linear-gradient(135deg,#173126,#24493a);color:#fff}.home-process-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:center}.home-process-grid h2{font:700 clamp(3rem,4.8vw,5.2rem)/.95 Georgia,serif;color:#fff;margin:10px 0 16px}.home-process-grid>div>p{color:rgba(255,255,255,.82)!important;font-size:1.07rem!important}.home-step-list{display:grid;gap:14px}.home-step-list>div{display:grid;grid-template-columns:58px 1fr;gap:17px;padding:18px;border:1px solid rgba(255,255,255,.10);border-radius:22px;background:rgba(255,255,255,.07)}.home-step-list i{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#f2b47f;color:#44230f;font-style:normal;font-weight:900}.home-step-list strong{display:block;font-size:1.12rem;color:#fff;margin-bottom:5px}.home-step-list small{font-size:.98rem!important;line-height:1.55!important;color:rgba(255,255,255,.75)!important}.page-cta{padding:84px 0;background:radial-gradient(circle at 88% 15%,rgba(216,141,84,.30),transparent 26rem),linear-gradient(135deg,#10241b,#173427);color:#fff}.page-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.page-cta h2{font:700 clamp(2.8rem,4.7vw,5rem)/.95 Georgia,serif;color:#fff;margin:8px 0 10px}.page-cta p{max-width:64ch;color:rgba(255,255,255,.8)!important;font-size:1.04rem!important}

/* Detail pages */
.difference-detail{background:linear-gradient(180deg,#fffdf8,#f6e9db)}.difference-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:38px}.difference-detail-grid article{padding:28px;border-radius:26px;background:#fffdf9;border:1px solid rgba(81,57,34,.08);box-shadow:0 18px 50px rgba(44,31,18,.07)}.difference-detail-grid article>span{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;color:#ad572b;font-weight:850}.difference-detail-grid h3{font:700 1.75rem/1.03 Georgia,serif;margin:10px 0;color:#17231c}.difference-detail-grid p{font-size:1rem!important;color:#5c5148!important;line-height:1.7!important}.faq-support{background:#fffaf3}.faq-support-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;align-items:center}.faq-support h2{font:700 clamp(3rem,4.8vw,5rem)/.95 Georgia,serif;margin:10px 0}.faq-support-card{padding:30px;border-radius:28px;background:#173126;color:#fff;box-shadow:0 30px 70px rgba(32,26,18,.13)}.faq-support-card>strong{font:700 1.7rem/1.08 Georgia,serif}.faq-support-card p{font-size:1.05rem!important;color:rgba(255,255,255,.82)!important;font-style:italic}.legal-page{min-height:70vh;padding:96px 0;background:linear-gradient(180deg,#fffdf8,#f4e5d4)}.legal-page-wrap{max-width:980px}.legal-page-card article{padding:38px;border-radius:30px;background:#fffdf9;border:1px solid rgba(78,54,32,.08);box-shadow:0 28px 70px rgba(47,32,18,.08)}.legal-page-card h1,.legal-page-card h2{font:700 clamp(2.8rem,4.6vw,4.6rem)/.98 Georgia,serif;color:#17231c}.legal-page-card p{font-size:1.05rem!important;line-height:1.78!important;color:#584e46!important}

/* Make individual pages feel intentional rather than slices from one long page. */
body .services-v32,body .animal-intro,body .process-v32,body .about-v32,body .faq-section,body .materials-section,body .why-section,body .measure-section,body .proof-story-section,body .matcher-section{border-top:0}.services-v32>.wrap>.section-heading,.animal-intro-head,.faq-grid,.materials-grid,.about-v32-grid{scroll-margin-top:110px}.main-nav a.active{background:#173126;color:#fff;border-radius:999px;padding-inline:13px}.main-nav a.active:after{display:none}.site-footer{margin-top:0}

/* Studio hosted-link guidance (styles used in existing Studio shell). */
.bb36-portal-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.bb36-portal-guide>div{padding:12px;border:1px solid var(--line,#ddd);border-radius:14px;background:rgba(255,255,255,.04)}.bb36-portal-guide i{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#2b6b48;color:#fff;font-style:normal;font-weight:900;margin-bottom:7px}.bb36-portal-guide strong,.bb36-portal-guide small{display:block}.bb36-portal-guide small{opacity:.75;margin-top:3px;line-height:1.35}.bb36-customer-message{white-space:pre-wrap}

.simple-error{margin:0;background:#17231c;color:#fff;min-height:100vh;display:grid;place-items:center;font-family:system-ui}.simple-error main{width:min(620px,calc(100% - 32px));text-align:center}.simple-error img{width:180px}.simple-error span{display:block;color:#f1af77;font-weight:900;letter-spacing:.18em;margin-top:14px}.simple-error h1{font:700 clamp(3rem,9vw,6rem)/.95 Georgia,serif;color:#fff;margin:8px 0}.simple-error p{color:#d8ded9}.simple-error a{display:inline-flex;padding:13px 18px;background:#ba6434;color:#fff;border-radius:999px;text-decoration:none;font-weight:800}

@media(max-width:1040px){.page-hero-grid,.home-process-grid,.faq-support-grid{grid-template-columns:1fr}.page-hero-image{min-height:390px}.difference-grid,.difference-detail-grid{grid-template-columns:1fr 1fr}.page-cta-inner{align-items:flex-start;flex-direction:column}.bb36-portal-guide{grid-template-columns:1fr}}
@media(max-width:720px){.page-hero{padding:58px 0 54px}.page-hero-grid{gap:30px}.page-hero-copy h1{font-size:clamp(3rem,12vw,4.3rem)}.page-hero-image{min-height:330px}.difference-grid,.difference-detail-grid{grid-template-columns:1fr}.home-process-preview,.page-cta{padding:68px 0}.page-cta h2,.home-process-grid h2{font-size:clamp(2.7rem,11vw,3.7rem)}.main-nav a.active{border-radius:12px}.legal-page{padding:66px 0}.legal-page-card article{padding:24px}}
