/* Frosted editorial refinement */
@font-face{font-family:"Manrope Local";src:url("assets/fonts/Manrope-Variable.ttf") format("truetype");font-weight:200 800;font-style:normal;font-display:swap}
:root{--glass-light:rgba(255,255,255,.62);--glass-dark:rgba(255,255,255,.075);--glass-line:rgba(255,255,255,.2);--glass-shadow:0 18px 60px rgba(0,0,0,.16)}

.site-header{top:12px;width:calc(100% - 24px);height:62px;padding:0 22px;border:1px solid transparent;border-radius:999px;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:hidden;isolation:isolate;color:#161b20;text-shadow:none;transition:background .42s ease,border-color .42s ease,box-shadow .42s ease,color .28s ease,backdrop-filter .42s ease}
.site-header:before{content:"";position:absolute;inset:0;background:linear-gradient(112deg,rgba(255,255,255,.38),rgba(255,255,255,.06) 31%,rgba(191,225,245,.08) 68%,rgba(255,255,255,.2));pointer-events:none;z-index:0;opacity:0;transition:opacity .42s ease}
.site-header:after{content:"";position:absolute;inset:2px;border:1px solid rgba(255,255,255,.2);border-radius:inherit;box-shadow:inset 0 1px 10px rgba(255,255,255,.13);pointer-events:none;z-index:0;opacity:0;transition:opacity .42s ease}
.site-header>*{position:relative;z-index:1}.site-header a,.site-header button{color:#161b20;text-shadow:none;transition:color .28s ease,text-shadow .28s ease}
.site-header .mark img{filter:none;transition:filter .28s ease}
.site-header.scrolled{border-color:rgba(229,245,255,.72);background:radial-gradient(120% 180% at 7% -100%,rgba(255,255,255,.5),transparent 44%),radial-gradient(80% 150% at 100% 115%,rgba(176,224,255,.3),transparent 56%),linear-gradient(118deg,rgba(93,146,181,.48),rgba(25,57,86,.36) 48%,rgba(102,155,187,.4));box-shadow:0 20px 52px rgba(8,24,40,.25),inset 0 1px 0 rgba(255,255,255,.88),inset 0 -1px 0 rgba(201,232,255,.35);backdrop-filter:blur(28px) saturate(160%) contrast(108%);-webkit-backdrop-filter:blur(28px) saturate(160%) contrast(108%);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.42)}
.site-header.scrolled:before,.site-header.scrolled:after{opacity:1}.site-header.scrolled a,.site-header.scrolled button{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.46)!important}
.site-header.scrolled .mark img{filter:brightness(0) invert(1) drop-shadow(0 1px 2px rgba(0,0,0,.3))!important}
.header-cta{border-color:transparent;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:border-color .42s ease,background .42s ease,box-shadow .42s ease,color .28s ease}
.site-header.scrolled .header-cta{border-color:rgba(238,249,255,.52);background:rgba(238,249,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.54),0 5px 16px rgba(8,25,40,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}

.hero-copy{position:relative;isolation:isolate}
.hero-copy:before{display:none}
.hero h1{font-family:"Manrope Local","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:760;letter-spacing:-.068em;line-height:.91;max-width:700px;text-wrap:balance;color:#1f2328;text-shadow:0 1px 0 rgba(255,255,255,.62),0 7px 22px rgba(31,35,40,.12)}
.hero .intro{color:#242729;font-weight:500;font-size:.88rem;max-width:390px}
.hero-image{filter:none!important;object-position:center 52%!important}
.hero:after{background:linear-gradient(90deg,rgba(246,247,247,.76) 0%,rgba(246,247,247,.58) 32%,rgba(246,247,247,.18) 54%,rgba(246,247,247,0) 74%)!important}

.project-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgba(255,255,255,.18),transparent 34%,transparent 72%,rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.14);pointer-events:none}
.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px}
.project-visual,.project-wide .project-visual{height:auto!important;aspect-ratio:1/1;border-radius:18px!important;background:#1b1b1b}
.project-featured .project-visual{box-shadow:inset 0 0 0 1px rgba(252,193,10,.48),0 0 0 1px rgba(252,193,10,.16)}
.project-featured .concept-tag{background:rgba(252,193,10,.9);border-color:#fcc10a;color:#111}
.project-cover{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .45s ease}
.nb-project-cover{object-position:center 48%}
.project:hover .project-cover{transform:scale(1.035);filter:saturate(1.06) contrast(1.02)}
.visual-index{top:1rem;right:1rem;color:#fff;text-shadow:0 1px 12px rgba(0,0,0,.5)}
.concept-tag{position:absolute;left:1rem;top:1rem;z-index:2;padding:.42rem .58rem;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:rgba(16,16,16,.22);color:#fff;font-size:.52rem;font-weight:600;letter-spacing:.12em;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.project-meta p{font-size:.62rem;letter-spacing:.02em;text-transform:none}
.project-link{border-color:rgba(255,255,255,.28)!important;background:rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 24px rgba(0,0,0,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .25s,transform .25s}
.project:hover .project-link{background:rgba(255,255,255,.16);transform:translate(2px,-2px)}

.brands{position:relative;isolation:isolate;overflow:hidden;background:#f7f7f5!important;color:#111!important}
.brands:before{content:"";position:absolute;z-index:-1;width:440px;height:440px;right:-190px;top:-250px;border-radius:50%;border:1px solid rgba(17,17,17,.08);box-shadow:inset 28px 16px 90px rgba(255,255,255,.72),0 0 80px rgba(193,217,224,.12)}
.brands .eyebrow{color:#656560}
.brands-heading{margin-bottom:2.4rem}
.brands-disclosure{border-bottom:1px solid rgba(17,17,17,.14)}
.brands-toggle{width:100%;border:0;border-top:1px solid rgba(17,17,17,.14);background:transparent;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:76px;padding:.25rem 0;color:#111;font:600 .82rem/1 Inter,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
.brands-summary-meta{display:flex;align-items:center;gap:1.1rem;color:#74746f;font-size:.7rem}
.brands-chevron{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(17,17,17,.18);border-radius:50%;color:#111;font-size:1rem;transition:transform .35s ease,background .25s ease}
.brands-toggle:hover .brands-chevron{background:#111;color:#fff}
.brands-toggle[aria-expanded="true"] .brands-chevron{transform:rotate(180deg)}
.brand-wall{margin:0 0 1.5rem;border:1px solid rgba(17,17,17,.1);border-radius:24px;padding:8px;gap:8px;background:rgba(255,255,255,.68);box-shadow:0 18px 50px rgba(22,25,28,.07),inset 0 1px 0 #fff;grid-template-columns:repeat(6,minmax(0,1fr))}
.brand-wall:not(.is-expanded) .brand:nth-child(n+13){display:none}
.brand{height:108px;color:#111;border:1px solid rgba(17,17,17,.1)!important;border-radius:17px;background:linear-gradient(145deg,#fff,#f0f1ef);box-shadow:inset 0 1px 0 #fff,0 7px 18px rgba(20,25,28,.06);padding:1.1rem;transition:transform .3s ease,background .3s ease,border-color .3s ease}
.brand:hover{color:#111;background:#fff;border-color:rgba(17,17,17,.22)!important;transform:translateY(-3px)}
.brand img{display:block;width:auto;height:auto;max-width:78%;max-height:58px;object-fit:contain;filter:saturate(.82) contrast(1.03);opacity:.88;transition:filter .3s ease,opacity .3s ease,transform .3s ease}
.brand:hover img{filter:saturate(1) contrast(1);opacity:1;transform:scale(1.03)}
.brand:nth-child(2) img{max-height:72px}
.brand:nth-child(6) img,.brand:nth-child(7) img,.brand:nth-child(8) img{max-height:68px}
.brand:nth-child(9) img{max-width:72%;max-height:52px}
.brand-aconcagua{overflow:hidden}
.brand-aconcagua img{max-height:72px;max-width:82%;filter:saturate(.82) contrast(1.03)}
.brand-aconcagua:hover img{filter:saturate(1) contrast(1)}
.brand-wordmark{display:flex;flex-direction:column;gap:.12rem;line-height:1;letter-spacing:.12em;color:#202020}
.brand-wordmark span{font-size:.52rem;font-weight:500}
.brand-wordmark strong{font-size:1.05rem;font-weight:500;letter-spacing:.08em}
.brand-wordmark:hover{color:#111}
.brand-wordmark--compact strong{font-size:.92rem;font-weight:700;letter-spacing:.055em;line-height:1.05}
.brand-wordmark--serif strong{font-family:"Cormorant Garamond",Georgia,serif;font-size:1.22rem;font-weight:600;letter-spacing:-.025em;text-transform:none}
.brands-note{color:#6d6d68!important;margin:0 0 1.7rem;font-size:.7rem}

.about{grid-template-columns:minmax(310px,34%) minmax(0,1fr);gap:clamp(3rem,7vw,7rem)}
.about-stamp{height:410px;border-radius:26px;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 22px 60px rgba(20,20,20,.13)}
.capabilities:after{background:linear-gradient(145deg,rgba(255,255,255,.42),rgba(255,255,255,.06));border-color:rgba(255,255,255,.5);box-shadow:inset 12px 8px 36px rgba(255,255,255,.8),0 24px 70px rgba(80,77,88,.12);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.impact-shell{padding:3rem;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 25px 80px rgba(0,0,0,.16);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}
.contact-email{border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:.9rem 1.1rem;background:rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.14);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .25s,transform .25s}
.contact-email:hover{background:rgba(255,255,255,.12);transform:translateY(-2px)}

@media(max-width:767px){
  body.menu-open{overflow:hidden}
  .site-header{top:8px;width:calc(100% - 16px);height:60px;padding:0 10px 0 14px;border-radius:20px;overflow:visible}
  .menu-toggle{display:grid;place-items:center;margin-left:auto;width:42px;height:42px;padding:0;border:1px solid rgba(17,17,17,.15);border-radius:50%;background:rgba(255,255,255,.6);box-shadow:inset 0 1px 0 rgba(255,255,255,.82),0 5px 16px rgba(20,20,20,.07);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background .25s ease,border-color .25s ease,transform .25s ease}
  .menu-icon{position:relative;display:block;width:18px;height:14px}
  .menu-icon i{position:absolute;left:0;width:18px;height:1.5px;border-radius:2px;background:currentColor;transform-origin:center;transition:top .25s ease,transform .25s ease,opacity .18s ease}
  .menu-icon i:nth-child(1){top:0}
  .menu-icon i:nth-child(2){top:6px}
  .menu-icon i:nth-child(3){top:12px}
  .menu-toggle[aria-expanded="true"]{background:#151515;color:#fff!important;border-color:#151515;transform:rotate(90deg)}
  .menu-toggle[aria-expanded="true"] .menu-icon i:nth-child(1){top:6px;transform:rotate(45deg)}
  .menu-toggle[aria-expanded="true"] .menu-icon i:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] .menu-icon i:nth-child(3){top:6px;transform:rotate(-45deg)}
  .site-header nav{position:fixed;z-index:20;top:78px;left:8px;right:8px;display:flex!important;gap:0;padding:10px;visibility:hidden;opacity:0;transform:translateY(-12px) scale(.985);pointer-events:none;border:1px solid rgba(255,255,255,.65);border-radius:20px;background:rgba(244,241,235,.94);box-shadow:0 22px 55px rgba(20,20,20,.2);backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%);transition:opacity .22s ease,transform .26s cubic-bezier(.2,.8,.2,1),visibility .26s ease}
  .site-header nav.open{visibility:visible;opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
  .site-header nav a{display:flex;align-items:center;min-height:48px;padding:0 13px;border-radius:12px;color:#111!important;font-size:1rem!important;font-weight:600;letter-spacing:-.025em!important;text-shadow:none!important;transition:background .2s ease,transform .2s ease}
  .site-header nav a:after{display:none}
  .site-header nav a:hover,.site-header nav a:focus-visible{background:rgba(17,17,17,.08);outline:0;transform:translateX(3px)}
  .hero{padding:98px 18px 0!important;background:linear-gradient(180deg,#f5f2ec 0%,#ebe7df 100%)!important;overflow:hidden}
  .hero-copy{padding:0 0 1.8rem!important}
  .hero .eyebrow{margin-bottom:1rem;font-size:.58rem}
  .hero h1{max-width:9.2em;font-size:clamp(2.9rem,13vw,4rem)!important;line-height:.92!important;letter-spacing:-.065em}
  .hero .intro{max-width:31rem;margin:1.25rem 0 1.4rem;font-size:.93rem;line-height:1.55}
  .hero .button{display:inline-flex;min-height:42px;align-items:center;padding:0 16px!important;border:1px solid rgba(17,17,17,.18);border-radius:999px!important;background:#111!important;color:#fff!important;box-shadow:0 8px 24px rgba(17,17,17,.12)}
  .hero-art{position:relative;height:clamp(430px,125vw,590px)!important;margin:0 -18px!important;border-radius:24px 24px 0 0;box-shadow:0 -1px 0 rgba(255,255,255,.7);overflow:hidden}
  .hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),transparent 45%,rgba(0,0,0,.16));pointer-events:none}
  .hero-image{object-position:62% center!important;filter:grayscale(1) contrast(1.08) brightness(.98)!important}
  .hero-number{top:18px!important;right:18px!important;padding:7px 9px;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:rgba(15,15,15,.24);color:#fff!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .work-grid{grid-template-columns:1fr;gap:0}
  .project-visual,.project-wide .project-visual{height:auto!important;max-height:none;aspect-ratio:1/1;border-radius:16px!important}
  .brands-heading{margin-bottom:1.8rem}
  .brands-toggle{min-height:68px;font-size:.74rem}
  .brands-summary-meta{gap:.75rem}
  .brands-chevron{width:34px;height:34px}
  .brand-wall{grid-template-columns:repeat(3,minmax(0,1fr));border-radius:20px;padding:6px;gap:6px}
  .brand{height:88px;border-radius:15px;padding:.7rem}
  .brand img{max-width:82%;max-height:48px}
  .brand:nth-child(6) img,.brand:nth-child(7) img,.brand:nth-child(8) img{max-height:56px}
  .brand-aconcagua img{max-height:58px}
  .brand-wordmark strong{font-size:.78rem}
  .brand-wordmark--compact strong{font-size:.7rem}
  .brand-wordmark--serif strong{font-size:.9rem}
  .about{grid-template-columns:1fr;gap:2.3rem}
  .about-stamp{height:430px;border-radius:22px}
  .impact-shell{padding:1.5rem;border-radius:22px}
  .contact-email{max-width:100%;font-size:.94rem;letter-spacing:-.035em;overflow-wrap:anywhere}
}

@media(prefers-reduced-motion:reduce){.brand,.brand img,.project-link,.contact-email{transition:none}}