:root{color-scheme:light;--paper:#f8f8f5;--ink:#171a18;--muted:#686e6c;--line:#d9ddda;--acid:#e4fa44;--ease:cubic-bezier(.22,1,.36,1);--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,monospace}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip;background:var(--paper)}
body{margin:0;overflow-x:clip;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}
::selection{background:var(--acid);color:var(--ink)}
:focus-visible{outline:3px solid #526e1a;outline-offset:4px}
.skip-link{position:fixed;z-index:200;top:10px;left:10px;transform:translateY(-160%);padding:12px 16px;background:var(--ink);color:white;text-decoration:none;font-size:12px}
.skip-link:focus{transform:translateY(0)}
.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1480px;margin:auto;padding:0 clamp(22px,3vw,50px);border-bottom:1px solid var(--line)}
.topbar a{text-decoration:none}.brand{font-size:19px;font-weight:750;letter-spacing:-.055em;white-space:nowrap;display:flex;align-items:center;gap:11px}
.brand-glyph{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:7px;background:var(--ink);color:var(--paper);font-size:15px}
.topbar nav{display:flex;gap:clamp(15px,2.5vw,36px);font-size:12px;font-weight:600}
.topbar nav a{padding:9px 0;border-bottom:1px solid transparent}.topbar nav a:hover{border-color:var(--ink)}
.contact-shortcuts{display:flex;align-items:center;gap:10px;flex-shrink:0}
.shortcut-link{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;border:1px solid #c4cac5;text-decoration:none;transition:transform .2s var(--ease),background .2s ease,box-shadow .2s ease}
.shortcut-link svg{width:23px;height:23px;display:block;flex-shrink:0}
.shortcut-whatsapp svg{fill:currentColor;stroke:none}
.shortcut-link:hover{transform:translateY(-3px);box-shadow:0 7px 18px #17231b1a}
.shortcut-mail{background:white;color:var(--ink)}
.shortcut-mail:hover{background:var(--acid)}
.shortcut-whatsapp{background:#24c35e;color:white;border-color:#24c35e}
.shortcut-whatsapp:hover{background:#199849;border-color:#199849}
.shortcut-link:focus-visible{outline:3px solid #526e1a;outline-offset:3px}
.hero{overflow:hidden;padding:clamp(40px,5vw,78px) 0 42px;min-height:calc(100svh - 74px)}
.hero-heading{text-align:center;padding:0 20px;position:relative;z-index:1}
.hero-overline{font:700 10px/1.4 var(--mono);letter-spacing:.16em;color:#505852;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap}
.signal{width:7px;height:7px;border-radius:50%;background:#8ed257;box-shadow:0 0 0 4px rgba(142,210,87,.15)}
.hero-edition{opacity:.55}.hero h1{margin:20px 0 18px;font-size:clamp(66px,8vw,130px);line-height:.8;letter-spacing:-.09em;font-weight:760}
.hero h1 em,.services h2 em,.contact h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--ink)}
.hero-subtitle{font-size:clamp(12px,1.2vw,16px);line-height:1.55;margin:24px 0 0;color:#4a514c}
.orbit-block{max-width:1500px;margin:clamp(32px,4.3vw,68px) auto 0}
.orbit-head{display:flex;justify-content:space-between;gap:10px;padding:0 clamp(20px,4.6vw,72px);font:700 10px/1.4 var(--mono);letter-spacing:.13em}
.orbit-total{color:#8e9690}.orbit-hint{color:#707974}.orbit-hint span{font-size:17px;vertical-align:-2px}
.orbit-scene{width:100%;height:clamp(415px,43.7vw,590px);position:relative;overflow:hidden;perspective:1250px;perspective-origin:50% 45%;touch-action:pan-y;user-select:none;cursor:grab;mask-image:linear-gradient(90deg,transparent 0%,black 5%,black 95%,transparent 100%)}
.orbit-scene.is-dragging{cursor:grabbing}
.orbit-scene::before{content:"";position:absolute;left:50%;bottom:5%;width:min(76%,900px);height:70px;transform:translateX(-50%);pointer-events:none;background:radial-gradient(ellipse,rgba(35,48,38,.15),transparent 72%);filter:blur(12px)}
.orbit-track{position:absolute;inset:0;transform-style:preserve-3d;transform-origin:50% 50%;will-change:transform}
.orbit-card{--orb-w:clamp(282px,32.2vw,443px);position:absolute;left:50%;top:50%;width:var(--orb-w);height:calc(var(--orb-w)*1.03);border-radius:12px;overflow:hidden;background:#dce3df;transform-style:preserve-3d;backface-visibility:hidden;box-shadow:0 16px 48px rgba(23,26,24,.17);border:1px solid rgba(255,255,255,.9);will-change:transform;transition:box-shadow .3s ease,border-color .3s ease,filter .3s ease}
.orbit-card.is-centered{border-color:#829b56;box-shadow:0 28px 76px rgba(29,41,29,.22),0 0 0 3px rgba(205,240,100,.58)}
.orbit-card.is-centered img{transform:scale(1.075)}
.orbit-card:focus-within{outline:2px solid #4b712b;outline-offset:3px}
.orbit-card a{display:block;width:100%;height:100%;position:relative;text-decoration:none}
.orbit-card img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:top center;pointer-events:none;transform:scale(1.025);transition:transform 850ms var(--ease)}
.orbit-card[data-id="liva"] img{mix-blend-mode:screen;opacity:.8}
.orbit-card[data-id="liva"]{background:radial-gradient(circle at 28% 28%,#358a9f,transparent 52%),linear-gradient(140deg,#143947,#31234e)}
.orbit-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(7,12,12,.85),transparent 46%);pointer-events:none}
.orbit-card .card-number{position:absolute;z-index:2;left:17px;top:17px;font:700 10px/1 var(--mono);letter-spacing:.08em;background:rgba(255,255,255,.9);border-radius:30px;padding:9px 11px;color:var(--ink)}
.orbit-card .card-copy{position:absolute;z-index:2;left:20px;right:20px;bottom:22px;display:flex;align-items:end;justify-content:space-between;gap:10px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.card-text{display:flex;min-width:0;flex:1;flex-direction:column;align-items:flex-start;gap:7px}
.card-copy .card-text strong{font-size:clamp(21px,2.6vw,38px);letter-spacing:-.06em;font-weight:750;line-height:1.02;overflow-wrap:anywhere}
.card-copy .card-description{font-size:clamp(11px,1.1vw,13px);font-weight:650;line-height:1.26;letter-spacing:.006em;color:#f7faf8}
.card-copy .card-arrow{width:38px;height:38px;background:var(--acid);display:grid;place-items:center;border-radius:50%;flex-shrink:0;color:var(--ink);text-shadow:none;font-size:17px;transition:transform .3s var(--ease)}
.orbit-card.is-centered:hover .card-copy .card-arrow{transform:rotate(45deg) scale(1.1)}
.orbit-controls{max-width:1180px;margin:-8px auto 0;padding:0 clamp(22px,4vw,56px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;position:relative;z-index:4}
.orbit-pager{display:flex;gap:9px;align-items:center}.orbit-pager button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #b8c0b9;background:transparent;border-radius:50%;font-size:22px;transition:background .2s ease,transform .2s ease}
.orbit-pager button:hover{background:var(--acid);transform:scale(1.07)}
.orbit-position{display:flex;align-items:center;gap:9px;margin-left:13px;font:600 12px var(--mono);color:#767f77}.orbit-position strong{color:var(--ink)}
.orbit-divider{height:1px;width:28px;background:#bcc3bc}
.orbit-current{text-align:center;display:flex;align-items:center;gap:12px}
.orbit-current-label{font:700 9px var(--mono);letter-spacing:.14em;color:#889086;white-space:nowrap}
.orbit-current-text{display:flex;flex-direction:column;gap:3px;align-items:flex-start;text-align:left;min-width:0}
.orbit-current-text strong{font-size:19px;letter-spacing:-.055em;line-height:1.1}
.orbit-current-text small{font-size:11px;line-height:1.28;font-weight:550;color:#69736b;max-width:225px}
.orbit-current a{font-size:12px;white-space:nowrap;text-underline-offset:4px;font-weight:650}
.orbit-motion{justify-self:end;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #c5cbc5;border-radius:25px;background:transparent;color:#454c45;font-size:11px;white-space:nowrap}
.motion-dot{width:6px;height:6px;background:#a1cc40;border-radius:50%;box-shadow:0 0 0 4px rgba(174,204,102,.16)}
.orbit-motion[aria-pressed="false"] .motion-dot{background:#9fa79d;box-shadow:none}
.orbit-motion:disabled{opacity:.6;cursor:not-allowed}
.orbit-motion[aria-pressed="true"]{background:var(--acid);border-color:#829c24;color:var(--ink)}
.orbit-motion[aria-pressed="true"] .motion-dot{background:var(--ink);box-shadow:none}
.orbit-index{max-width:1180px;margin:24px auto 0;padding:14px clamp(22px,4vw,56px) 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}
.orbit-index button{background:transparent;color:#888e89;border:none;padding:8px 10px;border-radius:50px;font:650 10px var(--mono);letter-spacing:.02em;transition:background .2s,color .2s}
.orbit-index button:hover{color:var(--ink)}.orbit-index button[aria-pressed="true"]{color:var(--ink);background:var(--acid)}
.hero-outro{max-width:1180px;margin:32px auto 0;padding:0 clamp(22px,4vw,56px);display:flex;justify-content:space-between;gap:20px;color:#777d77;font-size:12px}
.hero-outro span{font:600 10px var(--mono);letter-spacing:.09em}
.services{padding:clamp(86px,10vw,160px) clamp(24px,7vw,100px);background:#ecf0e9}
.section-overline{font:700 10px/1.5 var(--mono);letter-spacing:.13em;color:#666e65;display:flex;justify-content:space-between;gap:20px}
.services-layout{max-width:1320px;margin:60px auto 0;display:grid;grid-template-columns:1.1fr 1fr;gap:10vw;align-items:start}
.services h2,.contact h2{margin:0;font-size:clamp(48px,6vw,93px);line-height:.98;letter-spacing:-.072em;font-weight:760}
.services-copy>p{margin:0 0 42px;font-size:clamp(17px,1.8vw,25px);line-height:1.4;letter-spacing:-.035em}
.services-list{border-top:1px solid #cbd2c7}
.services-list span{display:flex;gap:28px;align-items:center;padding:20px 4px;border-bottom:1px solid #cbd2c7;font-size:16px;font-weight:650}
.services-list b{font:500 11px var(--mono);color:#8a9286}
.contact{background:#171b17;color:#f7faf3;text-align:center;padding:clamp(85px,12vw,160px) 24px}
.contact .section-overline{color:#a4b4a1;display:block}
.contact h2{margin:26px 0}.contact h2 em{color:transparent;-webkit-text-stroke:1px #f7faf3}
.contact>p{max-width:470px;margin:30px auto;font-size:15px;line-height:1.55;color:#bfcabc}
.contact-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:38px}
.contact-links a{display:flex;gap:12px;align-items:center;justify-content:space-between;text-decoration:none;padding:17px 21px;border-radius:100px;background:var(--paper);color:var(--ink);font-size:13px;font-weight:700;transition:transform .2s ease,background .2s ease}
.contact-links a:hover{transform:translateY(-4px);background:var(--acid)}.contact-symbol{font-size:20px;font-weight:400}
footer{min-height:95px;background:#171b17;border-top:1px solid #353b35;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px clamp(24px,7vw,100px);color:#a5afa3;font:600 10px/1.5 var(--mono);letter-spacing:.06em}
footer a{text-decoration:none;color:#f6f8f2}
@media(max-width:900px){.topbar nav{gap:15px}.hero h1{font-size:clamp(74px,10vw,104px)}.orbit-scene{height:510px}.orbit-card{--orb-w:clamp(290px,39.6vw,365px)}.orbit-controls{grid-template-columns:auto 1fr;gap:18px}.orbit-current{grid-row:2;grid-column:1/-1;justify-content:center}.orbit-motion{grid-column:2;grid-row:1}.services-layout{gap:40px;grid-template-columns:1fr}.services-copy{max-width:650px}}
@media(max-width:620px){.topbar{height:64px;padding:0 19px}.brand{font-size:16px}.brand-glyph{width:26px;height:26px}.topbar nav{display:none}.contact-shortcuts{gap:7px}.shortcut-link{width:44px;height:44px}.shortcut-link svg{width:23px;height:23px}.hero{padding-top:40px}.hero-heading{padding:0 15px}.hero-overline{font-size:8px;gap:7px}.hero-edition{display:none}.hero h1{font-size:clamp(58px,15.5vw,92px);letter-spacing:-.085em;margin:22px 0 16px}.hero-subtitle{font-size:12px;margin-top:24px}.orbit-block{margin-top:40px}.orbit-head{font-size:8px;padding:0 18px}.orbit-hint{font-size:8px}.orbit-scene{height:355px;perspective:850px;mask-image:linear-gradient(90deg,transparent 0%,black 4%,black 96%,transparent 100%)}.orbit-card{--orb-w:clamp(215px,63vw,285px);border-radius:9px}.card-copy .card-text strong{font-size:clamp(19px,5vw,26px)}.card-copy .card-description{font-size:11px}.card-copy{left:14px;right:14px;bottom:17px;gap:6px}.card-copy .card-arrow{width:33px;height:33px}.orbit-controls{padding:4px 18px 0;gap:12px}.orbit-pager button{height:38px;width:38px}.orbit-position{margin-left:4px;font-size:11px}.orbit-current{flex-wrap:wrap;gap:7px}.orbit-current-label{display:none}.orbit-current-text strong{font-size:17px}.orbit-current-text small{font-size:10px;max-width:175px}.orbit-current{gap:10px}.orbit-current a{font-size:11px}.orbit-motion{font-size:10px;padding:8px 9px}.orbit-index{margin-top:16px;padding:12px 13px 0;justify-content:center}.orbit-index button{font-size:9px;padding:8px}.hero-outro{padding:0 20px;margin-top:25px;font-size:11px}.hero-outro span{display:none}.services{padding:84px 24px}.section-overline{font-size:9px}.section-overline span:last-child{display:none}.services-layout{margin-top:39px}.services h2,.contact h2{font-size:clamp(52px,11vw,70px)}.services-copy>p{font-size:19px}.contact{padding:100px 18px}.contact-links{flex-direction:column}.contact-links a{width:100%;max-width:400px;margin:auto}footer{display:flex;flex-wrap:wrap;padding:22px;font-size:9px}footer span:nth-child(2){display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit-card{transition:none}.orbit-card img{transition:none}}

#contact{scroll-margin-top:22px}
#contact:target{animation:contact-arrival 1.2s ease-out}
@keyframes contact-arrival{0%,30%{box-shadow:inset 0 0 0 6px #c6e954}100%{box-shadow:inset 0 0 0 0 transparent}}
.contact-copy{display:flex;gap:20px;align-items:center;justify-content:space-between;border:1px solid #86947f;border-radius:100px;background:transparent;color:white;padding:17px 21px;font-size:13px;font-weight:700}
.contact-copy:hover{background:#293626}
.copy-feedback{min-height:25px;color:#dbecc2;font-size:13px;margin:14px auto 0}
@media(max-width:620px){.orbit-telemetry{font-size:8px;padding:0 18px;margin:10px auto -2px}.orbit-progress{max-width:80px}.contact-copy{width:100%;max-width:400px;margin:auto;justify-content:center}}
@media(prefers-reduced-motion:reduce){.orbit-status-dot{animation:none}#contact:target{animation:none}}

/* Place the studio/location line directly under the primary name. */
.hero-heading .hero-overline{margin-top:17px}
.hero-heading .hero-subtitle{margin-top:16px}