:root{--font:"Archivo",Arial,sans-serif;--paper:#fff;--ink:#20221e;--accent:#dcfa75}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#fff;color:var(--ink);font:16px var(--font)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:#f1f0e9}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:0;box-shadow:0 0 0 4px #ffbe4d}[hidden]{display:none!important}h1,h2,h3,h4{font-family:var(--font);letter-spacing:-.05em;margin:0;font-weight:400}p{line-height:1.7}header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;background:#fffc;backdrop-filter:blur(12px);padding:24px 5%;gap:20px}.brand{font-weight:400;letter-spacing:-.04em}nav{display:flex;gap:30px;font-size:12px}section{padding:70px 5%}.work,.outside,.about,.other-work{max-width:1600px;margin:auto}.section-heading{margin-bottom:45px}.section-heading h2{font-size:clamp(36px,4.5vw,68px)}.tag{font-size:11px;letter-spacing:1.2px;font-weight:400}
.hero.splash{height:100svh;min-height:540px;padding:0;position:relative;overflow:hidden;background:#ece4d7;display:grid;place-items:center}.splash-photo{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:58% center}.splash:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0002,#0004 50%,#0002);pointer-events:none}.splash-content{position:relative;z-index:1;text-align:center;width:100%;padding:0 4vw;color:white;text-shadow:0 2px 28px #0005}.splash h1{font-size:clamp(48px,8.1vw,140px);line-height:.98;font-weight:400;letter-spacing:-.06em}.splash-subtitle{font-family:var(--font);font-size:clamp(23px,3vw,46px);line-height:1.2;letter-spacing:-.035em;margin:30px 0 0;font-weight:400}.scroll-cue{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:2;color:#fff;font-size:38px;padding:8px 20px}
.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 35px}.project-cover{padding:0;width:100%;display:block;position:relative;overflow:hidden;aspect-ratio:4/3;background:#f3f3f0}.project-cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.project-cover:hover img{transform:scale(1.035)}.cover-arrow{position:absolute;right:15px;bottom:15px;background:#fff;width:38px;height:38px;display:grid;place-items:center;font-size:22px}.project-card-caption{padding-top:20px}.project-card-caption h3{font-size:clamp(24px,2.5vw,37px)}.project-card-caption p{font-size:14px;max-width:510px;color:#73766d;margin:14px 0 0}.other-strip{padding:0 5%;max-width:1600px;margin:10px auto 50px}.other-strip button{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:25px;padding:34px 38px;background:var(--accent);font:400 clamp(22px,2.8vw,40px)/1.1 var(--font);letter-spacing:-.04em}.strip-arrow{width:48px;height:48px;flex-shrink:0;display:block}.strip-arrow-minus{display:none}#other-toggle[aria-expanded="true"] .strip-arrow-diagonal{display:none}#other-toggle[aria-expanded="true"] .strip-arrow-minus{display:block}.other-work{padding-top:10px;padding-bottom:60px}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.video-grid video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#111}.video-grid h3{font-size:29px;margin-top:18px}.video-grid p{font-size:14px;color:#73766d}
.social-strip{padding:0 0 70px;overflow:hidden}.social-toolbar{display:flex;align-items:center;justify-content:space-between;margin:0 auto 22px;padding:0 5%;max-width:1600px;gap:20px}.social-toolbar h2{font:400 12px var(--font);letter-spacing:.1em}.social-toolbar button{width:40px;height:40px;font-size:18px}.social-window{overflow:hidden}.social-track{display:flex;width:max-content;animation:post-scroll 105s linear infinite}.social-group{display:flex;gap:18px;padding-right:18px}.social-post{padding:0;background:#f4f4f1;flex:0 0 auto;width:clamp(220px,26vw,370px);aspect-ratio:1;overflow:hidden}.social-post img{display:block;width:100%;height:100%;object-fit:contain}.social-track:hover,.social-track:focus-within,.social-track.paused{animation-play-state:paused}@keyframes post-scroll{to{transform:translateX(-50%)}}
.outside{background:#fff;padding-top:55px}.outside>.section-heading p{max-width:450px;color:#73766d}.audio-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.audio-grid article{display:flex;align-items:center;gap:24px;padding:30px 0}.record{width:100px;height:100px;border-radius:50%;background:repeating-radial-gradient(#242620 0px,#242620 3px,#41463c 4px,#242620 5px);display:grid;place-items:center;flex-shrink:0}.record span{background:var(--accent);border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:13px}.record.pink span{background:#f3a8bd}h4{font-size:30px;margin:10px 0 15px}audio{width:100%;max-width:310px;height:36px}.stage{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;margin:70px 0;align-items:center}.stage h3{font-size:clamp(40px,5vw,74px);line-height:1.04;margin:22px 0}.stage p{max-width:400px;color:#73766d}.stage video{width:100%;background:#111;max-height:430px}.writing-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-top:40px}.writing-grid h3{font-size:35px;margin:24px 0}.writing-grid p{max-width:440px}.joke-card{background:var(--accent);padding:30px}.joke-card p{font:25px/1.4 var(--font);letter-spacing:-.04em;min-height:110px}.text-link{display:inline-block;padding:12px 18px;background:#f1f0e9;margin-top:18px;font-size:14px}.joke-card .text-link{background:#fff9}.joke-card button+button{margin-left:12px}.about{display:grid;grid-template-columns:1fr 1fr;gap:30px}.about>.tag{grid-column:1/-1}.about h2{font-size:60px;line-height:1.06}.about p{max-width:370px;align-self:end;color:#73766d}footer{padding:30px 5%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:25px;font-size:13px}footer button{padding:10px 16px}
dialog{width:min(1100px,94vw);max-height:92vh;border:0;background:#fff;color:var(--ink);padding:25px}dialog::backdrop{background:#20221ebd;backdrop-filter:blur(5px)}.dialog-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;margin-bottom:25px;gap:15px}.dialog-bar button{padding:10px 16px;flex-shrink:0}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px}.gallery img{width:100%}.reading{max-width:650px;margin:auto;white-space:pre-wrap;line-height:1.8}.reading h2{font-size:36px;line-height:1.1;margin:30px 0}
.project-intro{padding:20px 0 30px;max-width:780px}.project-intro h2{font-size:clamp(35px,5vw,65px);line-height:1.08;margin:25px 0}.project-intro p{line-height:1.7;max-width:600px}.art-credit,.project-end{font-size:12px;color:#687060}.project-module{padding:30px 0;border-top:0}.module-number{display:block;font-size:10px;letter-spacing:1px;margin-bottom:20px}.project-visuals{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.project-visuals.single{grid-template-columns:1fr}.project-visuals img,.project-visuals video{display:block;width:100%;height:auto}.project-visuals video{background:#181b17}.project-videos{display:grid;gap:25px}.project-film{display:block;width:100%;max-height:600px;background:#181b17}.phone-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:20px 0}.phone-intro h3{font-size:clamp(35px,5vw,60px);line-height:1.06;white-space:pre-line;margin-bottom:30px}.phone-intro p{line-height:1.7;margin-bottom:30px}.phone{width:min(310px,100%);aspect-ratio:9/19.2;padding:9px;border-radius:42px;background:#161915;position:relative;box-shadow:0 18px 30px #20221e21;margin:auto;border:0}.phone-island{position:absolute;top:17px;left:50%;transform:translateX(-50%);width:27%;height:19px;background:#161915;border-radius:20px;z-index:2}.phone-screen{background:#fff;border-radius:34px;height:100%;overflow:hidden;color:#222;display:flex;flex-direction:column}.phone-time{padding:13px 22px;font-size:10px;height:47px}.phone-appbar{text-align:center;font-size:12px;font-weight:400;border-bottom:0;padding:8px}.phone-account{display:flex;align-items:center;gap:8px;padding:12px;font-size:11px}.phone-account img{width:27px;height:27px;border-radius:50%}.phone-feed{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;aspect-ratio:1/1;width:100%;flex-shrink:0}.phone-feed::-webkit-scrollbar{display:none}.phone-feed img{flex:0 0 100%;width:100%;height:100%;object-fit:contain;scroll-snap-align:start}.phone-icons{padding:15px;font-size:21px}.phone-bottom{margin-top:auto;border-top:0;padding:18px;text-align:center}.carousel-controls{display:flex;align-items:center;justify-content:space-between;margin:20px auto 0;max-width:310px;font-size:12px}.carousel-controls button{border:0;background:transparent;padding:8px 18px}.reel-screen{border-radius:34px;height:100%;overflow:hidden;background:#111;display:flex;align-items:center}.reel-screen video{width:100%;height:100%;object-fit:contain}.project-end{border-top:0;padding:25px 0}.project-end a{display:inline-block}dialog .dialog-bar{position:sticky;top:-25px;background:var(--paper);z-index:4;padding-top:15px}.project-card button:focus-visible{outline-offset:-5px}@media(max-width:760px){.project-grid{grid-template-columns:1fr;gap:35px;margin-bottom:45px}.project-card-caption h3{font-size:26px}.project-visuals{grid-template-columns:1fr}.phone-layout{grid-template-columns:1fr;gap:25px}.phone-intro h3{font-size:40px}.phone-intro p{margin-bottom:15px}.phone{width:min(280px,100%)}.project-intro h2{font-size:38px}.project-module{padding:25px 0}.asterisk{top:330px}}
.phone-feed{aspect-ratio:3/4}
@media(min-width:761px){.phone{width:min(260px,100%)}.carousel-controls{max-width:260px}}

@media(max-width:760px){header{padding:18px 6%;gap:14px}.brand{font-size:13px;max-width:130px}nav{gap:12px;font-size:9px}section{padding:45px 6%}.splash h1{font-size:clamp(27px,7.8vw,60px);line-height:1.05}.splash-subtitle{font-size:clamp(20px,4.8vw,32px);margin-top:20px}.splash-photo{object-position:60% center}.hero.splash{min-height:500px}.section-heading{margin-bottom:30px}.project-grid,.video-grid,.audio-grid,.stage,.writing-grid,.about{grid-template-columns:1fr}.project-grid{gap:35px}.other-strip{padding:0 6%;margin-bottom:38px}.other-strip button{padding:25px 22px;font-size:25px}.strip-arrow{width:32px;height:32px}.social-strip{padding-bottom:30px}.social-toolbar{padding:0 6%}.social-toolbar h2{font-size:10px;letter-spacing:.04em}.social-group{gap:12px;padding-right:12px}.social-post{width:240px}.audio-grid{gap:0}.audio-grid article{gap:18px}.record{width:80px;height:80px}.audio-grid article>div:last-child{min-width:0;flex:1}.stage{margin:45px 0;gap:24px}.writing-grid{gap:30px;padding-top:10px}.joke-card{padding:25px}.joke-card p{font-size:23px}.about h2{font-size:48px}.gallery{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.social-track{animation:none;width:auto;overflow-x:auto;max-width:100%}.social-group{width:max-content}.social-group[aria-hidden]{display:none}.social-toolbar button{display:none}}

input,textarea,select,audio,video{font-family:var(--font)}

[data-copy]{white-space:pre-line}.draft-banner{position:fixed;bottom:14px;left:14px;right:14px;z-index:20;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:16px 22px;background:#dcfa75;color:#20221e;box-shadow:0 8px 30px #0002;font:14px var(--font)}.draft-banner a{font-weight:400;text-decoration:underline}.draft-banner span{font-size:12px}

@media(max-width:760px){.draft-banner{flex-wrap:wrap;gap:8px;padding:12px 16px}.draft-banner span{flex-basis:100%;order:3}}


h1,h2,h3,h4,.splash-subtitle,.other-strip button{font-family:var(--font);font-weight:400;letter-spacing:-.045em}


.radio-band{max-width:1600px;margin:auto;padding-top:10px;padding-bottom:60px}.radio-band>h2{font-size:clamp(28px,3vw,44px);margin-bottom:28px}.radio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.radio-grid article{min-width:0;background:#f5f5f2;padding:25px 22px}.radio-grid .tag{font-size:10px;display:block;line-height:1.5}.radio-grid h3{font-size:27px;margin:14px 0 24px;line-height:1.1}.radio-grid audio{width:100%;max-width:none;display:block;height:40px}@media(max-width:1100px){.radio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.radio-grid{grid-template-columns:1fr;gap:14px}.radio-grid article{padding:23px}.radio-band{padding-bottom:45px}.radio-grid h3{margin-bottom:20px}}

@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(assets/fonts/archivo-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(assets/fonts/archivo-1.ttf) format('truetype');
}

/* Archivo Regular for copy; Archivo Bold for headings. */
h1,h2,h3,h4,.splash-subtitle,.other-strip button{font-family:var(--font);font-weight:700!important}

.audio-grid article>div:last-child{min-width:0;flex:1}

.project-videos.portrait-clips{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.portrait-clips .project-film{aspect-ratio:9/16;max-height:none;object-fit:contain}@media(max-width:760px){.project-videos.portrait-clips{grid-template-columns:1fr}}



.ui-icon{display:inline-block;width:1.1em;height:1.1em;flex-shrink:0;vertical-align:-.16em;pointer-events:none}.text-link .ui-icon,#top .ui-icon{margin-left:.45em}.cover-arrow .ui-icon{width:24px;height:24px}#rail-toggle{display:grid;place-items:center}#rail-toggle .ui-icon{width:20px;height:20px}.scroll-cue .ui-icon{width:32px;height:32px}.carousel-controls .ui-icon{width:22px;height:22px}

.reading [data-copy-format="prose"]{white-space:normal}.reading [data-copy-format="prose"] p{white-space:pre-line;margin:0 0 1.25em}.reading [data-copy-format="prose"] strong{font-weight:700}
.phone-showcase-title{font-size:clamp(34px,5vw,60px);line-height:1.08;text-align:center;margin:0 0 35px}.phone-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(14px,5vw,60px);max-width:620px;margin:0 auto}.phone-pair .phone{width:100%;max-width:280px;margin:0 auto}.phone-pair .phone-wrap{min-width:0}.phone-pair .phone-screen{justify-content:flex-start}.phone-pair .phone-feed{margin-top:24px}.phone-pair .phone-bottom{margin-top:auto}.phone-pair .carousel-controls{max-width:280px;gap:6px}.phone-pair .carousel-controls button{padding:8px}.phone-pair .carousel-controls span{white-space:nowrap;font-size:11px}.phone-pair .reel-screen video{object-fit:contain}@media(max-width:600px){.phone-showcase-title{margin-bottom:25px}.phone-pair{gap:14px}.phone-pair .phone{padding:5px;border-radius:25px}.phone-pair .phone-screen,.phone-pair .reel-screen{border-radius:20px}.phone-pair .phone-island{top:10px;height:10px}.phone-pair .phone-time{height:34px;padding:10px 10px;font-size:7px}.phone-pair .phone-appbar{padding:6px;font-size:8px}.phone-pair .phone-feed{margin-top:12px}.phone-pair .phone-icons{font-size:14px;padding:9px}.phone-pair .phone-bottom{font-size:12px;padding:10px 2px}.phone-pair .carousel-controls{gap:0;margin-top:12px}.phone-pair .carousel-controls button{padding:6px}.phone-pair .carousel-controls .ui-icon{width:16px;height:16px}.phone-pair .carousel-controls span{font-size:9px}}