/* October 5: visual workflows, principles, and consistent portrait framing. */
html{scroll-padding-top:130px}
body #main :is(.tob-workflow-section,.tob-principles,.tob-fit-note,.tob-next-steps,.tob-model-intro){scroll-margin-top:125px}
body .tob-page-hero.tob-with-art>.eyebrow,body .tob-page-hero.tob-with-art>h1,body .tob-page-hero.tob-with-art>.tob-lede,body .tob-page-hero.tob-with-art>.tob-hero-cta{grid-column:1}
body .tob-page-hero.tob-with-art>.tob-brand-art{grid-column:2;grid-row:1/5}
body .tob-hero-cta{margin:8px 0 0!important}
body .tob-page-hero h1{font-size:clamp(44px,5.5vw,78px)!important}
body .hero-intro small{display:inline-block;margin-top:12px;color:#97e3da;font-size:14px}
body .tob-section-heading{max-width:780px}
body #main .tob-workflow-section h2,body #main .tob-principles h2,body #main .tob-fit-note h2,body #main .tob-next-steps h2{font-size:clamp(36px,4.5vw,62px);line-height:1.08}
body .tob-section-heading>p:last-child,body .tob-section-intro{max-width:640px}
body .tob-workflow-section{padding:65px 0}
body .tob-workflow-layout{display:grid;grid-template-columns:1.12fr 1fr;gap:50px;align-items:center;margin-top:30px}
body .tob-workflow-art{margin:0!important;overflow:visible!important}
body .tob-workflow-art img{width:100%;height:auto!important;display:block;object-fit:contain!important;border-radius:28px 80px 28px 28px}
body .tob-brand-art .tob-workflow-art img{border-radius:28px 80px 28px 28px!important}
body .tob-art-caption{font-size:14px;color:#a5e9e2;margin:15px 0}
body #main details{border:0;border-bottom:1px solid #69d8cf55;padding:0;background:transparent;box-shadow:none;border-radius:0}
body #main summary{cursor:pointer;display:flex;align-items:center;gap:15px;padding:23px 0;font:600 clamp(19px,2vw,25px)/1.25 "Josefin Sans",sans-serif;color:#f8f4dc;list-style:none;min-height:48px}
body #main summary::-webkit-details-marker{display:none}
body #main summary>span{color:#70e9e0;font-size:15px;min-width:24px}
body #main summary>b{margin-left:auto;color:#f5e85e;font-weight:400;font-size:26px}
body #main details[open] summary>b{transform:rotate(45deg)}
body #main details>p{font-size:17px;line-height:1.65;margin:0 0 24px 39px;color:#e7eee5}
body #main .tob-fit-note details>p{margin-left:0}
body #main summary:focus-visible,body #main a:focus-visible{outline:2px solid #f5e85e;outline-offset:6px}
body .tob-workflow-example{font-size:20px;line-height:1.7;max-width:970px;margin:26px 0 0}
body .tob-workflow-example>.eyebrow{display:block;font-size:12px}
body .tob-workflow-example>small{display:block;font-size:13px;line-height:1.55;margin-top:10px;color:#a8d2ce}
body .tob-principle-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:50px;row-gap:10px;margin-top:32px}
body .tob-principle-grid article{display:grid;grid-template-columns:64px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid #6bc1bb44}
body .tob-principle-icon{font-size:54px;line-height:1.3}
body .tob-principle-grid small{font:600 11px/1.5 "Trebuchet MS",sans-serif;letter-spacing:.12em;color:#aae8df}
body .tob-principle-grid h3{font-size:26px;margin:8px 0 10px}
body .tob-principle-grid p{font-size:17px;line-height:1.6;margin:0}
body .tob-fit-note{padding:25px 0;max-width:850px}
body .tob-fit-note>p{max-width:760px}
body .tob-visual-story{display:grid;grid-template-columns:1fr 1.15fr;gap:65px;align-items:center;padding:35px 0}
body .tob-visual-story figure{margin:0!important;background:transparent!important;border:0!important}
body .tob-visual-story img{width:100%;height:auto;object-fit:contain}
body .tob-visual-story h2{font-size:clamp(36px,4vw,55px)}
body .tob-stage-track li>span{display:block;font-size:19px;line-height:1.35}
body .tob-stage-track li>small{display:block;font-size:14px;line-height:1.5;color:#c7ddd8;margin-top:10px}
body .tob-next-steps ol{list-style:none;counter-reset:step;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
body .tob-next-steps li{counter-increment:step;border-top:1px solid #60dad466;padding:24px 0}
body .tob-next-steps li:before{content:"0" counter(step);display:block;font:600 35px "Josefin Sans",sans-serif;color:#6ce4df;margin-bottom:20px}
body .tob-next-steps li>b,body .tob-next-steps li>span{display:block;line-height:1.6}
body .tob-next-steps li>span{font-size:17px;margin-top:10px}
body .tob-small-copy,body .tob-selection-note{line-height:1.6}
body .contact p:not(.eyebrow){max-width:650px;margin:22px auto 32px}
body .tob-crew-no-photo{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;align-items:start;gap:60px!important}
body .tob-crew-no-photo .tob-ai-portrait{height:400px!important;padding:0!important;overflow:hidden!important;margin-bottom:26px!important;mask-image:linear-gradient(#000 88%,transparent)}
body .tob-crew-no-photo .tob-ai-portrait img{height:520px!important;width:100%!important;object-fit:contain!important;object-position:center top!important;transform:none!important}
body .tob-crew-no-photo article:nth-child(2) .tob-ai-portrait img{height:580px!important;transform:translateY(-20px)!important}
body .tob-portrait-caption{margin-top:0!important;color:#aed7d2;font-size:13px}
body.route-crew .tob-page-hero{padding-bottom:10px!important;min-height:0!important}
body.route-crew .tob-crew-profiles{margin-top:10px!important}
body.route-model .tob-brand-art{align-self:center}
@media(max-width:900px){
 body .tob-workflow-layout{grid-template-columns:1fr;gap:20px}
 body .tob-workflow-visual{max-width:650px}
 body .tob-principle-grid{gap:5px 30px}
 body .tob-visual-story{gap:30px}
}
@media(max-width:760px){
 html{scroll-padding-top:105px}
 body .tob-page-hero.tob-with-art>.tob-brand-art{grid-column:1!important;grid-row:auto!important}
 body .tob-hero-cta{grid-column:1!important}
 body .tob-workflow-section{padding:35px 0}
 body .tob-principle-grid,body .tob-visual-story,body .tob-next-steps ol{grid-template-columns:1fr}
 body .tob-principle-grid article{grid-template-columns:44px 1fr;gap:16px;padding:23px 0}
 body .tob-principle-icon{font-size:38px}
 body .tob-workflow-art img{border-radius:18px 50px 18px 18px}
 body .tob-workflow-example{font-size:18px}
 body .tob-visual-story>div:first-child{max-width:400px;margin:auto}
 body .tob-crew-no-photo{grid-template-columns:1fr!important;gap:40px!important}
 body .tob-crew-no-photo article{max-width:480px;width:100%;margin:auto}
 body .tob-crew-no-photo .tob-ai-portrait{height:320px!important}
 body .tob-crew-no-photo .tob-ai-portrait img{height:420px!important}
 body .tob-crew-no-photo article:nth-child(2) .tob-ai-portrait img{height:470px!important;transform:translateY(-18px)!important}
 body .tob-flow-header{gap:8px!important}
 body .tob-flow-header .brand{min-width:0!important;gap:8px}
 body .tob-flow-header .menu{padding:9px 6px!important;gap:8px}
 body .tob-stage-track li>small{max-width:90%}
 body .tob-hero-cta .button{max-width:100%;white-space:normal}
}