@charset "UTF-8";
:root{color-scheme:dark;--bg:#121311;--ink:#f1f0e5;--muted:#a4a69a;--accent:#ef543e;--line:#ffffff24;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink)}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,.carousel:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.wrap{width:min(1264px,calc(100% - 112px));margin-inline:auto}.nav{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font-size:25px;font-weight:800;letter-spacing:-1.4px}.brand-light{font-weight:400}.brand-mark{font-size:36px;color:var(--accent);margin-right:10px}.brand-period{font-size:12px;align-self:flex-start;margin:5px 0 0 3px;letter-spacing:0}.nav-note,.eyebrow,.section-top h2,.section-note,.card-top,.card-category,.project-status,.manifesto>span,.cta-top,.cta-bottom>span,.film-heading{font-size:12px;font-weight:400;letter-spacing:1.1px}.nav-note{color:var(--muted)}.contact-link{border-bottom:1px solid #888b7d;font-size:14px;padding-bottom:8px}.contact-link span{margin-left:22px}.hero{padding-top:46px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--muted)}.short-line{display:block;width:26px;height:1px;background:var(--accent)}h1{position:relative;margin:24px 0 28px;font-size:clamp(64px,8.9vw,136px);line-height:.94;font-weight:500;letter-spacing:-.075em}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em}h1 em{color:var(--accent)}.hero-star{position:absolute;right:8%;top:12%;color:var(--accent);font-size:125px;line-height:1;transform:rotate(-12deg);animation:turn-in 1.5s ease-out}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between}.hero-bottom p{margin:0;color:#b7b8ad;font-size:16px;line-height:1.6}.work-link{display:flex;align-items:center;gap:32px;font-size:14px}.work-link span{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%}.portfolio{margin-top:68px;overflow:hidden;position:relative;background:radial-gradient(ellipse at 50% 47%,#38332755,transparent 53%)}.section-top{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid var(--line)}.section-top h2{font-size:12px;margin:0}.section-top h2 span{color:#878b7d;margin-left:16px}.section-note{letter-spacing:0;color:#a4a69a;font-size:14px}.carousel{position:relative;height:504px;perspective:1400px;touch-action:pan-y;margin-top:22px}.cards{position:relative;height:100%;transform-style:preserve-3d}.project-card{position:absolute;left:50%;top:23px;width:300px;height:430px;margin-left:-150px;padding:0;overflow:hidden;border:1px solid #ffffff38;border-radius:17px;background:#343830;box-shadow:0 24px 60px #0007;text-align:left;transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .6s,box-shadow .5s;isolation:isolate}.project-card img{height:100%;width:100%;object-fit:cover;transition:transform .8s;object-position:center 47%}.project-card::after{content:'';position:absolute;inset:0;background:linear-gradient(#0004,transparent 26%,#0001 42%,#000d 100%);pointer-events:none}.project-card[data-position=active]{transform:translateZ(65px) rotate(-2deg);z-index:3;box-shadow:0 24px 100px #0009,0 0 0 6px #ffffff05}.project-card[data-position=left]{transform:translateX(-310px) translateZ(-100px) rotateY(20deg) rotate(-9deg);filter:brightness(.77);z-index:1}.project-card[data-position=right]{transform:translateX(310px) translateZ(-100px) rotateY(-20deg) rotate(9deg);filter:brightness(.77);z-index:1}.project-card:hover img{transform:scale(1.045)}.project-card:hover{filter:brightness(1)}.card-top{position:absolute;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;z-index:2;font-size:12px;letter-spacing:1px}.card-top>span:last-child{border:1px solid #ffffff55;border-radius:20px;padding:5px 8px;background:#ffffff15;backdrop-filter:blur(12px);margin-top:-5px}.card-info{position:absolute;z-index:2;bottom:0;left:0;width:100%;padding:24px;background:linear-gradient(transparent,#15191266);backdrop-filter:blur(1px)}.card-category{font-size:12px;letter-spacing:.7px;color:#d5d5c9}.card-title{display:block;font-size:29px;letter-spacing:-1.3px;margin:10px 0 14px}.card-bottom{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#d5d5c9}.play-icon{width:32px;height:32px;border-radius:50%;background:#ffffff20;border:1px solid #ffffff40;display:grid;place-items:center;font-size:18px;backdrop-filter:blur(12px)}.orbit{position:absolute;left:50%;top:240px;width:1100px;height:160px;border:1px solid #ffffff0c;border-radius:50%;transform:translateX(-50%) rotate(-6deg);pointer-events:none}.carousel-controls{display:flex;align-items:center;justify-content:center;gap:26px}.arrow-button{width:44px;height:44px;border:1px solid #ffffff30;background:transparent;border-radius:50%;font-size:20px;transition:background .2s}.arrow-button:hover{background:var(--accent);color:#121311;border-color:var(--accent)}.progress-dots{display:flex;gap:2px}.progress-dots button{width:30px;height:38px;background:transparent;border:0;position:relative}.progress-dots button::before{content:'';display:block;width:5px;height:5px;border-radius:50%;background:#6a6d61;margin:auto;transition:width .4s}.progress-dots button[aria-current=true]::before{width:22px;border-radius:4px;background:var(--accent)}.project-status{text-align:center;color:#a4a69a;letter-spacing:.7px;margin:15px 0 50px}.manifesto{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:27px}.manifesto>span{font-size:12px;color:var(--muted)}.manifesto p{font-size:26px;letter-spacing:-1px;margin:0;display:flex;align-items:center;gap:20px}.manifesto em{font-size:34px;color:var(--accent)}.transform-arrow{color:var(--accent);font-size:30px}.cta{margin-top:76px;background:var(--accent);color:#171a13;padding:34px 44px 28px;border-radius:3px;position:relative}.cta-top{display:flex;justify-content:space-between;align-items:flex-start}.cta-top>span:last-child{font-size:70px;line-height:.7}.cta h2{font-size:clamp(58px,7.8vw,108px);line-height:.95;font-weight:500;letter-spacing:-.065em;margin:22px 0 32px}.cta h2 em{color:#f5edda}.email-link{position:absolute;right:44px;top:52%;font-size:clamp(16px,2vw,26px);letter-spacing:-.6px;border-bottom:1px solid #171a1366;padding-bottom:12px}.email-link span{margin-left:35px}.cta-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #171a1333;padding-top:23px;margin-top:30px}.cta-bottom p{font-size:14px;margin:0}.cta-bottom>span{font-size:12px}footer{display:flex;justify-content:space-between;align-items:center;min-height:125px;color:var(--muted);font-size:12px}footer .brand{color:var(--ink);font-size:22px}.skip{position:fixed;top:-80px;left:12px;z-index:30;padding:12px;background:var(--accent);color:#111}.skip:focus{top:12px}dialog{color:var(--ink);border:1px solid #ffffff2b;background:#171915;max-width:1100px;width:calc(100% - 48px);max-height:92dvh;padding:0;border-radius:18px;box-shadow:0 40px 120px #000a}dialog::backdrop{background:#090b09dc;backdrop-filter:blur(16px)}dialog[open]{animation:modal-in .4s cubic-bezier(.2,.8,.2,1)}.dialog-shell{display:grid;grid-template-columns:1fr 350px;gap:64px;padding:64px 64px 40px;position:relative}.close-button{position:absolute;right:24px;top:16px;background:transparent;border:0;display:flex;gap:15px;align-items:center;padding:5px;font-size:14px}.close-button span{font-size:25px}.project-story{align-self:center}.project-story h2{font-size:clamp(32px,4vw,55px);line-height:1.03;letter-spacing:-2px;font-weight:400;margin:22px 0}.project-story>p{color:#b6b9ab;font-size:18px;line-height:1.6;max-width:390px}.source-product{display:flex;gap:20px;align-items:center;margin:36px 0 26px}.source-product img{width:115px;height:150px;object-fit:cover;border-radius:8px}.source-product h3{font-size:18px;font-weight:400;margin:12px 0}.source-product small{font-size:12px;color:var(--muted)}.story-flow{display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:24px;font-size:14px}.story-flow>span:nth-child(2){color:var(--accent)}.story-flow strong{font-weight:400;color:var(--accent)}.project-story .project-note{font-size:13px}.film-heading{display:flex;justify-content:space-between;font-size:12px;color:#b6b9ab;margin-bottom:12px}.film-column video{width:100%;max-height:70dvh;aspect-ratio:9/16;background:#060706;border-radius:9px;display:block;object-fit:contain}.film-column>a{font-size:12px;color:var(--muted);display:inline-block;margin-top:10px}.film-column #video-message{font-size:13px;color:#efb4a3;margin:6px 0 0}.film-column #video-message:empty{display:none}@keyframes modal-in{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}@keyframes turn-in{from{transform:rotate(-70deg);opacity:0}to{transform:rotate(-12deg);opacity:1}}@media(min-width:1500px){.hero{padding-top:64px}.carousel{height:560px}.project-card{width:330px;height:470px;margin-left:-165px}.project-card[data-position=left]{transform:translateX(-350px) translateZ(-100px) rotateY(20deg) rotate(-9deg)}.project-card[data-position=right]{transform:translateX(350px) translateZ(-100px) rotateY(-20deg) rotate(9deg)}}@media(max-width:900px){.wrap{width:calc(100% - 56px)}.nav-note{display:none}.hero-star{font-size:90px;right:3%;top:10%}.project-card[data-position=left]{transform:translateX(-235px) translateZ(-160px) rotateY(20deg) rotate(-9deg)}.project-card[data-position=right]{transform:translateX(235px) translateZ(-160px) rotateY(-20deg) rotate(9deg)}.manifesto>span:last-child{display:none}.cta{padding:30px}.email-link{position:static;display:inline-block}.cta-bottom>span{display:none}.dialog-shell{grid-template-columns:1fr 280px;padding:64px 30px 30px;gap:30px}}@media(max-width:600px){.wrap{width:calc(100% - 40px)}.nav{height:84px}.brand{font-size:23px}.brand-mark{font-size:30px}.contact-link{font-size:13px}.hero{padding-top:35px}.hero>.eyebrow{font-size:12px;letter-spacing:.7px}h1{font-size:clamp(52px,11.8vw,71px);line-height:1.02;margin:23px 0}.hero-star{font-size:52px;right:0;top:51%}.hero-bottom{align-items:center;gap:20px}.hero-bottom p{font-size:14px}.work-link{font-size:0;gap:0}.work-link span{font-size:17px}.portfolio{margin-top:45px}.section-top{padding-top:20px}.section-top h2{font-size:12px}.section-top h2 span{margin-left:7px}.section-note{font-size:12px}.carousel{height:423px;margin-top:30px}.project-card{width:250px;height:360px;margin-left:-125px;top:18px}.project-card[data-position=active]{transform:translateZ(45px) rotate(-2deg)}.project-card[data-position=left]{transform:translateX(-210px) translateZ(-210px) rotateY(22deg) rotate(-10deg)}.project-card[data-position=right]{transform:translateX(210px) translateZ(-210px) rotateY(-22deg) rotate(10deg)}.card-title{font-size:26px}.card-info{padding:20px}.card-category{font-size:12px}.card-top{font-size:12px}.project-status{font-size:12px;margin-bottom:30px}.manifesto{display:block;text-align:center;padding-block:26px}.manifesto>span{font-size:12px}.manifesto p{justify-content:center;font-size:19px;gap:12px;margin-top:12px}.manifesto em{font-size:28px}.cta{margin-top:42px;padding:25px}.cta-top{font-size:12px;letter-spacing:.8px}.cta-top>span:last-child{font-size:42px}.cta h2{font-size:64px;margin:30px 0}.email-link{font-size:18px}.email-link span{margin-left:18px}.cta-bottom p{font-size:12px;line-height:1.5}footer{flex-wrap:wrap;gap:15px;padding-block:30px;min-height:120px}footer>span:nth-child(2){display:none}dialog{width:calc(100% - 24px);max-height:94dvh;border-radius:12px}.dialog-shell{display:flex;flex-direction:column;padding:52px 22px 25px;gap:25px}.project-story h2{font-size:34px;margin:14px 0}.project-story>p{font-size:16px;margin:10px 0}.source-product{margin:22px 0;gap:16px}.source-product img{width:77px;height:102px}.source-product .eyebrow{font-size:12px}.source-product h3{font-size:16px}.story-flow{gap:14px;font-size:13px}.film-column{width:min(100%,340px);margin:auto}.film-column video{max-height:65dvh}.project-note{display:none}.close-button{top:11px;right:15px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}