/* AVIV / controlled creative chaos. Homepage only. */
body.aviv-redesign{background:#f3f0eb;color:#171717}
body.aviv-redesign .global-header{background:#f7f6f2f0;min-height:64px;z-index:140;border-color:#e4dfd7}
body.aviv-redesign .global-brand{font-size:13px;font-weight:600;letter-spacing:.13em}
body.aviv-redesign .global-nav{gap:clamp(12px,2.4vw,32px);font-size:11px;letter-spacing:.07em}
body.aviv-redesign .nav-worldmap{display:none}
body.aviv-redesign .nav-work{order:0}
body.aviv-redesign .nav-about{order:1;display:inline-flex}
body.aviv-redesign .nav-contact{order:2;display:inline-flex;border:0}
body.aviv-redesign .nav-lab-menu{order:3}
body.aviv-redesign .hero{display:none!important}
.aviv-hero-v2{position:relative;isolation:isolate;height:clamp(710px,69vw,880px);overflow:hidden;background:#f3f0eb;border-bottom:1px solid #e6dfd7}
.aviv-hero-v2:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.14;background-image:repeating-linear-gradient(0deg,#766b5b0b 0,#766b5b0b 1px,transparent 1px,transparent 5px)}
.aviv-hero-v2 .aviv-identity{position:absolute;z-index:7;left:50%;top:48%;width:85%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}
.aviv-hero-v2 .aviv-identity h1{font:500 clamp(50px,5vw,72px)/1.1 "DM Sans",Arial,sans-serif;letter-spacing:-.067em;margin:0;white-space:nowrap;text-shadow:0 2px 18px #f3f0eb9c}
.aviv-hero-v2 .aviv-identity p{font:500 clamp(10px,.9vw,12px)/1.7 "DM Sans",Arial,sans-serif;letter-spacing:.17em;color:#55504a;margin:17px 0 0}
.aviv-hero-v2 .aviv-scribble{position:absolute;left:43%;top:9%;width:150px;height:70px;border:1.4px solid #48423d;border-bottom-color:transparent;border-right-color:transparent;border-radius:50%;transform:rotate(-27deg);pointer-events:none}
.aviv-hero-v2 .aviv-scribble:after{content:"";position:absolute;right:20px;bottom:3px;width:19px;height:19px;background:linear-gradient(#302d2b,#302d2b) center/1px 100% no-repeat,linear-gradient(90deg,#302d2b,#302d2b) center/100% 1px no-repeat}
.aviv-hero-v2 .aviv-accent{position:absolute;top:25%;left:8%;width:75px;height:118px;background:#692d38;transform:rotate(-5deg)}
.aviv-hero-v2 .aviv-piece{position:absolute;left:var(--left);top:var(--top);width:var(--width);z-index:2;transform:translate(var(--dx,0px),var(--dy,0px)) rotate(var(--rot));border:0;border-radius:0;background:#f9f7f1;padding:0;text-align:left;box-shadow:0 12px 24px #3d342a25;cursor:grab;touch-action:pan-y;user-select:none;will-change:transform;transition:box-shadow .2s}
.aviv-hero-v2 .aviv-piece:focus-visible{outline:2px solid #692d38;outline-offset:5px}
.aviv-hero-v2 .aviv-piece:hover{box-shadow:0 17px 35px #3d342a30;z-index:11}
.aviv-hero-v2 .aviv-piece.is-dragging{z-index:20;cursor:grabbing;transition:none}
.aviv-hero-v2 .aviv-piece img{display:block;width:100%;aspect-ratio:var(--aspect);object-fit:cover;pointer-events:none;user-select:none;-webkit-user-drag:none}
.aviv-hero-v2 .aviv-image-label{display:block;font:600 9px/1.3 "DM Sans",Arial,sans-serif;letter-spacing:.07em;padding:8px 10px;color:#34302c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase}
.aviv-hero-v2 .aviv-piece.taped:before{content:"";position:absolute;z-index:1;top:-12px;left:35%;width:65px;height:26px;background:#e5d7c3bc;transform:rotate(-9deg);box-shadow:0 1px 2px #473d3018;pointer-events:none}
.aviv-hero-v2 .aviv-piece.slim{padding:7px}
.aviv-hero-v2 .aviv-piece.slim .aviv-image-label{padding:7px 2px 1px}
.aviv-hero-v2 .aviv-bottom{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:11px;z-index:22}
.aviv-hero-v2 .aviv-bottom span{font-size:10px;letter-spacing:.17em;color:#575049}
.aviv-hero-v2 .aviv-bottom a{font-size:25px;line-height:1}
.aviv-hero-v2 .aviv-status{position:absolute;left:4%;bottom:33px;font-size:9px;letter-spacing:.12em;color:#767069}
body.aviv-redesign .selected{padding-top:82px;padding-bottom:100px}
body.aviv-redesign .selected .section-heading{margin-bottom:31px;align-items:end}
body.aviv-redesign .selected .section-index{font-size:10px;margin-bottom:13px;color:#75706a}
body.aviv-redesign .selected .section-heading h2{font:500 clamp(32px,3.4vw,48px)/1.1 "DM Sans",Arial,sans-serif;letter-spacing:-.05em}
body.aviv-redesign .selected .section-description{max-width:390px;font-size:12px;line-height:1.8;color:#68615a}
.aviv-work-filters{display:flex;flex-wrap:wrap;gap:8px 24px;margin-bottom:36px;padding:14px 0;border-top:1px solid #d9d3cc;border-bottom:1px solid #d9d3cc}
.aviv-work-filters button{border:0;background:none;padding:6px 0;font:500 10px "DM Sans",Arial,sans-serif;letter-spacing:.075em;color:#756f69}
.aviv-work-filters button[aria-pressed=true]{color:#171717;border-bottom:1px solid #171717}
body.aviv-redesign .projects-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:55px 17px}
body.aviv-redesign .project-card{transform:none!important}
body.aviv-redesign .project-card:nth-child(odd){grid-column:1/span 7}
body.aviv-redesign .project-card:nth-child(even){grid-column:9/span 4}
body.aviv-redesign .project-card:nth-child(4n + 3){grid-column:2/span 5}
body.aviv-redesign .project-card:nth-child(4n + 4){grid-column:8/span 5}
body.aviv-redesign .projects-grid.aviv-filtered{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 24px}
body.aviv-redesign .projects-grid.aviv-filtered .project-card{grid-column:auto}
body.aviv-redesign .projects-grid .project-card[hidden]{display:none}
body.aviv-redesign .project-title{font-size:clamp(18px,1.5vw,24px)}
body.aviv-redesign .project-frame img{object-fit:contain}
@media(max-width:900px){.aviv-hero-v2{height:750px}body.aviv-redesign .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.aviv-redesign .project-card:nth-child(n){grid-column:auto}}
@media(max-width:650px){body.aviv-redesign .global-brand{font-size:11px;letter-spacing:0}body.aviv-redesign .global-nav{gap:9px;font-size:10px}body.aviv-redesign .nav-contact{display:none}body.aviv-redesign .nav-lab-toggle{font-size:10px}.aviv-hero-v2{height:660px}.aviv-hero-v2 .aviv-identity{top:49%;width:95%}.aviv-hero-v2 .aviv-identity h1{font-size:clamp(44px,10vw,58px)}.aviv-hero-v2 .aviv-identity p{font-size:9px;letter-spacing:.1em;margin-top:12px}.aviv-hero-v2 .aviv-piece{left:var(--ml);top:var(--mt);width:var(--mw)}.aviv-hero-v2 .aviv-image-label{font-size:7px;padding:5px 6px}.aviv-hero-v2 .aviv-scribble{left:47%;top:12%;width:90px;height:44px}.aviv-hero-v2 .aviv-accent{top:23%;width:50px;height:83px}.aviv-hero-v2 .aviv-bottom{bottom:12px}.aviv-hero-v2 .aviv-status{bottom:21px;left:12px;font-size:8px}body.aviv-redesign .selected{padding-top:48px}body.aviv-redesign .selected .section-heading{display:block}body.aviv-redesign .selected .section-heading h2{font-size:36px}body.aviv-redesign .selected .section-description{font-size:12px}body.aviv-redesign .projects-grid,body.aviv-redesign .projects-grid.aviv-filtered{grid-template-columns:1fr;gap:38px}body.aviv-redesign .project-card:nth-child(n){grid-column:auto}.aviv-work-filters{gap:5px 15px}.aviv-work-filters button{font-size:9px}}
@media(prefers-reduced-motion:no-preference){.aviv-hero-v2 .aviv-piece{animation:aviv-in .6s both;animation-delay:calc(var(--order)*65ms)}@keyframes aviv-in{from{opacity:0;transform:translate(0,18px) rotate(var(--rot))}to{opacity:1;transform:translate(var(--dx,0px),var(--dy,0px)) rotate(var(--rot))}}}
@media(prefers-reduced-motion:reduce){.aviv-hero-v2 *{animation:none!important;transition:none!important}}
