@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--paper:#fff9ee;--ink:#201f25;--red:#cb382a;--purple:#6340ad;--line:#201f25;--white:#fffdf8;--muted:#5f5c64}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'DM Sans',Arial,sans-serif}h1,h2,h3,p{margin:0}h1,h2,h3,.display{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:800;line-height:1;letter-spacing:-.025em}h1{font-size:clamp(3.6rem,8vw,7.4rem);text-transform:uppercase}h2{font-size:clamp(2.8rem,5vw,4.5rem);text-transform:uppercase}h3{font-size:2rem}p{max-width:64ch}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:5px}::selection{background:#ffad91;color:var(--ink)}.skip{position:absolute;top:-100px;left:10px;z-index:100;background:var(--paper);padding:10px}.skip:focus{top:10px}.container{width:min(1240px,calc(100% - 64px));margin:auto}.site-header{border-bottom:2px solid var(--ink);background:var(--paper)}.nav-row{min-height:100px;display:flex;align-items:center;gap:30px;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-size:1.6rem;letter-spacing:-1px;font-weight:600}.brand img{width:43px;height:43px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:700}.nav-links a[aria-current=page]{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}.menu-toggle{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:11px 22px;border:2px solid var(--ink);font-size:14px;font-weight:700;background:var(--ink);color:var(--paper);box-shadow:4px 4px 0 var(--red);transition:transform .18s,box-shadow .18s}.btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--red);text-decoration:none}.btn.light{background:var(--paper);color:var(--ink)}.btn.purple{box-shadow:4px 4px 0 var(--purple)}.eyebrow{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:2px;display:block;margin-bottom:19px}.red{color:var(--red)}.purple-text{color:var(--purple)}.hero{padding:68px 0 64px;display:grid;grid-template-columns:1.07fr 1fr;gap:48px;align-items:center}.hero p{font-size:18px;margin:26px 0;max-width:48ch}.actions{display:flex;flex-wrap:wrap;gap:18px}.hero-art{position:relative;border:2px solid var(--ink);box-shadow:10px 10px 0 var(--ink);background:var(--purple);transform:rotate(1deg);margin:14px 12px 12px 0}.hero-art img{display:block;width:100%;height:430px;object-fit:cover;filter:contrast(1.06)}.hero-art figcaption{padding:10px 16px;font-size:12px;background:var(--paper);border-top:2px solid var(--ink)}.stamp{position:absolute;top:-20px;left:-17px;background:var(--red);color:var(--paper);padding:15px 20px;font-family:'Barlow Condensed',sans-serif;font-size:26px;line-height:1.05;border:2px solid var(--ink);transform:rotate(-5deg);max-width:190px}.hero-caption{position:absolute;bottom:60px;right:-12px;background:var(--paper);padding:13px 19px;border:2px solid var(--ink);font-weight:700;box-shadow:4px 4px 0 var(--ink)}.ticker{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:15px 0;font-size:13px;letter-spacing:1px;font-weight:700;text-transform:uppercase}.ticker .container{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.section{padding:80px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:36px}.section-head p{max-width:43ch;color:var(--muted)}.two{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.four{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.comic-panel{border:2px solid var(--ink);padding:34px;background:var(--white);box-shadow:6px 6px 0 var(--ink);position:relative}.comic-panel.te{background:#ffe5d6}.comic-panel.nam{background:#e9e0ff}.comic-panel .issue{font-size:13px;font-weight:700;letter-spacing:1px;margin-bottom:35px;display:block}.comic-panel h2{font-size:4.3rem;margin-bottom:18px}.comic-panel p{margin-bottom:25px}.panel-footer{margin-top:25px;font-size:13px;font-weight:700;border-top:1px solid;padding-top:20px}.chapter{font-size:14px;letter-spacing:1px;text-transform:uppercase;margin-bottom:14px;color:var(--muted);font-weight:600}.dark{background:var(--ink);color:var(--paper)}.dark .section-head p,.dark .chapter{color:#d6d0dc}.step{border-top:2px solid;padding-top:20px}.step b{font-family:'Barlow Condensed',sans-serif;font-size:4rem;font-weight:700;color:#ff7965}.step h3{margin:12px 0}.step p{font-size:14px;color:#ded7e5}.product-card{border-top:3px solid var(--ink);padding-top:20px}.product-card .tag{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.product-card h3{margin:13px 0}.product-card p{font-size:15px;margin-bottom:14px}.text-link{font-weight:700;border-bottom:1px solid;display:inline-block}.evidence{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.evidence img{width:100%;display:block;border:2px solid var(--ink)}.evidence p{margin:24px 0}.caption{font-size:12px;color:var(--muted);margin-top:8px}.cta{background:var(--red);color:var(--paper);padding:58px 0}.cta .container{display:flex;justify-content:space-between;gap:30px;align-items:center}.cta h2{max-width:650px}.cta p{margin-top:16px}.footer{padding:45px 0 24px}.footer-top{display:flex;justify-content:space-between;gap:30px}.footer-links{display:flex;gap:25px;flex-wrap:wrap;font-size:14px}.footer-bottom{border-top:1px solid var(--ink);margin-top:35px;padding-top:20px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:20px}.page-hero{padding:65px 0 55px;border-bottom:2px solid}.page-hero h1{max-width:1050px;font-size:clamp(3.5rem,7vw,6.3rem)}.page-hero p{font-size:19px;margin:25px 0;max-width:63ch}.page-hero.te-bg{background:#ffe5d6}.page-hero.nam-bg{background:#e9e0ff}.pill-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.pill{border:1px solid var(--ink);padding:6px 12px;font-size:13px;font-weight:600;background:var(--paper)}.filter-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filter{border:1px solid var(--ink);background:var(--paper);padding:9px 15px;min-height:44px}.filter[aria-pressed=true]{background:var(--ink);color:var(--paper)}.catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.catalog article{border:1px solid var(--ink);padding:24px;background:var(--white)}.catalog h3{margin-bottom:12px}.catalog p{font-size:14px}.catalog [hidden]{display:none}.table-wrap{overflow:auto}.comparison{border-collapse:collapse;width:100%;font-size:14px}.comparison th,.comparison td{text-align:left;padding:18px;border-bottom:1px solid var(--ink);min-width:165px;vertical-align:top}.comparison thead{background:var(--ink);color:var(--paper)}.comparison th{font-weight:700}.comparison tbody th{min-width:145px}.service{border-top:2px solid;padding-top:20px}.service p{margin:15px 0;font-size:15px}.service h3{font-size:2.1rem}.service .small{font-size:13px;color:var(--muted)}.model-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:30px}.model-tabs button{background:var(--paper);border:2px solid var(--ink);padding:17px;font-weight:600;min-height:60px}.model-tabs button[aria-pressed=true]{background:var(--purple);color:#fff}.model-detail{border:2px solid var(--ink);background:var(--white);padding:35px;box-shadow:7px 7px 0 var(--purple)}.model-detail h3{font-size:2.8rem;margin:8px 0 17px}.model-cols{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:24px}.model-cols h4{margin:0 0 8px;font-size:13px;letter-spacing:1px;text-transform:uppercase}.model-cols ul{margin:0;padding-left:20px}.model-cols li{margin:8px 0}.resource{padding:27px;border:2px solid var(--ink);background:var(--white)}.resource h3{margin:20px 0}.resource p{margin:0 0 20px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:50px}.contact-box{border:2px solid;padding:32px;background:var(--white);box-shadow:6px 6px 0 var(--purple)}.contact-box p{margin:18px 0}.email{font-size:clamp(14px,2vw,20px);overflow-wrap:anywhere}.faq details{border-top:1px solid;padding:21px 0}.faq summary{font-weight:700;cursor:pointer}.faq details p{padding-top:15px;color:var(--muted)}.note{font-size:14px;color:var(--muted)}.intro{max-width:850px}.intro p{margin-top:22px;font-size:19px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
@media(min-width:1500px){.hero{padding:90px 0}.hero-art img{height:470px}}@media(max-width:1000px){.nav-links{gap:15px}.nav-row{gap:15px}.nav-links .btn{display:none}.hero{gap:30px}.hero-art img{height:380px}.three,.catalog{grid-template-columns:repeat(2,1fr)}.four{grid-template-columns:repeat(2,1fr)}.section-head{align-items:start}.comic-panel{padding:26px}.comic-panel h2{font-size:3.5rem}}
@media(max-width:760px){.container{width:calc(100% - 36px)}.nav-row{min-height:80px;flex-wrap:wrap;padding:12px 0}.menu-toggle{display:block;border:1px solid;background:transparent;padding:9px 14px;min-height:44px}.nav-links{display:none;width:100%;flex-direction:column;align-items:stretch;padding:12px 0;gap:0}.nav-links.open{display:flex}.nav-links a{padding:12px 0}.hero{grid-template-columns:1fr;padding:42px 0;gap:40px}.hero h1{font-size:clamp(3.6rem,13vw,5.2rem)}.hero-art{margin:8px 12px 12px 8px}.hero-art img{height:330px}.two,.three,.catalog,.evidence,.contact-layout{grid-template-columns:1fr}.section{padding:52px 0}.section-head{display:block}.section-head p{margin-top:20px}.four{gap:30px}.model-tabs{grid-template-columns:repeat(2,1fr)}.model-cols{grid-template-columns:1fr}.model-detail{padding:24px}.cta .container,.footer-top{flex-direction:column;align-items:start}.cta{padding:42px 0}.footer-bottom{flex-direction:column}.page-hero{padding:43px 0}.page-hero h1{font-size:clamp(3.1rem,11vw,4.6rem)}.comic-panel h2{font-size:3.7rem}.ticker .container{justify-content:start;gap:12px 22px}.actions{gap:14px}.footer-links{gap:15px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Linked catalogue names and specification pages */
.detail-name{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.detail-name:hover{color:var(--red)}.comparison .detail-name:hover{color:#ffad91}.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;font-size:14px;margin-bottom:30px}.breadcrumbs a{text-decoration:underline}.detail-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:36px;align-items:start}.detail-specs{border-collapse:collapse;width:100%;font-size:16px}.detail-specs caption{text-align:left;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:800;font-size:2.4rem;line-height:1.1;margin-bottom:24px}.detail-specs th,.detail-specs td{text-align:left;border-bottom:1px solid var(--ink);padding:18px 16px;vertical-align:top;overflow-wrap:anywhere}.detail-specs th{width:33%;background:#ffe5d6}.detail-aside ul,.service ul{padding-left:22px;margin:22px 0 0}.detail-aside li,.service li,.comic-panel li{margin:12px 0}.detail-source{border-top:2px solid var(--ink);background:var(--white)}.detail-source p{margin:20px 0;max-width:85ch}.related{padding-top:40px}.tissue-choice{background:var(--paper);border:2px solid var(--ink);display:flex;flex-direction:column;padding:16px;gap:16px;align-items:start}.tissue-choice>a{font-weight:700;font-size:18px;overflow-wrap:anywhere}.model-tabs .tissue-choice button{font-size:14px;min-height:44px;padding:8px 14px;width:100%}.page-hero .actions{align-items:center}.detail-source .actions{margin-top:26px}@media(max-width:760px){.detail-layout{grid-template-columns:1fr}.detail-specs th,.detail-specs td{padding:14px 10px}.detail-specs th{width:38%}.tissue-choice{padding:12px}.tissue-choice>a{font-size:16px}}

/* Homepage journey panels: original cover artwork from the two flyers. */
.comic-panel.journey-cover{color:var(--paper);background-color:var(--ink);background-size:cover;background-repeat:no-repeat;text-shadow:0 1px 3px rgba(0,0,0,.45)}
.comic-panel.te.journey-cover{background-image:linear-gradient(90deg,rgba(20,17,23,.72),rgba(20,17,23,.22)),linear-gradient(0deg,rgba(20,17,23,.65),transparent 65%),url('tissue-engineering-cover.jpg');background-position:center,center,50% 72%}
.comic-panel.nam.journey-cover{background-image:linear-gradient(90deg,rgba(20,17,29,.72),rgba(20,17,29,.22)),linear-gradient(0deg,rgba(20,17,29,.65),transparent 65%),url('preclinical-cover.jpg');background-position:center,center,50% 45%}
.journey-cover.te .issue{color:#ffd5c3}.journey-cover.nam .issue{color:#e5d6ff}.journey-cover .btn{text-shadow:none}.journey-cover .panel-footer{border-color:rgba(255,249,238,.65)}
.journey-cover a:focus-visible{outline-color:var(--paper)}
@media(max-width:760px){.comic-panel.te.journey-cover{background-position:center,center,50% 68%}.comic-panel.nam.journey-cover{background-position:center,center,50% 42%}}

/* Only the artwork moves; the panel, typography and controls remain stable. */
.comic-panel.journey-cover.parallax-ready{background-image:none}
.journey-scene{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.journey-image{position:absolute;inset:-18px;background-size:cover;background-repeat:no-repeat;transform-origin:50% 50%;backface-visibility:hidden}
.journey-cover.parallax-ready>:not(.journey-scene){position:relative;z-index:1}

/* DomoMakby card in the Tissue Engineering platform section. */
.comic-panel.domomakby-cover{background-color:var(--ink);background-image:linear-gradient(90deg,rgba(15,20,26,.72),rgba(15,20,26,.58)),url('domomakby-background.jpg');background-size:cover;background-position:center,50% 38%;background-repeat:no-repeat;color:var(--paper);text-shadow:0 1px 3px rgba(0,0,0,.45)}
.domomakby-cover .eyebrow.red{color:#ffd5c3}.domomakby-cover .btn{text-shadow:none}.domomakby-cover .detail-name:hover{color:#ffd5c3}.domomakby-cover a:focus-visible{outline-color:var(--paper)}
@media(max-width:760px){.comic-panel.domomakby-cover{background-position:center,50% 35%}}

/* Matching uploaded artwork for the other two bioprinter cards. */
.comic-panel.isomakby-cover,.comic-panel.picomakby-cover{background-color:var(--ink);background-size:cover;background-repeat:no-repeat;color:var(--paper);text-shadow:0 1px 3px rgba(0,0,0,.45)}
.comic-panel.isomakby-cover{background-image:linear-gradient(90deg,rgba(15,20,26,.72),rgba(15,20,26,.58)),url('isomakby-background.jpg');background-position:center,50% 42%}
.comic-panel.picomakby-cover{background-image:linear-gradient(90deg,rgba(15,20,26,.72),rgba(15,20,26,.58)),url('picomakby-background.jpg');background-position:center,54% 40%}
.isomakby-cover .eyebrow.red,.picomakby-cover .eyebrow.red{color:#ffd5c3}.isomakby-cover .btn,.picomakby-cover .btn{text-shadow:none}.isomakby-cover .detail-name:hover,.picomakby-cover .detail-name:hover{color:#ffd5c3}.isomakby-cover a:focus-visible,.picomakby-cover a:focus-visible{outline-color:var(--paper)}
@media(max-width:760px){.comic-panel.isomakby-cover{background-position:center,50% 38%}.comic-panel.picomakby-cover{background-position:center,54% 35%}}

/* Hero video keeps the existing image frame dimensions and cover crop. */
.hero-art .hero-video{display:block;width:100%;height:430px;object-fit:cover;object-position:50% 50%;filter:contrast(1.06);background:var(--paper)}
.hero-video-toggle{position:absolute;top:16px;right:16px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);padding:8px 12px;min-height:44px;font-size:14px;font-weight:700;z-index:2}
@media(min-width:1500px){.hero-art .hero-video{height:470px}}
@media(max-width:1000px){.hero-art .hero-video{height:380px}}
@media(max-width:760px){.hero-art .hero-video{height:330px}}

/* A viewport-sized WebGL surface clipped to the existing video window. */
.hero-fluid{position:absolute;left:0;top:0;width:100%;overflow:hidden;pointer-events:none;z-index:0;contain:paint}
.hero-fluid-canvas{display:block;pointer-events:none;max-width:none}
.hero-art .stamp,.hero-art .hero-caption{z-index:1}
@media(prefers-reduced-motion:reduce){.hero-fluid{display:none!important}}

/* Unified supplied logo, optically trimmed without altering its source pixels. */
.site-header .header-brand{position:relative;display:block;width:90px;height:77.45px;flex:0 0 90px;overflow:hidden}
.site-header .header-brand img{position:absolute;width:158.6367%;height:auto;max-width:none;left:-36.4833%;top:-44.7345%;filter:brightness(0);object-fit:initial}
@media(max-width:760px){.site-header .header-brand{width:62.75px;height:54px;flex-basis:62.75px}}

/* Reuse the journey-panel parallax for all three bioprinter image windows. */
.comic-panel.isomakby-cover.parallax-ready,.comic-panel.picomakby-cover.parallax-ready,.comic-panel.domomakby-cover.parallax-ready{background-image:none}
.comic-panel.isomakby-cover.parallax-ready>:not(.journey-scene),.comic-panel.picomakby-cover.parallax-ready>:not(.journey-scene),.comic-panel.domomakby-cover.parallax-ready>:not(.journey-scene){position:relative;z-index:1}

/* Hover playback shares the exact parallax layer and preserves all card spacing. */
.product-hover-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 42%;opacity:0;pointer-events:none;transition:opacity .3s ease}
:is(.isomakby-cover,.picomakby-cover,.domomakby-cover,.specialist-cover).video-playing .product-hover-video{opacity:1}
:is(.isomakby-cover,.picomakby-cover,.domomakby-cover,.specialist-cover) .journey-image::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(15,20,26,.72) 0%,rgba(15,20,26,.58) 38%,rgba(15,20,26,.12) 72%);opacity:0;transition:opacity .3s ease}
:is(.isomakby-cover,.picomakby-cover,.domomakby-cover,.specialist-cover).video-playing .journey-image::after{opacity:1}
:is(.isomakby-cover,.picomakby-cover,.domomakby-cover,.specialist-cover).video-playing>:not(h3):not(.journey-scene):not(.btn):not(.text-link){visibility:hidden;pointer-events:none}
@media(prefers-reduced-motion:reduce){.product-hover-video{display:none}}

.picomakby-cover .product-hover-video{object-position:50% 50%}

.domomakby-cover .product-hover-video{object-position:50% 50%}

/* Responsive DomoMakby player directly below its research applications panel. */
.product-aside-column{min-width:0}
.product-video{margin-top:32px;aspect-ratio:16/9;border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);background:var(--ink)}
.product-video iframe{display:block;width:100%;height:100%;border:0}

/* About-page video retains the original 4:3 photo frame. */
.about-video-frame{position:relative;aspect-ratio:4/3;border:2px solid var(--ink);overflow:hidden;background:var(--ink)}
.about-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 48%}
.about-video-toggle{position:absolute;top:16px;right:16px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);padding:8px 12px;min-height:44px;font-size:14px;font-weight:700}

/* Flyer faces are cropped at the right edge; the left side stays clear for copy. */
.page-hero.flyer-hero{position:relative;isolation:isolate;background:var(--ink);color:var(--paper)}
.flyer-hero::before{content:"";position:absolute;inset:0 0 0 50%;z-index:-2;background-repeat:no-repeat;background-size:200% auto;background-position:0 64%}
.tissue-flyer-hero::before{background-image:url('tissue-engineering-cover.jpg')}
.nams-flyer-hero::before{background-image:url('preclinical-face-light.svg');background-position:0 42%}
.flyer-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#201f25 0%,rgba(32,31,37,.98) 44%,rgba(32,31,37,.82) 64%,rgba(32,31,37,.16) 100%);pointer-events:none}
.flyer-hero .red{color:#ffad91}.flyer-hero .purple-text{color:#dcc5ff}
.flyer-hero .btn{background:var(--paper);color:var(--ink)}
.flyer-hero .pill{color:var(--ink)}
.flyer-hero a:focus-visible{outline-color:var(--paper)}
@media(max-width:760px){.flyer-hero::before{left:0;background-size:200% auto;background-position:0 62%}.nams-flyer-hero::before{background-position:0 45%}.flyer-hero::after{background:linear-gradient(90deg,rgba(32,31,37,.97),rgba(32,31,37,.78) 60%,rgba(32,31,37,.4))}}

/* Tissue preview tiles retain their layout with matching image backdrops. */
.tissue-choice[data-preview-image]{background-color:var(--ink);background-size:cover;background-position:center;color:var(--paper)}
.tissue-choice[data-preview-image="skin"]{background-image:url('atlas-skin.jpg')}
.tissue-choice[data-preview-image="eye"]{background-image:url('atlas-eye.jpg')}
.tissue-choice[data-preview-image="respiratory"]{background-image:url('atlas-respiratory.jpg')}
.tissue-choice[data-preview-image="gi"]{background-image:url('atlas-gi.jpg')}
.tissue-choice[data-preview-image="neuro"]{background-image:url('atlas-neuro.jpg')}
.tissue-choice[data-preview-image="oncology"]{background-image:url('atlas-oncology.jpg')}
.tissue-choice[data-preview-image="oral"]{background-image:url('atlas-oral.jpg')}
.tissue-choice[data-preview-image="tendon"]{background-image:url('atlas-tendon.jpg')}
.tissue-choice[data-preview-image]>.detail-name:hover{color:#dcc5ff}
.tissue-choice[data-preview-image]>a:focus-visible{outline-color:var(--paper)}

/* Keep image colors untouched; only the label receives a compact backing. */
.tissue-choice[data-preview-image]>.detail-name{background:var(--ink);box-shadow:4px 0 0 var(--ink),-4px 0 0 var(--ink);box-decoration-break:clone;-webkit-box-decoration-break:clone}

/* Atlas artwork shares the inertial movement; card geometry and controls stay fixed. */
.tissue-choice[data-preview-image].parallax-ready{position:relative;isolation:isolate;background-image:none}
.tissue-choice[data-preview-image].parallax-ready>:not(.journey-scene){position:relative;z-index:1}
.tissue-choice[data-preview-image] .journey-image{inset:-9px}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.tissue-choice[data-preview-image] .journey-image{inset:0}}

/* Matching preview artwork in each tissue page’s specifications banner. */
.page-hero.tissue-specification-hero{background-color:var(--ink);background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--paper);border-bottom-color:var(--ink)}
.tissue-specification-hero[data-tissue-image="skin"]{background-image:linear-gradient(90deg,rgba(16,13,30,.9),rgba(16,13,30,.7) 65%,rgba(16,13,30,.35)),url('atlas-skin.jpg')}
.tissue-specification-hero[data-tissue-image="eye"]{background-image:linear-gradient(90deg,rgba(16,13,30,.9),rgba(16,13,30,.7) 65%,rgba(16,13,30,.35)),url('atlas-eye.jpg')}
.tissue-specification-hero[data-tissue-image="respiratory"]{background-image:linear-gradient(90deg,rgba(16,13,30,.9),rgba(16,13,30,.7) 65%,rgba(16,13,30,.35)),url('atlas-respiratory.jpg')}
.tissue-specification-hero[data-tissue-image="gastrointestinal"]{background-image:linear-gradient(90deg,rgba(16,13,30,.9),rgba(16,13,30,.7) 65%,rgba(16,13,30,.35)),url('atlas-gi.jpg')}
.tissue-specification-hero[data-tissue-image="neurovascular"]{background-image:linear-gradient(90deg,rgba(16,13,30,.9),rgba(16,13,30,.7) 65%,rgba(16,13,30,.35)),url('atlas-neuro.jpg')}
.tissue-specification-hero[data-tissue-image="immuno-oncology"]{background-image:linear-gradient(90deg,rgba(16,13,30,.9),rgba(16,13,30,.7) 65%,rgba(16,13,30,.35)),url('atlas-oncology.jpg')}
.tissue-specification-hero[data-tissue-image="oral-mucosa"]{background-image:linear-gradient(90deg,rgba(16,13,30,.9),rgba(16,13,30,.7) 65%,rgba(16,13,30,.35)),url('atlas-oral.jpg')}
.tissue-specification-hero[data-tissue-image="tendon"]{background-image:linear-gradient(90deg,rgba(16,13,30,.9),rgba(16,13,30,.7) 65%,rgba(16,13,30,.35)),url('atlas-tendon.jpg')}
.tissue-specification-hero h1.purple-text{color:#dcc5ff}
.tissue-specification-hero .btn{color:var(--ink)}
.tissue-specification-hero a:focus-visible{outline-color:var(--paper)}
@media(max-width:760px){.page-hero.tissue-specification-hero{background-position:center}}

/* Preserve the previous scaffold image's responsive frame and proportions. */
.scaffold-video-frame{position:relative;border:2px solid var(--ink);overflow:hidden}
.scaffold-video{display:block;width:100%;aspect-ratio:428 / 291;object-fit:cover;object-position:center;background:var(--paper)}
.scaffold-video-toggle{position:absolute;top:16px;right:16px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);padding:8px 12px;min-height:44px;font-size:14px;font-weight:700}

/* Studio artwork uses the same dark shading as the Respiratory banner. */
.studio-image-background{background-color:var(--ink);background-image:linear-gradient(90deg,rgba(16,13,30,.9),rgba(16,13,30,.7) 65%,rgba(16,13,30,.35)),url('makby-studio-background.jpg');background-size:cover;background-position:50% 44%;background-repeat:no-repeat;color:var(--paper)}
.studio-image-background a:focus-visible{outline-color:var(--paper)}
@media(max-width:760px){.studio-image-background{background-position:center}}

/* Compact legal line follows the existing footer and wraps on small screens. */
.footer-legal{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin-top:18px;font-size:14px;color:var(--muted)}
.footer-legal a{padding:8px 2px;text-decoration:underline;text-underline-offset:4px}
.legal-content{max-width:900px}
.legal-content .legal-intro{font-size:18px;margin-bottom:36px}
.legal-content section+section{margin-top:36px;padding-top:28px;border-top:1px solid var(--ink)}
.legal-content h2{font-size:2.4rem;margin-bottom:18px}
.legal-content p{max-width:76ch}
.legal-content a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.legal-content address{font-style:normal}

.legal-full>p{margin-bottom:32px}
.legal-full section p+p{margin-top:18px}
.legal-full h3{font-size:1.8rem;line-height:1.15;margin:30px 0 16px}
.legal-full p{overflow-wrap:anywhere}

.legal-full ul{padding-left:24px;margin:18px 0 24px}
.legal-full li+li{margin-top:10px}
.legal-full details{border-top:1px solid var(--ink);margin-top:24px;padding-top:20px}
.legal-full summary{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:1.8rem;font-weight:800;line-height:1.2;cursor:pointer;margin-bottom:18px}
.legal-full details p+p{margin-top:18px}
.legal-full summary:focus-visible{outline:3px solid var(--purple);outline-offset:5px}

/* Specialist platform images retain the original card frames and spacing. */
.comic-panel.specialist-cover{background-color:var(--ink);background-size:cover;background-repeat:no-repeat;color:var(--paper);text-shadow:0 1px 3px rgba(0,0,0,.45)}
.comic-panel.omnienzyme-cover{background-image:linear-gradient(90deg,rgba(15,20,26,.78),rgba(15,20,26,.62)),url('omnienzyme-background.jpg');background-position:center,50% 50%}
.comic-panel.capilpro-cover{background-image:linear-gradient(90deg,rgba(15,20,26,.78),rgba(15,20,26,.62)),url('capilpro-background.jpg');background-position:center,50% 48%}
.specialist-cover .detail-name:hover{color:#ffd5c3}
.specialist-cover a:focus-visible{outline-color:var(--paper)}

/* Specialist platforms share the existing spring-driven parallax controller. */
.comic-panel.specialist-cover.parallax-ready{background-image:none}
.specialist-cover.parallax-ready>:not(.journey-scene){position:relative;z-index:1}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.specialist-cover .journey-image{inset:0}}

/* Keep specialist names and enquiry links readable over hover playback. */
.specialist-cover .product-hover-video{object-position:center}
.specialist-cover .journey-image::after{background:linear-gradient(90deg,rgba(15,20,26,.78),rgba(15,20,26,.62))}

/* Studio uses the same inertial artwork movement as the journey panels. */
.studio-image-background{position:relative;isolation:isolate}
.studio-image-background.parallax-ready{background-image:none}
.studio-image-background.parallax-ready>:not(.journey-scene){position:relative;z-index:1}
.studio-image-background .journey-image{inset:calc(-1 * clamp(18px,2vw,48px))}
@media(prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.studio-image-background .journey-image{inset:0}}

/* Studio hover playback stays within the animated artwork layer; all copy stays visible. */
.studio-image-background .product-hover-video{object-position:50% 44%}
.studio-image-background.video-playing .product-hover-video{opacity:1}
.studio-image-background .journey-image::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(16,13,30,.9),rgba(16,13,30,.7) 65%,rgba(16,13,30,.35));opacity:0;transition:opacity .3s ease}
.studio-image-background.video-playing .journey-image::after{opacity:1}