/* TEKCON 27 editorial experience; scoped to conference page only. */
.tekcon-experience { --tek27-aqua:#3ee9f5; --tek27-lime:#bbff68; --tek27-ink:#060c17; --tek27-card:#101e30; }
.tekcon-experience #main-content { overflow:clip; }
.tekcon-experience [id] { scroll-margin-top:7rem; }
.tekcon-experience .content-section { padding-block:clamp(4rem,7vw,7.5rem); }
.tekcon-experience .section-alt,.tekcon-experience .content-section--surface { background:linear-gradient(145deg,rgba(14,33,49,.9),rgba(5,15,26,.94)); }
.tekcon-experience .section-heading { align-items:flex-start; }
.tekcon-experience .section-heading h2,.tekcon-experience .section-title { font-size:clamp(2rem,4.6vw,4.2rem); line-height:1.06; letter-spacing:-.045em; max-width:850px; }
.tekcon-experience .section-copy { max-width:720px; margin:0 auto 2.25rem; color:#c0d2dc; font-size:1.08rem; line-height:1.75; }
.tekcon-experience .eyebrow { letter-spacing:.17em; }
.tekcon-experience .tekcon-hero { min-height:670px; padding:clamp(4.5rem,8vw,8.5rem) 0 6.5rem; background:radial-gradient(ellipse at 76% 38%,rgba(33,172,204,.24),transparent 40%),linear-gradient(105deg,rgba(4,10,19,.99) 12%,rgba(5,16,28,.94) 65%,rgba(5,16,28,.8)),url('pathfinder_bg.jpg') center/cover; }
.tek27-hero-grid { display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:3rem;align-items:center; }
.tek27-hero-copy {position:relative;z-index:1;}
.tek27-overline {display:inline-flex;align-items:center;gap:.7rem;border:1px solid rgba(62,233,245,.32);border-radius:99px;padding:.48rem .9rem;background:rgba(6,20,34,.72);letter-spacing:.13em;font-size:.7rem;font-weight:900;color:#d7faff;}
.tek27-live-dot {width:8px;height:8px;background:var(--tek27-lime);border-radius:50%;box-shadow:0 0 14px var(--tek27-lime); }
.tekcon-experience .tekcon-hero__logo {width:clamp(140px,19vw,230px);margin:1.55rem 0 .5rem;filter:drop-shadow(0 12px 30px rgba(0,0,0,.45));}
.tekcon-experience .tekcon-hero h1 {font-size:clamp(2.65rem,5.1vw,5.3rem);letter-spacing:-.06em;line-height:1.03;max-width:860px;margin:0;}
.tekcon-experience .tekcon-hero h1 em {color:var(--tek27-lime);font-style:normal;}
.tek27-hero-lede {font-size:clamp(1.1rem,1.55vw,1.35rem);line-height:1.7;color:#d0dce7;max-width:670px;margin:1.5rem 0;}
.tek27-event-pills {display:flex;flex-wrap:wrap;gap:.7rem;margin:1.6rem 0 1.8rem;}
.tek27-event-pills span {display:inline-flex;align-items:center;gap:.55rem;border:1px solid rgba(163,207,222,.28);border-radius:99px;padding:.55rem .8rem;background:rgba(7,18,32,.75);font-size:.89rem;color:#e4f2f7;}
.tek27-event-pills i {color:var(--tek27-lime);}
.tek27-availability {font-size:.9rem;color:#b3c7d1;margin:1.5rem 0 0;}
.tek27-availability a {color:var(--tek27-aqua);text-underline-offset:4px;}
.tek27-hero-visual {position:relative;min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;}
.tek27-glow {position:absolute;width:340px;height:340px;max-width:100%;border-radius:50%;background:radial-gradient(circle,rgba(66,236,250,.20),rgba(13,66,95,.08) 50%,transparent 70%);filter:blur(3px);}
.tek27-orbit {position:relative;width:min(340px,100%);aspect-ratio:1;border-radius:50%;border:1px solid rgba(91,236,255,.30);box-shadow:0 0 0 30px rgba(72,205,241,.025),inset 0 0 75px rgba(51,203,231,.06);display:grid;place-items:center;}
.tek27-orbit::before {content:"TEK\A 27";white-space:pre;text-align:center;font-weight:1000;font-size:4.5rem;line-height:.83;letter-spacing:-.08em;color:white;text-shadow:0 0 35px rgba(62,233,245,.22);}
.tek27-orbit span {position:absolute;font-size:.69rem;font-weight:950;letter-spacing:.13em;color:var(--tek27-lime);border:1px solid rgba(187,255,104,.35);background:#0b1c2e;padding:.45rem .65rem;border-radius:99px;}
.tek27-orbit span:nth-child(1){top:4%;left:12%}.tek27-orbit span:nth-child(2){top:18%;right:-4%}.tek27-orbit span:nth-child(3){bottom:16%;left:-5%}.tek27-orbit span:nth-child(4){bottom:2%;right:8%}
.tek27-hero-stat {position:absolute;top:1%;right:0;display:grid;gap:.05rem;border:1px solid rgba(89,228,247,.36);background:rgba(6,20,36,.93);padding:.85rem 1rem;border-radius:16px;box-shadow:0 15px 45px rgba(0,0,0,.3);}
.tek27-hero-stat strong {font-size:2.35rem;line-height:1;color:var(--tek27-aqua);}
.tek27-hero-stat span {font-size:.6rem;font-weight:850;letter-spacing:.09em;max-width:115px;}
.tek27-hero-stat--second {top:auto;right:auto;bottom:7%;left:-3%}.tek27-hero-stat--second strong {color:var(--tek27-lime);}
.tek27-hero-command {position:relative;color:#8dffb0;letter-spacing:.06em;font:700 .72rem monospace;text-align:center;}
.tek27-jump {position:sticky;top:0;z-index:20;border-block:1px solid rgba(93,212,234,.22);background:rgba(5,14,25,.94);backdrop-filter:blur(16px);box-shadow:0 10px 35px rgba(0,0,0,.18);}
.tek27-jump-inner {display:flex;align-items:center;gap:clamp(.7rem,2vw,2rem);overflow-x:auto;scrollbar-width:thin;white-space:nowrap;}
.tek27-jump a {padding:1rem .1rem;display:inline-block;border-bottom:2px solid transparent;font-size:.83rem;font-weight:850;color:#bed1de;text-decoration:none;}
.tek27-jump a:hover,.tek27-jump a:focus-visible {color:white;border-bottom-color:var(--tek27-lime);outline-offset:-3px;}
.tek27-intro {background:radial-gradient(circle at 50% 0%,rgba(39,154,198,.12),transparent 45%),#071421;}
.tek27-intro-heading {max-width:770px;margin:0 auto 2.8rem;text-align:center;}
.tek27-intro-heading h2 {font-size:clamp(2.3rem,5vw,4.5rem);letter-spacing:-.05em;line-height:1.07;margin:.8rem 0 1rem;}
.tek27-intro-heading h2 span {color:var(--tek27-lime);}
.tek27-intro-heading p {color:#c3d4df;font-size:1.13rem;line-height:1.75;}
.tek27-pillar-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;}
.tek27-pillar {display:flex;flex-direction:column;gap:.7rem;min-height:285px;padding:1.8rem;background:linear-gradient(140deg,rgba(16,41,60,.97),rgba(8,22,37,.98));border:1px solid rgba(89,192,215,.25);border-radius:22px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;}
.tek27-pillar:hover,.tek27-pillar:focus-visible {transform:translateY(-5px);border-color:rgba(187,255,104,.7);box-shadow:0 24px 55px rgba(0,0,0,.22);}
.tek27-pillar-num {font-size:.69rem;color:var(--tek27-aqua);font-weight:900;letter-spacing:.14em;}
.tek27-pillar i {font-size:1.8rem;color:var(--tek27-lime);margin-top:.7rem;}
.tek27-pillar h3 {font-size:1.4rem;line-height:1.15;margin:.5rem 0 0;}
.tek27-pillar p {color:#bbcdd9;margin:0;flex:1;}
.tek27-pillar>span:last-child {font-weight:850;color:var(--tek27-aqua);}
.tekcon-experience .flow {gap:.6rem;margin-block:2.5rem;}
.tekcon-experience .flow-step {border:1px solid rgba(106,200,222,.3);background:linear-gradient(160deg,#102c40,#081b2b);border-radius:16px;padding:1.3rem .7rem;}
.tekcon-experience .flow-step strong {color:var(--tek27-lime);}
.tekcon-experience .level-card,.tekcon-experience .village-card,.tekcon-experience .audience-card,.tekcon-experience .game-panel,.tekcon-experience .info-card {border-radius:19px;border-color:rgba(110,193,215,.26);box-shadow:0 16px 38px rgba(0,0,0,.12);}
.tekcon-experience .village-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:1.1rem;}
.tekcon-experience .village-card {padding:clamp(1.3rem,2.5vw,2rem);border-top:3px solid var(--accent,var(--tek27-aqua));background:linear-gradient(160deg,rgba(18,38,57,.96),rgba(8,21,34,.96));}
.tekcon-experience .village-card h3 {font-size:clamp(1.18rem,2vw,1.45rem);line-height:1.25;}
.tekcon-experience .village-mission {font-size:.74rem;letter-spacing:.12em;}
.tekcon-experience .activity-chips {margin-top:1rem;}
.tekcon-experience .chip {background:rgba(67,144,170,.1);border:1px solid rgba(109,193,217,.17);}
.tekcon-experience .signals-feature {padding-block:clamp(4rem,7vw,7rem);background:radial-gradient(circle at 30% 50%,rgba(25,210,205,.12),transparent 55%),#05101d;}
.tekcon-experience .tek27-section--audience .audience-grid {gap:1rem;}
.tekcon-experience #sponsors .card-grid,.tekcon-experience #food-trucks .card-grid {gap:1rem;}
.tekcon-experience #sponsors .info-card,.tekcon-experience #food-trucks .info-card {padding:2rem;display:flex;flex-direction:column;gap:.6rem;}
.tekcon-experience #sponsors .info-card p,.tekcon-experience #food-trucks .info-card p {flex:1;}
.tekcon-experience .gallery-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;}
.tekcon-experience .gallery-item {overflow:hidden;border-radius:16px;border:1px solid rgba(82,178,209,.22);aspect-ratio:4/3;}
.tekcon-experience .gallery-item img {width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.tekcon-experience .gallery-item:hover img {transform:scale(1.065);}
.tekcon-experience .button:focus-visible,.tek27-pillar:focus-visible {outline:3px solid var(--tek27-lime);outline-offset:3px;}
@media(max-width:1040px){.tek27-hero-grid {grid-template-columns:1fr;}.tek27-hero-visual {display:none;}.tekcon-experience .tekcon-hero {min-height:auto;padding:5rem 0;}.tekcon-experience .tekcon-hero h1 {max-width:800px;}}
@media(max-width:760px){.tek27-pillar-grid {grid-template-columns:1fr;}.tek27-pillar {min-height:220px;}.tekcon-experience .village-grid {grid-template-columns:1fr;}.tekcon-experience .gallery-grid {grid-template-columns:repeat(2,minmax(0,1fr));}.tek27-jump-inner {width:100%;padding-inline:.8rem;}.tekcon-experience .section-heading {display:block;}.tek27-event-pills span {font-size:.79rem;}.tekcon-experience .tekcon-hero h1 {font-size:clamp(2.3rem,10vw,3.8rem);}.tek27-overline {font-size:.61rem;}}
@media(prefers-reduced-motion:reduce){.tek27-pillar,.tekcon-experience .gallery-item img {transition:none;}}

/* Four professional-development workshops: TEKCON 27 */
.tek27-workshops__summary {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1.5rem;}
.tek27-workshops__summary>div {display:flex;flex-direction:column;gap:.2rem;padding:1.2rem;border:1px solid var(--line);border-left:3px solid var(--cyan);background:var(--surface);border-radius:4px;}
.tek27-workshops__summary strong {font:900 clamp(1.65rem,3vw,2.6rem)/1.1 "Arial Narrow",Impact,sans-serif;color:var(--cyan);}
.tek27-workshops__summary span {color:var(--text);font-size:.82rem;}
.tekcon-experience .tek27-workshops__grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;}
.tek27-workshops__grid .info-card {min-width:0;}
.tek27-workshops__grid h3 {font-size:1.25rem;}
.tek27-workshops__details {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem;}
.tek27-workshops__details>div {border:1px solid var(--line);background:var(--surface);padding:clamp(1.1rem,2.5vw,2rem);border-radius:6px;}
.tek27-workshops__details h3 {margin:.75rem 0;}
.tek27-workshops__details p {color:var(--muted);line-height:1.7;}
@media(max-width:980px){.tekcon-experience .tek27-workshops__grid,.tek27-workshops__summary {grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:650px){.tekcon-experience .tek27-workshops__grid,.tek27-workshops__summary,.tek27-workshops__details {grid-template-columns:1fr;}}