/*
Theme Name: UmaZuma Studio
Description: A bold editorial theme for new.umazuma.com.
Version: 1.0.0
Text Domain: umazuma-studio
*/
:root{--ink:#101116;--paper:#f4f0e8;--lime:#d6ff38;--coral:#ff6c49;--line:rgba(244,240,232,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.45 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.site-header{position:absolute;z-index:5;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:28px 4vw}.brand{font-size:1.05rem;font-weight:700;letter-spacing:-.05em;text-transform:uppercase}.brand span{color:var(--lime)}.site-nav ul{display:flex;gap:28px;list-style:none;margin:0;padding:0}.site-nav a{font-size:.75rem;font-weight:bold;letter-spacing:.12em;text-transform:uppercase}.hero{position:relative;min-height:100svh;overflow:hidden;display:grid;align-items:end;padding:0 4vw 7vh;background:#16171c}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(12px);opacity:.9;animation:drift 13s ease-in-out infinite alternate}.hero:before{width:67vw;height:67vw;right:-18vw;top:-31vw;background:radial-gradient(circle at 38% 55%,var(--lime),#579c77 22%,transparent 62%)}.hero:after{width:50vw;height:50vw;left:-17vw;bottom:-25vw;background:radial-gradient(circle,var(--coral),#7d3d63 30%,transparent 67%);animation-delay:-8s}.hero-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(255,255,255,.07) 50%,transparent 50.1%),linear-gradient(transparent 49.9%,rgba(255,255,255,.06) 50%,transparent 50.1%);background-size:50% 100%,100% 50%;opacity:.4}.hero-copy{position:relative;z-index:1;max-width:1100px}.eyebrow{margin:0 0 18px;color:var(--lime);font-size:.72rem;font-weight:bold;letter-spacing:.16em;text-transform:uppercase}.hero h1{max-width:1050px;margin:0;font:700 clamp(4rem,10.4vw,10.6rem)/.84 Georgia,'Times New Roman',serif;letter-spacing:-.075em}.hero h1 em{font-weight:400}.hero-bottom{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-top:38px}.hero-bottom p{max-width:360px;margin:0;font-size:1.05rem}.round-link{display:grid;place-items:center;width:104px;height:104px;border:1px solid var(--line);border-radius:50%;font-size:.7rem;font-weight:bold;letter-spacing:.09em;text-align:center;text-transform:uppercase;transition:.25s}.round-link:hover{background:var(--lime);border-color:var(--lime);color:var(--ink);transform:rotate(-8deg)}.ticker{position:absolute;bottom:0;z-index:2;width:100%;overflow:hidden;border-top:1px solid var(--line);padding:12px 0;white-space:nowrap}.ticker span{display:inline-block;animation:marquee 22s linear infinite;font-size:.7rem;font-weight:bold;letter-spacing:.17em;text-transform:uppercase}.intro{padding:12vw 4vw;background:var(--paper);color:var(--ink)}.section-label{display:block;margin-bottom:36px;font-size:.72rem;font-weight:bold;letter-spacing:.15em;text-transform:uppercase}.intro-grid{display:grid;grid-template-columns:1fr 2fr;gap:5vw}.intro h2{margin:0;font:700 clamp(2.8rem,6.5vw,7rem)/.91 Georgia,serif;letter-spacing:-.065em}.intro-copy{max-width:540px;font-size:clamp(1.2rem,2vw,1.8rem);line-height:1.25}.work{padding:4vw;background:#292b31}.work-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding:0 0 18px}.work-head h2{margin:0;font:700 clamp(2.5rem,5vw,5.5rem)/1 Georgia,serif;letter-spacing:-.06em}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:15px}.card{min-height:380px;display:flex;flex-direction:column;justify-content:flex-end;padding:25px;background:linear-gradient(150deg,#f25455,#d6ff38);color:var(--ink)}.card:nth-child(2){background:linear-gradient(145deg,#8655ed,#ff7255)}.card:nth-child(3){background:linear-gradient(145deg,#d6ff38,#4f91a1)}.card small{font-weight:bold;letter-spacing:.12em;text-transform:uppercase}.card h3{margin:6px 0 0;font:700 clamp(2rem,3.5vw,4rem)/.9 Georgia,serif;letter-spacing:-.07em}.contact{padding:12vw 4vw 5vw;background:var(--ink)}.contact h2{max-width:900px;margin:0;font:700 clamp(3.6rem,9vw,10rem)/.84 Georgia,serif;letter-spacing:-.08em}.contact a{color:var(--lime);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.12em}.site-footer{display:flex;justify-content:space-between;padding:22px 4vw;border-top:1px solid var(--line);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase}@keyframes drift{to{transform:translate(-8vw,10vh) scale(1.12)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:700px){.site-header{padding:20px 6vw}.site-nav{display:none}.hero{padding:0 6vw 9vh}.hero:before{width:130vw;height:130vw}.hero:after{width:100vw;height:100vw}.hero-bottom{align-items:flex-start;flex-direction:column}.round-link{width:78px;height:78px}.intro,.contact{padding:22vw 6vw}.intro-grid,.cards{grid-template-columns:1fr}.intro-copy{font-size:1.25rem}.work{padding:8vw 6vw}.card{min-height:250px}.site-footer{padding:20px 6vw;gap:12px;flex-direction:column}}