:root{--bg:#f7f3ec;--surface:#ffffff;--surface-soft:#f2ede7;--surface-lilac:#efebff;--surface-orange:#ffbf5f;--text:#111111;--muted:#585760;--line:#e5ddd4;--purple:#7357f6;--purple-dark:#5d43dc;--green:#b7dca8;--shadow:0 18px 40px rgba(17,17,17,0.05);--radius-xl:34px;--radius-lg:26px;--radius-md:20px;--radius-sm:14px;--container:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:Avenir Next,Helvetica Neue,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit}:where(a,button,input,textarea,summary):focus-visible{outline:3px solid var(--purple);outline-offset:3px}main{overflow:clip}.page-shell{position:relative}.container{width:min(calc(100% - 2rem),var(--container));margin:0 auto}.section{padding:4.5rem 0}.section-tight{padding:2.25rem 0 4.5rem}.page-header{display:grid;grid-gap:.7rem;gap:.7rem;max-width:42rem;margin-bottom:2rem}.page-header h1,.section-header h1,.section-header h2{margin:0;font-size:clamp(2.4rem,5vw,4rem);line-height:.98;letter-spacing:-.05em}.page-header p,.section-header p{margin:0;color:var(--muted);line-height:1.7}.page-header .section-kicker{color:#8a7f75;line-height:1}.eyebrow,.section-kicker{margin:0 0 .75rem;color:#8a7f75;font-size:11.52px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.button-row,.section-actions{display:flex;flex-wrap:wrap;gap:.9rem}.section-actions.center{justify-content:center}.workflow-section .section-actions{margin-top:2.5rem}.button,.button-ghost,.button-outline{display:inline-flex;align-items:center;justify-content:center;min-height:3.1rem;padding:.85rem 1.25rem;border-radius:999px;border:1px solid transparent;font-size:.95rem;font-weight:700;transition:transform .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease}.button:after,.section-link:after{content:"→";margin-left:.55rem;transition:transform .16s ease}.button-ghost:hover,.button-outline:hover,.button:hover,.section-link:hover{transform:translateY(-1px)}.button:hover:after,.section-link:hover:after{transform:translateX(2px)}.button{background:var(--purple);color:#fff}.button.button-dark{background:#111111}.button-ghost,.button-outline{border-color:#c7c0b8;background:var(--surface);color:var(--text)}.button-small{min-height:2.85rem;padding:.7rem 1.1rem;font-size:.88rem}.panel{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;padding:1rem 0 0;background:linear-gradient(180deg,rgba(247,243,236,.96),rgba(247,243,236,0));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.nav-bar{position:relative;justify-content:space-between;gap:1rem;padding:.35rem 0 .9rem}.nav-bar,.nav-links{display:flex;align-items:center}.nav-links{justify-content:center;gap:1.25rem;margin-left:auto}.nav-links a{color:#2d2a2a;font-size:.92rem;font-weight:600}.nav-links a[data-active=true]{color:var(--purple)}.menu-toggle{position:relative;display:none;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;border:1px solid rgba(17,17,17,.12);border-radius:999px;background:rgba(255,255,255,.82);color:var(--text);cursor:pointer;box-shadow:0 12px 28px rgba(17,17,17,.07)}.menu-toggle span{position:absolute;width:1.2rem;height:.14rem;border-radius:999px;background:currentColor;transition:transform .18s ease,opacity .18s ease}.menu-toggle span:first-child{transform:translateY(-.38rem)}.menu-toggle span:nth-child(3){transform:translateY(.38rem)}.menu-toggle[aria-expanded=true] span:first-child{transform:rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:rotate(-45deg)}.logo{display:block;width:-moz-fit-content;width:fit-content}.logo-image{width:clamp(7.6rem,13vw,10rem);height:auto}.logo-compact .logo-image{width:clamp(8rem,12vw,10.8rem)}.hero{padding:2rem 0 3rem}.hero-grid{display:grid;align-items:center;grid-gap:2.5rem;gap:2.5rem}.hero-copy h1{margin:0;font-family:Avenir Next,Avenir,Helvetica Neue,sans-serif;font-size:clamp(2.15rem,4.8vw,4.25rem);font-weight:700;line-height:1.03;letter-spacing:-.05em;max-width:13.5ch}.hero-copy h1 .hero-line span,.workflow-header h2 span{color:var(--purple)}.workflow-heading-line{color:inherit!important}.hero-line{display:block;color:inherit;white-space:nowrap}.hero-copy p{max-width:28rem;margin:1.5rem 0 0;color:var(--muted);font-size:1.1rem;line-height:1.75}.hero-copy .button-row{margin-top:1.75rem}.hero-art{display:flex;justify-content:center}.hero-illustration{width:min(100%,46rem);height:auto;mix-blend-mode:multiply}.workflow-section{background:var(--surface);border-top:1px solid rgba(0,0,0,.04);border-bottom:1px solid rgba(0,0,0,.04)}.workflow-header{margin-bottom:2.5rem;text-align:center}.section-topline h2,.workflow-header h2{margin:0;font-size:clamp(2rem,4.5vw,3.4rem);line-height:1;letter-spacing:-.05em}.section-topline h2 span{color:var(--purple)}.method-cards,.projects-grid,.workflow-grid{display:grid;grid-gap:1.2rem;gap:1.2rem}.method-cards,.workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.method-card,.workflow-card{display:grid;align-content:start;grid-gap:.95rem;gap:.95rem}.workflow-card{justify-items:stretch;text-align:left;gap:1.2rem}.workflow-icon{width:50%;max-width:9rem;min-width:6.5rem;height:auto}.workflow-card .workflow-icon{justify-self:center;margin:.15rem auto .2rem}.method-card h3,.workflow-card h3{display:flex;align-items:center;gap:1rem;margin:0;font-size:1.5rem;letter-spacing:-.04em}.workflow-card h3{justify-content:flex-start;width:100%;font-size:clamp(1.7rem,2vw,2rem)}.workflow-title-icon{width:5rem;height:5rem;object-fit:contain;flex:0 0 auto}.step-index{display:inline-grid;place-items:center;width:1.7rem;height:1.7rem;border-radius:999px;background:#e7f2de;color:#17151a;font-size:.92rem;font-weight:700}.about-copy p,.case-card-body p,.case-text-block p,.contact-card p,.method-card p,.workflow-copy{margin:0;color:var(--muted);line-height:1.75}.workflow-copy{text-align:left;max-width:30ch;font-weight:600;color:#3c3942;width:100%;font-size:1rem;line-height:1.85}.check-list{display:grid;grid-gap:.7rem;gap:.7rem;margin:.25rem 0 0;padding:0;list-style:none}.check-list li{display:flex;align-items:flex-start;gap:.6rem;color:#2f2d33;font-size:.96rem;line-height:1.6}.check-list li:before{content:"";flex:0 0 auto;width:.48rem;height:.48rem;margin-top:.55rem;border-radius:999px;background:#58a861}.workflow-card .check-list{width:100%;justify-items:start;margin-top:.1rem}.workflow-card .check-list li{justify-content:flex-start;width:100%;padding:0;text-align:left;font-weight:400;font-size:1rem;line-height:1.7}.workflow-card .check-list li:before{display:block;margin-top:.6rem}.workflow-card:first-child .step-index{background:#d7f0cf}.workflow-card:nth-child(2) .step-index{background:#ffc94f}.workflow-card:nth-child(3) .step-index{background:#cdb6ff}.workflow-card:first-child .check-list li:before{background:#68bf73}.workflow-card:nth-child(2) .check-list li:before{background:#f4bd41}.workflow-card:nth-child(3) .check-list li:before{background:#a985ff}.portfolio-preview .projects-grid,.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-preview .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-topline{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.section-link{color:#1f1d22;font-weight:700}.button-outline:hover{border-color:var(--purple);background:var(--purple);color:#fff;box-shadow:0 14px 28px rgba(115,87,246,.18)}.project-card{position:relative;display:block}.project-card-inner{display:grid;grid-gap:.8rem;gap:.8rem}.project-card-cta{position:relative;z-index:4;display:inline-flex;gap:.45rem;width:-moz-fit-content;width:fit-content;margin-top:.75rem;color:var(--purple-dark);font-size:.92rem;font-weight:800}.project-card-cta span{transition:transform .16s ease}.project-card-cta:hover span{transform:translateX(2px)}.project-card-link{position:absolute;inset:0;z-index:3;border-radius:var(--radius-md)}.project-card:has(.media-frame.has-started) .project-card-link{pointer-events:none}.project-thumb{overflow:hidden;border-radius:var(--radius-md);aspect-ratio:16/9}.media-frame,.project-thumb{position:relative;background:#efeae4}.media-frame{width:100%;height:100%;min-width:0}.case-stage-main .media-frame,.project-thumb .media-frame{position:absolute;inset:0}.media-frame iframe,.media-frame img,.media-frame video{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:cover}.media-frame video{object-fit:contain}.media-frame iframe,.media-frame video{background:#111}.media-play-button{position:absolute;top:50%;left:50%;z-index:5;display:inline-grid;place-items:center;width:4.5rem;height:4.5rem;border:0;border-radius:999px;background:rgba(255,255,255,.94);color:#111;font:inherit;font-size:1.35rem;line-height:1;cursor:pointer;transform:translate(-50%,-50%);box-shadow:var(--shadow);transition:transform var(--transition),background var(--transition),box-shadow var(--transition)}.media-play-button:hover{background:#fff;transform:translate(-50%,-50%) scale(1.04);box-shadow:0 18px 36px rgba(17,16,21,.18)}.media-controls{position:absolute;right:1rem;bottom:1rem;left:1rem;z-index:6;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem;pointer-events:none}.media-controls button{border:0;border-radius:999px;background:rgba(255,255,255,.92);color:var(--ink);font:inherit;font-size:.78rem;font-weight:850;line-height:1;padding:.72rem .9rem;cursor:pointer;pointer-events:auto;box-shadow:0 12px 28px rgba(17,16,21,.14);transition:transform var(--transition),background var(--transition),box-shadow var(--transition)}.media-controls button:hover{background:#fff;transform:translateY(-1px);box-shadow:0 16px 34px rgba(17,16,21,.18)}.media-fallback{position:absolute;inset:0;display:grid;place-items:center;grid-gap:.75rem;gap:.75rem;padding:1.5rem;background:rgba(17,16,21,.66);color:#fff;text-align:center}.media-fallback p{margin:0;font-weight:700}.about-portrait img,.case-stage-main iframe,.case-stage-main img,.case-thumb img,.case-visual img,.project-thumb iframe,.project-thumb img{width:100%;height:100%;object-fit:cover;border:0}.project-thumb iframe,.project-thumb img{position:absolute;inset:0}.case-play,.play-badge{position:absolute;top:50%;left:50%;display:inline-grid;place-items:center;width:4.5rem;height:4.5rem;border-radius:999px;background:rgba(255,255,255,.94);color:#111;font-size:1.35rem;transform:translate(-50%,-50%);box-shadow:var(--shadow)}.project-body h3{margin:0;font-size:1.15rem;line-height:1.2;letter-spacing:-.03em}.project-body p{margin:.2rem 0 0;color:var(--muted);font-size:.92rem}.featured-case{display:grid;grid-template-columns:.92fr 1.08fr;grid-gap:2rem;gap:2rem;padding:2rem;border-radius:var(--radius-xl);background:var(--surface-lilac)}.case-visual{overflow:hidden;border-radius:var(--radius-lg)}.case-card-body{display:grid;align-content:center;grid-gap:1rem;gap:1rem}.case-card-body h2{margin:0;font-size:clamp(2rem,4vw,3.2rem);line-height:1;letter-spacing:-.05em}.filter-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1.8rem}.filter-pill{display:inline-flex;align-items:center;min-height:2.5rem;padding:.55rem 1rem;border:1px solid #d5cdc3;border-radius:999px;background:var(--surface);font-size:.88rem;font-weight:600}.filter-pill.is-active{border-color:var(--purple);background:var(--purple);color:#fff}.page-backlink{margin-bottom:1.4rem}.page-backlink a{color:var(--purple);font-weight:600}.case-hero{display:grid;grid-template-columns:.75fr 1.25fr;grid-gap:2.25rem;gap:2.25rem;align-items:start}.case-copy h1{margin:0 0 .45rem;font-size:clamp(2.6rem,5vw,4.2rem);line-height:.98;letter-spacing:-.06em}.case-subtitle{margin:0 0 1.4rem;color:var(--purple);font-size:1.05rem;font-weight:800}.case-text-block+.case-text-block{margin-top:1.1rem}.case-text-block h3{margin:0 0 .45rem;font-size:1.05rem}.case-stage{display:grid;grid-gap:.8rem;gap:.8rem;min-width:0;width:100%}.case-stage-main{position:relative;overflow:hidden;border-radius:var(--radius-lg);background:#ece5dd;width:100%;aspect-ratio:16/9}.case-stage-main iframe,.case-stage-main img,.case-stage-main video{position:absolute;inset:0}.case-stage-main.is-embed iframe,.case-stage-main.is-embed video{background:#000}.case-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:.8rem;gap:.8rem}.case-thumb{position:relative;margin:0;overflow:hidden;border-radius:16px;background:#ece5dd;aspect-ratio:1.35/1}.case-thumb figcaption{position:absolute;right:.65rem;bottom:.65rem;left:.65rem;padding:.45rem .65rem;border-radius:10px;background:rgba(17,16,21,.78);color:#fff;font-size:.85rem;line-height:1.35}.method-card{min-height:100%;padding:1.6rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);justify-items:center;text-align:center}.method-card h3{justify-content:center}.method-card .check-list{justify-items:center}.method-card .check-list li{justify-content:center;text-align:center;max-width:24ch}.method-cta{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:2rem}.method-cta p{margin:0;color:var(--muted);font-weight:600}.method-hero{padding-top:3.5rem}.method-hero-copy{max-width:47rem}.method-band h2,.method-faq h2,.method-hero-copy h1{margin:0;font-size:clamp(2.5rem,5vw,4rem);line-height:.98;letter-spacing:-.05em}.method-band p,.method-hero-copy p:last-child{max-width:42rem;margin:1rem 0 0;color:var(--muted);font-size:1.1rem;line-height:1.75}.method-page-section{padding-top:2rem}.method-page-steps{display:grid;grid-gap:1.4rem;gap:1.4rem}.method-step-block{display:grid;grid-template-columns:.62fr 1.38fr;grid-gap:2rem;gap:2rem;padding:2rem;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface)}.method-step-heading{display:grid;justify-items:center;align-self:start;grid-gap:.9rem;gap:.9rem;text-align:center}.method-step-heading img{width:min(13rem,78%);height:auto;object-fit:contain}.method-step-heading h2{display:inline-flex;align-items:baseline;justify-content:center;gap:.45rem;margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1;letter-spacing:-.05em}.method-step-number{font-size:1em;font-weight:900;letter-spacing:-.04em}.method-step-block:first-child .method-step-number{color:#5aa86a}.method-step-block:nth-child(2) .method-step-number{color:#fab93e}.method-step-block:nth-child(3) .method-step-number{color:#8f76f6}.method-step-content{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(17rem,.9fr);grid-gap:2rem;gap:2rem}.method-step-copy{display:grid;align-content:start;grid-gap:1rem;gap:1rem}.method-step-copy p,.method-step-list p{margin:0;color:var(--muted);line-height:1.75}.method-step-list{display:grid;align-content:start;grid-gap:1rem;gap:1rem}.method-step-list h3{margin:0;font-size:1.1rem}.output-box{display:grid;grid-gap:.35rem;gap:.35rem;margin-top:.25rem;padding:1rem;border-radius:var(--radius-sm);background:var(--surface-soft)}.output-box strong{color:var(--purple);font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}.method-band{background:var(--surface-lilac)}.method-band-grid,.method-faq{display:grid;grid-template-columns:.78fr 1.22fr;grid-gap:2.5rem;gap:2.5rem;align-items:start}.method-band .check-list{margin-top:1.2rem}.method-faq-section{padding:4.5rem 0;background:#fbf7e5}.faq-list{display:grid;grid-gap:.75rem;gap:.75rem}.faq-item{border:1px solid rgba(250,185,62,.35);border-radius:var(--radius-md);background:var(--surface);box-shadow:0 12px 30px rgba(250,185,62,.08)}.faq-item summary{cursor:pointer;padding:1.05rem 1.2rem;font-weight:800;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";float:right;color:#d79000}.faq-item[open] summary:after{content:"-"}.faq-item p{margin:0;padding:0 1.2rem 1rem;color:var(--muted);line-height:1.65}.about-panel,.contact-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;align-items:stretch}.about-panel{padding:1.75rem;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface)}.about-copy{display:grid;align-content:center;grid-gap:1rem;gap:1rem}.about-question{color:var(--text);font-weight:800}.about-portrait{overflow:hidden;min-height:23rem;border-radius:var(--radius-lg);background:#efeae4}.contact-card{padding:1.7rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.contact-card h3{margin:0 0 1rem;font-size:1.45rem;letter-spacing:-.04em}.contact-list{display:grid;grid-gap:1rem;gap:1rem;margin-bottom:1.5rem}.contact-list strong{display:block;margin-bottom:.2rem;color:var(--purple);font-size:.9rem}.contact-list a,.contact-list span{color:#2f2d33}.notice{padding:.95rem 1rem;margin-bottom:1rem;border-radius:16px;background:#eef9ef;color:#2e6c38}.notice-warning{background:#fff4d4;color:#6a4b00}.contact-prompts{display:grid;grid-gap:.8rem;gap:.8rem;padding:1rem;border-radius:20px;background:#fff7de}.contact-prompts p{margin:0;color:var(--text);font-weight:800}.contact-prompts ul{display:grid;grid-gap:.65rem;gap:.65rem;margin:0;padding:0;list-style:none}.contact-prompts li{position:relative;padding-left:1.35rem;color:var(--muted)}.contact-prompts li:before{content:"";position:absolute;top:.58em;left:0;width:.45rem;height:.45rem;border-radius:999px;background:var(--purple)}.contact-card form{position:relative;display:grid;grid-gap:.9rem;gap:.9rem}.spam-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.field{display:grid;grid-gap:.45rem;gap:.45rem}.field label{font-weight:600}.field input,.field textarea{width:100%;padding:.95rem 1rem;border:1px solid #ddd4ca;border-radius:16px;background:#fff}.field textarea{min-height:9rem;resize:vertical}.human-check input{max-width:16rem}.site-footer{padding:1.5rem 0 2rem}.footer-cta{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.35rem 1.55rem;margin-bottom:1.25rem;border-radius:var(--radius-xl);border:none;background:#fab93e;box-shadow:none}.footer-cta-kicker{margin:0;font-size:clamp(1.3rem,3vw,2rem);font-weight:700;line-height:1;letter-spacing:-.05em;color:#121015}.footer-cta-button{min-height:2.9rem;padding:.78rem 1.1rem;background:#ffffff;color:#1f1b12;box-shadow:0 8px 20px rgba(31,27,18,.06)}.footer-cta-button.is-celebrating{transform:translateY(-1px) scale(1.03)}.confetti-layer{position:fixed;inset:0;z-index:9999;pointer-events:none;overflow:hidden}.confetti-piece{position:fixed;top:var(--y);left:var(--x);width:var(--w);height:var(--h);border-radius:var(--radius);background:var(--confetti-color);transform:translate(-50%,-50%) scale(.72) rotate(var(--rotate-start));animation:confetti-pop .76s cubic-bezier(.16,1,.3,1) forwards;animation-delay:var(--delay);box-shadow:0 4px 12px rgba(17,17,17,.08)}@keyframes confetti-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.72) rotate(var(--rotate-start))}12%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(1) rotate(var(--rotate-end))}}.footer-grid{display:grid;grid-template-columns:repeat(3,1fr) 1.35fr;grid-gap:1.5rem;gap:1.5rem;align-items:center;padding:1rem 0 1.25rem}.footer-brand{justify-self:end}.footer-bottom a,.footer-bottom p,.footer-brand p,.footer-links{color:var(--muted)}.footer-brand p{font-weight:600}.footer-brand .logo-image{width:clamp(12rem,18vw,16rem)}.footer-grid h3{margin:0 0 .7rem;font-size:1rem}.footer-whatsapp{display:inline-flex;align-items:center;justify-content:center;min-height:2.6rem;margin-top:.95rem;padding:.7rem 1rem;border-radius:999px;background:var(--purple);color:#ffffff;font-weight:700;transition:transform var(--transition),box-shadow var(--transition),background var(--transition)}.footer-whatsapp:hover{background:#5f46df;transform:translateY(-1px);box-shadow:0 12px 24px rgba(115,87,246,.24)}.footer-links{display:grid;grid-gap:.55rem;gap:.55rem;margin:0;padding:0;list-style:none}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid rgba(17,17,17,.07)}.footer-bottom p{margin:0}.section-header{display:grid;grid-gap:.8rem;gap:.8rem}.panel,.panel .section-header{padding:1.6rem}@media (min-width:960px){.hero-grid{grid-template-columns:.98fr 1.02fr}}@media (max-width:959px){.footer-bottom,.footer-cta,.method-cta,.section-topline{align-items:flex-start;flex-direction:column}.nav-links{flex-wrap:wrap;justify-content:flex-start;gap:1rem;margin-left:0}.about-panel,.case-hero,.contact-grid,.featured-case,.hero-grid,.method-band-grid,.method-faq,.method-step-block,.method-step-content{grid-template-columns:1fr}.footer-grid,.method-cards,.projects-grid,.workflow-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-brand{justify-self:start}.method-step-block,.method-step-content{gap:1.4rem}}@media (max-width:760px){.site-header{padding-top:.65rem}.nav-bar{padding-bottom:.65rem}.logo-image{width:clamp(7.2rem,34vw,8.8rem)}.menu-toggle{display:inline-flex;flex:0 0 auto}.nav-links{position:absolute;top:calc(100% + .35rem);right:0;left:0;z-index:40;display:grid;grid-gap:.2rem;gap:.2rem;margin-left:0;padding:.75rem;border:1px solid rgba(17,17,17,.08);border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 18px 44px rgba(17,17,17,.12);opacity:0;pointer-events:none;transform:translateY(-.45rem) scale(.98);transform-origin:top center;transition:opacity .16s ease,transform .16s ease}.nav-links[data-open=true]{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.nav-links a{display:block;padding:.9rem 1rem;border-radius:16px;color:var(--text);font-size:1rem}.nav-links a[data-active=true]{background:var(--surface-lilac)}}@media (max-width:680px){.section,.section-tight{padding:3.25rem 0}.container{width:min(calc(100% - 1.25rem),var(--container))}.nav-cta{width:100%}.hero{padding:1rem 0 2.75rem}.hero-grid{gap:1.5rem}.hero-copy p{max-width:none;font-size:1.02rem;line-height:1.7}.button-row .button,.contact-card .button,.footer-cta-button,.hero-copy .button-row{width:100%}.button,.button-ghost,.button-outline{min-height:3.25rem}.case-thumbs,.footer-grid,.method-cards,.projects-grid,.workflow-grid{grid-template-columns:1fr}.hero-copy h1{font-size:clamp(2.25rem,11vw,3rem);line-height:1.02}.about-panel,.contact-card,.featured-case,.method-card,.method-step-block{padding:1.25rem}.workflow-header{margin-bottom:2rem;text-align:left}.workflow-section .container{width:min(calc(100% - 2rem),var(--container))}.workflow-heading-line{display:block}.section-topline h2,.workflow-header h2{font-size:clamp(2.1rem,10vw,3rem)}.workflow-header h2{font-size:clamp(2rem,9.2vw,2.7rem);line-height:1.03}.workflow-card h3{gap:.75rem;font-size:1.65rem}.workflow-title-icon{width:4.15rem;height:4.15rem}.project-thumb{aspect-ratio:1.35/1}.project-body h3{font-size:1.25rem}.featured-case{overflow:hidden;gap:1.25rem;width:100%;max-width:100%}.featured-case .case-card-body,.featured-case .case-visual{min-width:0}.featured-case .case-visual{width:100%;border-radius:22px}.featured-case .case-visual iframe,.featured-case .case-visual img,.featured-case .case-visual video{width:100%;max-width:100%}.case-card-body h2,.case-copy h1,.method-band h2,.method-faq h2,.method-hero-copy h1,.page-header h1{font-size:clamp(2.4rem,12vw,3.25rem)}.case-card-body h2{font-size:clamp(2.25rem,10.5vw,2.9rem);overflow-wrap:anywhere}.case-card-body p{max-width:100%;font-size:1rem;line-height:1.65}.case-card-body .button-row{width:100%}.case-hero{grid-template-columns:minmax(0,1fr);gap:1.75rem;width:100%;max-width:100%;overflow:visible}.case-hero+.section-actions{margin-top:clamp(3rem,10vw,4.5rem)}.case-copy,.case-stage{width:100%;max-width:100%;min-width:0}.method-step-heading img{width:min(10rem,70%);height:auto}.case-stage-main{width:100%;max-width:100%;min-width:0;min-height:auto;aspect-ratio:16/9;border-radius:24px;contain:layout paint}.case-stage-main .media-frame{width:100%;height:100%;max-width:100%;min-width:0;overflow:hidden}.case-stage-main .media-frame iframe,.case-stage-main .media-frame img,.case-stage-main .media-frame video{display:block;max-width:100%}.method-band-grid,.method-faq,.method-step-content{gap:1.25rem}.about-portrait{min-height:18rem}.contact-card{border-radius:24px}.field input,.field textarea{min-height:3.4rem}.footer-cta{align-items:stretch;padding:1.25rem}.footer-cta-kicker{font-size:clamp(1.75rem,8vw,2.3rem)}.footer-grid{gap:1.8rem}.footer-brand{justify-self:start}.footer-brand .logo-image{width:min(16rem,70vw)}.hero-copy h1{max-width:none}.hero-line{white-space:normal}}