/* The Roxanna template, with Luis's editorial portrait and content layouts. */
:root{--paper:#f2f3f5;--blue:#345ce5}
*,*::before,*::after{letter-spacing:0!important}
h2,.about h2{font-size:54px;line-height:1.12}
h3{font-size:26px;line-height:1.25}
.section{padding:100px max(6%,calc((100% - 1320px)/2))}
.personal-brand{font:10px var(--mono);color:#b4b7c2;border-left:1px solid #4c505a;padding-left:24px}
.personal-hero{display:block;position:relative;isolation:isolate;background:#010202;min-height:690px;height:calc(100svh - 142px);max-height:860px;overflow:hidden}
.hero-photo{position:absolute;right:2%;top:0;width:64%;height:100%;object-fit:contain;object-position:right center;z-index:-2}
.photo-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#010202 5%,#010202e0 27%,transparent 64%)}
.personal-hero .hero-copy{padding:48px 6% 82px;width:62%;height:100%;justify-content:center}
.personal-hero h1{font-size:72px;line-height:1.04;margin:24px 0 22px}
.personal-hero h1 em{font-family:Georgia,serif;font-weight:400;color:#a9bcff}
.personal-role{font-size:18px;margin-bottom:9px}
.personal-location{font-size:13px;line-height:1.65;color:#b3b7c0;margin-bottom:22px}
.personal-promise{font-size:17px;color:#d4d7df;line-height:1.55;margin-bottom:24px}
.personal-promise strong{color:white;font-weight:500}
.personal-hero .hero-actions{flex-direction:row;align-items:center;gap:27px}
.hero-caption{position:absolute;bottom:0;left:6%;right:6%;border-top:1px solid #ffffff24;padding:22px 0;display:flex;justify-content:space-between;gap:20px;font:9px var(--mono);color:#b9bdc7}
.discipline-bar{min-height:70px}
.about{grid-template-columns:1fr 3fr;gap:45px}
.bio-lead{font-size:20px;line-height:1.65;max-width:850px;color:#2c333e;margin-bottom:30px}
.about-columns p{font-size:15px;color:#545b67}
.credentials{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:25px;border-top:1px solid #c9ccd1;padding-top:27px}
.credentials span{font:11px var(--mono);color:#46526b}
.credentials strong{display:block;font-size:17px;margin:10px 0;font-weight:500}
.credentials p{font-size:13px;color:#626977;margin-bottom:0}
.personal-quote{margin:35px 0 25px;padding:0 0 0 23px;border-left:2px solid #3158eb;font:italic 28px/1.3 Georgia,serif}
.personal-quote cite{display:block;font:11px Arial,sans-serif;margin-top:14px;color:#626977}
.profile-links{display:flex;gap:24px;flex-wrap:wrap;font-size:12px}
.profile-links a{padding:10px 0;border-bottom:1px solid #878d98}
.profile-links a:hover{color:#718fff}
.problem-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;align-items:center}
.friction-list article{display:flex;gap:26px;padding:28px 0;border-top:1px solid var(--line)}
.friction-list article>span{font:11px var(--mono);color:#90a7fb;padding-top:6px}
.friction-list h3{font-size:22px;margin-bottom:12px}
.friction-list p{color:#a5abb5;font-size:14px;margin-bottom:0;max-width:430px}
.time-example{border-left:1px solid #4c5363;padding-left:45px}
.time-example>.eyebrow{color:#aebbd9}
.time-number{font-size:112px;line-height:1.1;margin-top:18px;font-variant-numeric:tabular-nums}
.time-number>span{display:block;font:italic 29px Georgia,serif;color:#a9bcff;margin-top:7px}
.time-formula{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;margin:27px 0 20px;font-size:12px;color:#a5abb5}
.time-formula b{display:block;color:#e9ebf1;font-size:20px;font-weight:400;margin-bottom:7px}
.time-example>p{font-size:12px;color:#a5abb5}
.time-example .text-link{margin-top:12px}
.method-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.method-steps article{padding-right:20px}
.method-steps p{min-height:85px;max-width:320px;font-size:14px}
.partner-note{margin-top:60px;padding-top:25px;border-top:1px solid var(--line);display:flex;align-items:center;gap:24px;max-width:770px}
.partner-note img{width:70px;height:70px;object-fit:cover;mix-blend-mode:screen}
.partner-note p{color:#a5abb5;font-size:13px;margin:0}
.partner-note strong{display:block;color:#e5e8ee;margin-bottom:6px;font-weight:500}
.service-row{border-top:1px solid #3c414c}
.service-row:last-child{border-bottom:1px solid #3c414c}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
.service-row summary{display:flex;align-items:center;gap:28px;padding:28px 0}
.service-row h3{margin:0;font-size:29px}
.service-index{font:11px var(--mono);color:#a9b9ee}
.disclosure{margin-left:auto;font-size:28px;font-weight:300;width:28px;text-align:center;transition:transform .2s}
details[open] .disclosure{transform:rotate(45deg)}
.service-row[open]{border-top-color:#819dff}
.service-row[open] summary h3{color:#b6c6ff}
.service-body{display:grid;grid-template-columns:1.5fr 1fr;gap:12%;padding:2px 0 35px 44px}
.service-body .eyebrow{color:#a6b7ee;font-size:10px}
.service-body p{color:#b2b7c1;font-size:15px;margin-top:17px;max-width:620px}
.service-body .text-link{margin-top:7px}
.service-outcome{border-left:1px solid #3c414c;padding-left:30px;align-self:center}
.service-outcome>span{font:10px var(--mono);color:#8d96a6}
.service-outcome p{font:italic 25px/1.3 Georgia,serif;color:#e0e6f5}
.interviews{background:#191b20;border-block:1px solid var(--line)}
.interview-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.video-frame{aspect-ratio:16/9;background:#111317;border:1px solid #3b4251;overflow:hidden}
.play-video{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;width:100%;height:100%;padding:28px 100px 28px 28px;background:transparent;color:#f5f5f7;border:0}
.play-video::after{content:'';position:absolute;inset:15px;border-top:1px solid #51607d;border-bottom:1px solid #51607d;pointer-events:none;opacity:.6}
.video-kicker{font:10px var(--mono);color:#9bacd4;margin-bottom:24px}
.video-title{font:italic 34px/1.1 Georgia,serif;max-width:340px}
.video-play{position:absolute;right:28px;top:calc(50% - 27px);width:54px;height:54px;display:grid;place-items:center;border:1px solid #829de4;border-radius:50%;transition:background .2s}
.play-video:hover .video-play{background:#345ce5}
.video-host{font:10px var(--mono);color:#b5bbc9;margin-top:24px}
.video-frame iframe{border:0;width:100%;height:100%;display:block}
.interview-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:22px 0 15px;flex-wrap:wrap}
.interview-meta h3{font-size:19px;margin:0}
.interview-meta time{font-size:11px;color:#b4bbc9}
.interview .text-link{font-size:11px;color:#b5c6f4}
.video-privacy{font-size:11px;color:#a9b0be;margin:30px 0 0}
.faq-layout{display:grid;grid-template-columns:1fr 2fr;gap:8%}
.faq details{border-top:1px solid #3b414c}
.faq details:last-child{border-bottom:1px solid #3b414c}
.faq summary{display:flex;gap:18px;align-items:baseline;padding:24px 0;font-size:17px;line-height:1.5}
.faq summary>span{font:10px var(--mono);color:#8698c6}
.faq summary>b{font-weight:400;font-size:22px;margin-left:auto}
.faq details[open] summary{color:#b4c6ff}
.faq details p{color:#b5bdca;font-size:14px;padding:0 32px 22px;margin:0;line-height:1.8}
.contact-person strong{overflow-wrap:anywhere}
.contact-email{font-size:25px;overflow-wrap:anywhere}
.contact-person span{font-size:10px}
.chat-header strong{font-size:16px}
.chat-header div>span{font-size:9px}
.lead-gate p,.lead-gate>label{font-size:13px}
.lead-gate .lead-consent{font-size:12px}
.chat-consent,.chat-note,.form-note{font-size:12px}
.button,.header-cta{min-height:44px;border-radius:0}
footer{gap:24px;font-size:10px;line-height:1.7;flex-wrap:wrap}
footer>span:first-child{max-width:390px}
footer .profile-links{font-size:11px}
footer .profile-links a{border:0}
@media(min-width:1600px){.personal-hero .hero-copy{padding-left:max(6%,calc((100% - 1500px)/2))}.personal-hero h1{font-size:82px}}
@media(max-width:1100px){h2,.about h2{font-size:43px}.personal-hero h1{font-size:60px}.personal-hero .hero-copy{width:66%}.personal-role{font-size:16px}.personal-promise{font-size:16px}.personal-hero{min-height:650px}.personal-brand{font-size:9px}.header nav{gap:16px}.about{gap:30px;grid-template-columns:1fr 3fr}.section{padding:80px 6%}.time-example{padding-left:25px}.video-title{font-size:28px}.service-row h3{font-size:25px}.service-body{gap:8%}.assistant-section{gap:6%}.assistant-intro h2{font-size:43px}.contact h2{font-size:43px}.contact-email{font-size:21px}.contact-person span{font-size:9px}}
@media(max-width:760px){
  h2,.about h2,.section-heading h2,.method-heading h2{font-size:36px}
  .section{padding:62px 6%}.section-tag{font-size:10px;margin-bottom:25px}
  .header{height:68px;padding:0 5%;gap:12px}.personal-brand{font-size:8px;border:0;padding:0;max-width:110px;line-height:1.5}.header .brand{width:84px}.header-cta{margin-left:auto;font-size:11px}
  .personal-hero{height:auto;min-height:0;max-height:none}
  .hero-photo{width:100%;height:440px;right:0;top:0;object-position:center 28%;object-fit:cover}
  .photo-shade{background:linear-gradient(0deg,#010202 0%,#010202 18%,#010202e6 39%,transparent 66%)}
  .personal-hero .hero-copy{width:100%;padding:220px 6% 35px;justify-content:flex-start}
  .personal-hero h1{font-size:44px;line-height:1.04;margin:18px 0}
  .personal-hero .eyebrow{font-size:9px}.personal-role{font-size:15px;margin-bottom:6px}.personal-location{font-size:12px;margin-bottom:16px}.personal-promise{font-size:15px;max-width:360px;margin-bottom:20px}
  .personal-hero .hero-actions{flex-direction:row;gap:22px;flex-wrap:wrap}.personal-hero .button{font-size:12px;padding:16px;gap:20px}.personal-hero .text-link{font-size:12px;gap:12px}.hero-caption{display:none}
  .discipline-bar{font-size:9px;gap:12px;padding:20px 6%}
  .about{display:block}.bio-lead{font-size:17px}.about-columns{grid-template-columns:1fr;gap:0}.about-columns p{font-size:14px}.credentials{gap:24px}.credentials strong{font-size:15px}.credentials p{font-size:12px}.personal-quote{font-size:24px}
  .section-heading{display:block;margin-bottom:30px}.section-heading>p{font-size:13px;margin-top:20px}.problem-layout{grid-template-columns:1fr;gap:24px}.time-example{border-left:0;border-top:1px solid #4c5363;padding:30px 0 0}.time-number{font-size:96px}.time-formula{max-width:390px}.friction-list h3{font-size:20px}
  .method-heading{display:block}.method-steps{grid-template-columns:1fr;gap:30px;margin-top:30px}.method-steps article{padding-right:0}.method-steps p{min-height:0;max-width:none}.method-steps small{font-size:9px}.step-line{margin:18px 0}.step-number{font-size:32px}.partner-note{gap:13px;margin-top:35px;align-items:flex-start}.partner-note img{flex-shrink:0;width:50px;height:50px}
  .service-row summary{gap:15px;padding:24px 0}.service-row h3{font-size:21px}.service-body{grid-template-columns:1fr;padding:0 0 28px 29px;gap:26px}.service-outcome{padding-left:18px}.service-outcome p{font-size:22px;margin-bottom:0}.service-body p{font-size:14px}
  .interview-grid{grid-template-columns:1fr;gap:35px}.play-video{padding:22px 86px 22px 22px}.video-title{font-size:27px}.video-kicker{margin-bottom:14px;font-size:9px}.video-host{margin-top:16px;font-size:9px}.video-play{right:22px;width:46px;height:46px;top:calc(50% - 23px)}
  .faq-layout{grid-template-columns:1fr;gap:10px}.faq summary{font-size:16px;gap:13px}.faq details p{padding-left:25px;padding-right:20px}
  .assistant-section,.contact{grid-template-columns:1fr;gap:30px}.assistant-intro h2,.contact h2{font-size:38px}.contact-form .form-row{grid-template-columns:1fr;gap:0}.contact-email{font-size:23px}.chat-header{gap:10px;padding:18px}.lead-gate{padding:22px}.chat-header div>span{font-size:8px}.contact-person strong{font-size:15px}.contact-person span{font-size:9px}.kivra-bridge h2{font-size:33px}.kivra-bridge>div{display:block}.kivra-bridge .button{margin-top:12px}footer{padding:30px 6%;font-size:10px}footer>span:first-child{width:100%}
}
@media(max-width:370px){.personal-brand{display:none}.personal-hero h1{font-size:38px}.personal-hero .hero-copy{padding-top:190px}.hero-photo{height:390px}.personal-hero .hero-actions{gap:16px}.personal-hero .button{padding:14px 12px;gap:12px;font-size:11px}.personal-hero .text-link{font-size:11px}.contact-email{font-size:20px}.credentials{grid-template-columns:1fr}.video-title{font-size:23px}.video-kicker{font-size:8px}.play-video{padding-right:75px}.video-play{right:15px}h2,.about h2,.assistant-intro h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){.disclosure,.button{transition:none}.button:hover{transform:none}}
