@font-face{font-family:'Syne';src:url('fonts/Syne-VariableFont_wght.ttf') format('truetype');font-weight:400 800;font-style:normal;font-display:swap}

@font-face{font-family:'Geist';src:url('fonts/Geist-VariableFont_wght.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}

@font-face{font-family:'Geist Mono';src:url('fonts/GeistMono-VariableFont_wght.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}

@font-face{font-family:'Newsreader';src:url('fonts/Newsreader_60pt-Italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}

:root{--ink:#050505;--paper:#FFFFFF;--accent:#00B7FF;--muted:#6B6B6B;--line:#050505;--display:'Syne',sans-serif;--body:'Geist',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.6 var(--body)}a{color:inherit;text-underline-offset:5px}a:hover{opacity:.8}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #00B7FF;outline-offset:5px}.wrap{max-width:1240px;padding:0 5%;margin:auto}.skip{position:absolute;left:15px;top:-70px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}header{border-bottom:1px solid var(--line)}.nav{min-height:96px;display:flex;justify-content:space-between;align-items:center;gap:24px}.wordmark{font-size:24px;letter-spacing:-1px;font-weight:800;text-decoration:none}.wordmark span{font-weight:400;font-size:14px;letter-spacing:2px;display:block;line-height:1}nav{display:flex;align-items:center;gap:28px}nav a{text-decoration:none;font-size:14px}nav a[aria-current]{border-bottom:2px solid var(--ink)}.button,button{display:inline-block;padding:8px 18px;border:1px solid var(--ink);border-radius:3px;background:var(--ink);color:var(--paper);text-decoration:none;font:600 14px/1.4 var(--body);cursor:pointer}.button.light{background:var(--accent);color:var(--ink)}.button.outline{background:transparent;color:var(--ink)}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase}.hero{padding:82px 0 70px}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:center}h1,h2,h3,p{margin-top:0}h1{font:400 clamp(48px,6.5vw,84px)/1.03 var(--display);letter-spacing:-3px;margin-bottom:26px}h1 em{font-weight:400}h2{font:400 clamp(34px,4vw,52px)/1.12 var(--display);letter-spacing:-1.5px}h3{font-size:23px;line-height:1.25}.intro{color:var(--muted);font-size:19px;max-width:550px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0 18px}.small{font-size:13px;color:var(--muted)}.art{aspect-ratio:4/5;background:var(--teach);position:relative;overflow:hidden;border-radius:180px 180px 4px 4px;color:var(--paper);display:flex;align-items:flex-end;padding:30px}.art-label{position:relative;z-index:1;font-size:12px;letter-spacing:2px;display:flex;justify-content:space-between;width:100%}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.strip .wrap{display:flex;justify-content:space-between;gap:15px;font-size:12px;letter-spacing:1px;text-transform:uppercase}.section{padding:80px 0}.section.dark{background:var(--ink);color:var(--paper)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.pillar{border-top:1px solid var(--line);padding:25px 0}.pillar .number{color:var(--muted);font-size:12px}.pillar h3{font:38px var(--display);margin:20px 0}.featured{background:var(--accent);padding:32px;border-radius:4px}.featured .number{color:var(--ink)}.course{border:1px solid #FFFFFF;padding:38px}.course ul{padding-left:20px}.course li{padding:10px 0;border-bottom:1px solid #FFFFFF}.tag{display:inline-block;border:1px solid currentColor;padding:4px 10px;font-size:11px;letter-spacing:1px;text-transform:uppercase;margin-bottom:22px}.kit-preview{padding:38px;background:#F7F4EC;transform:rotate(-2deg);border:1px solid var(--line);box-shadow:none}.kit-preview h3{font:42px/1.1 var(--display)}.kit-preview ol{padding-left:22px}.kit-preview li{padding:16px 0;border-bottom:1px solid #050505}.form-shell{padding:30px;border:1px solid var(--line);background:#fff9}.form-shell label{display:block;font-size:14px;margin:12px 0}input[type=email]{width:100%;padding:14px;border:1px solid #050505;font:inherit;background:white;border-radius:2px}.consent{display:flex!important;align-items:flex-start;gap:10px;font-size:12px!important}.consent input{margin-top:5px;flex-shrink:0}.form-shell button{width:100%;margin-top:14px}.status{font-size:14px;margin:15px 0 0}.notice{background:#F7F4EC;padding:12px;font-size:13px}.prose{max-width:760px}.prose li{margin:15px 0}details{padding:22px 0;border-top:1px solid var(--line)}summary{cursor:pointer;font-weight:600}details p{margin-top:16px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:35px 0}.footer-inner{display:flex;justify-content:space-between;gap:30px;font-size:13px}footer a{margin-left:18px}@media(max-width:760px){.nav{flex-wrap:wrap;padding:20px 0;gap:20px}nav{gap:18px;flex-wrap:wrap}nav .button{display:none}.hero{padding:48px 0}.hero-grid,.split,.grid3{grid-template-columns:1fr;gap:35px}h1{letter-spacing:-2px}.art{max-height:430px;aspect-ratio:1/1}.strip .wrap{flex-wrap:wrap}.section{padding:50px 0}.footer-inner{flex-direction:column}footer a{margin:0 18px 0 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}



/* Brand alignment: RichAI v2.1 Locked, local October 10 package. */

:root{--make:#FF4D2E;--teach:#00B7FF;--advise:#FFD700;--warm:#F7F4EC;--mono:'Geist Mono',monospace;--editorial:'Newsreader',serif}

body{font-size:16px}.wrap{max-width:1440px;padding:0 48px}

h1{font-family:var(--display);font-weight:800;font-size:clamp(48px,6.5vw,88px);line-height:.95;letter-spacing:-.04em}

h1 em{font-family:var(--editorial);font-weight:400;letter-spacing:-.02em}

h2{font-family:var(--display);font-weight:800;font-size:clamp(28px,3.5vw,44px);line-height:1;letter-spacing:-.04em}

h3,.pillar h3,.kit-preview h3{font-family:var(--display);font-weight:800;letter-spacing:-.02em;line-height:1.05}

.eyebrow,.number,.tag,.strip,.art-label,.wordmark .studio{font-family:var(--mono);font-weight:500;letter-spacing:.12em}

.wordmark{display:flex;align-items:baseline;font-family:var(--display);font-weight:800;font-size:34px;line-height:.9;letter-spacing:-.04em;gap:0}

.wordmark .ai{font-family:var(--editorial);font-size:inherit;font-style:italic;font-weight:400;letter-spacing:-.02em;margin-left:.04em}

.wordmark .studio{font-size:10px;font-style:normal;margin-left:12px;letter-spacing:.12em}

.button,button,.featured,.art,.kit-preview,input[type=email]{border-radius:0;box-shadow:none}.button,button{font-weight:500}

.art{background:var(--teach);color:var(--ink);aspect-ratio:1/1;border:1px solid var(--ink);padding:32px;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch}

.art:before,.art:after{display:none}.art-type{font:800 clamp(50px,7vw,96px)/.9 var(--display);letter-spacing:-.05em;overflow-wrap:anywhere}.art-type em{font-family:var(--editorial);font-weight:400}

.art-label{font-size:10px;gap:12px;flex-wrap:wrap}.strip{background:var(--ink);color:var(--paper)}

.kit-preview{background:var(--warm);transform:none;border:1px solid var(--ink)}

.form-shell{background:var(--paper)}.featured{background:var(--teach)}.grid3 .pillar:first-child{border-top:5px solid var(--make)}.grid3 .pillar:last-child{border-top:5px solid var(--advise)}

body[data-pillar=make]{--accent:var(--make)}body[data-pillar=advise]{--accent:var(--advise)}

nav a[aria-current]{border-color:var(--accent)}.dark .small{color:var(--paper)}

@media(prefers-reduced-motion:no-preference){.hero h1{animation:rise 400ms cubic-bezier(.16,1,.3,1) both}.art{animation:wipe 700ms cubic-bezier(.16,1,.3,1) both}@keyframes rise{from{clip-path:inset(100% 0 0);transform:translateY(18px)}to{clip-path:inset(0);transform:translateY(0)}}@keyframes wipe{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}}

@media(max-width:760px){.wrap{padding:0 24px}.wordmark{font-size:30px}.hero-grid{gap:32px}.art{max-height:none}h1{font-size:clamp(42px,10vw,64px)}}



/* Fit pillar typography to its panel, including narrow side-panel previews. */

.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}

.hero-grid>*,.grid3>*{min-width:0}

.art{container-type:inline-size;padding:clamp(16px,2.4vw,32px);gap:24px;overflow:visible}

.art-type{font-size:clamp(24px,5vw,96px);font-size:clamp(20px,12cqi,76px);line-height:1;overflow-wrap:normal;white-space:nowrap}

.art-label{line-height:1.6;letter-spacing:.08em;overflow-wrap:anywhere}

@media(max-width:1000px){.hero-grid{grid-template-columns:minmax(0,1fr)}.art{width:100%;max-width:600px;justify-self:start}.grid3{grid-template-columns:minmax(0,1fr)}nav{gap:18px}.nav{flex-wrap:wrap;padding-top:20px;padding-bottom:20px}}

@media(max-width:760px){.hero-grid{grid-template-columns:minmax(0,1fr)}.art{padding:24px}.split{grid-template-columns:minmax(0,1fr)}}




button:disabled{cursor:not-allowed;opacity:.6}

/* Rounded cinematic direction, explicitly requested by the brand owner. */
:root{--radius-media:20px;--radius-panel:16px}
.button,button{border-radius:100px;padding:8px 18px}.featured,.course,.kit-preview,.form-shell{border-radius:var(--radius-panel)}input[type=email]{border-radius:8px}
.studio-home{background:var(--warm)}.studio-home header{background:var(--ink);color:var(--paper);border-color:#ffffff26}.studio-home header .button{background:var(--paper);color:var(--ink)}
.cinema-hero{background:var(--ink);color:var(--paper);padding:55px 0 70px;overflow:hidden}.cinema-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;min-height:610px}
.cinema-copy{position:relative;z-index:1}.cinema-copy .eyebrow{color:var(--accent);font-size:10px}.cinema-copy h1{font-size:clamp(42px,4.2vw,65px);line-height:1.02;letter-spacing:-.045em;margin-top:28px;margin-bottom:28px}.cinema-copy h1 em{color:var(--paper)}.cinema-copy .intro{color:#d1d1cc;font-size:18px;line-height:1.65}.text-link{font-size:13px;align-self:center;text-decoration:none}.cinema-note{font:10px var(--mono);letter-spacing:.18em;color:#a9aaa6;margin-top:42px}
.cinema-gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;position:relative;padding:20px 0}.cinema-gallery figure{margin:0;position:relative;overflow:hidden;border-radius:var(--radius-media);background:#232323}.cinema-gallery img{display:block;width:100%;height:100%;object-fit:cover}.gallery-wide{grid-column:1/-1;aspect-ratio:16/10}.gallery-detail{aspect-ratio:4/5}.gallery-process{aspect-ratio:4/5;margin-top:0}.cinema-gallery figcaption{position:absolute;bottom:12px;left:12px;max-width:calc(100% - 24px);background:var(--ink);color:var(--paper);border-radius:100px;padding:7px 10px;font:9px var(--mono);letter-spacing:.04em}.gallery-label{grid-column:1/-1;font:9px var(--mono);letter-spacing:.15em;text-transform:uppercase;text-align:right;color:#b9bab5}
.studio-home .strip{background:var(--make);color:var(--ink);border:0;padding:20px 0}.section-heading{display:grid;grid-template-columns:1.6fr 1fr;column-gap:60px;align-items:end;margin-bottom:42px}.section-heading .eyebrow{grid-column:1/-1}.section-heading h2{font-size:clamp(34px,4vw,58px);margin-bottom:0}.section-heading h2 span{font-family:var(--editorial);font-weight:400;font-style:italic}.section-heading>p:last-child{max-width:330px;color:var(--muted);margin-bottom:4px}
.image-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.image-pillar{display:block;text-decoration:none;opacity:1!important}.pillar-photo{position:relative;border-radius:var(--radius-media);overflow:hidden;aspect-ratio:4/5;background:var(--ink)}.pillar-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 500ms cubic-bezier(.16,1,.3,1)}.image-pillar:hover .pillar-photo img{transform:scale(1.035)}.pillar-name{position:absolute;bottom:0;left:0;right:0;background:var(--make);color:var(--ink);padding:18px 22px;display:flex;justify-content:space-between;align-items:center;font:800 clamp(24px,3vw,40px)/1 var(--display);letter-spacing:-.04em}.teach .pillar-name{background:var(--teach)}.advise .pillar-name{background:var(--advise)}.pillar-caption{padding:22px 4px}.pillar-caption h3{font-size:22px;margin-bottom:12px}.pillar-caption p{color:var(--muted);font-size:14px;margin-bottom:0}.studio-home .section.dark{border-radius:0}.studio-home .course{border-color:#ffffff40}
.pillar-hero-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:60px;align-items:center}.pillar-hero-copy{min-width:0}.pillar-hero-image{margin:0;border-radius:var(--radius-media);overflow:hidden;height:490px}.pillar-hero-image img{width:100%;height:100%;object-fit:cover;display:block}.pillar-hero-copy h1{font-size:clamp(42px,5vw,72px)}
@media(prefers-reduced-motion:no-preference){.cinema-copy{animation:rise 700ms cubic-bezier(.16,1,.3,1) both}.cinema-gallery figure{animation:wipe 900ms cubic-bezier(.16,1,.3,1) both}.cinema-gallery .gallery-detail{animation-delay:100ms}.cinema-gallery .gallery-process{animation-delay:200ms}}
@media(min-width:1450px){.cinema-layout{gap:65px}}
@media(max-width:1050px){.cinema-layout{gap:24px}.cinema-copy h1{font-size:clamp(38px,4.7vw,50px)}.cinema-copy .intro{font-size:16px}.cinema-copy .actions{gap:18px}.cinema-gallery{gap:12px}.pillar-hero-layout{gap:30px}.pillar-hero-copy h1{font-size:48px}.image-pillars{gap:16px}}
@media(max-width:700px){.cinema-hero{padding:35px 0 45px}.cinema-layout{grid-template-columns:minmax(0,1fr);gap:30px;min-height:0}.cinema-copy h1{font-size:clamp(36px,7.5vw,54px)}.cinema-copy .eyebrow{font-size:9px}.cinema-note{margin-top:25px}.cinema-gallery{padding:0}.gallery-wide{aspect-ratio:16/9}.gallery-detail,.gallery-process{aspect-ratio:1/1}.gallery-process{margin-top:0}.section-heading{grid-template-columns:1fr;gap:20px}.section-heading>p:last-child{max-width:none}.image-pillars{grid-template-columns:minmax(0,1fr);gap:26px}.pillar-photo{aspect-ratio:5/4}.pillar-name{font-size:38px}.pillar-caption{padding:18px 0}.pillar-hero-layout{grid-template-columns:minmax(0,1fr)}.pillar-hero-image{height:360px}.pillar-hero-copy h1{font-size:clamp(40px,8vw,56px)}.cinema-gallery figcaption{font-size:8px;left:9px;bottom:9px;padding:6px 8px}}
@media(prefers-reduced-motion:reduce){.pillar-photo img{transition:none}}

/* The supplied image series: preserve focal points and let each scene breathe. */
.gallery-wide img{object-position:60% 50%}.gallery-detail img{object-position:center 44%}.gallery-process img{object-position:center 45%}
.image-pillar.make .pillar-photo img{object-position:40% center}.image-pillar.advise .pillar-photo img{object-position:center 38%}
.experiment-section{background:#050505;color:#fff}.experiment-section .section-heading>p:last-child{color:#c6c6c0}.experiment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:32px;align-items:start}.experiment{margin:0;min-width:0}.experiment img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius-media)}.experiment.storm,.experiment.control{padding-top:0}.experiment figcaption{display:flex;justify-content:space-between;gap:16px;font:10px/1.6 var(--mono);padding:14px 2px;color:#ddd}.experiment figcaption span:last-child{color:#aaa;font-size:9px;white-space:nowrap}.experiment-section .button.outline{color:#fff;border-color:#fff}.make-experiments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}.make-experiments figure{margin:0}.make-experiments img{width:100%;height:340px;object-fit:cover;display:block;border-radius:var(--radius-media)}.make-experiments figcaption{font:11px/1.5 var(--mono);padding:12px 0}.course-image-card{padding:24px}.course-image-card figure{margin:0 0 18px}.course-image-card img{width:100%;height:auto;display:block;border-radius:12px}.course-image-card .small{font-size:11px}
@media(max-width:1000px){.make-experiments{grid-template-columns:repeat(2,minmax(0,1fr))}.make-experiments img{height:360px}}
@media(max-width:700px){.experiment-grid{grid-template-columns:minmax(0,1fr);gap:24px}.experiment.storm,.experiment.control{padding-top:0}.experiment figcaption{font-size:9px}.make-experiments{grid-template-columns:minmax(0,1fr)}.make-experiments img{height:auto;max-height:620px}.image-pillar.make .pillar-photo img{object-position:center}.course-image-card{padding:20px}}

/* Keep hero rows aligned; round media, not full-width section boundaries. */
.cinema-gallery{align-items:stretch;grid-template-columns:repeat(2,minmax(0,1fr))}.cinema-gallery figure{min-width:0}.gallery-detail,.gallery-process{align-self:stretch;margin:0;aspect-ratio:4/5}.gallery-label{align-self:start}
@media(max-width:700px){.gallery-detail,.gallery-process{aspect-ratio:1/1}}

/* Shared CTA dimensions for navigation, content, and forms. */
.button,button,header .button{padding:8px 18px;font-family:var(--body);font-size:14px;font-weight:500;line-height:18px;min-height:36px;vertical-align:middle;text-align:center}

/* Requested brand accents on signature editorial phrases. */
.accent-make{color:var(--make)}.accent-teach,.cinema-copy h1 em.accent-teach{color:var(--teach)}

/* Approved creative-attitude ticker: 75-second continuous loop. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.brand-ticker{position:relative;overflow:hidden;background:var(--make);color:var(--ink);padding:23px 0}
.brand-ticker-track{display:flex;width:max-content;animation:brand-ticker-travel 75s linear infinite}
.brand-ticker-group{display:flex;align-items:center;gap:38px;padding-right:38px;flex-shrink:0;white-space:nowrap;font:800 clamp(19px,2.1vw,28px)/1.15 var(--display);letter-spacing:-.025em}
.ticker-separator{font:500 18px var(--mono)}
.brand-ticker:hover .brand-ticker-track,.brand-ticker:focus-within .brand-ticker-track,.brand-ticker.is-paused .brand-ticker-track{animation-play-state:paused}
button.ticker-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:0;min-height:30px;width:30px;height:30px;border:1px solid var(--ink);border-radius:50%;background:var(--make);color:var(--ink);font:500 12px/1 var(--body);cursor:pointer}
.ticker-toggle:focus-visible{outline-color:var(--ink)}
@keyframes brand-ticker-travel{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.brand-ticker-track{animation:none}.brand-ticker{overflow-x:auto}.ticker-toggle{display:none}}

/* Teach: free resource first, guided course second. */
.teach-hub section[id]{scroll-margin-top:32px}.teach-resource-section{background:var(--warm);border-top:1px solid #05050512;border-bottom:1px solid #05050512}.teach-offer{align-items:center}.resource-benefits{list-style:none;padding:0;margin:22px 0}.resource-benefits li{border-top:1px solid #05050522;padding:14px 0;font-size:15px}.resource-benefits li::before{content:'→';color:var(--teach);font-family:var(--mono);margin-right:12px}.resource-preview{min-width:0}.resource-preview>.small{margin:16px 0 0;text-align:center;font-size:11px}.resource-cover{border-radius:20px;overflow:hidden;background:var(--ink);color:var(--paper);padding:28px}.resource-cover .eyebrow{font-size:10px;color:var(--teach)}.resource-cover h3{font-size:clamp(28px,3vw,44px);margin:26px 0}.resource-cover img{display:block;width:100%;height:auto;border-radius:12px}.resource-cover-bottom{display:flex;justify-content:space-between;gap:16px;margin-top:22px;font:10px/1.5 var(--mono)}.resource-cover-bottom span:last-child{color:var(--teach)}.teach-course-card{border:1px solid #05050522;border-radius:20px;overflow:hidden;background:var(--paper)}.teach-course-card>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.teach-course-content{padding:28px}.teach-course-content h3{font-size:28px}.teach-course-content .tag{margin-bottom:18px}.teach-approach-lead{font-size:20px}.teach-hub .dark h2{color:var(--teach)}
@media(max-width:760px){.teach-offer{gap:32px}.resource-cover,.teach-course-content{padding:24px}.resource-cover-bottom{font-size:9px}.teach-course-content h3{font-size:25px}}