.bento-section{width:100%;height:100svh;min-height:600px;background:#000;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.bento-topbar{position:absolute;top:calc(80px + var(--space-4));left:var(--container-pad);right:var(--container-pad);z-index:20;display:flex;align-items:center;justify-content:space-between}.bento-back{display:inline-flex;align-items:center;gap:6px;color:#ffffffbf;text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:color .2s ease}.bento-back:hover{color:#fff}.bento-meta{display:flex;align-items:center;gap:var(--space-4)}.bento-cat{font-size:var(--text-xs);font-weight:500;color:#ffffff80;letter-spacing:.06em;text-transform:uppercase}.bento-location{font-size:var(--text-xs);font-weight:600;color:var(--color-accent);letter-spacing:.06em;text-transform:uppercase}.bento-gallery{position:relative;width:100%;height:100%;flex:none}.bento-cell{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:0;overflow:hidden}.bento-cell img,.bento-cell video{width:100%;height:100%;object-fit:cover;display:block}.bento-gallery.is-open{display:grid;width:100%;height:100%;grid-template-columns:repeat(3,32.5vw);grid-template-rows:repeat(3,32.5vh);gap:6px;justify-content:center;align-content:center;box-sizing:border-box}.bento-gallery.is-open.is-final{grid-template-columns:repeat(3,100vw);grid-template-rows:repeat(3,100vh);gap:6px}.bento-gallery.is-open .bento-cell{position:relative;inset:auto;border-radius:10px;overflow:hidden}.bento-gallery.is-open .bento-cell--1{grid-area:1 / 1 / 2 / 2}.bento-gallery.is-open .bento-cell--2{grid-area:1 / 2 / 2 / 3}.bento-gallery.is-open .bento-cell--3{grid-area:1 / 3 / 2 / 4}.bento-gallery.is-open .bento-cell--4{grid-area:2 / 1 / 3 / 2}.bento-gallery.is-open .bento-cell--5{grid-area:2 / 2 / 3 / 3}.bento-gallery.is-open .bento-cell--6{grid-area:2 / 3 / 3 / 4}.bento-gallery.is-open .bento-cell--7{grid-area:3 / 1 / 4 / 2}.bento-gallery.is-open .bento-cell--8{grid-area:3 / 2 / 4 / 3}.bento-gallery.is-open .bento-cell--9{grid-area:3 / 3 / 4 / 4}.bento-cell--5{z-index:2}.bento-cell__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1;pointer-events:none;opacity:0}.bento-cell__text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8);z-index:2;opacity:0}.bento-cell__title{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:800;color:#fff;line-height:1.15;margin:0 0 var(--space-6);max-width:560px;width:100%}.bento-cell__desc{font-size:.75rem;color:#fffc;line-height:1.55;margin:0 0 var(--space-6);max-width:300px}.bento-title-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:5;text-align:center;gap:var(--space-3);opacity:0}.bento-title__eyebrow{font-size:var(--text-sm);font-weight:500;color:#ffffffa6;letter-spacing:.1em;text-transform:uppercase}.bento-title__heading{font-size:clamp(5rem,14vw,12rem);font-weight:800;color:#fff;line-height:.9;letter-spacing:-.03em;margin:0;text-shadow:0 4px 60px rgba(0,0,0,.5)}.bento-title__heading em{font-style:italic;color:var(--color-accent)}.proj-hero{width:100%;height:100svh;min-height:600px;background:#000;overflow:hidden;position:relative}.proj-hero video,.proj-hero img{width:100%;height:100%;object-fit:cover;display:block}.proj-info{background:#fff;padding-block:var(--space-16)}.proj-info__inner{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad);display:flex;flex-direction:column;gap:var(--space-16)}.proj-info__top{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start}.proj-info__title{font-size:clamp(2.5rem,6vw,5rem);font-weight:800;color:#111;line-height:1;letter-spacing:-.02em;margin:0}.proj-info__meta{margin:0;padding:0;display:flex;flex-direction:column}.proj-info__meta-row{display:flex;align-items:baseline;justify-content:space-between;padding-block:var(--space-4);border-bottom:1px solid #e0e0e0;gap:var(--space-4)}.proj-info__meta-row:first-child{border-top:1px solid #e0e0e0}.proj-info__meta-row dt{font-size:var(--text-sm);font-weight:700;color:#111}.proj-info__meta-row dd{font-size:var(--text-sm);color:#444;margin:0}.proj-info__bottom{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12)}.proj-info__col-title{font-size:var(--text-xl);font-weight:700;color:#111;margin:0 0 var(--space-6)}.proj-info__col-text{font-size:var(--text-sm);color:#444;line-height:1.75;text-align:justify;margin:0}@media (max-width: 768px){.proj-info__top,.proj-info__bottom{grid-template-columns:1fr}}.proj-section{padding-block:var(--space-20)}.proj-section--dark{background:var(--color-bg)}.proj-section--light{background:#fff}.proj-section__label{display:flex;align-items:center;justify-content:center;gap:var(--space-4);font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--space-12)}.proj-section--dark .proj-section__label{color:#ffffff80}.proj-section--light .proj-section__label{color:#999}.proj-label-line{display:block;height:1px;width:60px;background:#fff3;flex-shrink:0}.proj-label-line--dark{background:#00000026}.swipe-slider{height:400vh;padding-block:0}.uxui-slider{height:200vh;padding-block:0}.swipe-slide{position:sticky;top:0;height:100vh;overflow:hidden}.swipe-slide img,.swipe-slide video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.swipe-label{position:absolute;top:calc(80px + var(--space-6));left:50%;transform:translate(-50%);font-size:var(--text-xs);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#ffffff8c;z-index:10;white-space:nowrap}.swipe-counter{position:absolute;bottom:var(--space-8);left:var(--container-pad);z-index:10;display:flex;align-items:baseline;gap:6px;font-size:var(--text-sm);font-weight:600;color:#fff9}.swipe-counter__cur{font-size:var(--text-2xl);font-weight:800;color:#fff;line-height:1}.proj-logos{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.proj-logos__item{background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:var(--space-12)}.proj-logos__item img{width:100%;height:auto;object-fit:contain;display:block}.proj-logos__item--primary{grid-row:span 2}.proj-logos__secondary{display:flex;flex-direction:column;gap:var(--space-3)}.proj-logos__secondary .proj-logos__item{flex:1}.proj-vallas{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.proj-vallas__item{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:4 / 3}.proj-vallas__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.proj-vallas__item:hover img{transform:scale(1.04)}.proj-renders{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.proj-renders__item{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:16 / 10;position:relative;cursor:zoom-in}.proj-renders__item--wide{grid-column:span 2;aspect-ratio:16 / 7}.proj-renders__item img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s cubic-bezier(.25,.46,.45,.94)}.proj-renders__item:not(.proj-renders__item--embed):hover img{transform:scale(1.07)}.proj-renders__item:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0000;transition:background .35s ease;pointer-events:none}.proj-renders__item:not(.proj-renders__item--embed):hover:after{background:#00000059}.proj-renders__item:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.6);width:44px;height:44px;border-radius:50%;background:#ff6200e6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E") center/18px no-repeat;opacity:0;transition:opacity .3s ease,transform .3s ease;z-index:2;pointer-events:none}.proj-renders__item:not(.proj-renders__item--embed):hover:before{opacity:1;transform:translate(-50%,-50%) scale(1)}.proj-renders__item--embed{cursor:default}.proj-renders__item--embed{aspect-ratio:16 / 9}.proj-renders__item--embed iframe{width:100%;height:100%;border:none;display:block}.lb-trigger{cursor:zoom-in}.lb-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000eb;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.lb-overlay.is-open{opacity:1;pointer-events:all}.lb-img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:10px;box-shadow:0 24px 80px #0009;transform:scale(.96);transition:transform .3s ease}.lb-overlay.is-open .lb-img{transform:scale(1)}.lb-close{position:absolute;top:var(--space-6);right:var(--space-6);width:44px;height:44px;border-radius:50%;background:#ffffff1f;border:none;color:#fff;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.lb-close:hover{background:#ffffff40}.proj-mockups{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.proj-mockups__item{border-radius:var(--radius-lg);overflow:hidden;background:#f5f5f5}.proj-mockups__item img{width:100%;height:auto;display:block;transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.proj-mockups__item:hover img{transform:scale(1.02)}.bento-cell img,.bento-cell video,.swipe-slide img,.swipe-slide video,.proj-renders__item img,.proj-renders__item iframe,.proj-logos__item img,.proj-vallas__item img,.proj-mockups__item img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 768px){.bento-section{background:#000}.bento-title__heading{font-size:clamp(3.5rem,14vw,6rem)}.bento-topbar{top:calc(68px + var(--space-3))}.proj-info{padding-block:var(--space-10)}.proj-info__inner{gap:var(--space-10)}.proj-info__top,.proj-info__bottom{grid-template-columns:1fr;gap:var(--space-8)}.proj-info__title{font-size:clamp(2rem,10vw,3.5rem)}.swipe-label{top:calc(68px + var(--space-4))}.proj-logos,.proj-vallas,.proj-renders,.proj-mockups{grid-template-columns:1fr;padding-inline:var(--space-4)}.proj-logos__item--primary{grid-row:span 1}.proj-renders__item--wide{grid-column:span 1;aspect-ratio:16 / 10}.proj-renders__item{width:100%;aspect-ratio:16 / 10}.proj-vallas__item{width:100%;aspect-ratio:4 / 3}.proj-logos__item{width:100%}.proj-logos__secondary{gap:var(--space-3)}.swipe-slider,.uxui-slider{height:auto}.swipe-slide{position:relative;top:auto;height:auto;width:100%}.swipe-slide img,.swipe-slide video{height:auto!important;width:100%!important;object-fit:unset!important}.proj-section{padding-block:var(--space-14)}}@media (max-width: 480px){.bento-title__heading{font-size:clamp(3rem,18vw,5rem)}.proj-section{padding-block:var(--space-10)}.proj-section__label{margin-bottom:var(--space-8)}.proj-logos,.proj-vallas,.proj-renders,.proj-mockups{padding-inline:var(--space-3);gap:var(--space-2)}.proj-info{padding-block:var(--space-8)}.proj-info__inner{padding-inline:var(--space-4);gap:var(--space-8)}}