@charset "UTF-8";
:root{--bg:#101111;--surface:#191b1a;--line:#373b37;--text:#ebeee8;--muted:#aab0a8;--accent:#cbd9bd;--display:Georgia,'Times New Roman',serif;--sans:Arial,'Helvetica Neue',sans-serif;--mono:'SFMono-Regular',Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.03;font-weight:400}em{font-family:var(--display);font-weight:400}.wrap{width:min(1380px,calc(100% - 96px));margin:auto}.skip{position:absolute;left:-999px;top:10px;padding:10px;background:white;color:black;z-index:5}.skip:focus{left:10px}.topbar{min-height:90px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.monogram{font-weight:800;letter-spacing:-.08em;font-size:24px}.monogram span{color:var(--accent);font-weight:400}.topbar nav{display:flex;gap:36px;color:#d1d6d0;font-size:14px}.topbar nav a:hover,.header-cta:hover{color:var(--accent)}.header-cta{font-size:14px;border-bottom:1px solid #859085;padding:5px 0}.header-cta span{margin-left:17px}.hero{padding-top:37px}.hero-meta,.hero-rule,.hero-kicker,.index,.feature-top,.fineprint,.number,.category,.signal-top,.signal-bottom,.art-top,.toolkit span,.experience-list article>span,.contact-foot,.footer{font:12px/1.5 var(--mono);letter-spacing:.075em}.hero-meta,.hero-rule{display:flex;justify-content:space-between;color:var(--muted)}.hero-kicker{color:var(--accent);margin-top:112px}.hero h1{font-size:clamp(6rem,13vw,13.3rem);letter-spacing:-.09em;line-height:.92;margin:23px 0 55px}.hero h1 em{color:var(--accent);letter-spacing:-.075em}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:20px}.hero-bottom p{max-width:590px;color:#c0c7bf;font-size:clamp(23px,3vw,37px);line-height:1.28;letter-spacing:-.035em}.hero-bottom strong{color:var(--text);font-weight:500}.round-arrow{flex:0 0 72px;height:72px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;font-size:34px;line-height:1;transition:background .2s,color .2s}.round-arrow:hover{background:var(--accent);color:var(--bg)}.hero-rule{border-top:1px solid var(--line);margin-top:105px;padding:20px 0}.section{padding-top:125px;padding-bottom:130px}.section-head{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;align-items:end;margin-bottom:62px}.section-head .index{grid-column:1/-1;margin-bottom:30px;color:var(--accent)}.section-head h2,.about h2,.contact h2{font-size:clamp(57px,7vw,105px);letter-spacing:-.075em}.section-head h2 em,.about h2 em,.contact h2 em{color:var(--accent)}.section-head>p:last-child{max-width:350px;color:var(--muted);font-size:17px;justify-self:end;padding-bottom:8px}.featured-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.feature{border:1px solid #3c423d;background:var(--surface);display:flex;flex-direction:column;padding:23px;min-width:0}.feature-top{display:flex;justify-content:space-between;gap:15px;color:#afb9ad;margin-bottom:22px}.caption-art,.signal-art{height:330px;overflow:hidden;padding:20px;position:relative}.caption-art{background:#080909;border:1px solid #343936}.art-top{display:flex;justify-content:space-between;color:#b0b6ae}.art-top span:last-child{color:#ef8173}.art-frame{height:207px;width:77%;margin:19px auto 0;background:linear-gradient(135deg,#262d2d,#121818 54%,#364342);border:7px solid #171a19;box-shadow:0 0 0 1px #4d5b53;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:45px}.art-play{font-size:18px;color:#dce7d7;border:1px solid #c6d6c2;width:51px;height:51px;border-radius:50%;display:grid;place-items:center;padding-left:3px}.art-subtitle{font:14px/1.2 var(--mono);color:#ecf3e9;background:#101412bf;padding:8px 11px;text-align:center}.art-timeline{height:23px;display:flex;gap:4px;margin-top:17px;position:relative}.art-timeline span{background:#647965;height:13px;flex:1}.art-timeline span:nth-child(2){flex:1.5}.art-timeline span:nth-child(3){flex:.7}.art-timeline i{position:absolute;left:47%;height:23px;width:2px;top:-5px;background:#f77e70}.signal-art{background:#d6e0ca;color:#172018}.signal-top{color:#344b38}.signal-chart{height:219px;display:flex;align-items:end;gap:10px;border-bottom:1px solid #425c46;padding:22px 12px 0}.signal-chart span{flex:1;background:#364b3a;min-width:0}.signal-chart span:nth-child(4),.signal-chart span:nth-child(8){background:#889b65}.signal-bottom{display:flex;justify-content:space-between;align-items:center;color:#3a503c;margin-top:16px}.signal-bottom strong{font:38px/1 var(--display);color:#192a20}.feature-content{display:flex;flex:1;flex-direction:column;justify-content:space-between;gap:24px;padding:32px 4px 7px}.feature-content h3{font-size:clamp(38px,4vw,62px);letter-spacing:-.06em;margin-bottom:20px}.feature-content p{max-width:55ch;color:#c1c8bf;font-size:16px;line-height:1.7}.tags{list-style:none;display:flex;flex-wrap:wrap;gap:7px;margin:24px 0 0;padding:0}.tags li{font:12px/1.4 var(--mono);color:#ccd6c8;border:1px solid #485349;padding:6px 9px}.project-link{align-self:flex-start;display:inline-flex;justify-content:space-between;gap:40px;min-width:170px;background:var(--accent);color:#171b17;padding:12px 16px;font-size:14px;font-weight:700}.project-link:hover{background:#e3ecd9}.link-pair{display:flex;align-items:center;flex-wrap:wrap;gap:22px}.sub-link{font-size:14px;border-bottom:1px solid #798579}.fineprint{color:#a5ada5;padding:13px 4px 0;font-size:11px}.more-work{margin-top:95px}.more-work>.index{color:var(--accent);padding-bottom:22px}.work-list article{display:grid;grid-template-columns:70px 1fr 180px;gap:20px;align-items:start;border-top:1px solid var(--line);padding:26px 0 29px}.work-list article:last-child{border-bottom:1px solid var(--line)}.number,.category{color:#a4b0a1}.work-list h3{font-size:clamp(23px,2.6vw,38px);letter-spacing:-.045em}.work-list p{color:var(--muted);max-width:700px;margin-top:9px;font-size:15px}.category{text-align:right;padding-top:5px}.all-github{display:inline-block;margin-top:28px;border-bottom:1px solid #869b86;padding-bottom:5px;font-size:14px}.about{background:#1b1e1b}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.about .index,.contact .index{color:var(--accent);margin-bottom:35px}.about-copy{padding-top:45px}.about-copy .lead{font-size:clamp(25px,3vw,39px);line-height:1.24;letter-spacing:-.04em;color:#e8efe4;margin-bottom:29px}.about-copy>p:not(.lead){font-size:16px;color:#c2c9c0;line-height:1.8;margin-bottom:18px}.toolkit{border-top:1px solid #495047;margin-top:36px;padding-top:22px}.toolkit span{color:var(--accent)}.toolkit p{margin-top:14px;color:#c8d0c5;line-height:1.9}.experience .section-head{margin-bottom:42px}.experience-list{margin-left:31%}.experience-list article{display:grid;grid-template-columns:130px 1fr;gap:24px;border-top:1px solid var(--line);padding:26px 0}.experience-list article:last-child{border-bottom:1px solid var(--line)}.experience-list article>span{color:#b6c1b0;padding-top:7px}.experience-list h3{font-size:28px;letter-spacing:-.04em}.experience-list p{font-size:15px;color:var(--muted);margin-top:8px}.resume{display:inline-block;margin:38px 0 0 31%;border-bottom:1px solid var(--accent);padding-bottom:7px;font-size:15px}.resume span{margin-left:30px}.contact{background:#cbd9bd;color:#151c16;padding:90px 0 35px}.contact .index,.contact h2 em{color:#3f624a}.contact h2{font-size:clamp(66px,9vw,145px)}.contact>div>p:not(.index){font-size:19px;margin:25px 0 35px}.contact-email{font-size:clamp(20px,3.3vw,49px);letter-spacing:-.045em;border-bottom:1px solid #344938;padding-bottom:8px}.contact-email span{font-size:.7em;margin-left:20px}.contact-foot{display:flex;justify-content:space-between;border-top:1px solid #8c9e8a;margin-top:115px;padding-top:18px;color:#304234}.footer{display:flex;justify-content:space-between;padding-top:29px;padding-bottom:30px;color:#a9b2a6}.footer a:hover{color:var(--text)}
@media(max-width:950px){.wrap{width:calc(100% - 56px)}.hero-kicker{margin-top:80px}.hero h1{font-size:clamp(5.7rem,14vw,10rem)}.featured-grid{grid-template-columns:1fr}.caption-art,.signal-art{height:300px}.art-frame{height:178px}.section{padding-top:90px;padding-bottom:90px}.about-grid{gap:7%}.experience-list,.resume{margin-left:20%}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.topbar{min-height:72px}.topbar nav{gap:15px;font-size:13px}.header-cta{display:none}.hero-meta{font-size:10px}.hero-kicker{font-size:10px;margin-top:90px}.hero h1{font-size:clamp(4.25rem,16vw,7rem);margin:20px 0 42px}.hero-bottom p{font-size:24px;max-width:290px}.round-arrow{height:54px;flex-basis:54px;font-size:24px}.hero-rule{margin-top:74px;font-size:10px;gap:12px}.hero-rule span:last-child{text-align:right;max-width:180px}.section-head,.about-grid{grid-template-columns:1fr}.section-head h2,.about h2{font-size:clamp(55px,12vw,82px)}.section-head>p:last-child{justify-self:start;margin-top:25px}.featured-grid{gap:14px}.feature{padding:14px}.feature-top{font-size:10px}.caption-art,.signal-art{height:235px;padding:12px}.art-top,.signal-top{font-size:9px}.art-frame{height:150px;width:88%;margin-top:10px;gap:20px}.art-subtitle{font-size:9px}.art-timeline{margin-top:11px}.signal-chart{height:158px;gap:5px}.signal-bottom{margin-top:11px}.feature-content{padding:25px 4px 10px}.feature-content h3{font-size:42px}.work-list article{grid-template-columns:40px 1fr;gap:9px;padding:22px 0}.work-list .category{grid-column:2;text-align:left;padding:0}.work-list h3{font-size:27px}.about-copy{padding-top:28px}.experience-list,.resume{margin-left:0}.experience-list article{grid-template-columns:82px 1fr;gap:13px}.experience-list h3{font-size:22px}.contact{padding-top:65px}.contact h2{font-size:clamp(55px,12vw,85px)}.contact-email{font-size:clamp(20px,5.5vw,34px)}.contact-foot{margin-top:90px}.footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Interactive project gallery */
.explore{background:#0b1012;color:#ebf1e9;min-height:calc(100svh - 90px);overflow:hidden;position:relative;background-image:radial-gradient(circle at 47% 61%,#263b38 0%,#0b1012 54%)}.explore::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(#8faaa0 1px,transparent 1px),linear-gradient(90deg,#8faaa0 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(transparent 5%,black 60%,transparent)}.explore-wrap{position:relative}.explore-top,.explore-bottom{display:flex;justify-content:space-between;gap:20px;font:11px/1.5 var(--mono);letter-spacing:.1em;color:#a2b9b0}.explore-top{padding:24px 0;border-bottom:1px solid #52635c70}.explore-heading{padding-top:25px}.explore-heading .hero-kicker{margin:0;color:#add8bc;font-size:11px}.explore-heading h1{font-size:clamp(76px,9.5vw,148px);line-height:.83;letter-spacing:-.095em;margin:14px 0 16px}.explore-heading h1 em{color:#c8e0cc;font-style:italic}.explore-heading>p:last-child{font-size:15px;color:#b3c8be}.explore-main{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(310px,.55fr);gap:30px;align-items:center;margin-top:-65px;min-height:540px}.scene-wrap{min-width:0;position:relative;padding-top:30px}.scene{height:450px;position:relative;perspective:1000px;perspective-origin:50% 42%;touch-action:pan-y;user-select:none;cursor:grab}.scene.is-dragging{cursor:grabbing}.scene-glow{position:absolute;width:430px;height:330px;left:50%;top:31%;transform:translate(-50%,-50%);background:radial-gradient(circle,#93e7ac36,transparent 68%);pointer-events:none}.scene-floor{position:absolute;width:540px;height:150px;border-radius:50%;left:50%;top:80%;transform:translateX(-50%) rotateX(70deg);background:radial-gradient(ellipse,#799f7940 0%,transparent 68%);border:1px solid #a8c8ab31;box-shadow:0 0 45px #95b58c24;pointer-events:none}.orbit{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(-7deg) rotateY(var(--yaw,0deg));transition:transform 850ms cubic-bezier(.2,.72,.19,1)}.scene.is-dragging .orbit{transition:none}.orbit-card{position:absolute;left:50%;top:43%;width:210px;height:265px;margin-left:-105px;margin-top:-132px;transform-style:preserve-3d;transform:rotateY(calc(var(--slot) * 90deg)) translateZ(280px);border:1px solid #98ad9b;background:linear-gradient(145deg,#27392e,#0e191a);color:#e7f3e6;box-shadow:14px 22px 24px #0008,inset 0 0 0 4px #0c171882;text-align:left;padding:17px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;backface-visibility:hidden;font-family:var(--mono);transition:border-color .2s,filter .2s}.orbit-card:hover,.orbit-card:focus-visible{border-color:#d8f1c9;filter:brightness(1.18)}.orbit-card[data-project="1"]{background:linear-gradient(145deg,#cce4ad,#688575);color:#10251e}.orbit-card[data-project="2"]{background:linear-gradient(145deg,#495266,#16212f)}.orbit-card[data-project="3"]{background:linear-gradient(145deg,#957d63,#2b2f28)}.card-index,.orbit-card small{font-size:10px;letter-spacing:.06em}.orbit-card strong{font:700 23px/1.05 var(--sans);letter-spacing:-.04em}.card-symbol{height:100px;width:100%;display:flex;align-items:center;justify-content:center}.symbol-caption{position:relative;border:1px solid #b7d3b77a}.symbol-caption span{font-size:31px}.symbol-caption i{position:absolute;height:4px;background:#c2dfbf;bottom:13px}.symbol-caption i:nth-of-type(1){width:26%;left:12%}.symbol-caption i:nth-of-type(2){width:23%;left:41%}.symbol-caption i:nth-of-type(3){width:18%;left:68%}.symbol-signal{gap:8px;align-items:end;padding:8px 13px}.symbol-signal i{width:17%;height:40%;background:#263b32}.symbol-signal i:nth-child(2){height:70%}.symbol-signal i:nth-child(3){height:53%}.symbol-signal i:nth-child(4){height:90%}.symbol-signal i:nth-child(5){height:66%}.symbol-system{display:flex;flex-direction:column;gap:6px}.symbol-system i{font:11px var(--mono);border:1px solid #a6b8bd;padding:2px 8px;width:85%;font-style:normal}.symbol-system i:nth-child(2){width:68%}.symbol-system i:nth-child(3){width:51%}.symbol-web{gap:6px;align-items:center}.symbol-web i{border:1px solid #dec9ae;width:30%;height:48px;transform:translateY(-10px)}.symbol-web i:nth-child(2){height:65px;transform:translateY(0)}.symbol-web i:nth-child(3){height:37px;transform:translateY(12px)}.scene-control{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:-10px;position:relative}.scene-control button{background:#1c2d2b;border:1px solid #748c7c;color:#e1f1e3;width:44px;height:44px;border-radius:50%;font-size:20px;cursor:pointer}.scene-control button:hover{background:#d4e5cf;color:#15231b}.scene-control span{font:12px var(--mono);min-width:62px;text-align:center}.scene-hint{text-align:center;font:10px var(--mono);letter-spacing:.1em;color:#91aea1;margin:17px 0 0}.scene-hint span{padding:0 8px}.project-reader{border-left:1px solid #8ebaa876;padding:17px 0 17px 32px;min-height:330px;display:flex;flex-direction:column;align-items:flex-start}.reader-label,.reader-foot{font:11px/1.4 var(--mono);letter-spacing:.075em;color:#add1b6}.project-reader h2{font-size:clamp(37px,4.3vw,63px);letter-spacing:-.06em;margin:26px 0 20px}.project-reader p{font-size:15px;line-height:1.65;color:#bdcdc2;max-width:34ch}.reader-tags{display:flex;flex-wrap:wrap;gap:6px;margin:22px 0}.reader-tags span{font:10px/1.4 var(--mono);padding:6px 8px;border:1px solid #728e7d;color:#d1e4d3}.project-reader>a{display:inline-flex;gap:32px;align-items:center;padding:10px 13px;background:#cce5c8;color:#182b22;font-size:13px;font-weight:700}.project-reader>a:hover{background:#edf9df}.project-reader>a[hidden]{display:none}.reader-foot{margin-top:auto;padding-top:32px;color:#739385}.explore-bottom{border-top:1px solid #52635c70;padding:19px 0 24px}.explore-bottom a{color:#d0e4d0}.explore-bottom a:hover{text-decoration:underline}
@media(max-width:1000px){.explore-main{grid-template-columns:1fr;gap:0;margin-top:0}.explore-heading h1{font-size:clamp(74px,13vw,125px)}.scene-wrap{padding-top:0}.project-reader{border-left:0;border-top:1px solid #78978670;min-height:unset;padding:25px 0 40px}.project-reader h2{margin:16px 0}.reader-foot{display:none}.explore-bottom{margin-top:20px}}
@media(max-width:650px){.explore-top,.explore-bottom{font-size:9px}.explore-heading{padding-top:36px}.explore-heading h1{font-size:clamp(62px,17vw,94px)}.explore-main{margin-top:0}.scene{height:350px;perspective:800px}.scene-floor{width:320px;height:110px;top:77%}.scene-glow{width:320px}.orbit-card{width:156px;height:210px;margin-left:-78px;margin-top:-105px;padding:12px;transform:rotateY(calc(var(--slot) * 90deg)) translateZ(185px)}.orbit-card strong{font-size:18px}.card-symbol{height:66px}.symbol-caption span{font-size:20px}.symbol-system i{font-size:9px}.scene-control{margin-top:-2px}.scene-hint{font-size:9px}.project-reader{margin-top:32px}.project-reader h2{font-size:42px}.explore-bottom span{max-width:170px}.explore-bottom a{text-align:right;max-width:120px}}
@media(prefers-reduced-motion:reduce){.orbit{transition:none!important}.scene-glow{display:none}}
/* Project universe */
:root{--bg:#f8f4e8;--surface:#e9e6d9;--line:#c8c5b9;--text:#222536;--muted:#555b65;--accent:#f86d52}body{background:var(--bg);color:var(--text)}.topbar{background:#172536;color:#f6f2e7;border-bottom:1px solid #ffffff35;width:100%;padding-inline:max(48px,calc((100vw - 1380px)/2));max-width:none}.monogram span{color:#fc805f}.topbar nav a:hover,.header-cta:hover{color:#ff9479}.header-cta{border-color:#ff9479}.playground{background:#172536;color:#f4f0e7;position:relative;overflow:hidden}.playground::after{content:"";position:absolute;pointer-events:none;top:12%;right:-10%;height:600px;width:600px;border:1px solid #e8f3fb19;border-radius:50%}.playground-top,.playground-foot{display:flex;justify-content:space-between;gap:20px;font:11px/1.4 var(--mono);letter-spacing:.08em;color:#bbcad2}.playground-top{padding-top:24px;padding-bottom:21px;border-bottom:1px solid #9cafb448}.playground-stage{display:grid;grid-template-columns:.85fr 1.15fr;min-height:585px;align-items:center;position:relative}.playground-intro{position:relative;z-index:2;padding-bottom:25px}.eyebrow-play{font:11px var(--mono);letter-spacing:.12em;color:#ff9b7d;margin-bottom:28px}.playground-intro h1{font-size:clamp(67px,8.3vw,130px);letter-spacing:-.09em;line-height:.94}.playground-intro h1 em{font-style:italic;color:#e5f06a;white-space:nowrap}.playground-intro>p:not(.eyebrow-play){max-width:420px;color:#d0dae0;font-size:18px;line-height:1.65;margin-top:31px}.explore-instructions{display:flex;align-items:center;gap:14px;font:11px/1.55 var(--mono);letter-spacing:.07em;color:#d1dee0;margin-top:54px}.instruction-icon{border:1px solid #8ba3a9;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;font-size:24px}.universe{height:575px;position:relative;min-width:0;--world-color:#fe805e}.universe canvas{display:block;touch-action:none}.universe-center{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);color:#182436;font-size:12px;font-weight:800;pointer-events:none;display:flex;flex-direction:column;align-items:center;line-height:1}.universe-center span{font-size:10px}.universe-nav{position:absolute;left:0;right:0;bottom:4px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap;z-index:2}.universe-nav button{font:10px/1.3 var(--mono);letter-spacing:.06em;color:#d1dedf;border:1px solid #92a9b07a;background:#1b3041cf;padding:10px 11px;cursor:pointer}.universe-nav button i{display:inline-block;background:var(--dot);width:7px;height:7px;border-radius:50%;margin-right:6px}.universe-nav button:nth-child(1){--dot:#fe805e}.universe-nav button:nth-child(2){--dot:#e5f06a}.universe-nav button:nth-child(3){--dot:#9d9bff}.universe-nav button:nth-child(4){--dot:#65d9f2}.universe-nav button:nth-child(5){--dot:#f7c67f}.universe-nav button[aria-pressed=true],.universe-nav button:hover{border-color:var(--dot);background:#34475a}.world-display{display:grid;grid-template-columns:160px minmax(0,1fr) auto;gap:25px;align-items:center;position:relative;background:#f6f1e5;color:#222536;min-height:210px;padding:30px 36px!important;border:2px solid #182739;box-shadow:12px 12px 0 #0d1823}.world-count{align-self:start;display:flex;flex-direction:column;gap:5px;font:11px var(--mono);color:#53586c}.world-count strong{font:45px/1 var(--display);color:#182638}.world-info>span{font:11px var(--mono);letter-spacing:.08em;color:#aa4b39}.world-info h2{font-size:clamp(29px,3.3vw,54px);letter-spacing:-.06em;margin:6px 0}.world-info p{font-size:15px;line-height:1.55;max-width:57ch;color:#3b4550}.world-display>a{background:#fc775a;color:#1c2735;font:700 11px/1.4 var(--mono);letter-spacing:.03em;padding:17px;display:flex;align-items:center;justify-content:space-between;gap:22px;min-width:178px}.world-display>a:hover{background:#e5f06a}.playground-foot{padding:35px 0 25px;color:#bacad2}.playground-foot a{color:#e6f06e}.playground-foot a:hover{text-decoration:underline}.section-head .index,.about .index,.contact .index,.more-work>.index{color:#c04e36}.section-head h2 em,.about h2 em,.contact h2 em{color:#b64542}.section-head>p:last-child{color:#4c5962}.feature{background:#f4d9c6;border:2px solid #202b3b;box-shadow:9px 9px 0 #202b3b}.feature-signal{background:#e2eaa8;transform:translateY(34px)}.feature-top{color:#384452}.feature-content p{color:#354050}.tags li{color:#273445;border-color:#455561}.feature-caption .caption-art{background:#172536}.feature-signal .signal-art{background:#98a9fb}.feature-signal .signal-chart span{background:#283d81}.feature-signal .signal-chart span:nth-child(4),.feature-signal .signal-chart span:nth-child(8){background:#f66b52}.feature-signal .signal-bottom strong{color:#182e64}.feature-signal .signal-bottom,.feature-signal .signal-top{color:#253d79}.project-link{background:#182739;color:#f7f4e8}.project-link:hover{background:#3d5060}.fineprint{color:#525767}.sub-link{border-color:#586578}.more-work{margin-top:155px}.work-list article{border-color:#b7c0bc}.work-list article:last-child{border-color:#b7c0bc}.work-list h3{font-family:var(--display);font-style:italic;letter-spacing:-.035em}.work-list p,.number,.category{color:#586369}.all-github{border-color:#9e4936}.about{background:#ff795e;color:#192838}.about .index,.about h2 em{color:#172536}.about-copy .lead,.about-copy>p:not(.lead),.toolkit p{color:#182a3b}.toolkit{border-color:#182a3b6b}.toolkit span{color:#23384c}.experience{background:#f8f4e8}.experience-list p,.experience-list article>span{color:#56656d}.contact{background:#a9a8fb;color:#202451}.contact .index,.contact h2 em{color:#4143a3}.contact-foot{border-color:#5454a27a;color:#373889}.contact-email{border-color:#4143a3}.footer{color:#66716f}.footer a:hover{color:#172536}
@media(max-width:1100px){.topbar{padding-inline:24px}.playground-stage{grid-template-columns:1fr;min-height:0}.playground-intro{padding-top:62px;padding-bottom:0}.playground-intro h1{font-size:clamp(72px,11vw,120px)}.universe{height:520px}.explore-instructions{margin-top:27px}.world-display{grid-template-columns:120px 1fr;gap:12px}.world-display>a{grid-column:2;justify-self:start}.feature-signal{transform:translateY(0)}}
@media(max-width:650px){.topbar{padding-inline:18px}.playground-top,.playground-foot{font-size:9px}.playground-top span:last-child{text-align:right}.playground-intro{padding-top:47px}.playground-intro h1{font-size:clamp(53px,12vw,80px)}.playground-intro>p:not(.eyebrow-play){font-size:16px;margin-top:22px}.explore-instructions{margin-top:22px}.universe{height:380px;margin-inline:-18px}.universe-nav{bottom:2px;gap:4px;padding-inline:12px}.universe-nav button{font-size:9px;padding:8px 5px}.universe-nav button i{width:5px;height:5px;margin-right:3px}.world-display{width:calc(100% - 36px);display:block;padding:20px!important;box-shadow:6px 6px 0 #0d1823}.world-count{flex-direction:row;align-items:center;justify-content:space-between}.world-count strong{font-size:25px}.world-info{margin-top:15px}.world-info h2{font-size:34px}.world-info p{font-size:14px}.world-display>a{display:inline-flex;min-width:0;margin-top:18px;padding:12px}.playground-foot{padding:28px 0}.playground-foot span{max-width:120px}.playground-foot a{text-align:right;max-width:140px}.feature{box-shadow:5px 5px 0 #202b3b}.more-work{margin-top:95px}}
/* Frame Caption Studio case study */
.case-page{background:#f5f0e4;color:#182536}.case-page .topbar{width:100%}.case-hero{background:#182536;color:#f5f0e4;padding:34px 0 95px}.case-back,.case-eyebrow,.case-label,.case-facts span,.case-facts a,.case-marquee,.process-grid span,.decision>span,.arch span,.case-note,.case-qualification,.case-end>div>p,.case-end-links a{font:12px/1.5 var(--mono);letter-spacing:.075em}.case-back{color:#ff9d81;display:inline-block;margin-bottom:65px}.case-back:hover{text-decoration:underline}.case-hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:65px;align-items:end}.case-eyebrow{color:#e5f06a;margin-bottom:18px}.case-hero h1{font-size:clamp(85px,10vw,150px);letter-spacing:-.09em;line-height:.81}.case-hero h1 em{color:#ff8968}.case-hero h1>span{color:#e5f06a}.case-deck{font-size:clamp(20px,2.4vw,34px);line-height:1.3;letter-spacing:-.035em;max-width:590px;margin-top:42px;color:#d3e0e0}.case-facts{border-top:2px solid #d8e0dc;margin-bottom:8px}.case-facts>div{border-bottom:1px solid #718390;display:grid;grid-template-columns:95px 1fr;gap:15px;padding:20px 0}.case-facts span{color:#aebbc2}.case-facts strong{font-size:15px;font-weight:400}.case-facts a{display:block;background:#e5f06a;color:#182536;padding:15px;margin-top:20px;text-align:center;font-weight:700}.case-marquee{overflow:hidden;white-space:nowrap;background:#ff8968;color:#1b2937;padding:18px 0;font-size:14px;letter-spacing:.13em}.case-marquee span{display:block;text-align:center}.case-section{display:grid;grid-template-columns:26% 1fr;gap:25px;padding-top:120px;padding-bottom:125px;border-bottom:1px solid #bcbdb6}.case-label{color:#a94634;padding-top:14px}.case-body{max-width:870px}.case-section h2,.case-process h2,.case-diagram h2,.case-end h2{font-size:clamp(53px,6vw,93px);letter-spacing:-.075em;line-height:1.03}.case-section h2 em,.case-process h2 em,.case-diagram h2 em,.case-end h2 em{color:#c85640}.case-body>p{max-width:750px;font-size:18px;line-height:1.8;color:#35404a;margin-top:24px}.case-body>p.case-lead{font-size:clamp(22px,2.5vw,32px);line-height:1.45;letter-spacing:-.025em;margin-top:43px;color:#1c2d3a}.case-process{background:#dce4ab;padding:110px 0 120px}.case-process .case-label{margin-bottom:22px}.case-process h2 em{color:#536b35}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:65px}.process-grid>div{background:#f4f1df;border:2px solid #23323e;padding:25px;min-height:260px;box-shadow:7px 7px 0 #23323e}.process-grid span{color:#a94e37}.process-grid strong{display:block;font:29px/1.08 var(--display);letter-spacing:-.04em;margin:33px 0 16px}.process-grid p{font-size:14px;line-height:1.6;color:#4b555c}.decision{display:grid;grid-template-columns:65px 1fr;gap:10px;border-top:1px solid #b9c0b9;padding:26px 0}.decision:first-of-type{margin-top:60px}.decision>span{color:#b64f3b}.decision h3{font:36px/1.1 var(--display);letter-spacing:-.04em}.decision p{font-size:16px;line-height:1.7;color:#47525b;margin-top:13px}.decision code{font-size:.85em;background:#e2e6d7;padding:2px 5px}.case-diagram{background:#a9a8fb;padding:112px 0}.case-diagram .case-label{color:#303385;margin-bottom:25px}.case-diagram h2 em{color:#35378c}.arch{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin-top:64px}.arch>div{border:2px solid #202653;background:#e3e2ff;padding:20px;min-height:145px}.arch span{color:#464bb1}.arch strong{display:block;font:23px/1.15 var(--display);margin:17px 0 10px}.arch small{font-size:13px;line-height:1.4;display:block}.arch>b{font-size:22px}.case-note{max-width:720px;margin-top:35px;font-size:13px;letter-spacing:0;line-height:1.8;color:#30366a}.reflection-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:60px}.reflection-grid h3{font:35px var(--display);letter-spacing:-.04em}.reflection-grid ul{padding-left:20px;color:#47515b;line-height:1.75}.reflection-grid li{padding:5px 0}.case-body>p.case-qualification{font:12px/1.6 var(--mono);color:#707a80;margin-top:45px}.case-end{background:#ff8968;color:#182536;padding:105px 0 115px}.case-end>div>p{color:#394a4c;margin-bottom:20px}.case-end h2 em{color:#f9f0d8}.case-end-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:50px}.case-end-links a{border:2px solid #182536;padding:17px 21px;color:#182536;font-weight:700}.case-end-links a:first-child{background:#182536;color:#fff}.case-end-links a:hover{background:#e5f06a;color:#182536}
@media(max-width:1000px){.case-hero-grid{grid-template-columns:1fr;gap:45px}.case-facts{max-width:650px}.case-section{grid-template-columns:1fr;gap:12px}.process-grid{grid-template-columns:1fr 1fr}.arch{grid-template-columns:1fr 1fr}.arch>b{display:none}}
@media(max-width:650px){.case-hero{padding-bottom:72px}.case-back{margin-bottom:45px}.case-hero h1{font-size:clamp(62px,14.5vw,94px)}.case-deck{font-size:23px;margin-top:30px}.case-facts>div{grid-template-columns:75px 1fr}.case-marquee{font-size:11px}.case-section,.case-process,.case-diagram,.case-end{padding-top:75px;padding-bottom:80px}.case-section h2,.case-process h2,.case-diagram h2,.case-end h2{font-size:clamp(48px,11vw,70px)}.case-body>p.case-lead{font-size:23px}.case-body>p{font-size:16px}.process-grid{grid-template-columns:1fr;margin-top:40px}.process-grid>div{min-height:0;padding:22px}.process-grid strong{margin:20px 0 12px}.decision{grid-template-columns:35px 1fr}.decision h3{font-size:28px}.reflection-grid{grid-template-columns:1fr;gap:22px}.arch{grid-template-columns:1fr;gap:8px;margin-top:35px}.arch>div{min-height:0}.case-end-links{flex-direction:column;align-items:flex-start}}

.case-try{display:grid;grid-template-columns:26% 1fr;gap:25px;padding-top:95px;padding-bottom:105px;border-bottom:1px solid #bcbdb6}.case-try>div:last-child{max-width:870px}.case-try h2{font-size:clamp(53px,6vw,93px);letter-spacing:-.075em;line-height:1.03}.case-try h2 em{color:#c85640}.case-try p{max-width:750px;font-size:18px;line-height:1.7;margin-top:32px;color:#35404a}.case-try code{font-size:.85em;background:#e2e6d7;padding:2px 5px}.case-try-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px}.case-try-links a{font:700 13px/1.5 var(--mono);letter-spacing:.04em;color:#182536;border:2px solid #182536;padding:15px 18px}.case-try-links a:first-child{background:#182536;color:#fff}.case-try-links a:hover{background:#e5f06a;color:#182536}@media(max-width:800px){.case-try{grid-template-columns:1fr;gap:12px;padding-top:72px;padding-bottom:78px}}

.feature-atlas{grid-column:1/-1;background:#202c3a;color:#f2f3e8}.feature-atlas .feature-content{display:flex;align-items:end;justify-content:space-between;gap:30px}.feature-atlas .feature-content p{max-width:620px}.feature-atlas .project-link{white-space:nowrap}.atlas-art{height:310px;background:#111a24;color:#e4edd4;border:1px solid #647276;padding:20px;overflow:hidden;position:relative}.atlas-top{font:12px var(--mono);letter-spacing:.1em;display:flex;justify-content:space-between;color:#dce887}.atlas-frame{position:relative;height:225px;margin-top:15px;border:1px solid #afba9c;background:linear-gradient(160deg,#51676d,#293943 55%,#172126 56%);display:flex;align-items:end;justify-content:space-between;padding:17px;color:#d7e4c4;font:11px var(--mono);letter-spacing:.07em;overflow:hidden}.atlas-frame:after{content:"";width:60px;height:100px;border-radius:40% 40% 0 0;background:#17232b;position:absolute;bottom:-10px;left:65%;box-shadow:0 -42px 0 -17px #17232b}.atlas-frame strong{font:italic 31px var(--display);letter-spacing:-.04em;position:relative;z-index:1;color:#f5ead7}.atlas-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 33.2%,#e5f0da44 33.3%,transparent 33.5%,transparent 66.5%,#e5f0da44 66.6%,transparent 66.8%),linear-gradient(0deg,transparent 33.2%,#e5f0da44 33.3%,transparent 33.5%,transparent 66.5%,#e5f0da44 66.6%,transparent 66.8%)}.atlas-strip{display:flex;gap:6px;margin-top:8px;align-items:center}.atlas-strip i{display:block;background:#667c7b;height:7px;flex:1}.atlas-strip i:nth-child(2){background:#dce887;flex:1.4}.atlas-strip span{font:10px var(--mono);color:#cdd2c7;margin-left:10px}.feature-atlas .fineprint{color:#b9c2b9}@media(max-width:800px){.feature-atlas .feature-content{display:block}.feature-atlas .project-link{display:inline-flex;margin-top:30px;white-space:normal}.atlas-art{height:250px}.atlas-frame{height:170px}.atlas-frame strong{font-size:22px}}

/* Shot Atlas editorial artwork matches the live production board. */
.feature-atlas{background:#e5e9ff;color:#131720}.feature-atlas .feature-top{color:#172549}.feature-atlas .tags li{border-color:#545a70}.feature-atlas .fineprint{color:#444b62}.feature-atlas .project-link{color:#152aa2;border-color:#152aa2}.feature-atlas .project-link:hover{background:#dbf44e;color:#12151b}.atlas-art{background:#2649dc;border:3px solid #141720;padding:17px;height:310px;color:#fff;overflow:hidden}.atlas-top{font-weight:800;letter-spacing:.08em;color:#fff;display:flex;justify-content:space-between}.atlas-poster{display:flex;flex-direction:column;justify-content:space-between;position:relative;margin-top:12px;padding:16px;height:245px;background:#f0eee7;color:#141720;overflow:hidden}.atlas-poster>span{font:700 10px var(--mono);color:#2649dc}.atlas-poster strong{font:900 clamp(48px,5.5vw,93px)/.8 Arial,sans-serif;letter-spacing:-.09em;white-space:nowrap}.atlas-poster strong span{color:#f14d37;font-size:.5em;vertical-align:top}.atlas-mini{display:flex;gap:6px;margin-left:auto}.atlas-mini i{display:grid;place-items:center;background:#dbf44e;border:2px solid #141720;width:40px;height:27px;font:800 12px var(--mono)}@media(max-width:650px){.atlas-art{height:240px}.atlas-poster{height:175px}.atlas-poster strong{font-size:clamp(44px,10vw,70px)}.atlas-mini i{width:28px;height:21px}}

/* Calm Shot Atlas product card */
.feature-atlas{background:#f5f5f7;color:#1d1d1f}.feature-atlas .feature-top{color:#65656b}.feature-atlas .fineprint{color:#6e6e73}.atlas-art{height:320px;background:#fff;border:1px solid #d2d2d7;padding:18px 24px;box-shadow:none;color:#1d1d1f}.atlas-top{font:600 14px Arial,sans-serif;letter-spacing:-.02em;color:#1d1d1f;align-items:center}.atlas-top span{color:#86868b;font:12px Arial,sans-serif;letter-spacing:0}.atlas-product{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:22px;height:245px}.atlas-copy small{display:block;color:#ad7047;font:600 14px Arial,sans-serif;margin-bottom:12px}.atlas-copy strong{display:block;font:700 clamp(31px,3vw,51px)/1.03 Arial,sans-serif;letter-spacing:-.065em;white-space:normal}.atlas-copy strong span{color:#86868b;font:inherit}.atlas-preview{background:#f5f5f7;border-radius:12px;padding:14px;box-shadow:0 15px 30px #1621331a}.atlas-preview>span{font:600 11px Arial,sans-serif;color:#6e6e73}.atlas-preview-frame{position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:7px;margin-top:8px;background:linear-gradient(155deg,#94a6ac 0%,#7f908a 52%,#38474b 53%,#1d2e32 100%)}.atlas-preview-frame:before{content:"";position:absolute;left:65%;bottom:-18%;width:19%;height:70%;background:#25353b;border-radius:40% 40% 0 0}.atlas-preview-frame:after{content:"";position:absolute;left:70%;bottom:52%;width:9%;aspect-ratio:1;border-radius:50%;background:#25353b}.feature-atlas .project-link{color:#0071e3;border-color:#0071e3}.feature-atlas .project-link:hover{background:#e9f3ff;color:#0057ac}@media(max-width:650px){.atlas-art{height:250px;padding:15px}.atlas-product{height:185px;gap:10px}.atlas-copy small{font-size:10px}.atlas-copy strong{font-size:clamp(22px,6.5vw,35px)}.atlas-preview{padding:7px}.atlas-preview>span{font-size:8px}}