@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');

:root { --ink:#121210; --paper:#e8e4da; --muted:#aaa69e; --line:rgba(232,228,218,.23); --serif:'Playfair Display', Georgia, serif; --sans:'DM Sans', Arial, sans-serif; --mono:'DM Mono', monospace; --hero-progress:0; --scroll-glow:0; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; background:var(--ink); }
body { margin:0; background:var(--ink); color:var(--paper); font-family:var(--sans); overflow-x:hidden; }
.hidden-field { display:none; }
body::selection { background:var(--paper); color:var(--ink); }
.grain { position:fixed; inset:0; opacity:.12; pointer-events:none; z-index:10; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E"); }
.site-header { position:absolute; top:0; left:0; width:100%; padding:29px 3.4vw; z-index:2; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; font-family:var(--mono); font-size:10px; letter-spacing:.06em; transition:filter .5s ease; filter:drop-shadow(0 0 calc(var(--scroll-glow) * 10px) rgba(232,228,218,.12)); }
a { color:inherit; text-decoration:none; }
.wordmark { font-size:15px; font-weight:600; letter-spacing:.11em; width:max-content; }.wordmark span { font-size:7px; vertical-align:top; margin-left:2px; }.header-cta { justify-self:end; color:var(--paper); text-shadow:0 0 12px rgba(232,228,218,.45); transition:opacity .25s,text-shadow .25s; }.header-cta:hover { opacity:.7; text-shadow:0 0 17px rgba(255,253,247,.85); }.header-cta i { font-style:normal; margin-left:5px; }
.primary-nav { display:flex; align-items:center; gap:20px; }.primary-nav a { padding:7px 0 6px; color:var(--paper); text-shadow:0 0 12px rgba(232,228,218,.5); transition:color .25s, text-shadow .25s; }.primary-nav a:hover { color:#fffdf7; text-shadow:0 0 18px rgba(255,253,247,.9); }
.section { padding-left:3.4vw; padding-right:3.4vw; }
.hero { min-height:100svh; display:flex; flex-direction:column; justify-content:space-between; padding-top:88px; padding-bottom:27px; position:relative; }
.hero-top, .hero-bottom, footer { display:flex; justify-content:space-between; align-items:flex-end; }
.hero-top p, .eyebrow, .service-index, .scroll-cue, footer { margin:0; font-family:var(--mono); font-size:10px; line-height:1.4; letter-spacing:.06em; }
.hero-content { margin:auto 0 1vh; transform:translate3d(0,calc(var(--hero-progress) * -8vh),0); opacity:calc(1 - var(--hero-progress) * .78); will-change:transform,opacity; }.eyebrow { color:var(--muted); margin-bottom:18px; }
.hero-title { font-family:var(--sans); font-size:clamp(5.5rem, 18.4vw, 22rem); letter-spacing:-.065em; font-weight:500; line-height:.73; margin:0 0 clamp(4.5rem, 14vh, 11rem) -.055em; white-space:nowrap; }
.reveal-word { display:inline-block; opacity:0; transform:translateY(65%); animation:rise .8s cubic-bezier(.16,1,.3,1) forwards; }.star-o { width:.7em; height:.78em; margin:0 .02em -.02em .085em; vertical-align:-.04em; }.star-o svg { width:100%; height:100%; display:block; fill:#fffdf7; filter:drop-shadow(0 0 10px rgba(255,253,247,.65)) drop-shadow(0 0 26px rgba(255,253,247,.22)); }.final-t { margin-left:.065em; }.reveal-word:nth-child(1){animation-delay:.15s}.reveal-word:nth-child(2){animation-delay:.21s}.reveal-word:nth-child(3){animation-delay:.27s}.reveal-word:nth-child(4){animation-delay:.33s}.reveal-word:nth-child(5){animation-delay:.39s}.reveal-word:nth-child(6){animation-delay:.45s}
.hero-bottom p { font-size:clamp(18px,2.1vw,31px); font-weight:500; line-height:1.05; letter-spacing:-.045em; margin:0; }
.scroll-cue { color:var(--muted); display:flex; gap:10px; align-items:center; width:max-content; opacity:calc(1 - var(--hero-progress) * 1.5); transform:translate3d(0,calc(var(--hero-progress) * 18px),0); will-change:opacity,transform; }.scroll-cue i { display:block; width:42px; height:1px; background:var(--muted); position:relative; }.scroll-cue i::after { content:''; position:absolute; right:0; top:-2px; width:5px; height:5px; border-right:1px solid var(--muted); border-bottom:1px solid var(--muted); transform:rotate(-45deg); }
.services { border-top:1px solid var(--line); padding-top:16px; padding-bottom:4vw; min-height:100svh; }.section-intro { min-height:40vh; display:flex; flex-direction:column; justify-content:space-between; }.section-intro h2,.approach-heading h2,.closing h2 { font-weight:400; letter-spacing:-.065em; line-height:.88; font-size:clamp(3.2rem,8.8vw,11rem); margin:0; }.section-intro .ambitious { letter-spacing:-.035em; }.section-intro em,.approach-heading em,.closing em { font-family:var(--serif); font-weight:500; }.service-list { border-top:1px solid var(--line); }.service { min-height:145px; padding:20px 0; display:grid; grid-template-columns:8% 42% 50%; border-bottom:1px solid var(--line); align-items:start; position:relative; transition:padding .35s ease; }.service:hover { padding-left:1.3vw; padding-right:1.3vw; }.service h3 { font-size:clamp(20px,2.6vw,38px); letter-spacing:-.055em; font-weight:500; margin:0; }.service p { font-size:14px; color:var(--muted); max-width:285px; line-height:1.4; margin:4px 0 0; }
.approach { padding-top:16px; border-top:1px solid var(--line); }.approach-heading { min-height:35vh; display:flex; flex-direction:column; justify-content:space-between; }.steps { list-style:none; padding:0; margin:0; border-top:1px solid var(--line); }.steps li { min-height:74px; border-bottom:1px solid var(--line); display:grid; grid-template-columns:8% 92%; align-items:center; transition:background .3s,padding .3s; }.steps li:hover { background:rgba(232,228,218,.06); padding-left:1.2vw; }.steps span { font-family:var(--mono); font-size:10px; color:var(--muted); }.steps strong { font-size:clamp(24px,4.3vw,66px); letter-spacing:-.06em; font-weight:500; }
.closing { padding:20vh 0 12vh; max-width:1100px; }.closing h2 { margin:0 0 54px; }.project-link { font-family:var(--mono); font-size:12px; letter-spacing:.04em; border-bottom:1px solid var(--paper); padding-bottom:7px; transition:opacity .25s; }.project-link:hover { opacity:.55; }.project-link span { margin-left:22px; font-size:16px; }
footer { border-top:1px solid var(--line); padding:20px 3.4vw 24px; color:var(--muted); } footer p { margin:0; } footer a:hover { color:var(--paper); }.footer-brand { display:flex; flex-direction:column; align-items:flex-start; gap:7px; }.footer-links { display:flex; align-items:center; gap:13px; }.footer-about { font-size:9px; color:var(--paper); padding-bottom:2px; border-bottom:1px solid rgba(232,228,218,.45); }
.creator-hero { min-height:100svh; padding-top:88px; padding-bottom:27px; display:flex; flex-direction:column; justify-content:space-between; }.creator-meta { display:flex; justify-content:space-between; font-family:var(--mono); font-size:10px; letter-spacing:.06em; }.creator-meta p { margin:0; }.creator-hero-copy { margin:auto 0 1vh; }.creator-title { font-family:var(--sans); font-size:clamp(4.7rem,15.5vw,19rem); letter-spacing:-.08em; font-weight:500; line-height:.73; margin:0 0 clamp(4.5rem,14vh,11rem) -.05em; white-space:nowrap; }.creator-lead { font-size:clamp(18px,2.1vw,31px); font-weight:500; line-height:1.05; letter-spacing:-.045em; margin:0; }.creator-apply { display:flex; align-items:center; justify-content:space-between; gap:40px; width:max-content; margin-top:30px; padding:14px 17px 13px; background:var(--paper); color:var(--ink); font:500 11px var(--mono); letter-spacing:.05em; transition:background .25s,color .25s,box-shadow .25s,transform .25s; }.creator-apply span { font-size:16px; line-height:.8; }.creator-apply:hover { background:#fffdf7; box-shadow:0 0 24px rgba(255,253,247,.35); transform:translateY(-3px); }.creator-apply:focus-visible { outline:1px solid var(--paper); outline-offset:4px; }.creator-scroll { opacity:1; transform:none; }.network { border-top:1px solid var(--line); padding-top:16px; padding-bottom:4vw; min-height:100svh; }.network-intro { min-height:40vh; display:flex; flex-direction:column; justify-content:space-between; }.network-intro h2,.creator-closing h2 { font-weight:400; letter-spacing:-.065em; line-height:.88; font-size:clamp(3.2rem,8.8vw,11rem); margin:0; }.network-intro em,.statement-copy em,.creator-closing em { font-family:var(--serif); font-weight:500; }.discipline-list { border-top:1px solid var(--line); }.discipline { min-height:145px; padding:20px 0; display:grid; grid-template-columns:8% 42% 50%; border-bottom:1px solid var(--line); align-items:start; transition:padding .35s ease; }.discipline:hover { padding-left:1.3vw; padding-right:1.3vw; }.discipline > span { font-family:var(--mono); font-size:10px; color:var(--muted); }.discipline h3 { font-size:clamp(20px,2.6vw,38px); letter-spacing:-.055em; font-weight:500; margin:0; }.discipline p { font-size:14px; color:var(--muted); max-width:285px; line-height:1.4; margin:4px 0 0; }.creator-statement { border-top:1px solid var(--line); padding-top:16px; }.statement-grid { min-height:55vh; display:grid; grid-template-columns:30% 70%; align-items:end; padding-bottom:8vh; }.statement-copy { font-size:clamp(2rem,4.4vw,5.8rem); line-height:.95; letter-spacing:-.055em; margin:0; }.creator-closing { padding:13vh 0 12vh; max-width:1100px; }.creator-closing h2 { margin:0 0 54px; }
.about-hero { min-height:100svh; padding-top:88px; padding-bottom:27px; display:flex; flex-direction:column; justify-content:space-between; }.about-meta { display:flex; justify-content:space-between; font-family:var(--mono); font-size:10px; letter-spacing:.06em; }.about-meta p { margin:0; }.about-hero-copy { margin:auto 0 1vh; }.about-title { font-family:var(--sans); font-size:clamp(5.2rem,18.4vw,22rem); letter-spacing:-.09em; font-weight:500; line-height:.73; margin:0 0 clamp(4.5rem,14vh,11rem) -.055em; white-space:nowrap; }.about-lead { font-size:clamp(17px,1.9vw,28px); font-weight:500; line-height:1.08; letter-spacing:-.045em; margin:0; }.standard { border-top:1px solid var(--line); padding-top:16px; padding-bottom:4vw; min-height:100svh; }.standard-intro { min-height:40vh; display:flex; flex-direction:column; justify-content:space-between; }.standard-intro h2,.about-cta h2 { font-weight:400; letter-spacing:-.065em; line-height:.88; font-size:clamp(3.2rem,8.8vw,11rem); margin:0; }.standard-intro em,.about-statement em,.about-cta em { font-family:var(--serif); font-weight:500; }.standard-list { border-top:1px solid var(--line); }.standard-item { min-height:145px; padding:20px 0; display:grid; grid-template-columns:8% 42% 50%; border-bottom:1px solid var(--line); align-items:start; transition:padding .35s ease; }.standard-item:hover { padding-left:1.3vw; padding-right:1.3vw; }.standard-item > span { font-family:var(--mono); font-size:10px; color:var(--muted); }.standard-item h3 { font-size:clamp(20px,2.6vw,38px); letter-spacing:-.055em; font-weight:500; margin:0; }.standard-item p { font-size:14px; color:var(--muted); max-width:285px; line-height:1.4; margin:4px 0 0; }.about-closing { border-top:1px solid var(--line); padding-top:16px; }.about-statement { min-height:48vh; display:flex; flex-direction:column; justify-content:space-between; padding-bottom:8vh; }.about-statement > p:last-child { font-size:clamp(2.2rem,5.4vw,7rem); line-height:.93; letter-spacing:-.06em; margin:0; }.about-cta { padding:13vh 0 12vh; max-width:1100px; }.about-cta h2 { margin:0 0 54px; }
.project-main { padding-top:88px; }.project-intro { min-height:78svh; display:flex; flex-direction:column; justify-content:space-between; padding-bottom:10vh; }.project-meta { display:flex; justify-content:space-between; font-family:var(--mono); font-size:10px; letter-spacing:.06em; }.project-meta p { margin:0; }.project-intro-copy { margin:auto 0 0; }.project-title { font-size:clamp(4.4rem,12.4vw,15.5rem); line-height:.76; letter-spacing:-.085em; font-weight:400; margin:0 0 clamp(3.5rem,10vh,8rem) -.05em; }.project-title .project-word { letter-spacing:-.07em; }.project-lead { font-size:clamp(17px,1.9vw,28px); font-weight:500; line-height:1.08; letter-spacing:-.045em; margin:0; }.project-form { border-top:1px solid var(--line); }.form-note { margin:0; padding:17px 0 46px; font-family:var(--mono); font-size:10px; color:var(--muted); letter-spacing:.03em; }.form-step { border:0; border-top:1px solid var(--line); padding:24px 0 28px; margin:0; min-inline-size:0; }.form-step legend { float:left; width:30%; padding:0; font-family:var(--mono); font-size:10px; letter-spacing:.06em; color:var(--paper); }.form-step legend span { color:var(--muted); margin-right:18px; }.choice-grid,.form-fields { margin-left:30%; display:grid; gap:8px; }.choice-grid--two { grid-template-columns:repeat(2,1fr); }.choice-grid--three { grid-template-columns:repeat(3,1fr); }.choice-grid--four { grid-template-columns:repeat(4,1fr); }.choice { position:relative; min-height:72px; cursor:pointer; }.choice input { position:absolute; opacity:0; inset:0; cursor:pointer; }.choice span { border:1px solid var(--line); display:flex; align-items:flex-end; height:100%; padding:11px; font-family:var(--mono); font-size:10px; letter-spacing:.03em; color:var(--muted); transition:background .25s,color .25s,border-color .25s; }.choice input:checked + span { background:var(--paper); color:var(--ink); border-color:var(--paper); }.choice input:focus-visible + span { outline:1px solid var(--paper); outline-offset:3px; }.form-fields { grid-template-columns:repeat(2,1fr); row-gap:24px; }.form-fields label { display:flex; flex-direction:column; gap:9px; }.form-fields label > span { font-family:var(--mono); font-size:10px; color:var(--muted); letter-spacing:.04em; }.form-fields input,.form-fields textarea { width:100%; border:0; border-bottom:1px solid var(--line); padding:0 0 10px; outline:0; border-radius:0; background:transparent; color:var(--paper); font:500 18px var(--sans); resize:vertical; }.form-fields input:focus,.form-fields textarea:focus { border-color:var(--paper); }.form-fields textarea { min-height:105px; font-size:16px; line-height:1.4; }.form-fields textarea::placeholder { color:var(--muted); }.field-full { grid-column:1 / -1; }.form-submit { border-top:1px solid var(--line); padding:25px 0 12vh; display:flex; justify-content:space-between; align-items:flex-start; }.form-submit p { margin:0; font-family:var(--mono); font-size:10px; line-height:1.5; letter-spacing:.04em; color:var(--muted); }.form-submit p a { color:var(--paper); }.form-submit button { border:0; border-bottom:1px solid var(--paper); padding:0 0 7px; border-radius:0; background:transparent; color:var(--paper); font:12px var(--mono); letter-spacing:.04em; cursor:pointer; }.form-submit button:hover { opacity:.6; }.form-submit button:disabled { opacity:.45; cursor:wait; }.form-submit button span { margin-left:22px; font-size:16px; }.project-success,.contact-success { display:none; padding:8vh 0 13vh; animation:successRise .65s cubic-bezier(.16,1,.3,1) both; }.project-success h2,.contact-success h2 { margin:0 0 36px; font-size:clamp(3.2rem,8.8vw,11rem); font-weight:400; line-height:.88; letter-spacing:-.065em; }.project-success h2 em,.contact-success h2 em { font-family:var(--serif); font-weight:500; }.project-success > p:not(.eyebrow),.contact-success > p:not(.eyebrow) { max-width:540px; margin:0; font-size:clamp(16px,1.65vw,24px); line-height:1.14; letter-spacing:-.035em; }.project-form.is-submitted > :not(.project-success),.contact-form.is-submitted > :not(.contact-success) { display:none; }.project-form.is-submitted .project-success,.contact-form.is-submitted .contact-success { display:block; }
.contact-main { padding-top:88px; }.contact-intro { min-height:78svh; padding-bottom:10vh; display:flex; flex-direction:column; justify-content:space-between; }.contact-meta { display:flex; justify-content:space-between; font-family:var(--mono); font-size:10px; letter-spacing:.06em; }.contact-meta p { margin:0; }.contact-intro-copy { margin:auto 0 0; }.contact-title { font-size:clamp(5.2rem,17vw,21rem); font-weight:400; line-height:.76; letter-spacing:-.085em; margin:0 0 clamp(3.5rem,10vh,8rem) -.05em; }.contact-title em { font-family:var(--serif); font-weight:500; }.contact-lead { font-size:clamp(17px,1.9vw,28px); font-weight:500; line-height:1.08; letter-spacing:-.045em; margin:0; }.contact-email { margin-top:40px; width:max-content; border-bottom:1px solid var(--paper); padding-bottom:6px; font:12px var(--mono); letter-spacing:.04em; }.contact-email span { margin-left:22px; font-size:16px; }.contact-form { border-top:1px solid var(--line); }.contact-fields { margin-left:30%; display:grid; grid-template-columns:repeat(2,1fr); gap:24px; padding:24px 0 30px; }.contact-fields label { display:flex; flex-direction:column; gap:9px; }.contact-fields label > span { font-family:var(--mono); font-size:10px; color:var(--muted); letter-spacing:.04em; }.contact-fields input,.contact-fields textarea { width:100%; border:0; border-bottom:1px solid var(--line); padding:0 0 10px; outline:0; border-radius:0; background:transparent; color:var(--paper); font:500 18px var(--sans); resize:vertical; }.contact-fields input:focus,.contact-fields textarea:focus { border-color:var(--paper); }.contact-fields textarea { min-height:130px; font-size:16px; line-height:1.4; }.contact-fields textarea::placeholder { color:var(--muted); }
.careers-main { padding-top:88px; }.careers-intro { min-height:78svh; padding-bottom:10vh; display:flex; flex-direction:column; justify-content:space-between; }.careers-meta { display:flex; justify-content:space-between; font-family:var(--mono); font-size:10px; letter-spacing:.06em; }.careers-meta p { margin:0; }.careers-intro-copy { margin:auto 0 0; }.careers-title { font-size:clamp(4.8rem,15.8vw,20rem); font-weight:400; line-height:.76; letter-spacing:-.085em; margin:0 0 clamp(3.5rem,10vh,8rem) -.05em; }.careers-title em { font-family:var(--serif); font-weight:500; }.careers-lead { font-size:clamp(17px,1.9vw,28px); font-weight:500; line-height:1.08; letter-spacing:-.045em; margin:0; }.careers-form { border-top:1px solid var(--line); }.career-form-content { max-height:3000px; overflow:hidden; opacity:1; transform:translateY(0); transition:max-height .75s cubic-bezier(.16,1,.3,1),opacity .38s ease,transform .5s cubic-bezier(.16,1,.3,1); }.career-error-summary { display:none; margin:0 0 0 30%; color:#f2a39a; font:10px var(--mono); letter-spacing:.05em; }.career-error-summary.is-visible { display:block; }.career-fields { margin-left:30%; display:grid; grid-template-columns:repeat(2,1fr); gap:24px; padding:24px 0 30px; }.career-fields label { display:flex; flex-direction:column; gap:9px; }.career-fields label > span { font-family:var(--mono); font-size:10px; color:var(--muted); letter-spacing:.04em; }.career-fields label > .field-error { color:#f2a39a; font-size:9px; line-height:1.15; }.career-fields input,.career-fields textarea,.career-fields select { width:100%; border:0; border-bottom:1px solid var(--line); padding:0 0 10px; outline:0; border-radius:0; background:transparent; color:var(--paper); font:500 18px var(--sans); resize:vertical; scroll-margin-top:120px; }.career-fields input:focus,.career-fields textarea:focus,.career-fields select:focus { border-color:var(--paper); }.career-fields label.is-invalid input,.career-fields label.is-invalid textarea,.career-fields label.is-invalid select { border-color:#f2a39a; box-shadow:0 1px 0 rgba(242,163,154,.38); }.career-fields textarea { min-height:130px; font-size:16px; line-height:1.4; }.career-fields textarea::placeholder { color:var(--muted); }.career-fields select { appearance:none; padding-right:24px; color-scheme:dark; background-image:linear-gradient(45deg,transparent 50%,var(--paper) 50%),linear-gradient(135deg,var(--paper) 50%,transparent 50%); background-position:calc(100% - 9px) 8px,calc(100% - 4px) 8px; background-size:5px 5px,5px 5px; background-repeat:no-repeat; cursor:pointer; }.career-fields select:invalid { color:var(--muted); }.career-fields option { background:var(--ink); color:var(--paper); }.application-success { max-height:0; overflow:hidden; opacity:0; transform:translateY(22px); padding:0; transition:max-height .75s cubic-bezier(.16,1,.3,1),opacity .55s ease .24s,transform .55s cubic-bezier(.16,1,.3,1) .24s,padding .75s cubic-bezier(.16,1,.3,1); }.application-success h2 { margin:0 0 36px; font-size:clamp(3.2rem,8.8vw,11rem); font-weight:400; line-height:.88; letter-spacing:-.065em; }.application-success h2 em { font-family:var(--serif); font-weight:500; }.application-success > p:not(.eyebrow) { max-width:540px; margin:0 0 44px; font-size:clamp(16px,1.65vw,24px); line-height:1.14; letter-spacing:-.035em; }.careers-form.is-submitted .career-form-content { max-height:0; opacity:0; transform:translateY(-22px); pointer-events:none; }.careers-form.is-submitted .application-success { max-height:900px; opacity:1; transform:none; padding:8vh 0 13vh; }
.reveal { opacity:0; transform:translateY(22px); transition:opacity .75s cubic-bezier(.16,1,.3,1) var(--delay,0ms), transform .75s cubic-bezier(.16,1,.3,1) var(--delay,0ms); }.reveal.is-visible { opacity:1; transform:none; }
.project-error-summary { display:none; margin:-25px 0 25px 30%; color:#f2a39a; font:10px var(--mono); letter-spacing:.05em; }.project-error-summary.is-visible { display:block; }.form-step.is-invalid { border-top-color:#f2a39a; }.form-step.is-invalid legend { color:#f2a39a; }.form-step.is-invalid .choice-grid { border-bottom:1px solid #f2a39a; padding-bottom:12px; }.form-field-error { clear:both; margin:11px 0 0 30%; color:#f2a39a; font:9px/1.15 var(--mono); letter-spacing:.04em; }.form-fields label > .field-error { color:#f2a39a; font:9px/1.15 var(--mono); letter-spacing:.04em; }.form-fields label.is-invalid input,.form-fields label.is-invalid textarea,.form-fields label.is-invalid select { border-color:#f2a39a; box-shadow:0 1px 0 rgba(242,163,154,.38); }
.success-home-link { display:inline-flex; align-items:center; justify-content:space-between; gap:40px; margin-top:34px; padding:14px 17px 13px; background:var(--paper); color:var(--ink); font:500 11px var(--mono); letter-spacing:.05em; transition:background .25s,color .25s,box-shadow .25s,transform .25s; }.success-home-link span { font-size:16px; line-height:.8; }.success-home-link:hover { background:#fffdf7; box-shadow:0 0 24px rgba(255,253,247,.35); transform:translateY(-3px); }.success-home-link:focus-visible { outline:1px solid var(--paper); outline-offset:4px; }
@keyframes successRise { from { opacity:0; transform:translateY(24px); } to { opacity:1; transform:none; } }
@keyframes rise { to { opacity:1; transform:none; } }
@media (max-width:650px) { .site-header,.section { padding-left:20px; padding-right:20px; }.site-header { padding-top:22px; grid-template-columns:1fr auto; }.primary-nav { grid-column:1 / -1; grid-row:2; justify-self:center; margin-top:16px; gap:17px; }.primary-nav a { font-size:8px; padding:6px 0 5px; }.hero { padding-top:110px; padding-bottom:21px; }.hero-top p:last-child { display:none; }.hero-title { font-size:20vw; margin-bottom:20vh; }.hero-bottom p { font-size:17px; }.section-intro { min-height:34vh; }.service { min-height:175px; grid-template-columns:15% 85%; grid-template-rows:auto 1fr; }.service h3 { font-size:25px; }.service p { grid-column:2; margin-top:15px; font-size:13px; }.steps li { grid-template-columns:16% 84%; }.steps strong { font-size:8.4vw; }.closing { padding-top:18vh; }.closing h2 { font-size:13vw; }.approach-heading { min-height:27vh; }.creator-hero { padding-top:110px; padding-bottom:21px; }.creator-meta p:last-child,.about-meta p:last-child,.project-meta p:last-child,.contact-meta p:last-child,.careers-meta p:last-child { display:none; }.creator-title { font-size:18.5vw; margin-bottom:20vh; }.creator-lead { font-size:17px; }.network-intro { min-height:34vh; }.discipline { min-height:175px; grid-template-columns:15% 85%; grid-template-rows:auto 1fr; }.discipline p { grid-column:2; margin-top:15px; font-size:13px; }.statement-grid { min-height:45vh; grid-template-columns:1fr; align-content:space-between; padding-bottom:8vh; }.statement-copy { font-size:8.8vw; }.creator-closing { padding-top:18vh; }.creator-closing h2 { font-size:13vw; }.about-hero { padding-top:110px; padding-bottom:21px; }.about-title { font-size:20vw; margin-bottom:20vh; }.about-lead { font-size:16px; }.standard-intro { min-height:34vh; }.standard-item { min-height:175px; grid-template-columns:15% 85%; grid-template-rows:auto 1fr; }.standard-item p { grid-column:2; margin-top:15px; font-size:13px; }.about-statement { min-height:42vh; }.about-cta { padding-top:18vh; }.about-cta h2 { font-size:13vw; }.project-main { padding-top:110px; }.project-intro { min-height:68svh; padding-bottom:8vh; }.project-title { font-size:18vw; margin-bottom:15vh; }.project-lead { font-size:16px; }.form-note { padding-bottom:28px; }.form-step { padding:20px 0 25px; }.form-step legend { float:none; width:auto; margin-bottom:18px; }.choice-grid,.form-fields { margin-left:0; }.choice-grid--two,.choice-grid--three,.choice-grid--four { grid-template-columns:repeat(2,1fr); }.choice { min-height:64px; }.choice span { font-size:9px; padding:9px; }.form-fields { grid-template-columns:1fr; gap:21px; }.field-full { grid-column:auto; }.form-submit { flex-direction:column; gap:30px; padding-bottom:10vh; }.form-submit button { font-size:11px; }.contact-main { padding-top:110px; }.contact-intro { min-height:68svh; padding-bottom:8vh; }.contact-title { font-size:20vw; margin-bottom:15vh; }.contact-lead { font-size:16px; }.contact-fields,.career-fields { margin-left:0; grid-template-columns:1fr; gap:21px; }.career-error-summary { margin-left:0; }.contact-email { font-size:11px; }.careers-main { padding-top:110px; }.careers-intro { min-height:68svh; padding-bottom:8vh; }.careers-title { font-size:18vw; margin-bottom:15vh; }.careers-lead { font-size:16px; }.career-fields select { font-size:16px; } footer { padding-left:20px; padding-right:20px; font-size:8px; } footer a:nth-child(2) { display:none; } }
@media (max-width:650px) { .project-error-summary,.form-field-error { margin-left:0; } }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; animation-duration:.01ms!important; } .hero-content,.scroll-cue,.reveal,.reveal-word { opacity:1; transform:none; } }