@font-face{font-family:Mona;src:url('/fonts/mona-sans.woff2') format('woff2');font-weight:200 900;font-stretch:75% 125%;font-display:swap}
:root{--ink:#171717;--paper:#f1efe9;--cream:#f7f3eb;--wine:#6c1f2c;--line:rgba(23,23,23,.25);--ui:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Mona,Arial,sans-serif}a{color:inherit;text-decoration:none}.header{height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.header.dark{color:#fff;background:var(--ink)}.brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:750;letter-spacing:.04em}.brand img{width:28px;height:28px;object-fit:contain;filter:grayscale(1) brightness(4)}.header nav{display:flex;gap:42px;font:500 13px/1 var(--ui);text-transform:uppercase}.header nav a{display:flex;align-items:center;min-height:44px}.header nav a:hover{opacity:.55}.hero-wrap{background:var(--ink);color:#fff}.minimal-hero{height:calc(100svh - 88px);min-height:610px;padding:0 5vw 5vh;display:flex;flex-direction:column;justify-content:center;text-align:center}.minimal-hero>p,.work-intro>p,.about-strip>p,.contact-simple>p,.page-title>p,.services>p{font:500 11px/1 var(--ui);letter-spacing:.04em;text-transform:uppercase}.minimal-hero>p{opacity:.68}.minimal-hero h1{margin:22px 0;font-size:clamp(3rem,5.8vw,6.8rem);font-weight:680;font-stretch:112.5%;line-height:.9;letter-spacing:-.055em;text-transform:uppercase}.minimal-hero h1 span{color:#8d8d8d}.work-intro{padding:12vh 5vw 9vh;text-align:center}.work-intro h2{max-width:760px;margin:0 auto;font-size:clamp(2rem,3.2vw,3.7rem);font-weight:520;line-height:1.02;letter-spacing:-.04em}.work-grid,.archive-grid{padding:0 5vw 15vh;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9vh 24px;max-width:1600px;margin:0 auto}.project-visual{height:auto;aspect-ratio:4/3;position:relative;overflow:hidden;background:#ccc;transition:transform .35s}.work-card:hover .project-visual,.archive-card:hover .project-visual{transform:scale(.99)}.project-visual>span{display:none}.project-visual strong{position:absolute;left:50%;top:50%;translate:-50% -50%;font-size:clamp(3.4rem,8vw,9rem);font-weight:750;font-stretch:125%;letter-spacing:-.07em;text-transform:uppercase;z-index:2}.project-visual i,.project-visual b{position:absolute;display:block}.phylums{background:#bddfe1}.phylums i{width:42%;aspect-ratio:1;border:1px solid;border-radius:50%;right:-5%;top:8%}.phylums b{width:28%;aspect-ratio:1;background:var(--cream);left:8%;bottom:-10%;border-radius:50%}.cochilita{background:#d7a789}.cochilita i{width:45%;aspect-ratio:1;border-radius:50%;background:var(--wine);right:6%;bottom:-18%}.cochilita b{width:22%;height:60%;border:1px solid;left:10%;top:20%;border-radius:50%}.nubi{background:#cfcae0}.nubi i{width:42%;height:38%;border-radius:50%;background:var(--cream);right:6%;top:16%}.nubi b{width:20%;aspect-ratio:1;border:1px solid;left:12%;bottom:10%;rotate:45deg}.firmatio{background:#afbdc9;background-image:linear-gradient(rgba(23,23,23,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(23,23,23,.12) 1px,transparent 1px);background-size:11% 12%}.firmatio i{width:35%;height:35%;background:#24374a;right:8%;top:17%}.firmatio b{width:1px;height:100%;left:30%;background:var(--ink)}.project-info{display:flex;position:absolute;inset:0;z-index:6;align-items:center;justify-content:center;flex-direction:column;background:rgba(23,23,23,.82);color:var(--cream);opacity:0;transition:opacity .22s;text-align:center;padding:24px}.project-info em{font-size:clamp(1.8rem,3vw,3.6rem);font-weight:650;font-style:normal;font-stretch:112.5%;letter-spacing:-.05em;text-transform:uppercase}.project-info p{max-width:300px;margin:12px 0 0;font:500 10px/1.4 var(--ui);letter-spacing:.07em;text-transform:uppercase}.work-card:hover .project-info,.archive-card:hover .project-info{opacity:1}.work-card:hover strong,.archive-card:hover strong{opacity:0}.about-strip{background:var(--ink);color:#9a9a9a;padding:11vh 5vw 10vh;display:grid;grid-template-columns:1fr 3fr;gap:8vw}.about-strip h2{font-size:clamp(2rem,3.4vw,4rem);font-weight:520;line-height:1.04;letter-spacing:-.05em;margin:0}.shared-table{background:var(--ink);color:var(--cream);padding:0 5vw 12vh}.shared-table>p{margin:0 0 5vh;font:500 11px/1 var(--ui);letter-spacing:.04em;text-transform:uppercase}.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pillar-card{height:clamp(230px,23vw,360px);perspective:1200px;outline:none}.pillar-card-inner{position:relative;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.65,.2,1);transform-style:preserve-3d}.pillar-card:hover .pillar-card-inner,.pillar-card:focus .pillar-card-inner{transform:rotateY(180deg)}.pillar-card-front,.pillar-card-back{position:absolute;inset:0;padding:22px;border:1px solid rgba(247,243,235,.35);backface-visibility:hidden}.pillar-card-front{display:flex;align-items:flex-end;justify-content:space-between}.pillar-card-front span{font-size:clamp(1.65rem,2.6vw,3.3rem);font-weight:590;letter-spacing:-.055em}.pillar-card-front i{font:400 24px/1 var(--ui);font-style:normal}.pillar-card-back{display:flex;flex-direction:column;justify-content:flex-end;background:var(--cream);color:var(--ink);transform:rotateY(180deg)}.pillar-card-back h3{margin:0 0 18px;font-size:clamp(1.35rem,2vw,2.35rem);letter-spacing:-.045em}.pillar-card-back p{max-width:30ch;margin:0;font-size:clamp(.88rem,1.1vw,1.08rem);line-height:1.35}.contact-simple{min-height:64vh;background:var(--paper);color:var(--ink);border-top:1px solid var(--line);padding:10vh 5vw;display:flex;flex-direction:column;justify-content:center;text-align:center}.contact-simple h2{font-size:clamp(3.2rem,5.2vw,6.2rem);font-weight:660;letter-spacing:-.06em;line-height:.9;margin:5vh 0;text-transform:uppercase}.contact-simple a{font:500 11px/1 var(--ui);text-transform:uppercase;text-decoration:underline}.footer{background:#0d0d0d;color:#fff;padding:10vh 5vw 25px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:10vh 4vw}.footer-brand{display:flex;align-items:center;gap:10px;font-weight:750}.footer-brand img{width:28px;height:28px;filter:grayscale(1) brightness(4)}.footer>div:not(.footer-brand){display:flex;flex-direction:column;gap:12px;font:400 16px/1.1 var(--ui)}.footer small{grid-column:1/4;font:500 9px/1 var(--ui);text-transform:uppercase;color:#888}.page{padding:0 5vw}.page-title{min-height:62vh;padding:10vh 0 7vh;display:flex;flex-direction:column;justify-content:center}.page-title h1,.case-title h1{font-size:clamp(4rem,7vw,8rem);font-weight:680;letter-spacing:-.075em;line-height:.84;text-transform:uppercase;margin:5vh 0 0}.case-title{min-height:52vh;display:flex;flex-direction:column;justify-content:center}.case-summary{padding:13vh 8vw;display:grid;grid-template-columns:3fr 1fr;gap:10vw}.case-summary h2{margin:0;font-size:clamp(2rem,3.2vw,3.8rem);font-weight:520;line-height:1;letter-spacing:-.05em}.case-summary div{display:flex;flex-direction:column;gap:9px;font:500 10px/1.2 var(--ui);text-transform:uppercase}.case-copy{display:grid;grid-template-columns:70px 1fr 1fr;gap:35px;border-top:1px solid var(--line);padding:28px 0 10vh}.case-copy span{font:500 9px/1 var(--ui)}.case-copy h3{font-size:clamp(2rem,3.5vw,4rem);margin:0;letter-spacing:-.05em}.case-copy p{max-width:480px;margin:6px 0;line-height:1.5}.studio-block{margin:0 -5vw;padding:14vh 10vw;background:var(--ink);color:#aaa;display:grid;grid-template-columns:2fr 1fr;gap:12vw}.studio-block h2{font-size:clamp(2.6rem,5vw,6rem);line-height:.96;letter-spacing:-.055em;margin:0}.studio-block p{align-self:end;line-height:1.5}.services{padding:14vh 0}.services>div{display:grid;grid-template-columns:70px 1fr;border-top:1px solid var(--line);padding:22px 0}.services span{font:500 9px/1 var(--ui)}.services h3{font-size:clamp(2rem,4vw,4.8rem);margin:0;letter-spacing:-.05em}.contact-page{padding:12vh 5vw 15vh;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact-page h1{font-size:clamp(3.8rem,7vw,8.5rem);font-weight:750;text-transform:uppercase;letter-spacing:-.065em;line-height:.82;margin:8vh 0}.contact-page section>p:not(:first-child){max-width:450px;line-height:1.5}.contact-page section>a{display:inline-block;margin-top:4vh;text-decoration:underline}.contact-page form{align-self:end;display:grid;grid-template-columns:1fr 1fr;gap:34px 20px}.contact-page label{display:flex;flex-direction:column;gap:9px;font:500 10px/1 var(--ui);text-transform:uppercase}.contact-page .full{grid-column:1/3}.contact-page input,.contact-page textarea{border:0;border-bottom:1px solid var(--ink);background:transparent;padding:10px 0;border-radius:0}.contact-page button{grid-column:2;border:0;border-bottom:1px solid;background:none;text-align:left;padding:12px 0;cursor:pointer}
@media(max-width:760px){.header{height:72px;padding:0 18px}.header nav{gap:16px;font-size:11px}.brand{font-size:11px}.brand img{width:23px;height:23px}.minimal-hero{min-height:620px;height:calc(100svh - 72px);padding:0 18px 30px}.minimal-hero h1{font-size:13vw}.work-intro{padding:9vh 18px 7vh}.work-intro h2{font-size:8.6vw}.work-grid,.archive-grid{display:block;padding:0 18px 10vh}.work-card,.archive-card{display:block;margin-bottom:7vh}.project-visual{aspect-ratio:4/3}.project-visual strong{font-size:14vw}.project-info{display:none}.about-strip{padding:10vh 18px;display:block}.about-strip h2{font-size:8.6vw;margin:6vh 0}.shared-table{padding:0 18px 9vh}.shared-table>p{margin-bottom:3vh}.pillar-grid{display:block}.pillar-card{height:190px;margin-bottom:10px}.pillar-card-front,.pillar-card-back{padding:18px}.pillar-card-front span{font-size:9vw}.pillar-card-back h3{font-size:6vw;margin-bottom:10px}.pillar-card-back p{font-size:.9rem}.contact-simple{min-height:56vh;padding:9vh 18px}.contact-simple h2{font-size:13vw}.footer{padding:9vh 18px 22px;grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/3;margin-bottom:8vh}.footer small{grid-column:1/3;margin-top:8vh}.page{padding:0 18px}.page-title h1,.case-title h1{font-size:14vw}.case-summary{display:block;padding:10vh 0}.case-summary h2{font-size:9.5vw}.case-summary div{margin:7vh 0 0 30%}.case-copy{grid-template-columns:35px 1fr;padding-bottom:8vh}.case-copy p{grid-column:2}.studio-block{margin:0 -18px;padding:10vh 18px;display:block}.studio-block h2{font-size:10vw}.studio-block p{margin:8vh 0 0 30%}.services{padding:10vh 0}.services>div{grid-template-columns:35px 1fr}.services h3{font-size:8.5vw}.contact-page{display:block;padding:9vh 18px 12vh}.contact-page h1{font-size:14vw}.contact-page section{margin-bottom:12vh}.contact-page form{display:block}.contact-page label{margin-bottom:30px}.contact-page button{width:100%;display:block}}