.video-play{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 18px;min-height:48px;background:#754595;color:#fff;border:0;font:700 12px Lato;cursor:pointer}.video-play:hover{background:#8b57ac}
.theme-blue{--case-bg:#174e8b;--case-fg:#fff;--case-accent:#90c9ff}.theme-mint{--case-bg:#cef4e7;--case-fg:#222033;--case-accent:#652c9c}.theme-g10{--case-bg:#292766;--case-fg:#fff;--case-accent:#d55baa}.theme-yellow{--case-bg:#edb42c;--case-fg:#18130b;--case-accent:#513629}.theme-green{--case-bg:#163d31;--case-fg:#fff;--case-accent:#c4e19a}.theme-amber{--case-bg:#24201b;--case-fg:#fff;--case-accent:#efba47}.theme-wine{--case-bg:#431d36;--case-fg:#fff;--case-accent:#eab69c}
.portfolio-hero{background:#100c13;color:var(--cream);padding:95px 6vw 85px;display:grid;grid-template-columns:1.05fr 1fr;gap:6%;min-height:660px;align-items:center;overflow:hidden}.portfolio-hero h1{font-size:clamp(58px,6.3vw,96px);line-height:.99;letter-spacing:-.055em;margin:20px 0 30px}.portfolio-hero h1 em{font-size:1.3em;color:#c89fe0;display:inline-block}.portfolio-hero>div>p:not(.eyebrow){max-width:460px;font-size:18px;line-height:1.7;color:#d3c9d7}.portfolio-hero .text-link{margin-top:24px;color:white}.portfolio-hero-collage{position:relative;min-height:430px}.portfolio-hero-collage img{position:absolute;width:48%;height:320px;object-fit:cover;box-shadow:0 30px 60px #0006;border:7px solid #ece5e0;transition:transform .6s}.portfolio-hero-collage img:nth-child(1){left:0;top:40px;transform:rotate(-13deg);object-fit:contain;background:#312d73;z-index:1}.portfolio-hero-collage img:nth-child(2){left:27%;top:0;transform:rotate(4deg);z-index:3}.portfolio-hero-collage img:nth-child(3){left:53%;top:100px;transform:rotate(15deg);z-index:2}.portfolio-hero-collage:hover img:nth-child(1){transform:translate(-15px,-8px) rotate(-18deg)}.portfolio-hero-collage:hover img:nth-child(3){transform:translate(10px,10px) rotate(19deg)}
.collection-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end}.collection-heading h2{font-size:60px;line-height:1.05;letter-spacing:-.045em}.collection-heading>p{font-size:16px;line-height:1.8;color:#675d69;max-width:400px}.portfolio-filters{display:flex;flex-wrap:wrap;gap:10px;margin:40px 0 15px}.portfolio-filters button{border:1px solid #ad9eb7;background:transparent;color:#4b375c;padding:13px 25px;border-radius:30px;cursor:pointer;font:700 13px Lato}.portfolio-filters button[aria-pressed=true]{background:#754595;border-color:#754595;color:white}.filter-count{font-size:12px;color:#756b7a;margin:0 0 26px}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 36px}.project-card[hidden]{display:none}.project-card-link{display:block}.project-cover{height:380px;position:relative;overflow:hidden;background:var(--case-bg);border-radius:2px;transform-style:preserve-3d}.project-art{position:relative;height:100%;width:100%;overflow:hidden}.project-art img{position:absolute;object-fit:contain;max-height:84%;max-width:74%;left:50%;top:50%;transform:translate(-50%,-50%);filter:drop-shadow(0 20px 18px #0003);transition:transform .7s cubic-bezier(.2,.65,.2,1)}.project-art img:first-child:nth-last-of-type(n+2){left:30%;max-width:46%;max-height:75%;transform:translate(-50%,-50%) rotate(-9deg);z-index:2}.project-art img:nth-child(2){left:66%;max-width:47%;max-height:78%;transform:translate(-50%,-50%) rotate(8deg);z-index:3}.project-art img:nth-child(3){left:48%;top:71%;max-width:35%;max-height:63%;transform:translate(-50%,-50%) rotate(-2deg);z-index:4}.project-art-no{position:absolute;top:20px;left:24px;color:var(--case-fg);font-size:10px;letter-spacing:.13em;text-transform:uppercase;opacity:.7}.art-criando img{width:46%;filter:drop-shadow(0 25px 24px #35224735);border-radius:23%}.project-open{position:absolute;right:20px;bottom:20px;padding:12px 18px;border-radius:30px;background:#f9f6ef;color:#24102d;font-size:12px;z-index:6;transition:transform .35s}.project-meta{display:flex;align-items:center;justify-content:space-between;padding-top:20px;gap:15px}.project-meta p{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#897291;margin:0 0 8px}.project-meta h3{font-size:30px;letter-spacing:-.035em;margin:0;line-height:1.15}.project-meta>span{font-size:30px}.project-card:hover .project-open{transform:translate(-5px,-5px)}.project-card:hover .project-art img:nth-child(2){transform:translate(-50%,-53%) rotate(12deg)}.project-card:hover .project-art img:first-child{transform:translate(-50%,-52%) rotate(-5deg)}.home-projects{margin-top:55px;gap:52px 32px}.home-projects .project-meta p{color:#c0a7ce}.home-projects .project-cover{height:350px}.portfolio-legacy{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#eae2ed}.portfolio-legacy h2{font-size:47px;line-height:1.15;letter-spacing:-.035em}.portfolio-legacy p:not(.eyebrow){line-height:1.8;max-width:450px}.legacy-links a{position:relative;display:block;padding:28px 35px 28px 0;border-top:1px solid #c0afca}.legacy-links a:last-child{border-bottom:1px solid #c0afca}.legacy-links span{font-size:9px;letter-spacing:.13em;display:block;margin-bottom:11px}.legacy-links strong{font-size:25px;letter-spacing:-.035em}.legacy-links b{position:absolute;right:5px;top:40%;font-size:25px}
.project-hero{background:var(--case-bg);color:var(--case-fg);padding:38px 6vw 65px;overflow:hidden}.project-back{font-size:12px;opacity:.75}.project-hero-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:4%;align-items:center;margin-top:50px}.project-hero .eyebrow{color:var(--case-accent);font-size:10px}.project-hero h1{font-size:clamp(46px,4.6vw,70px);line-height:1.07;letter-spacing:-.05em;margin:25px 0}.project-hero h1 em{display:inline-block;color:var(--case-accent);font-size:1.15em}.project-hero-layout>div>p:not(.eyebrow){font-size:18px;line-height:1.8;max-width:560px;opacity:.9}.scope-chips{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0}.scope-chips span{font-size:10px;border:1px solid currentColor;border-radius:20px;padding:8px 12px;opacity:.8}.project-hero .text-link{font-size:12px;color:var(--case-fg)}.project-hero-art{height:490px;min-width:0;position:relative;border:1px solid #ffffff25;border-radius:50% 50% 2px 2px;background:#ffffff06}.project-hero-art .project-art img{max-height:86%}.project-hero-art .project-art-no{display:none}.project-story{display:grid;grid-template-columns:1fr 1fr;gap:10%}.project-story h2{font-size:45px;line-height:1.13;letter-spacing:-.04em}.project-story .lead{font-size:21px;line-height:1.7}.project-credit{border-top:1px solid #d5c9da;font-size:13px;line-height:1.9;padding-top:24px;margin-top:28px;color:#776c7d}.project-gallery{background:#ece7ed}.project-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 25px;margin-top:40px;align-items:start}.project-gallery-grid figure{margin:0}.case-zoom{padding:0;display:block;width:100%;border:0;background:none;cursor:zoom-in}.case-zoom img{width:100%;height:auto;max-height:620px;object-fit:contain;transition:transform .4s}.case-zoom:hover img{transform:translateY(-6px)}.project-gallery-grid figcaption{font-size:12px;line-height:1.7;margin-top:15px;color:#6f6375}.project-gallery .section-heading h2{font-size:53px}.video-section{background:#100e13;color:#f9f6ef}.video-section h2,.manual-section h2,.channel-section h2,.app-experience h2,.documentary-note h2{font-size:58px;line-height:1.08;letter-spacing:-.04em}.video-intro{font-size:14px;color:#bdb2c5;margin:25px 0 35px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.video-grid figure{margin:0}.video-grid video{width:100%;max-height:560px;background:#060100;aspect-ratio:9/16;object-fit:contain;border:1px solid #37283e}.video-grid figcaption{font-size:12px;color:#c8becd;margin-top:15px}.video-grid:has(figure:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));max-width:790px;margin:auto}.documentary-note{background:#eee2d0}.documentary-note p:not(.eyebrow){max-width:700px;font-size:18px;line-height:1.8}.email-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:35px}.email-pair figure{margin:0}.email-pair img{width:100%;box-shadow:0 18px 35px #0001}.email-pair figcaption{font-size:12px;margin-top:15px;color:#6d5d76}.channel-route{display:flex;gap:20px;align-items:center;margin:45px 0 25px;flex-wrap:wrap}.channel-route span{border:1px solid #b7a4c2;padding:18px 26px;font-size:15px;border-radius:35px}.channel-route b{color:#9670ae}.channel-section>p:not(.eyebrow){max-width:780px;font-size:17px;line-height:1.8}.manual-section{background:#dfd9eb}.manual-reader{max-width:1100px;margin:40px auto 24px}.manual-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.manual-controls button{background:#312d73;color:white;border:0;border-radius:50%;width:48px;height:48px;font-size:23px;cursor:pointer}.manual-controls button:disabled{opacity:.3;cursor:default}.manual-controls p{font-size:14px;text-align:center}.manual-reader>img{width:100%;height:auto;box-shadow:0 25px 50px #30294726}.manual-dots{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:25px}.manual-dots button{width:38px;height:38px;border:1px solid #a89bb8;background:transparent;border-radius:50%;color:#312d73;cursor:pointer}.manual-dots button[aria-pressed=true]{background:#312d73;color:white}.manual-section>.text-link{display:flex;max-width:max-content;margin:auto}
.app-experience{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;background:#eaf7ef}.app-experience>div>p:not(.eyebrow){font-size:18px;line-height:1.8;max-width:460px}.app-experience>div>p.small{font-size:12px;color:#69736d}.phone-stage{position:relative;display:flex;justify-content:center;padding:35px 0}.app-phone{width:310px;border:9px solid #22212c;border-radius:43px;background:white;position:relative;padding:30px 17px 25px;box-shadow:18px 35px 0 #66329620,0 35px 50px #233d2626;z-index:2;transform:rotate(3deg);transition:transform .5s}.app-phone:hover,.app-phone:focus-within{transform:rotate(0)}.phone-notch{position:absolute;top:0;width:95px;height:15px;border-radius:0 0 15px 15px;background:#22212c;left:50%;transform:translateX(-50%)}.app-brand{display:flex;align-items:center;gap:8px;color:#652c9c}.app-brand img{width:33px;height:33px;border-radius:8px}.app-brand strong{font-size:18px}.app-greeting{font-size:12px;color:#676071;margin:20px 0}.app-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.app-grid button{background:#f8f5fc;border:1px solid #e4d9ed;border-radius:15px;padding:12px 8px;color:#4b2b63;cursor:pointer;transition:background .2s,transform .2s}.app-grid button:first-child{grid-column:1/-1}.app-grid button img{height:65px;width:100%;object-fit:contain;margin-bottom:6px}.app-grid button:first-child img{height:80px}.app-grid button span{font-size:10px}.app-grid button[aria-pressed=true]{background:#e9d7f5;border-color:#8953ae;transform:translateY(-2px)}.phone-bar{width:100px;height:4px;display:block;margin:24px auto 0;background:#22212c;border-radius:10px}.phone-orbit{position:absolute;border:1px solid #8ec6b4;width:440px;height:440px;top:80px;border-radius:50%}#app-context{margin-top:28px;border-left:3px solid #754595;padding:4px 0 4px 22px;min-height:105px}#app-context h3{font-size:24px;margin:0 0 8px;color:#652c9c}#app-context p{font-size:15px;line-height:1.6;max-width:410px;margin:0}.project-next{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#754595;color:white;padding:65px 6vw;align-items:center}.project-next .eyebrow{color:#dbc5e9}.project-next h2{font-size:48px;line-height:1.1;letter-spacing:-.03em}.project-next .button{margin-top:25px}.project-next>a{border-top:1px solid #c6a2da80;border-bottom:1px solid #c6a2da80;padding:35px 40px 35px 0;position:relative}.project-next>a span{display:block;font-size:10px;letter-spacing:.15em;margin-bottom:18px}.project-next>a strong{display:block;font-size:35px;letter-spacing:-.03em}.project-next>a b{position:absolute;right:0;top:50%;font-size:30px}
@media(max-width:1000px){.portfolio-hero{padding-top:70px;min-height:550px}.portfolio-hero h1{font-size:60px}.portfolio-hero-collage img{height:260px}.portfolio-hero-collage{min-height:350px}.project-cover,.home-projects .project-cover{height:290px}.project-meta h3{font-size:25px}.project-hero-art{height:370px}.project-hero h1{font-size:50px}.project-hero-layout>div>p:not(.eyebrow){font-size:16px}.project-story h2{font-size:36px}.project-story .lead{font-size:18px}.project-gallery-grid{grid-template-columns:repeat(2,1fr)}.phone-orbit{width:340px;height:340px}.app-phone{width:275px}.app-experience{gap:5%}.video-section h2,.manual-section h2,.channel-section h2,.app-experience h2,.documentary-note h2{font-size:46px}.project-next h2{font-size:38px}}
@media(max-width:600px){.portfolio-hero{display:block;padding:50px 24px 30px;min-height:0}.portfolio-hero h1{font-size:52px;line-height:1.08}.portfolio-hero>div>p:not(.eyebrow){font-size:16px}.portfolio-hero-collage{margin:30px 10px 0;min-height:330px}.portfolio-hero-collage img{height:245px}.portfolio-hero-collage img:nth-child(3){left:50%;top:65px}.collection-heading{display:block}.collection-heading h2{font-size:43px}.collection-heading>p{font-size:15px}.portfolio-filters{gap:8px;margin-top:27px}.portfolio-filters button{padding:12px 18px;font-size:12px}.portfolio-grid{grid-template-columns:1fr;gap:33px}.project-cover,.home-projects .project-cover{height:330px}.project-meta{padding-top:15px}.project-meta h3{font-size:28px}.project-meta p{font-size:9px}.project-open{font-size:11px;padding:11px 16px}.home-projects{margin-top:35px}.portfolio-legacy{display:block}.portfolio-legacy h2{font-size:39px}.legacy-links{margin-top:35px}.legacy-links strong{font-size:23px}.project-hero{padding:27px 24px 35px}.project-hero-layout{display:flex;flex-direction:column;gap:30px;margin-top:30px;align-items:stretch}.project-hero h1{font-size:44px}.project-hero .eyebrow{font-size:8px;line-height:1.7}.project-hero-layout>div>p:not(.eyebrow){font-size:16px}.scope-chips span{font-size:9px}.project-hero-art{height:330px}.project-story{display:block}.project-story h2{font-size:35px}.project-story .lead{font-size:18px;margin-top:25px}.project-gallery .section-heading h2{font-size:40px}.project-gallery-grid{gap:28px 15px}.project-gallery-grid figcaption{font-size:11px;line-height:1.6}.project-gallery-grid figure:last-child:nth-child(odd){grid-column:1/-1;max-width:75%;margin:auto}.video-section h2,.manual-section h2,.channel-section h2,.app-experience h2,.documentary-note h2{font-size:41px}.video-grid,.video-grid:has(figure:nth-child(2):last-child){grid-template-columns:1fr;max-width:330px;margin:auto;gap:34px}.video-grid video{max-height:520px}.video-intro{font-size:13px}.email-pair{grid-template-columns:1fr;gap:26px}.channel-route{gap:10px;margin-top:30px}.channel-route span{font-size:11px;padding:12px 17px}.channel-route b{font-size:14px}.channel-section>p:not(.eyebrow){font-size:15px}.manual-controls p{font-size:12px;max-width:190px}.manual-controls{gap:12px}.manual-controls button{flex-shrink:0;width:44px;height:44px}.manual-dots{gap:6px}.manual-dots button{width:30px;height:35px;border-radius:5px}.app-experience{display:block}.app-experience>div>p:not(.eyebrow){font-size:16px}.phone-stage{margin-top:20px;overflow:hidden}.app-phone{width:275px}.phone-orbit{width:310px;height:310px}.project-next{display:block;padding:50px 24px}.project-next h2{font-size:39px}.project-next>a{display:block;margin-top:45px}.project-next>a strong{font-size:28px}.project-gallery-grid{grid-template-columns:1fr 1fr}}
.portfolio-filters button{min-height:44px}.manual-dots button{width:44px;height:44px}.motion-toggle{min-height:44px}