:root{font-family:Arial,Helvetica,sans-serif;color:#181818;background:#fafafa;font-synthesis:none;--bg:#fafafa;--ink:#181818;--muted:#626262;--line:#d4d4d4;--accent:#253dff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);transition:background .3s,color .3s}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.study{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 4vw;background:#e9e9e9;color:#242424;font-size:12px;letter-spacing:.08em}.study div{display:flex;gap:6px}.study button{font-size:14px;letter-spacing:0;border:1px solid #bbb;background:transparent;padding:9px 14px;border-radius:30px}.study button[aria-pressed=true]{background:#181818;color:white;border-color:#181818}header{padding:32px 5vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:42px;letter-spacing:-3px;font-weight:800}.brand span{font-size:14px;vertical-align:top;letter-spacing:0;margin-left:4px}nav{display:flex;gap:30px;font-size:16px}nav a:hover{color:var(--accent)}main{padding:0 5vw}.hero{padding:64px 0 48px;display:grid;grid-template-columns:2fr 1fr;align-items:end;gap:40px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.13em;margin-bottom:24px;color:var(--muted)}h1{font-size:clamp(44px,7.7vw,112px);font-weight:500;line-height:1;letter-spacing:-.065em;margin:0}.hero h1 span{display:block}.hero p{font-size:18px;line-height:1.55;max-width:350px;margin:0 0 6px}.filters{display:flex;gap:9px;flex-wrap:wrap;padding:24px 0 32px;border-top:1px solid var(--line)}.filters button{background:transparent;border:1px solid var(--line);color:var(--ink);padding:10px 18px;border-radius:30px;font-size:14px}.filters button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:48px 24px}.project{display:block}.art{aspect-ratio:1.45;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;overflow:hidden;position:relative;background:var(--panel);color:var(--type);transition:transform .5s}.project:hover .art{transform:scale(.98)}.art strong{font-size:clamp(30px,6vw,90px);line-height:.88;letter-spacing:-.06em;white-space:pre-line;text-align:center}.art small{font-size:12px;letter-spacing:.14em;position:absolute;bottom:24px;left:25px}.art em{font-style:normal;font-size:clamp(15px,2vw,30px);margin-top:20px;letter-spacing:.1em}.art .play{position:absolute;right:25px;bottom:22px;font-size:14px;border:1px solid currentColor;border-radius:30px;padding:8px 13px}.meta{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-top:16px}.meta h2{font-size:21px;font-weight:500;letter-spacing:-.03em;margin:0}.meta p{font-size:14px;color:var(--muted);margin:7px 0 0}.meta>span{font-size:12px;color:var(--muted);padding-top:5px}.bottom{margin:100px 0 70px;padding-top:35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center}.bottom h2{font-size:clamp(30px,4vw,60px);font-weight:500;letter-spacing:-.04em;margin:0}.pill{display:inline-block;border:1px solid var(--ink);border-radius:40px;padding:15px 24px;font-size:16px}.page{max-width:1080px;margin:65px auto 90px}.page h1{margin:25px 0 40px;font-size:clamp(42px,7vw,90px)}.intro{font-size:24px;line-height:1.5;max-width:750px}.page .art{aspect-ratio:1.9}.details{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:45px 0}.details h2{font-size:14px;color:var(--muted);font-weight:400}.details p{line-height:1.65;font-size:18px}.note{font-size:14px;color:var(--muted);line-height:1.5}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:50px}.services h2{font-size:20px}.services p{font-size:16px;line-height:1.6;color:var(--muted)}footer{padding:28px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted)}body[data-theme=dark]{--bg:#101010;--ink:#f4f4f4;--muted:#aaa;--line:#383838;--accent:#cffd50}.dark .hero{display:block}.dark .hero p{margin-top:30px;max-width:580px}.dark .grid{gap:65px}.dark .project:first-child{grid-column:span 2}.dark .project:first-child .art{aspect-ratio:2.3}.dark .art{border-radius:2px}.dark h1{font-weight:600}.dark .filters button{border-radius:0}.dark .hero{padding-top:80px}.dark .meta h2{font-size:25px}body[data-theme=studio]{--bg:#f3f3f0;--ink:#171717;--muted:#595959;--line:#c9c9c3;--accent:#eb4e20}.studio .hero{grid-template-columns:3fr 2fr}.studio h1{font-weight:800;letter-spacing:-.075em}.studio .hero h1 span:last-child{color:var(--accent)}.studio .grid{grid-template-columns:repeat(12,1fr);gap:60px 25px}.studio .project{grid-column:span 7}.studio .project:nth-child(2n){grid-column:span 5;margin-top:65px}.studio .project:nth-child(2n) .art{aspect-ratio:1}.studio .filters button{border-radius:0;border:0;padding-left:0;margin-right:20px}.studio .filters button[aria-pressed=true]{background:none;color:var(--accent);text-decoration:underline;text-underline-offset:8px}.studio header{border-bottom:0}.studio .hero{border-bottom:3px solid var(--ink);margin-bottom:15px}.studio .filters{border-top:0}.studio .brand{color:var(--accent)}@media(max-width:700px){.study{align-items:flex-start;flex-direction:column;padding:12px 5vw}.study div{width:100%}.study button{padding:8px 12px;font-size:13px}header{padding:22px 5vw}.brand{font-size:34px}nav{gap:18px;font-size:14px}.hero,.studio .hero{display:block;padding:40px 0 30px}.hero p{margin-top:25px;font-size:16px}.hero h1{font-size:15vw}.grid,.studio .grid{display:block}.project,.studio .project:nth-child(2n){margin:0 0 32px}.dark .project:first-child .art,.studio .project:nth-child(2n) .art{aspect-ratio:1.3}.art strong{font-size:15vw}.meta h2,.dark .meta h2{font-size:19px}.bottom{margin-top:60px;align-items:start;flex-direction:column}.details,.services{grid-template-columns:1fr;gap:15px}.page{margin-top:35px}.page .art{aspect-ratio:1.3}.intro{font-size:21px}.dark .hero{padding-top:40px}.page h1{font-size:12vw}footer{font-size:12px;flex-direction:column}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.studio .project:nth-child(2n){align-self:start}.studio .art{transition:transform .45s ease}.project:hover h2{text-decoration:underline;text-underline-offset:5px}

.real-art{padding:0;background:#333}.real-art img{display:block;width:100%;height:100%;object-fit:contain}.real-case figure{margin:0 0 30px}.real-case figure img{display:block;width:100%;height:auto}.real-case figcaption{font-size:14px;color:var(--muted);padding:12px 0}.case-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px}@media(max-width:700px){.case-gallery{grid-template-columns:1fr}}

.video-cover{padding:0;background:#080b1d}.video-cover img{width:100%;height:100%;object-fit:contain}.video-cover .play{background:#101010;color:white;border-color:#777}.film-stage{margin-top:40px;padding:35px;background:#090b12;display:flex;justify-content:center}.film-stage video{display:block;width:auto;max-width:100%;height:min(78vh,850px);background:#090b12}.video-case .intro{max-width:800px}@media(max-width:700px){.film-stage{padding:0}.film-stage video{width:100%;height:auto}}

.hero p.eyebrow{font-size:11px;white-space:nowrap;letter-spacing:.13em}@media(max-width:700px){.hero p.eyebrow{font-size:8px}}

.contact-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:25px}

.series-film{margin:40px 0}.series-film h2{font-size:21px;margin-bottom:15px}.series-film video{display:block;width:100%;height:auto;background:#111;aspect-ratio:1080/606}

.hcr-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:25px}.hcr-cards video{width:100%;height:auto;aspect-ratio:4/5;background:#111}@media(max-width:700px){.hcr-cards{grid-template-columns:1fr}}

.motion-reels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.motion-reels video{display:block;width:100%;height:auto;aspect-ratio:9/16;background:#111}@media(max-width:700px){.motion-reels{grid-template-columns:1fr}}

.portrait-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:28px 0}.portrait-gallery figure{margin:0}.portrait-gallery img{aspect-ratio:1;object-fit:contain;background:#fff}.portrait-more{margin:25px 0 55px}.portrait-more summary{cursor:pointer;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.real-case img.casacor-space{max-width:760px;margin:auto}@media(max-width:700px){.portrait-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
