:root{color-scheme:light;--bg-color: #ffffff;--text-color: #000000;--accent-color: #000000;--font-main: "Helvetica", "Arial", sans-serif;--spacing-unit: 1rem;--nav-height: 80px}[data-theme=dark]{--bg-color: #000000;--text-color: #ffffff;--accent-color: #ffffff}[data-theme=warm-light]{--bg-color: #f5f0e6;--text-color: #333333;--accent-color: #333333}[data-theme=stone-white]{--bg-color: #f0f0f0;--text-color: #1a1a1a;--accent-color: #1a1a1a}[data-theme=pearl-white]{--bg-color: #faf9f6;--text-color: #2b2b2b;--accent-color: #2b2b2b}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-color);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}a{text-decoration:none;color:inherit}ul{list-style:none}img,video{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.2}.container{max-width:1440px;margin:0 auto;padding:0 var(--spacing-unit)}.navbar{height:auto;min-height:var(--nav-height);display:flex;align-items:center;position:sticky;top:0;background-color:var(--bg-color);z-index:1000;padding:2.6rem 0 1rem}.navbar-container{width:100%;padding:0 3rem}.navbar-row{display:flex;justify-content:space-between;align-items:center;width:100%}.nav-left{display:flex;justify-content:flex-start}.nav-right{display:flex;justify-content:flex-end;align-items:center;gap:.5rem}.nav-link{font-size:2.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0px;color:#000;opacity:1;transition:border-color .3s ease;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;padding-bottom:2px;font-family:inherit;text-decoration:none;text-underline-offset:6px;line-height:1;margin:0}.logo-text{font-size:2.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0px;color:#000;padding-bottom:2px;font-family:inherit;line-height:1;margin:0}.nav-link:hover,.nav-link.active{text-decoration:underline;text-decoration-thickness:1px}.nav-link.disabled{pointer-events:none;text-decoration:none!important}.theme-toggle{background:none;border:none;cursor:pointer;font-size:1rem;padding:.3rem;border-radius:50%;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{background-color:#0000000d}.navbar-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;gap:4px}.colon-menu{font-size:2.4rem;font-weight:700;line-height:1;color:var(--text-color);transition:transform .3s ease;display:inline-block;position:relative;top:-4px}.navbar-mobile-links{display:none}.display-mobile{display:none!important}@media (max-width: 768px){.navbar-container{padding:0 2rem}.navbar-row{position:relative;justify-content:center}.display-desktop{display:none!important}.display-mobile{display:flex!important}.navbar-toggle{display:flex;z-index:1001;position:absolute;right:-1rem;width:50px;height:50px;justify-content:center;align-items:center}.navbar-mobile-links{display:flex;position:fixed;top:0;right:-100%;height:100vh;width:100%;background-color:var(--bg-color);flex-direction:column;justify-content:center;align-items:center;transition:right .3s ease;z-index:1000;gap:2rem}.navbar-mobile-links.active{right:0}.navbar-mobile-links .nav-link{font-size:4.5rem;margin:1.5rem 0;letter-spacing:0px}.logo-text,.nav-link.logo-text{font-size:2.2rem}.colon-menu.active{transform:rotate(90deg)}.colon-menu{top:-6px}}[data-theme=dark] .theme-toggle:hover{background-color:#ffffff1a}@media (prefers-color-scheme: dark){.navbar{border-bottom:none}}.project-card{display:block;position:relative;overflow:hidden;aspect-ratio:1/1;cursor:pointer}.project-image-container{width:100%;height:100%;position:relative}.project-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.165,.84,.44,1)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .4s ease;color:#fff;text-align:center}.project-title{font-size:1.5rem;font-weight:500;margin-bottom:.5rem;transform:translateY(20px);transition:transform .4s ease}.project-location{font-size:.9rem;font-weight:300;text-transform:uppercase;letter-spacing:1px;transform:translateY(20px);transition:transform .4s ease .1s}.project-category{font-size:.8rem;font-weight:400;text-transform:uppercase;letter-spacing:2px;color:#fffc;margin-bottom:.2rem;transform:translateY(20px);transition:transform .4s ease .05s}.project-card:hover .project-image{transform:scale(1.05)}.project-card:hover .project-overlay{opacity:1}.project-card:hover .project-title,.project-card:hover .project-location,.project-card:hover .project-category{transform:translateY(0)}.grid-controls.palette-controls{display:flex;justify-content:flex-end;padding:2rem 4rem 1rem;gap:.8rem}.palette-btn{width:24px;height:24px;border-radius:50%;cursor:pointer;border:1px solid rgba(128,128,128,.3);transition:transform .2s ease,outline .2s ease;padding:0;outline:2px solid transparent;outline-offset:2px}.palette-btn:hover{transform:scale(1.1)}.palette-btn.active{outline-color:var(--text-color);transform:scale(1.15)}.project-carousel-container{position:relative;max-width:1000px;margin:0 auto;padding:0 3rem 2rem}.project-carousel-container .project-card{max-height:70vh;max-width:70vh;margin:0 auto}.carousel-slide{width:100%;position:relative;opacity:0;transition:opacity .5s ease;display:none}.carousel-slide.active{opacity:1;display:block}.mobile-project-title{display:none}.carousel-nav-zone{position:absolute;top:0;bottom:0;width:100%;z-index:10}.carousel-click-zone{cursor:pointer}.carousel-pagination{display:flex;justify-content:center;align-items:center;margin-top:-1.5rem;padding-bottom:2rem;font-size:1rem;letter-spacing:.1em;color:#000;opacity:1;font-weight:500}.carousel-project-link{text-decoration:none;color:inherit;transition:opacity .2s ease}.carousel-project-link:hover{text-decoration:underline;text-underline-offset:4px}@media (max-width: 768px){.project-carousel-container{padding:0 1rem 2rem;display:flex;flex-direction:column;gap:4rem}.carousel-slide{display:block!important;opacity:1!important;margin-bottom:2rem}.carousel-nav-zone,.carousel-pagination{display:none!important}.mobile-project-title{display:flex;justify-content:center;align-items:center;margin-top:1.5rem;font-size:1.2rem;letter-spacing:.1em;color:#000;font-weight:500;text-transform:capitalize}.project-carousel-container .carousel-card-wrapper{pointer-events:auto!important}}.project-page{padding-top:4rem;padding-bottom:4rem;min-height:calc(100vh - var(--nav-height))}.project-layout{display:flex;flex-direction:column;gap:4rem}.project-left-col{display:flex;flex-direction:column;gap:2rem;padding-left:2rem}.project-right-col{display:flex;flex-direction:column;gap:2rem}.project-title-large{font-size:1.5rem;font-weight:700;margin-top:0;margin-bottom:2rem;text-transform:uppercase;line-height:1.1}.project-number{font-size:2.2rem;font-weight:700;font-family:inherit;margin-bottom:.2rem;line-height:1}.project-description-text{font-size:.95rem;line-height:1.6;margin-bottom:2rem;max-width:90%}.project-details-list{display:flex;flex-direction:column;gap:.2rem}.detail-line{font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.project-gallery-carousel{width:100%;margin-top:2rem}.carousel-wrapper{display:flex;flex-direction:column;align-items:center;gap:1rem}.carousel-image-container{position:relative;width:100%;max-height:70vh;display:flex;align-items:center;justify-content:flex-start;background-color:transparent}.carousel-image-container img,.carousel-image-container video{max-width:100%;max-height:70vh;object-fit:contain;object-position:left center}.carousel-left-zone,.carousel-right-zone{position:absolute;top:0;bottom:0;width:50%;z-index:10}.carousel-left-zone{left:0;cursor:w-resize;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M12 19l-7-7 7-7"/></svg>') 16 16,w-resize}[data-theme=dark] .carousel-left-zone,[data-theme=soft-dark] .carousel-left-zone,[data-theme=cool-dark] .carousel-left-zone{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M19 12H5M12 19l-7-7 7-7"/></svg>') 16 16,w-resize}.carousel-right-zone{right:0;cursor:e-resize;cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>') 16 16,e-resize}[data-theme=dark] .carousel-right-zone,[data-theme=soft-dark] .carousel-right-zone,[data-theme=cool-dark] .carousel-right-zone{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>') 16 16,e-resize}.carousel-indicator{font-size:.9rem;font-weight:500;opacity:.6;letter-spacing:1px}.project-plans{display:flex;flex-direction:column;gap:2rem}.plan-item{width:100%}.plan-item img,.plan-item video{width:100%;height:auto;object-fit:contain}.no-plans-placeholder{padding:4rem;text-align:center;opacity:.5;border:1px dashed rgba(128,128,128,.3)}@media (min-width: 1024px){.project-layout{flex-direction:row;align-items:flex-start;gap:6rem}.project-left-col{width:45%;position:static;padding-left:4rem}.project-right-col{width:55%}}.contact-page{min-height:calc(100vh - var(--nav-height));background-color:var(--bg-color);display:flex;flex-direction:column;justify-content:center}.contact-container{padding:0 4rem;width:100%}.contact-page-layout{display:grid;grid-template-columns:300px 1fr 300px;align-items:center;width:100%}.contact-sidebar{grid-column:1;display:flex;flex-direction:column;justify-content:center;height:100%;position:relative;z-index:10}.contact-text-block{display:flex;flex-direction:column;text-align:left;white-space:nowrap}.contact-heading{font-size:1.3rem;font-weight:500;margin-bottom:2rem;text-transform:uppercase;letter-spacing:.5px}.contact-section{margin-bottom:2rem;display:flex;flex-direction:column;gap:.15rem}.contact-section p,.contact-footer p{font-size:1.4rem;line-height:1.25;font-weight:400;margin:0}.arb-logo-img{max-width:250px;height:auto;margin-top:1rem;opacity:.8}.contact-link{color:var(--text-color);text-decoration:none;transition:opacity .3s ease;border-bottom:1px solid transparent}.contact-link:hover{opacity:.6;border-bottom-color:var(--text-color)}.contact-footer{margin-top:3rem;display:flex;flex-direction:column;gap:1.5rem}.copyright{opacity:.5;font-size:.9rem!important}.contact-map-area{grid-column:2;display:flex;justify-content:center;align-items:center;width:100%}.contact-map-container{width:100%;max-width:1000px;padding:0 4rem 2rem;margin:0 auto}.contact-map-square{width:100%;max-height:70vh;max-width:70vh;aspect-ratio:1/1;overflow:hidden;background-color:#eee;margin:0 auto}@media (max-width: 768px){.contact-page{justify-content:flex-start;padding-top:2rem}.contact-container{padding:0 2rem}.contact-page-layout{display:flex;flex-direction:column-reverse;gap:2rem}.contact-sidebar{width:100%;margin-top:2rem}.contact-map-area{width:100%}.contact-map-container{padding:0}.contact-text-block{min-width:100%;white-space:normal}.contact-heading{margin-bottom:1.5rem}.contact-section p,.contact-footer p{font-size:1.4rem;line-height:1.3}.contact-footer{margin-top:2rem}}.values-page{padding-top:4rem;padding-bottom:8rem;background-color:var(--bg-color);color:var(--text-color);min-height:calc(100vh - var(--nav-height));display:flex;align-items:center;justify-content:flex-start}.values-list{display:flex;flex-direction:column;width:100%;padding:0 3rem}.value-item{display:flex;align-items:center;justify-content:flex-start;padding:.15rem 0;width:100%}.value-center{display:flex;align-items:center;justify-content:flex-start}.ghost-nav-center{display:flex;gap:.3em;visibility:hidden;height:0;pointer-events:none}.actual-value-content{display:flex;align-items:center;gap:1rem;white-space:nowrap}.value-number{font-size:1.6rem;color:var(--text-color);font-weight:500;text-transform:none;letter-spacing:.5px;margin:0;line-height:1}.value-text{font-size:1.6rem;font-weight:500;text-transform:none;letter-spacing:.5px;margin:0;line-height:1;color:var(--text-color)}@media (max-width: 768px){.values-title{font-size:2rem;margin-bottom:4rem}.values-list{padding:0 2rem}.value-item{grid-template-columns:1fr;gap:.2rem;padding:.5rem 0}.value-center{flex-direction:column;align-items:flex-start;gap:.5rem;min-width:100%}.actual-value-content{position:relative;transform:none;top:0;white-space:normal;flex-direction:row;align-items:center;gap:.5rem}.value-text{font-size:1.8rem;line-height:1.2}.value-description{opacity:.7;transform:none;text-align:left;max-width:100%}.value-number{margin-bottom:0;display:flex;font-size:1.8rem;line-height:1.2}}.studio-page{padding-bottom:8rem;background-color:var(--bg-color);color:var(--text-color)}.studio-hero{width:100%;height:80vh;position:relative;overflow:hidden;margin-bottom:6rem}.studio-hero-image{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.1);transition:transform 10s ease}.studio-hero:hover .studio-hero-image{transform:scale(1.05)}.studio-container{max-width:1200px;margin:0 auto;padding:0 2rem}.studio-intro{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-bottom:8rem;align-items:start}.studio-intro h1{font-size:4rem;font-weight:700;text-transform:uppercase;line-height:1;margin:0;letter-spacing:-1px}.studio-intro p{font-size:1.2rem;line-height:1.6;opacity:.8;margin:0}.team-section{margin-top:8rem}.team-section h2{font-size:2rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:4rem;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:1rem}[data-theme=dark] .team-section h2{border-bottom:1px solid rgba(255,255,255,.1)}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:4rem}.team-member{display:flex;flex-direction:column;gap:1.5rem}.member-image-container{width:100%;aspect-ratio:3/4;overflow:hidden;background-color:#f0f0f0}.member-image{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter .3s ease,transform .5s ease}.team-member:hover .member-image{filter:grayscale(0%);transform:scale(1.03)}.member-info h3{font-size:1.5rem;text-transform:uppercase;margin:0 0 .5rem;letter-spacing:1px}.member-role{font-size:.9rem;text-transform:uppercase;opacity:.6;letter-spacing:2px;margin:0}@media (max-width: 768px){.studio-hero{height:50vh}.studio-intro{grid-template-columns:1fr;gap:2rem}.studio-intro h1{font-size:3rem}}.instagram-preview{background:#ffffff0d;border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:1rem;max-width:350px;width:100%;display:flex;flex-direction:column}[data-theme=dark] .instagram-preview{background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.insta-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.insta-profile{display:flex;align-items:center;gap:.75rem}.insta-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);display:flex;align-items:center;justify-content:center;color:#fff}.insta-avatar svg{width:20px;height:20px}.insta-info{display:flex;flex-direction:column}.insta-username{font-weight:600;font-size:.9rem;color:var(--text-color)}.insta-subtitle{font-size:.75rem;opacity:.7}.instagram-preview .insta-follow-btn{background-color:#0095f6;color:#fff;padding:.4rem .8rem;border-radius:4px;font-size:.8rem;font-weight:600;text-decoration:none;transition:opacity .3s ease}.insta-follow-btn:hover{opacity:.9}.insta-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;border-radius:8px;overflow:hidden}.insta-item{aspect-ratio:1;overflow:hidden;position:relative}.insta-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.insta-item:hover img{transform:scale(1.1)}.about-page{padding-top:4rem;padding-bottom:8rem;background-color:var(--bg-color);color:var(--text-color);min-height:100vh}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:stretch}.about-details{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.about-map{width:100%;height:100%;min-height:300px;border-radius:12px;overflow:hidden;background-color:#f0f0f0;filter:grayscale(100%);transition:filter .3s ease;border:1px solid rgba(0,0,0,.1)}[data-theme=dark] .about-map{border:1px solid rgba(255,255,255,.1)}.about-map:hover{filter:grayscale(0%)}.about-map iframe{width:100%;height:100%;border:0}.about-media{display:block;margin-top:0;height:100%}.about-media .instagram-preview{margin-top:0;max-width:100%;height:100%}.about-column h3{font-size:1.2rem;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.about-column p{line-height:1.6;margin-bottom:.5rem;opacity:.8}.about-column ul{list-style:none;padding:0}.about-column li{margin-bottom:.5rem;opacity:.8}@media (max-width: 768px){.about-grid{grid-template-columns:1fr;gap:2rem}.about-media{grid-template-columns:1fr}}.projects-index-page{background-color:var(--bg-color);min-height:calc(100vh - var(--nav-height));display:flex;align-items:center;justify-content:center}.projects-index-container{padding:0 3rem;width:100%}.work-page-layout{display:grid;grid-template-columns:300px 1fr 300px;align-items:center;width:100%}.work-sidebar{grid-column:1;display:flex;flex-direction:column;justify-content:center;height:100%;position:relative;z-index:10}.work-project-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}.work-list-item{font-size:1.4rem;cursor:pointer;padding:0;margin-bottom:0;opacity:.5;transition:all .2s ease;text-transform:lowercase;font-weight:500;width:auto;white-space:nowrap;display:flex;gap:3rem}.work-list-item.active{opacity:1;color:var(--text-color)}.work-list-item:hover{opacity:.8}.work-list-title{text-transform:capitalize}.work-carousel-area{grid-column:2;display:flex;justify-content:center;position:relative;width:100%;margin:0 auto}.status-message{padding:4rem 0;font-size:1.2rem;opacity:.7}.status-message.error{color:red;opacity:1}@media (max-width: 768px){.projects-index-page{justify-content:flex-start;padding-top:2rem}.projects-index-container{padding:0 2rem}.work-page-layout{display:flex;flex-direction:column-reverse;gap:2rem}.work-sidebar{display:none!important}.work-carousel-area{width:100%}}.intro-screen{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#fff;color:#000;display:flex;justify-content:center;align-items:center;z-index:99999;font-family:inherit;transition:background-color .8s cubic-bezier(.25,1,.5,1);overflow:hidden}.intro-content-wrapper{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%}.intro-screen.fade-out{background-color:transparent;pointer-events:none}.intro-text-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;cursor:pointer;transition:top .8s cubic-bezier(.25,1,.5,1),left .8s cubic-bezier(.25,1,.5,1),transform .8s cubic-bezier(.25,1,.5,1)}.intro-screen.fade-out .intro-text-container{opacity:0}.intro-letter{display:inline-flex;justify-content:center;align-items:center;font-size:9vw;font-weight:700;text-transform:uppercase;margin:0 .1vw;transition:all .8s cubic-bezier(.25,1,.5,1)}.intro-screen.fade-out .intro-letter{background-color:transparent!important}.intro-letter.hidden{opacity:0}.intro-letter.visible{opacity:1;background-color:transparent;color:#000}.intro-letter.highlight{opacity:1;background-color:#000;color:#fff}@media (max-width: 768px){.intro-letter{font-size:12vw;margin:0 .1vw}.intro-screen.fade-out .intro-text-container{opacity:0}}