/* Reversible hero composition. One rule set per viewport. */
.hero .statement{
 position:relative!important;isolation:isolate;min-width:0!important;min-height:0!important;
 display:grid!important;grid-template-columns:minmax(0,1fr)!important;
 grid-template-rows:auto auto auto auto!important;gap:18px!important;
 max-width:680px!important;margin:34px 0 0!important;padding:0 12px!important;
}
.hero .statement::after{display:none!important;content:none!important}
.hero .statement .hero-summary-heading{
 grid-column:1!important;grid-row:1!important;order:0;
 position:relative;z-index:2;width:100%!important;max-width:none!important;
 margin:0!important;padding:0!important;font-size:20px!important;line-height:1.4!important;
}
.hero .statement p{
 grid-column:1!important;grid-row:2!important;order:1;
 position:relative;z-index:2;width:100%!important;max-width:none!important;
 margin:0!important;padding:0!important;color:#d6e2ed!important;
 font-size:14px!important;line-height:1.65!important;text-align:left!important;
}
html[lang="en"] .hero .statement h1,html[lang="tr"] .hero .statement h1{
 grid-column:1!important;grid-row:3!important;order:2;
 position:relative;z-index:2;align-self:start!important;justify-self:start!important;
 width:100%!important;max-width:390px!important;margin:0!important;padding:0!important;
 font-size:26px!important;line-height:1.32!important;letter-spacing:-.4px!important;
}
.hero .statement .hero-offer>.green{font-size:1.08em!important;font-weight:600!important}
.hero .statement .hero-art{
 grid-column:1!important;grid-row:4!important;position:static!important;
 align-self:end!important;justify-self:end!important;
 width:min(100%,450px)!important;height:auto!important;max-width:none!important;max-height:none!important;
 aspect-ratio:780/720!important;object-fit:fill!important;
 margin:-8px -24px -32px 0!important;transform:none!important;
 pointer-events:none;mix-blend-mode:screen;z-index:0;
 border:0!important;outline:0!important;box-shadow:none!important;background:none!important;
 -webkit-mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 55%,rgba(0,0,0,.9) 70%,transparent 100%)!important;
 mask-image:radial-gradient(ellipse closest-side at 50% 50%,#000 55%,rgba(0,0,0,.9) 70%,transparent 100%)!important;
 -webkit-mask-composite:source-over!important;mask-composite:add!important;
}
@media(min-width:981px){
 .hero .stage{
  min-height:0!important;align-items:stretch!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:24px!important;
 }
 html[lang="en"] .hero .statement,html[lang="tr"] .hero .statement{
  contain:size;align-self:stretch!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  justify-content:flex-start!important;gap:0!important;
  max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important;
 }
 .hero .statement .hero-summary-heading,.hero .statement p,
 html[lang="en"] .hero .statement h1,html[lang="tr"] .hero .statement h1{
  flex:0 0 auto;margin-left:var(--hero-home-inset,24px)!important;
  width:calc(100% - var(--hero-home-inset,24px))!important;
 }
 .hero .statement .hero-summary-heading{max-width:440px!important;margin-bottom:10px!important;font-size:19px!important}
 html[lang="tr"] .hero .statement .hero-summary-heading{font-size:18px!important;line-height:1.45!important}
 .hero .statement p{max-width:415px!important;margin-bottom:20px!important;font-size:14px!important;line-height:1.65!important}
 html[lang="en"] .hero .statement h1,html[lang="tr"] .hero .statement h1{
  align-self:flex-start!important;max-width:215px!important;font-size:25px!important;line-height:1.32!important;
 }
 .hero .statement .hero-art{
  position:absolute!important;right:-24px!important;bottom:-10px!important;
  width:76%!important;max-width:460px!important;height:auto!important;margin:0!important;
 }
}
@media(max-width:680px){
 .hero .statement{padding:0 8px!important;gap:18px!important;margin-top:38px!important}
 .hero .statement p{font-size:14px!important;line-height:1.7!important}
 .hero .statement .hero-summary-heading{font-size:18px!important}
 html[lang="en"] .hero .statement h1,html[lang="tr"] .hero .statement h1{max-width:310px!important;font-size:23px!important;line-height:1.35!important}
 .hero .statement .hero-art{width:92%!important;max-width:420px!important;margin:-8px -14px -22px 0!important}
}
@media(max-width:380px){
 html[lang="en"] .hero .statement h1,html[lang="tr"] .hero .statement h1{font-size:21px!important}
}
/* Reference alignment: the floor glow sits just below the Y glyph. */
@media(min-width:981px){
 .hero .statement .hero-art{bottom:var(--hero-floor-bottom,-10px)!important}
 .hero .statement p{max-width:405px!important;font-size:14px!important;line-height:1.65!important}
}

/* Reversible emphasis trial: quiet premise, prominent partner promise. */
.hero .statement .hero-summary-heading,
html[lang="tr"] .hero .statement .hero-summary-heading{
 font-size:17px!important;line-height:1.45!important;font-weight:450!important;color:#d3dfe9!important;
}
html[lang="en"] .hero .statement h1,
html[lang="tr"] .hero .statement h1{
 font-size:28px!important;line-height:1.3!important;font-weight:400!important;
}
.hero .statement .hero-offer>.green{font-size:1.04em!important;font-weight:600!important}
@media(min-width:981px){
 html[lang="en"] .hero .statement h1,
 html[lang="tr"] .hero .statement h1{max-width:235px!important}
}
@media(max-width:680px){
 .hero .statement .hero-summary-heading,
 html[lang="tr"] .hero .statement .hero-summary-heading{font-size:16px!important}
 html[lang="en"] .hero .statement h1,
 html[lang="tr"] .hero .statement h1{font-size:26px!important;max-width:310px!important}
}
@media(max-width:380px){
 html[lang="en"] .hero .statement h1,
 html[lang="tr"] .hero .statement h1{font-size:24px!important}
}

/* Large grounded artwork, upper promise and quiet lower caption. */
.hero .statement::before{
 content:"";pointer-events:none;position:absolute;z-index:0;
 left:-12%;right:-8%;height:38px;bottom:var(--hero-glow-bottom,90px);
 background:radial-gradient(ellipse at 67% 50%,rgba(139,219,229,.19),rgba(102,184,212,.07) 40%,transparent 73%);
 filter:blur(7px);
}
@media(min-width:981px){
 .hero .statement .hero-summary-heading{order:0;margin-bottom:14px!important}
 html[lang="en"] .hero .statement h1,html[lang="tr"] .hero .statement h1{order:1;max-width:235px!important;font-size:28px!important}
 .hero .statement p{
  position:absolute!important;bottom:0!important;left:0!important;order:3;
  max-width:none!important;margin-bottom:0!important;
  font-size:12.5px!important;line-height:1.65!important;color:#d0dce8!important;
 }
 .hero .statement .hero-art{
  width:86%!important;max-width:530px!important;right:-36px!important;
  bottom:calc(var(--hero-caption-height,52px) + 18px)!important;
 }
}
@media(max-width:980px){
 .hero .statement{grid-template-rows:auto auto auto auto!important}
 .hero .statement .hero-summary-heading{grid-row:1!important}
 html[lang="en"] .hero .statement h1,html[lang="tr"] .hero .statement h1{grid-row:2!important}
 .hero .statement .hero-art{grid-row:3!important;width:100%!important;max-width:520px!important;margin:0 -14px -8px 0!important}
 .hero .statement p{grid-row:4!important;font-size:12.5px!important;line-height:1.7!important;color:#d0dce8!important}
}
/* Slightly quieter image scale, keeping the grounded composition. */
@media(min-width:981px){.hero .statement .hero-art{width:78%!important;max-width:480px!important}}
@media(max-width:980px){.hero .statement .hero-art{width:92%!important;max-width:470px!important}}

/* Lower caption heading, three-line Turkish promise and quieter artwork. */
.hero .hero-tr-line{display:block;white-space:nowrap}
@media(min-width:981px){
 .hero .statement .hero-summary-heading,
 html[lang="tr"] .hero .statement .hero-summary-heading{
  position:absolute!important;left:0!important;
  bottom:calc(var(--hero-caption-height,52px) + 10px)!important;
  font-size:16px!important;line-height:1.4!important;margin-bottom:0!important;
 }
 html[lang="tr"] .hero .statement h1{
  font-size:clamp(18px,1.5vw,22px)!important;line-height:1.45!important;
  max-width:none!important;width:max-content!important;
 }
 html[lang="tr"] .hero .statement .hero-offer>.green{font-size:1em!important}
 .hero .statement .hero-art{
  width:70%!important;max-width:430px!important;
  bottom:calc(var(--hero-caption-height,52px) + 4px)!important;
 }
}
@media(max-width:980px){
 html[lang="en"] .hero .statement h1,html[lang="tr"] .hero .statement h1{grid-row:1!important}
 .hero .statement .hero-art{grid-row:2!important;width:84%!important;max-width:420px!important;margin-top:12px!important}
 .hero .statement .hero-summary-heading,
 html[lang="tr"] .hero .statement .hero-summary-heading{grid-row:3!important;font-size:16px!important}
 .hero .statement p{grid-row:4!important}
 html[lang="tr"] .hero .statement h1{font-size:clamp(16px,4.6vw,22px)!important;line-height:1.45!important;max-width:none!important}
 html[lang="tr"] .hero .statement .hero-offer>.green{font-size:1em!important}
}

/* Approved concise promise and balanced final composition. */
@media(min-width:981px){
 html[lang="tr"] .hero .statement h1{
  font-size:clamp(21px,1.75vw,25px)!important;line-height:1.4!important;font-weight:350!important;
  padding-top:10px!important;
 }
 html[lang="en"] .hero .statement h1{
  font-size:26px!important;line-height:1.35!important;font-weight:350!important;
  padding-top:10px!important;
 }
 .hero .statement .hero-offer>.green{font-weight:550!important;font-size:1em!important}
 .hero .statement .hero-art{right:-44px!important;bottom:var(--hero-art-bottom,44px)!important}
 .hero .statement .hero-summary-heading,
 html[lang="tr"] .hero .statement .hero-summary-heading{
  font-size:16px!important;line-height:1.45!important;bottom:calc(var(--hero-caption-height,52px) + 12px)!important;
 }
 .hero .statement p{font-size:13px!important;line-height:1.65!important;color:#d3dfeb!important}
}
@media(max-width:980px){
 html[lang="tr"] .hero .statement h1{font-size:clamp(22px,5.5vw,26px)!important;line-height:1.4!important;font-weight:350!important}
 html[lang="en"] .hero .statement h1{font-size:25px!important;font-weight:350!important}
 .hero .statement .hero-offer>.green{font-weight:550!important;font-size:1em!important}
 .hero .statement p{font-size:13px!important;line-height:1.7!important}
}

/* Matched language anchors and approved wording. */
.hero .statement .hero-summary-heading,
html[lang="tr"] .hero .statement .hero-summary-heading{
 font-family:"Avenir Next","Segoe UI",Arial,sans-serif!important;
 font-style:italic!important;font-size:16px!important;font-weight:450!important;
 line-height:1.45!important;
}
.hero .statement .hero-tr-address{white-space:normal!important}
.hero .statement .hero-tr-address>span{display:inline-block;white-space:nowrap}
@media(min-width:981px){
 html[lang="tr"] .hero .statement h1,html[lang="en"] .hero .statement h1{
  padding-top:24px!important;margin-top:0!important;font-size:26px!important;line-height:1.38!important;
 }
 html[lang="tr"] .hero .statement h1{width:calc(100% - var(--hero-home-inset,24px))!important;max-width:290px!important}
 .hero .statement p{font-size:12.5px!important;color:#bacbda!important;line-height:1.7!important;bottom:-6px!important}
 .hero .statement .hero-summary-heading,
 html[lang="tr"] .hero .statement .hero-summary-heading{bottom:calc(var(--hero-caption-height,52px) + 8px)!important}
}
@media(max-width:980px){
 html[lang="tr"] .hero .statement h1,html[lang="en"] .hero .statement h1{font-size:clamp(23px,5.8vw,26px)!important;line-height:1.4!important}
 .hero .statement p{font-size:12.5px!important;color:#bacbda!important}
}
/* Small image reduction and focused wording emphasis. */
.hero .statement .hero-tr-address{color:#f1f5f9!important}
.hero .statement .hero-tr-address>.green{color:var(--green2)!important;font-weight:550!important}
html[lang="en"] .hero .statement .hero-offer>.green{white-space:nowrap!important}
@media(min-width:981px){
 .hero .statement .hero-art{width:65%!important;max-width:400px!important}
 html[lang="en"] .hero .statement h1{max-width:355px!important}
}
@media(max-width:980px){
 .hero .statement .hero-art{width:78%!important;max-width:390px!important}
 html[lang="en"] .hero .statement h1{max-width:none!important}
}
@media(max-width:380px){html[lang="en"] .hero .statement h1{font-size:23px!important}}

/* Reference trial: compact introduction above the promise, artwork to the right. */
@media(min-width:981px){
 .hero .statement .hero-summary-heading,
 html[lang="tr"] .hero .statement .hero-summary-heading{
  position:relative!important;left:auto!important;bottom:auto!important;order:0;
  margin-bottom:10px!important;font-size:16px!important;
 }
 .hero .statement p{
  position:relative!important;left:auto!important;bottom:auto!important;order:1;
  max-width:420px!important;margin-bottom:0!important;font-size:12.5px!important;
 }
 html[lang="en"] .hero .statement h1,html[lang="tr"] .hero .statement h1{
  order:2;margin-top:22px!important;padding-top:0!important;max-width:225px!important;
  font-size:26px!important;line-height:1.38!important;
 }
 .hero .statement .hero-art{
  width:59%!important;max-width:370px!important;right:-32px!important;
  bottom:var(--hero-floor-bottom,-10px)!important;
 }
 html[lang="en"] .hero .statement .hero-offer>.green{white-space:normal!important}
}
@media(max-width:980px){
 .hero .statement .hero-summary-heading{grid-row:1!important}
 .hero .statement p{grid-row:2!important}
 html[lang="en"] .hero .statement h1,html[lang="tr"] .hero .statement h1{grid-row:3!important}
 .hero .statement .hero-art{grid-row:4!important;width:74%!important;max-width:370px!important}
 html[lang="en"] .hero .statement .hero-offer>.green{white-space:normal!important}
}

/* Airier final trial aligned to the B icon. */
.hero .statement .hero-summary-heading,
html[lang="tr"] .hero .statement .hero-summary-heading{
 font-family:"Segoe UI",Arial,sans-serif!important;font-style:normal!important;
 font-size:14px!important;font-weight:400!important;line-height:1.5!important;
 color:#d0dde8!important;
}
.hero .statement p{color:#aebfce!important;font-size:12.5px!important;line-height:1.7!important}
@media(min-width:981px){
 html[lang="en"] .hero .statement,html[lang="tr"] .hero .statement{padding-top:var(--hero-b-top-inset,24px)!important}
 .hero .statement .hero-summary-heading{margin-bottom:9px!important}
 .hero .statement p{max-width:395px!important}
 html[lang="en"] .hero .statement h1,html[lang="tr"] .hero .statement h1{
  font-size:24px!important;line-height:1.4!important;margin-top:22px!important;
  max-width:285px!important;
 }
 html[lang="en"] .hero .statement .hero-offer>.green{white-space:nowrap!important}
 .hero .statement .hero-art{width:55%!important;max-width:345px!important;right:-24px!important}
}
@media(max-width:980px){
 html[lang="en"] .hero .statement h1,html[lang="tr"] .hero .statement h1{font-size:23px!important;line-height:1.4!important}
 html[lang="en"] .hero .statement .hero-offer>.green{white-space:nowrap!important}
 .hero .statement .hero-art{width:72%!important;max-width:345px!important}
}
/* Give the Turkish explanation the full available desktop width. */
@media(min-width:981px){
 html[lang="tr"] .hero .statement p{
  max-width:none!important;
  width:calc(100% - var(--hero-home-inset,24px) + 24px)!important;
  text-wrap:pretty;
 }
}
/* Mobile-only signature below the artwork, away from the upper text. */
.hero-mobile-signature{display:none!important}
@media(max-width:980px){
 .hero .statement .hero-summary-heading{display:none!important}
 html[lang="en"] .hero .statement h1,html[lang="tr"] .hero .statement h1{grid-row:1!important}
 .hero .statement p{grid-row:2!important}
 .hero .statement .hero-art{grid-row:3!important;margin-bottom:0!important}
 .hero .statement .hero-mobile-signature{
  display:block!important;grid-column:1!important;grid-row:4!important;
  position:static!important;margin:0!important;padding:0!important;
  font:italic 400 14px/1.6 "Avenir Next","Segoe UI",Arial,sans-serif!important;
  letter-spacing:0!important;color:#c3d1de!important;
 }
}

/* Signature and discreet invitation share one row beneath the artwork. */
.hero .statement .hero-summary-heading{display:none!important}
.hero .statement .hero-signature-row{
 display:flex!important;align-items:baseline;justify-content:flex-end;
 flex-wrap:wrap;gap:7px 20px;z-index:3;
}
.hero .statement .hero-signature-row .hero-mobile-signature{
 display:inline!important;position:static!important;grid-area:auto!important;
 margin:0!important;padding:0!important;
 font:italic 400 13px/1.6 "Avenir Next","Segoe UI",Arial,sans-serif!important;
 color:#c3d1de!important;letter-spacing:0!important;
}
.hero-signature-link{color:#8de0b7;font:400 12.5px/1.6 "Segoe UI",Arial,sans-serif;white-space:nowrap;text-decoration:none;text-underline-offset:4px}
.hero-signature-link:hover{text-decoration:underline}
.hero-signature-link:focus-visible{outline:2px solid #8de0b7;outline-offset:5px;border-radius:2px}
@media(min-width:981px){
 .hero .statement .hero-signature-row{
  position:absolute!important;right:-24px;top:var(--hero-signature-top,100%);
  width:max-content;max-width:100%;text-align:right;
 }
}
@media(max-width:980px){
 .hero .statement .hero-signature-row{
  position:static!important;grid-column:1!important;grid-row:4!important;
  width:100%;max-width:100%;text-align:right;justify-self:end;
 }
}
/* Restore the small premise above the explanation; keep the lower link. */
.hero .statement .hero-summary-heading{display:block!important;grid-row:1!important;order:0}
.hero .statement .hero-signature-row .hero-mobile-signature{display:none!important}
@media(max-width:980px){
 .hero .statement p{grid-row:2!important}
 html[lang="en"] .hero .statement h1,html[lang="tr"] .hero .statement h1{grid-row:3!important}
 .hero .statement .hero-art{grid-row:4!important}
 .hero .statement .hero-signature-row{grid-row:5!important}
}
/* Reversible trial: promise link and artwork signature have separate homes. */
.hero .statement .hero-summary-heading{display:none!important}
.hero .statement .hero-signature-row .hero-mobile-signature{display:inline!important}
.hero .statement>.hero-signature-link{
 position:relative!important;order:3;align-self:flex-start;
 display:inline-flex;align-items:center;min-height:36px;
 margin:14px 0 0 var(--hero-home-inset,24px);z-index:3;
}
@media(max-width:980px){
 .hero .statement p{grid-row:1!important}
 html[lang="en"] .hero .statement h1,html[lang="tr"] .hero .statement h1{grid-row:2!important}
 .hero .statement>.hero-signature-link{grid-column:1;grid-row:3!important;justify-self:start;margin:0!important}
 .hero .statement .hero-art{grid-row:4!important}
 .hero .statement .hero-signature-row{grid-row:5!important}
}
/* Approved subtle balance adjustments based on the first comparison image. */
.hero .statement p{color:#bdcdda!important}
@media(min-width:981px){
 .hero .statement .hero-art{right:-10px!important}
 .hero .statement .hero-signature-row{right:-10px!important}
}
/* Keep the desktop opening composition inside the visible viewport. */
@media(min-width:981px){
 .hero{height:100svh!important;min-height:100svh!important;padding-top:94px!important;padding-bottom:20px!important}
 .hero .stage{height:100%!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important}
 .hero .rows{display:grid!important;grid-template-rows:repeat(4,minmax(0,1fr));height:100%;min-height:0}
 .hero .item{min-height:0!important;padding:8px 0!important}
 .hero .initial{font-size:clamp(46px,7.2svh,66px)!important}
 .hero .statement{height:100%!important}
 .hero .statement .hero-art{max-width:min(345px,calc((100svh - 190px)*1.0833))!important}
 .hero .statement .hero-signature-row{padding-bottom:0!important}
}
@media(max-width:980px){
 .hero .statement{row-gap:16px!important}
 .hero .statement .hero-signature-row{margin-top:0!important}
}
/* Alternative trial: premise above the explanatory paragraph. */
.hero .statement .hero-summary-heading{display:block!important;order:0;position:relative!important;top:auto!important;bottom:auto!important;grid-row:1!important;margin-bottom:10px!important}
.hero .statement .hero-signature-row{display:none!important}
@media(max-width:980px){
 .hero .statement p{grid-row:2!important}
 html[lang="en"] .hero .statement h1,html[lang="tr"] .hero .statement h1{grid-row:3!important}
 .hero .statement>.hero-signature-link{grid-row:4!important}
 .hero .statement .hero-art{grid-row:5!important}
}
/* Small finishing adjustments to the premise and artwork. */
.hero .statement .hero-summary-heading,
html[lang="tr"] .hero .statement .hero-summary-heading{
 font-family:"Avenir Next","Segoe UI",Arial,sans-serif!important;
 font-style:italic!important;font-weight:400!important;font-size:14px!important;
 top:-4px!important;
}
/* Keep the premise above the explanation on mobile as well. */
@media(max-width:980px){
 html[lang="tr"] .hero .statement .hero-summary-heading,
 html[lang="en"] .hero .statement .hero-summary-heading{
  display:block!important;position:static!important;grid-area:1/1!important;order:-1!important;
  margin:0 0 8px!important;padding:0!important;font-style:italic!important;
 }
 .hero .statement p{grid-area:2/1!important}
 html[lang="en"] .hero .statement h1,html[lang="tr"] .hero .statement h1{grid-area:3/1!important}
 .hero .statement>.hero-signature-link{grid-area:4/1!important}
 .hero .statement .hero-art{grid-area:5/1!important}
 .hero .statement .hero-signature-row{display:none!important}
}