/* TIBRAN — editorial imagery and dimensional dark surfaces, 4 October 2026. */
@media screen {
body.homepage{background:#0F1B2D}
.homepage .site-header{background:rgba(15,27,45,.97);border-bottom:1px solid #5C7A9F55;box-shadow:0 8px 36px #07111d22}
.homepage .hero{max-width:1380px;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,72px);padding-block:70px 80px;position:relative;background:radial-gradient(ellipse at 20% 40%,#2E509028,transparent 65%)}
.homepage .hero-copy{position:relative;z-index:1}
.homepage .hero .eyebrow{color:#D4B483;max-width:540px;font-size:.875rem;line-height:1.9}
.homepage .hero h1{font-size:clamp(3.15rem,5.6vw,5rem);font-weight:500;line-height:1.3;letter-spacing:0;margin-bottom:26px}
html:lang(en) .homepage .hero h1{font-size:clamp(3.25rem,5.2vw,4.65rem);line-height:1.12;letter-spacing:-.035em}
.homepage .hero h1 em{color:#D4B483}
.homepage .hero .lead{color:#CFDAE7;font-size:1.125rem;line-height:1.9}
.homepage .hero .actions{margin-top:32px;gap:24px}
.homepage .hero .button{background:#C8A96E;border:1px solid #D4B483;box-shadow:0 8px 28px #C8A96E1A;color:#0F1B2D;padding:15px 25px}
.homepage .hero .button:hover{background:#D4B483}
.homepage .hero .work-model{margin-top:24px;color:#B6C6D9;font-size:.875rem;line-height:1.8}
.homepage .hero-image{position:relative;height:550px;min-height:0;max-height:none;border-radius:20px;overflow:hidden;border:1px solid #5C7A9F66;box-shadow:0 28px 72px #030B1866,0 0 48px #2E50901A;isolation:isolate}
.homepage .hero-image>img{width:100%;height:100%;object-fit:cover;object-position:53% center;transition:transform .7s ease}
.homepage .hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#07142320 25%,#07142300 45%,#071423CC);pointer-events:none;z-index:0}
.homepage .visual-caption-tag{position:absolute;inset-block-start:24px;inset-inline-start:24px;padding:8px 13px;border:1px solid #A3B6CF66;border-radius:6px;background:#0F1B2DCC;color:#E8ECF1;font-size:.875rem;line-height:1.5;z-index:1;max-width:calc(100% - 48px)}
.homepage .hero-image figcaption{z-index:1;inset-inline:22px;bottom:22px;background:#132239EB;border:1px solid #8096B066;backdrop-filter:blur(12px);padding:24px 22px;border-radius:10px}
.homepage .vision-path i{font-size:.9375rem}.homepage .vision-path b{font-size:.8125rem;color:#D4B483}
.homepage .brand-ribbon{background:#142238;border-block:1px solid #5C7A9F55}
.homepage .brand-ribbon>.wrap{padding-block:22px;color:#C8D5E5}
.homepage .agenda{background:#0F1B2D}
.homepage .capabilities{background:linear-gradient(155deg,#1B2B4B,#132239);border-block:1px solid #5C7A9F44}
.homepage .operations-visual{margin:0 0 40px;position:relative;height:300px;border:1px solid #5C7A9F66;border-radius:14px;overflow:hidden;box-shadow:0 20px 50px #08122244;isolation:isolate}
.homepage .operations-visual>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 53%}
.homepage .operations-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071423E8,transparent 85%);pointer-events:none}
.homepage .operations-visual figcaption{position:absolute;inset-inline:32px;bottom:25px;z-index:1;max-width:720px}
.homepage .operations-visual .eyebrow{font-size:.875rem;color:#D4B483;margin-bottom:8px}
.homepage .operations-visual figcaption p{font-size:clamp(1.4rem,2.3vw,1.9rem);line-height:1.5;color:#F7F8FA;font-weight:500}
.homepage .capability-panel{border:1px solid #5C7A9F55;box-shadow:0 16px 36px #07111d22;background:linear-gradient(145deg,#1B2B4B,#142238)}
.homepage .products{background:#101D30}
.homepage .path-card{background:linear-gradient(150deg,#1B2B4B,#16243B);border:1px solid #5C7A9F66;border-radius:14px;box-shadow:0 16px 40px #07111d33;transition:border-color .2s,box-shadow .2s}
.homepage .path-card:hover{border-color:#C8A96E88;box-shadow:0 20px 44px #07111d55}
.homepage .outputs{background:#172740}
.homepage .memo-sheet,.homepage .exhibit-link{box-shadow:0 20px 44px #07111d33}
.homepage .approach{background:#0F1B2D}
.homepage .step{border-top-color:#5C7A9F77}
.homepage .about{background:linear-gradient(150deg,#1B2B4B,#132239);border-block:1px solid #5C7A9F44}
.homepage .about-overview{grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center}
.homepage .about-narrative{min-width:0}
.homepage .about-narrative h2{margin-bottom:24px}
.homepage .data-visual{position:relative;min-width:0;height:360px;overflow:hidden;border-radius:14px;border:1px solid #5C7A9F66;box-shadow:0 22px 52px #07111d44;margin:0}
.homepage .data-visual>img{width:100%;height:100%;object-fit:cover;display:block}
.homepage .data-visual figcaption{position:absolute;inset-inline:0;bottom:0;padding:38px 24px 22px;background:linear-gradient(transparent,#0B1729EE);color:#E8ECF1;font-size:1rem;line-height:1.6}
.homepage .about .standards{margin-top:44px}
.homepage .profile-strip{background:#142238}.homepage .contact-section{background:#0F1B2D}
.homepage .contact form{box-shadow:0 20px 50px #06101D44;background:#172740;border-color:#5C7A9F77}
.homepage .site-footer{background:#0C1728;border-top:1px solid #5C7A9F44}
}
@media screen and (hover:hover) and (prefers-reduced-motion:no-preference){.homepage .hero-image:hover>img{transform:scale(1.025)}}
@media screen and (max-width:1100px){
.homepage .hero{gap:32px;padding-inline:32px;padding-block:48px 56px}
.homepage .hero-image{height:480px}
.homepage .hero h1{font-size:3.6rem}html:lang(en) .homepage .hero h1{font-size:3.8rem}
.homepage .about-overview{gap:32px}.homepage .data-visual{height:330px}
}
@media screen and (max-width:920px){
.homepage .hero{grid-template-columns:1fr;padding:40px 24px 48px;gap:32px}
.homepage .hero-copy{max-width:740px}.homepage .hero-image{height:400px;width:100%;max-width:none}
.homepage .hero h1{font-size:clamp(3rem,7vw,4rem)}html:lang(en) .homepage .hero h1{font-size:clamp(3rem,7vw,4rem)}
.homepage .about-overview{grid-template-columns:1fr;gap:30px}.homepage .data-visual{height:330px;order:2}
.homepage .operations-visual{height:280px;margin-bottom:28px}
}
@media screen and (max-width:640px){
.homepage .hero{padding-inline:20px;padding-top:32px;gap:28px}.homepage .hero h1,html:lang(en) .homepage .hero h1{font-size:3rem}
.homepage .hero .eyebrow{font-size:.875rem}.homepage .hero .lead{font-size:1.0625rem}
.homepage .hero-image{height:340px;border-radius:12px}.homepage .hero-image figcaption{inset-inline:14px;bottom:14px;padding:18px 14px}
.homepage .visual-caption-tag{inset-block-start:16px;inset-inline-start:16px;font-size:.8125rem;max-width:calc(100% - 32px)}
.homepage .hero .actions{gap:20px}.homepage .hero .button{padding-inline:18px}
.homepage .operations-visual{height:260px;border-radius:10px}.homepage .operations-visual figcaption{inset-inline:20px;bottom:20px}
.homepage .operations-visual figcaption p{font-size:1.375rem}.homepage .data-visual{height:280px}
}
@media screen and (prefers-reduced-motion:reduce){.homepage .hero-image>img,.homepage .path-card{transition:none}.homepage .hero-image:hover>img{transform:none}}

/* Keep editorial captions readable when the visitor enlarges text. */
@media screen {
.homepage .capability-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr)}
.homepage .capability-nav,.homepage .capability-panel{min-width:0}
.homepage .capability-nav button,.homepage .operations-visual figcaption{overflow-wrap:anywhere}
}
@media screen and (max-width:920px){.homepage .capability-layout{grid-template-columns:minmax(0,1fr)}}
@media screen and (max-width:640px){
.homepage .hero-image{height:max(340px,14rem)}
.homepage .operations-visual{height:max(260px,19rem)}
.homepage .data-visual{height:max(280px,12rem)}
}

@media screen and (max-width:640px){
.homepage .exhibit-layout,.homepage .standards{grid-template-columns:minmax(0,1fr)}
.homepage .exhibit-copy,.homepage .memo-sheet,.homepage .standard{min-width:0;overflow-wrap:anywhere}
}

@media screen and (max-width:640px){
.homepage .contact{grid-template-columns:minmax(0,1fr)}
.homepage .contact>*{min-width:0}
.homepage .phone-button strong{white-space:normal;overflow-wrap:anywhere}
.homepage .memo-top span,.homepage .acceptance p{overflow-wrap:anywhere;min-width:0}
}

@media screen and (max-width:640px){
.homepage .path-heading{grid-template-columns:minmax(0,1fr)}
.homepage .path-heading>*,.homepage .profile-strip>.wrap>*,.homepage .standard>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
.homepage .standard{grid-template-columns:minmax(0,1fr)}
.homepage .visual-label{flex-wrap:wrap;gap:6px}
}

@media screen and (max-width:640px){
body.homepage{overflow-wrap:anywhere}
.homepage .product-heading{flex-wrap:wrap;gap:10px}
}