.portfolio{background:#f5f3ec;color:#171915;font-family:'Space Grotesk',Manrope,sans-serif}.studio-ticker{display:flex;justify-content:space-between;background:#d9ff80;padding:10px 3.5%;font-size:10px;letter-spacing:.08em;font-weight:700}.green-dot{color:#168d2e}.p-nav{height:93px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #25291e22}.brand{font-size:22px;font-weight:700;letter-spacing:-.09em}.bframe{color:#8ca544}.brand-suffix{font-size:9px;vertical-align:top;margin-left:3px}.p-nav nav{display:flex;gap:30px;font-size:12px;font-weight:600}.p-nav nav a:hover{color:#818d3f}.nav-talk{font-size:12px;border:1px solid #171915;padding:14px 21px;border-radius:2px;font-weight:700}.nav-talk span{margin-left:19px}.p-hero{padding-top:29px}.hero-top,.hero-bottom{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.06em}.hero-top span:last-child{text-align:right}.p-hero-inner{display:grid;grid-template-columns:1fr 280px;gap:40px;align-items:end;min-height:500px;padding-bottom:62px}.p-hero h1{font-size:clamp(75px,10.8vw,174px);letter-spacing:-.095em;line-height:.82;margin:0;font-weight:600}.p-hero h1 em,.section-row h2 em,.p-expertise h2 em,.process-heading h2 em,.p-contact h2 em{font-family:'Playfair Display',Georgia,serif;letter-spacing:-.09em;font-weight:400}.p-hero-aside{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end}.p-hero-aside p{font-size:16px;letter-spacing:-.02em;max-width:250px}.orb{margin-bottom:auto;margin-top:36px;align-self:center;display:grid;place-items:center;width:166px;height:166px;border-radius:100%;background:radial-gradient(circle at 35% 25%,#defcb0,#648838 26%,#222e16 65%,#0a1807 100%);box-shadow:inset -10px -10px 22px #0008,15px 23px 46px #556e482f;animation:floaty 5s infinite ease-in-out}.orb-inner{width:65%;height:65%;border-radius:100%;border:1px solid #e0ff9355;box-shadow:inset 10px 10px 50px #d2ff573d}.viewwork{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #111;padding-top:15px;margin-top:25px;font-size:11px;font-weight:700;letter-spacing:.07em}.viewwork span{font-size:20px}.hero-bottom{padding-block:18px;border-top:1px solid #25291e22}.p-work{background:#10120e;color:#f3f2ed}.section-row{display:flex;justify-content:space-between;align-items:end;gap:30px}.section-row h2,.p-expertise h2,.process-heading h2{font-size:clamp(42px,6vw,83px);letter-spacing:-.075em;font-weight:500;margin:18px 0 0}.section-row p{max-width:330px;font-size:13px;color:#b1b4ab}.filters{display:flex;flex-wrap:wrap;gap:9px;margin:48px 0 27px}.filters button{background:transparent;color:#bcbdb6;padding:10px 18px;border:1px solid #454741;border-radius:100px;font-size:11px;font-weight:700}.filters button.active,.filters button:hover{background:#d9ff80;color:#111;border-color:#d9ff80}.filters sup{margin-left:6px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px 24px}.project-card[hidden]{display:none}.project-art{height:380px;overflow:hidden;position:relative;transition:filter .3s}.project-card:hover .project-art{filter:brightness(1.07)}.project-details{display:flex;align-items:end;justify-content:space-between;padding-top:22px;gap:15px}.project-details h3{font-size:27px;letter-spacing:-.05em;margin:7px 0 4px;font-weight:600}.project-details h3 span{font-size:19px;display:inline-block;transition:transform .3s}.project-card:hover .project-details h3 span{transform:translate(5px,-5px)}.project-details p{font-size:12px;color:#a8aba4;margin:0}.type{font-size:9px;letter-spacing:.16em;color:#b5d57a;font-weight:700}.project-label{white-space:nowrap;font-size:8px;letter-spacing:.06em;color:#b8b8b2;border:1px solid #555;padding:8px 9px;border-radius:100px}.project-art strong{display:block}.resto-art{background:radial-gradient(circle at 55% 75%,#ad6433,#37221f 28%,transparent 55%),linear-gradient(140deg,#161212,#301c19)}.art-grain{position:absolute;inset:0;background:repeating-radial-gradient(circle at center,#f7c7a407 0 1px,transparent 1px 5px);opacity:.5}.mini-resto{position:absolute;inset:36px 38px;color:#eed8c0;display:flex;flex-direction:column;align-items:center;text-align:center}.mini-resto .mini-over{font-size:7px;letter-spacing:.33em}.mini-resto strong{font-family:Georgia,serif;font-size:clamp(43px,5vw,68px);font-weight:400;letter-spacing:-.08em;margin-top:25px}.mini-resto strong span{color:#e2a269}.mini-under{font-size:7px;letter-spacing:.3em}.resto-plate{width:172px;height:172px;border-radius:50%;position:relative;margin:auto;background:radial-gradient(circle at 38% 38%,#e5e0d3 0,#c5baa4 50%,#57473b 58%,#b8a892 62%,#48332e 75%);box-shadow:0 20px 35px #0007}.dish-smear{position:absolute;left:43px;top:55px;width:80px;height:57px;border-radius:48%;background:linear-gradient(32deg,#48231c,#853b26 55%,#b98247);transform:rotate(-25deg)}.dish-center{position:absolute;left:69px;top:46px;width:42px;height:70px;border-radius:50%;background:radial-gradient(ellipse at 30% 20%,#e1bc62,#46612d 37%,#8b4e2d 63%,#442019);transform:rotate(40deg);box-shadow:3px 3px 10px #0006}.art-action{font-size:8px;letter-spacing:.15em;border-bottom:1px solid #e5ccad;padding-bottom:7px}.fashion-art{background:linear-gradient(150deg,#e6e6dd,#c5c5b8 60%,#aaa89b)}.mini-fashion{position:absolute;inset:30px 40px;color:#252821}.mini-fashion>span:first-child{font-size:21px;font-weight:600;letter-spacing:.48em}.fashion-still{position:absolute;top:54px;right:35px;width:50%;height:85%;overflow:hidden}.still-arch{position:absolute;inset:0 10% 2% 10%;background:#a8b6a4;border-radius:55% 55% 0 0;box-shadow:inset 25px 25px 40px #fff5}.still-curve{position:absolute;left:14%;top:33%;width:65%;height:46%;border-radius:60% 40% 20% 25%;transform:rotate(-18deg);background:linear-gradient(70deg,#685142,#b68e73 48%,#dfc4a7);box-shadow:15px 15px 18px #5b4f4144}.still-vase{position:absolute;left:0;bottom:-25px;width:95px;height:145px;border-radius:45% 45% 32% 32%;background:linear-gradient(90deg,#30312a,#777968,#383a32)}.mini-fashion strong{font-size:53px;position:absolute;bottom:65px;left:0;line-height:.97;letter-spacing:-.09em;font-weight:500}.fashion-bottom{position:absolute;bottom:22px;font-size:8px;letter-spacing:.12em}.hotel-art{background:linear-gradient(180deg,#c8d5c5,#b7ab84 55%,#6f705a)}.hotel-art:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#efe3c0bb,#eee3c000 50%),radial-gradient(ellipse at 65% 80%,#53644c 0%,transparent 65%)}.hotel-window{position:absolute;right:36px;top:23px;width:50%;height:94%;border:16px solid #c6b898;border-radius:100px 100px 0 0;box-shadow:inset 6px 0 0 #f0e1b9,0 0 0 15px #aaa18244;background:linear-gradient(180deg,#819e96 3%,#aec1ad 48%,#6b8a6a 50%,#415840 70%,#c0b19a 71%)}.hotel-window i{position:absolute;bottom:0;height:34%;width:15px;background:#c8bca2}.hotel-window i:nth-child(1){left:18%}.hotel-window i:nth-child(2){left:42%}.hotel-window i:nth-child(3){left:68%}.hotel-window i:nth-child(4){display:none}.mini-hotel{position:absolute;inset:37px;color:#fff9e9;text-shadow:0 2px 15px #0004}.mini-hotel>span{font-size:9px;letter-spacing:.22em}.mini-hotel strong{font-family:Georgia,serif;font-size:clamp(43px,5vw,66px);font-weight:400;line-height:1.04;position:absolute;top:32%;left:20px}.mini-hotel strong em{font-weight:400}.mini-hotel-bottom{position:absolute;bottom:0;left:20px;right:0;font-size:8px;letter-spacing:.18em;display:flex;justify-content:space-between}.gym-art{background:#d8fa5c;color:#1c2413}.gym-grid{position:absolute;inset:0;background:linear-gradient(#141e080e 1px,transparent 1px),linear-gradient(90deg,#141e080e 1px,transparent 1px);background-size:35px 35px;transform:rotate(-12deg) scale(1.3)}.mini-gym{position:absolute;inset:25px 34px}.gym-name{font-size:25px;font-weight:800;letter-spacing:-.09em}.gym-name span{font-size:10px;vertical-align:top;letter-spacing:0}.mini-gym strong{font-size:clamp(63px,8vw,104px);line-height:.77;letter-spacing:-.11em;position:absolute;top:25%;left:0;font-weight:800}.mini-gym strong span{color:#fff}.gym-mini-circle{position:absolute;right:4%;top:10%;width:90px;height:90px;display:grid;place-content:center;text-align:center;border:2px solid #1c2413;border-radius:50%;font-size:33px;font-weight:800;line-height:.8;transform:rotate(13deg)}.gym-mini-circle small{font-size:8px;letter-spacing:.18em;margin-top:11px}.mini-gym>span{position:absolute;bottom:12px;font-size:8px;letter-spacing:.18em}.saas-art{background:radial-gradient(circle at 70% 24%,#5745a1,#14162e 40%,#080b16 82%);color:white}.saas-orb{position:absolute;right:-60px;top:-90px;width:370px;height:370px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#b0a8ee,#756ad1 32%,#32245f 60%,transparent 75%);filter:blur(1px)}.mini-saas{inset:30px 40px;position:absolute}.saas-brand{font-size:22px;font-weight:700;letter-spacing:-.08em}.saas-pill{position:absolute;top:91px;left:0;background:#a6fbd7;color:#16211e;padding:8px 12px;border-radius:40px;font-size:8px;font-weight:700;letter-spacing:.12em}.mini-saas strong{position:absolute;top:135px;font-size:clamp(38px,5vw,65px);letter-spacing:-.07em;line-height:.97}.mini-saas strong em{font-family:Georgia,serif;font-weight:400}.saas-data{position:absolute;right:3px;bottom:16px;width:200px;height:126px;background:#ffffff1a;backdrop-filter:blur(12px);border:1px solid #ffffff3b;border-radius:16px;padding:16px;box-shadow:0 10px 40px #0003}.saas-data small{display:block;font-size:7px;letter-spacing:.1em}.saas-data b{display:block;font-size:24px}.saas-data span{font-size:8px;color:#99ffd2}.saas-bars{display:flex;align-items:end;gap:6px;height:34px}.saas-bars i{background:#b3aaff;width:12px;border-radius:3px 3px 0 0}.saas-bars i:nth-child(1){height:20%}.saas-bars i:nth-child(2){height:55%}.saas-bars i:nth-child(3){height:42%}.saas-bars i:nth-child(4){height:80%}.saas-bars i:nth-child(5){height:63%}.saas-bars i:nth-child(6){height:100%}.service-art{background:#d1e6db;color:#133b35}.service-lines{position:absolute;right:0;top:0;width:52%;height:100%;background:repeating-radial-gradient(circle at 100% 54%,transparent 0 17px,#1a665126 18px 19px,transparent 20px 33px)}.mini-service{position:absolute;inset:33px 39px}.service-logo{font-size:22px;font-weight:800;letter-spacing:-.07em}.service-tag{font-size:8px;letter-spacing:.13em;margin-top:42px}.mini-service strong{font-size:clamp(45px,6vw,77px);line-height:.95;letter-spacing:-.09em;position:absolute;top:29%;font-weight:800}.mini-service strong u{text-decoration-color:#fdb641;text-decoration-thickness:7px;text-underline-offset:10px}.service-bubble{position:absolute;bottom:13px;border:1px solid #173b35;padding:12px 18px;border-radius:100px;font-size:10px;font-weight:800}.concept-disclaimer{margin-top:45px;font-size:11px;color:#999d92;max-width:720px}.p-expertise{background:#e7ecdc}.expertise-top{display:flex;justify-content:space-between;align-items:end;gap:30px}.expertise-top p{max-width:315px;font-size:14px;color:#525e4d}.expertise-list{margin-top:60px}.expertise-list>div{display:grid;grid-template-columns:60px 1fr 280px 22px;align-items:center;border-top:1px solid #85908070;padding:28px 0;gap:18px}.expertise-list>div:last-child{border-bottom:1px solid #85908070}.expertise-list h3{font-size:clamp(21px,3.6vw,43px);letter-spacing:-.05em;margin:0;font-weight:500}.expertise-list span:first-child{font-size:11px}.expertise-list p{margin:0;font-size:12px;color:#586452}.p-process{background:#f5f3ec}.process-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.process-heading p{max-width:290px;font-size:14px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.process-grid>div{border-top:1px solid #92988c;padding:20px 14px 30px 0}.process-grid small{font-size:10px;letter-spacing:.15em}.process-grid h3{font-size:25px;letter-spacing:-.04em;margin-top:65px;font-weight:600}.process-grid p{font-size:12px;color:#596159}.p-contact{background:#d9ff80;padding-top:90px}.contact-head{display:flex;justify-content:space-between}.p-contact h2{font-size:clamp(54px,9.3vw,141px);line-height:.87;letter-spacing:-.09em;font-weight:500;margin:85px 0 30px}.p-contact h2>span{font-family:Georgia,serif;font-weight:400}.p-contact p{max-width:450px;font-size:16px}.contact-buttons{display:flex;align-items:center;gap:18px;margin-top:35px}.contact-buttons .pill{background:#121711;color:#fff;padding:17px 25px}.contact-buttons small{font-size:10px;font-weight:700}.p-contact footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #455d1f6b;margin-top:130px;padding:27px 0;gap:18px}.p-contact footer strong{font-size:19px;letter-spacing:-.08em}.p-contact footer strong span{color:#63912e}.p-contact footer>span{font-size:9px;letter-spacing:.1em}@keyframes floaty{50%{transform:translateY(-12px) rotate(10deg)}}
@media(max-width:900px){.project-art{height:300px}.project-label{display:none}.expertise-list>div{grid-template-columns:35px 1fr 180px 20px}.p-hero-inner{grid-template-columns:1fr 220px;min-height:440px}.orb{width:125px;height:125px}.p-hero h1{font-size:clamp(60px,11vw,110px)}}
@media(max-width:680px){.studio-ticker .ticker-mid,.p-nav nav{display:none}.studio-ticker{font-size:8px}.p-nav{height:70px}.p-hero-inner{display:flex;flex-direction:column;gap:15px;align-items:stretch;min-height:auto;padding:95px 0 50px}.p-hero h1{font-size:clamp(61px,13.5vw,102px)}.p-hero-aside{align-self:auto;display:grid;grid-template-columns:1fr 1.4fr;gap:16px;align-items:end;margin-top:40px}.p-hero-aside p{font-size:13px}.p-hero-aside .orb{grid-row:span 2;margin:0;max-width:125px}.viewwork{margin:0}.hero-bottom{font-size:7px}.section-row,.expertise-top,.process-heading{display:block}.section-row p,.expertise-top p,.process-heading p{margin-top:25px}.section-row h2,.p-expertise h2,.process-heading h2{font-size:48px}.project-grid{grid-template-columns:1fr;gap:35px}.project-art{height:350px}.project-details h3{font-size:25px}.filters{margin-top:30px}.filters button{font-size:10px;padding:9px 13px}.expertise-list>div{grid-template-columns:25px 1fr 20px;gap:9px}.expertise-list>div p{grid-column:2/3;grid-row:2;font-size:11px}.expertise-list>div>span:last-child{grid-column:3;grid-row:1}.expertise-list h3{font-size:26px}.process-grid{grid-template-columns:1fr;gap:10px;margin-top:30px}.process-grid h3{margin-top:30px}.contact-head{display:block}.contact-head span:last-child{display:block;margin-top:8px}.p-contact h2{font-size:clamp(46px,11vw,82px);margin-top:70px}.contact-buttons{display:block}.contact-buttons small{display:block;margin-top:18px}.p-contact footer{flex-wrap:wrap;margin-top:100px}.p-contact footer>span:last-child{width:100%}}
