@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&display=swap');
:root{--navy:#071638;--blue:#173d7a;--sea:#497d9c;--powder:#b8cddd;--cream:#faf2d8;--paper:#faf2d8;--ink:#102954;--pink:#b8cddd;--red:#214c84;--lime:#c4d8df;--line:#143c7230;--serif:'Cormorant Garamond','Playfair Display',Georgia,serif}body{background:var(--navy);color:var(--ink);background-image:none}body:after{content:'';position:fixed;inset:0;pointer-events:none;z-index:100;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' opacity='.09' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");opacity:.28;mix-blend-mode:multiply}header{background:#071638f2;color:var(--cream);border-color:#c3d6e32b;height:86px;backdrop-filter:blur(15px)}.wordmark{font-family:var(--serif);font-weight:600;font-size:40px;letter-spacing:-2px}.wordmark .flower{font-size:25px;color:var(--powder)}.wordmark small{color:var(--powder);font-size:7px}nav{gap:27px;font-size:10px}.contact-nav{font-size:11px}.hero{background:var(--navy);color:var(--cream);padding:28px 6% 30px;min-height:850px}.hero:before{background:url('assets/wave-lines.svg') center bottom/150% auto no-repeat;inset:auto 0 0;height:330px;opacity:.2}.hero-kicker{color:var(--powder);font-size:8px;letter-spacing:2px}.hero-editorial{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;margin-top:75px;align-items:center;position:relative;z-index:1}.edition-label{font-size:8px;letter-spacing:2.4px;color:var(--powder)}.hero h1{font:500 clamp(80px,9.3vw,148px)/.9 var(--serif);letter-spacing:-.055em;margin:30px 0}.hero h1 em{color:var(--powder);font:italic 400 1em/.9 var(--serif)}.hero-specialties{display:flex;gap:28px;font-size:10px;letter-spacing:1px;margin:35px 0 22px;align-items:center}.hero-specialties strong{font-weight:600;color:var(--cream);border-bottom:1px solid var(--powder);padding-bottom:6px}.hero-specialties>span{color:var(--powder)}.hero-copy>p{max-width:380px;font-size:13px;line-height:2;color:#d3deea}.hero .round-link{margin-top:28px}.hero .round-link b{background:var(--cream);color:var(--navy);border-color:var(--cream)}.hero .round-link:hover b{background:var(--powder)}.ocean-collage{height:590px;position:relative}.portrait-paper{position:absolute;width:70%;height:430px;right:0;top:80px;transform:rotate(5deg);background:var(--cream);padding:10px 10px 30px;box-shadow:18px 20px 0 #0002;z-index:2}.portrait-paper img{width:100%;height:100%;object-fit:cover;object-position:center 46%;filter:saturate(.65)}.portrait-paper>span{display:block;font-size:7px;letter-spacing:1.1px;position:absolute;bottom:10px;left:15px;color:var(--blue)}.collage-note{position:absolute;top:0;left:3%;font:500 28px/1.05 var(--serif);color:var(--powder);transform:rotate(-5deg);z-index:3}.collage-note em{color:var(--cream)}.blue-disc{position:absolute;left:-25px;top:150px;width:240px;height:240px;border-radius:50%;background:repeating-radial-gradient(circle,#091b3f 0 2px,#244570 3px 4px);box-shadow:0 5px 20px #0005;animation:spin 80s linear infinite;z-index:1;display:grid;place-items:center}.blue-disc:after{content:'J';font:italic 52px var(--serif);position:absolute;background:var(--cream);color:var(--blue);width:85px;height:85px;border-radius:50%;display:grid;place-items:center}.blue-disc>span{font-size:8px;letter-spacing:3px;transform:rotate(-25deg);position:absolute;top:25px}.collage-seal{position:absolute;z-index:3;bottom:50px;left:50px;background:var(--powder);color:var(--navy);border:1px solid var(--cream);outline:5px solid var(--powder);width:95px;height:95px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:italic 31px var(--serif);transform:rotate(-15deg)}.collage-seal span{font:18px var(--display);margin:0 3px}.collage-bottom{position:absolute;bottom:-5px;right:10px;font-size:8px;letter-spacing:2px;line-height:1.8}.collage-bottom em{font-size:23px;letter-spacing:0;color:var(--powder)}.hero-footer{margin-top:55px;padding-top:22px;border-top:1px solid #b8cddd35;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;position:relative;z-index:2}.hero-footer a{font-size:10px;letter-spacing:0}.proof-strip{background:var(--cream);border-color:var(--line);padding:30px 6%}.proof-strip b{font-family:var(--serif);font-size:58px;font-weight:600;letter-spacing:-3px}.proof-strip b span{color:var(--sea)}.proof-strip>div{gap:20px}.proof-strip>a{border-color:var(--line)}.work-intro{background-color:var(--cream);background-image:none;padding-top:110px;padding-bottom:80px}.work-intro h2,.section-intro h2,.about h2,.toolkit h2,.process h2{font:500 clamp(54px,6.7vw,98px)/.95 var(--serif);letter-spacing:-.045em}.work-intro em,.section-intro em,.toolkit-heading em{color:var(--blue)}.doodle{color:var(--blue);font-size:75px;top:85px;right:10%;opacity:.5}.small-label{font-size:9px;letter-spacing:2px}.project-scene{padding-top:40px;padding-bottom:65px}.project-copy h3{font-family:var(--serif);font-weight:600;line-height:.98;letter-spacing:-.04em;font-size:78px}.coplay{background:var(--powder);color:var(--navy);background-image:url('assets/wave-lines.svg');background-position:100% 50%;background-repeat:no-repeat;background-size:70% auto}.project-thesis mark{background:var(--cream);color:var(--navy)}.project-links a{border-color:currentColor}.role-line>span{opacity:1;color:var(--sea)}.tags span{border-color:#0c30583b}.floating-poster{box-shadow:10px 18px 25px #07163830}.orbit-stamp{background:var(--blue);color:var(--cream)}.orbital-ring{border-color:#24466b50}.impact-line{border-color:#19385d50}.impact-line strong{font-family:var(--serif);font-size:52px;font-weight:600}.embroiyou{background:var(--cream);background-image:repeating-linear-gradient(90deg,transparent 0 79px,#274d7807 79px 80px);color:var(--navy)}.embroiyou h3 em{color:var(--sea)}.thread-ring{border-color:#55779980}.thread-ring:after{border-color:#55779950}.video-cutout{background:var(--navy)}.channel-cutout{background:var(--cream)}.sewn-flower{color:var(--blue)}.visual-story{background:var(--blue);color:var(--cream);background-image:url('assets/wave-lines.svg');background-size:cover;background-position:center}.visual-title h3{font-family:var(--serif);font-weight:500;font-size:75px;letter-spacing:-.03em}.visual-title em{color:var(--powder)}.visual-title p span{color:var(--powder)}.constellation-word{font-family:var(--serif);font-size:78px;color:var(--cream);font-weight:500;letter-spacing:-3px}.art-flower{color:var(--powder)}.visual-bottom .round-link:hover{color:var(--cream)}.visual-bottom .round-link:hover b{background:var(--cream);color:var(--blue)}.visual-interlude{background:var(--powder);background-image:none;position:relative}.interlude-copy h3{font:500 52px/.95 var(--serif);letter-spacing:-2px}.visual-interlude img{box-shadow:12px 16px 0 #173d7a18;border:6px solid var(--cream)}.experience{background:var(--cream);background-image:none;padding-top:110px}.experience .section-intro h2 em{color:var(--blue)}.career-list{border-color:var(--blue)}.job,.job:nth-child(even){padding:0 12px;background:transparent;border-color:var(--line)}.job:nth-child(even){background:#b8cddd14}.job[open]{background:#b8cddd26}.job summary{grid-template-columns:28px 170px 1fr 155px 25px;gap:25px;padding:25px 0}.job-thumb,.job:nth-child(even) .job-thumb{transform:none;box-shadow:none;border:0;background:none;overflow:visible}.job-thumb img{height:94px;width:100%;object-fit:contain;mix-blend-mode:multiply}.brand-logo{padding:10px}.logo-1{max-width:140px;justify-self:center}.logo-1 img{height:105px}.logo-5 img{height:80px}.logo-7 img{height:95px}.project-wordmark{font:600 37px/.9 var(--serif);letter-spacing:-1px;color:var(--blue);text-align:center;position:relative}.project-wordmark>span{font:400 7px/1.5 var(--body);letter-spacing:1px;display:block;margin-top:7px}.mark-3{font-style:italic}.mark-6{font:600 52px/.85 var(--serif)}.mark-6 span{font-size:6px}.job-main>strong{font:500 30px/1.1 var(--serif);letter-spacing:-.8px}.job[open] .job-main>strong{color:var(--blue)}.job-no{color:var(--sea)}.job-date{font-size:9px}.role{font-size:8px;letter-spacing:1.3px}.job-body{margin-left:248px}.job-body h4{font:600 26px/1.15 var(--serif);letter-spacing:-.5px;margin-bottom:20px}.job-body li{font-size:12px;line-height:1.95}.job-art{background:var(--powder);padding:8px;box-shadow:6px 8px 0 #173d7a10;width:32%}.result,.job-body .result{background:#b8cddd30;border-color:var(--blue)}.result>span{color:var(--blue)}.result p{font-size:12px}.data-note{color:#516889;font-size:8px;max-width:850px}.about{background:var(--powder);background-image:url('assets/wave-lines.svg');background-position:100% 100%;background-repeat:no-repeat;background-size:80%;padding-top:95px}.personal-note{background:var(--cream);box-shadow:12px 14px 0 #173d7a12;padding:35px}.personal-note .note-pin{color:var(--blue)}.about-photo{filter:none;height:330px;object-position:center 30%}.handwritten{color:var(--blue);font-size:35px}.about-facts>div{border-color:var(--line)}.about-facts h3{font-family:var(--serif);font-size:32px;font-weight:600}.toolkit{background:var(--navy);color:var(--cream);background-image:none;padding:100px 6% 80px}.toolkit-heading em{color:var(--powder)}.toolkit-heading p{color:var(--powder)}.skill-stage{border-top:1px solid #b8cddd55}.skill-row{display:grid;grid-template-columns:170px 1fr;gap:25px;padding:34px 0;border-bottom:1px solid #b8cddd35;align-items:center}.skill-category{font-size:9px;letter-spacing:2px;color:var(--powder)}.skill-bubbles{display:flex;flex-wrap:wrap;gap:15px 13px;align-items:center}.skill-chip{border-radius:60px;padding:16px 23px;background:var(--powder);color:var(--navy);font:600 25px/1.1 var(--display);letter-spacing:-1px;border:1px solid var(--cream);box-shadow:4px 5px 0 #55789a;display:inline-flex;gap:14px;align-items:center;transform:rotate(-2deg);transition:transform .3s cubic-bezier(.2,1.7,.4,1),box-shadow .2s,background .2s}.skill-chip:nth-child(even){transform:rotate(2deg)}.skill-chip.primary{background:var(--cream);font-size:33px;padding:20px 28px}.skill-chip.light{background:#e9e5d8}.skill-chip small{font:500 10px/1.3 var(--body);letter-spacing:0;max-width:95px}.skill-chip b{font-size:20px;font-weight:400;margin-left:2px}.skill-chip:hover,.skill-chip[aria-expanded=true]{transform:translateY(-7px) rotate(0deg) scale(1.025);box-shadow:6px 10px 0 #55789a;background:var(--cream)}.skill-detail{border-left:2px solid var(--powder);padding:15px 22px;margin:35px 0 0 195px;max-width:800px;min-height:100px}.skill-detail>span{font-size:8px;letter-spacing:1.7px;color:var(--powder)}.skill-detail>p{font-size:12px;line-height:1.9;margin-top:10px;color:var(--cream)}.reveal-ready .skill-chip{opacity:0;transform:translateY(50px) scale(.65) rotate(-12deg)}.reveal-ready.arrived .skill-chip{animation:chip-pop .8s cubic-bezier(.2,1.4,.4,1) both}.reveal-ready.arrived .skill-chip:nth-child(2){animation-delay:.12s}.reveal-ready.arrived .skill-chip:nth-child(3){animation-delay:.24s}.tapped{animation:chip-tap .45s ease!important}.process{background:var(--cream);padding:100px 6%;position:relative}.process:before{content:'';position:absolute;top:0;left:0;right:0;height:200px;background:url('assets/wave-lines.svg') center/cover;opacity:.12;pointer-events:none}.process .section-intro{position:relative}.process-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--blue);margin-bottom:35px}.process-tabs button{background:transparent;border-right:1px solid var(--blue);padding:17px 12px;font-size:11px;transition:background .2s;color:var(--blue)}.process-tabs button:last-child{border:0}.process-tabs button[aria-selected=true]{background:var(--blue);color:var(--cream)}.process-tabs button:hover{background:var(--powder);color:var(--navy)}.process-intro{font:italic 25px/1.3 var(--serif);max-width:690px;margin-bottom:30px}.process-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.process-steps li{padding:28px 25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;animation:step-in .45s ease both;animation-delay:calc(var(--i)*.045s)}.process-steps li:nth-child(2n){background:#b8cddd20}.step-number{font:italic 32px var(--serif);color:var(--sea)}.process-steps h3{font:600 31px/1.05 var(--serif);letter-spacing:-.7px;margin:15px 0}.process-steps p{font-size:11px;line-height:1.95;min-height:85px}.step-output{border-top:1px dashed #173d7a40;padding-top:15px;margin-top:20px}.step-output small{display:block;font-size:7px;letter-spacing:1.5px;color:var(--sea)}.step-output strong{display:block;font-size:10px;line-height:1.6;font-weight:500;margin-top:5px}.process-agreement{display:grid;grid-template-columns:150px 1fr 160px;gap:28px;align-items:center;background:var(--powder);padding:25px 30px;margin-top:30px}.process-agreement>span{font-size:8px;letter-spacing:2px}.process-agreement>p{font-size:10px;line-height:1.9}.process-agreement>a{font-size:11px;white-space:nowrap;border-bottom:1px solid;justify-self:end}footer{background:var(--navy);background-image:url('assets/wave-lines.svg');background-position:right center;background-size:80%;background-repeat:no-repeat;color:var(--cream)}footer h2{font:500 clamp(65px,8.5vw,125px)/.95 var(--serif);letter-spacing:-.04em}footer h2 em,footer h2>span{color:var(--powder)}.footer-flower{display:none}.footer-base{flex-wrap:wrap}.footer-base button{border-color:#b8cddd66}.contact-links a{border-color:#b8cddd88}.close{background:var(--navy)}dialog{background:var(--cream);color:var(--navy)}dialog h2{font-family:var(--serif);font-weight:600}.hero-portrait,.hero-type,.portrait-scene{display:none}::selection{background:var(--powder);color:var(--navy)}@keyframes chip-pop{0%{opacity:0;transform:translateY(50px) scale(.65) rotate(-12deg)}65%{opacity:1;transform:translateY(-10px) scale(1.05) rotate(3deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(-2deg)}}@keyframes chip-tap{50%{transform:translateY(-10px) rotate(3deg) scale(1.05)}}@keyframes step-in{from{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(max-width:1100px){nav{gap:16px;font-size:9px}.hero{min-height:810px}.hero-editorial{gap:4%;margin-top:65px}.hero h1{font-size:105px}.ocean-collage{height:560px}.portrait-paper{width:76%;height:390px}.blue-disc{width:195px;height:195px;left:-5px}.collage-note{font-size:25px}.hero-specialties{gap:18px}.hero-copy>p{max-width:330px}.hero-footer{margin-top:40px}.job summary{grid-template-columns:25px 130px 1fr 125px 20px;gap:18px}.job-body{margin-left:190px}.job-main>strong{font-size:26px}.skill-row{grid-template-columns:130px 1fr}.skill-chip{font-size:23px}.skill-chip.primary{font-size:28px}.skill-detail{margin-left:155px}.process-steps li{padding:25px 20px}.process-agreement{grid-template-columns:120px 1fr}.process-agreement>a{grid-column:2;justify-self:start}.visual-title h3{font-size:65px}}
@media(max-width:760px){header{height:77px;padding:15px 6%}.wordmark{font-size:34px}.wordmark .flower{font-size:20px}.wordmark small{font-size:6px}nav{gap:13px;font-size:9px}nav a:nth-child(2){display:none}.hero{padding:22px 6% 28px;min-height:0}.hero-kicker{font-size:6px;gap:12px;letter-spacing:1px}.hero-kicker>span:last-child{max-width:110px;text-align:right}.hero-editorial{grid-template-columns:1fr;gap:35px;margin-top:42px}.edition-label{font-size:6px;letter-spacing:1.7px}.hero h1{font-size:clamp(83px,17vw,116px);margin:25px 0}.hero-specialties{gap:22px;font-size:9px;margin:25px 0 20px}.hero-copy>p{max-width:100%;font-size:12px;line-height:1.95}.hero .round-link{font-size:11px;margin-top:22px}.ocean-collage{height:505px;max-width:440px;width:100%;justify-self:center;margin-top:5px}.portrait-paper{width:67%;right:3%;height:360px;top:60px}.collage-note{top:0;left:2%;font-size:24px}.blue-disc{top:155px;left:0;width:185px;height:185px}.collage-seal{width:75px;height:75px;bottom:45px;left:15px;font-size:25px}.collage-bottom{bottom:0;right:4%;font-size:7px}.collage-bottom em{font-size:21px}.hero-footer{margin-top:22px;gap:20px;align-items:center;font-size:6px;letter-spacing:1px}.hero-footer>span{max-width:160px}.hero-footer a{max-width:120px;font-size:9px;text-align:right}.proof-strip{padding:24px 6%;gap:18px}.proof-strip b{font-size:43px}.proof-strip p{font-size:7px}.work-intro{padding-top:70px;padding-bottom:60px}.work-intro h2,.section-intro h2,.about h2,.toolkit h2,.process h2{font-size:57px}.doodle{top:auto;bottom:50px;right:9%;font-size:55px}.project-copy h3{font-size:65px}.visual-title h3{font-size:57px}.constellation-word{font-size:49px}.impact-line strong{font-size:38px}.impact-line span{font-size:7px}.experience{padding-top:70px}.job,.job:nth-child(even){padding:0 8px}.job summary{grid-template-columns:16px 80px 1fr 16px;gap:10px;padding:23px 0}.job-thumb,.job:nth-child(even) .job-thumb{grid-column:2;grid-row:1/3;width:80px;padding:3px;align-self:center;transform:none}.job-thumb img{height:70px}.logo-1 img{height:80px}.logo-7 img{height:70px}.logo-5 img{height:48px}.project-wordmark{font-size:25px}.project-wordmark>span{font-size:5px;letter-spacing:.3px}.mark-6{font-size:37px}.job-main{grid-column:3;grid-row:1}.job-main>strong{font-size:24px}.job-date{grid-column:3;grid-row:2;font-size:8px}.role{font-size:7px;letter-spacing:.5px}.job-body{margin-left:0}.job-art{width:85%;margin:0 auto 28px;float:none}.job-body h4{font-size:25px}.job-body li{font-size:11px}.result p{font-size:11px}.about{padding-top:65px;background-size:140%}.about-photo{height:300px}.personal-note{padding:28px}.about-facts h3{font-size:30px}.toolkit{padding:65px 6%}.toolkit-heading p{font-size:11px}.skill-row{grid-template-columns:1fr;gap:20px;padding:28px 0}.skill-category{font-size:8px;letter-spacing:1.5px}.skill-bubbles{gap:15px 12px}.skill-chip{font-size:22px;padding:14px 19px;letter-spacing:-.7px}.skill-chip.primary{font-size:27px;padding:17px 22px}.skill-chip small{font-size:8px;max-width:75px}.skill-chip b{font-size:17px}.skill-detail{margin:30px 0 0;padding:14px 18px;min-height:125px}.skill-detail>p{font-size:11px}.process{padding:65px 6%}.process-tabs{grid-template-columns:1fr 1fr}.process-tabs button{font-size:10px;padding:15px 9px;border-bottom:1px solid var(--blue)}.process-tabs button:nth-child(2){border-right:0}.process-tabs button:nth-child(3){border-bottom:0}.process-intro{font-size:24px}.process-steps{grid-template-columns:1fr 1fr}.process-steps li{padding:20px 14px}.process-steps h3{font-size:26px;margin:13px 0}.process-steps p{font-size:10px;min-height:0}.step-output{margin-top:15px}.step-output strong{font-size:9px}.process-agreement{grid-template-columns:1fr;gap:14px;padding:23px}.process-agreement>a{grid-column:auto}.process-agreement>p{font-size:10px}footer h2{font-size:68px}.footer-base{gap:18px;font-size:6px}.footer-base>span{width:100%}.footer-base button{font-size:8px}.small-label{font-size:7px;letter-spacing:1.6px}.visual-interlude{gap:24px}.interlude-copy h3{font-size:44px}}
@media(max-width:380px){nav{gap:9px;font-size:8px}.wordmark{font-size:31px}.skill-chip.primary{font-size:23px}.skill-chip{font-size:20px}.hero h1{font-size:80px}.ocean-collage{height:470px}.portrait-paper{height:330px}.process-steps{grid-template-columns:1fr}.process-steps h3{font-size:30px}.job-main>strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.reveal-ready .skill-chip{opacity:1;transform:none}.reveal-ready.arrived .skill-chip{animation:none}.process-steps li{animation:none}}body.motion-paused .skill-chip{opacity:1;animation:none!important;transform:none}body.motion-paused .process-steps li{animation:none!important}
@media(hover:hover) and (pointer:fine){body.judy-cursor,body.judy-cursor *{cursor:url('assets/judy-cursor.png') 8 3,auto}body.judy-cursor a,body.judy-cursor button,body.judy-cursor summary{cursor:url('assets/judy-cursor.png') 8 3,pointer}}.logo-6 img{height:90px;border-radius:50%}@media(max-width:760px){.logo-6 img{height:65px}}
.skill-row.arrived .skill-chip:hover,.skill-row.arrived .skill-chip:focus-visible{animation:none;opacity:1;transform:translateY(-7px) rotate(0deg) scale(1.025)}.process-steps p{font-size:12px}.process-steps li{display:flex;flex-direction:column}.step-output{margin-top:auto;padding-top:16px}.process-steps p{margin-bottom:22px}@media(max-width:760px){.process-steps p{font-size:11px}.step-output{margin-top:auto}.skill-row.arrived .skill-chip:hover{transform:rotate(0deg)}}
.logo-6 img{border-radius:0;mix-blend-mode:normal;height:85px}@media(max-width:760px){.logo-6 img{height:65px}}.reveal-ready.arrived .skill-chip:focus-visible{opacity:1;animation:none}