@font-face{font-family:Archivo Narrow;src:url('assets/fonts/archivo-narrow.ttf') format('truetype');font-weight:100 900;font-display:swap}
@font-face{font-family:Familjen Grotesk;src:url('assets/fonts/familjen-grotesk.ttf') format('truetype');font-weight:400 700;font-display:swap}
:root{--black:#111310;--white:#f2f3eb;--muted:#a2a69c;--line:#3b4036;--lime:#d9ff64;--blue:#2145da;--body:'Familjen Grotesk',sans-serif;--display:'Archivo Narrow',sans-serif;--gutter:clamp(24px,4.5vw,72px);--header:80px;--ease:cubic-bezier(.16,1,.3,1);color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:var(--header);scrollbar-color:var(--muted) var(--black)}
body{margin:0;background:var(--black);color:var(--white);font-family:var(--body);line-height:1.5;-webkit-font-smoothing:antialiased}
::selection{background:var(--lime);color:var(--black)}
a{color:inherit;text-decoration:none;text-underline-offset:5px}
button{color:inherit;font:inherit;cursor:pointer}
button,a,audio{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
a:focus-visible,button:focus-visible,audio:focus-visible,[role=tabpanel]:focus-visible{outline:2px solid var(--lime);outline-offset:7px}
img{display:block;max-width:100%;height:auto}
svg{display:block}
h1,h2,h3,h4,p{margin:0}
h1,h2,h3{font-family:var(--display);text-transform:uppercase;letter-spacing:-.025em;font-weight:650;line-height:.98;text-wrap:balance}
p{text-wrap:pretty}
h2[tabindex]:focus{outline:none}
.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.icon-defs{position:absolute;width:0;height:0;overflow:hidden}
.skip-link{position:fixed;z-index:100;left:20px;top:-100px;background:var(--lime);color:var(--black);padding:12px 20px}
.skip-link:focus{top:10px}
.masthead{position:sticky;top:0;z-index:20;height:var(--header);padding-inline:var(--gutter);display:flex;align-items:center;gap:40px;background:var(--black);border-bottom:1px solid var(--line)}
.wordmark{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:600;letter-spacing:-.035em}
.wordmark svg{width:26px;height:26px;fill:var(--white)}
.masthead nav{display:flex;gap:32px;margin-left:auto;font-size:13px}
.masthead nav a{padding-block:12px}
.masthead nav a:hover{color:var(--lime)}
.motion-toggle{display:flex;align-items:center;gap:6px;padding:10px 0 10px 28px;border:0;border-left:1px solid var(--line);background:transparent;font-size:11px;color:var(--muted)}
.motion-toggle[hidden]{display:none}
.motion-indicator{height:6px;width:6px;margin-right:3px;border-radius:50%;background:var(--lime)}
.motion-toggle[aria-pressed=false] .motion-indicator{background:var(--muted)}
.index{min-height:calc(100svh - var(--header));max-width:1800px;margin:auto;padding:40px var(--gutter) 0;display:grid;grid-template-columns:1fr 1.1fr;column-gap:70px;align-items:center;position:relative}
.index-copy{padding-bottom:12px}
h1{font-size:clamp(60px,6vw,86px);font-weight:700;line-height:1.015;max-width:620px}
h1 span{color:var(--lime)}
.index-copy>p{font-size:17px;line-height:1.55;color:var(--muted);margin-top:27px}
.index-scroll{display:inline-flex;align-items:center;gap:32px;font-size:13px;margin-top:29px;padding-block:8px;border-bottom:1px solid var(--line)}
.index-scroll:hover{color:var(--lime);border-color:var(--lime)}
.index-scroll .icon{width:19px;height:19px}
.portal-index{width:min(100%,540px,calc(100svh - 290px));justify-self:end;padding-top:8px}
.portal-mark{width:100%;aspect-ratio:1;position:relative;isolation:isolate}
.portal{position:absolute;display:block;overflow:hidden;transition:transform .5s var(--ease),background .25s;color:var(--black);isolation:isolate}
.portal-podcast{left:0;top:0;width:100%;height:48.24%;background:var(--lime);border-radius:0 50% 0 0 / 0 100% 0 0;transform-origin:left bottom}
.portal-movable{left:0;top:51.76%;width:48.24%;height:48.24%;background:var(--white);transform-origin:right top}
.portal-house{left:51.76%;top:51.76%;width:48.24%;height:48.24%;background:#555e4a;color:var(--white);border-radius:0 0 100% 0;transform-origin:left top}
.portal:hover,.portal:focus-visible{z-index:2}
.portal-podcast:hover,.portal-podcast:focus-visible{transform:translateY(-8px)}
.portal-movable:hover,.portal-movable:focus-visible{transform:translate(-7px,7px)}
.portal-house:hover,.portal-house:focus-visible{transform:translate(7px,7px)}
.portal:focus-visible{outline-offset:4px;outline-color:var(--white)}
.portal-copy{position:absolute;z-index:2;left:28px;display:flex;flex-direction:column;gap:6px;transition:color .25s}
.portal-podcast .portal-copy{bottom:27px}
.portal-movable .portal-copy,.portal-house .portal-copy{top:23px}
.portal-name{font-family:var(--display);text-transform:uppercase;font-size:clamp(30px,3.2vw,44px);font-weight:600;letter-spacing:-.02em;line-height:1}
.portal-kind{font-size:12px}
.portal-arrow{position:absolute;z-index:2;width:28px;height:28px;transition:color .25s}
.portal-podcast .portal-arrow{left:28px;top:26px}
.portal-movable .portal-arrow,.portal-house .portal-arrow{bottom:27px;left:28px}
.portal-image{position:absolute;inset:0;background-position:center;background-size:cover;opacity:0;transition:opacity .45s var(--ease),transform .7s var(--ease);transform:scale(1.08)}
.portal-podcast .portal-image{background-image:linear-gradient(0deg,#0009,#0003),url('assets/mostly-present-scene.jpg');background-position:30% 55%}
.portal-movable .portal-image{background-image:linear-gradient(0deg,#0009,transparent),url('assets/movable-margo.png');background-size:cover,auto 120%;background-repeat:no-repeat;background-position:center,80% top;background-color:var(--blue)}
.portal-house .portal-image{background-image:linear-gradient(0deg,#000b,#0005),url('assets/house-of-website.png')}
.portal:hover .portal-image,.portal:focus-visible .portal-image{opacity:1;transform:scale(1)}
.portal:hover .portal-copy,.portal:hover .portal-arrow,.portal:focus-visible .portal-copy,.portal:focus-visible .portal-arrow{color:white}
.portal-instruction{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin-top:25px;padding-left:1px}
.cross{display:block;width:9px;height:9px;background:linear-gradient(var(--lime),var(--lime)) center/1px 100% no-repeat,linear-gradient(var(--lime),var(--lime)) center/100% 1px no-repeat}
.index-bottom{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);margin-top:32px;padding:20px 0;font-size:11px;color:var(--muted)}
.index-bottom>p:nth-child(2){margin-left:auto}
.index-bottom>.icon{height:16px;width:16px;color:var(--white);margin-left:40px}
.index-bottom>a{display:flex;align-items:center;gap:25px;color:var(--white)}
.index-bottom>a:hover{color:var(--lime)}
.index-bottom>a .icon{height:16px;width:16px}
.project-collection{max-width:1800px;margin:auto;padding:84px var(--gutter) 72px}
.collection-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:44px}
.collection-heading h2{font-size:clamp(48px,5.3vw,76px);line-height:1}
.collection-heading>div{max-width:350px;padding-bottom:3px}
.collection-heading p{font-size:16px;color:var(--muted);line-height:1.6}
.collection-heading .text-link{margin-top:16px}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:54px 28px;list-style:none;margin:0;padding:0}
.project-grid>li{min-width:0}
.collection-project{display:flex;flex-direction:column;align-items:stretch;height:100%;padding-bottom:20px;border-bottom:1px solid var(--line)}
.project-art{aspect-ratio:1.6;overflow:hidden;margin-bottom:21px;background:var(--line)}
.project-art img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}
.project-art-app{background:var(--blue);padding:22px 22px 0}
.project-art-app img{object-fit:contain;object-position:center top;filter:drop-shadow(0 12px 14px #0004)}
.project-art-screen{background:var(--line);padding:8px}
.project-art-screen img{object-fit:contain}
.project-meta{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:12px;font-size:11px;color:var(--muted)}
.project-status{color:var(--lime);flex-shrink:0}
.collection-project h3{display:flex;align-items:baseline;justify-content:space-between;gap:18px;font-size:clamp(30px,3vw,42px);line-height:1.1;overflow-wrap:anywhere}
.collection-project h3 .icon{width:25px;height:25px;align-self:center}
.collection-project>p{color:var(--muted);font-size:14px;line-height:1.7;max-width:42ch;margin:14px 0 24px}
.project-action{font-size:12px;margin-top:auto}
a.collection-project:hover h3,a.collection-project:hover .project-action{color:var(--lime)}
a.collection-project:hover .project-art:not(.project-thumbnail) img{transform:scale(1.035)}
/* The thumbnail is one image, built from real assets. Each crop keeps its own focal point. */
.project-thumbnail{position:relative;container-type:inline-size;isolation:isolate}
.thumbnail-composition{position:absolute;inset:0;transition:transform .65s var(--ease)}
.thumbnail-layer{position:absolute;display:block}
.project-thumbnail .thumbnail-layer img{width:100%;height:auto;max-width:none;object-fit:initial;transition:none}
.thumbnail-caption{position:absolute;font-family:var(--body);font-weight:600;line-height:1.02;letter-spacing:-.035em;white-space:pre-line}
.thumbnail-podcast{background:#f4dcaf;color:#38281c}
.thumbnail-podcast .thumbnail-scene{width:139%;left:-37%;top:-7%}
.thumbnail-podcast .thumbnail-wordmark{width:56%;left:6%;top:8%}
.thumbnail-character{background:var(--blue)}
.thumbnail-character .thumbnail-screen{width:45%;right:6%;top:13%;rotate:7deg;box-shadow:15px 20px 50px #0014644d;border-radius:7cqw;overflow:hidden}
.thumbnail-character .thumbnail-character{height:128%;width:auto;left:-4%;bottom:-36%;background:none}
.thumbnail-character .thumbnail-character img{height:100%;width:auto;filter:drop-shadow(0 12px 14px #0004)}
.thumbnail-website{background:#b86649}
.thumbnail-website .thumbnail-website{width:105%;left:4%;top:12%;rotate:-6deg;box-shadow:15px 20px 50px #0004;background:#f5f4f0;border-radius:1cqw;overflow:hidden}
.thumbnail-website .thumbnail-booking{width:43%;aspect-ratio:368/374;right:5%;top:30%;rotate:5deg;overflow:hidden;background:#f5f4f0;box-shadow:15px 20px 50px #0004;border-radius:1cqw}
.thumbnail-website .thumbnail-booking img{position:absolute;width:347.83%;left:-15.22%;top:-69.52%}
.thumbnail-guide{background:#c4873b}
.thumbnail-guide .thumbnail-page{width:59%;right:-5%;top:-8%;rotate:10deg;box-shadow:15px 20px 50px #0004}
.thumbnail-guide .thumbnail-cover{width:79%;left:3%;top:15%;rotate:-9deg;box-shadow:15px 20px 50px #0004}
.thumbnail-schedule{background:#0e0e10;color:#c5af98}
.thumbnail-schedule .thumbnail-screen{width:62%;height:100%;right:-3%;top:0;overflow:hidden}
.thumbnail-schedule .thumbnail-screen img{position:absolute;width:250%;left:-75%;top:0}
.thumbnail-schedule .thumbnail-caption{left:6%;top:13%;font-size:6.6cqw}
.thumbnail-identity{background:#0f452f}
.thumbnail-identity .thumbnail-scene{width:128%;left:-14%;top:0}
.thumbnail-identity .thumbnail-wordmark{width:78%;left:7%;top:6%}
@media(min-width:621px){.project-collection .project-grid:has(>li:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(hover:hover){a.collection-project:is(:hover,:focus-visible) .thumbnail-composition{transform:scale(1.035)}}
.collection-project-text{border-top:1px solid var(--line);padding-top:22px;min-height:230px}
.coming-next{display:grid;grid-template-columns:1fr 1fr;gap:32px 60px;max-width:1800px;margin:0 auto;padding:52px var(--gutter) 66px;border-top:1px solid var(--line)}
.next-intro{display:contents}
.next-intro h2{font-size:clamp(44px,4.5vw,64px);line-height:1;color:var(--lime);grid-row:span 2}
.next-intro>p{font-size:23px;line-height:1.3;align-self:end}
.launch-note{color:var(--muted);font-size:14px;line-height:1.7;max-width:40ch}
.coming-next:has(.project-grid){display:block}
.coming-next:has(.project-grid) .next-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px}
.coming-next:has(.project-grid) .next-intro>p{font-size:16px;color:var(--muted)}
.coming-next .project-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.coming-next .project-status{color:var(--muted)}
.coming-next .collection-project{border-top:1px solid var(--line);padding-top:22px}
.coming-next .project-art{margin-top:22px;margin-bottom:0}
@media(max-width:850px){.project-collection{padding-block:60px}.collection-heading{gap:30px}.collection-heading h2{font-size:52px}.collection-heading p{font-size:14px}.project-grid{gap:40px 22px}.collection-project h3{font-size:30px}.collection-project>p{font-size:13px}.project-art-app{padding:15px 15px 0}.project-meta{gap:10px;font-size:10px}.next-intro>p{font-size:21px}}
@media(max-width:620px){.project-collection{padding-block:50px}.collection-heading{display:block;margin-bottom:32px}.collection-heading h2{font-size:52px}.collection-heading>div{margin-top:22px;max-width:none}.collection-heading p{font-size:15px}.collection-heading .text-link{margin-top:15px}.project-grid{grid-template-columns:1fr;gap:36px}.project-art{aspect-ratio:1.7;margin-bottom:20px}.project-art-app{padding-top:20px}.project-meta{font-size:11px}.collection-project h3{font-size:38px}.collection-project>p{font-size:15px;max-width:50ch;margin-bottom:20px}.collection-project-text{min-height:0}.project-action{font-size:12px}.coming-next{grid-template-columns:1fr;gap:22px;padding-block:40px 50px}.next-intro h2{font-size:52px;grid-row:auto}.next-intro>p{font-size:21px}.launch-note{font-size:14px}.coming-next:has(.project-grid) .next-intro{display:block}.coming-next:has(.project-grid) .next-intro>p{margin-top:22px}.index-bottom>a{font-size:10px;gap:9px}.index-bottom>a .icon{width:13px;height:13px}}
@media(max-width:360px){.collection-heading h2,.next-intro h2{font-size:46px}.collection-project h3{font-size:34px}.index-bottom{flex-wrap:wrap}}
.exhibit{scroll-margin-top:0}
.exhibit-chapter{--chapter-green:#0f452f;--chapter-pink:#f0b2c7;--chapter-yellow:#fff01a;--chapter-cream:#fbf3df;--chapter-oxblood:#6b0018}
.chapter-brand{display:grid;grid-template-columns:1.9fr 1fr;min-height:430px;height:clamp(430px,46vw,690px);max-width:1800px;margin:auto}
.chapter-curtain{position:relative;overflow:hidden;background:var(--chapter-green)}
.chapter-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center}
.chapter-curtain h2{position:absolute;top:10%;left:7%;width:80%;line-height:0}
.chapter-curtain h2 img{width:100%;height:auto}
.chapter-visit{position:absolute;left:7%;bottom:7%;display:inline-flex;align-items:center;gap:25px;color:var(--chapter-cream);font-size:13px;padding-block:9px;border-bottom:1px solid currentColor}
.chapter-visit:hover{color:var(--chapter-yellow)}
.chapter-visit .icon,.chapter-back .icon{width:18px;height:18px}
.chapter-identity{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--chapter-pink);color:var(--chapter-green);padding:85px 24px 90px;gap:35px}
.chapter-back{position:absolute;top:25px;right:30px;display:flex;align-items:center;gap:20px;font-size:12px;padding:8px 0}
.chapter-back:hover{text-decoration:underline}
.chapter-monogram{width:50%;max-width:220px;height:auto}
.chapter-identity>p{text-align:center;font-size:13px;line-height:1.6}
.chapter-identity a:focus-visible{outline-color:var(--chapter-green)}
.chapter-palette{position:absolute;bottom:0;left:0;right:0;display:flex;height:12%}
.chapter-palette>span{flex:1;background:var(--chapter-green)}
.chapter-palette>span:nth-child(2){background:var(--chapter-cream)}
.chapter-palette>span:nth-child(3){background:var(--chapter-oxblood)}
.chapter-palette>span:nth-child(4){background:var(--chapter-pink)}
.chapter-palette>span:nth-child(5){background:var(--chapter-yellow)}
.chapter-scope{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;margin:0;padding:0 0 20px;border-bottom:1px solid var(--line);font-size:12px;color:var(--white)}
@media(max-width:620px){.chapter-brand{grid-template-columns:1fr;height:auto}.chapter-curtain{height:390px}.chapter-curtain h2{top:9%;left:7%;width:84%}.chapter-photo{object-position:62% center}.chapter-visit{font-size:12px}.chapter-identity{min-height:250px;padding:75px 25px 65px;flex-direction:row;gap:30px}.chapter-monogram{width:30%;max-width:130px}.chapter-identity>p{text-align:left;font-size:12px}.chapter-back{top:14px;right:24px;font-size:11px}.chapter-palette{height:28px}.chapter-notes{gap:30px}.chapter-scope{font-size:11px;gap:8px 18px}}
.exhibit-scene{position:relative;min-height:640px;height:calc(100svh - var(--header));max-height:1000px;overflow:hidden;isolation:isolate}
.scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.scene-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#000d 0,#0009 12%,transparent 40%,#0003 55%,#000c 100%)}
.scene-top{position:absolute;top:30px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:12px;color:var(--white)}
.scene-top>a{display:flex;align-items:center;gap:12px;padding-block:9px}
.scene-top>a:hover{text-decoration:underline}
.scene-top .icon{width:17px;height:17px}
.scene-title{position:absolute;bottom:55px;left:var(--gutter);right:var(--gutter);display:flex;align-items:flex-end;gap:70px}
.scene-title h2{font-size:96px;line-height:.92;font-weight:650}
.scene-title>p{font-size:20px;line-height:1.35;padding-bottom:5px}
.scene-enter{position:absolute;right:var(--gutter);bottom:60px;width:62px;height:62px;display:grid;place-items:center;background:var(--white);color:var(--black);transition:background .2s,color .2s}
.scene-enter .icon{height:32px;width:32px}
.scene-enter:hover{background:var(--lime)}
.podcast-scene .scene-image{object-position:center 54%}
.exhibit-notes{display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,11vw,180px);padding:70px var(--gutter) 75px;max-width:1800px;margin:auto}
.story h3{font-size:46px;max-width:560px;line-height:1.04}
.story>p,.project-detail>p{font-size:16px;line-height:1.75;color:var(--muted);max-width:59ch;margin-top:24px}
.project-detail>p:first-child{margin-top:0}
.project-detail>p+p{margin-top:20px}
.text-link{display:inline-flex;gap:24px;align-items:center;font-size:13px;margin-top:25px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.text-link .icon{width:18px;height:18px}
.text-link:hover{color:var(--lime);border-color:var(--lime)}
.listening-station{align-self:center;border-top:1px solid var(--line);padding-top:24px}
.episode-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.episode-heading h4{font-family:var(--display);font-weight:550;text-transform:uppercase;font-size:26px;line-height:1}
.episode-heading>span{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}
.listening-station>p{color:var(--muted);font-size:13px;margin-top:10px}
.audio-row{display:flex;align-items:center;gap:15px;margin-top:24px}
.audio-toggle{display:grid;place-items:center;flex-shrink:0;width:46px;height:46px;background:var(--lime);color:var(--black);border:0}
.audio-toggle[hidden]{display:none}
.audio-toggle svg{width:22px;height:22px;fill:currentColor}
.audio-toggle .pause-icon{display:none}
.audio-toggle[aria-pressed=true] .play-icon{display:none}
.audio-toggle[aria-pressed=true] .pause-icon{display:block}
.audio-toggle:hover{background:var(--white)}
.audio-row audio{min-width:0;width:100%;height:40px;color-scheme:dark}
.episode-bottom{display:flex;justify-content:space-between;gap:15px;margin-top:16px;font-size:11px;color:var(--muted)}
.episode-bottom>a{display:inline-flex;gap:8px;align-items:center;flex-shrink:0}
.episode-bottom .icon{width:13px;height:13px}
.episode-bottom a:hover{color:var(--white);text-decoration:underline}
#audio-status{color:var(--lime);max-width:38ch}
.next-project{display:flex;align-items:center;gap:30px;padding:22px var(--gutter);border-top:1px solid var(--line);font-size:12px;transition:background .2s,color .2s}
.next-project>span{color:var(--muted)}
.next-project>strong{font-size:15px;font-weight:500;margin-left:auto}
.next-project .icon{width:20px;height:20px}
.next-project:hover{background:#23271e;color:var(--lime)}
.movable-scene{background:var(--blue);display:grid;grid-template-columns:1fr 1.1fr;align-items:center;padding:100px var(--gutter) 55px;gap:45px;min-height:640px}
.movable-copy{align-self:center;z-index:2;padding-bottom:35px}
.movable-copy h2{font-size:96px;line-height:1}
.movable-copy>p{font-size:26px;line-height:1.25;margin-top:20px}
.app-tabs{display:flex;gap:0;margin-top:48px;width:max-content;border-bottom:1px solid #8398ed}
.app-tabs button{background:transparent;border:0;border-bottom:3px solid transparent;padding:13px 18px;font-size:13px;color:var(--white)}
.app-tabs button:first-child{padding-left:0}
.app-tabs button:last-child{padding-right:0}
.app-tabs button[aria-selected=true]{border-color:var(--lime);color:var(--lime)}
.app-tabs button:hover{color:var(--lime)}
.app-display{height:100%;min-height:400px;position:relative;width:100%;max-width:660px;justify-self:end}
.margo{position:absolute;bottom:0;left:-18%;width:66%;height:90%;object-fit:contain;object-position:center bottom;z-index:1}
.phone{height:min(63svh,600px);min-height:490px;aspect-ratio:804/1748;position:absolute;right:8%;bottom:0;background:#f2f3eb;border:7px solid #f2f3eb;border-radius:34px;overflow:hidden;box-shadow:15px 20px 50px #0014644d;z-index:2}
#app-screen{height:100%;width:100%;overflow:hidden}
#app-screen:focus-visible{outline-offset:-7px;outline-color:var(--blue)}
#app-screen-image{width:100%;height:100%;object-fit:cover;object-position:top}
.app-caption{position:absolute;right:var(--gutter);bottom:23px;font-size:11px;color:#e2e7ff}
.house-scene .scene-image{object-position:center 53%}
.house-scene .scene-title{gap:60px}
.studio{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:100px var(--gutter);background:var(--lime);color:var(--black)}
.studio h2{font-size:96px;line-height:.94}
.studio-story{max-width:520px}
.studio-lead{font-size:29px;line-height:1.2;letter-spacing:-.025em}
.studio-story>p:not(.studio-lead){font-size:16px;line-height:1.65;max-width:52ch;margin-top:25px;color:#374322}
.studio .text-link{border-color:#536138}
.studio .text-link:hover{color:var(--black);border-color:var(--black)}
.studio a:focus-visible{outline-color:var(--black)}
.studio-contact{margin-top:32px;padding-top:24px;border-top:1px solid #8aaa43}
.studio-contact>p{font-size:14px}
.studio .studio-contact .text-link{font-size:clamp(16px,2vw,22px);margin-top:8px;gap:16px;border-color:var(--black)}
.footer{padding:55px var(--gutter) 28px}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:45px}
.footer-name{display:flex;align-items:center;gap:30px;font-family:var(--display);font-size:clamp(40px,5.8vw,80px);font-weight:650;letter-spacing:-.025em;line-height:1;text-transform:uppercase}
.footer-name>svg{width:52px;height:52px;fill:var(--white)}
.back-top{display:flex;align-items:center;gap:20px;font-size:12px;flex-shrink:0}
.back-top .icon{width:18px;height:18px}
.back-top:hover{color:var(--lime)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:24px;font-size:11px;color:var(--muted)}
.footer-bottom nav{display:flex;gap:28px}
.footer-bottom nav a:hover{color:var(--white);text-decoration:underline}
.portal-wipe{position:fixed;inset:0;z-index:60;pointer-events:none;background-color:var(--black);background-size:cover;background-position:center;will-change:clip-path;contain:strict}
.portal-wipe::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0005,transparent)}
.portal-wipe[data-project=podcast]{background-image:url('assets/mostly-present-scene.jpg')}
.portal-wipe[data-project=house]{background-image:url('assets/house-of-website.png')}
.portal-wipe[data-project=movable]{background-color:var(--blue);background-image:url('assets/movable-margo.png');background-size:auto 90%;background-repeat:no-repeat;background-position:65% bottom}
@media(min-width:1500px){.index{column-gap:120px;padding-top:70px}.portal-index{width:min(100%,600px)}.index-copy{padding-left:20px}.index-bottom{margin-top:65px}}
@media(max-width:1150px){:root{--header:72px}.index{column-gap:45px;padding-top:50px}.portal-index{width:min(100%,470px,calc(100svh - 265px))}h1{font-size:clamp(54px,6.1vw,72px)}.portal-name{font-size:34px}.portal-copy{left:22px}.portal-podcast .portal-copy{bottom:22px}.portal-podcast .portal-arrow{left:22px;top:22px}.portal-movable .portal-arrow,.portal-house .portal-arrow{left:22px;bottom:22px}.index-copy>p{font-size:16px}.exhibit-scene{min-height:590px}.movable-scene{min-height:620px}.movable-copy h2{font-size:86px}.phone{right:0;height:520px;min-height:0}.margo{left:-30%;height:84%;width:77%}.scene-title h2{font-size:88px}.scene-title{gap:40px}.scene-title>p{font-size:18px}.scene-enter{width:52px;height:52px}.exhibit-notes{gap:60px}.story h3{font-size:42px}.studio{gap:60px}.studio h2{font-size:88px}}
@media(max-width:850px){.masthead{gap:25px}.masthead nav{gap:22px}.motion-toggle{padding-left:20px}.index{column-gap:35px;padding-top:44px}h1{font-size:clamp(42px,6.6vw,56px)}.portal-name{font-size:29px}.portal-copy{left:18px}.portal-kind{font-size:10px}.portal-podcast .portal-copy{bottom:18px}.portal-movable .portal-copy,.portal-house .portal-copy{top:18px}.portal-arrow{width:23px;height:23px}.portal-podcast .portal-arrow{left:18px;top:18px}.portal-movable .portal-arrow,.portal-house .portal-arrow{left:18px;bottom:18px}.portal-instruction{font-size:10px;gap:10px}.index-bottom{font-size:10px;margin-top:42px}.index-bottom>.icon{margin-left:15px}.index-copy>p{font-size:14px}.index-scroll{font-size:12px;margin-top:20px}.scene-top{font-size:10px}.scene-top>a{gap:8px}.scene-title h2{font-size:76px}.scene-title{bottom:40px;gap:32px}.scene-title>p{font-size:16px}.scene-enter{bottom:45px;width:46px;height:46px}.exhibit-notes{gap:38px;padding-block:55px}.story h3{font-size:36px}.story>p,.project-detail>p{font-size:15px}.episode-heading h4{font-size:22px}.listening-station>p{font-size:12px}.audio-row{gap:8px}.audio-toggle{width:38px;height:38px}.episode-bottom{flex-direction:column;gap:8px}.movable-scene{gap:15px;min-height:620px}.movable-copy h2{font-size:72px}.movable-copy>p{font-size:23px}.app-tabs{margin-top:30px}.app-tabs button{font-size:11px;padding-inline:12px}.app-display{min-height:470px}.phone{height:460px;border-width:6px;border-radius:28px;right:-3%}.margo{height:77%;left:-37%;width:91%}.studio{padding-block:75px;gap:45px}.studio h2{font-size:80px}.studio-lead{font-size:25px}.studio-story>p:not(.studio-lead){font-size:15px}.footer-name>svg{width:39px;height:39px}.footer-bottom>p:last-child{display:none}.footer-bottom nav{gap:20px}}
@media(max-width:620px){:root{--header:68px}.masthead{gap:12px}.wordmark{font-size:16px;gap:8px}.wordmark>svg{width:22px;height:22px}.masthead nav{font-size:11px;gap:0}.masthead nav>a:last-child{display:none}.motion-toggle{padding-left:12px;font-size:10px}.motion-indicator{display:none}.index{grid-template-columns:1fr;gap:0;min-height:0;padding-top:38px}.index-copy{padding-bottom:0}.index h1{font-size:clamp(60px,15vw,82px);line-height:1.02}.index-copy>p{font-size:15px;margin-top:22px}.index-scroll{margin-top:20px;gap:30px;font-size:12px}.portal-index{width:100%;max-width:440px;margin:40px auto 0;padding:0;justify-self:center}.portal-mark{width:100%}.portal-name{font-size:clamp(30px,8.4vw,42px)}.portal-copy{left:22px;gap:6px}.portal-kind{font-size:11px}.portal-podcast .portal-copy{bottom:21px}.portal-movable .portal-copy,.portal-house .portal-copy{top:20px}.portal-podcast .portal-arrow{left:22px;top:20px}.portal-movable .portal-arrow,.portal-house .portal-arrow{left:22px;bottom:22px}.portal-instruction{font-size:11px;margin-top:22px}.index-bottom{margin-top:32px;padding-block:18px;gap:10px}.index-bottom>p:nth-child(2){display:none}.index-bottom>.icon{margin-left:auto}.exhibit-scene{height:calc(85svh - var(--header));min-height:510px;max-height:800px}.scene-top{top:18px;align-items:flex-start;gap:20px;font-size:10px;line-height:1.5}.scene-top>span{max-width:165px}.scene-top>a{flex-shrink:0;padding-top:0;font-size:10px;gap:8px}.scene-top .icon{width:14px;height:14px}.scene-title{display:block;bottom:30px;right:85px}.scene-title h2{font-size:76px;line-height:.92}.scene-title>p{font-size:17px;line-height:1.25;margin-top:24px;padding:0}.scene-enter{bottom:33px;width:43px;height:43px}.scene-enter .icon{height:25px;width:25px}.podcast-scene .scene-image{object-position:78% center}.exhibit-notes{grid-template-columns:1fr;gap:35px;padding-block:44px}.story h3{font-size:39px;line-height:1.03}.story>p,.project-detail>p{font-size:15px;line-height:1.7;margin-top:21px}.text-link{font-size:12px;gap:20px;margin-top:21px}.listening-station{padding-top:24px}.episode-heading h4{font-size:25px}.listening-station>p{font-size:12px}.audio-row{gap:10px;margin-top:22px}.audio-toggle{width:40px;height:40px}.episode-bottom{font-size:11px}.next-project{padding-block:20px;gap:22px;font-size:11px}.next-project>strong{font-size:14px}.movable-scene{height:auto;min-height:790px;max-height:none;display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:79px;padding-bottom:46px}.movable-copy{align-self:stretch;padding:0}.movable-copy h2{font-size:76px}.movable-copy>p{font-size:22px;margin-top:14px}.app-tabs{margin-top:20px}.app-tabs button{font-size:12px;padding:11px 17px}.app-display{min-height:440px;height:440px;margin-top:30px;max-width:420px;margin-inline:auto}.phone{height:430px;right:0;bottom:0;border-width:5px;border-radius:26px}.margo{left:-11%;width:70%;height:88%}.app-caption{bottom:19px;font-size:10px}.house-scene .scene-image{object-position:48% center}.house-scene .scene-title h2{font-size:74px}.movable-notes{gap:23px}.studio{grid-template-columns:1fr;gap:35px;padding-block:55px}.studio h2{font-size:85px}.studio-lead{font-size:27px}.studio-story>p:not(.studio-lead){font-size:15px;margin-top:22px}.studio-story .text-link{margin-top:28px}.footer{padding-top:35px;padding-bottom:25px}.footer-top{display:block;padding-bottom:27px}.footer-name{font-size:clamp(37px,9.8vw,54px);gap:15px;white-space:nowrap}.footer-name>svg{width:28px;height:28px;flex-shrink:0}.back-top{margin-top:28px;gap:15px;font-size:11px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:18px;font-size:10px;padding-top:23px}.footer-bottom nav{gap:25px}}
@media(max-width:360px){.wordmark{font-size:14px}.masthead nav{font-size:10px}.motion-toggle{font-size:9px;padding-left:9px;gap:3px}.masthead{gap:9px}.index h1{font-size:59px}.portal-name{font-size:29px}.portal-copy{left:18px}.portal-kind{font-size:10px}.portal-podcast .portal-arrow{left:18px}.portal-movable .portal-arrow,.portal-house .portal-arrow{left:18px}.portal-movable .portal-arrow,.portal-house .portal-arrow{width:21px;height:21px;bottom:18px}.phone{height:380px}.app-display{height:400px;min-height:400px}.movable-scene{min-height:740px}.margo{left:-12%;width:66%;height:85%}.footer-name{font-size:32px;gap:6px}.footer-name>svg{width:24px;height:24px}.audio-row{gap:7px}.audio-toggle{width:34px;height:34px}.house-scene .scene-title h2{font-size:66px}}
.house-scene{height:auto;min-height:calc(100svh - var(--header));max-height:none;padding:100px var(--gutter) 55px;background:var(--line)}
.house-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:38px}
.house-heading h2{font-size:96px;line-height:.95}
.house-heading>p{font-size:21px;line-height:1.35;padding-bottom:5px}
.website-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.website-preview{display:block;background:var(--black);min-width:0}
.website-preview>span{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 18px;font-size:12px}
.website-preview>span .icon{width:17px;height:17px}
.website-preview img{width:100%;height:auto}
.website-preview:hover>span{color:var(--lime)}
@media(max-width:850px){.house-scene{padding-top:90px;min-height:0}.house-heading h2{font-size:76px}.house-heading>p{font-size:18px}.website-previews{gap:20px}.website-preview>span{font-size:11px;padding:12px}}
@media(max-width:620px){.house-scene{padding-top:80px;padding-bottom:40px}.house-heading{display:block;margin-bottom:30px}.house-heading h2{font-size:74px}.house-heading>p{font-size:20px;margin-top:20px}.website-previews{grid-template-columns:1fr;gap:24px}.website-preview>span{font-size:12px;padding:14px}.coming-next:has(.project-grid) .next-intro>p{font-size:16px}}
@media(max-width:360px){.house-heading h2{font-size:66px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
html[data-motion=reduced]{scroll-behavior:auto}
html[data-motion=reduced] *,html[data-motion=reduced] *::before,html[data-motion=reduced] *::after{transition:none!important;animation:none!important}
@media print{.masthead,.index-scroll,.portal-instruction,.scene-enter,.scene-top>a,.audio-row,.next-project,.motion-toggle,.back-top{display:none}.index{min-height:0}.exhibit-scene{height:500px;min-height:0}.exhibit-notes,.studio{break-inside:avoid}.portal-image{display:none}}
.wordmark,.masthead nav a,.motion-toggle,.index-scroll,.index-bottom>a,.text-link,.scene-top>a,.chapter-back,.chapter-visit,.episode-bottom>a,.back-top,.footer-bottom nav a{min-height:44px;align-items:center}
.footer-bottom nav a{display:inline-flex}
.audio-toggle,.scene-enter{min-width:44px;min-height:44px}
.app-tabs button,.footer-name{min-width:44px;min-height:44px}