:root{--navy:#0c2638;--navy-2:#14384d;--ink:#183345;--petrol:#126c6b;--petrol-dark:#0b4f53;--warm:#f7f5ef;--white:#fffdfa;--mist:#e5ece9;--coral:#c46f52;--line:rgba(24,51,69,.16);--shadow:0 24px 70px rgba(12,38,56,.12);--sans:'Manrope',Arial,sans-serif;--display:'Space Grotesk','Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--warm);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1180px,calc(100% - 64px));margin:0 auto}.site-header{position:fixed;z-index:20;top:0;left:0;right:0;background:rgba(247,245,239,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(24,51,69,.09)}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;min-width:250px}.brand-mark{width:28px;height:28px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px;align-items:end}.brand-mark span{display:block;background:var(--coral);border-radius:2px 2px 0 0}.brand-mark span:nth-child(1){height:54%}.brand-mark span:nth-child(2){height:82%;background:var(--petrol)}.brand-mark span:nth-child(3){height:100%;background:var(--navy)}.brand-copy{display:flex;flex-direction:column;line-height:1.08}.brand-copy strong{font-family:var(--display);font-size:1.05rem;letter-spacing:.1em}.brand-copy small{font-size:.58rem;letter-spacing:.03em;color:#55707a;margin-top:4px;white-space:nowrap}.main-nav{display:flex;align-items:center;gap:22px;font-size:.78rem;font-weight:700;color:#40606b}.main-nav a{transition:color .2s ease}.main-nav a:hover{color:var(--coral)}.nav-cta{padding:12px 15px;border:1px solid var(--navy);color:var(--navy)!important;border-radius:2px}.nav-cta span,.button span{font-size:1.1em;margin-left:8px}.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:26px;height:2px;background:var(--navy);margin:5px}
.hero{min-height:760px;padding-top:82px;position:relative;overflow:hidden;background:var(--navy);color:var(--white);display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,38,56,.98) 0%,rgba(12,38,56,.93) 42%,rgba(12,38,56,.48) 100%),url('https://teaching-h2020.eu/sites/default/files/2022-04/IMG_20220323_134703%201_0.jpg') center/cover;opacity:.42}.hero-grid{position:absolute;inset:0;opacity:.17;background-image:linear-gradient(rgba(255,255,255,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.2) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,black,transparent 74%)}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);opacity:.38}.hero-glow-one{width:320px;height:320px;background:var(--petrol);right:17%;top:-110px}.hero-glow-two{width:190px;height:190px;background:var(--coral);right:1%;bottom:-80px}.hero-content{position:relative;z-index:2;padding:90px 0 110px}.eyebrow{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.18em;color:var(--petrol-dark);margin-bottom:22px}.light-eyebrow{color:#b6d5cc}.eyebrow-line{display:inline-block;width:34px;height:1px;background:currentColor;margin-right:12px;vertical-align:middle}.hero h1,.mission-heading h2,.network-copy h2,.collab-layout h2{font-family:var(--display);font-size:clamp(3.5rem,7vw,6.5rem);line-height:.95;letter-spacing:-.065em;margin:0;max-width:760px}.hero h1 em,.mission-heading h2 em,.network-copy h2 em,.collab-layout h2 em,.participation-main h2 em,.transparency-heading h2 em,.contact-intro h2 em,.intro-copy h2 em,.observatory-copy h2 em{font-style:normal;color:#79b8aa}.hero-lead{max-width:625px;font-size:1.1rem;line-height:1.8;color:#d8e4e0;margin:34px 0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:2px;padding:14px 20px;font-weight:800;font-size:.82rem;letter-spacing:.01em;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.15)}.button-primary{background:var(--coral);color:white}.button-ghost{border:1px solid rgba(255,255,255,.48);color:white}.button-dark{background:var(--navy);color:#fff}.button-coral{background:var(--coral);color:#fff}.hero-note{display:flex;gap:10px;align-items:center;margin-top:56px;color:#8eb6ae;font-size:.75rem;letter-spacing:.05em}.note-dot{width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 6px rgba(196,111,82,.15)}.hero-map{position:absolute;z-index:1;right:1%;top:130px;width:min(52vw,700px);opacity:.75}.hero-map svg{width:100%;height:auto}.map-line{fill:none;stroke:#7db9aa;stroke-width:1.2;stroke-dasharray:4 11;opacity:.6}.map-line-main{stroke:#dca08b;stroke-width:2;stroke-dasharray:0;opacity:.9}.map-node{fill:var(--coral);stroke:#f5d6c9;stroke-width:2}.node-2,.node-5{fill:#82c1b3}
.section{padding:132px 0}.section-kicker{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.18em;font-size:.67rem;font-weight:800;color:#52717a;white-space:nowrap;transform:rotate(-90deg);transform-origin:center}.section-kicker>span:first-child{font-family:var(--display);font-size:1.05rem;color:var(--coral);letter-spacing:0}.kicker-rule{display:block;width:40px;height:1px;background:currentColor;opacity:.65}.intro-layout{display:grid;grid-template-columns:1fr 370px;gap:48px;align-items:center}.intro-copy{max-width:570px}.intro-copy h2,.observatory-copy h2,.participation-main h2,.transparency-heading h2,.contact-intro h2{font-family:var(--display);font-size:clamp(2.7rem,5vw,5rem);line-height:1;letter-spacing:-.055em;margin:0 0 30px}.intro-copy h2 em{color:var(--coral)}.lead-copy{font-size:1.25rem;line-height:1.65;color:#2d5260}.intro-copy p:not(.lead-copy){color:#5b7378}.text-link{display:inline-flex;gap:16px;align-items:center;margin-top:23px;font-weight:800;color:var(--petrol-dark);font-size:.85rem;border-bottom:1px solid rgba(18,108,107,.3);padding-bottom:7px}.values-panel{position:relative;height:380px;border-radius:50%;background:radial-gradient(circle at center,rgba(255,255,255,.9),rgba(229,236,233,.2) 55%,transparent 56%);border:1px solid rgba(18,108,107,.2)}.values-panel:before,.values-panel:after{content:"";position:absolute;inset:13%;border:1px solid rgba(18,108,107,.19);border-radius:50%;transform:rotate(28deg)}.values-panel:after{inset:26%;border-color:rgba(196,111,82,.3);transform:rotate(-22deg)}.values-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:104px;height:104px;background:var(--navy);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;font-family:var(--display);font-size:1.5rem;line-height:1}.values-center small{font-family:var(--sans);font-size:.6rem;color:#a5c9be;margin-top:5px;letter-spacing:.15em;text-transform:uppercase}.value-label{position:absolute;background:var(--warm);border:1px solid rgba(18,108,107,.18);padding:7px 10px;color:var(--petrol-dark);font-size:.69rem;font-weight:800;letter-spacing:.02em}.value-a{left:4%;top:27%}.value-b{right:1%;top:18%}.value-c{right:-2%;top:54%}.value-d{right:13%;bottom:7%}.value-e{left:12%;bottom:8%}.value-f{left:-2%;top:55%}.orbit-dot{position:absolute;width:8px;height:8px;background:var(--coral);border-radius:50%;z-index:2}.dot-a{left:34%;top:8%}.dot-b{right:16%;top:38%;background:var(--petrol)}.dot-c{left:22%;bottom:19%;background:var(--petrol)}
.mission-section{position:relative;background:var(--petrol-dark);color:white;overflow:hidden}.mission-texture{position:absolute;inset:0;background:radial-gradient(circle at 78% 36%,rgba(122,188,171,.22),transparent 22%),linear-gradient(135deg,transparent 42%,rgba(255,255,255,.035) 42%,transparent 43%),linear-gradient(35deg,transparent 65%,rgba(255,255,255,.04) 65%,transparent 66%);opacity:.9}.mission-layout{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:48px}.light-kicker{color:#a9cbc2}.mission-heading h2{font-size:clamp(3rem,5.8vw,5.9rem)}.mission-body{padding-top:72px;max-width:500px}.mission-body>p{font-size:1.2rem;color:#c7ded8;margin-top:0}.mission-list{padding:0;margin:28px 0 0;list-style:none}.mission-list li{position:relative;padding:14px 0 14px 25px;border-top:1px solid rgba(255,255,255,.18);color:#e3efeb;font-size:.93rem}.mission-list li:last-child{border-bottom:1px solid rgba(255,255,255,.18)}.mission-list li:before{content:"";position:absolute;left:0;top:24px;width:8px;height:8px;border-radius:50%;background:var(--coral)}
.section-topline{display:flex;justify-content:space-between;align-items:center}.section-number{font-family:var(--display);font-size:2.8rem;color:var(--petrol);letter-spacing:-.05em}.section-number span{font-family:var(--sans);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:#789095;vertical-align:middle;margin-left:8px}.section-heading-row{display:grid;grid-template-columns:1fr 360px;gap:40px;align-items:end;margin:40px 0 58px}.section-heading-row h2{font-family:var(--display);font-size:clamp(3rem,6vw,6rem);line-height:.94;letter-spacing:-.065em;margin:0}.section-heading-row p{margin:0;color:#577078}.activity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.activity-card{min-height:280px;padding:27px 24px 25px;display:flex;flex-direction:column;justify-content:space-between;background:#eff2ed;border:1px solid rgba(24,51,69,.08);transition:transform .25s ease,box-shadow .25s ease}.activity-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.activity-card.accent{background:#deebe5}.activity-card.dark{background:var(--navy);color:white}.card-icon{font-family:var(--display);font-size:2rem;color:var(--coral)}.activity-card h3{font-family:var(--display);font-size:1.33rem;line-height:1.05;letter-spacing:-.03em;margin:40px 0 12px}.activity-card p{font-size:.82rem;line-height:1.55;color:#5b7378;margin:0}.activity-card.dark p{color:#c5d6d3}
.observatory-section{background:#e9efea}.observatory-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:92px;align-items:center}.observatory-image-wrap{position:relative}.image-frame{position:relative;overflow:hidden;box-shadow:var(--shadow);border:10px solid var(--white)}.image-frame img{display:block;width:100%;height:460px;object-fit:cover;filter:saturate(.72) contrast(.98)}.image-tag{position:absolute;bottom:20px;left:20px;background:var(--navy);color:white;padding:10px 14px;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.image-credit{font-size:.65rem;color:#71888b;margin:10px 0}.observatory-copy h2{font-size:clamp(2.7rem,4.8vw,4.6rem)}.observatory-copy h2 em{color:var(--coral)}.data-lines{display:flex;flex-direction:column;gap:9px;margin:32px 0 4px;width:80%}.data-lines span{height:5px;background:var(--petrol);opacity:.32}.data-lines span:nth-child(1){width:88%;opacity:.82}.data-lines span:nth-child(2){width:67%;background:var(--coral);opacity:.8}.data-lines span:nth-child(3){width:76%;opacity:.55}.data-lines span:nth-child(4){width:48%;background:var(--navy);opacity:.6}.data-lines span:nth-child(5){width:58%;opacity:.38}
.network-section{padding:132px 0;background:var(--navy);color:white;overflow:hidden}.network-layout{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:70px}.network-copy h2,.collab-layout h2{font-size:clamp(3rem,5.5vw,5.8rem)}.network-copy p{max-width:470px;color:#bed4cf;font-size:1.05rem;margin-top:32px}.network-visual{width:min(100%,540px);aspect-ratio:1;position:relative;margin:auto}.network-ring{position:absolute;border:1px solid rgba(128,193,179,.3);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.ring-outer{width:93%;height:93%;border-style:dashed}.ring-inner{width:61%;height:61%;border-color:rgba(196,111,82,.55)}.network-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:116px;height:116px;border-radius:50%;background:var(--coral);display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:var(--display);font-weight:700;font-size:1.4rem;line-height:.9;text-align:center}.network-core span{font-size:.8rem;letter-spacing:.12em;margin-top:8px}.network-node{position:absolute;transform:translate(-50%,-50%);padding:8px 10px;background:#173c4d;border:1px solid rgba(128,193,179,.28);font-size:.68rem;line-height:1.2;text-align:center;color:#d9e8e4}.n1{left:50%;top:3%}.n2{left:78%;top:15%}.n3{left:96%;top:50%}.n4{left:80%;top:85%}.n5{left:50%;top:97%}.n6{left:20%;top:85%}.n7{left:4%;top:50%}.n8{left:22%;top:15%}
.participation-section{background:var(--warm)}.participation-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px}.participation-main h2{font-size:clamp(3rem,5.4vw,5.3rem)}.participation-main h2 em{color:var(--coral)}.membership-list{padding-top:84px}.membership-item{display:flex;gap:22px;align-items:flex-start;padding:22px 0;border-bottom:1px solid var(--line)}.membership-item:first-child{border-top:1px solid var(--line)}.membership-item>span{font-family:var(--display);color:var(--coral);font-size:.85rem}.membership-item strong{display:block;font-family:var(--display);font-size:1.2rem}.membership-item small{display:block;color:#6d8283;margin-top:6px;font-size:.78rem}
.collab-section{position:relative;overflow:hidden;background:var(--petrol-dark);color:#fff;padding:122px 0}.collab-pattern{position:absolute;inset:0;background:radial-gradient(circle at 78% 50%,rgba(196,111,82,.28),transparent 19%),linear-gradient(115deg,transparent 48%,rgba(255,255,255,.08) 49%,transparent 50%),linear-gradient(65deg,transparent 48%,rgba(255,255,255,.06) 49%,transparent 50%);background-size:auto,90px 90px,130px 130px;opacity:.7}.collab-layout{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.collab-right{max-width:460px}.collab-right p{color:#cee1dc;font-size:1.05rem}.transparency-section{background:#e8eeea}.transparency-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:start}.transparency-heading h2{font-size:clamp(2.7rem,4.8vw,4.8rem)}.transparency-heading h2 em{color:var(--petrol)}.transparency-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}.transparency-grid>div{padding:22px 0;border-top:2px solid var(--petrol)}.principle-number{display:block;color:var(--coral);font-family:var(--display);font-size:.9rem;margin-bottom:30px}.transparency-grid strong{display:block;font-family:var(--display);font-size:1.15rem;line-height:1.2}.transparency-grid p{font-size:.8rem;color:#687e7f}.runts-note{grid-column:1 / -1;font-size:.73rem;color:#6a7e80;border-left:2px solid var(--coral);padding-left:14px;margin-top:25px}
.contact-section{background:var(--white)}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:112px}.contact-intro h2{font-size:clamp(3rem,5vw,5rem)}.contact-intro h2 em{color:var(--coral)}.contact-intro>p{color:#60777b;max-width:440px}.contact-details{display:grid;gap:17px;margin-top:40px}.contact-details>div{display:flex;flex-direction:column}.detail-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:#7a9292;font-weight:800}.contact-details strong{font-size:.85rem;margin-top:3px}.placeholder{color:var(--coral)}.social-placeholder{display:flex;align-items:center;gap:9px;margin-top:28px;color:#7b9291;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.social-placeholder a{width:29px;height:29px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:50%;font-size:.7rem;color:var(--petrol)}.contact-form{padding:35px;background:#eff2ed;border-top:4px solid var(--petrol)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form label{display:block;font-size:.74rem;font-weight:800;color:#385e66;margin-bottom:16px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;border:0;border-bottom:1px solid rgba(24,51,69,.28);background:transparent;padding:11px 0;color:var(--ink);outline:none;border-radius:0;resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-bottom-color:var(--coral)}.contact-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--petrol) 50%),linear-gradient(135deg,var(--petrol) 50%,transparent 50%);background-position:calc(100% - 13px) 50%,calc(100% - 8px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.consent{display:flex!important;align-items:flex-start;gap:9px;color:#698081!important;font-size:.68rem!important;font-weight:500!important}.consent input{width:16px;height:16px;margin:2px 0 0;accent-color:var(--petrol)}.form-submit{width:100%;margin-top:8px}.form-note{font-size:.67rem;color:#799092;margin:14px 0 0}.form-note.is-success{color:var(--petrol);font-weight:800}
.site-footer{background:var(--navy);color:white;padding:50px 0 18px}.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px;align-items:start;padding-bottom:42px;border-bottom:1px solid rgba(255,255,255,.15)}.footer-brand .brand-copy small{color:#98b6b1}.footer-brand .brand-mark span:nth-child(2){background:#7db9aa}.footer-brand .brand-mark span:nth-child(3){background:white}.footer-legal{display:flex;flex-direction:column;gap:8px;font-size:.78rem}.footer-legal strong{font-family:var(--display);font-size:1rem}.footer-legal span{color:#a4c0bb;font-size:.72rem}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;color:#a4c0bb;font-size:.72rem}.footer-links a:hover,.footer-bottom a:hover{color:white}.footer-bottom{display:flex;justify-content:space-between;padding-top:17px;color:#759492;font-size:.66rem;letter-spacing:.04em}
@media(max-width:1050px){.main-nav{gap:12px}.main-nav a:not(.nav-cta){display:none}.menu-toggle{display:block}.main-nav{position:absolute;right:32px;top:70px;width:min(300px,calc(100% - 64px));padding:10px;background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch;gap:0}.main-nav.is-open{display:flex}.main-nav a{padding:12px 10px;display:block!important}.main-nav .nav-cta{margin-top:7px;text-align:center}.intro-layout,.mission-layout,.participation-layout,.collab-layout,.transparency-layout{grid-template-columns:100px 1fr 1fr;gap:30px}.activity-grid{grid-template-columns:repeat(2,1fr)}.hero-map{right:-12%;opacity:.48}.contact-layout{gap:55px}}
@media(max-width:720px){.section-kicker{transform:none}.container{width:min(100% - 38px,560px)}.header-inner{height:72px}.brand{min-width:0}.brand-copy small{white-space:normal;max-width:170px;font-size:.5rem}.hero{min-height:720px;padding-top:72px}.hero:before{background:linear-gradient(90deg,rgba(12,38,56,.97),rgba(12,38,56,.76)),url('https://teaching-h2020.eu/sites/default/files/2022-04/IMG_20220323_134703%201_0.jpg') center/cover}.hero-content{padding:80px 0}.hero h1{font-size:clamp(3.25rem,17vw,5rem)}.hero-lead{font-size:.98rem;line-height:1.7}.hero-map{width:125%;right:-37%;top:320px;opacity:.22}.section{padding:88px 0}.intro-layout,.mission-layout,.participation-layout,.collab-layout,.transparency-layout,.observatory-layout,.network-layout,.contact-layout{display:block}.section-kicker{margin-bottom:45px}.intro-copy h2,.observatory-copy h2,.participation-main h2,.transparency-heading h2,.contact-intro h2{font-size:clamp(2.75rem,14vw,4.4rem)}.values-panel{margin:60px auto 0;width:min(100%,340px);height:340px}.mission-heading h2{font-size:clamp(3rem,14vw,5rem)}.mission-body{padding-top:45px}.section-heading-row{display:block;margin:35px 0 42px}.section-heading-row h2{font-size:clamp(3rem,15vw,5.3rem);margin-bottom:25px}.section-number{display:none}.activity-grid{grid-template-columns:1fr}.activity-card{min-height:220px}.image-frame img{height:300px}.observatory-copy{margin-top:45px}.network-copy h2,.collab-layout h2{font-size:clamp(3rem,14vw,5rem)}.network-visual{margin-top:70px;width:100%}.network-node{font-size:.58rem}.participation-main .button{width:100%;text-align:center}.membership-list{padding-top:60px}.collab-right{margin-top:50px}.transparency-grid{display:block;margin-top:55px}.transparency-grid>div{margin-bottom:25px}.runts-note{margin-top:40px}.contact-intro{margin-bottom:55px}.form-row{display:block}.contact-form{padding:24px 20px}.footer-top{display:block}.footer-legal{margin:30px 0}.footer-links{max-width:250px}.footer-bottom{margin-top:5px}.footer-bottom span{font-size:.57rem}}