/*
Theme Name: MedTech Ramp Editorial
Theme URI: https://medtechramp.com/
Author: MedTech Ramp
Description: Editable editorial website for MedTech Ramp. Homepage content uses WordPress blocks; Blog cards use post featured images.
Version: 1.0.1
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: medtech-ramp-editorial
*/

:root{--mtr-ivory:#efe7dd;--mtr-paper:#f7f1e9;--mtr-brown:#764b36;--mtr-dark:#503322;--mtr-ochre:#c88a36;--mtr-navy:#244a70;--mtr-blue:#e3f1f7;--mtr-line:rgba(118,75,54,.18)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--mtr-ivory);color:var(--mtr-dark);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
body a{color:inherit}
a:focus-visible,button:focus-visible{outline:3px solid var(--mtr-navy);outline-offset:4px}
.mtr-shell{width:min(calc(100% - 88px),1320px);margin-inline:auto}
.mtr-section{padding-block:clamp(90px,9vw,160px)}
.mtr-skip{position:fixed;z-index:100;top:-100px;left:20px;padding:12px 18px;color:#fff;background:var(--mtr-navy)}
.mtr-skip:focus{top:16px}
.mtr-header{background:var(--mtr-ivory);border-bottom:1px solid var(--mtr-line)}
.mtr-header-inner{min-height:118px;display:flex;align-items:center;gap:36px}
.mtr-brand{display:block;width:199px;flex:none;line-height:0}
.mtr-brand img{display:block;width:100%;height:auto}
.mtr-nav{display:flex;align-items:center;gap:clamp(20px,2.5vw,44px);margin-left:auto}
.mtr-menu-list{display:flex;align-items:center;gap:clamp(20px,2.5vw,44px);list-style:none;margin:0;padding:0}
.mtr-nav a,.mtr-header-contact{font-size:13px;font-weight:700;text-decoration:none;transition:color .2s}
.mtr-nav a:hover,.mtr-header-contact:hover{color:var(--mtr-ochre)}
.mtr-header-contact{display:flex;gap:18px;align-items:center;margin-left:20px;padding-block:11px;border-bottom:1px solid var(--mtr-brown);white-space:nowrap}
.mtr-menu-toggle{display:none}
.mtr-home .wp-block-group,.mtr-home .wp-block-columns{margin-block-start:0;margin-block-end:0}
.mtr-home .wp-block-group__inner-container,.mtr-journal .wp-block-group__inner-container{display:contents}
.mtr-home p,.mtr-home h1,.mtr-home h2,.mtr-home h3{margin-top:0}
.mtr-home h1,.mtr-home h2,.mtr-home h3,.mtr-journal h1,.mtr-journal h2,.mtr-journal h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em}
.mtr-home h1 em,.mtr-home h2 em,.mtr-journal h1 em{font-weight:400;color:var(--mtr-navy)}
.mtr-eyebrow,.mtr-index,.mtr-kicker{font-size:11px;font-weight:800;letter-spacing:.19em;line-height:1.5;color:var(--mtr-navy)}
.mtr-hero{background:var(--mtr-ivory);position:relative;overflow:hidden}
.mtr-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 77% 36%,rgba(227,241,247,.7),transparent 28%)}
.mtr-hero-grid{position:relative;display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(40px,5vw,92px);align-items:center;min-height:690px;padding-block:72px 65px}
.mtr-hero-title{max-width:710px;margin:24px 0 27px!important;color:var(--mtr-brown);font-size:clamp(54px,5.55vw,91px);line-height:1.04}
.mtr-hero-intro{max-width:610px;margin-bottom:30px;font-size:clamp(17px,1.45vw,20px);line-height:1.65}
.mtr-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.mtr-actions .wp-block-button__link,.mtr-final .wp-block-button__link{display:inline-flex;align-items:center;min-height:58px;min-width:225px;padding:14px 23px;border-radius:0;color:#fff;background:var(--mtr-brown);font-size:13px;font-weight:700;text-decoration:none;transition:background .25s,transform .25s}
.mtr-actions .wp-block-button__link:hover,.mtr-final .wp-block-button__link:hover{background:var(--mtr-dark);transform:translateY(-2px)}
.mtr-text-link{font-size:13px;font-weight:700;text-decoration:none;border-bottom:1px solid var(--mtr-brown);padding-bottom:9px}
.mtr-audience{margin-top:34px;font-size:12px;line-height:1.5;color:#806552}
.mtr-hero-photo{border:1px solid rgba(36,74,112,.14);box-shadow:22px 22px 0 rgba(200,138,54,.11)}
.mtr-hero-photo figure{margin:0;aspect-ratio:8/5;overflow:hidden;background:var(--mtr-blue)}
.mtr-hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.mtr-photo-caption{display:flex;justify-content:space-between;gap:10px;padding:21px 24px;color:var(--mtr-paper);background:var(--mtr-navy);font-size:10px;font-weight:800;letter-spacing:.14em}
.mtr-approach{background:var(--mtr-paper)}
.mtr-intro-grid{display:grid;grid-template-columns:.38fr 1fr;gap:clamp(54px,10vw,160px)}
.mtr-side-note{max-width:180px;margin-top:140px;color:var(--mtr-brown);font:italic 19px/1.35 Georgia,serif}
.mtr-home h2{max-width:870px;margin:17px 0 25px;color:var(--mtr-brown);font-size:clamp(43px,4.5vw,69px);line-height:1.13}
.mtr-lead{max-width:710px;font-size:clamp(18px,1.45vw,21px);line-height:1.7}
.mtr-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:62px}
.mtr-principles>div{border-top:1px solid var(--mtr-line);padding-top:19px}
.mtr-principles strong{color:var(--mtr-brown);font-size:11px}
.mtr-principles p{margin-top:15px;font-size:14px;line-height:1.55}
.mtr-services{background:var(--mtr-ivory)}
.mtr-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:52px}
.mtr-section-head h2{margin-bottom:0;max-width:720px}
.mtr-section-head>p{max-width:265px;margin-bottom:5px;font-size:15px;line-height:1.6}
.mtr-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mtr-service-card{min-height:465px;padding:28px;background:var(--mtr-paper);border:1px solid rgba(118,75,54,.08);transition:transform .25s,box-shadow .25s}
.mtr-service-card:hover{transform:translateY(-3px);box-shadow:0 22px 32px rgba(80,51,34,.08)}
.mtr-service-card:nth-child(2){background:var(--mtr-blue)}
.mtr-service-card .mtr-service-label{color:var(--mtr-navy);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.mtr-service-card .mtr-service-symbol{height:103px;display:flex;align-items:flex-end;color:var(--mtr-ochre);font:78px/1 Georgia,serif}
.mtr-service-card h3{margin:19px 0 16px;color:var(--mtr-brown);font-size:clamp(28px,2.35vw,36px)}
.mtr-service-card p{font-size:14px;line-height:1.7}
.mtr-service-card .mtr-service-detail{margin-top:25px;color:var(--mtr-navy);font-size:9px;font-weight:800;letter-spacing:.12em}
.mtr-blog-preview,.mtr-blog-index{background:var(--mtr-blue)}
.mtr-blog-preview .mtr-section-head>div:last-child{max-width:310px}
.mtr-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.mtr-blog-index .mtr-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.mtr-blog-card{display:flex;flex-direction:column;min-width:0;height:100%;background:var(--mtr-paper);border:1px solid rgba(36,74,112,.1)}
.mtr-blog-card figure{margin:0;aspect-ratio:16/9;overflow:hidden;background:#cadde4}
.mtr-blog-card figure img{display:block;width:100%;height:100%;object-fit:cover}
.mtr-blog-body{display:flex;flex-direction:column;flex:1;padding:28px 26px 27px}
.mtr-blog-topic{margin-bottom:15px;color:var(--mtr-navy);font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.mtr-blog-card h3{margin:0 0 17px;color:var(--mtr-brown);font-size:clamp(25px,2.15vw,32px);line-height:1.15}
.mtr-blog-card h3 a{text-decoration:none}
.mtr-blog-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.mtr-blog-body>p:not(.mtr-blog-topic){font-size:14px;line-height:1.65}
.mtr-blog-body .mtr-review-note{padding-left:10px;border-left:2px solid var(--mtr-ochre);font-size:12px!important}
.mtr-blog-link{align-self:flex-start;margin-top:auto;padding-top:24px;border-bottom:1px solid var(--mtr-navy);color:var(--mtr-navy);font-size:12px;font-weight:800;text-decoration:none}
.mtr-about{background:var(--mtr-paper)}
.mtr-about-grid{display:grid;grid-template-columns:1fr .8fr;gap:clamp(80px,10vw,150px);align-items:center}
.mtr-about-copy>p:not(.mtr-index){max-width:625px;font-size:16px;line-height:1.7}
.mtr-about-copy>.mtr-lead{font-size:20px!important}
.mtr-about-panel{display:flex;flex-direction:column;min-height:520px;padding:28px;color:var(--mtr-brown);background:var(--mtr-ivory);border:1px solid rgba(118,75,54,.28)}
.mtr-about-panel-top,.mtr-about-panel-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;font-weight:800;letter-spacing:.13em}
.mtr-about-panel figure{flex:1;min-height:375px;margin:18px 0;overflow:hidden;background:var(--mtr-blue)}
.mtr-about-panel img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%}
.mtr-about-panel-bottom{padding-top:17px;border-top:1px solid var(--mtr-line)}
.mtr-questions{background:var(--mtr-ivory)}
.mtr-questions-grid{display:grid;grid-template-columns:.75fr 1fr;gap:clamp(60px,8vw,130px)}
.mtr-question{padding:30px 0 34px;border-bottom:1px solid var(--mtr-line)}
.mtr-question:first-child{border-top:1px solid var(--mtr-line)}
.mtr-question h3{margin-bottom:13px;color:var(--mtr-navy);font-size:clamp(23px,2.2vw,30px)}
.mtr-question p{margin-bottom:0;font-size:15px;line-height:1.7}
.mtr-final{background:var(--mtr-brown);color:var(--mtr-paper)}
.mtr-final-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:90px;align-items:end}
.mtr-final h2{max-width:830px;margin-bottom:0;color:var(--mtr-paper)}
.mtr-final h2 em{color:#e9bc77}
.mtr-final .mtr-index{color:#e9bc77}
.mtr-final p{font-size:18px;line-height:1.6}
.mtr-final .wp-block-button__link{color:var(--mtr-dark);background:var(--mtr-paper)}
.mtr-final small{font-size:11px;opacity:.8}
.mtr-footer{color:var(--mtr-paper);background:var(--mtr-dark)}
.mtr-footer-grid{min-height:130px;display:grid;grid-template-columns:1fr auto auto;gap:40px;align-items:center}
.mtr-footer strong{font:17px Georgia,serif}
.mtr-footer small{display:block;margin-top:8px}
.mtr-footer nav{display:flex;gap:22px;font-size:12px}
.mtr-footer a{text-decoration:none}
.mtr-footer a:hover{text-decoration:underline}
.mtr-journal-hero{padding-block:92px 95px}
.mtr-journal-hero h1{max-width:810px;margin:24px 0;color:var(--mtr-brown);font-size:clamp(54px,5.55vw,91px);line-height:1.04}
.mtr-blog-index{padding-block:75px 120px}
.mtr-page{min-height:55vh;padding-block:70px 110px;background:var(--mtr-paper)}
.mtr-page h1{font:400 clamp(42px,4vw,64px)/1.15 Georgia,serif;color:var(--mtr-brown)}
.mtr-page-content{max-width:900px;font-size:17px;line-height:1.75}
.mtr-page-content a{color:var(--mtr-navy);text-decoration:underline}
.mtr-page-content img{max-width:100%;height:auto}
.mtr-reveal{opacity:0;transform:translateY(14px);transition:opacity .65s ease,transform .65s ease}
.mtr-reveal.is-visible{opacity:1;transform:none}
@media(max-width:1050px){.mtr-shell{width:min(calc(100% - 52px),1320px)}.mtr-nav{gap:16px}.mtr-service-card{padding:22px}.mtr-about-grid{gap:55px}}
@media(max-width:760px){.mtr-shell{width:min(calc(100% - 36px),640px)}.mtr-section{padding-block:82px}.mtr-header-inner{min-height:85px;gap:10px;flex-wrap:wrap;padding-block:10px}.mtr-brand{width:142px}.mtr-menu-toggle{display:block;margin-left:auto;padding:9px 12px;border:1px solid var(--mtr-line);background:transparent;color:var(--mtr-dark)}.mtr-nav{display:none;order:3;width:100%;margin-left:0;flex-wrap:wrap;padding-block:12px}.mtr-nav.is-open{display:flex}.mtr-menu-list{flex-wrap:wrap}.mtr-header-contact{margin-left:0;font-size:12px}.mtr-hero-grid,.mtr-intro-grid,.mtr-about-grid,.mtr-questions-grid,.mtr-final-grid{grid-template-columns:1fr}.mtr-hero-grid{gap:56px;min-height:0;padding-block:75px 42px}.mtr-hero-title{font-size:clamp(51px,12vw,72px)}.mtr-home h2{font-size:clamp(42px,10vw,59px)}.mtr-hero-photo{box-shadow:12px 12px 0 rgba(200,138,54,.11)}.mtr-intro-grid,.mtr-questions-grid{gap:40px}.mtr-side-note{display:none}.mtr-principles,.mtr-service-grid,.mtr-blog-grid,.mtr-blog-index .mtr-blog-grid{grid-template-columns:1fr}.mtr-principles{gap:18px;margin-top:40px}.mtr-service-card{min-height:375px}.mtr-section-head{display:block}.mtr-section-head>p{max-width:450px;margin-top:20px}.mtr-about-grid{gap:48px}.mtr-about-panel{min-height:460px}.mtr-final-grid{gap:32px}.mtr-footer-grid{grid-template-columns:1fr;gap:25px;padding-block:42px}.mtr-footer nav{flex-wrap:wrap}.mtr-journal-hero{padding-block:78px}}
@media(max-width:420px){.mtr-eyebrow{font-size:9px}.mtr-actions{align-items:flex-start;flex-direction:column;gap:14px}.mtr-photo-caption{padding-inline:14px;font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}