:root{--bg:#090c12;--panel:#131925;--paper:#f8f4ed;--text:#f7f3eb;--muted:#bcb7c5;--pink:#f42f8d;--orange:#ff7a19;--gold:#ffc32b;--cyan:#00c7c7;--violet:#7651ff;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.top-strip{height:6px;background:linear-gradient(90deg,var(--pink),var(--orange),var(--gold),var(--cyan),var(--violet))}
.site-header{position:sticky;top:0;z-index:50;background:rgba(8,10,15,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.navbar{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-weight:900}.brand-mark{width:42px;aspect-ratio:1;border-radius:50%;background:conic-gradient(var(--gold),var(--pink),var(--violet),var(--cyan),var(--gold));position:relative}.brand-mark:after{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--bg)}.nav-links{display:flex;gap:22px;font-size:.92rem;font-weight:800}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:3px;background:linear-gradient(90deg,var(--pink),var(--orange));transform:scaleX(0);transition:.2s}.nav-links a:hover:after{transform:scaleX(1)}.nav-cta,.btn{border:0;border-radius:999px;padding:13px 21px;font-weight:900;display:inline-flex;justify-content:center;align-items:center;cursor:pointer}.nav-cta,.btn-primary{background:linear-gradient(100deg,var(--pink),var(--orange));color:white}.btn-secondary{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.1);color:white}.menu-toggle{display:none;background:#151b25;color:white;border:1px solid rgba(255,255,255,.12);border-radius:12px;width:44px;height:44px}
.hero{min-height:760px;position:relative;display:grid;align-items:center;overflow:hidden;background:linear-gradient(90deg,rgba(5,7,12,.82),rgba(5,7,12,.42) 55%,rgba(5,7,12,.12)),url("../images/hero-collage.png") center/cover}.hero-inner{position:relative;z-index:4;padding:95px 0;max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.76rem;font-weight:900;color:var(--pink)}.hero .eyebrow{color:#fff;background:rgba(255,255,255,.12);padding:8px 12px;border-radius:999px;display:inline-block}.hero h1,.page-hero h1{font-size:clamp(3.3rem,7vw,6.6rem);line-height:.92;letter-spacing:-.06em;text-transform:uppercase;margin:20px 0}.hero h1 em{display:block;color:var(--gold);font-style:italic;text-shadow:0 5px 0 rgba(244,47,141,.42)}.hero p{max-width:680px;font-size:1.2rem;color:#e2dde7}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.photo-slices{position:absolute;right:2vw;top:110px;width:min(39vw,585px);display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:195px 195px;gap:12px;transform:skewX(-5deg);z-index:2}.slice{overflow:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 45px rgba(0,0,0,.4)}.slice img{width:100%;height:100%;object-fit:cover;transform:skewX(5deg) scale(1.08)}.slice.tall{grid-row:span 2}
.graffiti-strip{padding:28px 0;background:linear-gradient(90deg,var(--pink),var(--orange),var(--gold));position:relative}.principles{display:grid;grid-template-columns:repeat(5,1fr)}.principles div{text-align:center;padding:18px 13px;border-right:1px solid rgba(255,255,255,.3)}.principles strong{display:block;text-transform:uppercase}.principles span{font-size:.88rem}
.section{padding:88px 0}.section-dark{background:#07090e}.section-title{max-width:760px;margin-bottom:40px}.section-title h2{font-size:clamp(2.3rem,5vw,4.3rem);line-height:1;letter-spacing:-.05em;margin:10px 0 14px}.section-title p,.card-body p,.feature-item span,.page-hero p,.prose p{color:var(--muted)}
.color-grid,.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card-grid{grid-template-columns:repeat(3,1fr)}.color-card,.article-card,.feature-panel,.newsletter,.contact-card,.contact-form{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:22px;box-shadow:0 18px 45px rgba(0,0,0,.2)}.color-card{padding:27px;min-height:250px}.color-card:nth-child(1){background:linear-gradient(145deg,#6840ff,#9b65ff)}.color-card:nth-child(2){background:linear-gradient(145deg,#ec2f91,#ff70b2)}.color-card:nth-child(3){background:linear-gradient(145deg,#ff7a19,#ffc32b);color:#221500}.color-card:nth-child(4){background:linear-gradient(145deg,#00a6a6,#41d1bc)}.icon-disc{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.17);font-size:1.3rem}.article-card{overflow:hidden}.card-art{aspect-ratio:16/10;position:relative}.card-art img{width:100%;height:100%;object-fit:cover}.card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(0,0,0,.78))}.card-art span{position:absolute;left:20px;bottom:17px;z-index:2;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:900}.card-body{padding:23px}.card-body h3{font-size:1.3rem;line-height:1.2;margin:0 0 10px}.read-more{color:var(--gold);font-weight:900}
.split,.decoder-grid,.newsletter,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.feature-panel{padding:34px}.feature-list{display:grid;gap:18px}.feature-item{display:grid;grid-template-columns:48px 1fr;gap:14px}.tag-cloud{display:flex;flex-wrap:wrap;gap:10px}.tag{background:#171d28;border:1px solid rgba(255,255,255,.09);padding:9px 13px;border-radius:999px;font-weight:800}.decoder{padding:48px;border-radius:32px;background:linear-gradient(125deg,#6940ff,#ed2f91)}.decoder-steps{display:grid;gap:13px}.decoder-step{padding:17px 19px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);border-radius:15px}.decoder-step strong{display:block}.visual-banner{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;max-width:1040px;margin-inline:auto}.visual-banner .big,.visual-banner .stack>div{position:relative;overflow:hidden;border-radius:22px;min-height:190px}.visual-banner .big{min-height:400px}.visual-banner .stack{display:grid;gap:18px}.visual-banner img{width:100%;height:100%;object-fit:cover}.caption{position:absolute;left:20px;right:20px;bottom:18px;font-weight:900;font-size:1.08rem;line-height:1.25;text-shadow:0 3px 20px #000}
.newsletter{padding:40px}.newsletter-form{display:flex;gap:10px}.newsletter-form input,.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:13px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.13);background:#0d1119;color:white}.newsletter-form button{background:linear-gradient(90deg,var(--cyan),var(--violet));color:white}.notice{display:none;margin-top:12px;padding:12px;border-radius:10px;background:rgba(0,199,199,.15)}
.page-hero{min-height:340px;display:flex;align-items:flex-end;background:linear-gradient(90deg,rgba(6,8,13,.92),rgba(6,8,13,.42)),var(--page-photo) center/cover}.page-hero .container{padding-bottom:48px}.page-hero p{max-width:760px;font-size:1.15rem}.page-photo-airplane{--page-photo:url("../images/airplane-city.jpeg")}.page-photo-waterfall{--page-photo:url("../images/niagara-falls.jpeg")}.page-photo-art{--page-photo:url("../images/immersive-art.jpeg")}.page-photo-cardinal{--page-photo:url("../images/cardinals.jpeg")}.page-photo-city{--page-photo:url("../images/duluth-moon-city.png")}
.prose{max-width:850px;margin:auto;font-size:1.07rem}.prose h2{font-size:2.2rem;margin-top:2em}.quote{padding:28px;border-left:6px solid var(--pink);background:var(--panel);border-radius:0 18px 18px 0;font-size:1.22rem;font-weight:800}.contact-grid{grid-template-columns:.8fr 1.2fr}.contact-card,.contact-form{padding:31px}.contact-form{display:grid;gap:15px}.contact-form textarea{min-height:150px}.site-footer{padding:60px 0 25px;background:#05070b}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px}.footer-links{display:grid;gap:9px;color:#aaa6b1}.footer-bottom{margin-top:40px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;color:#89858f;font-size:.88rem}
@media(max-width:980px){.nav-links{display:none;position:absolute;top:78px;left:20px;right:20px;background:#111722;padding:20px;border-radius:16px;flex-direction:column}.nav-links.open{display:flex}.menu-toggle{display:block}.nav-cta{display:none}.photo-slices{opacity:.3;width:75vw;right:-20vw}.color-grid{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:repeat(2,1fr)}.split,.decoder-grid,.newsletter,.contact-grid,.visual-banner{grid-template-columns:1fr}.principles{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.container{width:min(var(--max),calc(100% - 24px))}.photo-slices{display:none}.hero{min-height:670px}.hero h1{font-size:3.4rem}.section{padding:68px 0}.color-grid,.card-grid,.principles,.footer-grid{grid-template-columns:1fr}.newsletter-form{flex-direction:column}.footer-bottom{flex-direction:column;gap:8px}}

.compact-visual-section{padding:54px 0;}
@media(max-width:650px){.compact-visual-section{padding:38px 0}.visual-banner .big{min-height:300px}.visual-banner .stack>div{min-height:180px}}


/* Compact four-image grids for Topics and Research */
.four-photo-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  max-width:1080px;
  margin-inline:auto;
}
.four-photo-card{
  position:relative;
  min-height:225px;
  overflow:hidden;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.09);
  background:#131925;
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}
.four-photo-card img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.four-photo-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(transparent 38%,rgba(4,6,10,.82));
}
.four-photo-card .photo-label{
  position:absolute;
  z-index:2;
  left:16px;
  right:16px;
  bottom:15px;
  color:white;
  font-weight:900;
  font-size:.98rem;
  line-height:1.2;
  text-shadow:0 3px 16px rgba(0,0,0,.9);
}
.compact-four-photo-section{
  padding:44px 0 28px;
}
@media(max-width:980px){
  .four-photo-grid{grid-template-columns:repeat(2,1fr);}
}
@media(max-width:650px){
  .four-photo-grid{grid-template-columns:1fr;}
  .four-photo-card{min-height:210px;}
  .compact-four-photo-section{padding:34px 0 18px;}
}

.page-photo-aurora{--page-photo:url("../images/aurora-green.jpeg");}