@font-face{font-family:Playful;src:url('/assets/studio-extra.woff2') format('woff2');font-weight:800 950;font-display:swap}:root{--paper:#fffdf5;--ink:#2c292b;--aqua:#00aeb8;--sun:#ffe478}body{background:var(--paper);color:var(--ink)}header{background:#fffdf5f5;backdrop-filter:blur(12px)}.wrap{max-width:1360px;padding:0 4%}.nav{height:91px;border:0;gap:35px}.brand{gap:14px}.brand img{width:44px;height:57px}.wordmark{font-family:Playful,Arial,sans-serif;font-size:23px;font-weight:900;letter-spacing:-.8px}.wordmark small{font:900 17px Playful,Arial,sans-serif;letter-spacing:0;border:0;padding:0;margin-top:3px}.navlinks{font-size:14px;font-weight:650}.navlinks a.active{border-color:var(--aqua);color:var(--aqua)}.language{color:var(--aqua);font-weight:700}.button{border:0;border-radius:100px;background:var(--aqua);color:white;font-weight:800;font-family:Studio,Arial,sans-serif;box-shadow:none;padding:16px 25px;font-size:16px;gap:20px}.button:hover{background:#0096a0;transform:translateY(-3px);box-shadow:0 8px 20px #00aeb823}.button.dark{background:var(--aqua);box-shadow:none}.textlink{border:0;color:var(--aqua);font-weight:700;padding:0;font-size:15px}.textlink:hover{text-decoration:underline;text-underline-offset:5px}h1,h2,h3{font-family:Playful,Studio,Arial,sans-serif;font-weight:900;letter-spacing:-.035em}.eyebrow{color:#8d9186}.sunny-hero{position:relative;min-height:620px;isolation:isolate;margin-top:-4px}.sunny-hero>.wrap{position:relative;z-index:1;pointer-events:none}.sunny-intro{padding-top:75px;max-width:830px}.sunny-intro h1{font-size:clamp(42px,4.5vw,68px);line-height:1.12;letter-spacing:-.045em;max-width:820px}.sunny-intro h1 span,.sunny-people h2 span{color:var(--aqua)}.sunny-intro p{font-size:23px;line-height:1.5;margin:22px 0 24px;max-width:650px}.sunny-intro .button{pointer-events:auto}.hero-art{position:absolute;inset:-55px 0 -25px;background:url('/assets/sunny-world.png') center bottom/cover no-repeat;z-index:-1;mask-image:linear-gradient(to bottom,#000 93%,transparent 100%)}.sunny-work{padding:25px 0 50px;position:relative}.section-head{align-items:center;gap:30px;margin-bottom:25px}.section-head h2{font-size:clamp(30px,3.5vw,48px);line-height:1.15;letter-spacing:-.04em}.sunny-projects{display:grid;grid-template-columns:1.05fr 1fr;gap:20px}.sunny-project{display:block;border-radius:25px;overflow:hidden;position:relative;min-height:340px;isolation:isolate;background:#3895a1;box-shadow:0 5px 20px #518c8e0b;transition:transform .3s,box-shadow .3s}.sunny-project:hover{transform:translateY(-5px);box-shadow:0 12px 25px #30545b20}.sunny-project-visual{position:absolute;inset:0;z-index:-2}.sunny-project-visual img{height:100%;object-fit:cover;transition:transform .5s}.sunny-project:hover img{transform:scale(1.035)}.sunny-project:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#00454f99 0,#00454f22 57%,transparent)}.sunny-project-copy{color:white;padding:30px;max-width:75%;height:100%;display:flex;flex-direction:column;align-items:start;min-height:340px}.sunny-project-copy h3{font-size:36px;line-height:1.03;letter-spacing:-.04em;text-shadow:0 2px 7px #0004;margin-bottom:15px;max-width:300px}.sunny-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:13px}.sunny-tags span{font-size:12px;padding:4px 12px;border-radius:40px;background:#d6faf8;color:#1d585a;font-weight:600}.sunny-project-1 .sunny-tags span{background:#ffc265;color:#603b19}.sunny-project-copy p{font-size:15px;line-height:1.5;max-width:280px;text-shadow:0 1px 5px #0004}.round-go{display:grid;place-items:center;background:#fffdf5;color:#30664c;width:47px;height:47px;border-radius:50%;font-size:25px;margin-top:auto;line-height:1}.sunny-project-1:after{background:linear-gradient(90deg,#4c1e0a99,transparent)}.sunny-project-2{grid-column:1/-1;min-height:300px;background:#168ca5}.sunny-project-2 .sunny-project-copy{min-height:300px}.sunny-project-2 .sunny-project-copy h3{text-transform:uppercase;font-size:49px}.sunny-project-2 .sunny-project-visual img{object-position:50% 48%}.sunny-project-2 .sunny-project-copy p{max-width:370px}.sunny-project-2 .sunny-tags span:last-child{background:#fff2b8;color:#6b5a24}.sunny-people{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:65px;padding:35px 0 85px}.sunny-photo{position:relative;margin:10px 10px 0}.sunny-photo>img{aspect-ratio:1.2;object-position:50% 35%;border-radius:45% 35% 41% 28% / 25% 31% 25% 35%;transform:rotate(-2deg)}.photo-caption{position:absolute;left:-15px;bottom:0;font-size:17px;line-height:1.2;color:#dca322;transform:rotate(-9deg);font-style:italic;font-weight:650;background:#fffdf5dc;border-radius:16px;padding:10px}.photo-rays{position:absolute;top:10%;right:-13px;font-size:66px;color:#ffd43b;transform:rotate(10deg)}.sunny-people-copy h2{font-size:clamp(33px,3.5vw,49px);line-height:1.08;margin-bottom:24px}.sunny-people-copy>p{font-size:20px;line-height:1.5}.home-roles{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;font-size:12px;color:#4f4a4d;margin:28px 0 25px}.home-roles>span{border-right:1px solid #d6d5c9;padding-right:10px}.home-roles>span:last-child{border-right:0}.home-roles b{display:block;font-size:15px;color:var(--ink);margin-bottom:5px}.button.outline{border:1.5px solid var(--aqua);background:transparent;color:var(--aqua);font-size:15px;padding:11px 23px}.button.outline:hover{background:#e0faf7}.is-home footer{position:relative;background:#ffe888;border:0;border-radius:50% 35% 0 0 / 35px 30px 0 0;overflow:hidden}.is-home footer:before,.is-home footer:after{content:'✦';position:absolute;color:#f4c846;font-size:200px;line-height:1;pointer-events:none}.is-home footer:before{left:-40px;bottom:-70px}.is-home footer:after{right:-25px;top:15px;transform:rotate(15deg)}.contact{border:0;padding:45px 0;gap:35px;position:relative;z-index:1}.contact h2{font-size:clamp(32px,3.5vw,49px);line-height:1.1}.contact p{font-size:14px;color:#595042}.contact .button{font-size:15px}.footer-row{border-top:1px solid #d5c46e66;padding:20px 0;position:relative;z-index:1;gap:20px;font-size:11px}.footer-row a{color:#3c4b3f}.page-intro{padding:65px 0 40px}.page-intro h1{font-size:clamp(44px,5.5vw,78px);letter-spacing:-.04em}.page-intro .lead{font-size:18px;line-height:1.65}.filters{border:0;background:#e9f8f3;padding:14px;border-radius:24px;gap:15px}.filter{border:0;padding:9px 16px;border-radius:40px;font-size:12px}.filter[aria-pressed=true]{background:var(--aqua);color:white}.filter:hover{background:#d1f3e9}.filter[aria-pressed=true]:hover{background:#0099a3}.project-card{border:0;border-radius:22px;background:white;overflow:hidden;box-shadow:0 5px 25px #6e9a9620;transition:transform .25s}.project-card:hover{transform:translateY(-4px)}.project-meta{padding:20px 23px 0;margin:0 0 9px}.project-meta h3{font-size:25px}.project-card>p{padding:0 23px 23px;font-size:14px}.project-image .arrow{background:white;color:var(--aqua);border:0}.tag{color:#278586}.about-cover{border:0;border-radius:36px;object-position:50% 40%}.about-caption{border-color:#e5e9dd}.timeline .milestone{border-color:#dfebe1}.milestone time{color:#00a1aa;font-weight:700}.recognition{border-color:#e5e9dd!important}.recognition-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.recognition-grid>a{border:0;background:#fff1c2;border-radius:25px;padding:30px}.recognition-grid>a:last-child{background:#dff4eb}.recognition h2{margin:25px 0}.award-year{font:900 50px Playful,Arial,sans-serif;color:#d5a52f}.recognition-grid h3{margin:20px 0 13px;font-size:28px}.recognition-grid p{font-size:15px;color:#635d52}.award-source{display:block;font-size:11px;margin-top:25px;color:#278586}.people .person img{border-radius:35% 27% 32% 25%;filter:none;border:0}.person:nth-child(1) img{transform:rotate(-2deg)}.person:nth-child(3) img{transform:rotate(2deg)}.person h3{margin-top:28px}.person .role{color:#139da6}.detail-cover{border:0;border-radius:30px}.detail-back{color:var(--aqua)}.case-facts>div{border-color:#dfebe1}.case-video{padding-bottom:50px}.case-video h2{font-size:34px;margin:0 0 25px}.video-poster{border:0;border-radius:25px;position:relative;aspect-ratio:16/9;overflow:hidden;padding:0;width:100%;background:#1f5149}.video-poster img{height:100%;filter:brightness(.8)}.video-poster>span{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;color:white;font-size:55px}.video-poster small{font-size:15px;margin-top:12px}.case-video iframe{border:0;border-radius:25px;width:100%;aspect-ratio:16/9}.gallery-button img{border-radius:20px}.gallery-button:after{border-radius:50%;color:var(--aqua)}.recognition-grid a:hover h3{text-decoration:underline;text-underline-offset:5px}
@media(min-width:1500px){.sunny-hero{min-height:720px}.sunny-intro{padding-top:100px}.hero-art{inset:-55px 0 -25px}}@media(max-width:1050px){.sunny-hero{min-height:580px}.sunny-intro{padding-top:55px;max-width:700px}.sunny-intro h1{font-size:50px}.sunny-intro p{font-size:20px}.sunny-project-copy{padding:25px;max-width:85%}.sunny-project-copy h3{font-size:32px}.sunny-people{gap:35px}.sunny-people-copy>p{font-size:18px}.home-roles{font-size:10px;gap:10px}.home-roles b{font-size:13px}.contact{flex-direction:column;align-items:start}}
@media(max-width:750px){.sunny-hero{min-height:720px}.sunny-intro{max-width:100%;padding-top:30px}.sunny-intro h1{font-size:49px;max-width:690px}.sunny-intro p{font-size:19px}.hero-art{inset:210px 0 -10px;background-position:68% bottom;background-size:auto 560px;mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 94%,transparent 100%)}.sunny-projects{gap:15px}.sunny-project-copy{padding:20px;max-width:95%}.sunny-project-copy h3{font-size:28px}.sunny-project-copy p{font-size:13px;max-width:230px}.sunny-project,.sunny-project-copy{min-height:310px}.sunny-people{grid-template-columns:1fr;gap:45px}.sunny-photo{max-width:520px;margin:10px 20px}.sunny-people-copy{max-width:620px}.home-roles{font-size:12px}.home-roles b{font-size:15px}.sunny-people-copy h2{font-size:45px}.sunny-people-copy>p{font-size:20px}.recognition-grid{grid-template-columns:1fr}}
@media(max-width:600px){.wrap{padding:0 6%}.nav{height:79px;gap:18px}.brand img{height:49px;width:36px}.brand{gap:10px}.wordmark{font-size:19px}.wordmark small{font-size:15px}.language{font-size:11px;padding-left:13px}.navlinks{top:78px;background:var(--paper);border-color:#e7e7db}.sunny-hero{min-height:690px}.sunny-intro{padding-top:22px}.sunny-intro h1{font-size:38px;line-height:1.1;max-width:400px}.sunny-intro h1 span{display:inline}.sunny-intro p{font-size:17px;margin:17px 0 21px;max-width:320px}.sunny-intro .button{padding:14px 20px;font-size:15px}.hero-art{inset:250px 0 -10px;background-size:auto 460px;background-position:62% bottom;mask-image:linear-gradient(to bottom,transparent 0,#000 17%,#000 94%,transparent 100%)}.sunny-work{padding:10px 0 45px}.section-head{align-items:start;gap:16px;margin-bottom:20px}.section-head h2{font-size:31px;max-width:260px}.section-head .textlink{font-size:12px;gap:8px;margin-top:8px;white-space:nowrap}.sunny-projects{grid-template-columns:1fr;gap:17px}.sunny-project{border-radius:22px;min-height:310px}.sunny-project-copy{min-height:310px;padding:25px;max-width:85%}.sunny-project-copy h3{font-size:34px}.sunny-project-copy p{font-size:14px;max-width:250px}.sunny-project-2 .sunny-project-copy h3{font-size:40px}.sunny-project-2{grid-column:auto}.sunny-project-2 .sunny-project-copy{min-height:310px}.sunny-people{padding:20px 0 65px;gap:40px}.sunny-photo{margin:0 15px 10px}.photo-caption{font-size:14px;bottom:-12px}.photo-rays{font-size:50px;right:-15px}.sunny-people-copy h2{font-size:37px;line-height:1.08}.sunny-people-copy>p{font-size:18px}.home-roles{gap:10px;font-size:10px}.home-roles b{font-size:13px}.contact{padding:40px 0 22px;display:block}.contact h2{font-size:35px}.contact .button{margin-top:23px;font-size:14px}.footer-row{display:flex;flex-wrap:wrap;font-size:10px;gap:17px}.page-intro{padding-top:40px}.page-intro h1{font-size:43px}.page-intro .lead{font-size:16px}.filters{border-radius:20px;padding:12px}.filter{font-size:11px;padding:9px 13px}.filter-group+.filter-group{border-color:#d9e8dd}.project-meta{padding:18px 20px 0}.project-meta h3{font-size:25px}.project-card>p{padding:0 20px 21px}.project-meta .tag{font-size:9px}.about-cover{border-radius:25px}.detail-intro h1{font-size:43px}.detail-cover{border-radius:20px}.recognition-grid>a{padding:25px}.recognition-grid h3{font-size:26px}}@media(prefers-reduced-motion:reduce){.sunny-project{transition:none}}

.case-video video{width:100%;aspect-ratio:16/9;border-radius:25px;background:#15262c}.sunny-project-1:after{background:linear-gradient(90deg,#143448bb,transparent)}

.sunny-project-1 .sunny-project-visual{background:#1e1218}.sunny-project-1 .sunny-project-visual img{object-fit:contain;object-position:right}.sunny-project-1 .sunny-project-copy{max-width:65%}.brainfreeze-cover{object-fit:contain;background:#1e1218;max-height:650px}@media(max-width:600px){.sunny-project-1 .sunny-project-copy{max-width:70%}}