SUPRACULTURAL

<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>SUPRACULTURAL</title>
	<link>https://supracultural.com</link>
	<description>SUPRACULTURAL</description>
	<pubDate>Thu, 26 Feb 2026 00:18:01 +0000</pubDate>
	<generator>https://supracultural.com</generator>
	<language>en</language>
	
		
	<item>
		<title>Experience</title>
				
		<link>http://supracultural.com/Experience</link>

		<comments></comments>

		<pubDate>Thu, 26 Feb 2026 00:18:01 +0000</pubDate>

		<dc:creator>SUPRACULTURAL</dc:creator>
		
		<category><![CDATA[]]></category>

		<guid isPermaLink="false">459221</guid>

		<description></description>
		
		<excerpt></excerpt>

		<!--<wfw:commentRss></wfw:commentRss>-->

	</item>
		
		
	<item>
		<title>Offer</title>
				
		<link>http://supracultural.com/Offer</link>

		<comments></comments>

		<pubDate>Fri, 20 Feb 2026 19:21:33 +0000</pubDate>

		<dc:creator>SUPRACULTURAL</dc:creator>
		
		<category><![CDATA[]]></category>

		<guid isPermaLink="false">459189</guid>

		<description>


  .sc-offer * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

  /* Full-screen overlay that sits on top of Cargo's chrome */
  .sc-offer {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    overflow-y: auto !important;
    background: rgb(242, 242, 242) !important;
    z-index: 9999 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    font-family: 'Inter', sans-serif !important;
    color: #1a1a18 !important;
  }

  .sc-offer__inner {
    max-width: 900px;
    width: 100%;
    padding: 72px 5vw 80px;
  }

  .sc-offer__rule {
    width: 60px;
    height: 1px;
    background: #c8a96e;
    margin-bottom: 32px;
  }

  .sc-offer__eyebrow {
    font-family: 'Inter', sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    letter-spacing: 0.25em !important;
    text-transform: uppercase !important;
    color: #c8a96e !important;
    margin-bottom: 16px !important;
    display: block !important;
  }

  .sc-offer__headline {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: clamp(36px, 5.5vw, 56px) !important;
    font-weight: 300 !important;
    line-height: 1.08 !important;
    color: #1a1a18 !important;
    margin-bottom: 16px !important;
  }

  .sc-offer__headline em {
    font-style: italic !important;
    color: #c8a96e !important;
  }

  .sc-offer__subhead {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    color: #4a4a45 !important;
    line-height: 1.75 !important;
    max-width: 520px !important;
    margin-bottom: 56px !important;
    display: block !important;
  }

  .sc-offer__divider {
    border: none !important;
    border-top: 1px solid #d0cfc9 !important;
    margin: 0 0 52px !important;
  }

  .sc-offer__pillars {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 52px 60px !important;
    margin-bottom: 60px !important;
  }

  .sc-offer__pillar::before {
    content: '' !important;
    display: block !important;
    width: 24px !important;
    height: 1px !important;
    background: #d0cfc9 !important;
    margin-bottom: 20px !important;
  }

  .sc-offer__pillar-label {
    font-family: 'Inter', sans-serif !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3em !important;
    text-transform: uppercase !important;
    color: #c8a96e !important;
    margin-bottom: 10px !important;
    display: block !important;
  }

  .sc-offer__pillar-title {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    color: #1a1a18 !important;
    margin-bottom: 10px !important;
    line-height: 1.2 !important;
  }

  .sc-offer__pillar-body {
    font-family: 'Inter', sans-serif !important;
    font-size: 13px !important;
    font-weight: 300 !important;
    color: #4a4a45 !important;
    line-height: 1.8 !important;
  }

  .sc-offer__pillar-body strong {
    color: #1a1a18 !important;
    font-weight: 500 !important;
  }

  .sc-offer__price {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 34px !important;
    font-weight: 300 !important;
    color: #1a1a18 !important;
    margin-bottom: 4px !important;
    display: block !important;
  }

  .sc-offer__price-sub {
    font-family: 'Inter', sans-serif !important;
    font-size: 10px !important;
    color: #4a4a45 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    margin-bottom: 12px !important;
    display: block !important;
  }

  .sc-offer__cta {
    border-top: 1px solid #d0cfc9 !important;
    padding-top: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
  }

  .sc-offer__quote {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 18px !important;
    font-style: italic !important;
    color: #4a4a45 !important;
    max-width: 380px !important;
    line-height: 1.55 !important;
  }

  .sc-offer__quote span {
    color: #c8a96e !important;
    font-style: normal !important;
  }

  .sc-offer__btn {
    display: inline-block !important;
    padding: 14px 32px !important;
    background: transparent !important;
    border: 1px solid #c8a96e !important;
    color: #c8a96e !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    letter-spacing: 0.2em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    white-space: nowrap !important;
  }

  .sc-offer__btn:hover {
    background: #c8a96e !important;
    color: #fff !important;
  }

  .sc-offer__footer {
    margin-top: 40px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 10px !important;
    color: #aaa9a2 !important;
    letter-spacing: 0.15em !important;
    text-transform: uppercase !important;
    display: block !important;
  }

  @media (max-width: 640px) {
    .sc-offer__pillars {
      grid-template-columns: 1fr !important;
      gap: 44px !important;
    }
  }


    Supracultural · Strategic Engagement Offer
    The strategy that moveshigh-stakes rooms.
    For leaders navigating complex, cross-cultural, high-visibility decisions — where the cost of a miscalculated message or misaligned narrative is measured in relationships, capital, and years.

    
        Offer
        Clarity that converts
        You leave with a strategy that doesn't just make sense — it moves people. Whether you're securing a sovereign fund investment, landing a celebrity partnership, launching a cultural initiative, or repositioning a brand across global markets, I translate your vision into language and structure that the right rooms cannot ignore. The transformation: from scattered ambition to a coherent narrative that commands trust, accelerates decisions, and opens doors you've been circling for years.
      

        Path
        Four-week deep engagement
        Week 1 — Excavation. A 3-hour immersive session to map your vision, stakeholders, and the invisible friction blocking progress.Week 2 — Architecture. I build your strategy framework, messaging hierarchy, and stakeholder communication plan.Week 3 — Refinement. We stress-test every element against your real-world context — negotiations, pitches, relationships.Week 4 — Activation. Deliverables handed off. You execute with full confidence.
      

        Pricing
        $18,500
        Four-week engagement
        This is the contained version — a single high-impact engagement designed to solve one critical strategic challenge completely. Payment is split: 50% to begin, 50% at Week 2 delivery.For ongoing strategy and communications direction, a monthly retainer begins at $6,500/month, with a minimum three-month commitment. This mirrors how I work with my current executive clients — present at the level that matters, without the overhead of a full agency.
      

        Pressure
        Two spots. This quarter.
        I take on a maximum of three consulting engagements at a time — which is what makes the quality possible. Right now, I have two openings for Q2. I'm currently deep in entertainment contract negotiations, Olympic-scale exhibition strategy, and data center sustainability communications for executives who needed this level of work yesterday.The first three clients also lock in a founding rate of $12,500 — $6,000 below the standard engagement fee. Both the spots and the rate are gone once those seats fill.If the window you're operating in is now — a funding round, a board meeting, a market entry, a deal — waiting is not a neutral choice. The clarity you need doesn't appear on its own. Let's build it.
      

      "The world doesn't lack good ideas. It lacks people who know how to make them land."
      Begin the conversation
    

    Supracultural &#38;nbsp;·&#38;nbsp; Strategy &#38;amp; Communications &#38;nbsp;·&#38;nbsp; San Francisco &#38;nbsp;·&#38;nbsp; supracultural.com

  
</description>
		
		<excerpt>Supracultural · Strategic Engagement Offer     The strategy that moveshigh-stakes rooms.     For leaders navigating complex, cross-cultural,...</excerpt>

		<!--<wfw:commentRss></wfw:commentRss>-->

	</item>
		
		
	<item>
		<title>steward</title>
				
		<link>http://supracultural.com/steward</link>

		<comments></comments>

		<pubDate>Sat, 25 May 2024 19:34:46 +0000</pubDate>

		<dc:creator>SUPRACULTURAL</dc:creator>
		
		<category><![CDATA[]]></category>

		<guid isPermaLink="false">453107</guid>

		<description>


  html, body {
    background: #000000 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  :root {
    --black: #000000;
    --off-white: #eeebe3;
    --gold: #c8a96e;
    --gold-faint: rgba(200,169,110,0.10);
    --gold-dim: rgba(200,169,110,0.3);
    --muted: #5a5a52;
    --text-body: rgba(238,235,227,0.7);
  }

  * { box-sizing: border-box; margin: 0; padding: 0; }

  .sc-founder {
    background: var(--black);
    color: var(--off-white);
    font-family: 'DM Sans', sans-serif;
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
  }

  /* ── GRAIN ── */
  .sc-founder::before {
    content: '';
    position: fixed;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
    background-size: 180px 180px;
    pointer-events: none;
    z-index: 0;
    opacity: 0.4;
  }

  /* ── NAV ── */
  .sc-founder__nav {
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 10;
    padding: 28px 8vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .sc-founder__nav::after {
    content: '';
    position: absolute;
    bottom: 0; left: 8vw; right: 8vw;
    height: 1px;
    background: rgba(200,169,110,0.08);
  }
  .sc-founder__back {
    font-family: 'DM Sans', sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: var(--gold) !important;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    gap: 10px;
    opacity: 0.7;
    transition: gap 0.3s ease, opacity 0.3s ease;
  }
  .sc-founder__back:hover { gap: 16px; opacity: 1; }
  .sc-founder__back-arrow { transition: transform 0.3s ease; }
  .sc-founder__back:hover .sc-founder__back-arrow { transform: translateX(-4px); }
  .sc-founder__nav-label {
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: var(--gold-dim);
  }

  /* ── MAIN ── */
  .sc-founder__main {
    position: relative;
    z-index: 1;
    max-width: 960px;
    margin: 0 auto;
    padding: 18vh 8vw 14vh;
  }

  /* ── EYEBROW ── */
  .sc-founder__eyebrow {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 5vh;
    opacity: 0;
    transform: translateY(10px);
    animation: sc-up 0.8s cubic-bezier(0.16,1,0.3,1) 0.1s forwards;
  }
  .sc-founder__eyebrow-text {
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.35em;
    text-transform: uppercase;
    color: var(--gold);
    white-space: nowrap;
  }
  .sc-founder__eyebrow-rule {
    flex: 1; height: 1px;
    background: rgba(200,169,110,0.15);
    position: relative; overflow: hidden;
  }
  .sc-founder__eyebrow-rule::after {
    content: '';
    position: absolute;
    top: 0; left: -100%; width: 100%; height: 100%;
    background: var(--gold);
    animation: sc-scan 2.8s cubic-bezier(0.4,0,0.2,1) infinite 0.6s;
  }

  /* ── HERO BLOCK ── */
  .sc-founder__hero {
    margin-bottom: 8vh;
  }

  .sc-founder__name-wrap { overflow: hidden; margin-bottom: 0.15em; }
  .sc-founder__name {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(52px, 8vw, 110px);
    font-weight: 300;
    line-height: 0.92;
    letter-spacing: -0.02em;
    color: var(--off-white);
    display: block;
    opacity: 0;
    transform: translateY(100%);
    animation: sc-slidein 1s cubic-bezier(0.16,1,0.3,1) forwards;
  }
  .sc-founder__name-wrap:nth-child(1) .sc-founder__name { animation-delay: 0.25s; }
  .sc-founder__name-wrap:nth-child(2) .sc-founder__name { animation-delay: 0.4s; font-style: italic; color: var(--gold); }

  .sc-founder__title-line {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 3vh;
    opacity: 0;
    transform: translateY(12px);
    animation: sc-up 0.9s cubic-bezier(0.16,1,0.3,1) 0.7s forwards;
  }
  .sc-founder__title-text {
    font-family: 'DM Sans', sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: var(--gold-dim);
    white-space: nowrap;
  }
  .sc-founder__title-rule {
    flex: 1; height: 1px;
    background: rgba(200,169,110,0.12);
  }

  /* ── LEAD PARAGRAPH ── */
  .sc-founder__lead {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(20px, 2.4vw, 30px);
    font-weight: 300;
    line-height: 1.5;
    color: rgba(238,235,227,0.88);
    margin-bottom: 7vh;
    max-width: 740px;
    opacity: 0;
    transform: translateY(20px);
    animation: sc-up 1s cubic-bezier(0.16,1,0.3,1) 0.9s forwards;
  }
  .sc-founder__lead em {
    font-style: italic;
    color: var(--off-white);
  }

  /* ── CREDENTIALS STRIP ── */
  .sc-founder__credentials {
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    gap: 0 5vw;
    padding: 4vh 0;
    margin-bottom: 7vh;
    border-top: 1px solid rgba(200,169,110,0.08);
    border-bottom: 1px solid rgba(200,169,110,0.08);
  }
  .sc-founder__credential-rule {
    width: 1px;
    background: linear-gradient(to bottom, transparent, rgba(200,169,110,0.18), transparent);
  }
  .sc-founder__credential {
    padding: 8px 0;
  }
  .sc-founder__credential-label {
    font-size: 8px;
    font-weight: 500;
    letter-spacing: 0.4em;
    text-transform: uppercase;
    color: var(--gold-dim);
    display: block;
    margin-bottom: 12px;
  }
  .sc-founder__credential-title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(13px, 1.25vw, 16px);
    font-weight: 700;
    color: var(--off-white);
    line-height: 1.4;
    margin-bottom: 6px;
  }
  .sc-founder__credential-sub {
    font-family: 'Playfair Display', serif;
    font-size: clamp(12px, 1.1vw, 14px);
    font-style: italic;
    color: var(--text-body);
    line-height: 1.5;
  }

  /* ── PULL QUOTE ── */
  .sc-founder__pullquote {
    position: relative;
    padding: 5vh 0 5vh 48px;
    margin-bottom: 7vh;
  }
  .sc-founder__pullquote::before {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom, transparent, var(--gold), transparent);
  }
  .sc-founder__pullquote-text {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(26px, 3.5vw, 48px);
    font-weight: 300;
    font-style: italic;
    line-height: 1.3;
    letter-spacing: -0.01em;
    color: var(--off-white);
  }
  .sc-founder__pullquote-text em {
    font-style: normal;
    color: var(--gold);
  }

  /* ── BODY SECTIONS ── */
  .sc-founder__section {
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 0 5vw;
    align-items: start;
    margin-bottom: 5vh;
  }
  .sc-founder__section-label {
    font-size: 8px;
    font-weight: 500;
    letter-spacing: 0.4em;
    text-transform: uppercase;
    color: var(--gold-dim);
    padding-top: 5px;
    line-height: 1.6;
  }
  .sc-founder__section-body {
    font-family: 'Playfair Display', serif;
    font-size: clamp(14px, 1.35vw, 17px);
    line-height: 1.78;
    color: var(--text-body);
    border-left: 1px solid rgba(200,169,110,0.12);
    padding-left: 32px;
  }
  .sc-founder__section-body em { font-style: italic; color: var(--off-white); }
  .sc-founder__section-body strong { font-weight: 700; color: var(--off-white); }

  /* ── CLOSING TRIO ── */
  .sc-founder__tenets {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: rgba(200,169,110,0.08);
    margin: 7vh 0;
  }
  .sc-founder__tenet {
    background: var(--black);
    padding: 28px 24px 32px;
    position: relative;
    overflow: hidden;
    transition: background 0.4s ease;
  }
  .sc-founder__tenet::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 1px;
    background: var(--gold);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s cubic-bezier(0.16,1,0.3,1);
  }
  .sc-founder__tenet:hover { background: rgba(200,169,110,0.03); }
  .sc-founder__tenet:hover::before { transform: scaleX(1); }
  .sc-founder__tenet-body {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(15px, 1.5vw, 19px);
    font-weight: 300;
    font-style: italic;
    line-height: 1.5;
    color: rgba(238,235,227,0.75);
  }
  .sc-founder__tenet-body em {
    font-style: normal;
    color: var(--off-white);
  }

  /* ── CLOSING ── */
  .sc-founder__closing {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 8vh;
    padding-top: 4vh;
    border-top: 1px solid rgba(200,169,110,0.1);
  }
  .sc-founder__closing-name {
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: var(--gold-dim);
    white-space: nowrap;
  }
  .sc-founder__closing-rule {
    flex: 1; height: 1px;
    background: rgba(200,169,110,0.08);
    position: relative; overflow: hidden;
  }
  .sc-founder__closing-rule::after {
    content: '';
    position: absolute;
    top: 0; left: -100%; width: 100%; height: 100%;
    background: var(--gold);
    animation: sc-scan 3s cubic-bezier(0.4,0,0.2,1) infinite 3.5s;
  }

  /* ── SIDE STRIP ── */
  .sc-founder__strip {
    position: fixed;
    right: 28px; top: 0; bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 3;
    opacity: 0;
    animation: sc-up 1s ease 2s forwards;
  }
  .sc-founder__strip-text {
    font-family: 'DM Sans', sans-serif;
    font-size: 8px;
    letter-spacing: 0.35em;
    text-transform: uppercase;
    color: rgba(200,169,110,0.2);
    writing-mode: vertical-rl;
    white-space: nowrap;
  }

  /* ── SCROLL REVEAL ── */
  .sc-reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.9s cubic-bezier(0.16,1,0.3,1), transform 0.9s cubic-bezier(0.16,1,0.3,1);
  }
  .sc-reveal.is-visible { opacity: 1; transform: translateY(0); }

  /* ── KEYFRAMES ── */
  @keyframes sc-up      { to { opacity: 1; transform: translateY(0); } }
  @keyframes sc-slidein { to { opacity: 1; transform: translateY(0); } }
  @keyframes sc-scan {
    0%        { left: -100%; }
    50%, 100% { left: 100%; }
  }

  /* ── RESPONSIVE ── */
  @media (max-width: 768px) {
    .sc-founder__main { padding: 16vh 6vw 10vh; }
    .sc-founder__nav { padding: 24px 6vw; }
    .sc-founder__nav::after { left: 6vw; right: 6vw; }
    .sc-founder__credentials { grid-template-columns: 1fr; gap: 4vh 0; }
    .sc-founder__credential-rule { display: none; }
    .sc-founder__tenets { grid-template-columns: 1fr; }
    .sc-founder__section { grid-template-columns: 1fr; gap: 10px 0; }
    .sc-founder__section-label { padding-top: 0; }
    .sc-founder__section-body { border-left: none; padding-left: 0; border-top: 1px solid rgba(200,169,110,0.12); padding-top: 18px; }
    .sc-founder__pullquote { padding-left: 24px; }
    .sc-founder__strip { display: none; }
  }


      ← About
    
    Supracultural
  

      Stewarded by
      
    
        Amara
      
      
        Norman.
      
      
        Strategist &#38;amp; Communications Director
        
      
      Her work spans art, sustainability, and emerging technology — leading high-stakes engagements for Fortune-level clients and creative industry figures alike, structuring complex partnerships, shaping stakeholder narratives, and building the organizational conditions for meaningful impact.
    

        Education
        BBA, Strategic Design &#38;amp; Management
        Parsons School of Design
      
      
        Certification
        Permaculture Design Certification
        Urban Permaculture Institute
      
    
        Designing for resilienceat every scale.
      
    
      Background
      
        Before founding Supracultural, Amara spent years in New York working at the intersection of brand, culture, and impact. She returned to her native San Francisco in 2023 to build a practice that reflects what she's learned: that the most important strategic work is relational, that the most durable solutions are holistic, and that the future belongs to those willing to hold complexity with care.
      
    
      The Method
      
        Her approach is rooted in systems thinking and an understanding of human dynamics that goes beyond conventional frameworks — a combination that reflects a longstanding commitment to designing for resilience at every scale. She brings to every engagement a rare combination of analytical rigor, creative range, and genuine attentiveness to the human dimensions of organizational life.
      
    
        The most important strategic work is relational.
      
      
        The most durable solutions are holistic.
      
      
        The future belongs to those who hold complexity with care.
      
    
      Supracultural · San Francisco
      
    
    Strategy · Communications · Culture · SF · LA
  

(function() {
  function forceBlack() {
    [document.body, document.documentElement].forEach(function(el) {
      if (!el) return;
      el.style.setProperty('background', '#000000', 'important');
      el.style.setProperty('background-color', '#000000', 'important');
      el.style.setProperty('margin', '0', 'important');
      el.style.setProperty('padding', '0', 'important');
    });
  }
  forceBlack();
  document.addEventListener('DOMContentLoaded', forceBlack);

  document.addEventListener('DOMContentLoaded', function() {
    var els = document.querySelectorAll('.sc-reveal');
    var io = new IntersectionObserver(function(entries) {
      entries.forEach(function(entry) {
        if (entry.isIntersecting) {
          entry.target.classList.add('is-visible');
          io.unobserve(entry.target);
        }
      });
    }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });
    els.forEach(function(el) { io.observe(el); });
  });
})();
</description>
		
		<excerpt>← About          Supracultural                         Stewarded by                                       Amara                      ...</excerpt>

		<!--<wfw:commentRss></wfw:commentRss>-->

	</item>
		
		
	<item>
		<title>About</title>
				
		<link>http://supracultural.com/About</link>

		<comments></comments>

		<pubDate>Wed, 24 May 2023 09:25:38 +0000</pubDate>

		<dc:creator>SUPRACULTURAL</dc:creator>
		
		<category><![CDATA[]]></category>

		<guid isPermaLink="false">443279</guid>

		<description>


  html, body {
    background: #000000 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  :root {
    --black: #000000;
    --off-white: #eeebe3;
    --gold: #c8a96e;
    --gold-faint: rgba(200,169,110,0.10);
    --gold-dim: rgba(200,169,110,0.3);
    --muted: #5a5a52;
    --text-body: rgba(238,235,227,0.7);
  }

  * { box-sizing: border-box; margin: 0; padding: 0; }

  .sc-about {
    background: var(--black);
    color: var(--off-white);
    font-family: 'DM Sans', sans-serif;
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
  }

  /* ── GRAIN ── */
  .sc-about::before {
    content: '';
    position: fixed;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
    background-size: 180px 180px;
    pointer-events: none;
    z-index: 0;
    opacity: 0.4;
  }

  /* ── NAV ── */
  .sc-about__nav {
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 10;
    padding: 28px 8vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .sc-about__nav::after {
    content: '';
    position: absolute;
    bottom: 0; left: 8vw; right: 8vw;
    height: 1px;
    background: rgba(200,169,110,0.08);
  }
  .sc-about__back {
    font-family: 'DM Sans', sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: var(--gold) !important;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: gap 0.3s ease, opacity 0.3s ease;
    opacity: 0.7;
  }
  .sc-about__back:hover { gap: 16px; opacity: 1; }
  .sc-about__back-arrow { transition: transform 0.3s ease; }
  .sc-about__back:hover .sc-about__back-arrow { transform: translateX(-4px); }
  .sc-about__nav-label {
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: var(--gold-dim);
  }

  /* ── MAIN ── */
  .sc-about__main {
    position: relative;
    z-index: 1;
    max-width: 960px;
    margin: 0 auto;
    padding: 18vh 8vw 14vh;
  }

  /* ── EYEBROW ── */
  .sc-about__eyebrow {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 5vh;
    opacity: 0;
    transform: translateY(10px);
    animation: sc-up 0.8s cubic-bezier(0.16,1,0.3,1) 0.1s forwards;
  }
  .sc-about__eyebrow-text {
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.35em;
    text-transform: uppercase;
    color: var(--gold);
    white-space: nowrap;
  }
  .sc-about__eyebrow-rule {
    flex: 1; height: 1px;
    background: rgba(200,169,110,0.15);
    position: relative;
    overflow: hidden;
  }
  .sc-about__eyebrow-rule::after {
    content: '';
    position: absolute;
    top: 0; left: -100%; width: 100%; height: 100%;
    background: var(--gold);
    animation: sc-scan 2.8s cubic-bezier(0.4,0,0.2,1) infinite 0.6s;
  }

  /* ── TITLE ── */
  .sc-about__title-wrap { margin-bottom: 7vh; overflow: hidden; }
  .sc-about__title {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(46px, 7vw, 96px);
    font-weight: 300;
    line-height: 0.95;
    letter-spacing: -0.02em;
    color: var(--off-white);
    opacity: 0;
    transform: translateY(80px);
    animation: sc-slidein 1s cubic-bezier(0.16,1,0.3,1) 0.25s forwards;
  }
  .sc-about__title em { font-style: italic; color: var(--gold); }

  /* ── TWO-COLUMN INTRO ── */
  .sc-about__intro-grid {
    display: grid;
    grid-template-columns: 1fr 1px 1fr;
    gap: 0 5vw;
    margin-bottom: 8vh;
    align-items: start;
    opacity: 0;
    transform: translateY(20px);
    animation: sc-up 1s cubic-bezier(0.16,1,0.3,1) 0.7s forwards;
  }
  .sc-about__intro-rule {
    width: 1px;
    height: 100%;
    background: linear-gradient(to bottom, transparent, rgba(200,169,110,0.2), transparent);
  }
  .sc-about__intro-left {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(20px, 2.4vw, 30px);
    font-weight: 300;
    line-height: 1.45;
    color: rgba(238,235,227,0.9);
    font-style: italic;
  }
  .sc-about__intro-right {
    font-family: 'Playfair Display', serif;
    font-size: clamp(13px, 1.2vw, 16px);
    line-height: 1.75;
    color: var(--text-body);
    padding-top: 4px;
  }
  .sc-about__intro-right em { font-style: italic; color: var(--off-white); }

  /* ── PILLARS ── */
  .sc-about__pillars {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    background: rgba(200,169,110,0.08);
    margin-bottom: 8vh;
  }
  .sc-about__pillar {
    background: var(--black);
    padding: 32px 28px 36px;
    position: relative;
    overflow: hidden;
    transition: background 0.4s ease;
  }
  .sc-about__pillar::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 1px;
    background: var(--gold);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s cubic-bezier(0.16,1,0.3,1);
  }
  .sc-about__pillar:hover { background: rgba(200,169,110,0.03); }
  .sc-about__pillar:hover::before { transform: scaleX(1); }
  .sc-about__pillar-num {
    font-family: 'Cormorant Garamond', serif;
    font-size: 11px;
    font-weight: 300;
    letter-spacing: 0.2em;
    color: var(--gold-dim);
    display: block;
    margin-bottom: 18px;
  }
  .sc-about__pillar-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(18px, 1.8vw, 24px);
    font-weight: 400;
    font-style: italic;
    color: var(--off-white);
    line-height: 1.2;
    margin-bottom: 14px;
  }
  .sc-about__pillar-text {
    font-family: 'DM Sans', sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 1.7;
    color: rgba(238,235,227,0.5);
  }

  /* ── BODY SECTIONS ── */
  .sc-about__section {
    margin-bottom: 5vh;
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 0 5vw;
    align-items: start;
  }
  .sc-about__section-label {
    font-size: 8px;
    font-weight: 500;
    letter-spacing: 0.4em;
    text-transform: uppercase;
    color: var(--gold-dim);
    padding-top: 5px;
    line-height: 1.6;
  }
  .sc-about__section-body {
    font-family: 'Playfair Display', serif;
    font-size: clamp(14px, 1.35vw, 17px);
    line-height: 1.78;
    color: var(--text-body);
    border-left: 1px solid rgba(200,169,110,0.12);
    padding-left: 32px;
  }
  .sc-about__section-body em { font-style: italic; color: var(--off-white); }
  .sc-about__section-body strong { font-weight: 700; color: var(--off-white); }

  /* ── CLOSING STATEMENT ── */
  .sc-about__statement {
    text-align: center;
    padding: 6vh 0;
    margin: 4vh 0;
    position: relative;
  }
  .sc-about__statement::before,
  .sc-about__statement::after {
    content: '';
    position: absolute;
    left: 50%; transform: translateX(-50%);
    width: 1px;
    background: linear-gradient(to bottom, transparent, rgba(200,169,110,0.3), transparent);
  }
  .sc-about__statement::before { top: 0; height: 40px; }
  .sc-about__statement::after  { bottom: 0; height: 40px; }
  .sc-about__statement-text {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(22px, 3vw, 42px);
    font-weight: 300;
    font-style: italic;
    color: var(--off-white);
    line-height: 1.35;
  }
  .sc-about__statement-text em { font-style: normal; color: var(--gold); }

  /* ── FOUNDER LINK ── */
  .sc-about__founder-link-wrap {
    display: flex;
    align-items: center;
    gap: 28px;
    margin-top: 8vh;
    padding-top: 4vh;
    border-top: 1px solid rgba(200,169,110,0.1);
  }
  .sc-about__founder-link {
    font-family: 'DM Sans', sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--gold) !important;
    text-decoration: none !important;
    position: relative;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: gap 0.3s ease, opacity 0.3s ease;
    white-space: nowrap;
  }
  .sc-about__founder-link::after {
    content: '';
    position: absolute;
    bottom: -3px; left: 0;
    width: 0; height: 1px;
    background: var(--gold);
    transition: width 0.4s cubic-bezier(0.16,1,0.3,1);
  }
  .sc-about__founder-link:hover::after { width: 100%; }
  .sc-about__founder-link-arrow { transition: transform 0.3s ease; }
  .sc-about__founder-link:hover .sc-about__founder-link-arrow { transform: translateX(5px); }
  .sc-about__founder-rule {
    flex: 1; height: 1px;
    background: rgba(200,169,110,0.08);
    position: relative; overflow: hidden;
  }
  .sc-about__founder-rule::after {
    content: '';
    position: absolute;
    top: 0; left: -100%; width: 100%; height: 100%;
    background: var(--gold);
    animation: sc-scan 3s cubic-bezier(0.4,0,0.2,1) infinite 3.5s;
  }

  /* ── SIDE STRIP ── */
  .sc-about__strip {
    position: fixed;
    right: 28px; top: 0; bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 3;
    opacity: 0;
    animation: sc-up 1s ease 2s forwards;
  }
  .sc-about__strip-text {
    font-family: 'DM Sans', sans-serif;
    font-size: 8px;
    letter-spacing: 0.35em;
    text-transform: uppercase;
    color: rgba(200,169,110,0.2);
    writing-mode: vertical-rl;
    white-space: nowrap;
  }

  /* ── SCROLL REVEAL ── */
  .sc-reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.9s cubic-bezier(0.16,1,0.3,1), transform 0.9s cubic-bezier(0.16,1,0.3,1);
  }
  .sc-reveal.is-visible { opacity: 1; transform: translateY(0); }

  /* ── KEYFRAMES ── */
  @keyframes sc-up      { to { opacity: 1; transform: translateY(0); } }
  @keyframes sc-slidein { to { opacity: 1; transform: translateY(0); } }
  @keyframes sc-scan {
    0%        { left: -100%; }
    50%, 100% { left: 100%; }
  }

  /* ── RESPONSIVE ── */
  @media (max-width: 768px) {
    .sc-about__intro-grid { grid-template-columns: 1fr; gap: 4vh 0; }
    .sc-about__intro-rule { display: none; }
    .sc-about__pillars { grid-template-columns: 1fr; }
    .sc-about__section { grid-template-columns: 1fr; gap: 10px 0; }
    .sc-about__section-label { padding-top: 0; }
    .sc-about__section-body { border-left: none; padding-left: 0; border-top: 1px solid rgba(200,169,110,0.12); padding-top: 18px; }
    .sc-about__strip { display: none; }
    .sc-about__main { padding: 16vh 6vw 10vh; }
    .sc-about__nav { padding: 24px 6vw; }
    .sc-about__nav::after { left: 6vw; right: 6vw; }
  }


      ← Back
    
    Supracultural
  

      About the Practice
      
    
      Work thatdoesn't fitneatly.
    

        A strategy and communications consultancy for projects that don't fit neatly into a category.
      
      
        We work at the intersection of culture, systems, and human experience — advising on brand positioning, stakeholder communications, creative development, and strategic narrative for work carrying weight in the world.
      
    
        01
        Corporate Innovators
        Organizations pushing past convention, navigating internal complexity while building toward something genuinely new.
      
      
        02
        Sustainability Leaders
        Ventures where the story and the relationships must hold equal weight — because the stakes are real and lasting.
      
      
        03
        Cultural Placemakers
        Projects shaping how communities experience place, identity, and possibility — with a responsibility to get it right.
      
    
      The Approach
      
        What distinguishes the Supracultural approach is a commitment to thinking beyond the immediate transaction. Every strategy is grounded in philosophy, attentive to cultural nuance, and designed with an awareness of downstream impact on communities, ecosystems, and how people experience the world. Your positioning becomes something you can stand on.
      
    
      We are selective about our workbecause depth requires it.
    

      The Founder
      
        Founded by a San Francisco-based strategist with a background spanning global brands, creative production, and impact-driven ventures, Supracultural brings rigorous thinking and genuine care to every engagement — whether structuring a high-value partnership, developing executive communications, or shaping how a project is received by the people it most needs to reach.
      
    
        About the founder →
      
      
    Strategy · Communications · Culture · SF · LA
  

(function() {
  function forceBlack() {
    [document.body, document.documentElement].forEach(function(el) {
      if (!el) return;
      el.style.setProperty('background', '#000000', 'important');
      el.style.setProperty('background-color', '#000000', 'important');
      el.style.setProperty('margin', '0', 'important');
      el.style.setProperty('padding', '0', 'important');
    });
  }
  forceBlack();
  document.addEventListener('DOMContentLoaded', forceBlack);

  /* Scroll reveal */
  document.addEventListener('DOMContentLoaded', function() {
    var els = document.querySelectorAll('.sc-reveal');
    var io = new IntersectionObserver(function(entries) {
      entries.forEach(function(entry) {
        if (entry.isIntersecting) {
          entry.target.classList.add('is-visible');
          io.unobserve(entry.target);
        }
      });
    }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });
    els.forEach(function(el) { io.observe(el); });
  });
})();
</description>
		
		<excerpt>← Back          Supracultural                         About the Practice                              Work thatdoesn't fitneatly.          ...</excerpt>

		<!--<wfw:commentRss></wfw:commentRss>-->

	</item>
		
		
	<item>
		<title>manifesto</title>
				
		<link>http://supracultural.com/manifesto</link>

		<comments></comments>

		<pubDate>Mon, 24 Jan 2022 04:26:48 +0000</pubDate>

		<dc:creator>SUPRACULTURAL</dc:creator>
		
		<category><![CDATA[]]></category>

		<guid isPermaLink="false">418320</guid>

		<description>


  html, body {
    background: #000000 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  :root {
    --black: #000000;
    --off-white: #eeebe3;
    --gold: #c8a96e;
    --gold-faint: rgba(200,169,110,0.12);
    --gold-dim: rgba(200,169,110,0.3);
    --muted: #5a5a52;
    --text-body: rgba(238,235,227,0.7);
  }

  * { box-sizing: border-box; margin: 0; padding: 0; }

  .sc-manifesto {
    background: var(--black);
    color: var(--off-white);
    font-family: 'DM Sans', sans-serif;
    min-height: 100vh;
    position: relative;
    overflow-x: hidden;
  }

  /* ── GRAIN OVERLAY ── */
  .sc-manifesto::before {
    content: '';
    position: fixed;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
    background-size: 180px 180px;
    pointer-events: none;
    z-index: 0;
    opacity: 0.4;
  }

  /* ── BACK NAV ── */
  .sc-manifesto__nav {
    position: fixed;
    top: 0; left: 0; right: 0;
    z-index: 10;
    padding: 28px 8vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    mix-blend-mode: normal;
  }
  .sc-manifesto__nav::after {
    content: '';
    position: absolute;
    bottom: 0; left: 8vw; right: 8vw;
    height: 1px;
    background: rgba(200,169,110,0.08);
  }
  .sc-manifesto__back {
    font-family: 'DM Sans', sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.25em;
    text-transform: uppercase;
    color: var(--gold) !important;
    text-decoration: none !important;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: gap 0.3s ease, opacity 0.3s ease;
    opacity: 0.7;
  }
  .sc-manifesto__back:hover { gap: 16px; opacity: 1; }
  .sc-manifesto__back-arrow { display: inline-block; transition: transform 0.3s ease; }
  .sc-manifesto__back:hover .sc-manifesto__back-arrow { transform: translateX(-4px); }
  .sc-manifesto__nav-label {
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: var(--gold-dim);
    font-family: 'DM Sans', sans-serif;
  }

  /* ── LAYOUT ── */
  .sc-manifesto__main {
    position: relative;
    z-index: 1;
    max-width: 860px;
    margin: 0 auto;
    padding: 18vh 8vw 14vh;
  }

  /* ── EYEBROW ── */
  .sc-manifesto__eyebrow {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 6vh;
    opacity: 0;
    transform: translateY(10px);
    animation: sc-up 0.8s cubic-bezier(0.16,1,0.3,1) 0.1s forwards;
  }
  .sc-manifesto__eyebrow-text {
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.35em;
    text-transform: uppercase;
    color: var(--gold);
  }
  .sc-manifesto__eyebrow-rule {
    flex: 1;
    height: 1px;
    background: rgba(200,169,110,0.15);
    position: relative;
    overflow: hidden;
  }
  .sc-manifesto__eyebrow-rule::after {
    content: '';
    position: absolute;
    top: 0; left: -100%; width: 100%; height: 100%;
    background: var(--gold);
    animation: sc-scan 2.8s cubic-bezier(0.4,0,0.2,1) infinite 0.6s;
  }

  /* ── TITLE ── */
  .sc-manifesto__title-wrap {
    margin-bottom: 8vh;
    overflow: hidden;
  }
  .sc-manifesto__title {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(46px, 7vw, 96px);
    font-weight: 300;
    line-height: 0.95;
    letter-spacing: -0.02em;
    color: var(--off-white);
    opacity: 0;
    transform: translateY(80px);
    animation: sc-slidein 1s cubic-bezier(0.16,1,0.3,1) 0.25s forwards;
  }
  .sc-manifesto__title em {
    font-style: italic;
    color: var(--gold);
  }

  /* ── INTRO PARAGRAPH (large, opening) ── */
  .sc-manifesto__intro {
    font-family: 'Playfair Display', serif;
    font-size: clamp(17px, 1.8vw, 22px);
    font-weight: 400;
    line-height: 1.6;
    color: rgba(238,235,227,0.85);
    margin-bottom: 7vh;
    opacity: 0;
    transform: translateY(20px);
    animation: sc-up 1s cubic-bezier(0.16,1,0.3,1) 0.6s forwards;
    border-left: 1px solid rgba(200,169,110,0.25);
    padding-left: 32px;
  }

  /* ── PULL QUOTE ── */
  .sc-manifesto__pullquote {
    position: relative;
    margin: 8vh 0;
    padding: 5vh 0 5vh 48px;
    opacity: 0;
    transform: translateY(24px);
  }
  .sc-manifesto__pullquote::before {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 2px;
    background: linear-gradient(to bottom, transparent, var(--gold), transparent);
  }
  .sc-manifesto__pullquote-text {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(28px, 3.8vw, 52px);
    font-weight: 300;
    font-style: italic;
    line-height: 1.25;
    letter-spacing: -0.01em;
    color: var(--off-white);
  }
  .sc-manifesto__pullquote-text em {
    font-style: normal;
    color: var(--gold);
  }

  /* ── DIVIDER ── */
  .sc-manifesto__divider {
    display: flex;
    align-items: center;
    gap: 20px;
    margin: 6vh 0;
    opacity: 0;
  }
  .sc-manifesto__divider-mark {
    font-family: 'Cormorant Garamond', serif;
    font-size: 18px;
    color: var(--gold);
    opacity: 0.5;
    letter-spacing: 0.2em;
  }
  .sc-manifesto__divider-line {
    flex: 1;
    height: 1px;
    background: rgba(200,169,110,0.1);
  }

  /* ── BODY SECTIONS ── */
  .sc-manifesto__section {
    margin-bottom: 5vh;
    opacity: 0;
    transform: translateY(20px);
  }
  .sc-manifesto__section-label {
    font-size: 8px;
    font-weight: 500;
    letter-spacing: 0.4em;
    text-transform: uppercase;
    color: var(--gold-dim);
    margin-bottom: 16px;
    display: block;
  }
  .sc-manifesto__section-body {
    font-family: 'Playfair Display', serif;
    font-size: clamp(14px, 1.35vw, 17px);
    font-weight: 400;
    line-height: 1.75;
    color: var(--text-body);
  }
  .sc-manifesto__section-body em {
    font-style: italic;
    color: var(--off-white);
  }
  .sc-manifesto__section-body strong {
    font-weight: 700;
    color: var(--off-white);
  }

  /* ── CENTERED STATEMENT ── */
  .sc-manifesto__statement {
    text-align: center;
    padding: 6vh 0;
    margin: 4vh 0;
    position: relative;
    opacity: 0;
    transform: translateY(20px);
  }
  .sc-manifesto__statement::before,
  .sc-manifesto__statement::after {
    content: '';
    position: absolute;
    left: 50%; transform: translateX(-50%);
    width: 1px;
    background: linear-gradient(to bottom, transparent, rgba(200,169,110,0.3), transparent);
  }
  .sc-manifesto__statement::before { top: 0; height: 40px; }
  .sc-manifesto__statement::after  { bottom: 0; height: 40px; }
  .sc-manifesto__statement-text {
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(22px, 3vw, 40px);
    font-weight: 300;
    font-style: italic;
    color: var(--off-white);
    line-height: 1.35;
    letter-spacing: 0.01em;
  }

  /* ── CLOSING MARK ── */
  .sc-manifesto__closing {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 8vh;
    padding-top: 4vh;
    border-top: 1px solid rgba(200,169,110,0.1);
    opacity: 0;
  }
  .sc-manifesto__closing-name {
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: var(--gold-dim);
  }
  .sc-manifesto__closing-rule {
    flex: 1;
    height: 1px;
    background: rgba(200,169,110,0.08);
    position: relative;
    overflow: hidden;
  }
  .sc-manifesto__closing-rule::after {
    content: '';
    position: absolute;
    top: 0; left: -100%; width: 100%; height: 100%;
    background: var(--gold);
    animation: sc-scan 3s cubic-bezier(0.4,0,0.2,1) infinite 3s;
  }

  /* ── SCROLL REVEAL ── */
  .sc-reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.9s cubic-bezier(0.16,1,0.3,1), transform 0.9s cubic-bezier(0.16,1,0.3,1);
  }
  .sc-reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
  }

  /* ── SIDE STRIP ── */
  .sc-manifesto__strip {
    position: fixed;
    right: 28px; top: 0; bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 3;
    opacity: 0;
    animation: sc-up 1s ease 2.2s forwards;
  }
  .sc-manifesto__strip-text {
    font-family: 'DM Sans', sans-serif;
    font-size: 8px;
    letter-spacing: 0.35em;
    text-transform: uppercase;
    color: rgba(200,169,110,0.2);
    writing-mode: vertical-rl;
    white-space: nowrap;
  }

  /* ── KEYFRAMES ── */
  @keyframes sc-up     { to { opacity: 1; transform: translateY(0); } }
  @keyframes sc-slidein { to { opacity: 1; transform: translateY(0); } }
  @keyframes sc-scan {
    0%        { left: -100%; }
    50%, 100% { left: 100%; }
  }

  /* ── RESPONSIVE ── */
  @media (max-width: 640px) {
    .sc-manifesto__main { padding: 16vh 6vw 10vh; }
    .sc-manifesto__pullquote { padding-left: 24px; }
    .sc-manifesto__strip { display: none; }
    .sc-manifesto__nav { padding: 24px 6vw; }
    .sc-manifesto__nav::after { left: 6vw; right: 6vw; }
  }


      ← Back
    
    Supracultural
  

      What We Stand For
      
    
      The Intention.
    

      The problems worth solving rarely respect borders — cultural, disciplinary, or geographic. They exist in the space between institutions and individuals, between what's been built and what's needed, between a vision and its execution.
    

      Supracultural exists in that space.
    

      ◆
      
    
      On Strategy
      
        We believe strategy is an act of translation. It takes what is fragmented and makes it legible. It takes what is legible and makes it felt. Our work is guided by the conviction that durable solutions emerge not from optimizing for the loudest stakeholders, but from genuinely accounting for all of them — including those who've historically been excluded from the table.
      
    
        We don't manufacture alignment;we create the conditions for it.
      
    
      On Integrity
      
        Through rigorous thinking, honest communication, and a commitment to outcomes that hold up over time — Supracultural is a workstream of integrity. We execute for people building things that matter, and who understand that how you build is as important as what you build.
      
    
      Supracultural
      
    
    Strategy · Communications · Culture · SF · LA
  

(function() {
  /* Force black background */
  function forceBlack() {
    [document.body, document.documentElement].forEach(function(el) {
      if (!el) return;
      el.style.setProperty('background', '#000000', 'important');
      el.style.setProperty('background-color', '#000000', 'important');
      el.style.setProperty('margin', '0', 'important');
      el.style.setProperty('padding', '0', 'important');
    });
  }
  forceBlack();
  document.addEventListener('DOMContentLoaded', forceBlack);

  /* Scroll reveal */
  document.addEventListener('DOMContentLoaded', function() {
    var els = document.querySelectorAll('.sc-reveal');
    var io = new IntersectionObserver(function(entries) {
      entries.forEach(function(entry) {
        if (entry.isIntersecting) {
          entry.target.classList.add('is-visible');
          io.unobserve(entry.target);
        }
      });
    }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });
    els.forEach(function(el) { io.observe(el); });
  });
})();
</description>
		
		<excerpt>← Back          Supracultural                            What We Stand For                              The Intention.                     ...</excerpt>

		<!--<wfw:commentRss></wfw:commentRss>-->

	</item>
		
		
	<item>
		<title>Home Page</title>
				
		<link>http://supracultural.com/Home-Page</link>

		<comments></comments>

		<pubDate>Mon, 17 Aug 2015 23:34:03 +0000</pubDate>

		<dc:creator>SUPRACULTURAL</dc:creator>
		
		<category><![CDATA[]]></category>

		<guid isPermaLink="false">418316</guid>

		<description>


  html, body {
    background: #000000 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .sc-home {
    --black: #000000;
    --off-white: #eeebe3;
    --gold: #c8a96e;
    --muted: #5a5a52;
    background: var(--black) !important;
    color: var(--off-white);
    font-family: 'DM Sans', sans-serif;
    position: relative;
    width: 100%;
    min-height: 100vh;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    z-index: 2;
  }

  .sc-home * { box-sizing: border-box; margin: 0; padding: 0; }

  /* ── MAIN WRAP ── */
  .sc-home__wrap {
    position: relative;
    z-index: 2;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* FIX: added right padding so content clears the vertical strip */
    padding: 5vh 80px 5vh 8vw;
    max-width: 1200px;
  }

  /* ── TOP META (brand label only) ── */
  .sc-home__meta {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 5vh;
    opacity: 0;
    transform: translateY(-10px);
    animation: sc-fadeup 0.9s cubic-bezier(0.16,1,0.3,1) 0.15s forwards;
  }
  .sc-home__meta-label {
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    color: var(--gold);
    font-family: 'DM Sans', sans-serif;
  }
  .sc-home__meta-line {
    width: 40px; height: 1px;
    background: rgba(200,169,110,0.2);
    position: relative;
    overflow: hidden;
  }
  .sc-home__meta-line::after {
    content: '';
    position: absolute;
    top: 0; left: -100%;
    width: 100%; height: 100%;
    background: var(--gold);
    animation: sc-scan 2.5s cubic-bezier(0.4,0,0.2,1) infinite 0.5s;
  }

  /* ── HEADLINE ── */
  .sc-home__headline-wrap {
    position: relative;
    margin-bottom: 4vh;
    padding: 0;
  }

  /* ── HEADLINE LINES ── */
  .sc-home__headline-line {
    overflow: hidden;
    display: block;
    padding-bottom: 0.04em;
  }
  .sc-home__headline-line span {
    display: block;
    font-family: 'Cormorant Garamond', serif;
    font-size: clamp(52px, 8.5vw, 120px);
    font-weight: 300;
    line-height: 0.96;
    letter-spacing: -0.02em;
    color: var(--off-white);
    opacity: 0;
    transform: translateY(105%);
    animation: sc-slidein 1s cubic-bezier(0.16,1,0.3,1) forwards;
  }
  .sc-home__headline-line:nth-child(1) span { animation-delay: 0.3s; }
  .sc-home__headline-line:nth-child(2) span { animation-delay: 0.45s; }
  .sc-home__headline-line:nth-child(3) span { animation-delay: 0.6s; }
  .sc-home__headline-line span em {
    font-style: italic;
    color: var(--off-white);
    transition: color 0.4s ease;
  }
  .sc-home__headline-wrap:hover .sc-home__headline-line span em {
    color: var(--gold);
  }

  @keyframes sc-slidein { to { opacity: 1; transform: translateY(0); } }

  /* ── BODY BLOCK ── */
  .sc-home__body-wrap {
    display: flex;
    align-items: flex-start;
    gap: 5vw;
    margin-bottom: 4vh;
  }

  /* Draw-down rule — happens once, stays */
  .sc-home__body-rule {
    width: 1px;
    height: 0;
    background: var(--gold);
    flex-shrink: 0;
    opacity: 0.55;
    animation: sc-body-rule 0.8s cubic-bezier(0.16,1,0.3,1) 1.05s forwards;
  }
  @keyframes sc-body-rule {
    from { height: 0; }
    to   { height: 90px; }
  }

  .sc-home__body-text {
    font-family: 'Playfair Display', serif;
    font-size: clamp(13px, 1.2vw, 16px);
    font-weight: 400;
    line-height: 1.65;
    color: rgba(238,235,227,0.7);
    max-width: 520px;
    opacity: 0;
    transform: translateY(18px);
    animation: sc-fadeup 1s cubic-bezier(0.16,1,0.3,1) 1.1s forwards;
  }
  .sc-home__body-text em {
    font-style: italic;
    color: var(--off-white);
  }

  /* ── LINKS ── */
  .sc-home__links {
    display: flex;
    align-items: center;
    /* FIX: allow links to wrap onto a new line if space is tight */
    flex-wrap: wrap;
    gap: 36px;
    row-gap: 14px;
    opacity: 0;
    transform: translateY(14px);
    animation: sc-fadeup 1s cubic-bezier(0.16,1,0.3,1) 1.4s forwards;
    margin-bottom: 20px;
  }
  .sc-home__link {
    font-family: 'DM Sans', sans-serif;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--gold) !important;
    text-decoration: none !important;
    position: relative;
    transition: color 0.3s ease;
  }
  .sc-home__link::after {
    content: '';
    position: absolute;
    bottom: -3px; left: 0;
    width: 0; height: 1px;
    background: var(--gold);
    transition: width 0.4s cubic-bezier(0.16,1,0.3,1);
  }
  .sc-home__link:hover { color: #dfc088 !important; }
  .sc-home__link:hover::after { width: 100%; }
  .sc-home__link--ghost {
    color: var(--gold) !important;
    font-weight: 300;
    opacity: 0.7;
  }
  .sc-home__link-arrow {
    display: inline-block;
    margin-left: 6px;
    transition: transform 0.3s ease;
  }
  .sc-home__link:hover .sc-home__link-arrow { transform: translateX(5px); }
  .sc-home__link-sep {
    width: 1px; height: 14px;
    background: var(--muted);
    opacity: 0.35;
  }

  /* ── CLOSING SCAN RULE ── */
  .sc-home__closing-rule {
    height: 1px;
    width: 240px;
    background: rgba(200,169,110,0.2);
    position: relative;
    overflow: hidden;
    opacity: 0;
    animation: sc-fadeup 0.6s ease 1.8s forwards;
  }
  .sc-home__closing-rule::after {
    content: '';
    position: absolute;
    top: 0; left: -100%;
    width: 100%; height: 100%;
    background: var(--gold);
    animation: sc-scan 2.5s cubic-bezier(0.4,0,0.2,1) infinite 2.2s;
  }

  .sc-home__strip {
    position: absolute;
    right: 28px; top: 0; bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 3;
    opacity: 0;
    animation: sc-fadeup 1s ease 2s forwards;
  }
  .sc-home__strip-text {
    font-family: 'DM Sans', sans-serif;
    font-size: 8px;
    letter-spacing: 0.35em;
    text-transform: uppercase;
    color: rgba(200,169,110,0.3);
    writing-mode: vertical-rl;
    white-space: nowrap;
  }

  /* ── SHARED ── */
  @keyframes sc-scan {
    0%        { left: -100%; }
    50%, 100% { left: 100%; }
  }

  @keyframes sc-fadeup { to { opacity: 1; transform: translateY(0); } }

  /* ── RESPONSIVE ── */
  @media (max-width: 640px) {
    .sc-home__wrap { padding: 6vh 6vw; }
    .sc-home__strip { display: none; }
    .sc-home__body-wrap { gap: 6vw; }
  }


      Supracultural
      
    
      Some work
      asks more
      of you.
    

        Some work asks more of you than a deliverable. It asks for presence, discernment, and the ability to hold complexity without losing the thread. We execute for people building things that matter — and who understand that how you build is as important as what you build.
      
    
      Read the intention →
      
      Learn more →
      
      Contact →
    

    Strategy · Communications · Culture · SF · LA
  

(function() {
  function forceBlack() {
    [document.body, document.documentElement].forEach(function(el) {
      if (!el) return;
      el.style.setProperty('background', '#000000', 'important');
      el.style.setProperty('background-color', '#000000', 'important');
      el.style.setProperty('margin', '0', 'important');
      el.style.setProperty('padding', '0', 'important');
    });
  }
  forceBlack();
  document.addEventListener('DOMContentLoaded', forceBlack);
})();
</description>
		
		<excerpt>Supracultural                              Some work       asks more       of you.                                       Some work asks...</excerpt>

		<!--<wfw:commentRss></wfw:commentRss>-->

	</item>
		
	</channel>
</rss>