:root{font-family:Arial,Helvetica,sans-serif;color:#161714;background:#f7f7f2;font-synthesis:none;--bg:#f7f7f2;--text:#161714;--muted:#646660;--line:#d8d9d2;--accent:#d6ff40}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #869f21;outline-offset:5px}button:disabled{cursor:wait;opacity:.5}.skip{position:fixed;left:16px;top:-80px;z-index:100;padding:15px;background:var(--text);color:var(--bg)}.skip:focus{top:12px}.page{max-width:1800px;margin:auto}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:600;letter-spacing:-1px}.brand span{font-size:13px;vertical-align:top;margin-left:5px}.topbar nav{display:flex;gap:34px;font-size:14px}.topbar nav a:hover,.socials a:hover{text-decoration:underline;text-underline-offset:5px}.hero{min-height:640px;height:calc(90svh - 100px);max-height:880px;position:relative;isolation:isolate;overflow:hidden}.hero-copy{position:relative;padding:70px 5% 55px;z-index:1;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{font-size:13px;letter-spacing:.12em;line-height:1.6}.hero h1{font-size:clamp(76px,8.8vw,150px);line-height:.97;letter-spacing:-.075em;font-weight:500;margin:55px 0 45px;max-width:970px}.hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.07em}.hero-bottom{display:flex;align-items:end;gap:90px}.hero p{font-size:18px;line-height:1.55;margin:0}.work-link{font-size:16px;border-bottom:1px solid;padding:12px 0;min-width:160px;display:flex;justify-content:space-between;gap:35px}.work-link span{font-size:24px}#sculpture{position:absolute;inset:0;z-index:-1}#sculpture canvas{width:100%;height:100%;display:block}.motion-toggle{position:absolute;bottom:22px;right:5%;font-size:12px;background:var(--bg);color:var(--text);border:1px solid var(--line);padding:9px 13px;border-radius:30px;z-index:2}.work-section{padding:45px 5% 110px}.section-heading{display:flex;align-items:center;justify-content:space-between;padding:25px 0;border-top:1px solid var(--line)}.section-heading h2{font-size:22px;font-weight:500;margin:0;letter-spacing:-.04em}.section-heading>span{font-size:12px;letter-spacing:.08em;color:var(--muted)}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:58px 24px}.film{aspect-ratio:4/5;position:relative;background:#111;overflow:hidden;border-radius:3px}.film>img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.film:hover>img{transform:scale(1.025)}.embed{position:absolute;inset:0;opacity:0;background:#000;transition:opacity .2s}.film.loaded .embed{opacity:1}.embed iframe{width:100%;height:100%;border:0}.start{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:68px;height:68px;border:1px solid #ffffff6b;border-radius:50%;background:#18181865;backdrop-filter:blur(10px);color:white;display:grid;place-items:center}.start svg{width:25px;fill:currentColor;stroke:none}.film.playing .start{display:none}.film.loaded.paused .start{display:grid}.controls{position:absolute;bottom:0;left:0;right:0;padding:32px 14px 12px;display:flex;align-items:center;gap:10px;background:linear-gradient(transparent,#000b);color:white}.controls button{color:white;background:transparent;border:0;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.controls button:hover{background:#ffffff25}.controls svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.controls .toggle svg{fill:currentColor;stroke:none}.time{font-size:12px;font-variant-numeric:tabular-nums}.seek{min-width:20px;width:100%;height:25px;accent-color:#fff;cursor:pointer}.video-status{position:absolute;top:12px;left:12px;right:12px;background:#111d;color:#fff;font-size:14px;line-height:1.5;margin:0;padding:10px;border-radius:4px;display:none}.video-status:not(:empty){display:block}.video-status a{text-decoration:underline}.caption{display:flex;justify-content:space-between;align-items:start;gap:15px;padding-top:16px}.caption>div{display:flex;gap:12px;align-items:baseline}.caption h3{font-size:16px;font-weight:500;margin:0;line-height:1.4}.caption .index{font-size:12px;color:var(--muted)}.caption>a{font-size:12px;white-space:nowrap;line-height:1.9;color:var(--muted)}.about{padding:85px 5%;display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line)}.about h2{font-size:clamp(32px,4vw,60px);font-weight:500;line-height:1.1;letter-spacing:-.055em;margin:25px 0}.bio p{font-size:18px;line-height:1.65;margin:0 0 24px;max-width:570px}.bio p+p{color:var(--muted)}dl{margin:40px 0}dl>div{display:grid;grid-template-columns:125px 1fr;border-top:1px solid var(--line);padding:20px 0;gap:20px;font-size:14px;line-height:1.6}dt{color:var(--muted)}dd{margin:0}.bio>a{font-size:14px;text-decoration:underline;text-underline-offset:5px}.contact{margin:40px 5% 0;padding:60px 0;border-top:1px solid var(--line)}.contact-title{font-size:clamp(40px,6.5vw,100px);letter-spacing:-.06em;line-height:1.1;display:block;margin:30px 0 40px}.socials{display:flex;gap:30px;font-size:14px}footer{margin:0 5%;border-top:1px solid var(--line);padding:30px 0 105px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.versions{position:fixed;z-index:20;bottom:18px;left:50%;transform:translateX(-50%);display:flex;padding:5px;gap:3px;border:1px solid #ffffff2a;border-radius:100px;box-shadow:0 4px 24px #0003;background:#20211ee8;backdrop-filter:blur(16px);color:white;white-space:nowrap}.versions a{padding:11px 17px;border-radius:100px;font-size:13px}.versions a[aria-current]{background:#f7f7f2;color:#171817}.criativa{--bg:#212121;--text:#f0f0ed;--muted:#a4a4a0;--line:#ffffff20;background:var(--bg);color:var(--text)}.criativa .page{margin-left:240px}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:#171717;padding:30px 20px;display:flex;flex-direction:column;gap:5px;z-index:10}.sidebar .brand{font-size:38px;margin:0 10px 35px}.sidebar>a:not(.brand){font-size:14px;padding:11px 12px;border-radius:7px;line-height:1.4}.sidebar>a:hover{background:#ffffff0c}.sidebar .new-work{border:1px solid #ffffff25;margin-bottom:24px}.sidebar>p{font-size:12px;color:#8c8c88;padding:0 12px;margin:0 0 8px}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:17px;padding:25px 12px 0;font-size:14px}.sidebar-bottom span{font-size:12px;color:var(--muted)}.criativa .topbar{height:80px;border:0}.criativa .topbar .brand{font-size:16px;font-weight:400;letter-spacing:0}.criativa .topbar .brand span{display:none}.criativa .hero{min-height:700px;height:calc(100svh - 80px);max-height:900px;text-align:center}.criativa .hero-copy{padding-top:260px}.criativa .hero h1{font-size:clamp(50px,5.7vw,90px);letter-spacing:-.06em;margin:22px auto;line-height:1.02}.criativa .hero h1 em{font-family:inherit;font-style:normal;color:#a8e6d4;letter-spacing:inherit}.criativa .hero-copy .eyebrow{font-size:11px;letter-spacing:.1em;color:#bdbdb6}.criativa .hero p{font-size:16px;color:var(--muted)}.prompt-box{display:flex;align-items:center;justify-content:space-between;text-align:left;max-width:600px;margin:35px auto 15px;background:#303030;border:1px solid #ffffff15;padding:16px 18px 16px 25px;border-radius:30px;font-size:16px;color:#b8b8b2;pointer-events:auto}.prompt-box a{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#eee;color:#161616;font-size:25px}.suggestions{display:flex;justify-content:center;gap:9px}.suggestions a{border:1px solid var(--line);border-radius:20px;padding:10px 15px;font-size:13px}.suggestions a:hover{background:#ffffff10}.criativa .work-section{max-width:1200px;margin:auto;padding-top:10px}.criativa .film{border-radius:12px}.criativa .caption .index{display:none}.criativa .work-grid{gap:38px 20px}.criativa .about{gap:40px}.criativa .about h2{font-size:40px}.criativa .bio p{font-size:16px}.criativa .contact-title{font-size:clamp(40px,5vw,78px)}.criativa .versions a[aria-current]{background:#c8eadb}.film:fullscreen{aspect-ratio:auto;width:100%;height:100%;border-radius:0}.film:fullscreen>img{object-fit:contain}@media(min-width:1500px){.assertiva .film{aspect-ratio:1/1}.criativa .hero-copy{padding-top:290px}}@media(max-width:1100px){.sidebar{width:200px;padding:25px 12px}.criativa .page{margin-left:200px}.criativa .topbar nav{gap:20px}.criativa .hero h1{font-size:64px}.caption{display:block}.caption>a{display:inline-block;margin-top:6px}.about{gap:30px}.criativa .about{grid-template-columns:1fr}}@media(max-width:760px){.topbar{height:80px;padding:0 6%}.brand{font-size:20px}.topbar nav{gap:18px;font-size:13px}.topbar nav a:first-child{display:none}.hero{min-height:650px;height:auto}.hero-copy{padding:50px 6%}.hero h1{font-size:clamp(68px,12vw,90px);margin:70px 0 45px}.hero-bottom{display:block}.hero-bottom p{font-size:16px}.work-link{margin-top:25px;width:170px}.motion-toggle{bottom:16px}.work-section{padding:30px 6% 70px}.section-heading>span{font-size:10px;letter-spacing:0}.section-heading h2{font-size:20px}.work-grid{gap:35px 14px}.film{aspect-ratio:9/16}.caption h3{font-size:14px}.caption .index{display:none}.controls{padding:25px 5px 7px;gap:1px}.controls button{width:30px;height:36px}.controls .time{display:none}.controls .fullscreen{display:none}.start{width:52px;height:52px}.about{grid-template-columns:1fr;padding:55px 6%;gap:20px}.bio p{font-size:16px}.contact{margin:0 6%}.sidebar{display:none}.criativa .page{margin-left:0}.criativa .hero{min-height:700px;height:calc(95svh - 80px)}.criativa .hero-copy{padding:260px 6% 50px}.criativa .hero h1{font-size:54px}.criativa .hero p{font-size:14px;max-width:300px;margin:auto}.criativa .eyebrow{font-size:10px}.prompt-box{font-size:14px;padding-left:18px;margin-top:25px}.suggestions a{font-size:12px;padding:9px 11px}.criativa .work-grid{gap:35px 14px}.criativa .work-section{padding:20px 6% 65px}.versions a{font-size:12px;padding:10px 15px}.bio dl>div{grid-template-columns:110px 1fr}.criativa .about h2{font-size:36px}}@media(max-width:380px){.work-grid,.criativa .work-grid{grid-template-columns:1fr}.controls .time{display:block}.hero h1{font-size:62px}.criativa .hero h1{font-size:48px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
