/* ============================================================
   Hero, nea kateythynsi (asymmetro split).
   Keimeno aristera se bone, eikona deksia ews tin akri.
   ============================================================ */
.dd-hero{
	position:relative;
	display:grid;
	grid-template-columns:1fr 50vw;
	grid-template-rows:minmax(0,1fr);
	align-items:center;
	min-height:calc(100vh - 80px);
	background:var(--bone);
	padding:0 !important;
	max-width:none;
	margin-left:calc(50% - 50vw);
	margin-right:calc(50% - 50vw);
}
.dd-hero-copy{
	padding:40px clamp(28px,4vw,72px);
	max-width:720px;
	color:var(--ink);
}

.dd-hero .dd-eyebrow{
	display:block;
	margin:0 0 26px;
	font-size:11px;
	font-weight:600;
	letter-spacing:.26em;
	text-transform:uppercase;
	color:var(--soft);
}
.dd-hero h1{
	margin:0 0 26px;
	font-weight:300;
	font-size:clamp(40px,5vw,66px);
	line-height:1.04;
	letter-spacing:-.025em;
	text-transform:lowercase;
	color:var(--ink);
}
.dd-hero h1 strong,
.dd-hero h1 b{ font-weight:500; }

.dd-hero .dd-hero-lead{
	margin:0 0 34px;
	font-size:18px;
	color:var(--soft);
	max-width:38ch;
}
.dd-hero .dd-tlink-wrap{ margin:0; }
.dd-hero .dd-tlink-wrap a{
	display:inline-flex;
	align-items:center;
	gap:14px;
	font-size:14px;
	font-weight:600;
	letter-spacing:.14em;
	text-transform:uppercase;
	color:var(--ink);
	text-decoration:none;
}

.dd-hero .dd-tlink-wrap a::after{
	content:"";
	width:44px;
	height:1px;
	background:var(--ink);
	transition:width .4s var(--ease),background .4s var(--ease);
}
.dd-hero .dd-tlink-wrap a:hover::after{
	width:72px;
	background:var(--accent);
}
.dd-hero .dd-hero-ship{
	display:block;
	margin:30px 0 0;
	font-size:12px;
	letter-spacing:.16em;
	text-transform:uppercase;
	color:var(--soft);
}

.dd-hero-media{
	position:relative;
	align-self:stretch;
	overflow:hidden;
	margin:0;
	min-height:0;
}
.dd-hero-media .wp-block-image{ width:100%; }
.dd-hero-media .wp-block-image,
.dd-hero-media figure{ margin:0; width:100%; height:100%; display:block; }
.dd-hero-media img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}
.dd-hero-media .dd-vcap{
	position:absolute;
	right:18px;
	bottom:26px;
	writing-mode:vertical-rl;
	font-size:11px;
	letter-spacing:.24em;
	text-transform:uppercase;
	color:#fff;
	text-shadow:0 1px 6px rgba(0,0,0,.5);
}

.dd-scrollcue{
	position:absolute;
	left:clamp(28px,4vw,72px);
	bottom:24px;
	z-index:2;
	display:flex;
	align-items:center;
	gap:10px;
	font-size:11px;
	letter-spacing:.2em;
	text-transform:uppercase;
	color:var(--soft);
}
.dd-scrollcue .dd-scrollcue-line{
	width:1px;
	height:34px;
	background:var(--accent);
	display:inline-block;
	animation:dd-drop 2.4s var(--ease) infinite;
	transform-origin:top;
}
@keyframes dd-drop{
	0%,100%{ transform:scaleY(.5); opacity:.5; }
	50%{ transform:scaleY(1); opacity:1; }
}

@media (max-width:1000px){
	.dd-hero{ grid-template-columns:1fr; min-height:0; }
	.dd-hero-media{ order:-1; width:100%; height:52vh; }
	.dd-hero-copy{ max-width:none; padding:34px var(--edge) 8px; }
	.dd-scrollcue{ display:none; }
}
@media (prefers-reduced-motion:reduce){
	.dd-scrollcue .dd-scrollcue-line{ animation:none; }
}

/* Symperilipsi tis mparas tou WP admin (32px) ston ypologismo ypsous,
   wste na min kovontai i plagia lezanta kai to scrollcue otan eisai logged-in. */
@media (min-width:1001px){
	.admin-bar .dd-hero{ min-height:calc(100vh - 80px - 32px); }
}

/* Hero eikona se apoluti thesi: gemizei to keli alla DEN megalwnei ton iroa.
   Diorthonei to provlima pou o iroas efevge ektos othonis logw fysikou ypsous eikonas. */
.dd-hero-media .wp-block-image,
.dd-hero-media figure{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	margin:0;
}
.dd-hero-media img{
	position:absolute;
	inset:0;
	width:100%;
	height:100%;
	object-fit:cover;
}