@import url('icons.css');@font-face{font-family:Kastl;src:url('Poppins-Regular.ttf')}@font-face{font-family:Kastl;src:url('Poppins-SemiBold.ttf');font-weight:600}
.ui-icon{display:inline-block;width:1em;height:1em;flex:0 0 auto;background-color:currentColor;vertical-align:-.12em;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.icon-spark{-webkit-mask-image:url('icon-spark.svg');mask-image:url('icon-spark.svg')}.icon-arrow-up-right{-webkit-mask-image:url('icon-arrow-up-right.svg');mask-image:url('icon-arrow-up-right.svg')}.icon-arrow-right{-webkit-mask-image:url('icon-arrow-right.svg');mask-image:url('icon-arrow-right.svg')}.icon-arrow-left{-webkit-mask-image:url('icon-arrow-left.svg');mask-image:url('icon-arrow-left.svg')}.icon-arrow-down{-webkit-mask-image:url('icon-arrow-down.svg');mask-image:url('icon-arrow-down.svg')}.icon-check{-webkit-mask-image:url('icon-check.svg');mask-image:url('icon-check.svg')}.ui-icon.icon-spark{width:1.08em;height:1.08em}
:root{--ink:#11110f;--paper:#f2efe7;--accent:#ff5a00;--line:rgba(17,17,15,.2);--pad:clamp(20px,3.7vw,70px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Kastl,Arial,sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img,video{display:block;width:100%}button{font:inherit}::selection{background:var(--accent);color:#fff}
.grain{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.header{position:fixed;inset:0 0 auto;z-index:60;height:86px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;background:rgba(242,239,231,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(17,17,15,.08)}.logo{display:flex;align-items:center;gap:8px}.logo-mark{width:clamp(92px,8.5vw,132px);position:relative;z-index:2}.logo-name{width:clamp(125px,13vw,210px);opacity:0;transform:translateY(18px);transition:opacity .45s ease,transform .55s cubic-bezier(.2,.75,.2,1);pointer-events:none}.logo:hover .logo-name,.logo:focus-visible .logo-name{opacity:1;transform:translateY(10px)}.menu-button{border:0;background:none;cursor:pointer;text-transform:uppercase;font-size:11px;letter-spacing:.14em;padding:12px 0}.menu-button:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-right:10px}
.menu{position:fixed;inset:0;z-index:55;background:var(--accent);padding:120px var(--pad) 45px;transform:translateY(-102%);transition:transform .75s cubic-bezier(.77,0,.18,1);display:flex;flex-direction:column;justify-content:space-between}.menu.open{transform:none}.menu-links a{display:block;font-size:clamp(48px,8.8vw,145px);line-height:.86;letter-spacing:-.075em;border-bottom:1px solid rgba(17,17,15,.25)}.menu-links a:hover{font-family:Georgia,serif;font-style:italic}.menu-bottom{font-size:11px;text-transform:uppercase;letter-spacing:.12em;display:flex;justify-content:space-between}
.case-hero{min-height:100svh;padding:145px var(--pad) 32px;display:grid;grid-template-rows:1fr auto;position:relative;isolation:isolate;overflow:hidden}.case-hero:before{content:attr(data-case);position:absolute;right:-.03em;top:3vh;font-size:clamp(280px,45vw,760px);line-height:1;font-weight:600;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px rgba(17,17,15,.1);z-index:-3}.case-hero:after{content:'';position:absolute;right:-6vw;top:13vh;width:min(45vw,720px);aspect-ratio:1;border-radius:42% 58% 63% 37%/48% 36% 64% 52%;background:var(--accent);z-index:-2;animation:morph 9s ease-in-out infinite}.case-hero>div:first-child{align-self:center;position:relative;z-index:4}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.15em;display:flex;gap:10px;align-items:center;margin-bottom:35px}.eyebrow:before{content:'';width:8px;height:8px;background:var(--accent);border-radius:50%}.case-hero h1{font-size:clamp(65px,13vw,215px);line-height:.76;letter-spacing:-.09em;font-weight:500;margin:0;max-width:1500px;text-wrap:balance}.case-hero h1 i{font-family:Georgia,serif;font-weight:400}.hero-art{position:absolute;right:7vw;top:17vh;width:clamp(245px,29vw,510px);height:58vh;min-height:410px;z-index:2;overflow:hidden;transform:rotate(3.5deg);box-shadow:25px 30px 55px rgba(17,17,15,.2);clip-path:polygon(4% 2%,96% 0,100% 94%,91% 100%,2% 97%,0 8%);animation:art-float 6s ease-in-out infinite}.hero-art img,.hero-art video{width:100%;height:100%;object-fit:cover}.hero-art.contain{background:var(--accent);padding:3vw}.hero-art.contain img,.hero-art.contain video{object-fit:contain}.case-sticker{position:absolute;right:3vw;bottom:16vh;z-index:5;width:118px;aspect-ratio:1;border-radius:50%;background:var(--paper);border:1px solid var(--ink);display:grid;place-items:center;text-align:center;font-size:9px;text-transform:uppercase;letter-spacing:.12em;transform:rotate(-10deg)}.hero-meta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;border-top:1px solid var(--line);padding-top:18px;margin-top:65px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;position:relative;z-index:5}.hero-meta span:last-child{text-align:right}.hero-meta span:nth-child(2){text-align:center}@keyframes morph{0%,100%{border-radius:42% 58% 63% 37%/48% 36% 64% 52%;transform:rotate(0)}50%{border-radius:58% 42% 35% 65%/36% 55% 45% 64%;transform:rotate(5deg) scale(1.04)}}@keyframes art-float{0%,100%{transform:rotate(3.5deg) translateY(0)}50%{transform:rotate(1deg) translateY(-14px)}}
.hero-media{height:95vh;min-height:600px;overflow:hidden;background:#222}.hero-media img,.hero-media video{height:103%;object-fit:cover;will-change:transform}.hero-media.contain{background:var(--accent);padding:7vw}.hero-media.contain img,.hero-media.contain video{height:100%;object-fit:contain}
.intro{padding:clamp(110px,14vw,230px) var(--pad);display:grid;grid-template-columns:1fr 2.2fr;gap:7vw}.number{font-size:10px;text-transform:uppercase;letter-spacing:.14em}.intro h2,.deliverables h2{font-size:clamp(40px,6vw,98px);line-height:.95;letter-spacing:-.07em;font-weight:500;margin:0}.intro h2 i,.deliverables h2 i{font-family:Georgia,serif;font-weight:400}.intro-text{display:grid;grid-template-columns:1fr 1fr;gap:3vw;margin-top:55px}.intro p{font-size:clamp(15px,1.2vw,19px);line-height:1.65;margin:0}.visit{display:inline-block;margin-top:35px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid;padding-bottom:6px}
.gallery{padding:0 var(--pad) clamp(110px,14vw,220px);display:grid;grid-template-columns:1fr 1fr;gap:2vw}.media{overflow:hidden;background:#ddd;aspect-ratio:4/5}.media.wide{grid-column:1/-1;aspect-ratio:16/8}.media img,.media video{height:103%;object-fit:cover;will-change:transform}.media.contain{background:var(--accent);padding:6vw}.media.contain img,.media.contain video{height:100%;object-fit:contain}.caption{display:flex;justify-content:space-between;padding-top:12px;font-size:9px;text-transform:uppercase;letter-spacing:.11em}.gallery-item:nth-child(2){margin-top:10vw}.gallery-item.wide{grid-column:1/-1;margin-top:5vw}.gallery-item.wide .media{aspect-ratio:16/8}
.deliverables{background:var(--ink);color:var(--paper);padding:clamp(100px,13vw,200px) var(--pad)}.deliverables-head{display:grid;grid-template-columns:1fr 2.2fr;gap:7vw;margin-bottom:80px}.deliverable{display:grid;grid-template-columns:80px 1fr auto;gap:20px;align-items:center;border-top:1px solid #444;padding:25px 0}.deliverable:last-child{border-bottom:1px solid #444}.deliverable small{color:#777}.deliverable strong{font-size:clamp(25px,3.4vw,54px);font-weight:400;letter-spacing:-.05em}.deliverable span{color:var(--accent);font-size:23px}
.next{background:var(--accent);padding:clamp(100px,12vw,180px) var(--pad);min-height:80vh;display:grid;align-content:center}.next small{text-transform:uppercase;font-size:10px;letter-spacing:.14em}.next a{font-size:clamp(60px,11vw,185px);line-height:.8;letter-spacing:-.085em;margin-top:35px}.next a i{font-family:Georgia,serif}.next a span{display:inline-block;transition:.3s}.next a:hover span{transform:translate(15px,-15px)}
footer{background:var(--ink);color:#eee;padding:80px var(--pad) 30px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-logo{font-size:clamp(42px,6vw,95px);letter-spacing:-.07em}.footer-col small{display:block;color:#777;text-transform:uppercase;letter-spacing:.13em;margin-bottom:18px}.footer-col p,.footer-col a{font-size:14px;line-height:1.7;margin:0;display:block}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #333;margin-top:80px;padding-top:20px;color:#777;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.reveal{opacity:0;transform:translateY(55px);transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:760px){.header{height:72px}.logo-name{display:none}.menu{padding-top:100px}.menu-bottom{display:none}.case-hero{padding-top:110px;min-height:100svh}.case-hero:before{font-size:110vw;right:-.12em;top:18vh}.case-hero:after{width:95vw;right:-43vw;top:29vh}.case-hero>div:first-child{align-self:start}.case-hero h1{font-size:clamp(63px,20vw,105px);position:relative;z-index:4}.hero-art{width:57vw;height:43vh;min-height:330px;right:-2vw;top:39vh}.case-sticker{width:88px;right:auto;left:5vw;bottom:18vh}.hero-meta{grid-template-columns:1fr 1fr}.hero-meta span:nth-child(2){text-align:right}.hero-meta span:last-child{display:none}.hero-media{height:70vh;min-height:470px}.intro,.deliverables-head{grid-template-columns:1fr;gap:42px}.intro-text{grid-template-columns:1fr;gap:25px}.gallery{grid-template-columns:1fr;gap:70px}.gallery-item:nth-child(2),.gallery-item.wide{margin-top:0}.gallery-item.wide{grid-column:auto}.gallery-item.wide .media{aspect-ratio:4/5}.deliverable{grid-template-columns:42px 1fr auto;gap:10px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}
.case-sticker{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;line-height:1.35;padding:13px}.case-sticker .icon-spark{display:block;width:18px;height:18px}
@media(max-width:760px){.case-sticker{width:96px;left:5vw;bottom:14vh;padding:12px;gap:7px;font-size:8px;line-height:1.3;letter-spacing:.1em}.case-sticker .icon-spark{width:16px;height:16px}}