/* Pàgines independents amb la identitat visual de Zaku. */
:focus-visible{outline:3px solid var(--purple);outline-offset:5px}
.main-nav a[aria-current="page"],.main-nav a.is-section{color:var(--purple)}
.main-nav a[aria-current="page"]:not(.nav-contact){text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}
.main-nav .nav-contact[aria-current="page"]{color:var(--forest);box-shadow:0 3px 0 var(--purple)}
.breadcrumb{padding-block:27px 0;color:var(--muted);font-size:12px}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:8px 10px;list-style:none;margin:0;padding:0}.breadcrumb li+li:before{content:"/";margin-right:10px;color:#a1aaa3}.breadcrumb a:hover{color:var(--purple);text-decoration:underline}
.hero .hero-descriptor{display:block;max-width:540px;margin-top:18px;font-size:clamp(23px,2.8vw,35px);line-height:1.22;letter-spacing:-.035em}.hero-portrait img:not(.hero-dragon){object-position:center 58%;filter:none}.hero-note a{border-bottom:1px solid var(--line)}
.page-hero{position:relative;isolation:isolate;padding-block:62px 70px}.page-hero:before{content:"";position:absolute;z-index:-1;right:0;top:20px;width:240px;height:165px;background:url('/img/brick-sketch.svg') center/contain no-repeat;opacity:.14;pointer-events:none}.page-hero h1{max-width:900px;font-size:clamp(44px,5.8vw,73px);line-height:1.08}.page-hero .lede{max-width:720px;color:#4f5d54;font-size:18px;line-height:1.8;margin-bottom:0}
.split-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:7%;align-items:center}.split-hero h1{font-size:clamp(42px,5.2vw,66px)}
.page-art{position:relative;display:grid;place-items:center;min-height:365px;border:2px solid var(--forest);border-radius:30px;background:#edf3e6;box-shadow:7px 8px 0 #d7caee;overflow:hidden}.page-art img{width:80%;max-height:340px;object-fit:contain;mix-blend-mode:multiply}.channel-art{background:radial-gradient(ellipse at 70% 10%,#e4f6aa,transparent 70%),#eaf0e5}
.page-section{padding-block:60px 78px;border-top:1px solid var(--line)}.page-section h2{font-size:clamp(32px,3.5vw,45px);line-height:1.16;margin-bottom:24px}.section-lede{max-width:720px;color:var(--muted);font-size:16px;line-height:1.8;margin-bottom:32px}
.copy-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.content-copy{max-width:740px;color:#4f5d54;font-size:16px;line-height:1.9}.content-copy p:last-child{margin-bottom:0}.content-copy strong{color:var(--forest)}.content-copy a{color:var(--purple);border-bottom:1px solid #b4a2ca}
.page-about{padding-block:26px 80px;align-items:start}.page-about .about-image{height:550px}.page-about .about-copy{padding-block:10px}.page-about .about-copy p{font-size:16px;line-height:1.9}
.page-about .about-copy .about-inline-link{display:inline;color:var(--forest);font:inherit;font-weight:700;text-decoration:none;border:0;padding:0;margin:0}.page-about .about-copy .about-inline-link:hover{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
.principle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.info-card{padding:27px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.78)}.info-card .card-kicker{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--purple);margin-bottom:17px}.info-card h2,.info-card h3{font-size:23px;line-height:1.23;margin-bottom:14px}.info-card p{margin-bottom:0;color:var(--muted);font-size:15px;line-height:1.8}.info-card .text-link{display:inline-block;margin-top:20px}
.project-grid .project-card{display:flex;flex-direction:column;min-height:300px}.project-card h2{font-size:27px;line-height:1.15;margin:24px 0 12px}.project-card a{font-size:13px}.project-card p{font-size:14px}.project-card .project-action{margin-top:auto}.project-grid .project-card:hover,.project-grid .project-card:focus-within{transform:translateY(-3px);border-color:#a9bf99;box-shadow:0 10px 24px rgba(22,59,45,.09),0 3px 9px rgba(131,101,170,.05)}.project-directory{padding-top:0;border-top:0}.project-directory .project-card{min-height:330px}
.work-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}.work-feature .work-image{margin:0;border-radius:24px;overflow:hidden;border:2px solid var(--forest);box-shadow:-7px 7px 0 #d7caee}.work-feature img{width:100%;max-height:540px;object-fit:cover;object-position:center}.work-feature h2{font-size:clamp(34px,4vw,49px)}.work-tags{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 25px}.work-tags span{padding:5px 10px;border-radius:99px;background:#e8e2f1;color:#654288;font-size:11px;font-weight:800}
.related-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.related-link{display:block;padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff}.related-link strong{display:block;margin-bottom:9px;font:800 21px var(--display);color:var(--forest)}.related-link span{color:var(--muted);font-size:14px;line-height:1.7}.related-link:hover{border-color:var(--purple)}
.video-cover{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;height:100%;padding:20px;background:radial-gradient(ellipse at 70% 10%,rgba(201,238,54,.25),transparent 60%),linear-gradient(135deg,#294b25,#162b23);color:white;text-align:center}.video-cover .cover-title{font:700 clamp(16px,2vw,24px)/1.25 var(--display)}.video-cover small{color:#d6e4ce;font-size:11px}.video-cover:hover .play-ring{background:var(--green);color:var(--forest)}.video-cover .play-ring{transition:background .2s,color .2s}.video-theme-sims .video-cover{background:radial-gradient(ellipse at top,#608d2c88,transparent 75%),#1c3b2c}.video-theme-format .video-cover{background:radial-gradient(ellipse at top,#8750b388,transparent 75%),#252236}.video-card h3{font-size:21px}.video-card h3 a:hover{color:var(--purple)}.video-grid .video-shell{aspect-ratio:16/10}
.home-intro{padding-block:55px 90px}.home-projects{padding-block:65px 80px}.home-projects .project-card{min-height:280px}.home-links{padding-block:42px 75px}.contact-summary{padding-top:20px}.contact-summary .contact-panel{min-height:290px}.contact-summary .contact-mascot{position:absolute;right:28%;bottom:-6px;width:100px;height:auto}.contact-summary .contact-copy{max-width:600px}.contact-summary .contact-actions{min-width:170px}
.podcast-art{background:#dfece6;color:var(--forest);padding:35px;min-height:350px;text-align:left}.podcast-label{font:800 clamp(40px,5vw,66px)/.99 var(--display);letter-spacing:-.05em}.podcast-label span{color:var(--purple)}.podcast-wave{width:100%;height:70px;display:flex;align-items:center;gap:6px;justify-content:center;margin-top:25px}.podcast-wave i{display:block;width:8px;height:var(--bar,30px);border-radius:8px;background:var(--forest)}.podcast-wave i:nth-child(3n){background:var(--purple)}.status-pill{display:inline-flex;align-items:center;gap:7px;margin-top:20px;padding:6px 11px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:11px;font-weight:700}.status-pill:before{content:"";height:6px;width:6px;border-radius:50%;background:var(--purple)}
.brand-page .merch{padding-top:0;align-items:start}.brand-page .merch-photo{aspect-ratio:1;border-radius:24px;overflow:hidden}.brand-page .merch-photo img{filter:none;object-position:center}.brand-page .merch-visual{padding-top:0}.brand-page .merch-copy h2{font-size:clamp(34px,4vw,49px)}.brand-page .merch-copy p{font-size:16px!important;line-height:1.9!important}.brand-page .photo-caption{left:15px;bottom:15px;font-size:8px;background:rgba(20,34,28,.75);padding:5px 8px;border-radius:5px}.brand-page .merch-photo:after{background:none}
.contact-page-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:start;padding-bottom:85px}.contact-options{display:grid;gap:17px}.contact-option{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 28px}.contact-option h2{font-size:25px;margin-bottom:12px}.contact-option p{font-size:15px;color:var(--muted);line-height:1.8;margin-bottom:18px}.contact-option .text-link{display:inline-block}.contact-side{padding:30px;border-radius:25px;background:#e4eddf;position:sticky;top:110px}.contact-side img{width:140px;height:140px;object-fit:contain;margin:0 auto 12px;mix-blend-mode:multiply}.contact-side h2{font-size:26px;line-height:1.2}.contact-side p,.contact-side li{color:#52614f;font-size:14px;line-height:1.8}.contact-side ul{padding-left:20px;margin-bottom:0}
.footer-pages{display:flex;gap:13px 24px;flex-wrap:wrap;padding:0 0 29px}.footer-pages a{font-size:12px;color:var(--muted)}.footer-pages a:hover{color:var(--purple);text-decoration:underline}.empty-state{padding-block:90px 130px;max-width:760px}.empty-state h1{font-size:clamp(42px,6vw,70px)}.empty-state p{color:var(--muted);font-size:17px}
@media(max-width:950px){.contact-summary .contact-mascot{display:none}.main-nav{gap:18px}.copy-grid{gap:35px}.split-hero{gap:5%}.page-art{min-height:320px}.work-feature{gap:35px}.contact-page-grid{gap:25px}}
@media(max-width:760px){.principle-grid{grid-template-columns:1fr}.copy-grid{grid-template-columns:1fr;gap:30px}.split-hero{grid-template-columns:1fr;gap:32px}.split-hero .page-art{max-width:550px;width:100%}.work-feature{grid-template-columns:1fr}.work-feature .work-image{max-width:550px}.contact-page-grid{grid-template-columns:1fr}.contact-side{position:relative;top:0}.project-grid{grid-template-columns:1fr}.project-grid .project-card{min-height:0}.project-directory .project-card{padding:26px}}
@media(max-width:640px){.breadcrumb{padding-top:22px;font-size:11px}.page-hero{padding-block:38px 48px}.page-hero h1,.split-hero h1{font-size:clamp(36px,10vw,49px)}.page-hero .lede{font-size:16px;line-height:1.8}.page-section{padding-block:42px 52px}.page-section h2{font-size:32px}.hero .hero-descriptor{font-size:25px}.hero-portrait{height:375px}.home-intro{padding-block:35px 65px}.home-projects{padding-block:45px 55px}.home-links{padding-block:5px 55px}.related-links{grid-template-columns:1fr}.page-about{padding-top:0;padding-bottom:55px}.page-about .about-image{height:430px}.page-about .about-copy h2{font-size:32px}.page-about .about-copy p{font-size:15px}.page-art{min-height:290px}.podcast-art{min-height:310px}.podcast-label{font-size:55px}.brand-page .merch{padding-bottom:65px}.brand-page .merch-copy h2{font-size:34px}.brand-page .merch-copy p{font-size:15px!important}.brand-page .merch-visual{padding:0 10px 25px 0}.contact-option{padding:23px}.contact-option h2{font-size:23px}.contact-page-grid{padding-bottom:60px}.footer-pages{gap:13px 20px}.contact-summary .contact-panel{min-height:0}.contact-summary .contact-copy h2{font-size:39px}.contact-summary .contact-actions{padding-bottom:0}.contact-summary .contact-mascot{display:none}.page-section .info-card h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){.project-grid .project-card{transition:none}.project-grid .project-card:hover,.project-grid .project-card:focus-within{transform:none}}
.hero-portrait .hero-dragon{left:auto;right:10px;bottom:-14px;width:clamp(130px,15vw,185px)!important;max-width:38%}
@media(max-width:640px){.hero-portrait .hero-dragon{right:5px;bottom:-5px;width:clamp(105px,32vw,124px)!important;max-width:39%}}
.pais-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:7%;align-items:center}.pais-mini-video{width:100%;max-width:430px;margin-left:auto;padding:22px;border-radius:22px;background:#edf3e6}.pais-mini-video .eyebrow{margin-bottom:12px}.pais-mini-video .pais-video-frame{width:100%;max-width:none}.pais-team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.pais-team-me{border-color:rgba(22,59,45,.35);background:#f1f5ec}.pais-featured-video .section-lede,.pais-reels .section-lede{margin-bottom:30px}.pais-video-frame{position:relative;width:min(100%,960px);aspect-ratio:16/9;overflow:hidden;border-radius:var(--radius);background:#111}.pais-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.pais-watch-link{display:inline-block;margin-top:18px}.pais-reel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px}.pais-reel{min-width:0}.pais-reel .instagram-media{width:100%!important;max-width:540px!important;min-width:0!important;margin:0 auto 12px!important;border:0!important;box-shadow:0 8px 24px rgba(20,34,28,.1)!important}.pais-reel-note{margin:10px 0;color:var(--muted);font-size:12px;line-height:1.6}.pais-reel-link{display:inline-block;color:var(--forest);font-size:12px;font-weight:700}.pais-reel-link:hover{color:var(--purple);text-decoration:underline;text-underline-offset:3px}
@media(max-width:950px){.pais-reel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.pais-reel-grid{grid-template-columns:1fr}.pais-reel{max-width:540px;width:100%;margin-inline:auto}}
@media(max-width:950px){.pais-intro{grid-template-columns:1fr 1fr;gap:32px}.pais-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.pais-intro{grid-template-columns:1fr}.pais-mini-video{max-width:520px;margin:0}.pais-team-grid{grid-template-columns:1fr}}
.page-art.podcast-photo{position:relative;display:block;padding:0;min-height:365px;overflow:hidden}.podcast-photo img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 42%;mix-blend-mode:normal}.podcast-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(10,25,18,.58));pointer-events:none}.podcast-photo figcaption{position:absolute;z-index:1;left:18px;bottom:17px;color:#fff;font-size:9px;font-weight:800;letter-spacing:.16em}
