@view-transition{navigation:auto}::view-transition-old(root){animation:.22s both page-out}::view-transition-new(root){animation:.38s both page-in}@keyframes page-out{to{opacity:0;transform:translateY(-5px)}}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}}:root{--paper:#f0eee8;--ink:#171816;--muted:#77786f;--line:#c9c7bf;--site-blue:#3154b8;--blue:var(--site-blue)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans),sans-serif;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}main{width:min(100%,1600px);margin:0 auto;overflow:hidden}.accent-cobalt{--site-blue:#3154b8;--blue:#3154b8}.accent-forest{--site-blue:#376a54;--blue:#376a54}.accent-brick{--site-blue:#a94737;--blue:#a94737}.accent-plum{--site-blue:#65446f;--blue:#65446f}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:92px;padding:0 4vw;display:flex}.wordmark{letter-spacing:-.08em;font-size:24px;font-weight:700}.wordmark span{color:var(--blue);vertical-align:.18em;margin-left:.14em;font-size:.62em;transition:transform .55s cubic-bezier(.2,.8,.2,1),color .25s;display:inline-block}.wordmark:hover span{transform:rotate(360deg)scale(1.18)}nav{font:500 12px/1 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.08em;gap:clamp(20px,3vw,46px);display:flex}nav a{position:relative}nav a:after{content:"";background:var(--ink);height:1px;transition:right .25s;position:absolute;bottom:-6px;left:0;right:100%}nav a:hover:after{right:0}nav a:focus-visible:after{right:0}.hero{flex-direction:column;min-height:900px;padding:clamp(56px,8vw,110px) 4vw 0;display:flex}.hero-topline{justify-content:space-between;align-items:center;gap:24px;display:flex}.eyebrow{font:400 11px/1 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;display:flex}.eyebrow svg{transition:transform .45s cubic-bezier(.2,.8,.2,1),color .2s}.eyebrow:hover svg{color:var(--blue);transform:rotate(155deg)scale(1.18)}.mood-picker{align-items:center;gap:8px;display:flex}.mood-picker>span{color:var(--muted);font:400 9px/1 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.1em;margin-right:4px}.mood-picker button{border:2px solid var(--paper);width:18px;height:18px;box-shadow:0 0 0 1px var(--line);cursor:pointer;border-radius:50%;padding:0;transition:transform .2s,box-shadow .2s}.mood-picker button:hover{transform:scale(1.22)rotate(8deg)}.mood-picker button.active{box-shadow:0 0 0 2px var(--ink);transform:scale(1.12)}h1{font:400 clamp(50px,8.4vw,132px)/.88 var(--font-serif),serif;letter-spacing:-.045em;margin:clamp(70px,9vw,130px) 0 0}h1 span{color:var(--blue)}.hero-title-row{isolation:isolate;align-items:center;min-height:clamp(180px,21vw,330px);margin-top:clamp(70px,9vw,130px);display:flex;position:relative}.hero-title-row h1{z-index:2;margin:0;position:relative}.hero-portrait{aspect-ratio:.82;z-index:1;opacity:.22;pointer-events:none;background:0 0;border:0;width:clamp(400px,41vw,625px);margin:0;padding:0;position:absolute;bottom:clamp(-150px,-9.5vw,-88px);left:auto;right:clamp(55px,9vw,150px);overflow:visible;transform:translateY(1%);-webkit-mask-image:linear-gradient(#000 0% 72%,#000000d1 82%,#0000 100%);mask-image:linear-gradient(#000 0% 72%,#000000d1 82%,#0000 100%)}.hero-portrait:before{content:"";z-index:2;background:var(--blue);mix-blend-mode:color;transition:background-color .45s;animation:7s ease-in-out infinite alternate portrait-breathe;position:absolute;inset:0;-webkit-mask:url(/portraits/elle-cutout-01.png) bottom/contain no-repeat;mask:url(/portraits/elle-cutout-01.png) bottom/contain no-repeat}.hero-portrait img{z-index:1;object-fit:contain;object-position:center bottom;filter:grayscale()contrast(1.08);width:100%;height:100%;animation:7s ease-in-out infinite alternate portrait-breathe;display:block;position:absolute;inset:0}@keyframes portrait-breathe{0%{transform:translate(-1%,3%)scale(1.03)}to{transform:translate(-.2%,1.5%)scale(1.045)}}.hero-asterisk{color:var(--blue);font-family:var(--font-sans),sans-serif;vertical-align:top;cursor:pointer;background:0 0;border:0;margin-left:.05em;padding:0;font-size:.34em;line-height:1;transition:transform .7s cubic-bezier(.2,.8,.2,1);display:inline-block;transform:translateY(-.2em)rotate(12deg)}h1:hover .hero-asterisk{transform:translateY(-.2em)rotate(372deg)scale(1.12)}.hero-asterisk:focus-visible{outline:2px solid var(--blue);outline-offset:5px;border-radius:3px}.hero-asterisk.trail-active{animation:.9s ease-in-out infinite alternate trail-pulse}.hero-bottom{justify-content:flex-end;align-items:end;gap:7vw;margin-top:48px;display:flex}.hero-bottom p{letter-spacing:-.02em;width:min(430px,52vw);margin:0;font-size:clamp(15px,1.4vw,20px);line-height:1.55}.rotating-roles{vertical-align:middle;width:max-content;max-width:100%;height:1.65em;box-shadow:3px 3px 0 var(--ink);color:#fff;cursor:pointer;border:0;border-radius:999px;place-items:center;margin:0 .12em;padding:0 .72em;font-weight:600;transition:background .25s,transform .2s;display:inline-grid;position:relative;overflow:hidden}.rotating-roles:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-1px,-1px)rotate(-1deg)}.rotating-roles>span{white-space:nowrap;animation:.38s cubic-bezier(.2,.8,.2,1) both role-pop}.role-engineer{background:var(--site-blue)}.role-researcher{background:#376a54}.role-designer{background:#a94737}.role-developer{background:#a46f16}.role-tabs{background:#65446f}.role-rabbit-hole{background:#376a54}.role-tiny-details{background:#a94737}.role-overthinker{background:#3154b8}@keyframes role-pop{0%{opacity:0;transform:translateY(70%)}to{opacity:1;transform:translateY(0)}}@keyframes trail-pulse{to{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--blue) 65%,transparent));transform:translateY(-.2em)rotate(32deg)scale(1.14)}}.star-trail{z-index:100;pointer-events:none;position:fixed;inset:0;overflow:hidden}.star-trail i{color:var(--blue);font:400 14px/1 var(--font-sans),sans-serif;font-style:normal;animation:.85s cubic-bezier(.2,.7,.2,1) forwards spark-away;position:absolute;transform:translate(-50%,-50%)}@keyframes spark-away{0%{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(.45)}60%{opacity:.9}to{opacity:0;transform:translate(calc(-50% + var(--spark-x)),calc(-50% + var(--spark-y))) rotate(160deg) scale(1.2)}}.hero-actions{align-items:center;gap:14px;display:flex}.hero-social-link{border:1px solid var(--ink);font:500 10px/1 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;gap:6px;padding:11px 14px;transition:all .2s;display:flex}.hero-social-link:hover{color:#fff;background:var(--ink);transform:translateY(-2px)rotate(-1deg)}.round-link{border:1px solid var(--ink);color:#fff;background:var(--blue);width:62px;height:62px;box-shadow:4px 4px 0 var(--ink);border-radius:50%;place-items:center;transition:all .25s;display:grid}.round-link:hover{background:var(--ink);box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)rotate(8deg)}.marker{color:inherit;font:inherit;line-height:inherit;letter-spacing:inherit;background-color:#0000;background-position:0 88%;background-repeat:no-repeat;background-size:100% 28%;border:0;margin:0;padding:0 .08em;transition:background-size .25s,background-position .25s;position:relative}.marker:hover{background-position:0 70%;background-size:100% 78%}.marker[data-note]{cursor:help;outline:none}.marker[data-note]:after{content:attr(data-note);z-index:12;border:1px solid var(--ink);width:max-content;max-width:180px;color:var(--ink);box-shadow:2px 2px 0 var(--ink);opacity:0;pointer-events:none;font:500 9px/1.25 var(--font-mono),monospace;letter-spacing:.02em;background:#fff8e8;border-radius:10px 10px 10px 2px;padding:7px 9px;transition:all .2s;position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-45%,6px)rotate(-2deg)}.marker[data-note]:hover:after{opacity:1;transform:translate(-45%)rotate(-2deg)}.marker[data-note]:focus-visible:after{opacity:1;transform:translate(-45%)rotate(-2deg)}.marker-blue{background-image:linear-gradient(#aebcea,#aebcea)}.marker-coral{background-image:linear-gradient(#e3a18f,#e3a18f)}.marker-yellow{background-image:linear-gradient(#ddbd58,#ddbd58)}.interest-index{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:170px 1.3fr 1fr;align-items:start;gap:3vw;margin-top:75px;padding:22px 0;display:grid}.interest-index>p:first-child{font:400 10px/1.4 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.1em;margin:4px 0 0}.interest-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 20px;display:grid}.interest-controls button{color:var(--muted);cursor:pointer;text-align:left;font:400 15px/1.2 var(--font-sans),sans-serif;background:0 0;border:1px solid #0000;border-radius:999px;gap:12px;padding:9px 12px;transition:all .2s;display:flex}.interest-controls button span{font:400 9px/1.7 var(--font-mono),monospace}.interest-controls button:hover{color:var(--blue);border-color:#aebcea}.interest-controls button.active{color:#fff;background:var(--blue);border-color:var(--blue);transform:rotate(-1deg)}.interest-copy{min-height:48px;font:400 18px/1.45 var(--font-serif),serif;margin:2px 0 0;animation:.38s cubic-bezier(.2,.75,.25,1) inquiry-in}@keyframes inquiry-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.axis{height:75px;font:400 10px/1 var(--font-mono),monospace;letter-spacing:.12em;align-items:center;gap:14px;margin-top:auto;display:flex}.axis i{background:var(--line);flex:1;height:1px;position:relative}.axis i:after{content:"";background:var(--blue);border-radius:50%;width:5px;height:5px;transition:transform .3s;position:absolute;top:-2px;right:0}.axis:hover i:after{transform:translate(-10px)scale(1.4)}.work{background:var(--ink);color:var(--paper);padding:95px 4vw 110px}.section-heading{justify-content:space-between;align-items:end;padding-bottom:48px;display:flex}.section-heading p,.section-heading span{font:400 11px/1.4 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.1em;margin:0}.section-heading span{color:#8d8e87}.section-heading h2{font:400 clamp(48px,6vw,86px)/.9 var(--font-serif),serif;letter-spacing:-.045em;margin:14px 0 0}.section-heading h2 em{color:#8298f1;font:400 .55em/1 var(--font-sans),sans-serif}.project{border-top:1px solid #4b4c48}.project.tone-blue{--project-accent:#8298f1;--project-soft:#6e89ff1a}.project.tone-amber{--project-accent:#d5a84b;--project-soft:#e0ad431a}.project.tone-green{--project-accent:#68bd87;--project-soft:#62b9821a}.project.tone-red{--project-accent:#df705f;--project-soft:#ff6d581a}.project:last-child{border-bottom:1px solid #4b4c48}.project-trigger{width:100%;min-height:120px;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:70px 1fr 90px 38px;align-items:center;gap:20px;padding:22px 10px;transition:background .25s;display:grid}.project-trigger:hover{background:linear-gradient(90deg,var(--project-soft),transparent 76%)}.project-index,.project-year{font:400 11px/1 var(--font-mono),monospace;color:#8d8e87}.project-year{flex-direction:column;gap:8px;display:flex}.project-year b{width:max-content;color:var(--project-accent);font:500 8px/1 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:5px;display:flex}.project-year b:before{content:"";width:6px;height:6px;box-shadow:0 0 0 3px var(--project-soft);background:currentColor;border-radius:50%}.project-index{border:1px solid var(--project-accent);width:34px;height:34px;color:var(--project-accent);border-radius:50%;place-items:center;transition:all .25s;display:grid;transform:rotate(-6deg)}.project-trigger:hover .project-index{color:var(--ink);background:var(--project-accent);transform:rotate(4deg)scale(1.05)}.project-heading{flex-direction:column;gap:10px;display:flex}.project-name{width:max-content;max-width:100%;color:var(--ink);background:var(--project-accent);font:500 9px/1.25 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.09em;border-radius:999px;padding:6px 10px;transform:rotate(-1deg)}.project.open .project-name{transform:rotate(1deg)}.project-title{background:linear-gradient(var(--project-accent),var(--project-accent)) no-repeat 0 100%/24% 3px;-webkit-box-decoration-break:clone;box-decoration-break:clone;width:max-content;max-width:100%;font:400 clamp(27px,3.1vw,52px)/1 var(--font-serif),serif;padding-bottom:4px;transition:background-size .35s,transform .25s}.project-trigger:hover .project-title{background-size:100% 3px;transform:translate(7px)}.project-arrow{width:36px;height:36px;color:var(--ink);background:var(--project-accent);border-radius:50%;place-items:center;transition:transform .3s,box-shadow .2s;display:grid}.project-trigger:hover .project-arrow{box-shadow:3px 3px 0 var(--paper);transform:translate(-2px,-2px)}.project.open .project-arrow{transform:rotate(90deg)}.project-detail{opacity:0;grid-template-columns:1fr 1.4fr;gap:7vw;max-height:0;transition:max-height .5s cubic-bezier(.2,.8,.2,1),opacity .3s,padding .5s;display:grid;overflow:hidden}.project.open .project-detail{opacity:1;max-height:360px;padding:12px 0 54px 90px}.project-detail p{color:#c8c8c1;max-width:580px;margin:0;font-size:17px;line-height:1.6}.project-note{font:400 10px/1.4 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.08em;color:#8d8e87;margin-top:24px;display:block}.note-link{color:#fff;width:max-content;font:400 10px/1 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.08em;background:#3154b8;border:1px solid #9babff;border-radius:999px;align-items:center;gap:6px;margin-top:22px;padding:11px 14px;transition:all .2s;display:flex}.note-link:hover{color:var(--ink);background:#e0ad43;border-color:#e0ad43;transform:translateY(-2px)rotate(-1deg)}.project-mark{aspect-ratio:2.2;border-radius:50%;place-items:center;display:grid;position:relative;transform:rotate(-5deg)}.project-mark:before{content:"";border:1px solid;border-radius:50%;position:absolute;inset:12%}.project-mark span{background:var(--ink);font:400 9px/1 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.08em;padding:7px 10px;position:relative}.project.open .project-mark:hover{transform:rotate(3deg)scale(1.025)}.project-mark{transition:transform .35s cubic-bezier(.2,.8,.2,1)}.project-mark.blue{color:#6e89ff}.project-mark.red{color:#ff6d58}.project-mark.green{color:#62b982}.project-mark.amber{color:#e0ad43}.archive{border-bottom:1px solid var(--line);padding:110px 4vw 125px}.archive-intro{grid-template-columns:1.4fr 1fr;align-items:end;gap:10vw;display:grid}.archive-kicker{font:400 11px/1 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.1em;margin:0 0 32px}.archive-kicker:after,.about-label:after{content:"✦";color:var(--blue);margin-left:9px;display:inline-block;transform:rotate(12deg)}.archive h2{font:400 clamp(46px,6vw,92px)/.92 var(--font-serif),serif;letter-spacing:-.04em;margin:0}.archive h2 em{color:var(--blue);font-weight:400}.archive-intro>p{max-width:440px;margin:0 0 7px;font-size:16px;line-height:1.6}.archive-filters{gap:8px;margin:90px 0 24px;display:flex}.archive-filters button{border:1px solid var(--line);color:var(--muted);cursor:pointer;font:400 10px/1 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.08em;background:0 0;border-radius:999px;padding:9px 14px;transition:all .2s}.archive-filters button:hover,.archive-filters button.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.archive-list{border-top:1px solid var(--line)}.archive-row{border-bottom:1px solid var(--line);grid-template-columns:55px 1.2fr 1fr 90px 24px;align-items:center;gap:18px;min-height:78px;transition:padding .25s,color .2s,background .25s;animation:.35s both archive-in;display:grid}.archive-row:nth-child(2){animation-delay:35ms}.archive-row:nth-child(3){animation-delay:70ms}.archive-row:nth-child(4){animation-delay:.105s}.archive-row:nth-child(5){animation-delay:.14s}.archive-row:nth-child(6){animation-delay:.175s}.archive-row:hover{color:var(--ink);padding-left:10px}.archive-row:nth-child(4n+1):hover{background:#dfe5f5}.archive-row:nth-child(4n+2):hover{background:#ead6cd}.archive-row:nth-child(4n+3):hover{background:#e0eadf}.archive-row:nth-child(4n):hover{background:#eadb9d}.archive-row:hover>svg{transform:rotate(12deg)scale(1.15)}.archive-row>svg{transition:transform .2s}@keyframes archive-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.archive-number,.archive-type{color:var(--muted);font:400 10px/1 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.08em}.archive-title{font:400 clamp(22px,2.4vw,38px)/1 var(--font-serif),serif}.archive-title small{font:500 8px/1 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.13em;margin-top:8px;display:block}.archive-detail{color:var(--muted);font-size:13px}.constellation{color:var(--ink);background:var(--paper);border-bottom:1px solid var(--line);padding:110px 4vw 120px;overflow:hidden}.constellation-heading{display:block}.constellation-heading>p{font:400 10px/1 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 34px}.constellation h2{max-width:1300px;font:400 clamp(43px,5.7vw,84px)/.94 var(--font-serif),serif;letter-spacing:-.04em;margin:0}.constellation h2 em{color:var(--blue);font-weight:400}.constellation-intro{max-width:620px;color:var(--muted);margin:38px 0 0;font-size:16px;line-height:1.65}.constellation-intro span{color:var(--blue)}.constellation-filters{flex-wrap:wrap;gap:8px;margin:72px 0 28px;display:flex}.constellation-filters button{border:1px solid var(--line);color:var(--muted);cursor:pointer;font:400 9px/1 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.08em;background:0 0;border-radius:999px;padding:9px 13px;transition:all .2s}.constellation-filters button:hover,.constellation-filters button.active{color:#fff;background:var(--blue);border-color:var(--blue);transform:rotate(-1deg)}.constellation-filters .archive-shuffle{color:var(--ink);border-style:dashed;margin-left:auto}.archive-shuffle span{color:var(--blue);margin-left:5px;font-size:15px;transition:transform .35s cubic-bezier(.2,.8,.2,1);display:inline-block}:is(.archive-shuffle:hover span,.archive-shuffle:focus-visible span){color:#fff;transform:rotate(180deg)scale(1.2)}.constellation-field{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:220px;gap:14px;min-height:0;padding:0;display:grid}.constellation-field a{border:1px solid var(--line);background:var(--paper);min-width:0;color:var(--ink);text-align:left;font:400 clamp(24px,2.5vw,42px)/.96 var(--font-serif),serif;border-radius:3px;flex-direction:column;justify-content:space-between;padding:22px 24px;transition:opacity .3s,transform .3s cubic-bezier(.2,.8,.2,1),background .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.constellation-field a:after{content:"↗";color:var(--blue);font:400 18px/1 var(--font-sans),sans-serif;transition:transform .3s,color .2s;position:absolute;top:18px;right:22px}.constellation-field a:first-child{background:#d8dfef;grid-column:span 5}.constellation-field a:nth-child(2){background:#e2cec5;grid-column:span 3}.constellation-field a:nth-child(3){background:#d2e2d0;grid-column:span 4}.constellation-field a:nth-child(4){background:#e4d9ae;grid-column:span 3}.constellation-field a:nth-child(5){background:#ddd0e3;grid-column:span 5}.constellation-field a:nth-child(6){background:#cee0dc;grid-column:span 4}:is(.constellation-field a.related:hover,.constellation-field a.related:focus-visible){color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:5px 6px 0 var(--ink);outline:none;transform:translate(-3px,-4px)}.constellation-field a.related:hover:after{color:#fff;transform:translate(5px,-5px)rotate(8deg)}.constellation-field a.related:focus-visible:after{color:#fff;transform:translate(5px,-5px)rotate(8deg)}:is(.constellation-field a.related:hover>span,.constellation-field a.related:hover>small,.constellation-field a.related:focus-visible>span,.constellation-field a.related:focus-visible>small){color:#fff}.constellation-field a.dimmed{opacity:.12;box-shadow:none;transform:scale(.97)}.constellation-field a>strong{font-weight:400;transition:opacity .2s,transform .2s}.constellation-field a>span{font:400 8px/1 var(--font-mono),monospace;color:var(--muted)}.constellation-field a>small{font:400 7px/1.3 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.constellation-field .constellation-preview{color:#fff;opacity:0;max-width:34ch;font:400 12px/1.4 var(--font-sans),sans-serif;flex-direction:column;gap:8px;transition:opacity .2s,transform .25s;display:flex;position:absolute;inset:auto 24px 22px;transform:translateY(10px)}.constellation-field .constellation-preview b{font:500 8px/1 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.1em}.constellation-field a:hover>strong,.constellation-field a:hover>.constellation-number,.constellation-field a:hover>small{opacity:0;transform:translateY(-5px)}.constellation-field a:focus-visible>strong{opacity:0;transform:translateY(-5px)}.constellation-field a:focus-visible>.constellation-number{opacity:0;transform:translateY(-5px)}.constellation-field a:focus-visible>small{opacity:0;transform:translateY(-5px)}:is(.constellation-field a:hover>.constellation-preview,.constellation-field a:focus-visible>.constellation-preview){opacity:1;transform:translateY(0)}@media (max-width:900px){.constellation-field{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:210px}.constellation-field a:nth-child(n){grid-column:auto}}.about{grid-template-columns:1fr 2.4fr;gap:5vw;min-height:520px;padding:82px 4vw;display:grid}.about-label{font:400 11px/1 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.1em;margin:4px 0}.about-label:after{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.about:hover .about-label:after{transform:rotate(372deg)scale(1.2)}.about-copy>p:first-child{max-width:880px;font:400 clamp(30px,3.75vw,56px)/1.08 var(--font-serif),serif;letter-spacing:-.025em;margin:0}.small-copy{max-width:530px;margin:75px 0 0 auto;font-size:17px;line-height:1.6}footer{background:var(--site-blue);color:#fff;flex-direction:column;justify-content:space-between;min-height:420px;padding:80px 4vw 38px;display:flex}footer p{font:400 11px/1 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.1em;margin:0 0 12px}footer a{font:400 clamp(58px,10vw,150px)/.9 var(--font-serif),serif;letter-spacing:-.04em;align-items:center;gap:12px;display:inline-flex}footer a svg{transition:transform .25s}footer a:hover svg{transform:translate(7px,-7px)}footer>span{font:400 10px/1 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.08em;align-self:flex-end}.footer-bottom{justify-content:space-between;align-items:end;gap:24px;width:100%;display:flex}footer .footer-link{font:500 10px/1 var(--font-mono),monospace;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #ffffffa6;padding-bottom:4px;transition:gap .2s,border-color .2s}footer .footer-link:hover{border-color:#fff;gap:8px}.footer-signoff{text-align:right;min-width:230px;position:relative}.footer-signoff i{opacity:0;color:#fff;font-style:normal;transition:all .25s;position:absolute;top:0;right:0;transform:translateY(8px)}.footer-signoff>span{transition:all .25s}.footer-signoff:hover>span{opacity:0;transform:translateY(-8px)}.footer-signoff:hover i{opacity:1;transform:translateY(0)}.egg-toast{z-index:20;border:1px solid var(--ink);color:var(--ink);box-shadow:4px 4px 0 var(--ink);cursor:pointer;font:500 11px/1 var(--font-mono),monospace;background:#eadb9d;border-radius:999px;padding:16px 18px;animation:.4s cubic-bezier(.2,.8,.2,1) both egg-in;position:fixed;bottom:24px;right:24px}.egg-toast span{color:#6d5824;margin-left:12px}@keyframes egg-in{0%{opacity:0;transform:translateY(20px)rotate(3deg)}to{opacity:1;transform:translateY(0)rotate(-1deg)}}.party-mode .hero{position:relative}.party-mode .hero:before{content:"✦   ◌   +   ✷   ◍";color:var(--site-blue);font:400 clamp(26px,5vw,70px)/1 var(--font-sans),sans-serif;letter-spacing:10vw;opacity:.23;pointer-events:none;animation:4s ease-in-out infinite alternate party-drift;position:absolute;inset:19% 3% auto}.party-mode .hero-asterisk{animation:2s linear infinite party-spin}@keyframes party-drift{to{transform:translateY(24px)rotate(3deg)}}@keyframes party-spin{to{transform:translateY(-.2em)rotate(372deg)}}.note-page{overflow:visible}.note-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:92px;padding:0 4vw;display:flex}.back-link{font:400 10px/1 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:7px;display:flex}.note-page article{padding:90px 4vw 130px}.note-masthead>p:first-child{width:max-content;font:400 10px/1 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--blue);background:#dfe5f5;border:1px solid;border-radius:999px;margin:0;padding:8px 11px;transform:rotate(-1deg)}.note-masthead h1{max-width:1000px;font:500 clamp(48px,6.3vw,94px)/.98 var(--font-sans),sans-serif;letter-spacing:-.055em;margin:56px 0 0}.note-question{max-width:760px;font:400 clamp(25px,3vw,44px)/1.12 var(--font-serif),serif;letter-spacing:-.02em;margin:65px 0 0 auto}.project-site-link{border:1px solid var(--ink);width:max-content;box-shadow:3px 3px 0 var(--ink);font:400 10px/1 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;gap:7px;margin:28px 0 0 auto;padding:11px 14px;transition:all .2s;display:flex}.project-site-link:hover{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.note-grid{border-top:1px solid var(--line);grid-template-columns:1fr 2.25fr;gap:7vw;margin-top:120px;padding-top:28px;display:grid}.note-grid aside>p,.note-section-label{font:400 10px/1 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 24px}.note-section-label:after{content:"✦";color:var(--blue);margin-left:8px;display:inline-block;transform:rotate(12deg)}.tool-list{flex-wrap:wrap;gap:7px;display:flex}.tool-list span{border:1px solid var(--ink);font:400 10px/1 var(--font-mono),monospace;background:#dfe5f5;border-radius:999px;padding:8px 11px}.tool-list span:nth-child(3n+2){background:#ead6cd;transform:rotate(1deg)}.tool-list span:nth-child(3n+3){background:#eadb9d;transform:rotate(-1deg)}.note-body{gap:95px;display:grid}.note-lede{max-width:820px;font:400 clamp(20px,2.25vw,30px)/1.48 var(--font-sans),sans-serif;letter-spacing:-.025em;margin:0}.note-body ol{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.note-body li{border-bottom:1px solid var(--line);grid-template-columns:55px 1fr;gap:20px;padding:24px 0;font-size:16px;line-height:1.55;display:grid}.note-body li span{border:1px solid var(--blue);width:30px;height:30px;font:400 9px/1 var(--font-mono),monospace;color:var(--blue);background:#dfe5f5;border-radius:50%;place-items:center;padding:0;display:grid;transform:rotate(-4deg)}.project-figures{grid-template-columns:1fr 1fr;gap:34px 18px;display:grid}.project-figures figure{margin:0;transition:transform .25s}.project-figures figure:hover{transform:translateY(-4px)}.project-figures img{border:1px solid var(--line);background:#fff;width:100%;height:auto;display:block}.project-figures figcaption{color:var(--muted);grid-template-columns:34px 1fr;gap:10px;margin-top:12px;font-size:11px;line-height:1.55;display:grid}.project-figures figcaption span{font:400 9px/1 var(--font-mono),monospace;color:var(--blue);padding-top:3px}.native-method{border-top:1px solid var(--line);padding-top:22px}.flow-track{align-items:center;gap:9px;display:flex}.flow-node{border:1px solid var(--ink);text-align:center;min-width:0;min-height:84px;font:500 12px/1.35 var(--font-sans),sans-serif;background:#f6f1e7;flex-direction:column;flex:1;justify-content:center;padding:14px 10px;transition:transform .2s,background .2s;display:flex}.flow-node:hover{background:#dfe5f5;transform:translateY(-3px)rotate(-.5deg)}.flow-node strong{font:inherit}.flow-node small{color:var(--muted);font:400 9px/1.45 var(--font-mono),monospace;margin-top:8px}.flow-branch{flex:1.1;gap:7px;display:grid}.flow-branch .flow-node{min-height:58px;color:var(--blue)}.flow-arrow{color:var(--blue);flex:none;font-size:18px}.flow-track.detailed .flow-node{font-size:10px}.project-video{border-top:1px solid var(--line);padding-top:22px}.project-video>div{aspect-ratio:16/9;border:1px solid var(--line);background:#000;width:100%}.project-video iframe{border:0;width:100%;height:100%;display:block}.instagram-embed{border-top:1px solid var(--line);padding-top:22px}.instagram-embed>div{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:18px;display:grid}.instagram-embed article>span{font:400 9px/1 var(--font-mono),monospace;color:var(--blue);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;display:block}.instagram-card{border:1px solid var(--ink);color:#fff;background:#102451;min-height:510px;transition:transform .3s,box-shadow .3s;display:block;position:relative;overflow:hidden}.instagram-card:hover{box-shadow:7px 7px 0 var(--ink);transform:translateY(-6px)rotate(-.5deg)}.instagram-card img{object-fit:cover;width:100%;height:510px;transition:transform .5s,opacity .3s;display:block}.instagram-card:hover img{opacity:.7;transform:scale(1.035)}.instagram-card:after{content:"";background:linear-gradient(#0000 32%,#050c1fe0);position:absolute;inset:0}.instagram-card>div{z-index:1;position:absolute;bottom:22px;left:22px;right:22px}.instagram-card small{font:400 9px/1 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.1em}.instagram-card h2{max-width:370px;font:600 clamp(28px,3vw,45px)/.95 var(--font-sans),sans-serif;letter-spacing:-.05em;margin:14px 0 22px}.instagram-card b{font:500 9px/1 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;display:flex}.pr-page{--paper:#f4efe6;--blue:#b44f3f}.pr-page .note-masthead>p:first-child{background:#ecd8d2}.pr-page .note-footer{background:var(--blue)}.pr-page .note-masthead h1{text-transform:uppercase;letter-spacing:-.065em;font-weight:800}.pr-page .note-grid{grid-template-columns:.72fr 2.6fr}.pr-page .note-body{gap:78px}.pr-page .project-figures{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:42px 16px}.pr-page .project-figures figure:nth-child(3n+2){transform:translateY(34px)}.pr-page .project-figures figure:nth-child(3n+3){transform:translateY(68px)}.pr-page .project-figures img{border:5px solid #fffaf2;box-shadow:0 8px 20px #14141214}.pr-functions{border-top:1px solid var(--ink);padding-top:22px}.pr-functions>div{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pr-functions article{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:180px;padding:20px}.pr-functions article span{font:400 9px/1 var(--font-mono),monospace;color:var(--blue)}.pr-functions h2{font:700 clamp(30px,4vw,58px)/.9 var(--font-sans),sans-serif;letter-spacing:-.055em;margin:36px 0 10px}.pr-functions article p{max-width:260px;color:var(--muted);margin:0;font-size:13px;line-height:1.5}.pr-socials{border-top:1px solid var(--ink);padding-top:22px}.pr-socials>div{grid-template-columns:1fr 1fr;gap:14px;display:grid}.pr-socials a{flex-direction:column;min-height:380px;padding:24px;transition:transform .2s;display:flex;position:relative;overflow:hidden}.pr-socials a:hover{transform:translateY(-5px)rotate(-.35deg)}.pr-socials a>span{font:400 9px/1 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.11em}.pr-socials h2{font:700 clamp(28px,3.2vw,48px)/.95 var(--font-sans),sans-serif;letter-spacing:-.05em;margin:44px 0 16px}.pr-socials p{max-width:330px;margin:0;font-size:14px;line-height:1.55}.pr-socials b{font:500 10px/1 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:6px;margin-top:auto;display:flex}.raon-card{color:#f5f0e6;background:#102451}.raon-card:after{content:"♪";color:#789fc0;font:400 190px/1 var(--font-serif),serif;opacity:.7;position:absolute;bottom:-55px;right:-8px;transform:rotate(10deg)}.dadaeun-card{color:#20150e;background:#f2a65a;border:1px solid #20150e}.dadaeun-card strong{font:800 clamp(54px,7vw,98px)/.78 var(--font-sans),sans-serif;letter-spacing:-.07em;margin:30px 0}.dadaeun-card strong small{max-width:130px;font:500 10px/1.3 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.07em;margin:12px 0 0 6px;display:block}.dadaeun-card i{font:400 9px/1 var(--font-mono),monospace;position:absolute;bottom:14px;right:15px;transform:rotate(-3deg)}.pr-palette{border-top:1px solid var(--line);padding-top:22px}.pr-palette>div{border:1px solid var(--line);grid-template-columns:repeat(7,1fr);height:58px;display:grid}.pr-palette span{display:block}@media (max-width:900px){.pr-page .project-figures{grid-template-columns:repeat(2,minmax(0,1fr))}.pr-page .project-figures figure:nth-child(n){transform:none}}@media (max-width:700px){.pr-functions>div{grid-template-columns:1fr}.pr-functions article{min-height:145px}.pr-page .project-figures,.pr-socials>div{grid-template-columns:1fr}.pr-socials a{min-height:350px}.instagram-embed>div{grid-template-columns:1fr}.instagram-card,.instagram-card img{height:430px;min-height:0}}.client-sites{border-top:1px solid var(--ink)}.client-sites>.note-section-label{margin-top:22px}.client-sites article{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.25fr;gap:7vw;padding:34px 0;display:grid}.client-sites article>div:first-child>span{font:400 9px/1 var(--font-mono),monospace;color:var(--blue)}.client-sites h2{font:500 clamp(25px,3vw,38px)/1.05 var(--font-sans),sans-serif;letter-spacing:-.035em;margin:18px 0 10px}.client-sites article p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}.client-sites article>div:last-child{flex-direction:column;justify-content:space-between;gap:26px;display:flex}.client-sites a{border:1px solid var(--ink);width:max-content;font:400 10px/1 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;gap:6px;padding:10px 13px;transition:all .2s;display:flex}.client-sites a:hover{color:#fff;background:var(--blue);border-color:var(--blue);transform:rotate(-1deg)}.key-finding{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:#dfe5f5;margin:0 -20px;padding:38px 20px;transform:rotate(-.25deg)}.key-finding>p:last-child{max-width:820px;font:500 clamp(24px,3vw,40px)/1.2 var(--font-sans),sans-serif;letter-spacing:-.035em;margin:0}.awards-section ul{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.awards-section li{min-width:0;font:400 14px/1.55 var(--font-sans),sans-serif;border:0;padding:22px 22px 26px 0;display:block}.awards-section li+li{border-left:1px solid var(--line);padding-left:22px}.takeaway{border-top:1px solid var(--line);padding:30px 0 0}.takeaway .note-section-label{color:var(--blue)}.takeaway>p:last-child{max-width:760px;font:400 16px/1.7 var(--font-sans),sans-serif;color:var(--muted);margin:0}.project-easter-egg{border-top:1px solid var(--ink);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;min-width:0;padding:22px 0;display:grid;position:relative}.project-easter-egg p{margin:0}.project-easter-egg .note-section-label{margin-bottom:9px}.project-easter-egg>div:first-child>p:last-child{max-width:540px;color:var(--muted);font-size:14px;line-height:1.55}.broadband-signal>div:first-child>p:last-child b{color:var(--blue)}.signal-meter{border:1px solid var(--ink);height:62px;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;align-items:flex-end;gap:6px;padding:8px 15px 9px;transition:transform .2s,box-shadow .2s,background .2s;display:flex;position:relative}:is(.signal-meter:hover,.signal-meter:focus-visible){box-shadow:3px 3px 0 var(--ink);background:#dfe5f5;outline:none;transform:translate(-2px,-2px)rotate(-1deg)}.signal-meter span{background:var(--line);transform-origin:bottom;border-radius:3px;width:8px;height:10px;transition:height .35s,background .3s,transform .3s}.signal-meter span:nth-child(2){height:18px}.signal-meter span:nth-child(3){height:27px}.signal-meter span:nth-child(4){height:36px}.signal-meter span.active{background:var(--blue);transform:scaleX(1.08)}.signal-meter i{color:var(--muted);font:500 8px/1 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.08em;align-self:center;margin-left:5px;font-style:normal}.signal-meter u{border:1px solid var(--blue);pointer-events:none;border-radius:50%;width:24px;height:24px;text-decoration:none;animation:.65s ease-out both signal-ping;position:absolute;bottom:14px;left:24px}.broadband-signal .signal-meter{overflow:visible}.broadband-signal{padding-left:18px;padding-right:18px}.broadband-signal-0 .note-question{opacity:.58;filter:grayscale()}.broadband-signal-0 .project-figures img{opacity:.48;filter:grayscale()blur(2px)}.broadband-signal-1 .project-figures img{opacity:.72;filter:grayscale(.65)blur(.6px)}.broadband-signal-2 .project-figures img{opacity:.9;filter:grayscale(.15)}.broadband-signal-3 .project-figures img{opacity:1;filter:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 20%,transparent),0 0 28px color-mix(in srgb,var(--blue) 18%,transparent)}.broadband-signal-3 .broadband-signal{background:color-mix(in srgb,var(--blue) 8%,transparent)}.broadband-signal-0 .note-question,.broadband-signal-0 .project-figures img,.broadband-signal-1 .project-figures img,.broadband-signal-2 .project-figures img,.broadband-signal-3 .project-figures img{transition:opacity .55s,filter .55s,box-shadow .55s}@keyframes signal-ping{0%{opacity:.8;transform:scale(.3)}to{opacity:0;transform:scale(5)}}.wind-test>div:first-child>p:last-child b{color:var(--blue)}.wind-test label{border:1px solid var(--ink);background:var(--paper);min-width:230px;font:500 8px/1 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.08em;border-radius:4px;gap:10px;padding:11px 14px;display:grid}.wind-test input{width:100%;accent-color:var(--blue);cursor:ew-resize}.wind-lines{z-index:30;pointer-events:none;position:fixed;inset:0;overflow:hidden}.wind-lines i{background:linear-gradient(90deg,transparent,var(--blue));opacity:0;width:22vw;height:1px;animation:2.8s linear infinite wind-line;position:absolute;top:18%;left:-25vw}.wind-lines i:nth-child(2){width:13vw;animation-delay:-.8s;top:29%}.wind-lines i:nth-child(3){width:30vw;animation-delay:-1.9s;top:41%}.wind-lines i:nth-child(4){width:18vw;animation-delay:-1.2s;top:55%}.wind-lines i:nth-child(5){width:25vw;animation-delay:-2.4s;top:68%}.wind-lines i:nth-child(6){width:11vw;animation-delay:-.3s;top:79%}.wind-lines i:nth-child(7){width:28vw;animation-delay:-1.6s;top:89%}.design-wind-1 .wind-lines i{opacity:.14}.design-wind-2 .wind-lines i{opacity:.25;animation-duration:1.75s}.design-wind-3 .wind-lines i{opacity:.38;animation-duration:.9s}.design-wind-1 .note-masthead h1{transform:skew(-.4deg)translate(2px)}.design-wind-2 .note-masthead h1{animation:.48s ease-in-out infinite alternate wind-gale}.design-wind-2 .project-figures figure:nth-child(odd){animation:.7s ease-in-out infinite alternate wind-card-soft}.design-wind-3 .note-page>article{animation:.14s linear infinite wind-page-shake}.design-wind-3 .note-masthead h1{animation:.18s ease-in-out infinite alternate wind-buffet}.design-wind-3 .project-figures figure{animation:.28s ease-in-out infinite alternate wind-card}.design-wind-3 .project-figures figure:nth-child(2n){animation-delay:-.25s}@keyframes wind-line{to{transform:translate(150vw)}}@keyframes wind-gale{0%{transform:skew(-1deg)translate(3px)}to{transform:skew(-2deg)translate(10px)}}@keyframes wind-card-soft{0%{transform:rotate(-.2deg)translate(0)}to{transform:rotate(.65deg)translate(7px)}}@keyframes wind-buffet{0%{transform:skew(-2deg)translate(3px)rotate(-.2deg)}to{transform:skew(-3.5deg)translate(17px)rotate(.35deg)}}@keyframes wind-card{0%{transform:rotate(-.7deg)translate(-2px)}to{transform:rotate(1deg)translate(12px)}}@keyframes wind-page-shake{0%,to{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(3px,-1px)}75%{transform:translate(-1px,-2px)}}.calm-control button,.tit-actions button{border:1px solid var(--ink);min-height:44px;color:var(--ink);cursor:pointer;font:500 9px/1 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.08em;background:0 0;border-radius:999px;padding:11px 15px;transition:all .2s}:is(.calm-control button:hover,.calm-control button[aria-pressed=true],.tit-actions button:hover,.tit-actions button:focus-visible){color:#fff;background:var(--blue);border-color:var(--blue);transform:translateY(-2px)rotate(-1deg)}.calm-control button span{vertical-align:-2px;margin-left:6px;font-size:17px;animation:5s linear infinite calm-orbit;display:inline-block}.calm-shapes{z-index:40;pointer-events:none;position:fixed;inset:0;overflow:hidden}.calm-shapes i{filter:blur(2px);background:#376a5433;border-radius:47% 53% 61% 39%;width:190px;height:190px;animation:10s ease-in-out infinite alternate calm-float;position:absolute;top:18%;left:7%}.calm-shapes i:nth-child(2){width:260px;height:260px;animation-duration:13s;animation-delay:-3s;top:48%;left:auto;right:4%}.calm-shapes i:nth-child(3){width:120px;height:120px;animation-duration:9s;animation-delay:-7s;top:72%;left:46%}.stim-calm-mode .note-page{--blue:#376a54;background:linear-gradient(145deg,#c8ddd5 0%,#e2e9dc 48%,#cbdce3 100%);transition:background 1.2s}.stim-calm-mode .note-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#e2ebe5d1;border-color:#214a3e4d}.stim-calm-mode .note-masthead h1{color:#214a3e}.stim-calm-mode .note-question{color:#315f51}.stim-calm-mode .flow-node{background:#f6faf7c2;border-color:#315f51;border-radius:14px;box-shadow:0 8px 22px #214a3e14}.stim-calm-mode .project-figures img,.stim-calm-mode .project-video>div{border-color:#315f51;border-radius:16px;box-shadow:0 12px 30px #214a3e1f}.stim-calm-mode .tool-list span{background:#f5f9f6ad;border-color:#315f51}.stim-calm-mode .calm-control{background:#f5f9f68c;border-radius:16px;padding-left:18px;padding-right:18px;box-shadow:0 10px 28px #214a3e1a}@keyframes calm-orbit{to{transform:rotate(360deg)}}@keyframes calm-float{to{transform:translate(40px,55px)rotate(35deg)scale(1.15)}}.tit-for-tat-demo{grid-template-columns:minmax(0,1fr) auto}.tit-actions{gap:8px;display:flex}.tit-response{font:400 13px/1.5 var(--font-mono),monospace;background:#e2cec5;border-radius:3px;grid-column:1/-1;padding:14px 16px}.tit-response.has-outcome{border:1px solid color-mix(in srgb,var(--blue) 38%,transparent);box-shadow:4px 4px 0 color-mix(in srgb,var(--blue) 26%,transparent);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;display:grid}.tit-result-copy>span{color:var(--blue);font:600 8px/1 var(--font-mono),monospace;letter-spacing:.1em;text-transform:uppercase}.tit-result-copy>strong{font:500 22px/1.08 var(--font-serif),serif;letter-spacing:-.02em;margin:5px 0 3px;display:block}.tit-result-copy>p{max-width:560px;color:var(--muted);font:400 12px/1.45 var(--font-sans),sans-serif}.tit-move-history{align-items:center;gap:8px;margin-top:12px;display:flex}.tit-move-history>div{border:1px solid color-mix(in srgb,var(--ink) 22%,transparent);background:color-mix(in srgb,var(--paper) 70%,transparent);border-radius:4px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px;padding:7px 9px;display:grid}.tit-move-history>div.current{border-color:color-mix(in srgb,var(--blue) 62%,transparent);background:color-mix(in srgb,var(--blue) 8%,var(--paper))}.tit-move-history small{color:var(--muted);font:600 7px/1 var(--font-mono),monospace;letter-spacing:.09em;text-transform:uppercase;grid-column:1/-1}.tit-move-history span{font:500 8px/1.2 var(--font-mono),monospace;gap:2px;display:grid}.tit-move-history span b{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:6px}.tit-move-history>i{color:var(--blue);font:500 14px/1 var(--font-mono),monospace;font-style:normal}.tit-score{align-items:center;gap:10px;display:flex}.tit-score>span{border:1px solid var(--ink);background:var(--paper);text-align:center;border-radius:4px;gap:5px;min-width:94px;padding:10px 12px;display:grid}.tit-score small{font:500 7px/1.2 var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.06em}.tit-score b{color:var(--blue);font:500 26px/1 var(--font-serif),serif}.tit-score i{color:var(--muted);font:500 8px/1 var(--font-mono),monospace;text-transform:uppercase;font-style:normal}.tit-response b{color:var(--blue);font-weight:600}.ipd-matrices>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.ipd-matrices figure{min-width:0;margin:0}.ipd-matrices figcaption{justify-content:space-between;align-items:end;gap:12px;margin-bottom:10px;display:flex}.ipd-matrices figcaption b{font:500 17px/1.15 var(--font-serif),serif}.ipd-matrices figcaption span{color:var(--muted);font:500 7px/1.2 var(--font-mono),monospace;letter-spacing:.06em;text-align:right;text-transform:uppercase}.matrix-scroll{overflow-x:auto}.ipd-matrices table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:340px;font:500 12px/1.2 var(--font-mono),monospace}.ipd-matrices th,.ipd-matrices td{border:1px solid var(--ink);text-align:center;height:52px;padding:10px}.ipd-matrices thead th:not(:first-child),.ipd-matrices tbody th{background:var(--blue);color:#fff}.ipd-matrices thead th:first-child{background:color-mix(in srgb,var(--blue) 12%,var(--paper));width:34%}.ipd-matrices td{background:color-mix(in srgb,var(--blue) 5%,var(--paper))}.ipd-matrices tbody tr:hover td{background:color-mix(in srgb,var(--blue) 13%,var(--paper))}.financipet-visitor{z-index:35;cursor:pointer;background:0 0;border:0;width:118px;height:126px;padding:0;transition:left .65s cubic-bezier(.2,.8,.2,1),right .65s cubic-bezier(.2,.8,.2,1),top .65s cubic-bezier(.2,.8,.2,1),bottom .65s cubic-bezier(.2,.8,.2,1),transform .25s;position:fixed}.financipet-visitor:hover{transform:translateY(-5px)rotate(2deg)}.financipet-visitor img{filter:drop-shadow(0 8px 6px #1718162e);width:100%;height:auto;display:block}.financipet-visitor>span{border:1px solid var(--ink);background:var(--paper);width:max-content;max-width:190px;color:var(--ink);box-shadow:2px 2px 0 var(--ink);opacity:.72;white-space:normal;font:500 9px/1.35 var(--font-mono),monospace;border-radius:12px 12px 2px;padding:8px 10px;transition:all .2s;position:absolute;bottom:88%;right:68%;transform:rotate(-2deg)scale(.92)}.financipet-visitor>span.visible{opacity:1;transform:rotate(-2deg)scale(1)}.visitor-spot-0{bottom:16px;right:10px}.visitor-spot-1{inset:42% auto auto 8px}.visitor-spot-2{top:112px;bottom:auto;right:16px}.visitor-spot-3{bottom:12px;left:12%;right:auto}.visitor-spot-1>span,.visitor-spot-3>span{border-radius:12px 12px 12px 2px;left:68%;right:auto}.sticker-playground{min-height:42px;margin-top:-34px;position:relative}.sticker-playground>p{border:1px dashed var(--blue);width:max-content;max-width:100%;color:var(--blue);font:500 9px/1.25 var(--font-mono),monospace;border-radius:999px;margin:0;padding:8px 10px;transform:rotate(-1deg)}.sticker-source{cursor:copy;transition:transform .2s,box-shadow .2s!important}.sticker-source:hover{box-shadow:5px 5px 0 var(--blue);transform:translateY(-4px)rotate(-.5deg)}.sticker-copy{z-index:90;cursor:grab;touch-action:none;background:#fff;border:0;border-radius:14px;width:112px;height:112px;padding:7px;animation:.3s cubic-bezier(.2,.8,.2,1) both sticker-pop;position:fixed;overflow:hidden;box-shadow:0 0 0 1px #1718162e,6px 7px 15px #1718163d}.sticker-copy:active{cursor:grabbing}.sticker-copy img{object-fit:cover;pointer-events:none;border-radius:8px;width:100%;height:100%;display:block}@keyframes sticker-pop{0%{opacity:0;scale:.35}to{opacity:1;scale:1}}.note-footer{min-height:320px}.note-footer a{font-size:clamp(54px,8vw,118px)}.note-footer .footer-link{align-self:flex-end;font-size:10px}@media (min-width:701px) and (max-width:1180px){.hero{min-height:auto;padding-bottom:34px}.hero-bottom{gap:4vw}.hero-bottom p{width:min(520px,62vw)}.hero-actions{flex:none}.interest-index{grid-template-columns:145px minmax(300px,1.1fr) minmax(250px,.9fr);gap:22px}.interest-controls{gap:5px 10px;min-width:0}.interest-controls button{white-space:normal;overflow-wrap:anywhere;gap:8px;width:100%;min-width:0;padding:9px 10px;font-size:13px}.interest-controls button span{flex:none}.interest-copy{min-width:0;font-size:17px}.project-trigger{grid-template-columns:54px minmax(0,1fr) 76px 38px;gap:14px}.project-heading{min-width:0}.project-name{white-space:normal;width:max-content;max-width:100%}.project-title{overflow-wrap:anywhere;width:auto;max-width:100%;font-size:clamp(29px,3.8vw,44px)}.project-detail{grid-template-columns:minmax(190px,.72fr) minmax(0,1.45fr);gap:42px}.project.open .project-detail{max-height:560px;padding:12px 32px 54px 68px}.project-mark{align-self:start;width:100%;max-width:330px}.project-detail>div:last-child{min-width:0}.project-detail p{font-size:16px}.constellation-heading h2{font-size:clamp(54px,7vw,76px)}.about{grid-template-columns:.7fr 2.3fr}}@media (min-width:701px) and (max-width:920px){.hero-bottom{grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.hero-bottom p{width:100%}.hero-actions{flex-direction:column-reverse;align-items:flex-end}.interest-index{grid-template-columns:125px minmax(250px,1fr) minmax(210px,.8fr);gap:16px}.interest-controls{grid-template-columns:1fr}.interest-copy{font-size:16px}.project-year{display:none}.project-trigger{grid-template-columns:46px minmax(0,1fr) 38px}.project-detail{grid-template-columns:1fr}.project-mark{display:none}.project.open .project-detail{max-height:620px;padding:12px 52px 48px 60px}.project-detail p{max-width:700px}.about{grid-template-columns:1fr 2fr}}@media (min-width:701px) and (max-width:1050px){.note-page article{padding-top:72px}.note-masthead h1{font-size:clamp(50px,7.6vw,72px)}.note-question{max-width:650px;font-size:clamp(28px,4vw,38px)}.note-grid,.pr-page .note-grid{grid-template-columns:190px minmax(0,1fr);gap:42px}.note-body{min-width:0}.flow-track{flex-direction:column;align-items:stretch}.flow-arrow{align-self:center;transform:rotate(90deg)}.flow-branch{grid-template-columns:1fr 1fr}.client-sites article{gap:38px}.instagram-card,.instagram-card img{height:450px;min-height:0}.note-footer>a:not(.footer-link){font-size:clamp(58px,9vw,90px)}}@media (max-width:700px){.site-header{height:72px}.site-header nav a:nth-child(3){display:none}.hero{min-height:850px}h1{margin-top:90px;font-size:clamp(70px,22vw,104px)}.hero-asterisk{margin-left:.02em;font-size:.3em;display:inline-block}.hero-bottom{justify-content:space-between;align-items:center}.hero-bottom p{width:76%;font-size:14px}.interest-index{grid-template-columns:1fr;margin-top:62px}.interest-controls{margin:12px 0}.interest-copy{min-height:70px;font-size:17px}.axis{gap:7px}.project-trigger{grid-template-columns:34px 1fr 28px;gap:10px;min-height:106px}.project-year{display:none}.project-title{font-size:28px}.project-detail{grid-template-columns:1fr}.project-mark{display:none}.project-detail p{font-size:14px}.section-heading span{display:none}.archive{padding-top:80px}.archive-intro{grid-template-columns:1fr}.archive-intro>p{margin-top:40px}.archive-filters{margin-top:60px;overflow-x:auto}.archive-row{grid-template-columns:35px 1fr 22px;gap:10px;min-height:76px}.archive-detail,.archive-type{display:none}.archive-title{font-size:25px}.about{grid-template-columns:1fr;align-content:start;min-height:620px}footer{min-height:360px}.note-header{height:72px}.note-page article{padding-top:65px}.note-masthead h1{margin-top:42px;font-size:50px}.note-question{margin-top:48px;font-size:27px}.note-grid{grid-template-columns:1fr;margin-top:80px}.note-grid aside{border-bottom:1px solid var(--line);padding-bottom:35px}.note-lede{font-size:21px}.project-figures{grid-template-columns:1fr}.flow-track{flex-direction:column;align-items:stretch}.flow-arrow{align-self:center;transform:rotate(90deg)}.flow-branch{grid-template-columns:1fr 1fr;display:grid}.client-sites article{grid-template-columns:1fr;gap:24px}.key-finding>p:last-child{font-size:25px}.awards-section ul{grid-template-columns:1fr}.awards-section li{padding:16px 0}.awards-section li+li{border-left:0;border-top:1px solid var(--line);padding-left:0}.takeaway{padding:26px 0 0}.takeaway>p:last-child{font-size:15px}.note-footer{min-height:280px}.about{min-height:480px;padding-top:68px;padding-bottom:68px}.about-copy>p:first-child{margin-top:48px;font-size:32px}.small-copy{margin-top:42px}.hero-topline{flex-direction:column;align-items:flex-start}.constellation{padding-top:75px}.constellation-heading>p{margin-bottom:26px}.constellation-filters{margin-top:48px}.constellation-field{grid-template-columns:1fr;grid-auto-rows:190px;gap:12px}.constellation-field a{min-height:0;padding:20px}.egg-toast{text-align:left;left:16px;right:16px}.footer-signoff{min-width:210px}.site-header{padding:0 20px}.site-header nav{gap:18px;font-size:9px}.site-header nav a:nth-child(2),.site-header nav a:nth-child(3){display:none}.wordmark{font-size:22px}.hero{min-height:auto;padding:48px 20px 30px}.hero-topline{gap:24px}.eyebrow{font-size:9px;line-height:1.35}.mood-picker{gap:12px;width:100%}.mood-picker>span{margin-right:auto}.mood-picker button{border-width:4px;width:28px;height:28px}h1{margin-top:64px;font-size:clamp(68px,22vw,92px);line-height:.9}.hero-title-row{align-items:center;min-height:150px;margin-top:58px}.hero-title-row h1{min-width:0;margin:0;font-size:clamp(58px,18vw,82px)}.hero-portrait{opacity:.19;width:clamp(205px,59vw,270px);bottom:-72px;left:auto;right:-14px;transform:translateY(1%)}.hero-bottom{grid-template-columns:1fr;align-items:start;gap:28px;margin-top:38px;display:grid}.hero-bottom p{width:100%;max-width:34ch;font-size:16px;line-height:1.62}.rotating-roles{height:1.75em;box-shadow:2px 2px 0 var(--ink);margin:.12em .08em}.hero-actions{justify-content:space-between}.hero-social-link{min-height:44px;padding:13px 16px}.round-link{width:54px;height:54px}.interest-index{gap:14px;margin-top:56px;padding:20px 0}.interest-index>p:first-child{margin:0}.interest-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0}.interest-controls button{border-color:var(--line);gap:8px;min-height:44px;padding:10px 11px;font-size:13px}.interest-copy{min-height:82px;margin:4px 0 0;font-size:18px}.axis{letter-spacing:.08em;gap:8px;height:62px;font-size:8px}.axis span{white-space:nowrap}.work{padding:70px 20px 78px}.section-heading{padding-bottom:34px}.section-heading h2{font-size:52px}.project-trigger{grid-template-columns:30px minmax(0,1fr) 30px;align-items:start;min-height:128px;padding:24px 0}.project-heading{min-width:0}.project-name{white-space:normal;width:fit-content;max-width:100%;padding:11px 20px;font-size:12px;line-height:1.35;display:block}.project-title{overflow-wrap:anywhere;margin-top:12px;font-size:clamp(24px,7.5vw,31px);line-height:1.02}.project-arrow{align-self:center}.project.open .project-detail{padding:6px 0 38px 40px}.project-detail p{font-size:15px;line-height:1.6}.project-note{line-height:1.45}.note-link{min-height:44px;padding:12px 14px}.constellation{padding:70px 20px 85px}.constellation-heading{display:block}.constellation-heading>div{max-width:none}.constellation-heading h2{font-size:clamp(44px,13vw,62px);line-height:.93}.constellation-intro{margin-top:28px;font-size:15px;line-height:1.55}.constellation-filters{scrollbar-width:none;margin-top:38px;padding:0 0 10px;overflow-x:auto}.constellation-filters::-webkit-scrollbar{display:none}.constellation-filters button{flex:none;min-height:42px;padding:10px 15px}.constellation-filters .archive-shuffle{margin-left:0}.constellation-field{grid-auto-rows:auto}.constellation-field a{justify-content:flex-start;gap:12px;min-height:220px;padding:20px}.constellation-field a>strong{margin-top:auto;font-size:36px;line-height:.98}.constellation-field a>small{font-size:8px}.constellation-field .constellation-preview{opacity:1;max-width:none;color:var(--muted);margin-top:4px;font-size:12px;display:flex;position:static;inset:auto;transform:none}.constellation-field .constellation-preview b{color:var(--blue)}.constellation-field a:hover>strong,.constellation-field a:hover>.constellation-number,.constellation-field a:hover>small{opacity:1;transform:none}.constellation-field a:focus-visible>strong{opacity:1;transform:none}.constellation-field a:focus-visible>.constellation-number{opacity:1;transform:none}.constellation-field a:focus-visible>small{opacity:1;transform:none}.constellation-field a.related:active{color:#fff;background:var(--blue);border-color:var(--blue);transform:translate(2px,2px)}.constellation-field a.related:active>.constellation-preview,.constellation-field a.related:active>.constellation-preview b{color:#fff}.about{padding-left:20px;padding-right:20px}.about-copy>p:first-child{font-size:clamp(30px,9vw,38px);line-height:1.12}.small-copy{font-size:15px;line-height:1.6}footer{min-height:330px;padding:64px 20px 28px}footer>div:first-child>a{font-size:clamp(58px,19vw,82px)}.footer-bottom{flex-direction:column;align-items:flex-start;gap:28px}.footer-signoff{text-align:left;min-width:0}.footer-signoff i{left:0;right:auto}.note-header{padding:0 20px}.note-header .wordmark{font-size:20px}.note-page article{padding:58px 20px 90px}.note-masthead>p:first-child{white-space:normal;width:max-content;max-width:100%;line-height:1.35}.note-masthead h1{overflow-wrap:anywhere;margin-top:36px;font-size:clamp(39px,12vw,52px);line-height:1}.note-question{margin-top:38px;font-size:25px;line-height:1.2}.project-site-link{width:max-content;max-width:100%;margin:24px 0 0;padding:12px 14px;line-height:1.35}.note-grid{gap:46px;margin-top:70px;padding-top:22px}.note-grid aside{padding-bottom:28px}.tool-list span{padding:9px 11px}.note-body{gap:58px}.note-lede{font-size:20px;line-height:1.5}.project-easter-egg{grid-template-columns:1fr;align-items:start}.signal-meter{width:max-content}.wind-test label{width:100%;min-width:0}.tit-actions{width:100%}.tit-actions button{flex:1}.tit-response{grid-column:auto}.tit-response.has-outcome{grid-template-columns:1fr;gap:16px}.tit-score{width:100%}.tit-score>span{flex:1;min-width:0}.tit-move-history{align-items:stretch}.tit-move-history>div{flex:1;gap:4px 7px;padding:7px}.ipd-matrices>div{grid-template-columns:1fr;gap:30px}.ipd-matrices figcaption{flex-direction:column;align-items:start;gap:5px}.ipd-matrices figcaption span{text-align:left}.financipet-visitor{width:82px;height:92px}.financipet-visitor>span{max-width:150px;font-size:8px;right:55%}.visitor-spot-1>span,.visitor-spot-3>span{left:55%;right:auto}.visitor-spot-0{bottom:8px;right:4px}.visitor-spot-1{top:46%;left:2px}.visitor-spot-2{top:82px;right:5px}.visitor-spot-3{bottom:8px;left:7%}.marker[data-note]:after{max-width:140px;font-size:8px;left:0;transform:translateY(6px)rotate(-2deg)}.marker[data-note]:hover:after{transform:translate(0)rotate(-2deg)}.marker[data-note]:focus-visible:after{transform:translate(0)rotate(-2deg)}.sticker-playground{margin-top:-22px}.sticker-copy{width:86px;height:86px;padding:5px}.note-body li{grid-template-columns:38px 1fr;gap:12px;padding:20px 0;font-size:15px}.project-figures{gap:28px}.project-figures figcaption{font-size:12px}.flow-track{gap:7px}.flow-branch{grid-template-columns:1fr}.flow-node,.flow-branch .flow-node{min-height:68px;padding:13px;font-size:12px}.instagram-card,.instagram-card img{height:min(112vw,430px)}.instagram-card h2{font-size:31px}.pr-socials a{min-height:300px;padding:20px}.client-sites a{width:max-content;max-width:100%;min-height:44px;line-height:1.3}.note-footer{min-height:240px;padding-top:52px}.note-footer>a:not(.footer-link){font-size:clamp(48px,16vw,68px)}.note-footer .footer-link{align-self:flex-start}}@media (max-width:380px){.site-header nav{gap:12px}.hero{padding-left:16px;padding-right:16px}.mood-picker{gap:9px}.mood-picker button{width:26px;height:26px}h1{font-size:68px}.interest-controls{grid-template-columns:1fr}.interest-copy{min-height:92px}.axis{font-size:7px}.work,.constellation,.about,footer,.note-page article{padding-left:16px;padding-right:16px}.project-trigger{grid-template-columns:28px minmax(0,1fr) 26px}.project.open .project-detail{padding-left:38px}}@media (hover:none) and (pointer:coarse){.instagram-card:hover,.pr-socials a:hover,.project-figures figure:hover{box-shadow:none;transform:none}.instagram-card:hover img{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}