*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffdf8;color:#121b18;font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #164a38;outline-offset:5px}header{display:flex;align-items:center;justify-content:space-between;padding:22px 5%;background:#fffdf8;gap:24px}header .brand{width:165px}header nav{display:flex;gap:38px;align-items:center}header nav a{font-weight:600;position:relative}header nav a:after{content:"";position:absolute;height:3px;bottom:-6px;left:0;width:0;background:var(--pink);transition:width .2s}header nav a:hover:after,header nav a[aria-current]:after{width:100%}header nav a:last-child{background:var(--green);color:#fff;border-radius:40px;padding:10px 25px}h1,h2,h3{line-height:1.03;letter-spacing:-.055em;margin:0 0 25px;font-weight:800}h1{font-size:clamp(3.1rem,6.8vw,6.9rem)}h2{font-size:clamp(2.3rem,4.2vw,4.5rem)}h3{font-size:1.7rem;letter-spacing:-.04em}p{margin:0 0 25px}p:last-child{margin-bottom:0}.eyebrow{display:block;font-size:.82rem;font-weight:bold;letter-spacing:.14em;margin-bottom:25px}.hero{position:relative;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;background:var(--pink);padding:85px 5% 70px;min-height:620px;overflow:hidden;gap:20px}.hero h1{font-size:clamp(3.1rem,6.4vw,6.5rem)}.hero-copy p{max-width:470px;font-size:1.2rem;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;border:0;background:#14251d;color:white;padding:14px 27px;border-radius:40px;font-weight:600;transition:transform .2s,background .2s;line-height:1.5}.button:hover{transform:translateY(-3px);background:#254335}.wink-wrap{position:relative;max-width:510px;align-self:center}.wink{width:100%;mix-blend-mode:multiply;animation:winkfloat 7s ease-in-out infinite}.sticker{position:absolute;right:0;top:0;display:grid;place-content:center;width:138px;height:138px;line-height:1.1;border-radius:100%;background:#f4ef72;font-size:1.5rem;font-weight:800;text-align:center;transform:rotate(12deg)}.hero-note{font-size:.85rem;grid-column:1/-1;margin-top:30px}.ticker{background:#17251f;color:#fff;overflow:hidden;padding:18px 0;font-size:1.35rem;font-weight:700;white-space:nowrap}.ticker>div{width:max-content;animation:ticker 35s linear infinite}.ticker span{color:var(--pink);margin:0 25px}.section{padding:95px 5%;max-width:1600px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.section-heading h2{margin:0}.text-link{display:inline-block;font-weight:600;border-bottom:2px solid var(--green);margin-bottom:6px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.project-card:nth-child(even){padding-top:70px}.project-image{aspect-ratio:1.22;background:#e8ecd9;overflow:hidden;border-radius:3px}.project-card:nth-child(even) .project-image{background:var(--pink)}.project-image img{width:100%;height:100%;object-fit:contain;padding:35px;transition:transform .6s}.project-card:hover img{transform:scale(1.04) rotate(-1deg)}.project-caption{display:flex;align-items:start;justify-content:space-between;gap:15px;padding-top:20px}.project-caption h3{margin:0}.project-caption span{font-size:.88rem;text-align:right}.intro{background:var(--green);padding:85px 8%;display:grid;grid-template-columns:1fr 1.1fr;gap:10%;align-items:center;color:#fff}.portrait{transform:rotate(-4deg);border:12px solid #fffdf8;box-shadow:15px 15px 0 rgba(0,0,0,.1)}.portrait img{width:100%;height:450px;object-fit:cover}.intro-copy h2{font-size:clamp(2.4rem,4.5vw,4.6rem)}.intro-copy p{font-size:1.1rem;max-width:520px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.service{padding:32px;background:#efece5;border-radius:2px}.service:nth-child(2){background:var(--pink)}.service:nth-child(3){background:#e4ebd8}.service h2{font-size:2.2rem}.service h3{margin-top:45px}.number{font-size:.9rem;border:1px solid currentColor;border-radius:100%;width:42px;height:42px;display:grid;place-content:center}.contact-band{background:var(--pink);text-align:center;padding:85px 5%}.contact-band h2{font-size:clamp(2.8rem,6vw,6.2rem)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:45px 5%;font-size:.85rem;background:#fffdf8}.footer-brand{font-size:1.8rem;font-weight:800;letter-spacing:-.04em}.footer-brand span{display:block;font-size:.8rem;font-weight:400;letter-spacing:0}.page-top{background:var(--pink);padding:85px 5%}.page-top p{max-width:680px;font-size:1.2rem}.page-top .text-link{margin-bottom:30px}.about-page{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;padding:90px 5%;align-items:center}.about-page h1{font-size:clamp(3rem,5vw,5rem)}.about-page img{width:100%;height:620px;object-fit:cover;border-radius:250px 250px 0 0}.about-page p{max-width:620px}.contact-page{padding:110px 8%;background:var(--pink);min-height:65vh}.contact-page p{max-width:600px;font-size:1.2rem}.contact-links{display:grid;gap:14px;margin-top:45px}.contact-links a{font-size:clamp(1.15rem,3vw,2.2rem);font-weight:600;text-decoration:underline;text-underline-offset:8px;overflow-wrap:anywhere}.project-detail{display:grid;gap:35px}.detail-cover{width:100%;max-height:780px;object-fit:contain;padding:45px;background:#ecefe3}.gallery-image{width:100%;max-height:900px;object-fit:contain}.project-detail video,.project-detail iframe{width:100%;aspect-ratio:16/9;border:0}.video-consent{background:#e9ede4;padding:35px;text-align:center}label{display:block;font-weight:600;margin:22px 0}input,textarea,select{display:block;width:100%;border:1px solid #87938b;border-radius:5px;padding:12px;background:white;color:#15271d;margin-top:7px}textarea{min-height:110px;resize:vertical}input[type=color]{height:60px}input[type=checkbox]{display:inline;width:auto;margin:0 8px 0 0}.check{display:flex;align-items:center}.auth{max-width:700px}.auth h1{font-size:3rem}.admin h1{font-size:3.5rem}.admin-nav{display:flex;gap:12px;flex-wrap:wrap;background:#e7ecdf;padding:18px;margin-bottom:35px}.admin-nav a{padding:9px 16px;background:#fff;border-radius:30px;font-weight:600}.editor{max-width:850px;margin-top:35px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}fieldset{border:1px solid #c1ccc2;padding:20px;margin:25px 0}button:not(.button):not(.menu-toggle){border:1px solid #a0aca2;background:#fff;padding:7px 14px;border-radius:4px}.notice{padding:18px;background:#e6eedc;border-left:4px solid var(--green)}.media-grid,.admin-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:35px}.media-grid article,.admin-projects article{border:1px solid #d4dacf;padding:14px;min-width:0}.media-grid img,.media-grid video,.admin-projects img{height:200px;width:100%;object-fit:contain;background:#eeece4}.media-grid p{font-size:.82rem;overflow-wrap:anywhere;margin:15px 0}.admin-projects form{margin-top:12px}.admin-projects h3{margin:20px 0 10px}.skip{position:absolute;top:-100px;left:20px;z-index:100;padding:12px;background:white}.skip:focus{top:10px}.menu-toggle{display:none}.js-motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .65s,transform .65s}.js-motion .reveal.visible{opacity:1;transform:translateY(0)}@keyframes winkfloat{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(4deg) translateY(-15px)}}@keyframes ticker{to{transform:translateX(-50%)}}
@media(max-width:850px){header{padding:18px 5%;flex-wrap:wrap}.brand{width:130px!important}.menu-toggle{display:block;background:transparent;border:1px solid #163c2c;border-radius:25px;padding:7px 20px}header nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0}header nav.open{display:flex}header nav a{padding:12px 5px}header nav a:last-child{text-align:center;margin-top:12px}.hero{min-height:auto;padding:60px 6% 30px;grid-template-columns:1fr;gap:30px}.hero-copy p{font-size:1.08rem}.wink-wrap{width:75%;max-width:340px;justify-self:end;margin-top:-15px}.sticker{width:100px;height:100px;font-size:1.1rem}.hero-note{margin-top:0}.section{padding:60px 6%}.section-heading{align-items:start}.section-heading .text-link{white-space:nowrap;font-size:.9rem}.project-grid{gap:26px}.project-caption{display:block}.project-caption span{text-align:left;display:block;margin-top:10px}.project-card:nth-child(even){padding-top:40px}.project-image img{padding:15px}.intro{padding:60px 8%;grid-template-columns:1fr;gap:55px}.portrait{max-width:500px}.portrait img{height:380px}.service-grid{grid-template-columns:1fr}.service h3{margin-top:25px}.about-page{grid-template-columns:1fr;padding:60px 6%;gap:45px}.about-page img{height:480px}.contact-page{padding:65px 6%}footer{flex-wrap:wrap}.media-grid,.admin-projects{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.project-grid{grid-template-columns:1fr}.project-card:nth-child(even){padding-top:0}.section-heading{flex-direction:column;gap:18px}.project-image img{padding:25px}.media-grid,.admin-projects{grid-template-columns:1fr}.two-cols{grid-template-columns:1fr}.contact-band{padding:60px 6%}.about-page img{height:420px}.detail-cover{padding:20px}footer{align-items:start;flex-direction:column}.admin-nav{gap:8px;padding:12px}.admin-nav a{font-size:.9rem}.auth h1,.admin h1{font-size:2.6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}
\n.category-nav{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:65px}.category-nav a{border:1px solid #17251f;border-radius:30px;padding:10px 23px;font-weight:600;transition:background .2s}.category-nav a:hover{background:var(--pink)}.project-category{scroll-margin-top:35px;margin-bottom:90px}.project-category:last-child{margin-bottom:0}.project-category .section-heading{border-top:1px solid #b9c4ba;padding-top:32px}.project-category h2{font-size:clamp(2rem,3.8vw,3.7rem)}.field-help{font-size:.9rem;color:#405749}.admin-projects p{font-size:.9rem}\n/* Studio Winks: a playful brand-led canvas. */
@font-face{font-family:WinksHeading;src:url('heading-font.otf') format('opentype');font-weight:700 900;font-display:swap}h1,h2,h3{font-family:WinksHeading,Arial,sans-serif;letter-spacing:-.055em;font-weight:800}body{background:#faf9f3}header{background:#faf9f3;padding:24px 5%;border-bottom:1px solid #dfe5d9}header .brand{width:150px}header nav a:last-child{border-radius:9px;transform:rotate(-3deg)}.hero{background:var(--pink);min-height:690px;grid-template-columns:1.5fr 1fr;padding-top:75px;padding-bottom:55px;isolation:isolate;gap:0}.hero-copy{position:relative;z-index:2}.hero-copy .eyebrow{display:inline-block;border:1px solid currentColor;padding:8px 15px;border-radius:30px;transform:rotate(-2deg);margin-bottom:35px}.hero h1{font-size:clamp(3.7rem,7.5vw,8rem);line-height:.94;max-width:850px;margin-bottom:35px}.hero-copy p{max-width:470px;font-size:1.1rem}.hero-cross{position:absolute;right:33%;top:38px;font-size:90px;color:var(--green);line-height:1;transform:rotate(12deg);z-index:3}.wink-wrap{width:115%;max-width:620px;margin-left:-10%;align-self:center;transform:rotate(8deg);z-index:1}.wink{mix-blend-mode:multiply}.sticker{right:7%;top:5%;background:#f1ef81;width:135px;height:135px;box-shadow:5px 5px 0 #17251f;font-family:WinksHeading,Arial,sans-serif;font-size:1.45rem;transform:rotate(-16deg)}.hero-note{grid-column:1/-1;padding-top:20px;border-top:1px solid #17251f;margin-top:35px;font-size:.85rem}.scroll-hint{position:absolute;right:6%;bottom:76px;font-size:.78rem;letter-spacing:.12em;border-bottom:1px solid #17251f;z-index:3}.button{border-radius:8px;box-shadow:4px 4px 0 rgba(20,37,29,.2);padding:15px 26px}.button:hover{transform:rotate(-2deg) translateY(-3px)}.services-playground{padding:95px 5% 110px;position:relative;background:#faf9f3}.services-intro{display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px;margin-bottom:55px}.services-intro .eyebrow{grid-column:1/-1;margin:0}.services-intro h2{font-size:clamp(2.7rem,5vw,5.3rem);max-width:680px;margin:0}.services-playground .service-grid{gap:30px;align-items:start}.service-creative{position:relative;padding:40px 30px 35px;min-height:390px;border:2px solid #17251f;box-shadow:8px 9px 0 #17251f;background:#edeed2;transform:rotate(-3deg);border-radius:55px 6px 6px 6px;transition:transform .25s,box-shadow .25s}.service-creative:nth-child(2){background:var(--pink);transform:rotate(2deg);margin-top:40px;border-radius:6px 6px 65px 6px}.service-creative:nth-child(3){background:var(--green);color:#fff;transform:rotate(-2deg);border-radius:6px 60px 6px 6px}.service-creative:hover{transform:rotate(0) translateY(-12px);box-shadow:12px 16px 0 #17251f}.service-tag{position:absolute;right:28px;top:30px;font-size:14px;border:1px solid currentColor;border-radius:100%;width:32px;height:32px;display:grid;place-content:center}.service-icon{display:block;width:110px;height:110px;background:currentColor;mask-size:contain;mask-repeat:no-repeat;mask-position:center;margin-bottom:26px}.icon-identity{mask-image:url('icon-identity.svg')}.icon-design{mask-image:url('icon-design.svg')}.icon-video{mask-image:url('icon-video.svg')}.service-creative h3{margin-top:0;font-size:2.15rem;letter-spacing:-.04em;margin-bottom:18px}.service-creative p{font-size:1rem;line-height:1.6}.ticker{transform:rotate(-2deg) scale(1.01);padding:25px 0;margin:0;position:relative;z-index:2;background:var(--green);font-family:WinksHeading,Arial,sans-serif;font-size:1.8rem;letter-spacing:.01em}.section-heading h2{font-size:clamp(2.8rem,5vw,5.2rem)}.project-card:first-child .project-image{border-radius:100px 5px 5px 5px;background:#e8ebce}.project-card:nth-child(even) .project-image{border-radius:5px 5px 100px 5px}.project-caption h3{font-size:2.1rem}.project-caption span{border:1px solid #17251f;border-radius:25px;padding:5px 13px;font-size:.8rem}.project-image{border:1px solid #17251f}.project-card:nth-child(even){padding-top:105px}.intro{background:#17251f;gap:10%;padding:110px 9%;position:relative;overflow:hidden}.intro:before{content:"✳";position:absolute;right:30px;top:-65px;color:var(--pink);font-size:250px;line-height:1;opacity:.8}.intro-copy{position:relative}.intro-copy h2{font-size:clamp(3rem,5vw,5.7rem);color:var(--pink)}.intro-copy .button{background:var(--pink);color:#17251f}.portrait{border:14px solid var(--pink);box-shadow:20px 20px 0 var(--green);transform:rotate(-5deg)}.contact-band{background:var(--green);color:#fff;position:relative;overflow:hidden;padding:115px 5%}.contact-band h2{max-width:1050px;margin:0 auto 35px;font-size:clamp(3rem,6.5vw,7rem)}.contact-band .button{background:var(--pink);color:#17251f}.page-top{border-radius:0 0 75px 0}.page-top h1{max-width:1050px}.page-top .eyebrow{margin-top:12px}.services-playground .js-motion{transform:none}.js-motion .service-creative.reveal{opacity:0;transform:translateY(25px) rotate(-3deg)}.js-motion .service-creative.reveal:nth-child(2){transform:translateY(25px) rotate(2deg)}.js-motion .service-creative.reveal.visible{opacity:1;transform:rotate(-3deg)}.js-motion .service-creative.reveal.visible:nth-child(2){transform:rotate(2deg)}.js-motion .service-creative.reveal.visible:hover{transform:rotate(0) translateY(-12px)}.font-editor{border-top:1px solid #a3b3a6;padding-top:35px;margin-top:65px;max-width:850px}.font-editor h2{font-size:2.2rem}.service{scroll-margin-top:35px}
@media(max-width:900px){.hero{min-height:660px;padding-top:60px;grid-template-columns:1.3fr 1fr}.hero h1{font-size:clamp(3.3rem,7.8vw,6.5rem)}.hero-cross{right:12%;font-size:60px}.services-playground .service-grid{gap:20px}.service-creative{padding:30px 22px;min-height:400px}.service-creative h3{font-size:1.8rem}.services-playground{padding-bottom:90px}.sticker{width:110px;height:110px;font-size:1.15rem}.service-icon{width:95px;height:95px}.intro:before{font-size:180px}}
@media(max-width:850px){.services-playground .service-grid{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:clamp(3.4rem,8.5vw,6.6rem)}.hero{grid-template-columns:1fr 1fr}.services-intro{grid-template-columns:1fr}.services-intro .text-link{justify-self:start}.service-creative{min-height:380px}.service-creative h3{font-size:1.5rem;line-height:1.15}.service-creative p{font-size:.95rem}.intro{grid-template-columns:1fr;gap:65px}.intro:before{right:15px;top:10px}.scroll-hint{bottom:30px}.hero-note{padding-right:170px}}
@media(max-width:650px){.hero{grid-template-columns:1fr;padding:55px 6% 35px;min-height:auto}.hero-copy .eyebrow{font-size:.7rem;letter-spacing:.08em}.hero h1{font-size:clamp(3.4rem,12vw,5rem);line-height:1;max-width:100%;overflow-wrap:normal}.hero-cross{right:5%;top:27px;font-size:42px}.wink-wrap{width:68%;max-width:340px;justify-self:end;margin:-15px 0 -10px;transform:rotate(8deg)}.sticker{width:95px;height:95px;font-size:1.05rem}.hero-note{padding-right:0;margin-top:20px}.scroll-hint{position:static;justify-self:start;order:4;margin-top:10px}.services-playground{padding:65px 7% 75px}.services-intro{margin-bottom:40px}.services-playground .service-grid{grid-template-columns:1fr;gap:35px}.service-creative,.service-creative:nth-child(2){margin-top:0;min-height:0;padding:30px 28px;transform:rotate(-2deg);border-radius:40px 5px 5px 5px}.service-creative:nth-child(2){transform:rotate(2deg);border-radius:5px 5px 40px 5px}.service-creative:nth-child(3){transform:rotate(-1deg)}.service-creative h3{font-size:2rem}.service-creative p{font-size:1rem}.service-icon{width:90px;height:90px;margin-bottom:20px}.service-tag{right:25px;top:25px}.ticker{font-size:1.4rem;padding:19px 0}.project-card:nth-child(even){padding-top:0}.project-grid{grid-template-columns:1fr;gap:40px}.project-caption h3{font-size:1.8rem}.project-caption{display:flex;align-items:center}.project-caption span{max-width:48%;font-size:.75rem;text-align:center;margin:0}.intro{padding:80px 8%;gap:70px}.intro:before{font-size:135px;top:0;right:-20px}.portrait img{height:350px}.contact-band{padding:75px 6%}.page-top{padding:65px 6%;border-radius:0 0 45px 0}.page-top h1{font-size:clamp(3rem,11vw,5rem)}}
@media(prefers-reduced-motion:reduce){.js-motion .service-creative.reveal{opacity:1}}

/* Brand type: Adobe-hosted Neulis headings and supplied AvantGarde body. */
@font-face{font-family:WinksAvantGarde;src:url('avantgarde-demi.woff') format('woff');font-style:normal;font-weight:100 900;font-display:swap}
body,body button,body input,body textarea,body select{font-family:WinksAvantGarde,Arial,sans-serif}
body{font-weight:400;line-height:1.75}
body h1,body h2,body h3{font-family:'neulis-cursive',WinksHeading,Arial,sans-serif;font-weight:600;font-style:normal;letter-spacing:-.035em;font-synthesis:none}
body .sticker,body .ticker{font-family:'neulis-cursive',WinksHeading,Arial,sans-serif;font-weight:600}
body .footer-brand{font-family:'neulis-cursive',WinksHeading,Arial,sans-serif;font-weight:600}
