/* Iordanidis Agency: design system 2027.
   Colours and font are the brand's own: Didact Gothic (one weight, so size does the work), black, white, greys, the logo green.
   Their copy is built on verbs, so the verb is the visual. Only real photography. Editorial, asymmetric layouts. Sharp corners.
   Contents: 1 tokens · 2 header · 3 footer · 4 call bar · 5 page base · 6 buttons and type · 7 sections · 8 people · 9 forms · 10 phones */

/* 1. Tokens */
:root{
	--ia-g:#105850;--ia-g-dark:#0b3f39;--ia-g-light:#7fb3aa;
	--ia-ink:#111;--ia-text:#4a4a48;--ia-mute:#6b6b67;--ia-grey:#f3f3f1;--ia-grey-2:#e6e6e3;--ia-black:#0f0f0f;
	--ia-max:1320px;--ia-pad:clamp(20px,4vw,56px);--ia-sticky:120px;
	--ia-fs-display:clamp(40px,5.2vw,76px);--ia-fs-h2:clamp(30px,3.2vw,46px);--ia-fs-h3:clamp(22px,1.8vw,27px);--ia-fs-lead:clamp(20px,1.6vw,24px);--ia-fs-small:15px;
}

/* 1b. Base of the template's own page frame (header-ia.php: no Salient stylesheet there).
   The parts of Salient's base these pages were built on, with the same specificity, so every rule below still wins as before. */
html:has(> body.ia-page){overflow-y:scroll;overflow-x:hidden}
body:where(.ia-page){margin:0;padding:0;max-width:100%;position:relative;background:#fff;color:#676767;font-family:"Didact Gothic",sans-serif;font-size:20px;line-height:36px;font-weight:400;-webkit-font-smoothing:antialiased}
:where(.ia-page) *{box-sizing:border-box}
:where(.ia-page) :is(a,abbr,address,article,aside,audio,b,blockquote,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,s,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,u,ul,var,video){margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}
:where(.ia-page) :is(ol,ul){list-style:none;margin-left:30px;margin-bottom:30px}
:where(.ia-page) p{padding-bottom:1.5em}
:where(.ia-page) p:empty{display:none}
:where(.ia-page) em{font-style:italic}
:where(.ia-page) :is(b,strong){font-weight:600}
:where(.ia-page) a{color:#3555ff;text-decoration:none;transition:color .3s}
body:where(.ia-page) a,:where(.ia-page) label span{color:#000}
:where(.ia-page) :is(h1,h2,h3,h4,h5,h6){color:#444;letter-spacing:0;margin-bottom:7px}
body:where(.ia-page) h1{font-size:32px;line-height:38px;font-weight:400}
body:where(.ia-page) h2{font-size:28px;line-height:46.2px;font-weight:400}
body:where(.ia-page) h3{font-size:24px;line-height:32px;font-weight:400}
body:where(.ia-page) h4{font-size:22px;line-height:32px;font-weight:400}
body:where(.ia-page) h5{font-size:20px;line-height:30px;font-weight:400}
body:where(.ia-page) h6{font-size:18px;line-height:28px;font-weight:400}
@media (min-width:1000px) and (max-width:1300px){body:where(.ia-page) h1{font-size:24px;line-height:28.5px}body:where(.ia-page) h2{font-size:23.8px;line-height:39.1px}body:where(.ia-page) h3{font-size:20.4px;line-height:27.2px}}
@media (min-width:691px) and (max-width:999px){body:where(.ia-page) h1{font-size:22.4px;line-height:26.6px}body:where(.ia-page) h2{font-size:22.4px;line-height:36.8px}body:where(.ia-page) h3{font-size:19.2px;line-height:25.6px}}
@media (max-width:690px){body:where(.ia-page) h1{font-size:20.8px;line-height:24.7px}body:where(.ia-page) h2{font-size:21px;line-height:34.5px}body:where(.ia-page) h3{font-size:19.2px;line-height:25.6px}body:where(.ia-page) h4{font-size:19.8px;line-height:28.8px}}
:where(.ia-page) textarea{max-width:100%}
.ia-skip{position:absolute;left:12px;top:-60px;z-index:10000;background:#fff;color:var(--ia-ink)!important;font-size:16px;line-height:1;padding:12px 16px}
.ia-skip:focus{top:12px}

/* 2. Header (desktop from 1000px; below that, the phone header of 2b on the new template, or Salient's header and its off-canvas menu) */
.tc-h{display:none}
body #slide-out-widget-area.fullscreen-alt .inner-wrap > .inner .off-canvas-menu-container li.tc-mob-label > a{pointer-events:none;cursor:default;font-size:15px!important;line-height:1.4!important;letter-spacing:.04em;opacity:.55!important;padding-top:22px!important;padding-bottom:2px!important}
body #slide-out-widget-area.fullscreen-alt .inner-wrap > .inner .off-canvas-menu-container .sub-menu li:not(.tc-mob-label) > a{font-size:22px!important;line-height:1.3!important}
body #slide-out-widget-area.fullscreen-alt .inner-wrap > .inner .off-canvas-menu-container li.tc-mob-lang > a{font-size:17px!important;letter-spacing:.06em;opacity:.7!important}
body #slide-out-widget-area.fullscreen-alt .inner{padding-top:120px!important}
@media (min-width:1000px){
	#header-outer,#header-outer *{visibility:hidden!important;pointer-events:none!important}
	#header-space{height:var(--tc-h-solid)!important}
	body.ia-hero-top #header-space{display:none!important}
	:root{--tc-h-solid:84px;--tc-pad:clamp(28px,3.3vw,64px);--tc-gap:clamp(22px,2.2vw,38px);--tc-line:#e3e3e3}
	.tc-h{display:block;position:fixed;top:0;left:0;right:0;z-index:9500;color:#fff;font-family:"Didact Gothic",sans-serif;font-size:16px;line-height:1.2;transition:background-color .3s,color .3s,box-shadow .3s}
	.admin-bar .tc-h{top:32px}
	.tc-h a{color:inherit;text-decoration:none}
	.tc-h button{color:inherit;font-family:inherit;letter-spacing:inherit;text-transform:none}
	.tc-h__bar{display:flex;align-items:center;gap:var(--tc-gap);height:116px;padding:0 max(var(--tc-pad),calc(50% - 800px));border-bottom:1px solid rgba(255,255,255,.2);transition:height .3s,border-color .3s}
	.tc-h__logo{flex:none;line-height:0}
	.tc-h__logo img{width:84px;height:84px;transition:width .3s,height .3s}
	.tc-h__nav{flex:1;display:flex;justify-content:flex-end}
	.tc-h__menu{display:flex;align-items:center;gap:var(--tc-gap);list-style:none;margin:0;padding:0}
	.tc-h__menu li{list-style:none;margin:0;padding:0}
	.tc-h__top{display:flex;align-items:center;gap:8px;padding:12px 0;background:none;border:0;cursor:pointer;font-size:16px!important;line-height:1.2;white-space:nowrap;position:relative;letter-spacing:.01em}
	.tc-h__top:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}
	.tc-h__item.is-active > .tc-h__top:after,.tc-h__item.is-open > .tc-h__top:after,.tc-h__top:hover:after{transform:scaleX(1)}
	.tc-h__caret{width:10px;height:6px;transition:transform .25s}
	.tc-h__item.is-open .tc-h__caret{transform:rotate(180deg)}
	.tc-h__actions{display:flex;align-items:center;gap:22px;flex:none}
	.tc-h__tel{display:inline-flex;align-items:center;gap:9px;font-size:16px;white-space:nowrap}
	.tc-h__tel svg{width:16px;height:16px;fill:currentColor;flex:none}
	.tc-h__cta{display:inline-block;background:var(--ia-g);color:#fff!important;font-size:15px;line-height:1;padding:14px 24px;white-space:nowrap;transition:background-color .2s}
	.tc-h__cta:hover{background:var(--ia-g-dark)}
	.tc-h__lang{font-size:13px;letter-spacing:.08em;line-height:1;padding:6px 8px;border:1px solid currentColor;opacity:.85}
	.tc-h__lang:hover{opacity:1}
	/* Solid: scrolled, panel open, or a page without a dark hero */
	.tc-h.is-solid{background:#fff;color:var(--ia-ink);box-shadow:0 1px 0 rgba(0,0,0,.07)}
	.tc-h.is-solid .tc-h__bar{border-bottom-color:transparent}
	.tc-h.is-scrolled .tc-h__bar,.tc-h.is-plain .tc-h__bar{height:var(--tc-h-solid)}
	.tc-h.is-scrolled .tc-h__logo img,.tc-h.is-plain .tc-h__logo img{width:58px;height:58px}
	.tc-h.is-solid .tc-h__tel{color:var(--ia-g)}
	.tc-h.is-solid .tc-h__lang{opacity:.6}
	.tc-h.is-solid .tc-h__item.is-active > .tc-h__top,.tc-h.is-solid .tc-h__item.is-open > .tc-h__top{color:var(--ia-g)}
	.tc-h.has-open .tc-h__bar{border-bottom-color:var(--tc-line)}
	/* Panels */
	.tc-h__item.has-panel{position:relative}
	.tc-h__panel{position:absolute;top:100%;left:-28px;min-width:300px;background:#fff;color:var(--ia-ink);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility 0s .2s;box-shadow:0 24px 48px -24px rgba(0,0,0,.3)}
	.tc-h__item.is-open > .tc-h__panel{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .2s}
	.tc-h__item.has-panel:not(.is-mega) .tc-h__panel-in{padding:14px 28px 18px}
	.tc-h__item.is-mega{position:static}
	.tc-h__item.is-mega > .tc-h__panel{left:0;right:0;top:100%;border-top:1px solid var(--tc-line)}
	.tc-h__item.is-mega .tc-h__panel-in{display:grid;grid-template-columns:1fr 1fr 1fr;gap:clamp(40px,4.4vw,72px);max-width:1240px;margin:0 auto;padding:44px var(--tc-pad) 52px}
	.tc-h__label{font-size:13px!important;line-height:1.4!important;letter-spacing:.06em;color:var(--ia-mute);margin:0 0 14px!important;padding:0!important}
	.tc-h__panel ul{list-style:none;margin:0;padding:0}
	.tc-h__item.is-mega .tc-h__panel ul{border-top:1px solid var(--tc-line)}
	.tc-h__panel li{border-bottom:1px solid var(--tc-line)}
	.tc-h__item:not(.is-mega) .tc-h__panel li:last-child{border-bottom:0}
	.tc-h__panel ul a{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;font-size:17px;line-height:1.35;color:var(--ia-ink);white-space:nowrap;transition:color .2s}
	.tc-h__arrow{color:var(--ia-g);opacity:0;transform:translateX(-6px);transition:opacity .2s,transform .2s}
	.tc-h__panel ul a:hover,.tc-h__panel ul a:focus-visible,.tc-h__panel ul a[aria-current]{color:var(--ia-g)}
	.tc-h__panel ul a:hover .tc-h__arrow,.tc-h__panel ul a:focus-visible .tc-h__arrow{opacity:1;transform:none}
	.tc-h__side{border-left:1px solid var(--tc-line);padding-left:clamp(32px,3.3vw,48px)}
	.tc-h__text{font-size:16px!important;line-height:1.6!important;color:#555;margin:0 0 24px!important;padding:0!important}
	.tc-h__side-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
	.tc-h__side .tc-h__tel{color:var(--ia-g)}
	.tc-h :focus-visible{outline:2px solid var(--ia-g);outline-offset:4px}
	.tc-h:not(.is-solid) :focus-visible{outline-color:#fff}
}
@media (min-width:1000px) and (max-width:1439px){.tc-h__top{font-size:15px!important}.tc-h__tel{font-size:15px}.tc-h__cta{padding:13px 20px}}
@media (min-width:1000px) and (max-width:1199px){.tc-h__tel span{display:none}.tc-h__actions{gap:16px}.tc-h__logo img{width:72px;height:72px}.tc-h__side .tc-h__tel span{display:inline}}

/* 2b. Phones and tablets on the new template: the logo and a menu button over the hero, then the full-screen menu
   (.tc-m, built from the same menus). It follows the look of Salient's phone header and menu it replaces. */
.tc-h__burger,.tc-m{display:none}
@media (max-width:999px){
	.tc-h--m{display:block;position:absolute;top:0;left:0;right:0;z-index:9500;color:#fff;font-family:"Didact Gothic",sans-serif;line-height:1.2}
	.admin-bar .tc-h--m{top:46px}
	.tc-h--m.is-plain{background:#fff;color:var(--ia-ink);box-shadow:0 1px 0 rgba(0,0,0,.07)}
	.tc-h--m .tc-h__bar{position:relative;display:flex;align-items:center;justify-content:center;height:104px;padding:0 18px}
	.tc-h--m .tc-h__nav,.tc-h--m .tc-h__actions{display:none}
	.tc-h--m .tc-h__logo{line-height:0}
	.tc-h--m .tc-h__logo img{width:80px;height:80px}
	.tc-h__burger{display:block;position:absolute;left:7px;top:50%;width:44px;height:44px;margin-top:-22px;padding:0;background:none;border:0;color:inherit;cursor:pointer}
	.tc-h__burger span,.tc-h__burger span:before,.tc-h__burger span:after{position:absolute;left:11px;display:block;width:22px;height:2px;background:currentColor;transition:transform .3s,top .3s,background-color .2s}
	.tc-h__burger span{top:21px}
	.tc-h__burger span:before,.tc-h__burger span:after{content:"";left:0}
	.tc-h__burger span:before{top:-7px}
	.tc-h__burger span:after{top:7px;width:15px}
	.tc-h--m.is-menu{position:fixed;background:transparent;color:#fff;box-shadow:none}
	.tc-h--m.is-menu .tc-h__burger span{background-color:transparent}
	.tc-h--m.is-menu .tc-h__burger span:before{top:0;transform:rotate(45deg)}
	.tc-h--m.is-menu .tc-h__burger span:after{top:0;width:22px;transform:rotate(-45deg)}
	.tc-h--m :focus-visible{outline:2px solid currentColor;outline-offset:4px}
	body.ia-page #header-space{height:104px}
	.tc-m{position:fixed;inset:0;z-index:-1;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;background:rgba(0,0,0,.93);color:#fff;padding:120px 24px 40px;text-align:center;animation:tc-m-in .25s ease}
	.tc-m[hidden]{display:none}
	@keyframes tc-m-in{from{opacity:0}to{opacity:1}}
	.tc-m__nav{margin:auto 0;width:100%}
	.tc-m ul{list-style:none;margin:0;padding:0}
	.tc-m li{margin:0 0 15px;padding:0}
	.tc-m a,.tc-m button{font-family:inherit;text-decoration:none;background:none;border:0;cursor:pointer}
	.tc-m__link{display:inline-block;max-width:100%;padding:6px 0;color:rgba(255,255,255,.7)!important;font-size:32px;line-height:1;letter-spacing:-1px;transition:color .2s}
	.tc-m__link:hover,.tc-m__link:focus-visible,.tc-m__link[aria-current]{color:#fff!important}
	.tc-m__lang{display:inline-block;margin-top:6px;padding:6px 0;color:#fff!important;opacity:.7;font-size:17px;line-height:1.4;letter-spacing:.06em}
	.tc-m__sub li{margin-bottom:10px}
	.tc-m__sub a{display:inline-block;padding:6px 0;color:rgba(255,255,255,.7)!important;font-size:22px;line-height:1.3;transition:color .2s}
	.tc-m__sub a:hover,.tc-m__sub a:focus-visible,.tc-m__sub a[aria-current]{color:#fff!important}
	.tc-m__label{padding-top:22px;font-size:15px;line-height:1.4;letter-spacing:.04em;opacity:.55}
	.tc-m__label:first-child{padding-top:0}
	.tc-m__back{display:inline-block;margin:0 0 26px;padding:6px 0;color:#fff;font-size:16px;line-height:1.4;letter-spacing:.04em;opacity:.8}
	.tc-m__back:before{content:"← "}
	html.tc-m-open{overflow:hidden}
	html.tc-m-open .ia-callbar{display:none}
}

/* 3. Footer (inside Salient's #footer-outer) */
#footer-outer{background:var(--ia-black)!important;padding:0!important;color:#c9c9c5}
#footer-outer .ia-ft{padding:96px 0 36px;font-family:"Didact Gothic",sans-serif;font-size:16px;line-height:1.6;color:#c9c9c5}
#footer-outer .ia-ft a{color:#c9c9c5!important;text-decoration:none;transition:color .2s}
#footer-outer .ia-ft a:hover{color:#fff!important}
#footer-outer .ia-ft p{margin:0;padding:0}
#footer-outer .ia-ft .ia-label{color:var(--ia-g-light);font-size:15px;letter-spacing:.06em;margin:0 0 18px}
.ia-ft__top{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:end;padding-bottom:64px;border-bottom:1px solid #2a2a28}
#footer-outer .ia-ft .ia-ft__tel{display:block;color:#fff!important;font-size:clamp(44px,6vw,92px);line-height:1;letter-spacing:-.02em;white-space:nowrap}
#footer-outer .ia-ft .ia-ft__tel:hover{color:#9cc9c1!important}
#footer-outer .ia-ft .ia-ft__addr{font-size:17px;line-height:1.7;margin-top:22px}
.ia-ft__people{display:grid;grid-template-columns:repeat(6,46px);gap:6px;justify-content:end}
.ia-ft__people img{display:block;width:46px;height:62px;object-fit:cover;object-position:50% 12%;filter:grayscale(1);opacity:.85;transition:opacity .2s,filter .2s}
.ia-ft__people:hover img{opacity:1;filter:none}
@media (max-width:359px){ /* 320px phones: the number and the six portraits share the width instead of overflowing it */
	#footer-outer .ia-ft .ia-ft__tel{font-size:12.5vw}
	.ia-ft__people{grid-template-columns:repeat(6,minmax(0,1fr))}
	.ia-ft__people img{width:100%;height:auto;aspect-ratio:46/62}
}
.ia-ft__cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding:48px 0 64px}
#footer-outer .ia-ft :is(h2,h4){color:#fff;font-family:inherit;font-size:16px;line-height:1.4;font-weight:400;letter-spacing:0;text-transform:none;margin:0 0 16px}
#footer-outer .ia-ft .ia-ft__follow{margin-top:28px}
#footer-outer .ia-ft ul{list-style:none;margin:0;padding:0}
#footer-outer .ia-ft li{list-style:none;margin:0 0 9px;padding:0;font-size:15.5px;line-height:1.45}
.ia-ft__legal{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px;color:#7d7d79}
.ia-ft__legal span{display:flex;gap:22px;flex-wrap:wrap}
#footer-outer .ia-ft .ia-ft__legal a{color:#7d7d79!important}
#footer-outer .ia-ft .ia-ft__legal a:hover{color:#fff!important}

/* 4. Call bar (phones) */
.ia-callbar{display:none}

/* 5. Page base ("Iordanidis 2027" template) */
body.ia-page{overflow:visible!important;overflow-x:clip!important} /* Salient's overflow:hidden on body stops sticky columns; clip still prevents sideways scroll */
.ia{font-family:"Didact Gothic",system-ui,sans-serif;font-size:18px;line-height:1.65;color:var(--ia-text);-webkit-font-smoothing:antialiased;overflow-x:clip}
.ia :where(h1,h2,h3,h4,h5){font-family:inherit;font-weight:400;color:var(--ia-ink);margin:0;padding:0;letter-spacing:-.015em;text-transform:none}
:is(.ia,.ia-ft,.tc-h) :is(h1,h2,h3,h4,h5,h6){font-weight:400!important} /* the old custom CSS forces bold !important on every heading; Didact Gothic has one weight, so that is faux bold */
.ia :where(p,ul,ol){margin:0;padding:0}
.ia :where(figure){margin:0}
.ia :where(img){display:block;max-width:100%;height:auto}
.ia :where(a){color:inherit}
:where(.ia) :where(.is-layout-flow,.is-layout-constrained) > *{margin-block:0}
.ia-wrap{box-sizing:border-box;width:100%;max-width:var(--ia-max);margin-inline:auto;padding-inline:var(--ia-pad)}
.ia-sec{padding-block:clamp(80px,10vw,140px)}
.ia-sec--grey{background:var(--ia-grey)}
.ia-sec--tight{padding-block:clamp(56px,7vw,96px)}
.ia-sec--flush-top{padding-top:0}
.ia-sec:not(.ia-sec--grey) + .ia-sec:not(.ia-sec--grey),.ia-sec--grey + .ia-sec--grey{padding-top:0}
.ia-stack{display:grid;gap:24px;align-content:start}
.ia-stack > .ia-btns,.ia-stack > .ia-ct__lines{margin-top:8px}
.ia-sec--flush-bottom{padding-bottom:0}
.ia-sec.ia-sec--flush-bottom + .ia-sec:not(.ia-sec--flush-top){padding-top:clamp(80px,10vw,140px)} /* a section that ends on a photo keeps the next one's top space */

/* 6. Buttons and type */
.ia-btns{display:flex;flex-wrap:wrap;gap:16px}
.ia-btns .wp-block-button__link{display:inline-flex;align-items:center;gap:14px;background:var(--ia-g);color:#fff;border:0;border-radius:0;text-decoration:none;font-family:inherit;font-size:16px;line-height:1;padding:19px 26px;transition:background .2s}
.ia-btns .wp-block-button__link:after{content:"→";font-size:18px;transition:transform .2s}
.ia-btns .wp-block-button__link:hover,.ia-btns .wp-block-button__link:focus-visible{background:var(--ia-g-dark);color:#fff}
.ia-btns .wp-block-button__link:hover:after{transform:translateX(4px)}
.ia-btns .is-style-light .wp-block-button__link,.ia-btns.is-light .wp-block-button__link{background:#fff;color:var(--ia-ink)}
.ia-btns .is-style-light .wp-block-button__link:hover,.ia-btns.is-light .wp-block-button__link:hover{background:var(--ia-grey-2);color:var(--ia-ink)}
.ia-link a{display:inline-flex;align-items:center;gap:10px;color:var(--ia-ink);text-decoration:none;font-size:16px;border-bottom:1px solid currentColor;padding-bottom:3px}
.ia-link a:after{content:"→"}
.ia-link a:hover{color:var(--ia-g)}
.ia-label{font-size:var(--ia-fs-small);letter-spacing:.06em;color:var(--ia-g);margin:0 0 18px}
h2.ia-label,h3.ia-label{font-size:var(--ia-fs-small);letter-spacing:.06em;color:var(--ia-g);line-height:1.5}
.ia-h2{font-size:var(--ia-fs-h2);line-height:1.12}
.ia-statement{font-size:clamp(28px,3vw,44px);line-height:1.22;color:var(--ia-ink);letter-spacing:-.015em}
.ia-statement em,.ia-statement strong{font-style:normal;font-weight:400;color:var(--ia-g)}
.ia-lead{font-size:var(--ia-fs-lead);line-height:1.5;color:var(--ia-ink)}
.ia-lead--xl{font-size:clamp(24px,2.3vw,34px);line-height:1.35;letter-spacing:-.01em}
.ia-prose p + p{margin-top:1.1em}
.ia-caption,.ia figcaption{font-size:14px;color:var(--ia-mute);margin-top:12px}

/* 7. Sections */

/* Hero: a real photo, the title anchored low and left */
.ia-hero{position:relative;display:flex;align-items:flex-end;min-height:64vh;color:#fff;background:#111;overflow:hidden}
.ia-hero--home{min-height:92vh}
.ia-hero > .ia-hero__img{position:absolute;inset:0;margin:0;z-index:0}
.ia-hero .ia-hero__img img{width:100%;height:100%;object-fit:cover}
.ia-hero--home .ia-hero__img img{filter:grayscale(1)}
.ia-hero > .ia-hero__video{position:absolute;inset:0;margin:0;z-index:0;opacity:0;transition:opacity .9s ease}
.ia-hero .ia-hero__video video{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.ia-hero.is-playing > .ia-hero__video{opacity:1}
.ia-hero--home.is-playing:before{background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.28) 35%,rgba(0,0,0,.78) 100%)} /* the film has bright shots; keep the headline legible */
.ia-hero__ctrl{position:absolute;z-index:3;right:max(var(--ia-pad),calc((100% - var(--ia-max))/2 + var(--ia-pad)));bottom:22px;display:flex;gap:8px}
.ia-hero__ctrl button{width:40px;height:40px;padding:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.55);background:rgba(0,0,0,.25);color:#fff;cursor:pointer;transition:background .2s,border-color .2s}
.ia-hero__ctrl button:hover,.ia-hero__ctrl button:focus-visible{background:rgba(0,0,0,.55);border-color:#fff}
.ia-hero__ctrl svg{width:16px;height:16px;fill:currentColor}
.ia-hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,.5) 0%,rgba(0,0,0,.1) 40%,rgba(0,0,0,.7) 100%)}
.ia-hero--home:before{background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.15) 35%,rgba(0,0,0,.72) 100%)}
.ia-hero__in{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:40px;align-items:end;padding-top:140px;padding-bottom:clamp(40px,6vw,80px)}
.ia-hero--home .ia-hero__in{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:48px;padding-bottom:clamp(48px,7vw,96px)}
.ia-hero h1{color:#fff;font-size:var(--ia-fs-display);line-height:1.04}
.ia-hero--home h1{max-width:12ch}
.ia-hero .ia-hero__crumb{font-size:var(--ia-fs-small);letter-spacing:.06em;color:rgba(255,255,255,.75);margin:0 0 18px}
.ia-hero .ia-hero__sub{font-size:var(--ia-fs-lead);line-height:1.5;color:rgba(255,255,255,.88);max-width:32ch;padding-bottom:8px}
.ia-hero__side{display:grid;gap:26px;justify-items:start;padding-bottom:10px}
.ia-hero__side p{font-size:var(--ia-fs-lead);line-height:1.5;color:rgba(255,255,255,.88);max-width:30ch}

/* Statement with pillars */
.ia-mission{padding:clamp(80px,10vw,150px) 0 clamp(64px,8vw,110px)}
.ia-mission__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(48px,7vw,120px);align-items:start}
.ia-mission__statement{font-size:clamp(30px,3.3vw,48px);line-height:1.2;position:sticky;top:var(--ia-sticky)}
.ia-pillars{display:grid;gap:clamp(40px,5vw,64px);padding-top:10px}
.ia-pillars h3{font-size:var(--ia-fs-h3);line-height:1.25;margin:0 0 14px}
.ia-pillars p{font-size:17px}
.ia-pillars--row{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,64px);margin-top:clamp(56px,7vw,96px);padding-top:0}
.ia-pillars--row h3{padding-top:24px;border-top:3px solid var(--ia-g);margin-bottom:16px}

/* Verbs: their verbs are the visual */
.ia-verbs__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);gap:clamp(40px,6vw,110px);align-items:start}
.ia-verbs__intro{position:sticky;top:var(--ia-sticky)}
.ia-verbs__intro .ia-h2{margin:0 0 24px}
.ia-verbs__intro p:not(.ia-label){margin:0 0 34px;font-size:17px}
.ia-verbs{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,5vw,72px) clamp(32px,4vw,64px)}
.ia-verb{font-size:17.5px;line-height:1.6;color:var(--ia-text);max-width:34ch}
.ia-verb strong{display:block;font-weight:400;color:var(--ia-g);font-size:clamp(34px,3.4vw,52px);line-height:1;letter-spacing:-.02em;margin:0 0 16px}

/* Programmes: each opens with its own first sentence */
.ia-prog__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:end;margin-bottom:clamp(48px,6vw,80px)}
.ia-prog__head p{font-size:17px;max-width:46ch}
.ia-prog__body{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1.6fr);gap:clamp(32px,5vw,80px);align-items:start}
.ia-prog__photo{position:sticky;top:var(--ia-sticky)}
.ia-prog__photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:30% 50%}
.ia-prog__group + .ia-prog__group{margin-top:clamp(48px,6vw,80px)}
.ia-prog__group .ia-label{margin-bottom:26px}
.ia-prog__list{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,4vw,56px) clamp(28px,4vw,56px)}
.ia-pg{position:relative}
.ia-pg h3{font-size:16px;color:var(--ia-g);letter-spacing:.01em;margin:0 0 12px}
.ia-pg p{font-size:clamp(21px,1.75vw,25px);line-height:1.35;color:var(--ia-ink);letter-spacing:-.01em;margin:0 0 16px;transition:color .2s}
.ia-pg p.ia-pg__more{font-size:15px;line-height:1.4;letter-spacing:0;margin:0}
.ia-pg__more a{color:var(--ia-ink);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.ia-pg__more a:after{content:" →"}
.ia-pg__more a:before{content:"";position:absolute;inset:0}
.ia-pg:hover p:not(.ia-pg__more){color:var(--ia-g)}

/* People strip (homepage) */
.ia-people__head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;align-items:end;margin-bottom:clamp(40px,5vw,64px)}
.ia-people__head p{font-size:17px;max-width:44ch}
.ia-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px}
.ia-person b{display:block;font-weight:400;color:var(--ia-g);font-size:15px;letter-spacing:.04em;margin:0 0 10px}
.ia-person p{font-size:15.5px;line-height:1.3;color:var(--ia-ink);margin-top:12px}
.ia-person__fig{aspect-ratio:2/3;background:#e3e2df;overflow:hidden}
.ia-person__fig img{width:100%;height:100%;object-fit:cover;object-position:50% 14%}
.ia-person__fig.is-initials,.ia-p__fig.is-initials{display:flex;align-items:center;justify-content:center;background:#e8e7e4}
.ia-person__fig.is-initials span{font-size:clamp(34px,3vw,48px);line-height:1;color:var(--ia-g);letter-spacing:.02em}
.ia-people .ia-link{margin-top:44px}

/* Photo mosaic with a statement */
.ia-vision__grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(40px,6vw,96px);align-items:center}
.ia-mosaic{display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:1fr 1fr;gap:14px;height:clamp(420px,46vw,640px)}
.ia-mosaic > figure{margin:0;height:100%;min-height:0}
.ia-mosaic .wp-block-image img{width:100%;height:100%;object-fit:cover}
.ia-mosaic > :first-child{grid-row:1/3}
.ia-vision__text{font-size:clamp(26px,2.4vw,36px);line-height:1.28;color:var(--ia-ink);letter-spacing:-.015em;margin:0 0 36px}

/* Values */
.ia-values{padding:0 0 clamp(80px,10vw,140px)}
.ia-values__grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(40px,6vw,96px);padding-top:clamp(56px,7vw,96px)}
.ia-values__grid:before{content:"";position:absolute;top:0;left:var(--ia-pad);right:var(--ia-pad);border-top:1px solid var(--ia-grey-2)}
.ia-values__list{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,4vw,56px) clamp(32px,4vw,64px)}
.ia-values__list h3{font-size:var(--ia-fs-h3);margin:0 0 10px}
.ia-values__list p{font-size:16.5px}

/* Two columns: the lead on the left carries the page, the prose answers it */
.ia-split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(40px,6vw,110px);align-items:start}
.ia-split--even{grid-template-columns:1fr 1fr}

/* Photo beside text, the photo running to the left edge */
.ia-story{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(40px,6vw,100px);align-items:center;max-width:1600px;padding-right:var(--ia-pad)}
.ia-story .wp-block-image img{width:100%;aspect-ratio:5/4;object-fit:cover;object-position:35% 50%}
.ia-story__text{max-width:560px}
.ia-story__text .ia-lead{margin:0 0 28px}
.ia-story__text .ia-btns{margin-top:32px}

/* Full-width photo */
.ia-wide img{width:100%;aspect-ratio:21/9;object-fit:cover;object-position:50% 40%}

/* Film on a page (Ποιοι είμαστε): the cover photo with one large play button; it plays with sound and native controls */
.ia-film{position:relative;margin:0;background:#111}
.ia .ia-film video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#111}
.ia-film__play{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-start;gap:16px;padding:clamp(20px,3vw,40px);border:0;background:linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.55) 100%);color:#fff;font:inherit;font-size:clamp(17px,1.5vw,21px);text-align:left;cursor:pointer}
.ia-film__play i{flex:none;display:grid;place-items:center;width:clamp(56px,5vw,76px);height:clamp(56px,5vw,76px);background:var(--ia-g);transition:background .2s,transform .2s}
.ia-film__play i svg{width:34%;height:34%;fill:#fff;margin-left:8%}
.ia-film__play:hover i,.ia-film__play:focus-visible i{background:var(--ia-g-dark);transform:scale(1.04)}
.ia-film__play span small{display:block;font-size:14px;opacity:.8;margin-top:4px}
.ia-film.is-on .ia-film__play{display:none}

/* Closing band: a heading and one action */
.ia-cta__grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(40px,6vw,100px);align-items:end}
.ia-cta__grid .ia-h2{max-width:18ch}
.ia-cta__grid p{margin:0 0 32px;max-width:44ch}

/* Contact */
.ia-ct__head{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:48px;align-items:end;margin-bottom:clamp(48px,6vw,88px)}
.ia-ct__head h1{font-size:var(--ia-fs-display);line-height:1.04}
.ia-ct__head p{font-size:var(--ia-fs-lead);line-height:1.5;color:var(--ia-ink);max-width:30ch}
.ia-ct__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(40px,6vw,110px);align-items:start}
.ia-ct__tel{margin:0 0 30px}
.ia-ct__tel a{display:block;white-space:nowrap;font-size:clamp(40px,4.4vw,72px);line-height:1;letter-spacing:-.02em;color:var(--ia-g);text-decoration:none}
.ia-ct__tel a:hover{color:var(--ia-g-dark)}
.ia-ct__lines{display:grid;gap:10px}
.ia-ct__lines p{font-size:clamp(19px,1.6vw,23px);line-height:1.4;color:var(--ia-ink)}
.ia-ct__lines a{text-decoration:none}
.ia-ct__lines a:hover{color:var(--ia-g)}
.ia-ct__intro{font-size:17.5px;margin:36px 0 26px;max-width:40ch}
.ia-panel{background:var(--ia-grey);padding:clamp(28px,3.4vw,52px)}
.ia-panel h2{font-size:clamp(24px,2vw,30px);margin:0 0 26px}
.ia-sec--grey .ia-panel{background:#fff}

/* Long read (products page): contents on the left, built by ia.js from the chapters; one chapter per programme.
   A paragraph .ia-read__group starts a group in the contents; inside .ia-break it is also shown under the photo. */
.ia .ia-focus-right img{object-position:62% 35%}
.ia .ia-focus-top img{object-position:50% 30%}
.ia .ia-focus-left img{object-position:15% 50%}
.ia-intro{padding:clamp(72px,9vw,128px) 0 clamp(40px,5vw,64px)}
.ia-split--end{align-items:end}
.ia-intro .ia-statement{max-width:26ch}
.ia-intro .ia-split > p:not(.ia-statement){font-size:17px;max-width:46ch}
.ia-read{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(40px,6vw,120px);align-items:start;padding-bottom:clamp(80px,10vw,140px)}
.ia-toc{position:sticky;top:var(--ia-sticky);padding-top:6px}
.ia-toc__group{font-size:var(--ia-fs-small);letter-spacing:.06em;color:var(--ia-mute);margin:0 0 14px}
.ia .ia-toc ul{list-style:none;margin:0 0 34px;padding:0}
.ia-toc li{margin:0;list-style:none}
.ia-toc li a{display:block;text-decoration:none;color:var(--ia-mute);font-size:17px;line-height:1.35;padding:7px 0 7px 18px;position:relative;transition:color .2s}
.ia-toc li a:before{content:"";position:absolute;left:0;top:50%;width:8px;height:8px;margin-top:-4px;background:var(--ia-g);transform:scale(0);transition:transform .2s}
.ia-toc li a:hover,.ia-toc li a.is-active{color:var(--ia-ink)}
.ia-toc li a.is-active:before{transform:scale(1)}
.ia-toc__call{display:inline-block;margin-top:6px;font-size:22px;color:var(--ia-g)!important;text-decoration:none}
.ia-read__body > .ia-read__group{display:none}
.ia-jump{display:none}
.ia-ch{padding:clamp(56px,6vw,88px) 0;border-top:1px solid var(--ia-grey-2);max-width:820px;scroll-margin-top:calc(var(--ia-sticky) - 24px)}
.ia-read__body > .ia-ch:first-of-type{border-top:0;padding-top:0}
.ia-ch__name{font-size:var(--ia-fs-small);letter-spacing:.06em;color:var(--ia-g);margin:0 0 18px}
.ia .ia-ch__head{font-size:clamp(30px,3vw,44px);line-height:1.16;margin:0 0 14px;max-width:22ch}
.ia-ch__eng{font-size:15px;color:var(--ia-mute);margin:0 0 40px}
:lang(en) .ia-ch__eng{display:none} /* the English name under the headline: on English pages it repeats the chapter name */
.ia:lang(en) .ia-ch__head{margin-bottom:40px}
.ia-ch__prose{max-width:62ch;margin:0 0 40px}
.ia-ch__prose > p:first-child{font-size:var(--ia-fs-lead);line-height:1.5;color:var(--ia-ink)}
.ia .ia-ch__sub{font-size:var(--ia-fs-h3);line-height:1.25;margin:56px 0 22px}
.ia .ia-ch__how{margin:56px 0 10px}
.ia .ia-ch__sub--how{margin-top:0}
.ia-ch__quote{margin:48px 0 28px;font-size:clamp(24px,2.2vw,32px);line-height:1.3;color:var(--ia-g);max-width:28ch}
.ia-steps{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px;margin:0 0 40px}
.ia-step{background:var(--ia-grey);padding:26px 26px 28px}
.ia .ia-step :is(h3,h4){font-size:19px;line-height:1.3;margin:0 0 10px;letter-spacing:0}
.ia-step p{font-size:16px;line-height:1.6}
.ia-ns{display:grid;grid-template-columns:1fr 1fr;margin:8px 0 40px}
.ia-ns__col{padding:30px 32px 34px;background:var(--ia-grey)}
.ia-ns__col--sol{background:#fff;border:1px solid var(--ia-grey-2);border-left:0}
.ia-ns__col--sol p:not(.ia-ns__label){color:var(--ia-ink)}
.ia-ns__col p:not(.ia-ns__label){font-size:16.5px;line-height:1.65;margin:0 0 1em}
.ia-ns__col p:last-child{margin-bottom:0}
.ia-ns__label{font-size:var(--ia-fs-small);letter-spacing:.06em;color:var(--ia-g);margin:0 0 14px}
.ia-ch__cta{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:16px}
.ia-ch__tel a{font-size:22px;color:var(--ia-g);text-decoration:none}
.ia-ch__tel a:hover{color:var(--ia-g-dark)}
.ia-break{margin:clamp(40px,5vw,72px) 0 clamp(64px,7vw,96px)}
.ia-break img{width:100%;aspect-ratio:21/9;object-fit:cover}
.ia-break .ia-read__group{font-size:var(--ia-fs-small);letter-spacing:.06em;color:var(--ia-g);margin:28px 0 0}
.ia-break + .ia-ch{border-top:0;padding-top:0}

/* Page head: one large statement under the hero (Ποιοι είμαστε, Τι κάνουμε) */
.ia-head{padding:clamp(80px,10vw,150px) 0 clamp(56px,7vw,100px)}
.ia .ia-head .ia-statement{font-size:clamp(32px,4vw,60px);line-height:1.1;max-width:23ch}
.ia h2.ia-statement{max-width:30ch}
.ia h2.ia-mission__statement{max-width:none}

/* Sequence: their verbs one under another, beside a sticky photograph of the work */
.ia-seq{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr);gap:clamp(40px,6vw,100px);align-items:start}
.ia-seq__photo{position:sticky;top:var(--ia-sticky)}
.ia-seq__photo img{width:100%;aspect-ratio:3/4;object-fit:cover;object-position:38% 50%}
.ia-seq__steps{display:grid;gap:clamp(48px,6vw,80px)}
.ia-seq__step{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(20px,3vw,48px);align-items:baseline}
.ia-seq__verb{color:var(--ia-g);font-size:clamp(30px,3vw,46px);line-height:1;letter-spacing:-.02em}
.ia-seq__text p{font-size:clamp(18px,1.35vw,20px);line-height:1.6;color:var(--ia-ink)}
.ia-seq__text p + p{margin-top:16px}

/* Philosophy pages: one statement, the page's photographs set editorially, the four pages as one series ([ia_series]) */
.ia-ph-intro{padding:clamp(80px,10vw,150px) 0 clamp(64px,8vw,120px)}
.ia-ph-intro__grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(40px,7vw,120px);align-items:start}
.ia .ia-ph-intro .ia-statement{font-size:clamp(32px,3.7vw,56px);line-height:1.14}
.ia .ia-statement--narrow{max-width:20ch}
.ia .ia-kw{display:flex;flex-wrap:wrap;gap:12px 40px;margin:40px 0 0;padding:0;list-style:none}
.ia .ia-kw li{font-size:clamp(19px,1.5vw,22px);color:var(--ia-g);margin:0;list-style:none}
.ia-ph-photos-wrap{padding-bottom:clamp(80px,10vw,140px)}
.ia-ph-photos{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:clamp(16px,2vw,28px);align-items:end;padding:0 max(var(--ia-pad),calc((100% - var(--ia-max))/2 + var(--ia-pad))) 0 0}
.ia-ph-photos img{width:100%;object-fit:cover}
.ia-ph-photos__big img{aspect-ratio:16/10}
.ia-ph-photos__small img{aspect-ratio:4/5}
.ia-ph-photos__stack{display:grid;gap:clamp(16px,2vw,28px)}
.ia-ph-photos__stack img{aspect-ratio:4/3}
.ia-vals{padding:0 0 clamp(80px,10vw,150px)}
.ia-vals__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:clamp(40px,5vw,80px)}
.ia-vals__col{display:grid;gap:clamp(64px,8vw,120px);align-content:start}
.ia-vals__col--b{padding-top:clamp(120px,14vw,220px);padding-left:clamp(0px,5vw,90px)}
.ia .ia-val h3{font-size:clamp(36px,4.3vw,66px);line-height:1.04;letter-spacing:-.02em;margin:0 0 20px}
.ia-val p{font-size:19px;line-height:1.6;max-width:38ch}
.ia-vals__photo{margin-top:clamp(64px,8vw,120px)}
.ia-vals__photo img{width:100%;aspect-ratio:21/9;object-fit:cover;object-position:50% 45%}
.ia-series{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3vw,48px);margin-top:10px}
.ia-series a,.ia-series span{display:block;font-size:clamp(24px,2.2vw,34px);line-height:1.15;letter-spacing:-.015em;text-decoration:none;color:var(--ia-ink);padding-top:22px;border-top:3px solid var(--ia-ink)}
.ia-series a:after{content:" →";color:var(--ia-g);opacity:0;transition:opacity .2s}
.ia-series a:hover{color:var(--ia-g);border-color:var(--ia-g)}
.ia-series a:hover:after{opacity:1}
.ia-series span{color:#b5b5b0;border-color:#d8d8d4}

/* Awards: the worldwide firsts large, then the archive by decade ([ia_awards_featured], [ia_awards] from Cool Timeline) */
.ia .ia-proof__statement{font-size:clamp(30px,3.4vw,50px);line-height:1.18;color:var(--ia-ink);letter-spacing:-.015em;max-width:36ch;margin:0 0 clamp(48px,6vw,80px)}
.ia-proof__statement em{font-style:normal;color:var(--ia-g)}
.ia-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px)}
.ia-feat__img{background:var(--ia-grey);aspect-ratio:4/5;display:flex;align-items:center;justify-content:center;padding:clamp(22px,3vw,44px)}
.ia .ia-feat__img img{max-height:100%;width:auto;object-fit:contain;box-shadow:0 18px 40px -22px rgba(0,0,0,.45)}
.ia .ia-feat figcaption{padding-top:20px;margin:0;font-size:inherit;color:inherit}
.ia-feat b{display:block;font-weight:400;color:var(--ia-g);font-size:clamp(30px,2.6vw,40px);line-height:1;letter-spacing:-.01em;margin:0 0 12px}
.ia-feat span{display:block;font-size:16.5px;line-height:1.55;color:var(--ia-text);max-width:36ch}
.ia-archive__intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:clamp(40px,6vw,110px);margin-bottom:clamp(56px,7vw,96px)}
.ia-archive__intro p{font-size:17px;max-width:46ch;align-self:end}
.ia-dec{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:clamp(32px,4vw,64px);padding-top:clamp(40px,5vw,64px);margin-top:clamp(40px,5vw,64px);border-top:1px solid var(--ia-grey-2)}
.ia-dec:first-of-type{margin-top:0}
.ia .ia-dec__head h2{font-size:clamp(24px,2vw,30px);line-height:1.15;position:sticky;top:var(--ia-sticky)}
.ia-dec__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(36px,4vw,56px) clamp(16px,2vw,28px)}
.ia-aw{grid-column:span 2}
.ia-aw__img{background:#fff;aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:clamp(22px,2.4vw,34px);margin:0 0 20px}
.ia .ia-aw__img img{max-height:100%;width:auto;object-fit:contain}
.ia .ia-aw h3{font-size:24px;line-height:1;margin:0 0 12px}
.ia .ia-aw ul{list-style:none;margin:0;padding:0}
.ia-aw li{font-size:15.5px;line-height:1.55;color:var(--ia-text);margin:0 0 9px;list-style:none}
.ia-aw li:last-child{margin-bottom:0}
.ia-aw--half,.ia-aw--wide{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(16px,2vw,28px);align-items:start}
.ia-aw--half{grid-column:span 3}
.ia-aw--wide{grid-column:span 6;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.ia-aw--wide .ia-aw__img{aspect-ratio:auto;height:clamp(300px,30vw,420px)}
.ia-aw--half .ia-aw__img,.ia-aw--wide .ia-aw__img{margin:0}
.ia .ia-aw--ww h3{color:var(--ia-g)}

/* Career, broker and contact pages */
.ia-sticky{position:sticky;top:var(--ia-sticky)}
.ia-split--form{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr)}
.ia-prose--lead > p:first-child{font-size:var(--ia-fs-lead);line-height:1.5;color:var(--ia-ink)}
.ia-opening{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;margin-top:44px;padding:26px 28px;background:var(--ia-grey);transition:background .2s}
.ia-opening:hover{background:var(--ia-grey-2)}
.ia-opening__kicker{font-size:14px;letter-spacing:.06em;color:var(--ia-g)}
.ia-opening__title{font-size:clamp(20px,1.7vw,24px);color:var(--ia-ink)}
.ia-opening__link a{font-size:15px;border-bottom:1px solid currentColor;color:var(--ia-ink);white-space:nowrap;text-decoration:none}
.ia-opening__link a:after{content:" →"}
.ia-opening__link a:before{content:"";position:absolute;inset:0} /* the whole card is the link */
.ia-team{display:grid;grid-template-columns:1.7fr 1fr;gap:14px;height:clamp(380px,44vw,620px)}
.ia-team .wp-block-image,.ia-team img{height:100%}
.ia-team img{width:100%;object-fit:cover}
.ia-form{min-width:0}
.ia .ia-job__statement{font-size:clamp(30px,3.3vw,48px);line-height:1.18;max-width:40ch;margin:0 0 clamp(48px,6vw,80px)}
.ia-job__cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,110px)}
.ia .ia-job__h{font-size:16px;color:var(--ia-g);letter-spacing:.02em;margin:0 0 14px}
.ia-job__cols p:not(.ia-lead){font-size:17.5px}
.ia-perks__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:clamp(40px,6vw,110px);margin-bottom:clamp(48px,6vw,80px)}
.ia-perks{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(40px,5vw,72px) clamp(28px,4vw,56px)}
.ia-perk__title{color:var(--ia-g);font-size:clamp(23px,2vw,30px);line-height:1.15;letter-spacing:-.015em;margin:0 0 14px}
.ia-perk p:not(.ia-perk__title){font-size:17px;line-height:1.6;max-width:34ch}
.ia-req__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,110px)}
.ia .ia-req__h{font-size:clamp(24px,2.1vw,32px);line-height:1.2;margin:0 0 28px}
.ia .ia-req{list-style:none;margin:0;padding:0}
.ia .ia-req li{position:relative;list-style:none;padding-left:26px;font-size:18px;line-height:1.55;color:var(--ia-ink);margin:0 0 16px}
.ia-req li:before{content:"";position:absolute;left:0;top:.68em;width:10px;height:2px;background:var(--ia-g)}
.ia-contact-person{display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:end;margin:0 0 30px}
.ia-contact-person__img img{width:150px;aspect-ratio:3/4;object-fit:cover;object-position:50% 15%;background:#e3e2df}
.ia-contact-person__name{font-size:24px;line-height:1.2;color:var(--ia-ink)}
.ia-contact-person__role{font-size:15px;color:var(--ia-mute);margin-top:6px}
.ia-contact-text{font-size:17px;margin:0 0 20px;max-width:40ch}
.ia-contact-mail a{font-size:clamp(17px,1.4vw,20px);color:var(--ia-g);word-break:break-all;text-decoration:none}
.ia-ct__social{display:flex;gap:26px}
.ia-where{position:relative;height:clamp(420px,42vw,560px);background:var(--ia-grey)}
.ia-map{height:100%;display:grid;place-items:center}
.ia-map iframe{display:block;width:100%;height:100%;border:0;filter:grayscale(1) contrast(1.05)}
.ia-map__load a{display:inline-block;font-size:16px;color:var(--ia-ink);border:1px solid var(--ia-ink);padding:14px 22px;text-decoration:none}
.ia-map__load a:hover{background:var(--ia-ink);color:#fff}
.ia-where__card{position:absolute;right:var(--ia-pad);bottom:clamp(24px,3vw,48px);background:#fff;padding:26px 30px}
.ia-where__addr{margin:0 0 14px;color:var(--ia-ink);font-size:17px}
body:has(.ia-ct__grid) .ia-ft__top{display:none} /* the contact page already leads with the number */

/* 8. People line-up: one person per year mark, left to right */
.ia-line-sec{overflow:hidden}
.ia-line{--w:248px;--gap:28px}
.ia-line__hd{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:clamp(36px,4vw,56px)}
.ia-line__span{display:flex;align-items:center;gap:16px;font-size:var(--ia-fs-h3);color:var(--ia-g);white-space:nowrap;padding-bottom:6px}
.ia-line__span b{font-weight:400}
.ia-line__span i{display:block;width:clamp(48px,6vw,96px);border-top:1px solid currentColor}
.ia .ia-line__track{display:flex;gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;list-style:none;margin:0;
	padding:0 max(var(--ia-pad),calc((100vw - var(--ia-max))/2 + var(--ia-pad)));scroll-padding:0 max(var(--ia-pad),calc((100vw - var(--ia-max))/2 + var(--ia-pad)));scrollbar-width:none;outline:none}
.ia-line__track::-webkit-scrollbar{display:none}
.ia-line__track:focus-visible{box-shadow:inset 0 0 0 2px var(--ia-g)}
.ia-p{position:relative;flex:0 0 var(--w);scroll-snap-align:start;margin:0;list-style:none}
.ia .ia-p__year{position:relative;display:flex;align-items:flex-end;height:clamp(64px,5.6vw,84px);font-size:clamp(28px,2.4vw,36px);line-height:1;color:var(--ia-g);letter-spacing:-.01em;padding:0 0 18px;margin:0 0 22px}
.ia-p__year:after{content:"";position:absolute;left:0;bottom:0;width:calc(100% + var(--gap));border-top:1px solid var(--ia-grey-2)}
.ia-sec--grey .ia-p__year:after{border-color:#d6d6d2}
.ia-p__year:before{content:"";position:absolute;left:0;bottom:-4px;width:9px;height:9px;background:var(--ia-g);z-index:1}
.ia-p:last-child .ia-p__year:after{width:100%}
.ia-p__fig{aspect-ratio:2/3;background:#e8e7e4;overflow:hidden}
.ia-p__fig img{width:100%;height:100%;object-fit:cover;object-position:50% 14%}
.ia-p__fig.is-initials span{font-size:clamp(76px,7vw,104px);line-height:1;color:var(--ia-g);letter-spacing:.02em}
.ia .ia-p__name{font-size:20px;line-height:1.25;margin:18px 0 4px}
.ia .ia-p__role{font-size:var(--ia-fs-small);line-height:1.45;color:var(--ia-mute)}
.ia .ia-p__quote{font-size:var(--ia-fs-lead);line-height:1.4;color:var(--ia-ink);margin:22px 0 0;padding-top:22px;border-top:1px solid var(--ia-grey-2)}
/* The founder opens the line-up: the portrait with his own line beside it */
.ia-p--founder{flex-basis:calc(var(--w)*2 + var(--gap));display:grid;grid-template-columns:var(--w) 1fr;column-gap:var(--gap);align-self:flex-start}
.ia .ia-p--founder .ia-p__year{grid-column:1/-1;font-size:clamp(44px,4.4vw,64px)}
.ia-p--founder .ia-p__txt{display:flex;flex-direction:column;justify-content:flex-end}
.ia .ia-p--founder .ia-p__quote{order:-1;margin:0 0 auto;padding:0;border:0;font-size:var(--ia-fs-h3);line-height:1.3}
.ia .ia-p--founder .ia-p__name{font-size:var(--ia-fs-h3);margin-top:0}
.ia-line__ft{display:flex;align-items:center;gap:32px;margin-top:clamp(36px,4vw,52px)}
.ia-line__bar{flex:1;height:1px;background:var(--ia-grey-2);position:relative}
.ia-sec--grey .ia-line__bar{background:#d6d6d2}
.ia-line__bar span{position:absolute;left:0;top:-1px;height:3px;background:var(--ia-g);width:20%;transition:left .25s,width .25s}
.ia-line__nav{display:flex;gap:8px}
.ia-line__nav button{width:56px;height:56px;border:1px solid var(--ia-ink);border-radius:0;background:transparent;color:var(--ia-ink);font:inherit;font-size:20px;line-height:1;padding:0;cursor:pointer;transition:background .2s,color .2s}
.ia-line__nav button:hover:not(:disabled){background:var(--ia-ink);color:#fff}
.ia-line__nav button:disabled{border-color:#cfcfcb;color:#cfcfcb;cursor:default}

/* 9. Forms (Contact Form 7): square fields, clear labels, the green submit */
.ia .wpcf7 form{display:grid;gap:22px}
.ia .wpcf7 p{margin:0;padding:0}
.ia .wpcf7 label{display:block;font-size:15px;line-height:1.4;color:var(--ia-ink)}
.ia .wpcf7 .wpcf7-form-control-wrap{display:block;margin-top:8px}
.ia .wpcf7 input[type=text],.ia .wpcf7 input[type=email],.ia .wpcf7 input[type=tel],.ia .wpcf7 input[type=number],.ia .wpcf7 input[type=date],.ia .wpcf7 select,.ia .wpcf7 textarea{
	box-sizing:border-box;width:100%;border:1px solid #cfcfca;border-radius:0;background:#fff;padding:16px 18px;font:inherit;font-size:17px;line-height:1.4;color:var(--ia-ink);box-shadow:none;outline:none;transition:border-color .2s,box-shadow .2s}
.ia .wpcf7 textarea{min-height:170px;resize:vertical}
.ia .wpcf7 input:focus,.ia .wpcf7 textarea:focus,.ia .wpcf7 select:focus{border-color:var(--ia-g);box-shadow:0 0 0 1px var(--ia-g)}
.ia .wpcf7 input[type=file]{font-size:15px;color:var(--ia-mute)}
.ia .wpcf7 input[type=file]::file-selector-button{font:inherit;font-size:15px;background:var(--ia-ink);color:#fff;border:0;border-radius:0;padding:12px 18px;margin-right:16px;cursor:pointer}
.ia .wpcf7 .wpcf7-list-item{margin:0}
.ia .wpcf7 .wpcf7-acceptance label,.ia .wpcf7 .wpcf7-checkbox label{display:grid;grid-template-columns:22px 1fr;gap:14px;align-items:start;font-size:14.5px;line-height:1.55;color:var(--ia-text);cursor:pointer}
.ia .wpcf7 input[type=checkbox]{appearance:none;-webkit-appearance:none;width:22px;height:22px;border:1px solid #9d9d98;border-radius:0;background:#fff;margin:1px 0 0;cursor:pointer;display:grid;place-content:center}
.ia .wpcf7 input[type=checkbox]:checked{background:var(--ia-g);border-color:var(--ia-g)}
.ia .wpcf7 input[type=checkbox]:checked:after{content:"";width:6px;height:11px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg) translate(-1px,-1px)}
.ia .wpcf7 a{color:var(--ia-ink)}
.ia .wpcf7 input[type=submit]{justify-self:start;background:var(--ia-g)!important;color:#fff!important;border:0!important;border-radius:0!important;font-family:inherit!important;font-size:16px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;line-height:1;padding:19px 30px!important;cursor:pointer;transition:background .2s}
.ia .wpcf7 input[type=submit]:hover{background:var(--ia-g-dark)!important}
.ia .wpcf7 input[type=button]{background:var(--ia-ink)!important;color:#fff!important;border:0!important;border-radius:0!important;font-family:inherit!important;font-size:15px!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;line-height:1;padding:13px 18px!important;cursor:pointer}
.ia .wpcf7 input[type=button]:hover{background:var(--ia-g)!important}
/* multi-file CV upload: its empty wrappers (sample row, hidden main input) were grid items adding a gap above the button.
   They show again once a file is added or the field is invalid. !important beats Salient's display:block on .wpcf7-form-control-wrap */
.ia .wpcf7 #mfcf7_zl_multifilecontainer,.ia .wpcf7 .zl-form-control-wrap{margin:0}
.ia .wpcf7 #mfcf7_zl_multifilecontainer:not(:has(> :not(.mfcf7-zl-multiline-sample))),
.ia .wpcf7 .zl-form-control-wrap:not(:has(.wpcf7-not-valid-tip,.mfcf7-zl-multifile-name:not(:empty))){display:none!important}
.ia .wpcf7 .wpcf7-spinner{margin:0 0 0 16px}
.ia .wpcf7 .wpcf7-not-valid-tip{font-size:14px;margin-top:6px}
.ia .wpcf7 form .wpcf7-response-output{margin:0;padding:14px 18px;border-width:1px;font-size:15px}

/* 10. Phones and tablets */
@media (max-width:999px){
	:root{--ia-sticky:24px}
	#footer-outer .ia-ft{padding:64px 0 96px}
	.ia-ft__top{grid-template-columns:1fr}
	.ia-ft__people{justify-content:start}
	.ia-ft__cols{grid-template-columns:1fr 1fr}
	.ia-callbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:9990;background:var(--ia-g);box-shadow:0 -2px 12px rgba(0,0,0,.18);padding-bottom:env(safe-area-inset-bottom)}
	.ia-callbar a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 8px;color:#fff!important;font-size:16px;line-height:1.2;text-decoration:none}
	.ia-callbar a + a{border-left:1px solid rgba(255,255,255,.25)}
	.ia-callbar svg{width:18px;height:18px;fill:currentColor;flex:none}
	body{padding-bottom:58px}
	body #to-top{bottom:74px!important}
	body:has(.cky-consent-container:not(.cky-hide)) .ia-callbar{display:none}
	body:has(.cky-consent-container:not(.cky-hide)){padding-bottom:0}

	.ia-hero{min-height:56vh}
	.ia-hero--home{min-height:88vh}
	.ia-hero__in,.ia-hero--home .ia-hero__in{grid-template-columns:1fr;gap:22px;padding-top:128px} /* clear of the 104px header on short phones */
	.ia-mission__grid,.ia-verbs__grid,.ia-prog__head,.ia-prog__body,.ia-people__head,.ia-vision__grid,.ia-values__grid,.ia-split,.ia-split--even,.ia-cta__grid,.ia-ct__head,.ia-ct__grid{grid-template-columns:1fr}
	.ia-mission__statement,.ia-verbs__intro,.ia-prog__photo{position:static}
	.ia-pillars--row,.ia-verbs,.ia-prog__list,.ia-values__list{grid-template-columns:1fr}
	.ia-prog__photo img{aspect-ratio:4/3}
	.ia-strip{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:46vw;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:calc(var(--ia-pad)*-1);padding-right:var(--ia-pad)}
	.ia-person{scroll-snap-align:start}
	.ia-mosaic{height:auto;grid-template-columns:1fr 1fr;grid-template-rows:auto}
	.ia-mosaic .wp-block-image img{aspect-ratio:1}
	.ia-mosaic > :first-child{grid-row:auto;grid-column:1/3}
	.ia-mosaic > :first-child img{aspect-ratio:4/3}
	.ia-story{grid-template-columns:1fr;padding:0}
	.ia-story__text{padding:0 var(--ia-pad)}
	.ia-wide img{aspect-ratio:4/3}
	.ia-ct__tel a{white-space:normal}

	.ia-read{grid-template-columns:1fr}
	.ia-toc{display:none}
	.ia-jump{display:block;position:sticky;top:var(--ia-jump-top,0px);z-index:15;background:#fff;padding:12px 0;margin:0 0 24px;border-bottom:1px solid var(--ia-grey-2)}
	.ia-jump span{display:block;font-size:13px;letter-spacing:.06em;color:var(--ia-mute);margin:0 0 6px}
	.ia .ia-jump select{width:100%;height:auto;font:inherit;font-size:17px;color:var(--ia-ink);padding:12px 44px 12px 14px;text-overflow:ellipsis;border:1px solid var(--ia-grey-2);background-color:#fff;border-radius:0;-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ia-g) 50%),linear-gradient(135deg,var(--ia-g) 50%,transparent 50%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px;background-repeat:no-repeat}
	.ia-ch{scroll-margin-top:calc(var(--ia-jump-top,0px) + 96px)}
	.ia-steps,.ia-ns{grid-template-columns:1fr}
	.ia-ns__col{padding:24px 22px 26px}
	.ia-ns__col--sol{border-left:1px solid var(--ia-grey-2);border-top:0}
	.ia-break img{aspect-ratio:4/3}
	.ia-seq,.ia-seq__step{grid-template-columns:1fr}
	.ia-seq__step{gap:12px}
	.ia-seq__photo{position:static}
	.ia-seq__photo img{aspect-ratio:4/3}
	.ia-ph-intro__grid,.ia-ph-photos,.ia-vals__grid{grid-template-columns:1fr}
	.ia-ph-photos{padding:0 var(--ia-pad)}
	.ia-ph-photos__big img{aspect-ratio:4/3}
	.ia-vals__col{gap:56px}
	.ia-vals__col--b{padding:56px 0 0}
	.ia-vals__photo img{aspect-ratio:4/3}
	.ia-series{grid-template-columns:1fr 1fr}
	.ia-trio{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78vw;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:calc(var(--ia-pad)*-1);padding-right:var(--ia-pad)}
	.ia-feat{scroll-snap-align:start}
	.ia-archive__intro,.ia-dec{grid-template-columns:1fr}
	.ia .ia-dec__head h2{position:static}
	.ia-dec__grid{grid-template-columns:1fr 1fr}
	.ia-aw,.ia-aw--half,.ia-aw--wide{grid-column:auto;display:block}
	.ia-aw--wide .ia-aw__img{aspect-ratio:1;height:auto}
	.ia-aw--half .ia-aw__img,.ia-aw--wide .ia-aw__img{margin:0 0 20px}
	.ia-sticky{position:static}
	.ia-split--form,.ia-job__cols,.ia-perks__head,.ia-perks,.ia-req__grid{grid-template-columns:1fr}
	.ia-opening{grid-template-columns:1fr;gap:10px}
	.ia-team{grid-template-columns:1fr;height:auto}
	.ia-team img{aspect-ratio:4/3}
	.ia-team > :nth-child(2){display:none}
	.ia-where{height:auto}
	.ia-map{height:360px}
	.ia-where__card{position:static;padding:24px var(--ia-pad)}
	.ia-hero > .ia-hero__video,.ia-hero__ctrl{display:none}
	.ia-line{--w:60vw;--gap:18px}
	.ia-line__hd{display:block}
	.ia-line__span{margin-top:18px}
	.ia-p--founder{flex-basis:var(--w);display:block}
	.ia .ia-p--founder .ia-p__year{font-size:clamp(28px,2.4vw,36px)}
	.ia .ia-p__year{height:auto}
	.ia .ia-p--founder .ia-p__name{font-size:20px;margin-top:18px}
	.ia .ia-p--founder .ia-p__quote{order:0;font-size:17px;margin:14px 0 0;padding-top:14px;border-top:1px solid var(--ia-grey-2)}
	.ia-line__nav button{width:48px;height:48px}
}
@media (max-width:560px){.ia-dec__grid{grid-template-columns:1fr;gap:24px}.ia-aw,.ia-aw--half,.ia-aw--wide{display:grid;grid-template-columns:128px 1fr;gap:18px;align-items:start}.ia-aw .ia-aw__img,.ia-aw--half .ia-aw__img,.ia-aw--wide .ia-aw__img{aspect-ratio:3/4;height:auto;padding:12px;margin:0}.ia .ia-aw h3{font-size:21px;margin-bottom:8px}.ia-aw li{font-size:14.5px}}
@media (max-width:600px){.ia-series{grid-template-columns:1fr;gap:18px}.ia-series a,.ia-series span{font-size:28px;padding-top:16px}}
@media (prefers-reduced-motion:reduce){.ia *,.tc-h,.tc-h *{transition:none!important;scroll-behavior:auto!important}}

/* 11. Kept from Code Snippet #5 "Iordanidis Custom CSS" (switched off with the speed change; its other rules were for
   pages and classes that no longer exist, and its forced bold headings are retired): the form note, the consent line,
   and the size of Salient's phone menu on the pages Salient still renders (privacy, terms). At the end of the file, as the
   snippet came after this stylesheet. */
.wpcf7-form .iordanidis-form-notes{font-size:14px;line-height:normal;font-style:italic}
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-list-item{font-size:14px;margin:0;line-height:normal}
@media screen and (min-width:1024px){
	#slide-out-widget-area .inner-wrap{padding-top:120px!important;margin-right:0!important}
	.off-canvas-menu-container .menuwrapper .menu li.menu-item{margin:0!important}
}
@media screen and (max-width:1024px){
	#slide-out-widget-area .inner-wrap{padding-top:0!important;margin-right:0!important}
	#slide-out-widget-area.fullscreen-alt .inner-wrap > .inner .off-canvas-menu-container li > a{font-size:32px!important}
	.off-canvas-menu-container .menuwrapper .menu li.menu-item{margin-bottom:15px!important}
}