/* HETO · approved logo proposal 1 · staging brand integration */
:root{--ember:#ef3731;--acid:#fbb452;--blue:#4770b7;--ink:#f5f0e8;--night:#121416;--brand-paper:#f3eee5}
::selection{background:#ef3731;color:white}
.brand-logo{display:block;width:230px;height:auto;object-fit:contain}
.brand{min-width:230px}
.topbar{height:112px;padding-inline:clamp(24px,5vw,80px);background:linear-gradient(90deg,#111416f5,#111416a0);border-bottom-color:#ffffff24}
.topbar:after,.site-footer:before{content:"";position:absolute;left:0;right:0;bottom:-5px;height:5px;background:url('/assets/heto-tricolor.svg') repeat-x center/60px 10px}
.nav-links{gap:26px;font-size:11px;letter-spacing:.12em}
.nav-cta{font-size:11px;padding:16px 23px}
.hero{min-height:max(780px,100svh)}
.hero:before{display:none}
.hero-content{width:min(820px,67vw);padding-top:clamp(195px,25vh,270px);padding-bottom:75px}
.eyebrow{color:var(--acid);font-size:10px;letter-spacing:.18em;margin-bottom:28px}
.eyebrow span{width:28px;background:var(--ember);height:3px}
.hero h1{font-size:clamp(72px,8.7vw,142px);line-height:.9;letter-spacing:-.02em}
.hero h1 span{-webkit-text-stroke:1px #f3eee5b0}
.hero-lead{font-size:clamp(15px,1.55vw,21px);margin-top:26px}
.hero-photo:after{background:linear-gradient(90deg,#111416ef 0%,#111416aa 38%,#11141612 75%),linear-gradient(0deg,#111416fa,#11141600 55%)}
.hero:after{background:linear-gradient(90deg,#11141655,#11141600 70%)}
.hero-actions{margin-top:30px}
.primary-button{background:var(--ember);box-shadow:none;font-size:12px;letter-spacing:.09em;min-height:56px}
.primary-button:hover,.nav-cta:hover{background:#d92b26}
.text-link{font-size:11px;letter-spacing:.09em}
.facts{margin-top:42px;background:#121416b5;backdrop-filter:blur(8px)}
.fact{border-top:2px solid var(--ember)}
.fact:nth-child(2){border-top-color:var(--acid)}
.fact:nth-child(3){border-top-color:var(--blue)}
.hero-insignia{position:absolute;right:6.5%;bottom:110px;z-index:5;width:160px;text-align:center;display:flex;flex-direction:column;align-items:center;filter:drop-shadow(0 3px 16px #0009)}
.hero-insignia img{width:125px;height:auto;margin-bottom:20px}
.hero-insignia span,.hero-insignia b{font-size:8px;letter-spacing:.16em;line-height:1.8}
.hero-insignia b{font-weight:500;color:#ffffff90}
.scroll-note{font-size:8px;letter-spacing:.16em}
.brand-manifesto{position:relative;background:var(--brand-paper);color:#151719;padding:100px clamp(24px,7vw,112px);display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:70px;align-items:center;text-align:left}
.brand-manifesto:before{content:"";height:12px;background:url('/assets/heto-tricolor.svg') repeat-x center/96px 16px;position:absolute;left:0;right:0;top:0}
.section-kicker,.brand-manifesto .section-kicker{font:600 10px/1.6 var(--font-body);letter-spacing:.15em;color:#b92c28;margin:0 0 25px}
.brand-manifesto h2{font:500 clamp(38px,4.1vw,65px)/1.04 var(--font-display);letter-spacing:-.015em;max-width:760px;margin:0;text-transform:uppercase}
.brand-manifesto h2 em{font-style:normal;color:#c9322c}
.brand-manifesto .manifesto-description{max-width:570px;font:400 14px/1.85 var(--font-body);letter-spacing:0;color:#565653;margin:25px 0 28px;text-transform:none}
.brand-values{display:flex;gap:24px;flex-wrap:wrap;padding-top:21px;border-top:1px solid #17191a24;color:#5a5a55;font-size:9px;font-weight:600;letter-spacing:.1em}
.manifesto-symbol{text-align:center}
.manifesto-symbol img{width:100%;height:auto;max-width:230px;display:block;margin:0 auto 23px}
.manifesto-symbol span{font-size:8px;letter-spacing:.14em;color:#5a5a55}
.story-step p{color:var(--acid)}
.story-step h2{font-weight:500}
.story-counter b{color:var(--ember)}
.story-gallery-link{background:var(--ember);color:white;border:0}
.brand-program{padding:95px clamp(24px,7vw,112px);background:#191c1e;display:grid;grid-template-columns:.9fr 1.25fr;gap:70px;border-top:1px solid #ffffff14}
.brand-program .section-kicker{color:var(--acid)}
.brand-program h2{font:500 clamp(38px,4vw,60px)/1.03 var(--font-display);text-transform:uppercase;margin:0 0 20px}
.brand-program header>p:last-child{color:#afb0aa;font-size:12px;line-height:1.8;max-width:300px}
.program-days{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.program-days article{position:relative;padding-top:28px;border-top:2px solid var(--ember)}
.program-days article:last-child{border-color:var(--acid)}
.day-number{position:absolute;top:18px;right:0;color:#ffffff15;font:500 68px/1 var(--font-display)}
.program-days article>p:first-of-type{font-size:9px;letter-spacing:.12em;color:var(--acid);margin:0 0 28px}
.program-days h3{font:500 36px/1 var(--font-display);text-transform:uppercase;margin:0 0 15px}
.program-days article>p:last-child{font-size:12px;line-height:1.85;color:#b3b3ac;max-width:230px}
.promo-story{border-top:1px solid #ffffff14}
.promo-copy>p{color:#b92c28}
.promo-copy h2{font-weight:500}
.promo-copy a{color:#fff}
.site-footer{position:relative;border-top:1px solid #ffffff22;padding-top:50px}
.site-footer:before{bottom:auto;top:-5px}
.footer-logo{display:block;width:230px;height:auto}
.site-footer nav{font-size:11px}
.site-footer>p{font-size:10px;color:#999b98}
.registration-brand{width:200px;height:auto;display:block;margin-bottom:30px}
.registration-intro{position:relative}
.registration-intro:after{content:"";width:90px;height:8px;background:url('/assets/heto-tricolor.svg') center/72px 12px;display:block;margin-top:24px}
.registration-card{border-top:3px solid var(--ember)}
.info-nav .brand-logo,.gallery-nav .brand-logo{width:220px;height:auto}
.info-nav,.gallery-nav{border-bottom:1px solid #ffffff20;padding-bottom:0;height:100px}
.info-nav{border-bottom-color:#17191a24}
.reg-next{background:var(--ember)}
.reg-next:hover{background:#ce2924}
.registration-intro>p{color:var(--acid)}
.info-hero,.gallery-page>header{position:relative}
.info-hero:after,.gallery-page>header:after{content:"";display:block;width:144px;height:10px;background:url('/assets/heto-tricolor.svg') center/96px 16px;margin-top:30px}
.program-days article>p:first-of-type{padding-right:84px;line-height:1.7;margin-bottom:20px}
.success-list-link{margin-top:26px;color:var(--acid);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}
.prize-total{display:block;margin-bottom:22px}.prize-total b{color:#191714}
.prize-list{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;white-space:normal}
.prize-col{display:block;border-top:3px solid #ef3731;padding-top:14px}
.prize-col:nth-child(2){border-top-color:#fbb452}.prize-col:nth-child(3){border-top-color:#4770b7}
.prize-col strong{display:block;margin-bottom:8px;font:500 1.7rem/1 var(--font-display);letter-spacing:.03em;color:#191714}
.prize-row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #1917141f;font-size:.95rem}
.prize-row b{color:#191714;font-weight:600;white-space:nowrap}
@media(max-width:760px){.prize-list{grid-template-columns:1fr;gap:22px}}
.prize-hook{display:block;margin-top:14px;color:var(--acid);font:500 1.2em/1.1 var(--font-display);letter-spacing:.06em}
.info-section p{white-space:pre-line}
a:focus-visible,button:focus-visible{outline:2px solid var(--acid);outline-offset:5px}
@media(max-width:1050px){.nav-links{gap:16px}.brand-logo{width:205px}.brand{min-width:205px}.hero-insignia{right:4%;width:130px}.hero-insignia img{width:110px}.brand-manifesto{gap:45px;grid-template-columns:minmax(0,1fr) 180px}.brand-program{gap:40px}}
@media(max-width:760px){.topbar{height:92px;padding-inline:22px}.brand{min-width:0}.brand-logo{width:185px}.nav-cta{padding:13px 17px;font-size:10px}.hero{min-height:850px;min-height:max(790px,100svh)}.hero-content{width:100%;padding:180px 26px 45px}.hero h1{font-size:clamp(65px,11.7vw,94px)}.eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:23px}.hero-lead{font-size:15px;max-width:300px;line-height:1.6}.hero-photo{background-position:60% center}.hero-photo:after{background:linear-gradient(90deg,#111416e8,#11141670),linear-gradient(0deg,#111416ff,#11141600 65%)}.hero-insignia{bottom:36px;right:26px;width:auto;flex-direction:row;gap:10px}.hero-insignia img{width:48px;margin:0}.hero-insignia span{font-size:7px}.hero-insignia b{display:none}.facts{margin-top:36px;max-width:480px}.hero-actions{gap:18px;flex-wrap:wrap}.primary-button{font-size:10px}.text-link{font-size:10px}.scroll-note{display:none}.brand-manifesto{padding:65px 26px;gap:35px;grid-template-columns:1fr}.brand-manifesto h2{font-size:40px}.manifesto-symbol{display:flex;gap:22px;align-items:center;text-align:left}.manifesto-symbol img{width:95px;margin:0}.manifesto-symbol span{max-width:110px;line-height:1.8}.brand-values{gap:15px;font-size:8px}.brand-program{padding:65px 26px;grid-template-columns:1fr;gap:30px}.brand-program h2{font-size:43px}.program-days{gap:22px}.program-days h3{font-size:31px}.site-footer{padding-top:36px}.footer-logo{width:205px}.info-nav .brand-logo,.gallery-nav .brand-logo{width:170px}.info-nav{flex-wrap:wrap;gap:22px}.registration-brand{width:165px;margin-bottom:20px}}
@media(max-width:760px){.hero-insignia{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Program complet HETO 2026 */
.program-day-title{color:#e96732!important;font-weight:800!important;letter-spacing:.02em}
.program-schedule{display:grid;margin-top:1rem}
.program-row{display:grid;grid-template-columns:5.4rem 1fr;gap:1rem;align-items:start;padding:.85rem 0;border-top:1px solid rgba(244,233,216,.18)}
.program-row strong{color:#f4e9d8;font-family:inherit;font-size:1.05rem;white-space:nowrap}
.program-row span{color:rgba(244,233,216,.9);line-height:1.45}
@media(max-width:640px){.program-row{grid-template-columns:4.7rem 1fr;gap:.65rem}.program-row strong{font-size:.95rem}}